* {
  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;
  padding: 5px 0px 0px;
}

/* 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: 5px 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;
  object-fit:contain
}

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

#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 .imgs{position: relative; overflow: hidden;}
#shop-glucometer .imgs{position: relative; overflow: hidden;}
#shop-glucometer .imgs img{ height:300px; width:100%; object-fit:contain;}
#shop-glucometer .imgs .wishlist-btn{position: absolute; top: 20px; right: -40px; transition: .5s;}
#shop-glucometer .imgs:hover .wishlist-btn{right: 20px;}
#shop-glucometer .imgs .wishlist-btn li .wis-btn{display: inline-block; height: 35px; width: 35px; background-color: #ac252b; color: #fff;
border-radius: 50px; margin-bottom: 6px; text-align: center; line-height: 40px;}

#shop-glucometer .content {
  text-align: center;
  padding: 20px;
}

#shop-glucometer .content h3 {
  font-size: 15px;
  font-weight: 600;
  margin: 5px 0px 5px;
  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;
  font-size: 17px;
}

#shop-glucometer .content .cart-btn .choose-btn {
  padding: 10px 30px;
  border: 1px solid #0182c3;
  color: #0182c3;
  border-radius: 5px;
  font-size: 16px;
  display: block;
  width: 100%;
  margin: 10px 0px 5px;
  transition: .5s;
}

#shop-glucometer .content .cart-btn .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-glucometer ul{gap: 14px;}

/* 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 .imgs{position: relative; overflow: hidden;}
#shop-ostomy .imgs img{ height:300px; width:100%; object-fit:contain;}
#shop-ostomy .imgs .wishlist-btn{position: absolute; top: 20px; right: -40px; transition: .5s;}
#shop-ostomy .imgs:hover .wishlist-btn{right: 20px;}
#shop-ostomy .imgs .wishlist-btn li .wis-btn{display: inline-block; height: 35px; width: 35px; background-color: #ac252b; color: #fff;
border-radius: 50px; margin-bottom: 6px; text-align: center; line-height: 40px;}

#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 .cart-btn .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 .cart-btn .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 .content h3 del{color: #ac252b;}

#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 ul{margin-top: 20px;}

#product-det .content ul li 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;
}

#product-det .content ul li button {
  display: inline-block;
  padding: 10px 30px;
  border-radius: 5px;
  background-color: #0182c3;
  color: #fff;
  transition: .5s;
}

#product-det .content button:hover {
  background-color: #ac252b;
  color: #fff;
}

#product-det .qty-input {
color: #000;
background: #fff;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
}

#product-det .qty-input .product-qty,
#product-det .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;
}
#product-det .qty-input .product-qty:focus,
#product-det .qty-input .qty-count:focus {
outline: none;
}
#product-det .qty-input .product-qty {
width: 50px;
min-width: 0;
display: inline-block;
text-align: center;
-webkit-appearance: textfield;
-moz-appearance: textfield;
appearance: textfield;
}
#product-det .qty-input .product-qty::-webkit-outer-spin-button, .qty-input .product-qty::-webkit-inner-spin-button {
-webkit-appearance: none;
appearance: none;
margin: 0;
}
#product-det .qty-input .qty-count {
padding: 0;
cursor: pointer;
width: 2.5rem;
font-size: 1.25em;
text-indent: -100px;
overflow: hidden;
position: relative;
}
#product-det .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;
}
#product-det .qty-input .qty-count--minus {	border-right: 1px solid #e2e2e2;}
#product-det .qty-input .qty-count--add {border-left: 1px solid #e2e2e2;}
#product-det .qty-input .qty-count--add:after {transform: rotate(90deg); }
#product-det .qty-input { border-radius: 4px; width: 140px; transform: scale(1); border: 1px solid#e2e2e2;}

  /* zooomtab */

  #zooomtab h4{font-size: 16px;}
  #zooomtab .zooomtabstar li a{color: #000;}
  #zooomtab .form-control.is-valid, .was-validated .form-control:valid{border-radius: 0px;}
  #zooomtab .btnk{padding: 10px 20px; background-color: #000; color: #fff; display: inline-block;}
  #zooomtab .retlatedprodu{margin-top: 35px;}
  #zooomtab .retlatedprodu .retlatedpro{margin-top: 20px;}
  #zooomtab .retlatedprodu .retlatedpro li:last-child{width: 100%;}
  #zooomtab .retlatedprodu .retlatedpro li .thisis{padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid gray;}
  
  #zooomtab .retlatedprodu .retlatedpro li .retlatedprostar li:last-child{border-right: 1px solid gray; padding-right: 30px;}
  /*#zooomtab .nav-pills .nav-item{background-color:#000;  margin-left: 2px; transition: .5s;} */
  #zooomtab .nav-pills .nav-item .nav-link{background-color: #fff; color:#000; font-size: 20px; border-radius: 0px; border:0;}
  #zooomtab .nav-pills .nav-link.active{background-color: #fff; color: #ac252b; border-bottom: 1px solid; border-radius: 0px;}
  #zooomtab .nav-pills .nav-link:hover{color: #ac252b; border-bottom: 1px solid;}

  #zooomtab .comment-reply{background-color: #f1f1f1; padding: 30px; border-radius: 15px; }
  #zooomtab .comment-reply h4{color: #000; font-weight: bold; margin: 30px 0 20px;}
  #zooomtab .comment-reply .row{row-gap: 10px;}
  #zooomtab .comment-reply h4{color: #fff; font-weight: bold; margin-bottom: 20px;}
  #zooomtab .comment-reply .form-control{border-radius: 0px; }
  #zooomtab .comment-reply .btn{background-color: #000; color: #fff; font-weight: 500; padding: 10px 30px;}

  #zooomtab .reviews-header{margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #dddddd;}
  #zooomtab .reviews-header .btn{background-color: #000; color: #fff; font-weight: 500; padding: 10px 20px;}

  #zooomtab .profile{margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #dddddd; align-items: center;}
  #zooomtab .profile .user{list-style: none; display: flex; gap: 20px;}
  #zooomtab .profile .user li:first-child{width: 20%;}
  #zooomtab .profile .user li:last-child{width: 80%;}
  #zooomtab .profile .user li h6{font-size: 18px; color: #000;}
  #zooomtab .profile .user li span{display: block; font-size: 18px; color: #fdb23a}
  #zooomtab .profile .user li p{font-size: 14px; color: grey}

  #zooomtab .profile .date{text-align: end;}
  #zooomtab .profile .date span{color: #000; display: inline-block; padding: 10px; border: 1px solid #dddddd; border-radius: 5px;}



