* {

    margin: 0;

    padding: 0;

    box-sizing: border-box;

}

body {
    background-color: #000000 !important;
}

.navbar-nav .nav-item .active-home {

    color: #ff0000 !important;

}



/* garage-flooring-section */

.garage-flooring-section {

    background-image: url('../../images/home/garage-flooring-home.webp');

    background-size: cover;

    background-position: center;

    padding: 18rem 10px 12rem 10px;

}

.garage-flooring-section2 {

    background-image: url('../../images/home/Lightings-banner-home.webp');

}



.garage-flooring-row .garage-flooring-col h2 {

    color: white;

    text-transform: uppercase;

    font-size: 31px;

    font-weight: 800;

}



.garage-flooring-row .garage-flooring-col h2 span {

    color: #ff0000;

}



.garage-flooring-row .garage-flooring-col p {

    color: #ffffffe6;

    font-size: 15px;

}



.garage-flooring-row .garage-flooring-col a {

    background: #ff0000;

    padding: 8px 20px;

    color: white;

    text-decoration: none;

    top: 2px;

    position: relative;

}



.garage-flooring-row .garage-flooring-col a:hover {

    transition: 0.4s;

    background-color: white;

    color: black;

}


@media(max-width:1700px) {

    .garage-flooring-section {

        padding: 13rem 10px 10rem 10px;

    }

}

@media(max-width:1400px) {

    .garage-flooring-section {

        padding: 12rem 10px 9rem 10px;

    }

}

@media(max-width:1200px) {

    .garage-flooring-section {

        padding: 8rem 10px 6rem 10px;

    }

}


@media(max-width:999px) {

    .garage-flooring-row .garage-flooring-col {

        width: 100%;

    }



    .garage-flooring-section {

        background: url('../../images/home/garage-flooring-home.webp'), rgba(0, 0, 0, 0.735);

        background-size: cover;

        background-position: right;

        background-blend-mode: multiply;

    }

    .garage-flooring-section2 {

        background: url('../../images/home/Lightings-banner-home.webp'), rgba(0, 0, 0, 0.735);
        background-blend-mode: multiply;
        background-size: cover;

        background-position: right;
    }

}



@media(max-width:768px) {

    .garage-flooring-section {

        background-position: center;

        background-position-x: -474px;



    }

    .garage-flooring-row .garage-flooring-col h2 {

        font-size: 25px;

    }

}



@media(max-width:650px) {

    .garage-flooring-section {

        background-position-x: -450px;

        padding: 7rem 10px 7rem 10px;



    }

}



@media(max-width:500px) {

    .garage-flooring-section {

        padding: 5rem 10px 5rem 10px;

        background-position-x: -400px;



    }

}



/* garage-flooring-section close */







/* garage-third-section */

.garage-third-section {

    padding: 60px 10px;

}



.garage-third-row .garage-third-col .third {

    background: #ff0000;
    border: 1px solid #ffffff47;

    text-align: center;

    padding: 20px;

    border-radius: 3px;

    transition: 0.4s;

    height: 330px;

}



.garage-third-row .garage-third-col .third:hover {

    background-color: #ff000000;

    transition: 0.5s;

    cursor: pointer;

}



.garage-third-row .garage-third-col .third:hover img {

    background: #ff0000;

}



.garage-third-row .garage-third-col .third:hover p {

    color: white;



}



.garage-third-row .garage-third-col .third:hover h2 {

    color: white;

}



.garage-third-row .garage-third-col .third img {

    width: 25%;

    background: #484848;

    padding: 15px;

    border-radius: 100px;

}



.garage-third-row .garage-third-col .third h3 {

    font-size: 16px;

    font-weight: 700;

    color: #ffffff;

    margin-top: 1rem;

    text-transform: uppercase;



}



.garage-third-row .garage-third-col .third p {

    font-size: 15px;

    text-align: center;
    color: white;
}



@media(max-width:1200px) {

    .garage-third-row .garage-third-col .third {

        height: 370px;

    }



}



