/* Nav Work max momentum */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');

body {
    box-shadow: rgb(18 28 45 / 15%) 0 1rem 3.75rem;
    margin: 0 auto;
    max-width: 160rem;
    min-height: 100vh;
    text-rendering: optimizeSpeed;
}

html {
    -webkit-text-size-adjust: 100%;
    line-height: 1.15
}

:root {
    --xc-xc: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(77, 77, 77, 1) 100%);
    --maingradient: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(77, 77, 77, 1) 100%);
    --white: #FFFFFF;
    --dark: #000000;
    --or-medium: orbitron-medium;
    --or-bold: orbitron-bold;
    --or-ebold: orbitron-extrabold;
    --black-gradient: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(32, 32, 32, 1) 100%);
    --m-m: Montserrat-medium;
    --m-l: Montserrat-light;
    --m-r: Montserrat-reg;
    --o-s-b: orbitron-semibold;
    --legend-exa-mid: lexend_exa_mid;
    --shrapnel: shrapnel;
    --vilsuve: vilsuve;
    --m-s-b: Montserrat-SemiBold;
    --h-b: Helvetica-bold;
    --h-r: Helvetica-regular;
    --h-m: Helvetica-medium;
    --l-r: Lunchtype24_Medium_Regular;
    --l-m: Lunchtype24_Medium_medium;
    --d-s: "DM Sans", sans-serif;
    --b-r: bebas-regular;
}

@font-face {
    font-family: orbitron-medium;
    src: url('../fonts/orbitron/Orbitron-Medium.ttf')
}

@font-face {
    font-family: orbitron-bold;
    src: url('../fonts/orbitron/Orbitron-Bold.ttf');
}

@font-face {
    font-family: orbitron-semibold;
    src: url('../fonts/orbitron/Orbitron\ Semi\ Bold_3015.ttf');
}

@font-face {
    font-family: orbitron-extrabold;
    src: url(../fonts/orbitron/Orbitron\ Extra\ Bold_3017.ttf);
}

@font-face {
    font-family: lexend_exa_mid;
    src: url(../fonts/Lexend_Exa/LexendExa-Medium.ttf);
}

@font-face {
    font-family: Montserrat-medium;
    src: url(../fonts/Montserrat/Montserrat-Medium.ttf);
}

@font-face {
    font-family: Montserrat-reg;
    src: url(../fonts/Montserrat/Montserrat-Regular.ttf);
}

@font-face {
    font-family: Montserrat-light;
    src: url(../fonts/Montserrat/Montserrat-Light.ttf);
}

@font-face {
    font-family: shrapnel;
    src: url(../fonts/shrapnel/Shrapnel.ttf);
}

@font-face {
    font-family: vilsuve;
    src: url(../fonts/vilsuve/Vilsuve\ -\ Regular.ttf);
}

@font-face {
    font-family: Montserrat-SemiBold;
    src: url(../fonts/Montserrat/Montserrat-SemiBold.ttf);
}

@font-face {
    font-family: Helvetica-bold;
    src: url(../fonts/helvetica-neue-5/HelveticaNeueBold.otf);
}

@font-face {
    font-family: Helvetica-regular;
    src: url(../fonts/helvetica-neue-5/HelveticaRegular.otf);
}

@font-face {
    font-family: Helvetica-medium;
    src: url(../fonts/helvetica-neue-5/HelveticaNeueMedium.otf);
}

@font-face {
    font-family: Lunchtype24_Medium_Regular;
    src: url(../fonts/Lunchtype/Lunchtype24/Print/Lunchtype24-Regular-Expanded.ttf);
    /* src: url(../fonts/Lunchtype/Lunchtype24/Print/Lunchtype24-Medium-Expanded.ttf); */
}

@font-face {
    font-family: Lunchtype24_Medium_medium;
    src: url(../fonts/Lunchtype/Lunchtype24/Print/Lunchtype24-Medium-Expanded.ttf);
}

@font-face {
    font-family: bebas-regular;
    src: url(../fonts/bebas_neue/BebasNeue\ Regular.otf);
}

.custom-container {
    width: 90%;
    margin: 0 auto;
}

@media(max-width:576px) {
    .custom-container {
        width: 95% !important;
    }
}

nav {
    position: relative;
    z-index: 1000;
    background: var(--black-gradient);
    padding: 12px 50px;
    width: 100%;
}

.is-sticky {
    position: fixed;
    box-shadow: 0 5px 16px rgba(0, 0, 0, 0.1);
    padding: 12px 50px;
    background: #000000a6;
    width: 100%;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    -webkit-animation: slideDown 0.5s ease-out;
    animation: slideDown 0.5s ease-out;
}

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

    to {
        transform: translateY(0);
    }
}

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

    to {
        transform: translateY(0);
    }
}

.nav-links {
    font-family: var(--or-medium);
}

.hover-link {
    padding: 22px 0;
}

.dropdown-links {
    position: absolute;
    z-index: 1000;
    background: #000000;
    width: 220px;
    padding: 23px 18px;
    top: 70px;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}

.dropdown-links ul li {
    /* margin-top: 12px; */
    padding: 10px 0;
    border-bottom: 1px solid var(--white);
}

.dropdown-links ul li a {
    display: block !important;
    font-size: 15px !important;
}

nav .nav-links ul li:hover .dropdown-links {
    height: auto;
    overflow: auto;
    visibility: visible;
}

nav .nav-links ul li a {
    font-family: var(--d-s);
    font-weight: 500;
    color: var(--white);
    text-decoration: none;
    letter-spacing: 1px;
    font-size: 18px;
    margin-right: 12px;
    display: flex;
    align-items: center;
}


.logo {
    width: 100px;
}

.logo img {
    width: 100%;
}

.nav-link-btn {
    padding: 13px 40px;
    border: none;
    outline: none;
    position: relative;
    z-index: 1;
    text-decoration: none !important;
    border-radius: 60px;
    background: var(--maingradient);
    cursor: pointer;
    font-family: var(--vilsuve);
}

.head-btn {
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(84, 84, 84, 1) 100%);
    font-family: var(--d-s);
    color: var(--dark);
    padding: 10px 32px;
    border-radius: 40px;
    font-size: 18px;
    font-weight: 500;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    letter-spacing: 1px;
    transition: background 1s ease-in-out, color 1s ease-in-out, transform 0.3s ease-in-out;
}

.head-btn:hover {
    text-decoration: none;
    color: var(--dark);
    background: linear-gradient(50deg, rgba(255, 255, 255, 1) 0%, rgba(84, 84, 84, 1) 100%);
    transform: scale(1.04);
    /* Optional: Adds a slight zoom effect on hover */
}

@media(max-width:1074px) {
    .nav {
        padding: 12px 10px !important
    }

    .head-btn {
        padding: 10px 23px;
        font-size: 20px;
    }

    .custom-btn-width {
        width: 18%;
    }
}

.nav-link-btn::after {
    content: attr(data);
    font-size: 16px;
    background: var(--maingradient);
    -webkit-background-clip: text;
    color: var(--dark);
    -webkit-text-stroke: 1px transparent;
    text-shadow: 3px 4px 3px rgba(0, 0, 0, .25);
    position: relative;
    left: -12px;
    letter-spacing: 2px;
}

.arrow-right {
    position: relative;
    top: 1px;
    left: 7px;
}

.arrow-right-btn {
    position: absolute;
    right: 20px;
    top: 13px;
    font-size: 25px;
    color: var(--dark);
    text-shadow: 3px 4px 3px rgba(0, 0, 0, .25);
}

@media(max-width:1200px) {
    nav {
        padding: 12px 30px !important;
    }

    .logo {
        width: 100% !important;
    }

    .nav-link-btn::after {
        font-size: 14px;
        left: 0 !important;
    }

    .arrow-right-btn {
        display: none !important;
    }

    .nav-link-btn {
        padding: 10px 20px;
    }
}

.custom-logo-width {
    width: 10%;
}

.custom-link-width {
    width: 70%;
}

.custom-btn-width {
    width: 20%;
}

/* Banner work */
/* .banner-wrapper {
    position: relative;
    overflow: hidden;
    background-image: url(../img/banners/main-banner.jpg);
    height: 650px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 1;
    background-position: 100%;
} */
.mountain--layer {
    /* background: url(../img/Test/Mask group (1\) -min\ \(1\) . png); */
    background: url(../img/Test/mountain-2.png);
    background-size: cover;
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background-position: center;
    opacity: .8;
}

@media(max-width:576px) {
    .mountain--layer {
        display: none;
    }
}

.banner-wrapper {
    background-image: url(../img/Test/Group\ 9775\ \(2\)-min\ \(1\).png);
    position: relative;
    overflow: hidden;
    height: 750px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 1;
    background-position: 100%;
}

/* @media(max-width:768px) {
    .banner-wrapper {
        background: url(../img/banner-head-phone.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
} */

/*
.layer-light-banner-wrapper {
    height: 550px;
    width: 750px;
    background: #ffffffb8;
    position: absolute;
    left: -150px;
    top: -228px;
    filter: blur(240px);
}

.layer-light-banner-wrapper-bottom {
    height: 381px;
    width: 341px;
    background: #FFFFFF;
    position: absolute;
    right: -65px;
    bottom: -137px;
    filter: blur(250px);
}

@media(max-width:1200px) {
    .layer-light-banner-wrapper {
        height: 540px;
        width: 600px;
    }
}

@media(max-width:768px) {
    .layer-light-banner-wrapper {
        height: 500px !important;
        width: 400px !important;
    }

    .layer-light-banner-wrapper-bottom {
        height: 281px;
        width: 241px;
        filter: blur(166px);
    }
}

@media(max-width:576px) {
    .layer-light-banner-wrapper-bottom {
        height: 310px;
        width: 180px;
        filter: blur(148px);
    }

    .layer-light-banner-wrapper {
        height: 450px !important;
        width: 400px !important;
    }
}

@media(max-width:400px) {
    .layer-light-banner-wrapper {
        height: 400px !important;
        width: 350px !important;
    }

    .layer-light-banner-wrapper-bottom {
        height: 310px;
        width: 150px;
        filter: blur(148px);
    }
} */

.banner-heading {
    position: relative;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    text-align: center;
    line-height: 34px;
}

.banner-heading h1 {
    color: var(--white);
    letter-spacing: 2.5px;
    font-family: var(--d-s);
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    text-shadow: 4px 4px 8px rgba(0, 0, 0, .50);
    line-height: 55px;
    font-size: 3rem;
    cursor: pointer;
}

.banner-heading p {
    color: var(--white);
    font-family: var(--m-m);
    font-size: 15px;
    line-height: 28px;
    margin-top: 20px;
    letter-spacing: 1px;
    text-shadow: 6px 6px 12px rgba(0, 0, 0, 0.5);
    cursor: pointer;
}

.btn-back-layer-max-momentum {
    border: none;
    display: inline-block;
    border-radius: 30px;
    outline: none;
    position: relative;
    border-radius: 30px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgb(69 63 63) 100%);
    cursor: pointer;
    z-index: 0;
    overflow: hidden;
}

