/*!
Theme Name: AltaVia child
Theme URI: http://underscores.me/
Author: Invictus Studio
Author URI: http://invictusstudio.com/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: alpha
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

alpha is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/


body {
    overflow-x: hidden;
    line-height: 1.5;
    color: #000;
    position: relative;
}

ul {
    padding: 0;
    margin: 0;
}

.section {
    padding: 50px 0;
    position: relative;
    z-index: 2;
}

a {
    text-decoration: none !important;
    transition: 0.5s ease !important;
}

a,
input,
button {
    outline: 0 !important;
}

.post,
.page {
    margin: 0;
}

body,
p,
a {
    font-weight: 400;
    color: #000;
    font-family: 'DM Sans';
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: bold;
    font-family: 'Playfair 144pt';
}

.home .entry-title {
    display: none;
}

ul li,
li {
    list-style: none;
}

.skip-link.screen-reader-text {
    display: none;
}

::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: inherit;
    opacity: 1;
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: inherit;
    opacity: 1;
}

:-ms-input-placeholder {
    /* IE 10+ */
    color: inherit;
    opacity: 1;
}

:-moz-placeholder {
    /* Firefox 18- */
    color: inherit;
    opacity: 1;
}

#sidebar {
    display: none;
}

.entry-footer {
    clear: both;
}

#colophon {
    clear: both;
}

/* 404 - NOT FOUND PAGE */

.error-404.not-found {
    text-align: center;
    height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    left: auto;
    margin-left: auto;
    position: relative;
    /*background-image: url(/wp-content/uploads/2020/10/404.jpg);*/
    background-size: cover;
    padding: 50px 0;
}

.not_found_inner {
    max-width: 100%;
}

.error404 #masthead,
.error404 #colophon {
    display: none;
}

.logo a {
    outline: 0 !important;
}

.error-404.not-found .logo {
    padding: 0;
    background-color: transparent;
}

.error-404.not-found h1 {
    font-size: 200px;
    line-height: 1;
    color: #404040;
    margin: 30px 0;
    ;
    font-weight: 800;

}

.error-404.not-found h1 span {
    color: #e01e26;
}

.page-header h3 {
    color: #000;
    font-weight: 700;
    margin-bottom: 10px;
    font-size: 40px;
}

.page-header p {
    font-size: 22px !important;
    color: #000;
    margin-bottom: 20px;
}

.page-content .return_home {
    background-color: #e01e26;
    color: #fff;
    padding: 20px 50px;
    display: inline-block;
    font-size: 20px;
    box-shadow: 0 2px 10px 0px rgba(0, 0, 0, 0.5);
    text-decoration: none;
    transition: all 0.5s ease-in-out;
    border: 2px solid #e01e26;
}

.page-content .return_home:hover {
    transform: translateY(-3px);
    background-color: transparent;
    color: #000;
    transform: scale(1.1);
}


/* 404 - NOT FOUND PAGE ENDS */

/*SEARCH RESULTS - NO RESULTS CSS */


.search-results article.product,
.search-results article.page {
    display: none;
}

.search-results .page-title span::before,
.search-results .page-title span::after {
    content: '"';
}

.search-results .page-title {
    font-weight: bold;
    font-size: 28px;
    text-align: center;
    margin-bottom: 30px;
}

.search-results .page-header {
    width: 100%;
}

.search-results #primary {
    display: flex;
    flex-wrap: wrap;
}

.search-results #primary article {
    width: 30%;
    margin: 0 1.5%;
    box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.1);
    padding: 20px;
    padding-top: 0;
    margin-bottom: 35px;
    border-radius: 6px;
}

.search-results #primary article a.post-thumbnail {
    display: block;
    margin-left: -20px;
    margin-right: -20px;
}

.search-results #primary article a.post-thumbnail img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.search-results #primary article .entry-title a {
    display: block;
    color: #000;
    font-size: 24px;
    font-weight: 600;
    margin-top: 20px;
    margin-bottom: 20px;
}

.no-results.not-found {
    text-align: center;
    margin-bottom: 50px;
}

.no-results.not-found .search-form input.search-field {
    height: 45px;
    padding-left: 10px;
    border: 1px solid #eee;
    background-color: #eee;
    color: #333;
    font-size: 14px;
    width: 250px;
}

.no-results.not-found .search-form .search-submit {
    height: 45px;
    padding: 0 30px;
    border: 0;
    background-color: #0b204d;
    color: #fff;
    cursor: pointer;
}

.no-results.not-found .search-form .search-submit:hover {
    background-color: #252525;
}

.no-results.not-found .search-form label span {
    display: none;
    width: 0;
}

.search-results .nav-links {
    display: none;
}



/*SEARCH RESULTS - NO RESULTS CSS ENDS*/


/* Modal box CSS*/

.modal {
    background-color: rgba(0, 0, 0, 0.6);
}

.modal-content {
    background-color: transparent !important;
    border: 0px solid rgba(0, 0, 0, .2) !important;
}

.modal-footer {
    display: none !important;
}

.modal-header {
    border-bottom: 0px !important;
}

.close {
    color: #000 !important;
    opacity: 1 !important;
    border: 1px solid #fff !important;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    background-color: #fff !important;
    padding: 0 !important;
    float: left !important;
    margin: 0 !important;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.modal-dialog {
    max-width: 650px !important;
    margin: 50px auto !important;
}

.close span {
    display: block;
    color: #fff;
    position: absolute;
    left: 120%;
    top: 0;
}

.dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input {
    height: 50px !important;
}

.dgwt-wcas-no-submit .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input {
    padding: 15px 15px 15px 40px !important;
}

.dgwt-wcas-details-main-image img {
    max-height: 200px !important;
}

.dgwt-wcas-suggestion-selected {
    background-color: #0b204d;
}

.dgwt-wcas-suggestion-selected .dgwt-wcas-st {
    color: #fff;
}

.dgwt-wcas-suggestion-selected .dgwt-wcas-sp {
    color: #fff;
}

.dgwt-wcas-pd-addtc .add_to_cart_inline {
    margin-left: 20px;
}

.asl_nores {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

.results .asl_nores .asl_keyword {
    padding: 5px 0px !important;
    cursor: pointer;
    font-weight: bold;
    font-family: inherit;
    border-top: 1px solid #eee;
}

.asl_nores_header {
    margin-bottom: 10px !important;
}

/*  Modal CSS ENDS */


/*  Drop down menu CSS*/
#primary-menu {
    text-align: center;
}

#primary-menu li {
    display: inline-block;
    padding: 0 20px;
}

#primary-menu li a {
    padding: 10px 0;
    color: #000;
}

.menu-item-has-children {
    position: relative;
}

.menu-item-has-children::after {
    content: '\f107';
    font-family: 'Font Awesome 5 Free';
    font-weight: bold;
    position: absolute;
    right: -5px;
    top: 2px;
    display: block;
}

.menu-item-has-children .sub-menu {
    position: absolute;
    z-index: 99;
    background-color: #fff;
    box-shadow: 0 2px 10px 0px rgba(0, 0, 0, 0.15);
    top: calc(100% + 10px);
    left: 10px;
    width: 220px;
    border-radius: 5px;
    transform: translateY(20px);
    opacity: 0;
    transition: all 0.5s ease-in-out;
    visibility: hidden;
    overflow: hidden;
}

.menu-item-has-children:hover .sub-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

#primary-menu .sub-menu li {
    display: block;
    padding: 0;
}

#primary-menu .sub-menu li a:hover {
    color: #fff;
    border-color: transparent;
}

#primary-menu .sub-menu li a {
    display: block;
    text-align: left;
    padding: 17px 10px;
    border-bottom: 1px solid #eee;
    position: relative;
    z-index: 9;
    transition: all 0.5s ease-in-out;
}

#primary-menu .sub-menu li:last-child a {
    border-bottom: 0;
}

#primary-menu .sub-menu li a:hover::before {
    width: 100%;
    background-color: #0b204d;
    border-color: #0b204d;
}

#primary-menu .sub-menu li a::before {
    content: '';
    background-color: transparent;
    width: 3px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transition: all 0.5s ease-in-out;
    z-index: -1;
    border-bottom: 1px solid transparent;
}

.menu-toggle {
    display: none;
}

/*  Drop down menu CSS ENDS */

/*
Nav bar
*/
#mm #primary-menu ul.sub-menu li a {
    padding-left: 35px;
}

#mm #primary-menu .sub-menu li a::before {
    content: unset;
}

#mm ul.sub-menu {
    position: relative;
    visibility: visible;
    opacity: 1;
    transform: translate(0);
    display: none !important;
    height: auto !important;
}

#mm ul.sub-menu.active-sub-menu {
    display: block !important;
}

#mml {
    padding: 0 15px;
    color: #ffffff;
}

#mml h4 {
    display: inline-block;
    margin-bottom: 0;
    margin-top: 12px;
}

.mm {
    position: relative;
    background-color: #000;
    min-height: 49px;
}

#mmb {
    position: absolute;
    width: 40px;
    height: 50px;
    margin-right: 15px;
    top: 0;
    right: 0;
    cursor: pointer;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}

#mmb span {
    display: block;
    position: absolute;
    height: 1.5px;
    width: 100%;
    background: #ffffff;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

#mmb span:nth-child(1) {
    top: 16px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

#mmb span:nth-child(2) {
    top: 26px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

#mmb span:nth-child(3) {
    top: 36px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

#mmb.on span {
    height: 2px;
}

#mmb.on span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 11px;
    left: 8px;
}

#mmb.on span:nth-child(2) {
    width: 0%;
    opacity: 0;
}

#mmb.on span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 39px;
    left: 8px;
}

#mm ul {
    padding-left: 0;
    margin-bottom: 0;
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    z-index: 1000;
    display: none;
}

#mm li {
    display: block;
    position: relative;
    padding: 0;
}

#mm #primary-menu a {
    display: block;
    padding: 16px 0 15px 0;
    border-bottom: #dedede 1px solid;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 25px;
    background-color: #001a2d;
    word-wrap: break-word;
    text-align: left;
}

#mm #primary-menu li.current-menu-item a {

    color: #24A390;

}


#mm #primary-menu a:hover {
    color: #24A390;
}

#mm #primary-menu li:last-child a {
    border-bottom: none;
}



.mm,
#mm {
    display: none;
}

/* 
 * NAVBAR CSS ENDS
 */

/* WOOCOMMERCE CSS START */

.woocommerce td.product-name a {
    color: #000;
    font-weight: 600;
}

.woocommerce td.product-name a:hover {
    color: #0b204d;
}

input#coupon_code {
    width: 200px !important;
    padding-left: 10px;
    margin-right: 10px;
    height: 45px;
    background-color: #eee;
    border: 0;
    border-radius: 3px;
    font-size: 14px;
}

.coupon .button {
    height: 45px;
}

.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled] {
    color: #fff;
    height: 45px;
}

.actions button {
    height: 45px;
}

.woocommerce a.added_to_cart {
    padding: 10px 20px;
    border-radius: 3px;
}

.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce a.added_to_cart,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
    color: #fff;
    background-color: #0b204d;
    padding: 10px 20px;
    line-height: 1.5;
}

.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce a.added_to_cart:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
    color: #fff;
    background-color: #333;
}

.post-type-archive li .added_to_cart {
    background-color: #0b204d !important;
    color: #fff !important;
    font-size: 16px !important;
    letter-spacing: 1px !important;
}

.wc-proceed-to-checkout a,
#place_order {
    background-color: #0b204d !important;
    color: #fff !important;
    font-size: 16px !important;
    text-transform: uppercase;
    letter-spacing: 1px !important;
    margin-top: 8px !important;
    font-weight: 600 !important;
}

.wc-proceed-to-checkout a:hover,
#place_order:hover {
    background-color: #252525 !important;
    color: #fff !important;
}

.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
    float: unset;
    display: block;
    width: 100%;
    height: 45px;
}

a.shipping-calculator-button {
    color: #0b204d;
    text-transform: uppercase;
    font-weight: 600;
}

.woocommerce a.remove,
td.product-remove button {
    background: #0b204d !important;
    color: #fff !important;
    line-height: 22px;
}

#add_payment_method table.cart img,
.woocommerce-cart table.cart img,
.woocommerce-checkout table.cart img {
    width: 100px;
}

.woocommerce-cart-form {
    width: 62%;
    float: left;
}

.woocommerce .cart-collaterals {
    width: 35%;
    float: right;
}

.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
    float: unset;
    width: 100%;
    background: rgba(84, 84, 84, 0.05);
    padding: 40px 40px 30px;
}

.woocommerce table.shop_table {
    border: 0;
}

#add_payment_method table.cart .product-thumbnail,
.woocommerce-cart table.cart .product-thumbnail,
.woocommerce-checkout table.cart .product-thumbnail {
    text-align: center;
}

.woocommerce table.shop_table th {
    color: #000 !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    font-size: 13px !important;
}

.woocommerce table.shop_table .actions {
    padding-top: 40px !important;
}

.woocommerce-cart .cart-collaterals .cart_totals h2 {
    position: relative;
    margin-bottom: 30px;
    border-bottom: 1px solid #ebe9eb;
    padding-bottom: 20px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
}

.woocommerce-cart .cart-collaterals .cart_totals tr th,
.woocommerce-checkout .cart-collaterals .cart_totals tr td,
.woocommerce-checkout .cart-collaterals .cart_totals tr th {
    font-size: 16px;
    padding-left: 0;
    padding-right: 0;
}

.woocommerce .cart-collaterals table.shop_table td {
    padding-left: 0;
    padding-right: 0;
}

.cart_totals tr:not(:last-child) td {
    padding-bottom: 30px !important;
}

.qib-container button {
    cursor: pointer;
}

.woocommerce-shipping-destination {
    font-size: 14px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 14px;
    color: #000;
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
    padding: 10px;
    font-size: 14px;
}

input[type="checkbox"],
input[type="radio"],
.input-radio,
.input-checkbox {
    width: 17px;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    outline-width: medium;
    position: relative;
    border: none;
    cursor: pointer;
    outline-width: 0;
    border-radius: 50%;
    top: 3px;
}

input[type="radio"]::before {
    background: #0b204d;
}

.input-radio::before,
input[type="radio"]::before,
.input-radio::before,
input[type="checkbox"]::before {
    position: absolute;
    left: 0;
    top: 0;
    background: #ccc;
    width: 17px;
    height: 17px;
    display: block;
    border-radius: 50%;
    -webkit-transition: 240ms;
    -o-transition: 240ms;
    transition: 240ms;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}

.input-radio::before,
input[type="checkbox"]::before {
    border-radius: 0%;
}

input[type="checkbox"]::before,
input[type="checkbox"]::after,
input[type="radio"]::before,
input[type="radio"]::after,
.input-radio::before,
.input-radio::after,
.input-checkbox::before,
.input-checkbox::after {
    content: "";
}

input[type="radio"]::after,
.input-radio::after,
input[type="checkbox"]::after,
.input-checkbox::after,
.widget_product_categories ul li a::before,
.widget_layered_nav ul li a::before,
.post_tags a,
.wpb_widgetised_column .tagcloud a,
.select2-container--default .select2-selection--multiple .select2-selection__choice {

    border-color: rgba(84, 84, 84, 0.8);

}

.input-radio::after,
input[type="radio"]::after {

    border-radius: 50%;

}

input[type="checkbox"]::after,
input[type="radio"]::after,
.input-radio::after,
.input-checkbox::after {
    display: block;
    width: 17px;
    height: 17px;
    border: 2px solid #a5a5a5;
    -webkit-transition: 240ms;
    -o-transition: 240ms;
    transition: 240ms;
}

.input-radio:checked::before,
input[type="radio"]:checked::before,
.input-radio:checked::before,
input[type="checkbox"]:checked::before {
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
    background: #0b204d;
}

input[type="radio"]:checked::after,
.input-radio:checked::after,
input[type="checkbox"]:checked::after,
.input-checkbox:checked::after,
.return-to-shop .button.wc-backward {
    border-color: #0b204d;
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
    padding: 10px;
    border-radius: 3px;
    border: 1px solid #ddd;
    color: #000;
    font-weight: 400;
    height: 45px;
}

.woocommerce form .form-row {
    padding: 3px 0;
    margin: 0 0 06px;
    display: block;
}

#calc_shipping_city_field {
    margin-bottom: 2px;
}

.order-total .woocommerce-Price-amount {
    font-weight: 600 !important;
    font-size: 25px;
}

.woocommerce-checkout .checkout_coupon input#coupon_code {
    width: 100% !important;
    padding-left: 15px !important;
    display: inline-block;
    padding: 6px 10px;
}

.checkout.woocommerce-checkout {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.woocommerce .col2-set,
.woocommerce-page .col2-set {
    width: 60%;
}

#order_review {
    width: 38%;
    background: rgba(84, 84, 84, 0.05);
    padding: 20px 40px 40px;
    position: relative;
}

#order_review_heading {
    display: none;
}

.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1 {
    float: unset;
    width: 100%;
    max-width: 100%;
}

.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2 {
    float: unset;
    width: 100%;
    max-width: 100%;
}

.checkout_coupon.woocommerce-form-coupon .button {
    height: 45px;
}

.checkout_coupon.woocommerce-form-coupon .form-row-first {
    width: 50%;
}

.woocommerce-checkout form.checkout .woocommerce-checkout-review-order table.woocommerce-checkout-review-order-table .product-total {
    text-align: right;
}

.woocommerce-checkout form.checkout .woocommerce-checkout-review-order table.woocommerce-checkout-review-order-table thead td,
.woocommerce-checkout form.checkout .woocommerce-checkout-review-order table.woocommerce-checkout-review-order-table thead th,
.woocommerce-checkout form.checkout .woocommerce-checkout-review-order table.woocommerce-checkout-review-order-table tfoot td,
.woocommerce-checkout form.checkout .woocommerce-checkout-review-order table.woocommerce-checkout-review-order-table tfoot th {
    border: none;
    vertical-align: top;
}

.woocommerce .shop_table.woocommerce-checkout-review-order-table td {
    padding: 16px 0px;
}