/* refund-policy */

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

/* login */

#login{text-align: center;  border-top: 1px solid #dfdfdf; padding: 30px 0px;}
#login .row{justify-content: center;}
#login h2{font-size: 25px; color: #ac252b; text-align: center; margin-bottom: 30px; letter-spacing: .05em;}
#login p{font-size: 14px; margin-bottom: 40px; color: grey;}
#login .form-control{border-radius: 0; padding: 15px;}
#login .form-control:focus{box-shadow: none; border-color: #000;}
#login form{row-gap: 20px;}
#login .forgot{text-align: right; margin-top: -20px;}
#login a{color: #ac252b; font-size: 14px; font-weight: 500;}
#login .view{display: inline-block; border: 1px solid #ac252b; color: #ffffff; transition: .5s; padding: 10px 30px; font-size: 18px; position: relative; z-index: 1; background-color: #fdf5f9;}
#login .view::before{background-color: #ac252b; position: absolute; width: 100%; height: 100%; left: 0; top: 0; right: 0; bottom: 0; z-index: -1; content: ''; transition: .5s; margin: auto;}
#login .view:hover{ color: #ac252b;}
#login .view:hover::before{width: 0%;}

/* forgot */

#forgot{text-align: center;  border-top: 1px solid #dfdfdf; padding: 30px 0px;}
#forgot .row{justify-content: center;}
#forgot h2{font-size: 25px; color: #ac252b; text-align: center; margin-bottom: 30px; letter-spacing: .05em;}
#forgot p{font-size: 14px; margin-bottom: 40px; color: grey;}
#forgot .form-control{border-radius: 0; padding: 15px;}
#forgot .form-control:focus{box-shadow: none; border-color: #000;}
#forgot form{row-gap: 30px;}
#forgot .forgot{text-align: right; margin-top: -25px;}
#forgot .back{color: #ac252b; font-weight: 500;}
#forgot .view{display: inline-block; border: 1px solid #ac252b; color: #ffffff; transition: .5s; padding: 10px 30px; font-size: 18px; position: relative; z-index: 1; background-color: #fdf5f9;}
#forgot .view::before{background-color: #ac252b; position: absolute; width: 100%; height: 100%; left: 0; top: 0; right: 0; bottom: 0; z-index: -1; content: ''; transition: .5s; margin: auto;}
#forgot .view:hover{ color: #ac252b;}
#forgot .view:hover::before{width: 0%;}

