@charset "utf-8";
/*..............Embaded fonts..............*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
    
/* ~-~-~-~-~-~-~-~-~-~ global adjustments ~-~-~-~-~-~-~-~-~-~ */

:root {
    --ff-primary-font: "Montserrat", sans-serif;
    --ff-heading-font: "Montserrat", sans-serif;

    --color-primary-blue: #02A8F4;
    --color-dark-blue: #334961;
    --color-body-font: #222222;
    --color-white: #ffffff;
    --color-black: #000000;
    --color-border-grey: #D9D9D9;
    --color-light-grey :#F3F4F6;

    --bg-blue-gradient: linear-gradient(90deg, #334961, #02A8F4);

    --transition-common: all 0.8s ease;
}


html, body { overflow-x: hidden; }
body {  margin: 0; padding: 0; font-family: var(--ff-primary-font); font-size: 16px; line-height: 1.5; font-weight: 400; color: var(--color-body-font);  transition: var(--common-transition); }
h1, h2, h3, h4, h5, h6 { font-family: var(--ff-heading-font) ; margin: 0 0 1.1rem; padding: 0; line-height: 1.2; font-weight: 700; color: var(--color-body-font); text-transform: uppercase;}

h1{ font-size: 50px;}
h2{ font-size: 40px;}  
h3{ font-size: 32px;}
h4{ font-size: 25px;}
h5{ font-size: 20px;} 
h6{ font-size: 16px;}
  
p{ margin: 0 0 1.1rem; padding: 0; line-height: 1.5; } 

img { max-width: 100%; }
a, img { border: 0; text-decoration: none; outline: none; }
a, a:link, a:visited, a:focus, a:hover { color: var(--color-primary-blue); outline: none; text-decoration: none; transition: var(--transition-common); }
a:hover{  text-decoration: none; transition: var(--transition-common); }

.form-group { margin: 0 0 15px;}
.form-group label { margin: 0 0 10px;}
textarea, select, .form-control, input { background-color: var(--color-white); font-family: var(--ff-primary-font); font-size: 16px; padding: 10px 20px; background-color: var(--color-white); width: 100%; border-radius: 8px; border: 1px solid var(--color-border-grey); outline: none; box-shadow: none;  }
textarea { padding: 18.5px 20px; min-height: 150px; resize: none; }
input[type="submit"] { font-family: var(--ff-primary-font); font-weight: 500; transition: all 0.3s ease 0s; outline: none; width: auto; }
textarea:focus, select:focus, .form-control:focus { background-color: var(--color-white); outline: none ; box-shadow: inherit;  }

select { background-image: url(../images/ic-select-dropdown.svg); background-repeat: no-repeat; background-position: calc(100% - 15px) center; background-size: 12px; appearance:none; -webkit-appearance:none; padding-right: 35px; }
input:focus, input:focus-visible { border: none; outline: none; box-shadow: none; border: 1px solid #616D92; }


/* --- for placeholder color --- */
input::-moz-placeholder , .form-control::-moz-placeholder { color: #616D92; opacity: 1; }
input:-ms-input-placeholder, .form-control:-ms-input-placeholder { color: #616D92; }
input::-webkit-input-placeholder, .form-control::-webkit-input-placeholder { color: #616D92; }
/* --- for placeholder color --- */
   

.btn, a.btn, .button { font-family: var(--ff-primary-font); font-size: 16px; font-weight: 600; line-height: 1; color: var(--color-white);  background: var(--color-dark-blue); display: inline-flex; align-items: center; border: 0; border-radius: 10px; padding: 16px 35px; transition: var(--transition-common); text-transform: uppercase;  }
.btn:hover, a.btn:hover, :not(.btn-check)+.btn:active { background: var(--color-primary-blue); color: var(--color-white); }
.btn-check:focus+.btn, .btn:focus { box-shadow: inherit;}

.btn.white-btn, a.btn.white-btn { background: var(--color-white); color: var(--color-body-font);}
.btn.white-btn:hover, a.btn.white-btn:hover { background: var(--color-primary-blue); color: var(--color-white);}


.button { font-family: var(--ff-primary-font) !important; font-size: 16px !important; font-weight: 600 !important; line-height: 1 !important; color: var(--color-white) !important;  background: var(--color-dark-blue) !important; display: inline-flex !important; align-items: center !important; border: 0 !important; border-radius: 10px !important; padding: 16px 35px !important; transition: var(--transition-common) !important; text-transform: uppercase !important;  }
.button:hover { background: var(--color-primary-blue) !important; color: var(--color-white) !important; }


.common-padding{ padding-top: 80px; padding-bottom: 80px; }
.common-small-padding{ padding-top: 40px; padding-bottom: 40px; }

.gradient-text { background: -webkit-linear-gradient(0deg, #1B3378, #94AFFB); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}


/* -- Container adjustment -- */
@media screen and (min-width: 1600px) {  
    .container{ max-width: 1430px; }    
}
/* -- Container adjustment -- */


/* ~-~-~-~-~-~-~-~-~-~ global adjustments ~-~-~-~-~-~-~-~-~-~ */


/* -- Header -- */
 
.main-header { position: relative; top: 0; right: 0; left: 0; z-index: 9999; background-color: var(--color-white); box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); transition: var(--transition-common);}
.main-header.header-sticky { position: fixed; }

.header-top { padding: 5px 0; background: var(--color-body-font); }
ul.header-top-links { margin: 0; padding: 0; list-style: none; display: flex; align-items: center; }
ul.header-top-links li:not(:last-child) { margin-right: 15px; padding-right: 15px; border-right: 1px solid var(--color-border-grey); }
ul.header-top-links li a { line-height: 1; font-size: 14px; color: var(--color-white); }
ul.header-top-links li a i, ul.header-top-links li a svg { margin-right: 5px; border: 1px solid var(--color-border-grey); border-radius: 50%; width: 30px; height: 30px; display: inline-flex; align-items: center; justify-content: center; font-size: 12px; }
ul.header-top-links.right { justify-content: flex-end; }

.custom-header-wrap { display: flex; align-items: center; justify-content: space-between; }
 
.hdr-lt { display: flex; align-items: center; width: 20%;}
.hdr-lt .logo img { transition: var(--transition-common); }
.main-header.header-sticky .hdr-lt .logo img {max-width: 70px; }

.header-mid { padding: 4px 0; }
.hdr-center .search-wrap { position: relative; max-width: 335px; width: 100%; } 
.hdr-center .srch-option-wrap { max-width: 300px; width: 100%; position: relative; } 
.hdr-center .srch-option-wrap #search-by-car-btn { width: 100%; padding: 15px 35px; display: inline-block; border: 1px solid var(--color-border-grey); border-radius: 8px; line-height: 1; color: var(--color-body-font); font-weight: 500; background: var(--color-light-grey) url(../images/ic-select-dropdown.svg) no-repeat; background-position: calc(100% - 15px) center; }

.hdr-center { display: flex; gap: 15px; max-width: 650px; width: 60%; }
.search-wrap form { display: flex; align-items: center; } 
.search-wrap form input[type=submit] { background: var(--color-primary-blue) url(../images/ic-search-white.svg) no-repeat center; text-indent: -9999px; padding: 11px 25px; background-size: 18px; border-radius: 0 8px 8px 0; border: 0; } 
.search-wrap form input[type=text] { background: var(--color-light-grey); width: calc(100% - 46px); border-radius: 8px 0 0 8px; }

.search-option-holder { display: none; background: var(--color-white); padding: 12px; border-radius: 6px; position: absolute; z-index: 3; right: 0; left: 0; box-shadow: 0 0 5px rgba(0,0,0,0.2); }
.search-option-holder .form-group.btn-set { display: flex; align-items: center; justify-content: space-between; }
.search-option-holder .form-group.btn-set input[type=submit] { width: 48%; }
.search-option-holder .form-group.btn-set .reset-btn { background: var(--color-white); color: var(--color-body-font); border: 2px solid var(--color-body-font); padding: 14px 35px; }

.header-btm { background: var(--color-light-grey); }
.main-menu { }
.main-menu ul { display: flex; list-style: none; padding: 0; margin: 0; justify-content: center;}
.main-menu ul li { position: relative; }
.main-menu ul li:not(:last-child) { margin-right: 30px; }
.main-menu ul li a { text-transform: uppercase; color: var(--color-body-font); font-weight: 500; position: relative; padding-bottom: 14px; padding-top: 14px; display: block; }
.main-menu ul li.current-menu-item a, .main-menu ul li:hover a { color: var(--color-primary-blue); }

.main-menu ul li ul.sub-menu { position: absolute; background: var(--color-white); width: 220px; display: none; padding: 6px 12px; border-radius: 0 0 6px 6px; box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.1); }
.main-menu ul li:hover ul.sub-menu { display: block;}
.main-menu ul li:hover ul.sub-menu li { margin: 0; border-bottom: 1px solid var(--color-border-grey); }
.main-menu ul li:hover ul.sub-menu li a { display: block; padding: 6px 8px; color: var(--color-body-font); text-transform: capitalize; }
.main-menu ul li:hover ul.sub-menu li a:hover { background: var(--color-border-grey);}
.main-menu ul li:hover ul.sub-menu li:last-child { border: 0; }

.main-menu ul li.menu-item-has-children { padding-right: 20px; background: url(../images/ic-select-dropdown.svg) no-repeat right center; background-size: 14px;}



.plus, .minus { padding: 8px; background: var(--color-dark-blue); color: #fff; width: 30px; height: 30px; font-size: 14px; border-radius: 50%; text-align: center; line-height: 1; position: absolute; right: 0; top: 9px; display: none; }
.plus:hover, .minus:hover { cursor: pointer; }


.hdr-rt { display: flex; align-items: center; gap: 15px; width: 20%; justify-content: flex-end; }
.hdr-rt ul { margin: 0; padding: 0; list-style: none; display: flex; align-items: center; gap: 15px; }
.hdr-rt ul a { display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--color-border-grey); width: 45px; height: 45px; border-radius: 50%; color: var(--color-body-font);position: relative;}
.hdr-rt ul a .cart-count {background: #334961; color: #fff; width: 18px; height: 18px; display: flex; align-items: center; justify-content: center; border-radius: 50%; position: absolute; top: 5px; right: -5px; font-size: 12px; line-height: 1; padding: 0 !important; }
.hdr-rt ul a.cart-btn span {padding-top: 5px; }
.hdr-rt ul a img {height: 24px; }
.hdr-rt .srch-btn-tgl { display: none; color: var(--color-dark-blue); }
.mobile-menu-btn { display: none;}



/* -- Header -- */



/* Main section */


main { min-height: calc(100vh - 100px); }

.image-slider-box { height: 650px; position: relative; } 
.image-slider-box > img { width: 100%; height: 100%; object-fit: cover; } 
.image-slider-box .banner-slider-content { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; z-index: 3; } 
.image-slider-box .banner-slider-content h1 { color: var(--color-white); text-transform: uppercase; text-shadow: -1px 4px 0 #000000; font-weight: 800; } 
.image-slider-box .banner-slider-content h1 em { font-size: 80px; color: var(--color-primary-blue); } 
.image-slider-box .banner-slider-content p { color: var(--color-white); margin: 0 0 25px; }

/* Home page banner */
.banner-lt { position: relative; }
.offer-star { background: url(../images/offer-star.svg) no-repeat center / 100%; width: 211px; height: 214px; display: flex; align-items: center; justify-content: center; font-size: 20px; text-transform: uppercase; font-weight: 700; color: var(--color-white); flex-wrap: wrap; text-align: center; position: absolute; right: -250px; top: 0; }
.offer-star span { display: block; width: 100%; font-size: 60px; line-height: 1; }

.slick-arrow { z-index: 9; background: var(--color-white) !important; width: 50px; height: 50px; border-radius: 50%; box-shadow: 0px 7px 11px 0px #0000001C; display: flex; align-items: center; justify-content: center;} 
.slick-arrow::before { background: url(../images/arrow_back.svg) no-repeat center; width: 10px; height: 17px; opacity: 1; font-size: 0; display: block; }
.slick-arrow:hover { background: var(--color-dark-blue) !important;}
.slick-arrow:hover:before { filter: brightness(1) invert(1);}

.slick-next { transform: rotate(180deg); box-shadow: 0px -7px 11px 0px #0000001C;} 

.main-banner-slider .slick-prev { left: 50px; } 
.main-banner-slider .slick-next { right: 50px; } 

.styled-ttl { font-weight: 400;}
.styled-ttl strong { font-weight: 700; color: var(--color-primary-blue);}

.product-slider .slick-prev { left: -60px; }
.product-slider .slick-next { right: -60px; }
.product-sldr-item { padding: 15px; } 
.product-box { background: var(--color-white); box-shadow: 0px 5px 10px 0px #0000000D; border-radius: 20px;  position: relative; } 
.product-box .imgbox { padding: 0 0 100%; position: relative; } 
.product-box .imgbox img { width: 80%; height: 80%; position: absolute; top: 50%; left: 50%; object-fit: contain; transform: translate(-50%, -50%); aspect-ratio: 1/1; }

.product-box .prod-info-box { padding: 25px; } 
.product-box .prod-info-box .ratings { display: flex; align-items: center; margin: 0 0 10px; gap: 10px; height: 17px; } 
.product-box .prod-info-box .ratings span { font-size: 14px; } 
.product-box .prod-info-box h6 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-weight: 600; margin: 0 0 12px; text-transform: none; } 
.product-box .prod-info-box h6 a { color: var(--color-body-fonr); } 
.product-box .prod-info-box .prc, .product-box .prod-info-box span.price { font-size: 20px; font-weight: 700; color: var(--color-primary-blue); display: flex
; align-items: center; flex-direction: row-reverse; justify-content: flex-end;} 
.product-box .prod-info-box .prc ins, .product-box .prod-info-box span.price ins {text-decoration: none; }
.product-box .prod-info-box .prc del, .product-box .prod-info-box span.price del { font-weight: 400; color: var(--color-body-font); font-size: 14px; padding-left: 10px;}


.product-box .hover-cart { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; background: var(--color-dark-blue); position: absolute; top: 20px; right: 20px; z-index: 9; opacity: 0; display: none; }
.product-box:hover .hover-cart { opacity: 1;}

.title-btn-wrap { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0 0 25px;}
.title-btn-wrap h3 { margin: 0; }

.remote-products { background: var(--color-light-grey);}

.stock-lable { display: inline-block; background: #3AAC79; font-weight: 600; text-transform: uppercase; font-size: 14px; color: var(--color-white); padding: 3px 5px 3px 15px; position: absolute; left: 0; top: 20px; z-index: 9; } 
.stock-lable:after { content: ''; width: 0; height: 0; border-top: 27px solid transparent; border-bottom: 0px solid transparent; border-left: 27px solid #3aac79; position: absolute; right: -27px; top: 0; }
.stock-lable.out-of-stock {background: #F14C4D;}
.stock-lable.out-of-stock:after {border-left-color: #F14C4D; }


.ad-block { position: relative; padding: 70px 140px; border-radius: 20px; margin: 0 0 60px; }
.ad-block:before { content: ''; background: linear-gradient(90deg, #222222 37.19%, rgba(34, 34, 34, 0) 56.99%); position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 20px 0 0 20px; }
.ad-block .info { position: relative; z-index: 2; max-width: 630px; }
.ad-block .info h2, .ad-block .info p { color: var(--color-white); }

.ad-infos .col-md-4 {margin-bottom: 24px; }
.srvc-offer-box { background: var(--color-white); box-shadow: 0px 5px 10px 0px #0000000D; padding: 20px; border-radius: 20px; display: flex; margin-top: 40px; height: 100%;} 
.srvc-offer-box .iconbox { width: 80px; height: 80px; border-radius: 10px; padding: 6px; background: var(--color-primary-blue); display: inline-flex; align-items: center; justify-content: center; } 
.srvc-offer-box .offer-box-info { width: calc(100% - 80px); padding-left: 15px; } 
.srvc-offer-box .offer-box-info p { margin: 0; }

.why-choose-block { position: relative; background-size: cover; }
.why-choose-block h3.styled-ttl, .why-choose-block h3.styled-ttl strong { color: var(--color-white); text-align: center; } 
.why-c-u-box { backdrop-filter: blur(20px); border: 2px solid #FFFFFF4D; background: #FFFFFF4D; border-radius: 20px; padding: 25px; display: flex; align-items: center; margin-top: 24px; }
.why-c-u-box .iconbox { width: 80px; height: 80px; border-radius: 10px; padding: 6px; background: var(--color-primary-blue); display: inline-flex; align-items: center; justify-content: center; }
.why-c-u-box h5 { color: var(--color-white); margin: 0; width: calc(100% - 80px); padding-left: 15px; }


/* SANCHARI CSS */
.inner-banner-content-box{height: 300px; position: relative;}
.inner-banner-content-box > img { width: 100%; height: 100%; object-fit: cover; }
.inner-banner-content-box h1 em { font-size: 80px; color: var(--color-primary-blue); }
.inner-banner-content-box .banner-slider-content { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; z-index: 3; }

.about-car-keys-img { position: relative; padding: 0 0 56%; }
.about-car-keys-img img { position: absolute; width: 100%; height: 100%; object-fit: cover; overflow: hidden; top: 0; bottom: 0; left: 0; right: 0; border-radius: 20px; }
.about-car-keys-cont { padding-left: 40px; }

.contact-info-wrap{border: 1px solid #CFCFCF; background-color: var(--color-light-grey); padding: 20px 30px; text-align: center; border-radius: 15px;}
.info-icon-wrap{width: 78px; height: 78px;border: 1px solid #CFCFCF; border-radius: 100px; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; background-color: var(--color-white); }
.additional-info-type p { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-weight: 600; margin: 0 0 12px; text-transform: none; height: 48px; color: var(--color-black); }
.contact-info-wrap{margin-top: 30px;}


.contact-form-sec .container{border: 1px solid #CFCFCF;border-radius: 15px;box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.05);}
.contact-form-outer-wrap{padding: 60px;}
.contact-form-outer-wrap textarea,.contact-form-outer-wrap select,.contact-form-outer-wrap .form-control,.contact-form-outer-wrap input{background-color: var(--color-light-grey); border: 1px solid #CFCFCF; height: 60px;}
.contact-form-outer-wrap .form-group textarea{height: 120px;}
.contact-form-outer-wrap .form-group{margin-bottom: 30px;}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #AAAAAA; 
  }
  ::-moz-placeholder { /* Firefox 19+ */
    color:#AAAAAA;
  }
  :-ms-input-placeholder { /* IE 10+ */
    color: #AAAAAA;
  }
  :-moz-placeholder { /* Firefox 18- */
    color: #AAAAAA;
  }
.help-form button.btn { padding:15px 100px; }
.iframe-wrap iframe{border-radius: 15px; overflow: hidden;}
/* SANCHARI CSS */


/* Main section */


/* Footer */
.footer-main {  background: var(--color-light-grey); }

.footer-logo { margin: 0 0 20px; }

.footer-info ul { padding: 0; list-style: none; display: flex; align-items: center; }
.footer-info ul li {margin-right: 12px;}
.footer-info ul li a { display: inline-flex; align-items: center; justify-content: center; width: 35px; height: 35px; background: var(--color-dark-blue); border-radius: 50%; color: var(--color-white); }

.footer-col ul { padding: 0; list-style: none; }
.footer-col ul li a { color: var(--color-body-fonr); font-weight: 500; }
.footer-col ul li { margin: 0 0 10px; }

.footer-newsltr input[type=text] { margin: 0 0 15px; }

.ftr-rt-menu ul li a { color: var(--color-body-font); font-weight: 500; }
.footer-btm .container { border-top: 1px solid var(--color-border-grey); }

.ftr-copyright { padding: 30px 0; }
.ftr-copyright p { margin: 0; font-weight: 500; }

.ftr-rt-menu { padding: 30px 0; }

.ftr-lt-menu ul, .ftr-rt-menu ul { margin: 0; padding: 0; list-style: none; display: flex; gap: 30px;}
.ftr-rt-menu ul { justify-content: flex-end;}
/* Footer */





/*-=-=-=-=-=-=-=-=-=-==-=-=-=-==-=-=-==-=-PRODUCT & PRODUCT LISTING PAGES CSS-=-=-=-=-=-=-=-=-=-==-=-=-=-==-=-=-==-=-*/
.woocommerce.single-product .woocommerce-breadcrumb { margin: 1em 0;}
.single-product h1.product_title.entry-title { font-size: 32px;  font-weight: 600;  color: var(--color-black);  text-transform: capitalize;}
.single-product .woocommerce-product-gallery__image {border: solid 1px #DDDDDD; background: #F3F4F6; border-radius: 15px; overflow: hidden; margin: 10px 5px;}

.product-thumbnail-slider .slider-item {padding: 0 10px; } 
.product-thumbnail-slider .slider-item.slick-current img {border-color: var(--color-primary-blue); } 
.product-thumbnail-slider .slider-item img {background: var(--color-light-grey); border: 1px solid #DDDDDD; border-radius: 15px; }

.woocommerce .woocommerce-product-rating .star-rating, .woocommerce .star-rating { color: #FDBC00;}
a.woocommerce-review-link { color: #777777; font-size: 18px; font-weight: 600;}
.woocommerce #reviews #comments ol.commentlist li img.avatar { border-radius: 50%;border: 0 none; padding: 0; width: 80px;}
.woocommerce #reviews #comments ol.commentlist li .comment-text { margin: 0 0 0 100px;}
.wpfFilterContent .wfpDescription { border-bottom: solid 1px rgb(119 119 119 / 30%);}
.single-product nav.woocommerce-breadcrumb { padding-bottom: 30px;}
.single-product .price bdi { font-size: 40px; font-weight: 700; color: var(--color-primary-blue); } 
.single-product .price del bdi{ font-weight: 400; color: var(--color-body-font); font-size: 40px; text-decoration: line-through; }
.single-product .price { display: flex;  align-items: center; flex-direction: row-reverse; justify-content: flex-end; gap: 5px; margin-bottom: 0;}
.single-product .price ins, .single-product .price del {text-decoration: none;}
.single-product.woocommerce div.product .woocommerce-product-rating { margin-bottom: 0 !important;}
.single-product .woocommerce-product-details__short-description ul {padding-left: 0; list-style: none;}
.woocommerce-product-details__short-description ul a span { color: #33a4f0 !important;}
.single-product.woocommerce .quantity .qty {width: 5em; padding: 11px 15px; margin: 0 5px; }
.woocommerce div.product form.cart div.quantity {display: flex; align-items: center; }
.woocommerce div.product form.cart div.quantity button[type=button] {background: var(--color-primary-blue); border: 0; border-radius: 10px; width: 47px; height: 47px; color: var(--color-white); font-weight: 600; font-size: 20px; }
.single-product button.single_add_to_cart_button.button {background: #334961; padding: 15px 45px; border-radius: 10px;}
.single-product.woocommerce div.product p.stock {font-size: .92em; background: rgb(2 168 244 / 20%); display: inline-block; padding: 6px 15px; border-radius: 17px; color: #353537; font-weight: 600; }
.single-product .woocommerce-tabs.wc-tabs-wrapper {background: #F3F4F6; padding: 60px; border: solid 1px #DDDDDD; border-radius: 15px; margin-bottom: 80px; }

ul.tabs.wc-tabs {  display: flex;  justify-content: center; }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {  background: transparent;  color: #02A8F4;  border:0 none;}
.woocommerce div.product .woocommerce-tabs ul.tabs li { border: 0 none; background-color: transparent; color: #515151;}
.woocommerce div.product .woocommerce-tabs ul.tabs::before, .woocommerce div.product .woocommerce-tabs ul.tabs li::before, .woocommerce div.product .woocommerce-tabs ul.tabs li::after{display: none;}
.woocommerce div.product .woocommerce-tabs ul.tabs li a { color: #777777; text-transform: uppercase; border-bottom: solid 2px transparent;}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{ border-bottom-color:#02A8F4;}

div#ymm_data { border: solid 1px #ddd; border-radius: 10px;}
table.ymm_table {width: 100%; margin: 0 auto;/* border: solid 1px #ddd; border-collapse: separate;*/ border-radius: 10px; -moz-border-radius:10px; -webkit-border-radius:10px; }
table.ymm_table thead tr td { background: #33a4f0; font-weight: 700; font-size: 18px; color: #fff; padding: 10px;  text-align: center;}
table.ymm_table thead tr td:first-child{border-radius: 10px 0 0 0 ;}
table.ymm_table thead tr td:last-child{border-radius: 0 10px 0 0 ;}

table.ymm_table tbody tr td { text-align: center; padding: 10px;font-weight: 600; color: #777777; font-size: 18px;}
table.ymm_table tbody tr td:first-child{color: #000; font-weight: 700;}
table.ymm_table tbody tr:nth-child(even) td { background: #F3F4F6;}
table.ymm_table tbody tr:nth-child(odd) td { background: #fff;}

table.ymm_table tfoot tr td { text-align: center; padding: 10px;font-weight: 600; color: #777777; font-size: 18px;  background: #F3F4F6;}
table.ymm_table tfoot tr td:first-child { border-radius: 0 0 0 10px;}
table.ymm_table tfoot tr td:last-child { border-radius:0 0 10px 0;}




ul.products .product { background: var(--color-white); box-shadow: 0px 5px 10px 0px #0000000D; border-radius: 20px; padding: 25px !important; } 
ul.products .product h2.woocommerce-loop-product__title { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-weight: 600; margin: 0 0 12px!important; padding: 0 !important; text-transform: none; } 
ul.products .product h2.woocommerce-loop-product__title a { color: var(--color-body-fonr); } 

ul.products .product .price bdi { font-size: 20px; font-weight: 700; color: var(--color-primary-blue); } 
ul.products .product .price del bdi{ font-weight: 400; color: var(--color-body-font); font-size: 14px; }
.woocommerce ul.products li.product .price { display: flex;  align-items: center; flex-direction: row-reverse; justify-content: flex-end; gap: 5px; margin-bottom: 0;}
.woocommerce ul.products li.product .price ins {text-decoration: none;}

ul.products .product .add_to_cart_button { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50% !important; background: var(--color-dark-blue) !important; position: absolute; top: 20px; right: 20px; z-index: 9; opacity: 0;margin-top: 0 !important; padding: 11px !important; display:none !important; }
ul.products .product:hover .add_to_cart_button { opacity: 1;}
ul.products .product .add_to_cart_button img.add-to-cart-icon { margin-bottom: 0 !important;}
ul.products .product .add_to_cart_button.added img.add-to-cart-icon { display: none;}
ul.products .product .add_to_cart_button.added::after { color: #fff; margin: 2px;}
ul.products .product .added_to_cart.wc-forward { position: absolute; right: 70px; top: 22px; background: #364860; padding: 5px 10px; color:var(--color-white); border-radius: 8px;}
ul.products .product .stock-status-label.in-stock { position: absolute; top: 0; left: 0; background: #3AAC79; padding: 0px 10px; clip-path: polygon(0 0, 76% 0, 100% 100%, 0% 100%); -webkit-clip-path: polygon(0 0, 76% 0, 100% 100%, 0% 100%); -ms-clip-path: polygon(0 0, 76% 0, 100% 100%, 0% 100%); -o-clip-path: polygon(0 0, 76% 0, 100% 100%, 0% 100%); display: block; width: 118px; color: #fff; } 
ul.products .product .stock-status-label.out-of-stock{position: absolute; top: 0; left: 0; background:#F14C4D; padding: 0px 10px; clip-path:polygon(0 0, 83% 0, 100% 100%, 0% 100%); -webkit-clip-path:polygon(0 0, 83% 0, 100% 100%, 0% 100%); -ms-clip-path:polygon(0 0, 83% 0, 100% 100%, 0% 100%); -o-clip-path:polygon(0 0, 83% 0, 100% 100%, 0% 100%); display: block; width: 140px; color: #fff;}

.woocommerce-sidebar .WpfWoofiltersWidget .ui-widget-header { background: #02A8F4 !important;}
.woocommerce-sidebar .WpfWoofiltersWidget .ui-slider.ui-widget-content:not(.iris-slider-offset) { background: #DADADA !important; border-radius: 25px; border: 0 none;}
.woocommerce-sidebar .WpfWoofiltersWidget .ui-slider.ui-widget-content .ui-slider-handle { background: #33a4f0 !important; border: 0 none !important;border-radius: 50px !important;width: 1em!important; height: 1em!important;}
.woocommerce-sidebar .WpfWoofiltersWidget .ui-slider.ui-widget-content .ui-slider-handle:focus-visible {  border: 0 none !important;  outline: 0 none !important;}
.woocommerce-sidebar .WpfWoofiltersWidget .wpfFilterWrapper[data-radio="1"] .wpfCheckbox label:before {border-radius:0 !important;}
.woocommerce-sidebar .WpfWoofiltersWidget .wpfFilterWrapper .ui-slider-horizontal {height: .4em!important;}

.woocommerce-sidebar .WpfWoofiltersWidget .ui-slider.ui-widget-content:not(.iris-slider-offset) {  margin: 18px 10px 0 10px !important; width: auto;}
.woocommerce-sidebar .wpfFilterContent .wfpDescription {  border-bottom: solid 1px rgb(119 119 119 / 30%); margin-bottom: 15px;}
.woocommerce-sidebar .wpfFilterWrapper { margin-bottom: 0 !important;   padding-bottom: 0 !important;}
.woocommerce-sidebar .wpfFilterContent .wfpDescription { border-bottom: solid 1px rgb(119 119 119 / 30%); margin-bottom: 15px;  color: #353537; font-weight: 600;    font-size: 16px !important;}
.wpfFilterWrapper[data-filter-type="wpfPrice"] .wpfFilterContent {  padding-left: 0!important;  padding-right: 0!important;}

.woocommerce-sidebar {  padding: 24px;  background: #F3F4F6;  border: solid 1px #DDDDDD; border-radius: 15px;}
.woocommerce-sidebar h2 { text-transform: capitalize;  font-size: 32px; margin-bottom: 0;}
.wpfPriceInputs .wpfPriceRangeField, .wpfPriceRangeField, span.wpfCurrencySymbol { color: #02A8F4 !important;  font-weight: bold;    font-size: 16px !important;}
.woocommerce-result-ordering-wrapper {margin-bottom: 50px; padding: 24px; background: #F3F4F6;  border: solid 1px #DDDDDD; border-radius: 15px;  display: flex;  align-items: center;  justify-content: space-between;}
.woocommerce-result-ordering-wrapper .woocommerce-notices-wrapper {display: none;}
.woocommerce-result-ordering-wrapper .woocommerce-result-count, .woocommerce-result-ordering-wrapper form.woocommerce-ordering { margin-bottom: 0;}
.outofstock  .add_to_cart_button { display: none !important;}
.top-banner { height: 300px; position: relative;}
.top-banner img.img-fluid { width: 100%;height: 100%; object-fit: cover !important; border-radius: 15px;}

.category-content-wrap { position: absolute; top: 50%; transform: translate(0, -50%);  left: 50px; max-width: 600px;}
.category-content-wrap .cat-head { color: var(--color-white); font-size: 40px; font-weight: 700;}
.category-content-wrap .cat-content { color: var(--color-white); font-size: 16px;font-weight: 400;}

.custom-breadcumb main { min-height: auto;}
.custom-breadcumb nav.woocommerce-breadcrumb { margin: 1rem;}

select.orderby { border: 0 none; color: #777777;}
.product_meta {display: flex; align-items: center; gap: 15px;margin: 20px 0; flex-wrap: wrap; }
.product_meta p{margin-bottom: 0;}
.product_meta .sku_wrapper {font-weight: 600; color: #777777; font-size: 18px; }

.errorPage {min-height: 60vh; display: flex; align-items: center; justify-content: center; }
.woocommerce-product-details__short-description ul li {  margin-bottom: 10px;}
#tab-description h2, #tab-reviews h2, #tab-compatibility_tab h2 {display: none;}
#tab-description ul {list-style: none; padding: 0; }

nav.woocommerce-MyAccount-navigation ul {margin: 0; padding: 0; list-style: none; }
nav.woocommerce-MyAccount-navigation ul li {display: block; margin: 0 0 5px; }
nav.woocommerce-MyAccount-navigation ul li a {display: block; padding: 10px 25px; background: var(--color-primary-blue); color: #fff;     border-radius: 8px; }
nav.woocommerce-MyAccount-navigation ul li.is-active a, nav.woocommerce-MyAccount-navigation ul li:hover a {background: #165f91; }

.login input#rememberme {width: auto; } 
.login .lost_password a {text-decoration: underline; font-weight: 500; }

button.woocommerce-button.button.woocommerce-form-login__submit, button.woocommerce-Button.button, .woocommerce .woocommerce-Reviews form#commentform input#submit, a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained, button.wc-block-components-button {font-family: var(--ff-primary-font); font-size: 16px; font-weight: 600; line-height: 1; color: var(--color-white); background: var(--color-dark-blue); display: inline-flex; align-items: center; border: 0; border-radius: 10px; padding: 16px 35px; transition: var(--transition-common); text-transform: uppercase; }
button.woocommerce-button.button.woocommerce-form-login__submit:hover, button.woocommerce-Button.button:hover, .woocommerce .woocommerce-Reviews form#commentform input#submit:hover, a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained:hover { background: var(--color-primary-blue);  color: var(--color-white);}
.logi label.woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme { padding-top: 10px;}
.wp-block-woocommerce-cart-order-summary-block { background: #dadbdd; margin-bottom: 20px;padding: 15px;border-radius: 15px;}
button.wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button.contained { border: 0 none;   background: #33a4f0;border-radius: 4px;    color: #fff;}
.cr-summaryBox-wrap .cr-overall-rating-wrap{    width: auto !important; flex: none !important;}
#reviews .cr-summaryBox-wrap {  background-color: transparent;}

button.cr-review-form-submit { background: #364860 !important;}
button.cr-ajax-reviews-add-review { height: 0;  font-size: 0 !important;  padding: 0 !important; opacity: 0;}

#reviews .ivole-meter .ivole-meter-bar {  background-color: #000!important;}
#reviews .ivole-meter {  background: #E7E7E7 !important;  height: 12px!important; border-radius: 8px!important;}
#reviews .cr-overall-rating-wrap { flex-direction: inherit !important;  gap: 15px;}
#reviews .cr-average-rating span {     line-height: 1; color: #02A8F4; font-size: 80px;}

/*-=-=-=-=-=-=-=-=-=-==-=-=-=-==-=-=-==-=-PRODUCT & PRODUCT LISTING PAGES CSS-=-=-=-=-=-=-=-=-=-==-=-=-=-==-=-=-==-=-*/

/*-- css-fixing(03-01-2025) --*/

.contact-form-outer-wrap .contact-form .help-form input[type="submit"].btn { background: var(--color-dark-blue); height: auto; border: none;     max-width: 240px; width: 100%;}
.contact-form-outer-wrap .contact-form .help-form input[type="submit"].btn:hover{ background: var(--color-primary-blue); color: var(--color-white);}
.wpcf7-response-output{text-align: center;}
.contact-form-outer-wrap .contact-form .help-form .col-12.text-center {position: relative; }
.contact-form-outer-wrap .contact-form .help-form .wpcf7-spinner { top: 11px; position: absolute; bottom: 0;}


.wpcf7-not-valid-tip { display: none !important; }
.wpcf7-not-valid { border-color: #f00 !important; }
.wpcf7 form .wpcf7-response-output { color: #f00; text-align: center; }
.wpcf7 form.sent .wpcf7-response-output { color: #46b450; }



/*STAR RATING CSS*/

.woocommerce .star-rating::before {opacity: 0; height: 0; }

.star-rating {display: flex !important; align-items: center; font-size: 16px !important; width: auto !important; }
.star-rating .review-star-custom {position: relative; width: 99px; margin-right: 5px; height: 16px; }
.star-rating .review-star-custom span {overflow: hidden; display: block; padding-top: 0 !important;}
.star-rating .review-star-custom:before {left: 0; position: absolute; top: 0px; width: 100%; z-index: 1; -webkit-font-smoothing: antialiased; color: #c7c7c7; font-family: "Font Awesome 6 Free"; font-size: 16px; height: 16px; letter-spacing: 2px; line-height: 16px; content: '\f005' '\f005' '\f005' '\f005' '\f005'; display: block; font-style: normal; font-weight: 900; speak: none; }
.star-rating .review-star-custom>span:before {position: relative !important; z-index: 2; -webkit-font-smoothing: antialiased; color: #FDBC00; font-family: "Font Awesome 6 Free"; font-size: 16px; height: 16px !important; letter-spacing: 2px; line-height: 16px; content: '\f005' '\f005' '\f005' '\f005' '\f005'; display: block; font-style: normal; font-weight: 900; speak: none; opacity: 1 !important; }
.star-rating .review-star-custom span strong.rating {display: none; }

.star-rating span.total-reviews {position: relative; padding: 0; color: var(--color-body-font); font-family: var(--ff-primary-font); font-size: 14px; }
.star-rating span.total-reviews:before { opacity:0; }

/*STAR RATING CSS*/


.filter-btn {margin-bottom: 15px; display:none; }
.filter-btn i {margin-right: 5px; }


.iframe-wrap {position: relative; padding: 0 0 56.25%; }
.iframe-wrap iframe {position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; }


.wc-block-cart-items .wc-block-cart-item__wrap .wc-block-components-product-metadata__description p br {display: none; }
.wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox] { padding-right: 0; }
.wc-block-components-form .wc-block-components-checkout-step { margin: 0 0 20px !important;}

.woocommerce-account .addresses .title .edit {float: none; font-weight: 600; text-decoration: underline; margin: 0 0 12px; display: inline-block; }

.is-large.wc-block-cart .wc-block-cart-items td .wc-block-cart-item__prices, .is-large.wc-block-cart .wc-block-cart-items td .wc-block-components-product-badge, .is-large.wc-block-cart .wc-block-cart-items td .wc-block-components-product-metadata__description {display: none; }
.is-large.wc-block-cart .wc-block-cart-items td a.wc-block-components-product-name {color: var(--color-black); font-weight: 500; }

.wp-block-woocommerce-checkout-order-summary-cart-items-block span.wc-block-components-order-summary-item__individual-prices, .wp-block-woocommerce-checkout-order-summary-cart-items-block .wc-block-components-product-metadata {display: none; }
.wp-block-woocommerce-checkout-order-summary-cart-items-block span.wc-block-components-product-name { font-weight: 500;}

.wc-block-checkout__payment-method .wc-block-components-radio-control__option .wc-block-components-radio-control__input { padding-right: 0;}


.woocommerce-order {border: 2px dashed #ccc; padding: 15px; margin: 0 auto; }
.woocommerce-order address { margin: 0 0 15px !important; }

td.woocommerce-table__product-name.product-name a { font-weight: 500; color: var(--color-black);}

.is-large.wc-block-cart .wc-block-components-radio-control__input, .wc-block-components-radio-control .wc-block-components-radio-control__input {padding-right: 0; }


.cr-ajax-reviews-review-form .cr-review-form-item span { font-size: 16px; }
.cr-review-form-rating-overall .cr-review-form-rating .cr-review-form-rating-cont .cr-review-form-rating-inner svg {height: 20px; width: 23px; }
.cr-ajax-reviews-review-form .cr-review-form-buttons button {border-radius: 8px; }


.default-page-wrap, .my-account-area {min-height: 70vh; }


.cr-ajax-reviews-review-form .cr-review-form-res .cr-review-form-result .cr-review-form-continue {background: var(--color-dark-blue); border-radius: 10px; padding: 16px 35px; transition: var(--transition-common); }
.cr-ajax-reviews-review-form .cr-review-form-res .cr-review-form-result .cr-review-form-continue:hover {background: var(--color-primary-blue); }


.woocommerce nav.woocommerce-pagination {text-align: center; margin: 0 0 25px; }

.page-numbers { border: 0 !important; }
.page-numbers li { border-right:0 !important; margin: 0 7px !important;  }
.page-numbers li a, .page-numbers li span {  background: #02A8F41A; border-radius: 50%; width: 45px; height: 45px; display: inline-flex !important; align-items: center; justify-content: center; color: #262A33; font-weight:600 !important; } 
.page-numbers li span.current {border: 2px solid #02A8F4 !important; background: #02A8F41A !important; color: #222 !important; }
.page-numbers a.prev, .page-numbers a.next { background: #02A8F4 !important; color: #fff !important}


.woocommerce-error, .woocommerce-info, .woocommerce-message {padding-right: 195px; padding-bottom: 30px; position: relative; }
.woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button, .woocommerce-page .woocommerce-error .button, .woocommerce-page .woocommerce-info .button, .woocommerce-page .woocommerce-message .button { right: 15px; top: 10px; position: absolute; }

.tax-product_cat .main-header + .container {min-height: 60vh; }

.login .form-row .woocommerce-form-login__rememberme {margin-top: 10px; }

.woocommerce-product-details__short-description ul li span, .woocommerce-product-details__short-description ul li span a, .woocommerce-product-details__short-description ul li strong {color: var(--color-primary-blue) !important; }


h3#ship-to-different-address label.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox {display: flex; align-items: center; }
h3#ship-to-different-address label.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox input#ship-to-different-address-checkbox {width: 20px; height: 20px; margin-right: 10px; }
h3#ship-to-different-address label.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox span {font-size: 22px; }


#customer_details .col-1, #customer_details .col-2 {width: 100%; }
#customer_details .woocommerce-billing-fields__field-wrapper, #customer_details .woocommerce-shipping-fields__field-wrapper {display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 0 20px; }


#customer_details .woocommerce-billing-fields__field-wrapper .form-row, #customer_details .woocommerce-shipping-fields__field-wrapper .form-row {width: 49%; }

#customer_details .woocommerce-billing-fields__field-wrapper .form-row span.select2-selection, #customer_details .woocommerce-shipping-fields__field-wrapper .form-row span.select2-selection, .woocommerce-address-fields__field-wrapper span.select2-selection {height: 40px; border-radius: 8px; border-color: var(--color-border-grey); }
#customer_details .woocommerce-billing-fields__field-wrapper .form-row span.select2-selection span.select2-selection__rendered, #customer_details .woocommerce-shipping-fields__field-wrapper .form-row span.select2-selection span.select2-selection__rendered, .woocommerce-address-fields__field-wrapper span.select2-selection span.select2-selection__rendered {line-height: 40px; }
#customer_details .woocommerce-billing-fields__field-wrapper .form-row label.screen-reader-text, #customer_details .woocommerce-shipping-fields__field-wrapper .form-row label.screen-reader-text {height: 34px !important; position: static !important; }



form.woocommerce-shipping-calculator span.select2-selection {height: 40px; border-radius: 8px; border-color: var(--color-border-grey); }
form.woocommerce-shipping-calculator span.select2-selection span.select2-selection__rendered {line-height: 40px; }

form.woocommerce-shipping-calculator .select2-container--default .select2-selection--single .select2-selection__arrow, .woocommerce-address-fields__field-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow, .select2-container--default .select2-selection--single .select2-selection__arrow { top: 7px; }

.woocommerce form .form-row .input-checkbox { width: auto; }


.woocommerce-checkout #payment ul.payment_methods li input[type=radio] {width: auto; }


.woocommerce table.shop_table td.product-name { width: 320px;}
.woocommerce table.shop_table td.product-name dl.variation {font-size: 14px; }
.woocommerce table.shop_table td.product-name a {color: var(--color-dark-blue); text-transform: uppercase; font-weight: 600; margin: 0 0 10px; display: block; font-size: 14px; }
.woocommerce table.shop_table .quantity input[type=number] {width: 90px; text-align: center; }

.woocommerce-page table.cart td.actions .coupon input#coupon_code {width: 200px; padding: 11px; }
#add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img {width: 55px; box-shadow: none; }

.woocommerce ul#shipping_method li input { width: auto;}

#key-cutting-popup, #key-cutting-image-popup, #driving-cutting-image-popup, #insurance-cutting-image-popup {max-width: 600px; width: 90%; border-radius: 15px; }
.keyimgmsg {margin: 0 0 10px; color: var(--color-primary-blue); font-size: 14px; }
#key-cutting-popup input[type=file] {margin: 0 0 10px; padding: 8px; }

#key-cutting-popup #popup-close, #key-cutting-image-popup #keyimg-popup-close, #driving-cutting-image-popup #drivingimg-popup-close, #insurance-cutting-image-popup #insuranceimg-popup-close {position: absolute; right: -20px; top: -20px; padding: 0; width: 40px; height: 40px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; }


#key-cutting-popup h3 {font-size: 20px; }
.upsell-products {padding-top: 15px; } 
.upsell-products ul {margin: 0; padding: 0; list-style: none; display: flex; overflow-x: auto; justify-content: flex-start; white-space: nowrap; }
.upsell-products ul li {width: 100%; max-width: 170px; padding: 10px; background: var(--color-white); box-shadow: 0px 5px 10px 0px #0000000D; border-radius: 10px; margin: 0 9px; white-space: normal; }
.upsell-products ul li a {display: block; } 
.upsell-products ul li a img { margin: 0 auto 10px; display: block; height: 100px !important; } 
.upsell-products ul li a span {color: var(--color-body-font); font-weight: 600; font-size: 12px; !i;!; display: block; line-height: 1.1; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}

.upsell-products ul li a span bdi {display: flex; align-items: center; margin-top: 5px; margin-bottom: 5px; } 
.upsell-products ul li button.add-to-cart-button {background: var(--color-dark-blue); display: inline-flex; align-items: center; border: 0; border-radius: 5px; padding: 5px 15px; color: var(--color-white); font-size: 12px; }
.upsell-products ul li a span span.woocommerce-Price-amount.amount {color: var(--color-primary-blue);!;!i;!; }
.upsell-products ul li a span span.woocommerce-Price-amount.amount span.woocommerce-Price-currencySymbol {color: var(--color-primary-blue); }

form#key-cutting-form button {font-size: 12px; padding: 12px 18px; margin-bottom: 5px; }

.key-img-wrap, .driving-img-wrap, .insurance-img-wrap {margin: 0 0 15px; } 
.key-img-wrap img, .driving-img-wrap img, .insurance-img-wrap img {height: 500px !important; width: auto !important; margin: 0 auto !important; display: block; object-fit: contain; }

.edit-key-img-wrap input[type=file], .edit-driving-img-wrap input[type=file], .edit-insurance-img-wrap input[type=file]  {margin: 0 0 10px; padding: 8px; }
.edit-key-img-wrap button, .edit-driving-img-wrap button, .edit-insurance-img-wrap button {border-radius: 5px; padding: 10px 15px; font-size: 14px; }


.woocommerce .woocommerce-order-details td.woocommerce-table__product-name.product-name {width: 50%; }
.woocommerce td.product-name .wc-item-meta, .woocommerce td.product-name dl.variation { padding: 0; }

.search  .container.common-small-padding {min-height: 40vw; }
.search-no-results .wpfFilterContent {display: none; }
.search-no-results .woocommerce-result-ordering-wrapper { display: none;}
.cr-review-form-nav .cr-nav-left span {display: none; }

.woocommerce-notices-wrapper:focus, .woocommerce-notices-wrapper:focus-visible {border: 0; box-shadow: none; outline: 0; }
.woocommerce-message:focus-visible, .woocommerce-error:focus-visible {outline: none !important; }

table.shop_table.woocommerce-checkout-review-order-table a.view-key-image {margin: 3px 0 !important; }
dd.variation-KeyImage a.view-key-image, dd.variation-DrivingLicence a.view-driving-image, .variation-Insurance a.view-insurance-image, .woocommerce td.product-name dl.variation dd p span {margin: 3px 0 !important; display: inline-block !important; vertical-align: top; }
dd.variation-KeyCuttingFee span.woocommerce-Price-amount.amount {margin-top: 2px; display: inline-block; }
.woocommerce td.product-name dl.variation dd p span span.woocommerce-Price-currencySymbol {
    line-height: 1;
}

.footer-newsltr form#mc-embedded-subscribe-form {margin: 0; }
.footer-newsltr input[type=email] {border-radius: 8px !important; border: 1px solid var(--color-border-grey); font-size: 16px; padding: 10px 10px !important; }
.footer-newsltr input[type=submit] {width: 100% !important; height: auto !important; }
.footer-newsltr .foot {grid-template-columns: 10fr !important; }

.hdr-center .search-wrap .dgwt-wcas-search-form input[type=search] {height: 48px; border-radius: 8px; padding-right: 80px; }
.hdr-center .search-wrap .dgwt-wcas-search-form button[type=submit] {border-radius: 8px; }
.hdr-center .search-wrap .dgwt-wcas-search-form button[type=submit]::before { display: none;}


form#key-cutting-form {height: 80vh; overflow-y: auto; }
.master-product {max-width: 100% !important; }
.key-items-programming-item {max-width: 100% !important; margin-bottom: 15px; } 
.key-items-header {font-size: 14px; line-height: 1; } 
.master-key-items-content {font-size: 14px; line-height: 1.3; } 
.master-key-items-content div {text-align: left !important; padding: 0 10px; flex: none !important; } 
.master-key-items-content div:first-child {width: 22%;; } 
.master-key-items-content div:nth-child(2) {width: 56%; } 
.master-key-items-content div:nth-child(3) {width: 22%; font-weight: 600; }

.key-items-content img, .proimgpreview img, .load-programmingfees-items-content img {border: 1px solid #eee; padding: 3px; }
.key-items-content a, .programming-items-content a, .remove-programmingfees-image-master a, .remove-key-image-master a, .remove-dlicense-image-master a, .remove-insurance-image-master a {font-weight: 600; line-height: 1; color: var(--color-white); background: var(--color-dark-blue); display: inline-flex; align-items: center; border: 0; border-radius: 6px; font-size: 12px; padding: 7px 12px; }


.wrap-key-img-load, .wrap-dlicense-img-load, .wrap-insurance-img-load {padding: 0 0 10px; }
.wrap-key-img-load button, .wrap-key-img-load + button, .wrap-dlicense-img-load button, .wrap-dlicense-img-load + button, .wrap-insurance-img-load button, .wrap-insurance-img-load + button {font-weight: 600; line-height: 1; color: var(--color-white); background: var(--color-dark-blue); display: inline-flex; align-items: center; border: 0; border-radius: 6px; padding: 7px 12px !important;!i;!; }
.wrap-key-img-load + button, .wrap-dlicense-img-load + button, .wrap-insurance-img-load + button {margin-left: 0 !important;!i;!; }

.key-image-preview img, .dlicense-image-preview img, .insurance-image-preview img {height: 80px; width: 80px; object-fit: cover; }


form#your-profile table#\32 fa-currently-configured-methods {
    display: none;
}

form#your-profile p.description + h3 {
    display: none;
}

.wp2fa-modal main {
    min-height: inherit;
}

.my-account-area h1.page-title {
    text-align: center;
}






@media only screen and (max-width:1799px){
    .image-slider-box .banner-slider-content h1 em { font-size: 70px; }
    .inner-banner-content-box h1 em { font-size: 60px; }

    
}



@media only screen and (max-width:1599px){
    h1 {font-size: 36px; }
    h2 {font-size: 32px; }
    h5 {font-size: 18px; }

    .product-box .prod-info-box {padding: 18px; }
    ul.products .product { padding: 18px !important; }

    .product-box .prod-info-box .prc, .product-box .prod-info-box span.price { font-size: 16px; }
    ul.products .product .price bdi { font-size: 16px; }

    .single-product h1.product_title.entry-title {font-size: 26px; }
    .single-product .price bdi, .single-product .price del bdi { font-size: 30px; }

    .single-product .woocommerce-tabs.wc-tabs-wrapper { padding: 40px; }

    .wpfPriceInputs .wpfPriceRangeField, .wpfPriceRangeField, span.wpfCurrencySymbol { font-size: 12px !important; }
    
    


}

@media only screen and (max-width:1359px){
    .product-box .prod-info-box {padding: 15px; }
    ul.products .product { padding: 15px !important; }

    
   
}

@media only screen and (max-width:1199px){


    .main-menu ul li.menu-item-has-children { background: none; }
    .hdr-center { justify-content: center; }
    .hdr-center .srch-option-wrap { display: none; }


    .mobile-menu { position: fixed; right: -100%; list-style: none; background: var(--color-white); padding: 25px 30px; transition: right 1s ease-in; top: 103px; bottom: 0; margin: 0; z-index: 5; min-height: calc(100vh - 103px); overflow-y: auto; } 
    .mobile-menu.visible { right: 0; transition: right 0.75s ease;  width: 100%; }

    .main-menu ul { flex-direction: column; }
    .main-menu ul li:not(:last-child) { margin-right: 0; }
    .main-menu ul li.menu-item-has-children { padding-right: 40px; }
    .main-menu ul li a { padding-bottom: 12px; padding-top: 12px; text-transform: uppercase; }
    .main-menu ul li ul.sub-menu { position: static; background: none; width: 100%; padding: 0; border-radius: 0; box-shadow: none; display: none; padding-bottom: 5px;}
    .main-menu ul li:hover ul.sub-menu li { border: 0;}
    .main-menu ul li ul.sub-menu li a { font-size: 14px; padding: 6px 8px 6px 0 !important; text-transform: capitalize; }
    .main-menu ul li:hover ul.sub-menu { display: none;}
    .main-menu ul li.open-sub ul.sub-menu { display: block;}


    .mobile-menu-btn { position: relative; width: 40px; height: 40px; background: var(--color-white); border-radius: 50%; cursor: pointer; z-index: 999; display: inline-flex; align-items: center; justify-content: center; box-shadow: 0px 5px 10px 0px #00081C1A;}
    .mobile-menu-btn svg { width: 20px; }
    .mobile-menu-btn span { display: inline-block; position: absolute; top: 50%; transform: translateY(-50%); width: 18px; height: 2px; background-color: var(--white); opacity: 1; transition: opacity 0.5s ease; } 
    .mobile-menu-btn:before, .mobile-menu-btn:after { content: ""; display: inline-block; width: 22px; height: 2px; background-color: var(--color-dark-blue); position: absolute; opacity: 1; } 
    .mobile-menu-btn:before { top: 15px; transform: rotate(0deg); transition: transform 0.25s ease, top 0.25s ease 0.25s; } 
    .mobile-menu-btn:after { bottom: 15px; transform: rotate(0deg); transition: transform 0.25s ease, bottom 0.25s ease 0.25s; } 
    .mobile-menu-btn.open span { opacity: 0; transition: opacity 0.5s ease; } 
    .mobile-menu-btn.open:before { top: 19px; transform: rotate(45deg); transition: transform 0.25s ease 0.25s, top 0.25s ease; opacity: 1;} 
    .mobile-menu-btn.open:after { bottom: 19px; transform: rotate(-45deg); transition: transform 0.25s ease 0.25s, bottom 0.25s ease; opacity: 1; }

    .plus, .minus { display: block;}
    .minus {
        display: none;
      }
      
      .open-sub .plus {
        display: none;
      }
      
      .open-sub .minus {
        display: block;
      }


      .image-slider-box .banner-slider-content h1 em {font-size: 60px; }

      .offer-star { width: 150px; height: 150px; font-size: 18px; right: -150px; }
      .offer-star span { font-size: 40px; }
      .image-slider-box .banner-slider-content { max-width: 80%; }
      .image-slider-box .banner-slider-content h1 em { font-size: 50px; }

      .woocommerce-sidebar { padding: 15px; }
      .wpfFilterVerScroll li { font-size: 12px; }

      .filter-btn { display:inline-flex; }
      .woocommerce-sidebar { margin: 0 0 15px; display: none;}
      .woocommerce-sidebar h2 { font-size: 22px; }

      .inner-banner-content-box h1 em { font-size: 50px; }

      .why-c-u-box { padding: 15px; }
      .why-c-u-box .iconbox {width: 60px; height: 60px; }
      .why-c-u-box h5 { width: calc(100% - 60px); }
      .why-c-u-box h5 { font-size: 15px; }

    
}

@media only screen and (max-width:991px){

    .header-top { display: none; }
    .mobile-menu { top: 69px; min-height: calc(100vh - 69px);}

    h2 { font-size: 34px; }

    .banner-lt { padding-top: 150px; }
    .offer-star { right: inherit; }

    .image-slider-box .banner-slider-content {max-width: 90%; }

    .product-row .product-box {margin: 0 0 24px; }


    .srvc-offer-box { padding: 15px; margin-top: 15px; flex-direction: column; }
    .srvc-offer-box .offer-box-info {width: 100%; padding-left: 0; padding-top: 15px; }

    .hdr-lt .logo {max-width: 62px; }

    .hdr-lt { width: 30%; }
    .hdr-center { width: 40%; }
    .hdr-rt { width: 30%; }
    
    .ftr-copyright { padding: 20px 0; text-align: center; }
    .ftr-rt-menu { padding: 0 0 20px 0; }
    .ftr-rt-menu ul {justify-content: center; }

    .single-product .woocommerce-tabs.wc-tabs-wrapper {padding: 20px; }

    ul.products .product { border-radius: 12px; }

    .category-content-wrap { max-width: 570px; }

    .inner-banner-content-box h1 em { font-size: 40px; }
    .inner-banner-content-box .banner-lt {padding-top: 0; }

    .about-car-keys-cont {padding-left: 0; padding-top: 20px; }

    .footer-col {margin-bottom: 15px; }

    .woocommerce-account .woocommerce-MyAccount-content, .woocommerce-account .woocommerce-MyAccount-navigation { margin: 0 0 20px; }

    .woocommerce table.shop_table td.product-name {width: 100%; }

    #add_payment_method table.cart .product-thumbnail, .woocommerce-cart table.cart .product-thumbnail, .woocommerce-checkout table.cart .product-thumbnail {min-width: 70px; }


}

@media only screen and (max-width:767px){
    
    body { font-size: 14px; }
    textarea, select, .form-control, input { font-size: 15px; }
    .btn, a.btn { font-size: 14px;  padding: 14px 25px;}
    .button { font-size: 14px !important;  padding: 14px 25px !important; justify-content: center; }


    h1, h2 { font-size: 26px; }
    h3 { font-size: 22px; }
    h4 { font-size: 20px; }
    h5 { font-size: 17px; }
    h6 { font-size: 14px; }


    .hdr-rt ul { gap: 10px; }
    .hdr-rt ul a { width: 40px; height: 40px; }

    .mobile-menu { top: 64px; min-height: calc(100vh - 64px); }

    .container { max-width: 95%;}

    .main-header { padding: 0; }
    .hdr-lt { width: 40%; }
    .hdr-lt .logo { max-width: 56px; }
    .main-header.header-sticky .hdr-lt .logo img {max-width: 56px; }
    .hdr-rt { width: 60%; }
    .hdr-rt .srch-btn-tgl { display: block; }
    
    .hdr-center { justify-content: center; display: none; position: absolute; width: 100%; background: var(--color-white); top: 64px; right: 0; left: 0; padding: 12px; gap: 0; }
    .hdr-center .search-wrap { max-width: 100%; }


    .image-slider-box .banner-slider-content h1 em {font-size: 40px; }

    .title-btn-wrap h3 {margin: 0 0 15px; width: 100%; }

    .ad-block { padding: 20px 25px;  }

    .why-c-u-box { padding: 20px; }
    .footer-info ul li {margin-right: 8px; }

    .ftr-rt-menu ul {  flex-direction: column; text-align: center; gap: 0; }
    .ftr-rt-menu ul li {padding: 4px 0; }

    .single-product h1.product_title.entry-title {font-size: 22px; }

    .category-content-wrap { left: 0; padding: 0 20px; }
    .category-content-wrap .cat-head { font-size: 26px; }
    .category-content-wrap .cat-content { font-size: 14px; }

    .woocommerce-result-ordering-wrapper { margin-bottom: 30px; padding: 14px; flex-direction: column;}
    .woocommerce-result-ordering-wrapper .woocommerce-result-count, .woocommerce-result-ordering-wrapper form.woocommerce-ordering {margin-bottom: 10px; }

    .container .container {max-width: 100%; }
    .star-rating span.total-reviews { display: none; }

    .inner-banner-content-box h1 em { font-size: 36px; }

    .additional-info-type p { -webkit-line-clamp: inherit; height: auto; }

    .contact-form-outer-wrap {padding: 25px 15px 5px 15px; }

    .woocommerce ul.order_details {margin: 0 0 15px; list-style: none; padding: 0; }
    .woocommerce ul.order_details li { border-right: 0; width: 100%; margin: 0 0 10px;}


    .woocommerce-error, .woocommerce-info, .woocommerce-message { padding-right: 20px; padding-bottom: 20px; }
    .woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button, .woocommerce-page .woocommerce-error .button, .woocommerce-page .woocommerce-info .button, .woocommerce-page .woocommerce-message .button {margin-right: 0; margin-top: 10px; width: 100%; text-align: center; justify-content: center; position: static; }

    #customer_details .woocommerce-billing-fields__field-wrapper .form-row, #customer_details .woocommerce-shipping-fields__field-wrapper .form-row {width: 100%; }
    h3#ship-to-different-address label.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox span {font-size: 16px; }
    h3#ship-to-different-address label.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox input#ship-to-different-address-checkbox {width: 16px; height: 16px; }

    .woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last {width: 100%; }

    .woocommerce-page table.cart td.actions .coupon input#coupon_code {width: 100%; margin: 0 0 10px; }
    .woocommerce-page table.cart td.actions .coupon button.button { width: 100%; justify-content: center; }
    .woocommerce .cart .button, .woocommerce .cart input.button { justify-content: center; }

    .woocommerce .woocommerce-order-details td.woocommerce-table__product-name.product-name {width: auto; }

    .footer-btm .row {flex-direction: column-reverse; }
    .ftr-rt-menu {padding: 20px 0 0; }

    #customer_details .woocommerce-billing-fields__field-wrapper .form-row label.screen-reader-text, #customer_details .woocommerce-shipping-fields__field-wrapper .form-row label.screen-reader-text {height: 0!important; }

    .woocommerce div.product form.cart div.quantity button[type=button] { width: 42px; height: 42px; }

    #key-cutting-popup, #key-cutting-image-popup, #driving-cutting-image-popup, #insurance-cutting-image-popup { padding: 12px !important; }


    .master-product .key-items-header {display: none !important; }
    .master-key-items-content div { padding: 5px 0; width: 100% !important; }

    .key-items-content, .programming-items-content, .master-key-items-content, .load-programmingfees-items-content, .load-dlicense-items-content, .load-insurance-items-content, .load-key-items-content {flex-direction: column; }
    .key-items-content div, .programming-items-content div, .load-programmingfees-items-content div, .load-dlicense-items-content div, .load-insurance-items-content div, .load-key-items-content div {flex: none !important; text-align: left !important; width: 100%; padding: 5px 0; }

}   

@media only screen and (max-width:359px){
    
}