/*
Theme Name: Artisan fruniture
Theme URI: https://artisanfurnituress.com/
Author: Ali
Author URI: https://artisanfurnituress.com/
Description: Wordpress theme designed for Rose Wood New.
Version: 1.0.42
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: artisanfurnituress
Tags: one-column, two-columns, custom-menu, featured-images, left-sidebar, right-sidebar
*/
/* for desktop header */
*{margin: 0;padding: 0;box-sizing: border-box;}
:root{
--primary:#FFAB35;
--bg:#fffcda6e;
--dark:#000000;
--text: #404040;
--white:#ffffff;
--hash-white:#fafafa;
--tag:#716767;

--font1: "Inter", sans-serif;
--font2:"DM Sans", sans-serif;
}



body{font-family: var(--font1);background-color: var(--bg);}
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%;object-fit: cover;}
h1{font-size: 48px;line-height: 55px;font-weight: 700;font-family: var(--font2);}
h2 {font-size: 42px;line-height: 60px;font-weight: 600;margin-bottom: 16px;}
h3{font-size: 36px;line-height: 46px;}
h4{font-size: 32px;line-height: 41px;font-weight: 600;}
h5{font-size: 22px;line-height: 33px;font-weight: 600;}
h6{font-size: 20px;line-height: 28px;font-weight: 600;}
section{padding:60px 0;overflow: hidden;}
h2, h3, h4, h5, h6, p {color: var(--dark);}
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:24px; background-color: var(--primary);border-color: var(--blue);border-radius:10px;padding: 10px 20px;font-weight: 400; display: inline-flex;justify-content: center;gap: 10px;align-items: center;text-transform: capitalize;width: fit-content;transition: .2s linear;max-width: 214px;width: 100%;}
.btn-primary:hover{background-color: #F5F5F5;border-color: var(--primary);color: var(--primary);}
.btn-dark{color: var(--white) ;font-size: 16px; background-color: var(--dark);border-color: var(--dark);border-radius: 46px;padding: 12px 30px  ;font-weight: 400; display: inline-flex;justify-content: center;align-items: center;text-transform: capitalize;width: fit-content;transition: .3s linear;}
.btn-dark:hover{background: var(--primary);border-color: var(--primary-dark);}
header {position:relative;padding:0 0 7px 0;font-family: var(--font2);background: white;border-bottom: 2px solid var(--primary);}
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;display: flex;align-items: center;}
#menu ul{list-style: none;margin:7px 0;display: flex;align-items: center;gap:30px;width: 100%;justify-content:center;}
#menu ul li{position:relative;font-weight: 400;}
#menu ul li a{display:block;text-decoration:none;position:relative; -webkit-transition:all .3s linear;font-size:18px;transition: all .3s ease-in;padding: 5px 0px;color: var(--dark);font-family: var(--font1);}
#menu li>a:after {content: '\F282';font-family: 'Bootstrap-icons';margin-left: 5px;position: relative;top: 2px;}
#menu li > a:only-child::after { margin-left: 0; content: ''; }
#menu ul li:hover,#menu ul li.active,#menu ul li.current_page_item,#menu ul li.current-menu-ancestor>a,#menu ul li.current-menu-item>a,#menu ul li.current-menu-parent>a{color: var(--primary);}
#menu li>ul{position:absolute;left:0;top: 27px;z-index:999;white-space:nowrap;padding-left: 0;min-width: 250px;padding-bottom: 10px;}
#menu li>ul li{background:var(--white);display:block;position:relative; margin:0; text-align:left;}
#menu li>ul li a{font-size:13px; padding:10px 15px;  border:none;transition: all .2s ease;}
#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: #ffffff;padding-top: 10px;border: 1px solid #cdcdcd;}
#menu li:hover>ul{visibility:visible;opacity:1;display: block;}
#menu li>ul li a{padding:0 23px;}
#menu li > ul li a{ padding: 4px 23px;color: var(--black);background: var(--white);font-weight: 400;font-size: 16px;}
#menu li > ul li a::before{display: none;}
#menu li ul li:hover ul li a {color: var(--primary);}
#menu li ul li:hover ul li:hover a {color:var(--primary);}
#menu li ul li:hover a {color:var(--primary);}
@keyframes menu_sticky {
0%   {margin-top:-240px;}
50%  {margin-top: -90px;}
100% {margin-top: 0;}
}