.shop_table.woocommerce-checkout-review-order-table tfoot tr.cart-subtotal th,
.shop_table.woocommerce-checkout-review-order-table tfoot tr.cart-subtotal td {
    border-top: 1px solid rgba(0, 0, 0, .1) !important;
    padding-top: 40px;
}

#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
    background: transparent;
    border-radius: 0;
}

#add_payment_method #payment ul.payment_methods,
.woocommerce-cart #payment ul.payment_methods,
.woocommerce-checkout #payment ul.payment_methods {
    padding: 0;
    border-bottom: 0;
}

#add_payment_method #payment .payment_method_paypal .about_paypal,
.woocommerce-cart #payment .payment_method_paypal .about_paypal,
.woocommerce-checkout #payment .payment_method_paypal .about_paypal {
    float: right;
    line-height: 20px;
    margin-left: 10px;
    color: #000;
    font-weight: 300;
    font-size: 12px;
    border-bottom: 1px dashed;
}

#add_payment_method #payment ul.payment_methods li img,
.woocommerce-cart #payment ul.payment_methods li img,
.woocommerce-checkout #payment ul.payment_methods li img {
    width: 80px;
}

.woocommerce-billing-fields h3,
.woocommerce-additional-fields h3,
h3#order_review_heading,
#post-79 .entry-title,
.woocommerce-order-received .woocommerce-order-details__title,
.woocommerce-order-received .woocommerce-column__title,
.woocommerce-column__title,
.woocommerce-order-details__title,
.woocommerce-Address-title.title h3,
div#customer_login h2 {
    text-transform: uppercase;
    color: #252525;
    font-size: 24px !important;
    font-weight: 700;
    padding-bottom: 20px;
    margin-bottom: 0;
    position: relative;
}

span.select2-selection.select2-selection--single {
    height: 45px !important;
    padding: 9px 0;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 45px;
    right: 10px;
}

form.checkout.woocommerce-checkout label {
    font-size: 14px;
    margin-bottom: 0px;
    font-weight: 500;
    text-transform: uppercase;
}

#order_comments {
    height: 100px;
}

#add_payment_method #payment ul.payment_methods li,
.woocommerce #payment ul.payment_methods li {
    border-bottom: 1px solid rgba(84, 84, 84, 0.15);
    line-height: 16px;
    padding: 17px 0 14px;
}

#add_payment_method #payment ul.payment_methods li div.payment_box,
.woocommerce #payment ul.payment_methods li div.payment_box {
    background-color: transparent;
    line-height: 1.538em;
    padding: 0 35px;
    margin: 0;
    width: 100%;
    font-size: 1rem;
    margin-top: 20px !important;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.woocommerce #payment div.payment_box p {
    font-size: 13px;
    line-height: 1.4285em;
    margin: -2px 0 0;
    margin-bottom: 0px;
    text-shadow: none;
    font-weight: 400;
    color: #333;
}

#add_payment_method #payment div.payment_box::before,
.woocommerce-cart #payment div.payment_box::before,
.woocommerce-checkout #payment div.payment_box::before {
    content: unset;
}

.woocommerce-privacy-policy-text p {
    font-size: 14px;
    color: #333;
}

.shop_table.woocommerce-checkout-review-order-table thead th,
.shop_table.woocommerce-checkout-review-order-table tfoot th,
.shop_table.woocommerce-checkout-review-order-table tfoot td {
    padding: 10px 0;
}

.woocommerce ul#shipping_method li label {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 13px;
}

form.checkout.woocommerce-checkout ul.payment_methods li label {
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 14px;
    text-transform: capitalize;
    line-height: 1.3em;
    font-weight: 700;
    color: #000;
    margin-top: 12px;
}

.woocommerce-error {
    border-color: #0b204d !important;
}

.woocommerce-message::before,
.woocommerce-error::before {
    color: #c12a30 !important;
}

.woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout {
    width: 100%;
}

.woocommerce-message a,
a.woocommerce-Button.button,
p.return-to-shop a,
.added_to_cart {
    background-color: #0b204d !important;
    color: #fff !important;
    padding: 10px 22px !important;
    font-size: 16px !important;
    margin-top: 8px !important;
    font-weight: bold;
}

.woocommerce-message a:hover,
a.woocommerce-Button.button:hover,
p.return-to-shop a:hover,
.added_to_cart:hover {
    background-color: #252525 !important;
    color: #fff !important;
}

.woocommerce-message a {
    margin-top: 0 !important;
}

.woocommerce-message,
.woocommerce-notices-wrapper a,
.woocommerce-message::before {
    border-top-color: #0b204d !important;
}

.woocommerce-order-received .woocommerce-customer-details {
    display: none;
}

.woocommerce-order-received p.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
    color: #0b204d;
}

.woocommerce-order-received .woocommerce table.shop_table tfoot td,
.woocommerce-order-received .woocommerce table.shop_table tfoot th {
    border: 0;
    padding-top: 15px;
}

.woocommerce-order-received .woocommerce table.shop_table tbody td,
.woocommerce-order-received .woocommerce table.shop_table tbody th {
    border-bottom: 3px solid rgba(0, 0, 0, .9);
    margin-bottom: 40px;
    padding: 15px 0;
}

.woocommerce-order-received .woocommerce table.shop_table td,
.woocommerce-order-received .woocommerce table.shop_table th {
    padding: 15px 0;
}

.woocommerce-order-received .woocommerce-table.woocommerce-table--order-details.shop_table.order_details {
    border-collapse: collapse;
}

.woocommerce-order-received .woocommerce td.product-name a {
    color: #0b204d;
    font-weight: 600;
    font-size: 20px;
}

.woocommerce-order-received .woocommerce td.product-name a:hover {
    color: #252525;
}

.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme {
    vertical-align: middle;
    margin-bottom: 0;
    margin-top: 7px;
}

.woocommerce form .form-row.create-account .input-checkbox {
    display: inline-block;
    margin: -2px 8px 0 0;
    text-align: center;
    vertical-align: unset;
}

#ship-to-different-address label span {
    margin-left: 8px;
    font-weight: bold;
    color: #000;
}

.tinv-wishlist .product-action {
    width: 165px;
}

#tinvwl_product_actions {
    height: 45px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.tinvwl-table-manage-list tr td {
    border-top: 1px solid #ccc;
}

.tinvwl-to-left.look_in {
    display: flex;
    flex-wrap: wrap;
}

.select-wrapper {
    flex: 1;
    margin-right: 5px;
    position: relative;
}

.select-wrapper::after {
    content: '\f0d7';
    font-family: 'Font Awesome 5 Free';
    font-weight: bold;
    position: absolute;
    right: 10px;
    top: 50%;
    z-index: 1;
    pointer-events: none;
    transform: translateY(-50%);
    line-height: 0;
    color: #666;
}

.tinvwl-to-left.look_in .tinvwl-input-group {
    width: 100%;
    border-collapse: collapse;
}

.wishlist_item .product-thumbnail img {
    width: 100px;
    height: auto;
    max-width: unset;
}

.woocommerce-Message.woocommerce-Message--info.woocommerce-info .button {
    margin-top: 0 !important;
}

.woocommerce-account .woocommerce-columns--addresses.col2-set.addresses,
.u-columns.woocommerce-Addresses.col2-set.addresses {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.woocommerce-account .woocommerce-column--shipping-address.col-2,
.woocommerce-account .woocommerce-column--billing-address.col-1,
.u-column1.col-1.woocommerce-Address,
.u-column2.col-2.woocommerce-Address {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 48%;
    flex: 0 0 48%;
    max-width: 48%;
    box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.1);
    padding: 10px 20px;
}

.woocommerce-account .col2-set::after,
.woocommerce-account .col2-set::before {
    content: unset;
}

.woocommerce-account .woocommerce .woocommerce-customer-details address {
    border: 0;
    padding: 0 0 10px;
    line-height: 1.8;
}

.woocommerce-account .woocommerce-MyAccount-content .woocommerce-table tfoot th {
    text-align: right;
    border-top: 0 !important;
    border-right: 1px solid rgba(0, 0, 0, .1);
}

.woocommerce-account .woocommerce table.shop_table {
    border-collapse: collapse;
}

.woocommerce-account .woocommerce-MyAccount-content .woocommerce-table tbody tr {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.woocommerce-account .woocommerce table.shop_table td,
.woocommerce-account .woocommerce table.shop_table th {
    padding: 20px 10px;
}

.woocommerce-account .woocommerce .account-orders-table {
    text-align: center;
}

.woocommerce-account.woocommerce .col2-set,
.woocommerce-account.woocommerce-page .col2-set {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.woocommerce-account #customer_login .col-1,
#customer_login .col-2 {
    flex: 49%;
}

.woocommerce-account .woocommerce form.login,
.woocommerce-account .woocommerce form.register {
    height: 550px;
}

/*Dashboad*/
nav.woocommerce-MyAccount-navigation ul {
    padding: 0;
    list-style: none;
    margin: 0 !important;
}

nav.woocommerce-MyAccount-navigation ul li a {
    padding: 9px 10px;
    display: block;
    border: 1px solid #0b204d;
    margin-bottom: 9px;
    color: white;
    text-decoration: none;
    position: relative;
    transition: all 0.3s ease-in;
    background-color: #0b204d;
}

nav.woocommerce-MyAccount-navigation ul li.is-active a {
    background-color: #252525;
    color: white;
    border: 1px solid #252525;
}

nav.woocommerce-MyAccount-navigation ul li a:hover {
    color: white !important;
    border: 1px solid #252525;
    background-color: #252525;
}

.woocommerce-account .woocommerce-MyAccount-content a {
    color: #0b204d;
}

.woocommerce-account .woocommerce-MyAccount-content a:hover {
    color: #252525;
}

form.woocommerce-EditAccountForm fieldset {
    padding-left: 0;
    padding-right: 0;
}

/**DASHBOARD END**/
.woocommerce table.my_account_orders .button {
    background-color: #0b204d;
    color: #fff;
    padding: 8px 25px;
    font-size: 14px;
    border-radius: 25px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 8px;
    display: inline-block;
    font-weight: 300;
}

.woocommerce table.my_account_orders .button:hover {
    background-color: #252525;
    color: #fff;
}

.woocommerce-account .addresses .title h3 {
    position: relative;
}








.woocommerce-privacy-policy-text a {
    color: #252525;
}

.woocommerce-privacy-policy-text a:hover {
    color: #0b204d;
}

.woocommerce-info {
    border-top-color: #0b204d;
    margin-bottom: 10px !important;
}

.lost_password a {
    color: #252525 !important;
}

.lost_password a:hover {
    color: #0b204d !important;
}

.woocommerce-info::before {
    color: #0b204d;
}

.woocommerce-form-login-toggle a,
.woocommerce-form-coupon-toggle a,
p.woocommerce-LostPassword.lost_password a {
    color: #252525 !important;
}

.woocommerce-form-login-toggle a:hover,
.woocommerce-form-coupon-toggle a:hover,
.woocommerce-privacy-policy-text a:hover,
p.woocommerce-LostPassword.lost_password a:hover {
    color: #0b204d !important;
}

.woocommerce-privacy-policy-text {
    padding-bottom: 20px;
}

.woocommerce form .form-row .required {
    color: #0b204d;
}

a.showcoupon {
    font-size: 16px;
    font-weight: 500;
}







h3#order_review_heading {
    margin-top: 40px;
}

form.woocommerce-cart-form .product-thumbnail {
    height: auto;
    border: none;
}

.woocommerce-cart-form .woocommerce-Price-amount.amount {
    font-size: 16px;
}

.woocommerce-form-coupon-toggle {
    margin-bottom: 40px;
}


ul.woocommerce-error {
    margin-bottom: 50px !important;
}

.tinv-header {
    display: none;
}

.tinv-wishlist.woocommerce.tinv-wishlist-clear {
    margin-top: 30px;
}





.post-type-archive .products li {
    text-align: center;
}

.tax-product_cat .products li {
    text-align: center;
}

.tax-product_cat li .added_to_cart {
    background-color: #c12a30 !important;
    color: #fff !important;
    padding: 12px 22px !important;
    font-size: 14px !important;
    border-radius: 25px !important;
    text-transform: uppercase;
    letter-spacing: 1px !important;
    margin-top: 8px !important;
    /*    display: inline-block !important; */
    font-weight: 300 !important;
}

.tax-product_cat li .added_to_cart:hover {
    background-color: #252525 !important;
    color: #fff !important;
}

.quantity {
    position: relative;
    width: fit-content;
}

.woocommerce-cart .quantity .minus {
    background: transparent;
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 8px 5px 14px 7px !important;
    border-color: #252525;
    font-size: 24px;
    line-height: 0;
}

.woocommerce-cart .quantity .plus {
    background: transparent;
    position: absolute;
    right: 0;
    top: 0px;
    padding: 12px 4px 11px 4px !important;
    border-color: #252525;
    font-size: 24px;
    line-height: 0;
}


a.restore-item {
    margin-left: 10px;
    margin-top: -10px !important;
}

.page-id-317 .woocommerce-form-login {
    height: 492px;
}

.woocommerce-order-received .woocommerce-order-details__title {
    position: relative;
}

.woocommerce-order-received .woocommerce-column__title {
    position: relative;
}


.page-id-316 .wc-backward {
    margin-left: 20px !important;
    color: #252525 !important;
}

.page-id-316 .wc-backward:hover {
    color: #c12a30 !important;
}


.page-id-317 .woocommerce-MyAccount-content .woocommerce-Button {
    position: relative;
    top: 10px !important;
    text-align: center;
}

.page-id-317 .woocommerce-MyAccount-content a.woocommerce-Button {
    position: relative;
    top: -10px !important;
    text-align: center;
}

/* Woo Commerce End Here */


/* Header Style Started  */

.site-header {
    background: #001A2D;
    padding: 15px 0;
    position: fixed;
    width: 100%;
    box-shadow: 0px 10px 51px rgba(0, 0, 0, 0.3);
    z-index: 99;
    top: 0;
}

.site-header .row {
    align-items: center;
}

.nav_wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.site-header ul#primary-menu {
    margin: 0;
}

.site-header ul#primary-menu li a {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 25px;
    letter-spacing: 0.3em;
    text-transform: uppercase;
    color: #FFFFFF;
}

.site-header ul#primary-menu li a:hover {
    color: #24A390;
}

.site-header ul#primary-menu li.current-menu-item a {
    color: #24A390;
}



/* Language Switcher (Static UI) */
.lang_switcher {
    display: flex;
    justify-content: flex-end;
}

.lang-switcher__input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
    width: 0;
    height: 0;
}

.lang-switcher__track {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    width: 136px;
    height: 37px;
    padding: 8px;
    background: #24A390;
    border-radius: 200px;
    cursor: pointer;
    user-select: none;
    margin: 0;
}

.lang-switcher__thumb {
    position: absolute;
    top: 50%;
    left: 3px;
    width: 67px;
    height: 30px;
    background: #FFFFFF;
    border-radius: 24px;
    transform: translateY(-50%);
    transition: left 0.3s ease;
    pointer-events: none;
}

.lang-switcher__option {
    position: relative;
    z-index: 1;
    flex: 1;
    font-family: 'DM Sans', sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 12px;
    text-align: center;
    text-transform: uppercase;
    transition: color 0.3s ease;
    white-space: nowrap;
}

.lang-switcher__option--en {
    color: #252525;
}

.lang-switcher__option--es {
    color: #FFFFFF;
}

.lang-switcher__input:checked+.lang-switcher__track .lang-switcher__thumb {
    left: calc(100% - 70px);
}

.lang-switcher__input:checked+.lang-switcher__track .lang-switcher__option--en {
    color: #FFFFFF;
}

.lang-switcher__input:checked+.lang-switcher__track .lang-switcher__option--es {
    color: #252525;
}

.lang-switcher__input:focus-visible+.lang-switcher__track {
    outline: 2px solid #FFFFFF;
    outline-offset: 2px;
}




/* Footer Style  */

.site-footer {
    background-color: #031A2B;
    position: relative;
    z-index: 2;
}

.site-footer .footer {
    padding: 70px 0 50px 0;
}

.footer1 ul.social-icons {
    margin-top: 30px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}

.footer1 ul.social-icons li a {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px;
    gap: 10px;
    width: 44px;
    height: 44px;
    border: 1px solid #FFFFFF;
    border-radius: 200px;
}

.footer1 ul.social-icons li a:hover {
    background-color: #24A390;
    border-color: #24A390;
}


.site-footer .footer .footer3 {
    padding-left: 70px;
}

.footer2 h2,
.footer3 h2,
.footer4 h2 {
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 30px;
    font-family: 'DM Sans';
    color: #24A390;
    margin-bottom: 30px;
}



.footer2 p {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 26px;
    color: #FFFFFF;
    margin: 0;
}

.footer3 ul#menu-main-menu {
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.footer3 ul#menu-main-menu li a {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    color: #FFFFFF;
}

.footer3 ul#menu-main-menu li a:hover {
    color: #24A390;
}

.footer4 .info-boxes {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.footer4 .info-boxes .info-box p.lable {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 30px;
    color: #FFFFFF;
    margin-bottom: 5px;
}

.footer4 .info-boxes .info-box a span.name {
    font-weight: 500;
}

.footer4 .info-boxes .info-box a {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
    color: #FFFFFF;
}

.footer4 .info-boxes .info-box a:hover {
    color: #24A390;
}




.copyrights .row {
    align-items: center;
    border-top: 1px solid #1C4767;
    padding: 20px 0;
}

.copyrights .row>div {
    padding: 0;
}

p.copyright {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #FFFFFF;
    margin: 0;
}

p.copyright a {
    color: #24A390;
}

p.copyright a:hover {
    color: #24A390;
}

.copyrights ul#menu-privacy-menu {
    margin: 0;
    display: flex;
    justify-content: flex-end;
    gap: 40px;
}


.copyrights ul#menu-privacy-menu li.privacy {
    position: relative;
}

