a,
a:hover,
nav {
    transition: .3s
}

.accordion-item .accordion-button:focus,
.form-control:focus {
    box-shadow: none;
    outline: 0
}

@import '../../index.html';

#sticky-social-icons-container {
    position: fixed;
    z-index: 999;
    text-align: center;

    ul,
    li {
        margin: 0;
        padding: 0;
    }

    li {
        list-style: none;

        a {
            transition: 0.1s;
            transition-timing-function: linear;
            text-align: center;
            text-decoration: none;
            align-items: center;
            justify-content: center;
            display: flex;

        }

    }
}

i.fa.fa-star {
    color: #ffe400;
}

.d-flex1{
        display: flex !important;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-end;
    justify-content: space-between;
}
.review {
    padding: 20px 15px;
    margin-bottom: 20px;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 2px;
    -webkit-box-shadow: 0 0 6px 2px rgba(0, 0, 0, .36);
    box-shadow: 0 0 6px 2px rgba(0, 0, 0, .36);
    height: 18rem;
}

.error{

    color: var(--theme-accent-dark);

}

.top-header-image {
    height: 120px;
    /* image ki height */
    width: 100%;
}

.bg-white {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
    display: none !important;
}

.top-header-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Normal navbar state */
.navbar {
    position: relative;
    transition: all 0.3s ease;
}

/* Sticky navbar after scroll */
.navbar.sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 9999;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}


#sticky-social-icons-container.design-rounded.alignment-left {

    li:first-child a {
        border-radius: 0 5px 0 0;
    }

    li:first-child:last-child a {
        border-radius: 0 5px 5px 0;
    }

    li:last-child a {
        border-radius: 0 0 5px 0;
    }

    &.with-animation {
        li a:hover {
            border-radius: 0 5px 5px 0 !important;
        }
    }
}

.partners {
    text-align: center;
    padding: 50px 20px;
    background: #f9f9f9;
}

/* .partners h2 {
  font-size: 28px;
  margin-bottom: 30px;
  color: #333;
} */

.logo-container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 40px;
}

.show1 {
    display: none !important;
}



.logo-container img {
    height: 50px;
    /* opacity: 0.7; */
    transition: all 0.3s ease;
    /* filter: grayscale(100%); */
}

/* .logo-container img:hover {
  opacity: 1;
  filter: grayscale(0);
} */



.awards-img {
    display: flex;
    gap: 10px;
    text-align: center;
    /* text-align: revert-layer; */
    flex-wrap: wrap;
    align-content: stretch;
    justify-content: center;
}

#sticky-social-icons-container.design-rounded.alignment-right {
    li:first-child a {
        border-radius: 5px 0 0 0;
    }

    li:first-child:last-child a {
        border-radius: 5px 0 0 5px;
    }

    li:last-child a {
        border-radius: 0 0 0 5px;
    }

    &.with-animation {
        li a:hover {
            border-radius: 5px 0 0 5px !important;
        }
    }
}

#sticky-social-icons-container.alignment-left {
    left: 0;
}

#sticky-social-icons-container.alignment-right {
    right: 0;
}



#sticky-social-icons-container.alignment-left.with-animation {
    li a:hover {
        margin-right: -10px;
    }
}

#sticky-social-icons-container.alignment-right.with-animation {
    li a:hover {
        margin-left: -10px;
    }
}

@media(max-width: 767px) {


    #sticky-social-icons-container.hide-in-mobile {
        display: block !important;
    }


    [role~=tooltip][data-microtip-position=right]:hover:after,
    [role~=tooltip][data-microtip-position=right]:hover:before {
        display: none;
    }

}

#sticky-social-icons-container {
    top: 160px
}

#sticky-social-icons-container li a {
    font-size: 16px;
    width: 54px;
    height: 54px;
}

#sticky-social-icons-container.with-animation li a:hover {
    width: 64px;
}

#sticky-social-icons-container li a.fab-fa-facebook {
    color: #fff;
    background: #dd3333;
}

#sticky-social-icons-container li a.fab-fa-facebook:hover {
    color: #fff;
    background: #0a0000;
}

#sticky-social-icons-container li a.fab-fa-instagram {
    color: #fff;
    background: #dd3333;
}

#sticky-social-icons-container li a.fab-fa-instagram:hover {
    color: #fff;
    background: #0a0000;
}

#sticky-social-icons-container li a.fab-fa-twitter {
    color: #fff;
    background: #dd3333;
}

#sticky-social-icons-container li a.fab-fa-twitter:hover {
    color: #fff;
    background: #0a0000;
}

#sticky-social-icons-container li a.fab-fa-linkedin-in {
    color: #fff;
    background: #dd3333;
}

#sticky-social-icons-container li a.fab-fa-linkedin-in:hover {
    color: #fff;
    background: #000000;
}

#sticky-social-icons-container li a.fab-fa-youtube {
    color: #fff;
    background: #dd3333;
}

#sticky-social-icons-container li a.fab-fa-youtube:hover {
    color: #fff;
    background: #0a0000;
}

#sticky-social-icons-container li a.fab-fa-pinterest-p {
    color: #fff;
    background: #dd3333;
}

#sticky-social-icons-container li a.fab-fa-pinterest-p:hover {
    color: #fff;
    background: #0a0000;
}

@media(max-width: 415px) {
    #sticky-social-icons-container li a {
        font-size: 13.6px;
        width: 45.9px;
        height: 45.9px;
    }
}


.footer-details a,
.navbar .logo a,
a,
footer li a {
    text-decoration: none
}

p,
ul,
ul#dropdown {
    line-height: 2
}

footer ul,
ul#dropdown {
    padding-left: 0
}

.carousel>.wrap>ul,
footer li,
ul#dropdown {
    list-style: none
}

.header-counter {
    text-align: center;
    padding: 20px 0;
}

.counter-box {
    min-height: 50px;
    /* Fixed height to prevent layout shifts */
    font-size: 28px;
    font-weight: bold;
}

/* 
.box iframe {
  width: 100%;
  height: 200px;
  border-radius: 10px;
  border: none;
} */

.card-white {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 0 7px #0000004D;
    cursor: pointer;
    overflow: hidden;
    transition: transform 0.2s;
}

.card-white:hover {
    transform: scale(1.02);
}

.thumbnail {
    position: relative;
}

.thumbnail img {
    width: 100%;
    display: block;
    border-radius: 8px;
}

.play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 60px;
    color: white;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 50%;
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    pointer-events: none;
}

/* Popup Styles */
.video-popup {
    display: none;
    /* hidden by default */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 9999;
    justify-content: center;
    align-items: center;
}

.video-popup-content {
    position: relative;
    width: 90%;
    max-width: 800px;
    background: #000;
    border-radius: 10px;
    overflow: hidden;
}

.close-btn {
    position: absolute;
    top: 8px;
    right: 12px;
    color: #fff;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
    z-index: 10;
}

/* This div keeps the iframe intact */
.video-container {
    border-radius: 10px;
    overflow: hidden;
}

/* Make sure the iframe fills its box perfectly */
.video-container iframe {
    width: 100%;
    height: 250px;
    border: none;
    display: block;
}


/* #youtube-video {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 14rem;
    border-radius: 20px;
    min-height: 230px;
} */

.card-body-white h5 {
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 22px;
    display: flex;
    align-items: center;
    text-transform: capitalize;
    color: #252525;
    justify-content: center;
    padding: 45px 0px 10px 0px;
}


/* Scroll to Top Button */
#scrollTopBtn {
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Fixed position */
    bottom: 10px;
    /* 20px from the bottom */
    right: 24%;
    /* 30px from the right */
    z-index: 99;
    /* Place it on top of other elements */
    border: none;
    /* No border */
    outline: none;
    /* No outline */
    background-color: #0000005c;
    /* Dark grey background */
    color: white;
    /* White text */
    cursor: pointer;
    /* Pointer/hand icon */
    padding: 11px 17px;
    /* Some padding */
    border-radius: 100px;
    /* Rounded corners */
    border: 2px solid #c7c7c714;
}

.client-reviews-section .box:hover .cl-caption,
.p-card-content span a {
    text-decoration: underline
}

.card,
.navbar .search-box i,
.openBtn,
.overlay .closebtn,
.overlay button,
.pricing,
.seemore {
    cursor: pointer
}

@font-face {
    font-family: just-sans-regular;
    src: url('../fonts/just-sans/regular/regular.eot');
    src: url('../fonts/just-sans/regular/regulard41d.eot?#iefix') format('embedded-opentype'), url('../fonts/just-sans/regular/regular.woff2') format('woff2'), url('../fonts/just-sans/regular/regular.woff') format('woff'), url('../fonts/just-sans/regular/regular.ttf') format('truetype'), url('../fonts/just-sans/regular/regular.html#svgFontName') format('svg');
    font-display: swap
}

@font-face {
    font-family: just-sans-bold;
    src: url('../fonts/just-sans/bold/bold.eot');
    src: url('../fonts/just-sans/bold/boldd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/just-sans/bold/bold.woff2') format('woff2'), url('../fonts/just-sans/bold/bold.woff') format('woff'), url('../fonts/just-sans/bold/bold.ttf') format('truetype'), url('../fonts/just-sans/bold/bold.svg#svgFontName') format('svg');
    font-display: swap
}

body {
    overflow-x: hidden;
    background-color: #fff;
    /* background-image: url('../img/body_bg.png'); */
    background-repeat: repeat;
    background-position: top center
}

* {
    font-family: just-sans-regular, sans-serif
}

a {
    color: #000
}

a:hover {
    color: var(--theme-accent-dark)
}

.complete-Solution-section .slick-dotted.slick-slider,
.footer-details p:nth-child(2),
.header-lead-form .row>div,
figure,
p:last-child {
    margin-bottom: 0
}

footer li,
p {
    margin-bottom: 15px
}

.logo img {
    max-width: 436px
}

#more-1,
.complete-Solution-section .slick-prev,
.main-btn.btn-hover.btn-contact.custom,
.navbar .bx-menu,
.navbar .nav-links .sidebar-logo,
.slick-next {
    display: none
}

.shadow-sm .logo img {
    max-width: 300px
}

.header-lead-form {
    max-width: 580px;
    padding: 35px;
    float: right;
    background: #fff;
    box-shadow: 0 12px 10px 2px rgba(0, 0, 0, 10%);
    border-radius: 0;
    width: 100%
}

.masthead .header-lead-form input {
    width: 100%;
    height: 55px;
    border-radius: 7px;
    border-color: #a3a3a3;
    background: #fafafa;
    color: #757575;
    border-left: none;
    padding-left: 0
}

.masthead .input-group-text {
    border-color: #a3a3a3;
    padding-left: 20px;
    padding-right: 15px;
    border-right: 0
}

.header-lead-form .contact-title {
    color: #fff;
    position: relative
}

.header-lead-form .contact-title:before,
.header-lead-form:after {
    position: absolute;
    content: "";
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%
}

.header-lead-form .contact-title h2 {
    font-family: just-sans-bold, sans-serif;
    font-size: 20px;
    color: #fff;
    margin-bottom: 0;
    z-index: 1;
    position: relative;
    padding-right: 30px
}

.header-lead-form .contact-title p {
    color: #fff;
    font-size: 15px;
    font-family: just-sans-regular, sans-serif;
    z-index: 1;
    position: relative
}

.header-lead-form form.main-form {
    margin-top: 50px
}

.header-lead-form .form-group {
    margin-bottom: 10px;
    margin-top: 10px
}

.header-lead-form textarea {
    height: 150px;
    resize: none;
    border-color: #a3a3a3;
    border-radius: 7px;
    background: #fafafa;
    padding-left: 0 !important;
    border-left: none;
    padding-top: 20px;
    color: #757575 !important
}

.header-lead-form:after {
    top: 16px;
    left: -24px;
    background-image: url(../img/icons/form-heading-after.svg);
    height: 100%;
    z-index: -1
}

.header-lead-form .contact-title:before {
    bottom: -48px;
    left: -58px;
    background-image: url(../img/icons/form-heading-before.svg);
    height: 28px;
    z-index: 1
}

@media only screen and (min-width:992px) {

    .font-24,
    .masthead h1 {
        font-size: 24px
    }

    h2 {
        font-size: 55px
    }

    .masthead h1 {
        font-weight: 600
    }

    .masthead h2 {
        font-size: 54px
    }

    .about_us h1,
    .book_editing h1,
    .children-book-heading h1,
    .contact_us h1,
    .fiction-heading h1,
    .ghostwriting-heading h1,
    .illustration-heading h1,
    .marketing-heading h1,
    .memoir-heading h1,
    .nonfiction-heading h1,
    .publishing-heading h1,
    .services-heading h1 {
        font-size: 60px !important
    }

    .masthead-bold h1 {
        font-family: just-sans-regular, sans-serif
    }

    h3 {
        font-size: 40px
    }

    .pt-100 {
        padding-top: 100px
    }

    .pt-80 {
        padding-top: 80px
    }

    .inner-h2 {
        font-size: 46px;
        margin-left: 60px
    }

    .font-44 {
        font-size: 44px
    }

    .py-250 {
        padding-top: 200px !important;
        padding-bottom: 200px !important
    }

    .masthead .header-form input {
        width: auto;
    }

    p {
        font-size: 16px;
    }

    ul.js-sub-menu-2._htmlCss-sub-menu.sub-menu {
        left: 180px !important
    }

    .header-lead-form .contact-title h2,
    .header-lead-form .contact-title p {
        margin-left: -20px
    }

    .contact-form-section .form-group label {
        margin-top: 40px
    }

    .steps-body h3 {
        font-size: 42px
    }
}

@media only screen and (max-width:991px) {

    .section,
    section {
        padding-left: 7px;
        padding-right: 7px
    }

    .awards-img {
        display: inline-flex;
        gap: 0px;
        text-align: right;
    }

    html {
        overflow-x: hidden
    }

    .pb-5 {
        padding-bottom: 1rem !important
    }

    .row>div {
        margin-bottom: 30px
    }

    #after_cta .row>div,
    .client-reviews-section .row>div,
    .row>div:last-child,
    footer .row>div {
        margin-bottom: 10;
    }

    .masthead .header-form input {
        height: 50px;
        border-radius: 5px;
        border: 1px solid #ccc
    }

    .masthead .header-form {
        display: block;
        border-radius: 0 !important;
        background: 0 0;
        box-shadow: none;
        padding: 0
    }

    .masthead .main-btn {
        width: 100%;
        margin-top: 15px
    }

    .header-arrow,
    .m-br-hide br,
    a.main-btn.btn-hover.btn-contact {
        display: none
    }

    .vertical-spacing {
        padding-top: 50px !important;
        padding-bottom: 50px !important
    }

    .brands-section figure {
        max-height: 140px !important;
        margin-bottom: 0 !important
    }

    .brands-section figure img {
        max-width: 120px !important
    }

    .blockquote-icons-left:before {
        top: -20px;
        left: 10px
    }

    .blockquote-icons-right:after {
        bottom: -20px !important
    }

    .authot-name {
        text-align: left
    }

    .navbar-toggler {
        position: absolute;
        top: 30px;
        right: 30px
    }

    .footer-widget .logo img {
        max-width: 200px
    }

    .footer-social .list-wrap {
        justify-content: space-evenly !important;
        margin-top: 20px
    }

    footer {
        padding-left: 15px;
        padding-right: 15px
    }

    .masthead {
        padding-top: 110px !important
    }

    .testmonials-section .slick-slide p,
    .testmonials-section #reviews-container .review > p {
        padding: 20px
    }

    .btn-form,
    .main-btn {
        padding: 10px 30px !important;
        font-size: 16px !important
    }

    footer h4 {
        margin-top: 0 !important;
        margin-bottom: 25px !important
    }

    .header-counter .m-br-hide br {
        display: block !important
    }

    .header-counter .row>div,
    .header-lead-form .input-group.flex-nowrap {
        margin-bottom: 15px
    }

    .cta-btn-small {
        font-size: 11px !important;
        text-align: center
    }

    p.d-flex.align-items-center {
        display: block !important;
        text-align: center
    }

    .header-lead-form:after,
    .header-lead-form:before {
        content: none !important
    }

    .header-lead-form .contact-title {
        background: var(--theme-accent-dark);
        padding: 15px
    }

    .header-lead-form {
        padding: 0;
        max-width: 100%
    }

    .header-lead-form form.main-form {
        margin-top: 5px;
        padding: 15px
    }

    .header-lead-form .contact-title h2 {
        font-size: 20px
    }

    .services-section img {
        max-width: 130px
    }

    .client-reviews-section,
    .clients-section,
    section.pricing-section,
    section.pricing-section .regular.slider {
        padding-bottom: 0 !important
    }

    .pt-smm-0 {
        padding-top: 0 !important
    }

    .masthead {
        padding-bottom: 60px !important
    }

    .header-lead-form .contact-title:before {
        content: none
    }

    .max-height-500 {
        max-height: 350px !important
    }
}

.masthead h1 {
    font-weight: 600;
    font-size: 24px;
    text-transform: capitalize
}

.h3-font-inner h3 {
    font-size: 30px;
    margin-bottom: 30px
}

.bg-dark-2 {
    background: #f0f0f0
}

.bg-primary {
    background-color: var(--theme-accent-dark) !important
}

.text-primary {
    color: var(--theme-accent-dark) !important
}

.main-btn {
    padding: 10px 30px;
    border-radius: 50rem !important;
    color: #fff !important;
    text-decoration: none !important;
    background-color: var(--theme-accent-dark);
    font-weight: 900;
    text-transform: uppercase;
}

.base-font-color h2,
.p-card-content,
h2,
h3,
h4,
h5,
h6,
p {
    color: #000
}

.vertical-spacing {
    padding-top: 80px;
    padding-bottom: 80px
}

nav {
    position: fixed;
    top: 0px;
    left: 0;
    width: 100%;
    height: 70px;
    z-index: 99
}

.navbar-nav {
    gap: 60px
}

.nav-underline-tabs li a {
    color: #646464;
    font-size: 20px
}

.nav-underline-tabs li a.active {
    color: #000;
    font-weight: 700;
    border-bottom: 2px solid #6f559b
}

.border-bottom-primary {
    box-shadow: 0 3px 0 var(--theme-accent-dark)
}

.card {
    border-color: transparent;
    border-radius: 10px
}

.p-card-content {
    padding: 25px;
    font-size: 18px;
    text-transform: capitalize;
    text-align: center
}

.btn-form,
.popupform h2 {
    text-transform: uppercase
}

.p-card-content span a {
    color: #D4A55A;
    font-family: just-sans-bold, sans-serif
}

.portfolio-radius {
    border-radius: 41px;
    border: 2px solid #f6f6f6;
    position: relative;
    overflow: hidden
}

.portfolio-radius-top {
    border-top-left-radius: 41px;
    border-top-right-radius: 41px
}

h2,
h3,
h4,
h5,
h6 {
    font-family: just-sans-regular, sans-serif;
    font-weight: 700
}

.justify-space-between {
    justify-content: space-between
}

.p-80 {
    padding-bottom: 80px
}

.btn-hover {
    transition: .2s
}

.btn-hover:hover {
    background: #444;
    transition: .2s;
    border-color: #444
}

.accordion-item,
.faq-section .accordion-item:not(:first-of-type) {
    border-left: 0;
    border-right: 0;
    border-top-color: #a4a4a4;
    border-bottom-color: #a4a4a4
}

.btn:hover {
    background-color: #BE8C3D
}

.btn-small {
    padding: 10px 25px !important;
    width: 100%
}

.cta-btn-small {
    padding: 10px 35px !important;
    text-align: center
}

.book-btn:hover,
.btn-black-bg {
    background: #000
}

.bg-grdient,
.masthead {
    background-color: #fff
}

.btn-black-bg:hover {
    background: #444 !important
}

.accordion-button::after {
    background-image: url(../img/icons/plus.png);
    transition: none;
    height: 20px
}

.accordion-button:not(.collapsed)::after {
    background-image: url(../img/icons/minus.png);
    height: 4px
}

.faq-section .accordion-button {
    background: 0 0;
    padding: 30px 0;
    font-size: 20px
}

.faq-section .accordion,
.faq-section .accordion-header {
    background: 0 0
}

.bg-gredient-1:before,
.gd-form .bg-gredient-1 {
    display: block;
    background: linear-gradient(93.48deg, #D4A55A -161.22%, rgba(255, 220, 202, 0) 87.52%);
    height: 100%;
    width: 100%
}

.faq-section .accordion-item:first-of-type,
.faq-section .accordion-item:not(:first-of-type) {
    background: 0 0;
    border-radius: 0
}

.accordion-body {
    font-size: 16px;
    padding: 0 0 30px;
    line-height: 2
}

.accordion-item .accordion-button {
    color: var(--theme-accent-dark);
    font-weight: 700
}

.accordion-button.collapsed {
    color: #000;
    font-weight: 400
}

.masthead {
    padding-top: 180px;
    background: linear-gradient(90deg, #fffdfc, #F8F4EE, #F8F4EE);
    padding-bottom: 120px
}

.bg-grdient {
    background: linear-gradient(90deg, #fffdfc, #F8F4EE, #F8F4EE)
}

.header-form {
    margin-top: 40px;
    display: flex;
    justify-content: space-between;
    padding: 9px;
    background-color: #fff;
    box-shadow: 0 4px 3px rgba(0, 0, 0, .1)
}

.masthead .header-form {
    max-width: 500px
}

.header-form input {
    border: none;
    outline: 0;
    padding-left: 30px;
    width: 100%;
    padding-right: 30px
}

.header-arrow {
    position: absolute;
    top: 187px;
    right: -3rem;
}

.brands-section figure {
    align-items: center;
    display: flex;
    justify-content: center;
    max-height: 200px;
    margin-bottom: 30px;
    height: 200px;
    border-radius: 30px;
    transition: .3s;
    box-shadow: 0 1px 6px 1px rgb(0 0 0 / 11%)
}

.brands-section figure:hover {
    cursor: pointer;
    transition: .3s
}

.brands-section figure img,
.footer-widget .logo img {
    max-width: 200px
}

.bg-gredient-1 {
    position: relative
}

.bg-gredient-1:before {
    content: "";
    /* position: absolute; */
    top: 0;
    opacity: .7
}

.contact-form-section .form-group input,
.contact-form-section .form-group textarea {
    background-color: transparent;
    width: 100%;
    padding: 20px 20px 20px 0;
    box-sizing: border-box;
    border: none;
    font-weight: 500;
    font-size: 18px;
    border-bottom: 2px solid #9a9a9a;
    border-radius: 0
}

.btn-form {
    padding: 15px 60px;
    background: #000;
    border: 1px solid #000;
    border-radius: 50px;
    font-size: 24px;
    color: #fff;
    font-weight: 700
}

.contact-form-section .form-group label {
    font-size: 18px;
    font-weight: 500;
    margin-top: 15px
}

input::placeholder,
textarea::placeholder {
    color: #000;
    font-size: 16px;
    font-weight: 500
}

.contact-form-section input::placeholder,
.contact-form-section textarea::placeholder {
    color: #000;
    font-size: 18px
}

.form-control:focus {
    background: #fafafa;
    border-color: #a3a3a3
}

footer {
    background: #fffdfc
}

footer h4 {
    color: #010208;
    font-size: 22px;
    margin-top: 25px;
    margin-bottom: 25px
}

footer li a,
footer p {
    color: #776f6e;
    font-size: 16px
}

.footer-details p {
    color: #776f6e;
}

.footer-details a {
    color: var(--theme-accent-dark)
}

.footer-social .list-wrap {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 0
}

.footer-social .list-wrap li {
    margin-right: 20px;
    margin-bottom: 0
}

.footer-social .list-wrap li:last-child {
    margin-right: 0
}

.footer-social .list-wrap li a {
    font-size: 22px;
    color: #646464
}

.brand-font,
.footer-social .list-wrap li a:hover {
    color: var(--theme-accent-dark)
}

.footer-bottom p {
    color: #000;
    margin-right: 20px
}

.innner-card-section .card-body h4 {
    font-size: 32px;
    text-transform: capitalize;
    margin-top: 50px;
    margin-bottom: 30px
}

.innner-card-section .card-body,
.popupform {
    padding: 0
}

.platform-section {
    display: flex;
    justify-content: space-between
}

.slick-track {
    align-items: center;
    display: flex
}

.slick-dots li.slick-active button:before {
    color: var(--theme-accent-dark);
    opacity: 1
}

.testmonials-section .slick-dots li button:before {
    top: 30px
}

.slick-dots li {
    width: 10px;
    height: 10px;
    margin: 0 4px
}

.blockquote-icons-left:before {
    content: "";
    display: block;
    position: absolute;
    background: url('../img/quote-left.png') no-repeat;
    top: -10px;
    left: 30px;
    width: 47px;
    height: 47px;
    display: none;
}

.blockquote-icons-right:after {
    content: "";
    display: block;
    position: absolute;
    background: url('../img/quote-right.png') no-repeat;
    bottom: 30px;
    right: 30px;
    width: 47px;
    height: 47px;
    display: none;
}

.authot-name {
    text-align: right;
    font-style: italic;
    font-weight: 500;
    padding-right: 20px
}

.testmonials-section .slick-slide p,
.testmonials-section #reviews-container .review > p {
    color: #8b7171;
    font-style: italic;
    /* text-align: center; */
    margin-bottom: 30px
}

.openBtn {
    border: none
}

.overlay {
    height: 100%;
    width: 100%;
    display: none;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .9)
}

.overlay-content {
    position: relative;
    top: 46%;
    width: 50%;
    text-align: center;
    margin: auto
}

.overlay .closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px;
    color: #fff
}

.overlay .closebtn:hover {
    color: #ccc
}

.overlay input[type=text] {
    padding: 15px;
    font-size: 17px;
    border: none;
    float: left;
    width: 80%;
    background: #fff
}

.overlay input[type=text]:hover {
    background: #f1f1f1
}

.overlay button {
    float: left;
    max-width: 60px;
    padding: 15px;
    font-size: 17px;
    border: none;
    background: 0 0
}

.btn-search i {
    color: var(--theme-accent-dark);
    font-size: 25px;
    font-weight: 300
}

.card {
    transition: .3s
}

.card:hover {
    box-shadow: 0 2px 3px 3px rgb(0 0 0 / 6%);
    transform: scale(1.01);
    transition: .3s
}

.card.portfolio-radius:hover .card-body {
    background: #F8F4EE
}

.services-section img {
    max-width: 100%;
    height: 150px
}

nav .fa-times:before {
    position: absolute;
    top: 15px;
    right: 15px;
    font-weight: 200;
    color: #444;
    font-size: 22px
}

nav .navbar {
    height: 100%;
    max-width: 1526px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: auto;
}

.navbar .logo a {
    font-size: 30px;
    color: #fff;
    font-weight: 600
}

nav .navbar .links {
    display: flex;
    margin-bottom: 0
}

nav .navbar .links li {
    position: relative;
    list-style: none;
    padding: 0 14px;
}

nav .navbar .links li a {
    text-decoration: none;
    white-space: nowrap;
    font-size: 17px;
}

.links li:hover .htmlcss-arrow,
.links li:hover .js-arrow {
    transform: rotate(180deg)
}

.links li:hover .js-sub-menu-2:hover .htmlcss-arrow {
    transform: rotate(270deg)
}

nav .navbar .links li .arrow {
    width: 22px;
    text-align: center;
    display: inline-block;
    transition: .3s;
    font-size: 14px;
    font-weight: 300
}

nav .navbar .links li .sub-menu {
    position: absolute;
    top: 32px;
    left: 0;
    background: #fff;
    box-shadow: 1px 4px 12px rgba(0, 0, 0, .2);
    border-radius: 15px;
    display: none;
    z-index: 2;
    padding: 20px 25px
}

.links li .sub-menu .more:hover .more-sub-menu,
nav .navbar .links li:hover .htmlCss-sub-menu,
nav .navbar .links li:hover .js-sub-menu {
    display: block
}

.navbar .links li .sub-menu li {
    padding: 5px 15px;
    border-bottom: 0 solid #F8F4EE
}

.navbar .links li .sub-menu a {
    font-size: 15px;
    font-weight: 500
}

.navbar .links li .sub-menu .more-arrow {
    line-height: 40px
}

.navbar .links li .sub-menu .more-sub-menu {
    position: absolute;
    top: 0;
    left: 100%;
    border-radius: 0 4px 4px;
    z-index: 1;
    display: none
}

.navbar .search-box {
    position: relative;
    height: 40px;
    width: 40px
}

.navbar .search-box i {
    position: absolute;
    height: 100%;
    width: 100%;
    line-height: 40px;
    text-align: center;
    font-size: 22px;
    color: #fff;
    font-weight: 600;
    transition: .3s
}

