:root {
	--white-color: #fff;
	--black: #000;
	--hover-color: #cf0018;
	--text-color:#666666;
	--open-sans: "Open Sans", serif;
	--montserrat: "Montserrat", serif;
}
p {
	font:400 16px/26px var(--open-sans);
  }
  ul, ol {
	list-style: none;
	padding-left: 0;
  }

h1, h2, h3, h4, h5, h6 {
	font-family: 'Montserrat', sans-serif;
  }

  body {
	font: 16px/1.2 var(--open-sans);
}
.animate{
	-webkit-animation: rotate 6s linear infinite;
    animation: rotate 6s linear infinite;
}
@keyframes rotate {
	0% {
		transform: rotate(0deg);
	}
	
	100% {
		transform: rotate(1turn);
	}
}
#wrapper {
	position: relative;
	width: 100%;
	overflow: hidden;
}
.close-toggler{
	display: none;
}
/* ///////////////main-title-css */
	.title-area .small-text {
		font: 700 20px/1.2 var(--montserrat);
		color: var(--main-color);
		text-transform: capitalize;
	}
	.title-area h2{
		font: 800 45px/1.2 var(--montserrat);
		margin-bottom: 0;
	}
	.about-us-wrapper .title-area{
		margin-bottom: 15px;
	}
/* //////////////////btn-css */
.btn-quote-header a{
	text-decoration: none;
	font: 700 16px/1.2 var(--open-sans);
	color: var(--white-color);
	background-color: var(--punch);
	padding: 15px 34px 15px;
    border-radius: 50px;
	transition: all ease 0.5s;
	text-transform: uppercase;
  }
  .btn-quote-header a:hover{
	background-color: #0f9d58;
  }
 .btn-quote-header i{
	margin-left: 14px;
  }
.scroll-btn {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    position: fixed;
    bottom: 50px; /* hamesha bottom-right pe dikhane ke liye */
    right: 50px;
    z-index: 999;
    background-color: #F2D4A1;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 1;
    visibility: visible;
    transition: opacity 0.4s ease, visibility 0.4s ease;
}

.scroll-btn.hide {
    opacity: 0;
    visibility: hidden;
}
/* ///////////////////////////////////////////header/////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////// */
.header-top{
	background-color: #f3f3f3;
	padding: 10px 0 10px;
}
.top-header-info ul{
gap: 20px;

}
.top-header-info ul a{
 color: #666666;
 font-size: 20px;
}
.top-header-info ul a:hover{
	color: #cf0018;
}
.content-end{
	gap: 15px;
}
.cart-header .ico{
	position: relative;
}
.cart-header .ico i{
	font-size: 20px;
}
.heart-logo i{
	font-size: 20px;
}
.cart-header .ico a{
	color: var(--black);
}
.cart-header .ico a:hover{
	color: var(--hover-color);
}
.heart-logo a{
	color: var(--black);
}
.heart-logo a:hover{
	color: var(--hover-color);
}
.cart-header .cart-number{
    right: -6px;
    top: -8px;
    width: 17px;
    height: 17px;
    position: absolute;
    background-color: red;
    color: var(--white-color);
    border-radius: 50%;
    text-align: center;
    line-height: 17px;
    font-size: 9px;
    font-weight: 600;
}
.headertop-left p{
	margin-bottom: 0;
}
.navbar-nav > li > a + i {
	display: none;
	position: absolute;
	right: 40px;
    top: 12px;
	font-size: 24px;
	cursor: pointer;
	color: var(--white-color);
	/* background: #b70000; */
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	z-index: 1000;
  }
  
  #header .submenu {
	position: absolute;
	background: var(--text-color); 
	width: 260px;
	transform-origin: 0 0 0;
	transform: scaleY(0);
	transition: all 0.3s ease-in-out;
	z-index: 9;
	padding-left: 0;
	top: 90%;
	border: 1px solid var(--black); 
	padding: 0px;
	list-style: none;
	
  }
  #header li:hover .submenu {
	transform: scaleY(1);
  }
  .submenu li a {
	font-weight: 500;
	font-size: 16px !important; 
	font-family: var(--montserrat);
	color:var(--white-color);
	padding: 16px 22px !important;
	display: block;
	text-decoration: none;
  }
  .submenu li {
	padding: 0;
	border-bottom: 1px solid var(--black);
  }
  .submenu li:last-child {
	padding-right: 0;
	border-bottom: none;
  }
  .submenu li a:hover {
	background: var(--hover-color);
	color: #fff;
  }
  .header-b .navbar-nav .nav-link{
	font: 700 16px/26px var(--open-sans);
	color: var(--black);
	transition: all ease 0.5s;
	text-transform: uppercase;
  }
  .header-b .navbar-nav .nav-link:hover{
	color: var(--hover-color);
  }
  .header-b .navbar-nav {
	gap:25px;
  }
  
.header-b .logo a{
	text-decoration: none;
	font-size: 20px;
	color: var(--black);
}


/*  //////////////////////////////////////////////////////////banner//////////////////////////////////////////////////// */
.banner-area {
	background-color: #F5F5F5;
}
.banner-area  .slider-area {
      width: 100%;
      padding: 60px 0;
      background: #f7f7f7;
    }
.banner-area    .slide-item {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 40px;
    }
.banner-area    .slide-text {
      flex: 1;
      padding-right: 20px;
    }