.copyrights ul#menu-privacy-menu li.privacy::before {
    content: '';
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: #83CDCC;
    top: 0;
    right: -20px;
}


.copyrights ul#menu-privacy-menu li a {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
    color: #FFFFFF;
}

.copyrights ul#menu-privacy-menu li a:hover {
    color: #24A390;
}





/* ============ HOME PAGE ============ */

/* Section base (dark background matches header) */

body {
    background-color: #001A2D !important;
}

body::before {
    content: '';
    width: 100%;
    height: 100vh;
    position: fixed;
    background-image: url(/wp-content/uploads/2026/05/bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 0;
    background-color: linear-gradient(180deg, #061F32 0%, rgba(6, 31, 50, 0) 57.43%) !important;
    mix-blend-mode: color-burn;
}

body::after {
    content: '';
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 0;
    background: linear-gradient(180deg, #061F32 0%, rgba(6, 31, 50, 0) 57.43%);
    transform: matrix(1, 0, 0, -1, 0, 0);
    bottom: 0;
    z-index: 1;
}


.case-studies-section {
    /* background-color: #001A2D; */
    padding: 100px 0;
    position: relative;
}


.trusted-section {
    /* background-color: #001A2D; */
    padding: 100px 0;
    position: relative;
	overflow: hidden;
}

/* Section header (heading + underline + subtext) */
.section-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    margin-bottom: 60px;
    text-align: center;
}

.section-heading {
    font-family: 'Playfair 144pt', 'Playfair', serif;
    font-weight: 800;
    font-size: 60px;
    line-height: 65px;
    letter-spacing: -1.8px;
    color: #FFFFFF;
    margin: 0;
}

.heading-underline {
    display: block;
    width: 96px;
    height: 4px;
    background-color: #24A390;
}

.section-subtext {
    font-family: 'DM Sans', sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 32px;
    color: #FFFFFF;
    margin: 20px 0 0 0;
}

/* Case studies grid */
.case-studies-grid {
    display: flex;
    gap: 20px;
    align-items: stretch;
}

.case-study-card {
    flex: 1 0 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 24px;
    border: 1px solid #1C4767;
    border-radius: 12px;
    background-color: transparent;
    color: #FFFFFF;
}

.case-study-card:hover {
    border-color: #24A390;
}

.case-study-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 170px;
    height: 40px;
    padding: 10px;
    border: 1px solid #E9E9E9;
    border-radius: 100px;
    font-family: 'DM Sans', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
    white-space: nowrap;
    backdrop-filter: blur(4px);
}

.case-study-body {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
}

.case-study-title {
    font-family: 'DM Sans', sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 36px;
    color: #FFFFFF;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.case-study-excerpt-wrap {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.case-study-excerpt {
    font-family: 'DM Sans', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: -0.32px;
    color: #FFFFFF;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.case-study-divider {
    display: block;
    height: 1px;
    width: 100%;
    background-color: #1C4767;
}

.case-study-read-more {
    font-family: 'DM Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.2;
    color: #FFFFFF;
    text-transform: uppercase;
    text-decoration: underline;
}

/* Primary CTA button (matches homepage button hover) */
.case-studies-cta-wrap {
    display: flex;
    justify-content: center;
    margin-top: 40px;
}

.btn-primary {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 10px 10px 10px 21px;
    background-color: #0E5B70 !important;
    border-radius: 100px;
    color: #FFFFFF;
    font-family: 'DM Sans', sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 1;
    text-transform: uppercase;
    overflow: hidden;
    transition: background-color 0.35s ease, color 0.35s ease;
}

.btn-primary:hover {
    background-color: #24A390 !important;
    color: #FFFFFF;
}

.btn-primary .btn-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: #24A390;
    flex-shrink: 0;
    transition: background-color 0.35s ease;
}

.btn-primary .btn-icon svg path {
    transition: stroke 0.35s ease;
}

.btn-primary:hover .btn-icon {
    background-color: #FFFFFF;
}

.btn-primary:hover .btn-icon svg path {
    stroke: #000000;
}

/* Trusted across sectors */
.trusted-section .container {
    margin-bottom: 50px;
}

.trusted-logos-slider {
    width: 95%;

}

.trusted-logos-slider .slick-list {
    overflow: visible !important;
}

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

.trusted-logos-slider,
.trusted-logos-slider .slick-track,
.trusted-logos-slider .slick-list {
    pointer-events: none !important;
}

.trusted-logo-card {
    height: 150px !important;
    margin: 0 10px;
    padding: 10px;
    background-color: #FFFFFF;
    border-radius: 24px;
    box-shadow: 0 4px 35px rgba(0, 0, 0, 0.1);
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.trusted-logo-card img {
    max-width: 100%;
    max-height: 100px;
    width: auto;
    height: auto;
    object-fit: contain;
}

/* ============ HOME PAGE END ============ */


/* ============ HOME PAGE: HERO + ADVISORY + EXECUTION ============ */

/* Hero Banner */
.hero-section {
    position: relative;
    height: 810px;
    display: flex;
    align-items: center;
    overflow: hidden;
    margin-top: 70px;
    z-index: 2;
}

.hero-section::before {
    content: '';
    position: absolute;
    width: 868px;
    height: 778px;
    left: -258px;
    top: -298px;
    background: #24A390;
    opacity: 0.15;
    filter: blur(150px);
}

/* .hero-section .container {
    z-index: 2;
} */

.hero-row {
    align-items: center;
    /* position: static; */
}

.hero-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 30px;
    max-width: 741px;
}

.hero-section .right-col {
    position: static;
}

.hero-right-image {
    position: absolute;
    width: 49%;
    height: 100%;
    top: 0;
    right: 0;
}

.hero-right-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: bottom left;

    margin-right: -100px;
}

.hero-heading-wrap {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    width: 100%;
}

.hero-heading {
    font-family: 'Playfair 144pt', 'Playfair', serif;
    font-weight: 800;
    font-size: 70px;
    line-height: 75px;
    letter-spacing: -2.1px;
    color: #FFFFFF;
    margin: 0;
}

.hero-subheading {
    font-family: 'DM Sans', sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 32px;
    color: #FFFFFF;
    width: 605px;
    max-width: 100%;
    margin: 0;
}

/* Advisory Expertise */
.advisory-section {
    /* background-color: #001A2D; */
    padding: 120px 0 100px;
    position: relative;
}

.advisory-section::before {
    content: '';
    position: absolute;
    left: 0;
    top: -60px;
    width: 250px;
    height: 272px;
    background-image: url(/wp-content/uploads/2026/05/Advisory-side-cover.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.advisory-header {
    margin-bottom: 30px;
}

.advisory-heading {
    max-width: 741px;
}

.advisory-content {
    max-width: 982px;
    margin: 0 auto 30px;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.advisory-content p {
    font-family: 'DM Sans', sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 32px;
    color: #FFFFFF;
    margin: 0;
    text-align: center;
}

.advisory-cta-wrap {
    display: flex;
    justify-content: center;
    margin-top: 30px;
}

.advisory-cta-wrap .btn-primary {
    width: 240px;
    height: 54px;
    justify-content: center;
}

.advisory-end-image {
    margin-top: 100px;
    width: 100%;
    line-height: 0;
}

.advisory-end-image img {
    width: 100%;
    height: auto;
    display: block;
}

/* Execution */
.execution-section {
    position: relative;
    /* background-color: #001A2D; */
    padding: 90px 0;
    overflow: hidden;
}

.execution-map-bg {
    position: absolute;
    inset: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 0;
    pointer-events: none;
}

.execution-section .container {
    position: relative;
    z-index: 1;
}

.execution-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
    padding: 0 10px;
    text-align: center;
    min-height: 375px;
}

.execution-heading {
    font-family: 'Playfair 144pt', 'Playfair', serif;
    font-weight: 800;
    font-size: 60px;
    line-height: 65px;
    letter-spacing: -1.8px;
    color: #FFFFFF;
    text-align: center;
    margin: 0;
    max-width: 1003px;
}

.execution-description {
    font-family: 'Playfair 144pt', 'Playfair', serif;
    font-weight: 800;
    font-size: 45px;
    line-height: 50px;
    letter-spacing: -1.35px;
    color: #FFFFFF;
    text-align: center;
    margin: 0;
    max-width: 1049px;
}

/* ============ HERO + ADVISORY + EXECUTION END ============ */


/* ============ FOUNDER + WORK IN CONTEXT + DIVERSE SECTORS + ENGAGEMENT ============ */

/* Meet Our Founder */
.founder-section {
    padding: 0;
    position: relative;
}

.founder-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 30px;
    max-width: 722px;
}

.founder-heading-wrap {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 10px 0;
}

.founder-eyebrow {
    font-family: 'DM Sans', sans-serif;
    font-weight: 400;
    font-size: 30px;
    line-height: 40px;
    color: #24A390;
    text-transform: capitalize;
    margin: 0;
}

.founder-name {
    font-family: 'Playfair 144pt', 'Playfair', serif;
    font-weight: 800;
    font-size: 60px;
    line-height: 65px;
    letter-spacing: -1.8px;
    color: #FFFFFF;
    margin: 0;
}

.founder-text {
    display: flex;
    flex-direction: column;
    gap: 15px;
    width: 100%;
}

.founder-text p {
    font-family: 'DM Sans', sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 32px;
    color: #FFFFFF;
    margin: 0;
}

.founder-section .right-col {
    position: static;
}

.founder-image-wrap {
    width: 40%;
    position: absolute;
    bottom: 0;
    right: 0;
    height: 100%;
}

.founder-image-wrap::before {
    content: '';
    position: absolute;
    top: -50px;
    left: -50px;
    background-image: url(/wp-content/uploads/2026/05/founder-cover.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 155px;
    height: 110px;
}


.founder-image-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0px;
    object-position: top;
}

/* Work in Context */
.wic-section {
    /* background-color: #001A2D; */
    padding: 100px 0;
    position: relative;
}

.wic-cards {
    display: flex;
    gap: 20px;
    align-items: stretch;
    justify-content: center;
}

.wic-card {
    flex: 1 0 0;
    min-width: 0;
    max-width: 232px;
    background-color: #061F32;
    border: 1.324px solid #1C4767;
    border-radius: 12px;
    padding: 20px 12px;
    display: flex;
    flex-direction: column;
    gap: 40px;
    align-items: flex-start;
    box-shadow: 0 4px 50px rgba(0, 0, 0, 0.1);
    transition: background-color 0.4s ease, border-color 0.4s ease, transform 0.4s ease, box-shadow 0.4s ease;
}

.wic-card:hover {
    background-color: #24A390;
    border-color: #24A390;
    transform: translateY(-10px);
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.25);
}

.wic-card-icon {
    width: 70px;
    height: 70px;
    background-color: #0E5B70;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    overflow: hidden;
    transition: background-color 0.4s ease;
}

.wic-card-icon img {
    width: 32px;
    height: 32px;
    object-fit: contain;
    transition: none;
}

.wic-card:hover .wic-card-icon {
    background-color: #FFFFFF;
}

.wic-card:hover .wic-card-icon img {
    filter: brightness(0) saturate(100%) invert(22%) sepia(60%) saturate(689%) hue-rotate(158deg) brightness(91%) contrast(96%);
}

.wic-card-body {
    display: flex;
    flex-direction: column;
    gap: 10.6px;
    width: 100%;
}

.wic-card-title {
    font-family: 'DM Sans', sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 1.4;
    letter-spacing: -0.36px;
    color: #FFFFFF;
    margin: 0;
}

.wic-card-description {
    font-family: 'DM Sans', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    color: #FFFFFF;
    margin: 0;
}

/* Diverse Sectors */
.sectors-section {
    /* background-color: #001A2D; */
    padding: 60px 0 100px;
    position: relative;
}

.sectors-layout {
    position: relative;
    width: 100%;
    max-width: 1219px;
    height: 320px;
    margin: 0 auto;
}

.sectors-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 400px;
    height: 320px;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    z-index: 0;
}

.sectors-center img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.sector-item {
    position: absolute;
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 245px;
    z-index: 2;
}

.sector-icon {
    display: inline-flex;
    width: 32px;
    height: 32px;
}

.sector-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.sector-name {
    font-family: 'DM Sans', sans-serif;
    font-weight: 500;
    font-size: 18px;
    color: #FAFAFA;
    text-transform: capitalize;
    white-space: nowrap;
}

.sector-dot {
    position: absolute;
    width: 18px;
    height: 18px;
    background-color: #FFFFFF;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sector-dot::before {
    content: '';
    width: 6px;
    height: 6px;
    background-color: #0E5B70;
    border-radius: 50%;
}

/* TOP-LEFT: Government */
.sector-top-left {
    top: 8px;
    left: 51px;
    align-items: flex-end;
}

