/*!
Theme Name: SHMStudio
Theme URI: https://www.shm.studio/
Author: Red Apple
Description: A starter & standard theme for WordPress built for multipurpose.
Version: 1.0.0
Tested up to: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: shm-studio
*/

@charset "utf-8";

/* ================= SYNE Web FONT ================= */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 400;
    src: url('./fonts/nunito-v32-latin-regular.woff2') format('woff2');
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* syne-regular - latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Syne';
    font-style: normal;
    font-weight: 400;
    src: url('./fonts/syne-v23-latin-regular.eot');
    /* IE9 Compat Modes */
    src: url('./fonts/syne-v23-latin-regular.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('./fonts/syne-v23-latin-regular.woff2') format('woff2'),
        /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
        url('./fonts/syne-v23-latin-regular.woff') format('woff'),
        /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
        url('./fonts/syne-v23-latin-regular.ttf') format('truetype'),
        /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
        url('./fonts/syne-v23-latin-regular.svg#Syne') format('svg');
    /* Legacy iOS */
}

/* syne-500 - latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Syne';
    font-style: normal;
    font-weight: 500;
    src: url('./fonts/syne-v23-latin-500.eot');
    /* IE9 Compat Modes */
    src: url('./fonts/syne-v23-latin-500.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('./fonts/syne-v23-latin-500.woff2') format('woff2'),
        /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
        url('./fonts/syne-v23-latin-500.woff') format('woff'),
        /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
        url('./fonts/syne-v23-latin-500.ttf') format('truetype'),
        /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
        url('./fonts/syne-v23-latin-500.svg#Syne') format('svg');
    /* Legacy iOS */
}

/* syne-600 - latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Syne';
    font-style: normal;
    font-weight: 600;
    src: url('./fonts/syne-v23-latin-600.eot');
    /* IE9 Compat Modes */
    src: url('./fonts/syne-v23-latin-600.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('./fonts/syne-v23-latin-600.woff2') format('woff2'),
        /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
        url('./fonts/syne-v23-latin-600.woff') format('woff'),
        /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
        url('./fonts/syne-v23-latin-600.ttf') format('truetype'),
        /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
        url('./fonts/syne-v23-latin-600.svg#Syne') format('svg');
    /* Legacy iOS */
}

/* syne-700 - latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Syne';
    font-style: normal;
    font-weight: 700;
    src: url('./fonts/syne-v23-latin-700.eot');
    /* IE9 Compat Modes */
    src: url('./fonts/syne-v23-latin-700.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('./fonts/syne-v23-latin-700.woff2') format('woff2'),
        /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
        url('./fonts/syne-v23-latin-700.woff') format('woff'),
        /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
        url('./fonts/syne-v23-latin-700.ttf') format('truetype'),
        /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
        url('./fonts/syne-v23-latin-700.svg#Syne') format('svg');
    /* Legacy iOS */
}

/* syne-800 - latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Syne';
    font-style: normal;
    font-weight: 800;
    src: url('./fonts/syne-v23-latin-800.eot');
    /* IE9 Compat Modes */
    src: url('./fonts/syne-v23-latin-800.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('./fonts/syne-v23-latin-800.woff2') format('woff2'),
        /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
        url('./fonts/syne-v23-latin-800.woff') format('woff'),
        /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
        url('./fonts/syne-v23-latin-800.ttf') format('truetype'),
        /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
        url('./fonts/syne-v23-latin-800.svg#Syne') format('svg');
    /* Legacy iOS */
}


/*---------------// COLOR CUSTOM PROPERTIES //---------------*/
:root {
    --font-syne: "Syne", sans-serif;
    --font-nunito: "Nunito";
    --color-white: #FFFFFF;
    --color-black: #232323;
    --color-light: #f4f4f4;
    --color-offwhite: #FEFDF6;
}

.bg-white {
    background: var(--color-white);
}

.bg-black {
    background: var(--color-black);
}

.bg-light {
    background: var(--color-light);
}

.bg-offwhite {
    background: var(--color-offwhite);
}