.banner-area   .slide-text h5 {
      color: red;
      margin-bottom: 10px;
    }
  .banner-area   .slide-text h2 {
      font-size: 40px;
      font-weight: 800;
      margin-bottom: 20px;
    }
 .banner-area    .slide-text p {
      font-size: 16px;
      margin-bottom: 20px;
    }
 .banner-area    .slide-text a {
      background: black;
      color: white;
      padding: 10px 20px;
      text-decoration: none;
      font-size: 14px;
      font-weight: bold;
      border-radius: 3px;
    }
  .banner-area   .slide-img {
      flex: 1;
      text-align: right;
    }
   .banner-area  .slide-img img {
      max-width: 100%;
      height: auto;
    }
    /* Navigation Buttons */
   .banner-area  .owl-nav button {
      background: #fff !important;
      border: 1px solid #ddd !important;
      width: 40px;
      height: 40px;
      border-radius: 50%;
      font-size: 18px !important;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
    }
  .banner-area   .owl-nav .owl-prev {
      left: -50px;
    }
   .banner-area  .owl-nav .owl-next {
      right: -50px;
    }
   .banner-area  .owl-dots {
      text-align: center;
      margin-top: 20px;
    }
   .banner-area  .owl-dots .owl-dot span {
      width: 12px;
      height: 12px;
      background: #bbb;
      border-radius: 50%;
      display: inline-block;
      margin: 5px;
    }
   .banner-area  .owl-dots .owl-dot.active span {
      background: red;
    }
	.banner-area  .owl-nav button.active i{
		background-color: red;
	}
/* /////////////////////////////////////////////////////////item-product//////////////////////////////////////////////////// */
.item-products-area{
	padding: 50px 0 0;
	margin-bottom: 150px;
}
.item-products-area .content-holder{
	text-align: center;
}
.item-products-area .img-collection{
	margin-bottom: 30px;
}
.item-products-area .small-heading span{
	color: var(--hover-color);
	font: 400 20px/1.2 var(--montserrat);
}
.item-products-area  .sub-heading h3{
color: var(--black);
font: 700 30px/1.2 var(--montserrat);
margin: 15px 0 15px;
}
.btn-shop a{
	color: var(--black);
	font: 500 24px/1.2 var(--montserrat);
	transition: all ease 0.5s;
}
.btn-shop a:hover{
	color: var(--hover-color);
}
.btn-shop i{
	color: var(--black);
	margin-right: 20px;
}
/* ///////////////////////////////////////////////////////////////////product-area///////////////////////////////////////// */
.product-area .title-img img{
	display: block;
	margin: 0 auto 15px;
}
.product-area .title-area {
	margin-bottom: 100px;
}
.product-area .title-area span{
	font: 700 25px/1.2 var(--montserrat);
	color: var(--black);
	
}
.product-area .title-area p{
	    padding: 0 195px 0;
		font: 400 18px/1.2 var(--open-sans);
		color: var(--text-color);
		margin-top: 15px;

}
.product-area .img-product-list{
	margin-bottom: 30px;
}
.product-area .heading h3{
	font: 600 24px/1.2 var(--montserrat);
	color: var(--black);
	margin-bottom: 15px;
}
.price span{
	font: 400 18px/1.2 var(--montserrat);
	color: var(--text-color);
}
.product-area .content-text{
	margin-bottom: 50px;
}
/* ////////////////////////////////////////////////////////////////our-features//////////////////////////////////////////// */
.our-features-area{
	    background-color: #F4DDD6;
		padding: 50px 0 30px;
}
.Single-facility-card-holder{
	position: relative;
    padding-left: 78px;
    margin-bottom: 30px;
}
.Single-facility-card-holder  .icon-facility{
	background-color: #f5f5f5;
	left: 0;
    top: 50%;
    width: 60px;
    height: 60px;
    font-size: 20px;
    position: absolute;
    text-align: center;
    border-radius: 50%;
    color: #666666;
    transform: translateY(-50%);
}
.Single-facility-card-holder  .icon-facility i{
	    left: 0;
    right: 0;
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
}
.Single-facility-card-holder  .icon-facility:hover{
	background-color: var(--hover-color);
}
.Single-facility-card-holder  .icon-facility:hover i{
	color: var(--white-color);
}
.Single-facility-card-holder h3{
	    margin-bottom: 14px;
    font-size: 20px;
	font-family: var(--montserrat);
}
.Single-facility-card-holder  span {
    display: block;
    color: #666666;
}
.Single-facility-card-holder  a{
	text-decoration: none;
	transition: all ease 0.5s;
	color: var(--black);
}

/* ///////////////////////////////////////////////////////////////our-feature-product////////////////////////////////////// */
.feature-product-area-slider{
	padding: 80px 0 0;
}
.owl-coursel-area-slider  .owl-nav{
	display: none;
}
.owl-coursel-area-slider .owl-nav button {
      background: #fff !important;
      border: 1px solid #ddd !important;
      width: 40px;
      height: 40px;
      border-radius: 50%;
      font-size: 18px !important;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
    }
.owl-coursel-area-slider    .owl-nav .owl-prev {
      left: -50px;
    }
.owl-coursel-area-slider   .owl-nav .owl-next {
      right: -50px;
    }
 .owl-coursel-area-slider   .owl-dots {
      text-align: center;
      margin-top: 50px;
    }
 .owl-coursel-area-slider   .owl-dots .owl-dot span {
      width: 12px;
      height: 12px;
      background: #bbb;
      border-radius: 50%;
      display: inline-block;
      margin: 5px;
    }
.owl-coursel-area-slider .owl-dots .owl-dot.active span {
      background: red;
    }