.sector-top-left::before {
    content: '';
    position: absolute;
    bottom: -15px;
    right: -177px;
    width: 155px;
    height: 32px;
    background-image: url(/wp-content/uploads/2026/06/left-top-line.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.sector-top-left .sector-dot {
    right: -190px;
    top: 75px;
}

/* TOP-RIGHT: Corporate */
.sector-top-right {
    top: 41px;
    right: 10px;
    align-items: flex-start;
}

.sector-top-right:before {
    content: '';
    position: absolute;
    bottom: 10px;
    left: -177px;
    width: 155px;
    height: 32px;
    background-image: url(/wp-content/uploads/2026/06/right-topn-line.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.sector-top-right .sector-dot {
    left: -185px;
    top: 16px;
}

/* BOTTOM-LEFT: Nonprofit & Philanthropy */
.sector-bottom-left {
    bottom: 70px;
    left: 0;
    align-items: flex-end;
}

.sector-bottom-left::before {
    content: '';
    position: absolute;
    bottom: -15px;
    right: -177px;
    width: 155px;
    height: 32px;
    background-image: url(/wp-content/uploads/2026/06/left-top-line.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.sector-bottom-left .sector-dot {
    right: -187px;
    top: 79px;
}

/* BOTTOM-RIGHT: Civic & Community */
.sector-bottom-right {
    bottom: 25px;
    right: 40px;
    align-items: flex-start;
}

.sector-bottom-right:before {
    content: '';
    position: absolute;
    bottom: 10px;
    left: -177px;
    width: 155px;
    height: 32px;
    background-image: url(/wp-content/uploads/2026/06/right-topn-line.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.sector-bottom-right .sector-dot {
    left: -187px;
    top: 22px;
}

/* Engagement Models */
.engagement-section {
    /* background-color: #001A2D; */
    padding: 80px 0;
    position: relative;
}

.engagement-wrap {
    display: flex;
    gap: 40px;
    align-items: flex-start;
    max-width: 1235px;
    margin: 0 auto;
}

.engagement-tabs-col {
    position: relative;
    flex: 0 0 auto;
    width: 45%;
    padding-left: 24px;
}

.engagement-track {
    position: absolute;
    left: 0;
    top: 35px;
    bottom: 35px;
    width: 1px;
    background-color: rgba(255, 255, 255, 0.2);
    pointer-events: none;
    z-index: 1;
}

.engagement-thumb {
    position: absolute;
    left: -1px;
    top: 35px;
    width: 3px;
    height: 50px;
    background-color: #24A390;
    border-radius: 2px;
    z-index: 2;
    transition: top 0.4s cubic-bezier(0.4, 0, 0.2, 1), height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    pointer-events: none;
}

.engagement-tabs {
    list-style: none;
    margin: 0;
    padding: 35px 0;
    display: flex;
    flex-direction: column;
    gap: 70px;
    position: relative;
    z-index: 3;
}

.engagement-tab {
    font-family: 'DM Sans', sans-serif;
    font-weight: 400;
    font-size: 36px;
    line-height: 29px;
    letter-spacing: -0.72px;
    color: #FFFFFF;
    cursor: pointer;
    transition: color 0.3s ease;
    list-style: none;
}

.engagement-tab:hover {
    color: #24A390;
}

.engagement-tab.is-active {
    color: #24A390;
    font-weight: 700;
}

.engagement-panels {
    flex: 1 0 0;
    min-width: 0;
    position: relative;
}

.engagement-panel {
    display: none;
    flex-direction: column;
    gap: 20px;
}

.engagement-panel.is-active {
    display: flex;
}

.engagement-card {
    background-color: #061F32;
    border: 1.324px solid #1C4767;
    border-radius: 12px;
    padding: 24px;
    display: flex;
    gap: 16px;
    align-items: center;
    width: 100%;
    max-width: 682px;
    box-shadow: 0 4px 50px rgba(0, 0, 0, 0.1);
}

.engagement-card-icon {
    width: 70px;
    height: 70px;
    background-color: #0E5B70;
    border-radius: 100px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    overflow: hidden;
}

.engagement-card-icon img {
    width: 30px;
    height: 30px;
    object-fit: contain;
}

.engagement-card-body {
    flex: 1 0 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 10.6px;
    color: #FFFFFF;
}

.engagement-card-title {
    font-family: 'DM Sans', sans-serif;
    font-weight: 500;
    font-size: 24px;
    line-height: 1.4;
    letter-spacing: -0.48px;
    color: #FFFFFF;
    margin: 0;
}

.engagement-card-text {
    font-family: 'DM Sans', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.5;
    color: #FFFFFF;
    opacity: 0.7;
    margin: 0;
}

/* ============ FOUNDER + WIC + SECTORS + ENGAGEMENT END ============ */


/* ============ FINAL CTA ============ */

.final-cta-section {
    /* background-color: #001A2D; */
    padding: 80px 0 120px;
    position: relative;
}

.final-cta-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 30px;
    padding: 0 10px;
    max-width: 725px;
    margin: 0 auto;
    text-align: center;
}

.final-cta-decorative {
    width: 102px;
    height: 82px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.final-cta-decorative img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.final-cta-heading {
    font-family: 'Playfair 144pt', 'Playfair', serif;
    font-weight: 800;
    font-size: 75px;
    line-height: 80px;
    color: #FFFFFF;
    text-align: center;
    margin: 0;
}

.final-cta-button {
    width: 270px;
    height: 54px;
    justify-content: center;
}

html.overflow {
    overflow: hidden;
}



/* ============ FINAL CTA END ============ */



/* ============ ABOUT PAGE START ============ */

/* ----- About Banner Section ----- */
.about-banner-section {
    position: relative;
    min-height: 530px;
    display: flex;
    align-items: center;
    /* overflow: hidden; */
    margin-top: 70px;
    padding: 100px 0;
    z-index: 2;
}

.about-banner-section::before {
    content: '';
    position: absolute;
    width: 1028px;
    height: 1028px;
    left: -258px;
    top: -298px;
    background: #24A390;
    opacity: 0.15;
    filter: blur(150px);
    z-index: -1;
}

.about-banner-row {
    align-items: center;
}

.about-banner-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 30px;
    max-width: 600px;
}

.about-banner-section .right-col {
    position: static;
}

.about-banner-heading-wrap {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    width: 100%;
}

.about-banner-heading {
    font-family: 'Playfair 144pt', 'Playfair', serif;
    font-weight: 800;
    font-size: 65px;
    line-height: 75px;
    letter-spacing: -1.95px;
    color: #FFFFFF;
    margin: 0;
}

.about-banner-description {
    font-family: 'DM Sans', sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 32px;
    color: #FFFFFF;
    width: 520px;
    max-width: 100%;
    margin: 0;
}

.about-banner-right-image {
    position: absolute;
    top: 0;
    right: 0;
    width: 53%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.about-banner-right-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: right bottom;
}

/* ----- Where Strategy Meets Execution ----- */
.about-sme-section {
    padding: 100px 0;
    position: relative;
    overflow: hidden;
}

.about-sme-wrap {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 40px;
}

.about-sme-boxes {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 695px;
    max-width: 100%;
    max-height: 500px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 10px;
    position: relative;
    z-index: 2;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.about-sme-boxes::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
}

.about-sme-boxes::-webkit-scrollbar-track,
.about-sme-boxes::-webkit-scrollbar-thumb {
    background: transparent;
}

.about-sme-box {
    background-color: #061F32;
    border: 1px solid #0E5B70;
    border-radius: 20px;
    padding: 20px 30px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.about-sme-box-title {
    font-family: 'DM Sans', sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 1.5;
    color: #F2F2F2;
    margin: 0;
}

.about-sme-box-content {
    font-family: 'DM Sans', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.7;
    color: #FFFFFF;
}

.about-sme-box-content p {
    margin: 0 0 10px 0;
    color: #FFFFFF;
}

.about-sme-box-content p:last-child {
    margin-bottom: 0;
}

.about-sme-right-image {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    min-height: 500px;
}

.about-sme-right-image img {
    width: 100%;
    height: auto;
    max-width: 500px;
    object-fit: contain;
}

/* ----- Our Mission, Vision and Values ----- */
.about-mvv-section {
    /* background-color: #051C2D; */
    padding: 100px 0 150px;
    position: relative;
}

.about-mvv-wrap {
    display: flex;
    align-items: stretch;
    gap: 62px;
    justify-content: center;
}

.about-mvv-tabs-col {
    position: relative;
    flex: 0 0 auto;
    width: 427px;
    padding-left: 24px;
}

.about-mvv-track {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 2px;
    background-color: rgba(255, 255, 255, 0.2);
    pointer-events: none;
    z-index: 1;
}

.about-mvv-thumb {
    position: absolute;
    left: -1px;
    top: 0;
    width: 4px;
    height: 70px;
    background-color: #24A390;
    border-radius: 2px;
    z-index: 2;
    transition: top 0.4s cubic-bezier(0.4, 0, 0.2, 1), height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    pointer-events: none;
}

.about-mvv-tabs {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 30px;
    min-height: 425px;
    position: relative;
    z-index: 3;
}

.about-mvv-tab {
    display: flex;
    align-items: center;
    gap: 20px;
    cursor: pointer;
    transition: opacity 0.3s ease;
    opacity: 0.7;
    list-style: none;
}

.about-mvv-tab:hover,
.about-mvv-tab.is-active {
    opacity: 1;
}

.about-mvv-tab-icon {
    display: inline-block;
    width: 90px;
    height: 70px;
    flex-shrink: 0;
    background-color: #FFFFFF;
    -webkit-mask-image: var(--mvv-icon);
            mask-image: var(--mvv-icon);
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: center;
            mask-position: center;
    -webkit-mask-size: contain;
            mask-size: contain;
    transition: background-color 0.3s ease;
}

.about-mvv-tab.is-active .about-mvv-tab-icon {
    background-color: #24A390;
}

.about-mvv-tab-name {
    font-family: 'DM Sans', sans-serif;
    font-weight: 400;
    font-size: 36px;
    line-height: 28.942px;
    letter-spacing: -0.72px;
    color: #FFFFFF;
}

.about-mvv-tab.is-active .about-mvv-tab-name {
    font-weight: 700;
    color: #24A390;
}

.about-mvv-panels {
    position: relative;
    width: 596px;
    min-height: 425px;
}

.about-mvv-panel {
    display: none;
    background-color: #061F32;
    border: 1.324px solid #1C4767;
    border-radius: 24px;
    padding: 40px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    text-align: center;
    height: 100%;
    box-shadow: 0px 4px 50px rgba(0, 0, 0, 0.1);
}

.about-mvv-panel.is-active {
    display: flex;
}

.about-mvv-panel-icon {
    width: 90px;
    height: 70px;
    background-color: #24A390;
    -webkit-mask-image: var(--mvv-icon);
            mask-image: var(--mvv-icon);
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: center;
            mask-position: center;
    -webkit-mask-size: contain;
            mask-size: contain;
}

.about-mvv-panel-title {
    font-family: 'DM Sans', sans-serif;
    font-weight: 700;
    font-size: 36px;
    line-height: 28.942px;
    letter-spacing: -0.72px;
    color: #24A390;
    text-transform: uppercase;
    margin: 0;
}

.about-mvv-panel-description {
    font-family: 'DM Sans', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.5;
    color: #FFFFFF;
    opacity: 0.7;
    max-width: 432px;
    margin: 0;
}

/* ----- Experience & Education ----- */
.about-exped-section {
    padding: 150px 0 80px;
    position: relative;
}

.about-exped-cards {
    display: flex;
    gap: 20px;
    align-items: stretch;
}

.about-exped-card {
    flex: 1 1 0;
    min-width: 0;
    background-color: transparent;
    /* border: 1.324px solid rgba(255, 255, 255, 0.15); */
    border-radius: 12px;
    padding: 10px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    /* box-shadow: 0px 4px 100px rgba(0, 0, 0, 0.1); */
}

.about-exped-card-icon {
    width: 66px;
    height: 66px;
    border-radius: 100px;
    background-color: #24A390;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.about-exped-card-icon::after {
    content: '';
    width: 30px;
    height: 30px;
    background-color: #FFFFFF;
    -webkit-mask-image: var(--exped-icon);
            mask-image: var(--exped-icon);
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: center;
            mask-position: center;
    -webkit-mask-size: contain;
            mask-size: contain;
}

.about-exped-card-body {
    display: flex;
    flex-direction: column;
    gap: 10px;
    color: #FFFFFF;
}

.about-exped-card-title {
    font-family: 'Playfair 144pt', 'Playfair', serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    color: #FFFFFF;
    margin: 0;
}

.about-exped-card-content {
    font-family: 'DM Sans', sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 32px;
    color: #FFFFFF;
}

.about-exped-card-content ul {
    margin: 0;
    padding-left: 30px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.about-exped-card-content ul li {
    margin: 0;
    padding: 0;
    line-height: 32px;
    color: #FFFFFF;
    list-style: disc;
}

.about-exped-card-content p {
    margin: 0 0 8px 0;
    color: #FFFFFF;
}

.about-exped-card-content p:last-child {
    margin-bottom: 0;
}

/* ----- Our Capabilities ----- */
.about-cap-section {
    padding: 100px 0;
    position: relative;
}

.about-cap-cards {
    display: flex;
    gap: 20px;
    align-items: stretch;
    justify-content: center;
    flex-wrap: wrap;
}

.about-cap-card {
    flex: 1 1 0;
    max-width: 295px;
    min-height: 411px;
    background-color: #061F32;
    border: 1.324px solid #1C4767;
    border-radius: 12px;
    padding: 30px 20px;
    display: flex;
    flex-direction: column;
    gap: 40px;
    align-items: flex-start;
    box-shadow: 0 4px 50px rgba(0, 0, 0, 0.1);
    transition: background-color 0.4s ease, border-color 0.4s ease, transform 0.4s ease, box-shadow 0.4s ease;
}

.about-cap-card:hover {
    background-color: #24A390;
    border-color: #24A390;
    transform: translateY(-10px);
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.25);
}

.about-cap-card-icon {
    width: 70px;
    height: 70px;
    border-radius: 100px;
    background-color: #0E5B70;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    transition: background-color 0.4s ease;
}

.about-cap-card-icon::after {
    content: '';
    width: 32px;
    height: 32px;
    background-color: #FFFFFF;
    -webkit-mask-image: var(--cap-icon);
            mask-image: var(--cap-icon);
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: center;
            mask-position: center;
    -webkit-mask-size: contain;
            mask-size: contain;
    transition: background-color 0.4s ease;
}

.about-cap-card:hover .about-cap-card-icon {
    background-color: #FFFFFF;
}

.about-cap-card:hover .about-cap-card-icon::after {
    background-color: #0E5B70;
}

.about-cap-card-body {
    display: flex;
    flex-direction: column;
    gap: 10.595px;
    color: #FFFFFF;
    width: 100%;
}

.about-cap-card-title {
    font-family: 'DM Sans', sans-serif;
    font-weight: 500;
    font-size: 22px;
    line-height: 1.4;
    letter-spacing: -0.44px;
    color: #FFFFFF;
    margin: 0;
}

.about-cap-card-description {
    font-family: 'DM Sans', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    color: #FFFFFF;
    margin: 0;
}

/* ============ ABOUT PAGE END ============ */



/* ============ CONTACT PAGE START ============ */

/* ----- Contact Banner Section ----- */
.contact-banner-section {
    position: relative;
    min-height: 530px;
    display: flex;
    align-items: center;
    /* overflow: hidden; */
    margin-top: 70px;
    padding: 100px 0;
    z-index: 2;
}

.contact-banner-section::before {
    content: '';
    position: absolute;
    width: 900px;
    height: 900px;
    right: 0;
    top: 0;
    background: #24A390;
    opacity: 0.15;
    filter: blur(150px);
    z-index: -1;
    pointer-events: none;
}

.contact-banner-row {
    align-items: center;
}

.contact-banner-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 30px;
    max-width: 600px;
}

.contact-banner-section .right-col {
    position: static;
}

.contact-banner-heading-wrap {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    width: 100%;
}

.contact-banner-heading {
    font-family: 'Playfair 144pt', 'Playfair', serif;
    font-weight: 800;
    font-size: 65px;
    line-height: 75px;
    letter-spacing: -1.95px;
    color: #FFFFFF;
    margin: 0;
}

.contact-banner-description {
    font-family: 'DM Sans', sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 32px;
    color: #FFFFFF;
    width: 520px;
    max-width: 100%;
    margin: 0;
}

.contact-banner-right-image {
    position: absolute;
    top: 0;
    right: 0;
    width: 53%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.contact-banner-right-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: right bottom;
}

/* ----- Contact Form Section ----- */
.contact-form-section {
    padding: 80px 0 120px;
    position: relative;
    overflow: hidden;
}

.contact-form-section::before {
    content: '';
    position: absolute;
    width: 868px;
    height: 778px;
    left: -250px;
    bottom: -298px;
    background: #24A390;
    opacity: 0.15;
    filter: blur(150px);
    z-index: 0;
    pointer-events: none;
}

.contact-form-section .container {
    position: relative;
    z-index: 1;
}

.contact-form-wrap {
    max-width: 1240px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 30px;
    position: relative;
    z-index: 2;
}

.contact-form-header {
    margin-bottom: 20px;
    gap: 20px;
}

.contact-form-header .section-subtext {
    max-width: 1021px;
    margin-top: 10px;
}

.contact-form-decorative {
    position: absolute;
    top: -20px;
    right: 0;
    width: 200px;
    pointer-events: none;
    z-index: 1;
}

.contact-form-decorative img {
    width: 100%;
    height: auto;
    display: block;
}

/* Gravity Forms custom styling */
.contact-form-inner .gform_wrapper {
    margin: 0;
    max-width: 100%;
}

.contact-form-inner .gform_wrapper form {
    margin: 0;
}

.contact-form-inner .gform_wrapper .gform_body,
.contact-form-inner .gform_wrapper .gform_fields {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

.contact-form-inner .gform_wrapper .gfield--type-html {
font-family: 'DM Sans';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 32px;
color: #FFFFFF;
}


.contact-form-inner .gform_wrapper .gfield {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    list-style: none;
}


.contact-form-inner .gform_wrapper .gfield.gfield--width-half,
.contact-form-inner .gform_wrapper .gfield.gf_left_half,
.contact-form-inner .gform_wrapper .gfield.gf_right_half {
    width: calc(50% - 10px) !important;
}

.contact-form-inner .gform_wrapper .gform_fields {
    flex-direction: row;
    flex-wrap: wrap;
}

.contact-form-inner .gform_wrapper .gfield_label {
    display: none !important;
}

.contact-form-inner .gform_wrapper .ginput_container {
    margin: 0 !important;
}

.contact-form-inner .gform_wrapper input[type="text"],
.contact-form-inner .gform_wrapper input[type="email"],
.contact-form-inner .gform_wrapper input[type="tel"],
.contact-form-inner .gform_wrapper input[type="url"],
.contact-form-inner .gform_wrapper input[type="number"],
.contact-form-inner .gform_wrapper input[type="date"],
.contact-form-inner .gform_wrapper select,
.contact-form-inner .gform_wrapper textarea {
    width: 100% !important;
    height: 70px;
    background-color: rgba(6, 31, 50, 0.2);
    border: 1.324px solid #1C4767;
    border-radius: 12px;
    padding: 18px 24px;
    font-family: 'DM Sans', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 32px;
    color: #FFFFFF;
    box-shadow: 0px 4px 100px rgba(0, 0, 0, 0.1);
    outline: none;
    box-sizing: border-box;
    transition: border-color 0.3s ease, background-color 0.3s ease;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.contact-form-inner .gform_wrapper textarea {
    height: 150px;
    line-height: 32px;
    resize: vertical;
    padding: 18px 24px;
}

.contact-form-inner .gform_wrapper select {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 20px center;
    background-size: 20px 20px;
    padding-right: 50px;
    cursor: pointer;
}



.contact-form-inner .gform_wrapper select:hover {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");

}

.contact-form-inner .gform_wrapper select:focus {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");

}

.contact-form-inner .gform_wrapper select option {
    background-color: #061F32;
    color: #FFFFFF;
}

.contact-form-inner .gform_wrapper input::placeholder,
.contact-form-inner .gform_wrapper textarea::placeholder {
    color: rgba(255, 255, 255, 0.85);
    opacity: 1;
}

.contact-form-inner .gform_wrapper input:focus,
.contact-form-inner .gform_wrapper select:focus,
.contact-form-inner .gform_wrapper textarea:focus {
    border-color: #24A390;
    background-color: rgba(6, 31, 50, 0.35);
}

.contact-form-inner .gform_wrapper .gfield_description,
.contact-form-inner .gform_wrapper .instruction {
    font-family: 'DM Sans', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 32px;
    color: #FFFFFF;
    margin: 6px 0 0;
    padding: 0;
}

.contact-form-inner .gform_wrapper .validation_message,
.contact-form-inner .gform_wrapper .gfield_validation_message {
    background: transparent;
    border: none;
    padding: 6px 0 0;
    color: #FF783D;
    font-size: 14px;
    font-family: 'DM Sans', sans-serif;
}

.contact-form-inner .gform_wrapper .gform_footer {
    margin: 30px 0 0;
    padding: 0;
    display: flex;
    justify-content: center;
}

.contact-form-inner .gform_wrapper button.gform_button.btn-primary {
    display: inline-flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 20px !important;
    height: 54px !important;
    min-width: 180px !important;
    padding: 10px 10px 10px 21px !important;
    background-color: #0E5B70 !important;
    color: #FFFFFF !important;
    font-family: 'DM Sans', sans-serif;
    font-weight: 600;
    font-size: 14px !important;
    text-transform: uppercase !important;
    line-height: 1;
    border: none !important;
    border-radius: 100px !important;
    cursor: pointer;
    overflow: hidden;
    transition: background-color 0.35s ease, color 0.35s ease;
    text-decoration: none;
    box-shadow: none;
}

.contact-form-inner .gform_wrapper button.gform_button.btn-primary > span {
    display: inline-flex;
    align-items: center;
}

.contact-form-inner .gform_wrapper button.gform_button.btn-primary .btn-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: #24A390;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M3 11L11 3M11 3H4.5M11 3V9.5' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 14px 14px;
    flex-shrink: 0;
    transition: background-color 0.35s ease, background-image 0.35s ease;
}

.contact-form-inner .gform_wrapper button.gform_button.btn-primary .btn-icon svg {
    display: none;
}

.contact-form-inner .gform_wrapper button.gform_button.btn-primary:hover {
    background-color: #24A390 !important;
    color: #FFFFFF !important;
}

.contact-form-inner .gform_wrapper button.gform_button.btn-primary:hover .btn-icon {
    background-color: #FFFFFF;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M3 11L11 3M11 3H4.5M11 3V9.5' stroke='%23000000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.contact-form-inner .gform_confirmation_message {
    color: #FFFFFF;
    font-family: 'DM Sans', sans-serif;
    font-size: 18px;
    line-height: 1.6;
    text-align: center;
    padding: 30px;

}

.contact-form-inner .gform_wrapper .gform_validation_errors {
    background: transparent;
    border: 1.324px solid #FF783D;
    color: #FF783D;
    padding: 15px 20px;
    border-radius: 12px;
    margin-bottom: 20px;
    box-shadow: none;
}


.contact-form-inner .gform_wrapper .gfield_error input, 
.contact-form-inner .gform_wrapper .gfield_error select {
    border-color: red !important;
}

.contact-form-inner.gform_wrapper .gfield_validation_message {
    display: none !important;
}

.contact-form-inner .gform_wrapper .gform_validation_errors {
    display: none !important;
}

.contact-form-inner  .gform_wrapper .gform-loader {
    display: none !important;
}

.contact-form-inner  .gform_wrapper .validation_message {
    display: none !important;
}

/* ============ CONTACT PAGE END ============ */



/* ============ CASE STUDIES ARCHIVE START ============ */

/* ----- Banner ----- */
.case-archive-banner-section {
    position: relative;
    min-height: 530px;
    display: flex;
    align-items: center;
    /* overflow: hidden; */
    margin-top: 70px;
    padding: 100px 0;
    z-index: 2;
}

.case-archive-banner-section::before {
    content: '';
    position: absolute;
    width: 1028px;
    height: 1028px;
    left: -258px;
    top: -298px;
    background: #24A390;
    opacity: 0.15;
    filter: blur(150px);
    z-index: -1;
    pointer-events: none;
}

.case-archive-banner-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 30px;
    max-width: 600px;
}

.case-archive-banner-heading-wrap {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    width: 100%;
}

.case-archive-banner-heading {
    font-family: 'Playfair 144pt', 'Playfair', serif;
    font-weight: 800;
    font-size: 65px;
    line-height: 75px;
    letter-spacing: -1.95px;
    color: #FFFFFF;
    margin: 0;
}

.case-archive-banner-description {
    font-family: 'DM Sans', sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 32px;
    color: #FFFFFF;
    max-width: 547px;
    margin: 0;
}

.case-archive-banner-section .right-col {
    position: static;
}

.case-archive-banner-right-image {
    position: absolute;
    top: 0;
    right: 0;
    width: 53%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    pointer-events: none;
}

.case-archive-banner-right-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: right bottom;
}

/* ----- Listing ----- */
.case-archive-listing-section {
    padding: 80px 0 100px;
    position: relative;
}

.case-archive-listing-section .section-header {
    margin-bottom: 50px;
}

.case-archive-listing-section .section-heading {
    max-width: 980px;
}

.case-archive-listing-section .section-subtext {
    max-width: 868px;
}

.case-studies-archive-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 30px 20px;
    align-items: stretch;
    justify-content: flex-start;
}

.case-studies-archive-grid .case-study-card {
    flex: 0 0 calc(33.333% - 14px);
    max-width: calc(33.333% - 14px);
    transition: border-color 0.35s ease, transform 0.35s ease, box-shadow 0.35s ease;
}

.case-studies-archive-grid .case-study-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.25);
}

.case-archive-empty {
    font-family: 'DM Sans', sans-serif;
    font-size: 18px;
    color: #FFFFFF;
    text-align: center;
    padding: 40px 0;
    margin: 0;
}

/* ----- CTA ----- */
.case-archive-cta-section {
    padding-top: 80px;
    padding-bottom: 120px;
}

/* ============ CASE STUDIES ARCHIVE END ============ */



/* ============ SERVICES ARCHIVE START ============ */

/* ----- Banner ----- */
.services-archive-banner-section {
    position: relative;
    min-height: 530px;
    display: flex;
    align-items: center;
    /* overflow: hidden; */
    margin-top: 70px;
    padding: 100px 0;
    z-index: 2;
}

.services-archive-banner-section::before {
    content: '';
    position: absolute;
    width: 1028px;
    height: 1028px;
    left: -258px;
    top: -298px;
    background: #24A390;
    opacity: 0.15;
    filter: blur(150px);
    z-index: -1;
    pointer-events: none;
}

.services-archive-banner-row {
    align-items: center;
}

.services-archive-banner-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 30px;
    max-width: 600px;
}

.services-archive-banner-heading-wrap {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    width: 100%;
}

.services-archive-banner-heading {
    font-family: 'Playfair 144pt', 'Playfair', serif;
    font-weight: 800;
    font-size: 65px;
    line-height: 75px;
    letter-spacing: -1.95px;
    color: #FFFFFF;
    margin: 0;
}

.services-archive-banner-description {
    font-family: 'DM Sans', sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 32px;
    color: #FFFFFF;
    max-width: 534px;
    margin: 0;
}

.services-archive-banner-section .right-col {
    position: static;
}

.services-archive-banner-right-image {
    position: absolute;
    top: 0;
    right: 0;
    width: 53%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    pointer-events: none;
}

.services-archive-banner-right-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: right bottom;
}

/* ----- Listing ----- */
.services-archive-listing-section {
    padding: 80px 0 100px;
    position: relative;
}

.services-archive-listing-section .section-header {
    margin-bottom: 50px;
}

.services-archive-listing-section .section-heading {
    max-width: 980px;
}

.services-archive-listing-section .section-subtext {
    max-width: 868px;
}

.services-archive-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    align-items: stretch;
    justify-content: flex-start;
}

