*{margin: 0px; padding: 0px; box-sizing: border-box;}
img{max-width: 100%;}
a,a:hover,a:visited,a:active,a:focus{text-decoration: none;}
ul{margin: 0px; padding: 0px;}
p{margin: 0px;}

/* body{    font-family: Open Sans,sans-serif;} */
body{    font-family: var(--typeBasePrimary),var(--typeBaseFallback);}

#index-header .header-sosiyalicon{padding: 5px 0px; background-color: #000; display: none;}
#index-header .header-sosiyalicon ul li a{color: #fff;}

#index-header{background-color: #fff; border-bottom: 1px solid gray; padding-bottom: 10px; position: unset;}

#index-header .headertop{background-color: #000000; padding: 10px 20px;}
#index-header .headertop .top-info li, header .headertop .top-info li a{color: #fff; font-size: 16px;}
#index-header .headermedim .heaqderlogo{padding-left: 72px;}
#index-header .headermedim .heaqderlogo img{width: 170px;}
#index-header .headermedim{display: flex; justify-content: space-between; align-items: center;}
/* header .headermedim .headericon{position: absolute; right: 154px; top: 61px;} */
#index-header .headermedim .headericon li a{color: #020202; font-size: 15px; transition: .5s;}
#index-header .headermedim .headericon{gap: 14px;}
#index-header .headermedim .headericon li a:hover{color: #000;}
.header-detail {align-items: center;}

/*  */



#index-header .heaberbooyem .navbar-brand{padding: 0px !important;}

/* header dropdown  */
.navbar-nav{--bs-nav-link-padding-x: none;}
#index-header .offcanvas .offcanvas-body .navbar-nav  .down{position: relative;}
#index-header .offcanvas .offcanvas-body .navbar-nav  .down .dropdown{transform: scale(0); position: absolute; top: 24px; z-index: 99; padding: 15px 15px; width: 250px; background-color: #ffffff;  border-top: 2px solid; transition: .5s;}
#index-header .offcanvas .offcanvas-body .navbar-nav  .down a i{transition: .3s;}
#index-header .offcanvas .offcanvas-body .navbar-nav  .down:hover a i{transform: rotate(180deg);}
#index-header .offcanvas .offcanvas-body .navbar-nav  .down:hover .dropdown{transform: scale(1);}
#index-header .offcanvas .offcanvas-body .navbar-nav  .down .dropdown li:first-child{margin-top: 12px;}
#index-header .offcanvas .offcanvas-body .navbar-nav  .down .dropdown li{margin-bottom: 15px;  padding-bottom: 4px;}
#index-header .offcanvas .offcanvas-body .navbar-nav  .down .dropdown li:last-child{border: none;}
#index-header .offcanvas .offcanvas-body .navbar-nav  .down .dropdown li a{color: #000; }



/*  */

