/* Minification failed. Returning unminified contents.
(1021,23): run-time error CSS1038: Expected hex color, found '#ffff'
 */
body {
    /*padding: 0 !important;*/
    font-family: 'Manrope', sans-serif !important;
}

.section-width {
    max-width: 1775px !important;
    padding-left: 150px !important;
    padding-right: 150px !important;
    margin-left: auto !important;
    margin-right: auto !important;
   
}

.heade_text_div {
    margin-top: 10%;
}

.margin {
    padding-top: 3%;
    padding-bottom: 3%;
}

.home_title_New {
    font-size: 50px !important;
}

.home_second_title {
    margin-top: 4%;
}

.bgcolor{
    background-color:#F2F2F2;
}

.SectionBg {
    background: url('https://pub-83f27bfa6f604d18be39551544967b77.r2.dev/images/Headlight/Headlightpage.png') no-repeat center center !important;
    background-size: cover !important;
    /*height: 600px;*/
}

.btn_Red_header {
    margin-top: 4%;
    background-color: #E02020 !important;
    color: white !important;
    font-size: 27px;
    padding: 5px 30px;
    font-weight: 700;
    letter-spacing: 0.8px;
}

.btn_show_get_fitment {
    /*margin-top: 4%;*/
    color: black !important;
    /*font-size: 27px;
    padding: 5px 30px;
    font-weight: 700;
    letter-spacing: 0.8px;*/
    border: 2px solid red;
    /*border-radius: 5px;*/
}

/* General Styles */
.mainsection {
    max-width: 1400px;
}

.main {
    display: flex;
    justify-content: center;
    align-items: center;
    /*margin-top: 45px;*/
    text-align: center;
    flex-wrap: wrap;
}

.pt-5 {
    padding-top: 0rem !important;
}

.py-5 {
    padding-top: 3rem !important;
}

.text {
    font-weight: 900;
}

.text2 {
    color: #000000;
    font-size: 22px;
    font-weight: 400;
    position: relative;
    text-align: center;
    margin: 0px auto;
    max-width: 80%;
}

.whychooseimg {
    width: 20%;
}

.whychooseus_h5 {
    font-weight: 700;
    font-size:1.25rem !important;
    margin-bottom: 0px !important

}

.Heading-22px {
    font-weight: 500;
}
/* Line Styling */
.line-5 {
    margin: 10px 20px;
    border-style: solid;
    border-color: #323232;
    border-width: 3px 0 0 0;
    width: 100px;
    height: 0px;
}

    .line-5 * {
        box-sizing: border-box;
    }

#loader1 {
    margin: 0px;
    padding: 0px;
    position: fixed;
    right: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 30001;
    opacity: 0.8;
}

