.header {
    background-color: transparent !important;
    box-shadow: none !important
}

.client-bg {
    height: clamp(1px, 18.594vw, 714px)
}

.through-container {
    height: clamp(1px, 56.25vw, 2160px)
}

.through-container video {
    object-fit: cover;
    mix-blend-mode: luminosity;
    opacity: .15
}

.linear-bottom {
    position: absolute;
    height: 100%;
    width: 100%;
    bottom: 0px;
    background: linear-gradient(180deg, #FFFFFF 5.75%, rgba(255, 255, 255, 0) 51.98%, #FFFFFF 90.78%);
    mix-blend-mode: color-dodge
}

.linear-top {
    width: 100%;
    height: clamp(1px, 17.917vw, 688px);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 29.74%, #FFFFFF 100%);
    mix-blend-mode: color-dodge;
    transform: matrix(1, 0, 0, -1, 0, 0)
}

.line-icon {
    width: clamp(1px, 33.8023vw, 1298px);
    height: clamp(1px, 0.8vw, 14px)
}

.images-slider {
    direction: rtl;
    overflow: visible;
    display: flex
}

.solution-img img {
    width: clamp(1px, 24.323vw, 952px) !important;
    height: clamp(1px, 17.917vw, 688px);
    object-fit: cover
}

.educ-bg {
    width: 100%;
    height: clamp(1px, 26.3542vw, 1012px)
}

.grad-cap img {
    width: clamp(1px, 3.386vw, 150px);
    height: clamp(1px, 3.386vw, 150px)
}

.service-container {
    position: relative;
    width: clamp(1px, 18.034vw, 792px);
    height: clamp(1px, 21.511vw, 866px);
    border: clamp(0.5px, 0.2px, 1px) solid #6D6766;
    border-radius: clamp(1px, 1.05vw, 40px)
}

.service-content {
    width: 100%;
    height: clamp(1px, 2.813vw, 108px);
    transition: all 0.3s ease;
    border-radius: clamp(1px, 0.8vw, 30px)
}

.service-icon img {
    width: clamp(1px, 4.532vw, 160px);
    height: clamp(1px, 4.532vw, 160px)
}

.service-desc {
    font-size: clamp(1px, 1.041665vw, 36px) !important
}

.service-img {
    position: relative;
    width: 100%;
    height: clamp(1px, 13.1771vw, 506px);
    border-radius: clamp(1px, 1.05vw, 40px)
}

.service-img img {
    width: 100%;
    height: 100%;
    border-radius: clamp(1px, 0.8vw, 30px);
    object-fit: cover
}

.service-overlay {
    position: absolute;
    top: 0
}

.featured-container {
    height: clamp(1px, 40.261vw, 1546px)
}

.client-img img {
    width: clamp(1px, 14.167vw, 548px);
    height: clamp(1px, 6.042vw, 232px);
    object-fit: cover
}

.mark-container {
    height: clamp(1px, 59.844vw, 2298px)
}

.calendar-border {
    box-shadow: -1px 0 0 rgba(51, 51, 51, 0.35), 1px 0 0 rgba(51, 51, 51, 0.35)
}

.collab-container {
    height: clamp(1px, 34.115vw, 1310px)
}

.innov-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0 clamp(1px, 0.5vw, 20px);
    justify-items: start;
    position: relative
}

.content-line img {
    position: relative;
    width: clamp(1px, 8.705vw, 388px);
    height: auto;
    bottom: clamp(1px, 0.9375vw, 36px)
}

.content-line-1 img {
    width: clamp(1px, 7.0362vw, 220px);
    height: auto
}

.content-line-2 img {
    position: relative;
    width: clamp(1px, 7.813vw, 404px);
    height: auto;
    top: clamp(1px, 0.5208331vw, 20px)
}

.content-line-3 {
    position: relative;
    width: clamp(1px, 11.25vw, 432px);
    bottom: clamp(1px, 0.5208331vw, 20px)
}

.innov-container.one {
    width: clamp(1px, 23.1771vw, 890px) !important
}