@media(max-width:999px) {

    .garage-third-row .garage-third-col .third {

        height: 460px;

    }

    .garage-third-row .garage-third-col .third img {

        width: 35%;

    }

}



@media(max-width:768px) {

    .garage-third-row .garage-third-col .third {

        height: auto;

    }

    .garage-third-row .garage-third-col .third img {

        width: 20%;

    }



    .garage-third-row .garage-third-col {

        margin-top: 2rem;

    }

}



@media(max-width:500px) {

    .garage-third-row .garage-third-col .third img {

        width: 25%;

    }

}



/* garage-third-sectionc close */





/* why-choose-section */

.why-choose-section {


    padding: 50px 10px;

}



.why-choose-row .why-choose-col {

    align-content: center;

}



.why-choose-row .why-choose-col h1 {

    color: rgb(255, 255, 255);

    text-transform: uppercase;

    font-size: 40px;

    font-weight: 800;

}



.why-choose-row .why-choose-col h1 span {

    color: #ff0000;

}



.why-choose-row .why-choose-col img {

    width: 100%;

}



.why-choose-row .why-choose-col p {

    font-size: 15px;

    text-align: justify;
    color: white;

}



.why-choose-row .why-choose-col ul {

    padding-left: 1rem;

    margin: 2rem 0px;

}



.why-choose-row .why-choose-col ul li {

    list-style: none;

    font-weight: 600;
    color: white;

}



.why-choose-row .why-choose-col ul li svg {

    margin-right: 5px;

    color: #ff0000;

}



.why-choose-row .why-choose-col a {

    background: #ff0000;

    padding: 8px 20px;

    color: white;

    text-decoration: none;

    top: 2px;

    position: relative;

}



@media(max-width:999px) {

    .why-choose-row .why-choose-col h1 {

        font-size: 30px;

    }

}



@media(max-width:768px) {

    .why-choose-section {

        padding: 20px 10px;

    }



    .why-choose-row .why-choose-col {

        margin: 2rem 0rem;

    }



    .why-choose-row .why-choose-col h1 {

        font-size: 30px;

    }

}



@media(max-width:450px) {

    .why-choose-row .why-choose-col h1 {

        font-size: 25px;

    }

}



/* why-choose-section close */



/* our-product-section */

.our-product-section {

    padding: 70px 15px;

}



.our-product-heading {

    text-align: center;

    margin-bottom: -2rem;

}



.our-product-heading h2 {

    color: white;

    text-transform: uppercase;

    font-size: 50px;

    font-weight: 800;

}



.our-product-heading h2 span {

    color: #ff0000;

}



.our-product-heading p {

    font-size: 15px;
    color: white;
}



.our-product-row .our-product-col h3 {

    text-transform: uppercase;

    font-size: 45px;

    font-weight: 800;
    color: white;
}





.our-product-row .our-product-col,

.our-product-row .our-product-col2 {

    margin-top: 4rem;

}



.our-product-row .our-product-col {

    padding: 0px 20px;

    align-content: center;

}



.our-product-row .our-product-col h3 span {

    color: #ff0000;

}



.our-product-row .our-product-col p {

    font-size: 15px;
    color: white;
    text-align: justify;

}



.our-product-row .our-product-col a {

    background: #ff0000;

    padding: 8px 20px;

    color: white;

    text-decoration: none;

    top: 2px;

    position: relative;

}



.swiper {

    width: 100%;

    height: 100%;

}



.our-product-row .our-product-col2 {

    border-right: 10px solid #ff0000;

    border-bottom: 10px solid #ff0000;

    padding: 0px;

}



.our-product-row .our-product-col3 {

    border-right: 0px solid #ff0000;

    border-bottom: 10px solid #ff0000;

    border-left: 10px solid #ff0000;

}



.our-product-row .our-product-col2 .swiper .swiper-wrapper .swiper-slide img {

    width: 100%;

}



.swiper-pagination-bullet {

    background-color: #ff0000 !important;

}



