/* @font-face {
    font-family: "GoldplayAlt-Regular";
    src:
        url("../fonts/GoldplayAlt-Regular.woff2") format("woff2"),
        url("../fonts/GoldplayAlt-RegularIt.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
} */


@font-face {
    font-family: 'goldplayalternateregular';
    src: url('../fonts/goldplayalternateregular.eot');
    src: url('../fonts/goldplayalternateregular.eot') format('embedded-opentype'),
    url('../fonts/goldplayalternateregular.woff2') format('woff2'),
    url('../fonts/goldplayalternateregular.woff') format('woff'),
    url('../fonts/goldplayalternateregular.ttf') format('truetype'),
    url('../fonts/goldplayalternateregular.svg#goldplayalternateregular') format('svg');
}


@font-face {
    font-family: "GoldplayAlt-Medium";
    src:
    url("../fonts/GoldplayAlt-Medium.woff2") format("woff2"),
    url("../fonts/GoldplayAlt-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "GoldplayAlt-SemiBold";
    src:
    url("../fonts/GoldplayAlt-SemiBold.woff2") format("woff2"),
    url("../fonts/GoldplayAlt-SemiBold.woff") format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Goldplay-Medium";
    src:
    url("../fonts/Goldplay-Medium.woff2") format("woff2"),
    url("../fonts/Goldplay-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

:root {
    --color-bg: papayawhip;
    --color-bg-accent: #ecdcc0;
    --size: clamp(10rem, 1rem + 40vmin, 30rem);
    --gap: calc(var(--size) / 14);
    --duration-port: 50s;
    --duration-port-main: 20s;
    --scroll-start-port: 0;
    --scroll-end-port: calc(-100% - var(--gap));
    --start-port: 0;
    --end-port: calc(-100% - var(--gap));
}


.pink-text {
    color: #FF5B97;
}

.blue-text {
    color: #2087f0;
}

.commpd {
    padding-left: 110px;
    padding-right: 110px;
}

.hero-section .banner-wrap h1 {
    font-family: "GoldplayAlt-SemiBold";
    font-size: 54px;
    line-height: 70px;
    font-weight: 600;
    margin-bottom: 20px;
}




.banner-wrap .funding-bx {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
}

.banner-wrap .funding-bx .fund-mg {
    width: 60px;
    height: 60px;
    background: #E9F4FF;
    border-radius: 100%;
}

.banner-wrap .funding-bx .fund-mg img {
    width: 100%;
}

.banner-wrap .funding-bx h5 {
    font-size: 28px;
    line-height: 42px;
    color: #003C40;
    font-family: "GoldplayAlt-Medium";
}

.banner-wrap .funding-bx h5 span {
    font-family: "GoldplayAlt-SemiBold";
}

.banner-wrap .lefthomeCon p {
    font-size: 16px;
    line-height: 28px;
    color: #4D4D4D;
    max-width: 550px;
    font-family: "GoldplayAlt-Medium";
}

.banner-wrap .hpBannerSlider {
    bottom: 30px;
}

.banner-wrap .hpTextBx {
    min-height: 160px;
}

/* .banner-wrap .hpTextBx{
left: auto;
right: -60px;
bottom: 50px;
        height: 140px;
} */
.main-wrapper {
    background: url(https://www.techugo.com/new-assets/img/home-img/body-top-bg.jpg) 0 0 / contain no-repeat #fff;
}

/* .banner-wrap .hpTextSlider{
    left: auto;
    right: 0px;
} */
.industryban-bcx {
    margin-top: 40px;
}

.industryban-bcx .partner-img img {
    width: 450px;
}

/*.banner-wrap .lefthomeCon {
    margin-top: 30px;
}*/

.banner-wrap .hpTextBx .arrow-buttons {
    display: none;
}

/* Sticky Cards Section */
.sticky-cards-section {
    position: relative;
    height: 300vh;
    background: #f8fbff;
    padding: 0;
}

.sticky-container {
    position: sticky;
    top: 70px;
    height: 92vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    /* max-height: 800px; */
}

.sticky-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    /*text-align: center;*/
    margin-bottom: 70px;
}

.sticky-title p {
    font-size: 18px;
    color: #4D4D4D;
}

.cards-wrapper {
    display: flex;
    flex-wrap: nowrap;
    gap: 0px;
    justify-content: center;
    align-items: center;
}

.animate-card {
    /* flex: 1; */
    /* max-width: 300px; */
    /* will-change: transform;
    transform: translateY(200px); */

    flex: 1;
    will-change: transform;
    /* opacity: 0;                          */
    transform: translateY(200px);
}

.card-inner {
    background: #ffffff;
    padding: 60px 40px;
    border: 1px solid #DFDFDF;
}

.animate-card:nth-child(1) .card-inner,
.animate-card:nth-child(2) .card-inner,
.animate-card:nth-child(3) .card-inner {
    border-right: 0px;
}

.why-techugo-wrap .card-icon {
    width: 60px;
    margin-bottom: 50px;
}

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

.why-techugo-wrap {
    position: relative;
    background: url(https://www.techugo.com/new-assets/img/home-img/diamond-bg.webp)no-repeat;
    background-size: 100% 100%;
}

.why-techugo-wrap .sticky-title h2 {
    font-size: 50px;
    line-height: 1.2;
    font-family: "GoldplayAlt-SemiBold";
    color: #003c40;
    /*margin-bottom: 15px;*/
}

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

.why-techugo-wrap .card-inner h3 {
    font-size: 75px;
    font-family: "GoldplayAlt-Medium";
    color: #003C40;
    margin: 50px 0px;
    line-height: 1.2;
}

.portfoliobtn .right-arrow svg {
    width: 18px;
    margin-left: 10px;
    margin-top: -5px;
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.portfoliobtn a svg path {
    transition: fill 0.3s ease;
}

.why-techugo-wrap .card-inner p {
    font-size: 30px;
    line-height: 42px;
    color: #003C40;
    font-family: "GoldplayAlt-Medium";
    margin: 0;
}

.portfoliobtn a {
    display: inline-block;
    padding: 20px 40px;
    font-size: 20px;
    line-height: 20px;
    color: #000000;
    font-family: "GoldplayAlt-Medium";
    margin: 0;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    border: 1px solid #000000;
    text-decoration: none;
    border-radius: 34px;
}

.portfoliobtn a:hover {
    background: #000;
    color: #fff;
    /* transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15); */
}

.portfoliobtn a:hover .right-arrow svg {
    transform: translateX(5px);
}

.portfoliobtn a:hover svg path {
    fill: #fff;
}

/* Funded By Section */
.funded-by-section {
    padding: 100px 0;
    background: #ffffff;
    overflow: hidden;
}

.funded-title {
    font-size: 50px;
    font-family: "GoldplayAlt-SemiBold";
    color: #003c40;
    margin-bottom: 60px;
}

.marquee-wrapper {
    position: relative;
    width: 100vw;
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
}

.marquee-row {
    width: 100%;
    overflow: hidden;
    position: relative;
    display: flex;
}

.marquee-wrapper::before,
.marquee-wrapper::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 150px;
    z-index: 2;
    pointer-events: none;
}

.marquee-wrapper::before {
    left: 0;
    background: linear-gradient(to right, #ffffff, transparent);
}

.marquee-wrapper::after {
    right: 0;
    background: linear-gradient(to left, #ffffff, transparent);
}

.marquee-track {
    display: flex;
    min-width: max-content;
    will-change: transform;
}

.marquee-group {
    display: flex;
    gap: 5px;
    /* same as gap to maintain spacing between groups */
    min-width: max-content;
}

/* Items */
.marquee-item {
    width: 250px;
    height: 250px;
    background: #f8f8f8;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px;
    flex-shrink: 0;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
}

.marquee-item img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

/* .marquee-item:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
} */

/* Animations */
@keyframes marquee-left {
    from {
        transform: translateX(calc(-100% / 3));
    }

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

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

    to {
        transform: translateX(calc(-100% / 3));
    }
}

.track-left {
    animation: marquee-left 40s linear infinite;
}

.track-right {
    animation: marquee-right 40s linear infinite;
}

.marquee-row:hover .track-left,
.marquee-row:hover .track-right {
    animation-play-state: paused;
}

/* Intent Impact Section */
.intent-impact-section {
    background: #ffffff;
    overflow: hidden;
}

.intent-impact-section h2 {
    font-size: 68px;
    font-family: "GoldplayAlt-SemiBold", sans-serif;
    color: #353535;
    line-height: 1.2;
    margin: 0;
}

.intent-impact-section .intent-desc {
    padding-left: 20px;
    margin-top: 20px;
}

.intent-impact-section .intent-desc p {
    font-size: 21px;
    color: #003C40;
    line-height: 35px;
    margin-bottom: 25px;
}

.btn-blue-pill {
    display: inline-block;
    background: #2087f0;
    color: #ffffff;
    padding: 20px 40px;
    border-radius: 30px;
    font-size: 20px;
    font-family: "GoldplayAlt-Medium";
    text-decoration: none;
    transition: all 0.3s ease;
}

.btn-blue-pill svg {
    width: 18px;
    margin-left: 10px;
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.intent-impact-section .btn-blue-pill svg,
.compliance-section .btn-blue-pill svg {
    margin-left: 10px;
    margin-top: -5px;
}

.btn-group-custom .btn-blue-pill{
    display: flex;
    align-items: center;
}

.btn-blue-pill:hover {
    color: #ffffff;
}

.intent-carousel-wrap {
    margin-top: 80px;
    margin-right: -80px;
}

.intent-carousel-wrap .intent-card {
    background: #E8E8E8;
    border-radius: 42px;
    padding: 50px 40px;
    height: 100%;
    display: flex;
    flex-direction: column;
    margin-right: 30px;
    transition: transform 0.3s ease, background-color 0.3s ease;
}

/* Equal height: owl-item and item must stretch to full height */
.intent-carousel .owl-item {
    display: flex;
}

.intent-carousel .owl-item .item {
    display: flex;
    flex: 1;
}

.intent-carousel-wrap .intent-card:hover {
    background: #2087F0;
}

.intent-carousel-wrap .card-num {
    font-size: 40px;
    font-family: "GoldplayAlt-SemiBold";
    color: #444444;
    margin-bottom: 20px;
}

.intent-carousel .owl-stage {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}

.intent-carousel-wrap .card-title {

    font-size: 41px;
    display: inline-block;
    font-family: "GoldplayAlt-SemiBold", sans-serif;
    color: #454545;
    line-height: 1.2;
    margin-bottom: 25px;
}

.intent-carousel-wrap .card-title span {
    position: relative;
}

.intent-carousel-wrap .card-title span::after {
    content: "";
    position: absolute;
    left: 0;
    width: 0px;
    height: 5px;
    background: #fff;
    border-radius: 35px;
    bottom: -15px;
    visibility: hidden;
    transition: 1s ease-in-out;
}

.intent-carousel-wrap .intent-card:hover .card-title span::after {
    visibility: visible;
    width: 100%;
}

.intent-carousel-wrap .intent-card:hover .card-num,
.intent-carousel-wrap .intent-card:hover .card-title,
.intent-carousel-wrap .intent-card:hover .card-text {
    color: #ffffff;
}

.intent-carousel-wrap .card-text {
    font-size: 19px;
    color: #868686;
    line-height: 34px;
    margin: 0;
    font-family: "GoldplayAlt-Medium", sans-serif;
}

.intent-carousel .owl-nav,
.intent-carousel .owl-dots {
    display: none !important;
}

/* ===== Compliance Section ===== */
.compliance-section {
    /* background: linear-gradient(135deg, #f0f7ff 0%, #f8fbff 50%, #eef6ff 100%); */
    position: relative;
    overflow: hidden;
    background: url(https://www.techugo.com/new-assets/img/home-img/innovate-bg.webp)no-repeat;
    background-size: 100% 100%;
    padding-top: 100px;
    padding-bottom: 100px;
    min-height: 1080px;
    position: relative;
}

.compliance-heading {
    font-size: 70px;
    font-family: "GoldplayAlt-SemiBold", sans-serif;
    color: #1a1a2e;
    line-height: 1.15;
    margin-bottom: 25px;
}

.green-gradient-text {
    background: linear-gradient(135deg, #00c9a7, #00b4d8);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.compliance-desc {
    font-size: 23px;
    color: #5C5C5C;
    line-height: 34px;
    margin-bottom: 30px;
    font-family: "GoldplayAlt-Medium", sans-serif;
    max-width: 70%;
}

.trusted-line {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 35px;
}

.trusted-line span {
    font-size: 16px;
    font-weight: 600;
    color: #1a1a2e;
    font-family: "GoldplayAlt-Medium", sans-serif;
}

/* Stats */
.compliance-stats {
    display: flex;
    gap: 25px;
    margin-bottom: 40px;

}

.stat-box {
    max-width: 200px;
    background: #ffffff;
    border-radius: 36px;
    padding: 25px 25px;
    /* text-align: center; */
    flex: 1;
    backdrop-filter: blur(11.894484519958496px);
    box-shadow: 9px 14px 72.5px 0px #0000001A;

}

.container {
    max-width: 1920px!important;
}

/* .compliance-left{
    margin-top: 100px;
} */

.stat-icon {
    margin-bottom: 12px;
    display: flex;
    /* justify-content: center; */
}

.statsbcx {
    gap: 15px;
}

.stat-box h4 {
    font-size: 36px;
    line-height: 48px;
    font-family: "GoldplayAlt-SemiBold", sans-serif;
    color: #000000;
    text-align: left;
}

.stat-box p {
    font-size: 18px;
    color: #6B7280;
    line-height: 24px;
    letter-spacing: 0.5px;
    font-family: 'GoldplayAlt-Medium', sans-serif;
    font-weight: 600;
    margin: 0;
}

.compliance-cta {
    margin-top: 0;
}

/* Accordion */
.compliance-accordion {
    display: flex;
    flex-direction: column;
    gap: 16px;
    backdrop-filter: blur(11.894484519958496px);
    border: 1.19px solid #FFFFFF1A;
    background: #FEFEFD;
    border-radius: 48px;
    padding: 20px;
    box-shadow: 9px 14px 72.5px 0px #0000001A;
}

.accord-item {
    position: relative;
    border-radius: 38px;
    overflow: hidden;
    transition:
    background 0.4s ease,
    padding 0.4s ease;
    /* border-bottom: 1px solid #e0e6ed; */
    /* overflow: hidden; */
}

.accord-item::after {
    content: '';
    position: absolute;
    top: 0px;
    left: 0;
    width: 0;
    height: 4px;
    background-color: #2087F0;
    opacity: 0;
    border-radius: 20px;
    transition:
    width 6s cubic-bezier(0.16, 1, 0.3, 1),
    opacity 400ms ease;
    z-index: 1;
}

.accord-item.active::after {
    width: 90%;
    opacity: 1;
    left: 28px;
}

.accord-item.active {
    padding: 0px 20px 20px 20px;
    background: #F2F6FE;
    border-radius: 38px;
    border-bottom-color: transparent;
}

.accord-item:last-child {
    border-bottom: none;
}

.accord-header {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    padding: 22px 0;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
}

/* .accord-header::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #2087F0;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 800ms cubic-bezier(0.22, 1, 0.36, 1);
}

.accord-item.active .accord-header::after {
    transform: scaleX(1);
} */

.accord-num svg{
    width: 60px;
    height: 60px;
}

.accord-title-wrap {
    flex: 1;
}

.accord-title {
    font-size: 24px;
    font-family: "GoldplayAlt-SemiBold", sans-serif;
    color: #000000;
    margin: 0 0 5px;
    line-height: 1.3;
}
.accord-title span{
    font-size: 16px;
    color: #6B7280;
    font-family: "GoldplayAlt-SemiBold", sans-serif;
    margin-right: 10px;
}

.accord-desc {
    font-size: 16px;
    color: #6B7280;
    line-height: 22px;
    margin: 0;
    font-family: "GoldplayAlt-Medium", sans-serif;
}

.accord-arrow {
    min-width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
    margin-top: 3px;
}

.accord-item.active .accord-arrow {
    transform: rotate(180deg);
}

/* Accordion Body */
.accord-body {
    display: grid;
    grid-template-rows: 0fr;
    transition:
    grid-template-rows 0.5s ease,
    opacity 0.4s ease;
    opacity: 0;
}
.accord-body-inner {
    overflow: hidden;
}

.accord-item.active .accord-body {
  grid-template-rows: 1fr;
  opacity: 1;
}

/* Certification Badges */
.cert-badges {
    display: flex;
    gap: 5px;
    overflow-x: auto; /* optional for small screens */
    white-space: nowrap;
    flex-wrap: nowrap;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.cert-badge {
    background: #E9EAEF;
    border-radius: 20px;
    padding: 15px;
    text-align: center;
    /*min-width: 115px;*/
    flex: 1;
}

.cert-badge img {
    display: table;
    margin: 0 auto 10px;
    text-align: center;
    width: 40px;
    object-fit: contain;
}

.cert-badge span {
    font-size: 14px;
    font-family: "GoldplayAlt-SemiBold", sans-serif;
    color: #111827;
    line-height: 1.3;
}

.cert-badge small {
    font-size: 10px;
    line-height: 14px;
    color: #6B7280;
    font-family: "GoldplayAlt-SemiBold", sans-serif;
}

/* Active item highlight */
.accord-item.active .accord-header {
    padding-bottom: 10px;
}


/* =============== */

/* .ai-main-section {
 position: relative;
    overflow: hidden;
    height: 100vh;
    max-height: 780px;
}

.banner-bg-video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    transform: translate(-50%, -50%);
    object-fit: cover;
    z-index: 1;
    opacity: 1;
    filter: blur(10px);
}

.ai-content-wrap .left-image img{
    width: 100%;
} */



/* ===================================
   BUILD WITH AI SECTION START
=================================== */
.ai-content-wrap {
    position: relative;
    z-index: 2;
}

.ai-main-section {
    position: relative;
    overflow: hidden;
    background: #f7f8fb;
    padding: 0px 0;
   /* height: 100vh;
    max-height: 840px;*/
    /* min-height: 180vh;  */
}

.ai-main-section .container {
    position: relative;
    z-index: 5;
    padding-left: 0px!important;
}

/* VIDEO */

.banner-bg-video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    transform: translate(-50%, -50%);
    object-fit: cover;
    z-index: 1;
    opacity: 1;
    filter: blur(10px);
}

.word-animate {
 transition: color 0.3s linear;
}


/* BLUR SHAPE */

.ai-blur-shape {
    position: absolute;
    right: -120px;
    top: 50%;
    transform: translateY(-50%);
    width: 620px;
    height: 620px;
    background: radial-gradient(circle, rgba(208, 160, 255, .35) 0%, rgba(255, 255, 255, 0) 70%);
    filter: blur(30px);
    z-index: 1;
}

/* WRAPPER */

.sticky-wrapper {
    position: relative;
    min-height: 100vh;
}

/* LEFT IMAGE */

.left-image {
    position: absolute;
    left: 0px;
    top: 0px;
}

.left-image img {
    width: 100%;
    max-width: 928px;
}

/* RIGHT STICKY */
/* 
.sticky-right{
   position: absolute;
    top: 350px;
    height: fit-content;
    padding-left: 70px;
    transition: transform .15s linear;
} */
.sticky-right {
   /* position: absolute;
    right: 0;
    top: 200px;*/
    max-width: 760px;
    padding: 80px 0px 80px 160px;
    /*padding-left: 0px;
    will-change: transform;
    backface-visibility: hidden;*/
}

/* BADGE */

.ai-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 28px;
    background: #2087F0;
    color: #fff;
    font-size: 50px;
    font-family: "GoldplayAlt-SemiBold";
    line-height: 1;
    margin-bottom: 34px;
    /* box-shadow: 0 12px 30px rgba(32, 135, 240, .25); */
    background: url(https://www.techugo.com/new-assets/img/home-img/blue-badge.png)no-repeat;
    background-size: 100% 100%;
}

/* HEADING */

.ai-content h2 {
    font-size: 50px;
    line-height: 1.08;
    font-family: "GoldplayAlt-SemiBold";
    color: #001932;
    margin-bottom: 28px;
    letter-spacing: -.5px;
}

.ai-content p {
    font-size: 18px;
    line-height: 30px;
    color: #306678;
    margin-bottom: 38px;
    max-width: 520px;
    font-family: "GoldplayAlt-Medium";
}

.ai-content .light-text {
    color: #d7d7d7;
}

.ai-content .dot {
    color: #2087F0;
}

/* DESCRIPTION */

.ai-desc {
    font-size: 18px;
    line-height: 1.9;
    color: #6d7685;
    margin-bottom: 38px;
    max-width: 520px;
}

/* FEATURE LIST */

.feature-list {
    margin-bottom: 42px;
}

.feature-item {
    display: flex;
    align-items: flex-start;
    gap: 16px;
}

.btn-group-custom {
    gap: 20px;
    align-items: stretch;
}

.btn-group-custom a.btn-blue-pill svg {
    margin-left: 10px;
}

a.custom-btn {}

.feature-item:not(:last-child) {
    margin-bottom: 24px;
}

.feature-icon {
    width: 42px;
    height: 42px;
    min-width: 42px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 700;
    margin-top: 3px;
}

.blue-icon {
    background: #DDF4FF;
    color: #2087F0;
}

.red-icon {
    background: #FFE3E3;
    color: #FF4D4D;
}

.feature-text h5 {
    font-size: 18px;
    font-family: "GoldplayAlt-SemiBold";
    line-height: 27px;
    color: #003846;
    margin-bottom: 6px;
}

.feature-text span {
    font-size: 16px;
    line-height: 24px;
    color: #003846;
    font-family: 'goldplayalternateregular';
}

/* BUTTONS */

.btn-wrap {
    display: flex;
    align-items: center;
    gap: 18px;
    flex-wrap: wrap;
}

.theme-btn {
    height: 60px;
    padding: 0 32px;
    border-radius: 60px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    transition: all .4s ease;
}

.primary-btn {
    background: #2087F0;
    border: 2px solid #2087F0;
    color: #fff;
}

.primary-btn:hover {
    transform: translateY(-5px);
    background: #0B1B35;
    border-color: #0B1B35;
    color: #fff;
}

.secondary-btn {
    background: #fff;
    border: 2px solid #0B1B35;
    color: #0B1B35;
}

.secondary-btn:hover {
    transform: translateY(-5px);
    background: #0B1B35;
    color: #fff;
}

/* FLOAT */

@keyframes floatImage {

    0% {
        transform: translateY(0px);
    }

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

    100% {
        transform: translateY(0px);
    }

}

/* ===================================
   RESPONSIVE
=================================== */



@media(max-width: 1480px) {

    .left-image img {
        max-width: 640px;
    }

    .ai-content h2 {
        font-size: 52px;
    }

}

@media(max-width: 1380px) {

    .ai-content h2 {
        font-size: 48px;
    }

    .ai-badge {
        font-size: 24px;
    }

}

@media(max-width: 1199px) {

    .sticky-right {
        padding-left: 10px;
    }

    .ai-content h2 {
        font-size: 42px;
    }

    .left-image img {
        margin-left: -50px;
    }

}

@media(max-width: 991px) {

    .sticky-wrapper {
        min-height: auto;
    }

    .sticky-right {
        position: relative;
        top: unset;
        transform: unset;
        padding: 40px 0px 40px 30px;
    }


    .left-image {
        display: none;
        min-height: auto;
        justify-content: center;
    }

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

    .ai-main-section {
        padding: 90px 0;
    }

    .ai-content h2 {
        font-size: 38px;
    }

}

@media(max-width: 767px) {

    .ai-main-section {
        padding: 35px  20px;
    }

    .ai-content h2 {
        font-size: 32px;
    }

    .ai-badge {
        font-size: 22px;
        padding: 10px 22px;
    }

    .ai-desc {
        font-size: 15px;
        line-height: 1.8;
    }

    .feature-text h5 {
        font-size: 18px;
    }

    .btn-wrap {
        flex-direction: column;
        align-items: flex-start;
    }

    .theme-btn {
        width: 100%;
    }

    .sticky-right{
        padding: 0px;
    }

}

@media(max-width: 575px) {

    .ai-main-section {
        padding: 35px  20px;
    }

    .ai-content h2 {
        font-size: 28px;
    }

    .feature-item {
        gap: 12px;
    }

    .feature-icon {
        width: 36px;
        height: 36px;
        min-width: 36px;
    }

}

/* =========================
   OUR WORK SECTION
========================= */

.ourwork-wrap {
    padding-top: 100px;
    padding-bottom: 100px;
    background: #00182F;
    position: relative;
    overflow: visible;
}


.ourwrkbcx-bs h2 {
    font-size: 50px;
    line-height: 1.08;
    font-family: "GoldplayAlt-SemiBold";
}

.ourwrkbcx-bs p {
    font-size: 22px;
    line-height: 33px;
    font-family: "GoldplayAlt-Medium";
    margin-top: 15px;
}



/* =========================
   STICKY SIDEBAR
========================= */

.sticky-sidebar {
    position: sticky;
    top: 40px;
}

.project-list-wrapper {
    /* max-height: calc(100vh - 60px);
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;
    margin-bottom: 90px; */
    max-height: calc(100vh - 60px);
    overflow-y: auto;
    overflow-x: visible;   /* ← was hidden — this was clipping the dot */
    scrollbar-width: none;
    -ms-overflow-style: none;
    margin-bottom: 90px;
}

.project-list-wrapper::-webkit-scrollbar {
    display: none;
}

/* =========================
   PROJECT LIST
========================= */

.project-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 5px;
    width: 175px;
}

.project-list-item {
    cursor: pointer;
    position: relative;
    transition:
    transform 0.35s ease,
    opacity 0.35s ease;
}

.project-list-item:hover {
    transform: translateX(10px);
}

.project-item-content {
    position: relative;
    max-width: 175px;
}

.project-thumbnail {
    border-radius: 22px;
    overflow: hidden;
}

.project-thumbnail img {
    width: auto;
    display: block;
    transition: transform 0.5s ease;
}

.project-list-item:hover img {
    transform: scale(1.04);
}

/* ACTIVE DOT */

/* .active-dot {
  position: absolute;
  right: -24px;    
  top: 0;              
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #2b7fff;
  opacity: 0;
  transition: top 0.4s cubic-bezier(0.4, 0, 0.2, 1),
              opacity 0.3s ease;
  transform: translateY(-50%);
  pointer-events: none; 
} */

/* .active-project .active-dot {
    opacity: 1;
} */


/* Make left-side the dot's positioning parent */
.left-side {
    position: relative;
}

/* Hide all per-item dots */
.active-dot {
    display: none !important;
}

/* The single GSAP dot */
.gsap-dot {
    position: absolute;
    left: 207px;        /* thumbnail width(175) + gap(24) + dot offset(8) */
    top: 0;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #2b7fff;
    opacity: 0;
    transform: translateY(-50%);
    pointer-events: none;
    will-change: top, opacity;
    z-index: 99;
}

@media (max-width: 992px) {
    .gsap-dot { display: none; }
}



/* =========================
   RIGHT IMAGE SHOWCASE
========================= */


/* Right section needs overflow:hidden so scaled image clips to border-radius */
.right-scroll-section {
    overflow: hidden;
    border-radius: 30px;          /* match your design */
    will-change: transform;
}

.right-scroll-section img {
    width: 100%;
    display: block;
    will-change: transform;
    transform-origin: center center;
}


.project-showcase {
    position: relative;
    min-height: 200vh;
}
.project-big-img {
 position: sticky;
 top: 40px;

 overflow: hidden;

 border-radius: 30px;

 aspect-ratio: 16 / 10;

 background: #0b0e16;

 box-shadow:
 0 20px 60px rgba(0, 0, 0, 0.45);
}

.image-stack {
    position: relative;
    width: 100%;
    height: 100%;
}

.stack-image {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

    object-fit: cover;

    opacity: 0;

    transform: scale(1.08);

    transition:
    opacity 0.7s ease,
    transform 0.9s cubic-bezier(0.22, 1, 0.36, 1);

    will-change: opacity, transform;
}

.stack-image.active {
    opacity: 1;
    transform: scale(1);
    z-index: 2;
}

.projectimgbcx {
    margin-top: 80px;
}


/* =========================
   BUTTON
========================= */

.btn-view-project {
    display: inline-flex;
    align-items: center;
    gap: 12px;

    padding: 14px 32px;

    border-radius: 60px;

    color: white;
    text-decoration: none;

    background:
    linear-gradient(95deg,
        #2b7fff,
        #1a5fcf);

    transition: all 0.35s ease;
}

.btn-view-project:hover {
    transform: translateY(-3px);
    color: white;
}

/* =========================
   MOBILE
========================= */

@media (max-width: 992px) {

    .sticky-sidebar {
        position: relative;
        top: unset;
    }

    .project-list-wrapper {
        max-height: unset;
        overflow: visible;
    }

    .project-list {
        flex-direction: row;
        overflow-x: auto;

        scrollbar-width: none;
    }

    .project-list::-webkit-scrollbar {
        display: none;
    }

    .project-list-item {
        min-width: 240px;
        flex-shrink: 0;
    }

    .active-dot {
        display: none;
    }

}

/* Trusted Expertise Section Start */
.trusted-expertise-section {
    padding-top: 100px;
    padding-bottom:100px;
    background-color: #fff;
}

@media (max-width: 767px) {
    .trusted-expertise-section {
        padding: 40px 0;
    }
}

.main-wrapper.homepg{
    padding-bottom: 0px!important;
}

.trusted-expertise-section .section-header {
    margin-bottom: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0px;
}

.trusted-expertise-section .section-header .section-title {
    font-size: 50px;
    font-family: "GoldplayAlt-SemiBold";
    color: #111;
    margin: 0;
    line-height: 60px;
}

.trusted-expertise-section .section-header .section-title .text-blue {
    color: #2087F0;
}

.trusted-expertise-section .section-header .section-title .wreath-icon {
    width: 35px;
    vertical-align: top;
    margin: 0 10px;
}

@media (max-width: 767px) {
    .trusted-expertise-section .section-header .section-title .wreath-icon {
        width: 25px;
        margin: 0 5px;
    }
}

@media (max-width: 767px) {
    .trusted-expertise-section .section-header .section-title {
        font-size: 30px;
    }
}

@media (max-width: 480px) {
    .trusted-expertise-section .section-header .section-title {
        font-size: 24px;
    }

    .trusted-expertise-section .section-header .section-title .wreath-icon {
        display: none;
    }
}

.trusted-expertise-section .logos-row {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 40px;
    margin-bottom: 60px;
    animation: marquee-right 40s linear infinite;
}

@media (max-width: 991px) {
    .trusted-expertise-section .logos-row {
        gap: 30px;
    }
}

@media (max-width: 767px) {
    .trusted-expertise-section .logos-row {
        gap: 20px;
    }
}

.trusted-expertise-section .logos-row .logo-img {
    max-width: 140px;
    object-fit: contain;
    filter: grayscale(100%);
    opacity: 0.6;
    transition: all 0.3s ease;
}

.trusted-expertise-section .logos-row .logo-img:hover {
    filter: grayscale(0%);
    opacity: 1;
}

@media (max-width: 767px) {
    .trusted-expertise-section .logos-row .logo-img {
        max-height: 30px;
    }
}

@media (max-width: 480px) {
    .trusted-expertise-section .logos-row .logo-img {
        max-height: 25px;
    }
}

.trusted-expertise-section .news-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
    margin-bottom: 50px;
}

@media (max-width: 1200px) {
    .trusted-expertise-section .news-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 991px) {
    .trusted-expertise-section .news-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {
    .trusted-expertise-section .news-grid {
        grid-template-columns: 1fr;
    }
}

.trusted-expertise-section .news-grid .news-card {
    background-color: #EBF2FD;
    border-radius: 16px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    border: 1px solid #DCE7F9;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.trusted-expertise-section .news-grid .news-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(32, 135, 240, 0.1);
}

.trusted-expertise-section .news-grid .news-card .card-image {
    width: 100%;
    background-color: #fff;
    border-bottom: 1px solid #DCE7F9;
    padding: 15px;
    box-sizing: border-box;
}

.trusted-expertise-section .news-grid .news-card .card-image img {
    width: 100%;
    height: 170px;
    object-fit: cover;
    border-radius: 10px;
    display: block;
}

.trusted-expertise-section .news-grid .news-card .card-content {
    padding: 20px 15px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.trusted-expertise-section .news-grid .news-card .card-content .news-title {
    font-size: 20px;
    color: #212121;
    font-family: "GoldplayAlt-SemiBold";
    line-height: 1.5;
    margin: 0 0 15px 0;
    flex-grow: 1;
}

.trusted-expertise-section .news-grid .news-card .card-content .read-more {
    color: #2087F0;
    font-size: 14px;
    font-family: "GoldplayAlt-SemiBold";
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: color 0.3s ease;
}

.trusted-expertise-section .news-grid .news-card .card-content .read-more:hover {
    color: #1665C0;
}

.trusted-expertise-section .news-grid .news-card .card-footer-logo {
    background-color: #fff;
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top: 1px solid #DCE7F9;
}

.trusted-expertise-section .news-grid .news-card .card-footer-logo img {
    /*max-height: 25px;*/
    object-fit: contain;
}

.trusted-expertise-section .view-all-wrapper {
    display: flex;
    justify-content: center;
}

.trusted-expertise-section .view-all-wrapper .view-all-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #2087F0;
    color: #fff;
    text-decoration: none;
    box-sizing: border-box;
    width: 216px;
    height: 50px;
    border-radius: 30px;
    font-family: "GoldplayAlt-Medium";
    font-size: 16px;
}

@media (max-width: 480px) {
    .trusted-expertise-section .view-all-wrapper .view-all-btn {
        width: 100%;
        max-width: 200px;
        height: 50px;
        font-size: 15px;
    }
}

.trusted-expertise-section .view-all-wrapper .view-all-btn:hover {
    background-color: #1a71c9;
}

/* Trusted Expertise Section End */

/* Services Section Start */
.services-section {
    padding: 80px 0px 0px;
    background-color: #FAFBFC;
}

@media (max-width: 767px) {
    .services-section {
        padding: 40px 0;
    }
}

.services-section .services-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    margin-bottom: 30px;
}

@media (max-width: 991px) {
    .services-section .services-grid {
        grid-template-columns: 1fr;
    }
}

.services-section .services-grid .service-card {
    background-color: #fff;
    border-radius: 24px;
    padding: 40px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.03);
}

@media (max-width: 767px) {
    .services-section .services-grid .service-card {
        padding: 30px 20px;
    }
}

.services-section .services-grid .service-card .card-top {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    margin-bottom: 30px;
}

.services-section .services-grid .service-card .card-top .icon-wrap {
    width: 45px;
    height: 45px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "GoldplayAlt-SemiBold";
    font-size: 22px;
    color: #fff;
    flex-shrink: 0;
}

.services-section .services-grid .service-card .card-top .icon-wrap.color-blue {
    background-color: #2087F0;
}

.services-section .services-grid .service-card .card-top .icon-wrap.color-green {
    background-color: #00BFA5;
}

.services-section .services-grid .service-card .card-top .icon-wrap.color-purple {
    background-color: #536DFE;
}

.services-section .services-grid .service-card .card-top .icon-wrap.color-orange {
    background-color: #FF6D00;
}

.services-section .services-grid .service-card .card-top .text-wrap .title {
    font-size: 36px;
    font-family: "GoldplayAlt-SemiBold";
    color: #111;
    margin: 0 0 10px 0;
}

.services-section .services-grid .service-card .card-top .text-wrap .desc {
    font-size: 24px;
    color: #6B7280;
    line-height: 1.5;
    font-family: "GoldplayAlt-Medium";
    margin: 0;
}

.services-section .services-grid .service-card .card-bottom {
    display: flex;
    align-items: center;
    gap: 40px;
}

@media (max-width: 1200px) {
    .services-section .services-grid .service-card .card-bottom {
        flex-direction: column;
        align-items: flex-start;
        gap: 30px;
    }
}

.services-section .services-grid .service-card .card-bottom .image-box {
    flex: 0 0 280px;
    width: 280px;
    height: 280px;
    border-radius: 20px;
    overflow: hidden;
    padding: 15px;
}

.services-section .services-grid .service-card .card-bottom .image-box.bg-blue {
    background-color: #F1F8FE;
}

.services-section .services-grid .service-card .card-bottom .image-box.bg-green {
    background-color: #E8FCF9;
}

.services-section .services-grid .service-card .card-bottom .image-box.bg-purple {
    background-color: #EEF0FF;
}

.services-section .services-grid .service-card .card-bottom .image-box.bg-orange {
    background-color: #FFF2E8;
}

.services-section .services-grid .service-card .card-bottom .image-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 14px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.services-section .services-grid .service-card .card-bottom .features-list {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.services-section .services-grid .service-card .card-bottom .features-list .feature-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.services-section .services-grid .service-card .card-bottom .features-list .feature-item .check-icon {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-top: 5px;
}
.feature-item:not(:last-child){
    margin-bottom: 18px;
}

.services-section .services-grid .service-card .card-bottom .features-list .feature-item .check-icon svg {
    width: 14px;
    height: 14px;
}

.services-section .services-grid .service-card .card-bottom .features-list .feature-item .check-icon.color-blue {
    background-color: rgba(32, 135, 240, 0.1);
    color: #2087F0;
}

.services-section .services-grid .service-card .card-bottom .features-list .feature-item .check-icon.color-green {
    background-color: rgba(0, 191, 165, 0.1);
    color: #00BFA5;
}

.services-section .services-grid .service-card .card-bottom .features-list .feature-item .check-icon.color-purple {
    background-color: rgba(83, 109, 254, 0.1);
    color: #536DFE;
}

.services-section .services-grid .service-card .card-bottom .features-list .feature-item .check-icon.color-orange {
    background-color: rgba(255, 109, 0, 0.1);
    color: #FF6D00;
}

.services-section .services-grid .service-card .card-bottom .features-list .feature-item .feature-text {
    font-size: 24px;
    line-height: 36px;
    color: #4B5563;
    font-family: "GoldplayAlt-Medium";
}

@media (max-width: 480px) {
    .services-section .services-grid .service-card .card-bottom .features-list .feature-item .feature-text {
        font-size: 15px;
    }
}

.services-section .features-banner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #fff;
    border-radius: 24px;
    padding: 30px 40px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.03);
    gap: 20px;
}

@media (max-width: 1200px) {
    .services-section .features-banner {
        flex-wrap: wrap;
    }
}

@media (max-width: 767px) {
    .services-section .features-banner {
        flex-direction: column;
        align-items: flex-start;
        padding: 30px 20px;
        gap: 30px;
    }
}

.services-section .features-banner .banner-item {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    flex: 1;
    min-width: 200px;
}

.services-section .features-banner .banner-item .banner-icon {
    width: 60px;
    height: 60px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.services-section .features-banner .banner-item .banner-icon.color-blue {
    background-color: rgba(32, 135, 240, 0.1);
    color: #2087F0;
}

.services-section .features-banner .banner-item .banner-icon.color-green {
    background-color: rgba(0, 191, 165, 0.1);
    color: #00BFA5;
}

.services-section .features-banner .banner-item .banner-icon.color-purple {
    background-color: rgba(83, 109, 254, 0.1);
    color: #536DFE;
}

.services-section .features-banner .banner-item .banner-icon.color-orange {
    background-color: rgba(255, 109, 0, 0.1);
    color: #FF6D00;
}

.services-section .features-banner .banner-item .banner-text h4 {
    font-size: 24px;
    line-height: 36px;
    font-family: "GoldplayAlt-SemiBold";
    color: #111;
    margin: 0 0 5px 0;
}

.services-section .features-banner .banner-item .banner-text p {
    font-size: 20px;
    color: #6B7280;
    line-height: 30px;
    font-family: "GoldplayAlt-Medium";
    margin: 0;
}

/* Services Section End */

/* AI Systems Section Start */
.ai-systems-section {
    padding-top:100px;
    padding-bottom: 100px;
    background-color: #FAFBFC;
}

.ai-systems-section .section-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 50px;
}

@media (max-width: 767px) {
    .ai-systems-section .section-header {
        flex-direction: column;
        gap: 20px;
        margin-bottom: 30px;
    }
}

/* .ai-systems-section .section-header .header-left {
    max-width: 700px;
} */

.ai-systems-section .section-header .header-left .section-title {
    font-size: 65px;
    line-height: 75px;
    font-family: "GoldplayAlt-SemiBold";
    color: #111;
    margin: 0 0 15px 0;
}

.ai-systems-section .section-header .header-left .section-title .text-blue {
    color: #2087F0;
}

@media (max-width: 767px) {
    .ai-systems-section .section-header .header-left .section-title {
        font-size: 30px;
    }
}

@media (max-width: 480px) {
    .ai-systems-section .section-header .header-left .section-title {
        font-size: 26px;
    }
}

.ai-systems-section .section-header .header-left .section-subtitle,.location-testimonials-techugo p{
    font-size: 26px;
    color: #64748B;
    line-height: 43px;
    font-family: "GoldplayAlt-Medium";
    margin: 0;
}

@media (max-width: 767px) {
    .ai-systems-section .section-header .header-left .section-subtitle {
        font-size: 16px;
    }
}

@media (max-width: 480px) {
    .ai-systems-section .section-header .header-left .section-subtitle {
        font-size: 15px;
    }
}

.ai-systems-section .section-header .header-right .btn-discuss {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background-color: #2087F0;
    color: #fff;
    padding: 20px 40px;
    border-radius: 30px;
    text-decoration: none;
    font-family: "GoldplayAlt-Medium";
    font-size: 16px;
    transition: all 0.3s ease;
}

.ai-systems-section .section-header .header-right .btn-discuss:hover {
    background-color: #1a71c9;
}

.ai-systems-section .section-header .header-right .btn-discuss svg {
    transition: transform 0.3s ease;
}

.ai-systems-section .section-header .header-right .btn-discuss:hover svg {
    transform: translateX(4px);
}

.ai-systems-section .ai-systems-container {
    background: linear-gradient(120.21deg, #0F172A 0%, #1E1B4B 100%);

    border-radius: 60px;
    padding: 60px;
    display: flex;
    gap: 30px;
}

@media (max-width: 991px) {
    .ai-systems-section .ai-systems-container {
        flex-direction: column;
    }
}

@media (max-width: 767px) {
    .ai-systems-section .ai-systems-container {
        padding: 30px 20px;
    }
}

.ai-systems-section .ai-systems-container .ai-large-content {
    flex: 0 0 40%;
    display: flex;
    flex-direction: column;
    position: relative;
}

.ai-systems-section .ai-systems-container .ai-large-content .content-top {
    display: flex;
    gap: 15px;
    margin-bottom: 40px;
}

.ai-systems-section .ai-systems-container .ai-large-content .content-top .icon-wrap {
    background-color: #2087F0;
    color: #fff;
    width: 45px;
    height: 45px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "GoldplayAlt-SemiBold";
    font-size: 30px;
    flex-shrink: 0;
    margin-top: 5px;
}

.ai-systems-section .ai-systems-container .ai-large-content .content-top .text-content .title {
    color: #fff;
    font-size: 44px;
    line-height: 54px;
    font-family: "GoldplayAlt-SemiBold";
    margin: 0 0 10px 0;
}

.ai-systems-section .ai-systems-container .ai-large-content .content-top .text-content .desc {
    color: #CBD5E1;
    font-size: 27px;
    line-height: 42px;
    font-family: 'goldplayalternateregular';
    margin: 0;
    max-width: 90%;
}

.ai-systems-section .ai-systems-container .ai-large-content .image-wrapper {
    position: relative;
    flex-grow: 1;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.ai-systems-section .ai-systems-container .ai-large-content .image-wrapper .brain-img {
   width: 80%;
   max-width: 250px;
   height: auto;
   object-fit: contain;
   position: absolute;
   bottom: -60px;
}

.ai-systems-section .ai-systems-container .ai-large-content .image-wrapper .floating-icon {
    position: absolute;
    width: 40px;
    height: 40px;
    background-color: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    backdrop-filter: blur(4px);
}

.ai-systems-section .ai-systems-container .ai-large-content .image-wrapper .floating-icon.icon-1 {
    top: 10%;
    left: 0;
}

.ai-systems-section .ai-systems-container .ai-large-content .image-wrapper .floating-icon.icon-2 {
    top: 40%;
    right: 10%;
}

.ai-systems-section .ai-systems-container .ai-grid {
    flex: 1;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

@media (max-width: 1200px) {
    .ai-systems-section .ai-systems-container .ai-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {
    .ai-systems-section .ai-systems-container .ai-grid {
        grid-template-columns: 1fr;
    }
}

.ai-systems-section .ai-systems-container .ai-grid .ai-small-card {
  background: #FFFFFF0D;
  border: 1.5px solid #FFFFFF1A;
  border-radius: 16px;
  padding: 40px 25px 50px 25px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  transition: transform 0.3s ease, border-color 0.3s ease;
}

.ai-systems-section .ai-systems-container .ai-grid .ai-small-card:hover {
    transform: translateY(-5px);
    border-color: rgba(255, 255, 255, 0.1);
}

.ai-systems-section .ai-systems-container .ai-grid .ai-small-card .icon-box {
    width: 80px;
    height: 80px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 40px;
}
.ai-systems-section .ai-systems-container .ai-grid .ai-small-card .icon-box img{
    width: 100%;
}

.ai-systems-section .ai-systems-container .ai-grid .ai-small-card h4 {
    color: #fff;
    font-size: 21px;
    font-family: "GoldplayAlt-SemiBold";
    margin: 0;
    line-height: 1.2;
}

/* AI Systems Section End */

/* Awards & Recognition Section Start */
.awards-recognition-section {
    padding-top: 100px;
    padding-bottom: 100px;
    background-color: #FAFBFC;
}


.awards-recognition-section .section-header {
    margin-bottom: 60px;
}

.awards-recognition-section .section-header .award-heading {
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 767px) {
    .awards-recognition-section .section-header .award-heading .section-title {
        display: block;
        line-height: 30px;
        text-align: center;
    }
}

.awards-recognition-section .section-header .section-title {
    font-size: 50px;
    font-family: "GoldplayAlt-SemiBold";
    color: #000;
    line-height: 81.7px;
    margin: 0 0 15px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

@media (max-width: 767px) {
    .awards-recognition-section .section-header .section-title {
        font-size: 30px;
        gap: 10px;
    }
}

@media (max-width: 480px) {
    .awards-recognition-section .section-header .section-title {
        font-size: 26px;
    }
}

.awards-recognition-section .section-header .section-title .wreath-icon {
    width: 44px;
}

@media (max-width: 767px) {
    .awards-recognition-section .section-header .section-title .wreath-icon {
        width: 25px;
    }
}

@media (max-width: 480px) {
    .awards-recognition-section .section-header .section-title .wreath-icon {
        width: 20px;
    }
}

.awards-recognition-section .section-header .section-title .text-blue {
    color: #2087F0;
}

.awards-recognition-section .section-header .section-subtitle {
    font-size: 22px;
    color: #003C40;
    font-family: "GoldplayAlt-Medium";
    line-height: 1.5;
    margin: 0;
    text-align: center;
}

@media (max-width: 767px) {
    .awards-recognition-section .section-header .section-subtitle {
        font-size: 16px;
    }
}

@media (max-width: 480px) {
    .awards-recognition-section .section-header .section-subtitle {
        font-size: 15px;
    }
}

.awards-recognition-section .awards-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}

@media (max-width: 991px) {
    .awards-recognition-section .awards-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
}

.awards-recognition-section .awards-grid .award-card {
    background-color: #F3F4F6;
    border-radius: 16px;
    padding: 40px;
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
}

@media (max-width: 767px) {
    .awards-recognition-section .awards-grid .award-card {
        padding: 30px 20px;
    }
}

@media (max-width: 480px) {
    .awards-recognition-section .awards-grid .award-card {
        padding: 25px 15px;
    }
}

.awards-recognition-section .awards-grid .award-card .card-header {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 25px;
    position: relative;
    z-index: 2;
    background: transparent;
    border: 0px;
    padding: 0px;
}
.award-card .card-header .cardinfo{
    position: relative;
    display: flex;
    align-items: center;
}
.award-card .card-header .cardinfo::after {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 0;
    height: 3px;
    width: 100px;

    border-radius: 40px;
    background: #001B37;

    transition: width 0.4s ease;
}

.awards-recognition-section .awards-grid .award-card:hover .cardinfo::after {
    width: 100%;
}

.awards-recognition-section .awards-grid .award-card .card-header .card-number-small {
    font-size: 34px;
    color: #003C40;
    font-family: "GoldplayAlt-SemiBold";
    margin-right: 15px;
    opacity: 0.2;
}

@media (max-width: 767px) {
    .awards-recognition-section .awards-grid .award-card .card-header .card-number-small {
        font-size: 24px;
        margin-right: 10px;
    }
}

.awards-recognition-section .awards-grid .award-card .card-header .card-logo {
    height: 60px;
}

@media (max-width: 767px) {
    .awards-recognition-section .awards-grid .award-card .card-header .card-logo {
        height: 40px;
    }
}

.awards-recognition-section .awards-grid .award-card .card-header .card-logo-text {
    font-size: 28px;
    font-family: "GoldplayAlt-SemiBold";
    margin: 0;
    color: #111;
    display: flex;
    align-items: center;
}

.awards-recognition-section .awards-grid .award-card .card-header .card-logo-text.clutch-logo {
    font-family: "Inter-700";
    letter-spacing: -1px;
}

.awards-recognition-section .awards-grid .award-card .card-header .card-logo-text.appfutura-logo {
    font-family: "Outfit-600";
}

.awards-recognition-section .awards-grid .award-card .card-header .card-logo-text.extract-logo {
    font-family: "GoldplayAlt-SemiBold";
    letter-spacing: 1px;
}

.awards-recognition-section .awards-grid .award-card .card-header .card-logo-text.goodfirms-logo {
    font-family: "Inter-600";
    color: #1C78DF;
}

.awards-recognition-section .awards-grid .award-card .card-header .card-number-large {
    position: absolute;
    right: -10px;
    top: -25px;
    font-size: 123.47px;
    color: #E4E8EC;
    font-family: "GoldplayAlt-SemiBold";
    line-height: 1;
    z-index: -1;
}

@media (max-width: 767px) {
    .awards-recognition-section .awards-grid .award-card .card-header .card-number-large {
        font-size: 70px;
        right: 0;
        top: -15px;
    }
}

@media (max-width: 480px) {
    .awards-recognition-section .awards-grid .award-card .card-header .card-number-large {
        font-size: 55px;
        top: -10px;
    }
}

.awards-recognition-section .awards-grid .award-card .card-desc {
    color: #003C40;
    font-size: 18px;
    line-height: 27px;
    font-family: "GoldplayAlt-Medium";
    margin: 0 0 25px 0;
    flex-grow: 1;
    position: relative;
    z-index: 2;
}

@media (max-width: 767px) {
    .awards-recognition-section .awards-grid .award-card .card-desc {
        font-size: 15px;
        line-height: 22px;
        margin: 0 0 25px 0;
    }
}

.awards-recognition-section .awards-grid .award-card .card-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 2;
    background: transparent;
    border:0;
    padding: 0px;
    margin-top:30px;
}

@media (max-width: 480px) {
    .awards-recognition-section .awards-grid .award-card .card-footer {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }
}

.awards-recognition-section .awards-grid .award-card .card-footer .card-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 24px;
    border: 1px solid #636363;
    border-radius: 30px;
    color: #636363;
    text-decoration: none;
    font-size: 20px;
    font-family: "GoldplayAlt-Medium";
    transition: all 0.3s ease;
}

@media (max-width: 767px) {
    .awards-recognition-section .awards-grid .award-card .card-footer .card-btn {
        font-size: 16px;
        padding: 8px 20px;
    }
}

.awards-recognition-section .awards-grid .award-card .card-footer .card-btn:hover {
    background-color: #E5E7EB;
    color: #111;
}

.awards-recognition-section .awards-grid .award-card .card-footer .card-btn svg {
    transition: transform 0.3s ease;
}

.awards-recognition-section .awards-grid .award-card .card-footer .card-btn:hover svg {
    transform: translateX(3px);
}

.awards-recognition-section .awards-grid .award-card .card-footer .rating-wrap {
    display: flex;
    align-items: center;
    gap: 12px;
}

.awards-recognition-section .awards-grid .award-card .card-footer .rating-wrap .rating-number {
    font-size: 35px;
    font-family: "GoldplayAlt-SemiBold";
    color: #2B2B2B;
}

@media (max-width: 767px) {
    .awards-recognition-section .awards-grid .award-card .card-footer .rating-wrap .rating-number {
        font-size: 24px;
    }
}

.awards-recognition-section .awards-grid .award-card .card-footer .rating-wrap .stars {
    display: flex;
    gap: 3px;
}

.awards-recognition-section .awards-grid .award-card .card-footer .rating-wrap .stars svg {
    width: 25px;
    height: 25px;
    fill: #FFC107;
}

@media (max-width: 767px) {
    .awards-recognition-section .awards-grid .award-card .card-footer .rating-wrap .stars svg {
        width: 18px;
        height: 18px;
    }
}

/* Awards & Recognition Section End */

/* Testimonial Section Start Here */
.location-testimonials-techugo{
  position: relative;
}
.testimonials-content {
    margin-top: 50px;
}
.location-testimonials-techugo h2 {
    font-size: 50px;
    line-height: 1.1;
    color: #2b2b2b;
    font-weight: 600;
    font-family: "GoldplayAlt-SemiBold";
}
.location-testimonials-techugo p{

}
.wrapmxwd.testibox {
    padding-right: 0;
    max-width: 1680px;
    margin: auto;
}

.testimonials-content-box{
    margin: 0;
}
.testimonials-content-box h4{
 font-family: "GoldplayAlt-SemiBold";
 font-size: 22px;
 font-weight: 600;
}
.testimonials-content-box h4 + p{
 font-family: "GoldplayAlt-Medium";
 font-weight: 400;
}
.view-all-link{
    position: relative;
    font-size: 24px;
    line-height: 35px;
    text-decoration: none;
    font-family: "GoldplayAlt-Medium";
    color: #FFFFFF;
    text-decoration: none;
    display: block;
}
.view-all-link:hover{
    color: #fff;
}
.view-all-link::after{
    content: '';
    position: absolute;
    right: 70px;
    top: 20px;
    transform: translateY(-50%);
    background: url(https://www.techugo.com/new-assets/img/home-img/footlink-arw.svg) no-repeat;
    background-size: 10px 17px;
    width: 10px;
    height: 17px;
}
.testimonials-clients{
    position: relative;
    border-radius: 49px;
    margin-bottom: 20px;
    overflow: hidden;
}
.testimonials-clients .clients-give-testimonials{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 30px 30px 20px 30px;
    border-radius: 49px;
    background-color: hsl(210, 100%, 8%);
    opacity: 0;
    display: flex;
    align-items: center;
    -webkit-transition: opacity .8s ease-in-out,-webkit-transform .8s cubic-bezier(.16,.68,.43,.99);
    transition: opacity .8s ease-in-out,-webkit-transform .8s cubic-bezier(.16,.68,.43,.99);
    transition: transform .8s cubic-bezier(.16,.68,.43,.99),opacity .8s ease-in-out;
    transition: transform .8s cubic-bezier(.16,.68,.43,.99),opacity .8s ease-in-out,-webkit-transform .8s cubic-bezier(.16,.68,.43,.99);
}
.testimonials-clients:hover .clients-give-testimonials{
    opacity: 1;
}
.clients-give-testimonials p{
    font-size: 18px;
    line-height: 30px;
    color: #fff;
}
.clients-give-testimonials .testi-sm-view{
    margin: 20px 0;
    height: 220px;
    border-radius: 46px;
}
.clients-give-testimonials .testi-sm-view.praveen{
    background: url(https://www.techugo.com/new-assets/img/home-img/praveen-clients.webp) center center no-repeat;
    background-size: 100%;
}
.clients-give-testimonials .testi-sm-view.gavin{
    background: url(https://www.techugo.com/new-assets/img/home-img/gavin-lund.webp) center center no-repeat;
    background-size: 100%;
}
.clients-give-testimonials .testi-sm-view.xenia{
    background: url(https://www.techugo.com/new-assets/img/home-img/xenia-ghali.webp) center center no-repeat;
    background-size: 100%;
}
.clients-give-testimonials .testi-sm-view.utkarsh{
    background: url(https://www.techugo.com/new-assets/img/home-img/utkarsh-clients.webp) center center no-repeat;
    background-size: 100%;
}
.play-vdeo-clients-rw {
    padding-top: 5px;
    text-align: center;
}
.play-vdeo-clients-rw a{
    font-size: 20px;
    font-family: "GoldplayAlt-Medium";
    padding: 14px 24px;
    border-radius: 36px;
    color: #fff;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    background-color: #002448;
}
.play-vdeo-clients-rw a img{
    width: 25px !important;
    margin-right: 15px;
}
.testimonials-clients .our-clients-profile{
    border-radius: 49px;
}
.video-click{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    cursor: pointer;
}
.video-click img{
    width: 70px;
}
.owl-carousel.assortment-owl-slider .owl-nav {
    position: absolute;
    right: 60px;
    top: -130px;
}
.owl-carousel.assortment-owl-slider .owl-nav button {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    margin: 0 10px;
    transition: all 400ms linear;
    border: 1px solid #fff;
    background-color: transparent;
}
.owl-carousel.assortment-owl-slider .owl-nav button:hover{
    border-color: #2087F0;
    background-color: #2087F0;
}
.owl-carousel.assortment-owl-slider .owl-nav button.owl-prev {
    background-image: url(https://www.techugo.com/new-assets/img/home-img/testimonials-prev-arrow.svg);
    background-size: 70px 70px;
    background-repeat: no-repeat;
    background-position: center center;
}
.owl-carousel.assortment-owl-slider .owl-nav button.owl-next {
    background-image: url(https://www.techugo.com/new-assets/img/home-img/testimonials-next-arrow.svg);
    background-size: 70px 70px;
    background-repeat: no-repeat;
    background-position: center center;
}
.owl-carousel.assortment-owl-slider .owl-nav button span{
    display: none;
}

.banner-wrap .curve-arrow-btn{
  background: #2087F0;
}
.banner-wrap .curve-arrow-btn svg{
    margin-left: 10px;
}
/* Testimonial Section Ends Here */


/* Get In Touch Section Start Here */
.getintouch-section-wrap{
    position: relative;
    padding-top: 100px;
    padding-bottom: 100px;
    background: linear-gradient(247.43deg, #C0EDFF -0.36%, #FFFFFF 100%);
}

.getintouch-section-wrap .secbadge{
    padding: 8px 20px;
    background: #000000;
    border-radius: 100px;
    font-size: 18px;
    line-height: 26px;
    text-transform: uppercase;
    font-family: "GoldplayAlt-Medium";
    display: inline-block;
    color: #fff;
    margin-bottom: 20px;
}
.getintouch-section-wrap h2{
    font-size: 75px;
    line-height: 1.2;
    color: #000;
    font-family: "GoldplayAlt-Medium";
}
.getintouch-section-wrap p{
    font-size: 24px;
    line-height: 33px;
    color: #333333;
    font-family: "GoldplayAlt-Medium";
    margin: 25px 0px;
}
.contactlinks{
    display: flex;
    align-items: center;
    gap: 100px;
    margin-top: 50px;
}
.contactlinks .links-bcx{
   display: flex;
   align-items: center;
   gap: 20px;
}
.links-bcx .linkcont p{
   font-size: 20px;
   line-height: 30px;
   color: #000;
   font-family: "GoldplayAlt-SemiBold";
   margin: 0px;
}
.links-bcx .linkcont a{
   font-size: 16px;
   color: #64748B;
   font-family: "GoldplayAlt-Medium";
}
.getintouch-section-wrap .contactform-bcx{
    border: 1.22px solid #FFFFFF1A;
    box-shadow: 0px 30.49px 60.99px -14.64px #00000040;
    background: #ffffff;
    backdrop-filter: blur(48.790531158447266px);
    padding: 50px;
    border-radius: 60px;
}
.getintouchform-content-bcx{
    align-items: center;
}
.getintouchform-content-bcx .contactform-bcx .form-control{
    background: #0000000D;
    border: 1.22px solid #FFFFFF1A;
    border-radius: 40px;
    padding: 18px 25px;
    color: #000000;
    font-size: 18px;
    height: auto;
    font-family: "GoldplayAlt-Medium";
}
.getintouchform-content-bcx .contactform-bcx textarea.form-control{
    min-height: 150px;
    resize: none;
    border-radius: 20px;
}
.getintouchform-content-bcx .contactform-bcx .fileuploadrw label{
   background: #0000000D;
   border: 1.22px solid #FFFFFF1A;
   border-radius: 40px;
   padding: 18px 25px;
   color: #000000;
   font-size: 18px;
   height: 66px;
   line-height: 1.5;
   color: #8d949a;
   font-family: "GoldplayAlt-Medium";
}
.getintouchform-content-bcx .contactform-bcx .fileuploadrw label:after{
    display: none;
}
.getintouchform-content-bcx .contactform-bcx .fileuploadrw{
    margin-bottom: 0px;
}
.getintouchform-content-bcx .contactform-bcx .fileuploadrw span{
    margin-bottom: .5rem;
    display: inline-block;
}
.getintouchform-content-bcx .contactform-bcx .fileuploadrw input[type="file"]{
 display: none;
}

.getintouchform-content-bcx .contactform-bcx label,.getintouchform-content-bcx .contactform-bcx .fileuploadrw span{
  font-size: 16px;
  height: auto;
  font-family: "GoldplayAlt-SemiBold";
  color: #000000;
}

.getintouchform-content-bcx .robotbx{
  background: #F2F2F2;
  padding: 20px;
  border: 1.22px solid #FFFFFF1A;
  border-radius: 20px;
}
.getintouchform-content-bcx .robotbx .captchsec{

    border-radius: 20px;
    padding: 0px;
    font-size: 24px!important;
    line-height: 34px;
    color: #000;
    font-family: "GoldplayAlt-SemiBold";

}
.getintouchform-content-bcx .robotbx .captchtext {
   font-size: 24px!important;
   line-height: 34px;
   color: #000;
   font-family: "GoldplayAlt-SemiBold";
}
.getintouch-section-wrap .contactform-bcx .submitbtn{
   background: #2087F0;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   background-color: #2087F0;
   color: #fff;
   text-decoration: none;
   box-sizing: border-box;
   width: 100%;
   padding: 15px 20px;
   border-radius: 30px;
   font-family: "GoldplayAlt-Medium";
   font-size: 16px;
   margin-top: 30px;
}
/* Get In Touch Section Ends Here */


/* Footer Section Start Here */
.site-footer{
    padding-top: 80px;
    padding-bottom: 80px;
    background: #1C78DF;
}

.footer-col-inner .footer-col-head{
    display: flex;
    align-items: center;
    gap: 10px;
}
.footer-col-head .col-icon img{
    width: 60px;
}
.footer-col-head .col-label{
    font-size: 30px;
    line-height: 44px;
    color: #fff;
    font-family: "GoldplayAlt-SemiBold";
}
.footer-col-inner ul.footer-links{
    margin-top: 40px;
    padding-left: 0px;
}
.footer-col-inner ul.footer-links li{
    position: relative;
    list-style: none;
    margin-bottom: 25px;
}

.footer-col-inner ul.footer-offices.footer-links li{
    display: flex;
    align-items: center;
    gap: 10px;
}
.office-info .office-name{
    font-size: 20px;
    font-family: "GoldplayAlt-Medium";
    display: block;
    color: #fff;
}
.office-info .office-city{
    font-size: 17px;
    font-family: "GoldplayAlt-Medium";
    display: block;
    color: #fff;
}
.footer-col-inner ul.footer-links li::after{
    content: '';
    position: absolute;
    right: 70px;
    top: 20px;
    transform: translateY(-50%);
    background: url(https://www.techugo.com/new-assets/img/home-img/footlink-arw.svg)no-repeat;
    background-size: 10px 17px;
    width: 10px;
    height: 17px;
}
.footer-col-inner ul.footer-links li a{
    position: relative;
    font-size: 24px;
    color: #fff;
    line-height: 35px;
    text-decoration: none;
    font-family: "GoldplayAlt-Medium";
    color: #FFFFFF;
}
.footer-col-inner ul.footer-links li a::after{
    content: '';
    position: absolute;
    left: 0px;
    bottom: -10px;
    width: 0px;
    height: 2px;
    background: #fff;
    transition: width 0.3s ease;
}
.footer-col-inner ul.footer-links li a:hover::after{
    width: 100%;
}
.footer-bottom .footer-container{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 15px;
    padding-left: 15px;

}
.footer-container .footer-bottom-row,.footer-container .footer-socials{
    display: flex;
    align-items: center;
    gap: 70px;
}
.footer-socials{
    gap: 20px!important;
}
.footer-bottom{
    margin-top: 50px;
}
.footer-legal a {
    font-size: 20px;
    line-height: 30px;
    color: #fff;
    text-decoration: none;
}
.sep{
    color: #fff;
    margin: 0px 20px;
}
/* Footer Section Ends Here */



.main-wrapper-work{
  display:flex;
  gap:50px;
  position:relative;
}

/* LEFT SIDE */
.left-side{
  width:450px;
  position:sticky;
  top:80px;
  height:fit-content;
  align-self:flex-start;

}

.left-item{
    min-width: 175px;
    cursor:pointer;
    transition:0.3s;
}

.left-item.active{
  color:#fff;
}

/* RIGHT SIDE */
.right-side{
  width:calc(100% - 500px);
  margin-top: 220px;
}
.ourwrkbcx-bs{
    margin-bottom: 80px;
}

.right-scroll-section{
    position:relative;
    /* height:100vh; */
      /* display:flex;
      align-items:center;
      justify-content:center; */
      margin-bottom:20px;
      /* border-radius:20px;
      overflow:hidden; */
  }

  .left-item.active .active-dot {
    opacity: 1;
}

.left-item.active img {
    transform: scale(1.05);
}

.right-scroll-section img{
  width:100%;
  height:100%;
  /* object-fit: cover; */
  border-radius:24px;
}

@media(max-width:768px){

  .main-wrapper{
    flex-direction:column;
}

.left-side{
    position:relative;
    top:0;
    width:100%;
}

.right-side{
    width:100%;
}

.scroll-section{
    height:500px;
}
}

/* Faq Section Css Start Here */
.faq-wrap{
    position: relative;
    background: #faf9f9;
    padding-top: 100px;
    padding-bottom: 100px;
}

.faq-wrap .faq-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 60px;
}

.faq-header-right p{
    margin-bottom: 10px;
}

.faq-wrap .accordion-item{
    position: relative;
    background: #F4F4F4;
    border-radius: 44px;
    padding: 35px;
    margin-bottom: 15px;
}
.faq-wrap .accordion-item .accordion-header button{
   border: 0px;
   background: transparent;
   text-align: left;
   font-size: 24px;
   color: #363636;
   font-family: "GoldplayAlt-SemiBold";
   padding: 0px 0px 10px 0px;
   max-width: 85%;
}

.faq-wrap .accordion-item .accordion-body p, .faq-wrap .accordion-item .accordion-body ul li{
    font-size: 18px;
    line-height: 25px;
    color:#363636;
    font-family: "GoldplayAlt-Medium";
    max-width: 90%;
}
.h100{
    height: 100%;
}
.faq-wrap .accordion-item .accordion-body ul li a{
    color: #363636;
    text-decoration: underline;
}
.faq-wrap .accordion-item .accordion-body ul li, .faq-wrap .accordion-item .accordion-body p{
    margin-bottom: 10px;
}

.faq-wrap .btn-blue-pill svg{
  margin-left: 0px;
  margin-right: 10px;
}
.captchtd{
    background: #000000;
    color: #fff;
    padding: 8px 10px;
    border-radius: 12px;
    margin-right: 20px;
    height: 49px;
    display: inline-block;
}
.captchtext{
    color: #fff!important;
}

.accordion-button::after { display: none !important; }

.accordion-button:not(.collapsed) .faq-icon {
    /* background: #2563eb;
    border-color: #2563eb; */
    transform: rotate(0deg);
}

.accordion-button .faq-icon {
    position: absolute;
    right: 20px;
    padding-top: 0px;
    /* background: #2563eb;
    border-color: #2563eb; */
    transform: rotate(180deg);
}

.accordion-button .faq-icon svg{
    width: 40px;
}

.owl-carousel.hpBannerSlider .owl-item img.homrbanimg{
    height: 775px;
}
/* Faq Section Css Ends Here */


.wth-innovations{
    /*background: #faf9f9;*/
    /*padding-top: 50px;*/
    padding-bottom: 50px;
    /*margin-top: 70px;*/
}
.trusted-heading{
    position: relative;
    font-size: 40px; 
    font-weight: 600;
}
.trusted-heading .brands-curve{
    position: absolute;
    left: 170px;
    bottom: -100px;
}
.trusted-heading .brands-curve img{
    width: 170px;
    height: auto;
}
.trusted-heading span{
    color: #007EC2;
}
.wth-innovations .marquee {
    position: relative;
    display: flex;
    overflow: hidden;
    user-select: none;
    gap: var(--gap);
    max-width: 1920px;
    margin: auto;
    margin-top: 50px;
}
.wth-innovations.contactuspg .marquee{
    margin-top: 40px;
}
.wth-innovations .marquee__group {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: space-around;
    gap: var(--gap);
    min-width: 100%;
    animation: portfolio-brands-scroll 50s linear infinite;
}
.wth-innovations .logo-brands {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.wth-innovations .brans-port-sc img{
    width: 100%;
    height: 100%;
}
.ratings-stars{
    height: auto;
}
/* .grey-scale-logos img {
    filter: grayscale(100%) opacity(0.4);
    transition: filter 0.3s;
}*/
@keyframes portfolio-brands-scroll {
    from {
        transform: translateX(var(--scroll-start-port));
    }
    to {
        transform: translateX(var(--scroll-end-port));
    }
}

.hpTextBx .hpBannerSlider.hpbannerAnim.owl-carousel .owl-item img{
  width: auto!important;
}


/* ── RIGHT SECTION HOVER WRAPPER ── */
.right-scroll-section {
    position: relative;
    overflow: hidden;
    /*border-radius: 30px;*/
    cursor: none;        /* hide default cursor on hover */
}

.right-scroll-section img {
    width: 100%;
    display: block;
    will-change: transform;
    transform-origin: center center;
}

/* ── VIEW PROJECT LABEL — cursor follower ── */
.view-project-label {
    position: absolute;
    top: 0;
    left: 0;

    transform: translate(-50%, -50%) scale(0.75);

    display: flex;
    align-items: center;
    justify-content: center;

    min-width: 100px;
    padding: 20px;

    aspect-ratio: 1 / 1;

    background: #000;
    color: #fff;

    font-size: 16px;
    font-family: "GoldplayAlt-Medium";

    letter-spacing: 0.2em;
    text-transform: uppercase;

    border-radius: 50%;

    white-space: nowrap;

    opacity: 0;
    pointer-events: none;

    z-index: 20;

    will-change: transform, opacity, top, left;

    transition: opacity 0.3s ease;
    backdrop-filter: blur(10px);
box-shadow: 0 10px 30px rgba(0,0,0,0.25);
}

/* Dark overlay */
.right-scroll-section::after {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.30);
    opacity: 0;
    transition: opacity 0.4s ease;
    border-radius: inherit;
    pointer-events: none;
    z-index: 5;
}

.right-scroll-section:hover::after {
    opacity: 1;
}