body.profex-v10-site:not(.bvi-active) {
--profex-ui-green-950: #072d27;
--profex-ui-green-900: #0b3c32;
--profex-ui-green-800: #105143;
--profex-ui-green-700: #176556;
--profex-ui-green-100: #e8f1ed;
--profex-ui-green-050: #f5f9f7;
--profex-ui-gold: #c8a35b;
--profex-ui-gold-light: #ead8a6;
--profex-ui-ink: #14201d;
--profex-ui-muted: #64716d;
--profex-ui-line: #d8e4de;
--profex-ui-shadow: 0 18px 48px rgba(7, 45, 39, 0.1);
} body.profex-v10-site:not(.bvi-active) #profex-homepage-root .hero-section {
overflow-x: hidden !important;
overflow-x: clip !important;
} body.profex-v10-site:not(.bvi-active) #profex-homepage-root .license-section {
overflow-x: hidden !important;
overflow-x: clip !important;
}
body.profex-v10-site:not(.bvi-active) .site-shell button,
body.profex-v10-site:not(.bvi-active) .site-shell input[type="button"],
body.profex-v10-site:not(.bvi-active) .site-shell input[type="submit"] {
-webkit-appearance: none !important;
appearance: none !important;
font-family: Inter, Manrope, Arial, sans-serif !important;
} body.profex-v10-site:not(.bvi-active) .button:not(.button--outline):not(.button--gold):not(.button--light),
body.profex-v10-site:not(.bvi-active) .button:not(.button--outline):not(.button--gold):not(.button--light):visited,
body.profex-v10-site:not(.bvi-active) .button:not(.button--outline):not(.button--gold):not(.button--light):focus,
body.profex-v10-site:not(.bvi-active) .button:not(.button--outline):not(.button--gold):not(.button--light):focus-visible,
body.profex-v10-site:not(.bvi-active) .button:not(.button--outline):not(.button--gold):not(.button--light):active {
border: 1px solid var(--profex-ui-green-800) !important;
background-color: var(--profex-ui-green-800) !important;
background-image: none !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
opacity: 1 !important;
visibility: visible !important;
box-shadow: 0 10px 26px rgba(16, 81, 67, 0.2) !important;
}
body.profex-v10-site:not(.bvi-active) .button:not(.button--outline):not(.button--gold):not(.button--light):hover {
border-color: var(--profex-ui-green-700) !important;
background-color: var(--profex-ui-green-700) !important;
background-image: none !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
box-shadow: 0 14px 32px rgba(16, 81, 67, 0.24) !important;
}
body.profex-v10-site:not(.bvi-active) .button--outline,
body.profex-v10-site:not(.bvi-active) .button--outline:visited,
body.profex-v10-site:not(.bvi-active) .button--outline:focus,
body.profex-v10-site:not(.bvi-active) .button--outline:focus-visible,
body.profex-v10-site:not(.bvi-active) .button--outline:active {
border: 1px solid var(--profex-ui-green-700) !important;
background-color: #ffffff !important;
background-image: none !important;
color: var(--profex-ui-green-800) !important;
-webkit-text-fill-color: var(--profex-ui-green-800) !important;
opacity: 1 !important;
visibility: visible !important;
box-shadow: 0 8px 22px rgba(7, 45, 39, 0.08) !important;
}
body.profex-v10-site:not(.bvi-active) .button--outline:hover {
border-color: var(--profex-ui-green-800) !important;
background-color: var(--profex-ui-green-800) !important;
background-image: none !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
}
body.profex-v10-site:not(.bvi-active) .button--gold,
body.profex-v10-site:not(.bvi-active) .button--gold:visited,
body.profex-v10-site:not(.bvi-active) .button--gold:focus,
body.profex-v10-site:not(.bvi-active) .button--gold:focus-visible,
body.profex-v10-site:not(.bvi-active) .button--gold:active {
border: 1px solid var(--profex-ui-gold) !important;
background-color: var(--profex-ui-gold) !important;
background-image: none !important;
color: var(--profex-ui-green-950) !important;
-webkit-text-fill-color: var(--profex-ui-green-950) !important;
opacity: 1 !important;
visibility: visible !important;
box-shadow: 0 10px 26px rgba(200, 163, 91, 0.22) !important;
}
body.profex-v10-site:not(.bvi-active) .button--gold:hover {
border-color: #d5b46e !important;
background-color: #d5b46e !important;
background-image: none !important;
color: var(--profex-ui-green-950) !important;
-webkit-text-fill-color: var(--profex-ui-green-950) !important;
}
body.profex-v10-site:not(.bvi-active) .button--light,
body.profex-v10-site:not(.bvi-active) .button--light:visited,
body.profex-v10-site:not(.bvi-active) .button--light:focus,
body.profex-v10-site:not(.bvi-active) .button--light:focus-visible,
body.profex-v10-site:not(.bvi-active) .button--light:active {
border: 1px solid #ffffff !important;
background-color: #ffffff !important;
background-image: none !important;
color: var(--profex-ui-green-900) !important;
-webkit-text-fill-color: var(--profex-ui-green-900) !important;
opacity: 1 !important;
visibility: visible !important;
box-shadow: none !important;
}
body.profex-v10-site:not(.bvi-active) .button--light:hover {
border-color: var(--profex-ui-green-050) !important;
background-color: var(--profex-ui-green-050) !important;
color: var(--profex-ui-green-900) !important;
-webkit-text-fill-color: var(--profex-ui-green-900) !important;
}
body.profex-v10-site:not(.bvi-active) .button *,
body.profex-v10-site:not(.bvi-active) .text-button *,
body.profex-v10-site:not(.bvi-active) .text-link * {
color: inherit !important;
-webkit-text-fill-color: currentColor !important;
} body.profex-v10-site:not(.bvi-active) .accessibility-link,
body.profex-v10-site:not(.bvi-active) .accessibility-link:visited,
body.profex-v10-site:not(.bvi-active) .accessibility-link:focus,
body.profex-v10-site:not(.bvi-active) .accessibility-link:focus-visible,
body.profex-v10-site:not(.bvi-active) .accessibility-link:active {
min-height: 30px !important;
padding: 0 12px !important;
border: 1px solid rgba(234, 216, 166, 0.36) !important;
border-radius: 999px !important;
background-color: rgba(255, 255, 255, 0.055) !important;
background-image: none !important;
color: rgba(255, 255, 255, 0.9) !important;
-webkit-text-fill-color: rgba(255, 255, 255, 0.9) !important;
box-shadow: none !important;
opacity: 1 !important;
}
body.profex-v10-site:not(.bvi-active) .accessibility-link:hover {
border-color: var(--profex-ui-gold) !important;
background-color: var(--profex-ui-gold) !important;
background-image: none !important;
color: var(--profex-ui-green-950) !important;
-webkit-text-fill-color: var(--profex-ui-green-950) !important;
} body.profex-v10-site:not(.bvi-active) .header-icon-button,
body.profex-v10-site:not(.bvi-active) .header-icon-button:visited,
body.profex-v10-site:not(.bvi-active) .header-icon-button:focus,
body.profex-v10-site:not(.bvi-active) .header-icon-button:focus-visible,
body.profex-v10-site:not(.bvi-active) .header-icon-button:active,
body.profex-v10-site:not(.bvi-active) .menu-toggle,
body.profex-v10-site:not(.bvi-active) .menu-toggle:focus,
body.profex-v10-site:not(.bvi-active) .menu-toggle:focus-visible,
body.profex-v10-site:not(.bvi-active) .menu-toggle:active {
border: 1px solid var(--profex-ui-line) !important;
background-color: #ffffff !important;
background-image: none !important;
color: var(--profex-ui-green-900) !important;
-webkit-text-fill-color: var(--profex-ui-green-900) !important;
box-shadow: none !important;
opacity: 1 !important;
}
body.profex-v10-site:not(.bvi-active) .header-icon-button:hover,
body.profex-v10-site:not(.bvi-active) .menu-toggle:hover {
border-color: var(--profex-ui-green-700) !important;
background-color: var(--profex-ui-green-050) !important;
background-image: none !important;
color: var(--profex-ui-green-900) !important;
-webkit-text-fill-color: var(--profex-ui-green-900) !important;
} body.profex-v10-site:not(.bvi-active) #profex-homepage-root .license-image-button,
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .license-image-button:focus,
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .license-image-button:focus-visible,
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .license-image-button:active,
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .license-image-button:hover {
border: 1px solid var(--profex-ui-line) !important;
background-color: #f7f9f8 !important;
background-image: none !important;
color: var(--profex-ui-green-900) !important;
-webkit-text-fill-color: var(--profex-ui-green-900) !important;
opacity: 1 !important;
visibility: visible !important;
box-shadow: var(--profex-ui-shadow) !important;
}
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .issued-document-image,
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .issued-document-image:focus,
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .issued-document-image:focus-visible,
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .issued-document-image:active,
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .issued-document-image:hover {
border: 1px solid rgba(16, 81, 67, 0.08) !important;
background-color: #ffffff !important;
background-image: none !important;
color: var(--profex-ui-green-900) !important;
-webkit-text-fill-color: var(--profex-ui-green-900) !important;
opacity: 1 !important;
visibility: visible !important;
box-shadow: 0 12px 34px rgba(7, 45, 39, 0.08) !important;
}
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .license-image-button:hover,
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .issued-document-image:hover {
transform: translateY(-3px) !important;
box-shadow: 0 22px 58px rgba(7, 45, 39, 0.14) !important;
}
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .zoom-label,
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .issued-document-image > span {
border: 1px solid rgba(234, 216, 166, 0.26) !important;
background-color: rgba(7, 45, 39, 0.93) !important;
background-image: none !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
opacity: 1 !important;
visibility: visible !important;
} body.profex-v10-site:not(.bvi-active) #profex-homepage-root .slider-controls button,
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .document-switch button,
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .legal-tabs button {
border: 1px solid var(--profex-ui-line) !important;
background-color: #ffffff !important;
background-image: none !important;
color: var(--profex-ui-green-900) !important;
-webkit-text-fill-color: var(--profex-ui-green-900) !important;
opacity: 1 !important;
visibility: visible !important;
box-shadow: none !important;
}
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .slider-controls button:hover,
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .slider-controls button:focus-visible,
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .slider-controls button:active,
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .document-switch button.is-active,
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .legal-tabs button.is-active,
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .legal-tabs button:hover {
border-color: var(--profex-ui-green-800) !important;
background-color: var(--profex-ui-green-800) !important;
background-image: none !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
}
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .slider-controls--light button,
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .slider-controls--light button:hover,
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .slider-controls--light button:focus-visible,
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .slider-controls--light button:active {
border-color: rgba(255, 255, 255, 0.3) !important;
background-color: rgba(255, 255, 255, 0.06) !important;
background-image: none !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
} body.profex-v10-site:not(.bvi-active) .button > [aria-hidden="true"],
body.profex-v10-site:not(.bvi-active) .text-button > [aria-hidden="true"],
body.profex-v10-site:not(.bvi-active) .text-link > [aria-hidden="true"],
body.profex-v10-site:not(.bvi-active) .footer-proof-link > [aria-hidden="true"],
body.profex-v10-site:not(.bvi-active) .footer-action > [aria-hidden="true"],
body.profex-v10-site:not(.bvi-active) .program-card-action > [aria-hidden="true"] {
position: relative !important;
width: 16px !important;
height: 16px !important;
min-width: 16px !important;
display: inline-block !important;
overflow: hidden !important;
color: inherit !important;
-webkit-text-fill-color: currentColor !important;
font-size: 0 !important;
line-height: 0 !important;
font-family: Arial, sans-serif !important;
}
body.profex-v10-site:not(.bvi-active) .button > [aria-hidden="true"]::before,
body.profex-v10-site:not(.bvi-active) .text-button > [aria-hidden="true"]::before,
body.profex-v10-site:not(.bvi-active) .text-link > [aria-hidden="true"]::before,
body.profex-v10-site:not(.bvi-active) .footer-proof-link > [aria-hidden="true"]::before,
body.profex-v10-site:not(.bvi-active) .footer-action > [aria-hidden="true"]::before,
body.profex-v10-site:not(.bvi-active) .program-card-action > [aria-hidden="true"]::before {
content: "" !important;
position: absolute !important;
right: 2px !important;
top: 2px !important;
width: 7px !important;
height: 7px !important;
border-top: 1.7px solid currentColor !important;
border-right: 1.7px solid currentColor !important;
}
body.profex-v10-site:not(.bvi-active) .button > [aria-hidden="true"]::after,
body.profex-v10-site:not(.bvi-active) .text-button > [aria-hidden="true"]::after,
body.profex-v10-site:not(.bvi-active) .text-link > [aria-hidden="true"]::after,
body.profex-v10-site:not(.bvi-active) .footer-proof-link > [aria-hidden="true"]::after,
body.profex-v10-site:not(.bvi-active) .footer-action > [aria-hidden="true"]::after,
body.profex-v10-site:not(.bvi-active) .program-card-action > [aria-hidden="true"]::after {
content: "" !important;
position: absolute !important;
left: 3px !important;
bottom: 4px !important;
width: 11px !important;
height: 1.7px !important;
border-radius: 2px !important;
background: currentColor !important;
transform: rotate(-45deg) !important;
transform-origin: center !important;
}
body.profex-v10-site:not(.bvi-active) .nav-dropdown > button > span {
position: relative !important;
width: 12px !important;
height: 12px !important;
margin-left: 6px !important;
display: inline-block !important;
overflow: hidden !important;
font-size: 0 !important;
line-height: 0 !important;
vertical-align: -2px !important;
}
body.profex-v10-site:not(.bvi-active) .nav-dropdown > button > span::before {
content: "" !important;
position: absolute !important;
left: 3px !important;
top: 2px !important;
width: 5px !important;
height: 5px !important;
border-right: 1.5px solid currentColor !important;
border-bottom: 1.5px solid currentColor !important;
transform: rotate(45deg) !important;
}
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .slider-controls button {
position: relative !important;
overflow: hidden !important;
font-size: 0 !important;
line-height: 0 !important;
}
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .slider-controls button::before {
content: "" !important;
position: absolute !important;
top: 50% !important;
left: 50% !important;
width: 8px !important;
height: 8px !important;
border-top: 1.8px solid currentColor !important;
border-right: 1.8px solid currentColor !important;
}
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .slider-controls button:first-child::before {
transform: translate(-35%, -50%) rotate(-135deg) !important;
}
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .slider-controls button:last-child::before {
transform: translate(-65%, -50%) rotate(45deg) !important;
} body.profex-v10-site:not(.bvi-active) #profex-homepage-root .yandex-rating > span,
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .review-source span {
border: 1px solid rgba(7, 45, 39, 0.14) !important;
background-color: var(--profex-ui-gold) !important;
background-image: none !important;
color: var(--profex-ui-green-950) !important;
-webkit-text-fill-color: var(--profex-ui-green-950) !important;
} body.profex-v10-site:not(.bvi-active) #profex-homepage-root .faq-section {
background-color: #ffffff !important;
background-image: radial-gradient(circle at 6% 8%, rgba(200, 163, 91, 0.1), transparent 25%), linear-gradient(180deg, #ffffff 0%, #f7faf8 100%) !important;
}
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .faq-layout {
grid-template-columns: minmax(300px, 0.72fr) minmax(520px, 1.28fr) !important;
gap: clamp(30px, 5vw, 82px) !important;
align-items: start !important;
}
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .faq-intro {
position: sticky !important;
top: 132px !important;
min-width: 0 !important;
padding: clamp(30px, 3vw, 48px) !important;
overflow: hidden !important;
border: 1px solid rgba(234, 216, 166, 0.26) !important;
border-radius: 26px !important;
background-color: var(--profex-ui-green-900) !important;
background-image: radial-gradient(circle at 95% 5%, rgba(255, 255, 255, 0.1), transparent 34%), linear-gradient(145deg, var(--profex-ui-green-950), var(--profex-ui-green-800)) !important;
color: #ffffff !important;
box-shadow: 0 24px 70px rgba(7, 45, 39, 0.18) !important;
}
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .faq-intro::after {
content: "?" !important;
position: absolute !important;
right: -24px !important;
bottom: -70px !important;
color: rgba(255, 255, 255, 0.045) !important;
font-family: Georgia, serif !important;
font-size: 230px !important;
font-weight: 500 !important;
line-height: 1 !important;
pointer-events: none !important;
}
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .faq-intro .eyebrow,
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .faq-intro .eyebrow--light {
position: relative !important;
z-index: 1 !important;
color: var(--profex-ui-gold-light) !important;
-webkit-text-fill-color: var(--profex-ui-gold-light) !important;
}
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .faq-intro h2 {
position: relative !important;
z-index: 1 !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
}
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .faq-intro > p {
position: relative !important;
z-index: 1 !important;
color: rgba(255, 255, 255, 0.72) !important;
-webkit-text-fill-color: rgba(255, 255, 255, 0.72) !important;
}
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .faq-intro .text-link,
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .faq-intro .text-link:hover,
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .faq-intro .text-link:focus-visible {
position: relative !important;
z-index: 1 !important;
color: var(--profex-ui-gold-light) !important;
-webkit-text-fill-color: var(--profex-ui-gold-light) !important;
}
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .accordion {
border: 0 !important;
display: grid !important;
gap: 12px !important;
counter-reset: profex-faq !important;
}
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .faq-item {
position: relative !important;
overflow: hidden !important;
border: 1px solid var(--profex-ui-line) !important;
border-radius: 17px !important;
background-color: #ffffff !important;
background-image: none !important;
counter-increment: profex-faq !important;
box-shadow: 0 11px 32px rgba(7, 45, 39, 0.065) !important;
transition: border-color 0.22s ease, box-shadow 0.22s ease, transform 0.22s ease !important;
}
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .faq-item::before {
content: counter(profex-faq, decimal-leading-zero) !important;
position: absolute !important;
z-index: 2 !important;
left: 20px !important;
top: 25px !important;
color: var(--profex-ui-gold) !important;
font-family: Georgia, serif !important;
font-size: 15px !important;
font-weight: 600 !important;
line-height: 1 !important;
}
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .faq-item:hover {
border-color: rgba(23, 101, 86, 0.34) !important;
box-shadow: 0 16px 42px rgba(7, 45, 39, 0.1) !important;
transform: translateY(-2px) !important;
}
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .faq-item.is-open {
border-color: rgba(200, 163, 91, 0.58) !important;
background-color: #ffffff !important;
background-image: linear-gradient(145deg, #ffffff 35%, var(--profex-ui-green-050)) !important;
box-shadow: 0 18px 48px rgba(7, 45, 39, 0.11) !important;
}
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .faq-item > button,
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .faq-item > button:focus,
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .faq-item > button:focus-visible,
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .faq-item > button:active {
min-height: 82px !important;
padding: 20px 20px 20px 68px !important;
border: 0 !important;
border-radius: 0 !important;
background-color: transparent !important;
background-image: none !important;
color: var(--profex-ui-green-950) !important;
-webkit-text-fill-color: var(--profex-ui-green-950) !important;
opacity: 1 !important;
visibility: visible !important;
box-shadow: none !important;
font-size: 16px !important;
font-weight: 760 !important;
line-height: 1.38 !important;
}
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .faq-item > button:hover {
background-color: var(--profex-ui-green-050) !important;
background-image: none !important;
color: var(--profex-ui-green-950) !important;
-webkit-text-fill-color: var(--profex-ui-green-950) !important;
}
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .faq-item > button i {
position: relative !important;
width: 38px !important;
height: 38px !important;
flex: 0 0 38px !important;
overflow: hidden !important;
border: 1px solid var(--profex-ui-line) !important;
border-radius: 50% !important;
background-color: #ffffff !important;
background-image: none !important;
color: var(--profex-ui-green-700) !important;
-webkit-text-fill-color: var(--profex-ui-green-700) !important;
font-size: 0 !important;
line-height: 0 !important;
box-shadow: none !important;
}
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .faq-item > button i::before,
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .faq-item > button i::after {
content: "" !important;
position: absolute !important;
left: 50% !important;
top: 50% !important;
width: 12px !important;
height: 2px !important;
border: 0 !important;
border-radius: 2px !important;
background: currentColor !important;
transform: translate(-50%, -50%) !important;
transition: transform 0.22s ease !important;
}
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .faq-item > button i::after {
transform: translate(-50%, -50%) rotate(90deg) !important;
}
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .faq-item.is-open > button i {
border-color: var(--profex-ui-green-800) !important;
background-color: var(--profex-ui-green-800) !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
transform: none !important;
}
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .faq-item.is-open > button i::after {
transform: translate(-50%, -50%) rotate(0deg) !important;
}
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .faq-answer p {
margin: 0 !important;
padding: 0 68px 0 !important;
color: var(--profex-ui-muted) !important;
-webkit-text-fill-color: var(--profex-ui-muted) !important;
font-size: 14px !important;
line-height: 1.72 !important;
}
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .faq-item.is-open .faq-answer p {
padding-bottom: 24px !important;
} body.profex-v10-site:not(.bvi-active) #profex-homepage-root .discounts-main {
gap: 16px !important;
}
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .discount-card {
position: relative !important;
overflow: hidden !important;
border: 1px solid var(--profex-ui-line) !important;
border-radius: 18px !important;
background-color: #ffffff !important;
background-image: linear-gradient(145deg, #ffffff 55%, #f8fbf9) !important;
color: var(--profex-ui-ink) !important;
box-shadow: 0 12px 34px rgba(7, 45, 39, 0.075) !important;
opacity: 1 !important;
visibility: visible !important;
}
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .discount-card::before {
content: "" !important;
position: absolute !important;
z-index: 2 !important;
left: 0 !important;
right: 0 !important;
top: 0 !important;
height: 4px !important;
background: linear-gradient(90deg, var(--profex-ui-green-800), var(--profex-ui-gold)) !important;
}
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .discount-card--accent {
border-color: rgba(234, 216, 166, 0.24) !important;
background-color: var(--profex-ui-green-900) !important;
background-image: radial-gradient(circle at 95% 0%, rgba(255, 255, 255, 0.09), transparent 34%), linear-gradient(145deg, var(--profex-ui-green-950), var(--profex-ui-green-800)) !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
}
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .discount-card--accent::before {
background: var(--profex-ui-gold) !important;
}
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .discount-card--accent h3 {
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
}
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .discount-card--accent p {
color: rgba(255, 255, 255, 0.72) !important;
-webkit-text-fill-color: rgba(255, 255, 255, 0.72) !important;
}
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .discount-card--accent span,
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .discount-card--accent .text-link {
color: var(--profex-ui-gold-light) !important;
-webkit-text-fill-color: var(--profex-ui-gold-light) !important;
}
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .discount-card--accent .discount-icon {
border-color: var(--profex-ui-gold) !important;
background-color: var(--profex-ui-gold) !important;
background-image: none !important;
color: var(--profex-ui-green-950) !important;
-webkit-text-fill-color: var(--profex-ui-green-950) !important;
}
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .social-discount-list p {
margin: 0 !important;
padding: 10px 12px !important;
border: 1px solid var(--profex-ui-line) !important;
border-radius: 10px !important;
background-color: var(--profex-ui-green-050) !important;
background-image: none !important;
}
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .partner-card {
overflow: hidden !important;
border: 1px solid rgba(200, 163, 91, 0.36) !important;
border-radius: 20px !important;
background-color: var(--profex-ui-green-950) !important;
background-image: none !important;
color: #ffffff !important;
box-shadow: 0 20px 56px rgba(7, 45, 39, 0.16) !important;
}
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .partner-content h3 {
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
}
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .partner-content > p,
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .partner-content li {
color: rgba(255, 255, 255, 0.72) !important;
-webkit-text-fill-color: rgba(255, 255, 255, 0.72) !important;
}
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .partner-content > span {
color: var(--profex-ui-gold-light) !important;
-webkit-text-fill-color: var(--profex-ui-gold-light) !important;
} body.profex-v10-site:not(.bvi-active) #profex-homepage-root .promo-banner,
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .audience-card--green,
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .consultation-card,
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .reviews-section {
color: #ffffff !important;
opacity: 1 !important;
visibility: visible !important;
}
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .promo-banner {
background-color: var(--profex-ui-green-900) !important;
background-image: linear-gradient(110deg, var(--profex-ui-green-950), var(--profex-ui-green-800)) !important;
}
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .promo-banner h2,
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .promo-banner p,
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .audience-card--green h3,
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .consultation-copy h2,
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .reviews-intro h2 {
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
}
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .audience-card--green,
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .consultation-card {
background-color: var(--profex-ui-green-900) !important;
}
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .audience-card--green p,
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .consultation-copy p,
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .reviews-intro > p {
color: rgba(255, 255, 255, 0.72) !important;
-webkit-text-fill-color: rgba(255, 255, 255, 0.72) !important;
} body.profex-v10-site:not(.bvi-active) .modal-close,
body.profex-v10-site:not(.bvi-active) .form-modal-close,
body.profex-v10-site:not(.bvi-active) .mobile-drawer-close {
position: relative !important;
overflow: hidden !important;
border-color: var(--profex-ui-line) !important;
background-color: #ffffff !important;
background-image: none !important;
color: var(--profex-ui-green-950) !important;
-webkit-text-fill-color: var(--profex-ui-green-950) !important;
font-size: 0 !important;
box-shadow: none !important;
}
body.profex-v10-site:not(.bvi-active) .modal-close:hover,
body.profex-v10-site:not(.bvi-active) .modal-close:focus-visible,
body.profex-v10-site:not(.bvi-active) .form-modal-close:hover,
body.profex-v10-site:not(.bvi-active) .form-modal-close:focus-visible,
body.profex-v10-site:not(.bvi-active) .mobile-drawer-close:hover,
body.profex-v10-site:not(.bvi-active) .mobile-drawer-close:focus-visible {
border-color: var(--profex-ui-green-800) !important;
background-color: var(--profex-ui-green-800) !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
}
body.profex-v10-site:not(.bvi-active) .modal-close::before,
body.profex-v10-site:not(.bvi-active) .modal-close::after,
body.profex-v10-site:not(.bvi-active) .form-modal-close::before,
body.profex-v10-site:not(.bvi-active) .form-modal-close::after,
body.profex-v10-site:not(.bvi-active) .mobile-drawer-close::before,
body.profex-v10-site:not(.bvi-active) .mobile-drawer-close::after {
content: "" !important;
position: absolute !important;
left: 50% !important;
top: 50% !important;
width: 15px !important;
height: 2px !important;
border: 0 !important;
border-radius: 2px !important;
background: currentColor !important;
transform: translate(-50%, -50%) rotate(45deg) !important;
}
body.profex-v10-site:not(.bvi-active) .modal-close::after,
body.profex-v10-site:not(.bvi-active) .form-modal-close::after,
body.profex-v10-site:not(.bvi-active) .mobile-drawer-close::after {
transform: translate(-50%, -50%) rotate(-45deg) !important;
}
@media screen and (max-width: 1240px) {
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .faq-layout {
grid-template-columns: minmax(280px, 0.68fr) minmax(460px, 1.32fr) !important;
gap: 30px !important;
}
}
@media screen and (max-width: 900px) { body.profex-v10-site:not(.bvi-active) :is(#profex-homepage-root, .profex-enrollment-process) .process-track {
position: relative !important;
display: grid !important;
grid-template-columns: minmax(0, 1fr) !important;
gap: 14px !important;
padding: 2px 0 !important;
overflow: visible !important;
scroll-snap-type: none !important;
}
body.profex-v10-site:not(.bvi-active) :is(#profex-homepage-root, .profex-enrollment-process) .process-track::before {
content: "" !important;
position: absolute !important;
z-index: 0 !important;
left: 53px !important;
top: 42px !important;
bottom: 42px !important;
width: 2px !important;
border: 0 !important;
background: linear-gradient(180deg, var(--profex-ui-gold), var(--profex-ui-green-700)) !important;
opacity: 0.36 !important;
}
body.profex-v10-site:not(.bvi-active) :is(#profex-homepage-root, .profex-enrollment-process) .process-step {
position: relative !important;
z-index: 1 !important;
min-width: 0 !important;
width: 100% !important;
padding: 16px !important;
border: 1px solid var(--profex-ui-line) !important;
border-radius: 18px !important;
background-color: #ffffff !important;
background-image: linear-gradient(145deg, #ffffff 60%, #f7faf8) !important;
display: grid !important;
grid-template-columns: 78px minmax(0, 1fr) !important;
grid-template-rows: auto auto !important;
column-gap: 17px !important;
row-gap: 6px !important;
align-items: center !important;
text-align: left !important;
scroll-snap-align: none !important;
box-shadow: 0 12px 34px rgba(7, 45, 39, 0.075) !important;
}
body.profex-v10-site:not(.bvi-active) :is(#profex-homepage-root, .profex-enrollment-process) .step-illustration {
grid-column: 1 !important;
grid-row: 1 / 3 !important;
width: 74px !important;
height: 74px !important;
margin: 0 !important;
padding: 6px !important;
border: 1px solid var(--profex-ui-line) !important;
border-radius: 20px !important;
background-color: #ffffff !important;
box-shadow: 0 8px 22px rgba(7, 45, 39, 0.08) !important;
}
body.profex-v10-site:not(.bvi-active) :is(#profex-homepage-root, .profex-enrollment-process) .step-illustration img {
border-radius: 15px !important;
}
body.profex-v10-site:not(.bvi-active) :is(#profex-homepage-root, .profex-enrollment-process) .step-number {
left: 64px !important;
right: auto !important;
top: 8px !important;
width: 25px !important;
height: 25px !important;
background-color: var(--profex-ui-green-900) !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
font-size: 8px !important;
box-shadow: 0 0 0 4px #ffffff !important;
}
body.profex-v10-site:not(.bvi-active) :is(#profex-homepage-root, .profex-enrollment-process) .process-step h3 {
grid-column: 2 !important;
grid-row: 1 !important;
align-self: end !important;
margin: 0 !important;
color: var(--profex-ui-green-950) !important;
-webkit-text-fill-color: var(--profex-ui-green-950) !important;
font-size: 18px !important;
line-height: 1.28 !important;
text-align: left !important;
}
body.profex-v10-site:not(.bvi-active) :is(#profex-homepage-root, .profex-enrollment-process) .process-step p {
grid-column: 2 !important;
grid-row: 2 !important;
margin: 0 !important;
color: var(--profex-ui-muted) !important;
-webkit-text-fill-color: var(--profex-ui-muted) !important;
font-size: 12px !important;
line-height: 1.55 !important;
text-align: left !important;
}
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .faq-layout {
grid-template-columns: minmax(0, 1fr) !important;
gap: 20px !important;
}
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .faq-intro {
position: relative !important;
top: auto !important;
padding: 28px !important;
}
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .discounts-layout,
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .discounts-main {
grid-template-columns: minmax(0, 1fr) !important;
gap: 14px !important;
}
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .social-discount-card {
grid-column: auto !important;
}
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .discount-card {
min-height: 0 !important;
padding: 22px !important;
grid-template-columns: 54px minmax(0, 1fr) !important;
gap: 16px !important;
}
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .discount-icon {
width: 54px !important;
height: 54px !important;
}
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .social-discount-list {
grid-template-columns: minmax(0, 1fr) !important;
gap: 8px !important;
}
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .partner-card {
display: grid !important;
grid-template-columns: minmax(0, 1fr) !important;
}
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .partner-image {
height: clamp(220px, 58vw, 320px) !important;
}
}
@media screen and (max-width: 620px) {
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .hero-ring {
max-width: calc(100vw - 24px) !important;
}
body.profex-v10-site:not(.bvi-active) :is(#profex-homepage-root, .profex-enrollment-process) .process-track::before {
left: 45px !important;
}
body.profex-v10-site:not(.bvi-active) :is(#profex-homepage-root, .profex-enrollment-process) .process-step {
padding: 14px !important;
grid-template-columns: 66px minmax(0, 1fr) !important;
column-gap: 14px !important;
}
body.profex-v10-site:not(.bvi-active) :is(#profex-homepage-root, .profex-enrollment-process) .step-illustration {
width: 64px !important;
height: 64px !important;
border-radius: 17px !important;
}
body.profex-v10-site:not(.bvi-active) :is(#profex-homepage-root, .profex-enrollment-process) .step-number {
left: 53px !important;
top: 7px !important;
}
body.profex-v10-site:not(.bvi-active) :is(#profex-homepage-root, .profex-enrollment-process) .process-step h3 {
font-size: 16px !important;
}
body.profex-v10-site:not(.bvi-active) :is(#profex-homepage-root, .profex-enrollment-process) .process-step p {
font-size: 11px !important;
}
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .faq-intro {
padding: 24px 20px !important;
border-radius: 20px !important;
}
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .accordion {
gap: 10px !important;
}
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .faq-item {
border-radius: 15px !important;
}
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .faq-item::before {
left: 15px !important;
top: 23px !important;
font-size: 13px !important;
}
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .faq-item > button,
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .faq-item > button:focus,
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .faq-item > button:focus-visible,
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .faq-item > button:active {
min-height: 76px !important;
padding: 17px 14px 17px 53px !important;
gap: 12px !important;
font-size: 14px !important;
}
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .faq-item > button i {
width: 34px !important;
height: 34px !important;
flex-basis: 34px !important;
}
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .faq-answer p {
padding: 0 18px 0 53px !important;
font-size: 13px !important;
}
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .faq-item.is-open .faq-answer p {
padding-bottom: 20px !important;
}
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .discount-card {
padding: 20px 17px !important;
grid-template-columns: 48px minmax(0, 1fr) !important;
gap: 14px !important;
}
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .discount-icon {
width: 48px !important;
height: 48px !important;
border-radius: 13px !important;
font-size: 17px !important;
}
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .discount-card h3 {
font-size: 21px !important;
}
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .partner-content {
padding: 24px 20px !important;
}
}
@media screen and (min-width: 1800px) {
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .faq-layout {
grid-template-columns: minmax(360px, 0.72fr) minmax(640px, 1.28fr) !important;
}
body.profex-v10-site:not(.bvi-active) #profex-homepage-root .accordion {
gap: 14px !important;
}
}