@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
:root{
    --dark-blue: #0D1637;
    --red: #E93423;
    --red-dark: #c82718;
    --white: #ffffff;
    --black: #000;  
    --lighter-gray:#F9f9f9;
    --light-gray:#F5F5F5;
    --gray:#DFDFDF;  
    --dark-gray:#86898E;
    --darker-gray:#1C1C1C;
    

    --bg-dark-blue: #0D1637;
    --bg-red: #E93423;
    --bg-red-dark: #c82718;
    --bg-white: #ffffff;    
    --bg-black:#000000;
    --bg-lighter-gray:#f9f9f9;
    --bg-light-gray:#F5F5F5;
    --bg-gray:#DFDFDF; 
    --bg-dark-gray:#86898E;
    --bg-darker-gray:#1C1C1C;
}

body{font-family: "Poppins", sans-serif; font-size: 16px; line-height: 26px; color: var(--dark-blue); font-weight: 400;}

.btn-primary{
    --bs-btn-color:  var(--white);
    --bs-btn-bg: var(--bg-red);
    --bs-btn-border-color: var(--bg-red);
    --bs-btn-hover-color: var(--white);
    --bs-btn-hover-bg:  var(--bg-red);
    --bs-btn-hover-border-color: var(--bg-red);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: var(--white);
    --bs-btn-active-bg:  var(--bg-red);
    --bs-btn-active-border-color: var(--bg-red);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--white);
    --bs-btn-disabled-bg: var(--bg-red);
    --bs-btn-disabled-border-color: var(--bg-red);  
}
.btn-primary:hover {
    color: var(--white);
   background-color:  var(--bg-red-dark);
    border-color:  var(--bg-red-dark);
  
}

.btn-outline-primary {
    --bs-btn-color:  var(--red);
    --bs-btn-border-color:  var(--bg-red);
    --bs-btn-hover-color: var(--white);
    --bs-btn-hover-bg:  var(--bg-red);
    --bs-btn-hover-border-color:  var(--bg-red);
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: var(--white);
    --bs-btn-active-bg:  var(--bg-red);
    --bs-btn-active-border-color:  var(--bg-red);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color:  var(--red);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color:  var(--bg-red);
    --bs-gradient: none;
   
}

.btn-outline-primary:hover {
    color: var(--white);
    background-color:  var(--bg-red);
    border-color: var(--bg-red);
}

.btn-primary,
.btn-outline-primary{height: 50px; font-weight: 600; height: 50px;   font-weight: 600;    line-height: normal;    padding: 10px 20px;    display: inline-flex;
        align-items: center;   justify-content: center;}
.btn-primary img,
.btn-outline-primary img{width: 20px; height: auto; margin-right: 5px;}

.btn-large{font-size: 22px;  height: 80px;}

