@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');
@import url(fonts/stylesheet.css);
* {margin: 0;padding: 0;box-sizing: border-box;}
img {max-width: 100%;height: auto;}
body {background:#F9F9F9;font-size:16px;color: #060606;  font-family: 'nexabook'; font-weight: normal;}
p{margin-bottom: 20px;line-height: 24px;}
p:last-child{ margin-bottom: 0;}
a {color: inherit;}
/* ----- Heading Font CSS ------ */

h1,h2,h3,h4,h5,h6 {margin-bottom: 15px; font-family: "Oswald", sans-serif;}
h1{font-size:64px; line-height: 80px; font-weight: 700; letter-spacing: -1.92px;text-shadow: 0px 4px 4px  rgba(0, 0, 0, 0.25);}
h2{font-size:46px; line-height: 56px; font-weight: 500; letter-spacing: -1.38px; text-shadow: 0px 4px 4px  rgba(0, 0, 0, 0.25);}
h3{font-size:31px; line-height: 41px; font-weight: 500; letter-spacing: -0.93px;}
h4{font-size:25px; line-height: 39px; font-weight: 400; letter-spacing: -0.75px;}
h5{font-size: 20px; line-height: 29px; font-weight: 400; letter-spacing: -0.6px;}
h6{font-size: 16px; line-height: 24px; font-weight: 500; letter-spacing: -0.48px;}
strong{font-weight: 700;}
a:focus,.btn:focus,button:focus,.btn-primary:not(:disabled):not(.disabled):active:focus {outline: none;box-shadow: none;}
input:focus,textarea:focus,select:focus{outline: none;}
input,label,textarea,select{ font-family: 'nexabook'; font-weight: normal;}

/* global css start */ 

.wrapper{max-width:1205px;margin: 0 auto;width: 100%; padding: 0 30px;}
.btn_one{text-decoration: none;  min-width: 212px; font-weight: normal; transition: 0.4s;overflow: hidden; display:inline-block; font-size: 18px; line-height: 1;padding: 20px 20px;text-align: center; color: #ffffff; background: linear-gradient(90deg,rgba(40, 50, 178, 1) 0%, rgba(109, 193, 249, 1) 100%); border-radius: 10px;z-index: 1;position: relative; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); transition: 0.4s; font-family: 'nexaheavy'; font-weight: normal;}
/* Hover gradient layer */
.btn_one::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(109, 193, 249, 1) 0%, rgba(40, 50, 178, 1) 100%); opacity: 0; transition: opacity 0.4s ease; z-index: -1; }
.btn_one:hover::before { opacity: 1; }