.navbar .search-box .input-box {
    position: absolute;
    right: calc(100% - 40px);
    top: 80px;
    height: 60px;
    width: 300px;
    background: #3e8da8;
    border-radius: 6px;
    opacity: 0;
    pointer-events: none;
    transition: .4s
}

.navbar.showInput .search-box .input-box {
    top: 65px;
    opacity: 1;
    pointer-events: auto;
    background: #3e8da8
}

.search-box .input-box::before {
    content: '';
    position: absolute;
    height: 20px;
    width: 20px;
    background: #3e8da8;
    right: 10px;
    top: -6px;
    transform: rotate(45deg)
}

.search-box .input-box input {
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 4px;
    transform: translate(-50%, -50%);
    height: 35px;
    width: 280px;
    outline: 0;
    padding: 0 15px;
    font-size: 16px;
    border: none
}

ul#dropdown {
    position: absolute;
    top: 75px;
    left: 0;
    background: #fff;
    width: 100%;
    text-align: left;
    border-top: 1px solid #ccc
}

ul#dropdown li {
    border-bottom: 1px solid #ccc;
    padding: 10px 30px
}

.overlay-content form#search-form {
    margin-top: 0
}

li.js-sub-menu-2:hover>ul {
    display: block !important;
    left: 175px !important;
    top: 0 !important
}

@media (max-width:920px) {
    nav .navbar {
        max-width: 100%;
        padding: 0 25px
    }

    nav .navbar .logo a {
        font-size: 27px
    }

    nav .navbar .links li {
        padding: 0 10px;
        white-space: nowrap
    }

    nav .navbar .links li a {
        font-size: 15px
    }

    .htmlCss-sub-menu li {
        border-bottom: 1px solid #F8F4EE !important;
        padding: 0 0 0 20px !important
    }
}

.carousel ul {
    padding: 0 !important
}

.slick-dots li button:before {
    opacity: 1;
    color: #d9d9d9;
    font-size: 34px !important
}

.sub-menu {
    min-width: 240px
}

@media (max-width:800px) {

    .logo,
    .sidebar-logo .logo-name,
    figure {
        margin-left: auto;
        margin-right: auto;
        text-align: center
    }

    li.js-sub-menu-2:hover>ul {
        display: block !important;
        left: -18px !important;
        top: -4px !important
    }

    .masthead .home {
        font-weight: 600;
        font-size: 15px
    }

    figure {
        width: 100%
    }

    .counting-1 figure,
    .counting-2 figure,
    .counting-3 figure,
    .counting-4 figure,
    .counting-5 figure,
    .counting-6 figure {
        text-align: inherit
    }

    .logo,
    .sidebar-logo .logo-name {
        width: 80%
    }

    .points-head:last-child {
        padding-bottom: 40px
    }

    .authot-name {
        text-align: center
    }

    .main-btn.btn-hover.btn-contact.custom {
        display: block;
        width: 100%;
        float: left;
        text-align: center;
        padding: 4px !important
    }

    .navbar .bx-menu,
    .navbar .nav-links.show1 .links .htmlCss-sub-menu,
    .navbar .nav-links.show2 .links .more .more-sub-menu,
    .navbar .nav-links.show3 .links .js-sub-menu {
        display: block
    }

    nav .navbar .nav-links {
        position: fixed;
        top: 0;
        left: -100%;
        display: block;
        max-width: 320px;
        width: 100%;
        height: 100%;
        background: #fff;
        line-height: 40px;
        padding: 20px;
        box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
        transition: .5s;
        z-index: 1000
    }

    .navbar .links li .sub-menu .more-sub-menu li,
    .navbar .nav-links .sidebar-logo {
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .sidebar-logo .logo-name {
        font-size: 25px;
        color: #fff
    }

    .navbar .bx-menu,
    .sidebar-logo i {
        font-size: 27px;
        right: 30px;
        font-weight: 300;
        color: #000
    }

    nav .navbar .links {
        display: block;
        margin-top: 20px;
        padding-left: 0;
        margin-bottom: 20px
    }

    nav .navbar .links li .arrow {
        line-height: 40px;
        float: right;
        color: #4e4e4e;
        font-weight: 300
    }

    nav .navbar .links li {
        display: block;
        border-bottom: 1px solid #F8F4EE
    }

    nav .navbar .links li .sub-menu {
        position: relative;
        top: 0;
        box-shadow: none;
        display: none
    }

    nav .navbar .links li .sub-menu li {
        border-bottom: none
    }

    .navbar .links li .sub-menu .more-sub-menu {
        position: relative;
        left: 0;
        display: none
    }

    .links li:hover .htmlcss-arrow,
    .links li:hover .js-arrow {
        transform: rotate(0)
    }

    .navbar .links li .sub-menu .more span {
        display: flex;
        align-items: center
    }

    .btn-contact,
    .links li .sub-menu .more:hover .more-sub-menu,
    nav .navbar .links li:hover .htmlCss-sub-menu,
    nav .navbar .links li:hover .js-sub-menu {
        display: none
    }

    .navbar .nav-links.show1 .links .htmlcss-arrow,
    .navbar .nav-links.show3 .links .js-arrow {
        transform: rotate(180deg)
    }

    .navbar .nav-links.show2 .links .more-arrow {
        transform: rotate(90deg)
    }

    .logo img {
        max-width: 150px !important;
    }

    .overlay-content {
        width: 90%
    }

    .footer-widget .logo {
        text-align: left
    }

    .plan-sch {
        margin-bottom: 30px
    }

    .f-month {
        padding-bottom: 0 !important
    }

    .pack-main-wrapper .row>div {
        margin-bottom: 0
    }
}

.header-counter,
.plan-p-1,
.pricing h2,
span.off,
span.per-word {
    text-align: center
}

@media (max-width:370px) {
    nav .navbar .nav-links {
        max-width: 100%
    }

    nav .fa-chevron-down:before {
        content: "\f078";
        font-size: 14px;
        font-weight: 400;
        color: var(--theme-accent-dark)
    }
}

.header-counter {
    padding: 40px 0 0
}

#shiva {
    float: left;
    margin: 5px
}

.counter-box .count,
.pricing h3 {
    font-size: 35px;
    color: var(--theme-accent-dark);
    font-family: just-sans-bold
}

.counter-box span {
    font-size: 35px;
    color: var(--theme-accent-dark);
    font-family: just-sans-bold, sans-serif
}

.font-16,
.popupform h2 {
    font-family: just-sans-bold
}

#talkbubble {
    width: 120px;
    height: 80px;
    background: red;
    position: relative;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    float: left;
    margin: 20px
}

#talkbubble:before {
    content: "";
    position: absolute;
    right: 100%;
    top: 26px;
    width: 0;
    height: 0;
    border-top: 13px solid transparent;
    border-right: 26px solid red;
    border-bottom: 13px solid transparent
}

.linker {
    font-size: 20px;
    font-color: black
}

span.count-title {
    font-size: 17px;
    color: #fff
}

.font-16 {
    font-size: 16px
}

.card-1 {
    margin-left: 15px;
    margin-right: 15px
}

.carousel>.slide {
    pointer-events: none;
    bottom: 0;
    left: 0;
    border-radius: 10px;
    opacity: 0;
    transition: opacity .2s, bottom .2s
}

.carousel:hover>.slide {
    opacity: 1;
    bottom: -10px
}

.carousel>.wrap {
    overflow: hidden;
    border-radius: 5px
}

.carousel>.wrap>ul {
    white-space: nowrap;
    height: 450px
}

.carousel>.wrap>ul>li {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    margin: 0 0 0 5px;
    position: relative;
    overflow: hidden;
    transition: .25s ease-out
}

.carousel>.wrap>ul>li:first-child {
    margin: 0
}

.carousel>.wrap>ul>li>img {
    display: block;
    height: 440PX;
    margin: auto;
    vertical-align: bottom;
    position: relative;
    transition: 1s
}

.popupform ul li {
    text-align: left;
    position: relative;
    width: 48%;
    margin: 8px 3px;
    display: inline-block
}

.popupform ul li input[type=email],
.popupform ul li input[type=text],
.popupform ul li select,
.popupform ul li textarea {
    background: #fafafa;
    border: 1px solid #dcdcdc;
    padding: 10px 10px 10px 34px;
    width: 100%;
    border-radius: 7px;
    font-size: 14px;
    color: #000;
    box-shadow: none !important;
    outline: 0 !important
}

.popupform ul li i {
    position: absolute;
    top: 12px;
    left: 10px
}

.popupform ul li.first,
.popupform ul li:nth-child(4) {
    width: 98%
}

.popupform ul li textarea {
    height: 110px
}

.popupform ul li.f-field,
.popupform ul li.last {
    width: 100%
}

.popupform ul li input[type=submit] {
    background: #ddac23;
    color: #fff;
    font-size: 18px;
    border: 1px solid #ddac23;
    text-transform: uppercase;
    font-weight: 600;
    padding: 14px 50px;
    letter-spacing: 1px;
    border-radius: 3px;
    outline: 0;
    width: 100%;
    display: inline-block
}

.popupform ul li input[type=submit]:hover {
    background: #c79a1b
}

.popupform ul li input[type=email]:focus,
.popupform ul li input[type=text]:focus,
.popupform ul li textarea:focus {
    border: 1px solid #ddac23 !important
}

.modal_main {
    border-radius: 23px;
    padding: 25px;
    overflow: visible;
    border-bottom: 5px solid var(--theme-accent-dark);
    /* background-image: url(../img/about/New-Year.png); */
    background-size: contain;
    background-color: white;
    background-repeat: no-repeat;
}


.modal_main .modal-header {
    border: none;
    padding: 0
}

.modal_main .form-control {
    background: #fafafa;
    border: 1px solid #dcdcdc;
    height: 45px;
    border: 1px solid var(--theme-accent-dark);
}

.modal_main .form-control:focus {
    border: 1px solid var(--theme-accent-dark)
}

.modal_main textarea {
    height: 150px !important
}

.modal {
    background: rgba(0, 0, 0, .7)
}

.popupform h2 {
    font-size: 25px;
    color: #000;
    font-weight: 900;
    padding-left: 15px;
    border-left: 6px solid var(--theme-accent-dark);
    margin-bottom: 12px;
    line-height: 35px;
    margin-top: 0
}

.popupform h2+p {
    line-height: 19px;
    font-size: 17px;
    margin-bottom: 12px
}

.popupform .fancybox-close-small {
    border: 3px solid #ddac23;
    background: #fff;
    border-radius: 72px;
    text-align: center;
    box-shadow: #000 0 0 10px;
    right: -18px;
    top: -11px
}

.popupform .fancybox-close-small:after {
    color: #ddac23;
    right: 4px;
    background: 0 0;
    padding-top: 0;
    font-size: 20px
}

.clients-section .slick-slide img {
    display: block;
    max-width: 150px;
    margin: 0 auto
}

.pricing-section .container {
    overflow: hidden
}

.pricing-section .slick-list {
    overflow: visible
}

.pricing-section .slick-next {
    right: 10px
}

.pricing-section .slick-prev {
    left: 0;
    z-index: 1
}

.pricing-section .slick-prev:before,
.slick-next:before {
    font-size: 30px;
    color: #333
}

.pricing-section button.slick-next.slick-arrow {
    display: block !important
}

button.slick-next.slick-arrow {
    display: none !important
}

.pricing-section .slick-slide.slick-current.slick-active.slick-center,
.pricing-section-mark .slick-slide:nth-child(2) {
    margin-top: -100px;
    transition: .3s
}

.pricing {
    background-color: #fff;
    border-radius: 20px;
    color: #252525;
    box-shadow: 0 2px 15px #00000014;
    padding: 30px;
    transition: .3s
}

.pricing-section .action-wrapper>a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    transition: .3s
}

.pricing-section .action-wrapper>a:hover {
    transform: translateY(-3.925px);
    color: #fff;
    transition: .3s
}

.pricing-section .action-wrapper {
    margin-top: -55px;
    max-width: 240px;
    margin-left: auto;
    margin-right: auto
}

.pkg-list {
    margin: 0 0 40px;
    height: 175px;
    position: relative;
    overflow-y: auto
}

.h-inner-1,
.h-inner-2 {
    /* margin-left: -30px; */
    font-weight: 600
}

.pricing .pkg-list::-webkit-scrollbar {
    width: 5px;
    height: 10px
}

.pricing .pkg-list::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #fff;
    border-radius: 10px;
    height: 20px
}

.pricing .pkg-list::-webkit-scrollbar-thumb {
    background: rgba(153, 153, 153, .25);
    border-radius: 10px;
    height: 10px
}

.pricing .pkg-list::-webkit-scrollbar-thumb:hover {
    background: rgba(153, 153, 153, .25)
}

.plan-p-1 {
    line-height: 1.5;
    color: black;
    padding: 10px 0;
    margin-bottom: 0;
    font-weight: bold;
}

.f-month {
    color: #b2b8ca;
    font-size: 15px;
    display: block;
    padding-bottom: 30px
}

.pricing h2 {
    font-size: 30px;
    color: #252525
}

span.per-word {
    display: block;
    font-weight: 700;
    font-size: 15px
}

span.off,
span.offer-dis {
    font-size: 13px
}

.pricing .cut-price {
    font-size: 24px;
    color: #999;
    text-decoration: line-through;
    font-family: just-sans-regular;
    font-weight: 700
}

.badge-seller:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    background-image: url(../img/icons/best-seller-badge.png);
    background-size: contain;
    background-repeat: no-repeat;
    height: 106px;
    width: 100%;
    background-position: right top
}

.pack-main-wrapper .top-plan-text {
    border-radius: 49px;
    padding: 10px 30px;
    margin-bottom: 20px !important;
    display: table;
    margin: 0 auto
}

.pack-1-wrapper .top-plan-text {
    background: var(--theme-accent-dark);
    color: white;
    /* font-weight: bold; */
}

.pack-2-wrapper .top-plan-text {
    background: #323637;
    color: #fff
}

.pack-3-wrapper .top-plan-text {
    background: #e0983b;
    color: #fff
}

.pack-4-wrapper .top-plan-text {
    background: #eaf54638;
    color: #abb700
}

.pack-5-wrapper .top-plan-text {
    background: #e6f6ff;
    color: #488cfb
}

.pack-6-wrapper .top-plan-text {
    background: #00a1593d;
    color: #20cb98
}

.pack-2-wrapper .action-wrapper>a {
    background: #323637
}

.pack-2-wrapper h3 {
    color: var(--theme-accent-dark);
}

.h-inner-1 {
    font-size: 18px !important;
    display: block;
    color: #252525 !important
}

.h-inner-2 {
    font-size: 16px !important;
    display: block;
    color: #434343 !important
}

.plan-sch-1,
.plan-sch-2 {
    font-size: 14px;
    text-align: right;
    display: block
}

.pack-1-wrapper .h-inner {
    font-weight: 600;
    font-size: 18px;
    color: #252525;
    margin-bottom: 10px
}

.pack-3-wrapper .action-wrapper>a {
    background: #e0983b
}

.pack-3-wrapper h3 {
    color: #f45948
}

.pack-4-wrapper .action-wrapper>a {
    background: #abb700
}

.pack-4-wrapper h3 {
    color: #abb700
}

.pack-5-wrapper .action-wrapper>a {
    background: #488cfb
}

.pack-5-wrapper h3 {
    color: #488cfb
}

.pack-6-wrapper .action-wrapper>a {
    background: #20cb98
}

.points-btn a:first-child,
.pricing-btn {
    background-color: var(--theme-accent-dark)
}

.pack-6-wrapper h3 {
    color: #20cb98
}

.pack-main-wrapper ::marker {
    font-size: 20px;
    vertical-align: middle;
    line-height: .1
}

.pack-1-wrapper ::marker {
    color: var(--theme-accent-dark)
}

.pack-2-wrapper ::marker {
    color: #323637
}

.pack-3-wrapper ::marker {
    color: #f45948
}

.pack-4-wrapper ::marker {
    color: #abb700
}

.pack-5-wrapper ::marker {
    color: #488cfb
}

.pack-6-wrapper ::marker {
    color: #20cb98
}

.plan-sch-1 {
    color: #666;
    margin-bottom: 5px
}

.plan-sch-2 {
    color: #999;
    padding-left: 30px
}

.points-btn a,
.pricing-btn {
    padding: 12px 45px;
    border-radius: 50rem;
    text-decoration: none;
    text-transform: uppercase
}

span.off {
    display: block
}

ul.pricingul li {
    padding: 0 15px 0 5px;
    color: #666
}

.pricing-btn {
    color: #fff;
    font-weight: 900;
    margin-top: 20px;
    text-align: center;
    justify-content: center
}

.cl-caption,
span.offer-dis {
    display: block;
    font-weight: 700;
    text-align: center
}

.pricing-btn:hover {
    color: #252525 !important
}

.action-wrapper>a {
    display: block;
    margin: 15px 0 0 !important
}

.max-height-500 {
    max-height: 620px
}

.cl-caption {
    font-size: 22px;
    font-family: just-sans-regular;
    padding: 30px 0;
    max-height: 100px;
    overflow: hidden
}

.client-reviews-section .box {
    text-align: center;
    transition: .3s
}

.client-reviews-section .box img {
    text-align: center;
    border-radius: 44px;
    transition: .3s
}

.client-reviews-section .slick-slide {
    padding: 15px
}

.client-reviews-section .slick-dots li button:before {
    content: '-'
}

.client-reviews-section .box:hover img {
    border-radius: 44px;
    transform: scale(1.023);
    box-shadow: 1px 1px 7px 5px #F8F4EE;
    filter: grayscale(1);
    transition: .3s
}

.icons-fa {
    padding-right: 10px
}

.contact-details p.address {
    display: flex;
    align-items: baseline;
    color: var(--theme-accent-dark)
}

.contact-details p.address span {
    margin-left: 10px
}

.first-left h2,
.p-text-large {
    font-size: 24px
}

.steps-wrapper {
    margin-bottom: 25px;
    align-items: baseline
}

.service-step {
    font-size: 46px;
    color: var(--theme-accent-dark);
    font-family: just-sans-bold;
    padding-right: 40px
}

.max-height-450 {
    max-height: 450px
}

.pricing-section .slick-slide {
    transition: .3s;
    padding: 15px
}

.points-head h2 {
    text-align: center
}

.points-head p {
    text-align: center;
    font-size: 16px
}

.counting-1 h2,
.counting-2 h2,
.counting-3 h2,
.counting-4 h2,
.counting-5 h2 {
    font-size: 24px;
    color: var(--theme-accent-dark);
    font-weight: 600;
    line-height: 24px;
    font-family: just-sans-regular;
    display: inline-block;
    margin-bottom: 0
}

.points-1 .counting-4,
.points-1 .counting-5 {
    padding-top: 60px
}

.points-2 .counting-1 h2,
.points-2 .counting-2 h2,
.points-2 .counting-3 h2 {
    top: 36%
}

.counting-1 p,
.counting-2 p,
.counting-3 p,
.counting-4 p,
.counting-5 p {
    font-size: 14px;
    line-height: 20px;
    width: 80%;
    margin-top: 15px
}

.points-btn {
    text-align: center;
    padding-top: 40px;
    padding-bottom: 20px
}

.points-btn a {
    color: #fff;
    font-weight: 900
}

.points-btn a:nth-child(2) {
    background-color: #000
}

.content-wrapper {
    position: relative;
    top: -22px;
    left: 85px
}

#services-dropdown {
    display: none;
    list-style: none;
    padding: 0;
    margin: 0;
    background: #f8f9fa;
    border: 1px solid #ddd;
    position: absolute;
    width: 200px;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
}

#services-dropdown li {
    padding: 10px;
}

#services-dropdown li:hover {
    background: #ddd;
}

 section.content {
      padding: 40px 20px;
      text-align: center;
    }

    /* --- Bottom Review Box --- */
    .bottom-reviews {
      position: fixed;
      bottom: 20px;
      left: 20%;
      transform: translateX(-50%);
      width: 90%;
      max-width: 600px;
      background: #ffffff;
      border-radius: 12px;
      box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
      overflow: hidden;
      padding: 20px 24px 24px;
      z-index: 1000;
      transition: all 0.4s ease, opacity 0.4s ease;
      opacity: 1;
    }

    /* fade out when hidden */
    .bottom-reviews.hide {
      opacity: 0;
      transform: translateX(-50%) translateY(20px);
      pointer-events: none;
    }

    .bottom-reviews .review-card {
      display: none;
      animation: fadeSlide 0.6s ease forwards;
    }

    .bottom-reviews .review-card.active {
      display: block;
    }

    @keyframes fadeSlide {
      from {
        opacity: 0;
        transform: translateY(8px);
      }

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

    .review-text {
      margin: 0 0 10px;
      font-size: 15px;
      color: #333;
      line-height: 1.5;
    }

    .review-author {
      margin: 0;
      font-weight: 600;
      color: var(--theme-accent-dark);
      font-size: 14px;
    }

    /* --- Close button (X) --- */
    .close-btn {
      position: absolute;
      top: 6px;
      right: 10px;
      font-size: 18px;
      font-weight: bold;
      color: #999;
      cursor: pointer;
      transition: color 0.2s ease;
      line-height: 1;
    }

    .close-btn:hover {
      color: #333;
    }

    @media (max-width: 480px) {
      .bottom-reviews {
        width: 95%;
        font-size: 14px;
        bottom: 10px;
        display: none;
      }

      .close-btn {
        top: 4px;
        right: 8px;
      }
    }

@media (max-width: 768px) {

    .modal_main {
    border-radius: 23px;
    padding: 25px;
    overflow: visible;
    border-bottom: 5px solid var(--theme-accent-dark);
    /* background-image: url(../imgs/about/mobile-form.jpg); */
    background-size: 100% 100%;
    background-color: white;
    background-repeat: no-repeat;
}


    .nonemob {
        display: none !important;
    }

    .show1 {
        display: block !important;
    }

    .modal-left {
        left: -8px !important;
        bottom: -19px !important;
    }

    .modal-right {
        right: -5px !important;
        bottom: -27px !important;
        animation-delay: 1.5s;
    }

       nav .navbar {
        max-width: 100%;
        padding: 0 25px;
        margin-top: 0px !important;
    }

    .top-header-image {
        height: 10%;
        width: 100%;
    }


}


.hiDe{
    display: block;
}

@media screen and (min-width:320px) and (max-width:520px) {

    .pricing h2 {
    font-size: 20px;
    color: #252525;
}

.pack-1-wrapper {
    padding-top: 30px;
}

.hiDe{
    display: none;
}

    .test {
       /* margin-top: -9rem; */
    }

.pack-main-wrapper .top-plan-text {
  
    font-size: 13px;
}

.faq-section .accordion-button {
    background: 0 0;
    padding: 30px 0;
    font-size: 16px;
}
    .cta-btn-small {
        padding: 10px 10px !important;
        text-align: center;
    }

    /* img#dynamic-image {
        display: none;
    } */
    img.lazy {
        width: 20%;
    }

    .custom-list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        /* 5 columns in mobile */
        gap: 5px;
    }

    .custom-list li {
        flex: none;
        padding: 5px;
    }

    .w-20 {
        width: 20%;
    }

    #scrollTopBtn {
        display: none;
        position: fixed;
        bottom: 10px;
        right: 1%;
        z-index: 99;
        border: none;
        outline: none;
        background-color: #0000005c;
        color: white;
        cursor: pointer;
        padding: 11px 17px;
        border-radius: 100px;
        border: 2px solid #c7c7c714;
    }

       .popupform .contact-title {
        margin: 15px 21px 0px 20px !important;
    }

    .popupform h2 {
        font-size: 20px;
    }

    .navnum {
        display: none !important;
    }

    .cntnew {
        font-size: 20px !important;
        text-transform: uppercase;
        font-weight: 800;
    }

    .contact_us .position-relative img {
        width: 100% !important;
    }

    .points-btn a {
        padding: 12px 30px
    }

    .points-1 .counting-1 h2 {
        left: -5%
    }

    .points-1 .counting-2 h2 {
        left: -11%
    }

    .points-1 .counting-3 h2 {
        left: -12%
    }

    .points-1 .counting-4 h2 {
        left: -15%
    }

    .points-1 .counting-5 h2 {
        left: -14%
    }

    .points-1 .counting-4 {
        padding-top: 20px
    }

    .points-1 .counting-5 {
        padding-top: 0
    }

    .points-1 .counting-1 h2,
    .points-1 .counting-2 h2,
    .points-1 .counting-3 h2,
    .points-2 .counting-1 h2,
    .points-2 .counting-2 h2,
    .points-2 .counting-3 h2 {
        font-size: 22px;
        line-height: 24px
    }

    section .main-btn {
        display: block;
        margin: 15px 0 0 !important;
        text-align: center;
        padding: 10px 32px !important;
        font-size: 11px !important;
    }

    .header-counter {
        padding-top: 15px
    }

    .counter-box .count {
        font-size: 35px
    }
}

.services-items-1,
.services-items-2 {
    border-radius: 30px;
    padding: 30px 20px 40px;
    transition: .1s ease-in
}

.services-items-1 {
    background: #f8f8f8
}

.services-items-2 {
    background: #fff
}

.fa-long-arrow-right.custom {
    font-size: 40px;
    position: absolute;
    color: var(--primary-color);
    right: 26px;
    transform: translateY(-30%);
    font-weight: 200
}

.services-items-1 .title,
.services-items-2 .title {
    font-size: 18px;
    margin-bottom: 10px;
    font-weight: 700;
    height: 45px;
    position: relative;
    overflow: hidden
}

.services-items-1 .para,
.services-items-2 .para {
    line-height: 24px;
    padding-top: 10px
}

.services-items-1:hover,
.services-items-2:hover {
    box-shadow: 2px 4px 14px 6px rgba(33, 33, 33, .2)
}

.sr-image {
    height: 6rem
}

.seemore {
    color: var(--theme-accent-dark)
}

.fs-34 {
    font-size: 34px
}

.masthead {
    background: linear-gradient(90deg, #fffdfc, #F8F4EE, #F8F4EE) !important;
}

/* Start Style for the loading screen */
#loading-screen {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

/* Animation styles */
@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }

    50% {
        transform: rotate(180deg);
    }

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

/* Apply the animation to the logo */
#loading-screen img {
    width: 100px;
    /* Adjust the size as needed */
    animation: rotate 2s linear infinite;
}

/* Fade-in effect for the main content */
#content {
    opacity: 0;
    transition: opacity 1s ease-in-out;
}

/* end Style for the loading screen */

.card-body .card-title {
    font-size: 24px !important;
}

.authot-name {
    font-size: 20px !important;
}

.footer-widget .fw-title {
    font-size: 22px !important;
}

/* start team section */
.team_wrapper {
    background-image: url(../img/team/team-bg.jpg);
    padding-bottom: 150px !important;
    background-repeat: no-repeat;
    background-size: cover;
}

.team_wrapper figcaption {
    max-height: 225px;
    height: 180px;
    min-height: 220px;
}

.team_wrapper .col-12.col-md-6.col-lg-3 {
    margin-bottom: 20px;
}

.team_wrapper h3 {
    color: #fff;
    text-align: center;
    font-size: 40px;
}

.team_wrapper figure {
    text-align: center;
    line-height: 24px;
}

.team_wrapper figcaption p {
    line-height: 24px;
    margin-top: 5px;
    font-size: 17px;
    color: #6c757d;
}

.team_wrapper figcaption h4 {
    color: var(--theme-accent-dark);
    font-size: 18px;
    line-height: 24px;
}

.team_wrapper figcaption .text-secondary {
    font-size: 18px;
    color: #000 !important;
}

.team_wrapper .row {
    margin-bottom: 30px;
}

.team_wrapper .container {
    /* max-width: 98%; 
    margin: 0px;*/
    padding: 0px 25px;
}

/* end team section */

/* start portfolio */
.portfoliowrp .navwrp {
    display: block;
    text-align: center;
    padding: 0 0 50px;
}

.portfoliowrp .navwrp ul {
    border: 0px;
    margin: 0;
    display: block;
    text-align: center;
}

.portfoliowrp .navwrp ul li {
    display: inline-block;
    cursor: pointer;
    transition: 1s cubic-bezier(.51, .92, .27, .96) !important;
}

.portfoliowrp .navwrp button {
    display: inline-block;
    margin: 0 5px;
    padding: 4px 20px;
    color: #000000 !important;
    font-size: 15px;
    border-radius: 7px;
    font-weight: 500;
    border: 1px solid #000000 !important;
    cursor: pointer;
    transition: 1s cubic-bezier(.51, .92, .27, .96) !important;
}

