/*  Default Css  */

:root {
    --cream: #fffcf5;
    --midnight-blue: #020d2d;
    --royal-blue: #2257ff;
    --fresh-green: #0bf89d;
    --salmon: #ff5c68;
    --mid-grey: #9e9e9e;
    --color-grey-6: #101010;
    --color-white-solid: #fff;
    --energy-gradient: linear-gradient(90deg, #2259fe 0%, #0bf79d 100%);
    --easing: cubic-bezier(0.22, 1, 0.36, 1);
    --t-fast: 0.35s var(--easing);
    --t-med: 0.55s var(--easing);
    --t-slow: 0.75s var(--easing);
    /*    --stickTop: 96px;*/
    --stickTop: 250px;
    --gap: 16px;
    --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html {
    scroll-behavior: smooth;
}

/* Let Lenis manage heights */
html.lenis, html.lenis body {
    height: auto;
}
/* Prevent native smooth so Lenis stays in control */
:root {
    scroll-behavior: auto !important;
}
/* If a modal/offcanvas should NOT scroll with page: add data-lenis-prevent */
[data-lenis-prevent] {
    overscroll-behavior: contain;
}


html,
body {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.32px;
    font-family: "IBM Plex Sans";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

body {
    color: var(--midnight-blue);
    background: var(--cream);
    overflow-x: hidden;
}

::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: var(--midnight-blue);
}

::-webkit-scrollbar {
    width: 10px;
    background-color: var(--midnight-blue);
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: var(--fresh-green);
}

h1 {
    font-size: 64px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.64px;
    color: var(--cream);
}

.heading-h2 {
    font-size: 53px;
    font-style: normal;
    font-weight: 600;
    line-height: 58px;
    letter-spacing: -2.65px;
}

h3,
h2, .blog-banner-wrapper h1.heading {
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 57px;
}

h4 {
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 41.6px;
}

h5 {
    color: var(--color-grey-6);
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 28.8px;
}

.sub-heading-h2 {
    color: var(--color-white-solid);
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    letter-spacing: -0.394px;
}

.sub-heading {
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 39px;
}

button {
    outline: none;
    border: none;
}

.cream {
    color: var(--cream);
}
.midnight-blue {
    color: var(--midnight-blue);
}

.royal-blue {
    color: var(--royal-blue);
}

.fresh-green {
    color: var(--fresh-green);
}

.salmon {
    color: var(--salmon);
}

.mid-grey {
    color: var(--mid-grey);
}

.color-grey-6 {
    color: var(--color-grey-6);
}

.color-white-solid {
    color: var(--color-white-solid);
}

.text-energy-gradient {
    background: var(--energy-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.green-button,
.blue-button {
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: "IBM Plex Sans";
    font-style: normal;
    font-weight: 600;
    text-align: center;
    padding: 0 30px;
    max-width: fit-content;
    transition: all ease-in-out 0.3s;
    cursor: pointer;
    border-radius: 1000000px;
}

.green-button {
    height: 50px;
    gap: 8.929px;
    background: var(--fresh-green);
    color: #1d1c1d;
    font-size: 17.857px;
    line-height: 28.571px;
}

.green-button:hover {
    background: linear-gradient(
        0deg,
        rgba(0, 0, 0, 0.2) 0%,
        rgba(0, 0, 0, 0.2) 100%
        ),
        var(--fresh-green);
    transform: translateY(-1px);
}

.blue-button {
    height: 40px;
    gap: 7px;
    background: var(--royal-blue);
    color: var(--color-white-solid);
    font-size: 16px;
    line-height: 120%;
}

.blue-button:hover {
    background: linear-gradient(
        0deg,
        rgba(0, 0, 0, 0.2) 0%,
        rgba(0, 0, 0, 0.2) 100%
        ),
        var(--royal-blue);
    transform: translateY(-1px);
}

.py-100 {
    padding: 100px 0;
}

.my-100 {
    margin: 100px 0;
}

.my-50 {
    margin: 50px 0;
}


.space-y {
    padding: 50px 0;
}

.space-top-0 {
    padding-top: 0 !important;
}

.space-bottom-0 {
    padding-bottom: 0 !important;
}

.space-top-2X {
    padding-top: 100px;
}

a {
    transition: all ease-in-out 0.3s;
}

a,
a:hover {
    text-decoration: none;
}

a:hover {
    text-decoration: none !important;
}

input:focus {
    outline: none !important;
}

button:focus {
    outline: none !important;
}

.section-wrapper {
    padding: 72px 0;
}

img {
    width: 100%;
    height: 100%;
}

ul {
    padding-inline-start: 0;
    list-style-type: none;
}

svg,
svg path {
    transition: all ease-in-out 0.3s;
}

.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {
    .container {
        max-width: 100%;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1200px;
    }
}

@media (min-width: 1800px) {
    .container {
        max-width: 1600px;
    }
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9 {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

@media (min-width: 576px) {
    .col-sm-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }

    .col-sm-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .col-sm-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-sm-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .col-sm-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .col-sm-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-sm-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .col-sm-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .col-sm-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-sm-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }

    .col-sm-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }

    .col-sm-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.wpcf7-not-valid-tip,
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output{
    color: #FF5C68;
}

.wpcf7 form.sent .wpcf7-response-output{
    color: #1d1c1d;
}

/* End Default Css  */

/*header style*/

header {
    min-height: 86px;
}

.header-nav {
    padding: 24px 0;
    position: relative;
    z-index: 9;
    width: 100%;
    top: 0;
    transition: all ease-in-out 0.5s;
    background: transparent;
}

.header-nav.header-fixed {
    position: fixed;
    padding: 0;
    border-radius: 24px;
    background: rgba(9, 32, 99, 0.100);
    backdrop-filter: blur(12px);
}

.single-case-studies .header-nav.header-fixed,
.error404 .header-nav.header-fixed,
.page-id-426 .header-nav.header-fixed {
    background: rgba(9, 32, 99, 0.100);
}

.logo img.sticky-logo-img {
    width: 87px;
    position: absolute;
    left: 0;
    opacity: 0;
}

.header-nav.header-fixed .logo img.logo-img {
    opacity: 0;
}

.header-nav.header-fixed .logo img.sticky-logo-img {
    opacity: 1;
}

.logo img {
    transition: all ease-in-out 0.4s;
}

.announcement {
    display: flex;
    width: 100%;
    height: 48px;
    padding: 7px 45px 7px 0;
    justify-content: center;
    align-items: center;
    background: var(--royal-blue);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 115%;
    color: #f1f2f9;
    position: relative;
    z-index: 9;
}

.announcement a {
    color: var(--fresh-green);
    text-decoration: underline;
}

.announcement a:hover {
    opacity: 0.8;
}

button.announcement-close {
    background: transparent;
    border: none;
    outline: none;
    width: 18px;
    height: 18px;
    font-size: 18px;
    color: var(--color-white-solid);
    cursor: pointer;
    position: absolute;
    top: -8px;
    bottom: 0;
    right: 17px;
    margin: auto;
}

.announcement[hidden] {
    display: none !important;
}

.submenu {
    border-radius: 20px;
    background: var(--cream);
    width: 100%;
    position: absolute;
    z-index: 9;
    top: 75px;
    left: 0;
    right: 0;
    margin-top: 75px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    display: none;
    opacity: 0;
    transform: translateY(15px);
    animation: fadeIn 0.5s ease 1 forwards;
}

@keyframes fadeIn {
    100% {
        opacity: 1;
        transform: none;
    }
}

li.main-menu:nth-child(2):hover a.main-menu-a::before {
    max-width: 100% !important;
}

li.main-menu:hover .submenu {
    display: flex;
}

.row-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    position: relative;
}

ul.nav {
    display: flex;
    max-width: 533px;
    height: 53px;
    padding: 4.599px 9.197px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    border-radius: 46.57px;
    background: var(--midnight-blue);
}

ul.nav li.main-menu a.main-menu-a {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.32px;
    color: var(--cream);
    display: block;
    position: relative;
    padding: 10px 0;
    white-space: nowrap;
}

ul.nav li.main-menu a.main-menu-a::before {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    padding: 10px 0;
    max-width: 0;
    color: var(--fresh-green);
    content: attr(data-hover);
    -webkit-transition: max-width 0.4s;
    -moz-transition: max-width 0.4s;
    transition: max-width 0.4s;
}

ul.nav li.main-menu a.main-menu-a:hover::before {
    max-width: 100%;
}

ul.nav li.main-menu {
    padding: 65px 17px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0px;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
}

.logo {
    width: 290px;
    height: auto;
}

.book-btn.green-button {
    font-size: 16px;
    line-height: 22px;
    width: 138px;
    height: 40px;
}

.submenu-child-list {
    display: flex;
    align-items: center;
    border-radius: 8px;
    border: 1px solid transparent;
    padding: 12px 16px 12px 12px;
    gap: 10px;
    max-width: 344px;
    min-width: 344px;
    position: relative;
}

.submenu-child-list a {
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0;
}

.submenu-child-list img.submenu-arrow-hover-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 44px;
    width: 11px;
    height: auto;
    margin: auto;
    opacity: 0;
    transition: all ease-in-out 0.3s;
}

li.submenu-child-li.active img.submenu-arrow-hover-icon {
    opacity: 1;
    right: 26px;
}

.menu-icon,
.menu-hover-icon {
    width: 32px;
    height: 32px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    object-fit: contain;
}

.menu-icon-col {
    border-radius: 10px;
    background: var(--cream);
    border: 0.833px solid rgba(204, 204, 204, 0.3);
    width: 54px;
    height: 54px;
    display: flex;
    justify-content: center;
    position: relative;
    filter: drop-shadow(0 0 14px rgba(0, 0, 0, 0.09));
}

.menu-hover-icon {
    width: 42px;
    height: 42px;
    opacity: 0;
}

.menu-content h6 {
    color: #6f6c8f;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.menu-content h5 {
    color: var(--midnight-blue);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: -0.16px;
}

li.submenu-child-li {
    cursor: pointer;
}

.submenu-content-container {
    width: 100%;
    padding: 12px;
}

.submenu-row {
    overflow: hidden;
    opacity: 0;
    transform: translateY(8px) scale(0.995);
    transition: max-height 0.38s ease, opacity 0.34s ease, transform 0.38s ease;
    will-change: max-height, opacity, transform;
    pointer-events: none;
}

.submenu-row.active {
    max-height: 1200px;
    opacity: 1;
    transform: translateY(0) scale(1);
    pointer-events: auto;
}

ul.submenu-child-ul {
}

ul.submenu-child-ul h5 {
    color: var(--midnight-blue);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
}

.submenu--list-col h6 {
    color: var(--midnight-blue);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    margin-bottom: 16px;
}

.submenu .submenu-content ul li,
.submenu--list-col h6 {
    display: none;
    opacity: 0;
    transform: translateY(6px);
    animation: fadeIn 1s ease 1 forwards;
}

.submenu-row.active ul li,
.submenu--list-col h6 {
    display: flex;
}
.submenu-row.active ul li:nth-child(1) {
    animation-delay: 0.05s;
}
.submenu-row.active ul li:nth-child(2) {
    animation-delay: 0.15s;
}
.submenu-row.active ul li:nth-child(3) {
    animation-delay: 0.25s;
}
.submenu-row.active ul li:nth-child(4) {
    animation-delay: 0.35s;
}
.submenu-row.active ul li:nth-child(5) {
    animation-delay: 0.45s;
}
.submenu-row.active ul li:nth-child(6) {
    animation-delay: 0.55s;
}

.submenu-image {
    display: none;
    opacity: 0;
    transform: scale(0);
    animation: fadeInScale 0.6s ease 1 forwards;
}

.submenu-row.active .submenu-image {
    display: block;
}

@keyframes fadeInScale {
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

.submenu-content-child h6,
.submenu-content-child h5,
.submenu-child-list,
.menu-icon-col,
.menu-icon,
.menu-hover-icon {
    transition: all ease-in-out 0.4s;
}
.submenu-row {
    width: 100%;
    gap: 32px;
    display: none;
}

.vertical-line {
    width: 1px;
    height: 100%;
    background: rgba(2, 13, 45, 0.2);
    min-height: -webkit-fill-available;
}

.submenu-row.active {
    display: flex;
}

.submenu-col-6 ul li {
    border-radius: 11px;
    background: #f2f3f8;
    display: flex;
    width: 357px;
    align-items: center;
    gap: 16px;
}

.submenu-col-6 ul {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.submenu-icon {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    border: 0.667px solid rgba(204, 204, 204, 0.3);
    background: #fffcf5;
    display: flex;
    align-items: center;
    justify-content: center;
}

.submenu-icon img {
    max-width: 26px;
}

.submenu-col-6 ul li a {
    display: flex;
    align-items: center;
    gap: 10px;
}

.submenu-content-child h5 {
    color: var(--midnight-blue);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: -0.16px;
    transition: all ease-in-out 0.3s;
}

.submenu-content-child {
    position: relative;
}

.submenu-content-child img.submenu-arrow-hover-icon {
    position: absolute;
    right: 0;
    top: 4px;
    bottom: 0;
    margin: auto;
    width: 14px;
    height: 10px;
    aspect-ratio: 14.62/10.67;
    opacity: 0;
    transition: all ease-in-out 0.3s;
}

.submenu-col-6
ul
li
a:hover
.submenu-content-child
img.submenu-arrow-hover-icon {
    opacity: 1;
    right: -25px;
}

.submenu-col-6 ul li a:hover .submenu-content-child h5 {
    color: var(--royal-blue);
}

.submenu-content-child h6 {
    color: var(--midnight-blue);
    font-size: 12.154px;
    font-style: normal;
    font-weight: 500;
    line-height: 15px;
    letter-spacing: -0.292px;
}

.submenu-col-main {
    display: flex;
    align-items: start;
    justify-content: space-between;
}

ul.submenu-child-ul {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 32px 24px;
}

.submenu-image img {
    object-fit: cover;
    border-radius: 10px;
    height: auto;
}

li.submenu-child-li.active .submenu-child-list {
    background: var(--royal-blue);
}

li.submenu-child-li.active .menu-icon-col {
    background: var(--color-white-solid);
}

li.submenu-child-li.active img.menu-icon {
    opacity: 0;
}

li.submenu-child-li.active img.menu-hover-icon {
    opacity: 1;
}

li.submenu-child-li.active .menu-content h5 {
    color: var(--color-white-solid);
}

li.submenu-child-li.active .menu-content h6 {
    color: #cbcaca;
}

.submenu-content {
    padding: 24px 20px;
    border-radius: 16px;
    background: #eff1f7;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
}

.need-different-solution {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 32px;
    width: 100%;
    border-top: 1px solid rgba(2, 13, 45, 0.2);
    padding-top: 24px;
}

.need-different-solution h5 {
    color: var(--midnight-blue);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    margin-bottom: 4px;
}

.need-different-solution p {
    color: #6f6c8f;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.need-different-solution a.blue-button {
    min-width: 188px;
}

/* End header style*/

/* Footer style*/

.footer-section {
    background: no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden;
}

.footer-section::before {
    position: absolute;
    content: "";
    inset: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        0deg,
        rgba(2, 13, 45, 0) 0%,
        rgba(2, 13, 45, 0.59) 49.13%,
        #020d2d 100%
        );
}

h3.mobile-footer-heading {
    display: none;
}

.footer-logo {
    max-width: 323px;
    padding-top: 140px;
}

.footer-row {
    display: flex;
    align-items: flex-start;
    gap: 30px;
    justify-content: space-between;
    position: relative;
    z-index: 2;
}

.footer-contact-info {
    display: flex;
    flex-direction: column;
    gap: 25px;
    max-width: 367px;
}

.footer-contact-info h2 {
    color: var(--color-white-solid);
}

ul.contact-info li a {
    color: var(--color-white-solid);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px;
    display: flex;
    align-items: center;
    gap: 16px;
}

ul.contact-info li a img {
    width: 22px;
    height: 22px;
}

ul.contact-info {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

ul.contact-info li a:hover {
    color: var(--fresh-green);
}

ul.contact-info li a:hover svg path {
    fill: var(--fresh-green);
}

ul.social-media {
    display: flex;
    align-items: center;
    gap: 16px;
}

ul.social-media svg {
    width: 32px;
    height: 32px;
}

ul.social-media a:hover svg path {
    fill: var(--fresh-green);
}

.services-menu h5,
.quick-menu h5 {
    color: var(--fresh-green);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    width: 100%;
}

.services-menu {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}

ul.footer-menu-col {
    width: 44%;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

ul.footer-menu-col li a {
    color: #90a5b1;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

ul.footer-menu-col li:nth-child(1) a {
    color: var(--color-white-solid);
}

.quick-menu {
    min-width: 80px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.quick-menu ul.footer-menu-col {
    width: 100%;
}

.quick-menu ul.footer-menu-col li:nth-child(1) a {
    color: #90a5b1;
}

.get-in-touch {
    display: flex;
    width: 100%;
    max-width: 586px;
    padding: 40px 0;
    color: var(--cream);
    border-radius: 20px;
    background: rgba(11, 34, 99, 0.4);
}

.get-in-touch.footer-get-in-touch{
    border: 1px solid rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(30px);
}

.wf-form-container {
    padding: 0 32px;
}

select.lookfor-drop-down {
    border-radius: 0;
    border: none;
    border-bottom: 2px solid #FFFCF5;
    background: transparent;
    color: #FFFCF5;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    letter-spacing: -0.16px;
    padding: 12px 0;
    width: 100%;
    margin-bottom: 24px;
    appearance: none;
    background-image: url(../images/arrow-down-icon-white.svg);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 16px;
    outline: none;
    font-family: "IBM Plex Sans";
}

select.lookfor-drop-down option {
    color: #000;
}

.get-in-touch.footer-get-in-touch {
    background-size: cover;
}

.get-in-touch input.wpcf7-form-control {
    margin-bottom: 24px;
}

.get-in-touch input::placeholder,
.get-in-touch textarea::placeholder {
    color: var(--mid-grey);
    font-family: "IBM Plex Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
    letter-spacing: -0.32px;
}

.wf-form input[type="submit"] {
    appearance: none;
    border: 0;
    cursor: pointer;
    display: flex;
    width: 124px;
    height: 45px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    outline: none;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 0;
    cursor: pointer;
    transition: all ease-in-out 0.3s;
}

span.wpcf7-spinner {
    position: absolute;
}

.wf-form .legend {
    color: var(--cream);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
    letter-spacing: -0.32px;
    margin-bottom: 10px;
}

.get-in-touch .wpcf7 {
    overflow: hidden;
}

.lookfor-pills {
    display: flex;
    align-items: center;
    gap: 8px 12px;
    margin-bottom: 24px;
    padding: 6px 2px 10px;
    max-width: 100%;
}

.lookfor-pills::-webkit-scrollbar {
    display: none;
}

.lookfor-pills .wpcf7-list-item {
    flex: 0 0 auto;
    scroll-snap-align: start;
}

.lookfor-pills label {
    display: block;
}

.lookfor-pills .wpcf7-list-item-label {
    white-space: nowrap;
}

.lookfor-pills .wpcf7-list-item {
    margin: 0;
    padding: 5px;
}

.lookfor-pills .wpcf7-list-item label {
    position: relative;
    display: block;
    cursor: pointer;
}

.lookfor-pills input[type="radio"] {
    position: absolute;
    inline-size: 1px;
    block-size: 1px;
    margin: 0;
    padding: 0;
    opacity: 0;
    pointer-events: none;
}

.lookfor-pills .wpcf7-list-item-label {
    position: relative;
    display: block;
    color: var(--cream);
    border: 1px solid var(--cream);
    border-radius: 105px;
    padding: 12px 16px;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    background: transparent;
    overflow: hidden;
    transition: all ease-in-out 0.3s;
    width: max-content;
    max-width: 100%;
    z-index: 1;
}

.lookfor-pills .wpcf7-list-item-label::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 105px;
    background: var(--royal-blue);
    transform: scaleX(0);
    transform-origin: left center;
    transition: all ease-in-out 0.3s;
    z-index: -1;
}

.lookfor-pills input[type="radio"]:checked + .wpcf7-list-item-label {
    color: var(--color-white-solid);
    border-color: var(--royal-blue);
}

.lookfor-pills input[type="radio"]:checked + .wpcf7-list-item-label::after {
    transform: scaleX(1);
}

.lookfor-pills .wpcf7-list-item-label:hover {
    transform: translateY(-1px);
}

.lookfor-pills input[type="radio"]:focus-visible + .wpcf7-list-item-label {
    outline: 3px solid color-mix(in oklab, var(--royal-blue) 45%, transparent);
    outline-offset: 2px;
}




.wf-form br {
    display: none;
}

.wf-form input[type="text"],
.wf-form input[type="tel"],
.wf-form input[type="email"],
.wf-form textarea {
    display: block;
    width: 100%;
    min-height: 44px;
    background: transparent;
    border: none;
    border-bottom: 2px solid var(--cream);
    color: var(--cream);
    outline: 0;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
    letter-spacing: -0.32px;
    font-family: "IBM Plex Sans";
}

.wf-form textarea {
    resize: vertical;
    height: 98px;
}

.wf-form .actions {
    margin-top: 40px;
}

.wf-form-row {
    display: flex;
    align-items: center;
    gap: 24px;
}

.copyright{
    margin-top: 10px;
}

.copyright,
.copyright a {
    color: var(--mid-grey);
    font-family: "IBM Plex Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}

.copyright a {
    text-decoration: underline;
}

.copyright a:hover {
    color: var(--fresh-green);
}

.footer-section .svg-line-container {
    bottom: 154px;
}

/* End footer style*/

/* Logo Slider style */

@keyframes marquee--move__logos {
    from {
        transform: translateX(0%);
    }
    to {
        transform: translateX(-100%);
    }
}
.marquee-logos {
    width: 100%;
    align-items: center;
    display: flex;
    gap: 32px;
    position: relative;
    overflow: hidden;
}
.marquee-logos__container {
    display: flex;
    gap: 32px;
    white-space: nowrap;
    will-change: transform;
    animation: marquee--move__logos 35s linear infinite;
}
.marquee-logos__container img {
    /*    width: 12rem;
        height: 4rem;
        min-height: 4rem;
        min-width: 12rem;*/
    width: auto;
    height: 32px;
    object-fit: contain;
}
.marquee-logos__fade {
    z-index: 1;
    width: 2rem;
    background-image: linear-gradient(90deg, rgba(0, 0, 18, 0), var(--cream));
    position: absolute;
}
.marquee-logos__fade-left {
    background-image: linear-gradient(270deg, rgba(0, 0, 18, 0), var(--cream));
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: auto;
}
.marquee-logos__fade-right {
    top: 0%;
    bottom: 0%;
    left: auto;
    right: 0%;
}

/* let hover pass through the fades */
.marquee-logos__fade {
    pointer-events: none;
}

/* pause all rows while the wrapper is hovered or focused */
.marquee-logos:hover .marquee-logos__container,
.marquee-logos:focus-within .marquee-logos__container {
    animation-play-state: paused;
}

/* End Logo Slider style */

/* Partner List With Review style*/
.review-col {
    display: flex;
    align-items: center;
    gap: 16px;
}

img.profile-group-image {
    max-width: 192px;
}

.review-col span p {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 14px;
    letter-spacing: -0.109px;
}

.partner-list-with-review ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 33px;
}

.partner-list-with-review .row {
    align-items: center;
}
/* End Partner List With Review style*/

/*  Heading Content With CTA style*/
.heading-content-with-cta .content-row {
    display: flex;
    align-items: flex-start;
    gap: 50px;
}

.heading-content-with-cta h2 {
    min-width: 220px;
}

.heading-content-with-cta .content-cta-col h4 {
    margin-bottom: 32px;
}

/* End Heading Content With CTA style*/

/*  SEO Card With Hover Animation style*/
.services {
    display: flex;
    gap: 20px;
    height: 560px;
    align-items: stretch;
}

.card {
    position: relative;
    flex: 1 1 0;
    min-width: 0;
    border-radius: 12px;
    overflow: hidden;
    isolation: isolate;
    cursor: pointer;
    transition: flex var(--t-slow), box-shadow var(--t-fast), filter var(--t-fast);
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.08);
}

.card.active {
    flex: 2.6 1 0;
    box-shadow: 0 16px 42px rgba(0, 0, 0, 0.2);
}

.card:nth-of-type(2) .title h5,
.card:nth-of-type(2) .content{
    color: var(--midnight-blue);
}

.card:nth-of-type(2) .title .stem {
    background: var(--midnight-blue);
}

.media {
    position: absolute;
    inset: 0;
}
.media img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: opacity var(--t-med);
}
.media .img-base {
    opacity: 1;
}
.media .img-alt {
    opacity: 0;
}

.overlay {
    position: absolute;
    inset: 0;
    transition: opacity var(--t-med);
}

.overlay.idle {
    opacity: 0.8;
}

.overlay.active {
    opacity: 0;
    mix-blend-mode: normal;
}

.card.active .media .img-base {
    opacity: 0.15;
}
.card.active .media .img-alt {
    opacity: 1;
}
.card.active .overlay.idle {
    opacity: 0;
}
.card.active .overlay.active {
    opacity: 1;
}

.services .title {
    width: 87%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    color: var(--color-white-solid);
    transition: transform 0.35s, top 0.35s;
    pointer-events: none;
}

.services .title .stem {
    width: 2px;
    height: 64px;
    margin: 0 auto 18px;
    border-radius: 2px;
    background: var(--color-white-solid);
    transition: height var(--t-med), opacity var(--t-med);
}

.services .title h5 {
    color: var(--color-white-solid);
    font-size: 28px;
    font-weight: 600;
    line-height: 33px;
}

.card.active .title {
    top: -200px;
}
.card.active .title .stem {
    height: 44px;
}

.services .content {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 clamp(20px, 3vw, 24px);
    color: var(--color-white-solid);
    opacity: 0;
    transform: translateX(-524px);
    transition: opacity var(--t-med) 0.05s, transform var(--t-med) 0.05s;
    pointer-events: none;
    width: 100%;
}
.card.active .content {
    opacity: 1;
    transform: translateX(0);
    pointer-events: auto;
}

.services .content h4 {
    font-weight: 600;
    line-height: normal;
    letter-spacing: -1.097px;
    margin: 0 0 36px;
    font-size: 40px;
    max-width: 80%;
}

.pills {
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-width: 780px;
}

.pill {
    align-self: flex-start;
    border-radius: 50px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    background: var(--color-white-solid);
    backdrop-filter: blur(12px);
    padding: 8px 16px;
    color: #000;
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
}

.card .blue-button,
.card .green-button {
    margin-top: 16px;
    width: 138px;
    height: 39px;
    border-radius: 13px;
    font-size: 14px;
    line-height: 15px;
    border-radius: 1000000px;
}

.seo-card-with-hover-animation .description {
    margin: 8px 0 48px;
}

/* End SEO Card With Hover Animation style */

/*  Testimonials style */

.t-slider-container {
    max-width: 100%;
    margin: auto;
    position: relative;
}

.panel {
    position: relative;
    border-radius: 22px;
    padding: 56px;
    background-repeat: no-repeat;
    background-size: cover;
}

.testimonials-sec h2 {
    color: var(--cream);
    margin-bottom: 40px;
}

.bubbles {
    position: absolute;
    right: 100px;
    top: 30px;
    width: 259px;
    height: 161px;
    aspect-ratio: 37 / 23;
    z-index: 1;
}

.slide {
    display: flex;
    justify-content: center;
    align-items: center;
}

.t-card {
    background: var(--royal-blue);
    border-radius: 20px;
    padding: 40px;
}

blockquote {
    margin: 0 0 40px;
}

blockquote,
blockquote p {
    color: #d9d9d9;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -0.48px;
}

.t-foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
.author {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}
.author img {
    width: 42px;
    height: 42px;
}

span.avatar {
    border-radius: 22px;
    border: 1.486px solid var(--color-white-solid);
    background: #d9d9d9;
    width: 42px;
    height: 42px;
    min-width: 42px;
    min-height: 42px;
}

.name {
    display: flex;
    flex-direction: column;
    color: var(--color-white-solid);
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.52px;
}

.position {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -0.52px;
    color: var(--color-white-solid);
}

.brand img {
    max-width: 220px;
}

.controls, .testimonial-controls {
    display: flex;
    align-items: center;
    gap: 16px;
    padding-top: 18px;
    justify-content: flex-end;
}

.count, .testimonial-count {
    color: var(--midnight-blue);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 19px;
}

.testimonial-count {
    color: var(--cream);
}

.nav, .testimonial-nav {
    display: grid;
    grid-auto-flow: column;
    gap: 12px;
}
.arrow {
    background: transparent;
    display: grid;
    place-items: center;
    cursor: pointer;
    transition: all ease-in-out 0.3s;
    border-radius: 50px;
    border: 1px solid var(--midnight-blue);
    width: 64px;
    height: 40px;
}

.testimonial-controls .arrow{
    border: 1px solid var(--cream);
}

.arrow svg path {
    fill: var(--midnight-blue);
}

.testimonial-controls .arrow svg path {
    fill: var(--cream);
}

.arrow:hover {
    transform: translateY(-1px);
    border-color: var(--fresh-green);
}

.arrow:hover svg path {
    fill: var(--fresh-green);
}

.arrow svg {
    width: auto;
    height: 24px;
    display: block;
}
.arrow.slick-disabled {
    opacity: 0.35;
    cursor: not-allowed;
}

.slick-slide {
    outline: none;
}

/* ===== Animations for Testimonials ===== */

@keyframes tFloat {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-6px);
    }
    100% {
        transform: translateY(0);
    }
}
.bubbles {
    animation: tFloat 5.5s ease-in-out infinite;
    will-change: transform;
}

.t-card {
    transform: translate3d(0, 14px, 0) scale(0.985);
    /*    opacity: 0;*/
    will-change: transform, opacity;
    transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1),
        opacity 0.6s cubic-bezier(0.22, 1, 0.36, 1);
}

.t-card blockquote,
.t-card .author,
.t-card .brand {
    transform: translateY(10px);
    /*    opacity: 0;*/
    will-change: transform, opacity;
    transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1),
        opacity 0.6s cubic-bezier(0.22, 1, 0.36, 1);
}