.btn-back-layer-max-momentum::before {
    content: "";
    position: absolute;
    top: 1px;
    right: 1px;
    bottom: 1px;
    left: 1px;
    background-color: #000000;
    border-radius: 4px;
    z-index: -1;
    border-radius: 30px;
}

.btn-back-layer-max-momentum::after {
    content: "";
    background: #ffffff21;
    position: absolute;
    top: 0;
    left: -224px;
    height: 100%;
    width: 100%;
    z-index: -1;
    filter: blur(2px);
    transform: rotate(40deg);
    transition: .5s;
}

/* .btn-back-layer-max-momentum::after {
    content: "";
    background: #ffffff21;
    position: absolute;
    top: 0;
    left: -170px;
    height: 100%;
    width: 100%;
    z-index: -1;
    filter: blur(2px);
    transform: rotate(40deg);
    transition: .5s;
} */
/* .btn-back-layer-max-momentum:hover:after {
    left: 170px;
} */

.max-momentum-btn {
    position: relative;
    font-size: 22px;
    padding: 10px 50px;
    z-index: 0;
    background-color: #ffffff00;
    overflow: hidden;
    border: none;
    border-radius: 30px;
    color: var(--white);
    background: var(--maingradient);
    -webkit-background-clip: text;
    -webkit-text-stroke: 1px transparent;
    font-family: var(--d-s);
    font-weight: 500;
    text-decoration: none;
    letter-spacing: 2.5px;
    font-size: 16px;
    display: inline-block;
    font-size: 1.3rem;
}


.max-momentum-btn::after {
    content: "";
    position: absolute;
    height: 100%;
    border-radius: 80px;
    width: 100%;
    background-color: rgb(255 255 255 / 0%);
    top: 0;
    left: 0;
    z-index: -1;
    backdrop-filter: blur(0px);
}


.max-momentum-btn:hover {
    transform: rotate(360deg);
}

.max-momentum-btn::before {
    content: "";
    position: absolute;
    height: 100%;
    border-radius: 80px;
    width: 100%;
    background-color: #fffc;
    top: -34px;
    left: 0px;
    z-index: -1;
    filter: blur(34px);
    transition: transform 0.5s ease-in-out;
}

.max-momentum-btn:hover::before {
    animation: moving 2s linear infinite forwards;
}

@keyframes moving {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(180deg);
    }
}

/* .max-momentum-btn:hover:before {
    transform: rotate(45deg) scale(.7);
} */

/*  */
.header-btn {
    padding: 10px 50px;
    border: none;
    outline: none;
    position: relative;
    border-radius: 40px;
    background: var(--maingradient);
    cursor: pointer;
    z-index: 1;
    margin-top: 24px;
}