.portfoliowrp .navwrp .active {
    background: linear-gradient(to right, var(--theme-accent-dark) 0%, #D4A55A 100%);
    color: #fff !important;
    border: 1px solid var(--theme-accent-dark) !important;
    border: unset;
}

.portfoliowrp .navwrp ul li.current {
    background: linear-gradient(to right, #D4A55A 0%, #BE8C3D 100%);
    color: #fff;
    border: unset;
}

.portfoliowrp .port-box ul {
    margin: 0;
    display: block;
    text-align: center;
}

.portfoliowrp .port-box ul li {
    display: inline-block;
    width: 24%;
    transition: 1s cubic-bezier(.51, .92, .27, .96) !important;
    /* border-radius: 20px; */
    margin: 0 4px;
    height: 400px;
    overflow: hidden;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    margin-bottom: 25px;
}

/* start form */
.custom-select-wrapper {
    border-bottom: 2px solid #9a9a9a;
}

.custom-select-wrapper select {
    margin-top: 12px;
    height: 56px;
    border: 0px;
    background-color: transparent !important;
    width: 100%;
}

.custom-select-arrow {
    appearance: none;   
    /* Removes default styling on most browsers */
    -webkit-appearance: none;
    /* Removes default styling on Safari */
    -moz-appearance: none;
    /* Removes default styling on Firefox */
    background: url('../img/icons/drop-down.svg') no-repeat right 15px center !important;
    /* Custom arrow using base64 encoded SVG */
    padding: 10px;
    padding-right: 40px;
    /* Adds space for the arrow */
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: #f8f8f8 !important;
    background-size: 13px !important;
    box-sizing: border-box;
    /* Ensures padding is included in the element's width */
    line-height: 1.5;
    /* Adjusts the spacing between lines of text */
    border: 1px solid var(--theme-accent-dark) ;
}

.custom-select-arrow:focus {
    outline: none;
    /* Removes the default outline */
}

.custom-select-arrow option {
    padding: 10px;
    /* Padding inside each option */
    font-size: 16px;
    /* Font size for the options */
    line-height: 1.5;
    /* Adjusts the spacing between lines of text */
}

.book-icon {
    width: 18px;
}

.masthead .header-lead-form select {
    width: 100%;
    height: 55px;
    border-radius: 7px;
    border-color: #a3a3a3;
    background: #fafafa;
    color: #757575;
    border-left: none;
    padding-left: 0;
}

/* start testimonials */
.testimonial_wrapper .col-md-4 {
    margin-bottom: 25px;
}

/* 0000 */
.gallery_sec button {
    padding: 0px;
    border: 0px !important;
}

.gallery_sec {
    width: 100%;
    padding: 80px 0;
}

.heading {
    width: 100%;
    text-align: center;
}

.heading h2 {
    font-size: 30px;
    font-weight: bold;
    border-bottom: 2px solid #000;
    padding-bottom: 25px;
}

.gallery_sec img {
    width: 100%;
    margin-bottom: 30px;
    min-height: 250px;
    padding: 10px;
}

.gallery_sec a {
    position: relative;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
}


.gallery_sec a::before {
    position: absolute;
    content: "";
    width: 30px;
    height: 30px;
    background: none;
    background-size: contain;
    background-repeat: no-repeat;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.gallery_sec img {
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
}

.gallery_sec a:hover img {
    position: relative;
    width: 100%;
}

.gallery_sec a:hover img {
    opacity: 0.2;
}

.gallery_sec a:hover::before {
    position: absolute;
    content: "";
    width: 50px;
    height: 50px;
    background: url(../../../i.ibb.co/3fMkjjF/Resize.png);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 99;
}


/* end portfolio */

/* start mission vission */
.misson-vission {
    margin: 60px 0;
}

.flex-container-mission {
    height: 100vh;
    width: 100%;
    display: -webkit-flex;
    display: flex;
    overflow: hidden;
    gap: 3vh;
}

.home-mission {
    height: 80vh;
    background: url("../img/mission-vission/vission-bg.jpg");
    background-size: cover;
    background-position: center center;
}

.flex-slide-mission {
    flex: 1;
    cursor: pointer;
    transition: all 500ms ease;
}

.about-mission {
    background: url("../img/mission-vission/mission-bg.jpg");
    background-size: cover;
    background-position: center center;
    height: 80vh;
}

.flex-title-mission {
    color: #f1f1f1;
    position: relative;
    font-size: 6vw;
    margin: auto;
    text-align: center;
    transform: rotate(90deg);
    top: 22%;
    transition: all 500ms ease;
}

.flex-about-mission {
    opacity: 0;
    color: #f1f1f1;
    position: relative;
    width: 80%;
    font-size: 2vw;
    padding: 2%;
    top: 20%;
    border: 2px solid #f1f1f1;
    border-radius: 10px;
    line-height: 1.3;
    margin: auto;
    text-align: left;
    transform: rotate(0deg);
    transition: all 500ms ease;
}

.flex-about-mission p {
    font-size: 21px;
    line-height: 1.4;
    /* font-family: 'Poppins', sans-serif; */
    font-family: just-sans-regular, sans-serif !important;
}

.flex-title-mission {
    color: #f1f1f1;
    position: relative;
    font-size: 6vw;
    margin: auto;
    text-align: center;
    transform: rotate(90deg);
    top: 22%;
    transition: all 500ms ease;
}

/* end mission vission */

/* start review section */
.review_wrapper_bg h5 {
    margin-bottom: 35px;
    margin-top: 20px;
}

.review_wrapper {
    background-color: #f8f9fa !important;
    padding-top: 30px;
    padding-bottom: 70px;
}

.review_wrapper_bg {
    box-shadow: 2px 2px 19px #00000012;
    padding: 10px 10px;
    border-radius: 11px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}



.awards-img .review-img {
    width: 100px;
    height: auto;
}


.awards-img li {
    list-style-type: none;
}

.bark-badge {
    display: inline-flex;
    gap: 5px;
    text-align: center;
}

.txt-div ul {
    padding: 0;
    list-style: none;
}

/* end review section */

@-moz-document url-prefix() {
    .header-lead-form .contact-title::before {
        bottom: -24px;
        left: -59px;
        background-image: url(../img/icons/form-heading-before.svg);
        height: 28px;
        z-index: 1;
    }
}


/* start testimonial */

.new_header {
    background-image: url(../img/testimonials_bg.png);
    background-position: left top;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 135px;
    padding-top: 90px;
    padding-bottom: 90px;
}

.new_header .text-styles-subheading {
    font-size: 30px !important;
    color: #fff !important;
    font-family: just-sans-regular, sans-serif;
    font-weight: 500;
}

.new_header .text-styles-header {
    font-size: 70px !important;
    color: #fff !important;
    font-family: just-sans-regular, sans-serif;
    margin-top: -30px;
}

.new_header_portfolio {
    background-image: url(../img/portfoliobg.png) !important;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 135px;
    padding-top: 90px;
    padding-bottom: 90px;
}

.new_header_portfolio .text-styles-subheading {
    font-size: 30px !important;
    color: #fff !important;
    font-family: just-sans-regular, sans-serif;
    font-weight: 500;
}

.new_header_portfolio .text-styles-header {
    font-size: 70px !important;
    color: #fff !important;
    font-family: just-sans-regular, sans-serif;
    margin-top: -30px;
}

/* start responsive */

@media (max-width: 1399.7px) {
    .portfoliowrp .port-box ul li {
        width: 250px;
    }
}

@media (max-width: 1199.7px) {
    .portfoliowrp .port-box ul li {
        width: 200px;
        height: 250px;
    }

    .portfoliowrp .navwrp ul li {
        margin-bottom: 15px;
    }
}

@media (max-width: 991.7px) {

    .review_wrapper_bg h5 {
        margin-bottom: 16px;
        margin-top: 16px;
        font-size: 30px;
    }

    .team_wrapper {
        max-width: 98%;
        margin: 0px;
        padding: 0px;
    }

    .team_wrapper .container {
        max-width: 98%;
        margin: 0px;
        padding: 0px 25px;
    }
}

@media (max-width: 767.7px) {
    .gallery_sec {
        width: 100%;
        max-width: 100%;
    }

    .new_header {

        text-align: center;
    }

    .new_header_portfolio {

        text-align: center;
    }
}

@media (max-width: 709.7px) {
    .portfoliowrp .port-box ul {
        padding: 0px;
    }

    .portfoliowrp .port-box ul li {
        width: auto;
        height: inherit;
        margin-bottom: 0px;
    }

    .portfoliowrp .port-box ul li img {
        height: auto;
    }
}

@media (max-width: 500.7px) {}

@media (max-width: 450.7px) {
    .new_header {
        margin-top: 95px;
        padding-top: 40px !important;
        padding-bottom: 10px !important;

    }

    .new_header .text-styles-header {
        font-size: 50px !important;
        margin-top: -28px !important;
    }

    .new_header .text-styles-subheading {
        font-size: 25px !important;
    }


    .new_header_portfolio {
        margin-top: 95px;
        padding-top: 40px !important;
        padding-bottom: 10px !important;

    }

    .new_header_portfolio .text-styles-header {
        font-size: 50px !important;
        margin-top: -28px !important;
    }

    .new_header_portfolio .text-styles-subheading {
        font-size: 25px !important;
    }
}

/* end responsive */


.header-lead-form .contact-title.fs-18im h2 {
    font-size: 18px !important;
}

.new-text-styles h2 {
    font-size: 24px;
    color: #fff;
    font-family: just-sans-regular, sans-serif;
    font-weight: 500;
}

.new-text-styles p {
    font-size: 80px;
    color: #fff;
    font-family: just-sans-regular, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
}

/* .contact-new_header {
    background-image: url('../img/contactus.jpg');
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 100%;
    margin-top: 135px;
    padding-top: 90px;
    padding-bottom: 90px;
} */

.contact_us .position-relative img {
    width: 120%;
}

.navnum {
    color: #000000;
    font-weight: 800;
    animation: blinkEffect 1s infinite;
}

@keyframes blinkEffect {
    0% {
        color: #000000;
    }

    50% {
        color: var(--theme-accent-dark);
    }

    100% {
        color: #000000;
    }
}

@media screen and (min-width:320px) and (max-width:520px) {

    .awards-img .review-img {
        width: 75px;
        height: auto;
    }

    .awards-img {
        display: flex;
        gap: 0px;
        /* text-align: right; */
        flex-wrap: wrap;
        align-content: center;
        justify-content: space-evenly;
        align-items: baseline;
    }

    nav .navbar .links li {
        position: relative;
        list-style: none;
        padding: 0 8px;
    }

    .text-center1 {
        text-align: center;
    }

    .d-flex1 {
        display: flex !important;
        flex-wrap: unset;
        align-content: space-between;
        justify-content: center;
        gap: 17px;
    }

    span.count-title {
        font-size: 14px;
        color: #000;
    }

    .main-btn {
        padding: 10px 20px;
    }

}

.cntnew {
    font-size: 40px;
    text-transform: uppercase;
    font-weight: 800;
}

:root {
    --theme-ink: #1F2937;
    --theme-ink-soft: #3d4652;
    --theme-accent: #D4A55A;
    --theme-accent-dark: #BE8C3D;
    --theme-accent-soft: #F8F4EE;
    --theme-accent-soft-2: #ffffff;
    --theme-navy: #061C45;
    --theme-navy-rich: #0B2D63;
    --theme-gold: #D4A55A;
    --theme-gold-dark: #BE8C3D;
    --theme-cream: #F8F4EE;
    --theme-charcoal: #1F2937;
    --theme-light-gray: #E7E2DA;
    --theme-surface: #ffffff;
    --theme-border: #E7E2DA;
    --theme-shadow: rgba(6, 28, 69, 0.12);
}

body {
    color: var(--theme-ink);
}

a,
.main-color,
.text-primary,
.brand-font,
.accordion-item .accordion-button,
.counter-box,
.counter-box span,
.service-step,
.seemore,
.offer-dis,
.navnum:hover,
.footer-details a:hover,
.footer-widget ul li a:hover {
    color: var(--theme-accent-dark) !important;
}

a:hover {
    color: var(--theme-accent-dark);
}

.main-btn,
.btn-form,
.book-btn,
.cta-btn-small.main-btn.book-btn,
.header-form .input-group-text,
.submit-button,
.btn-hover {
    background: var(--theme-accent-dark) !important;
    border-color: var(--theme-accent-dark) !important;
    color: #fff !important;
}

.main-btn:hover,
.btn-form:hover,
.book-btn:hover,
.btn-hover:hover {
    background: var(--theme-ink) !important;
    border-color: var(--theme-ink) !important;
    color: #fff !important;
}

.btn-black-bg {
    background: var(--theme-ink) !important;
    border-color: var(--theme-ink) !important;
    color: #fff !important;
}

.btn-black-bg:hover {
    background: var(--theme-accent-dark) !important;
    border-color: var(--theme-accent-dark) !important;
}

.masthead,
.bg-grdient,
.bg-gradient,
.gd-form .bg-gredient-1 {
    background: linear-gradient(180deg, #F8F4EE 0%, #F8F4EE 100%) !important;
}

.navbar.sticky,
.navbar.sticky.bg-white,
.bg-white {
    background-color: rgba(255, 255, 255, 0.96) !important;
}

.navbar .links li .sub-menu,
.card,
.review,
.contact-form-section .main-form,
.pricing-section .slick-slide,
.client-reviews-section .box,
.brands-section figure {
    background-color: rgba(255, 255, 255, 0.9);
    border-color: var(--theme-border);
    box-shadow: 0 14px 35px var(--theme-shadow);
}

.contact-form-section .form-group input,
.contact-form-section .form-group textarea,
.header-form,
.header-form input,
.header-form select,
.form-control,
select.custom-select-arrow {
    border-color: var(--theme-border) !important;
}

.contact-form-section .form-group input:focus,
.contact-form-section .form-group textarea:focus,
.form-control:focus {
    border-color: var(--theme-accent-dark) !important;
}

.accordion-button::after,
.accordion-button:not(.collapsed)::after {
    filter: hue-rotate(145deg) saturate(0.75);
}

.points-1 .counting-4,
.points-1 .counting-5,
.services-section,
.port-folio.bg-light,
._bg-light,
.bg-light {
    background: transparent !important;
}

footer,
.footer-area,
.footer-section {
    background: linear-gradient(180deg, #0B2D63 0%, #0B2D63 100%) !important;
    color: #fff !important;
}

footer a,
footer p,
footer li,
footer h3,
footer h4,
footer h5,
footer span {
    color: #fff !important;
}

#sticky-social-icons-container li a,
.fab-fa-facebook a,
.fab-fa-instagram a,
.fab-fa-twitter a,
.fab-fa-linkedin-in a,
.fab-fa-youtube a,
.fab-fa-pinterest-p a {
    background: var(--theme-accent-dark) !important;
    color: #fff !important;
}

#sticky-social-icons-container li a:hover {
    background: var(--theme-ink) !important;
}

.site-footer-v2 {
    margin-top: 0;
    padding: 0 !important;
    background: #1F2937 !important;
    color: #fff !important;
}

.site-footer-v2 a {
    text-decoration: none;
}

.site-footer-v2__top {
    background: linear-gradient(180deg, #1F2937 0%, #0B2D63 100%);
    padding: 72px 0 68px;
}

.site-footer-v2__grid {
    display: grid;
    grid-template-columns: 1.05fr 2.2fr 0.9fr 1fr;
    gap: 52px;
    align-items: start;
}

.site-footer-v2__title {
    margin: 0 0 26px;
    font-size: 24px;
    font-weight: 700;
    color: #D4A55A !important;
}

.site-footer-v2__links,
.site-footer-v2__services,
.site-footer-v2__help {
    list-style: none;
    margin: 0;
    padding: 0;
}

.site-footer-v2__links li,
.site-footer-v2__services li,
.site-footer-v2__help li {
    margin-bottom: 18px;
}

.site-footer-v2__links a,
.site-footer-v2__services a,
.site-footer-v2__help a {
    color: #fff !important;
    font-size: 17px;
    line-height: 1.4;
}

.site-footer-v2__links a:hover,
.site-footer-v2__services a:hover,
.site-footer-v2__help a:hover {
    color: #D4A55A !important;
}

.site-footer-v2__services {
    column-count: 2;
    column-gap: 58px;
}

.site-footer-v2__services li {
    break-inside: avoid;
}

.site-footer-v2__reviews {
    display: grid;
    gap: 18px;
    justify-items: end;
    align-content: start;
    width: min(100%, 280px);
    margin-left: auto;
}

.site-footer-v2__review-badge {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
}

.site-footer-v2__review-badge img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    object-fit: contain;
}

.site-footer-v2__review-badge--reviewsio img {
    max-width: 230px;
}

.site-footer-v2__review-badge--trustpilot img {
    max-width: 235px;
}

.site-footer-v2__review-badge--google img {
    max-width: 260px;
}

.site-footer-v2__middle {
    background: linear-gradient(180deg, #F8F4EE 0%, #F8F4EE 100%);
    padding: 38px 0 34px;
    color: #1F2937 !important;
}

.site-footer-v2__middle-grid {
    display: grid;
    grid-template-columns: 1.05fr 1.8fr 1.35fr auto;
    gap: 40px;
    align-items: center;
}

.site-footer-v2__brand img {
    max-width: 250px;
    height: auto;
}

.site-footer-v2__address,
.site-footer-v2__contact {
    font-size: 19px;
    line-height: 1.55;
    font-weight: 600;
    color: #1F2937 !important;
}

.site-footer-v2__address strong {
    display: block;
    font-size: 22px;
    margin-bottom: 4px;
}

.site-footer-v2__contact a {
    display: block;
    color: #1F2937 !important;
    font-size: 22px;
    font-weight: 700;
}

.site-footer-v2__address a {
    display: block;
    color: inherit !important;
    text-decoration: none !important;
}

.site-footer-v2__social {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 20px;
}

.site-footer-v2__social a {
    color: #D4A55A !important;
    font-size: 28px;
}

.site-footer-v2__bottom {
    background: #1F2937;
    padding: 18px 0;
    text-align: center;
}

.site-footer-v2__copyright {
    margin: 0;
    color: #fff !important;
    font-size: 15px;
    line-height: 1.5;
}

@media (max-width: 1199.7px) {
    .site-footer-v2__grid {
        grid-template-columns: 1fr 1.7fr 0.9fr;
    }

    .site-footer-v2__reviews {
        grid-column: 1 / -1;
        grid-template-columns: repeat(3, minmax(0, max-content));
        justify-content: start;
        justify-items: start;
        align-items: end;
        width: 100%;
        margin-left: 0;
        gap: 24px 28px;
    }

    .site-footer-v2__review-badge {
        width: auto;
        justify-content: flex-start;
    }

    .site-footer-v2__review-badge--reviewsio img {
        max-width: 210px;
    }

    .site-footer-v2__review-badge--trustpilot img {
        max-width: 220px;
    }

    .site-footer-v2__review-badge--google img {
        max-width: 245px;
    }

    .site-footer-v2__middle-grid {
        grid-template-columns: 1fr 1.3fr 1.2fr;
    }

    .site-footer-v2__social {
        grid-column: 1 / -1;
        justify-content: flex-start;
    }
}

@media (max-width: 767.7px) {
    .site-footer-v2__top {
        padding: 54px 0 46px;
    }

    .site-footer-v2__grid,
    .site-footer-v2__middle-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .site-footer-v2__services {
        column-count: 1;
    }

    .site-footer-v2__title {
        margin-bottom: 18px;
        font-size: 22px;
    }

    .site-footer-v2__links li,
    .site-footer-v2__services li,
    .site-footer-v2__help li {
        margin-bottom: 14px;
    }

    .site-footer-v2__reviews {
        grid-template-columns: 1fr;
        justify-content: center;
        justify-items: center;
        width: 100%;
        gap: 16px;
    }

    .site-footer-v2__review-badge {
        width: min(100%, 220px);
    }

    .site-footer-v2__review-badge {
        justify-content: center;
    }

    .site-footer-v2__review-badge--reviewsio img {
        max-width: 190px;
    }

    .site-footer-v2__review-badge--trustpilot img {
        max-width: 205px;
    }

    .site-footer-v2__review-badge--google img {
        max-width: 220px;
    }

    .site-footer-v2__social {
        justify-content: flex-start;
    }
}

.homepage-main-nav {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1030;
    width: 100%;
    padding: 0;
    background: transparent;
    transition: background 0.25s ease, box-shadow 0.25s ease;
}

body:not(.homepage-index) {
    padding-top: 68px;
}

.homepage-navbar {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 58px;
    height: 58px;
    padding: 0;
    background: transparent;
    box-shadow: none;
    transition: height 0.25s ease;
}

.homepage-centered-nav {
    display: grid;
    grid-template-columns: repeat(5, auto);
    align-items: center;
    justify-content: center;
    gap: 36px;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

.homepage-centered-nav li {
    list-style: none;
}

.homepage-nav-item {
    position: relative;
}

.homepage-centered-nav a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #1F2937;
    text-decoration: none;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0.02em;
}

.homepage-centered-nav a:hover,
.homepage-centered-nav a:focus-visible,
.homepage-centered-nav a[aria-current="page"] {
    color: #D4A55A;
}

.homepage-centered-nav__logo a {
    padding: 0 12px;
    min-height: auto;
}

.homepage-logo {
    display: block;
    height: auto;
}

.homepage-logo--full {
    max-width: 210px;
}

.homepage-logo--mark {
    display: none;
    max-width: 64px;
}

.homepage-services-caret {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-left: 10px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: translateY(-2px) rotate(45deg);
    transition: transform 0.2s ease;
}

.homepage-services-dropdown {
    position: absolute;
    top: calc(100% + 14px);
    left: 50%;
    z-index: 1001;
    min-width: 280px;
    margin: 0;
    padding: 18px 0;
    list-style: none;
    background: rgba(255, 255, 255, 0.98);
    border-radius: 20px;
    box-shadow: 0 20px 50px rgba(6, 28, 69, 0.16);
    opacity: 0;
    visibility: hidden;
    transform: translateX(-50%) translateY(8px);
    transition: opacity 0.22s ease, transform 0.22s ease, visibility 0.22s ease;
}

.homepage-services-dropdown li {
    width: 100%;
}

.homepage-services-dropdown a {
    justify-content: flex-start;
    width: 100%;
    padding: 12px 28px;
    font-size: 18px;
    font-weight: 500;
    color: #1F2937;
}

.homepage-services-dropdown a:hover {
    color: #D4A55A;
}

.homepage-nav-item--services:hover .homepage-services-dropdown,
.homepage-nav-item--services:focus-within .homepage-services-dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}

.homepage-nav-item--services:hover .homepage-services-caret,
.homepage-nav-item--services:focus-within .homepage-services-caret {
    transform: translateY(1px) rotate(225deg);
}

.homepage-main-nav.is-scrolled {
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

.homepage-main-nav.is-scrolled .homepage-navbar {
    height: 64px;
}

.homepage-main-nav.is-scrolled .homepage-logo--full {
    display: none;
}

.homepage-main-nav.is-scrolled .homepage-logo--mark {
    display: block;
}

.homepage-nav-placeholder {
    display: none !important;
}

.hero-form-shell {
    display: flex;
    justify-content: center;
}

.hero-form-card {
    width: 100%;
    max-width: 440px;
    padding: 16px 22px 18px;
    border-radius: 28px;
    background: linear-gradient(180deg, rgba(11, 45, 99, 0.32), rgba(212, 165, 90, 0.24));
    border: 1px solid rgba(255, 255, 255, 0.36);
    box-shadow: 0 24px 60px rgba(6, 28, 69, 0.16);
    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(7px);
}

.hero-form-logo {
    display: flex;
    justify-content: center;
    margin-bottom: 6px;
}

.hero-form-logo img {
    max-width: 160px;
    height: auto;
    display: block;
}

.hero-form-title {
    margin: 0 0 10px;
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.hero-lead-form {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.hero-form-field input,
.hero-form-field select {
    width: 100%;
    min-height: 52px;
    padding: 12px 16px;
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, 0.28);
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
    font-size: 16px;
    line-height: 1.4;
    outline: none;
    box-shadow: none;
}

.hero-form-field input::placeholder {
    color: rgba(255, 255, 255, 0.88);
}

.hero-form-field select {
    color: rgba(255, 255, 255, 0.88);
    padding-right: 42px;
    background-image:
      linear-gradient(45deg, transparent 50%, #ffffff 50%),
      linear-gradient(135deg, #ffffff 50%, transparent 50%);
    background-position:
      calc(100% - 22px) 18px,
      calc(100% - 14px) 18px;
    background-size: 8px 8px, 8px 8px;
    background-repeat: no-repeat;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.hero-form-field select option {
    color: #1F2937;
}

.hero-form-field input:focus,
.hero-form-field select:focus {
    border-color: rgba(255, 255, 255, 0.55);
    background: rgba(255, 255, 255, 0.16);
}

.hero-form-submit {
    margin-top: 4px;
    min-height: 54px;
    border: none;
    border-radius: 999px;
    background: linear-gradient(135deg, #0B2D63 0%, #D4A55A 100%);
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    cursor: pointer;
    transition: transform 0.22s ease, box-shadow 0.22s ease;
    box-shadow: 0 16px 34px rgba(212, 165, 90, 0.3);
}

.hero-form-submit:hover {
    transform: translateY(-2px);
    box-shadow: 0 20px 40px rgba(212, 165, 90, 0.36);
}

.is-formspree-ajax :is(button[type="submit"], input[type="submit"], .hero-form-submit, .btn-form, .submit-button).is-submitting {
    opacity: 0.82 !important;
    pointer-events: none !important;
}

.is-formspree-ajax :is(button[type="submit"], input[type="submit"], .hero-form-submit, .btn-form, .submit-button).is-success {
    background: #20a844 !important;
    border-color: #20a844 !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    box-shadow: 0 10px 24px rgba(32, 168, 68, 0.28) !important;
}

.is-formspree-ajax :is(button[type="submit"], input[type="submit"], .hero-form-submit, .btn-form, .submit-button).is-success:hover {
    background: #20a844 !important;
    border-color: #20a844 !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    transform: none !important;
}

.formspree-ajax-message,
.hero-form-ajax-message {
    display: none;
    margin-top: 8px;
    padding: 10px 14px;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.25;
    text-align: center;
    opacity: 0;
    transform: translateY(-4px);
    transition: opacity 0.22s ease, transform 0.22s ease;
}

.formspree-ajax-message.is-visible,
.hero-form-ajax-message.is-visible {
    display: block;
    opacity: 1;
    transform: translateY(0);
}

.formspree-ajax-message.is-success,
.hero-form-ajax-message.is-success {
    background: #20a844;
    color: #fff;
}

.formspree-ajax-message.is-error,
.hero-form-ajax-message.is-error {
    background: rgba(185, 28, 28, 0.92);
    color: #fff;
}

.service-hero-form-shell {
    justify-content: flex-end;
}

.service-hero-form-card {
    max-width: 460px;
}

.book-cover-crafted-section p:not(.pt-3) {
    font-weight: 400 !important;
}

.hero-form-shell--secondary {
    justify-content: flex-start;
}

.hero-form-card.hero-form-card--secondary {
    max-width: 680px;
    padding: 24px 24px 26px;
    border-radius: 30px;
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(244, 248, 253, 0.92)),
      #ffffff;
    border: 1px solid rgba(212, 165, 90, 0.26);
    box-shadow: 0 28px 64px rgba(6, 28, 69, 0.16);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.hero-form-card--secondary .hero-form-logo {
    margin-bottom: 10px;
}

.hero-form-card--secondary .hero-form-logo img {
    max-width: 170px;
}

.hero-form-card--secondary .hero-form-title {
    margin-bottom: 16px;
    color: #0B2742;
    letter-spacing: 0.06em;
}

.hero-lead-form--secondary {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.hero-form-card--secondary .hero-form-field {
    min-width: 0;
}

.hero-form-card--secondary .hero-form-field:last-of-type,
.hero-form-card--secondary .hero-form-submit {
    grid-column: 1 / -1;
}

.hero-form-card--secondary .hero-form-field input,
.hero-form-card--secondary .hero-form-field select {
    min-height: 56px;
    border-radius: 16px;
    border: 1px solid rgba(212, 165, 90, 0.34);
    background: rgba(255, 255, 255, 0.98) !important;
    color: #0B2742 !important;
    -webkit-text-fill-color: #0B2742 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.48);
}

.hero-form-card--secondary .hero-form-field input::placeholder {
    color: rgba(11, 39, 66, 0.6);
}

.hero-form-card--secondary .hero-form-field select {
    color: rgba(11, 39, 66, 0.76) !important;
    background-color: rgba(255, 255, 255, 0.98) !important;
    background-image:
      linear-gradient(45deg, transparent 50%, #0B2742 50%),
      linear-gradient(135deg, #0B2742 50%, transparent 50%) !important;
    background-position:
      calc(100% - 22px) 50%,
      calc(100% - 14px) 50% !important;
    background-size: 8px 8px, 8px 8px !important;
    background-repeat: no-repeat !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    padding-right: 42px !important;
}

.hero-form-card--secondary .hero-form-field input:focus,
.hero-form-card--secondary .hero-form-field select:focus {
    border-color: rgba(174, 125, 30, 0.64);
    background: #ffffff !important;
    box-shadow: 0 0 0 4px rgba(212, 165, 90, 0.12);
}

.hero-form-card--secondary .hero-form-submit {
    margin-top: 2px;
    background: var(--site-metal-gold-gradient, linear-gradient(180deg, #F9EC79 0%, #F4D95E 18%, #DDB447 40%, #C9962D 60%, #AE7D1E 80%, #7D5510 100%));
    color: #0B2742;
    -webkit-text-fill-color: #0B2742;
    box-shadow: 0 18px 34px rgba(174, 125, 30, 0.24);
}

.hero-form-card--secondary .hero-form-submit:hover {
    background: var(--site-metal-gold-gradient-hover, linear-gradient(180deg, #FFF18A 0%, #F7DE67 18%, #E4BC4D 40%, #D09D33 60%, #B98623 80%, #835B12 100%));
    color: #0B2742;
    -webkit-text-fill-color: #0B2742;
    box-shadow: 0 22px 40px rgba(174, 125, 30, 0.3);
}

#after_cta.contact-form-section .hero-form-shell--secondary,
#after_cta.contact-form-section .hero-form-card--secondary,
#after_cta.contact-form-section .hero-lead-form--secondary {
    width: 100%;
}

#after_cta.contact-form-section .hero-lead-form--secondary {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
}

@media (max-width: 800px) {
    .homepage-centered-nav {
        grid-template-columns: repeat(2, auto);
        gap: 18px 28px;
    }

    .homepage-centered-nav__logo {
        grid-column: 1 / -1;
        order: -1;
    }

    .homepage-centered-nav__logo a {
        padding: 0;
        min-height: auto;
    }

    .homepage-logo--full {
        max-width: 180px;
    }

    .homepage-services-dropdown {
        left: 0;
        transform: translateX(0) translateY(8px);
        min-width: 250px;
    }

    .homepage-nav-item--services:hover .homepage-services-dropdown,
    .homepage-nav-item--services:focus-within .homepage-services-dropdown {
        transform: translateX(0) translateY(0);
    }

    .hero-form-card {
        margin-top: 36px;
        padding: 18px 18px 16px;
        max-width: 100%;
    }

    .hero-form-logo img {
        max-width: 145px;
    }

    .hero-form-title {
        font-size: 15px;
        margin-bottom: 10px;
    }

    .hero-form-card.hero-form-card--secondary {
        padding: 22px 18px 24px;
    }

    .hero-lead-form--secondary {
        grid-template-columns: 1fr;
    }

    #after_cta.contact-form-section .hero-lead-form--secondary {
        grid-template-columns: 1fr !important;
    }
}

body.about-page {
    color: var(--theme-ink);
    padding-top: 0 !important;
}

body.about-page .standalone-about-page {
    overflow: clip;
}

body.about-page .homepage-main-nav {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 6px 22px rgba(6, 28, 69, 0.08);
    z-index: 1100;
}

body.about-page .homepage-main-nav.is-scrolled {
    background: rgba(255, 255, 255, 0.98);
}

body.about-page .homepage-navbar {
    display: flex !important;
    visibility: visible !important;
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 24px;
    min-height: 64px;
    height: 64px;
}

body.about-page .homepage-centered-nav {
    display: grid !important;
    visibility: visible !important;
}

body.about-page #sticky-social-icons-container,
body.about-page .floatbutton {
    z-index: 1040;
}

body.about-page img,
body.about-page video {
    max-width: 100%;
}

body.about-page .about-hero-sec {
    position: relative;
    min-height: 860px;
    display: flex;
    align-items: center;
    overflow: hidden;
    background: var(--theme-ink);
    padding: 82px 0 40px;
}

body.about-page .about-hero-sec .hero-video-wrap {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
}

body.about-page .about-hero-sec .hero-video-wrap video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.52;
}

body.about-page .about-hero-sec .overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.28) 0%, rgba(6, 28, 69, 0.22) 100%);
}

body.about-page .about-hero-sec .container {
    position: relative;
    z-index: 2;
}

body.about-page .about-hero-card {
    max-width: 1120px;
    margin: 0 auto 56px;
    padding: 44px 56px;
    text-align: center;
    background: rgba(6, 28, 69, 0.36);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 34px;
    box-shadow: 0 22px 52px rgba(6, 28, 69, 0.14);
    color: #fff;
    backdrop-filter: blur(10px);
}

body.about-page .about-hero-card h1 {
    color: #fff;
    font-size: 58px;
    line-height: 1.15;
    font-weight: 700;
    margin-bottom: 18px;
}

body.about-page .about-hero-card p {
    color: rgba(255, 255, 255, 0.94);
    font-size: 18px;
    line-height: 1.95;
    margin: 0;
}

body.about-page .about-counter-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
    background: rgba(6, 28, 69, 0.46);
    border-radius: 24px 24px 0 0;
    overflow: hidden;
}

body.about-page .about-counter-item {
    min-height: 150px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 24px 18px;
    background: rgba(6, 28, 69, 0.16);
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(5px);
}

body.about-page .about-counter-item:last-child {
    border-right: none;
}

body.about-page .about-counter-number {
    color: #fff;
    font-size: 48px;
    line-height: 1.1;
    font-weight: 700;
    margin-bottom: 8px;
}

body.about-page .about-counter-label {
    color: #fff;
    font-size: 17px;
    line-height: 1.45;
    font-weight: 500;
}

body.about-page .about-split-section,
body.about-page .about-vision-mission,
body.about-page .contact_us_sec,
body.about-page .who-we-are {
    position: relative;
}

body.about-page .about-split-section {
    padding: 104px 0;
    background: #dff8ff;
}

body.about-page .about-copy h2,
body.about-page .about-vision-mission .call-sec h2,
body.about-page .question h2,
body.about-page .contact-content h2 {
    color: var(--theme-ink);
    font-size: 46px;
    line-height: 1.2;
    font-weight: 700;
    margin-bottom: 18px;
}

body.about-page .about-copy p,
body.about-page .contact-content p,
body.about-page .ready.banner-contents p,
body.about-page .banner-contents p {
    color: var(--theme-ink);
    font-size: 18px;
    line-height: 1.85;
}

body.about-page .about-image-frame img {
    width: 100%;
    border-radius: 0;
    box-shadow: none;
}

body.about-page .about-cta-row {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    margin-top: 26px;
}

body.about-page .about-cta-row a,
body.about-page .about-hero-button-row a,
body.about-page .contact-content .buttons a {
    text-decoration: none;
}

body.about-page button:not(header button):not(.accordion button):not(.close):not(.slick-arrow),
body.about-page .contact-content .buttons a {
    min-height: 54px;
    padding: 0 28px;
    border-radius: 999px;
    background: linear-gradient(135deg, var(--theme-accent) 0%, var(--theme-accent-dark) 100%) !important;
    border: 1px solid var(--theme-accent-dark) !important;
    color: #fff !important;
    font-size: 16px;
    font-weight: 700;
    box-shadow: 0 14px 30px rgba(212, 165, 90, 0.24);
    transition: transform 0.22s ease, box-shadow 0.22s ease, background 0.22s ease, border-color 0.22s ease;
}

body.about-page button:not(header button):not(.accordion button):not(.close):not(.slick-arrow):hover,
body.about-page .contact-content .buttons a:hover {
    background: var(--theme-ink) !important;
    border-color: var(--theme-ink) !important;
    color: #fff !important;
    transform: translateY(-2px);
    box-shadow: 0 18px 34px rgba(6, 28, 69, 0.24);
}

body.about-page .banner-color .banner-contents h1,
body.about-page .banner-color .banner-contents h2,
body.about-page .ready.banner-contents h2,
body.about-page .contact-content h3,
body.about-page .about-who-box h3,
body.about-page .about-mission-card h3 {
    color: var(--theme-ink);
}

body.about-page .banner-color {
    padding: 88px 0;
    background: transparent !important;
}

body.about-page .pad-top {
    padding-top: 0 !important;
}

body.about-page .pad-btm-70 {
    padding-bottom: 70px !important;
}

body.about-page .banner-color .banner-contents,
body.about-page .contact-content,
body.about-page .call-sec,
body.about-page .question {
    position: relative;
    z-index: 2;
}

body.about-page .banner-color .banner-contents h1,
body.about-page .banner-color .banner-contents h2 {
    font-size: 48px;
    line-height: 1.14;
    font-weight: 700;
    margin-bottom: 20px;
}

body.about-page .banner-color .float {
    text-align: center;
}

body.about-page .banner-color .float img,
body.about-page .who-we-are img,
body.about-page .contact_us_sec img.img-fluid {
    width: 100%;
    height: auto;
    border-radius: 24px;
    box-shadow: 0 20px 44px rgba(6, 28, 69, 0.14);
}

body.about-page .elevate-section.mt-5 {
    margin-top: 0 !important;
}

body.about-page .brand-sec {
    padding: 28px 34px;
    border-radius: 28px;
    background: rgba(255, 255, 255, 0.82);
    border: 1px solid rgba(11, 45, 99, 0.24);
    box-shadow: 0 20px 44px rgba(6, 28, 69, 0.1);
}

body.about-page .brand-sec p {
    margin: 0;
    color: var(--theme-ink);
    font-size: 22px;
    line-height: 1.5;
    font-weight: 600;
}

body.about-page .brands-logo {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 24px 34px;
}

body.about-page .brands-logo img {
    width: auto;
    max-width: 150px;
    max-height: 42px;
    object-fit: contain;
    box-shadow: none;
    border-radius: 0;
}

body.about-page .who-we-are .ready.banner-contents h2 {
    font-size: 40px;
    line-height: 1.18;
}

body.about-page .who-we-are .ready.banner-contents p {
    margin-bottom: 0;
}

body.about-page .call-sec h2 {
    font-size: 46px;
    line-height: 1.18;
    font-weight: 700;
    margin-bottom: 20px;
}

body.about-page .call-sec p {
    font-size: 17px;
    line-height: 1.72;
    margin-bottom: 0;
}

body.about-page .question {
    text-align: center;
}

body.about-page .question h2 {
    max-width: 760px;
    margin-left: auto;
    margin-right: auto;
}

body.about-page .elevate-section,
body.about-page .who-we-are,
body.about-page .about-vision-mission,
body.about-page .contact_us_sec {
    padding: 90px 0;
}

body.about-page .who-we-are .about-who-box,
body.about-page .about-mission-card,
body.about-page .form-col {
    background: rgba(255, 255, 255, 0.88);
    border: 1px solid rgba(11, 45, 99, 0.28);
    border-radius: 24px;
    box-shadow: 0 18px 42px rgba(6, 28, 69, 0.12);
}

body.about-page .who-we-are .about-who-box {
    padding: 30px 25px;
}

body.about-page .about-who-box h3 {
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 0.75rem;
}

body.about-page .about-who-box p,
body.about-page .about-mission-card p {
    color: var(--theme-ink-soft);
    font-size: 16px;
    line-height: 1.7;
    margin-bottom: 0;
}

body.about-page .about-struggle-section,
body.about-page .faq-section {
    background: linear-gradient(180deg, rgba(6, 28, 69, 0.98) 0%, rgba(47, 77, 83, 0.98) 100%);
}

body.about-page .about-struggle-section {
    padding: 96px 0 88px;
}

body.about-page .about-struggle-section .call-sec h2,
body.about-page .about-struggle-section .call-sec p,
body.about-page .faq-section .question h2,
body.about-page .faq-section .accordion-content p {
    color: #fff;
}

body.about-page .about-mission-card {
    height: 100%;
    text-align: center;
    padding: 48px 34px 40px;
}

body.about-page .form-col {
    padding: 32px;
    border-radius: 28px;
}

body.about-page .about-mission-card video {
    width: 110px;
    height: 110px;
    object-fit: contain;
}

body.about-page .about-mission-card h3 {
    font-size: 26px;
    line-height: 1.3;
    font-weight: 700;
    margin: 16px 0 12px;
}

body.about-page .accordion .accordion-item button[aria-expanded="true"] {
    border-bottom: 2px solid var(--theme-accent);
}

body.about-page .accordion button {
    position: relative;
    display: block;
    width: 100%;
    padding: 0.95rem 1rem;
    text-align: left;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    border: 2px solid rgba(11, 45, 99, 0.75);
    background: transparent;
    outline: none;
    border-radius: 34px;
    margin: 19px 0 0;
}

body.about-page .question br {
    display: none;
}

body.about-page .accordion button:hover,
body.about-page .accordion button:focus {
    color: var(--theme-accent-soft-2);
}

body.about-page .accordion button .accordion-title {
    padding: 1em 1.5em 1em 0;
}

body.about-page .accordion button .icon {
    display: inline-block;
    position: absolute;
    top: 11px;
    right: 12px;
    width: 22px;
    height: 22px;
    border: 1px solid currentColor;
    border-radius: 50%;
}

body.about-page .accordion button .icon::before {
    position: absolute;
    content: "";
    top: 9px;
    left: 5px;
    width: 10px;
    height: 2px;
    background: currentColor;
}

body.about-page .accordion button .icon::after {
    position: absolute;
    content: "";
    top: 5px;
    left: 9px;
    width: 2px;
    height: 10px;
    background: currentColor;
}

body.about-page .accordion button[aria-expanded="true"] {
    color: var(--theme-accent);
}

body.about-page .accordion button[aria-expanded="true"] .icon::after {
    width: 0;
}

body.about-page .accordion button[aria-expanded="true"] + .accordion-content {
    opacity: 1;
    max-height: 16em;
    transition: all 220ms linear;
}

body.about-page .accordion .accordion-content {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: opacity 220ms linear, max-height 220ms linear;
}

body.about-page .accordion .accordion-content p {
    margin: 0.8rem 0 0 1.2rem;
    font-size: 16px;
    line-height: 1.7;
}

body.about-page .contact-content .buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin: 24px 0 28px;
}

body.about-page .contact-content .buttons a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

body.about-page .contact-content h3 {
    font-size: 32px;
    line-height: 1.26;
    font-weight: 700;
    margin-bottom: 16px;
}

body.about-page .about-contact-cta {
    padding: 88px 0 24px;
    background: #dff8ff;
}

body.about-page .about-contact-cta .contact-content h2 {
    font-size: 76px;
    line-height: 1.06;
    margin-bottom: 20px;
}

body.about-page .about-contact-cta .contact-content h3 {
    color: #D4A55A;
    font-size: 40px;
    line-height: 1.35;
    max-width: 1040px;
    margin: 0 auto 18px;
}

body.about-page .about-contact-cta .contact-content p {
    max-width: 1120px;
    margin-left: auto;
    margin-right: auto;
}

body.about-page .about-contact-cta .contact-content .buttons {
    justify-content: center;
}

body.about-page .contact_us_sec.about-contact-form-section {
    padding: 32px 0 96px;
    background: #dff8ff;
}

body.about-page .form-col h4 {
    color: var(--theme-ink);
    font-size: 56px;
    line-height: 1.1;
    font-weight: 700;
    margin-bottom: 22px;
}

body.about-page .form-col form {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

body.about-page .form-col input,
body.about-page .form-col textarea {
    width: 100%;
    border: 2px solid #1F2937;
    border-radius: 0;
    background: #fff;
    color: var(--theme-ink);
    padding: 16px 18px;
    font-size: 16px;
    line-height: 1.4;
    box-shadow: none;
    outline: none;
}

body.about-page .form-col input::placeholder,
body.about-page .form-col textarea::placeholder {
    color: var(--theme-ink-soft);
}

body.about-page .form-col input:focus,
body.about-page .form-col textarea:focus {
    border-color: var(--theme-accent-dark);
    box-shadow: 0 0 0 3px rgba(11, 45, 99, 0.16);
}

body.about-page .form-col textarea {
    min-height: 188px;
    resize: vertical;
}

body.about-page .form-col .row {
    row-gap: 18px;
}

body.about-page .form-col .g-recaptcha {
    transform-origin: left top;
}

body.about-page .laptop,
body.about-page .teblet,
body.about-page .dairy-book-img,
body.about-page .read-book-img {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    text-align: center;
}

body.about-page .laptop img,
body.about-page .teblet img,
body.about-page .dairy-book-img img,
body.about-page .read-book-img img {
    width: min(100%, 220px) !important;
    height: auto;
    box-shadow: none;
    border-radius: 0;
}

body.about-page .contact_us_sec.about-contact-form-section .img-fluid {
    max-width: 430px;
    margin: 0 auto;
    display: block;
}

body.about-page .flo-formspree-message {
    margin-top: 10px;
    font-size: 14px;
    font-weight: 600;
}

body.about-page .flo-formspree-message.is-error {
    color: #b00020;
}

body.about-page .flo-formspree-success-button,
body.about-page .flo-formspree-success-button:hover,
body.about-page .flo-formspree-success-button:focus {
    background: #28a745 !important;
    border-color: #28a745 !important;
    color: #fff !important;
}

body.about-page .scroll-reveal {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity 0.7s ease, transform 0.7s ease;
    transition-delay: var(--reveal-delay, 0ms);
}

body.about-page .scroll-reveal.reveal-visible {
    opacity: 1;
    transform: translateY(0);
}

body.about-page .about-hero-button-row {
    justify-content: center;
    align-items: stretch;
    gap: 28px;
}

body.about-page .about-hero-button-row > [class*="col-"] {
    flex: 0 0 240px;
    max-width: 240px;
    padding-left: 0;
    padding-right: 0;
}

body.about-page .about-hero-button-row .schedule-btn,
body.about-page .about-hero-button-row .call-btn,
body.about-page .about-hero-button-row .livechat-btn {
    margin-top: 0 !important;
}

body.about-page .about-hero-button-row .schedule-btn button,
body.about-page .about-hero-button-row .call-btn button,
body.about-page .about-hero-button-row .livechat-btn button {
    width: 100%;
    min-width: 0;
}

@media (max-width: 991px) {
    body.about-page .homepage-navbar {
        padding: 0 18px;
        min-height: 60px;
        height: 60px;
    }

    body.about-page .about-hero-sec {
        min-height: auto;
        padding: 82px 0 48px;
    }

    body.about-page .about-counter-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        border-radius: 24px;
    }

    body.about-page .about-copy h2,
    body.about-page .about-vision-mission .call-sec h2,
    body.about-page .question h2,
    body.about-page .contact-content h2 {
        font-size: 38px;
        line-height: 1.22;
    }

    body.about-page .about-image-frame {
        margin-top: 34px;
    }

    body.about-page .about-split-section.alt .about-image-frame {
        margin-top: 0;
        margin-bottom: 34px;
    }

    body.about-page .about-split-section.alt .about-copy[style] {
        margin-left: 0 !important;
    }

    body.about-page .banner-color .banner-contents h1,
    body.about-page .banner-color .banner-contents h2,
    body.about-page .call-sec h2,
    body.about-page .who-we-are .ready.banner-contents h2,
    body.about-page .form-col h4 {
        font-size: 36px;
        line-height: 1.2;
    }

    body.about-page .brand-sec {
        padding: 24px 24px 28px;
    }

    body.about-page .about-contact-cta .contact-content h2 {
        font-size: 58px;
    }

    body.about-page .about-contact-cta .contact-content h3,
    body.about-page .form-col h4 {
        font-size: 38px;
    }
}

@media (max-width: 767px) {
    body.about-page .about-hero-sec {
        padding-top: 74px;
    }

    body.about-page .banner-color,
    body.about-page .about-struggle-section,
    body.about-page .faq-section {
        padding: 56px 0;
    }

    body.about-page .about-hero-card {
        padding: 28px 20px;
        border-radius: 20px;
    }

    body.about-page .about-hero-card h1 {
        font-size: 40px;
        line-height: 1.2;
    }

    body.about-page .about-hero-card p,
    body.about-page .about-copy p,
    body.about-page .banner-contents p,
    body.about-page .contact-content p {
        font-size: 15px;
        line-height: 1.7;
    }

    body.about-page .about-counter-grid {
        grid-template-columns: 1fr;
        border-radius: 20px;
    }

    body.about-page .about-counter-number {
        font-size: 40px;
    }

    body.about-page .about-split-section,
    body.about-page .about-vision-mission,
    body.about-page .elevate-section,
    body.about-page .who-we-are,
    body.about-page .contact_us_sec {
        padding: 56px 0;
    }

    body.about-page .about-contact-cta {
        padding: 56px 0 18px;
    }

    body.about-page .about-copy h2,
    body.about-page .about-vision-mission .call-sec h2,
    body.about-page .question h2,
    body.about-page .contact-content h2 {
        font-size: 31px;
        line-height: 1.26;
    }

    body.about-page .about-cta-row,
    body.about-page .contact-content .buttons {
        display: block;
    }

    body.about-page .about-cta-row .call-btn,
    body.about-page .about-cta-row .schedule-btn2,
    body.about-page .contact-content .buttons a {
        margin-bottom: 12px;
    }

    body.about-page .banner-color .banner-contents h1,
    body.about-page .banner-color .banner-contents h2,
    body.about-page .call-sec h2,
    body.about-page .who-we-are .ready.banner-contents h2,
    body.about-page .form-col h4,
    body.about-page .contact-content h3 {
        font-size: 30px;
        line-height: 1.25;
    }

    body.about-page .about-contact-cta .contact-content h2 {
        font-size: 44px;
    }

    body.about-page .pad-btm-70 {
        padding-bottom: 32px !important;
    }

    body.about-page .brand-sec {
        padding: 22px 18px 24px;
        text-align: center;
    }

    body.about-page .brand-sec p {
        font-size: 18px;
    }

    body.about-page .brands-logo {
        gap: 18px 22px;
        margin-top: 24px;
    }

    body.about-page .brands-logo img {
        max-width: 122px;
        max-height: 34px;
    }

    body.about-page .about-hero-button-row {
        gap: 16px;
    }

    body.about-page .about-hero-button-row > [class*="col-"] {
        flex-basis: 220px;
        max-width: 220px;
    }

    body.about-page .form-col {
        padding: 24px 20px;
    }

    body.about-page .contact-content .buttons a,
    body.about-page button:not(header button):not(.accordion button):not(.close):not(.slick-arrow) {
        width: 100%;
    }
}

/* Shared service-page pitch form */
#after_cta.contact-form-section {
    padding: 84px 0 !important;
    background: linear-gradient(180deg, rgba(238, 245, 245, 0.96), rgba(216, 231, 232, 0.94)) !important;
    overflow: hidden;
}

#after_cta.contact-form-section .contact-title h2 {
    margin: 0 0 34px;
    color: var(--theme-ink);
    font-size: clamp(38px, 5vw, 68px);
    line-height: 1.08;
    font-weight: 700;
    letter-spacing: 0;
}

#after_cta.contact-form-section .contact-info-row {
    align-items: center;
    row-gap: 34px;
}

#after_cta.contact-form-section figure {
    margin: 0;
    text-align: center;
}

#after_cta.contact-form-section figure img {
    width: min(100%, 560px);
    max-height: 560px;
    object-fit: contain;
}

#after_cta.contact-form-section .main-form {
    width: min(100%, 640px);
    margin-left: auto;
    padding: 30px;
    background: rgba(255, 255, 255, 0.92) !important;
    border: 1px solid var(--theme-border);
    border-radius: 24px;
    box-shadow: 0 24px 58px rgba(6, 28, 69, 0.12) !important;
}

#after_cta.contact-form-section .main-form .row {
    --bs-gutter-x: 16px;
    --bs-gutter-y: 16px;
    margin-top: 0;
}

#after_cta.contact-form-section .main-form .row + .row {
    margin-top: 16px;
}