.t-slider.is-ready .slick-current .t-card {
    transform: translate3d(0, 0, 0) scale(1);
    opacity: 1;
}

.t-slider.is-ready .slick-current blockquote {
    opacity: 1;
    transform: none;
    transition-delay: 0.05s;
}
.t-slider.is-ready .slick-current .author {
    opacity: 1;
    transform: none;
    transition-delay: 0.18s;
}
.t-slider.is-ready .slick-current .brand {
    opacity: 1;
    transform: none;
    transition-delay: 0.3s;
}

.slick-slide:not(.slick-current) .t-card {
    opacity: 0.6;
}

.arrow:hover {
    transform: translateY(-2px) scale(1.02);
}

/* End Testimonials style */

/*  Partners Sticky Card style */

.partners-sticky-card-sec h2 {
    margin-bottom: 48px;
}

.partners {
    display: grid;
    grid-template-columns: 280px 1fr;
    gap: 72px;
    align-items: start;
}

.partners__nav {
    position: sticky;
    top: calc(var(--stickTop) - 10px);
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.partners__nav::before {
    position: absolute;
    content: "";
    width: 3px;
    height: 87%;
    background: rgba(30, 3, 99, 0.1);
    left: 2px;
    top: 7px;
}

.partners__nav li {
    display: flex;
    gap: 20px;
    align-items: flex-start;
    cursor: pointer;
    transition: 0.25s var(--ease);
    color: rgba(2, 13, 45, 0.7);
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: -0.72px;
    transition: 0.25s var(--ease);
}
.partners__nav .dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: rgba(2, 13, 45, 0.7);
    transition: 0.25s var(--ease);
    position: relative;
    top: 6px;
}