.owl-coursel-area-slider	.owl-nav button.active i{
		background-color: red;
	}
	.featured-proudct-holder h3 {
	font-size: 22px;
	font-family: var(--montserrat);
	margin-bottom: 15px;
}
.featured-proudct-holder h3 a{
	color: var(--black);
	transition: all ease 0.5s;
	text-decoration: none;
}
.featured-proudct-holder img{
	margin-bottom: 40px;
}
.featured-proudct-holder h3 a:hover{
	color: var(--hover-color);
}
.featured-proudct-holder .price span{
	color: #666666;
	font-size: 16px;
	font-family: var(--open-sans);
}
/* ////////////////////////////////////////////////////////////////ctaaa-newsletter/////////////////////////////////////// */
.cta-area-main .cta-holder{
	background: url(../images/subscribe-newslatter-bg.jpg) no-repeat;
    background-position:  center;
       padding: 87px 66px 62px;
    background-size: cover;
	position: relative;
}
.cta-area-main .cta-holder::before{
	top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    margin: 30px;
    position: absolute;
    border: 1px solid var(--white-color);
}
.cta-area-main {
	padding: 80px 0 0;
}
.cta-area-main .main-heading h2{
	font-size: 36px;
	font-family: var(--montserrat);
	margin-bottom: 15px;
	font-weight: 700;
}
.cta-area-main .main-heading p{
font-size: 16px;
    max-width: 511px;
}
 .subscribe-form {
    display: flex;
    align-items: center;
    max-width: 520px;
	position: relative;
	z-index: 1;
  }

  /* Hidden label for accessibility */
  .visually-hidden {
    position: absolute !important;
    width: 1px; height: 1px;
    padding: 0; margin: -1px;
    overflow: hidden; clip: rect(0 0 0 0);
    white-space: nowrap; border: 0;
  }

  .subscribe-form input[type="email"] {
    flex: 1 1 auto;
    padding: 12px 14px;
    border: 1px solid #cfd8dc;
    font-size: 16px;
	font-family: var(--montserrat);
    outline: none;
    transition: box-shadow .15s, border-color .15s;
  }

  .subscribe-form input[type="email"]:focus {
    border-color: var(--hover-color); /* subtle focus color */
    box-shadow: 0 0 0 4px rgba(79,70,229,0.08);
  }

  .subscribe-form button {
    flex: 0 0 auto;
    padding: 12px 18px;
    font-size: 15px;
    border: none;
    background: #cf0018;
    color: white;
    cursor: pointer;
	font-family: var(--montserrat);
  }
  .subscribe-form button:hover{
	   background: linear-gradient(180deg,#4f46e5,#4338ca);
  }

  .subscribe-form button:active { transform: translateY(1px); }

  .msg {
    margin: 8px 0 0;
    font-size: 14px;
    color: #0f5132; /* success color */
  }
/* ////////////////////////////////////////////////////////////////////trending-area/////////////////////////////////////////// */
.tranding-products-area{
	padding: 80px 0 0;
}
.product-trending-img{
	margin-bottom: 15px;
}
/* ////////////////////////////////////////////////////////////////////////testamonanailssssssssss//////////////////////////// */
.testamonails-area{
	background-color: #f4ddd6;
	padding: 80px 0 80px;
	margin-bottom: 80px;
}
.testimonial_sec .rating {
		list-style: none;
		padding: 0;
		margin-bottom: 19px;
	}
	.testimonial_sec .person-detail h2{
		font: 700 18px/1.2 var(--open-sans);
		color: var(--black);
		margin-bottom: 0;
	}
	

	.testimonial_sec  .holder-person-data {
		gap: 23px;
	}
	.rating {
		gap: 10px;
	}
	.rating li i{
		font-size: 16px;
		color: #f1b51f;
	}
	.client_box p {
		font: 400 18px/26px var(--open-sans);
		color: #595959;
		margin-bottom: 25px;
	}
	.testamonials_list{
		list-style: none;
		
	}
	.testamonials_list  .testimonial_sec {
		    padding: 22px 20px 30px;
		background: var(--white-color);
		box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
		border-radius: 10px;
		margin: 30px 28px 22px;
	}
	.testamonials_list  .owl-dots {
		position: absolute;
		bottom: -28px;
		left: 50%;
		bottom: -40px;
		margin-left: -40px;
	}
	.testamonials_list  .owl-nav {
		display: none;
	}
	.testamonials_list  .owl-dots button{
		width: 15px;
		height: 15px;
		border-radius: 10px;
		    background: #bbb;
		margin-right: 10px;

	}
	.testamonials_list  .owl-dot.active {
		background-color: #b70000;	
	}
	.testamonails-area-wrapper  .title-area .small-title{
		color: #b70000;
		font: 700 18px/1.2 var(--montserrat);
	}
	/* ////////////////////////////////////////////////////////////////blogs////////////////////////////////////////////// */
	.blogs-area {
		margin-bottom: 80px;
	}
	.blogs-area .content .meta{
		margin-bottom: 15px;
	}
	.blogs-area .content  li{
		    display: inline-block;
    margin-right: 25px;
    font-size: 14px;
    font-weight: 500;
	color: #666666;
	}
	.blogs-area .content  li span{
		position: relative;
	}
	.blogs-area .content  li span::before{
    content: "";
    position: absolute;
    right: -22px;
    top: 50%;
    transform: translateY(-50%);
    height: 1px;
    background-color: #707070;
    width: 12px;
	}
	.blogs-area .content  li a{
 font-size: 14px;
    font-weight: 500;
	color: #666666;
	transition: all ease 0.5s;
	}
	.blogs-area .content  li a:hover{
		color: var(--hover-color);
	}
	.blogs-area .content .meta{
		margin-bottom: 20px;
	}
	.blogs-area  .main-img{
		margin-bottom: 20px;
	}
.blogs-area .content  h3{
	display: inline-block;
}
.blogs-area .content  h3 a{
	text-decoration: none;
	font: 700 20px/1.2 var(--montserrat);
	color: var(--black);
	text-transform: capitalize;
	transition: all ease 0.5s;
}
.blogs-area .content  h3 a:hover{
	color: var(--hover-color);
}
/* //////////////////////////////////////////////////////////partner-area/////////////////////////////////////////////////// */
.partner-area{
	    background-color: #E9E9E9;
    padding-top: 80px;
    padding-bottom: 80px;
}
.partner-area
.partner-title h2{
	font: 400 16px/1.2 var(--montserrat);
	color: var(--black);
}
.partner-list {
	gap: 40px;
}
/* ///////////////////////////////////////////////////////////footer-area//////////////////////////////////////////////// */
.footer-area{
	background-color: #ffffff;
	padding-top: 100px;
}
.footer-area .logo{
	margin-bottom: 15px;
}
.footer-area .right-area{
padding-right: 50px;
}
.footer-area .social-linkes{
	gap: 15px;
}
.footer-area .social-linkes a{
	text-decoration: none;
	color: var(--text-color);
	font-size: 14px;
	transition: all ease 0.5s;
}
.footer-area .social-linkes a:hover{
	color: var(--hover-color);
}
.footer-area .logo a{
 	text-decoration: none;
	color: var(--black);
	font-size: 30px;
	font-weight: 700;
	font-family: var(--montserrat);
	transition: all ease 0.5s;
}
.footer-area .loaction a{
color: var(--text-color);
}
.footer-area .loaction a:hover{
	color: var(--hover-color);
}
.footer-area .widget-title h2{
font: 700 22px/1.2 var(--montserrat);
color: var(--black);
margin-bottom: 25px;
}
.footer-area .quick-link a{
	color: var(--text-color);
	font: 400 16px/1.2 var(--open-sans);
	text-decoration: none;
	transition: all ease 0.5s;
}
.footer-area .quick-link a:hover{
	color: var(--hover-color);
}
.footer-area .quick-link li{
	margin-bottom: 12px;
}
.footer-area .quick-link .telephone{
	color: var(--black) !important;
}
.footer-b{
	    border-top: 1px solid #e8e8e8;
    margin-top: 70px;
    padding-top: 30px;
    padding-bottom: 30px;
}
.footer-b p{
	color: var(--text-color);
}
.footer-b  a{
	color: var(--text-color);
	transition: all ease 0.5s;
}
.footer-b  a:hover{
	color: var(--hover-color);
}
/* //////////////////////////////////////////////////////inner-pages-about//////////////////////////////////////////////////////// */
.page-title-area{
	position: relative;
	z-index: 1;
	    margin: 30px 0 0;
}
.page-content{
	padding: 100px 0;
}
.page-title-area::before {
    left: 0;
    right: 0;
    top: 50%;
    content: "";
    height: 1px;
    z-index: -1;
    position: absolute;
    transform: translateY(-50%);
    background-color: #E4E4E4;
}
.page-title-area h2 {
    background-color: var(--white-color);
    display: inline-block;
    margin-bottom: 0;
    font-size: 36px;
    padding-left: 20px;
    padding-right: 20px;
}
.page-title-content {
    list-style-type: none;
    margin-bottom: 0;
    text-align: end;
    padding-left: 0;
}
.page-title-content li {
    z-index: 1;
    font-weight: 500;
    position: relative;
    display: inline-block;
    color: var(--hover-color);
    background-color: var(--white-color);
    padding-left: 20px;
    padding-right: 20px;
}
.page-title-content li a::before {
    -webkit-font-smoothing: antialiased;
    background-color: var(--white-color);
    color: var(--black);
    text-rendering: auto;
    position: absolute;
    content: "\f054";
    line-height: 1;
    right: -5px;
    top: 7px;
    font-family: "Font Awesome 5 Free";
    font-variant-ligatures: normal;
    font-variant-caps: normal;
    font-style: normal;
    font-weight: 900;
    font-size: 12px;
}
.page-title-content li a{
	text-decoration: none;
	color: var(--black);
}
.aboutt-text-inner .about-content h2{
	    color: #666666;
    letter-spacing: 2px;
    line-height: 1.1;
    font-size: 90px;
    margin-top: -5px;
    margin-bottom: 0;
}
.aboutt-text-inner .about-content h2 span{
	color: var(--black);
	display: block;
}
.about-image{
	margin-top: 60px;
}
.funfacts-area{
	margin-top: 10px;
	margin-bottom: 80px;
}
.funfacts-area .single-funfacts-box{
	    margin-top: 30px;
}
.funfacts-area .single-funfacts-box .icon{
	    width: 70px;
    height: 70px;
    font-size: 26px;
    text-align: center;
    border-radius: 50%;
    position: relative;
    margin-bottom: 18px;
    color: var(--hover-color);
    background-color: #f9f9f9;
    transition: all ease 0.5s;
}
.single-funfacts-box .number {
    line-height: 1;
    font-size: 36px;
    font-weight: 700;
    font-style: italic;
}
.single-funfacts-box h3 {
    margin-bottom: 15px;
    font-size: 20px;
}
.single-funfacts-box .icon i {
    left: 0;
    right: 0;
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
}
.single-funfacts-box:hover .icon {
    color: var(--white-color);
    background-color: var(--hover-color);
}
.our-team-area{
	margin-top: 30px;
}
.our-team-area .title-area-inner h2{
	    margin-bottom: 0;
    font-family: var(--montserrat);
    font-size: 36px;
   font-weight: bold;
}

.our-team-area .title-area-inner{
	margin-bottom: 50px;
}
/* ///////////////////////////////////////////////////////shop-innner////////////////////////////////////////////////////// */
.wocommerce-topbar {
	    border: 1px solid #f8f8f8;
    position: relative;
    padding: 20px 30px;
    margin-bottom: 30px;
    background: #ffffff;
}
 .woocommerce-result-count {
    font-size: 16px;
    margin: 0;
    float: none;
    color: #666666;
}
 .woocommerce-topbar-ordering {
    margin: 0;
    float: none;
    position: absolute;
    top: 10px;
    right: 30px;
}
.wocommerce-topbar  .form-control {
    border: 1px solid #eee;
    cursor: pointer;
    background-color: #f8f8f8;
    color: var(--black);
    border-radius: 0;
    height: 48px;
    padding: 5px 16px;
    width: 221px !important;
    font-size: 16px;
    font-weight: 500;
}
.wocommerce-topbar .form-control option {
    font-size: 14px;
}
.wocommerce-topbar  select {
  background: transparent;
  background-image: url("data:image/svg+xml,%3Csvg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position-x: 100%;
  background-position-y: 12px;
  background-size: 20px;
  padding-right: 30px; /* space for the icon */
}
.single-products-box {
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
}

.single-products-box img {
    height: 514px;
	object-fit: cover;
    width: 100%;
    transition: transform 0.4s ease;
}

/* zoom effect */
.single-products-box:hover img {
    transform: scale(1.05);
}

.single-products-box .products-button {
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none;
    position: absolute;
    right: 20px;
    top: 40px;
}

/* hide icons */
.single-products-box .products-button li {
    opacity: 0;
    visibility: hidden;
    margin-bottom: 8px;
    transform: translateX(30px);
    transition: all 0.3s ease-in-out;
}

/* show icons on hover */
.single-products-box:hover .products-button li {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
}

/* icon design */
.single-products-box .products-button li a {
    width: 40px;
    height: 40px;
    font-size: 18px;
    line-height: 42px;
    text-align: center;
    display: inline-block;
    color: #fff;
    background-color: #000;
    border-radius: 50%;
    transition: all 0.3s ease;
}

/* icon hover */
.single-products-box .products-button li a:hover {
    background-color: #ff6600;
    color: #fff;
}

/* optional overlay link (if you still want whole box clickable) */
.product-link-overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
}
.products-button {
    z-index: 2;
}
.single-products-box .content-area {
	margin-top: 30px;
}
.single-products-box .main-heading h3{
	font-size: 18px;
	font-family: var(--montserrat);
}
.single-products-box .main-heading a{
	text-decoration: none;
	color: var(--black);
	font-size: 18px;
	transition: all ease 0.5s;
}
.single-products-box .main-heading a:hover{
	color: var(--hover-color);
}
.add-cart a{
	text-decoration: none;
	color: #666666;
	font-size: 16px;
	transition: all ease 0.5s;
}
.add-cart a:hover{
	color: var(--hover-color);
}
.add-cart  i{
	color: #666666;
	font-size: 16px;
}
.add-cart{
	gap: 20px;
}
/* //////////////////////////////////////////////////////blog-areaaaaaaaaaaaa//////////////////////////////////////////////////////// */
.blogs-details-content-area .form-group {
    position: relative;
    -webkit-box-shadow: 0 0 15px 0 #0000001c;
    box-shadow: 0 0 15px 0 #0000001c;
    padding: 15px;
    border-radius: 10px;
    margin-bottom: 30px;
    line-height: 0;
}
.blogs-details-content-area .form-group .form-control {
    height: 50px;
    width: 100%;
        border: 1px solid #eeeeee;
    border-radius: 5px;
}
.blogs-details-content-area .form-group .btn {
    position: absolute;
    right: 15px;
    top: 15px;
    color: #fff;
    font-size: 20px;
    height: 50px;
	background-color: var(--hover-color);
}
.follow-us-holder{
	    border: 1px solid #E6EDF6;
    padding: 25px;
    border-radius: 5px;
    margin-top: 30px;
    margin-bottom: 30px;
}
.follow-us-holder h3{
	font-size: 20px;
	text-transform: capitalize;
	color: var(--black);
	font-weight: bold;
	font-family: var(--montserrat);
	margin-bottom: 20px;
}
.follow-us-holder .socail-media-links a{
	text-decoration: none;
	font-size: 15px;
	color: var(--black);
	transition: all ease 0.5s;
}
.follow-us-holder .socail-media-links a:hover{
	color: var(--hover-color);
}
.follow-us-holder .socail-media-links li{
	margin-bottom: 15px;
}
.recent-news {
    border: 1px solid #E6EDF6;
    padding: 20px;
    border-radius: 5px;
    margin-top: 30px;
    margin-bottom: 30px;
    background: #fff;
}
.recent-news .widget-title h3 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
}
.item-news .img-left {
    overflow: hidden;
    position: relative;
    width: 108px;
    height: 82px;
}
.recent-news .fullimage {
    width: 108px;
    height: 82px;
    object-fit: cover;
}
.info-gradient {
    margin-left: 15px;
}
.recent-news .title-small {
    font-size: 15px;
    line-height: 1.4;
    margin: 0 0 5px 0;
}
.recent-news .title-small a {
    text-decoration: none;
    color: #000;
    font-weight: 500;
}
.recent-news time {
    display: block;
    font-size: 14px;
    color: #666;
    margin-top: 4px;
}
.recent-news .fullimage img {
    width: 108px;
    height: 82px;
    object-fit: cover;
}
.recent-news .item-news {
    align-items: flex-start;
    margin-bottom: 30px;
}
.blog-post-content {
    position: relative;
    border: 1px solid #E6EDF6;
    padding: 25px;
}
.blog-post-content .entry-meta {
    padding-left: 0;
    margin-bottom: 12px;
    list-style-type: none;
}