#after_cta.contact-form-section .form-group {
    position: relative;
    width: 100%;
    margin: 0;
}

#after_cta.contact-form-section .formlbl {
    display: block;
    margin: 0 0 8px !important;
    color: var(--theme-ink);
    font-size: 14px !important;
    line-height: 1.3;
    font-weight: 700 !important;
}

#after_cta.contact-form-section .form-control,
#after_cta.contact-form-section select.custom-select-arrow {
    width: 100%;
    min-height: 54px;
    padding: 13px 16px !important;
    color: var(--theme-ink);
    font-size: 16px !important;
    font-weight: 500;
    line-height: 1.35;
    background-color: rgba(255, 255, 255, 0.95) !important;
    border: 1px solid rgba(212, 165, 90, 0.34) !important;
    border-radius: 14px !important;
    box-shadow: none !important;
    outline: none;
}

#after_cta.contact-form-section select.custom-select-arrow {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 44px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10' viewBox='0 0 16 10'%3E%3Cpath d='M2 2l6 6 6-6' fill='none' stroke='%23648d91' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    background-position: calc(100% - 18px) 50% !important;
    background-size: 16px 10px !important;
    background-repeat: no-repeat !important;
}

#after_cta.contact-form-section textarea.form-control {
    min-height: 132px;
    resize: vertical;
}

#after_cta.contact-form-section .form-control:focus,
#after_cta.contact-form-section select.custom-select-arrow:focus {
    border-color: var(--theme-accent-dark) !important;
    background-color: #fff !important;
    box-shadow: 0 0 0 4px rgba(11, 45, 99, 0.18) !important;
}

#after_cta.contact-form-section .row.pt-3 {
    padding-top: 0 !important;
}

#after_cta.contact-form-section .pt-40 {
    padding-top: 0 !important;
}

#after_cta.contact-form-section .btn-form {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 210px;
    min-height: 54px;
    padding: 14px 32px !important;
    color: #0B2742 !important;
    -webkit-text-fill-color: #0B2742 !important;
    font-size: 16px !important;
    font-weight: 700;
    line-height: 1;
    text-transform: none;
    background: var(--site-metal-gold-gradient, linear-gradient(180deg, #F9EC79 0%, #F4D95E 18%, #DDB447 40%, #C9962D 60%, #AE7D1E 80%, #7D5510 100%)) !important;
    border: 1px solid rgba(125, 85, 16, 0.45) !important;
    border-radius: 12px !important;
    box-shadow: 0 7px 16px rgba(0, 0, 0, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
}

#after_cta.contact-form-section .btn-form:hover,
#after_cta.contact-form-section .btn-form:focus {
    background: var(--site-metal-gold-gradient-hover, linear-gradient(180deg, #FFF18A 0%, #F7DE67 18%, #E4BC4D 40%, #D09D33 60%, #B98623 80%, #835B12 100%)) !important;
    border-color: rgba(125, 85, 16, 0.58) !important;
    color: #0B2742 !important;
    -webkit-text-fill-color: #0B2742 !important;
    transform: translateY(-2px) !important;
}

@media (max-width: 991px) {
    #after_cta.contact-form-section {
        padding: 64px 0 !important;
    }

    #after_cta.contact-form-section .main-form {
        margin: 0 auto;
    }

    #after_cta.contact-form-section .contact-title h2 {
        text-align: center;
    }
}

@media (max-width: 767px) {
    #after_cta.contact-form-section {
        padding: 50px 0 !important;
    }

    #after_cta.contact-form-section .main-form {
        padding: 22px;
        border-radius: 20px;
    }

    #after_cta.contact-form-section .main-form .row + .row {
        margin-top: 14px;
    }

    #after_cta.contact-form-section .form-control,
    #after_cta.contact-form-section select.custom-select-arrow {
        min-height: 50px;
        font-size: 15px !important;
    }

    #after_cta.contact-form-section .btn-form {
        width: 100%;
    }
}

/* Sitewide navy/gold palette normalization */
:root {
    --theme-ink: #1F2937;
    --theme-ink-soft: #3d4652;
    --theme-accent: #D4A55A;
    --theme-accent-dark: #BE8C3D;
    --theme-accent-soft: #F8F4EE;
    --theme-accent-soft-2: #ffffff;
    --theme-navy: #061C45;
    --theme-navy-rich: #0B2D63;
    --theme-gold: #D4A55A;
    --theme-gold-dark: #BE8C3D;
    --theme-cream: #F8F4EE;
    --theme-charcoal: #1F2937;
    --theme-light-gray: #E7E2DA;
    --theme-surface: #ffffff;
    --theme-border: #E7E2DA;
    --theme-shadow: rgba(6, 28, 69, 0.14);
}

html,
body {
    margin: 0 !important;
    padding-top: 0 !important;
    background-color: var(--theme-cream) !important;
    color: var(--theme-charcoal) !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.heading1,
._inner-h2,
.card-title,
.contact-title h2 {
    color: var(--theme-charcoal) !important;
}

a,
.main-color,
.text-primary,
.brand-font,
.counter-box,
.counter-box span,
.seemore {
    color: var(--theme-gold) !important;
}

a:hover,
.homepage-centered-nav a:hover,
.site-header-v2 a:hover,
.navbar .links li a:hover {
    color: var(--theme-gold-dark) !important;
}

.main-btn,
.book-btn,
.btn-form,
.btn-hover,
.submit-button,
.cta-btn-small.main-btn.book-btn,
.homepage-hero-form__submit,
.header-form .input-group-text,
.offer-popup-submit,
.offer-popup-btn,
.ban-form input[type=submit] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border-width: 1px !important;
    border-style: solid !important;
    border-radius: 10px !important;
    background: transparent !important;
    border-color: var(--theme-gold) !important;
    color: var(--theme-gold) !important;
    box-shadow: 0 14px 30px rgba(6, 28, 69, 0.14) !important;
}