#index-header .heaberbooyem .navbar .offcanvas-body .navbar-brand{    width: 150px;}
#index-header .heaberbooyem .navbar-nav .nav-item .nav-link{font-size: 16px; color: #000000;  font-family: Lato,sans-serif; text-transform: uppercase; transition: .5s; font-family: var(--typeBasePrimary),var(--typeBaseFallback);}
#index-header .heaberbooyem img{width: 250px;}
.btn-close{color: #fff;}
#index-header .heaberbooyem .navbar-nav .nav-item .nav-link::after{background-color: #a64826; height: 2px; width: 0px; content: ''; display: block; top: calc(100% + 4); transition: .5s;}
#index-header .heaberbooyem .navbar-nav .nav-item .nav-link:hover{color: #a64826;}
#index-header .heaberbooyem .navbar-nav .nav-item .nav-link:hover::after{width: 100%;}
#index-header .heaberbooyem .navbar-toggler{border-radius: 0px; border: 2px solid #000;}
#index-header .heaberbooyem .navbar-toggler span i{color:#000!important;}
#index-header .heaberbooyem .offcanvas{background-color: #ffffff; color: rgb(0, 0, 0); width: 276px;}
#index-header .heaberbooyem button:focus:not(:focus-visible){box-shadow: none;}
#index-header .heaberbooyem .offcanvas-header .btn-close{color: #030303; }
#index-header .heaberbooyem  .navbar-nav .leee .lee{display: none;}
/*  */


/* index-header */
header .header-sosiyalicon{padding: 5px 0px; background-color: #000; display: none;}
header .header-sosiyalicon ul li a{color: #fff;}

header{position: absolute; top: 0px; right: 0px; left: 0px; z-index: 99;     background: #0000002e;}

header .headertop{background-color: #000000; padding:10px 0px;}
header .headertop .top-info {display:flex;}
.header-sosiyalicon li a {color:#fff;}
header .headertop .top-info li, header .headertop .top-info li a{color: #fff; font-size: 16px;}
#index-header .headertop .top-info li.googletranslate, header .headertop .top-info li.googletranslate a {color:#000;}
header .headermedim .heaqderlogo{padding-left: 72px;}
header .headermedim .heaqderlogo img{width: 150px;}
header .headermedim{display: flex; justify-content: space-between; align-items: center;}
/* header .headermedim .headericon{position: absolute; right: 154px; top: 61px;} */
header .headermedim .headericon li a{color: #020202; font-size: 15px; transition: .5s;}
header .headermedim .headericon{gap: 14px;}
header .headermedim .headericon li a:hover{color: #000;}

/*  */
header .heaberbooyem .navbar-brand{padding: 0px !important;}

/* header dropdown  */
.navbar-nav{--bs-nav-link-padding-x: none;}
header .offcanvas .offcanvas-body .navbar-nav  .down{position: relative;}
header .offcanvas .offcanvas-body .navbar-nav  .down .dropdown{transform: scale(0); position: absolute; top: 24px; z-index: 99; padding: 15px 15px; width: 250px; background-color: #ffffff;  border-top: 2px solid; transition: .5s;}
header .offcanvas .offcanvas-body .navbar-nav  .down a i{transition: .3s;}
header .offcanvas .offcanvas-body .navbar-nav  .down:hover a i{transform: rotate(180deg);}
header .offcanvas .offcanvas-body .navbar-nav  .down:hover .dropdown{transform: scale(1);}
header .offcanvas .offcanvas-body .navbar-nav  .down .dropdown li:first-child{margin-top: 12px;}
header .offcanvas .offcanvas-body .navbar-nav  .down .dropdown li{margin-bottom: 15px;  padding-bottom: 4px;}
header .offcanvas .offcanvas-body .navbar-nav  .down .dropdown li:last-child{border: none;}
header .offcanvas .offcanvas-body .navbar-nav  .down .dropdown li a{color: #000; }



/*  */

header .heaberbooyem .navbar .offcanvas-body .navbar-brand{    width: 150px;}
header .heaberbooyem .navbar-nav .nav-item .nav-link{font-size: 16px; color: #fff;  font-family: Lato,sans-serif; text-transform: uppercase; transition: .5s; font-family: var(--typeBasePrimary),var(--typeBaseFallback);}
header .heaberbooyem .navbar-nav .nav-item .nav-link:hover{color: #a64826;}
header .heaberbooyem img{width: 250px;}
.btn-close{color: #fff;}
header .heaberbooyem .navbar-nav .nav-item .nav-link::after{background-color: #a64826; height: 2px; width: 0px; content: ''; display: block; top: calc(100% + 4); transition: .5s;}
header .heaberbooyem .navbar-nav .nav-item .nav-link:hover::after{width: 100%;}
header .heaberbooyem .navbar-toggler{border-radius: 0px; border: 2px solid #000;}
header .heaberbooyem .navbar-toggler span i{color:#000!important;}
header .heaberbooyem .offcanvas{background-color: #ffffff; color: rgb(0, 0, 0); width: 276px;}
header .heaberbooyem button:focus:not(:focus-visible){box-shadow: none;}
header .heaberbooyem .offcanvas-header .btn-close{color: #030303; }
header .heaberbooyem  .navbar-nav .leee .lee{display: none;}
/*  */



/*  */

#slider .owl-carousel .owl-stage .imgsc{background-position: center; background-size: cover; background-repeat: no-repeat; padding: 330px 0px;}


/*#slider .owl-carousel .owl-stage .imgsc{background-image: url(../images/slidear.jpg); background-position: center; background-size: cover; background-repeat: no-repeat; padding: 330px 0px;}*/

/*#slider .owl-carousel .owl-stage .imgsca{background-image: url(../images/slider2.jpg); background-position: center; background-size: cover; background-repeat: no-repeat; padding: 330px 0px;}*/

/*#slider .owl-carousel .owl-stage .imgscb{background-image: url(../images/slider3.jpg); background-position: center; background-size: cover; background-repeat: no-repeat; padding: 330px 0px;}*/

#slider .owl-carousel .owl-stage .owl-item h2{font-size: 75px; color: #fff; margin-left: 140px; margin-top: 150px; font-family: 'Playfair Display', serif;}
#slider .owl-carousel .owl-stage .owl-item .heading{color: #fff; margin-left: 140px; text-transform: uppercase; font-size: 19px;  font-family: 'Playfair Display', serif;}
#slider .owl-carousel .owl-nav button.owl-next{position: absolute; top: 290px; right: 50px; height: 40px; width: 40px; background-color:#000; border-radius: 50px; text-align: center; line-height: 17px; font-size: 26px; color:#f30101;}
#slider .owl-carousel .owl-nav button.owl-prev{position: absolute; top: 290px; left:50px; height: 40px; width: 40px; background-color:#000; border-radius: 50px; text-align: center; line-height: 17px; font-size: 26px; color: #ff0000;}
#slider .owl-carousel .owl-nav button.owl-next span{position: absolute; top: 8px; left: 16px;}
#slider .owl-carousel .owl-nav button.owl-prev span{position: absolute; top: 8px; left: 16px;}
#slider .owl-theme .owl-dots .owl-dot{display: none;}

/*  */
.imgscin {
    margin-top: 30px;
    position: relative;
    overflow: hidden;
}

/* #arrival */

#arrival{padding: 50px 0px;}
#arrival .row{row-gap: 30px;}
#arrival h2{text-align: center;  margin: 22px 0px 37px;     font-family: unset}
#arrival .imgsc img{width: 100%;}
#arrival .imgsc:hover{position: relative; overflow: hidden;}
#arrival .imgsc:hover .img1{transform: translateY(0)scale(1.1); opacity: 0;  transition: .5s; -o-transition: .5s; -webkit-transition: .5s; -moz-transition: .5s;}
#arrival .imgsc .img2{position: absolute; top: 0; right: 0; left: 0;  transition: .5s; z-index: 999; opacity: 0; transition: .5s ; -o-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s;}
#arrival .imgsc:hover .img2{opacity: 1; overflow: hidden;}
#arrival .content h4{font-size: 13px; margin: 10px 0px -7px;}
#arrival .content h3 .btn4{text-align: center; color: #000; font-size: 18px; margin: 0px 0px 10px;}
#arrival .content h5{font-size: 13px; margin: -2px 0px 15px;}
#arrival .imgsc{ position: relative;}

/* #featuredproducts */

#featuredproducts {padding: 50px 0px;}
#featuredproducts .row{row-gap: 30px;}
#featuredproducts h2{text-align: center;  margin: 22px 0px 37px;     font-family: unset}
#featuredproducts .imgsc img{width: 100%;}
#featuredproducts .imgsc:hover{position: relative; overflow: hidden;}
#featuredproducts .imgsc:hover .img1{transform: translateY(0)scale(1.1); opacity: 0;  transition: .5s; -o-transition: .5s; -webkit-transition: .5s; -moz-transition: .5s;}
#featuredproducts .imgsc .img2{position: absolute; top: 0; right: 0; left: 0;  transition: .5s; z-index: 999; opacity: 0; transition: .5s ; -o-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s;}
#featuredproducts .imgsc:hover .img2{opacity: 1; overflow: hidden;}
#featuredproducts .content h4{font-size: 13px; margin: 10px 0px -7px;}
#featuredproducts .content h3 .btn4{text-align: center; color: #000; font-size: 18px; margin: 0px 0px 10px;}
#featuredproducts .content h5{font-size: 13px; margin: -2px 0px 15px;}
#featuredproducts .imgsc{ position: relative;}

/* category */

#category{padding: 50px 0px;}
#category h2{text-align: center;  margin-bottom: 40px;     font-family: unset}
#category .row{row-gap: 30px;}
#category .imgsc:hover{position: relative; overflow: hidden;}
#category .imgsc{position: relative; height: 100%;}
#category .imgsc:hover .img1{transform: translateY(0)scale(1.1); opacity: 0;  transition: .5s; -o-transition: .5s; -webkit-transition: .5s; -moz-transition: .5s;}
#category .imgsc .img2{position: absolute; top:0px; left: 0px; right: 0px; opacity: 0; transition: .5s; z-index: 99;}
#category .imgsc:hover .img2{opacity: 1; overflow: hidden;}
#category h6{text-align: center;}
#category h6 a{margin-top: 15px; display: inline-block; color: #000;}

/*  */

#why-chouse h2{text-align: center; margin-bottom: 30px;     font-family: unset}
#why-chouse{margin-bottom: 50px;}

#backgriund{background-image: url(../images/banner.webp); background-size: cover; background-repeat: no-repeat; padding: 200px 0px; background-position: center; background-attachment: fixed; position: relative; z-index: 1;}
#backgriund::before{background-color: #0000008f; bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; z-index: -1;}
#backgriund .content{text-align: center;}
#backgriund .content h5{margin-bottom: 25px; color: #fff;}
#backgriund .content h3{margin-bottom: 25px; color: #fff; font-size: 34px;}
#backgriund .content .btn-a{display: inline-block; padding: 10px 30px; background-color: #000; border-radius: 5px; color: #fff;}


/* testimanoils */

#testimanoils{padding: 50px 30px;}
#testimanoils h2{text-align: center; margin-bottom: 30px; font-family: 'Oswald', sans-serif;}
#testimanoils .text{text-align: center; width: 600px; margin: auto; margin-bottom: 40px;} 
#testimanoils  h6{font-family: unset font-size: 40px; margin-bottom: 15px; color: #0e0e0e; text-align: center;}
#testimanoils .testimaniol-inr{text-align: center; border-right: 1px solid gray;}
/* #testimanoils .testimaniol-inr:last-child{border: 0px;} */
#testimanoils .testimaniol-inr .test li{font-size: 13px; color: #ffc200; margin: 18px 0px 3px;}
#testimanoils .testimaniol-inr .imgs{position: relative; z-index: 1; }
#testimanoils .owl-carousel .owl-stage-outer {padding: 30px 0px;}
#testimanoils .testimaniol-inr .imgs::before{position: absolute;
  content: "";
  background-image: url(../images/testimonial-before.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  transform: scale(.65);
  width: 162px;
  height: 162px;
  right: 0;
  border-radius: 50%;
  left: 0px;
  top: 0px;
  bottom: 0;
  margin: auto;
  transition: .5s;
  z-index: -1;
  opacity: 0;
  visibility: hidden;}
#testimanoils .testimaniol-inr:hover .imgs::before {opacity: 1; visibility: visible; transform: scale(1);}


#testimanoils .testimaniol-inr .imgs img{border-radius: 50%; width: 134px; margin: auto;}
#testimanoils .testimaniol-inr .text-b{font-size: 14px; font-weight: 300; font-family: 'Oswald', sans-serif; width: 90%; margin: auto;}
#testimanoils .testimaniol-inr h5{font-size: 18px; font-weight: 300; font-family: 'Oswald', sans-serif; margin-top: 15px;}
#testimanoils .testimaniol-inr h4{font-size: 16px; font-weight: 300; font-family: 'Oswald', sans-serif; margin-top: 8px; color: #ec433b;}

/*  */

#gallery{padding: 0px 35px 70px;}
#gallery  h2{text-align: center; margin: 0px 0px 35px;     font-family: unset}
  
  .img-wrapper {
	position: relative;
	/* margin-top: 15px; */
	border: 1px solid #fff;
  }
  .img-wrapper img {
	width: 100%;
  }
  
  .img-overlay {
	background: rgba(0, 0, 0, 0.7);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 0;
  }
  .img-overlay i {
	color: #fff;
	font-size: 3em;
  }
  
  #overlay {
	background: rgba(0, 0, 0, 0.7);
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 999;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
  }
  #overlay img {
	margin: 0;
	width: 80%;
	height: auto;
	-o-object-fit: contain;
	   object-fit: contain;
	padding: 5%;
  }
  @media screen and (min-width: 768px) {
	#overlay img {
	  width: 60%;
	}
  }
  @media screen and (min-width: 1200px) {
	#overlay img {
	  width: 50%;
	}
  }
  
  #nextButton {
	color: #fff;
	font-size: 2em;
	transition: opacity 0.8s;
  }
  #nextButton:hover {
	opacity: 0.7;
  }
  @media screen and (min-width: 768px) {
	#nextButton {
	  font-size: 3em;
	}
  }
  
  #prevButton {
	color: #fff;
	font-size: 2em;
	transition: opacity 0.8s;
  }
  #prevButton:hover {
	opacity: 0.7;
  }
  @media screen and (min-width: 768px) {
	#prevButton {
	  font-size: 3em;
	}
  }
  
  #exitButton {
	color: #fff;
	font-size: 2em;
	transition: opacity 0.8s;
	position: absolute;
	top: 15px;
	right: 15px;
  }
  #exitButton:hover {
	opacity: 0.7;
  }
  @media screen and (min-width: 768px) {
	#exitButton {
	  font-size: 3em;
	}
  }

/*  */


footer{background-color: #efe8d8; padding: 30px 0px;}
footer .footermn .footerbox .footerinr ul li img{width: 46%;}
footer .footermn .footerbox .footerinr .text{font-size: 16px; margin-bottom: 22px;}
footer .footermn .footerbox .footerinr .imgsc .imga:hover{padding-left: 0px;}
footer .footermn .footerbox .footerinr .lorem:hover{padding: 0px; color: #202020;}
footer .footermn .footerbox .footerinr li{color: rgb(0, 0, 0); text-align: initial; margin-bottom: 15px; line-height: 24px;  font-size: 16px;}
footer .footermn .footerbox .footerinr li a{ transition: .5s; -o-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; font-size: 16px; font-weight: 400; line-height: 24px; color: #4d4d4d;}
footer .footermn .footerbox .footerinr li a:hover{color:#000; padding-left: 10px;}
footer .footermn {border-bottom: 1px solid rgb(97, 97, 97);}
footer .footermn .footerbox .footerinr li i{color: #8f8fc4;}
footer .footermn .footerbox .footerinr .about li a:hover{padding: 0px;}
footer .footerbootem{padding-top: 30px;}
footer .footermn .footerbox .footerinr li a img{width: 35px; height: 35px;}
footer .footerbootem h2{text-align: center;}
footer .footerbootem h2 img{width: 260px;}



    /* whatapp */
	.quickcontact {
		width: 40px;
		position: fixed;
		top: 77%;
		left: 30px;
		z-index: 9999;
	  }

	  .upicon {
		width: 40px;
		position: fixed;
		top: 83%;
		right: 30px;
		z-index: 9999;
	  }

	  .upicon a{height: 35px; width: 35px; background-color: #000; display: inline-block; border-radius: 50px; text-align: center; line-height: 35px; color: #fff;}


	  /* search ka popup */
	  
	  #search-menu {
		position: fixed;
		width: 100%;
		height: 20em;
		top: -20em;
		left: 0;
		right: 0;
		white-space: nowrap;
		z-index: 9999;
		background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.8) 50%, rgba(0, 0, 0, 0.01) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.8)), color-stop(50%, rgba(0, 0, 0, 0.8)), color-stop(100%, rgba(0, 0, 0, 0.01)));
		background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.8) 50%, rgba(0, 0, 0, 0.01) 100%);
		background: -o-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.8) 50%, rgba(0, 0, 0, 0.01) 100%);
		background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.8) 50%, rgba(0, 0, 0, 0.01) 100%);
		background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.8) 50%, rgba(0, 0, 0, 0.01) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cc000000", endColorstr="#1a000000",GradientType=0);
		opacity: 0;
		visibility: hidden;
		-webkit-transition: 500ms ease all;
		-moz-transition: 500ms ease all;
		transition: 500ms ease all;
	  }
	  #search-menu.toggled {
		top: 0;
		opacity: 1;
		visibility: visible;
	  }
	  #search-menu .wrapper {
		position: relative;
		margin: 3em auto 0 auto;
		padding: 0 1em;
	  }
	  #search-menu .wrapper input {
		width: 58%;
		padding: 0 0 0.125em 0;
		background: transparent;
		border: none;
		border-bottom: 3px solid #bfbfbf;
		font-size: 25px;
		color: #bfbfbf;
	  }
	  #search-menu .wrapper input:focus {
		outline: none;
	  }
	  #search-menu .wrapper button {
		/* position: absolute;
		display: block;
		width: 10%; */
		right: 0;
		top: 0;
		background: transparent;
		border: none;
		color: #bfbfbf;
		font-size: 40px;
		-webkit-transition: 500ms ease all;
		-moz-transition: 500ms ease all;
		transition: 500ms ease all;
	  }
	  #search-menu .wrapper button:hover {
		color: #fff;
	  }
	  #search-menu .wrapper button:focus {
		outline: none;
	  }
	  
	  #search-icon {
		padding: 0 0.5em 0.25em 0.5em;
		font-size: 15px;
		color: #000;
		cursor: pointer;
		
		text-align: center;
		-webkit-transition: 500ms ease all;
		-moz-transition: 500ms ease all;
		transition: 500ms ease all;
	  }
	  #search-icon:hover {
		color: #000000;
	  }

	  /*  */





