/* ---- menu-headings.css ---- */
/* GENERATED by include/build_heading_css.py -- do not edit by hand.
   Sources, in cascade order: css/bootstrap.min.css, css/style.min.css, css/owl.carousel.min.css, css/owl.theme.default.min.css, css/animate.min.css, sass/about-us.css, sass/appointment-scheduling.css, sass/attendance-management.css, sass/attendee-mobile-app.css, sass/blog-detail.css, sass/blog.css, sass/career.css, sass/case-studies.css, sass/contact.css, sass/customer-experience.css, sass/disclaimer.css, sass/event-detail.css, sass/events.css, sass/faq.css, sass/features.css, sass/getting-started.css, sass/help-center.css, sass/help-detail.css, sass/impact.css, sass/index.css, sass/milestone.css, sass/our-team.css, sass/partners.css, sass/pricing.css, sass/privacy-policy.css, sass/problem-we-solving.css, sass/sitemap.css, sass/tasks-help.css, sass/terms-condition.css, sass/try-etoken.css, sass/tvscreen.css, sass/value-matrix.css, sass/view-all-feature.css, sass/visitor-management-help.css, sass/visitor-management.css, sass/visitor-mobile-app.css, sass/watch-demo.css, sass/what-is-new.css, sass/why-need-etoken.css, css/media.css */