/* otp */

#otp{text-align: center;  border-top: 1px solid #dfdfdf; padding: 30px 0px;}
#otp .row{justify-content: center;}
#otp h2{font-size: 25px; color: #ac252b; text-align: center; margin-bottom: 30px; letter-spacing: .05em;}
#otp p{font-size: 14px; margin-bottom: 40px; color: grey;}
#otp .form-control{border-radius: 0; padding: 15px;}
#otp .form-control:focus{box-shadow: none; border-color: #000;}
#otp form{row-gap: 30px;}
#otp .forgot{text-align: right; margin-top: -25px;}
#otp .view{display: inline-block; border: 1px solid #ac252b; color: #ffffff; transition: .5s; padding: 10px 30px; font-size: 18px; position: relative; z-index: 1; background-color: #fdf5f9;}
#otp .view::before{background-color: #ac252b; position: absolute; width: 100%; height: 100%; left: 0; top: 0; right: 0; bottom: 0; z-index: -1; content: ''; transition: .5s; margin: auto;}
#otp .view:hover{ color: #ac252b;}
#otp .view:hover::before{  width: 0%;}

/* password */

#password{text-align: center;  border-top: 1px solid #dfdfdf; padding: 30px 0px;}
#password .row{justify-content: center;}
#password h2{font-size: 25px; color: #ac252b; text-align: center; margin-bottom: 30px; letter-spacing: .05em;}
#password p{font-size: 14px; margin-bottom: 40px; color: grey;}
#password .form-control{border-radius: 0; padding: 15px;}
#password .form-control:focus{box-shadow: none; border-color: #000;}
#password form{row-gap: 20px;}
#password .forgot{text-align: right; margin-top: -20px;}
#password .view{display: inline-block; border: 1px solid #ac252b; color: #ffffff; transition: .5s; padding: 10px 30px; font-size: 18px; position: relative; z-index: 1; background-color: #fdf5f9;}
#password .view::before{background-color: #ac252b; position: absolute; width: 100%; height: 100%; left: 0; top: 0; right: 0; bottom: 0; z-index: -1; content: ''; transition: .5s; margin: auto;}
#password .view:hover{ color: #ac252b;}
#password .view:hover::before{width: 0%;}

/* account */

 #account{padding: 60px 0px; background-color: #ebebeb;}
 #account .hed, #account .hed a{color: #999999; font-size: 15px; font-weight: 600; margin-bottom: 40px; transition: .5s;}
 #account .hed a:hover{color: #ac252b;}
 #account h3{color: #ac252b; font-size: 25px; font-weight: bold; margin-bottom: 15px;}
 #account .myaawwinr .hhhshs li{margin-bottom: 15px; font-size: 18px;}
 #account .myaawwinr .hhhshs li a{color: #FFF; transition: .5s; padding: 8px; font-size: 14px; background-color: #ac252b; display: inline-block; width: 200px; text-align: center;}
 #account .myaawwinr .hhhshs li a:hover{background-color: #000; color: #fff;}
 #account .myaawwinra .form-control{border-radius: 0px; border: 0; background-color: #fff;}
 #account .myaawwinra .upto{padding: 10px 20px; text-align: center; transition: .5s; font-size: 16px; background-color: #ac252b; color: #fff; display: block; margin-top: 20px;}
 #account .myaawwinra .upto:hover{background-color: #000;}

 #account table tr th{background-color: transparent;}
 #account table tr td{color: #5a5a5a; font-size: 14px; padding: 20px 0;}
 #account table tr td a{color: #5a5a5a; font-size: 14px;}
 #account table tr td a:hover{color: #ac252b;}
 #account table tr .btn2 a{background-color: #ac252b; padding: 10px 28px; color: #fff; border-radius: 3px; font-size: 14px; transition: .5s;}
 #account table tr .btn2 a:hover{background-color: #000; color: #fff !important;}

