@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/* font-family: "Poppins", sans-serif; */
/* font-weight: 200; */
/* font-weight: 700; */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html,
body {
    width: 100%;
    cursor: default !important;
    height: 100%;
}

::-webkit-scrollbar {
    display: none;
}

body {
    font-family: "Poppins", sans-serif;
    font-weight: 200;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700;
}

a {
    text-decoration: none;
    color: #000;
}

.yellow-grad {
    color: transparent;
    background: linear-gradient(90deg, #fbab18, #fcc64d);
    background-clip: text;
    -webkit-background-clip: text;
}

.section-label {
    font-size: 1rem;
    padding: 4px 16px;
    font-weight: 300;
    color: #fff;
    background-color: #000;
    border-radius: 25px;
    margin-bottom: 15px;

    i {
        color: #fbab18;
    }
}

/* hero section */
.hero-Section {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;

    .heroContainer {
        width: 100%;
        height: auto;
        max-width: 1400px;
        margin: 80px 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 30px;

        .hero-Left,
        .hero-Right {
            width: 50%;
            height: auto;
        }

        .hero-Left {
            display: flex;
            align-items: start;
            justify-content: start;
            flex-direction: column;

            h4 {
                font-size: 1.1rem;
                padding: 4px 16px;
                font-weight: 300;
                /* background-color: #feefc7;
                color: #d96806; */
                color: #fff;
                background-color: #000;
                border-radius: 25px;
                margin-bottom: 15px;

                i {
                    color: #d96806;
                    display: none;
                }
            }

            h1 {
                font-size: 3rem;
                line-height: 3.5rem;
                color: #000;
                margin-bottom: 15px;
                max-width: 80%;
                /* font-weight: 700; */
            }

            h3 {
                font-size: 1.4rem;
                color: #000;
                font-weight: 300;
                margin-bottom: 15px;
                display: flex;
                align-items: center;
                justify-content: start;
                /* line-height: 2rem; */

                .rect {
                    width: 60px;
                    height: 4px;
                    background-color: #fbab18;
                    display: inline-block;
                    margin-right: 12px;
                }
            }

            >p {
                font-size: 1.2rem;
                font-weight: 300;
                color: #1d1d1d;
                margin-bottom: 15px;
            }

            .usp-Cards {
                width: 80%;
                height: auto;
                display: flex;
                align-items: start;
                justify-content: space-between;
                flex-wrap: wrap;
                margin-bottom: 30px;
                gap: 20px 0;

                .uspCard {
                    width: auto;
                    max-width: 48%;
                    height: auto;
                    min-height: 80px;
                    padding: 12px;
                    border-radius: 8px;
                    background-color: #fff;
                    box-shadow: 2px 2px 20px #00000015;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    gap: 15px;

                    .usp-icon {
                        width: auto;
                        height: auto;

                        i {
                            font-size: 1.5rem;
                            font-weight: 400;
                            color: #d96806;
                            background-color: #feefc7;
                            border-radius: 6px;
                            padding: 16px;
                        }
                    }

                    .usp-body {
                        width: auto;
                        height: auto;

                        p {
                            font-size: 1rem;
                            font-weight: 300;
                        }
                    }
                }
            }

            .hero-cta-btns {
                width: auto;
                height: auto;
                display: flex;
                align-items: center;
                justify-content: center;
                gap: 15px;

                a {
                    font-size: 1.2rem;
                    font-weight: 300;
                }

                .heroPrimary-btn {
                    color: #fff;
                    background-color: #000;
                    padding: 10px 20px;
                    border-radius: 12px;
                    border: 1px solid #000;
                    transition: all .5s ease-in-out;

                    &:hover {
                        background-color: #fff;
                        color: #000;
                        box-shadow: 5px 5px 20px #00000025;
                        transform: translateX(5px);
                    }
                }

                .heroSecondary-btn {
                    padding: 10px 20px;
                    color: #000;
                    background-color: #fbab18;
                    border-radius: 12px;
                    border: 1px solid #fbab18;
                    transition: all .5s ease-in-out;

                    &:hover {
                        /* background-color: #000;
                        color: #fff;
                        border: 1px solid #000; */
                        box-shadow: 5px 5px 20px #fbab1825;
                        transform: translateX(5px);
                    }
                }
            }
        }

        .hero-Right {
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            position: relative;

            /* img{
                width: 80%;
                height: 550px;
                object-fit: cover;
                border-radius: 15px;
                transition: all .5s ease-in-out;

                &:hover{
                    transform: scale(1.05);
                }
            } */

            .hero-showcase-video {
                width: 80%;
                height: 650px;
                object-fit: cover;
                border-radius: 16px;
                transition: all .5s ease-in-out;

                /* &:hover{
                    transform: scale(1.05);
                } */
            }

            .hero-showcase-image {
                width: 80%;
                height: 650px;
                object-fit: cover;
                border-radius: 16px;
                transition: all .5s ease-in-out;
            }

            .absolute-card01 {
                position: absolute;
                top: -20px;
                right: 20px;
                width: auto;
                height: auto;
                padding: 16px;
                background-color: #000;
                border-radius: 12px;
                display: flex;
                align-items: center;
                justify-content: center;
                flex-direction: column;

                h4 {
                    font-size: 1.5rem;
                    font-weight: 300;
                    color: #fbab18;
                }

                >p {
                    color: #fff;
                    font-weight: 300;
                }
            }

            .label-icon {
                position: absolute;
                bottom: 40%;
                left: 50px;
                width: auto;
                height: auto;
                /* color: #000; */
                /* font-weight: 300; */
                /* font-size: 1.5rem; */
                
                img{
                    width: 60px;
                    height: 60px;
                    background-color: #fbab18;
                    border-radius: 50%;
                    padding: 12px;

                }

                /* i {
                    background-color: #fbab18;
                    color: #000;
                    padding: 12px;
                    font-weight: 300;
                    font-size: 1.5rem;
                    border-radius: 50%;
                } */


            }
        }
    }
}

@media only screen and (max-width:768px) {
    .hero-Section {
        padding: 0 10px;

        .heroContainer {
            margin: 50px 0;
            flex-wrap: wrap-reverse;

            .hero-Left,
            .hero-Right {
                width: 100%;
                height: auto;
            }

            .hero-Left {

                h4 {
                    font-size: 14px;
                    margin-bottom: 10px;
                }

                h1 {
                    font-size: 2rem;
                    line-height: 2.5rem;
                    margin-bottom: 10px;
                    width: 100%;
                    max-width: 95%;
                }

                h3 {
                    font-size: 1.2rem;
                    margin-bottom: 10px;
                }

                >p {
                    font-size: 1rem;
                }

                .usp-Cards {
                    width: 100%;
                    flex-wrap: wrap;
                    gap: 12px;

                    .uspCard {
                        width: 48%;
                        min-height: 180px !important;
                        flex-wrap: wrap;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        text-align: center;
                        gap: 8px;
                        padding: 16px !important;
                        /* width: 100%; */
                        /* max-width: 50%; */

                        .usp-icon {
                            margin-top: 10px;
                            width: 100%;
                            margin-bottom: 12px;
                        }

                        .usp-body {
                            width: 100%;
                        }
                    }
                }

                .hero-cta-btns {
                    flex-wrap: wrap;

                    a {
                        width: 100%;
                        text-align: center;
                        padding: 18px !important;
                        font-size: 1rem;
                        display: block;
                    }
                }

            }

            .hero-Right {

                .hero-showcase-video {
                    width: 90%;
                    height: 450px;
                }

                .hero-showcase-image {
                    width: 90%;
                    height: 450px;
                }

                .absolute-card01 {
                    right: 0px;
                }

                .label-icon {
                    left: 5px;

                    img{
                        width: 40px;
                        height: 40px;
                    }
                }
            }
        }
    }
}

/* hero section */


/* about section */
.AboutSection {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;

    .aboutContainer {
        width: 100%;
        height: auto;
        max-width: 1400px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        margin: 60px 0;

        .section-label {
            font-size: 1rem;
            padding: 4px 16px;
            font-weight: 300;
            color: #fff;
            background-color: #000;
            border-radius: 25px;
            margin-bottom: 15px;

            i {
                color: #fbab18;
            }
        }

        h1 {
            font-size: 2.5rem;
            line-height: 3rem;
            font-weight: 700;
            color: #000;
            margin-bottom: 15px;
            max-width: 800px;
            text-align: center;
        }

        >p {
            max-width: 900px;
            color: #000;
            font-weight: 300;
            text-align: center;
        }

        .about-actual-section {
            width: 100%;
            height: auto;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 40px;
            /* margin: 40px 0; */
            margin-top: 40px;

            .about-Left,
            .about-Right {
                width: 50%;
                height: auto;
            }

            .about-Left {
                display: flex;
                align-items: center;
                justify-content: center;
                flex-direction: column;
                gap: 20px;

                .ab-lef-upper {
                    width: 90%;
                    height: 500px;
                    overflow: hidden;
                    border-radius: 15px;
                    position: relative;

                    .over-image-block {
                        position: absolute;
                        bottom: 20px;
                        left: 20px;
                        width: 94%;
                        height: auto;
                        padding: 20px;
                        background-color: #ffffff50;
                        backdrop-filter: blur(15px);
                        border-radius: 12px;
                        display: flex;
                        align-items: start;
                        justify-content: start;
                        flex-direction: column;

                        h3 {
                            font-size: 2.5rem;
                            line-height: 3rem;
                            font-weight: 400;
                            color: #fff;
                            margin-bottom: 10px;
                        }

                        >p {
                            font-size: 1rem;
                            color: #fff;
                            font-weight: 400;
                        }
                    }

                    img {
                        width: 100%;
                        height: 100%;
                        object-fit: cover;
                    }


                }

                .ab-lef-lower {
                    width: 90%;
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    gap: 30px;

                    .low-block1,
                    .featured-block {
                        width: 50%;
                        height: auto;
                        padding: 30px;
                        display: flex;
                        align-items: start;
                        justify-content: start;
                        flex-direction: column;
                        box-shadow: 4px 4px 20px #00000015;
                        border-radius: 12px;

                        i {
                            font-size: 3rem;
                            font-weight: 300;
                            color: #fbab18;
                            margin-bottom: 10px;
                        }

                        >h4 {
                            font-size: 2rem;
                            font-weight: 300;
                            /* margin-bottom: 10px; */
                        }

                        >small {
                            font-weight: 300;
                            font-size: 1rem;
                        }
                    }
                }
            }

            .about-Right {
                display: flex;
                align-items: start;
                justify-content: start;
                flex-direction: column;

                h2 {
                    font-size: 2.5rem;
                    line-height: 3rem;
                    /* font-weight: 550; */
                    margin-bottom: 15px;
                }

                >p {
                    font-size: 1.1rem;
                    color: #000;
                    font-weight: 300;
                    margin-bottom: 25px;
                }

                .featured-Cards {
                    width: 100%;
                    height: auto;
                    align-items: start;
                    justify-content: space-between;
                    gap: 30px;
                    margin-bottom: 30px;

                    .featureCard {
                        width: auto;
                        min-width: 300px;
                        max-width: 70%;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        gap: 10px;
                        padding: 20px;

                        .f-left {
                            width: auto;
                            height: auto;

                            i {
                                color: #fbab18;
                                background-color: #feefc7;
                                border-radius: 8px;
                                padding: 12px;
                                font-size: 1.5rem;
                            }
                        }

                        .f-right {
                            margin-left: 15px;

                            h4 {
                                font-size: 1.1rem;
                                /* margin-bottom: 5px; */
                            }

                            >small {
                                font-size: 1rem;

                            }
                        }
                    }
                }

                .about-ctaBtn {
                    font-size: 1.1rem;
                    padding: 10px 20px;
                    color: #000;
                    background-color: #fbab18;
                    border-radius: 12px;
                    transition: all .5s ease-in-out;

                    &:hover {
                        transform: translateX(5px);
                        box-shadow: 5px 5px 20px #fbab1825;
                    }
                }
            }
        }

    }
}

@media only screen and (max-width:768px) {
    .AboutSection {
        padding: 0 10px;

        .aboutContainer {

            .section-label {
                font-size: 1rem;
                margin-bottom: 10px;
            }

            >h1 {
                font-size: 1.5rem;
                line-height: 2rem;
                margin-bottom: 10px;
            }

            >p {
                font-size: 1rem;
            }

            .about-actual-section {
                flex-wrap: wrap;

                .about-Left,
                .about-Right {
                    width: 100%;
                    height: auto;
                }

                .about-Left {
                    gap: 20px;

                    .ab-lef-upper {
                        width: 95%;

                        .over-image-block {
                            width: 90%;

                            h3 {
                                font-size: 2rem;
                                line-height: 2.5rem;
                            }

                        }
                    }

                    .ab-lef-lower {
                        gap: 20px;

                        .featured-block {
                            width: 50%;
                            height: auto;
                            padding: 20px;

                            i {
                                font-size: 2.5rem;
                                margin-bottom: 0;
                            }

                            h4 {
                                font-size: 2.5rem;
                                line-height: 3rem;
                            }

                            small {
                                font-size: 14px;
                            }
                        }
                    }
                }

                .about-Right {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    flex-direction: column;

                    >h2 {
                        font-size: 1.5rem;
                        line-height: 2rem;
                        margin-bottom: 10px;
                        text-align: center;
                    }

                    >p {
                        font-size: 1rem;
                        text-align: center;
                        margin-bottom: 15px;
                    }

                    .featured-Cards {
                        width: 100%;
                        align-items: center;
                        justify-content: center;
                        gap: 20px;

                        .featureCard {
                            width: 100%;
                            max-width: 100%;
                            /* background-color: #000; */
                        }
                    }

                    .about-ctaBtn {
                        width: 100%;
                        padding: 15px !important;
                        display: block;
                        text-align: center;
                    }

                }
            }
        }
    }
}

/* about section */

/* product section */
.productSection {
    width: 100%;
    height: auto;
    background-color: #000;
    margin: 60px 0;
    display: flex;
    align-items: center;
    flex-direction: column;

    .productContainer {
        width: 100%;
        height: auto;
        margin: 60px 0;
        max-width: 1400px;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        /* overflow: hidden; */

        .absolute-blurry-circle1,
        .absolute-blurry-circle2 {
            width: 250px;
            height: 250px;
            position: absolute;
            /* left: 30px;
            top: 40px; */
            background-color: #fbab18;
            filter: blur(150px);
            /* z-index: 1; */
        }

        .absolute-blurry-circle1 {
            top: 250px;
            left: 150px;
        }

        .absolute-blurry-circle2 {
            bottom: 80px;
            right: 250px;
        }



        h4 {
            font-size: 1rem;
            padding: 4px 16px;
            font-weight: 300;
            background-color: #fbab18;
            color: #000;
            margin-bottom: 10px;
            border-radius: 25px;
        }

        h2 {
            font-size: 2.5rem;
            color: #fff;
            margin-bottom: 10px;
        }

        h3 {
            font-size: 1.3rem;
            line-height: 2rem;
            margin-bottom: 25px;
            color: #fff;
            font-weight: 300;
        }

        .productsCards {
            width: 100%;
            height: auto;
            margin: 40px 0;
            display: flex;
            align-items: start;
            justify-content: space-between;
            gap: 25px;
            z-index: 2;

            .product-block,
            .product-block-1 {
                width: 35%;
                height: auto;
            }

            .product-1 {
                width: 100%;
                height: auto;
                min-height: 600px;
                border-radius: 15px;
                /* background-image: url(https://media.istockphoto.com/id/1280276676/photo/a-close-up-on-a-doorway-of-a-house-construction-made-from-autoclaved-aerated-concrete-blocks.jpg?s=612x612&w=0&k=20&c=Xsu8cTWm0qBmAIgZ5rgLd_Pkf-g6DIdSZS33Ardq3ic=); */
                background-image: url(https://media.istockphoto.com/id/1312350897/photo/construction-of-aerated-concrete-unfinished-house-wall-made-from-white-aerated-autoclaved.jpg?s=612x612&w=0&k=20&c=6hYkYohNAJu-xMkaG5JsZ1jxW9D7QPwERl62uuGCUis=);
                background-position: center center;
                background-size: cover;
                background-repeat: no-repeat;
                display: flex;
                align-items: start;
                justify-content: end;
                flex-direction: column;
                overflow: hidden;

                .product-overlay {
                    width: 100%;
                    height: 100%;
                    padding: 25px;
                    background: linear-gradient(180deg, #ffffff00, #000);
                    display: flex;
                    align-items: start;
                    justify-content: end;
                    flex-direction: column;

                    .product-label {
                        font-size: 1rem;
                        padding: 6px 20px;
                        background-color: #fbab18;
                        color: #000;
                        border-radius: 25px;
                        margin-bottom: 5px;
                    }

                    >h4 {
                        font-size: 2rem;
                        background: none;
                        border-radius: none;
                        padding: 0;
                        color: #fff;
                        font-weight: 700;
                        margin-bottom: 5px;
                    }

                    >p {
                        font-size: 1rem;
                        color: #fff;
                        margin-bottom: 8px;
                    }

                    .product-features {
                        width: 100%;
                        height: auto;
                        display: flex;
                        flex-wrap: wrap;
                        align-items: center;
                        justify-content: start;
                        gap: 10px;

                        .pro-feature {
                            background: #ffffff50;
                            backdrop-filter: blur(10px);
                            border-radius: 15px;
                            font-size: 14px;
                            padding: 5px 12px;
                            border: 1px solid #ffffff80;
                            color: #fff;
                        }
                    }

                }
            }

            .product-block {
                min-height: 600px;
                overflow: hidden;
                display: flex;
                align-items: center;
                justify-content: space-between;
                flex-direction: column;
                gap: 25px;

                .product-2,
                .product-3,
                .product-4,
                .product-5 {
                    width: 100%;
                    height: auto;
                    min-height: 300px;
                    border-radius: 15px;
                    overflow: hidden;
                    display: flex;
                    align-items: start;
                    justify-content: end;
                    flex-direction: column;
                    /* background-image: url(); */
                    background-position: center center;
                    background-repeat: no-repeat;

                    .product-overlay {
                        width: 100%;
                        height: 100%;
                        padding: 25px;
                        background: linear-gradient(180deg, #ffffff00, #000);
                        display: flex;
                        align-items: start;
                        justify-content: end;
                        flex-direction: column;

                        >h4 {
                            font-size: 1.5rem;
                            background: none;
                            border-radius: none;
                            padding: 0;
                            color: #fff;
                            font-weight: 700;
                            margin-bottom: 5px;
                        }

                        >p {
                            font-size: 1rem;
                            color: #fff;
                            margin-bottom: 8px;
                        }

                    }
                }

                .product-2 {
                    background-image: url(https://media.istockphoto.com/id/1191736904/photo/the-master-in-yellow-gloves-lays-paving-stones.jpg?s=612x612&w=0&k=20&c=6sfhrCE1cZ5V54P-XEkkwozemIlVlIDNzF9DZANREoo=);
                }

                .product-3 {
                    background-image: url(https://media.istockphoto.com/id/947502666/photo/concrete-road-curbs-at-the-factory.jpg?s=612x612&w=0&k=20&c=X-QMzRkBXnk12lydHES2em-MZOSjgcqvOUwxewDRdeE=);
                }

                .product-4 {
                    background-image: url(https://media.istockphoto.com/id/1352877532/photo/filling-a-bucket-with-cement-at-construstion-site.jpg?s=612x612&w=0&k=20&c=Ozw9Zk9hbh-3cUKMypcoq9n00Ht1rbDwPmTMoFKmJYg=);
                }

                .product-5 {
                    background-image: url(https://media.istockphoto.com/id/513683746/photo/laying-ceramic-tiles.jpg?s=612x612&w=0&k=20&c=fuzelbH6FmrFi_z2GhmUY75lpdu9tFQBjORM5HM0usM=);
                }
            }

        }

        .product-cta {
            padding: 10px 20px;
            color: #000;
            background-color: #fbab18;
            border-radius: 12px;
            border: 1px solid #fbab18;
            transition: all .5s ease-in-out;

            &:hover {
                /* background-color: #000;
                        color: #fff;
                        border: 1px solid #000; */
                box-shadow: 5px 5px 20px #fbab1825;
                transform: translateX(5px);
            }
        }
    }

}

@media only screen and (max-width:768px) {
    .productSection {
        padding: 0px 10px;
        margin: 20px 0;

        .productContainer {

            h2 {
                font-size: 1.5rem;
                line-height: 2rem;
                text-align: center;
            }

            h3 {
                font-size: 1rem;
                line-height: 1.5rem;
                text-align: center;
                margin-bottom: 0;
            }

            .productsCards {
                flex-wrap: wrap;

                .product-block,
                .product-block-1 {
                    width: 100%;
                    height: auto;


                }
            }

            .product-cta {
                font-size: 1.1rem;
            }
        }
    }
}

/* product section */

/* why aac block */
/* why aac block */
.whyAac-Section {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;

    .whyAacContainer {
        width: 100%;
        max-width: 1400px;
        height: auto;
        margin: 60px 0;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        /* background-image: url(/assets/whyaac\ bg.png);
        background-position: center center;
        background-repeat: no-repeat; */



        h2 {
            font-size: 2.5rem;
            line-height: 3rem;
            margin-bottom: 15px;
            text-align: center;
            /* max-width: 1100px; */
        }

        >p {
            font-size: 1.2rem;
            margin-bottom: 40px;
            text-align: center;
            max-width: 900px;
        }

        .whyCards {
            width: 100%;
            height: auto;
            gap: 50px;
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 2;
            /* flex-wrap: wrap; */

            .why-cards-block-1,
            .why-cards-block-3 {
                width: 30%;
                height: auto;
                display: flex;
                align-items: center;
                justify-content: center;
                flex-direction: column;
                gap: 40px;

                .whyCard {
                    width: 100%;
                    height: auto;
                    min-height: 180px;
                    display: flex;
                    align-items: start;
                    justify-content: end;
                    flex-direction: column;
                    padding: 30px;
                    border-radius: 25px;
                    box-shadow: 4px 4px 20px #00000015;
                    transition: all .5s ease-in-out;
                    background-color: #fff;

                    &:hover {
                        box-shadow: 4px 4px 20px #fbab1825;
                        transform: translateY(-5px);
                    }

                    i {
                        font-size: 2rem;
                        color: #d96806;
                        padding: 12px;
                        border-radius: 8px;
                        border: 1px solid #d9680680;
                        background-color: #feefc7;
                        /* margin-top: 30px; */
                        margin-bottom: 15px;
                    }

                    h3 {
                        font-size: 1.2rem;
                        margin-bottom: 5px;
                        font-weight: 600;
                    }

                    >p {
                        font-size: 1rem;
                        color: #1d1d1d;
                    }
                }


            }

            .why-cards-block-1 .whyCard:nth-child(2) {
                margin-right: 130px;
            }

            .why-cards-block-3 .whyCard:nth-child(2) {
                margin-left: 130px;
            }

            .why-cards-block-2 {
                width: auto;
                height: auto;

                img {
                    width: auto;
                    height: 800px;
                    /* filter: drop-shadow(5px 5px 20px #fbab1815); */
                }
            }
        }

        .readyToExp {
            width: 100%;
            height: auto;
            min-height: 280px;
            padding: 40px;
            margin-top: 50px;
            background-color: #fbab18;
            border-radius: 25px;
            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: space-between;
            position: relative;

            .abs-circle-1 {
                position: absolute;
                top: -80px;
                right: -80px;
                width: 250px;
                height: 250px;
                border-radius: 50%;
                background-color: #d9680640;
            }

            .re-left,
            .re-right {
                width: 50%;
                height: auto;
            }

            .re-left {
                display: flex;
                align-items: start;
                justify-content: start;
                flex-direction: column;
                text-align: left;

                h2 {
                    font-size: 2.5rem;
                    line-height: 3rem;
                    margin-bottom: 10px;
                    font-weight: 650;
                }

                p {
                    font-size: 1rem;
                    font-weight: 300;
                }
            }

            .re-right {
                /* position: relative; */
                display: flex;
                align-items: end;
                justify-content: end;
                flex-direction: column;
                /* z-index: 4; */


                .readyTo-Cta {
                    z-index: 1;
                    width: fit-content;
                    display: inline-block;
                    background-color: #000;
                    color: #fff;
                    padding: 10px 25px;
                    font-size: 1rem;
                    font-weight: 300;
                    border-radius: 15px;
                }
            }
        }
    }
}

@media only screen and (max-width:768px) {
    .whyAac-Section {
        padding: 0px 10px;

        .whyAacContainer {
            background-image: none !important;

            h4 {
                margin-bottom: 10px;
            }

            h2 {
                font-size: 1.5rem;
                line-height: 2rem;
                margin-bottom: 10px;
            }

            >p {
                font-size: 1rem;
                margin-bottom: 30px;
            }

            .whyCards {
                width: 100%;
                height: auto;
                flex-direction: column;

                .why-cards-block-1,
                .why-cards-block-3 {
                    width: 100%;
                    gap: 20px;

                    .whyCard {
                        margin: 0 !important;
                    }
                }

                .why-cards-block-2 {
                    display: none !important;
                }
            }

            .whyCards {
                gap: 15px;

                .whyCard {
                    width: 100%;
                    min-height: 200px;
                }
            }

            .readyToExp {
                min-height: auto;
                flex-wrap: wrap;
                gap: 20px;

                .re-left,
                .re-right {
                    width: 100%;
                    height: auto;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    flex-direction: column;
                    text-align: center;

                    h2 {
                        font-size: 1.5rem;
                        line-height: 2rem;
                    }
                }

                .re-right {

                    .abs-circle-1 {
                        width: 150px;
                        height: 150px;
                    }

                    .readyTo-Cta {
                        font-size: 1.1rem;
                    }
                }
            }
        }
    }
}

/* why aac block */


/* why aac block */

/* comparison section */
.comparisonSection {
    width: 100%;
    height: auto;
    background-color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;

    .comparisonContainer {
        width: 100%;
        max-width: 1400px;
        height: auto;
        margin: 60px 0;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;

        h4 {
            background-color: #fbab18;
            color: #000;

            i {
                color: #000;
            }
        }

        h2 {
            font-size: 2.5rem;
            line-height: 3rem;
            margin-bottom: 10px;
            color: #fff;
            text-align: center;
        }

        h3 {
            font-size: 1.3rem;
            color: #ffffff80;
            font-weight: 300;
            text-align: center;
            margin-bottom: 25px;
        }

        .compare-Container {
            width: 100%;
            height: auto;
            margin: 40px 0;
            display: flex;
            align-items: start;
            justify-content: space-between;
            gap: 30px;

            .com-block-aac {
                width: 48%;
                height: auto;
                background-color: #fbab18;
                position: relative;
                border-radius: 15px;

                .abs-badge {
                    position: absolute;
                    z-index: 2;
                    top: -30px;
                    right: -30px;
                    width: 80px;
                    height: 80px;
                    border-radius: 50%;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    flex-direction: column;
                    border: 2px solid #fbab18;
                    background-color: #000;

                    i {
                        font-size: 2rem;
                        color: #fbab18;
                    }
                }

                .com-block-1 {
                    width: 100%;
                    height: auto;
                    background-color: #fbab18;
                    padding: 30px;
                    border-radius: 15px;
                    display: flex;
                    align-items: start;
                    justify-content: space-between;
                    flex-direction: column;
                    position: relative;
                    overflow: hidden;

                    .abs-circ {
                        position: absolute;
                        width: 200px;
                        height: 200px;
                        background-color: #d9680640;
                        border-radius: 50%;
                        top: -80px;
                        right: -80px;
                    }

                    .c-b-head {
                        width: 100%;
                        height: auto;
                        display: flex;
                        align-items: center;
                        justify-content: start;
                        gap: 10px;
                        margin-bottom: 1rem;

                        .c-b-i {
                            width: auto;
                            height: auto;

                            i {
                                font-size: 2rem;
                                color: #fbab18;
                                background-color: #000;
                                border-radius: 8px;
                                padding: 1rem;
                            }
                        }

                        .c-b-body {
                            width: auto;
                            height: auto;

                            .tag {
                                margin-top: 20px;
                                font-size: 1rem;
                                font-weight: 300;
                                text-transform: uppercase;
                            }

                            >h3 {
                                font-size: 2rem;
                                line-height: 2.5rem;
                                font-weight: 700;
                                color: #fff;
                                text-align: left;
                                margin: 0;
                            }
                        }
                    }

                    .com-body {
                        width: 100%;
                        height: auto;
                        margin: 1rem 0;

                        .c-featured-Cards {
                            width: 100%;
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            gap: 20px;
                            flex-direction: column;

                            .c-fe-card {
                                width: 100%;
                                height: auto;
                                padding: 16px;
                                border-radius: 1rem;
                                display: flex;
                                align-items: center;
                                justify-content: start;
                                background-color: #d59112;
                                gap: 10px;

                                i {
                                    color: #fbab18;
                                    background-color: #000;
                                    padding: 10px;
                                    border-radius: 5px;
                                }

                                p {
                                    font-size: 1rem;
                                    font-weight: 300;
                                }
                            }
                        }


                    }
                }
            }

            .com-block-2 {
                width: 48%;
                height: auto;
                padding: 30px;
                border-radius: 15px;
                display: flex;
                align-items: start;
                justify-content: space-between;
                flex-direction: column;
                position: relative;
                overflow: hidden;
                background-color: #0d0d0d;
                border: 1px solid #ffffff50;

                .c-b-head {
                    width: 100%;
                    height: auto;
                    margin-bottom: 1rem;

                    .tag {
                        color: #ffffff80;
                        text-transform: uppercase;
                    }

                    h3 {
                        font-size: 2rem;
                        line-height: 2.5rem;
                        font-weight: 700;
                        color: #fff;
                        margin: 0;
                        text-align: left;
                    }
                }

                .com-body {
                    width: 100%;
                    height: auto;
                    margin: 1rem 0;

                    .c-featured-Cards {
                        width: 100%;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        gap: 20px;
                        flex-direction: column;

                        .c-fe-card {
                            width: 100%;
                            height: auto;
                            padding: 16px;
                            border-radius: 1rem;
                            display: flex;
                            align-items: center;
                            justify-content: start;
                            background-color: #191919;
                            gap: 10px;

                            i {
                                color: #fdfdfd90;
                                background-color: #303030;
                                padding: 10px;
                                border-radius: 5px;
                            }

                            p {
                                font-size: 1rem;
                                font-weight: 300;
                                color: #fdfdfd90;
                            }
                        }
                    }


                }

            }
        }
    }
}

@media only screen and (max-width:768px) {
    .comparisonSection {
        padding: 0 10px;

        .comparisonContainer {

            h2 {
                font-size: 1.5rem;
                line-height: 2rem;
                margin-bottom: 10px;
            }

            h3 {
                font-size: 1.1rem;
            }

            .compare-Container {
                flex-wrap: wrap;
                /* overflow: hidden; */

                .com-block-aac,
                .com-block-2 {
                    width: 100%;
                    height: auto;
                }

                .com-block-1,
                .com-block-2 {
                    padding: 20px !important;

                    .c-b-head {


                        h3 {
                            font-size: 1.8rem !important;
                        }

                    }
                }

                .com-block-aac {

                    .abs-badge {
                        right: 20px;
                        /* top: ; */
                    }
                }
            }
        }
    }
}

/* comparison section */

/* testimonial section */
.testimonialSection {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    /* margin: 50px 0; */

    .testimonialContainer {
        width: 100%;
        height: auto;
        max-width: 1400px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        margin: 80px 0;

        h2 {
            font-size: 2.5rem;
            line-height: 3rem;
            margin-bottom: 15px;
        }

        h3 {
            font-size: 1.1rem;
            font-weight: 300;
            margin-bottom: 30px;
        }

        .testiCards {
            width: 100%;
            height: auto;
            /* margin: 40px 0; */

            .swiper {
                width: 100%;
                height: auto;

                .swiper-wrapper {
                    width: 100%;
                    height: auto;
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    padding: 50px 0;
                    gap: 30px;

                    .testi-Card {
                        width: 30% !important;
                        height: auto;
                        min-height: 200px;
                        box-shadow: 10px 10px 20px #00000015;
                        padding: 20px;
                        border-radius: 15px;

                        .rating {
                            width: auto;
                            display: flex;
                            align-items: center;
                            justify-content: start;
                            /* margin-bottom: 20px; */

                            i {
                                color: #fbab18;
                                font-size: 1.5rem;
                            }
                        }

                        .quote {
                            width: auto;
                            height: auto;
                            /* margin: 10px 0; */
                            margin-top: 20px;
                            margin-bottom: 10px;
                            /* background-color: #00000025; */

                            svg {
                                margin-left: -5px;
                                transform: rotate(-180deg);
                                color: #d9680640;
                                width: 40px;
                                height: 40px;
                            }
                        }

                        .review {
                            width: 100%;
                            height: auto;
                            margin-bottom: 20px;

                            p {
                                font-size: 1.1rem;
                                color: #1d1d1d;
                                text-align: justify;
                            }
                        }

                        .reviewer {
                            width: auto;
                            height: auto;

                            img {
                                width: 50px;
                                height: 50px;
                                border-radius: 50px;
                                /* display: inline-block; */
                                float: left;
                                object-fit: cover;
                                margin-right: 5px;
                                display: none !important;
                            }

                            h5 {
                                font-size: 1rem;
                                color: #0d0d0d;
                                font-weight: 600;
                                margin: 0;
                            }

                            small {
                                margin-top: -15px;
                                font-weight: 300;
                                color: #303030;
                            }
                        }
                    }
                }
            }


        }

        .testimonial-cta {
            padding: 10px 20px;
            color: #fbab18;
            /* background-color: #fbab18; */
            /* border-radius: 12px; */
            /* border: 1px solid #fbab18; */
            transition: all .5s ease-in-out;

            &:hover {

                /* box-shadow: 5px 5px 20px #fbab1825; */
                transform: translateX(5px);
            }
        }
    }
}

@media only screen and (max-width:768px) {
    .testimonialSection {
        padding: 0 10px;

        .testimonialContainer {
            margin: 50px 0;

            .section-label {
                margin-bottom: 10px;
            }

            h2 {
                font-size: 1.5rem;
                line-height: 2rem;
                margin-bottom: 10px;
                text-align: center;
            }

            h3 {
                font-size: 1rem;
                text-align: center;
            }

            .testiCards {

                .swiper {

                    .swiper-wrapper {
                        padding: 30px 5px;
                        gap: 15px;

                        .testi-Card {
                            width: 100% !important;
                            height: auto;
                        }
                    }
                }
            }
        }
    }
}

/* testimonial section */

@media only screen and (max-width:768px){
    .hero-Section, .whyAac-Section, .productSection, .AboutSection, .comparisonSection, .testimonialSection, .Master-FooterSection{
        overflow: hidden;
    }
}