.services-card {
    flex: 0 0 calc(25% - 15px);
    max-width: calc(25% - 15px);
    min-height: 390px;
    background-color: #061F32;
    border: 1.324px solid #1C4767;
    border-radius: 12px;
    padding: 24px 24px 12px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-shadow: 0 4px 50px rgba(0, 0, 0, 0.1);
    color: #FFFFFF;
    text-decoration: none;
    transition: background-color 0.4s ease, border-color 0.4s ease, transform 0.4s ease, box-shadow 0.4s ease;
}

.services-card:hover {
    background-color: #24A390;
    border-color: #24A390;
    transform: translateY(-10px);
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.25);
    color: #FFFFFF;
}

.services-card-top {
    display: flex;
    flex-direction: column;
    gap: 28px;
}

.services-card-icon {
    display: inline-block;
    width: 70px;
    height: 70px;
    border-radius: 100px;
    background-color: #0E5B70;
    position: relative;
    flex-shrink: 0;
    transition: background-color 0.4s ease;
}

.services-card-icon::after {
    content: '';
    position: absolute;
    inset: 0;
    margin: auto;
    width: 32px;
    height: 32px;
    background-color: #FFFFFF;
    -webkit-mask-image: var(--service-icon);
            mask-image: var(--service-icon);
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: center;
            mask-position: center;
    -webkit-mask-size: contain;
            mask-size: contain;
    transition: background-color 0.4s ease;
}

.services-card:hover .services-card-icon {
    background-color: #FFFFFF;
}

.services-card:hover .services-card-icon::after {
    background-color: #0E5B70;
}

.services-card-text {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.services-card-title {
    font-family: 'DM Sans', sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 1.4;
    letter-spacing: -0.4px;
    color: #FFFFFF;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.services-card-description {
    font-family: 'DM Sans', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: -0.32px;
    color: #FFFFFF;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.services-card-link {
    display: inline-flex;
    align-items: center;
    padding: 12px 0;
    font-family: 'DM Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.2;
    color: #FFFFFF;
    text-transform: uppercase;
    text-decoration: underline;
}

.services-archive-empty {
    font-family: 'DM Sans', sans-serif;
    font-size: 18px;
    color: #FFFFFF;
    text-align: center;
    padding: 40px 0;
    margin: 0;
}

/* ----- CTA ----- */
.services-archive-cta-section {
    padding-top: 80px;
    padding-bottom: 120px;
}

/* ============ SERVICES ARCHIVE END ============ */



/* ============ SINGLE CASE STUDY START ============ */

/* ----- Banner ----- */
.case-single-banner-section {
    position: relative;
    min-height: 530px;
    display: flex;
    align-items: center;
    /* overflow: hidden; */
    margin-top: 70px;
    padding: 100px 0;
    z-index: 2;
}

.case-single-banner-section::before {
    content: '';
    position: absolute;
    width: 1028px;
    height: 1028px;
    left: -258px;
    top: -298px;
    background: #24A390;
    opacity: 0.15;
    filter: blur(150px);
    z-index: -1;
    pointer-events: none;
}

.case-single-banner-row {
    align-items: center;
}

.case-single-banner-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 30px;
    max-width: 600px;
}

.case-single-banner-heading-wrap {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    width: 100%;
}

.case-single-banner-heading {
    font-family: 'Playfair 144pt', 'Playfair', serif;
    font-weight: 800;
    font-size: 65px;
    line-height: 75px;
    letter-spacing: -1.95px;
    color: #FFFFFF;
    margin: 0;
}

.case-single-banner-description {
    font-family: 'DM Sans', sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 32px;
    color: #FFFFFF;
    max-width: 547px;
    margin: 0;
}

.case-single-banner-section .right-col {
    position: static;
}

.case-single-banner-right-image {
    position: absolute;
    top: 0;
    right: 0;
    width: 53%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    pointer-events: none;
}

.case-single-banner-right-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: right bottom;
}

/* ----- Content ----- */
.case-single-content-section {
    padding: 60px 0 100px;
    position: relative;
}

.case-single-content-section .container {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.case-single-back-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #FFFFFF;
    font-family: 'DM Sans', sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 1.1;
    text-decoration: none;
    background: transparent;
    border: none;
    padding: 0;
    align-self: flex-start;
    transition: color 0.3s ease, transform 0.3s ease;
}

.case-single-back-btn:hover {
    color: #24A390;
    transform: translateX(-4px);
}

.case-single-back-btn:hover .case-single-back-icon svg path {
    stroke: #24A390;
}

.case-single-back-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 14px;
    height: 11px;
}

.case-single-back-icon svg path {
    transition: stroke 0.3s ease;
}

.case-single-title {
    font-family: 'DM Sans', sans-serif;
    font-weight: 700;
    font-size: 45px;
    line-height: 60px;
    color: #FFFFFF;
    margin: 0;
}

.case-single-meta {
    display: flex;
    align-items: center;
    gap: 30px;
    flex-wrap: wrap;
}

.case-single-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 147px;
    height: 40px;
    padding: 10px;
    border: 1px solid #E9E9E9;
    border-radius: 100px;
    font-family: 'DM Sans', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
    white-space: nowrap;
    backdrop-filter: blur(4px);
}

.case-single-location {
    display: inline-flex;
    align-items: center;
    gap: 15px;
}

.case-single-location-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 43px;
    height: 43px;
    border-radius: 100px;
    background-color: #24A390;
    flex-shrink: 0;
}

.case-single-location-icon svg {
    width: 22px;
    height: 22px;
}

.case-single-location-icon svg path,
.case-single-location-icon svg circle {
    stroke: #FFFFFF;
}

.case-single-location-label {
    font-family: 'DM Sans', sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 1.1;
    color: #FFFFFF;
}

.case-single-boxes {
    display: flex;
    flex-direction: column;
    gap: 30px;
    width: 100%;
}

.case-single-box {
    background-color: #061F32;
    border: 1px solid #0E5B70;
    border-radius: 20px;
    padding: 30px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
}

.case-single-box-label {
    font-family: 'DM Sans', sans-serif;
    font-weight: 700;
    font-size: 36px;
    line-height: 1.5;
    color: #F2F2F2;
    margin: 0;
    width: 100%;
}

.case-single-box-description {
    font-family: 'DM Sans', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.7;
    color: #FFFFFF;
    width: 100%;
}

.case-single-box-description p {
    margin: 0 0 10px 0;
    color: #FFFFFF;
}

.case-single-box-description p:last-child {
    margin-bottom: 0;
}

/* ----- CTA ----- */
.case-single-cta-section {
    padding-top: 80px;
    padding-bottom: 120px;
}

/* ============ SINGLE CASE STUDY END ============ */



/* ============ SINGLE SERVICE START ============ */

/* ----- Banner ----- */
.svc-single-banner-section {
    position: relative;
    min-height: 530px;
    display: flex;
    align-items: center;
    /* overflow: hidden; */
    margin-top: 70px;
    padding: 100px 0;
    z-index: 2;
}

.svc-single-banner-section::before {
    content: '';
    position: absolute;
    width: 1028px;
    height: 1028px;
    left: -258px;
    top: -298px;
    background: #24A390;
    opacity: 0.15;
    filter: blur(150px);
    z-index: -1;
    pointer-events: none;
}

.svc-single-banner-row {
    align-items: center;
}

.svc-single-banner-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 10px;
    max-width: 85%;
}

.svc-single-banner-section .right-col {
    position: static;
}

.svc-single-banner-right-image {
    position: absolute;
    top: 0;
    right: 0;
    width: 53%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    pointer-events: none;
}

.svc-single-banner-right-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: right bottom;
}

.svc-single-banner-heading-wrap {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    width: 100%;
    margin-bottom: 10px;
}

.svc-single-banner-eyebrow {
    font-family: 'Playfair 144pt', 'Playfair', serif;
    font-weight: 800;
    font-size: 30px;
    line-height: 1.2;
    letter-spacing: -0.9px;
    color: #FFFFFF;
    margin: 0;
}

.svc-single-banner-heading {
    font-family: 'Playfair 144pt', 'Playfair', serif;
    font-weight: 800;
    font-size: 50px;
    line-height: 60px;
    letter-spacing: -1.5px;
    color: #FFFFFF;
    max-width: 600px;
    margin: 20px 0 10px;
}

.svc-single-banner-description {
    font-family: 'DM Sans', sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 32px;
    color: #FFFFFF;
    max-width: 85%;
    margin: 0;
}

/* ----- Section: When Direction Requires Strategic Positioning ----- */
.svc-intro-section {
    padding: 80px 0 60px;
    position: relative;
    overflow: hidden;
}

.svc-intro-bottom-image {
    margin-top: 60px;
    width: 100%;
    display: flex;
    justify-content: center;
    pointer-events: none;
}

.svc-intro-bottom-image img {
    width: 100%;
    max-width: 100%;
    height: auto;
    display: block;
    object-fit: contain;
}

.svc-intro-wrap {
    max-width: 70%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
    text-align: center;
}

.svc-intro-header {
    margin-bottom: 0;
}

.svc-intro-description {
    font-family: 'DM Sans', sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 32px;
    color: #FFFFFF;
    text-align: center;
    width: 100%;
}

.svc-intro-description p {
    margin: 0 0 16px 0;
    color: #FFFFFF;
}

.svc-intro-description p:last-child {
    margin-bottom: 0;
}

/* ----- Section: Our Advisory Approach ----- */
.svc-approach-section {
    padding: 80px 0 100px;
    position: relative;
}

.svc-approach-cards {
    display: flex;
    gap: 40px;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
}

.svc-approach-card {
    flex: 0 0 calc(33.333% - 27px);
    max-width: 347px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    text-align: center;
}

.svc-approach-card-circle {
    width: 177px;
    height: 177px;
    border-radius: 50%;
    background-color: #0E5B70;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    flex-shrink: 0;
}

.svc-approach-card:nth-child(1) .svc-approach-card-circle::before {
    content: '';
    position: absolute;
    top: 50%;
    left: calc(100% + 20px);
    width: 150px;
    height: 90px;
    transform: translateY(-50%);
    background-image: url("/wp-content/uploads/2026/05/arrow-1.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    pointer-events: none;
}

.svc-approach-card:nth-child(2) .svc-approach-card-circle::before {
    content: '';
    position: absolute;
    top: 50%;
    left: calc(100% + 20px);
    width: 150px;
    height: 90px;
    transform: translateY(-50%);
    background-image: url("/wp-content/uploads/2026/05/arrow-2.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    pointer-events: none;
}

.svc-approach-card-icon {
    display: block;
    width: 80px;
    height: 80px;
    background-color: #FFFFFF;
    -webkit-mask-image: var(--svc-icon);
            mask-image: var(--svc-icon);
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: center;
            mask-position: center;
    -webkit-mask-size: contain;
            mask-size: contain;
}

.svc-approach-card-number {
    position: absolute;
    top: -4px;
    right: -4px;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background-color: #24A390;
    color: #FFFFFF;
    font-family: 'DM Sans', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 1;
    letter-spacing: -0.72px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.svc-approach-card-title {
    font-family: 'DM Sans', sans-serif;
    font-weight: 500;
    font-size: 22px;
    line-height: 1.4;
    letter-spacing: -0.44px;
    color: #FFFFFF;
    margin: 0;
}

.svc-approach-card-description {
    font-family: 'DM Sans', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: -0.32px;
    color: #FFFFFF;
    margin: 0;
}

/* ----- Section: Results (teal band) ----- */
.svc-results-section {
    background-color: #0E5B70;
    padding: 80px 0;
    position: relative;
    width: 100%;
}

.svc-results-section::before {
    content: '';
    position: absolute;
    background-image: url(/wp-content/uploads/2026/05/result-section-cover.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 250px;
    height: 272px;
    top: -110px;
    left: 0;
}

.svc-results-section::after {
    content: '';
    position: absolute;
    background-image: url(/wp-content/uploads/2026/05/result-section-cover2.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 250px;
    height: 272px;
    bottom: -110px;
    right: 0;
}

.svc-results-wrap {
    max-width: 70%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    text-align: center;
}

.svc-results-header {
    margin-bottom: 0;
}

.svc-results-subheading {
    font-family: 'Playfair 144pt', 'Playfair', serif;
    font-weight: 800;
    font-size: 30px;
    line-height: 1.2;
    letter-spacing: -0.9px;
    color: #FFFFFF;
    margin: 0;
}

.svc-results-description {
    font-family: 'DM Sans', sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 36px;
    color: #FFFFFF;
    width: 100%;
    text-align: center;
}

.svc-results-description p {
    margin: 0 0 16px 0;
    color: #FFFFFF;
}

.svc-results-description p:last-child {
    margin-bottom: 0;
}

/* ----- Section: Best Suited For ----- */
.svc-suited-section {
    padding: 100px 0 80px;
    position: relative;
    overflow: hidden;
}

/* .svc-suited-section .container {
    position: relative;
} */

.svc-suited-row {
    align-items: center;
}

.svc-suited-header {
    margin-bottom: 50px;
    text-align: center;
}

.svc-suited-items {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
    max-width: 90%;
}

.svc-suited-right-image {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 50%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    pointer-events: none;
}

.svc-suited-right-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: right center;
    display: block;
}

.svc-suited-item {
    display: flex;
    align-items: center;
    gap: 24px;
    border: 1px solid #1C4767;
    border-radius: 12px;
    padding: 24px;
    background-color: transparent;
}

/* .svc-suited-item-icon {
    display: block;
    width: 70px;
    height: 70px;
    background-color: #24A390;
    -webkit-mask-image: var(--svc-suited-icon);
            mask-image: var(--svc-suited-icon);
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: center;
            mask-position: center;
    -webkit-mask-size: contain;
            mask-size: contain;
    flex-shrink: 0;
} */

/* ----- Suited Section: icon circle background ----- */
.svc-suited-section .svc-suited-item-icon {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: #0E5B70;
    -webkit-mask-image: none;
            mask-image: none;
}

.svc-suited-section .svc-suited-item-icon::before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    background-color: #FFFFFF;
    -webkit-mask-image: var(--svc-suited-icon);
            mask-image: var(--svc-suited-icon);
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: center;
            mask-position: center;
    -webkit-mask-size: contain;
            mask-size: contain;
}


.svc-suited-item-text {
    flex: 1 0 0;
    font-family: 'DM Sans', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    letter-spacing: -0.36px;
    color: #FFFFFF;
    margin: 0;
}

/* ----- CTA ----- */
.svc-single-cta-section {
    padding-top: 80px;
    padding-bottom: 120px;
}

/* ============ SINGLE SERVICE END ============ */


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


@media (min-width: 1250px) {
    .container {
        max-width: 1240px !important;
    }
}



@media (max-width: 1199px) {

    .mm,
    #mm {
        display: block;
        z-index: 999;
    }

    #primary-menu {
        display: none;
    }

    .site-header {
        display: none;
    }


    .mm {
        background: #001A2D;
        box-shadow: 0px 10px 51px rgba(0, 0, 0, 0.3);
        position: fixed;
        width: 100%;
        top: 0;
        padding: 15px 0;
    }


    #mmb {
        position: relative;
        top: unset;
        right: unset;
    }

    .hanbuger_wrapper {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        width: 50%;
        gap: 30px;
    }

    .mm .site-branding {
        width: 50%;
    }

    #mml {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    /* Open state */
    .mm.open div#mm {
        height: 100vh;
        padding-top: 40px;
        padding-left: 40px;
        padding-right: 40px;
    }

    .mm.open #mm ul {
        position: relative;
        top: 0;
    }



}




