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

body {
    overflow-x: hidden;
    scroll-behavior: smooth;
    font-family: "Poppins-Regular";
}


@font-face {
    font-family: "Poppins-Regular";
    src: url("../font/Poppins/Poppins-Regular.ttf");
}

@font-face {
    font-family: "Poppins-Medium";
    src: url("../font/Poppins/Poppins-Medium.ttf");
}


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

@font-face {
    font-family: "Poppins-Bold";
    src: url("../font/Poppins/Poppins-Bold.ttf");
}

@font-face {
    font-family: "Poppins-Light";
    src: url("../font/Poppins/Poppins-Light.ttf");
}

@font-face {
    font-family: "RedHatDisplay-Medium";
    src: url("../font/Red_Hat_Display/static/RedHatDisplay-Medium.ttf");
}

@font-face {
    font-family: "RedHatDisplay-SemiBold";
    src: url("../font/Red_Hat_Display/static/RedHatDisplay-SemiBold.ttf");
}

@font-face {
    font-family: "RedHatDisplay-Bold";
    src: url("../font/Red_Hat_Display/static/RedHatDisplay-Bold.ttf");
}

@font-face {
    font-family: "RedHatText-Regular";
    src: url("../font/Red_Hat_Text/RedHatText-Regular.ttf");
}

@font-face {
    font-family: "RedHatText-Bold";
    src: url("../font/Red_Hat_Text/RedHatText-Bold.ttf");
}

@font-face {
    font-family: "RedHatText-Medium";
    src: url("../font/Red_Hat_Text/RedHatText-Medium.ttf");
}

@font-face {
    font-family: "RedHatText-SemiBold";
    src: url("../font/Red_Hat_Text/RedHatText-SemiBold.ttf");
}

@font-face {
    font-family: "BebasNeue-Regular";
    src: url("../font/Bebas_Neue/BebasNeue-Regular.ttf");
}

@font-face {
    font-family: "TimesNewRomanItailic";
    src: url("../font/TimesNewRomanItailic.ttf");
}

@font-face {
    font-family: "Kalam-Bold";
    src: url("../font/Kalam/Kalam-Bold.ttf");
}


@font-face {
    font-family: "Inter-Bold";
    src: url("../font/Inter/Inter_18pt-Bold.ttf");
}

ul,
ol {
    list-style: none;
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
}

:root {
    --black: #000000;
    --white: #ffffff;
    --title-text: #262420;
    --light-black: #212529;
    --primary: #fc602f;
    --secondary: #FF1414;
    --light-orange: #F6876B;
    --green: #009f3b;
    --border-color: #e57065;
    --bg-color: #F8F7F0;
    --bg-circle: #FCC581;
}

.common-btn-web .secondary-btn {
    background-color: var(--secondary);
    color: var(--white);
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    padding: 12px 35px;
    font-size: 25px;
    font-family: 'Poppins-Medium';
    display: flex;
    align-items: center;
    gap: 20px;
    position: relative;
    overflow: hidden;
}

.common-btn-web .secondary-btn::before {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: rgba(255, 255, 255, 0.3);
    transform: skewX(-25deg);
    transition: 0.6s;
}

.common-btn-web .secondary-btn:hover::before {
    left: 125%;
}

.tea-cup-icon {
    width: 18px;
    height: 18px;
    object-fit: contain;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

.header-layout-main {
    position: absolute;
    width: 100%;
    top: 0;
    padding: 10px 0;
    left: 0;
    z-index: 999;
}

.header-layout-main.is-sticky {
    position: fixed;
    z-index: 998;
    border: none;
    box-shadow: 1px 10px 20px 0px rgb(0 0 0 / 21%);
    animation: slideDown 0.50s ease-out;
    backdrop-filter: blur(11px);
    -webkit-backdrop-filter: blur(11px);
    background-color: #ffffff26;
}

.header-layout-main.is-sticky .menu-top-slider {
    top: 120px;
}

.menu-top-slider::after {
    content: '';
    background-image: url(../images/headerborder.svg);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: 100% 100%;
}

.header-layout-main.is-sticky .header-main {
    padding: 0;
}

.header-layout-main.is-sticky .layout-hamburger span {
    background: var(--black);
}

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

    to {
        transform: translateY(0);
    }
}

.logo-box {
    display: flex;
    align-items: center;
    position: relative;
}

.logo-box::before {
    content: "";
    position: absolute;
    top: -31px;
    left: 0px;
    width: 160px;
    height: 170px;
    background-size: 100%;
    background-repeat: no-repeat;
    z-index: -1;
    background: #ffffffba;
    border-radius: 50%;
    filter: blur(61px);
}

.is-sticky .logo-box::before,
.menu-open-active .logo-box::before {
    display: none;
}

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

.logo-img-menu {
    display: none;
}

.menu-open-active .logo-img-menu.logo-img {
    display: flex;
}

.header-container {
    z-index: 9;
}

.header-container,
.hero-container {
    max-width: 1450px;
    padding-left: 15px;
    width: 100%;
    margin: 0 auto;
    padding-right: 15px;
}

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

.header-right {
    display: flex;
    align-items: center;
    gap: 25px;
}

.header-btn {
    padding: 14px 50px;
    border-radius: 50px;
    font-size: 16px;
    font-family: "Poppins-Medium";
    color: var(--black);
    transition: 0.5s all;
    background-color: var(--white);
}