@media(max-width:999px) {

    .our-product-row .our-product-col2 .swiper .swiper-wrapper .swiper-slide img {

        height: 100%;

    }

    .our-product-heading p {

        text-align: justify;

    }



    .our-product-heading h2 {

        font-size: 35px;

    }



    .our-product-row .our-product-col h3 {

        font-size: 35px;

    }

}



@media(max-width:768px) {

    .our-product-row .our-product-col3 {

        border: 10px solid #ff0000;

    }



    .our-product-row .our-product-col2 {

        border: 10px solid #ff0000;

    }



    .our-product-row .our-product-col2 .swiper .swiper-wrapper .swiper-slide img {

        height: auto;

    }



    .our-product-heading h2 {

        font-size: 40px;

    }



    .our-product-row .our-product-col h3 {

        font-size: 40px;

    }



    .our-product-col2:nth-of-type(1) {

        order: 2;

    }



    .our-product-col:nth-of-type(2) {

        order: 1;

    }



    .our-product-row .our-product-col {

        padding: 0px 0px;

    }



    .our-product-row .our-product-col,

    .our-product-row .our-product-col2 {

        margin-top: 3rem;

    }



    .our-product-new {

        margin-top: 3rem;

    }



}



/* our-product-section close */





/* Counter number */

.stats-section {

    background-color: #ff0000;

    color: white;

    padding: 40px 20px;

    display: flex;

    justify-content: space-around;

    align-items: center;

    text-align: center;

    flex-wrap: wrap;

}



.stat-box {

    flex: 1 1 200px;

    margin: 10px;

}



.stat-number {

    font-size: 50px;

    font-weight: bold;

    font-family: "Bai Jamjuree", sans-serif;

}



.stat-label {

    font-size: 14px;

    margin-top: 5px;

    text-transform: uppercase;

}



@media(max-width:999px) {

    .stat-number {

        font-size: 35px;

    }



}



@media(max-width:768px) {

    .stat-box {

        margin: 15px 10px;

    }

}



/* Counter number close */



/* testimonial-section */

.testimonial-section {

    padding: 70px 10px;

}



.testimonial-row .testimonial-col1 {

    align-content: center;

}



.testimonial-row .testimonial-col1 .heading-testimonial {

    font-size: 55px;
    text-transform: uppercase;
    font-weight: 800;
    color: #ffffff2b;
    margin-bottom: -26px;

}



.testimonial-row .testimonial-col1 h2 {

    color: #ff0000;

    text-transform: uppercase;

    font-size: 30px;

    font-weight: 800;

}



.testimonial-row .testimonial-col2 .bullet {

    color: #ffffff;

    font-size: 150px;

    font-family: auto;

    position: absolute;

    margin-top: -46px;

}



.testimonial-row .testimonial-col2 {

    background: #ff0000;

    padding: 20px 40px;

}



.testimonial-costomer .costomer-row .costomer-col1 {

    margin-top: 5rem;

}



.testimonial-costomer .costomer-row .costomer-col1 p {

    text-align: justify;
    color: white;
}



.testimonial-costomer .costomer-row .costomer-col1 .name-p {

    border-left: 5px solid #ffffff;

    padding-left: 10px;

    font-weight: 800;

    font-size: 19px;

    height: 50px;

    align-content: center;
    color: white;

}



.testimonial-costomer .costomer-row .costomer-col1 .name-p span {

    font-size: 15px;
    color: white;
    font-weight: 400;

}



.testimonial-costomer .costomer-row .costomer-col2 {

    align-content: center;

}



.testimonial-costomer .costomer-row .costomer-col2 img {

    width: 100%;

    border-radius: 100%;

    border: 7px solid #ffffff;

}





@media(max-width:999px) {

    .testimonial-row .testimonial-col1 .heading-testimonial {

        font-size: 40px;

        margin-bottom: 2px;

    }



    .testimonial-row .testimonial-col1 h2 {

        font-size: 25px;

    }

}



