@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);
body,
h1,
h2,
h3,
h4,
h5,
h6,
strong {
    font-family: Poppins, serif;
}
.banner-box img,
.features-box img {
    object-fit: contain;
}
.black-btn,
.bnr-btn a,
.training-box:hover,
a,
button,
input[type="submit"] {
    transition: 0.4s ease-in-out;
}
.ufr-contntar ul,
.woocommerce .woocommerce-MyAccount-navigation ul {
    list-style-type: none;
}
.agen-badge,
.analy-rept-reports-pill,
.badge-done,
.badge-status,
.centralized-item-title,
.eco-hub-label,
.entr-agency-badge,
.home-wrapper,
.logo-pill,
.logos-label,
.mang-btn,
.micro-dur,
.mod-badge,
.ois-done,
.sc-time,
.su-strip-label {
    white-space: nowrap;
}

.checkbox-single input,
.community-newsletter-check input {
    accent-color: var(--main-color);
}
:root {
    --main-color: #ed7f41;
    --hover-color: #000;
    --light-orange: #fff7f2;
    --blue-color: #113cca;
    --grdnt-color: linear-gradient(0deg, rgb(106 106 105) 0%, rgb(106 106 106) 100%);
}
.light-bg {
    background: var(--light-orange) !important;
}
html {
    cursor: url(../img/pointer.png), auto;
}
body {
    line-height: 1.65;
    -webkit-font-smoothing: antialiased;
    color: #000;
    font-size: 15px;
    overflow-x: hidden;
}
.ben-section,
.community-section-alt,
.desktop-menu.sticky-top,
.mobile-menu.sticky-top,
.price-accordion-sec .accordion .card-header.collapsed,
.training-programs-sec.calefornia.home-agecy .training-programs-box,
.why-section,
header.sticky-top {
    background: #fff;
}
.compare-table tbody tr{background: #fff;}
.about-course-inner .col-md-12 p,
.alert-item:last-child,
.billing-row:last-child,
.border-bx p,
.en-stack-card:last-child,
.en-trust-item:last-child,
.episode-box-sec .episode-box:last-child,
.faq-wrapper .card-body p,
.glossy-box p,
.gr-feat-item:last-child,
.header-accordian .card .card-body ul li:last-child,
.insight-colord-box p,
.insight-sidebar-form label,
.main-logo p,
.micro-item:last-child,
.mission-box h2,
.mod-item:last-child,
.new-accordion .card p,
.ob-item:last-child,
.onboarding-banner .cre-dash-circle-wrap,
.outline-item:last-child,
.overview-stic-box-inner p,
.price-accordion-sec .card-body p,
.puzzle .col-md-6 p:last-child,
.sc-item:last-child,
.startup-dash-bar-row:last-child,
.su-feat-item:last-child,
.team-row:last-child,
.training-programs-box p {
    margin-bottom: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
li,
ul{
    margin: 0;
    padding: 0;
}
p {
    font-size: 15px;
    line-height: 26px;
}
.heading h3,
h1,
h2 {
    line-height: 1.4;
    margin-bottom: 15px;
}
a:hover {
    color: #000;
    text-decoration: none;
}
.agencies-banner-box h1 span,
.ai-banner-sec h1 span,
.ai-can-trust-box h5 i,
.ai-left-sec h3 span,
.all-state-inner-box a,
.benefit-inner h4 i,
.blog-bottom-slider .card .card-title:hover,
.blog-single-outer p a,
.blog-single-outer ul a,
.blog-umbrella-sec .card .card-title:hover,
.checkbox-single a:hover,
.color-accent,
.color-accent-hover:focus,
.color-accent-hover:hover,
.courreview i,
.courses .pagination li.active .page-link:hover,
.disclaimer p a,
.disclaimer ul a,
.footer-links ul li a:hover,
.forget p,
.form-check .Policy,
.free-frm .form-check a,
.has-drop-cap:not(:focus):first-letter,
.host-nam h5,
.images-sec.about .image-box p span,
.join-work,
.not-veri p,
.resouce-podcst-sec .res-ply-video p a,
.resouce-podcst-sec .rsce-date,
.review-name-rating ul li i,
.third-party a,
.wp-block-button.is-style-outline,
:root .has-accent-color,
a,
footer a:hover,
h2 span {
    color: var(--main-color);
}
.video-modal video {
    width: 100% !important;
    max-width: 100%;
    height: 600px;
}
.about-sec.blog-single-top ul li:last-child::before,
.ai-banner-sec.care-coach-banner:before,
.ai-banner-sec.startup-banner:before,
.ben-panel,
.blog-social-link li:before,
.c-inner-hero-left hr,
.c-inner-hero-section.course-main-outr .content-card ul br,
.clfrna-info-list-sec,
.contact-form-card .radio-pill input[type="radio"],
.cre-dash-cert-icon,
.desk-none,
.device-sec .laptop-box:before,
.expert-insight-inner-sec .col-lg-8 .expert-social-icon,
.faq-wrapper .card-header button[aria-expanded="true"] .faq-icon,
.faq-wrapper .faq-icon,
.fitr-txt-ph,
.hero-title br,
.home-img-card .course-thumb,
.illness-course-tab.tab-nav-custom .nav-link i,
.insight-sidebar-form .wpcf7 form .wpcf7-response-output,
.journey-section .col:last-child .journey-card::after,
.journey-section .col:last-child .journey-card::before,
.l2c-radio-label input[type="radio"],
.mob-dev,
.mobile-menu,
.mobile-only,
.nav-item .orange-btn:after,
.new-footr-stats .row .col:last-child .new-footr-box:after,
.our-story .nav.nav-tabs .nav-item:last-child .nav-link:after,
.page-id-10806 .btm-footer-cta,
.page-template-caregiver-stories .btm-7new-footer, 
.page-template-podcast .btm-7new-footer, 
.page-id-10806 .new-footr-stats,
.page-id-11 .btm-7new-footer,
.page-id-11 .btm-footer-cta,
.page-id-11 .new-footr-stats,
.page-template-alabama-state-page .btm-7new-footer,
.page-template-community .btm-7new-footer,
.page-template-contact-us .btm-7new-footer,
.page-template-customer-support .footer-cta-sec,
.page-template-expert-insights .btm-7new-footer,
.page-template-home .laptop-box::before,
.page-template-illionois-inner-page .btm-7new-footer,
.page-template-new-state-inner-page .btm-7new-footer,
.page-template-start-my-trial .btm-7new-footer,
.page-template-calculator .btm-7new-footer,
.page-template-start-my-trial .footer-cta-sec,
.podcst-newslter .wpcf7-response-output,
.res-head h2.simple:after,
.res-news-letter .footer-news h4,
.res-news-letter.footr-nws h4:after,
.state-iner-accordian .accordion .card-title:after,
.stateinner-before .hme-ai-pltfm-img:before,
.stateinner-before:before,
.support-faq .accordion .card-header:after,
.usfrnd-boxes .ufr-contntar li br,
footer .wpcf7-response-output,
nav[aria-label="breadcrumb"],
p:empty {
    display: none;
}
.agencies-banner-box,
.annotation,
.client-img,
.community-carousel-wrap,
.course-inner-video,
.course-inner-video .ply-btn img,
.dropdown-toggle,
.ebook-banner .row,
.ebook-inner-banner .row,
.expert-insight-banner .container,
.floating-blob,
.footer-news,
.foxi-video-box,
.frnc-info-img,
.home-stats-box,
.imgply,
.insight-sidebar-form p,
.l2c-radio-option,
.price-inner ul li,
.state-banner-search form,
.state-hero-search,
.upper-shape,
.video-gallery-slider .card,
form input[type="submit"] {
    position: relative;
}
.breadcrumb li.breadcrumb-item a:hover,
.breadcrumb li.breadcrumb-item.active {
    color: #ed8241;
    background-color: transparent !important;
}
.blog-bread ol a,
.breadcrumb-item.active {
    color: #6c757d !important;
}
.page-id-31 section.banner-sec.homecare-banner {
    padding-top: 70px;
}
.page-id-31 .list {
    margin-top: 25px;
}
header .container-fluid {
    width: 97% !important;
}
.container-fluid {
    width: 92% !important;
}
.accordion .card-header {
    cursor: pointer;
}
.new-container {
    max-width: 95% !important;
}
.banner-container {
    max-width: 1220px;
    margin: 0 auto;
}
hr {
    border-top: 1px solid #fde6d8;
}
.video-gallery-sec .res-blog-left a:hover h4,
.video-gallery-sec .res-blog-right a:hover h6,
a {
    text-decoration: none !important;
}
h1 {
    font-size: 37px;
    font-weight: 600;
}
.heading h3,
h2 {
    font-size: 32px;
    font-weight: 700;
}
.heading p {
    font-size: 16px;
    margin-bottom: 50px;
}
.trangle-shape {
    clip-path: polygon(0 0, 100% 0, 100% 70%, 0% 100%);
    background: #f8f8f8;
    padding-bottom: 230px !important;
    margin-bottom: 70px;
}
.nav-item .orange-btn {
    font-size: 16px;
    padding: 10px 15px;
}
.nav-item .orange-btn:hover {
    padding: 10px 15px;
    background: #000;
}
.banner-btn,
.community-reel-info,
.content-card.overview-card,
.inner-state-text h3:first-child,
.review a.banner-btn {
    margin-top: 0;
}
.navbar-light .navbar-nav .nav-link {
    color: #000;
    font-size: 16px;
    padding: 18px 12px;
}
.metric-val,
.nav-link.ph-nmbr p {
    font-weight: 600;
    color: #000;
}
.banner-btn,
.blck-btn,
.orange-btn {
    color: #fff !important;
    padding: 12px 35px;
    line-height: normal;
    font-size: 16px;
    display: inline-block;
    border-radius: 10px;
    font-weight: 600;
    position: relative;
}
.banner-btn,
.orange-btn {
    background: var(--main-color);
}
.blck-btn {
    background: var(--hover-color);
}
.blck-btn:hover {
    background: #747779;
}
.banner-btn:hover,
.blog-contact-form .started form input[type="submit"]:focus,
.blog-contact-form .started form input[type="submit"]:hover,
.blog-side-form input[type="submit"]:hover,
.courses-ctlog-sec .btn-dark:hover,
.footer-news input[type="submit"]:hover,
.insight-sidebar-form h6 a:hover,
.mega-strip a:hover,
.orange-btn:hover,
.pricing-saving-box .p-btn:hover,
.started form input[type="submit"]:hover {
    background: var(--hover-color);
}
.banner-btn:hover {
    color: #fff;
}
.learn-big-btn a {
    padding: 12px 35px;
    border: 1px solid #2e2e2e;
    margin: 0 10px;
    font-size: 16px;
    color: #2e2e2e;
    display: inline-block;
    line-height: normal;
    position: relative;
    border-radius: 10px;
    font-weight: 600;
}
.btn-view-course:hover,
.bundle-card.popular .bundle-btn,
.c-inner-prog-step.c-inner-done,
.learn-big-btn a.orng,
.page-btn.active,
.view-toggle button.active,
.view-toggle button:hover {
    background: var(--main-color);
    border-color: var(--main-color);
    color: #fff;
}
.state-load-more a {
    position: relative;
    color: var(--main-color);
    font-size: 16px;
    border: 1px solid var(--main-color);
    padding: 17px 35px 15px;
    border-radius: 10px;
    font-weight: 600;
    display: inline-block;
    line-height: 1;
    letter-spacing: 1px;
}
.category-list a.active .cat-count,
.community-btn-primary,
.community-cta-article:hover,
.community-footer-social a:hover,
.franchise-tab-sec .nav button.active,
.growth-tab-innr .nav .nav-link.active,
.new-btn:hover,
.plan-card .pricing-user-increment-box span.qty-control:hover,
.prc-plan-btn.prc-btn-solid,
.role-pill.active .pill-count,
.state-load-more a:hover,
a.transparent-btn.active,
a.transparent-btn:focus,
a.transparent-btn:hover {
    background: var(--main-color);
    color: #fff;
}
.learn-big-btn a:hover {
    background: var(--hover-color);
    color: #fff;
    border-color: var(--hover-color);
}
.bg-1,
.grey-bg {
    background: #f8f8f8;
}
.abt-main-card:hover .abt-card-ico,
.compare-table thead th.col-featured,
.exprt-qute-box.orng,
.fr-section-orange,
.gr-section-orange,
.home-feature-box:hover h6,
.insight-sidebar-form button:hover,
.insight-sidebar-form input[type="submit"]:active,
.insight-sidebar-form input[type="submit"]:focus,
.insight-sidebar-form input[type="submit"]:hover,
.mega-course:hover,
.nav-item .orange-btn,
.new-icon-btn:hover span,
.state-cta-innr h6 a:hover,
.state-page-slider .owl-dots .owl-dot.active span,
.su-section-orange,
.testimonial-nav .owl-dots .owl-dot.active span,
.testimonial-slider-sec .owl-dots .owl-dot.active,
.top-bar {
    background: var(--main-color);
}
header {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.top-bar ul li a {
    color: #fff;
    font-weight: 500;
    font-size: 15px;
}
.top-bar .ph-nmbr a {
    padding: 5px 25px;
    background: #fff;
    color: #000 !important;
    display: inline-block;
    margin-right: 25px;
}
.bkck-sec .course-inner .col-md-3,
.course-inner .col-md-3,
.header-main .col-md-3,
.sidebar-section.type-check {
    padding-right: 0;
}
.footer-links ul a,
.header-main .col-md- {
    padding-left: 0;
}
.nav-item .orange-btn {
    margin-left: 10px;
}
.nav-link.login-btn {
    background: 0 0;
    padding: 9px 20px !important;
    color: #979797;
    margin-top: 0 !important;
    border-radius: 10px;
    border: 2px solid #c1c1c1;
    font-weight: 600;
}
.nav-link.orange {
    color: var(--main-color) !important;
}
.login-btn:hover {
    background: var(--hover-color);
    color: #fff !important;
    border-color: var(--hover-color);
}
.bg-main {
    background: #ed7f41;
    background: linear-gradient(270deg, rgb(255 151 89) 0, rgb(237 130 65) 100%);
}
.banner-sec {
    padding: 80px 0;
    position: relative;
}
.banner-box,
.ef-avs,
.l2c-avatar-stack,
.startup-dash-layout,
.stat-btn,
.su-avatars {
    display: flex;
}
ul.banner-list.list {
    margin-bottom: 15px;
}
.banner-box img {
    margin-right: 12px;
    position: relative;
    top: -13px;
}
.banner-sec h1 {
    margin: 8px 0;
    font-size: 38px;
    font-weight: 800;
    line-height: 1.3;
}
.features-sec {
    background: #f2f2f2;
    padding: 15px 0;
}
.features-box {
    display: flex;
    align-items: center;
    justify-content: center;
}
.features-box span {
    font-size: 33px;
    color: #f08342;
    font-weight: 700;
}
.features-box.br-no {
    border-right: 0px solid #898989;
}
.features-box p {
    color: #222;
    margin-bottom: 0;
    font-size: 15px;
}
.solution-sec .row,
.solution-sec h2 {
    margin-bottom: 40px;
}
.overview-why-choose,
.product-content-sec,
.solution-sec,
.training-programs-sec,
section.need-sec {
    padding: 90px 0;
}
.solution-sec h2 {
    font-weight: 700;
    color: var(--hover-color);
}
.solution-sec img {
    margin-bottom: 25px;
    border-radius: 10px 10px 0 0;
    width: 100%;
}
.solution-sec .card {
    border-radius: 20px;
    height: 100%;
    background-color: #f8f8f8;
    overflow: hidden;
}
.solution-sec .card-body {
    padding: 0 30px 30px;
}
.solution-sec h5.card-title {
    font-size: 24px;
    font-weight: 600;
}
.solution-sec p {
    color: #474747;
    margin-bottom: 20px;
}
.laptop-box {
    background: #efefef;
    padding: 45px 50px 40px;
    border-radius: 10px;
    position: relative;
}
.laptop-box::before {
    position: absolute;
    content: "";
    background: url("../img/laptop-dot.png") no-repeat;
    right: -55px;
    bottom: -75px;
    width: 100px;
    height: 185px;
}
.laptop-box h2 {
    font-size: 45px;
    font-weight: 600;
}
.laptop-box p {
    color: #474747;
    margin: 10px 0 15px;
}
.laptop-box img {
    width: 230px;
    margin-left: 20px;
    position: relative;
    top: -7px;
}
.device-sec .laptop-box {
    margin-left: 40px;
}
.training-sec {
    padding: 140px 0;
    text-align: center;
    position: relative;
}
.home .training-sec {
    padding: 110px 0;
}
.training-sec h2 {
    font-weight: 700;
    margin-bottom: 90px;
    font-size: 36px;
}
.training-sec .sub-heading {
    font-size: 18px;
    text-transform: uppercase;
    margin: 20px 0 60px;
}
.training-box {
    padding: 35px 38px;
    box-shadow: 0 0 16px #c6c6c6;
    border-radius: 10px;
    margin: 0 25px;
    min-height: 292px;
}
.training-box p {
    color: #474747;
    margin-top: 30px;
    font-size: 26px;
}
.training-box:hover {
    transform: translateY(-6px);
}
.training-sec .orange-btn {
    margin-top: 64px;
    display: inline-block;
}
.course-inner,
.home .solution-sec .row:last-child,
.state-map-info h6 {
    margin-bottom: 20px;
}
.left-paddng {
    padding-left: 110px;
}
.about-sec {
    padding: 100px 0 50px;
}
.about-sec h3 {
    margin-bottom: 45px;
    font-weight: 700;
    line-height: 52px;
}
.about-sec .breadcrumb {
    text-align: center;
    justify-content: center;
    background: 0 0;
    margin-bottom: 5px;
}
.about-sec .heading,
.catalog-hero-stat,
.foxi-tip-box,
.homemaker-sec .heading,
.illness-course-tab .nav-item,
.image-accordian .heading,
.images-sec .heading,
.login-sec .trial,
.logo-box,
.mob-cta-area a,
.online-training .heading,
.our-story .heading,
.ouroffice-box,
.ouroffice-sec .heading,
.rquest-img,
.testimonial-sec .heading {
    text-align: center;
}
.about-sec img,
.product-bnnr-txt {
    margin-bottom: 30px;
}
.freq-ques h2,
.mission-box h3,
.product-content-sec .image-box .logo-with-text h3 {
    font-size: 36px;
}
.about-sec .heading a:hover {
    padding: 15px 50px 15px 35px;
    background: var(--hover-color);
}
.mission-box p {
    color: #757575;
    padding-right: 50px;
    margin-bottom: 35px;
}
.mission-box .accordion p {
    margin-bottom: 0;
    padding-right: 0;
}
.mission-box .card-header a {
    font-size: 26px;
    color: #454545;
    padding-left: 10px;
    cursor: pointer;
}
.mission-box .card {
    border: 0;
    background: 0 0;
}
.mission-box .card .card-header {
    border-bottom: 0;
}
.about-sec .breadcrumb a {
    color: #767477;
}
.our-story .nav.nav-tabs {
    margin-top: 60px;
    justify-content: center;
}
.our-story .nav.nav-tabs .nav-link::after {
    position: absolute;
    content: "";
    background: #f8ccb3;
    width: 30px;
    height: 2px;
    top: 49%;
    right: -33px;
}
.our-story .nav.nav-tabs .nav-link {
    background: #fdf1ea;
    margin: 0 17px;
    color: #767477;
    font-size: 20px;
    border-radius: 33px;
    padding: 6px 23px;
    position: relative;
}
.our-story .nav.nav-tabs .nav-link.active {
    background: var(--main-color);
    color: #fff;
    border: 0;
    font-size: 28px;
    position: relative;
    top: -8px;
}
.banner-sec.overview-banner,
.caregiver-training-dark,
.contact-quick-contact,
.ebooks-sec,
.feat-detail-section,
.feat-row-section,
.feat-section,
.our-story .tab-content,
.sec-space {
    padding: 80px 0;
}
.logo-content-box h2,
.product-box h2,
.product-sec h2,
.tab-box h2 {
    font-size: 36px;
    margin-bottom: 30px;
}
.tab-box p {
    color: #757575;
}
.tab-box {
    padding: 0 55px;
}
.mission-box .accordion {
    background: #f5f5f5;
    padding: 28px 40px;
    margin-top: 10px;
    border-radius: 10px;
}
.mission-box .accordion .card-header {
    position: relative;
    background: 0 0;
}
.mission-box .accordion .card-header::after {
    content: "-";
    float: left;
    position: absolute;
    left: 0;
    top: 8px;
    font-size: 29px;
    color: var(--main-color);
}
.image-accordian .card-header.collapsed:after,
.mission-box .accordion .card-header.collapsed:after {
    content: "+";
}
.mission-box .accordion .card-body {
    padding-left: 30px;
    padding-top: 10px;
}
.side .wpcf7-list-item {
    margin-left: 0;
    margin-right: 20px;
}
.images-sec {
    padding: 50px 0 45px;
}
.sec-space.related-cours,
section.images-sec.about {
    padding-bottom: 0;
}
.footer-cta-sec h4,
.image-box h2 {
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 10px;
}
.image-box p,
.product-box p {
    color: #474747;
    padding-right: 7rem;
}
.border-btn,
.image-box a,
.product-box a {
    color: var(--main-color);
    font-size: 17px;
    font-weight: 700;
    border-bottom: 2px solid var(--main-color);
    padding-bottom: 6px;
}
.caregiver-training-info,
.customer-support-banner,
.disclaimer,
.podcast-banner-sec,
.testimonial-sec {
    padding: 60px 0;
}
.testimonial-slider-sec {
    background: #fff7f3;
    border-radius: 0 60px;
    margin-top: 60px;
}
.testimonial-slider-sec .owl-dots {
    text-align: center;
    margin-top: 35px;
}
.testimonial-slider-sec .owl-dots .owl-dot {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 12px;
    background: #fbe3d5;
    border-radius: 30px;
}
.testimonial-slider-sec .owl-stage-outer {
    background: #fff7f3 !important;
    border-radius: 0 30px;
}
.ouroffice-sec {
    padding: 80px 200px 180px;
}
.ouroffice-sec .heading p {
    margin: 1px 8rem 50px;
}
.ouroffice-box h4 {
    color: #757575;
    font-size: 18px;
    font-weight: 700;
    margin-top: 25px;
}
.ouroffice-box p {
    color: #747677;
    margin-top: 15px;
    line-height: 26px;
}
.blog-single-outer h3 b,
.card.course-detail-box strong,
.course-bnnr-box h1,
.ouroffice-sec h2,
.pricing-saving-box ul li strike,
.startup-dash-signup-row .startup-dash-label.startup-dash-bold,
.state-map-info p span {
    font-weight: 600;
}
.ouroffice-box img {
    border-radius: 100%;
    width: 125px;
    height: 125px;
    object-fit: cover;
}
.trial input,
.trial select {
    height: 46px;
    margin-bottom: 15px;
}
.course-lft {
    border: 1px solid #f1f1f1;
    padding: 30px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    box-shadow: 0 0 10px #d7d7d7;
}
.pricing-main-inner,
.pricing-saving-box {
    box-shadow: 4px 4px 10px 2px var(--hover-color) 25;
}
.about-course-inner .course-inner img,
.ai-arrow-btn a:hover:before,
.banner-video-top iframe,
.banner-video-top video,
.expert-insight-form-box span.wpcf7-form-control-wrap,
.image-box img,
.product-logo-sec .logo-box img,
.sheet .learn img,
.sign img {
    width: 100%;
}
.about-course-inner .hmecourse-inner,
.list-white {
    padding-left: 25px;
}
.about-course-inner .hmecourse-inner h6 {
    font-size: 26px;
    line-height: 42px;
    padding-bottom: 20px;
    margin-bottom: 35px;
    position: relative;
    font-weight: 600;
}
.about-course-inner .hmecourse-inner h6:after,
.bkck-sec .hmecourse-inner h6:after {
    position: absolute;
    content: "";
    background: var(--main-color);
    width: 132px;
    height: 3px;
    left: 0;
    top: 100%;
}
.course-inner-box {
    margin-left: 5px;
    border-left: 3px solid #f5f5f5;
    padding-left: 15px;
}
.course-inner h4 {
    font-size: 46px;
    font-weight: 700;
    color: var(--main-color);
}
.blog-bottom-slider .card a.btn:hover,
.checkbox-single a,
.course-inner h4 span,
.courses-ctlog-sec a,
.discover-more-box p,
.featured-blog h1:hover,
.featured-blog h2:hover,
.featured-blog-inner p,
.image-accordian .card-header a,
.show-more:hover,
.social-links ul li a:hover,
a.transparent-btn {
    color: var(--hover-color);
}
.course-inner h5 {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 12px;
}
.course-inner p {
    margin-bottom: 0;
    line-height: 26px;
}
.course-sec {
    padding: 46px 0 80px;
}
.two.big {
    color: var(--main-color);
    font-weight: 700;
    font-size: 39px;
}
.course-inner-video .ply-btn {
    position: absolute;
    height: 100%;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    vertical-align: middle;
    align-content: center;
}
.course-inner-video .ply-btn::before {
    content: "";
    background: var(--main-color);
    width: 65px;
    height: 65px;
    margin: auto;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    border-radius: 100%;
    opacity: 0.5;
    animation: 1.5s linear infinite plyblink;
}
.pricing-top-sec {
    padding: 70px 0 50px;
    text-align: center;
}
.pricing-top-sec .heading p {
    margin: 0 0 20px;
}
a.transparent-btn {
    padding: 12px 35px;
    display: inline-block;
    font-size: 16px;
    line-height: normal;
    position: relative;
    border-radius: 30px;
    margin: 15px 10px;
    border: 1px solid var(--main-color);
    min-width: 230px;
}
a.transparent-btn span {
    display: inline-block;
    position: absolute;
    width: max-content;
    font-size: 13px;
    background: var(--hover-color);
    color: var(--main-color);
    padding: 5px 11px;
    border-radius: 13px;
    font-weight: 600;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -11px;
    line-height: 11px;
}
.about-sec .heading a,
.pricing-saving-box h5,
.pricing-table-sec table thead {
    color: #fff;
    background: var(--main-color);
}
.pricing-user-selector {
    border: 1px solid var(--hover-color);
    padding: 27px 192px 26px 20px;
    border-radius: 10px;
    background: #fff;
    position: relative;
}
.pricing-user-selector .pricing-user-increment-box,
.started form .wpcf7-spinner {
    position: absolute;
    right: 0;
    top: 35%;
}
.ef-field span.wpcf7-spinner {
    bottom: 15px;
    top: inherit;
}
.pricing-user-selector h3 {
    font-size: 22px;
    font-weight: 700;
    margin: 0 0 9px;
}
.pricing-user-selector p {
    margin: 0;
}
#userNo .qty-control,
.pricing-user-increment-box span.qty-control {
    background: var(--hover-color);
    color: #fff;
    width: 40px;
    display: inline-block;
    font-size: 22px;
    text-align: center;
    border-radius: 50%;
    height: 40px;
    padding: 4px;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
}
#userNo .qty-control:active,
.pricing-user-increment-box span.qty-control:active {
    transform: scale(0.8);
}
.pricing-user-increment-box span.qty-control::-moz-selection {
    color: none;
    background: 0 0;
}
.pricing-user-increment-box span.qty-control::selection {
    color: none;
    background: 0 0;
}
#userNo input[type="number"]:focus,
.dropdown-toggle:focus,
.l2c-faq-btn:focus,
.pricing-user-increment-box input[type="number"]:focus {
    outline: 0;
}
#userNo input[type="number"],
.pricing-user-increment-box input[type="number"] {
    display: inline-block;
    background: #f2f2f2;
    width: 41px;
    border: none;
    padding: 3px;
    height: 40px;
    margin: 0 3px;
    border-bottom: 2px solid #737576;
    font-size: 18px;
    text-align: center;
    -moz-appearance: textfield;
}
#userNo input[type="number"]::selection,
.pricing-user-increment-box input[type="number"]::selection {
    color: none;
    background: 0 0;
}
#userNo input[type="number"]::-moz-selection,
.pricing-user-increment-box input[type="number"]::-moz-selection {
    color: none;
    background: 0 0;
}
.pricing-table-sec h5 {
    font-size: 26px;
    margin-bottom: 0;
    font-weight: 700;
}
.pricing-table-sec table thead {
    font-size: 18px;
    font-weight: 400;
}
.pricing-table-sec table thead th,
.training-rqu-title p span {
    font-weight: 500;
}
#userNo input[type="number"]::-webkit-inner-spin-button,
#userNo input[type="number"]::-webkit-outer-spin-button,
.pricing-user-increment-box input[type="number"]::-webkit-inner-spin-button,
.pricing-user-increment-box input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.pricing-main-sec {
    padding: 0 0 90px;
}
#userNo .qty-control strong {
    position: relative;
    top: 4px;
}
.forPricing {
    max-width: 70%;
    display: inline-block;
}
.pricingValue {
    max-width: 29%;
    text-align: right;
    display: inline-block;
}
.forPricing label {
    top: 2px;
    position: relative;
}
.l2c-avatar-stack .l2c-av:last-child,
.pricing-saving-box ul li:last-child,
.pricingValue .side {
    margin-right: 0;
}
.ai-left-sec ul,
.blog-banner p,
.customer-success-banner .quote-box h4,
.customer-success-banner p,
.episode-btn i,
.exprt-qute-box p,
.forPricing #pricingText,
.illness-course-tab.tab-nav-custom .nav-link,
.logo-content-box.full h3,
.page-template-video-galley .podcast-banner-sec p,
.state-page-slider .owl-nav button i {
    font-size: 18px;
    line-height: 1.8;
}
.pricing-saving-box {
    padding: 55px 20px 15px;
    height: 100%;
    border-radius: 10px;
    position: relative;
    background: #f5f5f5;
}
.pricing-saving-box h5 {
    position: absolute;
    font-size: 20px;
    width: 100%;
    left: 0;
    text-align: center;
    top: 0;
    border-radius: 10px 10px 0 0;
    padding: 8px 0;
}
.pricing-saving-box ul li p {
    font-size: 15px;
    line-height: 13px;
    font-weight: 500;
    color: var(--hover-color);
    margin: -5px 0 0;
}
.pricing-saving-box ul {
    display: flex;
    justify-content: center;
    align-items: center;
}
.pricing-saving-box ul li {
    display: block;
    font-size: 20px;
    color: #515151;
    text-align: center;
    margin-right: 10px;
}
#saveResult h6 {
    font-size: 18px;
    font-weight: 600;
    margin-top: 30px;
}
.pricing-saving-box h4 {
    font-size: 36px;
    color: var(--main-color);
    font-weight: 700;
}
.pricing-saving-box h4 span {
    display: block;
    font-size: 14px;
    font-weight: 600;
}
.pricing-main-sec .container {
    max-width: 900px;
}
.pricing-saving-box .p-btn {
    padding: 8px 20px;
    margin-top: 9px;
    background: var(--main-color);
    color: #fff !important;
    font-size: 18px;
    line-height: normal;
    position: relative;
    border-radius: 10px;
    font-weight: 600;
}
.pricing-main-inner {
    margin: 30px 0 0;
    border-radius: 10px;
    position: relative;
    background: #fff;
    padding-left: 25px;
}
.grey-faq.price-accordion-sec .card {
    background-color: transparent;
}
.pricing-main-inner-left {
    height: 100%;
    padding: 40px;
    text-align: center;
}
.always-reach-sec h4,
.price-features-box h4,
.pricing-main-inner-left h5 {
    font-size: 20px;
    font-weight: 600;
}
.pricing-main-inner-left h3 {
    font-size: 30px;
    font-weight: 700;
    margin: 12px 0 0;
}
.home-banner-sec h1,
.pricing-main-inner-left h3 span {
    font-size: 40px;
}
.pricing-main-inner-right {
    padding: 30px 10px;
}
.pricing-main-inner-right h5 {
    font-size: 16px;
    color: var(--hover-color);
    font-weight: 700;
    margin: 0 0 10px;
}
.pricing-main-inner-right li {
    display: block;
    padding-left: 0;
    font-size: 15px;
    margin: 0 0 8px;
    position: relative;
    background-image: none;
    background-repeat: no-repeat;
    border-bottom: 1px solid #ddd;
}
.pricing-main-inner-right ul ul li {
    background: url(https://www.learn2care.us/wp-content/themes/learn2care/img/tick.png) 0 2px/14px no-repeat;
    padding-left: 17px;
    border: none;
}
.pricing-top-sec .heading h1,
.pricing-top-sec .heading h2 {
    font-size: 26px;
    margin-bottom: 0;
    line-height: 1.1;
}
.pricing-main-inner-left p {
    font-size: 11px;
    line-height: 15px;
}
.about-sec .heading a {
    padding: 15px 20px;
    display: inline-block;
    border-radius: 3px;
    margin-bottom: 15px;
}
.community-cat-search i,
.heading p span {
    font-size: 13px;
}
.price-inner {
    text-align: center;
    padding: 60px 25px 0;
    border-radius: 15px;
    overflow: hidden;
    position: relative;
}
.price-train-sec {
    padding: 145px 0;
}
.price-train-box {
    padding: 25px;
    border: 1px solid #d1d1d1;
    border-radius: 10px;
    margin-bottom: 30px;
    min-height: 260px;
}
.price-percent-sec {
    padding: 70px 0 60px;
    background: #f3f3f3;
}
.growth-tab-innr .tab-content,
.insight-sidebar-form h6,
.price-train-sec .orange-btn,
.start-trail,
.usfrnd-boxes {
    margin-top: 30px;
}
.price-inner .start,
.price-inner .start-orange {
    padding: 15px 20px;
    border-radius: 10px;
    margin: 15px 0 27px;
    display: inline-block;
}
.price-percent-sec h4 {
    font-size: 65px;
    font-weight: 600;
    color: #ed864b;
}
.price-percent-sec p {
    font-size: 20px;
    margin-bottom: 0;
    line-height: 30px;
}
.price-train-box h4 {
    font-size: 20px;
    font-weight: 700;
    margin: 15px 0 10px;
}
.price-inner h4,
.show-more {
    margin-top: 30px;
    font-weight: 700;
}
.price-train-box p {
    color: #747677;
    margin-bottom: 0;
}
.most-tag {
    background: var(--main-color);
    color: #fff !important;
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    font-weight: 700;
}
.client-sec h3,
.contact,
.logo-sec,
.logo-sec h2,
.upper-sec-inner {
    position: relative;
}
.price-inner h4 {
    font-size: 24px;
}
.price-inner p {
    font-size: 14px;
    color: #757575;
}
.price-inner h3 {
    font-size: 55px;
    color: var(--main-color);
}
.price-inner ul {
    text-align: left;
    color: #474747;
    line-height: 32px;
    margin-left: 50px;
    list-style: none;
}
.price-inner ul li::before {
    position: absolute;
    content: "";
    background: url("../img/tick.png") 0 0/100% no-repeat;
    width: 16px;
    height: 16px;
    left: -23px;
    top: 9px;
}
.price-inner .start {
    background: #fef6f2;
    color: var(--main-color);
    font-weight: 700;
}
.price-inner .start-orange {
    background: var(--main-color);
    color: #fff;
    font-weight: 700;
}
.price-accordion-sec .accordion .card-header.collapsed:after {
    content: "+";
    right: 20px;
}
.price-inner.popular {
    border: 2px solid var(--main-color);
}
.logo-sec {
    padding: 50px 0;
}
.logo-sec h2 {
    margin-bottom: 50px;
    text-align: center;
    font-size: 16px;
    color: #474747;
}
.logo-sec h2::before {
    position: absolute;
    content: "";
    background: #474747;
    width: 100%;
    height: 2px;
    top: 7px;
    left: 0;
    z-index: -1;
}
.logo-sec h2 span {
    background-color: #fff;
    padding: 0 15px;
}
.bkck-sec,
.price-accordion-sec {
    padding: 80px 0 90px;
}
.price-accordion-sec .card {
    border: 1px solid #d3d3d3;
    border-radius: 10px !important;
    border-bottom: 1px solid #d3d3d3 !important;
    background: var(--main-color);
}
.price-accordion-sec .card-header {
    margin-bottom: 0 !important;
    padding: 18px 20px;
    font-weight: 500;
}
.price-accordion-sec .accordion .card-header {
    margin-bottom: 0;
    border: none;
    background: var(--main-color);
    color: #fff;
}
.price-accordion-sec .accordion .card-header a {
    transition: none;
}
.price-accordion-sec .accordion .card-header .card-title {
    font-size: 19px;
    color: #fff;
}
.price-accordion-sec .card-body,
.support-faq .accordion .card-body {
    padding-top: 0;
}
.ac-how .ac-desc,
.ac-how .ac-title,
.agen-chat-bubble svg,
.ai-arrow-btn a:hover,
.ai-cta-sec p,
.ai-section .sec-title,
.apart-card.ac-how .inr-list,
.cal-metric-value.warning,
.community-section-title.light,
.expert-insight-inner-banner .breadcrumb a,
.expert-insight-inner-banner .breadcrumb li.active,
.expert-insight-inner-banner .breadcrumb li:before,
.fr-section-title-wh,
.gr-section-title-wh,
.home-feature-box:hover a,
.home-feature-box:hover h4,
.home-feature-box:hover p,
.innr-accordion .card-header a,
.l2c-ai-btn.l2c-active i,
.l2c-ai-btn:hover i,
.ladder-section .sec-title,
.mega-course:hover h4,
.mega-course:hover p,
.mob-btn-demo a,
.price-accordion-sec .card-body p,
.price-accordion-sec .card-body ul,
.pricing-header .monthly-tab .nav button.active,
.request-dmo .contact-hero-trust-list li,
.state-cta-innr p,
.state-section .sec-title,
.su-section-title-wh,
.usecase-section .sec-title,
.woocommerce .woocommerce-MyAccount-navigation ul li a,
footer a {
    color: #fff;
}
.inner-state-text p,
.logo-content-box p,
.price-accordion-sec .accordion .card-header.collapsed,
.price-accordion-sec .accordion .card-header.collapsed a {
    color: #474747;
}
.price-inner ul li.disabled::before {
    background: #bbb;
    height: 2px;
    top: 15px;
}
.price-inner ul li.disabled {
    color: #bbb;
}
.show-more {
    padding: 5px;
    display: inline-block;
    color: var(--main-color);
    border-bottom: 1px solid var(--main-color);
}
.show-more i {
    margin-left: 5px;
}
.product-sec {
    padding: 100px 0;
    background: #434343;
    text-align: center;
    color: #fff;
}
.product-sec p {
    padding: 0 90px;
    margin-bottom: 30px;
}
.price-accordion-sec.product-accordion .card-body.show {
    border: 1px solid #a3a3a3;
    border-radius: 0 0 10px 10px;
    padding: 20px 10px;
}
.logo-content-box a {
    color: var(--hover-color);
    font-size: 16px;
    border-bottom: 2px solid #434343;
    padding-bottom: 0;
}
.spot-sec {
    padding: 45px 0;
}
.spot-sec h2 {
    font-size: 32px;
    margin-bottom: 10px;
}
.client-sec h3,
.client-sec h4 {
    font-size: 30px;
}
.spot-sec p {
    color: #757575;
    margin-bottom: 20px;
}
.logo-content-sec {
    padding: 140px 0;
    background: var(--main-color);
}
.logo-content-box {
    background: #fff;
    border-radius: 10px;
    margin-bottom: 25px;
    padding: 30px 20px;
}
.logo-with-text {
    display: flex;
    align-items: center;
    min-height: 90px;
}
.contact-form-card .radio-pill,
.logo-content-box.full {
    display: flex;
    align-items: center;
}
.logo-content-box.full a {
    margin-left: 14px;
    color: #757575;
    border-color: #757575;
}
.product-logo-sec {
    padding: 140px 0 80px;
    text-align: center;
}
.product-logo-sec .logo-box,
.woocommerce .woocommerce-MyAccount-navigation ul li {
    margin: 30px 0;
}
.client-sec h3,
.client-sec h4,
.client-sec p {
    margin-left: 20px;
}
.product-content-sec .image-box .logo-with-text {
    margin-top: 60px;
}
.product-content-sec .image-box .logo-with-text img {
    width: 80px;
}
.product-content-sec.grey {
    background: #f5f5f5;
}
.client-sec {
    padding: 90px 0;
    background: #d87840;
    color: #fff;
}
.client-sec h3 {
    margin-bottom: 50px;
    line-height: 44px;
}
.client-sec h3:before {
    position: absolute;
    content: "";
}
.client-sec p,
.deadline-box .icon,
.fb-icon,
.help p,
.prod-rev-box h3,
.review-name-rating h6 {
    font-size: 20px;
}
.client-img::before {
    position: absolute;
    content: "";
    background: url("../img/quote.png") 0 0 / contain no-repeat;
    width: 50px;
    height: 40px;
    top: 0;
    left: 0;
}
.price-accordion-sec.product-accordion {
    background: #434343;
    color: #fff;
    padding: 147px 0 19rem;
}
.ai-can-trust-box:hover,
.blog-bottom-slider .owl-theme .owl-nav [class*="owl-"]:hover,
.header-accordian .card .card,
.header-accordian .card .card .card-body,
.price-accordion-sec.product-accordion .card,
.price-accordion-sec.product-accordion .card-header.collapsed {
    background: 0 0;
}
.price-accordion-sec.product-accordion .card-header {
    border-bottom: 1px solid #474747;
    background: #6c6c6c;
    padding: 30px 15px 40px;
    position: relative;
}
.price-accordion-sec .card .card-header.collapsed:after,
.resources-training-sec .card .card-header.collapsed:after,
.support-faq .accordion .card-header.collapsed:after {
    content: "\f107";
}
.price-accordion-sec .accordion .card-header:after,
.resources-training-sec .card .card-header:after,
.support-faq .accordion .card-header:after {
    content: "\f106";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    float: right;
    position: absolute;
    right: 20px;
    top: 18px;
}
.price-accordion-sec.product-accordion .card-header a {
    color: #fff;
    margin-bottom: 0;
    display: inline-block;
    line-height: 1;
}
.price-accordion-sec.product-accordion h2 {
    font-size: 64px;
    font-weight: 400;
}
.upper-sec {
    background: #737576;
    margin-bottom: -150px;
}
.upper-sec-inner {
    background: #e47c41;
    padding: 80px 50px 50px;
    border: 3px solid #fff;
    border-radius: 50px;
    top: -195px;
}
.upper-sec-inner h2 {
    font-size: 50px;
    color: #fff;
    line-height: 80px;
    margin-bottom: 0;
    font-weight: 400;
}
.upper-sec-inner h4 {
    font-size: 26px;
    color: #fff;
    margin-bottom: 20px;
}
.upper-sec-inner p {
    font-size: 20px;
    color: #fff;
    line-height: 32px;
    margin-bottom: 40px;
}
.upper-sec-inner a {
    color: #fff;
    font-size: 20px;
}
.upper-sec-inner a img {
    width: 47px;
    object-fit: contain;
}
mark.l2c-mark {
    background-color: #ed82413d;
}
.contact {
    background-color: #434343;
    overflow: hidden;
}
.contact .btn {
    padding: 0.375rem 0;
}
.contact form input[type="submit"] {
    margin-bottom: 0;
    background: var(--main-color);
    border: 0;
    padding: 12px 10px 10px;
    font-size: 20px;
}
.chk,
.ctn,
.employe,
.evtn,
.quote-sec,
.sign .col-md-4 {
    padding: 0;
}
.help {
    margin-top: 100px;
    border-left: 2px solid var(--main-color);
    padding-left: 20px;
}
.help h1,
.help h4 {
    color: #ffff;
    font-size: 32px;
    font-weight: 400;
    line-height: 1.4;
}
.consect p {
    margin-top: 35px;
    color: #ffff;
    font-size: 30px;
    line-height: 26px;
    margin-bottom: 15px;
    font-weight: 300;
}
.screen img {
    width: 100%;
    margin-bottom: 40px;
    border-radius: 70px 0;
    margin-top: 25px;
    border: 10px solid #fff;
}
.sheet .learn-txt h5 {
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    color: #ffff;
}
.sheet .learn-txt p {
    font-size: 9px;
    font-weight: 300;
    color: #ffff;
}
.sheet .learn-txt h6 {
    font-size: 19px;
    line-height: 31px;
    font-weight: 400;
    color: #ffff;
}
.trial {
    background-color: #ffff;
    border-radius: 8px;
    padding: 60px;
}
.trial input[type="radio"] {
    margin-bottom: 15px;
    height: 13px;
}
.trial .country span.wpcf7-not-valid-tip {
    top: inherit;
    bottom: -20px;
}
.form-check-label {
    margin-bottom: 16px;
    font-size: 16px;
    font-weight: 300;
}
.check .form-check-label {
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 500;
    margin-top: 20px;
}
.check .checkbox-131,
.wrl-cls li {
    margin-right: 15px;
}
.side {
    margin-right: 32px;
}
.trial select {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}
.contact:before {
    position: absolute;
    content: "";
    background: #747677;
    width: 1096px;
    height: 953px;
    left: -251px;
    bottom: -400px;
    border-radius: 50%;
}
.btn button {
    width: 100%;
    color: #ffff;
    background-color: var(--main-color);
    border-color: var(--main-color) !important;
}
.contact-check .form-check-label {
    margin-top: 5px;
    margin-left: 20px;
}
form .wpcf7-spinner {
    position: absolute;
    right: 0;
    top: 22px;
}
#agency-size-wrapper .wpcf7-radio span.wpcf7-list-item.first,
.ef-av:first-child,
.free-frm .wpcf7-list-item.first,
.su-av:first-child {
    margin-left: 0;
}
.state-feat-stat-unit,
span.wpcf7-not-valid-tip {
    font-size: 12px;
}
.country span.wpcf7-not-valid-tip {
    top: inherit;
    bottom: -32px;
}
.contact-check .wpcf7-not-valid-tip,
.form-check-label span.wpcf7-not-valid-tip {
    width: 203px;
    color: red !important;
}
.wpcf7 form .wpcf7-response-output {
    margin: 10px 0;
}
.start-trial {
    margin: 90px 0;
    text-align: center;
}
.frm {
    width: 570px;
    max-width: 100%;
    margin: 0 auto;
}
.compare-table td:first-child,
.compare-table th:first-child,
.form-check,
.login-sec .trial form,
.result-item {
    text-align: left;
}
.try h2 {
    font-size: 36px;
    font-weight: 400;
    margin-bottom: 5px;
}
.try p {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 36px;
}
.free-frm .form-control {
    height: 46px;
    margin-bottom: 20px;
}
.free-frm .form-check span.wpcf7-not-valid-tip {
    width: 140px;
}
.check .form-check-label span {
    color: var(--main-color);
    margin-left: 0;
}
.check {
    margin: 10px 0;
    padding-left: 0;
}
.sign h6 {
    color: #919092;
    padding-top: 15px;
}
.frm .btn.btn-primary:hover {
    background: var(--hover-color);
    border-color: var(--hover-color) !important;
}
.login-sec {
    margin-top: 120px;
    position: relative;
}
.login-sec::before {
    position: absolute;
    content: "";
    background: #434343;
    width: 50vw;
    height: 100%;
    left: 0;
    border-radius: 0 150px 0 0;
    bottom: 0;
}
.left-side {
    border-radius: 0 133px 0 0;
    padding: 75px 75px 75px 0;
    color: #fff;
}
.refer-slider .owl-item .item .refer-inner img {
    width: 85% !important;
    margin-bottom: 60px;
}
.refer-slider .owl-item .item .refer-inner p {
    margin-bottom: 70px;
    font-weight: 600;
}
.refer-slider .owl-item .item .refer-inner a {
    color: #fff;
    font-size: 16px;
    border-bottom: 1px solid var(--main-color);
    padding-bottom: 4px;
}
.login-with-other h2 {
    position: relative;
    margin: 50px 0;
    text-align: center;
    font-size: 16px;
    color: #474747;
}
.login-with-other h2::before {
    position: absolute;
    content: "";
    background: #474747;
    width: 100%;
    height: 2px;
    top: 7px;
    left: 0;
    z-index: 0;
}
.login-with-other h2 span {
    background-color: #fff;
    padding: 0 15px;
    z-index: 1;
    position: relative;
}
.third-party {
    margin: 26px 0 50px;
}
.refer-slider .owl-dot {
    background: #a1a1a1 !important;
    width: 20px;
    height: 20px;
    margin: 0 8px;
    border-radius: 30px;
}
.refer-slider .owl-dots {
    text-align: center;
    margin-top: 60px;
}
.refer-slider .owl-dot.active {
    width: 45px;
    background: var(--main-color) !important;
}
.forget,
.not-veri {
    position: absolute;
    top: 0;
    right: 18px !important;
}
.right-inner-addon .fa-key,
.right-inner-addon .fa-user {
    position: absolute;
    right: 26px;
    top: 52px;
    color: #959595;
}
.trial .form-label {
    color: #959595;
}
.learn-big-sec {
    padding: 65px 0;
    background: url("../img/learn-big-bg.png") 0 0 / cover no-repeat;
    text-align: center;
}
.learn-big-sec h4 {
    font-size: 26px;
    margin-bottom: 25px;
}
.learn-big-sec img {
    margin-bottom: 15px;
    width: 38%;
}
.learn-big-btn {
    display: flex;
    flex-direction: row;
    width: 100%;
    text-align: center;
    justify-content: center;
}
.c-inner-hero-left ul,
.content-card ul,
.faq-wrapper .card-body ul,
.list {
    margin-top: 15px;
}
.banner-list.list li {
    display: inline-block;
    width: 49%;
    position: relative;
}
.banner-list.list li:before,
.c-inner-hero-left ul li:before,
.content-card ul li:before,
.list li:before {
    position: absolute;
    content: "";
    background: url("../img/new-tick.png") 0 0/100% no-repeat;
    width: 19px;
    height: 18px;
    left: 0;
    top: 1px;
}
#thank-you,
.control-task-sec,
.expert-insight-main-banner,
.image-accordian,
.inner-state-sec,
.online-training,
.training-requirement-sec {
    padding: 100px 0;
}
.online-training.umbrella {
    padding-bottom: 90px;
}
.c-inner-hero-left ul li,
.content-card ul li,
.faq-wrapper .card-body ul li,
.list li {
    position: relative;
    margin-bottom: 13px;
    list-style: none;
    padding-left: 30px;
}
.expert-insight-inner-sec ul.list li ul li {
    padding-left: 10px;
}
.list-white li {
    position: relative;
    margin-bottom: 13px;
    list-style: none;
}
.list-white li:before {
    position: absolute;
    content: "";
    background: url("../img/white-tick.png") 0 0/100% no-repeat;
    width: 20px;
    height: 20px;
    left: -25px;
    top: 0;
}
.list li ul {
    margin-left: 16px;
    margin-top: 10px;
}
.list li ul li:before,
.need-box ul li:before {
    position: absolute;
    content: "";
    background: url("../img/new-arrow.png") 0 0/100% no-repeat;
    width: 8px;
    height: 15px;
    left: -15px;
    top: 2px;
}
.view-another-box ul li:after {
    position: absolute;
    content: "";
    background: url("../img/new-arrow.png") 0 0/100% no-repeat;
    width: 6px;
    height: 14px;
    right: 10px;
    top: 26px;
}
.image-accordian .card-header {
    padding: 28px;
    color: var(--hover-color);
    font-size: 24px;
    border: 0;
    border-left: 5px solid var(--main-color);
    background: 0 0;
    font-weight: 600;
}
.shadow {
    border: 1px solid #ebebeb;
    margin-bottom: 10px;
}
.image-accordian .card-header::after {
    content: "-";
    float: right;
    font-size: 29px;
    position: relative;
    color: var(--hover-color) 000;
    z-index: 999;
}
.image-accordian .card {
    border: 0;
}
.image-accordian .accor-body img {
    margin-top: -90px;
    width: 100%;
}
.image-accordian .card-body {
    margin-top: -25px;
    padding-left: 35px;
    padding-right: 0;
    padding-bottom: 0;
}
.accor-body a {
    font-size: 16px;
    color: var(--hover-color);
    border: 1px solid var(--hover-color);
    padding: 15px 20px;
    display: inline-block;
    margin-top: 30px;
    font-weight: 700;
    border-radius: 3px;
    margin-bottom: 40px;
}
.accor-body a:hover {
    background: var(--main-color);
    border-color: var(--main-color);
    font-weight: 400;
    color: #fff;
}
section.banner-sec.homecare-banner {
    padding-top: 30px;
    padding-bottom: 20px;
}
.givecare-sec {
    padding: 65px 0;
}
.givecare-sec h3 {
    font-size: 36px;
    text-align: center;
    line-height: 65px;
    font-weight: 600;
}
.homemaker-sec {
    padding-bottom: 120px;
}
.homebox {
    padding: 25px 25px 20px;
    border-radius: 10px;
    min-height: auto;
    border: 1px solid #f8f8f8;
    box-shadow: 0 0 14px rgb(0 0 0 / 10%);
    height: 100%;
}
.homebox h4 {
    margin-top: 15px;
    margin-bottom: 20px;
    font-weight: 700;
}
.homebox p {
    color: #747474;
}
.colr-1 {
    background: rgba(255, 255, 255, 0.15);
}
.colr-2 {
    background: #fdece3;
}
.colr-3 {
    background: rgba(233, 237, 238, 0.25);
}
.colr-4 {
    background: rgba(255, 243, 236, 0.25);
}
.homebox img {
    position: relative;
    left: -15px;
}
.teaches-sec .inner-logo {
    margin-top: 45px;
    margin-bottom: 30px;
}
.teaches-box h2 {
    font-weight: 600;
    line-height: 52px;
}
.training-programs-sec .heading h2 {
    text-align: center;
    font-weight: 600;
}
.map-img-sec h3 {
    font-size: 36px;
    margin-bottom: 15px;
    font-weight: 700;
    line-height: 52px;
}
.map-img-sec p {
    margin-bottom: 75px;
}
.prof-height .training-programs-box {
    min-height: 245px;
}
.training-programs-box {
    padding: 40px 10px;
    margin: 38px 0;
    position: relative;
    box-shadow: 0 5px 10px #e7e7e7;
    border-radius: 10px;
    text-align: center;
    min-height: 350px;
    border-bottom: 6px solid transparent;
}
.include-item:hover,
.pltfm-feature-box:hover,
.state-search .btn,
.training-programs-box:hover {
    border-color: var(--main-color);
}
#abt-panel.l2c-open,
#ai-panel.l2c-open,
#crs-panel.l2c-open,
#prc-panel.l2c-open,
.agencies-tab-sec .nav-link.active p,
.banner-video-top a,
.blog-single-top nav[aria-label="breadcrumb"],
.calc-section.active,
.contact-form-card.stepform .form-group label,
.header-accordian .card-header a,
.l2c-mega-panel.l2c-open,
.l2c-mobile-overlay.open,
.mob-acc-body.open,
.state-iner-accordian .accordion .collapse:not(.show),
.state-req-box.show,
.support-faq .collapse:not(.show),
.tab-none {
    display: block;
}
.training-programs-box .top-img {
    position: absolute;
    top: -31px;
    left: 0;
    right: 0;
    background: #fff;
    margin: auto;
    border-radius: 50px;
    padding: 15px;
    width: 68px;
    box-shadow: 0 5px 10px #e7e7e7;
    height: 68px;
}
.training-programs-box h3 {
    font-size: 20px;
    margin-top: 22px;
    font-weight: 600;
    margin-bottom: 10px;
    line-height: 1.4;
}
.training-programs-sec .learn-big-btn {
    margin-top: 52px;
}
.bottom-state-sec .heading,
.need-box .top-img {
    margin: auto;
    text-align: center;
}
.training-programs-box .top-img img {
    width: 34px;
    height: 34px;
    object-fit: contain;
}
.count-2 {
    column-gap: 40px;
    column-count: 2;
}
.quote-inner p {
    font-size: 25px;
    color: #474747;
    line-height: 1.4;
    font-style: italic;
}
section.bottom-state-sec {
    background: #f8f8f8;
    padding: 73px 0;
}
.bottom-state-sec .list {
    display: flex;
    flex-direction: row;
    justify-content: center;
    column-count: 5;
    padding-left: 0;
}
.bottom-state-sec .list li {
    margin-right: 55px;
}
.quote-inner {
    padding: 60px;
    position: relative;
    border-radius: 0 60px;
    background: url(../img/state-cta-bg.png) 0 0 / cover no-repeat;
}
.caregiver-training-banner,
.whitepaper-banner {
    padding: 90px 0;
    background: #fef5f0;
    background: linear-gradient(37deg, rgba(254, 245, 240, 0.0984768907563025) 0, #fef5f0 100%);
}
.puzzle {
    padding: 88px 0;
}
.puzzle h3 {
    font-size: 22px;
    margin-bottom: 30px;
}
.Leadership .col-md-6 img {
    margin-top: -60px;
    position: relative;
    z-index: -1;
}
.caregiver-training-banner h4 {
    font-size: 22px;
    color: #474747;
    line-height: 32px;
    margin: 15px 0 10px;
    font-weight: 600;
}
.caregiver-training-banner p {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 20px;
}
.banner-sec h4 {
    font-size: 16px;
    margin: 15px 0 10px;
    font-weight: 600;
}
.banner-video-top {
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.caregiver-training-light-sec h3 {
    font-size: 36px;
    margin: 0 0 15px;
    font-weight: 600;
}
.price-accordion-sec.product-accordion .card-body {
    color: #fff;
    padding: 20px 10px;
    border: 1px solid transparent;
}
.map-img-sec {
    text-align: center;
    margin-bottom: 100px;
}
.all-state-sec {
    margin-bottom: 20%;
}
.state-search input {
    height: 50px;
    border: 1px solid #696969;
    border-radius: 0 !important;
    font-size: 20px;
}
.state-search .btn {
    height: 50px;
    border-radius: 0;
    background: var(--main-color);
    padding: 0 25px;
    font-size: 20px;
    color: #fff;
}
.all-state-inner-box {
    border: 1px solid #696969;
    margin-bottom: 30px;
    padding: 30px 20px;
    border-radius: 10px;
}
.all-state-inner-box h3 {
    font-size: 26px;
    margin-bottom: 10px;
}
.state-load-more {
    text-align: center;
    margin-top: 50px;
}
.inner-state-banner {
    padding: 110px 0;
    text-align: center;
    background-image: linear-gradient(rgb(0 0 0 / 80%), rgb(0 0 0 / 80%)), url(../img/inner-state.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    font-size: 22px;
    line-height: 36px;
}
.inner-state-banner h1 {
    font-size: 45px;
    font-weight: 700;
    margin-bottom: 10px;
}
.btn4,
.need-box h3,
.need-sec h2 {
    font-weight: 600;
}
.inner-state-banner p {
    font-size: 22px;
    line-height: 36px;
}
.inner-state-text h3 {
    font-size: 26px;
    color: #f08042;
    margin: 30px 0 15px;
}
.view-another-state h3 {
    border: 1px solid #747779;
    padding: 15px 25px;
    margin-bottom: 0;
    font-size: 26px;
    position: relative;
}
.inner-state-banner:before {
    position: absolute;
    content: "";
    background: url(../img/line.png) no-repeat;
    left: 0;
    top: 145px;
    width: 75px;
    height: 165px;
}
.inner-state-banner::after {
    position: absolute;
    content: "";
    background: url("../img/orange-dot.png") no-repeat;
    right: 0;
    bottom: -79px;
    width: 100px;
    height: 165px;
}
.view-another-state h3::before {
    position: absolute;
    left: 0;
    height: 100%;
    width: 7px;
    background: var(--main-color);
    top: 0;
    z-index: 1;
    content: "";
}
.black-btn,
.main-expand .btn i,
.need-box,
.need-box ul li,
.started,
.ufr-mob img,
.view-another-box ul li {
    position: relative;
}
.view-another-box {
    border: 1px solid #747779;
    border-top: 0;
    padding: 0 25px;
    height: 325px;
    overflow-y: auto;
}
.card.course-name-box ul,
.contc-detl ul,
.cours-right-dtl ul,
.ebooks-detail-sec ul,
.header-accordian .card .card-body ul,
.view-another-box ul {
    list-style: none;
}
.view-another-box ul li {
    padding: 20px 0;
    border-bottom: 1px solid #d5d6d7;
}
.reltd-courses-box p,
.view-another-box ul li a {
    color: #222;
}
.umbrella a.orange-btn {
    margin-top: 20px;
    display: inline-block;
}
.caregiver-training-orang {
    background: var(--main-color);
    padding: 90px 0;
}
.learn-big-btn.left-align {
    justify-content: flex-start;
}
.learn-big-btn.left-align a {
    margin-left: 0;
    margin-right: 15px;
}
.need-sec h2 {
    text-align: center;
    margin-bottom: 80px;
}
.need-box {
    padding: 60px 30px 40px;
    box-shadow: 0 0 10px #b7b7b7;
    border-radius: 10px;
    border-top: 15px solid var(--main-color);
}
.need-box.grey {
    border-color: #757575;
}
.need-box .top-img {
    position: absolute;
    top: -50px;
    left: 0;
    right: 0;
    width: 70px;
    height: 70px;
}
.need-box h3 {
    font-size: 26px;
    text-align: center;
    line-height: 34px;
    margin-bottom: 15px;
}
.need-box ul {
    list-style: none;
    padding-left: 10px;
    min-height: 280px;
}
.need-box ul li {
    margin-bottom: 15px;
}
.need-box a {
    color: var(--main-color);
    border-bottom: 1px solid;
    display: inline-block;
    margin-top: 15px;
    margin-left: 10px;
}
.try-care {
    background-color: #434343;
}
.try-care .free {
    color: #fff;
    margin-top: 120px;
    margin-bottom: 50px;
}
.try-care .free h1,
.try-care .free h4 {
    font-size: 36px;
    margin: 0;
}
.started,
.try-care .free h5 {
    margin-top: 50px;
}
.try-care .free p {
    font-size: 16px;
    line-height: 26px;
}
.started h4 b,
.try-care .free h5 {
    font-size: 36px;
    margin-bottom: 20px;
}
.started {
    background-color: #fff;
    top: 0;
    z-index: 99;
    border-radius: 40px;
    padding: 30px;
    border: 1px solid #434343;
    margin-bottom: 70px;
}
.started h4 {
    color: #737576;
    font-size: 16px;
    line-height: 32px;
    margin-bottom: 20px;
}
.started h4 b {
    color: var(--hover-color);
    line-height: 1.2;
}
.form-select {
    width: 100%;
    padding: 10px 18px 10px 10px;
    border: 1px solid #cbcbcb;
    border-radius: 6px;
    color: #747677;
    height: 46px;
}
.btn4 {
    width: 100%;
    border: none;
    background: var(--main-color);
    color: #fff;
    font-size: 17px;
    border-radius: 10px;
    padding: 10px 0;
}
.chk p {
    font-size: 13px;
    line-height: 18px;
    margin-top: 25px;
}
.sign {
    margin-top: 36px;
}
.freq-ques {
    text-align: center;
    margin-top: 40px;
}
.trust-icn p {
    font-size: 16px;
    line-height: 26px;
    margin-top: 16px;
    color: #747677;
}
.wrl-cls {
    list-style: none;
    display: flex;
}
.started form input[type="submit"] {
    background: var(--main-color);
    padding: 10px 30px;
    position: relative;
    line-height: normal;
    width: max-content;
}
#thank-you h1 {
    text-shadow: 2px 8px 0 rgba(0, 0, 0, 0.1);
    margin-bottom: 10px;
    font-size: 90px;
}
#thank-you i {
    height: 100px;
    width: 100px;
    border-radius: 50%;
    color: var(--main-color);
    margin-top: 20px;
    line-height: 99px;
    font-size: 81px;
    text-align: center;
}
#thank-you p {
    font-size: 12px;
    color: #555;
}
#thank-you hr {
    border: 1px solid rgba(204, 204, 204, 0.4);
}
.error-wraper {
    width: 100%;
    height: auto;
    padding-top: 40px;
}
.error p {
    font-size: 14px;
    color: #222;
    font-weight: 400;
    left: 0;
    width: 89%;
}
.error h1,
.error h2 {
    display: inline-block;
    padding: 0;
    color: #fc7c0f;
}
.error h1 {
    font-size: 200px;
    font-weight: 700;
    margin: 0 0 20px;
    line-height: 174px;
}
.video-modal iframe,
canvas#activityChart {
    width: 100% !important;
}
.video-modal .modal-header {
    position: absolute;
    right: -20px;
    z-index: 99;
    border: none;
    background: var(--main-color);
    text-align: center;
    border-radius: 50%;
    width: 56px;
    height: 56px;
    top: -20px;
    align-items: center;
}
.video-modal .modal-header button.close {
    padding: 0;
    margin: -1rem 0.2rem -1rem auto;
    opacity: 1;
    font-size: 30px;
}
.video-modal .modal-header button span {
    color: #fff;
    text-shadow: none;
    opacity: 1;
}
.home-fetur-sec .top-img {
    display: inline-block;
    background: #ffede3;
    padding: 19px;
    border-radius: 18px;
}
.home-fetur-sec .top-img img {
    width: 56px;
}
.home-fetur-sec h4 {
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 7px;
}
.benefit-inner h4 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 7px;
}
.black-btn {
    padding: 12px 35px;
    border: 1.5px solid #000;
    font-size: 16px;
    border-radius: 10px;
    color: #fff;
    display: inline-block;
    font-weight: 600;
    background: #000;
    overflow: hidden;
}
.black-btn:hover {
    background: 0 0;
    color: #000;
    border-color: #000;
}
.home-access-inner {
    padding: 50px;
    border-radius: 30px;
}
.user-friendly {
    padding: 90px 10px;
}
.user-friendly h2 {
    text-align: center;
    margin-bottom: 15px;
}
.main-expand .btn,
.main-expand-innr a {
    text-align: left;
    border: none;
    width: 100%;
    outline: 0;
}
.user-friendly .subhead {
    font-size: 18px;
    color: #474747;
}
.ufr-contntar h4 {
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 15px;
    line-height: 30px;
    color: var(--main-color);
}
.ufr-contntar ul li b {
    font-size: 18px;
    color: var(--hover-color);
    display: block;
}
.ufr-contntar ul {
    padding: 0;
}
.ufr-mob {
    padding: 0;
    text-align: center;
}
.ufr-mob img {
    right: 20px;
}
.ufr-contntar ul li {
    font-size: 16px;
    color: #474747;
    margin-bottom: 10px;
    background: url(/wp-content/themes/learn2care/img/ufevv-icon1.png) 0 7px/69px 69px no-repeat;
    min-height: 95px;
    padding: 10px 0 10px 80px;
    line-height: 22px;
}
.ufr-contntar ul li:nth-child(2) {
    background: url(/wp-content/themes/learn2care/img/ufevv-icon2.png) 0 7px/69px 69px no-repeat;
}
.ufr-contntar ul li:nth-child(3) {
    background: url(/wp-content/themes/learn2care/img/ufevv-icon3.png) 0 7px/69px 69px no-repeat;
}
.ufr-contntar ul li:nth-child(4) {
    background: url(/wp-content/themes/learn2care/img/ufevv-icon4.png) 0 7px/69px 69px no-repeat;
}
.ufr-contntar ul li:nth-child(5) {
    background: url(/wp-content/themes/learn2care/img/ufevv-icon5.png) 0 7px/69px 69px no-repeat;
}
.ufr-contntar ul li:nth-child(6) {
    background: url(/wp-content/themes/learn2care/img/ufevv-icon6.png) 0 7px/69px 69px no-repeat;
}
.ufr-contntar.ufrcontsec ul li:first-child {
    background: url(/wp-content/themes/learn2care/img/ufevv-icon7.png) 0 7px/69px 69px no-repeat;
}
.ufr-contntar.ufrcontsec ul li:nth-child(2) {
    background: url(/wp-content/themes/learn2care/img/ufevv-icon8.png) 0 7px/69px 69px no-repeat;
}
.ufr-contntar.ufrcontsec ul li:nth-child(3) {
    background: url(/wp-content/themes/learn2care/img/ufevv-icon9.png) 0 7px/69px 69px no-repeat;
}
.ufr-contntar.ufrcontsec ul li:nth-child(4) {
    background: url(/wp-content/themes/learn2care/img/ufevv-icon10.png) 0 7px/69px 69px no-repeat;
}
.ufr-contntar.ufrcontsec ul li:nth-child(5) {
    background: url(/wp-content/themes/learn2care/img/ufevv-icon11.png) 0 7px/69px 69px no-repeat;
}
.ufr-contntar.ufrcontsec ul li:nth-child(6) {
    background: url(/wp-content/themes/learn2care/img/ufevv-icon12.png) 0 7px/69px 69px no-repeat;
}
.usfrnd-boxes .ufr-contntar li b {
    margin-bottom: 6px;
}
.about-sec.state-page-banner {
    background: #f1f1f1;
    background: linear-gradient(90deg, #f1f1f1 0, #fff 50%, #fdf2ec 100%);
    padding: 100px 0;
}
.calefornia-images-sec {
    padding: 100px 0;
    background: #f9f9f9;
}
.training-requirement-sec .started {
    top: 0;
    margin-bottom: 0;
    margin-top: 0;
    margin-left: 50px;
}
.training-requirement-sec .started h4 b {
    font-size: 26px;
}
.calefornia-images-sec h6 {
    color: var(--main-color);
    margin-bottom: 15px;
}
.calefornia-images-sec h5 {
    font-size: 30px;
    margin-bottom: 10px;
    font-weight: 600;
}
.calefornia-img-innr-row,
.state-compliance-badges,
.state-page-slider .owl-dots,
.training-requirement-sec h6 {
    margin-top: 20px;
}
.calefornia-img-innr-row p:first-child {
    margin-bottom: 0;
    font-size: 18px;
}
.statepage-ebook-sec {
    background: url(../img/mobile-access-bg.png) left no-repeat #fdece3;
    padding: 35px 10px;
}
.statepage-ebook-sec h2 {
    font-size: 29px;
}
.clfrna-mobile-access {
    padding-bottom: 100px;
}
.price-accordion-sec.calefornia {
    padding-top: 45px;
}
.clfrna-mobile-box h2 {
    font-size: 30px;
}
.clfrna-mobile-access h3 {
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 10px;
    margin-top: 20px;
}
.clfrna-info-sec {
    padding: 90px 0;
    background: #f8f8f8;
}
.clfrna-mobile-access h6,
.heading h6 {
    color: var(--main-color);
    margin-bottom: 12px;
    text-transform: uppercase;
}
.training-rqu-title p {
    font-size: 16px;
    margin-bottom: 2px;
}
.training-rqu-title.support-faq .accordion .card-header {
    color: var(--main-color);
    font-size: 18px;
    font-weight: 600;
}
.alert-label,
.billing-row strong,
.episode-btn:hover,
.exprt-catgry li,
.exprt-qute-box.orng h4,
.exprt-qute-box.orng i,
.featured-blog p,
.good-text p,
.home-feature-box a,
.innr-accordion .card-header.collapsed a,
.mega-course .meg-inr-itm-txt h4,
.mega-course .meg-inr-itm-txt p,
.metric-label,
.res-blog-left a,
.res-blog-right a,
.result-item,
.result-item a,
.simple-line-link a:hover,
.stats-bar .stat-lbl,
.stats-section .stat-lbl,
.training-rqu-title.support-faq .accordion .card-header.collapsed {
    color: #000;
}
.training-requirement-sec h6 a {
    color: var(--main-color);
    font-size: 16px;
    text-decoration: underline;
}
.sticky-top.state-form {
    z-index: 990;
    top: 150px;
}
.training-rqu-title {
    margin: 20px 0;
}
.California-role label.form-check-label {
    margin-bottom: -2px;
}
.training-programs-sec.calefornia .training-programs-box {
    min-height: auto;
    height: 100%;
    margin: 0;
}
.expert-insight-banner .container:after,
.expert-insight-banner .container:before {
    width: 230px;
    height: 430px;
    background-repeat: no-repeat;
    background-size: 100%;
    content: "";
}
.clfrna-info-list-sec .card-header a {
    color: var(--hover-color);
    font-weight: 600;
}
.main-expand .btn {
    padding: 10px 20px 10px 30px;
    background: #ed7f41;
}
.btn-primary:focus,
.main-expand .btn-primary.focus,
.new-accordion .card-header .btn.focus,
.new-accordion .card-header .btn:focus,
.resource-megamenu .megamenu-inner .dropdown-item:hover {
    box-shadow: none;
}
.main-expand .btn-primary:not(:disabled):not(.disabled).active,
.main-expand .btn-primary:not(:disabled):not(.disabled):active,
.main-expand .show > .btn-primary.dropdown-toggle {
    background-color: transparent;
    border: none;
    outline: 0;
    box-shadow: none;
}
.first-expnd {
    margin-left: 15px;
}
.main-expand .btn i {
    float: right;
    font-size: 26px;
    top: -3px;
}
.main-expand-innr a {
    padding: 8px 20px 8px 35px;
    background: #ed7f41;
    color: #fff !important;
    display: block;
}
.bnr-btn a,
.gradient-cta-inner h6 a {
    display: inline-block;
    position: relative;
}
.community-reaction i,
.ebook-sidebar .blog-side-form label.form-check-label,
.free-frm .form-check,
.pricing-usage-table thead tr th,
.state-feat-stat-num span,
.testimonial-desi-txt p {
    font-size: 14px;
}
.bnr-btn,
.spotify-btn {
    gap: 20px;
}
.bnr-btn a {
    padding: 15px 20px;
    border: 1.5px solid var(--main-color);
    font-size: 15px;
    border-radius: 10px;
    color: #fff;
    font-weight: 600;
    background: var(--main-color);
    overflow: hidden;
}
.bnr-btn a:nth-child(2) {
    background: 0 0;
    border-color: #000;
    color: #000;
}
.bnr-btn a:hover {
    background: #000;
    color: #fff;
    border-color: #000;
}
.banner-elements img {
    position: absolute;
    left: -30px;
    z-index: 1;
    width: 240px;
    bottom: -40px;
}
.banner-elements img:last-child {
    left: inherit;
    right: 100px;
    width: 94px;
    bottom: -50px;
}
.gradient-cta-inner {
    background: #ed7f41;
    background: linear-gradient(90deg, #ed7f41 0, #fe9256 100%);
    padding: 50px;
    border-radius: 20px;
}
.gradient-cta-inner h4 {
    font-size: 36px;
    margin-bottom: 15px;
    font-weight: 700;
    line-height: 1.4;
    color: #fff;
}
.gradient-cta-inner h6 {
    margin-top: 27px;
}
.gradient-cta-inner h6 a {
    color: #fff !important;
    padding: 12px 35px;
    font-size: 16px;
    line-height: normal;
    border-radius: 3px;
    border: 2px solid #fff;
}
.blog-umbrella-sec .card a.btn:focus,
.blog-umbrella-sec .card a.btn:hover,
.expert-insight-box h6:hover,
.gradient-cta-inner h6 a:hover {
    background: var(--hover-color);
    border-color: var(--hover-color);
}
section.gradient-cta-sec {
    padding: 100px 10px;
}
.about-sec.expert-insight-banner {
    padding: 130px 0 190px;
    background: #f1f1f1;
    background: linear-gradient(90deg, #f1f1f1 0, #fff 50%, #fdf2ec 100%);
}
.expert-insight-sec select {
    width: max-content;
    padding: 8px 18px 8px 10px;
}
.expert-insight-banner .container:before {
    position: absolute;
    background-image: url(../img/expert-banner-left.png);
    top: -82px;
    left: 0;
}
.expert-insight-banner .container:after {
    position: absolute;
    background-image: url(../img/expert-banner-right.png);
    top: -32px;
    right: 0;
}
.expert-insight-main-banner h1 {
    font-size: 40px;
    line-height: 1.5;
    font-weight: 700;
}
.expert-insight-sec {
    padding: 80px 10px 0px;
}
.exprt-catgry img {
    width: 25px;
    margin-top: -3px;
}
.blog-bottom-slider .card a.btn,
.bundle-btn:hover,
.courses .pagination li.active .page-link,
.expert-insight-box h6 {
    background: var(--main-color);
    border-color: var(--main-color);
}
.expert-insight-box {
    border: none;
    overflow: hidden;
    height: 100%;
    transition:
        transform 0.1s ease-in,
        box-shadow 0.1s ease-in;
}
.expert-insight-box .card-body {
    padding-left: 0;
    padding-right: 0;
}
.blog-umbrella-sec .card img.card-img-top,
.episode-box img,
.expert-insight-box .card-img-top,
.expert-insight-inner-banner img,
.main-feature-box {
    border-radius: 20px;
}
.blog-umbrella-sec .card img.card-img-top {
    border: 1px solid #fce0cc;
}
.expert-insight-box:hover {
    transform: scale(1.02);
}
.expert-insight-box h3.card-title {
    font-size: 18px;
    margin-bottom: 5px;
    font-weight: 700;
    line-height: 27px;
    color: var(--hover-color);
}
.blg-main-featured-img {
    width: 85%;
    border-radius: 30px;
    border: 1px solid #fce0cc;
}
.exprt-icon-sec h3 {
    font-weight: 600;
    font-size: 24px;
    margin-bottom: 7px;
}
.exprt-icon-sec p,
.exprt-qute-box p span,
.l2c-ai-pill .bi.bi-mortarboard,
.main-feature-box p,
.resource-megamenu .megamenu-inner .dropdown-item {
    font-size: 15px;
}
.expert-insight-box p {
    color: #000;
}
.expert-insight-inner-banner {
    padding: 70px 0 40px;
    position: relative;
}
.expert-insight-inner-banner:before {
    position: absolute;
    content: "";
    background: var(--main-color);
    width: 100%;
    height: 230px;
    top: 0;
    left: 0;
}
.expert-insight-inner-sec hr {
    border: none;
    border-bottom: 2px solid var(--main-color);
    margin-top: 20px;
}
.expert-insight-inner-sec h3 {
    font-size: 22px;
    line-height: 1.4;
    margin-top: 30px;
    margin-bottom: 10px;
}
.expert-box h3 {
    font-weight: 600;
    font-size: 26px;
    color: inherit;
}
.expert-insight-inner-sec .heading h1 {
    font-size: 26px;
    line-height: 1.4;
    margin-top: 30px;
}
.expert-box h4 {
    font-size: 24px;
    color: var(--main-color);
    margin-bottom: 3px;
    font-weight: 400;
}
.expert-box {
    margin-bottom: 60px;
}
.expert-insight-form-box {
    background: var(--main-color);
    padding: 40px 30px;
}
.expert-insight-inner-sec h2 {
    font-size: 22px;
    font-weight: 500;
    line-height: 1.4;
    margin-top: 30px;
    margin-bottom: 10px;
}
.expert-insight-form-box h3 {
    font-size: 22px;
    line-height: 1.4;
    margin-bottom: 30px;
}
.expert-insight-form-box button,
.expert-insight-form-box input {
    height: 56px;
    border-radius: 0;
    text-transform: uppercase;
}
.expert-insight-form-box button,
.expert-insight-form-box input[type="submit"] {
    background: var(--hover-color);
    border: none;
}
.expert-insight-form-box button:hover,
.expert-insight-form-box input[type="submit"]:hover {
    background: #3e3e3e;
}
.expert-bottom-slider {
    background: #f6f6f6;
    padding: 80px 10px;
}
.expert-bottom-slider .owl-nav {
    position: absolute;
    top: -40px;
    width: 100%;
    display: block !important;
    text-align: center;
}
.expert-bottom-slider .owl-nav button {
    width: 40px;
    height: 50px;
}
.ai-360-btn-new:hover,
.expert-bottom-slider .owl-nav button:hover,
.state-page-slider .owl-nav [class*="owl-"]:hover {
    background: 0 0 !important;
}
.expert-bottom-slider .owl-nav button span {
    font-size: 43px;
    color: #fc7c0f;
}
.insight-sidebar.sticky-top {
    background: 0 0;
    top: 110px;
    z-index: 9;
    margin-bottom: 70px;
}
.expert-social-icon .expert-social-innr {
    display: flex;
    font-size: 30px;
    gap: 16px;
}
.expert-social-icon .expert-social-innr a {
    font-size: 20px;
    color: #212529;
}
.expert-social-icon .expert-social-innr a i.fab.fa-facebook-f {
    font-size: 20px;
    position: relative;
    top: -1px;
}
.expert-insight-inner-banner .breadcrumb a:hover {
    color: var(--hover-color) !important;
}
.expert-social-icon h4 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 6px;
}
.insight-colord-box {
    background: #f0f1f5;
    padding: 25px;
    border-left: 6px solid var(--main-color);
    border-radius: 0 0 50px;
    margin-top: 30px;
    box-shadow: 2px 4px 5px #c2c2c2;
}
.insight-colord-box span {
    font-size: 22px;
    line-height: 1.4;
    display: block;
    margin-bottom: 10px;
    font-weight: 600;
    color: var(--main-color);
}
.insight-sidebar-form {
    padding: 35px;
    background: #f4f5fb;
    border-bottom: 2px solid var(--main-color);
    border-radius: 30px;
}
.insight-sidebar-form h4,
.state-map-info h4 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
}
.insight-sidebar-form h4 span {
    color: var(--main-color);
    font-size: 26px;
}
.insight-sidebar-form span.wpcf7-spinner {
    top: 34px;
    right: 0;
}
.insight-sidebar-form button,
.insight-sidebar-form input[type="submit"] {
    background: var(--main-color);
    width: max-content;
    border: none;
    font-size: 17px;
    padding: 10px 30px 6px;
}
.insight-sidebar-form h6 a {
    background: var(--main-color);
    padding: 13px 25px;
    font-weight: 600;
    font-size: 1rem;
    color: #fff;
    border-radius: 13px;
}
.expert-social-icon .expert-social-innr a img {
    width: 18px;
    position: relative;
    top: -3px;
}
.blog-banner {
    padding: 60px 0 30px;
}
.blog-banner h1 {
    font-size: 48px;
}
.blog-banner h1 span {
    color: var(--main-color);
    font-size: 58px;
}
.blog-main-top {
    padding: 70px 0;
}
.blog-side-cta,
.blog-side-form {
    background-color: #fff;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15);
    display: block;
    padding: 28px;
    width: 100%;
}
.featured-blog {
    min-height: 470px;
    overflow: hidden;
    position: relative;
}
.featured-blog ul {
    padding: 0;
    margin: 0 0 10px;
}
.featured-blog ul li {
    display: block;
    color: #888;
}
.table-img {
    filter: drop-shadow(2px 4px 5px #c2c2c2);
    border-radius: 20px;
    margin: 20px 0;
    border: 1px solid #d5d5d5;
}
.featured-blog-inner h2 {
    line-height: 1.4;
    font-size: 34px;
    color: var(--hover-color);
}
.featured-blog img {
    border-radius: 26px;
}
.featured-blog h1,
.featured-blog h2 {
    font-size: 24px;
    font-weight: 500;
    color: var(--main-color);
    line-height: normal;
}
.blog-bottom-slider .card .card-title a,
.blog-umbrella-sec .card .card-title a,
.featured-blog h1 a,
.featured-blog h2 a {
    color: inherit;
}
.blog-side-form {
    border-radius: 3px;
}
.blog-side-form h4 {
    font-size: 22px;
    line-height: 42px;
    margin-bottom: 10px;
    position: relative;
}
.blog-side-cta p,
.blog-side-form p {
    color: #777;
}
.blog-side-form input[type="email"] {
    background-color: #fff;
    border: 2px solid #e0e6e8;
    border-radius: 3px;
    font-size: 14px;
    margin: 0;
    padding: 0.375rem 0.75rem;
    -webkit-transition: border 0.15s;
    transition: border 0.15s;
    width: 100%;
    max-width: 100%;
    line-height: 1.5;
    height: 40px;
    display: block;
}
.blog-side-cta a,
.blog-side-form input[type="submit"] {
    background-color: var(--main-color);
    text-align: center;
    color: #fff;
}
.blog-side-form input[type="submit"],
.ebook-box h6 {
    cursor: pointer;
    text-decoration: none;
    -webkit-transition:
        background-color 0.15s,
        color 0.15s ease-in-out;
}
.blog-side-form input[type="submit"] {
    border-radius: 3px;
    border: 0;
    display: block;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.5px;
    line-height: 34px;
    margin-top: 16px;
    padding: 4px 23px 2px;
    transition:
        background-color 0.15s,
        color 0.15s ease-in-out;
}
.blog-side-cta {
    border-radius: 3px;
    text-align: center;
    margin-bottom: 30px;
}
.blog-side-cta h4.promo-title {
    font-size: 22px;
    line-height: 32px;
    margin-bottom: 10px;
    position: relative;
}
.blog-side-cta a {
    border: 1px solid var(--main-color);
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    font-size: 1em;
    line-height: 2;
    padding: 0 20px;
    text-decoration: none;
    -webkit-transition: 150ms;
    transition: 150ms;
}
.click-btn a,
.ebooks-sec .ebook-box img,
.ebooks-sec a,
.home-banner-sec .lp a img {
    transition: 0.3s ease-in-out;
}
.blog-side-cta a:focus,
.blog-side-cta a:hover {
    background-color: var(--hover-color);
    border-color: var(--hover-color);
    color: #fff;
    text-decoration: none;
}
.blog-umbrella-sec .card {
    padding: 0;
    border-radius: 0;
    margin: 0px;
    color: #555;
    height: 100%;
    border: none;
    overflow: hidden;
}
.blog-umbrella-sec .card .card-body {
    padding: 20px 0 10px;
    flex: inherit;
    position: relative;
}
.blog-umbrella-sec .card .card-title {
    color: var(--hover-color);
    font-size: 21px;
    font-weight: 600;
    line-height: 1.6;
}
.blog-bottom-slider .card ul,
.blog-umbrella-sec .card ul {
    margin: 0 0 10px;
}
.blog-bottom-slider .card ul li,
.blog-umbrella-sec .card ul li {
    color: #999;
    display: inline-block;
}
.blog-umbrella-sec .card a.btn {
    background: var(--main-color);
    border-color: var(--main-color);
    position: absolute;
    bottom: 25px;
}
.blog-umbrella-sec ul.pagination {
    justify-content: center;
    margin: 40px 0 0px;
    flex-wrap: wrap;
    gap: 15px 0px;
}
.episode-box-sec nav {
    justify-content: center;
    display: flex;
}
.page-link {
    color: #000;
    margin: 0 5px;
    border: 2px solid #d3d3d3;
    border-radius: 10px !important;
    min-width: 40px;
    text-align: center;
}
.active .page-link,
.page-link:hover {
    background: var(--main-color) !important;
    color: #fff !important;
    border-color: var(--main-color) !important;
}
.about-sec.blog-single-top {
    text-align: left;
    background: #ffdfce;
}
.blog-single-top img {
    max-height: 200px;
    margin: 0 auto;
    display: block;
}
.about-sec.blog-single-top ul li {
    display: inline-block;
    margin-right: 40px;
    position: relative;
}
.about-sec.blog-single-top ul li::before {
    content: "";
    position: absolute;
    background: var(--hover-color);
    width: 7px;
    height: 7px;
    border-radius: 50%;
    right: -27px;
    top: 7px;
}
.about-sec.blog-single-top ol.breadcrumb {
    justify-content: left;
    padding-left: 0;
}
.about-sec.blog-single-top .heading {
    text-align: left !important;
}
.blog-single-outer {
    padding: 30px 0 60px;
}
.blog-left-outer.sticky-top {
    top: 130px;
    z-index: 0;
    padding-bottom: 60px;
}
.left_list .tbl-contnt h4 {
    font-size: 16px;
    font-weight: 600 !important;
    position: relative;
    margin-bottom: 14px;
    padding-bottom: 10px;
}
.left_list .tbl-contnt h4:before {
    position: absolute;
    content: "";
    background: rgba(112, 112, 112, 35%);
    height: 1px;
    width: 58px;
    bottom: 0;
}
.left_list h1,
.why-it-matters-box h5 {
    font-weight: 700;
    font-size: 20px;
}
.left_list li {
    list-style: none;
    margin: 0 0 8px;
    font-size: 12px;
    padding-right: 13px;
    line-height: 20px;
    text-align: left;
}
.left_list li a {
    color: #7c7d81;
    font-weight: 400;
    color: var(--hover-color);
}
.left_list ul ul,
.left_list ul ul ul {
    margin-left: 20px;
}
.left_list li a:hover {
    color: #f58220;
    text-decoration: none;
}
.blog-social-link {
    margin-top: 25px;
    position: relative;
}
.blog-social-link li {
    display: inline-block;
    margin: 0 10px 10px 0;
    font-size: 16px;
    font-weight: 400;
}
.blog-social-link li a {
    color: #212529;
    font-size: 20px;
}
.blog-social-link li a:hover {
    color: #212529;
}
.blog-social-link li a img {
    max-width: 18px;
    margin-top: -4px;
}
.blog-right p, .blog-right ul {
    font-size: 17px;
    line-height: 1.8;
}
.blog-column-two {
    column-count: 2;
}
.blog-column-two li {
    padding-right: 24px;
}
@media screen and (max-width: 768px){
    .blog-right p, .blog-right ul {
        font-size: inherit;
        line-height: inherit;
    }
    .blog-column-two {
        column-count: 1;
    }
    .blog-column-two li {
        padding-right: 0px;
    }
}
.blog-right ul {
    margin-bottom: 20px;
    list-style-image: url(../img/new-tick.png);
    padding-left: 30px;
    margin-top: 15px;
    line-height: 24px;
}
.blog-right ul li {
    display: block;
    font-size: 17px;
    position: relative;
    margin-bottom: 13px;
    list-style: none;
}
.blog-right ul li:before {
    position: absolute;
    content: "";
    background: url("../img/new-tick.png") 0 0/100% no-repeat;
    width: 20px;
    height: 20px;
    left: -32px;
    top: 2px;
}
.border-bx ul{font: 15px;}
.blog-quote {
    background: var(--main-color);
    color: #fff;
    padding: 25px;
    margin: 30px 0;
}
.blog-quote p,
.hero-section h1 .highlight {
    font-style: italic;
}
.blog-right h2 {
    font-size: 25px;
    line-height: 1.5;
    margin-bottom: 10px;
    position: relative;
    margin-top: 30px;
}
.blog-right h3 {
    font-size: 20px;
    margin: 0 0 10px;
}
.blog-quote h5 {
    font-size: 17px;
    font-weight: 600;
}
.blog-bottom-slider {
    background: #f6f6f6;
    padding: 80px 0;
}
.blog-bottom-slider .owl-nav {
    position: absolute;
    top: -40px;
    width: 100%;
    display: block !important;
}
.blog-bottom-slider .owl-nav button {
    width: 40px;
    height: 47px;
    background: var(--main-color) !important;
}
.blog-bottom-slider .owl-nav button span {
    font-size: 43px;
    color: #fff;
    line-height: 40px;
}
.blog-bottom-slider .card {
    padding: 0;
    border-radius: 10px;
    margin: 0 0 30px;
    color: #555;
    overflow: hidden;
    background: 0 0;
}
.blog-bottom-slider .card .card-title {
    color: var(--hover-color);
    font-size: 20px;
}
.blog-contact-form {
    background: var(--hover-color);
    padding: 70px 0;
    color: #fff;
}
.blog-contact-form .started {
    color: var(--hover-color);
    top: 0;
    margin-top: 0;
    margin-bottom: 0;
}
.blog-contact-form h3 {
    font-size: 36px;
    margin-top: 0;
    margin-bottom: 30px;
}
.franchise-banner {
    position: relative;
    padding: 100px 0;
    background: #fff;
    background: linear-gradient(37deg, rgba(255, 255, 255, 0.0984768907563025) 0, #f0ae89 100%);
}
.franchise-banner:before {
    position: absolute;
    content: "";
    background: url("../img/franchise-bottom-shape.png") 0 0 / cover no-repeat;
    width: 100%;
    height: 24vw;
    left: 0;
    bottom: 0;
}
.franchise-banner h1 {
    font-size: 40px;
    line-height: 1.4;
}
.franchise-banner p {
    font-size: 18px;
    line-height: 1.6;
}
.franchise-tab-sec .nav button span,
.frnc-info-box h3 {
    font-size: 20px;
    font-weight: 700;
}
.frnc-info-sec {
    overflow: hidden;
    background: #fffaf8;
}
.frnc-info-box h3 {
    margin-bottom: 6px;
}
.frnc-info-box.mt {
    margin-top: 100px;
}
.franchise-tab-sec .nav {
    gap: 10px;
    border-radius: 70px;
    background: #fdfdfd;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.25);
    padding: 6px;
    justify-content: center;
    width: fit-content;
    margin: auto;
}
.franchise-tab-sec .nav button {
    border-radius: 80px;
    background: 0 0;
    border: none;
    text-align: left;
    padding: 16px 19px;
    color: #000;
    font-size: 14px;
    transition: 0.3s ease-in-out;
}
.franchise-tab-sec .nav button p {
    margin-bottom: 0;
    font-size: 13px;
    line-height: 1.4;
}
.state-cta-innr {
    padding: 54px 30px;
    border-radius: 30px;
    background-image: url(../img/cta-black-bg.svg);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
}
.state-cta-innr h3 {
    font-size: 41px;
    margin-bottom: 15px;
    font-weight: 600;
    line-height: 52px;
    color: #fff;
}
.state-cta-innr h6 a {
    background: var(--main-color);
    color: #fff !important;
    padding: 15px 35px;
    display: inline-block;
    font-size: 18px;
    line-height: normal;
    position: relative;
    border-radius: 3px;
}
.franchise-tab-sec .tab-content {
    padding: 20px;
}
.franchise-tab-sec .img-shadow {
    padding: 30px;
    border-radius: 10px;
    background: #fffaf8;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}
.state-umbrella-banner {
    padding: 85px 0;
}
.state-umbrella-banner h1 {
    font-size: 38px;
    line-height: 1.4;
}
.state-map-sec {
    background: #f7f7f7;
    padding: 90px 0;
}
.map-search select,
.state-map-info {
    background: #fff;
    box-shadow: 0 0 38px rgb(92 92 92 / 12%);
}
.state-map-info {
    padding: 20px 18px;
    margin-left: 28px;
    border-radius: 10px;
    min-height: 180px;
    scrollbar-width: thin;
    position: relative;
}
.state-map-info h6 a {
    color: var(--main-color);
    font-size: 15px;
    font-weight: 600;
}
.state-map-info hr {
    margin: 7px 0;
}
/*.map-search select {
    width: 100%;
    border: none;
    height: 50px;
    flex: 0 0 66%;
    border-radius: 6px;
    padding: 0 15px;
    outline: 0;
    margin: auto;
}*/
.map-search select {
    width: 100%;
    outline: 0;
    margin: auto;
    margin-left: 28px;
    height: 50px;
    padding: 0 14px;
    border: 1.5px solid #E7DDD7;
    border-radius: 12px 0 0 12px;
    background: #fff;
    font-size: 14px;
    color: #1F1F1F;
    font-weight: 600;
    box-shadow: 0 2px 12px rgba(31, 31, 31, .07);
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%237A6E69' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 14px center;
    padding-right: 36px;
    cursor: pointer;
    transition: border-color .2s;
}
.stat-badge span a,
button#goStateBtn {
    background: var(--main-color);
    color: #fff;
}
button#goStateBtn {
    border: none;
    border-radius: 0 12px 12px 0;
    min-width: 70px;
}
button#goStateBtn:hover{background: #000;}
.stat-btn .stat-btn {
    background: #3e3e3e;
    color: #fff;
    text-align: left;
    padding: 0 28px;
    border-radius: 10px;
    border: none;
    margin-left: 0;
    font-size: 16px;
    display: inline-block;
}
.megamenu-inner .dropdown-item:hover,
.megamenu-innerbg .mega-image-box .d-flex:before {
    border-radius: 10px;
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.05);
    transition: background-color 0.3s ease-out;
    background: #fff;
}
.stat-badge {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 3px;
    justify-content: center;
}
.state-map-info p {
    margin-bottom: 2px;
    font-size: 14px;
}
.stat-badge span a {
    padding: 8px 13px;
    border-radius: 16px;
    font-size: 13px;
}
.caregiver-training-info h3 {
    font-size: 40px;
    font-weight: 600;
    line-height: 1.4;
    margin-bottom: 15px;
}
.line-link,
.line-link:hover {
    color: var(--main-color);
    text-decoration: underline;
}
li.nav-item.dropdown.megamenu-li {
    position: static;
}
.dropdown-menu.megamenu {
    min-width: 1097px;
    left: -190px;
    right: 0;
    padding: 0;
}
.megamenu-inner {
    padding: 35px 10px 20px;
}
.megamenu-innerbg {
    padding: 35px 20px;
    background: #f9f9fb;
}
.mega-course {
    padding: 18px;
    border-radius: 28px;
    color: #000;
    background-color: #eff4fd;
}
.dropdown-menu.megamenu .row {
    margin-right: 0;
    margin-left: 0;
}
.dropdown-menu h5 {
    font-size: 16px;
    color: var(--main-color);
    margin-bottom: 0;
    padding-left: 18px;
}
.meg-inr-itm-txt h4 {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 5px;
    color: var(--hover-color);
}
.meg-inr-itm-txt p {
    white-space: break-spaces;
    font-size: 13px;
    line-height: 1.4;
    margin-bottom: 0;
    color: var(--hover-color);
}
.megamenu-inner .dropdown-item {
    display: flex;
    margin-top: 7px;
    margin-right: 0 !important;
    white-space: normal;
    padding: 10px 20px;
}
.megamenu-inner:nth-child(2),
.pricing-header .monthly-tab .nav button:last-child {
    padding-right: 10px;
}
.megamenu-inner .dropdown-item:hover {
    color: var(--hover-color);
}
.plan-cta.cta-outline:hover,
.plan-cta.cta-primary:hover {
    box-shadow: 0 4px 20px rgba(237, 130, 65, 0.35);
    background: var(--main-color);
}
.megamenu-inner .dropdown-item img {
    margin-right: 5px;
    filter: brightness(0);
    opacity: 0.7;
    margin-left: 1px;
}
.megamenu-inner .dropdown-item .mega-image-box img.lp {
    margin-right: 5px;
    filter: inherit;
    opacity: 1;
    margin-bottom: 25px;
}
.megamenu-inner .dropdown-item span {
    position: relative;
    top: 6px;
}
.megamenu-inner .dropdown-item span:before {
    position: absolute;
    content: "";
    width: 40px;
    height: 40px;
    background: var(--main-color);
    opacity: 0.2;
    left: -4px;
    top: -5px;
    border-radius: 32px;
}
.meg-inr-itm-txt {
    padding-left: 13px;
}
.mega-strip {
    background: #ffe4d4;
    padding: 23px;
}
.mega-strip a {
    background: var(--main-color);
    padding: 10px 18px;
    border-radius: 4px;
    color: #fff;
    margin-right: 0;
}
.community-story-card > div,
.free-frm,
.hero-content,
.megamenu-innerbg .mega-image-box .d-flex {
    position: relative;
    z-index: 1;
}
.megamenu-innerbg .mega-image-box .d-flex:before {
    position: absolute;
    content: "";
    color: var(--hover-color);
    width: 105%;
    height: 142%;
    z-index: -1;
    left: -10px;
    top: -15px;
    opacity: 0;
}
.ben-tab-item.is-active .ben-tab-arr,
.centralized-item:hover::after,
.checkbox-single input[type="checkbox"]:checked,
.community-reel-card:hover img,
.feature-card:hover::before,
.megamenu-innerbg .mega-image-box .d-flex:hover:before,
.social-links ul li a:hover img {
    opacity: 1;
}

.features-overview .feature-card{
    background: #fff;
    border-radius: 14px;
    padding: 32px;
    border: 1px solid #eaeaf0;
    height: 100%;
    transition: border-color .3s,transform .3s,box-shadow .3s;
}
.courses-ctlog-sec {
    padding: 40px 0;
    background: #f7f7f7;
    border-top: 1px solid #ededed;
}
.about-sec.catalog-bnnr-sec {
    padding-top: 50px;
    background: #333;
}
.courses-ctlog-sec h4.course-title {
    font-size: 16px;
    font-weight: 400;
    margin-top: 5px;
}
.courses-ctlog-sec .card {
    box-shadow: none !important;
    margin-bottom: 17px;
}
.fitr-txt-dk,
.fitr-txt-ph {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
}
.card__sidebar {
    border-radius: 5px;
    background: #fff;
    padding: 10px 0 0;
    border: 1px solid #dfe0e4;
    border-bottom: 0;
}
.brdr-lft {
    border-left: 1px solid #ededed;
}
.sidbr-box {
    padding: 10px 0;
    border-bottom: 1px solid #ededed;
}
.card__sidebar .title {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.4;
    margin-bottom: 10px;
    padding: 0 20px;
}
.search-toggle-box .input-area {
    border: 1px solid #dfe0e4;
    padding: 8px;
    background: #fff;
    border-radius: 5px;
}
.search-toggle-box .input-area input {
    border-radius: 0;
    padding: 0 10px !important;
    border: none;
    outline: 0;
    background: rgba(0, 0, 0, 0);
    font-size: 16px;
    width: 92%;
}
.checkbox-single input {
    zoom: 1.3;
    position: relative;
    top: 2px;
    outline: rgba(0, 0, 0, 0.05) solid 2px;
    border: none !important;
    opacity: 0.3;
}
.checkbox-single {
    position: relative;
    padding-left: 20px;
    padding-right: 15px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    font-size: 15px;
    margin-bottom: 10px;
    width: 100%;
}
.star-rating {
    display: flex;
    justify-content: center;
    cursor: pointer;
}
.star {
    font-size: 30px;
    color: #ddd;
    margin: 0 5px;
    transition: color 0.2s ease-in-out;
}
.star.selected,
.star:hover,
.star:hover ~ .star {
    color: #fc0;
}
.rounded-2 {
    border-radius: 0.325rem;
}
.sidbr-box.Audience span.d-flex input.filtercheck {
    margin-right: 2px;
}
.checkbox-single span.n500-color {
    margin-left: 7px;
}
.courses-ctlog-sec h5.card-title,
.courses-ctlog-sec h5.card-title a {
    font-size: 21px;
    color: var(--hover-color);
    font-weight: 600;
    margin-top: 8px;
    margin-bottom: 0;
}
.courses-ctlog-sec h5.card-title a:hover,
.courses-ctlog-sec h5.card-title:hover,
.crs-state-link:hover,
.entr-agency-view-all:hover,
.plt-sidebar-link:hover,
.prc-footer-link:hover,
.view-all:hover {
    text-decoration: underline;
}
.courses-ctlog-sec .form-select {
    padding: 5px 10px 3px;
    border: 1px solid #cbcbcb;
    border-radius: 44px;
    color: var(--hover-color);
    background: #dbdbe1;
    font-size: 14px;
}
.courses-ctlog-sec .form-select option {
    background: #fff;
    font-size: 16px;
}
.courses-ctlog-sec .badge {
    color: #222e48;
    font-size: 14px;
    padding: 6px 5px 3px;
    border: 1px solid #d1d1d1;
    white-space: normal;
    text-align: left;
    line-height: 1.4;
}
.courses-ctlog-sec .btn-dark {
    background: var(--main-color);
    border: none;
    margin-top: 10px;
}
.search-toggle-box .input-area select {
    border-radius: 0;
    padding: 3px 0 !important;
    border: none;
    outline: 0;
    background: rgba(0, 0, 0, 0);
    font-size: 16px;
    width: 100%;
}
.date-area input {
    border: 1px solid #dfe0e4;
    padding: 8px;
    border-radius: 100px;
    width: 100%;
}
.related-cours a {
    text-decoration: none;
}
.cours-right-dtl ul li {
    padding: 9px 0;
}
.about-values-list li:last-child,
.agen-activity-item:last-child,
.bd-row:last-child,
.care-feat-list li:last-child,
.caregiver-row:last-child,
.cert-row:last-child,
.cours-right-dtl ul li:last-child,
.course-row:last-child,
.cre-dash-cert-item:last-child,
.cre-dash-course-item:last-child,
.curr-topics li:last-child,
.dc-row:last-child,
.entr-agency-row:last-child,
.faq-card .card:last-child,
.faq-item:last-child,
.faq-wrapper .card:last-child,
.lesson-row:last-child,
.metric-row:last-child,
.mobile-item:last-child,
.mockup-row:last-of-type,
.pillar-list li:last-child,
.srb-row:last-child,
.startup-dash-signup-row:last-child,
.state-compliance-checklist li:last-child,
.sv-row:last-child {
    border-bottom: none;
}
.cours-right-dtl ul li i {
    width: 14px;
}
.card.course-detail-box h3,
.course-reviews h3,
.courses-innrpg-sec h3,
.reltd-courses-sec h3 {
    font-size: 28px;
    font-weight: 700;
}
.courses-innrpg-sec {
    background: #f7f7f7;
    padding-top: 30px;
    padding-bottom: 110px;
}
.card.course-detail-box,
.card.course-name-box,
.card.course-reviews,
.l2c-hq-contact-panel,
.reltd-courses-sec {
    padding: 30px;
}
.card.course-name-box ul li {
    color: #989898;
}
.card.course-name-box h1.course-head {
    font-size: 34px;
    margin-bottom: 5px;
    margin-top: 10px;
    font-weight: 700;
    color: var(--main-color);
}
.course-detail-box ul {
    padding-left: 20px;
    list-style: none;
    position: relative;
    margin-bottom: 20px;
}
.course-detail-box ul li {
    position: relative;
    margin-bottom: 10px;
    padding-left: 10px;
}
.course-detail-box ul li:before {
    position: absolute;
    content: "";
    width: 16px;
    height: 12px;
    left: -18px;
    top: 5px;
    background: url(../img/course-list-icon.png) no-repeat;
}
.bookmark .wrt-btn {
    background-color: var(--main-color);
    color: #fff;
    padding: 9.5px 15px;
    border-radius: 7px;
    margin-left: 15px;
}
.bookmark .wrt-btn:hover,
.card.course-price-box h6 :hover {
    background: var(--hover-color);
    color: #fff;
}
.bookmark {
    gap: 4px;
}
a.bookmark-btn {
    color: var(--main-color);
    font-size: 24px;
    position: relative;
    top: 2px;
}
.card.course-price-box {
    box-shadow:
        0 2px 4px rgba(0, 0, 0, 0.08),
        0 4px 12px rgba(0, 0, 0, 0.08);
    top: 11rem;
    margin-top: -290px;
}
.card.course-price-box h6 a {
    background: var(--main-color);
    color: #fff !important;
    padding: 12px 35px;
    display: inline-block;
    font-size: 16px;
    line-height: normal;
    position: relative;
    border-radius: 3px;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}
.card.course-price-box .cours-right-dtl ul li,
.ebook-sidebar .blog-side-form input,
.role-pill .bi {
    font-size: 16px;
}
.course-innr-form input[type="email"],
.course-innr-form input[type="tel"],
.course-innr-form input[type="text"],
.course-innr-form select {
    height: 46px;
    padding: 6px 12px 7px;
}
.course-upr-part {
    margin-top: -100px;
}
.course-innr-form form input[type="submit"],
.monthly-tab .nav button.active {
    background-color: var(--main-color);
}
.course-innr-form form input[type="submit"]:hover,
.ebook-box h6:hover,
.ebook-download-form input[type="submit"]:hover,
.whitepaper-box h6:hover {
    background-color: var(--hover-color);
}
.ebook-download-form .wpcf7-spinner {
    bottom: 10px;
    top: inherit;
}
span.small.ml-1 {
    position: relative;
    top: 1px;
}
.blog-bread ol {
    background: 0 0 !important;
    padding: 0;
}
.cours-right-dtl ul li a.btn {
    padding: 0;
    color: var(--main-color);
    font-size: 14px;
}
.card.course-detail-box hr {
    margin: 10px 0 15px;
}
.Class-Central p {
    margin-bottom: 5px;
}
.reltd-courses-box {
    border: 1px solid #ededed;
    border-radius: 5px;
    overflow: hidden;
    height: 100%;
}
select option:focus {
    background-color: red !important;
}
.cbx-dtl {
    padding: 20px 15px 10px;
}
.reltd-courses-box h5 {
    font-size: 16px;
    color: var(--main-color);
    line-height: 1.4;
    margin-bottom: 7px;
}
.quote-inner a.orange-btn {
    z-index: 1;
}
.innr-heding {
    font-size: 16px;
    margin: 15px 0 10px;
    font-weight: 600;
    color: #474747;
    line-height: 32px;
}
.growth-tab-innr .nav {
    justify-content: center;
    border: 1px solid #d3d3d3;
    width: max-content;
    margin: auto;
    padding: 5px;
    border-radius: 60px;
    background: #fff;
}
.access-sec,
.home-banner-sec,
.home-stats-box:before {
    background-repeat: no-repeat;
}
.growth-tab-innr .nav .nav-link {
    background: #fff;
    color: var(--hover-color);
    padding: 11px 2rem;
    border-radius: 50px;
}
.growth-tab-innr .tab-content ul {
    padding-left: 30px;
    margin-top: 15px;
    list-style: none;
}
.growth-tab-innr .tab-content ul li {
    position: relative;
    font-size: 17px;
    margin-bottom: 13px;
}
.growth-tab-innr .tab-content ul li:before {
    position: absolute;
    content: "";
    background: url(../img/book-icon.png);
    width: 25px;
    height: 21px;
    left: -33px;
    top: 0;
}
.p-111 {
    padding-left: 111px !important;
}
.p-120,
.p-217 {
    padding-left: 120px !important;
}
.p-140 {
    padding-left: 90px !important;
}
.home-banner-sec {
    background-image: url("../img/main-home.png");
    background-size: contain;
    padding: 105px 0;
}
.home-banner-sec .lp a img {
    border-radius: 2px 90px;
    overflow: hidden;
    box-shadow: 1px 5px 10px var(--hover-color) 3d;
    border: 2px solid var(--main-color);
}
.home-banner-sec .lp a .play-btn::before {
    content: "";
    background: #f6851f;
    width: 65px;
    height: 65px;
    margin: auto;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    border-radius: 100%;
    opacity: 0.5;
    animation: 1.5s linear infinite plyblink;
}
@keyframes plyblink {
    0%,
    100%,
    from,
    to {
        opacity: 0.5;
    }
    50% {
        opacity: 0.01;
    }
}
.home-banner-sec .lp a .play-btn img {
    position: absolute;
    display: flex;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 0;
    border: none;
    box-shadow: none;
}
.home-stats-sec {
    padding: 60px 0 100px;
}
.home-stats-box img {
    width: 55px;
    height: 55px;
    object-fit: contain;
}
.home-stats-box:before {
    position: absolute;
    content: "";
    background-image: url("../img/stat-bg.png");
    background-size: 100%;
    width: 83px;
    height: 75px;
    left: 0;
    top: 0;
    right: 0;
    margin: auto;
}
.home-stats-box p {
    margin-bottom: 0;
    font-size: 17px;
    margin-top: 30px;
    line-height: 1.4;
    font-weight: 600;
}
.access-sec {
    background-image: url("../img/access-bg.png");
    background-size: cover;
    padding: 0;
}
.access-sec h2 {
    font-size: 28px;
    color: var(--main-color);
    margin-bottom: 3px;
    text-shadow: 0 0 var(--hover-color);
}
.access-sec p {
    font-size: 18px;
    margin-bottom: 0;
}
.access-sec h6 a:hover {
    background: #fff;
    color: var(--hover-color) !important;
}
.bkck-sec .course-inner {
    margin-bottom: 32px;
    box-shadow: none;
    padding: 30px 15px;
}
.bkck-sec .course-inner-box {
    border-left: 1px solid var(--main-color);
}
.bkck-sec .course-inner img {
    width: 100%;
    max-width: 95px;
    filter: invert(1);
}
.bkck-sec .course-inner p {
    font-size: 18px;
    line-height: 1.4;
    margin-bottom: 0;
    color: var(--hover-color);
}
.bkck-sec .hmecourse-inner h6 {
    font-size: 28px;
    line-height: 42px;
    color: var(--hover-color);
    padding-bottom: 20px;
    margin-bottom: 28px;
    position: relative;
    font-weight: 600;
}
.home-course-lg .course-inner {
    margin-bottom: 0;
    box-shadow: none;
    padding: 0;
    border: none;
}
.home-course-lg {
    margin-bottom: 0;
    box-shadow: none;
    padding: 35px 50px;
    border-radius: 20px;
    border: 1px solid var(--main-color);
}
p.lg-small {
    font-size: 13px;
    line-height: 24px;
    color: var(--hover-color);
    margin-top: 30px;
    margin-bottom: 0;
}
.access-img img {
    margin-bottom: -38px;
    margin-top: -26px;
}
.benefit-inner {
    background: #fff;
    padding: 20px;
    box-shadow:
        0 3px 5px -1px rgb(205 205 205 / 20%),
        0 5px 8px 0 rgb(205 205 205 / 20%),
        0 1px 14px 0 rgb(205 205 205 / 20%);
    border-radius: 25px;
}
.benefit-inner img {
    margin-top: -60px;
}
.overview-stic-box-inner {
    background: #fff;
    padding: 32px 20px;
    border-radius: 0;
    height: 100%;
    border: 1px solid #ededed;
    border-top: 4px solid var(--main-color);
}
.overview-why-choose .sticky-top {
    top: 230px;
    z-index: 1019;
}
.ebook-sidebar.sticky-top,
.home-why-choose .sticky-top {
    top: 120px;
    z-index: 1019;
}
.overview-stic-box-inner h4 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 8px;
}
.cargvr-img {
    margin-left: 10px;
    max-width: 460px;
    position: relative;
}
.home-why-choose h3 {
    font-weight: 600;
    font-size: 23px;
    position: relative;
    padding-left: 45px;
}
.home-why-choose h3:before {
    position: absolute;
    content: "";
    background: var(--main-color);
    width: 38px;
    height: 4px;
    left: 0;
    top: 11px;
    border-radius: 40px;
}
.plfrm-ovrvew:after {
    position: absolute;
    content: "";
    background: url("../img/ovrview-bg.png") 0 0/100% no-repeat;
    top: -4px;
    left: -1px;
    width: 101%;
    height: 100%;
    right: 0;
    bottom: 0;
    margin: auto;
}
.plfrm-ovrvew video {
    width: 100% !important;
    height: 100% !important;
}
.contc-detl ul li,
.startup-dash-bar-row {
    margin-bottom: 10px;
}
.contc-detl ul li a {
    color: #fff;
    font-size: 18px;
}
footer .contc-detl ul li a {
    color: #000;
    font-size: 16px;
}
.footer-cta-sec {
    background: #000;
    padding: 32px 0;
}
.footer-cta-sec .line-link,
.footer-cta-sec .line-link a {
    font-weight: 500;
    color: #fff;
    letter-spacing: 0.6px;
}
.click-btn a {
    background: var(--hover-color);
    color: #fff !important;
    padding: 14px 85px 14px 35px;
    font-size: 16px;
    line-height: 18px;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    font-weight: 600;
}
.click-btn a span {
    position: absolute;
    right: 0;
    background: #fff;
    height: 100%;
    top: 0;
    padding: 8px 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0 10px 10px 0;
}
.click-btn a span img {
    transition: transform 0.3s ease-in-out;
}
.click-btn a:hover {
    background: #747677;
}
.click-btn a:hover span img {
    transform: scale(0.8) rotate(-10deg);
}
footer {
    padding: 90px 0 20px;
    position: relative;
}
.footer-logo img {
    max-width: 215px;
    width: 100%;
    padding-bottom: 25px;
}
.footer-logo span {
    position: absolute;
    font-size: 14.2px;
    bottom: -2px;
    color: #747779;
    font-weight: 500;
    display: block;
}
.footer-logo p,
footer h4 {
    color: var(--hover-color);
}
.footer-logo p {
    margin-top: 15px;
}
footer h4 {
    margin-bottom: 22px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0;
    padding-bottom: 12px;
    position: relative;
}
footer h4:after {
    position: absolute;
    content: "";
    background: var(--main-color);
    width: 37px;
    height: 3px;
    border-radius: 2px;
    left: 0;
    bottom: 0;
}
.footer-links ul {
    list-style: none;
    color: #fff;
}
footer span.wpcf7-not-valid-tip {
    top: inherit;
    font-size: 10px;
    bottom: -30px;
}
.footer-links ul li {
    position: relative;
    margin-bottom: 10px;
    padding-left: 20px;
}
.footer-links ul li:before {
    position: absolute;
    content: "";
    border: 2px solid var(--main-color);
    width: 8px;
    height: 8px;
    left: 0;
    top: -1px;
    bottom: 0;
    border-radius: 30px;
    margin: auto;
}
.footer-links ul li a {
    color: var(--hover-color);
    font-size: 15px;
}
.social-links ul {
    display: flex;
    list-style: none;
    align-items: center;
    gap: 24px;
}
.social-links ul li,
.timeline-steps {
    position: relative;
    padding-left: 0;
}
.social-links ul li:before {
    position: absolute;
    content: "";
    background: #fff;
    width: 40px;
    height: 40px;
    border-radius: 30px;
    left: -9px;
    top: -8px;
    z-index: 0;
    border: 1px solid var(--main-color);
}
.social-links ul li a {
    color: #747779;
    font-size: 18px;
    position: relative;
    z-index: 1;
    width: 22px;
    height: 22px;
    display: block;
    text-align: center;
    margin-right: 0 !important;
}
.social-links ul li a img {
    width: 17px;
    margin: -5px 0 0;
    filter: invert(1);
    opacity: 0.6;
}
.footer-news input[type="email"] {
    width: 100%;
    background: #e7e7e7;
    border: none;
    height: 50px;
    padding: 10px 20px;
    margin-bottom: 17px;
    border-radius: 7px;
}
.training-dementia-box:after,
.training-dementia-box:before {
    position: absolute;
    content: "";
    right: 0;
    border-radius: 100px 0 0;
    opacity: 0.2;
    z-index: 0;
    background: var(--main-color);
    bottom: 0;
}
.footer-news input[type="submit"] {
    background: var(--main-color);
    color: #fff;
    padding: 10px 35px;
    display: inline-block;
    font-size: 16px;
    line-height: normal;
    border-radius: 10px;
    font-weight: 600;
}
.training-dementia-box {
    padding: 30px;
    position: relative;
    box-shadow: 0 5px 10px #e7e7e7;
    border-radius: 10px;
    text-align: center;
    height: 100%;
    background: #fff;
}
.ebook-banner,
.ebook-inner-banner {
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.training-dementia-box h3 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
    line-height: 1.4;
}
.training-dementia-box:before {
    width: 100px;
    height: 100px;
}
.training-dementia-box:after {
    width: 55px;
    height: 55px;
}
.ebook-banner:before,
.ebook-inner-banner:before,
.ebooks-sec:before {
    width: 100%;
    top: 0;
    position: absolute;
    left: 0;
    content: "";
}
.ebook-banner {
    padding: 80px 0;
    background-image: url("../img/ebooks-bg.jpg");
    background-size: contain;
}
.ebook-banner:before {
    background: var(--hover-color);
    height: 100%;
    opacity: 0.5;
}
.ebook-banner form {
    margin: 0 40px;
}
.ebook-banner form.form-group input {
    height: 50px;
    border-radius: 10px;
    border: none;
    color: var(--hover-color);
}
.ebook-banner form.form-group .input-group-append span.input-group-text {
    background-color: #fff;
    border: none;
    border-radius: 0 10px 10px 0;
}
.ebooks-sec:before {
    background: url(../img/ebook-top-shape.png) no-repeat;
    height: 60%;
    background-size: contain;
}
.ebook-box {
    border-radius: 25px;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15);
    border: none;
    margin-bottom: 60px;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.06);
}
.ebooks-sec .ebook-box img {
    max-width: 230px;
    display: block;
    margin: -50px auto auto;
}
.ebooks-sec .ebook-box:hover img,
.whitepaper-box:hover img {
    transform: translateY(-10px);
}
.customer-success-testimonial .owl-nav button.owl-next,
.customer-success-testimonial .owl-nav button.owl-prev {
    transform: skew(4deg, 1deg);
    background: #f0f0f0 !important;
    font-size: 30px !important;
    width: 50px;
    border-radius: 10px;
}
.common-box .card-title,
.ebook-box .card-title {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 5px;
    line-height: 1.6;
    color: var(--hover-color);
}
.ebook-box .card-title{margin-bottom: 13px;}
.ebook-box p {
    color: var(--hover-color);
    font-size: 14px;
    line-height: 1.5;
}
.ebook-box h6 {
    background-color: var(--main-color);
    border-radius: 10px;
    border: 0;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 34px;
    padding: 6px 23px;
    transition:
        background-color 0.15s,
        color 0.15s ease-in-out;
    display: inline-block;
}
.ebook-download-form h4,
.ebook-sidebar .blog-side-form h4 {
    line-height: 1.4;
    font-weight: 600;
}
.ebook-sidebar .blog-side-form {
    border: 1px solid #d2d2d2;
    box-shadow: none;
    border-radius: 20px;
}
.ebook-inner-banner {
    padding: 50px 0;
    background-image: url("../img/ebook-inner-banner.jpg");
}
.ebook-banner-rgt-img img {
    animation: 2.5s linear infinite jump;
}
@keyframes jump {
    0%,
    100% {
        transform: translate(0, 0);
    }
    50% {
        transform: translate(0, 10px);
    }
}
.ebooks-inner-sec {
    padding: 60px 0 80px;
}
.ebook-inner-banner:before {
    height: 100%;
    background: linear-gradient(75deg, #000000d1 35%, rgb(0 0 0 / 29%));
}
.ebook-download-form {
    background: no-repeat padding-box #fff;
    box-shadow: 0 7px 25px rgba(0, 0, 0, 0.14);
    padding: 30px 25px;
    border-radius: 20px;
}
.ebook-download-form h6 {
    font-size: 14px;
    font-weight: 600;
    color: var(--main-color);
    margin-bottom: 7px;
}
.ebook-download-form input[type="submit"],
.whitepaper-box h6 {
    color: #fff;
    text-decoration: none;
    background-color: var(--main-color);
    cursor: pointer;
}
.ebook-download-form h4 {
    font-size: 24px;
}
.ebook-download-form input[type="submit"] {
    border-radius: 12px;
    border: 0;
    display: block;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.5px;
    line-height: normal;
    margin-top: 16px;
    padding: 10px 29px;
    text-align: center;
    -webkit-transition:
        background-color 0.15s,
        color 0.15s ease-in-out;
    transition:
        background-color 0.15s,
        color 0.15s ease-in-out;
}
.ebooks-detail-sec h1 {
    font-weight: 700;
    font-size: 32px;
}
.ebooks-detail-sec p,
.ebooks-detail-sec ul {
    font-size: 18px;
    font-weight: 400;
    line-height: 35px;
    margin: 0 0 20px;
}
.ebooks-detail-sec ul li {
    position: relative;
    padding-left: 20px;
}
.ebooks-detail-sec ul li:before {
    position: absolute;
    content: "";
    background: var(--main-color);
    width: 10px;
    height: 10px;
    left: 0;
    top: 10px;
    border-radius: 30px;
}
.whitepapr-sec {
    padding-top: 150px;
}
.whitepaper-banner h1 {
    font-size: 56px;
    line-height: 1.3;
}
.whitepaper-banner .heading p {
    font-size: 18px;
    line-height: 1.6;
    color: #000;
}
.ebook-download-form.sticky-top {
    z-index: 999;
    top: 154px;
}
.whitepaper-box {
    border-radius: 25px;
    border: none;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.06);
    height: 100%;
}
.whitepaper-box img {
    margin-top: -100px;
    transition: 0.3s ease-in-out;
}
.whitepaper-box .card-title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
    line-height: 1.6;
    color: var(--hover-color);
    flex: 1;
}
.whitepaper-box h6 {
    border-radius: 10px;
    border: 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 34px;
    padding: 5px 23px 2px;
    -webkit-transition:
    background-color 0.15s,
    color 0.15s ease-in-out;
    transition:
    background-color 0.15s,
    color 0.15s ease-in-out;
    display: inline-block;
}
.whitepaper-box .card-body {
    display: flex;
    flex-direction: column;
}

.res-blog-left a:hover h4,
.res-blog-right a:hover h6,
.res-head a {
    text-decoration: underline !important;
}
.discover-more-box {
    border-radius: 20px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
    padding: 20px 0 10px;
    border: none;
}
.bg-2,
.l-orange-bg {
    background: #ffeadd;
}
.green-bg {
    background: #f4fffb;
}
.bg-4,
.l-yellow-bg {
    background: #feffef;
}
.bg-3,
.red-bg {
    background: #fee;
}
.discover-more-box .card-title {
    color: var(--hover-color);
    line-height: 1.6;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 4px;
}
.discover-more-box img.card-img-top {
    height: 275px;
    object-fit: contain;
}
.discover-more-box.three img.card-img-top,
.discover-more-box.two img.card-img-top {
    height: auto;
}
.discover-more-ebook .tab-none .row .col-lg-4:first-child .discover-more-box,
.discover-more-ebook .tab-none .row .col-lg-4:nth-child(3) .discover-more-box {
    min-height: 533px;
}
.discover-more-ebook .tab-none .row .col-lg-4:nth-child(2) .discover-more-box {
    min-height: 254px;
}
.discover-more-box.three,
.discover-more-box.two {
    min-height: 217px;
    padding: 35px 0;
}
.ebook-download-form .form-group input.form-control {
    border-radius: 9px;
    border: 1.5px solid #e5e7eb;
    font-size: 0.875rem;
    color: #17172e;
    height: 46px;
    padding: 10px 14px;
    background-color: #fafbfc;
    display: block;
}
.ebook-download-form .form-check {
    display: flex;
    align-items: flex-start;
    padding-left: 7px;
    margin-bottom: -10px;
}
/*.ebook-download-form .form-check-label {
    display: inline-block;
    margin-left: 21px;
    transform: translateY(-20px);
}*/
.ebook-download-form .form-check-label p a {
    color: var(--main-color);
}
.note-box {
    border: 1px solid var(--main-color);
    background-color: rgb(255 244 238);
    box-shadow: 0 0 2px var(--main-color);
    color: #585858;
    padding: 25px;
    border-radius: 10px;
}
.exprt-qute-box,
.good-read-box {
    box-shadow: 2px 4px 5px #c2c2c2;
}
.note-box i.icon {
    font-size: 24px;
    margin-right: 16px;
    animation: 1s linear infinite blink-note;
}
.note-box p {
    font-size: 13px;
    letter-spacing: 0.4px;
    line-height: 1.6;
}
.note-box p strong {
    letter-spacing: 0.6px;
    font-weight: 700;
}
.state-map-inner {position: relative; }
.state-map-inner .map{background-repeat: no-repeat;}

@keyframes blink-note {
    0%,
    100% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
}
.review-avatar {
    width: 45px;
    height: 45px;
    color: #fff;
    font-size: 20px;
    text-align: center;
    background: #000;
    padding-top: 3px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.home-hero-title .wrapper,
.review-name-rating ul li,
.spark {
    display: inline-block;
}
.resource-blog-sec .res-blog-left {
    background: var(--light-orange);
    border: none;
    border-radius: 30px;
    overflow: hidden;
}
.res-blog-left h4 {
    font-size: 24px;
    line-height: 1.6;
    font-weight: 600;
}
.res-blog-left img.card-img-top {
    height: 300px;
    object-fit: cover;
    object-position: top;
}
.rsce-date {
    font-size: 14px;
    color: #686868;
}
.res-blog-right h5 {
    font-size: 18px;
    font-weight: 600;
    position: relative;
    border-bottom: 2px solid var(--main-color);
    padding-bottom: 10px;
}
.res-blog-right h6,
.res-desc {
    font-size: 15px;
    line-height: 1.4;
}
.res-blog-right h6 {
    margin-bottom: 8px;
    font-weight: 600;
}
.res-desc {
    font-weight: 400;
}
.res-head h2 {
    position: relative;
    align-items: baseline;
    display: flex;
    flex-grow: 1;
    gap: 0.5rem;
    margin: 0;
}
.res-head a {
    flex: 0 0 15%;
    text-align: right;
    color: #000;
}
.res-head h2:after {
    background: var(--main-color);
    border: none;
    content: "";
    display: block;
    flex-grow: 1;
    height: 2px;
}
.res-ebook-right {
    border: 8px solid var(--main-color);
    background: var(--light-orange);
    padding-top: 120px !important;
}
.res-ebook-right:after,
.res-ebook-right:before {
    top: 0;
    border-radius: 0 0 100px 100px;
    right: 0;
    margin: auto;
    left: 0;
    content: "";
}
.blog-slider .owl-nav button.owl-next,
.blog-slider .owl-nav button.owl-prev {
    font-size: 20px !important;
    background: #ffe6d8 !important;
    width: 50px;
    line-height: normal;
    border-radius: 30px;
    height: 50px;
    position: absolute;
    display: flex;
}
.res-ebook-right:before {
    position: absolute;
    background: #ffc8a4;
    width: 120px;
    height: 70px;
    z-index: 1;
}
.res-ebook-right:after {
    position: absolute;
    background: #ed8241b0;
    width: 190px;
    height: 100px;
    z-index: 0;
}
.res-ebook-right img {
    height: 172px;
    width: 100%;
    object-fit: contain;
}
.res-ebook-right h3 {
    font-size: 18px;
    line-height: 1.7;
    font-weight: 600;
}
.res-ply-video p {
    font-size: 14px;
    font-weight: 600;
    color: #3e3e3e;
}
.blog-slider .owl-dots {
    display: block !important;
}
.blog-slider .owl-nav {
    position: absolute;
    top: 38%;
    width: 100%;
}
.blog-slider .owl-nav button.owl-prev {
    left: -70px;
    justify-content: center;
    align-items: center;
}
.blog-slider .owl-nav button.owl-next {
    right: -70px;
    justify-content: center;
    align-items: center;
}
.hightlgt-ebook-box,
.hightlgt-ebook-sec:before {
    border: 0.5rem solid #ed824157;
    background: #fef4ea;
}
.blog-slider .owl-nav button:hover,
.lms-state-tailor-slider .owl-dot.active span,
.results-card,
.video-gallery-slider .owl-nav button:hover {
    background: var(--main-color) !important;
}
.res-whitepapr-box img {
    object-fit: cover;
}
.hightlgt-ebook-sec {
    position: relative;
    margin-bottom: 90px;
}
.hightlgt-ebook-sec:before {
    position: absolute;
    content: "";
    width: 56%;
    height: 100%;
    right: 0;
    top: 0;
    border-left: 0;
}
.hightlgt-ebook-box {
    border-right: 0;
    padding: 50px;
    border-radius: 200px 0 0;
}
.hightlgt-ebook-box h4 {
    font-size: 18px;
    margin-bottom: 10px;
    line-height: 1.6;
}
.res-news-letter {
    background: #fef4ea;
    padding: 60px;
    border-radius: 25px;
}
.res-news-letter h4 {
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 10px;
}
.res-news-letter p {
    color: #3a3a3a;
    font-size: 15px;
}
.episode-btn,
.podcast-banner-sec h1,
.word {
    color: var(--main-color);
}
.res-news-letter p.note {
    font-style: italic;
    line-height: 1.6;
    font-size: 14px;
}
.res-news-letter .footer-news input[type="email"] {
    background: #fff;
    border: 1px solid #000;
}
.border.border-radius-rounded,
.res-subscribe-sec .res-whitepapr-box img {
    border-radius: 25px;
}
.faq-wrapper .card.mb-4,
.resouce-podcst-sec .res-blog-right .res-whitepapr-box:last-child {
    margin-bottom: 0 !important;
}
.blog-slider img.card-img-top {
    border: 1px solid #e1e1e1;
}
.imgply .imgplay {
    position: absolute;
    top: -65px;
    width: 70px !important;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
}
.res-whitepapr-box a:hover img,
.resource-blog-sec .res-blog-right a:hover img {
    transform: scale(1.08);
    transition: 0.3s;
}
@media screen and (max-width: 767px) {
    .map-search select {
        flex: 0 0 80% !important;
        border-radius: 7px 0 0 7px;
        margin-right: 0;
    }
    .stat-btn {
        gap: 0 !important;
    }
    .resource-banner h2 {
        font-size: 40px;
    }
    .resorse-srch-link ul {
        gap: 35px 0;
    }
    .resource-videos-sec {
        padding: 90px 30px;
    }
    .blog-slider .owl-nav button.owl-prev {
        left: -40px;
        font-size: 16px !important;
        width: 35px;
        height: 35px;
    }
    .blog-slider .owl-nav button.owl-next {
        right: -40px;
        font-size: 16px !important;
        width: 35px;
        height: 35px;
    }
    .res-news-letter {
        padding: 30px;
    }
    .main-floating .floating-blob1 {
        margin-top: 0;
        right: 0;
        margin-bottom: 60px;
    }
    .main-floating .floating-blob2 {
        left: 0;
        top: 20px;
        margin-bottom: 110px;
    }
    .main-floating .floating-blob3 {
        margin-top: 0;
        left: 0;
        margin-bottom: 80px;
    }
    .main-floating .floating-blob4 {
        margin-bottom: 80px;
    }
    .main-floating .floating-blob5 {
        margin-top: 0;
        right: 0;
        margin-bottom: 90px;
    }
    .main-floating .floating-blob6 {
        margin-top: 0;
        left: 0;
        margin-bottom: 50px;
    }
    .main-floating .floating-blob7 {
        right: 0;
        top: 0;
        margin-bottom: 20px;
    }
    .floating-blob .bg {
        left: 0;
        right: 0;
        margin: auto;
    }
    .main-floating {
        background: 0 0 !important;
    }
}
@media (min-width: 768px) and (max-width: 1024px) {
    .blog-slider .owl-nav {
        display: block !important;
    }
    .resource-videos-sec {
        padding: 90px 50px;
    }
    .blog-slider .owl-nav button.owl-prev {
        left: -58px;
    }
    .blog-slider .owl-nav button.owl-next {
        right: -58px;
    }
}
.podcast-banner-sec h1 {
    font-size: 52px;
    margin-bottom: 8px;
}
.podcast-banner-sec p {
    font-size: 24px;
    color: #000;
    line-height: 1.6;
    margin-bottom: 0;
}
.podcst-fetur,
.podcst-fetur img {
    border-radius: 45px;
}
.episode-btn {
    font-size: 18px;
    font-weight: 600;
    align-items: center;
}
.spotify-btn a img,
.why-it-matters-box img {
    height: 50px;
}
.episode-box {
    border: 2px solid #f0f0f0;
    border-radius: 24px;
    padding: 30px;
    margin-bottom: 60px;
}
.episode-box p {
    margin-bottom: 11px;
}
.podst-newsltr {
    display: flex;
    width: 100%;
    gap: 15px;
    position: relative;
}
.podst-newsltr .your-email {
    flex: 0 0 75%;
}
.podst-newsltr .wpcf7-spinner {
    top: 45px;
}
.podst-newsltr input {
    border-radius: 8px;
    width: 100%;
    height: 56px;
    padding: 10px 20px;
    background-color: #f3f3f3;
    border: none;
}
.podst-newsltr input[type="submit"] {
    width: 100%;
    border-radius: 8px;
    height: 56px;
    background-color: var(--main-color);
    color: #fff;
    font-size: 18px;
}
.host-nam h5 i {
    color: #0077b5;
}
.word {
    position: absolute;
    width: 100%;
    opacity: 0;
    transform: translateY(-20px);
    transition:
        opacity 0.6s ease-in-out,
        transform 0.6s ease-in-out;
    top: 0;
}
.word.active {
    opacity: 1;
    transform: translateY(0);
}
.customer-success-banner .quote-box {
    border-left: 4px solid var(--main-color);
    padding: 6px 0 7px 25px;
}
.customer-success-video-inner {
    padding: 80px 48px !important;
    border-radius: 30px;
}
.customer-success-video-inner video {
    border-radius: 29px;
}
.customer-success-list p {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: 500;
}
.customer-success-list p img {
    width: 50px;
    height: 50px;
    padding: 10px;
    border-radius: 8px;
    object-fit: contain;
    background: #f8f8f8;
    filter: grayscale(1);
}
.achieve-training-sec h4 {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 8px;
}
.achieve-training-sec h2:before {
    position: absolute;
    content: "";
    background: var(--main-color);
    left: 0;
    top: -20px;
    width: 13%;
    height: 5px;
}
.success-cta-inner {
    border-radius: 50px;
    padding: 70px 50px 70px 0;
}
.success-cta-img img {
    position: absolute;
    bottom: -70px;
    left: 10px;
    max-width: 390px;
}
.success-cta-inner a {
    background: var(--main-color);
    color: #fff;
    padding: 12px 35px;
    display: inline-block;
    font-size: 16px;
    line-height: normal;
    position: relative;
    border-radius: 10px;
    font-weight: 600;
}
.left-sec h3,
.pltfm-feature-box h4 {
    font-weight: 700;
    margin-bottom: 10px;
}
.success-cta-inner a:hover {
    background: #000;
}
.always-reach-btn {
    color: #000;
    border-bottom: 3px solid var(--main-color);
}
.always-reach-btn:hover {
    color: #000;
    border-color: #000;
}
.customer-success-testimonial-inner {
    background: url("../img/shape-grey.svg") 0 0/100% no-repeat;
    padding: 78px 125px;
}
.customer-success-testimonial-inner p {
    font-size: 18px;
    line-height: 1.6;
    font-style: italic;
}
.customer-success-testimonial-inner h4 {
    font-size: 19px;
}
.customer-success-testimonial .owl-nav {
    position: absolute;
    width: 100%;
    top: 60px;
}
.customer-success-testimonial-inner .quote-icon {
    font-size: 58px;
    position: absolute;
    top: 50px;
    left: 100px;
    color: #ffceb0;
}
.customer-success-testimonial .owl-nav button.owl-prev {
    left: -70px;
    position: absolute;
    top: 40%;
    height: 50px;
}
.customer-success-testimonial .owl-nav button.owl-next {
    right: -70px;
    position: absolute;
    top: 40%;
    height: 50px;
}
.customer-success-testimonial .owl-nav button:hover {
    background: #000 !important;
}
.customer-success-form-inner,
.pltfm-banner-sec .row {
    position: relative;
    z-index: 2;
}
.customer-success-form-inner:before {
    position: absolute;
    content: "";
    background: #ffebde;
    width: 117%;
    height: 102%;
    left: -43px;
    top: -4px;
    border-radius: 63px;
    transform: skewX(12deg);
    z-index: 0;
}
.customer-success-form-shape:before {
    position: absolute;
    content: "";
    width: 110%;
    height: 110%;
    top: -36px;
    left: -3px;
    background-color: var(--main-color);
    border-radius: 30% 70% 46% 54%/48% 31% 69% 52%;
}
.customer-success-form-inner .free-frm .form-control {
    height: 56px;
    background-color: #fff;
    padding: 16px 32px 16px 16px;
    color: #212529;
    overflow: hidden;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    border-radius: 12px !important;
}
.customer-success-form-inner .free-frm input[type="submit"] {
    background: var(--main-color) !important;
    height: 56px !important;
}
.pltfm-banner-sec {
    padding: 160px 0;
    position: relative;
    overflow: hidden;
}
.overlay,
.pltfm-banner-sec .overlay,
.pltfm-banner-sec .video-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.pltfm-banner-sec .video-bg {
    object-fit: cover;
    z-index: -1;
}
.pltfm-banner-sec .overlay {
    background: rgba(0, 0, 0, 0.7);
    z-index: 1;
}
.new-footer-cta-sec .bnr-btn a:nth-child(2),
.pltfm-banner-sec .bnr-btn a:nth-child(2) {
    border-color: #fff;
    color: #fff;
}
.pltfm-banner-sec .bnr-btn a:nth-child(2):hover {
    border-color: #000;
}
.overlay {
    content: "";
    background: #000;
    opacity: 0.6;
}
.pltfm-banner-sec h1 {
    font-size: 42px;
    line-height: 1.4;
}
.left-sec h3 {
    font-size: 28px;
    line-height: 44px;
}
.pltfm-feature-box img.emoji {
    width: 25px !important;
    height: 25px !important;
}
.pltfm-feature-box h4 {
    font-size: 18px;
}
.pltfm-feature-box .icon {
    display: inline-block;
    background: #ffede3;
    padding: 15px;
    border-radius: 18px;
    width: 80px;
    height: 80px;
    position: relative;
    transform: translateY(-60px);
    margin-bottom: -60px;
    border: 1px dotted var(--main-color);
}
.simple-line-link a {
    color: var(--main-color);
    font-size: 16px;
}
.play-btn-box .ply-btn,
.play-btn-box a::before {
    margin: auto;
    top: 0;
    bottom: 0;
    position: absolute;
    right: 0;
}
@media (min-width: 768px) and (max-width: 991px) {
    .floating-blob .bg {
        left: -30px;
    }
    .floating-blob h4 {
        font-size: 16px;
    }
    .floating-blob3 {
        margin-top: 50px;
        left: -30px;
    }
    .agencies-bnnr-icon1,
    .agencies-bnnr-icon2,
    .agencies-bnnr-icon3,
    .agencies-bnnr-icon4 {
        display: none;
    }
}
.good-read-box {
    background: #f0f1f5;
    padding: 20px 110px 20px 20px;
    border-radius: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
    position: relative;
    width: fit-content;
}
.good-read-box:before {
    position: absolute;
    content: "";
    background: var(--main-color);
    left: 0;
    top: 0;
    height: 100%;
    width: 60px;
    z-index: 0;
    border-radius: 10px 0 0 10px;
}
.good-icon {
    background: var(--main-color);
    border-radius: 100%;
    width: 75px;
    height: 75px;
    border: 5px solid #fff;
    padding: 9px;
    margin-right: 15px;
    z-index: 1;
}
.good-text h4 {
    font-size: 22px;
    font-weight: 600;
    color: #000;
}
.exprt-qute-box {
    background: #000;
    padding: 30px;
    border-radius: 10px;
    color: #fff;
    margin-top: 80px;
    margin-bottom: 30px;
    border: 3px solid #dfdfdf;
}
.exprt-qute-box img {
    position: absolute;
    bottom: -30px;
    padding-left: 25px;
}
.exprt-qute-box h4 {
    font-size: 17px;
    font-weight: 700;
    font-style: italic;
    color: var(--main-color);
}
.exprt-qute-box i {
    position: absolute;
    top: -60px;
    color: var(--main-color);
    font-size: 60px;
}
.postid-5270 .blg-main-featured-img {
    max-width: 843px;
    height: auto;
    border: 1px solid #e3e0e0;
    box-shadow: 2px 4px 5px #c2c2c2;
    width: auto;
}
.blog-inner-video iframe {
    border-radius: 30px !important;
    overflow: hidden;
    border: 1px solid #cfcfcf;
    margin: 10px 0 25px;
    width: 820px !important;
    height: 460px !important;
}
.support-banner h6 {
    font-size: 24px;
    color: var(--main-color);
}
.play-btn-box .ply-btn {
    left: 0;
    width: 60px;
}
.play-btn-box a::before {
    content: "";
    background: #686868;
    width: 80px;
    height: 80px;
    left: 0;
    border-radius: 100%;
    opacity: 0.5;
    animation: 1.5s linear infinite playblink;
}
@keyframes playblink {
    0%,
    100% {
        opacity: 0.5;
    }
    50% {
        opacity: 0.01;
    }
}
.has-search .form-control {
    padding-left: 2.375rem;
    border-radius: 10px;
}
.has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 45px;
    text-align: center;
    pointer-events: none;
    color: #aaa;
}
.resources-training-sec .card .card-header {
    display: block;
    text-align: left;
    color: #222;
    padding: 18px 20px;
    position: relative;
    font-weight: 500;
}
.support-trial img {
    width: 92px;
    height: fit-content;
    margin-right: 25px;
}
.hubtxt h5 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 12px;
}
.support-answer {
    background-image: url(../img/white-lines.webp);
    background-color: var(--main-color);
    background-size: contain;
    background-attachment: fixed;
}
.support-faq .accordion .card-header {
    border: none;
    background: 0 0;
    pointer-events: none;
    margin-bottom: 0;
    padding: 18px 20px 10px;
    font-weight: 500;
}
.support-faq .accordion > .card:not(:last-of-type) {
    border-bottom: 1px solid #d3d3d3;
}
.support-faq .accordion > .card {
    border: 1px solid #d3d3d3;
    border-radius: 10px;
}
.support-answer h2 {
    font-size: 42px;
}
.customer-support-banner h1 {
    font-size: 48px;
    line-height: 1.3;
    color: var(--main-color);
}
.calc-section .new-heading h2,
.prtnr-devlp-feature i {
    font-size: 28px;
}
.prtnr-devlp-feature .icon-bx {
    background: #f8ccb3;
    display: flex;
    margin: auto auto 15px;
    width: 60px;
    height: 60px;
    border-radius: 40px;
    justify-content: center;
    align-items: center;
}
.spnw-contct li {
    display: inline-block;
    margin: 0 35px 20px 0;
    font-size: 18px;
}
.spnw-contct li i {
    color: var(--main-color);
    font-size: 25px;
    position: relative;
    top: 4px;
}
.spnw-contct li a {
    color: #000;
    font-size: 18px;
}
.border-bx {
    background: #ffede3;
    padding: 20px;
    margin: 20px 0;
    border-radius: 12px;
}
.border-bx .border-bx-inner {
    border: 2px solid var(--main-color);
    padding: 25px;
    margin-bottom: 0;
}
.blog-ebook-sec {
    background: #ffede3;
    padding: 40px;
    margin: 40px 0;
}
#course-filter-form input {
    border-radius: 30px;
}
#course-filter-form input:focus {
    border-color: #ed8241;
    box-shadow: 0 0 0 0.2rem rgb(237 130 65 / 20%);
}
.resource-banner h2 {
    font-size: 52px;
    font-weight: 500;
}
.resorse-srch {
    max-width: 55%;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}
.resorse-srch input {
    padding: 13px 20px 13px 30px;
    width: 100%;
    border-radius: 30px;
    border: 1px solid #000;
    color: #000;
    position: relative;
    height: 52px;
}
.resorse-srch i {
    position: absolute;
    top: 18px;
    left: 11px;
    font-size: 15px;
}
.resorse-srch-link ul li a {
    background: #fff;
    padding: 10px 15px;
    border-radius: 30px;
    color: #000;
    position: relative;
    border: 1px solid var(--hover-color);
    font-size: 14px;
    letter-spacing: normal;
    transition: 0.3s ease-in-out;
}
.resorse-srch-link ul li a:hover {
    background: var(--main-color);
    transform: translateY(-2px);
    color: #fff;
    position: relative;
    border: 1px solid var(--main-color);
}
.resouce-podcst-sec .res-blog-left {
    border-radius: 15px;
    overflow: hidden;
}
.resouce-podcst-sec .res-blog-left img.card-img-top {
    object-position: 0% 83%;
    height: 345px;
}
.res-ply-video p a img {
    width: 18px;
}
.main-floating {
    background: url("../img/new-home-vctr.png") center bottom/315px no-repeat;
    padding-bottom: 20px;
}
.floating-blob h4 {
    font-size: 16px;
    font-weight: 600;
    margin-top: 9px;
}
.floating-blob p {
    margin-bottom: 0;
    font-size: 14px;
    line-height: 1.4;
    margin-top: 7px;
}
.floating-blob img {
    width: 45px;
}
.floating-blob1 {
    margin-top: 180px;
    right: -98px;
}
.floating-blob6 {
    margin-top: 180px;
    left: -98px;
}
.floating-blob2 {
    left: 125px;
    top: 42px;
}
.floating-blob7 {
    right: 125px;
    top: 42px;
}
.floating-blob3 {
    margin-top: 40px;
    left: -7px;
}
.floating-blob5 {
    margin-top: 40px;
    right: -7px;
}
.floating-blob .bg {
    position: absolute;
    z-index: -1;
    top: -36px;
    left: 12px;
}
.one-place-box {
    border-radius: 15px;
    box-shadow:
        0 2px 5px 0 rgba(0, 0, 0, 0.16),
        0 2px 10px 0 rgba(0, 0, 0, 0.12);
    padding: 19px;
}
.one-place-box h4 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 9px;
    text-align: center;
    color: var(--main-color);
}
.select-state-link ul {
    flex-wrap: wrap;
    gap: 35px 35px;
}
.select-state-link ul li {
    width: 17%;
}
.select-state-link ul li a {
    background: #f9f9fc;
    padding: 18px 20px;
    border-radius: 30px;
    color: #000;
    position: relative;
    border: 1px solid #c9c9c9;
    font-size: 16px;
    letter-spacing: normal;
    transition: 0.3s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.select-state-link ul li a i {
    color: var(--main-color);
    position: relative;
    transition: 0.5s ease-in-out;
}
.select-state-link ul li a:hover i {
    right: 10px;
}
.resorse-srch input:focus {
    border-color: var(--main-color);
    box-shadow: 0 0 0 0.2rem rgb(237 130 65 / 25%);
}
.state-banner-search {
    background: var(--main-color);
    padding: 40px;
    border-radius: 20px;
}
.state-banner-search p {
    margin-bottom: 30px;
    color: #fff;
    font-size: 18px;
}
.state-banner-search i {
    position: absolute;
    top: 15px;
    left: 10px;
    font-size: 17px;
    color: #919191;
}
.state-banner-search input {
    border: none;
    border-radius: 9px;
    padding: 15px 15px 15px 35px;
    height: 45px;
    font-style: italic;
}
.upper-shape:before {
    position: absolute;
    content: "";
    background: url("../img/upper-shape.png") 0 0/100% no-repeat;
    width: 100%;
    height: 157px;
    left: 0;
    top: 0;
}
.common-box {
    border-radius: 25px;
    border: none;
    margin-bottom: 60px;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.06);
    overflow: hidden;
}
.common-box h6 {
    border-radius: 10px;
    border: 2px solid var(--main-color);
    color: #000;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
    padding: 11px 23px;
    text-decoration: none;
    -webkit-transition:
        background-color 0.15s,
        color 0.15s ease-in-out;
    transition:
        background-color 0.15s,
        color 0.15s ease-in-out;
    display: inline-block;
}
.new-ebok,
.new-ebok:hover {
    transition: 0.35s;
}
.common-box h6:hover {
    background-color: var(--main-color);
    color: #fff;
}
.woocommerce {
    background: #f4f4f4;
    padding: 25px 0;
}
.woocommerce .woocommerce-MyAccount-navigation {
    background: #000;
    margin: 5px;
    padding: 15px;
    border-radius: 15px;
}
.woocommerce-MyAccount-content {
    background: #fff;
    padding: 25px;
    margin: 5px;
    border-radius: 15px;
}
.resource-megamenu li a i {
    font-size: 5px;
    top: 10px;
    position: relative;
    margin-right: 10px;
}
.resource-megamenu .meg-inr-itm-txt h4 {
    line-height: 1.7;
}
.position-static .upr-link {
    top: 4px;
    opacity: 0;
}
.upr-link {
    position: absolute !important;
    top: 0;
    color: #959595;
    opacity: 0;
    padding-right: 0 !important;
}
.resorse-srch-link ul {
    flex-wrap: wrap;
    gap: 35px 10px;
}
.new-footer-cta-sec {
    padding: 65px 10px 130px;
    background: #ed7f41;
    background: linear-gradient(180deg, #ed7f41 0, #bf4702 100%);
}
.new-footr-stats h3 {
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 7px;
}
.new-footr-stats p {
    font-size: 16px;
    line-height: 1.5;
}
.new-footer-cta-sec h4 {
    font-size: 38px;
    margin-bottom: 10px;
    font-weight: 600;
    line-height: 1.5;
}
.new-footr-stats {
    border-radius: 15px;
    margin-top: -70px;
    margin-bottom: 70px;
}
.new-btn,
.new-icon-btn {
    font-weight: 600;
    border-radius: 5px;
    position: relative;
    display: inline-flex;
    text-decoration: none;
}
.new-footer-cta-sec a.orange-btn:hover {
    background: #6a6a6a;
}
.new-footr-box {
    padding: 24px;
    position: relative;
}
.new-footr-box:after {
    position: absolute;
    content: "";
    background: #ebe5eb;
    width: 1px;
    height: 100%;
    right: -15px;
    top: 0;
}
.new-footer-cta-sec .bnr-btn a:first-child,
.new-footer-cta-sec .bnr-btn a:nth-child(2):hover {
    background: #fff;
    color: #000;
    border-color: #fff;
}
.new-footer-cta-sec .bnr-btn a:hover,
.pric-bottom-cta .bnr-btn a:nth-child(2) {
    border-color: #fff;
    color: #fff;
    background: 0 0;
}
.new-ebok img {
    filter: drop-shadow(10px 6px 6px rgba(0, 0, 0, 0.3));
}
.checklist-box .tag-name,
.mega-course-box img {
    filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.2));
}
.new-ebok:hover {
    transform: scale(1.04);
}
.new-icon-btn {
    background: var(--main-color);
    color: #fff;
    padding: 15px 50px 15px 15px;
    align-items: center;
    transition: 0.3s;
}
.new-icon-btn span {
    position: absolute;
    right: 0;
    top: 0;
    background: #d95e19;
    border-radius: 30px 5px 5px 30px;
    height: 100%;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition:
        background 0.3s,
        transform 0.3s;
}
.new-btn,
.prc-hero-eyebrow {
    align-items: center;
    color: var(--main-color);
}
.new-icon-btn:hover {
    background: #000;
    color: #fff;
}
.new-icon-btn i {
    transition: transform 0.3s;
}
@media screen and (max-width: 1023px) {
    .new-footr-box {
        padding: 20px 10px;
    }
    .new-footr-stats .row .col:first-child .new-footr-box:before,
    .new-footr-stats .row .col:nth-child(2) .new-footr-box:after,
    .new-footr-stats .row .col:nth-child(2) .new-footr-box:before,
    .new-footr-stats .row .col:nth-child(4) .new-footr-box:after {
        display: none;
    }
    .new-footr-box:before {
        position: absolute;
        content: "";
        background: #ebe5eb;
        width: 100%;
        height: 1px;
        left: 0;
        top: 0;
    }
}
@media (min-width: 992px) and (max-width: 1024px) {
    .res-blog-left h4 {
        font-size: 20px;
    }
}
.new-btn {
    background: 0 0;
    padding: 15px;
    transition: 0.3s;
    border: 2px solid var(--main-color);
}
.ai-arrow-btn a,
.ai-arrow-btn a:before,
.home-course-cta a,
.persona-img-shape {
    transition: 0.4s ease-in-out;
}
.group-btn {
    gap: 32px;
}
.agencies-banner {
    background: #fdfaf8;
}
.agencies-banner-box h1 {
    font-size: 52px;
    line-height: 1.2;
    margin-top: 15px;
}
.agencies-banner-box h6 {
    color: var(--main-color);
    font-size: 18px;
    font-weight: 400;
}
.agencies-bnnr-icon1,
.agencies-bnnr-icon3 {
    position: absolute;
    top: -20px;
}
.agencies-bnnr-icon1 {
    left: -90px;
    animation: 1s ease-out 0.2s forwards slideInLeft;
    opacity: 0;
}
.agencies-bnnr-icon3 {
    right: -170px;
    animation: 1s ease-out 0.6s forwards slideInRight;
    opacity: 0;
}
.agencies-bnnr-icon2,
.agencies-bnnr-icon4 {
    position: absolute;
    bottom: 50px;
}
.agencies-bnnr-icon2 {
    left: -140px;
    animation: 1s ease-out 0.4s forwards slideInLeft;
    opacity: 0;
}
.agencies-bnnr-icon4 {
    right: -140px;
    animation: 1s ease-out 0.8s forwards slideInRight;
    opacity: 0;
}
.ask-foxi-img,
.practice-foxi-img {
    width: 111px;
    animation: 2.5s infinite foxi-bounce;
}
@keyframes slideInLeft {
    0% {
        opacity: 0;
        transform: translateX(-100px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}
@keyframes slideInRight {
    0% {
        opacity: 0;
        transform: translateX(100px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}
.agencies-tab-sec {
    background: url("../img/agencies-upper.png") top/contain no-repeat;
}
.agencies-tab-sec .nav-link {
    padding: 12px 30px;
    background: 0 0;
    border-radius: 10px;
    text-align: left;
    color: #000;
    border: none;
    transition: 0.3s ease-in-out;
}
.agencies-tab-sec .nav-link.active {
    background: #fff0e8;
    color: #000;
    padding: 25px 30px;
    margin-bottom: 15px;
    margin-top: 15px;
}
.agencies-tab-sec .nav-link img {
    filter: saturate(0);
}
.agencies-tab-sec .nav-link.active img {
    filter: none;
}
.agencies-tab-sec .nav-link span {
    font-size: 18px;
    margin-left: 10px;
    position: relative;
    top: 3px;
    font-weight: 500;
}
.agencies-tab-sec .nav-link p {
    margin-bottom: 0;
    display: none;
}
.agencies-tab-sec .tab-content > .tab-pane {
    transition: opacity 0.5s ease-in-out;
    opacity: 0;
    visibility: hidden;
    height: 0;
    overflow: hidden;
}
.agencies-tab-sec .tab-content > .tab-pane.show.active {
    opacity: 1;
    visibility: visible;
    height: auto;
    overflow: visible;
}
.innr-accordion .card-header {
    margin-bottom: 0 !important;
    background: var(--main-color);
}
.innr-accordion .card-header.collapsed {
    background-color: rgba(0, 0, 0, 0.03);
}
.community-podcast-thumb,
.video-gallery-sec {
    position: relative;
    overflow: hidden;
}
.faq-page-box .card,
.video-gallery-slider .item .card iframe{
    border-radius: 15px;
}
.faq-page-box .card:last-child{border-bottom: 1px solid #eaeaf0;}
/*.video-gallery-slider .item .card {
    transition: transform 0.5s;
    text-align: center;
}
.video-gallery-slider .item .card h6 {
    color: #000;
    line-height: 1.6;
}
.video-gallery-slider .item .card:hover {
    transform: scale(1.06) translateY(-10px);
}*/
.video-gallery-slider.owl-carousel .owl-stage-outer {
    overflow: visible;
}
.video-gallery-sec .res-head h2 {
    font-size: 22px;
    color: #000;
    gap: 0;
}
.video-gallery-sec .res-head h2 i.fa-chevron-right {
    width: 22px;
    position: relative;
    left: 6px;
}
.video-gallery-slider .owl-nav {
    position: absolute;
    top: 30%;
    width: 100%;
}
.video-gallery-slider .owl-nav button {
    position: absolute;
    font-size: 20px !important;
    background: #ffe6d8 !important;
    width: 50px;
    line-height: normal;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 60px !important;
}
.video-gallery-slider .owl-nav button.owl-prev {
    left: -18px;
}
.video-gallery-slider .owl-nav button.owl-next {
    right: -18px;
}
.video-gallery-slider .community-card .youtubeicon {
    position: absolute;
    top: 0;
    height: 80px;
    width: 80px !important;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    transform: scale(0);
    opacity: 0;
}
.video-gallery-slider .community-card:hover .youtubeicon {
    transform: scale(1);
    opacity: 1;
}
.blog-single-outer h2 {
    font-size: 2rem;
}
.blog-single-outer h3 {
    font-size: 1.75rem;
}
.blog-single-outer h4 {
    font-size: 1.5rem;
    margin-bottom: 10px;
}
.blog-single-outer h5 {
    font-size: 1.25rem;
    margin-bottom: 10px;
}
.res-news-letter.footr-nws {
    margin-top: -25px;
}
.res-news-letter.footr-nws p {
    font-size: 12px;
    margin-bottom: 10px;
    line-height: 1.4;
}
.res-news-letter.footr-nws .footer-news input[type="email"] {
    height: 45px;
    padding: 10px 12px;
    margin-bottom: 15px;
}
.res-news-letter.footr-nws h4 {
    text-transform: none;
    margin-bottom: 0;
}
.new-ebok.checklist-box img {
    filter: none;
    border-radius: 25px 25px 0 0;
}
.common-box.new-ebok.checklist-box {
    margin-bottom: 30px;
    overflow: visible !important;
}
.checklist-box .tag-name {
    position: absolute;
    left: -10px;
    top: 30px;
    z-index: 1;
    background: url("../img/tag.png") 0 0/12px no-repeat;
    min-width: max-content;
}
.checklist-box .tag-name p {
    font-size: 14px;
    color: #fff;
    padding: 1px 5px 2px;
    position: relative;
    background: #6b6b6b;
    margin-left: 11px;
    margin-top: 5px;
}
.checklist-box .tag-name p:after {
    position: absolute;
    content: "";
    right: -9px;
    top: 0;
    width: 10px;
    height: 29px;
    z-index: 0;
    background: #6b6b6b;
    border-radius: 0 12px 12px 0;
}
.single-post.postid-10305 .blg-main-featured-img {
    height: 419px !important;
    object-position: center;
}
.ai-banner-sec {
    padding: 90px 0;
    position: relative;
}
.ai-banner-sec:before {
    position: absolute;
    content: "";
    background: url("../img/ai-bg-shape.svg") 0 0 / cover no-repeat;
    bottom: 0;
    left: 0;
    width: 70%;
    height: 100%;
    z-index: 0;
}
.ai-video-bg {
    min-height: 360px !important;
    border-radius: 10px;
    background: #ffceb0;
    padding: 8px 0;
    border: 7px solid #fbba93;
}
.ai-banner-sec h1 {
    font-size: 44px;
    line-height: 1.5;
    font-weight: 700;
    margin-bottom: 20px;
}
.ai-banner-sec p {
    line-height: 30px;
    margin-bottom: 24px;
}
.ai-left-sec h3 {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.5;
}
.ai-left-sec p {
    font-size: 18px;
    line-height: 2;
}
.ai-left-sec ul li:before {
    top: 4px;
}
.ai-arrow-btn a {
    position: relative;
    padding: 14px 18px;
    border: 2px solid #000;
    font-size: 16px;
    border-radius: 10px;
    display: inline-block;
    font-weight: 600;
    background: 0 0;
    color: #000;
    overflow: hidden;
}
.ai-arrow-btn a:before {
    position: absolute;
    content: "";
    background: #000;
    left: 0;
    top: 0;
    width: 0%;
    height: 100%;
    z-index: -1;
}
.ai-cta-sec {
    background: #000;
    border-radius: 50px;
    padding: 32px 60px;
    min-height: 380px;
    margin-top: -190px;
}
.ai-can-trust-main-sec {
    margin-top: 190px;
    padding-bottom: 80px;
}
.ai-cta-sec h3 {
    color: #fff;
    font-size: 38px;
    font-weight: 700;
    line-height: 1.5;
}
.ai-cta-sec .bnr-btn a:hover {
    background: #d0520a;
    background: linear-gradient(39deg, rgb(117 97 222) 0, rgb(224 150 129) 100%);
}
.ai-can-trust-sec {
    margin-top: 110px;
}
.ai-can-trust-sec h3,
.new-heading h2 {
    font-size: 34px;
    font-weight: 700;
}
.ai-can-trust-box {
    background: #fff;
    padding: 25px;
    border-radius: 17px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}
.ai-can-trust-box h5 {
    font-size: 19px;
    font-weight: 600;
    margin-bottom: 15px;
}
.persona-box {
    border: 1px solid #6a6a6a;
    border-radius: 30px;
    padding: 0 15px 15px;
    margin-top: 140px;
}
.mobile-top-val,
.persona-box h4,
.pri-user-selector h3 {
    font-size: 22px;
    font-weight: 700;
}
.persona-img {
    position: relative;
    margin-top: -145px;
    margin-bottom: 35px;
}
.persona-img-shape {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
    transform: scale(1.13);
    right: 0;
    margin: auto;
}
.persona-img img {
    width: 220px;
    margin: auto;
}
.persona-box:hover .persona-img-shape {
    transform: scale(1.13) rotate(-155deg);
}
.ai-main-video.coach-foxi-banner .ai-video-bg {
    min-height: 300px !important;
}
.coach-foxi-banner:after {
    position: absolute;
    content: "";
    right: -155px;
    bottom: -67px;
    width: 245px;
    height: 440px;
    background: url("../img/foxi-hi.png") 0 0 / contain no-repeat;
}
.ask-foxi-img {
    position: absolute;
    right: 50px;
    top: 2px;
}
.practice-foxi-img {
    position: absolute;
    right: 340px;
    top: -64px;
}
@keyframes foxi-bounce {
    0%,
    100% {
        transform: translateY(0);
    }
    30% {
        transform: translateY(-15px);
    }
    60% {
        transform: translateY(-5px);
    }
}
.foxi-video {
    width: 100%;
    height: auto;
    display: block;
}
.ai-banner-sec.care-coach-banner {
    padding-top: 30px;
    padding-bottom: 0;
}
.new-pricing-banner {
    padding: 96px 5vw 80px;
    background: #2a2a2a;
    position: relative;
}
.new-pricing-banner::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 80% 60% at 50% 0, rgba(237, 130, 65, 0.2) 0, transparent 70%);
    pointer-events: none;
}
.new-pricing-banner h1 {
    font-size: clamp(2.4rem, 5vw, 3.8rem);
    margin-bottom: 6px;
    font-weight: 700;
    color: #fff;
}
.new-pricing-banner h1 span {
    font-style: italic;
    font-weight: 500;
    color: var(--main-color);
}
.new-pricing-banner p {
    line-height: 2.2;
    color: rgba(255, 255, 255, 0.6);
    font-size: 1.1rem;
}
.prc-hero-eyebrow {
    display: inline-flex;
    gap: 0.5rem;
    background: rgb(255 255 255 / 15%);
    border: 1px solid;
    font-size: 0.8rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    padding: 0.35rem 0.9rem;
    border-radius: 100px;
    margin-bottom: 1.5rem;
    line-height: 1.5;
}
.prc-hero-eyebrow::before {
    content: "●";
    font-size: 0.5rem;
    animation: 2s infinite pulsepr;
}
@keyframes pulsepr {
    0%,
    100% {
        opacity: 1;
    }
    50% {
        opacity: 0.3;
    }
}
.monthly-tab .nav {
    padding: 6px 8px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
    border-radius: 50px;
    position: relative;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.15);
}
.plan-card.featured,
.plan-card:hover {
    box-shadow: 0 12px 60px rgba(237, 130, 65, 0.16);
}
.monthly-tab .nav button {
    padding: 0.5rem 1.6rem;
    font-size: 15px;
    background-color: transparent;
    border: none;
    border-radius: 30px;
    color: rgba(255, 255, 255, 0.55);
    position: relative;
    z-index: 1;
    transition: color 0.3s;
}
.monthly-tab .nav button .save-badge {
    display: inline-block;
    background: #fff;
    color: #0e2a3a;
    font-size: 0.72rem;
    font-weight: 700;
    padding: 0.2rem 0.6rem;
    border-radius: 100px;
    margin-left: 0.5rem;
    vertical-align: middle;
    letter-spacing: 0.03em;
}
.price-box {
    border: 2px solid #c7c7c7;
    padding: 30px 27px;
    border-radius: 20px;
}
.price-box.orng {
    background: #fef8f5;
    border: 2px solid var(--main-color);
}
.prc-head h2 {
    font-size: 30px;
    font-weight: 600;
    color: #000;
}
.prc-head h3 {
    font-size: 16px;
    font-weight: 400;
}
.prc-head h4 {
    font-size: 19px;
    font-weight: 500;
}
.prc-head p {
    line-height: 28px;
    min-height: 65px;
    font-size: 15px;
}
.prc-head ul {
    padding-left: 25px;
    min-height: 180px;
}
.prc-head ul li {
    position: relative;
    margin-bottom: 7px;
}
.prc-head ul li:before {
    position: absolute;
    content: "";
    background: url("../img/price-green.png") 0 0 / contain no-repeat;
    width: 26px;
    height: 27px;
    left: -30px;
    top: 1px;
}
.price-txt h3 span {
    font-size: 44px;
    font-weight: 500;
    color: var(--main-color);
    margin-right: 7px;
}
.prc-section-label {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 28px;
}
.prc-section-label-icon {
    width: 38px;
    height: 38px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
}
.prc-section-label h2 {
    font-size: 1.55rem;
    font-weight: 700;
    letter-spacing: -0.02em;
}
.prc-section-label p {
    font-size: 0.875rem;
    color: #4a6070;
    margin-top: 0.1rem;
}
.plan-card {
    background: #fff;
    border: 1.5px solid #c5c5c5;
    border-radius: 22px;
    overflow: hidden;
    transition:
        transform 0.25s,
        box-shadow 0.25s;
    position: relative;
}
.plan-card:hover {
    transform: translateY(-4px);
}
.plan-card.featured {
    border-color: var(--main-color);
    border-radius: 22px;
}
.compare-table td,
.plan-header {
    border-bottom: 1px solid #d1d1d1;
}
.compare-table td:nth-child(3) {
    background: #fff5ef;
}
.ai-top-badge {
    background: #51c98c;
    padding: 2px 0;
    position: absolute;
    top: 19px;
    right: -42px;
    width: 160px;
    margin: 0 auto;
    font-size: 13px;
    color: #fff;
    transform: none;
    text-align: center;
    rotate: 40deg;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
    z-index: 9;
}
.plan-header {
    padding: 15px 20px;
}
.plan-name {
    font-size: 1.25rem;
    font-weight: 700;
    color: #000;
    margin-bottom: 0.3rem;
}
.ai-inline-badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background: var(--main-color);
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    padding: 3px 9px;
    border-radius: 100px;
    letter-spacing: 0.4px;
    position: relative;
    top: -4px;
    margin-left: 7px;
}
.plan-tagline {
    font-size: 0.75rem;
    color: #4a6070;
}
.plan-price-block {
    padding: 15px 20px 0;
}
.price-label {
    font-size: 0.75rem;
    color: #767676;
    font-weight: 500;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    margin-bottom: 0.3rem;
}
.price-main {
    display: flex;
    align-items: baseline;
    color: #1c2b4a;
}
.price-currency {
    font-size: 1.3rem;
    font-weight: 500;
    margin-top: 0.4rem;
}
.price-amount {
    font-size: 2.5rem;
    font-weight: 600;
    letter-spacing: -0.04em;
    line-height: 1;
    margin-right: 5px;
}
.features-title,
.plan-badge {
    letter-spacing: 0.07em;
    text-transform: uppercase;
}
.feat-ai-new:after,
.feat-ai:after {
    font-size: 10px;
    color: #fff;
    font-weight: 400;
    padding: 2px 7px;
    border-radius: 100px;
    top: -2px;
    margin-left: 7px;
    position: relative;
}
.price-period {
    font-size: 0.85rem;
    font-style: italic;
}
.price-note {
    font-size: 0.78rem;
    color: #767676;
    margin-top: 0.4rem;
    min-height: 1.1em;
}
.plan-divider {
    height: 1px;
    background: #c5c5c5;
    margin: 20px;
}
.plan-features {
    padding: 0 20px 28px;
}
.features-title {
    font-size: 0.72rem;
    font-weight: 600;
    color: #767676;
    margin-bottom: 14px;
}
.plan-features ul li {
    display: flex;
    align-items: flex-start;
    gap: 0.4rem;
    font-size: 0.875rem;
    margin-bottom: 10px;
    line-height: 1.5;
}
.plan-features ul li:last-child{margin-bottom: 0;}
.plan-features ul li p {
    font-size: 0.875rem;
    line-height: 1.6;
}
.plan-features ul li i {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    flex-shrink: 0;
    margin-top: 1px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.65rem;
    background: #fee8da;
    color: #000;
}
.payg-footer,
.payg-perk {
    align-items: center;
    display: flex;
}
.feat-ai:after {
    content: "AI";
    background: #51c98c;
}
.feat-ai-new:after {
    content: "New";
    background: #51c98c;
}
.plan-cta {
    display: block;
    margin: 0 20px 15px;
    padding: 12px;
    border-radius: 10px;
    text-align: center;
    text-decoration: none;
    font-weight: 600;
    font-size: 0.95rem;
    transition: 0.2s;
    width: stretch;
    border: 1.5px solid transparent;
}
.plan-cta.cta-outline {
    background: 0 0;
    color: var(--main-color);
    border: 1.5px solid var(--main-color);
}
.plan-cta.cta-outline:hover {
    color: #fff;
}
.plan-cta.cta-primary {
    background: var(--main-color);
    color: #fff;
    box-shadow: none;
}
.plan-cta.cta-primary:hover {
    transform: translateY(-1px);
    color: #fff;
}
.cont-sale-btn {
    background: #51c98c;
    color: #fff;
}
.cont-sale-btn:hover {
    box-shadow: 0 4px 20px rgba(73, 202, 141, 0.35);
    color: #fff;
}
.plan-badge {
    background: var(--main-color);
    color: #fff;
    text-align: center;
    font-size: 0.75rem;
    font-weight: 700;
    padding: 0.45rem;
    position: relative;
    top: 0;
    left: 0;
    border-radius: 0 0 22px 22px;
    width: 46%;
    right: 0;
    margin: auto;
}
.compare-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}
.compare-table td,
.compare-table th {
    padding: 12px 20px;
    text-align: center;
}
.compare-table thead th {
    background: #000;
    color: #fff;
    font-weight: 600;
    font-size: 1rem;
}
.compare-table thead th:first-child {
    border-radius: 14px 0 0;
}
.compare-table thead th:last-child {
    border-radius: 0 14px 0 0;
}
.compare-table tr:last-child td {
    border: none;
}
.compare-table.two td,.compare-table.two .finder {
    text-align: left;
}

.compare-table td:first-child {
    color: #1a2b35;
    font-weight: 500;
}
.compare-table .tick {
    color: var(--main-color);
    font-weight: 700;
    font-size: 1rem;
}
.compare-table .cross {
    color: #c0cccc;
    font-size: 1rem;
}
.trust-item {
    background: #fff;
    border: 1px solid #c5c5c5;
    border-radius: 14px;
    padding: 30px 20px;
    text-align: center;
}
.trust-num {
    font-size: 34px;
    font-weight: 600;
    color: var(--main-color);
    letter-spacing: -0.04em;
    line-height: 1;
    margin-bottom: 0.3rem;
}
.pric-trust .trust-item {
    padding: 20px 20px;
}
.trust-label {
    font-size: 0.82rem;
    color: #4a6070;
}
.soft .box {
    padding: 28px;
    position: relative;
    overflow: hidden;
    background: #fff;
    border: 1.5px solid #d4e6e0;
    border-radius: 22px;
}
.soft .box h3 {
    font-size: 22px;
    margin-bottom: 10px;
    font-weight: 600;
}
.soft .box a{
    align-self: flex-start;
    margin-top: auto;
    background: #FDEEE0;
    color: var(--main-color);
    text-decoration: none;
    font-weight: 700;
    font-size: 14px;
    padding: 10px 18px;
    border-radius: 999px;
}
.soft .box a:hover {
    background: var(--main-color);
    color: #fff;
}
.prci-section-label {
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 6px;
}
.payg-section {
    background: #000;
    border-radius: 22px;
    overflow: hidden;
}
.payg-header {
    padding: 40px 50px 32px;
    border-bottom: 1px solid;
}
.payg-header-left h2 {
    font-size: 1.8rem;
    font-weight: 700;
    color: #fff;
    letter-spacing: -0.03em;
    margin-bottom: 0.5rem;
}
.payg-header-left h2 em {
    color: var(--main-color);
    font-style: italic;
    font-weight: 500;
}
.payg-header-left p {
    color: rgba(255, 255, 255, 0.55);
    font-size: 0.95rem;
}
.payg-header-right {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 14px;
    padding: 18px 24px;
    text-align: center;
}
.payg-header-right .ph-val {
    font-size: 2.4rem;
    font-weight: 700;
    color: #fff;
    line-height: 1;
}
.payg-header-right .ph-sub {
    font-size: 0.8rem;
    color: rgba(255, 255, 255, 0.4);
    margin-top: 0.3rem;
}
.bundle-card {
    padding: 28px 64px;
    border-right: 1px solid;
    transition: background 0.2s;
    cursor: pointer;
    position: relative;
}
.bundle-popular-tag {
    position: absolute;
    top: 16px;
    right: 48px;
    background: #e8a020;
    color: #0e2a3a;
    font-size: 0.65rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    padding: 0.18rem 0.5rem;
    border-radius: 6px;
}
.bundle-hours,
.prc {
    letter-spacing: -0.04em;
}
.bundle-hours {
    font-size: 2.2rem;
    font-weight: 700;
    color: #fff;
    line-height: 1;
    margin-bottom: 0.25rem;
}
.bundle-hours span {
    font-size: 1rem;
    font-weight: 400;
    color: #fff;
    margin-left: 0.2rem;
}
.bundle-price {
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--main-color);
    margin-bottom: 0.25rem;
}
.bundle-per {
    font-size: 0.78rem;
    color: #fff;
    margin-bottom: 1rem;
}
.bundle-savings {
    font-size: 0.78rem;
    font-weight: 600;
    color: #e8a020;
    margin-bottom: 1.2rem;
    min-height: 1.2em;
}
.bundle-btn {
    display: block;
    padding: 0.6rem 1rem;
    border-radius: 8px;
    text-align: center;
    text-decoration: none;
    font-size: 0.85rem;
    font-weight: 600;
    border: 1.5px solid rgba(255, 255, 255, 0.8);
    color: #fff;
    background: 0 0;
    cursor: pointer;
    transition: 0.2s;
}
.btn-payg,
.hours-selector h5,
.payg-card h2,
.qty-btn,
.qty-val {
    font-weight: 700;
}
.payg-footer {
    padding: 22px 40px;
    border-top: 1px solid;
    gap: 22px;
    flex-wrap: wrap;
}
.payg-perk {
    gap: 0.5rem;
}
.payg-perk::before {
    content: "✓";
    color: var(--main-color);
    font-weight: 700;
}
.plan-card .pricing-user-increment-box {
    padding: 17px 20px;
}
.pricing-user-increment-innr {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    background: #fff1e8;
    padding: 6px 6px 6px 14px;
    border-radius: 10px;
    min-height: 63px;
}
.pricing-user-increment-innr.infnty {
    background: #f4faf7;
}
.pricing-user-increment-innr.infnty i{
   color: #51c98c;
}
.pricing-user-increment-innr.infnty p {
    display: flex;
    align-items: baseline;
    gap: 6px;
}
.bundle-card .pricing-user-increment-box {
    margin-bottom: 20px;
    position: absolute;
    top: 80px;
    right: 35px;
}
.payg-header-right .pricing-user-increment-box span.qty-control {
    background: #818080;
}
.new-accordion .card-header .btn:after {
    content: "+";
    float: right;
    position: absolute;
    right: 20px;
    top: 17px;
    transform: rotate(45deg);
    font-size: 19px;
}
.new-accordion .card-header .btn.collapsed:after {
    transition: 0.3s ease-in-out;
    transform: rotate(0);
}
.new-accordion .card {
    border: 1px solid #ddd;
    border-radius: 15px;
    height: 100%;
}
.new-accordion .card-header {
    border-bottom: none;
    padding: 0;
    border-radius: 15px;
    background-color: #fff;
}
.payg-card::after,
.payg-card::before {
    border-radius: 50%;
    content: "";
    position: absolute;
    pointer-events: none;
}
.new-accordion .card-header .btn {
    text-align: left;
    font-weight: 600;
    font-size: 0.9rem;
    display: block;
    padding: 20px 35px 20px 20px;
}
.new-accordion .card-body {
    padding-top: 0;
    font-size: 0.875rem;
    line-height: 1.9;
}
.payg-card {
    background: #000;
    border-radius: 22px;
    padding: 48px 40px;
    color: #fff;
    position: relative;
    overflow: hidden;
}
.payg-card::before {
    top: -60px;
    right: -60px;
    width: 250px;
    height: 250px;
    background: radial-gradient(circle, rgba(249, 115, 22, 0.18) 0, transparent 70%);
}
.payg-card::after {
    bottom: -40px;
    left: 20%;
    width: 180px;
    height: 180px;
    background: radial-gradient(circle, rgba(124, 58, 237, 0.14) 0, transparent 70%);
}
.payg-card h2 {
    font-size: clamp(1.5rem, 3vw, 2rem);
    margin-bottom: 10px;
    line-height: 1.2;
}
.payg-card h2 span {
    color: var(-orange);
}
.payg-card p.lead-text {
    color: #fff;
    line-height: 1.6;
}
.hours-selector {
    background: rgb(255 255 255 / 22%);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 14px;
    padding: 24px 26px;
}
.hours-selector h5 {
    font-size: 1rem;
    margin-bottom: 4px;
}
.hours-selector p {
    color: #fff;
    font-size: 0.8rem;
    margin-bottom: 20px;
}
.qty-control {
    display: inline-flex;
    align-items: center;
    gap: 14px;
}
/*.hours-selector .qty-control {
    align-items: center;
    background: #fff5ef;
    border: 1.5px solid #f5d0bc;
    border-radius: 100px;
    padding: 4px;
}*/
.qty-btn {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    border: none;
    background: rgba(255, 255, 255, 0.12);
    color: var(--main-color);
    font-size: 1.1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.2s;
}
.hours-selector .qty-btn:hover{
    background: var(--main-color);
    color: #fff;
}
.payg-perk,
.qty-val {
    display: flex;
    align-items: center;
}
.qty-btn:hover {
    background: rgba(255, 255, 255, 0.22);
}
.qty-val {
    font-size: 1.2rem;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    width: 52px;
    height: 38px;
    justify-content: center;
}
.payg-price-box {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 16px;
    padding: 28px 28px 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.payg-price-box .price-tag {
    font-size: 3rem;
    font-weight: 800;
    color: #fff;
    line-height: 1;
}
.payg-price-box .price-note {
    color: #6b7280;
    font-size: 0.78rem;
    margin-top: 4px;
}
.btn-payg {
    background: var(--brand-orange);
    color: #fff;
    border: none;
    font-size: 0.9rem;
    border-radius: 10px;
    padding: 14px 20px;
    width: 100%;
    transition:
        background 0.2s,
        box-shadow 0.2s;
    cursor: pointer;
}
.hours-selector .price-tag {
    font-size: 28px;
    font-weight: 800;
    color: var(--main-color);
    line-height: 1;
    margin: 0 0 0 32px;
}
.btn-payg:hover {
    background: var(--brand-orange-d);
    box-shadow: 0 4px 16px rgba(249, 115, 22, 0.4);
    color: #fff;
    text-decoration: none;
}
.payg-perk {
    clip-path: margin-box;
    shape-outside: margin-box;
    gap: 7px;
    margin-bottom: 5px;
    color: #fff;
}
.payg-perk i {
    color: var(--brand-orange);
    font-size: 11px;
}
.hours-selector .plan-cta.cta-primary {
    /*width: max-content;*/
}
.stepper-a {
    display: inline-flex;
    align-items: center;
    background: #fff5ef;
    border: 1.5px solid #f5d0bc;
    border-radius: 100px;
    padding: 4px;
    gap: 2px;
}
.plan-card .pricing-user-increment-box input[type="number"] {
    background: 0 0;
    border: none;
    font-weight: 600;
}
.plan-card .pricing-user-increment-box span.qty-control {
    background: 0 0;
    color: var(--main-color);
    font-size: 21px;
}
.pric-bottom-cta {
    background: linear-gradient(135deg, #ed7f41 0, #bf4702 100%);
    border-radius: 22px;
    padding: 60px 45px;
    position: relative;
    overflow: hidden;
}
.pric-bottom-cta::before {
    content: "";
    position: absolute;
    top: -40px;
    right: -40px;
    width: 240px;
    height: 240px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.05);
    pointer-events: none;
}
.pric-bottom-cta h2 {
    font-size: 2rem;
    font-weight: 700;
    color: #fff;
    letter-spacing: -0.03em;
    margin-bottom: 0.5rem;
}
.pric-bottom-cta p {
    color: #fff;
    font-size: 0.95rem;
}
.pric-bottom-cta .bnr-btn a {
    background: #fff;
    color: #000;
    border: 1.5px solid #fff;
}
.pric-bottom-cta .bnr-btn a:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
    border-color: #fff;
    color: #000;
}
.pric-bottom-cta .bnr-btn a:nth-child(2):hover {
    background: #fff;
    color: #000;
}
.pricing-header h1 {
    font-size: clamp(2rem, 4vw, 2.8rem);
    font-weight: 800;
    margin-bottom: 12px;
}
.pricing-header p {
    color: #4b5563;
    font-size: 1rem;
    max-width: 480px;
    margin: 0 auto;
}
.pricing-header .eyebrow {
    display: inline-block;
    background: #a7fbd0;
    color: #0e2a3a;
    font-weight: 700;
    font-size: 11px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    padding: 5px 14px;
    border-radius: 100px;
    margin-bottom: 16px;
}
.pricing-header .monthly-tab .nav button {
    color: rgb(77 77 77);
}
.pricing-header .monthly-tab .nav button .save-badge {
    background: #a7fbd0;
}


.fr-testi-wrap{margin-top: 50px; }
.rating-box{margin-top: 20px;}
.rating-box img {
    height: 30px;
    object-fit: contain;
    margin-bottom: 15px;
}
.rating-box i {
    font-size: 18px;
    color: #f9c315;
    margin: 0 1px;
}
.rating-box span {
    color: #6e6e6e;
    font-size: 16px;
    font-weight: 500;
}
.testimonial-desi img {
    width: 52px !important;
    height: 52px !important;
}
.testimonial-box {
    padding: 25px;
    background: #fff;
    border-radius: 20px 20px 20px 0;
    box-shadow: 0 15px 20px rgba(0, 0, 0, 0.1);
    height: 100%;
    position: relative;
    border: 1px solid #f5f5f5;
}
.testimonial-box::before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    bottom: -31px;
    left: 0;
    border-top: 32px solid #fff;
    border-right: 34px solid transparent;
}
.testimonial-slider .owl-stage-outer {
    padding-top: 20px;
    padding-left: 20px;
}
.testimonial-desi {
    margin-left: 25px;
    margin-top: 25px;
}
.features-box p,
.testimonial-desi-txt {
    margin-left: 10px;
}
.testimonial-box p {
    line-height: 1.8;
    min-height: 135px;
    margin-bottom: 20px;
}
.testimonial-box i {
    font-size: 19px;
    color: #f9c315;
    margin-right: 5px;
}
.testimonial-desi-txt h6 {
    font-weight: 600;
    margin-bottom: 2px;
}
.testimonial-nav .owl-nav {
    display: flex;
    align-items: center;
    width: 100%;
    position: relative;
}
.testimonial-nav .owl-nav .owl-next,
.testimonial-nav .owl-nav .owl-prev {
    width: 33px;
    height: 25px;
    background: 0 0;
    box-shadow: none;
    display: flex;
    align-items: center;
    font-size: 25px;
    color: #000;
    border: none;
    padding: 0;
    flex-shrink: 0;
}
.testimonial-nav .owl-nav .owl-next {
    position: absolute;
    top: 0;
    right: 0;
    justify-content: right;
}
.testimonial-nav .owl-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
    margin-top: -18px;
}
.testimonial-nav .owl-dots .owl-dot {
    padding: 0;
    border: none;
}
.testimonial-nav .owl-dots .owl-dot span {
    width: 16px;
    height: 8px;
    background: #e5e5e5;
    display: block;
    transition: 0.3s;
    padding: 0;
}
.testimonial-heading {
    font-size: 38px;
    font-weight: 700;
}
.pricing-usage-table .table {
    margin-bottom: 8px !important;
}
.pric-feature h6 {
    border: 1px solid #e1e1e1;
    font-size: 18px;
    padding: 20px 15px;
    border-radius: 10px;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    background: #fff;
}
.feature-image-box,
.highlight-txt,
.home-wrapper,
.number-box p {
    display: inline-block;
}
.pric-feature h6 i {
    font-size: 26px;
    color: var(--main-color);
    min-width: 35px;
    margin-right: 10px;
}
.pric-feature h6:hover {
    border-color: var(--main-color);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    transition: 0.3s ease-in-out;
}
.price-features-box {
    background: #fff;
    border: 1px solid #dedede;
    border-radius: 15px;
    padding: 20px;
}
.prc {
    font-size: 2rem;
    font-weight: 600;
    line-height: 1;
    margin-right: 20px;
    transition: .25s ease;
}
.prc.custom-quote,
.price-amount.custom-quote {
    font-size: 22px;
}
.aihome-platform:before,
.home-lms-sec:before {
    text-align: center;
    font-size: 170px;
    margin: auto;
}
.homepage-banner-sec {
    padding: 90px 0 100px;
    background: url("../img/home-bg.png") 0 0 / cover no-repeat;
    overflow: hidden;
}
.home-hero-title {
    font-size: 37px;
    line-height: 1.4;
    font-weight: 800;
    position: relative;
}
.homepage-banner-sec p {
    line-height: 1.9;
}
.home-wrapper {
    vertical-align: baseline;
    color: var(--main-color);
}
@keyframes blink {
    0%,
    100%,
    50% {
        opacity: 1;
    }
    25%,
    75% {
        opacity: 0;
    }
}
.home-visit {
    position: absolute;
    top: 54px;
    right: -50px;
}
.home-care {
    position: absolute;
    left: 45px;
    bottom: -30px;
}
.features-box p {
    line-height: 22px;
}
.features-box img {
    width: 58px;
    height: 58px;
}
.features-sec .border-right {
    border-color: #bcbcbc !important;
}
.home-lms-sec:before {
    position: absolute;
    content: "AI-Powered";
    left: 0;
    right: 0;
    top: -10px;
    font-weight: 700;
    color: #f7f7f7;
}
.lms-box .img-box {
    width: 65px;
    height: 65px;
    padding: 15px;
    background: #fff4ee;
    border-radius: 100%;
    color: var(--main-color);
}
.lms-box .img-box img.emoji {
    width: 30px !important;
    font-size: 28px;
    height: 30px !important;
}
.lms-box .img-box img {
    height: 56px;
    width: 56px;
    object-fit: contain;
}
.lms-tailor-slider .owl-stage-outer {
    padding-bottom: 10px;
}
.lms-tailor-slider .lms-box:hover {
    box-shadow: 5px 5px 13px rgba(237, 130, 65, 0.15);
    border: 1px solid #f2f2f2;
}
.lms-box {
    padding: 20px 17px;
    background: #fff;
    border-radius: 20px;
    border: 1px solid transparent;
    min-height: 320px;
}
.lms-box h4 {
    font-size: 19px;
    font-weight: 600;
    line-height: 1.6;
}
.lms-box p {
    line-height: 30px;
    font-size: 15px;
    color: #000;
}
.home-course-cta {
    padding: 48px 65px;
    background: #4d5560;
    border-radius: 20px;
}
.home-course-cta h3 {
    font-size: 34px;
    font-weight: 700;
    line-height: 1.5;
}
.home-course-cta:before {
    position: absolute;
    content: "";
    background: url("../img/home-course-left.png") 0 0 / contain no-repeat;
    width: 134px;
    height: 100px;
    left: -50px;
    bottom: -10px;
}
.home-course-cta:after {
    position: absolute;
    content: "";
    background: url("../img/home-course-right.png") 0 0 / contain no-repeat;
    width: 70px;
    height: 80px;
    right: -19px;
    top: -42px;
}
.aihome-platform:before {
    position: absolute;
    content: "One Platform";
    left: 0;
    right: 0;
    top: -10px;
    font-weight: 700;
    color: #f7f7f7;
}
.aihome-platform {
    overflow: hidden;
}
.hme-ai-pltfm-img:before {
    position: absolute;
    content: "";
    background: url("../img/hme-ai-pltfm-before-img.png") 0 0 / contain no-repeat;
    width: 435px;
    height: 466px;
    left: -70px;
    top: -34px;
    z-index: -1;
}
.home-course-cta a {
    position: relative;
    padding: 12px 35px;
    border: 2px solid #fff;
    border-radius: 10px;
    font-weight: 600;
    background: 0 0;
    color: #fff;
}
.home-course-cta a:hover {
    border-color: var(--main-color);
    background: var(--main-color);
}
.home-feature-box {
    background: #eee;
    border-radius: 17px;
    padding: 0 25px 20px 20px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}
.home-feature-box a {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.home-feature-box h4 {
    font-size: 25px;
    font-weight: 700;
    line-height: 1.5;
}
.home-feature-box h6 {
    padding: 12px 10px;
    background: #b2b2b2;
    color: #fff;
    border-radius: 10px;
    font-size: 15px;
    margin-top: auto;
}
.home-feature-box .right-txt {
    font-weight: 700;
    font-size: 25px;
    color: #e2e2e2;
    text-transform: uppercase;
    text-align: right;
    position: absolute;
    right: -144px;
    top: 159px;
    transform: rotate(-90deg);
    width: 304px;
}
.feature-image-box img {
    width: 120px;
}
.foxi-txt-img {
    position: absolute;
    top: -50px;
    left: 95px;
    z-index: 1;
}
.feature-image-box {
    margin-bottom: 20px;
    margin-top: -12px;
    margin-left: -3px;
}
.home-feature-box:hover {
    background: #4d5560;
}
.home-feature-box:hover .right-txt {
    color: #585f6a;
}
.home-why-choose:before {
    position: absolute;
    content: "Why Choose";
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    font-size: 170px;
    top: -10px;
    font-weight: 700;
    color: rgb(247, 247, 247);
}
.benefit-inner:hover {
    background: #ffefe6;
}
.everyday-tasks-sec h4 {
    font-size: 44px;
    font-weight: 700;
    margin-bottom: 10px;
}
.screen-sec {
    padding-top: 100px;
    background: #f3ac84;
    background: linear-gradient(0deg, #f3ac84 0, #fff 100%);
}
.dark-cta {
    padding: 55px 0;
    background: #5c5a5a;
    background: linear-gradient(90deg, #5c5a5a 0, #000 100%);
}
.dark-cta h3 {
    font-size: 38px;
    font-weight: 700;
    line-height: 1.6;
}
.care-eyebrow,
.orng-highlight-word {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #ed7f41;
    margin-bottom: 10px;
}
.highlight-txt {
    font-size: 12px;
    text-transform: capitalize !important;
    color: #fff !important;
    background: var(--main-color);
    padding: 7px 13px;
    border-radius: 70px;
}
.main-feature-box:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    background: #fff;
    transition: 0.3s ease-in-out;
}
.ai-360-btn:before,
.ai-360-li:hover .ai-360-btn:before {
    background: #ffede3;
}
.number-box p {
    background: #d0520a;
    background: linear-gradient(39deg, #d0520a 0, #ed7f41 100%);
    font-size: 22px !important;
    font-weight: 700;
    color: #fff;
    padding: 14px 16px;
    border-radius: 8px;
}
.main-feature-box:hover .number-box p {
    background: #000;
    background: linear-gradient(39deg, #000 0, #878787 100%);
}
.main-feature-box h4 {
    font-size: 19px;
    font-weight: 700;
}
.l2c-banner-ph {
    width: 254px;
    position: absolute;
    bottom: -70px;
    z-index: 121;
    right: -120px;
}
.ai-360-btn:before {
    position: absolute;
    content: "";
    width: 105%;
    height: 50px;
    border: 2px solid var(--main-color);
    top: 14px;
    left: -3px;
    right: 0;
    border-radius: 40px;
    z-index: -1;
    margin: auto;
}
.ai-360-btn {
    margin: 0 12px !important;
}
.ai-360-btn img {
    filter: brightness(0);
    animation: 1.5s ease-in-out infinite brightnessPulse;
}
.ai-360-btn i {
    font-size: 22px;
    color: #000;
    animation: 1.5s ease-in-out infinite colorchnge;
}
@keyframes brightnessPulse {
    0%,
    100% {
        filter: brightness(1);
    }
    50% {
        filter: brightness(0);
    }
}
@keyframes colorchnge {
    0%,
    100% {
        color: var(--main-color);
    }
    50% {
        color: #000;
    }
}
.startup-top-shape:before {
    position: absolute;
    content: "";
    background: url(../img/startup-top-shape.png) 0 0/100% no-repeat;
    width: 100%;
    height: 37%;
    top: -1px;
    left: 0;
    z-index: -1;
}
.trng-challngs {
    background: #f4f4f4;
    padding: 30px;
    border-radius: 25px;
}
.centralized-item,
.mng-cors-card {
    background: #fff;
    overflow: hidden;
    opacity: 0;
}
.trng-challngs h3 {
    font-size: 18px;
    font-weight: 700;
}
.trng-challngs p {
    line-height: 28px;
}
.startup-inner-tab button {
    padding: 0;
    border: none;
    text-align: left;
    background: 0 0;
}
.startup-inner-tab button.nav-link.active {
    padding: 0;
    background: 0 0;
    background-color: none !important;
    border: none;
}
.centralized-panel {
    width: 100%;
    max-width: 520px;
}
.centralized-panel-title {
    font-size: 1.15rem;
    font-weight: 700;
    margin-bottom: 18px;
    letter-spacing: -0.01em;
}
.centralized-items,
.chat-area,
.chat-msg-wrap,
.chat-wrap,
.l2c-contact-meta {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.centralized-item {
    border: 1px solid #ebebf0;
    border-radius: 14px;
    padding: 18px 20px;
    display: flex;
    align-items: center;
    gap: 16px;
    transition:
        box-shadow 0.18s,
        transform 0.18s,
        border-color 0.18s;
    box-shadow:
        0 1px 4px rgba(0, 0, 0, 0.06),
        0 4px 16px rgba(0, 0, 0, 0.04);
    position: relative;
    animation: 0.36s forwards fadeUp;
}
.centralized-item::after {
    content: "";
    position: absolute;
    inset: 0;
    opacity: 0;
    background: linear-gradient(120deg, transparent 60%, rgba(0, 0, 0, 0.025));
    transition: opacity 0.2s;
    pointer-events: none;
}
.centralized-item:hover {
    box-shadow:
        0 4px 16px rgba(0, 0, 0, 0.1),
        0 1px 4px rgba(0, 0, 0, 0.06);
    transform: translateY(-1px);
    border-color: #d8d9e8;
}
.centralized-item:active,
.mng-cors-card {
    box-shadow:
        0 1px 4px rgba(0, 0, 0, 0.06),
        0 4px 16px rgba(0, 0, 0, 0.04);
}
.centralized-item:active {
    transform: translateY(0);
}
.centralized-icon-wrap {
    flex-shrink: 0;
    width: 42px;
    height: 42px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.centralized-icon-wrap svg {
    width: 20px;
    height: 20px;
}
.centralized-icon-wrap.centralized-red {
    background: #fff1f0;
    color: #f04438;
}
.centralized-icon-wrap.centralized-orange {
    background: #fff7ed;
    color: #f79009;
}
.centralized-icon-wrap.centralized-blue {
    background: #eff6ff;
    color: #3b82f6;
}
.centralized-icon-wrap.centralized-green {
    background: #f0fdf4;
    color: #22c55e;
}
.centralized-text,
.cert-info,
.course-info,
.eco-info-text,
.m-info {
    flex: 1;
    min-width: 0;
}
.centralized-item-title {
    font-size: 0.93rem;
    font-weight: 600;
    margin-bottom: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.centralized-item-desc {
    font-size: 0.82rem;
    line-height: 1.4;
}
.centralized-chevron {
    flex-shrink: 0;
    color: #c8c9d8;
    transition:
        color 0.18s,
        transform 0.18s;
    display: flex;
    align-items: center;
}
.centralized-item:first-child,
.startup-dash-main > :first-child {
    animation-delay: 50ms;
}
.centralized-item:nth-child(2) {
    animation-delay: 0.12s;
}
.centralized-item:nth-child(3) {
    animation-delay: 0.19s;
}
.centralized-item:nth-child(4) {
    animation-delay: 0.26s;
}
.mng-cors-page-title {
    font-size: 1.35rem;
    font-weight: 700;
    margin-bottom: 4px;
}
.mng-cors-page-desc {
    font-size: 12.5px;
    margin-bottom: 28px;
}
.mng-cors-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 11px;
}
@media (max-width: 640px) {
    .mng-cors-grid {
        grid-template-columns: 1fr;
    }
}
@media (min-width: 641px) and (max-width: 860px) {
    .mng-cors-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
.mng-cors-card {
    border: 1px solid #ebebf0;
    border-radius: 14px;
    transition:
        box-shadow 0.2s,
        transform 0.2s;
    animation: 0.38s forwards fadeUp;
}
.mng-cors-card:hover {
    box-shadow:
        0 6px 24px rgba(0, 0, 0, 0.1),
        0 1px 4px rgba(0, 0, 0, 0.06);
    transform: translateY(-2px);
}
.analy-rept-card:first-child,
.mng-cors-card:first-child {
    animation-delay: 40ms;
}
.analy-rept-card:nth-child(2),
.community-wave-bar:nth-child(2),
.mng-cors-card:nth-child(2),
.startup-dash-main > :nth-child(2) {
    animation-delay: 0.1s;
}
.analy-rept-card:nth-child(3),
.mng-cors-card:nth-child(3),
.startup-dash-main > :nth-child(3) {
    animation-delay: 0.16s;
}
.analy-rept-card:nth-child(4),
.mng-cors-card:nth-child(4),
.startup-dash-main > :nth-child(4) {
    animation-delay: 0.22s;
}
.analy-rept-card:nth-child(5),
.mng-cors-card:nth-child(5),
.startup-dash-main > :nth-child(5) {
    animation-delay: 0.28s;
}
.analy-rept-card:nth-child(6),
.mng-cors-card:nth-child(6) {
    animation-delay: 0.34s;
}
.mng-cors-card-img {
    width: 100%;
    height: 148px;
    object-fit: cover;
    display: block;
    background: #e8eaf0;
    position: relative;
}
.mng-cors-img-placeholder {
    width: 100%;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    color: #a0a1b0;
    position: relative;
}
.mng-cors-img-1 {
    background: linear-gradient(135deg, #b8d4e8 0, #d6e8f5 50%, #c5dce8 100%);
}
.mng-cors-img-2 {
    background: linear-gradient(135deg, #c8d8b0 0, #e0ecd0 50%, #d4e4c0 100%);
}
.mng-cors-img-3 {
    background: linear-gradient(135deg, #b0c8d8 0, #c8dce8 50%, #a8c0d8 100%);
}
.mng-cors-img-4 {
    background: linear-gradient(135deg, #2c2c2c 0, #444 50%, #3a3a3a 100%);
}
.mng-cors-img-icon {
    font-size: 2.4rem;
    opacity: 0.55;
}
.mng-cors-global-badge {
    position: absolute;
    top: 10px;
    left: 10px;
    background: #12b76a;
    color: #fff;
    font-size: 0.68rem;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 20px;
    letter-spacing: 0.02em;
}
.mng-cors-card-body {
    padding: 10px;
}
.mng-cors-card-title {
    font-size: 12.5px;
    font-weight: 600;
    color: #1a1b2e;
    line-height: 1.4;
    margin-bottom: 12px;
}
.mng-cors-meta-row {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 6px;
}
.mng-cors-completion-row,
.mng-cors-meta-item {
    align-items: center;
    color: #7a7b8e;
    font-size: 9px;
    display: flex;
}
.mng-cors-meta-item {
    gap: 5px;
}
.mng-cors-meta-item svg {
    width: 13px;
    height: 13px;
    flex-shrink: 0;
    color: #9899b2;
}
.mng-cors-divider {
    border: none;
    border-top: 1px solid #ebebf0;
    margin: 5px 0;
}
.mng-cors-completion-row {
    justify-content: space-between;
}
.mng-cors-completion-pct {
    font-weight: 600;
    color: #1a1b2e;
    font-size: 9px;
}
.startup-dash-topnav {
    background: #fff;
    border-bottom: 1px solid #e8e9f0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 3px 0;
    z-index: 100;
}
.startup-dash-topnav-left {
    display: flex;
    align-items: center;
    width: 155px;
    gap: 14px;
}
.startup-dash-ai-pill,
.startup-dash-logo {
    background: #fff4ee;
    align-items: center;
    display: flex;
}
.startup-dash-logo {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    justify-content: center;
    font-size: 1.2rem;
}
.startup-dash-hamburger {
    font-size: 1.1rem;
}
.startup-dash-topnav-center {
    flex: 1;
    display: flex;
    justify-content: end;
}
.startup-dash-ai-pill {
    border: 1.5px solid #f5c4a0;
    border-radius: 30px;
    padding: 6px;
    gap: 8px;
    font-size: 10px;
    font-weight: 600;
    color: #f47c3c;
    transition: box-shadow 0.18s;
}
.startup-dash-ai-pill:hover {
    box-shadow: 0 2px 10px rgba(244, 124, 60, 0.18);
}
.startup-dash-ai-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #4caf50;
}
.startup-dash-topnav-right {
    display: flex;
    align-items: center;
    gap: 3px;
}
.startup-dash-icon-btn {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    transition: background 0.15s;
}
.startup-dash-icon-btn:hover,
.startup-dash-nav-item:hover,
.startup-dash-user-pill:hover {
    background: #f0f1f8;
}
.startup-dash-icon-btn svg {
    width: 15px;
    height: 15px;
}
.startup-dash-badge {
    position: absolute;
    top: 2px;
    right: 2px;
    width: 16px;
    height: 16px;
    background: #f47c3c;
    border-radius: 50%;
    font-size: 0.6rem;
    font-weight: 700;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #fff;
}
.startup-dash-user-pill {
    display: flex;
    align-items: center;
    gap: 2px;
    padding: 4px 10px 4px 4px;
    border-radius: 30px;
    transition: background 0.15s;
}
.startup-dash-avatar {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #e8d5c4;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    font-weight: 600;
    color: #f47c3c;
}
.startup-dash-user-name {
    font-size: 12px;
    font-weight: 500;
}
.startup-dash-sidebar {
    background: #fff;
    border-right: 1px solid #e8e9f0;
    padding: 7px 0;
    flex: 0 0 110px;
    overflow-y: auto;
}
.startup-dash-nav-item {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 11px 4px;
    font-size: 9px;
    font-weight: 400;
    border-radius: 10px;
    transition:
        background 0.15s,
        color 0.15s;
    text-decoration: none;
}
.nav-item.active {
    background: #fff4ee;
    color: #f47c3c;
    font-weight: 600;
}
.startup-dash-nav-item svg {
    width: 15px;
    height: 15px;
    flex-shrink: 0;
}
.startup-dash-main {
    margin-left: 0;
    flex: 1;
    padding: 14px 10px 14px 20px;
}
.inr-list {
    margin-left: 17px;
}
.inr-list li::marker {
    color: var(--main-color);
}
.startup-dash-greeting {
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 4px;
}
.startup-dash-greeting-sub {
    font-size: 11px;
    margin-bottom: 9px;
}
.startup-dash-section-title {
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 14px;
    display: flex;
    align-items: center;
    gap: 6px;
}
.startup-dash-section-title .startup-dash-help {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 1.5px solid #a0a1b2;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.65rem;
    font-weight: 700;
    color: #a0a1b2;
    cursor: help;
}
.startup-dash-card {
    background: #fff;
    border: 1px solid #e8e9f0;
    border-radius: 14px;
    box-shadow:
        0 1px 4px rgba(0, 0, 0, 0.06),
        0 2px 12px rgba(0, 0, 0, 0.04);
    margin-bottom: 12px;
    overflow: hidden;
}
.startup-dash-completion-body {
    padding: 10px 12px;
}
.startup-dash-bar-label {
    display: flex;
    justify-content: space-between;
    font-size: 10px;
    margin-bottom: 3px;
    font-weight: 500;
}
.bulk-enrol-user-item.bulk-enrol-checked .bulk-enrol-user-name-txt,
.startup-dash-bar-label span:last-child {
    font-weight: 700;
}
.startup-dash-bar-track {
    height: 7px;
    background: #f0f1f6;
    border-radius: 99px;
    overflow: hidden;
}
.startup-dash-bar-fill {
    height: 100%;
    border-radius: 99px;
    transition: width 1s cubic-bezier(0.4, 0, 0.2, 1);
}
.startup-dash-bar-fill.startup-dash-orange {
    background: #f47c3c;
    width: 0;
}
.startup-dash-bar-fill.startup-dash-yellow {
    background: #f5a623;
    width: 0;
}
.startup-dash-bar-fill.startup-dash-green {
    background: #2e7d52;
    width: 0;
}
.startup-dash-signup-body {
    padding: 10px 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}
.course-name,
.cre-dash-cert-info,
.cre-dash-course-info,
.letter-meta,
.mob-link-name,
.res-link-name,
.review-bars,
.startup-dash-signup-table {
    flex: 1;
}
.startup-dash-signup-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 0;
    font-size: 10px;
    border-bottom: 1px solid #e8e9f0;
}
.startup-dash-signup-row .startup-dash-label {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 500;
}
.startup-dash-dot {
    width: 9px;
    height: 9px;
    border-radius: 50%;
}
.startup-dash-dot.startup-dash-orange {
    background: #f47c3c;
}
.startup-dash-dot.startup-dash-gray {
    background: #d0d1de;
}
.startup-dash-signup-row .startup-dash-val {
    font-weight: 700;
    font-size: 0.9rem;
}
.startup-dash-donut-wrap {
    flex-shrink: 0;
    width: 100px;
    height: 100px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.startup-dash-donut-wrap svg {
    width: 100px;
    height: 100px;
    transform: rotate(-90deg);
    position: absolute;
}
.startup-dash-donut-track {
    fill: none;
    stroke: #f0ece8;
    stroke-width: 8;
}
.startup-dash-donut-fill {
    fill: none;
    stroke: #f47c3c;
    stroke-width: 8;
    stroke-linecap: round;
    stroke-dasharray: 251.2;
    stroke-dashoffset: 251.2;
    transition: stroke-dashoffset 1.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.startup-dash-donut-label {
    position: relative;
    text-align: center;
}
.startup-dash-donut-pct {
    font-size: 1.15rem;
    font-weight: 700;
    color: #f47c3c;
    display: block;
    line-height: 1;
}
.startup-dash-donut-sub {
    font-size: 0.68rem;
    font-weight: 500;
}
.startup-dash-main > * {
    opacity: 0;
    animation: 0.4s forwards fadeUp;
}
.startup-dash-main-card {
    box-shadow: rgba(0, 0, 0, 0.1) 0 8px 32px;
    background: #fff;
    border: 1px solid #edebe8;
    border-radius: 14px;
    padding: 0 10px;
    animation: 6s ease-in-out infinite su-float;
}
.bulk-enrol-modal-panel {
    background: #fff;
    border-radius: 16px;
    box-shadow:
        0 8px 40px rgba(0, 0, 0, 0.13),
        0 2px 8px rgba(0, 0, 0, 0.06);
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
.bulk-enrol-modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 17px 20px 13px;
    border-bottom: 1px solid #eef0f6;
}
.bulk-enrol-modal-title-row,
.l2c-avatar-row,
.mang-topbar-controls,
.mood-row,
.toolbar-actions {
    display: flex;
    align-items: center;
    gap: 10px;
}
.bulk-enrol-modal-title {
    font-size: 1rem;
    font-weight: 700;
    color: #1a1b2e;
}
.bulk-enrol-selected-badge {
    background: #fff4ee;
    border: 1.5px solid #f5c4a0;
    color: #f47c3c;
    font-size: 0.74rem;
    font-weight: 600;
    padding: 2px 10px;
    border-radius: 20px;
}
.bulk-enrol-close-btn {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #9899b2;
    font-size: 0.95rem;
}
.bulk-enrol-modal-body {
    overflow-y: auto;
    max-height: 530px;
}
.builder-card,
.cta-section,
.faq-answer,
.faq-card,
.faq-wrapper,
.feature-card,
.hero-section,
.mood-bar-track,
.perk-card,
.pgbar-wrap,
.score-track,
.skill-progress,
.trial-section {
    overflow: hidden;
}
.bulk-enrol-selected-section {
    margin: 14px 16px 0;
    background: #f9fafb;
    border: 1px solid #eef0f6;
    border-radius: 10px;
    padding: 12px 14px;
}
.bulk-enrol-selected-label {
    font-size: 0.7rem;
    font-weight: 700;
    color: #6b6c80;
    margin-bottom: 9px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}
.bulk-enrol-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}
.bulk-enrol-tag {
    display: flex;
    align-items: center;
    gap: 5px;
    background: #fff;
    border: 1px solid #dde0ed;
    border-radius: 7px;
    padding: 4px 10px;
    font-size: 0.8rem;
    font-weight: 500;
    color: #1a1b2e;
}
.bulk-enrol-tag-x {
    color: #b0b1c4;
    font-size: 0.9rem;
}
.bulk-enrol-search-row {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 13px 16px 6px;
}
.bulk-enrol-search-wrap {
    flex: 1;
    position: relative;
}
.bulk-enrol-search-wrap::before {
    content: "";
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 14px;
    height: 14px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b0b1c4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
}
.bulk-enrol-search-fake {
    width: 100%;
    padding: 8px 12px 8px 30px;
    border: 1px solid #dde0ed;
    border-radius: 8px;
    font-size: 0.85rem;
    font-family: inherit;
    color: #b0b1c4;
    background: #fff;
    user-select: none;
}
.bulk-enrol-toggle-row {
    display: flex;
    align-items: center;
    gap: 7px;
    flex-shrink: 0;
}
.bulk-enrol-toggle-label {
    font-size: 0.8rem;
    font-weight: 500;
    color: #6b6c80;
    white-space: nowrap;
}
.bulk-enrol-toggle {
    width: 36px;
    height: 20px;
    background: #dde0ed;
    border-radius: 99px;
    position: relative;
}
.bulk-enrol-toggle-knob {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 16px;
    height: 16px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
}
.bulk-enrol-user-list {
    padding: 4px 16px 8px;
}
.bulk-enrol-user-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 12px;
    border-radius: 9px;
    margin-bottom: 2px;
}
.analy-rept-card-icon.analy-rept-orange,
.bulk-enrol-user-item.bulk-enrol-checked,
.chat-msg.ai-msg,
.hint-box.orange,
.ob-item:hover {
    background: #fff4ee;
}
.bulk-enrol-checkbox {
    width: 18px;
    height: 18px;
    border-radius: 5px;
    flex-shrink: 0;
    position: relative;
}
.bulk-enrol-checkbox.bulk-enrol-unchecked {
    border: 2px solid #dde0ed;
    background: #fff;
}
.bulk-enrol-checkbox.bulk-enrol-checked {
    background: #f47c3c;
    border: 2px solid #f47c3c;
}
.bulk-enrol-checkbox.bulk-enrol-checked::after {
    content: "";
    position: absolute;
    left: 3px;
    top: 1px;
    width: 8px;
    height: 5px;
    border-left: 2.2px solid #fff;
    border-bottom: 2.2px solid #fff;
    transform: rotate(-45deg);
}
.eco-hub,
.mang-donut-center {
    transform: translate(-50%, -50%);
}
.bulk-enrol-user-name-txt {
    font-size: 0.875rem;
    font-weight: 500;
    color: #1a1b2e;
}
.bulk-enrol-list-scroll-hint {
    display: flex;
    justify-content: flex-end;
    padding: 0 6px 4px 0;
}
.bulk-enrol-scroll-arrow {
    width: 22px;
    height: 22px;
    background: #f0f1f6;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #9899b2;
    font-size: 0.7rem;
}
.bulk-enrol-due-section {
    padding: 13px 16px 10px;
    border-top: 1px solid #eef0f6;
}
.bulk-enrol-due-title {
    font-size: 0.875rem;
    font-weight: 700;
    color: #1a1b2e;
    margin-bottom: 10px;
}
.bulk-enrol-radio-row {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
}
.bulk-enrol-radio {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 2px solid #dde0ed;
    flex-shrink: 0;
    position: relative;
    background: #fff;
}
.bulk-enrol-radio.bulk-enrol-selected {
    border-color: #f47c3c;
}
.bulk-enrol-radio.bulk-enrol-selected::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #f47c3c;
}
.bulk-enrol-radio-label {
    font-size: 0.83rem;
    color: #4a4b5e;
}
.bulk-enrol-btn-outline,
.bulk-enrol-btn-primary {
    font-family: inherit;
    font-size: 0.875rem;
    font-weight: 600;
    cursor: url(../img/pointer.png), auto;
}
.bulk-enrol-modal-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 20px;
    border-top: 1px solid #eef0f6;
    background: #fff;
}
.bulk-enrol-btn-outline {
    padding: 9px 20px;
    border: 1.5px solid #dde0ed;
    border-radius: 9px;
    background: #fff;
    color: #4a4b5e;
}
.bulk-enrol-btn-primary {
    padding: 9px 24px;
    background: #f47c3c;
    border: none;
    border-radius: 9px;
    color: #fff;
}
.mock-card .btn-gen,
.ui-tabs {
    cursor: unset !important;
}
.analy-rept-page-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 12px;
    gap: 16px;
}
.analy-rept-page-title {
    font-size: 1rem;
    font-weight: 700;
    color: #1a1b2e;
    margin-bottom: 5px;
}
.analy-rept-page-desc {
    font-size: 0.85rem;
    color: #1a1b2e;
    line-height: 1.55;
    max-width: 380px;
}
.analy-rept-reports-pill {
    display: flex;
    align-items: center;
    gap: 7px;
    background: #fff;
    border: 1.5px solid #f5c4a0;
    border-radius: 30px;
    padding: 7px 16px;
    font-size: 0.8rem;
    font-weight: 600;
    color: #f47c3c;
    flex-shrink: 0;
}
.analy-rept-reports-pill::before {
    content: "";
    width: 14px;
    height: 14px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f47c3c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='22 12 18 12 15 21 9 3 6 12 2 12'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
}
.analy-rept-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
}
@media (max-width: 700px) {
    .analy-rept-grid {
        grid-template-columns: 1fr;
    }
}
@media (min-width: 701px) and (max-width: 960px) {
    .analy-rept-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
.analy-rept-card {
    background: #fff;
    border: 1px solid #ecedf5;
    border-radius: 14px;
    padding: 16px 16px 15px;
    box-shadow:
        0 1px 3px rgba(0, 0, 0, 0.05),
        0 4px 16px rgba(0, 0, 0, 0.04);
    display: flex;
    flex-direction: column;
    gap: 0;
    transition:
        box-shadow 0.2s,
        transform 0.2s;
    opacity: 0;
    animation: 0.38s forwards fadeUpana;
}
.analy-rept-card:hover {
    box-shadow:
        0 6px 28px rgba(0, 0, 0, 0.09),
        0 1px 4px rgba(0, 0, 0, 0.05);
    transform: translateY(-2px);
}
@keyframes fadeUpana {
    from {
        opacity: 0;
        transform: translateY(12px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.analy-rept-card-icon {
    width: 48px;
    height: 48px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
    font-size: 1.45rem;
    flex-shrink: 0;
    color: var(--main-color);
}
.ac-blue,
.analy-rept-card-icon.analy-rept-blue {
    background: #eff6ff;
}
.analy-rept-card-icon.analy-rept-red {
    background: #fff1f0;
}
.ac-purple,
.analy-rept-card-icon.analy-rept-purple {
    background: #f5f3ff;
}
.analy-rept-card-icon.analy-rept-teal {
    background: #f0fdfa;
}
.analy-rept-card-icon.analy-rept-yellow {
    background: #fffbeb;
}
.analy-rept-card-title {
    font-size: 0.925rem;
    font-weight: 700;
    color: #1a1b2e;
    margin-bottom: 7px;
    line-height: 1.3;
}
.analy-rept-card-desc {
    font-size: 0.815rem;
    color: #1a1b2e;
    line-height: 1.55;
    flex: 1;
    margin-bottom: 18px;
}
.analy-rept-access-link {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 0.83rem;
    font-weight: 600;
    color: #f47c3c;
    width: fit-content;
}
.analy-rept-access-link::after {
    content: "→";
    font-size: 0.9rem;
    transition: transform 0.18s;
}
.analy-rept-card:hover .analy-rept-access-link::after,
.fr-ba-item:hover {
    transform: translateX(3px);
}
.mang-topbar {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 36px;
}
.mang-page-title h6 {
    font-size: 1rem;
    font-weight: 700;
    color: #1c2b4a;
    letter-spacing: -0.4px;
    margin-bottom: 12px;
}
.mang-page-title p {
    font-size: 13px;
    color: var(--gray-500);
    margin-top: 3px;
}
.mang-page-title p strong {
    color: #1c2b4a;
    font-weight: 600;
}
.mang-franchise-select {
    display: flex;
    align-items: center;
    gap: 8px;
    background: #fff;
    border: 1.5px solid #d8dde8;
    border-radius: 10px;
    padding: 9px 14px;
    font-size: 14px;
    font-weight: 500;
    color: var(--gray-700);
    box-shadow: 0 2px 10px rgba(0, 30, 20, 0.08);
}
.mang-alert-card,
.mang-icon-btn {
    background: #fff;
    align-items: center;
    box-shadow: 0 2px 10px rgba(0, 30, 20, 0.08);
}
.mang-icon-btn {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    border: 1.5px solid #d8dde8;
    display: flex;
    justify-content: center;
    color: var(--gray-600);
}
.mang-icon-btn.active {
    background: #1c2b4a;
    border-color: #1c2b4a;
    color: #fff;
}
.mang-section-label {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.2px;
    color: var(--gray-400);
    text-transform: uppercase;
    margin-bottom: 14px;
}
.agen-activity-card .agen-card-title,
.mang-alerts-grid {
    margin-bottom: 18px;
}
.mang-alerts-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}
.mang-alert-card {
    border-radius: 14px;
    padding: 6px 13px;
    display: flex;
    justify-content: space-between;
    border: 1.5px solid #f1f5f9;
    transition: box-shadow 0.2s;
}
.feat-card:hover,
.mang-alert-card:hover,
.metric-card:hover {
    box-shadow: 0 6px 24px rgba(0, 30, 20, 0.1);
}
.mang-alert-info .mang-num {
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -1px;
}
.mang-alert-info .mang-lbl {
    font-size: 10px;
    font-weight: 600;
    margin-top: 4px;
}
.mang-alert-info .mang-sub {
    font-size: 8px;
    margin-top: 2px;
}
.mang-btn {
    padding: 9px 17px;
    border-radius: 9px;
    font-size: 13px;
    font-weight: 600;
    transition: 0.18s;
    display: flex;
    align-items: center;
    gap: 5px;
}
.mang-btn-orange {
    border: 1.5px solid #f97316;
    color: #f97316;
    background: 0 0;
}
.btn-cert:hover,
.mang-btn-orange:hover,
.micro-play:hover,
.tpl-use-btn:hover {
    background: #ff7b1c;
}
.mang-btn-dark {
    border: 1.5px solid var(--gray-700);
    color: var(--gray-700);
    background: 0 0;
}
.mang-chart-card,
.mang-stat-card {
    background: #fff;
    padding: 12px;
    box-shadow: 0 2px 10px rgba(0, 30, 20, 0.08);
}
.cc-step.upcoming,
.mang-btn-dark:hover,
.stat-icon.light {
    background: #eef1f6;
}
.mang-bottom-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 10px;
}
.mang-stat-col {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.mang-stat-card {
    border-radius: 14px;
    border: 1.5px solid #f1f5f9;
}
.mang-stat-label {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 1px;
}
.mang-stat-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.mang-stat-num {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -1.5px;
    color: var(--gray-900);
    line-height: 1;
}
.mang-stat-icon {
    width: 27px;
    height: 24px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.mang-stat-icon.orange {
    background: #fff3e0;
}
.mang-stat-details {
    margin-top: 12px;
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.mang-stat-details span {
    font-size: 9px;
    display: flex;
    align-items: center;
    gap: 7px;
}
.mang-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
    display: inline-block;
}
.cre-dash-prog-fill.green,
.mang-dot.g {
    background: #22c55e;
}
.mang-dot.o {
    background: #f97316;
}
.mang-dot.gr {
    background: #cbcbcb;
}
.mang-chart-card {
    border-radius: 14px;
    border: 1.5px solid #f1f5f9;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.mang-chart-card h3 {
    font-size: 10px;
    font-weight: 700;
    color: #1e2a3b;
    align-self: flex-start;
    margin-bottom: 1px;
}
.mang-donut-wrap {
    position: relative;
    width: 100px;
    height: 100px;
}
.hero-section::after,
.hero-section::before,
.mang-donut-center {
    position: absolute;
    pointer-events: none;
}
.mang-donut-wrap svg {
    width: 100%;
    height: 100%;
}
.mang-donut-center {
    top: 50%;
    left: 50%;
    text-align: center;
}
.mang-dc-num {
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
}
.mang-dc-sub {
    font-size: 8px;
    margin-top: 3px;
    line-height: 1.3;
}
.mang-dc-text {
    font-size: 8px;
    font-weight: 500;
}
.mang-chart-legend {
    display: flex;
    gap: 4px;
    margin-top: 6px;
    flex-wrap: wrap;
    justify-content: center;
}
.mang-legend-item {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 9px;
    font-weight: 500;
}
.entr-agency-greeting {
    font-size: 1rem;
    font-weight: 700;
    color: #111;
    margin-bottom: 6px;
}
.entr-agency-subtitle {
    font-size: 13.5px;
    color: #555;
    margin-bottom: 22px;
}
.entr-agency-section-title {
    font-size: 15px;
    font-weight: 700;
    color: #111;
    margin-bottom: 12px;
}
.entr-agency-alert-box {
    background: #fafafa;
    border: 1px solid #e8e8e8;
    border-radius: 10px;
    padding: 14px 16px;
}
.entr-agency-alert-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 14px;
}
.entr-agency-alert-header-left {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}
.entr-agency-alert-icon {
    width: 34px;
    height: 34px;
    background: #fff3f0;
    border: 1px solid #fdd;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 15px;
}
.entr-agency-alert-text-title {
    font-size: 14px;
    font-weight: 600;
    color: #111;
    margin-bottom: 3px;
}
.entr-agency-alert-text-sub {
    font-size: 12.5px;
    color: #777;
}
.entr-agency-chevron {
    font-size: 16px;
    color: #aaa;
    margin-top: 4px;
}
.entr-agency-divider {
    height: 1px;
    background: #ebebeb;
    margin: 2px 0 10px;
}
.entr-agency-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: 1px solid #f0f0f0;
}
.community-quote-author,
.entr-agency-row-left,
.slider-row,
.su-trust-row,
.t-author {
    display: flex;
    align-items: center;
    gap: 12px;
}
.entr-agency-avatar {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #e8edf5;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 700;
    color: #445;
    flex-shrink: 0;
}
.entr-agency-user-name {
    font-size: 14px;
    font-weight: 600;
    color: #111;
    margin-bottom: 2px;
}
.entr-agency-user-course {
    font-size: 12px;
    color: #888;
}
.entr-agency-badge {
    background: #fff0ed;
    color: #e04b1a;
    font-size: 11.5px;
    font-weight: 600;
    padding: 4px 10px;
    border-radius: 6px;
}
.entr-agency-view-all {
    display: inline-block;
    margin-top: 16px;
    font-size: 13.5px;
    font-weight: 600;
    color: #e07a1a;
    text-decoration: none;
}
.agen-quick-actions-card {
    background: #fff;
    border-radius: 14px;
    padding: 24px 28px;
    margin-bottom: 22px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
}
.agen-card-title {
    font-size: 13px;
    font-weight: 600;
    color: #1a1a2e;
    margin-bottom: 9px;
}
.agen-actions-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
}
.agen-action-btn {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 9px;
    background: #fff;
    border: 1.5px solid #e8e8ee;
    border-radius: 12px;
    padding: 10px;
    transition:
        box-shadow 0.18s,
        border-color 0.18s;
}
.agen-action-btn:hover {
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.09);
    border-color: #f97316;
}
.agen-action-icon {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    background: #fff5f0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.agen-action-icon svg {
    color: #e07328;
}
.agen-action-label {
    font-size: 9px;
    font-weight: 500;
    color: #333;
    text-align: center;
    line-height: 1.35;
}
.agen-bottom-row {
    margin-top: 10px;
}
.activity-card,
.agen-chart-card {
    background: #fff;
    border-radius: 14px;
    padding: 12px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
}
.agen-chart-header,
.cre-dash-section-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 6px;
}
.agen-chart-select {
    font-size: 13px;
    padding: 6px 12px;
    border: 1.5px solid #ddd;
    border-radius: 8px;
    color: #444;
    background: #fff;
}
.agen-chart-legend {
    display: flex;
    gap: 20px;
    margin-bottom: 14px;
    justify-content: flex-end;
}
.agen-legend-item {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 12.5px;
    color: #555;
    font-weight: 500;
}
.agen-legend-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 2.5px solid;
    background: 0 0;
}
.agen-legend-dot.orange {
    border-color: #f97316;
    background: #f97316;
}
.agen-legend-dot.green {
    border-color: #22c55e;
    background: #22c55e;
}
.agen-chart-wrap {
    position: relative;
    height: 200px;
}
.agen-activity-item {
    padding: 14px 0;
    border-bottom: 1px solid #f2f2f2;
}
.agen-activity-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
}
.agen-activity-name {
    font-size: 14px;
    font-weight: 700;
    color: #111;
}
.agen-badge {
    font-size: 11.5px;
    font-weight: 600;
    padding: 3px 10px;
    border-radius: 6px;
}
.agen-badge.agen-progress {
    background: #fff5f0;
    color: #e07328;
    border: 1px solid #fdd;
}
.agen-badge.agen-completed {
    background: #22c55e;
    color: #fff;
}
.agen-activity-desc {
    font-size: 12.5px;
    color: #555;
    margin-bottom: 5px;
    line-height: 1.4;
}
.agen-activity-time {
    font-size: 11.5px;
    color: #aaa;
}
.agen-chat-bubble {
    position: fixed;
    bottom: 22px;
    right: 22px;
    width: 46px;
    height: 46px;
    background: #111;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
}
@media screen and (max-width: 767px) {
    .spnw-contct li,
    .spnw-contct li a {
        font-size: 16px;
        margin: 0 12px 6px 0;
        display: inline-block;
    }
    .agencies-bnnr-icon1,
    .agencies-bnnr-icon2,
    .agencies-bnnr-icon3,
    .agencies-bnnr-icon4,
    .aihome-platform:before,
    .hero-title br,
    .home-lms-sec:before,
    .home-why-choose:before {
        display: none;
    }
    .agencies-banner-box h1 {
        font-size: 38px;
    }
    .new-icon-btn {
        margin-bottom: 16px;
    }
    .res-news-letter.footr-nws,
    .res-news-letter.footr-nws h4 {
        margin-top: 0;
    }
    .ai-banner-sec h1,
    .ai-cta-sec h3 {
        font-size: 30px;
    }
    .ai-banner-sec .bnr-btn,
    .pri-user-selector {
        flex-direction: column;
        align-items: flex-start !important;
    }
    .ai-video-bg {
        min-height: 25vh !important;
    }
    .ai-arrow-btn a {
        padding: 12px 15px;
    }
    .ai-left-sec h3,
    .new-heading h2 {
        font-size: 26px;
    }
    .coach-foxi-banner:after {
        right: -14px;
        bottom: -117px;
        width: 156px;
        height: 277px;
    }
    .ask-foxi-ph-img {
        position: absolute;
        right: 150px;
        top: 316px;
        width: 111px;
        animation: 2.5s infinite foxi-bounce;
    }
    .ask-foxi-img {
        right: 50px;
        top: -35px;
        width: 105px;
    }
    .practice-foxi-img {
        right: 210px;
        top: -44px;
        width: 76px;
    }
    .testimonial-slider {
        margin-top: 15px;
    }
    .testimonial-box {
        padding: 20px;
        margin-right: 20px;
    }
    .home-feature-box p,
    .lms-box h4,
    .prc-head ul,
    .testimonial-box p {
        min-height: auto;
    }
    .pri-user-selector h3 {
        font-size: 18px;
    }
    .pricing-user-increment-box {
        /*margin-top: 20px;*/
    }
    .hero-title {
        font-size: 34px;
    }
    .home-wrapper {
        display: block;
        margin: 8px 0;
        min-height: 45px;
    }
    .home-visit {
        right: -10px;
    }
    .features-sec .border-right {
        border-color: transparent !important;
    }
    .features-box {
        border-bottom: none !important;
    }
    .lms-tailor-slider .lms-box:hover {
        box-shadow: none;
        border: none;
    }
    .home-course-cta h3 {
        font-size: 22px;
    }
    .home-course-cta {
        padding: 25px 25px 40px;
    }
    .home-course-cta:before {
        width: 114px;
        left: -10px;
        bottom: -40px;
    }
    .home-course-cta:after {
        width: 66px;
        right: -9px;
    }
    .hme-ai-pltfm-img:before {
        top: -130px;
    }
    .lms-box {
        padding: 0 27px;
        min-height: 270px;
    }
}
.banner-eyebrow,
.hero-badge,
.hero-eyebrow {
    align-items: center;
    gap: 8px;
    text-transform: uppercase;
}
@media (min-width: 768px) and (max-width: 1023px) {
    .resouce-podcst-sec .res-blog-left img.card-img-top {
        height: auto;
    }
    .ai-video-bg {
        min-height: 387px !important;
    }
    .aihome-platform:before,
    .home-lms-sec:before,
    .home-why-choose:before {
        font-size: 100px;
        top: 60px;
    }
    .home-visit {
        right: -20px;
    }
    .home-course-cta h3 {
        font-size: 26px;
    }
    .home-course-cta {
        padding: 38px 35px;
    }
    .home-course-cta:before {
        width: 114px;
        height: 80px;
        left: -25px;
        bottom: -20px;
    }
    .home-feature-box h4 {
        font-size: 23px;
        min-height: 69px;
    }
    .review-testimonial-nav {
        width: 40%;
        margin: auto auto 20px;
    }
    .prc-head ul {
        min-height: auto;
    }
}
@media screen and (max-width: 1024px) {
    .ai-banner-sec:before {
        width: 100%;
    }
    .ai-cta-sec {
        padding: 32px 35px;
    }
    .persona-box {
        margin-top: 170px;
    }
    .home-course-cta h3 br {
        display: none;
    }
    .monthly-tab {
        margin-bottom: 0 !important;
    }
}
@media (min-width: 1024px) and (max-width: 1280px) {
    .ai-video-bg {
        min-height: 520px !important;
        filter: drop-shadow(0px 0px 8px #ffceb0);
        background: 0 0;
        border: none;
    }
    .hero-title br {
        display: none;
    }
    .home-wrapper {
        min-width: 23%;
    }
    .aihome-platform:before,
    .home-lms-sec:before,
    .home-why-choose:before {
        font-size: 120px;
        top: 9px;
    }
    .home-visit {
        right: -30px;
    }
    .testimonial-heading {
        font-size: 30px;
    }
    .testimonial-nav .owl-dots .owl-dot span {
        width: 11px;
    }
    .prc-head h3 {
        font-size: 14px;
    }
}
.bg-dark-custom {
    background-color: #17172e !important;
}
.bg-light-custom {
    background-color: #f5f5fa !important;
}
.bg-orange-pale {
    background-color: #fff4ee !important;
}
.bg-teal {
    background-color: #2dbd96 !important;
}
.bg-teal-pale {
    background-color: #e8f9f7 !important;
}
.bg-purple-pale {
    background-color: #f0eaff !important;
}
.bg-blue-pale {
    background-color: #ebf2ff !important;
}
.bg-green-pale {
    background-color: #e8fff4 !important;
}
.bg-amber-pale,
.bg-yellow-pale {
    background-color: #fffbeb !important;
}
.bg-rose-pale {
    background-color: #fff1f3 !important;
}
.bg-violet-pale {
    background-color: #f3eeff !important;
}
.text-orange {
    color: #ed7f41 !important;
}
.text-teal {
    color: #2dbd96 !important;
}
.text-purple {
    color: #6c3fc5 !important;
}
.text-green {
    color: #1db97a !important;
}
.text-rose {
    color: #f43f5e !important;
}
.text-amber {
    color: #f59e0b !important;
}
.text-mid {
    color: #000 !important;
}
.text-dark2 {
    color: #2d2d4a !important;
}
.fw-600 {
    font-weight: 600 !important;
}
.fw-700 {
    font-weight: 700 !important;
}
.fw-800 {
    font-weight: 800 !important;
}
.rounded-xl {
    border-radius: 14px !important;
}
.rounded-pill-custom {
    border-radius: 99px !important;
}
.border-custom {
    border: 1px solid #eaeaf0 !important;
}
.border-teal {
    border-color: rgba(14, 159, 142, 0.22) !important;
}
.border-light {
    border-color: #eaeaf0 !important;
}
.shadow-card {
    box-shadow: 0 8px 40px rgba(0, 0, 0, 0.1) !important;
}
.shadow-teal {
    box-shadow: 0 8px 30px rgba(14, 159, 142, 0.22) !important;
}
.shadow-orange {
    box-shadow: 0 8px 30px rgba(232, 99, 10, 0.25) !important;
}
.lh-155 {
    line-height: 1.55;
}
.lh-165 {
    line-height: 1.65;
}
.lh-175 {
    line-height: 1.75;
}
.dot,
.hero-badge .dot {
    width: 6px;
    height: 6px;
    background: #ed7f41;
    border-radius: 50%;
    display: inline-block;
    animation: 1.8s ease-in-out infinite pulse;
}
.banner-eyebrow {
    display: inline-flex;
    background: #fff;
    border: 1px solid rgba(255, 107, 43, 0.25);
    padding: 6px 14px;
    border-radius: 100px;
    font-size: 0.78rem;
    font-weight: 600;
    color: #000;
    margin-bottom: 20px;
    letter-spacing: 0.04em;
}
.live-dot,
.pulse-dot {
    display: inline-block;
    width: 7px;
    height: 7px;
}
.hero-section::after,
.live-dot,
.pulse-dot,
.t-dot {
    border-radius: 50%;
}
.live-dot {
    background: #ed7f41;
    animation: 1.6s ease-in-out infinite livePulse;
}
.pulse-dot {
    background: #2dbd96;
    animation: 1.8s ease-in-out infinite pulseDot;
}
.t-dot {
    width: 6px;
    height: 6px;
    background: #ed7f41;
    animation: 1.2s infinite typing;
}
.community-wave-bar:nth-child(3),
.t-dot:nth-child(2) {
    animation-delay: 0.2s;
}
.community-wave-bar:nth-child(5),
.t-dot:nth-child(3) {
    animation-delay: 0.4s;
}
@keyframes livePulse {
    0%,
    100% {
        opacity: 1;
        box-shadow: 0 0 0 0 rgba(232, 99, 10, 0.4);
    }
    50% {
        opacity: 0.7;
        box-shadow: 0 0 0 5px rgba(232, 99, 10, 0);
    }
}
@keyframes pulseDot {
    0%,
    100% {
        opacity: 1;
        box-shadow: 0 0 0 0 rgba(14, 159, 142, 0.4);
    }
    50% {
        opacity: 0.7;
        box-shadow: 0 0 0 6px rgba(14, 159, 142, 0);
    }
}
@keyframes typing {
    0%,
    100% {
        transform: translateY(0);
        opacity: 0.4;
    }
    50% {
        transform: translateY(-4px);
        opacity: 1;
    }
}
@keyframes sparkSpin {
    0% {
        transform: rotate(0) scale(1);
    }
    50% {
        transform: rotate(180deg) scale(1.3);
    }
    100% {
        transform: rotate(360deg) scale(1);
    }
}
@keyframes pgPulse {
    0%,
    100% {
        width: 72%;
    }
    50% {
        width: 84%;
    }
}
@keyframes blink {
    0%,
    100% {
        opacity: 1;
    }
    50% {
        opacity: 0.35;
    }
}
@keyframes floatFoxi {
    0%,
    100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-8px);
    }
}
.hero-section {
    background: #f5f5fa;
    padding: 100px 0 80px;
    position: relative;
}
.hero-section.hero-orange {
    background: linear-gradient(135deg, #fff8f4 0, #fff4ee 60%, #fff 100%);
}
.hero-section.hero-teal {
    background: linear-gradient(148deg, #fffbf8 0, #f0fdfa 55%, #fff1f3 100%);
}
.hero-section.hero-purple {
    background: linear-gradient(148deg, #fffbf8 0, #f3f0ff 60%, #ebf2ff 100%);
}
.hero-section.hero-platform {
    background: #f9f5f2;
    padding: 100px 0 80px;
}
.hero-section.hero-coach {
    background: linear-gradient(150deg, #fffbf8 0, #fff5ee 55%, #f0fdfa 100%);
}
.hero-section::before {
    content: "";
    top: -200px;
    right: -200px;
    width: 600px;
    height: 600px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 107, 43, 0.12) 0, transparent 70%);
}
.hero-section::after {
    content: "";
    bottom: -100px;
    left: 20%;
    width: 400px;
    height: 400px;
    background: radial-gradient(circle, rgba(255, 107, 43, 0.06) 0, transparent 70%);
}
.hero-badge,
.hero-eyebrow {
    display: inline-flex;
    padding: 5px 14px;
    border-radius: 99px;
    font-size: 11.5px;
    font-weight: 700;
    letter-spacing: 0.07em;
    margin-bottom: 18px;
}
.hero-badge.orange,
.hero-eyebrow.orange {
    background: #fff4ee;
    border: 1px solid rgba(232, 99, 10, 0.2);
    color: #ed7f41;
}
.hero-badge.teal,
.hero-eyebrow.teal {
    background: #e8f9f7;
    border: 1px solid rgba(14, 159, 142, 0.22);
    color: #2dbd96;
}
.hero-eyebrow.purple {
    background: #f0eaff;
    border: 1px solid rgba(108, 63, 197, 0.22);
    color: #6c3fc5;
}
.hero-section h1,
.hero-title {
    font-weight: 800;
    color: #000;
    margin-bottom: 18px;
    line-height: 1.4;
}
.hero-section h1 {
    font-size: 43px;
}
.hero-title {
    font-size: clamp(28px, 4vw, 50px);
    line-height: 1.15;
}
.hero-section h1 .accent,
.hero-section h1 .highlight,
.hero-title .accent-orange,
.img-logo em {
    color: #ed7f41;
    font-style: normal;
}
.hero-title .accent-teal,
.stat-num,
.val-good {
    color: #2dbd96;
}
.hero-desc {
    color: #000;
    line-height: 1.75;
    margin-bottom: 32px;
}
.hero-stat-num,
.hero-stat-num span {
    font-size: 1.7rem;
    font-weight: 800;
    color: #17172e;
    line-height: 1;
}
.about-hero-headline .hl,
.ai-section .care-eyebrow,
.category-row.active .cat-name,
.cc-prog-label strong,
.chat-sender.orange-sender,
.cta-section h2 span,
.done .cc-step-title,
.fd-title span,
.feat-title span,
.hero-stat-num span,
.state-c-stat .state-n span,
.state-hero h1 span,
.trust-section h2 span,
.usecase-section .eyebrow {
    color: #ed7f41;
}
.hero-stat-lbl {
    font-size: 0.78rem;
    color: #000;
    font-weight: 500;
    margin-top: 3px;
}
.hero-stat-divider {
    width: 1px;
    background: #eaeaf0;
    height: 36px;
    align-self: center;
}
.ebook-benefit-list li .ebook-check-icon svg,
.wd {
    width: 11px;
    height: 11px;
}
.hero-stat-num-lg {
    font-size: 26px;
    font-weight: 800;
    color: #ed7f41;
    display: block;
    line-height: 1;
}
.hero-stat-lbl-sm {
    font-size: 12px;
    color: #000;
    font-weight: 600;
}
.banner-trust-items,
.trust-items {
    display: flex;
    align-items: center;
    gap: 24px;
    flex-wrap: wrap;
    margin-top: 20px;
}
.banner-trust-item,
.fr-name,
.plt-rname,
.trust-item {
    font-size: 13px;
    font-weight: 600;
    color: #000;
}
.checkin-card,
.foxi-card,
.hero-card,
.hero-ui-card {
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 8px 40px rgba(0, 0, 0, 0.1);
    padding: 28px 32px;
    border: 1px solid #eaeaf0;
    position: relative;
}
.checkin-card,
.hero-ui-card {
    padding: 24px;
}
.card-label-row {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.75rem;
    font-weight: 600;
    color: #ed7f41;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 14px;
}
.card-topbar {
    background: #17172e;
    padding: 12px 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.billing-toggle,
.c-inner-progress-steps,
.trend-tabs-wrap,
.win-dots {
    display: flex;
    gap: 6px;
}
.wd {
    border-radius: 50%;
}
.wd-r {
    background: #ff5f57;
}
.wd-y {
    background: #febc2e;
}
.wd-g {
    background: #28c840;
}
.foxi-avatar,
.foxi-mascot {
    background: linear-gradient(135deg, #ff9a5c, #ed7f41);
    border-radius: 50%;
    display: flex;
}
.card-topbar-lbl {
    font-size: 12px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.55);
}
.foxi-mascot {
    width: 100px;
    height: 100px;
    align-items: center;
    justify-content: center;
    font-size: 48px;
    margin: 0 auto 16px;
    box-shadow: 0 8px 30px rgba(232, 99, 10, 0.3);
}
.foxi-name {
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    color: #ed7f41;
    margin-bottom: 6px;
}
.foxi-subtitle {
    text-align: center;
    font-size: 12px;
    color: #000;
    margin-bottom: 20px;
}
.foxi-label {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #000;
    margin-bottom: 12px;
}
.foxi-avatar {
    width: 72px;
    height: 72px;
    align-items: center;
    justify-content: center;
    font-size: 34px;
    box-shadow: 0 8px 24px rgba(232, 99, 10, 0.3);
    position: absolute;
    bottom: -18px;
    right: -12px;
    animation: 3s ease-in-out infinite floatFoxi;
}
.foxi-tip,
.foxi-tip-box {
    background: #fff4ee;
    border-radius: 10px;
    padding: 11px 14px;
    font-size: 13px;
    color: #ed7f41;
    font-weight: 600;
    margin-top: 14px;
}
.ai-bubble {
    background: #f5f5fa;
    border-radius: 12px;
    padding: 12px 14px;
    font-size: 0.82rem;
    color: #000;
    line-height: 1.5;
    margin-bottom: 8px;
}
.chat-sender,
.sender-tag {
    font-weight: 700;
    margin-bottom: 3px;
}
.ai-bubble.ai-response {
    background: #fff4ee;
    color: #17172e;
}
.sender-tag {
    font-size: 0.7rem;
    color: #ed7f41;
}
.ai-typing {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 10px 14px;
    background: #fff4ee;
    border-radius: 12px;
}
.chat-bub,
.chat-bubble,
.chat-msg {
    max-width: 85%;
    padding: 10px 14px;
    border-radius: 12px;
    font-size: 13px;
    line-height: 1.5;
}
.chat-bub.user,
.chat-bubble.user,
.chat-msg.user-msg {
    background: #ed7f41;
    color: #fff;
    align-self: flex-end;
    margin-left: auto;
    border-bottom-right-radius: 4px;
}
.chat-bub.bot,
.chat-bubble.bot,
.chat-msg.ai-msg {
    background: #f5f5fa;
    color: #2d2d4a;
    border-bottom-left-radius: 4px;
    border: 1px solid #eaeaf0;
}
.chat-msg.user-msg {
    align-self: flex-start;
    margin-left: 0;
}
.chat-sender {
    font-size: 0.7rem;
}
.ask-input-row,
.chat-input-bar {
    display: flex;
    gap: 8px;
    align-items: center;
    background: #f5f5fa;
    border-radius: 10px;
    padding: 10px 14px;
    border: 1px solid #eaeaf0;
}
.ask-input-row span,
.chat-input-bar span {
    font-size: 13px;
    color: #aaa;
    flex: 1;
}
.ask-send,
.chat-send-btn {
    width: 30px;
    height: 30px;
    background: #ed7f41;
    border: none;
    border-radius: 8px;
    color: #fff;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: unset !important;
    flex-shrink: 0;
}
.ai-badge-live,
.ask-send,
.feat-list li .dot.teal {
    background: #2dbd96;
}
.float-badge,
.float-card,
.float-chip {
    position: absolute;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    padding: 10px 14px;
    font-size: 12px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 8px;
    z-index: 3;
}
.chip-tl,
.float-badge-top,
.float-card-top {
    top: -16px;
    left: -14px;
}
.chip-br,
.float-badge-bottom,
.float-card-bottom {
    bottom: -16px;
    right: -14px;
}
.float-val {
    font-size: 1.4rem;
    font-weight: 800;
    color: #ed7f41;
    line-height: 1;
}
.float-lbl {
    color: #000;
    font-size: 0.72rem;
}
.builder-card {
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 8px 40px rgba(0, 0, 0, 0.1);
    border: 1px solid #eaeaf0;
}
.prompt-box {
    background: #f5f5fa;
    border-radius: 10px;
    padding: 22px 14px 12px;
    border: 1.5px solid #6c3fc5;
    margin-bottom: 14px;
    font-size: 13px;
    color: #2d2d4a;
    line-height: 1.55;
    position: relative;
}
.ask-foxi-badge,
.gen-tag,
.pgbar-fill,
.pgbar-wrap {
    border-radius: 99px;
}
.gen-tag {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 10.5px;
    font-weight: 700;
    color: #6c3fc5;
    background: #f0eaff;
    padding: 2px 9px;
    position: absolute;
    top: -10px;
    left: 12px;
}
.pgbar-wrap {
    height: 5px;
    background: #ebebf0;
    margin-bottom: 14px;
}
.pgbar-fill {
    height: 100%;
    width: 72%;
    background: linear-gradient(90deg, #6c3fc5, #ed7f41);
    animation: 2s ease-in-out infinite pgPulse;
}
.ask-foxi-badge {
    position: absolute;
    top: -14px;
    right: 20px;
    background: #ed7f41;
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    padding: 6px 16px;
    box-shadow: 0 4px 14px rgba(232, 99, 10, 0.35);
}
.feature-card,
.feature-card h3,
.feature-card p,
.feature-link,
.perk-card {
    position: relative;
}
.question-box {
    background: linear-gradient(135deg, #e8f9f7, #f0fdfa);
    border-radius: 12px;
    padding: 16px 18px;
    margin-bottom: 18px;
    border: 1px solid rgba(14, 159, 142, 0.18);
}
.q-label {
    font-size: 11px;
    font-weight: 700;
    color: #2dbd96;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin-bottom: 8px;
}
.mood-label,
.q-text {
    font-weight: 600;
    color: #2d2d4a;
}
.emoji-row,
.ui-tabs {
    display: flex;
    margin-bottom: 18px;
}
.q-text {
    font-size: 14px;
    line-height: 1.5;
}
.emoji-row {
    gap: 6px;
}
.emoji-btn {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    padding: 10px 4px;
    border-radius: 12px;
    border: 1.5px solid #eaeaf0;
    background: #fff;
    transition:
        border-color 0.25s,
        background 0.25s,
        transform 0.2s;
}
.emoji-btn.selected,
.emoji-btn:hover {
    border-color: #2dbd96;
    background: #e8f9f7;
    transform: translateY(-3px);
}
.ben-tab-ico,
.emoji-btn .em {
    font-size: 22px;
}
.emoji-btn .lbl {
    font-size: 9.5px;
    font-weight: 700;
    color: #000;
}
.mood-tracker {
    display: flex;
    flex-direction: column;
    gap: 9px;
}
.mood-label {
    font-size: 12px;
    min-width: 80px;
}
.mood-bar-track {
    flex: 1;
    height: 8px;
    background: #ebebf0;
    border-radius: 99px;
}
.mood-bar-fill {
    height: 100%;
    border-radius: 99px;
}
.fill-good,
.perk-card.teal::before {
    background: linear-gradient(90deg, #2dbd96, #e6f9f4);
}
.fill-warn {
    background: linear-gradient(90deg, #f59e0b, #fcd34d);
}
.fill-low {
    background: linear-gradient(90deg, #f43f5e, #fb7185);
}
.mood-val {
    font-size: 11.5px;
    font-weight: 700;
    min-width: 32px;
    text-align: right;
}
.val-warn {
    color: #f59e0b;
}
.val-low {
    color: #f43f5e;
}
.ui-tabs {
    gap: 6px;
    border-bottom: 1px solid #eaeaf0;
    padding-bottom: 14px;
    flex-wrap: wrap;
}
.ui-tab {
    font-size: 11px;
    font-weight: 700;
    padding: 5px 12px;
    border-radius: 99px;
    cursor: pointer;
    border: none;
    transition:
        background 0.2s,
        color 0.2s;
}
.cat-badge.filled,
.dl-btn:hover,
.ls-step:nth-child(4) .ls-badge,
.ui-tab.active {
    background: #ed7f41;
    color: #fff;
}
.badge-gray,
.mb-queue,
.ois-q,
.trend-tab:not(.active),
.ui-tab:not(.active) {
    background: #f5f5fa;
    color: #000;
}
.logos-bar {
    background: #fff;
    border-bottom: 1px solid #eaeaf0;
    padding: 28px 0;
}
.logos-label {
    font-size: 0.78rem;
    color: #000;
    font-weight: 500;
}
.logo-pill {
    background: #f5f5fa;
    border: 1px solid #eaeaf0;
    border-radius: 8px;
    padding: 7px 16px;
    font-size: 0.8rem;
    font-weight: 600;
    color: #000;
}
.section-tag {
    display: inline-block;
    background: #fff4ee;
    color: #ed7f41;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    padding: 5px 14px;
    border-radius: 100px;
    margin-bottom: 14px;
}
.sec-eyebrow,
.section-eyebrow,
.section-label {
    display: block;
    font-size: 11.5px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: #ed7f41;
    margin-bottom: 10px;
}
.archive-section .sec-title,
.archive-section .section-heading,
.archive-section .section-title {
    font-size: clamp(24px, 3.2vw, 38px);
    font-weight: 700;
    color: #17172e;
    text-align: center;
    margin-bottom: 14px;
    letter-spacing: -0.02em;
    text-align: left;
}
.archive-section .sec-subtitle,
.archive-section .section-sub {
    font-size: 15px;
    color: #000;
    text-align: center;
    max-width: 600px;
    margin: 0;
    line-height: 1.7;
    text-align: left;
}
.archive-section .feature-card {
    background: #fff;
    border-radius: 14px;
    padding: 32px;
    border: 1px solid #eaeaf0;
    height: 100%;
    transition:
        border-color 0.3s,
        transform 0.3s,
        box-shadow 0.3s;
}
.archive-section .feature-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, #fff4ee 0, transparent 60%);
    opacity: 0;
    transition: opacity 0.3s;
}
.archive-section .feature-card.top-accent::before,
.archive-section .perk-card::before {
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    transition: transform 0.3s;
    content: "";
}
.feature-card.top-accent::before {
    inset: auto;
    bottom: auto;
    background: linear-gradient(90deg, #ed7f41, #ff7b1c);
    transform: scaleX(0);
    transform-origin: left;
    opacity: 1;
}
.feature-card:hover {
    border-color: #ed7f41;
    transform: translateY(-4px);
    box-shadow: 0 10px 40px rgba(232, 99, 10, 0.18);
}
.fd-visual,
.mock-card,
.mock-visual,
.pillar-card:hover {
    box-shadow: 0 8px 40px rgba(0, 0, 0, 0.1);
}
.feature-card.top-accent:hover::before,
.fr-feat-card:hover::before,
.gr-chal-card:hover::before,
.pain-card:hover::before,
.perk-card:hover::before,
.plat-feature-side-card:hover::after,
.su-pain-card:hover::before {
    transform: scaleX(1);
}
.f-icon,
.feature-icon {
    width: 52px;
    height: 52px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    margin-bottom: 20px;
    position: relative;
    z-index: 1;
}
.feature-icon {
    background: #fff4ee;
    border-radius: 12px;
    font-size: 24px;
}
.feature-card h3 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
    z-index: 1;
    line-height: 1.6;
}
.feature-card p {
    line-height: 1.65;
    z-index: 1;
    margin-bottom: 0;
}
.feature-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 18px;
    font-size: 0.85rem;
    font-weight: 600;
    color: #ed7f41;
    z-index: 1;
    transition: gap 0.2s;
}
.feature-link:hover {
    gap: 10px;
    color: #ed7f41;
}
.about-values-list,
.category-list,
.curr-topics,
.en-cap-list,
.feature-bullets,
.feature-list,
.fr-feat-list {
    list-style: none;
    padding: 0;
    margin: 0;
}
.feature-bullets li {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    line-height: 1.5;
    margin-bottom: 8px;
}
.feature-bullets li::before {
    content: "";
    display: inline-block;
    width: 7px;
    height: 7px;
    min-width: 7px;
    background: #ed7f41;
    border-radius: 50%;
    margin-top: 5px;
    flex-shrink: 0;
}
.faq-btn:hover,
.feat-detail-section.bg-light-custom,
.feat-row-section.bg-alt,
.feat-section.bg-light-custom,
.hint-box.light {
    background: #f5f5fa;
}
.comp-item.comp-ok,
.feat-section.bg-teal-pale,
.perk-icon.teal {
    background: #e8f9f7;
}
.fd-badge,
.feat-row-badge,
.feat-tag {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    background: #fff4ee;
    border: 1px solid rgba(232, 99, 10, 0.2);
    padding: 5px 12px;
    border-radius: 100px;
    font-size: 0.75rem;
    font-weight: 700;
    color: #ed7f41;
    margin-bottom: 16px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}
.faq-card .card-header,
.faq-wrapper .card-header,
.feat-tag {
    background: 0 0;
    border: none;
    padding: 0;
}
.fd-title,
.feat-title {
    font-size: clamp(22px, 2.8vw, 34px);
    font-weight: 800;
    color: #17172e;
    margin-bottom: 16px;
    letter-spacing: -0.02em;
}
.fd-desc,
.feat-desc {
    font-size: 0.95rem;
    color: #000;
    line-height: 1.75;
    margin-bottom: 24px;
}
.fd-bullets,
.feat-list {
    list-style: none;
    padding: 0;
    margin: 0 0 28px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.bullet-dot,
.feat-list li .dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    min-width: 8px;
    background: #ed7f41;
    border-radius: 50%;
}
.fd-bullets li,
.feat-list li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    line-height: 1.55;
    color: #000;
    font-weight: 400;
    font-size: 0.95rem;
}
.fd-bullets li::before {
    content: "✓";
    color: #ed7f41;
    font-weight: 800;
    flex-shrink: 0;
    margin-top: 1px;
}
.feat-list li .dot {
    margin-top: 6px;
    flex-shrink: 0;
}
.bullet-dot {
    margin-top: 5px;
    flex-shrink: 0;
}
.fd-visual,
.mock-card,
.mock-visual {
    background: #fff;
    border-radius: 20px;
    padding: 24px;
    border: 1px solid #eaeaf0;
}
.mock-visual {
    border-radius: 14px;
    padding: 24px;
}
.mock-card {
    border-radius: 14px;
    padding: 22px;
}
.mock-header,
.mock-topbar,
.mockup-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 18px;
    padding-bottom: 14px;
    border-bottom: 1px solid #eaeaf0;
}
.contact-form-card .form-group,
.mock-header,
.mock-topbar {
    margin-bottom: 16px;
}
.mock-title,
.mockup-title {
    font-size: 0.85rem;
    font-weight: 700;
    margin: 0;
}
.mock-subtitle {
    font-size: 11px;
    margin: 0;
}
.mockup-status-badge {
    font-size: 0.72rem;
    background: #dcfce7;
    color: #16a34a;
    padding: 3px 10px;
    border-radius: 100px;
    font-weight: 600;
}
.badge-orange,
.comp-badge.due,
.faq-item.open .faq-btn,
.mockup-status-badge.orange,
.ob-new {
    background: #fff4ee;
    color: #ed7f41;
}
.ai-badge,
.ai-badge-live {
    font-size: 10.5px;
    font-weight: 700;
    padding: 3px 10px;
    background: #ed7f41;
    color: #fff;
    border-radius: 99px;
}
.mock-icon,
.mock-logo-box {
    width: 34px;
    height: 34px;
    border-radius: 9px;
    flex-shrink: 0;
    background: linear-gradient(135deg, #ed7f41, #ff7b1c);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 17px;
}
.mock-icon.teal {
    background: linear-gradient(135deg, #2dbd96, #e6f9f4);
}
.mock-icon.purple {
    background: linear-gradient(135deg, #6c3fc5, #8b5cf6);
}
.mock-icon.blue {
    background: linear-gradient(135deg, #1a6eff, #56a1ff);
}
.mock-icon.green {
    background: linear-gradient(135deg, #1db97a, #34d399);
}
.mock-icon.orange {
    background: linear-gradient(135deg, #ed7f41, #ff7b1c);
}
.mock-icon.rose {
    background: linear-gradient(135deg, #f43f5e, #fb7185);
}
.mock-icon.violet {
    background: linear-gradient(135deg, #7c3aed, #a78bfa);
}
.mock-icon.amber {
    background: linear-gradient(135deg, #f59e0b, #fcd34d);
}
.mock-name {
    font-size: 13.5px;
    font-weight: 700;
    color: #17172e;
}
.caregiver-course,
.comp-sub,
.fr-meta,
.mock-sub,
.ob-sub,
.sc-sub {
    font-size: 11px;
    color: #000;
}
.mock-scenario,
.mockup-row {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 0;
    border-bottom: 1px solid #eaeaf0;
}
.mock-scenario {
    background: #fff;
    border-radius: 10px;
    padding: 14px;
    border: 1px solid #eaeaf0;
    margin-bottom: 14px;
    display: block;
}
.mock-scenario-title {
    font-size: 11px;
    font-weight: 700;
    color: #ed7f41;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    margin-bottom: 8px;
}
.mock-scenario-text {
    font-size: 13px;
    color: #2d2d4a;
    line-height: 1.55;
}
.mock-tag {
    font-size: 11px;
    font-weight: 600;
    padding: 3px 10px;
    border-radius: 99px;
    background: #fff4ee;
    color: #ed7f41;
    display: inline-block;
    margin: 3px 3px 0 0;
}
.m-avatar {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    flex-shrink: 0;
    background: linear-gradient(135deg, #ed7f41, #ff9a6c);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8rem;
    font-weight: 700;
    color: #fff;
}
.m-name {
    font-size: 0.82rem;
    font-weight: 600;
    margin-bottom: 2px;
}
.m-sub {
    font-size: 0.72rem;
    color: #000;
    margin-bottom: 4px;
}
.m-score {
    font-size: 1rem;
    font-weight: 800;
    color: #ed7f41;
    flex-shrink: 0;
}
.m-progress {
    height: 6px;
    background: #eaeaf0;
    border-radius: 3px;
}
.m-progress-fill {
    height: 100%;
    border-radius: 3px;
    background: linear-gradient(90deg, #ed7f41, #ff9a6c);
}
.module-num,
.oi-num {
    width: 28px;
    height: 28px;
    background: #fff4ee;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.7rem;
    font-weight: 700;
    color: #ed7f41;
    flex-shrink: 0;
}
.score-label,
.skill-bar-label {
    font-weight: 600;
    color: #2d2d4a;
}
.oi-num {
    width: 26px;
    height: 26px;
    border-radius: 7px;
    font-size: 11.5px;
}
.skill-bar-label {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    margin-bottom: 5px;
}
.skill-progress {
    height: 8px;
    border-radius: 99px;
    background: #f0f0f0;
    margin-bottom: 10px;
}
.skill-progress .progress-bar {
    border-radius: 99px;
    background: linear-gradient(90deg, #ed7f41, #ff7b1c);
    animation: 1.2s forwards fillBar;
}
.contact-hero-trust-list li,
.score-row {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}
.score-label {
    font-size: 12px;
    min-width: 120px;
}
.score-track {
    flex: 1;
    height: 8px;
    background: #eee;
    border-radius: 99px;
}
.score-fill {
    height: 100%;
    border-radius: 99px;
    background: linear-gradient(90deg, #ed7f41, #ff7b1c);
}
.score-val {
    font-size: 12px;
    font-weight: 700;
    color: #ed7f41;
    min-width: 36px;
    text-align: right;
}
.chart-label,
.daily-item,
.tpl-card {
    text-align: center;
}
.category-row {
    background: #fff;
    border-radius: 10px;
    padding: 13px 16px;
    border: 1px solid #eaeaf0;
    margin-bottom: 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.category-row.active {
    border: 2px solid #ed7f41;
}
.category-row .cat-name,
.cc-step-title {
    font-size: 13px;
    font-weight: 600;
}
.cat-badge {
    font-size: 11px;
    font-weight: 700;
    padding: 3px 9px;
    border-radius: 99px;
    background: #fff4ee;
    color: #ed7f41;
}
.hint-box {
    border-radius: 12px;
    padding: 12px;
    font-size: 0.8rem;
    margin-top: 14px;
}
.hint-box.red {
    background: #fef2f2;
    border: 1px solid #fee2e2;
}
.badge-done,
.ois-done {
    font-size: 0.7rem;
    background: #dcfce7;
    color: #16a34a;
    padding: 3px 8px;
    border-radius: 100px;
    font-weight: 600;
}
.badge-status {
    font-size: 10.5px;
    font-weight: 700;
    padding: 3px 9px;
    border-radius: 99px;
}
.badge-green,
.comp-badge.ok,
.mb-done,
.ob-done,
.tb-ok {
    background: #e8fff4;
    color: #1db97a;
}
.micro-item,
.mod-item,
.ob-item,
.outline-item,
.team-row {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border-radius: 10px;
    border: 1px solid #eaeaf0;
    margin-bottom: 8px;
}
.mod-item.done,
.outline-item.done {
    border-color: rgba(29, 185, 122, 0.3);
    background: #e8fff4;
}
.mod-item.active,
.outline-item.active {
    border-color: rgba(108, 63, 197, 0.3);
    background: #f0eaff;
}
.oi-title {
    font-size: 12.5px;
    font-weight: 600;
    color: #2d2d4a;
    flex: 1;
}
.oi-status {
    font-size: 10px;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 99px;
}
.mb-active,
.ois-active {
    background: #f0eaff;
    color: #6c3fc5;
    animation: 1.4s ease-in-out infinite blink;
}
.mod-icon {
    font-size: 17px;
    flex-shrink: 0;
}
.mod-name {
    font-size: 12.5px;
    font-weight: 600;
    color: #2d2d4a;
    flex: 1;
    line-height: 1.4;
}
.mod-badge {
    font-size: 10px;
    font-weight: 700;
    padding: 2px 9px;
    border-radius: 99px;
}
.cert-icon,
.ob-icon,
.sc-icon {
    font-size: 22px;
    flex-shrink: 0;
}
.cert-name,
.comp-title,
.ob-title {
    font-size: 13px;
    font-weight: 600;
    color: #2d2d4a;
}
.micro-dur,
.ob-badge,
.team-badge {
    font-weight: 700;
    border-radius: 99px;
}
.ob-badge,
.team-badge {
    font-size: 10px;
    padding: 3px 9px;
}
.micro-dur {
    font-size: 11px;
    padding: 4px 9px;
    background: #fffbeb;
    color: #f59e0b;
}
.micro-title {
    font-size: 13px;
    font-weight: 600;
    color: #2d2d4a;
    flex: 1;
}
.course-item,
.micro-play {
    display: flex;
    align-items: center;
}
.micro-play {
    width: 28px;
    height: 28px;
    background: #ed7f41;
    border-radius: 50%;
    justify-content: center;
    color: #fff;
    font-size: 12px;
    flex-shrink: 0;
    cursor: unset;
    transition: background 0.2s;
}
.tpl-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-bottom: 10px;
}
.tpl-card {
    border: 1px solid #eaeaf0;
    border-radius: 10px;
    padding: 14px 12px;
    cursor: unset;
    transition:
        border-color 0.2s,
        background 0.2s;
}
.btn-cert,
.tpl-use-btn {
    cursor: unset !important;
}
.tpl-card.featured,
.tpl-card:hover {
    border-color: #ed7f41;
    background: #fff4ee;
}
.tpl-icon {
    font-size: 26px;
    margin-bottom: 7px;
}
.tpl-name {
    font-size: 12px;
    font-weight: 700;
    color: #2d2d4a;
    line-height: 1.35;
}
.tpl-desc {
    font-size: 10.5px;
    color: #000;
    margin-top: 4px;
}
.tpl-use-btn {
    margin-top: 8px;
    font-size: 10.5px;
    font-weight: 700;
    padding: 4px 11px;
    background: #ed7f41;
    color: #fff;
    border: none;
    border-radius: 6px;
    transition: background 0.2s;
}
.custom-input {
    background: #f5f5fa;
    border: 1.5px solid #6c3fc5;
    border-radius: 10px;
    padding: 12px 14px;
    font-size: 13px;
    color: #2d2d4a;
    margin-bottom: 12px;
    line-height: 1.55;
}
.cursor {
    display: inline-block;
    width: 2px;
    height: 14px;
    background: #6c3fc5;
    vertical-align: middle;
    margin-left: 2px;
    animation: 1s step-end infinite blink;
}
.course-item {
    gap: 12px;
    padding: 11px 12px;
    border-radius: 10px;
    border: 1px solid #eaeaf0;
    margin-bottom: 8px;
    transition:
        background 0.2s,
        border-color 0.2s;
}
.course-num,
.deadline-box {
    display: flex;
    align-items: center;
}
.progress,
.quick-card .icon {
    margin-bottom: 12px;
}
.course-item:hover {
    background: #fff4ee;
    border-color: rgba(232, 99, 10, 0.2);
}
.course-num {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background: #fff4ee;
    color: #ed7f41;
    font-weight: 800;
    font-size: 13px;
    justify-content: center;
    flex-shrink: 0;
}
.prog-label {
    font-size: 12.5px;
    font-weight: 600;
    color: #2d2d4a;
}
.btn-cert,
.comp-badge,
.daily-lbl,
.deadline-title,
.prog-val,
.trend-tab {
    font-weight: 700;
}
.progress-bar {
    background: linear-gradient(90deg, #ed7f41, #ff7b1c);
    border-radius: 99px;
}
.prog-val {
    font-size: 12px;
    color: #ed7f41;
}
.deadline-box {
    background: #e8f9f7;
    border-radius: 10px;
    padding: 12px;
    gap: 10px;
}
.cert-item,
.comp-item {
    display: flex;
    gap: 12px;
    margin-bottom: 8px;
}
.deadline-title {
    font-size: 12.5px;
    color: #2dbd96;
}
.deadline-sub {
    font-size: 11.5px;
    color: #000;
}
.cert-item {
    align-items: center;
    padding: 12px 14px;
    border-radius: 10px;
    border: 1px solid #eaeaf0;
}
.btn-cert {
    margin-left: auto;
    font-size: 11px;
    padding: 5px 12px;
    background: #ed7f41;
    color: #fff;
    border: none;
    border-radius: 7px;
    flex-shrink: 0;
    transition: background 0.2s;
}
.daily-item,
.mock-card button.btn-orange-solid {
    cursor: unset;
}
.btn-cert.locked {
    background: #eee;
    color: #000;
    cursor: default;
}
.comp-item {
    align-items: center;
    padding: 11px 14px;
    border-radius: 10px;
    border: 1px solid #eaeaf0;
}
.comp-icon {
    font-size: 20px;
    flex-shrink: 0;
}
.comp-badge {
    margin-left: auto;
    font-size: 10.5px;
    padding: 3px 9px;
    border-radius: 99px;
    flex-shrink: 0;
}
.comp-badge.warn {
    background: #fff3e0;
    color: #e65100;
}
.daily-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    margin-bottom: 14px;
}
.daily-item {
    border: 1px solid #eaeaf0;
    border-radius: 10px;
    padding: 12px 6px;
    transition:
        border-color 0.2s,
        background 0.2s;
}
.daily-item.picked,
.daily-item:hover {
    border-color: #2dbd96;
    background: #e8f9f7;
}
.daily-em {
    font-size: 26px;
    margin-bottom: 6px;
}
.chart-area,
.chart-labels {
    margin-bottom: 10px;
    display: flex;
}
.daily-lbl {
    font-size: 11.5px;
    color: #2d2d4a;
}
.daily-sub {
    font-size: 10.5px;
    color: #000;
    margin-top: 2px;
}
.trend-tab {
    font-size: 11px;
    padding: 4px 10px;
    border-radius: 99px;
    cursor: unset !important;
    border: none;
    transition:
        background 0.2s,
        color 0.2s;
}
.chart-label,
.legend-item {
    font-weight: 600;
    color: #000;
}
.bt-active,
.trend-tab.active {
    background: #2dbd96;
    color: #fff;
}
.chart-area {
    height: 110px;
    align-items: flex-end;
    gap: 8px;
    padding: 0 4px;
}
.chart-bar-group {
    flex: 1;
    display: flex;
    gap: 2px;
    align-items: flex-end;
}
.chart-bar {
    flex: 1;
    border-radius: 4px 4px 0 0;
    min-height: 8px;
    transition: opacity 0.2s;
}
.chart-bar:hover {
    opacity: 0.75;
    cursor: pointer;
}
.chart-labels {
    gap: 8px;
}
.chart-label {
    flex: 1;
    font-size: 10px;
}
.legend-item {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 11.5px;
}
.risk-card,
.sc-item {
    display: flex;
    gap: 12px;
}
.quick-card h5,
.risk-btn,
.sc-time,
.sc-title,
.step-card h3 {
    font-weight: 700;
}
.homecare-dash-dot,
.legend-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
}
.sc-item {
    align-items: center;
    padding: 12px 14px;
    border-radius: 12px;
    border: 1px solid #eaeaf0;
    cursor: unset;
    transition:
        background 0.2s,
        border-color 0.2s;
    margin-bottom: 8px;
}
.sc-item:hover {
    background: #e8f9f7;
    border-color: rgba(14, 159, 142, 0.25);
}
.sc-title {
    font-size: 13px;
    color: #2d2d4a;
}
.sc-time {
    font-size: 10.5px;
    padding: 3px 9px;
    background: #e8f9f7;
    color: #2dbd96;
    border-radius: 99px;
}
.risk-card {
    background: #fff1f3;
    border-radius: 12px;
    padding: 14px 16px;
    border: 1px solid rgba(244, 63, 94, 0.2);
    margin-bottom: 10px;
    align-items: flex-start;
}
.perk-icon,
.team-avatar {
    align-items: center;
    display: flex;
}
.btn-hero,
.btn-hero-primary,
.btn-hero-secondary,
.btn-orange-primary,
.btn-outline-neutral {
    gap: 8px;
    cursor: pointer;
    padding: 15px 20px;
    font-weight: 600;
    font-size: 15px;
    display: inline-flex;
}
.risk-btn {
    margin-top: 8px;
    font-size: 11.5px;
    padding: 5px 12px;
    background: #f43f5e;
    color: #fff;
    border: none;
    border-radius: 7px;
    cursor: unset !important;
}
.team-avatar {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    justify-content: center;
    font-size: 15px;
    flex-shrink: 0;
}
.tb-watch {
    background: #fffbeb;
    color: #f59e0b;
}
.tb-risk {
    background: #fff1f3;
    color: #f43f5e;
}
.perk-card {
    background: #fff;
    border-radius: 14px;
    padding: 28px 24px;
    border: 1px solid #eaeaf0;
    height: 100%;
    transition:
        box-shadow 0.25s,
        transform 0.25s;
}
.perk-card::before {
    position: absolute;
    background: linear-gradient(90deg, #ed7f41, #ff7b1c);
    transform: scaleX(0);
    transform-origin: left;
}
.perk-card:hover,
.quick-card:hover,
.step-card:hover {
    transform: translateY(-4px);
}
.perk-card:hover {
    box-shadow: 0 10px 40px rgba(232, 99, 10, 0.12);
}
.perk-card.teal:hover {
    box-shadow: 0 10px 40px rgba(14, 159, 142, 0.12);
}
.perk-icon {
    color: var(--main-color);
    width: 50px;
    height: 50px;
    border-radius: 12px;
    background: #fff4ee;
    justify-content: center;
    font-size: 24px;
    margin-bottom: 16px;
}
.quick-card,
.step-card {
    background: #fff;
    text-align: center;
    transition:
        box-shadow 0.25s,
        transform 0.25s,
        border-color 0.25s;
}
.quick-card {
    border-radius: 14px;
    border: 1px solid #eaeaf0;
    padding: 28px 20px;
}
.quick-card:hover {
    box-shadow: 0 10px 36px rgba(232, 99, 10, 0.12);
    border-color: rgba(232, 99, 10, 0.2);
}
.quick-card .icon {
    font-size: 36px;
    color: var(--main-color);
}
.quick-card h5 {
    font-size: 15px;
    margin-bottom: 6px;
}
.quick-card p {
    font-size: 13px;
    color: #000;
    margin: 0;
    line-height: 1.6;
}
.step-card {
    border-radius: 14px;
    padding: 28px 20px 24px;
    border: 1px solid #eaeaf0;
    height: 100%;
}
.step-card:hover {
    box-shadow: 0 8px 40px rgba(0, 0, 0, 0.1);
    border-color: rgba(232, 99, 10, 0.2);
}
.step-num {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: linear-gradient(135deg, #ed7f41, #ff7b1c);
    color: #fff;
    font-size: 18px;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 14px;
    box-shadow: 0 6px 18px rgba(232, 99, 10, 0.28);
}
.step-emoji {
    font-size: 26px;
    margin-bottom: 12px;
}
.step-card h3 {
    font-size: 15.5px;
    margin-bottom: 8px;
    color: #17172e;
}
.step-card p {
    font-size: 13.5px;
    color: #000;
    line-height: 1.65;
    margin: 0;
}
.step-connector {
    display: none;
    position: absolute;
    top: 38px;
    left: calc(12.5% + 26px);
    right: calc(12.5% + 26px);
    background: linear-gradient(90deg, #ed7f41, #8b5cf6);
    z-index: 0;
}
@media (min-width: 992px) {
    .step-connector {
        display: block;
    }
}
.btn-hero,
.btn-hero-primary,
.btn-orange-primary {
    background: #ed7f41;
    color: #fff;
    border: none;
    border-radius: 10px;
    align-items: center;
    transition:
        background 0.2s,
        transform 0.15s,
        box-shadow 0.2s;
}
.aihome-platform .btn-hero {
    padding: 16px 20px;
}
.btn-hero-primary:hover,
.btn-hero:hover,
.btn-orange-primary:hover {
    background: #ff7b1c;
    color: #fff;
    text-decoration: none;
    transform: translateY(-2px);
    box-shadow: 0 8px 30px rgba(232, 99, 10, 0.25);
}
.btn-hero-secondary,
.btn-outline-neutral {
    background: 0 0;
    color: #17172e;
    border: 1.5px solid #eaeaf0;
    border-radius: 10px;
    align-items: center;
    transition:
        border-color 0.25s,
        color 0.25s,
        transform 0.25s;
}
.btn-hero-secondary:hover,
.btn-outline-neutral:hover {
    border-color: #ed7f41;
    color: #ed7f41;
    transform: translateY(-2px);
    text-decoration: none;
}
.play-icon {
    width: 32px;
    height: 32px;
    background: #fff4ee;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.7rem;
    flex-shrink: 0;
}
.btn-outline-dark-custom,
.btn-teal {
    font-size: 15px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}
.hero-card h3 {
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 12px;
}
.btn-teal {
    font-weight: 700;
    padding: 13px 26px;
    background: #2dbd96;
    color: #fff;
    border: none;
    border-radius: 10px;
    transition:
        background 0.2s,
        transform 0.15s,
        box-shadow 0.2s;
}
.btn-teal:hover {
    background: #c5540a;
    transform: translateY(-2px);
    box-shadow: 0 8px 30px rgba(14, 159, 142, 0.22);
    color: #fff;
    text-decoration: none;
}
.btn-outline-dark-custom {
    font-weight: 600;
    padding: 15px 20px;
    background: 0 0;
    color: #17172e;
    border: 1.5px solid #eaeaf0;
    border-radius: 10px;
    transition:
        border-color 0.2s,
        color 0.2s;
}
.btn-white-outline,
.btn-white-solid {
    font-weight: 700;
    align-items: center;
    gap: 7px;
    padding: 15px 20px;
    display: inline-flex;
    cursor: pointer;
    font-size: 15px;
}
.btn-outline-dark-custom:hover {
    border-color: #2dbd96;
    color: #2dbd96;
    text-decoration: none;
}
.btn-white-solid {
    background: #fff;
    color: #ed7f41;
    border: none;
    border-radius: 10px;
    transition:
        box-shadow 0.2s,
        transform 0.15s;
}
.btn-trial-white:hover,
.btn-white-solid:hover {
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
    transform: translateY(-2px);
    color: #ed7f41;
    text-decoration: none;
}
.btn-white-outline {
    background: 0 0;
    color: #fff;
    border: 2px solid rgba(255, 255, 255, 0.5);
    border-radius: 10px;
    transition:
        background 0.2s,
        border-color 0.2s;
}
.btn-cta-outline:hover,
.btn-trial-outline:hover,
.btn-white-outline:hover {
    background: rgba(255, 255, 255, 0.12);
    border-color: #fff;
    color: #fff;
    text-decoration: none;
}
.btn-feature {
    font-size: 0.9rem;
    font-weight: 600;
    background: #17172e;
    color: #fff;
    border: none;
    padding: 15px 20px;
    border-radius: 10px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition:
        background 0.2s,
        transform 0.2s;
}
.btn-cta-ghost,
.btn-cta-main {
    font-size: 1rem;
    display: inline-block;
    padding: 15px 20px;
}
.btn-feature:hover {
    background: #ed7f41;
    color: #fff;
    transform: translateY(-2px);
}
.btn-cta-main {
    font-weight: 700;
    background: #ed7f41;
    color: #fff;
    border: none;
    border-radius: 12px;
    cursor: pointer;
    box-shadow: 0 4px 20px rgba(255, 107, 43, 0.4);
    transition:
        transform 0.25s,
        box-shadow 0.25s;
}
.btn-cta-main:hover {
    color: #fff;
    transform: translateY(-3px);
    box-shadow: 0 10px 30px rgba(255, 107, 43, 0.5);
}
.btn-cta-ghost {
    font-weight: 600;
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 12px;
    cursor: pointer;
    transition:
        background 0.25s,
        transform 0.25s;
}
.btn-trust-ghost,
.btn-trust-primary {
    font-size: 0.9rem;
    cursor: pointer;
    color: #fff;
    font-weight: 600;
}
.btn-cta-ghost:hover {
    background: rgba(255, 255, 255, 0.15);
    color: #fff;
    transform: translateY(-2px);
}
.btn-trust-primary {
    background: #ed7f41;
    border: none;
    padding: 15px 20px;
    border-radius: 10px;
    transition:
        background 0.2s,
        transform 0.2s;
}
.btn-trust-primary:hover {
    background: #e55a1f;
    transform: translateY(-2px);
    color: #fff;
}
.btn-trust-ghost {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.2);
    padding: 15px 20px;
    border-radius: 10px;
    transition: background 0.2s;
}
.btn-cta-outline,
.btn-cta-primary,
.btn-trial-white {
    font-weight: 700;
    padding: 15px 20px;
    display: inline-flex;
    align-items: center;
}
.btn-trust-ghost:hover {
    background: rgba(255, 255, 255, 0.15);
    color: #fff;
}
.btn-cta-outline,
.btn-cta-primary {
    font-size: 15px;
    border-radius: 8px;
    gap: 6px;
    cursor: pointer;
}
.btn-trial-outline,
.btn-trial-white {
    font-size: 15px;
    gap: 8px;
    cursor: pointer;
}
.btn-cta-primary {
    background: #ed7f41;
    color: #fff;
    border: none;
    transition:
        background 0.2s,
        transform 0.15s;
}
.btn-cta-primary:hover,
.btn-orange-solid:hover {
    background: #ff7b1c;
    color: #fff;
    text-decoration: none;
    transform: translateY(-1px);
}
.btn-cta-outline {
    background: 0 0;
    color: #fff;
    border: 2px solid rgba(255, 255, 255, 0.6);
    transition:
        background 0.2s,
        border-color 0.2s;
}
.btn-trial-white {
    background: #fff;
    color: #ed7f41;
    border: none;
    border-radius: 10px;
    transition:
        box-shadow 0.2s,
        transform 0.15s;
}
.btn-orange-solid,
.btn-trial-outline {
    font-weight: 700;
    padding: 15px 20px;
    display: inline-flex;
    align-items: center;
}
.btn-trial-outline {
    background: 0 0;
    color: #fff;
    border: 2px solid rgba(255, 255, 255, 0.55);
    border-radius: 10px;
    transition:
        background 0.2s,
        border-color 0.2s;
}
.btn-orange-solid {
    font-size: 14.5px;
    background: #ed7f41;
    color: #fff;
    border: none;
    border-radius: 9px;
    gap: 7px;
    transition:
        background 0.2s,
        transform 0.15s;
}
.btn-gen,
.btn-submit-check {
    width: 100%;
    padding: 11px;
    font-size: 13.5px;
    font-weight: 700;
    color: #fff;
    cursor: pointer;
}
.btn-gen {
    background: linear-gradient(135deg, #6c3fc5, #ed7f41);
    border: none;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition:
        opacity 0.2s,
        transform 0.15s;
}
.btn-gen:hover {
    opacity: 0.88;
    transform: translateY(-1px);
}
.btn-submit-check {
    background: #2dbd96;
    border: none;
    border-radius: 10px;
    transition:
        background 0.2s,
        transform 0.15s;
}
.btn-submit-check:hover {
    background: #e6f9f4;
    transform: translateY(-1px);
}
.trust-section {
    background: #17172e;
    padding: 100px 0;
    color: #fff;
}
.trust-section .section-tag {
    background: rgba(255, 107, 43, 0.2);
    color: #ff7b1c;
}
.trust-section h2 {
    font-size: 2.2rem;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -0.02em;
    margin-bottom: 16px;
}
.trust-section .trust-desc {
    font-size: 0.95rem;
    color: rgba(255, 255, 255, 0.65);
    line-height: 1.75;
    margin-bottom: 32px;
}
.trust-card {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 16px;
    padding: 24px;
    height: 100%;
    transition:
        background 0.3s,
        border-color 0.3s;
}
.mid-visual,
.t-avatar {
    border-radius: 50%;
    display: flex;
}
.trust-card:hover {
    background: rgba(255, 107, 43, 0.1);
    border-color: rgba(255, 107, 43, 0.3);
}
.trust-icon {
    font-size: 1.6rem;
    margin-bottom: 12px;
}
.trust-card h4 {
    font-size: 0.9rem;
    font-weight: 700;
    margin-bottom: 8px;
    color: #fff;
}
.trust-card p {
    font-size: 0.8rem;
    color: rgba(255, 255, 255, 0.55);
    line-height: 1.6;
    margin: 0;
}
.testimonials-section {
    background: #f5f5fa;
    padding: 100px 0;
}
.testimonial-card {
    height: 100%;
    transition:
        border-color 0.3s,
        transform 0.3s,
        box-shadow 0.3s;
}
.testimonial-card:hover {
    border-color: #ed7f41;
    transform: translateY(-3px);
    box-shadow: 0 8px 30px rgba(255, 107, 43, 0.1);
}
.stars {
    color: #fbbf24;
    font-size: 0.9rem;
    margin-bottom: 16px;
    letter-spacing: 2px;
}
.testimonial-card p {
    font-size: 0.9rem;
    color: #000;
    line-height: 1.7;
    margin-bottom: 20px;
    font-style: italic;
}
.t-avatar {
    width: 44px;
    height: 44px;
    flex-shrink: 0;
    background: linear-gradient(135deg, #ed7f41, #ff9a6c);
    align-items: center;
    justify-content: center;
    font-weight: 700;
    color: #fff;
    font-size: 1rem;
}
.t-name {
    font-size: 0.88rem;
    font-weight: 700;
    margin-bottom: 2px;
}
.t-role {
    font-size: 0.75rem;
    color: #000;
}
.cta-band-section,
.mid-cta {
    background: linear-gradient(135deg, #17172e 0, #2d2d4a 100%);
    padding: 72px 0;
    position: relative;
    overflow: hidden;
}
.cta-band-section::before,
.mid-cta::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 70% 50%, rgba(232, 99, 10, 0.15) 0, transparent 60%);
}
.mid-cta.teal::before {
    background: radial-gradient(ellipse at 25% 50%, rgba(14, 159, 142, 0.2) 0, transparent 50%),
        radial-gradient(ellipse at 80% 20%, rgba(244, 63, 94, 0.1) 0, transparent 45%);
}
.cta-band-section h2,
.mid-cta h2 {
    font-size: clamp(26px, 3.5vw, 42px);
    font-weight: 800;
    color: #fff;
    margin-bottom: 14px;
}
.cta-band-section h2 em,
.mid-cta h2 em {
    color: #ff7b1c;
    font-style: normal;
}
.mid-cta.teal h2 em {
    color: #e6f9f4;
}
.cta-band-section p,
.mid-cta p {
    font-size: 15px;
    color: rgba(255, 255, 255, 0.65);
    line-height: 1.7;
}
.mid-visual {
    width: 180px;
    height: 180px;
    flex-shrink: 0;
    background: linear-gradient(135deg, rgba(232, 99, 10, 0.12), rgba(108, 63, 197, 0.1));
    align-items: center;
    justify-content: center;
    position: relative;
}
.mid-visual::after {
    content: "AI";
    position: absolute;
    font-size: 52px;
    font-weight: 800;
    background: linear-gradient(135deg, #ff7b1c, #8b5cf6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.mid-visual.teal {
    background: linear-gradient(135deg, rgba(14, 159, 142, 0.12), rgba(244, 63, 94, 0.08));
}
.mid-visual.teal::after {
    background: linear-gradient(135deg, #e6f9f4, #f43f5e);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.stats-bar,
.stats-section {
    border-top: 1px solid #eaeaf0;
    padding: 52px 0;
}
.stat-num,
.stat-number,
.stat-val {
    font-size: 2.6rem;
    font-weight: 800;
    color: #fff;
    line-height: 1;
    display: block;
}
.stats-bar .stat-num,
.stats-section .stat-num,
.stats-section .stat-number {
    font-size: 40px;
    color: #ed7f41;
}
.stat-label,
.stat-lbl {
    font-size: 0.82rem;
    color: rgba(255, 255, 255, 0.8);
    margin-top: 6px;
    font-weight: 500;
    display: block;
}
.stat-divider {
    width: 1px;
    background: rgba(255, 255, 255, 0.25);
    height: 48px;
    margin: auto;
}
.faq-section {
    background: #fff;
    padding: 80px 0;
}
.faq-card,
.faq-wrapper {
    max-width: 780px;
    margin: 56px auto 0;
    border-radius: 14px;
    border: 1px solid #eaeaf0;
}
.new-accordion .card h4 {
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 6px;
    line-height: 1.6;
}
.faq-card .card,
.faq-wrapper .card {
    border: none;
    border-bottom: 1.5px solid #eaeaf0;
    border-radius: 0 !important;
    background: 0 0;
}
.faq-card .card-header button,
.faq-wrapper .card-header a,
.faq-wrapper .card-header button {
    font-size: 16px;
    font-weight: 600;
    color: #17172e;
    background: 0 0;
    border: none;
    cursor: pointer;
    width: 100%;
    text-align: left;
    padding: 20px 24px 6px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
    transition:
        background 0.2s,
        color 0.2s;
    margin-bottom: 0;
}
.faq-wrapper .card-header a {
    color: #ed7f41;
    background: #fff4ee;
}
.faq-wrapper .card-header.collapsed a {
    color: #17172e;
    background: 0 0;
}
.faq-chevron,
.faq-icon {
    font-size: 1.4rem;
    color: #ed7f41;
    flex-shrink: 0;
    transition: transform 0.3s;
    line-height: 1;
}
.faq-chevron {
    font-size: 17px;
    color: #000;
}
.faq-item.open .faq-chevron,
.faq-wrapper .card-header button[aria-expanded="true"] .faq-chevron {
    transform: rotate(180deg);
    color: #ed7f41;
}
.faq-card .card-header button[aria-expanded="true"] .faq-icon,
.mob-acc-btn.open .mob-chev {
    transform: rotate(180deg);
}
.faq-card .card-body,
.faq-wrapper .card-body {
    padding: 20px 24px;
    font-size: 15px;
    color: #000;
    line-height: 1.75;
}
.faq-item {
    border-bottom: 1px solid #eaeaf0;
}
.faq-btn {
    width: 100%;
    text-align: left;
    padding: 20px 24px;
    font-size: 15px;
    font-weight: 700;
    color: #17172e;
    background: 0 0;
    border: none;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
    transition: background 0.2s;
}
.cta-section,
.eco-hub-inner,
.eco-node,
.feedback-hero,
.su-stat-card,
.tpl-modal-sub,
.trial-section {
    text-align: center;
}
.faq-answer {
    max-height: 0;
    padding: 0 24px;
    font-size: 14.5px;
    color: #000;
    line-height: 1.7;
    transition:
        max-height 0.35s,
        padding 0.3s;
}
.faq-item.open .faq-answer {
    max-height: 300px;
    padding: 0 24px 20px;
}
.cta-section {
    background: linear-gradient(135deg, #17172e 0, #1e2235 100%);
    padding: 100px 0;
    position: relative;
}
.cta-section::before {
    content: "AI";
    position: absolute;
    right: -5%;
    top: 50%;
    transform: translateY(-50%);
    font-size: 22vw;
    font-weight: 900;
    color: rgba(255, 107, 43, 0.04);
    pointer-events: none;
    line-height: 1;
}
.cta-note,
.cta-section h2,
.eco-diagram,
.trial-section,
.trial-section h2,
.trial-section p {
    position: relative;
}
.cta-section h2 {
    font-size: 2.8rem;
    font-weight: 800;
    color: #fff;
    margin-bottom: 16px;
    letter-spacing: -0.02em;
    z-index: 1;
}
.cta-section .cta-desc {
    color: rgba(255, 255, 255, 0.65);
    font-size: 1rem;
    line-height: 1.7;
    position: relative;
    z-index: 1;
    margin-bottom: 36px;
}
.cta-note {
    color: rgba(255, 255, 255, 0.45);
    font-size: 0.8rem;
    margin-top: 16px;
    z-index: 1;
}
.trial-section {
    background: linear-gradient(135deg, #ed7f41 0, #ff7c1d 50%, #ff9a5c 100%);
    padding: 84px 0;
}
.trial-section::before {
    content: "";
    position: absolute;
    inset: 0;
    background: url("data:image/svg+xml,%3Csvg width='52' height='52' viewBox='0 0 52 52' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23fff' fill-opacity='0.04'%3E%3Ccircle cx='26' cy='26' r='10'/%3E%3C/g%3E%3C/svg%3E");
}
.trial-section h2 {
    font-size: clamp(26px, 4vw, 44px);
    font-weight: 800;
    color: #fff;
    margin-bottom: 12px;
}
.trial-section p {
    font-size: 15.5px;
    color: rgba(255, 255, 255, 0.85);
    max-width: 560px;
    margin: 0 auto 36px;
    line-height: 1.7;
}
.ai-ecosystem-wrap {
    width: 100%;
    max-width: 565px;
    margin: 0 auto;
    user-select: none;
}
.eco-diagram {
    width: 100%;
    height: 340px;
}
.ai-eco-svg,
.eco-hub,
.eco-node {
    position: absolute;
}
.ai-eco-svg {
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    pointer-events: none;
    overflow: visible;
}
.eco-line {
    stroke: #ed7f41;
    stroke-width: 1.8;
    stroke-dasharray: 5 5;
    opacity: 0.3;
    animation: 2s linear infinite lineDash;
}
@keyframes lineDash {
    to {
        stroke-dashoffset: -30;
    }
}
.eco-dot {
    fill: #ed7f41;
    opacity: 0.9;
}
.eco-hub {
    top: 50%;
    left: 50%;
    z-index: 4;
}
.eco-hub-inner {
    background: linear-gradient(135deg, #ed7f41 0, #ff9054 100%);
    border-radius: 22px;
    padding: 20px 26px;
    min-width: 138px;
    box-shadow:
        0 6px 28px rgba(255, 107, 43, 0.45),
        0 0 0 7px rgba(255, 107, 43, 0.1);
    animation: 3s ease-in-out infinite hubGlow;
}
@keyframes hubGlow {
    0%,
    100% {
        box-shadow:
            0 6px 28px rgba(255, 107, 43, 0.45),
            0 0 0 7px rgba(255, 107, 43, 0.1);
    }
    50% {
        box-shadow:
            0 6px 36px rgba(255, 107, 43, 0.55),
            0 0 0 16px rgba(255, 107, 43, 0.06);
    }
}
.eco-hub-icon {
    font-size: 1.4rem;
    line-height: 1;
    margin-bottom: 5px;
}
.eco-hub-label {
    font-size: 0.95rem;
    font-weight: 800;
    color: #fff;
    letter-spacing: -0.01em;
}
.eco-hub-sub {
    font-size: 0.62rem;
    color: rgba(255, 255, 255, 0.72);
    font-weight: 500;
    margin-top: 3px;
}
.eco-node {
    z-index: 3;
    background: #fff;
    border: 1.5px solid #eaeaf0;
    border-radius: 18px;
    padding: 15px 14px 12px;
    width: 126px;
    cursor: pointer;
    transition:
        border-color 0.22s,
        transform 0.22s,
        box-shadow 0.22s,
        background 0.22s;
    box-shadow: 0 3px 14px rgba(0, 0, 0, 0.07);
}
.eco-node:hover {
    border-color: #ed7f41;
    transform: scale(1.06) translateY(-2px);
    box-shadow: 0 8px 24px rgba(255, 107, 43, 0.18);
}
.eco-node.eco-active {
    border-color: #ed7f41;
    background: #fff4ee;
    box-shadow: 0 6px 22px rgba(255, 107, 43, 0.2);
}
.eco-node-icon {
    font-size: 1.5rem;
    margin-bottom: 6px;
    display: block;
    color: var(--main-color);
}
.eco-node-name {
    font-size: 0.72rem;
    font-weight: 700;
    color: #17172e;
    line-height: 1.3;
    margin-bottom: 5px;
}
.eco-node-tag {
    font-size: 0.6rem;
    font-weight: 600;
    color: #ed7f41;
    background: rgba(255, 107, 43, 0.1);
    padding: 2px 8px;
    border-radius: 20px;
    display: inline-block;
}
.eco-node-tl {
    top: 10px;
    left: 0;
}
.eco-node-tr {
    top: 10px;
    right: 0;
}
.eco-node-bl {
    bottom: 10px;
    left: 0;
}
.eco-node-br {
    bottom: 10px;
    right: 0;
}
.eco-info-strip {
    margin-top: 18px;
    background: #17172e;
    border-radius: 16px;
    padding: 14px 18px;
    display: flex;
    align-items: center;
    gap: 14px;
    min-height: 72px;
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.14);
    transition: 0.3s;
}
.eco-info-emoji {
    font-size: 1.8rem;
    flex-shrink: 0;
    line-height: 1;
    transition: 0.3s;
    display: none;
}
.eco-info-title {
    font-size: 0.84rem;
    font-weight: 700;
    color: #fff;
    margin-bottom: 3px;
}
.eco-info-desc {
    font-size: 0.73rem;
    color: rgba(255, 255, 255, 0.65);
    line-height: 1.5;
    margin: 0;
    min-height: 34px;
}
.eco-info-dots {
    display: flex;
    gap: 5px;
    margin-top: 10px;
}
.eco-info-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.25);
    transition:
        background 0.3s,
        transform 0.3s;
}
.eco-info-dot.on {
    background: #ed7f41;
    transform: scale(1.3);
}
@media (max-width: 575.98px) {
    .eco-diagram {
        height: 300px;
    }
    .eco-node {
        width: 117px;
        padding: 12px 20px 10px;
        margin-bottom: -10px;
    }
    .eco-hub-inner {
        padding: 8px 16px;
        min-width: 118px;
    }
    .eco-hub-sub img {
        width: 80px;
    }
    .eco-hub-label {
        font-size: 13px;
        font-weight: 600;
    }
}
.tpl-modal-card {
    background: #fff;
    border-radius: 18px;
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.13);
    border: 1px solid #eaeaf0;
    overflow: hidden;
    margin: 0 auto;
}
.tpl-modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 24px 14px;
    border-bottom: 1px solid #f0f0f5;
}
.tpl-modal-title {
    font-size: 17px;
    font-weight: 700;
    color: #17172e;
}
.tpl-modal-close {
    font-size: 16px;
    color: #aaa;
    cursor: unset;
    font-weight: 400;
    line-height: 1;
    padding: 2px 6px;
    border-radius: 6px;
    transition: background 0.2s;
}
.tpl-modal-close:hover {
    background: #f0f0f0;
}
.tpl-modal-body {
    padding: 20px 20px 22px;
}
.tpl-eyebrow-pill {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #ed7f41;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.06em;
    padding: 5px 14px;
    border-radius: 99px;
    text-transform: uppercase;
}
.tpl-modal-heading {
    font-size: 20px;
    font-weight: 800;
    color: #17172e;
    text-align: center;
    margin: 10px 0 6px;
    line-height: 1.25;
}
.tpl-modal-sub {
    font-size: 12.5px;
    color: #000;
    line-height: 1.6;
    margin-bottom: 18px;
    margin-left: auto;
    margin-right: auto;
}
.tpl-item {
    border: 1.5px solid #eaeaf0;
    border-radius: 12px;
    padding: 14px 12px 12px;
    background: #fff;
    position: relative;
    transition:
        border-color 0.22s,
        box-shadow 0.22s,
        transform 0.22s;
    height: 100%;
    min-height: 110px;
    cursor: unset;
}
.tpl-item:hover {
    border-color: #ed7f41;
    box-shadow: 0 6px 22px rgba(232, 99, 10, 0.12);
    transform: translateY(-2px);
}
.tpl-ai-badge {
    position: absolute;
    top: -1px;
    right: -1px;
    background: #ed7f41;
    color: #fff;
    font-size: 9px;
    font-weight: 700;
    padding: 3px 8px;
    border-radius: 0 11px 0 8px;
    letter-spacing: 0.04em;
}
.tpl-item-icon-wrap {
    width: 38px;
    height: 38px;
    background: #fff4ee;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    margin-bottom: 9px;
}
.abt-main-card:hover .abt-card-title,
.ben-tab-item.is-active .ben-tab-name,
.c-inner-enrol-access-badge .bi,
.c-inner-hero-title .title-accent,
.community-footer a:hover,
.community-reaction:hover,
.contact-form-card.stepform h2,
.contact-hero-headline span,
.crs-card:hover .crs-title,
.faq-cat-icon svg,
.fr-cta-title span,
.gr-cta-title span,
.journey-icon svg,
.l2c-category-label i,
.l2c-cb-hours,
.l2c-footer a:hover,
.l2c-hero-headline span,
.l2c-logo-text span,
.mob-acc-btn.open,
.oc-icon i,
.plt-role-link:hover .plt-rname,
.related-footer a:hover,
.related-meta-row .bi,
.req-card p span,
.res-nav-link .plt-role-icon,
.slide-card .card-icon,
.spec-badge svg,
.state-page-slider .owl-nav [class*="owl-"]:hover i,
.su-cta-title span,
.su-hero h1 .su-accent,
.tab-btn:hover,
.tpl-item-icon {
    color: var(--main-color);
}
.tpl-item-name {
    font-size: 12.5px;
    font-weight: 700;
    color: #17172e;
    margin-bottom: 4px;
    line-height: 1.3;
}
.tpl-item-desc {
    font-size: 11px;
    color: #000;
    line-height: 1.5;
}
.mock-header,
.mock-topbar {
    justify-content: flex-start;
    gap: 9px;
}
.feedback-card {
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 12px 48px rgba(0, 0, 0, 0.12);
    overflow: hidden;
    margin: 0 auto;
    animation: 0.6s 0.1s both cardIn;
}
@keyframes cardIn {
    from {
        opacity: 0;
        transform: translateY(18px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.steps-bar {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 24px 4px;
    gap: 50px;
    position: relative;
}
.step-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
}
.close-btn,
.step-circle {
    border-radius: 50%;
    align-items: center;
    font-weight: 700;
    display: flex;
}
.step-circle {
    width: 34px;
    height: 34px;
    justify-content: center;
    font-size: 0.85rem;
    position: relative;
    z-index: 1;
}
.step-circle.done,
.step-circle.done2 {
    background: #43a047;
    color: #fff;
}
.step-circle.active {
    background: #e8611a;
    color: #fff;
    box-shadow: 0 0 0 4px rgba(232, 97, 26, 0.2);
}
.step-label {
    font-size: 0.58rem;
    font-weight: 700;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}
.close-btn,
.skill-tag .tag-icon {
    font-size: 0.75rem;
}
.step-label.done {
    color: #43a047;
}
.step-label.active {
    color: #e8611a;
}
.step-connector {
    height: 3px;
    width: 70px;
    margin-bottom: 19px;
    flex-shrink: 0;
}
.step-connector.grey {
    background: #e0e0e0;
}
.close-btn {
    position: absolute;
    top: 16px;
    right: 18px;
    width: 28px;
    height: 28px;
    background: #f0f0f0;
    border: none;
    color: #888;
    justify-content: center;
    cursor: pointer;
}
.feedback-hero {
    padding: 10px 24px 16px;
    border-bottom: 1px solid #f5f5f5;
}
.feedback-avatar {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #e8611a;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.6rem;
    margin: 0 auto 10px;
}
.feedback-hero h3 {
    font-size: 1.1rem;
    font-weight: 800;
    color: #1a1a2e;
    margin-bottom: 4px;
}
.feedback-hero p,
.feedback-item p {
    font-size: 0.72rem;
    font-weight: 400;
    margin: 0;
}
.feedback-hero p {
    color: #888;
}
.skill-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    justify-content: center;
    margin-top: 12px;
}
.feed-section-title,
.skill-tag {
    align-items: center;
    display: flex;
    font-weight: 700;
}
.skill-tag {
    gap: 5px;
    border-radius: 99px;
    padding: 4px 12px;
    font-size: 0.65rem;
    border: 1.5px solid transparent;
}
.skill-tag.green {
    background: #f0fdf4;
    border-color: #86efac;
    color: #16a34a;
}
.skill-tag.red {
    background: #fff1f2;
    border-color: #fca5a5;
    color: #dc2626;
}
.skill-tag.blue {
    background: #eff6ff;
    border-color: #93c5fd;
    color: #2563eb;
}
.skill-tag.yellow {
    background: #fffbeb;
    border-color: #fcd34d;
    color: #d97706;
}
.skill-tag.purple {
    background: #faf5ff;
    border-color: #d8b4fe;
    color: #7c3aed;
}
.feedback-body {
    padding: 14px 18px 18px;
}
.feed-section-title {
    gap: 8px;
    font-size: 0.82rem;
    color: #1a1a2e;
    margin-bottom: 10px;
}
.feed-section-title .star-badge {
    width: 26px;
    height: 26px;
    background: #fffbeb;
    border-radius: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.85rem;
}
.feedback-item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    background: #f8fdf8;
    border: 1px solid #dcfce7;
    border-radius: 10px;
    padding: 10px 12px;
    margin-bottom: 8px;
    animation: 0.4s both itemIn;
}
.d2,
.feedback-item:nth-child(2) {
    animation-delay: 0.15s;
}
.community-wave-bar:nth-child(4),
.feedback-item:nth-child(3) {
    animation-delay: 0.3s;
}
@keyframes itemIn {
    from {
        opacity: 0;
        transform: translateX(-8px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}
.check-circle {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #dcfce7;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 0.65rem;
    color: #16a34a;
    font-weight: 700;
    margin-top: 1px;
}
.feedback-item p {
    color: #374151;
    line-height: 1.55;
}
.step-connector.orange {
    background: #e8611a;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: 200px;
}
.reveal {
    opacity: 0;
    transform: translateY(22px);
    transition:
        opacity 0.6s,
        transform 0.6s;
}
.community-fade-in.visible,
.reveal.visible {
    opacity: 1;
    transform: none;
}
@media (max-width: 991.98px) {
    .hero-section h1,
    .hero-title {
        font-size: 34px;
    }
    .cta-band-section h2,
    .mid-cta h2,
    .sec-title,
    .section-heading,
    .section-title {
        font-size: 28px;
    }
    .fd-title,
    .feat-title {
        font-size: 26px;
    }
    .trial-section h2 {
        font-size: 30px;
    }
    .trust-section h2 {
        font-size: 1.8rem;
    }
    .cta-section h2 {
        font-size: 2.1rem;
    }
    .chip-br,
    .chip-tl,
    .float-badge-bottom,
    .float-badge-top,
    .float-card,
    .foxi-avatar,
    .mid-visual {
        display: none;
    }
}
@media (max-width: 767.98px) {
    .hero-section h1,
    .hero-title {
        font-size: 28px;
    }
    .stat-num,
    .stat-val {
        font-size: 2rem;
    }
    .footer-nl-form {
        flex-direction: column;
    }
    .hero-btn-group,
    .hero-btn-row {
        flex-wrap: wrap;
    }
    .daily-grid {
        grid-template-columns: repeat(4, 1fr);
    }
}
.care-stats-band,
.new-mtrcs-strap,
.trust-bar {
    padding: 22px 0;
    background: #fff;
    border-bottom: 1px solid #edebe8;
}
.new-mtrcs-strap-box {
    gap: 15px;
    justify-content: center;
    align-items: center;
}
.new-mtrcs-strap-box .icon i {
    font-size: 42px;
    color: var(--main-color);
}
.new-mtrcs-strap-box .icon img {
    width: 52px;
    height: 52px;
    object-fit: contain;
}
.su-hero {
    background: #fff5ef;
    padding: 82px 0;
    overflow: hidden;
    position: relative;
}
.su-hero::before {
    content: "";
    position: absolute;
    top: -180px;
    right: -180px;
    width: 680px;
    height: 680px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(232, 101, 10, 0.08) 0, transparent 68%);
    pointer-events: none;
}
.fr-hero-eyebrow,
.su-hero-tagline {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #fff;
    border: 1.5px solid #fbdcc5;
    color: #000;
    padding: 7px 16px;
    border-radius: 99px;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 15px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}
.su-btn-ghost,
.su-btn-primary {
    font-weight: 600;
    padding: 15px 20px;
    display: inline-block;
}
.su-tagline-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--main-color);
    display: inline-block;
    animation: 2s infinite su-pulse;
}
@keyframes su-pulse {
    0%,
    100% {
        opacity: 1;
        transform: scale(1);
    }
    50% {
        opacity: 0.5;
        transform: scale(0.8);
    }
}
.su-hero h1 {
    font-size: 37px;
    font-weight: 700;
    line-height: 1.4;
    color: #2c2c2c;
    margin-bottom: 18px;
    text-transform: capitalize;
}
.en-hero h1,
.fr-hero h1,
.gr-hero h1 {
    margin-bottom: 20px;
    letter-spacing: -2px;
}
.su-hero-desc {
    font-size: 15px;
    line-height: 1.75;
    margin-bottom: 25px;
}
.su-btn-primary {
    background: var(--main-color);
    color: #fff;
    border: none;
    border-radius: 10px;
    font-size: 15px;
    transition: 0.18s;
}
.su-btn-primary:hover {
    box-shadow: 0 4px 16px rgba(232, 101, 10, 0.35);
    background: #c5540a;
    color: #fff;
    transform: translateY(-2px);
    text-decoration: none;
}
.su-btn-ghost {
    background: #fff;
    color: #2c2c2c;
    border: 1.5px solid #000;
    border-radius: 10px;
    font-size: 15px;
    transition: 0.15s;
}
.su-btn-ghost:hover {
    border-color: #000;
    color: #fff;
    text-decoration: none;
    background: #000;
}
.su-av {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #fef0e7;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    border: 2.5px solid #fff;
    margin-left: -9px;
}
.su-trust-text {
    font-size: 13px;
    color: #525252;
    font-weight: 500;
}
.su-dash-card {
    background: #fff;
    border: 1px solid #edebe8;
    border-radius: 14px 14px 0 0;
    padding: 20px 20px 0;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
    animation: 6s ease-in-out infinite su-float;
}
@keyframes su-float {
    0%,
    100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-8px);
    }
}
.fr-net-header,
.gr-vc-head,
.su-dash-header,
.su-mock-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
}
.fr-net-title,
.su-dash-title,
.su-mock-title {
    font-size: 13px;
    font-weight: 800;
    color: #2c2c2c;
}
.fr-net-badge,
.su-live-badge {
    display: flex;
    align-items: center;
    gap: 5px;
    background: #d1f5e6;
    color: #0e7a4e;
    padding: 4px 10px;
    border-radius: 99px;
    font-size: 11px;
    font-weight: 700;
}
.su-live-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #0e7a4e;
    animation: 1.5s infinite su-pulse;
}
.su-prog-label {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    color: #525252;
    font-weight: 600;
    margin-bottom: 4px;
}
.su-prog-track {
    height: 7px;
    background: #edebe8;
    border-radius: 99px;
    overflow: hidden;
    margin-bottom: 12px;
}
.su-prog-fill {
    height: 100%;
    border-radius: 99px;
    background: linear-gradient(90deg, var(--main-color), #f5914a);
}
.su-stat-card {
    background: #fff;
    border: 1px solid #edebe8;
    border-radius: 10px;
    padding: 14px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}
.su-stat-num {
    font-size: 24px;
    font-weight: 700;
    color: var(--main-color);
}
.su-stat-lbl {
    font-size: 11px;
    color: #7a7a7a;
    font-weight: 600;
    margin-top: 2px;
}
.su-cert-alert {
    background: #d1f5e6;
    border: 1px solid #a7f3d0;
    border-radius: 10px;
    padding: 12px 14px;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 10px;
}
.su-cert-title {
    font-size: 12.5px;
    font-weight: 700;
    color: #0e7a4e;
}
.su-cert-sub {
    font-size: 11px;
    color: #0e7a4e;
    opacity: 0.7;
}
.su-strip {
    background: #fff;
    border-bottom: 1px solid #edebe8;
    padding: 22px 0;
}
.su-strip-label {
    font-size: 11.5px;
    font-weight: 700;
    color: #7a7a7a;
    letter-spacing: 0.8px;
    text-transform: uppercase;
}
.su-strip-stat {
    padding: 0 28px;
    border-left: 1px solid #edebe8;
}
.su-strip-stat:first-child {
    border-left: none;
    padding-left: 0;
}
.su-strip-num {
    font-size: 28px;
    font-weight: 700;
    color: var(--main-color);
    letter-spacing: -1px;
}
.su-strip-txt {
    font-size: 12px;
    color: #7a7a7a;
    font-weight: 600;
    margin-top: 1px;
}
.en-section,
.fr-section,
.gr-section,
.su-section {
    padding: 84px 0;
}
.su-cr:hover,
.su-section-alt {
    background: #fef0e7;
}
.community-section-dark,
.en-section-dark,
.fr-section-dark,
.gr-section-dark,
.su-section-dark {
    background: #1e1e1e;
}
.fr-eyebrow,
.su-eyebrow {
    font-size: 11.5px;
    font-weight: 800;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: var(--main-color);
    margin-bottom: 10px;
}
.su-eyebrow-lt {
    color: rgba(255, 255, 255, 0.6);
}
.fr-section-title,
.gr-section-title,
.su-section-title {
    font-size: 40px;
    font-weight: 700;
    color: #2c2c2c;
    letter-spacing: -1.5px;
    line-height: 1.12;
    margin-bottom: 14px;
}
.fr-section-sub,
.gr-section-sub,
.su-section-sub {
    font-size: 16px;
    color: #525252;
    line-height: 1.72;
    margin-bottom: 48px;
}
.gr-section-sub-lt,
.su-section-sub-lt {
    color: rgba(255, 255, 255, 0.65);
}
.fr-feat-card,
.su-pain-card {
    background: #fff;
    border: 1.5px solid #edebe8;
    border-radius: 14px;
    padding: 28px;
    height: 100%;
    position: relative;
    overflow: hidden;
    transition: 0.22s;
    display: flex;
    flex-direction: column;
}
.fr-feat-card:hover,
.gr-chal-card:hover,
.su-pain-card:hover {
    border-color: #fbdcc5;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
    transform: translateY(-4px);
}
.gr-chal-card::before,
.su-pain-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--main-color);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.22s;
}
.gr-chal-icon,
.su-pain-icon {
    color: var(--main-color);
    width: 50px;
    height: 50px;
    border-radius: 13px;
    background: #fef0e7;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    margin-bottom: 18px;
}
.su-pain-title {
    font-size: 17px;
    font-weight: 800;
    color: #2c2c2c;
    margin-bottom: 10px;
}
.en-cap-body,
.fr-feat-body,
.su-pain-body {
    font-size: 13.5px;
    color: #525252;
    line-height: 1.65;
    margin-bottom: 16px;
}
.gr-chal-tag,
.su-pain-resolve {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    background: #d1f5e6;
    color: #0e7a4e;
    padding: 8px 13px;
    border-radius: 8px;
    font-size: 12.5px;
    font-weight: 700;
    margin-top: auto;
}
.feat-card h5 {
    line-height: 1.4;
}
.gr-feat-item,
.su-feat-item {
    display: flex;
    gap: 14px;
    padding: 18px 20px;
    border: 1.5px solid #edebe8;
    border-radius: 10px;
    background: #fff;
    margin-bottom: 14px;
    transition: 0.18s;
}
.gr-feat-item:hover,
.su-feat-item:hover {
    border-color: var(--main-color);
    box-shadow: 0 4px 20px rgba(232, 101, 10, 0.08);
}
.gr-feat-icon,
.su-feat-icon {
    color: var(--main-color);
    width: 42px;
    height: 42px;
    border-radius: 10px;
    background: #fef0e7;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 19px;
    flex-shrink: 0;
}
.su-feat-title {
    font-size: 14.5px;
    font-weight: 800;
    color: #2c2c2c;
    margin-bottom: 4px;
}
.gr-feat-body,
.su-feat-body {
    font-size: 13px;
    color: #525252;
    line-height: 1.55;
    margin: 0;
}
.gr-visual-card,
.su-mock-card {
    background: #fff;
    border: 1.5px solid #edebe8;
    border-radius: 14px;
    padding: 26px;
    box-shadow: 0 24px 64px rgba(0, 0, 0, 0.12);
}
.gr-vc-badge,
.su-mock-badge {
    font-size: 11px;
    font-weight: 700;
    color: var(--main-color);
    background: #fef0e7;
    padding: 3px 9px;
    border-radius: 99px;
}
.su-staff-row {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border-radius: 9px;
    background: #fef0e7;
    margin-bottom: 7px;
}
.gr-row-av,
.su-staff-av {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #fef0e7;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    border: 2px solid #fff;
    flex-shrink: 0;
}
.gr-row-name,
.su-staff-name {
    font-size: 13px;
    font-weight: 700;
    color: #2c2c2c;
    flex: 1;
}
.gr-row-bar,
.su-staff-bar-wrap {
    flex: 2;
}
.gr-bar-bg,
.su-staff-bar-bg {
    height: 5px;
    background: #edebe8;
    border-radius: 99px;
}
.gr-bar-fill,
.su-staff-bar-fill {
    height: 100%;
    border-radius: 99px;
    background: var(--main-color);
}
.gr-row-pct,
.su-staff-pct {
    font-size: 12px;
    font-weight: 800;
    color: var(--main-color);
    min-width: 34px;
    text-align: right;
}
.abt-stat,
.en-cc-cta,
.fr-loc-tile,
.fr-net-sum,
.fr-result-card,
.fr-testi-card,
.gr-result-card,
.gr-testi-card,
.prc-header,
.prc-plan-btn,
.pro-sc-item,
.slider-counter,
.su-step,
.su-testi,
.trust-box {
    text-align: center;
}
.gr-vc-alert,
.su-mock-alert {
    background: #fef0e7;
    border: 1px solid #fbdcc5;
    border-radius: 8px;
    padding: 10px 13px;
    font-size: 12.5px;
    font-weight: 700;
    color: #c5540a;
    margin-top: 10px;
}
.su-steps-row {
    position: relative;
    margin-top: 50px;
}
.su-steps-line {
    position: absolute;
    top: 26px;
    left: 12%;
    right: 12%;
    height: 2px;
    background: repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.4) 0 10px, transparent 10px 18px);
}
.en-hero,
.su-step-num,
.su-testi {
    position: relative;
}
.su-step {
    padding: 0;
}
.su-step-num {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: #fff;
    color: var(--main-color);
    font-size: 19px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 18px;
    z-index: 2;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.15);
}
.su-step-title {
    font-size: 14.5px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 7px;
}
.su-step-body {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.72);
    line-height: 1.6;
}
.en-compare-wrap,
.fr-compare-wrap,
.gr-compare-wrap,
.su-compare-wrap {
    border-radius: 14px;
    overflow: hidden;
    border: 1.5px solid #edebe8;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
    margin-top: 50px;
}
.en-compare-head,
.fr-compare-head,
.gr-compare-head,
.su-compare-head {
    display: grid;
    grid-template-columns: 2.2fr 1fr 1fr;
    background: #1e1e1e;
}
.su-ch-cell {
    padding: 17px 22px;
    font-size: 14px;
    font-weight: 800;
    color: rgba(255, 255, 255, 0.55);
}
.en-ch-cell.en-l2c,
.fr-ch-cell.fr-l2c,
.gr-ch-cell.gr-l2c,
.su-ch-cell.su-l2c {
    color: var(--main-color);
    font-size: 15px;
}
.en-table-row,
.fr-grid-row,
.gr-comp-row,
.su-cr {
    display: grid;
    grid-template-columns: 2.2fr 1fr 1fr;
    border-top: 1px solid #edebe8;
    background: #fff;
    transition: background 0.12s;
}
.en-table-cell,
.fr-grid-cell,
.gr-comp-cell,
.su-cr-cell {
    padding: 14px 22px;
    font-size: 13.5px;
    color: #525252;
    display: flex;
    align-items: center;
    gap: 6px;
}
.en-table-cell.en-feat,
.fr-grid-cell.fr-feat,
.gr-comp-cell.gr-feat,
.su-cr-cell.su-feat {
    font-weight: 700;
    color: #2c2c2c;
}
.en-yes,
.fr-yes,
.gr-yes,
.su-yes {
    color: #0e7a4e;
    font-weight: 800;
}
.en-no,
.fr-no,
.gr-no,
.su-no {
    color: #c0392b;
    font-weight: 700;
}
.en-part,
.fr-part,
.gr-part,
.su-part {
    color: #7a7a7a;
    font-weight: 600;
    font-size: 13px;
}
.su-testi {
    background: #fff;
    border: 1.5px solid #edebe8;
    border-radius: 14px;
    padding: 48px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    margin-top: 50px;
}
.su-testi::before {
    content: '"';
    font-size: 150px;
    color: #fbdcc5;
    line-height: 0.5;
    position: absolute;
    top: 20px;
    left: 26px;
    pointer-events: none;
}
.fr-stars,
.gr-stars,
.su-stars {
    font-size: 17px;
    color: var(--main-color);
    letter-spacing: 3px;
    margin-bottom: 10px;
}
.su-testi-q {
    font-size: 20px;
    font-weight: 700;
    color: #2c2c2c;
    line-height: 1.6;
    margin-bottom: 28px;
}
.su-tav {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #fef0e7;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    border: 3px solid #fbdcc5;
}
.su-tname {
    font-size: 15px;
    font-weight: 800;
    color: #2c2c2c;
}
.su-trole {
    font-size: 13px;
    color: #7a7a7a;
}
.fr-cta-section,
.gr-cta-section,
.su-cta-section {
    background: #1e1e1e;
    padding: 84px 0;
    position: relative;
    overflow: hidden;
}
.fr-cta-section::before,
.gr-cta-section::before,
.su-cta-section::before {
    content: "";
    position: absolute;
    bottom: -200px;
    right: -200px;
    width: 600px;
    height: 600px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(232, 101, 10, 0.15) 0, transparent 70%);
}
.su-cta-badge {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    background: rgba(232, 101, 10, 0.15);
    border: 1px solid rgba(232, 101, 10, 0.3);
    color: var(--main-color);
    padding: 6px 16px;
    border-radius: 99px;
    font-size: 12.5px;
    font-weight: 800;
    margin-bottom: 24px;
}
.fr-cta-title,
.gr-cta-title,
.su-cta-title {
    font-size: 46px;
    font-weight: 700;
    color: #fff;
    letter-spacing: -2px;
    line-height: 1.1;
    margin-bottom: 16px;
}
.su-cta-sub {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.6);
    line-height: 1.72;
    margin-bottom: 36px;
}
.fr-cta-btn1,
.gr-cta-btn1,
.su-cta-btn1 {
    background: var(--main-color);
    color: #fff;
    border: none;
    border-radius: 8px;
    font-weight: 800;
    font-size: 15px;
    padding: 15px 36px;
    box-shadow: 0 6px 24px rgba(232, 101, 10, 0.4);
    transition: 0.18s;
    display: inline-block;
}
.en-btn-primary:hover,
.en-cta-btn1:hover,
.fr-btn-primary:hover,
.fr-cta-btn1:hover,
.gr-btn-primary:hover,
.gr-cta-btn1:hover,
.su-cta-btn1:hover {
    background: #c5540a;
    color: #fff;
    transform: translateY(-2px);
    text-decoration: none;
}
.fr-cta-btn2,
.gr-cta-btn2,
.su-cta-btn2 {
    background: 0 0;
    color: #fff;
    border: 1.5px solid rgba(255, 255, 255, 0.22);
    border-radius: 8px;
    font-weight: 700;
    font-size: 15px;
    padding: 15px 28px;
    display: inline-block;
    transition: border-color 0.15s;
}
.fr-cta-btn2:hover,
.gr-cta-btn2:hover,
.su-cta-btn2:hover {
    border-color: rgba(255, 255, 255, 0.5);
    color: #fff;
    text-decoration: none;
}
.gr-cta-note,
.su-cta-note {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.3);
    margin-top: 16px;
}
.en-hero {
    background: #1e1e1e;
    padding: 88px 0 80px;
    overflow: hidden;
}
.en-hero-grid {
    position: absolute;
    inset: 0;
    background-image: linear-gradient(rgba(232, 101, 10, 0.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(232, 101, 10, 0.04) 1px, transparent 1px);
    background-size: 56px 56px;
}
.en-hero-glow {
    position: absolute;
    top: -180px;
    right: -180px;
    width: 700px;
    height: 700px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(232, 101, 10, 0.11) 0, transparent 65%);
    pointer-events: none;
}
.en-ent-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: var(--su-gold-lt);
    border: 1px solid rgba(180, 83, 9, 0.22);
    color: var(--su-gold);
    padding: 7px 16px;
    border-radius: 99px;
    font-size: 12px;
    font-weight: 800;
    margin-bottom: 26px;
}
.en-hero h1,
.gr-hero h1 {
    font-size: 56px;
    font-weight: 700;
    line-height: 1.4;
    color: #fff;
}
.en-hero h1 em,
.gr-hero h1 em {
    color: var(--main-color);
    font-style: normal;
}
.en-hero-desc {
    font-size: 17px;
    color: rgba(255, 255, 255, 0.52);
    line-height: 1.75;
    margin-bottom: 36px;
}
.en-btn-primary,
.gr-btn-primary {
    background: var(--main-color);
    color: #fff;
    border: none;
    border-radius: 8px;
    font-weight: 600;
    font-size: 15px;
    padding: 15px 32px;
    box-shadow: 0 4px 16px rgba(232, 101, 10, 0.35);
    transition: 0.18s;
    display: inline-block;
}
.en-btn-outline {
    background: rgba(255, 255, 255, 0.07);
    color: #fff;
    border: 1.5px solid rgba(255, 255, 255, 0.14);
    border-radius: 8px;
    font-weight: 700;
    font-size: 15px;
    padding: 15px 26px;
    display: inline-block;
    transition: 0.15s;
}
.about-btn-hero-outline:hover,
.en-btn-outline:hover,
.gr-btn-outline:hover {
    border-color: var(--main-color);
    color: var(--main-color);
    text-decoration: none;
}
.en-proof-num {
    font-size: 32px;
    font-weight: 700;
    color: var(--main-color);
    letter-spacing: -1px;
}
.en-proof-txt {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.38);
    font-weight: 600;
    margin-top: 3px;
}
.en-stack-card {
    background: #fff;
    border: 1px solid rgb(211 211 211);
    border-radius: 10px;
    padding: 16px 18px;
    display: flex;
    gap: 14px;
    align-items: flex-start;
    margin-bottom: 10px;
    transition: 0.18s;
}
.en-stack-card:hover {
    background: rgba(232, 101, 10, 0.07);
    border-color: rgba(232, 101, 10, 0.28);
}
.en-stack-ico {
    font-size: 22px;
    flex-shrink: 0;
    margin-top: 2px;
}
.en-stack-ttl {
    font-size: 14px;
    font-weight: 700;
    color: rgb(72 72 72 / 88%);
    margin-bottom: 3px;
}
.en-stack-txt {
    font-size: 12.5px;
    color: rgb(0 0 0 / 73%);
    line-height: 1.45;
    margin: 0;
}
.en-cap-cell:hover,
.en-section-alt,
.en-table-row:hover,
.fr-grid-row:hover,
.fr-section-alt,
.gr-comp-row:hover,
.gr-section-alt {
    background: #fdf7f2;
}
.en-caps-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2px;
    background: #edebe8;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
}
.en-cap-cell {
    background: #fff;
    padding: 34px 28px;
    transition: background 0.15s;
}
.en-cap-ico,
.fr-feat-ico {
    font-size: 32px;
    display: block;
    margin-bottom: 18px;
}
.en-cap-ttl {
    font-size: 19px;
    font-weight: 700;
    color: #2c2c2c;
    margin-bottom: 10px;
    letter-spacing: -0.3px;
}
.en-cap-list li,
.fr-feat-list li {
    font-size: 13px;
    color: #525252;
    padding: 4px 0 4px 20px;
    position: relative;
}
.en-cap-list li::before {
    content: "→";
    position: absolute;
    left: 0;
    color: var(--main-color);
    font-size: 12px;
    font-weight: 800;
}
.en-trust-item {
    display: flex;
    gap: 16px;
    align-items: flex-start;
    margin-bottom: 24px;
}
.en-trust-ico {
    width: 46px;
    height: 46px;
    border-radius: 12px;
    background: rgba(232, 101, 10, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    flex-shrink: 0;
}
.en-trust-ttl {
    font-size: 15px;
    font-weight: 800;
    color: #fff;
    margin-bottom: 5px;
}
.en-trust-body {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.44);
    line-height: 1.55;
    margin: 0;
}
.en-sec-card {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 10px;
    padding: 24px;
    transition: border-color 0.15s;
    height: 100%;
    margin-bottom: 12px;
}
.en-sec-card:hover {
    border-color: rgba(232, 101, 10, 0.3);
}
.en-sec-ico {
    font-size: 26px;
    display: block;
    margin-bottom: 10px;
}
.en-sec-ttl {
    font-size: 14px;
    font-weight: 800;
    color: #fff;
    margin-bottom: 5px;
}
.en-sec-body {
    font-size: 12.5px;
    color: rgba(255, 255, 255, 0.38);
    line-height: 1.5;
    margin: 0;
}
.en-ch-cell,
.gr-ch-cell {
    padding: 17px 22px;
    font-size: 14px;
    font-weight: 800;
    color: rgba(255, 255, 255, 0.52);
}
.en-cta-section {
    background: #fdf7f2;
    padding: 84px 0;
}
.en-cta-eyebrow {
    font-size: 11.5px;
    font-weight: 800;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: var(--main-color);
    margin-bottom: 12px;
}
.en-cta-title {
    font-size: 40px;
    font-weight: 700;
    color: #2c2c2c;
    letter-spacing: -1.5px;
    line-height: 1.12;
    margin-bottom: 16px;
}
.en-cta-sub {
    font-size: 16px;
    color: #525252;
    line-height: 1.72;
    margin-bottom: 30px;
}
.en-cta-btn1,
.en-cta-btn2 {
    font-size: 15px;
    display: inline-block;
}
.en-cta-btn1 {
    background: var(--main-color);
    color: #fff;
    border: none;
    border-radius: 8px;
    font-weight: 800;
    padding: 15px 34px;
    box-shadow: 0 4px 16px rgba(232, 101, 10, 0.3);
    transition: 0.18s;
}
.en-cta-btn2,
.fr-hero h1 {
    font-weight: 700;
    color: #2c2c2c;
}
.en-cta-btn2 {
    background: #fff;
    border: 1.5px solid #edebe8;
    border-radius: 8px;
    padding: 15px 28px;
    transition: border-color 0.15s;
}
.en-cta-btn2:hover {
    border-color: var(--main-color);
    color: #2c2c2c;
    text-decoration: none;
}
.en-contact-card {
    background: #1e1e1e;
    border-radius: 14px;
    padding: 34px;
    box-shadow: 0 24px 64px rgba(0, 0, 0, 0.14);
}
.en-cc-title {
    font-size: 16px;
    font-weight: 800;
    color: #fff;
    margin-bottom: 24px;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.en-cc-row {
    display: flex;
    gap: 14px;
    align-items: center;
    margin-bottom: 16px;
}
.en-cc-ico {
    width: 42px;
    height: 42px;
    border-radius: 11px;
    background: rgba(232, 101, 10, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 19px;
    flex-shrink: 0;
}
.en-cc-lbl {
    font-size: 11px;
    color: rgba(255, 255, 255, 0.38);
    font-weight: 600;
}
.en-cc-val,
.fr-tname,
.gr-tname {
    font-size: 15px;
    font-weight: 800;
    color: #fff;
}
.en-cc-cta {
    display: block;
    padding: 14px;
    background: var(--main-color);
    color: #fff;
    border-radius: 8px;
    font-size: 14.5px;
    font-weight: 800;
    text-decoration: none;
    margin-top: 24px;
    transition: background 0.15s;
}
.en-cc-cta:hover {
    background: #c5540a;
    color: #fff;
    text-decoration: none;
}
.fr-hero {
    background: #fdf7f2;
    padding: 88px 0 72px;
    border-bottom: 1px solid #edebe8;
}
.fr-eyebrow-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--main-color);
    display: inline-block;
    animation: 2s infinite fr-pulse;
}
@keyframes fr-pulse {
    0%,
    100% {
        opacity: 1;
        transform: scale(1);
    }
    50% {
        opacity: 0.5;
        transform: scale(0.8);
    }
}
.fr-hero h1 {
    font-size: 42px;
    line-height: 1.4;
}
.fr-hero h1 em {
    color: var(--main-color);
    font-style: normal;
    display: block;
}
.fr-hero-desc {
    font-size: 16px;
    line-height: 1.75;
    margin-bottom: 34px;
}
.fr-btn-ghost,
.fr-btn-primary {
    font-weight: 600;
    font-size: 15px;
    padding: 15px 20px;
    display: inline-block;
}
.fr-btn-primary {
    background: var(--main-color);
    color: #fff;
    border: none;
    border-radius: 10px;
    box-shadow: 0 4px 16px rgba(232, 101, 10, 0.35);
    transition: 0.18s;
}
.fr-btn-ghost {
    background: #fff;
    color: #2c2c2c;
    border: 1.5px solid #000;
    border-radius: 10px;
    transition: 0.15s;
}
.fr-ba-item,
.fr-loc-tile {
    transition: transform 0.15s;
}
.fr-btn-ghost:hover {
    border-color: #000;
    background: #000;
    color: #fff;
    text-decoration: none;
}
.fr-hero-stat-num {
    font-size: 30px;
    font-weight: 700;
    color: var(--main-color);
    letter-spacing: -1px;
}
.fr-hero-stat-txt {
    font-size: 12px;
    color: #7a7a7a;
    font-weight: 600;
    margin-top: 2px;
}
.fr-network-card {
    background: #fff;
    border: 1.5px solid #edebe8;
    border-radius: 14px;
    padding: 22px;
    box-shadow: 0 24px 64px rgba(0, 0, 0, 0.12);
}
.fr-net-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #0e7a4e;
    animation: 1.5s infinite fr-pulse;
}
.fr-loc-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
    margin-bottom: 14px;
}
.fr-loc-tile {
    padding: 12px 6px;
    border-radius: 10px;
    border: 1.5px solid;
}
.fr-loc-tile:hover {
    transform: translateY(-2px);
}
.fr-loc-ok {
    background: #d1f5e6;
    border-color: #a7f3d0;
}
.fr-loc-warn {
    background: var(--su-yellow-lt);
    border-color: #fde68a;
}
.fr-loc-alert {
    background: var(--su-red-lt);
    border-color: #fecaca;
}
.fr-loc-emoji {
    font-size: 16px;
    display: block;
    margin-bottom: 4px;
}
.fr-loc-name {
    font-size: 9.5px;
    font-weight: 700;
    color: #2c2c2c;
}
.fr-loc-status {
    font-size: 9px;
    font-weight: 700;
    margin-top: 2px;
}
.fr-loc-ok .fr-loc-status {
    color: #0e7a4e;
}
.fr-loc-warn .fr-loc-status {
    color: var(--su-yellow);
}
.fr-loc-alert .fr-loc-status {
    color: #c0392b;
}
.fr-net-summary {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
}
.fr-net-sum {
    padding: 10px;
    background: #fdf7f2;
    border-radius: 9px;
}
.fr-net-sum-num {
    font-size: 20px;
    font-weight: 700;
    color: var(--main-color);
}
.fr-net-sum-lbl {
    font-size: 10.5px;
    color: #7a7a7a;
    font-weight: 600;
}
.fr-eyebrow-lt,
.gr-eyebrow-lt {
    color: rgba(255, 255, 255, 0.55);
}
.fr-section-sub-lt {
    color: rgba(255, 255, 255, 0.62);
}
.fr-ba-label {
    font-size: 12.5px;
    font-weight: 800;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    padding: 8px 14px;
    border-radius: 8px;
    display: inline-block;
    margin-bottom: 16px;
}
.fr-ba-bad-label {
    background: var(--su-red-lt);
    color: #fff;
}
.fr-ba-good-label {
    background: #d1f5e6;
    color: #0e7a4e;
}
.fr-ba-item {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    padding: 13px 15px;
    border-radius: 10px;
    border: 1.5px solid;
    margin-bottom: 8px;
}
.fr-ba-bad {
    background: #fff;
    border-color: #fecaca;
}
.fr-ba-good {
    background: #fff;
    border-color: #a7f3d0;
}
.fr-ba-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
    margin-top: 5px;
}
.fr-dot-bad {
    background: #c0392b;
}
.fr-dot-good {
    background: #0e7a4e;
}
.fr-ba-text {
    font-size: 13.5px;
    color: #2c2c2c;
    line-height: 1.55;
    font-weight: 500;
    margin: 0;
}
.fr-feat-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--main-color), #f5914a);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.22s;
}
.fr-testi-card::before,
.gr-testi-card::before {
    font-size: 150px;
    line-height: 0.5;
    left: 26px;
    pointer-events: none;
}
.fr-feat-ttl {
    font-size: 18px;
    font-weight: 700;
    color: #2c2c2c;
    margin-bottom: 10px;
    letter-spacing: -0.3px;
}
.fr-feat-list li::before {
    content: "✓";
    position: absolute;
    left: 0;
    color: var(--main-color);
    font-weight: 800;
    font-size: 12px;
}
.fr-mini-tile {
    background: #fdf7f2;
    border: 1.5px solid #edebe8;
    border-radius: 10px;
    padding: 20px;
    height: 100%;
    transition: 0.18s;
    margin-bottom: 16px;
}
.fr-mini-tile:hover {
    border-color: var(--main-color);
    box-shadow: 0 4px 16px rgba(232, 101, 10, 0.08);
}
.fr-mini-ico {
    font-size: 22px;
    display: block;
    margin-bottom: 10px;
}
.fr-mini-ttl {
    font-size: 13.5px;
    font-weight: 800;
    color: #2c2c2c;
    margin-bottom: 4px;
}
.fr-mini-body {
    font-size: 12px;
    color: #7a7a7a;
    line-height: 1.5;
    margin: 0;
}
.fr-result-card {
    background: rgba(255, 255, 255, 0.13);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 14px;
    padding: 28px 20px;
    transition: transform 0.2s;
    height: 100%;
}
.fr-result-card:hover {
    transform: translateY(-4px);
    background: rgba(255, 255, 255, 0.18);
}
.fr-result-num,
.gr-result-num {
    font-size: 46px;
    font-weight: 700;
    color: #fff;
    letter-spacing: -2px;
}
.fr-result-lbl {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.72);
    line-height: 1.5;
    margin-top: 6px;
}
.fr-ch-cell {
    padding: 17px 22px;
    font-size: 14px;
    font-weight: 800;
    color: rgba(255, 255, 255, 0.5);
}
.fr-testi-card {
    background: #1e1e1e;
    border-radius: 14px;
    padding: 48px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
    position: relative;
    overflow: hidden;
}
.fr-testi-card::before {
    content: '"';
    color: rgba(232, 101, 10, 0.13);
    position: absolute;
    top: 20px;
}
.fr-testi-q,
.gr-testi-q {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    line-height: 1.6;
    margin-bottom: 28px;
}
.fr-t-av {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: rgba(232, 101, 10, 0.13);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    border: 3px solid rgba(232, 101, 10, 0.26);
}
.fr-trole,
.gr-trole {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.42);
}
.fr-cta-badge,
.gr-cta-badge {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    background: rgba(232, 101, 10, 0.15);
    border: 1px solid rgba(232, 101, 10, 0.28);
    color: var(--main-color);
    padding: 6px 16px;
    border-radius: 99px;
    font-size: 12.5px;
    font-weight: 800;
    margin-bottom: 24px;
}
.fr-cta-sub,
.gr-cta-sub {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.55);
    line-height: 1.72;
    margin-bottom: 36px;
}
.fr-cta-note {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.28);
    margin-top: 16px;
}
.slider-outer {
    position: relative;
    overflow: hidden;
    padding-bottom: 1px;
    padding-top: 4px;
}
.slider-track {
    display: flex;
    gap: 24px;
    transition: transform 0.48s cubic-bezier(0.4, 0, 0.2, 1);
    will-change: transform;
    align-items: stretch;
}
.slide-card {
    background: #fff;
    border: 1.5px solid #eaeaf0;
    border-radius: 18px;
    padding: 28px 26px 26px;
    flex: 0 0 calc(33.333% - 16px);
    min-width: calc(33.333% - 16px);
    box-shadow: var(--card-sh);
    transition:
        border-color 0.25s,
        box-shadow 0.25s,
        transform 0.25s;
    cursor: default;
    display: flex;
    flex-direction: column;
}
.card-icon,
.slider-controls {
    align-items: center;
    display: flex;
}
.slide-card:hover {
    border-color: rgba(240, 112, 35, 0.35);
    transform: translateY(-3px);
}
.slide-card.is-active,
.sort-select:focus {
    border-color: #ed7f41;
}
.card-icon {
    width: 52px;
    height: 52px;
    border-radius: 14px;
    background: #fef0e7;
    justify-content: center;
    font-size: 1.3rem;
    margin-bottom: 20px;
    flex-shrink: 0;
}
.slide-card-title {
    font-size: 1rem;
    font-weight: 600;
    color: #000;
    line-height: 1.3;
    margin-bottom: 10px;
}
.card-desc {
    font-size: 0.83rem;
    color: #000;
    line-height: 1.65;
    margin-bottom: 18px;
}
.card-bullets {
    list-style: none;
    padding: 0;
    margin: 0;
    flex: 1;
}
.card-bullets li {
    display: flex;
    gap: 9px;
    align-items: flex-start;
    font-size: 0.8rem;
    color: #000;
    line-height: 1.55;
    padding: 4px 0;
}
.card-bullets li::before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    min-width: 16px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8.5l3 3 7-7' stroke='%23f07023' stroke-width='1.8' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
        center no-repeat #fef0e7;
    border-radius: 50%;
    margin-top: 1px;
}
.slider-controls {
    justify-content: center;
    gap: 20px;
    margin-top: 40px;
}
.ctrl-btn {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 1.5px solid #eaeaf0;
    background: #fff;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    cursor: pointer;
    transition:
        border-color 0.2s,
        background 0.2s,
        color 0.2s,
        transform 0.15s;
    outline: 0;
}
.ctrl-btn:hover:not(:disabled) {
    border-color: #ed7f41;
    background: #ed7f41;
    color: #fff;
    transform: scale(1.08);
}
.ctrl-btn:disabled {
    opacity: 0.35;
    cursor: not-allowed;
}
.slider-progress-wrap {
    position: relative;
    width: 200px;
    height: 4px;
    background: #e0d9cf;
    border-radius: 2px;
    overflow: hidden;
}
.slider-progress-fill {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background: #ed7f41;
    border-radius: 2px;
    transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.slider-counter {
    font-size: 0.8rem;
    font-weight: 700;
    color: #000;
    min-width: 36px;
    display: none;
}
@media (max-width: 991px) {
    .slide-card {
        flex: 0 0 calc(50% - 12px);
        min-width: calc(50% - 12px);
    }
}
@media (max-width: 575px) {
    .slide-card {
        flex: 0 0 calc(100% - 0px);
        min-width: calc(100% - 0px);
    }
    .slider-progress-wrap {
        width: 120px;
    }
}
.gr-hero {
    background: #1e1e1e;
    padding: 88px 0 0;
    overflow: hidden;
    position: relative;
}
.gr-hero::before {
    content: "";
    position: absolute;
    top: -150px;
    right: -150px;
    width: 660px;
    height: 660px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(232, 101, 10, 0.13) 0, transparent 65%);
    pointer-events: none;
}
.gr-hero-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(232, 101, 10, 0.12);
    border: 1px solid rgba(232, 101, 10, 0.3);
    color: #ffa76b;
    padding: 7px 16px;
    border-radius: 99px;
    font-size: 12px;
    font-weight: 800;
    margin-bottom: 26px;
}
.gr-eyebrow-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--main-color);
    display: inline-block;
    animation: 2s infinite gr-pulse;
}
@keyframes gr-pulse {
    0%,
    100% {
        opacity: 1;
        transform: scale(1);
    }
    50% {
        opacity: 0.5;
        transform: scale(0.8);
    }
}
.gr-hero-desc {
    font-size: 17px;
    color: rgba(255, 255, 255, 0.55);
    line-height: 1.75;
    margin-bottom: 34px;
}
.gr-metric-num {
    font-size: 34px;
    font-weight: 700;
    color: var(--main-color);
    letter-spacing: -1px;
}
.gr-metric-txt {
    font-size: 12px;
    color: #444;
    font-weight: 600;
    margin-top: 3px;
}
.gr-btn-outline {
    background: rgba(255, 255, 255, 0.07);
    color: #fff;
    border: 1.5px solid rgba(255, 255, 255, 0.15);
    border-radius: 8px;
    font-weight: 700;
    font-size: 15px;
    padding: 15px 26px;
    display: inline-block;
    transition: 0.15s;
}
.gr-bar-lbl,
.gr-chart-period,
.gr-chart-title,
.gr-kpi-lbl {
    color: rgb(110 110 110);
}
.gr-chart-card {
    background: #fff;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 14px;
    padding: 22px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
}
.gr-chart-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 18px;
}
.gr-chart-title {
    font-size: 13px;
    font-weight: 800;
}
.gr-chart-period {
    font-size: 11px;
    background: rgb(164 164 164 / 25%);
    padding: 3px 9px;
    border-radius: 6px;
}
.gr-bars {
    display: flex;
    align-items: flex-end;
    gap: 10px;
    height: 110px;
    margin-bottom: 14px;
}
.gr-bar-col {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
}
.gr-bar {
    border-radius: 5px 5px 0 0;
    width: 100%;
}
.gr-bar-lbl {
    font-size: 10px;
}
.cre-dash-bottom-grid,
.gr-kpi-grid,
.includes-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}
.gr-kpi {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 10px;
    padding: 14px;
}
.gr-kpi-lbl {
    font-size: 11px;
    font-weight: 600;
    margin-bottom: 6px;
}
.gr-chal-title,
.gr-eyebrow {
    font-weight: 700;
    margin-bottom: 10px;
}
.gr-kpi-num {
    font-size: 26px;
    font-weight: 700;
    color: var(--main-color);
}
.gr-kpi-chg {
    font-size: 11px;
    font-weight: 700;
    color: #0e7a4e;
    background: rgba(14, 122, 78, 0.12);
    padding: 2px 8px;
    border-radius: 6px;
    display: inline-block;
    margin-top: 4px;
}
.gr-eyebrow {
    font-size: 11.5px;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: var(--main-color);
}
.gr-chal-card {
    background: #fff;
    border: 1.5px solid #edebe8;
    border-radius: 14px;
    padding: 24px;
    height: 100%;
    position: relative;
    overflow: hidden;
    transition: 0.22s;
}
.gr-chal-title {
    font-size: 16px;
    color: #2c2c2c;
}
.gr-chal-body {
    font-size: 15px;
    color: #525252;
    line-height: 1.65;
    margin-bottom: 16px;
}
.gr-feat-title,
.gr-vc-title {
    font-weight: 700;
    color: #2c2c2c;
}
.gr-feat-title {
    font-size: 14.5px;
    margin-bottom: 4px;
}
.gr-vc-title {
    font-size: 13px;
}
.gr-row-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border-radius: 9px;
    background: #fdf7f2;
    margin-bottom: 7px;
}
.gr-result-card {
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 14px;
    padding: 30px 20px;
    transition: transform 0.2s;
}
.gr-result-card:hover {
    transform: translateY(-4px);
    background: rgba(255, 255, 255, 0.17);
}
.gr-result-lbl {
    font-size: 13.5px;
    color: rgba(255, 255, 255, 0.7);
    line-height: 1.5;
    margin-top: 6px;
}
.gr-testi-card {
    background: #1e1e1e;
    border-radius: 14px;
    padding: 48px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
    position: relative;
    overflow: hidden;
    margin-top: 50px;
}
.gr-testi-card::before {
    content: '"';
    color: rgba(232, 101, 10, 0.14);
    position: absolute;
    top: 20px;
}
.gr-t-av {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: rgba(232, 101, 10, 0.14);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    border: 3px solid rgba(232, 101, 10, 0.28);
}
.hero-pill {
    font-size: 12px;
    color: #000;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-right: 12px;
    margin-top: 4px;
}
.hero-pill::before,
.pro-sc-n {
    color: var(--main-color);
    font-weight: 700;
}
.hero-pill::before {
    content: "✓";
    font-size: 11px;
}
.pro-stats-band {
    background: #f7f9fc;
    padding: 50px 0;
    border-top: 1px solid #eef1f6;
    border-bottom: 1px solid #eef1f6;
}
.pro-sc-item {
    padding: 12px 16px;
    border-right: 1px solid #d8dde8;
}
.abt-stat:last-child,
.care-stat-item:last-child,
.plat-stat-item:last-child,
.pro-sc-item:last-child,
.proof-item:last-child,
.stat-block:last-child,
.stat-item:last-child {
    border-right: none;
}
.pro-sc-n {
    font-size: 34px;
    line-height: 1;
    margin-bottom: 5px;
}
.care-stat-label,
.pro-sc-l {
    font-size: 12px;
    color: #000;
    line-height: 1.4;
}
.trust-box {
    height: 80px;
    border-radius: 7px;
}
.trust-box img {
    width: 182px;
    height: 36px;
    object-fit: contain;
    display: block;
}
.catalog-hero-stat .catalog-stat-label,
.tr-name {
    font-size: 12px;
    color: #fff;
    font-weight: 500;
}
.tr-stars {
    color: var(--main-color);
    font-size: 20px;
}
.tr-score {
    font-size: 14px;
    font-weight: 600;
    margin-left: 5px;
}
.tr-sep {
    width: 1px;
    height: 24px;
    background: rgba(255, 255, 255, 0.08);
    display: inline-block;
    margin: 0 12px;
}
.lms-state-tailor-slider .owl-dots span {
    margin: 0 4px !important;
}
.ph-topbar {
    background: var(--main-color);
    padding: 5px 10px;
}
.navbar {
    box-shadow: none !important;
}
.new-ai-header .navbar {
    background: #fff !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
    padding: 2px 0;
    min-height: 68px;
    position: sticky;
    top: 0;
    z-index: 1050;
}
.new-ai-header .navbar > .container-xl {
    display: flex;
    align-items: center;
    height: 68px;
}
.new-ai-header .navbar-brand {
    display: flex;
    gap: 10px;
    padding: 0;
    margin-right: 20px;
    flex-shrink: 0;
    min-height: 55px;
}
.new-ai-header .l2c-btn-demo,
.new-ai-header .l2c-btn-login {
    padding: 9px 18px;
    font-size: 14px;
    cursor: pointer;
    white-space: nowrap;
}
.navbar-brand span {
    position: absolute;
    font-size: 11.8px;
    bottom: -4px;
    color: #747779;
    font-weight: 500;
}
.l2c-logo-mark {
    width: 36px;
    height: 36px;
    background: var(--main-color);
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 900;
    color: #fff;
    letter-spacing: -0.5px;
}
.l2c-logo-text {
    font-size: 18px;
    font-weight: 900;
    color: #1e1e1e;
    letter-spacing: -0.4px;
}
.l2c-dd-label,
.l2c-logo-tag {
    font-weight: 600;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}
.l2c-logo-tag {
    font-size: 9px;
    color: #7a7a7a;
    margin-top: 1px;
    line-height: 1;
}
.new-ai-header .navbar-collapse {
    align-items: center;
    flex-grow: 1;
}
.new-ai-header .navbar-nav {
    flex-direction: row;
    align-items: center;
    gap: 2px;
}
.new-ai-header .nav-item .nav-link,
.new-ai-header .nav-item > button.l2c-nav-btn {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    padding: 15px 12px;
    font-size: 14px;
    font-weight: 600;
    color: #525252;
    background: 0 0;
    border: none;
    cursor: pointer;
    border-radius: 8px;
    white-space: nowrap;
    transition:
        color 0.15s,
        background 0.15s;
    position: relative;
    line-height: 1;
}
.new-ai-header .nav-item .nav-link:hover,
.new-ai-header .nav-item > button.l2c-nav-btn.l2c-active,
.new-ai-header .nav-item > button.l2c-nav-btn:hover {
    color: var(--main-color);
    background: var(--main-color-lt);
    text-decoration: none;
}
.l2c-chevron {
    font-size: 17px;
    transition: transform 0.2s;
    display: inline-block;
    opacity: 0.55;
}
.l2c-nav-btn.l2c-active .l2c-chevron {
    transform: rotate(180deg);
    opacity: 1;
}
.l2c-ai-btn {
    color: #000 !important;
    border-radius: 8px;
    padding: 12px 14px !important;
    gap: 7px !important;
    display: flex;
    font-weight: 600;
    align-items: center;
    background: #fff4ee;
    border: 1.5px solid var(--main-color);
}
.l2c-ai-btn i {
    color: #ff9b00;
    font-size: 16px;
}
.l2c-ai-btn.l2c-active,
.l2c-ai-btn:hover {
    background: var(--main-color);
    color: #fff !important;
}
.l2c-ai-dot {
    border-radius: 50%;
    animation: 2s infinite l2c-blink;
    flex-shrink: 0;
}
@keyframes l2c-blink {
    0%,
    100% {
        opacity: 1;
    }
    50% {
        opacity: 0.3;
    }
}
.navbar-actions {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-left: auto;
}
#abt-panel,
#ai-panel,
#crs-panel,
#plt-panel,
#prc-panel,
#res-panel {
    display: none;
}
.new-ai-header .l2c-btn-login {
    border: 1.5px solid #edebe8;
    border-radius: 8px;
    background: #fff;
    font-weight: 600;
    color: #1e1e1e;
    transition: border-color 0.15s;
}
.new-ai-header .l2c-btn-login:hover,
.page-btn:hover,
.prc-plan-btn.prc-btn-outline:hover {
    border-color: var(--main-color);
    color: var(--main-color);
}
.new-ai-header .l2c-btn-demo {
    background: var(--main-color);
    color: #fff;
    border: none;
    border-radius: 8px;
    font-weight: 600;
    transition: background 0.15s;
}
.mob-btn-demo:hover,
.new-ai-header .l2c-btn-demo:hover,
.prc-plan-btn.prc-btn-solid:hover {
    background: #c5540a;
}
.new-ai-header .navbar-toggler {
    border: 1.5px solid #edebe8;
    border-radius: 8px;
    padding: 7px 10px;
    font-size: 18px;
    color: #1e1e1e;
    background: 0 0;
}
.new-ai-header .navbar-toggler:focus {
    outline: 0;
    box-shadow: none;
}
.l2c-mega-panel {
    display: none;
    position: absolute;
    top: calc(100% + 8px);
    background: #fff;
    border: 1px solid #edebe8;
    border-radius: 14px;
    box-shadow:
        0 20px 60px rgba(0, 0, 0, 0.13),
        0 4px 16px rgba(0, 0, 0, 0.07);
    z-index: 1060;
    overflow: hidden;
    animation: 0.22s cubic-bezier(0.22, 0.68, 0, 1.2) l2c-dropIn;
}
@keyframes l2c-dropIn {
    from {
        opacity: 0;
        transform: translateY(-8px) scale(0.98);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}
.l2c-dd-label {
    font-size: 10px;
    color: #000;
    margin-bottom: 14px;
    display: block;
}
.plt-feat-item,
.plt-role-link,
.plt-sidebar-link {
    display: flex;
    text-decoration: none;
}
#plt-panel {
    left: 0;
    right: 0;
    margin: auto;
    width: 980px;
}
#plt-panel.l2c-open {
    display: grid;
    grid-template-columns: 220px 1fr;
    grid-template-columns: auto auto auto;
}
.plt-sidebar {
    border-right: 1px solid #edebe8;
    padding: 26px 18px 10px;
}
.plt-role-link {
    border: 1.5px solid transparent;
    align-items: center;
    gap: 10px;
    padding: 10px;
    border-radius: 10px;
    cursor: pointer;
    margin-bottom: 4px;
    transition: background 0.12s;
}
.plt-role-link:hover {
    background: #fef0e7;
    text-decoration: none;
    border-color: var(--main-color);
}
.plt-rdesc {
    font-size: 11.5px;
    color: #000;
    margin-top: 1px;
}
.plt-sidebar-footer {
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid #edebe8;
}
.plt-sidebar-link {
    font-size: 12.5px;
    font-weight: 700;
    color: var(--main-color);
    align-items: center;
    gap: 5px;
}
.plt-main {
    padding: 26px 22px;
}
.plt-feat-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin-bottom: 18px;
}
.plt-feat-item {
    align-items: flex-start;
    gap: 11px;
    padding: 13px;
    border-radius: 10px;
    border: 1px solid transparent;
    transition:
        border-color 0.12s,
        background 0.12s;
}
.plt-cta-strip,
.plt-feat-ico {
    display: flex;
    align-items: center;
}
.plt-feat-item:hover {
    border-color: #edebe8;
    background: #f6f4f1;
    text-decoration: none;
}
.plt-feat-ico {
    width: 36px;
    height: 36px;
    border-radius: 9px;
    background: #fef0e7;
    justify-content: center;
    font-size: 17px;
    flex-shrink: 0;
}
.plt-feat-title {
    font-size: 13px;
    font-weight: 700;
    color: #1e1e1e;
    margin-bottom: 2px;
}
.plt-feat-desc {
    font-size: 11.5px;
    color: #888;
    line-height: 1.4;
    margin: 0;
}
.plt-cta-strip {
    justify-content: space-between;
    padding: 13px 15px;
    background: linear-gradient(135deg, #fef0e7, #fde8d8);
    border-radius: 10px;
    text-decoration: none;
}
.crs-bottom,
.plt-role-icon {
    display: flex;
    align-items: center;
}
.plt-cta-strip:hover {
    opacity: 0.92;
    text-decoration: none;
}
.community-quote-author .name,
.plt-cta-title {
    font-size: 13px;
    font-weight: 700;
    color: #1e1e1e;
}
.plt-cta-sub {
    font-size: 11px;
    color: #525252;
    margin-top: 1px;
}
.plt-cta-btn {
    padding: 10px 14px;
    background: var(--main-color);
    color: #fff;
    border-radius: 7px;
    font-size: 12.5px;
    font-weight: 500;
    white-space: nowrap;
}
.plt-cta-btn:hover{
    background: #000;
    color: #fff;
}
.state-grd:has(.plt-cta-btn:hover) {
    background-color: #ffe1d1;
}
.plt-role-icon {
    color: var(--main-color);
    width: 34px;
    height: 34px;
    border-radius: 8px;
    background: #fef0e7;
    justify-content: center;
    font-size: 16px;
    flex-shrink: 0;
}
.plt-cta-strip.state {
    align-items: flex-start;
    flex-direction: column;
}
#crs-panel {
    left: 0;
    right: 0;
    margin: auto;
    width: 1180px;
}
.state-grd {
    background: #fff4ee;
    padding: 17px;
    border-radius: 10px;
    transition: background-color 0.3s ease;
}
.state-grd.unitd {
    background: #f0f4fb;
}
.ste-head {
    gap: 10px;
    align-items: center;
    font-weight: 600;
    margin-bottom: 20px;
    text-transform: uppercase;
}
.ste-tag {
    background: var(--main-color);
    color: #fff;
    font-size: 11px;
    padding: 5px 6px;
    border-radius: 7px;
    position: relative;
    top: -2px;
    line-height: 1;
}
.ste-head img {
    width: 30px;
}
.state-grd h6 {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 2px;
    line-height: 1.6;
}

#prc-panel,
.featured-badge,
.prc-badge {
    left: 50%;
    transform: translateX(-50%);
}
.crs-first {
    flex: 0 0 52%;
}
.crs-first .crs-divider.crs-first {
    margin-top: 31px !important;
}
.crs-right .lp {
    width: 92%;
}
.crs-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 7px;
    margin-bottom: 10px;
}
.crs-inner {
    padding: 26px;
}
.crs-card {
    padding: 8px;
    border-radius: 11px;
    border: 1.5px solid #fff;
    text-decoration: none;
    display: block;
    transition:
    border-color 0.14s,
    background 0.14s,
    transform 0.14s;
    display: flex;
    gap: 10px;
    /*min-height: 77px;*/
}
.crs-card:hover {
    border-color: var(--main-color);
    background: #fef0e7;
    text-decoration: none;
}
.crs-emoji {
    color: var(--main-color);
    font-size: 22px;
    display: block;
    margin-bottom: 8px;
}
.crs-title {
    font-size: 13px;
    font-weight: 600;
    color: #000;
    margin-bottom: 3px;
}
.crs-desc {
    font-size: 11.5px;
    color: #000;
    line-height: 1.4;
    margin: 0;
}
.crs-divider {
    border: none;
    border-top: 1px solid #edebe8;
    margin: 0 0 10px;
}
.crs-bottom {
    justify-content: space-between;
    gap: 16px;
}
.crs-state-ico,
.crs-state-row {
    display: flex;
    align-items: center;
}
.crs-state-row {
    gap: 13px;
}
.crs-state-ico {
    width: 42px;
    height: 42px;
    border-radius: 10px;
    background: #fef0e7;
    justify-content: center;
    font-size: 22px;
    flex-shrink: 0;
}
.crs-catalogue,
.prc-badge {
    background: var(--main-color);
    white-space: nowrap;
}
.crs-state-title {
    font-size: 13px;
    font-weight: 700;
    color: #1e1e1e;
    margin-bottom: 1px;
}
.crs-state-desc {
    font-size: 11.5px;
    color: #888;
}
.crs-state-link {
    font-size: 12px;
    font-weight: 700;
    color: var(--main-color);
    text-decoration: none;
    display: inline-block;
    margin-top: 2px;
}
.crs-catalogue {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 13px 18px;
    border-radius: 11px;
    text-decoration: none;
    flex-shrink: 0;
    transition: background 0.14s;
}
.crs-catalogue:hover {
    background: #c5540a;
    text-decoration: none;
}
.crs-cat-ico {
    font-size: 21px;
}
.crs-cat-title {
    font-size: 13px;
    font-weight: 600;
    color: #fff;
}
.crs-cat-sub {
    font-size: 11px;
    color: rgba(255, 255, 255, 0.72);
}
.prc-inner {
    padding: 26px 26px 22px;
}
.prc-header {
    margin-bottom: 22px;
}
.prc-header-title {
    font-size: 17px;
    font-weight: 900;
    color: #1e1e1e;
    margin-bottom: 3px;
}
.prc-footer-txt,
.prc-header-sub {
    font-size: 13px;
    color: #525252;
}
.prc-badge,
.prc-for {
    font-size: 10.5px;
    font-weight: 800;
}
.prc-plans {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    margin-bottom: 18px;
}
.prc-plan {
    border: 1.5px solid #edebe8;
    border-radius: 13px;
    padding: 18px 16px;
    display: flex;
    flex-direction: column;
    position: relative;
    transition:
        border-color 0.14s,
        box-shadow 0.14s;
}
.prc-plan:hover {
    border-color: var(--main-color);
    box-shadow: 0 4px 20px rgba(232, 101, 10, 0.1);
}
.abt-social-btn:hover,
.prc-plan.prc-popular {
    border-color: var(--main-color);
    background: #fef0e7;
}
.prc-badge {
    position: absolute;
    top: -11px;
    color: #fff;
    padding: 3px 11px;
    border-radius: 99px;
    letter-spacing: 0.3px;
}
.prc-for {
    color: var(--main-color);
    text-transform: uppercase;
    letter-spacing: 0.6px;
    margin-bottom: 3px;
}
.abt-contact-lbl,
.abt-social-lbl,
.res-dark-tag,
.res-feat-tag {
    letter-spacing: 0.8px;
    text-transform: uppercase;
}
.prc-name {
    font-size: 15px;
    font-weight: 900;
    color: #1e1e1e;
    margin-bottom: 5px;
}
.prc-desc {
    font-size: 11.5px;
    color: #525252;
    line-height: 1.45;
    margin-bottom: 12px;
    flex: 1;
}
.prc-list {
    list-style: none;
    padding: 0;
    margin: 0 0 14px;
}
.prc-list li {
    font-size: 12px;
    color: #525252;
    padding: 3px 0 3px 18px;
    position: relative;
}
.prc-list li::before {
    content: "✓";
    position: absolute;
    left: 0;
    color: #0e7a4e;
    font-weight: 800;
    font-size: 11px;
}
.prc-plan-btn {
    display: block;
    padding: 8px 14px;
    border-radius: 8px;
    font-size: 12.5px;
    font-weight: 800;
    text-decoration: none;
    transition: 0.14s;
}
.prc-plan-btn.prc-btn-outline {
    border: 1.5px solid #edebe8;
    color: #1e1e1e;
    background: #fff;
}
.prc-footer-link,
.res-nav-link:hover {
    color: var(--main-color);
    text-decoration: none;
}
.prc-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 13px 16px;
    background: #f6f4f1;
    border-radius: 10px;
}
.prc-footer-txt strong {
    color: #1e1e1e;
}
.community-convo-reactions,
.prc-footer-links {
    display: flex;
    gap: 14px;
}
.prc-footer-link {
    font-size: 13px;
    font-weight: 700;
}
#res-panel {
    left: 0;
    right: 0;
    margin: auto;
    width: 1260px;
}
#res-panel.l2c-open {
    display: grid;
    grid-template-columns: 1fr 1.05fr 1.02fr 0.9fr 202px;
}
.res-col {
    padding: 24px 19px 10px;
}
.res-col + .res-col {
    border-left: 1px solid #edebe8;
}
.res-nav-link {
    border: 1.5px solid #fff;
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 7px 9px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 600;
    color: #1e1e1e;
    text-decoration: none;
    transition:
        background 0.12s,
        color 0.12s;
    margin-bottom: 2px;
}
.res-nav-link:hover {
    border-color: var(--main-color);
    background: #fef0e7;
}
.res-link-sub {
    font-weight: 400;
    font-size: 11px;
    color: #000;
    display: block;
    margin-top: 1px;
}
.res-featured-col {
    padding: 18px 16px;
    background: #f6f4f1;
    border-left: 1px solid #edebe8;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.res-feat-card,
.res-feat-card-dark {
    display: block;
    padding: 12px;
    text-decoration: none;
}
.res-feat-card {
    border-radius: 10px;
    background: #fff;
    border: 1px solid #edebe8;
    transition:
        border-color 0.12s,
        box-shadow 0.12s;
}
.res-feat-card:hover {
    border-color: var(--main-color);
    box-shadow: 0 4px 14px rgba(232, 101, 10, 0.1);
    text-decoration: none;
}
.abt-stats,
.ai-dd-hdr {
    border-bottom: 1px solid #edebe8;
}
.res-feat-tag {
    font-size: 9.5px;
    font-weight: 600;
    color: var(--main-color);
    margin-bottom: 4px;
}
.res-feat-title {
    font-size: 11px;
    font-weight: 700;
    color: #1e1e1e;
    line-height: 1.4;
    margin-bottom: 5px;
}
.res-feat-cta {
    font-size: 11.5px;
    font-weight: 700;
    color: var(--main-color);
}
.res-feat-card-dark {
    border-radius: 10px;
    background: #111827;
    transition: opacity 0.14s;
}
.mob-ai-acc-cta:hover,
.res-feat-card-dark:hover {
    opacity: 0.88;
    text-decoration: none;
}
.res-dark-tag {
    font-size: 9.5px;
    font-weight: 600;
    color: #34d399;
    margin-bottom: 5px;
}
.res-dark-title {
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    line-height: 1.4;
    margin-bottom: 6px;
}
.res-dark-cta {
    font-size: 11.5px;
    font-weight: 700;
    color: #34d399;
}
#abt-panel {
    right: 20%;
    left: auto;
    width: 550px;
}
.abt-top,
.ai-tools-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1px;
    background: #edebe8;
}
.abt-stats,
.homecare-dash-stat-row {
    grid-template-columns: repeat(3, 1fr);
}
.abt-main-card {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    padding: 20px 18px 15px;
    background: #fff;
    text-decoration: none;
    transition: background 0.12s;
}
.abt-main-card:hover {
    background: #fef0e7;
    text-decoration: none;
}
.abt-card-ico {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: #fef0e7;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 19px;
    flex-shrink: 0;
}
.abt-card-title {
    font-size: 13.5px;
    font-weight: 600;
    color: #000;
    margin-bottom: 3px;
}
.abt-card-desc,
.ai-tool-desc {
    font-size: 11.5px;
    color: #000;
    line-height: 1.45;
    margin: 0;
}
.abt-stats {
    display: grid;
    border-top: 1px solid #edebe8;
    margin: 18px;
    background: #ebebeb;
    border-radius: 10px;
}
.abt-stat {
    padding: 13px 16px;
    border-right: 1px solid #edebe8;
}
.abt-stat-num {
    font-size: 21px;
    font-weight: 700;
    line-height: 1.4;
    color: var(--main-color);
}
.abt-stat-lbl {
    font-size: 10.5px;
    color: #000;
    font-weight: 600;
    margin-top: 1px;
}
.abt-footer {
    padding: 5px 20px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.abt-contact-lbl {
    font-size: 10px;
    font-weight: 600;
    color: #bbb;
    margin-bottom: 7px;
}
.abt-contact-link {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 12.5px;
    font-weight: 600;
    color: #1e1e1e;
    text-decoration: none;
    margin-bottom: 3px;
    transition: color 0.12s;
}
.abt-contact-link:hover,
.l2c-cb-value:hover,
.mob-simple-link:hover {
    color: var(--main-color);
    text-decoration: none;
}
.abt-social-lbl {
    font-size: 10px;
    font-weight: 600;
    color: #bbb;
    margin-bottom: 7px;
    text-align: right;
}
.abt-social-icons {
    display: flex;
    gap: 7px;
    justify-content: flex-end;
}
.abt-social-btn,
.ai-dd-hdr {
    display: flex;
    align-items: center;
}
.abt-social-btn {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background: #f6f4f1;
    border: 1px solid #edebe8;
    justify-content: center;
    font-size: 15px;
    text-decoration: none;
    transition:
        border-color 0.12s,
        background 0.12s;
}
#ai-panel {
    right: 10%;
    left: auto;
    width: 680px;
}
.ai-dd-hdr {
    padding: 20px 22px 16px;
    justify-content: space-between;
    background: #fff;
}
.ai-hdr-title {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    margin-bottom: 3px;
}
.ai-footer-txt,
.ai-hdr-sub,
.hc-role {
    font-size: 12px;
    color: #000;
}
.ai-active-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 11px;
    border-radius: 99px;
    background: rgba(52, 211, 153, 0.1);
    border: 1px solid rgba(52, 211, 153, 0.28);
    font-size: 11px;
    font-weight: 700;
    color: #34d399;
    white-space: nowrap;
}
.ai-active-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #34d399;
    box-shadow: 0 0 5px #34d399;
    animation: 2s infinite l2c-blink;
    flex-shrink: 0;
}
.ai-tool-card {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 18px 20px;
    background: #fff;
    text-decoration: none;
    transition: background 0.14s;
}
.ai-tool-card:hover {
    text-decoration: none;
    border-color: var(--main-color);
    background: #fef0e7;
}
.ai-tool-card.ai-tool-wide {
    grid-column: 1/-1;
    border-top: 1px solid #edebe8;
}
.ai-tool-icon {
    width: 42px;
    height: 42px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    flex-shrink: 0;
}
.ai-tool-name {
    font-size: 13px;
    font-weight: 600;
    color: #1e1e1e;
    margin-bottom: 3px;
}
.ai-tool-tag {
    display: inline-block;
    margin-top: 6px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.5px;
    padding: 2px 8px;
    border-radius: 4px;
}
.ai-dd-footer {
    padding: 13px 22px;
    border-top: 1px solid #edebe8;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.ai-footer-cta {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    border-radius: 8px;
    background: var(--main-color);
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
    transition: opacity 0.14s;
}
.ai-footer-cta:hover {
    background: #000;
    text-decoration: none;
    color: #fff;
}
.l2c-mobile-overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 2000;
}
.l2c-drawer,
.l2c-drawer-header {
    display: flex;
    top: 0;
    background: #fff;
}
.l2c-drawer {
    position: fixed;
    right: -100%;
    bottom: 0;
    width: 320px;
    max-width: 90vw;
    z-index: 2100;
    overflow-y: auto;
    transition: right 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    flex-direction: column;
}
.ai-card,
.coach-chat,
.comp-track,
.dark-card,
.hero,
.mobile-screen,
.pain-card,
.prog-bar-wrap,
.prog-track,
.ui-card {
    overflow: hidden;
}
.l2c-drawer.open {
    right: 0;
}
.l2c-drawer-header {
    align-items: center;
    justify-content: space-between;
    padding: 18px 20px;
    border-bottom: 1px solid #edebe8;
    position: sticky;
    z-index: 1;
}
.l2c-drawer-close,
.mob-acc-btn {
    display: flex;
    align-items: center;
    color: #1e1e1e;
    cursor: pointer;
}
.hero,
.hero-card {
    position: relative;
}
.l2c-drawer-close {
    background: #f6f4f1;
    border: 1px solid #edebe8;
    border-radius: 8px;
    width: 34px;
    height: 34px;
    justify-content: center;
    font-size: 16px;
}
.l2c-drawer-body {
    padding: 16px 20px;
    flex: 1;
}
.mob-acc-btn {
    justify-content: space-between;
    width: 100%;
    padding: 13px 0;
    background: 0 0;
    border: none;
    border-bottom: 1px solid #edebe8;
    font-size: 14px;
    font-weight: 700;
    text-align: left;
}
.mob-acc-body,
.mob-simple-link {
    border-bottom: 1px solid #edebe8;
}
.mob-ai-acc-item,
.mob-link {
    border-radius: 9px;
    gap: 10px;
}
.mob-acc-btn .mob-chev {
    font-size: 10px;
    transition: transform 0.2s;
    color: #7a7a7a;
}
.mob-acc-body {
    display: none;
    padding: 10px 0 6px;
}
.mob-link {
    display: flex;
    align-items: center;
    padding: 9px 10px;
    font-size: 13px;
    font-weight: 600;
    color: #525252;
    text-decoration: none;
    margin-bottom: 2px;
    transition:
        background 0.12s,
        color 0.12s;
}
.mob-ai-acc-cta,
.mob-ai-acc-item {
    text-decoration: none;
    margin-bottom: 6px;
}
.mob-link:hover {
    background: #fef0e7;
    color: var(--main-color);
    text-decoration: none;
}
.mob-link-ico {
    font-size: 16px;
    width: 28px;
    text-align: center;
    flex-shrink: 0;
}
.mob-link-sub {
    font-size: 11px;
    color: #aaa;
    display: block;
}
.mob-simple-link {
    display: block;
    padding: 13px 0;
    font-size: 14px;
    font-weight: 700;
    color: #1e1e1e;
    text-decoration: none;
}
.mob-ai-acc-item {
    display: flex;
    align-items: center;
    padding: 9px 10px;
    font-size: 13px;
    font-weight: 600;
    color: #e6edf3;
    background: #161b22;
    border: 1px solid #30363d;
    transition: background 0.12s;
}
.mob-ai-acc-item:hover {
    background: #1f2937;
    text-decoration: none;
}
.cc-step-icon,
.mob-ai-item-ico {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    flex-shrink: 0;
}
.mob-ai-item-name {
    font-weight: 700;
    color: #e6edf3;
    display: block;
    font-size: 13px;
}
.mob-ai-item-sub {
    font-size: 11px;
    color: #8b949e;
    display: block;
    margin-top: 1px;
}
.mob-ai-acc-cta {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 11px;
    border-radius: 8px;
    background: #34d399;
    color: #0d1117;
    font-size: 13.5px;
    font-weight: 600;
    margin-top: 4px;
    transition: opacity 0.14s;
}
.mob-btn-demo,
.mob-btn-login {
    font-size: 14px;
    width: 100%;
    cursor: pointer;
}
.mob-ai-acc-btn {
    background: #0d1117 !important;
    color: #e6edf3 !important;
    border: 1px solid #30363d !important;
    border-radius: 10px !important;
    padding: 11px 14px !important;
    margin-bottom: 2px;
}
.mob-ai-acc-btn .mob-chev {
    color: #8b949e !important;
}
.mob-ai-acc-btn.open {
    color: #34d399 !important;
    background: #161b22 !important;
}
.mob-ai-acc-body {
    background: #0d1117;
    border-radius: 0 0 10px 10px;
    padding: 10px 8px 8px !important;
    border: 1px solid #30363d;
    border-top: none;
    margin-bottom: 2px;
}
.mob-cta-area {
    padding: 20px 0 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.mob-btn-login {
    padding: 12px;
    border: 1.5px solid #edebe8;
    border-radius: 8px;
    background: #fff;
    font-weight: 700;
    color: #1e1e1e;
}
.mob-btn-demo {
    padding: 13px;
    background: var(--main-color);
    color: #fff;
    border: none;
    border-radius: 8px;
    font-weight: 600;
}
.header-accordian .card {
    border: none;
    border-bottom: 1px solid #edebe8 !important;
}
.header-accordian .card-header button.collapsed .head-icon,
.l2c-faq-btn.collapsed .l2c-faq-icon {
    transform: rotate(0);
}
.header-accordian .card-header button .head-icon {
    transform: rotate(45deg);
    transition: 0.3s ease-in-out;
}
.header-accordian .card-header {
    padding: 0;
    background: 0 0;
    border: none;
}
.header-accordian .card-header a,
.header-accordian .card-header button {
    width: 100%;
    text-align: left;
    padding: 14px 0;
    background: #fff;
    border: none;
    font-size: 15px;
    font-weight: 600;
    color: #1e1e1e;
    display: flex;
    justify-content: space-between;
}
.hero::after,
.hero::before {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    content: "";
}
.header-accordian .card .card-body {
    background: #ededed;
    padding: 8px 13px;
}
.header-accordian .card .card-body ul li,
.l2c-form-group,
.prog-item {
    margin-bottom: 14px;
}
.header-accordian .card .card-body ul li a {
    color: #000;
    width: 100%;
    display: block;
}
@media (max-width: 1100px) {
    #plt-panel {
        width: 660px;
    }
    #crs-panel {
        width: 680px;
        transform: translateX(-50%);
    }
}
.hero {
    background: #1f1f1f;
    padding: 96px 0 80px;
}
.hero::before {
    top: -160px;
    right: -160px;
    width: 600px;
    height: 600px;
    background: radial-gradient(circle, rgba(45, 189, 150, 0.1) 0, transparent 70%);
}
.hero::after {
    bottom: -80px;
    left: -40px;
    width: 320px;
    height: 320px;
    background: radial-gradient(circle, rgba(45, 189, 150, 0.06) 0, transparent 70%);
}
.hero-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgb(247 146 90 / 36%);
    border: 1px solid;
    color: #ed7f41;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    padding: 6px 14px;
    border-radius: 100px;
    margin-bottom: 22px;
}
.hero-eyebrow::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #2dbd96;
    animation: 2s infinite pulse;
}
@keyframes pulse {
    0%,
    100% {
        opacity: 1;
        transform: scale(1);
    }
    50% {
        opacity: 0.5;
        transform: scale(1.4);
    }
}
.hero h1 {
    font-size: 50px;
    line-height: 1.12;
    color: #fff;
    margin-bottom: 18px;
    letter-spacing: -0.5px;
}
.hero h1 em {
    font-style: normal;
    color: #ed7f41;
}
.hero-sub {
    font-size: 17px;
    color: #fff;
    line-height: 1.75;
    margin-bottom: 36px;
}
.btn-ghost-l2c {
    background: 0 0;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    padding: 13px 28px;
    border-radius: 10px;
    border: 1px solid #fff;
    cursor: pointer;
    transition: 0.2s;
    display: inline-block;
}
.btn-ghost-l2c:hover {
    border-color: rgba(255, 255, 255, 0.4);
    color: #fff;
}
.hero-card {
    background: #fff;
    border-radius: 24px;
    padding: 28px;
    box-shadow: 0 16px 48px rgba(0, 30, 20, 0.13);
}
.care-float-badge,
.role-card:hover {
    box-shadow: 0 6px 24px rgba(0, 30, 20, 0.1);
}
.care-float-badge {
    position: absolute;
    top: -14px;
    right: 20px;
    background: #000;
    color: #fff;
    font-size: 11px;
    font-weight: 500;
    padding: 7px 14px;
    border-radius: 100px;
    display: flex;
    align-items: center;
    gap: 6px;
}
.dot,
.dot-green {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #2dbd96;
}
.hc-header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 22px;
    padding-bottom: 16px;
    border-bottom: 1px solid #eef1f6;
}
.avatar {
    background: #e6f9f4;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.hc-name {
    font-size: 14px;
    font-weight: 600;
    color: #1e2a3b;
}
.net-stat,
.stat-mini {
    background: #f7f9fc;
    border-radius: 10px;
    padding: 12px;
    text-align: center;
}
.stat-mini-num {
    font-size: 20px;
    font-weight: 600;
    color: #000;
}
.net-stat-label,
.stat-mini-label {
    font-size: 10px;
    color: #000;
    margin-top: 2px;
}
.prog-meta {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    color: #000;
    margin-bottom: 5px;
}
.cert-icon,
.cert-pill {
    align-items: center;
    display: flex;
}
.cert-sub,
.cert-text,
.hc-healthy .hc-score,
.hc-healthy .hc-title,
.metric-val.good,
.prog-meta strong {
    color: #22a882;
}
.comp-track,
.prog-track {
    height: 6px;
    background: #eef1f6;
    border-radius: 3px;
}
.comp-fill,
.prog-fill {
    height: 100%;
    border-radius: 3px;
    background: #2dbd96;
}
.cert-pill {
    margin-top: 16px;
    background: #e6f9f4;
    border: 1px solid #b2efe0;
    border-radius: 10px;
    padding: 10px 14px;
    gap: 10px;
}
.cert-icon {
    width: 28px;
    height: 28px;
    border-radius: 8px;
    background: #2dbd96;
    justify-content: center;
    flex-shrink: 0;
}
.cert-text {
    font-size: 12px;
    font-weight: 600;
}
.cert-sub {
    font-size: 11px;
    opacity: 0.7;
}
.care-stat-item,
.stat-item {
    text-align: center;
    padding: 8px 16px;
    border-right: 1px solid rgba(255, 255, 255, 0.08);
}
.care-stat-num {
    font-size: 36px;
    color: #ed7f41;
    line-height: 1;
    margin-bottom: 5px;
    font-weight: 700;
}
.sec-sub {
    color: #000;
    line-height: 1.75;
    max-width: 540px;
    margin-bottom: 48px;
}
.alt-bg {
    background: #f7f9fc;
}
.role-card {
    background: #fff;
    border: 1px solid #d8dde8;
    border-radius: 16px;
    padding: 28px 22px;
    transition:
        box-shadow 0.2s,
        border-color 0.2s,
        transform 0.2s;
    position: relative;
    height: 100%;
}
.role-card:hover {
    border-color: var(--main-color);
    transform: translateY(-3px);
}
.role-card.featured {
    border: 2px solid var(--main-color);
    background: #ffede3;
}
.featured-badge {
    position: absolute;
    top: -11px;
    background: var(--main-color);
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    padding: 3px 14px;
    border-radius: 100px;
    white-space: nowrap;
}
.ai-card,
.ai-icon,
.dark-card,
.dc-label,
.dc-row {
    position: relative;
}
.role-icon {
    color: var(--main-color);
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: #fff5ef;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 14px;
}
.role-icon img {
    width: 20px !important;
    height: 20px !important;
}
.role-name {
    font-size: 17px;
    font-weight: 700;
    color: #000;
    margin-bottom: 7px;
}
.role-desc {
    font-size: 14px;
    color: #525252;
    line-height: 1.6;
}
.feat-card {
    background: #fff;
    border: 1px solid #d8dde8;
    border-radius: 16px;
    padding: 26px;
    transition: box-shadow 0.2s;
    height: 100%;
}
.alert-card,
.pillar-card {
    transition:
        box-shadow 0.2s,
        transform 0.2s;
}
.feat-num {
    font-size: 11px;
    font-weight: 700;
    color: #2dbd96;
    letter-spacing: 0.1em;
    background: #e6f9f4;
    display: inline-block;
    padding: 3px 10px;
    border-radius: 4px;
    margin-bottom: 14px;
}
.dash-section-label,
.dc-label,
.fc-label,
.hc-label,
.homecare-dash-table th {
    letter-spacing: 0.08em;
    text-transform: uppercase;
}
.care-feat-title {
    font-size: 17px;
    font-weight: 600;
    color: #000;
    margin-bottom: 8px;
}
.care-feat-desc,
.care-feat-list li,
.dc-txt strong {
    font-size: 15px;
    color: #000;
}
.care-feat-desc {
    line-height: 1.7;
}
.care-feat-list,
.pillar-list {
    list-style: none;
    padding: 0;
    margin-top: 12px;
}
.care-feat-list li {
    padding: 5px 0;
    display: flex;
    align-items: flex-start;
    gap: 8px;
    border-bottom: 1px solid #eef1f6;
}
.care-feat-list li::before {
    content: "→";
    color: #ed7f41;
    font-weight: 600;
    flex-shrink: 0;
}
.dark-card {
    background: #ffede3;
    border-radius: 24px;
    padding: 36px;
}
.dark-card::before {
    content: "";
    position: absolute;
    top: -60px;
    right: -60px;
    width: 220px;
    height: 220px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(45, 189, 150, 0.14) 0, transparent 70%);
}
.dc-label {
    font-size: 11px;
    font-weight: 600;
    color: #000;
    margin-bottom: 18px;
    z-index: 1;
}
.dc-row {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 9px 0;
    /*border-bottom: 1px solid;*/
    z-index: 1;
}
.dc-check {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: rgba(45, 189, 150, 0.15);
    border: 1px solid rgba(45, 189, 150, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-top: 1px;
}
.dc-txt strong {
    display: block;
    font-weight: 600;
    margin-bottom: 2px;
}
.dc-txt span {
    font-size: 14px;
    color: #000;
    line-height: 1.5;
}
.ai-section,
.usecase-section {
    background: #1f1f1f;
}
.ai-section .sec-sub,
.usecase-section .sec-sub {
    color: rgba(255, 255, 255, 0.5);
}
.ai-card {
    background: rgb(255 255 255 / 14%);
    border-radius: 16px;
    padding: 20px;
    border: 1px solid rgba(255, 255, 255, 0.06);
    height: 100%;
}
.ai-card::before {
    content: "";
    position: absolute;
    top: -40px;
    right: -40px;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(45, 189, 150, 0.12) 0, transparent 70%);
}
.ai-icon {
    font-size: 24px;
    margin-bottom: 14px;
    z-index: 1;
    color: var(--main-color);
}
.ai-desc,
.ai-title {
    color: #fff;
    position: relative;
    z-index: 1;
}
.ai-title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 8px;
}
.ai-desc {
    font-size: 15px;
    line-height: 1.65;
}
.dash-card,
.franchise-card {
    background: #fff;
    border-radius: 24px;
    padding: 24px;
    box-shadow: 0 16px 48px rgba(0, 30, 20, 0.13);
    position: relative;
}
.dot-amber,
.dot-red {
    width: 7px;
    height: 7px;
    border-radius: 50%;
}
.dot-red {
    background: #e24b4a;
}
.dot-amber {
    background: #ef9f27;
}
.dash-section-label {
    font-size: 10px;
    font-weight: 700;
    color: #000;
    margin-bottom: 10px;
}
.alert-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 9px 12px;
    border-radius: 8px;
    margin-bottom: 6px;
    font-size: 13px;
}
.alert-row.red {
    background: #fff5f5;
    border-left: 3px solid #e24b4a;
}
.alert-row.amber {
    background: #fefce8;
    border-left: 3px solid #ef9f27;
}
.alert-row.blue {
    background: #eff6ff;
    border-left: 3px solid #378add;
}
.alert-row.teal {
    background: #e6f9f4;
    border-left: 3px solid #2dbd96;
}
.alert-count {
    font-weight: 700;
    font-size: 15px;
}
.alert-action {
    font-size: 11px;
    font-weight: 600;
    color: #22a882;
}
.dash-divider,
.fc-divider {
    border: none;
    border-top: 1px solid #eef1f6;
    margin: 14px 0;
}
.alert-card h3,
.comp-bar-row {
    margin-bottom: 8px;
}
.comp-meta {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    color: #000;
    margin-bottom: 4px;
}
.alert-card {
    background: #fff;
    border: 1px solid #d8dde8;
    border-radius: 16px;
    padding: 24px;
    position: relative;
    height: 100%;
}
.alert-card:hover,
.licensing-card:hover {
    box-shadow: 0 6px 24px rgba(0, 30, 20, 0.1);
    transform: translateY(-2px);
}
.alert-card-icon {
    color: var(--main-color);
    width: 40px;
    height: 40px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    margin-bottom: 14px;
}
.ac-red {
    background: #fff5f5;
}
.ac-amber {
    background: #fefce8;
}
.ac-teal {
    background: #e6f9f4;
}
.alert-card h3 {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    margin-top: 23px;
}
.alert-card p {
    font-size: 14px;
    color: #525252;
    line-height: 1.6;
    margin-bottom: 0;
}
.alert-card-badge {
    position: absolute;
    top: 16px;
    right: 16px;
    font-size: 11px;
    font-weight: 600;
    padding: 3px 10px;
    border-radius: 100px;
}
.badge-red,
.score-risk {
    background: #fff5f5;
    color: #a32d2d;
}
.badge-amber,
.score-attention {
    background: #fefce8;
    color: #854f0b;
}
.badge-teal,
.score-healthy {
    background: #e6f9f4;
    color: #22a882;
}
.badge-blue {
    background: #eff6ff;
    color: #185fa5;
}
.badge-purple {
    background: #f5f3ff;
    color: #534ab7;
}
.health-card:hover {
    box-shadow: 0 16px 20px rgba(0, 30, 20, 0.13);
}
.fc-label,
.hc-label {
    font-size: 10px;
    font-weight: 700;
    color: #000;
    margin-bottom: 12px;
}
.health-score-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #e6f9f4;
    border: 1px solid #b2efe0;
    border-radius: 16px;
    padding: 16px 20px;
    margin-bottom: 14px;
}
.hs-label {
    font-size: 13px;
    color: #22a882;
    font-weight: 500;
}
.hs-badge {
    background: #2dbd96;
    color: #000;
    font-size: 12px;
    font-weight: 700;
    padding: 4px 14px;
    border-radius: 100px;
}
.metric-row,
.pillar-list li {
    font-size: 13px;
    border-bottom: 1px solid #eef1f6;
}
.metric-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
}
.hc-attention .hc-score,
.hc-attention .hc-title,
.metric-val.warn {
    color: #854f0b;
}
.hc-risk .hc-score,
.hc-risk .hc-title,
.metric-val.risk {
    color: #a32d2d;
}
.billing-box {
    margin-top: 14px;
    background: #f7f9fc;
    border-radius: 10px;
    padding: 14px 16px;
}
.billing-row {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    color: #000;
    margin-bottom: 6px;
}
.franchise-row,
.pillar-icon {
    align-items: center;
    display: flex;
}
.pillar-card {
    background: #fff;
    border: 1px solid #d8dde8;
    border-radius: 16px;
    padding: 26px 22px;
    height: 100%;
}
.pillar-card:hover {
    box-shadow: 0 6px 24px rgba(0, 30, 20, 0.1);
    transform: translateY(-3px);
}
.pillar-icon {
    width: 48px;
    height: 48px;
    border-radius: 14px;
    background: #e6f9f4;
    border: 1px solid #b2efe0;
    justify-content: center;
    font-size: 22px;
    margin-bottom: 18px;
}
.pillar-title {
    font-size: 17px;
    font-weight: 600;
    color: #000;
    margin-bottom: 10px;
}
.franchise-row,
.hc-score,
.hc-title {
    margin-bottom: 6px;
}
.pillar-desc {
    font-size: 14px;
    color: #000;
    line-height: 1.7;
}
.pillar-list li {
    color: #000;
    padding: 5px 0;
    display: flex;
    align-items: flex-start;
    gap: 8px;
}
.pillar-list li::before {
    content: "✓";
    color: #2dbd96;
    font-weight: 700;
    flex-shrink: 0;
}
.franchise-row {
    justify-content: space-between;
    padding: 10px 12px;
    border-radius: 8px;
    background: #f7f9fc;
}
.fr-score {
    font-size: 12px;
    font-weight: 700;
    padding: 4px 10px;
    border-radius: 100px;
    white-space: nowrap;
}
.net-stat-num {
    font-size: 18px;
    font-weight: 600;
    color: #000;
}
.billing-select {
    margin-top: 14px;
    background: #e6f9f4;
    border: 1px solid #b2efe0;
    border-radius: 10px;
    padding: 12px 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.billing-select-label {
    font-size: 12px;
    color: #22a882;
    font-weight: 500;
}
.billing-toggle span {
    font-size: 11px;
    font-weight: 600;
    padding: 3px 10px;
    border-radius: 100px;
    cursor: unset;
}
.bt-inactive {
    background: rgba(45, 189, 150, 0.2);
    color: #22a882;
}
.stats-band {
    background: #1c2b4a;
    padding: 48px 0;
}
.stat-label {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.5);
    line-height: 1.4;
}
.health-card {
    position: relative;
    border-radius: 16px;
    padding: 27px 18px;
    text-align: center;
    border: 1px solid;
}
.hc-healthy {
    background: #e6f9f4;
    border-color: #b2efe0;
}
.hc-attention {
    background: #fefce8;
    border-color: #fac775;
}
.hc-risk {
    background: #fff5f5;
    border-color: #f7c1c1;
}
.hc-score {
    font-size: 32px;
}
.hc-title {
    font-size: 17px;
    font-weight: 600;
}
.care-feat-list.just li,
.hc-range {
    font-size: 15px;
    color: #000;
}
.metric-card {
    background: #fff;
    border: 1px solid #d8dde8;
    border-radius: 16px;
    padding: 24px;
    transition: box-shadow 0.2s;
    height: 100%;
}
.metric-icon {
    font-size: 20px;
    margin-bottom: 12px;
    color: var(--main-color);
}
.metric-title {
    font-size: 16px;
    font-weight: 700;
    color: #000;
    margin-bottom: 8px;
}
.metric-desc {
    font-size: 15px;
    color: #000;
    line-height: 1.65;
}
.homecare-hero-dashboard {
    background: #fff;
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    overflow: hidden;
    box-shadow: 0 32px 80px rgb(0 0 0 / 9%);
}
.homecare-dash-table th,
.homecare-dash-topbar {
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
.homecare-dash-topbar {
    background: #fff;
    padding: 12px 16px;
    display: flex;
    align-items: center;
    gap: 8px;
}
.homecare-dash-title {
    margin-left: 8px;
    font-size: 11px;
    font-weight: 500;
    color: #000;
    letter-spacing: 0.04em;
}
.homecare-dash-body {
    padding: 16px;
}
.homecare-dash-stat-row {
    display: grid;
    gap: 10px;
    margin-bottom: 14px;
}
.homecare-dash-stat {
    background: rgb(147 147 147 / 5%);
    border-radius: 8px;
    padding: 10px 12px;
    border: 1px solid rgba(255, 255, 255, 0.06);
}
.homecare-dash-stat-label {
    font-size: 10px;
    color: #000;
    margin-bottom: 4px;
}
.homecare-dash-stat-val {
    font-size: 18px;
    font-weight: 700;
    color: #000;
}
.homecare-dash-stat-val.homecare-orange {
    color: #f97b3a;
}
.homecare-dash-stat-val.homecare-green {
    color: #4ade80;
}
.homecare-dash-stat-val.red {
    color: #f87171;
}
.homecare-dash-table {
    width: 100%;
    border-collapse: collapse;
}
.homecare-dash-table th {
    font-size: 9px;
    font-weight: 600;
    color: #000;
    padding: 6px 10px;
    text-align: left;
}
.homecare-dash-table td {
    font-size: 11px;
    color: #000;
    padding: 8px 10px;
    border-bottom: 1px solid;
}
.homecare-status-pill {
    display: inline-block;
    font-size: 9px;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 10px;
}
.homecare-status-ready {
    background: rgba(74, 222, 128, 0.15);
    color: #4ade80;
}
.homecare-status-warn {
    background: rgba(251, 191, 36, 0.15);
    color: #fbbf24;
}
.homecare-status-overdue {
    background: rgba(248, 113, 113, 0.15);
    color: #f87171;
}
.pain-card {
    background: #fff;
    border: 1px solid #e8edf2;
    border-radius: 14px;
    padding: 28px 20px;
    height: 100%;
    position: relative;
    transition:
    box-shadow 0.25s,
    transform 0.25s;
    display: flex;
    flex-direction: column;
}
.pain-card:hover {
    box-shadow: 0 12px 40px rgba(15, 27, 45, 0.1);
    transform: translateY(-3px);
}
.pain-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: #ed7f41;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.3s;
}
.scene,
.shell {
    position: relative;
}
.pain-icon {
    width: 44px;
    height: 44px;
    background: #fff0e8;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    margin-bottom: 16px;
    color: var(--main-color);
}
.pain-problem {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #718096;
    margin-bottom: 6px;
}
.pain-card h4 {
    font-size: 17px;
    font-weight: 600;
    color: #0f1b2d;
    margin-bottom: 10px;
    line-height: 1.3;
}
.pain-card p {
    font-size: 14px;
    color: #4a5568;
    line-height: 1.6;
    margin-bottom: 16px;
}
.pain-solution {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    background: #e1f5ee;
    border-radius: 8px;
    padding: 10px 12px;
    margin-top: auto;
}
.pain-solution-icon {
    color: #0f6e56;
    font-size: 14px;
    margin-top: 1px;
    flex-shrink: 0;
}
.pain-solution-text {
    font-size: 13px;
    color: #0f6e56;
    font-weight: 500;
    line-height: 1.4;
}
.feature-tag {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #fff0e8;
    color: #ed7f41;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    padding: 5px 12px;
    border-radius: 20px;
    margin-bottom: 16px;
}
.feature-list li {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    font-size: 15px;
    color: #000;
    margin-bottom: 10px;
    line-height: 1.5;
}
.feature-list li::before {
    content: "✓";
    color: #0f6e56;
    font-weight: 700;
    flex-shrink: 0;
    margin-top: 1px;
}
.caregiver-row,
.ui-card-header {
    align-items: center;
    border-bottom: 1px solid #e8edf2;
    display: flex;
}
.coach-chat,
.ui-card {
    background: #fff;
    border-radius: 14px;
    border: 1px solid #e8edf2;
    box-shadow: 0 8px 32px rgba(15, 27, 45, 0.08);
}
.ui-card-header {
    padding: 14px 18px;
    justify-content: space-between;
}
.ui-card-title {
    font-size: 13px;
    font-weight: 600;
    color: #0f1b2d;
}
.chat-body,
.related-body,
.ui-card-body {
    padding: 16px 18px;
}
.caregiver-row {
    gap: 12px;
    padding: 10px 0;
}
.caregiver-avatar {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 700;
    flex-shrink: 0;
    color: #fff;
}
.caregiver-name {
    font-size: 13px;
    font-weight: 500;
    color: #0f1b2d;
    flex: 1;
}
.prog-bar-wrap {
    background: #e8edf2;
    border-radius: 4px;
    height: 6px;
    width: 80px;
    flex-shrink: 0;
}
.prog-bar-fill {
    height: 100%;
    border-radius: 4px;
    background: #ed7f41;
}
.alert-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 12px;
    border-radius: 8px;
    margin-bottom: 8px;
    border: 1px solid;
}
.alert-warn {
    background: #fffbeb;
    border-color: #fde68a;
}
.alert-ok {
    background: #e1f5ee;
    border-color: #9fe1cb;
}
.alert-icon {
    font-size: 16px;
    flex-shrink: 0;
    margin-top: 1px;
}
.alert-text {
    font-size: 13px;
    line-height: 1.4;
}
.alert-text strong {
    display: block;
    font-weight: 600;
    font-size: 12px;
    margin-bottom: 2px;
}
.mobile-frame {
    background: #0f1b2d;
    border-radius: 22px;
    padding: 4px;
    width: 200px;
    margin: 0 auto;
    box-shadow: 0 6px 8px rgba(15, 27, 45, 0.25);
}
.mobile-screen {
    background: #fff;
    border-radius: 18px;
}
.mobile-top {
    background: #ed7f41;
    padding: 14px 14px 10px;
    color: #fff;
}
.mobile-top-label {
    font-size: 9px;
    font-weight: 600;
    letter-spacing: 0.06em;
    opacity: 0.8;
    text-transform: uppercase;
}
.mobile-body {
    padding: 12px 14px;
}
.mobile-item {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 7px 0;
    border-bottom: 1px solid #e8edf2;
    font-size: 10px;
    color: #0f1b2d;
}
.mobile-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}
.ai-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #eeedfe;
    color: #3c3489;
    font-size: 11px;
    font-weight: 600;
    padding: 5px 12px;
    border-radius: 20px;
    margin-bottom: 16px;
}
.ai-dot,
.coach-avatar,
.tb-btn {
    border-radius: 50%;
}
.ai-dot {
    width: 6px;
    height: 6px;
    background: #7f77dd;
}
.coach-header {
    background: #f7f9fc;
    padding: 14px 18px;
    display: flex;
    align-items: center;
    gap: 10px;
    border-bottom: 1px solid #ebebeb;
}
.coach-avatar {
    width: 32px;
    height: 32px;
    background: var(--main-color);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
}
.coach-name {
    font-size: 13px;
    font-weight: 600;
    color: #26215c;
}
.coach-sub,
.community-card-expert .cred {
    font-size: 13px;
    color: var(--main-color);
    font-weight: 600;
}
.chat-bubble {
    border-radius: 12px;
    padding: 10px 14px;
    font-size: 13px;
    line-height: 1.5;
    margin-bottom: 10px;
    max-width: 85%;
}
.chat-bubble.user {
    background: #fff0e8;
    color: #0f1b2d;
    margin-left: auto;
    border-bottom-right-radius: 4px;
}
.chat-bubble.ai {
    background: #efefef;
    color: #000;
    border-bottom-left-radius: 4px;
}
@media (max-width: 767px) {
    section {
        padding: 56px 0;
    }
    .hero {
        padding: 64px 0 56px;
    }
    .cta-title,
    .hero h1 {
        font-size: 30px;
    }
    .stat-item {
        border-right: none;
        padding: 12px 0;
    }
}
.ben-tab-nav,
.location-detail {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.ben-tab-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 20px;
    border-radius: 12px;
    cursor: pointer;
    transition: 0.22s;
    border: 1.5px solid transparent;
    background: #fafafa;
}
.ben-tile,
.img-sidebar,
.shell {
    background: #fff;
}
.ben-tab-item.is-active {
    background: #fef3ea;
    border-color: #fbd5b0;
}
.ben-tab-name {
    font-size: 16px;
    font-weight: 600;
    color: #1b2a3b;
}
.ben-tab-arr {
    margin-left: auto;
    color: var(--main-color);
    font-size: 16px;
    opacity: 0;
    transition: opacity 0.2s;
}
.ben-panel.is-visible {
    display: flex;
    flex-wrap: wrap;
    margin: -8px;
}
.ben-panel .ben-col {
    padding: 8px;
    width: 33%;
}
.ben-tile {
    border-radius: 14px;
    padding: 22px;
    border: 1.5px solid #e8ecf0;
    transition: 0.25s;
    height: 100%;
}
.shell,
.shell-inner {
    border-radius: 22px;
    display: flex;
}
.ben-tile:hover {
    border-color: var(--main-color);
    background: #fef3ea;
    box-shadow: 0 6px 20px rgba(244, 121, 32, 0.08);
}
.ben-tile-ico {
    font-size: 26px;
    margin-bottom: 12px;
    color: var(--main-color);
}
.ben-tile-title {
    font-size: 16px;
    font-weight: 700;
    color: #1b2a3b;
    margin-bottom: 6px;
}
.ben-tile-desc {
    font-size: 15px;
    color: #718096;
    line-height: 1.65;
}
.ben-tile-stat {
    margin-top: 10px;
    font-size: 12px;
    font-weight: 700;
    color: var(--main-color);
}
.scene {
    width: 100%;
    max-width: 960px;
}
.shell {
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.1);
    overflow: visible;
    z-index: 1;
    -webkit-mask-image: none;
}
.spark,
.wm {
    position: absolute;
}
.shell-inner {
    width: 100%;
    overflow: hidden;
}
.img-sidebar {
    width: 125px;
    flex-shrink: 0;
    border-right: 1px solid #eaeaf0;
    padding: 10px 0;
    display: flex;
    flex-direction: column;
}
.img-nav-link,
.img-topbar {
    display: flex;
    align-items: center;
    gap: 9px;
}
.img-logo {
    font-size: 6.5px;
    font-weight: 400;
    color: #17172e;
    padding: 0 13px 20px;
    text-align: left;
}
.img-nav-link {
    padding: 8px 6px;
    font-size: 9px;
    font-weight: 400;
    color: #000;
    transition: 0.18s;
    user-select: none;
    text-align: left;
}
.img-nav-link.img-active {
    color: #ed7f41;
    border-right: 3px solid #ed7f41;
    font-weight: 400;
}
.img-main {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
}
.img-topbar {
    justify-content: flex-end;
    padding: 5px 13px;
    border-bottom: 1px solid #eaeaf0;
}
.ai-pill,
.tb-btn {
    align-items: center;
    display: flex;
}
.ai-pill {
    gap: 5px;
    padding: 5px 12px;
    background: #ffede3;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 600;
    color: #000;
}
.tb-btn {
    width: 25px;
    height: 25px;
    background: #f3f3f3;
    border: none;
    outline: 0;
    justify-content: center;
    transition: background 0.18s;
}
.avatar {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: linear-gradient(135deg, #ed7f41, #ff9a6c);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 700;
    color: #fff;
}
.ring-pct,
.spark {
    font-weight: 600;
    color: #ed7f41;
}
.img-content {
    display: grid;
    grid-template-columns: 1fr 1fr 290px;
    grid-template-rows: auto auto;
    gap: 13px;
    padding: 15px 13px;
    flex: 1;
}
.home-img-card {
    background: #fff;
    border: 1px solid #eaeaf0;
    border-radius: 14px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
}
.img-main .progress-card {
    grid-column: 1/3;
    grid-row: 1;
    padding: 13px 10px;
    display: flex;
    align-items: center;
    gap: 4px;
    position: relative;
    overflow: hidden;
}
.img-main .progress-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, #ed7f41, #ffaa7a);
    border-radius: 14px 14px 0 0;
}
.wm {
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0.04;
    pointer-events: none;
}
.spark {
    top: 10px;
    right: 12px;
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 9.5px;
    animation: 2.5s ease-in-out infinite twinkle;
}
@keyframes twinkle {
    0%,
    100% {
        opacity: 0.3;
    }
    50% {
        opacity: 0.75;
    }
}
.ring-wrap {
    position: relative;
    width: 60px;
    height: 60px;
    flex-shrink: 0;
}
.ring-wrap svg {
    transform: rotate(-90deg);
    display: block;
}
.ring-bg {
    fill: none;
    stroke: #ededed;
    stroke-width: 8;
}
.ring-fill {
    fill: none;
    stroke: #13bd78;
    stroke-width: 8;
    stroke-linecap: round;
    stroke-dasharray: 226.2;
    stroke-dashoffset: 226.2;
}
.cre-dash-circle-label,
.ring-label {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.ring-pct {
    font-size: 12px;
    line-height: 1;
}
.ring-sub {
    font-size: 6px;
    font-weight: 400;
    margin-top: 2px;
}
.prog-text h4 {
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 4px;
    text-align: left;
}
.prog-text p {
    font-size: 9px;
    display: flex;
    align-items: center;
    gap: 5px;
    text-align: left;
    margin-bottom: 0;
}
.stats {
    display: flex;
    gap: 9px;
    margin-left: auto;
}
.cert-row,
.ch-title {
    gap: 6px;
    display: flex;
}
.stat-box {
    background: #f3f3f3;
    border-radius: 10px;
    padding: 9px 12px;
    text-align: center;
    min-width: 78px;
}
.course-name,
.img-cert-name {
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.stat-ico {
    display: flex;
    justify-content: center;
    margin-bottom: 4px;
}
.stat-val {
    font-size: 12.5px;
    font-weight: 700;
    color: #17172e;
}
.img-cert-name,
.view-all {
    font-size: 10px;
    font-weight: 600;
}
.stat-lbl {
    margin-top: 1px;
    white-space: nowrap;
}
.certs-card {
    grid-column: 3;
    grid-row: 1/3;
    padding: 14px 9px;
    display: flex;
    flex-direction: column;
}
.courses-card {
    grid-column: 1/3;
    grid-row: 2;
    padding: 5px 7px;
}
.ch {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}
.ch-title {
    align-items: left;
    font-size: 10px;
    font-weight: 400;
    color: #17172e;
}
.view-all {
    color: #ed7f41;
}
.cert-row {
    align-items: center;
    padding: 8px 0;
    border-bottom: 1px solid #eaeaf0;
}
.cert-ico {
    width: 15px;
    height: 18px;
    border-radius: 50%;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.img-cert-name {
    color: #17172e;
}
.cert-date,
.dl-btn {
    font-size: 9px;
    display: flex;
}
.cert-date {
    align-items: center;
    gap: 3px;
    color: #6c6c6c;
    margin-top: 0;
}
.btn-load-more,
.dl-btn {
    align-items: center;
    cursor: pointer;
}
.dl-btn {
    gap: 4px;
    padding: 3px 8px;
    color: #ed7f41;
    border-radius: 20px;
    font-weight: 600;
    flex-shrink: 0;
    white-space: nowrap;
    transition: 0.18s;
}
.mob-cta-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 28px;
}
.mob-pill {
    display: inline-block;
    font-weight: 500;
    font-size: 0.78rem;
    background: rgb(147 147 147 / 14%);
    color: #000;
    border: 1px solid;
    border-radius: 30px;
    padding: 5px 14px;
    transition: background 0.2s;
}
.store-row.agency {
    padding-right: 280px;
    position: relative;
}
.store-row.startup {
    padding-right: 120px;
}
img.mob {
    filter: drop-shadow(13px 5px 17px rgba(0, 0, 0, 0.2));
}
.store-row span {
    padding: 1px 6px;
    font-size: 12px;
    color: #000;
}
.store-row {
    display: flex;
    gap: 7px;
}
.sbtn {
    transition:
        background 0.2s,
        transform 0.2s;
    max-width: 133px;
}
.store-row.agency:after {
    left: -5px;
}
.course-filter-select.mbsearch.sticky-top {
    background: #fff;
    top: 104px;
    padding: 9px;
    box-shadow: 0 0 10px #fff;
    z-index: 999;
    border-radius: 0 0 13px 13px;
}
.btn-load-more {
    display: inline-flex;
    gap: 0.5rem;
    padding: 0.75rem 2rem;
    background: var(--main-color);
    color: #fff;
    border: 2px solid var(--main-color);
    border-radius: 10px;
    font-size: 0.95rem;
    font-weight: 600;
    transition:
        background 0.2s,
        border-color 0.2s;
}
.course-row,
.hom-course-meta {
    display: flex;
    align-items: center;
}
.btn-load-more:hover:not(:disabled) {
    background: #e05e00;
    border-color: #e05e00;
    color: #fff;
}
.btn-load-more:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}
.btn-load-more .lm-remaining {
    font-weight: 400;
    font-size: 0.85rem;
    opacity: 0.8;
}
.btn-load-more.is-loading {
    position: relative;
    color: transparent;
    pointer-events: none;
}
.btn-load-more.is-loading::after {
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    border: 2px solid #fff;
    border-top-color: transparent;
    border-radius: 50%;
    animation: 0.6s linear infinite lm-spin;
}
.course-row {
    gap: 0;
    padding: 7px 0;
    border-bottom: 1px solid #eaeaf0;
}
.course-thumb {
    width: 42px;
    height: 34px;
    border-radius: 8px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.course-name {
    font-size: 10.5px;
    font-weight: 600;
    color: #17172e;
}
.bar-track {
    height: 4px;
    background: #eaeaf0;
    border-radius: 4px;
    margin-top: 5px;
    overflow: hidden;
}
.bar-fill {
    height: 100%;
    border-radius: 4px;
    background: linear-gradient(90deg, #ed7f41, #ffaa7a);
    width: 0;
    transition: width 1.4s;
}
.course-pct {
    font-size: 10px;
    font-weight: 600;
    color: #000;
    flex-shrink: 0;
}
.hom-course-meta {
    gap: 3px;
    font-size: 6.5px;
    color: #5a5e62;
    font-weight: 500;
}
.mob-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    align-self: flex-end;
    margin: 0 20px 14px;
    padding: 5px 13px;
    background: linear-gradient(135deg, #ed7f41, #ff9a6c);
    color: #fff;
    border-radius: 20px;
    font-size: 10px;
    font-weight: 600;
    box-shadow: 0 3px 10px rgba(255, 107, 53, 0.3);
    position: absolute;
    bottom: -4px;
    right: 180px;
    z-index: 9999999999;
}
.cg-card,
.mv-card {
    bottom: -30px;
    left: -20px;
    z-index: 20;
    position: absolute;
}
.mv-card {
    width: 224px;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.13);
    padding: 13px 14px 11px;
    animation: 4s ease-in-out infinite floatA;
}
@keyframes floatA {
    0%,
    100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-7px);
    }
}
.mv-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 7px;
}
.mv-title {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 11.5px;
    font-weight: 700;
    color: #17172e;
}
.mv-chart {
    height: 66px;
}
.cg-card {
    display: none;
    width: 118px;
    height: 118px;
    border-radius: 18px;
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.15);
    border: 4px solid #fff;
    overflow: hidden;
    animation: 5s ease-in-out infinite floatB;
}
@keyframes floatB {
    0%,
    100% {
        transform: rotate(-2deg) translateY(0);
    }
    50% {
        transform: rotate(-2deg) translateY(-6px);
    }
}
.cg-inner {
    width: 100%;
    height: 100%;
    background: linear-gradient(160deg, #ffd6bc 0, #ff8c5a 55%, #e05a20 100%);
    display: flex;
    align-items: flex-end;
    justify-content: center;
    overflow: hidden;
}
.fade {
    opacity: 0;
    animation: 0.5s forwards fadeUp;
}
.d1 {
    animation-delay: 0.05s;
}
.d3 {
    animation-delay: 0.25s;
}
.d4 {
    animation-delay: 0.35s;
}
.d5 {
    animation-delay: 0.45s;
}
.d6 {
    animation-delay: 0.55s;
}
@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.spin {
    display: inline-block;
    animation: 8s linear infinite sp;
}
@keyframes sp {
    to {
        transform: rotate(360deg);
    }
}
.fc {
    display: flex;
    flex-direction: column;
    gap: 14px;
}
.fc-head {
    margin-bottom: 4px;
}
.fc.left .fi,
.fi-tick.left span {
    flex-direction: row-reverse;
}
.fi-tick span {
    display: flex;
    gap: 5px;
    margin-bottom: 11px;
    align-items: center;
}
.fi-tick span i {
    color: #2ba71e;
}
.fc-badge {
    display: inline-block;
    font-weight: 600;
    font-size: 0.62rem;
    letter-spacing: 0.11em;
    text-transform: uppercase;
    color: var(--main-color);
    background: rgb(237 130 120 / 10%);
    border-radius: 30px;
    padding: 3px 11px;
    margin-bottom: 6px;
}
.fc-sub,
.fi-d {
    color: #000;
    line-height: 1.5;
}
.fc-title {
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 5px;
}
.fc-sub {
    font-size: 16px;
}
.fi {
    background: #fff;
    border-radius: 14px;
    padding: 14px 16px;
    width: 100%;
    max-width: 288px;
    box-shadow: 0 3px 16px rgba(10, 126, 240, 0.08);
    transition:
        transform 0.2s,
        box-shadow 0.2s;
}
.btn-go,
.fi-icon {
    align-items: center;
    border-radius: 8px;
}
.fi:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 28px rgba(10, 126, 240, 0.13);
}
.fi-icon {
    width: 35px;
    height: 35px;
    background: rgb(237 130 65 / 9%);
    display: flex;
    justify-content: center;
    margin-bottom: 7px;
    flex-shrink: 0;
}
.btn-go,
.btn-main {
    display: inline-flex;
}
.fc.left .fi-icon {
    margin-left: auto;
}
.fi-icon svg {
    width: 15px;
    height: 15px;
    stroke: var(--main-color);
    fill: none;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.fi-t {
    font-weight: 600;
    font-size: 15px;
    margin-bottom: 3px;
}
.fi-d {
    font-size: 0.76rem;
}
.btn-go,
.btn-go:hover,
.btn-main,
.btn-main:hover {
    color: #fff;
    text-decoration: none;
}
.btn-go {
    gap: 6px;
    background: #1a6eff;
    font-weight: 800;
    font-size: 0.8rem;
    padding: 8px 16px;
    transition:
        background 0.2s,
        transform 0.2s;
}
.btn-main,
.phone-circle {
    background: var(--main-color);
}
.btn-go:hover {
    transform: translateY(-2px);
}
.btn-go svg {
    width: 12px;
    height: 12px;
    stroke: #fff;
    fill: none;
    stroke-width: 2.5;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.ms-cta {
    text-align: center;
    margin-top: 48px;
}
.btn-main {
    align-items: center;
    gap: 9px;
    font-weight: 800;
    font-size: 0.95rem;
    padding: 13px 34px;
    border-radius: 50px;
    box-shadow: 0 8px 28px rgba(10, 126, 240, 0.35);
    transition:
        transform 0.2s,
        box-shadow 0.2s;
}
.btn-main:hover {
    transform: translateY(-3px);
    box-shadow: 0 14px 36px rgba(10, 126, 240, 0.45);
}
.btn-main svg {
    width: 16px;
    height: 16px;
    stroke: #fff;
    fill: none;
    stroke-width: 2.5;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.phone-circle {
    position: absolute;
    width: 300px;
    height: 300px;
    border-radius: 50%;
    background: radial-gradient(circle, #cf4c00 0, #ed7f41 100%);
    top: 10px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 0;
}
.mobile-cta-new-phone {
    z-index: 1;
    position: relative;
    transform: scale(1);
    filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.35));
}
.caregiver-new-phone {
    position: absolute;
    width: 130px;
    top: 110px;
    transform: rotate(-14deg);
    left: -14px;
    filter: drop-shadow(0 16px 10px rgba(0, 0, 0, 0.35));
}
.manager-new-phone {
    position: absolute;
    width: 174px;
    top: 110px;
    transform: rotate(10deg);
    right: -14px;
    z-index: 1;
    filter: drop-shadow(0 4px 14px rgba(0, 0, 0, 0.35));
}
.home-mobile .store-row {
    padding-right: 250px;
}
@media (max-width: 900px) {
    .ms-grid {
        grid-template-columns: 1fr;
        justify-items: center;
        gap: 32px;
    }
    .fc.left,
    .fc.right {
        width: 100%;
        max-width: 440px;
    }
    .fc.left .fi-icon {
        margin-left: 0;
        margin-right: auto;
    }
    .ms-head {
        font-size: 1.5rem;
    }
}
@media (max-width: 576px) {
    .ms {
        padding: 44px 0 50px;
    }
}
.plat-feature-side-card {
    background: #fff;
    border: 1.5px solid #eaeaf0;
    border-radius: 16px;
    padding: 15px 20px;
    transition:
        transform 0.22s,
        box-shadow 0.22s,
        border-color 0.22s;
    position: relative;
    overflow: hidden;
}
.plat-feature-side-card::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.25s;
    border-radius: 16px 16px 0 0;
}
.plat-feature-side-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 14px 40px rgba(247, 98, 42, 0.1);
    border-color: rgba(247, 98, 42, 0.2);
}
.plat-fsc-icon {
    font-size: 26px;
    margin-bottom: 12px;
    display: block;
}
.plat-fsc-title {
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 6px;
    display: flex;
    align-items: center;
    gap: 6px;
}
.plat-fsc-desc {
    font-size: 14px;
    color: #000;
    line-height: 1.6;
    margin: 0;
}
.plat-fsc-tag {
    display: inline-block;
    margin-top: 12px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    padding: 3px 10px;
    border-radius: 100px;
    background: var(--tag-bg);
    color: var(--tag-color);
}
.plat-hero-center-card {
    background: linear-gradient(160deg, #ed7f41 0, #ff8a55 100%);
    border-radius: 20px;
    padding: 25px 20px;
    text-align: center;
    box-shadow: 0 6px 55px rgba(247, 98, 42, 0.3);
}
.plat-hero-center-card h2 {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    line-height: 1.25;
    margin-bottom: 8px;
}
.plat-hero-center-card p {
    font-size: 14px;
    color: #fff;
    line-height: 1.6;
    margin-bottom: 17px;
}
.plat-hero-circle-icon {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.2);
    border: 2px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 38px;
    margin: 0 auto 22px;
    position: relative;
}
.plat-hero-circle-icon::before {
    content: "";
    position: absolute;
    inset: -10px;
    border-radius: 50%;
    border: 1.9px dashed rgb(255 255 255);
    animation: 14s linear infinite platspin;
}
@keyframes platspin {
    to {
        transform: rotate(360deg);
    }
}
.plat-stats-row-inline {
    display: flex;
    background: rgba(255, 255, 255, 0.15);
    border-radius: 12px;
    overflow: hidden;
}
.plat-stat-item {
    flex: 1;
    padding: 14px 8px;
    text-align: center;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
}
.plat-stat-num {
    display: block;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    line-height: 1.1;
}
.plat-stat-label {
    display: block;
    font-size: 10px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    font-weight: 600;
    margin-top: 3px;
}
.why-card {
    background: #fff;
    border: 1.5px solid #eaeaf0;
    border-radius: 18px;
    padding: 28px 30px;
    height: 100%;
    transition:
        transform 0.22s,
        box-shadow 0.22s;
}
.contact-hero-section::after,
.contact-hero-section::before {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    content: "";
}
.why-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 36px rgba(0, 0, 0, 0.07);
}
.why-num {
    font-size: 36px;
    font-weight: 900;
    color: #ed7f41;
    opacity: 0.25;
    line-height: 1;
    margin-bottom: 16px;
}
.why-title {
    font-size: 18px;
    font-weight: 700;
    color: #1c2b4a;
    margin-bottom: 10px;
}
.why-desc {
    font-size: 14px;
    color: #000;
    line-height: 1.65;
    margin: 0;
}
.contact-hero-section {
    background: #fff5ef;
    padding: 70px 0;
    position: relative;
    overflow: hidden;
}
.contact-hero-section::before {
    top: -80px;
    right: -80px;
    width: 420px;
    height: 420px;
    background: radial-gradient(circle, rgba(232, 98, 26, 0.18) 0, transparent 70%);
}
.contact-hero-section::after {
    bottom: -100px;
    left: -60px;
    width: 300px;
    height: 300px;
    background: radial-gradient(circle, rgba(232, 98, 26, 0.1) 0, transparent 70%);
}
.contact-hero-tag {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #000;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.5px;
    border-radius: 30px;
    padding: 5px 14px;
    margin-bottom: 20px;
    background: #fff;
    border: 1.5px solid #fbdcc5;
}
.contact-hero-headline {
    font-size: 2.75rem;
    font-weight: 700;
    line-height: 1.18;
    letter-spacing: -0.8px;
    margin-bottom: 18px;
}
.contact-hero-sub {
    line-height: 1.7;
    margin-bottom: 22px;
    max-width: 460px;
}
.contact-hero-trust-list {
    list-style: none;
    padding: 0;
    margin: 0 0 36px;
}
.contact-hero-trust-list li .check-icon {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #ed7f41;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 0.65rem;
    color: #fff;
}
.contact-hero-stats {
    display: flex;
    gap: 17px;
    flex-wrap: wrap;
}
.contact-hero-stat {
    background: rgb(255 229 212);
    border: 1px solid rgb(255 211 181);
    border-radius: 10px;
    padding: 12px 10px;
    text-align: center;
    backdrop-filter: blur(4px);
}
.contact-hero-stat .contact-val {
    font-size: 1.5rem;
    font-weight: 800;
    color: #ff7b1c;
    display: block;
    line-height: 1;
}
.contact-hero-stat .contact-lbl {
    font-size: 0.73rem;
    font-weight: 500;
    display: block;
    margin-top: 3px;
}
.contact-form-card {
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 16px 48px rgba(0, 30, 20, 0.13);
    padding: 30px;
    position: relative;
    z-index: 2;
    border-top: 3px solid var(--main-color);
}
.contact-form-card-title {
    font-size: 1.45rem;
    font-weight: 700;
    color: #17172e;
}
.contact-form-card-sub {
    font-size: 0.85rem;
    color: var(--gray);
    margin-bottom: 17px;
}
.contact-form-card .custom-select,
.contact-form-card .form-control {
    border-radius: 9px;
    border: 1.5px solid #e5e7eb;
    font-size: 0.875rem;
    color: #17172e;
    height: 46px;
    padding: 10px 14px;
    background-color: #fafbfc;
    display: block;
}
.contact-form-card .form-control::placeholder,
.l2c-input::placeholder {
    color: #dfdfdf !important;
}
.contact-form-card .custom-select:focus,
.contact-form-card .form-control:focus {
    border-color: #ed7f41;
    box-shadow: 0 0 0 3px rgba(232, 98, 26, 0.1);
    background: #fff;
}
.contact-form-card .form-group label {
    font-size: 0.8rem;
    font-weight: 600;
    color: #17172e;
    margin-bottom: 6px;
}
.contact-form-card .radio-group,
.l2c-radio-group,
.skills-cloud {
    display: flex;
    flex-wrap: wrap;
    gap: 7px 12px;
}
.contact-form-card .radio-pill label {
    cursor: pointer;
    padding: 6px 14px;
    border-radius: 30px;
    border: 1.5px solid #e5e7eb;
    font-size: 0.8rem;
    font-weight: 500;
    color: var(--gray);
    background: #fafbfc;
    transition: 0.15s;
    margin: 0;
}
.contact-form-card .radio-pill input[type="radio"]:checked + label {
    background: #ed7f41;
    border-color: #ed7f41;
    color: #fff;
    font-weight: 600;
}
.contact-btn-form-cta {
    background: linear-gradient(135deg, #ed7f41 0, #ff7b1c 100%);
    color: #fff;
    font-weight: 700;
    font-size: 1rem;
    border-radius: 10px;
    border: none;
    width: 100%;
    padding: 14px;
    letter-spacing: 0.2px;
    box-shadow: 0 6px 20px rgba(232, 98, 26, 0.3);
    transition:
        opacity 0.2s,
        transform 0.15s;
}
.contact-card,
.location-card {
    box-shadow: 0 6px 24px rgba(0, 30, 20, 0.1);
    overflow: hidden;
}
.contact-btn-form-cta:hover {
    opacity: 0.93;
    transform: translateY(-1px);
}
.form-response-note {
    text-align: center;
    font-size: 0.78rem;
    color: var(--gray);
    margin-top: 12px;
}
.form-response-note i {
    color: #1db97a;
    margin-right: 4px;
}
.contact-card {
    background: #fff;
    border-radius: 14px;
    padding: 34px 30px;
    height: 100%;
    position: relative;
    transition:
        transform 0.22s,
        box-shadow 0.22s;
    border-top: 4px solid #ed7f41;
}
.about-mvv-card:hover,
.contact-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 16px 48px rgba(0, 30, 20, 0.13);
}
.contact-card.contact-card-sales {
    border-top-color: #ed7f41;
}
.contact-card.contact-card-support {
    border-top-color: #1a6eff;
}
.contact-card.contact-card-resources {
    border-top-color: #1db97a;
}
.contact-card .contact-card-icon {
    width: 52px;
    height: 52px;
    border-radius: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    margin-bottom: 18px;
}
.about-icon-orange,
.contact-card-icon-orange {
    background: rgba(232, 98, 26, 6%);
    color: #ed7f41;
}
.about-icon-blue,
.contact-card-icon-blue {
    background: rgba(37, 99, 235, 6%);
    color: #1a6eff;
}
.about-icon-green,
.contact-card-icon-green {
    background: rgba(14, 166, 110, 6%);
    color: #1db97a;
}
.contact-card h5 {
    font-size: 1.05rem;
    font-weight: 700;
    margin-bottom: 6px;
    color: #17172e;
}
.contact-card .card-desc {
    font-size: 0.85rem;
    color: var(--gray);
    margin-bottom: 18px;
    line-height: 1.6;
}
.contact-card .contact-info-item {
    display: flex;
    align-items: center;
    gap: 9px;
    font-size: 0.85rem;
    color: #2c3040;
    font-weight: 500;
    margin-bottom: 8px;
}
.contact-card .contact-info-item a {
    color: #2c3040;
}
.contact-card .contact-info-item i {
    color: var(--gray);
    width: 16px;
    flex-shrink: 0;
}
.contact-btn-link-arrow {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #ed7f41;
    font-size: 0.875rem;
    font-weight: 600;
    text-decoration: none;
    padding: 9px 20px;
    border: 1.5px solid #ed7f41;
    border-radius: 8px;
    transition: 0.18s;
    margin-top: 10px;
}
.contact-btn-link-arrow:hover {
    background: #ed7f41;
    color: #fff;
    text-decoration: none;
}
.contact-btn-link-arrow-green {
    color: #1db97a;
    border-color: #1db97a;
}
.contact-btn-link-arrow-green:hover {
    background: #1db97a;
    color: #fff;
}
.location-section {
    padding: 80px 0;
    background: #f5f7fa;
}
.location-card {
    background: #fff;
    border-radius: 20px;
    max-width: 700px;
    margin: 0 auto;
}
.location-map-placeholder {
    height: 220px;
    background: linear-gradient(135deg, #dbe4f0 0, #c5d3e8 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 10px;
    color: #6b7280;
    font-size: 0.9rem;
    font-weight: 500;
}
.location-map-placeholder i {
    font-size: 2.5rem;
    color: #ed7f41;
}
.location-info {
    padding: 32px 36px;
    display: flex;
    align-items: center;
    gap: 24px;
    flex-wrap: wrap;
}
.location-badge {
    background: rgba(232, 98, 26, 0.08);
    border-radius: 10px;
    padding: 12px 18px;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}
.location-badge .flag {
    font-size: 1.8rem;
}
.location-badge .loc-label {
    font-size: 0.75rem;
    color: var(--gray);
    font-weight: 500;
}
.location-badge .loc-val {
    font-size: 1rem;
    font-weight: 700;
    color: #17172e;
}
.location-divider {
    width: 1px;
    height: 60px;
    background: #e5e7eb;
}
.location-detail .det-item {
    display: flex;
    align-items: center;
    gap: 9px;
    font-size: 0.875rem;
    color: #2c3040;
    font-weight: 500;
}
.location-detail .det-item i {
    color: #ed7f41;
    width: 16px;
}
.about-hero-section,
.state-hero {
    background: #fff5ef;
    padding: 80px 0;
    position: relative;
    overflow: hidden;
}
.about-hero-section::before {
    content: "";
    position: absolute;
    top: -120px;
    right: -120px;
    width: 520px;
    height: 520px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(232, 98, 26, 0.18) 0, transparent 65%);
    pointer-events: none;
}
.about-hero-section::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: -80px;
    width: 340px;
    height: 340px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(232, 98, 26, 0.1) 0, transparent 70%);
    pointer-events: none;
}
.about-hero-pill {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    background: #fff;
    border: 1px solid rgba(232, 98, 26, 0.28);
    color: #000;
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.5px;
    border-radius: 30px;
    padding: 5px 16px;
    margin-bottom: 24px;
}
.about-hero-headline {
    font-size: 38px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -1px;
    margin-bottom: 12px;
}
.about-hero-subline {
    font-size: 15px;
    line-height: 1.75;
    max-width: 770px;
    margin: 0 auto 25px;
}
.about-hero-cta-row {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.about-btn-hero-outline,
.about-btn-hero-primary {
    font-size: 0.97rem;
    border-radius: 10px;
    transition: 0.2s;
    display: inline-block;
    text-decoration: none;
}
.about-btn-hero-primary {
    background: #ed7f41;
    color: #fff;
    font-weight: 700;
    border: none;
    padding: 14px 32px;
    box-shadow: 0 8px 24px rgba(232, 98, 26, 0.35);
}
.about-mvv-card,
.about-story-badge {
    box-shadow: 0 6px 24px rgba(0, 30, 20, 0.1);
}
.about-btn-hero-primary:hover {
    color: #fff;
    transform: translateY(-2px);
    text-decoration: none;
}
.about-btn-hero-outline {
    background: 0 0;
    font-weight: 600;
    border: 2px solid rgb(0 0 0);
    padding: 11px 32px;
    color: #000;
}
.about-mvv-card,
.about-serve-card,
.about-team-card {
    transition:
        transform 0.22s,
        box-shadow 0.22s;
}
.about-story-section,
.about-whatwedo-section {
    padding: 100px 0;
    background: #fff;
}
.about-story-quote-line {
    width: 48px;
    height: 4px;
    background: #ed7f41;
    border-radius: 4px;
    margin-bottom: 24px;
}
.about-story-pain-list {
    list-style: none;
    padding: 0;
    margin: 20px 0 24px;
}
.about-story-pain-list li {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 0.92rem;
    font-weight: 600;
    color: #2c3040;
    margin-bottom: 10px;
}
.about-story-pain-list li .about-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #ed7f41;
    flex-shrink: 0;
}
.about-story-better {
    font-size: 1.05rem;
    font-weight: 700;
    color: #17172e;
    margin-bottom: 10px;
}
.about-story-img-card img {
    filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.2));
    position: relative;
}
.about-story-img-placeholder {
    width: 100%;
    height: 480px;
    background: linear-gradient(135deg, #f0e8df 0, #e4d5c5 100%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 14px;
}
.about-story-img-placeholder i {
    font-size: 4rem;
    color: #ff7b1c;
}
.about-story-img-placeholder span {
    font-size: 0.88rem;
    font-weight: 500;
    color: var(--gray);
}
.about-story-badge {
    position: absolute;
    bottom: 28px;
    left: 28px;
    background: #fff;
    border-radius: 12px;
    padding: 14px 20px;
    display: flex;
    align-items: center;
    gap: 12px;
}
.about-mvv-card,
.about-stats-section,
.about-team-card,
.about-whatwedo-img-wrap {
    position: relative;
    overflow: hidden;
}
.about-story-badge .about-badge-icon {
    width: 44px;
    height: 44px;
    border-radius: 10px;
    background: #fff4ee;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ed7f41;
    font-size: 1.2rem;
}
.about-story-badge .about-badge-val {
    font-size: 1.3rem;
    font-weight: 800;
    color: #17172e;
    line-height: 1;
}
.about-story-badge .about-badge-lbl {
    font-size: 0.72rem;
    color: var(--gray);
    font-weight: 500;
}
.about-mvv-section,
.about-team-section {
    padding: 90px 0;
    background: #f5f7fa;
}
.about-mvv-card {
    background: #fff;
    border-radius: 14px;
    padding: 36px 30px;
    height: 100%;
}
.about-serve-card:hover,
.about-team-card:hover,
.about-whatwedo-img-wrap {
    box-shadow: 0 16px 48px rgba(0, 30, 20, 0.13);
}
.about-mvv-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
}
.about-mvv-card.about-card-mission::before,
.progress-bar-teal {
    background: #ed7f41;
}
.about-mvv-card.about-card-vision::before {
    background: #1a6eff;
}
.about-mvv-card.about-card-values::before {
    background: #1db97a;
}
.about-mvv-icon {
    width: 54px;
    height: 54px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.3rem;
    margin-bottom: 20px;
}
.about-mvv-card h4 {
    font-size: 1.1rem;
    font-weight: 800;
    color: #17172e;
    margin-bottom: 12px;
}
.about-mvv-card p {
    font-size: 0.875rem;
    color: var(--gray);
    line-height: 1.75;
    margin: 0;
}
.about-values-list li {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 0.875rem;
    font-weight: 600;
    color: #2c3040;
    padding: 9px 0;
    border-bottom: 1px solid #e5e7eb;
}
.about-values-list li .about-val-icon {
    width: 28px;
    height: 28px;
    border-radius: 8px;
    background: rgba(14, 166, 110, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #1db97a;
    font-size: 0.72rem;
    flex-shrink: 0;
}
.about-whatwedo-img-wrap {
    border-radius: 16px;
}
.about-whatwedo-placeholder {
    width: 100%;
    height: 460px;
    background: linear-gradient(135deg, #e8f0fe 0, #d4e4fd 100%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 14px;
}
.about-whatwedo-placeholder i {
    font-size: 4rem;
    color: #1a6eff;
    opacity: 0.5;
}
.about-whatwedo-placeholder span {
    font-size: 0.88rem;
    color: var(--gray);
    font-weight: 500;
}
.about-feature-list {
    list-style: none;
    padding: 0;
    margin: 20px 0 26px;
}
.about-feature-list li {
    display: flex;
    gap: 13px;
    align-items: flex-start;
    margin-bottom: 16px;
}
.about-feature-list li .about-fi {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: #fff4ee;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ed7f41;
    font-size: 0.85rem;
    flex-shrink: 0;
    margin-top: 1px;
}
.about-feature-list li .about-ft {
    font-size: 15px;
    font-weight: 600;
    color: #2c3040;
    line-height: 1.5;
    margin-bottom: 3px;
}
.about-feature-list li .about-fd {
    font-size: 14px;
    color: var(--gray);
    line-height: 1.55;
}
.about-closing-line {
    font-size: 1rem;
    font-weight: 700;
    color: #17172e;
    border-left: 4px solid #ed7f41;
    padding-left: 16px;
    margin-top: 8px;
}
.about-stats-section {
    padding: 80px 0;
    background: linear-gradient(135deg, #17172e 0, #2c3040 100%);
}
.about-stats-section::before {
    content: "";
    position: absolute;
    top: -100px;
    right: -100px;
    width: 400px;
    height: 400px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(232, 98, 26, 0.15) 0, transparent 65%);
}
.about-stat-item {
    text-align: center;
    padding: 20px;
}
.about-stat-val {
    font-size: 3rem;
    font-weight: 700;
    color: var(--main-color);
    line-height: 1;
    display: block;
    letter-spacing: -1px;
}
.about-stat-lbl {
    font-size: 0.85rem;
    color: #fff;
    font-weight: 500;
    margin-top: 6px;
    display: block;
}
.about-stat-divider {
    width: 1px;
    background: rgba(255, 255, 255, 0.1);
    align-self: stretch;
}
.about-serve-section {
    padding: 90px 0;
    background: #fff;
}
.about-serve-card {
    border-radius: 14px;
    padding: 34px 26px;
    height: 100%;
    text-align: center;
    border: 2px solid #e5e7eb;
    background: #fff;
}
.about-serve-card:hover {
    transform: translateY(-5px);
    border-color: #ed7f41;
}
.about-serve-icon-wrap {
    width: 68px;
    height: 68px;
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.6rem;
    margin: 0 auto 18px;
}
.about-serve-card h5 {
    font-size: 1rem;
    font-weight: 700;
    color: #17172e;
    margin-bottom: 8px;
}
.about-serve-card p {
    font-size: 0.82rem;
    color: var(--gray);
    line-height: 1.65;
    margin: 0;
}
.about-si-orange {
    background: rgba(232, 98, 26, 0.1);
    color: #ed7f41;
}
.about-si-blue {
    background: rgba(37, 99, 235, 0.1);
    color: #1a6eff;
}
.about-si-green {
    background: rgba(14, 166, 110, 0.1);
    color: #1db97a;
}
.about-si-teal {
    background: rgba(8, 145, 178, 0.1);
    color: #2dbd96;
}
.about-team-card {
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 2px 10px rgba(0, 30, 20, 0.08);
    height: 100%;
}
.about-team-card:hover {
    transform: translateY(-6px);
}
.about-team-card:hover .about-team-linkedin {
    opacity: 1;
    text-decoration: none;
}
.about-team-photo {
    width: 100%;
    height: 220px;
    object-fit: cover;
    display: block;
}
.about-team-photo-placeholder {
    width: 100%;
    height: 220px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: 0.78rem;
    color: rgba(255, 255, 255, 0.6);
}
.about-team-photo-placeholder img.img-fluid {
    width: 170px;
    height: 170px;
    object-fit: cover;
    object-position: top;
    border-radius: 110px;
}
.about-team-photo-placeholder i {
    font-size: 3rem;
}
.about-team-body {
    padding: 22px 20px 20px;
}
.about-team-name {
    font-size: 1rem;
    font-weight: 700;
    color: #17172e;
    margin-bottom: 3px;
}
.about-team-role {
    font-size: 0.78rem;
    font-weight: 600;
    color: #ed7f41;
    margin-bottom: 8px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.about-team-desc {
    font-size: 0.82rem;
    color: #000;
    line-height: 1.6;
    margin: 0;
}
.about-midcta-title,
.state-hero h1 {
    margin-bottom: 16px;
    font-weight: 800;
}
.about-team-linkedin {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 34px;
    height: 34px;
    border-radius: 8px;
    background: rgba(37, 99, 235, 0.9);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 0.85rem;
    opacity: 0;
    transition: opacity 0.2s;
    text-decoration: none;
}
.about-team-linkedin:hover {
    background: #1a6eff;
    color: #fff;
}
.about-tp-1 {
    background: linear-gradient(135deg, #d4e4fd 0, #bfd3fb 100%);
    color: #2563eb;
}
.about-tp-2 {
    background: linear-gradient(135deg, #d1fae5 0, #a7f3d0 100%);
    color: #059669;
}
.about-tp-3 {
    background: linear-gradient(135deg, #fef3c7 0, #fde68a 100%);
    color: #d97706;
}
.about-tp-4 {
    background: linear-gradient(135deg, #ede9fe 0, #ddd6fe 100%);
    color: #7c3aed;
}
.about-midcta-section {
    padding: 90px 0;
    background: linear-gradient(135deg, #f0f4ff 0, #fef0e7 100%);
    position: relative;
    overflow: hidden;
}
.about-midcta-section::before {
    content: "";
    position: absolute;
    top: -60px;
    right: -60px;
    width: 280px;
    height: 280px;
    border-radius: 50%;
    background: rgba(232, 98, 26, 0.06);
}
.about-midcta-section::after {
    content: "";
    position: absolute;
    bottom: -80px;
    left: -80px;
    width: 260px;
    height: 260px;
    border-radius: 50%;
    background: rgba(37, 99, 235, 0.05);
}
.about-midcta-title {
    font-size: 2.3rem;
    color: #17172e;
    line-height: 1.22;
    letter-spacing: -0.5px;
}
.about-btn-mid-outline,
.about-btn-mid-primary {
    font-size: 1rem;
    display: inline-block;
    transition: 0.2s;
    text-decoration: none;
}
.about-btn-mid-primary {
    background: #ed7f41;
    color: #fff;
    font-weight: 700;
    border-radius: 10px;
    border: none;
    padding: 14px 36px;
    box-shadow: 0 8px 24px rgba(232, 98, 26, 0.3);
}
.about-btn-mid-primary:hover {
    transform: translateY(-2px);
    color: #fff;
    text-decoration: none;
}
.about-btn-mid-outline {
    background: 0 0;
    color: #17172e;
    font-weight: 600;
    border-radius: 10px;
    border: 2px solid #000;
    padding: 14px 30px;
}
.about-btn-mid-outline:hover {
    border-color: #ed7f41;
    color: #ed7f41;
    text-decoration: none;
}
.l2c-hq-contact-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 20px;
    border-bottom: 1px solid #edebe8;
    margin-bottom: 24px;
}
.l2c-hq-brand {
    display: flex;
    align-items: center;
    gap: 11px;
}
.l2c-hq-brand-icon {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--main-color);
    font-size: 0.9rem;
}
.l2c-hq-brand-name {
    font-size: 0.9rem;
    font-weight: 700;
    color: #1e1e1e;
    line-height: 1.2;
}
.l2c-hq-brand-sub {
    font-size: 0.68rem;
    color: #7a7a7a;
    font-weight: 400;
}
.l2c-hq-verified {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
    border-radius: 50px;
    padding: 5px 12px;
    font-size: 0.7rem;
    font-weight: 600;
    color: #0e7a4e;
}
.l2c-hq-verified i {
    font-size: 0.65rem;
}
.l2c-contact-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}
@media (max-width: 600px) {
    .l2c-contact-list {
        grid-template-columns: 1fr;
    }
    .l2c-hq-city {
        font-size: 2.2rem;
    }
    .l2c-hq-contact-panel {
        padding: 24px 22px 28px;
    }
    .l2c-hq-hero-panel {
        padding: 40px 22px 38px;
    }
    .l2c-hq-contact-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }
}
.l2c-contact-block {
    background: #f6f4f1;
    border: 1px solid #edebe8;
    border-radius: 14px;
    padding: 16px 18px;
    transition: 0.2s;
    cursor: default;
}
.l2c-contact-block:hover {
    border-color: var(--main-color);
    box-shadow: 0 4px 16px rgba(242, 106, 33, 0.1);
}
.l2c-cb-icon {
    width: 32px;
    height: 32px;
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.78rem;
    margin-bottom: 10px;
}
.l2c-cb-phone {
    background: #dcfce7;
    color: #0e7a4e;
}
.l2c-cb-email {
    background: #dbeafe;
}
.l2c-cb-label {
    font-size: 0.65rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.9px;
    color: #7a7a7a;
    margin-bottom: 3px;
}
.l2c-cb-value {
    font-size: 0.85rem;
    font-weight: 700;
    color: #1e1e1e;
    line-height: 1.4;
    text-decoration: none;
    display: block;
    transition: color 0.2s;
}
.state-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.state-hero-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #000;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.05em;
    padding: 5px 14px;
    border-radius: 20px;
    margin-bottom: 18px;
    background: #fff;
    border: 1px solid rgba(232, 98, 26, 0.28);
}
.ebook-book-badge span,
.ebook-trust-badge {
    letter-spacing: 0.5px;
    text-transform: uppercase;
}
.state-hero-badge .state-dot {
    width: 7px;
    height: 7px;
    background: #4ade80;
    border-radius: 50%;
}
.state-hero h1 {
    font-size: clamp(28px, 4vw, 44px);
    line-height: 1.4;
}
.state-hero p.state-lead {
    color: rgba(255, 255, 255, 0.75);
    font-size: 16px;
    max-width: 500px;
    margin-bottom: 28px;
}
.state-hero-cta-group {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 36px;
}
.state-btn-primary-cta {
    background: #ed7f41;
    color: #fff;
    border-radius: 6px;
    padding: 13px 28px;
    font-weight: 700;
    font-size: 14px;
    border: none;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition:
        background 0.2s,
        transform 0.15s,
        box-shadow 0.2s;
    box-shadow: 0 4px 16px rgba(241, 101, 34, 0.4);
}
.state-btn-primary-cta:hover {
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(241, 101, 34, 0.5);
}
.state-btn-secondary-cta {
    background: rgba(255, 255, 255, 0.12);
    color: #000;
    border: 1.5px solid rgb(0 0 0);
    border-radius: 6px;
    padding: 13px 24px;
    font-weight: 600;
    font-size: 14px;
    transition:
        background 0.2s,
        border-color 0.2s;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}
.state-btn-secondary-cta:hover {
    color: var(--main-color);
    border-color: var(--main-color);
}
.state-hero-stats {
    display: flex;
    gap: 32px;
    flex-wrap: wrap;
}
.state-hero-stat .state-val {
    font-size: 26px;
    font-weight: 800;
    line-height: 1;
}
.state-hero-stat .state-lbl {
    font-size: 12px;
    margin-top: 3px;
}
.state-hero-card {
    background: #fff;
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 10px;
    padding: 28px;
    backdrop-filter: blur(10px);
    box-shadow: 0 16px 48px rgba(0, 30, 20, 0.13);
}
.state-hero-card h5 {
    font-size: 15px;
    margin-bottom: 6px;
}
.state-hero-card p {
    font-size: 13px;
    margin-bottom: 18px;
}
.state-hero-search input {
    width: 100%;
    padding: 12px 10px;
    border-radius: 6px 0 0 6px;
    border: 2px solid;
    background: rgb(181 181 181 / 10%);
    color: #000;
    font-size: 13px;
    flex: 0 0 59%;
}
.state-hero-search .stat-btn {
    background: var(--main-color);
    border: none;
    border-radius: 0 6px 6px 0;
    color: #fff;
    padding: 13px 12px;
    font-weight: 600;
}
.state-hero-search input::placeholder {
    color: #000;
}
.state-hero-search input:focus {
    outline: 0;
    border-color: #ed7f41;
    background: rgba(255, 255, 255, 0.15);
}
.state-hero-search .state-search-icon {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #000;
    font-size: 18px;
}
.state-hero-quick-links {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 14px;
}
.state-comp-badge,
.state-trust-item {
    align-items: center;
    gap: 10px;
    display: flex;
}
.state-hero-quick-links a {
    font-size: 12px;
    font-weight: 500;
    background: rgb(255 237 227);
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: rgb(0 0 0);
    padding: 4px 12px;
    border-radius: 20px;
    transition: background 0.2s;
}
.state-hero-quick-links a:hover {
    background: var(--main-color);
    color: #fff;
    text-decoration: none;
}
.state-comp-badge {
    background: rgb(255 237 227);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 6px;
    padding: 10px 14px;
    margin-bottom: 8px;
}
.state-comp-badge p {
    margin-bottom: 0;
    line-height: 1.4;
}
.state-comp-badge i {
    color: #4ade80;
    font-size: 16px;
}
.state-comp-badge span {
    font-size: 13px;
    font-weight: 500;
}
.state-trust-bar {
    background: #fff;
    border-top: 1px solid #f5d5c0;
    border-bottom: 1px solid #f5d5c0;
    padding: 16px 0;
}
.state-trust-item {
    font-size: 13.5px;
    font-weight: 600;
    color: #1c2b4a;
}
.state-trust-item i {
    color: #ed7f41;
    font-size: 18px;
}
.state-trust-divider {
    width: 1px;
    height: 30px;
    background: #e0c4b4;
}
.state-states-section {
    padding: 80px 0;
    background: #fff;
}
.state-search-bar {
    max-width: 420px;
    margin: 0 auto 36px;
    position: relative;
}
.state-search-bar input {
    width: 100%;
    padding: 12px 46px 12px 18px;
    border: 2px solid #eaeaf0;
    border-radius: 30px;
    font-size: 14px;
    transition:
        border-color 0.2s,
        box-shadow 0.2s;
}
.state-search-bar input:focus {
    outline: 0;
    border-color: #ed7f41;
    box-shadow: 0 0 0 3px rgba(241, 101, 34, 0.12);
}
.state-search-bar i {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 17px;
}
.state-features-section {
    background: #f8f9fc;
    padding: 80px 0;
}
.state-feature-card {
    background: #fff;
    border: 1.5px solid #eaeaf0;
    border-radius: 10px;
    padding: 28px 20px;
    height: 100%;
    transition:
        border-color 0.2s,
        box-shadow 0.2s,
        transform 0.2s;
}
.state-feature-card:hover {
    border-color: #ed7f41;
    box-shadow: 0 6px 24px rgba(0, 30, 20, 0.1);
    transform: translateY(-4px);
}
.catalog-card:hover,
.req-card:hover,
.stateinner-feature-card:hover {
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
}
.state-feature-card h4,
.state-feature-card h5 {
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 8px;
}
.state-feature-icon {
    width: 52px;
    height: 52px;
    background: #fff0e8;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px;
}
.state-feature-icon i {
    font-size: 24px;
    color: #ed7f41;
}
.state-feature-card p {
    font-size: 13.5px;
    line-height: 1.65;
    margin: 0;
}
.state-compliance-checklist {
    list-style: none;
    padding: 0;
    margin-bottom: 32px;
}
.state-compliance-checklist li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    font-size: 14px;
    padding: 10px 0;
    align-items: center;
    border-bottom: 1px solid #eaeaf0;
}
.state-compliance-checklist li i {
    color: #ed7f41;
    font-size: 17px;
    flex-shrink: 0;
}
.state-compliance-visual {
    background: #1c2b4a;
    border-radius: 16px;
    padding: 32px;
    position: relative;
    overflow: hidden;
}
.state-compliance-visual::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 70% 30%, rgba(241, 101, 34, 0.25) 0, transparent 60%);
}
.state-compliance-pill {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 8px;
    padding: 12px 18px;
    margin-bottom: 10px;
    width: 100%;
}
.state-compliance-pill i {
    color: #4ade80;
    font-size: 18px;
}
.state-compliance-pill span {
    color: rgba(255, 255, 255, 0.9);
    font-size: 13.5px;
    font-weight: 500;
}
.state-compliance-pill .state-badge-tag {
    margin-left: auto;
    background: rgba(241, 101, 34, 0.25);
    color: #ed7f41;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.06em;
    padding: 3px 8px;
    border-radius: 4px;
}
.state-compliance-stat-row {
    display: flex;
    gap: 16px;
    margin-top: 20px;
}
.state-c-stat {
    background: rgba(255, 255, 255, 0.07);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 6px;
    padding: 16px;
    flex: 1;
    text-align: center;
}
.state-c-stat .state-n {
    font-size: 26px;
    font-weight: 800;
    color: #fff;
}
.state-c-stat .state-l {
    font-size: 11px;
    color: rgba(255, 255, 255, 0.55);
    margin-top: 2px;
}
.state-page-banner h1 {
    font-size: clamp(28px, 4vw, 42px);
    font-weight: 800;
    line-height: 1.4;
}
.state-page-banner p {
    margin-bottom: 25px;
    line-height: 1.8;
}

.ac-what .ac-desc,
.ac-why .ac-desc,
.course-title a,
.related-name a,
.state-page-banner p,
.upcoming .cc-step-sub,
.upcoming .cc-step-title {
    color: #000;
}

.req-tab-btns {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 32px;
}
.req-tab-btn {
    padding: 9px 20px;
    border-radius: 50px;
    font-size: 0.85rem;
    font-weight: 600;
    border: 2px solid #e8e8f0;
    background: #fff;
    color: #4a4a6a;
    cursor: pointer;
    transition: 0.25s;
}
.req-tab-btn.active,
.req-tab-btn:hover {
    background: #e8601c;
    border-color: #e8601c;
    color: #fff;
}
.req-card {
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
    padding: 30px 25px;
    height: 100%;
    border: 1px solid #e8e8f0;
    position: relative;
    overflow: hidden;
    transition:
        transform 0.25s,
        box-shadow 0.25s;
}
.req-card:hover {
    transform: translateY(-3px);
}
.req-card-accent {
    position: absolute;
    top: 0;
    left: 0;
    background: #e8601c;
    border-radius: 4px 0 0 4px;
    height: 4px;
    width: 100%;
}
.req-card-icon {
    width: 48px;
    height: 48px;
    background: #fdf0e9;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
}
.proof-icon,
.proof-item {
    align-items: center;
    display: flex;
}
.req-card-icon i {
    font-size: 1.3rem;
    color: #e8601c;
}
.req-card h4 {
    font-size: 15px;
    font-weight: 700;
    color: #1c1c2e;
    line-height: 1.6;
    margin-bottom: 23px;
    min-height: 50px;
}
.req-card p {
    font-size: 0.88rem;
    margin-bottom: 12px;
    color: #000;
}
.req-card .req-highlight {
    background: #fff7f3;
    border: 1px solid rgba(232, 96, 28, 0.18);
    border-radius: 8px;
    padding: 10px 14px;
    font-size: 0.82rem;
    color: var(--main-color);
    font-weight: 600;
}
.social-proof-bar {
    background: #fff;
    border-bottom: 1px solid #e8e8f0;
    padding: 18px 0;
}
.proof-item {
    gap: 10px;
    padding: 0 20px;
    border-right: 1px solid #e8e8f0;
}
.proof-icon {
    width: 40px;
    height: 40px;
    background: #fdf0e9;
    border-radius: 10px;
    justify-content: center;
    flex-shrink: 0;
}
.proof-icon i {
    color: #e8601c;
    font-size: 1.1rem;
}
.proof-num {
    font-size: 1.1rem;
    font-weight: 800;
    color: #1c1c2e;
    text-align: left;
    line-height: 1;
}
.proof-desc {
    font-size: 0.75rem;
    color: #000;
    font-weight: 500;
    margin-top: 2px;
}
.timeline-steps::before {
    content: "";
    position: absolute;
    left: 26px;
    top: 0;
    bottom: 0;
    width: 2px;
    background: linear-gradient(to bottom, #e8601c, #f5a623);
    opacity: 0.25;
    height: 87%;
}
.timeline-step {
    display: flex;
    gap: 20px;
    margin-bottom: 28px;
    position: relative;
}
.step-bubble {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: #e8601c;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    font-weight: 800;
    flex-shrink: 0;
    box-shadow: 0 4px 16px rgba(232, 96, 28, 0.3);
    position: relative;
    z-index: 1;
}
.step-bubble.completed {
    background: #27ae60;
}
.step-body {
    background: #f8f9fc;
    border-radius: 12px;
    padding: 18px 22px;
    flex: 1;
    border: 1px solid #e8e8f0;
}
.step-body h5 {
    font-size: 0.95rem;
    font-weight: 700;
    margin-bottom: 5px;
    color: #1c1c2e;
}
.l2c-sixty-badge i,
.step-body p {
    font-size: 0.85rem;
}
.step-tag {
    display: inline-block;
    background: #e8601c;
    color: #fff;
    font-size: 0.7rem;
    font-weight: 700;
    padding: 2px 9px;
    border-radius: 20px;
    margin-bottom: 8px;
}
.catalog-section {
    background: #f8f9fc;
}
.catalog-card {
    background: #fff;
    border-radius: 12px;
    border: 1px solid #e8e8f0;
    padding: 22px;
    height: 100%;
    display: flex;
    flex-direction: column;
    transition: 0.25s;
}
.catalog-card:hover {
    transform: translateY(-2px);
}
.catalog-badge {
    font-size: 0.7rem;
    font-weight: 700;
    padding: 3px 10px;
    border-radius: 20px;
    display: inline-block;
    margin-bottom: 12px;
}
.badge-core {
    background: #ebf5ff;
    color: #1a6ec4;
}
.badge-specialty {
    background: #fff0e6;
    color: #e8601c;
}
.badge-advanced {
    background: #f0fbf4;
    color: #27ae60;
}
.catalog-card h5 {
    font-size: 0.9rem;
    font-weight: 700;
    color: #1c1c2e;
    margin-bottom: 7px;
}
.catalog-card p {
    font-size: 0.82rem;
    flex: 1;
}
.catalog-meta {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid #e8e8f0;
}
.catalog-meta span {
    font-size: 0.75rem;
    color: #7a7a9a;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 4px;
}
.catalog-meta i {
    font-size: 0.85rem;
    color: #e8601c;
}
.stateinner-feature-card {
    background: #fff;
    border-radius: 20px;
    padding: 22px;
    height: 100%;
    border: 1px solid #e8e8f0;
    transition: 0.25s;
}
.stateinner-feature-card:hover {
    background: #fff;
    transform: translateY(-3px);
}
.stateinner-feature-icon {
    width: 52px;
    height: 52px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px;
}
.compliance-pill,
.ebook-trust-badge {
    display: inline-flex;
    font-weight: 600;
}
.stateinner-fi-orange {
    background: #fdf0e9;
}
.stateinner-fi-blue {
    background: #ebf5ff;
}
.stateinner-fi-green {
    background: #f0fbf4;
}
.stateinner-fi-purple {
    background: #f3eeff;
}
.stateinner-feature-icon i {
    font-size: 1.4rem;
}
.stateinner-fi-orange i {
    color: #e8601c;
}
.stateinner-fi-blue i {
    color: #1a6ec4;
}
.stateinner-fi-green i {
    color: #27ae60;
}
.stateinner-fi-purple i {
    color: #7b4ae2;
}
.stateinner-feature-card h4 {
    font-size: 0.95rem;
    font-weight: 700;
    margin-bottom: 10px;
    color: #1c1c2e;
}
.stateinner-feature-card p {
    margin-bottom: 0;
    font-size: 14px;
}
.compliance-banner {
    background: linear-gradient(135deg, #1a3c5e 0, #1e4d7a 100%);
    padding: 48px 0;
}
.compliance-banner h3 {
    font-size: 1.5rem;
    font-weight: 800;
    color: #fff;
    margin-bottom: 10px;
}
.compliance-banner p {
    color: rgba(255, 255, 255, 0.75);
    font-size: 0.95rem;
}
.compliance-pill {
    align-items: center;
    gap: 7px;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.18);
    color: rgba(255, 255, 255, 0.85);
    border-radius: 50px;
    padding: 7px 16px;
    font-size: 0.8rem;
    margin: 4px;
}
.compliance-pill i {
    color: #f5a623;
}
.ebook-cta-section {
    background: #fef6f0;
    border-radius: 20px;
    padding: 56px 64px;
    position: relative;
    overflow: hidden;
    width: 100%;
}
.ebook-cta-section::before {
    content: "";
    position: absolute;
    top: -80px;
    right: -80px;
    width: 340px;
    height: 340px;
    background: radial-gradient(circle, rgba(232, 101, 42, 0.15) 0, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
}
.ebook-book-glow,
.ebook-cta-section::after {
    width: 260px;
    height: 260px;
    pointer-events: none;
}
.ebook-cta-section::after {
    content: "";
    position: absolute;
    bottom: -60px;
    left: -60px;
    background: radial-gradient(circle, rgba(28, 123, 110, 0.1) 0, transparent 70%);
    border-radius: 50%;
}
.ebook-trust-badge {
    align-items: center;
    gap: 8px;
    background: rgba(232, 101, 42, 0.12);
    border: 1.5px solid rgba(232, 101, 42, 0.25);
    border-radius: 50px;
    padding: 6px 16px;
    font-size: 12px;
    color: var(--main-color);
    margin-bottom: 20px;
}
.ebook-trust-badge svg {
    flex-shrink: 0;
}
.ebook-cta-headline {
    font-size: 2rem;
    font-weight: 800;
    line-height: 1.22;
    color: #1a1a2e;
    margin-bottom: 16px;
}
.ebook-cta-headline .highlight,
.spec-cert-header h2 span {
    color: var(--main-color);
    position: relative;
}
.ebook-cta-body {
    font-size: 0.95rem;
    line-height: 1.7;
    color: #4a4a68;
    margin-bottom: 28px;
}
.ebook-benefit-list {
    list-style: none;
    padding: 0;
    margin-bottom: 32px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.ebook-benefit-list li {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 0.88rem;
    font-weight: 500;
    color: #4a4a68;
}
.ebook-benefit-list li .ebook-check-icon {
    width: 22px;
    height: 22px;
    background: var(--main-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.ebook-book-col {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
}
.ebook-book-glow {
    position: absolute;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(232, 101, 42, 0.22) 0, transparent 65%);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.ebook-book-wrap {
    position: relative;
    z-index: 2;
    width: 240px;
}
.ebook-book-face {
    background: #fff;
    border-radius: 6px 12px 12px 6px;
    padding: 24px 20px;
    box-shadow:
        -6px 6px 0 #e0c9bc,
        0 20px 60px rgba(232, 101, 42, 0.14);
    position: relative;
}
.ebook-book-top-label {
    font-size: 8px;
    font-weight: 700;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: var(--main-color);
    margin-bottom: 6px;
    display: flex;
    align-items: center;
    gap: 4px;
}
.ebook-book-top-label span {
    width: 20px;
    height: 2px;
    background: var(--main-color);
    display: inline-block;
}
.ebook-book-title-mock {
    font-size: 13px;
    font-weight: 800;
    line-height: 1.3;
    color: #1a1a2e;
    margin-bottom: 8px;
}
.ebook-book-title-mock em {
    font-style: normal;
    color: var(--main-color);
}
.ebook-book-subtitle-mock {
    font-size: 8.5px;
    color: #4a4a68;
    line-height: 1.5;
    margin-bottom: 14px;
}
.ebook-book-img-placeholder {
    width: 100%;
    height: 90px;
    background: linear-gradient(135deg, var(#fdf0e8) 0, #fce0cf 100%);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--main-color);
    font-size: 10px;
    font-weight: 600;
    gap: 4px;
    margin-bottom: 12px;
}
.ebook-book-lines {
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.ebook-book-line {
    height: 5px;
    background: #edd8cc;
    border-radius: 3px;
}
.ebook-book-line:first-child {
    width: 80%;
}
.ebook-book-line:nth-child(2) {
    width: 65%;
}
.ebook-book-line:nth-child(3) {
    width: 72%;
}
.ebook-book-spine {
    position: absolute;
    left: -10px;
    top: 6px;
    bottom: 6px;
    width: 10px;
    background: var(--main-color);
    border-radius: 4px 0 0 4px;
}
.ebook-book-badge {
    position: absolute;
    top: -14px;
    right: -14px;
    width: 52px;
    height: 52px;
    background: #1c7b6e;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 14px rgba(28, 123, 110, 0.35);
}
.ebook-book-badge span {
    font-size: 7.5px;
    font-weight: 800;
    color: #fff;
    line-height: 1.2;
    text-align: center;
}
.community-hero-float .meta,
.community-quote-author .role,
.ebook-book-badge span.ebook-big,
.onboarding-banner .comp-meta {
    font-size: 11px;
}
.ebook-book-shadow {
    width: 160px;
    height: 12px;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    filter: blur(6px);
    margin: 8px auto 0;
}
.catalog-hero {
    background: linear-gradient(135deg, #cd682b 0, #cd6628 60%, #ffb98e 100%);
    color: #fff;
    padding: 64px 0 52px;
    position: relative;
}
.catalog-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
#searchResults {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    top: 78% !important;
}
.catalog-hero .catalog-hero-label {
    display: inline-block;
    background: rgba(255, 255, 255, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 100px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    padding: 4px 14px;
    margin-bottom: 16px;
}
.catalog-hero h1 {
    font-size: 40px;
    font-weight: 800;
    color: #fff;
    line-height: 1.2;
    margin-bottom: 16px;
}
.catalog-hero h1 span {
    color: #fff;
    font-style: italic;
}
.catalog-hero p {
    font-size: 15px;
    color: #fff;
    margin-bottom: 20px;
}
.catalog-hero .catalog-hero-search {
    display: flex;
    background: #fff;
    border-radius: 100px;
    box-shadow: 0 10px 30px rgba(0, 18, 25, 0.12);
    max-width: 560px;
    margin: auto;
}
.catalog-hero .catalog-hero-search input {
    flex: 1;
    border: none;
    outline: 0;
    padding: 14px 22px;
    font-size: 14px;
    color: #334155;
    background: 0 0;
}
.catalog-hero .catalog-hero-search button {
    background: #3a3a3a;
    border: none;
    border-radius: 100px;
    padding: 12px 24px;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    cursor: pointer;
    margin: 4px;
    transition: background 0.22s;
}
.catalog-hero-stats {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    margin-top: 28px;
    justify-content: center;
}
.catalog-hero-stat .catalog-stat-value {
    display: block;
    font-size: 26px;
    font-weight: 800;
    color: #fff;
    line-height: 1;
}
.catalog-hero-stat-divider {
    width: 1px;
    background: rgba(255, 255, 255, 0.2);
    align-self: stretch;
}
.catalog-page-breadcrumb {
    background: #f1f5f9;
    border-bottom: 1px solid #e2e8f0;
    padding: 10px 0;
}
.catalog-breadcrumb {
    margin: 0;
    background: 0 0;
    padding: 0;
    font-size: 13px;
    list-style: none;
    display: flex;
    gap: 12px;
}
.catalog-breadcrumb a,
.catalog-breadcrumb-item.active {
    color: #334155;
    font-weight: 600;
}
.catalog-breadcrumb-item + .catalog-breadcrumb-item::before {
    color: #94a3b8;
}
.catalog-layout {
    display: flex;
    gap: 0;
    min-height: 60vh;
}
.catalog-sidebar {
    width: 272px;
    flex-shrink: 0;
    background: #fff;
    border-right: 1px solid #e2e8f0;
    padding: 28px 16px 28px 0;
    position: sticky;
    top: 62px;
    max-height: calc(100vh - 62px);
    overflow-y: auto;
    scrollbar-width: thin;
}
.sidebar-section {
    padding: 0 25px 20px 0;
    border-bottom: 1px solid #f1f5f9;
    margin-bottom: 8px;
}
.sidebar-section:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding: 0 0 20px;
}
.sidebar-heading {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #94a3b8;
    margin-bottom: 12px;
}
.category-list a,
.role-pill {
    font-size: 13px;
    transition:
        background 0.22s,
        color 0.22s;
    display: flex;
}
.c-inner-enrol-meta,
.role-pills {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.role-pill {
    align-items: center;
    gap: 8px;
    padding: 9px 14px;
    border-radius: 6px;
    font-weight: 600;
    cursor: pointer;
    color: #334155;
    border: 1.5px solid transparent;
}
.role-pill:hover {
    background: #f1f5f9;
}
.role-pill.active {
    background: rgb(255 243 237);
    color: #005f73;
    border-color: var(--main-color);
}
.category-list .cat-count,
.role-pill .pill-count {
    font-size: 11px;
    background: #e2e8f0;
    border-radius: 100px;
    padding: 1px 7px;
}
.role-pill .pill-count {
    margin-left: auto;
    color: #334155;
    font-weight: 700;
}
.category-list li {
    margin-bottom: 2px;
}
.category-list a {
    justify-content: space-between;
    align-items: center;
    padding: 7px 10px;
    border-radius: 6px;
    color: #334155;
}
.category-list a:hover {
    background: #f1f5f9;
    color: #000;
}
.category-list a.active {
    background: rgb(255 243 237);
    color: #000;
    font-weight: 600;
}
.catalog-toolbar .result-meta strong,
.sort-select {
    color: #334155;
}
.category-list .cat-count {
    color: #334155;
    font-weight: 600;
}
.sidebar-search input,
.sort-select {
    border: 1.5px solid #e2e8f0;
    font-size: 13px;
    outline: 0;
}
.sidebar-search {
    position: relative;
    margin-bottom: 14px;
}
.sidebar-search input {
    width: 100%;
    border-radius: 6px;
    padding: 8px 34px 8px 12px;
    transition: border 0.22s;
}
.sidebar-search input:focus {
    border-color: #0a9396;
}
.sidebar-search .bi {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: #94a3b8;
}
.catalog-main {
    flex: 1;
    min-width: 0;
    padding: 28px 32px;
}
.catalog-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 24px;
}
.catalog-toolbar .result-meta {
    font-size: 14px;
    color: #94a3b8;
}
.sort-select {
    border-radius: 6px;
    padding: 7px 14px;
    background: #fff;
    cursor: pointer;
}
.view-toggle button {
    background: 0 0;
    border: 1.5px solid #e2e8f0;
    border-radius: 6px;
    padding: 6px 10px;
    cursor: pointer;
    color: #94a3b8;
    transition: 0.22s;
    line-height: 1;
}
.view-toggle button:first-child {
    border-radius: 6px 0 0 6px;
    border-right: none;
}
.view-toggle button:last-child {
    border-radius: 0 6px 6px 0;
}
.active-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 20px;
}
.filter-tag {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: rgb(255 243 237);
    color: #444;
    border: 1px solid rgb(237 130 65);
    border-radius: 100px;
    font-size: 12.5px;
    font-weight: 600;
    padding: 4px 12px;
}
.clear-all,
.filter-tag .bi {
    font-size: 13px;
    cursor: pointer;
}
.clear-all {
    background: 0 0;
    border: none;
    color: #94a3b8;
    font-weight: 600;
    text-decoration: underline;
    align-self: center;
}
.alpha-btn,
.c-inner-btn-enrol-primary,
.c-inner-btn-enrol-secondary,
.community-view-all,
.glossary-sidebar-cta a,
.l2c-contact-meta a,
.l2c-footer a,
.related-card,
.results-card .cta-btn,
.spec-badge,
.track-link,
.track-link:hover {
    text-decoration: none;
}
.course-group-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
    margin-top: 8px;
}
.course-group-header .group-icon {
    width: 38px;
    height: 38px;
    background: rgba(10, 147, 150, 0.1);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0a9396;
    font-size: 18px;
    flex-shrink: 0;
}
.course-group-header h3 {
    font-size: 17px;
    font-weight: 700;
    margin: 0;
    color: #001219;
}
.course-group-header .group-count {
    background: var(--main-color);
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    border-radius: 100px;
    padding: 2px 9px;
}
.group-divider {
    flex: 1;
    height: 1px;
    background: #e2e8f0;
}
.course-card {
    background: #fff;
    border-radius: 12px;
    box-shadow:
        0 1px 3px rgba(0, 18, 25, 0.08),
        0 1px 2px rgba(0, 18, 25, 0.06);
    border: 1px solid #e2e8f0;
    overflow: hidden;
    transition:
        box-shadow 0.22s,
        transform 0.22s;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.course-card:hover {
    box-shadow:
        0 4px 16px rgba(0, 18, 25, 0.1),
        0 2px 6px rgba(0, 18, 25, 0.06);
    transform: translateY(-3px);
}
.course-card-thumb .thumb-icon {
    font-size: 40px;
    color: rgba(255, 255, 255, 0.6);
}
.course-card-thumb .badge-ai,
.course-card-thumb .badge-new,
.course-tag {
    font-size: 10.5px;
    font-weight: 700;
    border-radius: 100px;
}
.course-card-thumb img {
    border-radius: 12px 12px 0 0;
    width: 100%;
}
.course-card-thumb .badge-ai {
    position: absolute;
    top: 10px;
    left: 10px;
    background: rgba(0, 0, 0, 0.45);
    color: #fff;
    padding: 3px 9px;
    backdrop-filter: blur(4px);
}
.course-card-thumb .badge-new {
    position: absolute;
    top: 10px;
    right: 10px;
    background: #ee9b00;
    color: #001219;
    padding: 3px 9px;
}
.thumb-dementia {
    background: linear-gradient(135deg, #6a0572, #a855f7);
}
.thumb-safety {
    background: linear-gradient(135deg, #9a3412, #f97316);
}
.thumb-comms {
    background: linear-gradient(135deg, #1e40af, #60a5fa);
}
.thumb-leader {
    background: linear-gradient(135deg, #065f46, #34d399);
}
.thumb-eol {
    background: linear-gradient(135deg, #3f3f46, #a1a1aa);
}
.course-card-body {
    padding: 16px 18px 14px;
    flex: 1;
    display: flex;
    flex-direction: column;
}
.course-tag {
    display: inline;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #444;
    background: rgb(255 243 237);
    padding: 2px 9px;
    margin-bottom: 9px;
}
.course-title {
    font-size: 14px;
    font-weight: 700;
    color: #001219;
    line-height: 1.35;
    margin-bottom: 8px;
    flex: 1;
}
.course-excerpt {
    font-size: 12.5px;
    color: #000;
    line-height: 1.55;
    margin-bottom: 14px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.course-meta {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 12.5px;
    color: #5a5e62;
    font-weight: 500;
    padding-top: 8px;
    border-top: 1px solid #f1f5f9;
}
.timeline-section .sticky-top {
    top: 180px;
    z-index: 99;
}
.faq-wrapper .card-body li:before {
    position: absolute;
    content: "";
    background: url("../img/new-tick.png") 0 0/100% no-repeat;
    width: 17px;
    height: 17px;
    left: 0;
    top: 4px;
}
.state-video-btn-box iframe {
    border-radius: 40px;
}
.course-meta .bi {
    margin-right: 3px;
    color: var(--main-color);
}
.course-meta .meta-level {
    margin-left: auto;
    background: #f1f5f9;
    border-radius: 100px;
    padding: 2px 8px;
    font-size: 11px;
}
.faq-section .orng-highlight-word {
    text-transform: none;
}
.btn-view-course {
    display: block;
    text-align: center;
    background: #f8fafc;
    border: 1.5px solid #e2e8f0;
    border-radius: 0 0 12px 12px;
    padding: 10px;
    font-size: 13px;
    font-weight: 600;
    color: #444;
    transition:
        background 0.22s,
        color 0.22s,
        border-color 0.22s;
}
.promo-banner {
    border-radius: 12px;
    padding: 28px 32px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 36px;
    background: #404040;
}
.promo-banner h4 {
    color: #fff;
    font-weight: 700;
    margin-bottom: 6px;
    font-size: 18px;
}
.promo-banner p {
    color: rgba(255, 255, 255, 0.8);
    font-size: 13.5px;
    margin: 0;
}
.btn-promo {
    background: var(--main-color);
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    padding: 11px 26px;
    border-radius: 100px;
    white-space: nowrap;
    transition:
        background 0.22s,
        transform 0.22s;
}
.btn-promo:hover {
    color: #fff;
    transform: translateY(-1px);
}
.catalog-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin-top: 40px;
    padding-top: 24px;
    border-top: 1px solid #e2e8f0;
}
.page-btn {
    width: 36px;
    height: 36px;
    border-radius: 6px;
    border: 1.5px solid #e2e8f0;
    background: #fff;
    font-size: 13px;
    font-weight: 600;
    color: #334155;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.22s;
}
.page-btn.disabled {
    opacity: 0.4;
    cursor: default;
    pointer-events: none;
}
.nav .pagination {
    flex-wrap: wrap;
    gap: 10px 0;
}
.state-iner-accordian .card-header,
img.emoji {
    pointer-events: none;
}
.annotation-badge {
    position: absolute;
    top: -10px;
    right: -10px;
    background: #ef4444;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    border-radius: 100px;
    padding: 2px 7px;
    z-index: 10;
    pointer-events: none;
    white-space: nowrap;
}
.c-inner-enrol-body,
.c-inner-enrol-card .forms {
    padding: 22px 22px 18px;
}
.c-inner-enrol-card .forms .form-control,
.c-inner-enrol-card .forms select {
    width: 100%;
    padding: 10px 38px 10px 13px;
    font-size: 14px;
    border: 1.5px solid #e8f0ee;
    border-radius: 10px;
    appearance: none;
    height: 48px;
    cursor: pointer;
    transition: border-color 0.2s;
}
.c-inner-enrol-card .forms input[type="submit"] {
    display: block;
    width: 100%;
    padding: 13px;
    background: var(--main-color);
    color: #fff;
    font-size: 15px;
    font-weight: 800;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    transition:
        background 0.2s,
        transform 0.2s;
    letter-spacing: -0.01em;
}
.c-inner-enrol-card .forms span.wpcf7-not-valid-tip {
    top: 90%;
    font-size: 10px;
}
.c-inner-enrol-card .forms .wpcf7 form .wpcf7-response-output {
    margin: 0 22px 1em;
    border-radius: 10px;
    font-size: 13px;
}
.c-inner-enrol-card .forms .wpcf7-spinner {
    right: 0;
    top: 14px;
}
.state-featured-card {
    background: #fff;
    border: 0.5px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    padding: 2rem;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 1rem;
    align-items: center;
    position: relative;
    overflow: hidden;
    min-height: 195px;
}
.state-featured-card::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--main-color);
}
.state-feat-badge {
    display: inline-block;
    font-size: 11px;
    font-weight: 500;
    color: var(--main-color);
    background: #fef0e7;
    padding: 3px 10px;
    border-radius: 12px;
    margin-bottom: 10px;
    letter-spacing: 0.05em;
}
.state-feat-title {
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 6px;
}
.state-feat-desc {
    font-size: 13px;
    line-height: 1.6;
}
.community-reel-engage,
.state-feat-stats {
    display: flex;
    gap: 10px;
}
.state-feat-stat {
    background: #fef0e7;
    border-radius: 10px;
    padding: 10px;
    text-align: center;
    max-width: 180px;
}
.state-feat-stat-label {
    font-size: 11px;
    color: var(--main-color);
    font-weight: 500;
    margin-bottom: 4px;
}
.state-feat-stat-num {
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 0;
    line-height: 1.5;
}
.state-page-slider .owl-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    bottom: 20%;
    margin: auto;
    z-index: -1;
}
.state-page-slider .owl-nav .owl-prev {
    left: -40px;
    position: relative;
}
.state-page-slider .owl-nav .owl-next {
    right: -40px;
    position: relative;
}
.play-btn-box iframe#youtubeVideo {
    border-radius: 29px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
@media (max-width: 520px) {
    .state-featured-card {
        grid-template-columns: 1fr;
    }
    .state-feat-stats {
        flex-direction: row;
        min-width: unset;
    }
    .state-feat-stat {
        flex: 1;
    }
}
.c-inner-breadcrumb-bar,
.c-inner-course-progress-bar {
    background: #fff;
    border-bottom: 1px solid #e8f0ee;
    padding: 10px 0;
}
.c-inner-breadcrumb {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    list-style: none;
    border-radius: 0.25rem;
    margin: 0;
    background: 0 0;
    font-size: 12px;
    font-weight: 500;
}
.c-inner-breadcrumb-item + .c-inner-breadcrumb-item::before {
    float: left;
    padding-right: 0.5rem;
    content: "/";
    color: #a8c4bc;
}
.c-inner-breadcrumb-item.active {
    color: #1e3a30;
    font-weight: 600;
}
.c-inner-progress-inner {
    display: flex;
    align-items: center;
    gap: 16px;
    font-size: 12.5px;
    font-weight: 600;
    color: #566f67;
}
.c-inner-progress-inner .c-inner-prog-label {
    color: #005f4e;
    white-space: nowrap;
}
.c-inner-progress-track {
    flex: 1;
    height: 6px;
    background: #e8f0ee;
    border-radius: 100px;
    overflow: hidden;
    max-width: 280px;
}
.c-inner-progress-fill {
    height: 100%;
    width: 35%;
    background: linear-gradient(90deg, var(--main-color), #5dd8b8);
    border-radius: 100px;
}
.c-inner-prog-step {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 700;
    border: 2px solid #e8f0ee;
    background: #fff;
    color: #7a9b90;
}
.c-inner-prog-step.c-inner-current {
    background: #fff;
    border-color: var(--main-color);
    color: #005f4e;
}
.c-inner-hero-section {
    background: #fff;
    border-bottom: 1px solid #e8f0ee;
    padding: 48px 0 60px;
    position: relative;
    overflow: hidden;
}
.c-inner-hero-section::before {
    content: "";
    position: absolute;
    top: -60px;
    right: -60px;
    width: 340px;
    height: 340px;
    background: radial-gradient(circle, #edfaf5 0, transparent 70%);
    pointer-events: none;
    border-radius: 50%;
}
.c-inner-course-badge {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    background: #ffede3;
    color: #000;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    padding: 5px 14px;
    border-radius: 100px;
    border: 1px solid #ed8241;
    margin-bottom: 18px;
}
.c-inner-course-badge .bi {
    font-size: 13px;
    color: var(--main-color);
}
.c-inner-hero-title {
    font-size: clamp(26px, 4vw, 38px);
    font-weight: 800;
    color: #0d1b16;
    letter-spacing: -0.03em;
    line-height: 1.18;
    margin-bottom: 18px;
}
.c-inner-hero-desc {
    font-size: 16px;
    color: #566f67;
    line-height: 1.78;
    max-width: 580px;
    margin-bottom: 28px;
}
.c-inner-meta-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 26px;
}
.c-inner-meta-pill {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    background: #f4f8f7;
    color: #1e3a30;
    font-size: 13px;
    font-weight: 500;
    padding: 6px 14px;
    border-radius: 100px;
    border: 1px solid #e8f0ee;
}
.c-inner-meta-pill .bi {
    color: var(--main-color);
    font-size: 14px;
}
.c-inner-meta-pill-accent {
    background: #fffbf0;
    border-color: #fff3cd;
    color: #0d1b16;
}
.c-inner-meta-pill-accent .bi {
    color: #e89a00;
}
.c-inner-hero-rating {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 28px;
}
.c-inner-stars-row {
    color: #f0b429;
    font-size: 16px;
    letter-spacing: 2px;
}
.c-inner-rating-val {
    font-size: 15px;
    font-weight: 800;
    color: #0d1b16;
}
.c-inner-rating-ct {
    font-size: 13px;
    color: #7a9b90;
}
.c-inner-compliance-notice {
    display: flex;
    gap: 14px;
    align-items: flex-start;
    background: #fffbf0;
    border: 1px solid #fff3cd;
    border-left: 4px solid #e89a00;
    border-radius: 0 10px 10px 0;
    padding: 14px 18px;
    margin-bottom: 36px;
    max-width: 600px;
}
.cre-dash-cert-name,
.cre-dash-course-name {
    text-overflow: ellipsis;
    max-width: 160px;
    overflow: hidden;
    white-space: nowrap;
}
.c-inner-compliance-notice .bi {
    font-size: 20px;
    color: #e89a00;
    flex-shrink: 0;
    margin-top: 1px;
}
.c-inner-compliance-notice-text {
    font-size: 13.5px;
    color: #1e3a30;
    line-height: 1.6;
}
.c-inner-compliance-notice-text strong {
    display: block;
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 3px;
    color: #0d1b16;
}
.c-inner-hero-author {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-bottom: 48px;
}
.c-inner-author-av {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--main-color), #005f4e);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    font-weight: 800;
    color: #fff;
    flex-shrink: 0;
    border: 2px solid #d4f5ec;
}
.c-inner-author-av-label {
    font-size: 13.5px;
}
.c-inner-author-av-label strong {
    font-weight: 700;
    display: block;
    color: #0d1b16;
    font-size: 14px;
}
.c-inner-author-av-label span {
    color: #7a9b90;
    font-size: 12.5px;
}
.c-inner-enrol-card {
    background: #fff;
    border: 1px solid #e8f0ee;
    border-radius: 22px;
    box-shadow: 0 6px 24px rgba(0, 30, 20, 0.1);
    overflow: hidden;
}
.c-inner-enrol-thumb {
    height: 190px;
    background: linear-gradient(135deg, #f1aa7f 0, #db7e45 60%, var(--main-color) 100%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    position: relative;
}
.c-inner-enrol-thumb .c-inner-play-btn {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.18);
    border: 2px solid rgba(255, 255, 255, 0.35);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    color: #fff;
    cursor: pointer;
    transition:
        background 0.2s,
        transform 0.2s;
}
.l2c-contact-meta a,
.l2c-footer a,
.star-picker .sp {
    transition: color 0.2s;
}
.c-inner-enrol-thumb .c-inner-play-btn:hover {
    background: rgba(255, 255, 255, 0.28);
    transform: scale(1.08);
}
.c-inner-enrol-thumb .c-inner-preview-label {
    font-size: 12px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.65);
}
.c-inner-enrol-thumb .c-inner-thumb-badge {
    position: absolute;
    top: 12px;
    right: 12px;
    background: #e89a00;
    color: #fff;
    font-size: 10.5px;
    font-weight: 800;
    padding: 3px 10px;
    border-radius: 100px;
}
.c-inner-enrol-access-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #ffede3;
    border: 1px solid #ed8241;
    color: #000;
    font-size: 12px;
    font-weight: 700;
    border-radius: 100px;
    padding: 3px 12px;
    margin-bottom: 12px;
}
.c-inner-enrol-headline {
    font-size: 17px;
    font-weight: 800;
    color: #0d1b16;
    margin-bottom: 4px;
}
.c-inner-enrol-sub {
    font-size: 12px;
    margin-bottom: 18px;
}
.c-inner-enrol-label {
    display: block;
    font-size: 11.5px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    color: #566f67;
    margin-bottom: 5px;
}
.c-inner-enrol-select {
    width: 100%;
    padding: 10px 38px 10px 13px;
    font-size: 14px;
    color: #0d1b16;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23566f67' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")
        right 13px center no-repeat #f4f8f7;
    border: 1.5px solid #e8f0ee;
    border-radius: 10px;
    appearance: none;
    cursor: pointer;
    margin-bottom: 14px;
    transition: border-color 0.2s;
}
.c-inner-enrol-select:focus {
    outline: 0;
    border-color: var(--main-color);
}
.c-inner-btn-enrol-primary {
    display: block;
    width: 100%;
    padding: 13px;
    background: #e89a00;
    color: #0d1b16;
    font-size: 15px;
    font-weight: 800;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    text-align: center;
    transition:
        background 0.2s,
        transform 0.2s;
    letter-spacing: -0.01em;
}
.c-inner-btn-enrol-primary:hover {
    background: #ca8800;
    color: #0d1b16;
    transform: translateY(-1px);
}
.c-inner-btn-enrol-secondary {
    display: block;
    width: 100%;
    padding: 11px;
    background: 0 0;
    color: #566f67;
    font-size: 13.5px;
    font-weight: 600;
    border: 1.5px solid #e8f0ee;
    border-radius: 10px;
    cursor: pointer;
    text-align: center;
    margin-top: 8px;
    transition:
        border-color 0.2s,
        color 0.2s;
}
.c-inner-btn-enrol-secondary:hover {
    border-color: #5dd8b8;
    color: #005f4e;
}
.c-inner-enrol-divider {
    border: none;
    border-top: 1px solid #e8f0ee;
    margin: 18px 0;
}
.c-inner-enrol-meta-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 13px;
}
.c-inner-enrol-meta-key {
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 6px;
}
.c-inner-enrol-meta-key .bi,
.c-inner-trust-row .bi {
    color: var(--main-color);
    font-size: 13px;
}
.c-inner-enrol-meta-val {
    font-weight: 700;
    color: #0d1b16;
}
.c-inner-badge-cc {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background: #ffede3;
    color: #000;
    border: 1px solid #d4f5ec;
    font-size: 11px;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 6px;
}
.c-inner-enrol-trust {
    border-top: 1px solid #e8f0ee;
    margin-top: 16px;
    padding-top: 14px;
    display: flex;
    flex-direction: column;
    gap: 7px;
}
.c-inner-trust-row {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 12.5px;
    color: #566f67;
    font-weight: 500;
}
.course-body {
    padding: 52px 0 64px;
}
.content-card {
    background: #fff;
    border: 1px solid #e8f0ee;
    border-radius: 16px;
    padding: 32px 36px;
    margin-bottom: 22px;
    box-shadow: 0 1px 3px rgba(0, 30, 20, 0.06);
    transition: box-shadow 0.2s;
}
.content-card:hover {
    box-shadow: 0 2px 10px rgba(0, 30, 20, 0.08);
}
.content-card ul li li {
    padding-left: 6px;
}
.c-inner-enrol-card .wpcf7 form .wpcf7-response-output {
    margin: 0 0.5em 1em;
}
.content-card .sec-title {
    font-size: 21px;
    font-weight: 800;
    margin-bottom: 22px;
    letter-spacing: -0.02em;
    display: flex;
    align-items: center;
    gap: 10px;
}
.content-card .sec-title-icon {
    width: 36px;
    height: 36px;
    background: #ffede3;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    font-size: 17px;
    flex-shrink: 0;
}
.about-body {
    font-size: 15px;
    color: #566f67;
    line-height: 1.8;
}
.about-pullquote {
    border-left: 4px solid var(--main-color);
    background: #ffede3;
    border-radius: 0 10px 10px 0;
    padding: 16px 22px;
    font-size: 15px;
    font-weight: 600;
    font-style: italic;
    color: #000;
    margin: 22px 0;
    line-height: 1.65;
}
.outcomes-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}
.outcome-card {
    display: flex;
    gap: 14px;
    align-items: flex-start;
    background: #fffcfa;
    border: 1px solid #e8f0ee;
    border-radius: 10px;
    padding: 16px;
    transition:
        border-color 0.2s,
        box-shadow 0.2s;
}
.outcome-card:hover {
    border-color: var(--main-color);
    box-shadow: 0 2px 10px rgba(10, 158, 128, 0.08);
}
.oc-icon {
    width: 38px;
    height: 38px;
    background: #ffede3;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #005f4e;
    font-size: 18px;
    flex-shrink: 0;
}
.oc-text {
    font-size: 14px;
    line-height: 1.55;
    padding-top: 2px;
}
.include-item,
.lesson-row {
    gap: 12px;
    font-size: 13.5px;
}
.curriculum-accordion .card {
    border: 1px solid #e8f0ee !important;
    border-radius: 10px !important;
    margin-bottom: 8px;
    overflow: hidden;
    box-shadow: none;
}
.curriculum-accordion .card-header {
    background: #f4f8f7;
    border: none;
    padding: 0;
}
.curriculum-accordion .card-header button {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    padding: 14px 18px;
    background: 0 0;
    border: none;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    text-align: left;
}
.curriculum-accordion .card-header button .lesson-num {
    width: 28px;
    height: 28px;
    background: #ffede4;
    color: var(--main-color);
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 800;
    flex-shrink: 0;
}
.curriculum-accordion .card-header button .lesson-meta {
    margin-left: auto;
    font-size: 12px;
    font-weight: 600;
    color: #7a9b90;
    display: flex;
    align-items: center;
    gap: 10px;
}
.curriculum-accordion .card-header button .toggle-icon {
    font-size: 18px;
    color: #a8c4bc;
}
.curriculum-accordion .card-header button.collapsed .toggle-icon::before {
    content: "\f282";
    font-family: bootstrap-icons;
}
.curriculum-accordion .card-header button .toggle-icon::before {
    content: "\f286";
    font-family: bootstrap-icons;
}
.curriculum-accordion .card-body {
    padding: 0;
    border-top: 1px solid #e8f0ee;
}
.lesson-row {
    display: flex;
    align-items: center;
    padding: 12px 18px;
    color: #566f67;
    border-bottom: 1px solid #f4f8f7;
}
.lesson-row .bi {
    color: var(--main-color);
    flex-shrink: 0;
    font-size: 15px;
}
.include-item,
.t-av {
    display: flex;
    align-items: center;
}
.lesson-row .lr-dur {
    margin-left: auto;
    font-size: 12px;
    font-weight: 600;
    color: #a8c4bc;
}
.lesson-row .lr-type {
    background: #f4f8f7;
    border: 1px solid #e8f0ee;
    font-size: 11px;
    font-weight: 600;
    border-radius: 100px;
    padding: 1px 8px;
    color: #566f67;
}
.include-item {
    padding: 13px 16px;
    background: #fffcfa;
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    font-weight: 500;
    transition: border-color 0.2s;
}
.include-item .bi {
    font-size: 20px;
    color: var(--main-color);
    flex-shrink: 0;
}
.skill-chip {
    background: #fff5f0;
    color: #000;
    border: 1px solid #ffede4;
    border-radius: 100px;
    padding: 5px 14px;
    font-size: 13px;
    font-weight: 600;
    transition: background 0.2s;
}
.skill-chip:hover {
    background: #d4f5ec;
}
.testimonial-card {
    background: #fff5f0;
    border: 1px solid #d4f5ec;
    border-radius: 22px;
    padding: 30px 34px;
    position: relative;
}
.t-quote-mark {
    font-size: 72px;
    font-weight: 900;
    color: #ed804a82;
    line-height: 0.75;
    font-family: Georgia, serif;
    margin-bottom: 8px;
}
.t-body {
    font-size: 16.5px;
    font-style: italic;
    font-weight: 500;
    color: #000;
    line-height: 1.72;
    margin-bottom: 22px;
}
.t-av {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: var(--main-color);
    justify-content: center;
    font-size: 15px;
    font-weight: 800;
    color: #fff;
    flex-shrink: 0;
}
.t-av-name {
    font-size: 14px;
    font-weight: 700;
    color: #003d35;
}
.review-big .rval,
.stat-num {
    font-weight: 900;
    line-height: 1;
}
.t-av-role {
    font-size: 12.5px;
    color: #404040;
}
.t-stars {
    color: #f0b429;
    font-size: 14px;
    margin-bottom: 2px;
    letter-spacing: 1px;
}
.stats-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0;
    background: #fff;
    border: 1px solid #e8f0ee;
    border-radius: 16px;
    overflow: hidden;
}
.stat-block {
    text-align: center;
    padding: 28px 16px;
    border-right: 1px solid #e8f0ee;
}
.stat-num {
    font-size: 34px;
    color: var(--main-color);
    margin-bottom: 6px;
    letter-spacing: -0.02em;
}
.stat-lbl {
    font-size: 11.5px;
    font-weight: 600;
    color: #566f67;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    line-height: 1.4;
}
.review-summary-wrap {
    display: flex;
    gap: 28px;
    align-items: center;
    background: #f4f8f7;
    border: 1px solid #e8f0ee;
    border-radius: 16px;
    padding: 22px 26px;
    margin-bottom: 22px;
}
.review-big {
    text-align: center;
    flex-shrink: 0;
}
.review-big .rval {
    font-size: 54px;
}
.review-big .rstars {
    font-size: 18px;
    color: #f0b429;
    margin: 4px 0;
}
.rc-info span,
.review-big .rct {
    font-size: 12px;
    color: #7a9b90;
}
.rbar-row {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 12.5px;
    margin-bottom: 5px;
}
.rbar-lbl {
    width: 36px;
    color: #7a9b90;
    font-weight: 600;
    flex-shrink: 0;
}
.rbar-track {
    flex: 1;
    height: 7px;
    background: #e8f0ee;
    border-radius: 100px;
    overflow: hidden;
}
.rbar-fill {
    height: 100%;
    background: #f0b429;
    border-radius: 100px;
}
.rbar-pct {
    width: 30px;
    font-size: 12px;
    color: #7a9b90;
    text-align: right;
    flex-shrink: 0;
}
.rc-av,
.rc-head {
    align-items: center;
    display: flex;
}
.review-card-item {
    border: 1px solid #e8f0ee;
    border-radius: 16px;
    padding: 20px 24px;
    margin-bottom: 14px;
    background: #fff;
}
.rc-head {
    gap: 12px;
    margin-bottom: 10px;
}
.rc-av {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    justify-content: center;
    font-size: 15px;
    font-weight: 800;
    color: #fff;
    flex-shrink: 0;
}
.rc-stars,
.star-picker .sp.lit {
    color: #f0b429;
}
.rc-info strong {
    font-size: 14px;
    display: block;
}
.rc-stars {
    margin-left: auto;
    font-size: 14px;
}
.rc-body {
    font-size: 14px;
    color: #566f67;
    line-height: 1.65;
}
.review-form-wrap {
    background: #f4f8f7;
    border: 1px solid #e8f0ee;
    border-radius: 16px;
    padding: 24px;
    margin-top: 24px;
}
.review-form-wrap h5 {
    font-size: 16px;
    font-weight: 800;
    margin-bottom: 16px;
}
.star-picker {
    display: flex;
    gap: 6px;
    font-size: 30px;
    color: #e8f0ee;
    cursor: pointer;
    margin-bottom: 16px;
}
.review-form-wrap .form-control {
    font-size: 13.5px;
    border: 1.5px solid #e8f0ee;
    border-radius: 10px;
    padding: 0.55rem 0.9rem;
    background: #fff;
}
.review-form-wrap .form-control:focus {
    border-color: #0a9e80;
    box-shadow: 0 0 0 3px rgba(10, 158, 128, 0.08);
    outline: 0;
}
.btn-submit-review {
    background: var(--main-color);
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    padding: 0.6rem 1.6rem;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    transition: background 0.2s;
}
.btn-submit-review:hover {
    background: #005f4e;
}
.related-card {
    background: #fff;
    border: 1px solid #e8f0ee;
    border-radius: 16px;
    overflow: hidden;
    display: block;
    height: 100%;
    transition:
        border-color 0.2s,
        box-shadow 0.2s,
        transform 0.2s;
}
.related-card:hover {
    border-color: var(--main-color);
    box-shadow: 0 6px 24px rgba(0, 30, 20, 0.1);
    transform: translateY(-4px);
}
.related-thumb {
    display: block;
    align-items: center;
    justify-content: center;
    font-size: 36px;
    position: relative;
}
.related-thumb img {
    width: 100%;
    height: auto;
}
.related-thumb .rt-label {
    position: absolute;
    bottom: 8px;
    right: 8px;
    background: rgba(0, 0, 0, 0.3);
    color: #fff;
    font-size: 10.5px;
    font-weight: 700;
    padding: 2px 7px;
    border-radius: 100px;
}
.related-tag {
    font-size: 10.5px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--main-color);
    margin-bottom: 6px;
}
.related-name {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 7px;
    min-height: 39px;
}
.related-meta-row {
    font-size: 12px;
    color: #000;
    display: flex;
    align-items: center;
    gap: 10px;
}
.related-footer {
    padding: 10px 18px 14px;
    border-top: 1px solid #f4f8f7;
}
.related-footer a {
    font-size: 13px;
    font-weight: 700;
    color: var(--main-color);
    display: flex;
    align-items: center;
    gap: 6px;
}
.c-inner-hero-section.course-main-outr {
    background: #f6faf8;
    overflow: visible;
}
.c-inner-hero-section.course-main-outr:before {
    left: 0;
    background: #fff;
    right: 0;
    border-bottom: 1px solid #e8f0ee;
    height: 790px;
    width: 100%;
    border-radius: 0;
    top: 0;
}
.related-cours .content-card {
    border: none;
    border-radius: none;
    padding: 0;
    margin-bottom: 0;
    box-shadow: none;
}
.l2c-dot,
.l2c-hero::after,
.l2c-hero::before {
    border-radius: 50%;
    pointer-events: none;
}
.l2c-input:focus,
.l2c-select:focus {
    box-shadow: 0 0 0 3px rgba(237, 127, 65, 0.12);
}
.lp-image {
    width: 19vw;
    margin: auto;
    display: block;
}
.l2c-hero {
    background: #fff5ef;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    padding: 60px 0;
}
.l2c-hero::before {
    content: "";
    position: absolute;
    top: -120px;
    right: -120px;
    width: 520px;
    height: 520px;
    background: radial-gradient(circle, rgba(237, 127, 65, 0.18) 0, transparent 70%);
}
.l2c-hero::after {
    content: "";
    position: absolute;
    bottom: -80px;
    left: -80px;
    width: 380px;
    height: 380px;
    background: radial-gradient(circle, rgb(237 128 74 / 26%) 0, transparent 70%);
}
.l2c-dot {
    position: absolute;
    opacity: 0.08;
}
.l2c-dot-1 {
    width: 200px;
    height: 200px;
    background: #fff;
    top: 10%;
    left: 5%;
}
.l2c-dot-2 {
    width: 100px;
    height: 100px;
    background: var(--main-color);
    bottom: 20%;
    right: 8%;
}
.l2c-hero-left {
    padding-right: 48px;
    animation: 0.65s both fadeInUp;
}
.l2c-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #fff;
    border: 1px solid rgba(237, 127, 65, 0.4);
    color: #000;
    font-size: 0.75rem;
    font-weight: 600;
    padding: 6px 16px;
    border-radius: 50px;
    margin-bottom: 22px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}
.l2c-badge i {
    font-size: 0.7rem;
}
.l2c-hero-headline {
    font-size: 2.75rem;
    font-weight: 800;
    line-height: 1.15;
    margin-bottom: 20px;
    letter-spacing: -0.5px;
}
.l2c-hero-sub {
    font-size: 1.05rem;
    font-weight: 400;
    line-height: 1.7;
    margin-bottom: 30px;
}
.l2c-trust-line {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-bottom: 34px;
}
.l2c-benefits-title,
.l2c-social-proof p {
    margin-bottom: 14px;
    text-transform: uppercase;
}
.l2c-trust-item {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 0.82rem;
    font-weight: 400;
}
.l2c-trust-item i {
    color: var(--main-color);
    font-size: 0.8rem;
    background: rgb(255 228 212);
    width: 22px;
    height: 22px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.l2c-benefits-title {
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 1.5px;
}
.l2c-benefit-item {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
}
.l2c-benefit-item .l2c-benefit-icon {
    width: 32px;
    height: 32px;
    background: rgba(237, 127, 65, 0.15);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--main-color);
    font-size: 0.85rem;
    flex-shrink: 0;
}
.l2c-benefit-item span {
    font-size: 0.88rem;
    font-weight: 400;
}
.l2c-social-proof {
    margin-top: 30px;
    padding-top: 24px;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
}
.l2c-social-proof p {
    font-size: 0.78rem;
    font-weight: 500;
    letter-spacing: 1px;
}
.l2c-avatar-stack .l2c-av {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: 2.5px solid rgba(255, 255, 255, 0.2);
    margin-right: -10px;
    font-size: 0.65rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}
.l2c-av-1 {
    background: #e74c3c;
}
.l2c-av-2 {
    background: #3498db;
}
.l2c-av-3 {
    background: #2ecc71;
}
.l2c-av-4 {
    background: #9b59b6;
}
.l2c-rating-text {
    font-size: 0.8rem;
}
.l2c-stars {
    color: #fbbf24;
    font-size: 0.72rem;
}
.l2c-form-card {
    background: #fff;
    border-radius: 24px;
    padding: 28px 36px 40px;
    position: relative;
    z-index: 2;
    border-top: 3px solid var(--main-color);
    animation: 0.65s 0.15s both fadeInRight;
}
.l2c-form-title {
    font-size: 1.3rem;
    font-weight: 800;
    margin-bottom: 13px;
}
.l2c-form-sub {
    font-size: 0.8rem;
    margin-bottom: 24px;
}
.l2c-input,
.l2c-select {
    padding: 10px 14px;
    font-size: 0.85rem;
    display: block;
    transition: 0.2s;
    width: 100%;
    outline: 0;
}
.l2c-form-group label {
    font-size: 0.76rem;
    font-weight: 600;
    margin-bottom: 5px;
    display: block;
}
.l2c-form-group label span {
    color: var(--main-color);
    position: relative;
    top: -2px;
}
.l2c-input {
    height: 46px;
    border-radius: 10px;
    background: #fafbfc;
    border: 1.5px solid #e8f0ee;
}
.l2c-input:focus {
    border-color: var(--main-color);
    background: #fff;
}
.l2c-input::placeholder {
    color: #b0b8c4;
}
.l2c-select {
    border: 1.5px solid #e8f0ee;
    border-radius: 10px;
    background: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 9L12 15L18 9" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke="currentColor"/></svg>')
        right 14px center no-repeat #fafbfc;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
}
.l2c-select:focus {
    border-color: var(--main-color);
    background-color: #fff;
}
.l2c-radio-label {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.78rem;
    font-weight: 500;
    cursor: pointer;
    padding: 6px 12px;
    border-radius: 8px;
    transition: 0.2s;
    background: #fafbfc;
}
.l2c-radio-label:hover,
.l2c-radio-pill:hover {
    border-color: var(--main-color);
    background: var(--light-orange);
}
.l2c-radio-label input[type="radio"]:checked + .l2c-radio-label,
.l2c-radio-label.active,
.l2c-radio-option input[type="radio"]:checked ~ .l2c-radio-pill {
    border-color: var(--main-color);
    background: var(--light-orange);
    color: var(--main-color);
    font-weight: 600;
}
.l2c-cta-btn {
    width: 100%;
    background: var(--main-color) !important;
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
    border: none;
    border-radius: 12px;
    padding: 14px 24px;
    margin-top: 8px;
    cursor: pointer;
    transition: 0.25s;
    box-shadow: 0 6px 20px rgba(237, 127, 65, 0.35);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    letter-spacing: 0.2px;
}
.l2c-cta-btn:hover {
    background: #d9632c;
    box-shadow: 0 8px 28px rgba(237, 127, 65, 0.45);
    transform: translateY(-2px);
}
.l2c-cta-btn:active {
    transform: translateY(0);
}
.l2c-cta-btn i,
.l2c-faq-header p {
    font-size: 0.9rem;
}
.l2c-microcopy {
    text-align: center;
    font-size: 0.74rem;
    margin-top: 10px;
}
.l2c-microcopy i {
    color: #4ade80;
    margin-right: 4px;
}
.l2c-sixty-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(237, 127, 65, 0.1);
    border: 1.5px solid rgba(237, 127, 65, 0.25);
    border-radius: 50px;
    padding: 8px 18px;
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--main-color);
    text-align: left;
}
.l2c-trust-bar {
    background: #fff;
    padding: 18px 0;
}
.l2c-trust-bar-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px;
}
.l2c-trust-bar-label {
    font-size: 0.65rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-right: 8px;
}
.l2c-agency-pill {
    background: #f3f4f6;
    border-radius: 50px;
    padding: 5px 14px;
    font-size: 0.74rem;
    font-weight: 600;
    color: #374151;
}
.l2c-faq {
    background: #f8fafc;
    padding: 64px 0;
}
.l2c-faq-header {
    text-align: center;
    margin-bottom: 36px;
}
.l2c-faq-header h2 {
    font-size: 1.7rem;
    font-weight: 800;
    margin-bottom: 8px;
}
.l2c-faq-card {
    background: #fff;
    border-radius: 14px;
    overflow: hidden;
    margin-bottom: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
    transition: box-shadow 0.2s;
}
.l2c-faq-card:hover {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}
.l2c-faq-btn {
    width: 100%;
    background: 0 0;
    border: none;
    padding: 18px 22px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 0.92rem;
    font-weight: 600;
    cursor: pointer;
    text-align: left;
    transition: background 0.2s;
}
.l2c-faq-btn:hover,
.l2c-faq-icon {
    background: var(--light-orange);
}
.l2c-faq-icon {
    width: 28px;
    height: 28px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--main-color);
    font-size: 0.75rem;
    flex-shrink: 0;
    transition:
        transform 0.3s,
        background 0.2s;
    transform: rotate(180deg);
}
.l2c-faq-body {
    padding: 0 22px 18px;
    font-size: 0.87rem;
    line-height: 1.7;
}
.l2c-footer {
    padding: 28px 0;
    text-align: center;
}
.l2c-footer p {
    font-size: 0.78rem;
    color: rgba(255, 255, 255, 0.4);
    margin: 0;
}
.l2c-footer a {
    color: rgba(255, 255, 255, 0.5);
    margin: 0 10px;
    font-size: 0.78rem;
}
.contact-form-card .form-group label {
        display: block;
    }
    .contact-form-card .wpcf7-radio {
        display: flex;
        gap: 7px 11px;
        flex-wrap: wrap;
    }
    .contact-form-card .wpcf7-radio .wpcf7-list-item{margin: 0;}
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(24px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translateX(24px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}
.l2c-badge {
    animation: 0.5s both fadeInUp;
}
@media (max-width: 991px) {
    .l2c-mega-backdrop,
    .l2c-mega-panel,
    .navbar-actions {
        display: none !important;
    }
    .plat-features-section {
        padding: 60px 5%;
    }
    .plat-feature-row {
        padding: 48px 0;
    }
    .plat-feature-row .order-md-1 {
        order: 1 !important;
    }
    .plat-feature-row .order-md-2 {
        order: 2 !important;
    }
    .plat-cta-banner {
        padding: 48px 28px;
    }
    .catalog-sidebar {
        display: none;
    }
    .catalog-main {
        padding: 20px 16px;
    }
    .promo-banner {
        flex-direction: column;
        text-align: center;
    }
    .catalog-hero-stats {
        justify-content: center;
    }
    .l2c-hero {
        padding: 35px 0 !important;
    }
    .l2c-hero-left {
        padding-right: 0;
        margin-bottom: 5px;
    }
    .l2c-hero-headline {
        font-size: 2.1rem;
    }
    .l2c-form-card {
        padding: 30px 24px;
    }
}
@media (max-width: 575px) {
    .includes-grid,
    .outcomes-grid,
    .tpl-grid {
        grid-template-columns: 1fr;
    }
    .l2c-hero-headline {
        font-size: 26px;
        margin-bottom: 10px;
    }
    .l2c-hero-sub {
        margin-bottom: 15px;
        font-size: 16px;
    }
    .l2c-trust-line {
        flex-direction: column;
        gap: 10px;
        margin-bottom: 20px;
    }
    .l2c-benefits-title {
        margin-bottom: 7px;
    }
    .l2c-benefit-item {
        margin-bottom: 9px;
    }
    .l2c-badge {
        font-size: 10px;
        margin-bottom: 15px;
        display: none;
    }
}
.l2c-contact-meta a,
.l2c-radio-pill {
    display: inline-flex;
    align-items: center;
}
.l2c-radio-option input[type="radio"] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}
.l2c-radio-pill {
    gap: 5px;
    font-size: 0.78rem;
    font-weight: 500;
    cursor: pointer;
    padding: 6px 13px;
    border-radius: 8px;
    transition: 0.2s;
    background: #fafbfc;
    user-select: none;
}
.l2c-contact-meta a {
    gap: 9px;
    font-size: 0.9rem;
    font-weight: 600;
    color: #1e1e1e;
}
.lms-avatar,
.lms-path-icon {
    align-items: center;
    display: flex;
}
.l2c-contact-meta a i {
    color: #ff7b1c;
    font-size: 0.9rem;
    width: 18px;
}
.page-id-1129 .state-feat-stat {
    max-width: 287px;
}
.lms-card {
    background: #fff;
    border-radius: 20px 20px 0 0;
    box-shadow: 0 -16px 56px rgb(0 0 0 / 10%);
    padding: 20px;
    border: 1.5px solid #eef1f6;
    border-bottom: none;
    position: relative;
}
.lms-avatar {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: #fef3ec;
    justify-content: center;
    font-size: 13px;
    font-weight: 700;
    color: #d4682e;
    flex-shrink: 0;
}
.lms-stat-box {
    background: #f7f9fc;
    border-radius: 8px;
    padding: 10px;
    text-align: center;
}
.lms-stat-n {
    font-size: 18px;
    font-weight: 700;
    color: #111d33;
}
.lms-stat-l {
    font-size: 10px;
    color: #8e97ab;
    margin-top: 2px;
}
.lms-prog-label {
    display: flex;
    justify-content: space-between;
    font-size: 11px;
    color: #4a5568;
    margin-bottom: 4px;
}
.lms-path-sub,
.lms-prog-label strong {
    color: #d4682e;
}
.lms-path {
    background: #fef3ec;
    border: 1px solid #f9cdb0;
    border-radius: 10px;
    padding: 10px 12px;
    margin-top: 8px;
}
.lms-path-icon {
    width: 28px;
    height: 28px;
    border-radius: 8px;
    background: #ed7f41;
    justify-content: center;
    flex-shrink: 0;
}
.lms-path-title {
    font-size: 12px;
    font-weight: 600;
    color: #d4682e;
}
.lms-path-sub {
    font-size: 10px;
    opacity: 0.7;
}
.float-badge-a,
.float-badge-b {
    position: absolute;
    font-size: 11px;
    border-radius: 100px;
    box-shadow: 0 4px 16px rgba(28, 43, 74, 0.1);
}
.float-badge-a {
    top: 28px;
    right: 32px;
    background: #ed7f41;
    color: #fff;
    font-weight: 700;
    padding: 7px 14px;
    white-space: nowrap;
}
.float-badge-b {
    bottom: 60px;
    left: -26px;
    background: #fff;
    color: #111d33;
    font-weight: 600;
    padding: 8px 14px;
    display: flex;
    align-items: center;
    gap: 6px;
    border: 1px solid #eef1f6;
}
.fdot,
.lead-fdot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #ed7f41;
}
.apart-card {
    border-radius: 14px;
    padding: 32px 26px;
    height: 100%;
    position: relative;
}
.ac-what {
    background: #fef3ec;
    border: 1px solid #f9cdb0;
}
.ac-how {
    background: #111d33;
    border: 1px solid rgba(255, 255, 255, 0.07);
}
.ac-why {
    background: #f7f9fc;
    border: 1px solid #d8dde8;
}
.ac-tag {
    position: absolute;
    top: -15px;
    display: inline-block;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    padding: 4px 12px;
    border-radius: 100px;
    margin-bottom: 16px;
}
.bd-label,
.bd-row,
.ben-dark,
.career-card,
.state-section {
    position: relative;
}
.ac-what .ac-tag {
    background: rgb(237 127 65);
    color: #fff;
}
.ac-how .ac-tag {
    background: rgb(110 110 110);
    color: #fff;
}
.ac-why .ac-tag {
    background: #eef1f6;
    color: #4a5568;
}
.ac-title {
    font-size: 19px;
    font-weight: 700;
    margin-bottom: 10px;
}
.curr-title,
.netwrk-strp,
.srb-title,
.srb-val {
    font-weight: 600;
}
.ac-what .ac-title,
.ac-why .ac-title {
    color: #111d33;
}
.ac-desc {
    font-size: 14px;
    line-height: 1.72;
}
.tab-nav-custom {
    border-bottom: 2px solid #eef1f6;
    margin-bottom: 28px;
    justify-content: center;
}
.tab-nav-custom .nav-link {
    font-size: 14px;
    font-weight: 600;
    color: #000;
    border: none;
    border-bottom: 2px solid transparent;
    margin-bottom: -2px;
    padding: 12px 22px;
    background: 0 0;
    transition:
        color 0.2s,
        border-color 0.2s;
    border-radius: 0;
}
.tab-btn.active,
.tab-nav-custom .nav-link.active {
    color: var(--main-color);
    border-bottom-color: var(--main-color);
}
.curr-card {
    background: #fff;
    border: 1px solid #d8dde8;
    border-radius: 14px;
    padding: 22px;
    height: 100%;
}
.curr-icon {
    color: var(--main-color);
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: #fef3ec;
    border: 1px solid #f9cdb0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    margin-bottom: 12px;
}
.curr-title {
    font-size: 15px;
    color: #111d33;
    margin-bottom: 8px;
}
.curr-topics li {
    align-items: center;
    font-size: 13px;
    color: #000;
    padding: 4px 0;
    border-bottom: 1px solid #eef1f6;
    display: flex;
    gap: 7px;
}
.netwrk-strp {
    padding: 25px;
    background: #fff2eb;
    border-left: 6px solid var(--main-color);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    border-radius: 0 15px 15px 0;
}
.state-section,
.state-select-input option {
    background: #111d33;
}
.netwrk-strp .icon {
    color: var(--main-color);
    font-size: 27px;
}
.state-section {
    padding: 72px 0;
    overflow: hidden;
}
.state-section::before {
    content: "";
    position: absolute;
    top: -80px;
    right: -80px;
    width: 320px;
    height: 320px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(237, 127, 65, 0.1) 0, transparent 70%);
}
.state-section .sec-sub {
    color: rgba(255, 255, 255, 0.52);
    margin-bottom: 24px;
}
.state-select-input {
    width: 100%;
    padding: 13px 15px;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.15);
    background: rgba(255, 255, 255, 0.06);
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    appearance: none;
    outline: 0;
}
.state-req-box {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 14px;
    padding: 22px;
    margin-top: 14px;
    display: none;
}
.srb-title {
    font-size: 14px;
    color: #fff;
    margin-bottom: 10px;
}
.bd-label,
.sv-label {
    margin-bottom: 16px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}
.srb-row {
    display: flex;
    justify-content: space-between;
    font-size: 13px;
    color: rgba(255, 255, 255, 0.55);
    padding: 7px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
.bd-check,
.sv-row {
    align-items: center;
}
.srb-val {
    color: #ed7f41;
}
.state-visual {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 20px;
    padding: 26px;
}
.bd-row,
.sv-row {
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    display: flex;
}
.sv-label {
    font-size: 11px;
    font-weight: 700;
    color: #fff;
}
.sv-row {
    justify-content: space-between;
    padding: 11px 0;
}
.sv-state {
    min-width: 100px;
    font-size: 13px;
    color: rgba(255, 255, 255, 0.7);
    font-weight: 500;
}
.sv-hrs {
    font-size: 12px;
    font-weight: 600;
    color: #ed7f41;
}
.sv-badge {
    font-size: 11px;
    padding: 3px 9px;
    border-radius: 100px;
    background: rgba(237, 127, 65, 0.15);
    color: #ed7f41;
}
.ben-dark {
    background: #ffede3;
    border-radius: 20px;
    padding: 32px;
    overflow: hidden;
}
.ben-dark::before {
    content: "";
    position: absolute;
    top: -56px;
    right: -56px;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(237, 127, 65, 0.14) 0, transparent 70%);
}
.bd-label {
    font-size: 11px;
    font-weight: 700;
    color: #000;
    z-index: 1;
}
.bd-row {
    align-items: flex-start;
    gap: 12px;
    padding: 7px 0;
    z-index: 1;
}
.bd-check {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: rgba(237, 127, 65, 0.14);
    border: 1px solid rgba(237, 127, 65, 0.3);
    display: flex;
    justify-content: center;
    flex-shrink: 0;
    margin-top: 1px;
}
.bd-txt strong {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #000;
    margin-bottom: 2px;
}
.bd-txt span {
    font-size: 13px;
    color: #000;
    line-height: 1.55;
}
@media (min-width: 768px) and (max-width: 992px) {
    .tab-nav-custom .nav-link {
        font-size: 12px;
        padding: 12px 5px;
    }
}
.product-strip {
    background: #1c2b4a;
    padding: 10px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.product-strip .label-txt {
    font-size: 11px;
    color: rgba(255, 255, 255, 0.3);
    text-transform: uppercase;
    letter-spacing: 0.06em;
}
.ppill {
    padding: 5px 14px;
    border-radius: 100px;
    font-size: 12px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: 0.2s;
    display: inline-block;
}
.ppill:hover {
    color: #fff;
    border-color: rgba(255, 255, 255, 0.3);
}
.ppill.on {
    background: #ed7f41;
    color: #fff;
    border-color: #ed7f41;
    font-weight: 600;
}
.career-card {
    background: #fff;
    border-radius: 20px 20px 0 0;
    box-shadow: 0 -16px 56px rgb(0 0 0 / 10%);
    padding: 22px;
    border: 1.5px solid #eef1f6;
    border-bottom: none;
}
.cc-prog,
.cc-step {
    border-radius: 10px;
}
.cc-head-label {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #000;
    margin-bottom: 14px;
}
.cc-step {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 12px;
    margin-bottom: 8px;
}
.cc-step.done {
    background: #fef3ec;
}
.cc-step.active {
    background: #d1f5e6;
    box-shadow: 0 4px 14px #d1f5e6;
}
.done .cc-step-icon,
.ls-step:first-child .ls-badge,
.ls-step:first-child .ls-num {
    background: rgba(237, 127, 65, 0.15);
}
.active .cc-step-icon {
    background: rgba(255, 255, 255, 0.2);
}
.upcoming .cc-step-icon {
    background: #d8dde8;
}
.active .cc-step-sub,
.active .cc-step-title {
    color: #515151;
}
.cc-step-sub {
    font-size: 11px;
    margin-top: 1px;
}
.done .cc-step-sub {
    color: #ed7f41;
    opacity: 0.7;
}
.cc-prog {
    margin-top: 14px;
    background: #eef1f6;
    padding: 12px;
}
.cc-prog-label {
    display: flex;
    justify-content: space-between;
    font-size: 11px;
    color: #4a5568;
    margin-bottom: 6px;
}
.progress {
    height: 6px;
    border-radius: 3px;
    background: #d8dde8;
}
.lead-float-badge-a,
.lead-float-badge-b {
    font-size: 11px;
    border-radius: 100px;
    box-shadow: 0 4px 16px rgba(28, 43, 74, 0.1);
    position: absolute;
}
.progress-bar-purple {
    background: linear-gradient(90deg, #ed7f41, #ed7f41);
}
.lead-float-badge-a {
    top: 28px;
    right: 52px;
    background: #ed7f41;
    color: #fff;
    font-weight: 700;
    padding: 7px 14px;
    white-space: nowrap;
}
.lead-float-badge-b {
    bottom: 77px;
    left: -56px;
    background: #fff;
    color: #111d33;
    font-weight: 600;
    padding: 8px 14px;
    display: flex;
    align-items: center;
    gap: 6px;
    border: 1px solid #eef1f6;
}
.who-card {
    background: #fff;
    border: 1px solid #d8dde8;
    border-radius: 14px;
    padding: 28px;
    height: 100%;
    transition:
        box-shadow 0.2s,
        transform 0.2s,
        border-color 0.2s;
}
.who-icon,
.wtag {
    background: #fef3ec;
}
.who-card:hover {
    box-shadow: 0 4px 16px rgba(28, 43, 74, 0.1);
    border-color: #f9cdb0;
    transform: translateY(-3px);
}
.who-icon {
    color: var(--main-color);
    width: 52px;
    height: 52px;
    border-radius: 14px;
    border: 1px solid #f9cdb0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    margin-bottom: 16px;
}
.who-title {
    font-size: 17px;
    font-weight: 600;
    color: #111d33;
    margin-bottom: 10px;
}
.prof-feat-desc,
.who-desc {
    font-size: 14px;
    color: #000;
    line-height: 1.72;
}
.wtag {
    font-size: 11px;
    color: #ed7f41;
    border-radius: 4px;
    padding: 3px 9px;
    font-weight: 500;
    display: inline-block;
    margin: 2px;
}
.curr-topics li::before {
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #ed7f41;
    flex-shrink: 0;
}
.ladder-section {
    background: #111d33;
    padding: 80px 0;
    position: relative;
    overflow: hidden;
}
.ladder-section::before {
    content: "";
    position: absolute;
    top: -80px;
    right: -80px;
    width: 360px;
    height: 360px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(237, 127, 65, 0.14) 0, transparent 70%);
}
.ladder-section::after {
    content: "";
    position: absolute;
    bottom: -60px;
    left: -60px;
    width: 240px;
    height: 240px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(237, 127, 65, 0.09) 0, transparent 70%);
}
.ladder-section .sec-sub {
    color: rgba(255, 255, 255, 0.52);
    margin-bottom: 28px;
}
.ls-step {
    display: flex;
    gap: 18px;
    align-items: flex-start;
    position: relative;
    margin-bottom: 8px;
}
.ls-step:not(:last-child)::after {
    content: "";
    position: absolute;
    left: 19px;
    top: 44px;
    width: 2px;
    bottom: -8px;
    background: linear-gradient(to bottom, rgba(237, 127, 65, 0.3), rgba(237, 127, 65, 0.05));
}
.ls-num {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 2px solid;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 700;
    flex-shrink: 0;
    z-index: 1;
}
.ls-step:first-child .ls-num {
    border-color: rgba(237, 127, 65, 0.4);
    color: #ed7f41;
}
.ls-step:nth-child(2) .ls-num {
    background: rgba(237, 127, 65, 0.2);
    border-color: rgba(237, 127, 65, 0.5);
    color: #ed7f41;
}
.ls-step:nth-child(3) .ls-num {
    background: rgba(237, 127, 65, 0.25);
    border-color: #ed7f41;
    color: #ed7f41;
}
.ls-step:nth-child(4) .ls-num {
    background: #ed7f41;
    border-color: #ed7f41;
    color: #fff;
}
.ls-body {
    padding-bottom: 28px;
    flex: 1;
}
.ls-title {
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 5px;
}
.ls-desc {
    font-size: 13px;
    color: #fff;
    line-height: 1.6;
}
.ls-badge {
    display: inline-block;
    font-size: 11px;
    font-weight: 600;
    padding: 3px 10px;
    border-radius: 100px;
    margin-top: 8px;
}
.ls-step:first-child .ls-badge {
    color: #ed7f41;
}
.ls-step:nth-child(2) .ls-badge {
    background: rgba(237, 127, 65, 0.12);
    color: #ed7f41;
}
.ls-step:nth-child(3) .ls-badge {
    background: rgba(237, 127, 65, 0.2);
    color: #ed7f41;
}
@media screen and (max-width: 991px) {
    .lead-float-badge-a,
    .lead-float-badge-b {
        display: none;
    }
}
.hero-visual {
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.phone-frame {
    background: #f6f6f6;
    border-radius: 36px 36px 0 0;
    border: 2px solid rgba(255, 255, 255, 0.1);
    border-bottom: none;
    padding: 0 10px;
    box-shadow: 0 -16px 56px rgb(0 0 0 / 10%);
    position: relative;
}
.phone-notch {
    width: 80px;
    height: 20px;
    background: #111d33;
    border-radius: 0 0 14px 14px;
    margin: 0 auto 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.phone-notch::after {
    content: "";
    width: 40px;
    height: 4px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 2px;
}
.phone-screen {
    background: #fff;
    border-radius: 20px 20px 0 0;
    padding: 16px;
    min-height: 340px;
}
.ps-search {
    background: #eef1f6;
    border-radius: 10px;
    padding: 10px 14px;
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;
}
.ps-search-icon {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}
.ps-video-card,
.ps-video-thumb {
    display: flex;
    align-items: center;
}
.ps-search-text {
    font-size: 13px;
    color: #8e97ab;
}
.ps-search-text span {
    color: #1e2a3b;
    font-weight: 500;
}
.ps-label {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #8e97ab;
    margin-bottom: 10px;
}
.ps-video-card {
    background: #fff;
    border: 1px solid #d8dde8;
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 10px;
}
.ps-video-thumb {
    width: 72px;
    height: 54px;
    background: linear-gradient(135deg, #fef0e7, #fbcfb0);
    justify-content: center;
    flex-shrink: 0;
}
.just-float-chip2,
.play-btn {
    display: flex;
    align-items: center;
}
.play-btn {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #ed7f41;
    justify-content: center;
}
.play-btn svg {
    width: 10px;
    height: 10px;
    margin-left: 2px;
}
.ps-video-info {
    padding: 8px 10px;
    flex: 1;
}
.ps-video-title {
    font-size: 12px;
    font-weight: 600;
    color: #111d33;
    margin-bottom: 3px;
    line-height: 1.3;
}
.ps-video-meta {
    font-size: 10px;
    color: #8e97ab;
}
.ps-video-card.active {
    border-color: #ed7f41;
    background: #fef0e7;
}
.ps-video-card.active .ps-video-title {
    color: #c9621c;
}
.ps-playing {
    background: #111d33;
    border-radius: 12px;
    padding: 12px;
    margin-top: 4px;
}
.ps-playing-label {
    font-size: 10px;
    color: rgba(255, 255, 255, 0.4);
    margin-bottom: 6px;
}
.ps-playing-title {
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 10px;
}
.ps-progress-track {
    height: 4px;
    background: rgba(255, 255, 255, 0.15);
    border-radius: 2px;
    margin-bottom: 6px;
}
.ps-progress-fill {
    height: 100%;
    width: 35%;
    border-radius: 2px;
    background: #ed7f41;
}
.just-float-chip,
.just-float-chip2 {
    padding: 8px 14px;
    border-radius: 100px;
    box-shadow: 0 4px 16px rgba(28, 43, 74, 0.1);
    position: absolute;
}
.ps-time {
    display: flex;
    justify-content: space-between;
    font-size: 10px;
    color: rgba(255, 255, 255, 0.4);
}
.cre-dash-prog-left h3,
.just-float-chip,
.just-float-chip2 {
    font-size: 12px;
    font-weight: 600;
}
.just-float-chip {
    top: 20px;
    right: -98px;
    background: #ed7f41;
    color: #fff;
    white-space: nowrap;
}
.just-float-chip2 {
    bottom: 80px;
    left: -153px;
    background: #fff;
    color: #111d33;
    gap: 6px;
}
.illinois-innr-card,
.l2c-ai-widget {
    box-shadow: 0 4px 24px rgba(13, 27, 62, 0.1);
}
.just-chip-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #ed7f41;
    display: inline-block;
}
.usecase-card {
    background: rgba(255, 255, 255, 0.04);
    border-radius: 16px;
    padding: 18px;
    border: 1px solid rgba(255, 255, 255, 0.06);
    transition:
        border-color 0.2s,
        background 0.2s;
    height: 100%;
}
.usecase-card:hover {
    border-color: rgba(237, 127, 65, 0.3);
    background: #3a3a3a;
}
.uc-icon {
    font-size: 24px;
    margin-bottom: 12px;
}
.uc-title {
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 8px;
}
.uc-desc {
    font-size: 14px;
    color: #fff;
    line-height: 1.6;
}
@media screen and (max-width: 767px) {
    .just-float-chip,
    .just-float-chip2 {
        display: none;
    }
}
.cre-dash-progress-card {
    background: linear-gradient(135deg, #fff8f5 0, #fff 60%);
    border: 1px solid #f0e0d6;
    border-radius: 16px;
    padding: 12px;
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 12px;
}
.cre-dash-prog-left h3 {
    color: #1a1a2e;
    margin-bottom: 3px;
}
.cre-dash-prog-left p {
    font-size: 9px;
    color: #000;
    line-height: 1.2;
}
.cre-dash-circle-wrap {
    position: relative;
    width: 90px;
    height: 90px;
    margin: 12px 0;
}
.cre-dash-circle-wrap svg {
    transform: rotate(-90deg);
}
.cre-dash-circle-bg {
    fill: none;
    stroke: #f0ebe8;
    stroke-width: 9;
}
.cer-strp-title svg,
.cre-dash-circle-fg {
    stroke: var(--main-color);
}
.cre-dash-circle-fg {
    fill: none;
    stroke-width: 9;
    stroke-linecap: round;
    stroke-dasharray: 245;
    stroke-dashoffset: 204;
}
.cre-dash-circle-pct {
    font-size: 18px;
    font-weight: 700;
    color: #1a1a2e;
    line-height: 1;
}
.cre-dash-circle-desc {
    font-size: 10px;
    color: #999;
    margin-top: 1px;
}
.cre-dash-stats {
    display: flex;
    gap: 6px;
    flex: 1;
}
.cre-dash-stat-card {
    flex: 1;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 12px;
    padding: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
}
.cre-dash-stat-icon {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cre-dash-dl-btn:hover,
.cre-dash-stat-icon.orange {
    background: #fef0e8;
}
.cre-dash-stat-icon.green {
    background: #eafaf3;
}
.cre-dash-stat-icon.amber {
    background: #fff8ec;
}
.cre-dash-stat-val {
    font-size: 13px;
    font-weight: 600;
    color: #1a1a2e;
}
.cre-dash-stat-lbl {
    font-size: 9px;
    color: #000;
    text-align: center;
    font-weight: 300;
}
.cre-dash-section-card,
.mini-card {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 14px;
    padding: 10px;
}
.cre-dash-cert-item,
.cre-dash-course-item {
    padding: 10px 0;
    border-bottom: 1px solid #f5f5f5;
    display: flex;
}
.cre-dash-section-title {
    font-size: 11px;
    font-weight: 600;
    color: #1a1a2e;
}
.cre-dash-view-all {
    font-size: 9px;
    color: #e05a1e;
    font-weight: 500;
}
.cre-dash-course-item {
    align-items: center;
    gap: 8px;
}
.cre-dash-course-thumb {
    width: 46px;
    height: 40px;
    border-radius: 8px;
    flex-shrink: 0;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cre-dash-course-name {
    font-size: 11px;
    font-weight: 500;
    color: #1a1a2e;
    margin-bottom: 4px;
}
.cre-dash-course-dur,
.cre-dash-prog-pct {
    font-size: 9px;
    color: #aaa;
}
.cre-dash-course-dur {
    margin-right: 10px;
    display: flex;
    align-items: center;
    gap: 3px;
}
.cre-dash-prog-bar {
    height: 4px;
    background: #f0f0f0;
    border-radius: 2px;
    overflow: hidden;
}
.cre-dash-prog-fill {
    height: 100%;
    border-radius: 2px;
}
.cre-dash-prog-fill.gray {
    background: #ddd;
}
.cre-dash-cert-item {
    align-items: center;
    gap: 12px;
}
.cre-dash-cert-name {
    font-size: 11px;
    font-weight: 500;
    color: #1a1a2e;
}
.cre-dash-cert-date {
    font-size: 11px;
    color: #aaa;
    margin-top: 2px;
    display: flex;
    align-items: center;
    gap: 3px;
}
.cre-dash-dl-btn {
    border: 1px solid #e05a1e;
    color: #e05a1e;
    background: 0 0;
    border-radius: 20px;
    padding: 5px 10px;
    font-size: 8px;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 4px;
    white-space: nowrap;
    pointer-events: none;
}
.state-iner-accordian {
    max-width: 100%;
}
.state-iner-accordian .accordion {
    display: grid;
    grid-template-columns: 2fr 2fr;
    gap: 25px 25px;
}
.state-iner-accordian .accordion .card:last-child:nth-child(odd),
.state-iner-accordian .accordion .card:nth-child(10),
.state-iner-accordian .accordion .card:nth-child(9) {
    grid-column: 1/-1;
}
.state-iner-accordian .card {
    border: 1px solid #ddd;
    border-radius: 15px !important;
    padding: 1rem !important;
    border-bottom: 1px solid #d7d7d7 !important;
}
.faq-wrapper .card-header button,
.state-iner-accordian .accordion .card-title {
    background: 0 0;
    color: #000;
    pointer-events: none;
    padding: 8px 0 0;
}
.state-iner-accordian .accordion .card-body {
    padding: 8px 0 0;
}
.state-iner-accordian.faq-wrapper {
    border: none;
}
.state-map-sec .note-box {
    color: #585858;
    padding: 12px;
}
.state-supprt {
    gap: 18px;
    position: absolute;
    bottom: 0px;
    right: 10px;
}
.state-supprt p {
    font-size: 14px;
    /* margin-top: 12px; */
    margin-bottom: 0;
}
.state-supprt p span.frst {
    background: #84d984;
}
.state-supprt p span {
    background: #d8d7d7;
    width: 16px;
    height: 16px;
    display: inline-block;
    border-radius: 70px;
    position: relative;
    top: 2px;
}
.prof-feat-card {
    background: #fff;
    border: 1px solid #d8dde8;
    border-radius: 14px;
    padding: 28px;
    height: 100%;
    transition:
        box-shadow 0.2s,
        transform 0.2s;
}
.prof-feat-num,
.prof-ftag {
    border-radius: 4px;
    display: inline-block;
}
.prof-feat-card:hover {
    box-shadow: 0 4px 16px rgba(28, 43, 74, 0.1);
    transform: translateY(-2px);
}
.prof-feat-num {
    font-size: 11px;
    font-weight: 700;
    color: #d4682e;
    letter-spacing: 0.1em;
    background: #fef3ec;
    padding: 3px 10px;
    margin-bottom: 12px;
}
.prof-feat-title {
    font-size: 16px;
    font-weight: 600;
    color: #111d33;
    margin-bottom: 8px;
}
.prof-ftag {
    font-size: 11px;
    color: #000;
    background: #eef1f6;
    padding: 3px 9px;
    margin: 2px;
}
.request-dmo:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 47%;
    background: var(--main-color);
    content: "";
    height: 100%;
    z-index: 0;
}
.request-dmo h1 {
    color: #fff;
    font-weight: 600;
    margin-bottom: 25px;
    border-left: 6px solid #fff;
    padding-left: 25px;
    font-size: 2rem;
    line-height: 1.5;
}
.request-dmo .contact-form-card .wpcf7-radio{
    display: flex;
    flex-wrap: wrap;
    gap: 7px 12px;
}
.request-dmo .contact-form-card .wpcf7-radio .wpcf7-list-item, .l2c-radio-group .wpcf7-list-item{
    margin: 0;
}
.request-dmo .contact-hero-trust-list li .check-icon {
    background: #fff;
    color: var(--main-color);
}
.contact-form-card.request-dmo-form {
    background: 0 0;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
    border: none;
}
.contact-form-card.request-dmo-form .contact-btn-form-cta {
    padding: 14px 36px;
}
.request-dmo .demo-quote img {
    background: #fff;
    padding: 8px;
    border-radius: 6px;
}
.request-dmo .demo-quote h4 {
    color: #fff;
    font-size: 14px;
    line-height: 1.4;
    font-style: italic;
    margin: 0 0 10px;
    padding-right: 20px;
}
.request-dmo .demo-quote h6 {
    color: #fff;
    margin: 0;
    padding: 0;
    font-size: 15px;
    text-align: left;
    font-weight: 700;
}
.request-dmo .demo-quote i {
    font-size: 40px;
    color: #fff;
    position: relative;
    top: -15px;
}
.rquest-img img {
    max-width: 440px;
    display: inline-block;
    margin: -20px auto auto -30px;
}
.pricing-header .monthly-tab {
    display: none !important;
}
.header-accordian .card .card button {
    font-weight: 400;
    padding: 9px 0;
    background: 0 0;
}
footer .social-links ul li a {
    margin-right: 0 !important;
}
.l2c-category-label {
    font-size: 17px;
    font-weight: 700;
    color: #000;
    margin-bottom: 1rem;
    padding-left: 4px;
}
.l2c-ai-pill,
.l2c-ai-widget .widget-icon {
    align-items: center;
    color: var(--main-color);
}
.l2c-ai-pill,
.licensing-course-box p {
    margin-bottom: 7px;
}
.l2c-ai-widget {
    background: #fff;
    border-radius: 16px;
    padding: 20px;
    border: 1px solid #e2e8f0;
    height: 100%;
    transition: 0.3s;
}
.l2c-ai-widget:hover {
    box-shadow: 0 16px 48px rgba(13, 27, 62, 0.14);
    transform: translateY(-3px);
}
.l2c-ai-widget .widget-icon {
    width: 35px;
    height: 35px;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    font-size: 0.9rem;
    background: rgba(255, 107, 53, 0.1);
    min-width: 35px;
}
.l2c-ai-widget .widget-title {
    font-size: 16px;
    font-weight: 600;
    color: #0d1b3e;
    line-height: 1.4;
    margin-bottom: 8px;
}
.l2c-ai-pill {
    display: inline-flex;
    gap: 5px;
    font-size: 13px;
    margin-left: auto;
    text-align: center;
}
.l2c-certi-dash-header {
    background: rgb(86 86 86 / 6%);
    border-radius: 12px;
    padding: 14px 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.l2c-certi-dash-header span {
    color: #000;
    font-size: 0.8rem;
    font-weight: 600;
}
.l2c-certi-ai-badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    background: linear-gradient(135deg, var(--main-color), #ff8c5a);
    border-radius: 50px;
    padding: 3px 10px;
    color: #fff;
    font-size: 10px;
    letter-spacing: 0.3px;
    text-transform: uppercase;
}
.l2c-certi-cert-mini-card {
    background: rgb(86 86 86 / 6%);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 10px;
    padding: 12px 14px;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    gap: 12px;
    transition: background 0.2s;
}
.l2c-certi-cert-mini-card:hover {
    background: rgb(253 246 242);
}
.l2c-certi-cert-icon-sm {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.9rem;
    flex-shrink: 0;
}
.l2c-certi-cert-mini-card .certi-cert-name {
    color: #000;
    font-size: 0.78rem;
    font-weight: 600;
    line-height: 1.3;
}
.l2c-certi-cert-mini-card .certi-cert-meta {
    color: #5c5c5c;
    font-size: 0.68rem;
    margin-top: 2px;
}
.l2c-certi-prog-bar {
    height: 4px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 4px;
    overflow: hidden;
    margin-top: 4px;
}
.l2c-certi-prog-fill {
    height: 100%;
    border-radius: 4px;
    background: var(--main-color);
    animation: 1.5s forwards fillBar;
}
@keyframes fillBar {
    from {
        width: 0;
    }
}
.l2c-certi-mobile-preview {
    background: rgb(253 246 242);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    padding: 10px 12px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.l2c-certi-mobile-icon {
    width: 32px;
    height: 32px;
    background: linear-gradient(135deg, #00c9b1, #00e5cb);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.85rem;
    color: #fff;
    flex-shrink: 0;
}
.licensing-card,
.licensing-course-box {
    background: #fff;
    border: 1px solid #d8dde8;
    border-radius: 16px;
    padding: 20px;
    position: relative;
    transition:
        box-shadow 0.2s,
        transform 0.2s;
    height: 100%;
}
.licensing-course-box h3 {
    font-weight: 600;
    margin-bottom: 8px;
    font-size: 20px;
    line-height: 1.6;
}
.licensing-course-box ul {
    padding-left: 20px;
}
.licensing-card h6 {
    font-weight: 700;
    margin-bottom: 8px;
    line-height: 1.5;
}
.cer-strp-title {
    background: #fff4ee;
    padding: 13px;
    border-radius: 10px;
    margin-top: 2rem;
    margin-bottom: 1.5rem;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 21px;
    border-left: 6px solid var(--main-color);
    gap: 8px;
    display: flex;
    align-items: center;
}
.illinois-innr-card {
    background: #fff;
    border-radius: 16px;
    border: 1px solid #e2e8f0;
    height: 100%;
    transition: 0.3s;
}
.illinois-innr-titl {
    background: #fff4ee;
    padding: 10px 22px;
    font-size: 18px;
    font-weight: 600;
    border-radius: 16px 16px 0 0;
}
.illness-course-tab {
    border: 1px solid;
    width: fit-content;
    margin: auto auto 30px;
    border-radius: 12px;
    padding: 4px 4px 6px;
}
.illness-course-tab.tab-nav-custom .nav-link.active {
    border-color: var(--main-color);
    background: var(--main-color);
    color: #fff;
    border-radius: 10px;
}
.footer-news .wpcf7-spinner {
    bottom: 13px;
    top: inherit;
    right: 70px;
}
.podcst-fetur h6 {
    margin-bottom: 9px;
    font-size: 15px;
}
.episode-box h2,
.podcst-fetur h2 {
    font-size: 30px;
    margin-bottom: 5px;
}
.l2c-form-card .wpcf7 form .wpcf7-response-output {
    margin: 5px 0 14px;
    padding: 0.2em 8px;
}
.l2c-ai-widget .simple-line-link {
    position: absolute;
    bottom: 20px;
}
.l2c-ai-widget-button .l2c-ai-widget {
    padding-bottom: 55px;
}
.page-template-illionois-inner-page .owl-item:nth-child(7) .state-feat-stat {
    max-width: 390px;
}
.faq-colm {
    column-count: 3;
}
@media screen and (max-width: 992px) {
    .faq-colm {
        column-count: 1;
    }
}
.alpha-strip-main {
    background: rgb(0 0 0);
    position: sticky;
    top: 112px;
    z-index: 1;
}
.alpha-btn,
.glossary-cat-nav-item {
    display: flex;
    background: 0 0;
    cursor: pointer;
}
.alpha-strip {
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0;
    position: relative;
}
.alpha-btn {
    width: 36px;
    height: 36px;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 500;
    color: #fff;
    border: none;
    border-radius: 4px;
    transition: 0.15s;
}
.alpha-btn:hover {
    color: var(--main-color);
    background: rgba(255, 255, 255, 0.12);
}
.glossary-sidebar {
    position: sticky;
    top: 200px;
    /*max-height: calc(100vh - 200px);
    overflow-y: auto;*/
    padding-bottom: 60px;
}
.glossary-sidebar-section {
    margin-bottom: 24px;
    max-height: 390px;
    overflow-y: auto;
}


.glossary-letter-group {
    scroll-margin-top: 200px;
}
[id^="letter-"] {
    scroll-margin-top: 200px;
}


.glossary-sidebar-label {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.09em;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.glossary-cat-nav-item {
    transition: 0.18s;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 400;
    border: none;
    width: 100%;
    text-align: left;
    margin-bottom: 2px;
    color: #000;
    justify-content: space-between;
}
.glossary-cat-nav-item.active,
.glossary-cat-nav-item:hover {
    background: #f1efe8;
}
.glossary-cat-nav-count {
    margin-left: auto;
    font-size: 11px;
    background: #f1efe8;
    padding: 2px 7px;
    border-radius: 100px;
}
.glossary-sidebar-cta {
    background: var(--main-color);
    border-radius: 12px;
    padding: 18px;
}
.glossary-sidebar-cta p {
    font-size: 14px;
    color: #fff;
    font-weight: 300;
    margin-bottom: 12px;
    line-height: 1.6;
}
.glossary-sidebar-cta a {
    display: block;
    text-align: center;
    padding: 9px;
    background: #000;
    color: #fff;
    border-radius: 12px;
    font-size: 15px;
    font-weight: 500;
    transition: background 0.2s;
}
.glossary-sidebar-cta a:hover {
    background: #616161;
}
@media (max-width: 860px) {
    .glossary-sidebar {
        display: none;
    }
}
.flexibility-strip {
    border-radius: 30px;
    padding: 40px 20px;
    background: #ffeee4;
    border: 1px solid var(--main-color);
}
.flexibility-strip p.text-center {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 20px;
}
.flexibility-badges {
    justify-content: center;
    gap: 25px;
}
.spec-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    font-weight: 600;
    transition:
        background 0.15s,
        border-color 0.15s,
        transform 0.1s;
    white-space: nowrap;
    color: #000;
}
.spotlight {
    background: #fff4ee;
    border-radius: 15px;
    padding: 24px 28px;
    margin-bottom: 32px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}
.spotlight-badge {
    border: 1px solid #ed7f41;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    padding: 4px 10px;
    border-radius: 100px;
    display: inline-block;
    margin-bottom: 7px;
}
.roi-highlight .roi-label,
.spotlight-cat {
    letter-spacing: 0.08em;
    text-transform: uppercase;
}
.spotlight-term {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 6px;
}
.spotlight-cat {
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 10px;
}
.spotlight-def {
    font-size: 15px;
    font-weight: 300;
    line-height: 1.75;
    margin-bottom: 0;
}
.letter-header {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 16px;
    padding-bottom: 8px;
    position: relative;
    overflow: hidden;
}
.letter-ghost {
    font-size: 80px;
    font-weight: 400;
    color: #ffebe1;
    line-height: 1;
    user-select: none;
    flex-shrink: 0;
    margin-bottom: -10px;
}
.faq-cat-header,
.faq-cat-icon {
    align-items: center;
    display: flex;
}
.letter-meta h2 {
    font-size: 28px;
    font-weight: 400;
}
.letter-term-count {
    font-size: 12px;
    font-weight: 300;
    margin-bottom: -6px;
}
.glossy-box {
    padding: 20px 18px;
    border: 1px solid rgb(232 232 232);
    border-radius: 12px;
    margin-bottom: 8px;
    box-shadow: 0 2px 14px rgba(0, 0, 0, 0.08);
    border-left: 5px solid var(--main-color);
    transition: 0.3s ease-in-out;
    background: #fff;
}
.glossy-box:hover {
    transform: translateY(-4px);
}
.glossy-box h4 {
    margin-bottom: 10px;
    font-size: 18px;
    color: var(--main-color);
    font-weight: 600;
}
.suggest-section {
    background: #fff4ee;
    border-radius: 15px;
    padding: 24px 28px;
    margin-top: 30px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}
.suggest-form input,
.suggest-form select,
.suggest-form textarea {
    width: 100%;
    font-size: 14px;
    padding: 10px 14px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.07);
    outline: 0;
    transition: border-color 0.2s;
    resize: none;
    margin-bottom: 10px;
    border: 1.5px solid rgb(190 156 138);
}
.suggest-form [type="submit"] {
    font-size: 14px;
    padding: 10px 14px;
    border-radius: 10px;
    background: var(--main-color);
    color: #fff;
    border-color: var(--main-color);
}
.faq-cat-header {
    gap: 12px;
    margin-bottom: 20px;
    padding-bottom: 9px;
    border-bottom: 2px solid #f1efe8;
}
.faq-cat-icon {
    width: 36px;
    height: 36px;
    border-radius: 5px;
    justify-content: center;
    font-size: 17px;
    flex-shrink: 0;
    background: #fef0e7;
}
.faq-cat-header h2 {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 0;
}
.faq-cat-q-count {
    font-size: 12px;
    margin-left: auto;
    font-weight: 300;
}
.faq-page-box .card h4 {
    font-weight: 600;
    font-size: 17px;
    margin-bottom: 3px;
    line-height: 1.6;
}
.faq-page-box .card h4 a{color: #000;}
.faq-page-box .card h4 a:hover{color: var(--main-color);}
.faq-page-box .card ul {
    /*line-height: 1.9;
    margin-left: 18px;
    margin-bottom: 10px;*/
}
.spec-cert-banner {
    position: relative;
    margin: 40px auto;
    padding: 52px 45px 58px;
    border: 1.5px solid var(--main-color);
    border-radius: 34px;
    background: linear-gradient(135deg, #fff8f4 0, #fff 55%, #fff4ee 100%);
    box-shadow: 0 22px 55px rgba(255, 122, 64, 0.14);
    overflow: hidden;
}
.spec-cert-header {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 28px;
    text-align: left;
    margin-bottom: 56px;
}
.faq-inner-form .wpcf7-submit {
    background-color: var(--main-color);
    color: #fff;
}
.spec-cert-award,
.spec-cert-icon {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: 1.5px solid #ffd0bc;
    background: rgba(255, 255, 255, 0.75);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 34px;
    box-shadow: 0 12px 28px rgba(255, 122, 64, 0.12);
    color: var(--main-color);
    margin-right: 13px;
}
.spec-cert-header h2 {
    margin: 0;
    font-size: 30px;
    line-height: 1.45;
    font-weight: 700;
    letter-spacing: -0.4px;
    text-align: center;
}
.spec-cert-header h2 span::after {
    content: "";
    position: absolute;
    left: 25%;
    bottom: -14px;
    width: 150px;
    height: 4px;
    border-radius: 20px;
    background: var(--main-color);
}
.spec-cert-item {
    display: flex;
    align-items: center;
    position: relative;
}
.spec-cert-item p {
    margin: 0;
    color: #596173;
    font-size: 15px;
    line-height: 1.35;
    font-weight: 500;
}
.spec-cert-item strong {
    color: #14213d;
    font-size: 16px;
    font-weight: 700;
}
.spec-cert-banner .divider {
    width: 1px;
    height: 70px;
    background: #eadbd3;
}
.spec-cert-bg-dot {
    position: absolute;
    right: 38px;
    top: 28px;
    width: 135px;
    height: 95px;
    background-image: radial-gradient(#ffc3a8 1.5px, transparent 1.5px);
    background-size: 14px 14px;
    opacity: 0.65;
}
.spec-cert-bg-circle {
    position: absolute;
    left: -80px;
    bottom: -80px;
    width: 210px;
    height: 210px;
    border-radius: 50%;
    background: rgba(255, 147, 96, 0.16);
}
.spec-cert-banner::after {
    content: "";
    position: absolute;
    left: 32%;
    bottom: 0;
    width: 48%;
    height: 4px;
    border-radius: 20px 20px 0 0;
    background: var(--main-color);
}
@media (max-width: 900px) {
    .spec-cert-banner {
        padding: 36px 24px;
    }
    .spec-cert-header {
        flex-direction: column;
        text-align: center;
        margin-bottom: 36px;
    }
    .spec-cert-header h2 {
        font-size: 18px;
        text-align: left;
    }
    .spec-cert-items {
        flex-direction: column;
        align-items: flex-start;
    }
    .spec-cert-banner .divider {
        display: none;
    }
    .spec-cert-item {
        justify-content: flex-start;
    }
}
.tabs-bar {
    background: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    display: flex;
    justify-content: center;
    gap: 0;
    position: sticky;
    top: 0;
    z-index: 100;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}
.tab-btn {
    padding: 16px 32px;
    font-size: 14px;
    font-weight: 500;
    border: none;
    background: 0 0;
    cursor: pointer;
    border-bottom: 2.5px solid transparent;
    transition:
        color 0.2s,
        border-color 0.2s;
    white-space: nowrap;
    color: #000;
}
.container {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 20px;
}
.calc-section {
    display: none;
    padding: 48px 0 80px;
}
.two-col .card {
    background: #fff;
    border-radius: 12px;
    border: 1px solid rgba(0, 0, 0, 0.07);
    box-shadow:
        0 1px 3px rgba(0, 0, 0, 0.08),
        0 4px 16px rgba(0, 0, 0, 0.06);
    padding: 28px;
}
.two-col .card-title {
    font-size: 26px;
    margin-bottom: 6px;
    font-weight: 600;
}
.two-col .card-subtitle {
    margin-bottom: 24px;
}
.field {
    
}
.field label {
    display: block;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 8px;
}
.field-hint {
    font-size: 14px;
    margin-top: -4px;
    margin-bottom: 8px;
}
.slider-row input[type="range"] {
    flex: 1;
    height: 5px;
    -webkit-appearance: none;
    appearance: none;
    background: #dfdfdf;
    border-radius: 4px;
    outline: 0;
    cursor: pointer;
}
.slider-row input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: var(--main-color);
    border: 3px solid #fff;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
    cursor: pointer;
    transition: transform 0.15s;
}
.slider-row input[type="range"]::-webkit-slider-thumb:hover {
    transform: scale(1.15);
}
.slider-row input[type="range"]::-moz-range-thumb {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: var(--main-color);
    border: 2px solid #fff;
    cursor: pointer;
}
.assume-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px 20px;
    margin-top: 14px;
}
.slider-val {
    min-width: 56px;
    text-align: right;
    font-size: 15px;
    font-weight: 600;
    color: var(--main-color);
}
.number-input {
    display: flex;
    align-items: center;
    border: 1.5px solid #d3d1c7;
    border-radius: 12px;
    overflow: hidden;
    transition: border-color 0.2s;
}
.number-input:focus-within {
    border-color: var(--main-color);
}
.number-input .prefix {
    padding: 0 12px;
    background: #FDF3EC;
    font-size: 14px;
    font-weight: 500;
    height: 40px;
    display: flex;
    align-items: center;
    border-right: 1.5px solid #d3d1c7;
}
.number-input input[type="number"] {
    flex: 1;
    border: none;
    outline: 0;
    padding: 0 12px;
    font-size: 15px;
    height: 40px;
    background: #fff;
    -moz-appearance: textfield;
}
.number-input input[type="number"]::-webkit-inner-spin-button,
.number-input input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
}
.results-title {
    font-size: 16px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.9);
    margin-bottom: 20px;
    padding-bottom: 5px;
    border-bottom: 1px solid;
}
.cal-metric-block {
    margin-bottom: 25px;
}
.cal-metric-label {
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 4px;
}
.cal-metric-value {
    font-size: clamp(40px, 4.5vw, 54px);
    font-weight: 600;
    color: #fff;
    line-height: 1;
    transition: 0.3s;
    display: inline;
}
.cal-metric-sub {
    font-size: 14px;
    color: #fff;
    margin-top: 3px;
    font-weight: 300;
    display: inline;
}
.results-card .divider {
    height: 1px;
    background: rgb(255 255 255 / 56%);
    margin: 18px 0;
}
.results-card {
    color: #fff;
}
.two-col {
    margin-top: -140px;
}
.roi-highlight {
    background: rgb(255 255 255 / 10%);
    border: 1px solid;
    border-radius: 12px;
    padding: 18px;
    margin-top: 15px;
    border-color: #ebb292;
}
.assumptions-toggle {
    margin-top: 14px;
}
.hours-line {
    gap: 6px;
    color: #fff;
    font-size: 15px;
}
.roi-highlight .roi-label {
    font-size: 11px;
    color: #fff;
    font-weight: 500;
    margin-bottom: 4px;
}
.roi-highlight .roi-num {
    font-size: 36px;
    color: #fff;
    font-weight: 600;
    line-height: 1;
}
.roi-highlight .roi-desc {
    font-size: 12px;
    color: #fff;
    margin-top: 4px;
    font-weight: 300;
}
.results-card .cta-btn {
    display: block;
    width: 100%;
    margin-top: 20px;
    padding: 14px 20px;
    background: #000;
    color: #fff;
    border: none;
    border-radius: 12px;
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
    text-align: center;
    transition:
        background 0.2s,
        transform 0.15s;
}
.results-card .cta-btn:hover {
    background: #585858;
}
.results-card .cta-secondary {
    display: block;
    text-align: center;
    font-size: 13px;
    color: #fff;
    margin-top: 10px;
    font-weight: 300;
}
.cal-stat-item {
    background: #fff4ee;
    border: 1px solid var(--main-color);
    border-radius: 15px;
    padding: 16px;
    text-align: center;
}
.cal-stat-num {
    font-size: 30px;
    color: var(--main-color);
    line-height: 1;
    margin-bottom: 8px;
    font-weight: 700;
}
.cal-stat-desc {
    font-size: 14px;
    line-height: 1.4;
    padding: 0 50px;
}
@media (max-width: 768px) {
    .tab-btn {
        padding: 14px 18px;
        font-size: 13px;
    }
}
.onboarding-banner {
    animation: 6s ease-in-out infinite su-float;
}
.onboarding-banner .startup-dash-main {
    background: #fff;
    border: 1px solid #e8e9f0;
    border-radius: 22px;
    box-shadow:
        0 1px 4px rgba(0, 0, 0, 0.06),
        0 2px 12px rgba(0, 0, 0, 0.04);
    padding: 18px;
}
.journey-card::after,
.journey-card::before {
    border-width: 4px;
    z-index: 1;
    position: absolute;
}
.onboarding-banner .cre-dash-course-name {
    max-width: inherit;
}
.on-shape-bg {
    position: absolute;
    right: -30px;
    top: -30px;
    width: 370px;
    height: 310px;
    background: #f8b58f;
    border-radius: 18px;
    z-index: -1;
}
.on-shape-triangle {
    position: absolute;
    left: -15px;
    bottom: -15px;
    width: 150px;
    height: 150px;
    background: rgba(244, 119, 53, 0.42);
    clip-path: polygon(0 0, 100% 100%, 0 100%);
    border-radius: 18px;
    z-index: 3;
}
.academy-wrapper {
    background: #fff;
    padding: 28px;
    border: 1.5px solid var(--main-color);
    border-radius: 34px;
    background: linear-gradient(135deg, #fff8f4 0, #fff 55%, #fff4ee 100%);
    box-shadow: 0 22px 55px rgba(255, 122, 64, 0.14);
}
.academy-title {
    font-size: 22px;
    font-weight: 600;
    color: #101828;
}
.badge-soft {
    background: #fff0e8;
    color: #f26b2f;
    padding: 7px 14px;
    border-radius: 30px;
    font-size: 12px;
}
.track-icon,
.track-item svg,
.track-link {
    color: var(--main-color);
}
.track-card {
    height: 100%;
    border-radius: 18px;
    padding: 28px 28px;
    border: 1px solid #ffbc9d;
    position: relative;
    background: linear-gradient(135deg, #fff6f0, #fff);
}
.track-head span {
    font-size: 14px;
    font-weight: 600;
}
.track-head h4 {
    font-size: 18px;
    font-weight: 600;
    margin: 1px 0 0;
}
.track-icon {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid currentColor;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    margin-right: 10px;
}
.track-card p {
    line-height: 1.5;
    margin: 18px 0;
    max-width: 330px;
}
.track-item {
    padding: 5px 0;
}
.track-item svg {
    margin-right: 6px;
}
.track-link {
    display: block;
    font-weight: 600;
    position: absolute;
    bottom: 25px;
}
.track-link:hover {
    color: currentColor;
}
.journey-card {
    background: #fff;
    border: 1px solid #ffd9c5;
    border-radius: 14px;
    padding: 22px 12px;
    text-align: center;
    height: 100%;
    position: relative;
    box-shadow: 0 10px 24px rgba(244, 119, 53, 0.08);
}
.journey-card::before {
    content: "\f138";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    right: -19px;
    top: 46px;
    color: var(--main-color);
}
.journey-card::after {
    content: "";
    width: 60px;
    right: -38px;
    height: 1px;
    border-top: 3px dotted var(--main-color);
    top: 56px;
}
.journey-section .row .col {
    padding-left: 10px;
    padding-right: 10px;
}
.journey-icon {
    width: 72px;
    height: 72px;
    background: #ffe8dc;
    border-radius: 50%;
    margin: 0 auto 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
}
.journey-card h5 {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 10px;
}
.journey-card p {
    font-size: 12px;
    line-height: 1.6;
    margin-bottom: 0;
}
.contact-form-card.stepform textarea {
    height: auto !important;
}
.contact-form-card.stepform .form-group label .wpcf7-list-item-label {
    font-weight: 400;
    position: relative;
    top: -2px;
}
.contact-form-card.stepform .wpcf7-radio .wpcf7-list-item-label {
    position: relative;
    top: -2px;
}
.contact-form-card.stepform .wpcf7-spinner {
    right: -23px;
    bottom: 40px;
    top: inherit;
}
.contact-form-card.stepform input[type="checkbox"] {
    margin-right: 3px;
}
.contact-form-card.stepform .fieldset-cf7mls-wrapper .wpcf7-not-valid-tip {
    min-width: 170px;
}
.contact-form-card.stepform .fieldset-cf7mls .stepbtn {
    position: absolute;
    width: max-content;
    right: 0;
    bottom: 0;
    padding: 12px 29px;
}
.community-hero-media {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.3);
    /* aspect-ratio: 10/10; */
    background: #fff;
    width: 100%;
}
.community-hero-media .video-bg {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}
.community-hero-media video {
    margin-bottom: -8px;
}
.community-hero-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.75;
}
.community-hero-float {
    position: absolute;
    bottom: -16px;
    left: -16px;
    background: #fff;
    border-radius: 14px;
    padding: 12px 16px;
    display: flex;
    align-items: center;
    gap: 10px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
    min-width: 200px;
}
.community-hero-float .avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid var(--main-color);
}
.community-hero-float .meta strong {
    display: block;
    font-size: 12.5px;
    color: #1e1e1e;
}
.community-hero-float2 {
    position: absolute;
    top: -46px;
    right: -36px;
    background: linear-gradient(135deg, #f26a21, #ff925c);
    border-radius: 14px;
    padding: 12px 18px;
    color: #fff;
    font-size: 12px;
    z-index: 1;
    font-weight: 600;
    box-shadow: 0 8px 24px rgba(242, 106, 33, 0.4);
}
.community-hero-float2 span {
    font-size: 22px;
    font-weight: 800;
    display: block;
}
.community-section {
    padding: 72px 0;
}
.community-section-orange {
    background: #fff3ec;
}
.community-section-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: var(--main-color);
    margin-bottom: 10px;
}
.community-convo-type,
.community-story-tag,
.community-weekly-badge {
    letter-spacing: 0.1em;
    text-transform: uppercase;
}
.community-section-label::before {
    content: "";
    width: 24px;
    height: 3px;
    background: linear-gradient(135deg, #f26a21, #ff925c);
    border-radius: 2px;
}
.community-section-title {
    font-size: clamp(1.6rem, 2.5vw, 2.2rem);
    font-weight: 700;
    color: #000;
    margin-bottom: 6px;
}
.community-section-sub {
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 0;
}
.community-view-all {
    font-size: 13px;
    font-weight: 600;
    color: var(--main-color);
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: gap 0.2s;
}
.community-view-all:hover {
    gap: 10px;
    color: var(--main-color);
}
.community-spotlight {
    background: #fff;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 4px 24px rgba(242, 106, 33, 0.1);
    display: flex;
    min-height: 340px;
    transition: box-shadow 0.3s;
}
.community-spotlight:hover {
    box-shadow: 0 12px 40px rgba(242, 106, 33, 0.18);
}
.community-spotlight-media {
    flex: 0 0 45%;
    position: relative;
    overflow: hidden;
}
.community-campaign-card img,
.community-card-thumb img,
.community-podcast-thumb img,
.community-spotlight-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s;
}
.community-campaign-card:hover img,
.community-spotlight:hover .community-spotlight-media img,
.community-story-featured:hover .community-story-featured-img img {
    transform: scale(1.04);
}
.community-spotlight-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.3) 0, transparent 100%);
    display: flex;
    align-items: center;
    justify-content: center;
}
.community-spotlight-body {
    flex: 1;
    padding: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.community-weekly-badge {
    display: inline-block;
    background: #fff3ec;
    color: var(--main-color);
    font-size: 11px;
    font-weight: 700;
    border-radius: 6px;
    padding: 4px 12px;
    margin-bottom: 16px;
}
.community-spotlight-body h2 {
    font-size: 1.6rem;
    font-weight: 800;
    color: #1e1e1e;
    margin-bottom: 4px;
}
.community-spotlight-body .credentials {
    font-size: 13px;
    color: var(--main-color);
    font-weight: 600;
    margin-bottom: 14px;
}
.community-spotlight-body p {
    font-size: 14.5px;
    line-height: 1.7;
    flex: 1;
}
.community-cat-nav {
    background: #fff;
    border-bottom: 2px solid #e5e5e5;
    position: sticky;
    top: 62px;
    z-index: 900;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
}
.community-cat-scroll {
    display: flex;
    align-items: center;
    gap: 6px;
    overflow-x: auto;
    padding: 14px 0;
    scrollbar-width: none;
}
.community-cat-scroll::-webkit-scrollbar {
    display: none;
}
.community-cat-pill {
    white-space: nowrap;
    padding: 8px 20px;
    border-radius: 50px;
    font-size: 13px;
    font-weight: 600;
    background: #f7f7f7;
    border: 1.5px solid #e5e5e5;
    cursor: pointer;
    transition: 0.2s;
    flex-shrink: 0;
}
.community-cat-pill:hover {
    color: var(--main-color);
    border-color: var(--main-color);
    background: #fff3ec;
}
.community-cat-pill.active {
    background: linear-gradient(135deg, #f26a21, #ff925c);
    color: #fff;
    border-color: transparent;
    box-shadow: 0 3px 12px rgba(242, 106, 33, 0.3);
}
.community-cat-search {
    display: flex;
    align-items: center;
    gap: 8px;
    background: #f7f7f7;
    border: 1.5px solid #e5e5e5;
    border-radius: 50px;
    padding: 7px 16px;
    flex-shrink: 0;
    min-width: 200px;
}
.community-cat-search input {
    border: none;
    background: 0 0;
    font-family: Poppins, sans-serif;
    font-size: 13px;
    outline: 0;
    width: 100%;
    color: #1e1e1e;
}
.community-card {
    background: #fff;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 2px 16px rgba(0, 0, 0, 0.06);
    transition: 0.3s;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
}
.community-card a {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}
.community-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 40px rgba(242, 106, 33, 0.18);
}
.video-gallery-slider .community-card:hover {
    box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 16px;
}
.video-gallery-slider.owl-carousel .owl-stage {
    display: flex;
}
.video-gallery-slider.owl-carousel .owl-item {
    height: auto !important;
    /*display: flex;*/
}
.video-gallery-slider.owl-carousel .community-card-body h4 {
    min-height: 42px;
}
.community-card-thumb {
    position: relative;
    overflow: hidden;
    aspect-ratio: 16/9;
    background: #ddd;
}
.community-card:hover .community-card-thumb img,
.community-podcast-card:hover .community-podcast-thumb img {
    transform: scale(1.06);
}
@keyframes pulse-badge {
    0%,
    100% {
        opacity: 1;
    }
    50% {
        opacity: 0.7;
    }
}
.community-card-body {
    padding: 20px;
    flex: 1;
    display: flex;
    flex-direction: column;
}
.community-card-expert {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
}
.community-card-expert img {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid #e5e5e5;
}
.community-card-expert .name {
    font-size: 12.5px;
    font-weight: 600;
    color: #1e1e1e;
    line-height: 1.2;
}
.community-card-body h4 {
    font-size: 15px;
    font-weight: 700;
    color: #000;
    line-height: 1.4;
    margin-bottom: 8px;
}
.community-card-body p {
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 16px;
    flex-grow: 1;
}
.community-card-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 15px;
    border-top: 1px solid #e5e5e5;
    padding-top: 12px;
    margin-top: auto;
}
.community-card-cta {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 14px;
}
.community-cta-article,
.community-cta-yt {
    align-items: center;
    border-radius: 7px;
    display: inline-flex;
    gap: 6px;
    transition: 0.2s;
    font-weight: 600;
    text-decoration: none;
}
.community-cta-yt {
    background: red !important;
    color: #fff;
    padding: 4px 13px !important;
    font-size: 13px;
}
.community-cta-yt:hover {
    background: #c00;
    color: #fff;
    transform: translateY(-1px);
}
.community-cta-article {
    background: #fff3ec;
    color: var(--main-color);
    padding: 6px 14px;
    font-size: 12px;
    border: 1.5px solid rgba(242, 106, 33, 0.25);
}
.community-cta-spotify {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #1db954;
    color: #fff;
    border-radius: 7px;
    padding: 4px 13px;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    transition: 0.2s;
}
.community-cta-spotify:hover {
    background: #17a349;
    color: #fff;
    transform: translateY(-1px);
}
.community-convo-card:hover,
.community-quote-card:hover,
.community-resource-card:hover,
.community-story-featured:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 40px rgba(242, 106, 33, 0.18);
}
.community-carousel {
    display: flex;
    gap: 20px;
    overflow-x: auto;
    padding-bottom: 12px;
    scrollbar-width: none;
    scroll-snap-type: x mandatory;
}
.community-carousel::-webkit-scrollbar {
    display: none;
}
.community-carousel-item {
    flex: 0 0 300px;
    scroll-snap-align: start;
}
.community-carousel-item.wide {
    flex: 0 0 360px;
}
.community-carousel-item.podcast {
    flex: 0 0 343px;
}
.community-carousel-item.reel {
    flex: 0 0 300px;
}
.community-carousel-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 42px;
    height: 42px;
    background: #fff;
    border: 1.5px solid #e5e5e5;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 16px;
    color: #1e1e1e;
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.1);
    transition: 0.2s;
    z-index: 10;
}
.community-card .community-card-meta a {
    display: initial;
    color: var(--main-color);
}
.community-convo-card,
.community-quote-card,
.community-story-featured {
    box-shadow: 0 4px 24px rgba(242, 106, 33, 0.1);
}
.community-carousel-nav:hover {
    background: var(--main-color);
    color: #fff;
    border-color: var(--main-color);
}
.community-carousel-nav.prev {
    left: -20px;
}
.community-carousel-nav.next {
    right: -20px;
}
.community-podcast-card {
    background: #fff;
    border-radius: 18px;
    overflow: hidden;
    transition: 0.3s;
    height: 100%;
    display: flex;
    border: 1px solid #e7e7e7;
    flex-direction: column;
}
.community-podcast-thumb-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(30, 30, 30, 0.9) 0, transparent 60%);
}
.community-podcast-body,
.community-wic-body {
    padding: 18px;
    flex: 1;
    display: flex;
    flex-direction: column;
}
.community-podcast-body h4 {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 20px;
}
.community-podcast-body .ep-num {
    font-size: 13px;
    color: var(--main-color);
    font-weight: 600;
    margin-bottom: 6px;
}
.community-podcast-body p {
    font-size: 14px;
    line-height: 1.5;
    flex: 1;
}
.community-podcast-dur {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    margin: 10px 0;
}
.community-podcast-actions {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: auto;
}
.community-story-featured {
    background: #fff;
    border-radius: 18px;
    overflow: hidden;
    position: relative;
    transition: 0.3s;
}
.community-story-featured-img {
    height: 380px;
    overflow: hidden;
    position: relative;
}
.community-story-featured-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s;
}
.community-story-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0, rgba(0, 0, 0, 0.2) 50%, transparent 100%);
}
.community-story-featured-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 30px;
    color: #fff;
}
.community-story-tag {
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    background: var(--main-color);
    color: #fff;
    border-radius: 5px;
    padding: 3px 10px;
    margin-bottom: 10px;
}
.community-story-featured-body h3 {
    font-size: 1.35rem;
    font-weight: 800;
    color: #fff;
    margin-bottom: 8px;
    line-height: 1.3;
}
.community-story-featured-body p {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.75);
    line-height: 1.6;
    margin-bottom: 16px;
}
.community-quote-card {
    background: #fff;
    border-radius: 18px;
    padding: 28px;
    border-left: 4px solid var(--main-color);
    transition: 0.3s;
    height: 100%;
}
.community-quote-card .quote-mark {
    font-size: 48px;
    color: var(--main-color);
    line-height: 1;
    margin-bottom: 8px;
    opacity: 0.4;
    font-family: Georgia, serif;
}
.community-quote-card p {
    font-size: 15px;
    font-style: italic;
    color: #1e1e1e;
    line-height: 1.7;
    margin-bottom: 16px;
    font-weight: 500;
}
.community-quote-author img {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid var(--main-color);
}
.community-wic-card {
    background: #fff;
    border-radius: 18px;
    overflow: hidden;
    transition: 0.3s;
    display: flex;
    flex-direction: column;
    height: 100%;
    border: 2px solid rgba(242, 106, 33, 0.2);
}
.community-newsletter-form input:focus,
.community-wic-card:hover {
    border-color: var(--main-color);
}
.community-wic-thumb {
    position: relative;
    aspect-ratio: 16/9;
    overflow: hidden;
}
.community-wic-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.community-wic-banner {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(135deg, #f26a21, #ff925c);
    padding: 10px 16px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.community-wic-banner .logo-text {
    font-size: 11px;
    font-weight: 800;
    color: #fff;
    line-height: 1.2;
    text-transform: uppercase;
}
.community-convo-type,
.community-wic-body .ep-num {
    font-size: 13px;
    color: var(--main-color);
    font-weight: 600;
}
.community-wic-body .ep-num {
    margin-bottom: 6px;
}
.community-wic-body h4 {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
    flex: 1;
}
.community-wic-speaker {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 12px;
}
.community-wic-speaker img {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid var(--main-color);
}
.community-wic-speaker .name {
    font-size: 12px;
    font-weight: 600;
}
.community-convo-card {
    background: #fff;
    border-radius: 18px;
    padding: 28px;
    transition: 0.3s;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.community-convo-type {
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 6px;
}
.community-convo-q {
    font-size: 16px;
    font-weight: 700;
    color: #1e1e1e;
    line-height: 1.5;
    margin-bottom: 16px;
    flex: 1;
}
.community-convo-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #e5e5e5;
    padding-top: 14px;
    margin-top: auto;
}
.community-reaction {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 12.5px;
    cursor: pointer;
    transition: color 0.2s;
}
.community-campaign-card,
.community-reel-card,
.community-resource-card {
    box-shadow: 0 4px 24px rgba(242, 106, 33, 0.1);
    transition: 0.3s;
}
.community-campaign-card {
    border-radius: 18px;
    overflow: hidden;
    position: relative;
    aspect-ratio: 3/2;
    display: block;
    text-decoration: none;
}
.community-campaign-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 40px rgba(242, 106, 33, 0.18);
}
.community-campaign-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0, rgba(0, 0, 0, 0.2) 60%, transparent 100%);
    display: flex;
    align-items: flex-end;
    padding: 24px;
}
.community-campaign-overlay .content h4 {
    font-size: 16px;
    font-weight: 800;
    color: #fff;
    margin-bottom: 6px;
}
.community-campaign-overlay .content p {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.75);
    margin: 0;
}
.community-campaign-badge {
    position: absolute;
    top: 14px;
    right: 14px;
    background: linear-gradient(135deg, #f26a21, #ff925c);
    color: #fff;
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    padding: 5px 12px;
    border-radius: 20px;
}
.community-reel-card {
    border-radius: 16px;
    overflow: hidden;
    position: relative;
    aspect-ratio: 8/10;
    background: #1a1a1a;
    cursor: pointer;
}
.community-reel-card:hover {
    transform: scale(1.03);
    box-shadow: 0 12px 40px rgba(242, 106, 33, 0.18);
}
.community-reel-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.8;
    transition: opacity 0.3s;
}
.community-reel-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.75) 0, transparent 60%);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 14px;
}
.community-reel-play {
    width: 44px;
    height: 44px;
    background: rgba(242, 106, 33, 0.85);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 16px;
    margin: auto;
    align-self: center;
}
.community-reel-info h5 {
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 4px;
    line-height: 1.3;
}
.community-modal-video-ratio iframe {
  width: 100%;
  height: 100%;
  min-height: 400px;
}
@media(max-width:767px){
  .community-modal-video-ratio iframe{
    min-height:220px;
  }
}
.community-reel-info .dur {
    font-size: 12px;
    color: #fff;
}
.community-reel-engage span {
    font-size: 11px;
    color: rgba(255, 255, 255, 0.7);
    display: flex;
    align-items: center;
    gap: 4px;
}
.community-resource-card {
    background: #fff;
    border-radius: 18px;
    padding: 24px;
    display: flex;
    align-items: flex-start;
    gap: 16px;
    height: 100%;
    text-decoration: none;
}
.community-resource-icon {
    width: 52px;
    height: 52px;
    border-radius: 14px;
    background: #fff3ec;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    color: var(--main-color);
    flex-shrink: 0;
}
.community-resource-card h5 {
    font-size: 14px;
    font-weight: 700;
    color: #1e1e1e;
    margin-bottom: 6px;
}
.community-resource-card p {
    font-size: 12.5px;
    line-height: 1.5;
    margin-bottom: 10px;
    color: #000;
}
.community-resource-tag {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 11px;
    font-weight: 600;
    color: var(--main-color);
    background: #fff3ec;
    padding: 3px 10px;
    border-radius: 5px;
}
.community-newsletter {
    background: linear-gradient(135deg, #1e1e1e 0, #2d1200 100%);
    border-radius: 24px;
    padding: 60px;
    position: relative;
    overflow: hidden;
}
.community-newsletter::before {
    content: "";
    position: absolute;
    top: -60px;
    right: -60px;
    width: 280px;
    height: 280px;
    background: radial-gradient(circle, rgba(242, 106, 33, 0.3) 0, transparent 70%);
}
.community-newsletter h2 {
    font-size: 2rem;
    font-weight: 800;
    color: #fff;
    margin-bottom: 10px;
}
.community-newsletter p {
    font-size: 15px;
    color: rgba(255, 255, 255, 0.65);
}
.community-newsletter-form {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}
.community-newsletter-form input {
    flex: 1;
    min-width: 220px;
    padding: 14px 20px;
    border-radius: 10px;
    border: 1.5px solid rgba(255, 255, 255, 0.15);
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
    font-family: Poppins, sans-serif;
    font-size: 14px;
    outline: 0;
    transition: border-color 0.2s;
}
.community-cta-banner,
.community-story-card {
    border-radius: 24px;
    overflow: hidden;
    position: relative;
}
.community-newsletter-form input::placeholder {
    color: rgba(255, 255, 255, 0.4);
}
.community-newsletter-checks {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 14px;
}
.community-newsletter-check {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: rgba(255, 255, 255, 0.65);
    cursor: pointer;
}
.community-story-card {
    min-height: 430px;
    display: flex;
    align-items: end;
    padding: 28px;
    color: #fff;
    background-size: cover;
    background-position: right;
    box-shadow: 0 16px 45px rgba(0, 0, 0, 0.08);
}
.community-story-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.86), rgba(0, 0, 0, 0.63), transparent);
}
.community-story-card h3 {
    font-weight: 700;
    font-size: 22px;
    margin: 10px 0;
    line-height: 1.2;
}
.community-story-card p {
    color: rgba(255, 255, 255, 0.76);
    margin: 0 0 18px;
}
.community-cta-banner {
    background: linear-gradient(135deg, #ed7f41 0, #bf4702 100%);
    padding: 64px;
    text-align: center;
}
.community-cta-banner::after,
.community-cta-banner::before {
    content: "";
    position: absolute;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.08);
}
.community-cta-banner::before {
    width: 300px;
    height: 300px;
    top: -100px;
    left: -100px;
}
.community-cta-banner::after {
    width: 200px;
    height: 200px;
    bottom: -60px;
    right: -60px;
}
.community-cta-banner h2 {
    font-size: 2.2rem;
    font-weight: 800;
    color: #fff;
    margin-bottom: 12px;
}
.community-cta-banner p {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.82);
    margin-bottom: 36px;
}
.community-cta-banner-actions {
    display: flex;
    justify-content: center;
    gap: 16px;
    flex-wrap: wrap;
}
.btn-cta-white {
    background: #fff;
    color: var(--main-color);
    border: none;
    border-radius: 10px;
    font-weight: 700;
    font-size: 14px;
    padding: 14px 30px;
    transition: 0.25s;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.15);
}
.btn-cta-white:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2);
    color: var(--main-color);
}
.btn-cta-ghost-white {
    background: 0 0;
    color: #fff;
    border: 2px solid rgba(255, 255, 255, 0.6);
    border-radius: 10px;
    font-weight: 700;
    font-size: 14px;
    padding: 12px 30px;
    transition: 0.25s;
}
.ef-av,
.ef-badge,
.ef-form-title,
.ef-label,
.ef-submit {
    font-weight: 600;
}
.btn-cta-ghost-white:hover {
    background: rgba(255, 255, 255, 0.15);
    color: #fff;
    border-color: #fff;
}
.community-footer {
    background: #1e1e1e;
    color: rgba(255, 255, 255, 0.65);
    padding: 60px 0 30px;
}
.community-footer h6 {
    color: #fff;
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin-bottom: 16px;
}
.community-footer a {
    color: rgba(255, 255, 255, 0.55);
    text-decoration: none;
    font-size: 13px;
    transition: color 0.2s;
    display: block;
    margin-bottom: 8px;
}
.community-footer-social {
    display: flex;
    gap: 10px;
    margin-top: 16px;
}
.community-footer-social a {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.08);
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(255, 255, 255, 0.55);
    font-size: 14px;
    margin-bottom: 0;
    transition: 0.2s;
}
.community-footer-divider {
    border-color: rgba(255, 255, 255, 0.08);
    margin: 40px 0 24px;
}
.community-footer-bottom {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.35);
}
.community-embed-wrap {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    border-radius: 12px;
}
.community-embed-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}
.community-fade-in {
    opacity: 0;
    transform: translateY(20px);
    transition:
        opacity 0.5s,
        transform 0.5s;
}
@media (max-width: 991px) {
    .community-hero {
        min-height: auto;
        padding: 60px 0 40px;
    }
    .community-hero h1 {
        font-size: 2rem;
    }
    .community-spotlight {
        flex-direction: column;
    }
    .community-spotlight-media {
        flex: none;
        height: 220px;
    }
    .community-spotlight-body {
        padding: 24px;
    }
    .community-newsletter {
        padding: 36px 24px;
    }
    .community-cta-banner {
        padding: 40px 24px;
    }
    .community-cta-banner h2 {
        font-size: 1.6rem;
    }
}
@media (max-width: 767px) {
    section {
        padding: 50px 10px !important;
    }
    .plat-features-section {
        padding: 60px 20px;
    }
    .plat-cta-banner {
        padding: 40px 24px;
    }
    .ebook-cta-section {
        padding: 36px 15px;
    }
    .ebook-cta-headline {
        font-size: 1.5rem;
    }
    .ebook-book-col {
        margin-top: 36px;
    }
    .catalog-hero {
        padding: 40px 0 36px;
    }
    .catalog-hero h1 {
        font-size: 26px;
    }
    .catalog-hero h1 br{
        display: none;
    }
    .catalog-hero-stat-divider,
    .community-hero-float,
    .community-hero-float2 {
        display: none;
    }
    .mobile-only {
        display: inline-block;
    }
    .community-section {
        padding: 48px 0;
    }
    .community-carousel-item {
        flex: 0 0 260px;
    }
    .community-carousel-item.wide {
        flex: 0 0 280px;
    }
    .community-carousel-item.podcast {
        flex: 0 0 100%;
    }
    .community-carousel-item.reel {
        flex: 0 0 155px;
    }
    .community-cat-nav {
        top: 56px;
    }
    .community-story-featured-img {
        height: 260px;
    }
}
.community-stats {
    display: flex;
    gap: 32px;
    flex-wrap: wrap;
    margin-top: 32px;
}
.community-stat .num {
    font-size: 1.8rem;
    font-weight: 800;
    color: var(--main-color);
    line-height: 1;
}
.community-stat .label,
.ef-badge {
    font-size: 11px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}
.community-stat .label {
    margin-top: 4px;
}
.community-live-dot {
    display: inline-block;
    width: 7px;
    height: 7px;
    background: #ef4444;
    border-radius: 50%;
    animation: 1.2s infinite pulse-badge;
    margin-right: 5px;
}
.community-wave {
    display: flex;
    gap: 3px;
    align-items: flex-end;
    height: 24px;
}
.community-wave-bar {
    width: 4px;
    border-radius: 2px;
    background: #fff;
    animation: 1s ease-in-out infinite wave-bar;
}
@keyframes wave-bar {
    0%,
    100% {
        height: 6px;
    }
    50% {
        height: 22px;
    }
}
.expert-frm {
    border: 2px solid #e1e1e1;
}
.ef-left::after,
.ef-left::before {
    content: "";
    position: absolute;
    border-radius: 50%;
}
.expert-frm h4 {
    font-size: 27px;
    font-weight: 700;
    margin-bottom: 10px;
}
.expert-frm .wpcf7-submit {
    background: var(--main-color) !important;
    padding: 12px 45px !important;
    width: max-content;
}
.ef-left {
    border-radius: 35px 0 0 35px;
    background: var(--main-color);
    padding: 2.5rem 2rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
}
.ef-left::before {
    bottom: -60px;
    left: -60px;
    width: 220px;
    height: 220px;
    background: rgba(255, 255, 255, 0.07);
}
.ef-left::after {
    top: -30px;
    right: -50px;
    width: 140px;
    height: 140px;
    background: rgba(255, 255, 255, 0.06);
}
.ef-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: rgba(255, 255, 255, 0.18);
    color: #fff;
    border-radius: 999px;
    padding: 5px 12px;
    width: fit-content;
}
.ef-left-title {
    font-size: 28px;
    line-height: 1.2;
    color: #fff;
    margin: 1rem 0 0.75rem;
}
.ef-left-title em {
    font-style: italic;
    opacity: 0.95;
}
.ef-left-desc {
    font-size: 13.5px;
    color: #fff;
    line-height: 1.65;
    margin: 0;
}
.ef-benefits {
    list-style: none;
    padding: 0;
    margin: 1.5rem 0 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.ef-avatars-row,
.ef-benefits li {
    align-items: center;
    display: flex;
}
.ef-benefits li {
    gap: 9px;
    font-size: 13px;
    color: #fff;
}
.ef-benefits li i {
    font-size: 16px;
    opacity: 0.9;
}
.ef-avatars-row {
    gap: 10px;
    margin-top: 2rem;
}
.ef-av {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 2px solid #d85a30;
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: -8px;
}
.ef-av-1 {
    background: #faddcc;
    color: #993c1d;
}
.ef-av-2 {
    background: #c0dd97;
    color: #3b6d11;
}
.ef-av-3 {
    background: #b5d4f4;
    color: #185fa5;
}
.ef-av-4 {
    background: #f4c0d1;
    color: #993556;
}
.ef-av-txt {
    font-size: 12px;
    color: #fff;
}
.ef-av-txt strong {
    color: #fff;
    font-weight: 500;
}
.ef-right {
    border-radius: 0 35px 35px 0;
    padding: 2.5rem 2rem;
}
.ef-form-title {
    font-size: 22px;
    color: #1c1c1c;
    margin: 0 0 4px;
}
.ef-form-sub {
    font-size: 13px;
    margin: 0 0 1.75rem;
}
.ef-field {
    margin-bottom: 13px;
    position: relative;
}
.ef-field br {
    display: none;
}
.ef-label {
    font-size: 11.5px;
    color: #000;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    display: block;
    margin-bottom: 5px;
}
.ef-input {
    width: 100%;
    box-sizing: border-box;
    padding: 11px 14px;
    font-size: 14px;
    border: 1.5px solid #e5e7eb;
    border-radius: 10px;
    background: #fafbfc;
    color: #1c1c1c;
    outline: 0;
    transition: border-color 0.15s,
    box-shadow 0.15s;
}
.ef-input::placeholder {
    color: #bfbdb8;
}
.ef-input:focus {
    border-color: #d85a30;
    box-shadow: 0 0 0 3px rgba(216, 90, 48, 0.1);
}
.ef-submit {
    width: 100%;
    background: var(--main-color);
    color: #fff;
    font-size: 15px;
    border: none;
    border-radius: 10px;
    padding: 14px;
    cursor: pointer;
    margin-top: 6px;
    transition:
    background 0.15s,
    transform 0.1s;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}
.ef-submit:hover {
    background: #c1512a;
    transform: translateY(-1px);
}
.ef-submit:active {
    transform: scale(0.98);
}
.ef-fine {
    font-size: 11.5px;
    color: #bfbdb8;
    text-align: center;
    margin-top: 10px;
}
.ef-success {
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 2rem 1rem;
    flex: 1;
}
.ef-success-icon {
    font-size: 44px;
    color: #d85a30;
    margin-bottom: 14px;
}
.ef-success-title {
    font-size: 22px;
    color: #1c1c1c;
    margin: 0 0 8px;
}
.ef-success-msg {
    font-size: 14px;
    color: #888780;
    line-height: 1.6;
    max-width: 240px;
}
@media (max-width: 540px) {
    .ef-card {
        grid-template-columns: 1fr;
    }
    .ef-left {
        padding: 1.75rem 1.5rem;border-radius: 20px;
    }
    .ef-right{border-radius: 20px;padding: 1.75rem 1.5rem;}
}




.checklist-box {
    background: #fff;
    border-radius: 18px;
    overflow-x: visible;
    transition: 0.3s;
    border: none;
    transition: 0.3s;
}
.checklist-box img {
    border-radius: 18px 18px 0 0;
}
.checklist-box h6 {
    font-size: 16px;
    line-height: 1.6;
    color: #000;
    font-weight: 600;
}
.checklist-box:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 40px rgba(242, 106, 33, 0.18);
}


/*=========State Checklist==========*/

    
    .state-hero-banner{background:linear-gradient(135deg,#ffffff 0%,#fff8f3 55%,#eaf6ff 100%);padding:70px 0;position:relative}
    .state-hero-banner:after{content:"";position:absolute;right:-140px;top:-120px;width:420px;height:420px;border-radius:50%;background:rgba(255,107,44,.11)}
    .state-hero-banner p{font-size:19px;line-height:1.65;}    
    .state-hero-banner .hero-art{position:relative;min-height:380px;display:grid;place-items:center}
    .state-hero-banner .circle{width:350px;height:350px;border-radius:50%;background:linear-gradient(135deg,#ff7b35,#ffbd8b);position:absolute;right:40px;top:14px}
    .photo-card{width:430px;height:300px;border-radius:34px;background:linear-gradient(135deg,#dff0ff,#fff);box-shadow:0 16px 40px rgba(16, 24, 40, .10);position:relative;overflow:hidden;border:10px solid #fff}
    .state-hero-banner .photo-card:before{content:"";position:absolute;right:-32px;bottom:-66px;width:260px;height:260px;background:rgba(255,107,44,.25);border-radius:50%}
    .state-hero-banner .person{position:absolute;right:24px;bottom:0;width:250px;height:250px;border-radius:130px 130px 0 0;background:linear-gradient(180deg,#f8d6ba,#c7dcf2);box-shadow:inset 0 -50px 0 rgba(7,27,58,.05)}
    .state-hero-banner .mini-doc{position:absolute;left:34px;top:52px;background:#fff;border-radius:18px;padding:18px;width:80%;box-shadow:0 18px 38px rgba(16,24,40,.12)}
    .state-hero-banner .mini-doc h3{font-size:15px;margin:0 0 14px;color:#071b3a}
    .line{height:8px;background:#edf2f7;border-radius:99px;margin:8px 0}.line.short{width:65%}.check{display:flex;gap:8px;font-size:11px;margin:9px 0;color:#344054}.check:before{content:"✓";color:#22a65a;font-weight:900}
    .search-panel.catalog-hero{position:relative;z-index:3; background: none; padding: 30px 0 52px}.search-box{background:#fff;border-radius:24px;box-shadow:0 16px 40px rgba(16, 24, 40, .10);padding:22px;display:grid;grid-template-columns:1fr auto 250px;gap:18px;align-items:center;border:1px solid #e7ecf3}
/*    .field{height:58px;border:1px solid #d9e1ec;border-radius:18px;display:flex;align-items:center;padding:0 20px;color:#98a2b3;font-size:16px;background:#fbfcfe}*/
    .select{height:58px;border:2px solid var(--main-color);border-radius:18px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;color:#071b3a;font-weight:700;background:#fff}
    .or{font-weight:800;color:#98a2b3}
    .main{padding:40px 0 40px}
    .chklist-out .chips{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:28px}
    .chklist-out .chip{display:inline-flex;align-items:center;gap:9px;padding:10px 16px;border-radius:999px;background:#fff;border:1px solid #e7ecf3;font-weight:700;box-shadow:0 6px 16px rgba(16,24,40,.04)}
    .badge{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--main-color);font-size:13px}
    .chip:nth-child(2) .badge{background:#1877f2}
    .chip:nth-child(3) .badge{background:#1baa4b}
    .chip:nth-child(4) .badge{background:#7f56d9}
    .chip:nth-child(5) .badge{background:#f79009}
    .chklist-out .az{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 28px}
    .az span{width:34px;height:34px;display:grid;place-items:center;background:#fff;border:1px solid #e7ecf3;border-radius:12px;color:#31558a;font-weight:800;font-size:13px}
    .chklist-out .card{background:#fff;border:1px solid #e7ecf3;border-radius:24px;padding:26px;box-shadow:0 14px 32px rgba(16,24,40,.07);position:relative;height:100%;transition:.2s ease}
    .chklist-out .card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(16, 24, 40, .10)}
    .chklist-out .state-top{display:flex;align-items:center;gap:14px;margin-bottom:22px}
    .chklist-out .abbr{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#ff6b2c,#ff9b58);color:#fff;font-size:22px;font-weight:900}
    .chklist-out .col:nth-child(2) .chklist-out .abbr{background:linear-gradient(135deg,#ff6b2c,#f04438)}
    .chklist-out .col:nth-child(3) .abbr{background:linear-gradient(135deg,#36b34a,#74d348)}
    .chklist-out .col:nth-child(4) .abbr{background:linear-gradient(135deg,#1475e8,#55a6ff)}
    .chklist-out .col:nth-child(5) .abbr{background:linear-gradient(135deg,#7f56d9,#a855f7)}
    .chklist-out .col:nth-child(6) .abbr{background:linear-gradient(135deg,#099250,#22c55e)}
    .state-top h3 {margin: 0; font-size: 23px; font-weight: 600; }
    .chklist-out .count {display: flex; gap: 9px; align-items: center; font-weight: 700; margin-bottom: 10px; font-size: 15px; }
    .chklist-out .items {
        display: flex;
        gap: 10px;
        margin-bottom: 24px;
        flex-direction: column;
    }
    .chklist-out .items div {
        font-size: 13px;
        display: flex;
        align-items: baseline;
    }
    .chklist-out .items div i{color:#22a65a;margin-right:6px}
    .chklist-out .cta{color:var(--main-color);font-weight:700;margin-top:auto;display:inline-flex;gap:8px;align-items:center}
    .chklist-out .benefits{margin-top:44px;background:#fff;border:1px solid #ffd8c5;border-radius:28px;padding:28px;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
    .chklist-out .benefit{display:flex;gap:14px;align-items:flex-start}
    .chklist-out .benefit-icon{min-width:50px;height:50px;border-radius:18px;background:#fff7f2;display:grid;place-items:center;color:var(--main-color);font-size:23px}
    .chklist-out .benefit h4 {margin: 0 0 6px; font-size: 22px; font-weight: 600; }
    .chklist-out .benefit p{margin:0;font-size:14px;line-height:1.45}
    /* ── METRICS STRIP ─────────────────────────────────────────────────── */
    .state-hero-banner .search-wrap {
      display: flex;
      align-items: center;
      gap: 10px;
      flex-wrap: wrap;
      margin-bottom: 40px;
    }
    .state-hero-banner .search-inner {
      display: flex;
      align-items: center;
      background: #fff;
      border: 1.5px solid #E7DDD7;
      border-radius: 12px;
      padding: 0 14px;
      height: 50px;
      flex: 1;
      min-width: 200px;
      box-shadow: 0 2px 12px rgba(31,31,31,.07);
      transition: border-color .2s, box-shadow .2s;
    }
    .state-hero-banner .search-inner:focus-within {
      border-color: var(--main-color);
      box-shadow: 0 0 0 3px rgba(237,127,65,.15);
    }
    .state-hero-banner .search-inner i { color: #bbb; font-size: 14px; margin-right: 9px; }
    .state-hero-banner .search-inner input {
      border: none; outline: none; background: transparent;
      color: #1F1F1F; flex: 1;
    }
    .state-hero-banner .search-inner input::placeholder { color: #bbb; }

    .state-hero-banner .state-select {
      height: 50px;
      padding: 0 14px;
      border: 1.5px solid #E7DDD7;
      border-radius: 12px;
      background: #fff;
      font-size: 14px;
      color:#1F1F1F;
      font-weight: 600;
      box-shadow: 0 2px 12px rgba(31,31,31,.07);
      appearance: none;
      -webkit-appearance: none;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%237A6E69' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-position: right 14px center;
      padding-right: 36px;
      cursor: pointer;
      transition: border-color .2s;
      width: 60%;
    }
    .state-hero-banner .state-select:focus { outline: none; border-color: var(--main-color); }

    .state-hero-banner .btn-search {
      height: 50px;
      padding: 0 24px;
      background: var(--main-color);
      color: #fff;
      border: none;
      border-radius: 12px;
      font-size: 14px;
      font-weight: 700;
      cursor: pointer;
      display: flex;
      align-items: center;
      gap: 8px;
      box-shadow: 0 4px 16px rgba(237,127,65,.35);
      transition: background .2s, transform .15s, box-shadow .2s;
      white-space: nowrap;
    }
    .state-hero-banner .btn-search:hover {
      background: #e06b28;
      transform: translateY(-1px);
      box-shadow: 0 6px 20px rgba(237,127,65,.45);
    }
    .metrics-strip {
      gap: 10px 0;
    }
    .metric-item {
      display: flex;
      flex-direction: column;
      gap: 3px;
    }
    .metric-number {
      font-weight: 800;
      font-size: 36px;
      line-height: 1;
      color: var(--main-color);
      letter-spacing: -.02em;
    }
    .metric-label {
      font-size: 12.5px;
      font-weight: 600;
      letter-spacing: .02em;
      text-transform: uppercase;
    }
    .state-wise-check-shape {
        margin-top: -92px;
        margin-bottom: -180px;
    }

    .state-wise-check-box{
        transition: .2s ease;
    }
    .state-wise-check-box:hover {
        transform: translateY(-4px);
    }
    .state-wise-check-box h6 {
        color: #000;
        line-height: 1.5;
        font-weight: 600;
    }
    .state-wise-check-box p {
        font-size: 13px;
        text-transform: uppercase;
        font-weight: 600;
        letter-spacing: 0.3px;
    }
    .expert-insight-box .card-footer {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: auto;
        background: none;
        padding: 0 0 .75rem;
        border-top: 0;
        position: absolute;
        bottom: 0;
        width: 100%;
        left: 0;
        padding: 1.1rem 1.25rem 1.25rem;
    }
    .expert-insight-box .card-footer .card-author-sm{
        font-size: 12px;
        color: #888;
    }
    .expert-insight-box .card-footer .card-author-sm strong{
        color: #555;
        font-weight: 500;
    }
    .page-template-caregiver-stories .card.expert-insight-box{
        border: 1px solid rgba(0, 0, 0, 0.09);
        border-radius: 20px;
        overflow: hidden;
        cursor: pointer;
        transition: box-shadow .2s, transform .2s;
        display: flex;
        flex-direction: column;
    }
    .page-template-caregiver-stories .card.expert-insight-box .exprt-catgry{
        list-style-type: none;
        margin-bottom: 10px !important;
    }
    .page-template-caregiver-stories .card.expert-insight-box .exprt-catgry li{
        color: var(--main-color);
        font-size: 12px;
    }
    .page-template-caregiver-stories .card.expert-insight-box .card-body {
        padding: 1.1rem 1.25rem 1.25rem;
        position: relative;
        padding-bottom: 15px !important;
    }
    .page-template-caregiver-stories .card.expert-insight-box .card-body h6.btn{
        color: var(--main-color);
        background: none;
        border: none;
        font-size: 12px;
    }
    .exprt-icon-sec .top-img{
        width: 42px;
        height: 42px;
        border-radius: 14px;
        display: grid;
        place-items: center;
        background: var(--orange-soft);
    }
    .exprt-icon-sec .top-img img{
        max-width: 20px;
    }
    .exprt-icon-sec .col-md-3.mb-5.mb-sm-0 {
        padding: 2.25rem 2rem;
        border-right: 1px solid rgba(0, 0, 0, 0.09);
    }
    .exprt-icon-sec .col-md-3.mb-5.mb-sm-0:last-child{
        border: none;
    }

    .keep-exploring .related-card {
        background: #fff;
        border: 1px solid rgba(0, 0, 0, 0.09);
        border-radius: 12px;
        padding: 1.5rem;
        display: flex;
        flex-direction: column;
        gap: .65rem;
    }
    .keep-exploring .related-type {
        font-size: 10.5px;
        letter-spacing: 1.5px;
        text-transform: uppercase;
        color: var(--main-color);
        font-weight: 500;
        display: flex;
        align-items: center;
        gap: 6px;
    }
    .keep-exploring .related-title {
        font-size: 16px;
        font-weight: 600;
        line-height: 1.4;
    }

    .page-template-caregiver-stories .exprt-icon-sec h3 {
        font-weight: 500;
        font-size: 18px;
        margin-bottom: 7px;
    }
    .page-template-caregiver-stories .exprt-icon-sec p{
        font-size: 14px;
        line-height: 23px;
    }



    /*===========Video Gallery Page==========*/

    .su-hero.vd-glly-bnnr{
        padding: 70px 0 200px;
    }

    .vd-gllry-outr{
        margin-top: -140px;
        position: relative;
    }
.vd-gllry-outr .video-tabs-wrap {
    display: inline-flex;
    gap: 10px 6px;
    padding: 15px;
    background: #fff;
    border-radius: 50px;
    box-shadow: 0 3px 15px rgba(0,0,0,.06);
    justify-content: center;
    flex-wrap: wrap;
}

.vd-gllry-outr .video-tab {
    border: 1px solid #e7e7e7;
    background: #fff;
    color: #555;
    border-radius: 40px;
    padding: 8px 14px;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: .3s;
}

.vd-gllry-outr .video-tab:hover{
    border-color:var(--main-color);
    background:var(--main-color);
    color: #fff;
}

.vd-gllry-outr .video-tab.active{
    background:var(--main-color);
    border-color:var(--main-color);
    color:#fff;
}

/* ==========================
   CARDS
========================== */

.vd-gllry-outr .video-card {
    margin-bottom: 50px;
    transition: transform 0.5s;
    border: none;
    padding: 0 15px;
}
.vd-gllry-outr .video-card:hover{
    transform: scale(1.06) translateY(-10px);
}

.vd-gllry-outr .video-card img{
    border-radius: 15px;
}
.vd-gllry-outr .video-thumb{
    border-radius:18px;
    overflow:hidden;
}

.vd-gllry-outr .video-thumb img{
    width:100%;
    display:block;
    transition:.4s;
}

.vd-gllry-outr .video-card:hover img{
    transform:scale(1.05);
}

.vd-gllry-outr .video-title{
    font-size:18px;
    font-weight:600;
    line-height:1.5;
    margin-top:15px;
}
.vd-gllry-outr .video-card a h6{
    color: #000;
    margin-top: 12px;
}

.vd-gllry-outr .video-item{
    transition:all .4s ease;
}

.vd-gllry-outr .animate-card{
    animation:cardFade .5s ease forwards;
}

@keyframes cardFade{

    from{
        opacity:0;
        transform:translateY(20px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }

}


.vd-gllry-outr .video-card.card .youtubeicon {
    position: absolute;
    top: -56px;
    width: 70px !important;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    transform: scale(0);
    opacity: 0;
}
.vd-gllry-outr .video-card.card:hover .youtubeicon{
    transform: scale(1);
    opacity: 1;
}


.card-col {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      position: relative;
    }

    .checklist-card {
      border-radius: 20px;
      box-shadow: 0 20px 60px rgba(31,31,31,.14);
      padding: 24px 24px 20px;
      width: 100%;
      max-width: 340px;
      position: relative;
      border: 1px solid rgba(231,221,215,.6);
      /* subtle orange glow */
      background: linear-gradient(160deg, #fff 70%, #FEF0E6 100%);
    }

    .card-header-row {
      display: flex;
      align-items: center;
      gap: 12px;
      margin-bottom: 22px;
    }
    .card-logo {
      width: 42px; height: 42px;
      background: linear-gradient(135deg, var(--main-color) 0%, #F5A06D 100%);
      border-radius: 11px;
      display: flex; align-items: center; justify-content: center;
      color: #fff; font-size: 18px;
      box-shadow: 0 4px 12px rgba(237,127,65,.3);
      flex-shrink: 0;
    }
    .card-title-group { display: flex; flex-direction: column; gap: 2px; }
    .checklist-card-title {
        font-weight: 600;
        font-size: 15px;
        line-height: 1.2;
    }
    .checklist-card-subtitle {
      font-size: 11.5px;
    }

    .checklist-rows { display: flex; flex-direction: column; gap: 12px; }
    .checklist-row {
      display: flex;
      align-items: center;
      gap: 12px;
      padding: 10px 12px;
      border-radius: 10px;
      background: #FAFAF9;
      border: 1px solid #E7DDD7;
      transition: background .15s;
    }
    .checklist-row:hover { background: #FDE8D9; }

    .state-badge {
      width: 32px; height: 32px;
      border-radius: 8px;
      background: #FDE8D9;
      border: 1px solid rgba(237,127,65,.25);
      display: flex; align-items: center; justify-content: center;
      font-size: 10px; font-weight: 800;
      color: var(--main-color);
      letter-spacing: .02em;
      flex-shrink: 0;
    }
    .checklist-name {
      font-size: 13px;
      font-weight: 600;
      color: #1F1F1F;
      flex: 1;
      line-height: 1.3;
    }
    .check-icon { color: #4CAF50; font-size: 15px; }
    .check-icon-faded { color: #C8E6C9; font-size: 15px; }

    /* ── DOWNLOADS BADGE ───────────────────────────────────────────────── */
    .downloads-badge {
      display: inline-flex;
      align-items: center;
      gap: 7px;
      background: #fff;
      border: 1.5px solid #ececec;
      border-radius: 100px;
      padding: 8px 16px;
      font-size: 13px;
      font-weight: 700;
      color: var(--main-color);
      box-shadow: 0 2px 12px rgba(31,31,31,.07);
      margin-top: 18px;
    }
    .downloads-badge i { font-size: 13px; }



/*===========================================*/
/*=========Product Release Start============*/
/*==========================================*/

.product-realse-bnnr::after {
    content: '';
    position: absolute;
    height: 60px;
    background: #fff;
    clip-path: ellipse(55% 100% at 50% 100%);
    inset: auto;
    left: 0;
    right: 0;
    bottom: 0;
}
.product-realse-stat {
    margin-bottom: -55px;
    position: relative;
    z-index: 1;
}
.product-realse-stat .care-stat-item {
    border-right: 1px solid rgb(221 221 221);
    padding: 22px 16px;
}
.product-realse-stat .care-stat-item:last-child {
    border: none;
}
.product-realse-stat .care-stat-item .care-stat-num {
    font-size: 30px;
}
    .btn-featured-primary {
      background: var(--main-color);
      color: #fff;
      font-weight: 600;
      font-size: 0.875rem;
      padding: 0.7rem 1.5rem;
      border-radius: 10px;
      border: none;
      transition: all 0.25s;
      display: inline-flex;
      align-items: center;
      gap: 8px;
      text-decoration: none;
    }
    .btn-featured-primary:hover {
      background: #d96e2f;
      color: #fff;
      transform: translateY(-2px);
    }
    .btn-featured-outline {
      background: rgba(255,255,255,0.08);
      color: rgba(255,255,255,0.9);
      font-weight: 600;
      font-size: 0.875rem;
      padding: 0.7rem 1.5rem;
      border-radius: 10px;
      border: 1px solid rgba(255,255,255,0.15);
      transition: all 0.25s;
      display: inline-flex;
      align-items: center;
      gap: 8px;
      text-decoration: none;
    }
    .btn-featured-outline:hover {
      background: rgba(255,255,255,0.15);
      color: #fff;
      transform: translateY(-2px);
    }

    /* ===== SIDEBAR LAYOUT ===== */
    .archive-section { padding: 64px 0 0px; }
    .archive-layout {

    }

    /* Sidebar */
    .archive-sidebar .sticky-top {
        top: 130px;
        z-index: 111;
    }
    .release-sidebar-card {
      background: #fff;
      border: 1.5px solid #eef0f3;
      border-radius: 16px;
      overflow: hidden;
    }
    .release-sidebar-header {
      padding: 18px 20px 14px;
      border-bottom: 1px solid #eef0f3;
    }
    .release-sidebar-header h3 {
      font-size: 0.78rem;
      font-weight: 700;
      letter-spacing: 0.5px;
      text-transform: uppercase;
      color: #3d3d4e;
      margin: 0;
    }

    /* Search inside sidebar */
    .release-sidebar-search {
      padding: 16px 20px;
      border-bottom: 1px solid #eef0f3;
    }
    .release-sidebar-search-wrap {
      position: relative;
    }
    .release-sidebar-search-wrap input {
      width: 100%;
      border: 1.5px solid #eef0f3;
      border-radius: 8px;
      padding: 8px 12px 8px 34px;
      font-size: 0.8rem;
      color: #1a1a2e;
      background: #f9fafb;
      outline: none;
      transition: border-color 0.2s, background 0.2s;
    }
    .release-sidebar-search-wrap input:focus {
      border-color: var(--main-color);
      background: #fff;
    }
    .release-sidebar-search-wrap .si-icon {
      position: absolute;
      left: 11px;
      top: 50%;
      transform: translateY(-50%);
      color: #747779;
      font-size: 0.78rem;
    }

    /* Month accordion */
    .release-sidebar-filter-group { }
    .release-sidebar-filter-title {
      padding: 14px 20px 12px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      cursor: pointer;
      user-select: none;
      border-bottom: 1px solid #eef0f3;
    }
    .release-sidebar-filter-title:last-of-type { border-bottom: none; }
    .release-sidebar-filter-title span {
      font-size: 0.78rem;
      font-weight: 700;
      letter-spacing: 0.5px;
      text-transform: uppercase;
      color: #3d3d4e;
    }
    .release-sidebar-filter-title .chevron {
      color: #747779;
      font-size: 0.75rem;
      transition: transform 0.25s;
    }
    .release-sidebar-filter-title.open .chevron { transform: rotate(180deg); }
    .release-sidebar-month-list {
      padding: 6px 20px 14px;
      border-bottom: 1px solid #eef0f3;
    }
    .release-sidebar-month-list.collapsed { display: none; }
    .release-month-checkbox {
      display: flex;
      align-items: center;
      gap: 10px;
      padding: 6px 0;
      cursor: pointer;
    }
    .release-month-checkbox input[type="checkbox"] {
      width: 15px; height: 15px;
      accent-color: var(--main-color);
      cursor: pointer;
      flex-shrink: 0;
    }
    .release-month-checkbox label {
      font-size: 0.82rem;
      color: #3d3d4e;
      font-weight: 500;
      cursor: pointer;
      margin: 0;
      transition: color 0.2s;
    }
    .release-month-checkbox:hover label { color: var(--main-color); }
    .release-month-checkbox .release-month-count {
      margin-left: auto;
      font-size: 0.7rem;
      background: #f9fafb;
      border-radius: 100px;
      padding: 1px 7px;
    }
    .release-sidebar-clear {
      padding: 12px 20px;
      text-align: center;
    }
    .release-sidebar-clear button {
      background: none;
      border: none;
      color: #000;
      font-size: 0.78rem;
      cursor: pointer;
      transition: color 0.2s;
      padding: 0;
    }
    .release-sidebar-clear button:hover { color: var(--main-color); }

    /* Archive main content */
    .archive-main { flex: 1; min-width: 0; }


    /* ===== SIMPLIFIED RELEASE CARD ===== */
    .release-card {
      background: #fff;
      border-radius: 16px;
      border: 1.5px solid #eef0f3;
      padding: 28px 30px;
      height: 100%;
      transition: all 0.3s;
      display: flex;
      flex-direction: column;
      position: relative;
      overflow: hidden;
    }
    .release-card::before {
      content: '';
      position: absolute;
      top: 0; left: 0; right: 0;
      height: 3px;
      background: var(--main-color);
      transform: scaleX(0);
      transform-origin: left;
      transition: transform 0.3s;
    }
    .release-card:hover {
      box-shadow: 0 8px 32px rgba(0,0,0,0.08);
      border-color: rgba(237,127,65,0.2);
      transform: translateY(-3px);
    }
    .release-card:hover::before { transform: scaleX(1); }

    .release-card-date {
      font-size: 0.72rem;
      color: var(--main-color);
      font-weight: 600;
      letter-spacing: 0.5px;
      text-transform: uppercase;
      margin-bottom: 10px;
      display: flex;
      align-items: center;
      gap: 5px;
    }
    .release-card-title {
        font-size: 18px;
        font-weight: 600;
        color: #000;
        line-height: 1.4;
        margin-bottom: 12px;
    }
    .release-card-desc {
        color: #000;
        flex: 1;
    }
    .release-card-cta {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      font-size: 0.82rem;
      font-weight: 700;
      color: var(--main-color);
      text-decoration: none;
      transition: gap 0.2s;
      margin-top: auto;
    }
    .release-card-cta:hover { gap: 10px; color: var(--main-color); text-decoration: none; }

    /* ===== NEWSLETTER — removed ===== */


    /* No-match message */
    .no-results {
      display: none;
      text-align: center;
      padding: 60px 20px;
      color: #000;
    }
    .no-results i { font-size: 2.5rem; margin-bottom: 12px; color: #eef0f3; }

    /* Result count */
    .result-count {
      font-size: 0.8rem;
      color: #000;
      margin-bottom: 20px;
      font-weight: 500;
    }
    .result-count strong { color: var(--main-color); }
    .product-sub-head .pill {
        background: #fff4ee;
        color: var(--main-color);
        border: 1px solid var(--main-color);
        display: inline-flex;
        align-items: center;
        gap: 5px;
        padding: 4px 12px;
        border-radius: 20px;
        font-size: 14px;
        font-weight: 600;
    }   
    .product-update-inner h2 {
        position: relative;
        margin-bottom: 30px;
    }
    .product-update-inner h2:after {
        position: absolute;
        content: "";
        background: var(--main-color);
        bottom: -12px;
        left: 0;
        width: 160px;
        height: 4px;
    }
    .product-update-inner ul {
        margin-left: 27px;
        line-height: 2.3;
    }
    .product-update-inner > ul {list-style: none;margin-bottom: 20px;}
    .product-update-inner > ul > li{ position:relative; }
    .product-update-inner > ul > li:before {
        position: absolute;
        content: "";
        width: 13px;
        height: 13px;
        left: -20px;
        top: 9px;
        background: url(../img/new-tick.png) 0px 0px / 100% no-repeat;
    }

/*===========================================*/
/*=========Product Release Ends============*/
/*==========================================*/


/*===========================================*/
/*=======Community Page Section CSS Start====*/
/*===========================================*/
.expert-card {
    background: #fff;
    border-radius: 24px;
    padding: 20px;
    height: 100%;
    box-shadow: 0 0 20px rgba(0,0,0,.08);
    transition: 0.3s;
    display: flex;
    flex-direction: column;
}
.expert-card p a {
    color: var(--main-color);
}
.expert-card:hover{
      transform: translateY(-3px);
    box-shadow: 0 12px 40px rgba(242, 106, 33, 0.18);
}

.expert-card-label{
    display:flex;
    align-items:center;
    gap:14px;
    margin-bottom:10px;
}

.icon-circle{
    width:38px;
    height:38px;
    background:var(--light-orange);
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--main-color);
    font-size: 20px;
}

.expert-card-label span{
    color:var(--main-color);
    font-size:13px;
    font-weight:700;
}

.expert-card h3 {
    font-size: 15px;
    line-height: 1.5;
    font-weight: 700;
    flex: 1;
/*    min-height: 110px;*/
}

.expert-card hr{
    margin:14px 0;
}

.expert-info{
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom: 15px;
}

.expert-info img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-fit: cover;
}

.expert-info small{
    color:var(--main-color);
    letter-spacing:2px;
    font-size:11px;
    font-weight:700;
}

.expert-info h4 {
    font-size: 14px;
    margin: 2px 0 0px;
    font-weight: 500;
}

.expert-info p{
    font-size:12px;
    color:var(--secondary-color);
    margin:0;
}

.expert-btn{
    background:var(--light-orange);
    border-radius:14px;
    height:62px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:0 24px;
    color:var(--main-color);
    font-weight:600;
}

.expert-btn:hover{
    text-decoration:none;
    color:var(--main-color);
}

.sidebar-card{
    background:#fff;
    border-radius:24px;
    padding:28px;
}

.month-card{
    background:#fff7f2;
}

.sidebar-label{
    color:var(--main-color);
    font-size:13px;
    font-weight:700;
    letter-spacing:2px;
    margin-bottom:20px;
}

.month-card h3 {
    font-size: 16px;
    line-height: 1.4;
    font-weight: 700;
}

.month-card p{
    font-size: 13px;
}

.join-submit-btn {
    display: block;
    background: var(--main-color);
    color: #fff;
    text-align: center;
    padding: 10px 15px;
    border-radius: 12px;
    margin: 10px 0;
    font-weight: 600;
    font-size: 17px;
}

.join-submit-btn:hover{
    color:#fff;
    background: #000;
    text-decoration:none;
}

.support-box{
    display:flex;
    gap:12px;
    color:var(--secondary-color);
    line-height:1.8;
}

.support-box i{
    color:var(--main-color);
    margin-top:4px;
}
.support-box span{
}

.topics-card ul{
    padding:0;
    margin:25px 0;
    list-style:none;
}

.topics-card li{
    margin-bottom:16px;
    color:#222;
    position:relative;
    padding-left:26px;
}

.topics-card li:before{
    content:"✓";
    position:absolute;
    left:0;
    color:var(--main-color);
}

.view-topics{
    color:var(--main-color);
    font-weight:600;
}
.view-topics:hover{
  color: var(--main-color);
}

.question-banner{
    margin-top:35px;
    background:#f9f1eb;
    border-radius:26px;
    padding:40px 45px;
}

.question-left{
    display:flex;
    align-items:center;
    gap:25px;
}

.question-icon{
    width:80px;
    height:80px;
    border-radius:50%;
    background:linear-gradient(135deg,#f28b4b,#e76c26);
    color:#fff;
    font-size:32px;
    display:flex;
    justify-content:center;
    align-items:center;
}

.question-left h3{
    font-size:26px;
    font-weight:700;
}

.question-left p{
    margin:0;
    color:var(--secondary-color);
}

.outline-btn{
    display:inline-flex;
    align-items:center;
    gap:15px;
    border:2px solid var(--main-color);
    color:var(--main-color);
    padding:18px 35px;
    border-radius:14px;
    font-weight:600;
}

.outline-btn:hover{
    text-decoration:none;
    background:var(--main-color);
    color: #fff;
}

.vd-all-grid-sec .stat-btn #stateSelect {
    /* width: 100%; */
    outline: 0;
    /* margin: auto; */
    height: 40px;
    padding: 0 14px;
    border: 1.5px solid #E7DDD7;
    border-radius: 12px;
    background: #fff;
    font-size: 14px;
    color: #1F1F1F;
    font-weight: 600;
    box-shadow: 0 2px 12px rgba(31, 31, 31, .07);
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%237A6E69' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 14px center;
    padding-right: 36px;
    cursor: pointer;
    transition: border-color .2s;
}
/*===========================================*/
/*=======Community Page Section CSS Ends====*/
/*===========================================*/



.modal {
    background-color: rgb(0 0 0 / 43%) !important;
}
.modal-backdrop {
  z-index: -1;
}



.filter-tabs {
  display: inline-flex;
  padding: 6px;
  border: 1px solid #ececec;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 10px 25px rgba(19,35,58,.05);
  gap: 6px;
}
.filter-tab {
  border: none;
  background: transparent;
  padding: 11px 24px;
  border-radius: 10px;
  font-weight: 600;
  color: #13233a;
  cursor: pointer;
  font-size: 15px;
  transition: background .2s, color .2s;
}
.filter-tab.active,
.filter-tab:hover {
  background: var(--main-color);
  color: #fff;
}

/* ── Review Cards ── */
.review-card {
    background: #fff;
    border: 1px solid #ececec;
    border-radius: 22px;
    padding: 28px;
    box-shadow: 0 18px 45px rgba(19,35,58,.08);
    min-height: 265px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    transition: 0.3s ease-in-out;
}
.review-card:hover,.testimo-video-card:hover {
    transform: translateY(-10px);
}
.review-item.hidden{
    display:none !important;
}
.review-card .quote {
    color: #c9c9c9;
    font-size: 35px;
    line-height: 1;
    font-weight: 900;
}
.review-card .quote i {
    background: #ececec;
    padding: 11px;
    width: 57px;
    display: block;
    margin: auto;
    height: 57px;
    border-radius: 60px;
}
.review-text {
    /* color: #303848; */
    margin: 16px 0 15px;
    font-size: 15.5px;
    font-weight: 500;
}
.review-person h4 {
    /* color: #13233a; */
    font-size: 16px;
    font-weight: 700;
    margin: 0;
    margin-top: 10px;
}
.review-person p {
    color: #6b7280;
    font-size: 14px;
    line-height: 1.4;
    margin: 4px 0 0 0;
}
.review-person {
    margin-bottom: 10px;
}
.testimo-video-card {
    position: relative;
    border-radius: 22px;
    overflow: hidden;
    box-shadow: 0 18px 45px rgba(19,35,58,.08);
    background: #232323;
    color: #fff;
    height: 100%;
    transition: 0.3s ease-in-out;
}

.testimo-video-content { position: relative; width: 100%; padding: 20px 24px;}
.testimo-play-btn {
    width: 57px;
    height: 56px;
    border-radius: 50%;
    background: #fff;
    color: var(--orange);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    box-shadow: 0 12px 30px rgba(0,0,0,.25);
    cursor: pointer;
    bottom: 120px;
    position: absolute;
    right: 16px;
    z-index: 1;
}
.testimo-video-content h4 { font-size: 18px; font-weight: 700; margin-bottom: 2px; }
.testimo-video-content p  { color: rgba(255,255,255,.78); font-size: 14px; margin: 0; }
.testimo-video-bottom {
  display: flex; align-items: center; justify-content: space-between;
  margin-top: 14px;
  border-top: 1px solid rgba(255,255,255,.18);
  padding-top: 14px;
}
.testimo-play-link  { font-weight: 800; color: #fff; }
.testimo-play-link:hover{color: var(--main-color);}
.featured-review-card {
    background: #fff;
    border: 1px solid #ececec;
    border-radius: 22px;
    box-shadow: 0 18px 45px rgba(19, 35, 58, .08);
    transition: 0.3s ease-in-out;
    overflow: hidden;
}
.featured-review-card .btn:hover {
    background: var(--main-color);
    border-color: var(--main-color);
}
.testimonial-avatar {
    background: #bf6a39;
    background: linear-gradient(90deg,rgba(191, 106, 57, 1) 0%, rgba(237, 127, 65, 1) 100%);
    width: 45px;
    height: 45px;
    border-radius: 100%;
}
.testi-img-main-box {
    gap: 55px;
}
.testi-img-box img {
    height: 32px;
}
.featured-review-card h4 {
    font-size: 19px;
    line-height: 1.6;
    font-weight: 600;
}
.featured-review-card:after {
    content: "";
    position: absolute;
    right: -140px;
    top: -120px;
    width: 420px;
    height: 420px;
    border-radius: 50%;
    background: rgba(255,107,44,.11);
}
.case-matrics h4 {
    font-size: 36px;
    margin-bottom: 5px;
    font-weight: 600;
    color: var(--main-color);
}
.case-study-sidebar ul {
    font-weight: 300;
    line-height: 30px;
    color: #000;
}
.case-study-sidebar ul li a {
    color: #000;
    font-size: 14px;
    border-bottom: none;
    padding: 0;
    width: 100%;
    display: block;
    transition: all .3s ease;
    line-height: 1.6;
    font-weight: 500;
}
.case-inner-image {
    height: 350px;
    object-fit: cover;
    object-position: top;
}
.case-sidebar-link.active,.case-study-sidebar ul li a:hover{
    color: var(--main-color);
}
.case-study-sidebar {
    max-height: calc(100vh - 200px);
    overflow-y: auto;
    background: rgb(255, 244, 238);
    scrollbar-width: thin;
}
.case-study-sidebar ul li {
    margin-bottom: 13px;
}
.case-study-sidebar ul li:last-child{margin-bottom: 0;}

.tbl-contnt{
    max-height: calc(100vh - 300px);
    overflow-y: auto;
    scrollbar-width: thin;
}
#requirements .table-responsive thead{
    background: var(--main-color);
    color: #fff;
}
#requirements .table-responsive{
    border: none;
}

.consent-group p{
     margin-bottom: 0px;
    font-size: 11px;
    line-height: 20px;
}
.consent-group .form-check-input {
    margin-top: 3px;
}
.consent-group p a{color: var(--main-color);}
.consent-check{

padding-left:6px;

}
.featured-blog-inner h3 {
    color: var(--main-color);
}
.contact-form-card .wpcf7 form .wpcf7-response-output {
    margin: 2em 1.5em 1em;
}


.faq-inner-page-sidebar {
    position: sticky;
    top: 150px;
    padding-bottom: 20px;
}
.faq-page-box .card p{margin-bottom: 10px;}
.faq-page-box .card p:last-child{margin-bottom: 0px;}
.ask-section {
    background: linear-gradient(135deg, rgb(237, 127, 65) 0px, rgb(191, 71, 2) 100%);
    border-radius: 22px;
    padding: 60px 50px;
    color: #fff;
}
.ask-form .ef-label {
    color: #fff;
}   
.ask-form .wpcf7-submit {
    background-color: #000;
    width: max-content;
    color: #fff;
    padding: 14px 20px;
}
.ask-form .wpcf7-not-valid-tip {
    background: red;
    color: #fff;
    display: inline-block;
    padding: 0 7px;
}
.ask-form .wpcf7 form .wpcf7-response-output {
    margin: 0;
}
/*.ask-form input, .ask-form textarea {
    background: #fafbfc;
    border: 1.5px solid #e8f0ee;
    padding: 11px 14px;
    font-size: 14px;
    display: block;
    transition: 0.2s;
    width: 100%;
    outline: 0;
    border-radius: 10px;
}*/


.d6 {
    background: #FFFFFF;
    border-radius: 20px;
    padding: 30px 40px 44px;
    box-shadow: 0 2px 24px rgba(0,0,0,0.07);
    position: relative;
    overflow: hidden;
    text-align: center;
    margin: 35px auto;
}
.d6__bg-mark {
    position: absolute;
    top: -60px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 400px;
    line-height: 1;
    font-family: Georgia, serif;
    color: #000;
    opacity: 0.03;
    font-weight: 700;
    pointer-events: none;
    user-select: none;
    white-space: nowrap;
}
.d6__portrait {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto 22px;
    position: relative;
    z-index: 1;
    box-shadow: 0 4px 20px rgba(0,0,0,0.12);
    border: 4px solid #FFFFFF;
    outline: 2px solid rgba(237,127,65,0.3);
}
.d6__portrait img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
    display: block;
}
.d6__quote {
    font-size: 17px;
    font-weight: 300;
    font-style: italic;
    line-height: 1.65;
    color: #000;
    margin: 0 auto 20px;
    position: relative;
    z-index: 1;
}
.d6__rule {
    width: 40px;
    height: 2px;
    background: #ED7F41;
    margin: 0 auto 20px;
}
.blog-right .d6__name {
    font-size: 14px;
    font-weight: 600;
    color: #000;
    margin-bottom: 0;
}
.blog-right .d6__role {
    font-size: 11px;
    color: #000;
    margin-top: 2px;
    margin-bottom: 0;
}



.d8 {
    position: relative;
    padding-left: 80px;
    padding-top: 28px;
    padding-bottom: 30px;
}
.d8__card {
    background: #FFFFFF;
    border-radius: 20px;
    padding: 52px 56px 48px 140px;
    position: relative;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
    border: 1px solid #ebebeb;
}
.d8__card:after,.d6:after {
    position: absolute;
    content: "";
    background: var(--main-color);
    width: 100%;
    height: 10px;
    right: 0;
    bottom: 0px;
    border-radius: 0 0 20px 20px;
}
.d8__img-wrap {
    position: absolute;
    left: -72px;
    top: 50%;
    transform: translateY(-50%);
    width: 160px;
    height: 160px;
    border-radius: 100px;
    overflow: hidden;
    box-shadow: 0 8px 32px rgba(0,0,0,0.18);
    z-index: 2;
}
.d8__img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
    display: block;
}
.d8__top-strip {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 28px;
}
.d8__issue-tag {
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: #FFFFFF;
    background: #ED7F41;
    padding: 4px 10px;
    border-radius: 4px;
}
.d8__issue-label {
    font-size: 11px;
    color: #000;
    font-weight: 400;
}
.d8__quote {
    font-size: 21px;
    font-weight: 400;
    font-style: italic;
    line-height: 1.65;
    color: #000;
    margin-bottom: 28px;
    position: relative;
}
.d8__quote::before {
    content: '\201C';
    font-family: Georgia, serif;
    font-size: 52px;
    line-height: 0;
    color: #ED7F41;
    position: absolute;
    top: 14px;
    left: -28px;
    font-weight: 700;
}
.d8__footer {
    display: flex;
    align-items: center;
    gap: 16px;
}
.d8__foot-line {
    flex: 1;
    height: 1px;
    background: #F0F0F0;
}
.blog-right .d8__name {
    font-size: 13px;
    font-weight: 600;
    color: #000;
    margin-bottom: 0;
}
.blog-right .d8__role {
    font-size: 11px;
    color: #000;
    margin-top: 2px;
}

    .l2c-contact-meta span i {
    color: #ff7b1c;
    font-size: 0.9rem;
    width: 18px;
        margin-right: 9px;
    }


    .l2c-contact-meta span  {
    gap: 9px;
    font-size: 0.9rem;
    font-weight: 600;
    color: #1e1e1e;
    }

.blog-right iframe {
    width: 85% !important;
    border-radius: 30px;
    height: 460px !important;
}


.community-video-modal .modal-content {
  background: #000;
  border: none;
  border-radius: 14px;
  overflow: hidden;
  position: relative;
}
.community-video-modal .modal-body {
  padding: 0 !important;
}

/* ── 16:9 video ratio ── */
.community-modal-video-ratio {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%; /* 16:9 */
  overflow: hidden;
  background: #000;
}
.community-modal-video-ratio iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  border: 0;
}

/* ── Close Button ── */
.community-modal-close {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 20;
  background: rgba(0,0,0,.55);
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 50%;
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  cursor: pointer;
  transition: background .2s, transform .15s;
  padding: 0;
  line-height: 1;
}
.community-modal-close:hover {
  background: rgba(0,0,0,.85);
  transform: rotate(90deg);
}



.testi-video-modal .modal-dialog {
    max-width: fit-content;
    width: auto;
    margin: 1.75rem auto;
}
.testi-video-modal video {
    display: block;
    width: fit-content !important;
    height: auto;
    max-width: 90vw;
    max-height: 85vh;
    border-radius: 10px;
}
.testi-video-modal .modal-content {
  background: transparent;
  border: 0;
    box-shadow: none;
  border-radius: 14px;
  overflow: hidden;
  position: relative;
}

.testimo-video-card img {
    height: 70%;
    object-fit: cover;
}
.blog-single-outer .new-accordion .card{height: auto;}
#requirements .table-responsive {
    width: 80%;
    margin: auto;
}
.requirements-section tr td {
    vertical-align: middle;
}
.requirements-section tr td strong {
    font-weight: 600;
}
#requirements .table-responsive table {
    background: #fff;
}
#requirements .table-responsive thead tr th:first-child {
    min-width: 485px;
    border-radius: 14px 0 0;
}
#requirements .table-responsive thead tr th:nth-child(2) {
    min-width: 238px;
    text-align: center;
}
#requirements .table-responsive thead tr th:nth-child(3) {
    min-width: 238px;
    text-align: center;
    border-radius: 0 14px 0 0;
}
#requirements .table-responsive tbody tr td:nth-child(2) {
    text-align: center;
    background: #fffaf7;
}
#requirements .table-responsive tbody tr td:nth-child(3) {
    text-align: center;
}


.explre-home-cta {
    padding: 40px;
    border-radius: 20px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
    border: 1px solid #ffebdf;
    background: #FFF;
    overflow: hidden;
    background: linear-gradient(180deg, rgb(255 247 242) 0%, rgba(254, 228, 211, 1) 100%);
}
.explre-home-cta:before {
    position: absolute;
    content: "";
    border-radius: 50%;
    background: rgb(255 227 211);
    width: 190px;
    height: 190px;
    top: -80px;
    left: -80px;
}
.explre-home-cta:after {
    position: absolute;
    content: "";
    background: url("../img/line-wave.png") no-repeat;
    width: 510px;
    height: 100%;
    top: 0;
    right: 0;
    background-size: 100%;
    z-index: 0;
    opacity: 0.7;
    border-radius: 0 20px 0 0;
}
.home-course-icon i {
    background: #fff;
    font-size: 50px;
    padding: 20px;
    width: 104px;
    height: 104px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--main-color);
    border-radius: 60px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
}
.explre-home-cta h3 {
    font-size: 34px;
    font-weight: 700;
    line-height: 1.4;
    margin-top: -7px;
    margin-bottom: 7px;
}
.explre-home-cta h3 span{
    color: var(--main-color);
}


.state-page-banner:after {
    content: '';
    position: absolute;
    height: 60px;
    background: #fff;
    clip-path: ellipse(55% 100% at 50% 100%);
    inset: auto;
    left: 0;
    right: 0;
    bottom: 0;
}

.batllecard-banner {
    position: relative;
    padding: 80px 0;
    overflow: hidden;
    background: linear-gradient(180deg, #FFF9F5 0%, #FFFDFB 58%, #FFFFFF 100%);
}
.batllecard-banner:before {
    content: "";
    position: absolute;
    top: -320px;
    left: 50%;
    transform: translateX(-50%);
    width: 1080px;
    height: 640px;
    background: radial-gradient(closest-side,rgba(237,127,65,.13),transparent);
    pointer-events: none;
}
.batllecard-banner h1 {
    font-weight: 700;
    font-size: 42px;
}
.batllecard-banner h1 span {
    color: var(--main-color);
    position: relative;
    display: inline-block;
}
.batllecard-banner h1 span svg {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -10px;
    width: 100%;
    height: 12px;
}
.batllecard-banner h1 span svg path {
    stroke: var(--main-color);
    stroke-width: 3.4;
    fill: none;
    stroke-linecap: round;
    stroke-dasharray: 320;
    stroke-dashoffset: 320;
    animation: draw 1.1s .55s cubic-bezier(.22,.61,.36,1) forwards;
}
@keyframes draw{to{stroke-dashoffset:0}}
.grp td {
    background: linear-gradient(90deg,#FEF4EE,#fff 70%)!important;
}
.grp .g-label {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 12.5px;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--main-color);
}
.grp .g-label::before {
    content: "";
    width: 18px;
    height: 2px;
    background: var(--main-color);
}
.chip {
    font-size: 21px;
    line-height: normal;
}
.chip.chip-yes {
    color: #16A34A;
}
.vs-table .pill {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    justify-content: center;
}
.vs-table tbody tr td:nth-child(3){
    font-weight: 600;
}
/*.compare-table.vs-table th,.compare-table.vs-table td {
    text-align: left;
}*/
.chip-half {
    background: #fff5ef;
    border: 1px solid #EFDCAE;
    color: var(--main-color);
    font-size: 11px;
    font-weight: 800;
    padding: 4px;
    height: 19px;
    width: 19px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
}

.ca-course-card{background: #fff; border:1px solid #eee;border-radius:14px;height:100%;transition:transform .15s ease,box-shadow .15s ease}
.ca-course-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px -16px rgba(0,0,0,.2)}
.ca-course-card .badge-tag{background:#fff3ea;color:#d96a2c;font-weight:600;font-size:10.5px;letter-spacing:.5px;text-transform:uppercase;border-radius:50px;padding:5px 12px}
.ca-course-card .c-title{font-weight:600;font-size:15px;line-height:1.45;color:#000;margin:10px 0 12px}
.ca-course-card .c-cert{font-size:14px;color:#454545;}

.ca-tab .nav-link {
    border-radius: 50px;
    font-weight: 600;
    font-size: 15px;
    color: #000;
    border: 2px solid #000000;
    margin: 0 8px 10px 0;
    padding: 10px 22px;
    background: #fff;
}
.ca-tab .nav-link.active {
    background-color: var(--main-color);
    border-color: var(--main-color);
}
.ca-tab .nav-link .count {
    font-weight: 500;
    opacity: .7;
    font-size: 13px;
    margin-left: 6px;
}

.core-group h3 {
    font-size: 17px;
}
.core-group .badge-count {
    background: #fff3ea;
    color: var(--main-color);
    font-weight: 600;
    font-size: 11.5px;
    border-radius: 50px;
    padding: 5px 12px;
    vertical-align: middle;
}
.core-item {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 12px;
    padding: 13px 16px;
    font-size: 14px;
    font-weight: 500;
    color: #000;
    height: 100%;
    display: flex;
    align-items: flex-start;
}
.core-item .tick {
    color: var(--main-color);
    font-weight: 700;
    margin-right: 10px;
    flex: none;
}
.contact-form-card .form-check-label {
    margin-bottom: 0px;
}

.ca-city-card {
    gap: 10px;
    padding: 18px;
}
.ca-city-icon {
    width: 85px;
    height: 60px;
    background: #e2fff0;
    border-radius: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 20%;
}
.ca-city-icon img {
    width: 40px;
    height: 40px;
}
.ca-city-txt {
    display: flex;
    flex-direction: column;
}