/* orderlist start */

.orderlist{padding: 50px 0px;}
.orderlist .account__welcome--text{color: grey; font-weight: bold; font-size: 18px; margin-bottom: 3rem;}
.orderlist .account__content--title{color: #ac252b; font-size: 25px; font-weight: bold; margin-bottom: 15px;}
.orderlist .account__menu  .account__menu--list{margin-bottom: 15px; font-size: 18px;}
.orderlist .account__menu  .account__menu--list a{color: #FFF; transition: .5s; font-size: 14px; padding: 8px; background-color: #ac252b; display: inline-block; width: 200px; text-align: center;}
.orderlist .account__menu  .account__menu--list a:hover{background-color: #000;}

/* register */

#register{text-align: center;  border-top: 1px solid #dfdfdf; padding: 100px 400px;}
#register h2{font-size: 28px; margin-bottom: 10px; letter-spacing: 2px;}
#register p{font-size: 16px; margin-bottom: 40px; color: grey;}
#register .form-control{border-radius: 0; padding: 15px;}
#register .form-control:focus{box-shadow: none; border-color: #000;}
#register form{row-gap: 20px;}
#register .forgot{text-align: right; margin-top: -25px;}
#register a{color: #ac252b; font-size: 14px; font-weight: 500;}
#register .view{display: inline-block; border: 1px solid #ac252b; color: #ffffff; transition: .5s; padding: 10px 30px; font-size: 18px; position: relative; z-index: 1; background-color: #fdf5f9;}
#register .view::before{background-color: #ac252b; position: absolute; width: 100%; height: 100%; left: 0; top: 0; right: 0; bottom: 0; z-index: -1; content: ''; transition: .5s; margin: auto;}
#register .view:hover{ color: #ac252b;}
#register .view:hover::before{  width: 0%;}


/* wishlist start */

#wishlist{padding: 30px 40px;}
#wishlist .hed, #wishlist .hed a{color: #999999; font-size: 15px; font-weight: 600; margin-bottom: 40px; transition: .5s;}
#wishlist .hed a:hover{color: #ac252b;}
#wishlist .row{margin-top: -11px;}
#wishlist h3{font-size: 21px; text-transform: capitalize; color: #242424; font-weight: 700; line-height: 20px; margin-bottom: 25px;}
#wishlist .table tbody tr td{border: 1px solid #ebebeb; align-items: center; justify-content: center; color: #212121; font-weight: 500;
text-transform: capitalize; font-size: 14px;   text-align: center;
align-items: center;
min-width: 150px; }
#wishlist .table thead tr th{border: 1px solid rgb(196, 193, 193);}
#wishlist .table tbody tr td .delet{color: #ac252b; font-weight: bolder;}
#wishlist .table tbody tr td .product{color: #000;}
#wishlist .table tbody tr td .product:hover{color: #c09578;}
#wishlist .table tbody tr td .imgsc img{width: 100px;}
#wishlist .table tbody tr td a{color: #000;}
#wishlist .table tbody tr td .btn1{background-color: #ac252b; color: #fff; transition: .5s;}
#wishlist .table tbody tr td .btn1:hover{background-color: #ac252b; color: #fff;}

/* cart */
#cart{padding: 60px 0;}
#cart .hed, #cart .hed a{color: #999999; font-size: 15px; font-weight: 600; margin-bottom: 40px; transition: .5s;}
#cart .hed a:hover{color: #ac252b;}
#cart .cartrow{row-gap: 10px;}
#cart ul li img{border-radius: 10px;}
#cart ul li h6{color: #000; font-size: 16px; font-weight: bold; margin-bottom: 20px;}
#cart ul li p{color: #575757; font-size: 16px; margin-bottom: 10px; font-weight: 500;}
#cart ul li a{color: #575757; font-size: 16px; }
#cart .price p{color: #000; font-size: 20px; font-weight: 600; margin: 10px 0;}
#cart .price p span{font-weight: 400; text-decoration: line-through; font-size: 18px;}
#cart .price article{color: #ac252b; font-size: 16px; font-weight: 500;}
#cart .qty-input {
color: #000;
background: #fff;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
}
#cart .qty-input .product-qty,
#cart .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;
}
#cart .qty-input .product-qty:focus,
#cart .qty-input .qty-count:focus {
outline: none;
}
#cart .qty-input .product-qty {
width: 50px;
min-width: 0;
display: inline-block;
text-align: center;
-webkit-appearance: textfield;
-moz-appearance: textfield;
appearance: textfield;
}
#cart .qty-input .product-qty::-webkit-outer-spin-button, .qty-input .product-qty::-webkit-inner-spin-button {
-webkit-appearance: none;
appearance: none;
margin: 0;
}
#cart .qty-input .qty-count {
padding: 0;
cursor: pointer;
width: 2.5rem;
font-size: 1.25em;
text-indent: -100px;
overflow: hidden;
position: relative;
}
#cart .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;
}
#cart .qty-input .qty-count--minus {	border-right: 1px solid #e2e2e2;}
#cart .qty-input .qty-count--add {border-left: 1px solid #e2e2e2;}
#cart .qty-input .qty-count--add:after {transform: rotate(90deg); }
#cart .qty-input { border-radius: 4px; width: 140px; transform: scale(1); border: 1px solid#e2e2e2;}
#cart .continue li a{font-weight: 500; color: #fff; padding:10px; background-color: #ac252b; display: inline-block;}
#cart form.row{text-align: end; row-gap: 20px;}
#cart .shoppinginr .apply{display: inline-block; padding: 9px; background-color: #ac252b; color: #fff; transition: .5s;}
#cart .shoppinginr .apply:hover{background-color: #000;}
#cart .shoppinginr h4{color: #ac252b; font-weight: 600; margin: 0;}
#cart .shoppinginr p{color: gray; font-weight: 500; font-size: 16px; margin-bottom: 20px;}
#cart .shoppinginr .form-control{border-radius: 0; background-color: transparent; }
#cart .shoppinginra{margin-top: 30px; text-align: end;}
#cart .shoppinginra table{width: 100%;}
#cart .shoppinginra table tr th{text-align: left; margin-bottom: 20px; padding: 17px 10px 0;
font-size: 15px; line-height: 1.5;}
#cart .shoppinginra table tr td{text-align: right; font-family: Arial, Helvetica, sans-serif; margin-bottom: 20px; padding: 17px 10px 0; font-size: 15px; line-height: 1.5;}
#cart .shoppinginra .make{padding: 10px; display: inline-block; background-color: #ac252b; color: #fff; transition: .5s; font-size: 14px; text-align: center; margin-top: 30px; transition: .5s; }
#cart .shoppinginra .make:hover{background-color: #000;}