.blog-post-content  .entry-meta li {
    color: #666666;
    display: inline-block;
    position: relative;
    margin-right: 25px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
}
.title-blog h3 a{
	font-size: 21px;
	color: var(--black);
	text-decoration: none;
	font-family: var(--montserrat);
	transition: all ease 0.5s;
}
.title-blog h3 a:hover{
	color: var(--hover-color);
}
.entra-meta {
	gap: 20px;
}
.entra-meta a{
	text-decoration: none;
	color: var(--black);
	transition: all ease 0.5s;
}
.entra-meta a:hover{
	color: var(--hover-color);
}
.single-blog-post{
	margin-bottom: 20px;
}
.blog-post-details li{
	padding-left: 30px;
	position: relative;
	margin-bottom: 15px;
	color: #666666;
}
.blog-post-details li i{
	position: absolute;
	left: 0;
	top: 4px;
}
 .blog-post-details-content p{
	color: #666666;
	font-size: 16px;
	font-family: var(--montserrat);
 }
 /* /////////////////////////////////////////////////////////////////contact-page-inner//////////////////////////////////////////////// */
 .form-inner-page .form-holder-main{
	padding: 40px;
	    background-color: var(--whiteColor);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.08);
 }
  .form-inner-page .form-holder-main h2{
	    margin-bottom: 50px;
    font-size: 22px;
	color: var(--black);
  }
  .form-holder-main .form-label{
	font-size: 16px;
	display: block;
    font-weight: 500;
    margin-bottom: 10px;
	color: var(--black);
  }