/* index clos */

/* contact strat */

#contact-det{padding: 60px 20px;}
#contact-det .inr{row-gap: 40px;}
#contact-det h4{color: #222; font-size: 22px; font-weight: 500; margin-bottom: 15px;}
#contact-det .text, #contact-det .text a{color: #777; font-family: "Poppins",Sans-serif; font-weight: 400;}
#contact-det h2{margin-bottom: 25px;}
#contact-det .form-control{border-radius: 0px; padding: 10 20px; margin-bottom: 8px; box-shadow: none;}
#contact-det .btn{padding: 10px 30px; background-color: #a64826; border-radius: 4px; color: #fff;}
#contact-det .icon li a{height: 40px; width: 40px; display: inline-block; color: #fff; text-align: center; line-height: 40px; border-radius: 50px;}

/* about */

#about{background-image: url(../images/about-banner.jpg); background-position: center; background-size: cover; padding: 100px 0px;}
#about h2{text-align: center; color: #fff; font-size: 35px; background-repeat: no-repeat;}
#about .info li a, #about .info li{color: #ffffff; transition: .5s; font-size: 18px;}
#about .info li a:hover{color: #a64826;}

#about-banner{padding: 60px 0px;}
#about-banner h2{text-align: center; color: #222; font-size: 54px; font-weight: 500;}
/*#about-banner .text{text-align: center; color: #777; font-weight: 400; width: 58%; margin: auto; font-family: "Poppins",Sans-serif;}*/
#about-banner .text{text-align: justify; color: #777; font-weight: 400; width: 90%; margin: auto;     font-family: cursive;;}
#about-banner img{margin-top: 2px;}

