* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}

img,
video {
  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: math;

}

header .header-top {padding: 5px 0px; background-color: #0182c3;}

header .header-top .top-in li a,
header .header-top .top-in li {
  color: #fff;
}

/*header .header-med .header-logo{text-align: center; padding: 10px 0px 0px;}*/
/*header .header-med .header-logo img{width: 7%;}*/

header .headermedim .heaqderlogo{padding-left: 72px;}
header .headermedim .heaqderlogo img{width: 86px;}
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: #ac252b;}

/*  */
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:hover .dropdown li:first-child{margin-top: 12px;}
header .offcanvas .offcanvas-body .navbar-nav  .down:hover .dropdown li{margin-bottom: 15px;  padding-bottom: 4px;}
header .offcanvas .offcanvas-body .navbar-nav  .down:hover .dropdown li:last-child{border: none;}
header .offcanvas .offcanvas-body .navbar-nav  .down:hover .dropdown li a{color: #000; }




header .header-bottom {padding: 10px 20px; background-color: #ffffff; left: 0px; right: 0px; z-index: 99;}
header .header-bottom .navbar {padding: 0px;}
header .header-bottom .navbar .navbar-brand {width: 7%; padding: 0px; display: none;}
header .header-bottom .navbar .navbar-nav {align-items: center; justify-content: center; gap: 25px;}
header .header-bottom .navbar .navbar-nav .nav-link {color: #000; font-size: 14px; font-family: math; text-transform: uppercase; font-weight: 600;
position: relative; transition: .5s;}
header .header-bottom .navbar .navbar-nav .nav-link:hover {color: #ac252b;}
header .header-bottom .navbar .navbar-nav .nav-link::before {position: absolute; content: ''; width: 0px; height: 2px; background-color: #ac252b;
bottom: 7px; transition: .5s; z-index: 1;}
header .header-bottom .navbar .navbar-nav .nav-link:hover::before {width: 100%;}
header .header-bottom .navbar .navbar-toggler {color: #ac252b; box-shadow: none; border: transparent; border-radius: 0px;}
header .header-bottom .navbar .offcanvas {width: 280px;}

header .dropdown-menu{border-radius: 0; border: 0; padding: 15px 0; box-shadow: 0 0 5px #0000002f; background-color: #000;}
header .dropdown-menu li .dropdown-item{padding: 6px 10px; font-size: 14px; font-weight: 500; color:#fff; font-family: "Quicksand", sans-serif;}
header .dropdown-menu li .dropdown-item:hover{background-color: #0182c3; color: #fff;}



/* header  sticky */
.sticky {
  background-color: #fff;
  left: 0;
  right: 0;
  z-index: 999;
  position: fixed !important;
  top: 0px;
  animation: slideDown .5s ease-out;
  box-shadow: 0px 0px 10px #0000003d;
  padding: 3px 0px;
}

@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }

  to {
    transform: translateY(10);
  }
}

header .heaberbooyem .offcanvas-title {color: #020202;}


/* header ma cart ki  */
.vive-cart .row{border-top: 1px solid rgb(199, 196, 196); border-bottom: 1px solid rgb(199, 196, 196); padding-bottom: 30px; padding-top: 30px;}
.vive-cart .content h3{line-height: 17px;}
 .vive-cart .content h3 a{font-size: 16px; color: #000; font-weight: bold;}
 .vive-cart .content h4 b{font-size: 16px; color: #000;}
 .vive-cart .content h4{color: rgb(165, 162, 162); font-size: 16px;}
 .vive-cart .content h5 b{ color: #000; font-size: 16px;}
 .vive-cart .content h5{color: rgb(165, 162, 162); font-size: 16px;}

 .vive-cart .content .qty-input {
	color: #000;
	background: #fff;
	display: flex;
	align-items: center;
	overflow: hidden;
  }
 .vive-cart .content .qty-input .product-qty,
 .vive-cart .content .qty-input .qty-count {
	background: transparent;
	color: inherit;
	font-weight: bold;
	font-size: inherit;
	border: none;
	display: inline-block;
	min-width: 0;
	height: 2.5rem;
	line-height: 1;
  }
 .vive-cart .content .qty-input .product-qty:focus,
 .vive-cart .content .qty-input .qty-count:focus {
	outline: none;
  }
 .vive-cart .content .qty-input .product-qty {
	width: 50px;
	min-width: 0;
	display: inline-block;
	text-align: center;
	-webkit-appearance: textfield;
	   -moz-appearance: textfield;
			appearance: textfield;
  }
 .vive-cart .content .qty-input .product-qty::-webkit-outer-spin-button, .qty-input .product-qty::-webkit-inner-spin-button {
	-webkit-appearance: none;
			appearance: none;
	margin: 0;
  }
 .vive-cart .content .qty-input .qty-count {
	padding: 0;
	cursor: pointer;
	width: 2.5rem;
	font-size: 1.25em;
	text-indent: -100px;
	overflow: hidden;
	position: relative;
  }
 .vive-cart .content .qty-input .qty-count:before, .qty-input .qty-count:after {
	content: "";
	height: 2px;
	width: 10px;
	position: absolute;
	display: block;
	background: #000;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
  }
 .vive-cart .content .qty-input .qty-count--minus {
	border-right: 1px solid #e2e2e2;
  }
 .vive-cart .content .qty-input .qty-count--add {
	border-left: 1px solid #e2e2e2;
  }
 .vive-cart .content .qty-input .qty-count--add:after {
	transform: rotate(90deg);
  }


  

  
 .vive-cart .content .qty-input {
	border-radius: 4px;
	width: 140px;
	transform: scale(1);
	border: 1px solid#e2e2e2;
  }


  .vive-cart .cartinfo{margin: 20px 0px;}
  .vive-cart .cartinfoo{ border-bottom: 1px solid rgb(199, 196, 196); margin-bottom: 20px; padding-bottom: 20px;}
  .vive-cart .btnd{display:block; text-align: center; transition: .5s; padding: 10px 20px; background-color: #0182c3; color: #fff; transition: .5s; font-size: 18px;}
  .vive-cart .btnd:hover{background-color: #ac252b;}

  /* hearder ka cart icon ki css clos */




/* slider */

#slider .owl-carousel button.owl-dot {display: none;}

/* mobile-slider */

#mobile-slider{display: none;}

/* shop-by-brands */

#shop-by-brands{padding: 50px 0px; background-color: #cfcbcb70; margin-top: -10px;}
#shop-by-brands h2{text-align: center; margin-bottom: 35px; font-size: 35px;}
#shop-by-brands .imgs img {border: 1px solid #d2d5da; height: 150px; width: 150px; border-radius: 50%; text-align: center; margin: auto;}

/* counetr */

#counetr{padding: 30px 0px; overflow: hidden;}

/* mobile-counetr */

#mobile-counetr{padding: 30px 0px; display: none; overflow: hidden;}

/* shop-categories */

#shop-categories{padding: 40px 40px; background-color: #cfcbcb70;}
#shop-categories .row{row-gap: 25px;}
#shop-categories h2{text-align: center; margin-bottom: 35px; font-size: 35px;}
#shop-categories .imgs{overflow: hidden; border-radius: 20px;}
#shop-categories .imgs img{transition: 5s;
    height: 400px;
    width: 100%;
    object-fit: contain;
    background: #ffffff;}
#shop-categories .imgs:hover img{transform: scale(1.1);}
#shop-categories h4{text-align: center; margin-top: 30px; font-size: 21px;}
#shop-categories h4 a{color: #000; transition: .5s;}
#shop-categories h4 a:hover{color: #0182c3;}
#shop-categories h4 span i{transition: .5s; margin-left: 10px;}
#shop-categories h4:hover span i{margin-left: 15px;}

/* shop-glucometer */

#shop-glucometer{padding: 50px 40px;}
#shop-glucometer .row{row-gap: 30px;}
#shop-glucometer h2{text-align: center; margin-bottom: 15px}
#shop-glucometer .text{font-size: 18px; text-align: center; margin-bottom: 65px;}
#shop-glucometer .iner{background-color: #fff; box-shadow: 0px 0px 10px #00000028; transition: .5s;}
#shop-glucometer .iner:hover{transform: translateY(5px);}
#shop-glucometer .content{text-align: center; padding: 20px;}
#shop-glucometer .content h3{font-size: 15px; font-weight: 600; margin: 20px 0px 15px; line-height: 22px; transition: .5s; color: #000;}
#shop-glucometer .content h3:hover{text-decoration: underline; text-underline-offset: .3rem; color: #0182c3;}
#shop-glucometer .content h5{color: #242424;}
#shop-glucometer .content .choose-btn{padding: 10px 30px; border: 1px solid #0182c3; color: #0182c3; border-radius: 30px; display: inline-block; margin: 25px 0px 20px; transition: .5s;}
#shop-glucometer .content .choose-btn:hover{background-color: #0182c3; color: #fff;}
#shop-glucometer .view-btn{text-align: center; margin-top: 30px;}
#shop-glucometer .view-btn a{padding: 10px 50px; background-color: #0182c3; color: #fff; border-radius: 30px; display: inline-block; margin: 25px 0px 20px; transition: .5s;}
#shop-glucometer .view-btn a:hover{background-color: #ac252b; color: #fff;}

/* shop-ostomy */

#shop-ostomy{padding: 50px 40px; background-color: #cfcbcb70;}
#shop-ostomy h2{text-align: center; margin-bottom: 15px}
#shop-ostomy .text{font-size: 18px; text-align: center; margin-bottom: 65px;}
#shop-ostomy .iner{background-color: #fff; box-shadow: 0px 0px 10px #00000028; transition: .5s;}
#shop-ostomy .iner:hover{transform: translateY(5px);}
#shop-ostomy .content{text-align: center; padding: 20px;}
#shop-ostomy .content h3{font-size: 15px; font-weight: 600; margin: 20px 0px 15px; line-height: 22px; transition: .5s; color: #000;}
#shop-ostomy .content h3:hover{text-decoration: underline; text-underline-offset: .3rem; color: #0182c3;}
#shop-ostomy .content h5{color: #242424;}
#shop-ostomy .content .choose-btn{padding: 10px 30px; border: 1px solid #0182c3; color: #0182c3; border-radius: 30px; display: inline-block; margin: 25px 0px 20px; transition: .5s;}
#shop-ostomy .content .choose-btn:hover{background-color: #0182c3; color: #fff;}
#shop-ostomy .view-btn{text-align: center; margin-top: 30px;}
#shop-ostomy .view-btn a{padding: 10px 50px; background-color: #0182c3; color: #fff; border-radius: 30px; display: inline-block; margin: 25px 0px 20px; transition: .5s;}
#shop-ostomy .view-btn a:hover{background-color: #ac252b; color: #fff;}

/* slider-bg-5 */

#slider-bg-5{overflow: hidden; padding: 0px 0px;}


/* footer */

/* footer {background-color: #fff; padding: 50px 0px 25px;} */

footer .footer-inr img {width: 26%;}
footer .footer-top {background-color: #eaf6ff; padding: 50px 0px;}
footer .footer-top .row {row-gap: 40px;}
footer .footer-top p {color: #000; font-size: 14px; width: 73%; text-align: justify; font-family: 'Open Sans', sans-serif;}
footer .footer-top h4 {font-size: 17px; color: #ac252b; font-weight: 600; margin-bottom: 10px; font-family: 'Open Sans', sans-serif;}
footer .footer-top .footer-info li {color: #000; font-family: 'Open Sans', sans-serif;}
footer .footer-top .footer-info li a {margin-bottom: 20px; font-family: 'Open Sans', sans-serif; font-size: 14px; display: inline-block; color: #000;}
footer .footer-top .footer-icon li a {height: 30px; font-family: 'Open Sans', sans-serif; width: 30px; line-height: 30px; color: #000; border: 1px solid #000;
border-radius: 50px; display: inline-block; text-align: center;}
footer .footer-top .footer-add {margin-bottom: 14px;}
footer .footer-top .footer-add li {margin-bottom: 20px; font-family: 'Open Sans', sans-serif; font-size: 14px; color: #000;}
footer .footer-top .footer-add li i{color: #ac252b;}
footer .footer-top .footer-add li a {color: #000;}
.logoicon{background-color: #eaf6ff; padding: 10px 0px 25px; border-top: 1px solid #ac252b;}
.logoicon .imgsc {text-align: center; padding-top: 12px;}
.logoicon .imgsc img {width: 195px; background-color: #ac252b; padding: 0px 10px 8px; border-radius: 100px;}

/* modal */

.modal .modal-title {
  color: #ac252b;
}

.modal .close {
  color: #ac252b;
  font-size: 25px;
  background-color: transparent;
  border: none;
}

.modal .modal-header {
  border-color: #ac252b;
}

.modal form {
  row-gap: 20px;
}

.modal .modal-content {
  background-color: #fff;
  padding: 15px;
  border-radius: 30px;
}

.modal form .form-control,
.modal form .form-select {
  border: none;
  border-bottom: 1px solid #000000;
  background-color: #85232b00;
  border-radius: 0px;
  color: #000000;
}

.modal form .label {
  color: #000000;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px;
}

.modal form .form-control:focus,
.modal form .form-select:focus {box-shadow: none; border-color: #1f1a17;}
.modal form .form-control::placeholder,
.modal form .form-select::placeholder {color: #000000;}
.modal form .btn {background-color: #ac252b; color: #fff;  width: 100%; font-weight: 500;}


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


	  /* 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;
	  }



/* about-slider */

#about-slider{padding: 30px 0px; border-top: 1px solid #d4d2d2; border-bottom: 1px solid #d4d2d2; background-color: #0182c3;}
#about-slider h2{color: #fff; font-weight: 600; text-align: center; margin-bottom: 5px;}
#about-slider p{font-size: 16px; color: #fff; text-align: center; transition: .5s;}
#about-slider p a{color: #fff;}

/* about */

#about {padding: 50px 0px;}
#about .row {row-gap: 30px;}
#about .content h2 {font-family: 'Roboto Slab', serif; color: #484848; font-size: 35px; margin-bottom: 10px; font-weight: bold;}
#about .content span {color: #0182c3;}
#about .content p {font-size: 17px; text-align: justify; color: #484848; line-height: 24px; margin-bottom: 24px;}
#about .imgs {overflow: hidden; border-radius: 5px; text-align: end;}
#about .imgs img {transition: 9s;}
#about .imgs:hover img {transform: scale(1.2);}

/* gallery */

#gallery {padding: 50px 0; }
#gallery .section-titel{padding-left: 35px; position: relative; margin-bottom: 15px;}
#gallery .section-titel::before{top: 0; left: 0; bottom: 0; width: 15px; content: ''; border-radius: 3px; position: absolute; background-color: #0182c3;}
#gallery .section-titel h3{font-family: 'Montserrat', sans-serif; font-size: 18px; color: #333; text-transform: uppercase; margin-bottom: 9px;}
#gallery .section-titel h2{font-family: 'Montserrat', sans-serif; font-weight: 600; font-size: 28px; text-transform: uppercase; color: #0182c3;}

#gallery .img-wrapper {
  position: relative;
  margin-top: 25px;
  overflow: hidden;
  box-shadow: 0 0 8px #00000033;
}

#gallery .img-wrapper img {
  width: 100%;
    height: 400px;
    object-fit: contain;
}

#gallery .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;
}

#gallery .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;
}


@media screen and (min-width: 768px) {
  #overlay img {
    width: 40%;
    padding: 0 20px;
  }
}

#nextButton i {
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
}

#nextButton:hover {
  opacity: 1;
}

#prevButton i {
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
}

#prevButton:hover {
  opacity: 0.7;
}

#exitButton i {
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
  position: absolute;
  top: 15px;
  right: 15px;
}

#exitButton:hover {
  opacity: 0.7;
}

/* contact */

#contact{padding: 70px 0;}
#contact .row{row-gap: 30px;}
#contact .inner{text-align: center; padding: 40px 20px; background-color: #f9f9f9; position: relative; height: 100%;}
#contact .inner i{width: 70px; height: 70px; line-height: 70px; background-color: #dbdbdb; border-radius: 50%; text-align: center; font-size: 25px; transition: .5s;}
#contact .inner h5{color: #000; margin: 20px 0 15px; font-weight: bold; transition: .5s;}
#contact .inner p{color: grey; font-size: 16px; font-weight: 500; transition: .5s;}
#contact .inner a{color: grey; font-size: 16px; font-weight: 500; transition: .5s;}
#contact .inner .text{position: relative; z-index: 9;}
#contact .inner::before{position: absolute; content: ''; left: 0; top: 0; bottom: 0; right: 0; width: 0%; height: 0%; background-color: #0182c3; transform: scale(0); transition: .5s; margin: auto; z-index: 3; opacity: 0;}
#contact .inner:hover::before{width: 100%; height: 100%; transform: scale(1); opacity: 1;}
#contact .inner:hover i{background-color: #fff; color: #0182c3;}
#contact .inner:hover h5{color: #fff;}
#contact .inner:hover p{color: #fff;}
#contact .inner:hover a{color: #fff;}
#contact form.row{background-color: #f0f0f0; padding: 30px; row-gap: 20px; margin: 0;}
#contact form.row h3{color: #000; font-weight: bold;}
#contact form .form-control{border-radius: 0; padding: 10px 20px; color: #000; background-color: transparent; border-color: #cfcfcf;}
#contact form button{color: #fff; background:  #0182c3; padding: 10px 35px; font-size: 16px; font-weight: 500; transition: .5s; border-radius: 8px; border: 0;}
#contact form button:hover {background-color: #000;}
 
/* product-det */

#product-det{padding: 50px 0px;}
#product-det .row{row-gap: 25px;} 
#product-det .content{margin-left: 30px;} 
#product-det .content .text{text-align: justify; margin: 15px 0px 20px; font-size: 17px;} 
#product-det .content a{display: inline-block; padding: 10px 30px; border-radius: 5px; background-color: #0182c3; color: #fff; transition: .5s;} 
#product-det .content a:hover{background-color: #ac252b; color: #fff;} 


/* refund-policy */

#refund-policy{padding: 30px 0px;}
#refund-policy h2{font-size: 40px; color: #7e112c; text-align: center; margin-bottom: 30px; letter-spacing: .05em;}
#refund-policy .text{font-size: 17px; margin-bottom: 20px;}
#refund-policy h6{font-weight: 600;}