.simple-slider {
    width: 100%;
    overflow: hidden;
    background: #111;
    padding: 10px 0;
    white-space: nowrap;
}

.track {
    display: inline-flex;
    gap: 40px;
    white-space: nowrap;
    animation: scroll 20s linear infinite;
}

.item {
    white-space: nowrap;
    font-size: 18px;
    color: #fff;
}

@keyframes scroll {
    from { transform: translateX(0); }
    to   { transform: translateX(-50%); }
}





header .search-min {display: flex;justify-content: end;gap: 20px;}
.menubar .search-box{box-shadow: 0px 4px 11.9px 0px #00000040;padding: 20px;position: absolute;width: 95%;margin-inline: auto;background: var(--hash-white);left: 0;right: 0;transform: scale(0);opacity: 0;z-index: 999;transition: .3s linear;}
.menubar .search-box.show{transform: scale(1);opacity: 1;}
.menubar .search-box .close{position: absolute;top: 3px;right: 17px;cursor: pointer;}
.relative{position: relative;}
.menubar{position: relative;}
.menubar .search-box form{display: flex;flex-wrap: nowrap;align-items: center;border-bottom: 1px solid var(--text);padding: 0 10px;width: 100%;}
.menubar .search-box form button{background: none;border: none;}
.menubar .search-box form .form-control{border: none;box-shadow: none;outline: none;   background: transparent;}
/* header.sticky {  margin:0;  position: fixed;  background:var(--white); padding: 7px 0; top:0; left:0; width:100%; z-index:99999; animation-name:menu_sticky; animation-duration: 0.60s; animation-timing-function:ease-out;box-shadow: 0 4px 10px #00000010;}
header.sticky #menu > ul{margin-top: 15px;margin-bottom: 15px;}
@media(min-width:1400px){
    .container{max-width: 1200px;}
} */
.article-box { position: relative; width: 100%; margin: 4px; padding:8px; border-radius: 50px; background: var(--bg);text-align: center;font-family: Arial, sans-serif;display: flex;align-items: center;gap: 18px;cursor: pointer;border: 7px inset var(--primary);box-shadow: 0 0 10px rgba(0,0,0,.2);}
/* .article-box::before {content: ""; position: absolute;inset: 0;padding: 5px; border-radius: 50px; background: radial-gradient(circle, rgba(42, 123, 155, 0) 0%, rgba(87, 199, 133, 0) 23%, rgba(255, 252, 218, 0.43) 90%, rgba(255, 252, 218, 0.43) 100%);
-webkit-mask-composite: xor;mask-composite: exclude;z-index: -1;top: -4px;left: -4px;right: -4px;bottom: -4px;} */
.article-box .article-img{width: 40px;height: 40px;background-color:#fff;border-radius:50px;display: flex;align-items: center;justify-content: center;}
.article-box .article-img img{max-width: 30px;}
.article-box span{font-size: 16px;color:#000000;}
.articles.owl-carousel {position: relative;margin-bottom: 55px;} 
.articles.owl-carousel::after {content: "";position: absolute;top: 0;right: 0;width:200px;  height: 100%;pointer-events: none;
background: linear-gradient(to right, rgba(255,255,255,0) 0%, #fffeef  90%);z-index: 2;}
.articles.owl-carousel::before {content: "";position: absolute;top: 0;left: 0;width:200px;height: 100%;pointer-events: none;background: linear-gradient(to left, rgba(255,255,255,0) 0%, #fffeef 90%);z-index: 2;}
#slider .owl-next,#slider .owl-prev{font-size: 40px !important;position: absolute;top: 40%; color: rgb(0, 0, 0) !important;background: transparent !important;}
#slider  .owl-next{right: -4%;}
#slider  .owl-prev{display: none;}
#slider .owl-dots{display: flex;justify-content: center;display: none;}
#slider .owl-dots button.owl-dot {  width: 10px;height: 10px;border-radius: 50%;display: inline-block;background: #ccc;margin: 0 5px;}
#slider .owl-dots button.owl-dot.active{ background-color: var(--text-color);}
#slider.owl-carousel .owl-item img{width: 99% !important;}
.banner-sec{padding: 23px 0 60px;}
.banner-butons .btn-primary{font-size: 18px;}

.tag{font-size:16px;line-height: 16px;text-transform: uppercase;font-family: var(--font2);font-weight: 700;color: var(--tag);}
.banner-sec .content-box .heading{margin: 11px 0 50px 0;max-width: 540px;}
.banner-sec .content-box .heading p{font-weight: 500;font-size: 20px;line-height: 37px;font-family: var(--font2);margin-top:31px;}
.banner-sec .content-box .banner-butons{gap: 27px;display: flex;}
.banner-sec .content-box .banner-butons i{font-size: 20px;}
.banner-sec .img-box img {mask-image: url(images/banner/banner_img.png);mask-mode: alpha;mask-repeat: no-repeat; mask-repeat: no-repeat;mask-size:100% 100%;-webkit-mask-position-y: 0%;-webkit-mask-position-x: 0%;pointer-events: none;height: 550px;}
.banner-sec .img-box{position: relative;}
.banner-sec .inspiration-box .quick{backdrop-filter: blur(8px);box-shadow: 0px -4px 10px 0px #ffffff40 inset, 0px 4px 10px 0px #00000040;position: absolute;bottom:21px;left: 19px;border-radius: 24px;color: #fff;padding: 20px 24px;width: 90%;max-width: 450px;}
.banner-sec .inspiration-box{position: relative;}
.banner-sec .inspiration-box .quick h5{color: #ffff;}
.banner-sec .inspiration-box .quick .whtasp-box{display: flex;align-items: center;justify-content: space-between;}
.banner-sec .inspiration-box .quick .whtasp-box img{mask: unset;height: auto;}
.banner-sec .inspiration-box .quick .whtasp-box .view{font-size: 18px;display: flex;align-items: center;gap:20px;}
.banner-sec .inspiration-box .quick .whtasp-box .view img{color: #ffff;max-width: 20px;height: auto;}
.banner-sec .inspiration-box .btn{font-size:17px;border-radius: 16px;max-width:fit-content;position: absolute;z-index: 2;height: 54px;}
.banner-sec  .inspiration-box  .owl-carousel::after,.banner-sec  .inspiration-box  .owl-carousel::before{display: none !important;}
.banner-sec  .inspiration-box .owl-carousel .owl-dot {width: 16px;height: 16px;aspect-ratio: 1/1; background-color:rgb(255, 211, 211,1) !important;border-radius: 50%;}
.banner-sec  .inspiration-box .owl-carousel .owl-dot.active{background-color: var(--primary) !important;}
.banner-sec  .inspiration-box .owl-dots {position: absolute;top: 43%;right: -7%;transform: rotateZ(90deg);gap: 12px;display: flex;}
 .support-card .img-box{width: 100%;position: relative;display: flex;justify-content: center;align-items: center;border-radius: 50%;overflow: hidden;aspect-ratio: 1/1;}
 .support-card .text{padding: 20px;text-align: center;}
 .support-card .img-box .anch{position: absolute;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;background: #00000083;position: absolute;left:0;top: 0;color: var(--white);font-weight: 500;opacity: 0;transition: .2s linear;}
 .support-card:hover .img-box .anch{opacity: 1;}
.support-card img{width: 100%;height: 100%;}
.support-card h6{font-size: 18px;line-height: 18px;}
.support-sec .cat-slider .owl-dots .owl-dot{background-color: #ffab35ce;width: 15px;height: 15px;border-radius: 50%;transition: .3s linear;}
.support-sec .cat-slider .owl-dots .owl-dot.active {background-color: var(--primary);width:52px;height: 15px;border-radius:30px;}
.support-sec .cat-slider .owl-dots {display: flex;justify-content: center;align-items: center;gap: 10px;}
.leaf-btn{display: flex;align-items: center;gap: 8px;justify-content: space-between;}
.support-sec{padding: 81px 0 70px 0;}
/* .arrival-sec .arrival-img{width: 100%;position: relative;margin-bottom: 23px;}
.arrival-sec .arrival-img img{width: 100%;border-radius: 16px;aspect-ratio: 16/7;object-fit: cover;}
.arrival-sec .arrival-img .action{position: absolute;background-color: var(--white);border-radius: 13px;padding: 16px;max-width: 70%;bottom: 29px;left:45px;width: 100%;}
.action-box{display: flex;gap: 16px;align-items: center;}
.arrival-sec .arrival-img .action img{max-width:30px;width:100%;aspect-ratio: 16 / 16;object-fit: contain;}
.arrival-sec .arrival-img .action p{font-weight: 500;line-height: 26px;font-size:18px;}
.arrival-sec .arrival-img .action span{background-color: transparent;border: none;display: contents;} */
.arrival-sec .new-box{margin-bottom: 40px;}
.arrival-sec .new-box p{max-width:680px;font-size: 16px;line-height: 23px;margin-bottom: 41px;}
.arrival-sec .new-box ul{display: flex;align-items: center;gap: 20px;width: fit-content;border-bottom: none;}
.nav-tabs .nav-link{background-color: var(--dark);border-radius: 8px;color: white;}
.nav-tabs .nav-link.active{background-color: var(--primary);color: var(--white);}
.arrival-sec .new-box ul .btn{border-radius: 5px;}
.wood-card{background-color: var(--white);box-shadow: 0px 4px 4px 0px #00000040;border-radius: 12px;overflow: hidden;height: 100%;display: flex;flex-direction: column;}
.wood-card .wood-img{width: 100%;}
.wood-card .wood-img img{width: 100%;object-fit: cover; mask-image: url('images/boxes/effect-mask2.svg'); aspect-ratio: 4/3;  mask-position:top;  mask-repeat: no-repeat;  mask-size: 100% auto;}
.wood-card .card-details{padding: 0 10px 16px 9px;display: flex;flex-direction: column;height: 100%;}
.wood-card .card-details h4{font-size: 18px;line-height: 21px;font-weight: 500;margin-bottom: 12px;flex-grow: 1;}
.wood-card .card-details p{font-size: 14px;line-height: 18px;margin-bottom: 12px;}
.wood-card .card-details .inner-btn{display: flex;align-items: center;gap:6px;justify-content: space-between}
.wood-card .card-details .inner-btn a{font-size: 14px;line-height: 18px;color: var(--white);border:1px solid var(--primary) !important;padding-inline: 16px;}
.wood-card .card-details .inner-btn a:hover{color: var(--primary);}
.wood-card .card-details  .btn{border: none;}
.chose-sec h2{text-transform: capitalize;margin-bottom: 35px;}
.chose-sec p{max-width:780px;margin: 0 auto;font-size: 18px;line-height: 22px;margin-bottom: 34px;}
.chose-sec .btn-primary{color: var(--bg);line-height: 18px;border: none;max-width: 180px;width: 100%;background-color: #0e0d0d;font-size: 16px;padding: 14px;}
.chose-sec .articles{margin: 34px 0 50px; }
.chose-sec {position: relative;}
.chose-sec{background: #fffcda6e;background: linear-gradient(180deg,rgb(255 254 239) 70%, rgba(255, 255, 255, 1) 73%);}
/* .chose-sec .effect{position: absolute;left: 0;right: 0;width: 100%;bottom: 0;height: 300px;background: white;z-index: -1;} */
.site-sec .site-img img {mask-image: url(images/boxes/site_mask.png);mask-mode: alpha;mask-repeat: no-repeat; mask-repeat: no-repeat;mask-size:100% 100%;-webkit-mask-position-y: 0%;-webkit-mask-position-x: 0%;pointer-events: none;aspect-ratio: 16/11;}
.site-sec .location-box p{font-size: 18px;line-height: 21px;}
.site-sec .addres-box .add{background-color: #EBEBEB;border-radius: 21px;padding: 15px 0 18px 28px;margin-bottom: 22px;direction: ltr;}
.site-sec .addres-box .add span{display: block;}
.site-sec .addres-box .map{width: 100%;}
.site-sec .addres-box .map iframe{width: 100%;aspect-ratio: 16/9;height: auto;} 
.site-sec .addres-box br:nth-last-child(1){display: none;}
.site-sec .addres-box{height: 270px;overflow-y: scroll; direction: rtl; text-align: left;  padding: 15px;}
.addres-box::-webkit-scrollbar {width: 8px;background-color: white;;}
.addres-box::-webkit-scrollbar-thumb {  background-color: black;border-radius: 10px;}
.site-sec .site-img{position: relative;}
.site-sec .site-img span{position: absolute;background-color: var(--white);border-radius: 37px;bottom:25px;left:27px;width: fit-content;text-align: center;padding: 13px;font-size: 22px;line-height: 19px;}
.carousel-four .site-img .arrow-link{position: absolute;right: 0;width: 80px;height: 80px;border-radius: 25px 12px 12px 12px;bottom: 0;background-color: var(--primary);display: flex;justify-content: center;align-items: center;}
.carousel-four .site-img .arrow-link img{width:35px;}
.testi-card{background-color: #fffcda6e;border-radius: 6px;padding: 25px 19px 35px 25px;margin:10px 0;}
.testi-card span{display: block;}
.testi-card h4{font-size: 18px;line-height: 22px;}
.testi-card p{font-size: 16px;line-height: 22px;}
.testimonial-sec .testi-card img{max-width: 100px;margin: 11px 0;}
.testimonial-sec .owl-carousel::after {content: "";position: absolute;top: 0;right: 0;width:200px;  height: 100%;pointer-events: none;
background: linear-gradient(to right, rgba(255,255,255,0) 0%, #ffffff 50%);z-index: 2;}
.testimonial .owl-carousel::before {content: "";position: absolute;top: 0;left: 0;width:200px;height: 100%;pointer-events: none;background: linear-gradient(to left, rgba(255,255,255,0) 0%, #ffffff 51%);z-index: 2;}
.testimonial-sec{padding: 80px 0;}
.testimonial .owl-dots .owl-dot{background-color: var(--bg);width: 15px;height: 15px;border-radius: 50%;transition: .3s linear;}
.testimonial .owl-dots .owl-dot.active {background-color: var(--primary);width:52px;height: 15px;border-radius:30px;}
.testimonial-sec .owl-dots {display: flex;justify-content: center;align-items: center;gap: 10px;}
.install-sec .install-card,.delivery-card{display: flex;gap:33px;align-items: center;}
.testimonial-sec .testimonial{margin-top: 40px;}

.install-sec{background-color: var(--primary);padding: 15px;}
.install-sec .install-card span{font-size: 36px;letter-spacing: 1px;line-height:22px;font-weight: 100;display: block;}
.install-sec .delivery-card span{font-size: 36px;line-height: 22px;display: block;}
.carousel-six img{max-width: 46px;}
footer{background-color: var(--dark);padding-top:97px;}
footer .info-box h6{font-size: 18px;line-height: 22px;color: var(--white);margin-bottom: 30px;}
footer .info-box p{font-size: 16px;line-height: 22px;color: var(--white);}
footer .info-box ul li{font-size: 16px;color: var(--white);line-height: 22px;margin-bottom:22px;}
footer .contact ul li img{width:24px;margin-right:18px;}
footer .contact .social-links ul{display: flex;align-items: center;}
footer .copyright-box{margin-top: 97px;border-top: 1px solid var(--white);padding: 28px 0 41px 0;text-align: center;}
footer .copyright-box p{color: var(--white);font-size: 16px;line-height: 22px;} 
footer a{color: var(--white);}

.story-sec .heading{max-width: 980px;margin-inline: auto;text-align: center;margin-bottom: 70px;}
.story-sec .heading .logo{margin-inline: auto;margin-bottom: 30px;}
.story-sec .heading p{font-size: 18px;line-height: 1.3;}
.story-sec .img-box{border-radius: 24px;overflow: hidden;}

.inner-banner .banner-box{display: flex;align-items: center;text-align: center;color: var(--white);justify-content: center;border-radius: 18px;aspect-ratio: 16/3;position: relative;overflow: hidden;}
.inner-banner .banner-box h1{color: var(--white);}
.inner-banner .banner-box img.effect-img{position: absolute;right: 0;bottom: 0;width: 30%;}


.shop-sec .banner-box{aspect-ratio: 16/4;position: relative;display: flex;align-items: center;justify-content: center;border-radius: 20px;overflow: hidden;width: 100%;}
.shop-sec .banner-box img.effect-img{position: absolute;top: 0;bottom: 0;right: 0;    margin: auto;
height: 78%;}
.shop-sec .banner-box .heading h1{color: var(--white);width: 100%;margin-bottom: 0;}
.shop-sec .banner-box .heading{margin-inline: auto;position: relative;text-align: center;}

#sync1 .item{width: 100%;aspect-ratio: 1/.6;overflow: hidden;position: relative;}
#sync1 .owl-nav{position: absolute;top: 0;bottom: 0;margin: auto;display: flex;justify-content: space-between;width: 96%;left: 2%;pointer-events: none;height: fit-content;}
#sync1 .owl-nav button i{color: var(--primary);font-size: 26px;}
#sync1 .owl-nav button{pointer-events: painted;}
#sync2 {margin-top: 20px;}
#sync1 .owl-item img{object-fit: contain;width: 100%;height: 100%;background: white;border-radius: 24px;}
#sync2 .owl-item .item{border-radius: 20px;overflow: hidden;}
.btn-success i{color: var(--white);}
.related h3{text-align: left;}
.description .heading h2{color: var(--primary);border-bottom: 1px solid var(--secondary-dark);}
.detail-sec h1{font-size: 42px;line-height: normal;color: var(--primary);}
.detail-sec .catgories{display: flex;align-items: center;gap: 12px;flex-wrap: wrap;margin: 10px 0;}
.detail-sec .catgories a{border: .2px solid var(--secondary-dark);color: var(--secondary-dark);padding: 2px 20px;border-radius: 50px;font-weight: 100;}
  
.detail-sec ul li::before{content: "\F138";font-family: 'Bootstrap-icons';color: var(--secondary-dark);margin-right: 8px;}
.detail-sec ul li{display: flex;align-items:self-start;}
.inner-btn{display: flex;gap: 20px;margin-top: 20px;}
#sync2 .owl-item img{height:130px;}

.product-slider .owl-nav{position: absolute; top: -10%;width: 100%;display: flex; justify-content: end;align-items: center;gap: 20px;}
.product-slider .owl-nav .owl-prev,.product-slider .owl-nav .owl-next {width: 30px;   background: #000 !important; height: 30px; color: #fff !important;border-radius: 50%;}
.pagination{display: flex;justify-content: center;gap: 8px;}
.pagination a,.pagination span { padding: 8px 15px; margin: 3px; border: 1px solid #ddd; display: inline-block;}
.pagination .current { background: #333; color: #fff;}
.whatsapp_btn { position:fixed; right:15px; bottom:50px; transform: translateY(-35%); z-index:9; animation:bounce 2s infinite; -webkit-animation:bounce 2s infinite; -moz-animation:bounce 2s infinite; -o-animation:bounce 2s infinite;}

.whatsapp_btn img { max-width: 70px;object-fit:contain;}


.gradient-text h2 {background: -webkit-linear-gradient(180deg ,var(--primary)0%, var(--primary)45%, rgb(2, 175, 255) 100%);-webkit-background-clip: text;
  -webkit-text-fill-color: transparent;  background-clip: text;  color: transparent;  width: fit-content;}
.srory-card{position: relative;padding: 30px;border-radius: 16px;overflow: hidden;aspect-ratio: 9/14;}
.srory-card::before{content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;z-index: 1;background: linear-gradient(180deg ,rgba(0,0, 0,.6 ) 0%, rgba(0,0,0,.2) 70% );}
.srory-card .content{position: relative;z-index: 2;}
.srory-card .content h5{color: var(--white);font-weight: 700;font-size: 22px;}
.srory-card .content h5 a{color: var(--white);}
.srory-card .content span,.srory-card .content span p{color: var(--white);line-height: 1.3;font-size: 16px;font-weight: 700;}
.story-slide{margin-top: 50px;}
.story-slide .owl-dots{display: flex;gap: 23px;justify-content: center;position:relative;margin-top: 50px;}
.story-slide .owl-dots .owl-dot{width: 14px;min-width: 14px;height: 14px;box-sizing: content-box;border-radius: 50%; background:var(--primary) !important; transition: all .3s ease;}
.story-slide .owl-dots .owl-dot.active{background: var(--primary) !important;transform: scale(1.1);}
@-webkit-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
	40% {-webkit-transform: translateY(-20px);}
	60% {-webkit-transform: translateY(-10px);}
}
@media (min-width: 1299px){
    .container{max-width: 1200px;}
}

.sales-sec .wood-card .flag {position: absolute; z-index: 4;background: var(--primary);padding: 4px 20px;color: #fff;top: 6px;border-radius: 30px;left: 10px;font-size: 14px;}


.sales-sec .owl-stage-outer,.sales-sec .owl-stage,.sales-sec .owl-item,.sales-sec .wood-card,.product-slider{height: 100% !important;}
.sales-sec .owl-stage{padding-bottom: 20px;}
.sales-sec .slae-price del{font-size: 14px;}
.sales-sec .slae-price span{font-weight: 600;}