.header-btn::before {
    content: "";
    position: absolute;
    left: 3px;
    right: 3px;
    top: 3px;
    bottom: 2px;
    border-radius: 40px;
    background: linear-gradient(178deg, #FFFFFF, #000000);
    z-index: -1;
}

.header-btn::after {
    content: attr(data);
    font-size: 20px;
    letter-spacing: 3px;
}

.header-btn::after {
    content: attr(data);
    color: var(--white);
    background: var(--maingradient);
    -webkit-background-clip: text;
    -webkit-text-stroke: 3px transparent;
    text-decoration: none;
}

.open-nav {
    position: absolute;
    top: 28px;
    right: 40px;
    z-index: 1000;
    color: var(--white);
    font-size: 24px;
    display: none;
}

.nav-links .nav-menu-head {
    text-align: center;
    padding: 10px 0px;
    border-bottom: 1px solid white;
    color: white;
    font-family: var(--d-s);
    font-weight: 500;
}

.nav-links ul li a {
    width: 100% !important;
    display: block;
    display: flex;
    justify-content: space-between;
}

.open-nav img {
    width: 30px;
    display: inline-block;
    margin-bottom: 9px;
    margin-right: -34px;
}

.fa-circle-xmark {
    transform: scale(0);
    opacity: 0;
    transition: transform 0.3s, opacity 0.3s;
    font-size: 30px;
}

.close_icon_active {
    transform: scale(1);
    opacity: 1;
    visibility: visible;
}

.nav-menu-head {
    display: none;
}

@media(max-width:400px) {
    .nav-links {
        width: 270px !important;
        padding: 0 10px;
    }
}

@media(max-width:992px) {
    .nav-menu-head {
        display: block;
    }

    .open-nav {
        display: block;
    }

    .logo {
        width: 80px !important;
    }

    .nav-links {
        position: absolute;
        margin-left: -320px;
        overflow: scroll;
        background: #000000;
        width: 300px;
        height: 100vh;
        position: fixed;
        z-index: 100;
        left: 0;
        transition: all .5s ease-in-out;
        top: 0;
        box-shadow: 0 0 5px 0 rgba(255, 255, 255, .25);
    }

    .open_nav_active {
        margin-left: 0;
    }

    .nav-links ul {
        display: block !important;
        margin-top: 40px !important;
    }

    .nav-links ul li {
        margin-top: 7px;
        border-bottom: 1px solid white;
        padding: 7px 10px;
    }

    .head-btn {
        display: none;
    }

    .hover-link {
        padding: 0 !important;
    }

    .dropdown-links {
        position: unset !important;
        z-index: 1000;
        background: #000000;
        width: 100%;
        padding: 0;
        top: 70px;

    }

    .dropdown-links ul {
        margin: 0 !important;
    }

    .span-active-over-lay {
        position: fixed;
        background: rgba(0, 0, 0, 0.5);
        height: 100vh;
        width: 100%;
        top: 0;
        z-index: -1;
        right: 1000px;
    }
}

.is-active-overlay {
    right: 0px;
    visibility: visible;
    transition: 0.5s;
    opacity: 1;
}

/* Our services Section */
.our-services {
    width: 100%;
    background-image: url(../img/pattern.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 100px 0px;
}

.services-heading h2 {
    font-family: var(--d-s);
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 38px;
    text-transform: capitalize;
    color: var(--dark);
    letter-spacing: 1px;
    font-weight: 600;
}

/* .services-heading span {
    background: linear-gradient(0deg, #000 0%, #666 100%);
    ;
    padding: 8px 14px;
    color: var(--white);
    border-radius: 16px;
    margin-left: 12px;
} */
.services-heading span {
    position: relative;
    z-index: 0;
    color: white;
    padding: 2px 30px;
    font-family: var(--d-s);
    left: 13px;
    font-weight: 500;
    letter-spacing: 2px;
}

.service-text {
    font-family: var(--m-m);
    color: var(--dark);
}

.card-wrapper {
    background: linear-gradient(180deg, rgba(102, 102, 102, 1) 12%, rgba(0, 0, 0, 1) 100%);
    width: 30%;
    border-radius: 30px;
    padding: 20px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: transform .3s ease-in-out;
    transform-origin: center;
    z-index: 1;
}

.card-wrapper::after {
    content: "";
    position: absolute;
    height: 250%;
    width: 37%;
    z-index: -1;
    background: rgba(255, 255, 255, 0.658);
    filter: blur(110px);
    top: -1200px;
    transition: all 1.5s ease 0s;
    transform: rotate(212deg);
}

.card-wrapper:hover {
    transform: scale(1.05) !important;
}

.card-image {
    overflow: hidden !important;
    border-radius: 26px !important;
    transition: transform 1s ease;
}

@media(max-width:576px) {
    .card-image {
        border-radius: 20px !important;
    }
}

.card-wrapper:hover .card-image img {
    transform: scale(1.1);
}

.card-wrapper .card-image img {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 1s ease;
}

.card-wrapper:hover:after {
    top: 1200px;
}

.arrow-right-custom {
    position: relative;
    top: 4px;
    transition: transform .5s ease-in-out;
    left: 7px;
}

/* .card-wrapper:hover .arrow-right-custom {
    transform: translate(10px);
} */
.card-heading {
    display: flex;
    align-items: center;
}

.card-icon {
    width: 40px;
}

.card-icon img {
    width: 100%;
}

.card-content {
    color: var(--white);
}

.card-heading h2 {
    font-family: var(--d-s);
    font-size: 24px;
    text-transform: capitalize;
    letter-spacing: 0.5px;
    color: var(--white);
    font-weight: 500;
}

.card-text {
    font-family: var(--m-m);
}

.card-wrapper--hyper-link {
    text-decoration: none;
}

.card-wrapper--hyper-link:hover {
    text-decoration: none;
}

.card-text p {

    font-size: 16px;
    color: var(--white);
    font-family: var(--m-m);
}

@media(max-width:576px) {
    .card-wrapper:hover {
        transform: scale(1) !important;
    }

    .card-heading h2 {
        font-size: 24px !important;
    }

    .card-text p {
        font-size: 14px !important;
    }

    .card-icon {
        width: 46px !important;
    }

    .lead-generation-icon {
        width: 40px !important;
    }

    .card-wrapper {
        font-size: 20px !important;
    }

    .l-m-card {
        font-size: 18px !important;
    }
}

.l-m-card {
    font-family: var(--d-s) !important;
    font-size: 20px;
    letter-spacing: 0.5px;
    text-decoration: none;
    color: var(--white);
    font-weight: 500;
}

.l-m-card:hover {
    color: var(--white);
    text-decoration: none;
}

.l-m-card:active .arrow-right-custom {
    transform: translate(10px);
}

.myservicesswiper {
    margin-top: 30px;
}

@media(max-width:768px) {
    .myservicesswiper {
        overflow: visible !important;
    }

    .swiper-wrapper-active-mob {
        display: block !important;
    }

    .card-wrapper {
        width: 100% !important;
    }

    .card-wrapper:not(:first-child) {
        margin-top: 45px;
    }
}

.branding-icon {
    width: 50px !important;
}

@media(max-width:576px) {
    .branding-icon {
        width: 40px !important;
    }

    .swiper {
        padding: 0 !important;
    }

    .card-content {
        padding: 0 !important;
    }

    .card-image img {
        border-radius: 15px !important;
    }
}

.card-mark {
    position: absolute;
    bottom: -36px;
    z-index: -1;
    /* width: 60%; */
    width: 220px;
    right: -39px;
}

.card-mark img {
    width: 100%;
}

.card-image img {
    width: 100%;
    border-radius: 25px;
}

.card-content {
    margin-top: 30px;
    padding: 0px 16px;
}

.swiper-pagination-ourservice {
    margin-top: 50px !important;
}

@media(max-width:768px) {
    .swiper-pagination-ourservice {
        display: none !important;
    }
}

/* What say max momentum */
.what-say-max-m {
    width: 100%;
    background: url(../img/testimonial-banner.png) center center / cover no-repeat;
    position: relative;
    overflow: hidden;
    padding: 100px 0px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.say-heading {
    font-family: var(--d-s);
    color: var(--white);
}

.say-heading h2 {
    letter-spacing: 2px;
    font-size: 3rem;
    letter-spacing: 3px;
    font-weight: 500;
}

.say-text {
    font-family: var(--m-m);
    color: var(--white);
    font-size: 16px;
}

.say-card-wrapper {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
    width: 100%;
    border-radius: 16px;
    padding: 30px 35px;
    position: relative;
    z-index: 1;
    border: 1px solid var(--white);
    overflow: hidden;
    margin-top: 40px;
    transition: transform .3s ease-in-out;
    transform-origin: center;
    cursor: pointer;
}

.say-card-wrapper:hover {
    transform: scale(1.05);
}

.say-card-mark {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 60%;
}

.say-card-icon {
    width: 100px;
}

.say-card-icon img {
    width: 100%;
}

.say-card-mark img {
    width: 100%;
}

.say-card-heading {
    font-family: var(--o-s-b);
    color: var(--white);
}

.say-card-heading h2 {
    font-size: 1.5rem;
    line-height: 34px;
    letter-spacing: 1px;
    margin-top: 16px;
    font-family: var(--d-s);
    margin: 0;
    font-weight: 600;
    margin-top: 6px;
}

.say-card-text p {
    font-family: var(--m-r);
    color: var(--white);
    font-size: 16px;
    margin-top: 14px;
}

.say-profile {
    display: flex;
    align-items: center;
    width: 100%;
    margin-top: 30px;
}

.say-profile-image {
    border-radius: 100%;
    height: 70px;
    width: 70px;
}

.say-profile-image img {
    width: 100%;
}

.say-profile-rec {
    margin-left: 24px;
}

.say-profile-rec h4 {
    font-family: var(--d-s);
    color: var(--white);
    letter-spacing: 0px;
    font-weight: 500;
    font-size: 26px;
}

.say-profile-rec p {
    font-family: var(--m-l);
    color: var(--white);
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 1px;
}

.shadow-max-say {
    height: 280px;
    width: 280px;
    background: #fff;
    position: absolute;
    top: -113px;
    left: -131px;
    border-radius: 100%;
    filter: blur(170px);
}

.testimonial-slider-pagination {
    margin-top: 50px !important;
}

.testimonial-slider {
    padding: 25px 15px !important;
}

@media(max-width:576px) {
    .say-heading h2 {
        letter-spacing: 1px !important;
    }

    .say-card-heading h2 {
        line-height: 33px !important;
    }

    .testimonial-slider {
        margin-top: 10px !important;
    }

    .say-card-heading h2 {
        font-size: 1.3rem;
    }

    .say-card-text p {
        font-size: 13px;
    }

    .say-profile-rec h4 {
        font-size: 18px;
    }

    .say-profile-rec p {
        font-size: 12px;
    }

    .say-profile-image {
        height: 60px;
        width: 60px;
    }
}

/*  Max momentum unique approch */
.unique-approch-wrapper {
    width: 100%;
    background-color: var(--white);
    overflow: hidden;
    padding: 100px 0px;
}

.approch-heading h2 {
    font-family: var(--d-s);
    color: var(--dark);
    letter-spacing: 2px;
    line-height: 64px;
    font-size: 3rem;
    font-weight: 600;
}

.approch-txt p {
    font-family: var(--m-m);
    color: var(--dark);
}

@media(max-width:768px) {
    .our-services {
        background: none;
    }

    .banner-heading {
        padding: 0px 0px;
    }

    .banner-heading h1 {
        font-size: 48px !important;
        line-height: 46px;
    }

    .services-heading span {
        padding: 2px 20px !important;
    }

    .say-heading h2 {
        font-size: 40px !important;
        line-height: 48px;
    }

    .say-card-wrapper {
        margin-top: 2px !important;
    }

    .say-text {
        font-size: 14px;
    }

    .approch-heading h2 {
        letter-spacing: 1px !important;
        line-height: 42px !important;
        font-size: 2rem !important;
    }

    .approch-txt p {
        font-size: 14px;
    }
}

@media(max-width:576px) {
    .our-services {
        background: url(../img/blog-texture.png) !important;
        background-position: 100% 100% !important;
        background-size: cover !important;
        background-repeat: no-repeat !important;
    }

    .say-heading h2 {
        font-size: 2rem !important;
        line-height: 40px !important;
    }

    .services-heading h2 {
        font-size: 33px !important;
    }

    .service-text p {
        font-size: 14px !important;
    }

    .banner-wrapper {
        z-index: 1;
        height: 550px !important;
        background-image: url(../img/banners/main-banner-mobile.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 100%;
    }

    .banner-heading h1 {
        font-size: 34px !important;
        line-height: 40px;
        letter-spacing: 1px;
    }

    .banner-heading p {
        font-size: 14px;
        line-height: 24px;
        margin-top: 10px;
    }
}

@media(max-width:385px) {
    .banner-heading h1 {
        font-size: 30px !important;
        letter-spacing: 4px;
        line-height: 40px;
    }

    .char {
        font-size: 28px !important;
    }
}

.approch-card-wrapper {
    position: relative;
    padding: 40px 30px;
}

.swiper-pagination-bullet {
    height: 10px;
    width: 10px;
    border: 1px solid var(--white) !important;
    opacity: 1 !important;
    background: transparent;
}

.swiper-pagination {
    position: relative;
    /* top: 25px !important; */
}

.swiper-pagination-bullet-active {
    background: rgb(255, 255, 255) !important;
    border: 1px solid var(--white) !important;
    height: 12px;
    width: 12px;
}

.approch-card-text h3 {
    font-family: var(--d-s);
    text-transform: capitalize;
    font-size: 27px;
    line-height: 30px;
    letter-spacing: 0px;
    font-weight: 600;
}

.approch-card-text p {
    font-family: var(--m-m);
    font-size: 16px;
    margin-top: 22px;
}

@media(max-width:768px) {
    .approch-card-wrapper {
        padding: 10px 0px !important;
    }

    .approch-card-text h3 {
        font-size: 22px;
    }
}

.approch-num-head h1 {
    font-family: var(--or-ebold);
    font-size: 12rem;
    text-align: center;
    color: #E0E0E0;
}

.step-head h2 {
    font-family: var(--shrapnel);
    font-size: 32px;
    letter-spacing: 15px;
}

.approch-num-main {
    position: relative;
}

.step-head {
    position: absolute;
    top: 120px;
    transform: translateY(-43%);
    right: 65px;
}

.approch-num-main {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.step-head-first {
    right: -10px;
}

.step-head-four {
    right: 44px !important;
}

.approch-num-head {
    position: relative;
}

.arrow-pattern {
    width: 27%;
    position: absolute;
    top: 123px;
    right: -20px;
}

.arrow-pattern-2 {
    position: absolute;
    width: 30%;
    right: -66px;
    top: 87px;
    z-index: 2;
}

.arrow-pattern-3 {
    width: 35%;
    position: absolute;
    top: 130px;
    right: -46px;
}

.arrow-pattern-3 img {
    width: 100%;
}

.step-3-arrow {
    display: none;
}

@media(max-width:992px) {
    .arrow-pattern-3 {
        display: none;
    }

    .step-3-arrow {
        display: block;
        right: -50px !important;
    }

    .step-2-arrow {
        display: none;
    }
}

@media(max-width:576px) {
    .arrow-pattern-2 {
        width: 30%;
        top: 50px;
        right: -20px;
        /* display: none; */
    }

    .step-3-arrow {
        display: none;
    }

    .arrow-pattern {
        display: none !important;
    }

    .approch-card-wrapper {
        padding: 0 !important;
    }

    .approch-num-head h1 {
        font-size: 10rem !important;
    }

    .step-head {
        right: 20px !important;
    }

    .step-head-first {
        right: -13px !important;
    }

    .approch-card-text h3 {
        font-size: 16px !important;
        line-height: 22px !important;
        letter-spacing: 1px !important;
    }

    .step-head h2 {
        font-size: 26px !important;
    }

    .step-head {
        top: 100px;
    }

    .approch-card-text p {
        font-size: 14px !important;
        margin: 0;
    }
}

.arrow-pattern-2 img {
    width: 100%;
}

.arrow-pattern img {
    width: 100%;
}

.swiper {
    overflow: visible;
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: none !important;
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: none !important;
}

/* Explore The Blogs  */
.blog-section {
    width: 100%;
    background-color: var(--white);
    overflow: hidden;
    padding: 100px 0px;
}

.myBlogswiper {
    margin-top: 30px;
}


.blog-heading h2 {
    font-family: var(--d-s);
    color: var(--dark);
    font-size: 48px;
    letter-spacing: 2px;
    line-height: 47px;
}

@media(max-width:768px) {
    .myBlogswiper {
        margin-top: 30px;
        padding: 0 15px !important;
    }

    .blog-heading h2 {
        font-size: 40px;
        letter-spacing: 1px;
        line-height: 50px;
    }
}

@media(max-width:576px) {
    .blogSwiper {
        padding: 25px 7px !important;
    }
}

.blog-card-inside {
    border: 2px solid #D1D1D1;
    padding: 17px;
}

.blog-card-wrapper {
    display: flex;
    /* flex-wrap: wrap; */
    border: 2px solid #B4B4B4;
    border-radius: 30px;
    background-color: var(--white);
    overflow: hidden;
    margin-top: 50px;
    flex-direction: column;
    height: 100%;
}
@media(max-width:768px){
    .blog-card-wrapper{
        height: auto;
    }
}

.blog-card-wrapper:hover .blog-card-img img {
    transform: scale(1.1);
}

.blog-card-content span {
    font-family: var(--d-s);
    color: #6D6D6D;
    font-size: 16px;
    letter-spacing: 0px;
}

.blog-card-content h3 {
    margin-top: 25px;
    font-family: var(--d-s);
    font-size: 22px;
    line-height: 33px;
    font-weight: 600;
    color: var(--dark);
}

.blog-card-content p {
    margin-top: 25px;
    font-family: var(--m-m);
    font-size: 16px;
    color: var(--dark);
}

.blog-card-content {
    padding: 32px 22px;
}

.swiper-slide {
    height: auto !important;
}

/* .custom-width {
    display: flex;
    flex: 1 1 33%;
} */

.blog-card-inside {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.blog-content h3 {
    color: var(--dark);
    font-family: var(--d-s);
    font-size: 22px;
    overflow: hidden;
    line-height: 30px;
    margin-top: 10px;
    letter-spacing: 0px;
    font-style: normal;
    font-weight: 500;
}

.blog-content {
    margin-top: 20px;
}

.blog-content p {
    font-family: var(--m-m);
    font-size: 16px;
    margin-top: 10px;
    color: var(--dark);
}

.blog-content p {
    font-family: var(--m-m);
}

.blog-content span {
    color: #959595;
    font-family: var(--m-m);
}

.blog-content span:nth-child(1) {
    margin-right: 12px;
}

.swiper-pagination-blog .swiper-pagination-bullet {
    height: 10px;
    width: 10px;
    border: 1px solid var(--dark) !important;
    opacity: 1 !important;
}

.swiper-pagination-blog .swiper-pagination-bullet-active {
    background: var(--dark) !important;
    height: 12px;
    width: 12px;
}

.blog-pagination {
    margin-top: 50px !important;
}
.not--found{
    font-family: var(--d-s);
    font-size: 1.8rem;
}
/* INDUSTRIES CARD SECTION */
.industries-section {
    /* background: red; */
    background: url(../img/industries-banner.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    padding: 100px 0;
    position: relative;
    overflow: hidden;
    width: 100%;
}

.industries-card-wrapper {
    border-top-left-radius: 30px;
    border: 3px solid var(--white);
    border-bottom-right-radius: 30px;
    padding: 30px 40px;
    margin-top: 40px;
    cursor: pointer;
    z-index: 0;
    position: relative;
    overflow: hidden;
    transition: .5s ease-in-out;
}

.industries-card-wrapper:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transition: .5s ease-in-out;
    width: 100%;
    z-index: -1;
    opacity: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(113, 113, 113, 1) 100%);
}

.industries-slider-row {
    display: flex;
    flex-wrap: wrap;
}

.equal-height {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

.industries-card-wrapper-main .swiper-slide {
    display: flex;
    align-items: stretch;
}

.industries-card-wrapper {
    flex: 1;
    display: flex;
    flex-direction: column;
}

@media(max-width:768px) {
    .industries-slider-row {
        display: flex;
        flex-wrap: nowrap;
    }
}

.star-b {
    display: none !important;
}

.industries-card-wrapper:hover:before,
.industries-card-wrapper:hover .i-c-h h3 {
    opacity: 1;
}

.i-c-h,
.i-c-p {
    transition: .5s ease-in-out;
}

.industries-card-wrapper:hover .star-b {
    display: block !important;
}

.industries-card-wrapper:hover .star-w {
    display: none !important;
}

.star-w,
.star-b {
    animation: rotateStar 5s linear infinite forwards;
}

.swiper-slide .industries-card-wrapper {
    margin: 0 !important;
}

@keyframes rotateStar {
    from {
        transform: rotate(0);
    }

    to {
        transform: rotate(360deg);
    }
}

.industries-card-wrapper:hover {
    border: 3px solid transparent;
}

.industries-card-wrapper:hover .i-c-h,
.industries-card-wrapper:hover .i-c-p {
    transform: translateX(10px);
}

.industries-card-wrapper:hover .i-c-h h3,
.industries-card-wrapper:hover .i-c-p p {
    color: var(--dark);
}

.industries-head h2 {
    font-family: var(--d-s);
    color: var(--white);
    font-size: 3.4rem;
    letter-spacing: 2px;
    line-height: 47px;
}

@media(max-width:576px) {
    .industries-head h2 {
        font-size: 2.3rem;
        letter-spacing: 2px;
        line-height: 47px;
    }
}

.industries-text p {
    font-family: var(--m-m);
    color: var(--white);
    line-height: 28px;
    margin-top: 22px;
}


@media(max-width:576px) {
    .industries-text p {
        font-size: 14px;
        margin-top: 20px;
    }

    .industries-card-wrapper-main {
        margin-top: 18px;
    }
}

.i-c-h h3 {
    font-family: shrapnel;
    color: var(--white);
    font-size: 2.5rem;
    text-transform: uppercase;
    letter-spacing: 5px;
}

@media(max-width:768px) {
    .i-c-h h3 {
        font-size: 2.5rem;
    }
}

@media(min-width:768px) {
    .industries-slider-row {
        display: flex !important;
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
        margin-right: -15px !important;
        margin-left: -15px !important;
    }
}

.i-c-h h3 span {
    font-family: var(--or-ebold);
}

.i-c-content {
    display: flex;
    align-items: center;
}

.i-c-p {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.i-c-p p {
    font-family: Montserrat-SemiBold;
    font-size: 16px;
    color: var(--white);
    margin: 0;
    width: 92%;
}

.icp-icon {
    width: 50px;
}

.icp-icon img {
    width: 100%;
}

@media(max-width:576px) {
    .icp-icon {
        position: absolute;
        top: 25px;
        right: 25px;
    }

    .i-c-h h3 {
        font-size: 2rem;
    }

    .i-c-h-e-c {
        font-size: 1.5rem !important;
    }

    .i-c-h-s {
        font-size: 30px !important;
    }

    .icp-icon {
        width: 40px;
    }

    .industries-card-wrapper {
        padding: 70px 22px !important;
    }

    .i-c-p p {
        margin-top: 10px;
    }
}

/* maximize change section */
.maximize-chance-wrapper {
    position: relative;
    background: url(../img/banners/banner-1.png);
    width: 100%;
    padding: 100px 0px;
    overflow: hidden;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.maximize-heading h2 {
    font-family: var(--d-s);
    color: var(--white);
    text-align: center;
    font-size: 2.5rem;
    letter-spacing: 2px;
    line-height: 64px;
    font-weight: 500;
}

.max-mize-btn {
    padding: 10px 50px !important;
}

@media(max-width:768px) {
    .maximize-heading h2 {
        font-size: 1.9rem !important;
        letter-spacing: 0.5px !important;
        line-height: 42px !important;
    }

    .mountain-head h2 {
        font-size: 1.9rem !important;
        letter-spacing: 1px !important;
        line-height: 42px !important;
    }
}

@media(max-width:576px) {
    .mountain-text p {
        font-size: 14px;
    }
}

.maximize-txt p {
    font-family: var(--m-m);
    color: var(--white);
    text-align: center;
    font-size: 16px;
}

@media(max-width:576px) {
    .maximize-txt p {
        font-size: 14px !important;
    }

    .maximize-chance-wrapper {
        background: url(../img/banners/maximize-mobile-banner.png);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }
}

/* max-vision section  */
.max-vision-wrapper {
    position: relative;
    width: 100%;
    background: var(--white);
    padding: 100px 0px;
    /* overflow: hidden; */
}

.max-mountain-img {
    width: 90%;
    margin: 0 auto;
    text-align: center;
}

.max-mountain-img img {
    width: 100%;
    object-fit: cover;
    text-align: center;
}

.mountain-head {
    margin-top: 33px;
}

.mountain-head h2 {
    font-family: var(--d-s);
    color: var(--dark);
    text-align: center;
    letter-spacing: 2px;
    font-size: 3rem;
    font-weight: 600;
}

.mountain-text p {
    font-family: var(--m-m);
    color: var(--dark);
    text-align: center;
    margin: 0;
}

/* Co founder section */
/* .co-founder-wrapper {
    position: relative;
    width: 100%;
    background: url(../img/banners/Co-founder-sec.png);
    padding: 100px 0px;
    overflow: hidden;
}

.left-co-wrapper {
    width: 100%;
    border-right: 1px solid var(--white);
    padding-right: 60px;
}

.right-co-wrapper {
    width: 100%;
    text-align: center;
}

.left-heading h2 {
    font-family: var(--o-s-b);
    text-transform: uppercase;
    color: var(--white);
    font-size: 28px;
    line-height: 40px;
    letter-spacing: 3px;
}

.left-text p {
    font-family: var(--m-m);
    color: var(--white);
}

.co-founder-img {
    width: 30%;
    overflow: hidden;
    border-radius: 100%;
    margin: 0 auto;
}

.co-founder-img img {
    width: 100%;
}

.right-co-head h2 {
    font-family: var(--o-s-b);
    text-transform: uppercase;
    color: var(--white);
    letter-spacing: 3px;
    margin-top: 25px;
}

.right-co-head p {
    font-family: var(--m-r);
    color: var(--white);
    font-size: 22px;
    letter-spacing: 2px;
}

.anim-links {
    overflow: hidden;
    white-space: nowrap;
}

.line-names {
    display: inline-block;
    animation: marquee 15s linear infinite;
}

@keyframes marquee {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}
.line-names li {
    display: inline;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: var(--white);
    font-family: var(--o-s-b);
    font-size: 40px;
    margin: 28px;
    letter-spacing: 5px;
}

li::marker {
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: var(--white);
} */
.co-founder-wrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding: 200px 0px;
    /* background: var(--dark); */
    background: url(../img/banners/founder-web-banner.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

@media(max-width:576px) {
    .co-founder-wrapper {
        background: url(../img/banners/founder-banner.png);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        padding: 180px 0;
    }
}

.left-co-sec {
    position: relative;
    border-right: 3px solid var(--white);
    padding-right: 100px;
}

.top-comma {
    width: 90px;
    margin-bottom: 20px;
}

.bottom-comma {
    width: 90px;
    transform: rotateY(180deg);
}

.bottom-comma img {
    width: 100%;
}

.top-comma img {
    width: 100%;
}

.left-co-inside {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-top: 22px;
}

.left-get-i-t-wrapper {
    justify-content: flex-start !important;
}

.left-co-head h2 {
    font-family: var(--d-s);
    color: var(--white);
    margin-top: 40px;
    font-size: 3.5rem;
    line-height: 47px;
    letter-spacing: 2px;
    font-weight: 450;
}

.left-co-text p {
    font-family: var(--m-m);
    color: var(--white);
    margin-top: 30px;
}

.right-co-img {
    width: 60%;
    overflow: hidden;
    border-radius: 100%;
    margin: 0 auto;
    position: relative;
}

.right-co-img::before {
    content: "";
    position: absolute;
    height: 250%;
    width: 34%;
    top: -800px;
    background-color: rgba(255, 255, 255, 0.658);
    filter: blur(50px);
    left: 83px;
    transform: rotate(212deg);
    transition: all 1.5s ease 0s;
}

/* .right-co-img:hover::before {
    top: 600px;
} */

.right-co-img {
    transition: all 1.5s ease 0s;
}
.right-co-img:hover {
    transform: scale(1.02);
}

@media(max-width:1000px) {
    .right-co-img {
        width: 80%;
    }
}

@media(max-width:768px) {
    .right-co-img {
        width: 55% !important;
    }
}

.right-co-img img {
    width: 100%;
}

.right-co-text h2 {
    font-family: var(--vilsuve);
    text-transform: uppercase;
    color: var(--white);
    letter-spacing: 3px;
    margin-top: 25px;
    font-size: 2.2rem;
}

.right-co-text p {
    font-family: var(--m-r);
    color: var(--white);
    font-size: 20px;
    letter-spacing: 1px;
}

@media(max-width:768px) {
    .service-head-column {
        margin-top: 4.4rem !important;
    }
}

.heading-anim-wrapper {
    overflow: hidden;
    white-space: nowrap;
}

.line-names li {
    -webkit-text-stroke: 4px transparent;
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(173, 173, 173, 1) 100%);
    -webkit-background-clip: text;
    font-family: var(--b-r);
    font-size: 4rem;
    list-style-type: circle;
    margin: 20px;
    letter-spacing: 13px;
    font-weight: 700;
}


li::marker {
    color: #FFFFFF;
}

.heading-anim-wrapper {
    position: absolute;
    bottom: 12px;
}

.heading-anim-wrapper-top {
    position: absolute;
    top: 12px;
    overflow: hidden;
    white-space: nowrap;
}

@media(max-width:576px) {
    .heading-anim-wrapper {
        bottom: 15px !important;
    }

    .heading-anim-wrapper-top {
        top: 15px;
    }

    .line-names li {
        font-size: 3.5rem;
    }
}

.heading-anim-links {
    overflow: hidden;
    white-space: nowrap;
}

.line-names {
    display: inline-block;
    animation: marquee 30s linear infinite;
    padding: 0;
    margin: 0;
    list-style: none;
    /* Remove default list item dots */
}

.path_svg_animation {
    /* margin-top: 14px; */
    margin-left: 50px;
    height: 50px;
    width: 450px;
}

.line-names li {
    display: inline;
    /* padding-right: 50px; */
    /* Adjust spacing as needed */
}

@keyframes marquee {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }

}

@media(max-width:992px) {
    .left-co-head h2 {
        font-size: 2.5rem !important;
        line-height: 38px !important;
    }

    .right-co-text h2 {
        font-family: var(--vilsuve);
        font-size: 25px;
    }

    .top-comma {
        width: 45px !important;
    }

    .bottom-comma {
        width: 45px !important;
    }

}

@media(max-width:768px) {
    .left-co-sec {
        border: none !important;
    }

    .left-co-sec {
        padding: 0 18px !important;
    }

    .bottom-comma {
        position: absolute;
        top: 0;
        right: 15px;
    }

    .top-comma {
        width: 50px !important;
        /* display: none; */
    }

    .bottom-comma {
        width: 50px !important;
        /* display: none; */
    }

    .left-co-head h2 {
        text-align: center;
        margin-top: 45px;
    }

    .left-co-text p {
        text-align: center;
    }

    .border-line {
        display: none;
    }

    .top-comma {
        margin-bottom: 0;
    }

    .left-co-head h2 {
        margin-top: 12px;
    }

    .right-co-text h2 {
        font-size: 32px;
        margin-bottom: 0 !important;
    }

    .right-co-text p {
        font-size: 20px;
    }
}

@media(max-width:576px) {
    .path_svg_animation {
        height: 42px;
        width: 415px;
    }

    .left-co-head h2 {
        line-height: 34px !important;
        letter-spacing: 2px !important;
    }

    .left-co-inside {
        display: block !important;
        text-align: center;
    }

    .left-co-text p {
        font-size: 14px;
    }
}

/* faqs */
.faqs-wrapper {
    position: relative;
    width: 100%;
    padding: 100px 0px;
    overflow: hidden;
}

.faqs-heading h2 {
    font-family: var(--d-s);
    font-size: 3.5rem;
    letter-spacing: 3px;
}

@media(max-width:576px) {
    .faqs-heading h2 {
        font-size: 3rem;
    }
}

.accordion-item {
    width: 100%;
    padding: 5px 0px;
    border-bottom: 2px solid var(--dark);
    /* Apply bottom border to all items */
}

.faqs-q-wrapper {
    margin-top: 50px;
}

.accordion-item:first-child {
    border-top: 2px solid var(--dark);
    /* Apply top border to the first item */
}

.accordion-header {
    background-color: transparent;
    color: var(--dark);
    padding: 20px 15px;
    border: none;
    width: 100%;
    text-align: left;
    cursor: pointer;
    outline: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 10px;
    transition: background-color 0.3s ease;
    border-radius: 8px;
    font-family: var(--m-s-b);
    letter-spacing: 1px;
    font-size: 16px;
}

.accordion-content {
    background-color: var(--dark);
    overflow: hidden;
    padding: 0 15px;
    max-height: 0;
    transition: max-height 0.3s ease;
}

.icon i {
    background: linear-gradient(180deg, rgba(62, 62, 62, 1) 0%, rgba(0, 0, 0, 1) 100%);
    -webkit-background-clip: text;
    color: transparent;
    font-size: 32px;
}

.accordion-content p {
    margin: 15px 0;
    line-height: 1.5;
    font-family: var(--m-m);
    color: var(--white);
}
@media(max-width: 576px){
    .accordion-header{
        letter-spacing: 0 !important;
        padding: 20px 7px;
    }
    .icon i{
        padding-left: 20px;
    }
}
/* book a call with us */
.book-now-wrapper {
    background: url(../img/banners/contact-us-banner.png);
    /* background: url(../img/banners/contact-banner.png); */
    position: relative;
    width: 100%;
    padding: 100px 0px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
}

.book-heading {
    padding-right: 70px;
}

.book-heading h2 {
    font-family: var(--d-s);
    letter-spacing: 1px;
    line-height: 46px;
    color: var(--white);
    font-size: 2rem;
}

.book-heading p {
    font-family: var(--d-s);
    color: var(--white);
    font-size: 22px;
    line-height: 30px;
    margin-top: 20px;
    font-weight: 650;
    margin-top: 35px !important;
}

.book-form-wrapper {
    background: var(--white);
    padding: 45px;
    position: relative;
    z-index: 1;
}

.border-layer-book-form {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 10px;
    right: -9px;
    border: 1px solid white;
    z-index: -1;
}

.book-form-heading h2 {
    font-family: var(--d-s);
    letter-spacing: 0px;
    font-size: 2rem;
    font-weight: 650;
    text-transform: uppercase;
}

@media(max-width:576px) {
    .book-form-heading h2 {
        font-weight: 650;
        line-height: 42px;
        text-transform: uppercase;
    }
}

.book-form-inp {
    width: 100%;
    padding: 10px 0px;
    outline: none;
    border: none;
    border-bottom: 2px solid #5B5B5B;
    margin-top: 20px;
}

.book-form-btn {
    outline: none;
    border: none;
    width: 100%;
    margin-top: 35px;
    border-radius: 8px;
    background: linear-gradient(180deg, rgba(62, 62, 62, 1) 0%, rgba(0, 0, 0, 1) 100%);
    color: var(--white);
    font-family: var(--d-s);
    padding: 12px;
    letter-spacing: 2px;
    font-size: 18px;
    font-weight: 650;
}

.border-layer-book-form {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 17px;
    right: -14px;
    border: 1px solid white;
    z-index: -1;
}

.check-icon {
    display: inline-block;
    width: 40px;
    margin-right: 15px;
}

.check-icon img {
    width: 100%;
}

.contact-us-info ul {
    color: var(--white);
    font-family: var(--d-s);
    text-decoration: none;
    list-style: none;
    padding: 0;
    margin-top: 35px !important;
}

.contact-us-info ul li {
    margin-top: 25px;
    display: flex;
    align-items: center;
    font-size: 1.4rem;
    letter-spacing: 1px;
}

.contact-us-info ul li img {
    width: 30px;
    margin-right: 20px;
}

@media(max-width:768px) {
    .book-heading h2 {
        font-size: 1.8rem !important;
        letter-spacing: 1px !important;
        line-height: 42px !important;
    }

    .book-heading {
        padding-right: 0px !important;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding-right: 10px;
    }

    .book-heading p {
        font-size: 1.6rem;
        line-height: 35px;
    }

    .contact-us-info ul li {
        font-size: 1.3rem;
    }

    .book-form-wrapper {
        margin-top: 30px;
    }
}

/* Default styling for larger screens */
#main-heading {
    order: 1;
}

#form-wrapper {
    order: 2;
}

#other-content {
    order: 3;
}

/* footer */
.footer-wrapper {
    background: var(--dark);
    position: relative;
    width: 100%;
    padding: 100px 0px;
    overflow: hidden;
    top: 50px;
}

.footer-link-head h2 {
    font-family: var(--d-s);
    color: var(--white);
    letter-spacing: 1px;
    text-transform: capitalize;
    font-size: 2.1rem;
}

@media(max-width:768px) {
    .footer-link-head {
        margin-top: 28px;
    }
}

.footer-links {
    margin-top: 20px;
}

.footer-logo {
    width: 70%;
}

.footer-logo img {
    width: 100%;
}

.footer-links ul {
    list-style: none;
    text-decoration: none;
    padding: 0;
    margin: 0;
}

.footer-links ul li {
    margin-top: 5px;
}

.footer-links ul li a {
    font-family: var(--m-r);
    color: var(--white);
    text-decoration: none;
}

.social-links {
    width: 100%;
}

.social-links ul li {
    margin-right: 20px;
    border: 1px solid var(--white);
    padding: 2px 11px;
    border-radius: 8px;
    font-size: 22px;
    background: #191919;
    word-wrap: break-word;
}

.info-max-links {
    margin-top: 20px;
}

.information-max {
    margin-top: 60px;
}

.info-max-foot h2 {
    font-family: var(--o-s-b);
    color: var(--white);
    letter-spacing: 3px;
    text-transform: uppercase;
    font-size: 26px;
}

.info-max-links ul {
    list-style: none;
    text-decoration: none;
    padding: 0;
    margin: 0;
}

.info-max-links ul li a {
    text-decoration: none;
    color: var(--white);
    font-family: var(--m-r);
}

/*=========================================== */
/* SEO SERVICE BANNER */
/*=========================================== */
.service-banner {
    /* background: url(../img/seo/hero-banner.png); */
    background: url(../img/seo/banner-comman.png);
    background-repeat: no-repeat;
    background-position: 100%;
    background-size: cover;
    position: relative;
    padding: 180px 0px;
    overflow: hidden;
    z-index: 0;
}

@media(max-width:576px) {
    .service-banner {
        background: url(../img/banners/banner-comman-mobile.png);
        background-repeat: no-repeat;
        background-position: 55% 100%;
        background-size: cover;
    }
}

.circle svg {
    width: 250px !important;
}

.circle-circle svg {
    transform-style: preserve-3d !important;
}

.circle {
    display: flex;
    justify-content: end;
}

.circle-circle {
    position: relative;
    width: 250px;
    border-radius: 100%;
    overflow: hidden;
    display: flex;
    justify-content: center;
}

.circle-circle::after {
    content: "";
    height: 400%;
    width: 36%;
    position: absolute;
    top: -600px;
    left: -73px;
    background: rgb(255 255 255 / 82%);
    z-index: 1;
    transform: rotate(40deg);
    filter: blur(45px);
}

.circle-txt {
    position: absolute;
    top: -43px;
    width: 333px;
    right: -41px;
    transform-origin: center;
}

.circle-txt svg {
    width: 100% !important;
}

.main-circle-div {
    padding-right: 40px;
}

@media(max-width:992px) {
    .circle-circle svg {
        width: 170px !important;
    }

    .circle-circle {
        width: 170px !important;
        /* left: -38px; */
    }

    .circle-txt {
        position: absolute;
        top: -30px;
        width: 230px;
        right: -29px;
        transform-origin: center;
    }
}

.service-banner-shadow-top {
    background: #FFFFFF;
    height: 300px;
    width: 600px;
    position: absolute;
    top: -68px;
    z-index: -1;
    left: -116px;
    filter: blur(203px);
    transform-origin: center;
}

.service-banner-shadow-bottom {
    background: #ffffff;
    height: 300px;
    width: 600px;
    position: absolute;
    z-index: -2;
    filter: blur(203px);
    bottom: -37px;
    right: -80px;
}

.service-banner-heading h2 {
    font-family: var(--d-s);
    color: var(--white);
    font-size: 3rem;
    letter-spacing: 3px;
    text-shadow: 3px 5px 2px rgba(0, 0, 0, 0.25);
    line-height: 65px;
    font-weight: 500;
}

.service-banner-text p {
    font-family: var(--m-m);
    color: var(--white);
    text-shadow: 3px 5px 4px rgba(0, 0, 0, 0.25);
    margin-top: 20px;
}

@media(max-width:768px) {
    .service-banner-text p {
        margin-top: 30px;
        margin-bottom: 30px;
    }
}

.service-banner-img {
    width: 60%;
    display: inline-block;
}

.service-banner-img img {
    width: 100%;
}

/* Why use seo */
.why-use-seo-wrapper {
    position: relative;
    width: 100%;
    background: url(../img/banners/marble.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 100px 0px;
    overflow: hidden;
}

.seo-info-head h2 {
    font-family: var(--d-s);
    color: var(--dark);
    font-size: 3rem;
    letter-spacing: 2px;
    line-height: 64px;
    font-weight: 500;
}

.seo-info-text p {
    font-family: var(--m-s-b);
    color: var(--dark);
    line-height: 30px;
    font-size: 16px;
    margin-top: 25px;
}

.vector-seo {
    width: 90%;
    display: inline-block;
}

.vector-seo img {
    width: 100%;
}

@media(max-width:768px) {
    .main-circle-div {
        padding: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin-top: 30px;
    }

    .service-banner {
        padding: 130px 0;
    }
    .service-banner-heading h2 {
        font-size: 2rem;
        line-height: 43px;
        letter-spacing: 2px !important;
    }
    .service-banner-heading {
        margin-top: 80px;
    }
    .seo-info-head h2 {
        font-size: 2rem;
        line-height: 38px;
        letter-spacing: 1px;
    }
    .seo-info-text p {
        padding: 0 10px;
    }

    .seo-info-head {
        margin-top: 50px;
        padding-right: 0 !important;
    }

    .vector-seo {
        width: 80%;
    }

    .service-banner {
        padding: 70px 0px;
    }

    .why-use-seo-wrapper {
        padding: 70px 0px;
    }
}

/* Unique Seo Process section */
.unique-seo-process {
    background: url(../img/seo/natural-white-marble.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    padding: 100px 0px;
    position: relative;
}

.unique-seo-head h2 {
    font-family: var(--vilsuve);
    color: var(--dark);
    background: var(--maingradient);
    -webkit-background-clip: text;
    font-size: 50px;
    letter-spacing: 3px;
    -webkit-text-stroke: 2px transparent;
}

.unique--sec-card-border {
    background: url(../img/seo/process-card-1.png);
    height: 400px;
    width: 100%;
    background-repeat: no-repeat;
    background-size: 100%;
}

.unique--sec-card-border-2 {
    background: url(../img/seo/process-card-2.png);
    height: 400px;
    width: 100%;
    background-repeat: no-repeat;
    background-size: 100%;
}

.unique--card-tip-wrapper {
    display: flex;
    align-items: center;
    position: relative;
    gap: 20px;
    top: 52px;
    width: 84%;
    right: -7px;
}

.unique-card-tip-icon {
    width: 60px;
    height: 60px;
    border: 1px solid;
    border-radius: 100%;
    position: absolute;
    right: -46px;
    background: var(--white);
    top: -10px;
    border: 2px solid black;
}

.unique-card-tip-info {
    background: linear-gradient(270deg, #000 0%, #454545 100%);
    color: white;
    padding: 8px 38px;
    position: relative;
}

.unique-card-tip-icon-w {
    width: 35px;
    transform: translate(10px, 10px);
}

.unique-card-tip-icon-w img {
    width: 100%;
}

.unique-card-tip-info h4 {
    margin: 0;
    font-size: 21px;
}

.unique-card-tip-num h2 {
    font-size: 60px;
    font-family: fantasy;
}

.unique-card-tip-num {
    position: absolute;
    z-index: 100;
    -webkit-text-stroke: 1px white;
    left: -21px;
    font-style: italic;
    top: -17px;
}

/* .process-card-wrapper {
    background: url(../img/seo/process-card-1.png);
    background-size: 100%;
    background-repeat: no-repeat;
    height: 600px;
    width: 100%;
}

.process-card-2 {
    background: url(../img/seo/process-card-3.png);
    background-size: 100%;
    background-repeat: no-repeat;
    height: 600px;
    width: 100%;
}

.process-card-end {
    background: url(../img/seo/process-card-2.png);
    background-size: 100%;
    background-repeat: no-repeat;
    height: 600px;
    width: 85%;
} */

/* How we get result section */
.get-result-wrapper {
    /* background: url(../img/seo/marble-black.png); */
    background: url(../img/banner-black.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    padding: 100px 0px;
    position: relative;
    overflow: hidden;
    width: 100%;
}

.get-result-head h2 {
    font-family: var(--d-s);
    color: var(--white);
    text-align: center;
    font-size: 3rem;
    letter-spacing: 2px;
    line-height: 60px;
    line-height: 64px;
    font-weight: 500;
}

.get-result-text p {
    text-align: center;
    color: var(--white);
    font-family: var(--m-m);
    padding: 0 60px;
    font-size: 16px;
    line-height: 30px;
    margin-top: 30px;
}

.get-result-icon-text p {
    font-family: var(--vilsuve);
    color: var(--dark);
    text-align: center;
    margin: 0;
    font-size: 28px;
    word-wrap: break-word;
    padding: 8px 12px;
}

.get-result-card-text p {
    text-align: center;
    color: var(--dark);
    font-family: var(--m-m);
    margin-top: 20px;
}

.bottom-get-result p {
    font-family: var(--m-m);
    color: var(--white);
    text-align: center;
    padding: 0px 50px;
    margin-top: 70px;
    line-height: 30px;
}

.left-get-i-t {
    display: flex;
    align-items: center;
    gap: 20px;
}

.get-result-icon {
    width: 65px;
}

.get-result-icon img {
    width: 100%;
}

.left-get-i-t p {
    font-family: var(--d-s);
    color: var(--white);
    font-size: 25px;
    padding: 0px;
    font-weight: 550;
}

.left-get-text {
    margin-top: 25px;
}

.left-get-text p {
    font-family: var(--m-m);
    color: var(--white);
    line-height: 32px;
    font-size: 18px;
}

.right-side-get-result {
    display: flex;
    justify-content: end;
}

.right-side-get-result-snd {
    display: flex;
    justify-content: flex-start;
}

.get-res--image-outside {
    border: 3px solid var(--white);
    border-radius: 50px;
    padding: 20px;
    transition: 1s;
}

.get--res-image-inside {
    width: 100%;
    text-align: center;
    background-color: rgba(0, 0, 0, 0);
    overflow: hidden;
    position: relative;
    padding: 15px;
    border-radius: 10%;
    cursor: pointer;
}

.get--res-image-inside::before {
    content: '';
    z-index: 0;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(0deg);
    position: absolute;
    width: 99999px;
    height: 99999px;
    background-repeat: no-repeat;
    background-position: 0 0;
    transform-origin: center;
    background-image: conic-gradient(rgba(255, 255, 255, 0), #ffffff, rgba(255, 255, 255, 0) 25%);
}

.get--res-image-inside::after {
    content: "";
    background: rgb(255 255 255 / 82%);
    position: absolute;
    top: -950px;
    left: -370px;
    height: 412%;
    width: 49%;
    filter: blur(45px);
    z-index: 0;
    transform: rotate(35deg);
    transition: 3s;
}

.get--res-image-inside img {
    position: relative;
    width: 100%;
    transition: .5s ease-in-out;
}

.get--res-image-inside img:hover {
    transform: scale(1.04);
    transform-origin: center;
}

@media(max-width:576px) {
    .left-get-i-t p {
        font-size: 22px !important;
    }

    .get--res-image-inside {
        width: 95% !important;
        margin: 0 auto;
    }

    .left-get-result-wrapper {
        padding: 0 15px;
    }

    .strategic-icon {
        width: 57px !important;
    }

    .content-integration {
        width: 65px !important;
    }

    .development-icon {
        width: 55px !important;
    }

    .scalability-icon {
        width: 62px !important;
    }

    .client-consultaion-icon {
        width: 60px !important;
    }

    .audience-engage-icon {
        width: 45px !important;
    }

    .audince-profile-icon {
        width: 56px !important;
    }

    .content-creation-icon {
        width: 55px !important;
    }

    .social-big-img {
        width: 95% !important;
    }
}

@media(max-width:768px) {
    .right-side-get-result {
        display: flex;
        justify-content: center;
    }

    .right-side-get-result-snd {
        justify-content: center;
    }

    .social-icons-section .left-get-text {
        text-align: center !important;
    }

    .left-get-i-t {
        justify-content: center;
    }
}

@media(max-width:328px) {
    .get--res-image-inside {
        width: 100%;
    }

    .left-get-result-wrapper {
        padding: 0 8px !important;
    }
}

.social-big-img {
    width: 100%;
}

.social-big-img img {
    width: 100%;
}

.icon-head-results p {
    line-height: 30px;
    word-wrap: break-word;
    letter-spacing: 1px;
}

.icon-head-results h3 {
    color: var(--white);
    font-family: var(--d-s);
    font-size: 30px;
    letter-spacing: 1px;
    font-weight: 550;
}

@media(max-width:768px) {
    .get-result-wrapper {
        padding: 70px 0;
        background: url(../img/banner-black-mobile.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }

    .get-result-icon {
        width: 50px;
    }

    .left-get-text p {
        font-size: 18px;
    }

    .get-result-head h2 {
        font-size: 2rem;
        line-height: 38px;
        letter-spacing: 1px;
    }

    .get-result-text p {
        padding: 0 10px;
    }

    .bottom-get-result p {
        padding: 0;
    }
}



/* Power OF service */
.power-service {
    background: url(../img/seo/seo-banner-bottom.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    position: relative;
    overflow: hidden;
    padding: 100px 0;
    margin-top: 70px;
    margin-bottom: 0px;

}

.power-service-head h2 {
    font-family: var(--d-s);
    color: var(--white);
    font-size: 2.3rem;
    letter-spacing: 2px;
    line-height: 50px;
    text-shadow: 2px 5px 12px var(--dark);
    padding-bottom: 15px;
}

.power-service-text p {
    color: var(--white);
    font-family: var(--m-m);
    font-size: 16px;
    margin-top: 20px;
}

/* All sections Adjustment */
@media(max-width:992px) {
    .footer-link-head h2 {
        font-size: 32px !important;
    }

    .info-max-foot h2 {
        font-size: 20px !important;
    }

    .footer-logo {
        width: 100%;
    }
}

@media(max-width:768px) {
    .our-services {
        padding: 70px 0 !important;
    }

    .what-say-max-m {
        padding: 70px 0 !important;
    }

    .unique-approch-wrapper {
        padding: 70px 0 !important;
    }

    .maximize-chance-wrapper {
        padding: 70px 0 !important;
    }

    .max-vision-wrapper {
        padding: 70px 0 !important;
    }

    .faqs-wrapper {
        padding: 70px 0 !important;
    }

    .book-now-wrapper {
        padding: 70px 0 !important;
    }

    .footer-wrapper {
        padding: 70px 0 !important;
    }

    .blog-section {
        padding: 70px 0 !important;
    }

    .industries-section {
        padding: 70px 0 !important;
    }

    .industries-section {
        overflow: visible !important;
    }

    .swiper-scrollbar {
        position: relative !important;
        margin-top: 45px !important;
    }
}

.swiper-scrollbar-drag {
    width: 90px !important;
}

@media(max-width:576px) {

    .power-service-head h2 {
        font-size: 1.7rem;
        letter-spacing: 1px;
        line-height: 39px;
        font-weight: 530;
    }

    .power-service {
        padding: 70px 0;
    }
}

/*=========================================== */
/* ================== About Us ==============*/
/* ========================================== */
.heros-section {
    background: url(../img/About-us/about-us-top-banner.png);
    height: 650px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-position: center;
    justify-content: center;
    background-size: cover;
}

.heros-section-head {
    text-align: -webkit-center;
}

.heros-section-head h2 {
    font-family: var(--d-s);
    color: var(--white);
    font-size: 3rem;
    letter-spacing: 2px;
    width: 90%;
    text-shadow: 6px 6px 12px rgba(0, 0, 0, 0.5);
    line-height: 64px;
}

.heros-section-text p {
    color: var(--white);
    font-family: var(--m-m);
    font-size: 16px;
    line-height: 28px;
    margin-top: 20px;
    text-shadow: 6px 6px 12px rgba(0, 0, 0, 0.5);
}

@media(max-width:768px) {
    .heros-section-head h2 {
        font-size: 2rem;
        letter-spacing: 1px;
        width: 100%;
        line-height: 44px;
    }
}

@media(max-width:576px) {
    .heros-section-text p {
        font-size: 16px;
        line-height: 24px;
        margin-top: 25px;
        padding: 0 21px;
        margin-bottom: 20px;
    }

    .heros-section {
        background: url(../img/About-us/about-us-top-banner-mobile.png);
        background-position: center;
        justify-content: center;
        background-size: cover;
    }
}

.about-section-main {
    position: relative;
    bottom: 38px;
}

/* about Content section2 */
.about-us-sec {
    background: url(../img/About-us/about-us-banner.png);
    width: 100%;
    padding: 130px 0;
    margin-top: 90px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 100% 100%;
}

@media(max-width:768px) {
    .about-us-sec {
        background: url(../img/About-us/about-us-banner-mobile.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

    .about-us-sec {
        margin-top: 70px !important;
        padding: 70px 0;
    }

    .about-us-head h1 {
        margin-top: 15px;
    }
}


.about-us-head h1 {
    color: rgb(255 255 255 / 13%);
    font-size: 16rem;
    text-align: center;
    font-family: var(--d-s);
    position: relative;
}

.about-us-head h1::after {
    content: "ABOUT";
    position: absolute;
    top: 102px;
    left: 7px;
    height: 100%;
    width: 100%;
    font-size: 67px;
    z-index: 1;
    color: var(--white);
    letter-spacing: 16px;
    font-family: shrapnel;
}

.about-us-content p {
    font-family: var(--m-s-b);
    color: var(--white);
    letter-spacing: 1px;
    line-height: 29px;
    text-align: center;
    margin-top: -22px;
    text-shadow: 6px 6px 6px rgba(0, 0, 0, 0.5);
}

@media(max-width:576px) {
    .about-us-content {
        padding: 0 15px;
    }

    .about-us-head h1 {
        font-size: 12rem;
    }

    .about-us-head h1::after {
        content: 'ABOUT';
        top: 73px;
        font-size: 57px;
        letter-spacing: 7px;
        left: 3px;
    }
}

/* core Values section */
.core-values-section {
    background: url(../img/About-us/marble.png) center center / cover no-repeat;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 100px 0;
}

.core-values-logo {
    width: 300px;
    position: relative;
}

/* .core-values-logo::after {
    content: "CORE VALUES";
    position: absolute;
    top: 36px;
    font-family: var(--vilsuve);
    left: 0;
    background: var(--white);
    font-size: 28px;
    width: 100%;
    letter-spacing: 2px;
} */

.core-values-logo img {
    width: 100%;
}

@media(max-width:576px) {
    .core-card-wrapper {
        margin-top: 50px !important;
    }
}

@media(max-width:530px) {
    .core-values-logo {
        width: 60%;
    }

    .core-values-logo::after {
        font-size: 18px;
    }
}

@media(max-width:350px) {
    .core-values-logo::after {
        top: 32px;
    }
}

/* Core cards */
.core-card-wrapper {
    position: relative;
    width: 85%;
    z-index: 0;
    margin-top: 90px;
    padding: 100px 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* .core-card-wrapper::before {
    content: "";
    position: absolute;
    top: 32px;
    left: 32px;
    border: dashed var(--dark);
    height: 100%;
    width: 100%;
    border-radius: 30px;
    z-index: -1;
    border-width: 4px;
} */
.svg-main {
    position: absolute;
    top: 30px;
    left: 35px;
    width: 97%;
    height: 98%;
    z-index: -1;
}

.svg-main svg {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.svg-main svg {
    position: relative;
    width: 100%;
    top: 0;
}

.svg-main svg rect {
    width: 100%;
    height: 100%;
}

.core-card-wrapper::after {
    content: "";
    position: absolute;
    border: 3px solid var(--dark);
    padding: 100px 40px;
    background: var(--white);
    border-radius: 30px;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}

.core-card-mark {
    position: absolute;
    /* top: 38px; */
    width: 50%;
    height: 100%;
    z-index: 0;
    transform: translateX(36%);
    display: flex;
    justify-content: center;
    align-items: center;
}

.core-card-mark img {
    width: 100%;
}

.core-card-head h3 {
    color: var(--dark);
    font-size: 2.3rem;
    font-family: var(--d-s);
    position: relative;
    letter-spacing: 1px;
    line-height: 38px;
    font-weight: 500;
}

.core-card-text p {
    font-family: var(--m-s-b);
    font-size: 16px;
    color: var(--dark);
    margin-top: 16px;
}

.power-service-about-us {
    background: url(../img/About-us/about-us-banner-bottom.png) center center / cover no-repeat;
    margin-top: 0;
    margin-bottom: 90px;
}

@media(max-width:576px) {
    .power-service-about-us {
        background: url(../img/About-us/banner-mobile-leverage.jpg);
        height: 800px;
        margin-bottom: 70px;
        background-repeat: no-repeat;
        background-position: 100% 100%;
        background-size: cover;
    }
}

.path {
    animation: dash 15s linear infinite;
    animation-direction: reverse;
    stroke-dasharray: 16 16;
}

.core-card-wrapper-column {
    display: flex;
    align-items: stretch;
    margin-bottom: 20px;
}

@media(max-width:768px) {
    .core-card-wrapper-column {
        justify-content: center;
    }

    .power-service-about-us {
        margin-bottom: 70px;
    }
}

@media(max-width:576px) {
    .core-card-wrapper {
        width: 95%;
        margin-right: 17px;
    }

    .core-card-mark {
        left: 28px;
        top: 4px;
    }

    .svg-main {
        top: 34px;
        left: 36px;
        width: 95%;
        height: 95%;
    }

    .core-card-head h3 {
        font-size: 1.8rem !important;
        line-height: 30px !important;
    }

    .core-card-text p {
        margin-top: 10px;
    }
}

@media(max-width:431px) {
    .core-card-wrapper {
        padding: 50px 40px !important;
    }
    .client-approch-svg{
        top: 52px !important;
    }
    .svg-main {
        top: 46px;
        left: 28px;
        width: 95%;
        height: 90%;
    }
}

@keyframes dash {
    to {
        stroke-dashoffset: 1000;
    }
}

/* Webiste development */
.question-wrapper {
    background: url(../img/website-dev/natural-white-marble.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    overflow: hidden;
    padding: 100px 0;
}

.question-right-head h2 {
    font-family: var(--vilsuve);
    font-size: 3.5rem;
    color: var(--dark);
}

.question-right-text p {
    font-family: var(--m-s-b);
    font-size: 16px;
    color: var(--dark);
}

.benifits-main-heading h2 {
    font-family: var(--vilsuve);
    color: var(--dark);
    font-size: 3.5rem;
}

.benifits-wrapper {
    position: relative;
    overflow: hidden;
    padding: 180px 0;
    background: #fff;
}

.navigate-icon {
    display: inline-block;
    width: 50px;
    margin-right: 30px;
}

.navigate-icon img {
    width: 100%;
}

.benifits-links li {
    font-family: var(--m-s-b);
    display: flex;
    align-items: center;
    margin-top: 40px;
    font-size: 22px;
    cursor: pointer;
}

.benifits-info-box {
    border: 2px solid var(--dark);
    border-top-left-radius: 30px;
    border-bottom-right-radius: 30px;
    width: 80%;
    padding: 80px 50px;
    background: white;
    position: relative;
    cursor: pointer;
}

.benifits-star-icon {
    width: 50px;
}

.benifits-star-icon img {
    width: 100%;
}

.benifits-info-head h3 {
    font-family: var(--m-s-b);
    color: var(--dark);
}

.benifits-info-txt p {
    font-family: var(--m-s-b);
    color: var(--dark);
}

.benifits-info-head,
.benifits-info-txt {
    margin-top: 30px;
}

.power-service-website-development {
    background: url(../img/website-dev/website-development-banner.png) center center/cover no-repeat;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.question-left-img {
    width: 80%;
}

.question-left-img img {
    width: 100%;
}

@media(max-width:768px) {
    .question-wrapper {
        padding: 70px 0;
    }

    .question-left-img {
        display: inline-block;
        text-align: center;
    }

    .question-right-head h2 {
        font-size: 2.5rem;
        text-align: center;
        margin-top: 30px;
    }

    .question-right-text p {
        text-align: center;
        margin-top: 20px;
    }
}

@media(max-width:576px) {
    .power-service-website-development {
        background: url(../img/website-dev/leverage-banner.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        height: 900px;
    }
}

/* Smm */
.bottom-get-wrapper {
    text-align: center;
}

.smm-service-bottom {
    background: url(../img/smm/leverage-smm.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.bottom-get-result-head h2 {
    font-family: var(--d-s);
    color: var(--white);
    font-size: 48px;
    letter-spacing: 2px;
    margin-top: 50px;
    font-weight: 500;
}

@media(max-width:576px) {
    .smm-service-bottom {
        background: url(../img/smm/leverage-smm-mob.jpg) !important;
        background-repeat: no-repeat !important;
        background-size: cover !important;
        background-position: center !important;
        height: 900px;
    }

    .bottom-get-result-head h2 {
        margin-top: 0 !important;
    }
}

.bottom-get-result-text p {
    font-family: var(--m-m);
    font-size: 18px;
    color: var(--white);
    margin-top: 30px;
}

.swiper {
    width: 100%;
    overflow: hidden;
    height: 100%;
    padding: 25px 15px;
}

.swiper-scrollbar-drag {
    background: #6F6F6F !important;
}

@media(max-width:576px) {
    .bottom-get-result-head h2 {
        font-size: 2.5rem;
        line-height: 55px;
        letter-spacing: 1.3px;
    }

    .bottom-get-result-text p {
        font-size: 16px;
    }
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.services-heading span {
    position: relative;
    z-index: 0;
}

.services-heading-s::after {
    content: "";
    position: absolute;
    background: linear-gradient(0deg, #000 0%, #666 100%);
    z-index: -1;
    height: 100%;
    width: 100%;
    top: 0;
    left: -12px;
    padding: 8px 14px;
    border-radius: 14px;
    margin-left: 12px;
}

.dot {
    height: 10px;
    width: 10px;
    padding: 7px;
    border-radius: 100%;
    display: inline-block;
    position: relative;
    top: -13px;
    z-index: 0;
    left: 16px;
    border: 2px solid #d8d8d8;
}

@media(max-width:576px) {
    .line-names li {
        padding-right: 0 !important;
    }
}

svg {
    overflow: visible !important;
}

/* .benifits-links li.active {
    font-weight: bold;
    color: #333;
}
.benifits-info-wrapper {
    visibility: hidden;
    max-height: 0;
}
.benifits-info-wrapper.active {
    /*  */
/* display: block; */
/* visibility: visible;
    max-height: 100px; */
/* } */
/* ================================ */
/* ================================ */
/* Lead-Generation page */
.lead-generation-leverage {
    background: url(../img/lead-generation/leverage.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

@media(max-width:576px) {
    .lead-generation-leverage {
        background: url(../img/lead-generation/leverage-banner.jpg) !important;
        background-repeat: no-repeat !important;
        background-size: 100% 92% !important;
        background-position: center;
        height: 900px;
    }
}

/* Blog Page */
.blog-wrapper {
    background: url(../img/pg-b/about-us-top-banner.png);
    height: 500px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-position: center;
    justify-content: center;
    background-size: cover;
}

.blog-section-head h2 {
    font-family: var(--d-s);
    color: var(--white);
    font-size: 5rem;
    letter-spacing: 1px;
    width: 100%;
    text-shadow: 6px 6px 12px rgba(0, 0, 0, 0.5);
    line-height: 55px;
}

.blog-section-head p {
    color: var(--white);
    font-family: var(--m-m);
    font-size: 1.2rem;
    line-height: 32px;
    padding: 0px 133px;
    margin-top: 35px;
    text-shadow: 6px 6px 12px rgba(0, 0, 0, 0.5);
    letter-spacing: 1px;
}

@media(max-width:992px) {
    .blog-section-head h2 {
        font-size: 3rem;
        line-height: 44px;
        letter-spacing: 2px;
    }

    .blog-section-head p {
        padding: 0 10px;
    }
}

@media(max-width:768px) {
    .blog-wrapper {
        padding: 70px 0;
    }

    .blog-section-head p {
        font-size: 1rem;
    }
}

.blog-side-bar {
    width: 100%;
}

.blog-side-bar-links ul li:not(:first-child) {
    margin-top: 20px;
}

.blog-side-bar-links ul li a {
    font-family: var(--vilsuve);
    color: var(--dark);
    font-size: 1.7rem;
    letter-spacing: 1px;
}

.blog-section-wrapper {
    padding: 100px 0px;
    position: relative;
    overflow: hidden;
    background: url(../img/banners/marble.png) center center / cover no-repeat;
    width: 100%;
}

.swiper-scrollbar-blog {
    position: relative !important;
    margin-top: 65px;
}

.swiper-scrollbar-blog .swiper-scrollbar-drag {
    width: 60% !important;
}

.swiper-scrollbar-blog .blog-card-section-wrapper {
    display: flex;
    /* justify-content: space-around; */
    flex-wrap: wrap;
}

.blog-card-main {
    width: 31%;
    padding: 6px;
    margin-left: 17px;
    overflow: hidden;
}

.blog-card-img img {
    transition: 1s;
}

.blog-card-main:hover .blog-card-img img {
    border-top-left-radius: 25px;
    border-bottom-right-radius: 25px;
    /* transform: scale(1.2); */
}

@media(max-width:992px) {
    .blog-card-main {
        width: 49%;
    }
}

@media(max-width:576px) {
    .blog-card-main {
        width: 100%;
    }
}

.blog-card-img {
    width: 100%;
}

.blog-card-img img {
    width: 100%;
}

.search-main {
    position: relative;
}

.search-main input {
    width: 100%;
    outline: none;
    border: none;
    padding: 6px 0;
    font-family: var(--h-b);
    border-bottom: 3px solid var(--dark);
    letter-spacing: 1px;
    font-size: 18px;
    background: transparent;
}

.search-main input:focus {
    background: transparent;

}

.search-main input::placeholder {
    color: #848484;
}

.search-icon button {
    background: transparent;
    border: none;
}

.search-icon {
    position: absolute;
    top: -14px;
    right: 20px;
    width: 50px;
}

.search-icon img {
    width: 100%;
}

.blog-categories-main {
    position: relative;
    /* top: 50px; */
    display: flex;
}

.blog-category {
    display: flex;
    /* width: 20%; */
    align-items: center;
    justify-content: center;
    border-top-left-radius: 22px;
    border-bottom-right-radius: 22px;
    padding: 12px 10px;
    position: relative;
    z-index: 1;
}

.blog-category::after {
    content: "";
    position: absolute;
    border-top-left-radius: 22px;
    border-bottom-right-radius: 22px;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(270deg, #000 0%, #4E4E4E 100%);
    z-index: -1;
}

.blog-category::before {
    content: "";
    position: absolute;
    border: 2px solid var(--dark);
    border-bottom-right-radius: 22px;
    top: 13px;
    left: 14px;
    height: 100%;
    width: 100%;
    z-index: -2;
}

/* .back-layer-category{
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgb(3, 154, 248);
    height: 100%;
    width: 100%;
} */
/* .blog-category::after{
    content: "";
    position: absolute;
    top:20px;
    left: 20px;
    height: 100%;
    width: 100%;
    background-color: green;
    z-index: -1;

} */
/* .blog-category {
    background: linear-gradient(270deg, #000 0%, #4E4E4E 100%);
    display: flex;
    width: 20%;
    align-items: center;
    justify-content: center;
    border-top-left-radius: 22px;
    padding: 12px 0px;
    border-bottom-right-radius: 22px;
    position: relative;
    z-index: 1;
}
.blog-category::before {
    content: "";
    position: absolute;
    top: 12px;
    left: 17px;
    border: 2px solid var(--dark);
    height: 100%;
    width: 100%;
    border-top-left-radius: 22px;
    border-bottom-right-radius: 22px;
    z-index: -1;
} */
.blog-star {
    width: 40px;
    margin-right: 16px;
    animation: rotateStar 5s linear infinite forwards;
}

.blog-star img {
    width: 100%;
}

.blog-category-name p {
    color: white;
    margin: 0;
    font-family: var(--d-s);
    font-size: 20px;
    letter-spacing: 1px;
    font-weight: 600;
    text-transform: capitalize;
    text-align: center;
}

@media(max-width:768px) {
    .blog-category {
        left: -13px;
    }

    .blog-category::before {
        left: 18px;
    }

    .blog-category::after {
        left: 8px;
    }

    .swiper-scrollbar-blog .swiper-scrollbar-drag {
        width: 27% !important;
    }
}
@media(max-width:576px){
    .blog-star{
        margin-right: 0;
    }
    .blog-category {
        display: block;
        text-align: -webkit-center;
        padding: 15px 12px;
    }
    .blog-category-name p{
        font-size: 18px !important;
        margin-top: 12px !important;
    }
}

/* post Detail page work */
.post-detail-section {
    position: relative;
    padding: 100px 0;
    overflow: hidden;
    width: 100%;
}

.post-detail-content h1 {
    font-family: var(--d-s);
    color: var(--dark);
    font-size: 2.5rem;
    line-height: 52px;
    font-weight: 500;
}

@media(max-width:576px) {
    .post-detail-content h1 {
        font-size: 2rem;
        line-height: 37px;
    }

    .blog-card-main {
        padding: 4px;
    }

    .post-image {
        padding: 0 15px;
    }

    .post-detail-content {
        padding: 0 15px;
    }

    .post-discription {
        padding: 0 15px;
    }
}

.post-detail-content p {
    font-family: var(--d-s);
    color: #959595;
    letter-spacing: 0px;
    font-size: 16px;
}

.post-image {
    width: 100%;
    margin-top: 40px;
}

.post-image img {
    width: 100%;
    object-fit: cover;
}

.post-discription {
    margin-top: 50px;
    width: 100%;
    overflow: hidden;
}

.post-discription p {
    font-family: var(--m-m);
}

.right-blog-side {
    padding: 20px;
}

.right-blog-side h6 {
    font-family: var(--d-s);
    letter-spacing: .5px;
}

.right-side-blog-link {
    margin-top: 20px;
}

.right-side-blog-link ul li:not(:first-child) {
    margin-top: 20px;
}

.right-side-blog-link ul li a {
    font-family: var(--d-s);
    color: var(--dark);
    font-size: 20px;
    line-height: 28px;
    text-decoration: none !important;
    font-weight: 500;
    line-height: 31px;
}

.title-catgory-name h3 {
    font-family: var(--d-s);
    margin-top: 50px;
    margin-left: 20px;
    text-transform: capitalize;
    font-size: 1.5rem;
    letter-spacing: 1.5px;
    font-weight: 600;
}

@media(max-width:576px) {
    .blog-wrapper {
        background: url(../img/pg-b/mobile-banner.png);
        height: 500px;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        background-position: center;
        justify-content: center;
        background-size: cover;
    }

    .blog-content h3 {
        font-size: 24px;
        letter-spacing: 0px;
        line-height: 34px;
        margin-top: 16px;
    }

    .blog-content p {
        font-size: 15px;
    }

    .blog-side-bar-links ul li:not(:first-child) {
        margin-top: 4px;
    }

    .blog-side-bar-links ul li a {
        font-size: 1.5;
    }
}

.divider-service {
    padding: 20px;
}

@media(max-width:768px) {
    .divider-service {
        padding: 10px;
    }
}