@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;500;600;700;800;900;1000&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Rajdhani:wght@300;400;500;600;700&display=swap');
body{ padding:0; margin:0; font-family: "Nunito", sans-serif; /*font-family: 'Work Sans', sans-serif;*/ font-weight:1,400;}
body.offcanvas-active{overflow:hidden;}
a {outline:none !important; text-decoration:none;
-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition:all .4s ease-in-out;}
a:hover, a:focus, select:focus, button:focus,.btn:focus,btn.focus { outline:none; text-decoration:none; box-shadow:none;}
* { margin:0; padding:0;}
img { border:none; vertical-align:middle; max-width:100%;}
li{ list-style:none;}
h1, h2, h3, h4, h5, h6{ outline:none !important; clear:both; padding:0; margin:0;}
input[type="text"], select, textarea, button{ outline:none !important;}
input[type="text"], textarea, select{ -moz-appearance: none; -webkit-appearance: none;}
.float-right{float:right;}
.position-relative{position:relative;}
.error{color:#FF0000;}
.paddingnone{padding:0;}
.bordernone{ border:0 !important;}
.font09{font-size:0.9em;}
.font13{font-size:1.3em;}
.paddingtopbottom10{padding:10px 0;}
.margintop20{margin-top:20px;}
.marginbottom20{margin-bottom:20px;}
.marginbottom50{margin-bottom:50px;}
.titlecenter{width:auto; margin:0 auto;}
textarea:focus, input:focus{outline: none; outline: 0 !important; box-shadow:none !important;}
.forexample{font-size:0.8em;}
.head-search .input-lg, .head-search .btn-lg,
.cartcouponcode .input-lg, .cartcouponcode .btn-lg,
.subs_cribe .input-lg, .subs_cribe .btn-lg
{height:38px !important; line-height:15px; font-size:1em;}

.popuplogo img{max-height:40px;}
.textareaheight{min-height:200px;}
.border-right-radious-5{border-radius:0 5px 5px 0;}
.border-right-radious-15{border-radius:0 15px 15px 0;}
.border-left-radious-15{border-radius:15px 0 0 15px;}

.container{width:90%; max-width: 1410px; margin:0 auto; padding:0;}
.overflow-hidden{overflow:hidden;}


.btn-custom, a.btn-custom{ margin:0; height:40px; border:none; box-shadow:none; border-radius:5px; text-align:center; vertical-align: middle; padding:8px 30px !important;}
.btn-padding{padding:8px 15px !important;}
.btn-shopping-cart-padding{padding-right:5px!important;}


.btn-hover {display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0);
  -webkit-backface-visibility: hidden;  backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative;  -webkit-transition-property: color;
  transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s;}