.form-holder-main  textarea{
	resize: none;
	height: 150px;
}
.form-holder-main .btn-send-messege{
	    padding: 15px 30px 15px;
    transition: all ease 0.5s;
    color: var(--white-color);
    display: inline-block;
    position: relative;
    box-shadow: unset;
    border: 0;
    font-size: 16px;
    font-weight: 500;
	background-color: var(--black);
}

.form-holder-main .btn-send-messege:hover{
	background-color: var(--hover-color);
}
.cta-card-info{
	    padding: 40px;
    background-color: var(--hover-color);
	height: 100%;
}
.cta-card-info h2{
	font-size: 22px;
	margin-bottom: 30px;
	font-family: var(--montserrat);
	color: var(--white-color);
	font-weight: 700;
}
.cta-card-info ul li{
	margin-bottom: 18px;
	color: var(--white-color);
	position: relative;
	padding-left: 30px;
	font-size: 16px;
}
.cta-card-info  li a{
	text-decoration: none;
	color: var(--white-color);
	font-size: 16px;
	transition: all ease 0.5s;
}
.cta-card-info .infooo li a:hover{
	color: var(--black);
}
.cta-card-info .infooo li i{
	position: absolute;
	top:3px;
	left: 0;
}
/* ///////////////////////////////////////////////////prouct-detailssssssssssssss////////////////////////////////////////// */
.product-details-desc .rating i{
	    color: #ffba0a;
}
.product-info li{
	margin-bottom: 20px;
}
.product-info .details{
	gap: 14px;
}
.product-info .details a{
	text-decoration: none;
	color: var(--black);
	transition: all ease 0.5s;
}
.product-info .details a:hover{
	color: var(--hover-color);
}
 .counter-box {
      display: inline-flex;
      align-items: center;
      border: 1px solid #ddd;
      border-radius: 5px;
      overflow: hidden;
    }
    .counter-box button {
      background: #fff;
      border: none;
      width: 40px;
      height: 40px;
      font-size: 20px;
      font-weight: bold;
      cursor: pointer;
      transition: 0.2s;
    }
    .counter-box button:hover {
      background: #f1f1f1;
    }
    .counter-box input {
      width: 50px;
      text-align: center;
      border: none;
      outline: none;
      font-weight: 600;
      font-size: 18px;
    }
	.product-details-desc .addbtn a {
		background-color: var(--black);
		padding: 15px 30px 15px;
		text-decoration: none;
		color: var(--white-color);
		transition: all ease 0.5s;
	}
	.product-details-desc .addbtn a:hover{
		background-color: var(--hover-color);
	}
	.counter-box-holder {
		gap: 15px;
	}
	.share--socailmedia .social-links {
		gap: 15px;
	}
	.share--socailmedia .social-links  a i{
		text-decoration: none;
		background-color: #3b5998;
		color: var(--white-color);
		font-size: 17px;
		margin-left: 10px;
		width: 30px;
		height: 30px;
		line-height: 30px;
		text-align: center;
		border-radius: 50%;
	}
	.share--socailmedia span{
		margin-top: 5px;
	}
	.product-details-desc .addbtn a i{
		color: var(--white-color);
		margin-right: 10px;
	}