.btn-view-all-car{color: var(--red); text-decoration: none; font-size: 20px; font-weight: 700;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{color: var(--dark-blue); }
.card-title{color: var(--dark-blue); }
.heading{padding: 0; margin: 0 0 40px 0; color:var(--dark-blue); font-size: 34px; font-weight: 700; }
.heading .heading-small-text{font-size: 14px; line-height: 20px; font-weight: 400; text-align: center; max-width: 400px; margin:0 auto; padding-top: 5px;}

.bg-light-gray{background-color: var(--bg-light-gray);}
.bg-gray{background-color: var(--bg-gray);}


.card{color: var(--dark-blue);} 
.card-body{color:var(--dark-blue);} 

.accordion,
.accordion-item{color:var(--dark-blue);}

.font-100{font-weight: 100;}
.font-200{font-weight: 200;}
.font-300{font-weight: 300;}
.font-400{font-weight: 400;}
.font-500{font-weight: 500;}
.font-600{font-weight: 600;}
.font-700{font-weight: 700;}

/********** Owl Carousel Default Class  **********/
.owl-carousel .owl-nav { }
.owl-carousel .owl-nav[class*="owl-"] span{display: inline-flex;  align-items: center;  justify-content: center;  background-color: rgba(255,255,255,1);
    width: 50px;  height: 50px;  border-radius: 50px; box-shadow: 0px 3px 6px rgba(0,0,0,0.2);}
.owl-carousel.owl-theme .owl-nav [class*=owl-]:hover{background: transparent;}
.owl-carousel .owl-nav button.owl-prev{position: absolute; left: -20px; top: 50%; transform: translateY(-50%);}
.owl-carousel .owl-nav button.owl-prev span{font-size: 0; position: relative;}
.owl-carousel .owl-nav button.owl-prev span:before{ position: absolute;  content: '';  left: 22px;  width: 12px;  height: 12px;  border: solid var(--bg-dark-blue);
      border-width: 0 3px 3px 0;  transform: rotate(135deg);}
.owl-carousel .owl-nav button.owl-next{position: absolute; right: -20px; top: 50%; transform: translateY(-50%);}
.owl-carousel .owl-nav button.owl-next span{font-size: 0; position: relative;}
.owl-carousel .owl-nav button.owl-next span:before{ position: absolute;  content: '';  right: 22px;  width: 12px;  height: 12px;  border: solid var(--bg-dark-blue);
    border-width: 3px 0 0 3px;  transform: rotate(135deg);}

.owl-carousel{margin: 0 -10px; width: auto;}
.owl-carousel .owl-stage{display: flex;padding: 15px 0;}
.owl-carousel .owl-item{/*display: flex;*/}
.owl-carousel .owl-item .item{padding:0 10px; height: 100%;}
/********** Owl Carousel Default Class  **********/

/****************************************Above is the Common Css****************************************/




.header{background-color:var(--black); padding: 15px 0;}
.header-row { display: flex;  align-items: center;  justify-content: space-between;}
.header-logo img{display: block; max-width: 220px;}


.navbar{padding: 0;}
.navbar .navbar-nav .nav-link{color: var(--white); padding:5px 15px; font-weight: 500;white-space: nowrap;}
.navbar .navbar-nav .nav-link:hover{color: var(--red);}
.navbar .navbar-nav .nav-link.active{color: var(--red);}
.navbar .navbar-nav .nav-item.form-item{display: none;}
.navbar .nav-user-name{display: none;}

.header .btn-outline-primary{color:var(--white);}
.header .btn-primary,
.header .btn-outline-primary{height: 40px; list-style: normal; font-weight: 400;}

.main-banner{width:100%; padding:60px 0;background-image: url(../images/main-banner-bg.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover;}
.search-form{background-color: var(--bg-white); padding:40px 30px; border-radius: 20px;}
.search-form .form-control{background-color: var(--bg-light-gray); border: solid 1px var(--bg-gray); height: 50px;}
.search-form .form-select{background-color: var(--bg-light-gray); border: solid 1px var(--bg-gray); height: 50px;}
.search-form-heading{padding: 0; margin: 0 0 20px 0; color: var(--dark-blue); font-size: 20px; font-weight: 700;}
.main-banner-content{display: flex; align-items: center; justify-content: flex-end; width: 100%; height: 100%;}





.categories-tab .nav-tabs {  border-bottom: solid 2px var(--bg-gray); display: flex;  flex-wrap: nowrap;  }
.categories-tab .nav-tabs-wrapper{width: 100%;  overflow: auto; padding-bottom: 5px;}
.categories-tab .nav-tabs .nav-item{margin-right: 30px;}
.categories-tab .nav-tabs .nav-link { padding: 0 0 15px 0;  margin: 0;  border: none;  color: var(--dark-gray) ;  position: relative;  white-space: nowrap;}
.categories-tab .nav-tabs .nav-link.active{color: var(--dark-blue);}
.categories-tab .nav-tabs .nav-link.active:after { position: absolute;  content: "";  width: 100%;  height: 2px;  background-color: var(--bg-red); left: 0; bottom: -2px;}



.product-card {background-color: var(--white); border: solid 1px var(--bg-light-gray); border-radius: 5px; height: 100%; box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 10px 0px;}
.product-card .card-image img{border-radius: 5px 5px 0 0; width: 100%; height: 220px; object-fit: cover;}
.product-card .card-body{padding:20px;}
.product-card .card-body .card-title{padding: 0; margin: 0 0 10px 0; color: var(--red); font-size: 16px; font-weight: 600;}
.product-card .card-body .card-title a{color: var(--red); text-decoration: none;}
.product-card .card-body .card-price{padding: 0; margin: 0 0 10px 0;font-size: 16px; font-weight: 600;}
.product-card .card-body .card-text{padding:0; margin: 0; font-size: 14px; line-height: normal;}
.product-card .card-footer{padding:0 20px 20px 20px; background-color: transparent; border: none;}




.brand-card {background-color: var(--white); border: solid 1px var(--bg-light-gray); border-radius: 5px; height: 100%; box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 10px 0px;
padding:30px; text-align: center;}
.brand-card .card-image{padding: 0 0 20px 0;}
.brand-card .card-image img{height: 50px; width: auto; display: inline-block;}
.brand-card .card-body{padding:0;}
.brand-card .card-body .card-title{padding: 0; margin: 0 0 10px 0; color: var(--dark-blue); font-size: 16px; font-weight: 600; text-decoration: none;}



.usp-banner{display: flex; flex-wrap: wrap; width: 100%; min-height: 500px;}
.usp-banner .usp-banner-left{width: 50%; display: flex;    flex-direction: column;justify-content: center; 
    background-image: url(../images/usp-banner-bg.jpg); background-repeat: no-repeat; background-size: cover; position: relative;}
.usp-banner .usp-banner-left:before{position: absolute; content: ""; width: 100%; height: 100%; background-color: rgba(0,0,0,0.9); z-index: 0;}
.usp-banner .usp-banner-right{width: 50%;}
.usp-banner .usp-banner-right img{width: 100%; height: 100%; object-fit: cover;}
.usp-banner .usp-banner-card{padding: 20px 60px; position: relative; z-index: 1;}
.usp-banner .usp-banner-card .card-title{padding: 0; margin: 0 0 30px 0; font-size: 40px; line-height: 40px; font-weight: 900; color: var(--white);} 
.usp-banner .usp-banner-card .card-text{padding: 0; margin: 0 0 30px 0; font-size: 20px; color: var(--white); max-width: 500px;}

.faq .accordion-item{margin-bottom: 15px; border: solid 1px var(--bg-gray);border-radius: 5px;}
.faq .accordion-button{background-color: var(--bg-lighter-gray);border-radius: 5px;    font-size: 16px;  font-weight: 600; color: var(--dark-blue); }
.faq .accordion-button > span {  display: block;  padding-right: 15px;}
.faq .accordion-button[aria-expanded="true"] {border-radius: 5px 5px 0 0;}
.faq .accordion-button::after{font-family:"FontAwesome";content:"\2b"; background: none; font-size: 22px; }
.faq .accordion-button[aria-expanded="true"]::after{content:"\f068"; }


.testimonials-wrapper{max-width: 900px; margin:0 auto;}
.testimonials-card {background-color: var(--white); border: solid 1px var(--bg-light-gray); border-radius: 50px; height: 100%; box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 10px 0px;
    padding:30px 50px; text-align: center; }
.testimonials-card:before{font-family:"FontAwesome";content:"\f10d"; font-size: 60px; color: var(--red);  position: absolute; left: 50px; top: -9px;}
.testimonials-card:after{font-family:"FontAwesome";content:"\f10e"; font-size: 60px; color: var(--red);  position: absolute; right: 50px; bottom: -9px;}
.testimonials-card .card-footer{background-color: transparent; border: none;}
.testimonials-carousel.owl-carousel .testimonials-card .testimonials-avatar{width: 70px; height: 70px; border-radius: 70px; object-fit: cover; display: inline-block;}
.testimonials-card .testimonials-author{padding: 0; margin: 10px 0 0 0; font-size: 16px; font-weight: 600; color: var(--red);}



.subscribe-newsletter .form-row {  display: flex;    flex-wrap: wrap;}
.subscribe-newsletter .form-row .form-control{width: calc(100% - 200px); border: none; background-color: var(--bg-light-gray); height: 70px; border-radius: 0; padding: 0 20px 0 20px;}
.subscribe-newsletter .form-row .btn-primary{width: 200px; border-radius: 0; height: 70px;}


.footer{font-size: 14px; line-height: normal;}
.footer .footer-top{background-color: var(--bg-black); padding: 50px 0;}
.footer .footer-logo{margin-bottom: 30px;}
.footer .footer-logo img{ width: 200px;}
.footer .footer-title{padding: 0; margin: 35px 0 30px 0; font-size: 16px; font-weight: 700; color: var(--red); text-transform: uppercase;}
.footer ul.footer-address{padding: 0; margin: 0; color:var(--white);}
.footer ul.footer-address li{list-style: none; display: flex; margin-bottom: 10px;}
.footer ul.footer-address li:last-child{margin-bottom: 0;}
.footer ul.footer-address li figure{padding: 0; margin: 0; width: 25px; color: var(--red);}
.footer ul.footer-address li aside{width: calc(100% - 25px);}
.footer ul.footer-address li a{color: var(--white); text-decoration: none;}
.footer ul.footer-address li a:hover{color: var(--red); text-decoration: none;}

.footer ul.footer-menu{padding: 0; margin: 0;}
.footer ul.footer-menu li{list-style: none;margin-bottom: 10px;}
.footer ul.footer-menu li:last-child{margin-bottom: 0;}
.footer ul.footer-menu li a{color: var(--white); text-decoration: none;}
.footer ul.footer-menu li a:hover{color: var(--red); text-decoration: none;}

.footer ul.footer-social{padding: 0; margin: 0; display: flex; flex-wrap: wrap;}
.footer ul.footer-social li{list-style: none; margin-right: 10px;}
.footer ul.footer-social li a{color: var(--white); width: 40px; height: 40px; border-radius: 40px; display: inline-flex; align-items: center; justify-content: center; text-decoration: none; background-color: #2E2E2E; font-size: 18px;}
.footer ul.footer-social li a:hover{background-color: var(--bg-red);}

.footer .footer-copyright{padding:15px 0;background-color: #1C1C1C; color: var(--white); font-size: 14px;}


/********** Login, Register, Forgot Password **********/
.user-action-card{ border: solid 1px var(--bg-light-gray); padding: 0; margin: 0 auto; max-width: 800px; 
    box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;}
.user-action-card .card-header{background-color: var(--bg-black); padding: 20px; text-align: center; color: var(--white);}
.user-action-card .card-body{padding:30px;}
.user-action-card .card-footer{border: none; background-color: var(--bg-lighter-gray);}
.user-action-card .card-title{padding: 0; margin: 0; font-size: 24px; color: var(--white);}
.user-action-card .form-control{height: 50px;background-color: #fff4f4;    border: none;}
.user-action-card textarea.form-control{height: auto; min-height: 100px;}
.user-action-card input[type="file"].form-control{height: auto;}

.user-action-card .input-group .input-group-text{color:var(--red); border: none; background-color: #fff4f4;}
.user-action-card .input-group .input-group-text a{color:var(--red);}
.link-primary{color: var(--red)!important; text-decoration: none!important;}
.link-primary:focus, 
.link-primary:hover{color: var(--red)!important; text-decoration: underline!important;}
.login-option-card{ width: 100%; text-align: center; position: relative;}
.login-option-card .card-text{display: inline-block; background-color: var(--bg-white); color: var(--dark-gray); position: relative; padding: 5px 10px;    z-index: 1;}
.login-option-card:before{position: absolute; content: ""; width: 100%; height: 1px; background-color: var(--bg-gray); left: 0;top: 50%;
    transform: translateY(-50%);  z-index: 0;}
/********** Login, Register, Forgot Password **********/


/********** Listing Page Filter **********/
.filter-card{padding:0;}
.filter-header{display: flex; justify-content: space-between; align-items: center; background-color: var(--bg-white); border: solid 1px var(--bg-light-gray); padding:15px 15px; border-radius: 5px;  margin-bottom: 10px;box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;}
.filter-header .filter-title{padding: 0; margin: 0; font-size: 16px; font-weight: 700; letter-spacing: 1px;}
.btn-reset{font-size: 14px; line-height: normal; background-color: var(--bg-red); color: var(--white); display: inline-flex; align-items: center; justify-content: center; text-align: center;  padding:5px 15px; border-radius: 5px; text-decoration: none;}
.btn-reset:hover,
.btn-reset:focus{background-color: var(--bg-red-dark);}
.btn-reset [class*="fa"]{margin-right: 5px;}

.filter-accordion .accordion-button:not(.collapsed){background-color: var(--bg-light-gray);}
.filter-accordion.accordion-flush>.accordion-item:first-child{border-radius: 6px 6px 0 0;}
.filter-accordion.accordion-flush>.accordion-item:last-child{border-radius: 0 0 6px 6px;}
.filter-accordion.accordion-flush>.accordion-item:first-child .accordion-button{border-radius: 6px 6px 0 0;}
.filter-accordion.accordion-flush>.accordion-item:last-child .accordion-button{border-radius: 0 0 6px 6px;}

.filter-accordion .accordion-button{color: var(--dark-blue); font-weight: 700;}
.filter-accordion .accordion-button:focus{box-shadow: none;}
.filter-accordion .accordion-body{max-height: 250px; overflow: auto; font-size: 14px;}
.filter-accordion .form-control{font-size: 14px;}
.filter-accordion .form-select{font-size: 14px;}
.filter-search .form-control{padding-right: 0; }
.filter-search .input-group-append{    border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) ;
   border-radius: 0 var(--bs-border-radius) var(--bs-border-radius) 0;}
.filter-search .input-group-append .btn{background-color: transparent; border: none;}
.filter-search .input-group-append .btn:checked,
.filter-search .input-group-append .btn.active,
.filter-search .input-group-append .btn:focus,
.filter-search .input-group-append .btn:hover{background-color: var(--bg-lighter-gray);}

ul.filter-listing{padding: 0; margin: 0;}
ul.filter-listing li{list-style: none; font-size: 14px; margin: 5px 0; padding:0 5px; display: flex; justify-content: space-between; cursor: pointer; 
    border-left: solid 5px transparent;}
ul.filter-listing li strong{font-weight: 600;}
ul.filter-listing li span{color: var(--dark-gray);}
ul.filter-listing li:hover,
ul.filter-listing li.active{border-left: solid 5px var(--bg-red); background-color: #fff4f4;} 

.form-check{margin-bottom: 7px; padding-left: 1.7em;}
.form-check-input{    --bs-form-check-bg: var(--bg-light-gray); width: 16px;  height: 16px;margin-top: 5px;}
.form-check .form-check-input{margin-left: -1.7em;}
.form-check-input:checked { background-color: var(--bg-red);  border-color: var(--bg-red);}
/********** Listing Page Filter **********/


/********** Product Listing**********/
.sort-by-card{background-color: var(--bg-white); padding: 5px 0; margin-bottom: 10px;}
.sort-by-card .form-select{background-color: var(--bg-white); font-weight: 500; box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px;}
.sort-by-card .view-by .btn-view-by{font-size: 24px; color: var(--dark-gray); line-height: normal;}
.sort-by-card .view-by .btn-view-by.active{color: var(--dark-blue);}

.product-card-list {background-color: var(--white); border: solid 1px var(--bg-light-gray); border-radius: 5px;  box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 10px 0px;
    margin-top: 15px; margin-bottom: 15px; height: calc(100% - 30px);}
.product-card-list .card-image img{border-radius: 5px 5px 0 0; width: 100%; height: 220px; object-fit: cover;}
.product-card-list .card-body{padding:20px; }
.product-card-list .card-body .card-title{padding: 0; margin: 0 0 10px 0; color: var(--red); font-size: 16px; font-weight: 600;}
.product-card-list .card-body .card-title a{color: var(--red); text-decoration: none;}
.product-card-list .card-body .card-price{padding: 0; margin: 0 0 10px 0;font-size: 16px; font-weight: 600; display: flex; align-items: center; justify-content: space-between;}
.product-card-list .card-body .card-text{padding:0; margin: 0 0 10px 0; font-size: 14px; line-height: normal;}
.product-card-list .card-body small{font-size: 13px;}
.product-card-list .card-action{padding:10px 0 0 0; }
.btn-interested{font-size: 18px; color: var(--red);}
/********** Product Listing**********/


/********** Product Detail**********/
.product-detail-card{padding: 20px;}
.product-detail-card .card-title{padding: 0; margin: 0 0 5px 0; color: var(--red); font-size: 28px; line-height: 28px; font-weight: 600;}
.product-detail-card .card-subtitle{padding: 0; margin: 0; font-size: 18px; line-height: 18px; line-height: normal; color: var(--dark-gray); font-weight: 500;}
.product-detail-card ul.card-tags-list{padding: 30px 0; margin: 0; display: flex; flex-wrap: wrap;}
.product-detail-card ul.card-tags-list li{list-style: none; margin: 5px 10px 5px 0; border-radius: 3px; padding: 3px 10px; background-color: var(--bg-light-gray); font-size: 14px; line-height: normal;}
.product-detail-card .card-price{padding:0;margin: 0 0 30px 0; font-size: 28px; line-height: 28px; font-weight: 700;}

.product-seller-card{padding: 20px;}
.product-seller-card .card-title{padding: 0; margin: 0 0 10px 0; color: var(--dark-blue); font-size: 18px; line-height: 18px; font-weight: 600;}
.product-seller-card .contact-to{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-top: 15px; font-weight: 500;}
.product-seller-card .contact-to a{color: var(--dark-blue); text-decoration: none;}
.product-seller-card .contact-to a:hover,
.product-seller-card .contact-to a:focus{color: var(--red); text-decoration: none;}

.product-detail-carousel .card img{border-radius: 5px;    width: 100%;  height: 475px;  object-fit: cover;}
.owl-carousel.product-detail-carousel .owl-stage{padding: 0;}

.product-specification .accordion-header{margin-bottom: 0;}
.product-specification .accordion-item:first-of-type>.accordion-header .accordion-button{border-radius: 0;}
.product-specification .accordion-button:not(.collapsed){box-shadow: none; margin-bottom: 0;}
.product-specification .accordion-item{margin-bottom: 0; border: none;  border-bottom:none;  border-radius: 0;}
.product-specification .accordion-button{background-color:var(--bg-light-gray); border:none; border-radius:0;    font-size: 18px;  font-weight: 700; color: var(--dark-blue); margin-bottom: 10px;     padding: 20px 20px;}
.product-specification .accordion-button > span {  display: block;  padding-right: 15px;}
.product-specification .accordion-button[aria-expanded="true"] {border-radius:0;}
.product-specification .accordion-button::after{font-family:"FontAwesome";content:"\2b"; background: none; font-size: 22px; }
.product-specification .accordion-button[aria-expanded="true"]::after{content:"\f068"; }
.product-specification .accordion-body{padding: 20px 20px; word-break: break-all;}
/********** Product Detail**********/


/********** Contact Us**********/
.page-banner { padding: 50px 0; background-color: #f1f1f1;}
.page-banner .banner-caption{text-align: center; }
.page-banner .banner-title{padding: 0; margin: 0; font-size: 36px; font-weight: 700;}

ul.contact-address{padding: 0; margin: 0; color:var(--black);}
ul.contact-address li{list-style: none; display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 10px;}
ul.contact-address li:last-child{margin-bottom: 0;}
ul.contact-address li figure{padding: 0; margin: 0; background-color: var(--bg-red);width: 40px;   height: 40px; display: inline-flex;align-items: center;
justify-content: center; color: var(--white); font-size: 24px;}
ul.contact-address li aside{width: calc(100% - 40px); padding-left: 10px;}
ul.contact-address li a{color: var(--black); text-decoration: none;}
ul.contact-address li a:hover{color: var(--red); text-decoration: none;}
/********** Contact Us**********/


/********** Enquiry**********/
.table-enquiry tr td{vertical-align: middle;}
.table-enquiry{min-width: 600px;}
.table-enquiry tbody tr td:nth-child(2) a{color: var(--red);}
/********** Enquiry**********/


/********** Cookies **********/
.cookies-card{background-color: #f8f8f8; padding:20px; width: 100%; position: fixed; bottom: 0; left: 0; z-index: 9999;    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.5);
display:flex; align-items: center; font-size: 14px; line-height: normal;}
.cookies-card .btn{white-space: nowrap; margin: 5px;}
.cookies-card .card-action{display: inline-flex; margin-left: 15px;}
/********** Cookies **********/

.label-offer {
    position: absolute;
    z-index: 99;
    font-size: 11px;
    background-color: #ffca2c;
    display: inline-block;
    padding: 5px 10px;
    line-height: normal;
    border-radius: 5px;
    right: 0;
    top: 0;
    font-weight: 600;
}


.btn-filter-toggle{display: none;}

@media(max-width:1399px){
    .product-card .card-image img{ width: 100%; height: 200px; object-fit: cover;}
    .product-card-list .card-image img{ width: 100%; height: 200px; object-fit: cover;}
    .product-detail-carousel .card img{ width: 100%;  height: 450px;  object-fit: cover;}
}

@media(max-width:1199px){
.header .header-logo{order: 1;}
.header .header-nav{order: 3;}
.header .header-action{order: 2;}

.navbar-toggler-icon{background-image: none; }
.navbar-toggler{padding: 0;}
.navbar-toggler .navbar-toggler-icon::before{font-family:"FontAwesome";content:"\f0c9"; color: var(--white); font-size: 30px;}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::before{font-family:"FontAwesome";content:"\f00d"; color: var(--white); font-size: 30px;}
.navbar-collapse {  position: fixed;  width: 300px;    height: 100vh!important;    z-index: 999;    left: 0;    top: 0;    background-color: var(--bg-red);
    transform: translateX(-100%);    transition: all 0.5s ease 0s;    padding: 50px 20px;}

.navbar-collapse:not(.show){display: block;}
.navbar-collapse.collapsing{transform: translateX(0);}
.navbar-collapse.collapse.show{transform: translateX(0);}
.navbar .navbar-nav .nav-link{font-size: 18px; padding: 10px 15px;}
.navbar .navbar-nav .nav-link:hover{color: var(--white);}
.navbar .navbar-nav .nav-link.active{color: var(--white); text-decoration: underline;}

}

@media(max-width:991px){
    .sort-by-card{margin-bottom: 0;}

    .btn-filter-toggle{display: flex; justify-content: space-between; align-items: center; background-color: var(--bg-red); color:var(--white); padding:5px  10px; border-radius: 5px; cursor: pointer; margin-bottom: 10px;}
    .btn-filter-toggle .filter-toggle-text{display: inline-block; font-size: 16px; font-weight: 600;}
    .btn-filter-toggle .filter-toggle-icon{display: inline-block; position: relative; font-size: 24px; line-height: normal;}
    .btn-filter-toggle .filter-toggle-icon:before{font-family: "FontAwesome";  content: "\f0b0";}
    .btn-filter-toggle.open .filter-toggle-icon:before{content:"\f00d";}
    .filter-sidebar{display: none; }    
}

@media(max-width:767px){
    .heading{font-size: 24px; margin: 0 0 20px 0;}
    .header .header-action{display: none;}
    .navbar .navbar-nav .nav-item.form-item{display: block;}
    .navbar .nav-user-name{ padding: 0 10px 0 15px;  color: #FFFF00;  font-weight: bold;  font-style: italic;display: block;}
    .search-form{padding: 20px 20px;}
    .search-form .form-select{height: 40px;}

    .main-banner{padding: 30px 0;}
    .main-banner-content{height: auto; margin-bottom: 20px; justify-content: center;}
    .main-banner-content img{width: 70%; display: inline-block;}

    .usp-banner .usp-banner-left{width: 100%; order: 2;}
    .usp-banner .usp-banner-right{width: 100%; order: 1; height: 200px;}
    .usp-banner .usp-banner-card{padding: 40px 20px;}

    .testimonials-card{padding: 20px 30px;}

    .subscribe-newsletter .form-row .form-control{width: 100%; height: 50px;}
    .subscribe-newsletter .form-row .btn-primary{width: 100%; height: 50px;}

    .owl-carousel .owl-nav button.owl-prev{left: 0;}
    .owl-carousel .owl-nav button.owl-next{right: 0;}

    .product-card .card-image img{ width: 100%; height:auto; object-fit: contain;}
    .product-card-list .card-image img{ width: 100%; height: auto; object-fit: contain;}
    .product-detail-carousel .card img{ width: 100%;  height: 300px;  object-fit: cover;}

    .cookies-card{flex-wrap: wrap; font-size: 12px; padding: 15px;}
    .cookies-card .card-action{margin: 0;}
    .cookies-card .btn-primary, 
    .cookies-card .btn-outline-primary{ height: 40px;  padding:5px 10px; font-size: 12px;}
    
}

@media(max-width:576px){
    .footer .footer-logo{margin-bottom: 20px;}
    .footer .footer-title{margin: 30px 0 10px 0;}
}