/*----------- CSS Document -----------*/
* {
    font-family: var(--font-nunito);
    font-family: var(--font-syne);
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

b,
strong {
    font-family: var(--font-syne);
    font-weight: 500;
}

::placeholder {
    color: var(--color-black);
    opacity: 1;
}

::-moz-placeholder {
    color: var(--color-black);
    opacity: 1;
}

::-ms-input-placeholder {
    color: var(--color-black);
    opacity: 1;
}

::-webkit-input-placeholder {
    color: var(--color-black);
    opacity: 1;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: var(--font-syne);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    font-smoothing: antialiased;
    background-color: var(--color-offwhite);
    -webkit-font-kerning: none;
    font-kerning: none;
    margin: 0;
    padding: 0;
    position: relative;
    overflow-x: hidden;
}

img {
    max-width: 100%;
    height: auto;
}

p {
    margin-bottom: 20px;
}

p:last-of-type {
    margin-bottom: 0;
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 20px;
}

.h-full {
    height: 100%;
}

a {
    text-decoration: none;
}

@supports (position: sticky) {
    .is-sticky {
        position: sticky;
        top: 0;
    }
}

.element-hidden {
    overflow: hidden;
}

main:not(body.home main) {
    padding-top: 130px;
}

main {
    overflow: hidden;
}

/* // =============== // HEADER START // =============== // */
.shm-header {
    position: fixed;
    width: 100%;
    padding-top: 35px;
    left: 0;
    top: 0;
    z-index: 999;
    transition: all 0.45s cubic-bezier(0.2, 0.9, 0.2, 1), box-shadow 0.3s;
}

.shm-header.header-sticky {
    padding-top: 0;
    box-shadow: 0px 4px 23px 0px rgba(0, 0, 0, 0.1);
    background: rgba(255, 255, 255, 0.7);
    border-radius: 0;
    overflow: hidden;
    backdrop-filter: blur(4px) saturate(130%);
    -webkit-backdrop-filter: blur(4px) saturate(130%);
    isolation: isolate;
}

/* .shm-header.header-sticky {
    position: fixed;
    top: 0;
    animation: slideDown 0.35s ease-out;
}

@keyframes slideDown {
    from {
        transform: translateY(-100%);
    }

    to {
        transform: translateY(0);
    }
} */

.shm-header .shm-header-wrapper {
    position: relative;
    box-shadow: 0px 4px 23px 0px rgba(0, 0, 0, 0.1);
    background: rgba(255, 255, 255, 0.7);
    border-radius: 20px;
    overflow: hidden;
    backdrop-filter: blur(4px) saturate(130%);
    -webkit-backdrop-filter: blur(4px) saturate(130%);
    isolation: isolate;
    transition: transform 0.45s cubic-bezier(0.2, 0.9, 0.2, 1), box-shadow 0.3s;
}

.shm-header.header-sticky .shm-header-wrapper {
    box-shadow: none;
    background: none;
    border-radius: 0;
    overflow: hidden;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

/* .shm-header .shm-header-wrapper::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    backdrop-filter: blur(23px);
    z-index: -1;
} */

.shm-header .main-header {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 94px;
    background: rgba(255, 255, 255, 0.7);
    /* box-shadow: 0px 4px 23px 0px rgba(0, 0, 0, 0.1); */
    padding: 0 34px;
    transition: transform 0.45s cubic-bezier(0.2, 0.9, 0.2, 1), box-shadow 0.3s;
}

.shm-header.header-sticky .shm-header-wrapper .main-header {
    background: none;
}

.menu-open .shm-header .main-header {
    border-radius: 20px 20px 0 0;
}

.shm-header .quick-navigation {
    position: relative;
    width: 100%;
    display: flex;
    /* flex-wrap: wrap; */
    /* align-items: center; */
    justify-content: space-between;
}

.shm-header .quick-navigation .brand-logo {
    display: flex;
    align-items: center;
    gap: 7.2px;
    font-weight: 500;
    font-size: 27px;
    line-height: 32px;
    color: var(--color-black);
}

.shm-header .quick-navigation .header-navigation {
    position: relative;
    display: flex;
    align-items: center;
    gap: 65px;
}

.shm-header .quick-navigation .header-navigation-area {
    position: relative;
    display: flex;
    align-items: center;
    margin-left: 40px;
    gap: 65px;
}

.shm-header .quick-navigation .header-navigation-area ul {
    position: relative;
    display: flex;
    gap: 65px;
    margin-bottom: 0;
}

.shm-header .quick-navigation .header-navigation-area ul li a {
    font-size: 20px;
    color: var(--color-black);
}

.shm-header .quick-navigation .header-navigation-area .featured-btn a {
    font-size: 20px;
    color: var(--color-white);
    background: #232323;
    box-shadow: 0px 2px 4.8px rgba(0, 0, 0, 0.19);
    border-radius: 10px;
    padding: 10px 14px;
}

.shm-header .shm-menu-container .featured-btn a {
    font-size: 30px;
    color: var(--color-white);
    background: #232323;
    box-shadow: 0px 2px 4.8px rgba(0, 0, 0, 0.19);
    border-radius: 10px;
    padding: 10px 14px;
    text-align: center;
}

.shm-header .shm-menu-container .menu-wrapper .mega-content-left .main-navigation ul li.featured-btn {
    display: none;
}

/* Submenu / Dropdown Menu CSS End */
/* Mobile Menu CSS Start*/

.shm-menu-container {
    position: relative;
    top: auto;
    left: 0;
    width: 100%;
    background: rgba(255, 255, 255, 0.7);
    height: 0;
    max-height: 0;
    overflow: hidden;
    z-index: 999;
    transition: all 0.4s ease;
}

.shm-header.header-sticky .shm-menu-container {
    background: none;
}

.shm-menu-container>* {
    display: flex;
    align-items: stretch;
    height: 100%;
}

.shm-menu-container .main-navigation {
    height: 100%;
}

.shm-menu-container .menu-wrapper {
    display: flex;
    border-top: 1px solid rgba(35, 35, 35, 0.30);
}

.shm-menu-container .menu-wrapper .mega-content-left {
    flex: 0 0 auto;
    width: 75%;
    border-right: 1px solid rgba(35, 35, 35, 0.30);
}

.shm-menu-container .menu-wrapper .mega-content-left .main-navigation ul {
    position: relative;
    width: 33.333%;
    padding: 28px 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-height: 100%;
}

.shm-menu-container .menu-wrapper .mega-content-left .main-navigation ul.sub-menu {
    /* height: 100%; */
    min-height: 100%;
    height: inherit;
}

/* .shm-menu-container .menu-wrapper .mega-content-left .main-navigation ul:not(.main-navigation ul ul ul) {
    border-right: 1px solid var(--color-black);
} */

.shm-menu-container .menu-wrapper .mega-content-left .main-navigation ul:not(.main-navigation ul ul ul)::after {
    content: '';
    width: 1px;
    height: 150%;
    background: rgba(35, 35, 35, 0.30);
    display: block;
    position: absolute;
    right: 0;
    top: 0;
}

.shm-menu-container .menu-wrapper .mega-content-left .main-navigation ul li {
    /* position: relative; */
    padding: 0 28px;
}

.shm-menu-container .menu-wrapper .mega-content-left .main-navigation ul>li {
    display: block;
}

.shm-menu-container .menu-wrapper .mega-content-left .main-navigation ul li a {
    display: block;
    text-decoration: none;
    padding: 13px 28px;
    border-radius: 12px;
    transition: 0.3s ease all;
    font-size: 20px;
    color: var(--color-black);
}

.shm-menu-container .menu-wrapper .mega-content-left .main-navigation ul li:hover>a {
    background: #2323230D;
}

/* Submenu hidden by default */
.shm-menu-container .menu-wrapper .mega-content-left .main-navigation ul ul {
    position: absolute;
    top: 0;
    left: 100%;
    opacity: 0;
    visibility: hidden;
}

/* Show submenu on hover */
.shm-menu-container .menu-wrapper .mega-content-left .main-navigation ul li:hover>ul {
    visibility: visible;
    opacity: 1;
}

.shm-menu-container .menu-wrapper .mega-content-right {
    flex: 0 0 auto;
    width: 25%;
    padding: 28px;
}

.shm-menu-container .menu-wrapper .mega-content-right .standout-box {
    background: #F4F4F4;
    border-radius: 12px;
    padding: 24px 16px;
    height: 100%;
}

.shm-menu-container .menu-wrapper .mega-content-right .standout-box .box-title {
    font-size: 25px;
    text-align: justify;
    margin-bottom: 35px;
}

.shm-menu-container .menu-wrapper .mega-content-right .standout-box .box-description {
    font-size: 20px;
    text-align: justify;
}

/* ========================================= */
/* ============ MOBILE MENU CSS ============ */
/* ========================================= */

.mobile-menu {
    position: relative;
    left: 0;
    top: 0;
    /* height: 100%; */
    width: 100%;
    /* overflow-x: hidden; */
    /* overflow-y: auto; */
}

.mobile-menu .nav-toggle {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 19px;
    z-index: 100;
    cursor: pointer;
    display: none;
    border-bottom: 1px solid var(--color-black);
}

.mobile-menu .nav-toggle.back-visible {
    display: flex;
}

.mobile-menu .nav-toggle .toggle-wrap {
    display: flex;
    padding: 14px 17px;
    background: var(--color-light);
    width: 100%;
    border-radius: 12px;
}

.mobile-menu .nav-toggle.back-visible .nav-back {
    opacity: 1;
}

.mobile-menu .nav-toggle.back-visible .nav-title {
    transform: translateX(60px);
    display: block;
}

.mobile-menu .nav-title {
    position: absolute;
    left: 0;
    color: var(--color-black);
    font-size: 30px;
    font-weight: 400;
    line-height: 1;
    display: none;
}

.mobile-menu .nav-back {
    display: flex;
    position: relative;
    width: 30px;
    height: 30px;
    z-index: 1;
    opacity: 0;
    transition: opacity 0.2s;
    color: var(--color-black);
    font-size: 30px;
    font-weight: 400;
    line-height: 1;
}

.mobile-menu .nav-back:before {
    content: "<";
    position: absolute;
    left: 0;
}

.mobile-menu ul {
    list-style: none;
    transition: transform 0.3s;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    padding: 30px 19px;
    margin: 0;
}

.mobile-menu ul ul {
    display: block;
    left: 100%;
    padding: 30px 19px;
    visibility: hidden;
    opacity: 0;
}

.mobile-menu ul li {
    /* position: relative; */
}

.mobile-menu ul li a {
    display: block;
    color: var(--color-black);
    font-size: 30px;
    font-weight: 400;
    padding: 14px 17px;
    border-radius: 12px;
}

.mobile-menu ul li a:hover {
    background: var(--color-light);
}

.main-navigation li.menu-item-has-children>a::after,
.mobile-menu li.menu-item-has-children>a::after {
    content: ">";
    position: relative;
    left: 15px;
}

.mobile-menu li.nav-dropdown-open>ul {
    visibility: visible;
    opacity: 1;
}

.mobile-menu ul.sub-menu {
    top: 97px;
}

.mobile-menu ul.sub-menu ul.sub-menu {
    top: 0;
    overflow-x: hidden;
}

/*Sidebar Start*/
/* Mobile Menu CSS End*/

@media (max-width: 1199px) {
    .shm-menu-container .menu-wrapper .mega-content-left .main-navigation ul {
        padding: 15px 0;
    }

    .shm-menu-container .menu-wrapper .mega-content-left .main-navigation ul li {
        padding: 0 15px;
    }

    .shm-menu-container .menu-wrapper .mega-content-left .main-navigation ul li a {
        padding: 13px 15px;
        font-size: 18px;
    }

    .shm-menu-container .menu-wrapper .mega-content-right {
        padding: 15px;
    }

    .shm-menu-container .menu-wrapper .mega-content-right .standout-box .box-title {
        font-size: 18px;
        margin-bottom: 25px;
    }

    .shm-menu-container .menu-wrapper .mega-content-right .standout-box .box-description {
        font-size: 16px;
    }

}

@media (max-width: 991px) {
    .shm-header .quick-navigation .header-navigation {
        display: none;
    }

    .shm-header .shm-menu-container.menu-open {
        height: calc(100vh - 164px);
        max-height: calc(100vh - 164px);
    }

    .shm-header.header-sticky .shm-menu-container.menu-open {
        height: calc(100vh - 75px);
        max-height: calc(100vh - 75px);
    }

    .shm-header .shm-menu-container .menu-wrapper {
        display: none;
    }

    body.menu-open {
        overflow: hidden;
    }

    .shm-header .quick-navigation .brand-logo {
        font-size: 0;
    }

    .shm-header .quick-navigation .brand-logo img {
        width: 38px;
        height: 33px;
    }

    .shm-menu-container .mobile-menu {
        border-top: 1px solid var(--color-black);
    }

    .shm-menu-container .mobile-menu #mobile-menu-wrap {
        overflow: hidden;
    }
}

@media (min-width: 992px) {
    .shm-menu-container .mobile-menu {
        display: none;
    }

}


.hamburger {
    display: block;
    width: 40px;
    cursor: pointer;
    transition-property: opacity, filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible;
}

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
    background-color: var(--color-black);
}

.hamburger-box {
    height: 30px;
    display: block;
    position: relative;
}

.hamburger-inner {
    display: block;
    top: 50%;
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
    width: 40px;
    height: 1px;
    background-color: var(--color-black);
    border-radius: 0;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
}

.hamburger-inner::before,
.hamburger-inner::after {
    content: "";
    display: block;
}

.hamburger-inner::before {
    top: -15px;
}

.hamburger-inner::after {
    bottom: -14px;
}

.hamburger--squeeze .hamburger-inner {
    transition-duration: 0.075s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--squeeze .hamburger-inner::before {
    transition: top 0.075s 0.12s ease, opacity 0.075s ease;
}

.hamburger--squeeze .hamburger-inner::after {
    transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--squeeze.is-active .hamburger-inner {
    transform: rotate(45deg);
    transition-delay: 0.12s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--squeeze.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}

.hamburger--squeeze.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}


/* // =============== // HEADER END // =============== // */

/* // =============== // FOOTER START // =============== // */
footer {
    position: relative;
    padding: max(5.469vw, 60px) 0 max(4.688vw, 60px);
    border-top: 1px solid rgba(0, 0, 0, 0.3);
}

footer .shm-container {
    display: flex;
    flex-direction: column;
    gap: 60px;
}

footer .footer-logo-wrapper {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

footer .footer-logo-wrapper a {
    display: flex;
    align-items: center;
    gap: 7.2px;
    font-weight: 500;
    font-size: 27px;
    line-height: 32px;
    color: var(--color-black);
    width: max-content;
}

footer .footer-logo-wrapper .shm-description p {
    text-align: left;
}

footer .footer-left {
    display: flex;
    flex-direction: column;
    gap: 38px;
}

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

footer .footer-location .shm-title {
    font-size: 20px;
}

footer .footer-location .location-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
}

footer .footer-location .location-grid .location-item {
    color: var(--color-black);
    font-size: 16px;
    line-height: 1.3;
    font-style: normal;
    font-weight: 400;
}

footer .footer-left .footer-quick-nav ul {
    display: flex;
    gap: 40px;
}

footer .footer-left .footer-quick-nav ul li a {
    color: var(--color-black);
    font-size: 16px;
    line-height: 1.3;
    font-style: normal;
    font-weight: 400;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    text-transform: lowercase;
}

footer .shm-container .shm-copyright {
    color: var(--color-black);
    font-size: 14px;
    font-weight: 400;
}

footer .quick-request {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 28px;
    height: 100%;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.25);
    box-shadow: 0 4px 21.1px 0 rgba(0, 0, 0, 0.09);
}

footer .quick-request .form-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
}

footer .quick-request .form-wrapper .wpcf7-list-item-label {
    color: var(--color-black);
    font-size: 14px;
    font-weight: 400;
}

.wpcf7-list-item-label a {
    color: var(--color-black);
    font-size: 14px;
    font-weight: 400;
    text-decoration: underline;
}

footer .quick-request .form-wrapper input[type="text"],
footer .quick-request .form-wrapper input[type="email"],
footer .quick-request .form-wrapper input[type="tel"],
footer .quick-request .form-wrapper textarea {
    border: none;
    display: block;
    background: var(--color-light);
    font-size: 16px;
    font-weight: 300;
    padding: 15px;
    border-radius: 9px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    -ms-border-radius: 9px;
    -o-border-radius: 9px;
    width: 100%;
    color: var(--color-black);
    box-shadow: none;
    outline: none;
    overflow: hidden;
    resize: none;
}