.main-btn:hover,
.book-btn:hover,
.btn-form:hover,
.btn-hover:hover,
.submit-button:hover,
.cta-btn-small.main-btn.book-btn:hover,
.homepage-hero-form__submit:hover,
.offer-popup-submit:hover,
.offer-popup-btn:hover,
.ban-form input[type=submit]:hover {
    background: linear-gradient(180deg, #D4A55A 0%, #BE8C3D 100%) !important;
    border-color: var(--theme-gold) !important;
    color: #061C45 !important;
}

.btn-black-bg,
.btn-primary,
.site-header-v2__consult {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border-width: 1px !important;
    border-style: solid !important;
    border-radius: 10px !important;
    background: transparent !important;
    border-color: var(--theme-gold) !important;
    color: var(--theme-gold) !important;
    box-shadow: 0 14px 30px rgba(6, 28, 69, 0.18) !important;
}

.btn-black-bg:hover,
.btn-primary:hover,
.site-header-v2__consult:hover {
    background: linear-gradient(180deg, #D4A55A 0%, #BE8C3D 100%) !important;
    border-color: var(--theme-gold) !important;
    color: #061C45 !important;
}

.masthead .main-btn:not(.btn-black-bg),
#hero .main-btn:not(.btn-black-bg),
.service-hero-bg .main-btn:not(.btn-black-bg),
header.masthead .main-btn:not(.btn-black-bg),
.masthead .hero-form-submit,
#hero .hero-form-submit,
.service-hero-bg .hero-form-submit,
header.masthead .hero-form-submit,
.masthead .homepage-hero-form__submit,
#hero .homepage-hero-form__submit {
    background: var(--site-metal-gold-gradient) !important;
    border: 1px solid rgba(125, 85, 16, 0.45) !important;
    color: #0B2742 !important;
    -webkit-text-fill-color: #0B2742 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
}

.masthead .main-btn:not(.btn-black-bg):hover,
#hero .main-btn:not(.btn-black-bg):hover,
.service-hero-bg .main-btn:not(.btn-black-bg):hover,
header.masthead .main-btn:not(.btn-black-bg):hover,
.masthead .hero-form-submit:hover,
#hero .hero-form-submit:hover,
.service-hero-bg .hero-form-submit:hover,
header.masthead .hero-form-submit:hover,
.masthead .homepage-hero-form__submit:hover,
#hero .homepage-hero-form__submit:hover {
    background: var(--site-metal-gold-gradient-hover) !important;
    border-color: rgba(125, 85, 16, 0.58) !important;
    color: #0B2742 !important;
    -webkit-text-fill-color: #0B2742 !important;
    box-shadow: 0 7px 16px rgba(0, 0, 0, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
}

.masthead .btn-black-bg,
#hero .btn-black-bg {
    background: var(--site-metal-gold-gradient) !important;
    border: 1px solid rgba(125, 85, 16, 0.45) !important;
    color: #0B2742 !important;
    -webkit-text-fill-color: #0B2742 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
}

.service-hero-bg .btn-black-bg,
header.masthead .btn-black-bg {
    background: var(--site-metal-gold-gradient) !important;
    border: 1px solid rgba(125, 85, 16, 0.45) !important;
    color: #0B2742 !important;
    -webkit-text-fill-color: #0B2742 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
}

.masthead .btn-black-bg:hover,
#hero .btn-black-bg:hover {
    background: var(--site-metal-gold-gradient-hover) !important;
    border-color: rgba(125, 85, 16, 0.58) !important;
    color: #0B2742 !important;
    -webkit-text-fill-color: #0B2742 !important;
    box-shadow: 0 7px 16px rgba(0, 0, 0, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
}

.service-hero-bg .btn-black-bg:hover,
header.masthead .btn-black-bg:hover {
    background: var(--site-metal-gold-gradient-hover) !important;
    border-color: rgba(125, 85, 16, 0.58) !important;
    color: #0B2742 !important;
    -webkit-text-fill-color: #0B2742 !important;
    box-shadow: 0 7px 16px rgba(0, 0, 0, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
}

header.section.masthead a.cta-btn-small.main-btn.book-btn,
.service-hero-bg a.cta-btn-small.main-btn.book-btn,
.masthead a.cta-btn-small.main-btn.book-btn,
#hero a.cta-btn-small.main-btn.book-btn {
    background: var(--site-metal-gold-gradient) !important;
    border: 1px solid rgba(125, 85, 16, 0.45) !important;
    color: #0B2742 !important;
    -webkit-text-fill-color: #0B2742 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
}

header.section.masthead a.cta-btn-small.main-btn.book-btn:hover,
.service-hero-bg a.cta-btn-small.main-btn.book-btn:hover,
.masthead a.cta-btn-small.main-btn.book-btn:hover,
#hero a.cta-btn-small.main-btn.book-btn:hover {
    background: var(--site-metal-gold-gradient-hover) !important;
    border-color: rgba(125, 85, 16, 0.58) !important;
    color: #0B2742 !important;
    -webkit-text-fill-color: #0B2742 !important;
    box-shadow: 0 7px 16px rgba(0, 0, 0, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
}

header.section.masthead p.d-flex > a.main-btn.book-btn,
header.section.masthead p.d-flex > a.main-btn.book-btn.btn-black-bg,
.service-hero-bg p.d-flex > a.main-btn.book-btn,
.service-hero-bg p.d-flex > a.main-btn.book-btn.btn-black-bg {
    background: var(--site-metal-gold-gradient) !important;
    border: 1px solid rgba(125, 85, 16, 0.45) !important;
    color: #0B2742 !important;
    -webkit-text-fill-color: #0B2742 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
}

header.section.masthead p.d-flex > a.main-btn.book-btn:hover,
header.section.masthead p.d-flex > a.main-btn.book-btn.btn-black-bg:hover,
.service-hero-bg p.d-flex > a.main-btn.book-btn:hover,
.service-hero-bg p.d-flex > a.main-btn.book-btn.btn-black-bg:hover {
    background: var(--site-metal-gold-gradient-hover) !important;
    border-color: rgba(125, 85, 16, 0.58) !important;
    color: #0B2742 !important;
    -webkit-text-fill-color: #0B2742 !important;
    box-shadow: 0 7px 16px rgba(0, 0, 0, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
}

.homepage-main-nav.is-scrolled,
.navbar.sticky {
    background: var(--theme-navy) !important;
    border-color: var(--theme-navy) !important;
    color: #fff !important;
}

.homepage-main-nav.is-scrolled .homepage-centered-nav a,
.navbar.sticky .links li a,
.site-header-v2__nav a {
    color: #fff !important;
}

.homepage-main-nav:not(.is-scrolled) .homepage-centered-nav a,
.homepage-centered-nav a,
.navbar .links li a {
    color: var(--theme-charcoal) !important;
}

.homepage-centered-nav a[aria-current="page"],
.site-header-v2__nav a.active,
.site-header-v2__nav a[aria-current="page"],
.navbar .links li.active > a {
    color: var(--theme-gold) !important;
}

.homepage-services-dropdown,
.navbar .links li .sub-menu,
.card,
.review,
.contact-form-section .main-form,
.homepage-review-card,
.pricing-section .slick-slide,
.client-reviews-section .box,
.brands-section figure {
    background-color: var(--theme-surface) !important;
    border-color: var(--theme-border) !important;
    box-shadow: 0 18px 42px var(--theme-shadow) !important;
}

.navbar .links li .sub-menu a {
    color: var(--theme-charcoal) !important;
}

.navbar .links li .sub-menu a:hover,
.navbar .links li .sub-menu li:hover > a {
    color: var(--theme-gold-dark) !important;
}

.homepage-centered-nav .homepage-services-dropdown a,
.homepage-main-nav.is-scrolled .homepage-services-dropdown a,
.homepage-main-nav .homepage-centered-nav .homepage-services-dropdown a {
    color: var(--theme-charcoal) !important;
}

.homepage-centered-nav .homepage-services-dropdown a:hover,
.homepage-main-nav.is-scrolled .homepage-services-dropdown a:hover,
.homepage-main-nav .homepage-centered-nav .homepage-services-dropdown li:hover > a {
    color: var(--theme-gold-dark) !important;
}

.masthead,
.bg-grdient,
.bg-gradient,
.gd-form .bg-gredient-1,
#after_cta.contact-form-section {
    background-color: var(--theme-cream) !important;
}

.section-dark,
.faq-section,
.homepage-reviews-slider-section,
.site-footer-v2__top,
.site-footer-v2__bottom,
footer,
.footer-area,
.footer-section {
    background: var(--theme-navy) !important;
    color: #fff !important;
}

.site-footer-v2,
.site-footer-v2__top,
.site-footer-v2__bottom {
    background: var(--theme-navy) !important;
}

.site-footer-v2__middle {
    background: var(--theme-cream) !important;
    color: var(--theme-charcoal) !important;
}

.site-footer-v2__title,
.site-footer-v2__links a:hover,
.site-footer-v2__services a:hover,
.site-footer-v2__help a:hover,
.site-footer-v2__social a,
.site-footer-v2__google-stars,
.homepage-review-card__stars {
    color: var(--theme-gold) !important;
}

#sticky-social-icons-container li a,
.fab-fa-facebook a,
.fab-fa-instagram a,
.fab-fa-twitter a,
.fab-fa-linkedin-in a,
.fab-fa-youtube a,
.fab-fa-pinterest-p a,
.fixedform-1 a,
.fixedform-2 a,
.chat-widget,
.whatsapp-icon,
.phone-icon,
.mail-icon {
    background: var(--theme-navy-rich) !important;
    color: var(--theme-gold) !important;
    border: 1px solid rgba(212, 165, 90, 0.34) !important;
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.28) !important;
}

#sticky-social-icons-container li a:hover,
.fixedform-1 a:hover,
.fixedform-2 a:hover {
    background: rgba(212, 165, 90, 0.18) !important;
    color: #fff !important;
}

#sticky-social-icons-container {
    padding: 8px 0;
    background: rgba(6, 28, 69, 0.84);
    border: 1px solid rgba(212, 165, 90, 0.26);
    border-radius: 18px;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.24);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

#sticky-social-icons-container li a {
    background: transparent !important;
    color: var(--theme-gold) !important;
    border: 0 !important;
    box-shadow: none !important;
}

#sticky-social-icons-container li a:hover {
    background: rgba(212, 165, 90, 0.16) !important;
    color: #fff !important;
}

.floatbutton .btns_wrap a,
.floatbutton .btns_wrap a .icoo {
    background: var(--theme-navy-rich) !important;
    color: var(--theme-gold) !important;
    border: 1px solid rgba(212, 165, 90, 0.34) !important;
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.28) !important;
}

.floatbutton .btns_wrap a:hover,
.floatbutton .btns_wrap a:hover .icoo {
    background: rgba(212, 165, 90, 0.16) !important;
    color: #fff !important;
}

.floatbutton .btns_wrap a span:not(.icoo),
.floatbutton .btns_wrap a .__cf_email__ {
    color: #fff !important;
}

.floatbutton .clickbutton {
    background: linear-gradient(180deg, #D4A55A 0%, #BE8C3D 100%) !important;
    color: #061c45 !important;
    border: 1px solid rgba(212, 165, 90, 0.42) !important;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.28) !important;
}

.floatbutton .clickbutton:hover {
    background: linear-gradient(180deg, #E0B867 0%, #C8953E 100%) !important;
    color: #061c45 !important;
}

.floatbutton .clickbutton .crossplus,
.floatbutton .clickbutton i {
    color: #061c45 !important;
}

.homepage-book-portfolio-section,
.services-section,
.port-folio.bg-light,
._bg-light,
.bg-light {
    background-color: var(--theme-cream) !important;
}

.homepage-book-portfolio__arrow,
.homepage-book-portfolio__dots button.is-active,
.homepage-service-stack__number {
    color: var(--theme-gold) !important;
}

.homepage-book-portfolio__dots button.is-active {
    background: var(--theme-gold) !important;
}

.homepage-service-stack__card {
    background: linear-gradient(180deg, rgba(12, 39, 87, 0.96) 0%, rgba(8, 29, 66, 0.94) 100%) !important;
    border-color: rgba(212, 165, 90, 0.34) !important;
    color: #fff !important;
}

.homepage-service-stack__card:hover {
    background: linear-gradient(180deg, #D4A55A 0%, #BE8C3D 100%) !important;
    color: #061c45 !important;
}

.homepage-service-stack__card:hover .homepage-service-stack__number,
.homepage-service-stack__card:hover .homepage-service-stack__description,
.homepage-service-stack__card:hover .homepage-service-stack__service {
    color: #061c45 !important;
}

.form-control,
.header-form input,
.header-form select,
.homepage-hero-form input,
.homepage-hero-form select,
.homepage-hero-form textarea,
.contact-form-section .form-group input,
.contact-form-section .form-group textarea,
select.custom-select-arrow {
    border-color: var(--theme-light-gray) !important;
    color: var(--theme-charcoal) !important;
}

.form-control:focus,
.header-form input:focus,
.header-form select:focus,
.homepage-hero-form input:focus,
.homepage-hero-form select:focus,
.homepage-hero-form textarea:focus,
.contact-form-section .form-group input:focus,
.contact-form-section .form-group textarea:focus,
select.custom-select-arrow:focus {
    border-color: var(--theme-gold) !important;
    box-shadow: 0 0 0 4px rgba(212, 165, 90, 0.18) !important;
}

select.custom-select-arrow,
#after_cta.contact-form-section select.custom-select-arrow,
.homepage-hero-form select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10' viewBox='0 0 16 10'%3E%3Cpath d='M2 2l6 6 6-6' fill='none' stroke='%23D4A55A' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: calc(100% - 18px) 50% !important;
    background-size: 16px 10px !important;
}

.offer-popup-box,
.offer-popup-form,
.offer-popup-content {
    background-color: rgba(6, 28, 69, 0.92) !important;
    border-color: rgba(212, 165, 90, 0.48) !important;
}

.offer-popup-box input,
.offer-popup-box select,
.offer-popup-box textarea {
    background: rgba(255, 255, 255, 0.96) !important;
    border-color: rgba(212, 165, 90, 0.38) !important;
    color: var(--theme-charcoal) !important;
}

.offer-dis,
.offer-popup-badge,
.offer-popup-close {
    color: var(--theme-gold) !important;
    border-color: var(--theme-gold) !important;
}

.hero-form-card,
.service-hero-form-card {
    background: linear-gradient(180deg, rgba(11, 45, 99, 0.32), rgba(212, 165, 90, 0.24)) !important;
    border-color: rgba(255, 255, 255, 0.36) !important;
    backdrop-filter: blur(4px) !important;
    -webkit-backdrop-filter: blur(4px) !important;
}

.audiobook-flowchart-figure {
    max-width: 1180px;
    margin: 0 auto;
    text-align: center;
}

.audiobook-flowchart-image {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
    border-radius: 18px;
}

.service-workflow-section {
    position: relative;
    overflow: hidden;
    background:
        linear-gradient(180deg, rgba(3, 13, 34, 0.18), rgba(3, 13, 34, 0.26)),
        url("../img/home-section-blue-plain.png") center center / cover no-repeat;
    color: #fff !important;
}

.service-workflow-section .container {
    position: relative;
    z-index: 1;
}

.service-workflow-section .points-head {
    max-width: 860px;
    margin: 0 auto 18px;
    text-align: center;
}

.service-workflow-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 18px;
    color: var(--theme-gold);
    font-size: 28px;
    font-weight: 700;
    letter-spacing: 0.22em;
    line-height: 1;
    text-transform: uppercase;
}

.service-workflow-eyebrow::before,
.service-workflow-eyebrow::after {
    content: "";
    width: 58px;
    height: 1px;
    background: rgba(212, 165, 90, 0.8);
}

.service-workflow-section .points-head h2,
.service-workflow-section .points-head p {
    color: #fff !important;
}

.service-workflow-section .points-head h2 {
    max-width: 760px;
    margin-left: auto;
    margin-right: auto;
}

.service-workflow-section .points-head p {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.7;
}

.service-workflow {
    position: relative;
    max-width: 980px;
    margin: 0 auto;
}

.service-workflow__diagram {
    position: relative;
    min-height: 520px;
}

.service-workflow__grid {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(2, minmax(250px, 290px));
    justify-content: space-between;
    row-gap: 40px;
}

.service-workflow__ornament {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    width: min(440px, 46vw);
    transform: translate(-50%, -50%);
    pointer-events: none;
}

.service-workflow__card {
    position: relative;
    min-height: 184px;
    padding: 28px 26px 24px;
    background: linear-gradient(180deg, #f9f1e2 0%, #f4e8d6 100%);
    border-radius: 6px 6px 18px 6px;
    box-shadow: 0 18px 36px rgba(0, 0, 0, 0.28);
    color: #102542;
}

.service-workflow__card::before {
    content: "";
    position: absolute;
    top: -10px;
    left: 50%;
    width: 72px;
    height: 16px;
    background: rgba(216, 216, 216, 0.82);
    border-radius: 2px;
    transform: translateX(-50%) rotate(-2deg);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
}

.service-workflow__card--tl,
.service-workflow__card--bl {
    transform: rotate(-2.2deg);
}

.service-workflow__card--tr,
.service-workflow__card--br {
    transform: rotate(2.2deg);
}

.service-workflow__badge {
    position: absolute;
    top: 16px;
    left: -18px;
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    border: 2px solid var(--theme-gold);
    background: #061c45;
    color: var(--theme-gold);
    font-size: 21px;
    font-weight: 800;
    line-height: 1;
}

.service-workflow__title {
    margin: 0;
    color: #102542;
    font-size: 23px;
    font-weight: 500;
    line-height: 1.08;
    text-align: center;
    text-transform: uppercase;
}

.service-workflow__divider {
    width: 42px;
    height: 2px;
    margin: 12px auto 14px;
    background: linear-gradient(90deg, rgba(212, 165, 90, 0.2), rgba(212, 165, 90, 1), rgba(212, 165, 90, 0.2));
}

.service-workflow__description {
    margin: 0;
    color: #102542;
    font-size: 16px;
    line-height: 1.55;
    text-align: center;
}

.service-workflow__cta {
    margin-top: 34px;
}

@media (max-width: 991px) {
    .service-workflow__diagram {
        min-height: 0;
    }

    .service-workflow__grid {
        grid-template-columns: repeat(2, minmax(220px, 1fr));
        column-gap: 24px;
        row-gap: 28px;
    }

    .service-workflow__ornament {
        width: min(340px, 44vw);
    }
}

@media (max-width: 767px) {
    .service-workflow-eyebrow {
        font-size: 13px;
        letter-spacing: 0.16em;
    }

    .service-workflow-eyebrow::before,
    .service-workflow-eyebrow::after {
        width: 34px;
    }

    .service-workflow__grid {
        grid-template-columns: 1fr;
        max-width: 320px;
        margin: 0 auto;
    }

    .service-workflow__ornament {
        display: none;
    }

    .service-workflow__card,
    .service-workflow__card--tl,
    .service-workflow__card--tr,
    .service-workflow__card--bl,
    .service-workflow__card--br {
        transform: none;
    }

    .service-workflow__badge {
        left: -10px;
    }
}

.service-hero-bg {
    position: relative;
    overflow: hidden;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-color: transparent !important;
}

.service-hero-bg::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background: linear-gradient(90deg, rgba(248, 244, 238, 0.72) 0%, rgba(248, 244, 238, 0.58) 34%, rgba(248, 244, 238, 0.38) 62%, rgba(248, 244, 238, 0.22) 100%);
}

.service-hero-bg .container {
    position: relative;
    z-index: 1;
}

.service-hero-audiobook {
    background-image: url("../img/service-heroes/audiobook.png") !important;
}

.service-hero-book-cover {
    background-image: url("../img/service-heroes/book-cover.png") !important;
}

.service-hero-book-editing {
    background-image: url("../img/service-heroes/book-editing.png") !important;
}

.service-hero-book-marketing {
    background-image: url("../img/service-heroes/book-marketing.png") !important;
}

.service-hero-book-publishing {
    background-image: url("../img/service-heroes/book-publishing.png") !important;
}

.service-hero-ghostwriting {
    background-image: url("../img/service-heroes/ghostwriting.png") !important;
}

.service-hero-illustration {
    background-image: url("../img/service-heroes/illustration.png") !important;
}

.service-hero-author-website {
    background-image: url("../img/service-heroes/author-website.png") !important;
}

.pricing-section--editing-process {
    position: relative;
    overflow: hidden;
    background:
        /* linear-gradient(180deg, rgba(3, 13, 34, 0.12), rgba(3, 13, 34, 0.22)), */
        url("../img/editing/home-section-blue-plain.png") center center / cover no-repeat,
        url("../img/home-section-blue-plain.png") center center / cover no-repeat !important;
    padding-top: 56px !important;
    color: #fff !important;
}

.pricing-section--editing-process::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 20% 20%, rgba(212, 165, 90, 0.14), transparent 26%),
        radial-gradient(circle at 80% 24%, rgba(255, 255, 255, 0.06), transparent 18%),
        linear-gradient(180deg, rgba(3, 15, 39, 0.34), rgba(3, 15, 39, 0.5));
    pointer-events: none;
}

.pricing-section--editing-process .container {
    position: relative;
    z-index: 1;
}

.pricing-section--editing-process > .container > .row:first-child .heading1:not(.editing-process-heading),
.pricing-section--editing-process > .container > .row:first-child .paragraph-2:not(.editing-process-intro) {
    display: none !important;
}

.pricing-section--editing-process .heading1,
.pricing-section--editing-process .paragraph-2 {
    color: #fff !important;
}

.pricing-section--editing-process .editing-process-heading {
    max-width: 920px;
    margin: 0 auto 10px;
    font-size: clamp(32px, 3.6vw, 48px);
    line-height: 1.08;
    text-wrap: balance;
}

.pricing-section--editing-process .editing-process-intro {
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
    color: rgba(255, 255, 255, 0.82) !important;
    font-size: 17px;
    line-height: 1.75;
}

.editing-process-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 14px;
    color: var(--theme-gold);
    font-size: 28px;
    font-weight: 700;
    letter-spacing: 0.24em;
    text-transform: uppercase;
}

.editing-process-eyebrow::before,
.editing-process-eyebrow::after {
    content: "";
    width: 34px;
    height: 1px;
    background: rgba(212, 165, 90, 0.75);
}

.pricing-section--editing-process .editing-process-grid {
    position: relative;
    align-items: flex-start;
    justify-content: center;
    row-gap: 22px;
    margin-top: 10px;
}

.pricing-section--editing-process .editing-process-grid > [class*="col-"] {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    position: relative;
}

.pricing-section--editing-process .editing-process-grid > [class*="col-"]:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 96px;
    left: calc(100% - 46px);
    width: 340px;
    height: 92px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    opacity: 0.95;
    pointer-events: none;
    z-index: 2;
}

.pricing-section--plans-3 .editing-process-grid > [class*="col-"]:not(:last-child)::after {
    left: calc(100% - 70px);
    width: 390px;
    height: 98px;
}

.pricing-section--plans-4 .editing-process-grid > [class*="col-"]:not(:last-child)::after {
    left: calc(100% - 46px);
    width: 340px;
    height: 92px;
}

.pricing-section--editing-process .editing-process-grid > [class*="col-"]:nth-child(1)::after {
    background-image: url("../img/editing/process-string-1.svg");
}

.pricing-section--editing-process .editing-process-grid > [class*="col-"]:nth-child(2)::after {
    background-image: url("../img/editing/process-string-2.svg");
}

.pricing-section--editing-process .editing-process-grid > [class*="col-"]:nth-child(3)::after {
    background-image: url("../img/editing/process-string-3.svg");
}

.pricing-section--editing-process .editing-process-grid > [class*="col-"]:nth-child(1) .pack-main-wrapper,
.pricing-section--editing-process .editing-process-grid > [class*="col-"]:nth-child(4) .pack-main-wrapper {
    transform: rotate(-5deg);
}

.pricing-section--editing-process .editing-process-grid > [class*="col-"]:nth-child(2) .pack-main-wrapper,
.pricing-section--editing-process .editing-process-grid > [class*="col-"]:nth-child(3) .pack-main-wrapper {
    transform: rotate(4deg);
}

.pricing-section--editing-process .pack-main-wrapper {
    flex: 0 0 auto;
    position: relative;
    width: 100%;
    max-width: 210px;
    height: auto;
    padding-top: 34px;
    transition: transform 0.3s ease;
}

.pricing-section--plans-3 .pack-main-wrapper {
    max-width: 300px;
}

.pricing-section--plans-4 .pack-main-wrapper {
    max-width: 210px;
}

.pricing-section--editing-process .pack-main-wrapper::before {
    position: absolute;
    top: -14px;
    left: 50%;
    transform: translateX(-50%);
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 2px solid rgba(212, 165, 90, 0.9);
    background: #061c45;
    color: var(--theme-gold);
    font-size: 22px;
    font-weight: 800;
    line-height: 1;
    z-index: 3;
}

.pricing-section--editing-process .pack-main-wrapper::after {
    content: "";
    position: absolute;
    top: -24px;
    left: 50%;
    width: 9px;
    height: 17px;
    background: linear-gradient(180deg, #f0c768 0%, #be8c3d 100%);
    border-radius: 12px 12px 6px 6px;
    transform: translateX(-50%) rotate(18deg);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.22);
    z-index: 2;
}

.pricing-section--editing-process .editing-process-grid > [class*="col-"]:nth-child(1) .pack-main-wrapper::before {
    content: "01";
}

.pricing-section--editing-process .editing-process-grid > [class*="col-"]:nth-child(2) .pack-main-wrapper::before {
    content: "02";
}

.pricing-section--editing-process .editing-process-grid > [class*="col-"]:nth-child(3) .pack-main-wrapper::before {
    content: "03";
}

.pricing-section--editing-process .editing-process-grid > [class*="col-"]:nth-child(4) .pack-main-wrapper::before {
    content: "04";
}

.pricing-section--editing-process .pricing {
    position: relative;
    height: auto !important;
    min-height: 0 !important;
    padding: 84px 12px 12px !important;
    border-radius: 18px !important;
    border: 1px solid rgba(212, 165, 90, 0.26) !important;
    box-shadow: 0 24px 48px rgba(0, 0, 0, 0.3) !important;
    overflow: hidden;
}

.pricing-section--editing-process .pricing::before {
    content: "";
    position: absolute;
    top: 38px;
    left: 50%;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.94);
    transform: translateX(-50%);
    box-shadow: 0 10px 24px rgba(6, 28, 69, 0.18);
}

.pricing-section--editing-process .pricing::after {
    content: "";
    position: absolute;
    top: 50px;
    left: 50%;
    transform: translateX(-50%);
    width: 22px;
    height: 22px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    z-index: 1;
}