/* Responsive Started  */

@media (max-width: 1650px) {
    .hero-section {
        height: 750px;
    }

    .about-banner-section {
    min-height: 450px;
}

    .contact-banner-section {
    min-height: 450px;
}

    .case-archive-banner-section {
    min-height: 450px;
}

    .case-single-banner-section {
    min-height: 450px;
}

    .services-archive-banner-section {
    min-height: 450px;
}

    .svc-single-banner-section {
    min-height: 450px;
}

}

@media (max-width: 1550px) {
    .hero-section {
        height: 700px;
    }

    .about-banner-section {
    min-height: 430px;
}

    .contact-banner-section {
    min-height: 430px;
}

    .case-archive-banner-section {
    min-height: 430px;
}

    .case-single-banner-section {
    min-height: 430px;
}

    .services-archive-banner-section {
    min-height: 430px;
}

    .svc-single-banner-section {
    min-height: 430px;
}

}

@media (max-width: 1440px) {
    .hero-right-image {
        width: 50%;
    }

    .about-banner-right-image {
    height: 90%;
    width: 52%;
}

    .contact-banner-right-image {
    height: 90%;
    width: 52%;
}

    .case-archive-banner-right-image {
    height: 90%;
    width: 52%;
}

    .case-single-banner-right-image {
    height: 90%;
    width: 52%;
}

    .services-archive-banner-right-image {
    height: 90%;
    width: 52%;
}

    .svc-single-banner-right-image {
    height: 90%;
    width: 52%;
}

}


@media (max-width: 1366px) {
    .hero-right-image {
        width: 53%;
    }

        .about-banner-right-image {
    height: 85%;
    width: 52%;
}

    .contact-banner-right-image {
    height: 85%;
    width: 52%;
}

    .case-archive-banner-right-image {
    height: 85%;
    width: 52%;
}

    .case-single-banner-right-image {
    height: 85%;
    width: 52%;
}

    .services-archive-banner-right-image {
    height: 85%;
    width: 52%;
}

    .svc-single-banner-right-image {
    height: 85%;
    width: 57%;
}

}

@media (max-width: 1300px) { 
        .svc-single-banner-right-image {
        height: 75%;
        width: 54%;
    }
}





@media (max-width: 1199px) {

    /* Hero */
    .hero-section {
        height: 100vh;
    }

    .hero-section::before {
        width: 648px;
        height: 578px;
    }

    .hero-heading {
        font-size: 56px;
        line-height: 64px;
        letter-spacing: -1.6px;
    }

    .hero-subheading {
        font-size: 16px;
        line-height: 26px;
        width: 100%;
    }

    .hero-right-image img {
        max-width: 100%;
        margin-right: 0;
    }

    /* Advisory */
    .advisory-section {
        padding: 80px 0;
    }

    .section-heading,
    .advisory-heading,
    .execution-heading {
        font-size: 48px;
        line-height: 56px;
        letter-spacing: -1.4px;
    }

    .advisory-content {
        max-width: 100%;
    }

    .advisory-content p {
        font-size: 16px;
        line-height: 26px;
    }

    /* Execution */
    .execution-section {
        padding: 0px 0 70px;
    }

    .execution-description {
        font-size: 32px;
        line-height: 40px;
        letter-spacing: -0.9px;
    }

    /* Founder */
    .founder-section {
        padding: 0px 0;
    }

    .founder-name {
        font-size: 48px;
        line-height: 56px;
    }

    .founder-eyebrow {
        font-size: 24px;
        line-height: 36px;
    }

    .founder-text p {
        font-size: 16px;
        line-height: 26px;
    }

    .founder-image-wrap img {
        max-width: 100%;
    }

    /* WIC */
    .wic-cards {
        flex-wrap: wrap;
    }

    .wic-card {
        flex: 0 0 calc((100% - 60px) / 3);
        max-width: calc((100% - 60px) / 3);
    }

    /* Sectors */
    .sectors-layout {
        max-width: 100%;
    }

    .sectors-center {
        width: 320px;
    }

    /* Engagement */
    .engagement-wrap {
        gap: 30px;
    }

    .engagement-tabs-col {
        width: 40%;
    }

    .engagement-tab {
        font-size: 26px;
        line-height: 32px;
    }

    .engagement-tabs {
        gap: 50px;
    }

    .engagement-card-title {
        font-size: 20px;
    }

    .engagement-card-text {
        font-size: 16px;
    }

    /* Case studies */
    .case-study-title {
        font-size: 22px;
        line-height: 32px;
    }

    /* Final CTA */
    .final-cta-heading {
        font-size: 48px;
        line-height: 56px;
    }

    .advisory-section::before {
        top: -20px;
        width: 130px;
        height: 142px;
    }


    .execution-content {
        min-height: 300px;
    }

    .wic-card-description {
        font-size: 14px;
        line-height: normal;
    }

    .wic-section {
        padding: 80px 0;
    }

    .sectors-section {
        padding: 0px 0;
    }


    .sector-item {
        width: fit-content;
    }

    .sector-top-left {
        left: 72px;
    }

    .sector-top-right {
        right: 60px;
    }

    .sector-bottom-left::before {
        right: -117px;
        width: 106px;
    }

    .sector-bottom-left .sector-dot {
        right: -127px;
        top: 59px;
    }

    .sector-bottom-right:before {
        left: -120px;
        width: 106px;
    }

    .sector-bottom-right .sector-dot {
        left: -137px;
        top: 32px;
    }

    .engagement-section {
        padding: 70px 0;
    }

    .case-studies-section {
        padding: 20px 0 70px;
    }

    .trusted-section {
        padding: 10px 0 70px;
    }

    .final-cta-section {
        padding: 50px 0 70px;
    }

    /* About Banner */
    .about-banner-section {
        min-height: auto;
        padding: 80px 0;
        margin-top: 80px;
    }

    .about-banner-section::before {
        width: 700px;
        height: 700px;
    }

    .about-banner-heading {
        font-size: 52px;
        line-height: 62px;
        letter-spacing: -1.4px;
    }

    .about-banner-description {
        font-size: 16px;
        line-height: 26px;
        width: 100%;
    }

    .about-banner-right-image {
        width: 50%;
    }

    /* About SME */
    .about-sme-section {
        padding: 70px 0;
    }

    .about-sme-wrap {
        gap: 30px;
    }

    .about-sme-boxes {
        width: 60%;
        max-height: 400px;
    }

    .about-sme-box-title {
        font-size: 22px;
    }

    .about-sme-box-content {
        font-size: 16px;
    }

    .about-sme-right-image {
        min-height: 400px;
    }

    .about-sme-right-image img {
        max-width: 420px;
    }

    /* About MVV */
    .about-mvv-section {
        padding: 20px 0 100px;
    }

    .about-mvv-wrap {
        gap: 40px;
    }

    .about-mvv-tabs-col {
        width: 360px;
    }

    .about-mvv-tabs {
        gap: 24px;
        min-height: 380px;
    }

    .about-mvv-tab-icon {
        width: 70px;
        height: 56px;
    }

    .about-mvv-tab-name {
        font-size: 28px;
        line-height: 32px;
    }

    .about-mvv-panels {
        width: 500px;
        min-height: 380px;
    }

    .about-mvv-panel {
        padding: 32px;
    }

    .about-mvv-panel-icon {
        width: 70px;
        height: 56px;
    }

    .about-mvv-panel-title {
        font-size: 30px;
        line-height: 36px;
    }

    .about-mvv-panel-description {
        font-size: 16px;
    }

    /* About Experience & Education */
    .about-exped-section {
        padding: 80px 0 70px;
    }

    .about-exped-card-title {
        font-size: 22px;
        line-height: 28px;
    }

    .about-exped-card-content {
        font-size: 16px;
        line-height: 26px;
    }

    .about-exped-card-content ul li {
        line-height: 26px;
    }

    /* About Capabilities */
    .about-cap-section {
        padding: 20px 0 70px;
    }

    .about-cap-card {
        min-height: 320px;
        padding: 24px 18px;
        gap: 30px;
        min-width: 48%;
    }

    .about-cap-card-title {
        font-size: 20px;
    }

    /* Contact Banner */
    .contact-banner-section {
        min-height: auto;
        padding: 80px 0;
        margin-top: 80px;
    }

    .contact-banner-section::before {
        width: 700px;
        height: 700px;
    }

    .contact-banner-heading {
        font-size: 52px;
        line-height: 62px;
        letter-spacing: -1.4px;
    }

    .contact-banner-description {
        font-size: 16px;
        line-height: 26px;
        width: 100%;
    }

    .contact-banner-right-image {
        width: 50%;
    }

    /* Contact Form */
    .contact-form-section {
        padding: 70px 0 7%;
    }

    .contact-form-decorative {
        width: 120px;
    }

    .contact-form-inner .gform_wrapper input[type="text"],
    .contact-form-inner .gform_wrapper input[type="email"],
    .contact-form-inner .gform_wrapper input[type="tel"],
    .contact-form-inner .gform_wrapper input[type="url"],
    .contact-form-inner .gform_wrapper input[type="number"],
    .contact-form-inner .gform_wrapper input[type="date"],
    .contact-form-inner .gform_wrapper select,
    .contact-form-inner .gform_wrapper textarea {
        height: 60px;
        padding: 14px 20px;
        font-size: 15px;
        line-height: 28px;
    }

    .contact-form-inner .gform_wrapper textarea {
        height: 130px;
    }

    .contact-form-header .section-subtext {
    font-size: 16px;
}

    /* Case Archive Banner */
    .case-archive-banner-section {
        min-height: auto;
        padding: 80px 0;
        margin-top: 80px;
    }

    .case-archive-banner-section::before {
        width: 700px;
        height: 700px;
    }

    .case-archive-banner-heading {
        font-size: 52px;
        line-height: 62px;
        letter-spacing: -1.4px;
    }

    .case-archive-banner-description {
        font-size: 16px;
        line-height: 26px;
        width: 100%;
    }

    .case-archive-banner-right-image {
        width: 50%;
    }

    /* Case Archive Listing */
    .case-archive-listing-section {
        padding: 50px 0 50px;
    }

    .case-archive-listing-section .section-header {
        margin-bottom: 40px;
    }

    .case-studies-archive-grid {
        gap: 24px 20px;
    }

    /* Case Single Banner */
    .case-single-banner-section {
        min-height: auto;
        padding: 80px 0;
        margin-top: 80px;
    }

    .case-single-banner-section::before {
        width: 700px;
        height: 700px;
    }

    .case-single-banner-heading {
        font-size: 52px;
        line-height: 62px;
        letter-spacing: -1.4px;
    }

    .case-single-banner-description {
        font-size: 16px;
        line-height: 26px;
        max-width: 100%;
    }

    .case-single-banner-right-image {
        width: 50%;
    }

    /* Case Single Content */
    .case-single-content-section {
        padding: 50px 0 50px;
    }

    .case-single-content-section .container {
        gap: 24px;
    }

    .case-single-title {
        font-size: 38px;
        line-height: 50px;
    }

    .case-single-back-btn {
        font-size: 18px;
    }

    .case-single-box {
        padding: 24px;
        gap: 16px;
    }

    .case-single-box-label {
        font-size: 28px;
        line-height: 1.4;
    }

    .case-single-box-description {
        font-size: 16px;
    }

    /* Case Single CTA */
    .case-single-cta-section {
        padding-top: 50px;
        padding-bottom: 80px;
    }

    /* Services Archive Banner */
    .services-archive-banner-section {
        min-height: auto;
        padding: 80px 0;
        margin-top: 80px;
    }

    .services-archive-banner-section::before {
        width: 700px;
        height: 700px;
    }

    .services-archive-banner-heading {
        font-size: 52px;
        line-height: 62px;
        letter-spacing: -1.4px;
    }

    .services-archive-banner-description {
        font-size: 16px;
        line-height: 26px;
        max-width: 100%;
    }

    .services-archive-banner-right-image {
        width: 50%;
    }

    /* Services Archive Listing — 3 cols */
    .services-archive-listing-section {
        padding: 50px 0 50px;
    }

    .services-archive-listing-section .section-header {
        margin-bottom: 40px;
    }

    .services-archive-grid {
        gap: 20px;
    }

    .services-card {
        flex: 0 0 calc((100% - 40px) / 3);
        max-width: calc((100% - 40px) / 3);
        min-height: 360px;
        padding: 20px 20px 10px;
    }

    .services-card-top {
        gap: 22px;
    }

    .services-card-title {
        font-size: 18px;
    }

    .services-card-description {
        font-size: 15px;
        line-height: 26px;
    }

    /* Services Archive CTA */
    .services-archive-cta-section {
        padding-top: 50px;
        padding-bottom: 80px;
    }

    /* SVC Single Banner */
    .svc-single-banner-section {
        min-height: auto;
        padding: 80px 0 0;
        margin-top: 80px;
    }

    .svc-single-banner-section::before {
        width: 700px;
        height: 700px;
    }

    .svc-single-banner-eyebrow {
        font-size: 24px;
    }

    .svc-single-banner-heading {
        font-size: 42px;
        line-height: 52px;
        letter-spacing: -1.4px;
    }

    .svc-single-banner-description {
        font-size: 16px;
        line-height: 26px;
        max-width: 100%;
    }

    .svc-single-banner-right-image {
        width: 50%;
        height: 65%;
        bottom: 0;
        top: unset;
    }

    /* SVC Intro */
    .svc-intro-section {
        padding: 60px 0 50px;
    }

    .svc-intro-description {
        font-size: 16px;
        line-height: 26px;
    }

    .svc-intro-bottom-image {
        margin-top: 40px;
    }

    /* SVC Approach */
    .svc-approach-section {
        padding: 60px 0 80px;
    }

    .svc-approach-cards {
        gap: 30px;
    }

    .svc-approach-card {
        flex: 0 0 calc((100% - 60px) / 3);
        max-width: calc((100% - 60px) / 3);
    }

    .svc-approach-card-circle {
        width: 150px;
        height: 150px;
    }

    .svc-approach-card-icon {
        width: 68px;
        height: 68px;
    }

    .svc-approach-card:nth-child(1) .svc-approach-card-circle::before,
    .svc-approach-card:nth-child(2) .svc-approach-card-circle::before {
        width: 90px;
        height: 60px;
        left: calc(100% + 10px);
    }

    .svc-approach-card-title {
        font-size: 20px;
    }

    /* SVC Results */
    .svc-results-section {
        padding: 60px 0;
    }

    .svc-results-section::before,
    .svc-results-section::after {
        width: 180px;
        height: 196px;
    }

    .svc-results-subheading {
        font-size: 26px;
    }

    .svc-results-description {
        font-size: 20px;
        line-height: 30px;
    }

    /* SVC Suited */
    .svc-suited-section {
        padding: 80px 0 60px;
    }

    .svc-suited-header {
        margin-bottom: 40px;
    }

    .svc-suited-right-image {
        width: 45%;
    }

    .svc-suited-section .svc-suited-item-icon {
        width: 60px;
        height: 60px;
    }

    .svc-suited-item-text {
        font-size: 16px;
        line-height: 26px;
    }

    /* SVC Single CTA */
    .svc-single-cta-section {
        padding-top: 50px;
        padding-bottom: 80px;
    }

    .svc-single-banner-content {
    max-width: 100%;
}

}