@media(max-width:768px) {

    .testimonial-row .testimonial-col1 {

        width: 100%;

    }



    .testimonial-row .testimonial-col2 {

        width: 100%;

    }



    .testimonial-row .testimonial-col1 .heading-testimonial {

        font-size: 61px;

        margin-bottom: 20px;

        text-align: center;

        color: #9e9e9e57;

    }



    .testimonial-row .testimonial-col1 {

        margin-bottom: 3rem;

    }



    .testimonial-row .testimonial-col1 h2 {

        font-size: 30px;

        text-align: center;

    }



    .testimonial-costomer .costomer-row .costomer-col1 {

        margin-bottom: 2rem;

    }



    .testimonial-costomer .costomer-row .costomer-col2 img {

        border-radius: 100%;

    }



    .testimonial-costomer .costomer-row .costomer-col2 {

        padding-bottom: 2rem;

    }

}



@media(max-width:500px) {

    .testimonial-row .testimonial-col1 .heading-testimonial {

        font-size: 50px;

    }



    .testimonial-row .testimonial-col1 h2 {

        font-size: 25px;



    }



    .testimonial-row .testimonial-col2 {

        padding: 20px 20px;

    }



    .testimonial-costomer .costomer-row .costomer-col2 {

        text-align: center;

    }



    .testimonial-costomer .costomer-row .costomer-col2 img {

        width: 80%;

    }

}



/* testimonial-section close */





/* gallery section */

.gallery-section {

    padding: 10px;

    margin-bottom: 2rem;

}



.gallery-grid {

    display: grid;

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

    gap: 15px;

}







.gallery-heading {

    text-align: center;

    margin-bottom: 3rem;

}

.gallery-row .item {
    margin-top: 30px;
}

.gallery-row .item img {
    width: 100%;
}



.gallery-heading h2 {

    color: white;

    text-transform: uppercase;

    font-size: 50px;

    font-weight: 800;

}



.gallery-heading h2 span {

    color: #ff0000;

}



.gallery-heading p {

    color: white;

    margin-top: 1rem;

}



@media(max-width:999px) {

    .gallery-heading p {

        text-align: justify;

    }



    .gallery-grid {

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

    }

}



@media(max-width:768px) {

    .gallery-grid {

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

    }

    .gallery-row .item {
        width: 50% !important;
    }

}



@media(max-width:500px) {

    .gallery-heading h2 {

        font-size: 40px;

    }



    .gallery-grid .img-box img {

        height: 150px;

    }

}



/* gallery section close */





/* blog-section */





.blog-section {

    padding: 30px 10px 60px 10px;

}



.blog-heading {

    text-align: center;

}



.blog-heading h2 {

    color: white;

    text-transform: uppercase;

    font-size: 50px;

    font-weight: 800;

}



.blog-heading h2 span {

    color: #ff0000;

}



.blog-heading p {

    color: 15px;
    color: white;
    margin-top: 1rem;

}



.blog-col .blog-item {

    margin-top: 2rem;

    padding: 0px 5px;

}



.blog-col .blog-item h3 {

    font-size: 18px;
    color: white;
    font-weight: 700;

}



.blog-col .blog-item p {

    font-size: 14px;
    color: white;
    margin-bottom: 6px;

}



.blog-col .blog-item a {

    color: #ff0000;

    font-weight: 700;

    font-size: 15px;

}



.blog-col .blog-item img {

    width: 100%;

    margin-bottom: 10px;
    border: 1px solid #ffffff7d;
}



@media(max-width:999px) {

    .blog-heading p {

        text-align: justify;

    }



    .blog-col .blog-item {

        margin-top: 3rem;

    }

}



@media(max-width:500px) {

    .blog-heading h2 {

        font-size: 40px;

    }



    .blog-col .blog-item {

        padding: 0px;

    }

}



/* blog-section close */





/* contact-us-section */

.contact-us-section {

    padding: 70px 10px;

    background-color: #ff0000;

}