.innov-container.two {
    width: 418px
}

.innov-container:hover h3 {
    color: #C28618 !important
}

.innov-container:hover .innov-content {
    opacity: 1 !important
}

.innov-content {
    opacity: 0;
    transition: opacity 0.3s ease
}

.client-section {
    border: clamp(1px, 0.16vw, 6px) solid white;
    border-radius: clamp(1px, 1.8vw, 70px);
    padding: clamp(1px, 4.375vw, 168px);
    margin-top: clamp(1px, 2.578123vw, 100px)
}

.client-title {
    position: absolute;
    top: 0;
    background-color: #CC9934;
    border-radius: 100px;
    width: fit-content;
    padding: 0 clamp(1px, 1.562499vw, 60px);
    height: clamp(1px, 5.1563vw, 198px)
}

.lto-logo {
    width: clamp(1px, 13.75vw, 528px);
    height: auto
}

.dict-logo {
    width: clamp(1px, 30.1042vw, 1156px);
    height: auto
}

.campus-container {
    padding-top: clamp(1px, 2.578123vw, 100px)
}

.campus-section {
    border-top: clamp(1px, 0.16vw, 6px) solid white;
    border-bottom: clamp(1px, 0.16vw, 6px) solid white
}

.campus-title {
    position: absolute;
    top: 0px;
    background-color: #CC9934;
    border-radius: 50px;
    padding: 0 clamp(1px, 1.562499vw, 60px);
    width: fit-content;
    height: clamp(1px, 5.1563vw, 198px)
}

.campus-img {
    height: clamp(1px, 18vw, 357px);
    width: clamp(1px, 15vw, 300px)
}

.swiper-campus .swiper-slide,
.image-wrapper img {
    width: clamp(1px, 15.625vw, 600px) !important;
    margin-right: clamp(1px, 1.041665vw, 40px) !important
}

.vertical-hr {
    margin: clamp(.1rem, 0.84vw, 2rem) 0;
    color: #FFFFFF !important;
    border: 0;
    border-right: 1px solid !important;
    opacity: .25
}

.tech-partners-container {
    position: relative;
    overflow: hidden;
    height: 100%
}

.tech-partners-container::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url('../../images/custom/Homepage/Frame\ 1707481432.png');
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    opacity: 0.5;
    z-index: 0
}

.tech-partners-container>* {
    position: relative;
    z-index: 1
}