footer .quick-request .form-wrapper input::placeholder,
footer .quick-request .form-wrapper textarea::placeholder {
    color: #C5C5C5;
    opacity: 1;
}

footer .quick-request .form-wrapper input::-moz-placeholder,
footer .quick-request .form-wrapper textarea::-moz-placeholder {
    color: #C5C5C5;
    opacity: 1;
}

footer .quick-request .form-wrapper input::-ms-input-placeholder,
footer .quick-request .form-wrapper textarea::-ms-input-placeholder {
    color: #C5C5C5;
    opacity: 1;
}

footer .quick-request .form-wrapper input::-webkit-input-placeholder,
footer .quick-request .form-wrapper textarea::-webkit-input-placeholder {
    color: #C5C5C5;
    opacity: 1;
}

footer .quick-request .form-wrapper .form-item .wpcf7-list-item {
    margin: 0;
}

footer .quick-request .form-wrapper .btn-submit {
    position: relative;
    display: flex;
    justify-content: flex-end;
}

footer .quick-request .form-wrapper .btn-submit .wpcf7-spinner {
    position: absolute;
    left: 66%;
    top: 50%;
    transform: translate(0, -50%);
}

footer .quick-request .form-wrapper .btn-submit .wpcf7-submit {
    font-size: 16px;
    color: var(--color-white);
    background: var(--color-black);
    box-shadow: 0 4px 21.1px 0 rgba(0, 0, 0, 0.09);
    border-radius: 10px;
    padding: 10px 14px;
    text-align: center;
    border: none;
    outline: none;
    min-width: 82px;
}

/* // =============== // FOOTER END // =============== // */

/* // ======================================================================================================================= // */
/* // ============================================= // MULTIPLE USE CSS START // ============================================ // */
/* // ======================================================================================================================= // */
.page-title {
    display: block;
    font-size: 50px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: #000000;
}