/* //////////////////////////////////////////////////////////////////resposnive//////////////////////////////////////////// */


@media screen and (max-width: 1399.98px){
	.header-b .navbar-nav {
		gap: 10px;
	}
	
	.banner .holder-banner {
        top: 70px;
    }
	.banner .caption-banner h1 {
        font-size: 35px;
        line-height: 37px;
    }
	.banner .caption-banner p {
        font-size: 16px;
        line-height: 24px;
    }
	.banner .banner-btn a {
        font-size: 14px;
    }
}
@media screen and (max-width: 1199.98px){
	.btn-quote-header a{
		font-size: 14px;
	}
	.header-b .navbar-nav .nav-link{
		font-size: 14px;
		line-height: 18px;
	}
	.header-b .navbar-nav {
        gap: 4px;
    }
	.btn-quote-header a{
		padding: 10px 15px 10px;
	}
	.owl-nav{
		display: none;
	}
	.Single-facility-card-holder h3 {
    margin-bottom: 6px;
    font-size: 15px;
	}
	.Single-facility-card-holder span{
		font-size: 14px;
	}

}
@media screen and (max-width: 991.98px){
	.header-b .navbar-holder{
		background-color: transparent !important;
		border: none !important;
		box-shadow: none !important;
		padding: 0;
	}
	.content-end{
		display: none !important;
	}
	.item-products-area .content-holder {
    margin-bottom: 30px;
}
.product-area .heading h3{
	font-size: 18px;
}
.Single-facility-card-holder{
	margin-bottom: 60px;
}
.product-area .title-area p {
    padding: 0 50px 0;
}
.blogs-area .content{
	margin-bottom: 20px;
}
.blogs-area .content h3 a{
	font-size: 18px;
}
.partner-title{
	text-align: center;
	margin-bottom: 40px;
}
.partner-area .partner-title h2{
	font-size: 22px;
}
.footer-area .right-area {
    padding-right: 50px;
    margin-bottom: 30px;
}
	
	#header .navbar-collapse.show{
		visibility: visible;
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
	}
	 #header .navbar-collapse{
		position: fixed;
		top: 0px;
		bottom: 0;
		left: 100%;
		width: 64%;
		padding-right: 3rem;
		padding-left: 3rem;
		padding-top: 58px;
		overflow-y: auto;
		visibility: hidden;
		        background-color: rgba(0, 0, 0, 0.8);
		transition: visibility .3sease-in-out, -webkit-transform .3sease-in-out;
		transition: transform .3sease-in-out, visibility .3sease-in-out;
		transition: transform .3sease-in-out, visibility .3sease-in-out, -webkit-transform .3sease-in-out;
		z-index: 10000;
	}
	#header .close-toggler {
		background: none;
		color: #fff;
		padding: 5px;
		border: none;
		margin-top: 10px;
		font-size: 24px;
		position: absolute;
		top: 0;
		right: 15px;
		display: block;
		z-index: 999;
	}
	 .header-b .navbar-nav .nav-link{
	font-size: 18px;
	color: var(--white-color);
  }
	#header .btn-quote-header{
		margin-top: 20px;
	}
	#header .navbar-toggler{
		background-color: var(--white-color);
	}
	.navbar-nav > li > a + i {
        display: block;
    }
	.navbar-nav > li {
        position: relative;
    }
	.navbar-nav > li > a + i{
		right: 42px;
    	top: 0px;
	}
	#header .submenu {
		position: static !important;
		display: none;
		transform: none;
		width: 100%;
		border-radius: 0;
		border: none;
		padding: 0;
	  }
	
	  .caret {
		display: none !important;
	  }
	  #header li:hover .submenu {
		transform: none; /* Prevent hover interfering */
	  }
	.our-team-area .img-team img{
		margin-bottom: 15px;

	}
}
 @media (max-width: 520px) {
    .subscribe-form { flex-direction: column; align-items: stretch; }
    .subscribe-form button { width: 100%; }
  }