.header-btn:hover {
    background: linear-gradient(325deg, #6E0104, #C61707, #F45327);
    color: var(--white);
}

.header-ul {
    display: flex;
    flex-direction: column;
    gap: 15px;
    position: relative;
}

.header-link {
    font-family: "Poppins-Medium";
    font-size: 30px;
    color: var(--black);
    transition: color 0.3s ease;
}

.header-link:hover,
.header-sub-menu .header-sub-link:hover {
    color: var(--secondary);
}

.top-onclick-menu .header-link {
    display: flex;
    align-items: center;
    gap: 5px;
}

.top-onclick-menu .menu-next-icon {
    width: 36px;
    transition: 0.3s all;
    height: 36px;
    filter: brightness(000);
    object-fit: contain;
}

.header-link.active-menu {
    color: var(--secondary);
}

.header-sub-menu .header-sub-link.active-menu {
    background: linear-gradient(321.16deg, rgba(110, 1, 4, 0.15) -3.72%, rgba(198, 23, 7, 0.15) 39.28%, rgba(244, 83, 39, 0.15) 82.27%);
}

.logo-box .sticky-logo {
    display: none;
}

.is-sticky .logo-box .sticky-logo {
    display: block;
    max-width: 320px;
    height: 120px;
}

.active-top-menu .menu-next-icon,
.top-onclick-menu .header-link.active-menu .menu-next-icon {
    rotate: 0deg;
    filter: brightness(0) saturate(100%) invert(12%) sepia(95%) saturate(4426%) hue-rotate(13deg) brightness(99%) contrast(106%);
    -webkit-filter: brightness(0) saturate(100%) invert(12%) sepia(95%) saturate(4426%) hue-rotate(13deg) brightness(99%) contrast(106%);
}

.header-mega-menu {
    position: absolute;
    right: 0;
    z-index: 98;
    top: 0px;
    bottom: 0;
    margin: 0 auto;
    height: max-content;
    left: 100px;
    max-width: max-content;
}

.top-onclick-menu.active-top-menu .header-mega-menu,
.header-mega-menu.mega-menu-open {
    width: max-content;
    display: block;

}

.header-sub-menu {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.header-sub-menu .header-sub-link {
    font-family: "Poppins-Medium";
    font-size: 17px;
    color: var(--black);
    padding: 12px 20px;
    display: flex;
    line-height: 15px;
    border-radius: 30px;
    max-width: max-content;
    background: #fff7f3;
}

.active-top-menu .header-link {
    color: var(--secondary);
}

.layout-hamburger {
    width: 32px;
    height: 28px;
    position: relative;
    cursor: pointer;
    z-index: 1000;
}

.layout-hamburger .hamburger-line {
    position: absolute;
    height: 8px;
    width: 100%;
    transition: all 0.3s ease;
    left: 0;
}

.layout-hamburger .hamburger-line:nth-child(1) {
    top: 0;
}

.layout-hamburger .hamburger-line:nth-child(2) {
    top: 50%;
    transform: translateY(-50%);
}

.layout-hamburger .hamburger-line:nth-child(3) {
    bottom: 0;
}

.layout-hamburger.active .hamburger-line:nth-child(1) {
    transform: rotate(45deg);
    top: 50%;
}

.layout-hamburger.active .hamburger-line:nth-child(2) {
    opacity: 0;
}

.layout-hamburger.active .hamburger-line:nth-child(3) {
    transform: rotate(-45deg);
    bottom: auto;
    top: 50%;
}

.fixed-header.menu-open-active::before {
    opacity: 1;
}

.menu-open-active .menu-top-slider {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.header-layout-main.menu-open-active::before {
    opacity: 1;
}

.menu-open-active .header-btn,
.header-layout-main.is-sticky .header-btn {
    background-color: var(--secondary);
    color: var(--white);
}

.header-layout-main::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #FFF9F6;
    z-index: -1;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}

.menu-top-slider {
    position: absolute;
    top: 120px;
    left: 0;
    right: 0;
    width: 100%;
    height: 100vh;
    background-color: #FFF9F6;
    padding: 40px 100px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-100%);
    transition: transform 0.5s ease-in-out, opacity 0.2s ease-in-out, visibility 0.2s;
    -webkit-transition: transform 0.5s ease-in-out, opacity 0.2s ease-in-out, visibility 0.2s;
    -moz-transition: transform 0.5s ease-in-out, opacity 0.2s ease-in-out, visibility 0.2s;
    -ms-transition: transform 0.5s ease-in-out, opacity 0.2s ease-in-out, visibility 0.2s;
    -o-transition: transform 0.5s ease-in-out, opacity 0.2s ease-in-out, visibility 0.2s;
    z-index: 1;
}

.header-sub-menu li {
    background: linear-gradient(180deg, rgba(255, 233, 166, 0.2) 0%, rgba(238, 95, 43, 0.2) 50%, rgba(250, 93, 91, 0.2) 100%);
    border-radius: 30px;
    padding: 1px;
    max-width: max-content;
}

.mr-scroll-minus {
    margin-right: -30px;
    z-index: 1;
    position: relative;
}

.scroll-mr-slider {
    overflow: auto;
    height: calc(100vh - 210px);
    padding-right: 30px;
}

.menu-top-flex-header {
    display: grid;
    gap: 10px;
    grid-template-columns: 1fr 260px;
    max-width: 1450px;
    position: relative;
}

.menu-bg-logo-div {
    position: absolute;
    right: 5px;
    top: 0;
    bottom: 0;
    max-width: 260px;
    width: 100%;
}

.menu-bg-logo-div .menu-bg-logo {
    width: 200px;
    height: auto;
}

.header-sub-link {
    color: var(--white);
}

.menu-slider-listitem.mega-menu-open .header-mega-menu {
    display: block;
}

.menu-slider-listitem.mega-menu-open>.redirect-menu-slider,
.menu-slider-listitem.mega-menu-open~.menu-slider-listitem {
    display: none;
}

/* hero section start */

.hero-content {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 130px 0 80px;
    z-index: 2;
    height: 100vh;
}

.hero-container,
.hero-main {
    height: 100%;
}

.hero-bg-slider {
    width: 100%;
    height: 100vh;
    object-fit: cover;
    object-position: right center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

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

.hero-section::after {
    content: '';
    width: 100%;
    background: linear-gradient(13.85deg, #FFFFFF 21.72%, #FFFFFF 34.41%, #FFFFFF 40.76%, #F6EFED 47.11%);
    height: 112px;
    position: absolute;
    bottom: -50px;
    filter: blur(78px);
    z-index: 1;
}

.hero-section {
    position: relative;
    height: 100vh;
}

.hero-title {
    font-family: "Poppins-Bold";
    font-size: 70px;
    line-height: 90px;
    color: var(--secondary);
    text-transform: capitalize;
}

.hero-para {
    color: var(--black);
    font-size: 40px;
    line-height: 60px;
    margin-top: 20px;
    font-family: "Poppins-Medium";
    margin-bottom: 32px;
}

.swiper {
    width: 100%;
    height: 100%;
}

.about-sec {
    padding: 60px 0 85px 0;
    position: relative;
}

.about-heading-content {
    font-size: 90px;
    line-height: 90px;
    color: #FA0707;
    font-family: 'Poppins-Bold';
    margin-bottom: 50px;
}

.black-title-left {
    color: var(--black);
    padding-left: 159px;
}

.about-left-title-space {
    padding-left: 159px;
    padding-top: 40px;
}

.about-left-title-space .black-title-left {
    padding-left: 200px;
}

.about-img-div .about-img {
    width: 100%;
    height: 370px;
    object-fit: contain;
}

.about-grid-content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 130px;
}

.common-title {
    color: var(--title-text);
    font-size: 60px;
    line-height: 70px;
    font-family: "Poppins-Bold";
}

.align-center {
    text-align: center;
    margin-bottom: 30px;
}

.common-title span {
    background: conic-gradient(from 0deg, #ab0a1f, #d12028, #fc602f, #80141b, #1b0505, #e22b2f, #ab0a1f);
    background-size: 200% 200%;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.about-list-brand {
    display: flex;
    align-items: center;
    gap: 20px;
    margin: 7px 0;
}

.about-content .about-intro-para {
    font-size: 20px;
    font-family: 'Poppins-Medium';
    color: var(--black);
    line-height: 30px;
    margin-bottom: 5px;
}

.about-item-brand {
    font-size: 20px;
    color: var(--secondary);
    font-family: 'Poppins-SemiBold';
    display: flex;
    align-items: center;
    gap: 20px;
}

.about-item-brand .item-brand-icon {
    width: 24px;
    height: 24px;
    object-fit: contain;
    filter: brightness(0) saturate(100%) invert(44%) sepia(97%) saturate(7460%) hue-rotate(353deg) brightness(106%) contrast(103%);
}

.about-list {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.inspired-text {
    font-size: 20px;
    color: #000000CC;
    font-family: "Poppins-Medium";
    position: relative;
    line-height: 28px;
}

.inspired-div {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 10px;
}

.inspired-div:last-child {
    margin-bottom: 0px;
}

.inspired-div:nth-child(1) .inspired-img-div,
.inspired-div:nth-child(1) .inspired-bg-content {
    background: #188FC980;
    border: 1px solid #188FC9;
}

.inspired-div:nth-child(2) .inspired-img-div,
.inspired-div:nth-child(2) .inspired-bg-content {
    background: #F98A0380;
    border: 1px solid #F98A03;
}

.inspired-div:nth-child(3) .inspired-img-div,
.inspired-div:nth-child(3) .inspired-bg-content {
    background: #FC220F80;
    border: 1px solid #FC220F;
}

.inspired-div:nth-child(4) .inspired-img-div,
.inspired-div:nth-child(4) .inspired-bg-content {
    background: #8FBC0080;
    border: 1px solid #8FBC00;

}

.inspired-img-div {
    width: 60px;
    height: 60px;
    flex: 0 0 60px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 4px 4px 0px #FFFFFF80 inset;
}

.inspired-bg-content {
    width: 100%;
    height: 100%;
    padding: 16px 36px;
    border-radius: 10px;
    box-shadow: 0px 4px 4px 0px #FFFFFF80 inset;
}

.inspired-img-div .inspired-img {
    width: 40px;
    height: 40px;
    object-fit: contain;
}

.inspired-main-div {
    margin-top: 20px;
}

.orbit-wrapper {
    position: relative;
    height: 370px;
    width: 370px;
}

/* ORBITS */

.orbit {
    position: absolute;
    border: 0.48px solid #F98A03;
    border-radius: 50%;
    top: 50%;
    width: 100%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.orbit1 {
    width: 370px;
    height: 370px;
}

.orbit2 {
    width: 300px;
    height: 300px;
}

.orbit3 {
    width: 230px;
    height: 230px;
}

.orbit4 {
    width: 160px;
    height: 160px;
}

/* ROTATING LAYER */

.rotate {
    position: absolute;
    width: 100%;
    height: 100%;
    animation: spin 20s linear infinite;
    -webkit-animation: spin 20s linear infinite;
}

/* ITEM */

.item {
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    color: var(--black);
    font-family: 'Poppins-Regular';
}

/* COLORS */

.c1,
.c8 {
    background: #FECDC9;
}

.c2,
.c7 {
    background: #E2EEC3;
}

.c3,
.c6 {
    background: #FDE4C1;
}

.c4 {
    background: #8CC7E4;
}

.c5 {
    background: #C8E5F4;
}


.c8,
.c7 {
    width: 30px;
    height: 30px;
}

/* POSITION AROUND CIRCLE */

.i1 {
    top: 14%;
    left: 20px;
}

.i2 {
    bottom: 40px;
    right: 30px;
}

.i3 {
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
}

.i4 {
    bottom: -19px;
    left: 37%;
}

.i5 {
    bottom: 10px;
    left: 5px;
}

.i6 {
    top: 6%;
    right: 3px;
}

.i7 {
    bottom: -6px;
    right: 10%;
}

.i8 {
    top: -4%;
    left: 10%;
}

/* KEEP TEXT STRAIGHT */

.item span {
    animation: spinReverse 20s linear infinite;
    -webkit-animation: spinReverse 20s linear infinite;
}

/* ANIMATION */

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

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

@keyframes spinReverse {
    from {
        transform: rotate(360deg);
    }

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


.what-we-sec {
    padding: 59px 0 76px 0;
}

.what-title-content {
    font-size: 60px;
    text-align: center;
    margin-bottom: 30px;
    color: var(--black);
    line-height: 75px;
    font-family: 'Poppins-Medium';
}

.secondary-text {
    color: var(--secondary);
}

.what-we-title {
    text-align: center;
    font-size: 21px;
    line-height: 28px;
    margin-bottom: 30px;
    color: var(--light-black);
    font-family: "Poppins-Regular";
}

.what-we-content {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 30px;
    row-gap: 12px;
    align-items: center;
}

.what-we-center {
    width: max-content;
    position: relative;
    margin: 0 auto;
}


.what-we-center::before {
    content: "";
    position: absolute;
    width: 60px;
    height: 100px;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    z-index: 99;
    bottom: 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url(../images/logo/logo-t8s1.webp);
}

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

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

.what-we-ul {
    display: flex;
    flex-direction: column;
    gap: 40px 10px;
}

.what-we-ul-right .what-we-li:first-child {
    margin-left: -50px;
}

.what-we-ul-right .what-we-li:last-child {
    margin-left: -50px;
}

.what-we-ul-left .what-we-li:first-child {
    margin-right: -45px;
}

.what-we-ul-left .what-we-li:last-child {
    margin-right: -45px;
}

.what-we-li {
    padding: 12px 103px 12px 12px;
    border: 1px solid var(--border-color);
    border-left: 5px solid var(--border-color);
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    align-items: center;
    gap: 15px;
    font-size: 16px;
    line-height: 26px;
    font-family: "Poppins-Regular";
    color: var(--light-black);
    position: relative;
}

.what-we-number {
    position: absolute;
    right: 15px;
    top: 10px;
    bottom: 10px;
    margin: auto;
    font-size: 40px;
    font-weight: 900;
    font-family: 'RedHatText-Bold';
    color: #FFFFFF;
    display: flex;
    align-items: center;
    z-index: 1;
}

p.what-branding {
    font-size: 20px;
    font-family: 'Poppins-SemiBold';
    color: #002007;
    line-height: 30px;
    margin-bottom: 4px;
}

p.what-we-text {
    font-size: 17px;
    line-height: 24px;
    color: var(--black);
}

.what-we-li::after {
    content: '';
    background: #c6170714;
    height: 160px;
    width: 179px;
    position: absolute;
    right: -90px;
    transform: rotate(115deg);
}

.elements-sec {
    padding: 40px 0px 70px 0px;
    background-color: var(--white);
}

.elements-top-div {
    text-align: center;
}

.elemen-content {
    margin-top: 50px;
}

.elements-card {
    background-color: #f453271a;
    display: grid;
    grid-template-columns: auto 35%;
    column-gap: 40px;
    padding: 30px 40px;
    border-radius: 20px;
    background: #FC220FCC;
    border-color: #E57065;
}

.elements-carousel-item.swiper-slide-active .elements-card {
    background: #FC220FCC;
    border-color: #E57065;
}

.elements-card-title {
    font-size: 32px;
    line-height: 42px;
    margin-bottom: 12px;
    color: var(--black);
    font-family: "Poppins-SemiBold";
}

.element-card-para {
    font-size: 19px;
    line-height: 30px;
    font-weight: 400;
    color: #080808b3;
    margin-bottom: 20px;
}

.elements-card-img-div {
    width: 100%;
    height: 364px;
}

.elements-card-img-div .elements-card-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 15px;
}

.element-ul {
    display: flex;
    align-items: center;
    gap: 12px 10px;
    flex-wrap: wrap;
}

.element-link {
    padding: 4px 12px;
    background: #fa07070d;
    border: 1px solid var(--black);
    border-radius: 50px;
    display: flex;
    align-items: center;
    gap: 15px;
    transition: 0.5s all;
    font-size: 15px;
    line-height: 26px;
    color: var(--white);
}

.element-link:hover {
    transform: translateY(-4px);
    color: var(--light-black);
}

.elements-btn-div {
    max-width: 210px;
    margin-top: 50px;
}

.btn.btn-secondary,
.elements-btn-div .elements-btn {
    color: var(--black);
    border-radius: 50px;
    padding: 9px 18px;
    width: 100%;
    justify-content: space-between;
    display: flex;
    align-items: center;
    font-size: 18px;
    transition: 0.6s all;
    border: 1px solid var(--primary);
    font-family: "Poppins-Medium";
    font-weight: 400;
    background-color: transparent;
}

.btn.btn-secondary:hover,
.elements-btn-div .elements-btn:hover {
    border-color: var(--primary);
    background-color: var(--primary);
    color: var(--white);
}

.btn.btn-secondary:hover .next-img,
.elements-btn-div .elements-btn:hover .next-img {
    rotate: 360deg;
    filter: brightness(0) saturate(100%) invert(61%) sepia(72%) saturate(5067%) hue-rotate(342deg) brightness(101%) contrast(98%);
}

.elements-swiper {
    .elements-scrollbar {
        max-width: 500px;
        margin: auto;
        left: 0;
        right: 0;
        background-color: #b38a6f33;

        &.swiper-scrollbar-horizontal {
            height: 5px;
        }
    }

    &.swiper-horizontal {
        .elements-scrollbar {
            bottom: 0;
            height: 5px;
        }
    }
}

.elements-swiper .elements-scrollbar .swiper-scrollbar-drag {
    background: var(--secondary);
    height: 5px;
    top: 0px;
}

.any-element-head {
    max-width: 1083px;
    margin: 0 auto;
    text-align: center;
    font-size: 40px;
    line-height: 58px;
    padding: 25px 0px 0px 0px;
    font-family: 'Poppins-Medium';
}

.elemen-content .elements-swiper {
    padding-bottom: 50px;
}

.trusted-sec {
    padding: 20px 0 100px 0;
}

.trusted-slider-card {
    box-shadow: 0 4px 27.3px #0000000f;
    background-color: #fffaf0;
    border: 1px solid var(--primary);
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    padding: 15px 70px;
}

.trusted-slider-card-logo {
    height: 80px;
    width: 150px;
    object-fit: contain;
}

.cus-marquee {
    overflow: hidden;
    width: 100%;
    position: relative;
    margin: 0 0 24px 0;
}

.cus-marquee-content {
    display: flex;
    gap: 28px;
    width: max-content;
    animation: scroll-left 30s linear infinite;
}

.trusted-slide-left-right .cus-marquee-content {
    animation: scroll-right 30s linear infinite;
}

/* Right to Left */
@keyframes scroll-left {
    0% {
        transform: translateX(0%);
    }

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

/* Left to Right */
@keyframes scroll-right {
    0% {
        transform: translateX(-50%);
    }

    100% {
        transform: translateX(0%);
    }
}

.trusted-slider-div {
    margin-top: 80px;
}

.trusted-slider-wrapper {
    position: relative;
}

.trusted-round-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    z-index: 1;
}

.trusted-round-border {
    border: 2px solid #fbdcd0;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    padding: 22px;
    height: 300px;
    width: 300px;
    margin: auto;
    display: flex;
}

.trusted-round-box {
    height: 250px;
    width: 250px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: auto;
    background-color: #ffb3957a;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
}

.trusted-round-box img {
    width: 92px;
    height: 155px;
    object-fit: contain;
}

.industries-sec {
    padding: 90px 0;
    background-color: #331684;
}

.industries-top-div .common-title,
.industries-top-div .intro-para {
    color: var(--white);
    text-align: center;
}

.industries-top-div .intro-para {
    font-weight: 300;
}

.industries-main {
    display: grid;
    grid-template-columns: 581px 1fr;
    gap: 80px;
}

.industries-card {
    padding: 23px 40px 23px 0px;
    border-radius: 20px;
    height: 100%;
    text-align: center;
    position: relative;
    transition: 0.5s all;
    background: var(--white);
    display: flex;
    overflow: hidden;
}

.industries-card::after {
    content: '';
    width: 284px;
    height: 100%;
    position: absolute;
    top: 0px;
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important;
}

.row-industries:nth-child(even) {
    padding-left: 50px;
    margin-right: -30px;
}

.row-industries:nth-child(odd) {
    margin-left: -20px;
}

.industries-card:nth-child(1)::after {
    background: url(../images/weare1.svg);
}

.industries-card:nth-child(2)::after {
    background: url(../images/weare2.svg);
}

.row-industries:nth-child(2) .industries-card:nth-child(1)::after {
    background: url(../images/weare3.svg);
}

.row-industries:nth-child(2) .industries-card:nth-child(2)::after {
    background: url(../images/weare4.svg);
}

.row-industries:nth-child(3) .industries-card:nth-child(1)::after {
    background: url(../images/weare5.svg);
}

.row-industries:nth-child(3) .industries-card:nth-child(2)::after {
    background: url(../images/weare6.svg);
}

.row-industries:nth-child(4) .industries-card:nth-child(1)::after {
    background: url(../images/weare7.svg);
}

.row-industries:nth-child(4) .industries-card:nth-child(2)::after {
    background: url(../images/weare8.svg);
}

.row-industries:nth-child(5) .industries-card:nth-child(1)::after {
    background: url(../images/weare9.svg);
}

.row-industries:nth-child(5) .industries-card:nth-child(2)::after {
    background: url(../images/weare10.svg);
}

.row-industries {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
    margin-bottom: 40px;
}

.row-industries:last-child {
    margin-bottom: 0px;
}

.industries-card:hover {
    transform: translateY(-5px);
}

.industries-number {
    font-family: 'Poppins-Medium';
    font-size: 70px;
    font-weight: 700;
    color: var(--white);
    line-height: 70px;
    z-index: 1;
    max-width: 115px;
    width: 100%;
    flex: 0 0 115px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.industries-card-content {
    padding: 43px 0px 0px 8px;
    z-index: 1;
    position: relative;
}

.industries-title {
    font-size: 22px;
    line-height: 27px;
    margin-bottom: 15px;
    color: var(--title-text);
    font-family: Poppins-Bold;
    text-align: start;
    min-height: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.industries-top-div {
    position: sticky;
    top: 121px;
    height: max-content;
}

.industries-para {
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    color: #575757;
    font-family: 'Poppins-Medium';
    text-align: start;
}

.testimonial-sec {
    padding: 80px 0 80px 0;
    background: url(../images/line-vector-light.png);
    background-color: var(--white);
    background-size: 100%;
    background-repeat: no-repeat;
}

.testimonial-main .common-title {
    max-width: 800px;
}

.testimonial-content {
    padding: 10px;
    margin-top: 50px;
    border-radius: 12px;
}

.testimonial-card {
    background-color: var(--white);
    padding: 40px 45px;
    height: 100%;
    border: 3px solid #002007;
    text-decoration: none;
    transition: color .5s;
    border-radius: 25px;
}

.testimonial-desc {
    font-weight: 500;
    font-size: 18px;
    line-height: 30px;
    color: #333;
    margin-bottom: 30px;
    min-height: 120px;
    font-family: "Poppins-Medium";
}

.testimonial-title {
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    color: var(--title-text);
    font-family: "Poppins-SemiBold";
    margin-bottom: 4px;
}

.testimonial-main {
    position: relative;
}

.testimonial-nav {
    display: flex;
    gap: 15px;
    justify-content: flex-end;
    margin-bottom: 20px;
}

.testimonial-nav .testimonial-slider-btn {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px solid var(--light-black);
    background: #ffffff00;
    display: flex;
    top: 15%;
    transition: 0.5s all;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.testimonial-nav .testimonial-slider-btn img {
    width: 28px;
    height: 32px;
    transition: 0.5s all;
    object-fit: contain;
}

.testimonial-nav .testimonial-slider-left {
    left: auto;
    right: 6%;
}

.testimonial-nav .testimonial-slider-btn:hover img {
    filter: brightness(0) saturate(100%) invert(47%) sepia(9%) saturate(7233%) hue-rotate(339deg) brightness(101%) contrast(98%);
}

.testimonial-nav .testimonial-slider-btn:hover {
    border: 1px solid var(--primary);
}

.testimonial-slider-btn svg {
    display: none;
}

.contact-form-sec {
    padding: 91px 0px 81px 0px;
    overflow: hidden;
    position: relative;
    background: linear-gradient(280.78deg, #188FC9 15.46%, #F98A03 39.61%, #FC220F 67.15%, #8FBC00 89.85%);
}

.contact-form-sec::after {
    content: '';
    background: #FFFFFF80;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    backdrop-filter: blur(30.1px);
    -webkit-backdrop-filter: blur(30.1px);
}

.contact-form-pd {
    z-index: 1;
    position: relative;
    max-width: 1470px;
    margin: 0 auto;
}

.contact-img {
    position: absolute;
    right: 37px;
    bottom: -81px;
    z-index: 1;
    height: 578px;
    object-fit: contain;
}

.contact-form-right {
    width: 100%;
    box-sizing: border-box;
    border-radius: 20px;
}

.contact-form-flex {
    display: grid;
    width: 100%;
    gap: 40px;
    grid-template-columns: 744px 1fr;
}

.contact-form {
    padding: 30px 30px;
    border-radius: 30px;
    background-color: #FFFFFF80;
    box-shadow: 0px 0px 40px 0px #0000002E;
    backdrop-filter: blur(134px);
    -webkit-backdrop-filter: blur(134px);
}

.contact-form-title {
    color: var(--black);
    font-size: 35px;
    line-height: 46px;
    font-family: "RedHatText-Medium";
    margin-bottom: 14px;
}

.form-group-grid {
    display: grid;
    column-gap: 22px;
    row-gap: 12.34px;
    grid-template-columns: repeat(12, 1fr);
}

.colnum-span {
    grid-column: span 6;
}

.colnum-span-full {
    grid-column: span 12;
}

.contact-form-main .common-title {
    color: var(--black);
    font-size: 40px;
    font-family: "RedHatText-Bold";
    line-height: 50px;
    max-width: 600px;
    margin-bottom: 40px;
}

.left-contact .contact-link,
.left-contact .contact-link:hover {
    color: var(--white);
}

.form-group.textarea-group .form-control,
.form-group.textarea-group .form-control-border {
    border-radius: 10.17px;
}

.form-group .form-control {
    padding: 15.5px 13.66px;
    font-size: 18px;
    width: 100%;
    border: 1px solid var(--black);
    border-radius: 20.34px;
    color: var(--light-black);
    font-family: "Poppins-Regular";
    background-color: #fff;
}

.form-control-border {
    border-radius: 20.34px;
}

.form-group .form-control:focus {
    box-shadow: none;
    border-color: var(--border-color)
}

.form-group .form-control::placeholder {
    color: #00000080;
}

.togather-pr-desc {
    margin: 58px 0px 40px 0;
}

.togather-pr-desc .intro-para {
    color: var(--black);
    margin-bottom: 0;
    font-size: 25px;
    line-height: 38px;
    text-align: justify;
    font-family: "Poppins-Medium";
}

.togather-pr-btn {
    max-width: 408px;
}

.contact-submit-btn {
    margin: auto;
    margin-top: 15px;
    max-width: 190px;
}

.footer-sec {
    padding: 40px 0 0px 0;
    background-color: var(--white);
}

.footer-main {
    margin-bottom: 40px;
}

.footer-contant-row {
    display: grid;
    grid-template-columns: 24% auto 22%;
    column-gap: 30px;
    row-gap: 12px;
}

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

.footer-logo-link {
    width: max-content;
}

.footer-logo-img {
    width: 250px;
    height: 140px;
    object-fit: contain;
}

.footer-cta-para {
    font-size: 14px;
    line-height: 26px;
    color: #374151;
    font-family: "Poppins-Medium";
}

.social-ul {
    display: flex;
    gap: 16px;
    margin: 30px 0 0px 0px;
    justify-content: center;
    align-items: center;
}

.social-link {
    min-width: 55px;
    width: 55px;
    height: 55px;
    display: flex;
    border: 0.2px solid var(--black);
    align-items: center;
    transition: 0.5s all;
    justify-content: center;
    border-radius: 14px;
    position: relative;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    -ms-border-radius: 14px;
    -o-border-radius: 14px;
}

.social-ul .social-li:nth-child(1) .social-link {
    background: #188FC94D;
}

.social-ul .social-li:nth-child(2) .social-link {
    background: #F98A034D;
}

.social-ul .social-li:nth-child(3) .social-link {
    background: #FC220F4D;
}

.social-ul .social-li:nth-child(4) .social-link {
    background: #8FBC004D;
}

.social-link:hover {
    transform: translateY(-4px);
}

.social-icon,
.contact-icon {
    width: 22px;
    height: 22px;
    object-fit: contain;
}

.contactus-icon {
    filter: brightness(0) saturate(100%) invert(0%) sepia(98%) saturate(17%) hue-rotate(147deg) brightness(99%) contrast(100%);
}

.footer-btn-div {
    max-width: 120px;
}

.common-primary-btn {
    width: 100%;
}

.common-primary-btn .btn-primary-main {
    background-color: var(--secondary);
    width: 100%;
    border-radius: 30px;
    font-size: 20px;
    color: var(--white);
    text-align: center;
    font-family: 'Poppins-Medium';
    padding: 15px 18px;
    line-height: 21px;
    border: none;
}

.common-primary-btn .btn-primary-main:first-child:active {
    color: var(--white);
}

.footer-contant {
    text-align: center;
    padding: 0 25px;
    margin: auto;
    max-width: 567px;
}

.footer-cta-title {
    font-size: 30px;
    line-height: 35px;
    color: #0B0B0B;
    font-family: "Poppins-SemiBold";
    margin-bottom: 15px;
}

.newsletter-text {
    color: #0B0B0B;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    font-family: "Poppins-Medium";
}

.newsletter-input .form-group .form-control {
    border: 1px solid transparent;
    border-radius: 43px;
    padding: 10.5px 13.66px;
}

.border-gradient-input {
    background: linear-gradient(91.35deg, #188FC9 20.39%, #F98A03 41.99%, #FC220F 59.83%, #8FBC00 77.23%);
    border-radius: 43px;
}

.newsletter-div {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-top: 20px;
}

.footer-title {
    color: #0B0B0B;
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 15px;
    font-family: "Poppins-Medium";
}

.footer-contact-ul {
    margin-top: 25px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.contact-link {
    color: #0B0B0B;
    font-size: 14px;
    line-height: 25px;
}

.contact-link:hover {
    color: #0B0B0B;
}

.footer-contact-li {
    display: flex;
    gap: 15px;
    align-items: center;
}

.footer-contact-li.adderss-footer {
    align-items: flex-start;
}

.footer-bottom {
    padding: 25px 0px;
    background: #FF1414;
}

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

.footer-bottom-text,
.policy-link {
    color: var(--white);
    font-size: 15px;
    line-height: 25px;
    font-family: 'Poppins-Medium';
}

.footer-bottom-link,
.footer-bottom-link:hover,
.policy-link:hover {
    color: var(--white);
}

.policy-ul {
    display: flex;
    align-items: center;
    gap: 25px;
}

.newsletter-input {
    width: 100%;
}

.footer-btn-div .btn-primary {
    padding: 10px 18px;
    font-size: 15px;
}

.whatapp-common-div {
    position: fixed;
    right: 1%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    bottom: 0;
    z-index: 99;
}

.whatsapp-link-btn {
    width: 50px;
    height: 50px;
    display: flex;
    margin-right: 20px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #009f3b;
}

.chanakya-footer-img {
    max-width: 120px;
    width: 100%;
    height: 150px;
    object-fit: contain;
}

.dm-grid-custom .t8s-pr-card-title {
    min-height: auto;
}

.dm-content-left .t8s-pr-pill-wrapper {
    justify-content: flex-start;
    margin: 20px 0;
}

.digital-services-desc {
    margin-bottom: 60px;
}

/* Services page css start  */

.cus-container {
    max-width: 1510px;
    margin: auto;
    padding: 0 15px;
}

.h-100 {
    height: 100%;
}

.t8s-type-main {
    position: relative;
}

.every-campaign-details {
    position: absolute;
    max-width: 699.17px;
    right: 20px;
    bottom: 56px;
}

.every-campaign-details .background-text {
    text-align: end;
}

.border-sub-hero {
    max-width: 660px;
    background: #FFB8A4;
    height: 2px;
    border-radius: 27px;
    margin-bottom: 40px;
    margin-left: auto;
}

.common-sub-section-space {
    padding: 80px 0px;
}

.services-section-details {
    background: url(../images/buildingBg.png);
    background-color: var(--white);
    background-size: 49% 78%;
    position: relative;
    background-repeat: no-repeat;
    padding: 132px 0 72px 0;
    background-position: bottom left;
}

.services-content-right {
    max-width: 465px;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    margin-left: 53px;
    float: right;
}

.services-content-left {
    width: 100%;
    max-width: 774px;
    margin-left: auto;
}

.services-section-details .about-heading-content {
    font-size: 80px;
    line-height: 90px;
    margin-bottom: 102px;
}

.services-content-left .cus-common-title {
    font-size: 60px;
    line-height: 79px;
    max-width: 800px;
}

.services-content-right .pr-outreach-img {
    width: 100%;
    height: 678px;
    object-fit: cover;
    border-radius: 250px 250px 0 0;
}

.services-bottom-details {
    margin-top: 22px;
}

.max-fomo-details .header-right {
    justify-content: center;
}

.services-content-left .services-heading {
    font-size: 60px;
    line-height: 79px;
}

.cus-common-title {
    color: var(--black);
}

.cus-common-title,
.cus-common-title .gradient-text {
    font-size: 70px;
    line-height: 93px;
    font-family: "Poppins-Bold";
}

.cus-common-para {
    margin-top: 20px;
    color: var(--black);
    font-size: 30px;
    line-height: 45px;
    font-family: "Poppins-Light";
}

.title-circle {
    position: relative;
    z-index: 23;
}

.title-circle::before {
    content: "";
    position: absolute;
    width: 91px;
    height: 91px;
    border-radius: 50%;
    top: -5px;
    z-index: -1;
    left: -27px;
    background-color: var(--light-orange);
}

.services-content-left .intro-para-max,
.services-bottom-details .intro-para,
.why-services-contant .intro-para,
.sakh-content .intro-para,
.here-why-wrapper .intro-para,
.subservices-overview-left .intro-para {
    color: var(--black);
    font-size: 25px;
    line-height: 38px;
    margin-bottom: 0;
    font-family: "Poppins-Medium";
    text-align: justify;
}

.services-content-left .intro-para-max span,
.services-bottom-details .intro-para span {
    color: #FA0707;
}

.intro-para {
    color: var(--black);
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 20px;
    font-family: "Poppins-Regular";
}

.quote-content-bg {
    max-width: 632 px;
    width: 100%;
    background-size: 100% 100%;
    text-align: center;
    position: relative;
    background-repeat: no-repeat;
    padding: 82.5px 93.3px;
    background-image: url(../images/quote-content-bg.webp);
}

.quote-content-bg::before,
.quote-content-bg::after {
    content: "";
    position: absolute;
    width: 32px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: cover;
}

.quote-content-bg::before {
    top: 80px;
    left: 70px;
    background-image: url(../images/quote-top.png);
}

.quote-content-bg::after {
    bottom: 80px;
    right: 70px;
    background-image: url(../images/quote-bottom.png);
}

.quote-para {
    color: #FA0707;
    font-size: 18px;
    line-height: 27px;
    margin: 0 auto 22px;
    font-family: "Poppins-Medium";
    max-width: 426px;
    width: 100%;
}

.quote-title {
    color: var(--black);
    font-size: 20px;
    line-height: 23px;
    font-family: "TimesNewRomanItailic";
    font-weight: 700;
}

.t8s-section-details {
    background:
        url('../images/line-vector.png') no-repeat,
        linear-gradient(180deg, #FFE2D9, #FBB19B);
    background-size: 100% 100%;
    padding: 100px 0 27px 0;
}

.t8s-wrapper-grid {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.t8s-content-right {
    max-width: 267.17px;
    width: 100%;
}

.t8s-right-img {
    width: 100%;
    height: 458px;
    object-fit: contain;
}

.t8s-content-left {
    max-width: 933px;
}

.what-section {
    padding: 90px 0 169px 0;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
    background: #188FC9;
}

.what-content-left {
    margin-top: 110px;
    max-width: 776px;
}

.light-common-title {
    font-size: 88px;
    line-height: 119px;
    color: var(--white);
    font-family: "RedHatText-Bold";
}

.what-section .light-common-title {
    color: #FFFFFF;
}

.light-common-title span {
    color: var(--black);
    position: relative;
}


.what-content-left .intro-para {
    color: var(--white);
    font-size: 25px;
    line-height: 38px;
    margin-bottom: 2px;
    font-family: "Poppins-Medium";
    text-align: justify;
}

.what-content-left .intro-para span {
    color: var(--black);
    font-family: "Poppins-Bold";
}

.what-content-right {
    position: absolute;
    right: -1px;
    bottom: -101px;
}

.what-content-right .what-side-img {
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 817.92px;
    object-fit: contain;
}

.common-white-btn .btn-white-main {
    background: var(--white);
    width: 100%;
    border-radius: 30px;
    font-size: 21px;
    font-family: 'Poppins-Medium';
    padding: 18px 66px 18px 26px;
    line-height: 21px;
    transition: 0.5s all ease-in-out;
    -webkit-transition: 0.5s all ease-in-out;
    -moz-transition: 0.5s all ease-in-out;
    -ms-transition: 0.5s all ease-in-out;
    -o-transition: 0.5s all ease-in-out;
}

.common-white-btn.contact-btn-div .btn-white-main {
    max-width: max-content;
}

.arrow-btn-main {
    max-width: 60px;
    height: 60px;
    background-color: var(--secondary);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: -2px;
    width: 100%;
    top: 0;
    bottom: 0;
    margin: auto;
    transition: 0.5s all ease-in-out;
    -webkit-transition: 0.5s all ease-in-out;
    -moz-transition: 0.5s all ease-in-out;
    -ms-transition: 0.5s all ease-in-out;
    -o-transition: 0.5s all ease-in-out;
}

.common-white-btn .btn-white-main:hover {
    background: #ffffff8a;
    backdrop-filter: blur(11px);
    -webkit-backdrop-filter: blur(11px);
}

.common-white-btn .btn-white-main:hover .arrow-btn-main {
    transform: rotate(65deg);
}

.what-content-btn {
    margin-top: 75px;
    max-width: 227px;
    width: 100%;
}

.sakh-section {
    background: url(../images/line-vector-green.png);
    background-color: var(--white);
    background-size: 100%;
    background-repeat: no-repeat;
    padding: 162px 0 88px 0;
}

/* Pills */
.t8s-pr-pill-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 50px;
    margin: 45px 0px 72px 25px;
}


.t8s-services-pill {
    padding: 21px 47px;
    background: #FFFFFF1A;
    text-align: center;
    min-width: 233px;
    position: relative;
    border: 0.83px solid #FFFFFF;
    border-radius: 45px;
    font-size: 25px;
    transition: 0.5s all;
    line-height: 38px;
    color: var(--white);
    font-family: 'Poppins-Medium';
}

.t8s-pr-pill {
    padding: 21px 47px;
    background: #8FBC0033;
    text-align: center;
    min-width: 233px;
    position: relative;
    border-radius: 45px;
    font-size: 25px;
    transition: 0.5s all;
    line-height: 38px;
    color: #000000;
    font-family: 'Poppins-Medium';
    border: 0.83px solid #8FBC00;
}


.fga-accordion-listitem::before {
    background: linear-gradient(180deg, #FFE9A6, #EE5F2B, #FA5D5B);
    border-radius: 45px;
    content: "";
    inset: 0;
    -webkit-mask: linear-gradient(180deg, #FFE9A6, #EE5F2B, #FA5D5B) content-box, linear-gradient(180deg, #FFE9A6, #EE5F2B, #FA5D5B);
    mask: linear-gradient(180deg, #FFE9A6, #EE5F2B, #FA5D5B) content-box, linear-gradient(180deg, #FFE9A6, #EE5F2B, #FA5D5B);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    padding: 0.83px;
    position: absolute;
}

.t8s-pr-pill:hover,
.t8s-services-pill:hover {
    transform: translateY(-3px);
}

.services-overview-section {
    padding: 90px 0 0 0;
    background:
        url(../images/line-vector-light-blue.png) no-repeat;
    background-size: 100%;
    background-color: #188FC905;
}

.bg-services-sales,
.branding-stra-sec {
    background:
        url(../images/light-green-line.svg) no-repeat;
    background-size: contain;
}

.services-overview-section.common-services-section-space {
    padding: 90px 0 131px 0;
}

.services-overview-top {
    display: flex;
    align-items: center;
    gap: 122px;
    justify-content: space-between;
}

.common-white-btn .border-btn {
    position: relative;
}

.common-white-btn .border-btn::before {
    background: #c61707;
    border-radius: 50px;
    content: "";
    inset: 0;
    -webkit-mask: linear-gradient(310deg, #6E0104, #C61707, #F45327) content-box, linear-gradient(310deg, #6E0104, #C61707, #F45327);
    mask: linear-gradient(310deg, #6E0104, #C61707, #F45327) content-box, linear-gradient(310deg, #6E0104, #C61707, #F45327);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    padding: 0.83px;
    position: absolute;
}


.target-cards-wrapper {
    position: relative;
    padding-top: 38px;
}

.target-pr-card {
    position: sticky;
    top: 110px;
    background: #FFD6CA;
    border-radius: 21px;
    padding: 30px 30px;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transform-origin: top center;
    z-index: 1;
    overflow: hidden;
}

.target-pr-card::before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 263px;
    height: 214px;
    background-image: url(../images/target-card-side.png);
}

.target-pr-card:nth-child(5n + 1) {
    background-color: #188FC9;
}

.target-pr-card:nth-child(5n + 2) {
    background-color: #F98A03;
}

.target-pr-card:nth-child(5n + 3) {
    background-color: #FC220F;
}

.target-pr-card:nth-child(5n + 4) {
    background-color: #8FBC00;
}

.target-pr-card:nth-child(5n + 5) {
    background-color: #FF7A60;
}

.target-pr-card:last-child {
    margin-bottom: 0px;
}

.target-why-flex {
    display: grid;
    align-items: center;
    justify-content: space-between;
    gap: 75px;
    grid-template-columns: 1fr 750px;
}

.why-herotitle .heading-subhero {
    color: var(--black);
}

.why-herotitle .heading-subhero span {
    color: #9D3932;
}

.target-right-img img {
    width: 100%;
    height: 323px;
    object-fit: cover;
    border-radius: 15px;
}

.target-pr-card-title {
    font-size: 30px;
    color: var(--white);
    margin-bottom: 36px;
    line-height: 45px;
    font-family: "Poppins-Bold";
}

.target-pr-card-text {
    color: var(--white);
    font-size: 23px;
    line-height: 33px;
    margin-bottom: 0;
    text-align: justify;
    font-family: "Poppins-Medium";
}

.target-pr-card.scaling {
    transform: scale(0.95);
    opacity: 0.8;
}

.why-services-section {
    padding: 90px 0 119px 0;
    position: relative;
    max-width: 1856px;
    margin: 20px auto 0;
    background: #CEE8EA;
    border-radius: 25px;
    overflow: hidden;
}

.why-services-section::before {
    content: "";
    position: absolute;
    width: 617.99px;
    height: 617.99px;
    right: 13px;
    z-index: 5;
    top: -61px;
    background-repeat: no-repeat;
    background: #FFFFFF33;
    border-radius: 50%;
}

.why-services-detail {
    display: grid;
    align-items: start;
    justify-content: space-between;
    grid-template-columns: 1fr 447.61px;
}

.why-services-right {
    width: 100%;
    position: relative;
}

.why-services-right::before {
    content: "";
    width: 605px;
    height: 100px;
    background-image: url(../images/radialBg.png);
    position: absolute;
    bottom: -29px;
    left: 50%;
    transform: translateX(-50%);

}

.why-services-right .why-services-img {
    max-width: 100%;
    width: 100%;
    height: 638.76px;
    object-fit: contain;
    position: relative;
    z-index: 9;
}

.why-services-contant {
    max-width: 790px;
    margin-top: 87px;
}

.why-services-contant .common-white-btn {
    margin-top: 100px;
}

.why-here-section {
    padding: 140px 0 90px;
    overflow: hidden;
}

.why-here-grid-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(347px, 1fr));
    grid-auto-flow: dense;
    gap: 30px;
    width: 100%;
    margin-top: 62px;
}

.grid-item-why {
    padding: 10px;
    border-radius: 10px;
    background-color: #FFE7E5;
}

.grid-item-why:first-child,
.grid-item-why:nth-child(2n),
.grid-item-why:nth-child(4n),
.grid-item-why:nth-child(6n) {
    grid-column: span 1;
}

.grid-item-why.grid-item-count {
    grid-column: span 2;
}

.why-item-top {
    padding: 10px;
    position: relative;
    margin-bottom: 10px;
    border-radius: 10px;
    background: linear-gradient(137deg, #f6714d, #de513c, #cb3f33);
}

.why-item-top::before {
    background: linear-gradient(180deg, #FFE9A6, #EE5F2B, #FA5D5B);
    border-radius: 10px;
    content: "";
    inset: 0;
    -webkit-mask: linear-gradient(180deg, #FFE9A6, #EE5F2B, #FA5D5B) content-box, linear-gradient(180deg, #FFE9A6, #EE5F2B, #FA5D5B);
    mask: linear-gradient(180deg, #FFE9A6, #EE5F2B, #FA5D5B) content-box, linear-gradient(180deg, #FFE9A6, #EE5F2B, #FA5D5B);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    padding: 0.83px;
    position: absolute;
}

.why-card-title {
    font-size: 25px;
    min-height: 66px;
    line-height: 33px;
    color: var(--white);
    font-family: "RedHatText-Bold";
}

.why-here-img {
    max-width: 100%;
    width: 100%;
    height: 285px;
    border-radius: 10px;
    object-fit: cover;
}

.why-here-img-div {
    position: relative;
}

.why-here-img-div::before {
    content: "";
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    border-radius: 10px;
    background: #9C0E06;
    opacity: 0.3;
}

.why-card-para {
    margin-top: 10px;
    color: var(--black);
    font-size: 18px;
    line-height: 27px;
    text-align: justify;
    font-family: "Poppins-Light";
}


.grid-item-why.grid-item-count .why-here-img {
    height: 393px;
}

.fomo-section-content {
    padding: 61px 0 60px 0;
    background-repeat: no-repeat;
    position: relative;
    background: #188FC9;
    overflow: hidden;
}

.fomo-section-content::before {
    content: "";
    position: absolute;
    top: -80px;
    left: -80px;
    width: 217px;
    height: 217px;
    background: #FFFFFF4D;
    border-radius: 50%;
}

.fomo-section-content::after {
    content: "";
    position: absolute;
    bottom: -130px;
    right: -30px;
    width: 217px;
    height: 217px;
    background: #FFFFFF4D;
    border-radius: 50%;
}

.max-fomo-details {
    max-width: 1080px;
    position: relative;
    z-index: 23;
}

.max-fomo-details .fomo-heading {
    font-size: 64px;
    line-height: 79px;
    font-family: "RedHatText-Bold";
    color: var(--white);
    margin-bottom: 40px;
    max-width: 739px;
    width: 100%;
}

.fomo-btn-box {
    max-width: max-content;
}

.subservices-overview-section {
    padding: 155px 0 157px 0px;
    background-image: url(../images/weBuild.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.subservices-overview-grid {
    display: grid;
    justify-content: space-between;
    gap: 28px;
    grid-template-columns: 1fr 570px;
}

.subservices-overview-grid.subservices-overview-dm {
    align-items: flex-end;
}

.subservices-overview-left .intro-para {
    max-width: 751px;
    margin-top: 62px;
}

.subservices-overview-right {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(2, 1fr);
}

.subservices-card {
    padding: 12px 15px 13px 15px;
    border-radius: 20.8px;
    position: relative;
    background-color: #FC602F1A;
    border: 1px solid #FC602F
}


.subservices-card-div-cus {
    border-radius: 20.8px;
    text-align: center;
    position: relative;
}

.sale-industry-content .industry-wrapper .cus-common-title {
    max-width: 1200px;
}

.subservices-card-img {
    max-width: 100%;
    height: 100%;
    max-height: 474px;
    width: 100%;
    object-fit: contain;
    border-radius: 20.8px;
}

.subservices-icon-box {
    margin: 0 0 5px 0;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-bottom: 10px;
    background: #F4532733;
}

.subservices-icon {
    width: 28px;
    height: 28px;
    object-fit: contain;
}

.subservices-card-title {
    font-size: 20px;
    line-height: 30px;
    color: var(--black);
    font-family: "Poppins-Medium";
}

.how-each-part-section {
    padding: 155px 0 108px 0;
    background: #A00302 url(../images/strengthensBg.png) no-repeat;
}

.how-each-tab-box {
    margin-top: 62px;
}

.how-each-tab {
    padding: 40px 120px 52px 40px;
    border-radius: 47px;
    background-color: #FFFFFF;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.1);
    position: relative;
    cursor: pointer;
}

.how-each-item-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.1), margin-top 0.3s ease;
}

.how-each-tab.active .how-each-item-content {
    margin-top: 20px;
    max-height: 300px;
}

.how-each-tab:hover::before {
    transform: rotate(180deg);
}

.how-each-tab::before {
    content: "";
    position: absolute;
    width: 60px;
    height: 60px;
    right: 29px;
    top: 40px;
    background-size: cover;
    transition: all 0.4s ease;
    background-image: url(../images/down-arrow.png);
}

.how-each-tab.active::before {
    transform: rotate(180deg);
}

.how-each-tab-title {
    font-size: 25px;
    line-height: 38px;
    font-family: "RedHatText-Bold";
    color: var(--black);
}

.how-each-tab .intro-para,
.industry-card-left .intro-para {
    margin-bottom: 0;
    font-family: "Poppins-Regular";
    text-align: justify;
}

.services-number-grid {
    display: grid;
    gap: 30px;
    margin-top: 50px;
    grid-template-columns: repeat(12, 1fr);
}

.colnum-span-6 {
    grid-column: span 6;
}

.colnum-span-4 {
    grid-column: span 4;
}

.services-number-card {
    padding: 20px;
    position: relative;
    transition: 0.5s all;
    border-radius: 5px;
    background-color: #FFD6CA;
}

.services-number-card:hover {
    transform: translateY(-8px);
}

.services-number-card::before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 160px;
    height: 123px;
    background-image: url(../images/service-card-side.png);
}

.services-number-inner {
    font-size: 50px;
    line-height: 60px;
    color: transparent;
    letter-spacing: 1.6px;
    text-transform: uppercase;
    -webkit-text-stroke-width: 2px;
    font-family: "BebasNeue-Regular";
    -webkit-text-stroke-color: var(--black);
}

.services-number-title {
    color: var(--black);
    font-size: 30px;
    line-height: 42px;
    margin-top: 29px;
    margin-bottom: 10px;
    transition: 0.5s all;
    font-family: "RedHatText-Bold";
}

.services-number-para {
    color: var(--black);
    font-size: 20px;
    line-height: 32px;
    min-height: 50px;
    transition: 0.5s all;
    font-family: "Poppins-Light";
}

.industry-section {
    padding: 89px 0 62px 0;
    background: #FFFFFF url(../images/line-vector.png)no-repeat;
}

.industry-card {
    display: flex;
    gap: 61px;
    padding: 20px;
    border-radius: 5px;
    align-items: flex-start;
    margin-bottom: 30px;
    border: 1px solid #FC220F;
}

.industry-card:last-child {
    margin-bottom: 0;
}

.industry-card:nth-child(even) {
    flex-direction: row-reverse;
}

.industry-card-title {
    font-size: 40px;
    line-height: 60px;
    font-family: "RedHatText-Bold";
    color: var(--black);
    margin-bottom: 37px;
}

.industry-img {
    max-width: 576px;
    height: 373px;
    object-fit: contain;
    border-radius: 40px;
}

.fga-section {
    padding: 100px 0;
    background:
        url(../images/why-services-bg.png) no-repeat top right, linear-gradient(to bottom left,
            rgba(255, 226, 217, 0.2),
            rgba(251, 177, 155, 0.2));
}

.fga-accordion .fga-accordion-item {
    margin: 0px 0px 15px 0px;
    background: #fff;
    border-radius: 10px !important;
    box-shadow: none;
    border: 1px solid var(--primary);
    overflow: hidden;
}

.fga-accordion-item .fga-accordion-btn {
    background: transparent;
    border-radius: 0px;
    box-shadow: none;
}

.fga-accordion-item .fga-accordion-btn::after {
    content: none;
}

.fga-accordion .fga-accordion-item {
    margin: 0px 0px 20px 0px;
    background: transparent;
    border-radius: 10px !important;
    box-shadow: none;
    position: relative;
    border: 1px solid transparent;
    overflow: hidden;
}

.fga-accordion .fga-accordion-item::before {
    background: linear-gradient(180deg, #FFE9A6, #EE5F2B, #FA5D5B);
    border-radius: 10px;
    content: "";
    inset: 0;
    -webkit-mask: linear-gradient(180deg, #FFE9A6, #EE5F2B, #FA5D5B) content-box, linear-gradient(180deg, #FFE9A6, #EE5F2B, #FA5D5B);
    mask: linear-gradient(180deg, #FFE9A6, #EE5F2B, #FA5D5B) content-box, linear-gradient(180deg, #FFE9A6, #EE5F2B, #FA5D5B);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    padding: 0.83px;
    position: absolute;
}

.fga-accordion-item .fga-accordion-btn {
    background: transparent;
    border-radius: 0px;
    box-shadow: none;
    font-size: 30px;
    color: #636363;
    padding: 30px 40px 29px 40px;
    font-family: "RedHatText-Bold";
    line-height: 40px;
}

.fga-accordion-item .fga-accordion-btn::after {
    content: none;
}

.accordion-details-fga .heading-accordion-fga {
    font-size: 15px;
    margin-bottom: 10px;
    line-height: 20px;
    font-family: 'RedHatDisplay-Bold';
}

.fga-accordion-content {
    margin-bottom: 15px;
    margin-top: 100px;
}

.fga-accordion-collapse .accordion-body {
    padding: 0px 40px 15px 40px;
}

.fga-accordion-content-ul {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 16px 0 15px 0;
}

.fga-accordion-content .fga-accordion-listitem {
    padding: 5px 15px;
    background: #f9e8e6;
    text-align: center;
    min-width: 233px;
    position: relative;
    border: 1px solid transparent;
    border-radius: 45px;
    font-size: 20px;
    transition: 0.5s all;
    line-height: 30px;
    color: var(--light-black);
    font-family: "Poppins-Light";
}

.fga-accordion-item .fga-accordion-btn::after {
    content: '';
    width: 20px;
    height: 20px;
    transform: rotate(0deg);
    filter: brightness(0) saturate(100%) invert(59%) sepia(55%) saturate(5690%) hue-rotate(342deg) brightness(101%) contrast(98%);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}

.fga-accordion-item .fga-accordion-btn[aria-expanded="true"]::after {
    transform: rotate(180deg);
}

.services-wrapper-list {
    position: relative;
}

.background-text {
    font-size: 138px;
    line-height: 187px;
    text-transform: uppercase;
    font-family: "RedHatText-Bold";
    background: linear-gradient(325deg, rgba(110, 1, 4, 0.5), rgba(198, 23, 7, 0.5), rgba(244, 83, 39, 0.5));
    opacity: 0.1;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.services-wrapper-list .t8s-services-pill-wrapper {
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
    margin: auto;
    height: max-content;
    width: 100%;
    justify-content: space-between;
    gap: 50px;
}

.t8s-services-pill-wrapper .t8s-services-pill {
    padding: 15.52px 33px;
    min-width: max-content;
}

.subservices-overview-dm .subservices-overview-right {
    grid-template-columns: repeat(1, 1fr);
    max-height: 355px;
    height: 100%;
}

.why-services-ul,
.who-we-ul {
    margin: 10px 0;
    margin-left: 30px;
    list-style: disc;
}

.why-services-li,
.who-we-li {
    font-size: 20px;
    line-height: 30px;
    color: var(--black);
}

.who-we-li {
    font-family: "Poppins-Regular";
}

.who-we-li::marker {
    color: #FF1515;
}

.why-services-li {
    font-family: "Poppins-SemiBold";
}

.t8s-type-section {
    padding: 162px 0 106px 0;
    background-image: url(../images/line-vector-light.png);
    background-size: 100%;
    background-repeat: no-repeat;
}

.t8s-type-tittle {
    font-size: 60px;
    line-height: 79px;
    color: #750303;
    margin-top: 4px;
    font-family: "RedHatText-Bold";
}

.t8s-type-tittle span {
    color: var(--black);
}

.t8s-type-ul {
    margin: 10px 0 52px 0;
}

.t8s-type-li,
.t8s-type-ol-li {
    font-size: 20px;
    line-height: 30px;
    color: var(--black);
    padding-left: 25px;
    position: relative;
    font-family: "Poppins-SemiBold";
}

.t8s-type-li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 16px;
    height: 16px;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../images/right-icon.png);
}

.t8s-type-flex {
    margin-top: 56px;
    display: grid;
    justify-content: space-between;
    gap: 81px;
    grid-template-columns: 1fr 683px;
}

.t8s-type-ul-last {
    display: flex;
    align-items: center;
    gap: 5px;
}

.t8s-type-li-last {
    font-size: 22px;
    display: flex;
    align-items: center;
    gap: 5px;
    line-height: 33px;
    color: #6E0104;
    font-family: "Poppins-Medium";
}

.t8s-right-arrow-img {
    max-width: 20px;
    width: 100%;
    height: 20px;
    object-fit: contain;
}

.intro-para-red {
    color: #750303;
    font-size: 20px;
    line-height: 26px;
    font-family: "RedHatText-SemiBold";
}

.our-job-grid {
    display: grid;
    gap: 34px;
    margin: 71px 0 68px 0;
    grid-template-columns: repeat(12, 1fr);
}

.our-job-card-detail {
    margin-top: 91px;
}

.our-job-card {
    padding: 35px 20px 35px 20px;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    z-index: 11;
    background-color: #8FBC004D;
}

.our-job-card::before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    transition: 0.5s all;
    height: 100%;
    opacity: 0;
    background: #8FBC00CC;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../images/target-bg.svg);
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    background-position: center;
    background-size: 300px;
}

.our-job-card:hover::before {
    opacity: 1;
}

.our-job-card-main {
    position: relative;
    z-index: 23;
}

.our-job-card:hover .our-job-inner {
    -webkit-text-stroke-color: var(--white);
    color: transparent;
}

.our-job-card:hover .services-number-title,
.our-job-card:hover .services-number-para {
    color: var(--white);
}

.our-job-inner {
    font-weight: 400;
    line-height: 84px;
    font-size: 70px;
    transition: 0.5s all;
    letter-spacing: 1.6px;
    color: transparent;
    text-transform: uppercase;
    -webkit-text-stroke-width: 2px;
    font-family: "BebasNeue-Regular";
    -webkit-text-stroke-color: var(--black);
}

.storytelling-t8s-type .cus-common-title {
    max-width: 1068px;
}

.t8s-type-ol {
    list-style: decimal;
}

.t8s-type-left .t8s-type-ol {
    margin-left: 20px;
}

.t8s-type-ol .t8s-type-ol-li {
    padding-left: 15px;
}

.branding-services-left {
    max-width: 790px;
}

.why-here-bottom {
    margin-top: 68px;
}

.branding-think-text {
    color: var(--black);
    font-size: 21.72px;
    line-height: 33px;
    margin-bottom: 25px;
    font-family: "Poppins-Medium";
}

.services-branding-examples {
    padding: 0 35px 0 35px;
    margin-bottom: 25px;
    width: max-content;
    position: relative;
}

.services-branding-examples::before {
    left: 0;
    top: 0;
    background-image: url(../images/branding-quote-top.png);
}

.services-branding-examples::before,
.services-branding-examples::after {
    content: "";
    position: absolute;
    width: 25px;
    height: 19px;
    background-size: cover;
    background-repeat: no-repeat;
}

.services-branding-examples::after {
    right: 0;
    bottom: 0;
    background-image: url(../images/branding-quote-bottom.png);
}

.contact-form-main.growth-hacking-contact .common-title {
    font-size: 78px;
}

.growth-hacking-contact .togather-pr-btn {
    max-width: 418px;
}

.growth-hacking-services-details .why-services-ul {
    margin: 25px 0 25px 30px;
}

.sales-enablement-service-detail .services-content-left .cus-common-title {
    max-width: 100%;
}

.what-growth-ul-sec {
    display: flex;
    gap: 12px 30px;
    padding: 0;
    margin: 30px 0 30px 0;
    list-style: none;
    flex-wrap: wrap;
}

.what-growth-ul-sec li {
    min-width: 250px;
    display: flex;
    align-items: center;
    gap: 13px;
    font-family: "Poppins-Medium";
    font-size: 17px;
    line-height: 30px;
    color: #FFFFFF;
}

.what-growth-ul-sec li .check-img {
    width: 23px;
    height: 23px;
    object-fit: contain;
}

.sales-enablement-contact-form .togather-pr-btn {
    max-width: 470px;
}

/* Services page css end  */

.t8s-type-right.subservices-card {
    padding: 0;
}

.subservices-card .subservices-card-img {
    width: 100%;
    height: 100%;
    border-radius: 20.8px;
}

.t8s-type-right.subservices-card-img {

    max-height: 295px;
}

.subservices-overview-grid .subservices-card .subservices-card-img {
    max-height: 100%;
}

.subservices-overview-section.growth-subservices-sec {
    background: url(../images/line-vector-light.png) no-repeat top, linear-gradient(to bottom, rgba(255, 226, 217, 0.1), rgba(251, 177, 155, 0.1));
    background-size: contain;
}

.why-t8s-btn {
    max-width: 217px;
    margin-top: 69px;
}

.client-trusted-sec {
    padding: 100px 0;
    background-image: linear-gradient(253.35deg, rgba(255, 20, 20, 0.02) 26.3%, rgba(255, 255, 255, 0.2) 77.08%), url(../images/green-light-border.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top;
}

.client-trusted-main .cus-common-title {
    font-size: 80px;
    line-height: 93px;
    color: var(--black);
    text-align: center;
    font-family: "RedHatText-Bold";
}

.client-trusted-col {
    width: 100%;
    padding: 56px 50px;
    text-align: center;
    border-radius: 30px;
    position: relative;
    overflow: hidden;
}

.client-trusted-number {
    color: var(--white);
    font-size: 80px;
    font-family: "RedHatText-Bold";
}

.client-trusted-col-title {
    color: var(--white);
    font-size: 30px;
    line-height: 46px;
    font-family: "RedHatText-Medium";
}

.client-trusted-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 72px;
}

.why-t8s-tab-sec {
    padding: 98px 0;
}

.custom-nav-pills {
    padding: 10px 13px;
    max-width: 1326px;
    margin: auto;
    border-radius: 45px;
    gap: 18px;
    border: 0.83px solid #D51311;
    background: linear-gradient(126.37deg, rgba(255, 222, 87, 0.2) 4.15%, rgba(253, 204, 71, 0.2) 22.24%, rgba(248, 159, 29, 0.2) 58.25%, rgba(248, 158, 28, 0.2) 58.71%);
    justify-content: center;
}

.custom-nav-pills .nav-item .why-tab-btn {
    font-size: 18px;
    line-height: 27px;
    padding: 10px 15px;
    color: var(--black);
    font-family: "Poppins-SemiBold";
}

.custom-nav-pills .nav-item .why-tab-btn.active {
    color: var(--white);
    border-radius: 50px;
    background: linear-gradient(126.37deg, #FFC21A 4.15%, #FFAC1F 15.52%, #FF742B 39.03%, #FF4136 58.71%);
}

.why-tab-content {
    margin-top: 85px;
    border-radius: 5px;
    overflow: hidden;
    background-color: #A00302;
}

.why-tab-vertical-nav {
    padding: 25px 0 25px 25px;
    gap: 18px;
    width: 34.8%;
}

.why-tab-vertical-nav .why-tab-vertical-link {
    font-size: 16px;
    line-height: 24px;
    text-align: start;
    padding: 18px 80px 18px 16px;
    border-radius: 30px;
    color: var(--white);
    font-family: "Poppins-Medium";
    transition: 0.5s all ease-in-out;
    -webkit-transition: 0.5s all ease-in-out;
    -moz-transition: 0.5s all ease-in-out;
    -ms-transition: 0.5s all ease-in-out;
    -o-transition: 0.5s all ease-in-out;
}

.why-tab-vertical-nav .why-tab-vertical-link.active {
    background: var(--white);
    width: 100%;
    border-radius: 30px;
    position: relative;
    color: var(--black);
    font-family: 'Poppins-Medium';
}

.why-tab-vertical-link.active .why-tab-arrow-btn-main {
    display: flex;
}

.why-tab-vertical-link .why-tab-arrow-btn-main {
    display: none;
}

.why-tab-arrow-btn-main {
    max-width: 60px;
    height: 60px;
    display: none;
    background: #188FC9;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: -2px;
    width: 100%;
    top: 0;
    bottom: 0;
    margin: auto;
    transition: 0.5s all ease-in-out;
    -webkit-transition: 0.5s all ease-in-out;
    -moz-transition: 0.5s all ease-in-out;
    -ms-transition: 0.5s all ease-in-out;
    -o-transition: 0.5s all ease-in-out;
}

.why-tab-vertical-link:hover .why-tab-arrow-btn-main {
    transform: rotate(65deg);
}

.why-tab-vertical-content {
    border-radius: 5px;
    flex: 1;
    margin-left: -69px;
    padding: 25px 15px 25px 73px;
    height: 100%;
    background-color: #FFFAF0;
}

.why-tab-content-inner {
    display: flex;
    gap: 49px;
}

.why-tab-content-img {
    max-width: 450px;
    width: 100%;
    height: 528px;
    border-radius: 5px;
    object-fit: cover;
}

.why-tab-content-inner-title {
    max-width: 423px;
    color: var(--black);
    font-size: 30px;
    line-height: 40px;
    font-family: "RedHatText-Bold";
}

.why-tab-content-inner-para {
    color: var(--black);
    font-size: 20px;
    line-height: 30px;
    text-align: justify;
    font-family: "Poppins-Light";
}

.why-tab-content-inner-box {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.tab-pane-inner {
    padding: 50px 40px;
    color: var(--white);
}

.team-section {
    padding: 100px 0;
    background-color: var(--white);
}

.team-main .cus-common-title {
    text-align: center;
}

.team-row {
    display: grid;
    gap: 30px;
    row-gap: 110px;
    margin-top: 126px;
    grid-template-columns: repeat(3, 1fr);
}

.team-col {
    padding: 26px 26px 24px 26px;
    border-radius: 10px;
    text-align: center;
    transition: 0.5s all;
    background: linear-gradient(127.96deg, #C7DD7F 16.66%, #FD9686 54.26%, #FBC281 73.05%, #8BC7E4 91.85%);
}

.team-col:hover {
    transform: translateY(-8px);
}

.team-img-bg {
    border-radius: 10px;
    position: relative;
    background-color: #FFF1ED;
    height: 403px;
}

.team-img-box {
    margin: auto;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.team-img {
    width: auto;
    height: 482px;
    object-fit: contain;
}

.team-name {
    margin: 20px 0 4px 0;
    font-size: 30px;
    line-height: 40px;
    color: var(--black);
    font-family: "RedHatText-Bold";
}

.team-designation {
    font-size: 20px;
    line-height: 26px;
    color: var(--black);
    font-family: "RedHatText-Regular";
}

.who-we-section {
    padding: 96px 0;
    background-image: url(../images/line-vector-light.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.who-we-main {
    display: grid;
    gap: 98px;
    grid-template-columns: 517px 1fr;
}

.who-we-are-img {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 14px 0 0 14px;
    border-radius: 10px;
    object-fit: cover;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.who-we-left {
    height: 100%;
    width: 100%;
    border-radius: 8.85px;
    border: 1.77px solid #FF15154D;
}

.small-title {
    color: #FF1515;
    font-size: 18px;
    line-height: 24px;
    font-family: "Poppins-Regular";
}

.small-title-div {
    position: relative;
    border-radius: 45px;
    padding: 9px 23px;
    width: max-content;
    border: 1px solid #FF1515;
}

.who-we-right .cus-common-title {
    margin: 17px 0 50px 0;
}

.who-we-right .intro-para span {
    color: #FF1515;
}

.who-we-list-div {
    margin: 26px 0 38px 0;
}

.who-we-list-div .intro-para {
    margin-bottom: 10px;
}

.who-we-quote {
    position: relative;
    padding-left: 10.8px;
}

.who-we-quote::before {
    content: "";
    position: absolute;
    left: 0;
    height: 100%;
    border-radius: 31px;
    width: 4px;
    background: linear-gradient(180deg, #188FC9 0%, #8FBC00 95.8%);
}

.who-we-quote-text {
    color: #FF1515;
    font-size: 40px;
    line-height: 53px;
    max-width: 800px;
    font-family: "RedHatText-SemiBold";
}

.what-we-section {
    position: relative;
}

.what-we-right {
    width: 100%;
    position: relative;
    z-index: 9;
    box-sizing: border-box;
    margin-bottom: -60px;
}

.what-we-wrapper {
    display: flex;
}

.what-we-right::before {
    content: "";
    position: absolute;
    max-width: 820px;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-repeat: no-repeat;
    background-size: 100%;
    background-image: url(../images/light-logo-what.svg);
    top: 40px;
}

.what-we-are-image {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.what-we-ul-left .what-we-li:nth-child(1),
.what-we-ul-right .what-we-li:nth-child(4) {
    border: 1px solid #FFDAD7;
    background: #FFF8F7;
    border-left: 5px solid #ffdad7;
}

.what-we-ul-left .what-we-li:nth-child(1)::after,
.what-we-ul-right .what-we-li:nth-child(4)::after {
    background: #FC220F80;
}


.what-we-ul-left .what-we-li:nth-child(2),
.what-we-ul-right .what-we-li:nth-child(3) {
    border: 1px solid #D0EAC9;
    background: #F6FBF4;
    border-left: 5px solid #D0EAC9;
}

.what-we-ul-left .what-we-li:nth-child(2)::after,
.what-we-ul-right .what-we-li:nth-child(3)::after {
    background: #8FBC00CC;
}

.what-we-ul-left .what-we-li:nth-child(3),
.what-we-ul-right .what-we-li:nth-child(2) {
    border: 1px solid #F8E4B4;
    background: #FEFAF0;
    border-left: 5px solid #F8E4B4;
}

.what-we-ul-left .what-we-li:nth-child(3)::after,
.what-we-ul-right .what-we-li:nth-child(2)::after {
    background: #F98A0380;
}

.what-we-ul-left .what-we-li:nth-child(4),
.what-we-ul-right .what-we-li:nth-child(1) {
    border: 1px solid #C7E7FF;
    background: #F4FAFF;
    border-left: 5px solid #C7E7FF;
}

.what-we-ul-left .what-we-li:nth-child(4)::after,
.what-we-ul-right .what-we-li:nth-child(1)::after {
    background: #188FC980;
}

.what-we-details-li {
    z-index: 1;
    position: relative;
}

.what-we-bg-main {
    position: absolute;
    right: 0;
    max-width: 220px;
    height: 100%;
    top: 0;
    bottom: 0;
}

.what-img {
    width: 100%;
    height: 100%;
}

.what-we-bg-main::after {
    content: '';
    background: linear-gradient(90deg, #FFF8F7 11.18%, rgba(153, 153, 153, 0) 100%);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
}

.what-we-left {
    padding: 128px 0px 60px 0px;
}

.what-we-left .cus-common-title {
    margin: 15px 0 17px 0;
}

.what-we-left .gradient-text {
    text-wrap-mode: nowrap;
}

.about-img-div {
    margin-bottom: 50px;
}

.about-target-details .desc-about-title {
    font-size: 23px;
    color: var(--main-black);
    font-family: 'Poppins-Medium';
    line-height: 35px;
}

.gradient-text {
    font-size: 50px;
    line-height: 56px;
    color: var(--secondary);
    font-family: "RedHatText-Bold";
}

.text-opacity {
    margin-top: 39px;
    color: #6E0104;
    opacity: 20%;
    font-size: 150.17px;
    line-height: 165px;
    font-family: "RedHatText-Bold";
}

.what-we-left .t8s-services-pill-wrapper {
    display: flex;
    gap: 20px;
    align-items: center;
}

.what-we-left .t8s-services-pill {
    font-size: 18px;
    padding: 15px;
    line-height: 27px;
}

.think-virtual-div {
    display: flex;
    gap: 16px;
    margin-top: 87px;
    align-items: flex-start;
}

.think-virtual-left {
    max-width: 64px;
    flex: 0 0 64px;
    width: 100%;
    height: 64px;
    display: flex;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    background: #FFFF
}

.profile-virtual {
    width: 32px;
    height: 32px;
    object-fit: contain;
    filter: brightness(0) saturate(100%) invert(0%) sepia(7%) saturate(4467%) hue-rotate(20deg) brightness(92%) contrast(106%);
}

.think-virtual-text {
    text-wrap-mode: nowrap;
    font-size: 40px;
    line-height: 53px;
    color: var(--black);
    margin-bottom: 20px;
    font-family: "RedHatText-SemiBold";
}

.think-virtual-ul {
    margin-top: 49px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.think-virtual-li {
    padding: 16px 14px;
    display: flex;
    text-align: start;
    align-items: center;
    position: relative;
    gap: 16px;
    border-radius: 10px;
    font-size: 20px;
    line-height: 30px;
    color: var(--white);
    font-family: "Poppins-Regular";
    border: 1px solid #FFFFFF66;
}

.think-icon {
    width: 20px;
    height: 20px;
    object-fit: contain;
    filter: brightness(0) saturate(100%) invert(100%) sepia(20%) saturate(0%) hue-rotate(126deg) brightness(107%) contrast(102%);
}

.what-we-bottom-text {
    font-size: 31px;
    line-height: 50px;
    background: var(--white);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-family: "RedHatText-Bold";
}

.what-we-left-bottom {
    margin-top: 82px;
}

.how-we-section {
    padding: 128px 0 136px 0;
}

.common-about-top {
    display: flex;
    gap: 73px;
    align-items: flex-end;
}

.common-about-right {
    text-align: end;
}

.common-about-right .small-title-div {
    margin-left: auto;
}

.common-about-right .cus-common-title {
    margin: 15px 0 20px 0;
}

.how-we-circle-div {
    display: flex;
    justify-content: center;
}

.working-text {
    margin: 119px 0 76px 0;
    font-size: 100px;
    line-height: 132px;
    opacity: 28%;
    background: linear-gradient(to bottom, #F45327, #C61707, #6E0104);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-family: "RedHatText-Bold";
}

.how-we-circle {
    width: max-content;
    height: max-content;
    border-radius: 50%;
    text-align: center;
    padding: 71px 49.5px;
    background-color: #fff;
    animation: floatY 2.5s ease-in-out infinite;
    box-shadow: 0px -5px 4px 0px #D51311;
}

@keyframes floatY {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-5px);
    }

    100% {
        transform: translate(0);
    }
}

.how-we-circle:nth-child(2) {
    margin-top: 196px;
    padding: 35px 15px;
}

.how-we-circle:nth-child(2) .circle-card-para {
    max-width: 230.84px;
}

.how-we-circle:nth-child(3) {
    margin-top: 75px;
    padding: 43px 46px;
}

.how-we-circle:nth-child(3) .circle-card-para {
    max-width: 219px;
}

.how-we-circle:nth-child(4) {
    margin-top: 196px;
    padding: 35px 32px;
}

.how-we-circle:nth-child(4) .circle-card-para {
    max-width: 230.84px;
}

.how-we-circle:nth-child(5) {
    margin-left: -73px;
    padding: 19px 28.42px;
}

.how-we-circle:nth-child(5) .circle-card-para {
    max-width: 206.58px;
}

.circle-icon-div {
    margin: auto;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #D51311;
}

.circle-icon {
    width: 30px;
    height: 30px;
    object-fit: contain;
}

.circle-card-title {
    margin: 25px 0;
    font-size: 30px;
    line-height: 45px;
    color: var(--black);
    font-family: "Poppins-SemiBold";
}

.circle-card-para {
    margin: auto;
    max-width: 287px;
    font-size: 18px;
    line-height: 27px;
    color: var(--black);
    font-family: "Poppins-Regular";
}

.mission-vision-section {
    padding: 128px 0 55px 0;
    background-repeat: no-repeat;
    background-image: url(../images/why-services-bg.png);
}

.mission-main .gradient-text {
    margin-bottom: 15px;
}

.mission-title.cus-common-title,
.vision-title.cus-common-title {
    margin: 15px 0 20px 0;
    position: relative;
}

.mission-title.cus-common-title::before,
.vision-title.cus-common-title::before {
    content: "";
    position: absolute;
    width: 91px;
    height: 91px;
    border-radius: 50%;
    z-index: -1;
    top: -15px;
    background-color: #F6876B;
}

.mission-title.cus-common-title::before {
    left: -46px;
}

.vision-title.cus-common-title::before {
    right: -46px;
}

.common-about-top.mission-vision-div {
    display: grid;
    gap: 129px;
    grid-template-columns: 1fr 600px;
}

.common-about-top.vision-div {
    display: grid;
    gap: 118px;
    grid-template-columns: 600px 1fr;
}

.vision-div .intro-para {
    text-align: start;
}

.vision-div .gradient-text {
    text-align: end;
}

.about-quote-content-main {
    position: relative;
    background-image: url('../images/chanakiya-bg.webp');
    padding: 48px 0px 166px 0px;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.about-quote-content-main::after {
    content: '';
    background: radial-gradient(94.25% 50% at 50% 50%, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.about-chanakaya-bg {
    background: url('../images/chanakaya-inside-bg.webp');
    background-repeat: no-repeat;
    background-position: center;
    max-width: 724px;
    margin: 0 auto;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 237px 120px 217px 120px;
    background-size: 100% 100%;
    z-index: 1;
    position: relative;
}

.about-quote-content-bg {
    margin: auto;
    max-width: 1472px;
    width: 100%;
    padding: 50px 117px;
    background-size: 100% 100%;
    text-align: center;
    position: relative;
    background-repeat: no-repeat;
}

.about-quote-content-bg::before,
.about-quote-content-bg::after {
    content: "";
    position: absolute;
    width: 32px;
    height: 24px;
    background-size: 100%;
    background-repeat: no-repeat;
    filter: brightness(0) saturate(100%) invert(0%) sepia(2%) saturate(7481%) hue-rotate(262deg) brightness(116%) contrast(98%);
}

.about-quote-content-bg::before {
    top: 50px;
    left: 120px;
    background-image: url(../images/about-quote-top.png);
}

.about-quote-content-bg::after {
    bottom: 50px;
    right: 120px;
    background-image: url(../images/about-quote-bottom.png);
}

.about-quote-text {
    margin: auto;
    max-width: 1118px;
    font-size: 45px;
    line-height: 66px;
    color: var(--black);
    font-family: "TimesNewRomanItailic";
}

.connected-title {
    color: #381D02;
    font-size: 30px;
    text-align: center;
    font-family: 'Poppins-Bold';
    line-height: 45px;
    margin-bottom: 15px;
}

.preception-bg-main {
    margin-bottom: 31px;
}

.preception-emp-title {
    font-size: 35px;
    line-height: 45px;
    font-family: "TimesNewRomanItailic";
    color: #6E0104;
    font-weight: 700;
    text-align: center;
    margin-bottom: 20px;
}

.common-element-btn {
    padding: 50px 0px 0px 0px;
}

.common-element-btn .black-btn-common {
    max-width: 210px;
    width: 100%;
}

.contact-submit-btn .black-btn-common {
    width: 100%;
}

.common-element-btn .black-btn-common,
.common-btn-main .black-btn-common {
    background: var(--black);
    font-size: 21px;
    color: var(--white);
    font-family: 'Poppins-Medium';
    line-height: 25px;
    padding: 12px 30px;
    border-radius: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.common-btn-main .white-btn-common {
    color: var(--black);
    background: var(--white);
}

.common-element-btn .black-btn-common::before,
.common-btn-main .black-btn-common::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: #ffffff;
    transition: 0.4s;
    z-index: -1;
}

.common-btn-main .white-btn-common::before {
    background: #000000;
}

.common-element-btn .black-btn-common:hover,
.common-btn-main .black-btn-common:hover {
    color: var(--black);
    border-color: black;
}

.common-btn-main .white-btn-common:hover {
    color: var(--white);
}

.common-element-btn .black-btn-common:hover::before,
.common-btn-main .black-btn-common:hover::before {
    left: 0;
}

.about-white-btn {
    margin-top: 103px;
    max-width: 217px;
}

.branding-stra-sec .what-content-btn {
    margin-top: 0;
}

.contact-form-right.mt-0 {
    margin-top: 0;
}

.element-title-head {
    font-size: 50px;
    font-family: 'Poppins-Medium';
    max-width: 950px;
    margin: 0 auto 34px auto;
}

.elements-top-div .element-intro-para {
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 12px;
    color: var(--main-black);
    font-family: 'Poppins-Regular';
}

.elements-carousel-item.element-bg-red .elements-card {
    background-color: #FC220FCC;
}

.elements-carousel-item.element-bg-blue .elements-card {
    background-color: #188FC9CC;
}

.elements-carousel-item.element-bg-green .elements-card {
    background-color: #8FBC00CC;
}

.trusted-sec-heading {
    font-size: 58px;
    text-align: center;
    font-family: 'Poppins-Medium';
    line-height: 70px;
    color: var(--black);
}

.industries-heading {
    font-size: 60px;
    font-family: 'Poppins-Bold';
    line-height: 75px;
    margin-bottom: 22px;
    color: var(--white);
}

.industries-top-div .industries-para {
    font-size: 16px;
    line-height: 30px;
    color: var(--white);
    font-family: 'Poppins-Regular';
}

.testimonial-stratery-title {
    font-family: 'Poppins-Medium';
    font-size: 51px;
    line-height: 66px;
    color: var(--black);
}

.elements-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background: #fd4e3f;
    transition: 0.5s all ease-in-out;
    border-radius: 30px;
}

.elements-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 100px;
    border-radius: 30px;
}

.hero-hindi-text {
    color: #FF1515;
    font-family: 'Kalam-Bold';
    font-size: 40px;
    line-height: 100%;
    letter-spacing: 0.4px;
    margin-bottom: 14px;
    position: relative;
    display: flex;
    align-items: center;
    gap: 15px;
}

.hero-hindi-text .title-ic {
    width: 13.36px;
    height: 13.36px;
    object-fit: contain;
}

.services-wrapper-grid {
    position: relative;
}

.sakh-text-main {
    position: absolute;
    right: 0;
    top: 0;
}

.what-section .light-common-title {
    font-size: 80px;
    line-height: 120px;
    color: var(--white);
    font-family: "Poppins-Bold";
}

.light-common-title span {
    background: white;
    border-radius: 18px;
    padding: 0 20px;
    color: #FF1414;
}

.what-content-left .common-btn-main {
    margin-top: 50px;
}

.sakh-content .cus-common-title {
    font-size: 80px;
    font-family: "Poppins-Bold";
}

.services-wrapper-grid .title-circle::before {
    background-color: var(--bg-circle);
}

.sakh-content .title-circle::before {
    background-color: var(--secondary);
    top: -21px;
    left: -55px;
}

.sakh-img {
    position: absolute;
    right: 0;
    top: -25px;
}

.services-overview-top .cus-common-title {
    font-size: 65px;
    line-height: 96px;
}

.services-overview-top .cus-common-title span {
    font-family: "Poppins-Medium";
}

.why-services-left .cus-common-title {
    font-size: 61px;
    line-height: 93px;
}

.why-services-left .title-circle::before {
    background-color: #FFFFFF4D;
}

.why-services-contant .common-btn-main {
    margin-top: 66px;
}

.bg-fomo-sec {
    display: flex;
    align-items: center;
    gap: 57px;
}

.max-fomo-img {
    width: 100%;
    max-width: 635px;
    height: 100%;
    max-height: 468px;
    object-fit: contain;
}

.subservices-overview-wrap {
    position: relative;
}

.subservices-overview-wrap .title-circle::before {
    background-color: #FC602F4D;
}

.subservices-overview-wrap .about-heading-content {
    font-size: 70px;
}

.subservices-overview-wrap .about-heading-content span {
    color: var(--black);
}

.bg-large-text {
    font-family: "Poppins-Bold";
    font-size: 200px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #FF14140D;
    position: absolute;
    top: -80px;
    right: 0;
}

.how-each-part-section .title-circle::before {
    background: #FFFFFF80;
}

.industry-wrapper .recognized-text {
    color: #FF1414;
    font-family: "Poppins-Bold";
    font-size: 84px;
    line-height: 100%;
    letter-spacing: 0%;
    position: relative;
    width: max-content;
}

.recognize-text-bg {
    background-image: url(../images/recognizedBg.png);
    background-repeat: no-repeat;
    width: max-content;
    margin-left: auto;
    background-size: contain;
    background-position: center;
    padding: 79px;
    margin-top: -30px;

}

.contact-form-sec .service-contact-title {
    font-family: "Poppins-SemiBold";
    font-size: 65px;
    line-height: 65px;
    letter-spacing: 0%;
    color: #000000;
    margin-bottom: 43px;
}

.contact-form-sec .service-contact-title span {
    font-family: "Poppins-Regular";
    color: #FFF;
}


.max-hero-text-content {
    max-width: 930px;
    width: 100%;
}

.branding-hero-content {
    height: 100%;
    width: 100%;
}

.services-sales-details .services-list-item {
    font-size: 19px;
    line-height: 29px;
    color: var(--black);
    font-family: 'Poppins-Medium';
    list-style: disc;
    margin: 10px 0px;
}

.services-sales-details {
    padding-left: 50px;
}

.sakh-img .sakh-text {
    font-size: 280px;
    font-family: "Inter-Bold";
    color: #FF15151F;
    letter-spacing: 0.71px;
    line-height: 300px;
    font-weight: 700;
}

.services-overview-section .common-btn-main .black-btn-common {
    min-width: 180px;
    width: 100%;
}

.experiences-sec .cus-common-title {
    font-size: 60px;
    line-height: 75px;
}

.why-services-contant .intro-para:last-child,
.contact-form-sec .intro-para:last-child,
.subservices-overview-dm .subservices-overview-left .intro-para:last-child {
    margin-bottom: 0;
}

.why-services-contant .intro-para,
.contact-form-sec .intro-para,
.subservices-overview-dm .subservices-overview-left .intro-para {
    margin-bottom: 10px;
}

.services-bottom-ul {
    margin-top: 23px;
    padding-left: 35px;
}

.services-bottom-ul li {
    list-style: disc;
    font-size: 25px;
}

.services-bottom-ul li .intro-para {
    font-family: "Poppins-SemiBold";
    font-size: 19px;
    line-height: 29px;

}

.services-bottom-ul li .intro-para span,
.subservices-overview-left .t8s-type-li-last {
    color: var(--black);

}

.why-services-branding-think .services-branding-examples {
    background: #FC220F1A;
    padding: 31px 67px;
    border: 1px solid #FC220F;
    border-radius: 20px;
}

.why-services-branding-think .services-branding-examples::before {
    background-image: url(../images/quote-top.png);
    top: 20px;
    left: 20px;
}

.why-services-branding-think .services-branding-examples::after {
    background-image: url(../images/quote-bottom.png);
    bottom: 20px;
    right: 20px;
}

.why-services-branding-think .text-red {
    color: #FF1414;
}

.services-section-details .black-title-left {
    padding-left: 0;
}

.growth-hack-interection .subservices-card-title-main {
    font-size: 20px;
    line-height: 30px;
    color: var(--black);
    font-family: "Poppins-Bold";
}

.growth-hack-interection .subservices-card-title {
    font-family: "Poppins-Regular";
}

.growth-hack-interection .intro-para {
    font-size: 20px;
    font-family: "Poppins-Light";
    margin-bottom: 15px;
}

.growth-hack-interection .t8s-type-ul-last {
    font-size: 22px;
    font-family: "Poppins-Medium";
    margin-bottom: 15px;
}

.subservices-overview-section.growth-hack-interection {
    background: url(../images/weBuild.png) no-repeat center, linear-gradient(180deg, rgba(255, 226, 217, 0.1) 0%, rgba(251, 177, 155, 0.1) 156.61%);
}

.how-each-tab {
    margin-bottom: 10px;
}

.how-each-tab::last-chlid {
    margin-bottom: 0px;
}

.t8s-type-digital-section .t8s-type-tittle {
    color: #FF1414;
}

.t8s-type-digital-section .t8s-type-li-last {
    color: #FF1414;
}

.colorfull-overview-section .services-number-card {
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}

.services-number-grid .services-number-card:nth-child(1) {
    border: 1px solid #FC220F;
    background-color: #FC220F1A;
}

.services-number-grid .services-number-card:nth-child(2) {
    border: 1px solid #188FC9;
    background-color: #188FC91A;
}

.services-number-grid .services-number-card:nth-child(3) {
    border: 1px solid #8FBC00;
    background-color: #8FBC001A;
}

.services-number-grid .services-number-card:nth-child(4) {
    border: 1px solid #F98A03;
    background-color: #F98A031A;
}

.services-number-grid .services-number-card:nth-child(5) {
    border: 1px solid #6645C8;
    background-color: #6645C81A;
}

.colorfull-overview-section {
    background: url("../images/blue-line-vector.png");
    background-repeat: no-repeat;
}

.colorfull-tags-flex .colorfull-tags-box {
    border: 1px solid #2D2D2D;
}

.colorfull-tags-flex .colorfull-tags-text {
    color: #fff;
}

.colorfull-tags-box:nth-child(1) {
    background-color: #04BBC9CC;
}

.colorfull-tags-box:nth-child(2) {
    background-color: #7A5AE1CC;
}

.colorfull-tags-box:nth-child(3) {
    background-color: #D02B56CC;
}

.colorfull-tags-box:nth-child(4) {
    background-color: #D34827CC;
}

.colorfull-tags-box:nth-child(5) {
    background-color: #0A4DB6CC;
}

.digital-tags-flex {
    display: flex;
    align-items: center;
    column-gap: 50px;
    row-gap: 20px;
    flex-wrap: wrap;
    margin-top: 30px;
    justify-content: center;
}

.digital-tag-box {
    border: 1px solid #FC602F;
    background-color: #FC602F1A;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    padding: 12px 15px;
}

.digital-tag-text {
    color: #000;
    font-size: 25px;
    line-height: 32px;
    font-family: "Poppins-Medium";
    text-align: center;
}

.here-why-wrapper {
    margin: 50px auto 0;
}

.here-why-box {
    margin-bottom: 25px;
}

.here-why-title {
    font-size: 30px;
    line-height: 38px;
    font-family: 'Poppins-Bold';
    margin-bottom: 20px;
    color: #000;
}

.here-why-text {
    font-size: 25px;
    line-height: 35px;
    color: #000;
    font-family: 'Poppins-Medium';
}

.here-why-right {
    text-align: right;
}

.here-why-box:nth-child(even) {
    text-align: right;
    border-radius: 100px 0 0 100px;
    -webkit-border-radius: 100px 0 0 100px;
    -moz-border-radius: 100px 0 0 100px;
    -ms-border-radius: 100px 0 0 100px;
    -o-border-radius: 100px 0 0 100px;
    padding: 40px 30px 40px 55px;
}

.here-why-box:nth-child(odd) {
    border-radius: 0 100px 100px 0;
    -webkit-border-radius: 0 100px 100px 0;
    -moz-border-radius: 0 100px 100px 0;
    -ms-border-radius: 0 100px 100px 0;
    -o-border-radius: 0 100px 100px 0;
    padding: 40px 55px 40px 30px;
}

.here-why-box:nth-child(1) {
    background: #F98A034D;
    border-right: 8px solid #F98A03;
    transition-delay: .1s;
}

.here-why-box:nth-child(2) {
    background: #188FC94D;
    border-left: 8px solid #188FC9;
    transition-delay: .2s;
}

.here-why-box:nth-child(3) {
    background: #8FBC004D;
    border-right: 8px solid #8FBC00;
    transition-delay: .3s;
}

.here-why-box:nth-child(4) {
    background: #FC220F4D;
    border-left: 8px solid #FC220F;
    transition-delay: .4s;
}

.here-why-box:nth-child(5) {
    background: #E2CF434D;
    border-right: 8px solid #E2CF43;
    transition-delay: .5s;
}

.here-why-box:nth-child(6) {
    background: #F98A034D;
    border-left: 8px solid #F98A03;
    transition-delay: .1s;
}

.here-why-box {
    opacity: 0;
    transition: transform 1.8s cubic-bezier(.17, .67, .43, .99), opacity 1.8s ease;
}

.here-why-box:nth-child(odd) {
    transform: translateX(-150px);
}

.here-why-box:nth-child(even) {
    transform: translateX(150px);
}

.here-why-box.here-why-show {
    opacity: 1;
    transform: translateX(0);
}

.intro-list {
    display: flex;
    align-items: center;
    column-gap: 30px;
    row-gap: 15px;
    flex-wrap: wrap;
    list-style: disc;
    margin: 30px 0;
    padding: 0 25px;
}

.intro-list-item {
    color: #000;
    font-size: 23px;
    line-height: 33px;
    font-family: "Poppins-Bold";
}

.t8s-type-storytelling-section .t8s-type-tittle {
    color: #8FBC00;
}

.t8s-type-storytelling-section .t8s-type-li-last {
    color: #FF1414;
}

.hero-section.services-branding-content::after {
    content: none;
}

.intro-para-who-are .intro-para {
    color: var(--black);
}

.what-we-section .small-title-div {
    border: 1px solid var(--white);
}

.what-we-section .small-title {
    color: var(--white);
}

.what-we-section .common-text-white,
.think-virtual-div .intro-para {
    color: var(--white);
}

.target-branding-title {
    font-size: 37px;
    color: var(--black);
    font-family: 'Poppins-SemiBold';
    line-height: 52px;
    max-width: 560px;
}

.waves {
    position: relative;
    width: 100%;
    height: 75vh;
    margin-bottom: -7px;
    min-height: 330px;
    max-height: 180px;
}

.how-we-main {
    padding-bottom: 20px;
}

.how-we-section::after {
    content: '';
    background: linear-gradient(178deg, #fcf9f7, transparent);
    height: 100px;
    position: absolute;
    width: 100%;
    bottom: -90px;
    filter: blur(21px);
}

.content {
    position: relative;
    height: 20vh;
    text-align: center;
    background-color: white;
}

.parallax>use {
    animation: move-forever 25s cubic-bezier(.55, .5, .45, .5) infinite;
}

.parallax>use:nth-child(1) {
    animation-delay: -2s;
    animation-duration: 7s;
    fill: #ff141473;
}

.parallax>use:nth-child(2) {
    animation-delay: -3s;
    animation-duration: 10s;
    fill: #ff141499;
}

.parallax>use:nth-child(3) {
    animation-delay: -4s;
    animation-duration: 13s;
    fill: #ff141430;
}

.parallax>use:nth-child(4) {
    animation-delay: -5s;
    animation-duration: 20s;
    fill: #ff14142e;
}

@keyframes move-forever {
    0% {
        transform: translate3d(-90px, 0, 0);
    }

    100% {
        transform: translate3d(85px, 0, 0);
    }
}

.wave-content-how {
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
}

.top-zindex {
    z-index: 1;
    position: relative;
}

section.what-we-section::before {
    background: #188FC9;
    background-size: 100% 100%;
    content: "";
    width: 100%;
    position: absolute;
    top: 40px;
    bottom: 0;
}

.what-we-wrapper {
    display: flex;
}

.client-trusted-col:nth-child(1) {
    background: linear-gradient(126.37deg, #1893D2 4.15%, #0D81C6 33%, #006EB8 58.71%);
}

.client-trusted-col:nth-child(2) {
    background: linear-gradient(126.37deg, #F1627F 4.15%, #F15A7A 15.26%, #EF436D 32.9%, #ED1E57 54.74%, #ED1653 58.71%);
}

.client-trusted-col:nth-child(3) {
    background: linear-gradient(126.37deg, #8D7EE2 4.15%, #7C6CD3 20.7%, #513FAC 53.64%, #4A37A5 58.71%);
}

.client-trusted-col::after {
    content: '';
    width: 243px;
    height: 243px;
    background: #FFFFFF1A;
    border-radius: 50%;
    border: 1px solid #ffffff8a;
    position: absolute;
    top: 100px;
    right: -100px;
    filter: blur(1px);
}

.mission-about-quote-details .about-quote-content-bg {
    background: url(../images/green-badge.svg);
    background-size: 100% 100%;
}

.vission-about-quote-details .about-quote-content-bg {
    background: url(../images/blue-badge.svg);
    background-size: 100% 100%;
}

.mission-about-quote-details,
.vission-about-quote-details {
    padding-top: 90px;
}

.mission-vision-section .think-virtual-li {
    border-color: #FF1414;
    color: var(--black);
}

.mission-vision-section .think-icon {
    filter: unset;
}

.connection-bg-content {
    background-image: url('../images/connectionbg.webp');
    background-size: cover;
    background-repeat: no-repeat;
    padding: 90px 0px 74px 0px;
    overflow: hidden;
}

.connection-main-heading .connection-title {
    font-size: 56px;
    line-height: 68px;
    font-family: 'Poppins-Bold';
    color: var(--black);
    margin-bottom: 49px;
}

.team-image-logo-after::after {
    content: '';
    background: url(../images/team-behind-logo.svg);
    width: 444px;
    height: 591px;
    position: absolute;
    top: 250px;
    right: 180px;
    margin: auto;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.connection-desc-behind .connection-desc {
    font-size: 20px;
    line-height: 33px;
    font-family: 'Poppins-SemiBold';
    color: #000000;
}

.connection-desc-behind {
    max-width: 796px;
    margin-bottom: 30px;
}

.connection-ul-behind .listitem-connection {
    font-size: 16px;
    line-height: 22px;
    font-family: 'Poppins-Medium';
    margin-bottom: 8px;
    list-style: disc;
}

.connection-ul-behind {
    margin-bottom: 20px;
    padding-left: 20px;
}

.connection-behind-list {
    max-width: 592px;
}

.question-details-content {
    max-width: 496px;
}

.question-details-content .depper-details-title {
    font-size: 23px;
    font-family: 'Poppins-SemiBold';
    color: #000000;
    line-height: 33px;
    margin-bottom: 22px;
}

.depper-list-ul .depper-list-item {
    font-size: 16px;
    line-height: 27px;
    font-family: 'Poppins-Medium';
    list-style: disc;
    margin-bottom: 5px;
}

.depper-list-ul {
    padding-left: 20px;
}

.teamwork-bg {
    height: 420px;
    position: absolute;
    right: 30px;
    bottom: -74px;
    z-index: 1;
}

.connection-details {
    max-width: 1440px;
    margin: 0 auto;
    position: relative;
}

.team-image-logo-after {
    display: flex;
}

.center-our-team .max-hero-text-content {
    max-width: unset;
    text-align: center;
}

.center-our-team .max-hero-text-content .common-btn-web {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Expo modal */


.expo-header {
    background: #ff141447;
    color: #fff;
    border-bottom: none;
    position: relative;
    padding: 15px 20px;
    overflow: hidden;
}

.zindex-top {
    z-index: 1;
    position: relative;
}

.expo-header::after {
    content: '';
    background: #FFFFFF80;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    backdrop-filter: blur(30.1px);
    -webkit-backdrop-filter: blur(30.1px);
    left: 0;
}

.expo-title {
    font-size: 20px;
    line-height: 25px;
    color: var(--black);
    font-family: 'Poppins-Bold';
}

.expo-title span {
    color: var(--secondary);
}

.custom-fade-modal {
    background: #00000029;
    backdrop-filter: blur(11px);
}

.expo-info {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin-bottom: 20px;
}

.expo-footer-text {
    font-size: 14px;
    text-align: center;
    margin-top: 10px;
    font-family: 'Poppins-Medium';
}

.expo-card {
    padding: 8px 15px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.expo-info .expo-card:nth-child(1) {
    background: #188FC980;
    border: 1px solid #188FC9;
}

.expo-info .expo-card:nth-child(2) {
    background: #F98A0380;
    border: 1px solid #F98A03;
}

.expo-info .expo-card:nth-child(3) {
    background: #8FBC0080;
    border: 1px solid #8FBC0080;
}

.expo-card h6 {
    font-size: 14px;
    line-height: 20px;
    font-family: 'Poppins-Regular';
    color: var(--black);
}

.expo-full {
    grid-column: span 2;
}

.expo-label {
    font-size: 11px;
    color: var(--black);
    font-family: 'Poppins-Medium';
    letter-spacing: 0.5px;
    margin-bottom: 5px;
}

.expo-content p {
    margin-bottom: 5px;
    font-family: 'Poppins-Medium';
    font-size: 14px;
    line-height: 23px;
    color: var(--black);
}

.expo-content ul {
    padding-left: 10px;
    list-style: none;
}

.expo-content li {
    margin-bottom: 6px;
    font-size: 13px;
    line-height: 21px;
    font-family: 'Poppins-Regular';
    color: var(--black);
}

.expo-btn {
    display: block;
    text-align: center;
    background: var(--black);
    color: #fff;
    padding: 12px;
    border-radius: 10px;
    font-weight: 600;
    text-decoration: none;
    margin-top: 15px;
}

.btn-close-white {
    z-index: 1;
    filter: brightness(0.5);
    opacity: 0.7;
    border: 1px solid #000;
    border-radius: 50%;
    font-size: 10px;
}

.expo-modal-center {
    max-width: 500px;
    width: calc(100% - 30px);
}

/*  */

.page-not-found-section {
    background-image: url('../images/sub-hero/hero-section-bg.webp');
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 100vh;
}

.page-not-found-content-main {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    flex-direction: column;
}

.page-not-found-content-main .page-not-found-title {
    font-size: 38px;
    font-weight: 600;
    line-height: 45px;
    text-align: center;
    color: var(--black);
    margin-bottom: 15px;
    font-family: 'Poppins-Medium';
}

.page-not-found-img {
    height: 250px;
    width: 100%;
    object-fit: contain;
    margin-bottom: 30px;
}

.error-img {
    height: 300px;
    max-width: 450px;
    width: 100%;
    object-fit: contain;
}