/* Responsive Styles */
@media (min-width: 1700px) {
    .section-width {
        max-width: 1240px !important;
        padding-left: 30px !important;
        padding-right: 30px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

@media (max-width: 991px) {
    .d-block Section {
        /*height: 1100px;*/
    }

    .header_second_img {
        max-width: 100%;
        margin-left: 0px;
    }
}

@media (max-width: 750px) {
    .d-block Section {
        /*height: 930px;*/
    }
}

@media (max-width: 500px) {
    .home_title_New {
        font-size: 35px !important;
    }

    .home_second_title {
        margin-top: 10%;
        font-size: 19px;
    }

    .d-block Section {
        /*height: 650px;*/
    }
}

@media (max-width: 390px) {
    .home_title_New {
        font-size: 35px !important;
    }

    .home_second_title {
        margin-top: 10%;
        font-size: 20px;
    }

    .btn_Red_header {
        margin-top: 10%;
    }
}

@media (max-width: 390px) {
    .home_title_New {
        font-size: 30px !important;
    }
}

@media (max-width: 320px) {
    .d-block Section {
        height: 700px;
    }
}

@media (max-width: 768px) {
    .text2 {
        font-size: 20px;
        margin: 15px auto;
    }

    .line-5 {
        display: none;
    }
}

@media (max-width: 1400px) {
    .section-width {
        /*max-width: 1775px !important;*/
        padding-left: 45px !important;
        padding-right: 45px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

@media (max-width: 991px) {
    .lineshow {
        display: none;
    }
}

@media (max-width: 576px) {
    .text2 {
        font-size: 18px;
        margin: 10px auto;
    }

    .line-5 {
        display: none;
    }
}

.group * {
    box-sizing: border-box;
}

.group {
    height: auto;
    position: relative;
    overflow: visible;
}

.Bannerimg {
    background: url('https://pub-83f27bfa6f604d18be39551544967b77.r2.dev/images/Headlight/Mask group (1).png')no-repeat center center !important;
    height: auto;
    background-size: cover !important;
    border-radius: 10%;
}

.banner {
    background: url('https://pub-83f27bfa6f604d18be39551544967b77.r2.dev/images/Headlight/Mask group (1).png')no-repeat center center !important;
    position: relative;
    overflow: visible;
    /*border-radius: 15px;*/
    border-radius: 8px;
    /*margin-top: 6%;*/
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

    .banner h2 {
        text-align: center;
        /*padding-top: 10%;*/
        font-weight: 900;
    }

    .banner p {
        text-align: center;
        padding-top: 4%;
        padding-bottom: 20px;
    }

.image1 {
    /*align-items: flex-start;*/
    padding-top: 1%;
    padding-left: auto;
    /*padding-bottom: 1%;*/
    padding-bottom: 3rem;
    padding-left: 4%;
}

.whychooseusimgmobile {
    text-align: center;
    margin-top: 50px;
    margin-bottom: 50px;
}

.whychooseus {
    width: 100%;
}

.width {
    max-width: 70%;
}

.image2 img {
    display: block;
    margin-left: auto;
    padding-top: 1%;
    padding-bottom: 1%;
    padding-right: 4%;
}

#bannertext {
    color: white;
}

.content {
    margin-left: 10%;
    font-weight: 600;
}

.d-flex {
    display: flex;
    align-items: center;
}

.flex-item {
    margin-right: 15px;
}

.d-flex:last-child {
    margin-bottom: 0;
    align-items: baseline;
}

#rectangleimage img {
    max-width: 100%;
    height: auto;
    border: 1px solid #E81D25;
    padding: 5px;
}

#rectangletext {
    flex: 1;
    /*padding-left: 5%;*/
    align-items: flex-end;
    /*font-family: "Inter-Regular", sans-serif;*/
}

.Customer-Testimonials {
    text-align: center;
    /*font-family: "Inter-Regular", sans-serif;*/
    display: flex;
}

.home_title_New {
    color: red;
    /*font-size: 47px !important;*/
    /*font-weight: 700;*/
}

/*#vectorBody {
            margin-top: 6%;
        }*/

#vectorImg {
    width: 100%;
    height: auto;
    margin-top: 9%;
}

#vector {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 54%;
    /*height: 100%;*/
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('https://pub-83f27bfa6f604d18be39551544967b77.r2.dev/images/Headlight/Vector.png');
    margin-left: 20%;
    /*margin-right:20%;*/
}

#vector2 {
    background-image: url('https://pub-83f27bfa6f604d18be39551544967b77.r2.dev/images/Headlight/Vector.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.vectorcol {
    padding: 0 !important;
}

.vectorText {
    text-align: center
}

.vectorcolmobile {
    margin-bottom: 10%;
    padding: 0% 30%;
    text-align: center;
}

.vactorh1 {
    text-align: center;
    color: white;
    /*font-size: -webkit-xxx-large;*/
    font-size: 55px;
    font-weight: bolder !important;
}

.vector2 {
    text-align: center;
    color: white;
    /*font-size: -webkit-xxx-large;*/
    font-size: 55px;
    font-weight: bolder !important;
}

.bannerp {
    padding-top: 8%;
}

.textdiv {
    margin-bottom: 30px;
}

.vectortect2 {
    margin-top: 6%;
}

#bannerimage2 {
    padding-bottom: 4%;
}

.abc {
    max-width: 66%;
    flex: 1;
}

.image-row {
    /*margin-left: 5%;*/
    /*margin-top: 5%;*/
    padding-top:3rem !important;
    padding-bottom:3rem !important;
}

.image-container2 {
    display: none;
}

.imagegroup {
    background-image: url('https://pub-83f27bfa6f604d18be39551544967b77.r2.dev/images/Headlight/Frame 1.png');
}

.image-container {
    flex: 1;
    max-width: 100%;
    text-align: center;
    /*margin-top:20%;*/
}

.image-text {
    margin-top: 10px;
    font-size: 30px;
    color: #000;
    color: #E81D25;
}


