/* =========================
   GLOBAL
========================= */

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Poppins', Arial, sans-serif;
        }


        body {
            background: #f7faff;
            color: #172033;
            line-height: 1.6;
        }


        img {
            max-width: 100%;
        }


        section {
            padding: 50px 8%;
        }


        h1,
        h2,
        h3 {
            color: #092b5a;
        }


        h2 {
            text-align: center;
            font-size: 36px;
            margin-bottom: 20px;
        }


        p {
            
            color: #5b6575;
        }





        /* =========================
 HERO
========================= */


        .hero {

            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 10px;

            background:
                linear-gradient(135deg, #23354f, #00b4ff);

            color: white;

            min-height: 550px;

        }



        .hero-content {

            width: 60%;

        }

            .hero p {
                text-align:justify;
        font-size: 10px;
    }


        .tag {

            display: inline-block;

            background: white;

            color: #0066ff;

            padding: 10px 20px;

            border-radius: 30px;

            font-size: 14px;

            margin-bottom: 20px;

        }



        .hero h1 {

            font-size: 30px;

            color: white;

            line-height: 1.2;

        }



        .hero h2 {

            text-align: left;

            color: white;

            font-size: 20px;

            margin-top: 20px;

        }


        .hero p {

            color: white;

            font-size: 18px;

            margin: 20px 0;

        }



        .hero-image {
          
         
            height: 320px;
            width: 40%;

        }



        .hero-image img {
                margin-top: -75px;

            animation: float 4s infinite;

        }



        @keyframes float {

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

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

        }




        .hero-buttons {

            display: flex;

            gap: 15px;

            margin: 25px 0;

        }



        .btn,
        .btn-outline {
            background-color: #05a43a;

            padding: 14px 35px;

            border-radius: 30px;

            text-decoration: none;

            font-weight: 600;

        }

        .btn-outline:hover {
            color: #fff;
            background-color: #067029;
        }



        .btn {

            background: white;

            color: #0066ff;

        }



        .btn-outline {

            border: 2px solid white;

            color: white;

        }



        .hero-points {

            display: flex;
            gap: 15px;
            flex-wrap: wrap;

        }


        .hero-points div {

            background: rgba(255, 255, 255, .15);

            padding: 10px 18px;

            border-radius: 20px;

        }





        /* =========================
 TRUST
========================= */


        .trust {

            background: white;

        }



        .trust-grid {

            display: grid;

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

            gap: 20px;

            margin-top: 40px;

        }



        .trust-grid div {

            background: #fff;

            padding: 25px;

            border-radius: 15px;

            box-shadow: 0 10px 30px #ddd;

            text-align: center;

            font-weight: 600;

        }



        .trust-grid img {

            height: 50px;

            display: block;

            margin: auto;

        }





        /* =========================
 SERVICES
========================= */


        .service-grid {

            display: grid;

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

            gap: 25px;

            margin-top: 40px;

        }



        .card {

            background: white;

            padding: 35px 25px;

            border-radius: 20px;

            text-align: center;

            box-shadow: 0 10px 35px rgba(0, 0, 0, .08);

            transition: .3s;

        }



        .card:hover {

            transform: translateY(-10px);

        }



        .card img {

            height: 150px;

            margin-bottom: 20px;

        }



        .card h3 {

            margin-bottom: 10px;

        }

        p {

            text-align: center;
        }






        /* =========================
 STATS
========================= */


        .stats {

            background: #092b5a;

            display: grid;

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

            text-align: center;

            color: white;

        }



        .stats h2 {

            color: white;

            font-size: 45px;

        }



        .stats p {

            color: white;

        }







        /* =========================
 PROCESS
========================= */


        .process-grid {

            display: grid;

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

            gap: 30px;

            margin-top: 40px;

        }



        .process-grid div {

            background: white;

            padding: 30px;

            border-radius: 20px;

            text-align: center;

        }



        .process-grid span {

            display: inline-flex;

            width: 60px;

            height: 60px;

            align-items: center;

            justify-content: center;

            background: #0066ff;

            color: white;

            font-size: 25px;

            border-radius: 50%;

            margin-bottom: 20px;

        }





        /* =========================
 WHY
========================= */


        .why {

            display: flex;

            align-items: center;

            gap: 50px;

            background: white;

        }



        .why-text {

            width: 50%;

        }


        .why ul {

            list-style: none;

            margin-top: 25px;

        }


        .why li {

            background: #f1f7ff;

            padding: 15px;

            margin-bottom: 12px;

            border-radius: 10px;

        }




        .why-image {

            width: 40%;

        }







        /* =========================
 PRICING
========================= */


        .price-grid {

            display: grid;

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

            gap: 30px;

            margin-top: 40px;

        }



        .price-card {

            background: white;

            padding: 40px 25px;

            border-radius: 20px;

            text-align: center;

            box-shadow: 0 10px 30px #ddd;

        }



        .price-card h1 {

            font-size: 45px;

            color: #0066ff;

        }



        .price-card button {

            margin-top: 20px;

            padding: 12px 35px;

            border: none;

            border-radius: 30px;

            background: #0066ff;

            color: white;

            cursor: pointer;

        }



        .price-card.active {

            background: #0066ff;

            color: white;

            transform: scale(1.05);

        }



        .price-card.active h1,
        .price-card.active h3,
        .price-card.active p {

            color: white;

        }







        /* =========================
 TESTIMONIAL
========================= */


        .review-grid {

            display: grid;

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

            gap: 25px;

            margin-top: 40px;

        }



        .review {

            background: white;

            padding: 30px;

            border-radius: 20px;

            box-shadow: 0 10px 25px #ddd;

        }







        /* =========================
 FAQ
========================= */


        .faq-box {

            background: white;

            margin: 15px auto;

            max-width: 800px;

            border-radius: 15px;

            overflow: hidden;

            box-shadow: 0 5px 20px #ddd;

        }



        .question {

            padding: 20px;

            display: flex;

            justify-content: space-between;

            font-weight: 600;

            cursor: pointer;

        }



        .answer {

            display: none;

            padding: 20px;

            background: #f5f9ff;

        }







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


        @media(max-width:900px) {


            section {
                height: 850px;

                padding: 50px 5%;

            }


            .hero {

                flex-direction: column;

                text-align: center;

            }



            .hero-content,
            .hero-image,
            .why-text,
            .why-image {

                width: 100%;

            }



            .hero h1 {

                font-size: 38px;

            }


            .hero h2 {

                text-align: center;

            }



            .hero-buttons {

                justify-content: center;

            }



            .trust-grid,
            .service-grid,
            .stats,
            .process-grid,
            .price-grid,
            .review-grid {

                grid-template-columns: 1fr;

            }



            .stats h2 {

                font-size: 35px;

            }



            .why {

                flex-direction: column;

            }



        }

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

        @media (max-width:768px) {

            html,
            body {
                overflow-x: hidden;
            }

            section {
                padding: 50px 20px;
                height: auto !important;
            }

            /* HERO */

            .hero {
                flex-direction: column-reverse;
                text-align: center;
                min-height: auto;
                padding: 50px 20px;
            }

             .card img {

           height: 70px;
    margin-bottom: 20px;
    margin-left: 83px;
    width:150px;

        }




            .hero-content,
            .hero-image,
            .why-text,
            .why-image {
                width: 100%;
            }

            .hero-image {
                height: auto;
                margin-bottom: 30px;
            }

            .hero-image img {
                max-width: 300px;
                margin: auto;
                display: block;
            }

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

            .hero h2 {
                font-size: 22px;
                text-align: center;
            }

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

            .hero-buttons {
                flex-direction: column;
                align-items: center;
            }

            .hero-buttons a {
                width: 100%;
                max-width: 320px;
                text-align: center;
            }

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

            /* GRID */

            .trust-grid,
            .service-grid,
            .process-grid,
            .price-grid,
            .review-grid,
            .stats-grid {
                grid-template-columns: 1fr;
            }

            /* WHY */

            .why {
                display: flex;
                flex-direction: column;
                gap: 30px;
                margin-top: 0 !important;
            }

            /* ACHIEVEMENT */

            .achievement-section {
                margin-top: 0 !important;
                padding: 60px 20px;
            }

            .achievement-wrapper {
                grid-template-columns: 1fr;
                gap: 40px;
            }

            .achievement-text {
                text-align: center;
            }

            .achievement-text h2 {
                font-size: 30px;
            }

            /* MAIN CONTENT */

            .dsc-main-box {
                margin-top: 0 !important;
                padding: 25px;
            }

            .dsc-main-box h1 {
                font-size: 28px;
            }

            .dsc-main-box h2 {
                font-size: 22px;
            }

            .dsc-main-box p {
                text-align: left;
                font-size: 16px;
            }

            /* FEEDBACK */

            .feedback-section {
                padding: 50px 15px;
            }

            .feedback-card {
                width: 300px;
                height: auto;
                flex-direction: column;
                text-align: center;
            }

            .feedback-card img {
                margin-bottom: 10px;
            }

            /* TRUST CARD */

            .trust-card {
                padding: 20px;
            }

            /* SERVICE CARD */

            .card {
                padding: 25px 20px;
            }

            .card-buttons {
                flex-direction: column;
            }

            .card-buttons a {
                        margin-left: 103px;
        width: 31%;
        text-align: center;
    }

            /* PROCESS */

            .process-grid div {
                margin-top: 0 !important;
            }

            /* STATS */

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

        }

        /* EXTRA SMALL MOBILE */

        @media (max-width:480px) {

            h2 {
                font-size: 26px;
            }

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

            .hero h2 {
                font-size: 20px;
            }

            .tag {
                font-size: 13px;
                padding: 8px 16px;
            }

            .btn,
            .btn-outline {

                padding: 12px 20px;
                font-size: 15px;
            }

            .feedback-card {
                width: 260px;
            }

        }


        /* -------------- 2 ------------------- */





         
            .trust {
                padding: 50px 20px;
                text-align: center;
            }


            .trust h2 {
                font-size: 32px;
                color: #1a1a1a;
                margin-bottom: 35px;
            }


            /* Grid */

            .trust-grid {
                display: grid;
                grid-template-columns: repeat(4, 1fr);
                gap: 25px;
            }


            /* Card */

            .trust-card {
                text-decoration: none;
                color: #222;
                background: #fefefe;
                padding: 25px 15px;
                border-radius: 15px;
                box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
                transition: 0.35s ease;
                border: 1px solid #eee;
            }


            .trust-card img {
                width: 60px;
                height: 60px;
                object-fit: contain;
                margin-bottom: 15px;
            }


            .trust-card span {

                display: block;
                font-size: 16px;
                font-weight: 600;
            }


            /* Hover */

            .trust-card:hover {
                transform: translateY(-8px);
                border-color: #0066ff;
                box-shadow: 0 15px 35px rgba(0, 102, 255, 0.18);
            }


            .trust-card:hover span {
                color: #0066ff;
            }

            .trust-card span {
                text-decoration: none;
            }



            /* Responsive */

            @media(max-width:900px) {

                .trust-grid {
                    grid-template-columns: repeat(2, 1fr);
                }

            }


            @media(max-width:500px) {

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

                .trust h2 {
                    font-size: 25px;
                }

            }
       



            /* ------------------ 3 ------------- */



              .card {
                display: flex;
                flex-direction: column;
                height: 100%;
            }


            /* Description ko same height dene ke liye */
            .card p {
                min-height: 45px;
            }


            /* Button hamesha niche rahega */
            .card-buttons {
                margin-top: auto;
                padding-top: 15px;
                display: flex;
                justify-content: center;
                gap: 8px;
            }


            .card-buttons a {
                text-decoration: none;
                padding: 6px 14px;
                border-radius: 20px;
                font-size: 12px;
                font-weight: 600;
            }


            /* Buy Now */
            .buy-btn {
                background: #ff7700;
                color: #fff;
            }


            /* Read More */
            .read-btn {
                background: #fff;
                color: #001aff;
                border: 1px solid #0066ff;
            }





            /* -------------- 4 ------------- */



             .dsc-main-section {

                padding: 90px 0;
                background: #eef4fa;

            }


            .dsc-main-box {

                background: #ffffff;
                padding: 55px;
                border-radius: 20px;
                box-shadow: 0 20px 50px rgba(0, 0, 0, .10);

            }



            .dsc-main-box h1 {

                font-size: 42px;
                line-height: 1.3;
                color: #123a6d;
                font-weight: 700;
                text-transform: uppercase;
                margin-bottom: 25px;
                text-align: center;

            }



            .dsc-main-box h1::after {

                content: "";
                display: block;
                width: 100px;
                height: 4px;
                background: #ffb400;
                margin: 18px auto;
                border-radius: 20px;

            }



            .dsc-main-box h2 {

                font-size: 28px;
                color: #123a6d;
                margin-top: 45px;
                margin-bottom: 18px;
                font-weight: 700;

            }



            .dsc-main-box p {

                color: #667085;
                font-size: 17px;
                line-height: 1.9;
                text-align: justify;
                margin-bottom: 20px;

            }



            .dsc-main-box .intro {

                text-align: center;
                font-size: 18px;
                max-width: 1000px;
                margin: auto;

            }



            .dsc-main-box ul {

                list-style: none;
                padding: 0;
                margin: 20px 0;

            }



            .dsc-main-box ul li {

                position: relative;
                padding-left: 35px;
                margin-bottom: 15px;
                color: #5f6b7a;
                font-size: 17px;

            }



            .dsc-main-box ul li::before {

                content: "✔";
                position: absolute;
                left: 0;
                top: 2px;
                width: 22px;
                height: 22px;
                background: #123a6d;
                color: #fff;
                border-radius: 50%;
                font-size: 12px;
                display: flex;
                align-items: center;
                justify-content: center;

            }



            .dsc-main-box strong {

                color: #123a6d;

            }




            @media(max-width:768px) {


                .dsc-main-section {

                    padding: 50px 15px;

                }


                .dsc-main-box {

                    padding: 25px;

                }


                .dsc-main-box h1 {

                    font-size: 28px;

                }


                .dsc-main-box h2 {

                    font-size: 23px;

                }


                .dsc-main-box p,
                .dsc-main-box ul li {

                    font-size: 16px;

                }


            }







            /* ------------- 5 -------------- */


             * {
                box-sizing: border-box;
            }


            .achievement-section {
                padding: 90px 20px;
                background:
                    linear-gradient(135deg, #eef6ff, #ffffff);
            }


            .achievement-wrapper {
                max-width: 1200px;
                margin: auto;
                display: grid;
                grid-template-columns: 1fr 1fr;
                align-items: center;
                gap: 60px;
            }


            /* Left Content */

            .small-title {
                display: inline-block;
                color: #0066ff;
                font-size: 14px;
                font-weight: 700;
                letter-spacing: 2px;
                margin-bottom: 15px;
            }


            .achievement-text h2 {
                font-size: 42px;
                line-height: 1.2;
                color: #102a43;
                margin-bottom: 20px;
            }


            .achievement-text h2 span {
                color: #0066ff;
            }


            .achievement-text p {
                color: #5c677d;
                font-size: 17px;
                line-height: 1.8;
                margin-bottom: 15px;
            }


            .achievement-btn {

                display: inline-block;
                margin-top: 20px;
                padding: 14px 32px;
                background: #0066ff;
                color: #fff;
                text-decoration: none;
                border-radius: 50px;
                font-weight: 600;
                transition: .3s;

            }


            .achievement-btn:hover {
                background: #c6d3e6;
                transform: translateY(-3px);
            }



            /* Cards */


            .stats-grid {

                display: grid;
                grid-template-columns: repeat(2, 1fr);
                gap: 25px;

            }


            .stat-card {

                background: #fff;
                padding: 35px 20px;
                text-align: center;
                border-radius: 25px;
                box-shadow: 0 15px 40px rgba(0, 0, 0, .08);
                transition: .4s;
                border: 1px solid #edf2f7;

            }


            .stat-card:hover {

                transform: translateY(-12px);
                box-shadow: 0 20px 50px rgba(0, 102, 255, .18);

            }



            .icon {

                width: 85px;
                height: 85px;
                margin: auto;
                border-radius: 50%;
                display: flex;
                align-items: center;
                justify-content: center;
                background: #eaf3ff;
                margin-bottom: 20px;

            }


            .icon img {

                width: 45px;
                height: 45px;
                object-fit: contain;

            }


            .stat-card h3 {

                font-size: 38px;
                color: #0066ff;
                margin: 0;

            }


            .stat-card p {

                font-size: 17px;
                color: #555;
                margin-top: 8px;
                font-weight: 600;

            }



            /* Responsive */


            @media(max-width:992px) {

                .achievement-wrapper {
                    grid-template-columns: 1fr;
                }

                .achievement-text {
                    text-align: center;
                }

            }


            @media(max-width:600px) {

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


                .achievement-text h2 {
                    font-size: 32px;
                }

            }



            /* -------------- 5 ------------ */




             .feedback-section {
                padding: 40px;
                background: #c5dcf3;
                text-align: center;
            }

            .feedback-container {
                overflow: hidden;
            }

            .feedback-scroll {
                display: flex;
                gap: 25px;
                width: max-content;
                animation: move 18s linear infinite;
            }

            .feedback-card {
                display: flex;
                align-items: center;
                gap: 25px;
                width: 350px;
                height: 230px;
                padding: 20px;
                background: white;
                border-radius: 15px;
                box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
                text-align: left;
            }

            .feedback-card img {
                width: 70px;
                height: 70px;
                border-radius: 50%;
                object-fit: cover;
            }

            .feedback-card h3 {
                margin: 0;
                font-size: 18px;
            }

            .feedback-card p {
                color: #555;
                font-size: 14px;
            }

            .feedback-card span {
                color: #ffc107;
            }

            @keyframes move {
                from {
                    transform: translateX(0);
                }

                to {
                    transform: translateX(-50%);
                }
            }

            .feedback-container:hover .feedback-scroll {
                animation-play-state: paused;
            }





            .contact-glass-section{
    padding:40px 0;
    width: 92%;
}

.section-title{
    font-size:32px;
    font-weight:700;
    text-align:center;
    margin-bottom:35px;
    color:#222;
}

.glass-card{
    margin-left: 12px;
    background:rgba(255,255,255,0.18);
    backdrop-filter:blur(15px);
    -webkit-backdrop-filter:blur(15px);
    border:1px solid rgba(255,255,255,0.25);
    border-radius:18px;
    padding:30px 25px;
    text-align:center;
    box-shadow:0 12px 35px rgba(0,0,0,.12);
    transition:.35s ease;
    height:100%;
}

.glass-card:hover{
    transform:translateY(-8px);
    box-shadow:0 18px 45px rgba(0,123,255,.18);
}

.glass-card .icon{
    width:70px;
    height:70px;
    line-height:70px;
    margin:0 auto 20px;
    border-radius:50%;
    font-size:30px;
    background:linear-gradient(135deg,#0d6efd,#00c6ff);
    color:#fff;
    box-shadow:0 10px 25px rgba(13,110,253,.3);
}

.glass-card h4{
    font-size:22px;
    font-weight:700;
    margin-bottom:15px;
    color:#222;
}

.glass-card p{
    color:#555;
    line-height:28px;
    margin:0;
    font-size:15px;
}

.glass-card a{
    color:#0d6efd;
    text-decoration:none;
    font-weight:600;
}

.glass-card a:hover{
    color:#0056b3;
}

@media(max-width:767px){
    .glass-card{
        margin-bottom:25px;
    }
}

.equal-height{
    display:flex;
    flex-wrap:wrap;
}

.equal-height > [class*="col-"]{
    display:flex;
    margin-bottom:30px;
}

.glass-card{
    margin-left: 12px;
    width:100%;
    min-height:260px;      /* Sabhi cards ki same height */
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    text-align:center;

    padding:20px 25px;
    border-radius:18px;
    background:rgba(255,255,255,.15);
    backdrop-filter:blur(15px);
    -webkit-backdrop-filter:blur(15px);
    border:1px solid rgba(255,255,255,.2);
    box-shadow:0 10px 35px rgba(0,0,0,.12);
    transition:.3s;
}

.glass-card:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 40px rgba(0,123,255,.2);
}

.icon{
    width:70px;
    height:70px;
    line-height:70px;
    border-radius:50%;
    background:#0d6efd;
    color:#fff;
    font-size:28px;
    margin-bottom:18px;
}

.glass-card h4{
    font-weight:700;
    margin-bottom:15px;
}

.glass-card p{
   
    margin:0;
    line-height:28px;
}

@media(max-width:767px){
    .equal-height{
        display:block;
    }

        .glass-card {
        width: 282px;
        min-height: 220px;
        margin-bottom: 20px;
    }
}





/* ==============================
   FINAL RESPONSIVE FIX
============================== */


/* Large Desktop */
@media (min-width:1200px){

    section{
        padding:70px 8%;
    }

    .hero-content{
        width:55%;
    }

    .hero-image{
                margin-top: 0px;
        width:40%;
    }

}



/* Tablet */
@media (max-width:1024px){

    section{
        padding:50px 5%;
        height:auto !important;
    }


    .hero{
        flex-direction:column;
        min-height:auto;
        text-align:center;
        padding:60px 30px;
    }


    .hero-content,
    .hero-image,
    .why-text,
    .why-image{

        width:100%;
    }


    .hero-image img{
        max-width:350px;
        margin:auto;
        display:block;
    }



    .trust-grid,
    .service-grid,
    .process-grid{

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

    }


    .price-grid,
    .review-grid{

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

    }


    .stats{

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

    }


    .why{

        flex-direction:column;

    }



    .achievement-wrapper{

        grid-template-columns:1fr;

    }


}



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


    html,body{

        width:100%;
        overflow-x:hidden;

    }


    section{

        padding:40px 18px !important;
        height:auto !important;

    }



    h1{

        font-size:30px !important;

    }


    h2{

        font-size:26px !important;

    }



    p{

        font-size:15px;
        line-height:1.7;

    }



/* HERO */

    .hero{

        flex-direction:column;
        padding:40px 20px;
        min-height:auto;

    }


    .hero-content{

        width:100%;
    }


    .hero-image{

        width:100%;
        height:auto;

    }


    .hero-image img{
        margin-top: 33px;
        width:90%;
        max-width:280px;

    }



    .hero-buttons{

        flex-direction:column;
        width:100%;
        align-items:center;

    }



    .hero-buttons a{

        width:100%;
        max-width:300px;

    }


    .hero-points{

        justify-content:center;

    }



/* ALL GRIDS */


    .trust-grid,
    .service-grid,
    .process-grid,
    .price-grid,
    .review-grid,
    .stats,
    .stats-grid{

        grid-template-columns:1fr !important;

    }



/* CARD */


    .card{

        padding:25px 18px;

    }


    .card img{

        width:80px;
        height:80px;
        margin:0 auto 20px;

    }



    .card-buttons{

        justify-content:center;
        flex-wrap:wrap;

    }


    .card-buttons a{

        width:auto;
        margin:0 !important;

    }




/* WHY */


    .why{

        flex-direction:column;
        gap:25px;

    }


    .why-text,
    .why-image{

        width:100%;

    }





/* DSC SECTION */


    .dsc-main-box{

        padding:20px;

    }


    .dsc-main-box h1{

        font-size:28px !important;

    }


    .dsc-main-box p{

        text-align:left;

    }





/* ACHIEVEMENT */


    .achievement-section{

        padding:50px 15px;

    }


    .achievement-text h2{

        font-size:30px !important;

    }



    .stat-card h3{

        font-size:32px;

    }





/* FEEDBACK */


    .feedback-section{

        padding:30px 10px;

    }


    .feedback-card{

        width:280px;
        height:auto;
        min-height:220px;
        flex-direction:column;
        text-align:center;
        justify-content:center;

    }


    .feedback-scroll{

        gap:15px;

    }





/* CONTACT */


    .equal-height{

        display:block;

    }


    .glass-card{

        width:100%;
        margin:0 0 20px 0;
        min-height:230px;

    }



}




/* Small Mobile */
@media(max-width:480px){


    .hero h1{

        font-size:26px !important;

    }


    .hero h2{

        font-size:19px !important;

    }


    .tag{

        font-size:12px;

    }



    .btn,
    .btn-outline{

        padding:12px 18px;

    }



    .dsc-main-box{

        padding:15px;

    }


    .achievement-btn{

        width:100%;
        text-align:center;

    }


}









section{
    padding:20px 20px !important;
}