#about-mision{padding: 0px 0px 60px;}
#about-mision .text-b{font-family: "Poppins",Sans-serif; text-align: justify; font-size: 15px;}

/* zoop product start */
#zoomp{padding: 50px 0px; margin-top: 20px;}
#zoomp h3{font-size: 28px; margin-bottom: 20px;}
#zoomp ul{display: flex; list-style: none; gap: 80px; margin-bottom: 10px;}
#zoomp .text{text-align: justify; margin-top: 20px;}
#zoomp .btn{padding: 10px 30px; font-size: 18px; display: inline-block; background-color: #000; color: #fff; margin-top: 30px;}


#zoomp .zoom-gallery a img{width: 90px; margin: auto;}

/* zoom product clos */

/* zooomtab */
#zooomtab h3{font-size: 20px;}
#zooomtab .text{font-size: 16px; text-align: justify;}


/* similar-product */


#similar-product{padding: 50px 0px;}
#similar-product h2{text-align: center;  margin-bottom: 40px;     font-family: unset}
#similar-product .row{row-gap: 30px;}
#similar-product .imgsc:hover{position: relative; overflow: hidden;}
#similar-product .imgsc{position: relative; height: 100%;}
#similar-product .imgsc:hover .img1{transform: translateY(0)scale(1.1); opacity: 0;  transition: .5s; -o-transition: .5s; -webkit-transition: .5s; -moz-transition: .5s;}
#similar-product .imgsc .img2{position: absolute; top:0px; left: 0px; right: 0px; opacity: 0; transition: .5s; z-index: 99;}
#similar-product .imgsc:hover .img2{opacity: 1; overflow: hidden;}
#similar-product h6{text-align: center;}
#similar-product h6 a{margin-top: 15px; display: inline-block; color: #000;}
#similar-product .owl-theme .owl-dots .owl-dot{display: none;}