@media (max-width: 991px) {

    /* Hero stacks */
    .hero-section {
        /* min-height: auto; */
        /* padding: 80px 0; */
    }

    .hero-row {
        /* flex-direction: column; */
    }

    /* .hero-row .col-md-7,
    .hero-row .col-md-5 {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
    } */

    .hero-content {
        max-width: 100%;
        margin-bottom: 40px;
    }

    .hero-heading {
        font-size: 44px;
        line-height: 52px;
        letter-spacing: -1.2px;
    }

    .hero-right-image {
        justify-content: center;
    }

    .hero-right-image img {
        max-width: 600px;
        margin-right: 0;
    }

    /* Advisory */
    .advisory-section {
        padding: 60px 0;
    }

    .advisory-section::before {
        top: -20px;
        width: 60px;
        height: 80px;
    }

    .section-heading,
    .advisory-heading {
        font-size: 40px;
        line-height: 48px;
        letter-spacing: -1.2px;
    }

    /* Execution */
    .execution-heading {
        font-size: 36px;
        line-height: 44px;
    }

    .execution-description {
        font-size: 24px;
        line-height: 32px;
        letter-spacing: -0.6px;
    }

    .execution-content {
        min-height: 230px;
    }

    /* Founder stacks */
    .founder-row {
        flex-direction: column-reverse;
        row-gap: 30px;
    }

    .founder-row .col-md-7,
    .founder-row .col-md-5 {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
    }

    .founder-content {
        max-width: 100%;
        margin-bottom: 40px;
    }

    .founder-name {
        font-size: 40px;
        line-height: 48px;
    }

    .founder-eyebrow {
        font-size: 20px;
        line-height: 28px;
    }

    .founder-image-wrap {
        position: relative;
        width: 100%;
        height: 560px;
    }

    .founder-section .right-col {
        position: relative;
    }

    .founder-image-wrap::before {
        top: -40px;
        left: -30px;
    }

    .founder-image-wrap img {
        max-width: 100%;
    }

    .wic-section {
        padding: 60px 0;
    }



    /* WIC 2 cols */
    .wic-card {
        flex: 0 0 calc((100% - 20px) / 2);
        max-width: calc((100% - 20px) / 2);
    }

    .wic-card-title {
        height: 52px;
    }

    /* Sectors — image LEFT, items stacked RIGHT */
    .sectors-section {
        padding: 50px 0 60px;
    }

    .sectors-layout {
        height: auto;
        display: grid;
        grid-template-columns: minmax(0, 45%) minmax(0, 1fr);
        grid-template-rows: repeat(4, auto);
        column-gap: 30px;
        row-gap: 24px;
        align-items: center;
    }

    .sectors-center {
        position: relative;
        grid-column: 1;
        grid-row: 1 / span 4;
        transform: none;
        top: auto;
        left: auto;
        width: 100%;
        max-width: 100%;
        height: auto;
        margin: 0;
        align-self: center;
    }

    .sectors-center img {
        width: 100%;
        height: auto;
    }

    .sector-item {
        position: relative;
        grid-column: 2;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
        width: 100%;
        align-items: flex-start !important;
        text-align: left !important;
        flex-direction: row;
    }

    .sector-item:nth-of-type(2) {
        grid-row: 1;
    }

    .sector-item:nth-of-type(3) {
        grid-row: 2;
    }

    .sector-item:nth-of-type(4) {
        grid-row: 3;
    }

    .sector-item:nth-of-type(5) {
        grid-row: 4;
    }

    .sector-dot {
        display: none;
    }

    /* Engagement stack */
    .engagement-wrap {
        flex-direction: column;
        gap: 40px;
    }

    .engagement-tabs-col {
        width: 100%;
    }

    .engagement-tab {
        font-size: 24px;
        line-height: 28px;
    }

    .engagement-tabs {
        gap: 32px;
        padding: 16px 0;
    }

    .engagement-track {
        top: 16px;
        bottom: 16px;
    }

    .engagement-thumb {
        top: 16px;
    }

    .engagement-card {
        max-width: 100%;
    }

    /* Case studies 2 col */
    .case-studies-grid {
        flex-wrap: wrap;
        gap: 20px;
        justify-content: center;
    }

    .case-study-card {
        flex: 0 0 calc((100% - 20px) / 2);
        max-width: calc((100% - 20px) / 2);
        width: auto;
    }

    /* Trusted */
    .trusted-section {
        padding: 0px 0 60px;
    }

    /* Final CTA */
    .final-cta-section {
        padding: 0px 0 60px;
    }

    .final-cta-heading {
        font-size: 48px;
        line-height: 56px;
    }

    /* Section header */
    .section-header {
        margin-bottom: 40px;
    }

    .section-subtext {
        font-size: 18px;
        line-height: 28px;
    }

    .sector-top-left::before {
        display: none;
    }

    .sector-top-right:before {
        display: none;
    }

    .sector-bottom-left::before {
        display: none;
    }

    .sector-bottom-right:before {
        display: none;
    }

    .engagement-section {
        padding: 20px 0 60px;
    }

    .case-studies-section {
        padding: 10px 0 60px;
    }

    .site-footer .footer .footer3 {
        padding-left: 0;
    }

    .site-footer .footer .row {
        row-gap: 40px;
    }

    p.copyright {
        text-align: center;
    }

    .copyrights ul#menu-privacy-menu {
        justify-content: center;
    }

    .copyrights .row {
        row-gap: 20px;
        flex-direction: column-reverse;
    }

    /* About Banner stacks */
    .about-banner-section {
        padding: 50px 0 0;
        min-height: auto;
    }
/* 
    .about-banner-row {
        flex-direction: column;
        row-gap: 40px;
    } */

    /* .about-banner-row .col-md-7,
    .about-banner-row .col-md-5 {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
    } */

    .about-banner-content {
        max-width: 100%;
    }

    .about-banner-heading {
        font-size: 40px;
        line-height: 50px;
        letter-spacing: -1.2px;
    }


    .about-banner-right-image img {
        width: 100%;
        height: auto;
        object-fit: contain;
    }

    /* About SME stacks */
    .about-sme-section {
        padding: 60px 0;
    }

    .about-sme-wrap {
        flex-direction: column-reverse;
        gap: 30px;
    }

    .about-sme-boxes {
        width: 100%;
        max-height: none;
        overflow: visible;
        padding-right: 0;
    }

    .about-sme-right-image {
        width: 100%;
        min-height: auto;
    }

    .about-sme-right-image img {
        max-width: 420px;
    }

    /* About MVV stacks */
    .about-mvv-section {
        padding: 10px 0 80px;
    }

    .about-mvv-wrap {
        flex-direction: column;
        gap: 32px;
    }

    .about-mvv-tabs-col {
        width: 100%;
        padding-left: 20px;
    }

    .about-mvv-tabs {
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 50px;
        min-height: auto;
    }

    /* .about-mvv-track,
    .about-mvv-thumb {
        display: none;
    } */

    .about-mvv-tab-name {
        font-size: 22px;
        line-height: 28px;
    }

    .about-mvv-tab-icon {
        width: 50px;
        height: 40px;
    }

    .about-mvv-panels {
        width: 100%;
        min-height: auto;
    }

    .about-mvv-panel {
        padding: 28px;
    }

    .about-mvv-panel-title {
        font-size: 26px;
        line-height: 32px;
    }

    /* Founder (about) stacks - col-lg */
    .founder-row .col-lg-7,
    .founder-row .col-lg-5 {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
    }

    /* About Experience & Education — 2 cols */
    .about-exped-section {
        padding: 60px 0;
    }

    .about-exped-cards {
        flex-wrap: wrap;
        gap: 24px;
    }

    .about-exped-card {
        flex: 0 0 calc((100% - 24px) / 2);
        max-width: calc((100% - 24px) / 2);
    }

    /* About Capabilities — 2 cols */
    .about-cap-section {
        padding: 10px 0 60;
    }

    .about-cap-cards {
        flex-wrap: wrap;
        gap: 24px;
    }

    .about-cap-card {
        flex: 0 0 calc((100% - 24px) / 2);
        max-width: calc((100% - 24px) / 2);
        min-height: auto;
    }

    /* Contact Banner */
    .contact-banner-section {
        padding: 50px 0 0;
        min-height: auto;
    }
/*
    .contact-banner-row {
        flex-direction: column;
        row-gap: 40px;
    } */

    /* .contact-banner-row .col-md-7,
    .contact-banner-row .col-md-5 {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
    } */

    .contact-banner-content {
        max-width: 100%;
    }

    .contact-banner-heading {
        font-size: 40px;
        line-height: 50px;
        letter-spacing: -1.2px;
    }


    .contact-banner-right-image img {
        width: 100%;
        height: auto;
        object-fit: contain;
    }

    /* Contact Form */
    .contact-form-section {
        padding: 50px 0 60px;
    }

    .contact-form-decorative {
        width: 120px;
        top: -10px;
    }

    .contact-form-inner .gform_wrapper .gfield.gfield--width-half,
    .contact-form-inner .gform_wrapper .gfield.gf_left_half,
    .contact-form-inner .gform_wrapper .gfield.gf_right_half {
        width: 100% !important;
    }

    .contact-form-inner .gform_wrapper .gform_fields {
        flex-direction: column;
        gap: 16px;
    }

    .contact-form-inner .gform_wrapper button.gform_button.btn-primary {
        height: 50px !important;
        min-width: 160px !important;
    }

    /* Case Archive Banner */
    .case-archive-banner-section {
        padding: 50px 0 0;
        min-height: auto;
    }

    .case-archive-banner-content {
        max-width: 100%;
    }

    .case-archive-banner-heading {
        font-size: 40px;
        line-height: 50px;
        letter-spacing: -1.2px;
    }

    .case-archive-banner-right-image img {
        width: 100%;
        height: auto;
        object-fit: contain;
    }

    /* Case Archive Listing — 2 cols */
    .case-archive-listing-section {
        padding: 50px 0 70px;
    }

    .case-studies-archive-grid {
        gap: 20px;
    }

    .case-studies-archive-grid .case-study-card {
        flex: 0 0 calc((100% - 20px) / 2);
        max-width: calc((100% - 20px) / 2);
    }

    /* Case Archive CTA */
    .case-archive-cta-section {
        padding-top: 30px;
        padding-bottom: 60px;
    }

    /* Case Single Banner */
    .case-single-banner-section {
        padding: 50px 0 0;
        min-height: auto;
    }

    .case-single-banner-content {
        max-width: 100%;
    }

    .case-single-banner-heading {
        font-size: 40px;
        line-height: 50px;
        letter-spacing: -1.2px;
    }

    .case-single-banner-right-image img {
        width: 100%;
        height: auto;
        object-fit: contain;
    }

    /* Case Single Content */
    .case-single-content-section {
        padding: 60px 0 50px;
    }

    .case-single-title {
        font-size: 32px;
        line-height: 42px;
    }

    .case-single-meta {
        gap: 20px;
    }

    .case-single-badge {
        font-size: 14px;
        min-width: 130px;
        height: 36px;
    }

    .case-single-location-icon {
        width: 38px;
        height: 38px;
    }

    .case-single-location-label {
        font-size: 18px;
    }

    .case-single-boxes {
        gap: 24px;
    }

    .case-single-box {
        padding: 22px;
    }

    .case-single-box-label {
        font-size: 24px;
    }

    .case-single-box-description {
        font-size: 15px;
    }

    /* Case Single CTA */
    .case-single-cta-section {
        padding-top: 30px;
        padding-bottom: 60px;
    }

    /* Services Archive Banner */
    .services-archive-banner-section {
        padding: 50px 0 0;
        min-height: auto;
    }

    .services-archive-banner-content {
        max-width: 100%;
    }

    .services-archive-banner-heading {
        font-size: 40px;
        line-height: 50px;
        letter-spacing: -1.2px;
    }

    .services-archive-banner-right-image img {
        width: 100%;
        height: auto;
        object-fit: contain;
    }

    /* Services Archive Listing — 2 cols */
    .services-archive-listing-section {
        padding: 50px 0 50px;
    }

    .services-card {
        flex: 0 0 calc((100% - 20px) / 2);
        max-width: calc((100% - 20px) / 2);
        min-height: 320px;
    }

    /* Services Archive CTA */
    .services-archive-cta-section {
        padding-top: 30px;
        padding-bottom: 60px;
    }

    /* SVC Single Banner */
    .svc-single-banner-section {
        padding: 50px 0 0;
        min-height: auto;
    }

    .svc-single-banner-content {
        max-width: 100%;
    }

    .svc-single-banner-eyebrow {
        font-size: 22px;
    }

    .svc-single-banner-heading {
        font-size: 40px;
        line-height: 50px;
        letter-spacing: -1.2px;
        margin: 16px 0 8px;
    }

    .svc-single-banner-right-image img {
        width: 100%;
        height: auto;
        object-fit: contain;
    }

    /* SVC Intro */
    .svc-intro-section {
        padding: 50px 0 40px;
    }

    .svc-intro-bottom-image {
        margin-top: 30px;
    }

    /* SVC Approach — 2 cols, arrows hidden */
    .svc-approach-section {
        padding: 50px 0 60px;
    }

    .svc-approach-cards {
        gap: 32px;
    }

    .svc-approach-card {
        flex: 0 0 calc((100% - 32px) / 2);
        max-width: calc((100% - 32px) / 2);
    }

    .svc-approach-card-circle {
        width: 140px;
        height: 140px;
    }

    .svc-approach-card-icon {
        width: 60px;
        height: 60px;
    }

    .svc-approach-card:nth-child(1) .svc-approach-card-circle::before,
    .svc-approach-card:nth-child(2) .svc-approach-card-circle::before {
        display: none;
    }

    .svc-approach-card-title {
        font-size: 18px;
    }

    .svc-approach-card-description {
        font-size: 15px;
        line-height: 24px;
    }

    /* SVC Results */
    .svc-results-section {
        padding: 50px 0;
    }

    .svc-results-section::before,
    .svc-results-section::after {
        width: 140px;
        height: 152px;
    }

    .svc-results-section::before {
        top: -60px;
    }

    .svc-results-section::after {
        bottom: -60px;
    }

    .svc-results-wrap {
        max-width: 95%;
        gap: 0;
    }

    .svc-results-subheading {
        font-size: 24px;
    }

    .svc-results-description {
        font-size: 18px;
        line-height: 28px;
    }

    /* SVC Suited — stack */
    .svc-suited-section {
        padding: 60px 0 50px;
        overflow: visible;
    }


    .svc-suited-row .col-md-5,
    .svc-suited-row .col-md-7 {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
    }

    .svc-suited-items {
        max-width: 100%;
    }

    .svc-suited-right-image {
        position: relative;
        width: 100%;
        height: auto;
        justify-content: center;
        bottom: auto;
        right: auto;
    }

    .svc-suited-right-image img {
        width: 100%;
        max-width: 500px;
        height: auto;
        object-fit: contain;
    }

    /* SVC Single CTA */
    .svc-single-cta-section {
        padding-top: 30px;
        padding-bottom: 60px;
    }

    .svc-intro-wrap {
    max-width: 100%;
    gap: 0;
}

}


