@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Jomolhari&family=Space+Grotesk:wght@300..700&family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap');
.breadcrumbcontainer {
    padding: 0;
    background: var(--primary-light);
}

.breadcrumbcontainer nav {
    padding: 0px 0px 12px 0px;
    border-bottom: 1px solid #ddd;
}

.breadcrumbcontainer nav .breadcrumb {
    padding: 0;
    margin: 0
}

.breadcrumbcontainer nav .breadcrumb li {
        color: var(--secondary-text);
    font-weight: 600;
    font-size: 14px;
}

.breadcrumbcontainer nav .breadcrumb-item+.breadcrumb-item::before {
    font-family: 'FontAwesome';
    content: var(--bs-breadcrumb-divider, "\f105");
}

.breadcrumbcontainer nav .breadcrumb a {
    color: var(--secondary-text);
    text-decoration: none
}

.breadcrumbcontainer nav .breadcrumb li.active {
     font-weight: 400;
}

.categorylistcontainer {
    padding: 40px 0px;
    background: var(--primary-light);
}

.categorylistcontainer .catlist {
    float: left;
    width: 100%;
}

.categorylistcontainer .catlist .catlistbx {
    float: left;
    width: 100%;
    text-decoration: none;
}

.categorylistcontainer .catlist .catlistbx+.catlistbx {
    margin-top: 30px;
}

.categorylistcontainer .catlist .catlistbx img {

    width: 100%;
    height: 482px;
    margin-bottom: 0px;
    object-fit: cover;
    border-radius: 15px;
    
}

.categorylistcontainer .catlistinner {
    float: left;
    width: 100%;
    text-decoration: none;
}

.categorylistcontainer .catlistinner .catlistinimg {
    float: left;
    width: 100%;
}

.categorylistcontainer .catlistinner .catlistinimg img {
    width: 100%;
    max-height: 100%;
    border-radius: 15px;
    transition: 0.3s ease-in-out;
}

