/* MOBILE */

@media (max-width: 910px) {
    .offer-slide-wrapper {
        flex-direction: column;

    }
}

@media (min-width: 910px) {

    .offer-slide-message {
        width: 30%;
    }

    .offer-slide-timer {
        width: 40%;
    }
}


@media (min-width: 910px) {

    .offer-slide-message {
        width: 30%;
    }

    .offer-slide-timer {
        width: 40%;
    }

    .offer-slide-wrapper {
        flex-direction: column;

    }
}

@media screen and (max-width: 768px) {

    .mid-sect,
    .seco-sect,
    .industrail-training,
    .final-sect {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .img-card img,
    .final-imgcard img,
    .img-sect img,
    .hero-img img,
    .imgg img {
        width: 90%;
        height: auto;
    }

    .img-card img {
        display: none;
    }


    .para-card,
    .text-area,
    .text-card,
    .textarea {
        width: 90%;
    }



    .para-card p,
    .textarea p,
    .development,
    .text-card p {

        line-height: 28px;
        padding-bottom: 20px;
    }



    .three-box {
        width: 90%;
        left: 0;
        top: 0;
        flex-direction: column;
        gap: 10px;
        padding: 20px 0;
        height: auto;
        margin: auto;
        padding-top: 10px;
        right: 160px;
        margin-top: 20px;
    }

    .line {
        display: none;
    }

    .four-box {
        flex-wrap: wrap;
        gap: 20px;
    }

    .one {
        width: 40%;
        margin-top: 25px;
    }

    .experienced-culture {
        align-items: center;

        margin-bottom: 20px;
    }


    .experienced,
    .culture {
        width: 90%;
    }

    .developers img {
        height: 55px;
    }

    .git-line {
        display: none;
    }

    .para-card img {
        padding-top: 15px;
    }

    .hands {
        margin-top: 20px;
    }

    .placements-section h2 {
        font-size: 26px;
    }

    .placements-sub {
        padding-left: 2%;
        padding-right: 2%;
    }

    .expertise-cta-btn {
        width: 90%;
        padding: 15px 20px;
        font-size: 16px;
    }

    .shape-grid {
        grid-template-columns: 1fr;
    }

    .shape-row {
        grid-template-columns: 1fr;
    }

    .shape-big {
        height: 300px;
    }

    .training-center-head h2 {
        font-size: 26px;
    }

    .training-center-head {
        padding-left: 2%;
        padding-right: 2%;
    }

}

@media screen and (max-width: 1024px) {


    .three-box {
        width: 75%;
    }

    .hero-img img {
        width: 500px;
    }

    area p {
        font-size: 14px;
    }

    .developers img {
        height: 46px;
    }

    .developers p {
        font-size: 14px;
    }

    .para-card p {

        margin-top: 12px;
    }

    .img-card img {
        height: 350px;
    }

    .final-imgcard img {
        width: 470px;
        height: 364px;
    }

    .img-sect img {
        height: 454px;
        width: 450px;
    }

    .textarea p {
        color: #FFFFFF;

        padding-top: 30px;
    }

    .git-line {
        height: 520px;
        width: 3px;
        margin-top: 80px;
        position: relative;
        right: 30px;
    }



    .dedi-img {
        width: 37px;
        height: 37px;
    }

    .four-box {
        display: flex;
        justify-content: space-evenly;
        margin-top: 30px;
        gap: 2%;
    }
}


@media screen and (max-width: 426px) {

    .final-imgcard img {
        width: 364px;
        height: 314px;
    }
    
    .lj-sticky {
        gap: 25px;
    }

    .img-sect img {
        height: 343px;
        width: 356px;
    }

    .three-box {
        width: 75%;
        margin-top: 15px;
    }

    area p {
        color: #FFFFFF;

        font-weight: 400;
        line-height: 26px;
    }

    .developers p {
        font-size: 11px;
    }

    .experienced-culture {
        /* flex-direction: column; */
        align-items: center;
        margin-left: 0px;
        margin-bottom: 20px;
    }

    .join-btn {
        padding: 10px 25px;
        font-size: 14px;
    }

    .hero-img img {
        width: 392px;
    }
}

@media screen and (max-width: 324px) {
    .hero-img img {
        width: 310px;
    }

    .img-sect img {
        height: 273px;
        width: 302px;
    }

    .final-imgcard img {
        width: 291px;
        height: 260px;
    }

    .three-box p {
        font-size: 16px;
    }

    .dedi-img {
        width: 32px;
        height: 32px;
    }

}

@media screen and (max-width: 376px) {
    .hero-img img {
        width: 300px
    }
}

@media (min-width: 768px) {
    .offer-slide-wrapper {

        justify-content: space-between;
        text-align: left;
    }
}

@media (max-width: 480px) {
    .offer-slide-time {
        font-size: 1.5rem;
        padding: 8px 16px;
    }

    .offer-slide-btn {
        width: 90%;
        text-align: center;
    }
}

@media screen and (max-width: 768px) {
    .trust-badge {
        margin: 0 auto 0;
        justify-content: center;
    }
    
      .learning-journey{
        margin-bottom: 66%;
    }
    
}

/* MOBILE FIXED */
@media (max-width: 768px) {

    .expertise-track {
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
    }

    .para-card h1 {
        font-size: 30px;
    }

    .ai-weekly-container{
        gap: 5px;
    }

    .ai-weekly-content > div {
        display: none;
    }

    .lj-card {
        height: 300px;
    }

    .lj-step {
        padding: 5px;
    }

    .lj-sticky {
        height: 80vh;
    }

    #playImage {
        width: 80%;
        height: 80%;
        margin: auto;
    }

    .video-box {
        width: 100%;
        height: 100%;
        margin-top: 4%;
    }

    .expertise-card {
        flex: none;
        max-width: 85%;
        opacity: 1;
        scroll-snap-align: center;
        border-radius: 22px;
    }

    .expertise-card.active {
        flex: none;
    }

    .exp-media img {
        height: 180px;
    }

    .expertise-section h2 {
        font-size: 26px;
    }

    .exp-media {
        display: block;
    }
}

/* MOBILE */
@media (max-width: 768px) {
    .enroll-proof-grid {
        grid-template-columns: 1fr;
    }

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

    .enroll-proof-btn {
        width: 100%;
    }

    .enroll-proof-visual {
        grid-auto-rows: 160px;
    }

}



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

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

    .ai-cta-btn {
        width: 100%;
    }
}

@media screen and (max-width: 426px) {
    
    .lj-card {
        height: 340px;
    }