/*
Theme Name: Sunalparts
Theme URI: https://sunalparts.com/
Author: innosoftworks
Author URI: https://innosoftworks.com/
Description: Product Selling.
Version: 1.0.1
License: Proprietary License
*/


*{margin: 0;padding: 0;box-sizing: border-box;}
:root{
--primary:#FFA517;
--dark:#0E1A32;
--bg:#F5F5F5;
--white:#ffffff;
--font1:"Roboto", sans-serif;
--font2:"Montserrat", sans-serif;

}



body{font-family: var(--font1);overflow-x: hidden;}
ul, ol{padding: 0;list-style: none;margin: 0;}
li{padding: 0;margin: 0;}
a{text-decoration: none;color: var(--black);}
img{max-width: 100%;
}
h1{font-size:49px;line-height:65px;font-weight:700;}
h2 {font-size:42px;line-height:55px;font-weight:700;}
h3{font-size:36px;line-height:40px;font-weight:700;}
h4{font-size:26px;line-height: 41px;font-weight:700;}
h5{font-size: 26px;line-height: 40px;font-weight:700;}
h6{font-size: 22px;line-height: 22px;font-weight: 700;}
section{padding:60px 0;overflow: hidden;}
h1, h2, h3, h4, h5, h6 {color: var(--dark);font-family: var(--font1);}
p{font-family: var(--font1);color: var(--dark);font-weight:500;font-size: 16px;line-height:1.3 !important;}
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span{color: var(--primary);}
::after, ::before{pointer-events: none;}
.btn-primary{color: var(--white) ;font-size:16px; background-color: var(--primary);border-color: var(--primary);border-radius:100px;padding:14px 30px;font-weight:500; display:flex;justify-content: center;gap: 10px;align-items: center;text-transform: capitalize;width: fit-content;transition: .2s linear;}
.btn-primary:active{color: var(--white) !important;background-color: var(--primary) !important;border-color: var(--primary) !important;}
.btn-primary:hover{background-color: transparent;border-color: var(--primary);color: var(--dark);}
.btn-dark{color: var(--white) ;font-size: 16px; background-color: var(--dark);border-color: var(--dark);border-radius:100px;padding:12px 17px  ;font-weight:500; display: inline-flex;justify-content: center;align-items: center;text-transform: capitalize;transition:.3s linear;gap: 10px;width:100%;width: fit-content;}
.btn-dark:hover{background-color:transparent;color: var(--dark);border-color: var(--dark);}
header {position: relative;background: transparent;z-index: 2;top: 0;right: 0;left: 0;}
ul.top_right {padding: 0;margin: 0;list-style: none;text-align: right}
ul.top_right li {display: inline-block;margin-right: 25px}
ul.top_right li:last-child { margin-right: 0;}
ul.top_right li a {font-size: 18px;font-weight: 500;color: #000000;}
.top_featured_wrap { position: relative;}
#menu {position: relative;width:100%;}
#menu ul {list-style: none;display: flex;align-items: center;justify-content: center;margin: 0;}
#menu ul li {position: relative;}
#menu ul li a {display: block;text-decoration: none;position: relative;-webkit-transition: all .3s linear;font-size: 18px;transition: all .2s ease-in;padding: 5px 0px;color: var(--text);font-weight: 500;}
#menu ul li a img{margin-left: 10px;}
#menu li>a:only-child::after {margin-left: 0;content: '';}#menu ul li a:hover,#menu ul li.active a,
#menu ul li.current_page_item>a,#menu ul li.current-menu-ancestor>a,#menu ul li.current-menu-item>a,#menu ul li.current-menu-parent>a {color: var(--text);font-weight: 500;}
#menu li.active ul li a {color:var(--text);background: var(--white)}
#menu li.active ul li a:hover {color: #fff;background: var(--primary);}
#menu li>ul {position: absolute;left: 0;top: 4px;z-index: 999;white-space: nowrap;padding-left: 0;}
#menu li>ul li {background: var(--white);border-bottom: 1px solid rgba(0, 0, 0, 0.09);display: block;position: relative;margin: 0;text-align: left;padding-left: 20px;text-transform: capitalize;}
#menu li>ul li:hover {background: var(--primary);border-bottom: 1px solid rgba(0, 0, 0, 0.09);}
#menu li>ul li a {color: #333;font-size: 13px;padding: 10px 15px;border-right: 0;transition: none;}
#menu li>ul li a:hover {color: #fff;text-decoration: none}
#menu li ul li.current_page_item>a,
#menu li ul li.current-menu-ancestor>a,
#menu li ul li.current-menu-item>a,
#menu li ul li.current-menu-parent>a {background: #333;color: #fff}
#menu>li:first-child,#menu>li.has-submenu+li {border-left: 0}
#menu li>ul>li>ul {position: absolute;left: 100%;top: 0;transition: all linear .2s 0s;-webkit-transition: all linear .2s 0s;
visibility: hidden;opacity: 0}
#menu li>ul>li:hover>ul {visibility: visible;opacity: 1;display: block}
#menu li>ul {transition: all linear .2s 0s;-webkit-transition: all linear .2s 0s;visibility: hidden;opacity: 0;width: 100%;display: block;flex-direction: column;margin: 0;background: transparent;padding-top: 30px;}
#menu li:hover>ul {visibility: visible;opacity: 1;display: block;}
#menu li>ul li a {padding: 0 23px;}
#menu li>ul li a {padding: 10px 23px;}
#menu li ul li:hover ul li a {color: var(--text)}
#menu li ul li:hover ul li:hover a {color: var(--white);}
#menu li ul li:hover a {color: #fff;border-color: var(--primary);}
@keyframes menu_sticky {
  0% {
    margin-top: -240px;
  }

  50% {
    margin-top: -90px;
  }

  100% {
    margin-top: 0;
  }
}