.categorylistcontainer .catlistinner .catlistinct {
    float: left;
    width: 100%;
    min-height: 2.8rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.categorylistcontainer .catlistinner .catlistinct h3 {
    color: var(--secondary-text);
    text-align: center;
    font-size: 0.875rem;
    font-weight: 500;
    margin: 0px;
    padding: 0px;
    transition: 0.3s ease-in-out;
}

.categorylistcontainer .catlist .catlistbx:hover img{ mix-blend-mode: luminosity;
}
.categorylistcontainer .catlistinner:hover .catlistinimg img {
    mix-blend-mode: luminosity;
}

.categorylistcontainer .catlistinner:hover .catlistinct h3 {
    text-decoration: underline;
}

.premiumbrandcontainer {
    padding: 20px 0px 60px 0px;
    background: var(--primary-light);
}

.premiumbrandcontainer .logo-bg img {
    max-width: 100%;
}

.premiumbrandcontainer .logo-bg {
    padding: 16px 30px;
    background-color: var(--theme-white);
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.premiumbrandcontainer .brandcolumn {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-template-rows: repeat(3, auto);
    gap: 20px;
}

.extraforyoucontainer {
    padding: 20px 0px 60px 0px;
    background: var(--primary-light);
}

.extraforyoucontainer .swiper-nav .swiper-button-prev-extra, .extraforyoucontainer .swiper-nav .swiper-button-prev-extra-detail, .extraforyoucontainer .swiper-nav .swiper-button-prev-recent{
    position: absolute;
    left: -65px;
    top: 50%;
    transform: translateY(-50%);
}

.extraforyoucontainer .swiper-nav .swiper-button-next-extra, .extraforyoucontainer .swiper-nav .swiper-button-next-extra-detail, .extraforyoucontainer .swiper-nav .swiper-button-next-recent{
    position: absolute;
    right: -65px;
    top: 50%;
    transform: translateY(-50%);
}
.extraforyoubx .wrap{padding: 0px 10px 5px 10px; flex: 1; display: flex; flex-direction: column;align-items: flex-start;}
.extraforyoubx p {
    font-family: "DM Sans", sans-serif;
    font-weight: 400;
    font-size: 0.9rem;
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    flex: 1;

}

/* .extraforyoubx .wrap{padding: 0 30px;} */
.extraforyoubx {
    padding: 10px;
    max-width: 100%;
    width: 100%;
    background-color: var(--theme-white);
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.extraforyoubx a.btn {
    background: linear-gradient(142.25deg, #2E8BC8 2.98%, #4C4D99 88.33%);
    padding: 1rem 2.75rem;
    color: var(--theme-white);
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    border-radius: 15px;
    border: none;
}

.extraforyoubx h4 {
    font-family: "Outfit", sans-serif;
    padding-top: 20px;
    font-weight: 500;
    font-size: 1.3rem;
    color: var(--secondary-text);
    /* line-height: 30px; */
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;

}

.extraforyoubx .feacherimage img {
    border-radius: 16px;
    max-width: 100%;
    width: 100%;
    object-fit: cover;
}

/* Dealer */
.dealercontainer{padding: 30px 0px; background: var(--primary-light);}
.dealercontainer .form-group label{color: var(--theme-paragarph); font-size: 15px; font-weight: 400; margin: 0px 0px 4px 0px;}
.dealercontainer .form-group .form-control, .dealercontainer .form-group .form-select{background-color: var(--theme-white); border: 1px solid var(--theme-white); height: 42px; color: var(--primary); font-size: 15px; padding: 6px 40px 6px 15px; -webkit-border-radius: 9px; border-radius: 9px;}
.dealercontainer .form-group .form-control:disabled, .dealercontainer .form-group .form-select:disabled{opacity: 0.5; cursor: no-drop;}
.dealercontainer .form-group .form-control:focus, .dealercontainer .form-group .form-select:focus{border-color: var(--primary); box-shadow: 0 0 0 .25rem rgba(var(--primary-rgb), 0.25);}
.dealercontainer .select2-container{width: 100% !important; z-index: 1;}
.dealercontainer .select2-container--default .select2-selection--single{height: 42px; border: 1px solid var(--theme-white); background-color: var(--theme-white); -webkit-border-radius: 9px; border-radius: 9px;}
.dealercontainer .select2-container--default.select2-container--disabled .select2-selection--single{opacity: 0.6;}
.dealercontainer .select2-container--default .select2-selection--single .select2-selection__rendered{color: var(--primary); font-size: 15px; padding-left: 15px;}
.dealercontainer .select2-container--default .select2-selection--single .select2-selection__placeholder{color: var(--primary);}

.select2-dropdown{background-color: var(--theme-white); border-color: var(--theme-white);}
.select2-dropdown .select2-results{padding-right: 5px;}
.select2-dropdown .select2-search--dropdown{padding: 10px;}
.select2-container--default .select2-search--dropdown .select2-search__field{border-color: #BCC9CD; border-radius: 7px;}
.select2-dropdown .select2-results__option{padding: 6px 10px;}
.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar{width: 4px; height: 4px;}
.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-track{background: #f1f1f1; border-radius: 10px;}
.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb{background: var(--theme-gradient-hover); border-radius: 10px;}

.select2-container--default .select2-selection--single .select2-selection__arrow b{display:none;}
.select2-container--default .select2-selection--single .select2-selection__arrow::after{content: "\f107";font-family: 'FontAwesome';position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:20px;color:#666;pointer-events:none;}
.select2-container--open .select2-selection__arrow::after{transform:translateY(-50%) rotate(180deg);}




.dealerbtx{float: left; width: 100%; background: var(--theme-white); padding: 20px; height: 100%; border-radius: 15px;}
.dealerbtx h3{color: var(--secondary-text); font-weight: 500; padding: 0px; font-size: 20px; margin: 0px 0px 15px 0px;}
.dealerbtx h3 a{color: var(--secondary-text); text-decoration: none;}
.dealerbtx p{font-family: "DM Sans", sans-serif; color: var(--secondary-text); font-weight: 400; position: relative; padding: 0px; font-size: 14px; margin-bottom: 15px;}
.dealerbtx p.emailbx{position: relative; padding: 0px 0px 0px 26px; margin-bottom: 15px;}
.dealerbtx p.emailbx a{color: var(--secondary-text); word-break: break-word; text-decoration: none; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
.dealerbtx p.emailbx i{position: absolute; left: 0px; top: 4px; width: 18px; text-align: center; background: var(--theme-gradient); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; font-size: 14px; line-height: 100%; -webkit-border-radius: 5px; border-radius: 5px;}
.dealerbtx p.emailbx a:hover{color: var(--secondary);}
.dealerbtx .dealerlogo{width: 100%; height: 100px; margin: 0px 0px 15px 0px; text-align: center; background: #f8f8f8; border-radius: 15px; padding: 10px;}
.dealerbtx .dealerlogo img{width: auto; height: 100%; max-width: 100%; max-height: 100%;}

.dealercontainer .form-group .theme-btn{padding: 14px 9px; min-width: initial; font-size: 13px;}
.dealercontainer .form-group .theme-btn i{margin-top: 1px;transform: rotate(-90deg) scale(0.7);}

.extraforyoubx .wrap{padding-top: 15px;}
.extraforyoubx h4{padding-top: 0px;}
.extraforyoubx h4 a{color: var(--secondary-text); text-decoration: none; transition: 0.3s ease-in-out;}
.extraforyoubx h4:hover a{color: var(--secondary); text-decoration: underline;}
.extraforyoubx .listlabel{color: #646464; font-size: 14px; text-transform: uppercase; font-weight: 400; margin: 0px 0px 7px 0px; font-family: "DM Sans", sans-serif;}
.extraforyoubx p{font-family: "DM Sans", sans-serif; font-size: 14px;}
.extraforyoubx .theme-btn{border-radius: 15px;}
.extraforyoubx .feacherimage img{height: auto;}
.loadingicon p{font-size: 17px; font-weight: 500; display: flex; align-items: center; gap: 7px;}
.loadingicon p i{font-size: 24px;}

@media (min-width: 1700px) {
.breadcrumbcontainer nav .breadcrumb li{font-size: 18px;}
.categorylistcontainer .catlist .catlistbx img{height: 385px;}
.dealercontainer .section-heading p{font-size: 16px; line-height: 28px;}
.dealerbtx h3{font-size: 26px;}
.dealerbtx p{font-size: 16px;}
.dealerbtx p.emailbx i{top: 6px;}
.dealercontainer .form-group label{font-size: 16px;}
.dealercontainer .form-group .form-control, .dealercontainer .form-group .form-select{height: 44px; font-size: 16px;}
.extraforyoubx .listlabel{font-size: 16px;}
.extraforyoubx p{font-size: 16px;}
.extraforyoucontainer .swiper-nav .swiper-button-prev-extra, .extraforyoucontainer .swiper-nav .swiper-button-prev-extra-detail, .extraforyoucontainer .swiper-nav .swiper-button-prev-recent{left: -79px;}
.extraforyoucontainer .swiper-nav .swiper-button-next-extra, .extraforyoucontainer .swiper-nav .swiper-button-next-extra-detail, .extraforyoucontainer .swiper-nav .swiper-button-next-recent{right: -79px;}
.dealerbtx .dealerlogo{height: 135px;}
.dealercontainer .select2-container--default .select2-selection--single{height: 44px;}
.dealercontainer .select2-container--default .select2-selection--single .select2-selection__rendered{font-size: 19px;}
}
@media (min-width: 1920px) {
.categorylistcontainer .catlist .catlistbx img{height: 424px;}
.dealercontainer .section-heading p{font-size: 18px; line-height: 32px;}
.dealerbtx h3{font-size: 30px;}
.dealerbtx p{font-size: 18px;}
.dealerbtx p.emailbx i{top: 8px;}
.dealercontainer .form-group label{font-size: 18px;}
.dealercontainer .form-group .form-control, .dealercontainer .form-group .form-select{height: 46px; font-size: 18px;}
.dealercontainer .select2-container--default .select2-selection--single{height: 46px;}
.dealercontainer .select2-container--default .select2-selection--single .select2-selection__rendered{font-size: 18px;}
.extraforyoubx .listlabel{font-size: 16px;}
.extraforyoubx h4{font-size: 30px;}
.extraforyoubx p{font-size: 18px;}
.extraforyoucontainer .swiper-nav .swiper-button-prev-extra, .extraforyoucontainer .swiper-nav .swiper-button-prev-extra-detail, .extraforyoucontainer .swiper-nav .swiper-button-prev-recent{left: -92px;}
.extraforyoucontainer .swiper-nav .swiper-button-next-extra, .extraforyoucontainer .swiper-nav .swiper-button-next-extra-detail, .extraforyoucontainer .swiper-nav .swiper-button-next-recent{right: -92px;}
.dealerbtx .dealerlogo{height: 145px;}
}

@media (max-width: 1600px) {.categorylistcontainer .catlist .catlistbx img {
    height: 302px;}
    
}

@media (max-width: 1440px) {
.categorylistcontainer .catlist .catlistbx img {
            height: 341.5px;
        margin-bottom: 0px;}
}
@media (max-width: 1370px) {
    .categorylistcontainer .catlist .catlistbx img {
      margin-bottom: 0px;
        height: 304px;

    }
    .categorylistcontainer .catlist .catlistbx+.catlistbx{margin-top: 22px;}
}
@media (max-width: 1199px) {
.categorylistcontainer{padding: 30px 0px;}
.categorylistcontainer .catlist .catlistbx img{height: 243px;}
}
@media (max-width: 1100px) {
    .categorylistcontainer .catlist .catlistbx img {
       
        height: 240px;
        margin-bottom: 0px;

    }
    .dealerbtx{padding: 20px;}
    .dealerbtx h3{font-size: 18px; margin: 0px 0px 10px 0px;}
    .dealerbtx p{font-size: 13px; margin: 0px 0px 10px 0px;}
    .dealerbtx p.emailbx{padding: 0px 0px 0px 22px; margin: 0px 0px 10px 0px;}
    .dealerbtx p.emailbx i{font-size: 13px; width: 16px; top: 3px;}
}
@media (max-width: 991px) {
    .premiumbrandcontainer .brandcolumn {
        grid-template-columns: repeat(4, 1fr);

    }

    .extraforyoucontainer .swiper-nav .swiper-button-next-extra, .extraforyoucontainer .swiper-nav .swiper-button-next-extra-detail, .extraforyoucontainer .swiper-nav .swiper-button-next-recent {

        right: 30px;
        top: 50%;
    }

    .extraforyoucontainer .swiper-nav .swiper-button-prev-extra, .extraforyoucontainer .swiper-nav .swiper-button-prev-extra-detail, .extraforyoucontainer .swiper-nav .swiper-button-prev-recent{

        left: 30px;
        top: 50%;
    }
    .categorylistcontainer .catlist .catlistbx img {
        height: 200px;
    }
    .extraforyoubx .theme-btn{font-size: 13px; padding: 7px 15px; min-width: 100px; border-radius: 8px;}
    .extraforyoubx .wrap{padding: 10px 0px 0px 0px;}
    .extraforyoubx .listlabel{font-size: 13px; margin: 0px 0px 3px 0px;}
    .extraforyoubx p{font-size: 13px;}

    .extraforyoucontainer .section-heading{margin-bottom: 20px;}
    .extraforyoucontainer .section-heading h2{text-align: left;}
    .extraforyoucontainer .swiper-nav{position: absolute; left: auto; right: 8px; top: -51px; gap: 5px; -webkit-transform: none; transform: none;}

    .extraforyoucontainer .swiper-nav .swiper-button-prev-extra, .extraforyoucontainer .swiper-nav .swiper-button-prev-extra-detail, .extraforyoucontainer .swiper-nav .swiper-button-prev-recent{position: static; transform: none;}
    .extraforyoucontainer .swiper-nav .swiper-button-next-extra, .extraforyoucontainer .swiper-nav .swiper-button-next-extra-detail, .extraforyoucontainer .swiper-nav .swiper-button-next-recent{position: static; transform: none;}



}

@media (max-width: 767px) {
    .premiumbrandcontainer .brandcolumn {
        grid-template-columns: repeat(3, 1fr);

    }
    .categorylistcontainer{padding: 25px 0px;}
    .categorylistcontainer .catlist .catlistbx img{height: auto;}
    .breadcrumbcontainer nav{padding: 0px 0px 10px 0px;}
    .brandcontainer .section-heading{margin-bottom: 15px;}
    .extraforyoucontainer .swiper-nav{position: absolute; top:-45px; right: 10px; display: flex; gap: 5px;}
    .extraforyoucontainer .swiper-nav .swiper-button-prev-extra, .extraforyoucontainer .swiper-nav .swiper-button-prev-extra-detail, .extraforyoucontainer .swiper-nav .swiper-button-prev-recent{position: static;}
    .extraforyoucontainer .swiper-nav .swiper-button-next-extra, .extraforyoucontainer .swiper-nav .swiper-button-next-extra-detail, .extraforyoucontainer .swiper-nav .swiper-button-next-recent{position: static;}
    .extraforyoucontainer{padding: 20px 0px 0px 0px;}
    .brandcontainer + .extraforyoucontainer{padding-top: 20px;}
    .dealercontainer .form-group label{font-size: 13px; margin: 0px 0px 0px 0px;}
    .dealercontainer .form-group .form-control, .dealercontainer .form-group .form-select{height: 38px; font-size: 13px;}
    .dealercontainer .select2-container--default .select2-selection--single{height: 38px;}
    .dealercontainer .select2-container--default .select2-selection--single .select2-selection__rendered{font-size: 13px;}
    .dealercontainer{padding: 15px 0px 20px 0px;}
    .premiumbrandcontainer{padding: 20px 0px 30px 0px;}
    .dealercontainer .form-group .theme-btn{float: right;}

}


@media (max-width: 575px) {
    .premiumbrandcontainer .brandcolumn {
        grid-template-columns: repeat(2, 1fr);

    }
    .extraforyoucontainer .section-heading{margin-bottom: 9px;}
    .extraforyoucontainer .swiper-nav{top: -35px;}
    .extraforyoubx h4{font-size: 1.1rem;}
}
#load-more-btn{
    background: var(--theme-gradient);
    border: none;
    border-radius: 15px;
}
@media (max-width: 400px) {
    .coldealer{
        flex: 0 0 auto;
        width: 100%;
    }
}