.pricing-section--editing-process .pack-1,
.pricing-section--editing-process .pack-3 {
    background: linear-gradient(180deg, #d7a43f 0%, #c58e27 100%) !important;
    color: #061c45 !important;
}

.pricing-section--editing-process .pack-2,
.pricing-section--editing-process .pack-4 {
    background: linear-gradient(180deg, rgba(12, 39, 87, 0.96) 0%, rgba(8, 29, 66, 0.92) 100%) !important;
    color: #fff !important;
}

.pricing-section--editing-process .pack-5 {
    background: linear-gradient(180deg, #d7a43f 0%, #c58e27 100%) !important;
    color: #061c45 !important;
}

.pricing-section--editing-process .pack-1::after {
    background-image: url("../img/editing/process-icon-consultation.svg");
}

.pricing-section--editing-process .pack-2::after {
    background-image: url("../img/editing/process-icon-review.svg");
}

.pricing-section--editing-process .pack-3::after {
    background-image: url("../img/editing/process-icon-edit.svg");
}

.pricing-section--editing-process .pack-4::after {
    background-image: url("../img/editing/process-icon-delivery.svg");
}

.pricing-section--editing-process .pack-5::after {
    background-image: url("../img/editing/process-icon-edit.svg");
}

.pricing-section--editing-process .top-plan-text {
    position: absolute;
    top: 14px;
    left: 50%;
    width: 132px;
    z-index: 1;
    display: inline-block;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: rgba(255, 255, 255, 0.9) !important;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.08em;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
    transform: translateX(-50%);
}

.pricing-section--editing-process .pricing h2 {
    max-width: 170px;
    min-height: 0px;
    margin: 0 auto 8px;
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 700;
    line-height: 1.24;
    text-align: center;
    text-wrap: balance;
}

.pricing-section--editing-process .pack-1 .top-plan-text,
.pricing-section--editing-process .pack-3 .top-plan-text,
.pricing-section--editing-process .pack-5 .top-plan-text,
.pricing-section--editing-process .pack-1 .plan-p-1,
.pricing-section--editing-process .pack-3 .plan-p-1,
.pricing-section--editing-process .pack-5 .plan-p-1,
.pricing-section--editing-process .pack-1 h2,
.pricing-section--editing-process .pack-3 h2,
.pricing-section--editing-process .pack-5 h2 {
    color: #061c45 !important;
    -webkit-text-fill-color: #061c45 !important;
}

.pricing-section--editing-process .plan-p-1 {
    margin-bottom: 12px;
    color: rgba(255, 255, 255, 0.84) !important;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.45;
    text-align: center;
}

.pricing-section--editing-process .pkg-list {
    margin: 0;
    height: 168px;
    padding: 12px 12px 12px 18px;
    border-radius: 15px;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #D4A55A rgba(255, 255, 255, 0.08);
}

.pricing-section--editing-process .pack-1 .pkg-list,
.pricing-section--editing-process .pack-3 .pkg-list {
    background: linear-gradient(180deg, rgba(6, 28, 69, 0.96) 0%, rgba(7, 23, 54, 0.94) 100%);
}

.pricing-section--editing-process .pack-2 .pkg-list,
.pricing-section--editing-process .pack-4 .pkg-list {
    background: linear-gradient(180deg, rgba(9, 33, 73, 0.7) 0%, rgba(5, 21, 49, 0.88) 100%);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.pricing-section--editing-process .pack-5 .pkg-list {
    background: linear-gradient(180deg, rgba(6, 28, 69, 0.96) 0%, rgba(7, 23, 54, 0.94) 100%);
}

.pricing-section--editing-process ul.pricingul li {
    color: rgba(255, 255, 255, 0.88) !important;
    font-size: 14px;
    line-height: 1.4;
    padding-right: 8px;
}

.pricing-section--editing-process .h-inner-1,
.pricing-section--editing-process .h-inner-2 {
    color: rgba(255, 255, 255, 0.94) !important;
    font-size: 14px !important;
    font-weight: 700;
    line-height: 1.4;
}

.pricing-section--editing-process .pack-main-wrapper ::marker {
    color: var(--theme-gold) !important;
}

.pricing-section--editing-process .pkg-list::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.pricing-section--editing-process .action-wrapper,
.pricing-section--editing-process .badge-seller,
.pricing-section--editing-process .pricing .row {
    display: none !important;
}

.editing-process-cta {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 70px;
    flex-wrap: wrap;
}

.editing-process-cta__button {
    min-width: 232px;
    padding: 14px 22px;
    border-radius: 10px;
    border: 1px solid rgba(212, 165, 90, 0.9);
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    transition: transform 0.25s ease, background-color 0.25s ease, color 0.25s ease;
}

.editing-process-cta__button:hover {
    transform: translateY(-2px);
    color: inherit;
}

.editing-process-cta__button--primary {
    background: linear-gradient(180deg, #d4a55a 0%, #be8c3d 100%);
    color: #061c45 !important;
}

.editing-process-cta__button--secondary {
    background: rgba(6, 28, 69, 0.16);
    color: #fff !important;
}

.editing-process-cta__button::after {
    content: "\2192";
    display: inline-block;
    margin-left: 12px;
    font-size: 16px;
    line-height: 1;
}

#after_cta.contact-form-section .editing-process-cta__button,
#after_cta.contact-form-section .editing-process-cta__button--primary,
#after_cta.contact-form-section .editing-process-cta__button--secondary {
    background: #061C45 !important;
    border-color: #061C45 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    box-shadow: 0 14px 30px rgba(6, 28, 69, 0.22) !important;
}

#after_cta.contact-form-section .editing-process-cta__button:hover,
#after_cta.contact-form-section .editing-process-cta__button--primary:hover,
#after_cta.contact-form-section .editing-process-cta__button--secondary:hover {
    background: #0B2D63 !important;
    border-color: #0B2D63 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

.service-workflow-section .service-workflow__cta[data-aos],
.service-workflow-section .service-workflow__cta[data-aos].aos-init,
.service-workflow-section .service-workflow__cta[data-aos].aos-animate {
    opacity: 1 !important;
    transform: none !important;
    transition-duration: 0s !important;
    transition-delay: 0s !important;
    transition-property: none !important;
    animation: none !important;
}

/* Larger service-page package cards: applies only to the "Our Packages" component. */
@media (min-width: 992px) {
    .pricing-section--editing-process > .container {
        width: min(92vw, 1680px) !important;
        max-width: 1680px !important;
    }

    .pricing-section--editing-process .editing-process-grid {
        width: 100%;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
        row-gap: 34px;
    }

    .pricing-section--editing-process .pack-main-wrapper {
        max-width: clamp(280px, 18vw, 340px);
        padding-top: 46px;
    }

    .pricing-section--plans-3 .pack-main-wrapper {
        max-width: clamp(330px, 24vw, 400px);
    }

    .pricing-section--plans-4 .pack-main-wrapper {
        max-width: clamp(280px, 18vw, 330px);
    }

    .pricing-section--editing-process .pack-main-wrapper::before {
        top: -18px;
        width: 58px;
        height: 58px;
        font-size: 28px;
    }

    .pricing-section--editing-process .pack-main-wrapper::after {
        top: -30px;
        width: 12px;
        height: 22px;
    }

    .pricing-section--editing-process .pricing {
        padding: 108px 22px 22px !important;
        border-radius: 24px !important;
    }

    .pricing-section--editing-process .pricing::before {
        top: 48px;
        width: 58px;
        height: 58px;
    }

    .pricing-section--editing-process .pricing::after {
        top: 64px;
        width: 28px;
        height: 28px;
    }

    .pricing-section--editing-process .top-plan-text {
        top: 18px;
        width: 190px;
        font-size: clamp(14px, 0.9vw, 10px);
        letter-spacing: 0.07em;
    }

    .pricing-section--editing-process .pricing h2 {
        max-width: 260px;
        margin-bottom: 14px;
        font-size: clamp(22px, 1.45vw, 28px) !important;
        line-height: 1.18;
    }

    .pricing-section--editing-process .plan-p-1 {
        margin-bottom: 18px;
        font-size: clamp(16px, 1vw, 19px);
        line-height: 1.45;
    }

    .pricing-section--editing-process .pkg-list {
        height: 230px;
        padding: 18px 18px 18px 28px;
        border-radius: 20px;
    }

    .pricing-section--editing-process ul.pricingul li {
        font-size: clamp(15px, 0.95vw, 18px);
        line-height: 1.42;
        padding-right: 10px;
    }

    .pricing-section--editing-process .h-inner-1,
    .pricing-section--editing-process .h-inner-2 {
        font-size: clamp(15px, 0.95vw, 18px) !important;
        line-height: 1.42;
    }

    .pricing-section--editing-process .editing-process-grid > [class*="col-"]:not(:last-child)::after {
        top: 126px;
        left: calc(100% - 84px);
        width: clamp(390px, 24vw, 520px);
        height: 128px;
    }

    .pricing-section--plans-3 .editing-process-grid > [class*="col-"]:not(:last-child)::after {
        left: calc(100% - 124px);
        width: clamp(460px, 30vw, 660px);
        height: 142px;
    }

    .pricing-section--plans-4 .editing-process-grid > [class*="col-"]:not(:last-child)::after {
        left: calc(100% - 86px);
        width: clamp(380px, 23vw, 500px);
        height: 126px;
    }

    .editing-process-cta {
        /* margin-top: 20px; */
    }
}

@media (max-width: 1199px) {
    .pricing-section--editing-process {
        padding-top: 142px !important;
    }

    .pricing-section--editing-process .editing-process-grid > [class*="col-"]:not(:last-child)::after {
        width: 280px;
        height: 86px;
        left: calc(100% - 32px);
    }

    .pricing-section--editing-process .pricing h2 {
        font-size: 12px !important;
    }

    .pricing-section--editing-process .editing-process-heading {
        font-size: 42px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .pricing-section--editing-process > .container {
        width: 94vw !important;
        max-width: 1120px !important;
    }

    .pricing-section--editing-process .pack-main-wrapper {
        max-width: 260px;
    }

    .pricing-section--plans-3 .pack-main-wrapper {
        max-width: 320px;
    }

    .pricing-section--editing-process .pricing {
        padding: 100px 18px 20px !important;
    }

    .pricing-section--editing-process .pricing h2 {
        font-size: 20px !important;
    }

    .pricing-section--editing-process .plan-p-1,
    .pricing-section--editing-process ul.pricingul li,
    .pricing-section--editing-process .h-inner-1,
    .pricing-section--editing-process .h-inner-2 {
        font-size: 15px !important;
    }

    .pricing-section--editing-process .pkg-list {
        height: 215px;
    }

    .pricing-section--editing-process .editing-process-grid > [class*="col-"]:not(:last-child)::after {
        top: 118px;
        width: 300px;
        height: 100px;
        left: calc(100% - 58px);
    }

    .pricing-section--plans-3 .editing-process-grid > [class*="col-"]:not(:last-child)::after {
        width: 360px;
        left: calc(100% - 88px);
    }
}

@media (max-width: 991px) {
    .pricing-section--editing-process {
        padding-top: 132px !important;
    }

    .pricing-section--editing-process .editing-process-grid > [class*="col-"]:not(:last-child)::after {
        display: none;
    }

    .pricing-section--editing-process .pack-main-wrapper,
    .pricing-section--editing-process .editing-process-grid > [class*="col-"]:nth-child(1) .pack-main-wrapper,
    .pricing-section--editing-process .editing-process-grid > [class*="col-"]:nth-child(2) .pack-main-wrapper,
    .pricing-section--editing-process .editing-process-grid > [class*="col-"]:nth-child(3) .pack-main-wrapper,
    .pricing-section--editing-process .editing-process-grid > [class*="col-"]:nth-child(4) .pack-main-wrapper {
        transform: none;
        width: min(100%, 390px);
        max-width: 390px;
        margin-left: auto;
        margin-right: auto;
    }

    .pricing-section--editing-process .pricing {
        box-sizing: border-box;
        height: 430px !important;
        display: flex;
        flex-direction: column;
    }

    .pricing-section--editing-process .pkg-list {
        flex: 1 1 auto;
        min-height: 0;
        height: auto;
        overflow-y: auto;
        scrollbar-width: thin;
        scrollbar-color: #D4A55A rgba(255, 255, 255, 0.08);
    }
}

@media (max-width: 767px) {
    .pricing-section--editing-process {
        padding-top: 118px !important;
    }

    .pricing-section--editing-process .pack-main-wrapper::before {
        width: 40px;
        height: 40px;
        font-size: 20px;
    }

    .pricing-section--editing-process .pricing::before {
        top: 36px;
        width: 40px;
        height: 40px;
    }

    .pricing-section--editing-process .pricing::after {
        top: 48px;
        width: 20px;
        height: 20px;
    }

    .pricing-section--editing-process .pricing {
        padding: 80px 14px 14px !important;
    }

    .pricing-section--editing-process .pricing h2 {
        max-width: 160px;
        min-height: 0;
        font-size: 12px !important;
    }

    .pricing-section--editing-process .pkg-list {
        flex-basis: auto;
        height: auto;
        overflow-y: auto;
    }

    .pricing-section--editing-process .editing-process-heading {
        font-size: 30px;
    }

    .pricing-section--editing-process .editing-process-intro {
        font-size: 15px;
        line-height: 1.65;
    }

    .editing-process-cta__button {
        width: 100%;
        min-width: 0;
    }
}

@media (max-width: 800px) {
    .service-hero-bg {
        background-image: url("../img/home-section-blue-plain.png") !important;
        background-position: 68% center !important;
    }
}

/* Sitewide centered header order: About / Services / Logo / Portfolio / Reviews */
.homepage-centered-nav {
    grid-template-columns: repeat(2, auto) minmax(160px, 220px) repeat(2, auto) !important;
}

.homepage-main-nav:not(.is-scrolled),
body.about-page .homepage-main-nav:not(.is-scrolled) {
    background: transparent !important;
    box-shadow: none !important;
}

.homepage-main-nav:not(.is-scrolled) .homepage-centered-nav > li > a,
.homepage-main-nav:not(.is-scrolled) .homepage-centered-nav > li > a:visited,
body.about-page .homepage-main-nav:not(.is-scrolled) .homepage-centered-nav > li > a {
    color: #fff !important;
}

.homepage-main-nav:not(.is-scrolled) .homepage-centered-nav > li > a:hover,
.homepage-main-nav:not(.is-scrolled) .homepage-centered-nav > li > a:focus-visible,
.homepage-main-nav:not(.is-scrolled) .homepage-centered-nav > li > a[aria-current="page"] {
    color: #fff !important;
}

.homepage-main-nav:not(.is-scrolled) .homepage-logo--full {
    display: block !important;
    width: 210px !important;
    max-width: 210px !important;
    height: auto !important;
    object-fit: contain !important;
}

.homepage-main-nav:not(.is-scrolled) .homepage-logo--mark {
    display: none !important;
}

.homepage-main-nav.is-scrolled .homepage-logo--full {
    display: none !important;
}

.homepage-main-nav.is-scrolled .homepage-logo--mark {
    display: block !important;
    width: 48px !important;
    max-width: 48px !important;
    height: auto !important;
    object-fit: contain !important;
}

.homepage-main-nav .homepage-centered-nav .homepage-services-dropdown a,
.homepage-main-nav:not(.is-scrolled) .homepage-centered-nav .homepage-services-dropdown a,
.homepage-main-nav.is-scrolled .homepage-centered-nav .homepage-services-dropdown a {
    color: #1F2937 !important;
    text-shadow: none !important;
}

.homepage-main-nav .homepage-centered-nav .homepage-services-dropdown a:hover,
.homepage-main-nav .homepage-centered-nav .homepage-services-dropdown li:hover > a {
    color: #BE8C3D !important;
}

/* Shared homepage-style reviews slider for service pages */
.homepage-reviews-slider-section {
    overflow: hidden !important;
    background: #ffffff !important;
    color: #1F2937 !important;
}

.homepage-reviews-slider-section__intro {
    max-width: 980px !important;
    margin: 0 auto 70px !important;
}

.homepage-reviews-slider-section__intro h2 {
    margin: 0 0 18px !important;
    color: #061C45 !important;
    font-size: clamp(34px, 4.4vw, 58px) !important;
    line-height: 1.08 !important;
    font-weight: 800 !important;
}

.homepage-reviews-slider-section__intro p {
    max-width: 820px !important;
    margin: 0 auto !important;
    color: #1F2937 !important;
    font-size: 18px !important;
    line-height: 1.45 !important;
    font-weight: 700 !important;
}

.homepage-reviews-slider {
    width: 100% !important;
    overflow: hidden !important;
    padding: 24px 0 18px !important;
}

body.service-reviews-enhanced .homepage-reviews-slider {
    overflow: visible !important;
    padding-top: 54px !important;
    padding-bottom: 44px !important;
}

.homepage-reviews-slider__track {
    display: flex !important;
    align-items: stretch !important;
    gap: 34px !important;
    width: max-content !important;
    animation: homepageReviewsSlide 38s linear infinite !important;
    will-change: transform !important;
}

body.service-reviews-enhanced .homepage-reviews-slider__track {
    align-items: center !important;
}

.homepage-reviews-slider:hover .homepage-reviews-slider__track {
    animation-play-state: paused !important;
}

.homepage-review-card {
    position: relative !important;
    flex: 0 0 min(560px, 82vw) !important;
    min-height: 300px !important;
    padding: 92px 44px 36px !important;
    border-radius: 22px !important;
    background: #ffffff !important;
    color: #1F2937 !important;
    box-shadow: 0 22px 44px rgba(6, 28, 69, 0.14) !important;
    text-align: center !important;
}

body.service-reviews-enhanced .homepage-reviews-slider .homepage-review-card {
    transition: transform 0.28s ease, box-shadow 0.28s ease, opacity 0.28s ease !important;
    transform: scale(0.92) !important;
    transform-origin: center center !important;
    opacity: 0.86 !important;
}

.homepage-review-card__quote {
    position: absolute !important;
    top: -30px !important;
    left: 50% !important;
    display: grid !important;
    place-items: center !important;
    width: 86px !important;
    height: 86px !important;
    color: #ffffff !important;
    font-size: 82px !important;
    font-weight: 800 !important;
    line-height: 0.7 !important;
    transform: translateX(-50%) !important;
    background: #061C45 !important;
    border: 9px solid #ffffff !important;
    border-radius: 16px !important;
    box-shadow: 0 12px 24px rgba(6, 28, 69, 0.16) !important;
}

.homepage-review-card p {
    display: -webkit-box !important;
    min-height: 104px !important;
    margin: 0 0 30px !important;
    overflow: hidden !important;
    color: #3f474b !important;
    font-size: 16px !important;
    line-height: 1.45 !important;
    font-weight: 700 !important;
    -webkit-line-clamp: 4 !important;
    -webkit-box-orient: vertical !important;
}

.homepage-review-card__stars {
    margin-bottom: 8px !important;
    color: #D4A55A !important;
    font-size: 20px !important;
    letter-spacing: 2px !important;
}

.homepage-review-card h3 {
    margin: 0 !important;
    color: #061C45 !important;
    font-size: 20px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
}

body.service-reviews-enhanced .homepage-reviews-slider .homepage-review-card--center {
    transform: scale(1.12) !important;
    opacity: 1 !important;
    z-index: 5 !important;
    box-shadow: 0 34px 72px rgba(6, 28, 69, 0.34) !important;
}

body.service-reviews-enhanced .homepage-reviews-slider .homepage-review-card--center .homepage-review-card__quote {
    transform: translateX(-50%) scale(1.08) !important;
}

@keyframes homepageReviewsSlide {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(calc(-50% - 17px));
    }
}

@media (prefers-reduced-motion: reduce) {
    .homepage-reviews-slider__track {
        animation: none !important;
        transform: none !important;
    }
}

@media (max-width: 991px) {
    .homepage-reviews-slider-section__intro {
        margin-bottom: 52px !important;
        padding: 0 18px !important;
    }

    .homepage-review-card {
        flex-basis: min(500px, 84vw) !important;
        min-height: 280px !important;
        padding: 82px 32px 32px !important;
    }

}

@media (max-width: 575px) {
    .homepage-reviews-slider-section {
        padding-top: 58px !important;
        padding-bottom: 58px !important;
    }

    .homepage-reviews-slider-section__intro {
        margin-bottom: 42px !important;
    }

    .homepage-reviews-slider-section__intro p {
        font-size: 15px !important;
    }

    .homepage-reviews-slider__track {
        gap: 18px !important;
        animation-duration: 34s !important;
    }

    body.service-reviews-enhanced .homepage-reviews-slider {
        padding-top: 36px !important;
        padding-bottom: 34px !important;
    }

    .homepage-review-card {
        flex-basis: 86vw !important;
        min-height: 270px !important;
        padding: 74px 22px 28px !important;
        border-radius: 18px !important;
    }

    .homepage-review-card__quote {
        top: -25px !important;
        width: 72px !important;
        height: 72px !important;
        font-size: 68px !important;
        border-width: 7px !important;
        border-radius: 12px !important;
    }

    .homepage-review-card p {
        min-height: 112px !important;
        font-size: 14px !important;
        line-height: 1.45 !important;
    }

    body.service-reviews-enhanced .homepage-reviews-slider .homepage-review-card,
    body.service-reviews-enhanced .homepage-reviews-slider .homepage-review-card--center {
        transform: scale(1) !important;
        opacity: 1 !important;
    }

}

/* Sitewide contact rail: Live Chat / Phone / Whatsapp / Instagram / Facebook */
#sticky-social-icons-container.site-contact-rail,
#sticky-social-icons-container {
    position: fixed !important;
    top: 50% !important;
    left: 0 !important;
    right: auto !important;
    z-index: 1040 !important;
    width: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    transform: translateY(-50%) !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

#sticky-social-icons-container.site-contact-rail ul,
#sticky-social-icons-container.site-contact-rail li {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

#sticky-social-icons-container.site-contact-rail li {
    width: max-content !important;
}

#sticky-social-icons-container.site-contact-rail li a.site-contact-rail__link,
#sticky-social-icons-container.site-contact-rail li a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    padding: 0 !important;
    gap: 10px !important;
    border-radius: 0 11px 11px 0 !important;
    background: var(--theme-navy-rich, #061c45) !important;
    color: var(--theme-accent, #D4A55A) !important;
    border: 1px solid rgba(212, 165, 90, 0.32) !important;
    border-left: 0 !important;
    box-shadow: 0 10px 24px rgba(6, 28, 69, 0.24) !important;
    text-decoration: none !important;
    transition: width 0.22s ease, background 0.22s ease, border-color 0.22s ease, transform 0.22s ease, box-shadow 0.22s ease !important;
    overflow: hidden !important;
}

#sticky-social-icons-container.site-contact-rail li:first-child a.site-contact-rail__link {
    width: 52px !important;
    justify-content: center !important;
    padding-left: 0 !important;
}

#sticky-social-icons-container.site-contact-rail li a.site-contact-rail__link i {
    width: 18px !important;
    min-width: 18px !important;
    color: var(--theme-accent, #D4A55A) !important;
    font-size: 17px !important;
    line-height: 1 !important;
    text-align: center !important;
}

#sticky-social-icons-container.site-contact-rail li a.site-contact-rail__link span {
    display: none !important;
    color: var(--theme-navy-rich, #061c45) !important;
    font-size: 17px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

#sticky-social-icons-container.site-contact-rail li a.site-contact-rail__link:hover,
#sticky-social-icons-container.site-contact-rail li a.site-contact-rail__link:focus-visible {
    width: 205px !important;
    justify-content: flex-start !important;
    padding-left: 17px !important;
}

#sticky-social-icons-container.site-contact-rail li a.site-contact-rail__link:hover span,
#sticky-social-icons-container.site-contact-rail li a.site-contact-rail__link:focus-visible span {
    display: inline-block !important;
}

#sticky-social-icons-container.site-contact-rail li a.site-contact-rail__link:hover,
#sticky-social-icons-container.site-contact-rail li a.site-contact-rail__link:focus-visible {
    background: var(--site-metal-gold-gradient-hover) !important;
    border-color: rgba(125, 85, 16, 0.58) !important;
    color: #0B2742 !important;
    transform: translateX(0) !important;
    box-shadow: 0 14px 28px rgba(2, 10, 24, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
    outline: none !important;
}

#sticky-social-icons-container.site-contact-rail li a.site-contact-rail__link:hover i,
#sticky-social-icons-container.site-contact-rail li a.site-contact-rail__link:focus-visible i {
    color: #0B2742 !important;
}