.carousel-indicators {
    position: absolute !important;
    right: 0;
    bottom: -20px;
    left: 0;
    z-index: 15;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    margin-bottom: 0px;
    list-style: none;
}

    .carousel-indicators .active {
        background-color: #E81D25;
    }

    .carousel-indicators li {
        position: relative;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        width: 18px;
        height: 18px;
        border-radius: 99px;
        margin-right: 3px;
        margin-left: 3px;
        text-indent: -999px;
        background-color: #323232;
    }

        .carousel-indicators li::before {
            position: absolute;
            top: -10px;
            left: 0;
            display: inline-block;
            width: 100%;
            height: 10px;
        }

/*.image-row {
        margin-left: 5%;
        margin-top: 5%;
    }*/

@media (max-width: 990px) {
    .responsive-margin {
        margin-top: 50px;
    }

    .faq-second-heading {
        text-align: center;
    }
}

@media (max-width: 768px) {
    .image-row {
        flex-direction: column;
        align-items: center;
    }

    .image-container {
        max-width: 100%;
        margin: 3rem 0 0 0;
    }
    .responsive-margin {
        margin-top: 1rem !important;
    }
}

.full-width-image {
    width: 100%;
    overflow: hidden;
}

    .full-width-image img {
        width: 100%;
        height: auto;
        display: block;
    }

#vector-container {
    display: none;
}

@media (max-width: 768px) {
    .accordion-header-h1 {
        font-size: 1rem;
    }
    #vectorBody {
        display: none;
    }

    #vector-container {
        display: block;
    }

        #vector-container .row > .col-12 {
            display: flex;
            flex-direction: column;
            align-items: center;
        }
}

.bannerimage {
    padding: 4% 15%;
}

.Bannerimg {
    display: none;
}

    .Bannerimg .row {
        margin-bottom: 20px; /* Add space between rows */
    }

@media (max-width: 768px) {
    .banner {
        display: none;
    }

    .Bannerimg {
        display: block;
    }
}

.imgclsmobileview {
    display: none;
}

.imgdesktopview {
    margin-top: 5%;
}

.imgb {
    font-size: x-large;
    font-weight: 900;
}

@media (max-width: 991px) {
    .imgdesktopview {
        display: none;
    }

    .imgclsmobileview {
        display: block;
    }
}

@media (max-width: 764px) {
    .row {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .col-12 {
        margin-left: auto;
        margin-right: auto;
    }
}

.rectangleView .row {
    margin-bottom: 2rem;
}

.rectangleView .flex-item {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
}

#rectangleimage {
    margin-right: 1rem;
}


.rectangle {
    /*margin-left: 10%;*/
    font-weight: 600;
}

.fa-quote-left {
    color: red;
}

.fa-quote-right {
    color: red;
}

.imagegroup {
    background-image: url('https://pub-83f27bfa6f604d18be39551544967b77.r2.dev/images/Headlight/Frame 1.png');
    padding: 0% 2% 2% 2%;
}

.faq_img {
    width: 100%;
}

.Heading-faq {
    font-size: 38px !important;
    text-align: center;
    margin-bottom: 50px;
}

.faq-second-heading {
    font-weight: 900;
    color: #000000;
    margin-bottom: 30px;
}

.accordion {
    max-width: 600px;
    margin: 20px auto;
}

.accordion-item {
    margin-bottom: 10px;
}

.accordion-header {
    background-image: url('https://pub-83f27bfa6f604d18be39551544967b77.r2.dev/images/Headlight/Rectangle 4.png');
    background-repeat: round;
    cursor: pointer;
    padding: 10px 15px 10px 25px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.accordion-header-h1 {
    font-size: 20px;
    color: #000000;
    font-weight: 700;
    padding-right: 2%;
    max-width: 585px;
}

.accordion-content {
    display: none;
    padding: 15px 20px 25px 25px;
    background-image: url('https://pub-83f27bfa6f604d18be39551544967b77.r2.dev/images/Headlight/Rectangle 4.png');
    background-repeat: round;
    margin-top: -10px;
    color: #000000;
    font-size: 18px;
    font-weight: 500;
}

.accordion-icon {
    width: 15px;
    height: 15px;
    background-image: url('https://pub-83f27bfa6f604d18be39551544967b77.r2.dev/images/Headlight/Group 7.png');
    background-size: cover;
    background-position: center;
}

.accordion-header.active .accordion-icon {
    background-image: url('https://pub-83f27bfa6f604d18be39551544967b77.r2.dev/images/Headlight/Line 2.png');
    height: 4px;
    margin-right: 7px;
}

.faq-line {
    border-top: 2px solid hsl(0, 0%, 71%);
    margin: -10px 0px 5px 0px;
}


.imagep {
    /*padding: 0% 12%;*/
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    /*color: red;*/
}

.redimg {
    display: flex;
    min-width: -webkit-fill-available;
    /*text-align: center;*/
    /*align-items: center;*/
    align-items: flex-start;
    padding: 1% 11%;
}

@media (max-width: 999px) and (min-width: 764px) {
    .redimg {
        padding: 0;
    }
}

@media (max-width: 764px) {
    .desktopviewimage {
        display: none;
    }

    .mobileviewimage {
        display: block;
    }
}

@media (min-width: 765px) {
    .desktopviewimage {
        display: block;
    }

    imagegroup mobileviewimage {
        display: none;
    }
}

@media screen and (max-width: 430px) {
    .modal-lg-custom {
        max-width: 100%;
        width: 90%;
    }

    .modal-title {
        font-size: 20px;
    }
}


/* Model Css*/


/*.modal-open {
    overflow: unset;
}*/

body.modal-open .modal .modal-dialog {
    margin: auto;
}

body.modal-open #Message {
    display: flex !important;
    height: 100%;
}

