.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: clamp(1px, 34.688vw, 1332px); */
    height: 100%;
    width: 100%;
    bottom: 0px;
    /* background: linear-gradient(180deg, rgba(255, 255, 255, 0) 29.74%, #FFFFFF 100%); */
    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;
}

/* Helping make */
.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);
}

/* We are a  */


.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-container:hover {
    height: 100%;
}

.service-container:hover .service-content {
    background-color: #CC9934;
    border-radius: clamp(1px, 0.8vw, 30px);
    display: flex;
    justify-content: center;
    flex-direction: column;
}


.service-container:hover .service-hover p,
.service-container:hover .service-icon {
    display: none !important;
}

.service-container:hover .service-hover .service-content-img {
    display: block !important;
}

.service-container:hover h2 {
    color: #FFFFFF !important;
} */

.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 Clients */

.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 your Calendar */

.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);
}


/* Collaborate  */

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

/* Innovation */

.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;
}



/* Technology within reach */

.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;
}


/* Technology Partners */
.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%);
}

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

        width: auto;
        height: 2px;   /* horizontal line */
        
        transform: translateY(-50%);
    }
	
    .banner-font .t-1 {
        font-size: 32px !important;
    }

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

    .banner-font .t-3 {
        font-size: 65px !important;
    }

    .banner-font .t-4 {
        font-size: 32px !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-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-repeat: no-repeat;
        height: clamp(1px, 205.35vw, 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;
    }
}