.partners__nav li.active .dot {
    background: var(--midnight-blue);
}

.partners__nav li.active {
    color: var(--midnight-blue);
}

/* CARDS STACK */
.sticky-cards {
    position: relative;
}

.sticky-card {
    position: sticky;
    top: var(--stickTop);
    z-index: var(--z, 1); /* set by JS */
    margin: 0 0 var(--gap);
    border-radius: 15px;
    overflow: hidden;
    background: #0d1b2a;
    box-shadow: 0 0.602px 0.602px -0.5px rgba(0, 0, 0, 0.08),
        0 2.289px 2.289px -1px rgba(0, 0, 0, 0.1),
        0 10px 10px -1.5px rgba(0, 0, 0, 0.18);
    transform: translateZ(0);
    transition: filter 0.4s var(--ease), transform 0.4s var(--ease),
        box-shadow 0.4s var(--ease);
}

.sticky-card:not(.active) {
    transform: scale(0.985);
    filter: saturate(0.85) brightness(0.98);
}

article.sticky-card div, article.sticky-card h4 {
    color: inherit;
}

.card__inner {
    display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    align-items: center;
    gap: 24px;
    padding: 32px 32px 32px 40px;
    min-height: 245px;
}

.card__copy {
    max-width: 100%;
}

.enter {
    opacity: 1;
    transition: transform 0.55s var(--ease), opacity 0.55s var(--ease);
}
.sticky-card.active .enter {
    opacity: 1;
}
.sticky-card.active .enter:nth-child(1) {
    transition-delay: 0.02s;
}
.sticky-card.active .enter:nth-child(2) {
    transition-delay: 0.09s;
}
.sticky-card.active .enter:nth-child(3) {
    transition-delay: 0.16s;
}

