*{
padding: 0;
margin: 0;
box-sizing: border-box;
} @font-face {
font-family: "Open Sans";
font-style: normal;
font-weight:300;
src: url(//metaapply.io/wp-content/themes/metaapply/fonts/OpenSans/OpenSans-Light.ttf);
font-display: swap;
}
@font-face {
font-family: "Open Sans";
font-style: italic;
font-weight: 300;
src: url(//metaapply.io/wp-content/themes/metaapply/fonts/OpenSans/OpenSans-LightItalic.ttf);
font-display: swap;
}
@font-face {
font-family: "Open Sans";
font-style: normal;
font-weight: 400;
src: url(//metaapply.io/wp-content/themes/metaapply/fonts/OpenSans/OpenSans-Regular.ttf);
font-display: swap;
}
@font-face {
font-family: "Open Sans";
font-style: italic;
font-weight: 400;
src: url(//metaapply.io/wp-content/themes/metaapply/fonts/OpenSans/OpenSans-Italic.ttf);
font-display: swap;
}
@font-face {
font-family: "Open Sans";
font-style: normal;
font-weight: 500;
src: url(//metaapply.io/wp-content/themes/metaapply/fonts/OpenSans/OpenSans-Medium.ttf);
font-display: swap;
}
@font-face {
font-family: "Open Sans";
font-style: italic;
font-weight: 500;
src: url(//metaapply.io/wp-content/themes/metaapply/fonts/OpenSans/OpenSans-MediumItalic.ttf);
font-display: swap;
}
@font-face {
font-family: "Open Sans";
font-style: normal;
font-weight: 600;
src: url(//metaapply.io/wp-content/themes/metaapply/fonts/OpenSans/OpenSans-SemiBold.ttf);
font-display: swap;
}
@font-face {
font-family: "Open Sans";
font-style: italic;
font-weight: 600;
src: url(//metaapply.io/wp-content/themes/metaapply/fonts/OpenSans/OpenSans-SemiBoldItalic.ttf);
font-display: swap;
}
@font-face {
font-family: "Open Sans";
font-style: normal;
font-weight: 700;
src: url(//metaapply.io/wp-content/themes/metaapply/fonts/OpenSans/OpenSans-Bold.ttf);
font-display: swap;
}
@font-face {
font-family: "Open Sans";
font-style: italic;
font-weight: 700;
src: url(//metaapply.io/wp-content/themes/metaapply/fonts/OpenSans/OpenSans-BoldItalic.ttf);
font-display: swap;
}
@font-face {
font-family: "Open Sans";
font-style: normal;
font-weight: 800;
src: url(//metaapply.io/wp-content/themes/metaapply/fonts/OpenSans/OpenSans-ExtraBold.ttf);
font-display: swap;
}
@font-face {
font-family: "Open Sans";
font-style: italic;
font-weight: 800;
src: url(//metaapply.io/wp-content/themes/metaapply/fonts/OpenSans/OpenSans-ExtraBoldItalic.ttf);
font-display: swap;
}
@font-face {
font-family: "varela";
font-style: normal;
font-weight: 400;
src: url(//metaapply.io/wp-content/themes/metaapply/fonts/varela/Varela-Regular.ttf);
font-display: swap;
} @font-face {
font-family: "Nunito Sans";
font-style: normal;
font-weight:200;
src: url(//metaapply.io/wp-content/themes/metaapply/fonts/NunitoSans/NunitoSans-ExtraLight.ttf);
font-display: swap;
}
@font-face {
font-family: "Nunito Sans";
font-style: italic;
font-weight: 200;
src: url(//metaapply.io/wp-content/themes/metaapply/fonts/NunitoSans/NunitoSans-ExtraLightItalic.ttf);
font-display: swap;
}
@font-face {
font-family: "Nunito Sans";
font-style: normal;
font-weight:300;
src: url(//metaapply.io/wp-content/themes/metaapply/fonts/NunitoSans/NunitoSans-Light.ttf);
font-display: swap;
}
@font-face {
font-family: "Nunito Sans";
font-style: italic;
font-weight: 300;
src: url(//metaapply.io/wp-content/themes/metaapply/fonts/NunitoSans/NunitoSans-LightItalic.ttf);
font-display: swap;
}
@font-face {
font-family: "Nunito Sans";
font-style: normal;
font-weight: 400;
src: url(//metaapply.io/wp-content/themes/metaapply/fonts/NunitoSans/NunitoSans-Regular.ttf);
font-display: swap;
}
@font-face {
font-family: "Nunito Sans";
font-style: italic;
font-weight: 400;
src: url(//metaapply.io/wp-content/themes/metaapply/fonts/NunitoSans/NunitoSans-Italic.ttf);
font-display: swap;
}
@font-face {
font-family: "Nunito Sans";
font-style: normal;
font-weight: 500;
src: url(//metaapply.io/wp-content/themes/metaapply/fonts/NunitoSans/NunitoSans-Medium.ttf);
font-display: swap;
}
@font-face {
font-family: "Nunito Sans";
font-style: italic;
font-weight: 500;
src: url(//metaapply.io/wp-content/themes/metaapply/fonts/NunitoSans/NunitoSans-MediumItalic.ttf);
font-display: swap;
}
@font-face {
font-family: "Nunito Sans";
font-style: normal;
font-weight: 600;
src: url(//metaapply.io/wp-content/themes/metaapply/fonts/NunitoSans/NunitoSans-SemiBold.ttf);
font-display: swap;
}
@font-face {
font-family: "Nunito Sans";
font-style: italic;
font-weight: 600;
src: url(//metaapply.io/wp-content/themes/metaapply/fonts/NunitoSans/NunitoSans-SemiBoldItalic.ttf);
font-display: swap;
}
@font-face {
font-family: "Nunito Sans";
font-style: normal;
font-weight: 700;
src: url(//metaapply.io/wp-content/themes/metaapply/fonts/NunitoSans/NunitoSans-Bold.ttf);
font-display: swap;
}
@font-face {
font-family: "Nunito Sans";
font-style: italic;
font-weight: 700;
src: url(//metaapply.io/wp-content/themes/metaapply/fonts/NunitoSans/NunitoSans-BoldItalic.ttf);
font-display: swap;
}
@font-face {
font-family: "Nunito Sans";
font-style: normal;
font-weight: 800;
src: url(//metaapply.io/wp-content/themes/metaapply/fonts/NunitoSans/NunitoSans-ExtraBold.ttf);
font-display: swap;
}
@font-face {
font-family: "Nunito Sans";
font-style: italic;
font-weight: 800;
src: url(//metaapply.io/wp-content/themes/metaapply/fonts/NunitoSans/NunitoSans-ExtraBoldItalic.ttf);
font-display: swap;
}
@font-face {
font-family: "Nunito Sans";
font-style: normal;
font-weight: 900;
src: url(//metaapply.io/wp-content/themes/metaapply/fonts/NunitoSans/NunitoSans-Black.ttf);
font-display: swap;
}
@font-face {
font-family: "Nunito Sans";
font-style: italic;
font-weight: 900;
src: url(//metaapply.io/wp-content/themes/metaapply/fonts/NunitoSans/NunitoSans-BlackItalic.ttf);
font-display: swap;
}
@font-face {
font-family: "Charmonman";
font-style: normal;
font-weight: 700;
src: url(//metaapply.io/wp-content/themes/metaapply/fonts/Charmonman/Charmonman-Bold.ttf);
font-display: swap;
}
@font-face {
font-family: "Charmonman";
font-style: normal;
font-weight: 400;
src: url(//metaapply.io/wp-content/themes/metaapply/fonts/Charmonman/Charmonman-Regular.ttf);
font-display: swap;
} @font-face {
font-family: "Roboto";
font-style: normal;
font-weight:100;
src: url(//metaapply.io/wp-content/themes/metaapply/fonts/Roboto/Roboto-Thin.ttf);
font-display: swap;
}
@font-face {
font-family: "Roboto";
font-style: italic;
font-weight: 100;
src: url(//metaapply.io/wp-content/themes/metaapply/fonts/Roboto/Roboto-ThinItalic.ttf);
font-display: swap;
}
@font-face {
font-family: "Roboto";
font-style: normal;
font-weight:300;
src: url(//metaapply.io/wp-content/themes/metaapply/fonts/Roboto/Roboto-Light.ttf);
font-display: swap;
}
@font-face {
font-family: "Roboto";
font-style: italic;
font-weight: 300;
src: url(//metaapply.io/wp-content/themes/metaapply/fonts/Roboto/Roboto-LightItalic.ttf);
font-display: swap;
}
@font-face {
font-family: "Roboto";
font-style: normal;
font-weight: 400;
src: url(//metaapply.io/wp-content/themes/metaapply/fonts/Roboto/Roboto-Regular.ttf);
font-display: swap;
}
@font-face {
font-family: "Roboto";
font-style: italic;
font-weight: 400;
src: url(//metaapply.io/wp-content/themes/metaapply/fonts/Roboto/Roboto-Italic.ttf);
font-display: swap;
}
@font-face {
font-family: "Roboto";
font-style: normal;
font-weight: 500;
src: url(//metaapply.io/wp-content/themes/metaapply/fonts/Roboto/Roboto-Medium.ttf);
font-display: swap;
}
@font-face {
font-family: "Roboto";
font-style: italic;
font-weight: 500;
src: url(//metaapply.io/wp-content/themes/metaapply/fonts/Roboto/Roboto-MediumItalic.ttf);
font-display: swap;
}
@font-face {
font-family: "Roboto";
font-style: normal;
font-weight: 700;
src: url(//metaapply.io/wp-content/themes/metaapply/fonts/Roboto/Roboto-Bold.ttf);
font-display: swap;
}
@font-face {
font-family: "Roboto";
font-style: italic;
font-weight: 700;
src: url(//metaapply.io/wp-content/themes/metaapply/fonts/Roboto/Roboto-BoldItalic.ttf);
font-display: swap;
}
@font-face {
font-family: "Roboto";
font-style: normal;
font-weight: 900;
src: url(//metaapply.io/wp-content/themes/metaapply/fonts/Roboto/Roboto-Black.ttf);
font-display: swap;
}
@font-face {
font-family: "Roboto";
font-style: italic;
font-weight: 900;
src: url(//metaapply.io/wp-content/themes/metaapply/fonts/Roboto/Roboto-BlackItalic.ttf);
font-display: swap;
} @font-face {
font-family: "Plus Jakarta Sans";
font-style: normal;
font-weight:200;
src: url(//metaapply.io/wp-content/themes/metaapply/fonts/plusJakartaSans/PlusJakartaSans-ExtraLight.ttf);
font-display: swap;
}
@font-face {
font-family: "Plus Jakarta Sans";
font-style: italic;
font-weight: 100;
src: url(//metaapply.io/wp-content/themes/metaapply/fonts/plusJakartaSans/PlusJakartaSans-ExtraLightItalic.ttf);
font-display: swap;
}
@font-face {
font-family: "Plus Jakarta Sans";
font-style: normal;
font-weight:300;
src: url(//metaapply.io/wp-content/themes/metaapply/fonts/plusJakartaSans/PlusJakartaSans-Light.ttf);
font-display: swap;
}
@font-face {
font-family: "Plus Jakarta Sans";
font-style: italic;
font-weight: 300;
src: url(//metaapply.io/wp-content/themes/metaapply/fonts/plusJakartaSans/PlusJakartaSans-LightItalic.ttf);
font-display: swap;
}
@font-face {
font-family: "Plus Jakarta Sans";
font-style: normal;
font-weight: 400;
src: url(//metaapply.io/wp-content/themes/metaapply/fonts/plusJakartaSans/PlusJakartaSans-Regular.ttf);
font-display: swap;
}
@font-face {
font-family: "Plus Jakarta Sans";
font-style: italic;
font-weight: 400;
src: url(//metaapply.io/wp-content/themes/metaapply/fonts/plusJakartaSans/PlusJakartaSans-Italic.ttf);
font-display: swap;
}
@font-face {
font-family: "Plus Jakarta Sans";
font-style: normal;
font-weight: 500;
src: url(//metaapply.io/wp-content/themes/metaapply/fonts/plusJakartaSans/PlusJakartaSans-Medium.ttf);
font-display: swap;
}
@font-face {
font-family: "Plus Jakarta Sans";
font-style: italic;
font-weight: 500;
src: url(//metaapply.io/wp-content/themes/metaapply/fonts/plusJakartaSans/PlusJakartaSans-MediumItalic.ttf);
font-display: swap;
}
@font-face {
font-family: "Plus Jakarta Sans";
font-style: normal;
font-weight: 600;
src: url(//metaapply.io/wp-content/themes/metaapply/fonts/plusJakartaSans/PlusJakartaSans-SemiBold.ttf);
font-display: swap;
}
@font-face {
font-family: "Plus Jakarta Sans";
font-style: italic;
font-weight: 600;
src: url(//metaapply.io/wp-content/themes/metaapply/fonts/plusJakartaSans/PlusJakartaSans-SemiBoldItalic.ttf);
font-display: swap;
}
@font-face {
font-family: "Plus Jakarta Sans";
font-style: normal;
font-weight: 700;
src: url(//metaapply.io/wp-content/themes/metaapply/fonts/plusJakartaSans/PlusJakartaSans-Bold.ttf);
font-display: swap;
}
@font-face {
font-family: "Plus Jakarta Sans";
font-style: italic;
font-weight: 700;
src: url(//metaapply.io/wp-content/themes/metaapply/fonts/plusJakartaSans/PlusJakartaSans-BoldItalic.ttf);
font-display: swap;
}
@font-face {
font-family: "Plus Jakarta Sans";
font-style: normal;
font-weight: 800;
src: url(//metaapply.io/wp-content/themes/metaapply/fonts/plusJakartaSans/PlusJakartaSans-ExtraBold.ttf);
font-display: swap;
}
@font-face {
font-family: "Plus Jakarta Sans";
font-style: italic;
font-weight: 800;
src: url(//metaapply.io/wp-content/themes/metaapply/fonts/plusJakartaSans/PlusJakartaSans-ExtraBoldItalic.ttf);
font-display: swap;
} @font-face {
font-family: "Roboto_Slab";
font-style: normal;
font-weight:100;
src: url(//metaapply.io/wp-content/themes/metaapply/fonts/Roboto_Slab/RobotoSlab-Thin.ttf);
font-display: swap;
}
@font-face {
font-family: "Roboto_Slab";
font-style: normal;
font-weight:200;
src: url(//metaapply.io/wp-content/themes/metaapply/fonts/Roboto_Slab/RobotoSlab-ExtraLight.ttf);
font-display: swap;
}
@font-face {
font-family: "Roboto_Slab";
font-style: normal;
font-weight:300;
src: url(//metaapply.io/wp-content/themes/metaapply/fonts/Roboto_Slab/RobotoSlab-Light.ttf);
font-display: swap;
}
@font-face {
font-family: "Roboto_Slab";
font-style: normal;
font-weight: 400;
src: url(//metaapply.io/wp-content/themes/metaapply/fonts/Roboto_Slab/RobotoSlab-Regular.ttf);
font-display: swap;
}
@font-face {
font-family: "Roboto_Slab";
font-style: normal;
font-weight: 500;
src: url(//metaapply.io/wp-content/themes/metaapply/fonts/Roboto_Slab/RobotoSlab-Medium.ttf);
font-display: swap;
}
@font-face {
font-family: "Roboto_Slab";
font-style: normal;
font-weight: 600;
src: url(//metaapply.io/wp-content/themes/metaapply/fonts/Roboto_Slab/RobotoSlab-SemiBold.ttf);
font-display: swap;
}
@font-face {
font-family: "Roboto_Slab";
font-style: normal;
font-weight: 700;
src: url(//metaapply.io/wp-content/themes/metaapply/fonts/Roboto_Slab/RobotoSlab-Bold.ttf);
font-display: swap;
}
@font-face {
font-family: "Roboto_Slab";
font-style: normal;
font-weight: 800;
src: url(//metaapply.io/wp-content/themes/metaapply/fonts/Roboto_Slab/RobotoSlab-ExtraBold.ttf);
font-display: swap;
}
@font-face {
font-family: "Roboto_Slab";
font-style: normal;
font-weight: 900;
src: url(//metaapply.io/wp-content/themes/metaapply/fonts/Roboto_Slab/RobotoSlab-Black.ttf);
font-display: swap;
} @font-face {
font-family: "Damion";
font-style: normal;
font-weight: 400;
src: url(//metaapply.io/wp-content/themes/metaapply/fonts/Damion/Damion-Regular.ttf);
font-display: swap;
} :root {
--bs-font-family: "Open Sans", sans-serif;
--bs-font-family-damion: "Damion", sans-serif;
--bs-font-family-jakarta: "Plus Jakarta Sans", sans-serif;
--bs-font-family-Nunito: "Nunito Sans", sans-serif;
--bs-font-varela: "varela", sans-serif;
--bs-font-Charmonman: "Charmonman", sans-serif;
--bs-font-Roboto: "Roboto", sans-serif;
--bs-font-RobotoSlab: "Roboto_Slab", sans-serif;
--bs-font-Light: 300;
--bs-font-regular: 400;
--bs-font-medium: 500;
--bs-font-semibold: 600;
--bs-font-bold: 700;
--bs-font-extrabold: 800;
--bs-neutrals-bg-grey-50: #F8FAFC;
--bs-neutrals-bg-grey-100: #F1F5F9;
--bs-neutrals-bg-grey-200: #E2E8F0;
--bs-neutrals-bg-grey-300: #CBD5E1;
--bs-neutrals-bg-grey-400: #94A3BB;
--bs-neutrals-bg-grey-500: #64748B;
--bs-neutrals-bg-grey-600: #475569;
--bs-neutrals-bg-grey-700: #334155;
--bs-neutrals-bg-grey-800: #1E293B;
--bs-neutrals-bg-grey-900: #0F172A;
--bs-primary-bg-pink-50: #FFE5F0;
--bs-primary-bg-pink-300: #FFCCE1;
--bs-primary-bg-pink-500: #FF7FB3;
--bs-primary-bg-pink-700: #FF3185;
--bs-primary-bg-pink-900: #CC276A;
--bs-secondary-bg-blue-50: #E5E6FF;
--bs-secondary-bg-blue-300: #C0C2FF;
--bs-secondary-bg-blue-500: #5459FF;
--bs-secondary-bg-blue-700: #2E318C;
--bs-secondary-bg-blue-900: #222466;
--bs-success-bg-green-50: #ECFDF5;
--bs-sucess-bg-green-300: #6EE787;
--bs-success-bg-green-500: #10B981;
--bs-success-bg-green-700: #047857;
--bs-warning-bg-yellow-50: #FFFBEB;
--bs-warning-bg-yellow-300: #FCD34D;
--bs-warning-bg-yellow-500: #F59E0B;
--bs-warning-bg-yellow-700: #B45309;
--bs-error-bg-red-50: #FEF2F2;
--bs-error-bg-red-300: #FFB2B2;
--bs-error-bg-red-500: #EF4444;
--bs-error-bg-red-700: #B91C1C;
--bs-shades-bg-white: #ffffff;
--bs-shades-bg-black: #000000;
} .w-bold{
font-weight: var(--bs-font-bold) !important;
}
.w-extraBold{
font-weight: var(--bs-font-extrabold);
}
.w-semiBold{
font-weight: var(--bs-font-semibold) !important;
}
.w-regular{
font-weight: var(--bs-font-regular) !important;
}
h1.large{
font-family: var(--bs-font-family-jakarta);
font-size: 60px;
line-height: 72px;
font-weight: var(--bs-font-extrabold);
}
h1{
font-family: var(--bs-font-family-jakarta);
font-size: 48px;
line-height: 56px;
font-weight: var(--bs-font-extrabold);
}
h2{
font-family: var(--bs-font-family-jakarta);
color: #031621;
font-size: 40px;
line-height: 48px;
font-weight: var(--bs-font-bold);
}
h3{
font-family: var(--bs-font-family-jakarta);
color: #031621;
font-size: 32px;
line-height: 40px;
font-weight: var(--bs-font-bold);
}
h4{
font-family: var(--bs-font-family-jakarta);
color: #031621;
font-size: 28px;
line-height: 36px;
font-weight: var(--bs-font-bold);
}
h5{
font-family: var(--bs-font-family-jakarta);
color: #031621;
font-size: 24px;
line-height: 32px;
font-weight: var(--bs-font-bold);
}
h6{
font-family: var(--bs-font-family-jakarta);
color: #031621;
font-size: 20px;
line-height: auto;
font-weight: var(--bs-font-bold);
}
p.large{
font-family: var(--bs-font-family);
font-size: 20px;
line-height: normal;
font-weight: var(--bs-font-regular);
}
p.small{
font-family: var(--bs-font-family);
font-size: 14px;
line-height: normal;
font-weight: var(--bs-font-regular);
}
p{
font-family: var(--bs-font-family);
font-size: 16px;
line-height: 24px;
font-weight: var(--bs-font-regular);
}
p.semibold{
font-family: var(--bs-font-family);
font-size: 16px;
line-height: 24px;
font-weight: var(--bs-font-semibold);
}
p.bold{
font-family: var(--bs-font-family);
font-size: 16px;
line-height: 24px;
font-weight: var(--bs-font-bold);
}
a{
text-decoration: none;
font-family: var(--bs-font-family);
} .btn-small{
background-color: var(--bs-primary-bg-pink-700);
font-size: 16px;
line-height: 24px;
padding: 3px 20px;
min-width: 125px;
height: 32px;
}
.btn-medium{
background-color: var(--bs-primary-bg-pink-700);
font-size: 16px;
line-height: 24px;
padding: 7px 20px;
min-width: 141px;
height: 40px;
}
.btn-large{
background-color: var(--bs-primary-bg-pink-700);
font-size: 16px;
line-height: 24px;
padding: 10px 20px;
min-width: 157px;
height: 48px;
}
.btn-exLarge{
background-color: var(--bs-primary-bg-pink-700);
font-size: 18px;
line-height: 28px;
padding: 14px 30px;
min-width: 180px;
height: 56px;
}
.btn{
color: var(--bs-shades-bg-white);
font-weight: var(--bs-font-bold);
font-family: var(--bs-font-family);
border-radius: 4px;
border: 1px solid var(--bs-primary-bg-pink-700);
}
.btn:hover{
background-color: var(--bs-primary-bg-pink-900);
border: 1px solid var(--bs-primary-bg-pink-900);
}
.btn.active{
background-color: var(--bs-primary-bg-pink-500);
border: 1px solid var(--bs-primary-bg-pink-500);
}
.btn-o {
color: var(--bs-primary-bg-pink-700);
font-weight: var(--bs-font-semibold);
font-family: var(--bs-font-family-jakarta);
background-color: transparent;
border: 1px solid var(--bs-primary-bg-pink-500);
height: auto;
position: relative;
transition: color 0.3s ease;
z-index: 1;
overflow: hidden;
}
.btn-outline-sm, .btn-o.btn-small {
font-size: 16px;
line-height: 24px;
min-width: 125px;
height: 32px;
padding: 3px 20px;
border-radius: 6px;
}
.btn-outline-md{
font-size: 16px;
line-height: 24px;
padding: 7px 20px;
height: 40px;
min-width: 141px;
border-radius: 8px;
}
.btn-outline-lg{
font-size: 16px;
line-height: 24px;
padding: 10px 20px;
min-width: 157px;
height: 48px;
border-radius: 10px;
}
.btn-outline-extraLg{
font-size: 20px;
line-height: 28px;
padding: 12px 20px;
min-width: 180px;
height: 56px;
border-radius: 10px;
}
.btn-outline-sm:before, .btn-outline-md:before, .btn-outline-lg:before, .btn-outline-extraLg:before,.btn-o.btn-small:before{
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(180deg, #F12B7C, #D40056);
transition: left 0.4s ease;
z-index: -1;
}
.btn-outline-sm:hover:before, .btn-outline-md:hover:before, .btn-outline-lg:hover:before, .btn-outline-extraLg:hover:before,.btn-o.btn-small:hover:before {
left: 0;
}
.btn-outline-sm:hover, .btn-outline-md:hover, .btn-outline-lg:hover, .btn-outline-extraLg:hover, .btn-o.btn-small:hover {
color: #fff;
}         main button.btn.btn-large, main button.btn.btn-large:focus-visible {
font-family: var(--bs-font-family-jakarta);
font-size: 16px;
font-weight: var(--bs-font-semibold);
border-radius: 10px;
background: linear-gradient(180deg, #FF7CB1, #FF3185);
height: auto;
padding: 15px 2.5em;
border: none !important;
transition: all 0.3s ease;
position: relative;
transition: color 0.3s ease;
z-index: 1;
overflow: hidden;
}
main button.btn.btn-large:before,main .btn.btn-small:before,main .btn.btn-exLarge:before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(180deg, #F12B7C, #D40056);
transition: left 0.4s ease;
z-index: -1;
}
main button.btn.btn-large:hover:before, main button.btn.btn-small:hover:before, main .btn.btn-exLarge:hover:before {
left: 0;
}
main .btn.btn-exLarge{
font-family: var(--bs-font-family-jakarta);
font-weight: var(--bs-font-semibold);
border-radius: 10px;
background: linear-gradient(180deg, #FF7CB1, #FF3185);
height: auto;
border: none !important;
transition: all 0.3s ease;
position: relative;
transition: color 0.3s ease;
z-index: 1;
overflow: hidden;
}
main .btn.btn-small{
font-family: var(--bs-font-family-jakarta);
font-size: 16px;
font-weight: var(--bs-font-semibold);
border-radius: 8px;
background: linear-gradient(180deg, #FF7CB1, #FF3185);
height: auto;
border: none !important;
transition: all 0.3s ease;
position: relative;
transition: color 0.3s ease;
z-index: 1;
overflow: hidden;
} @media screen and (max-width:992px) {
h1.large{
font-size: 52px;
line-height: 64px;
}
h1{
font-size: 30px;
line-height: 38px;
}
h2{
font-size: 28px;
line-height: 35px;
}
h3{
font-size: 24px;
line-height: 30px;
}
h4{
font-size: 20px;
line-height: 24px;
}
h5{
font-size: 18px;
line-height: 22px;
}
h6{
font-size: 16px;
line-height: 20px;
}
p{
font-size: 14px;
}
p.semibold{
font-size: 14px;
}
p.bold{
font-size: 14px;
}
p.large{
font-size: 16px;
}
} @media screen and (max-width:576px){
.container{
max-width: 100%;
}
main button.btn.btn-exLarge {
font-size: 14px !important;
border-radius: 8px !important;
}
main button.btn.btn-large {
font-size: 14px !important;
border-radius: 8px !important;
padding: 10px 1em !important;
}
main button.btn.btn-small {
font-size: 14px !important;
border-radius: 8px !important;
padding: 10px 1em !important;
}
}
@media screen and (max-width:767.5px) and (min-width:577px){
.container{
max-width: 540px;
}
}
@media screen and (max-width:992px) and (min-width:768px){
.container{
max-width: 740px;
}
.btn-outline-extraLg,.btn-exLarge {
font-size: 18px;
line-height: 26px;
padding: 10px 14px;
min-width: 160px;
height: 48px;
}
}
@media screen and (max-width:1200px) and (min-width:993px){
.container{
max-width: 920px;
}
}
@media screen and (max-width:1440px) and (min-width:1201px){
.container{
max-width: 1140px;
}
}
@media screen and (min-width:1441px){
.container{
max-width: 1320px;
}
}
@media screen and (max-width: 767.5px) {
.btn-outline-extraLg,.btn-exLarge {
font-size: 16px;
line-height: 24px;
padding: 8px 16px;
min-width: 145px;
height: 44px;
}
}