/* Menu and popup headings printed as <span class="et-hN"> (et_unheading). */
span:where(.et-h1,.et-h2,.et-h3){display:block}
span:where(.et-h1),span:where(.et-h2),span:where(.et-h3){margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2}
span:where(.et-h1){font-size:calc(1.375rem + 1.5vw)}
@media (min-width:1200px){
span:where(.et-h1){font-size:2.5rem}
}
span:where(.et-h2){font-size:calc(1.325rem + .9vw)}
@media (min-width:1200px){
span:where(.et-h2){font-size:2rem}
}
span:where(.et-h3){font-size:calc(1.3rem + .6vw)}
@media (min-width:1200px){
span:where(.et-h3){font-size:1.75rem}
}
header .header-top nav .main-menu li .sub-menu .menu-bg .overview-text span:where(.et-h2){line-height:16px;margin-bottom:8px}
header .header-top nav .main-menu li .sub-menu .role-content .role-industry .role-1 span:where(.et-h3){line-height:22px;margin-bottom:4px}
.popup-block .block-text span:where(.et-h1){font-size:27px;font-weight:700;font-family:roboto;line-height:36px}
.bbd-data span:where(.et-h3){font-size:18px; color:#241c60; overflow:hidden; height:21px; -webkit-line-clamp:1; margin-bottom:3px}
.business-expansion-panel-left span:where(.et-h3){color:#fff; font-size:18px; margin-bottom:4px}
@media screen and (max-width: 1366px){
header .header-top nav .main-menu li .sub-menu .menu-bg .overview-text .content span:where(.et-h2){font-size: 20px;margin-bottom: 10px;}
}
@media screen and (max-width:1150px){
header .mob-sub-menu .role-content .role-industry li .role-sec span:where(.et-h3){font-size: 16px;color: var(--txttheme);margin-bottom: 0;}
}
@media screen and (max-width:1150px){
header .mob-sub-menu .role-content .role-industry .role-1 span:where(.et-h3){margin-bottom: 0;}
}
@media screen and (max-width:1150px){
header .mob-sub-menu .overview-text span:where(.et-h2){font-size: 17px;color: var(--txttheme);margin-bottom: 5px;}
}
@media screen and (max-width:1150px){
header .mob-sub-menu .right-menu-item .type-story .customer-logo-content span:where(.et-h3){font-size: 22px !important;font-weight: 600;color: var(--secondarycolor);margin: 20px 0 10px;}
}
@media screen and (max-width:768px){
.popup-block .block-text span:where(.et-h1){font-family: raleway;font-size: 25px;  font-weight: 800;text-align: center;}
}
@media screen and (max-width:768px){
.popup-block .block-text span:where(.et-h2){font-family: raleway;font-size: 18px;  font-weight: 600;text-align: center;}
}

/* ---- heading-fixes.css ---- */
/* GENERATED by include/build_heading_css.py -- do not edit by hand.
   Sources, in cascade order: css/bootstrap.min.css, css/style.min.css, css/owl.carousel.min.css, css/owl.theme.default.min.css, css/animate.min.css, sass/about-us.css, sass/appointment-scheduling.css, sass/attendance-management.css, sass/attendee-mobile-app.css, sass/blog-detail.css, sass/blog.css, sass/career.css, sass/case-studies.css, sass/contact.css, sass/customer-experience.css, sass/disclaimer.css, sass/event-detail.css, sass/events.css, sass/faq.css, sass/features.css, sass/getting-started.css, sass/help-center.css, sass/help-detail.css, sass/impact.css, sass/index.css, sass/milestone.css, sass/our-team.css, sass/partners.css, sass/pricing.css, sass/privacy-policy.css, sass/problem-we-solving.css, sass/sitemap.css, sass/tasks-help.css, sass/terms-condition.css, sass/try-etoken.css, sass/tvscreen.css, sass/value-matrix.css, sass/view-all-feature.css, sass/visitor-management-help.css, sass/visitor-management.css, sass/visitor-mobile-app.css, sass/watch-demo.css, sass/what-is-new.css, sass/why-need-etoken.css, css/media.css */
/* Page headings re-levelled by et_normalise_headings(): one <h1> per page. */
h2:where(.et-was-h1){margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2}
h1:where(.et-was-h2){margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2}
h2:where(.et-was-h1){font-size:calc(1.375rem + 1.5vw)}
@media (min-width:1200px){
h2:where(.et-was-h1){font-size:2.5rem}
}
h1:where(.et-was-h2){font-size:calc(1.325rem + .9vw)}
@media (min-width:1200px){
h1:where(.et-was-h2){font-size:2rem}
}
header .header-top nav .main-menu li .sub-menu .menu-bg .overview-text h1:where(.et-was-h2){line-height:16px;margin-bottom:8px}
.popup-block .block-text h2:where(.et-was-h1){font-size:27px;font-weight:700;font-family:roboto;line-height:36px}
main .about-us-sec .financial-sec .financial-bg .financial-content h1:where(.et-was-h2){font-size: 26px;font-weight: 600;margin: 30px 0;color: var(--txttheme);}
main .about-us-sec .need-etoken-sec .project-1.temp-caption h1:where(.et-was-h2){transition: all .4s ease-in-out;}
main .about-us-sec .need-etoken-sec .project-1:hover .temp-caption h1:where(.et-was-h2){color: var(--txttheme);}
main .about-us-sec .need-etoken-sec .templates-project .temp-caption h1:where(.et-was-h2){font-size: 25px;font-weight: 500; margin-bottom: 10px; line-height: 30px;}
main .core-values .value-sec .value-box .temp-caption h1:where(.et-was-h2){text-align: center;font-size: 22px;color: var(--txtblack);font-weight: 500;padding: 25px 0 0;margin-bottom: 0;}
main .finance-slide-video .slide-left-content h2:where(.et-was-h1){font-weight: 600;font-size: 35px;}
main .finance-inner-tab .spa-main .spa-slide .tab-sec-2 h1:where(.et-was-h2){font-weight: 600;font-size: 34px;margin-bottom: 0;line-height: 50px;}
main .finance-inner-tab .spa-main .spa-slide .tab-sec-2 h1:where(.et-was-h2) span{color: var(--txttheme);}
main .financial-sec .financial-bg .financial-content h1:where(.et-was-h2){font-size: 26px;font-weight: 600;margin: 30px 0;color: var(--txttheme);}
main .finance-slide-video .slide-left-content  h2:where(.et-was-h1){font-weight: 600;font-size: 35px;}
main .contact-sec-right .project-1 h1:where(.et-was-h2){font-size: 22px;font-weight: 600;margin-bottom: 10px;line-height: 28px;}
main .contact-sec-right .project-1.temp-caption h1:where(.et-was-h2){transition: all .4s ease-in-out;}
main .contact-sec-right .project-1:hover .temp-caption h1:where(.et-was-h2){color: var(--txttheme);}
main .contact-form-sec .contact-form-main .form-main h1:where(.et-was-h2){font-weight: 600;font-size: 25px;margin: 0 0 20px;}
main .process-timeline .sectiontitle h1:where(.et-was-h2){text-align: center;font-weight: 600; font-size: 36px;color: var(--txttheme);margin-bottom:15px;}
main .help-center-sec .templates-sec .project-1.temp-caption h1:where(.et-was-h2){transition: all .4s ease-in-out;}
main .help-center-sec .templates-sec .project-1:hover .temp-caption h1:where(.et-was-h2){color: var(--txttheme);}
main .help-center-sec .templates-sec .templates-project .temp-caption h1:where(.et-was-h2){position: relative;font-size: 20px;font-weight: 600;margin-bottom: 6px;line-height: 26px;transition: all .4s ease-in-out;}
main .help-center-sec .templates-sec .templates-project .temp-caption h1:where(.et-was-h2) .link-arrow{position: absolute; right: 0; top: auto;}
main .help-center-sec .templates-sec .templates-project .temp-caption h1:where(.et-was-h2){position: relative; font-size: 22px;font-weight: 600; margin-bottom: 8px; line-height: 30px;transition: all .4s ease-in-out;}
main .main-banner .owl-item.active .slide-text h2:where(.et-was-h1){font-weight: 700; font-size: 36px;color: var(--txttheme);}
main .main-slide .slide-right-content h2:where(.et-was-h1){font-weight: 700; font-size: 36px;color: var(--txttheme);}
main .road-map-milestone .roadmap-card h2:where(.et-was-h1){font-size:1.3rem}
main .road-map-milestone .roadmap-card h1:where(.et-was-h2){font-size:1.25rem}
main .pricing-sec .pricing-table table h1:where(.et-was-h2){font-size: 23px; font-weight: 600;margin-bottom: 0;padding: 10px;text-align: center;}
main .privacy-policy-sec .privacy-policy-main h1:where(.et-was-h2){background: url(../images/link-arrow.svg) left no-repeat;padding-left: 30px;line-height: 32px;font-weight: 600;color: var(--txttheme);font-size: 25px;margin-bottom: 20px;}
main .problem-solving-sec .slide-left-content h2:where(.et-was-h1){font-weight: 600;font-size: 40px;}
main .roadmap-body .road-heading h1:where(.et-was-h2){color: rgba(23, 38, 67, 1);font-size: 18px; font-weight: 600;display: flex;align-items: center;justify-content: center;text-transform: uppercase;margin: 0;}
main .roadmap-card h2:where(.et-was-h1){font-size:1.3rem}
main .roadmap-card h1:where(.et-was-h2){font-size:1.25rem}
main .value-matrix-main .slide-left-content  h2:where(.et-was-h1){font-weight: 600;font-size: 40px;}
main .process-timeline .sectiontitle h1:where(.et-was-h2){text-align: center;font-weight: 700; font-size: 45px;color: #222;margin-bottom: 0px;}
main .demo-point .project-1.temp-caption h1:where(.et-was-h2){transition: all .4s ease-in-out;}
main .demo-point .project-1:hover .temp-caption h1:where(.et-was-h2){color: var(--txttheme);}
main .demo-point .templates-project .temp-caption h1:where(.et-was-h2){font-size: 16px;margin-bottom: 0;line-height: 27px;transition: all .4s ease-in-out;}
main .what-is-new-sec .timeline-sec .whatsnew-timeline .whatsnew-timeline-right .timeline .entry .title-year h2:where(.et-was-h1){font-size: 40px;margin-bottom: 0; font-weight: 600;color: var(--txttheme);position: relative;}
main .what-is-new-sec .timeline-sec .whatsnew-timeline .whatsnew-timeline-right .timeline .entry .title-year h2:where(.et-was-h1)::before{position: absolute; height: 12px; width: 12px; background: var(--txttheme); border-radius: 50%; top: 20px; left: -55px; content: '';}
main .whyneed-slide-video .slide-left-content  h2:where(.et-was-h1){font-weight: 600;font-size: 40px;}
main .whyneed-etoken-customer .customer-say-main .teaser-content h1:where(.et-was-h2){font-size: 24px;font-weight: 600;line-height: 35px;margin: 0 0 15px;color: var(--txttheme);}
main .need-etoken-sec .project-1.temp-caption h1:where(.et-was-h2){transition: all .4s ease-in-out;}
main .need-etoken-sec .project-1:hover .temp-caption h1:where(.et-was-h2){color: var(--txttheme);}
main .need-etoken-sec .templates-project .temp-caption h1:where(.et-was-h2){font-size: 17px;font-weight: 500;margin-bottom: 18px;line-height: 26px;}
@media screen and (max-width: 1390px){
main .main-banner .owl-item.active .slide-text h2:where(.et-was-h1){font-size: 25px;line-height: 35px;}
}
@media screen and (max-width: 1366px){
header .header-top nav .main-menu li .sub-menu .menu-bg .overview-text .content h1:where(.et-was-h2){font-size: 20px;margin-bottom: 10px;}
}
@media screen and (max-width: 1366px){
main .faster-project-sec .project-content h2:where(.et-was-h1){font-size: 38px; margin-bottom: 15px;}
}
@media screen and (max-width:1300px){
main .main-slide .slide-right-content h2:where(.et-was-h1){line-height: 42px;font-size: 32px;}
}
@media screen and (max-width:1300px){
main .whyneed-slide-video .slide-left-content h2:where(.et-was-h1){font-size: 30px;}
}
@media screen and (max-width:1300px){
main .problem-solving-sec .slide-left-content h2:where(.et-was-h1){font-size: 32px;}
}
@media screen and (max-width:1300px){
main .value-matrix-main .slide-left-content h2:where(.et-was-h1){font-size: 32px;}
}
@media screen and (max-width:1200px){
main .main-slide-video .slide-left-content h2:where(.et-was-h1){font-size: 40px;}
}
@media screen and (max-width:1200px){
main .faster-project-sec .project-content h2:where(.et-was-h1){font-size: 36px !important;}
}
@media screen and (max-width:1200px){
main .capabilities-sec .capabilities-project .cap-caption h1:where(.et-was-h2),main .templates-sec .templates-project .temp-caption h1:where(.et-was-h2){font-size: 20px;}
}
@media screen and (max-width:1200px){
main .whyneed-slide-video .slide-left-content h2:where(.et-was-h1),main .problem-solving-sec .slide-left-content h2:where(.et-was-h1),main .finance-slide-video .slide-left-content h2:where(.et-was-h1),main .whyneed-slide-video .slide-left-content h2:where(.et-was-h1) span,main .msg-info .image h2:where(.et-was-h1),main .pricing-sec .pricing-table table h2:where(.et-was-h1){font-size: 35px !important; line-height: 48px;}
}
@media screen and (max-width:1200px){
main .spa-main .spa-slide .tab-sec-2 h1:where(.et-was-h2),main .process-timeline .sectiontitle h1:where(.et-was-h2),main .finance-inner-tab .spa-main .spa-slide .tab-sec-2 h1:where(.et-was-h2){font-size: 35px !important; line-height: 48px;}
}
@media screen and (max-width:1150px){
header .mob-sub-menu .overview-text h1:where(.et-was-h2){font-size: 17px;color: var(--txttheme);margin-bottom: 5px;}
}
@media screen and (max-width:1150px){
main .main-slide .slide-right-content h2:where(.et-was-h1){font-size: 35px !important;line-height: 48px;}
}
@media screen and (max-width:1150px){
main .main-banner .owl-item.active .slide-text h2:where(.et-was-h1){font-size: 22px;line-height: 34px;}
}
@media screen and (max-width:1024px){
main .main-slide .slide-right-content h2:where(.et-was-h1){font-size: 32px !important;line-height: 44px;}
}
@media screen and (max-width: 991px){
main .faster-project-sec .project-content h2:where(.et-was-h1){margin-bottom: 10px;}
}
@media screen and (max-width: 991px){
main .whyneed-slide-video .slide-left-content h2:where(.et-was-h1),main .problem-solving-sec .slide-left-content h2:where(.et-was-h1),main .finance-slide-video .slide-left-content h2:where(.et-was-h1),main .whyneed-slide-video .slide-left-content h2:where(.et-was-h1) span,main .msg-info .image h2:where(.et-was-h1),main .pricing-sec .pricing-table table h2:where(.et-was-h1){font-size: 27px !important; line-height: 40px;}
}
@media screen and (max-width: 991px){
main .spa-main .spa-slide .tab-sec-2 h1:where(.et-was-h2),main .process-timeline .sectiontitle h1:where(.et-was-h2){font-size: 27px !important; line-height: 40px;}
}
@media screen and (max-width: 991px){
main .faster-project-sec .project-content h2:where(.et-was-h1){font-size: 24px; line-height: 34px;}
}
@media screen and (max-width:768px){
.popup-block .block-text h2:where(.et-was-h1){font-family: raleway;font-size: 25px;  font-weight: 800;text-align: center;}
}
@media screen and (max-width:768px){
.popup-block .block-text h1:where(.et-was-h2){font-family: raleway;font-size: 18px;  font-weight: 600;text-align: center;}
}
@media screen and (max-width:768px){
main .main-banner .owl-item.active .slide-text h2:where(.et-was-h1){font-size: 20px;line-height: 30px;}
}
@media screen and (max-width:768px){
main .pricing-sec .mob-table .pricing-plan-sec .plan-list li h1:where(.et-was-h2){font-size: 16px; line-height: 20px; font-weight: 500;}
}
@media screen and (max-width:600px){
main .main-slide-video .slide-left-content h2:where(.et-was-h1){font-size: 35px;}
}
@media screen and (max-width:600px){
main .main-slide .slide-right-content h2:where(.et-was-h1){font-size: 28px !important;line-height: 45px;}
}
@media screen and (max-width:600px){
main .main-banner .owl-item.active .slide-text h2:where(.et-was-h1){font-size: 18px;line-height: 28px;}
}
@media screen and (max-width:550px){
main .main-slide .slide-right-content h2:where(.et-was-h1){font-size: 25px !important; line-height: 40px;}
}
@media screen and (max-width:550px){
main .financial-sec .financial-bg .financial-content h1:where(.et-was-h2){font-size: 22px !important; line-height: 36px;}
}
@media screen and (max-width:420px){
main .whyneed-slide-video .slide-left-content h2:where(.et-was-h1) span,main .msg-info .image h2:where(.et-was-h1){font-size: 25px !important; line-height: 38px;}
}
@media screen and (max-width:420px){
main .process-timeline .sectiontitle h1:where(.et-was-h2),main .finance-inner-tab .spa-main .spa-slide .tab-sec-2 h1:where(.et-was-h2){font-size: 25px !important; line-height: 38px;}
}
@media screen and (max-width:420px){
main .main-banner .owl-item.active .slide-text h2:where(.et-was-h1){font-size: 16px;line-height: 26px;font-weight: 600;}
}
@media screen and (max-width:360px){
main .main-slide .slide-right-content h2:where(.et-was-h1){line-height: 40px;}
}
@media screen and (max-width:360px){
main .faster-project-sec .project-content h2:where(.et-was-h1){font-size: 21px; line-height: 30px;}
}
@media screen and (max-width:360px){
main .main-slide-video .slide-left-content h2:where(.et-was-h1){font-size: 25px !important;}
}
@media screen and (max-width:360px){
main .whyneed-slide-video .slide-left-content h2:where(.et-was-h1) span,main .msg-info .image h2:where(.et-was-h1){font-size: 22px !important; line-height: 36px;}
}
@media screen and (max-width:360px){
main .process-timeline .sectiontitle h1:where(.et-was-h2),main .finance-inner-tab .spa-main .spa-slide .tab-sec-2 h1:where(.et-was-h2),main .finance-inner-tab .spa-main .spa-slide .tab-sec-2 h1:where(.et-was-h2){font-size: 22px !important; line-height: 36px;}
}
@media screen and (max-width:360px){
main .pricing-sec .pricing-table table h2:where(.et-was-h1){font-size: 26px;}
}
@media screen and (max-width:360px){
main .spa-main .spa-slide .tab-sec-2 h1:where(.et-was-h2){text-align: center;}
}
@media screen and (max-width:320px){
main .contact-form-sec .contact-form-main .form-main h1:where(.et-was-h2){font-size: 22px;}
}
@media screen and (max-width:320px){
main .whyneed-slide-video .slide-left-content h2:where(.et-was-h1),main .problem-solving-sec .slide-left-content h2:where(.et-was-h1),main .finance-slide-video .slide-left-content h2:where(.et-was-h1),main .msg-info .image h2:where(.et-was-h1){font-size: 22px !important; line-height: 35px;}
}
@media screen and (max-width:320px){
main .spa-main .spa-slide .tab-sec-2 h1:where(.et-was-h2){font-size: 22px !important; line-height: 35px;}
}

/* SEO content sections added before </main> (include/seo_content/*.php) */
.et-seo-content{padding:60px 0;background:#fff;color:var(--txtgrey,#545b6a)}
.et-seo-content .container{max-width:900px}
.et-seo-content h2{font-size:28px;line-height:1.3;font-weight:600;margin:36px 0 14px;color:var(--txttheme,#133F4C)}
.et-seo-content h2:first-child{margin-top:0}
.et-seo-content h3{font-size:20px;line-height:1.4;font-weight:600;margin:24px 0 8px;color:var(--txtblack,#343f52)}
.et-seo-content p,.et-seo-content li{font-size:16px;line-height:1.7}
.et-seo-content ul{padding-left:20px;margin-bottom:16px}
.et-seo-content li{margin-bottom:6px}
.et-seo-content a{color:var(--txttheme,#133F4C);font-weight:500;text-decoration:underline}
@media (max-width:767.98px){.et-seo-content{padding:40px 0}.et-seo-content h2{font-size:22px}.et-seo-content h3{font-size:18px}}

/* Home hero: the slide text sits past the right edge on small screens (right:-20px/-30px),
   which made phones scroll sideways (409px page on a 390px screen); and the H1 inherited a
   line-height smaller than its font size, so its lines overlapped. */
main .main-banner{overflow:hidden}
@media (max-width:991.98px){main .main-banner .owl-carousel .owl-item .slide-text h1{font-size:24px;line-height:1.25}}
@media (max-width:575.98px){main .main-banner .owl-carousel .owl-item .slide-text h1{font-size:20px}}
/* Testimonial arrows hang 16-36px outside the container: on phones that widened the page. */
@media (max-width:767.98px){main .testimonial-sec .review-slide .owl-nav .owl-prev{left:0}main .testimonial-sec .review-slide .owl-nav .owl-next{right:0}main .testimonial-sec{overflow-x:clip}}
/* Home hero on phones: the slide text was laid over a thin cropped image strip and clipped.
   Show the image as a strip on top and the heading + bullets below it instead. */
@media (max-width:575.98px){
main .main-banner{max-height:none;min-height:0}
main .main-banner .img1,main .main-banner .img2,main .main-banner .img3{padding-top:0!important;max-height:none!important;background-size:100% auto!important;background-position:center top!important;background-repeat:no-repeat!important;background-color:#eefbf8!important}
main .main-banner .owl-carousel .owl-item .slide-text,main .main-banner .owl-carousel .owl-item.active .slide-text{position:static;max-width:none;right:auto;top:auto;bottom:auto;padding:calc(33vw + 16px) 20px 24px;background:linear-gradient(transparent calc(33vw + 2px),#eefbf8 calc(33vw + 2px))}
main .main-banner .owl-carousel .owl-nav{top:calc(16vw - 25px)}
/* Owl hides the carousel until its script runs; show the first slide meanwhile so the page
   does not jump down when the carousel appears (it caused a 0.64 layout shift). */
main .main-banner .owl-carousel:not(.owl-loaded){display:block}
main .main-banner .owl-carousel:not(.owl-loaded)>.item:not(:first-child){display:none}
main .main-banner .owl-carousel:not(.owl-loaded) .slide-text{position:static;max-width:none;padding:calc(33vw + 16px) 20px 24px;background:linear-gradient(transparent calc(33vw + 2px),#eefbf8 calc(33vw + 2px))}
main .main-banner .owl-carousel:not(.owl-loaded) .slide-text h1{font-size:20px;line-height:1.25;font-weight:700;color:var(--txttheme)}
main .main-banner .owl-carousel:not(.owl-loaded) .slide-text .bulltet-list{padding-left:0;margin-top:20px;color:var(--primarycolor)}
main .main-banner .owl-carousel:not(.owl-loaded) .slide-text .bulltet-list li{font-size:18px;line-height:32px;font-weight:400;margin-bottom:10px;position:relative;padding-left:30px;list-style:none}
main .main-banner .owl-carousel:not(.owl-loaded) .slide-text .bulltet-list li img{position:absolute;left:0;height:30px;width:30px}
}
/* Screen-reader-only text (e.g. "Read More<span> about [post title]</span>" on the blog list) */
.et-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
/* Pricing: plan rows printed as <h3 class="h4"> keep the old <h4> mobile size; tick/cross icons keep their shape. */
@media (max-width:991.98px){main .pricing-sec .mob-table .pricing-plan-sec .plan-list li h3{font-size:16px;line-height:20px;font-weight:500}}
main .pricing-sec td img[width="12"]{width:12px!important;height:12px!important}
/* CMS link colour #fe6704 on white is below 4.5:1 contrast: use a darker orange. */
main .spa-main .description-box a[style*="#fe6704"]{color:#b54800!important}
/* Answer-first intro under the home hero and above the pricing table (include/seo_content/*-intro.php) */
.et-seo-intro{padding:40px 0 10px;background:#fff;color:var(--txtgrey,#545b6a)}
.et-seo-intro .container{max-width:900px;text-align:center}
.et-seo-intro h2{font-size:28px;line-height:1.3;font-weight:600;margin:0 0 12px;color:var(--txttheme,#133F4C)}
.et-seo-intro p{font-size:17px;line-height:1.7;margin-bottom:12px}
.et-seo-intro .et-seo-intro-price{font-weight:500;color:var(--txtblack,#343f52)}
.et-seo-intro a:not(.btn){color:var(--txttheme,#133F4C);text-decoration:underline}
.et-seo-intro .et-seo-intro-cta .btn{margin:6px}
.et-seo-intro .et-btn-outline{background:transparent!important;color:var(--txttheme,#133F4C)!important;border:1px solid var(--txttheme,#133F4C)!important}
.et-seo-intro-pricing{padding:20px 0 0}
.et-seo-intro-pricing p{font-size:16px}
@media (max-width:767.98px){.et-seo-intro{padding:28px 0 4px}.et-seo-intro h2{font-size:22px}.et-seo-intro p{font-size:16px}}
.et-seo-intro .et-seo-intro-cta .btn:not(.et-btn-outline){background:var(--txttheme,#133F4C);color:#fff}
/* Guide list on /blog and guide article pages (guide.php) */
.et-guides{padding:50px 0 10px}
.et-guides h2{font-size:30px;font-weight:600;color:var(--txttheme,#133F4C);margin-bottom:24px}
.et-guides-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}
.et-guide-card{border:1px solid #dfe6ea;border-radius:8px;padding:20px;background:#fff}
.et-guide-card h3{font-size:19px;line-height:1.4;font-weight:600;margin:0 0 10px}
.et-guide-card h3 a{color:var(--txttheme,#133F4C);text-decoration:none}
.et-guide-card h3 a:hover{text-decoration:underline}
.et-guide-card p{font-size:15px;line-height:1.6;color:var(--txtgrey,#545b6a);margin-bottom:8px}
.et-guide-card .et-guide-meta{font-size:13px;margin:0}
.et-guide h2{font-size:26px;line-height:1.35;font-weight:600;margin:32px 0 12px;color:var(--txttheme,#133F4C)}
.et-guide h3{font-size:20px;line-height:1.4;font-weight:600;margin:22px 0 8px;color:var(--txtblack,#343f52)}
.et-guide p,.et-guide li{font-size:16px;line-height:1.75;color:var(--txtgrey,#545b6a)}
.et-guide ul,.et-guide ol{padding-left:22px;margin-bottom:16px}
.et-guide table{width:100%;border-collapse:collapse;margin:16px 0;font-size:15px;display:block;overflow-x:auto}
.et-guide th,.et-guide td{border:1px solid #dfe6ea;padding:8px 10px;text-align:left;vertical-align:top}
.et-guide th{background:#f3f7f9;color:var(--txtblack,#343f52)}
.et-guide a:not(.btn){color:var(--txttheme,#133F4C);text-decoration:underline}
.et-guide-cta{margin-top:36px;padding:24px;border-radius:8px;background:#eefbf8;text-align:center}
.et-guide-cta .btn{margin:6px}
.et-guide-cta .btn:not(.et-btn-outline){background:var(--txttheme,#133F4C);color:#fff}
.et-guide-cta .et-btn-outline{background:transparent!important;color:var(--txttheme,#133F4C)!important;border:1px solid var(--txttheme,#133F4C)!important}
@media (max-width:767.98px){.et-guides h2{font-size:24px}.et-guide h2{font-size:22px}}
.et-related a:not(.btn){color:var(--txttheme,#133F4C);text-decoration:underline}
.blog-detail-sec:has(.et-guide){padding-top:30px}