.sticky-card .media {
    position: relative;
    border-radius: 18px;
    overflow: hidden;
    min-height: 181px;
}

.sticky-card .media img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border-radius: 18px;
    object-fit: cover;
    transition: opacity 0.5s var(--ease), transform 0.6s var(--ease);
}

.sticky-card.theme-blue {
    background: linear-gradient(180deg, #1c49ff 0%, #2260ff 100%);
}
.sticky-card.theme-green {
    background: linear-gradient(180deg, #00d38f 0%, #00e69d 100%);
}
.sticky-card.theme-coral {
    background: linear-gradient(180deg, #ff5f6d 0%, #ff6b7b 100%);
}
.sticky-card.theme-navy {
    background: linear-gradient(
        180deg,
        rgba(14, 22, 48, 0.55),
        rgba(14, 22, 48, 0.85)
        ),
        #0e1630;
}


/* Heading sticks while the stack scrolls */
.partners-sticky-card-sec h2 {
    position: sticky;
    top: calc(var(--stickTop) - 160px);
    z-index: 5;
    transition: opacity .35s var(--ease), transform .35s var(--ease);
    will-change: opacity, transform;
}

/* When section is “out”, just fade/slide (no layout shift) */
.partners-sticky-card-sec.is-out h3{
    opacity: 0 !important;
    transform: translateY(-12px) !important;
    pointer-events: none; /* avoid capturing clicks while faded */
}


.partners-end{
    height: 1px;
}



/* End Partners Sticky Card style */

/*  Banner style */

.banner-sec {
    padding: 210px 0 72px;
    min-height: 780px;
    margin-top: -135px;
    position: relative;
    display: flex;
    align-items: flex-end;
    background-repeat: no-repeat;
    background-size: cover;
}

.col-sm-6.banner-content-col {
    z-index: 2;
}

.banner-image {
    perspective: 800px;
}

.banner-image img {
    display: block;
    width: 100%;
    height: auto;
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0) scale(1.02);
    transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
    will-change: transform;
    border-radius: 20px;
}

.banner-content-col .heading-col {
    padding-top: 140px;
}

.banner-content-col .heading-col.banner-heading-with-form {
    padding-top: 0;
}

.svg-line-container {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 33px;
    width: 100%;
    z-index: 1;
}

.svg-line-container svg {
    width: 100%;
    height: auto;
}

.rotate-words .word {
    background: var(
        --Energy-Gradient,
        linear-gradient(90deg, #2259fe 0%, #fff 50%, #0bf79d 100%)
        );
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bootom-image {
    max-width: 307px;
    padding-top: 58px;
    position: relative;
    z-index: 2;
}

.banner-bootom-img-col {
    padding: 9px 20px;
    border-radius: 12px;
    border: 1.185px solid rgba(255, 255, 255, 0.22);
    background: rgba(9, 32, 99, 0.10);
    backdrop-filter: blur(12px);
}

.rotate-words {
    position: relative;
    display: inline-block;
    height: 80px;
    overflow: hidden;
    vertical-align: baseline;
}

.rotate-words .word {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    transform: translateY(100%);
    transition: opacity 600ms cubic-bezier(0.22, 1, 0.36, 1),
        transform 600ms cubic-bezier(0.22, 1, 0.36, 1);
    white-space: nowrap;
}

.rotate-words .word.active {
    opacity: 1;
    transform: translateY(0);
}

.rotate-words .word.exit {
    opacity: 0;
    transform: translateY(-100%);
}

.home .banner-content p {
    font-size: 18px;
    line-height: 140%;
    opacity: 1;
    color: var(--cream);
}

.banner-content p {
    color: var(--color-white-solid);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    max-width: 558px;
    margin-bottom: 24px;
    opacity: 0.6;
}

.banner-content .blue-button {
    font-size: 18px;
    line-height: 21px;
    max-width: 219px;
    height: 48px;
    position: relative;
    z-index: 2;
}

/* End Banner style */

/*  Claim your Free Audit style */
.cyfa-form-container {
    position: relative;
    border-radius: 20px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
    min-height: 280px;
    padding: 40px 40px;
    color: var(--color-white-solid);
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: 32px;
}

.cyfa-form-container .cyfa-bg-image {
    position: absolute;
    object-fit: cover;
    inset: 0;
    margin: auto;
    border-radius: 20px;
    z-index: -1;
}

.claim-your-free-audit-form {
    width: auto;
    border-radius: 20px;
    border: 1px solid rgba(34, 87, 255, 0.2);
    background: rgba(23, 32, 58, 0.5);
    backdrop-filter: blur(20px);
    padding: 24px;
    max-width: fit-content;
}

select[name^="audit-reason"] {
    border-radius: 100px;
    border: 1.644px solid rgba(0, 0, 0, 0.1);
    background: var(--color-white-solid);
    outline: none;
    padding: 13px 52px 13px 26px;
    appearance: none;
    background-image: url("../images/arrow-down-icon.svg");
    background-repeat: no-repeat;
    background-position: right 1rem center;
    background-size: 18px;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.36px;
    font-family: "IBM Plex Sans";
    color: #0D0D0D;
}

.cf7-step.step-1,
.cf7-step.step-1 p {
    display: flex;
    align-items: center;
    gap: 12px;
}

.cf7-step.step-2 {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.cf7-step.step-2 .fields {
    display: flex;
    align-items: center;
    gap: 20px;
}

.cf7-step.step-2 .fields input {
    margin: 0;
    display: flex;
    height: 44px;
    padding: 9px 19px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    border-radius: 15px;
    border: 1px solid #ddd;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: -0.48px;
    background: transparent;
    color: var(--cream);
    width: 100%;
}

.cf7-step.step-2 .fields input::placeholder {
    color: var(--cream);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: -0.48px;
    opacity: 0.5;
}

.cf7-step.step-2 .fields label {
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.32px;
    color: var(--cream);
    margin-bottom: 7px;
    display: block;
}

.cf7-step.step-2 .fields br,
.cf7-step.step-1 br {
    display: none;
}

.cf7-steps {
    position: relative;
}

.cf7-step {
    transition: opacity 0.26s ease, transform 0.26s ease, visibility 0.26s ease;
    will-change: opacity, transform;
}

.cf7-step.is-active {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
    position: relative;
}

.cf7-step.is-hidden {
    opacity: 0;
    transform: translateY(8px);
    visibility: hidden;
    position: absolute;
    inset: 0 auto auto 0;
    pointer-events: none;
}

.step-2 {
    opacity: 0;
    transform: translateY(8px);
    visibility: hidden;
    position: absolute;
}

@keyframes tiny-shake {
    10%,
    90% {
        transform: translateX(-1px);
    }
    20%,
    80% {
        transform: translateX(2px);
    }
    30%,
    50%,
    70% {
        transform: translateX(-3px);
    }
    40%,
    60% {
        transform: translateX(3px);
    }
}
select.shake {
    animation: tiny-shake 0.35s linear both;
}

.cyfa-form-container .wpcf7-submit.green-button,
button.btn.green-button.btn-next.cf7-step-next {
    border: none;
    outline: none;
    font-size: 18px;
    padding: 0 40px;
    min-width: 172px;
    max-width: max-content;
}

/* End Claim your Free Audit style */

/*  FAQS style */

.faqs-sec {
    background: #dee2ed;
    margin-top: 50px;
}

.faqs-sec .heading-h3 {
    color: #000;
    text-align: left;
    margin-bottom: 48px;
}

.accordion {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.acc-item {
    border-radius: 16px;
    border: 1px solid #d9dbe9;
    background: var(--cream);
    box-shadow: 0 5px 15px 0 rgba(25, 33, 61, 0.06);
    padding: 24px 32px;
    overflow: hidden;
}

.acc-heading {
    margin: 0;
}

.acc-trigger {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    cursor: pointer;
    text-align: left;
    color: #000;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 34px;
    letter-spacing: -0.48px;
    font-family: "IBM Plex Sans";
    background: transparent;
}

.acc-text {
    flex: 1;
}

.acc-icon {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border-radius: 116px;
    background: #f1f2f9;
    box-shadow: 0 0.5px 1px 0 rgba(25, 33, 61, 0.07);
    transition: transform 0.26s ease;
}
.acc-icon svg {
    width: 18px;
    height: 18px;
    fill: none;
    stroke: var(--midnight-blue);
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.acc-item.is-open .acc-icon {
    transform: rotate(-90deg);
    border-radius: 116px;
    /*    background: linear-gradient(
            193deg,
            var(--Colors-Primary-HUE-Purple-600, #897fff) 5.92%,
            var(--Colors-Primary-HUE-Purple-700, #4a3aff) 89.21%
            );
        box-shadow: 0 -1.162px 1.162px 0 rgba(0, 0, 0, 0.12) inset,
            0 1.162px 1.743px 0 rgba(255, 255, 255, 0.25) inset,
            0 2.324px 6.973px 0 rgba(74, 58, 255, 0.1);*/
}

.acc-item.is-open .acc-icon svg {
    /*    stroke: var(--color-white-solid);*/
}

.acc-panel {
    overflow: hidden;
    height: 0;
    opacity: 0;
    transition: height 420ms cubic-bezier(0.22, 1, 0.36, 1), opacity 260ms ease;
    will-change: height;
    padding: 0;
}

.acc-inner {
    padding-top: 15px;
}

.acc-inner {
    color: #6f6c8f;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 160%;
    letter-spacing: -0.4px;
}

.acc-item.is-open .acc-panel {
    opacity: 1;
}

/* End FAQS style */

/* Case Studies style */

.case-studies-sec {
    background: #dee2ed;
}

.case-studies-sec h4 {
    color: var(--midnight-blue);
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
}

.case-studies-card .card-body .card-body-wrapper {
    padding: 46px 32px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    flex: 1 0 0;
    align-self: stretch;
    gap: 32px;
}

.case-studies-card .card-body h4.description {
    color: #1E1E1E;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
}

.performance-stats-card {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.performance-stats {
    display: flex;
    height: 158px;
    padding: 24px 16px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    flex: 1 0 0;
    border-radius: 16px;
    width: calc(33% - 10px);
    min-width: calc(33% - 10px);
}

.performance-stats h4, .performance-stats p {
    color: inherit;
}

.performance-stats h4 {
    font-size: 32px;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -0.32px;
}

.performance-stats p {
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.28px;
}

.case-studies-slider {
    display: flex;
    gap: 20px;
    padding-top: 48px;
}

.case-studies-col {
    flex: 1 1 0;
    overflow: hidden;
    cursor: pointer;
}

.case-studies-sec .slick-slide {
    margin: 0 10px;
}

.case-studies-sec .slick-list {
    margin: 0 -10px;
}

.case-studies-card {
    position: relative;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-radius: 22px;
}

.case-studies-card .card-img-col {
    width: 50%;
    z-index: 1;
}

.card-img-row::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    inset: 0;
    background: #00000099;
}

.card-img-row {
    position: relative;
    overflow: hidden;
    border-top-left-radius: 22px;
    border-bottom-left-radius: 22px;
    min-height: 533px;
    height: 100%;
}

.card-img-content {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    z-index: 1;
    inset: 0;
    padding: 24px;
}

.card-img-content img {
    width: 80%;
    height: auto;
    margin: auto;
}

.case-studies-card .card-body {
    position: relative;
    z-index: 1;
    width: 50%;
    display: flex;
    flex-direction: column;
    gap: 22px;
    justify-content: center;
    border-top-right-radius: 22px;
    border-bottom-right-radius: 22px;
    background: var(--color-white-solid);
}

.case-studies-card .category {
    border-radius: 7px;
    background: rgba(0, 0, 0, 0.3);
    padding: 10px 13px;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.455px;
    color: var(--cream);
    width: fit-content;
}

.case-studies-card .card-body img {
    max-width: 248px;
    height: auto;
}

.case-studies-card .card-body .increase {
    color: var(--cream);
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 55.077px;
    letter-spacing: -2.504px;
}

.case-studies-card .card-body .increase span {
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.4px;
    color: var(--color-white-solid);
}

.case-studies-footer ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px;
}

.case-studies-footer ul li {
    padding: 8px 16px;
    border-radius: 67px;
    background: var(--fresh-green);
    color: var(--midnight-blue);
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.36px;
}

.card-img-row img.card-img {
    width: 100%;
    height: 100%;
    display: block;
    min-height: inherit;
    object-fit: cover;
}

.case-studies-footer {
    display: flex;
    align-items: center;
    gap: 16px;
    justify-content: space-between;
}

.case-studies-footer button {
    min-width: 40px;
    min-height: 40px;
    border-radius: 50%;
    background: var(--color-white-solid);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.case-studies-footer button svg {
    width: 18px;
    height: auto;
    stroke: #605f5f;
}

/* End Case Studies style */

/* Popup Style */
.modal {
    display: none;
    position: fixed;
    inset: 0;
    top: 0;
    overflow: auto;
    z-index: 9999;
    overflow: hidden;
    margin: auto;
    width: calc(100% - 120px);
    height: calc(100% - 60px);
    max-width: calc(100% - 120px);
    max-height: calc(100% - 60px);
    background: var(--cream);
    border-radius: 40px;
}

.popup-modal::-webkit-scrollbar-track {
    border-radius: 4px;
}

.popup-modal::-webkit-scrollbar {
    width: 4px;
}

.popup-modal::-webkit-scrollbar-thumb {
    border-radius: 4px;
}

.popup-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: none;
    inset: 0;
    margin: auto;
    z-index: 9;
}

.popup-modal {
    width: 100%;
    height: 100%;
    padding: 56px 60px;
    display: flex;
    flex-direction: column;
    gap: 48px;
    overflow-x: auto;
}

.popup-modal-header-grid {
    display: flex;
    width: 100%;
    justify-content: space-between;
    gap: 98px;
    align-items: center;
}

.back-button {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #1e1e1e;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
    letter-spacing: -0.4px;
    position: relative;
    width: 100px;
}

.back-button,
.close-button {
    cursor: pointer;
    transition: all ease-in-out 0.3s;
}

.back-button svg,
.close-button svg {
    width: 32px;
    height: 32px;
    aspect-ratio: 1/1;
}

.back-button:hover svg path,
.close-button:hover svg path {
    fill: var(--fresh-green);
}

.back-button:hover {
    color: var(--fresh-green);
}

.back-button svg {
    position: absolute;
    left: 0;
}

.back-button span {
    padding-left: 37px;
}

.back-button:hover svg {
    left: -12px;
}

.close-btn {
    width: 32px;
    height: 32px;
    position: relative;
    background: transparent;
    cursor: pointer;
}

.close-btn:before,
.close-btn:after {
    content: "";
    position: absolute;
    height: 3px;
    width: 28px;
    background-color: #1c1b1f;
    left: 50%;
    top: 50%;
    transition: ease-out 0.3s all;
}

.close-btn:before {
    transform: translate(-50%, -50%) rotate(-45deg);
}

.close-btn:after {
    transform: translate(-50%, -50%) rotate(45deg);
}

.close-btn:hover:before,
.close-btn:focus:before {
    transform: translate(-50%, -50%) rotate(135deg);
    background-color: var(--fresh-green);
}

.close-btn:hover:after,
.close-btn:focus:after {
    transform: translate(-50%, -50%) rotate(225deg);
    background-color: var(--fresh-green);
}

.case-studies-popup-row {
    display: flex;
    gap: 24px;
}

.case-studies-popup-row:last-child {
    padding-bottom: 56px;
}

.popup-modal-body img.card-img-top {
    max-width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 32px;
    background: rgba(255, 255, 255, 0);
    box-shadow: 0 0.602px 1.084px -0.583px rgba(0, 0, 0, 0.17),
        0 2.289px 4.119px -1.167px rgba(0, 0, 0, 0.19),
        0 10px 18px -1.75px rgba(0, 0, 0, 0.3);
}

.case-studies-popup-row img {
    height: auto;
    object-fit: cover;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0);
    box-shadow: 0 0.602px 1.084px -0.583px rgba(0, 0, 0, 0.17),
        0 2.289px 4.119px -1.167px rgba(0, 0, 0, 0.19),
        0 10px 18px -1.75px rgba(0, 0, 0, 0.3);
}

.popup-modal-body {
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 48px;
}

.popup-modal[data-lenis-prevent] {
    overscroll-behavior: contain;
}

.popup-show-wrapper .modal,
.popup-show-wrapper .popup-overla {
    animation: blowUpModal 0.4s forwards;
    transition-timing-function: ease-in-out;
    will-change: transform, opacity;
    transform-origin: center center;
}
.popup-hide-wrapper .modal,
.popup-hide-wrapper .popup-overlay {
    animation: blowDownModal 0.4s forwards;
    transition-timing-function: ease-in-out;
    will-change: transform, opacity;
    transform-origin: center center;
}

@keyframes blowUpModal {
    0% {
        opacity: 0;
        transform: rotateX(65deg);
        width: 0;
        height: 0;
    }

    100% {
        opacity: 1;
        transform: rotateX(0deg);
        width: 100%;
        height: 100%;
    }
}

@keyframes blowDownModal {
    0% {
        opacity: 1;
        transform: rotateX(0deg);
        width: 100%;
        height: 100%;
    }

    100% {
        opacity: 0;
        transform: rotateX(65deg);
        width: 0;
        height: 0;
    }
}

.case-studies-col-7 {
    display: flex;
    flex-direction: column;
    gap: 48px;
}

.case-studies-popup-row .heading-col {
    min-width: 226px;
}

.case-studies-popup-row .heading-col h3 {
    color: #1e1e1e;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 46.08px;
    letter-spacing: -0.384px;
}

.case-studies-col-7 p {
    color: var(--midnight-blue);
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 33.6px;
}

p.category-and-date {
    color: #595959;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 19.6px; /* 98% */
}

.popup-heading-row {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.blog-banner-wrapper h1.heading {
    color: var(--midnight-blue);
    text-align: left;
}

/* End Popup Style */

/*  Progress Circle Style */
.kpi-wrap {
    display: grid;
    grid-template-columns: repeat(4, minmax(180px, 1fr));
    gap: 34px;
    align-items: start;
}

.track {
    stroke-dasharray: 440 40;
    stroke-linecap: round;
}
.progress {
    stroke-linecap: round;
    stroke-dasharray: 0 999;
    stroke-dashoffset: 0;
    filter: drop-shadow(0 0 0 rgba(0, 0, 0, 0));
}

.track,
.progress {
    fill: none;
    stroke-linecap: round;
}

circle.track {
    stroke-width: 4px;
}

.kpi:nth-child(1) circle.track {
    stroke: #c8daf7;
}

.kpi:nth-child(2) circle.track {
    stroke: #c4f0d8;
}

.kpi:nth-child(3) circle.track {
    stroke: #ffcdcb;
}

.kpi:nth-child(4) circle.track {
    stroke: #020d2d33;
}

.kpi:nth-child(1) circle.progress {
    stroke: #2e60ff !important;
}

.kpi circle.progress {
    stroke-width: 7px;
}

.kpi:nth-child(2) circle.progress {
    stroke: #09f89d !important;
}

.kpi:nth-child(3) circle.progress {
    stroke: #ff5c68 !important;
}

.kpi:nth-child(4) circle.progress {
    stroke: var(--midnight-blue) !important;
}

.kpi .value {
    position: absolute;
    margin: auto;
    width: 100%;
    left: 0;
    right: 0;
    top: 27%;
    color: var(--midnight-blue);
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -1.92px;
}

.kpi {
    position: relative;
    width: 171px;
    height: 227px;
    color: var(--midnight-blue);
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -1.92px;
    display: grid;
    place-items: center;
    gap: 0.5rem;
    text-align: center;
}

.kpi p.label {
    color: #000;
    text-align: center;
    font-family: "IBM Plex Sans";
    font-size: var(--item-spacing-20, 20px);
    font-style: normal;
    font-weight: 600;
    line-height: var(--line-height-32, 32px); /* 160% */
    letter-spacing: -0.4px;
}

.kpi svg.ring {
    width: 171px;
    height: 171px;
    transform: rotate(-90deg);
}

/* End Progress Circle Style */

/*  Case Studies Listing Style */

.case-studies-listing-row {
    display: flex;
    gap: 56px;
}

.case-studies-listing-row h2 {
    min-width: 482px;
}

.case-studies-listing-row p {
    color: #595959;
    font-weight: 400;
    line-height: 140%;
}

.case-studies-col-4.col-sm-4 {
    padding: 0 10px;
}

.case-studies-listing-slider.row {
    margin: 0 -10px;
    padding-top: 48px;
    row-gap: 24px;
}

.case-studies-listing-card {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.case-studies-listing-card .img-col {
    border-radius: 12px;
    overflow: hidden;
    height: 339px;
    position: relative;
}

.case-studies-listing-card .img-col::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    inset: 0;
    background: #00000030;
    z-index: 1;
}

.case-studies-listing-card .img-col img {
    object-fit: cover;
    transform: scale(1);
    transition: all ease-in-out 0.3s;
    border-radius: 12px;
}

.case-studies-listing-card:hover {
}

.case-studies-listing-card:hover .img-col img {
    transform: scale(1.1);
}

.case-studies-listing-card p.category-and-date {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 8px;
}

.case-studies-listing-card h5 {
    line-height: 130%;
}

.case-studies-listing-card:hover h5 {
    color: var(--fresh-green);
    text-decoration: underline;
}

.case-studies-listing-card h5,
.case-studies-listing-card p {
    transition: all ease-in-out 0.3s;
}

.case-studies-listing-card .img-col h3.increase {
    position: absolute;
    bottom: 0;
    z-index: 1;
    color: #fff;
    font-size: 32px;
    padding: 20px;
    line-height: 26px;
    font-weight: 600;
}

.case-studies-listing-card .img-col h3.increase span {
    font-size: 16px;
    font-weight: 500;
}

/* End Case Studies Listing Style */

.single-case-studies .header-nav,
.error404 .header-nav,
.page-id-426 .header-nav{
    background: #030e2e;
    margin-bottom: 100px;
}

.blog-banner-wrapper {
    padding-bottom: 40px;
}

/*  Two Column - Image and Content Style */

.two-col-content h2 {
    color: #1e1e1e;
    margin-bottom: 12px;
}

.two-col-content p {
    color: var(--midnight-blue);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -0.32px;
    opacity: 0.6;
    margin-bottom: 20px;
}

.col-content h6 {
    color: #676d7d;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 21.143px;
    letter-spacing: -0.141px;
}

.col-content h6:nth-of-type(1) {
    font-weight: 700;
    color: #1e1e1e;
}

.two-col-img-content-sec .container {
    display: flex;
    flex-direction: column;
    gap: 56px;
}

.two-col-img-content-sec .two-col-img {
    padding-right: 26px;
}

.two-col-img-content-sec .row {
    align-items: center;
}

.two-col-img-content-sec .row.column-reverse .col-sm-6.two-img-col-sec {
    order: 2;
}

.row.column-reverse .col-sm-6.two-img-col-sec .two-col-img {
    padding-right: 0;
    padding-left: 26px;
}

.two-col-img-content-sec .two-col-img img {
    border-radius: 17px;
}

/* End Two Column - Image and Content Style */

/*  404 page Style */

.error404 .header-nav {
    margin-bottom: 0;
}

.content-area-404 {
    height: 80vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.not-found-content {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: center;
}

.not-found-content h1 {
    color: var(--royal-blue);
    font-size: 86px;
}

.not-found-content h2 {
    color: #1e1e1e;
}

.not-found-content p,
.not-found-content a {
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    letter-spacing: -0.394px;
}

.not-found-content a {
    color: var(--fresh-green);
    text-decoration: underline;
}

.not-found-content a:hover {
    opacity: 0.7;
    text-decoration: underline;
}

/* End 404 page Style */

/* Card Grid Style */
.card-grid-container {
    border-radius: 30px;
    background: #eff1f7;
    padding: 56px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
}

.card-grid-container .card-col {
    border-radius: 10.793px;
    background: var(--color-white-solid);
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    gap: 24px;
    height: 100%;
}

.card-grid-container .card-col h5 {
    color: var(--midnight-blue);
    font-weight: 700;
    line-height: 34px;
    letter-spacing: -0.48px;
    margin-bottom: 8px;
}

.card-grid-container .card-col p {
    opacity: 0.6;
    line-height: 150%;
}

.card-grid-container .card-col ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.card-grid-container .card-col ul li {
    border-radius: 53.765px;
    background: var(--fresh-green);
    padding: 8px 15.22px;
}

.card-grid-container .row {
    margin-right: -9px;
    margin-left: -9px;
}

.card-grid-container .row .col-sm-4 {
    padding: 0 9px;
}
/* End Card Grid Style */

/* Color Card Grid Style */

.color-card-grid-block {
    background: #EFF1F7;
    overflow-x: hidden;
}

.color-card-grid-block .ccg-slider {
    padding-top: 48px;
    display: flex;
    overflow-x: auto;
    width: 100vw;
    padding-right: 22%;
    gap: 20px;
    cursor: grab;
    user-select: none;
    scrollbar-width: none;
}

.color-card-grid-block .ccg-slider::-webkit-scrollbar {
    display: none;
}

.color-card-grid-block .ccg-slider:active {
    cursor: grabbing;
}

.color-card-grid-block p {
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    margin-top: 8px;
}

.color-card-grid-block .ccg-slider .ccg-slider-col {
    /*    padding: 0 10px;*/
    width: 285px;
    min-width: 285px;
}

.color-card-grid-block .card-col {
    height: 100%;
    border-radius: 16px;
    min-height: 356px;
    padding: 24px;
    gap: 8px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
    color: var(--color-white-solid);
}

.color-card-grid-block .card-col h2,
.color-card-grid-block .card-col h5,
.color-card-grid-block .card-col p {
    color: inherit;
}

.color-card-grid-block .card-col h2 {
    font-size: 56px;
    letter-spacing: -0.56px;
}

.color-card-grid-block .card-col h5 {
    font-size: 28px;
    font-weight:  700;
    line-height: 34.2px;
    letter-spacing: -1.12px;
}

.color-card-grid-block .card-col p {
    font-size: 16px;
    font-weight:  500;
    line-height: 140%;
}




/* End Color Card Grid Style */

/*  Award Winning Block Style */

.award-winning-container {
    border-radius: 21px;
    background: var(--midnight-blue);
    display: flex;
    padding: 40px;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}

.award-winning-block h2 {
    color: var(--cream);
    font-size: 40px;
    line-height: 120%;
    letter-spacing: -0.432px;
}

.award-winning-container .partner-list-with-review {
    width: 100%;
}

.award-winning-container .partner-list-with-review ul {
    padding: 50px 0;
}

.award-winning-container .review-col span p {
    color: var(--color-white-solid);
    font-size: 16px;
    line-height: 14.119px;
    letter-spacing: -0.109px;
    padding-top: 10px;
}

.award-winning-container .review-col {
    gap: 38px;
}

.award-winning-light-block .award-winning-container {
    background: #eff1f7;
    color: var(--midnight-blue);
}

.award-winning-light-block .main-heading {
    margin-bottom: 8px;
}

.award-winning-light-block .main-heading,
.award-winning-light-block h5,
.award-winning-light-block .review-col span p {
    color: inherit;
}

.award-winning-light-block .row {
    width: 100%;
}

.award-winning-light-block .review-col {
    justify-content: right;
}

/* End Award Winning Block Style */

/* Our Partners Block Style */

.our-partners-container {
    border-radius: 24px;
    background: #eff1f7;
    padding: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.our-partners-container .our-partners-content {
    display: flex;
    max-width: 580px;
    flex-direction: column;
}

.our-partners-container .our-partners-content h2 {
    font-size: 40px;
    line-height: 51.84px;
    letter-spacing: -0.432px;
    margin-bottom: 12px;
}

.our-partners-container .our-partners-content h5 {
    color: var(--midnight-blue);
    font-weight: 600;
    line-height: 130%;
    margin-bottom: 24px;
}

.our-partners-container .our-partners-content p {
    color: #595959;
    font-style: normal;
    font-weight: 400;
    line-height: 22.4px;
}

.our-partners-img {
    width: 341px;
    animation: floatY 6.5s ease-in-out infinite, tilt 9s ease-in-out infinite;
}

@keyframes floatY {
    0%,
    100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px);
    }
}
@keyframes tilt {
    0%,
    100% {
        rotate: -4deg;
    }
    50% {
        rotate: 2deg;
    }
}
/* End Our Partners Block Style */

/* (nice to have) respect reduced motion */
@media (prefers-reduced-motion: reduce) {
    .rotate-words .word,
    .acc-panel {
        transition: none;
    }

    .our-partners-img,
    .marquee-logos__container {
        animation: none;
    }

    .banner-image img {
        transition: none !important;
        transform: none !important;
    }
}

/* Claim your Free Audit Popup Style */
.claim-your-free-audit-popup .popup-modal {
    padding: 24px;
    height: auto;
}

.claim-your-free-audit-popup.modal {
    border-radius: 12px;
    max-width: 600px;
    max-height: fit-content;
}

.claim-your-free-audit-popup .popup-modal-body {
    gap: 32px;
    height: auto;
    width: 100%;
}

.claim-your-free-audit-popup .popup-close-btn {
    width: 36px;
    height: 36px;
    position: absolute;
    right: 9px;
    top: 33px;
}

.claim-your-free-audit-popup .foam-content {
    width: calc(100% - 50px);
}

.claim-your-free-audit-popup .foam-content h4 {
    font-weight: 700;
    margin-bottom: 8px;
}

.claim-your-free-audit-popup .foam-content p {
    color: #595959;
    font-size: 18px;
}

.claim-your-free-audit-popup .fields br {
    display: none;
}

.claim-your-free-audit-popup .fields span.field {
    display: block;
}

.claim-your-free-audit-popup .fields,
.claim-your-free-audit-popup .fields p {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.claim-your-free-audit-popup .fields label {
    display: block;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
    letter-spacing: -0.32px;
}

.claim-your-free-audit-popup .fields span.wpcf7-form-control-wrap {
    width: 100%;
    display: block;
}

.claim-your-free-audit-popup .fields input {
    margin: 0;
    display: flex;
    height: 44px;
    padding: 9px 19px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    border-radius: 6px;
    border: 1px solid #ddd;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: -0.48px;
    background: transparent;
    color: var(--midnight-blue);
    width: 100%;
}

.claim-your-free-audit-popup .green-button {
    border: none;
    outline: none;
    margin-top: 24px;
    min-width: 178px;
}

/* End Claim your Free Audit Popup Style */

/* Our Services Tab Style */

.our-services-tab-container {
    border-radius: 30px;
    background: var(--royal-blue);
    padding: 64px;
}

.our-services-cards h2 {
    margin-bottom: 32px;
}

.our-services-tab-container h2 {
    color: var(--cream);
    text-align: center;
}

ul.tabs {
    border-radius: 50px;
    border: 1.5px solid rgba(255, 255, 255, 0.12);
    background: var(--color-white-solid);
    padding: 8px;
    max-width: 773px;
    margin: 32px auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.tab-link {
    display: flex;
    align-items: center;
    color: #97959d;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    gap: 4px;
    padding: 10px 20px 10px 10px;
    justify-content: center;
    border-radius: 40px;
    background: transparent;
    cursor: pointer;
    position: relative;
}

.tab-icon-col {
    width: 34px;
    height: 34px;
    border-radius: 17px;
    background: transparent;
    display: flex;
    align-items: center;
    position: relative;
}

img.tab-icon,
img.tab-hover-icon {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    object-fit: contain;
    width: 27px;
    height: 27px;
    transition: all ease-in-out 0.4s;
}

img.tab-hover-icon {
    opacity: 0;
}

.tab-link.tab-active {
    color: var(--midnight-blue);
}

.tab-text {
    position: relative;
}

.tab-link::before {
    position: absolute;
    content: "";
    inset: 0;
    width: 0;
    height: 100%;
    background: var(--fresh-green);
    border-radius: 40px;
    transition: all ease-in-out 0.3s;
}

.tab-link.tab-active::before {
    width: 100%;
}

.tab-link.tab-active img.tab-icon {
    opacity: 0;
}

.tab-link.tab-active img.tab-hover-icon {
    opacity: 1;
}

.tab-icon-col::before {
    position: absolute;
    content: "";
    inset: 0;
    width: 100%;
    height: 100%;
    background: #f0f0f0;
    border-radius: 50%;
    transform: scale(0);
    transition: all ease-in-out 0.3s;
}

.tab-link.tab-active .tab-icon-col::before {
    transform: scale(1);
}

.tab-card {
    border-radius: 10.793px;
    background: var(--color-white-solid);
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    position: relative;
}

.card-grid {
    margin: 0 -10px;
    row-gap: 20px;
}

.card-grid .col-sm-4 {
    padding: 0 10px;
    opacity: 0;
}

.card-grid .col-sm-4:nth-of-type(4),
.card-grid .col-sm-4:nth-of-type(5),
.card-grid .col-sm-4:nth-of-type(9),
.card-grid .col-sm-4:nth-of-type(10),
.card-grid .col-sm-4:nth-of-type(14),
.card-grid .col-sm-4:nth-of-type(15) {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.tab-card h5 {
    font-weight: 700;
    line-height: 34px;
    letter-spacing: -0.48px;
    color: var(--midnight-blue);
    margin-bottom: 8px;
}

.tab-card p {
    color: var(--midnight-blue);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -0.28px;
    opacity: 0.6;
    margin-bottom: 12px;
}

.tab-card ul {
    display: flex;
    align-items: center;
    gap: 3px;
    flex-wrap: wrap;
    margin-bottom: 25px;
}

.tab-card ul li {
    border-radius: 53.765px;
    background: var(--fresh-green);
    padding: 3.072px 9.217px;
    color: var(--midnight-blue);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.28px;
}

.tab-card a.link-btn {
    display: flex;
    color: var(--midnight-blue);
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.246px;
    align-items: center;
    gap: 4px;
}

.arrow-icon {
    width: 24px;
    height: 24px;
    background: var(--royal-blue);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tab-content {
    display: none;
}

.tab-content.tab-active {
    display: block;
}

.tab-active .card-grid .col-sm-4 {
    animation: fadeIn 0.4s forwards;
    transition-timing-function: ease-in-out;
    will-change: top, opacity;
    animation-delay: 0.35s;
}

.card-grid .col-sm-4:nth-of-type(2) {
    animation-delay: 0.4s;
}

.card-grid .col-sm-4:nth-of-type(3) {
    animation-delay: 0.45s;
}

.card-grid .col-sm-4:nth-of-type(4) {
    animation-delay: 0.5s;
}

.card-grid .col-sm-4:nth-of-type(5) {
    animation-delay: 0.55s;
}

.card-grid .col-sm-4:nth-of-type(6) {
    animation-delay: 0.6s;
}

.card-grid .col-sm-4:nth-of-type(7) {
    animation-delay: 0.65s;
}

.card-grid .col-sm-4:nth-of-type(8) {
    animation-delay: 0.7s;
}

.card-grid .col-sm-4:nth-of-type(9) {
    animation-delay: 0.75s;
}

.card-grid .col-sm-4:nth-of-type(10) {
    animation-delay: 0.8s;
}

.card-grid .col-sm-4:nth-of-type(11) {
    animation-delay: 0.85s;
}

.card-grid .col-sm-4:nth-of-type(12) {
    animation-delay: 0.9s;
}

.card-grid .col-sm-4:nth-of-type(13) {
    animation-delay: 0.95s;
}

.card-grid .col-sm-4:nth-of-type(14) {
    animation-delay: 0.1s;
}

.card-grid .col-sm-4:nth-of-type(15) {
    animation-delay: 0.1s;
}

@keyframes fadeIn {
    0% {
        opacity: 0;
        top: 100px;
    }

    100% {
        opacity: 1;
        top: 0;
    }
}

.HoverArrow {
    position: relative;
    margin-left: 5px;
    stroke-width: 2px;
    fill: none;
    stroke: var(--color-white-solid);
}

.HoverArrow__linePath {
    opacity: 0;
    -webkit-transition: opacity 150ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: opacity 150ms cubic-bezier(0.215, 0.61, 0.355, 1);
}

.HoverArrow__tipPath {
    -webkit-transition: -webkit-transform 150ms
        cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: -webkit-transform 150ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: 150ms cubic-bezier(0.215, 0.61, 0.355, 1);
}

.link-btn:hover .HoverArrow__linePath {
    opacity: 1;
}

.link-btn:hover .HoverArrow__tipPath {
    -webkit-transform: translateX(3px);
    transform: translateX(3px);
}

/* End Our Services Tab Style */

/* Contact Details Style */

.contact-block {
    margin-top: 50px;
}

.contact-content-col.get-in-touch {
    background: #eff1f7;
    max-width: 100%;
}

.contact-content-col.get-in-touch .wf-form input[type="text"],
.contact-content-col.get-in-touch .wf-form input[type="tel"],
.contact-content-col.get-in-touch .wf-form input[type="email"],
.contact-content-col.get-in-touch .wf-form textarea,
.contact-content-col.get-in-touch .lookfor-pills .wpcf7-list-item-label {
    color: var(--midnight-blue);
    border-color: var(--midnight-blue);
}

.contact-content-col.get-in-touch p.legend {
    color: var(--midnight-blue);
}

.contact-content-col.get-in-touch input::placeholder,
.contact-content-col.get-in-touch textarea::placeholder {
    color: var(--midnight-blue);
}

.contact-content-col {
    max-width: 517px;
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.contact-content-col ul {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.contact-content-col ul li {
    display: flex;
    align-items: center;
    gap: 12px;
}

.contact-content-col ul li p {
    color: #6f6c8f;
    font-size: 16px;
}

.contact-content-col ul li a {
    color: var(--midnight-blue);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
    letter-spacing: -0.4px;
}

.contact-content-col ul li a:hover {
    color: var(--royal-blue);
}

.contact-content-col .icons img {
    max-width: 31px;
    height: auto;
}

/* End Contact Details Style */

.page-id-395 .description-block {
    padding-bottom: 0;
}

.description-block h2{
    color: var(--midnight-blue);
    text-align: center;
}

/* Get a free quote Form Style */
.banner-form {
    border-radius: 20px;
    border: 1px solid rgba(34, 87, 255, 0.2);
    background: rgba(23, 32, 58, 0.5);
    backdrop-filter: blur(12px);
    padding: 24px 12px;
}

.banner-form .wpcf7-form-control-wrap {
    width: 100%;
}

.banner-form .cf7-step.step-2 .fields {
    flex-wrap: wrap;
}

.banner-form .cf7-step.step-2 .fields span.field {
    width: calc(50% - 10px);
}

.banner-form button.btn.green-button.btn-next.cf7-step-next {
    padding: 0 16px;
    font-size: 16px;
    line-height: 120%;
}

.banner-form select[name^="audit-reason"]{
    font-size: 16px;
    line-height: normal;
    letter-spacing: -0.32px;
    padding: 13px 42px 13px 20px;
    width: 100%;
}


.banner-form .wpcf7 input[type="submit"] {
    max-width: 100%;
    font-size: 16px;
    line-height: 120%;
}

[data-cf7-steps] {
    position: relative;
    transition: height .35s cubic-bezier(.2,.7,.2,1);
    will-change: height;
}

/* Steps */
[data-cf7-steps] .quote-step {
    opacity: 1;
    transform: translateY(0);
    transition: opacity .32s cubic-bezier(.2,.7,.2,1),
        transform .32s cubic-bezier(.2,.7,.2,1);
    will-change: opacity, transform;
}

[data-cf7-steps] .quote-step.is-hidden {
    opacity: 0;
    transform: translateY(10px);
    pointer-events: none;
    position: absolute;
    inset: 0 auto auto 0;
}

[data-cf7-steps] .cf7-input {
    width: 100%;
    padding: 12px 14px;
    border: 1px solid rgba(2, 13, 45, .15);
    outline: none;
    background: var(--color-white-solid);
    color: #020d2d;
    border-radius: 100px;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.36px;
    font-family: "IBM Plex Sans";
}

[data-cf7-steps] .btn,
.wpcf7 input[type="submit"] {
    border: none;
    outline: none;
    font-size: 18px;
    padding: 0 40px;
    min-width: 172px;
    max-width: max-content;
}

/* Inline error */
[data-cf7-steps] .cf7-error {
    color: #FF5C68;
    font-size: 14px;
    min-height: 18px;
    margin-top: 6px;
    position: absolute;
}

[data-cf7-steps] .shake {
    animation: cf7-shake .28s ease;
}

.quote-form-row {
    display: flex;
    align-items: center;
    gap: 14px;
}

.quote-form-row span.wpcf7-form-control-wrap {
    width: 100%;
}

.banner-form p {
    margin: 0;
    max-width: 100%;
}

.quote-form-row .cf7-input {
    margin-bottom: 0;
}

.quote-form-row button.btn.blue-button.quote-cf7-step-next {
    padding: 0 16px;
    min-width: 190px;
}

.quote-step.quote-step-2{
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

.quote-step.quote-step-2 span.wpcf7-form-control-wrap,
.quote-step.quote-step-2 .cf7-actions {
    display: block;
    flex: 0 0 calc(50% - 8px);
}

.quote-step br {
    display: none;
}

.quote-step.quote-step-2 input.wpcf7-submit.blue-button {
    min-width: 100%;
    max-width: 100%;
}

.banner-form .wpcf7-response-output {
    color: var(--color-white-solid);
}

@keyframes cf7-shake {
    0%,100% {
        transform: translateX(0);
    }
    25% {
        transform: translateX(-4px);
    }
    75% {
        transform: translateX(4px);
    }
}

/* End Get a free quote Form Style */

/* External css  */
.two-col-content ul, .two-col-content ol{
    display: flex;
    flex-direction: column;
    gap: 8px;
    color: var(--midnight-blue);
    opacity: 0.6;
}

.two-col-img-content-sec .blue-button {
    margin-top: 42px;
}