@media screen and (max-width: 767.98px){
	#header .header-t{
		display: none !important;
	}
	.banner-area .slide-item{
		display: block;
	}
	.banner-area .slide-item{
		padding: 30px  0 0;
	}
	.banner-area .slide-text h2{
		font-size: 30px;
	}
	.slide-img{
		margin-top: 60px;
	}
	.header-top{
		display: none;
	}
	    .product-area .title-area p {
        padding: 0 11px 0;
    }
	.cta-area-main .cta-holder{
		    padding: 40px 14px 63px;
	}
	.cta-area-main .cta-holder::before{
		display: none;
	}
	.banner-area {
    background-color: #F5F5F5;
    padding: 48px 0 33px;
}
	

.product-area .title-area span{
	font-size: 20px;
}
	#header{
		padding: 10px 0 0;
	}
	.header-b .logo {
        margin-left: 0;
    }
	#header .navbar-toggler{
      background: #fff8f7;;
        position: absolute;
		right: 0;
        top: -28px;
	}
	    .banner .holder-banner {
        top: 70px;
        left: 0;
    }
	.banner .caption-banner h1{
		font-size: 23px;
        line-height: 27px;
	}
	.banner .holder-banner{
		top: 40px;
		left: -51px;
	}
	.banner .caption-banner span{
		display: inline;
	}
	.banner .caption-banner p{
		font-size: 14px;
        line-height: 24px;
	}
	.banner .banner-img img {
        height: 612px;
        object-fit: cover;
    }
	 .holder-banner .banner-buttons {
    flex-direction: column;
    align-items: center; /* center alignment for column */
    gap: 0.75rem; /* thoda spacing between buttons */
  }

  .holder-banner .banner-buttons a {
    width: 100%;
    max-width: 250px; /* optional: buttons ki width control karne ke liye */
    text-align: center;
  }
  .header-b .navbar-nav .nav-link{
	font-size: 18px;
	color: var(--white-color);
  }