/* arrow_btn arrow btn */
.arrow_btn { width: 27px; height: 27px; border-radius: 50%; display: inline-block; background-color: #fff;transition: 0.4s; background-image: url(images/blue_arrrow_btn.svg); background-position: center; background-repeat: no-repeat; background-size: 19px; }
.arrow_btn:hover { width: 27px; height: 27px; background-image: url(images/white_arrrow_btn.svg), linear-gradient(180deg, rgba(40, 50, 178, 1) 0%, rgba(109, 193, 249, 1) 100%); background-position: center, center; background-repeat: no-repeat, no-repeat; background-size: 11px, cover; }

body.scroll_stop { overflow: hidden; }
.main-content { margin-top: 128px; }
.title_center { text-align: center; }
body.home { background: #fff; }
.deskto-hide { display: none; }
.overlay_aside { display: none; }

/* list_style css */
.list_style ul{ margin:25px 0; list-style: none;}
.list_style ul li:last-child , .list_style ol li:last-child { margin-bottom: 0;}
.list_style ul li a{ transition: 0.4s;text-decoration: underline;}
.list_style ul li a:hover{text-decoration: none;}
.list_style ul li strong{font-weight: 700;}
.list_style ul li{position: relative;  line-height:28px; margin-bottom:10px; padding-left: 20px; }
.list_style ul  li::before{content: ""; position: absolute; top: 9px; left: 0; width: 10px; height: 10px; border-radius: 50%; background: #1C27B5; }
.list_style ol{ padding-left: 20px;}
.list_style ol li{position: relative;  line-height:28px; margin-bottom:10px; }

/* global css end */
/* ******************************* main css ***************************** */


/*  header css */
.header{ position: fixed; top: 0; left: 0; width: 100%; z-index: 9;box-shadow: 0px 1px 10.7px 1px rgba(0, 0, 0, 0.2); padding: 20px 0px 10px; background: #fff; transition: 0.4s;}
.header .inner_part{ display: flex; justify-content: space-between;flex-wrap: wrap; align-items: center; }
.header .logo{ width: 129px; transition: 0.4s;}
.header .right_part{ width: calc(100% - 129px); padding-left: 20px;display: flex; justify-content:flex-end;align-items: center; flex-wrap: wrap;transition: 0.4s ;}
.header .logo img{ display: block;transition: 0.4s ease;}
.header .nav>ul{display: flex; gap:0 40px; align-items: center; flex-wrap: wrap; list-style: none;}
.header .nav>ul li{ position: relative;}
.header .nav>ul>li>a{ text-decoration: none; font-size:19px; line-height: 1;position: relative;text-transform: uppercase; transition: 0.4s; }
.header .nav>ul li a:hover,.header .nav>ul li.current_page_item{ color: #6DC1F9;}
.header .cart {position: relative; cursor: pointer; margin-left: 40px; width: 33px; height: 33px;border-radius: 50%; background: linear-gradient(90deg, rgba(40, 50, 178, 1) 0%, rgba(109, 193, 249, 1) 100%); display: flex; justify-content: center; align-items: center; }
.header .cart a, .header .cart img{ display: block;}
.header .cart .count{ position: absolute; top: -6px; right: -8px; width: 20px; height:20px;border-radius: 50%; color: #fff; font-size: 12px; line-height: 1; background: #2832B2; display: flex; justify-content: center; align-items: center; }

/* .header.sticky css */
.header.sticky .main-content{ margin-top:90px;}
.header.sticky{ padding: 8px 0;}
.header.sticky .logo{ width: 97px;}
.header.sticky .right_part{ width: calc(100% - 97px); ; }
.header.sticky .inner_part{align-items: center; }

/* header sub menu */
.header li> ul {pointer-events: none;position: absolute;padding: 0px 0px 0;left:0px;width: 220px;top: calc(100% + 5px);height: auto;opacity: 0;transition: 0.5s all;background: rgba(255, 255, 255, 1);box-shadow: 0px 8px 10.7px 1px rgba(0, 0, 0, 0.2); list-style: none;display: block;z-index: 1;margin: 0;}
.header li>ul::before {content: '';position: absolute;width: 100%;height:8px;left: 0;top: -7px;background: transparent;}
.header li:hover  ul{ pointer-events: visible; opacity: 1; }
.header li>ul li {position: relative;width: 100%;padding: 0;margin: 0; display: inline-block;}
.header li>ul li:last-child{ border-bottom: unset; margin-bottom: 0;}
.header li>ul>li a{ display: inline-block; font-size: 18px; color: #060606; border-bottom: 1px solid #EDEDED; padding:10px 10px; width: 100%; text-decoration: none; transition: 0.4s;}
.header ul>li:hover ul { opacity: 1; pointer-events: visible; }
.header li ul>li>a:hover,.header li ul>li.current_page_item{ color: #6DC1F9;}
 
/*  menu bar  */
.header .menubar{ width: 100%;width: 35px;height: 25px; display: none; cursor: pointer;}
.header .menubar span{display: block;width: 100%;;height: 5px;  background: #060606; margin-bottom: 4px;}
.header .menubar span:last-child{ margin-bottom: 0;}
.header .menubar.active span { height: 4px; }
.header .menubar.active span:nth-of-type(1) { transform: rotate(45deg) translate(6px, 6px); }
.header .menubar.active span:nth-of-type(2) { opacity: 0; }
.header .menubar.active span:nth-of-type(3) { transform: rotate(-45deg) translate(5px, -6px); }

/* custom mob menu */
.mob_menu{position: fixed;right: -100%;top:90px;width: 100%;height: calc(100% - 90px);  padding: 10px 0px 50px;color: #fff; background:#F9F9F9;z-index: 999;height: 100%;overflow: auto;transition: all 0.8s ease 0s;}
.mob_menu .close{width: 100%;text-align: right;margin-bottom: 20px;padding-right: 40px;cursor: pointer;}
.mob_menu .close img{ width: 30px; display: block; object-fit: cover; margin-left: auto;}
.mob_menu li{border-bottom: 1px solid #EDEDED; position: relative;}
.mob_menu li ul{border-top: 1px solid #EDEDED;padding: 0; position: relative;}
.mob_menu li ul li{border-bottom: 1px solid #EDEDED; position: relative;}
.mob_menu li ul li:last-child{ border-bottom: none; padding-bottom: 0;}
.mob_menu a{font-size: 19px;color: #060606; display: block; padding: 10px 30px 10px 20px; transition: 0.4s;  position: relative;  text-decoration: none;}
.mob_menu a:hover{color: #6DC1F9;}
.mob_menu li .arrow { background: url(images/down_arrow.svg) no-repeat center;  background-size: auto; background-size: 6px; width: 20px; height: 20px; background-size: 13px; position: absolute; right: 10px; top: 15px; transform: rotate(0); transition: 0.4s; cursor: pointer; }
.scroll_stop{overflow: hidden;}
.mob_menu ul li li a{ padding-left: 40px;}
.mob_menu a:hover, .mob_menu ul> li.current_page_item>a{ color: #6DC1F9;}


/* .hero_sec css */
.hero_sec{padding: 63px 0 75px;}
.hero_sec .inner_part{display: flex; justify-content: space-between; flex-wrap: wrap; align-items: flex-end;}
.hero_sec .left_part{ width:47.2%;}
.hero_sec .left_part p{ font-size: 20px; line-height: 30px;}
.hero_sec .left_part .btn_one{ margin-top: 40px;}
.hero_sec .right_part{ width:calc(52.8% + 102px); margin-right: -102px;}
.hero_sec .right_part img{ display: block;}

/* popular_cat_sec css */
.popular_cat_sec { background: linear-gradient(180deg,rgba(76, 124, 215, 1) 0%, rgba(255, 255, 255, 0) 100%); padding: 55px 0; position: relative; margin-bottom:55px;}
/* .popular_cat_sec::before{ content: ""; position: absolute; top: -40px; left: 0; background:url(images/sound-bar.png) center center no-repeat; background-size: cover; width: 100%; height:41px;} */
.popular_cat_sec .title_center{ margin-bottom: 40px;}
.popular_cat_sec .title_center h2{ font-weight: 600; letter-spacing: 0; color: #fff;}
.popular_cat_sec .inner_part{ display:flex; gap: 20px;flex-wrap: wrap;}
.popular_cat_sec .cat_card { flex: 1 1 calc(33.33% - 13.33px); position: relative; transition: 0.4s;overflow: hidden; text-decoration: none;}
.popular_cat_sec .cat_card::before{ content: ""; position: absolute; top: 0; left: 0; background: rgba(1, 1, 1, 0.349); width: 100%; height: 100%; transition: 0.4s;  transition: 0.4s ease; pointer-events: none; z-index: 1;}
.popular_cat_sec .img_box img{ display: block; width: 100%; transition: 0.4s; height: 216px; object-fit: cover;}

.popular_cat_sec .bottom_text::after{ content: ""; position: absolute; bottom: 0px;  border: 1px solid #fff; width: 0;  transition: 0.4s ease; opacity: 0;}
.popular_cat_sec .bottom_text{ position: absolute; bottom: 0; left: 0; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; width: 100%; padding: 15px 20px;z-index: 1;  transition: 0.4s ease;} 
.popular_cat_sec .bottom_text .left_text{ width: calc(100% - 30px);}
.popular_cat_sec .bottom_text h3{ color: #fff; margin-bottom: 0;}
.popular_cat_sec .cat_card .arrow_btn{  transition: 0.4s ease;}

/* Hover effect */
.popular_cat_sec .cat_card:hover::before { background: rgba(1, 1, 1, 0.5); }
.popular_cat_sec .cat_card:hover img{ transform: scale(1.05);}
.popular_cat_sec .cat_card:hover .bottom_text{ bottom: 20px; }
.popular_cat_sec .cat_card:hover .bottom_text::after{  width: 90%; opacity: 1;}
.popular_cat_sec .cat_card:hover .arrow_btn{ width: 27px; height: 27px;background-image: url(images/white_arrrow_btn.svg), linear-gradient(180deg, rgba(40, 50, 178, 1) 0%, rgba(109, 193, 249, 1) 100%); background-position: center, center; background-repeat: no-repeat, no-repeat; background-size: 11px, cover; }

/* .equalizer-wrap css */
.equalizer-wrap { width: 100%; padding: 0px; box-sizing: border-box; overflow: hidden;}
.equalizer-wrap .equalizer { display: flex; gap: 4px; width: 100%; }
.equalizer-wrap .column { display: flex; flex-direction: column-reverse; gap: 1px; }
.equalizer-wrap .block { width: 10px; height: 5px; background: #4c7cd7; opacity: 0; transition: opacity 0.2s ease; }
.equalizer-wrap .block.active { opacity: 1; }

/* why_customers_sec */
.why_customers_sec { padding:21px 0 101px; margin-bottom: 25px; position: relative;z-index: 1;}
/* .why_customers_sec::before{ content: ""; position: absolute; top: 0px; left: 50%; transform: translate(-50%); background:url(images/strip_bg.png) center center no-repeat; background-size: cover; width: 98%; height:100%; } */
.why_customers_sec .title_center{ margin-bottom: 50px;}
.why_customers_sec .inner_part{ display:flex; gap: 20px;flex-wrap: wrap; justify-content: center;}
.why_customers_sec .card { width: calc(33.33% - 14px); position: relative; text-align: center; background: #fff; box-shadow: 0px 1px 10.7px 1px rgba(0, 0, 0, 0.2);padding: 40px 30px; }
.why_customers_sec .img_box{ margin-bottom: 25px;}
.why_customers_sec .img_box img{ display: block; margin: 0 auto;}
.why_customers_sec .card h5{ line-height: 39px;}
/* base_bar css */
.why_customers_sec .base_bar { position: absolute; left: 50%; transform: translate(-50%); top: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; pointer-events: none; }
.why_customers_sec .base_bar img{ animation: tweeder 1.3s infinite ease;}
/* base_bar animation */
@keyframes tweeder {
  0%   { transform: scale(1); }
  15%  { transform: scale(1.03); }
  35%  { transform: scale(1); }
  70%  { transform: scale(1.03); }
  90%  { transform: scale(1); }
  100% { transform: scale(1); }
}



.footer{ padding-top: 95px; background: #060606;}
.footer .footer_top{ display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 60px;  }
.footer .footer_top .footer_logo{ width: 200px;}
.footer .footer_top .footer_logo img{ display: block;}
.footer .footer_top .right_part{ width:calc(100% - 200px);max-width: 820px;  display: flex; justify-content: space-between; flex-wrap: wrap;  }
.footer *{ color: #fff;}
.footer .footer_top .card{ width: auto;max-width:30%; }
.footer .footer_top .card:last-child{width: 235px; max-width: 235px;}
.footer .footer_top .card ul{ list-style: none;}
.footer .footer_top .card ul li{ margin-bottom: 16px;position: relative;}
.footer .footer_top .card:last-child ul li{padding-left: 29px;}
.footer .footer_top .card ul li, .footer .footer_top .card ul li a{ font-size: 16px; line-height: 20px; text-decoration: none;}
.footer ul li a:hover{ color:#6DC1F9}
.footer .footer_top .card ul li span{ width: 45px; display: inline-block;}
.footer .footer_top .card ul li.location::before{ content: ""; position: absolute;top:3px; left: 0;  width: 22px; height: 21px; background: url(images/location.svg) left center no-repeat; background-size: 22px;}
.footer .footer_top .card ul li.call::before{ content: ""; position: absolute;top:3px; left: 0;  width: 18px; height: 18px; background: url(images/call.svg) left center no-repeat; background-size: 18px;}
.footer .footer_top .card ul li.mail::before{ content: ""; position: absolute;top:3px; left: 0;  width: 13px; height: 13px; background: url(images/mail.svg) left center no-repeat; background-size:13px;}
.footer .footer_top .card ul li.kvk::before{ content: ""; position: absolute;top:3px; left: 0;  width: 13px; height: 13px; background: url(images/kvk.svg) left center no-repeat; background-size:13px;}
.footer .footer_top .card ul li.btw::before{ content: ""; position: absolute;top:3px; left: 0;  width: 12px; height: 13px; background: url(images/btw.svg) left center no-repeat; background-size: 12px;}
.footer .footer_bottom{ display: flex; justify-content: space-between; flex-wrap: wrap; padding: 20px 0; border-top: 1px solid rgba(255, 255, 255, 0.5);  }
.footer .footer_bottom .card{ width: 33.33%;}
.footer .footer_bottom .right_part{display: flex; justify-content: flex-end; flex-wrap: wrap;}
.footer .center_part{ text-align: center;}
.footer .footer_bottom .left_part ul{ gap:0 40px; }
.footer .footer_bottom ul{display: flex; gap:25px; align-items: center; flex-wrap: wrap; list-style: none;}
.footer .footer_bottom ul li a, .footer .footer_bottom p{ font-size: 13px; text-decoration: none;  font-family: 'nexabold'; font-weight: normal; line-height: 26px;}

/* new */
/* dj_reem_sec css  */
.dj_reem_sec{background: #F9F9F9; padding: 90px 0 100px;}
.dj_reem_sec .title{text-align: center; margin-bottom: 40px;}
.dj_reem_sec .title h2 { text-shadow: 0 4px 4px #00000040;}
.dj_reem_sec .inner_part{background: #FFFFFF; box-shadow: 0px 1px 12.7px 1px rgba(0, 0, 0, 0.2); display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center ;padding: 50px 31px 50px 51px; }
.dj_reem_sec .left_part{width: 49.6%;}
.dj_reem_sec .right_img{width: 45.5%;}
.dj_reem_sec .left_part h3{color: #4C7CD7; margin-bottom: 15px;}
.dj_reem_sec .right_img img{display: block; margin: 0 auto;}
 
/* contact_sec css  */
.contact_sec{background: #F9F9F9; padding: 60px 0 100px;}
.contact_sec .inner_part{display: flex; flex-wrap: wrap; justify-content: space-between;}
.contact_sec .left_part{width: 58.9%;}
.contact_sec .right_part{width: 39.3%; background: #ffffff; }
.contact_form{background: #FFFFFF; padding: 30px;}
.contact_form h3 {margin-bottom: 15px;font-weight: 400;}
.contact_form .group_field {display: flex;gap: 15px; flex-wrap: wrap; justify-content: space-between;}
.contact_form .group_field .field{ width: calc(50% - 8px);}
.contact_form .field {width: 100%;margin-bottom: 12px;  position: relative;}
.contact_form .field label {display: block;font-size: 16px;line-height: 24px;color: #8A8A8A;margin-bottom: 3px;font-family: 'nexabold';font-weight: normal;}
.contact_form .field input,.field textarea {width: 100%;padding: 11px 15px;border: 1px solid #8A8A8A;outline: none;font-size: 16px;background: #F9F9F9;font-family: 'nexabold';font-weight: normal;}
.contact_form .field input::placeholder,
.contact_form .field textarea::placeholder {color: #060606;}
.contact_form .field textarea { height: 110px;resize: none;}
.contact_form .submit_field {margin-top: 30px;}
.contact_form .submit_field button{ border: none;}
.contact_form .submit_field .btn_one{width: 100%; padding: 17px 40px; cursor: pointer; font-size: 15px;}
.contact_sec .right_part .top_content{padding: 27px 30px 10px 30px;}
.contact_sec .right_part .top_content h3{margin-bottom: 15px;}
.contact_sec .right_part .top_content p{font-size: 19px; line-height: 29px;}
.contact_sec .right_part .details{padding:22px 30px 19px 30px;  display: flex; flex-wrap: wrap;  align-items: center; gap: 19px; border-bottom: 1px solid #EDEDED;}
.contact_sec .right_part .details:last-child { border-bottom: none;}
.contact_sec .right_part .details .text { width: calc(100% - 67px);}
.contact_sec .right_part .icon {width: 48px; height: 48px; background: #F9F9F9; display: flex; justify-content: center; align-items: center;}
.contact_sec .right_part .icon img{max-width: 33px; width: auto;}
.contact_sec .right_part .details .text a , .details .text strong{ letter-spacing: -0.60px; color: #060606;font-family: "Oswald", sans-serif; font-weight: 500; font-size: 20px; line-height: 30px; display: block; text-decoration: none;}
.contact_sec .right_part .details .text p{color: #8A8A8A; font-size: 16px; letter-spacing: -0.48px;;}
.contact_form .field input:focus, .contact_form .field textarea:focus{ border: 1px solid #4C7CD7;} 

.wpcf7-spinner{position: absolute !important;right: 0 !important;top: 11px !important;}
.wpcf7 form.sent .wpcf7-response-output {border-color: #46b450!important;background-color: #46b450!important;color: #fff;border-radius: 50px;text-align: center !important;  padding: 7px 7px !important;font-size: 13px !important;line-height: 16px !important;}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { background: red; 
color:#fff; margin: 0  auto!important; border-color: red !important; border-radius: 10px;text-align: center !important; padding: 12px 15px !important;line-height: 20px !important; display:flex; justify-content: center; align-items: center; width: 100%; font-size: 15px !important; max-width: 600px; }
.wpcf7-list-item{ margin-left: 0 !important;}
.wpcf7-not-valid-tip { color: #dc3232;margin-top: 5px; }


/* custom contact form */
.error-text { color: #dc3232; font-size: 1em; font-weight: normal; display: block; }
.contact_form .field.error input{ border: 1px solid #dc3232;}




/* order_conferm_sec css  */
.order_confirm_sec{background: #F9F9F9; display: flex; justify-content: center;align-items: center; min-height: calc(100vh - 129px);}
.order_confirm_sec .inner_part{text-align: center; max-width: 480px; margin: 0 auto;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.order_confirm_sec .circle{position: relative; margin-bottom: 20px; width: 64px; height: 64px; background: linear-gradient(90deg,rgba(40, 50, 178, 1) 0%, rgba(109, 193, 249, 1) 100%); border-radius: 50%;}
.order_confirm_sec .circle::after{position: absolute; content: ''; height:51px; width: 51px; border: 2px solid #fff; border-radius: 50%;  top: 50%; left: 50%;transform: translate(-50%, -50%);}
.order_confirm_sec .circle::before{position: absolute; content: ''; background: url(images/tick_img.svg) center no-repeat; height:19px; width: 28px; background-size: 28px; top: 50%; left: 50%;transform: translate(-50%, -50%);}
.order_confirm_sec h3{color:#2832B2; font-weight: 600; margin-bottom: 15px;}
.order_confirm_sec p{ font-family: 'nexabold';font-weight: normal;}
.order_confirm_sec .btn_box{margin-top:20px;}

/*  category css */
.category_sec{ background: #EDEDED; padding: 100px 0 129px;}
.category_sec .inner_part{ display: flex; justify-content: space-between;flex-wrap: wrap; align-items: flex-start;}
.category_sec .left_part{width: 271px; background: #fff; }
.category_sec .left_part h4{margin-bottom: 0;padding: 20px 25px;}
.category_sec .right_part{width:calc(100% - 271px); padding-left: 20px ;}
.category_sec .card_box{display: flex; gap: 20px; flex-wrap: wrap; margin-top: 40px;}
.category_sec .card{ width: calc(33.33% - 14px); padding: 17px 15px; background:#fff; text-decoration: none; justify-content: space-between; flex-direction: column; flex-wrap:wrap; display: flex; transition: 0.4s;}
.category_sec .img_box{padding: 0 5%; padding-bottom: 17px;margin-bottom: 10px;position: relative; min-height: 160px; display: flex; justify-content: center; align-items: center;position: relative;}
.category_sec .img_box .image_overlay {position: absolute;width: calc(100% + 30px);height: calc(100% + 17px);left: -15px;top: -17px;background: rgba(6, 6, 6, 0.4);display: flex;justify-content: center;align-items: center;opacity: 0;visibility: hidden;pointer-events: none;transition: 0.4s;}
.category_sec .img_box:hover .image_overlay {pointer-events: all;opacity: 1;visibility: visible;}
.category_sec .image_overlay .info_btn {display: inline-block;background: #F8F8F8;border-radius: 3px;padding: 5px 12px;transition: 0.4s;cursor: pointer;}
.category_sec .image_overlay .info_btn:hover {box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);}
.category_sec .image_overlay .info_btn span {font-size: 14px;font-family: 'nexabold';font-weight: normal;color: #060606;text-transform: capitalize;display: inline-block;transition: 0.4s;}
.category_sec .image_overlay .info_btn:hover span {color: transparent;background: linear-gradient(90deg, rgba(40, 50, 178, 1) 0%, rgba(109, 193, 249, 1) 100%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.category_sec .img_box img{display: block; max-height: 155px;width: auto;}
.category_sec .botom_text h5{  line-height: 29px; font-weight: 600; letter-spacing: -0.60px; margin-bottom: 10px;}
.category_sec .text{ padding-bottom: 40px;}
.category_sec .btn_wrap {display: flex;flex-wrap: wrap;align-items: center;gap: 12px;}
.category_sec .arrow_btn{ border: 1px solid #8A8A8A; background-color:transparent;background-image: url(images/blue-beg.svg);background-size: 15px;cursor: pointer;transition: 0.4s;}
.category_sec .arrow_btn:hover {background-image: url(images/card_icon.svg), linear-gradient(180deg, rgba(40, 50, 178, 1) 0%, rgba(109, 193, 249, 1) 100%);width: 27px;height: 27px;background-size: 15px, cover;}
.category_sec .eye_btn {border: 1px solid #8A8A8A;background-color: transparent;background-image: url(images/eye-blue.svg);background-size: 3px;cursor: pointer;transition: 0.4s;width: 27px;height: 27px;border-radius: 50%;display: none;background-position: center;background-repeat: no-repeat;}
.category_sec .eye_btn:hover {background-image: url(images/eye-white.svg), linear-gradient(180deg, rgba(40, 50, 178, 1) 0%, rgba(109, 193, 249, 1) 100%);width: 27px;height: 27px;background-size: 3px, cover;border: none;}
.category_sec .price_box{ display: flex; align-items: center; justify-content: space-between;flex-wrap: wrap; padding: 12px 0 0px;  border-top: 1px solid #EDEDED;}
.category_sec .price_box h6{ font-size: 20px; color: #2832B2; line-height: 29px; font-weight: 500; margin-bottom: 0;}
.category_sec .price_box h6 .price-unit{ font-size: 19px; line-height: 29px; font-weight: 600; color: #8A8A8A;}
.category_sec .card:hover{ box-shadow: 0px 1px 12.7px 1px rgba(0, 0, 0, 0.2);}
.category_sec .arrow_btn:hover{ border: none !important;}
/* search_box css */
.search_box{ padding: 0px 25px; margin-bottom: 40px;}
.search_box .input_wrap { position: relative; width: 100%; }
.input_wrap input { width: 100%; padding:4px 25px 4px 10px;  font-size: 15px; line-height: 25px; font-family: 'nexabook';  font-weight: normal; outline: none;border: 1px solid #8A8A8A; background: #F9F9F9; }
.input_wrap input:focus {border-color: #4C7CD7;}
.input_wrap input::placeholder { color: #8A8A8A; }
.input_wrap .submit_btn { position: absolute; right: 11px; top: 50%; transform: translateY(-50%); border: none; cursor: pointer; width: 14px; height: 14px; background:url(images/search_icon.svg) right center no-repeat; background-size: 14px; }
/* category_sec css */
.category_sec ul { list-style: none; overflow: hidden; }
.category_sec .category_list > li { position: relative; border-bottom: 1px solid #EDEDED; }
.category_sec .category_list > li:first-child a { border-top: 1px solid #EDEDED; }
.category_sec .category_list > li > a { position: relative; transition: 0.4s; text-decoration: none; font-size: 20px; letter-spacing: -1; line-height: 29px; font-family: "Oswald", sans-serif; padding: 20px 40px 20px 25px; width: 100%; display: block; }
.category_sec .category_list li .arrow { cursor: pointer; position: absolute; top: 22px; right: 17px; width: 30px; height: 30px; background: url(images/down_arrow.svg) no-repeat center; background-size: 15px; transition: transform 0.3s ease; }
.category_sec ul > li .arrow.open { transform: rotate(180deg); }
.category_sec ul li ul { display: none; margin-bottom: 20px; }
.category_sec ul li li a { padding: 7px 10px; display: block; margin-left: 27px; text-decoration: none; font-size: 16px; letter-spacing: -0.48px; font-family: "Oswald", sans-serif; }
.category_sec  li.active > a ,.category_sec  li:hover > a {  color: #1C27B5; }
.category_sec  li li.active > a,.category_sec  li li:hover > a{background: #F9F9F9;}
.category_sec .category_list li.active ul{ display: block;}

/* pagination css */
.pagination { display: flex; justify-content: center; align-items: center;}
.pagination .wp-pagenavi{ margin-top: 70px;}
.wp-pagenavi a, .wp-pagenavi span { background: #fff; display: inline-flex; padding: 8px 10px !important; text-decoration: none; border: none !important; color: #060606;  text-align: center; line-height: 1; transition: 0.4s;width: 35px;height: 35px;align-items: center;justify-content: center;}
.pagination a:hover { background-color: #4C7CD7; color: #fff;  }
.pagination a.active, .wp-pagenavi a.current, .wp-pagenavi span.current { background-color: #4C7CD7; color: #fff; }
.wp-pagenavi{ display: flex !important; align-items: center; gap: 10px; }

.wp-pagenavi .previouspostslink {font-size: 0;width: 35px;height: 35px;background: #fff url(images/page-left.svg)center center no-repeat;background-size: 12px !important;transition: 0.4s;}
.wp-pagenavi .previouspostslink:hover {background: #4C7CD7 url(images/page-left-wt.svg)center center no-repeat;background-size: 12px !important;}
.wp-pagenavi .nextpostslink {font-size: 0;width: 35px;height: 35px;background: #fff url(images/page-right.svg)center center no-repeat;background-size: 12px !important;transition: 0.4s;}
.wp-pagenavi .nextpostslink:hover {background: #4C7CD7 url(images/page-right-wt.svg)center center no-repeat;background-size: 12px !important;}

/* product_pop_up_sec css */
.product_pop_up_sec{ position: fixed; inset: 0; z-index: 99;  display: flex; justify-content: center; align-items: center; opacity: 0;visibility: hidden;}
.popup-overlay{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(6, 6, 6,0.8);z-index: -1;}
.product_pop_up_sec .inner_part{ display: flex; justify-content: space-between; flex-wrap: wrap; max-width: 888px; width: 100%; margin: 0 auto; padding: 70px 80px 65px 30px; background: #fff;}
.product_pop_up_sec .left_part{width: 321px;}
.product_pop_up_sec .img_box img{ display: block;}
.product_pop_up_sec .right_part{width: calc(100% - 321px); padding-left: 20px; position: relative;}
.product_pop_up_sec .product_details span{color: #2832B2; margin-bottom: 10px;font-family: 'nexabold'; font-weight: normal; display: inline-block; background: #F9F9F9; padding: 5px 10px;}
.product_pop_up_sec .product_details p{color: #060606; margin-bottom: 10px;}
.product_pop_up_sec .product_details h4{ margin-bottom: 10px;}
.product_pop_up_sec  p{color: #8A8A8A;}
.product_pop_up_sec .price_box{ display: flex; align-items: center; justify-content: space-between;flex-wrap: wrap; padding: 20px 0;  border-top: 1px solid #EDEDED;}
.product_pop_up_sec h6{ font-size: 31px; color: #2832B2; line-height: 29px; font-weight:600; margin-bottom: 0;}
.product_pop_up_sec .price-unit{ margin-left: 5px; font-size: 19px; line-height: 29px;letter-spacing:-0.57px; font-weight: 600; color: #8A8A8A;}
.product_pop_up_sec .btn_one{ padding: 18px 36px; font-size: 15px; min-width: 193px;cursor: pointer;}
/*  acitve */
.product_pop_up_sec.active {opacity: 1; visibility: visible; pointer-events: all; z-index: 12;}
.product_pop_up_sec .popup-inner{height: 90vh;overflow: auto;width: calc(100% - 60px);display: flex;align-items: center;}

.product_pop_up_sec .product_details { height:335px; overflow-y: auto; scrollbar-width: thin; scrollbar-color: #8A8A8A transparent; margin-bottom: 0;}
.product_pop_up_sec .product_details::-webkit-scrollbar { width: 6px; }
.product_pop_up_sec .product_details::-webkit-scrollbar-thumb { background-color: #8A8A8A; border-radius: 3px; }
.product_pop_up_sec .product_details ul{ list-style: none;}
.product_pop_up_sec .product_details ul li{position: relative;  line-height:23px; margin-bottom:7px; padding-left: 20px; }
.product_pop_up_sec .product_details ul  li::before{content: ""; position: absolute; top: 7px; left: 0; width: 10px; height: 10px; border-radius: 50%; background: #EDEDED; }
/* .arrow_dots_box slick arrow */
.arrow_dots_box { width: 130px; margin: 30px auto 0; display: flex; align-items: center; justify-content: space-between; }
.arrow_dots_box .slick-prev { order: 1; }
.arrow_dots_box .slick-dots { order: 2; margin: 0 100px; }
.arrow_dots_box .slick-next { order: 3; }
.arrow_dots_box .slick-dots { display: flex; align-items: center; justify-content: center; position: static; margin: 0; padding: 0; gap: 10px; }
.arrow_dots_box .slick-dots li{ position: relative; cursor: pointer; font-size: 0; width: 10px; height: 10px; border-radius: 50%; border: none; background: #8A8A8A;}
.arrow_dots_box .slick-dots li.slick-active::before { content: ""; position: absolute; top: 50%; left: 50%; width: 16px; height:16px; border-radius: 50%; border: 1px solid #060606; transform: translate(-50%, -50%); }
.arrow_dots_box .slick-dots li button {display: none;} 
.arrow_dots_box .slick-prev ,.slick-next { border: none; background: none; border: none; padding: 0; cursor: pointer; }
.arrow_dots_box .slick-prev  svg { display: block; }
.product_pop_up_sec .close_btn{ width: 30px; height: 30px; position: absolute; right: -27px; top: 0; cursor: pointer; background: url(images/close-icon.svg) center no-repeat; background-size:17px;z-index: 2;}

/* loader css */
.loader { display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 30px 0;position: fixed;z-index: 15; left: 0;top: 0;width: 100%;height: 100%; background: rgba(0, 0, 0, 0.6); }
.loader2 ,.loader3{ display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 30px 0;position: absolute;z-index: 15; left: 0;top: 0;width: 100%;height: 100%; background: rgba(0, 0, 0, 0.6);}
.spinner {border: 4px solid rgba(255, 255, 255, 0.9);border-left-color:#1C27B5; /* Spinner color */border-radius: 50%;width: 40px;height: 40px;animation: spin 1s linear infinite;margin-bottom: 10px;}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.loader p {font-size: 14px;color: #333;margin: 0;}
#cart-body2{position: relative;}
#cart-body2 .loader3 p{color: #fff;}

/* checkout_sec css  */
.checkout_sec{background: #F9F9F9; padding: 30px 0 80px;}
.checkout_sec .top_title h3{font-weight: 600; margin-bottom: 30px;}
.checkout_sec .inner_part{display: flex; flex-wrap: wrap; justify-content: space-between; }
.checkout_sec .contact_form{width: 57.7%; padding: 20px 25px 35px;}
.checkout_sec .field.date-wrap {position: relative;}
.checkout_sec .field.date-wrap::before {content: "";position: absolute;right: 10px;top:42px;width: 15px;height: 15px;background: url(images/date_calendar.svg) no-repeat center;background-size: 15px; pointer-events: none;}
.checkout_sec input [ type='date']{ opacity: 0; visibility: hidden;}
.checkout_sec .contact_form .field textarea::placeholder {color: #8A8A8A;}
.checkout_sec .contact_form .field label{ margin-bottom: 4px;}

/* .checkout_sec custom cart css */
.checkout_sec .right_part{width:40.6%; }
.checkout_sec .right_part.custom-cart{ position: static; z-index: 1; max-width: 100%;}
.checkout_sec .right_part.custom-cart h6{ margin-bottom: 0;line-height: 22px;letter-spacing: -0.1px;}
.checkout_sec .right_part.custom-cart  p{ color: #8A8A8A; font-weight: normal;  font-family: 'nexabold';}
.checkout_sec .right_part.custom-cart .text { padding-left: 18px; }
.checkout_sec .right_part.custom-cart .img_box img{ max-width: 35px; max-height: 52px;}
.checkout_sec .right_part.custom-cart .cart-total h5{ margin-bottom: 0;}
.checkout_sec .right_part.custom-cart .cart-row{ padding: 18px 30px; border: none;}
.checkout_sec .right_part.custom-cart h5 strong{ font-size: 16px; font-weight: 500; line-height: 22px;color: #060606;}
.checkout_sec .right_part.custom-cart .cart-footer .cart-total{padding: 0 30px 20px;}
.checkout_sec .right_part.custom-cart .cart-footer .cart-total h5{ font-weight: 500;}
.checkout_sec .right_part.custom-cart .cart-footer .cart-total .new-text {color: #8A8A8A;font-weight: normal;font-family: 'nexabold';margin-top: 5px;display: block;padding-right: 50px;}
.checkout_sec .right_part.custom-cart .cart-footer p { position: relative; color: #4C7CD7;  font-weight: normal;  font-family: 'nexabold'; padding: 20px 30px 10px 50px; border-top: 1px solid #EDEDED;}
.checkout_sec .right_part.custom-cart .cart-footer p::before{position: absolute; content: ''; background: url(images/exclamation_img.svg) center no-repeat; height:14px; width: 14px; background-size: 14px; top: 25px; left:30px;}
.checkout_sec .right_part.custom-cart  #cart-body{ width: 100%;}
.checkout_sec .right_part.custom-cart .cart_title{ padding: 20px 30px;}
.checkout_sec .right_part.custom-cart .cart-footer{ padding: 20px 0;}
.checkout_sec .right_part.custom-cart .text h5{ margin-bottom: 5px;}
.checkout_sec .right_part.custom-cart .cart_title h5 { margin-bottom: 0; }
#cart-body2 .cart-price h6,#cart-body2 h5 strong{font-size: 18px;color: #1C27B5;}

p.empty{padding:20px 20px 20px 30px;position: relative; width: calc(100% - 60px);background:#ffff;color: #8A8A8A !important;margin-left: 20px;margin-bottom: 30px; font-family: "Oswald", sans-serif; font-weight: 400;}
p.empty::before { position: absolute; content: ''; background: url(images/basket-shopping.svg) center no-repeat; background-size: auto; height: 23px; width: 22px; background-size: 14px; top:20px; left: 0; }

/* .custom-cart css */
.overlay_cart{transition: 0.4s; position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(6, 6, 6,0.8);z-index: -1; opacity: 0;pointer-events: none;visibility: hidden;}
.overlay_cart.show{ opacity: 1;visibility: visible;pointer-events: all;z-index: 15;}
.custom-cart{background: #fff; position: fixed; top: 0; right: -100%; z-index: 16; height: 100%; max-width: 465px; width: 100%;transition: 0.4s;}
.custom-cart.show{right: 0;}
.custom-cart .cart_title{ padding: 20px 20px;}
.custom-cart .cart_title h3{ margin-bottom: 0;}
.custom-cart  .inner_part{  position: relative; width: 100%; margin-left: auto; height: 100%; display: flex; justify-content: space-between; flex-direction: column; }
/* .custom-cart .cart-row:first-child{border-top: 1px solid #EDEDED; } */
.custom-cart .cart-row { display: flex; justify-content: space-between; flex-wrap: wrap; padding: 20px 20px; border-bottom: 1px solid #EDEDED; }
.custom-cart .left_part{ width: calc(100% - 110px); display: flex; padding-right: 10px; }
.custom-cart .cart-price { display: flex; flex-direction: column; align-items: flex-end; width: 110px; justify-content: space-between;}
.custom-cart .text{ padding-left: 8px;}
.custom-cart .img_box { max-width: 57px;}
.custom-cart .text{ width: calc(100% - 57px);}
.custom-cart .img_box img{ display: block; width:auto; max-height: 84px; object-fit: cover; margin-top: 5px;}
.custom-cart .cart-qty {position: relative; display: flex; align-items: center; justify-content: center; gap: 13px; border: 1px solid #EDEDED; max-width: 93px; padding: 7px 11px; }
.custom-cart  .cart-qty input { width: 25px; text-align: center; border:none; font-weight: 500; font-family: "Oswald", sans-serif; font-size: 16px; }
.custom-cart  .qty-btn { border:none; background:transparent; font-size: 16px; cursor: pointer; }
.custom-cart  .qty-btn.minus{ font-size: 0; width: 30px; height:20px; background: url(images/minus_icon.svg)  center no-repeat; transition: 0.4s;}
.custom-cart  .qty-btn.minus:hover{background: url(images/minue_hover.svg)  center no-repeat;}
.custom-cart  .qty-btn.plus{ font-size: 0; width: 30px; height:20px; background: url(images/pluse_icon.svg)  center no-repeat; transition: 0.4s;}
.custom-cart  .qty-btn.plus:hover{  background: url(images/plue_hover.svg)  center no-repeat;}
input[type=number]::-webkit-inner-spin-button, input[type=number], input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; -moz-appearance: textfield; }
.custom-cart .remove-item{ transition: 0.4s; width: 20px; height: 20px; border: none; cursor: pointer; background: url(images/close_icon.svg) center no-repeat; background-size:10px;}
.custom-cart .remove-item:hover{  background: url(images/close_hover_icon.svg) center no-repeat;}
.custom-cart .cart-price  h5 { margin-bottom: 10px; font-weight: 600; color: #1C27B5; }
.custom-cart .close_btn{ z-index: 2; width: 30px; height: 30px; position: absolute; right: 20px; top:28px; cursor: pointer; background: url(images/close-icon.svg) center no-repeat; background-size: 17px;}
.custom-cart .cart-footer{ padding: 20px 20px; width: 100%; border-top: 1px solid #EDEDED;}

.custom-cart .card_box{ height: calc(100% - 60px); display: flex; flex-direction: column; justify-content: space-between; flex-wrap: wrap;align-items: flex-start; border-top: 1px solid #EDEDED;}
.custom-cart h5{display: flex; justify-content: space-between; align-items: center;flex-wrap: wrap;}
.custom-cart h5 strong{ color: #1C27B5; font-weight: 600;}
.custom-cart .btn_box p{ color: #4C7CD7; font-weight: normal;  font-family: 'nexabold';}
.custom-cart .btn_box .btn_one { margin-bottom: 15px; width: 100%; text-align: center;font-size: 15px; }
.mid-container { flex: 1; overflow-y: auto; width: 100%; position: relative;}
body #cart-body2 .cart-price{display: block;text-align: right;}
#cart-body2 .cart-price p,#cart-body2 .cart-price h6{margin-bottom: 0;}
#cart-body2 .cart-row:not(:last-child){border-bottom: 1px solid #EDEDED;}
.custom-cart .qty_no{font-size: 14px;color: #000;font-weight: 700;}
.custom-cart .qty_no i{font-style: normal;margin: 0 5px ;}
.custom-cart .day{color: #000 !important;font-size: 14px;line-height: 20px;width: 100%;text-align: right;font-family: 'nexabook' !important;}
.custom-cart .day span{font-weight: 500;font-family: "Oswald", sans-serif;}
/* error_page css */
.error_page ,.default_page{padding: 50px 0px 50px;}
.error_page .inner_part{text-align: center; max-width: 800px; margin: 0 auto; text-align: center; width: 100%;}
.error_page .inner_part h2{margin-bottom: 50px;}
.error_page .inner_part img{margin-bottom: 50px;}
.error_page .btn-box{ display: flex; justify-content: center; align-items: center; margin-top: 50px; color: rgba(40, 50, 178,0.8);}
.default_page a{ font-weight: normal;  font-family: 'nexabold';}
.default_page a:hover{ text-decoration: none;}
.checkout_sec .right_part.custom-cart .cart-footer .cart-total h5,#cart-body2 h5 strong{font-size: 20px;}

.agree-field {padding-left: 30px;margin-top: 20px;}
.agree-field input {display: none;cursor: pointer;}
.agree-field label {position: relative;cursor: pointer;font-size: 16px;line-height: 24px;color: #8A8A8A;font-family: 'nexabold';font-weight: normal;padding-left: 0;}
.agree-field label:before {content:'';-webkit-appearance: none;background-color: transparent;border: 2px solid #8A8A8A;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);padding: 0px;width: 16px;height: 16px;display: inline-block;position: absolute;vertical-align: middle;cursor: pointer;margin-right: 0px;left: -30px;top: 1px;background: transparent;}
.agree-field input:checked + label:before {background: #4C7CD7;border-color: #4C7CD7;}
.agree-field input:checked + label:after {content: '';display: block;position: absolute;top: 2px;left: -24px;width: 5px;height: 12px;border: solid #fff;border-width: 0 2px 2px 0;transform: rotate(45deg);}


/* Responsive css start */
@media only screen and (max-width:1500px) {
.why_customers_sec .base_bar{ max-width: 93%;} 
}


@media only screen and (max-width:1366px) {
.hero_sec .right_part { width: calc(52.8% + 60px); margin-right: -60px; }
}


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

h1{font-size:55px; line-height: 70px; letter-spacing: -1.65px;}
h2{font-size:40px; line-height: 56px;letter-spacing: -1.20px; }
h3{font-size:28px; line-height: 38px;letter-spacing: -0.84px;}
h4{font-size:22px; line-height: 37px;letter-spacing: -0.66px;}
h5{font-size: 20px; line-height: 29px; letter-spacing: -0.6px;}
h6{font-size: 16px; line-height: 24px;letter-spacing: -0.48px;}

.main-content {margin-top: 107px;}
.wrapper{ max-width: 1024px;}
.header .logo{ width: 100px;}
.header .right_part{ width: calc(100% - 100px);}
.header .nav > ul{ gap: 0 30px;}
.header .nav ul li a{ font-size: 18px;}
.header .cart{ margin-left: 30px;}
.hero_sec { padding: 50px 0 60px; }
.hero_sec .right_part { width: calc(52.8% + 0px); margin-right: 0px; }
.hero_sec .left_part { width: 46%; }
.hero_sec .left_part p{ font-size: 18px; line-height: 28px; }
.hero_sec .left_part .btn_one { margin-top: 10px; }
.popular_cat_sec{ margin-bottom: 0;}
.why_customers_sec{ padding: 20px 0 50px; }
.footer{ padding-top: 70px;}
.footer .footer_top .right_part{ max-width: 650px;}
.footer .footer_top{ margin-bottom: 50px;}
.category_sec {padding: 70px 0; }
.category_sec .card {width: calc(50% - 10px);}
.dj_reem_sec{ padding: 70px 0;}
.dj_reem_sec .inner_part{ padding: 30px 20px;}
.contact_form{ padding: 30px 20px;}
.contact_sec .right_part .details{ padding: 20px 20px;}
.contact_sec .right_part .top_content { padding: 30px 20px 10px 20px; }
.contact_sec .right_part .top_content p { font-size: 18px; }
.contact_sec{ padding: 50px 0 70px;}
.why_customers_sec .base_bar{ align-items: flex-start;}

.checkout_sec .right_part.custom-cart .cart-footer .cart-total .new-text {padding-right: 50px;}
.checkout_sec .right_part.custom-cart .cart-footer .cart-total .new-text br {display: none;}
}


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

h1{font-size:45px; line-height: 60px; letter-spacing: -1.35px;}
h2{font-size:35px; line-height: 50px;letter-spacing: -1.05px; }
h3{font-size:25px; line-height: 35px;letter-spacing: -0.75px;}
h4{font-size:20px; line-height: 35px;letter-spacing: -0.60px;}
h5{font-size: 18px; line-height: 26px; letter-spacing: -0.54px;}
h6{font-size: 16px; line-height: 24px;letter-spacing: -0.48px;}
.main-content {margin-top: 90px;}
.wrapper{ max-width: 800px;}
.header{padding: 8px 0;}
.header .logo{ width: 97px;}
.header .right_part{ width: calc(100% - 97px); ; }
.header .nav ul{ display: none;}
.header .menubar{ display: block; margin-left: 20px;}
.mob_menu.show{right: 0;} 
.header .cart{ margin-left: 20px;}
.hero_sec .right_part{ width: 100%; order: 1; margin-bottom: 20px;}
.hero_sec .left_part{ width: 100%; order: 2;}
.hero_sec { padding: 40px 0 50px; }
.why_customers_sec { padding: 20px 0 40px; margin-bottom: 0; }
.popular_cat_sec{ padding: 40px 0;}
.popular_cat_sec .cat_card { flex: 1 1 calc(50% - 10px); }
.why_customers_sec .card{ width: 100%; max-width: 600px;}
.footer .footer_top .footer_logo{ width: 100%; margin-bottom: 30px  ;}
.footer .footer_top .right_part{ width: 100%; max-width: 100%;}
.footer .footer_top .footer_logo img{ margin: 0 auto;}
.footer { padding-top: 40px; }
.footer .footer_bottom{ justify-content: center; gap: 10px 0;}
.footer .footer_bottom .card{ width: 100%; text-align: center;}
.footer .footer_bottom .right_part, .footer .footer_bottom ul{ justify-content: center;}
.footer .footer_bottom .left_part ul{ gap: 0 20px;}
.category_sec .right_part{ width: 100%; padding-left: 0;} 
.category_sec { padding: 40px 0; }
.toggle-filter{ display: flex;transition: 0.4s; background: linear-gradient(90deg, rgb(40, 50, 178) 0%, rgb(109, 193, 249) 100%); width: 46px; height: 37px; border-radius: 0px 5px 5px 0px; flex-wrap: wrap; justify-content: center; align-items: center; cursor: pointer; position: fixed; left: 0; top: 50%; z-index: 3;  bottom: unset; }
.toggle-filter.deskto-hide{ display: flex; cursor: pointer;}
.toggle-filter svg path { fill: #fff; }
.filter_number_count { display: none; color: #fff; }
/* left filter */
.aside-filter .close{ display: block; width: 30px; height: 30px; position: absolute; right:20px; top: 20px; font-size: 30px; cursor: pointer; background: url(images/close-icon.svg) center no-repeat; background-size:17px;z-index: 1;}
.category_sec .left_part.aside-filter { width: 340px; position: fixed; left: -100%; top: 0; height: 100%; z-index: 999; border-radius: 0; padding: 50px 0px 30px; overflow: auto; transition: 0.4s; }
.category_sec .left_part.aside-filter.show { left: 0; }
.overlay_aside { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(6, 6, 6, 0.8); z-index: 15; }
.overlay_aside.show { display: block; }
.category_sec .category_list > li > a{ font-size: 18px; padding: 15px 40px 16px 25px;}
.category_sec .text { padding-bottom: 30px; }
.category_sec .card_box{ margin-top: 30px}
.checkout_sec .right_part.custom-cart{ width: 100%; max-width: 100%; order: 1;}
.checkout_sec .contact_form{ width: 100%; order: 2;}
.checkout_sec .right_part.custom-cart .cart-footer { padding: 20px 0 0; }
.dj_reem_sec .left_part { width: 100%;order: 2; }
.dj_reem_sec .right_img { width: 100%; order: 1; margin-bottom: 30px; }
.dj_reem_sec .right_img img{ margin: 0 auto;}
.contact_sec .right_part{ order: 1; width: 100%; margin-bottom: 30px;}
.contact_sec .left_part{ order: 2; width: 100%;}
.contact_sec .right_part .details .text a, .details .text strong{ font-size: 18px; line-height: 26px; letter-spacing: -0.54px;}
.error_page, .default_page { padding: 40px 0; }
.dj_reem_sec { padding: 40px 0; }
.contact_sec {padding: 40px 0;}
.product_pop_up_sec .left_part{width: 240px;}

.product_pop_up_sec .right_part { width: calc(100% - 242px);}
.product_pop_up_sec .inner_part{padding: 60px 40px;}
.product_pop_up_sec .price_box{gap: 15px;}

.category_sec .eye_btn {display: block;}
.category_sec .img_box .image_overlay {display: none;}
}


@media only screen and (max-width:767px) {
.wrapper{ max-width: 100%;}
h1{font-size:35px; line-height: 45px; letter-spacing: -1.05px;}
h2{font-size:30px; line-height: 45px;letter-spacing: -0.9px; }
h3{font-size:22px; line-height: 33px;letter-spacing: -0.66px;}
h4{font-size:20px; line-height: 35px;letter-spacing: -0.60px;}
h5{font-size: 18px; line-height: 26px; letter-spacing: -0.54px;}
h6{font-size: 16px; line-height: 24px;letter-spacing: -0.48px;}
.btn_one{ font-size: 16px; padding: 15px 20px;min-width: 170px;}
.header.sticky .logo{ width: 70px;}
.header.sticky .right_part { width: calc(100% - 70px); }
.hero_sec .left_part p { font-size: 16px; line-height: 24px; }
.footer .footer_top .card{ width: auto; max-width: 50%; margin-bottom: 20px;}
.footer .footer_top .card:last-child{ width: 100%; max-width: 100%; margin-bottom: 0;}
.footer .footer_top { margin-bottom: 30px; }
.why_customers_sec { padding: 0px 0 40px; }
.why_customers_sec .title_center { margin-bottom: 30px; }
.contact_form .group_field .field{ width: 100%;}
.contact_form .field input, .field textarea{ padding: 8px 10px;}
.contact_form .group_field{ gap: 0;}
.checkout_sec {padding: 30px 0 40px; }
.checkout_sec .field.date-wrap::before { right: 10px; }
.dj_reem_sec { padding: 40px 0; }
.dj_reem_sec .title{ margin-bottom: 30px;}
.why_customers_sec .card{ padding: 30px 20px;}
.product_pop_up_sec .left_part{width: 100%;margin-bottom: 25px;}
.product_pop_up_sec .right_part{width: 100%;padding-left: 0;position: unset;}
.product_pop_up_sec .img_box img{margin: 0 auto;max-height: 220px;}
.product_pop_up_sec .inner_part{position: relative;}
.product_pop_up_sec .close_btn{right: 20px;top: 20px;}
.product_pop_up_sec .inner_part {padding: 60px 20px 40px;height: 100%;overflow: auto;}
.product_pop_up_sec .product_details {margin-bottom: 20px;height: auto;}
}


@media only screen and (max-width:600px) {
.wrapper{padding: 0 20px;}
h1{font-size:30px; line-height: 35px; letter-spacing: -0.9px;}
h2{font-size:26px; line-height: 33px;letter-spacing: -0.78px; }
h3{font-size:20px; line-height:28px;letter-spacing: -0.60px;}
h4{font-size:18px; line-height: 30px;letter-spacing: -0.54px;}
/* h5{font-size:16px; line-height: 22px;letter-spacing: -0.48px;} */

.main-content { margin-top: 72px; }
.mob_menu{ top: 62px; height: calc(100% - 62px);}
.mob_menu a{ font-size: 18px;}
.header .logo { width: 70px; }
.header .right_part { width: calc(100% - 70px); }
.popular_cat_sec .cat_card { flex: 1 1 100%; }
.why_customers_sec .card { padding: 30px 20px; }
.category_sec .card { width: 100%; }
.custom-cart{ max-width: 340px;}
.custom-cart .close_btn{top: 20px;}
.custom-cart .cart-price{ width: 80px;}
.custom-cart .left_part{ width: calc(100% - 80px);}
.custom-cart .cart-row{ padding: 15px 15px;}
.custom-cart .cart-qty input{ font-size: 14px;}
p.empty{ padding: 20px ;}
.checkout_sec .right_part.custom-cart .cart_title {padding: 15px 15px;}
.custom-cart .text h5{font-size:16px; line-height: 22px;letter-spacing: -0.48px;}
.checkout_sec .right_part.custom-cart .cart-row{padding: 15px 15px;}
.checkout_sec .right_part.custom-cart .cart-footer .cart-total{padding: 0 15px 15px;}
.checkout_sec .right_part.custom-cart .cart-footer p{padding: 15px 15px 15px 40px; font-size: 14px; line-height: 1.2;}
.checkout_sec .right_part.custom-cart .cart-footer p::before {left: 15px; top: 16px;}
.checkout_sec .right_part.custom-cart p{font-size: 14px; line-height: 1.2; }
.checkout_sec .right_part.custom-cart .cart-footer { padding: 15px 0; }
.checkout_sec .contact_form { padding: 20px 15px 0; }
.contact_sec .right_part .details .text a, .details .text strong { font-size: 16px; line-height: 22px; letter-spacing: -0.48px; }
.contact_sec .right_part .details { padding: 15px 15px; }
.contact_form { padding: 20px 15px; }
.contact_sec .right_part .details .text p{ font-size: 14px; letter-spacing: -0.42px;}
.contact_sec .right_part .icon{ width: 40px; height: 40px;}
.contact_sec .right_part .icon img { max-width: 25px;}
.error_page .inner_part img { margin-bottom: 30px; }
.error_page .btn-box { margin-top: 40px; }
.contact_sec .right_part .top_content p { font-size: 16px; line-height: 25px; }
.category_sec .right_part h3 {margin-bottom: 10px;}
.toggle-filter {top: 30%;}

.checkout_sec .right_part.custom-cart .cart-footer .cart-total .new-text {font-size: 14px;line-height: 1.2;}

}