.headlightmodelheader {
    justify-content: flex-end;
}

.modal-header {
    border: none;
}

    .modal-header .close {
        padding: 0px 9px 1px 9px !important;
        font-size: 35px;
        background-color: #463c3c;
        color: white;
        border-radius: 52%;
        margin: -5px;
        font-weight: 300 !important;
    }

.modal-title {
    font-weight: 700;
    font-size: 22px;
}

.headlightmodelbody {
    padding: 0px 50px 50px 50px;
}

.textbox_width {
    width: 100%;
}

.max-text-width-captcha {
    height: 45px;
}

.max-width {
    max-width: 100%;
    height: 45px;
}

.max-width-captcha {
    height: 45px;
    margin-right: 28px !important;
}

.margin-top-form-control {
    margin-top: 20px;
}

.margin-top-form-control-btn {
    margin-top: 15px;
}

.exportfooter {
    text-align: center;
    width: 100%;
    font-size: 20px;
    font-weight: 700;
}

.modal-content {
    border-radius: 20px;
}

.modal-lg-custom {
    max-width: 27%;
    width: 40%;
}

/* Model CSS End*/

/* Model Resposnive Css Start*/

@media (max-width: 1669px) {
    .modal-lg-custom {
        max-width: 36%;
    }

    .max-width-captcha {
        margin-right: 8px !important;
    }
}

@media (max-width: 1280px) {
    .modal-lg-custom {
        max-width: 39%;
        width: 40%;
    }
}

@media (max-width: 1200px) {
    .modal-lg-custom {
        max-width: 43%;
        width: 43%;
    }

    iframe {
        width: 75% !important;
    }
}

@media screen and (max-width: 1024px) {
    .modal-lg-custom {
        max-width: 65%;
        width: 100%;
    }
}

@media screen and (max-width: 764px) {
    .modal-lg-custom {
        max-width: 85%;
        width: 100%;
    }

    .margin-top-form-control {
        flex-direction: inherit !important;
    }

    .modal {
        padding-right: 0 !important;
    }

    button.close {
        margin-top: -75px;
        margin-right: -10px;
    }
}

@media screen and (max-width: 540px)  {
    .modal-lg-custom {
        max-width: 95%;
        width: 100%;
    }    
}

@media screen and (max-width: 540px) and (min-width: 400px) {

    button.close {
        margin-top: -48px;
        margin-right: -17px;
    }
}

/* Model Resposnive Css End*/
.section-max-width {
    max-width: 1240px !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.py-5-section {
    padding-bottom: 3rem !important;
    padding-top: 3rem !important;
}

.pt-5-section {
    padding-top: 3rem !important;
}

.pb-5-section {
    padding-bottom: 3rem !important;
}

.rectangle-74 {
    background: #FFFFFF;
    border-radius: 8px;
    /*height: 366px;*/
    position: relative;
    box-shadow: 0px 17.32px 38.1px 0px rgba(0, 0, 0, 0.1), inset 0px 437.58px 122.38px 0px rgba(0, 0, 0, 0);
}

.mobileview {
    display: none !important;
}

.desktopview {
    display: block !important;
}

@media (max-width: 767px) {
    .mobileview {
        display: block !important;
    }

    .desktopview {
        display: none !important;
    }
}
.btn_show_get_fitment:hover {
    background-color: #ffff !important;
}