@media(max-width:992px){

.hero h1{
    font-size:52px;
}

.hero p{
    font-size:18px;
}

.nav{
    display:none;
}

.header-btn{
    display:none;
}

.menu-toggle{
    display:flex;
}

}

@media(max-width:768px){

.hero{
    text-align:center;
}

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

.hero h1{
    font-size:42px;
}

.hero-buttons{
    justify-content:center;
    flex-wrap:wrap;
}

.hero-features{
    justify-content:center;
}

}

@media(max-width:576px){

.hero h1{
    font-size:34px;
}

.hero p{
    font-size:17px;
}

.hero-buttons .btn{
    width:100%;
}

.hero-tag{
    letter-spacing:2px;
}

}

@media(max-width:992px){

    .choose-highlights{

        grid-template-columns:1fr;

    }

    .choose-features{

        grid-template-columns:repeat(2,1fr);

    }

}

@media(max-width:576px){

    .choose-features{

        grid-template-columns:1fr;

    }

    .highlight-card{

        padding:35px;

    }

    .highlight-card h3{

        font-size:26px;

    }

}

@media(max-width:768px){

.timeline::before{

    left:24px;

}

.timeline-item{

    gap:20px;

}

.timeline-number{

    width:48px;
    height:48px;
    min-width:48px;

    font-size:16px;

}

.timeline-content{

    padding:25px;

}

.timeline-content h3{

    font-size:24px;

}

}

@media(max-width:768px){

.footer-content{

    grid-template-columns:1fr;

    gap:50px;

    text-align:center;

}

}

/* =========================================
   WHY INDIA - TABLET
========================================= */

@media (max-width: 992px) {

    .why-grid {
        grid-template-columns: 1fr;
        gap: 50px;
    }

    .why-content {
        max-width: 800px;
    }

    .why-stats {
        width: 100%;
    }

}

/* =========================================
   WHY INDIA - MOBILE
========================================= */

@media (max-width: 768px) {

    .why-grid {
        display: flex;
        flex-direction: column;
        gap: 45px;
    }

    .why-content {
        width: 100%;
    }

    .why-content h2 {
        font-size: 36px;
        line-height: 1.15;
    }

    .why-content p {
        font-size: 16px;
        line-height: 1.8;
    }

    .why-content .btn {
        margin-top: 10px;
    }

    /* Statistics */

    .why-stats {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
        width: 100%;
    }

    .stat-card {
        min-height: 150px;
        padding: 25px 18px;
    }

    .stat-card h3 {
        font-size: 28px;
    }

    .stat-card p {
        font-size: 14px;
        line-height: 1.5;
    }

}

@media (max-width: 576px) {

    .why-grid {
        gap: 35px;
    }

    .why-content h2 {
        font-size: 30px;
    }

    .why-content p {
        font-size: 15px;
        line-height: 1.75;
    }

    .why-stats {
        gap: 12px;
    }

    .stat-card {
        min-height: 135px;
        padding: 20px 14px;
    }

    .stat-card h3 {
        font-size: 24px;
    }

    .stat-card p {
        font-size: 13px;
    }

}

/* =========================================
   WHAT WE SOURCE - TABLET
========================================= */

@media (max-width: 992px) {

    .source-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

}

/* =========================================
   WHAT WE SOURCE - MOBILE
========================================= */

@media (max-width: 768px) {

    .source-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }

    .source-card {
        min-height: 220px;
    }

    .source-card h3 {
        font-size: 18px;
        line-height: 1.25;
    }

}

@media (max-width: 576px) {

    .source-grid {
        gap: 12px;
    }

    .source-card {
        min-height: 200px;
    }

    .source-card h3 {
        font-size: 16px;
    }

}

/* =========================================
   OUR SERVICES - TABLET
========================================= */

@media (max-width: 992px) {

    .services-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 18px;
    }

    .service-card.large,
    .service-card.wide {
        grid-column: span 1;
    }

    .service-card {
        min-height: 220px;
    }

}

.service-card.large,
.service-card.wide {
    grid-column: span 1;
}

/* =========================================
   OUR SERVICES - MOBILE
========================================= */

@media (max-width: 768px) {

    .services-grid {
        display: grid;
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .service-card,
    .service-card.large,
    .service-card.wide {
        grid-column: span 1;
        width: 100%;
        min-height: auto;
        padding: 30px 25px;
    }

    .service-card h3 {
        font-size: 21px;
        line-height: 1.3;
        margin-bottom: 12px;
    }

    .service-card p {
        font-size: 15px;
        line-height: 1.7;
    }

}

@media (max-width: 576px) {

    .services-grid {
        gap: 12px;
    }

    .service-card,
    .service-card.large,
    .service-card.wide {
        padding: 25px 20px;
    }

    .service-card h3 {
        font-size: 19px;
    }

    .service-card p {
        font-size: 14px;
        line-height: 1.7;
    }

}