.okta-banner-block { margin-bottom: 40px; }
body.page-title-okta-id-faq  { background-color: #f5f5f5; }
body.page-template.page-template-landing-okta-id .navbar-brand svg { height: auto; }
body.page-template.page-template-landing-okta-id .navbar.is-sticky { width: 100%; }
body.page-template.page-template-landing-okta-id .navbar.is-sticky .custom-language-switch-desktop {  opacity: 1; }
body.page-template.page-template-landing-okta-id .navbar { padding: 12px; }
body.page-template.page-template-landing-okta-id .navbar:after { content: ""; display: none; }
body.page-template.page-template-landing-okta-id .navbar::before { content: ""; display: none; }
.page-template-landing-okta-id .navbar-content { padding: 8px 18px 8px 14px; border-radius: 36px; background: rgba(255, 255, 255, 0.80) !important; backdrop-filter: blur(10px); height: 48px; margin: 0 !important; }
body.page-template.page-template-landing-okta-id .navbar-brand { height: auto; max-width: 172px; }
.okta-banner-wrap { border-radius: 24px; background-color: #0A1B5F; padding: 86px 0 86px; text-align: center; position: relative; overflow: hidden; }
.okta-banner-wrap::before { content: ""; border-radius: 2324px; background: linear-gradient(180deg, rgba(0, 97, 255, 0.30) -19.68%, #0A1B5F 15.15%); position: absolute; left: -510px; right: 0; top: 279px; width: 2324px; height: 2074px; z-index: 0; margin: 0 auto; }
.okta-banner-content img { max-width: 590px; width: 100%; margin-bottom: 40px; }
.okta-banner-content { max-width: 1110px; margin: 0 auto; width: 100%; position: relative; z-index: 1; padding: 0 40px; }
.okta-banner-content h5 { font-size: 24px; font-style: normal; font-weight: 500; line-height: 34.8px; letter-spacing: -0.24px; color: #fff; margin-bottom: 24px; }
.okta-banner-content h4 span { color: #99C0FF; }
.okta-banner-content h4 { font-size: 36px; font-style: normal; font-weight: 500; line-height: 39.6px; letter-spacing: -0.36px; color: #fff; max-width: 720px; margin: 0 auto; width: 100%; }
.benefits-list-wrap { max-width: 960px; margin: 0 auto; width: 100%; border-radius: 24px; background: #FFF; padding: 48px 32px; align-items: flex-start; gap: 24px; margin-bottom: 40px; }
.benefits-icon { display: flex; width: 48px; height: 48px; padding: 6px 4px; flex-direction: column; justify-content: center; align-items: center; gap: 10px; border-radius: 25px; background: var(--Openlane-Primary-Openlane-Blue, #0061FF); margin: 0 auto 24px; }
.benefits-list { text-align: center; }
.benefits-content p { font-size: 20px; font-style: normal; font-weight: 400; line-height: 30px; color: #000000; }
.benefits-list-wrap .col { padding: 0; flex: inherit; max-width: 206px; width: 100%; }
.benefits-content { padding: 0 10px; }
.benefits-content:lang(fr){ padding: 0 0; }
.okta-benefits-block .heading h2 { font-size: 48px; font-style: normal; font-weight: 600; line-height: 52.8px; letter-spacing: -0.48px; color: #000000; margin-bottom: 40px; }
.okta-benefits-block .heading { max-width: 774px; margin: 0 auto; width: 100%; text-align: center; }
.okta-benefits-block .heading p { font-size: 24px; font-style: normal; font-weight: 400; line-height: 36px; color: #000000; margin-bottom: 40px; }
.okta-benefits-block { padding: 48px 0; }
.bottom-note { max-width: 940px; margin: 0 auto; width: 100%; }
.bottom-note p { color: #000000; text-align: center; font-size: 16px; font-style: normal; font-weight: 600; line-height: 24px; }
.okta-video-block .container { max-width: 1376px; padding: 56px 48px 64px 48px; border-radius: 24px;  }
.okta-video-block .heading { text-align: center; }
.okta-video-block .heading h2 { font-size: 36px; font-style: normal; font-weight: 600; line-height: 39.6px;  letter-spacing: -0.36px; color: #000000; margin-bottom: 48px; }
.okta-video video {position: absolute;left: 0;top: 0;width: 100%;height: 100%;border-radius: 16px;}
.okta-video { max-width: 960px; margin: 0 auto; width: 100%; padding-bottom: 44.25%; position: relative; }
.okta-video-block { padding: 40px 0; }
.okta-video .video-btn { position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); margin: 0 auto; text-align: center; }
.okta-video .video-btn .video-btn-click { display: inline-block; vertical-align: middle; cursor: pointer; }
.accordian-dropdown { display: none; padding: 0px 48px 24px 24px; }
.okta-faq-wrap { max-width: 960px; margin: 0 auto; width: 100%; }
.okta-faq-block .heading h2 { font-size: 48px; font-style: normal; font-weight: 600; line-height: 52.8px; letter-spacing: -0.48px; color: #000000; text-align: center; margin-bottom: 40px; }
.okta-faq-block { padding: 56px 0 48px 0; }
.okta-faq-wrap .accordian-item button.accordian-title h3 { font-size: 24px; font-style: normal; font-weight: 500; line-height: 34.8px; letter-spacing: -0.24px; color: #0061FF; padding: 0 34px 0 0; width: 97%; margin: 0; }
.okta-faq-wrap .accordian-item button.accordian-title { border: 0; border-radius: 16px; background-color: transparent; padding: 24px; width: 100%; text-align: left; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; position: relative; }
.accordian-icons { position: absolute; top: 24px; right: 24px; }
.okta-faq-wrap .accordian-item img.minus-icon { display: none; }
.okta-faq-wrap .accordian-item.active-open img.minus-icon { display: inline-block; }
.okta-faq-wrap .accordian-item.active-open img.pluse-icon { display: none; }
.okta-faq-wrap.accordian-menu .accordian-item { background-color: #ffffff; border-radius: 16px; margin-bottom: 24px; border: 0; background: #fff; overflow: inherit; }
.okta-faq-block .accordian-menu .accordian-item.active-style .accordian-title:after { content: ""; display: none; }
.okta-faq-block .accordian-menu .accordian-item:before { content: ""; display: none; }
.okta-faq-block .accordian-menu .accordian-title:after { content: ""; display: none; }
.okta-faq-block .accordian-menu .accordian-item img { opacity: 1; visibility: visible; animation: none !important; }
.accordian-menu .accordian-dropdown ul, .accordian-menu .accordian-dropdown ol { padding-left: 2rem; }

.accordian-item:last-child { margin-bottom: 0; }
.accordian-dropdown p { font-size: 20px; font-style: normal; font-weight: 400; line-height: 30px; margin-bottom: 15px; color: #000000; }
.accordian-dropdown p a { font-weight: 700; text-decoration-line: underline; }
.accordian-dropdown ul li { font-size: 20px; font-style: normal; font-weight: 400; line-height: 30px; color: #000000; }
.accordian-dropdown ol li { font-size: 20px; font-style: normal; font-weight: 400; line-height: 30px; color: #000000; }
.step-list-wrap { display: flex; gap: 32px; flex-wrap: wrap; }
.step-list { width: 100%; max-width: 428px; }
.step-list.step-image { border-radius: 12px; border: 2px solid #F5F5F5; background: #FFF; }
.step-content { padding: 0 24px 24px; }
.step-list-wrap .step-content h6 { font-size: 20px; font-style: normal; font-weight: 700 !important; line-height: 30px !important; margin-bottom: 10px; color: #000000 !important; }
.accordian-dropdown .step-list p span { color: #0061FF; font-size: 20px; font-style: normal; font-weight: 400; line-height: 150%; }
.step-list .step-content p { margin-bottom: 10px; }
.step-list img { width: 100%; margin-bottom: 24px; display: block; }
.contact-us-block { padding: 40px 0 88px; }
.contact-us-block-wrap { position: relative; }
.contact-us-bg { background-position: center center; background-repeat: no-repeat; background-size: cover; padding-bottom: 45.8%; position: relative; border-radius: 16px; max-width: 1374px; margin: 0 auto; width: 100%; }
.mobile-bg.contact-us-bg { display: none; }
.contact-us-block-wrap .content { position: absolute; right: 43px; top: 50%; transform: translateY(-50%); padding: 32px; border-radius: 16px; background: rgba(255, 255, 255, 0.80); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); max-width: 612px; width: 100%; }
.contact-us-block-wrap .content h3 { font-size: 36px; font-style: normal; font-weight: 600; line-height: 39.6px; letter-spacing: -0.36px; margin-bottom: 24px; }
.contact-us-block-wrap .content a:hover { color: #0061FF; }
.contact-us-block-wrap .content a { display: table; font-size: 24px; font-style: normal; font-weight: 500; line-height: 34.8px; letter-spacing: -0.24px; margin-bottom: 16px; color: #0A1B5F; text-decoration: none; }
.copyright-top p { display: inline-block; vertical-align: middle; margin: 0 5px 0 0; color: #ffffff !important; }
body#okta-page footer#footer { margin: 0; }
body#okta-page #footer .footer-bottom .footer-log { margin: 0 0 71px 0; }
body#okta-page footer#footer .footer-copyright { background-color: transparent; font-size: 16px; text-align: center; }
body#okta-page footer#footer .footer-bottom { padding: 90.26px 0 42.74px; background-color: transparent; }
.step-list.step-text .step-content { padding: 0; }
.okta-banner-content img:lang(fr){ max-width: 718px; }
.okta-footer { background-color: #0a1b5f; }
.copyright-bottom .menu-okta-footer-menu-container ul {display: flex;flex-wrap: wrap;align-items: center;justify-content: center;margin: 0;padding: 0;}
.copyright-bottom .menu-okta-footer-menu-container ul li {list-style-type: none;padding: 0 5px;}
.copyright-bottom .menu-okta-footer-menu-container ul li a:hover { color: #0a58ca;}
.copyright-bottom {display: flex;flex-wrap: wrap;justify-content: center;align-items: center;margin: 4px 0 0 0; }
.copyright-bottom button {background-color: transparent;border: 0;padding: 0 0 0 5px;margin: 0; }
body#okta-page div#main-menu { display: none; }
body#okta-page .col.column-utility { display: none; }
body#okta-page .header-wrapper > .row { justify-content: center; }
body#okta-page .header-wrapper { background: transparent; }
body#okta-page header.is-sticky .header-wrapper { background: rgba(255, 255, 255, 0.82); }

body#okta-page .container, body#okta-page .container-lg, body#okta-page .container-md, body#okta-page .container-sm, body#okta-page .container-xl, body#okta-page .container-xxl { max-width: 1400px; }
body#okta-page #logo {padding: 13px 13px;}
body#okta-page #logo span.logo.logo-default {width: 175px;}
body#okta-page {padding-top: 96px;}

.faq-bottom-content { max-width: 1000px; margin: 0 auto;width: 100%;padding: 40px 0 0 0; }
.faq-bottom-content p { color: #000000;text-align: center;font-size: 16px;font-style: normal;font-weight: 600;line-height: 24px;}

@media (min-width: 640px) {
    body#okta-page {padding-top: 96px;}
}
@media(max-width:1400px){
    .okta-video { padding-bottom: 52%; }
}
@media(max-width:1199px){
    .okta-banner-wrap { padding: 86px 0; }
    .benefits-list-wrap { gap: 20px; padding: 48px 26px; }
    .okta-banner-wrap::before { content: ""; border-radius: 2000px; left: 0; right: 0; top: 250px; width: 100%; height: 2000px; }
    .contact-us-block-wrap .content h3 { font-size: 28px; line-height: 30px; }
    .contact-us-block-wrap .content a { font-size: 20px; line-height: 28px; }
    .contact-us-block-wrap .content { max-width: 520px; }
    .okta-faq-wrap .accordian-item button.accordian-title h3 { width: 95%; }
    .okta-banner-content { padding: 0 30px;}
    .okta-video { padding-bottom: 56.25%; }
    .step-list { max-width: 416px; }
}
@media(max-width:1024px){
    .benefits-list-wrap { gap: 15px; }
    .okta-video .video-btn .video-btn-click { max-width: 80px; width: 100%; }
    .okta-video .video-btn .video-btn-click img { max-width: 100%; }
    .contact-us-block-wrap .content h3 { font-size: 24px; line-height: 30px; }
    .contact-us-block-wrap .content a { font-size: 18px; line-height: 28px; }
    .contact-us-block-wrap .content { max-width: 475px; }
}
@media(max-width:991px){
    .benefits-list-wrap .col { max-width: 314px; }
    body.page-template.page-template-landing-okta-id .navbar-collapse { display: flex !important; flex-basis: auto; }
    body.page-template.page-template-landing-okta-id .navbar .nav-link { height: 52px; color: #212529; font-size: 14px !important; padding-left: var(--bs-btn-padding-x) !important; padding-right: var(--bs-btn-padding-x)!important; text-transform: uppercase; }
    .page-template-landing-okta-id .navbar-content { display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between !important; }
    body.page-template.page-template-landing-okta-id .navbar .nav-link:after { display: block;}
    body.page-template.page-template-landing-okta-id .navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center; }
    body.page-template.page-template-landing-okta-id .navbar .login-signup-container { opacity: 1; transform: translateY(0); margin-bottom: 0; }
    body.page-template.page-template-landing-okta-id .navbar .custom-language-switch-desktop { display: block; }
    body.page-template.page-template-landing-okta-id .navbar-collapse { justify-content: flex-end!important; overflow: inherit; height: auto; }
    .step-list { max-width: 302px; }
    .step-list-wrap { gap: 20px; }
}

@media(max-width:767px){
    .okta-banner-content img { width: 100%; }
    .okta-banner-content h5 { font-size: 20px; line-height: 26px; letter-spacing: -0.2px; }
    .okta-banner-content h4 { font-size: 24px; line-height: 27.6px; letter-spacing: -0.24px;}
    .okta-banner-wrap { padding: 65px 0; }
    .okta-benefits-block .heading h2 { font-size: 36px; line-height: 39.6px; letter-spacing: -0.36px; margin-bottom: 24px; }
    .okta-benefits-block .heading p { font-size: 20px; line-height:30px; margin-bottom: 24px; }
    .benefits-list-wrap { gap: 24px; padding: 40px 32px; margin-bottom: 24px; }
    .benefits-list-wrap .col { max-width: 100%; }
    .okta-banner-block { margin-bottom: 0; }
    .benefits-content { max-width: 278px; margin: 0 auto; width: 100%; }
    .benefits-icon { width: 30px; height: 30px; padding: 6px 4px; gap: 10px; margin: 0 auto 8px; }
    .benefits-content p { font-size: 16px; line-height: 24px; margin-bottom: 0; }
    .okta-banner-wrap::before { content: ""; border-radius: 880px; background: linear-gradient(180deg, rgba(0, 97, 255, 0.30) -57.28%, #0A1B5F 31.94%); width: 100%; height: 880px; left: 0; top: 210px; }
    .bottom-note p { font-size: 14px; line-height: 21px; margin-bottom: 0; }
    .okta-video-block { padding: 0; }
    .okta-video-block .heading h2 { font-size: 24px;line-height: 26.4px;letter-spacing: -0.24px; margin-bottom: 24px; }
    .okta-video-block .container { padding: 40px 16px;  }
    .okta-video { padding-bottom: 56.25%; }
    .okta-faq-block { padding: 48px 0 48px 0; }
    .okta-faq-block .heading h2 { font-size: 36px; line-height: 39.6px; letter-spacing: -0.36px;     margin-bottom: 24px; }
    .okta-video .video-btn .video-btn-click { max-width: 60px; width: 100%; }
    .okta-faq-wrap .accordian-item button.accordian-title h3 { font-size: 20px; line-height: 26px; letter-spacing: -0.2px; width: 95%; padding: 0 20px 0 0; }
    .okta-faq-wrap .accordian-item button.accordian-title { padding: 16px; }
    .accordian-item { margin-bottom: 16px; }
    .contact-us-block-wrap .content { position: relative; top: 0; transform: translateY(0); max-width: 100%; right: 0; border-bottom-left-radius: 16px; border-bottom-right-radius: 16px; background: transparent; backdrop-filter: blur(0); -webkit-backdrop-filter: blur(0); padding: 24px; }
    .contact-us-block-wrap { border-radius: 16px; background: #ffffff; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }
    .contact-us-block { padding: 0px 0 48px; }
    .contact-us-block-wrap .content h3 { font-size: 20px; line-height: 30px; margin-bottom: 12px; }
    .contact-us-block-wrap .content a { font-size: 20px; line-height: 26px; margin-bottom: 8px;         word-break: break-all; }
    body.page-template.page-template-landing-okta-id footer#footer .footer-bottom { padding: 88.26px 0 32.74px; }
    body.page-template.page-template-landing-okta-id five9-chat-mobile-btn.hydrated { display: none; }
    body.page-template.page-template-landing-okta-id #footer .footer-bottom .footer-log { margin: 0 0 67px 0; }
    .okta-banner-content { padding: 0 16px;}
    .accordian-dropdown p { font-size: 16px; line-height: 24px; margin-bottom: 5px; }
    .accordian-dropdown ul li { font-size: 16px; line-height: 24px; }
    .accordian-dropdown ol li { font-size: 16px; line-height: 24px; }
    .accordian-dropdown { padding: 0px 24px 16px 16px; }
    .benefits-icon img { width: 14px; height: 10px; }
    .step-list-wrap { gap: 16px; margin-top: 11px; }
    .step-list { max-width: 100%; }
    .accordian-icons { top: 12px; right: 17px; }
    .mobile-bg.contact-us-bg { display: block; padding-bottom: 52.3%; }
    .desktop-bg.contact-us-bg { display: none; }
}
@media(max-width:575px){ 
    .okta-video-block .container { width: 100%; border-radius: 0; }
    .okta-faq-wrap .accordian-item button.accordian-title h3 { width: 90%; }
}