.page-title-area h2{
		font-size: 19px;
	}
	.page-title-content li{
		font-size: 14px;
	}
	.page-title-content li a::before{
		top: 4px;
	}
	.page-title-area{
		margin: 57px 0 0;
	}
	.aboutt-text-inner .about-content h2{
		font-size: 54px;
		text-align: center;
		margin-bottom: 10px;
	}
	.aboutt-text-inner .about-content h2 span{
		display: inline-block;
	}
	.page-content{
		padding: 60px 0 0;
	}
	.aboutt-text-inner .about-text{
		text-align: center;
	}
	.funfacts-area{
		margin-bottom: 50px;
	}
	.our-team-area .img-team img{
		margin-bottom: 16px;
	}
	.entra-meta li{
		margin-bottom: 10px;
	}
	.title-blog h3 a{
		font-size: 16px;
	}
	.blog-post-details-content p{
		font-size: 14px;
	}
	.blog-post-details li{
		font-size: 14px;
	}
	.form-holder-main .form-control{
		margin-bottom: 20px;
	}
	.cta-card-info{
		margin-top: 20px;
		height: inherit;
	}
	.woocommerce-topbar-ordering{
		position: static;
		margin-top: 15px;
	}
	.single-products-box .price{
		margin-bottom: 15px;
	}
}
@media screen and (max-width: 575.98px){
	.banner .caption-banner h1 {
        font-size: 20px;
        line-height: 24px;
    }
	.banner .holder-banner {
        top: 60px;
		left: 0;
    }
	.navbar-nav > li > a + i {
        right: 0px;
        top: 0px;
    }
	#header .navbar-collapse {
        width: 80%;
    }
	.page-title-area h2{
		font-size: 16px;
	}
}
.table_desc {
    border: 1px solid #eee;
}
.table-responsive {
    position: relative;
    z-index: 1;
}
table {
    width: 100%;
}
tbody, td, tfoot, th, thead, tr {
    border-color: inherit;
    border-style: solid;
    border-width: 0;
}
.table-responsive table thead {
    background: #f2f2f2;
}
.table_page table thead tr th {
    color: #333;
    border-bottom: 3px solid #ea2229;
    border-right: 1px solid #eee;
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
    padding: 10px;
    text-align: center;
}
.table_desc table tbody tr td:last-child, .table_page table thead tr:last-child th {
    border-right: 0;
}
.table_page table tbody tr td.product_remove {
    min-width: 100px;
    font-size: 20px;
}
.product_remove a{text-decoration: none; color: #ea2229;} 
.table-responsive table tbody tr td {
    border-right: 1px solid #eee;
    font-weight: 500;
    text-transform: capitalize;
    font-size: 14px;
    text-align: center;
    min-width: 150px;
}
.table_page table tbody tr td {
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
    text-align: center;
    padding: 10px;
}
.table_page table tbody tr td.product_thumb {
    max-width: 180px;
    overflow: hidden;
}
.table_page table tbody tr td.product_name {
    min-width: 180px;
}
.table_page table tbody tr td.product-price {
    min-width: 130px;
    color: #333;
    font-size: 16px;
    font-weight: 600;
}
.table_page table tbody tr td.product_quantity {
    min-width: 180px;
}
.table_desc table tbody tr td:last-child, .table_page table thead tr:last-child th {
    border-right: 0;
}
.product_thumb img{width: 100px;}
.product_name a{color: #666; text-decoration: none; font-weight: bold;}
.product_name a:hover{color: #dbba00;}
.table_page table tbody tr td.product_quantity label {
    font-weight: 600;
    margin-right: 5px;
}
.table_page table tbody tr td.product_quantity input {
    width: 60px;
    height: 40px;
    padding: 0 5px 0 10px;
    background: 0 0;
    border: 1px solid #eee;
}
.cart_submit {
    text-align: right;
    padding: 12px;
}
.cart_submit button:hover {
    background: #090936;
}
.cart_submit button {
    background: #ea2229;
    border: 0;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    height: 38px;
    line-height: 18px;
    padding: 10px 15px;
    text-transform: uppercase;
    cursor: pointer;
    transition: .3s;
    border-radius: 3px;
}
.coupon_code {
    border: 1px solid #ededed;
    margin-top: 60px;
}
.text-right{text-align: right;}
.coupon_code .h3, .coupon_code h3 {
    color: #fff;
    line-height: 36px;
    padding: 5px 15px;
    background: #313135;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    font-family: "Poppins", sans-serif;
}
.coupon_inner {
    padding: 10px 20px 25px;
}
.coupon_inner p {
    font-size: 13px;
    margin-bottom: 20px;
}
.coupon_inner input {
    border: 1px solid #ededed;
    height: 42px;
    background: 0 0;
    padding: 0 20px;
    margin-right: 20px;
    font-size: 12px;
    color: #333;
    width: 64%;
}
.coupon_inner button {
    background: #ea2229;
    border: 0;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    height: 38px;
    line-height: 18px;
    padding: 10px 15px;
    text-transform: uppercase;
    cursor: pointer;
    transition: .3s;
    border-radius: 3px;
}
.cart_subtotal {
    display: flex;
    justify-content: space-between;
}
.cart_subtotal p {
    font-weight: 600;
    font-size: 14px;
}
.cart_subtotal .cart_amount {
    font-size: 18px;
    font-weight: 600;
}
 
.cart_subtotal p span {
    margin-right: 30px;
}
.coupon_inner a {
    display: block;
    text-align: right;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 20px;
    border-bottom: 1px solid #ededed;
    padding-bottom: 10px;
    color: #666;
    text-decoration: none;
    border-radius: 3px;
}
 
.coupon_inner a:hover, .coupon_inner button:hover{color: #fff; background: #000;}
.checkout_btn {
    text-align: right;
}
.checkout_btn a {
    background: #ea2229;
    font-size: 15px;
    padding: 3px 14px;
    line-height: 30px;
    font-weight: 500;
    display: inline-block;
    text-transform: capitalize;
    margin-bottom: 0;
    color: #fff;
}