body { margin: 0; padding: 0;    font-family: var(--secondary-font-family); font-size: var(--body-font); color: #202728;  }
html{overflow-x: hidden !important; height: 100%;}
a,a:focus, a:hover { outline: 0; border: none; text-decoration: none; }
ul { margin: 0; padding: 0; }
li { list-style: none; }

/** ============ COMMON STYLES ============**/
h1 { font-size: 70px;   font-weight: 600; }
h2 { font-size: 50px; line-height: 60px;  font-family: var(--primary-font-family);  font-weight: 600;}
h3 { font-size: 34px;  line-height: 50px; font-family: var(--primary-font-family);  font-weight: 600; }
h4 { font-size: 24px; line-height: 36px;  }
h5 { font-size: 21px;  }
h6 { font-size: 19px; }
p { line-height: 32px; font-size: var(--body-font); color: #333C45;  font-family: var(--secondary-font-family);  }

h1 ,h2,h3,h4,h5,h6{font-family: var(--primary-font-family);}

:root {
--primary-color: #f5a42e ;
--primary-color-hover: #fdaf3a ;
--secondary-color: #162D25;
--primary-font-family: 'Brygada 1918';
--secondary-font-family: 'jostregular';
--secondary-font-family-light: 'jostlight';
--secondary-font-family-medium: 'jostmedium';
--secondary-font-family-semibold:'jostsemibold';

--text-white:#ffffff;
--text-black:#000000;
--text-body:#393D3C;
--text-sub-color:#58605D;

--bg-white:#ffffff;
--bg-red:#FF3131;
--bg-green:#10A230;
--primary-bg-light:#FCF3E4;
--primary-bg-ex-light:#FEFAF4;

--body-font:18px;
--body-font-md:17px;
--body-font-sm:16px;
--body-font-x-sm:15px;

--border-color:#E5E5E5;
--border-color-form:#cbced2;
--border-dark-color:#D1D1D1;



}







/***============ Buttons and Common ============***/
.btn{ border-radius: 6px;}
.primary_btn{background: var(--primary-color); color:var(--text-white); font-size: 18px; font-family: var(--secondary-font-family-semibold); color: var(--text-black);  border: solid 1px var(--primary-color); text-transform: uppercase; }
.primary_btn:hover{ background: var(--primary-color-hover); color:var(--text-black);border: solid 1px var(--primary-color-hover);    }
.secondary_btn{ background: none; color:var(--secondary-color); border: solid 1px var(--secondary-color); font-size: 18px; font-family: var(--secondary-font-family-semibold); text-transform: uppercase; }
.secondary_btn:hover{ background: var(--secondary-color); color:var(--text-white);border: solid 1px var(--secondary-color);  }
.primary_btn, .secondary_btn{padding:12px 25px; font-size: 18px; display: inline-flex; align-items: center; justify-content: center; gap: 5px;}
.primary_btn:hover, .secondary_btn:hover{padding:12px 21px 12px 29px; }
.primary_btn:disabled, .primary_btn[disabled]{opacity: 0.5; cursor: not-allowed; pointer-events: none; background: #ccc !important; color: #666 !important; border-color: #ccc !important;}
.primary_btn:disabled:hover, .primary_btn[disabled]:hover{padding:12px 25px; background: #ccc !important; color: #666 !important; border-color: #ccc !important;}
.secondary_btn:disabled, .secondary_btn[disabled]{opacity: 0.5; cursor: not-allowed; pointer-events: none; background: transparent !important; color: #999 !important; border-color: #999 !important;}
.secondary_btn:disabled:hover, .secondary_btn[disabled]:hover{padding:12px 25px; background: transparent !important; color: #999 !important; border-color: #999 !important;}
.primary_btn.disabled{opacity: 0.5; cursor: not-allowed; pointer-events: none; background: #ccc !important; color: #666 !important; border-color: #ccc !important;}
.primary_btn.disabled:hover{padding:12px 25px; background: #ccc !important; color: #666 !important; border-color: #ccc !important;}
.secondary_btn.disabled{opacity: 0.5; cursor: not-allowed; pointer-events: none; background: transparent !important; color: #999 !important; border-color: #999 !important;}
.secondary_btn.disabled:hover{padding:12px 25px; background: transparent !important; color: #999 !important; border-color: #999 !important;}

.line_btn{ background: #fff; border:solid 2px #000000; color:#000000;padding:12px 32px; font-size: 16px;}
.line_btn:hover{background: #3BB44A; border:solid 2px #3BB44A; color:#fff;}

.title_topTxt {font-size: 18px;text-transform: uppercase;color: #3BB44A; position: relative; margin-bottom: 10px; display: block;}
.title_topTxt:after{ position: absolute; content: '';  background: url("../images/line-green.svg") no-repeat; width: 80px;height: 2px;right: auto;top: 12px; margin-left: 10px; }
.twoside:before{position: absolute; content: '';  background: url("../images/line-greenl.svg") no-repeat; width: 80px;height: 2px;left: -90px;top: 12px; margin-right: 10px;}
.transitions{-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.sec_padding{padding: 90px 0 0 0;}
.imgCurved{ border-radius: 10px;}

.text-md-bold{ font-family: var(--secondary-font-family-medium) ;}
.text-semi-bold{ font-family: var(--secondary-font-family-semibold);}
.form-control, .form-select{ border-color: var(--border-color-form);}
.form-control:active, .form-control:focus, .form-select:active, .form-select:focus{ box-shadow: none; border-color: var(--secondary-color) ; }
.form-control, .form-select{font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;}

.text-dark{ color: var(--text-black);}
/***============ header area ============***/
header{ background: var(--secondary-color); box-shadow: 0px 15px 50px 0px rgba(7,13,22,.1); height: 185px; }

.header-top{ background: #131A18; padding: 10px 0; color: var(--text-white); font-size: var(--body-font-sm); }
.language-select {display: flex; justify-content: end;}
.language-select select{ width:120px; border: none; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-size: 14px;   }
.language-select select:active, .language-select select:focus{ border: none; box-shadow: none; }

.logo img{ border-radius: 100px; box-shadow: 0px 15px 43px 0px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 15px 43px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 15px 43px 0px rgba(0,0,0,0.2);}
.div-align-v-center{
display: flex;
  justify-content: center;
  align-items: center;}

  header .navbar-expand-lg{ align-items: flex-start;}
  .head-right-content{ display: flex; align-items: center;}

.search-bar{ position: relative; width: 300px;
  .form-control{ min-height: 45px; border-radius: 100px; padding-left: 20px; }
  button{ position: absolute; right: 0; border-radius:0 100px 100px 0; padding-right: 7px; height: 45px; width: 50px; background: var(--primary-color) ; border: none; }
}
.search-bar .form-control:active, .search-bar .form-control:focus{ border: none; }
.search-bar-sm{ display: none;}

.profile-block, .cart-block{
  margin-left: 15px;
  .dropdown-toggle::after{ display: none;}
button{ background: rgba(255,255,255,.05); width: 50px; height: 50px; border-radius: 100px; padding: 0; text-align: center;
 }
 .btn.show{background: rgba(255,255,255,.05);}
}
.profile-block button img, .cart-block button img{ height: 29px;}
.profile-block button:hover, .cart-block button:hover{ background: rgba(255,255,255,.1);}

.cart-block button{ position: relative;}
.cart-count{ position: absolute; right: -5px; top:2px; width: 24px; height: 24px; line-height: 25px; border-radius: 100px; display: inline-block; background: var(--bg-red); color: var(--text-white); font-size: 13px; font-family: var(--secondary-font-family-medium); }

.profile-block li, .cart-block li{ width: 100%;}
.profile-block li a{ color:#555 ;}

/***============ menu area ============***/
.header-navigation-area { margin-right: 25px;}
.main-navigation .menu a.active,
.main-navigation .menu a:hover {color: var(--primary-color); border-bottom: solid 3px var(--primary-color) ;}

.main-navigation ul li {display: inline-block;position: relative;}
.main-navigation ul li a { padding: 15px;display: block;text-transform: capitalize; color: var(--text-white); font-size: 18px; font-family: var(--secondary-font-family); position: relative;z-index: 1;line-height: 1; border-bottom: solid 3px transparent; }
.main-navigation ul ul li a {color: var(--text-white);}
.main-navigation ul li ul li a:hover{ color: var(--primary-color);}
/* Main Menu CSS End*/
/* Submenu / Dropdown Menu CSS */
.main-navigation ul li ul {position: absolute;width: 250px;left: 0;top: 65px;z-index: 2;-webkit-transition: 0.3s;transition: 0.3s; visibility: hidden;opacity: 0;
background-color: #0a0e14;margin: 0;padding: 0;list-style: none;}
.main-navigation ul li:hover > ul {opacity: 1;visibility: visible;}
.main-navigation ul li ul li a {padding: 10px 20px;line-height: 24px;font-size: 16px;  font-family: var(--secondary-font-family);	}
.main-navigation ul li ul li {display: block;text-align: left;}
.main-navigation ul li ul ul {left: 250px;top: 0;}
.main-navigation ul li ul li {border-bottom: 1px solid #1a1f29;}
.main-navigation ul li ul li:last-child {border-bottom: 0;}
/* Submenu / Dropdown Menu CSS End */
/* Mobile Menu CSS Start*/
.mobile-menu-trigger {cursor: pointer;margin-left: 5px;display: none;background: transparent;border: none;}
.mobile-menu-trigger span {height: 2px;display: block;width: 31px;margin-bottom: 7px;background-color: #000;}
.mobile-menu-trigger span:last-child { margin-bottom: 0;}
.mobile-menu-container {position: fixed;top: 0;bottom: 0;left: 0;width: 100%;background-color: #0a0e14;z-index: 999999; opacity: 0;visibility: hidden;overflow-y: scroll;-ms-transform: translateX(100%);-webkit-transform: translateX(100%);transform: translateX(100%);overflow-x: hidden;-webkit-transition: 0.4s;transition: 0.4s;}
.mobile-menu-container li {opacity: 0; visibility: hidden;-ms-transform: translateX(1000px);-webkit-transform: translateX(1000px);transform: translateX(100px);-webkit-transition: 1s;transition: 1s;border-top: 1px solid #151c26;}
.mobile-menu-container li:nth-last-child(1) {border-bottom: 1px solid #151c26;}
.mobile-menu-container li > a .slicknav_arrow:after {content: "\f107"; position: absolute;font-family: "FontAwesome";top: 0;bottom: 0; color: white; z-index: 999;margin: 0 auto; text-align: center;right: 0;left: 0;font-size: 16px;line-height: 50px;}
.mobile-menu-container.menu-open li.slicknav_open > a .slicknav_arrow:after {content: "\f106";}
.mobile-menu-container.menu-open {opacity: 1;visibility: visible; -ms-transform: translateX(0%);-webkit-transform: translateX(0%);transform: translateX(0%);}
.mobile-menu-container.menu-open li {opacity: 1;visibility: visible;-ms-transform: translateX(0);-webkit-transform: translateX(0);transform: translateX(0);}
/* New Angular-based mobile menu styles */
.mobile-menu-container.menu-open #mobile-menu-wrap {opacity: 1;visibility: visible;}
.mobile-menu-container.menu-open .mobile-menu-item {opacity: 1;visibility: visible;-ms-transform: translateX(0);-webkit-transform: translateX(0);transform: translateX(0);}
.mobile-menu-close {position: absolute;right: 20px;top: 25px; width: 30px;height: 30px;cursor: pointer;z-index: 1;}
.mobile-menu-close::before {left: 15px;-ms-transform: rotate(45deg); -webkit-transform: rotate(45deg);transform: rotate(45deg);}
.mobile-menu-close::after {right: 13px;-ms-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.mobile-menu-close::before,.mobile-menu-close::after {position: absolute;height: 30px;width: 2px;background: #ffffff;content: "";top: 0;}
#mobile-menu-wrap {display: block;height: 100%; width: 100%;position: absolute;right: 0;padding: 100px 20px 20px 20px;}
#mobile-menu-wrap div {background-color: transparent;}
#mobile-menu-wrap .slicknav_item i {display: none;}
/*Sidebar Start*/
.slicknav_nav,
.slicknav_nav.slicknav_hidden {display: block !important;text-align: left;}
.slicknav_btn {display: none !important;}
.slicknav_menu {padding-left: 0;}
.slicknav_nav li > a {display: block;font-weight: 400;}
.slicknav_item.slicknav_row a {border-bottom: 0;}
.slicknav_nav .slicknav_row,.slicknav_nav a {padding: 10px 0px;margin: 0;}
.slicknav_nav .slicknav_arrow {font-size: 0;background: rgb(255 255 255 / 8%);height: 100%;width: 50px;display: inline-block;position: absolute;top: 0;}
.slicknav_nav ul {margin: 0 0 0 0px;}
.slicknav_nav .menu-item-has-children ul {margin-bottom: 00px;}
.slicknav_nav .menu-item-has-children ul li {padding-left: 25px;}
.sub-menu .menu-item-has-children a i {position: absolute;right: 20px;top: 20px;}
.slicknav_nav a:hover,.slicknav_nav .slicknav_row:hover {background-color: transparent;}
.slicknav_nav .slicknav_row:hover,.slicknav_nav a:hover {border-radius: 0;}
.slicknav_item.slicknav_row {display: inline-block;width: 100%;position: relative;}
.slicknav_arrow {-webkit-transition: 0.3s;transition: 0.3s;right: 0;top: 17px;position: absolute;}
.slicknav_nav a,
.slicknav_row a {color: #ffffff;font-size: 18px;display: inline-block;}
/*Sidebar Start*/
/* Mobile Menu CSS End*/
@media only screen and (max-width: 991px) {
/*Menu*/
.header-navigation-area {display: none;}
.mobile-menu-trigger {display: block;}
}
.headNavContact{ display: flex; margin-top: 30px; justify-content: end;  }
.headMailCall, .headMail, .headCall { display: flex;}
.headMailCall{ width:100%; justify-content: end;}
.headMenu{flex-direction: row;display: flex;  width:100%; justify-content: end;}
.headMail{ margin-right: 20px;}
.headLink{ display: flex; flex-direction: column; margin-left: 15px;}
.headLink span{ font-size: 14px; color:#7A8CA1; font-family: 'poppinsmedium'; margin-bottom: 2px;}
.headLink a{ color:#223645; font-size: 17px;  font-family: 'poppinssemibold';}
.headLink a:hover{ color:#9A57A4;}
.headLinkIcon{ background: #FDF0FF; width: 56px; height: 56px; border-radius: 100px; line-height: 56px; text-align: center;}

/***============ slider area ============***/
.slider_section{ margin-top: 50px; position: relative;}
.slider_section .carousel-caption{ text-align: left; padding-top: 0;   position: absolute;top: 58%;left: 15%;-ms-transform: translate(0%, -50%);transform: translate(0%, -50%);}
.slider_section .carousel-caption span{font-size: 30px;}
.slider_section .carousel-caption h1{ margin-top: 10px; line-height: 95px; width: 50%; color: var(--text-white);}
.slider_section .carousel-caption p{ font-size: 24px; color: var(--text-white); font-family: var(--secondary-font-family-light); width: 50%; margin-bottom: 40px;}
.slider_section .carousel-indicators{margin-bottom: 3rem;}
.slider_section .carousel-control-next-icon, .slider_section .carousel-control-prev-icon{ margin-top: 60px;}
.slider_section .primary_btn{font-size: 19px; padding: 13px 40px;}
.slider_section .primary_btn:hover{ padding: 13px 37px 13px 43px;}

.slider_section .carousel-indicators{  top: 50%;right: 0;transform: translate(0%, -50%);z-index: 9999;display: flex;flex-direction: column; align-items: center; left: auto;margin-right: 25px;margin-left: 0;}
.slider_section .carousel-indicators button{border-radius: 50px !important;border: none; width:12px; height: 12px; position: relative; margin: 10px 0; flex-shrink: 0; }
.slider_section .carousel-indicators button.active{ border:solid 1px var(--primary-color-hover) !important; background: var(--primary-color-hover) !important;}

.carousel-indicators button:not(.active) {opacity: 1;}
.carousel-indicators button::before {position: absolute;content: "";border: solid 1px rgba(255,255,255,.6);width: 26px;height: 26px;left: -7px;top: -7px;border-radius: 100px;}
.carousel-indicators button.active::before { border:solid 1px #EEA335 !important;}
.carousel-control-next, .carousel-control-prev{ display: none;}
.animated {-webkit-animation-duration: 2s;animation-duration: 2s;-webkit-animation-fill-mode: both;animation-fill-mode: both}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0)
  }
  to {
    opacity: 1;-webkit-transform: none;transform: none
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0)
  }
  to {
    opacity: 1;-webkit-transform: none;transform: none
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;animation-name: fadeInUp
}


/***============ 3 items ============***/
.items3_section{ padding-top: 30px; overflow-x: hidden;}
.specialitem-block{ position: relative; overflow: hidden; }
.specialitem-block-img{-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.specialitem-block:hover .specialitem-block-img{transform: scale(1.1); }
.specialitem-block-bottom{ position: absolute; bottom: 0; left: 0; padding: 15px; width: 100%; z-index: 9; display: flex; justify-content: space-between; align-items: center; }
.specialitem-block-bottom-left span{ font-size: 30px; color: var(--text-white); font-family: var(--primary-font-family); font-weight: 600; }
.specialitem-block-bottom-left p{ font-size: 21px; color: var(--primary-color);   font-family: var(--secondary-font-family); }
.view-all-white{ font-size: 16px; background: var(--bg-white); color: var(--text-black); padding: 13px 20px; text-transform: uppercase; font-family: var(--secondary-font-family-semibold); -moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.view-all-white:hover{ padding: 13px 17px 13px 23px; }

/* Shine */
.hovereffect figure {position: relative;}
.hovereffect figure::before {position: absolute;top: 0;left: -75%;z-index: 999;display: block;content: '';width: 50%;height: 100%;background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);-webkit-transform: skewX(-25deg);transform: skewX(-25deg);}
.hovereffect figure:hover::before {-webkit-animation: shine .75s;animation: shine .75s;}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}
figure {width: 100%;height: 100%;margin: 0;padding: 0;background: #fff;overflow: hidden;}
figure:hover+span {bottom: -36px;opacity: 1;}



/***============ categories ============***/
.title-main{ text-align: center;}
.star-bottom{ position: relative;}
.star-bottom::after{ position: absolute; content: ''; background: url("../images/star-border.svg") no-repeat; height: 16px; width: 176px; bottom: -30px;   top: auto;left: 50%;transform: translate(-50%, 0%); }
.title-main p, .title-main-left p{ font-size: 24px; margin-top: 50px; font-family: var(--secondary-font-family-light); }
.categories-image{border-radius: 100%; overflow: hidden; margin-bottom: 15px;}
.categories-image img{ width: 100%;}
.categories-block{ padding: 20px; text-align: center;}
.categories-block a{ font-size: 24px; font-family: var(--secondary-font-family-medium); color: var(--secondary-color);  }
.categories-image, .categories-image img{-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.categories-block:hover .categories-image { border:solid 10px var(--primary-color); box-shadow: 0px 0px 70px 0px rgba(246,161,33,0.3);
-webkit-box-shadow: 0px 0px 70px 0px rgba(246,161,33,0.3);
-moz-box-shadow: 0px 0px 70px 0px rgba(246,161,33,0.3); }
.categories-block:hover .categories-image img{transform: scale(1.1); }
.hovereffectcircle figure {position: relative;}
.hovereffectcircle figure::before {position: absolute;top: 50%;left: 50%;z-index: 2;display: block;content: '';width: 0;height: 0;background: rgba(255,255,255,.2);border-radius: 100%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);opacity: 0;}
.hovereffectcircle figure:hover::before {
	-webkit-animation: circle .75s;
	animation: circle .75s;
}
@-webkit-keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}
@keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}

/***============ Trendy products ============***/
.product-card{ background: var(--bg-white); border:solid 1px transparent; -moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; }
.product-card:hover{border:solid 1px var(--primary-color); box-shadow: 0px 0px 30px 0px rgba(246,161,33,0.2);
-webkit-box-shadow: 0px 0px 30px 0px rgba(246,161,33,0.2);
-moz-box-shadow: 0px 0px 30px 0px rgba(246,161,33,0.2); }

.product-name{    overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 2; /* number of lines to show */
           line-clamp: 2; 
   -webkit-box-orient: vertical; margin-bottom: 5px; }

.product-content{ padding: 20px; min-height: 140px;}
.product-name a{ font-size: 19px; color: var(--secondary-color); font-family: var(--secondary-font-family); line-height: 26px; }
.product-name a:hover{ color: #cf7b00;}
.product-star{ display: block; margin-bottom: 15px;}

.product-oldamount{ font-size: 18px; font-family: var(--secondary-font-family); text-decoration: line-through; color: var(--text-sub-color); }
.product-amount{ font-size: 22px; font-family: var(--secondary-font-family-medium); }
.product-image{ position: relative; overflow: hidden;}
.product-status{ position: absolute; right: 10px; top: 10px; z-index: 9;}
.sale-product, .soldout-product{ padding: 5px 12px; display: inline-block; border-radius: 100px; font-size: 14px; font-family: var(--secondary-font-family-medium); color: var(--text-white); }

.sale-product{ background: var(--bg-green);}
.soldout-product{ background: var(--bg-red);}
.product-image img{ height: 300px;
  object-fit: cover;
  object-position: center;    -moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; }
.product-card:hover .product-image img {transform: scale(1.1);}
.cart-image-over{ position: absolute; background: rgba(0,0,0,.2) ; width: 100%; z-index: 99;height: 100%;   top: 50%;left: 50%;transform: translate(-50%, -50%);    }
.cart-image-over-cta{  display: flex;align-items: center;justify-content: center; height: 100%;}
.product-card .cart-image-over{ height: 0; -moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;  }
.product-card .cart-image-over a{ opacity: 0;}
.product-card:hover .cart-image-over{ height: 100%;}
.product-card:hover .cart-image-over a{ opacity: 1;}
.product-card { margin: 30px 0 0 0; display: flex;flex-direction: column;   }
.addtocart-sm{ display: none;}
.primary_btn img{ margin-top: -5px;}
.product-image .primary_btn img{ height: auto;}
.viewllcollection-btn{ margin-top: 65px;}
.trendy-collection-section{ background: var(--primary-bg-light); margin-top: 90px; padding-bottom: 90px; }
.trendyTab { margin-top: 35px;}
.commonTab .nav-link{ color:var(--text-sub-color); background: var(--bg-white); margin: 0 5px;  font-size: 20px; font-family: var(--secondary-font-family-medium) ;  padding: 15px 25px; border-radius: 0;}
.commonTab .nav-link.active{ background: var(--secondary-color); color: var(--text-white); }

.trendyTab .nav-pills{ display: flex; justify-content: center;}


/***============ inspired style ============***/
.inspiredstyle_section{ background: url(../images/inspired-bg.jpg) no-repeat right top;}
.inspiredstyle_section h2{ font-size: 60px; line-height: 85px;}
.inspiredstyle_section h2 span{ color: var(--primary-color);}
.text-primary { color: var(--primary-color) !important;}

.inspired-card{ position: relative;}
.inspired-text{ position: absolute; background: var(--bg-white); padding: 20px; right: 50px; bottom: 0; font-size: 30px; z-index: 9; }

.inspired-text span{ font-family: var(--secondary-font-family-light); display: block;}
.inspired-card a .inspired-text { color:var(--text-black);}
.inspired-card a span.text-primary{ color:var(--primary-color);}
.inspired-block{ margin-top: 60px;}

.inspired-img{ overflow: hidden;}
.inspired-img img{-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.inspired-card:hover .inspired-img img{transform: scale(1.1);}

/***============ accessories style ============***/
.accessories_section{ margin-top: 50px; background: url("../images/accessories-bg.jpg") no-repeat; background-position: right bottom; padding-bottom: 100px;  }
.title-main-left{ text-align: left; position: relative;}
.title-main-left .star-bottom::after{ left: 0; transform: translate(0%, 0%); }

.accessories_section .owl-carousel .owl-nav, .our_industries_section .owl-carousel .owl-nav.disabled{ display: block;position: absolute;right: 15.5%;top: -93px; width:auto;}
.accessories_section .owl-carousel .owl-nav button span{display:none;}
.accessories_section .owl-carousel .owl-nav button.owl-prev{ background: url("../images/arrow_lft.svg") no-repeat; width:61px; height:61px;    }
.accessories_section .owl-carousel .owl-nav button.owl-next{background: url("../images/arrow_rgt.svg") no-repeat; width:61px; height:61px;margin-left: 15px;}
.accessories_section .owl-carousel .owl-nav button, .our_industries_section .owl-carousel .owl-nav button:active, .our_industries_section .owl-carousel .owl-nav button:focus{ border:none !important; outline: none !important;}
.accessories_section .owl-carousel .owl-nav button{opacity:.8;}
.accessories_section .owl-carousel .owl-nav button:hover{opacity:1;}

.accessories_section .owl-carousel .owl-nav, .accessories_section .owl-carousel .owl-nav.disabled {
  display: block;
  position: absolute;
  right: 15.5%;
  top: -150px;
  width: auto;
}

.accessories_carousel .owl-stage .owl-item:nth-child(odd) {
  margin-top: 75px;
}  

.accessories_carousel{ margin-top: 70px;}
.accessories_boxinner{ text-align: center;}
.accessories_boxinner a{ font-size: 24px; font-family: var(--secondary-font-family-medium); color: var(--secondary-color);  }
.accessories_name { display: block; margin-top: 15px;}
.accessories_boxinner figure{ overflow: hidden;}

figure img {-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.accessories_boxinner:hover figure img{transform: scale(1.1);}


/***============ footer top============***/
.footer-top{ background: var(--secondary-color); padding: 40px 0; }
.features-sec{ display: flex; flex-direction: row; justify-content: space-between;}
.features-block{ display: flex; align-items: center; }
.features-text { color: #A7B9B3; padding-left: 15px; font-size: 17px; }
.features-text span { color: var(--text-white); display: block; font-family: var(--secondary-font-family-medium); font-size: 20px;  }

/***============ footer jewellery============***/
.footer-jewellery{ text-align: center; padding: 40px 0;}
.footer-jewellery ul li{ display: inline-block; border-right:solid 1px var(--text-sub-color); }
.footer-jewellery ul li:last-child{ border: none;}
.footer-jewellery ul li a{ padding: 0 30px; color: var(--secondary-color); }
.footer-jewellery ul li a:hover{ color: var(--secondary-color);}


/***============ scroll to top ============***/
.buttonscroll {display: inline-block;background: #469076;width: 50px;height: 50px;text-align: center;border-radius: 50%;position: absolute;padding: 0;bottom: 25%;right: 50px;transition: background-color .3s, opacity .5s, visibility .5s;border: 0;z-index: 1000;  line-height: 55px;
font-size: 30px; color: #fff;}
.buttonscroll:hover{top: 35px; cursor:pointer;}
.buttonscroll img {max-width: 100%}
/***============ footer ============***/

.footer-end{ background: #F5F2E9; padding-top: 65px;}
footer {position: relative;z-index: 1}
footer h6 {font-size: 24px; color: var(--text-black);  margin-bottom: 30px; padding-top: 25px;   font-family: var(--primary-font-family); font-weight: 600;}
footer .foot_abt p {color: var(--text-body);line-height: 30px;font-size: 16px; padding-right: 50px;}
footer .foot_address p {padding-left: 30px;font-size: 17px;color:var(--text-body);line-height: 30px}
footer .foot_address p a {padding-left: 0;display: inline-block; color:var(--text-body);}
footer .foot_address p.address-footer {background: url( "../images/f_location.svg") no-repeat}
footer .foot_address p.phone-footer {background: url( "../images/phone-number.svg") no-repeat}
footer .foot_address a {padding-left: 30px;font-size: 17px;display: block;color:var(--text-body); line-height: 1.8}
footer .foot_address a:hover{color:var(--primary-color); }
footer .foot_address a.email-footer {background: url( "../images/email.svg") no-repeat;background-position: left center}
footer .foot_address a.email-footer:hover{filter: brightness(0) saturate(100%) invert(72%) sepia(94%) saturate(1183%) hue-rotate(336deg) brightness(100%) contrast(87%);}
a.email-footer{ display: inline-block !important;}
.f_quicklinks ul li{ padding-bottom: 10px; font-size: 16px; line-height: 30px;}
.f_quicklinks ul li a{color:var(--text-body);}
.f_quicklinks ul li a:hover{color:var(--primary-color);}
.social-footer{ margin-top: 30px; }
.social-footer h6{ display: block; margin-bottom: 15px;}
.social-footer a{ padding-left: 0 !important; margin-right: 15px;}
.social-footer-icons{ display: flex;}
.foot_about{ width: 35%;}
.foot_accesspries, .foot_quicklink{ width: 20%; }
.foot_address{ width: 25%;}
.foot_about p{ margin-bottom: 20px;}

/***footer bottom block***/
footer .footer-bottom { border-top: solid 1px var(--border-color);  padding: 30px 0;margin-top: 100px;}
footer .footer-bottom p {margin: 0;color: var(--text-body);font-size: 15px}


.enquiry{ position: fixed; z-index: 99; right:10px;  }
.enquiry img{ width:110px;}
.enquiryBtn{ display: none;}
.object {animation: MoveUpDown 1s linear infinite;bottom: 0;}
@keyframes MoveUpDown {
  0%, 100% {
    bottom: 0;
  }
  50% {
    bottom: 20px;
  }
}
.social-banner {position: fixed;bottom: 50px;right: 10px;z-index: 99; display: flex; flex-direction: column;}
.whats-top{ margin-bottom: 15px;}
.fixed-top{z-index: 99999;}


.fixed-top.shrink, .logo, .logo img, .headNavContact, .header-top, .profile-block button, .cart-block button, .profile-block button img, .cart-block button img 
{-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}

.logo img{ height: 201px;}
.fixed-top.shrink {height: 130px;}
.fixed-top.shrink .logo img{ height: 150px;}
.fixed-top.shrink .headNavContact{ margin-top: 15px;}
.fixed-top.shrink .header-top{ padding: 5px;}
.fixed-top.shrink .profile-block button, .fixed-top.shrink .cart-block button{ width: 48px; height: 48px;}
.fixed-top.shrink .profile-block button img, .fixed-top.shrink .cart-block button img{ height: 28px;}

/***============ Product Listing Page ============***/

.product-listing-section .product-card{ margin: 0 0 30px 0; }
.pagination .page-item .page-link{ border-radius: 100px; color: var(--text-sub-color); border: solid 1px var(--border-dark-color); margin: 0 2px;
  width: 36px;
  height: 36px;
  line-height: 36px;
  padding: 0;
  text-align: center; }
.pagination .page-item.active .page-link{ background: var(--primary-color); color: var(--text-black); border: solid 1px var(--primary-color); }
.pagination-wrapper{ margin-top: 15px;}

/***============ About Us Page ============***/
.innersec_padding{ padding: 75px 0;}
.innerBannner .carousel-item{ height: 400px; background-size: cover;}
.innerBannner .carousel-caption h1{ font-size: 42px; line-height: 65px; font-family: 'poppinssemibold'; }
.breadcrumbarea{  font-size: 16px;}
.breadcrumb-item.active{color: #3BB44A;}
.breadcrumb-item a{ color:#969AA8;}
.breadcrumb-item a:hover{ color:#fff;}
.breadcrumb-item + .breadcrumb-item::before{ content: "/"; color:#969AA8; }
.aboutSubAreaContent{ background: rgba(236,236,252,.5);  padding: 30px; display: flex; margin-top: 65px;}
.abtLogo{ display: block; margin-bottom: 15px;}
.hilightTxt{ color:#9A57A4; font-size: 22px; font-family: 'poppinssemibold'; line-height: 38px; margin-bottom: 15px; display: block; }
.aboutSubAreaContentLeft{ padding-right: 30px;}
.aboutSubAreaContentRight img{margin-bottom: -120px; margin-top: 50px;}
.shapesBoth{ background: url("../images/logoLight.svg"), url("../images/rotateLight.svg"); background-position: left -50px bottom 250px, right 10px bottom 30px; background-repeat: no-repeat, no-repeat;}
.shapesSingleLeft{ background: url("../images/logoLight.svg"); background-position: left -50px bottom 250px; background-repeat: no-repeat;}
.shapesSingleRight{ background: url("../images/rotateLight.svg"); background-position: right 10px bottom 30px; background-repeat:no-repeat;}

/***============ About Us Page - vision misison ============***/
.aboutVisionMission{   margin-top: 150px;}
.visionmissionBlock img{ border:solid 5px #fff;}
.visionmissionBlock:hover img{ border:solid 5px #f7defb; border-radius:100px ;}
.cardBlcok{box-shadow: 0px 2px 35px 0px rgba(38,42,65,.08); padding: 25px; border-radius: 6px; background: #fff;}

/***============ Service Page ============***/
.ourservicesPage_section{ padding-top: 0;}
.texthilightPrime{color:#3BB44A; font-size: 24px; font-family: 'poppinssemibold'; line-height: 38px; margin-bottom: 15px; display: block;}
.ourservicesSafety_section{ padding-bottom: 90px;}

/***============ slideFirst Page ============***/
.slideFirstPage_section{ padding-bottom: 75px;}
.slideFirstPage_section .slideFirst_block{ padding: 0; margin-bottom: 50px;}

/***============ slideFirst Details Page ============***/
.flex_sec {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap !important;flex-wrap: wrap !important; /*align-items: center !important;*/ padding: 0 0 40px 0; align-items: start;}
.flex_image_div {-ms-flex:0 0 30%;flex:0 0 30%;max-width:30%; /*overflow: hidden;*/ position: relative;}
.flex_content_div {padding:0 30px 0 0px;-ms-flex:0 0 70%;flex:0 0 70%;max-width:70%; position: inherit;z-index: 99; padding-left: 30px;}
.pro_block_section:nth-child(2n) {-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important;}
.pro_block_section:nth-child(2n) .flex_content_div {padding-left:0%;padding-left:0px}
.pro_block_section:nth-child(2n) .flex_content_div .dining_content{ margin-left: auto; margin-right: -96px;border-radius: 125px 7px 7px 7px;}
.flex_sec, .flex_sec .flex_image_div span{ position: relative; display: flex;} 
.slideFirstPageDeatil_section{ padding-bottom: 90px;}
.slideFirstPageDeatil_section.innersec_padding{ padding-top: 35px;}
.commonListing h5{ margin-bottom: 15px; font-size: 20px;}
.commonListing ul{ margin-bottom: 15px;}
.commonListing ul li{ list-style: none; font-size: 16px; color:#626971; background: url("../images/list-dot.svg") no-repeat; padding-left: 20px; line-height: 26px;   background-position: left 0 top 5px; margin-bottom: 5px;}
.slideFirstPageDeatil_section ul{ margin-top: 10px; margin-bottom: 20px;}

/***============ slideSecond Page ============***/
.slideSecondPage_section{padding-bottom: 90px; padding-top: 0;}
.slideSecondPage_section .slideSecond_block{ margin-bottom: 20px;}
.gallTabHead {display: flex;justify-content: center;margin-top: -35px;z-index: 999;position: sticky;}
.gallTabHead .nav-pills .nav-item{ margin-top: 0;}

.gallTabHead .nav-pills { background: #fff;box-shadow: 0px 2px 35px 0px rgba(38,42,65,.25);padding: 10px;border-radius: 100px;}

/***detail***/
.slideSecondDeatil_section{ padding-bottom: 90px;}
.slideSecondDeatil_section h3{ margin-bottom: 30px;}
.stickyTop{position: -webkit-sticky;position: sticky;top: 200px;}



/***============ Contact Page ============***/
.contactOptions{ display: flex; margin:35px 0 70px 0;}
.contAddress, .contCall, .contEmail, .contWorkinghour{ display:flex; flex-direction: column; width:25%; text-align: center; padding: 10px; }
.contAddress{ background:#3BB44A ;}
.contCall{ background:#50B95D ;}
.contEmail{ background:#9A57A4 ;}
.contWorkinghour{ background:#A455B0 ;}
.contactOptions p{color:#fff; font-size: 18px; line-height: 30px;}
b, strong{font-family: var(--secondary-font-family-semibold); font-weight: initial;}
.contCall a, .contEmail a{ display: flex;height: 100%;color: #fff;flex-direction: column;}
.contEmail:hover{background:#b05abd ;}
.contCall:hover {background: #37c748;}
.contactformTitle{ text-align: center; padding-bottom: 50px;}
.contactformTitle span{color:#64748B;}
.contactForm{ display: flex; box-shadow: 0px 2px 40px 0px rgba(38,42,65,.1); position: relative;}
.contactFormRight{ padding: 75px; position: initial;z-index: 9;background: #fff;}
.contactForm:before{ content: ''; position: absolute; background: url("../images/circleDotted.png") no-repeat; width:155px; height: 155px; right:-65px; top:-60px;}
.formGroup{ margin-bottom: 20px;}
.formGroup .form-label{ margin-bottom: 5px; font-size: 14px; color: #777;}
.form-control{ border-width: 0 0 1px 0; border-radius: 0;  padding-left: 0;}
.form-control:active, .form-control:focus{ box-shadow: none;}
.form-control:focus{border-color: #9A57A4; border-width: 0 0 2px 0;}
.submitBtn{ margin-top: 40px; display: block;}
.submitBtn button{padding: 15px 25px;}
button:focus:not(:focus-visible){ box-shadow: none;}
.locationMap{ margin-top: 100px; background: #19191b;}

/***============ Terms & Conditions Page ============***/
.termsConditionsPage-section{ padding-bottom: 90px;}
.termsConditionsPage-section h3{ font-size: 28px;}
.termsConditionsPage-section h4{ font-size: 24px;}
.termsConditionsPage-section h5{ font-size: 22px;}
.termsConditionsPage-section h6{ font-size: 20px;}

/***============ 404 ============***/
.pagenotfound-section{ padding-top: 250px; padding-bottom: 90px; text-align: center;}
.pagenotFound{ padding-bottom: 75px;}
.pagenotFound img{ display: block; margin: 0 auto;}
.pagenotFound .secondary_btn{ font-size: 16px;}



/***transitions***/
.slideFirst_block:hover .round_btn, .slideFirst_block:hover .slideFirst_contents, 
.slideFirst_block, .slideFirst_block:hover .slideFirst_title, 
.slideFirst_block:hover p, 
.slideSecond_blockinner img, .slideSecond_title, 
.buttonscroll, .slideFirst_img img,
.ourServiceList ul li img, .primary_btn, .secondary_btn, .white_btn, .white_line_btn, .line_btn, .enquiryBtn, .visionmissionBlock img, .contEmail
{-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}

.bannerDownarrow{ position: absolute;bottom: 60px; left: 15px; width: auto; text-align: center; background: #469076; top: auto; z-index: 99; width:50px; height: 50px; border-radius: 100px; line-height: 50px; font-size: 30px;}
.bannerDownarrow button{ background: none; border:none; color:#fff;}

/***modal***/
.modal-backdrop.show{--bs-backdrop-bg: #020911; --bs-backdrop-opacity: 0.90;}
.popupEnquiry.contactForm::before{ display: none;}
.popupEnquiry{ box-shadow: none;}
.modalEnquiry .modal-content{padding: 25px 35px 30px 35px;}
.modalEnquiry .modal-header{ padding-top: 5px; margin-bottom: 15px; padding-left: 0; padding-right: 0; flex-direction: column; align-items: start;}
.modalEnquiry .modal-header p{ font-size: 16px; margin: 0; color: #677077;}
.modalEnquiry .modal-body{ padding-left: 0; padding-right: 0; padding-bottom: 0;}
.modal.modal-static .modal-dialog{ transform: scale(1) !important; }
.modalEnquiry .btn-close{ background-size: 15px; padding-right: 0 !important; position: absolute;right: 30px;top: 30px; padding: 0;}

/***============ Product listing ============***/

.innerBannner .carousel-item {height: 300px;background-repeat: no-repeat !important;background-size: cover !important;}
.innerBannner{ margin-top: 175px;}
.innerBannner .carousel-caption {display: flex !important;align-items: center;flex-direction: column;justify-content: center; top: auto !important; bottom: 0;height: 100%;transform: none !important;position: absolute;width: 100%;left: auto !important;right: auto !important;padding-bottom: 0;}
.innerBannner .carousel-caption h1{ font-size: 45px; line-height: 60px; margin-bottom: 10px; text-align: center !important;width: 100%; margin-top: 0;  }
.breadcrumbarea{  font-size: 18px; display: flex !important;justify-content: center !important;align-items: center;width: 100%;}
.breadcrumbarea .breadcrumb{ margin-bottom: 0; font-size: 17px;  font-family: var(--secondary-font-family);display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}
.breadcrumb-item a{color: var(--text-white);}
.breadcrumb-item.active{color: var(--primary-color-hover);}
.breadcrumb-item a:hover{ color:var(--text-white); text-decoration: underline; }
.breadcrumb-item + .breadcrumb-item::before{ content: "/"; color:var(--text-white); margin: 0 8px;}
.slider_section .breadcrumb-item span{ font-size: 17px;}
.inner_padding{ padding: 50px 0; }
.product-list-head{ display: flex; justify-content: space-between; }
.filter-sort-right, .filter-select, .filter-select-inner, .sort-select{ display: flex; align-items: center; }
.filter-sort-right span{ font-size: 16px; margin-right: 10px;}
.filter-select{ margin-right: 20px;}
.filter-select-inner{ gap: 10px;}

.filter-sort-right .form-select{ min-width:150px ; min-height: 50px;}


/***============ Product detail ============***/

.sticky_div {position: sticky;top: 200px;}
/* Slider CSS Start  */
.thumbnail_slider {overflow: hidden;}
.splide__slide {display: flex;justify-content: center;align-items: center;height: 450px;width: 100%;overflow: hidden;/* transition: .2s; */border-width: 2px !important;margin: 10px 4px;}
.splide--nav > .splide__track > .splide__list > .splide__slide.is-active {box-shadow: 2px 3px 8px #000000a3;}
.splide, .splide__list{ overflow: hidden;}
.splide__slide img {width: auto;height: auto;margin: auto;display: block;max-width: 100%;max-height: 100%;}
.splide__arrow svg {width: .75em !important;height: .75em !important;}
.splide__arrow {width: 1.5em !important;height: 1.5em !important;}

/* Slider CSS End  */


.detail-title{ font-family: var(--secondary-font-family-medium); font-size: 36px; font-weight: normal; }
.product-status-detail{ display: flex; justify-content: space-between; align-items: center;}
.share-option a{ color: var(--text-body); font-size: 17px; }

.form-check-input:checked {
  background-color: var(--primary-color);
  border-color: var(--primary-color) ;
}

.form-check-input{width: 1.25em;
  height: 1.25em; border-color:  var(--text-sub-color) ; }
  .form-check-input:focus{ box-shadow: none; border-color:  var(--text-sub-color) ;}

  /* Chrome, Safari, Edge, Opera */
.quantity-wrapper input::-webkit-outer-spin-button,
.quantity-wrapper input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
  border: 0;
  box-shadow: none !important;
  outline: none !important;
}

/* Firefox */
.quantity-wrapper input[type="number"] {
  -moz-appearance: textfield;
  border: 0;
  box-shadow: none !important;
  outline: none !important;
}
.quantity-wrapper button,
.quantity-wrapper button:hover,
.quantity-wrapper button:focus,
.quantity-wrapper button:active {
  background: transparent;
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  padding: 5px 20px;
}

.product-star-rating{ display: flex; align-items: center;}
.product-star-rating a{ color: var(--text-sub-color); margin-left: 5px; font-size: 17px;}
.product-star-rating a:hover{ text-decoration: underline; color: var(--text-body);}
.product-code{ color: var(--text-body);}
.product-detail-content{ padding-left: 30px;}

.product-detail-content .product-amount{ font-size: 26px; font-family: var(--secondary-font-family-semibold); margin: 10px 0; }
.product-detail-content .product-amount .product-oldamount{ font-size: 20px ; font-family: var(--secondary-font-family);}

.product-shipping{ margin: 15px 0; font-size: 17px; color: var(--text-sub-color); display: block; }
.product-shipping a{ text-decoration: underline; color: var(--secondary-color);}

.frequently-bought-together{ padding: 25px; background: var(--primary-bg-ex-light); margin-top: 20px; }
.frequently-bought-together h6{ font-size: 18px; font-family: var(--secondary-font-family-medium); margin-bottom: 25px; }

.frequently-bought-product{ display: flex; align-items: center; gap: 15px; padding-bottom: 15px; }
.frequently-bought-product-data{ display: flex; flex-direction: column; font-size: 17px; }
.frequently-bought-product-data b{ font-family: var(--secondary-font-family-medium);}
.frequently-bought-product-img img{ height: 70px;}

.quantity-addtocart-top{ display: flex; width: 70%; justify-content: space-between;}
.buyit{width: 70%; margin-top: 25px;}
.buyit .secondary_btn{ width: 100%; }
.buyit .secondary_btn:disabled, .buyit .secondary_btn[disabled]{opacity: 0.5; cursor: not-allowed; pointer-events: none; background: transparent !important; color: #999 !important; border-color: #999 !important;}
.buyit .secondary_btn.disabled{opacity: 0.5; cursor: not-allowed; pointer-events: none; background: transparent !important; color: #999 !important; border-color: #999 !important;}
.quantity-wrapper .input-group{ border: solid 1px var(--border-dark-color); height: 53px;}
.quantity-addtocart-top .primary_btn{ width: 65%;}

.quantity-addtocart{ margin: 25px 0;}

.product-all-details-tab{ margin-top: 50px;}


.product-all-details-tab .nav.nav-pills{ border-bottom: solid 1px var(--border-color); display: flex; justify-content: center; margin-bottom: 20px !important; }

.product-all-details-tab .nav-link{ font-size: 20px; color: var(--text-sub-color); font-family: var(--secondary-font-family-medium); border-bottom: solid 3px transparent; border-radius: 0; }
.product-all-details-tab .nav-pills .nav-link.active, .product-all-details-tab .nav-pills .show > .nav-link {
  color: var(--primary-color);
  background: none;
}

.product-all-details-tab .nav-pills .nav-link.active{ border-bottom: solid 3px var(--primary-color);}











.you-mayalso-like{
  background: var(--primary-bg-light) ; padding: 65px 0; margin-top: 65px;
}




.you-mayalso-like .owl-carousel .owl-nav, .our_industries_section .owl-carousel .owl-nav.disabled{ display: block;position: absolute;right: 0;top: -55px; width:auto;}
.you-mayalso-like .owl-carousel .owl-nav button span{display:none;}
.you-mayalso-like .owl-carousel .owl-nav button.owl-prev{ background: url("../images/arrow-left-sm.svg") no-repeat; width:43px; height:43px;    }
.you-mayalso-like .owl-carousel .owl-nav button.owl-next{background: url("../images/arrow-right-sm.svg") no-repeat; width:43px; height:43px;margin-left: 10px;}
.you-mayalso-like .owl-carousel .owl-nav button{ border:none !important; outline: none !important;}
.you-mayalso-like .owl-carousel .owl-nav button{opacity:.8;}
.you-mayalso-like .owl-carousel .owl-nav button:hover{opacity:1;}

.owl-carousel.similarproduct_carousel .owl-item img{ width: auto !important;}

.you-mayalso-like .owl-carousel .owl-nav, .you-mayalso-like .owl-carousel .owl-nav.disabled {
  display: block;
  position: absolute;
right: 0;
  width: auto;
}



  .gallery-container { width:100%; 
    background:#fff; border-radius:8px; box-shadow:0 10px 30px rgba(0,0,0,.08); overflow:hidden; }

  /* MAIN IMAGE WRAPPER (uses background-image for zoom) */
  .main-image-wrapper {
    height: 480px;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;              /* default view */
    transition: background-size .25s ease, background-position .05s linear;
    cursor: zoom-in;
    position: relative;
    overflow: hidden;
  }
  /* optional crosshair-like hint (small) */
  .main-image-wrapper::after{
    content: "";
    position: absolute; inset: 0;
    pointer-events: none;
  }

  /* THUMBNAILS (bottom) */
  .thumbnails-wrapper {
    display:flex;
    align-items:center;
    gap:10px;
    padding:12px;
    background:#111;
  }
  .arrow {
    background: rgba(255,255,255,0.06);
    border: none;
    color:#fff;
    padding:8px 10px;
    font-size:20px;
    border-radius:6px;
    cursor:pointer;
    user-select:none;
    display: block !important;
  }
  .thumbnails {
    display:flex;
    gap:10px;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    flex:1 1 auto;
  }
  .thumbnails::-webkit-scrollbar{ display: none; }
  .thumbnails img {
    height:72px;
    width:110px;
    object-fit:cover;
    border-radius:6px;
    border:2px solid transparent;
    cursor:pointer;
    display:block;
  }
  .thumbnails img.active { border-color:#f39c12; transform: scale(1.02); }

  /* disable hover zoom on small screens (touch devices) */
  @media (max-width:900px) {
    .main-image-wrapper { height: 320px; }
    .main-image-wrapper { cursor: default; }
  }




/***============ Modal ============***/

  .modal-backdrop{z-index: 99999;}
  .modal{z-index: 999999}
  .login-modal-title, .register-modal-title{ font-family: var(--secondary-font-family-medium) !important; }

  .dropdown-item.active, .dropdown-item:active{ background: var(--primary-color); color: var(--text-black); }