.tech-partners-title {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

.tech-partners-title::before,
.tech-partners-title::after {
    content: "● ● ●";
    color: #6D6766;
    font-size: clamp(1px, 1.666665vw, 64px) !important
}

.partner-logo img {
    width: auto;
    height: clamp(1px, 3.6459vw, 140px);
    mix-blend-mode: multiply
}

.collab-divider {
    position: relative
}

.collab-divider::after {
    content: "";
    position: absolute;
    top: 10%;
    bottom: 10%;
    left: 50%;
    width: 2px;
    background: rgba(255, 255, 255, 0.4);
    transform: translateX(-50%)
}

.slider-container {
    width: 100%;
    overflow: hidden;
    cursor: grab;
    user-select: none
}

.slider-track {
    display: flex;
    transform: translateX(0)
}

@media (max-width:767px) {
    .collab-divider::after {
        top: 50%;
        left: 10%;
        right: 10%;
        bottom: auto;
        width: auto;
        height: 2px;
        transform: translateY(-50%)
    }

    .banner-font .t-1 {
        font-size: clamp(1px, 5.5814vw, 64px) !important
    }

    .banner-font .t-2 {
        color: #C28618 !important
    }

    .banner-font .t-3 {
        font-size: clamp(1px, 15.12vw, 128px) !important
    }

    .banner-font .t-4 {
        font-size: clamp(1px, 5.5814vw, 64px) !important;
        color: #5D0013 !important
    }

    .through-container {
        height: clamp(1px, 193.49vw, 2160px);
        object-fit: cover
    }

    .innov-border {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-left: 2px solid #CC9934
    }

    .d-flex:first-child .innov-border {
        margin-top: clamp(1px, 3.72092vw, 32px)
    }

    .circle-last .innov-border::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: -8px;
        width: clamp(1px, 3.49vw, 30px);
        height: clamp(1px, 3.49vw, 30px);
        border: 3px solid #CC9934;
        border-radius: 50%;
        background-color: #fff
    }

    .innov-line {
        width: clamp(1px, 11.63vw, 100px);
        height: clamp(1px, 0.4652vw, 4px);
        background-color: #CC9934;
        margin-top: clamp(1px, 3.72092vw, 32px);
        position: relative
    }

    .innov-line::after {
        content: "";
        position: absolute;
        right: -6px;
        top: 50%;
        transform: translateY(-50%);
        width: clamp(1px, 3.49vw, 30px);
        height: clamp(1px, 3.49vw, 30px);
        background-color: #CC9934;
        border-radius: 50%
    }

    .innov-content-mob:hover h3 {
        color: #CC9934 !important
    }

    .innov-content-mob:hover p {
        display: block !important
    }

    .client-section {
        border: clamp(1px, 0.7vw, 6px) solid white;
        border-radius: clamp(1px, 8vw, 70px);
        padding: clamp(1px, 4.375vw, 168px);
        margin-top: clamp(1px, 7.7907vw, 100px)
    }

    .lto-logo {
        width: clamp(1px, 38.373vw, 528px);
        height: auto
    }

    .dict-logo {
        width: 100%;
        height: auto
    }

    .service-desc {
        font-size: clamp(1px, 3.72092vw, 36px) !important
    }

    .client-title {
        position: absolute;
        left: 50%;
        transform: translate(-50%);
        width: 65%;
        height: clamp(1px, 15.582vw, 198px)
    }

    .campus-title {
        position: absolute;
        left: 50%;
        transform: translate(-50%);
        height: fit-content;
        border-radius: 100px;
        width: 75%;
        text-align: center
    }

    .client-title label,
    .campus-title label {
        font-size: 30px !important;
        line-height: 1
    }

    .campus-container {
        padding-top: clamp(1px, 5.81395vw, 100px)
    }

    .swiper-campus .swiper-slide,
    .image-wrapper img {
        width: clamp(1px, 69.768vw, 600px) !important;
        margin-right: clamp(1px, 4vw, 40px) !important
    }

    .campus-section {
        border-top: clamp(1px, 0.7vw, 6px) solid white;
        border-bottom: clamp(1px, 0.7vw, 6px) solid white
    }

/*     .full-container {
        background-image: url('../../images/custom/Homepage/Frame\ 1707481431-mob.png') !important;
        background-image: image-set(url('../../images/custom/Homepage/Frame\ 1707481431-mob.webp') type('image/webp'), url('../../images/custom/Homepage/Frame\ 1707481431-mob.png') type('image/png')) !important;
        background-repeat: no-repeat;
        background-size: 100%
    } */

    .service-container {
        width: 100%;
        height: 100%;
        border: 1px solid #6D6766;
        border-radius: clamp(1px, 4.5vw, 40px)
    }

    .service-container:hover .service-content {
        background-color: #CC9934;
        border-radius: clamp(1px, 3vw, 30px)
    }

    .service-content {
        width: 100%;
        height: clamp(1px, 13.024vw, 158px);
        border-radius: clamp(1px, 3vw, 30px)
    }

    .service-img {
        height: clamp(1px, 58.838vw, 500px);
        width: clamp(1px, 47.675vw, 410px);
        border-radius: clamp(1px, 3vw, 30px) !important
    }

    .service-img img {
        border-radius: clamp(1px, 3vw, 30px) !important
    }

    .collab-container {
        background-image: url('../../images/custom/Homepage/bg-talk-mob.png') !important;
        background-image: image-set(url('../../images/custom/Homepage/bg-talk-mob.webp') type('image/webp'), url('../../images/custom/Homepage/bg-talk-mob.png') type('image/png')) !important;
        background-repeat: no-repeat;
        height: clamp(1px, 186.05vw, 1766px)
    }

    .solution-container {
        background-image: url('../../images/custom/Homepage/Group\ 1171275318\(1\).png') !important;
        background-repeat: no-repeat;
        height: 100%
    }

    .solution-img img {
        width: clamp(1px, 49.07vw, 952px) !important;
        height: clamp(1px, 36.05vw, 310px)
    }

    .line-icon {
        width: clamp(1px, 72.56vw, 1298px);
        height: clamp(1px, 3.3vw, 14px)
    }

    .tech-container {
        background-image: none !important;
        background-repeat: no-repeat;
        height: 100% !important;
        background-color: #3C030E
    }

    .grad-cap img {
        width: clamp(1px, 14.187vw, 150px);
        height: clamp(1px, 14.187vw, 150px)
    }

    .educ-bg {
        width: 100%;
        height: 100%
    }

    .educ-img,
    .sec-img,
    .scs-img {
        width: 100%;
        height: clamp(1px, 70.931vw, 752px)
    }

    .nav-pills .position-link {
        border-radius: 100px;
        padding: clamp(1px, 1.745vw, 22px) clamp(3px, 5.287vw, 83.032px) !important
    }

    .swiper-button-next,
    .swiper-button-prev {
        width: clamp(1px, 22.326vw, 382px);
        height: clamp(1px, 11.63vw, 104px)
    }

    .btn-prev-bg,
    .btn-next-bg {
        width: clamp(1px, 11.63vw, 106px);
        height: clamp(1px, 11.63vw, 106px)
    }

    .featured-container {
        height: clamp(1px, 120vw, 1546px)
    }

    .client-img img {
        width: clamp(1px, 52.56vw, 548px);
        height: clamp(1px, 22.326vw, 232px)
    }

    .mark-container {
        height: clamp(1px, 355vw, 2298px)
    }

    .calendar-border {
        box-shadow: none;
        border-bottom: 1px solid rgb(51, 51, 51, .35)
    }

    .news-container {
        height: 100%
    }

    .news-con {
        width: 100%;
        height: 100%;
        border-radius: clamp(1px, 6.6vw, 100px)
    }

    .news-img {
        height: clamp(1px, 46.745vw, 482px)
    }

    .news-bg {
        width: 100%
    }

    .border-bottom-sm {
        border-right: none !important;
        border-bottom: solid 1px white;
        margin-top: 3rem;
        margin-bottom: 3rem
    }

    .arrow-right img {
        width: clamp(1px, 10vw, 58px);
        height: clamp(1px, 10vw, 58px)
    }

    .bordered-section {
        height: clamp(1px, 80vw, 500px);
        margin-top: 3rem !important
    }

    .border-title {
        top: -80px !important
    }

    .campus-img {
        padding-top: clamp(1px, 20vw, 150px);
        height: auto;
        width: 100%
    }

    .vertical-hr {
        margin: clamp(.1rem, 0.84vw, 2rem) 0;
        color: #FFFFFF !important;
        border: 0;
        border-top: 1px solid !important;
        opacity: .25
    }

    .service-icon img {
        width: clamp(1px, 11.63vw, 100px);
        height: clamp(1px, 11.63vw, 100px)
    }

    .client-bg {
        height: clamp(1px, 83.024vw, 714px)
    }

    .tech-partners-title {
        font-size: clamp(1px, 6.97674vw, 72px) !important;
        text-align: center
    }

    .tech-partners-title::before {
        width: 100%;
        font-size: clamp(1px, 5.5814vw, 56px) !important;
        text-align: start !important
    }

    .tech-partners-title::after {
        width: 100%;
        font-size: clamp(1px, 5.5814vw, 56px) !important;
        text-align: end !important
    }

    .partner-logo img {
        height: clamp(1px, 9.303vw, 140px)
    }
}

@media (max-width:360px) {
    .border-title {
        top: -45px !important
    }
}