/* checkout start */

#checkout {padding: 30px 0px; background-color: #fdf5f9;}
#checkout .row {row-gap: 30px;}
#checkout .checoctinra {position: sticky; top: 0px;}
#checkout .hed, #checkout .hed a{color: #999999; font-size: 15px; font-weight: 600; margin-bottom: 40px; transition: .5s;}
#checkout .hed a:hover{color: #ac252b;}
#checkout form.row{row-gap: 10px;}
#checkout h2{text-align: center;}
#checkout .cheaa li a{color: #000;}
#checkout .cheaa li a:hover{color: #ac252b;}
#checkout .checoctinr .from .form-control,  #checkout .checoctinr .from .form-select{border: 1px solid #ffffff; border-radius: 0px; background-color: #fff; box-shadow: none;}
#checkout .checoctinr .btn6{padding: 10px 20px; background-color: #ac252b; transition: .5s; width: auto; color: #fff; border-radius: 0px;}
#checkout .checoctinr .btn6:hover{background-color: #000;}
#checkout .checoctinr h3{font-size: 20px; font-weight: bold; margin-bottom: 20px; color: #ac252b;}
#checkout .checoctinra h3{font-size: 20px; font-weight: bold; margin-bottom: 20px; color: #ac252b;}
#checkout .checoctinra .table-responsive table td img{width: 70px;}
#checkout .checoctinra .table-responsive table th, td{border-bottom: 1px solid #e7dddd; font-size: 14px; padding: 9px; vertical-align: middle;}
#checkout .checoctinra .table-responsive table td .moon{font-size: 14px; font-weight: 600;} 
#checkout .checoctinra .table-responsive table td .qty{display: block;}
#checkout .checoctinra .table-responsive table .wiiii{text-align: inherit; width: 300px;}
#checkout .checoctinra .pay{padding: 10px 50px; background-color: #ac252b; transition: .5s; display: inline-block; color: #fff; margin-top: 20px; text-align: center; margin-bottom: 30px;}
#checkout .checoctinra .pay:hover{background-color: #000;}