.shm-title {
    color: var(--color-black);
    display: block;
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.shm-description p {
    color: var(--color-black);
    text-align: justify;
    font-size: 16px;
    line-height: 1.3;
    font-style: normal;
    font-weight: 400;
}

.shm-description p a {
    color: var(--color-black);
    text-align: justify;
    font-size: 16px;
    line-height: 1.3;
    font-style: normal;
    font-weight: 400;
    text-decoration: underline;
}

.shm-description ul li {
    position: relative;
    padding-left: 15px;
    color: var(--color-black);
    text-align: justify;
    font-size: 16px;
    line-height: 1.3;
    font-style: normal;
    font-weight: 400;
}

.shm-description ol li a,
.shm-description ul li a {
    color: var(--color-black);
    text-align: justify;
    font-size: 16px;
    line-height: 1.3;
    font-style: normal;
    font-weight: 400;
}

.shm-description ul li::after {
    content: '';
    width: 5px;
    height: 5px;
    border-radius: 20px;
    display: block;
    position: absolute;
    left: 0;
    top: 8px;
    background: var(--color-black);
}

.shm-description ol {
    margin-left: 15px;
}

.shm-description ol li {
    color: var(--color-black);
    text-align: justify;
    font-size: 16px;
    line-height: 1.3;
    font-style: normal;
    font-weight: 400;
}

.btn-global {
    display: flex;
}

.btn-global a {
    font-size: 16px;
    color: var(--color-white);
    background: var(--color-black);
    box-shadow: 0 4px 21.1px 0 rgba(0, 0, 0, 0.09);
    border-radius: 10px;
    padding: 10px 14px;
    min-width: 130px;
    text-align: center;
}

.swiper-button-next,
.swiper-button-prev {
    position: relative;
    min-width: 35px;
    width: 35px;
    height: 35px;
    margin: 0;
    top: auto;
    left: auto;
    right: auto;
    border-radius: 100px;
    border: 1px solid var(--color-light);
    background: var(--color-light);
    transition: 0.5s ease-out;
    -webkit-transition: 0.5s ease-out;
    -moz-transition: 0.5s ease-out;
    -ms-transition: 0.5s ease-out;
    -o-transition: 0.5s ease-out;
}

.swiper-button-prev::after {
    content: '';
    width: 10px;
    height: 15px;
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='13' viewBox='0 0 9 13' fill='none'%3E%3Cpath d='M8.14746 1.05408L1.10424 6.50858L8.14746 11.9631' stroke='black' stroke-width='1.16009' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
}

.swiper-button-next::after {
    content: '';
    width: 10px;
    height: 15px;
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='13' viewBox='0 0 9 13' fill='none'%3E%3Cpath d='M0.77832 11.9089L7.82154 6.45443L0.77832 0.999922' stroke='black' stroke-width='1.16009' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
}

.swiper-button-next {
    right: 0;
}

.swiper-button-prev {
    left: 0;
}

.btn-main {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 20px;
    overflow: hidden;
    height: 75px;
    padding: 0 28px;
    color: var(--color-black);
    font-size: 20px;
    font-weight: 400;
    background: var(--color-light);
    transition: 0.3s ease all;
}

.btn-main:hover {
    color: var(--color-light);
    background: var(--color-black);
}

.btn-main span {
    position: relative;
    min-width: 35px;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    margin-left: 20px;
    top: auto;
    left: auto;
    right: auto;
    border-radius: 100px;
    background: rgba(255, 255, 255, 0.45);
    transition: 0.5s ease-out;
    -webkit-transition: 0.5s ease-out;
    -moz-transition: 0.5s ease-out;
    -ms-transition: 0.5s ease-out;
    -o-transition: 0.5s ease-out;
    transition: 0.3s ease all;
}

.btn-main:hover span {
    background: rgba(237, 237, 234, 0.32);
    box-shadow: inset rgba(17, 17, 26, 0.2) 0px 4px 16px, inset rgba(17, 17, 26, 0.2) 0px 8px 32px;
}

.btn-main span::before {
    content: '';
    position: absolute;
    inset: 0;
    padding: 1px;
    background: linear-gradient(120deg, #FFF 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 50%, #FFF 100%);
    border-radius: inherit;
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
    -webkit-mask-composite: destination-out;
    pointer-events: none;
    opacity: 0.6;
}

.btn-main span::after {
    content: '';
    width: 10px;
    height: 15px;
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='13' viewBox='0 0 9 13' fill='none'%3E%3Cpath d='M0.77832 11.9089L7.82154 6.45443L0.77832 0.999922' stroke='black' stroke-width='1.16009' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
}

.cover-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
}

/* // ======================================================================================================================= // */
/* // ============================================== // MULTIPLE USE CSS END // ============================================= // */
/* // ======================================================================================================================= // */


/* // ======================================================================================================================= // */
/* // ============================================== // BREADCRUMB CSS START // ============================================= // */
/* // ======================================================================================================================= // */
.shm-breadcrumb {
    position: relative;
    padding-top: 105px;
}

.shm-breadcrumb .shm-container {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.shm-breadcrumb .shm-container .breadcrumbs span {
    color: #000000;
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
}

.shm-breadcrumb .shm-container .shm-wrapper .title-wrapper {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.shm-breadcrumb .shm-container .shm-wrapper {
    display: flex;
    flex-direction: column;
    gap: 50px;
}

/* // ======================================================================================================================= // */
/* // ============================================== // BREADCRUMB CSS END // ============================================= // */
/* // ======================================================================================================================= // */

/* // =============== // GLOBAL CSS START // =============== // */

.home-banner {
    position: relative;
    width: 100%;
    height: 100%;
    /* height: 100vh; */
    display: flex;
    flex-direction: row;
    align-items: stretch;
    overflow: hidden;
}

.home-banner {
    width: 100%;
}

.home-banner .home-banner-slider-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.home-banner .home-banner-slider-container video {
    width: 100vw;
    height: 100%;
    object-fit: cover;
}

.home-banner .home-banner-slider-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.home-banner .banner-wrapper {
    position: relative;
    width: 100%;
    z-index: 9;
}

/* .home-banner .home-banner-slider-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    z-index: 9;
} */

.home-banner .slider-content::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: linear-gradient(250deg, rgba(254, 253, 246, 0.00) 21.58%, #FEFDF6 61.34%), linear-gradient(180deg, rgba(254, 253, 246, 0.00) 55.12%, #FEFDF6 100%);
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.home-banner .slider-content {
    padding-top: 130px;
    padding-bottom: 50px;
}

.home-banner .slider-content .slider-wrap {
    margin: 145px 0 120px;
}

.home-banner .slider-content .slider-content-inner {
    max-width: 550px;
}

.home-banner .slider-content .title-wrapper {
    margin-bottom: 30px;
}

.home-banner .slider-content .slider-title {
    display: block;
    color: var(--color-black);
    font-size: 35px;
    font-style: normal;
    font-weight: 400;
}

.home-banner .slider-content .slider-subtitle {
    font-size: 25px;
    font-weight: 400;
    color: var(--color-black);
}

.home-banner .slider-content .banner-logos {
    margin-top: 30px;
}

.home-banner .slider-content .banner-logos .logo-wrap {
    max-width: 460px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 31px 50px;
}

.home-banner .slider-content .banner-logos .logo-wrap .img-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.home-banner .banner-wrapper .collaborators {
    position: relative;
    min-height: 131px;
    display: flex;
    align-items: center;
    padding: 12px 30px;
    box-shadow: 0px 4px 23px 0px rgba(0, 0, 0, 0.1);
    background: rgba(255, 255, 255, 0.25);
    border-radius: 20px;
    overflow: hidden;
    backdrop-filter: blur(4px) saturate(130%);
    -webkit-backdrop-filter: blur(4px) saturate(130%);
    isolation: isolate;
    transition: transform 0.45s cubic-bezier(0.2, 0.9, 0.2, 1), box-shadow 0.3s;
}

.collaboratorsSlider.swiper-free-mode .swiper-wrapper {
    transition-timing-function: linear;
    margin: 0 auto;
}

.collaboratorsSlider .swiper-slide .img-wrapper {
    display: flex;
    justify-content: center;
}

.collaboratorsSlider .swiper-slide img {
    /* aspect-ratio: 16/2; */
    width: 160px;
    height: auto;
    /* -o-object-fit: cover; */
    /* object-fit: cover; */
}

.shm-strategy {
    position: relative;
    padding: 50px 0 max(5.833vw, 50px);
    background: linear-gradient(250deg, rgba(254, 253, 246, 0.00) 21.58%, #FEFDF6 61.34%),
        linear-gradient(180deg, rgba(254, 253, 246, 0.00) 55.12%, #FEFDF6 100%);
    overflow: hidden;
}

.shm-strategy .container {
    display: flex;
    flex-direction: column;
    gap: 75px;
}

.shm-strategy .shm-wrapper {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.shm-strategy .strategy-navigation {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    gap: 20px;
    height: 100%;
}

.shm-strategy .strategySlider {
    position: relative;
    overflow: visible;
}

.shm-strategy .strategySlider .swiper-slide {
    height: auto;
}

.service-card {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    padding: 30px 20px 60px;
    height: 100%;
    display: grid;
    grid-template-columns: 0.9fr 1fr;
}

.service-card .content-item {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.service-card .btn-wrapper a {
    color: var(--color-black);
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.shm-voices {
    position: relative;
    padding: max(5.833vw, 50px) 0;
    border-top: 1px solid rgba(0, 0, 0, 0.3);
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}

.shm-voices .shm-container {
    display: flex;
    flex-direction: column;
    gap: 72px;
}

.shm-voices .shm-wrapper {
    display: flex;
    flex-direction: column;
    gap: 20px;
    max-width: 396px;
}

.shm-voices .voices-navigation {
    display: flex;
    gap: 20px;
}

.shm-voices .shm-wrapper .description-wrapper .shm-description p {
    text-align: left;
}

.shm-voices .slider-container {
    display: flex;
    align-items: center;
    height: 100%;
}

.shm-voices .voicesSlider {
    position: relative;
}

.shm-voices .voicesSlider .swiper-slide {
    height: auto;
}

.shm-voices .voicesSlider .content-wrapper {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.shm-voices .voicesSlider .content-wrapper .content-wrap {
    display: flex;
    align-items: center;
    gap: 12px;
}

.shm-voices .voicesSlider .content-wrapper .content-wrap .title-wrapper .voice-name,
.shm-voices .voicesSlider .content-wrapper .content-wrap .title-wrapper .voice-designation {
    color: var(--color-black);
    font-size: 14px;
    font-weight: 400;
}

.shm-voices .voicesSlider .content-wrapper .content-wrap .img-wrapper {
    width: 59px;
    height: 59px;
    border-radius: 100px;
    overflow: hidden;
}

.shm-voices .voicesSlider .content-wrapper .content-wrap .img-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.shm-growth {
    position: relative;
    padding: 112px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    display: flex;
    flex-direction: column;
    gap: 46px;
    overflow: hidden;
}

.shm-growth .content-top {
    position: relative;
}

.shm-growth .content-top .shm-container {
    position: relative;
    background: #000000;
    overflow: hidden;
    border-radius: 20px;
    padding: 88px 23px 40px;
}

.shm-growth .content-top .shm-container .video-wrapper {
    position: absolute;
    top: 50%;
    right: 0;
    width: 100%;
    height: 100%;
    overflow: visible;
    z-index: 0;
    left: 50%;
    transform: translate(-25%, -50%);
    pointer-events: none;
}

.shm-growth .content-top .shm-container .video-wrapper video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.shm-growth .content-top .shm-container .shm-wrapper .content-wrap {
    display: flex;
    flex-direction: column;
    gap: 50px;
}

.shm-growth .content-top .shm-container .shm-wrapper {
    position: relative;
    z-index: 9;
    max-width: 608px;
    display: flex;
    flex-direction: column;
    gap: 58px;
}

.shm-growth .content-top .shm-container .shm-wrapper .content-wrap .shm-title,
.shm-growth .content-top .shm-container .shm-wrapper .content-wrap .shm-description p {
    color: var(--color-white);
}

.shm-growth .content-top .shm-container .shm-wrapper .content-wrap .content-wrap-inner {
    display: flex;
    flex-direction: column;
    gap: 66px;
    max-width: 450px;
    /* background: #000000; */
}

.shm-growth .content-top .shm-container .shm-wrapper .content-wrap .numbers-data {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
}

.shm-growth .content-top .shm-container .shm-wrapper .content-wrap .numbers-data .numbers-item {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 6px;
    justify-content: center;
    text-align: center;
    border-radius: 20px;
    background: #1f1f1f;
    overflow: hidden;
    height: 131px;
    box-shadow: inset rgba(17, 17, 26, 0.2) 0px 4px 16px, inset rgba(17, 17, 26, 0.2) 0px 8px 32px;
    transition: 0.3s ease all;
}

.shm-growth .content-top .shm-container .shm-wrapper .content-wrap .numbers-data .numbers-item::before {
    content: '';
    position: absolute;
    inset: 0;
    padding: 1px;
    background: linear-gradient(135deg, #FFF 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 50%, #FFF 100%);
    border-radius: inherit;
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
    -webkit-mask-composite: destination-out;
    pointer-events: none;
    opacity: 0.4;
    transition: transform 0.6s ease;
}

.shm-growth .content-top .shm-container .shm-wrapper .content-wrap .numbers-data .count-num {
    color: var(--color-white);
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.shm-growth .content-top .shm-container .shm-wrapper .content-wrap .numbers-data .number-label {
    color: var(--color-white);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.shm-growth .content-top .shm-container .shm-wrapper .content-wrap .btn-wrapper .glass-button a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.12);
    overflow: hidden;
    height: 75px;
    padding: 0 28px;
    color: var(--color-white);
    font-size: 20px;
    font-weight: 400;
    box-shadow: inset rgba(17, 17, 26, 0.2) 0px 4px 16px, inset rgba(17, 17, 26, 0.2) 0px 8px 32px;
    background: var(--color-black);
}

.shm-growth .content-top .shm-container .shm-wrapper .content-wrap .btn-wrapper .glass-button a::before {
    content: '';
    position: absolute;
    inset: 0;
    padding: 1px;
    background: linear-gradient(175deg, #FFF 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 50%, #FFF 100%);
    border-radius: inherit;
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
    -webkit-mask-composite: destination-out;
    pointer-events: none;
    opacity: 0.4;
}

.shm-growth .content-top .shm-container .shm-wrapper .content-wrap .btn-wrapper .glass-button a span {
    position: relative;
    min-width: 35px;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    margin-left: 20px;
    top: auto;
    left: auto;
    right: auto;
    border-radius: 100px;
    background: rgba(237, 237, 234, 0.32);
    transition: 0.5s ease-out;
    -webkit-transition: 0.5s ease-out;
    -moz-transition: 0.5s ease-out;
    -ms-transition: 0.5s ease-out;
    -o-transition: 0.5s ease-out;
    box-shadow: inset rgba(17, 17, 26, 0.2) 0px 4px 16px, inset rgba(17, 17, 26, 0.2) 0px 8px 32px;
}

.shm-growth .content-top .shm-container .shm-wrapper .content-wrap .btn-wrapper .glass-button a span::before {
    content: '';
    position: absolute;
    inset: 0;
    padding: 1px;
    background: linear-gradient(120deg, #FFF 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 50%, #FFF 100%);
    border-radius: inherit;
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
    -webkit-mask-composite: destination-out;
    pointer-events: none;
    opacity: 0.6;
}

.shm-growth .content-top .shm-container .shm-wrapper .content-wrap .btn-wrapper .glass-button a span::after {
    content: '';
    width: 10px;
    height: 15px;
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='13' viewBox='0 0 9 13' fill='none'%3E%3Cpath d='M0.77832 11.9089L7.82154 6.45443L0.77832 0.999922' stroke='black' stroke-width='1.16009' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
}

.shm-growth .content-bottom .shm-container {
    position: relative;
    padding: 28px;
    box-shadow: 0px 4px 23px 0px rgba(0, 0, 0, 0.1);
    background: rgba(255, 255, 255, 0.25);
    border-radius: 20px;
    overflow: hidden;
    backdrop-filter: blur(4px) saturate(130%);
    -webkit-backdrop-filter: blur(4px) saturate(130%);
    isolation: isolate;
    transition: transform 0.45s cubic-bezier(0.2, 0.9, 0.2, 1), box-shadow 0.3s;
}

.shm-growth .content-bottom .shm-container .content-wrap {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.shm-growth .content-bottom .shm-loction {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 28px;
}

.shm-growth .content-bottom .shm-loction .location-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 28px;
}

.shm-growth .content-bottom .shm-loction .location-grid .location-item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 20px;
    overflow: hidden;
    height: 75px;
    padding: 0 28px;
    color: var(--color-black);
    font-size: 20px;
    font-weight: 400;
    background: var(--color-light);
    transition: 0.3s ease all;
}

.shm-growth .content-bottom .shm-loction .location-grid .location-item:hover {
    color: var(--color-light);
    background: var(--color-black);
}

.shm-growth .content-bottom .shm-loction .location-grid .location-item span {
    position: relative;
    min-width: 35px;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    margin-left: 20px;
    top: auto;
    left: auto;
    right: auto;
    border-radius: 100px;
    background: rgba(255, 255, 255, 0.45);
    transition: 0.5s ease-out;
    -webkit-transition: 0.5s ease-out;
    -moz-transition: 0.5s ease-out;
    -ms-transition: 0.5s ease-out;
    -o-transition: 0.5s ease-out;
    transition: 0.3s ease all;
}

.shm-growth .content-bottom .shm-loction .location-grid .location-item:hover span {
    background: rgba(237, 237, 234, 0.32);
    box-shadow: inset rgba(17, 17, 26, 0.2) 0px 4px 16px, inset rgba(17, 17, 26, 0.2) 0px 8px 32px;
}

.shm-growth .content-bottom .shm-loction .location-grid .location-item span::before {
    content: '';
    position: absolute;
    inset: 0;
    padding: 1px;
    background: linear-gradient(120deg, #FFF 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 50%, #FFF 100%);
    border-radius: inherit;
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
    -webkit-mask-composite: destination-out;
    pointer-events: none;
    opacity: 0.6;
}

.shm-growth .content-bottom .shm-loction .location-grid .location-item span::after {
    content: '';
    width: 10px;
    height: 15px;
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='13' viewBox='0 0 9 13' fill='none'%3E%3Cpath d='M0.77832 11.9089L7.82154 6.45443L0.77832 0.999922' stroke='black' stroke-width='1.16009' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
}

.shm-growth .content-bottom .shm-loction .img-wrapper {
    border-radius: 20px;
    overflow: hidden;
}

.shm-growth .content-bottom .shm-loction .img-wrapper img:first-child {
    display: block;
}

.shm-growth .content-bottom .shm-loction .img-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: none;
}

.shm-portfolio {
    position: relative;
    padding: max(4.375vw, 50px) 0 max(6.042vw, 50px);
    background: var(--color-offwhite);
}

.shm-portfolio .container {
    display: flex;
    flex-direction: column;
    gap: 50px;
}

.shm-portfolio .shm-wrapper {
    max-width: 640px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.shm-portfolio .portfolio-navigation {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    gap: 20px;
    height: 100%;
}

.portfolio-card {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.portfolio-card a.cover-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.portfolio-card .img-wrapper {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    display: flex;
}

.portfolio-card .img-wrapper img {
    aspect-ratio: 1/1;
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
}

.portfolio-card .content-item {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.portfolio-card .content-item .portfolio-title {
    color: var(--color-black);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.portfolio-card .content-item .portfolio-description {
    color: var(--color-black);
    font-size: 16px;
    line-height: 1.3;
    font-style: normal;
    font-weight: 400;
}

.shm-faqs {
    position: relative;
    padding: max(5.833vw, 50px) 0;
    border-top: 1px solid rgba(0, 0, 0, 0.3);
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}

.shm-faqs .container {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.shm-faqs .shm-wrapper {
    display: flex;
    flex-direction: column;
    gap: 27px;
}

.shm-faqs .accordion .accordion-item .accordion-header .accordion-button {
    background: var(--color-white);
    box-shadow: 0 4px 21.1px 0 rgba(0, 0, 0, 0.09);
}

.shm-faqs .shm-container {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    padding: 28px;
    background: #000000;
    height: 100%;
    display: flex;
    align-items: flex-end;
}

.shm-faqs .shm-container .video-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.shm-faqs .shm-container .video-wrapper video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.shm-faqs .shm-container .shm-wrapper {
    position: relative;
    z-index: 9;
    width: 100%;
}

.shm-faqs .shm-container .shm-wrapper .content-wrap {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.shm-faqs .shm-container .shm-wrapper .content-wrap .shm-title,
.shm-faqs .shm-container .shm-wrapper .content-wrap .shm-description p {
    color: var(--color-white);
    max-width: 230px;
}

.shm-faqs .shm-container .shm-wrapper .btn-wrapper {
    position: relative;
    overflow: hidden;
}

.shm-faqs .shm-container .shm-wrapper .btn-wrapper a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.12);
    overflow: hidden;
    /* height: 75px; */
    padding: 22px 28px;
    color: var(--color-white);
    font-size: 20px;
    font-weight: 400;
    box-shadow: inset rgba(17, 17, 26, 0.2) 0px 4px 16px, inset rgba(17, 17, 26, 0.2) 0px 8px 32px;
    background: rgba(255, 255, 255, 0.10);
    backdrop-filter: blur(4px) saturate(130%);
    -webkit-backdrop-filter: blur(4px) saturate(130%);
}

.shm-faqs .shm-container .shm-wrapper .btn-wrapper a::before {
    content: '';
    position: absolute;
    inset: 0;
    padding: 1px;
    background: linear-gradient(175deg, #FFF 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 50%, #FFF 100%);
    border-radius: inherit;
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
    -webkit-mask-composite: destination-out;
    pointer-events: none;
    opacity: 0.4;
}

.shm-faqs .shm-container .shm-wrapper .btn-wrapper a span {
    position: relative;
    min-width: 35px;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    margin-left: 20px;
    top: auto;
    left: auto;
    right: auto;
    border-radius: 100px;
    background: rgba(244, 244, 244, 0.40);
    transition: 0.5s ease-out;
    -webkit-transition: 0.5s ease-out;
    -moz-transition: 0.5s ease-out;
    -ms-transition: 0.5s ease-out;
    -o-transition: 0.5s ease-out;
    box-shadow: inset rgba(17, 17, 26, 0.2) 0px 4px 16px, inset rgba(17, 17, 26, 0.2) 0px 8px 32px;
}

.shm-faqs .shm-container .shm-wrapper .btn-wrapper a span::before {
    content: '';
    position: absolute;
    inset: 0;
    padding: 1px;
    background: linear-gradient(120deg, #FFF 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 50%, #FFF 100%);
    border-radius: inherit;
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
    -webkit-mask-composite: destination-out;
    pointer-events: none;
    opacity: 0.6;
}

.shm-faqs .shm-container .shm-wrapper .btn-wrapper a span::after {
    content: '';
    width: 10px;
    height: 15px;
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='13' viewBox='0 0 9 13' fill='none'%3E%3Cpath d='M0.77832 11.9089L7.82154 6.45443L0.77832 0.999922' stroke='black' stroke-width='1.16009' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
}


.shm-faqs .shm-container .shm-wrapper .btn-wrapper .btn-blur {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    filter: blur(3px);
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 20px;
    overflow: hidden;
    /* height: 75px; */
    padding: 22px 28px;
    color: var(--color-white);
    font-size: 20px;
    font-weight: 400;
    z-index: -1;
    transform: scale(1.03);
}

.shm-faqs .shm-container .shm-wrapper .btn-wrapper .btn-blur::before {
    content: '';
    position: absolute;
    inset: 0;
    padding: 1px;
    background: linear-gradient(175deg, #FFF 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 50%, #FFF 100%);
    border-radius: inherit;
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
    -webkit-mask-composite: destination-out;
    pointer-events: none;
    opacity: 0.4;
}

.shm-faqs .shm-container .shm-wrapper .btn-wrapper .btn-blur span {
    position: relative;
    min-width: 35px;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    margin-left: 20px;
    top: auto;
    left: auto;
    right: auto;
    border-radius: 100px;
    background: rgba(244, 244, 244, 0.6);
}

.shm-faqs .shm-container .shm-wrapper .btn-wrapper .btn-blur span::before {
    content: '';
    position: absolute;
    inset: 0;
    padding: 1px;
    background: linear-gradient(120deg, #FFF 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 50%, #FFF 100%);
    border-radius: inherit;
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
    -webkit-mask-composite: destination-out;
    pointer-events: none;
    opacity: 0.6;
}

.shm-faqs .shm-container .shm-wrapper .btn-wrapper .btn-blur span::after {
    content: '';
    width: 10px;
    height: 15px;
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='13' viewBox='0 0 9 13' fill='none'%3E%3Cpath d='M0.77832 11.9089L7.82154 6.45443L0.77832 0.999922' stroke='black' stroke-width='1.16009' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
}

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

.accordion .accordion-item .accordion-header .accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 20px;
    overflow: hidden;
    /* height: 75px; */
    width: 100%;
    padding: 22px 28px;
    color: var(--color-black);
    font-size: 20px;
    font-weight: 400;
    text-align: left;
    background: var(--color-light);
    border: none;
    outline: none;
    cursor: pointer;
    transition: 0.3s ease all;
}

.accordion .accordion-item .accordion-header .accordion-button:hover {
    color: var(--color-light);
    background: var(--color-black);
}

.accordion .accordion-item .accordion-header .accordion-button span {
    position: relative;
    min-width: 35px;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    margin-left: 20px;
    top: auto;
    left: auto;
    right: auto;
    border-radius: 100px;
    background: var(--color-light);
    transition: 0.5s ease-out;
    -webkit-transition: 0.5s ease-out;
    -moz-transition: 0.5s ease-out;
    -ms-transition: 0.5s ease-out;
    -o-transition: 0.5s ease-out;
    transition: 0.3s ease all;
}

.accordion .accordion-item .accordion-header .accordion-button:hover span {
    background: rgba(237, 237, 234, 0.32);
    box-shadow: inset rgba(17, 17, 26, 0.2) 0px 4px 16px, inset rgba(17, 17, 26, 0.2) 0px 8px 32px;
}

.accordion .accordion-item .accordion-header .accordion-button span::before {
    content: '';
    position: absolute;
    inset: 0;
    padding: 1px;
    background: linear-gradient(120deg, #FFF 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 50%, #FFF 100%);
    border-radius: inherit;
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
    -webkit-mask-composite: destination-out;
    pointer-events: none;
    opacity: 0.6;
}

.accordion .accordion-item .accordion-header .accordion-button span::after {
    content: '';
    width: 10px;
    height: 15px;
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='13' viewBox='0 0 9 13' fill='none'%3E%3Cpath d='M0.77832 11.9089L7.82154 6.45443L0.77832 0.999922' stroke='black' stroke-width='1.16009' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    transform: rotate(90deg);
    transition: transform 0.2s ease;
}

.accordion .accordion-item .accordion-header .accordion-button.collapsed span::after {
    transform: rotate(0deg);
}

.accordion .accordion-item .accordion-collapse {
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.35s ease;
}

.accordion .accordion-item .accordion-collapse .accordion-body {
    padding: 24px 28px;
    padding-bottom: 0;
}

.accordion .accordion-item .accordion-collapse .accordion-body p {
    color: var(--color-black);
    font-size: 16px;
    line-height: 1.3;
    font-style: normal;
    font-weight: 400;
}

.accordion .accordion-item .accordion-collapse .accordion-body p+ul {
    margin-top: 20px;
}

.accordion .accordion-item .accordion-collapse .accordion-body a {
    color: var(--color-black);
    font-size: 16px;
    line-height: 1.3;
    font-style: normal;
    font-weight: 400;
    text-decoration: underline;
}

.accordion .accordion-item .accordion-collapse .accordion-body ul li {
    position: relative;
    padding-left: 12px;
    color: var(--color-black);
    text-align: justify;
    font-size: 16px;
    line-height: 1.3;
    font-weight: 400;
}

.accordion .accordion-item .accordion-collapse .accordion-body ul li a {
    position: relative;
    color: var(--color-black);
    text-align: justify;
    font-size: 16px;
    line-height: 1.3;
    font-weight: 400;
}

.accordion .accordion-item .accordion-collapse .accordion-body ul li::before {
    content: '>';
    position: absolute;
    left: 0;
}

.shm-news {
    position: relative;
    padding: max(6.146vw, 50px) 0;
}

.shm-news .container {
    display: flex;
    flex-direction: column;
    gap: 55px;
}

.shm-news .shm-container {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.shm-news .news-navigation {
    display: flex;
    gap: 20px;
}

.shm-news .news-navigation.navigation-bottom {
    display: none;
}

.shm-news .blog-navigation {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    height: 100%;
    gap: 20px;
}

.shm-news .shm-wrapper {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.shm-news .blogSlider,
.shm-news .slider-container .newsSlider {
    overflow: visible;
}

.shm-news .slider-container .newsSlider .swiper-slide {
    height: auto;
}

.shm-news .blogSlider .swiper-slide {
    height: auto;
    width: 299px;
}

.news-card {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    box-shadow: 0 4px 21.1px 0 rgba(0, 0, 0, 0.09);
    transition: 0.3s ease all;
    height: 100%;
}

.news-card .card-front {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
    padding: 28px;
    background: rgba(255, 255, 255, 0.25);
    position: absolute;
    top: 0;
    left: 0;
    transition: 0.3s ease all;
}

.news-card:hover .card-front {
    opacity: 0;
    visibility: hidden;
}

.news-card .card-back .content-item {
    transform: translate(0, 20px);
    -webkit-transition: all 0.3s cubic-bezier(.65, .05, .36, 1);
    transition: all 0.3s cubic-bezier(.65, .05, .36, 1);
}

.news-card .card-back .img-wrapper {
    transform: translate(0, -20px);
    -webkit-transition: all 0.3s cubic-bezier(.65, .05, .36, 1);
    transition: all 0.3s cubic-bezier(.65, .05, .36, 1);
}

.news-card:hover .card-back .content-item {
    transform: translate(0, 0);
}

.news-card:hover .card-back .img-wrapper {
    transform: translate(0, 0);
}

.news-card .card-back {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 28px;
    gap: 20px;
    background: rgba(255, 255, 255, 0.25);
    opacity: 0;
    visibility: hidden;
    transition: 0.3s ease all;
}

.news-card:hover .card-back {
    opacity: 1;
    visibility: visible;
}

.news-card .content-item .news-title {
    color: var(--color-black);
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.news-card .img-wrapper img {
    width: 100%;
    height: 160px;
    object-fit: cover;
    border-radius: 20px;
    transform: scale(0.85) translateX(0);
    -webkit-transition: all 0.3s cubic-bezier(.65, .05, .36, 1);
    transition: all 0.3s cubic-bezier(.65, .05, .36, 1);
}

.news-card:hover .img-wrapper img {
    opacity: 1;
    transform: scale(1) translateX(0);
}

.news-card .cover-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
}

.shm-services {
    position: relative;
    padding: 50px 0 max(5.833vw, 50px);
}

.shm-services .services-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 28px;
}

.shm-services-single {
    position: relative;
    padding: 50px 0 max(5.833vw, 50px);
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}

.shm-services-single .container {
    display: flex;
    flex-direction: column;
    gap: 80px;
}

.shm-services-single .serice-img-wrapper {
    display: flex;
    height: 100%;
    overflow: hidden;
    border-radius: 20px;
}

.shm-services-single .serice-img-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.shm-services-single .content-top .shm-wrapper {
    display: flex;
    flex-direction: column;
    gap: 28px;
}

.shm-services-single .content-top .shm-wrapper .content-wrapper h2 {
    color: var(--color-black);
    display: block;
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 20px;
}

.shm-services-single .content-top .shm-wrapper .content-wrapper p {
    color: var(--color-black);
    text-align: justify;
    font-size: 16px;
    line-height: 1.3;
    font-style: normal;
    font-weight: 400;
}

.list-style-wrapper {
    position: relative;
    border-radius: 15px;
    background: var(--color-light);
    padding: 28px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 28px;
}

.list-style-wrapper .list-item {
    display: flex;
    flex-direction: column;
    gap: 28px;
}

.list-style-wrapper .list-item .shm-title {
    position: relative;
    display: flex;
    align-items: center;
    gap: 28px;
}

.list-style-wrapper .list-item .shm-title .list-number {
    font-family: var(--font-nunito);
    min-width: 32px;
    width: 32px;
    height: 32px;
    background: var(--color-black);
    color: var(--color-white);
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 400;
}

.list-style-wrapper .list-item .shm-title .list-number span {
    font-family: var(--font-nunito);
    color: var(--color-white);
    font-size: 18px;
    font-weight: 400;
}

.list-style-wrapper .list-item .shm-description {
    color: var(--color-black);
    text-align: justify;
    font-size: 16px;
    line-height: 1.3;
    font-style: normal;
    font-weight: 400;
}

.shm-services-single .content-bottom .shm-container {
    display: flex;
    flex-direction: column;
    gap: 28px;
}

.shm-services-single .content-bottom .shm-container .shm-wrapper {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.shm-services-single .content-bottom .shm-container .service-list {
    display: flex;
    flex-direction: column;
    gap: 28px;
}

.shm-sub-services-single {
    position: relative;
    padding: 50px 0 max(5.833vw, 50px);
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}

.shm-sub-services-single .serice-img-wrapper {
    display: flex;
    height: 235px;
    overflow: hidden;
    border-radius: 20px;
    filter: drop-shadow(0px 4px 44px rgba(0, 0, 0, 0.06));
}

.shm-sub-services-single .serice-img-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.shm-sub-services-single .shm-wrapper {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.shm-sub-services-single .shm-description h1 {
    color: var(--color-black);
    display: block;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 20px;
}

.shm-sub-services-single .shm-description h2 {
    color: var(--color-black);
    display: block;
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 20px;
}

.shm-sub-services-single .shm-description h3 {
    color: var(--color-black);
    display: block;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 20px;
}

.shm-sub-services-single .shm-description h4 {
    color: var(--color-black);
    display: block;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 20px;
}

.shm-sub-services-single .shm-description h5 {
    color: var(--color-black);
    display: block;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 20px;
}

.shm-sub-services-single .shm-description h6 {
    color: var(--color-black);
    display: block;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 20px;
}

.shm-blogs {
    position: relative;
    padding: 50px 0 max(5.833vw, 50px);
}

.shm-blogs .post-nav .screen-reader-text {
    display: none;
}

.shm-blogs .post-nav .nav-links {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.shm-blogs .post-nav .nav-links a,
.shm-blogs .post-nav .nav-links span {
    font-family: var(--font-nunito);
    position: relative;
    min-width: 32px;
    width: 32px;
    height: 32px;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    color: var(--color-light);
    border: 1px solid var(--color-black);
    background: var(--color-black);
}

.shm-blogs .post-nav .nav-links a.prev,
.shm-blogs .post-nav .nav-links a.next {
    font-size: 0;
}

.shm-blogs .post-nav .nav-links a.next::after {
    content: '';
    width: 10px;
    height: 15px;
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='13' viewBox='0 0 9 13' fill='none'%3E%3Cpath d='M0.77832 11.9089L7.82154 6.45443L0.77832 0.999922' stroke='%23f4f4f4' stroke-width='1.16009' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
}

.shm-blogs .post-nav .nav-links a.prev::after {
    content: '';
    width: 10px;
    height: 15px;
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='13' viewBox='0 0 9 13' fill='none'%3E%3Cpath d='M8.14746 1.05408L1.10424 6.50858L8.14746 11.9631' stroke='%23f4f4f4' stroke-width='1.16009' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
}

.shm-blogs .blog-wrapper {
    display: flex;
    flex-direction: column;
    gap: 50px;
}

.shm-blogs .blog-wrapper .blog-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
}

.faq-sidebar,
.blog-sidebar {
    padding-left: 27px;
    position: sticky;
    top: 120px;
}

.faq-sidebar .category-nav li a,
.blog-sidebar .category-nav li a {
    position: relative;
    display: block;
    color: var(--color-black);
    font-size: 20px;
    font-weight: 400;
    padding: 24px 0;
}

.faq-sidebar .category-nav li,
.blog-sidebar .category-nav li {
    position: relative;
}

.faq-sidebar .category-nav li:not(:last-child) a:not(.sub-menu li a),
.blog-sidebar .category-nav li:not(:last-child) a:not(.sub-menu li a) {
    border-bottom: 1px solid rgba(35, 35, 35, 0.3);
}

.faq-sidebar .category-nav:not(.sub-menu) li.menu-item-has-children>a::before,
.blog-sidebar .category-nav:not(.sub-menu) li.menu-item-has-children>a::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    min-width: 35px;
    width: 35px;
    height: 35px;
    border-radius: 100px;
    background-color: var(--color-light);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='13' viewBox='0 0 9 13' fill='none'%3E%3Cpath d='M0.814453 11.9276L7.85767 6.4731L0.814453 1.0186' stroke='black' stroke-width='1.16009' stroke-linecap='round'/%3E%3C/svg%3E");
    background-size: 8px;
    background-position: center;
    background-repeat: no-repeat;
    transform: translate(0, -50%);
    transition: 0.5s ease-out;
    -webkit-transition: 0.5s ease-out;
    -moz-transition: 0.5s ease-out;
    -ms-transition: 0.5s ease-out;
    -o-transition: 0.5s ease-out;
    transition: 0.3s ease all;
}

.faq-sidebar .category-nav:not(.sub-menu) li.menu-item-has-children.active>a::before,
.blog-sidebar .category-nav:not(.sub-menu) li.menu-item-has-children.active>a::before {
    transform: translate(0, -50%) rotate(90deg);
}

.faq-sidebar .category-nav ul,
.blog-sidebar .category-nav ul {
    padding: 30px 0;
}

.faq-sidebar .category-nav ul li a,
.blog-sidebar .category-nav ul li a {
    position: relative;
    transition: 0.5s ease-out;
    -webkit-transition: 0.5s ease-out;
    -moz-transition: 0.5s ease-out;
    -ms-transition: 0.5s ease-out;
    -o-transition: 0.5s ease-out;
    transition: 0.3s ease all;
}

.faq-sidebar .category-nav ul li a::before,
.blog-sidebar .category-nav ul li a::before {
    content: '>';
    position: relative;
    left: -5px;
}

.faq-sidebar .category-nav ul li a:hover,
.blog-sidebar .category-nav ul li a:hover {
    background: var(--color-light);
}

.faq-sidebar .category-nav ul li a,
.blog-sidebar .category-nav ul li a {
    display: block;
    color: var(--color-black);
    font-size: 16px;
    line-height: 1.3;
    font-weight: 400;
    padding: 8px 30px;
    border-radius: 10px;
}

.category-nav ul {
    display: none;
}

.blog-card {
    position: relative;
    overflow: hidden;
    padding: 28px;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    box-shadow: 0 4px 21.1px 0 rgba(0, 0, 0, 0.09);
    height: 100%;
    transition: 0.3s ease all;
}

.blog-card .category-list {
    display: flex;
    align-items: center;
    gap: 6px;
}

.blog-card .category-list a {
    color: var(--color-black);
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
}

.blog-card .content-wrap {
    display: flex;
    flex-direction: column;
    gap: 20px;
    background: rgba(255, 255, 255, 0.25);
    height: 100%;
    justify-content: space-between;
}

.blog-card .card-back .img-wrapper {
    transform: translate(0, -20px);
    -webkit-transition: all 0.3s cubic-bezier(.65, .05, .36, 1);
    transition: all 0.3s cubic-bezier(.65, .05, .36, 1);
}

.blog-card .content-item .news-title {
    color: var(--color-black);
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.blog-card .img-wrapper img {
    width: 100%;
    height: 160px;
    object-fit: cover;
    border-radius: 20px;
}

.blog-card .cover-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
}

.shm-blog-single {
    position: relative;
    padding: 50px 0 max(5.833vw, 50px);
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}

.shm-blog-single [id] {
    scroll-margin-top: 80px;
}

.shm-blog-single .blog-wrapper {
    display: flex;
    flex-direction: column;
    gap: 28px;
}

.shm-blog-single .blog-wrapper .featured-content .featured-image img {
    width: 100%;
    height: 242px;
    object-fit: cover;
    border-radius: 20px;
}

.shm-blog-single .blog-wrapper .featured-content {
    display: flex;
    flex-direction: column;
    gap: 25px;
    padding: 28px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.25);
    box-shadow: 0 4px 21.1px 0 rgba(0, 0, 0, 0.09);
    overflow: hidden;
}

.shm-blog-single .blog-wrapper .content-wrapper h1 {
    color: var(--color-black);
    text-align: justify;
    font-size: 34px;
    font-weight: 400;
    margin-bottom: 30px;
}

.shm-blog-single .blog-wrapper .content-wrapper h2 {
    color: var(--color-black);
    text-align: justify;
    font-size: 30px;
    font-weight: 400;
    margin-bottom: 30px;
}

.shm-blog-single .blog-wrapper .content-wrapper h3 {
    color: var(--color-black);
    text-align: justify;
    font-size: 26px;
    font-weight: 400;
    margin-bottom: 30px;
}

.shm-blog-single .blog-wrapper .content-wrapper h4 {
    color: var(--color-black);
    text-align: justify;
    font-size: 22px;
    font-weight: 400;
    margin-bottom: 30px;
}

.shm-blog-single .blog-wrapper .content-wrapper h5 {
    color: var(--color-black);
    text-align: justify;
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 30px;
}

.shm-blog-single .blog-wrapper .content-wrapper h6 {
    color: var(--color-black);
    text-align: justify;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 30px;
}

.shm-blog-single .blog-wrapper .content-wrapper p {
    color: var(--color-black);
    text-align: justify;
    font-size: 16px;
    line-height: 1.3;
    font-weight: 400;
    margin-bottom: 20px;
}

.shm-blog-single .blog-wrapper .content-wrapper ul li {
    position: relative;
    padding-left: 15px;
    color: var(--color-black);
    text-align: justify;
    font-size: 16px;
    line-height: 1.3;
    font-weight: 400;
}

.shm-blog-single .blog-wrapper .content-wrapper ul li::after {
    content: '';
    width: 5px;
    height: 5px;
    border-radius: 20px;
    display: block;
    position: absolute;
    left: 0;
    top: 8px;
    background: var(--color-black);
}

.shm-blog-single .blog-wrapper .content-wrapper p a {
    color: var(--color-black);
    font-size: 16px;
    line-height: 1.3;
    font-weight: 400;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.shm-blog-single .blog-wrapper .content-wrapper ul li a {
    color: var(--color-black);
    font-size: 16px;
    line-height: 1.3;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.shm-blog-single .blog-wrapper .content-wrapper figure {
    margin: 50px 0;
}

.shm-blog-single .blog-wrapper .content-wrapper img {
    width: 100%;
    height: 242px;
    object-fit: cover;
    border-radius: 20px;
}

.shm-portfolio-archive {
    position: relative;
    padding: 50px 0 max(5.833vw, 50px);
}

.shm-portfolio-archive .portfolio-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 28px;
}

.shm-portfolio-single {
    position: relative;
    padding: 50px 0 max(5.833vw, 50px);
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}

.shm-portfolio-single .shm-container {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.shm-portfolio-single .shm-container .shm-wrapper {
    display: flex;
    flex-direction: column;
    gap: 50px;
}

.shm-portfolio-single .shm-container .shm-wrapper .heading-wrapper .title-sm {
    color: var(--color-black);
    text-align: justify;
    font-size: 20px;
    font-weight: 400;
}

.shm-portfolio-single .shm-container .shm-wrapper .portfolio-info {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 28px;
}

.shm-portfolio-single .shm-container .shm-wrapper .portfolio-info .info-item {
    display: flex;
    flex-direction: column;
    gap: 22px;
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}

.shm-portfolio-single .shm-container .shm-wrapper .portfolio-info .info-item .info-title {
    color: var(--color-black);
    font-size: 20px;
    font-weight: 400;
}

.shm-portfolio-single .shm-container .shm-wrapper .portfolio-info .info-item .info-content {
    color: var(--color-black);
    font-size: 16px;
    line-height: 1.3;
    font-weight: 400;
    text-align: justify;
}

.shm-portfolio-single .shm-container .shm-wrapper .content-block {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 28px;
}

.shm-portfolio-single .shm-container .shm-wrapper .content-block .content-item {
    display: flex;
    flex-direction: column;
    gap: 22px;
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}

.shm-portfolio-single .shm-container .shm-wrapper .content-block .content-item .title-wrapper .content-title {
    color: var(--color-black);
    font-size: 20px;
    font-weight: 400;
}

.shm-portfolio-single .shm-container .seo-wrapper {
    border-radius: 20px;
    background: var(--color-offwhite);
    padding: 28px;
    display: flex;
    flex-direction: column;
    gap: 50px;
    box-shadow: 0 4px 21.1px 0 rgba(0, 0, 0, 0.09);
}

.shm-portfolio-single .shm-container .seo-wrapper .content-wrapper-top {
    display: flex;
    flex-direction: column;
    gap: 28px;
}

.shm-portfolio-single .shm-container .seo-wrapper .title-wrapper {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.shm-portfolio-single .shm-container .seo-wrapper .numbers-data {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 28px;
}

.shm-portfolio-single .shm-container .seo-wrapper .numbers-data .numbers-item {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 14px 10px;
    justify-content: center;
    text-align: center;
    border-radius: 20px;
    background: var(--color-black);
    overflow: hidden;
    box-shadow: inset rgba(17, 17, 26, 0.2) 0px 4px 16px, inset rgba(17, 17, 26, 0.2) 0px 8px 32px;
    transition: 0.3s ease all;
}

.shm-portfolio-single .shm-container .seo-wrapper .numbers-data .numbers-item::before {
    content: '';
    position: absolute;
    inset: 0;
    padding: 1px;
    background: linear-gradient(135deg, #FFF 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 50%, #FFF 100%);
    border-radius: inherit;
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
    -webkit-mask-composite: destination-out;
    pointer-events: none;
    opacity: 0.4;
    transition: transform 0.6s ease;
}

.shm-portfolio-single .shm-container .seo-wrapper .numbers-data .count-num {
    color: var(--color-white);
    font-size: 30px;
    font-weight: 400;
}

.shm-portfolio-single .shm-container .seo-wrapper .numbers-data .number-label {
    color: var(--color-white);
    font-size: 14px;
    font-weight: 400;
}

.shm-portfolio-single .shm-container .seo-wrapper .content-wrapper-bottom {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.shm-portfolio-single .shm-container .seo-wrapper .content-wrapper-bottom .top-grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
}

.shm-portfolio-single .shm-container .seo-wrapper .content-wrapper-bottom .top-grid .grid-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.shm-portfolio-single .shm-container .seo-wrapper .content-wrapper-bottom .top-grid .grid-item:not(:last-child) {
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.shm-portfolio-single .shm-container .seo-wrapper .content-wrapper-bottom .top-grid .grid-item .item-title,
.shm-portfolio-single .shm-container .seo-wrapper .content-wrapper-bottom .top-grid .grid-item .item-data {
    color: var(--color-black);
    font-size: 20px;
    font-weight: 400;
}

.shm-portfolio-single .shm-container .seo-wrapper .content-wrapper-bottom .top-grid .grid-item .item-data {
    display: flex;
    align-items: center;
    gap: 6px;
}

.shm-portfolio-single .img-wrapper {
    position: sticky;
    top: 120px;
    display: flex;
    flex-direction: column;
    gap: 28px;
    padding-left: 40px;
}

.shm-portfolio-single .img-wrapper img {
    width: 100%;
    object-fit: cover;
    border-radius: 20px;
}

.shm-locations {
    position: relative;
    padding: 50px 0 max(5.833vw, 50px);
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}

.shm-locations .container {
    display: flex;
    flex-direction: column;
    gap: max(5.469vw, 56px);
}

.shm-locations .content-top {
    display: flex;
    flex-direction: column;
    gap: 56px;
}

.shm-locations .content-top .shm-wrapper {
    display: flex;
    flex-direction: column;
    gap: 28px;
    padding: 28px;
    border-radius: 20px;
    background: #FEFDF6;
    box-shadow: 0 4px 21.1px 0 rgba(0, 0, 0, 0.09);
}

.shm-locations .content-top .img-wrapper {
    display: flex;
    height: 100%;
}

.shm-locations .content-top .img-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
}

.shm-locations .content-top .collaborators {
    position: relative;
    padding: 12px 30px;
    box-shadow: 0px 4px 23px 0px rgba(0, 0, 0, 0.1);
    background: rgba(255, 255, 255, 0.25);
    border-radius: 20px;
    overflow: hidden;
    backdrop-filter: blur(4px) saturate(130%);
    -webkit-backdrop-filter: blur(4px) saturate(130%);
    isolation: isolate;
    transition: transform 0.45s cubic-bezier(0.2, 0.9, 0.2, 1), box-shadow 0.3s;
}

.shm-locations .content-bottom {
    display: flex;
    flex-direction: column;
    gap: 34px;
}

.shm-locations .content-bottom .shm-wrapper {
    padding-right: 40px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    position: sticky;
    top: 120px;
}

.shm-locations .content-bottom .accordion-wrapper {
    position: sticky;
    top: 120px;
    display: flex;
    flex-direction: column;
    gap: 28px;
    padding: 28px;
    border-radius: 20px;
    background: #FEFDF6;
    box-shadow: 0 4px 21.1px 0 rgba(0, 0, 0, 0.09);
}

.shm-locations .content-bottom .img-wrapper {
    display: flex;
    height: 100%;
}

.shm-locations .content-bottom .img-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
}

.shm-locations .content-bottom .shm-container {
    display: flex;
    flex-direction: column;
    gap: 28px;
    padding-left: 30px;
}

.shm-locations .content-bottom .shm-container .title-wrapper {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.shm-locations .content-bottom .shm-container .list-style-wrapper {
    background: transparent;
    box-shadow: none;
    padding: 0;
    border-radius: 0;
}

.shm-manifesto {
    position: relative;
    padding: 50px 0 max(5.833vw, 50px);
}

.shm-manifesto .shm-wrapper {
    display: flex;
    flex-direction: column;
    gap: 50px;
}

.shm-manifesto .shm-wrapper .title-wrapper {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.shm-manifesto .manifesto-img-wrapper {
    display: flex;
    height: 235px;
    overflow: hidden;
    border-radius: 20px;
    filter: drop-shadow(0px 4px 44px rgba(0, 0, 0, 0.06));
}

.shm-manifesto .manifesto-img-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.shm-manifesto .shm-wrapper .list-style-wrapper .list-item .shm-title {
    font-size: 20px;
}

.contact-breadcrumb {
    position: relative;
    padding-bottom: 50px;
}

.contact-breadcrumb .map-wrapper {
    overflow: hidden;
    border-radius: 20px;
}

.contact-breadcrumb .shm-img-wrapper {
    display: flex;
    height: 100%;
    overflow: hidden;
    border-radius: 20px;
    filter: drop-shadow(0px 4px 44px rgba(0, 0, 0, 0.06));
}

.contact-breadcrumb .shm-img-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.contact-breadcrumb .contact-location-wrapper {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.contact-breadcrumb .contact-location-wrapper .contact-location {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 84px;
    padding: 30px;
    background: rgba(255, 255, 255, 0.25);
    box-shadow: 0 4px 21.1px 0 rgba(0, 0, 0, 0.09);
    border-radius: 20px;
}

.contact-breadcrumb .contact-location-wrapper .contact-location .contact-meta {
    color: var(--color-black);
    font-size: 16px;
    line-height: 1.3;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.information-request {
    position: relative;
    padding: 50px 0;
}

.information-request .title-wrapper {
    text-align: center;
}

.information-request .information-request-wrapper {
    margin-top: 40px;
}

.shm-work-with-us {
    position: relative;
    padding: 50px 0;
}

.shm-work-with-us .form-wrapper {
    max-width: 100%;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.shm-work-with-us .img-wrapper {
    display: flex;
    overflow: hidden;
    border-radius: 20px;
    height: 100%;
}

.shm-work-with-us .img-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.form-wrapper {
    max-width: 767px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.form-wrapper .form-item label {
    display: block;
    font-size: 16px;
    color: var(--color-black);
    margin-bottom: 10px;
}

.form-wrapper .form-item .wpcf7-radio {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.form-wrapper .form-item .wpcf7-list-item {
    display: block;
}

.form-wrapper .form-item .wpcf7-list-item label {
    margin-bottom: 0;
}

.form-wrapper .form-item .wpcf7-list-item-label {
    font-size: 16px;
    color: var(--color-black);
}

.form-wrapper .form-bottom {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.form-wrapper .row {
    row-gap: 15px;
}

.form-wrapper input[type="text"],
.form-wrapper input[type="email"],
.form-wrapper input[type="tel"],
.form-wrapper select,
.form-wrapper textarea {
    position: relative;
    display: flex;
    align-items: center;
    border-radius: 12px;
    overflow: hidden;
    height: 60px;
    padding: 10px 28px;
    color: var(--color-black);
    font-size: 16px;
    font-weight: 400;
    background: var(--color-light);
    transition: 0.3s ease all;
    outline: none;
    border: none;
    width: 100%;
}

.form-wrapper input[type="file"] {
    font-size: 16px;
    color: var(--color-black);
}

.form-wrapper textarea {
    height: auto;
}

.form-wrapper .form-item label span {
    color: var(--color-black);
    font-size: 14px;
    line-height: 25px;
    text-transform: none;
}

.wpcf7-form-control-wrap {
    position: relative;
}

.wpcf7-list-item {
    margin: 0;
}

.form-submit-btn .wpcf7-submit {
    font-size: 16px;
    line-height: 1.3;
    color: var(--color-white);
    background: var(--color-black);
    box-shadow: 0 4px 21.1px 0 rgba(0, 0, 0, 0.09);
    border-radius: 10px;
    padding: 10px 14px;
    min-width: 130px;
    text-align: center;
    cursor: pointer !important;
}

.shm-faq {
    position: relative;
    padding: 50px 0 max(5.833vw, 50px);
}

.shm-faq-single {
    position: relative;
    padding: 50px 0 max(5.833vw, 50px);
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}

.shm-faq-single .shm-wrapper {
    display: flex;
    flex-direction: column;
    gap: 40px;
    overflow: hidden;
}

.shm-faq-single .shm-wrapper .img-wrapper img {
    width: 100%;
    height: 242px;
    object-fit: cover;
    border-radius: 20px;
}

.shm-faq-single .faq-wrapper,
.shm-faq-single .faq-wrapper .faq-content {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.shm-blog-single .content-wrapper ul li a,
.shm-blog-single .content-wrapper p a,
.shm-breadcrumb .shm-description p a,
.shm-faq-single .shm-description p a {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.shm-blog-single .content-wrapper ul li a::after,
.shm-blog-single .content-wrapper p a::after,
.shm-breadcrumb .shm-description p a::after,
.shm-faq-single .shm-description p a::after {
    content: '';
    width: 12px;
    height: 12px;
    display: block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' width='512' height='512' x='0' y='0' viewBox='0 0 515.283 515.283' style='enable-background:new 0 0 512 512' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M372.149 515.283H85.881c-22.941 0-44.507-8.934-60.727-25.155S.001 452.34.001 429.402V143.134c0-22.94 8.934-44.506 25.154-60.726s37.786-25.154 60.727-25.154h114.507c15.811 0 28.627 12.816 28.627 28.627s-12.816 28.627-28.627 28.627H85.881c-7.647 0-14.835 2.978-20.241 8.384s-8.385 12.595-8.385 20.242v286.268c0 7.647 2.978 14.835 8.385 20.243 5.406 5.405 12.594 8.384 20.241 8.384h286.267c7.647 0 14.835-2.978 20.242-8.386 5.406-5.406 8.384-12.595 8.384-20.242V314.895c0-15.811 12.817-28.626 28.628-28.626s28.628 12.816 28.628 28.626v114.507c0 22.94-8.934 44.505-25.155 60.727-16.221 16.22-37.788 25.154-60.726 25.154zm-171.76-171.762c-7.327 0-14.653-2.794-20.242-8.384-11.179-11.179-11.179-29.306 0-40.485L417.544 57.254H314.896c-15.811 0-28.626-12.816-28.626-28.627S299.085 0 314.896 0h171.761a28.542 28.542 0 0 1 19.997 8.144l.002.002.056.056.017.016.044.044.029.029.032.032.062.062.062.062.031.032.029.029a.62.62 0 0 1 .06.061l.056.057.002.002a28.55 28.55 0 0 1 8.144 19.998v171.761c0 15.811-12.817 28.627-28.628 28.627s-28.626-12.816-28.626-28.627V97.739l-237.4 237.399c-5.585 5.59-12.911 8.383-20.237 8.383z' fill='%23000000' opacity='1' data-original='%23000000'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}

.shm-faq .faqs-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
}

.shm-faq .grid-col-4 .faqs-grid {
    grid-template-columns: repeat(4, 1fr);
}

.shm-faq .faqs-grid .news-card .card-front {
    align-items: center;
    justify-content: center;
    text-align: center;
}

.faq-card {
    position: relative;
    overflow: hidden;
    padding: 28px;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    box-shadow: 0 4px 21.1px 0 rgba(0, 0, 0, 0.09);
    height: 300px;
    transition: 0.3s ease all;
}

.faq-card .content-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    background: rgba(255, 255, 255, 0.25);
    height: 100%;
    text-align: center;
}

.faq-card .content-item .faq-title {
    color: var(--color-black);
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.faq-card .cover-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
}

.shm-related-faq {
    position: relative;
    padding: max(4.375vw, 50px) 0 max(6.042vw, 50px);
    background: var(--color-offwhite);
}

.relatedFaqSlider .swiper-slide {
    width: 299px;
    height: auto;
}

.shm-related-faq .container {
    display: flex;
    flex-direction: column;
    gap: 50px;
}

.shm-related-faq .shm-wrapper {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.shm-related-faq .related-faq-navigation {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    gap: 20px;
    height: 100%;
}

.shm-related-faq .blog-card {
    box-shadow: none;
    border: 1px solid rgba(0, 0, 0, 0.09);
}

.error-404 {
    text-align: center;
    margin: 0 auto;
    padding: 10vh 10vw;
}

.error-404 h1 {
    font-family: var(--font-nunito);
    font-size: 8em;
    font-weight: bold;
}

.error-404 h2 {
    font-family: var(--font-nunito);
    font-size: 3em;
}

.error-404 p {
    font-family: var(--font-nunito);
    font-size: 1.5em;
    line-height: 1.4;
    margin-bottom: 25px !important;
}

.error-404 .btn-404 {
    font-size: 20px;
    color: var(--color-white);
    background: #232323;
    box-shadow: 0px 2px 4.8px rgba(0, 0, 0, 0.19);
    border-radius: 10px;
    padding: 10px 14px;
    transition: all 0.5s ease-out;
    opacity: 1;
}

.error-404 .btn-404:hover {
    opacity: 0.8;
}