.contact-row .contact-col {

    align-content: center;

}



.contact-row .contact-col h2 {

    text-transform: uppercase;

    font-weight: 800;

    font-size: 58px;

    color: #00000012;

}



.contact-row .contact-col h3 {

    color: white;

    font-size: 45px;

    font-weight: 700;

    margin-top: -48px;

}



.contact-row .contact-col h3 span {

    display: block;

}



.contact-row .contact-col p {

    color: white;

    font-size: 20px;

    margin-bottom: 5px;

}



.contact-row .contact-col a {

    display: block;

    color: white;

    text-decoration: none;

    font-size: 19px;

    margin: 2px 0px;

}



.contact-row .contact-col2 .contact-p {

    color: white;

    font-weight: 500;

    font-size: 30px;

}



.contact-row .contact-col2 .top-pp {
    font-size: 15px;
    color: white;
    font-weight: 300;
    margin-bottom: 20px;

}



.form-contact-home label {

    color: white;

}



.form-contact-home input,

.form-contact-home select,

.form-contact-home textarea {

    background-color: transparent;

    border-radius: 0px;

    color: white;

}



.form-contact-home select option {

    background-color: white;

    color: black;

}



.form-contact-home .btn {

    background: white;

    border-radius: 0px;

    padding: 8px 30px;

}



.form-contact-home .btn:hover {

    background: white;

}



@media(max-width:999px) {

    .contact-row .contact-col h2 {

        font-size: 50px;

    }



    .contact-row .contact-col h3 {

        font-size: 30px;

        margin-top: -28px;

    }



    .contact-row .contact-col p {

        font-size: 15px;

    }



    .contact-row .contact-col a {

        font-size: 15px;

    }

}



@media(max-width:768px) {

    .contact-row .contact-col2 {

        margin-top: 2rem;

    }

}



@media(max-width:500px) {

    .contact-row .contact-col h3 {

        font-size: 35px;

        margin-top: -28px;

    }



    .contact-row .contact-col p {

        font-size: 18px;

    }



    .contact-row .contact-col a {

        font-size: 17px;

        margin-top: 10px;

    }



    .contact-row .contact-col2 .contact-p {

        font-size: 35px;

    }



    .contact-row .contact-col2 .top-pp {

        font-size: 17px;

    }



    .form-contact-home label {

        color: white;

        font-size: 20px;

        margin-bottom: 3px;

    }



    .form-contact-home input {

        padding: 16px 10px;

    }



    .form-contact-home select {

        padding: 16px 10px;

    }

}


.dealer-section {
    position: fixed;
    transform: rotate(270deg);
    right: -49px;
    top: 200px;
    z-index: 9999999;
}

.dealer-section .dealer-popup {
    background: #ff0000;
    padding: 2px 10px 5px 10px;
}

.dealer-section .dealer-popup a {
    text-decoration: none;
    color: white;
}

.form-row .form-item label {
    font-size: 13px;
    font-weight: 400;
    color: #ffffffdb;
}

.form-row .form-item input {
    width: 100%;
    padding: 4px 8px;
    background: #00000082;
    border: 1px solid #ffffff5c;
    color: #ffffffdb;

}

.form-row .form-item textarea {
    width: 100%;
    padding: 4px 8px;
    background: #00000082;
    border: 1px solid #ffffff5c;
    color: #ffffffdb;
}


.form-popup-btn {
    --bs-btn-close-bg: none !important;
    --bs-btn-close-opacity: 1.5 !important;
}

.popup-form-header {
    background: #ff0000;
    color: white;
}

.form-popup-btn svg {
    color: white;
    font-size: 31px;
    margin-left: -9px;
    margin-top: -5px;
}

.modal-content {
    background-color: #00000082 !important;
    border: 1px solid #ffffff3b !important;
}

.form-row .form-item .btnn{
        background:#ff0000 !important;
    margin-top: 12px !important;
    color: white !important;
}

/* contact-us-section close */