.Print {
    display: none;
}

@media print {
    .noPrint {
        display: none !important;
    }

    * {
        font-size: 9px;
    }

    .Print {
        display: contents;
    }
}

/*checkout page*/
.order-detail {
    padding: 20px;
    border: 1px solid #c5c5c5;
}
.tt-product-img {
    display: flex;
}
.order-detail table {
    width: 100%;
    margin-bottom: 20px;
}
.order-detail table tr td {
    border: 1px solid #c5c5c5;
    padding: 10px;
    font-size: 20px;

}
.order-detail table tr td img {
    height: 50px;
}
.changeaddress {
    padding: 20px;
}
#changeaddress {
    padding-right: 0;
}
.logout .accordion .accordion-item {border:none;}
.logout .accordion {padding:0px;margin-bottom: 20px;border: none;}
.logout .accordion-button {padding:0px;}
.accountlogoin p {margin-bottom:0px;}
.logout {position:relative;}
.logout .accordion-header {position:absolute;right: 0;top: 0;}
.logout .accordion-body {padding:0px;}
.logout .accordion-body a {color:#a42727; text-decoration:underline;margin-bottom:5px;}

a.check-login {
    text-decoration: underline;
}
.diffadd {padding:10px 0px; margin:20px 0px;}
.diffcardi {display:none;padding:20px 20px;}
.cc-card1 {
    padding:0px 10px;
    display: flex;
    border: 1px solid #ccc;
}
.cc-card1 label {display:block;padding:10px 0px;cursor: pointer;width: calc(100% - 18px);}
.cc-card1.selected {
    border:1px solid #000;
    background-color: #f0f8ff;
}
.ccavenuebox1 {background:#f0f5ff; justify-content:space-between; padding:0px;margin-bottom: 20px;}
        
/* .check-mail {margin-bottom: 20px;} */
.checkout-title {display:flex; justify-content:space-between;}
.check-mail input.mailarea {width:100%; padding:12px; margin-bottom: 10px;}
.check-mail select, .check-mail input {width:100%; padding:12px; margin-bottom:10px;border-radius:6px;border: 1px solid #9f9f9f; color: #727272;}
span.call-alert {
    position: absolute;
    right: 25px;
    border: 1px solid;
    border-radius: 30px;
    width: 18px;
    height: 18px;
    text-align: center;
    top:16px;
    line-height: 18px;
}
.pin {position:relative;}
input#offer-tic {
    display: inline-block;
    width: auto;
    margin-right: 6px;
}
#apartment {display: none;}
#apartment1 {display: none;}
.add-aprt {
    margin-bottom: 10px; display: block; cursor:pointer;color:#a42727;
}
.view-method {padding:10px; background: #f1f1f1;}
.main-avenue {background: #efefef;    border: 1px solid #c9c9c9;}
.ccavenuebox {background:#f0f5ff;display: flex; border: 1px solid #006fcf; justify-content: space-between;padding: 10px;}
.debit-cardi img {
    padding: 30px;
    margin: auto;
    display: block;width: 240px;
}
.card-content {font-size:12px;text-align:center;}
input.mailradio {
    display:inline-block; width:auto; margin-right:6px; margin-bottom:0px;
}
/*end*/