@import url("blog-premiumc164.css?v=9");

.btn, .exceptional, .exceptional img, .exceptional-list, .our-away, .our-process ul, .owl-testimonial, .pattern-bg, .pursuit, .rclient-item, .renowned, .testimonial, header ul li a, section, section.types-cd, section.work-with {
    position: relative;
}

.contact-us .bg, .contact-us .wrapper, .testimonial .item {
    box-shadow: rgba(204, 204, 204, 0.65) 0px 0px 16px;
}

.top p, .top ul li a {
    font-weight: 500;
    color: rgb(255, 255, 255);
}

.btn, .testimonial .center .item p, .top p, header ul li a {
    font-size: 14px;
}

body {
    font-family: Poppins, sans-serif;
    font-size: 16px;
    color: rgb(34, 39, 65);
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    padding: 0px 8px;
}section.video-test

 .row {
     margin: 0px -8px;
 }

a:focus, a:hover, button:focus, button:hover {
    outline: 0px;
}

section {
    padding: 60px 0px;
    clear: both;
    margin: 0px auto;
}

p {
    color: rgb(5, 12, 60);
    font-size: 15px;
}

img {
    max-width: 100%;
    pointer-events: none;
}

a {
    text-decoration: none !important;
    color: #62e3ce;
}

input.required.error, select.required.error, textarea.required.error {
    border-bottom: 2px solid red !important;
}

.ez-toc-counter nav ul li a::before, label.error {
    display: none !important;
}

.exceptional-list h3, .exceptional-list ul, .heading h6, .our-editing ul li, .our-process ul li, .top .social, .top .social li a, .top p, .top ul li, header ul li, section.blog a {
    display: inline-block;
}

.top {
    background: rgb(43, 36, 96);
    padding: 7px 0px;
}

.top ul, header ul {
    text-align: right;
}

.btm-logo, .copy .social, .copy .social li a, .cta, .our-process .box, .our-process ul, .rclient-item, .renowned .box, .site-logo, .testimonial .item, .top .social li a, .we-print, section.exceptional.web-copy-inner {
    text-align: center;
}

.top ul li {
    margin-right: 4px;
}

.top ul li a {
    font-size: 12px;
    text-transform: lowercase;
}

.top ul li img {
    margin-right: 2px;
}

.top p {
    margin: 0px 10px 0px 0px;
}

.top .social li a {
    height: 24px;
    width: 24px;
    border: 1px solid rgb(255, 255, 255);
    line-height: 21px;
    border-radius: 50%;
    font-size: 11px;
}

.contact-us .row, .copy .row, .excep-service .row, .our-banner .row, .our-editing .row, .our_process .row, .publishing .row, .pursuit .row, .top .row, .us-apart .tab-content .row, header .row, section.ebook.press-rel-inner > .container > .row {
    align-items: center;
}

header {
    padding: 0px;
}

header ul li {
    margin-left: 18px;
    background: url("");
}

header ul li a {
    font-weight: 600;
    color: rgb(3, 4, 25);
    padding: 25px 0px;
    display: block;
}

.our-banner {
    background: url("../images/our-banner.jpg") 0px 0px / cover no-repeat;
}

.our-banner h1 {
    color: rgb(255, 255, 255);
    font-size: 35px;
    font-weight: 600;
    line-height: 46px;
}

.our-banner p {
    color: rgb(255, 255, 255);
    font-size: 22px;
    font-weight: 500;
}

.btn-block {
    padding: 0px;
    margin: 0px;
}

.btn-block .btn, .our-editing ul li:nth-child(2n+1) {
    margin-right: 10px;
}

.btn {
    font-weight: 600;
    border: 2px solid;
    padding: 8px 20px;
    transition: all 0.5s ease 0s;
    z-index: 2;
}

.btn-green {
    background: rgb(98, 227, 206);
    color: rgb(7, 9, 63);
    border-color: rgb(98, 227, 206);
}

.btn-white-border {
    color: rgb(255, 255, 255);
    border-color: rgb(255, 255, 255) !important;
}

.our-banner h1 span {
    color: rgb(224, 181, 28);
    text-transform: uppercase;
}

.exceptional-list {
    background: url("../images/exceptional-list.png") no-repeat;
    margin-top: -320px;
    padding: 0px;
    height: 436px;
    z-index: 1;
}

.ebook::before, .exceptional::before, .pattern-bg::before, .renowned::before {
    content: "";
    background: url("../images/exceptional-patern.webp") no-repeat;
    height: 705px;
    width: 998px;
    position: absolute;
    left: 0px;
    top: 0px;
}

.heading h6 {
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    background: rgb(98, 227, 206);
    padding: 2px 20px 2px 10px;
    clip-path: polygon(0px 0px, 95% 0px, 100% 100%, 0% 100%);
}

.heading h2 {
    font-size: 34px;
    font-weight: 600;
    margin: 0px;
    text-transform: capitalize;
}

.heading p {
    font-size: 17px;
    margin: 10px 0px;
}

.exceptional-list h3 {
    margin: 0px 0px 30px;
    background: rgb(237, 207, 75);
    color: rgb(0, 0, 0);
    font-weight: 600;
    padding: 9px 20px;
    font-size: 20px;
}

.exceptional-list ul {
    width: 27%;
    margin: 0px;
}

.exceptional-list ul li {
    color: rgb(255, 255, 255);
    font-weight: 500;
    font-size: 14px;
    margin: 0px 0px 15px;
}

.exceptional img {
    z-index: 9;
    /* max-width: 5.5%; */
}

.heading.text-center p {
    width: 83%;
    margin: 11px auto 25px;
}

.our-book {
    background: rgb(242, 242, 242);
}

.our-book figure figcaption {
    margin: 10px 0px 0px;
}

.our-book figure figcaption img {
    height: auto;
}

.our-book figure figcaption h5 {
    margin: 4px 0px 0px;
    font-size: 16px;
    font-weight: 600;
}

.our-book figure img {
    height: 340px;
}

.btn-black-border {
    color: rgb(18, 10, 55);
    border-color: rgb(18, 10, 55);
}

.our-book .btn-block {
    margin: 20px 0px 0px;
}

.site-logo {
    background: url("../images/site-logo-bg.jpg") 0px 0px / cover no-repeat;
    padding: 40px 0px;
}

.pursuit {
    background: linear-gradient(126deg, rgb(255, 255, 255) 0px, rgb(234, 233, 225) 100%);
    overflow: hidden;
}

.our-away::before, .pursuit::before, .testimonial::before {
    content: "";
    background: url("../images/pattern-2.webp") no-repeat;
    height: 645px;
    width: 913px;
    position: absolute;
    top: 0px;
    right: 0px;
}

.pursuit ul li {
    margin: 0px 0px 12px;
    font-weight: 500;
    font-size: 15px;
}

.pursuit ul li img {
    max-width: 27px;
    margin-right: 7px;
}

.our-away .row.brdr .box::after, .our-process ul li strong, .our-process ul::before {
    margin: auto;
    position: absolute;
    left: 0px;
    right: 0px;
}

.pursuit .book {
    float: right;
}

.cta {
    background: url("../images/cta-bg.webp") 0px 0px / cover no-repeat;
    width: 100%;
    padding-top: 70px;
}

.cta h2 {
    color: rgb(255, 255, 255);
    font-size: 38px;
    font-weight: 700;
}

.cta p {
    color: rgb(255, 255, 255);
    font-size: 16px;
    margin: 0px 0px 30px;
}

.btm-logo {
    padding: 30px 0px;
    background:
            radial-gradient(circle at 10% 20%, rgba(32, 167, 169, .08), transparent 26%),
            radial-gradient(circle at 90% 80%, rgba(211, 170, 77, .09), transparent 27%),
            linear-gradient(135deg, #f8fcfb 0%, #ffffff 52%, #fcf8ee 100%);
}

.our-process {
    background: url("../images/process-bg.webp") 0px 0px / cover no-repeat;
}

.our-process .box:hover p, .our-process h2, .our-process h2 + p, .popup-content h2 span, .top ul.social li a i, section.thankyou-banner p {
    color: rgb(255, 255, 255);
}

.our-process ul {
    padding-bottom: 20px;
    margin: 0px 0px 40px;
}

.our-process ul li {
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    font-size: 19px;
    font-weight: 100;
    width: 24%;
    position: relative;
}

.our-process ul li span {
    font-size: 30px;
    font-weight: 800;
}

.our-process ul::before {
    content: "";
    background: rgb(237, 239, 243);
    height: 8px;
    width: 100%;
    bottom: 0px;
}

.our-process ul li strong {
    height: 30px;
    width: 30px;
    border: 4px solid rgb(255, 255, 255);
    border-radius: 50%;
    bottom: -30px;
    z-index: auto;
    background: rgb(22, 25, 92);
    transition: all 0.5s ease 0s;
}

.our-process .box {
    background: rgb(255, 255, 255);
    height: 100%;
    padding: 20px 30px;
    transition: all 0.5s ease 0s;
    transform: scale(1);
    border: 2px solid;
}

.our-process .box .img {
    height: 100px;
    width: 100px;
    background: rgb(22, 25, 92);
    border-radius: 50%;
    line-height: 90px;
    text-align: center;
    border: 4px solid rgb(255, 255, 255);
    margin: 0px auto 20px;
    transition: all 0.5s ease 0s;
}

.our-process .box p {
    font-size: 17px;
    color: rgb(36, 36, 36);
    font-weight: 600;
    line-height: 24px;
    margin: 0px;
    transition: all 0.5s ease 0s;
}

.our-editing::before {
    content: "";
    background: url("../images/editing-before.webp") no-repeat;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 464px;
    width: 100%;
}

.ebook .container, .faqs-wrapper .container, .our-away .container, .our-editing .container, .pattern-bg .container, .renowned .container, .testimonial .container, section.headercontactform .container {
    position: relative;
    z-index: 1;
}

.our-editing ul {
    margin: 0px 0px 10px;
}

.our-editing ul li {
    margin: 0px 0px 10px;
    width: 48%;
    border-radius: 9px;
    padding: 10px;
    background: linear-gradient(126deg, rgb(250, 234, 162) 0px, rgba(250, 234, 162, 0.21) 100%);
    font-weight: 500;
}

.our-editing ul li img {
    margin-right: 10px;
    max-width: 30px;
}

.our-amazing {
    background: url("../images/amazing-bg.webp") 0px 0px / cover no-repeat;
}

.our-amazing h2 {
    color: rgb(255, 255, 255);
    margin: 0px 0px 30px;
    text-transform: uppercase;
    font-size: 34px;
    font-weight: 800;
    position: relative;
    padding-left: 30px;
}

.copy ul li, .testimonial .item h5 {
    margin: 0px;
    display: inline-block;
}

.our-amazing h2::before {
    content: "";
    height: 100px;
    width: 6px;
    background: rgb(99, 226, 207);
    position: absolute;
    left: 0px;
    top: 12px;
}

.our-amazing h2 span {
    display: block;
    font-weight: 300;
}

.btn-yellow {
    background: rgb(255, 213, 9);
    border-color: rgb(225, 180, 51);
    color: rgb(7, 9, 63);
}

.testimonial .item {
    background: rgb(255, 255, 255);
    padding: 20px;
    border-radius: 17px;
    transition: all 0.5s ease 0s;
    margin: 110px 15px;
    height: 290px;
}

.testimonial .item p {
    color: rgb(0, 0, 0);
    min-height: 90px;
    margin: 0px auto;
    width: 90%;
}

.testimonial .item h5 {
    font-size: 18px;
    font-weight: 600;
    display: block;
    margin-bottom: 12px;
}

.testimonial .item h5 span {
    display: block;
    font-weight: 200;
}

footer {
    background: url("../images/footer-bg.webp") 0px 0px / cover no-repeat;
    padding: 60px 0px 0px;
}

footer h4 {
    color: rgb(92, 205, 188);
    font-size: 18px;
}

footer p {
    color: rgb(255, 255, 255);
    width: 71%;
    margin: 14px 0px;
    font-size: 12px;
}

footer ul li {
    margin: 0px 0px 5px;
}

footer ul li a {
    color: rgb(255, 255, 255);
    font-size: 13px;
}

.copy {
    background: rgb(99, 226, 207);
    padding: 6px 0px;
    margin-top: 40px;
}

.copy p {
    font-size: 13px;
    color: rgb(5, 12, 60);
    margin: 0px;
    width: 100%;
}

.copy ul li a {
    color: rgb(5, 12, 60);
    margin-left: 9px;
    font-size: 14px;
}

.copy .social li a {
    display: block;
    height: 26px;
    width: 26px;
    border: 2px solid rgb(5, 12, 60);
    color: rgb(5, 12, 60);
    font-size: 13px;
    border-radius: 50%;
    line-height: 23px;
}

.btn-white-border:hover {
    background: rgb(255, 255, 255);
    color: rgb(7, 9, 63);
}

.btn-green:hover {
    background: rgb(7, 9, 63);
    border-color: rgb(7, 9, 63);
    color: rgb(255, 255, 255);
}

.btn-black-border:hover {
    color: rgb(255, 255, 255);
    background: rgb(18, 10, 55);
}

.author-banner {
    background: url("../images/our-author.jpg") 0px 0px / cover no-repeat;
}

.renowned .box {
    background: rgb(237, 239, 243);
    margin-top: 40px;
    padding: 15px;
    border-radius: 14px;
    height: 90%;
}

.our-away .box, .our-voice .box {
    background: rgb(237, 239, 243);
    border-radius: 15px;
    text-align: center;
}

.renowned .box h4 {
    font-size: 18px;
    color: rgb(36, 36, 36);
    margin: 0px 0px 7px;
    font-weight: 600;
}

.renowned .box img {
    margin-top: -36px;
    margin-bottom: 10px;
}

.editing-banner {
    background: url("../images/editing-banner.webp") 0px 0px / cover no-repeat;
}

.inner-banner {
    padding: 100px 0px;
    height: auto;
    background-position: 30% 100% !important;
}

.ebook {
    position: relative;
    padding-bottom: 0px;
}

.ebook ul li {
    width: 48%;
    display: inline-block;
    margin: 0px 0px 20px;
    background: rgb(237, 239, 243);
    padding: 14px 15px;
    color: rgb(22, 25, 92);
    font-weight: 600;
    border-radius: 12px;
    font-size: 15px;
}

.btn-blue:hover, .compose p span a, .contact-us .bg ul li a, .ebook ul li span, .popjuly .custom-pop .btn-blue:hover, ul.social li a i {
    color: rgb(0, 0, 0);
}

.ebook ul li:nth-child(2n+1) {
    margin-right: 20px;
}

.ebook ul li img {
    margin-right: 3px;
    vertical-align: bottom;
}

.immaculate {
    background: url("../images/immaculate.webp") 100% 100% / cover no-repeat;
    padding-bottom: 80px;
    margin-bottom: 30px;
}

.immaculate h2 {
    color: rgb(255, 255, 255);
    text-transform: capitalize;
}

.custom-pop h6, .our-away .box h3, .our-banner h1 p span, .our-pricing .tab-content .pack h5, .popup-content h2, .popup-content h3, a.live-chat-thank.chat {
    text-transform: uppercase;
}

.immaculate p {
    color: rgb(255, 255, 255);
    margin: 0px;
}

.immaculate h4 {
    color: rgb(98, 227, 206);
    margin: 15px 0px 9px;
    font-size: 20px;
    font-weight: 600;
}

.achieve .box {
    text-align: center;
    border-bottom: 2px solid rgb(224, 181, 28);
    padding-bottom: 20px;
    margin-top: 20px;
}

.achieve .box h6 {
    font-size: 70px;
    color: rgb(98, 227, 206);
    font-weight: 100;
}

.markeing-banner {
    background: url("../images/markeing-banner.webp") 0px 0px / cover no-repeat;
}

.our-away .box {
    padding: 90px 10px 20px;
    height: 100%;
}

.our-away .box h4 {
    font-size: 20px;
    color: rgb(36, 36, 36);
    font-weight: 600;
}

.our-away .box p, .our-banner h1 p, .our-book figure p {
    margin: 0px;
}

.our-away .brdr.row {
    margin-bottom: 100px;
    position: relative;
    border-bottom: 6px solid rgb(237, 239, 243);
    padding-bottom: 100px;
}

.our-away .box h3 {
    font-size: 25px;
    font-weight: 300;
    background: rgb(255, 255, 255);
    height: 100px;
    width: 100px;
    border-radius: 50%;
    margin: 0px auto;
    padding: 18px 0px 0px;
    display: table;
    position: absolute;
    box-shadow: rgb(221, 221, 221) 0px 0px 5px;
    left: 0px;
    right: 0px;
    top: -30px;
}

.our-away .box h3 span {
    display: block;
    font-weight: 600;
    font-size: 34px;
}

.our-away .row.brdr .box h3 {
    bottom: -38px;
    top: inherit;
}

.our-away .row.brdr .box {
    padding: 20px 10px 80px;
}

.our-away .row.brdr .box::after {
    content: "";
    background: url("../images/away-after.png") no-repeat;
    height: 123px;
    width: 31px;
    bottom: -168px;
}

.ghost-banner {
    background: url("../images/ghost-banner.webp") 0px 0px / cover no-repeat;
}

.our-voice .box {
    padding: 25px 15px;
}

.our-voice .box h4 {
    font-size: 20px;
    color: rgb(22, 25, 92);
    font-weight: 600;
    margin: 0px 0px 20px;
}

.our-voice .box p {
    margin: 20px 0px 0px;
    font-weight: 500;
    color: rgb(36, 36, 36);
}

.achieve ul {
    margin-top: 30px;
}

.achieve ul li {
    color: rgb(255, 255, 255);
    display: inline-block;
    width: 49%;
    margin: 0px 0px 12px;
}

.achieve .btn-block {
    text-align: center;
    margin-top: 50px;
}

.our-bringing ul li {
    width: 32%;
    display: inline-block;
    margin: 0px 0px 20px;
    vertical-align: text-top;
}

.our-bringing ul li h4 {
    font-size: 18px;
    font-weight: 500;
    margin: 0px 0px 9px;
    background: linear-gradient(90deg, rgb(250, 234, 162) 0px, rgba(250, 234, 162, 0.08) 100%);
    padding: 6px 10px;
    border-radius: 7px;
}

.our-bringing ul li p {
    margin: 0px;
    font-size: 15px;
    width: 90%;
}

.compose {
    background: rgb(225, 180, 51);
    padding: 30px 0px;
}

.compose p {
    margin: 0px;
    font-size: 17px;
    font-weight: 500;
}

.compose p span {
    padding: 1px 5px;
    font-weight: 900;
}

.publishing {
    background: url("../images/mark-publishing-bg.webp") 0px 0px / cover no-repeat;
    position: relative;
}

.publishing .nav-tabs {
    background: rgb(22, 25, 92);
    border: none;
}

#faq .card, .process-banner .btn-block .btn.btn-white::after {
    background: rgb(255, 255, 255);
}

.publishing .nav-tabs .nav-item {
    margin: 0px 0px 5px;
    display: block;
    width: 100%;
}

.publishing .nav-tabs .nav-item a {
    display: block;
    width: 100%;
    border: none;
    color: rgb(255, 255, 255);
    border-radius: 0px;
    font-weight: 500;
    font-size: 15px;
    padding: 8px 15px;
}

.publishing .nav-tabs .nav-item a.active, .publishing .nav-tabs .nav-item a.show {
    background: rgb(96, 121, 189);
}

.btn-blue {
    background: rgb(22, 25, 92);
    color: rgb(255, 255, 255);
    border-color: rgb(22, 25, 92);
}

.publishing .tab-content {
    padding-left: 30px;
}

.publishing .tab-content h6 {
    background: rgb(22, 25, 92);
    color: rgb(255, 255, 255);
}

.publishing .tab-content p {
    width: 60%;
}

.our-guranteed, .testimonial {
    padding-bottom: 0px;
}

.cover-banner {
    background: url("../images/cover-banner.webp") 0px 0px / cover no-repeat;
}

.printing-banner {
    background: url("../images/printing-banner.webp") 0px 0px / cover no-repeat;
}

.furition .col-md-6 {
    margin: 0px 0px 40px;
}

.we-print h4 {
    font-size: 18px;
    font-weight: 500;
    margin: 12px 0px;
}

.publishing-banner {
    background: url("../images/publishing-background.webp") 0px 0px / cover no-repeat;
}

.upfront {
    background: url("../images/up-front.webp") 0px 0px / cover no-repeat;
}

.upfront h6 {
    background: rgb(34, 39, 65);
    color: rgb(255, 255, 255);
}

.pricing-banner {
    background: url("../images/pricing-banner.jpg") 0px 0px / cover no-repeat;
}

.our-pricing {
    background: url("../images/our-pricing.png") 0px 0px / cover no-repeat;
    position: relative;
    z-index: 1;
    padding: 50px 0px;
}

#faq .card .collapse, .our-pricing .nav-tabs {
    border: 0px;
}

.our-pricing .nav-tabs li {
    width: 100%;
    margin: 0px 0px 10px;
}

.our-pricing .nav-tabs li a {
    color: rgb(255, 255, 255);
    padding: 6px 10px;
    border: none;
    font-weight: 500;
    font-size: 15px;
}

.our-pricing .nav-tabs li a.active, .our-pricing .nav-tabs li a.show {
    background: rgb(32, 38, 99);
    color: rgb(255, 255, 255);
}

.our-pricing .tab-content {
    background: rgb(255, 255, 255);
    padding: 40px;
}

.our-pricing .tab-content h4 {
    font-size: 26px;
    font-weight: 700;
    margin: 0px 0px 10px;
}

.our-pricing .tab-content p {
    color: rgb(85, 85, 85);
    font-size: 14px;
    margin: 0px 0px 30px;
}

.our-pricing .tab-content .pack {
    background: rgb(243, 245, 249);
    border: 1px solid rgb(187, 195, 210);
    padding: 20px;
    height: 100%;
}

.our-pricing .tab-content .pack h5 {
    font-size: 18px;
    color: rgb(40, 40, 40);
    font-weight: 600;
    margin: 0px 0px 15px;
}

.our-pricing .tab-content .pack ul li {
    font-size: 13px;
    margin: 0px 0px 10px;
    position: relative;
    padding-left: 18px;
}

.our-pricing .tab-content .pack h3 {
    font-size: 30px;
    color: rgb(5, 12, 60);
    font-weight: 700;
    text-align: center;
    margin: 30px 0px 20px;
}

.our-pricing .tab-content .pack ul li::before {
    content: "";
    border-radius: 50%;
    position: absolute;
    left: 0px;
    top: 6px;
    background: rgb(98, 227, 206);
    height: 8px;
    width: 8px;
}

.our-pricing .tab-content .pack .btn {
    text-transform: uppercase;
    width: 100%;
    font-weight: 600;
}

.contact-banner {
    background: url("../images/contact-banner.webp") 0px 0px / cover no-repeat;
}

.contact-us {
    padding-bottom: 60px;
}

.contact-us .form-control {
    font-size: 14px;
    border-radius: 0px;
    height: 64px;
    margin: 0px 0px 12px;
    border-top: none;
    border-right: none;
    border-left: none;
    border-image: initial;
    border-bottom: 1px solid rgb(204, 204, 204);
    padding-left: 17px;
}

.contact-us textarea.form-control, .custom-pop textarea.form-control {
    resize: none;
    height: 100px;
}

.contact-us ul, .top ul.top-social li {
    margin-left: 20px;
}

.contact-us ul li {
    margin: 0px 0px 16px;
    border-bottom: 1px solid rgb(204, 204, 204);
    padding: 0px 0px 11px;
}

.contact-us ul li i {
    color: rgb(61, 138, 128);
    margin-right: 5px;
}

.contact-us ul.social {
    margin-top: 20px;
    text-align: center;
}

.contact-us ul.social li {
    display: inline-block;
    margin: 0px 17px 0px 0px;
    padding: 0px;
    text-align: center;
    border: none;
}

.contact-us ul.social li i {
    margin: 0px;
    color: rgb(255, 255, 255);
}

.contact-us .bg ul.social li a, .faq-accordion .accordion li.current p, .video-pro a, header ul li span.process-head, li:hover ul.submenu {
    display: block;
}

.genre-banner {
    background: url("../images/genre-banner.webp") 0px 0px / cover no-repeat;
}

.genre-banner h1, .testimonial .heading {
    margin: 0px 0px 30px;
}

.us-apart .nav-tabs {
    border: 0px;
    align-items: center;
    justify-content: center;
    margin: 0px 0px 50px;
}

.us-apart .nav-tabs li {
    width: 24%;
    margin-right: 12px;
    margin-bottom: 9px;
}

.us-apart .nav-tabs li a {
    border: none;
    padding: 9px 15px;
    background: rgb(22, 25, 92);
    color: rgb(255, 255, 255);
    font-weight: 500;
    border-radius: 7px;
}

.us-apart .nav-tabs li a.active, .us-apart .nav-tabs li a.show {
    background: rgb(98, 227, 206);
    color: rgb(255, 255, 255);
}

.popupform {
    width: 904px;
    height: auto;
    padding: 0px;
    overflow: visible;
    background: url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==") no-repeat;
}

.popupform.popjuly {
    width: 500px !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    background: linear-gradient(145deg, #fffdf8 0%, #f8f3e9 100%) !important;
}

/* Keep consultation popup hidden until Fancybox opens it */
#popupform.popupform.popjuly:not(.fancybox__content):not(.fancybox-content),
.popupform.popjuly:not(.fancybox__content):not(.fancybox-content) {
    display: none !important;
}

#popupform.popupform.popjuly.fancybox__content,
#popupform.popupform.popjuly.fancybox-content,
.fancybox__container #popupform.popupform.popjuly,
.fancybox-container #popupform.popupform.popjuly {
    display: block !important;
}

.popup-content h2 {
    font-family: Poppins;
    font-size: 34px;
    padding: 0px;
    color: rgb(57, 215, 228);
    font-weight: 700;
    margin: 0px 0px 10px;
    line-height: 34px;
}

.faq-accordion .accordion li.current > a::after, .popup-content h2::before, .submenu, a.logo-thankyou::after, header ul.submenu li:last-child a::after {
    display: none;
}

.popup-content p {
    margin: 15px 0px 25px -20px;
    color: rgb(255, 224, 180);
    font-weight: 700;
    font-size: 22px;
    background: rgb(193, 33, 38);
    width: calc(100% + 40px);
}

.custom-pop {
    padding: 0px;
    overflow: hidden;
}

.popup-content p.form_tagline {
    max-width: 100%;
    font-size: 11px;
    margin: 16px 0px;
    position: relative;
    padding-left: 15px;
    background: 0px 0px;
    text-align: left;
    color: rgb(255, 255, 255);
}

.popup-content p.form_tagline input {
    vertical-align: middle;
    height: auto;
    position: absolute;
    left: 0px;
    top: 4px;
}

.popup-content [class*="col-"] {
    padding: 0px 7px;
    margin-top: 0px;
}

.popup-content [class*="col-"] input {
    color: rgb(49, 49, 49);
    font-weight: 400;
    font-size: 13px;
    height: 40px;
    margin-bottom: 12px;
    border-radius: 0px;
}

.popup-content [class*="col-"] input::placeholder, .popup-content [class*="col-"] textarea::placeholder {
    color: rgb(49, 49, 49);
}

.popup-content [class*="col-"] textarea {
    color: rgb(49, 49, 49);
    font-weight: 400;
    font-size: 13px;
    height: 145px;
    border-radius: 0px;
    resize: none;
}

.custom-pop h6::after, .custom-pop h6::before {
    height: 20px;
    width: 40px;
    top: 7px;
    position: absolute;
    content: "";
}

.popup-content [class*="col-"] input.btn {
    background: rgb(255, 127, 35);
    color: rgb(255, 255, 255);
    margin: auto;
    padding: 0px 30px;
    letter-spacing: 1px;
    font-weight: 600;
    border-radius: 4px;
}

.pop-txt {
    left: -34px;
}

.popup-content [class*="col-"] input:focus {
    box-shadow: none;
    outline: 0px;
}

.popup-bann {
    overflow: hidden;
    margin-left: -5px;
}

.popup-bann img {
    max-width: 90%;
}

.popup-content {
    width: 85%;
    text-align: center;
    padding-top: 68px;
    margin-left: 50px;
}

.custom-pop h6 {
    position: relative;
    font-size: 26px;
    color: rgb(255, 255, 255);
    font-weight: 800;
    letter-spacing: 1px;
    display: inline-block;
    margin: 0px;
}

.custom-pop h6::before {
    background: rgb(245, 50, 48);
    left: -60px;
}

.custom-pop h6::after {
    background: rgb(245, 50, 48);
    right: -60px;
}

.popup-content h3 {
    font-size: 22px;
    color: rgb(255, 255, 255);
    border-radius: 6px;
    padding: 4px 0px;
    margin: 0px 0px 25px;
}

.popupform button.fancybox-button {
    background: rgb(255, 127, 35);
    height: 30px;
    width: 30px;
    padding: 0px;
    border-radius: 4px;
    opacity: 1;
    top: -10px;
    right: -10px;
}

.popupform button.fancybox-button svg path {
    fill: rgb(255, 255, 255);
}

.popupform button.fancybox-button svg {
    height: 26px;
}

.popup-content h3 span, h1.Unravel, h2.Legacy, span.red {
    font-weight: 700;
}

.our-banner h1 p span {
    color: rgb(224, 181, 28);
    font-size: 52px;
    font-weight: 600;
}

.our-banner img {
    height: 415px;
}

.our-process .box p span {
    display: block;
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    margin-top: 7px;
}

.our-banner .item img {
    max-width: 80%;
    float: right;
}

.content-page li, .content-page p {
    font-size: 17px;
    margin-bottom: 17px;
}

.content-page p a {
    font-weight: 700;
    color: rgb(0, 0, 0);
}

section.content-page {
    padding: 4em 0px;
    width: 100%;
    clear: both;
}

section.content-page h5.sub-heading {
    font-size: 20px;
    margin-bottom: 12px;
    font-weight: 600;
}

.content-page li {
    list-style: inside square;
}

.inner-banner p {
    font-weight: 400;
    font-size: 16px;
    max-width: 79%;
}

.our-pricing .tab-content .pack p {
    font-size: 13px;
    text-align: center;
}

.thankyou-banner h1 {
    font-size: 46px;
    font-weight: 600;
    margin-bottom: 22px;
    line-height: 58px;
}

.thankyou-banner h1 span {
    display: block;
    font-family: georgia;
    font-style: italic;
}

.total_amount {
    font-size: 29px;
    margin: 30px 0px 0px;
}

.total_amount span {
    font-weight: 700;
    color: rgb(247, 206, 15);
}

.thankyou-banner {
    text-align: center;
    background: url("../images/thanks-banner.jpeg") 0px 0px / cover;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100vh;
    width: 100%;
    font-size: 16px;
    color: rgb(255, 255, 255);
    line-height: 21px;
}

a.live-chat-thank.chat {
    background: rgb(238, 44, 94);
    display: inline-block;
    border-radius: 50px;
    padding: 14px 70px;
    color: rgb(255, 255, 255);
    letter-spacing: 1px;
    margin: 40px 0px;
}

.thankyou-banner a {
    color: rgb(37, 117, 188);
    font-weight: 700;
}

a.logo-thankyou {
    margin-bottom: 24px;
    display: inline-block;
}

img.excep-book {
    left: 30px;
}

footer img {
    max-width: 70%;
}

.us-apart .tab-pane p {
    padding-right: 93px;
}

.excep-service {
    background: url("../images/excep-service-bg.jpg") 0px 0px / cover no-repeat;
    width: 100%;
    padding: 30px 0px;
}

.excep-service h5 {
    margin: 8px 0px 10px;
    font-size: 16px;
    font-weight: 600;
}

.excep-service p {
    margin: 0px;
    font-size: 14px;
}

.excep-service h4 {
    margin: 0px;
    font-weight: 600;
    font-size: 24px;
}

.btn::after {
    content: "";
    color: rgb(11, 24, 63);
    height: 100%;
    width: 0px;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
    transition: all 0.5s ease 0s;
    z-index: -1;
}

.btn:hover::after, .video-pro img {
    width: 100%;
}

.btn-black-border::after {
    background: rgb(22, 25, 92);
}

.btn-green-border:hover {
    color: rgb(34, 39, 65);
}

.our-process .box:hover .img {
    background: rgb(229, 206, 78);
    transform: scale(1.1);
}

.our-process .box:hover .img img {
    filter: brightness(0.1);
}

.our-process .box:hover {
    background: rgb(22, 25, 92);
    border-color: rgb(255, 255, 255);
}

.top ul.top-social li i {
    color: rgb(255, 255, 255);
    margin-right: 3px;
}

.our-book figure p i {
    color: rgb(255, 164, 28);
    font-size: 12px;
}

section.pursuit .col-md-5 img {
    max-width: unset;
    display: table;
    float: left;
}



.immaculate img {
    border-radius: 12px;
}

.wwbox {
    background-color: rgb(237, 239, 243);
    padding: 100px 30px 10px;
    text-align: center;
    margin-top: 184px;
    position: relative;
    border-radius: 5px;
    margin-bottom: 50px;
}

.rclient-item a.rc_play .play_btn, .rclient-item a.rc_play .play_btn::before, .wwthumb {
    position: absolute;
    margin: auto;
    right: 0px;
    left: 0px;
    top: 17px;
}

.wwcontent h4 {
    color: rgb(25, 26, 29);
    font-size: 22px;
    font-weight: 700;
}

.wwcontent p {
    font-size: 14px;
    min-height: 65px;
}

section.types-cd::before, section.work-with::before {
    content: "";
    background: url("../images/pattern-2.png") no-repeat;
    height: 645px;
    width: 913px;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: -1;
}

.tcdbox {
    position: relative;
    display: block;
    margin-top: 30px;
}

.tcdbox h4 {
    font-weight: 600;
    margin-top: 10px;
    color: rgb(25, 26, 29);
    font-size: 20px;
}

section.types-cd::before {
    top: -70px;
    z-index: -1;
}

ul.inline-sticker li {
    display: inline-block;
    min-height: 90px;
    margin: 0px 1%;
}

ul.inline-sticker li:last-child {
    margin-right: 0px;
}

ul.inline-sticker li a {
    margin-top: 0px;
    display: block;
}

ul.inline-sticker {
    margin-top: 35px;
    display: flex;
}

.us-apart .col-md-5 img {
    max-width: unset;
    float: right;
}

section.video-test {
    padding: 0px;
}

.row.video_row {
    margin-top: 0px;
    margin-bottom: 4em;
}

.rclient-item {
    overflow: hidden;
}

.rclient-item a.rc_play {
    position: relative;
    display: block;
    /* overflow: hidden; */
}

.rclient-item a.rc_play .play_btn {
    width: 64px;
    height: 64px;
    background: url("../images/videoicon.png") center top no-repeat;
    z-index: 1;
    bottom: 30px;
}

.rclient-item a.rc_play .play_btn::before {
    content: "";
    width: 64px;
    height: 64px;
    background: url("../images/aplay1.png") center top no-repeat;
    z-index: 1;
    bottom: 0px;
}

.op-text h3, .our-voice.article-writing-boxes .box, .seo-writing-inner .box {
    margin-bottom: 20px;
}

.rclient-item p {
    font-weight: 600;
    color: rgb(0, 0, 0);
    padding: 0px 20px;
    font-size: 18px;
    letter-spacing: 0px;
}

.rclient-item:hover a.rc_play img {
    transform: scale(1.1);
    transition: all 0.5s cubic-bezier(0.65, 0.05, 0.36, 1) 0s;
}

.rclient-item a.rc_play:hover .play_btn::before {
    animation-name: spin;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.rclient-item a.rc_play img {
    transition: all 0.5s cubic-bezier(0.65, 0.05, 0.36, 1) 0s;
    transform: scale(1);
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.our-voice.article-writing-boxes .box img {
    display: table;
    margin-left: auto;
    margin-right: 25px;
}

.our-voice.article-writing-boxes .box h4 {
    text-align: left;
    margin-left: 30px;
    font-size: 22px;
    position: relative;
    padding-top: 20px;
    margin-top: 10px;
    margin-bottom: 15px;
}

.our-voice.article-writing-boxes .box h4::before {
    content: "";
    width: 60px;
    height: 7px;
    background-color: rgb(98, 227, 206);
    position: absolute;
    left: 0px;
    top: 0px;
}

.press-rel-inner .row > div {
    margin-top: unset;
    margin-bottom: unset;
    display: table;
}

.seo-writing-inner .box h4 {
    margin-top: 20px;
    position: relative;
    padding-top: 20px;
}

.seo-writing-inner .box h4::before {
    content: "";
    width: 50px;
    height: 5px;
    background-color: rgb(98, 227, 206);
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    margin: auto;
}

.web-copy-inner .exceptional-list {
    text-align: left;
    width: 900px;
    position: relative;
    background-color: rgb(5, 12, 60);
    margin-top: unset !important;
}

.web-copy-inner .exceptional-list ul {
    width: 100%;
    margin-top: 70px;
}

.web-copy-inner .exceptional-list::before {
    content: "";
    width: 370px;
    position: absolute;
    right: 100%;
    background-color: rgb(5, 12, 60);
    height: 100%;
    top: 0px;
}

section.exceptional.web-copy-inner::before {
    z-index: -1;
}

.web-copy-inner img.excep-book {
    max-width: unset;
}

.web-copy-inner .exceptional-list ul li {
    font-size: 16px;
    margin-bottom: 25px;
    letter-spacing: -1px;
}

.web-copy-inner .exceptional-list::after {
    content: "";
    width: 120px;
    height: 200px;
    position: absolute;
    bottom: 80%;
    z-index: -2;
    right: 0px;
    background-image: url("../images/dotted-web-copy.png");
    background-position: center bottom;
}

.script-writing-inner h4 {
    font-size: 22px;
    font-weight: 600;
    line-height: 1.3;
}

ul.submenu {
    width: 112%;
    background-color: rgb(43, 36, 96);
    position: absolute;
    z-index: 9;
    left: -147px;
    top: 70px;
    text-align: left;
    padding: 0px;
}

.op-text h4, ul.submenu li a {
    position: relative;
    text-align: center;
}

header ul.submenu li {
    text-align: left;
    margin-top: 0px;
    margin-bottom: 0px;
    display: inline-block;
    margin-right: 0px;
    width: calc(14.2857% - 0px);
    float: left;
    height: 126px;
    margin-left: 0px !important;
}

ul.submenu li a {
    color: rgb(255, 255, 255);
    padding: 24px 20.7px;
    display: block;
    font-weight: 400;
    height: 100%;
    font-size: 13px;
}

li.has-child > a::after {
    content: "";
    background: url("../images/arrow-down.png") 0px 0px / 100%;
    max-width: 100%;
    position: absolute;
    width: 11px;
    height: 10px;
    right: -13px;
    top: 0px;
    bottom: 0px;
    margin: auto;
}

ul.inline-sticker li:last-child img {
    max-width: 80px;
}

.process-banner.inner-banner p {
    max-width: 100%;
    font-size: 20px;
    line-height: normal;
    margin-bottom: 30px;
}

.our_process .row.align-items-center {
    margin-top: 60px;
}

.op-thumb img {
    width: 80%;
}

.col-md-6.op-text {
    padding: 0px 10px;
}

.op-thumb.order-1 img {
    border-radius: 0px 0px 0px 100px;
}

.op-text h3 {
    font-size: 29px;
    font-weight: 500;
    display: inline-block;
    margin: 0px 0px 0px 5px;
}

.op-text h4 {
    color: rgb(255, 255, 255);
    margin: 0px;
    line-height: 40px;
    z-index: 1;
    width: 40px;
    display: inline-block;
}

.op-text p {
    color: rgb(97, 99, 104);
    font-size: 15px;
    margin-top: 20px;
}

.faq-accordion .accordion p, .faq-container h3 {
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    color: rgb(51, 51, 51);
}

.op-thumb.order-1 + .col-md-6.op-text {
    padding-left: 0px;
}

.process-banner {
    background: url("../images/our-process-banner.jpg") center top / cover no-repeat;
    padding: 160px 0px;
    text-align: center;
}

.faqs-banner, section.faq_section, section.our_process {
    background-repeat: no-repeat;
}

.our-banner.process-banner h1 {
    text-transform: capitalize;
    font-size: 72px;
    line-height: 62px;
    margin-bottom: 30px;
}

.our-banner.process-banner h1 span {
    display: block;
    font-size: 35px;
    text-transform: none;
    color: inherit;
}

section.our_process {
    padding-bottom: 100px;
    background-image: url("../images/MaskGroup1.png");
    background-position: left top;
}

.process-banner .btn-block .btn.btn-white {
    border-color: rgb(215, 3, 3);
    color: rgb(255, 255, 255);
    font-size: 16px;
    padding: 12px 40px;
    font-weight: 400;
    background: rgb(215, 3, 3);
}

.process-banner .btn-block .btn.btn-white:hover {
    color: rgb(0, 0, 0);
    border-color: rgb(255, 255, 255);
}

.faq-container {
    max-width: 800px;
    border-radius: 4px;
    background-color: rgb(255, 255, 255);
    position: relative;
    z-index: 999;
    width: 100%;
    padding: 65px 60px 60px;
    display: block;
    margin: -120px auto 10px;
    box-shadow: rgba(0, 0, 0, 0.17) 0px 0px 30px;
}

.faq-accordion {
    display: block;
    width: 100%;
    clear: both;
    margin-bottom: 60px;
}

.faq-container h3 {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.45;
    margin-top: 0px;
    margin-bottom: 25px;
}

.faq-accordion .accordion {
    margin: 0px auto;
    padding: 0px;
    list-style: none;
}

.faq-accordion .accordion :is(li, .schema-faq-section) {
    position: relative;
    padding: 13px 10px;
    margin-bottom: 10px;
    background: rgb(241, 241, 241);
}

.faq-accordion .accordion li > a {
    font-weight: 400;
    font-size: 18px;
}

.faq-accordion .accordion :is(li > a, .schema-faq-question) {
    width: 100%;
    display: block;
    cursor: pointer;
    user-select: none;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: rgb(48, 48, 48);
    padding-left: 35px;
}

.faq-accordion .accordion :is(li > a, .schema-faq-question)::after, .faq-accordion .accordion :is(li > a, .schema-faq-question)::before {
    content: "";
    position: absolute;
    transition: all 0.2s ease-in-out 0s;
    background-color: rgb(11, 24, 63);
}

.faq-accordion .accordion :is(li > a, .schema-faq-question)::before {
    width: 14px;
    height: 2px;
    left: 15px;
    top: 23.5px;
}

.faq-accordion .accordion :is(li > a, .schema-faq-question)::after {
    width: 2px;
    height: 14px;
    left: 21.5px;
    top: 18px;
}

.faq-accordion .accordion p {
    display: none;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    padding: 10px 10px 0px 25px;
}

section.faq_section {
    background-color: rgb(230, 232, 234);
    background-image: url("../images/faq-shd.png");
    background-position: left top;
}

.faq-accordion:last-child, .testimonial .heading p {
    margin-bottom: 0px;
}

.faqs-banner {
    background-image: url("../images/faq-banner.jpg");
    min-height: 410px;
    background-position: center top !important;
}

.faq_section .heading h2 {
    font-size: 44px;
}

.faq_section .heading {
    margin-bottom: 30px;
}

footer ul li i {
    color: rgb(79, 182, 176);
}

section.faqs {
    background: rgb(245, 245, 245);
}

button.btn.btn-link.collapsed {
    background: 0px 0px;
    border: none;
    color: rgb(0, 0, 0);
}

.faqs-wrapper {
    overflow: hidden;
    padding: 0px;
}

.faqs-wrapper::after {
    background: url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==") no-repeat;
    height: 943px;
    width: 540px;
    position: absolute;
    right: -20px;
    top: -250px;
    opacity: 0.4;
}

#faq .card {
    border: 0px;
    box-shadow: none;
    border-radius: 0px;
    margin: 0px 0px 12px;
}

#faq .card .card-header {
    border: 0px;
    padding: 0px;
    background: 0px 0px;
}

#faq .card .card-header .btn-header-link {
    display: block;
    text-align: left;
    color: rgb(34, 34, 35);
    padding: 14px 20px;
    font-weight: 500;
    text-decoration: none;
    font-size: 16px;
}

#faq .card .card-header .btn-header-link::after {
    content: "";
    background: url("../images/arrow-down.png") 0px 0px / 100%;
    max-width: 100%;
    position: absolute;
    transform: rotate(180deg);
    width: 15px;
    height: 15px;
    right: 20px;
    top: 18px;
    color: rgb(46, 61, 144);
}

#faq .card .card-header .btn-header-link.collapsed {
    color: rgb(0, 0, 0);
    font-weight: 500;
    text-decoration: none;
}

#faq .card .card-header .btn-header-link.collapsed::after {
    transform: rotate(0deg);
}

#faq .card .card-body {
    padding-top: 0px;
}

#faq .card .collapse.show {
    line-height: 30px;
    color: rgb(34, 34, 34);
}

#faq .card .card-body p {
    line-height: 24px;
    margin: 0px;
}

section.headercontactform {
    width: 100%;
    text-align: center;
    background: url("../images/contactformbg.jpg") 0px 0px / cover no-repeat;
    height: 394px;
    position: relative;
    padding: 31px;
}

.headercontactform span.Yellow {
    color: rgb(254, 206, 20);
    display: block;
}

section.headercontactform .form-control {
    font-size: 14px;
    border: none;
    margin: 0px 0px 15px;
    height: 38px;
}

section.headercontactform textarea.form-control {
    height: 100px;
}

section.headercontactform .btn {
    width: 29%;
    border-radius: 30px;
    font-size: 18px;
    margin-top: 6px;
    font-weight: 700;
}

section.headercontactform::before {
    content: "";
    background: url("../images/contactformbg1.webp") no-repeat;
    height: 418px;
    width: 346px;
    position: absolute;
    left: 0px;
    top: 0px;
}

section.headercontactform::after {
    content: "";
    background: url("../images/contactformbg2.webp") no-repeat;
    height: 418px;
    width: 360px;
    position: absolute;
    right: 0px;
    top: 0px;
}

.contact-us .wrapper {
    background: rgb(255, 255, 255);
    padding: 85px 36px 36px;
    position: relative;
}

.contact-us .bg {
    background: rgb(227, 245, 239);
    padding: 30px 20px;
    border-radius: 15px;
}

.contact-us .bg ul li a i {
    color: rgb(12, 142, 96);
    margin-right: 9px;
    font-size: 20px;
}

.contact-us .bg ul.social li a i {
    color: rgb(0, 0, 0);
    margin: 0px;
    font-size: 32px;
}

.contact-us ul.social h6 {
    margin: 0px 0px 16px;
}

.contact-us .btn {
    width: 100%;
    font-size: 17px;
    margin-top: 19px;
}

.contact-us .bg h2 {
    text-align: center;
    margin: 0px 0px 14px;
    font-size: 38px;
    font-weight: 700;
    color: rgb(0, 0, 0);
}

.testimonial .center .item {
    background: rgb(79, 182, 176);
    transform: scale(1.3);
    position: relative;
    z-index: 99;
    min-height: auto;
    height: 272px;
    margin-top: 50px;
    left: 0px;
    opacity: 1;
}

.testimonial .center .item * {
    color: rgb(255, 255, 255);
    width: 100%;
}

.testimonial .item i {
    font-size: 65px;
    margin-bottom: 11px;
}

.testimonial .center {
    position: relative;
    z-index: 99;
}

ul.submenu svg {
    height: 40px;
    width: 40px;
    text-align: center;
    display: table;
    margin: 0px auto 10px;
}

ul.submenu li a::after {
    content: "";
    height: 99%;
    width: 1px;
    background: rgb(120, 120, 120);
    position: absolute;
    top: 1px;
    right: 0px;
}

ul.submenu li a:hover {
    color: rgb(97, 227, 206);
    background: 0px 0px;
}

ul.submenu li a:hover svg {
    filter: invert(0.4) sepia(1) saturate(5) hue-rotate(422deg);
}

section.blog img {
    height: 236px;
    object-fit: cover;
}

h1.green {
    font-size: 22px;
    color: rgb(2, 212, 171);
}

.headercontactform h2 {
    color: rgb(255, 255, 255);
    margin: 0px 0px 14px;
    font-size: 25px;
}

img.header-img::after {
    top: -103px;
    left: -13px;
    width: 100%;
    margin: 15px;
    content: "";
}

.btn-green-border {
    border-color: rgb(98, 227, 206);
    color: rgb(0, 0, 0);
    background: rgb(114, 228, 201);
}

.recent-text a.btn.btn-green {
    color: rgb(255, 255, 255);
    background: rgb(2, 99, 74);
}

.recent-blog-line.row figcaption {
    background: rgb(255, 255, 255);
    text-align: left;
    padding: 18px 18px 22px;
    /* height: 295px; */
}

.owl-theme .owl-dots .owl-dot span {
    width: 18px;
    height: 18px;
    margin: 0px 4px;
    background: rgb(190, 190, 190);
    display: block;
    backface-visibility: visible;
    transition: opacity 0.2s ease 0s;
    border-radius: 30px;
}

.contact-us .bg ul.social li a i:hover {
    color: rgb(23, 116, 96);
}

.rclient-item h3 {
    margin-top: 0px;
    font-size: 16px;
    clear: both;
    font-weight: 600;
    color: rgb(255, 255, 255);
    margin-bottom: 0px;
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 0px;
    left: 0px;
    background: rgba(86, 201, 190, 0.62);
    padding: 7px 0px;
}

.contact-us .wrapper img.header-img {
    position: absolute;
    top: -30px;
    left: -30px;
    max-width: 105%;
}

section.blog span {
    color: rgb(0, 0, 0);
    font-weight: 600;
}

section.blog a span:hover {
    color: rgb(98, 227, 206);
}

.author-tag {
    padding: 0px;
    text-align: left;
    margin: 10px 0px 9px;
}

ul.submenu::after {
    content: "";
    width: 0px;
    height: 0px;
    border-width: 0px 14px 14px;
    border-color: transparent transparent rgb(43, 36, 96);
    border-style: solid;
    position: absolute;
    left: -190px;
    top: -14px;
    right: 0px;
    margin: auto;
    z-index: 9;
}

.owl-testimonial .owl-dots {
    margin-top: 0px;
    position: absolute;
    bottom: 100px;
    left: 0px;
    right: 0px;
}

h1.Unravel, h1.exclusive, h2.Legacy, h2.limited, h3.Craft {
    position: relative;
}

.testimonial .center .item i {
    margin: 0px 0px 2px;
}

section.blog .heading h2 {
    font-size: 34px;
    font-weight: 600;
    margin: 4px;
    text-transform: capitalize;
}

.contact-us .btn:hover {
    color: rgb(255, 255, 255);
    background: rgb(76, 175, 133);
    border-color: rgb(76, 175, 133);
}

i.fa-solid.fa-angle-right {
    text-align: center;
    padding: 3px;
    margin-top: -2px;
}

div#owl-carousel {
    margin-top: -18px;
}

section.blog a.ccc {
    color: rgb(76, 175, 133);
    float: right;
    font-weight: 600;
}

section.blog a span {
    color: rgb(0, 0, 0);
    font-weight: 600;
    font-size: 20px;
}

.popupform.popjuly {
    width: 500px !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    background: linear-gradient(145deg, #fffdf8 0%, #f8f3e9 100%) !important;
}

.popjuly .row {
    justify-content: center;
}

.popjuly .popup-content {
    background: none;
    width: 100%;
    height: auto;
    float: initial;
    margin: 0;
    padding: 0;
    border-radius: 0;
}

.custom-pop .btn-blue, .popjuly .custom-pop .btn-blue, h1.exclusive {
    background: rgb(5, 146, 146);
    box-shadow: rgb(29, 29, 29) 2px 5px 9px;
    font-family: Poppins !important;
}

.custom-pop .btn-blue, .popjuly .custom-pop .btn-blue {
    padding-bottom: 32px;
    font-weight: bolder;
    width: 319.96px;
    padding-top: 9px;
    position: relative;
}

.custom-pop .form-control {
    height: 40px;
    color: rgb(0, 0, 0);
    font-size: 14px;
    margin: 0px 0px 10px;
    border-radius: 12px;
}

.popup-content h2 span {
    color: rgb(254, 20, 20);
}

.custom-pop .btn-blue {
    font-size: 16px;
    color: rgb(255, 255, 255);
    border-radius: 9px;
    border: 1px;
    margin-top: -29px;
    top: -12px;
    height: 41.26px;
}

.col-md-4.logo {
    position: absolute;
    left: 35px;
    top: 16px;
}

.popjuly .custom-pop .btn-blue, h1.exclusive {
    color: rgb(255, 255, 255);
}

.btn-blue::after {
    background: rgb(254, 206, 20);
    color: rgb(0, 0, 0);
    text-decoration: none;
    border-radius: inherit;
}

.popjuly .popup-content p {
    width: auto;
    margin: 0px 0px 10px;
    background: no-repeat;
    font-size: 25px;
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    text-align: center;
    font-weight: 700;
}

.popjuly .popup-content h3 span {
    color: rgb(211, 0, 0);
    font-weight: 700;
}

.popjuly .popup-content form {
    padding: 0px 20px;
    margin-top: -70px;
}

.popjuly .custom-pop .form-control {
    height: 44px;
    font-size: 14px;
    margin: 0px 0px 10px;
}

.popjuly .custom-pop textarea.form-control {
    height: 80px;
}

.popjuly .custom-pop .btn-blue {
    font-size: 16px;
    border-radius: 9px;
    border: 1px;
    margin-top: -29px;
    top: 31px;
    height: 41.26px;
}

h1.exclusive, h2.limited {
    font-weight: 700;
    border-radius: 3px;
}

.fancybox-close-small, .popupform button.carousel__button.is-close {
    background: rgb(2, 212, 171);
    height: 30px;
    width: 30px;
    padding: 0px;
    border-radius: 4px;
    opacity: 1;
    top: -13px !important;
    right: 16px !important;
    position: absolute !important;
}

h1.exclusive {
    font-size: 13px;
    width: 44%;
    top: -24px;
    left: 101px;
    padding-bottom: 9px;
    padding-top: 13px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: -25px;
    text-align: center;
}

h2.limited, h3.Craft {
    font-family: Poppins;
    text-transform: uppercase;
}

h2.limited {
    font-size: 18px;
    color: rgb(8, 107, 138);
    left: 1px;
    top: -52px;
    padding-bottom: 12px;
    padding-top: 12px;
    margin-top: 25px;
}

.video-text h3 + p, h3.Craft {
    font-size: 16px;
}

h3.Craft {
    color: rgb(35, 35, 35);
    font-weight: 600;
    width: 98%;
    margin-top: -14px;
    top: -60px;
    letter-spacing: 0px;
    padding: 4px 4px 1px;
    line-height: 20px;
}

span.red {
    color: red;
}

h2.Legacy {
    left: -540px;
    top: -125px;
    font-size: 23px;
    color: rgb(0, 0, 0);
    margin-left: 129px;
    margin-top: 38px;
    line-height: 35px;
    letter-spacing: 1px;
    width: 90%;
    padding: 4px;
    background: rgb(254, 206, 20);
    border-radius: 42px;
    margin-bottom: 5px;
    font-family: Poppins !important;
}

h1.Unravel {
    left: -515px;
    top: -120px;
    color: rgb(255, 255, 255);
    font-family: Poppins;
    margin-left: 50px;
    letter-spacing: -1px;
    width: 433px;
    font-size: 34px;
    margin-bottom: 64px;
    line-height: 42px;
    text-transform: uppercase !important;
}

.wwthumb {
    position: absolute;
    bottom: 8%;
    top: -150px;
}

.home .romance-image h2:not(.mimic-h1), .home h2:not(.mimic-h1) {
    color: rgb(0, 0, 0) !important;
}

.cta .home h2:not(.mimic-h1) {
    color: rgb(255, 255, 255) !important;
}

.contact-us .bg ul li a {
    text-transform: lowercase !important;
}

.op-thumb {
    display: flex;
    justify-content: center;
}

.op-text h4::before {
    position: absolute;
    content: "";
    left: 0px;
    top: 0px;
    background: linear-gradient(90deg, rgb(10, 25, 66) 0px, rgb(67, 153, 157) 100%);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    z-index: -1;
}

.top ul.social li a i {
    font-size: 12px;
    line-height: 22px;
}

.video-text h3 {
    color: rgb(0, 152, 116);
    font-weight: 600;
    font-size: 32px;
    margin-left: 0px !important;
}

header ul li span.process-head a {
    padding: 5px 0px;
}

header ul li span.process-head i {
    color: rgb(73, 168, 167);
}

header ul li:last-child span.process-head:last-child a {
    letter-spacing: 0.65px;
}

section.testimonial {
    display: revert !important;
}

.we-print h4 + p {
    margin-bottom: 30px;
}

.immaculate .heading p {
    margin-bottom: 30px;
}

.excep-service img {
    height: 90px;
}


.excep-service .row .row {align-items: baseline;}


.recent-blog.csp-blog h3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* number of lines to show */
    line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 1.75rem;
}

.recent-blog.csp-blog p{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    /* number of lines to show */
    line-clamp: 5;
    -webkit-box-orient: vertical;
    margin-bottom: 20px;
}

.img-testpi {
    margin:50px 0px;
}

.img-testpi a.pi-img {
    /* height: 100%; */
    display: inline-block;
}

@media (max-width: 850px) and (min-width: 320px) {
    .popjuly .popup-content .h1 .exclusive, .popup-content h2.Craft, h3.Craft {
        font-size: 15px;
        font-family: Poppins;
        position: relative;
        text-transform: uppercase;
    }

    .popjuly .popup-content .h1 .exclusive {
        color: rgb(255, 255, 255);
        background: rgb(5, 146, 146);
        width: 44%;
        top: -14px;
        left: 101px;
        font-weight: 700;
        padding-bottom: 3px;
        border-radius: 3px;
        padding-top: 0px;
        box-shadow: rgb(29, 29, 29) 2px 5px 9px;
        letter-spacing: 1px;
        text-align: center;
    }

    .popup-content h2.Craft, h3.Craft {
        color: rgb(35, 35, 35);
        font-weight: 600;
        width: 98%;
        margin-top: -14px;
        top: -60px;
        letter-spacing: 0px;
        padding: 4px 4px 1px;
        line-height: 20px;
    }

    .popupform.popjuly .popup-content {
        left: 0px;
        max-width: 100%;
    }

    .popjuly .popup-content br {
        display: none;
    }

    .popjuly .popup-content h3 {
        font-size: 14px;
    }

    .popupform .popupjuly {
        width: 100%;
        height: fit-content;
        background: rgb(94, 132, 255);
        padding: 50px 20px;
    }

    .popupform.popjuly {
        border: 0;
        background: linear-gradient(145deg, #fffdf8 0%, #f8f3e9 100%) !important;
        width: 500px !important;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
    }

    .popjuly .row {
        justify-content: center;
    }

    .popjuly .popup-content {
        background: none;
        width: 100% !important;
        height: auto !important;
        float: initial;
        margin: 0 !important;
        padding: 0 !important;
        border-radius: 0;
    }

    .custom-pop .btn-blue, .popjuly .custom-pop .btn-blue, h1.exclusive {
        background: rgb(5, 146, 146);
        box-shadow: rgb(29, 29, 29) 2px 5px 9px;
        font-family: Poppins !important;
    }

    .custom-pop .btn-blue, .popjuly .custom-pop .btn-blue {
        padding-bottom: 32px;
        font-weight: bolder;
        width: 319.96px;
        padding-top: 9px;
    }

    .custom-pop .form-control {
        height: 40px;
        color: rgb(0, 0, 0);
        font-size: 14px;
        margin: 0px 0px 10px;
        border-radius: 12px;
    }

    .popup-content h2 span {
        color: rgb(254, 20, 20);
    }

    .custom-pop .btn-blue {
        font-size: 16px;
        color: rgb(255, 255, 255);
        border-radius: 9px;
        border: 1px;
        margin-top: -29px;
        position: relative;
        top: -12px;
        height: 41.26px;
    }

    .col-md-4.logo {
        position: absolute;
        left: 35px;
        top: 16px;
    }

    .popjuly .custom-pop .btn-blue, h1.exclusive {
        color: rgb(255, 255, 255);
    }

    .btn-blue::after {
        background: rgb(254, 206, 20);
        color: rgb(0, 0, 0);
        text-decoration: none;
        border-radius: 50px;
    }

    .popjuly .popup-content p {
        width: auto;
        margin: 0px 0px 10px;
        background: no-repeat;
        font-size: 25px;
        color: rgb(255, 255, 255);
        text-transform: uppercase;
        text-align: center;
        font-weight: 700;
    }

    .popjuly .popup-content h3 span {
        color: rgb(211, 0, 0);
        font-weight: 700;
    }

    .popjuly .popup-content form {
        padding: 0px 20px;
        margin-top: -70px;
    }

    .popjuly .custom-pop .form-control {
        height: 44px;
        font-size: 14px;
        margin: 0px 0px 10px;
    }

    .popjuly .custom-pop textarea.form-control {
        height: 80px;
    }

    .popjuly .custom-pop .btn-blue {
        font-size: 16px;
        border-radius: 9px;
        border: 1px;
        margin-top: -29px;
        position: relative;
        top: 31px;
        height: 41.26px;
    }

    h1.exclusive, h2.limited {
        text-transform: uppercase;
        border-radius: 3px;
        position: relative;
        font-weight: 700;
    }

    h1.exclusive {
        font-size: 13px;
        width: 44%;
        top: -24px;
        left: 101px;
        padding-bottom: 9px;
        padding-top: 18px;
        letter-spacing: 1px;
        margin-top: -25px;
        text-align: center;
    }

    h2.limited {
        font-size: 18px;
        font-family: Poppins;
        color: rgb(8, 107, 138);
        left: 1px;
        top: -52px;
        padding-bottom: 15px;
        padding-top: 10px;
        margin-top: 25px;
    }

    span.red {
        font-weight: 700;
        color: red;
    }

    h2.Legacy {
        position: relative;
        left: -509px;
        top: -136px;
        font-size: 23px;
        color: rgb(0, 0, 0);
        font-weight: 700;
        margin-left: 129px;
        margin-top: 38px;
        line-height: 35px;
        letter-spacing: 1px;
        width: 79%;
        background: rgb(254, 206, 20);
        border-radius: 42px;
        font-family: Poppins !important;
    }

    h1.Unravel {
        position: relative;
        left: -500px;
        top: -135px;
        color: rgb(255, 255, 255);
        font-weight: 700;
        font-family: Poppins;
        margin-left: 50px;
        letter-spacing: -1px;
        width: 433px;
        font-size: 37px;
        text-transform: inherit;
        margin-bottom: 64px;
        line-height: 42px;
    }

    .fancybox-close-small, .popupform button.carousel__button.is-close {
        background: rgb(2, 212, 171);
        height: 30px;
        width: 30px;
        padding: 0px;
        border-radius: 4px;
        opacity: 1;
        top: -13px !important;
        right: 16px !important;
        position: absolute !important;
    }

    .popupform.popjuly button.carousel__button.is-close {
        top: 53px !important;
        right: 273px !important;
    }
}




user-select .indent_inn {
    width: 100%;
    max-width: 1170px;
}

.indent_inn h2 {
    /* font-weight: 700; */
    font-size: 44px;
    text-align: center;
}

.indent_inn h2 b {
    vertical-align: baseline;
    color: #f44336;
}

.indent_inn {
    padding: 0 20px;
    width: 100%;
    max-width: 1170px;
}

.ddexitForm {
    margin-top: 30px;
    width: 100%;
}

.indent-pop ul {
    margin: 0;
    width: 100%;
    float: left;
}

.indent-pop ul li.ind-line {
    width: 26.2%;
    float: left;
    padding: 0 5px;
}

.indent-pop ul li.ind-line input {
    height: 60px;
    display: block;
    margin: 0 auto;
    background: #fff;
    border: 1px solid #e5e5e5;
    padding: 17px 10px 16px 20px;
    width: 100%;
}

.indent-pop ul li.ind-line i.fa {
    display: none;
}

.indent-pop ul li.ind-line input[type="submit"] {
    font-size: 17px;
    background-color: #007399;
    border-color: #007399;
    color: #fff;
    padding: 15px 25px;
    cursor: pointer;
}

.indent-pop ul li.ind-line.last {
    width: 21%;
}

#ddexitpopwrapper {
    display: flex;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
    pointer-events: none;
    align-items: center;
    justify-content: center;
}

#ddexitpopwrapper .veil {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: rgba(0,0,0,.7);
    content: "";
    z-index: 1;
    display: none;
    cursor: default;
}

.ddexitpop {
    width: 100%;
    padding: 0;
    z-index: 2;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    background: white;
    left: 0;
    top: 0;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    visibility: hidden;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ddexitpop .calltoaction {
    display: inline-block;
    text-decoration: none;
    border-radius: 5px;
    padding: 15px;
    background: #15C5FF;
    display: block;
    width: 80%;
    margin: 10px auto;
    text-align: center;
    color: white !important;
}

div.closeexitpop {
    background: url('../images/xclose.png') no-repeat scroll center center;
    width: 70px;
    height: 70px;
    overflow: hidden;
    display: none;
    position: fixed;
    cursor: pointer;
    text-indent: -1000px;
    z-index: 3;
    top: 10px;
    right: 10px;
    background-size: 20px;
    opacity: 0.7;
}

#ddexitpopwrapper.open {
    pointer-events: auto;
}

#ddexitpopwrapper.open .veil {
    display: block;
}

#ddexitpopwrapper.open div.closeexitpop {
    display: block;
}

#ddexitpopwrapper.open .ddexitpop {
    visibility: visible;
}

@media screen and (max-width: 850px) {
    .ddexitpop {
        /* top: 0; */
    }

    .indent-pop ul li.ind-line {
        width: 100% !important;
        margin-bottom: 10px;
    }

    .indent-pop ul li.ind-line input[type="submit"] {
        width: auto;
    }

    .indent_inn h2 {
        font-size: 30px;
    }

    .indent_inn h2 br {
        display: none;
    }
}

ul.submenu.mediting::after {
    left: 830px;
}

/* Premium editorial CTA */
section.cta {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    width: 100%;
    padding: 48px 0;
    background:
            radial-gradient(circle at 8% 25%, rgba(58, 204, 186, .17), transparent 27%),
            radial-gradient(circle at 91% 72%, rgba(211, 170, 77, .18), transparent 28%),
            linear-gradient(135deg, #070d30 0%, #101b55 55%, #070f35 100%);
}

section.cta::before {
    content: "";
    position: absolute;
    z-index: -2;
    inset: 0;
    background-image: radial-gradient(rgba(255, 255, 255, .13) .8px, transparent .8px);
    background-size: 25px 25px;
    opacity: .24;
}

section.cta::after {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    bottom: -150px;
    width: 650px;
    height: 310px;
    border-radius: 50%;
    background: rgba(45, 187, 171, .1);
    filter: blur(35px);
    transform: translateX(-50%);
}

.cta .container {
    position: relative;
    z-index: 2;
}

.cta .cta-inner {
    position: relative;
    max-width: 930px;
    margin: 0 auto;
    padding: 58px 65px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 30px;
    background:
            radial-gradient(circle at 50% 0, rgba(98, 227, 206, .1), transparent 35%),
            rgba(255, 255, 255, .055);
    box-shadow:
            0 36px 80px rgba(0, 0, 20, .3),
            inset 0 1px rgba(255, 255, 255, .12);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
}

.cta .cta-inner::before,
.cta .cta-inner::after {
    content: "";
    position: absolute;
    width: 120px;
    height: 120px;
    border: 1px solid rgba(98, 227, 206, .13);
    border-radius: 50%;
}

.cta .cta-inner::before {
    top: -70px;
    left: -55px;
    box-shadow: 0 0 0 25px rgba(98, 227, 206, .025);
}

.cta .cta-inner::after {
    right: -55px;
    bottom: -70px;
    border-color: rgba(211, 170, 77, .16);
    box-shadow: 0 0 0 25px rgba(211, 170, 77, .025);
}

.cta .cta-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 18px;
    padding: 8px 14px 8px 10px;
    border-radius: 999px;
    background: rgba(98, 227, 206, .11);
    color: #91ead9;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 1.15px;
    text-transform: uppercase;
}

.cta .cta-eyebrow i {
    display: grid;
    width: 24px;
    height: 24px;
    place-items: center;
    border-radius: 50%;
    background: linear-gradient(145deg, #20a7a9, #0e7b7c);
    color: #fff;
    font-size: 10px;
    box-shadow: 0 6px 14px rgba(32, 167, 169, .3);
}

.cta h2 {
    max-width: 790px;
    margin: 0 auto 18px;
    color: #fff;
    font-size: clamp(34px, 4vw, 48px);
    font-weight: 700;
    line-height: 1.18;
    letter-spacing: -1.3px;
}

.cta h2 span {
    color: #78e4d4;
    background: linear-gradient(110deg, #65dbc8, #a8efe0);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.cta p.cta-copy {
    max-width: 650px;
    margin: 0 auto 30px;
    color: rgba(235, 242, 252, .72);
    font-size: 15px;
    line-height: 1.75;
}

.cta .btn-block {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 13px;
    margin: 0;
}

.cta .btn-block .btn {
    display: inline-flex;
    min-width: 160px;
    min-height: 52px;
    align-items: center;
    justify-content: center;
    gap: 9px;
    margin: 0;
    padding: 12px 23px;
    border-radius: 14px;
    font-size: 13px;
    font-weight: 600;
    transition: color .25s ease, background .25s ease, transform .25s ease, box-shadow .25s ease;
}

.cta .btn-block .btn::after {
    display: none !important;
    content: none !important;
}

.cta .btn-green {
    border: 1px solid rgba(139, 239, 223, .3);
    color: #09153b;
    background: linear-gradient(135deg, #68decb, #a2eddf);
    box-shadow: 0 14px 30px rgba(41, 190, 172, .27), inset 0 1px rgba(255, 255, 255, .55);
}

.cta .btn-green:hover,
.cta .btn-green:focus {
    color: #fff;
    background: linear-gradient(135deg, #1aa6a5, #087375);
    box-shadow: 0 18px 35px rgba(24, 163, 158, .32);
    transform: translateY(-3px);
}

.cta .btn-white-border {
    border: 1px solid rgba(255, 255, 255, .22);
    color: #fff;
    background: rgba(255, 255, 255, .07);
    box-shadow: inset 0 1px rgba(255, 255, 255, .1);
}

.cta .btn-white-border:hover,
.cta .btn-white-border:focus {
    border-color: rgba(211, 170, 77, .45);
    color: #10154a;
    background: linear-gradient(135deg, #e6c266, #f2dfa7);
    box-shadow: 0 17px 34px rgba(0, 0, 20, .24);
    transform: translateY(-3px);
}

.cta-decor {
    position: absolute;
    z-index: 1;
    inset: 0;
    pointer-events: none;
}

.cta-decor__ring {
    position: absolute;
    top: -190px;
    right: -130px;
    width: 470px;
    height: 470px;
    border: 1px solid rgba(211, 170, 77, .17);
    border-radius: 50%;
    box-shadow:
            0 0 0 45px rgba(98, 227, 206, .025),
            0 0 0 90px rgba(255, 255, 255, .015);
}

.cta-decor__spark,
.cta-decor__feather {
    position: absolute;
    color: rgba(139, 239, 223, .25);
    font-size: 37px;
    filter: drop-shadow(0 10px 18px rgba(0, 0, 0, .18));
}

.cta-decor__spark {
    top: 20%;
    left: 6%;
}

.cta-decor__feather {
    right: 7%;
    bottom: 17%;
    color: rgba(230, 194, 102, .25);
    font-size: 45px;
    transform: rotate(-18deg);
}

@media (max-width: 767px) {
    section.cta {
        padding: 36px 0;
    }

    .cta .cta-inner {
        padding: 40px 21px;
        border-radius: 23px;
    }

    .cta h2 {
        font-size: 29px;
        letter-spacing: -.7px;
    }

    .cta p.cta-copy {
        font-size: 13px;
    }

    .cta .btn-block {
        flex-direction: column;
    }

    .cta .btn-block .btn {
        width: 100%;
    }

    .cta-decor__spark,
    .cta-decor__feather {
        opacity: .55;
    }
}

/* Borderless cinematic CTA refinement */
section.cta {
    min-height: 0;
    display: flex;
    align-items: center;
    padding: 48px 0;
    background:
            radial-gradient(circle at 50% -10%, rgba(98, 227, 206, .18), transparent 34%),
            radial-gradient(circle at 5% 55%, rgba(42, 104, 180, .19), transparent 30%),
            radial-gradient(circle at 96% 63%, rgba(218, 184, 79, .17), transparent 29%),
            linear-gradient(125deg, #050b29 0%, #0c1649 48%, #070f36 100%);
}

section.cta::before {
    opacity: .35;
    background-image:
            radial-gradient(rgba(255, 255, 255, .13) .8px, transparent .8px),
            linear-gradient(115deg, transparent 0 46%, rgba(255, 255, 255, .035) 47%, transparent 48%);
    background-size: 26px 26px, 100% 100%;
    -webkit-mask-image: linear-gradient(90deg, #000, transparent 37%, transparent 63%, #000);
    mask-image: linear-gradient(90deg, #000, transparent 37%, transparent 63%, #000);
}

section.cta::after {
    left: 50%;
    bottom: -220px;
    width: 820px;
    height: 430px;
    border: 1px solid rgba(98, 227, 206, .12);
    background: rgba(58, 204, 186, .08);
    box-shadow:
            0 0 0 55px rgba(98, 227, 206, .025),
            0 0 0 110px rgba(218, 184, 79, .018);
    filter: blur(2px);
}

.cta .container::before {
    content: "WRITE  \2022  PUBLISH  \2022  INSPIRE";
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    width: 100%;
    color: rgba(255, 255, 255, .022);
    font-size: clamp(70px, 9vw, 138px);
    font-weight: 800;
    line-height: .85;
    letter-spacing: 8px;
    white-space: nowrap;
    transform: translate(-50%, -50%);
}

.cta .cta-inner {
    max-width: 940px;
    overflow: visible;
    padding: 20px 45px;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}

.cta .cta-inner::before,
.cta .cta-inner::after {
    display: none;
}

.cta .cta-eyebrow {
    margin-bottom: 21px;
    background: rgba(98, 227, 206, .1);
    box-shadow: 0 10px 30px rgba(0, 1, 24, .16);
}

.cta h2 {
    max-width: 850px;
    font-size: clamp(38px, 4.3vw, 54px);
    line-height: 1.12;
    letter-spacing: -1.7px;
    text-shadow: 0 13px 35px rgba(0, 0, 20, .24);
}

.cta h2 span {
    text-shadow: none;
}

.cta p.cta-copy {
    max-width: 680px;
    color: rgba(235, 242, 252, .76);
}

.cta-decor__ring {
    top: -220px;
    right: -120px;
    width: 520px;
    height: 520px;
    border-color: rgba(218, 184, 79, .2);
    box-shadow:
            0 0 0 48px rgba(98, 227, 206, .025),
            0 0 0 96px rgba(255, 255, 255, .014);
}

.cta-decor__ring::before,
.cta-decor__ring::after {
    content: "";
    position: absolute;
    border-radius: 50%;
}

.cta-decor__ring::before {
    inset: 89px;
    border: 1px dashed rgba(98, 227, 206, .21);
}

.cta-decor__ring::after {
    inset: 175px;
    background: radial-gradient(circle, rgba(218, 184, 79, .18), transparent 68%);
}

.cta-decor__spark,
.cta-decor__feather,
.cta-decor__book,
.cta-decor__pen,
.cta-decor__quote {
    position: absolute;
    display: grid;
    place-items: center;
    color: rgba(139, 239, 223, .27);
    filter: drop-shadow(0 13px 20px rgba(0, 0, 0, .2));
}

.cta-decor__spark {
    top: 16%;
    left: 7%;
    font-size: 31px;
    animation: ctaFloat 6s ease-in-out infinite;
}

.cta-decor__feather {
    right: 8%;
    bottom: 16%;
    color: rgba(230, 194, 102, .29);
    font-size: 50px;
    animation: ctaFloatReverse 8s ease-in-out infinite;
}

.cta-decor__book {
    left: 12%;
    bottom: 13%;
    width: 58px;
    height: 58px;
    border: 1px solid rgba(98, 227, 206, .13);
    border-radius: 17px;
    background: rgba(255, 255, 255, .035);
    color: rgba(139, 239, 223, .25);
    font-size: 24px;
    transform: rotate(-8deg);
    animation: ctaFloat 9s ease-in-out infinite 1s;
}

.cta-decor__pen {
    top: 18%;
    right: 15%;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: rgba(218, 184, 79, .055);
    color: rgba(230, 194, 102, .26);
    font-size: 20px;
    animation: ctaFloatReverse 7s ease-in-out infinite .5s;
}

.cta-decor__quote {
    top: 41%;
    left: 3.5%;
    color: rgba(255, 255, 255, .075);
    font-size: 76px;
    transform: rotate(-7deg);
}

.cta-decor__dots {
    position: absolute;
    right: 4%;
    bottom: 7%;
    width: 125px;
    height: 85px;
    opacity: .38;
    background-image: radial-gradient(rgba(230, 194, 102, .48) 1px, transparent 1.5px);
    background-size: 14px 14px;
    transform: rotate(-8deg);
}

.cta-decor__line {
    position: absolute;
    top: 10%;
    left: 17%;
    width: 125px;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(90deg, transparent, rgba(98, 227, 206, .6), rgba(218, 184, 79, .55), transparent);
    box-shadow: 0 0 18px rgba(98, 227, 206, .2);
    transform: rotate(-12deg);
}

@keyframes ctaFloat {
    0%, 100% { transform: translate3d(0, 0, 0) rotate(-7deg); }
    50% { transform: translate3d(8px, -14px, 0) rotate(3deg); }
}

@keyframes ctaFloatReverse {
    0%, 100% { transform: translate3d(0, 0, 0) rotate(7deg); }
    50% { transform: translate3d(-8px, -13px, 0) rotate(-3deg); }
}

@media (max-width: 991px) {
    .cta-decor__book,
    .cta-decor__pen,
    .cta-decor__quote {
        opacity: .55;
    }

    .cta .cta-inner {
        padding-right: 25px;
        padding-left: 25px;
    }
}

@media (max-width: 767px) {
    section.cta {
        min-height: auto;
        padding: 36px 0;
    }

    .cta .cta-inner {
        padding: 0 9px;
    }

    .cta h2 {
        font-size: 31px;
        letter-spacing: -.8px;
    }

    .cta .container::before {
        font-size: 56px;
        white-space: normal;
    }

    .cta-decor__book,
    .cta-decor__pen,
    .cta-decor__quote,
    .cta-decor__line {
        display: none;
    }

    .cta-decor__ring {
        right: -310px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .cta-decor__spark,
    .cta-decor__feather,
    .cta-decor__book,
    .cta-decor__pen {
        animation: none !important;
    }
}

/* ===== Homepage premium styles (moved from index.php) ===== */
ul.inline-sticker li:last-child img {
    max-width: 100%;
}

/* Premium homepage hero — slider classes and image rotation remain unchanged */
.home {
    overflow-x: hidden;
    overflow-x: clip;
}

.home .slider-home {
    isolation: isolate;
    position: relative;
    overflow: hidden !important;
    background:
            radial-gradient(circle at 8% 16%, rgba(98, 227, 206, .19), transparent 27%),
            radial-gradient(circle at 88% 13%, rgba(218, 184, 79, .2), transparent 28%),
            radial-gradient(circle at 78% 88%, rgba(45, 85, 155, .14), transparent 32%),
            linear-gradient(125deg, #f8fcff 0%, #fbf9f2 48%, #f2f6fd 100%) !important;
    border-bottom: 1px solid rgba(218, 184, 79, .25);
    box-shadow:
            inset 0 1px rgba(255, 255, 255, .95),
            inset 0 -30px 70px rgba(18, 27, 87, .035);
}

.home .slider-home::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0;
    pointer-events: none;
    opacity: .55;
    background-image:
            radial-gradient(circle, rgba(18, 27, 87, .075) 1px, transparent 1.5px),
            linear-gradient(120deg, transparent 0 39%, rgba(255, 255, 255, .62) 40%, transparent 41%);
    background-size: 31px 31px, 100% 100%;
    -webkit-mask-image: linear-gradient(90deg, #000, transparent 45%, #000);
    mask-image: linear-gradient(90deg, #000, transparent 45%, #000);
}

.home .slider-home::after {
    content: "";
    position: absolute;
    z-index: -1;
    top: -260px;
    right: -130px;
    width: 610px;
    height: 610px;
    pointer-events: none;
    border: 1px solid rgba(218, 184, 79, .23);
    border-radius: 50%;
    box-shadow:
            0 0 0 42px rgba(98, 227, 206, .035),
            0 0 0 90px rgba(18, 27, 87, .025);
}

.home .slider-home > .container {
    position: relative;
    z-index: 2;
}

.home .slider-home .header-text {
    position: relative;
}

.home .slider-home .hero-copy {
    padding: 34px 36px;
    border: 1px solid rgba(255, 255, 255, .76);
    border-radius: 30px;
    background:
            radial-gradient(circle at 8% 0, rgba(98, 227, 206, .1), transparent 28%),
            linear-gradient(145deg, rgba(255, 255, 255, .72), rgba(255, 255, 255, .42));
    box-shadow:
            0 28px 70px rgba(20, 29, 88, .11),
            inset 0 1px rgba(255, 255, 255, .95);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
}

.home .slider-home .hero-copy::before {
    content: "";
    position: absolute;
    top: 30px;
    bottom: 30px;
    left: 0;
    width: 3px;
    border-radius: 4px;
    background: linear-gradient(180deg, transparent, #62e3ce 30%, #d9b84f 72%, transparent);
    box-shadow: 0 0 16px rgba(98, 227, 206, .2);
}

.home .slider-home .header-text h2 {
    color: #17215f;
    letter-spacing: -.025em;
    text-shadow: 0 1px rgba(255, 255, 255, .9);
}

.home .slider-home .header-text h1 {
    color: #080e31;
    letter-spacing: -.025em;
}

.home .slider-home .header-text p {
    max-width: 620px;
    color: #4e5d74;
    line-height: 1.8;
}

.home .slider-home .text-typed {
    color: #79ebdd;
    border: 1px solid rgba(218, 184, 79, .34);
    border-radius: 8px;
    background:
            radial-gradient(circle at 15% 0, rgba(98, 227, 206, .2), transparent 45%),
            linear-gradient(135deg, #16215f, #070d2f);
    box-shadow: 0 9px 22px rgba(8, 14, 49, .17), inset 0 1px rgba(255, 255, 255, .12);
}

.home .slider-home .svg-container {
    position: relative;
}

.home .slider-home .svg-container::before {
    content: "";
    position: absolute;
    z-index: 0;
    top: 50%;
    left: 50%;
    width: 88%;
    aspect-ratio: 1;
    border: 1px solid rgba(218, 184, 79, .18);
    border-radius: 50%;
    background:
            radial-gradient(circle, rgba(255, 255, 255, .82) 0%, rgba(98, 227, 206, .11) 43%, transparent 70%);
    box-shadow: 0 30px 80px rgba(26, 37, 100, .11);
    transform: translate(-50%, -48%);
}

.home .slider-home .svg-container img {
    z-index: 1;
    filter: drop-shadow(0 26px 30px rgba(20, 28, 83, .16));
}

.home .slider-home .btn-blue {
    border-color: #101a58;
    background:
            radial-gradient(circle at 15% 0, rgba(98, 227, 206, .23), transparent 44%),
            linear-gradient(135deg, #172363, #070e31);
    box-shadow: 0 13px 28px rgba(8, 15, 56, .2), inset 0 1px rgba(255, 255, 255, .12);
}

.home .slider-home .btn-black-border {
    color: #10184d;
    border-color: rgba(16, 24, 77, .22);
    background: rgba(255, 255, 255, .58);
    box-shadow: inset 0 1px rgba(255, 255, 255, .9);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
}

.home .slider-home .btn-black-border:hover {
    color: #fff;
    border-color: #d9b84f;
    background:
            radial-gradient(circle at 16% 0, rgba(217, 184, 79, .25), transparent 44%),
            linear-gradient(135deg, #172363, #070e31);
    box-shadow: 0 12px 26px rgba(8, 15, 56, .2), inset 0 1px rgba(255, 255, 255, .12);
}

.home .slider-home .inline-sticker {
    position: relative;
    z-index: 2;
}

.cg-hero-vectors {
    position: absolute;
    z-index: 1;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
}

.cg-hero-vector {
    position: absolute;
    display: grid;
    place-items: center;
    color: #172363;
    opacity: .28;
    filter: drop-shadow(0 12px 20px rgba(20, 30, 88, .1));
    will-change: transform;
}

.cg-hero-vector svg {
    display: block;
    width: 100%;
    height: 100%;
    overflow: visible;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.cg-hero-vector--feather {
    top: 12%;
    left: 2.5%;
    width: 72px;
    height: 72px;
    color: #258893;
    animation: cgHeroFloat 7s ease-in-out infinite;
}

.cg-hero-vector--book {
    bottom: 7%;
    left: 46%;
    width: 88px;
    height: 88px;
    color: #a98224;
    opacity: .2;
    animation: cgHeroFloatReverse 9s ease-in-out infinite;
}

.cg-hero-vector--spark {
    top: 15%;
    right: 3.5%;
    width: 62px;
    height: 62px;
    color: #486da8;
    opacity: .24;
    animation: cgHeroSpin 16s linear infinite;
}

.cg-hero-vector--pen {
    right: 45%;
    bottom: 16%;
    width: 54px;
    height: 54px;
    color: #2b939d;
    opacity: .2;
    animation: cgHeroPulse 5.5s ease-in-out infinite;
}

@keyframes cgHeroFloat {
    0%, 100% { transform: translate3d(0, 0, 0) rotate(-7deg); }
    50% { transform: translate3d(12px, -17px, 0) rotate(3deg); }
}

@keyframes cgHeroFloatReverse {
    0%, 100% { transform: translate3d(0, 0, 0) rotate(5deg); }
    50% { transform: translate3d(-12px, -14px, 0) rotate(-4deg); }
}

@keyframes cgHeroSpin {
    from { transform: rotate(0deg) scale(.94); }
    50% { transform: rotate(180deg) scale(1.08); }
    to { transform: rotate(360deg) scale(.94); }
}

@keyframes cgHeroPulse {
    0%, 100% { transform: translateY(0) scale(.92); opacity: .16; }
    50% { transform: translateY(-10px) scale(1.08); opacity: .32; }
}

@media (max-width: 767px) {
    .home .slider-home {
        background:
                radial-gradient(circle at 12% 8%, rgba(98, 227, 206, .17), transparent 31%),
                radial-gradient(circle at 90% 12%, rgba(218, 184, 79, .15), transparent 30%),
                linear-gradient(145deg, #f8fcff, #f6f8fc) !important;
    }

    .home .slider-home::after {
        top: -210px;
        right: -250px;
        width: 500px;
        height: 500px;
    }

    .home .slider-home .hero-copy {
        padding: 28px 22px;
        border-radius: 22px;
    }

    .cg-hero-vector--book,
    .cg-hero-vector--pen {
        display: none;
    }

    .cg-hero-vector--feather {
        top: 7%;
        left: -12px;
        width: 56px;
        height: 56px;
    }

    .cg-hero-vector--spark {
        top: 6%;
        right: -8px;
        width: 48px;
        height: 48px;
    }
}

/* Light luxury hero edition */
.home .slider-home {
    background:
            radial-gradient(circle at 7% 14%, rgba(98, 227, 206, .19), transparent 27%),
            radial-gradient(circle at 87% 10%, rgba(218, 184, 79, .18), transparent 29%),
            radial-gradient(circle at 72% 92%, rgba(57, 105, 180, .11), transparent 34%),
            linear-gradient(125deg, #f8fcff 0%, #fffdf7 49%, #f1f6fd 100%) !important;
    border-bottom: 0;
    box-shadow:
            inset 0 1px #fff,
            inset 0 -45px 90px rgba(18, 27, 87, .045);
}

.home .slider-home::before {
    opacity: .42;
    background-image:
            radial-gradient(circle, rgba(18, 27, 87, .09) 1px, transparent 1.5px),
            linear-gradient(120deg, transparent 0 39%, rgba(255, 255, 255, .7) 40%, transparent 41%);
}

.home .slider-home::after {
    border-color: rgba(218, 184, 79, .25);
    box-shadow:
            0 0 0 42px rgba(98, 227, 206, .04),
            0 0 0 90px rgba(18, 27, 87, .025);
}

.home .slider-home .hero-copy {
    padding: 28px 30px;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}

.home .slider-home .hero-copy::before {
    top: 22px;
    bottom: 22px;
    width: 4px;
    background: linear-gradient(180deg, transparent, #62e3ce 24%, #d9b84f 74%, transparent);
    box-shadow: 0 0 20px rgba(98, 227, 206, .32);
}

.home .slider-home .header-text h2 {
    color: #242f6f;
    text-shadow: 0 1px #fff;
}

.home .slider-home .header-text h1 {
    color: #080e31;
    text-shadow: 0 2px rgba(255, 255, 255, .8);
}

.home .slider-home .header-text p {
    color: #526077;
}

.home .slider-home .text-typed {
    color: #79ebdd;
    border-color: rgba(218, 184, 79, .42);
    background:
            radial-gradient(circle at 14% 0, rgba(98, 227, 206, .2), transparent 45%),
            linear-gradient(135deg, #182465, #070e31);
    box-shadow: 0 12px 28px rgba(8, 16, 63, .2), inset 0 1px rgba(255, 255, 255, .14);
}

.home .slider-home .svg-container::before {
    border-color: rgba(218, 184, 79, .25);
    background:
            radial-gradient(circle, rgba(255, 255, 255, .86) 0%, rgba(98, 227, 206, .1) 42%, transparent 70%);
    box-shadow:
            0 35px 90px rgba(18, 27, 87, .13),
            inset 0 0 55px rgba(255, 255, 255, .55);
}

.home .slider-home .svg-container img {
    filter: drop-shadow(0 28px 34px rgba(18, 27, 87, .18));
}

.home .slider-home .cg-hero-vector {
    color: #426797;
    opacity: .21;
}

.home .slider-home .cg-hero-vector--feather,
.home .slider-home .cg-hero-vector--pen {
    color: #78e9d7;
}

.home .slider-home .cg-hero-vector--book {
    color: #e1c35e;
}

.home .slider-home .cg-hero-vector--spark {
    color: #486da8;
}

.home .slider-home .btn-block {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
}

.home .slider-home .btn-block .btn {
    min-width: 148px;
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    margin: 0;
    padding: 11px 22px;
    border-width: 1px;
    border-radius: 13px;
    font-size: 13px;
    letter-spacing: .015em;
    transition: color .25s ease, background .25s ease, border-color .25s ease, transform .25s ease, box-shadow .25s ease;
}

.home .slider-home .btn-block .btn::after {
    display: none !important;
    content: none !important;
}

.home .slider-home .btn-block .btn i {
    width: 22px;
    height: 22px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    font-size: 9px;
    transition: transform .25s ease, background .25s ease;
}

.home .slider-home .btn.btn-blue {
    color: #fff;
    border-color: rgba(98, 227, 206, .3);
    background:
            radial-gradient(circle at 15% 0, rgba(98, 227, 206, .24), transparent 46%),
            linear-gradient(135deg, #172667, #070e31);
    box-shadow: 0 15px 34px rgba(8, 16, 63, .22), inset 0 1px rgba(255, 255, 255, .14);
}

.home .slider-home .btn.btn-blue i {
    color: #0a1942;
    background: #7ce9d7;
}

.home .slider-home .btn.btn-blue:hover,
.home .slider-home .btn.btn-blue:focus {
    color: #070e31;
    border-color: rgba(98, 227, 206, .65);
    background: #fff;
    box-shadow:
            0 18px 38px rgba(8, 16, 63, .17),
            0 0 0 4px rgba(98, 227, 206, .09),
            inset 0 1px #fff;
    transform: translateY(-3px) scale(1.025);
}

.home .slider-home .btn.btn-blue:hover i,
.home .slider-home .btn.btn-blue:focus i {
    color: #fff;
    background: #101a55;
    transform: translateX(3px) rotate(-8deg);
}

.home .slider-home .btn.btn-black-border {
    color: #10184d;
    border-color: rgba(16, 24, 77, .2);
    background: rgba(255, 255, 255, .64);
    box-shadow: inset 0 1px #fff, 0 12px 28px rgba(18, 27, 87, .09);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

.home .slider-home .btn.btn-black-border:hover,
.home .slider-home .btn.btn-black-border:focus {
    color: #070e31;
    border-color: rgba(98, 227, 206, .68);
    background: linear-gradient(135deg, #62e3ce, #a7f1e2);
    box-shadow:
            0 17px 36px rgba(24, 111, 119, .18),
            0 0 0 4px rgba(98, 227, 206, .08),
            inset 0 1px rgba(255, 255, 255, .7);
    transform: translateY(-3px) scale(1.025);
}

.home .slider-home .btn-block .btn:active {
    box-shadow: none;
    transform: translateY(0) scale(.985);
}

.home .slider-home .inline-sticker img {
    filter: drop-shadow(0 9px 18px rgba(0, 0, 20, .2));
}

@media (max-width: 767px) {
    .home .slider-home {
        background:
                radial-gradient(circle at 8% 7%, rgba(98, 227, 206, .18), transparent 30%),
                radial-gradient(circle at 90% 10%, rgba(218, 184, 79, .16), transparent 30%),
                linear-gradient(145deg, #f8fcff, #f4f7fc) !important;
    }

    .home .slider-home .hero-copy {
        padding: 28px 22px;
    }

    .home .slider-home .btn-block {
        justify-content: center;
    }
}

/* Premium dark consultation form */
section.headercontactform {
    position: relative;
    isolation: isolate;
    width: 100%;
    height: auto;
    min-height: 0;
    padding: 70px 0 74px;
    overflow: hidden;
    background:
            radial-gradient(circle at 8% 18%, rgba(98, 227, 206, .2), transparent 27%),
            radial-gradient(circle at 92% 78%, rgba(218, 184, 79, .17), transparent 29%),
            radial-gradient(circle at 72% 0, rgba(72, 109, 168, .22), transparent 31%),
            linear-gradient(128deg, #05092b 0%, #111a5b 50%, #060b2e 100%);
    box-shadow:
            inset 0 1px rgba(255, 255, 255, .07),
            inset 0 -35px 80px rgba(0, 0, 17, .16);
}

section.headercontactform::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -230px;
    left: -170px;
    width: 520px;
    height: 520px;
    border: 1px solid rgba(98, 227, 206, .18);
    border-radius: 50%;
    background: transparent;
    box-shadow:
            0 0 0 48px rgba(98, 227, 206, .025),
            0 0 0 100px rgba(255, 255, 255, .018);
}

section.headercontactform::after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    width: 48%;
    height: 100%;
    background:
            radial-gradient(circle, rgba(255, 255, 255, .1) 1px, transparent 1.5px);
    background-size: 28px 28px;
    -webkit-mask-image: linear-gradient(90deg, transparent, #000);
    mask-image: linear-gradient(90deg, transparent, #000);
    opacity: .38;
}

section.headercontactform .container {
    position: relative;
    z-index: 2;
}

.headercontactform .hcf-side-art {
    position: absolute;
    z-index: 1;
    bottom: 0;
    width: min(22vw, 330px);
    pointer-events: none;
    opacity: .72;
    filter: saturate(.86) contrast(1.05) drop-shadow(0 22px 34px rgba(0, 0, 18, .3));
    transform-origin: center bottom;
}

.headercontactform .hcf-side-art img {
    display: block;
    width: 100%;
    height: auto;
}

.headercontactform .hcf-side-art--left {
    left: -18px;
    animation: hcfArtFloatLeft 8s ease-in-out infinite;
    -webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, .96) 70%, transparent);
    mask-image: linear-gradient(90deg, rgba(0, 0, 0, .96) 70%, transparent);
}

.headercontactform .hcf-side-art--right {
    right: -16px;
    animation: hcfArtFloatRight 9s ease-in-out infinite;
    -webkit-mask-image: linear-gradient(270deg, rgba(0, 0, 0, .96) 70%, transparent);
    mask-image: linear-gradient(270deg, rgba(0, 0, 0, .96) 70%, transparent);
}

@keyframes hcfArtFloatLeft {
    0%, 100% { transform: translate3d(0, 0, 0) rotate(-1deg); }
    50% { transform: translate3d(7px, -8px, 0) rotate(1deg); }
}

@keyframes hcfArtFloatRight {
    0%, 100% { transform: translate3d(0, 0, 0) rotate(1deg); }
    50% { transform: translate3d(-7px, -9px, 0) rotate(-1deg); }
}

.headercontactform .hcf-eyebrow {
    width: max-content;
    margin: 0 auto 11px;
    padding: 7px 14px;
    border: 1px solid rgba(98, 227, 206, .28);
    border-radius: 999px;
    color: #8ff0de;
    background: rgba(98, 227, 206, .08);
    box-shadow: inset 0 1px rgba(255, 255, 255, .08);
    font-size: 11px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.headercontactform h2 {
    max-width: 760px;
    margin: 0 auto 26px;
    color: #fff;
    font-family: Merriweather, Georgia, serif;
    font-size: clamp(25px, 2.3vw, 36px);
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -.02em;
    text-shadow: 0 8px 28px rgba(0, 0, 0, .2);
}

.headercontactform span.Yellow {
    display: block;
    margin-top: 5px;
    color: #e2c85f;
}

section.headercontactform form {
    position: relative;
    padding: 25px 25px 21px;
    border: 1px solid rgba(218, 184, 79, .22);
    border-radius: 24px;
    background:
            radial-gradient(circle at 8% 0, rgba(98, 227, 206, .1), transparent 30%),
            linear-gradient(145deg, rgba(255, 255, 255, .105), rgba(255, 255, 255, .045));
    box-shadow:
            0 30px 75px rgba(0, 0, 20, .28),
            inset 0 1px rgba(255, 255, 255, .12);
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
}

section.headercontactform form::before {
    content: "";
    position: absolute;
    top: -1px;
    right: 18%;
    left: 18%;
    height: 2px;
    border-radius: 4px;
    background: linear-gradient(90deg, transparent, #62e3ce, #d9b84f, transparent);
    box-shadow: 0 0 14px rgba(98, 227, 206, .25);
}

section.headercontactform .form-control {
    height: 48px;
    margin-bottom: 14px;
    padding: 11px 14px;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 12px;
    color: #fff;
    background: rgba(255, 255, 255, .075);
    box-shadow: inset 0 1px rgba(255, 255, 255, .06);
    outline: 0;
    transition: border-color .22s ease, background .22s ease, box-shadow .22s ease;
}

section.headercontactform .form-control::placeholder {
    color: rgba(236, 241, 250, .62);
}

section.headercontactform .form-control:focus {
    color: #fff;
    border-color: rgba(98, 227, 206, .62);
    background: rgba(255, 255, 255, .11);
    box-shadow: 0 0 0 3px rgba(98, 227, 206, .1), inset 0 1px rgba(255, 255, 255, .08);
}

section.headercontactform textarea.form-control {
    height: 92px;
    min-height: 92px;
    resize: vertical;
}

section.headercontactform .btn.btn-yellow {
    width: auto;
    min-width: 220px;
    min-height: 49px;
    margin-top: 3px;
    padding: 11px 24px;
    border: 1px solid rgba(98, 227, 206, .5);
    border-radius: 13px;
    color: #060b2e;
    background:
            radial-gradient(circle at 15% 0, rgba(255, 255, 255, .52), transparent 45%),
            linear-gradient(135deg, #62e3ce, #a3f1e2);
    box-shadow: 0 15px 34px rgba(0, 0, 20, .28), inset 0 1px rgba(255, 255, 255, .62);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .035em;
    transition: color .25s ease, background .25s ease, transform .25s ease, box-shadow .25s ease;
}

section.headercontactform .btn.btn-yellow i {
    margin-left: 7px;
    transition: transform .25s ease;
}

section.headercontactform .btn.btn-yellow:hover,
section.headercontactform .btn.btn-yellow:focus {
    color: #fff;
    border-color: rgba(255, 255, 255, .3);
    background:
            radial-gradient(circle at 15% 0, rgba(98, 227, 206, .2), transparent 45%),
            linear-gradient(135deg, #172363, #070e31);
    box-shadow: 0 18px 40px rgba(0, 0, 20, .34), inset 0 1px rgba(255, 255, 255, .14);
    transform: translateY(-3px);
}

section.headercontactform .btn.btn-yellow:hover i,
section.headercontactform .btn.btn-yellow:focus i {
    transform: translateX(4px);
}

@media (max-width: 767px) {
    section.headercontactform {
        padding: 40px 0 56px;
    }

    section.headercontactform .offset-2 {
        flex: 0 0 100%;
        max-width: 100%;
        margin-left: 0;
        padding-left: 14px;
        padding-right: 14px;
    }

    .headercontactform h2 {
        font-size: 20px;
        line-height: 1.35;
        padding: 0 6px;
        margin-bottom: 16px;
    }

    section.headercontactform form {
        padding: 18px 14px 16px;
        border-radius: 16px;
    }

    section.headercontactform .form-control,
    section.headercontactform input.form-control,
    section.headercontactform textarea.form-control {
        font-size: 15px !important;
    }

    section.headercontactform .btn.btn-yellow {
        width: 100%;
        min-width: 0;
    }
}

@media (max-width: 1199px) {
    .headercontactform .hcf-side-art {
        width: 220px;
        opacity: .32;
    }
}

@media (max-width: 991px) {
    .headercontactform .hcf-side-art {
        display: none;
    }
}

/* Premium publishing formats */
section.excep-service {
    position: relative;
    isolation: isolate;
    width: 100%;
    padding: 96px 0 84px;
    overflow: hidden;
    background:
            radial-gradient(ellipse 70% 42% at 50% -5%, rgba(98, 227, 206, .14), transparent 58%),
            radial-gradient(ellipse 45% 35% at 92% 12%, rgba(218, 184, 79, .1), transparent 52%),
            radial-gradient(ellipse 40% 30% at 8% 18%, rgba(120, 160, 220, .1), transparent 50%),
            radial-gradient(ellipse 60% 40% at 50% 100%, rgba(255, 255, 255, .55), transparent 55%),
            linear-gradient(
                    180deg,
                    #04092a 0%,
                    #0b1548 22%,
                    #16255f 40%,
                    #3d5a7a 52%,
                    #9eb0c4 62%,
                    #e8eef5 74%,
                    #f7f9fc 88%,
                    #fbfaf8 100%
            );
    box-shadow: inset 0 1px rgba(255, 255, 255, .07);
}

section.excep-service::before {
    content: "";
    position: absolute;
    z-index: 0;
    top: -140px;
    right: -90px;
    width: 380px;
    height: 380px;
    border: 1px solid rgba(218, 184, 79, .22);
    border-radius: 50%;
    box-shadow:
            0 0 0 42px rgba(98, 227, 206, .03),
            0 0 0 90px rgba(255, 255, 255, .01);
    animation: excepRingPulse 9s ease-in-out infinite;
}

section.excep-service::after {
    content: "";
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 52%;
    opacity: .18;
    background-image: radial-gradient(circle, rgba(255, 255, 255, .22) 1px, transparent 1.5px);
    background-size: 30px 30px;
    -webkit-mask-image: linear-gradient(180deg, #000 0%, transparent 90%);
    mask-image: linear-gradient(180deg, #000 0%, transparent 90%);
    pointer-events: none;
}

.excep-service-arts {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    overflow: hidden;
}

.excep-service > .container {
    position: relative;
    z-index: 1;
}

.excep-art {
    position: absolute;
}

.excep-art--glow {
    border-radius: 50%;
    filter: blur(2px);
}

.excep-art--glow1 {
    top: 8%;
    left: 42%;
    width: 280px;
    height: 280px;
    background: radial-gradient(circle, rgba(98, 227, 206, .16) 0%, transparent 68%);
    animation: excepFloat 8s ease-in-out infinite;
}

.excep-art--glow2 {
    bottom: 8%;
    right: 18%;
    width: 260px;
    height: 260px;
    background: radial-gradient(circle, rgba(218, 184, 79, .18) 0%, transparent 70%);
    animation: excepFloat 10s ease-in-out infinite;
    animation-delay: -2.5s;
}

.excep-art--ring {
    border-radius: 50%;
}

.excep-art--ring1 {
    top: 12%;
    left: 6%;
    width: 120px;
    height: 120px;
    border: 1px solid rgba(218, 184, 79, .35);
    box-shadow: 0 0 0 16px rgba(98, 227, 206, .04);
    animation: excepSpin 26s linear infinite;
}

.excep-art--ring2 {
    bottom: 10%;
    right: 8%;
    width: 160px;
    height: 160px;
    border: 1px dashed rgba(27, 103, 111, .25);
    animation: excepSpinRev 32s linear infinite;
}

.excep-art--ring3 {
    top: 55%;
    left: 28%;
    width: 70px;
    height: 70px;
    border: 1px solid rgba(23, 35, 99, .12);
    animation: excepFloat 7s ease-in-out infinite;
}

.excep-art--dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #c4ae7a;
    opacity: .55;
    animation: excepFloat 5.5s ease-in-out infinite;
}

.excep-art--dot1 { top: 18%; left: 22%; }
.excep-art--dot2 { top: 30%; right: 28%; background: #62e3ce; animation-delay: -.9s; }
.excep-art--dot3 { bottom: 22%; left: 48%; width: 6px; height: 6px; animation-delay: -1.8s; }
.excep-art--dot4 { top: 68%; right: 16%; background: #7fe3d1; animation-delay: -2.6s; }

.excep-art--line {
    height: 1px;
    opacity: .7;
    animation: excepPulse 4.5s ease-in-out infinite;
}

.excep-art--line1 {
    top: 24%;
    right: 12%;
    width: 64px;
    background: linear-gradient(90deg, transparent, rgba(196, 174, 122, .7));
}

.excep-art--line2 {
    bottom: 28%;
    left: 12%;
    width: 52px;
    background: linear-gradient(90deg, rgba(98, 227, 206, .55), transparent);
    animation-delay: -1.2s;
}

.excep-art--line3 {
    top: 72%;
    right: 36%;
    width: 40px;
    background: linear-gradient(90deg, transparent, rgba(23, 35, 99, .25));
    animation-delay: -2s;
}

.excep-art--quill,
.excep-art--spark,
.excep-art--book {
    color: rgba(145, 239, 223, .42);
    opacity: .55;
}

.excep-art--quill svg,
.excep-art--spark svg,
.excep-art--book svg {
    display: block;
    width: 100%;
    height: 100%;
}

.excep-art--quill {
    top: 14%;
    right: 22%;
    width: 46px;
    height: 46px;
    animation: excepFloat 6.5s ease-in-out infinite;
}

.excep-art--spark {
    bottom: 16%;
    left: 20%;
    width: 34px;
    height: 34px;
    color: rgba(196, 174, 122, .55);
    animation: excepFloat 5.8s ease-in-out infinite;
    animation-delay: -1.4s;
}

.excep-art--book {
    top: 42%;
    right: 4%;
    width: 48px;
    height: 48px;
    color: rgba(23, 35, 99, .28);
    animation: excepFloat 7.2s ease-in-out infinite;
    animation-delay: -2.2s;
}

@keyframes excepFloat {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
}

@keyframes excepPulse {
    0%, 100% { opacity: .3; transform: scaleX(.85); }
    50% { opacity: .85; transform: scaleX(1); }
}

@keyframes excepSpin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

@keyframes excepSpinRev {
    from { transform: rotate(360deg); }
    to { transform: rotate(0deg); }
}

@keyframes excepRingPulse {
    0%, 100% { opacity: .55; transform: scale(1); }
    50% { opacity: .9; transform: scale(1.04); }
}

@media (prefers-reduced-motion: reduce) {
    .excep-art,
    section.excep-service::before {
        animation: none !important;
    }
}

@media (max-width: 767px) {
    .excep-art--ring1,
    .excep-art--book,
    .excep-art--glow2 {
        display: none;
    }
}

.excep-service > .container > .row {
    align-items: stretch;
}

.excep-service-intro {
    position: relative;
    max-width: 760px;
    margin: 0 auto 52px;
    padding: 8px 12px 10px;
    border: 0;
    border-radius: 0;
    background: none;
    box-shadow: none;
    text-align: center;
}

.excep-service-eyebrow {
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    margin: 0 0 18px !important;
    padding: 8px 15px 8px 10px;
    border-radius: 999px;
    background: rgba(98, 227, 206, .12);
    color: #9af0e2 !important;
    font-size: 11px !important;
    font-weight: 700;
    line-height: 1 !important;
    letter-spacing: .13em;
    text-transform: uppercase;
    box-shadow: 0 12px 28px rgba(0, 2, 24, .18), inset 0 0 0 1px rgba(98, 227, 206, .2);
}

.excep-service-eyebrow i {
    display: grid;
    width: 22px;
    height: 22px;
    place-items: center;
    border-radius: 50%;
    background: linear-gradient(145deg, #20a7a9, #0e7b7c);
    color: #fff;
    font-size: 9px;
    box-shadow: 0 6px 14px rgba(32, 167, 169, .4);
}

.excep-service-intro h4,
.excep-service .excep-service-intro h4 {
    position: relative;
    width: auto;
    min-height: 0 !important;
    display: block !important;
    align-items: unset;
    margin: 0 auto 18px;
    padding: 0 0 18px !important;
    overflow: visible;
    border: 0 !important;
    border-radius: 0 !important;
    color: #fff !important;
    background: none !important;
    box-shadow: none !important;
    font-family: Merriweather, Georgia, serif;
    font-size: clamp(28px, 3vw, 40px) !important;
    font-weight: 700;
    line-height: 1.28 !important;
    letter-spacing: -.02em;
    text-shadow: 0 14px 34px rgba(0, 0, 20, .35) !important;
    text-align: center;
}

.excep-service-intro h4 span {
    color: #78e4d4;
    background: linear-gradient(110deg, #65dbc8, #a8efe0);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.excep-service-intro h4::after,
.excep-service .excep-service-intro h4::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 68px;
    height: 2px;
    border-radius: 4px;
    background: linear-gradient(90deg, #62e3ce, #d9b84f);
    box-shadow: 0 0 14px rgba(98, 227, 206, .35);
    transform: translateX(-50%);
}

.excep-service-intro p,
.excep-service-intro .excep-service-lead {
    max-width: 640px;
    margin: 0 auto !important;
    color: rgba(236, 243, 252, .82) !important;
    font-size: 15px !important;
    font-weight: 400;
    line-height: 1.7 !important;
    letter-spacing: .01em;
    text-align: center;
}

.excep-service-intro p:last-child {
    margin-bottom: 0 !important;
}

.excep-service .excep-service-cards {
    height: auto;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: stretch;
    gap: 18px;
    margin: 0;
}

.excep-service .excep-service-cards > .col-md-3 {
    position: relative;
    width: auto;
    max-width: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 28px 18px 24px;
    overflow: hidden;
    border: 1px solid rgba(18, 27, 87, .08);
    border-radius: 24px;
    background:
            radial-gradient(circle at 88% 0, rgba(98, 227, 206, .1), transparent 42%),
            linear-gradient(165deg, #fff, #f5f8fc);
    box-shadow:
            0 22px 48px rgba(12, 17, 58, .12),
            0 4px 14px rgba(12, 17, 58, .05),
            inset 0 1px #fff;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    text-align: center;
    transition: transform .28s ease, border-color .28s ease, box-shadow .28s ease, background .28s ease;
}

.excep-service .excep-service-cards > .col-md-3::before {
    content: "";
    position: absolute;
    top: -52px;
    right: -52px;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(218, 184, 79, .14), transparent 68%);
    pointer-events: none;
}

.excep-service .excep-service-cards > .col-md-3:hover {
    border-color: rgba(98, 227, 206, .32);
    background:
            radial-gradient(circle at 88% 0, rgba(98, 227, 206, .16), transparent 42%),
            linear-gradient(165deg, #fff, #eef7f7);
    box-shadow:
            0 28px 56px rgba(12, 17, 58, .16),
            0 6px 16px rgba(12, 17, 58, .06),
            inset 0 1px #fff;
    transform: translateY(-8px);
}

.excep-service .excep-service-cards img {
    position: relative;
    z-index: 1;
    width: auto;
    max-width: 100%;
    height: 110px;
    margin: 0 auto 14px;
    object-fit: contain;
    filter: drop-shadow(0 16px 18px rgba(13, 19, 68, .18));
    transition: transform .3s ease;
}

.excep-service .excep-service-cards > .col-md-3:hover img {
    transform: translateY(-4px) scale(1.05);
}

.excep-service .excep-service-cards h5 {
    position: relative;
    z-index: 1;
    margin: 4px 0 8px;
    color: #10184d;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .01em;
}

.excep-service .excep-service-cards p {
    position: relative;
    z-index: 1;
    margin: 0;
    color: #5f6f88;
    font-size: 12.5px;
    line-height: 1.55;
}

@media (max-width: 1199px) {
    .excep-service .excep-service-cards {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    section.excep-service {
        padding: 52px 0 56px;
    }

    .excep-service > .container {
        padding-left: 18px;
        padding-right: 18px;
    }

    .excep-service-intro {
        margin-bottom: 28px;
        padding: 0 4px 8px;
    }

    .excep-service-intro h4,
    .excep-service .excep-service-intro h4 {
        font-size: clamp(22px, 6vw, 28px) !important;
        margin-bottom: 12px;
        padding-bottom: 12px !important;
        line-height: 1.3 !important;
    }

    .excep-service-intro p,
    .excep-service-intro .excep-service-lead {
        max-width: 100%;
        font-size: 13.5px !important;
        line-height: 1.55 !important;
        text-align: left;
    }

    .excep-service .excep-service-cards {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .excep-service .excep-service-cards > .col-md-3 {
        align-items: center;
        text-align: center;
        padding: 20px 16px 18px;
    }
}

/* Premium editorial showcase */
section.exceptional {
    position: relative;
    isolation: isolate;
    padding: 88px 0 0;
    overflow: hidden;
    background:
            radial-gradient(circle at 92% 12%, rgba(98, 227, 206, .13), transparent 26%),
            radial-gradient(circle at 5% 70%, rgba(218, 184, 79, .1), transparent 28%),
            linear-gradient(135deg, #f8fbff 0%, #fffdf8 52%, #f2f6fc 100%);
}

section.exceptional::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 46%;
    height: 72%;
    opacity: .4;
    background:
            radial-gradient(circle, rgba(18, 27, 87, .1) 1px, transparent 1.5px);
    background-size: 29px 29px;
    -webkit-mask-image: linear-gradient(120deg, #000, transparent 76%);
    mask-image: linear-gradient(120deg, #000, transparent 76%);
}

section.exceptional::after {
    content: "";
    position: absolute;
    z-index: -1;
    top: -135px;
    right: -105px;
    width: 330px;
    height: 330px;
    border: 1px solid rgba(218, 184, 79, .2);
    border-radius: 50%;
    box-shadow: 0 0 0 38px rgba(98, 227, 206, .025), 0 0 0 76px rgba(18, 27, 87, .018);
}

.exceptional > .container > .row {
    position: relative;
    align-items: center;
    padding: 42px 42px 34px;
    border: 1px solid rgba(18, 27, 87, .075);
    border-radius: 30px;
    background:
            radial-gradient(circle at 96% 0, rgba(98, 227, 206, .1), transparent 25%),
            rgba(255, 255, 255, .78);
    box-shadow: 0 28px 70px rgba(18, 27, 87, .11), inset 0 1px #fff;
    -webkit-backdrop-filter: blur(9px);
    backdrop-filter: blur(9px);
}

.exceptional .heading h6 {
    margin: 0 0 14px;
    padding: 7px 14px;
    clip-path: none;
    border: 1px solid rgba(98, 227, 206, .28);
    border-radius: 999px;
    color: #155e6a;
    background: rgba(98, 227, 206, .11);
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: .1em;
}

.exceptional .heading h2 {
    max-width: 610px;
    margin: 0 0 17px;
    color: #10184d;
    font-family: Merriweather, Georgia, serif;
    font-size: clamp(28px, 2.5vw, 39px);
    font-weight: 700;
    line-height: 1.28;
    letter-spacing: -.025em;
    text-transform: none;
}

.exceptional .heading p {
    margin: 0;
    color: #5c697e;
    font-size: 14px;
    line-height: 1.85;
}

.exceptional .heading p a {
    color: #166573;
    font-weight: 600;
    text-decoration-color: rgba(22, 101, 115, .35);
    text-underline-offset: 3px;
}

.exceptional > .container > .row > .col-md-6:last-child {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 500px;
}

.exceptional > .container > .row > .col-md-6:last-child::before {
    content: "";
    position: absolute;
    width: 82%;
    aspect-ratio: 1;
    border: 1px solid rgba(218, 184, 79, .22);
    border-radius: 50%;
    background: radial-gradient(circle, rgba(98, 227, 206, .14), rgba(255, 255, 255, .45) 50%, transparent 71%);
    box-shadow: 0 25px 70px rgba(18, 27, 87, .1);
}

.exceptional img.excep-book {
    position: relative;
    z-index: 2;
    width: auto;
    max-width: 76%;
    max-height: 510px;
    border: 1px solid rgba(255, 255, 255, .85);
    border-radius: 22px;
    box-shadow:
            0 30px 60px rgba(8, 14, 56, .23),
            0 8px 20px rgba(8, 14, 56, .12);
    filter: saturate(.94) contrast(1.03);
    transform: perspective(1000px) rotateY(-4deg);
    transition: transform .35s ease, box-shadow .35s ease;
}

.exceptional > .container > .row > .col-md-6:last-child:hover img.excep-book {
    box-shadow: 0 36px 70px rgba(8, 14, 56, .27), 0 10px 24px rgba(8, 14, 56, .13);
    transform: perspective(1000px) rotateY(0deg) translateY(-6px);
}

.exceptional-list {
    position: relative;
    width: 100%;
    height: auto;
    margin: 54px 0 0;
    padding: 48px 0 44px;
    overflow: hidden;
    background:
            radial-gradient(circle at 7% 12%, rgba(98, 227, 206, .19), transparent 27%),
            radial-gradient(circle at 94% 90%, rgba(218, 184, 79, .17), transparent 28%),
            linear-gradient(125deg, #060b2e, #111a5b 52%, #070d2f);
    box-shadow: inset 0 1px rgba(255, 255, 255, .08), 0 -20px 50px rgba(18, 27, 87, .08);
    text-align: center;
}

.exceptional-list::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: .25;
    background-image: radial-gradient(circle, rgba(255, 255, 255, .13) 1px, transparent 1.5px);
    background-size: 28px 28px;
    -webkit-mask-image: linear-gradient(90deg, #000, transparent 42%, #000);
    mask-image: linear-gradient(90deg, #000, transparent 42%, #000);
}

.exceptional-list .container {
    position: relative;
    z-index: 1;
}

.exceptional-list h3 {
    margin: 0 0 28px;
    padding: 9px 18px;
    border: 1px solid rgba(98, 227, 206, .27);
    border-radius: 999px;
    color: #8ff0de;
    background: rgba(98, 227, 206, .08);
    box-shadow: inset 0 1px rgba(255, 255, 255, .08);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.exceptional-list .clearfix {
    max-width: 900px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 30px;
    margin: 0 auto;
    text-align: left;
}

.exceptional-list ul {
    width: 100%;
    display: grid;
    gap: 10px;
    margin: 0;
    padding: 0;
}

.exceptional-list ul li {
    min-height: 46px;
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    padding: 9px 12px;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 12px;
    color: rgba(255, 255, 255, .84);
    background: rgba(255, 255, 255, .055);
    box-shadow: inset 0 1px rgba(255, 255, 255, .05);
    font-size: 13px;
    font-weight: 500;
    transition: border-color .22s ease, background .22s ease, transform .22s ease;
}

.exceptional-list ul li:hover {
    border-color: rgba(98, 227, 206, .28);
    background: rgba(98, 227, 206, .09);
    transform: translateX(4px);
}

.exceptional-list ul li img {
    flex: 0 0 18px;
    width: 18px;
    height: 18px;
    object-fit: contain;
    filter: drop-shadow(0 4px 8px rgba(0, 0, 0, .15));
}

@media (max-width: 991px) {
    .exceptional > .container > .row {
        padding: 32px 27px 20px;
    }

    .exceptional > .container > .row > .col-md-6:last-child {
        min-height: 430px;
    }
}

@media (max-width: 767px) {
    section.exceptional {
        padding-top: 54px;
    }

    .exceptional > .container > .row {
        margin: 0;
        padding: 28px 18px 12px;
        border-radius: 23px;
    }

    .exceptional .heading {
        text-align: center;
    }

    .exceptional .heading h2 {
        font-size: 27px;
    }

    .exceptional > .container > .row > .col-md-6:last-child {
        min-height: 390px;
    }

    .exceptional img.excep-book {
        max-width: 78%;
        max-height: 390px;
    }

    .exceptional-list {
        margin-top: 32px;
        padding: 42px 0 38px;
    }

    .exceptional-list .clearfix {
        grid-template-columns: 1fr;
        gap: 10px;
    }
}

/* Dark luxury edition */
section.exceptional {
    background:
            radial-gradient(circle at 92% 10%, rgba(98, 227, 206, .18), transparent 27%),
            radial-gradient(circle at 5% 66%, rgba(218, 184, 79, .14), transparent 29%),
            radial-gradient(circle at 68% 100%, rgba(67, 105, 169, .2), transparent 34%),
            linear-gradient(128deg, #05092b 0%, #101858 50%, #060b2e 100%);
    box-shadow: inset 0 1px rgba(255, 255, 255, .07);
}

section.exceptional::before {
    opacity: .27;
    background: radial-gradient(circle, rgba(255, 255, 255, .16) 1px, transparent 1.5px);
    background-size: 29px 29px;
}

section.exceptional::after {
    border-color: rgba(218, 184, 79, .25);
    box-shadow:
            0 0 0 38px rgba(98, 227, 206, .035),
            0 0 0 76px rgba(255, 255, 255, .02);
}

.exceptional > .container > .row {
    border-color: rgba(218, 184, 79, .18);
    background:
            radial-gradient(circle at 96% 0, rgba(98, 227, 206, .1), transparent 25%),
            linear-gradient(145deg, rgba(255, 255, 255, .085), rgba(255, 255, 255, .035));
    box-shadow:
            0 32px 78px rgba(0, 0, 20, .28),
            inset 0 1px rgba(255, 255, 255, .1);
}

.exceptional .heading h6 {
    color: #93efdf;
    border-color: rgba(98, 227, 206, .3);
    background: rgba(98, 227, 206, .09);
}

.exceptional .heading h2 {
    color: #fff;
    text-shadow: 0 8px 30px rgba(0, 0, 0, .2);
}

.exceptional .heading p {
    color: rgba(235, 241, 251, .72);
}

.exceptional .heading p a {
    color: #8aefe0;
    text-decoration-color: rgba(138, 239, 224, .35);
}

.exceptional > .container > .row > .col-md-6:last-child::before {
    border-color: rgba(218, 184, 79, .27);
    background:
            radial-gradient(circle, rgba(255, 255, 255, .12) 0%, rgba(98, 227, 206, .1) 43%, transparent 71%);
    box-shadow:
            0 30px 80px rgba(0, 0, 20, .26),
            inset 0 0 55px rgba(255, 255, 255, .025);
}

.exceptional img.excep-book {
    border-color: rgba(218, 184, 79, .28);
    box-shadow:
            0 34px 70px rgba(0, 0, 17, .42),
            0 9px 22px rgba(0, 0, 17, .22);
}

.exceptional > .container > .row > .col-md-6:last-child:hover img.excep-book {
    box-shadow:
            0 40px 82px rgba(0, 0, 17, .48),
            0 12px 27px rgba(0, 0, 17, .24);
}

.exceptional-list {
    border-top: 1px solid rgba(218, 184, 79, .2);
    background:
            radial-gradient(circle at 7% 12%, rgba(98, 227, 206, .16), transparent 27%),
            radial-gradient(circle at 94% 90%, rgba(218, 184, 79, .14), transparent 28%),
            linear-gradient(125deg, #030620, #0b1349 52%, #040927);
    box-shadow:
            inset 0 1px rgba(255, 255, 255, .065),
            0 -24px 58px rgba(0, 0, 20, .18);
}

.exceptional-list ul li {
    border-color: rgba(255, 255, 255, .09);
    background: linear-gradient(145deg, rgba(255, 255, 255, .075), rgba(255, 255, 255, .035));
    box-shadow: inset 0 1px rgba(255, 255, 255, .055), 0 8px 20px rgba(0, 0, 17, .1);
}

.exceptional-list ul li:hover {
    border-color: rgba(98, 227, 206, .32);
    background: linear-gradient(145deg, rgba(98, 227, 206, .13), rgba(255, 255, 255, .045));
    box-shadow: inset 3px 0 #62e3ce, 0 11px 24px rgba(0, 0, 17, .14);
}

/* Exceptional finishing details */
.exceptional > .container {
    position: relative;
    z-index: 2;
}

.exceptional > .container > .row {
    overflow: hidden;
}

.exceptional > .container > .row::before {
    content: "";
    position: absolute;
    top: -75px;
    left: 42%;
    width: 170px;
    height: 170px;
    border: 1px solid rgba(218, 184, 79, .13);
    border-radius: 50%;
    box-shadow:
            0 0 0 24px rgba(98, 227, 206, .018),
            0 0 0 49px rgba(255, 255, 255, .012);
    pointer-events: none;
}

.exceptional > .container > .row::after {
    content: "";
    position: absolute;
    right: 6%;
    bottom: 0;
    left: 6%;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(98, 227, 206, .5), rgba(218, 184, 79, .5), transparent);
    opacity: .7;
}

.exceptional .heading {
    position: relative;
    z-index: 2;
}

.exceptional .heading::after {
    content: "";
    display: block;
    width: 66px;
    height: 3px;
    margin-top: 25px;
    border-radius: 4px;
    background: linear-gradient(90deg, #62e3ce, #d9b84f);
    box-shadow: 0 0 15px rgba(98, 227, 206, .25);
}

.exceptional-decor {
    position: absolute;
    z-index: 1;
    inset: 0 0 auto;
    height: 720px;
    overflow: hidden;
    pointer-events: none;
}

.exceptional-decor__item {
    position: absolute;
    display: block;
    color: rgba(255, 255, 255, .38);
    filter: drop-shadow(0 14px 22px rgba(0, 0, 20, .16));
    will-change: transform;
}

.exceptional-decor__item svg {
    display: block;
    width: 100%;
    height: 100%;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.exceptional-decor__item--feather {
    top: 66px;
    left: 2.3%;
    width: 84px;
    height: 84px;
    color: rgba(117, 235, 216, .48);
    animation: exceptionalFloat 8s ease-in-out infinite;
}

.exceptional-decor__item--spark {
    top: 76px;
    right: 3.4%;
    width: 62px;
    height: 62px;
    color: rgba(225, 198, 95, .46);
    animation: exceptionalSpin 18s linear infinite;
}

.exceptional-decor__item--quote {
    bottom: 74px;
    left: 3.8%;
    width: 70px;
    height: 70px;
    color: rgba(159, 184, 226, .3);
    animation: exceptionalPulse 6s ease-in-out infinite;
}

@keyframes exceptionalFloat {
    0%, 100% { transform: translate3d(0, 0, 0) rotate(-8deg); }
    50% { transform: translate3d(10px, -14px, 0) rotate(2deg); }
}

@keyframes exceptionalSpin {
    from { transform: rotate(0deg) scale(.94); }
    50% { transform: rotate(180deg) scale(1.08); }
    to { transform: rotate(360deg) scale(.94); }
}

@keyframes exceptionalPulse {
    0%, 100% { transform: translateY(0) scale(.94); opacity: .45; }
    50% { transform: translateY(-9px) scale(1.07); opacity: .8; }
}

.exceptional-list {
    position: relative;
    isolation: isolate;
    width: calc(100% - 40px);
    margin: 58px 20px 0;
    padding: 58px 0 54px;
    overflow: hidden;
    border: 1px solid rgba(18, 27, 87, .075);
    border-bottom: 0;
    border-radius: 38px 38px 0 0;
    background:
            radial-gradient(circle at 6% 10%, rgba(98, 227, 206, .15), transparent 25%),
            radial-gradient(circle at 94% 88%, rgba(218, 184, 79, .13), transparent 27%),
            radial-gradient(circle at 50% 50%, rgba(23, 35, 99, .03), transparent 55%),
            linear-gradient(135deg, #f7fbff 0%, #fffdf7 50%, #f1f6fc 100%);
    box-shadow:
            0 -24px 60px rgba(0, 0, 20, .14),
            inset 0 1px #fff;
}

.exceptional-list::before {
    opacity: .4;
    background-image: radial-gradient(circle, rgba(18, 27, 87, .1) 1px, transparent 1.5px);
    background-size: 26px 26px;
    z-index: 0;
}

.exceptional-list::after {
    content: "";
    position: absolute;
    z-index: 2;
    top: -1px;
    right: 18%;
    left: 18%;
    height: 2px;
    border-radius: 4px;
    background: linear-gradient(90deg, transparent, #62e3ce, #d9b84f, transparent);
    box-shadow: 0 0 14px rgba(98, 227, 206, .2);
}

.exceptional-list-arts {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    overflow: hidden;
}

.exceptional-list > .container {
    position: relative;
    z-index: 1;
}

.el-art {
    position: absolute;
}

.el-art--glow {
    border-radius: 50%;
}

.el-art--glow1 {
    top: -8%;
    left: 8%;
    width: 260px;
    height: 260px;
    background: radial-gradient(circle, rgba(98, 227, 206, .18) 0%, transparent 68%);
    animation: elFloat 8s ease-in-out infinite;
}

.el-art--glow2 {
    top: 30%;
    right: -4%;
    width: 220px;
    height: 220px;
    background: radial-gradient(circle, rgba(218, 184, 79, .16) 0%, transparent 70%);
    animation: elFloat 9.5s ease-in-out infinite;
    animation-delay: -2s;
}

.el-art--glow3 {
    bottom: -10%;
    left: 38%;
    width: 300px;
    height: 300px;
    background: radial-gradient(circle, rgba(49, 94, 148, .1) 0%, transparent 68%);
    animation: elFloat 11s ease-in-out infinite;
    animation-delay: -4s;
}

.el-art--ring {
    border-radius: 50%;
}

.el-art--ring1 {
    top: 8%;
    left: 4%;
    width: 110px;
    height: 110px;
    border: 1px solid rgba(196, 174, 122, .4);
    box-shadow: 0 0 0 14px rgba(98, 227, 206, .04);
    animation: elSpin 28s linear infinite;
}

.el-art--ring2 {
    top: 12%;
    right: 6%;
    width: 150px;
    height: 150px;
    border: 1px dashed rgba(27, 103, 111, .28);
    animation: elSpinRev 34s linear infinite;
}

.el-art--ring3 {
    bottom: 12%;
    left: 10%;
    width: 90px;
    height: 90px;
    border: 1px solid rgba(23, 35, 99, .14);
    animation: elFloat 7s ease-in-out infinite;
}

.el-art--ring4 {
    bottom: 18%;
    right: 12%;
    width: 70px;
    height: 70px;
    border: 1px solid rgba(196, 174, 122, .28);
    animation: elSpin 22s linear infinite;
}

.el-art--dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #c4ae7a;
    opacity: .55;
    animation: elFloat 5.5s ease-in-out infinite;
}

.el-art--dot1 { top: 16%; left: 18%; }
.el-art--dot2 { top: 22%; right: 22%; background: #62e3ce; animation-delay: -.7s; }
.el-art--dot3 { top: 48%; left: 6%; width: 6px; height: 6px; animation-delay: -1.4s; }
.el-art--dot4 { top: 58%; right: 8%; background: #7fe3d1; animation-delay: -2s; }
.el-art--dot5 { bottom: 22%; left: 28%; animation-delay: -2.8s; }
.el-art--dot6 { bottom: 28%; right: 30%; background: #d4bf8a; width: 6px; height: 6px; animation-delay: -3.4s; }

.el-art--line {
    height: 1px;
    opacity: .75;
    animation: elPulse 4.6s ease-in-out infinite;
}

.el-art--line1 {
    top: 20%;
    left: 12%;
    width: 58px;
    background: linear-gradient(90deg, rgba(196, 174, 122, .7), transparent);
}

.el-art--line2 {
    top: 36%;
    right: 10%;
    width: 48px;
    background: linear-gradient(90deg, transparent, rgba(98, 227, 206, .6));
    animation-delay: -1s;
}

.el-art--line3 {
    bottom: 26%;
    left: 16%;
    width: 64px;
    background: linear-gradient(90deg, rgba(23, 35, 99, .25), transparent);
    animation-delay: -2s;
}

.el-art--line4 {
    bottom: 34%;
    right: 18%;
    width: 42px;
    background: linear-gradient(90deg, transparent, rgba(196, 174, 122, .55));
    animation-delay: -2.8s;
}

.el-art--quill,
.el-art--spark,
.el-art--book,
.el-art--pen {
    opacity: .42;
}

.el-art--quill svg,
.el-art--spark svg,
.el-art--book svg,
.el-art--pen svg {
    display: block;
    width: 100%;
    height: 100%;
}

.el-art--quill {
    top: 18%;
    right: 18%;
    width: 44px;
    height: 44px;
    color: rgba(27, 103, 111, .55);
    animation: elFloat 6.5s ease-in-out infinite;
}

.el-art--spark {
    top: 44%;
    left: 8%;
    width: 32px;
    height: 32px;
    color: rgba(196, 174, 122, .65);
    animation: elFloat 5.8s ease-in-out infinite;
    animation-delay: -1.5s;
}

.el-art--book {
    bottom: 14%;
    right: 6%;
    width: 48px;
    height: 48px;
    color: rgba(23, 35, 99, .35);
    animation: elFloat 7.4s ease-in-out infinite;
    animation-delay: -2.4s;
}

.el-art--pen {
    bottom: 20%;
    left: 20%;
    width: 36px;
    height: 36px;
    color: rgba(27, 103, 111, .4);
    animation: elFloat 6.2s ease-in-out infinite;
    animation-delay: -3.2s;
}

@keyframes elFloat {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
}

@keyframes elPulse {
    0%, 100% { opacity: .28; transform: scaleX(.85); }
    50% { opacity: .85; transform: scaleX(1); }
}

@keyframes elSpin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

@keyframes elSpinRev {
    from { transform: rotate(360deg); }
    to { transform: rotate(0deg); }
}

@media (prefers-reduced-motion: reduce) {
    .el-art { animation: none !important; }
}

@media (max-width: 767px) {
    .el-art--ring2,
    .el-art--ring4,
    .el-art--book,
    .el-art--glow3 {
        display: none;
    }
}

.exceptional-list h3 {
    margin-bottom: 32px;
    color: #121f5a;
    border-color: rgba(98, 227, 206, .28);
    background: rgba(255, 255, 255, .76);
    box-shadow: 0 10px 25px rgba(18, 27, 87, .08), inset 0 1px #fff;
}

.exceptional-list .clearfix {
    max-width: 1040px;
    gap: 12px 18px;
}

.exceptional-list ul {
    gap: 12px;
}

.exceptional-list ul li {
    min-height: 52px;
    padding: 10px 14px;
    border-color: rgba(18, 27, 87, .075);
    color: #262c54;
    background: rgba(255, 255, 255, .88);
    box-shadow:
            0 12px 28px rgba(18, 27, 87, .075),
            inset 0 1px #fff;
    font-size: 13.5px;
    font-weight: 600;
}

.exceptional-list ul li:hover {
    color: #0e5565;
    border-color: rgba(98, 227, 206, .32);
    background: #fff;
    box-shadow:
            inset 4px 0 #62e3ce,
            0 16px 34px rgba(18, 27, 87, .11);
    transform: translateX(4px);
}

.exceptional-list ul li img {
    width: 20px;
    height: 20px;
}

.exceptional-list h3 {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 8px 17px 8px 9px;
}

.exceptional-list h3 > i {
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    color: #8debdc;
    background:
            radial-gradient(circle at 20% 0, rgba(98, 227, 206, .22), transparent 45%),
            linear-gradient(145deg, #172363, #070e31);
    box-shadow: 0 8px 18px rgba(18, 27, 87, .17), inset 0 1px rgba(255, 255, 255, .13);
    font-size: 12px;
}

.exceptional-list ul li {
    position: relative;
    gap: 13px;
    overflow: hidden;
}

.exceptional-list ul li::before {
    content: "";
    position: absolute;
    top: -38px;
    right: -38px;
    width: 88px;
    height: 88px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(98, 227, 206, .11), transparent 68%);
    pointer-events: none;
}

.exceptional-list__icon {
    position: relative;
    z-index: 1;
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(98, 227, 206, .18);
    border-radius: 12px;
    color: #186270;
    background: linear-gradient(145deg, rgba(98, 227, 206, .2), rgba(98, 227, 206, .08));
    box-shadow: inset 0 1px rgba(255, 255, 255, .9), 0 6px 14px rgba(18, 27, 87, .07);
    font-size: 13px;
    transition: color .25s ease, background .25s ease, transform .25s ease, box-shadow .25s ease;
}

.exceptional-list ul li:nth-child(3n + 2) .exceptional-list__icon {
    color: #8a6a17;
    border-color: rgba(218, 184, 79, .22);
    background: linear-gradient(145deg, rgba(218, 184, 79, .2), rgba(218, 184, 79, .07));
}

.exceptional-list ul li:nth-child(3n) .exceptional-list__icon {
    color: #315e94;
    border-color: rgba(49, 94, 148, .17);
    background: linear-gradient(145deg, rgba(72, 109, 168, .16), rgba(72, 109, 168, .055));
}

.exceptional-list ul li:hover .exceptional-list__icon {
    color: #fff;
    border-color: transparent;
    background: linear-gradient(145deg, #1b7382, #0e4551);
    box-shadow: 0 9px 20px rgba(22, 101, 115, .2), inset 0 1px rgba(255, 255, 255, .15);
    transform: translateY(-2px) rotate(-4deg);
}

@media (max-width: 991px) {
    .exceptional-decor__item--quote {
        display: none;
    }
}

@media (max-width: 767px) {
    .exceptional .heading::after {
        margin-right: auto;
        margin-left: auto;
    }

    .exceptional-decor__item--feather {
        left: -15px;
        width: 60px;
        height: 60px;
    }

    .exceptional-decor__item--spark {
        right: -10px;
        width: 48px;
        height: 48px;
    }

    .exceptional-list {
        width: calc(100% - 20px);
        margin: 38px 10px 0;
        padding: 44px 0 40px;
        border-radius: 26px 26px 0 0;
    }
}

/* Premium dark book showcase */
section.our-book {
    position: relative;
    isolation: isolate;
    padding: 88px 0 82px;
    overflow: hidden;
    background:
            radial-gradient(circle at 7% 13%, rgba(98, 227, 206, .19), transparent 27%),
            radial-gradient(circle at 93% 86%, rgba(218, 184, 79, .16), transparent 29%),
            radial-gradient(circle at 72% 0, rgba(67, 105, 169, .2), transparent 32%),
            linear-gradient(128deg, #040928 0%, #101858 50%, #060b2e 100%);
    box-shadow: inset 0 1px rgba(255, 255, 255, .07);
}

section.our-book::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0;
    pointer-events: none;
    opacity: .26;
    background-image: radial-gradient(circle, rgba(255, 255, 255, .16) 1px, transparent 1.5px);
    background-size: 30px 30px;
    -webkit-mask-image: linear-gradient(90deg, #000, transparent 42%, #000);
    mask-image: linear-gradient(90deg, #000, transparent 42%, #000);
}

section.our-book::after {
    content: "";
    position: absolute;
    z-index: -1;
    top: -210px;
    right: -150px;
    width: 500px;
    height: 500px;
    border: 1px solid rgba(218, 184, 79, .22);
    border-radius: 50%;
    box-shadow:
            0 0 0 44px rgba(98, 227, 206, .03),
            0 0 0 90px rgba(255, 255, 255, .018);
}

.our-book .container {
    position: relative;
    z-index: 2;
}

.our-book .heading h6 {
    margin: 0 0 14px;
    padding: 7px 14px;
    clip-path: none;
    border: 1px solid rgba(98, 227, 206, .28);
    border-radius: 999px;
    color: #91efdf;
    background: rgba(98, 227, 206, .09);
    font-size: 10.5px;
    letter-spacing: .11em;
}

.our-book .heading h2 {
    max-width: 720px;
    margin: 0 auto;
    color: #fff;
    font-family: Merriweather, Georgia, serif;
    font-size: clamp(26px, 2.5vw, 38px);
    font-weight: 700;
    line-height: 1.28;
    letter-spacing: -.02em;
    text-transform: none;
    text-shadow: 0 8px 30px rgba(0, 0, 0, .2);
}

.our-book .heading p,
.our-book .heading .our-book-lead {
    max-width: 620px;
    margin: 14px auto 0;
    color: rgba(235, 241, 251, .78);
    font-size: 15px;
    line-height: 1.55;
}

.our-book .our-book-points {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    max-width: 700px;
    margin: 20px auto 0;
    padding: 0;
    list-style: none;
}

.our-book .our-book-points li {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    padding: 9px 14px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .06);
    color: rgba(240, 247, 255, .9);
    font-size: 12px;
    font-weight: 600;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .1);
}

.our-book .our-book-points li i {
    display: grid;
    width: 18px;
    height: 18px;
    place-items: center;
    border-radius: 50%;
    background: linear-gradient(145deg, #68decb, #20a7a9);
    color: #072020;
    font-size: 8px;
}

.our-book .owl-books {
    margin-top: 32px;
}

.our-book .owl-stage-outer {
    padding: 14px 0 34px;
}

.our-book .owl-item {
    padding: 0 7px;
}

.our-book figure {
    position: relative;
    margin: 0;
    padding: 12px 12px 14px;
    overflow: hidden;
    border: 1px solid rgba(218, 184, 79, .18);
    border-radius: 22px;
    background:
            radial-gradient(circle at 90% 0, rgba(98, 227, 206, .1), transparent 28%),
            linear-gradient(145deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .035));
    box-shadow:
            0 24px 55px rgba(0, 0, 20, .28),
            inset 0 1px rgba(255, 255, 255, .1);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    transition: border-color .3s ease, transform .3s ease, box-shadow .3s ease;
}

.our-book figure::before {
    content: "";
    position: absolute;
    z-index: 0;
    top: -70px;
    right: -70px;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(218, 184, 79, .13), transparent 68%);
    pointer-events: none;
}

.our-book figure:hover {
    border-color: rgba(98, 227, 206, .38);
    box-shadow:
            0 32px 70px rgba(0, 0, 20, .36),
            0 0 0 4px rgba(98, 227, 206, .045),
            inset 0 1px rgba(255, 255, 255, .12);
    transform: translateY(-9px);
}

.our-book figure > img {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 330px;
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: 15px;
    object-fit: cover;
    box-shadow: 0 18px 34px rgba(0, 0, 17, .3);
    filter: saturate(.93) contrast(1.03);
    transition: filter .3s ease, transform .35s ease;
}

.our-book figure:hover > img {
    filter: saturate(1.04) contrast(1.04);
    transform: scale(1.025);
}

.our-book figure figcaption {
    position: relative;
    z-index: 2;
    min-height: 53px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin: 12px 0 0;
    padding: 8px 5px 1px;
}

.our-book figure figcaption p {
    display: flex;
    align-items: center;
    gap: 2px;
}

.our-book figure p i {
    color: #e2c75e;
    font-size: 11px;
    filter: drop-shadow(0 3px 5px rgba(0, 0, 0, .18));
}

.our-book figure figcaption h5 {
    margin: 0;
    padding: 5px 10px;
    border: 1px solid rgba(98, 227, 206, .2);
    border-radius: 999px;
    color: #8ff0de;
    background: rgba(98, 227, 206, .08);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .045em;
    text-transform: uppercase;
}

.our-book .owl-nav {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 4px;
}

.our-book .owl-nav button.owl-prev,
.our-book .owl-nav button.owl-next {
    width: 43px;
    height: 43px;
    display: grid;
    place-items: center;
    margin: 0 !important;
    border: 1px solid rgba(255, 255, 255, .16) !important;
    border-radius: 13px !important;
    color: #8ff0de !important;
    background: rgba(255, 255, 255, .075) !important;
    box-shadow: inset 0 1px rgba(255, 255, 255, .1), 0 10px 22px rgba(0, 0, 20, .17);
    font-size: 22px !important;
    transition: color .22s ease, background .22s ease, transform .22s ease !important;
}

.our-book .owl-nav button.owl-prev:hover,
.our-book .owl-nav button.owl-next:hover {
    color: #070e31 !important;
    border-color: rgba(98, 227, 206, .6) !important;
    background: #62e3ce !important;
    transform: translateY(-3px);
}

.our-book .owl-dots {
    margin-top: 17px;
}

.our-book .owl-dots .owl-dot span {
    width: 7px;
    height: 7px;
    margin: 4px;
    background: rgba(255, 255, 255, .22);
    transition: width .25s ease, background .25s ease;
}

.our-book .owl-dots .owl-dot.active span {
    width: 24px;
    border-radius: 999px;
    background: linear-gradient(90deg, #62e3ce, #d9b84f);
}

.our-book .btn-block {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 30px;
}

.our-book .btn-block .btn {
    min-width: 148px;
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin: 0;
    padding: 11px 22px;
    border-width: 1px;
    border-radius: 13px;
    font-size: 13px;
    transition: color .25s ease, background .25s ease, border-color .25s ease, transform .25s ease, box-shadow .25s ease;
}

.our-book .btn-block .btn::after {
    display: none !important;
    content: none !important;
}

.our-book .btn.btn-green {
    color: #070e31;
    border-color: rgba(98, 227, 206, .58);
    background: linear-gradient(135deg, #62e3ce, #a3f1e2);
    box-shadow: 0 15px 34px rgba(0, 0, 20, .27), inset 0 1px rgba(255, 255, 255, .65);
}

.our-book .btn.btn-green:hover,
.our-book .btn.btn-green:focus {
    color: #10184d;
    border-color: rgba(255, 255, 255, .42);
    background: #fff;
    box-shadow: 0 18px 38px rgba(0, 0, 20, .31), inset 0 1px #fff;
    transform: translateY(-3px);
}

.our-book .btn.btn-black-border {
    color: #fff;
    border-color: rgba(255, 255, 255, .25);
    background: rgba(255, 255, 255, .07);
    box-shadow: inset 0 1px rgba(255, 255, 255, .09), 0 12px 28px rgba(0, 0, 20, .15);
}

.our-book .btn.btn-black-border:hover,
.our-book .btn.btn-black-border:focus {
    color: #070e31;
    border-color: rgba(98, 227, 206, .65);
    background: linear-gradient(135deg, #62e3ce, #a3f1e2);
    box-shadow: 0 17px 36px rgba(0, 0, 20, .27), inset 0 1px rgba(255, 255, 255, .65);
    transform: translateY(-3px);
}

@media (max-width: 767px) {
    section.our-book {
        padding: 58px 0 60px;
    }

    .our-book .heading h2 {
        font-size: clamp(24px, 6.5vw, 30px);
    }

    .our-book .heading p,
    .our-book .heading .our-book-lead {
        font-size: 14px;
        line-height: 1.5;
        max-width: 100%;
    }

    .our-book .our-book-points {
        gap: 8px;
        margin-top: 16px;
    }

    .our-book .our-book-points li {
        font-size: 11px;
        padding: 8px 12px;
    }

    .our-book figure > img {
        height: 350px;
    }
}

/* Premium light pursuit section */
section.pursuit {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: 92px 0;
    background:
            radial-gradient(circle at 8% 15%, rgba(22, 146, 148, .11), transparent 25%),
            radial-gradient(circle at 91% 84%, rgba(199, 157, 61, .13), transparent 28%),
            linear-gradient(135deg, #fbfdfc 0%, #f4f8f7 47%, #fffaf0 100%);
}

section.pursuit::before {
    content: "";
    position: absolute;
    z-index: -2;
    inset: 0;
    width: auto;
    height: auto;
    background-image: radial-gradient(rgba(18, 25, 86, .09) .8px, transparent .8px);
    background-size: 22px 22px;
    opacity: .35;
}

section.pursuit::after {
    content: "";
    position: absolute;
    z-index: -1;
    width: 430px;
    height: 430px;
    right: -180px;
    top: -180px;
    border: 1px solid rgba(22, 146, 148, .16);
    border-radius: 50%;
    box-shadow:
            0 0 0 45px rgba(22, 146, 148, .035),
            0 0 0 90px rgba(199, 157, 61, .025);
}

.pursuit > .container {
    position: relative;
    z-index: 1;
}

.pursuit > .container::before {
    content: "";
    position: absolute;
    left: -24px;
    top: -25px;
    width: 76px;
    height: 3px;
    border-radius: 999px;
    background: linear-gradient(90deg, #169294, #c79d3d);
    box-shadow: 0 8px 20px rgba(22, 146, 148, .2);
}

.pursuit .row {
    align-items: center;
}

.pursuit .col-md-7 {
    padding: 44px 48px;
    border: 1px solid rgba(18, 25, 86, .09);
    border-radius: 28px;
    background: rgba(255, 255, 255, .87);
    box-shadow:
            0 28px 70px rgba(18, 25, 86, .10),
            inset 0 1px rgba(255, 255, 255, .9);
    backdrop-filter: blur(10px);
}

.pursuit .heading {
    margin-bottom: 20px;
}

.pursuit .heading h6 {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin: 0 0 15px;
    padding: 8px 14px;
    border: 1px solid rgba(22, 146, 148, .18);
    border-radius: 999px;
    background: #eff9f8;
    color: #0d7f81;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.35px;
    text-transform: uppercase;
}

.pursuit .heading h6::before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #169294;
    box-shadow: 0 0 0 4px rgba(22, 146, 148, .12);
}

.pursuit .heading h2 {
    max-width: 650px;
    margin: 0;
    color: #11164b;
    font-size: clamp(31px, 3vw, 45px);
    font-weight: 700;
    line-height: 1.16;
    letter-spacing: -.9px;
}

.pursuit .col-md-7 > p {
    margin: 0 0 26px;
    color: #5d6f8e;
    font-size: 14px;
    line-height: 1.85;
}

.pursuit .col-md-7 > p a {
    color: #128083;
    font-weight: 600;
    text-decoration: none;
    border-bottom: 1px solid rgba(18, 128, 131, .28);
}

.pursuit ul {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin: 0;
    padding: 0;
}

.pursuit ul li {
    display: flex;
    align-items: center;
    min-height: 58px;
    margin: 0;
    padding: 12px 14px;
    border: 1px solid #e3ebea;
    border-radius: 14px;
    background: linear-gradient(145deg, #fff, #f7fafa);
    color: #202854;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.45;
    box-shadow: 0 9px 24px rgba(18, 25, 86, .055);
    transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}

.pursuit ul li:hover {
    transform: translateY(-3px);
    border-color: rgba(22, 146, 148, .32);
    box-shadow: 0 15px 30px rgba(18, 25, 86, .1);
}

.pursuit ul li img {
    width: 25px;
    min-width: 25px;
    max-width: 25px;
    margin-right: 10px;
    padding: 6px;
    border-radius: 50%;
    background: #eaf8f6;
    filter: sepia(1) saturate(5) hue-rotate(85deg);
}

.pursuit .col-md-5 {
    position: relative;
    padding-left: 28px;
}

.pursuit .col-md-5::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 9% 2% 5% 10%;
    border: 1px solid rgba(199, 157, 61, .27);
    border-radius: 46% 54% 48% 52% / 52% 44% 56% 48%;
    background:
            radial-gradient(circle at 37% 28%, rgba(255, 255, 255, .95), transparent 26%),
            linear-gradient(145deg, rgba(22, 146, 148, .13), rgba(199, 157, 61, .14));
    box-shadow: 0 34px 65px rgba(18, 25, 86, .12);
    transform: rotate(-3deg);
}

section.pursuit .col-md-5 img.book {
    display: block;
    float: none;
    width: 100%;
    max-width: 540px;
    margin: 0 auto;
    filter: drop-shadow(0 25px 22px rgba(18, 25, 86, .18));
    transition: transform .45s ease;
}

.pursuit .col-md-5:hover img.book {
    transform: translateY(-7px) rotate(1deg);
}

@media (max-width: 991px) {
    section.pursuit {
        padding: 68px 0;
    }

    .pursuit .col-md-7 {
        padding: 34px 30px;
    }

    .pursuit .heading h2 {
        font-size: 31px;
    }

    .pursuit ul {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px) {
    section.pursuit {
        padding: 54px 0 62px;
    }

    .pursuit .col-md-7 {
        padding: 28px 21px;
        border-radius: 22px;
        text-align: left;
    }

    .pursuit .heading h2 {
        font-size: 27px;
        letter-spacing: -.45px;
    }

    .pursuit .heading h2 br {
        display: none;
    }

    .pursuit .col-md-7 > p {
        font-size: 13px;
        line-height: 1.75;
    }

    .pursuit .col-md-5 {
        margin-top: 34px;
        padding: 0 18px;
    }

    section.pursuit .col-md-5 img.book {
        max-width: 390px;
    }
}

/* Pursuit refinement: editorial card, richer visual and icon-led benefits */
section.pursuit {
    padding: 104px 0;
    background:
            radial-gradient(circle at 5% 15%, rgba(22, 146, 148, .10), transparent 24%),
            radial-gradient(circle at 96% 76%, rgba(211, 170, 77, .14), transparent 25%),
            linear-gradient(145deg, #f7fbfa 0%, #fff 48%, #fcf8ee 100%);
}

.pursuit > .container::before {
    left: 42px;
    top: -16px;
    width: 115px;
    height: 4px;
    z-index: 3;
}

.pursuit > .container > .row {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 20px;
    border: 1px solid rgba(18, 25, 86, .09);
    border-radius: 36px;
    background:
            linear-gradient(110deg, rgba(255, 255, 255, .98) 0 61%, rgba(238, 248, 247, .92) 61% 100%);
    box-shadow:
            0 42px 90px rgba(18, 25, 86, .13),
            0 4px 16px rgba(18, 25, 86, .045),
            inset 0 1px rgba(255, 255, 255, .95);
}

.pursuit > .container > .row::before {
    content: "";
    position: absolute;
    width: 240px;
    height: 240px;
    right: -85px;
    top: -90px;
    border: 1px solid rgba(22, 146, 148, .13);
    border-radius: 50%;
    box-shadow: 0 0 0 36px rgba(22, 146, 148, .035);
}

.pursuit .col-md-7 {
    padding: 38px 34px 38px 38px;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
}

.pursuit .heading {
    position: relative;
    padding-bottom: 16px;
    margin-bottom: 16px;
}

.pursuit .heading::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 64px;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(90deg, #169294 0 65%, #d3aa4d 65% 100%);
}

.pursuit .heading h6 {
    gap: 8px;
    margin: 0 0 12px;
    padding: 7px 12px 7px 8px;
    background: linear-gradient(135deg, #edf9f8, #f9fcfc);
    box-shadow: inset 0 1px #fff, 0 6px 16px rgba(22, 146, 148, .07);
    font-size: 10px;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.pursuit .heading h6::before {
    display: none;
}

.pursuit .heading h6 i {
    display: grid;
    width: 22px;
    height: 22px;
    place-items: center;
    border-radius: 50%;
    background: #169294;
    color: #fff;
    font-size: 9px;
    box-shadow: 0 4px 10px rgba(22, 146, 148, .22);
}

.pursuit .heading h2 {
    max-width: 680px;
    margin: 0;
    color: #0d143d;
    font-size: clamp(30px, 2.8vw, 42px);
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: -1.1px;
}

.pursuit .heading h2 span {
    color: #0f737a;
}

.pursuit .col-md-7 > p {
    position: relative;
    margin: 0 0 12px;
    padding: 0;
    color: #5a6a84;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.55;
    letter-spacing: .01em;
    border-left: 0;
}

.pursuit .col-md-7 > p:last-of-type {
    margin-bottom: 22px;
}

.pursuit ul {
    gap: 10px;
}

.pursuit ul li {
    gap: 10px;
    min-height: 56px;
    padding: 10px 12px;
    border-color: rgba(18, 25, 86, .07);
    border-radius: 14px;
    background: rgba(255, 255, 255, .92);
    color: #1e2552;
    font-size: 12.5px;
    font-weight: 550;
    line-height: 1.35;
    box-shadow: 0 8px 20px rgba(18, 25, 86, .05);
}

.pursuit .pursuit-list-icon {
    display: grid;
    width: 38px;
    height: 38px;
    min-width: 38px;
    place-items: center;
    border: 1px solid rgba(22, 146, 148, .14);
    border-radius: 12px;
    background: linear-gradient(145deg, #eaf8f6, #f8fcfb);
    color: #138586;
    font-size: 14px;
    box-shadow: inset 0 1px #fff;
    transition: color .25s ease, background .25s ease, transform .25s ease;
}

.pursuit ul li:nth-child(2n) .pursuit-list-icon {
    border-color: rgba(211, 170, 77, .2);
    background: linear-gradient(145deg, #fff8e9, #fffdf8);
    color: #b18224;
}

.pursuit ul li:hover .pursuit-list-icon {
    color: #fff;
    background: #169294;
    transform: rotate(-5deg) scale(1.05);
}

.pursuit .col-md-5 {
    position: relative;
    align-self: stretch;
    display: flex;
    align-items: center;
    padding: 38px 28px 38px 12px;
}

.pursuit .col-md-5::before {
    display: none;
}

.pursuit-visual {
    position: relative;
    width: 100%;
    min-height: 600px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pursuit-visual::before {
    content: "";
    position: absolute;
    width: 90%;
    aspect-ratio: 1;
    border-radius: 50%;
    background:
            radial-gradient(circle at 36% 28%, rgba(255, 255, 255, .98), transparent 25%),
            linear-gradient(145deg, rgba(22, 146, 148, .20), rgba(211, 170, 77, .18));
    box-shadow:
            inset 0 0 0 1px rgba(255, 255, 255, .8),
            0 35px 70px rgba(18, 25, 86, .14);
}

.pursuit-visual::after {
    content: "";
    position: absolute;
    width: 72%;
    height: 16px;
    bottom: 11%;
    border-radius: 50%;
    background: rgba(18, 25, 86, .18);
    filter: blur(14px);
}

.pursuit .pursuit-visual img.book {
    position: relative;
    z-index: 2;
    width: 112%;
    max-width: 590px;
    margin-left: -6%;
    filter: drop-shadow(0 28px 25px rgba(18, 25, 86, .2));
}

.pursuit-orbit {
    position: absolute;
    z-index: 1;
    border: 1px solid rgba(22, 146, 148, .25);
    border-radius: 50%;
}

.pursuit-orbit--one {
    width: 102%;
    aspect-ratio: 1;
    transform: rotate(18deg);
}

.pursuit-orbit--two {
    width: 82%;
    aspect-ratio: 1;
    border-color: rgba(211, 170, 77, .3);
    transform: rotate(-15deg);
}

.pursuit-float {
    position: absolute;
    z-index: 4;
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 190px;
    padding: 11px 14px;
    border: 1px solid rgba(18, 25, 86, .09);
    border-radius: 15px;
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 18px 38px rgba(18, 25, 86, .15), inset 0 1px #fff;
    backdrop-filter: blur(10px);
}

.pursuit-float > span {
    display: grid;
    width: 38px;
    height: 38px;
    min-width: 38px;
    place-items: center;
    border-radius: 12px;
    background: linear-gradient(145deg, #169294, #0b7175);
    color: #fff;
    box-shadow: 0 8px 16px rgba(22, 146, 148, .25);
}

.pursuit-float strong,
.pursuit-float small {
    display: block;
    line-height: 1.3;
}

.pursuit-float strong {
    color: #131a4f;
    font-size: 12px;
    font-weight: 700;
}

.pursuit-float small {
    margin-top: 2px;
    color: #7a89a3;
    font-size: 10px;
}

.pursuit-float--top {
    top: 12%;
    right: -5px;
}

.pursuit-float--bottom {
    bottom: 12%;
    left: -4px;
}

.pursuit-float--bottom > span {
    background: linear-gradient(145deg, #d3aa4d, #a8791e);
    box-shadow: 0 8px 16px rgba(180, 132, 34, .25);
}

@media (max-width: 991px) {
    .pursuit > .container > .row {
        padding: 10px;
        background: rgba(255, 255, 255, .94);
    }

    .pursuit .col-md-7 {
        padding: 34px 24px;
    }

    .pursuit .heading h2 {
        font-size: 31px;
    }

    .pursuit-visual {
        min-height: 500px;
    }

    .pursuit-float {
        min-width: 165px;
        padding: 9px 10px;
    }
}

@media (max-width: 767px) {
    section.pursuit {
        padding: 64px 0;
    }

    .pursuit > .container > .row {
        padding: 8px;
        border-radius: 25px;
    }

    .pursuit .col-md-7 {
        padding: 28px 17px 20px;
    }

    .pursuit .heading {
        padding-bottom: 14px;
        margin-bottom: 14px;
    }

    .pursuit .heading h2 {
        font-size: 28px;
        letter-spacing: -.65px;
    }

    .pursuit .col-md-7 > p {
        margin-bottom: 10px;
        font-size: 13.5px;
        line-height: 1.5;
    }

    .pursuit .col-md-7 > p:last-of-type {
        margin-bottom: 18px;
    }

    .pursuit ul {
        grid-template-columns: 1fr;
    }

    .pursuit .col-md-5 {
        min-height: 360px;
        margin-top: 0;
        padding: 10px 16px 24px;
    }

    .pursuit-visual {
        min-height: 430px;
    }

    .pursuit-float {
        min-width: 155px;
    }

    .pursuit-float--top {
        right: -8px;
    }

    .pursuit-float--bottom {
        left: -8px;
    }
}

/* Clean luxury finish */
.pursuit > .container > .row {
    padding: 12px;
    border-color: rgba(16, 21, 74, .07);
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 34px 85px rgba(16, 21, 74, .11);
}

.pursuit > .container > .row::before,
.pursuit .heading::after {
    display: none;
}

.pursuit .heading {
    margin-bottom: 20px;
    padding-bottom: 0;
}

.pursuit .heading h2 {
    max-width: 610px;
    font-size: clamp(34px, 3vw, 44px);
    line-height: 1.16;
    letter-spacing: -1.15px;
}

.pursuit .col-md-7 {
    padding: 48px 42px;
}

.pursuit .col-md-7 > p {
    padding-left: 0;
    border-left: 0;
}

.pursuit .col-md-5 {
    padding: 20px;
}

.pursuit-visual {
    min-height: 650px;
    overflow: hidden;
    padding: 35px 16px;
    border: 1px solid rgba(22, 146, 148, .10);
    border-radius: 28px;
    background:
            radial-gradient(circle at 50% 43%, rgba(255, 255, 255, .94) 0 24%, transparent 25%),
            linear-gradient(150deg, #e9f7f6 0%, #f5fbfa 52%, #faf3e3 100%);
    box-shadow: inset 0 1px rgba(255, 255, 255, .9);
}

.pursuit-visual::before {
    width: 430px;
    height: 430px;
    border: 1px solid rgba(22, 146, 148, .14);
    background: rgba(255, 255, 255, .26);
    box-shadow:
            0 0 0 38px rgba(255, 255, 255, .22),
            0 0 0 76px rgba(22, 146, 148, .035);
}

.pursuit-visual::after {
    bottom: 13%;
}

.pursuit-orbit {
    display: none;
}

.pursuit .pursuit-visual img.book {
    width: 108%;
    max-width: 580px;
    margin: 0;
}

.pursuit-float {
    min-width: 180px;
    border-color: rgba(16, 21, 74, .07);
    border-radius: 14px;
    box-shadow: 0 15px 34px rgba(16, 21, 74, .12);
}

.pursuit-float--top {
    top: 8%;
    right: 14px;
}

.pursuit-float--bottom {
    bottom: 8%;
    left: 14px;
}

@media (max-width: 991px) {
    .pursuit .col-md-7 {
        padding: 34px 25px;
    }

    .pursuit-visual {
        min-height: 540px;
    }

    .pursuit .heading h2 {
        font-size: 31px;
    }
}

@media (max-width: 767px) {
    .pursuit > .container > .row {
        padding: 7px;
    }

    .pursuit .col-md-7 {
        padding: 27px 17px 24px;
    }

    .pursuit .heading h2 {
        font-size: 28px;
    }

    .pursuit .col-md-5 {
        min-height: auto;
        padding: 7px;
    }

    .pursuit-visual {
        min-height: 460px;
        border-radius: 21px;
    }

    .pursuit-float--top {
        right: 7px;
    }

    .pursuit-float--bottom {
        left: 7px;
    }
}

/* Borderless, softer premium finish */
.pursuit > .container::before {
    display: none;
}

.pursuit > .container > .row {
    border: 0;
    background:
            linear-gradient(118deg, rgba(255, 255, 255, .99) 0 62%, rgba(244, 251, 251, .98) 62% 100%);
    box-shadow:
            0 38px 90px rgba(16, 21, 74, .105),
            0 8px 24px rgba(16, 21, 74, .04);
}

.pursuit .heading h2 span {
    position: relative;
    display: inline;
    color: #138586;
    background: linear-gradient(110deg, #0e7b7c, #20a7a9);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.pursuit .heading h2 span::after {
    content: "";
    position: absolute;
    z-index: -1;
    left: -3px;
    right: -3px;
    bottom: 2px;
    height: 9px;
    border-radius: 999px;
    background: rgba(53, 190, 180, .12);
    transform: rotate(-1deg);
}

.pursuit .heading h6 {
    border: 0;
    background: #edf8f7;
    box-shadow: none;
}

.pursuit ul li {
    position: relative;
    overflow: hidden;
    border: 0;
    background: #fff;
    box-shadow:
            0 13px 30px rgba(16, 21, 74, .075),
            inset 0 0 0 1px rgba(16, 21, 74, .05);
}

.pursuit ul li::after {
    content: "";
    position: absolute;
    width: 55px;
    height: 55px;
    right: -25px;
    bottom: -28px;
    border-radius: 50%;
    background: rgba(22, 146, 148, .07);
}

.pursuit ul li:nth-child(2n)::after {
    background: rgba(211, 170, 77, .09);
}

.pursuit-visual {
    border: 0;
    background:
            radial-gradient(circle at 50% 44%, rgba(255, 255, 255, .98) 0 25%, transparent 25.5%),
            radial-gradient(circle at 13% 13%, rgba(211, 170, 77, .16), transparent 24%),
            linear-gradient(145deg, #eaf8f7, #f7fcfc 55%, #fbf3df);
    box-shadow:
            inset 0 1px rgba(255, 255, 255, .95),
            0 18px 45px rgba(22, 146, 148, .08);
}

.pursuit-float {
    border: 0;
    box-shadow:
            0 16px 35px rgba(16, 21, 74, .13),
            inset 0 0 0 1px rgba(16, 21, 74, .045);
}

.pursuit-float--top {
    transform: rotate(1.5deg);
}

.pursuit-float--bottom {
    transform: rotate(-1.5deg);
}

/* Shared premium heading language for the sections above */
.exceptional .heading::after {
    display: none;
}

.exceptional .heading h6,
.our-book .heading h6 {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px 8px 10px;
    border: 0;
    border-radius: 999px;
    background: rgba(98, 227, 206, .11);
    color: #8be9d9;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.25px;
    text-transform: uppercase;
    box-shadow: none;
}

.exceptional .heading h6 i,
.our-book .heading h6 i {
    display: grid;
    width: 23px;
    height: 23px;
    place-items: center;
    border-radius: 50%;
    background: linear-gradient(145deg, #20a7a9, #0e7b7c);
    color: #fff;
    font-size: 10px;
    box-shadow: 0 6px 14px rgba(32, 167, 169, .28);
}

.exceptional .heading h2 span,
.our-book .heading h2 span {
    position: relative;
    display: inline;
    color: #71e3d1;
    background: linear-gradient(110deg, #6ce1cd, #a8efe0);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.exceptional .heading h2 span::after,
.our-book .heading h2 span::after {
    content: "";
    position: absolute;
    z-index: -1;
    left: -3px;
    right: -3px;
    bottom: 2px;
    height: 9px;
    border-radius: 999px;
    background: rgba(98, 227, 206, .11);
    transform: rotate(-1deg);
}

.exceptional .heading h2,
.our-book .heading h2 {
    color: #fff;
}

/* Softer borderless premium banner */
.home .slider-home {
    background:
            radial-gradient(circle at 6% 18%, rgba(32, 167, 169, .14), transparent 25%),
            radial-gradient(circle at 88% 12%, rgba(211, 170, 77, .17), transparent 27%),
            radial-gradient(circle at 82% 88%, rgba(50, 92, 157, .10), transparent 31%),
            linear-gradient(128deg, #f8fcfb 0%, #fff 47%, #fbf7ec 100%) !important;
}

.home .slider-home .hero-copy::before {
    display: none;
}

.home .slider-home .hero-copy {
    padding-left: 18px;
}

.home .slider-home .header-text h2 {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 17px;
    padding: 8px 14px 8px 10px;
    border: 0;
    border-radius: 999px;
    background: #edf8f7;
    color: #0e7b7c;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 1.15px;
    text-transform: uppercase;
    text-shadow: none;
    box-shadow: 0 10px 26px rgba(32, 167, 169, .08);
}

.home .slider-home .header-text h2 i {
    display: grid;
    width: 24px;
    height: 24px;
    place-items: center;
    border-radius: 50%;
    background: linear-gradient(145deg, #20a7a9, #0e7b7c);
    color: #fff;
    font-size: 10px;
    box-shadow: 0 6px 14px rgba(32, 167, 169, .27);
}

.home .slider-home .header-text h1 {
    max-width: 660px;
    margin-bottom: 18px;
    color: #10154a;
    font-size: clamp(42px, 5vw, 65px);
    line-height: 1.06;
    letter-spacing: -2.2px;
    text-shadow: none;
}

.home .slider-home .text-typed {
    display: inline;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: linear-gradient(110deg, #0e7b7c, #20a7a9);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    box-shadow: none;
}

.home .slider-home .header-text p {
    max-width: 570px;
    margin-bottom: 26px;
    color: #60708c;
    font-size: 15px;
    line-height: 1.8;
}

.home .slider-home .svg-container::before {
    border: 0;
    background:
            radial-gradient(circle at 38% 31%, rgba(255, 255, 255, .98), transparent 24%),
            linear-gradient(145deg, rgba(32, 167, 169, .15), rgba(255, 255, 255, .55) 53%, rgba(211, 170, 77, .14));
    box-shadow:
            0 36px 85px rgba(16, 21, 74, .12),
            0 0 0 34px rgba(255, 255, 255, .28);
}

.home .slider-home .inline-sticker {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-top: 25px;
    padding: 10px 14px;
    border-radius: 15px;
    background: rgba(255, 255, 255, .68);
    box-shadow: 0 14px 34px rgba(16, 21, 74, .07);
    backdrop-filter: blur(8px);
}

@media (max-width: 767px) {
    .home .slider-home .hero-copy {
        padding: 25px 12px;
    }

    .home .slider-home .header-text h1 {
        font-size: 39px;
        letter-spacing: -1.25px;
    }

    .home .slider-home .header-text h2 {
        margin-bottom: 14px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .cg-hero-vector {
        animation: none !important;
    }

    .headercontactform .hcf-side-art {
        animation: none !important;
    }

    .exceptional-decor__item {
        animation: none !important;
    }
}

/* ===== Premium light four-step process ===== */
section.our-process {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: 96px 0 100px;
    background:
            radial-gradient(circle at 4% 12%, rgba(32, 167, 169, .12), transparent 26%),
            radial-gradient(circle at 96% 88%, rgba(211, 170, 77, .14), transparent 28%),
            linear-gradient(135deg, #f7fbfa 0%, #fff 48%, #fcf8ee 100%);
}

section.our-process::before {
    content: "";
    position: absolute;
    z-index: -2;
    inset: 0;
    opacity: .38;
    background-image: radial-gradient(rgba(16, 21, 74, .10) .8px, transparent .8px);
    background-size: 25px 25px;
    -webkit-mask-image: linear-gradient(90deg, #000, transparent 38%, transparent 62%, #000);
    mask-image: linear-gradient(90deg, #000, transparent 38%, transparent 62%, #000);
}

section.our-process::after {
    content: "";
    position: absolute;
    z-index: -1;
    right: -220px;
    top: -260px;
    width: 620px;
    height: 620px;
    border: 1px solid rgba(32, 167, 169, .13);
    border-radius: 50%;
    box-shadow:
            0 0 0 55px rgba(32, 167, 169, .025),
            0 0 0 110px rgba(211, 170, 77, .018);
}

.our-process > .container {
    position: relative;
    z-index: 2;
}

.our-process .heading {
    max-width: 880px;
    margin: 0 auto 48px;
}

.our-process .heading h6 {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 16px;
    padding: 8px 14px 8px 10px;
    border: 0;
    border-radius: 999px;
    background: #eaf7f6;
    color: #0e7b7c;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    box-shadow: 0 10px 26px rgba(32, 167, 169, .08);
}

.our-process .heading h6 i {
    display: grid;
    width: 24px;
    height: 24px;
    place-items: center;
    border-radius: 50%;
    background: linear-gradient(145deg, #20a7a9, #0e7b7c);
    color: #fff;
    font-size: 10px;
    box-shadow: 0 6px 14px rgba(32, 167, 169, .27);
}

.our-process .heading h2 {
    max-width: 820px;
    margin: 0 auto 17px;
    color: #10154a;
    font-size: clamp(34px, 3.7vw, 48px);
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: -1.25px;
    text-transform: none;
}

.our-process .heading h2 span {
    position: relative;
    color: #138586;
    background: linear-gradient(110deg, #0e7b7c, #20a7a9);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.our-process .heading h2 span::after {
    content: "";
    position: absolute;
    z-index: -1;
    left: -3px;
    right: -3px;
    bottom: 2px;
    height: 9px;
    border-radius: 999px;
    background: rgba(53, 190, 180, .12);
    transform: rotate(-1deg);
}

.our-process .heading h2 + p,
.our-process .heading p {
    max-width: 760px;
    margin: 0 auto;
    color: #63728d;
    font-size: 14px;
    line-height: 1.8;
}

.our-process ul {
    position: relative;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    width: 92%;
    margin: 0 auto 44px;
    padding: 0;
    text-align: center;
}

.our-process ul::before {
    content: "";
    position: absolute;
    z-index: 0;
    top: 32px;
    right: 11%;
    bottom: auto;
    left: 11%;
    width: auto;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(90deg, #20a7a9, #8ddcd2 48%, #d3aa4d);
    box-shadow: 0 5px 16px rgba(32, 167, 169, .15);
}

.our-process ul li {
    position: relative;
    z-index: 1;
    display: flex;
    min-width: 0;
    flex-direction: column;
    align-items: center;
    padding: 0 8px;
    color: #10154a;
    font-size: inherit;
    text-transform: none;
}

.our-process .process-timeline-icon {
    display: grid;
    width: 66px;
    height: 66px;
    margin: 0 auto 12px;
    place-items: center;
    border: 7px solid #f8fbfb;
    border-radius: 50%;
    background: linear-gradient(145deg, #172561, #0a113c);
    color: #8ce6d8;
    font-size: 18px;
    box-shadow:
            0 13px 26px rgba(16, 21, 74, .17),
            inset 0 1px rgba(255, 255, 255, .12);
    transition: transform .3s ease, background .3s ease;
}

.our-process ul li:nth-child(2n) .process-timeline-icon {
    background: linear-gradient(145deg, #d7b354, #ad7e22);
    color: #fff;
}

.our-process ul li:hover .process-timeline-icon {
    background: linear-gradient(145deg, #20a7a9, #0e7b7c);
    color: #fff;
    transform: translateY(-4px) scale(1.04);
}

.our-process ul li small,
.our-process ul li b {
    display: block;
}

.our-process ul li small {
    margin-bottom: 3px;
    color: #138586;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.1px;
    text-transform: uppercase;
}

.our-process ul li b {
    color: #262d58;
    font-size: 13px;
    font-weight: 600;
}

.our-process ul li strong {
    display: none;
}

.our-process .row {
    align-items: stretch;
    margin-right: -8px;
    margin-left: -8px;
}

.our-process .row > .col-md {
    display: flex;
    padding: 8px;
}

.our-process .box {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 330px;
    overflow: hidden;
    padding: 29px 25px 27px;
    border: 0;
    border-radius: 22px;
    background: rgba(255, 255, 255, .94);
    text-align: left;
    box-shadow:
            0 22px 52px rgba(16, 21, 74, .09),
            inset 0 0 0 1px rgba(16, 21, 74, .055);
    transition: transform .3s ease, box-shadow .3s ease;
}

.our-process .box::before {
    content: "";
    position: absolute;
    top: 0;
    right: 25px;
    left: 25px;
    height: 3px;
    border-radius: 0 0 999px 999px;
    background: linear-gradient(90deg, #20a7a9, #8ee3d7);
}

.our-process .row > .col-md:nth-child(2n) .box::before {
    background: linear-gradient(90deg, #d3aa4d, #ecd58f);
}

.our-process .box::after {
    content: "";
    position: absolute;
    z-index: 0;
    width: 120px;
    height: 120px;
    right: -58px;
    bottom: -65px;
    border-radius: 50%;
    background: rgba(32, 167, 169, .07);
}

.our-process .row > .col-md:nth-child(2n) .box::after {
    background: rgba(211, 170, 77, .09);
}

.our-process .box:hover {
    border-color: transparent;
    background: #fff;
    box-shadow:
            0 31px 65px rgba(16, 21, 74, .14),
            inset 0 0 0 1px rgba(32, 167, 169, .11);
    transform: translateY(-8px);
}

.our-process .box .img {
    position: relative;
    z-index: 1;
    display: grid;
    width: 74px;
    height: 74px;
    margin: 0 0 23px;
    place-items: center;
    border: 0;
    border-radius: 19px;
    background: linear-gradient(145deg, #e8f7f6, #f8fcfb);
    box-shadow: inset 0 1px #fff, 0 12px 25px rgba(32, 167, 169, .1);
}

.our-process .row > .col-md:nth-child(2n) .box .img {
    background: linear-gradient(145deg, #fff6df, #fffdf7);
    box-shadow: inset 0 1px #fff, 0 12px 25px rgba(211, 170, 77, .11);
}

.our-process .box .img img {
    width: 42px;
    height: 42px;
    object-fit: contain;
    filter: none;
}

.our-process .box:hover .img {
    background: linear-gradient(145deg, #dff5f3, #f7fcfc);
    transform: translateY(-3px) rotate(-3deg);
}

.our-process .box:hover .img img {
    filter: none;
}

.our-process .process-card-step {
    position: absolute;
    z-index: 1;
    top: 26px;
    right: 23px;
    color: rgba(16, 21, 74, .08);
    font-size: 48px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: -3px;
}

.our-process .box h3 {
    position: relative;
    z-index: 1;
    min-height: 48px;
    margin: 0 0 12px;
    color: #151c50;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.35;
}

.our-process .box p,
.our-process .box:hover p {
    position: relative;
    z-index: 1;
    margin: 0;
    color: #6a7891;
    font-size: 12.5px;
    font-weight: 400;
    line-height: 1.75;
}

.process-decor {
    position: absolute;
    z-index: 1;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
}

.process-decor__ring {
    position: absolute;
    left: -235px;
    bottom: -285px;
    width: 610px;
    height: 610px;
    border: 1px solid rgba(211, 170, 77, .15);
    border-radius: 50%;
    box-shadow:
            0 0 0 48px rgba(32, 167, 169, .025),
            0 0 0 96px rgba(16, 21, 74, .018);
}

.process-decor__ring::before {
    content: "";
    position: absolute;
    inset: 110px;
    border: 1px dashed rgba(32, 167, 169, .17);
    border-radius: 50%;
}

.process-decor__feather,
.process-decor__book,
.process-decor__spark,
.process-decor__pen {
    position: absolute;
    display: grid;
    place-items: center;
    color: rgba(32, 167, 169, .18);
    filter: drop-shadow(0 12px 18px rgba(16, 21, 74, .08));
}

.process-decor__feather {
    top: 12%;
    left: 5%;
    font-size: 48px;
    transform: rotate(-17deg);
    animation: processFloat 8s ease-in-out infinite;
}

.process-decor__book {
    right: 6%;
    bottom: 13%;
    width: 66px;
    height: 66px;
    border-radius: 18px;
    background: rgba(255, 255, 255, .46);
    color: rgba(32, 167, 169, .19);
    font-size: 27px;
    box-shadow: inset 0 0 0 1px rgba(32, 167, 169, .08);
    animation: processFloatReverse 9s ease-in-out infinite;
}

.process-decor__spark {
    top: 9%;
    right: 9%;
    color: rgba(211, 170, 77, .23);
    font-size: 32px;
    animation: processPulse 5s ease-in-out infinite;
}

.process-decor__pen {
    left: 3%;
    bottom: 18%;
    color: rgba(16, 21, 74, .11);
    font-size: 39px;
    transform: rotate(15deg);
}

.process-decor__dots {
    position: absolute;
    top: 30%;
    right: 2%;
    width: 115px;
    height: 95px;
    opacity: .4;
    background-image: radial-gradient(rgba(32, 167, 169, .38) 1px, transparent 1.5px);
    background-size: 14px 14px;
    transform: rotate(7deg);
}

@keyframes processFloat {
    0%, 100% { transform: translateY(0) rotate(-17deg); }
    50% { transform: translateY(-14px) rotate(-7deg); }
}

@keyframes processFloatReverse {
    0%, 100% { transform: translateY(0) rotate(6deg); }
    50% { transform: translateY(-13px) rotate(-4deg); }
}

@keyframes processPulse {
    0%, 100% { transform: scale(.9) rotate(0); opacity: .55; }
    50% { transform: scale(1.12) rotate(12deg); opacity: 1; }
}

@media (max-width: 991px) {
    section.our-process {
        padding: 72px 0 76px;
    }

    .our-process ul {
        width: 100%;
    }

    .our-process .box {
        padding: 24px 19px;
    }

    .our-process .box h3 {
        font-size: 16px;
    }
}

@media (max-width: 767px) {
    section.our-process {
        padding: 60px 0 64px;
    }

    .our-process .heading {
        margin-bottom: 34px;
    }

    .our-process .heading h2 {
        font-size: 29px;
        letter-spacing: -.7px;
    }

    .our-process .heading h2 + p,
    .our-process .heading p {
        font-size: 13px;
    }

    .our-process ul {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 24px 8px;
        margin-bottom: 33px;
    }

    .our-process ul::before {
        display: none;
    }

    .our-process .process-timeline-icon {
        width: 59px;
        height: 59px;
        margin-bottom: 9px;
    }

    .our-process .row > .col-md {
        width: 100%;
    }

    .our-process .box {
        min-height: 0;
        padding: 25px 22px;
    }

    .our-process .box h3 {
        min-height: 0;
    }

    .process-decor__book,
    .process-decor__pen,
    .process-decor__dots {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .process-decor__feather,
    .process-decor__book,
    .process-decor__spark {
        animation: none !important;
    }
}

/* Balanced color accents for each process stage */
section.our-process {
    background:
            radial-gradient(circle at 4% 12%, rgba(32, 167, 169, .13), transparent 25%),
            radial-gradient(circle at 15% 88%, rgba(59, 130, 246, .10), transparent 24%),
            radial-gradient(circle at 82% 12%, rgba(139, 92, 246, .09), transparent 23%),
            radial-gradient(circle at 96% 88%, rgba(244, 157, 67, .13), transparent 27%),
            linear-gradient(135deg, #f7fbfa 0%, #fff 48%, #fff9f1 100%);
}

.our-process ul li:nth-child(1) .process-timeline-icon {
    background: linear-gradient(145deg, #20a7a9, #0e7b7c);
    color: #fff;
}

.our-process ul li:nth-child(2) .process-timeline-icon {
    background: linear-gradient(145deg, #e0b84f, #b68120);
    color: #fff;
}

.our-process ul li:nth-child(3) .process-timeline-icon {
    background: linear-gradient(145deg, #4f83e5, #2858b7);
    color: #fff;
}

.our-process ul li:nth-child(4) .process-timeline-icon {
    background: linear-gradient(145deg, #9a68df, #6c3db5);
    color: #fff;
}

.our-process ul li:nth-child(1) small {
    color: #138586;
}

.our-process ul li:nth-child(2) small {
    color: #ae7d20;
}

.our-process ul li:nth-child(3) small {
    color: #3567c6;
}

.our-process ul li:nth-child(4) small {
    color: #7846bd;
}

.our-process .row > .col-md:nth-child(1) .box::before {
    background: linear-gradient(90deg, #20a7a9, #86dfce);
}

.our-process .row > .col-md:nth-child(2) .box::before {
    background: linear-gradient(90deg, #d3aa4d, #f0d88e);
}

.our-process .row > .col-md:nth-child(3) .box::before {
    background: linear-gradient(90deg, #4f83e5, #9cbbf3);
}

.our-process .row > .col-md:nth-child(4) .box::before {
    background: linear-gradient(90deg, #9564d9, #c7a9ef);
}

.our-process .row > .col-md:nth-child(1) .box .img {
    background: linear-gradient(145deg, #e5f7f6, #f8fcfb);
    box-shadow: 0 12px 25px rgba(32, 167, 169, .12);
}

.our-process .row > .col-md:nth-child(2) .box .img {
    background: linear-gradient(145deg, #fff4d8, #fffdf7);
    box-shadow: 0 12px 25px rgba(211, 170, 77, .13);
}

.our-process .row > .col-md:nth-child(3) .box .img {
    background: linear-gradient(145deg, #e8f0ff, #f9fbff);
    box-shadow: 0 12px 25px rgba(79, 131, 229, .13);
}

.our-process .row > .col-md:nth-child(4) .box .img {
    background: linear-gradient(145deg, #f1e8ff, #fcf9ff);
    box-shadow: 0 12px 25px rgba(149, 100, 217, .13);
}

.our-process .row > .col-md:nth-child(1) .process-card-step {
    color: rgba(32, 167, 169, .11);
}

.our-process .row > .col-md:nth-child(2) .process-card-step {
    color: rgba(211, 170, 77, .14);
}

.our-process .row > .col-md:nth-child(3) .process-card-step {
    color: rgba(79, 131, 229, .12);
}

.our-process .row > .col-md:nth-child(4) .process-card-step {
    color: rgba(149, 100, 217, .12);
}

.our-process .row > .col-md:nth-child(1) .box::after {
    background: rgba(32, 167, 169, .08);
}

.our-process .row > .col-md:nth-child(2) .box::after {
    background: rgba(211, 170, 77, .10);
}

.our-process .row > .col-md:nth-child(3) .box::after {
    background: rgba(79, 131, 229, .09);
}

.our-process .row > .col-md:nth-child(4) .box::after {
    background: rgba(149, 100, 217, .09);
}

/* Keep each timeline step locked to its corresponding card */
.our-process .process-grid {
    position: relative;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

.our-process .process-grid::before {
    content: "";
    position: absolute;
    z-index: 0;
    top: 32px;
    right: 10%;
    left: 10%;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(90deg, #20a7a9, #d3aa4d 34%, #4f83e5 67%, #9564d9);
    box-shadow: 0 5px 16px rgba(32, 82, 160, .14);
}

.our-process .process-stage {
    --stage-start: #20a7a9;
    --stage-end: #0e7b7c;
    --stage-soft: #e5f7f6;
    --stage-fade: rgba(32, 167, 169, .10);
    position: relative;
    z-index: 1;
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.our-process .process-stage:nth-child(2) {
    --stage-start: #e0b84f;
    --stage-end: #b68120;
    --stage-soft: #fff4d8;
    --stage-fade: rgba(211, 170, 77, .12);
}

.our-process .process-stage:nth-child(3) {
    --stage-start: #4f83e5;
    --stage-end: #2858b7;
    --stage-soft: #e8f0ff;
    --stage-fade: rgba(79, 131, 229, .11);
}

.our-process .process-stage:nth-child(4) {
    --stage-start: #9a68df;
    --stage-end: #6c3db5;
    --stage-soft: #f1e8ff;
    --stage-fade: rgba(149, 100, 217, .11);
}

.our-process .process-stage-head {
    position: relative;
    z-index: 2;
    display: flex;
    min-height: 118px;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.our-process .process-stage-head .process-timeline-icon {
    margin: 0 0 11px;
    background: linear-gradient(145deg, var(--stage-start), var(--stage-end));
    color: #fff;
}

.our-process .process-stage-head small,
.our-process .process-stage-head b {
    display: block;
}

.our-process .process-stage-head small {
    margin-bottom: 3px;
    color: var(--stage-end);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.1px;
    text-transform: uppercase;
}

.our-process .process-stage-head b {
    color: #262d58;
    font-size: 13px;
    font-weight: 600;
}

.our-process .process-stage .box {
    flex: 1;
}

.our-process .process-stage .box::before {
    background: linear-gradient(90deg, var(--stage-start), var(--stage-end));
}

.our-process .process-stage .box::after {
    background: var(--stage-fade);
}

.our-process .process-stage .box .img,
.our-process .process-stage .box:hover .img {
    background: linear-gradient(145deg, var(--stage-soft), #fff);
    box-shadow: 0 12px 25px var(--stage-fade);
}

.our-process .process-stage .process-card-step {
    color: var(--stage-fade);
}

.our-process .process-stage:hover .process-timeline-icon {
    transform: translateY(-4px) scale(1.04);
}

@media (max-width: 767px) {
    .our-process .process-grid {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .our-process .process-grid::before {
        display: none;
    }

    .our-process .process-stage-head {
        min-height: 108px;
    }
}

/* Dark emerald edition */
section.our-process {
    background:
            radial-gradient(circle at 6% 10%, rgba(65, 220, 208, .17), transparent 27%),
            radial-gradient(circle at 92% 88%, rgba(218, 184, 79, .13), transparent 28%),
            radial-gradient(circle at 76% 8%, rgba(40, 114, 135, .16), transparent 24%),
            linear-gradient(135deg, #03131a 0%, #072631 50%, #04171f 100%);
}

section.our-process::before {
    opacity: .28;
    background-image: radial-gradient(rgba(220, 255, 251, .19) .8px, transparent .8px);
}

section.our-process::after {
    border-color: rgba(106, 229, 215, .15);
    box-shadow:
            0 0 0 55px rgba(106, 229, 215, .025),
            0 0 0 110px rgba(218, 184, 79, .018);
}

.our-process .heading h6 {
    background: rgba(106, 229, 215, .11);
    color: #83e9dc;
    box-shadow: 0 10px 28px rgba(0, 7, 8, .18);
}

.our-process .heading h2 {
    color: #fff;
    text-shadow: 0 12px 34px rgba(0, 7, 8, .22);
}

.our-process .heading h2 span {
    background: linear-gradient(110deg, #65ddcd, #a9efe1);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.our-process .heading h2 span::after {
    background: rgba(106, 229, 215, .10);
}

.our-process .heading h2 + p,
.our-process .heading p {
    color: rgba(229, 243, 242, .70);
}

.our-process .process-grid::before {
    background: linear-gradient(90deg, #57d9c7, #d9b553 34%, #62a1ec 67%, #ad7be6);
    box-shadow: 0 5px 18px rgba(80, 220, 207, .17);
}

.our-process .process-stage {
    --stage-start: #55dccc;
    --stage-end: #1da7a4;
    --stage-soft: rgba(85, 220, 204, .15);
    --stage-fade: rgba(85, 220, 204, .11);
}

.our-process .process-stage:nth-child(2) {
    --stage-start: #e8c45f;
    --stage-end: #bd8c2a;
    --stage-soft: rgba(232, 196, 95, .15);
    --stage-fade: rgba(232, 196, 95, .11);
}

.our-process .process-stage:nth-child(3) {
    --stage-start: #6da8f0;
    --stage-end: #3d71cb;
    --stage-soft: rgba(109, 168, 240, .15);
    --stage-fade: rgba(109, 168, 240, .11);
}

.our-process .process-stage:nth-child(4) {
    --stage-start: #b184e8;
    --stage-end: #8251c5;
    --stage-soft: rgba(177, 132, 232, .15);
    --stage-fade: rgba(177, 132, 232, .11);
}

.our-process .process-stage-head .process-timeline-icon {
    border-color: #072631;
    box-shadow:
            0 14px 29px rgba(0, 9, 10, .28),
            inset 0 1px rgba(255, 255, 255, .20);
}

.our-process .process-stage-head small {
    color: var(--stage-start);
}

.our-process .process-stage-head b {
    color: rgba(240, 250, 249, .86);
}

.our-process .process-stage .box,
.our-process .process-stage .box:hover {
    background:
            radial-gradient(circle at 100% 100%, var(--stage-fade), transparent 35%),
            rgba(255, 255, 255, .055);
    box-shadow:
            0 25px 55px rgba(0, 7, 9, .25),
            inset 0 0 0 1px rgba(220, 255, 251, .09),
            inset 0 1px rgba(255, 255, 255, .06);
}

.our-process .process-stage .box:hover {
    box-shadow:
            0 34px 70px rgba(0, 7, 9, .36),
            inset 0 0 0 1px var(--stage-fade),
            inset 0 1px rgba(255, 255, 255, .09);
}

.our-process .process-stage .box .img,
.our-process .process-stage .box:hover .img {
    background: var(--stage-soft);
    box-shadow:
            inset 0 0 0 1px var(--stage-fade),
            0 14px 28px rgba(0, 7, 9, .18);
}

.our-process .process-stage .box .img img {
    filter: brightness(0) invert(1);
    opacity: .9;
}

.our-process .process-stage .process-card-step {
    color: var(--stage-fade);
}

.our-process .box h3 {
    color: #f4fffd;
}

.our-process .box p,
.our-process .box:hover p {
    color: rgba(225, 240, 239, .67);
}

.process-decor__ring {
    border-color: rgba(218, 184, 79, .18);
    box-shadow:
            0 0 0 48px rgba(106, 229, 215, .026),
            0 0 0 96px rgba(255, 255, 255, .012);
}

.process-decor__ring::before {
    border-color: rgba(106, 229, 215, .18);
}

.process-decor__feather,
.process-decor__book {
    color: rgba(106, 229, 215, .25);
}

.process-decor__book {
    background: rgba(255, 255, 255, .035);
    box-shadow: inset 0 0 0 1px rgba(106, 229, 215, .10);
}

.process-decor__pen {
    color: rgba(255, 255, 255, .10);
}

/* Dark sapphire background with extra space below each step label */
section.our-process {
    background:
            radial-gradient(circle at 6% 10%, rgba(76, 142, 235, .20), transparent 28%),
            radial-gradient(circle at 92% 88%, rgba(218, 184, 79, .14), transparent 28%),
            radial-gradient(circle at 77% 7%, rgba(66, 207, 205, .12), transparent 24%),
            linear-gradient(135deg, #040a29 0%, #0a1751 52%, #060f36 100%);
}

section.our-process::before {
    background-image: radial-gradient(rgba(222, 237, 255, .18) .8px, transparent .8px);
}

section.our-process::after {
    border-color: rgba(91, 151, 235, .17);
    box-shadow:
            0 0 0 55px rgba(91, 151, 235, .026),
            0 0 0 110px rgba(218, 184, 79, .018);
}

.our-process .process-stage-head {
    margin-bottom: 18px;
}

.our-process .process-stage-head .process-timeline-icon {
    border-color: #0a1751;
}

.our-process .process-stage .box,
.our-process .process-stage .box:hover {
    background:
            radial-gradient(circle at 100% 100%, var(--stage-fade), transparent 35%),
            rgba(255, 255, 255, .06);
    box-shadow:
            0 25px 55px rgba(0, 2, 24, .28),
            inset 0 0 0 1px rgba(220, 237, 255, .10),
            inset 0 1px rgba(255, 255, 255, .07);
}

.our-process .process-stage .box:hover {
    box-shadow:
            0 34px 70px rgba(0, 2, 24, .38),
            inset 0 0 0 1px var(--stage-fade),
            inset 0 1px rgba(255, 255, 255, .10);
}

.process-decor__ring {
    box-shadow:
            0 0 0 48px rgba(91, 151, 235, .028),
            0 0 0 96px rgba(255, 255, 255, .012);
}

.process-decor__ring::before {
    border-color: rgba(91, 151, 235, .20);
}

.process-decor__book {
    color: rgba(109, 168, 240, .27);
    box-shadow: inset 0 0 0 1px rgba(109, 168, 240, .11);
}

.our-process .process-cta {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 13px;
    margin: 42px auto 0;
    text-align: center;
}

.our-process .process-cta .btn {
    display: inline-flex;
    min-width: 160px;
    min-height: 52px;
    align-items: center;
    justify-content: center;
    gap: 9px;
    margin: 0;
    padding: 12px 24px;
    border-radius: 14px;
    font-size: 13px;
    font-weight: 600;
    transition: color .25s ease, background .25s ease, border-color .25s ease, transform .25s ease, box-shadow .25s ease;
}

.our-process .process-cta .btn::after {
    display: none !important;
    content: none !important;
}

.our-process .process-cta .btn-green {
    border: 1px solid rgba(139, 239, 223, .3);
    color: #09153b;
    background: linear-gradient(135deg, #68decb, #a2eddf);
    box-shadow: 0 14px 30px rgba(41, 190, 172, .27), inset 0 1px rgba(255, 255, 255, .55);
}

.our-process .process-cta .btn-green:hover,
.our-process .process-cta .btn-green:focus {
    color: #fff;
    border-color: rgba(109, 168, 240, .45);
    background: linear-gradient(135deg, #4f83e5, #2858b7);
    box-shadow: 0 18px 35px rgba(79, 131, 229, .32);
    transform: translateY(-3px);
}

.our-process .process-cta .btn-white-border {
    border: 1px solid rgba(255, 255, 255, .22);
    color: #fff;
    background: rgba(255, 255, 255, .07);
    box-shadow: inset 0 1px rgba(255, 255, 255, .1);
}

.our-process .process-cta .btn-white-border:hover,
.our-process .process-cta .btn-white-border:focus {
    border-color: rgba(211, 170, 77, .45);
    color: #10154a;
    background: linear-gradient(135deg, #e6c266, #f2dfa7);
    box-shadow: 0 17px 34px rgba(0, 0, 20, .24);
    transform: translateY(-3px);
}

@media (max-width: 575px) {
    .our-process .process-cta {
        margin-top: 32px;
        flex-direction: column;
    }

    .our-process .process-cta .btn {
        width: 100%;
        max-width: 280px;
    }
}
/* ===== Premium light our-editing section ===== */
section.our-editing {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: 96px 0;
    background:
            radial-gradient(circle at 6% 14%, rgba(32, 167, 169, .12), transparent 25%),
            radial-gradient(circle at 94% 86%, rgba(211, 170, 77, .13), transparent 27%),
            radial-gradient(circle at 80% 10%, rgba(79, 131, 229, .08), transparent 23%),
            linear-gradient(135deg, #f7fbfa 0%, #fff 48%, #fcf8ee 100%);
}

section.our-editing::before {
    content: "";
    position: absolute;
    z-index: -2;
    inset: 0;
    width: auto;
    height: auto;
    background: none;
    opacity: .35;
    background-image: radial-gradient(rgba(16, 21, 74, .10) .8px, transparent .8px);
    background-size: 24px 24px;
    -webkit-mask-image: linear-gradient(90deg, #000, transparent 38%, transparent 62%, #000);
    mask-image: linear-gradient(90deg, #000, transparent 38%, transparent 62%, #000);
}

section.our-editing::after {
    content: "";
    position: absolute;
    z-index: -1;
    top: -220px;
    right: -180px;
    width: 520px;
    height: 520px;
    border: 1px solid rgba(32, 167, 169, .13);
    border-radius: 50%;
    box-shadow:
            0 0 0 48px rgba(32, 167, 169, .025),
            0 0 0 96px rgba(211, 170, 77, .018);
}

.our-editing > .container {
    position: relative;
    z-index: 2;
}

.our-editing .row {
    align-items: center;
}

.our-editing .heading {
    margin-bottom: 24px;
}

.our-editing .heading h6 {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 16px;
    padding: 8px 14px 8px 10px;
    border: 0;
    border-radius: 999px;
    background: #eaf7f6;
    color: #0e7b7c;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    box-shadow: 0 10px 26px rgba(32, 167, 169, .08);
}

.our-editing .heading h6 i {
    display: grid;
    width: 24px;
    height: 24px;
    place-items: center;
    border-radius: 50%;
    background: linear-gradient(145deg, #20a7a9, #0e7b7c);
    color: #fff;
    font-size: 10px;
    box-shadow: 0 6px 14px rgba(32, 167, 169, .27);
}

.our-editing .heading h2 {
    max-width: 560px;
    margin: 0 0 16px;
    color: #10154a;
    font-size: clamp(30px, 3.2vw, 42px);
    font-weight: 700;
    line-height: 1.18;
    letter-spacing: -1.1px;
    text-transform: none;
}

.our-editing .heading h2 span {
    position: relative;
    color: #138586;
    background: linear-gradient(110deg, #0e7b7c, #20a7a9);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.our-editing .heading h2 span::after {
    content: "";
    position: absolute;
    z-index: -1;
    left: -3px;
    right: -3px;
    bottom: 2px;
    height: 9px;
    border-radius: 999px;
    background: rgba(53, 190, 180, .12);
    transform: rotate(-1deg);
}

.our-editing .heading p {
    max-width: 560px;
    margin: 0;
    color: #63728d;
    font-size: 14px;
    line-height: 1.8;
}

.our-editing .heading p a {
    color: #128083;
    font-weight: 600;
    text-decoration: none;
    border-bottom: 1px solid rgba(18, 128, 131, .28);
}

.our-editing ul {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 11px;
    margin: 0 0 28px;
    padding: 0;
}

.our-editing ul li {
    display: flex;
    align-items: center;
    gap: 10px;
    width: auto;
    margin: 0;
    padding: 12px 14px;
    border: 0;
    border-radius: 14px;
    background: rgba(255, 255, 255, .92);
    color: #252c58;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;
    box-shadow:
            0 12px 28px rgba(16, 21, 74, .07),
            inset 0 0 0 1px rgba(16, 21, 74, .05);
    transition: transform .25s ease, box-shadow .25s ease;
}

.our-editing ul li:hover {
    transform: translateY(-3px);
    box-shadow:
            0 16px 34px rgba(16, 21, 74, .11),
            inset 0 0 0 1px rgba(32, 167, 169, .16);
}

.our-editing .editing-list-icon {
    display: grid;
    width: 36px;
    height: 36px;
    min-width: 36px;
    place-items: center;
    border-radius: 11px;
    background: linear-gradient(145deg, #eaf8f6, #f8fcfb);
    color: #138586;
    font-size: 13px;
    box-shadow: inset 0 1px #fff;
}

.our-editing ul li:nth-child(2n) .editing-list-icon {
    background: linear-gradient(145deg, #fff8e9, #fffdf8);
    color: #b18224;
}

.our-editing ul li:nth-child(3n) .editing-list-icon {
    background: linear-gradient(145deg, #e8f0ff, #f9fbff);
    color: #3567c6;
}

.our-editing ul li:nth-child(4n) .editing-list-icon {
    background: linear-gradient(145deg, #f1e8ff, #fcf9ff);
    color: #7846bd;
}

.our-editing ul li:hover .editing-list-icon {
    color: #fff;
    background: linear-gradient(145deg, #20a7a9, #0e7b7c);
}

.our-editing ul li img {
    display: none;
}

.our-editing .editing-cta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    margin: 0;
}

.our-editing .editing-cta .btn {
    display: inline-flex;
    min-width: 148px;
    min-height: 50px;
    align-items: center;
    justify-content: center;
    gap: 9px;
    margin: 0;
    padding: 11px 22px;
    border-radius: 13px;
    font-size: 13px;
    font-weight: 600;
    transition: color .25s ease, background .25s ease, border-color .25s ease, transform .25s ease, box-shadow .25s ease;
}

.our-editing .editing-cta .btn::after {
    display: none !important;
    content: none !important;
}

.our-editing .editing-cta .btn-green {
    border: 1px solid rgba(32, 167, 169, .25);
    color: #fff;
    background: linear-gradient(135deg, #172561, #0a113c);
    box-shadow: 0 14px 30px rgba(16, 21, 74, .18), inset 0 1px rgba(255, 255, 255, .12);
}

.our-editing .editing-cta .btn-green:hover,
.our-editing .editing-cta .btn-green:focus {
    color: #09153b;
    border-color: rgba(139, 239, 223, .4);
    background: linear-gradient(135deg, #68decb, #a2eddf);
    box-shadow: 0 16px 32px rgba(41, 190, 172, .28);
    transform: translateY(-2px);
}

.our-editing .editing-cta .btn-black-border {
    border: 1px solid rgba(16, 21, 74, .14);
    color: #10154a;
    background: rgba(255, 255, 255, .78);
    box-shadow: 0 10px 24px rgba(16, 21, 74, .07);
}

.our-editing .editing-cta .btn-black-border:hover,
.our-editing .editing-cta .btn-black-border:focus {
    color: #fff;
    border-color: rgba(211, 170, 77, .4);
    background: linear-gradient(135deg, #172561, #0a113c);
    box-shadow: 0 14px 28px rgba(16, 21, 74, .18);
    transform: translateY(-2px);
}

.our-editing .editing-visual {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 480px;
    padding: 28px;
}

.our-editing .editing-visual::before {
    content: "";
    position: absolute;
    width: 86%;
    aspect-ratio: 1;
    border-radius: 50%;
    background:
            radial-gradient(circle at 36% 28%, rgba(255, 255, 255, .98), transparent 25%),
            linear-gradient(145deg, rgba(32, 167, 169, .16), rgba(211, 170, 77, .15));
    box-shadow:
            inset 0 0 0 1px rgba(255, 255, 255, .8),
            0 35px 70px rgba(16, 21, 74, .12);
}

.our-editing .editing-visual::after {
    content: "";
    position: absolute;
    width: 70%;
    height: 18px;
    bottom: 12%;
    border-radius: 50%;
    background: rgba(16, 21, 74, .14);
    filter: blur(14px);
}

.our-editing .editing-visual img {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 520px;
    filter: drop-shadow(0 26px 28px rgba(16, 21, 74, .16));
}

.editing-decor {
    position: absolute;
    z-index: 1;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
}

.editing-decor__ring {
    position: absolute;
    left: -240px;
    bottom: -280px;
    width: 560px;
    height: 560px;
    border: 1px solid rgba(211, 170, 77, .16);
    border-radius: 50%;
    box-shadow:
            0 0 0 45px rgba(32, 167, 169, .025),
            0 0 0 90px rgba(16, 21, 74, .015);
}

.editing-decor__feather,
.editing-decor__spark,
.editing-decor__bullhorn {
    position: absolute;
    color: rgba(32, 167, 169, .18);
    filter: drop-shadow(0 10px 16px rgba(16, 21, 74, .08));
}

.editing-decor__feather {
    top: 12%;
    left: 4%;
    font-size: 42px;
    transform: rotate(-16deg);
}

.editing-decor__spark {
    top: 10%;
    right: 8%;
    color: rgba(211, 170, 77, .22);
    font-size: 28px;
}

.editing-decor__bullhorn {
    right: 5%;
    bottom: 16%;
    color: rgba(79, 131, 229, .16);
    font-size: 36px;
    transform: rotate(12deg);
}

.editing-decor__dots {
    position: absolute;
    top: 28%;
    right: 2%;
    width: 110px;
    height: 90px;
    opacity: .4;
    background-image: radial-gradient(rgba(32, 167, 169, .38) 1px, transparent 1.5px);
    background-size: 14px 14px;
    transform: rotate(8deg);
}

@media (max-width: 991px) {
    section.our-editing {
        padding: 72px 0;
    }

    .our-editing .heading h2 {
        font-size: 30px;
    }

    .our-editing .editing-visual {
        min-height: 400px;
        margin-top: 28px;
    }
}

@media (max-width: 767px) {
    section.our-editing {
        padding: 58px 0;
    }

    .our-editing .heading h2 {
        font-size: 27px;
        letter-spacing: -.6px;
    }

    .our-editing .heading p {
        font-size: 13px;
    }

    .our-editing ul {
        grid-template-columns: 1fr;
    }

    .our-editing .editing-cta {
        flex-direction: column;
        align-items: stretch;
    }

    .our-editing .editing-cta .btn {
        width: 100%;
    }

    .our-editing .editing-visual {
        min-height: 340px;
        padding: 10px;
    }

    .editing-decor__bullhorn,
    .editing-decor__dots {
        display: none;
    }
}

/* Process cards: solid white premium finish */
.our-process .process-stage .box,
.our-process .process-stage .box:hover {
    background: #fff !important;
    border-radius: 24px;
    padding: 32px 26px 30px;
    box-shadow:
            0 28px 60px rgba(0, 2, 24, .28),
            0 8px 20px rgba(0, 2, 24, .12),
            inset 0 1px rgba(255, 255, 255, 1) !important;
    transform: none;
}

.our-process .process-stage .box:hover {
    transform: translateY(-8px);
    box-shadow:
            0 38px 78px rgba(0, 2, 24, .34),
            0 12px 28px rgba(0, 2, 24, .14),
            inset 0 0 0 1px rgba(16, 21, 74, .04),
            inset 0 1px #fff !important;
}

.our-process .process-stage .box::before {
    top: 0;
    right: 28px;
    left: 28px;
    height: 4px;
    border-radius: 0 0 999px 999px;
    background: linear-gradient(90deg, var(--stage-start), var(--stage-end));
    box-shadow: 0 6px 16px var(--stage-fade);
}

.our-process .process-stage .box::after {
    width: 140px;
    height: 140px;
    right: -60px;
    bottom: -70px;
    background: var(--stage-fade);
    opacity: .55;
}

.our-process .process-stage .box .img,
.our-process .process-stage .box:hover .img {
    width: 78px;
    height: 78px;
    margin-bottom: 24px;
    border-radius: 20px;
    background: linear-gradient(145deg, var(--stage-soft), #fff) !important;
    box-shadow:
            inset 0 1px #fff,
            0 14px 28px var(--stage-fade) !important;
}

.our-process .process-stage .box .img img {
    filter: none !important;
    opacity: 1 !important;
}

.our-process .process-stage .process-card-step {
    top: 28px;
    right: 24px;
    color: rgba(16, 21, 74, .07) !important;
    font-size: 54px;
    letter-spacing: -3px;
}

.our-process .box h3 {
    color: #121a4f !important;
    font-size: 19px;
    letter-spacing: -.3px;
}

.our-process .box p,
.our-process .box:hover p {
    color: #667792 !important;
    font-size: 13px;
    line-height: 1.78;
}

/* ===== Premium our-amazing CTA band ===== */
section.our-amazing {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: 88px 0;
    background:
            radial-gradient(circle at 50% -8%, rgba(98, 227, 206, .18), transparent 34%),
            radial-gradient(circle at 6% 55%, rgba(76, 142, 235, .18), transparent 28%),
            radial-gradient(circle at 94% 70%, rgba(218, 184, 79, .16), transparent 28%),
            linear-gradient(125deg, #040a29 0%, #0a1751 50%, #060f36 100%);
}

section.our-amazing::before {
    content: "";
    position: absolute;
    z-index: -2;
    inset: 0;
    opacity: .32;
    background-image:
            radial-gradient(rgba(255, 255, 255, .14) .8px, transparent .8px),
            linear-gradient(115deg, transparent 0 46%, rgba(255, 255, 255, .03) 47%, transparent 48%);
    background-size: 26px 26px, 100% 100%;
    -webkit-mask-image: linear-gradient(90deg, #000, transparent 36%, transparent 64%, #000);
    mask-image: linear-gradient(90deg, #000, transparent 36%, transparent 64%, #000);
}

section.our-amazing::after {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    bottom: -200px;
    width: 760px;
    height: 380px;
    border: 1px solid rgba(98, 227, 206, .12);
    border-radius: 50%;
    background: rgba(76, 142, 235, .08);
    box-shadow:
            0 0 0 50px rgba(98, 227, 206, .025),
            0 0 0 100px rgba(218, 184, 79, .016);
    transform: translateX(-50%);
    filter: blur(2px);
}

.our-amazing > .container {
    position: relative;
    z-index: 2;
}

.our-amazing .amazing-inner {
    position: relative;
    max-width: 920px;
    margin: 0 auto;
    padding: 10px 20px;
    text-align: center;
}

.our-amazing .amazing-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 20px;
    padding: 8px 14px 8px 10px;
    border-radius: 999px;
    background: rgba(98, 227, 206, .11);
    color: #91ead9;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 1.15px;
    text-transform: uppercase;
    box-shadow: 0 10px 28px rgba(0, 2, 24, .16);
}

.our-amazing .amazing-eyebrow i {
    display: grid;
    width: 24px;
    height: 24px;
    place-items: center;
    border-radius: 50%;
    background: linear-gradient(145deg, #20a7a9, #0e7b7c);
    color: #fff;
    font-size: 10px;
    box-shadow: 0 6px 14px rgba(32, 167, 169, .3);
}

.our-amazing h2 {
    max-width: 860px;
    margin: 0 auto 18px;
    padding: 0;
    color: #fff;
    font-size: clamp(32px, 4vw, 50px);
    font-weight: 700;
    line-height: 1.16;
    letter-spacing: -1.4px;
    text-transform: none;
    text-shadow: 0 12px 34px rgba(0, 0, 20, .24);
}

.our-amazing h2::before {
    display: none;
}

.our-amazing h2 span {
    display: inline;
    margin-right: 6px;
    font-weight: 700;
    color: #78e4d4;
    background: linear-gradient(110deg, #65dbc8, #a8efe0);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.our-amazing .amazing-copy {
    max-width: 640px;
    margin: 0 auto 30px;
    color: rgba(235, 242, 252, .72);
    font-size: 15px;
    line-height: 1.75;
}

.our-amazing .amazing-cta {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 13px;
    margin: 0;
}

.our-amazing .amazing-cta .btn {
    display: inline-flex;
    min-width: 160px;
    min-height: 52px;
    align-items: center;
    justify-content: center;
    gap: 9px;
    margin: 0;
    padding: 12px 24px;
    border-radius: 14px;
    font-size: 13px;
    font-weight: 600;
    transition: color .25s ease, background .25s ease, border-color .25s ease, transform .25s ease, box-shadow .25s ease;
}

.our-amazing .amazing-cta .btn::after {
    display: none !important;
    content: none !important;
}

.our-amazing .amazing-cta .btn-yellow {
    border: 1px solid rgba(232, 196, 95, .35);
    color: #10154a;
    background: linear-gradient(135deg, #e6c266, #f2dfa7);
    box-shadow: 0 14px 30px rgba(211, 170, 77, .28), inset 0 1px rgba(255, 255, 255, .55);
}

.our-amazing .amazing-cta .btn-yellow:hover,
.our-amazing .amazing-cta .btn-yellow:focus {
    color: #fff;
    border-color: rgba(139, 239, 223, .35);
    background: linear-gradient(135deg, #20a7a9, #0e7b7c);
    box-shadow: 0 18px 35px rgba(32, 167, 169, .32);
    transform: translateY(-3px);
}

.our-amazing .amazing-cta .btn-green-border {
    border: 1px solid rgba(255, 255, 255, .22);
    color: #fff;
    background: rgba(255, 255, 255, .07);
    box-shadow: inset 0 1px rgba(255, 255, 255, .1);
}

.our-amazing .amazing-cta .btn-green-border:hover,
.our-amazing .amazing-cta .btn-green-border:focus {
    border-color: rgba(109, 168, 240, .4);
    color: #10154a;
    background: linear-gradient(135deg, #8bb8f3, #d7e7ff);
    box-shadow: 0 17px 34px rgba(0, 0, 20, .24);
    transform: translateY(-3px);
}

.amazing-decor {
    position: absolute;
    z-index: 1;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
}

.amazing-decor__ring {
    position: absolute;
    top: -210px;
    right: -140px;
    width: 500px;
    height: 500px;
    border: 1px solid rgba(218, 184, 79, .18);
    border-radius: 50%;
    box-shadow:
            0 0 0 45px rgba(98, 227, 206, .025),
            0 0 0 90px rgba(255, 255, 255, .014);
}

.amazing-decor__ring::before {
    content: "";
    position: absolute;
    inset: 95px;
    border: 1px dashed rgba(98, 227, 206, .2);
    border-radius: 50%;
}

.amazing-decor__feather,
.amazing-decor__spark,
.amazing-decor__book,
.amazing-decor__pen {
    position: absolute;
    display: grid;
    place-items: center;
    color: rgba(139, 239, 223, .26);
    filter: drop-shadow(0 12px 18px rgba(0, 0, 0, .18));
}

.amazing-decor__feather {
    top: 18%;
    left: 6%;
    font-size: 44px;
    transform: rotate(-16deg);
}

.amazing-decor__spark {
    top: 16%;
    right: 8%;
    color: rgba(230, 194, 102, .28);
    font-size: 30px;
}

.amazing-decor__book {
    left: 8%;
    bottom: 14%;
    width: 58px;
    height: 58px;
    border-radius: 16px;
    background: rgba(255, 255, 255, .04);
    color: rgba(109, 168, 240, .28);
    font-size: 24px;
    box-shadow: inset 0 0 0 1px rgba(109, 168, 240, .12);
}

.amazing-decor__pen {
    right: 7%;
    bottom: 16%;
    color: rgba(230, 194, 102, .24);
    font-size: 36px;
    transform: rotate(14deg);
}

.amazing-decor__dots {
    position: absolute;
    right: 3%;
    bottom: 8%;
    width: 120px;
    height: 80px;
    opacity: .38;
    background-image: radial-gradient(rgba(230, 194, 102, .48) 1px, transparent 1.5px);
    background-size: 14px 14px;
    transform: rotate(-8deg);
}

.amazing-decor__line {
    position: absolute;
    top: 12%;
    left: 18%;
    width: 120px;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(90deg, transparent, rgba(98, 227, 206, .55), rgba(218, 184, 79, .5), transparent);
    box-shadow: 0 0 16px rgba(98, 227, 206, .18);
    transform: rotate(-12deg);
}

@media (max-width: 767px) {
    section.our-amazing {
        padding: 64px 0;
    }

    .our-amazing h2 {
        font-size: 28px;
        letter-spacing: -.7px;
    }

    .our-amazing .amazing-copy {
        font-size: 13px;
    }

    .our-amazing .amazing-cta {
        flex-direction: column;
        align-items: center;
    }

    .our-amazing .amazing-cta .btn {
        width: 100%;
        max-width: 280px;
    }

    .amazing-decor__book,
    .amazing-decor__pen,
    .amazing-decor__line {
        display: none;
    }
}

/* Refined our-amazing CTA polish */
section.our-amazing {
    padding: 72px 0;
    background:
            radial-gradient(circle at 50% -12%, rgba(98, 227, 206, .22), transparent 36%),
            radial-gradient(circle at 8% 48%, rgba(91, 151, 235, .2), transparent 30%),
            radial-gradient(circle at 92% 72%, rgba(230, 194, 102, .17), transparent 28%),
            linear-gradient(135deg, #030924 0%, #0b1a5c 48%, #07103b 100%);
}

.our-amazing .amazing-inner {
    max-width: 760px;
    padding: 28px 24px 20px;
}

.our-amazing .amazing-eyebrow {
    margin-bottom: 16px;
    background: rgba(98, 227, 206, .12);
    box-shadow: 0 12px 30px rgba(0, 2, 24, .2);
}

.our-amazing h2 {
    max-width: 700px;
    margin: 0 auto 14px;
    font-size: clamp(28px, 3.6vw, 44px);
    line-height: 1.18;
    letter-spacing: -1.2px;
}

.our-amazing .amazing-copy {
    max-width: 560px;
    margin: 0 auto 20px;
    color: rgba(235, 242, 252, .78);
    font-size: 15px;
    line-height: 1.55;
}

.our-amazing .amazing-points {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    margin: 0 auto 26px;
    padding: 0;
    list-style: none;
}

.our-amazing .amazing-points li {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 14px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .06);
    color: rgba(240, 247, 255, .88);
    font-size: 12px;
    font-weight: 600;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08);
}

.our-amazing .amazing-points li i {
    display: grid;
    width: 18px;
    height: 18px;
    place-items: center;
    border-radius: 50%;
    background: linear-gradient(145deg, #68decb, #20a7a9);
    color: #072020;
    font-size: 8px;
}

.our-amazing .amazing-cta {
    margin-bottom: 0;
}

.our-amazing .amazing-cta .btn-yellow {
    min-width: 172px;
    background: linear-gradient(135deg, #f0d07a, #e8c45f 45%, #d4a63a);
    box-shadow:
            0 16px 34px rgba(211, 170, 77, .3),
            inset 0 1px rgba(255, 255, 255, .65);
}

.our-amazing .amazing-cta .btn-green-border {
    min-width: 172px;
    background: rgba(255, 255, 255, .08);
    backdrop-filter: blur(8px);
}

.our-amazing .amazing-float {
    position: absolute;
    z-index: 3;
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 176px;
    padding: 11px 14px;
    border-radius: 15px;
    background: rgba(255, 255, 255, .08);
    box-shadow:
            0 18px 40px rgba(0, 2, 24, .28),
            inset 0 0 0 1px rgba(255, 255, 255, .1),
            inset 0 1px rgba(255, 255, 255, .08);
    backdrop-filter: blur(12px);
}

.our-amazing .amazing-float > span {
    display: grid;
    width: 38px;
    height: 38px;
    min-width: 38px;
    place-items: center;
    border-radius: 12px;
    background: linear-gradient(145deg, #20a7a9, #0e7b7c);
    color: #fff;
    box-shadow: 0 8px 16px rgba(32, 167, 169, .28);
}

.our-amazing .amazing-float strong,
.our-amazing .amazing-float small {
    display: block;
    line-height: 1.3;
    text-align: left;
}

.our-amazing .amazing-float strong {
    color: #fff;
    font-size: 12px;
    font-weight: 700;
}

.our-amazing .amazing-float small {
    margin-top: 2px;
    color: rgba(220, 232, 248, .65);
    font-size: 10px;
}

.our-amazing .amazing-float--left {
    top: 22%;
    left: max(-2%, calc(50% - 520px));
    transform: rotate(-2deg);
}

.our-amazing .amazing-float--right {
    right: max(-2%, calc(50% - 520px));
    bottom: 18%;
    transform: rotate(2deg);
}

.our-amazing .amazing-float--right > span {
    background: linear-gradient(145deg, #e8c45f, #bd8c2a);
    box-shadow: 0 8px 16px rgba(211, 170, 77, .28);
}

@media (max-width: 1100px) {
    .our-amazing .amazing-float {
        display: none;
    }
}

@media (max-width: 767px) {
    section.our-amazing {
        padding: 56px 0;
    }

    .our-amazing .amazing-inner {
        padding: 12px 10px 4px;
    }

    .our-amazing h2 {
        font-size: clamp(24px, 7vw, 32px);
        letter-spacing: -.6px;
    }

    .our-amazing .amazing-copy {
        font-size: 14px;
        line-height: 1.5;
        margin-bottom: 16px;
    }

    .our-amazing .amazing-points {
        gap: 8px;
        margin-bottom: 22px;
    }

    .our-amazing .amazing-points li {
        font-size: 11px;
        padding: 8px 12px;
    }
}

.amazing-decor__ring--left {
    top: auto;
    right: auto;
    left: -220px;
    bottom: -260px;
    border-color: rgba(91, 151, 235, .16);
}

.amazing-decor__quote {
    position: absolute;
    top: 42%;
    left: 2%;
    color: rgba(255, 255, 255, .06);
    font-size: 72px;
    transform: rotate(-8deg);
}

@media (max-width: 1199px) {
    .our-amazing .amazing-float--left {
        left: -2%;
    }

    .our-amazing .amazing-float--right {
        right: -2%;
    }
}

@media (max-width: 991px) {
    .our-amazing .amazing-float {
        display: none;
    }

    .amazing-decor__quote {
        display: none;
    }
}

@media (max-width: 767px) {
    section.our-amazing {
        padding: 42px 0;
    }

    .our-amazing .amazing-points {
        gap: 8px;
        margin-bottom: 24px;
    }

    .our-amazing .amazing-points li {
        font-size: 11px;
        padding: 8px 12px;
    }
}

/* Keep floating badges clear of the heading */
.our-amazing .amazing-float {
    display: none;
}

@media (min-width: 1400px) {
    .our-amazing .amazing-inner {
        max-width: 780px;
    }

    .our-amazing .amazing-float {
        display: flex;
    }

    .our-amazing .amazing-float--left {
        top: auto;
        bottom: 6%;
        left: -20%;
    }

    .our-amazing .amazing-float--right {
        right: -20%;
        bottom: 6%;
    }
}

/* ===== Premium FAQ section ===== */
section.faqs {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: 92px 0;
    background:
            radial-gradient(circle at 6% 12%, rgba(32, 167, 169, .11), transparent 25%),
            radial-gradient(circle at 94% 88%, rgba(211, 170, 77, .13), transparent 27%),
            radial-gradient(circle at 82% 7%, rgba(79, 131, 229, .08), transparent 22%),
            linear-gradient(135deg, #f7fbfa 0%, #fff 48%, #fcf8ee 100%);
}

section.faqs::before {
    content: "";
    position: absolute;
    z-index: -2;
    inset: 0;
    opacity: .34;
    background-image: radial-gradient(rgba(16, 21, 74, .10) .8px, transparent .8px);
    background-size: 25px 25px;
    -webkit-mask-image: linear-gradient(90deg, #000, transparent 38%, transparent 62%, #000);
    mask-image: linear-gradient(90deg, #000, transparent 38%, transparent 62%, #000);
}

section.faqs::after {
    content: "";
    position: absolute;
    z-index: -1;
    top: -230px;
    right: -180px;
    width: 540px;
    height: 540px;
    border: 1px solid rgba(32, 167, 169, .13);
    border-radius: 50%;
    box-shadow:
            0 0 0 48px rgba(32, 167, 169, .025),
            0 0 0 96px rgba(211, 170, 77, .018);
}

.faqs > .container {
    position: relative;
    z-index: 2;
}

.faqs .heading {
    max-width: 760px;
    margin: 0 auto 45px;
}

.faqs .heading h6 {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 16px;
    padding: 8px 14px 8px 10px;
    border: 0;
    border-radius: 999px;
    background: #eaf7f6;
    color: #0e7b7c;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    box-shadow: 0 10px 26px rgba(32, 167, 169, .08);
}

.faqs .heading h6 i {
    display: grid;
    width: 24px;
    height: 24px;
    place-items: center;
    border-radius: 50%;
    background: linear-gradient(145deg, #20a7a9, #0e7b7c);
    color: #fff;
    font-size: 10px;
    box-shadow: 0 6px 14px rgba(32, 167, 169, .27);
}

.faqs .heading h2 {
    margin: 0 0 14px;
    color: #10154a;
    font-size: clamp(34px, 3.7vw, 48px);
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: -1.25px;
    text-transform: none;
}

.faqs .heading h2 span {
    position: relative;
    color: #138586;
    background: linear-gradient(110deg, #0e7b7c, #20a7a9);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.faqs .heading h2 span::after {
    content: "";
    position: absolute;
    z-index: -1;
    left: -3px;
    right: -3px;
    bottom: 2px;
    height: 9px;
    border-radius: 999px;
    background: rgba(53, 190, 180, .12);
    transform: rotate(-1deg);
}

.faqs .heading p {
    margin: 0;
    color: #63728d;
    font-size: 14px;
    line-height: 1.75;
}

.faqs .faqs-wrapper {
    overflow: visible;
    padding: 0;
}

.faqs .faqs-wrapper::after {
    display: none;
}

.faqs #faq > .row {
    counter-reset: premium-faq;
    align-items: flex-start;
    margin-right: -8px;
    margin-left: -8px;
}

.faqs #faq > .row > .col-md-6 {
    counter-increment: premium-faq;
    padding: 8px;
}

.faqs #faq .card {
    position: relative;
    overflow: hidden;
    margin: 0;
    border: 0;
    border-radius: 17px;
    background: rgba(255, 255, 255, .95);
    box-shadow:
            0 16px 38px rgba(16, 21, 74, .08),
            inset 0 0 0 1px rgba(16, 21, 74, .055);
    transition: transform .25s ease, box-shadow .25s ease;
}

.faqs #faq .card:hover {
    transform: translateY(-3px);
    box-shadow:
            0 22px 46px rgba(16, 21, 74, .12),
            inset 0 0 0 1px rgba(32, 167, 169, .11);
}

.faqs #faq .card::before {
    content: "";
    position: absolute;
    top: 0;
    right: 22px;
    left: 22px;
    height: 3px;
    border-radius: 0 0 999px 999px;
    background: linear-gradient(90deg, #20a7a9, #78ddce);
}

.faqs #faq > .row > .col-md-6:nth-child(2n) .card::before {
    background: linear-gradient(90deg, #d3aa4d, #efd78e);
}

.faqs #faq > .row > .col-md-6:nth-child(3n) .card::before {
    background: linear-gradient(90deg, #4f83e5, #9cbbf3);
}

.faqs #faq .card .card-header {
    border: 0;
    padding: 0;
    background: transparent;
}

.faqs #faq .card .card-header .btn-header-link,
.faqs #faq .card .card-header .btn-header-link.collapsed {
    position: relative;
    display: flex;
    min-height: 72px;
    align-items: center;
    padding: 17px 62px 17px 60px;
    color: #171f53;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.45;
    text-align: left;
    text-decoration: none;
}

.faqs #faq .card .card-header .btn-header-link::before {
    content: counter(premium-faq, decimal-leading-zero);
    position: absolute;
    left: 18px;
    display: grid;
    width: 30px;
    height: 30px;
    place-items: center;
    border-radius: 9px;
    background: #edf8f7;
    color: #138586;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .3px;
}

.faqs #faq > .row > .col-md-6:nth-child(2n) .btn-header-link::before {
    background: #fff7e5;
    color: #a9781d;
}

.faqs #faq > .row > .col-md-6:nth-child(3n) .btn-header-link::before {
    background: #eaf1ff;
    color: #3567c6;
}

.faqs #faq .card .card-header .btn-header-link::after,
.faqs #faq .card .card-header .btn-header-link.collapsed::after {
    content: "+";
    position: absolute;
    top: 50%;
    right: 18px;
    display: grid;
    width: 32px;
    height: 32px;
    max-width: none;
    place-items: center;
    border-radius: 10px;
    background: #10154a;
    color: #fff;
    font-family: Poppins, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    transform: translateY(-50%);
    transition: color .25s ease, background .25s ease, transform .25s ease;
}

.faqs #faq .card .card-header .btn-header-link:not(.collapsed)::after {
    content: "−";
    background: linear-gradient(145deg, #20a7a9, #0e7b7c);
    transform: translateY(-50%) rotate(0);
}

.faqs #faq .card .collapse {
    border: 0;
}

.faqs #faq .card .card-body {
    padding: 0 60px 21px;
}

.faqs #faq .card .card-body p {
    margin: 0;
    color: #677792;
    font-size: 13px;
    line-height: 1.75;
}

.faqs .faq-support {
    display: flex;
    max-width: 920px;
    align-items: center;
    gap: 16px;
    margin: 38px auto 0;
    padding: 19px 22px;
    border-radius: 20px;
    background:
            radial-gradient(circle at 90% 0, rgba(98, 227, 206, .12), transparent 35%),
            linear-gradient(135deg, #101d58, #071038);
    box-shadow: 0 24px 55px rgba(16, 21, 74, .19);
}

.faqs .faq-support__icon {
    display: grid;
    width: 48px;
    height: 48px;
    min-width: 48px;
    place-items: center;
    border-radius: 14px;
    background: linear-gradient(145deg, #68decb, #20a7a9);
    color: #081539;
    font-size: 19px;
    box-shadow: 0 10px 20px rgba(32, 167, 169, .26);
}

.faqs .faq-support__copy {
    flex: 1;
    min-width: 0;
}

.faqs .faq-support__copy strong,
.faqs .faq-support__copy span {
    display: block;
}

.faqs .faq-support__copy strong {
    margin-bottom: 3px;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
}

.faqs .faq-support__copy span {
    color: rgba(225, 237, 252, .67);
    font-size: 12px;
}

.faqs .faq-support__actions {
    display: flex;
    align-items: center;
    gap: 9px;
}

.faqs .faq-support__actions .btn {
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    justify-content: center;
    gap: 7px;
    margin: 0;
    padding: 9px 15px;
    border: 0;
    border-radius: 11px;
    font-size: 11px;
    font-weight: 600;
}

.faqs .faq-support__actions .btn::after {
    display: none !important;
    content: none !important;
}

.faqs .faq-support__primary {
    color: #09153b;
    background: linear-gradient(135deg, #68decb, #a2eddf);
    box-shadow: 0 10px 20px rgba(41, 190, 172, .22);
}

.faqs .faq-support__secondary {
    color: #fff;
    background: rgba(255, 255, 255, .09);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .13);
}

.faq-decor {
    position: absolute;
    z-index: 1;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
}

.faq-decor__ring {
    position: absolute;
    left: -250px;
    bottom: -300px;
    width: 610px;
    height: 610px;
    border: 1px solid rgba(211, 170, 77, .15);
    border-radius: 50%;
    box-shadow:
            0 0 0 48px rgba(32, 167, 169, .025),
            0 0 0 96px rgba(16, 21, 74, .016);
}

.faq-decor__question,
.faq-decor__book,
.faq-decor__spark {
    position: absolute;
    display: grid;
    place-items: center;
    filter: drop-shadow(0 12px 18px rgba(16, 21, 74, .08));
}

.faq-decor__question {
    top: 12%;
    left: 5%;
    width: 58px;
    height: 58px;
    border-radius: 18px;
    background: rgba(255, 255, 255, .45);
    color: rgba(32, 167, 169, .22);
    font-size: 24px;
    box-shadow: inset 0 0 0 1px rgba(32, 167, 169, .08);
}

.faq-decor__book {
    right: 5%;
    bottom: 13%;
    color: rgba(79, 131, 229, .17);
    font-size: 42px;
    transform: rotate(8deg);
}

.faq-decor__spark {
    top: 9%;
    right: 9%;
    color: rgba(211, 170, 77, .23);
    font-size: 28px;
}

.faq-decor__dots {
    position: absolute;
    top: 34%;
    right: 2%;
    width: 110px;
    height: 90px;
    opacity: .38;
    background-image: radial-gradient(rgba(32, 167, 169, .38) 1px, transparent 1.5px);
    background-size: 14px 14px;
    transform: rotate(8deg);
}

@media (max-width: 767px) {
    section.faqs {
        padding: 62px 0;
    }

    .faqs .heading {
        margin-bottom: 31px;
    }

    .faqs .heading h2 {
        font-size: 29px;
        letter-spacing: -.7px;
    }

    .faqs #faq .card .card-header .btn-header-link,
    .faqs #faq .card .card-header .btn-header-link.collapsed {
        min-height: 68px;
        padding: 15px 54px 15px 52px;
        font-size: 13px;
    }

    .faqs #faq .card .card-header .btn-header-link::before {
        left: 14px;
    }

    .faqs #faq .card .card-header .btn-header-link::after,
    .faqs #faq .card .card-header .btn-header-link.collapsed::after {
        right: 13px;
    }

    .faqs #faq .card .card-body {
        padding: 0 52px 18px;
    }

    .faqs .faq-support {
        flex-direction: column;
        padding: 22px 18px;
        text-align: center;
    }

    .faqs .faq-support__actions {
        width: 100%;
        flex-direction: column;
    }

    .faqs .faq-support__actions .btn {
        width: 100%;
        max-width: 260px;
    }

    .faq-decor__book,
    .faq-decor__dots {
        display: none;
    }
}

/* ===== Premium testimonials and client stories ===== */
section.testimonial {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    display: block !important;
    padding: 92px 0 45px;
    background:
            radial-gradient(circle at 8% 12%, rgba(76, 142, 235, .19), transparent 28%),
            radial-gradient(circle at 92% 82%, rgba(218, 184, 79, .14), transparent 27%),
            radial-gradient(circle at 72% 4%, rgba(98, 227, 206, .13), transparent 24%),
            linear-gradient(135deg, #040a29 0%, #0a1751 52%, #060f36 100%);
}

section.testimonial::before {
    content: "";
    position: absolute;
    z-index: -2;
    inset: 0;
    width: auto;
    height: auto;
    opacity: .28;
    background: none;
    background-image: radial-gradient(rgba(222, 237, 255, .18) .8px, transparent .8px);
    background-size: 25px 25px;
    -webkit-mask-image: linear-gradient(90deg, #000, transparent 39%, transparent 61%, #000);
    mask-image: linear-gradient(90deg, #000, transparent 39%, transparent 61%, #000);
}

section.testimonial::after {
    content: "";
    position: absolute;
    z-index: -1;
    top: -240px;
    right: -190px;
    width: 560px;
    height: 560px;
    border: 1px solid rgba(91, 151, 235, .17);
    border-radius: 50%;
    box-shadow:
            0 0 0 50px rgba(98, 227, 206, .023),
            0 0 0 100px rgba(218, 184, 79, .016);
}

.testimonial > .container {
    position: relative;
    z-index: 2;
}

.testimonial .heading {
    max-width: 790px;
    margin: 0 auto 42px;
}

.testimonial .heading h6 {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 16px;
    padding: 8px 14px 8px 10px;
    border: 0;
    border-radius: 999px;
    background: rgba(98, 227, 206, .11);
    color: #91ead9;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    box-shadow: 0 10px 28px rgba(0, 2, 24, .18);
}

.testimonial .heading h6 i {
    display: grid;
    width: 24px;
    height: 24px;
    place-items: center;
    border-radius: 50%;
    background: linear-gradient(145deg, #20a7a9, #0e7b7c);
    color: #fff;
    font-size: 10px;
    box-shadow: 0 6px 14px rgba(32, 167, 169, .3);
}

.testimonial .heading h2 {
    margin: 0 0 14px;
    color: #fff !important;
    font-size: clamp(34px, 3.8vw, 49px);
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: -1.3px;
    text-transform: none;
    text-shadow: 0 12px 34px rgba(0, 0, 20, .22);
}

.testimonial .heading h2 span {
    color: #78e4d4;
    background: linear-gradient(110deg, #65dbc8, #a8efe0);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.testimonial .heading p {
    max-width: 680px;
    margin: 0 auto;
    color: rgba(229, 239, 252, .70);
    font-size: 14px;
    line-height: 1.75;
}

.testimonial .owl-testimonial {
    position: relative;
    padding: 0 4px 22px;
}

.testimonial .owl-testimonial .owl-stage {
    display: flex;
    align-items: stretch;
}

.testimonial .owl-testimonial .owl-item {
    display: flex;
    padding: 9px 0 18px;
}

.testimonial .owl-testimonial .item,
.testimonial .center .item {
    position: relative;
    display: flex;
    width: calc(100% - 20px);
    height: auto;
    min-height: 320px;
    flex-direction: column;
    margin: 0 10px;
    padding: 27px 25px 24px;
    overflow: hidden;
    border: 0;
    border-radius: 22px;
    background:
            radial-gradient(circle at 100% 100%, rgba(32, 167, 169, .07), transparent 34%),
            #fff;
    color: #171f53;
    text-align: left;
    box-shadow:
            0 24px 55px rgba(0, 2, 24, .25),
            inset 0 0 0 1px rgba(16, 21, 74, .055);
    transform: none;
    opacity: 1;
    transition: transform .3s ease, box-shadow .3s ease;
}

.testimonial .owl-testimonial .item::before {
    content: "";
    position: absolute;
    top: 0;
    right: 25px;
    left: 25px;
    height: 3px;
    border-radius: 0 0 999px 999px;
    background: linear-gradient(90deg, #20a7a9, #78ddce);
}

.testimonial .owl-item:nth-child(2n) .item::before {
    background: linear-gradient(90deg, #d3aa4d, #efd78e);
}

.testimonial .owl-item:nth-child(3n) .item::before {
    background: linear-gradient(90deg, #4f83e5, #9cbbf3);
}

.testimonial .center .item {
    box-shadow:
            0 31px 70px rgba(0, 2, 24, .34),
            inset 0 0 0 1px rgba(32, 167, 169, .13);
    transform: translateY(-7px);
}

.testimonial .center .item *,
.testimonial .owl-testimonial .item * {
    width: auto;
    color: inherit;
}

.testimonial .testimonial-card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 21px;
}

.testimonial .testimonial-card-top > i,
.testimonial .center .testimonial-card-top > i {
    display: grid;
    width: 46px;
    height: 46px;
    margin: 0;
    place-items: center;
    border-radius: 14px;
    background: linear-gradient(145deg, #e8f7f6, #f8fcfb);
    color: #138586;
    font-size: 19px;
    box-shadow: inset 0 1px #fff, 0 10px 22px rgba(32, 167, 169, .10);
}

.testimonial .testimonial-stars {
    display: flex;
    gap: 3px;
    color: #d7a62e;
}

.testimonial .testimonial-stars i,
.testimonial .center .testimonial-stars i {
    margin: 0;
    color: #d7a62e;
    font-size: 11px;
}

.testimonial .owl-testimonial .item > p,
.testimonial .center .item > p {
    width: 100%;
    min-height: 0;
    flex: 1;
    margin: 0 0 24px;
    color: #61718c;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.78;
    text-align: left;
}

.testimonial .testimonial-author {
    display: flex;
    align-items: center;
    gap: 11px;
    padding-top: 17px;
    border-top: 1px solid rgba(16, 21, 74, .07);
}

.testimonial .testimonial-avatar {
    display: grid;
    width: 42px;
    height: 42px;
    min-width: 42px;
    place-items: center;
    border-radius: 13px;
    background: linear-gradient(145deg, #172561, #0a113c);
    color: #fff !important;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .5px;
    box-shadow: 0 9px 18px rgba(16, 21, 74, .18);
}

.testimonial .testimonial-author h5 {
    display: block;
    margin: 0 0 2px;
    color: #171f53;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.3;
}

.testimonial .testimonial-author small {
    display: block;
    color: #8794aa;
    font-size: 10px;
}

.testimonial .owl-testimonial .owl-dots {
    position: static;
    display: flex;
    justify-content: center;
    gap: 5px;
    margin-top: 6px;
}

.testimonial .owl-testimonial .owl-dots .owl-dot span {
    width: 8px;
    height: 8px;
    margin: 0;
    border-radius: 999px;
    background: rgba(255, 255, 255, .28);
    transition: width .25s ease, background .25s ease;
}

.testimonial .owl-testimonial .owl-dots .owl-dot.active span {
    width: 28px;
    background: linear-gradient(90deg, #68decb, #d3aa4d);
}

.testimonial .testimonial-trust {
    display: flex;
    max-width: 720px;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin: 18px auto 0;
    padding: 13px 18px;
    border-radius: 15px;
    background: rgba(255, 255, 255, .055);
    color: rgba(235, 242, 252, .78);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08);
    backdrop-filter: blur(8px);
}

.testimonial .testimonial-trust__stars {
    display: flex;
    gap: 3px;
    color: #e5bb50;
}

.testimonial .testimonial-trust__stars i {
    color: #e5bb50;
    font-size: 10px;
}

.testimonial .testimonial-trust strong {
    color: #fff;
    font-size: 12px;
    font-weight: 600;
}

.testimonial .testimonial-trust a {
    color: #84e5d6;
    font-size: 11px;
    font-weight: 600;
}

.testimonial-decor {
    position: absolute;
    z-index: 1;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
}

.testimonial-decor__ring {
    position: absolute;
    left: -250px;
    bottom: -300px;
    width: 620px;
    height: 620px;
    border: 1px solid rgba(218, 184, 79, .16);
    border-radius: 50%;
    box-shadow:
            0 0 0 48px rgba(91, 151, 235, .027),
            0 0 0 96px rgba(255, 255, 255, .012);
}

.testimonial-decor__quote,
.testimonial-decor__feather,
.testimonial-decor__spark {
    position: absolute;
    color: rgba(255, 255, 255, .07);
    filter: drop-shadow(0 12px 18px rgba(0, 0, 0, .18));
}

.testimonial-decor__quote {
    top: 37%;
    left: 2%;
    font-size: 76px;
    transform: rotate(-8deg);
}

.testimonial-decor__feather {
    right: 5%;
    bottom: 14%;
    color: rgba(98, 227, 206, .20);
    font-size: 45px;
    transform: rotate(15deg);
}

.testimonial-decor__spark {
    top: 10%;
    right: 9%;
    color: rgba(230, 194, 102, .24);
    font-size: 29px;
}

.testimonial-decor__dots {
    position: absolute;
    right: 2%;
    bottom: 28%;
    width: 110px;
    height: 85px;
    opacity: .35;
    background-image: radial-gradient(rgba(230, 194, 102, .48) 1px, transparent 1.5px);
    background-size: 14px 14px;
    transform: rotate(-8deg);
}

/* Video testimonials continue the same premium surface */
section.video-test {
    position: relative;
    overflow: hidden;
    padding: 24px 0 76px;
    background:
            radial-gradient(circle at 50% 100%, rgba(98, 227, 206, .08), transparent 35%),
            linear-gradient(135deg, #040a29 0%, #0a1751 52%, #060f36 100%);
}

.video-test .video_row {
    margin: 0 -8px 38px;
}

.video-test .video_row > [class*="col-"] {
    padding: 8px;
}

.video-test .rclient-item {
    height: 100%;
    padding: 9px;
    overflow: hidden;
    border-radius: 19px;
    background: rgba(255, 255, 255, .065);
    box-shadow:
            0 18px 40px rgba(0, 2, 24, .24),
            inset 0 0 0 1px rgba(255, 255, 255, .09);
}

.video-test .rclient-item a.rc_play {
    overflow: hidden;
    border-radius: 14px;
}

.video-test .rclient-item a.rc_play img {
    width: 100%;
    height: 210px;
    object-fit: cover;
}

.video-test .rclient-item h3 {
    margin: 0;
    padding: 14px 8px 8px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
}

.video-test .img-testpi {
    margin-top: 0;
}

@media (max-width: 767px) {
    section.testimonial {
        padding: 64px 0 35px;
    }

    .testimonial .heading {
        margin-bottom: 30px;
    }

    .testimonial .heading h2 {
        font-size: 29px;
        letter-spacing: -.7px;
    }

    .testimonial .owl-testimonial .item,
    .testimonial .center .item {
        min-height: 300px;
        transform: none;
    }

    .testimonial .testimonial-trust {
        flex-direction: column;
        gap: 7px;
        text-align: center;
    }

    .testimonial-decor__quote,
    .testimonial-decor__dots {
        display: none;
    }

    section.video-test {
        padding: 20px 0 55px;
    }

    .video-test .rclient-item a.rc_play img {
        height: 230px;
    }
}

/* Video testimonials: premium light edition */
section.video-test {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: 82px 0 70px;
    background:
            radial-gradient(circle at 6% 14%, rgba(32, 167, 169, .11), transparent 25%),
            radial-gradient(circle at 94% 86%, rgba(211, 170, 77, .13), transparent 27%),
            radial-gradient(circle at 82% 8%, rgba(79, 131, 229, .08), transparent 22%),
            linear-gradient(135deg, #f7fbfa 0%, #fff 48%, #fcf8ee 100%);
}

section.video-test::before {
    content: "";
    position: absolute;
    z-index: -2;
    inset: 0;
    opacity: .34;
    background-image: radial-gradient(rgba(16, 21, 74, .10) .8px, transparent .8px);
    background-size: 25px 25px;
    -webkit-mask-image: linear-gradient(90deg, #000, transparent 38%, transparent 62%, #000);
    mask-image: linear-gradient(90deg, #000, transparent 38%, transparent 62%, #000);
}

section.video-test::after {
    content: "";
    position: absolute;
    z-index: -1;
    right: -200px;
    bottom: -270px;
    width: 570px;
    height: 570px;
    border: 1px solid rgba(32, 167, 169, .13);
    border-radius: 50%;
    box-shadow:
            0 0 0 48px rgba(79, 131, 229, .025),
            0 0 0 96px rgba(211, 170, 77, .018);
}

.video-test > .container {
    position: relative;
    z-index: 2;
}

.video-test .heading {
    max-width: 760px;
    margin: 0 auto 40px;
}

.video-test .heading h6 {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 16px;
    padding: 8px 14px 8px 10px;
    border: 0;
    border-radius: 999px;
    background: #eaf7f6;
    color: #0e7b7c;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    box-shadow: 0 10px 26px rgba(32, 167, 169, .08);
}

.video-test .heading h6 i {
    display: grid;
    width: 24px;
    height: 24px;
    place-items: center;
    border-radius: 50%;
    background: linear-gradient(145deg, #20a7a9, #0e7b7c);
    color: #fff;
    font-size: 9px;
    box-shadow: 0 6px 14px rgba(32, 167, 169, .27);
}

.video-test .heading h2 {
    margin: 0 0 14px;
    color: #10154a;
    font-size: clamp(33px, 3.6vw, 47px);
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: -1.2px;
    text-transform: none;
}

.video-test .heading h2 span {
    color: #138586;
    background: linear-gradient(110deg, #0e7b7c, #20a7a9);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.video-test .heading p {
    max-width: 650px;
    margin: 0 auto;
    color: #63728d;
    font-size: 14px;
    line-height: 1.75;
}

.video-test .video_row {
    align-items: stretch;
    margin: 0 -8px 34px;
}

.video-test .video_row > [class*="col-"] {
    display: flex;
    padding: 8px;
}

.video-test .rclient-item {
    width: 100%;
    height: auto;
    padding: 9px 9px 12px;
    overflow: hidden;
    border-radius: 20px;
    background: #fff;
    box-shadow:
            0 22px 50px rgba(16, 21, 74, .10),
            inset 0 0 0 1px rgba(16, 21, 74, .055);
    transition: transform .3s ease, box-shadow .3s ease;
}

.video-test .rclient-item:hover {
    transform: translateY(-7px);
    box-shadow:
            0 31px 65px rgba(16, 21, 74, .15),
            inset 0 0 0 1px rgba(32, 167, 169, .12);
}

.video-test .rclient-item a.rc_play {
    position: relative;
    overflow: hidden;
    border-radius: 15px;
    background: #10154a;
}

.video-test .rclient-item a.rc_play::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 45%, rgba(4, 10, 41, .38));
    pointer-events: none;
}

.video-test .rclient-item a.rc_play img {
    display: block;
    width: 100%;
    height: 218px;
    object-fit: cover;
    transition: transform .5s cubic-bezier(.2, .7, .2, 1);
}

.video-test .rclient-item:hover a.rc_play img {
    transform: scale(1.06);
}

.video-test .rclient-item a.rc_play .play_btn {
    position: absolute;
    z-index: 3;
    top: 50%;
    right: auto;
    bottom: auto;
    left: 50%;
    width: 58px;
    height: 58px;
    margin: 0;
    border-radius: 50%;
    background: linear-gradient(145deg, #68decb, #20a7a9);
    box-shadow: 0 15px 28px rgba(3, 21, 22, .28), inset 0 1px rgba(255, 255, 255, .5);
    transform: translate(-50%, -50%);
}

.video-test .rclient-item a.rc_play .play_btn::before {
    content: "";
    position: absolute;
    inset: -9px;
    width: auto;
    height: auto;
    margin: 0;
    border: 1px solid rgba(255, 255, 255, .65);
    border-radius: 50%;
    background: transparent;
}

.video-test .rclient-item a.rc_play .play_btn::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 52%;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 11px solid #081539;
    transform: translate(-50%, -50%);
}

.video-test .rclient-item h3 {
    margin: 0;
    padding: 15px 8px 6px;
    color: #171f53;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
}

.video-test .img-testpi {
    display: inline-flex;
    margin: 0 auto;
    padding: 11px 17px;
    border-radius: 14px;
    background: #fff;
    box-shadow:
            0 15px 35px rgba(16, 21, 74, .08),
            inset 0 0 0 1px rgba(16, 21, 74, .05);
}

.video-test .img-testpi img {
    max-height: 48px;
    width: auto;
}

.video-test-decor {
    position: absolute;
    z-index: 1;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
}

.video-test-decor__ring {
    position: absolute;
    left: -250px;
    bottom: -300px;
    width: 610px;
    height: 610px;
    border: 1px solid rgba(211, 170, 77, .15);
    border-radius: 50%;
    box-shadow:
            0 0 0 48px rgba(32, 167, 169, .025),
            0 0 0 96px rgba(16, 21, 74, .016);
}

.video-test-decor__play,
.video-test-decor__camera {
    position: absolute;
    display: grid;
    place-items: center;
    filter: drop-shadow(0 12px 18px rgba(16, 21, 74, .08));
}

.video-test-decor__play {
    top: 11%;
    left: 5%;
    width: 55px;
    height: 55px;
    border-radius: 17px;
    background: rgba(255, 255, 255, .45);
    color: rgba(32, 167, 169, .22);
    font-size: 18px;
    box-shadow: inset 0 0 0 1px rgba(32, 167, 169, .08);
}

.video-test-decor__camera {
    right: 6%;
    bottom: 13%;
    color: rgba(79, 131, 229, .17);
    font-size: 38px;
    transform: rotate(7deg);
}

.video-test-decor__dots {
    position: absolute;
    top: 28%;
    right: 2%;
    width: 110px;
    height: 90px;
    opacity: .38;
    background-image: radial-gradient(rgba(32, 167, 169, .38) 1px, transparent 1.5px);
    background-size: 14px 14px;
    transform: rotate(8deg);
}

@media (max-width: 767px) {
    section.video-test {
        padding: 62px 0 55px;
    }

    .video-test .heading {
        margin-bottom: 30px;
    }

    .video-test .heading h2 {
        font-size: 29px;
        letter-spacing: -.7px;
    }

    .video-test .rclient-item a.rc_play img {
        height: 235px;
    }

    .video-test-decor__camera,
    .video-test-decor__dots {
        display: none;
    }
}

/* Additional luxury details for written testimonials */
.testimonial > .container::before {
    content: "CLIENT STORIES";
    position: absolute;
    z-index: -1;
    top: 46%;
    left: 50%;
    color: rgba(255, 255, 255, .018);
    font-size: clamp(78px, 10vw, 155px);
    font-weight: 800;
    line-height: .85;
    letter-spacing: 9px;
    white-space: nowrap;
    transform: translate(-50%, -50%);
}

.testimonial .testimonial-metrics {
    display: flex;
    max-width: 760px;
    align-items: stretch;
    justify-content: center;
    gap: 10px;
    margin: -12px auto 34px;
}

.testimonial .testimonial-metric {
    display: flex;
    min-width: 0;
    flex: 1;
    align-items: center;
    gap: 10px;
    padding: 11px 14px;
    border-radius: 15px;
    background: rgba(255, 255, 255, .06);
    box-shadow:
            0 15px 35px rgba(0, 2, 24, .18),
            inset 0 0 0 1px rgba(255, 255, 255, .09),
            inset 0 1px rgba(255, 255, 255, .06);
    backdrop-filter: blur(10px);
}

.testimonial .testimonial-metric > span {
    display: grid;
    width: 38px;
    height: 38px;
    min-width: 38px;
    place-items: center;
    border-radius: 12px;
    background: linear-gradient(145deg, #20a7a9, #0e7b7c);
    color: #fff;
    font-size: 13px;
    box-shadow: 0 8px 16px rgba(32, 167, 169, .26);
}

.testimonial .testimonial-metric:nth-child(2) > span {
    background: linear-gradient(145deg, #4f83e5, #2858b7);
    box-shadow: 0 8px 16px rgba(79, 131, 229, .26);
}

.testimonial .testimonial-metric:nth-child(3) > span {
    background: linear-gradient(145deg, #e0b84f, #b68120);
    box-shadow: 0 8px 16px rgba(211, 170, 77, .26);
}

.testimonial .testimonial-metric strong,
.testimonial .testimonial-metric small {
    display: block;
    text-align: left;
}

.testimonial .testimonial-metric strong {
    margin-bottom: 2px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
}

.testimonial .testimonial-metric small {
    color: rgba(220, 232, 248, .62);
    font-size: 9px;
    line-height: 1.3;
    letter-spacing: .25px;
}

.testimonial .owl-testimonial .item::after {
    content: "“";
    position: absolute;
    z-index: 0;
    right: 14px;
    bottom: -25px;
    color: rgba(16, 21, 74, .035);
    font-family: Georgia, serif;
    font-size: 150px;
    font-weight: 700;
    line-height: 1;
    pointer-events: none;
}

.testimonial .owl-testimonial .item > * {
    position: relative;
    z-index: 1;
}

.testimonial .testimonial-author::after {
    content: "Verified";
    margin-left: auto;
    padding: 5px 8px;
    border-radius: 999px;
    background: #edf8f7;
    color: #138586;
    font-size: 8px;
    font-weight: 700;
    letter-spacing: .5px;
    text-transform: uppercase;
}

.testimonial .testimonial-trust {
    position: relative;
    overflow: hidden;
}

.testimonial .testimonial-trust::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -35%;
    width: 28%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .11), transparent);
    transform: skewX(-20deg);
    animation: testimonialShine 7s ease-in-out infinite;
}

.testimonial-decor__ring--right {
    top: -285px;
    right: -250px;
    bottom: auto;
    left: auto;
    border-color: rgba(91, 151, 235, .17);
}

.testimonial-decor__book,
.testimonial-decor__pen {
    position: absolute;
    display: grid;
    place-items: center;
    filter: drop-shadow(0 12px 18px rgba(0, 0, 0, .18));
}

.testimonial-decor__book {
    top: 21%;
    left: 7%;
    width: 58px;
    height: 58px;
    border-radius: 17px;
    background: rgba(255, 255, 255, .035);
    color: rgba(109, 168, 240, .23);
    font-size: 24px;
    box-shadow: inset 0 0 0 1px rgba(109, 168, 240, .10);
    animation: testimonialFloat 8s ease-in-out infinite;
}

.testimonial-decor__pen {
    top: 24%;
    right: 7%;
    color: rgba(230, 194, 102, .22);
    font-size: 36px;
    transform: rotate(14deg);
    animation: testimonialFloatReverse 9s ease-in-out infinite;
}

.testimonial-decor__line {
    position: absolute;
    top: 12%;
    left: 18%;
    width: 125px;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(90deg, transparent, rgba(98, 227, 206, .55), rgba(218, 184, 79, .5), transparent);
    box-shadow: 0 0 17px rgba(98, 227, 206, .18);
    transform: rotate(-12deg);
}

@keyframes testimonialFloat {
    0%, 100% { transform: translateY(0) rotate(-7deg); }
    50% { transform: translateY(-13px) rotate(3deg); }
}

@keyframes testimonialFloatReverse {
    0%, 100% { transform: translateY(0) rotate(14deg); }
    50% { transform: translateY(-14px) rotate(4deg); }
}

@keyframes testimonialShine {
    0%, 65% { left: -35%; }
    100% { left: 125%; }
}

@media (max-width: 991px) {
    .testimonial-decor__book,
    .testimonial-decor__pen,
    .testimonial-decor__line {
        display: none;
    }
}

@media (max-width: 767px) {
    .testimonial .testimonial-metrics {
        max-width: 330px;
        flex-direction: column;
        margin-bottom: 27px;
    }

    .testimonial .testimonial-metric {
        width: 100%;
    }

    .testimonial .testimonial-author::after {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .testimonial-decor__book,
    .testimonial-decor__pen,
    .testimonial .testimonial-trust::before {
        animation: none !important;
    }
}

/* Video card layout corrections and premium polish */
.video-test .rclient-item {
    position: relative;
    padding: 10px 10px 0;
    border-radius: 22px;
}

.video-test .rclient-item::before {
    content: "";
    position: absolute;
    z-index: 2;
    top: 0;
    right: 28px;
    left: 28px;
    height: 3px;
    border-radius: 0 0 999px 999px;
    background: linear-gradient(90deg, #20a7a9, #78ddce);
    box-shadow: 0 5px 14px rgba(32, 167, 169, .16);
}

.video-test .video_row > [class*="col-"]:nth-child(2) .rclient-item::before {
    background: linear-gradient(90deg, #d3aa4d, #efd78e);
}

.video-test .video_row > [class*="col-"]:nth-child(3) .rclient-item::before {
    background: linear-gradient(90deg, #4f83e5, #9cbbf3);
}

.video-test .video_row > [class*="col-"]:nth-child(4) .rclient-item::before {
    background: linear-gradient(90deg, #9564d9, #c7a9ef);
}

.video-test .rclient-item a.rc_play::before {
    content: "CLIENT STORY";
    position: absolute;
    z-index: 3;
    top: 13px;
    left: 13px;
    padding: 6px 9px;
    border-radius: 999px;
    background: rgba(4, 10, 41, .72);
    color: #fff;
    font-size: 8px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: .8px;
    backdrop-filter: blur(7px);
}

.video-test .rclient-item a.rc_play img {
    height: 225px;
    object-position: center center;
}

.video-test .rclient-item h3 {
    position: relative;
    right: auto;
    bottom: auto;
    left: auto;
    display: flex;
    width: auto;
    min-height: 59px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin: 0;
    padding: 15px 10px;
    background: transparent;
    color: #171f53;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.3;
    text-align: center;
}

.video-test .rclient-item h3::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #20a7a9;
    box-shadow: 0 0 0 4px rgba(32, 167, 169, .11);
}

.video-test .rclient-item a.rc_play .play_btn {
    transition: transform .28s ease, box-shadow .28s ease;
}

.video-test .rclient-item:hover a.rc_play .play_btn {
    box-shadow: 0 18px 34px rgba(3, 21, 22, .34), inset 0 1px rgba(255, 255, 255, .6);
    transform: translate(-50%, -50%) scale(1.08);
}

.video-test .img-testpi {
    display: flex;
    width: max-content;
    max-width: calc(100% - 30px);
    align-items: center;
    justify-content: center;
    margin: 4px auto 0 !important;
    padding: 12px 19px;
}

.video-test .img-testpi::before {
    content: "Excellent";
    margin-right: 10px;
    color: #171f53;
    font-size: 11px;
    font-weight: 700;
}

@media (max-width: 1199px) and (min-width: 768px) {
    .video-test .video_row > .col-md-3 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .video-test .rclient-item a.rc_play img {
        height: 280px;
    }
}

@media (max-width: 767px) {
    .video-test .video_row > .col-md-3 {
        width: 100%;
    }

    .video-test .rclient-item a.rc_play img {
        height: 250px;
    }
}

/* ===== Premium editorial footer ===== */
footer.premium-footer {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: 72px 0 0;
    background:
            radial-gradient(circle at 8% 18%, rgba(76, 142, 235, .17), transparent 27%),
            radial-gradient(circle at 92% 75%, rgba(218, 184, 79, .12), transparent 27%),
            radial-gradient(circle at 68% 0, rgba(98, 227, 206, .11), transparent 24%),
            linear-gradient(135deg, #020620 0%, #07103d 50%, #030a2c 100%);
}

footer.premium-footer::before {
    content: "";
    position: absolute;
    z-index: -2;
    inset: 0;
    opacity: .28;
    background-image: radial-gradient(rgba(222, 237, 255, .17) .8px, transparent .8px);
    background-size: 26px 26px;
    -webkit-mask-image: linear-gradient(90deg, #000, transparent 38%, transparent 62%, #000);
    mask-image: linear-gradient(90deg, #000, transparent 38%, transparent 62%, #000);
}

footer.premium-footer::after {
    content: "";
    position: absolute;
    z-index: -1;
    right: -230px;
    bottom: -300px;
    width: 650px;
    height: 650px;
    border: 1px solid rgba(91, 151, 235, .15);
    border-radius: 50%;
    box-shadow:
            0 0 0 55px rgba(98, 227, 206, .022),
            0 0 0 110px rgba(218, 184, 79, .015);
}

.premium-footer > .container {
    position: relative;
    z-index: 2;
}

.premium-footer .footer-cta {
    position: relative;
    display: flex;
    align-items: center;
    gap: 17px;
    margin-bottom: 64px;
    padding: 25px 28px;
    overflow: hidden;
    border-radius: 22px;
    background:
            radial-gradient(circle at 90% 0, rgba(98, 227, 206, .13), transparent 34%),
            rgba(255, 255, 255, .06);
    box-shadow:
            0 27px 60px rgba(0, 0, 20, .28),
            inset 0 0 0 1px rgba(255, 255, 255, .10),
            inset 0 1px rgba(255, 255, 255, .07);
    backdrop-filter: blur(12px);
}

.premium-footer .footer-cta::before {
    content: "";
    position: absolute;
    top: 0;
    right: 28px;
    left: 28px;
    height: 3px;
    border-radius: 0 0 999px 999px;
    background: linear-gradient(90deg, #68decb, #e6c266);
}

.premium-footer .footer-cta__icon {
    display: grid;
    width: 58px;
    height: 58px;
    min-width: 58px;
    place-items: center;
    border-radius: 17px;
    background: linear-gradient(145deg, #20a7a9, #0e7b7c);
    color: #fff;
    font-size: 21px;
    box-shadow: 0 12px 24px rgba(32, 167, 169, .29);
}

.premium-footer .footer-cta__copy {
    flex: 1;
    min-width: 0;
}

.premium-footer .footer-cta__copy span {
    display: block;
    margin-bottom: 4px;
    color: #83e5d5;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.1px;
    text-transform: uppercase;
}

.premium-footer .footer-cta__copy h3 {
    margin: 0;
    color: #fff;
    font-size: clamp(21px, 2.5vw, 30px);
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -.5px;
}

.premium-footer .footer-cta__actions {
    display: flex;
    align-items: center;
    gap: 10px;
}

.premium-footer .footer-cta__actions .btn {
    display: inline-flex;
    min-height: 46px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin: 0;
    padding: 10px 18px;
    border: 0;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 600;
}

.premium-footer .footer-cta__actions .btn::after {
    display: none !important;
    content: none !important;
}

.premium-footer .footer-cta__primary {
    color: #09153b;
    background: linear-gradient(135deg, #68decb, #a2eddf);
    box-shadow: 0 12px 25px rgba(41, 190, 172, .25);
}

.premium-footer .footer-cta__primary:hover {
    color: #10154a;
    background: linear-gradient(135deg, #e6c266, #f2dfa7);
    transform: translateY(-2px);
}

.premium-footer .footer-cta__secondary {
    color: #fff;
    background: rgba(255, 255, 255, .08);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .14);
}

.premium-footer .footer-cta__secondary:hover {
    color: #fff;
    background: rgba(79, 131, 229, .26);
    transform: translateY(-2px);
}

.premium-footer .footer-grid {
    align-items: flex-start;
    margin-right: -12px;
    margin-left: -12px;
    padding-bottom: 53px;
}

.premium-footer .footer-grid > [class*="col-"] {
    padding-right: 12px;
    padding-left: 12px;
}

.premium-footer .footer-brand .logo {
    display: inline-block;
    margin-bottom: 19px;
}

.premium-footer .footer-brand .logo img,
.premium-footer img {
    width: auto;
    max-width: 210px;
    max-height: 78px;
}

.premium-footer .footer-brand .logo img {
    filter: brightness(0) invert(1);
}

.premium-footer .footer-brand > p {
    width: 100%;
    max-width: 330px;
    margin: 0 0 22px;
    color: rgba(220, 232, 248, .67);
    font-size: 12px;
    line-height: 1.75;
}

.premium-footer ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.premium-footer .footer-contact li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 0 0 10px;
}

.premium-footer .footer-contact li > span {
    display: grid;
    width: 29px;
    height: 29px;
    min-width: 29px;
    place-items: center;
    border-radius: 9px;
    background: rgba(98, 227, 206, .10);
    color: #75dece;
    font-size: 10px;
    box-shadow: inset 0 0 0 1px rgba(98, 227, 206, .11);
}

.premium-footer .footer-contact li i {
    color: inherit;
}

.premium-footer .footer-contact li a {
    padding-top: 5px;
    color: rgba(226, 237, 251, .72);
    font-size: 11px;
    line-height: 1.5;
}

.premium-footer .footer-contact li a:hover {
    color: #8ae6d7;
}

.premium-footer h4 {
    position: relative;
    margin: 4px 0 23px;
    padding-bottom: 12px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .2px;
}

.premium-footer h4::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 42px;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(90deg, #68decb, #e6c266);
}

.premium-footer .footer-links li {
    margin: 0 0 9px;
}

.premium-footer .footer-links li a {
    display: inline-flex;
    align-items: flex-start;
    gap: 7px;
    color: rgba(220, 232, 248, .68);
    font-size: 11px;
    line-height: 1.45;
    transition: color .2s ease, transform .2s ease;
}

.premium-footer .footer-links li a i {
    margin-top: 4px;
    color: rgba(104, 222, 203, .68);
    font-size: 7px;
    transition: transform .2s ease;
}

.premium-footer .footer-links li a:hover {
    color: #fff;
    transform: translateX(3px);
}

.premium-footer .footer-links li a:hover i {
    color: #e6c266;
    transform: translateX(2px);
}

.premium-footer .copy {
    position: relative;
    z-index: 2;
    margin-top: 0;
    padding: 15px 0;
    border-top: 1px solid rgba(255, 255, 255, .08);
    background: rgba(0, 2, 20, .34);
    backdrop-filter: blur(8px);
}

.premium-footer .copy .row {
    align-items: center;
}

.premium-footer .copy p {
    width: 100%;
    margin: 0;
    color: rgba(220, 232, 248, .58);
    font-size: 10px;
}

.premium-footer .copy .social {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    margin: 0;
}

.premium-footer .copy .social li {
    margin: 0;
}

.premium-footer .copy .social li a {
    display: grid;
    width: 31px;
    height: 31px;
    margin: 0;
    place-items: center;
    border: 0;
    line-height: 1;
    border-radius: 10px;
    background: rgba(255, 255, 255, .07);
    color: rgba(235, 242, 252, .78);
    font-size: 11px;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .09);
    transition: color .2s ease, background .2s ease, transform .2s ease;
}

.premium-footer .copy .social li a:hover {
    color: #081539;
    background: #68decb;
    transform: translateY(-2px);
}

.premium-footer .copy .social li a i {
    color: #fff !important;
}

.premium-footer .copy .social li a:hover i {
    color: #081539 !important;
}

.premium-footer .footer-legal {
    display: flex;
    justify-content: flex-end;
    gap: 15px;
}

.premium-footer .footer-legal li {
    margin: 0;
}

.premium-footer .footer-legal li a {
    margin: 0;
    color: rgba(220, 232, 248, .58);
    font-size: 10px;
}

.premium-footer .footer-legal li a:hover {
    color: #8ae6d7;
}

.footer-decor {
    position: absolute;
    z-index: 1;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
}

.footer-decor__ring {
    position: absolute;
    left: -290px;
    bottom: -340px;
    width: 680px;
    height: 680px;
    border: 1px solid rgba(218, 184, 79, .14);
    border-radius: 50%;
    box-shadow:
            0 0 0 52px rgba(91, 151, 235, .022),
            0 0 0 104px rgba(255, 255, 255, .01);
}

.footer-decor__feather,
.footer-decor__book,
.footer-decor__spark {
    position: absolute;
    filter: drop-shadow(0 12px 18px rgba(0, 0, 0, .18));
}

.footer-decor__feather {
    top: 24%;
    left: 3%;
    color: rgba(98, 227, 206, .16);
    font-size: 43px;
    transform: rotate(-16deg);
}

.footer-decor__book {
    right: 4%;
    bottom: 22%;
    color: rgba(109, 168, 240, .16);
    font-size: 39px;
    transform: rotate(8deg);
}

.footer-decor__spark {
    top: 17%;
    right: 8%;
    color: rgba(230, 194, 102, .20);
    font-size: 27px;
}

.footer-decor__dots {
    position: absolute;
    top: 42%;
    right: 2%;
    width: 110px;
    height: 90px;
    opacity: .3;
    background-image: radial-gradient(rgba(230, 194, 102, .46) 1px, transparent 1.5px);
    background-size: 14px 14px;
    transform: rotate(-8deg);
}

@media (max-width: 991px) {
    .premium-footer .footer-cta {
        flex-wrap: wrap;
    }

    .premium-footer .footer-cta__copy {
        flex: 1 1 calc(100% - 80px);
    }

    .premium-footer .footer-cta__actions {
        width: 100%;
        justify-content: center;
        margin-top: 6px;
    }

    .premium-footer .footer-grid > [class*="col-"] {
        margin-bottom: 34px;
    }

    .premium-footer .footer-grid {
        padding-bottom: 10px;
    }

    .premium-footer .copy .row > [class*="col-"] {
        margin: 5px 0;
        text-align: center;
    }

    .premium-footer .footer-legal {
        justify-content: center;
    }
}

@media (max-width: 575px) {
    footer.premium-footer {
        padding-top: 52px;
    }

    .premium-footer .footer-cta {
        margin-bottom: 46px;
        padding: 22px 18px;
        text-align: center;
    }

    .premium-footer .footer-cta__icon {
        margin: 0 auto;
    }

    .premium-footer .footer-cta__copy {
        flex-basis: 100%;
    }

    .premium-footer .footer-cta__actions {
        flex-direction: column;
    }

    .premium-footer .footer-cta__actions .btn {
        width: 100%;
        max-width: 260px;
    }

    .premium-footer .footer-grid {
        text-align: center;
    }

    .premium-footer .footer-brand > p {
        margin-right: auto;
        margin-left: auto;
    }

    .premium-footer .footer-contact {
        max-width: 330px;
        margin: 0 auto;
        text-align: left;
    }

    .premium-footer h4::after {
        right: 0;
        margin: auto;
    }

    .premium-footer .footer-links li a {
        justify-content: center;
    }

    .premium-footer .footer-legal {
        flex-wrap: wrap;
    }

    .footer-decor__book,
    .footer-decor__dots {
        display: none;
    }
}

/* ===== Premium exit-intent consultation form ===== */
#ddexitpopwrapper {
    z-index: 100500;
    padding: 22px;
    overflow: auto;
}

#ddexitpopwrapper .veil {
    background:
            radial-gradient(circle at 50% 10%, rgba(76, 142, 235, .15), transparent 36%),
            rgba(1, 3, 21, .82);
    backdrop-filter: blur(8px);
}

.ddexitpop {
    width: min(980px, calc(100vw - 36px));
    height: auto;
    max-height: calc(100vh - 36px);
    padding: 0;
    overflow: visible;
    border-radius: 30px;
    background: transparent;
    box-shadow: 0 42px 100px rgba(0, 0, 20, .5);
}

#ddexitpopwrapper.open .ddexitpop {
    animation: premiumExitIn .42s cubic-bezier(.2, .75, .25, 1) both;
}

.ddexitpop .indent_inn {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: none;
    padding: 55px 48px 42px;
    overflow: hidden;
    border-radius: 30px;
    background:
            radial-gradient(circle at 90% 0, rgba(98, 227, 206, .16), transparent 34%),
            radial-gradient(circle at 7% 100%, rgba(218, 184, 79, .12), transparent 30%),
            linear-gradient(135deg, #060d2f 0%, #0b1a59 52%, #07113c 100%);
    box-shadow:
            inset 0 0 0 1px rgba(255, 255, 255, .11),
            inset 0 1px rgba(255, 255, 255, .08);
    text-align: center;
}

.ddexitpop .indent_inn::before {
    content: "";
    position: absolute;
    top: 0;
    right: 34px;
    left: 34px;
    height: 3px;
    border-radius: 0 0 999px 999px;
    background: linear-gradient(90deg, #68decb, #e6c266, #78a9ec);
    box-shadow: 0 6px 18px rgba(98, 227, 206, .2);
}

.ddexitpop .exit-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 18px;
    padding: 8px 14px 8px 10px;
    border-radius: 999px;
    background: rgba(98, 227, 206, .11);
    color: #91ead9;
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 1.1px;
    text-transform: uppercase;
    box-shadow: 0 10px 28px rgba(0, 2, 24, .18);
}

.ddexitpop .exit-badge i {
    display: grid;
    width: 23px;
    height: 23px;
    place-items: center;
    border-radius: 50%;
    background: linear-gradient(145deg, #20a7a9, #0e7b7c);
    color: #fff;
    font-size: 9px;
    box-shadow: 0 6px 14px rgba(32, 167, 169, .3);
}

.ddexitpop .indent_inn h2 {
    max-width: 710px;
    margin: 0 auto 13px;
    color: #fff !important;
    font-size: clamp(33px, 4.1vw, 48px);
    font-weight: 700;
    line-height: 1.16;
    letter-spacing: -1.25px;
    text-align: center;
    text-transform: none;
    text-shadow: 0 12px 34px rgba(0, 0, 20, .22);
}

.ddexitpop .indent_inn h2 b {
    color: #78e4d4;
    background: linear-gradient(110deg, #65dbc8, #a8efe0);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
}

.ddexitpop .exit-copy {
    max-width: 670px;
    margin: 0 auto;
    color: rgba(229, 239, 252, .70);
    font-size: 13px;
    line-height: 1.7;
}

.ddexitpop .ddexitForm {
    width: 100%;
    margin-top: 28px;
}

.ddexitpop .indent-pop ul {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr)) minmax(180px, .82fr);
    gap: 10px;
    width: 100%;
    margin: 0;
    padding: 0;
    float: none;
    list-style: none;
}

.ddexitpop .indent-pop ul li.ind-line,
.ddexitpop .indent-pop ul li.ind-line.last {
    position: relative;
    width: auto;
    margin: 0;
    padding: 0;
    float: none;
}

.ddexitpop .exit-field-icon {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 16px;
    color: #8ea6c6;
    font-size: 12px;
    transform: translateY(-50%);
    pointer-events: none;
    transition: color .2s ease;
}

.ddexitpop .indent-pop ul li.ind-line:focus-within .exit-field-icon {
    color: #42c7c0;
}

.ddexitpop .indent-pop ul li.ind-line input {
    display: block;
    width: 100%;
    height: 54px;
    margin: 0;
    padding: 12px 14px 12px 43px;
    border: 1px solid rgba(214, 227, 245, .14);
    border-radius: 13px;
    outline: 0;
    background: rgba(255, 255, 255, .075);
    color: #fff;
    font-family: Poppins, sans-serif;
    font-size: 11px;
    box-shadow: inset 0 1px rgba(255, 255, 255, .05);
    transition: border-color .2s ease, background .2s ease, box-shadow .2s ease;
}

.ddexitpop .indent-pop ul li.ind-line input::placeholder {
    color: rgba(211, 225, 243, .58);
}

.ddexitpop .indent-pop ul li.ind-line input:focus {
    border-color: rgba(98, 227, 206, .52);
    background: rgba(255, 255, 255, .105);
    box-shadow: 0 0 0 4px rgba(98, 227, 206, .09);
}

.ddexitpop .indent-pop ul li.ind-line input[type="submit"] {
    height: 54px;
    padding: 11px 18px;
    border: 0;
    border-radius: 13px;
    background: linear-gradient(135deg, #68decb, #a2eddf);
    color: #09153b;
    font-family: Poppins, sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .2px;
    box-shadow:
            0 14px 28px rgba(41, 190, 172, .25),
            inset 0 1px rgba(255, 255, 255, .55);
    cursor: pointer;
    transition: color .25s ease, background .25s ease, transform .25s ease, box-shadow .25s ease;
}

.ddexitpop .indent-pop ul li.ind-line input[type="submit"]:hover {
    color: #10154a;
    background: linear-gradient(135deg, #e6c266, #f2dfa7);
    box-shadow: 0 18px 34px rgba(211, 170, 77, .25);
    transform: translateY(-2px);
}

.ddexitpop .exit-trust {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 22px;
    margin-top: 20px;
    color: rgba(220, 232, 248, .58);
    font-size: 9px;
}

.ddexitpop .exit-trust span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.ddexitpop .exit-trust i {
    color: #73dfcf;
}

.ddexitpop div.closeexitpop,
#ddexitpopwrapper div.closeexitpop {
    position: absolute;
    z-index: 10;
    top: 15px;
    right: 15px;
    display: none;
    width: 36px;
    height: 36px;
    overflow: visible;
    border: 2px solid rgba(255, 255, 255, .88);
    border-radius: 50%;
    background: linear-gradient(145deg, #20a7a9, #0e7b7c);
    background-image: none;
    box-shadow: 0 9px 20px rgba(0, 2, 24, .28);
    opacity: 1;
    text-indent: 0;
}

#ddexitpopwrapper.open div.closeexitpop {
    display: block;
}

.ddexitpop div.closeexitpop::before,
.ddexitpop div.closeexitpop::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 14px;
    height: 2px;
    border-radius: 999px;
    background: #fff;
}

.ddexitpop div.closeexitpop::before {
    transform: translate(-50%, -50%) rotate(45deg);
}

.ddexitpop div.closeexitpop::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}

.exit-decor {
    position: absolute;
    z-index: 1;
    inset: 0;
    overflow: hidden;
    border-radius: 30px;
    pointer-events: none;
}

.exit-decor__ring {
    position: absolute;
    right: -170px;
    top: -210px;
    width: 480px;
    height: 480px;
    border: 1px solid rgba(218, 184, 79, .17);
    border-radius: 50%;
    box-shadow:
            0 0 0 42px rgba(98, 227, 206, .025),
            0 0 0 84px rgba(255, 255, 255, .012);
}

.exit-decor__feather,
.exit-decor__book,
.exit-decor__spark {
    position: absolute;
    filter: drop-shadow(0 12px 18px rgba(0, 0, 0, .18));
}

.exit-decor__feather {
    top: 18%;
    left: 4%;
    color: rgba(98, 227, 206, .17);
    font-size: 38px;
    transform: rotate(-16deg);
}

.exit-decor__book {
    right: 5%;
    bottom: 14%;
    color: rgba(109, 168, 240, .17);
    font-size: 34px;
    transform: rotate(8deg);
}

.exit-decor__spark {
    top: 13%;
    right: 9%;
    color: rgba(230, 194, 102, .22);
    font-size: 25px;
}

.exit-decor__dots {
    position: absolute;
    left: 3%;
    bottom: 10%;
    width: 100px;
    height: 75px;
    opacity: .28;
    background-image: radial-gradient(rgba(230, 194, 102, .46) 1px, transparent 1.5px);
    background-size: 14px 14px;
    transform: rotate(8deg);
}

@keyframes premiumExitIn {
    from { opacity: 0; transform: translateY(24px) scale(.97); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}

@media (max-width: 850px) {
    #ddexitpopwrapper {
        align-items: flex-start;
        padding: 18px;
    }

    .ddexitpop {
        width: min(620px, calc(100vw - 24px));
        max-height: none;
        margin: auto;
    }

    .ddexitpop .indent_inn {
        padding: 47px 25px 32px;
    }

    .ddexitpop .indent-pop ul {
        grid-template-columns: 1fr;
    }

    .ddexitpop .indent-pop ul li.ind-line {
        width: 100% !important;
        margin: 0;
    }

    .ddexitpop .indent-pop ul li.ind-line input[type="submit"] {
        width: 100%;
    }

    .ddexitpop .exit-trust {
        flex-wrap: wrap;
        gap: 10px 18px;
    }
}

@media (max-width: 575px) {
    #ddexitpopwrapper {
        padding: 10px;
    }

    .ddexitpop {
        width: calc(100vw - 16px);
    }

    .ddexitpop .indent_inn {
        padding: 43px 17px 27px;
        border-radius: 22px;
    }

    .ddexitpop .indent_inn h2 {
        font-size: 27px;
        letter-spacing: -.6px;
    }

    .ddexitpop .exit-copy {
        font-size: 11px;
    }

    .ddexitpop div.closeexitpop,
    #ddexitpopwrapper div.closeexitpop {
        top: 10px;
        right: 10px;
    }

    .exit-decor {
        border-radius: 22px;
    }

    .exit-decor__book,
    .exit-decor__dots {
        display: none;
    }
}

/* =========================================================
   About Us premium page + shared include tone flips
   Use body classes so dark includes never stack back-to-back:
   - page-about-us → page-specific surfaces
   - tone-testimonial-light → light testimonial after dark CTA
   ========================================================= */

/* ----- About hero ----- */
.page-about-us .about-hero {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: 118px 0 104px;
    background:
            radial-gradient(circle at 12% 20%, rgba(98, 227, 206, .18), transparent 28%),
            radial-gradient(circle at 88% 78%, rgba(218, 184, 79, .16), transparent 30%),
            linear-gradient(135deg, rgba(4, 9, 40, .88) 0%, rgba(10, 23, 81, .82) 55%, rgba(6, 15, 54, .9) 100%),
            url("../images/editing-banner.webp") center / cover no-repeat !important;
}

.page-about-us .about-hero::before {
    content: "";
    position: absolute;
    z-index: 0;
    inset: 0;
    opacity: .22;
    background-image: radial-gradient(rgba(255, 255, 255, .16) .8px, transparent .8px);
    background-size: 26px 26px;
    pointer-events: none;
}

.page-about-us .about-hero__glow {
    position: absolute;
    z-index: 0;
    right: -120px;
    top: -140px;
    width: 420px;
    height: 420px;
    border: 1px solid rgba(218, 184, 79, .18);
    border-radius: 50%;
    box-shadow:
            0 0 0 40px rgba(98, 227, 206, .03),
            0 0 0 84px rgba(255, 255, 255, .015);
    pointer-events: none;
}

.page-about-us .about-hero .container {
    position: relative;
    z-index: 2;
}

.page-about-us .about-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 18px;
    padding: 8px 14px 8px 10px;
    border-radius: 999px;
    background: rgba(98, 227, 206, .12);
    color: #91ead9;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.1px;
    text-transform: uppercase;
    box-shadow: 0 10px 26px rgba(0, 2, 24, .18);
}

.page-about-us .about-eyebrow i {
    display: grid;
    width: 24px;
    height: 24px;
    place-items: center;
    border-radius: 50%;
    background: linear-gradient(145deg, #20a7a9, #0e7b7c);
    color: #fff;
    font-size: 10px;
}

.page-about-us .about-hero h1 {
    max-width: 620px;
    margin: 0 0 18px;
    color: #fff;
    font-size: clamp(34px, 4.4vw, 52px);
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: -1.2px;
    text-transform: none;
}

.page-about-us .about-hero h1 span {
    background: linear-gradient(110deg, #65dbc8, #a8efe0);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.page-about-us .about-hero p {
    max-width: 540px;
    margin: 0 0 28px;
    color: rgba(232, 240, 252, .74);
    font-size: 15px;
    line-height: 1.8;
}

.page-about-us .about-hero .btn-block {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.page-about-us .about-hero .btn {
    display: inline-flex;
    min-height: 50px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin: 0;
    padding: 12px 22px;
    border-radius: 14px;
    font-size: 13px;
    font-weight: 600;
}

.page-about-us .about-hero .btn::after {
    display: none !important;
}

.page-about-us .about-hero .btn-green {
    border: 1px solid rgba(139, 239, 223, .3);
    color: #09153b;
    background: linear-gradient(135deg, #68decb, #a2eddf);
    box-shadow: 0 14px 28px rgba(41, 190, 172, .26);
}

.page-about-us .about-hero .btn-green:hover {
    color: #fff;
    background: linear-gradient(135deg, #1aa6a5, #087375);
    transform: translateY(-2px);
}

.page-about-us .about-hero .btn-white-border {
    border: 1px solid rgba(255, 255, 255, .22);
    color: #fff;
    background: rgba(255, 255, 255, .07);
}

.page-about-us .about-hero .btn-white-border:hover {
    border-color: rgba(211, 170, 77, .45);
    color: #10154a;
    background: linear-gradient(135deg, #e6c266, #f2dfa7);
}

/* ----- About intro (light) ----- */
.page-about-us .about-intro {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: 88px 0 72px;
    background:
            radial-gradient(circle at 8% 18%, rgba(32, 167, 169, .1), transparent 26%),
            radial-gradient(circle at 94% 86%, rgba(211, 170, 77, .12), transparent 28%),
            linear-gradient(135deg, #f7fbfa 0%, #fff 48%, #fcf8ee 100%);
}

.page-about-us .about-intro .heading {
    max-width: 880px;
    margin: 0 auto;
}

.page-about-us .about-intro .heading h6 {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 16px;
    padding: 8px 14px 8px 10px;
    clip-path: none;
    border: 0;
    border-radius: 999px;
    background: #eaf7f6;
    color: #0e7b7c;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.15px;
    text-transform: uppercase;
    box-shadow: 0 10px 26px rgba(32, 167, 169, .08);
}

.page-about-us .about-intro .heading h6 i {
    display: grid;
    width: 24px;
    height: 24px;
    place-items: center;
    border-radius: 50%;
    background: linear-gradient(145deg, #20a7a9, #0e7b7c);
    color: #fff;
    font-size: 10px;
}

.page-about-us .about-intro .heading h2 {
    max-width: 780px;
    margin: 0 auto 16px;
    color: #10154a;
    font-size: clamp(30px, 3.5vw, 44px);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -1px;
    text-transform: none;
}

.page-about-us .about-intro .heading h2 span {
    background: linear-gradient(110deg, #0e7b7c, #20a7a9);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.page-about-us .about-intro .heading p {
    max-width: 760px;
    margin: 0 auto;
    color: #63728d;
    font-size: 15px;
    line-height: 1.85;
}

/* ----- About achievements (light — sits before dark our-book) ----- */
.page-about-us .about-achieve {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    margin: 0;
    padding: 40px 0 92px;
    background:
            radial-gradient(circle at 50% 0, rgba(32, 167, 169, .06), transparent 40%),
            linear-gradient(180deg, #fcf8ee 0%, #fff 100%);
}

.page-about-us .about-achieve__head {
    align-items: center;
    margin-bottom: 36px;
}

.page-about-us .about-achieve .heading h6 {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 14px;
    padding: 8px 14px 8px 10px;
    clip-path: none;
    border: 0;
    border-radius: 999px;
    background: #eaf7f6;
    color: #0e7b7c;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.1px;
    text-transform: uppercase;
}

.page-about-us .about-achieve .heading h6 i {
    display: grid;
    width: 24px;
    height: 24px;
    place-items: center;
    border-radius: 50%;
    background: linear-gradient(145deg, #20a7a9, #0e7b7c);
    color: #fff;
    font-size: 10px;
}

.page-about-us .about-achieve .heading h2 {
    margin: 0;
    color: #10154a;
    font-size: clamp(28px, 3.2vw, 40px);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -.8px;
    text-transform: none;
}

.page-about-us .about-achieve .heading h2 span {
    background: linear-gradient(110deg, #0e7b7c, #20a7a9);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.page-about-us .about-achieve__head > .col-md-7 > p {
    margin: 0;
    color: #63728d;
    font-size: 14px;
    line-height: 1.8;
}

.page-about-us .about-achieve .box {
    height: 100%;
    margin-top: 0;
    padding: 28px 18px 24px;
    border: 1px solid rgba(16, 21, 74, .07);
    border-bottom: 0;
    border-radius: 22px;
    background:
            radial-gradient(circle at 100% 0, rgba(32, 167, 169, .08), transparent 42%),
            #fff;
    box-shadow:
            0 18px 42px rgba(16, 21, 74, .07),
            inset 0 1px #fff;
    transition: transform .25s ease, box-shadow .25s ease;
}

.page-about-us .about-achieve .box::after {
    content: "";
    display: block;
    width: 42px;
    height: 3px;
    margin: 16px auto 0;
    border-radius: 999px;
    background: linear-gradient(90deg, #20a7a9, #d3aa4d);
}

.page-about-us .about-achieve .box:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 48px rgba(16, 21, 74, .1);
}

.page-about-us .about-achieve .box h6 {
    margin: 0 0 8px;
    color: #138586;
    font-size: clamp(36px, 3.5vw, 52px);
    font-weight: 700;
    line-height: 1;
    letter-spacing: -1px;
}

.page-about-us .about-achieve .box p {
    margin: 0;
    color: #61718c;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.45;
}

.page-about-us .about-achieve__stats > [class*="col-"] {
    margin-bottom: 16px;
}

/* ----- About-only light process (other pages keep the shared dark theme) ----- */
.page-about-us section.our-process {
    background:
            radial-gradient(circle at 5% 12%, rgba(32, 167, 169, .11), transparent 26%),
            radial-gradient(circle at 95% 88%, rgba(211, 170, 77, .13), transparent 28%),
            linear-gradient(135deg, #f7fbfa 0%, #fff 48%, #fcf8ee 100%);
}

.page-about-us section.our-process::before {
    opacity: .34;
    background-image: radial-gradient(rgba(16, 21, 74, .1) .8px, transparent .8px);
}

.page-about-us section.our-process::after {
    border-color: rgba(32, 167, 169, .12);
    box-shadow:
            0 0 0 55px rgba(32, 167, 169, .022),
            0 0 0 110px rgba(211, 170, 77, .016);
}

.page-about-us .our-process .heading h6 {
    background: #eaf7f6;
    color: #0e7b7c;
    box-shadow: 0 10px 26px rgba(32, 167, 169, .08);
}

.page-about-us .our-process .heading h2 {
    color: #10154a;
    text-shadow: none;
}

.page-about-us .our-process .heading h2 span {
    background: linear-gradient(110deg, #0e7b7c, #20a7a9);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.page-about-us .our-process .heading h2 + p,
.page-about-us .our-process .heading p {
    color: #63728d;
}

.page-about-us .our-process .process-grid::before {
    background: linear-gradient(90deg, #20a7a9, #9edbd3 48%, #d3aa4d);
    box-shadow: 0 5px 16px rgba(32, 167, 169, .13);
}

.page-about-us .our-process .process-stage-head .process-timeline-icon {
    border-color: #f7fbfa;
    box-shadow:
            0 13px 26px rgba(16, 21, 74, .15),
            inset 0 1px rgba(255, 255, 255, .2);
}

.page-about-us .our-process .process-stage-head b {
    color: #10154a;
}

.page-about-us .our-process .process-stage .box,
.page-about-us .our-process .process-stage .box:hover {
    background: #fff !important;
    box-shadow:
            0 24px 52px rgba(16, 21, 74, .09),
            inset 0 0 0 1px rgba(16, 21, 74, .05),
            inset 0 1px #fff !important;
}

.page-about-us .our-process .process-stage .box:hover {
    box-shadow:
            0 32px 65px rgba(16, 21, 74, .13),
            inset 0 0 0 1px var(--stage-fade),
            inset 0 1px #fff !important;
}

.page-about-us .our-process .process-cta .btn-white-border {
    border-color: rgba(16, 21, 74, .14);
    color: #10154a;
    background: #fff;
    box-shadow: 0 12px 28px rgba(16, 21, 74, .07);
}

.page-about-us .process-decor__ring {
    border-color: rgba(211, 170, 77, .13);
    box-shadow:
            0 0 0 48px rgba(32, 167, 169, .02),
            0 0 0 96px rgba(16, 21, 74, .01);
}

.page-about-us .process-decor__ring::before {
    border-color: rgba(32, 167, 169, .13);
}

.page-about-us .process-decor__feather,
.page-about-us .process-decor__book {
    color: rgba(32, 167, 169, .13);
}

.page-about-us .process-decor__book {
    background: rgba(255, 255, 255, .55);
    box-shadow: inset 0 0 0 1px rgba(32, 167, 169, .08);
}

.page-about-us .process-decor__pen {
    color: rgba(16, 21, 74, .08);
}

/* ----- Light testimonial flip (after dark CTA) ----- */
body.tone-testimonial-light section.testimonial {
    background:
            radial-gradient(circle at 8% 14%, rgba(32, 167, 169, .1), transparent 26%),
            radial-gradient(circle at 92% 86%, rgba(211, 170, 77, .12), transparent 28%),
            linear-gradient(135deg, #f7fbfa 0%, #fff 48%, #fcf8ee 100%);
}

body.tone-testimonial-light section.testimonial::before {
    opacity: .34;
    background-image: radial-gradient(rgba(16, 21, 74, .1) .8px, transparent .8px);
}

body.tone-testimonial-light section.testimonial::after {
    border-color: rgba(32, 167, 169, .12);
    box-shadow:
            0 0 0 50px rgba(32, 167, 169, .02),
            0 0 0 100px rgba(211, 170, 77, .015);
}

body.tone-testimonial-light .testimonial .heading h6 {
    background: #eaf7f6;
    color: #0e7b7c;
    box-shadow: 0 10px 26px rgba(32, 167, 169, .08);
}

body.tone-testimonial-light .testimonial .heading h2 {
    color: #10154a;
    text-shadow: none;
}

body.tone-testimonial-light .testimonial .heading h2 span {
    background: linear-gradient(110deg, #0e7b7c, #20a7a9);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

body.tone-testimonial-light .testimonial .heading p {
    color: #63728d;
}

body.tone-testimonial-light .testimonial .testimonial-metric {
    background: #fff;
    box-shadow:
            0 14px 32px rgba(16, 21, 74, .07),
            inset 0 0 0 1px rgba(16, 21, 74, .06);
}

body.tone-testimonial-light .testimonial .testimonial-metric strong {
    color: #10154a;
}

body.tone-testimonial-light .testimonial .testimonial-metric small {
    color: #8794aa;
}

body.tone-testimonial-light .testimonial .owl-testimonial .item,
body.tone-testimonial-light .testimonial .center .item {
    box-shadow:
            0 20px 44px rgba(16, 21, 74, .08),
            inset 0 0 0 1px rgba(16, 21, 74, .05);
}

body.tone-testimonial-light .testimonial .owl-testimonial .owl-dots .owl-dot span {
    background: rgba(16, 21, 74, .16);
}

body.tone-testimonial-light .testimonial .testimonial-trust {
    background: rgba(255, 255, 255, .72);
    color: #61718c;
    box-shadow: inset 0 0 0 1px rgba(16, 21, 74, .07);
}

body.tone-testimonial-light .testimonial .testimonial-trust strong {
    color: #10154a;
}

body.tone-testimonial-light .testimonial .testimonial-trust a {
    color: #138586;
}

body.tone-testimonial-light .testimonial-decor__quote,
body.tone-testimonial-light .testimonial-decor__feather,
body.tone-testimonial-light .testimonial-decor__spark,
body.tone-testimonial-light .testimonial-decor__book,
body.tone-testimonial-light .testimonial-decor__pen {
    color: rgba(16, 21, 74, .07);
    filter: none;
}

body.tone-testimonial-light .testimonial-decor__feather {
    color: rgba(32, 167, 169, .12);
}

body.tone-testimonial-light .testimonial-decor__spark {
    color: rgba(211, 170, 77, .16);
}

body.tone-testimonial-light .testimonial-decor__ring {
    border-color: rgba(32, 167, 169, .1);
    box-shadow:
            0 0 0 48px rgba(32, 167, 169, .02),
            0 0 0 96px rgba(211, 170, 77, .015);
}

@media (max-width: 767px) {
    .page-about-us .about-hero {
        padding: 92px 0 72px;
    }

    .page-about-us .about-intro {
        padding: 64px 0 48px;
    }

    .page-about-us .about-achieve {
        padding: 20px 0 64px;
    }

    .page-about-us .about-achieve__head {
        margin-bottom: 24px;
    }

    .page-about-us .about-achieve__head > .col-md-7 > p {
        margin-top: 14px;
    }
}

/* =========================================================
   Premium Contact Us page
   ========================================================= */
.page-contact-us .contact-hero {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: 116px 0 102px;
    background:
            radial-gradient(circle at 10% 18%, rgba(98, 227, 206, .2), transparent 28%),
            radial-gradient(circle at 90% 80%, rgba(218, 184, 79, .17), transparent 29%),
            linear-gradient(108deg, rgba(4, 10, 39, .96) 0%, rgba(9, 23, 76, .9) 55%, rgba(6, 15, 54, .78) 100%),
            url("../images/contact-banner.webp") center / cover no-repeat !important;
}

.page-contact-us .contact-hero::before {
    content: "";
    position: absolute;
    z-index: 0;
    inset: 0;
    opacity: .25;
    background-image: radial-gradient(rgba(255, 255, 255, .17) .8px, transparent .8px);
    background-size: 26px 26px;
    pointer-events: none;
}

.page-contact-us .contact-hero .container {
    position: relative;
    z-index: 2;
}

.contact-hero__decor {
    position: absolute;
    z-index: 1;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
}

.contact-hero__ring {
    position: absolute;
    top: -190px;
    right: -130px;
    width: 470px;
    height: 470px;
    border: 1px solid rgba(218, 184, 79, .19);
    border-radius: 50%;
    box-shadow:
            0 0 0 42px rgba(98, 227, 206, .028),
            0 0 0 88px rgba(255, 255, 255, .014);
}

.contact-hero__dots {
    position: absolute;
    right: 7%;
    bottom: 13%;
    width: 120px;
    height: 95px;
    opacity: .32;
    background-image: radial-gradient(rgba(230, 194, 102, .55) 1px, transparent 1.5px);
    background-size: 14px 14px;
    transform: rotate(-8deg);
}

.page-contact-us .contact-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 18px;
    padding: 8px 14px 8px 10px;
    border-radius: 999px;
    background: rgba(98, 227, 206, .11);
    color: #91ead9;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.1px;
    text-transform: uppercase;
    box-shadow: 0 10px 26px rgba(0, 2, 24, .18);
}

.page-contact-us .contact-eyebrow i {
    display: grid;
    width: 24px;
    height: 24px;
    place-items: center;
    border-radius: 50%;
    background: linear-gradient(145deg, #20a7a9, #0e7b7c);
    color: #fff;
    font-size: 10px;
}

.page-contact-us .contact-hero h1 {
    max-width: 620px;
    margin: 0 0 18px;
    color: #fff;
    font-size: clamp(36px, 4.5vw, 54px);
    font-weight: 700;
    line-height: 1.12;
    letter-spacing: -1.4px;
    text-transform: none;
}

.page-contact-us .contact-hero h1 span {
    background: linear-gradient(110deg, #65dbc8, #a8efe0);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.page-contact-us .contact-hero p {
    max-width: 540px;
    margin: 0 0 28px;
    color: rgba(232, 240, 252, .74);
    font-size: 15px;
    line-height: 1.8;
}

.page-contact-us .contact-hero .btn-block {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.page-contact-us .contact-hero .btn {
    display: inline-flex;
    min-height: 50px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin: 0;
    padding: 12px 22px;
    border-radius: 14px;
    font-size: 13px;
    font-weight: 600;
}

.page-contact-us .contact-hero .btn::after {
    display: none !important;
}

.page-contact-us .contact-hero .btn-green {
    border: 1px solid rgba(139, 239, 223, .3);
    color: #09153b;
    background: linear-gradient(135deg, #68decb, #a2eddf);
    box-shadow: 0 14px 28px rgba(41, 190, 172, .26);
}

.page-contact-us .contact-hero .btn-green:hover {
    color: #2c2415;
    background: linear-gradient(135deg, #d1aa50, #ead38f);
    transform: translateY(-2px);
}

.page-contact-us .contact-hero .btn-white-border {
    border: 1px solid rgba(255, 255, 255, .22);
    color: #fff;
    background: rgba(255, 255, 255, .07);
}

.page-contact-us .contact-hero .btn-white-border:hover {
    border-color: rgba(211, 170, 77, .45);
    color: #2c2415;
    background: linear-gradient(135deg, #e6c266, #f2dfa7);
}

.page-contact-us .contact-premium {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: 94px 0 100px;
    background:
            radial-gradient(circle at 5% 12%, rgba(32, 167, 169, .11), transparent 26%),
            radial-gradient(circle at 95% 90%, rgba(211, 170, 77, .13), transparent 28%),
            linear-gradient(135deg, #f7fbfa 0%, #fff 48%, #fcf8ee 100%);
}

.page-contact-us .contact-premium::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0;
    opacity: .36;
    background-image: radial-gradient(rgba(16, 21, 74, .09) .8px, transparent .8px);
    background-size: 25px 25px;
    -webkit-mask-image: linear-gradient(90deg, #000, transparent 38%, transparent 62%, #000);
    mask-image: linear-gradient(90deg, #000, transparent 38%, transparent 62%, #000);
}

.page-contact-us .contact-premium > .container {
    position: relative;
    z-index: 2;
}

.page-contact-us .contact-premium > .container > .heading {
    max-width: 820px;
    margin: 0 auto 44px;
}

.page-contact-us .contact-premium .heading h6 {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 16px;
    padding: 8px 14px 8px 10px;
    clip-path: none;
    border: 0;
    border-radius: 999px;
    background: #eaf7f6;
    color: #0e7b7c;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.15px;
    text-transform: uppercase;
    box-shadow: 0 10px 26px rgba(32, 167, 169, .08);
}

.page-contact-us .contact-premium .heading h6 i {
    display: grid;
    width: 24px;
    height: 24px;
    place-items: center;
    border-radius: 50%;
    background: linear-gradient(145deg, #20a7a9, #0e7b7c);
    color: #fff;
    font-size: 10px;
}

.page-contact-us .contact-premium .heading h2 {
    margin: 0 0 15px;
    color: #10154a;
    font-size: clamp(32px, 3.7vw, 46px);
    font-weight: 700;
    line-height: 1.17;
    letter-spacing: -1.1px;
    text-transform: none;
}

.page-contact-us .contact-premium .heading h2 span {
    background: linear-gradient(110deg, #0e7b7c, #20a7a9);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.page-contact-us .contact-premium .heading p {
    max-width: 730px;
    margin: 0 auto;
    color: #63728d;
    font-size: 14px;
    line-height: 1.8;
}

.page-contact-us .contact-panel {
    position: relative;
    overflow: hidden;
    padding: 0;
    border: 1px solid rgba(16, 21, 74, .07);
    border-radius: 30px;
    background: #fff;
    box-shadow:
            0 34px 80px rgba(16, 21, 74, .12),
            inset 0 1px #fff;
}

.page-contact-us .contact-panel > .row {
    align-items: stretch;
    margin: 0;
}

.page-contact-us .contact-panel > .row > [class*="col-"] {
    padding: 0;
}

.page-contact-us .contact-panel__top {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 26px;
    padding: 13px 20px;
    border-bottom: 1px solid rgba(16, 21, 74, .065);
    background: #f5f9f8;
    color: #68758a;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .2px;
}

.page-contact-us .contact-panel__top span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.page-contact-us .contact-panel__top i {
    color: #138586;
}

.page-contact-us .contact-premium .info-form {
    height: 100%;
    padding: 42px 42px 38px;
}

.page-contact-us .contact-form__head {
    display: flex;
    align-items: center;
    gap: 13px;
    margin-bottom: 25px;
}

.page-contact-us .contact-form__icon {
    display: grid;
    width: 48px;
    height: 48px;
    min-width: 48px;
    place-items: center;
    border-radius: 15px;
    background: linear-gradient(145deg, #e8f7f6, #f8fcfb);
    color: #138586;
    font-size: 17px;
    box-shadow: inset 0 1px #fff, 0 10px 22px rgba(32, 167, 169, .1);
}

.page-contact-us .contact-form__head small {
    display: block;
    margin-bottom: 3px;
    color: #138586;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.page-contact-us .contact-form__head h3 {
    margin: 0;
    color: #10154a;
    font-size: 20px;
    font-weight: 700;
}

.page-contact-us .contact-field {
    position: relative;
    margin-bottom: 13px;
}

.page-contact-us .contact-field > i {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 17px;
    color: #8b98ac;
    font-size: 14px;
    transform: translateY(-50%);
    transition: color .2s ease;
}

.page-contact-us .contact-field--message > i {
    top: 19px;
    transform: none;
}

.page-contact-us .contact-field:focus-within > i {
    color: #138586;
}

.page-contact-us .contact-premium .form-control {
    width: 100%;
    height: 54px;
    margin: 0;
    padding: 12px 16px 12px 46px;
    border: 1px solid #dfe4e1;
    border-radius: 14px;
    background: #f9fbfb;
    color: #262d58;
    font-family: Poppins, sans-serif;
    font-size: 13px;
    box-shadow: inset 0 1px #fff;
    transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

.page-contact-us .contact-premium textarea.form-control {
    height: 112px;
    min-height: 112px;
    padding-top: 16px;
    resize: vertical;
}

.page-contact-us .contact-premium .form-control::placeholder {
    color: #98a2b2;
    opacity: 1;
}

.page-contact-us .contact-premium .form-control:focus {
    outline: 0;
    border-color: rgba(32, 167, 169, .5);
    background: #fff;
    box-shadow: 0 0 0 4px rgba(32, 167, 169, .09);
}

.page-contact-us .contact-premium .btn-yellow {
    display: inline-flex;
    width: 100%;
    min-height: 54px;
    align-items: center;
    justify-content: center;
    gap: 9px;
    margin: 3px 0 0;
    border: 0;
    border-radius: 14px;
    color: #fff;
    background: linear-gradient(135deg, #12575f, #217984);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .8px;
    text-transform: uppercase;
    box-shadow: 0 14px 28px rgba(20, 94, 103, .24);
}

.page-contact-us .contact-premium .btn-yellow::after {
    display: none !important;
}

.page-contact-us .contact-premium .btn-yellow:hover {
    color: #2c2415;
    background: linear-gradient(135deg, #d1aa50, #ead38f);
    box-shadow: 0 16px 30px rgba(211, 170, 77, .25);
    transform: translateY(-2px);
}

.page-contact-us .contact-premium .bg {
    position: relative;
    display: flex;
    height: 100%;
    min-height: 520px;
    flex-direction: column;
    justify-content: center;
    padding: 46px 34px;
    overflow: hidden;
    border-radius: 0;
    background:
            radial-gradient(circle at 100% 0, rgba(98, 227, 206, .15), transparent 31%),
            radial-gradient(circle at 0 100%, rgba(218, 184, 79, .12), transparent 34%),
            linear-gradient(145deg, #061030 0%, #0d1f5a 100%);
    box-shadow: none;
}

.page-contact-us .contact-premium .bg::before {
    content: "";
    position: absolute;
    right: -120px;
    bottom: -140px;
    width: 310px;
    height: 310px;
    border: 1px solid rgba(218, 184, 79, .16);
    border-radius: 50%;
    box-shadow: 0 0 0 34px rgba(98, 227, 206, .025);
}

.page-contact-us .contact-card__badge {
    position: relative;
    z-index: 1;
    display: inline-flex;
    width: fit-content;
    align-items: center;
    gap: 7px;
    margin: 0 0 17px;
    padding: 8px 12px;
    border-radius: 999px;
    background: rgba(98, 227, 206, .11);
    color: #91ead9;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .8px;
    text-transform: uppercase;
}

.page-contact-us .contact-premium .bg ul {
    position: relative;
    z-index: 1;
    margin: 0 0 26px;
    padding: 0;
}

.page-contact-us .contact-premium .bg h2 {
    margin: 0 0 25px;
    color: #fff;
    font-size: 29px;
    font-weight: 700;
    line-height: 1.2;
    text-transform: none;
}

.page-contact-us .contact-premium .bg h2 span {
    color: #78e4d4;
}

.page-contact-us .contact-premium .bg ul li {
    display: block;
    margin: 0 0 13px;
}

.page-contact-us .contact-premium .bg ul li a {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 13px;
    border: 1px solid rgba(255, 255, 255, .09);
    border-radius: 14px;
    background: rgba(255, 255, 255, .055);
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    transition: background .2s ease, transform .2s ease;
}

.page-contact-us .contact-premium .bg ul li a:hover {
    background: rgba(255, 255, 255, .1);
    transform: translateX(3px);
}

.page-contact-us .contact-premium .bg ul li a > i {
    display: grid;
    width: 38px;
    height: 38px;
    min-width: 38px;
    margin: 0;
    place-items: center;
    border-radius: 12px;
    background: linear-gradient(145deg, #20a7a9, #0e7b7c);
    color: #fff;
    font-size: 13px;
}

.page-contact-us .contact-premium .bg ul li a span,
.page-contact-us .contact-premium .bg ul li a small {
    display: block;
}

.page-contact-us .contact-premium .bg ul li a small {
    margin-bottom: 2px;
    color: rgba(225, 237, 250, .55);
    font-size: 9px;
    letter-spacing: .5px;
    text-transform: uppercase;
}

.page-contact-us .contact-premium .bg ul.social {
    margin: 0;
}

.page-contact-us .contact-premium .bg ul.social h6 {
    margin: 0 0 13px;
    color: rgba(235, 242, 252, .72);
    font-size: 11px;
    font-weight: 500;
}

.page-contact-us .contact-premium .bg ul.social li {
    display: inline-block;
    margin: 0 5px 0 0;
}

.page-contact-us .contact-premium .bg ul.social li a {
    display: grid;
    width: 37px;
    height: 37px;
    padding: 0;
    place-items: center;
    border-radius: 11px;
}

.page-contact-us .contact-premium .bg ul.social li a i {
    display: block;
    width: auto;
    height: auto;
    min-width: 0;
    margin: 0;
    padding: 0;
    background: none;
    color: #fff;
    font-size: 13px;
}

@media (max-width: 991px) {
    .page-contact-us .contact-premium .info-form {
        padding: 34px 28px;
    }

    .page-contact-us .contact-premium .bg {
        padding: 40px 26px;
    }

    .page-contact-us .contact-panel__top {
        gap: 14px;
    }
}

@media (max-width: 767px) {
    .page-contact-us .contact-hero {
        padding: 88px 0 72px;
    }

    .page-contact-us .contact-premium {
        padding: 66px 0 72px;
    }

    .page-contact-us .contact-premium > .container > .heading {
        margin-bottom: 30px;
    }

    .page-contact-us .contact-panel {
        border-radius: 22px;
    }

    .page-contact-us .contact-panel__top {
        flex-wrap: wrap;
        justify-content: flex-start;
        padding: 14px 20px;
    }

    .page-contact-us .contact-premium .bg {
        min-height: 0;
        padding: 38px 24px;
    }
}

@media (max-width: 575px) {
    .page-contact-us .contact-hero h1 {
        font-size: 32px;
    }

    .page-contact-us .contact-premium .info-form {
        padding: 30px 20px;
    }

    .page-contact-us .contact-panel__top {
        display: none;
    }
}

/* =========================================================
   Premium Privacy Policy + Terms pages
   ========================================================= */
.page-legal .legal-hero {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: 112px 0 96px;
    background:
            radial-gradient(circle at 10% 18%, rgba(98, 227, 206, .2), transparent 28%),
            radial-gradient(circle at 90% 80%, rgba(218, 184, 79, .16), transparent 30%),
            linear-gradient(108deg, rgba(4, 10, 39, .96) 0%, rgba(9, 23, 76, .9) 55%, rgba(6, 15, 54, .82) 100%),
            url("../images/editing-banner.webp") center / cover no-repeat !important;
}

.page-legal .legal-hero::before {
    content: "";
    position: absolute;
    z-index: 0;
    inset: 0;
    opacity: .24;
    background-image: radial-gradient(rgba(255, 255, 255, .16) .8px, transparent .8px);
    background-size: 26px 26px;
    pointer-events: none;
}

.page-legal .legal-hero .container {
    position: relative;
    z-index: 2;
}

.legal-hero__decor {
    position: absolute;
    z-index: 1;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
}

.legal-hero__ring {
    position: absolute;
    top: -180px;
    right: -120px;
    width: 440px;
    height: 440px;
    border: 1px solid rgba(218, 184, 79, .18);
    border-radius: 50%;
    box-shadow:
            0 0 0 40px rgba(98, 227, 206, .028),
            0 0 0 84px rgba(255, 255, 255, .014);
}

.legal-hero__dots {
    position: absolute;
    right: 8%;
    bottom: 14%;
    width: 110px;
    height: 90px;
    opacity: .3;
    background-image: radial-gradient(rgba(230, 194, 102, .55) 1px, transparent 1.5px);
    background-size: 14px 14px;
    transform: rotate(-8deg);
}

.page-legal .legal-hero__copy {
    max-width: 720px;
}

.page-legal .legal-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 18px;
    padding: 8px 14px 8px 10px;
    border-radius: 999px;
    background: rgba(98, 227, 206, .11);
    color: #91ead9;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.1px;
    text-transform: uppercase;
    box-shadow: 0 10px 26px rgba(0, 2, 24, .18);
}

.page-legal .legal-eyebrow i {
    display: grid;
    width: 24px;
    height: 24px;
    place-items: center;
    border-radius: 50%;
    background: linear-gradient(145deg, #20a7a9, #0e7b7c);
    color: #fff;
    font-size: 10px;
}

.page-legal .legal-hero h1 {
    margin: 0 0 16px;
    color: #fff;
    font-size: clamp(36px, 4.6vw, 56px);
    font-weight: 700;
    line-height: 1.12;
    letter-spacing: -1.4px;
    text-transform: none;
}

.page-legal .legal-hero h1 span {
    background: linear-gradient(110deg, #65dbc8, #a8efe0);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.page-legal .legal-hero p {
    max-width: 620px;
    margin: 0;
    color: rgba(232, 240, 252, .74);
    font-size: 15px;
    line-height: 1.8;
}

.page-legal .legal-content {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: 72px 0 96px;
    background:
            radial-gradient(circle at 6% 10%, rgba(32, 167, 169, .1), transparent 26%),
            radial-gradient(circle at 94% 90%, rgba(211, 170, 77, .12), transparent 28%),
            linear-gradient(135deg, #f7fbfa 0%, #fff 48%, #fcf8ee 100%);
}

.page-legal .legal-content::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0;
    opacity: .34;
    background-image: radial-gradient(rgba(16, 21, 74, .09) .8px, transparent .8px);
    background-size: 25px 25px;
    -webkit-mask-image: linear-gradient(90deg, #000, transparent 38%, transparent 62%, #000);
    mask-image: linear-gradient(90deg, #000, transparent 38%, transparent 62%, #000);
}

.page-legal .legal-content > .container {
    position: relative;
    z-index: 2;
    max-width: 980px;
}

.page-legal .legal-panel {
    overflow: hidden;
    border: 1px solid rgba(16, 21, 74, .07);
    border-radius: 28px;
    background: #fff;
    box-shadow:
            0 34px 80px rgba(16, 21, 74, .1),
            inset 0 1px #fff;
}

.page-legal .legal-panel__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 18px 28px;
    padding: 14px 24px;
    border-bottom: 1px solid rgba(16, 21, 74, .065);
    background: #f5f9f8;
    color: #68758a;
    font-size: 11px;
    font-weight: 600;
}

.page-legal .legal-panel__meta span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

.page-legal .legal-panel__meta i {
    color: #138586;
}

.page-legal .legal-body {
    padding: 42px 48px 48px;
}

.page-legal .legal-body p,
.page-legal .legal-body li {
    color: #5f6e86;
    font-size: 15px;
    line-height: 1.85;
}

.page-legal .legal-body p {
    margin: 0 0 16px;
}

.page-legal .legal-body p a {
    color: #0e7b7c;
    font-weight: 600;
    text-decoration: none;
    border-bottom: 1px solid rgba(14, 123, 124, .25);
    transition: color .2s ease, border-color .2s ease;
}

.page-legal .legal-body p a:hover {
    color: #10154a;
    border-color: rgba(16, 21, 74, .35);
}

.page-legal .legal-body h5.sub-heading,
.page-legal .legal-body h5.page-title {
    position: relative;
    margin: 34px 0 14px;
    padding: 0 0 0 16px;
    color: #10154a;
    font-family: Merriweather, Georgia, serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -.3px;
    text-transform: none;
}

.page-legal .legal-body h5.sub-heading::before,
.page-legal .legal-body h5.page-title::before {
    content: "";
    position: absolute;
    top: 4px;
    bottom: 4px;
    left: 0;
    width: 3px;
    border-radius: 999px;
    background: linear-gradient(180deg, #20a7a9, #d3aa4d);
}

.page-legal .legal-body h5.page-title {
    margin-top: 42px;
    padding-top: 8px;
    font-size: 24px;
}

.page-legal .legal-body ul {
    margin: 0 0 20px;
    padding: 18px 20px 18px 22px;
    border: 1px solid rgba(16, 21, 74, .06);
    border-radius: 16px;
    background:
            radial-gradient(circle at 100% 0, rgba(32, 167, 169, .05), transparent 42%),
            #f8fbfb;
}

.page-legal .legal-body li {
    position: relative;
    margin: 0 0 12px;
    padding-left: 18px;
    list-style: none;
}

.page-legal .legal-body li:last-child {
    margin-bottom: 0;
}

.page-legal .legal-body li::before {
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: linear-gradient(145deg, #20a7a9, #0e7b7c);
    box-shadow: 0 0 0 3px rgba(32, 167, 169, .12);
}

@media (max-width: 767px) {
    .page-legal .legal-hero {
        padding: 88px 0 72px;
    }

    .page-legal .legal-content {
        padding: 48px 0 72px;
    }

    .page-legal .legal-body {
        padding: 28px 22px 34px;
    }

    .page-legal .legal-body h5.sub-heading,
    .page-legal .legal-body h5.page-title {
        font-size: 18px;
    }

    .page-legal .legal-body h5.page-title {
        font-size: 21px;
    }

    .page-legal .legal-panel {
        border-radius: 22px;
    }
}

@media (max-width: 575px) {
    .page-legal .legal-hero h1 {
        font-size: 32px;
    }

    .page-legal .legal-panel__meta {
        gap: 10px 16px;
        justify-content: flex-start;
    }

    .page-legal .legal-body {
        padding: 24px 18px 30px;
    }

    .page-legal .legal-body p,
    .page-legal .legal-body li {
        font-size: 14px;
    }
}

/* =========================================================
   Shared responsive hardening — homepage + core inner pages
   ========================================================= */
@media (max-width: 991px) {
    html,
    body {
        max-width: 100%;
        overflow-x: hidden;
    }

    img,
    svg {
        max-width: 100%;
    }

    .owl-carousel,
    .owl-carousel .owl-stage-outer {
        max-width: 100%;
        overflow: hidden;
    }

    section.cta,
    section.our-process,
    section.our-editing,
    section.our-amazing,
    section.faqs,
    section.testimonial,
    section.video-test,
    section.our-book,
    .premium-footer {
        overflow-x: hidden;
    }

    .cta-decor,
    .process-decor,
    .editing-decor,
    .amazing-decor,
    .faq-decor,
    .testimonial-decor,
    .footer-decor {
        overflow: hidden;
    }

    .ebook::before,
    .exceptional::before,
    .pattern-bg::before,
    .renowned::before {
        left: 0;
        width: 100%;
        max-width: 100%;
    }

    .web-copy-inner .exceptional-list {
        width: 100%;
        max-width: 100%;
    }

    .web-copy-inner .exceptional-list::before {
        display: none;
    }

    .our-process .process-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .our-process .process-grid::before {
        display: none;
    }

    .popupform,
    .popupform.popjuly {
        width: min(500px, calc(100vw - 24px)) !important;
        max-width: calc(100vw - 24px) !important;
        height: auto !important;
        max-height: none !important;
        margin-right: auto !important;
        margin-left: auto !important;
        padding-bottom: 36px !important;
        overflow: visible !important;
    }

    .popupform .popup-content,
    .popupform.popjuly .popup-content,
    .popjuly .popup-content {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        margin-left: 0 !important;
    }

    .popupform button.carousel__button.is-close,
    .popupform .carousel__button.is-close {
        top: 10px !important;
        right: 10px !important;
    }

    .cg-menu-backdrop,
    #ddexitpopwrapper {
        max-width: 100vw;
    }
}

@media (max-width: 767px) {
    .our-process .process-grid {
        grid-template-columns: 1fr;
        gap: 26px;
    }

    .cta-decor__ring,
    .process-decor__ring,
    .editing-decor__ring,
    .amazing-decor__ring,
    .faq-decor__ring,
    .testimonial-decor__ring,
    .footer-decor__ring {
        width: min(360px, 92vw);
        height: min(360px, 92vw);
    }

    .excep-service .row,
    .exceptional .row,
    .pursuit .row,
    .our-editing .row,
    .video-test .row,
    .premium-footer .row {
        max-width: 100%;
        margin-right: 0;
        margin-left: 0;
    }

    .excep-service [class*="col-"],
    .exceptional [class*="col-"],
    .pursuit [class*="col-"],
    .our-editing [class*="col-"],
    .video-test [class*="col-"],
    .premium-footer [class*="col-"] {
        min-width: 0;
        padding-right: 10px;
        padding-left: 10px;
    }

    .video-test .img-testpi {
        width: 100%;
        max-width: 100%;
    }

    .cta .container::before,
    .testimonial > .container::before {
        max-width: 100%;
        white-space: normal;
        word-break: break-word;
    }

    .premium-footer {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (max-width: 575px) {
    .our-process .process-card-step {
        font-size: 40px;
    }

    .our-book .btn-block,
    .cta .btn-block,
    .our-process .process-cta,
    .page-about-us .about-hero .btn-block,
    .page-contact-us .contact-hero .btn-block {
        width: 100%;
        flex-direction: column;
        align-items: stretch;
    }

    .our-book .btn-block .btn,
    .cta .btn-block .btn,
    .our-process .process-cta .btn,
    .page-about-us .about-hero .btn,
    .page-contact-us .contact-hero .btn {
        width: 100%;
        max-width: 100%;
    }
}

/* ===== Side action tabs + premium quote drawer ===== */
.cg-side-tabs {
    position: fixed;
    top: 48%;
    right: 0;
    z-index: 10040;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 12px;
    max-width: calc(100vw - 8px);
    transform: translateY(-50%);
    pointer-events: none;
}

.cg-side-tab {
    pointer-events: auto;
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-height: 48px;
    max-width: 100%;
    padding: 12px 18px 12px 14px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .22);
    border-right: 0;
    border-radius: 999px 0 0 999px;
    box-shadow:
            0 14px 32px rgba(8, 13, 40, .2),
            inset 0 1px rgba(255, 255, 255, .28);
    font-family: Poppins, sans-serif;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .03em;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    transition: transform .25s ease, box-shadow .25s ease, filter .25s ease;
}

.cg-side-tab::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(120deg, rgba(255, 255, 255, .22) 0%, transparent 42%, transparent 100%);
    opacity: .7;
}

.cg-side-tab i {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    font-size: 12px;
    background: rgba(255, 255, 255, .18);
    box-shadow: inset 0 1px rgba(255, 255, 255, .25);
}

.cg-side-tab span {
    position: relative;
    z-index: 1;
}

.cg-side-tab--chat {
    color: #fff;
    background: linear-gradient(135deg, #17686a 0%, #249094 48%, #2ea3a6 100%);
}

.cg-side-tab--chat i {
    color: #fff;
    background: rgba(255, 255, 255, .2);
}

.cg-side-tab--quote {
    color: #1a1c33;
    border-color: rgba(255, 255, 255, .35);
    background: linear-gradient(135deg, #c9a227 0%, #d9b84f 45%, #e8cd6e 100%);
}

.cg-side-tab--quote i {
    color: #1a1c33;
    background: rgba(255, 255, 255, .35);
}

.cg-side-tab:hover,
.cg-side-tab:focus-visible {
    transform: translateX(-6px) scale(1.02);
    box-shadow:
            0 18px 40px rgba(8, 13, 40, .28),
            inset 0 1px rgba(255, 255, 255, .35);
    outline: none;
    filter: brightness(1.04);
    color: initial;
}

.cg-quote-overlay {
    position: fixed;
    inset: 0;
    z-index: 10050;
    background:
            radial-gradient(circle at 82% 18%, rgba(212, 175, 55, .14), transparent 28%),
            rgba(4, 6, 28, .62);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    opacity: 0;
    visibility: hidden;
    transition: opacity .28s ease, visibility .28s ease;
}

.cg-quote-overlay.is-open {
    opacity: 1;
    visibility: visible;
}

.cg-quote-drawer {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 10060;
    width: min(460px, 100%);
    max-width: 100vw;
    height: 100%;
    max-height: 100dvh;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    isolation: isolate;
    border-left: 1px solid rgba(230, 220, 199, .9);
    background:
            radial-gradient(circle at 100% 0, rgba(212, 175, 55, .22), transparent 34%),
            radial-gradient(circle at 0 100%, rgba(27, 103, 111, .12), transparent 36%),
            linear-gradient(165deg, #fffdf9 0%, #f8f2e8 48%, #f3efe6 100%);
    box-shadow:
            -28px 0 70px rgba(12, 13, 34, .34),
            inset 0 1px rgba(255, 255, 255, .95);
    transform: translateX(100%);
    visibility: hidden;
    pointer-events: none;
    transition: transform .34s cubic-bezier(.22, .8, .28, 1), visibility 0s linear .34s;
}

.cg-quote-drawer.is-open {
    transform: translateX(0);
    visibility: visible;
    pointer-events: auto;
    transition: transform .34s cubic-bezier(.22, .8, .28, 1), visibility 0s linear 0s;
}

.cg-quote-drawer__frame {
    position: absolute;
    inset: 14px;
    z-index: 0;
    border: 1px solid rgba(212, 175, 55, .28);
    border-radius: 22px;
    pointer-events: none;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .55);
}

.cg-quote-drawer__frame::before {
    content: "";
    position: absolute;
    top: 0;
    right: 42px;
    left: 42px;
    height: 3px;
    border-radius: 0 0 999px 999px;
    background: linear-gradient(90deg, #1b676f, #d4af37, #1f7a7c);
    box-shadow: 0 6px 18px rgba(212, 175, 55, .28);
}

.cg-quote-drawer__glow {
    position: absolute;
    top: -60px;
    right: -40px;
    width: 220px;
    height: 220px;
    max-width: 45vw;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(212, 175, 55, .32), transparent 70%);
    pointer-events: none;
}

.cg-quote-drawer__decor {
    position: absolute;
    inset: 0;
    z-index: 0;
    overflow: hidden;
    pointer-events: none;
}

.cg-quote-drawer__feather,
.cg-quote-drawer__book,
.cg-quote-drawer__spark {
    position: absolute;
    color: rgba(27, 103, 111, .14);
    font-size: 28px;
}

.cg-quote-drawer__feather {
    top: 88px;
    left: 28px;
    color: rgba(212, 175, 55, .28);
    transform: rotate(-18deg);
}

.cg-quote-drawer__book {
    right: 34px;
    bottom: 120px;
    font-size: 34px;
    color: rgba(31, 122, 124, .14);
}

.cg-quote-drawer__spark {
    top: 160px;
    right: 56px;
    font-size: 18px;
    color: rgba(212, 175, 55, .34);
}

.cg-quote-drawer__close {
    position: absolute;
    top: 28px;
    right: 28px;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border: 1px solid rgba(212, 175, 55, .35);
    border-radius: 50%;
    background:
            radial-gradient(circle at 30% 20%, rgba(255, 255, 255, .95), transparent 50%),
            linear-gradient(145deg, #fff, #f4efe4);
    color: #1d1f33;
    box-shadow: 0 10px 22px rgba(44, 37, 24, .12);
    cursor: pointer;
    transition: background .2s ease, color .2s ease, transform .2s ease, border-color .2s ease;
}

.cg-quote-drawer__close:hover {
    border-color: transparent;
    background: linear-gradient(135deg, #16215f, #0b123a);
    color: #d4af37;
    transform: rotate(90deg);
}

.cg-quote-drawer__inner {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 100%;
    padding: 48px 40px 40px;
    box-sizing: border-box;
}

.cg-quote-drawer__badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 18px;
    padding: 9px 15px;
    border: 1px solid rgba(212, 175, 55, .38);
    border-radius: 999px;
    background:
            linear-gradient(135deg, rgba(255, 255, 255, .88), rgba(248, 242, 228, .92));
    color: #1b5355;
    box-shadow: 0 8px 18px rgba(44, 37, 24, .06), inset 0 1px #fff;
    font-family: Poppins, sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .55px;
    text-transform: uppercase;
}

.cg-quote-drawer__badge i {
    color: #c4a13a;
}

.cg-quote-drawer__inner h2 {
    margin: 0 0 12px;
    color: #131739;
    font-family: Merriweather, Georgia, serif;
    font-size: clamp(30px, 3.2vw, 38px);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -.02em;
}

.cg-quote-drawer__inner h2 span {
    background: linear-gradient(110deg, #0f606b, #1f808f 45%, #c4a13a);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.cg-quote-drawer__inner > p {
    margin: 0 0 28px;
    color: #6a7388;
    font-family: Poppins, sans-serif;
    font-size: 14px;
    line-height: 1.75;
}

.cg-quote-form {
    display: grid;
    gap: 15px;
    width: 100%;
    max-width: 100%;
}

.cg-quote-field {
    position: relative;
    width: 100%;
    max-width: 100%;
}

.cg-quote-field__ico {
    position: absolute;
    top: 50%;
    left: 16px;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 10px;
    background: linear-gradient(145deg, rgba(212, 175, 55, .18), rgba(255, 255, 255, .9));
    color: #b8942f;
    font-size: 12px;
    box-shadow: inset 0 1px #fff;
    transform: translateY(-50%);
    pointer-events: none;
}

.cg-quote-field--area .cg-quote-field__ico {
    top: 18px;
    transform: none;
}

.cg-quote-field input,
.cg-quote-field textarea {
    display: block;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    border: 1px solid #e5d9c2;
    border-radius: 18px;
    background:
            linear-gradient(180deg, #fff 0%, #fffcf7 100%);
    box-shadow:
            0 14px 30px rgba(44, 37, 24, .07),
            inset 0 1px #fff,
            inset 0 0 0 1px rgba(255, 255, 255, .65);
    color: #1d1f33;
    font-family: Poppins, sans-serif;
    font-size: 14px;
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.cg-quote-field input {
    height: 56px;
    padding: 0 18px 0 58px;
}

.cg-quote-field textarea {
    min-height: 128px;
    padding: 18px 18px 18px 58px;
    resize: vertical;
}

.cg-quote-field input::placeholder,
.cg-quote-field textarea::placeholder {
    color: #9aa3b5;
}

.cg-quote-field input:hover,
.cg-quote-field textarea:hover {
    border-color: rgba(196, 161, 58, .45);
}

.cg-quote-field input:focus,
.cg-quote-field textarea:focus {
    border-color: rgba(27, 103, 111, .4);
    box-shadow:
            0 0 0 4px rgba(27, 103, 111, .1),
            0 16px 32px rgba(44, 37, 24, .1),
            inset 0 1px #fff;
    outline: none;
}

.cg-quote-field:focus-within .cg-quote-field__ico {
    background: linear-gradient(145deg, rgba(27, 103, 111, .16), #fff);
    color: #1b676f;
}

.cg-quote-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    width: 100%;
    min-height: 56px;
    margin-top: 6px;
    border: 0;
    border-radius: 999px;
    background:
            radial-gradient(circle at 14% 0, rgba(212, 175, 55, .35), transparent 42%),
            linear-gradient(135deg, #121e5f 0%, #0a113d 55%, #0f323d 100%);
    box-shadow:
            0 16px 34px rgba(10, 17, 56, .28),
            inset 0 1px rgba(255, 255, 255, .16);
    color: #fff;
    font-family: Poppins, sans-serif;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: .2px;
    cursor: pointer;
    transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}

.cg-quote-submit i {
    color: #d4af37;
    transition: transform .2s ease;
}

.cg-quote-submit:hover {
    transform: translateY(-2px);
    box-shadow:
            0 20px 40px rgba(10, 17, 56, .34),
            inset 0 1px rgba(255, 255, 255, .18);
    filter: brightness(1.05);
}

.cg-quote-submit:hover i {
    transform: translateX(3px);
}

.cg-quote-trust {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 14px;
    margin-top: 6px;
}

.cg-quote-trust span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border: 1px solid rgba(230, 220, 199, .95);
    border-radius: 999px;
    background: rgba(255, 255, 255, .72);
    color: #667085;
    font-family: Poppins, sans-serif;
    font-size: 12px;
    box-shadow: inset 0 1px #fff;
}

.cg-quote-trust i {
    color: #1b676f;
}

body.cg-quote-open {
    overflow: hidden;
}

html.cg-quote-open,
body.cg-quote-open {
    overflow: hidden !important;
    overscroll-behavior: none;
}

body.cg-quote-open .cg-side-tabs {
    z-index: 10030;
}

@media (max-width: 767px) {
    .cg-side-tabs {
        top: auto;
        right: 0;
        bottom: 16px;
        transform: none;
        gap: 8px;
    }

    .cg-side-tab {
        width: 48px;
        min-width: 48px;
        min-height: 48px;
        height: 48px;
        padding: 0 !important;
        justify-content: center;
        gap: 0;
        border-radius: 999px 0 0 999px;
        border-right: 0;
    }

    .cg-side-tab span {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
    }

    .cg-side-tab i {
        width: 100%;
        height: 100%;
        margin: 0;
        border-radius: 999px 0 0 999px;
        font-size: 15px;
        background: transparent !important;
        box-shadow: none !important;
    }

    .cg-side-tab:hover,
    .cg-side-tab:focus-visible {
        transform: translateX(-3px) scale(1.02);
    }

    .cg-quote-drawer__frame {
        inset: 10px;
        border-radius: 18px;
    }

    .cg-quote-drawer__inner {
        padding: 40px 24px 28px;
    }

    .cg-quote-drawer__close {
        top: 22px;
        right: 22px;
    }

    .cg-quote-drawer__inner h2 {
        font-size: 28px;
    }
}

/* Homepage premium hero — split atmosphere */
.home .slider-home.cg-home-hero {
    isolation: isolate;
    position: relative;
    min-height: calc(100svh - 110px);
    min-height: calc(100vh - 110px);
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0;
    overflow-x: hidden !important;
    overflow-y: visible !important;
    text-align: left !important;
    background:
            linear-gradient(108deg,
            #070b1f 0%,
            #0e1432 36%,
            #151f46 48%,
            #f3eee5 48.15%,
            #f8f4ec 76%,
            #eef2f7 100%) !important;
    border-bottom: 0;
    box-shadow: none;
}

.home .slider-home.cg-home-hero::before,
.home .slider-home.cg-home-hero::after {
    display: none !important;
}

.home .cg-hero-bg {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    overflow: hidden;
}

.home .cg-hero-bg__wash {
    position: absolute;
    inset: 0;
    background:
            radial-gradient(ellipse 50% 55% at 16% 28%, rgba(98, 227, 206, .18), transparent 58%),
            radial-gradient(ellipse 42% 48% at 40% 78%, rgba(196, 174, 122, .1), transparent 55%),
            radial-gradient(ellipse 45% 55% at 84% 48%, rgba(196, 174, 122, .28), transparent 62%),
            linear-gradient(180deg, rgba(255, 255, 255, .04) 0%, transparent 28%, transparent 72%, rgba(0, 0, 0, .12) 100%);
}

.home .cg-hero-bg__mesh {
    position: absolute;
    inset: 0;
    opacity: .18;
    background-image:
            linear-gradient(rgba(255, 255, 255, .045) 1px, transparent 1px),
            linear-gradient(90deg, rgba(255, 255, 255, .045) 1px, transparent 1px);
    background-size: 48px 48px;
    -webkit-mask-image: linear-gradient(90deg, #000 0%, #000 40%, transparent 52%);
    mask-image: linear-gradient(90deg, #000 0%, #000 40%, transparent 52%);
}

/* Left-side animated design arts */
.home .cg-hero-left-arts {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: min(50%, 680px);
    height: 100%;
    pointer-events: none;
    overflow: hidden;
}

.home .cg-left-art {
    position: absolute;
}

.home .cg-left-art--glow {
    top: 42%;
    left: 18%;
    width: 420px;
    height: 420px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(98, 227, 206, .16) 0%, rgba(196, 174, 122, .08) 42%, transparent 70%);
    transform: translate(-30%, -50%);
    animation: cgLeftGlow 7s ease-in-out infinite;
}

.home .cg-left-art--ring {
    top: 8%;
    left: 4%;
    width: 180px;
    height: 180px;
    border: 1px solid rgba(196, 174, 122, .35);
    border-radius: 50%;
    box-shadow: 0 0 0 22px rgba(98, 227, 206, .05);
    animation: cgLeftSpin 28s linear infinite;
}

.home .cg-left-art--ring2 {
    bottom: 10%;
    left: 10%;
    width: 130px;
    height: 130px;
    border: 1px dashed rgba(98, 227, 206, .28);
    border-radius: 50%;
    animation: cgLeftSpinRev 22s linear infinite;
}

.home .cg-left-art--dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #c4ae7a;
    opacity: .55;
    animation: cgLeftFloat 5.5s ease-in-out infinite;
}

.home .cg-left-art--dot1 { top: 18%; left: 12%; }
.home .cg-left-art--dot2 { top: 36%; left: 42%; background: #62e3ce; animation-delay: -.8s; }
.home .cg-left-art--dot3 { top: 68%; left: 8%; width: 6px; height: 6px; animation-delay: -1.6s; }
.home .cg-left-art--dot4 { bottom: 22%; left: 38%; background: #7fe3d1; animation-delay: -2.4s; }

.home .cg-left-art--line {
    top: 26%;
    left: 6%;
    width: 72px;
    height: 1px;
    background: linear-gradient(90deg, rgba(196, 174, 122, .75), transparent);
    animation: cgLeftPulse 4s ease-in-out infinite;
}

.home .cg-left-art--line2 {
    top: 58%;
    left: 28%;
    width: 48px;
    height: 1px;
    background: linear-gradient(90deg, rgba(98, 227, 206, .55), transparent);
    animation: cgLeftPulse 4.8s ease-in-out infinite;
    animation-delay: -1s;
}

.home .cg-left-art--line3 {
    bottom: 18%;
    left: 16%;
    width: 60px;
    height: 1px;
    background: linear-gradient(90deg, rgba(255, 255, 255, .28), transparent);
    animation: cgLeftPulse 5.2s ease-in-out infinite;
    animation-delay: -2s;
}

.home .cg-left-art--quill,
.home .cg-left-art--spark,
.home .cg-left-art--book {
    color: rgba(196, 174, 122, .55);
    opacity: .42;
}

.home .cg-left-art--quill svg,
.home .cg-left-art--spark svg,
.home .cg-left-art--book svg {
    display: block;
    width: 100%;
    height: 100%;
}

.home .cg-left-art--quill {
    top: 12%;
    left: 36%;
    width: 48px;
    height: 48px;
    animation: cgLeftFloat 6s ease-in-out infinite;
}

.home .cg-left-art--spark {
    top: 48%;
    left: 6%;
    width: 36px;
    height: 36px;
    color: rgba(98, 227, 206, .7);
    animation: cgLeftFloat 5s ease-in-out infinite;
    animation-delay: -1.2s;
}

.home .cg-left-art--book {
    bottom: 14%;
    left: 34%;
    width: 52px;
    height: 52px;
    color: rgba(212, 191, 138, .5);
    animation: cgLeftFloat 7s ease-in-out infinite;
    animation-delay: -2.2s;
}

@keyframes cgLeftFloat {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
}

@keyframes cgLeftPulse {
    0%, 100% { opacity: .35; transform: scaleX(.85); transform-origin: left center; }
    50% { opacity: .9; transform: scaleX(1); transform-origin: left center; }
}

@keyframes cgLeftGlow {
    0%, 100% { opacity: .55; transform: translate(-30%, -50%) scale(1); }
    50% { opacity: .9; transform: translate(-30%, -50%) scale(1.08); }
}

@keyframes cgLeftSpin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

@keyframes cgLeftSpinRev {
    from { transform: rotate(360deg); }
    to { transform: rotate(0deg); }
}

.home .slider-home.cg-home-hero > .container {
    position: relative;
    z-index: 3;
    display: flex !important;
    align-items: center;
    flex: 1 1 auto;
    width: min(1420px, calc(100% - 36px)) !important;
    max-width: min(1420px, calc(100% - 36px)) !important;
    height: auto;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-top: 28px;
    padding-bottom: 32px;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.home .slider-home.cg-home-hero .cg-hero-row {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    min-height: 0;
}

.home .slider-home.cg-home-hero .cg-hero-row > [class*="col-"] {
    position: relative;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    float: none;
}

@media (min-width: 992px) {
    .home .slider-home.cg-home-hero .cg-hero-row > .col-lg-6 {
        flex: 0 0 48%;
        max-width: 48%;
        display: flex;
        align-items: center;
    }

    .home .slider-home.cg-home-hero .cg-hero-row > .cg-book-spacer {
        flex: 0 0 52%;
        max-width: 52%;
    }

    .home .slider-home.cg-home-hero .cg-hero-row > .hero-copy {
        align-items: flex-start;
        justify-content: center;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        padding-left: 0 !important;
        padding-right: 24px !important;
    }

    .home .slider-home.cg-home-hero .cg-book-spacer {
        display: block;
        min-height: 100%;
        height: 100%;
    }

    /* Pin books to hero edges — flush with banner top, pulled into frame */
    .home .slider-home.cg-home-hero > .cg-book-duo {
        position: absolute !important;
        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        left: 46% !important;
        z-index: 2;
        width: auto !important;
        max-width: none !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 18%, #000 100%);
        mask-image: linear-gradient(90deg, transparent 0%, #000 18%, #000 100%);
    }

    .home .slider-home.cg-home-hero > .cg-book-duo .cg-book-duo__stage {
        position: absolute !important;
        inset: 0 !important;
        height: 100% !important;
        min-height: 0 !important;
        -webkit-mask-image: linear-gradient(180deg, transparent 0%, #000 10%, #000 90%, transparent 100%) !important;
        mask-image: linear-gradient(180deg, transparent 0%, #000 10%, #000 90%, transparent 100%) !important;
    }

    .home .cg-book-col--up,
    .home .cg-book-col--down {
        margin-top: 0 !important;
    }
}

/* Laptop / shorter screens — stop bottom clipping */
@media (min-width: 992px) and (max-height: 900px) {
    .home .slider-home.cg-home-hero {
        min-height: calc(100svh - 96px);
        min-height: calc(100vh - 96px);
    }

    .home .slider-home.cg-home-hero > .container {
        padding-top: 18px;
        padding-bottom: 22px;
    }

    .home .cg-hero-copy {
        max-width: 560px;
        padding: 0;
    }

    .home .cg-home-eyebrow {
        margin-bottom: 14px;
    }

    .home .slider-home.cg-home-hero .header-text h1 {
        margin-bottom: 12px !important;
    }

    .home .slider-home.cg-home-hero .header-text p {
        margin-bottom: 16px !important;
    }

    .home .slider-home.cg-home-hero .btn-block {
        margin-bottom: 14px !important;
    }
}

.home .slider-home.cg-home-hero .header-text,
.home .slider-home.cg-home-hero .hero-copy {
    text-align: left !important;
}

.home .slider-home.cg-home-hero .hero-copy {
    margin: 0;
    padding: 0 !important;
    border: 0 !important;
    background: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}

.home .slider-home.cg-home-hero .hero-copy::before {
    display: none !important;
}

.home .cg-hero-copy {
    position: relative;
    max-width: 620px;
    margin: 0;
    padding: 4px 0;
    background: none;
    border: 0;
    box-shadow: none;
    animation: cgHeroCopyIn .75s ease both;
}

@keyframes cgHeroCopyIn {
    from { opacity: 0; transform: translateY(14px); }
    to { opacity: 1; transform: translateY(0); }
}

.home .cg-hero-copy::before {
    display: none;
}

.home .cg-home-eyebrow {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 22px;
    padding: 8px 16px 8px 10px;
    border: 1px solid rgba(98, 227, 206, .28);
    border-radius: 999px;
    background: rgba(98, 227, 206, .1);
    box-shadow: inset 0 1px rgba(255, 255, 255, .06);
    color: #76e1db;
    font-family: Poppins, sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.home .cg-home-eyebrow::before {
    display: none;
}

.home .cg-home-eyebrow i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #62e3ce;
    color: #fff;
    font-size: 10px;
    box-shadow: 0 4px 12px rgba(98, 227, 206, .35);
}

.home .slider-home.cg-home-hero .header-text h1 {
    margin: 0 0 20px;
    color: #ffffff;
    font-family: Poppins, sans-serif;
    font-size: clamp(36px, 4.2vw, 52px);
    font-weight: 800;
    line-height: 1.08;
    letter-spacing: -.03em;
    text-align: left;
    text-shadow: none;
    text-transform: none;
}

.home .slider-home.cg-home-hero .header-text h1 .cg-hero-lead {
    display: block;
    color: #ffffff;
    font-family: Poppins, sans-serif;
    font-size: 1em;
    font-style: normal;
    font-weight: 800;
    line-height: 1.12;
    letter-spacing: -.03em;
    text-transform: none;
    -webkit-text-fill-color: #ffffff;
    background: none;
}

.home .slider-home.cg-home-hero .header-text h1 .cg-hero-accent,
.home .slider-home.cg-home-hero .header-text h1 span.cg-hero-accent {
    display: block;
    width: fit-content;
    max-width: 100%;
    margin-top: 4px;
    padding: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    color: #76e1db;
    font-family: Poppins, sans-serif;
    font-size: 1.02em;
    font-style: normal;
    font-weight: 800;
    line-height: 1.05;
    letter-spacing: -.02em;
    text-transform: uppercase;
    -webkit-text-fill-color: #76e1db;
    background: none;
    filter: none;
}

.home .slider-home.cg-home-hero .header-text h1 .cg-hero-accent__line {
    display: block;
    color: #76e1db;
    -webkit-text-fill-color: #76e1db;
    background: none;
}

.home .slider-home.cg-home-hero .header-text p {
    margin: 0 0 28px;
    color: rgba(220, 230, 242, .78);
    font-family: Poppins, sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.75;
    text-align: left;
    max-width: 500px;
}

.home .slider-home.cg-home-hero .btn-block {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-bottom: 26px;
    justify-content: flex-start;
}

.home .slider-home.cg-home-hero .btn-blue {
    color: #070b1f;
    border: 0;
    background: linear-gradient(135deg, #9aefe1 0%, #62e3ce 55%, #4fd4c1 100%);
    box-shadow:
            0 14px 34px rgba(98, 227, 206, .32),
            inset 0 1px rgba(255, 255, 255, .45);
}

.home .slider-home.cg-home-hero .btn-blue:hover {
    color: #041211;
    transform: translateY(-2px);
    box-shadow:
            0 18px 40px rgba(98, 227, 206, .4),
            inset 0 1px rgba(255, 255, 255, .5);
}

.home .slider-home.cg-home-hero .btn-black-border {
    color: #fff;
    border: 1px solid rgba(255, 255, 255, .38);
    background: rgba(255, 255, 255, .04);
    box-shadow: inset 0 1px rgba(255, 255, 255, .08);
}

.home .slider-home.cg-home-hero .btn-black-border:hover {
    color: #070b1f;
    border-color: #fff;
    background: #fff;
    transform: translateY(-2px);
}

/* Hero CTA buttons — forced optical center */
.home .slider-home.cg-home-hero a.cg-hero-btn.btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    width: fit-content !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    min-height: 52px !important;
    margin: 0 !important;
    padding: 0 28px !important;
    border-radius: 3px !important;
    font-family: Poppins, sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: .04em !important;
    line-height: 1 !important;
    text-align: center !important;
    text-indent: 0 !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
    transition: transform .22s ease, box-shadow .22s ease, background .22s ease, color .22s ease, border-color .22s ease;
}

.home .slider-home.cg-home-hero a.cg-hero-btn.btn span {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 52px !important;
    text-align: center !important;
    text-indent: 0 !important;
}

.home .slider-home.cg-home-hero a.cg-hero-btn.btn::before,
.home .slider-home.cg-home-hero a.cg-hero-btn.btn::after,
.home .slider-home.cg-home-hero a.cg-hero-btn.btn i {
    content: none !important;
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

.home .slider-home.cg-home-hero .inline-sticker,
.home .slider-home.cg-home-hero .cg-trust-row {
    display: inline-flex !important;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px !important;
    width: auto !important;
    max-width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    justify-content: flex-start;
}

.home .slider-home.cg-home-hero .inline-sticker li,
.home .slider-home.cg-home-hero .cg-trust-row li {
    display: block !important;
    width: auto !important;
    margin: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
}

.home .slider-home.cg-home-hero .cg-trust-chip {
    display: inline-flex !important;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 5px;
    margin: 0 !important;
    padding: 0;
    border: 0 !important;
    border-radius: 0;
    background: transparent !important;
    box-shadow: none !important;
    text-decoration: none !important;
    transition: opacity .2s ease, transform .2s ease;
}

.home .slider-home.cg-home-hero .cg-trust-chip:hover {
    background: transparent !important;
    border-color: transparent !important;
    opacity: .88;
    transform: translateY(-1px);
}

.home .slider-home.cg-home-hero .cg-trust-chip__top {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    white-space: nowrap;
}

.home .slider-home.cg-home-hero .cg-trust-chip__icon {
    display: block;
    width: 16px;
    height: 16px;
    flex: 0 0 auto;
}

.home .slider-home.cg-home-hero .cg-trust-chip__top strong {
    color: #ffffff !important;
    font-family: Poppins, sans-serif;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .01em;
    line-height: 1;
}

.home .slider-home.cg-home-hero .cg-trust-chip__sub {
    color: rgba(255, 255, 255, .92) !important;
    font-family: Poppins, sans-serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .01em;
    line-height: 1;
}

.home .slider-home.cg-home-hero .cg-trust-chip__stars {
    display: inline-flex;
    align-items: center;
    gap: 2px;
}

.home .slider-home.cg-home-hero .cg-trust-chip__stars i {
    display: block;
    width: 14px;
    height: 14px;
    border-radius: 2px;
    background: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.5l2.9 6.8 7.3.6-5.5 4.7 1.7 7.1L12 17.8 5.6 21.7l1.7-7.1L1.8 9.9l7.3-.6L12 2.5z'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.5l2.9 6.8 7.3.6-5.5 4.7 1.7 7.1L12 17.8 5.6 21.7l1.7-7.1L1.8 9.9l7.3-.6L12 2.5z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.home .slider-home.cg-home-hero .cg-trust-chip__stars--tp i { color: #0091b6; background: #0091b6; }
.home .slider-home.cg-home-hero .cg-trust-chip__stars--g i { color: #fbbc05; background: #fbbc05; }

.home .slider-home.cg-home-hero .inline-sticker img,
.home .slider-home.cg-home-hero .cg-trust-chip img {
    display: none !important;
}

.home .cg-book-spacer {
    display: none;
}

.home .cg-book-duo {
    position: relative !important;
    display: block !important;
    width: 100%;
    max-width: 560px;
    margin: 0 auto;
    min-height: 100%;
}

.home .cg-book-arts {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    overflow: hidden;
}

.home .cg-book-art {
    position: absolute;
}

.home .cg-book-art--glow {
    top: 50%;
    left: 50%;
    width: 520px;
    height: 520px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 255, 255, .85) 0%, rgba(196, 174, 122, .28) 40%, transparent 70%);
    transform: translate(-50%, -50%);
}

.home .cg-book-art--ring {
    top: 8%;
    right: 4%;
    width: 220px;
    height: 220px;
    border: 1px solid rgba(196, 174, 122, .45);
    border-radius: 50%;
    box-shadow: 0 0 0 28px rgba(98, 227, 206, .06);
}

.home .cg-book-art--ring2 {
    bottom: 10%;
    left: 2%;
    width: 160px;
    height: 160px;
    border: 1px dashed rgba(27, 103, 111, .28);
    border-radius: 50%;
}

.home .cg-book-art--dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #c4ae7a;
    opacity: .55;
}

.home .cg-book-art--dot1 { top: 14%; left: 18%; }
.home .cg-book-art--dot2 { top: 42%; right: 8%; background: #62e3ce; }
.home .cg-book-art--dot3 { bottom: 18%; right: 22%; width: 7px; height: 7px; }

.home .cg-book-art--line {
    top: 22%;
    left: 8%;
    width: 70px;
    height: 1px;
    background: linear-gradient(90deg, rgba(196, 174, 122, .7), transparent);
}

.home .cg-book-art--line2 {
    bottom: 24%;
    right: 10%;
    width: 56px;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(27, 103, 111, .45));
}

.home .cg-book-art--quill,
.home .cg-book-art--spark,
.home .cg-book-art--book {
    color: #1b676f;
    opacity: .22;
}

.home .cg-book-art--quill svg,
.home .cg-book-art--spark svg,
.home .cg-book-art--book svg {
    display: block;
    width: 100%;
    height: 100%;
}

.home .cg-book-art--quill { top: 10%; left: 6%; width: 54px; height: 54px; }
.home .cg-book-art--spark { top: 48%; right: 2%; width: 42px; height: 42px; color: #c4ae7a; opacity: .3; }
.home .cg-book-art--book { bottom: 12%; left: 10%; width: 58px; height: 58px; color: #a98224; opacity: .2; }

.home .cg-book-duo__stage {
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex !important;
    justify-content: center;
    align-items: stretch;
    gap: 22px;
    min-height: 100%;
    overflow: hidden;
    perspective: 900px;
    -webkit-mask-image: linear-gradient(180deg, transparent 0%, #000 10%, #000 90%, transparent 100%);
    mask-image: linear-gradient(180deg, transparent 0%, #000 10%, #000 90%, transparent 100%);
}

.home .cg-book-col {
    position: relative;
    flex: 0 0 auto;
    width: 228px;
    height: 100%;
    overflow: hidden;
}

.home .cg-book-col--up { margin-top: 0; }
.home .cg-book-col--down { margin-top: 0; width: 200px; }

.home .cg-book-slider__rail {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    width: 100%;
    padding: 0;
    margin: 0;
}

.home .cg-book-col--up .cg-book-slider__rail {
    animation: cgBookRailUp 38s linear infinite;
}

.home .cg-book-col--down .cg-book-slider__rail {
    animation: cgBookRailDown 42s linear infinite;
}

.home .cg-book-duo:hover .cg-book-slider__rail {
    animation-play-state: paused;
}

.home .cg-book-slide {
    position: relative;
    flex: 0 0 auto;
    display: block !important;
    width: 228px;
    height: 342px;
    margin: 0;
    border-radius: 4px 10px 10px 4px;
    overflow: hidden;
    background:
            linear-gradient(90deg, rgba(0, 0, 0, .18) 0%, transparent 8%),
            #d8d0c2;
    opacity: .48;
    transform: rotateY(-8deg) rotateZ(-.4deg);
    transform-origin: left center;
    box-shadow:
            0 18px 36px rgba(26, 29, 50, .14),
            0 4px 12px rgba(26, 29, 50, .08),
            inset 0 0 0 1px rgba(255, 255, 255, .35),
            inset 3px 0 8px rgba(0, 0, 0, .12);
    filter: saturate(.86) contrast(1.02);
    transition: opacity .25s ease, filter .25s ease, box-shadow .25s ease;
}

.home .cg-book-col--down .cg-book-slide {
    width: 200px;
    height: 300px;
    opacity: .38;
    transform: rotateY(-6deg) rotateZ(.35deg);
    border-radius: 3px 9px 9px 3px;
}

.home .cg-book-duo:hover .cg-book-slide {
    opacity: .58;
    filter: saturate(.94) contrast(1.04);
}

.home .cg-book-duo:hover .cg-book-col--down .cg-book-slide {
    opacity: .46;
}

.home .cg-book-slide::before {
    content: "";
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 10px;
    height: 100%;
    pointer-events: none;
    background: linear-gradient(90deg, rgba(0, 0, 0, .22), rgba(255, 255, 255, .12) 45%, transparent);
}

.home .cg-book-slide::after {
    content: "";
    position: absolute;
    z-index: 2;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(145deg, rgba(255, 255, 255, .18) 0%, transparent 32%, transparent 70%, rgba(0, 0, 0, .1) 100%);
    border-radius: inherit;
}

.home .cg-book-slide img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    opacity: .9;
}

@keyframes cgBookRailUp {
    from { transform: translate3d(0, 0, 0); }
    to { transform: translate3d(0, -50%, 0); }
}

@keyframes cgBookRailDown {
    from { transform: translate3d(0, -50%, 0); }
    to { transform: translate3d(0, 0, 0); }
}

@media (prefers-reduced-motion: reduce) {
    .home .cg-book-slider__rail { animation: none !important; }
    .home .cg-hero-copy { animation: none !important; }
    .home .cg-left-art { animation: none !important; }
}

@media (max-width: 991px) {
    .home .slider-home.cg-home-hero {
        min-height: 0;
        height: auto;
        display: block;
        padding: 0;
        overflow-x: hidden !important;
        overflow-y: visible !important;
        background:
                linear-gradient(180deg, #0b0f28 0%, #12193d 48%, #1a2652 58%, #f4efe6 58.2%, #f7f3eb 100%) !important;
        text-align: center !important;
    }

    .home .slider-home.cg-home-hero > .container {
        display: block !important;
        height: auto;
        width: min(100% - 32px, 1420px) !important;
        max-width: min(100% - 32px, 1420px) !important;
        padding-top: 28px;
        padding-bottom: 20px;
    }

    .home .slider-home.cg-home-hero .cg-hero-row {
        height: auto;
        min-height: 0;
    }

    .home .cg-hero-left-arts {
        width: 100%;
        opacity: .35;
    }

    .home .cg-left-art--ring,
    .home .cg-left-art--ring2,
    .home .cg-left-art--book,
    .home .cg-left-art--quill {
        display: none;
    }

    .home .cg-hero-bg__mesh {
        -webkit-mask-image: linear-gradient(180deg, #000 0%, #000 45%, transparent 58%);
        mask-image: linear-gradient(180deg, #000 0%, #000 45%, transparent 58%);
    }

    .home .slider-home.cg-home-hero .cg-hero-row > [class*="col-"] {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .home .cg-hero-copy {
        max-width: 100%;
        margin: 0 auto 18px;
        padding: 0 4px;
    }

    .home .cg-hero-copy,
    .home .slider-home.cg-home-hero .header-text h1,
    .home .slider-home.cg-home-hero .header-text p,
    .home .slider-home.cg-home-hero .header-text h1 .cg-hero-lead,
    .home .slider-home.cg-home-hero .header-text h1 .cg-hero-accent {
        text-align: center !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .home .slider-home.cg-home-hero .header-text h1 {
        font-size: clamp(26px, 7vw, 34px);
    }

    .home .slider-home.cg-home-hero .header-text h1 .cg-hero-accent {
        font-size: .95em;
        width: fit-content;
    }

    .home .slider-home.cg-home-hero .header-text p {
        font-size: 14px;
        max-width: 34em;
        margin-bottom: 22px !important;
    }

    .home .slider-home.cg-home-hero .btn-block,
    .home .slider-home.cg-home-hero .inline-sticker,
    .home .slider-home.cg-home-hero .cg-trust-row,
    .home .cg-home-eyebrow {
        justify-content: center !important;
    }

    .home .slider-home.cg-home-hero .cg-trust-row {
        gap: 14px !important;
    }

    .home .slider-home.cg-home-hero .cg-book-spacer {
        display: none;
    }

    .home .slider-home.cg-home-hero > .cg-book-duo {
        position: relative !important;
        inset: auto !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;
        width: 100% !important;
        max-width: 360px !important;
        min-height: 320px !important;
        margin: 8px auto 20px !important;
        -webkit-mask-image: none !important;
        mask-image: none !important;
    }

    .home .cg-book-duo__stage {
        position: relative !important;
        inset: auto !important;
        min-height: 320px !important;
        height: 320px !important;
        gap: 12px;
        -webkit-mask-image: linear-gradient(180deg, transparent 0%, #000 8%, #000 92%, transparent 100%) !important;
        mask-image: linear-gradient(180deg, transparent 0%, #000 8%, #000 92%, transparent 100%) !important;
    }

    .home .cg-book-col { width: 150px; }
    .home .cg-book-col--down { width: 136px; margin-top: 0; }
    .home .cg-book-slide { width: 150px; height: 225px; }
    .home .cg-book-col--down .cg-book-slide { width: 136px; height: 204px; }
    .home .cg-book-art--glow { width: 280px; height: 280px; opacity: .7; }
}

@media (max-width: 575px) {
    .home .slider-home.cg-home-hero .header-text h1 { font-size: 24px; }
    .home .slider-home.cg-home-hero .header-text h1 .cg-hero-accent,
    .home .slider-home.cg-home-hero .header-text h1 span.cg-hero-accent { font-size: .92em; }
    .home .cg-home-eyebrow {
        letter-spacing: .08em;
        font-size: 10px;
        padding: 7px 12px 7px 8px;
    }
    .home .slider-home.cg-home-hero .btn-block { flex-direction: column; align-items: stretch; gap: 10px; }
    .home .slider-home.cg-home-hero .btn-block .btn,
    .home .slider-home.cg-home-hero a.cg-hero-btn.btn {
        width: 100% !important;
        max-width: 100% !important;
    }
    .home .slider-home.cg-home-hero > .cg-book-duo {
        max-width: 300px !important;
        min-height: 300px !important;
    }
    .home .cg-book-duo__stage { height: 300px !important; min-height: 300px !important; }
    .home .cg-book-col { width: 128px; }
    .home .cg-book-col--down { width: 116px; }
    .home .cg-book-slide { width: 128px; height: 192px; }
    .home .cg-book-col--down .cg-book-slide { width: 116px; height: 174px; }
    .home .cg-book-art--ring,
    .home .cg-book-art--book { display: none; }
    .home .slider-home.cg-home-hero .cg-trust-chip__sub { display: none; }
}

/* Light theme — section below banner (cool soft blue-white, not cream) */
section.headercontactform {
    position: relative;
    background:
            radial-gradient(ellipse 55% 45% at 8% 0%, rgba(98, 227, 206, .07), transparent 50%),
            radial-gradient(ellipse 50% 40% at 100% 100%, rgba(23, 35, 99, .06), transparent 48%),
            linear-gradient(180deg, #e9eef5 0%, #f2f5f9 28%, #f7f9fc 100%) !important;
    border-top: 1px solid rgba(23, 35, 99, .12) !important;
    box-shadow:
            inset 0 1px rgba(255, 255, 255, .95),
            0 -18px 48px rgba(15, 19, 44, .05) !important;
}

section.headercontactform::before {
    border-color: rgba(23, 35, 99, .12) !important;
    box-shadow:
            0 0 0 42px rgba(98, 227, 206, .035),
            0 0 0 90px rgba(18, 27, 87, .02) !important;
}

/* Soft accent line under banner join */
.home section.headercontactform::after {
    content: "" !important;
    position: absolute !important;
    z-index: 2 !important;
    top: 0 !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;
    width: min(220px, 40%) !important;
    height: 3px !important;
    margin: 0 !important;
    transform: translate(-50%, -50%) !important;
    border: 0 !important;
    border-radius: 999px !important;
    opacity: 1 !important;
    pointer-events: none !important;
    background: linear-gradient(90deg, transparent, #7aa0c8 15%, #62e3ce 50%, #7aa0c8 85%, transparent) !important;
    box-shadow: 0 0 16px rgba(98, 227, 206, .25) !important;
}

.headercontactform .hcf-side-art {
    opacity: .48 !important;
    filter: saturate(.85) contrast(1.02) drop-shadow(0 16px 24px rgba(26, 29, 50, .08)) !important;
}

.headercontactform .hcf-eyebrow {
    color: #1b676f !important;
    border-color: rgba(27, 103, 111, .18) !important;
    background: rgba(98, 227, 206, .1) !important;
    box-shadow: inset 0 1px #fff !important;
}

.headercontactform h2 {
    color: #0f132c !important;
    text-shadow: none !important;
}

.headercontactform span.Yellow {
    color: #a88428 !important;
}

section.headercontactform form {
    border: 1px solid rgba(30, 40, 95, .12) !important;
    background:
            radial-gradient(circle at 8% 0, rgba(98, 227, 206, .05), transparent 30%),
            linear-gradient(145deg, #ffffff 0%, #f3f7fb 100%) !important;
    box-shadow:
            0 24px 50px rgba(26, 29, 50, .08),
            inset 0 1px #fff !important;
    -webkit-backdrop-filter: blur(8px) !important;
    backdrop-filter: blur(8px) !important;
}

section.headercontactform .form-control,
section.headercontactform input.form-control,
section.headercontactform textarea.form-control {
    color: #141933 !important;
    border: 1.5px solid rgba(20, 28, 70, .22) !important;
    border-radius: 10px !important;
    background: #f3f6fa !important;
    box-shadow: inset 0 1px 2px rgba(15, 21, 55, .04) !important;
    outline: 0 !important;
}

section.headercontactform .form-control::placeholder,
section.headercontactform input.form-control::placeholder,
section.headercontactform textarea.form-control::placeholder {
    color: #7a8699 !important;
    opacity: 1 !important;
}

section.headercontactform .form-control:focus,
section.headercontactform input.form-control:focus,
section.headercontactform textarea.form-control:focus {
    color: #141933 !important;
    border-color: rgba(27, 103, 111, .55) !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(98, 227, 206, .18) !important;
}

section.headercontactform .btn.btn-yellow {
    color: #fff !important;
    border-color: #101a58 !important;
    background:
            radial-gradient(circle at 15% 0, rgba(98, 227, 206, .25), transparent 44%),
            linear-gradient(135deg, #172363, #070e31) !important;
    box-shadow: 0 14px 28px rgba(8, 15, 56, .18), inset 0 1px rgba(255, 255, 255, .12) !important;
}

section.headercontactform .btn.btn-yellow:hover,
section.headercontactform .btn.btn-yellow:focus {
    color: #fff !important;
    filter: brightness(1.06);
}

/* Final hero CTA centering override (beats older .btn / .btn-block rules) */
.home .slider-home.cg-home-hero .btn-block .btn.cg-hero-btn,
.cg-home-hero .btn-block a.cg-hero-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    place-content: center !important;
    gap: 0 !important;
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: unset !important;
    max-width: none !important;
    height: 52px !important;
    min-height: 52px !important;
    margin: 0 !important;
    padding: 0 30px !important;
    border-radius: 4px !important;
    line-height: 52px !important;
    text-align: center !important;
    text-indent: 0 !important;
    letter-spacing: .03em !important;
}

.cg-home-hero .btn-block a.cg-hero-btn > span {
    display: inline-block !important;
    width: auto !important;
    margin: 0 auto !important;
    padding: 0 !important;
    line-height: 52px !important;
    text-align: center !important;
    vertical-align: middle !important;
}

.cg-home-hero .btn-block a.cg-hero-btn::before,
.cg-home-hero .btn-block a.cg-hero-btn::after {
    content: none !important;
    display: none !important;
}

@media (max-width: 575px) {
    .cg-home-hero .btn-block a.cg-hero-btn {
        width: 100% !important;
        justify-content: center !important;
        text-align: center !important;
    }
}



img.language-icon-img {
    width: 22px;
}

.topbar .col-md-3.text-right {
    display: flex;
    justify-content: end;
}   

.language-btn {
    background: transparent;
    border: 0;
    font-size: 14px;
    color: #000;
    position: relative;
    gap: 5px !important;
}

.language-btn::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
    color: #fff;
    top: 3px;
    position: relative;
}

.language-btn-area ul.gt_option {
    min-width: 140px;
    max-width: 140px;
    background: #F0F4F9;
    border: 0;
    padding: 6px 10px 0 !important;
    top: 38px;
    box-shadow: 0 10px 10px 0 #00000024;
    display:none;
    position: absolute;
    right: 0;
    z-index: 99999;
    border-radius: 6px;
}

.language-btn-area ul.gt_option span.carot {
    top: -13px;
    right: 0px;  
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 10px 13px 10px;
    border-color: transparent transparent #F0F4F9 transparent;
    transform: rotate(0deg);
    position: absolute;
}

.language-btn-area ul.gt_option li {
    margin: 7px 0;
    padding: 0 !important;
    display: block !important;
}

.language-btn-area ul.gt_option li a {
    color: #000;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    justify-content: start;
}

.language-btn-area ul.gt_option li a img {
    width: 18px;
    height: 12px;
    flex-shrink: 0;
    border-radius: 0px !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.language-btn-area ul.gt_option.gt_option.active {
    display: block;
}

.language-btn-area {
    position: relative;
    position: absolute;
    right: 20px;
    z-index: 99999;
}      

.gtranslate_wrapper {
    display: none;
}   


.cg-topbar__contact {
    margin-right: 112px !important;
}