@media (max-width: 767px) {

    /* Hero */
    .hero-section {
        padding: 60px 0;
        height: auto;
    }

    .hero-right-image {
        width: 25%;
        height: 35%;
        top: unset;
        bottom: 0;
    }

    .hero-heading {
        font-size: 36px;
        line-height: 44px;
        letter-spacing: -1px;
    }

    .hero-subheading {
        font-size: 16px;
        line-height: 26px;
    }

    /* Advisory */
    .advisory-section {
        padding: 50px 0;
    }

    .section-heading,
    .advisory-heading {
        font-size: 32px;
        line-height: 40px;
        letter-spacing: -0.8px;
    }

    .advisory-content p {
        font-size: 16px;
        line-height: 26px;
    }

    .advisory-end-image {
        margin-top: 40px;
    }

    /* Execution */
    .execution-section {
        padding: 50px 0;
    }

    .execution-heading {
        font-size: 28px;
        line-height: 36px;
        letter-spacing: -0.8px;
    }

    .execution-description {
        font-size: 20px;
        line-height: 28px;
        letter-spacing: -0.4px;
    }

    /* Founder */
    /* .founder-section {
        padding: 50px 0;
    } */

    .founder-name {
        font-size: 32px;
        line-height: 40px;
    }

    .founder-eyebrow {
        font-size: 18px;
        line-height: 24px;
    }

    .founder-text p {
        font-size: 16px;
        line-height: 26px;
    }

    /* WIC 1 col */
    .wic-section {
        padding: 50px 0;
    }

    .wic-card {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 24px 20px;
        gap: 24px;
        text-align: center;
    }

    .wic-card-title {
        font-size: 17px;
        height: auto;
    }

    /* Sectors */
    .sectors-layout {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
    }

    .sectors-center {
        grid-column: 1;
        grid-row: 1;
        margin: 0 auto 30px auto;
        max-width: 280px;
        height: auto;
    }

    .sector-item {
        grid-column: 1;
    }

    .sector-item:nth-of-type(2) {
        grid-row: 2;
    }

    .sector-item:nth-of-type(3) {
        grid-row: 3;
    }

    .sector-item:nth-of-type(4) {
        grid-row: 4;
    }

    .sector-item:nth-of-type(5) {
        grid-row: 5;
    }

    .sector-name {
        font-size: 16px;
    }

    /* Engagement */
    .engagement-section {
        padding: 10px 0 50px; 
    }

    .engagement-tab {
        font-size: 20px;
        line-height: 24px;
    }

    .engagement-tabs {
        gap: 24px;
    }

    .engagement-card {
        padding: 18px;
        gap: 12px;
    }

    .engagement-card-icon {
        width: 56px;
        height: 56px;
    }

    .engagement-card-icon img {
        width: 24px;
        height: 24px;
    }

    .engagement-card-title {
        font-size: 18px;
    }

    .engagement-card-text {
        font-size: 14px;
    }

    /* Case studies — 1 col on mobile */
    .case-studies-section {
        padding: 10px 0 50px;
    }

    .case-studies-grid {
        flex-direction: column;
    }

    .case-study-card {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 20px;
        text-align: center;
    }

    .case-study-badge {
    margin: 0 auto;
}

    .case-study-title {
        font-size: 20px;
        line-height: 28px;
    }

    .case-study-excerpt {
        font-size: 14px;
        line-height: 24px;
    }

    /* Trusted */
    .trusted-section {
        padding: 0px 0 50px;
    }

    .trusted-logo-card {
        height: 120px;
    }

    .trusted-logo-card img {
        max-height: 80px;
    }

    /* Final CTA */
    .final-cta-section {
        padding: 10px 0 50px;
    }

    .final-cta-heading {
        font-size: 36px;
        line-height: 44px;
    }

    .final-cta-decorative {
        width: 80px;
        height: 64px;
    }

    /* Section header */
    .section-header {
        margin-bottom: 32px;
    }

    .section-heading {
        font-size: 32px;
        line-height: 40px;
    }

    .section-subtext {
        font-size: 16px;
        line-height: 26px;
    }

    /* Buttons */
    .btn-primary {
        font-size: 13px;
        padding: 8px 8px 8px 18px;
    }

    .btn-primary .btn-icon {
        width: 32px;
        height: 32px;
    }

    .advisory-cta-wrap .btn-primary,
    .final-cta-button {
        width: auto;
        min-width: 220px;
    }


    .hero-content {
        text-align: center;
    }



    .hero-heading-wrap {
        align-items: center;
    }

    .hero-content .btn-primary {
        margin: 0 auto;
    }

    .hero-section::before {
        width: 278px;
        height: 400px;
    }

    .execution-content {
        min-height: 160px;
    }

    .founder-image-wrap::before {
        width: 85px;
        height: 60px;
        top: -30px;
        left: 0px;
    }

    .founder-image-wrap {
        height: auto;
    }

    .founder-content {
        text-align: center;
        margin-bottom: 0;
    }

    .founder-heading-wrap {
        width: 100%;
    }

    .founder-content .btn-primary {
        margin: 0 auto;
    }

    .wic-card-icon {
    width: 60px;
    height: 60px;
    margin: 0 auto;
}

.wic-card-icon img {
    width: 24px;
    height: 24px;
}

.sectors-section {
    padding: 10px 0 50px;
}


.sector-item {
    flex-direction: column;
    justify-content: center;
    align-items: center !important;
}


.footer_logo {
    text-align: center;
}

.footer1 ul.social-icons {
    justify-content: center;
}

.footer2 h2, .footer3 h2, .footer4 h2 {
    text-align: center;
}

.footer2 p {
    text-align: center;
}

.site-footer .footer {
    text-align: center;
}

    /* About Banner */
    .about-banner-section {
        padding: 50px 0 100px;
        margin-top: 80px;
    }

    .about-banner-right-image {
    width: 40%;
    height: 40%;
    top: unset;
    bottom: 0;
}

.about-banner-right-image img {
    height: 100%;
}

    .about-banner-content {
        text-align: center;
        align-items: center;
        gap: 20px;
    }

    .about-banner-heading-wrap {
        align-items: center;
    }

    .about-banner-heading {
        font-size: 36px;
        line-height: 44px;
        letter-spacing: -1px;
    }

    .about-banner-description {
        font-size: 16px;
        line-height: 26px;
    }

    .about-banner-content .btn-primary {
        margin: 0 auto;
    }

    /* About SME */
    .about-sme-section {
        padding: 50px 0 0;
    }

    .about-sme-box {
        padding: 18px 20px;
        text-align: center;
    }

    .about-sme-box-title {
        font-size: 20px;
    }

    .about-sme-box-content {
        font-size: 15px;
    }

    /* About MVV */
    .about-mvv-section {
        padding: 50px 0 60px;
    }

    .about-mvv-wrap {
        gap: 24px;
    }

    .about-mvv-tabs-col {
        padding-left: 0;
    }

    .about-mvv-tabs {
        flex-direction: column;
        gap: 40px;
        padding-left: 20px;
    }

    .about-mvv-tab {
        gap: 14px;
    }

    .about-mvv-tab-name {
        font-size: 20px;
        line-height: 26px;
    }

    .about-mvv-panel {
        padding: 24px 20px;
    }

    .about-mvv-panel-icon {
        width: 56px;
        height: 44px;
    }

    .about-mvv-panel-title {
        font-size: 22px;
        line-height: 28px;
    }

    .about-mvv-panel-description {
        font-size: 15px;
    }

    /* About Experience & Education — 1 col */
    .about-exped-section {
        padding: 50px 0;
    }

    .about-exped-cards {
        flex-direction: column;
    }

    .about-exped-card {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .about-exped-card-title {
        font-size: 20px;
        line-height: 28px;
    }

    .about-exped-card-content {
        font-size: 15px;
        line-height: 26px;
    }

    /* About Capabilities — 1 col */
    .about-cap-section {
        padding: 0px 0 50px;
    }

    .about-cap-cards {
        flex-direction: column;
    }

    .about-cap-card {
        flex: 0 0 100%;
        max-width: 100%;
        min-height: auto;
        padding: 24px 20px;
        gap: 24px;
        text-align: center;
    }
    .about-cap-card-icon {
    margin: 0 auto;
}

    .about-cap-card-title {
        font-size: 18px;
    }

    /* Contact Banner */
    .contact-banner-section {
        padding: 50px 0 100px;
        margin-top: 80px;
    }

    .contact-banner-right-image {
    width: 40%;
    height: 40%;
    top: unset;
    bottom: 0;
}

.contact-banner-right-image img {
    height: 100%;
}

    .contact-banner-content {
        text-align: center;
        align-items: center;
        gap: 20px;
    }

    .contact-banner-heading-wrap {
        align-items: center;
    }

    .contact-banner-heading {
        font-size: 36px;
        line-height: 44px;
        letter-spacing: -1px;
    }

    .contact-banner-description {
        font-size: 16px;
        line-height: 26px;
    }

    /* Contact Form */
    .contact-form-section {
        padding: 40px 0 60px;
    }

    .contact-form-decorative {
        width: 60px;
        top: -5px;
    }

    .contact-form-header {
        text-align: center;
        margin-bottom: 10px;
    }

    .contact-form-inner .gform_wrapper input[type="text"],
    .contact-form-inner .gform_wrapper input[type="email"],
    .contact-form-inner .gform_wrapper input[type="tel"],
    .contact-form-inner .gform_wrapper input[type="url"],
    .contact-form-inner .gform_wrapper input[type="number"],
    .contact-form-inner .gform_wrapper input[type="date"],
    .contact-form-inner .gform_wrapper select,
    .contact-form-inner .gform_wrapper textarea {
        height: 54px;
        padding: 12px 16px;
        font-size: 14px;
        line-height: 24px;
        border-radius: 10px;
    }

    .contact-form-inner .gform_wrapper textarea {
        height: 120px;
    }

    .contact-form-inner .gform_wrapper .gform_footer {
        margin-top: 20px;
    }

    .contact-form-inner .gform_wrapper button.gform_button.btn-primary {
        height: 46px !important;
        min-width: 150px !important;
        font-size: 13px !important;
        padding: 8px 8px 8px 18px !important;
        gap: 14px !important;
    }

    .contact-form-inner .gform_wrapper button.gform_button.btn-primary .btn-icon {
        width: 32px;
        height: 32px;
    }

    .contact-form-inner .gform_confirmation_message {
        font-size: 16px;
        padding: 24px 16px;
    }

    /* Case Archive Banner */
    .case-archive-banner-section {
        padding: 50px 0 100px;
        margin-top: 80px;
    }

    .case-archive-banner-right-image {
        width: 40%;
        height: 40%;
        top: unset;
        bottom: 0;
    }

    .case-archive-banner-right-image img {
        height: 100%;
    }

    .case-archive-banner-content {
        text-align: center;
        align-items: center;
        gap: 20px;
    }

    .case-archive-banner-heading-wrap {
        align-items: center;
    }

    .case-archive-banner-heading {
        font-size: 36px;
        line-height: 44px;
        letter-spacing: -1px;
    }

    .case-archive-banner-description {
        font-size: 16px;
        line-height: 26px;
    }

    /* Case Archive Listing — 1 col */
    .case-archive-listing-section {
        padding: 40px 0 60px;
    }

    .case-archive-listing-section .section-header {
        margin-bottom: 32px;
    }

    .case-studies-archive-grid {
        flex-direction: column;
        gap: 16px;
    }

    .case-studies-archive-grid .case-study-card {
        flex: 0 0 100%;
        max-width: 100%;
    }

    /* Case Archive CTA */
    .case-archive-cta-section {
        padding-top: 20px;
        padding-bottom: 50px;
    }

    /* Case Single Banner */
    .case-single-banner-section {
        padding: 50px 0 100px;
        margin-top: 80px;
    }

    .case-single-banner-right-image {
        width: 40%;
        height: 40%;
        top: unset;
        bottom: 0;
    }

    .case-single-banner-right-image img {
        height: 100%;
    }

    .case-single-banner-content {
        text-align: center;
        align-items: center;
        gap: 20px;
    }

    .case-single-banner-heading-wrap {
        align-items: center;
    }

    .case-single-banner-heading {
        font-size: 36px;
        line-height: 44px;
        letter-spacing: -1px;
    }

    .case-single-banner-description {
        font-size: 16px;
        line-height: 26px;
    }

    /* Case Single Content */
    .case-single-content-section {
        padding: 50px 0 50px;
    }

    .case-single-content-section .container {
        gap: 20px;
        text-align: center;
    }

    .case-single-back-btn {
        font-size: 16px;
        margin: 0 auto;
    }

    .case-single-title {
        font-size: 26px;
        line-height: 34px;
    }

    .case-single-meta {
        flex-wrap: wrap;
        align-items: center;
        gap: 20px;
        justify-content: center;
    }

    .case-single-box {
        padding: 20px;
        gap: 14px;
    }

    .case-single-box-label {
        font-size: 20px;
    }

    .case-single-box-description {
        font-size: 14px;
        line-height: 1.6;
    }

    /* Case Single CTA */
    .case-single-cta-section {
        padding-top: 20px;
        padding-bottom: 50px;
    }

    /* Services Archive Banner */
    .services-archive-banner-section {
        padding: 50px 0 100px;
        margin-top: 80px;
    }

    .services-archive-banner-right-image {
        width: 40%;
        height: 40%;
        top: unset;
        bottom: 0;
    }

    .services-archive-banner-right-image img {
        height: 100%;
    }

    .services-archive-banner-content {
        text-align: center;
        align-items: center;
        gap: 20px;
    }

    .services-archive-banner-heading-wrap {
        align-items: center;
    }

    .services-archive-banner-heading {
        font-size: 36px;
        line-height: 44px;
        letter-spacing: -1px;
    }

    .services-archive-banner-description {
        font-size: 16px;
        line-height: 26px;
    }

    /* Services Archive Listing — 1 col */
    .services-archive-listing-section {
        padding: 40px 0 60px;
    }

    .services-archive-listing-section .section-header {
        margin-bottom: 32px;
    }

    .services-archive-grid {
        flex-direction: column;
        gap: 16px;
    }

    .services-card {
        flex: 0 0 100%;
        max-width: 100%;
        min-height: auto;
        padding: 24px 20px 12px;
        text-align: center;
    }

    .services-card-top {
        gap: 20px;
    }

    .services-card-title {
        font-size: 18px;
    }

    .services-card-description {
        font-size: 14px;
        line-height: 24px;
    }

    /* Services Archive CTA */
    .services-archive-cta-section {
        padding-top: 20px;
        padding-bottom: 50px;
    }

    .services-card-icon {
    margin: 0 auto;
}

.services-card-link {
    justify-content: center;
}

    /* SVC Single Banner */
    .svc-single-banner-section {
        padding: 50px 0 120px;
        margin-top: 80px;
    }

    .svc-single-banner-right-image {
        width: 40%;
        height: 40%;
        top: unset;
        bottom: 0;
    }

    .svc-single-banner-right-image img {
        height: 100%;
    }

    .svc-single-banner-content {
        text-align: center;
        align-items: center;
        gap: 10px;
    }

    .svc-single-banner-heading-wrap {
        align-items: center;
    }

    .svc-single-banner-eyebrow {
        font-size: 20px;
    }

    .svc-single-banner-heading {
        font-size: 36px;
        line-height: 44px;
        letter-spacing: -1px;
        margin: 0px 0 6px;
    }

    .svc-single-banner-description {
        font-size: 16px;
        line-height: 26px;
    }

    /* SVC Intro */
    .svc-intro-section {
        padding: 40px 0 30px;
    }

    .svc-intro-description {
        font-size: 15px;
        line-height: 24px;
    }

    .svc-intro-bottom-image {
        margin-top: 24px;
    }

    /* SVC Approach — 1 col */
    .svc-approach-section {
        padding: 40px 0 50px;
    }

    .svc-approach-cards {
        flex-direction: column;
        gap: 28px;
        align-items: center;
    }

    .svc-approach-card {
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
    }

    .svc-approach-card-circle {
        width: 130px;
        height: 130px;
    }

    .svc-approach-card-icon {
        width: 56px;
        height: 56px;
    }

    .svc-approach-card-number {
        width: 36px;
        height: 36px;
        font-size: 16px;
    }

    /* SVC Results */
    .svc-results-section {
        padding: 40px 0;
    }

    .svc-results-section::before,
    .svc-results-section::after {
        width: 60px;
        height: 78px;
    }

    .svc-results-section::before {
        top: -40px;
    }

    .svc-results-section::after {
        bottom: -40px;
    }

    .svc-results-wrap {
        max-width: 100%;
        gap: 16px;
    }

    .svc-results-subheading {
        font-size: 22px;
    }

    .svc-results-description {
        font-size: 16px;
        line-height: 26px;
    }

    /* SVC Suited */
    .svc-suited-section {
        padding: 40px 0;
    }

    .svc-suited-header {
        margin-bottom: 30px;
    }

    .svc-suited-item {
        padding: 18px;
        gap: 18px;
        flex-direction: column;
        text-align: center;
    }

    .svc-suited-section .svc-suited-item-icon {
        width: 56px;
        height: 56px;
    }

    .svc-suited-section .svc-suited-item-icon::before {
        width: 26px;
        height: 26px;
    }

    .svc-suited-item-text {
        font-size: 15px;
        line-height: 24px;
    }

    /* SVC Single CTA */
    .svc-single-cta-section {
        padding-top: 20px;
        padding-bottom: 50px;
    }

    .svc-intro-wrap {
    gap: 0;
}

.svc-results-header {
    margin-bottom: 0;
}



    .svc-suited-row {
        flex-direction: column-reverse;
        row-gap: 30px;
    }
	
	
	.svc-suited-right-image {
    width: 70%;
    margin: auto;
}



}

@media (max-width: 575px) {
    .hero-heading {
        font-size: 30px;
        line-height: 38px;
    }

    .section-heading,
    .advisory-heading,
    .founder-name {
        font-size: 28px;
        line-height: 36px;
        letter-spacing: -0.6px;
    }

    .execution-heading {
        font-size: 24px;
        line-height: 32px;
    }

    .execution-description {
        font-size: 18px;
        line-height: 26px;
    }

    .final-cta-heading {
        font-size: 30px;
        line-height: 38px;
    }

    .engagement-tab {
        font-size: 18px;
        line-height: 22px;
    }

    .wic-card {
        padding: 22px 18px;
    }

    .trusted-logo-card {
        height: 100px;
        margin: 0 6px;
    }

    .trusted-logo-card img {
        max-height: 64px;
    }

    .sectors-center {
        max-width: 240px;
        height: 180px;
    }

    /* .final-cta-button,
    .advisory-cta-wrap .btn-primary {
        width: 100%;
        min-width: 0;
    } */

    .about-banner-heading {
        font-size: 30px;
        line-height: 38px;
    }

    .about-sme-box-title {
        font-size: 18px;
    }

    .about-mvv-tab-name {
        font-size: 18px;
        line-height: 24px;
    }

    .about-mvv-panel-title {
        font-size: 20px;
        line-height: 26px;
    }

    .about-exped-card-title,
    .about-cap-card-title {
        font-size: 17px;
    }

    .contact-banner-heading {
        font-size: 30px;
        line-height: 38px;
    }

    /* .contact-form-decorative {
        display: none;
    } */

    .contact-form-inner .gform_wrapper input[type="text"],
    .contact-form-inner .gform_wrapper input[type="email"],
    .contact-form-inner .gform_wrapper input[type="tel"],
    .contact-form-inner .gform_wrapper input[type="url"],
    .contact-form-inner .gform_wrapper input[type="number"],
    .contact-form-inner .gform_wrapper input[type="date"],
    .contact-form-inner .gform_wrapper select,
    .contact-form-inner .gform_wrapper textarea {
        height: 50px;
        padding: 10px 14px;
    }

    .contact-form-inner .gform_wrapper textarea {
        height: 110px;
    }

    .case-archive-banner-heading {
        font-size: 30px;
        line-height: 38px;
    }

    .case-archive-listing-section .section-heading {
        font-size: 28px;
        line-height: 36px;
    }

    .case-single-banner-heading {
        font-size: 30px;
        line-height: 38px;
    }

    .case-single-title {
        font-size: 22px;
        line-height: 30px;
    }

    .case-single-box-label {
        font-size: 18px;
    }

    .services-archive-banner-heading {
        font-size: 30px;
        line-height: 38px;
    }

    .services-archive-listing-section .section-heading {
        font-size: 28px;
        line-height: 36px;
    }

    .services-card-title {
        font-size: 17px;
    }

    .svc-single-banner-heading {
        font-size: 30px;
        line-height: 38px;
    }

    .svc-single-banner-eyebrow {
        font-size: 18px;
    }

    .svc-approach-card-circle {
        width: 110px;
        height: 110px;
    }

    .svc-approach-card-icon {
        width: 48px;
        height: 48px;
    }

    .svc-results-subheading {
        font-size: 20px;
    }

    .svc-suited-section .svc-suited-item-icon {
        width: 48px;
        height: 48px;
    }
}

@media (max-width: 480px) {
    .mm .site-branding {
    width: 30%;
}

.mm .site-branding img.custom-logo {
    width: 100%;
}

.hanbuger_wrapper {
    width: 70%;
    gap: 10px;
}

#mmb {
    margin-right: 0;
}
}