.btn-hover:before { position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; -webkit-transform: scaleX(0);
  transform: scaleX(0); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.btn-hover:hover, .btn-hover:focus, .btn-hover:active {}
.btn-hover:hover:before, .btn-hover:focus:before, .btn-hover:active:before {border-radius:5px; -webkit-transform: scaleX(1);transform: scaleX(1);}

.btn-custom-inquiry-top{margin:0; /*height:42px;*/ text-transform:uppercase; border:none; box-shadow:none; border-radius:5px; text-align:center;}

.btns{ margin:0; padding: 12px 26px; border:none; color: #fff; background: #000; display: inline-flex; gap: 15px; align-items: center; text-transform: uppercase; overflow: hidden;-webkit-transition-duration: 0.3s; transition-duration: 0.3s;}
.btns i{ transition:transform .8s ease-in-out, opacity .3s ease-in-out; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; opacity:1;}
.btns:hover{ background: #000; color: #FFF; padding-left: 40px; padding-right: 12px;-webkit-transition-duration: 0.3s; transition-duration: 0.3s;}
.btns:hover i{ transform: translateX(100%); opacity:0;-webkit-transition-duration: 0.3s; transition-duration: 0.3s;}

.btns-refresh{ margin:0 0 0 10px; padding:8px 10px; font-size:16px; font-weight: 700; color: var(--white); background: var(--primary); border-radius:10px; position: relative; transition: all .4s ease-in-out; display: inline-block; border: none;}
.btns-refresh:hover,.btns-refresh:focus{ color: var(--white); background: var(--basecolor1);  transition: all .4s ease-in-out;}
.btns-refresh i{ transition: all .4s ease-in-out;}
.btns-refresh:hover i{transform: rotate(90deg); transition: all .4s ease-in-out;}

.form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: #ced4da;
  outline: 0;
  box-shadow: 0 0 0 0.1rem rgba(0, 123, 255, 0.5);
}


.title-line-before::before{display: inline-block; content: "";}
.title-line-after::after{display: inline-block; content: "";}
h2.section-title.title-line-before::before{width: 3rem; margin: 0 5px; padding:3px 0;}
h2.section-title.title-line-after::after{width: 3rem; margin: 0 5px; padding:3px 0;}

.title-line-before-sq{padding-left:20px;}
.title-line-before-sq:before{ position:absolute; display: inline-block; content:""; height:18px; width:10px; margin:0; padding:0; top:5px; left:0;}

.title-sm{font-size:1.3rem; font-weight:600; }
.title-innerpage{font-size:36px; font-weight:800; margin:0; padding:0; }
.global_title{font-size:36px; padding:10px 0; font-weight:800;}
h2.section-title{font-size:24px; text-align:center; position:relative; font-weight:600;}
h2.section-title.section-title-text-left{text-align:left !important;}

h3.section-title{font-size:26px; text-align:center; position:relative;}

/*======== Header ========*/
header{width:100%; padding: 0; margin:0; position:relative; top:0;}

/*======== Bottom Bar ========*/
/*.bottom_bar_mb{display:none;}
.bottom_bar_mb{width:100%; padding: 0; margin:0; position:fixed; bottom:0; z-index:99;}
.bottom_bar_mb .bottom_inn{width:100%;  margin: 0; padding:0; justify-content: space-between;}
.bottom_bar_mb .bottom_inn .nav_social{width:100%;  margin: 0; padding:0 10px; display: flex; gap:10px; justify-content: center;}
.bottom_bar_mb .bottom_inn .nav_social ul{ margin: 0; padding: 0;}
.bottom_bar_mb .bottom_inn .nav_social li{list-style:none; font-size:1em; text-align:center;}
.bottom_bar_mb .bottom_inn .nav_social li a{display: block;  align-items: center; justify-content: center;}
.bottom_bar_mb .bottom_inn .nav_social li i{width:100%; font-size:1.5em;  transition:all .4s ease-in-out;}
.bottom_bar_mb .bottom_inn .nav_social li a span{ padding: 0; margin:0;}
*/


.bottom_bar_mb{display:none;}
.bottom_bar_mb{width:100%; padding: 0; margin:0; position:fixed; bottom:0; z-index:99;}
.bottom_bar_mb .bottom_inn{width:100%;  margin: 0; padding:0; justify-content: space-between;}
.bottom_bar_mb .bottom_inn .nav_social{width:100%;  margin: 0; padding:0 10px; display: flex; gap:0px; justify-content: center;}
.bottom_bar_mb .bottom_inn .nav_social ul{ margin: 0; padding: 0;}
.bottom_bar_mb .bottom_inn .nav_social li{list-style:none; font-size:1em; text-align:center;}
.bottom_bar_mb .bottom_inn .nav_social li a{display: block; padding:20px 0;  align-items: center; justify-content: center;}
.bottom_bar_mb .bottom_inn .nav_social li i{width:100%; font-size:1.5em; padding:0; margin:0;  transition:all .4s ease-in-out;}
/*.bottom_bar_mb .bottom_inn .nav_social li a span, .bottom_bar_mb .bottom_inn .nav_social li a span{ width:100%; padding:0; margin:0; font-size:0.9em;}
.bottom_bar_mb .bottom_inn .nav_social li span.clstogglemenu{ float:left; width:100%; padding-top:5px;}
*/

.toggle-mb-bottom-wrap{position:relative; bottom:0; display:none;}
ul.toggle-mb-social{margin:20px 0 30px; padding:0; display:flex; width:100%;}
ul.toggle-mb-social li{ width:40px; height:40px; margin-right:10px !important; transition:all .4s ease-in-out;}
ul.toggle-mb-social li i{width:40px; height:40px; font-size:1.2em !important;  text-align:center !important; line-height:40px; transition:all .4s ease-in-out;}


/*======== Header Top Bar ========*/
header .top_bar{ margin: 0; padding: 0;}
header .top_inn{ margin: 0; padding: 7px 0; display:flex; gap:50px; justify-content: space-between;}
header .top_inn .top_bar_left{ margin: 0; padding: 0; display: flex; gap:10px; justify-content: center;}
header .top_inn .top_bar_left ul{ margin: 0; padding: 0;}
header .top_inn .top_bar_left li{ margin: 0; padding: 0; list-style:none; font-size:1em;}
header .top_inn .nav_social{ margin: 0; padding: 0; display: flex; gap:5px; justify-content: center;}
header .top_inn .nav_social ul{ margin: 0; padding: 0; display: flex;}
header .top_inn .nav_social li{ margin: 0; padding: 0; list-style:none; font-size:1em; height:26px; width:26px;  text-align:center;  transition:all .4s ease-in-out;}
header .top_inn .nav_social li i{font-size:1.3em !important; width:26px; height:26px; line-height:26px; text-align:center !important;  transition:all .4s ease-in-out;}
header .top_inn .nav_social li span{ margin-left:5px;}
header .top_inn .nav_social li.top_bar_call, header .top_inn .nav_social li.top_bar_email{display:none;}


/*======== Header Middle Bar ========*/
header .middle_bar{ margin:0; padding:15px 0;}
header .middle_inn{ margin: 0; padding: 7px 0; display:flex; height:80px; gap:50px; align-items: center; justify-content: space-between;}
header .middle_inn .head_logo{ margin:0; padding:0; display: flex; width:180px; gap:10px; justify-content: center; vertical-align:middle;}
header .middle_inn .head_logo .navbar_brand{max-width:100%; max-height:80px; margin-top: -10px;}
header .middle_inn .head_contact{margin:0; padding:0; display:flex; gap:0px; justify-content: center;}
header .middle_inn .head_contact .head_email, 
header .middle_inn .head_contact .head_call,
header .middle_inn .head_contact .head_inquiry{margin:0; padding:0; display:flex; gap:10px; justify-content: center;}
header .middle_inn .head_contact .head_email{padding-right:30px;}
header .middle_inn .head_contact .head_call{padding-left:30px;}
header .middle_inn .head_contact .head_inquiry{padding-left:30px;}
header .middle_inn .head_contact i{min-width: 20px;}
header .middle_inn .head_contact span{transition: all .4s ease-in-out; display: block;}


/*======== Navigation ========*/
header .dropdown-menu{ border-radius:0; box-shadow:0px 3px 8px rgba(0,0,0,0.1); border:none; }
header .dropdown-item{ padding:7px 30px 7px 20px; font-weight:500 !important;}
/*
.dropdown-submenu {position: relative;}
.dropdown-submenu a.submenulinkcls::after {content: "\f0da"; font-family:'FontAwesome';  position: absolute;  right: 6px;  top:50%; transform:translateY(-50%);  }
.dropdown-submenu .dropdown-menu {top: 0; left: 100%;  margin-left:0;  margin-right: .1rem;}
*/
.dropdown-submenu { position: relative;}
.dropdown-submenu a::after {transform: rotate(-90deg) !important;  position: absolute;  right: 6px !important;  top:18px !important;}
.dropdown-submenu .dropdown-menu {top: 0;  left: 100%;  margin-left: 0rem;  margin-right: .1rem;}

.navigation{ margin: 0; padding:0; display:flex; gap:50px; align-items: center; justify-content: space-between;}
.navigation .head_logo{display:none;}
.navigation .bottomborder{border-bottom:1px solid #e9e9e9;}
.navigation .navbar{ padding:0;}
.search_info_wrap_des{ display:inline;}
.search_info_wrap_mob{display:none;}
.navigation .search_info_wrap{position:absolute; height:100%; right:0; order:4;}
.navigation .search_info{width:100%; max-width:80%; height:100%; float:right; position:relative; }
.navigation .search_info .form-control{ width:400px; max-width:100%; height:80%; margin:6px 0; padding:0 35px 0 15px; border:none; border-radius:5px; font-size:1em;}

.navigation .search_info button{ position:absolute; right:10px; top:50%; transform:translateY(-50%); border:none; background:none; color:#91a3b1; font-size:1.4em;}

/************* Autocomplete ***********/
.autocompleteresult{
	position:relative;
	width:100%;
	padding:0;
	margin:0;
}
.autocompleteresult ul{
	float:left;
	position:absolute;
	width:100%;
	list-style:none;
	top:50px;
	padding:0;
	margin:0;
	z-index:99;
	
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
}
.autocompleteresult ul li{
	float:left;
	width:100%;
	list-style:none;
	padding:5px 10px;
	cursor:pointer;
	line-height:1.63em;
	white-space:inherit;
	text-align:left;
	font-size:0.9em;
}

.autocomplete-items {}

ul.autocomplete-items li:hover, ul.autocomplete-items li.autocomplete-active {}	

.navigation .navbar-light .navbar-nav>li{ margin:0; padding:0;}
.navigation .navbar-light .navbar-nav .nav-link{ padding:12px 25px; font-size:1em;   letter-spacing:1px; }

header .navigation .dropdown-menu{ margin-top:0; padding:0; border-top:none; }
.navigation .dropdown-item.dropdown-toggle{ position:relative; }
.navigation .dropdown-item.dropdown-toggle:after{ position:absolute; right:10px; top:50%; transform:translateY(-50%) rotate(90deg); transition:all .4s ease-in-out;}
.navigation .navbar-light .navbar-nav>li.dropdown ul>li:hover>.dropdown-toggle:after{ transform:translateY(-50%) rotate(0);}
.navigation .container{ position:relative;}
@media (min-width: 992px){
	.dropdown-menu li.dropdown-submenu:hover > .dropdown-menu{display: block;}
    .nav-item:hover>.dropdown-menu{display: block;}
}
.collapse:not(.show){ display:block;}

/*** Mobile menu css start ****/
.offcanvas-header{ display:none; }
.screen-overlay { width:0%; height: 100%; z-index: 999; position: fixed; top: 0; left: 0; opacity:0; visibility:hidden; transition:opacity .2s linear, visibility .1s, width 1s ease-in;}
.mobile-offcanvas.show~.screen-overlay{ transition:opacity .5s ease, width 0s; opacity:1; width:100%; visibility:visible;}

/*** Mobile menu css end ***/

/*** Sticky START ***/
header.sticky{ padding:0; position:fixed; z-index: 999; animation:slide-down 0.7s; box-shadow:0 10px 10px rgba(0, 0, 0, 0.1);}

.sticky .top_bar{ opacity:0; overflow:hidden; height:0; padding:0;}

header.sticky .middle_bar{ margin:0; padding:0;}
header.sticky .middle_inn{ margin: 0; padding:5px 0; display:flex; height:60px; gap:40px; align-items: center; justify-content: space-between;}
header.sticky .middle_inn .head_logo{ margin:0; padding:0; display:flex; width:auto; gap:5px; justify-content: center; vertical-align:middle;}
header.sticky .middle_inn .head_logo .navbar_brand img{max-width:none; max-height:50px !important;}


header.sticky .middle_bar .head_email span, header.sticky .middle_bar .head_call span{padding-top:10px;}
header.sticky .middle_bar .middle_bar_email_cap, header.sticky .middle_bar .middle_bar_call_cap{display:none;}
header.sticky .navigation .navbar-light .navbar-nav .nav-link{padding:10px 25px; font-size:1em;   letter-spacing:1px; }

header.sticky .navigation .search_info .form-control{height:80%; margin:4px 0; padding:0 35px 0 15px;}

header.sticky .navigation .search_info button{right:10px; top:50%; transform:translateY(-50%); font-size:1.4em;}


@keyframes slide-down {
    0% {
        opacity: 0;
        transform: translateY(-100%);
    } 
    100% {
        opacity: 0.9;
        transform: translateY(0);
    } 
}
/*** Sticky END ***/

/*======== Social Icon Sticky Right ========*/
.socialmediastickyrightwrap_badge{display:none; position:fixed; width:250px; top:50%; right:-110px; z-index:999; cursor:pointer; padding:8px 10px; border-top-left-radius:5px; border-bottom-left-radius:5px; opacity:0.9; transition:all .4s ease-in-out;}
.socialmediastickyrightwrap_badge i{float:left; width:20px; line-height:24px; text-align:center;}
.socialmediastickyrightwrap_badge span{float:left; width:100px; padding-left:10px;}
.socialmediastickyrightwrap_badge:hover {right:0px;}

/*======== Section ========*/
section{padding:0; margin:0;}

/*--- Banner Hero ---*/
.hero-sec{ position:relative; margin:30px 0;}
.hero-sec .container{ overflow:hidden; border-radius:10px;}
.hero-sec .hero-caption{ width:90%; float:left; margin:0; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.hero-sec h1{ margin:0; padding:0; font-size:4em; font-weight:800; line-height:normal; letter-spacing:0.2px; text-transform:uppercase; max-width:600px;}
.hero-sec .hero-carousel .item img{border-radius:10px;}

.hero-sec .owl-carousel .owl-nav button{ width:37px; height:60px; font-size:0; display:block; border-radius:0px; position:absolute; bottom:0; left:50%; /*transform:translate(0,-50%);*/ z-index:555; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; transition:all .6s ease-in-out;}
/*.hero-sec .owl-carousel .owl-nav button.owl-prev{left:5%;}
.hero-sec .owl-carousel .owl-nav button.owl-next{right:5%;}
.hero-sec .owl-carousel .owl-nav button:hover{ opacity:1;}
*/
.owl-carousel .owl-dots{ width:100%; margin:0; padding:0; text-align:center; position:absolute; left:0; right:0; bottom:0; z-index:9;}
.owl-carousel .owl-dot{ margin:0 6px; display:inline-block;}
.owl-carousel .owl-dot span{display:block;}
.owl-carousel .owl-dot.active span{}

.section-tp{padding-top:30px; padding-bottom:40px;} 

/*--- Banner Hero Inner Page ---*/
.hero-sec-inner{height:260px; color:var(--white); background:url(../images/inner_bg.jpg) no-repeat center center; background-size:cover; text-align:center;}
.inner-banner-wrap{height:260px;  display: flex; align-items: center; justify-content:center;}

/*--- Banner Hero Inner Page ---*/
.breadcrumbs_wrap{padding:16px 0;  /*background-color:#f3f4f6; border-bottom:1px solid #e7e7e7*/}
.breadcrumbs_inner_wrap{display:flex; gap:10px; justify-content:right;}
.breadcrumbs{display: flex; align-items: center; justify-content: space-between;}
.breadcrumbs ul{list-style: none; margin:0; padding:0;}
.breadcrumbs ul li{display: inline-block; margin:0; padding:0; position:relative;}
.breadcrumbs_separater{position:absolute; top:-1px; left:1px;}
.breadcrumbs_separater i{font-size:12px;}
.breadcrumbs_item{margin-left:12px;}

/* Home about */
.about_sec{ margin:0;}
.about_sec .left_img{margin: 0 40px 0 0; position: relative;}
.about_sec figure{ margin: 0; padding: 0; border-radius: 20px;}
.about_sec figure img{ border-radius: 20px;}
.about_sec .about_right{ margin: 0; padding: 0 0 0 40px;}
.about_sec p{ margin: 0 0 25px;}
.about_sec ul{ margin: 0; padding: 0;}
.about_sec ul li{ margin: 0 0 10px; padding:0 0 0 34px; display: flex; gap:20px;}
.about_sec ul li{ background: url(../images/icons/round_right_arrow.svg); background-repeat: no-repeat;  background-position: left 2px; background-size: 20px 20px;}
/*.about_sec ul li::before{font-family: 'Font Awesome 6 Free'; content: "\f005"; top:0px; color:var(--orange);}*/


/* ======= Product List =========*/
.productlist-outerwrap{position:relative;}
.productlist-sec-title{margin:30px 0; padding-top:6px; padding-bottom:6px;}
.productlist-innerwrap{display:flex; flex-direction:column; align-items: center; width:100%; margin-bottom:20px; padding:20px 20px 0 20px; height:340px;}
.productlist-innerwrap figure{display:flex; align-items: center; justify-content:center; width:100%; min-height:260px;}
.productlist-innerwrap figure img{ width:auto; max-width:90%; max-height:260px; text-align: center;}
.productlist-innerwrap h3{font-size:var(--font-size-default) !important;  text-align:center; font-weight:400;}

ul.product-social-icons{position:absolute; top:22px; right:20px; opacity:0; z-index:9;}
.prd-det-img-wrap ul.product-social-icons{opacity:1;}
ul.product-social-icons li{height:30px; width:30px; line-height:30px; text-align:center; cursor:pointer; background-color:#f5f7ff; border-radius:50%; box-shadow: 0 0px 4px rgba(0, 0, 0, 0.2);}

.productlist-outerwrap:hover ul.product-social-icons{ opacity:1; 
-webkit-transition: all 0.8s ease-in-out; 
-moz-transition: all 0.8s ease-in-out; 
-o-transition: all 0.8s ease-in-out; 
-ms-transition: all 0.8s ease-in-out; 
transition:all 0.8s ease-in-out;
}

.productlist-outerwrap figure img{ transform: scale(0.9);
-webkit-transition: all 0.6s ease-in-out; 
-moz-transition: all 0.6s ease-in-out; 
-o-transition: all 0.6s ease-in-out; 
-ms-transition: all 0.6s ease-in-out; 
transition:all 0.6s ease-in-out;}

.productlist-outerwrap:hover figure img{ transform: scale(1);}
.productlist-outerwrap:hover .productlist-innerwrap h3{-webkit-transition: all 0.6s ease-in-out; 
-moz-transition: all 0.6s ease-in-out; 
-o-transition: all 0.6s ease-in-out; 
-ms-transition: all 0.6s ease-in-out; 
transition:all 0.6s ease-in-out;}

/***** Product Details *****/
.prd-det-section{}
.prd-det-img-wrap{position: relative; height: 100%;}

.swiper-product-img {
	width: auto;
	max-width:600px;
	height:550px !important;
	max-height:550px !important;
	margin-left: auto;
	margin-right: auto;
	cursor:pointer;
}

.swiper-slide-product-img {
	text-align: center !important;
	
	background: #fff;
	display: flex;
	justify-content: center !important;
	align-items: center !important;
	
	background-size: cover !important;
	background-position: center !important;
}

.product-img-large {
	height: 100%;
	width:100%;
	/*border:1px solid #E9E9E9;*/
}

.product-img-thumb {
	height: 20%;
	box-sizing: border-box;
	padding: 10px 0;
	
	height:100px !important;
	max-height:100px !important;
}

.product-img-thumb .swiper-slide-product-img {
	width:100px;
	height: 100%;
	opacity: 0.6;
	border:1px solid #E9E9E9;
}

.product-img-thumb .swiper-slide-thumb-active {opacity: 1;}

.swiper-slide-product-img img, .swiper-slide-product-img a img {
	display: block !important;
	width:auto !important;
	height:auto !important;
	max-width:80% !important;
	max-height:80% !important;
	
	/*object-fit: cover;*/
}

.swiper-button-next-product-img,
.swiper-button-prev-product-img {
	opacity:0;
	-webkit-transition: all .3s ease-in-out; 
	-moz-transition: all .3s ease-in-out; 
	-o-transition: all .3s ease-in-out; 
	-ms-transition: all .3s ease-in-out; 
	transition:all .3s ease-in-out;
}

.product-img-large:hover .swiper-button-next-product-img,
.product-img-large:hover .swiper-button-prev-product-img {
	opacity:0.6; /* or flex, inline-block */
}

.swiper-button-prev-product-img, .swiper-button-next-product-img {
	width:40px; 
	height:40px; 
	border-radius:2px; 
	background-color:#000;
}

.swiper-button-prev-product-img:after{ content: "\f104"; font-family: 'FontAwesome'; font-size:30px; line-height:30px; color:#FFFFFF;}
.swiper-button-next-product-img:after{ content: "\f105"; font-family: 'FontAwesome'; font-size:30px; line-height:30px; color:#FFFFFF;}
.swiper-button-prev-product-img:hover, .swiper-button-next-product-img:hover{opacity:1 !important;}

.product-contact-btn-wrap{display:none; cursor:pointer;}

.product-det-download-brochure-wrap{ text-align:center; margin:20px 0 0 0;}
.product-det-download-brochure-wrap img{cursor:pointer; max-height:40px;}

.product-det-wrap table{color:var(--primary) !important;}

/*.product-det-spe{ margin:0; padding:0; display:flex; gap:0px; justify-content: space-between;}
.product-det-spe ul{margin:0 0 0 15px; padding:0; display: flex; gap:10px; justify-content: center;}
.product-det-spe li{ margin:0; padding:6px 18px 5px 18px; list-style:none; cursor:pointer;  border-top-left-radius:10px; border-top-right-radius:10px; background-color:#f0f0f0; color:#000000;}
.product-det-spe li.active{background-color:#10263b; color:#FFFFFF;}
*/
/*.product-det-spec-tab-content{padding:15px; border-radius:10px !important; box-shadow:5px 5px 32px rgba(0,0,0,0.09)}*/

/*
ul.product-det-spec-tabs{background-color:#FFFFFF !important;}
ul.product-det-spec-tabs li.nav-item{margin-left:15px !important; border-top-left-radius:10px; border-top-right-radius:10px; background-color:#f0f0f0; color:#000000;}
ul.product-det-spec-tabs li.nav-item a.nav-link{border-radius:0px !important; border-top-left-radius:10px !important; border-top-right-radius:10px !important; color:#000000;}
ul.product-det-spec-tabs li.nav-item a.nav-link.active{background-color:#10263b; color:#FFFFFF;}
*/

.product-det-spec-tabs{margin-left:15px;}
.product-det-spec-tab-warpper{
  display:flex;
  flex-direction: column;
}
.product-det-spec-tab{
  cursor: pointer;
  padding:8px 20px;
  margin-right:10px;
  display:inline-block;
  border-radius:10px 10px 0px 0px;
}

.product-det-spec-panel .product-det-spec-tab-inner{
	display:none;
	padding:5px 20px;
	margin:0px 2px 0 10px;
}
.product-det-spec-panels{
  min-height:200px;
  width:100%;
  max-width:100%;
  border-radius:3px;
}
.product-det-spec-panel{
  display:none;
  animation: product-det-spec-fadein .4s;
}
@keyframes product-det-spec-fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}

.product-det-spec-tab-content{
	padding:20px; 
	border-radius:15px;
}

.product-det-spec-tab-radio{
  display:none;
}
#product-det-spec-one:checked ~ .product-det-spec-panels #product-det-spec-one-panel,
#product-det-spec-two:checked ~ .product-det-spec-panels #product-det-spec-two-panel,
#product-det-spec-three:checked ~ .product-det-spec-panels #product-det-spec-three-panel,
#product-det-spec-four:checked ~ .product-det-spec-panels #product-det-spec-four-panel,
#product-det-spec-five:checked ~ .product-det-spec-panels #product-det-spec-five-panel{
  display:block;
  
}

.prd-specification-cap{width:25%;}
.prd-specification-val{width:75%;}

.prd-dimension-cap{width:30%;}
.prd-dimension-val{width:35%;}
.prd-dimension-val span{padding-left:3px; font-size:0.9em;}
/*======== Our Client ========*/

.swiper {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}
.swiper-wrapper-ourclient{height:300px !important; padding:10px 0;}
.swiper-slide-ourclient {
  text-align: center;
  
  display: flex;
  justify-content: center;
  align-items: center;
  padding:0 10px 0 0;
  margin:0;
/*
  border:1px solid #e2e2e2;
  -webkit-transition: all .4s ease-in-out; 
	-moz-transition: all .4s ease-in-out; 
	-o-transition: all .4s ease-in-out; 
	-ms-transition: all .4s ease-in-out; 
	transition:all .4s ease-in-out;*/
}
.swiper-slide-ourclient span:hover {
  border-radius:30px;
  border:1px solid #c6c6c6;
}

.swiper-slide-ourclient span {
  display:flex;
  justify-content: center;
  align-items: center;
  width:100%;
  height:100%;
  /*width:150px;
  height:130px;*/
  margin:5px;
  text-align: center;
  background: #fff;
  border:1px solid #e2e2e2;
  -webkit-transition: all .4s ease-in-out; 
	-moz-transition: all .4s ease-in-out; 
	-o-transition: all .4s ease-in-out; 
	-ms-transition: all .4s ease-in-out; 
	transition:all .4s ease-in-out;
}

.swiper-slide-ourclient span img {
  width:auto;
  height:auto;
  max-width:80%;
  max-height:80%;
 
}

/*======== Testimonial ========*/
.test-sec-bg{ color:var(--white); background:url(../images/testi_bg_dark.jpg) no-repeat center center; background-size:cover; text-align:center;}

.testimonial-carousel {
	display: flex;
}
.testimonial-item{color:var(--primary); font-size:var(--font-size-default);}
.testimonial-item i{font-size:1em; padding-right:5px; color:#CCCCCC}
.testimonial-item span{float:left; width:100%; padding:10px 0 0;}
.testimonial-item h5{color:var(--black); font-size:1em; padding-top:10px;}
/*
.blog-list-box{ margin: 0 0 30px; height:180px; padding:10px; display: flex; align-items: center;  gap: 20px; overflow:hidden; background-color:var(--white);}
.blog-list-box figure{ margin: 0; padding: 0; min-width:120px; max-width:120px; max-height:180px; border-radius: 5px; overflow: hidden;}
.blog-list-box figure img{transform: scale(0.9); border-radius:5px; width: 100%; transition: all 0.4s ease-in-out;}
.blog-list-box:hover figure img{ transform: scale(1);}
.blog-list-box .detail{ margin: 0; padding: 0;}
.blog-list-box h3{ margin: 0 0 10px; padding: 0; font-size:1.4em; font-weight: 700; color: var(--secondary); font-family: var(--rajdhani);}
.blog-list-box h3 a{ color: var(--secondary);}
.blog-list-box:hover h3 a{ color: var(--secondary);}
*/


.blog-list-box{margin: 0 0 40px; padding: 0; background: var(--white); height: calc(100% - 40px);}
.blog-list-box figure{ margin: 0; padding: 0; overflow: hidden; text-align:center;}
.blog-list-box figure img{width:auto; max-width:100%; max-height:300px; /*object-fit:cover;*/ transition: all 0.4s ease-in-out;}
.blog-list-box .detail{ margin: 0; padding: 30px 20px 20px;}
.blog-list-box h3{ margin: 0 0 15px; padding: 0; font-size: 30px; font-weight: 700; font-family: var(--rajdhani); color: var(--secondary);}
.blog-list-box h3 a{ color: var(--secondary);}
.blog-list-box p{ margin: 0 0 16px;}
.blog-list-box:hover figure img{ transform: scale(1.1);}
.blog-list-box:hover h3 a{ color: var(--primary);}

.blog-box{margin:0 0 40px; padding: 0;}
.blog-box figure{ margin: 0; padding: 0; overflow: hidden; text-align:center;}
.blog-box figure img{width:auto; max-width:100%; padding-bottom:20px;}
/*======== Inner Pages ==========*/
.innerpage_sec{padding:20px 0;}
.innerpage_sec h3{font-size:18px;}
.innerpage_sec p{font-size:var(--font-size-default);}
.innerpage_sec p strong{font-size:18px;}
/*.innerpage_sec .list_info{ padding:0; margin:0 0 30px;}*/
.innerpage_sec ul{ padding:0; margin:0 0 30px;}
.innerpage_sec ul li{ padding:0 0 0 18px; margin:0 0 0px 0; position:relative;}
.innerpage_sec ul li:after{ content: ""; width:8px; height:2px; left:0; top:12px; /*border:1px solid #fff;*/ /*border-radius:50%; box-shadow:0 0 0 1px #000;*/  position:absolute;}

/***** Contact Us *****/
.contactpage_sec{padding:0;}
.info_contact{padding:20px 20px 20px 60px;}
.info_contact ul.contact{ margin:0; padding:10px 0 26px 0;}
.info_contact ul li{margin: 0 0 10px; padding: 0; display: flex; }
.info_contact ul li i img{ width:22px; height:22px;}

.info_contact ul.contact li span{ padding-left:10px;}
.innerpage_sec .info_contact ul.contact li:after{content: ""; width:0px; height:0px;}


.form_info{width:100%; margin:0 0 0px 0; padding:45px 20px; /*border-top-right-radius:15px;  border-bottom-right-radius:15px;*/}
.form_info.border-radius-contactus{border-top-left-radius:15px;  border-bottom-left-radius:15px;}
.form_info.border-radius-product{border-top-right-radius:15px;  border-bottom-right-radius:15px; padding:20px 20px 40px;}
.form_block{width:100%; margin:0 0 15px 0; padding:0; position:relative;}
.form_block .form-control{ height:40px !important;  padding:0 45px 0 20px; box-shadow:none; border:none;  border-radius:0px; border-bottom:1px solid; border-color:#cecece !important;}
.form_block .form-control.example-file-input-custom{ height:33px !important; padding:2px 45px 0 10px;}
.form_block textarea.form-control{min-height:200px; padding:10px 45px 10px 20px;}

.form_block i{ position:absolute; right:15px; top:10px; opacity:0.3; font-size:18px;}
.form_block.form_block_without_lable i{top:18px !important;}
.form_block select.form-control{ padding-right:70px; -webkit-appearance: none; -moz-appearance: none; appearance: none; /*background: url(../img/select_arrow.png) no-repeat right 15px center;*/}
.form_block .has-error{border-color:#dd4b39 !important; }
.form_block_topsearch .form-control{height:36px !important; padding:0 10px 0 10px; margin-top:3px; width:80%;}
.form_block_topsearch i{ font-size:1.5em; right:10px; top:10px; cursor:pointer;}

.map_sec{ width:100%; height:600px; margin:0; padding:0;}
.map_sec iframe{ width:100%; height:600px;  margin:0; padding:0;}

/*======== Footer ========*/
/*footer{ width:100%; float:left; padding:0; margin:30px 0 0 0;}*/
footer{padding:40px 0 20px 0; margin:40px 0 0;} 
footer .footer-flex-container{display:flex; justify-content: space-between;}
footer .footer-flex-container .column {width:33.33%; box-sizing: border-box; /* Ensures padding and border are included in the width */}

footer .footer-flex-container .column h4{}
footer .footer-flex-container .column ul.foot_link{ margin:0; padding:0;}
footer .footer-flex-container .column ul.foot_link.quicklink{ -webkit-column-count:2; -moz-column-count:2; column-count:2;}
footer .footer-flex-container .column ul.foot_link.quicklink li{margin:0; padding:0 0 5px 0px;}
footer .footer-flex-container .column ul.foot_link.quicklink li::before{font-family: 'FontAwesome'; content: "\f054"; padding-top:3px; color:#8F959D; font-size:10px;}
footer .footer-flex-container .column ul.foot_link.quicklink li a{padding-left:10px;}
footer .footer-flex-container .column ul.foot_link.quicklink li a:hover{}

.foot_link li{margin: 0 0 10px; padding: 0; display: flex; }
.foot_link.contact li span{ padding-left:10px;}


ul.footer-social{margin:20px 0 30px; padding:0; display: flex;}
ul.footer-social li{ width:40px; height:40px; margin-right:10px !important; transition:all .4s ease-in-out;}
ul.footer-social li i{width:40px; height:40px; font-size:1.2em !important;  text-align:center !important; line-height:40px; transition:all .4s ease-in-out;}

footer .footer-flex-container .column:nth-last-child(1) { width:auto; padding:0 50px;}