header.sticky {margin: 0;position: fixed;background: transparent;top: 0;left: 0;width: 100%;z-index: 99999; 
animation-name: menu_sticky;animation-duration: 0.60s;animation-timing-function: ease-out;background-color: var(--white);}  
header.sticky .logo{transform: none;}
header.sticky .topbar{display: none;}
header.sticky .contact-bar{display: none;}
header.sticky hr{margin: 0;}
header.sticky .bottom-bar{background-color: var(--white);display: none;}
header.sticky #menu>ul {margin-top: 15px;margin-bottom: 15px;}
#menu>ul>li {padding: 0 23px;line-height: 1;}
#menu>ul>li:last-child {padding-right: 0;border: 0;}
#menu>ul>li:nth-last-of-type(1) a { padding-right: 0; border-right: 0;}
#menu>ul>li:nth-child(1) a {padding-left: 0;}
#menu>ul>li ul {padding-top: 30px;min-width: 260px;}
header .logo { width: fit-content;position: relative;z-index: 999;background-color: white;transform: translateY(10px);}
header .logo img{max-width: 200px;width:100%;}
.topbar {background-color: var(--secondary);}
.topbar ul li {display: inline-block;color: var(--white);position: relative; padding:4px 20px;border-right: 1px solid var(--white);font-weight: 400;line-height: 16px;}
.topbar ul li img{padding-right: 10px;}
.topbar ul li:first-child {padding-left: 0;}
.topbar ul li:last-child {border: 0;padding-right:0;  }
.topbar ul li a{font-size: 18px;}
.topbar ul {display: flex;margin-bottom: 0;justify-content: end;padding: 5px 0;}
.topbar .social a:first-child {border-right: 1px solid var(--white);}
.topbar .social a {display: inline-block;margin-bottom: 0;}
header .search-box{display: flex;align-items: center;background-color: transparent;border: 1px solid #0E1A3242;border-radius: 100px;padding: 5px;margin: 0 auto;height: 50px;}
header .search-box .form-control{background-color: transparent;border: none;padding-left:30px;}
header .search-box .form-control::placeholder{font-size: 16px;color:var(--dark);font-weight:400;}
header .search-box .form-control:focus{box-shadow: none !important;outline: none !important; border-color: #ccc !important;}
header .search-box button{background: linear-gradient(180deg, #FFA517 0%, #DF5C01 100%);
border: none;color: var(--white);font-size:16px;font-weight:500;border-radius:50%;padding:10px;max-width:fit-content;width:100%;}
header .action-box{display: flex;align-items: center;}
header .action-box ul{display: flex;align-items: center;gap: 10px;}
header .call {margin-right: 10px;}
header .action-box ul li{border-right: 1px solid white;padding-right: 10px;}
header .action-box ul li img{max-width:36px;width:100%;}
header{border-bottom: 1px solid #212121;}
.action-box .lang-switch{padding-right: 16px;}
 header .action-box ul li:nth-last-child(1){border-right:0;padding-right: 0;} 
 .nav-links ul{display: flex;align-items: center;gap:50px;}
.nav-links ul li{color: var(--dark);font-size: 16px;font-weight:500;}
.contact-bar{background-color: var(--dark);}
.contact-bar .call a{color: var(--white);}
.contact-bar .social ul{display: flex;align-items: center;}
.contact-bar .social ul li{padding:5px 20px;border-right:1.31px solid #FFFFFF59}
.contact-bar .social ul li img{min-width: 30px;}
.contact-bar .social ul li:last-child {border-right: none;padding-right: 0;}
.banner-sec{margin: 30px 0;position: relative;overflow: visible;border-radius: 50px;}
.banner-sec .buttons{display: flex;align-items: center;gap:20px;}
.banner-sec .btn-box .btn{max-width: 210px;width: 100%;}
.banner-sec .btn-box{position: relative;display: flex;flex-direction: column;gap: 20px;}
.banner-sec .banner-image{width: 100%;min-height:600px;}
.banner.owl-carousel .owl-item img {display: inline !important;height: 100%;position: absolute;right:50px;width: auto !important;bottom:-50px;}
.banner.owl-carousel .owl-stage-outer{overflow-y: clip !important;}
.banner-content {padding-left: 12px;}
.banner.owl-carousel .owl-nav button.owl-next, .banner.owl-carousel .owl-nav button.owl-prev {background: var(--primary);width: 50px;
height: 50px; border-radius: 50%;transition: all 0.3s linear;pointer-events: all;}
.banner.owl-carousel .owl-nav button.owl-next:hover, .banner.owl-carousel .owl-nav button.owl-prev:hover{ background-color: var(--dark);}
.banner .owl-dots .owl-dot { background-color: #D9D9D9 ; width: 15px; aspect-ratio: 1 / 1; border-radius: 50%; cursor: pointer;
 transition: background-color 0.3s;}
.banner .owl-dots .owl-dot.active {background-color: var(--primary);height: 15px;border-radius: 45px;}

.banner.owl-carousel .owl-dots { display: flex !important;gap: 10px;position: absolute;max-width: 1320px;pointer-events: all;z-index: 999;bottom: 131px;right: 0;margin-inline: auto;width:100%;margin-inline: auto;padding-left:130px;justify-content: flex-start;left: 0;}
.banner.owl-carousel .owl-nav{display: flex !important; bottom: 114px;justify-content:start;max-width:1320px; width: 100%;z-index: 9999;pointer-events: none;;margin-inline: auto;gap: 150px;position:absolute;left: 0px;right: 0;}
.banner.owl-carousel .owl-nav i{font-size: 23px;color: var(--white);}
.line{background-color: #0E1A3282;height: 1px;width:100%;}
.category{background: linear-gradient(104.91deg, #DCDFE7 0.7%, #F2F1F6 99.3%),linear-gradient(0deg, #F4F4F4, #F4F4F4);border-radius: 20px;padding:35px 30px 0 30px;display: flex;flex-direction: column;justify-content: center;height: 100%;}
.category-image {display: flex;justify-content: center;margin-top: 30px;}
.category-image img{aspect-ratio: 16/15;}
.main-row{margin-bottom:60px;}
.product-card .product{background-color: var(--bg);padding:30px;border-radius: 30px;display: flex;justify-content: center;position:relative;margin-bottom: 20px;}
.product-card .product img{object-fit: contain;width: 100%; aspect-ratio: 3 / 2; background: white; border-radius: 24px;}
.product-card .tag{position: absolute;top:30px;left: 30px;background-color: var(--primary);border-radius: 30px;padding: 5px 25px;font-size:14px;font-family: var(--font2);color: var(--white);font-weight: 700;}
.product-card .purchase-box h4{font-size: 22px;line-height: 1.3;}
.product-card .price-box{display: flex;align-items: center;justify-content: space-between;}
.product-card .price-box h5{font-size:28px;}
.product-card .price-box .btn{max-width: 140px;width: 100%;}
.products-row{row-gap: 34px;}
.dummy-sec{position: relative;overflow: visible;margin: 30px 0;}
.dummy-sec .dummy-image{width: 100%;}
.dummy-sec .dummy-image img{position:relative;margin-top: -100px;margin-bottom:-100px;max-width:400px;right: -220px;}
.form-select:focus {outline: none;box-shadow: none;border: none;}
.form-select{background-color: var(--bg);border: none;padding: 20px;appearance: none;background-size: 20px;font-size: 20px;font-family: var(--font2);line-height: 20px;color: var(--dark);font-weight: 600;}
.service-sec{background-color: var(--bg);}
.service-card{border: 1px solid #21212136;display: flex;padding: 26px 0;width:100%;justify-content: center;align-items: center;gap: 20px;height: 100%;}
.catogries-sec{position: relative;}
.service-card .service-content p{font-size: 19px;color: #212121;font-weight:700;}
.service-card .service-content span{font-size: 17px;color: #212121;font-weight: 400;}
footer{background-color: var(--white);padding: 60px 0 40px 0;}
footer .logo-box .logo{margin-bottom: 20px;}
footer .logo-box p{font-size: 16px;line-height:33px;max-width:500px;color: #242424;font-weight: 400;}
footer .footer-links h5{font-size: 20px;font-weight:700;margin-bottom:20px;}
footer .footer-links ul li{font-size:16px;line-height: 23px;margin-bottom:20px;color: #242424;}
footer .social ul{display: flex;gap:15px;}
footer .copyright{margin-top:70px;border-top: 2px solid #24242445;padding: 40px 0 0 0;}
footer .copyright p{font-size:14px;color:#242424;}
.shop-sec .shop-heading{text-align: center;margin-bottom: 60px;margin-top: 0;}
.shop-sec .categories-bar{background-color:var(--bg);padding: 29px 25px 25px 25px;border-radius: 20px;margin-top: 30px;}
.shop-sec .categories-bar ul li{border-top: 1px solid #26262642;border-bottom: 1px solid #26262642;padding: 17px 0;display: flex;align-items: center;gap:16px;}
.shop-sec .categories-bar label{font-size: 20px;line-height: 20px;font-weight:700;}
.shop-sec .categories-bar li input[type="checkbox"] {appearance: none; -webkit-appearance: none;min-height: 30px;min-width: 30px;
border-radius: 50%;border: 1px solid #00000047;background-color: #F0F0F0;    cursor: pointer;transition: background-color 0.3s linear, border-color 0.3s linear;}
.shop-sec .categories-bar li input[type="checkbox"]:checked {background-color: #FFA517;border-color: #FFA517;}
.shop-sec .categories-bar .price-box h3{font-size:28px;margin-top: 0;}
.shop-sec .categories-bar .price-box .price-heading{border-bottom:1px solid #2626266B;margin-bottom: 27px;}
.shop-sec .categories-bar .price-box small{font-size: 19px;line-height: 19px;font-weight: bold;}
.price-values {display: flex;justify-content: space-between;margin-top: 20px;}
.price-values span {font-size: 36px;font-weight: 700;color: var(--dark);}
.price-values div {text-align: center;}
.categories-heading .price-box{display: block;}
.range-box {position: relative;}
.slider { position: absolute; width: 100%; pointer-events: none; height: 8px; -webkit-appearance: none; background: var(--bg);
 top: -18px;}
.slider::-webkit-slider-thumb { -webkit-appearance: none; pointer-events: all; width: 20px; height: 20px; background: var(--white);border-radius: 50%;cursor: pointer;border: 2px solid var(--primary);margin-top: -6px;position: relative;z-index: 2;}
.slider-track { position: absolute; top:-22%; transform: translateY(-50%); height: 8px; width: 100%; background: var(--primary);
 border-radius: 4px; z-index: 1;}
.slider-track::after {content: '';position: absolute;height: 100%;background: var(--primary);border-radius: 4px;left: 0;right: 0;}
.price-values { display: flex; justify-content: space-between; margin-top: 50px;}
.policy-sec ul li{font-size: 16px;font-weight: 500;color: var(--dark);line-height: 36px;}
.policy-sec ul li::before{content: "";background-color: #72B4B7;width: 12px;height:12px;display: inline-block;top: 10px;border-radius: 50%;margin-right: 10px;}
.product-box .woocommerce-Price-currencySymbol{color: var(--primary) !important;}
.product-box .price-box h5 span{color: var(--dark);}
.product-box .product-card .product{padding: 30px;}
.product-box .product-card .product a{display: block;width: 100%;}
.product-box .product-card .product a img{height: auto;}
.product-box > .row,.product-box > .row > .row, .product-box{row-gap: 24px;}

.testimonial-quote{border: 1px solid #2626264A;padding: 20px 40px 20px 17px;font-weight: 600;font-size: 18px;line-height: 20px;}
.price-wrap .woocommerce-Price-currencySymbol{color: var(--primary);font-size: 32px;font-weight: 700;}
.price-wrap .woocommerce-Price-amount.amount,.woocommerce-variation-price .price{color: var(--dark);font-size: 32px;font-weight: 700;}
.price-wrap strong,table.variations th label{font-size: 32px;font-weight: bolder !important;}
.purchase-options li{font-size: 16px;font-weight: 700;line-height: 30px;display: flex;align-items: center;}
.trust-badges {font-size: 16px !important;line-height: 30px;font-weight: 600;}
.trust-badges strong{font-size: 20px;}
.price-wrap { display: flex;justify-content: space-between;border: 1px solid #26262638;padding:5px 10px;align-items: center;margin-bottom: 10px;}
.purchase-options li::before{content: "";background-image:url(images/icons/tick-icon.svg);min-width: 15px;min-height:15px;background-repeat: no-repeat;background-position: center;display: inline-block;margin-right: 10px;background-size: contain;}
.policy-sec .cart-collaterals ul li::before{display: none;}
.continue_shopping a{background-color: #0E1A32;font-size: 16px;border-radius:100px;padding:16px 40px;font-weight:500; display: inline-flex;justify-content: center;align-items: center;text-transform: capitalize;transition:.3s linear;gap: 10px;width:100%;width: fit-content;color: white;text-decoration: none;}
.woocommerce-checkout-payment img, .woocommerce-checkout-paymentimg{max-height: 29px;max-width: 110px;}
.policy-sec ul.wc_payment_methods li::before{display: none !important;}
.policy-sec ul.wc_stripe_checkout_banner_gateways li::before{display: none !important;}
.policy-sec .woocommerce ul li::before{display: none !important;}
.products-control.pf-loading {opacity: 0.6;transition: opacity .2s;}

.filter-box .text p{font-size: 14px;line-height: 20px;}
.filter-box .text{margin-bottom: 20px;}
.filter-box form .form-select{border: 1px solid var(--dark);padding: 10px 15px;font-size: 16px;}
.filter-box form .btn{width: 100%;padding: 10px;max-width: 200px;}

/* .categories-sec .owl-carousel .owl-stage,
.categories-sec .owl-carousel .owl-item {    display:flex;} */
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
    display: none !important;
}

.woocommerce-variation-price{text-align: end;}
.woocommerce-variation-price .price .woocommerce-Price-currencySymbol{color: var(--primary);}

table.variations{margin-top: 10px;}
.woocommerce div.product form.cart .variations .value select{ width: 100%;border-radius: 12px;border: none;box-shadow: 1px 1px 10px rgba(0, 0, 0, .4);margin: 0 !important;}


.categories-sec .category {
    display:flex;
    flex-direction:column;
    height:100%;padding: 30px;
    justify-content: start;
}


.categories-sec .category .content h3{font-size: 22px;line-height: 1.3;flex-grow: 1;}
.categories-sec .category .content{display: flex;flex-direction: column;height: 100%;}
.categories-sec  .owl-carousel .owl-item img{position: unset;object-fit: contain;width: 100% !important; aspect-ratio: 3 / 2; background: white; border-radius: 24px;height: auto !important;}
 .categories-sec .owl-dots {bottom: -75px;justify-content: center;padding-left: 0;}
.categories-sec  .owl-nav{bottom: -75px;;padding-left: 0;gap: 20px;}
.categories-sec .owl-dots{padding:0 0 12px 0px;}
/* .categories-sec {overflow: visible;} */
/* .categories-sec .owl-carousel .owl-stage-outer{overflow-y: visible !important;} */
#custom-filter-form .row{row-gap: 20px;}
#custom-filter-form .row .col-12.mb-2 {display: flex;gap: 30px;justify-content: center;}
 .categories-sec .owl-carousel .owl-dots{display: flex;justify-content: center;gap: 10px;margin-top: 30px;}
.categories-sec .owl-carousel .owl-dots .owl-dot { background-color: #D9D9D9 ; width: 15px; aspect-ratio: 1 / 1; border-radius: 50%; cursor: pointer;
 transition: background-color 0.3s;}
.categories-sec .owl-carousel .owl-dots .owl-dot.active {background-color: var(--primary);height: 15px;border-radius: 45px;}
.categories-sec .category-slider, .categories-sec .category-slider .owl-stage-outer,.categories-sec .category-slider .owl-stage,.categories-sec .category-slider .owl-item,.categories-sec .category-slider .col-lg-12,.categories-sec .category-slider .category{height: 100% !important;}
 
.shop-sec .product-card{display: flex;height: 100%;flex-direction: column;}
.shop-sec .product-card .purchase-box {    display: flex; flex-direction: column;   height: 100%;}
.shop-sec .product-card .purchase-box h4{flex-grow: 1;}
#tab-description a{color: var(--primary);}





@media(max-width:1199px) {
.continue_shopping a {padding: 12px 30px}}


@media(min-width:992px) {
  .banner.owl-carousel  .owl-dots,.banner.owl-carousel .owl-nav{max-width: 960px;} 
   .banner.owl-carousel .owl-nav{padding-left: 50px;}
}
@media(min-width:1200px) {
.banner.owl-carousel .owl-dots,.banner.owl-carousel .owl-nav{max-width: 1140px;}
.banner.owl-carousel .owl-nav{padding-left: 60px;}
}
@media(min-width:1400px) {
.banner.owl-carousel .owl-dots,.banner.owl-carousel .owl-nav {max-width: 1320px;}
.banner.owl-carousel .owl-nav{padding-left: 60px;}
}
#dynamic-price{    color: var(--dark); font-size: 32px; font-weight: 700;}