.floatbutton,
.floatbutton.hidden-mob,
.fixedform-1,
.fixedform-2 {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.bottom-reviews,
#bottomReviews {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

@media (max-width: 767px) {
    #sticky-social-icons-container.hide-in-mobile,
    #sticky-social-icons-container.site-contact-rail,
    #sticky-social-icons-container {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }
}

/* Sitewide FAQ treatment */
.faq-section {
    position: relative !important;
    background:
        url("../img/home-section-bg-books-gold.png") center center / cover no-repeat !important;
    color: #fff !important;
}

.faq-section h2,
.faq-section .question h2,
.faq-section .row.mb-2.text-center h2 {
    color: var(--theme-gold, #D4A55A) !important;
    -webkit-text-fill-color: var(--theme-gold, #D4A55A) !important;
    text-shadow: 0 2px 8px rgba(6, 28, 69, 0.35) !important;
}

.faq-section.bg-light .row.mb-2.text-center h2,
.faq-section.bg-light h2.pb-5 {
    background: var(--site-metal-gold-gradient, linear-gradient(180deg, #F9EC79 0%, #F4D95E 18%, #DDB447 40%, #C9962D 60%, #AE7D1E 80%, #7D5510 100%)) !important;
    background-size: 100% 145% !important;
    background-position: center top !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    text-shadow: var(--site-metal-gold-text-shadow, 0 1px 0 rgba(255, 255, 255, 0.14), 0 1px 1px rgba(125, 85, 16, 0.16)) !important;
}

.faq-section .accordion,
.faq-section .accordion-header,
.faq-section .accordion-item,
.faq-section .accordion-collapse,
.faq-section .accordion-body,
.faq-section .accordion-content {
    background: transparent !important;
}

.faq-section .accordion-item {
    border-color: rgba(212, 165, 90, 0.42) !important;
}

.faq-section .accordion-button,
.faq-section .accordion-button.collapsed,
.faq-section .accordion button,
.faq-section .accordion .accordion-title {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

.faq-section .accordion-button:not(.collapsed),
.faq-section .accordion button[aria-expanded="true"],
.faq-section .accordion button[aria-expanded="true"] .accordion-title {
    color: var(--theme-gold, #D4A55A) !important;
    -webkit-text-fill-color: var(--theme-gold, #D4A55A) !important;
}

.faq-section .accordion-body,
.faq-section .accordion-body *,
.faq-section .accordion-content,
.faq-section .accordion-content p {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

.faq-section .accordion-button::after {
    content: "+" !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 1.5rem !important;
    height: 1.5rem !important;
    background: none !important;
    background-image: none !important;
    color: var(--theme-gold, #D4A55A) !important;
    -webkit-text-fill-color: var(--theme-gold, #D4A55A) !important;
    filter: none !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    transform: none !important;
}

.faq-section .accordion-button:not(.collapsed)::after {
    content: "-" !important;
    background: none !important;
    background-image: none !important;
    color: var(--theme-gold, #D4A55A) !important;
    -webkit-text-fill-color: var(--theme-gold, #D4A55A) !important;
    transform: none !important;
}

.faq-section .accordion button .icon {
    border-color: var(--theme-gold, #D4A55A) !important;
}

.faq-section .accordion button .icon::before,
.faq-section .accordion button .icon::after {
    background: var(--theme-gold, #D4A55A) !important;
}

/* Sitewide review card color treatment */
.homepage-review-card,
.testmonials-section #reviews-container .review,
.client-reviews-section .box,
.bottom-reviews .review-card {
    background: var(--theme-navy, #061C45) !important;
    color: #fff !important;
    border: 1px solid rgba(212, 165, 90, 0.34) !important;
    box-shadow: 0 22px 44px rgba(6, 28, 69, 0.2) !important;
}

.homepage-review-card p,
.homepage-review-card h3,
.homepage-review-card .review-text,
.homepage-review-card .review-author,
.testmonials-section #reviews-container .review,
.testmonials-section #reviews-container .review p,
.testmonials-section #reviews-container .review h5,
.client-reviews-section .box,
.client-reviews-section .box p,
.client-reviews-section .box h3,
.client-reviews-section .box h4,
.client-reviews-section .box h5,
.bottom-reviews .review-card,
.bottom-reviews .review-card p,
.bottom-reviews .review-card h5 {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

.homepage-review-card__quote {
    background: var(--theme-gold, #D4A55A) !important;
    color: var(--theme-navy, #061C45) !important;
    -webkit-text-fill-color: var(--theme-navy, #061C45) !important;
    border-color: #fff !important;
}

.blockquote-icons-left::before,
.blockquote-icons-right::before {
    background: var(--theme-gold, #D4A55A) !important;
    color: var(--theme-navy, #061C45) !important;
}

.homepage-review-card__stars,
.testmonials-section #reviews-container .review .review-rating,
.testmonials-section #reviews-container .review .review-rating i,
.client-reviews-section .box .review-rating,
.client-reviews-section .box .review-rating i,
.client-reviews-section .box i.fa-star,
.bottom-reviews .review-card .review-rating,
.bottom-reviews .review-card i.fa-star {
    color: var(--theme-gold, #D4A55A) !important;
    -webkit-text-fill-color: var(--theme-gold, #D4A55A) !important;
}

/* Shared homepage-style portfolio slider */
.homepage-book-portfolio-section {
    overflow: hidden !important;
    background: #F8F4EE !important;
    box-shadow: inset 0 18px 38px rgba(6, 28, 69, 0.08) !important;
}

.homepage-book-portfolio-section__heading {
    max-width: 860px !important;
    margin: 0 auto !important;
    color: #061C45 !important;
    font-size: clamp(34px, 4vw, 58px) !important;
    line-height: 1.08 !important;
    font-weight: 800 !important;
    text-align: center !important;
}

.homepage-book-portfolio {
    position: relative !important;
    margin-top: 38px !important;
    padding: 0 0 46px !important;
    --portfolio-scroll-offset: 32px;
}

.homepage-book-portfolio__viewport {
    max-width: 1040px !important;
    margin: 0 auto !important;
    overflow: hidden !important;
    padding: 22px 10px 34px !important;
}

.homepage-book-portfolio__track {
    display: flex !important;
    align-items: center !important;
    gap: 64px !important;
    width: max-content !important;
    animation: homepagePortfolioAutoScroll 44s linear infinite !important;
    transition: none !important;
    will-change: transform !important;
}

.homepage-book-portfolio:hover .homepage-book-portfolio__track {
    animation-play-state: paused !important;
}

.homepage-book-portfolio__slide {
    display: flex !important;
    flex: 0 0 270px !important;
    justify-content: center !important;
    margin: 0 !important;
}

.homepage-book-portfolio__slide img {
    width: 100% !important;
    aspect-ratio: 2 / 3 !important;
    object-fit: cover !important;
    border-radius: 3px !important;
    box-shadow: 18px 22px 28px rgba(6, 28, 69, 0.18) !important;
    transition: transform 0.35s ease, box-shadow 0.35s ease !important;
}

.homepage-book-portfolio__slide:nth-child(3n+2) img {
    transform: perspective(1000px) rotateY(0deg) scale(1.05) !important;
    box-shadow: 20px 22px 30px rgba(6, 28, 69, 0.28) !important;
}

.homepage-book-portfolio__slide:nth-child(3n) img {
    transform: perspective(1000px) rotateY(6deg) !important;
}

.homepage-book-portfolio__slide:hover img {
    transform: translateY(-12px) scale(1.06) !important;
    box-shadow: 22px 28px 36px rgba(6, 28, 69, 0.32) !important;
}

.homepage-book-portfolio__arrow,
.homepage-book-portfolio__dots {
    display: none !important;
}

@keyframes homepagePortfolioAutoScroll {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(calc(-50% - var(--portfolio-scroll-offset)));
    }
}

@media (prefers-reduced-motion: reduce) {
    .homepage-book-portfolio__track {
        animation: none !important;
    }
}

@media (max-width: 1199px) {
    .homepage-book-portfolio {
        --portfolio-scroll-offset: 22px;
    }

    .homepage-book-portfolio__track {
        gap: 44px !important;
    }

    .homepage-book-portfolio__slide {
        flex-basis: 236px !important;
    }
}

@media (max-width: 767px) {
    .homepage-book-portfolio-section {
        padding-top: 58px !important;
        padding-bottom: 54px !important;
    }

    .homepage-book-portfolio {
        margin-top: 24px !important;
        padding-bottom: 36px !important;
        --portfolio-scroll-offset: 12px;
    }

    .homepage-book-portfolio__viewport {
        padding-top: 16px !important;
        padding-bottom: 24px !important;
    }

    .homepage-book-portfolio__track {
        gap: 24px !important;
    }

    .homepage-book-portfolio__slide {
        flex-basis: min(70vw, 230px) !important;
    }
}

/* Global rollout of the finalized homepage system */
:root {
    --site-metal-gold-light: #F9EC79;
    --site-metal-gold-dark: #AE7D1E;
    --site-metal-gold-gradient: linear-gradient(180deg, #F9EC79 0%, #F4D95E 18%, #DDB447 40%, #C9962D 60%, #AE7D1E 80%, #7D5510 100%);
    --site-metal-gold-gradient-hover: linear-gradient(180deg, #FFF18A 0%, #F7DE67 18%, #E4BC4D 40%, #D09D33 60%, #B98623 80%, #835B12 100%);
    --site-metal-gold-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.14), 0 1px 1px rgba(125, 85, 16, 0.16);
}

.homepage-main-nav,
.homepage-main-nav:not(.is-scrolled),
.homepage-main-nav.is-scrolled,
body.about-page .homepage-main-nav,
body.about-page .homepage-main-nav:not(.is-scrolled),
body.about-page .homepage-main-nav.is-scrolled {
    position: fixed !important;
    top: 24px !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 1050 !important;
    display: flex !important;
    justify-content: center !important;
    height: auto !important;
    padding: 0 18px !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

@media (max-width: 1024px) {
    .homepage-main-nav,
    .homepage-main-nav:not(.is-scrolled),
    .homepage-main-nav.is-scrolled,
    body.about-page .homepage-main-nav,
    body.about-page .homepage-main-nav:not(.is-scrolled),
    body.about-page .homepage-main-nav.is-scrolled {
        top: 8px !important;
    }

    html body > .container:first-of-type,
    html body > .container:first-of-type > .row,
    html body > .container:first-of-type > .row > .col-md-12 {
        height: 0 !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
}

.homepage-navbar,
.homepage-main-nav:not(.is-scrolled) .homepage-navbar,
.homepage-main-nav.is-scrolled .homepage-navbar,
body.about-page .homepage-navbar,
body.about-page .homepage-main-nav:not(.is-scrolled) .homepage-navbar,
body.about-page .homepage-main-nav.is-scrolled .homepage-navbar {
    width: min(50vw, 980px) !important;
    max-width: 980px !important;
    height: 80px !important;
    min-height: 80px !important;
    margin: 0 auto !important;
    padding: 0 34px !important;
    background: linear-gradient(180deg, rgba(11, 45, 99, 0.32), rgba(212, 165, 90, 0.24)) !important;
    border: 1px solid rgba(255, 255, 255, 0.36) !important;
    border-radius: 999px !important;
    box-shadow: 0 24px 60px rgba(6, 28, 69, 0.16) !important;
    backdrop-filter: blur(7px) !important;
    -webkit-backdrop-filter: blur(7px) !important;
}

.homepage-main-nav.is-scrolled .homepage-navbar,
body.about-page .homepage-main-nav.is-scrolled .homepage-navbar {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.18) 0%, rgba(255, 255, 255, 0) 34%),
        linear-gradient(180deg, rgba(249, 236, 121, 0.88) 0%, rgba(244, 217, 94, 0.84) 18%, rgba(221, 180, 71, 0.8) 40%, rgba(201, 150, 45, 0.82) 60%, rgba(174, 125, 30, 0.88) 80%, rgba(125, 85, 16, 0.92) 100%) !important;
    border: 1px solid rgba(125, 85, 16, 0.45) !important;
    box-shadow: 0 24px 52px rgba(2, 10, 24, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
}

.homepage-centered-nav {
    display: grid !important;
    grid-template-columns: repeat(2, auto) minmax(150px, 190px) repeat(2, auto) !important;
    align-items: center !important;
    justify-content: center !important;
    gap: clamp(14px, 1.45vw, 24px) !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.homepage-centered-nav li {
    list-style: none !important;
}

.homepage-centered-nav > li > a,
.homepage-main-nav:not(.is-scrolled) .homepage-centered-nav > li > a,
.homepage-main-nav.is-scrolled .homepage-centered-nav > li > a,
body.about-page .homepage-main-nav .homepage-centered-nav > li > a {
    position: relative !important;
    min-height: 80px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    letter-spacing: -0.01em !important;
    text-shadow: none !important;
}

.homepage-main-nav.is-scrolled .homepage-centered-nav,
body.about-page .homepage-main-nav.is-scrolled .homepage-centered-nav {
    grid-template-columns: repeat(2, auto) 74px repeat(2, auto) !important;
    gap: clamp(14px, 1.35vw, 22px) !important;
}

.homepage-main-nav.is-scrolled .homepage-centered-nav__logo,
body.about-page .homepage-main-nav.is-scrolled .homepage-centered-nav__logo {
    width: 74px !important;
    min-width: 74px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.homepage-main-nav.is-scrolled .homepage-centered-nav > li > a,
body.about-page .homepage-main-nav.is-scrolled .homepage-centered-nav > li > a {
    min-height: 72px !important;
    color: #081D33 !important;
    -webkit-text-fill-color: #081D33 !important;
}

.homepage-centered-nav > li > a::after {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    bottom: 18px !important;
    width: 0 !important;
    height: 3px !important;
    border-radius: 999px !important;
    background: #D4A55A !important;
    transform: translateX(-50%) !important;
    transition: width 0.22s ease !important;
}

.homepage-centered-nav > li > a:hover,
.homepage-centered-nav > li > a:focus-visible,
.homepage-centered-nav > li > a[aria-current="page"],
.homepage-main-nav:not(.is-scrolled) .homepage-centered-nav > li > a:hover,
.homepage-main-nav:not(.is-scrolled) .homepage-centered-nav > li > a[aria-current="page"],
.homepage-main-nav.is-scrolled .homepage-centered-nav > li > a:hover,
.homepage-main-nav.is-scrolled .homepage-centered-nav > li > a[aria-current="page"] {
    color: inherit !important;
    -webkit-text-fill-color: inherit !important;
}

.homepage-centered-nav > li > a:hover::after,
.homepage-centered-nav > li > a:focus-visible::after,
.homepage-centered-nav > li > a[aria-current="page"]::after {
    width: 100% !important;
}

.homepage-main-nav:not(.is-scrolled) .homepage-centered-nav > li > a:hover,
.homepage-main-nav:not(.is-scrolled) .homepage-centered-nav > li > a:focus-visible,
.homepage-main-nav:not(.is-scrolled) .homepage-centered-nav > li > a[aria-current="page"],
body.about-page .homepage-main-nav:not(.is-scrolled) .homepage-centered-nav > li > a:hover,
body.about-page .homepage-main-nav:not(.is-scrolled) .homepage-centered-nav > li > a:focus-visible,
body.about-page .homepage-main-nav:not(.is-scrolled) .homepage-centered-nav > li > a[aria-current="page"] {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

.homepage-main-nav.is-scrolled .homepage-centered-nav > li > a:hover,
.homepage-main-nav.is-scrolled .homepage-centered-nav > li > a:focus-visible,
.homepage-main-nav.is-scrolled .homepage-centered-nav > li > a[aria-current="page"],
body.about-page .homepage-main-nav.is-scrolled .homepage-centered-nav > li > a:hover,
body.about-page .homepage-main-nav.is-scrolled .homepage-centered-nav > li > a:focus-visible,
body.about-page .homepage-main-nav.is-scrolled .homepage-centered-nav > li > a[aria-current="page"] {
    color: #081D33 !important;
    -webkit-text-fill-color: #081D33 !important;
}

.homepage-centered-nav__logo a,
.homepage-main-nav:not(.is-scrolled) .homepage-centered-nav__logo a,
.homepage-main-nav.is-scrolled .homepage-centered-nav__logo a {
    min-height: 80px !important;
    padding: 0 8px !important;
}

.homepage-main-nav.is-scrolled .homepage-centered-nav__logo a,
body.about-page .homepage-main-nav.is-scrolled .homepage-centered-nav__logo a {
    min-height: 72px !important;
    padding: 0 !important;
    width: 74px !important;
    min-width: 74px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.homepage-centered-nav__logo a::after {
    display: none !important;
}

.homepage-logo--full,
.homepage-main-nav:not(.is-scrolled) .homepage-logo--full,
.homepage-main-nav.is-scrolled .homepage-logo--full {
    display: block !important;
    width: 170px !important;
    max-width: 170px !important;
    height: auto !important;
}

.homepage-logo--mark,
.homepage-main-nav:not(.is-scrolled) .homepage-logo--mark,
.homepage-main-nav.is-scrolled .homepage-logo--mark {
    display: none !important;
}

.homepage-main-nav.is-scrolled .homepage-logo--full,
body.about-page .homepage-main-nav.is-scrolled .homepage-logo--full {
    display: none !important;
}

.homepage-main-nav.is-scrolled .homepage-logo--mark,
body.about-page .homepage-main-nav.is-scrolled .homepage-logo--mark {
    display: block !important;
    width: 48px !important;
    max-width: 48px !important;
    height: auto !important;
    margin: 0 auto !important;
}

.homepage-services-dropdown {
    top: calc(100% + 10px) !important;
    background: #ffffff !important;
    border: 1px solid rgba(212, 165, 90, 0.28) !important;
    border-radius: 18px !important;
    box-shadow: 0 24px 44px rgba(6, 28, 69, 0.18) !important;
}

.homepage-main-nav .homepage-centered-nav .homepage-services-dropdown a,
.homepage-main-nav:not(.is-scrolled) .homepage-centered-nav .homepage-services-dropdown a,
.homepage-main-nav.is-scrolled .homepage-centered-nav .homepage-services-dropdown a {
    min-height: auto !important;
    color: #061C45 !important;
    -webkit-text-fill-color: #061C45 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    text-shadow: none !important;
}

.homepage-centered-nav .homepage-services-dropdown a::after {
    display: none !important;
}

.homepage-main-nav .homepage-centered-nav .homepage-services-dropdown a:hover,
.homepage-main-nav .homepage-centered-nav .homepage-services-dropdown li:hover > a {
    color: #BE8C3D !important;
    -webkit-text-fill-color: #BE8C3D !important;
}

html body .sitewide-offer-popup .modal-dialog {
    width: min(1060px, calc(100vw - 28px));
    max-width: 1060px !important;
    margin: 14px auto;
}

html body .sitewide-offer-popup .modal-content {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

html body .sitewide-offer-popup .offer-popup-box {
    position: relative;
    display: grid;
    grid-template-columns: minmax(300px, 0.78fr) minmax(0, 1.22fr);
    width: 100%;
    height: min(700px, calc(100vh - 28px));
    max-height: min(700px, calc(100vh - 28px));
    border-radius: 28px;
    overflow: hidden;
    border: 1px solid rgba(255, 232, 181, 0.38);
    background:
        linear-gradient(135deg, rgba(249, 236, 121, 0.12), rgba(249, 236, 121, 0) 22%),
        linear-gradient(180deg, #fdfaf2 0%, #f6f0e4 100%);
    box-shadow: 0 28px 80px rgba(0, 0, 0, 0.38);
}

html body .sitewide-offer-popup .offer-popup-box::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
    background:
        linear-gradient(90deg, rgba(212, 165, 90, 0.18), rgba(212, 165, 90, 0) 20%, rgba(212, 165, 90, 0) 80%, rgba(212, 165, 90, 0.12));
}

html body .sitewide-offer-popup .offer-left {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 100%;
    padding: 18px 18px 14px;
    overflow: hidden;
    background:
        radial-gradient(circle at top left, rgba(255, 232, 173, 0.22), transparent 30%),
        linear-gradient(160deg, #082451 0%, #061c45 42%, #09152b 100%);
    color: #fff8ec;
}

html body .sitewide-offer-popup .offer-left::before {
    display: none;
}

html body .sitewide-offer-popup .offer-left::after {
    content: "";
    position: absolute;
    top: 0;
    right: -12px;
    width: 40px;
    height: 100%;
    background: linear-gradient(180deg, rgba(249, 236, 121, 0.98) 0%, rgba(212, 165, 90, 0.95) 45%, rgba(125, 85, 16, 0.95) 100%);
    clip-path: polygon(0 0, 100% 0, 48% 100%, 0 100%);
    box-shadow: inset 1px 0 0 rgba(255, 248, 220, 0.6);
}

html body .sitewide-offer-popup .offer-left__content,
html body .sitewide-offer-popup .offer-left__art,
html body .sitewide-offer-popup .offer-left__features {
    position: relative;
    z-index: 1;
}

html body .sitewide-offer-popup .offer-left__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 10px;
    color: #f8e5b2;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.02em;
}

html body .sitewide-offer-popup .offer-left__eyebrow img {
    width: 26px;
    height: 26px;
    object-fit: contain;
    filter: drop-shadow(0 10px 18px rgba(0, 0, 0, 0.28));
}

html body .sitewide-offer-popup .offer-left__divider {
    width: 110px;
    height: 1px;
    margin-bottom: 10px;
    background: linear-gradient(90deg, rgba(249, 236, 121, 0.95), rgba(249, 236, 121, 0));
}

html body .sitewide-offer-popup .offer-left__title {
    max-width: 320px;
    margin: 0 0 10px;
    color: #ffffff !important;
    font-size: clamp(1.7rem, 2.4vw, 2.65rem);
    line-height: 1.02;
    font-weight: 800;
    letter-spacing: -0.03em;
    text-shadow: 0 14px 30px rgba(0, 0, 0, 0.28);
}

html body .sitewide-offer-popup .offer-left__title span {
    color: #f4cf72;
}

html body .sitewide-offer-popup .offer-left__copy {
    max-width: 280px;
    margin: 0 0 10px;
    color: rgba(255, 248, 236, 0.86);
    font-size: 12.5px;
    line-height: 1.52;
}

html body .sitewide-offer-popup .offer-left__note {
    display: block;
    color: #f6dfa3;
    font-size: 11.5px;
    font-weight: 600;
    line-height: 1.45;
}

html body .sitewide-offer-popup .offer-left__art {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    min-height: 150px;
    margin: 8px 0 8px;
}

html body .sitewide-offer-popup .offer-left__art img {
    width: min(100%, 285px);
    max-width: 285px;
    max-height: 235px;
    height: auto;
    object-fit: contain;
    filter: drop-shadow(0 22px 40px rgba(0, 0, 0, 0.34));
}

html body .sitewide-offer-popup .offer-left__features {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    padding-top: 10px;
    border-top: 1px solid rgba(244, 217, 94, 0.24);
}

html body .sitewide-offer-popup .offer-left__feature {
    text-align: center;
}

html body .sitewide-offer-popup .offer-left__feature img {
    width: 28px;
    height: 28px;
    margin-bottom: 6px;
    object-fit: contain;
    filter: drop-shadow(0 8px 18px rgba(0, 0, 0, 0.22));
}

html body .sitewide-offer-popup .offer-left__feature span {
    display: block;
    color: #fef5de;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.35;
}

html body .sitewide-offer-popup .offer-right {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 18px 26px 18px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(250, 246, 238, 0.98));
    overflow-y: auto;
    max-height: min(700px, calc(100vh - 28px));
}

html body .sitewide-offer-popup .offer-right::-webkit-scrollbar {
    width: 7px;
}

html body .sitewide-offer-popup .offer-right::-webkit-scrollbar-track {
    background: rgba(6, 28, 69, 0.06);
}

html body .sitewide-offer-popup .offer-right::-webkit-scrollbar-thumb {
    background: rgba(184, 131, 31, 0.42);
    border-radius: 999px;
}

html body .sitewide-offer-popup .popup-close {
    position: absolute;
    top: 16px;
    right: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 0 !important;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.96) !important;
    border: 1px solid rgba(212, 165, 90, 0.56) !important;
    color: #b8831f !important;
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
    z-index: 4;
    box-shadow: 0 10px 24px rgba(11, 39, 66, 0.08) !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
}

html body .sitewide-offer-popup .popup-close:hover {
    transform: translateY(-1px) rotate(90deg);
    color: #061c45 !important;
    box-shadow: 0 14px 28px rgba(11, 39, 66, 0.14) !important;
}

html body .sitewide-offer-popup .offer-head {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding-right: 52px;
    margin-bottom: 0;
}

html body .sitewide-offer-popup .offer-head__badge {
    flex: 0 0 58px;
    width: 58px;
    height: 58px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: radial-gradient(circle at 30% 30%, #173c77, #061c45 72%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18), 0 16px 28px rgba(6, 28, 69, 0.12);
}

html body .sitewide-offer-popup .offer-head__badge img {
    width: 54px;
    height: 54px;
    object-fit: contain;
}

html body .sitewide-offer-popup .offer-head__copy {
    flex: 1;
}

html body .sitewide-offer-popup .offer-tagline {
    margin: 0 0 8px;
    color: #b8831f;
    font-size: 10.5px;
    font-weight: 800;
    letter-spacing: 0.11em;
    text-transform: uppercase;
}

html body .sitewide-offer-popup .offer-head h2 {
    margin: 0 0 6px;
    color: #061c45;
    font-size: clamp(1rem, 1.25vw, 1.45rem);
    font-weight: 800;
    line-height: 1.08;
    letter-spacing: -0.03em;
}

html body .sitewide-offer-popup .offer-sub {
    margin: 0;
    color: rgba(6, 28, 69, 0.7);
    max-width: 500px;
    font-size: 12px;
    line-height: 1.45;
}

html body .sitewide-offer-popup .pf-row {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px 16px;
    margin-bottom: 12px;
}

html body .sitewide-offer-popup .pf-row.pf-row--two-col {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

html body .sitewide-offer-popup .pf-col {
    min-width: 0;
}

html body .sitewide-offer-popup .pf-full {
    grid-column: 1 / -1;
}

html body .sitewide-offer-popup .pf-label {
    display: block;
    margin: 0 0 6px;
    color: #0b2742;
    font-size: 12.5px;
    font-weight: 700;
    letter-spacing: 0.01em;
}

html body .sitewide-offer-popup .pf-input {
    width: 100%;
    min-height: 48px;
    padding: 12px 16px;
    border-radius: 14px;
    background: #ffffff !important;
    border: 1px solid rgba(193, 162, 93, 0.34) !important;
    color: #061c45 !important;
    font-size: 13px;
    font-weight: 600;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82);
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

html body .sitewide-offer-popup .pf-input:focus {
    border-color: rgba(184, 131, 31, 0.78) !important;
    box-shadow: 0 0 0 4px rgba(212, 165, 90, 0.18);
    color: #061c45 !important;
}

html body .sitewide-offer-popup .pf-input::placeholder {
    color: rgba(6, 28, 69, 0.42);
}

html body .sitewide-offer-popup .pf-select {
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23B8831F' stroke-width='1.7' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 18px center !important;
    background-size: 14px 9px !important;
    padding-right: 46px !important;
    cursor: pointer;
}

html body .sitewide-offer-popup .pf-select option {
    background: #ffffff;
    color: #0B2742;
}

html body .sitewide-offer-popup .pf-textarea {
    min-height: 110px;
    resize: vertical;
}

html body .sitewide-offer-popup .pf-btn {
    width: 100%;
    min-height: 52px;
    padding: 12px 20px;
    border: 1px solid rgba(125, 85, 16, 0.48);
    border-radius: 14px;
    background: linear-gradient(180deg, #f9ec79 0%, #f4d95e 18%, #ddb447 40%, #c9962d 60%, #ae7d1e 80%, #7d5510 100%) !important;
    box-shadow: 0 16px 28px rgba(125, 85, 16, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.26);
    color: #061c45 !important;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 0.02em;
    transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
}

html body .sitewide-offer-popup .pf-btn:hover {
    transform: translateY(-2px);
    filter: brightness(1.04);
    box-shadow: 0 20px 32px rgba(125, 85, 16, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.34);
    color: #061c45 !important;
}

html body .sitewide-offer-popup .error {
    display: block;
    margin: 6px 0 0 4px;
    color: #b5483d;
    font-size: 12px;
    font-weight: 600;
}

@media (max-width: 1024px) {
    html body .sitewide-offer-popup .modal-dialog {
        width: calc(100vw - 24px);
        max-width: calc(100vw - 24px) !important;
    }

    html body .sitewide-offer-popup .offer-popup-box {
        grid-template-columns: minmax(280px, 0.8fr) minmax(0, 1.2fr);
        height: min(640px, calc(100vh - 24px));
        max-height: min(640px, calc(100vh - 24px));
    }

    html body .sitewide-offer-popup .offer-left__art {
        min-height: 130px;
    }

    html body .sitewide-offer-popup .offer-left__art img {
        width: min(100%, 240px);
        max-height: 190px;
    }

    html body .sitewide-offer-popup .offer-right {
        padding: 16px 20px 16px;
    }
}

@media (max-width: 840px) {
    html body .sitewide-offer-popup .modal-dialog {
        width: calc(100vw - 16px);
        max-width: calc(100vw - 16px) !important;
        margin: 8px auto;
    }

    html body .sitewide-offer-popup .offer-popup-box {
        display: block;
        height: calc(100vh - 16px);
        max-height: calc(100vh - 16px);
        overflow-y: auto;
    }

    html body .sitewide-offer-popup .offer-left {
        display: none;
    }

    html body .sitewide-offer-popup .offer-left::after {
        display: none;
    }

    html body .sitewide-offer-popup .offer-left__art {
        display: none;
    }

    html body .sitewide-offer-popup .offer-right {
        padding: 18px 16px 18px;
        max-height: none;
        overflow: visible;
    }

    html body .sitewide-offer-popup .offer-head {
        gap: 12px;
        padding-right: 46px;
    }
}

@media (max-width: 640px) {
    html body .sitewide-offer-popup .offer-popup-box {
        border-radius: 20px;
    }

    html body .sitewide-offer-popup .offer-left {
        display: none;
    }

    html body .sitewide-offer-popup .offer-left__eyebrow {
        margin-bottom: 10px;
        font-size: 12px;
        gap: 8px;
    }

    html body .sitewide-offer-popup .offer-left__eyebrow img {
        width: 20px;
        height: 20px;
    }

    html body .sitewide-offer-popup .offer-left__divider {
        width: 80px;
        margin-bottom: 10px;
    }

    html body .sitewide-offer-popup .offer-left__title {
        max-width: 100%;
        font-size: clamp(1.25rem, 6vw, 1.65rem);
        margin-bottom: 8px;
    }

    html body .sitewide-offer-popup .offer-left__copy {
        max-width: 100%;
        font-size: 11px;
        line-height: 1.4;
    }

    html body .sitewide-offer-popup .offer-left__note {
        font-size: 10px;
    }

    html body .sitewide-offer-popup .offer-left__features {
        gap: 8px;
        padding-top: 8px;
    }

    html body .sitewide-offer-popup .offer-left__feature img {
        width: 20px;
        height: 20px;
        margin-bottom: 4px;
    }

    html body .sitewide-offer-popup .offer-left__feature span {
        font-size: 9px;
    }

    html body .sitewide-offer-popup .offer-right {
        gap: 14px;
        padding: 16px 14px 16px;
    }

    html body .sitewide-offer-popup .popup-close {
        top: 10px;
        right: 10px;
        width: 34px;
        height: 34px;
        font-size: 18px;
    }

    html body .sitewide-offer-popup .offer-head {
        gap: 10px;
        padding-right: 36px;
    }

    html body .sitewide-offer-popup .offer-head__badge {
        width: 46px;
        height: 46px;
        flex-basis: 46px;
    }

    html body .sitewide-offer-popup .offer-head__badge img {
        width: 44px;
        height: 44px;
    }

    html body .sitewide-offer-popup .offer-tagline {
        margin-bottom: 4px;
        font-size: 9px;
    }

    html body .sitewide-offer-popup .offer-head h2 {
        font-size: clamp(1.05rem, 5vw, 1.45rem);
        margin-bottom: 4px;
    }

    html body .sitewide-offer-popup .offer-sub {
        font-size: 11.5px;
        line-height: 1.45;
    }

    html body .sitewide-offer-popup .pf-row {
        grid-template-columns: 1fr;
        gap: 10px;
        margin-bottom: 10px;
    }

    html body .sitewide-offer-popup .pf-row.pf-row--two-col {
        grid-template-columns: 1fr;
    }

    html body .sitewide-offer-popup .pf-input,
    html body .sitewide-offer-popup .pf-btn {
        min-height: 44px;
    }

    html body .sitewide-offer-popup .pf-label {
        margin-bottom: 5px;
        font-size: 11.5px;
    }

    html body .sitewide-offer-popup .pf-input {
        padding: 10px 14px;
        font-size: 12px;
        border-radius: 12px;
    }

    html body .sitewide-offer-popup .pf-btn {
        padding: 10px 16px;
        font-size: 12.5px;
        border-radius: 12px;
    }
}

.homepage-services-trigger {
    cursor: pointer !important;
}

a.main-btn,
a.book-btn,
a.cta-btn-small.main-btn.book-btn,
.editing-process-cta__button,
button.hero-form-submit,
button.btn-form,
button.submit-button,
.btn-hover:not(.popup-close),
.pf-btn,
.ban-form input[type=submit] {
    background: var(--site-metal-gold-gradient) !important;
    border: 1px solid rgba(125, 85, 16, 0.45) !important;
    border-radius: 12px !important;
    color: #0B2742 !important;
    -webkit-text-fill-color: #0B2742 !important;
    font-weight: 700 !important;
    text-shadow: none !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
    transition: transform 300ms ease, box-shadow 300ms ease, background 300ms ease, border-color 300ms ease !important;
}

a.main-btn:hover,
a.book-btn:hover,
a.cta-btn-small.main-btn.book-btn:hover,
.editing-process-cta__button:hover,
button.hero-form-submit:hover,
button.btn-form:hover,
button.submit-button:hover,
.btn-hover:not(.popup-close):hover,
.pf-btn:hover,
.ban-form input[type=submit]:hover {
    background: var(--site-metal-gold-gradient-hover) !important;
    border-color: rgba(125, 85, 16, 0.58) !important;
    color: #0B2742 !important;
    -webkit-text-fill-color: #0B2742 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 7px 16px rgba(0, 0, 0, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
}

a.main-btn *,
a.book-btn *,
.editing-process-cta__button *,
button.btn-form * {
    color: #0B2742 !important;
    -webkit-text-fill-color: #0B2742 !important;
}

.text-primary,
.brand-font,
.counter-box span,
.seemore,
.homepage-review-card__stars,
.site-footer-v2__title,
.homepage-platforms__header h2 strong,
.homepage-platforms__card--cta .p-card-content a,
.homepage-platforms__badge > span:not(.homepage-platforms__badge-icon) {
    background: var(--site-metal-gold-gradient) !important;
    background-size: 100% 145% !important;
    background-position: center top !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    text-shadow: var(--site-metal-gold-text-shadow) !important;
}

.brand-font,
.counter-box span,
.seemore,
.homepage-review-card__stars,
.site-footer-v2__title,
.homepage-platforms__header h2 strong,
.homepage-platforms__card--cta .p-card-content a,
.homepage-platforms__badge > span:not(.homepage-platforms__badge-icon) {
    display: inline-block;
}

.brand-font,
.brand-font span {
    display: inline !important;
}

.service-hero-bg {
    position: relative;
    overflow: hidden;
    padding-top: 140px !important;
    padding-bottom: 84px !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-color: #081D33 !important;
}

.service-hero-bg::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background:
        linear-gradient(90deg, rgba(6, 28, 69, 0.88) 0%, rgba(6, 28, 69, 0.82) 34%, rgba(8, 29, 51, 0.66) 62%, rgba(8, 29, 51, 0.42) 100%),
        linear-gradient(180deg, rgba(3, 12, 24, 0.22) 0%, rgba(3, 12, 24, 0.48) 100%);
}

.service-hero-bg .container {
    position: relative;
    z-index: 1;
}

.service-hero-bg .row.align-items-center {
    min-height: calc(100vh - 140px) !important;
    gap: 28px 0 !important;
}

.service-hero-bg .row.align-items-center > .col-lg-6:first-of-type {
    flex: 0 0 49% !important;
    max-width: 49% !important;
    padding-right: clamp(18px, 3vw, 54px) !important;
    transform: translateY(-10px) !important;
}

.service-hero-bg .row.align-items-center > .col-lg-6:last-of-type {
    flex: 0 0 51% !important;
    max-width: 51% !important;
    padding-left: clamp(14px, 2.4vw, 42px) !important;
    padding-right: 12px !important;
    transform: translateY(-34px) !important;
}

.service-hero-bg h1 {
    max-width: 640px !important;
    margin: 0 0 22px !important;
    color: #ffffff !important;
    font-size: clamp(38px, 3.35vw, 60px) !important;
    line-height: 1.12 !important;
    letter-spacing: -0.035em !important;
    text-shadow:
        0 0 28px rgba(0, 0, 0, 0.88),
        0 0 54px rgba(0, 0, 0, 0.66),
        0 8px 26px rgba(0, 0, 0, 0.58) !important;
}

.service-hero-bg p.my-4 {
    max-width: 690px !important;
    margin-bottom: 30px !important;
    color: #ffffff !important;
    font-size: clamp(17px, 1.22vw, 22px) !important;
    line-height: 1.62 !important;
    text-shadow:
        0 0 18px rgba(0, 0, 0, 0.8),
        0 0 32px rgba(0, 0, 0, 0.58),
        0 5px 16px rgba(0, 0, 0, 0.46) !important;
}

.service-hero-bg p.d-flex {
    gap: 18px !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    margin-bottom: 0px !important;
}

.service-hero-bg p.d-flex .mx-4 {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.service-hero-bg .header-counter .row {
    row-gap: 18px !important;
}

.service-hero-bg .header-counter .count {
    text-shadow:
        /*0 4px 10px rgba(0, 0, 0, 0.34),*/
        /*0 9px 20px rgba(0, 0, 0, 0.2) !important;*/
}

.service-hero-bg .header-counter .count-title {
    color: #ffffff !important;
    text-shadow:
        0 3px 8px rgba(0, 0, 0, 0.32),
        0 7px 16px rgba(0, 0, 0, 0.16) !important;
}

.service-hero-bg .hero-form-shell {
    justify-content: flex-end !important;
}

.service-hero-bg .hero-form-card,
.service-hero-form-card {
    max-width: 720px !important;
    padding: clamp(28px, 3vw, 42px) !important;
    border-radius: 26px !important;
    box-shadow: 0 28px 70px rgba(2, 10, 24, 0.42) !important;
    background: linear-gradient(180deg, rgba(11, 45, 99, 0.34), rgba(212, 165, 90, 0.2)) !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    margin-top: 50px;
}

.service-hero-form-card--shadowed {
    background:
        radial-gradient(circle at 50% 22%, rgba(255, 255, 255, 0.16), transparent 48%),
        linear-gradient(180deg, rgba(5, 18, 42, 0.7), rgba(5, 18, 42, 0.52)) !important;
    border-color: rgba(255, 255, 255, 0.26) !important;
    box-shadow:
        0 34px 88px rgba(0, 0, 0, 0.58),
        0 14px 34px rgba(5, 18, 42, 0.42),
        inset 0 1px 0 rgba(255, 255, 255, 0.16) !important;
    backdrop-filter: blur(16px) saturate(118%) !important;
    -webkit-backdrop-filter: blur(16px) saturate(118%) !important;
}

.service-hero-form-card--shadowed .hero-form-field input,
.service-hero-form-card--shadowed .hero-form-field select {
    background-color: rgba(255, 255, 255, 0.16) !important;
    border-color: rgba(255, 255, 255, 0.34) !important;
    box-shadow:
        0 12px 30px rgba(0, 0, 0, 0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
}

.service-hero-form-card--shadowed .hero-form-field input:focus,
.service-hero-form-card--shadowed .hero-form-field select:focus {
    background-color: rgba(255, 255, 255, 0.2) !important;
    box-shadow:
        0 14px 34px rgba(0, 0, 0, 0.36),
        0 0 0 3px rgba(212, 165, 90, 0.16),
        inset 0 1px 0 rgba(255, 255, 255, 0.16) !important;
}

.service-hero-bg .hero-form-logo {
    margin-bottom: 10px !important;
}

.service-hero-bg .hero-form-logo img {
    max-width: 170px !important;
}

.service-hero-bg .hero-form-title {
    margin-bottom: 22px !important;
    color: #ffffff !important;
    text-align: center !important;
    font-size: clamp(20px, 2.2vw, 30px) !important;
    line-height: 1.14 !important;
    letter-spacing: 0.04em !important;
    text-transform: none !important;
}

.service-hero-bg .hero-lead-form {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 16px 0 !important;
}

.service-hero-bg .hero-lead-form .hero-form-field:last-of-type {
    grid-column: 1 / -1 !important;
}

.service-hero-bg .hero-form-field input,
.service-hero-bg .hero-form-field select {
    min-height: 52px !important;
    height: 52px !important;
    padding: 0 18px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(255, 255, 255, 0.22) !important;
    background: rgba(255, 255, 255, 0.1) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    line-height: 1.4 !important;
}

.service-hero-bg .hero-form-field input::placeholder,
.service-hero-bg .hero-form-field select {
    color: rgba(255, 255, 255, 0.88) !important;
}

.service-hero-bg .hero-form-field select {
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    padding-right: 46px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M2 2l5 5 5-5' fill='none' stroke='%23D4A55A' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    background-position: calc(100% - 16px) 50% !important;
    background-size: 14px 9px !important;
    background-repeat: no-repeat !important;
}

.service-hero-bg .hero-form-field select option {
    color: #111111 !important;
}

.service-hero-bg .hero-form-field input:focus,
.service-hero-bg .hero-form-field select:focus {
    border-color: rgba(249, 236, 121, 0.72) !important;
    background-color: rgba(255, 255, 255, 0.14) !important;
}

.service-hero-bg .hero-form-submit {
    grid-column: 1 / -1 !important;
    min-height: 54px !important;
    height: 54px !important;
    margin-top: 8px !important;
    border-radius: 12px !important;
    font-size: 16px !important;
    font-weight: 800 !important;
}

@media (max-width: 900px) {
    .homepage-main-nav,
    .homepage-main-nav:not(.is-scrolled),
    .homepage-main-nav.is-scrolled,
    body.about-page .homepage-main-nav,
    body.about-page .homepage-main-nav:not(.is-scrolled),
    body.about-page .homepage-main-nav.is-scrolled {
        top: 0 !important;
        padding: 0 12px !important;
    }

    .homepage-navbar,
    .homepage-main-nav:not(.is-scrolled) .homepage-navbar,
    .homepage-main-nav.is-scrolled .homepage-navbar,
    body.about-page .homepage-navbar,
    body.about-page .homepage-main-nav:not(.is-scrolled) .homepage-navbar,
    body.about-page .homepage-main-nav.is-scrolled .homepage-navbar {
        width: calc(100vw - 24px) !important;
        height: auto !important;
        min-height: 76px !important;
        padding: 14px 18px !important;
        border-radius: 28px !important;
    }

    .homepage-centered-nav {
        grid-template-columns: repeat(2, auto) !important;
        gap: 12px 24px !important;
    }

    .homepage-centered-nav__logo {
        grid-column: 1 / -1 !important;
        order: -1 !important;
    }

    .homepage-centered-nav > li > a,
    .homepage-centered-nav__logo a {
        min-height: 32px !important;
        font-size: 14px !important;
    }

    .homepage-logo--full,
    .homepage-main-nav:not(.is-scrolled) .homepage-logo--full,
    .homepage-main-nav.is-scrolled .homepage-logo--full {
        width: 170px !important;
        max-width: 170px !important;
    }

    .homepage-main-nav.is-scrolled .homepage-logo--mark,
    body.about-page .homepage-main-nav.is-scrolled .homepage-logo--mark {
        display: block !important;
        width: 42px !important;
        max-width: 42px !important;
    }

    .service-hero-bg .row.align-items-center {
        min-height: auto !important;
    }

    .service-hero-bg .row.align-items-center > .col-lg-6:first-of-type,
    .service-hero-bg .row.align-items-center > .col-lg-6:last-of-type {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        transform: none !important;
    }

    .service-hero-bg h1,
    .service-hero-bg p.my-4,
    .service-hero-bg p.d-flex,
    .service-hero-bg .header-counter {
        text-align: center !important;
    }

    .service-hero-bg p.d-flex {
        justify-content: center !important;
        gap: 12px !important;
        margin-bottom: 22px !important;
    }

    .service-hero-bg .header-counter {
        margin-top: 6px !important;
    }

    .service-hero-bg .header-counter .row {
        row-gap: 12px !important;
    }

    .service-hero-bg .header-counter .row > div {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    .service-hero-bg .header-counter .count {
        font-size: clamp(30px, 8vw, 44px) !important;
        line-height: 0.95 !important;
    }

    .service-hero-bg .header-counter .count-title {
        font-size: 11px !important;
        line-height: 1.25 !important;
    }

    .service-hero-bg .hero-form-card,
    .service-hero-form-card {
        max-width: 620px !important;
        margin-top: 28px !important;
        padding: 24px 18px !important;
    }

    .service-hero-bg .hero-lead-form {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }

    .service-hero-bg h1 {
        max-width: 100% !important;
        font-size: clamp(28px, 8.2vw, 40px) !important;
        line-height: 1.04 !important;
        margin-bottom: 14px !important;
    }

    .service-hero-bg p.my-4 {
        max-width: 100% !important;
        font-size: 14px !important;
        line-height: 1.5 !important;
        margin-bottom: 18px !important;
    }
}

/* Final sitewide button cleanup */
a.main-btn,
button.main-btn,
a.book-btn,
button.book-btn,
a.cta-btn-small.main-btn.book-btn,
button.cta-btn-small.main-btn.book-btn,
.btn-black-bg,
.btn-primary,
.btn-form,
.submit-button,
.homepage-hero-form__submit,
.hero-form-submit,
.offer-popup-submit,
.offer-popup-btn,
.pf-btn,
.editing-process-cta__button,
.site-header-v2__consult,
.header-form .input-group-text,
.ban-form input[type=submit],
input.btn-form[type=submit],
input.submit-button[type=submit],
button[type=submit]:not(.popup-close):not(.accordion-button):not(.navbar-toggler),
a[role=button].main-btn,
a[role=button].book-btn {
    background: var(--site-metal-gold-gradient) !important;
    border: 1px solid rgba(125, 85, 16, 0.45) !important;
    border-radius: 12px !important;
    color: #0B2742 !important;
    -webkit-text-fill-color: #0B2742 !important;
    font-weight: 700 !important;
    text-shadow: none !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
    transition: transform 300ms ease, box-shadow 300ms ease, background 300ms ease, border-color 300ms ease, color 300ms ease !important;
}

a.main-btn:hover,
button.main-btn:hover,
a.book-btn:hover,
button.book-btn:hover,
a.cta-btn-small.main-btn.book-btn:hover,
button.cta-btn-small.main-btn.book-btn:hover,
.btn-black-bg:hover,
.btn-primary:hover,
.btn-form:hover,
.submit-button:hover,
.homepage-hero-form__submit:hover,
.hero-form-submit:hover,
.offer-popup-submit:hover,
.offer-popup-btn:hover,
.pf-btn:hover,
.editing-process-cta__button:hover,
.site-header-v2__consult:hover,
.header-form .input-group-text:hover,
.ban-form input[type=submit]:hover,
input.btn-form[type=submit]:hover,
input.submit-button[type=submit]:hover,
button[type=submit]:not(.popup-close):not(.accordion-button):not(.navbar-toggler):hover,
a[role=button].main-btn:hover,
a[role=button].book-btn:hover {
    background: var(--site-metal-gold-gradient-hover) !important;
    border-color: rgba(125, 85, 16, 0.58) !important;
    color: #0B2742 !important;
    -webkit-text-fill-color: #0B2742 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 7px 16px rgba(0, 0, 0, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
}

a.main-btn *,
button.main-btn *,
a.book-btn *,
button.book-btn *,
.btn-black-bg *,
.btn-primary *,
.btn-form *,
.submit-button *,
.homepage-hero-form__submit *,
.hero-form-submit *,
.offer-popup-submit *,
.offer-popup-btn *,
.pf-btn *,
.editing-process-cta__button *,
.site-header-v2__consult *,
.header-form .input-group-text * {
    color: #0B2742 !important;
    -webkit-text-fill-color: #0B2742 !important;
}

/* Final service-page review slider center-card emphasis */
body.service-reviews-enhanced .homepage-reviews-slider-section,
body.service-reviews-enhanced .homepage-reviews-slider {
    overflow: visible !important;
}

body.service-reviews-enhanced .homepage-reviews-slider__track {
    align-items: center !important;
}

body.service-reviews-enhanced .homepage-reviews-slider .homepage-review-card {
    transform: scale(0.92) !important;
    transform-origin: center center !important;
    opacity: 0.86 !important;
    transition: transform 0.28s ease, box-shadow 0.28s ease, opacity 0.28s ease !important;
}

body.service-reviews-enhanced .homepage-reviews-slider .homepage-review-card--center {
    transform: scale(1.12) !important;
    opacity: 1 !important;
    z-index: 5 !important;
    box-shadow: 0 34px 72px rgba(6, 28, 69, 0.34) !important;
}

body.service-reviews-enhanced .homepage-reviews-slider .homepage-review-card--center .homepage-review-card__quote {
    transform: translateX(-50%) scale(1.08) !important;
}

/* Final service-page hero cleanup: show hero images without gradient overlay */
.service-hero-bg::before {
    display: none !important;
    background: none !important;
}

@media (max-width: 575px) {
    body.service-reviews-enhanced .homepage-reviews-slider .homepage-review-card,
    body.service-reviews-enhanced .homepage-reviews-slider .homepage-review-card--center {
        transform: scale(1) !important;
        opacity: 1 !important;
    }
}

/* Phone-only shared hamburger header. Desktop/tablet header rules remain untouched. */
.homepage-mobile-menu-toggle,
.homepage-mobile-menu {
    display: none !important;
}

@media (max-width: 767px) {
    html body .homepage-main-nav.is-mobile-ready,
    html body .homepage-main-nav.is-mobile-ready:not(.is-scrolled),
    html body .homepage-main-nav.is-mobile-ready.is-scrolled,
    html body.homepage-index .homepage-main-nav.is-mobile-ready,
    html body.homepage-index .homepage-main-nav.is-mobile-ready:not(.is-scrolled),
    html body.homepage-index .homepage-main-nav.is-mobile-ready.is-scrolled,
    html body.about-page .homepage-main-nav.is-mobile-ready,
    html body.about-page .homepage-main-nav.is-mobile-ready:not(.is-scrolled),
    html body.about-page .homepage-main-nav.is-mobile-ready.is-scrolled {
        top: 8px !important;
        padding: 0 12px !important;
    }

    html body .homepage-main-nav.is-mobile-ready .homepage-navbar,
    html body .homepage-main-nav.is-mobile-ready:not(.is-scrolled) .homepage-navbar,
    html body .homepage-main-nav.is-mobile-ready.is-scrolled .homepage-navbar,
    html body.homepage-index .homepage-main-nav.is-mobile-ready .homepage-navbar,
    html body.homepage-index .homepage-main-nav.is-mobile-ready:not(.is-scrolled) .homepage-navbar,
    html body.homepage-index .homepage-main-nav.is-mobile-ready.is-scrolled .homepage-navbar,
    html body.about-page .homepage-main-nav.is-mobile-ready .homepage-navbar,
    html body.about-page .homepage-main-nav.is-mobile-ready:not(.is-scrolled) .homepage-navbar,
    html body.about-page .homepage-main-nav.is-mobile-ready.is-scrolled .homepage-navbar {
        position: relative !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: calc(100vw - 24px) !important;
        max-width: calc(100vw - 24px) !important;
        height: 68px !important;
        min-height: 68px !important;
        padding: 0 14px !important;
        border-radius: 999px !important;
        overflow: visible !important;
    }

    html body .homepage-main-nav.is-mobile-ready .homepage-navbar::before {
        content: "" !important;
        display: block !important;
        flex: 0 0 42px !important;
        width: 42px !important;
        height: 42px !important;
    }

    html body .homepage-main-nav.is-mobile-ready .homepage-navbar::after {
        content: "" !important;
        display: block !important;
        flex: 0 0 42px !important;
        width: 42px !important;
        height: 42px !important;
    }

    html body .homepage-main-nav.is-mobile-ready .homepage-centered-nav,
    html body.homepage-index .homepage-main-nav.is-mobile-ready .homepage-centered-nav,
    html body.about-page .homepage-main-nav.is-mobile-ready .homepage-centered-nav,
    html body .homepage-main-nav.is-mobile-ready.is-scrolled .homepage-centered-nav,
    html body.homepage-index .homepage-main-nav.is-mobile-ready.is-scrolled .homepage-centered-nav,
    html body.about-page .homepage-main-nav.is-mobile-ready.is-scrolled .homepage-centered-nav {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex: 1 1 auto !important;
        width: auto !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        gap: 0 !important;
        grid-template-columns: none !important;
    }

    html body .homepage-main-nav.is-mobile-ready .homepage-centered-nav > li:not(.homepage-centered-nav__logo),
    html body.homepage-index .homepage-main-nav.is-mobile-ready .homepage-centered-nav > li:not(.homepage-centered-nav__logo),
    html body.about-page .homepage-main-nav.is-mobile-ready .homepage-centered-nav > li:not(.homepage-centered-nav__logo) {
        display: none !important;
    }

    html body .homepage-main-nav.is-mobile-ready .homepage-centered-nav__logo,
    html body.homepage-index .homepage-main-nav.is-mobile-ready .homepage-centered-nav__logo,
    html body.about-page .homepage-main-nav.is-mobile-ready .homepage-centered-nav__logo {
        display: block !important;
        flex: 0 0 auto !important;
        order: 0 !important;
        grid-column: auto !important;
        margin: 0 !important;
    }

    html body .homepage-main-nav.is-mobile-ready .homepage-centered-nav__logo a,
    html body.homepage-index .homepage-main-nav.is-mobile-ready .homepage-centered-nav__logo a,
    html body.about-page .homepage-main-nav.is-mobile-ready .homepage-centered-nav__logo a,
    html body .homepage-main-nav.is-mobile-ready.is-scrolled .homepage-centered-nav__logo a,
    html body.homepage-index .homepage-main-nav.is-mobile-ready.is-scrolled .homepage-centered-nav__logo a,
    html body.about-page .homepage-main-nav.is-mobile-ready.is-scrolled .homepage-centered-nav__logo a {
        min-height: 68px !important;
        padding: 0 !important;
    }

    html body .homepage-main-nav.is-mobile-ready .homepage-logo--full,
    html body .homepage-main-nav.is-mobile-ready:not(.is-scrolled) .homepage-logo--full,
    html body .homepage-main-nav.is-mobile-ready.is-scrolled .homepage-logo--full,
    html body.homepage-index .homepage-main-nav.is-mobile-ready .homepage-logo--full,
    html body.homepage-index.homepage-nav-at-top .homepage-main-nav.is-mobile-ready .homepage-logo--full,
    html body.homepage-index .homepage-main-nav.is-mobile-ready:not(.is-scrolled) .homepage-logo--full,
    html body.homepage-index .homepage-main-nav.is-mobile-ready.is-scrolled .homepage-logo--full,
    html body.homepage-index:not(.homepage-nav-at-top) .homepage-main-nav.is-mobile-ready.is-scrolled .homepage-logo--full,
    html body.about-page .homepage-main-nav.is-mobile-ready .homepage-logo--full,
    html body.about-page .homepage-main-nav.is-mobile-ready.is-scrolled .homepage-logo--full {
        display: block !important;
        width: 150px !important;
        max-width: 150px !important;
        height: auto !important;
    }

    html body .homepage-main-nav.is-mobile-ready .homepage-logo--mark,
    html body .homepage-main-nav.is-mobile-ready:not(.is-scrolled) .homepage-logo--mark,
    html body .homepage-main-nav.is-mobile-ready.is-scrolled .homepage-logo--mark,
    html body.homepage-index .homepage-main-nav.is-mobile-ready .homepage-logo--mark,
    html body.homepage-index.homepage-nav-at-top .homepage-main-nav.is-mobile-ready .homepage-logo--mark,
    html body.homepage-index .homepage-main-nav.is-mobile-ready:not(.is-scrolled) .homepage-logo--mark,
    html body.homepage-index .homepage-main-nav.is-mobile-ready.is-scrolled .homepage-logo--mark,
    html body.homepage-index:not(.homepage-nav-at-top) .homepage-main-nav.is-mobile-ready.is-scrolled .homepage-logo--mark,
    html body.about-page .homepage-main-nav.is-mobile-ready .homepage-logo--mark,
    html body.about-page .homepage-main-nav.is-mobile-ready.is-scrolled .homepage-logo--mark {
        display: none !important;
    }

    html body .homepage-main-nav.is-mobile-ready .homepage-mobile-menu-toggle {
        position: absolute !important;
        right: 14px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        z-index: 2 !important;
        flex: 0 0 42px !important;
        flex-shrink: 0 !important;
        display: inline-flex !important;
        width: 42px !important;
        height: 42px !important;
        align-items: center !important;
        justify-content: center !important;
        align-self: center !important;
        flex-direction: column !important;
        gap: 5px !important;
        margin: 0 !important;
        padding: 0 !important;
        line-height: 0 !important;
        border: 1px solid rgba(255, 255, 255, 0.34) !important;
        border-radius: 50% !important;
        background: rgba(255, 255, 255, 0.12) !important;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18), 0 10px 22px rgba(2, 10, 24, 0.16) !important;
        cursor: pointer !important;
        appearance: none !important;
        -webkit-appearance: none !important;
    }

    html body .homepage-main-nav.is-mobile-ready .homepage-mobile-menu-toggle span {
        display: block !important;
        flex: 0 0 auto !important;
        width: 18px !important;
        height: 2px !important;
        margin: 0 !important;
        border-radius: 999px !important;
        background: #ffffff !important;
        transform-origin: center !important;
        transition: transform 0.22s ease, opacity 0.22s ease, background 0.22s ease !important;
    }

    html body .homepage-main-nav.is-mobile-ready.is-scrolled .homepage-mobile-menu-toggle {
        border-color: rgba(6, 28, 69, 0.22) !important;
        background: rgba(255, 255, 255, 0.3) !important;
    }

    html body .homepage-main-nav.is-mobile-ready.is-scrolled .homepage-mobile-menu-toggle span {
        background: #061C45 !important;
    }

    html body .homepage-main-nav.is-mobile-ready.is-mobile-open .homepage-mobile-menu-toggle span:nth-child(1) {
        transform: translateY(7px) rotate(45deg) !important;
    }

    html body .homepage-main-nav.is-mobile-ready.is-mobile-open .homepage-mobile-menu-toggle span:nth-child(2) {
        opacity: 0 !important;
    }

    html body .homepage-main-nav.is-mobile-ready.is-mobile-open .homepage-mobile-menu-toggle span:nth-child(3) {
        transform: translateY(-7px) rotate(-45deg) !important;
    }

    html body .homepage-main-nav.is-mobile-ready .homepage-mobile-menu {
        position: absolute !important;
        top: calc(100% + 10px) !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 1 !important;
        display: grid !important;
        gap: 8px !important;
        padding: 14px !important;
        border: 1px solid rgba(212, 165, 90, 0.24) !important;
        border-radius: 22px !important;
        background: rgba(255, 255, 255, 0.98) !important;
        box-shadow: 0 24px 52px rgba(2, 10, 24, 0.26) !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        transform: translateY(-8px) scale(0.98) !important;
        transform-origin: top center !important;
        transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease !important;
    }

    html body .homepage-main-nav.is-mobile-ready.is-mobile-open .homepage-mobile-menu {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transform: translateY(0) scale(1) !important;
    }

    html body .homepage-main-nav.is-mobile-ready .homepage-mobile-menu__link,
    html body .homepage-main-nav.is-mobile-ready .homepage-mobile-menu__sublink {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        min-height: 44px !important;
        padding: 10px 14px !important;
        border-radius: 14px !important;
        color: #061C45 !important;
        -webkit-text-fill-color: #061C45 !important;
        font-size: 15px !important;
        font-weight: 800 !important;
        line-height: 1.2 !important;
        text-decoration: none !important;
        text-shadow: none !important;
        border: 0 !important;
        background: rgba(6, 28, 69, 0.04) !important;
        transition: background 0.2s ease, transform 0.2s ease, color 0.2s ease !important;
        appearance: none !important;
        -webkit-appearance: none !important;
        cursor: pointer !important;
        font-family: inherit !important;
        width: 100% !important;
    }

    html body .homepage-main-nav.is-mobile-ready .homepage-mobile-menu__link--parent::after {
        content: "+" !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 22px !important;
        height: 22px !important;
        border-radius: 50% !important;
        color: #061C45 !important;
        -webkit-text-fill-color: #061C45 !important;
        font-size: 18px !important;
        font-weight: 900 !important;
        line-height: 1 !important;
        transition: transform 0.2s ease !important;
    }

    html body .homepage-main-nav.is-mobile-ready .homepage-mobile-menu__group.is-open .homepage-mobile-menu__link--parent::after {
        content: "-" !important;
    }

    html body .homepage-main-nav.is-mobile-ready .homepage-mobile-menu__link:hover,
    html body .homepage-main-nav.is-mobile-ready .homepage-mobile-menu__link:focus-visible,
    html body .homepage-main-nav.is-mobile-ready .homepage-mobile-menu__sublink:hover,
    html body .homepage-main-nav.is-mobile-ready .homepage-mobile-menu__sublink:focus-visible,
    html body .homepage-main-nav.is-mobile-ready .homepage-mobile-menu__link[aria-current="page"],
    html body .homepage-main-nav.is-mobile-ready .homepage-mobile-menu__sublink[aria-current="page"] {
        background: var(--site-metal-gold-gradient) !important;
        color: #061C45 !important;
        -webkit-text-fill-color: #061C45 !important;
        transform: translateY(-1px) !important;
    }

    html body .homepage-main-nav.is-mobile-ready .homepage-mobile-menu__group {
        display: grid !important;
        gap: 8px !important;
    }

    html body .homepage-main-nav.is-mobile-ready .homepage-mobile-menu__submenu {
        display: none !important;
        gap: 6px !important;
        padding: 0 0 4px 10px !important;
    }

    html body .homepage-main-nav.is-mobile-ready .homepage-mobile-menu__group.is-open .homepage-mobile-menu__submenu {
        display: grid !important;
    }

    html body .homepage-main-nav.is-mobile-ready .homepage-mobile-menu__sublink {
        min-height: 38px !important;
        padding: 8px 12px !important;
        font-size: 13px !important;
        font-weight: 700 !important;
        background: rgba(212, 165, 90, 0.12) !important;
    }
}