/*** color-blue #1F73B7 ***/
/* @font-face {
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  src: url(../fonts/impact.tiff);
}

@import url("https://fonts.googleapis.com/css2?family=Poppins&display=swap"); */

@import url("https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300;400&display=swap");

* {
  margin: 0;
  padding: 0;
  font-family: "Source Sans Pro", sans-serif;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  scroll-behavior: smooth;
  /* font-family: "Karla", sans-serif; */
  height: 100vh;
  font-size: 16px;
}

a,
a:hover {
  text-decoration: none;
}

li {
  list-style-type: none;
}

ul {
  margin: 0;
}

p {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.2px;
  margin: 0px 0px 10px 0px;
  font-weight: 400;
  color: #4c4c4c;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0px;
}

.btn {
  border-radius: 0px;
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

/*.btn:hover,.swiper-button-prev:hover, .swiper-button-next:hover{
        transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
        -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}*/
::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background-color: transparent;
  box-shadow: 2px 3px 5px 0px rgba(0, 0, 0, 0.3);

  -webkit-box-shadow: 2px 3px 5px 0px rgba(0, 0, 0, 0.3);
}

::-webkit-scrollbar-thumb {
  background: linear-gradient(rgba(19, 52, 65, 1) 0%,
      rgba(32, 88, 110, 1) 35%,
      rgba(77, 167, 203, 1) 100%) !important;
  border-radius: 2px;
  -webkit-box-shadow: 2px 3px 5px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 2px 3px 5px 0px rgba(0, 0, 0, 0.3);
}

@font-face {
  font-family: FontAwesome;
  src: url(../icons/FontAwesome/fonts/fontawesome-webfont.eot);
  src: url(../icons/FontAwesome/fonts/fontawesome-webfont.eot?#iefix) format("embedded-opentype"),
    url(../icons/FontAwesome/fonts/fontawesome-webfont.woff2) format("woff2"),
    url(../icons/FontAwesome/fonts/fontawesome-webfont.woff) format("woff"),
    url(../icons/FontAwesome/fonts/FontAwesome.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: MaterialDesign;
  src: url(../icons/MaterialDesign/fonts/materialdesignicons-webfont.eot);
  src: url(../icons/MaterialDesign/fonts/materialdesignicons-webfont.eot?#iefix) format("embedded-opentype"),
    url(../icons/MaterialDesign/fonts/materialdesignicons-webfont.woff2) format("woff2"),
    url(../icons/MaterialDesign/fonts/materialdesignicons-webfont.woff) format("woff"),
    url(../icons/MaterialDesign/fonts/materialdesignicons-webfont.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
}

/* ----  slider ----*/
.main-swiper {
  height: calc(110vh - 100px);
}

.main-swiper .swiper-slide {
  overflow: hidden;
}

.main-swiper .swiper-slide {
  position: relative;
}

.slide-inner {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-size: cover;
  background-position: center;
}

.main-swiper .slide-inner:after {
  content: "";
  position: absolute;
  background: #676767;
  z-index: 2;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  opacity: 0.4;
}

.main-swiper .slider-content {
  position: absolute;
  top: 50%;
  left: 50%;
  color: #fff;
  width: 80%;
  z-index: 5;
  display: block;
  margin: 0 0 auto;
  transform: translate(-50%, -50%);
}

.main-swiper .slider-content h4 {
  font-size: 1rem;
  font-weight: 400;
  position: relative;
  padding-bottom: 15px;
  color: #dadada;
  letter-spacing: 0.2px;
}

.swiper-pagination-total {
  font-weight: 600;
}

.swiper-pagination-current {
  opacity: 0.6;
}

.davita__slider {
  position: relative;
}

.main-swiper .swiper-button-next.swiper-button-white,
.main-swiper .swiper-button-prev.swiper-button-white {
  background: transparent;
  border-radius: 2px;
  height: 40px;
  width: 40px;
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  /*    background: #676767;
    background: rgb(19,52,65);*/
}

/*.main-swiper .swiper-button-prev, .main-swiper .swiper-button-next {
    bottom: 1.4%;
    top: auto;
    }*/
.main-swiper .swiper-button-next.swiper-button-white:after {
  content: "\f105";
  position: absolute;
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  margin: 1px 0px 0px 15px;
  text-decoration: none;
  text-align: center;
  font-size: 45px;
  color: #fff;
}

.main-swiper .swiper-button-prev.swiper-button-white:after {
  content: "\f104";
  position: absolute;
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  margin: 1px 0px 0px 12px;
  text-decoration: none;
  text-align: center;
  font-size: 45px;
  color: #fff;
}

/*.main-swiper .swiper-button-prev, .main-swiper .swiper-container-rtl .swiper-button-next {
    right: 60px;
    left: auto;
}*/
.main-swiper .swiper-pagination {
  text-align: center;
}

.main-swiper .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  opacity: 1;
}

.swiper-pagination-bullet .swiper-pagination-bullet-active {
  opacity: 1;
  background: #1f73b7 !important;
}

.main-swiper .swiper-button-next,
.main-swiper .swiper-container-rtl .swiper-button-prev {
  right: 50px;
  left: auto;
}

.main-swiper .swiper-button-prev,
.main-swiper .swiper-container-rtl .swiper-button-next {
  left: 50px;
  right: auto;
}

:focus {
  outline: unset;
}

/* ---- Header -----*/
.head__social li,
.head_acc li {
  display: inline-block;
}

ul.head_acc {
  float: right;
}

.head_acc li {
  padding: 0px 10px;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 500;
  position: relative;
}

ul.head_acc li:not(:last-child):after {
  content: "";
  position: absolute;
  height: 10px;
  width: 1px;
  background: #bbb;
  right: 0;
  top: 20%;
}

.head__social li {
  padding: 0px 10px;
  font-size: 14px;
}

.head_acc li a {
  color: #222;
  letter-spacing: 0.2px;
}

.head__social li a {
  color: #222;
  font-weight: 500;
}

.middle__header {
  background: #665acb;
  background: rgb(19, 52, 65);
  background: linear-gradient(90deg,
      rgba(19, 52, 65, 1) 0%,
      rgba(32, 88, 110, 1) 35%,
      rgba(77, 167, 203, 1) 100%);
  background: linear-gradient(90deg, #111e6c 35%, #4ca7cc 100%);
  padding: 25px 0px;
}

.main__logo img {
  width: 230px;
  margin: auto;
  display: block;
}

.top__header {
  padding: 5px 0px;
}

.he__social li {
  display: inline-block;
  padding: 0px 8px;
  width: 27px;
  height: 27px;
  margin: 0px 2px;
}

.he__social li a {
  color: #fff;
  font-size: 14px;
}

a.navbar-brand img {
  width: 200px;
}

.slumber-navbar a.nav-link {
  color: #96979b;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-size: 13px;
  font-weight: 600;
  transition: all 0.5s;
}

.slumber-navbar .nav-item.active .nav-link,
.slumber-navbar .nav-item:hover .nav-link {
  color: #4da7cb !important;
  transition: all 0.5s;
}

.slumber-navbar li.nav-item {
  padding: 0px 5px;
  transition: all 0.5s;
  text-align: center;
}

.slumber-navbar li.nav-item i {
  color: #96979b;
  display: none;
  margin-right: 5px;
}

.header__social li {
  padding: 0px 7px;
}

.nav-link {
  padding: 0;
}

.header__social li a {
  color: #e7eefb;
  font-size: 13px;
  transition: all 0.5s;
}

ul.he__cart {
  float: right;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

ul.he__cart li {
  display: inline-block;
  padding: 0px 10px;
  text-align: center;
  position: relative;
}

ul.he__cart li a {
  color: #96979b;
  font-size: 1rem;
  position: relative;
}

ul.he__cart li a img {
  width: 30px;
  height: 30px;
  margin: 0 auto;
}

ul.he__cart li a span {
  display: block;
}

ul.he__cart li a .mdi-cart-outline {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  margin: 0;
  padding: 0;
}

.badge-custom {
  background: #fb0066;
  border-radius: 50px;
  font-size: 14px;
  font-weight: 500;
  position: absolute;
  width: 18px;
  height: 18px;
  font-style: normal;
  top: -6px;
  right: -10px;
  color: #fff;
  line-height: 14px;
}

header {
  position: relative;
}

.btn-view {
  border: 1px solid #fff;
  border-radius: 50px;
  text-transform: uppercase;
  font-size: 14px;
  margin: 20px auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  text-align: center;
  width: 120px;
  align-items: center;
  justify-content: center;
  line-height: 40px;
  color: #fff;
  transition: all ease-in-out 0.5s;
  margin-top: 30px;
  background: linear-gradient(90deg,
      rgba(19, 52, 65, 1) 0%,
      rgba(32, 88, 110, 1) 35%,
      rgba(77, 167, 203, 1) 100%);
  background: linear-gradient(90deg, #111e6c 35%, #4ca7cc 100%);
}

.btn-buy {
  color: darkred;
  padding: 12px 30px;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 2px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  //background:#fff;
  //background: rgb(19,52,65);
  //background: linear-gradient(90deg, rgba(32,88,110,1) 35%, rgba(77,167,203,1) 100%);
}

.btn-view:not(:disabled):not(.disabled):active,
.btn-view:not(:disabled):not(.disabled).active {
  color: #fff;
  margin-top: 25px;
  padding: 12px 30px;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 2px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  background: #665acb;
  background: rgb(19, 52, 65);
  background: linear-gradient(90deg,
      rgba(32, 88, 110, 1) 35%,
      rgba(77, 167, 203, 1) 100%);
}

.btn-view:hover {
  color: #fff;
}

.btn-learn {
  color: #ddd;
  margin-top: 25px;
  padding: 12px 30px;
  font-weight: 400;
  font-size: 15px;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.btn-learn:hover {
  color: #ddd;
}

span.te-c {
  color: #f0ed14;
  color: #feb633;
  color: #fbd114;
}

.btn:focus,
.btn.focus {
  outline: 0;
  box-shadow: unset;
}

.main-swiper .slider-content>h3 {
  font-size: 55px;
  letter-spacing: 0.5px;
  margin-bottom: 15px;
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  text-align: center;
  position: relative;
  top: -3px;
}

.product__details img {
  width: 100%;
}

.main__header {
  padding: 10px 0px;
  background-color: #fff;
  box-shadow: 0px 0px 40px -10px rgba(139, 139, 139, 0.5);
  position: relative;
  z-index: 999;
  transition: all ease-in-out 0.5s;
}

/****** top announcement ****/
.header__info {
  background: #665acb;
  background: #1f73b7;
  background: linear-gradient(90deg,
      rgba(19, 52, 65, 1) 0%,
      rgba(32, 88, 110, 1) 35%,
      rgba(77, 167, 203, 1) 100%);
  background: linear-gradient(90deg, #111e6c 35%, #4ca7cc 100%);
  border-bottom: 1px solid #fafafa17;
}

.header-slider .swiper-button-next,
.header-slider .swiper-button-prev {
  background: transparent !important;
}

#show_fix {
  color: #fff;
  background: #1f73b7;
  padding: 5px;
  position: fixed;
  z-index: 9;
  right: 0px;
  top: 50%;
  border: 1px solid #fff;
  text-align: center;
  text-transform: uppercase;
  font-size: 15px;
  background: #fceabb;
  animation: shop_move 2s infinite alternate;
  /* Old browsers */
  background: -moz-linear-gradient(left,
      #fceabb 0%,
      #eda600 0%,
      #f7d171 45%,
      #f7cc60 59%,
      #f7cc60 59%,
      #dda200 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left,
      #fceabb 0%,
      #eda600 0%,
      #f7d171 45%,
      #f7cc60 59%,
      #f7cc60 59%,
      #dda200 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,
      #fceabb 0%,
      #eda600 0%,
      #f7d171 45%,
      #f7cc60 59%,
      #f7cc60 59%,
      #dda200 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceabb', endColorstr='#dda200', GradientType=1);
  /* IE6-9 */
  background: #fff;
  color: #1f73b7;
  box-shadow: 0px 0px 40px -10px rgba(0, 0, 0, 0.3);
  transform: rotate(90deg);
  right: -40px;
}

@keyframes shop_move {
  to {
    top: 55%;
  }
}

#show_fix i {
  display: inline-block;
  margin: 0 8px 0 5px;
  transform: rotate(-90deg);
}

/*--- About banner -----*/
.product__details:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 0%;
  height: 0%;
  background: rgba(255, 255, 255, 0.2);
  border-top: 5px solid rgb(19, 52, 65);
  border-left: 5px solid rgb(19, 52, 65);
  opacity: 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  -ms-perspective: 1000;
  perspective: 1000;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: width 0.4s ease-in-out, height 0.4s ease-in-out,
    opacity 0.4s ease-in-out;
  -moz-transition: width 0.4s ease-in-out, height 0.4s ease-in-out,
    opacity 0.4s ease-in-out;
  transition: width 0.4s ease-in-out, height 0.4s ease-in-out,
    opacity 0.4s ease-in-out;
  pointer-events: none;
}

.product__details:hover:before {
  width: 100%;
  height: 100%;
  opacity: 1;
}

.product__details:hover:after {
  width: calc(100% - 5px);
  height: calc(100% - 5px);
  opacity: 1;
}

.product__details {
  position: relative;
  padding: 30px;
  background: #fff;
}

.products__strip {
  padding: 50px 0px;
  background: #dabaff4d;
}

.product__details:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0%;
  height: 0%;
  background: rgba(255, 255, 255, 0.2);
  border-bottom: 5px solid rgb(19, 52, 65);
  border-right: 5px solid rgb(19, 52, 65);
  opacity: 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  -ms-perspective: 1000;
  perspective: 1000;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: width 0.4s ease-in-out, height 0.4s ease-in-out,
    opacity 0.4s ease-in-out;
  -moz-transition: width 0.4s ease-in-out, height 0.4s ease-in-out,
    opacity 0.4s ease-in-out;
  transition: width 0.4s ease-in-out, height 0.4s ease-in-out,
    opacity 0.4s ease-in-out;
  pointer-events: none;
}

.pro1 {
  padding: 70px 0px;
}

.pro2 {
  margin: 0px 0px 20px;
}

.pro2img {
  padding: 20px 0px;
}

.product__details.pro3 {
  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;
}

.product__details .pro3img {
  width: 270px;
  margin: 0 0 0 auto;
}

.btn-shop img {
  margin-left: 10px;
  width: 15px;
}

.btn-shop {
  color: #676767;
  padding: 0px;
  font-weight: 200;
  font-size: 14px;
  letter-spacing: 0.5px;
  background: transparent;
}

.btn-shop:hover {
  color: #676767;
}

.pro2 .prod__desc h4 {
  font-size: 17px;
}

/*---- products ----*/
.products {
  padding: 50px 0px;
  background: #fff;
}

.main__h {
  text-align: center;
}

.main__h h3 {
  font-weight: bold;
  font-size: 30px;
  margin-bottom: 30px;
  position: relative;
  text-transform: uppercase;
  /*background: -webkit-linear-gradient(#111e6c, #1f73b7);*/
  /*-webkit-background-clip: text;*/
  /*-webkit-text-fill-color: transparent;*/
    color: #111e6c;
}

.main__h h3 span {
  display: block;
  font-size: 20px;
}

/* .main__h h3:after {
  content: "";
  color: #111e6c;
  background: #111e6c;
  position: absolute;
  width: 50px;
  height: 2px;
  top: 40%;
  margin-left: 20px;
}

.main__h h3:before {
  content: "";
  color: #111e6c;
  background: #111e6c;
  position: absolute;
  width: 50px;
  height: 2px;
  top: 40%;
  margin-left: -70px;
} */

.main__h p {
  margin: auto;
  color: #4c4c4c;
}

ul.he__cart li i.fa {
  color: #96979b;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  margin: 0;
  padding: 0;
}

/*--- Challenge ----*/
.why_img {
  display: none;
  justify-content: center;
  align-items: center;
}

section.challenge {
  background: url(../images/whychoose_bg.png) no-repeat;
  background-position: left center;
  background-size: 50%;
  animation: move 2s infinite alternate;
  background-attachment: fixed;
}

.challenge__row {
  margin-top: 30px;
}

.challenge__img img {
  width: 100%;
  margin: auto;
  display: block;
}

.challenge__content {
  padding: 20px 0px;
}

.challenge__content ul {
  font-size: 14px;
  color: #4c4c4c;
}

.challenge__content ul li {
  margin: 20px 0;
  list-style: none;
  position: relative;
  padding-left: 30px;
}

.challenge__content ul li::before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 50px;
  background-color: #1f73b7;
  left: 0;
  top: calc(50% - 5px);
  box-shadow: 0px 0px 40px -10px rgba(0, 0, 0, 0.3);
}

.challenge {
  padding: 50px 0px;
  background: #f2fbff;
  position: relative;
  overflow: hidden;
}

.challenge::before {
  content: "";
  position: absolute;
  width: 200px;
  height: 200px;
  right: 20%;
  bottom: -30%;
  background: linear-gradient(90deg, #111e6c 35%, #4ca7cc 100%);
  /* border-radius: 10px; */
  transform: rotate(50deg) translateY(-50%) scale(1.2);
  opacity: 0.5;
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
  border-top-right-radius: 50px;
}

.challenge:after {
  content: "";
  position: absolute;
  width: 300px;
  height: 300px;
  right: 0%;
  top: -20%;
  background: linear-gradient(90deg, #111e6c 35%, #4ca7cc 100%);
  border-radius: 50px;
  transform: rotate(50deg) translateY(-50%) scale(1.2);
  border-top-left-radius: 350px;
  border-bottom-left-radius: 90px;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  opacity: 0.5;
}

/*---- Features ---*/
.features {
  padding: 50px 0px;
  background: #dabaff4d;
  background: rgba(77, 166, 202, 0.09);
}

/*---- Footer ---*/
section.footer {
  position: relative;
  background: #f2fbff;
  padding-top: 10px;
  border-top: 1px solid #eee;
}

.support-wrap-2.support-shape,
.support-wrap-3.support-shape {
  position: relative;
}

.support-wrap-2.support-shape:before {
  position: absolute;
  right: -14px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: #d5d4d4;
  height: 61px;
  width: 1px;
  content: "";
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.support-content-2 h5 {
  font-size: 18px;
  color: #494949;
  margin: 15px 0;
  line-height: 24px;
}

.support-content-2 p {
  font-size: 14px;
  color: #6a6a6a;
  margin: 0 auto;
  width: 80%;
}

.support-wrap-2:hover .support-content-2 img,
.support-wrap-3:hover .support-content-2 img {
  -webkit-animation: tada 0.5s ease-in-out 0s 1 normal none running;
  animation: tada 0.5s ease-in-out 0s 1 normal none running;
}

@keyframes tada {
  0% {
    transform: scale(1);
  }

  10%,
  20% {
    transform: scale(0.9) rotate(-3deg);
  }

  30%,
  50%,
  70%,
  90% {
    transform: scale(1.1) rotate(3deg);
  }

  40%,
  60%,
  80% {
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    transform: scale(1) rotate(0);
  }
}

/*.row.products__row .col-xl-3 {
    flex: 1 0 20%;
    max-width: 20%;
    -webkit-transition: .5s;
    transition: .5s;
}*/
.pro-wishlist-2 button {
  border: none;
  background: transparent;
}

.product-wrap-2 .product-img img {
  width: 250px;
  margin: 50px auto;
  display: block;
  transition: all 5s linear;
}

.product-wrap-2:hover .default-img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.product-wrap-2:hover .title-price-wrap-2 {
  -webkit-transform: translateY(-15px);
  transform: translateY(-15px);
}

/* .product-wrap-2:hover .view_product_link {
  transform: scale(1.1);
} */

/* .product-wrap-2:hover .hover-img {
  visibility: visible;
  opacity: 1;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
} */

.product-wrap-2 {
  position: relative;
  margin: 10px auto;
  border-radius: 10px;
}

.product-wrap-2,
.product-wrap-2 .product-img {
  position: relative;
}

.product-wrap-2 .product-img .default-img {
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}

.product-wrap-2 .product-img .hover-img {
  -webkit-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
}

.product-wrap-2 .product-img .hover-img {
  position: absolute;
  top: 0;
  visibility: hidden;
  left: 0;
  width: 100%;
  opacity: 0;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.product-wrap-2:hover .hover-img {
  visibility: visible;
  opacity: 1;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.product-wrap-2 .product-img-badges {
  position: absolute;
  top: 12px;
  left: 12px;
}

.product-wrap-2 .product-img-badges>span.pink {
  color: #fa6bff;
}

.product-wrap-2 .product-img-badges>span.purple {
  color: #111e6c;
}

.product-img-badges>span {
  font-size: 10px;
  font-weight: normal;
  position: absolute;
  top: 0;
  left: 0;
  background: #4ca7cc;
  color: #fff !important;
  padding: 5px 8px;
  font-weight: normal !important;
  text-transform: uppercase;
  letter-spacing: 1px;
}

a,
button,
img,
input,
span {
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

.product-wrap-2 .product-img .product-action-2 button {
  display: block;
  width: 42px;
  height: 42px;
  font-size: 20px;
  background: none;
  border: 0;
  margin: 0 12px;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  -webkit-transform: scale(0);
  transform: scale(0);
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 999;
  color: #1f73b7 !important;
}

.product-wrap-2 {
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  background: #fff;
  overflow: hidden;
  /* box-shadow: 0 1px 30px rgba(7, 76, 213, 0.07); */
}

.product-wrap-2:hover {
  /* box-shadow: 0px 0px 40px -10px rgba(0, 0, 0, 0.3); */
  box-shadow: 0 1px 30px rgba(7, 76, 213, 0.07);
}

.product-wrap-2:hover .product-action-2 button {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.product-content-2 {
  padding: 0 5px;
}

.title-price-wrap-2 {
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.product-wrap-2 .product-content-2 .title-price-wrap-2 h3 {
  text-align: center;
  font-size: 1.5rem !important;
}

.product-wrap-2 .product-content-2 .title-price-wrap-2 h3 a {
  font-size: 15px;
  color: #4c4c4c;
  font-weight: 400;
}

.product-wrap-2 .product-content-2 .title-price-wrap-2 h3 a:hover {
  color: #111e6c;
}

.products__row {
  margin-top: 30px;
  margin: 0 50px;
}

#myNav.overlay {
  height: 0%;
  width: 100%;
  position: fixed;
  z-index: 2;
  top: 0;
  left: 0;
  background-color: rgb(0, 0, 0);
  background-color: #fff;
  overflow-y: hidden;
  transition: 0.5s;
}

#myNav .overlay-content {
  position: relative;
  top: 35%;
  width: 100%;
  margin-top: 30px;
}

#myNav .overlay-content form {
  width: 90%;
  margin: auto;
}

#myNav input[type="search"] {
  width: 100%;
  background: rgba(0, 0, 0, 0);
  font-size: 45px;
  font-weight: 400;
  border: 1px solid;
  border-width: 0px;
  margin: 0px auto;
  padding-bottom: 10px;
  outline: none;
}

.overlay a:hover,
.overlay a:focus {
  color: #f1f1f1;
}

.overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
}

@media screen and (max-height: 450px) {
  #myNav .overlay {
    overflow-y: auto;
  }

  #myNav .overlay a {
    font-size: 20px;
  }

  #myNav .overlay .closebtn {
    font-size: 40px;
    top: 15px;
    right: 35px;
  }
}

.close-icon {
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 20px;
  position: absolute;
  top: 40px;
  right: 60px;
  color: #fff;
  z-index: 1510;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
}

.search-close {
  transition: all 0.5s ease;
  transform: scale(0.85);
  opacity: 1;
  transition-delay: 0.6s;
}

.search-close:hover {
  transition: all 0.5s ease;
  transform: scale(1);
}

.close-icon svg {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  width: 10px;
}

.barnds__show {
  padding: 50px 0px;
  position: relative;
}

.brand-swiper {
  height: calc(42vh - 100px);
}

.swiper__brand__list {
  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;
  flex-wrap: wrap;
}

.swiper__brand__list a {
  width: 145px;
  height: 73px;
  border: 1px solid #bbb;
  border-radius: 0px;
  margin: 5px;
  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;
}

.swiper__brand__list a img {
  width: 85px;
  margin: auto;
}

.f-row {
  position: relative;
  z-index: 1;
}

.social_links {
  text-align: center;
  margin-bottom: 20px;
  margin-top: 20px;
  position: fixed;
  top: 40%;
  z-index: 1;
}

.social_links a i.fa {
  font-size: 20px;
  transition: 0.5s;
}

div.social_links a {
  color: #4c4c4c;
  font-size: large;
  padding: 10px;
  display: block;
  background: #fff;
  position: relative;
  display: block;
  width: 3pc;
  margin: 0;
  box-shadow: 0px 0px 40px -10px rgba(0, 0, 0, 0.3);
  transition: all ease-in 0.2s;
}

div.social_links a {
  display: block;
}

div.social_links a:hover {
  width: 4pc;
}

h3.footer-h {
  font-size: 1rem;
  margin: 20px 0px;
  color: #299dc4;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.2px;
  margin-left: -17px;
  position: relative;
}

/* h3.footer-h::before {
  content: '';
  position: absolute;
  left: 0;
  top: 100%;
  height: 2px;
  width: 50px;
  background: #fff;
} */

.footer-logo {
  width: 250px;
  margin-top: 30px;
  margin-left: -10px;
}

h5.logo-des {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1px;
  margin: 10px 0px;
}

p.logo-des {
  font-size: 11px;
  margin-bottom: 5px;
}

p.logo-para {
  font-size: 13px;
  line-height: 20px;
  color: #4c4c4c;
  padding: 30px 0;
}

ul.quickLinks {
  margin-left: 0px;
}

ul.quickLinks li a {
  color: #4c4c4c;
  line-height: 25px;
  font-size: 13px;
  letter-spacing: 1px;
  position: relative;
}

ul.quickLinks li a:before {
  content: "";
  position: absolute;
  background: #299dc4;
  width: 5px;
  height: 5px;
  top: 7px;
  left: -15px;
  border-radius: 50px;
}

.footer-media i.fa {
  margin: 5px 10px;
  background: #299dc4;
  color: #fff;
  padding: 9px;
  width: 32px;
  text-align: center;
  vertical-align: middle;
  border-radius: 3px;
  font-size: 14px;
}

.no-padding {
  padding: 0px 0px 10px !important;
}

.footer-media .media-body p {
  margin: 0;
  font-size: 14px;
  line-height: 20px;
  color: #c2c2c2;
  margin-top: 5px;
}

.footer-cont {
  color: #c2c2c2;
}

.footer-bottom {
  background-color: #fff;
  padding: 10px 0px;
  vertical-align: middle;
  background: linear-gradient(90deg,
      rgba(19, 52, 65, 1) 0%,
      rgba(32, 88, 110, 1) 35%,
      rgba(77, 167, 203, 1) 100%);
  background: linear-gradient(90deg, #111e6c 35%, #4ca7cc 100%);
}

.copy-right {
  margin: 0;
  color: #fff;
  font-weight: 600;
  font-size: 14px;
  width: 50%;
}

.footer-qLinks {
  width: 60%;
  text-align: right;
  margin: 0;
}

.footer-qLinks li {
  display: inline-flex;
  font-size: 14px;
  padding: 0px 10px;
}

.footer-qLinks li a {
  color: #fff;
  font-weight: 600;
}

.container.flex {
  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;
}

.news-subs {
  width: 300px;
}

.news-subs .form-control {
  border-radius: 5px;
  font-size: 13px;
  padding: 8px;
  height: 45px;
}

.btn-subscribe {
  font-size: 11px;
  background: #1f73b7;
  background: #299dc4;
  color: #fff;
  letter-spacing: 0.5px;
  border: unset;
  border-radius: 0px;
  padding: 0px 20px;
  min-width: 90px;
}

del.small-t {
  color: #f00;
  font-size: 14px;
  margin-left: 5px;
}

/*---- Header Slider ----*/

.header-slider {
  height: 42px;
  /*    background: #665acb;
    background: rgb(19,52,65);*/
  /* background: linear-gradient(90deg, rgba(19,52,65,1) 0%, rgba(32,88,110,1) 35%, rgba(77,167,203,1) 100%); */
}

.header-slider .swiper-slide {
  overflow: hidden;
}

.header-slider .swiper-slide {
  position: relative;
}

.header-slider .slide-inner:after {
  content: "";
  position: absolute;
  background: #676767;
  z-index: 2;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  opacity: 0.1;
}

.header-slider .slider-content {
  padding: 10px 0px;
  margin-right: -55px;
}

.header-slider .slider-content p {
  color: #4da7cb;
  color: #28a745;
  text-align: center;
  font-size: 14px;
  margin: 0;
  line-height: 23px;
  font-weight: 600;
}

.header-slider .slider-content p a {
  color: #f9f9f9;
}

.header-slider .swiper-button-next,
.header-slider .swiper-button-prev {
  background: transparent;
  border-radius: 2px;
  height: 35px;
  width: 200px;
  -webkit-transition: all 0.4s linear;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  background: #fff;
  z-index: 999;
}

.header-slider .swiper-button-next:after {
  content: "\f105";
  position: absolute;
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  margin: 1px 20px 0px 20px;
  text-decoration: none;
  text-align: center;
  font-size: 23px;
  color: #fb0066;
}

.header-slider .swiper-button-prev:after {
  content: "\f104";
  position: absolute;
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  margin: 1px 20px 0px 20px;
  text-decoration: none;
  text-align: center;
  font-size: 23px;
  color: #fb0066;
  right: 0;
}

.header-slider .swiper-button-next {
  right: 0;
  top: 58%;
  background: linear-gradient(45deg, #3d83b3, #4ca7cc) !important;
}

.header-slider .swiper-button-prev {
  left: 0;
  top: 58%;
  background: #111e6c !important;
}

/*--- Testimonails ---*/
section.testmonials .container {
  position: relative;
  z-index: 999;
}

section.testmonials .container h3,
section.testmonials .container .main__h p,
.testm__name,
.testm__deg,
.test__msg {
  color: #fff;
}

section.testmonials .container .main__h h3:before,
section.testmonials .container .main__h h3:after {
  background: #fff;
}

section.testmonials {
  padding: 50px 0px;
  position: relative;
  background: url("https://slumberbump.com/assets/uploads/banners/06871583565620.jpeg") no-repeat;
  background-attachment: fixed;
  background-size: cover;
}

section.testmonials::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  top: 0;
  z-index: 3;
}

.testimonials-swiper {
  height: calc(87vh - 100px);
  margin-top: 30px;
}

.testmonials .main_h {
  text-align: center;
}

.testimonials-swiper .slider-content {
  text-align: center;
  padding: 20px;
  margin: 5px;
  /* //background: rgba(77, 166, 202, 0.09); */
}

.testm__rating {
  margin: 0;
  padding: 0 10px;
}

.testm__per .testm__rating li {
  display: inline-block;
  color: #fbd114;
  font-size: 14px;
}

.testm__name {
  font-size: 17px;
  font-weight: 600;
  letter-spacing: 0.2px;
  color: #4ca7cc !important;
  text-transform: uppercase;
  position: relative;
  padding: 10px;
  margin-bottom: 12px;
}

.testm__name:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  top: 100%;
  left: 0;

  background: -moz-linear-gradient(left,
      rgba(79, 133, 187, 1) 0%,
      rgba(79, 133, 187, 0.1) 50%,
      rgba(79, 133, 187, 0.1) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left,
      rgba(79, 133, 187, 1) 0%,
      rgba(79, 133, 187, 0.1) 50%,
      rgba(79, 133, 187, 0.1) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,
      rgba(79, 133, 187, 1) 0%,
      rgba(79, 133, 187, 0.1) 50%,
      rgba(79, 133, 187, 0.1) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4f85bb', endColorstr='#334f85bb', GradientType=1);
  /* IE6-9 */
}

p.testm__deg {
  font-weight: 600;
  font-size: 13px;
  margin-bottom: 10px;
}

.client__img {
  width: 60px;
  height: 60px;
  border-radius: 100%;
  margin: 0px 0px 10px;
}

p.test__msg {
  font-size: 13px;
  line-height: 20px;
  min-height: 120px;
}

.testimonials-swiper.swiper-container-horizontal>.swiper-pagination-bullets {
  bottom: 20px;
  left: 0px;
  text-align: center;
}

/* .swiper-pagination-bullet {
    background: #fff !important;
    opacity: 1 !important;
} */

p.subs-para {
  color: #fff;
  font-size: 10px;
  line-height: 20px;
}

@media (min-width: 1200px) {
  .foo-col {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 20.666667%;
    /* max-width: 20.666667%; */
    max-width: 18.666667%;
  }

  .foo-col:nth-child(2) {
    margin-left: 10%;
  }

  /* .foo-col:nth-child(3) {
    margin-left: -3%;
    margin-right: 2.25%;
  } */

  .footer-description {
    /* padding-right: 60px; */
  }
}

#notification.overlay {
  height: 0%;
  width: 100%;
  position: fixed;
  z-index: 6;
  bottom: 0;
  left: 0;
  background: #665acb;
  background: rgb(19, 52, 65);
  background: linear-gradient(90deg,
      rgba(19, 52, 65, 1) 0%,
      rgba(32, 88, 110, 1) 35%,
      rgba(77, 167, 203, 1) 100%);
  background: linear-gradient(90deg, #111e6c 35%, #4ca7cc 100%);
  overflow-y: hidden;
  transition: 0.5s;
}

#notification .overlay-content {
  position: relative;
  top: 20%;
  width: 60%;
  text-align: center;
  display: block;
  margin: auto;
}

@media screen and (max-height: 450px) {
  #notification .overlay {
    overflow-y: auto;
  }

  #notification .overlay a {
    font-size: 20px;
  }

  #notification .overlay .closebtn {
    font-size: 40px;
    top: 15px;
    right: 35px;
  }

  .carousel {
    margin: 50px auto;
    padding: 0 !important;
  }

  .carousel-control-prev {
    left: 0;
  }

  .carousel-control-next {
    right: 0;
  }

  /* h3.footer-h {
    margin-left: 0;
  } */
}

#notification .close-icon {
  background: #133441;
}

#notification .close-icon svg {
  fill: #fff;
}

#notification .overlay-content h1 {
  color: #fff;
}

#notification .overlay-content p {
  color: #e1e1e1;
  font-size: 1rem;
}

form.notiForm {
  width: 80%;
  margin: 20px auto;
}

form.notiForm .form-control {
  height: 45px;
  border-radius: 0px;
}

.btn-send {
  background: rgb(19, 52, 65);
  color: #fff;
  padding: 10px 30px;
  font-size: 14px;
  height: 45px;
}

.challenge__content {
  position: relative;
  z-index: 99;
}

.challenge__content1 h4 {
  font-size: 20px;
  margin-bottom: 15px;
  font-weight: 600;
}

.challenge__content1 li {
  font-size: 14px;
  margin: 0px 0px 5px 0px;
  font-weight: 400;
  color: #4c4c4c;
  position: relative;
}

.challenge__content1 ul {
  padding-left: 15px;
}

.challenge__content1 li:before {
  content: "";
  position: absolute;
  background: #111e6c;
  width: 6px;
  height: 6px;
  top: 7px;
  border-radius: 100%;
  left: -15px;
}

.feedback {
  color: #341458;
  line-height: 1.54;
  font-weight: 400;
  left: -60px;
  bottom: 25%;
  padding: 5px 14px 5px 14px;
  border-radius: 0px 0px 4px 4px;
  -moz-border-radius: 0px 0px 4px 4px;
  -webkit-border-radius: 0px 0px 4px 4px;
  transform-origin: 100% 100% 0;
  -webkit-transform-origin: 100% 100% 0;
  -ms-transform-origin: 100% 100% 0;
  display: block;
  position: fixed;
  background-color: white;
  color: #ffffff;
  border: 1px solid #cccccc;
  font-size: 15px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 15px;
  opacity: 1;
  z-index: 5;
  cursor: pointer;
  text-decoration: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: rotate(-90deg);
  -ms-transform: rotate(-90deg) scale(1.02);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.feedback:hover {
  left: -58px;
}

.feedback p {
  margin: 0;
}

.chat {
  display: none;
  border: none;
  background: transparent;
  z-index: 5;
  transform: translateZ(0px);
  position: fixed;
  transition-duration: 250ms;
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  transition-property: opacity, top, bottom;
  opacity: 1;
  height: 50px;
  max-height: 551px;
  min-height: 50px;
  margin: 10px 20px;
  right: 0px;
  bottom: 0px;
  width: 112px;
  width: 112px;
}

button.chat-btn {
  box-shadow: none;
  background-color: #45166a !important;
  background: linear-gradient(90deg,
      rgba(19, 52, 65, 1) 0%,
      rgba(32, 88, 110, 1) 35%,
      rgba(77, 167, 203, 1) 100%);
  background: linear-gradient(90deg, #111e6c 35%, #4ca7cc 100%);
  color: #ffffff !important;
  padding: 10px 20px;
  border-radius: 999rem;
  bottom: 0;
  letter-spacing: 0.6px;
  font-size: 1.07143rem;
  border: none;
}

/* ----- wf1220 ----*/

/*===== The CSS =====*/
.challenge__content1 {
  padding-top: 60px;
}

div#wrapper {
  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;
  padding-right: 30px;
  margin-top: -20px;
}

.progress {
  width: 150px;
  height: 220px;
  background: transparent;
}

.progress.blue {
  margin-right: 60px;
  margin-left: 80px;
}

.progress .track,
.progress .fill {
  fill: rgba(0, 0, 0, 0);
  stroke-width: 3;
  transform: rotate(90deg) translate(0px, -80px);
}

.progress .track {
  stroke: rgba(56, 71, 83, 0.3);
}

.progress .fill {
  stroke: rgb(255, 255, 255);
  stroke-dasharray: 219.99078369140625;
  stroke-dashoffset: -219.99078369140625;
  transition: stroke-dashoffset 5s;
}

.progress.blue .fill {
  stroke: rgba(77, 167, 203, 1);
  stroke-width: 5px;
  stroke-linecap: round;
}

.progress.green .fill {
  stroke: #111e6c;
  stroke-width: 5px;
  stroke-linecap: round;
}

.progress .value,
.progress .text {
  fill: #676767;
  text-anchor: middle;
}

.progress .text {
  font-size: 10px;
}

.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
}

.aptmnt__hours {
  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: start;
  align-items: stretch;
  align-content: stretch;
  margin: 10px 0px;
  margin: 30px 0;
}

.feedback__q {
  width: 100%;
  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;
}

.feedback__q p {
  width: 50%;
  font-size: 12px !important;
}

.feedback__q p:last-child {
  text-align: right;
  float: right;
}

.slot__badge .container {
  display: block;
  position: relative;
  cursor: pointer;
  font-size: 25px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  line-height: 35px;
  color: #676767;
  font-size: 13px;
  z-index: 9999;
  margin: 0;
  font-weight: 400;
  letter-spacing: 0.5px;
}

/* Hide the browser's default radio button */

.slot__badge .container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom radio button */
.slot__badge .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  background-color: transparent;
  border-radius: 0px;
  width: 100%;
  height: 100%;
  font-size: 11px;
  color: #fff;
  font-weight: 500;
  letter-spacing: 0.5px;
  z-index: -1;
}

.not_available .checkmark {
  background-color: #ee5656 !important;
}

.not_available .container {
  cursor: not-allowed;
  pointer-events: none;
}

/* When the radio button is checked, add a blue background */

.slot__badge .container input:checked~.checkmark {
  background-color: rgba(77, 167, 203, 1) !important;
  color: #fff;
}

.slot__badge .container input:checked~.checkmark+span {
  color: #fff;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.slot__badge .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.slot__badge .container input:checked~.checkmark:after {
  display: block;
}

.slot__badge input:disabled .checkmark {
  cursor: not-allowed;
}

.slot__badge {
  -webkit-box-flex: 1;

  -moz-box-flex: 1;
  /* OLD - Firefox 19- */
  -webkit-flex: 1;
  /* Chrome */
  -ms-flex: 1;
  /* IE 10 */
  flex: 1;
  text-align: center;
  background: transparent;
  margin: 0 3px 10px 0;
  border-radius: 0px;
  border: 1px solid #4c4c4c;
}

.abt__cpap {
  text-align: center;
}

.abt__cpap h3 {
  font-weight: 600;
}

.abt__cpap h4 {
  color: #777;
  font-size: 20px;
}

/*--- custom feedback ---*/
div#chatModal1 .modal-body {
  /* background: #f9f9f9;*/
}

div#chatModal1 .modal-dialog {
  max-width: 550px !important;
}

div#chatModal1 .modal-body p {
  margin: 0;
  color: #222;
}

div#chatModal1 .modal-body p {
  margin: 0;
  color: #676767;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0;
}

div#chatModal1 .form-control {
  border-radius: 0px;
  min-height: 45px;
  font-size: 14px;
}

div#chatModal1 .btn-view {
  margin: 0;
}

textarea {
  resize: none;
}

div#chatModal1 .modal-content {
  border-radius: 0px;
}

.award__banner {
  background: linear-gradient(0deg, #1f73b7 71.64%, #74a3ca 90.63%);
  background: linear-gradient(90deg,
      rgba(19, 52, 65, 1) 0%,
      rgba(32, 88, 110, 1) 35%,
      rgba(77, 167, 203, 1) 100%);
  background: linear-gradient(90deg, #111e6c 35%, #4ca7cc 100%);
  padding: 20px 0px;
}

.award__banner h3 {
  color: #fff;
  text-align: center;
  font-size: 21px;
  margin-top: -8px;
}

/*----- banner ----*/
section.banner {
  padding: 10px 0px;
  position: relative;
  /* background: #203f6f; */
  background: #fff;
  /* background-image: url(../images/bg_banner.svg); */
  background-position: center 30%;
  background-repeat: no-repeat;
  -webkit-box-shadow: 0px 0px 40px -10px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 40px -10px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: none;
}

h5.page-title {
  color: #203f6f;
  font-size: 25px;
}

.breadcrumbs__title,
.breadcrumbs__items {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  width: 50%;
}

.breadcrumbs__wrap {
  font-style: normal;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0em;
  text-transform: none;
  color: #203f6f;
  margin-top: 5px;
}

.breadcrumbs__item {
  display: inline-block;
  padding: 0px 5px;
}

.breadcrumbs__items {
  text-align: right;
}

.breadcrumbs__item a {
  color: #203f6f;
  transition: all 0.5s;
}

.breadcrumbs__item-target {
  color: #4ca7cc !important;
}

.breadcrumbs__item a:hover {
  color: #fd5754;
  transition: all 0.5s;
}

/*------ About Us -----*/
.about_us {
  padding: 50px 0px;
}

.tabs-horizontal.tabs-corporate .nav-tabs {
  position: relative;
  width: 100%;
  display: block;
  justify-content: center;
  text-align: center;
  margin-bottom: -10px;
  margin-left: -5px;
  margin-right: -5px;
  border: 0;
  will-change: transform;
}

.tabs-horizontal.tabs-corporate .nav-item {
  display: inline-block;
  will-change: transform;
  flex-grow: 1;
  flex-shrink: 0;
}

.tabs-horizontal.tabs-corporate .nav-tabs>* {
  margin-bottom: 10px;
  padding-left: 5px;
  padding-right: 5px;
}

.tabs-horizontal.tabs-corporate .nav-link.active,
.tabs-horizontal.tabs-corporate .nav-link:hover {
  color: #ffffff;
  border-color: #299dc4;
  background-color: transparent;
}

.tabs-horizontal.tabs-corporate .nav-link,
.tabs-horizontal.tabs-corporate .nav-link::before {
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.tabs-horizontal.tabs-corporate .nav-link {
  display: block;
  position: relative;
  z-index: 1;
  min-width: 130px;
  letter-spacing: 0.1em;
  padding: 13px 20px;
  border: 2px solid #e5e7e9;
  transition: all 0.5s;
}

.tabs-corporate .nav-link:hover,
.tabs-corporate .nav-link.active {
  color: #ffffff;
  background: #299dc4;
  border-color: #299dc4;
}

.tabs-corporate .nav-link:first-child {
  border-top: 1px solid #e5e7e9;
}

.tabs-corporate .nav-link {
  padding: 10px 10px;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.4;
  color: #9b9b9b;
  background: transparent;
  border-bottom: 1px solid #e5e7e9;
  text-align: center;
  vertical-align: middle;
  border-radius: 0px;
}

.tabs-horizontal.tabs-corporate .nav-link::before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  z-index: -1;
  opacity: 0;
  transform: scale3d(0.7, 1, 1);
  transition: transform 0.4s, opacity 0.4s;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  background: #299dc4;
  background: #665acb;
  background: rgb(19, 52, 65);
  background: linear-gradient(90deg,
      rgba(19, 52, 65, 1) 0%,
      rgba(32, 88, 110, 1) 35%,
      rgba(77, 167, 203, 1) 100%);
  background: linear-gradient(90deg, #111e6c 35%, #4ca7cc 100%);
}

.tabs-horizontal.tabs-corporate .nav-link.active::before,
.tabs-horizontal.tabs-corporate .nav-link:hover::before {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
}

.tabs-horizontal.tabs-corporate.tabs-corporate_left .nav-tabs {
  text-align: left;
}

.tabs-horizontal.tabs-corporate.tabs-corporate_left .tab-content {
  padding: 30px 0 0;
}

.about-tab h4 {
  font-size: 23px;
  color: #222;
  font-weight: 500;
  margin-bottom: 10px;
}

.about-tab p {
  color: #4c4c4c;
  line-height: 20px;
  margin-bottom: 10px;
}

.navbar-participants .nav-item.active a.nav-link,
.navbar-participants .nav-item:hover a.nav-link {
  color: #299dc4;
  transition: all 0.5s;
}

.about_us_show {
  margin: 80px 0px 0px;
  position: relative;
}

.about_us_show p {
  background: rgba(19, 52, 65, 0.9);
  color: #fff;

  padding: 10px;
  margin: 0;
  font-size: 13px;
  position: absolute;
  width: 100%;
  bottom: 0;
}

.about_us_show img {
  margin: auto;
  display: block;
  width: 100%;
}

.team-wrapper {
  background-color: #f7f7f7;
}

.mb-30 {
  margin-bottom: 30px;
}

.team-wrapper .team-img {
  position: relative;
}

.team-wrapper .team-img img {
  width: 100%;
}

a,
button,
img,
input,
span {
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

.team-wrapper .team-img .team-action {
  background: #fff none repeat scroll 0 0;
  left: 0;
  opacity: 0;
  padding: 10px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 70%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
  width: 100%;
  z-index: 5;
}

.team-wrapper .team-img .team-action a.facebook {
  border: 1px solid #3b5998;
  background-color: #3b5998;
}

.team-wrapper .team-img .team-action a {
  border-radius: 50px;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  height: 30px;
  line-height: 28px;
  text-align: center;
  width: 30px;
  margin: 0 3px;
}

.team-wrapper .team-img .team-action a.twitter {
  border: 1px solid #55acee;
  background-color: #55acee;
}

.team-wrapper .team-img .team-action a.instagram {
  border: 1px solid #c32aa3;
  background-color: #c32aa3;
}

.team-wrapper .team-content {
  padding: 20px 10px 23px;
}

.team-wrapper .team-content h4 {
  font-size: 18px;
  font-weight: 500;
  margin: 0 0 3px;
  text-transform: capitalize;
}

.team-wrapper .team-content span {
  font-size: 15px;
  font-style: italic;
}

.team-wrapper:hover .team-action {
  top: 50%;
  opacity: 1;
}

.team-wrapper .team-img .team-action a.twitter:hover {
  background-color: transparent;
  color: #55acee;
}

.team-wrapper .team-img .team-action a.facebook:hover {
  background-color: transparent;
  color: #3b5998;
}

.team-wrapper .team-img .team-action a.instagram:hover {
  background-color: transparent;
  color: #c32aa3;
}

/*---- Baneer ---*/
.p-register {
  background: url(../images/abouti_banner.png);
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  padding: 60px 0px;
}

/* .p-register:after {
  content: "";
  position: absolute;
  background: #0b111c;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 0.7;
} */

.register__content {
  width: 70%;
  margin: auto;
  position: relative;
  z-index: 1;
  text-align: center;
}

.register__content h4 {
  color: #fff;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 35px;
}

.register__content p {
  color: #fff;
  font-size: 14.5px;
  letter-spacing: 0px;
  margin: 20px 0px;
}

.theme-c {
  color: #299dc4;
}

.addr p {
  margin: 0 !important;
  color: #4c4c4c !important;
  font-weight: 600;
}

.addr {
  margin: 20px 0px;
}

/*---- Our Team -----*/
.our_team {
  padding: 50px 0px;
}

.ourT_p {
  margin: 20px 0px;
  text-align: center;
}

/*--- shop ---*/
.sort-form .form-group {
  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;
  width: 50%;
  margin: 0 0 0 auto;
}

.sort-form .form-group .form-label {
  min-width: 30%;
  font-size: 15px;
  margin-top: 8px;
  color: #363636;
}

.sort-form .form-group select.form-control {
  border-radius: 0px;
  font-size: 14px;
  color: #666;
}

/*---- Contact ----*/
/*----- contact us ---*/
.conatct_us {
  padding: 70px 0px;
}

.main_c {
  color: #299dc4;
  font-weight: 600;
  font-size: 18px;
}

.contact_info h3 {
  font-size: 30px;
  font-weight: 700;
  color: #222;
  margin-top: 5px;
}

.contact_info p {
  line-height: 20px;
  color: #666;
  font-weight: 400;
  font-size: 13px;
  margin-bottom: 10px;
}

.contact-media span.mdi {
  color: #299dc4;
  font-size: 18px;
  margin-right: 10px;
}

.contact-media {
  margin: 5px 0px;
}

.contact-media .media-body a p {
  font-weight: 500;
  color: #363636;
  font-size: 14px;
}

.contact-media .media-body a {
  font-weight: 500;
  color: #222;
  font-size: 14px;
  display: inline-block;
}

.btn-contact {
  background: #299dc4;
  color: #fff;
  font-size: 13px;
  padding: 12px 40px;
  border-radius: 50px;
  background: linear-gradient(90deg,
      rgba(19, 52, 65, 1) 0%,
      rgba(32, 88, 110, 1) 35%,
      rgba(77, 167, 203, 1) 100%);
  background: linear-gradient(90deg, #111e6c 35%, #4ca7cc 100%);
}

.contact_form .form-control {
  min-height: 45px;
  border-radius: 0px;
  font-size: 14px;
  letter-spacing: 0.5px;
  font-weight: 500;
}

.side_para h3 {
  color: #299dc4;
  font-weight: 700;
  font-size: 22px;
  text-transform: uppercase;
  margin: 0px 0px 40px;
}

section.faq {
  padding: 0px;
  background: #f9f8f9;
}

.faq_list h3 {
  display: block;
  width: 100%;
  padding: 10px 0px;
  font-size: 14px;
  font-weight: 600;
  color: #222;
}

/* .faq_list p {
  color: #888;
  line-height: 20px;
  margin-bottom: 30px;
  font-size: 14px;
} */

.faq_list ul {
  margin-left: 30px;
}

.faq_list ul li {
  line-height: 25px;
  margin-bottom: 20px;
  font-size: 13px;
  position: relative;
  color: #888;
}

.faq_list ul li:before {
  content: "";
  position: absolute;
  background: #111e6c;
  width: 6px;
  height: 6px;
  top: 10px;
  border-radius: 100%;
  left: -15px;
}

.faq_list ul li strong {
  color: #676767;
}

/*---- Shop ----*/
.product_sort {
  margin-top: 50px;
}

.total_pr {
  margin: 10px 0px 0px;
  font-weight: 600;
  color: #888;
}

.total_pr span {
  color: #4c4c4c;
}

/*--- Product details ----*/
/*set a border on the images to prevent shifting*/
#gallery_01 img {
  border: 1px solid white;
}

/*Change the colour*/
.active img {
  /* border: 1px solid #4c4c4c !important; */
}

.clearfix {
  display: block;
  width: 100%;
  float: left;
}

.zoom-left {
  max-width: 412px;
}

.zoom-left img {
  width: 100% !important;
}

.woocommerce-breadcrumb a:after {
  content: "\F054";
  display: inline-block;
  font: normal normal normal 16px/1 "Material Design Icons";
  font-size: inherit;
  text-rendering: auto;
  line-height: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 13px;
  padding: 0px 5px;
}

nav.woocommerce-breadcrumb {
  font-size: 13px;
  color: #676767;
}

nav.woocommerce-breadcrumb a {
  font-size: 13px;
  color: #676767;
  transition: 0.5s all;
}

nav.woocommerce-breadcrumb a:hover {
  color: #1f73b7;
  transition: 0.5s all;
}

.qty-input {
  height: 45px;
  position: relative;
  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;
}

.qty-input i {
  cursor: pointer;
  font-family: serif;
  height: 45px;
  float: left;
  line-height: 40px;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 150ms ease-out;
  transition: all 150ms ease-out;
  width: 33px;
}

.qty-input i:active {
  background-color: #f1f1f1;
  -webkit-transition: none;
  transition: none;
}

.qty-input input {
  border: 0px solid;
  float: left;
  font-size: 13px;
  height: 42px;
  text-align: center;
  outline: none;
  width: 54px;
}

p.product_sku,
p.product_category {
  margin-right: 20px;
  font-size: 12.5px;
  color: #777;
  font-weight: 600;
}

.prod_ct {
  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;
}

.product_details {
  padding: 70px 0px;
}

.product_name {
  margin: 15px 0px 10px;
  color: #499fc6;
  font-size: 1.3rem;
  font-weight: normal;
}

.wish_btn {
  float: right;
  border: none;
  background: transparent;
  font-size: 1rem;
}

button:focus {
  outline: none;
  outline: none;
}

.product_price {
  font-size: 23px;
  font-weight: 500;
  margin-right: 10px;
}

div.product_des p {
  color: #4c4c4c;
  font-size: 14px;
}

div.product_des p strong {
  font-size: 13px;
  color: #4c4c4c;
  font-weight: normal;
}

p.product_des {
  font-size: 13px;
  letter-spacing: 0px;
  line-height: 20px;
}

.price-2 {
  font-size: 20px;
  text-align: center;
}

.pro_sh {
  margin: 10px 0px;
  color: #363636;

  font-size: 14px;
}

.form-control {
  border-radius: 0px !important;
  font-size: 13px;
  font-weight: 500;
  min-height: 40px !important;
  border-color: 1px solid #d2d1d1 !important;
}

.product_size {
  margin: 10px 20px;
}

.product_size select#p_size {
  min-width: 100px !important;
  border: 1px solid #fff !important;
}

.psize_list,
.qty-input {
  border: 1px solid #4c4c4c !important;
  min-width: 110px !important;
}

.product_ainfo {
  padding: 50px 0px;
  background: rgba(77, 166, 202, 0.09);
}

.pro_dinfo h3 {
  font-size: 15px;
  margin: 20px 0px;
}

.pro_dinfo h4 {
  font-size: 18px;
  font-weight: 600;
  margin: 20px 0px;
}

.pro_dinfo p {
  color: #777;
  letter-spacing: 0px;
}

.pro_dinfo ul {
  padding-left: 15px;
}

.pro_dinfo ul li {
  font-size: 14px;
  margin: 0px 0px 5px 0px;
  font-weight: 400;
  color: #4c4c4c;
  position: relative;
}

.pro_dinfo ul li:before {
  content: "";
  position: absolute;
  background: #111e6c;
  width: 6px;
  height: 6px;
  top: 7px;
  border-radius: 100%;
  left: -15px;
}

.pro_dinfo ul li span {
  color: #282828;
  font-weight: 600;
  display: inline-block;
  margin-right: 10px;
}

.prod_reviews {
  padding: 50px 0px;
}

.related_pro {
  background: rgba(77, 166, 202, 0.09);
}

.wish_btn i.fa {
  color: #4da6ca;
}

ul.quickLinks li a:hover {
  color: #299dc4;
}

/*---- Cart Details ---*/
.product__cart__details {
  padding: 0px;
  background: #f9f8f9;
  padding: 30px 0;
}

.no_cart {
  padding: 30px;
  text-align: center;
  color: #4c4c4c;
  background-color: #fff;
}

.no_cart p {
  font-size: 1.3rem;
  margin-top: 30px;
  margin-bottom: 30px;
}

.cart__total {
  padding: 50px;
}

.cart__table thead th {
  border: none;
}

.cart_ttbale th,
.cart__table th {
  letter-spacing: 0.5px;

  font-weight: normal;
}

.table.cart__table tbody tr td {
  vertical-align: middle !important;
  font-size: 15px;
  color: #222;
  font-weight: 500;
}

.cart__table tr th {
  border-top: 1px solid #f1f3f6;
  font-weight: normal;
  color: #1f73b7 !important;
  text-transform: uppercase;
  padding-top: 40px;
}

.cart__table tr td,
.cart__table tr th {
  border-bottom: 1px solid #f1f3f6;
  /* border-left: 1px solid #f1f3f6; */
  font-weight: normal;
}

.cart__table tr td:last-child,
.cart__table tr th:last-child {
  border-right: 1px solid #f1f3f6;
  text-align: right;
}

.cart__table .btn-close {
  transition: all ease-in 0.2s;
  background: #1f73b7;
  padding: 1px 4px;
  border-radius: 5px;
  font-size: 12px;
}

.cart__table .btn-close span {
  color: #fff !important;
}

.cart__table .btn-close:hover {
  background: #f00;
}

.cart__prdetails {
  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.cart__prdetails img {
  width: 120px;
}

.cart__prdetails p {
  padding: 0;
  margin: 0;
  font-size: 1rem;
  color: #1f73b7 !important;
  margin-left: 20px;
}

.form-control.cart__inc {
  max-width: 70px;
  border-radius: 0px;
  text-align: center;
  height: 45px;
  background-color: transparent;
  border: 0;
  font-size: 18px;
}

.cart__buttons {
  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;
  flex-wrap: wrap;
  padding: 10px 0px;
  justify-content: flex-end;
}

.flex-start {
  justify-content: flex-start !important;
}

.cart__bright {
  margin: 0 0 0 auto;
}

h3.cart__h {
  font-size: 20px;
  background-color: #1f73b7;
  color: #fff;
  padding: 10px 15px;
  text-align: left;
}

label.form-label {
  font-weight: 400;
  color: #444;
  font-size: 0.8rem;
}

.check__login {
  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;
  flex-wrap: wrap;
  width: 100%;
  border: 1px solid #bbb;
  padding: 20px;
  margin-bottom: 10px;
}

.check__login p {
  font-size: 15px;
  color: #4c4c4c;
  font-weight: 500;
  margin: 0;
}

.btn-check {
  font-size: 15px;
  color: #4c4c4c;
  margin: 0 0 0 auto;
  padding: 0;
  font-weight: 500;
}

.billing__details .cart__table tbody tr td {
  font-size: 15px;
  color: #555;
  padding: 20px 10px;
}

.checkout {
  padding: 20px 0px;
  background: #f1f3f6;
}

/* 
.billing__details {
  padding: 20px 0px 0px;
} */

.appointment__modal .modal-content {
  border-radius: 0px;
}

.aptmt__form {
  margin: 20px 0px 0px;
}

.aptmt__form .form-group .error {
  font-size: 14px;
  color: #f00;
}

/* .aptmt__form .form-control {
  border-width: 0px 0px 1px 0px;
} */

label.form-check-label {
  font-size: 14px;
}

.appointment__modal .modal-header {
  border: none;
}

.btn-request {
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 1px;
  color: #fff;
  margin: 20px 0px;
  position: relative;
  z-index: 1;
  font-weight: 500;
  min-width: 150px;
  border-radius: 50px;
  background: linear-gradient(90deg,
      rgba(19, 52, 65, 1) 0%,
      rgba(32, 88, 110, 1) 35%,
      rgba(77, 167, 203, 1) 100%);
  background: linear-gradient(90deg, #111e6c 35%, #4ca7cc 100%);
}

/* .btn-request:before {
  content: "";
  position: absolute;
  z-index: -1;
  width: 0;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transition: width 0.4s ease-in-out;
  -o-transition: width 0.4s ease-in-out;
  transition: width 0.4s ease-in-out;
  background-color: #23586d;
} */

.btn-request:focus:before,
.btn-request:hover:before {
  width: 100%;
}

.btn-request:hover,
.btn-request:focus {
  border: 1px solid #23586d;
  color: #fff;
}

.btn-cancel {
  background: transparent;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 1px;
  color: #133441;
  padding: 14px 30px;
  border: 1px solid #133441;
  margin: 20px 0px;
  font-weight: 500;
  min-width: 150px;
}

.btn-cancel:hover {
  background: #133441;
  color: #fff;
}

.btn-check:hover {
  color: #fd5754;
}

.form-control:focus {
  border-color: #23586d;
  box-shadow: unset;
  transition: border-color 1.5s;
}

/*---- Login ----*/
.form-link a {
  margin-right: 20px;
  font-size: 14px !important;
}

.form-link p {
  font-size: 14px;
}

section.login {
  padding: 5rem 0px;
  background: #f9f8f9;
}

.login_form {
  background: #fff;
  padding: 50px;
  transition: all ease-in-out 0.5;
  box-shadow: 0px 0px 40px -10px rgba(0, 0, 0, 0.3);
}

.login_form:hover {}

section.doctors {
  padding: 100px 0px;
}

.doctors_cont h3 {
  font-weight: 700;
  font-size: 24px;
}

.doctors_cont p {
  margin: 0;
}

/*---- Reviews and Rating ----*/
.categor_feed {
  padding: 50px 0px;
}

.abut_rating {
  margin-top: 20px;
}

.review_p {
  text-align: center;
}

.review_p h2 {
  font-size: 60px;
  font-weight: 400;
  margin-bottom: 25px !important;
  margin: 0;
}

.about_inst p {
  line-height: 20px;
  margin-bottom: 5px;
}

.review_p p .mdi {
  font-size: 20px;
  color: #ffc107;
}

.revi_progr .progress {
  margin: 0px 0px 10px 0px;
  height: 10px;
  background-color: #e9ecef;
}

.revi_progr .progress-bar {
  background: rgba(17, 17, 17, 0.6);
}

.about_inst {
  margin-top: 20px;
}

.cate_feed {
  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;
  margin: 10px 0px;
}

.patient__words {
  background: #f1f2f3;
  padding: 20px;
  position: relative;
  border-radius: 10px;
}

.cate_feed .testimonial__p {
  position: relative;
  margin: 0px 15px 0px 0px;
  width: 55px;
  height: 55px;
  border-radius: 50px;
}

.cate_feed .p__name {
  margin: 10px 0px 10px;
}

.p__name {
  font-size: 15px;
  font-weight: 500;
  color: #4c4c4c;
  margin: 25px 0px 15px;
}

.p__name span:first-child {
  margin-left: 15px;
  font-size: 13px;
}

.p__words {
  font-size: 14px;
  line-height: 20px;
}

p.feed_date {
  font-size: 14px;
  font-weight: 500;
  color: #676767;
}

/*--- Blog ----*/
.news_section {
  padding: 50px 0px;
}

.news_side {
  padding: 20px 10px;
  background: #f9fafb;
}

.news_side .media-body {
  text-overflow: ellipsis;
  overflow: hidden;
}

.news_side .media-body h4 {
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  text-overflow: ellipsis;
}

.news_search {
  margin-bottom: 30px;
}

.news_h {
  margin-bottom: 1em;
  font-size: 14px;
  line-height: 1.33;
  letter-spacing: 0em;
  text-align: inherit;
  color: #111;
}

/*--- Custom Radio Button ----*/
/* The container */
.pro__sort .form-check-label {
  display: block;
  position: relative;
  padding-left: 25px;
  margin-bottom: 7px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #515151;
}

/* Hide the browser's default radio button */
.pro__sort .form-check-label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 1;
  left: 0;
  height: 15px;
  width: 15px;
  background-color: rgba(76, 165, 200, 0.2);
}

/* On mouse-over, add a grey background color */
.pro__sort .form-check-label:hover input~.checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.pro__sort .form-check-label input:checked~.checkmark {
  background-color: #4ca5c8;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.pro__sort .form-check-label input:checked~.checkmark:after {
  display: block;
}

.news_recent {
  margin: 30px 0px;
}

.news-media {
  margin: 20px 0px;
}

img.new-recent {
  width: 80px;
  margin-right: 10px;
}

.news-media .media-body h4 {
  font-size: 14px;
  color: #363636;
}

.news-media .media-body p {
  color: #555;
  font-size: 14px;
}

.news_item {
  margin-bottom: 30px;
}

.news_item figure {
  position: relative;
  margin: 0;
  overflow: hidden;
}

.list_item figure {
  height: 265px;
  transition: all ease 1s;
}

.list_item figure img {
  transition: all ease 1s;
}

.list_item figure:hover img {
  transform: scale(1.5);
}

.main_nei {
  width: 100%;
  height: 100%;
}

.news_details {
  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;
  flex-wrap: wrap;
  position: absolute;
  width: 100%;
  bottom: 0;
  background: #263238;
  padding: 10px;
  justify-content: space-between;
}

.news_date {
  padding-right: 20px;
}

.news_date p {
  color: #fff;
  font-size: 14px;
  margin: 0;
}

.news_date p span.mdi {
  color: #299dc4;
}

.news_info {
  padding: 20px 0px;
}

.news_info .news_head {
  margin-bottom: 50px;
  margin-top: 30px;
}

.news_info .news_body p {
  margin: 10px 0;
  line-height: 30px;
}

.news_info h2 {
  font-size: 1.2rem;
  text-align-last: left;
  margin-top: 60px !important;
  margin-bottom: 30px !important;
}

.news_info h2::after {
  left: 0;
  right: auto;
}

.list_item figure:hover .news_head {
  top: 0;
}

.list_item figure:hover .news_head a {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.list_item .news_head {
  position: absolute;
  bottom: 0;
  color: #fff;
  background: linear-gradient(to top, #676767000, transparent);
  padding: 30px 20px;
  padding-bottom: 50px;
  width: 100%;
  transition: all ease-in-out 1s;
}

.list_item .news_head a {
  color: #fff;
  font-weight: 600;
  font-size: 20px;
  transition: all 0.5s;

  display: block;
  transition: all ease 1s;
}

.news_head a {
  color: #222;
  font-weight: 600;
  font-size: 38px;
  transition: all 0.5s;
}

.news_body p {
  color: #777;
  line-height: 20px;
  margin-bottom: 5px;
}

.btn-read {
  color: #676767;
  font-size: 14px;
  transition: all 0.5s;
}

.btn-read i.fa {
  margin-left: 5px;
  font-size: 8px;
  color: #222;
  transition: all 0.5s;
}

.page-links a:hover,
.page-links>.page-links__item,
.nav-links a.page-numbers:hover,
.nav-links .page-numbers.current {
  color: #ffffff;
  background-color: #299dc4;
}

.nav-links .page-numbers {
  color: #515151;
  background-color: #f7f7f7;
}

.nav-links .page-numbers {
  line-height: 39px;
  display: inline-block;
  min-width: 39px;
  height: 39px;
  padding: 0 2px;
  text-align: center;
  text-decoration: none;
  -webkit-transition: 0.1s;
  -o-transition: 0.1s;
  transition: 0.1s;
  margin: 0 4px 4px 0;
  border: none;
  font-weight: 700;
  font-size: 14px;
}

.news_head a:hover {
  color: #299dc4;
}

ul.social-links li a:hover {
  color: #299dc4;
}

/*--- faq-----*/

span.seh {
  font-weight: 500;
  color: #14b1bf;
  letter-spacing: 1px;
}

.faq__container {
  padding-top: 50px;
  padding-bottom: 20px;
}

.faq__h {
  position: relative;
  font-size: 25px;
  font-weight: 600;
  color: #133441;
  display: inline-block;
  padding-bottom: 8px;
}

.faq__accordion .card:last-child {
  border-width: 0;
}

.faq__accordion .card {
  border-radius: 0;
  background: transparent;
  border: 0 !important;
}

.faq__accordion .card:first-child {
  border-width: 0;
}

.faq__accordion .card .card-link span {
  float: right;
  border-color: #133441;
}

.faq__accordion .card .card-link {
  font-size: 15px;
  font-weight: 600;
  color: #222;
  letter-spacing: 0.5px;
  display: block;
  padding: 0.75rem 0 !important;
 text-transform: uppercase;
}

.faq__accordion .card .card-header {
  background: transparent;
  border-top: 1px solid #ccc;
  padding: 0 !important;
}

.faq__accordion .card:first-child .card-header {
  border: 0;
}

.faq__accordion .card a[aria-expanded="true"] .fa-plus:before {
  content: "\f068";
}

.faq__list .row {
  margin-bottom: 50px;
}

.awrd_badge {
  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;
  flex-wrap: wrap;
  max-width: 50%;
  margin: auto;
  height: 8px;
}

img.award_img {
  height: 90px;
  position: relative;
  top: -17px;
  left: -25px;
}

.awrd_iblock {
  width: 15%;
  margin-top: -23px;
  z-index: 9 !important;
  position: relative;
}

.test-link {
  text-align: center;
}

.test-link p {
  font-weight: 600;
  font-size: 1rem;
  color: #fff;
}

iframe#launcher {
  bottom: 30px !important;
  right: 30px !important;
  margin: 0 !important;
}

.reviews {
  padding: 30px 0;
  background: #f9f8f9;
}

.review_media {
  position: relative;
  padding: 0;
  background: rgb(255, 255, 255);
  margin-bottom: 30px;
  position: relative;
  margin: 30px 0;
  border: 1px solid rgba(77, 166, 202, 0.21);
  min-height: 250px;
  box-shadow: 0px 0px 40px -10px rgba(214, 214, 214, 0.3);
}

.review_media .media_body {
  position: relative;
  z-index: 9;
}

img.review_per {
  width: 80px;
  height: auto;
  margin: 0;
}

.testm__rating li {
  display: inline;
}

.testm__rating span {
  color: #d4af37;
  font-size: 14px;
}

.review_msg {
  font-size: 13px;
  line-height: 20px;
  margin: 10px 0px;
  padding: 10px;
}

.reviews_list {
  margin-top: 50px;
}

.banner_cardi img {
  width: 110px;
}

.main-swiper .slider-content .banner_icard h3 {
  font-size: 23px;
  font-weight: 600;
  text-align: center;
}

.other_info {
  margin-top: 50px;
}

.banner_cardi {
  text-align: center;
  position: relative;
  margin-bottom: 10px;
  transition: all 2s;
  margin-top: 100px;
}

.banner_cardi:hover .banner_hid {
  display: block;
  text-align: center;
  left: 0;
  right: auto;
  margin: auto;
  width: 100%;
  top: 45%;
  transition: all 2s;
  transform: translateX(0px);
}

.banner_hid {
  display: none;
  position: absolute;
  z-index: 1;
  transition: all 2s;
  transform: translateX(100px);
}

.main-swiper .slider-content .banner_hid h4 {
  font-size: 20px;
  color: #fff;
  font-weight: 600;
}

.banner_cardi:hover:after {
  content: "";
  position: absolute;
  width: 44%;
  top: 0;
  height: 100%;
  left: 71px;
  right: auto;
  /* background: #676767; */
  opacity: 0.4;
  transition: all 2s;
}

.he__cart>a,
ul.user__icon li:last-child>a {
  color: #fff !important;
  background: #f00;
  padding: 0.5rem 1rem;
  border-radius: 50px;
  text-transform: uppercase;
  font-size: 14px;
}

/*******New testmonials *******/

.popup-video {
  position: absolute;
  top: calc(100% - 30px);
  left: calc(50% - 25px);
  border: 1px solid #eee;
  background: #fff;
  border-radius: 50%;
  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;
  width: 50px;
  height: 50px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 999;
}

.popup-video i {
  color: #1f73b7 !important;
  position: relative;
  left: 3px;
  font-size: 2rem;
}

h2 {
  color: #4c4c4c;
  text-align: center;
  text-transform: uppercase;
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  position: relative;
  margin: 30px 0 60px;
}

h2::after {
  content: "";
  width: 100px;
  position: absolute;
  margin: 0 auto;
  height: 3px;
  /* background: #8fbc54; */
  left: 0;
  right: 0;
  bottom: -10px;
}

.col-center {
  margin: 0 auto;
  float: none !important;
}

.carousel {
  margin: 50px auto;
  padding: 0 70px;
}

.carousel .item {
  color: #4c4c4c;
  font-size: 14px;
  text-align: center;
  overflow: hidden;
  min-height: 290px;
}

.carousel .item .img-box {
  width: 200px;
  height: 200px;
  margin: 0 auto;
  padding: 5px;
  border: 1px solid #ddd;
  border-radius: 50%;
  position: relative;
}

.carousel .img-box img {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 50%;
}

.carousel .testimonial {
  padding: 30px 0 10px;
  color: #fff;
}

.carousel .overview {
  font-style: italic;
  color: #fff;
}

.carousel .overview b {
  text-transform: uppercase;
  color: #7aa641;
}

.carousel .carousel-control {
  width: 40px;
  height: 40px;
  margin-top: -20px;
  top: 100px;
  background: none;
}

.carousel-control-prev {
  left: 30%;
}

.carousel-control-next {
  right: 30%;
}

.carousel-control i {
  font-size: 2rem;
  line-height: 42px;
  position: absolute;
  display: inline-block;
  color: #fff;
}

.carousel .carousel-indicators {
  bottom: -40px;
}

.carousel-indicators li,
.carousel-indicators li.active {
  width: 10px;
  height: 10px;
  margin: 1px 3px;
  border-radius: 50%;
}

.carousel-indicators li {
  background: #fff;
  border-color: transparent;
}

.carousel-indicators li.active {
  background: #1f73b7;
}

.modal-popup {
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  z-index: 999;
  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: none;
}

.modal-popup iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 999;
}

.modal-popup iframe body {
  display: flex;
  align-items: center;
  justify-content: center;
}

#close-popup {
  position: absolute;
  z-index: 9999;
  top: 10px;
  right: 10px;
  background: #fff;
  border: 0;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  color: #676767;
}

/**** orders page design *****/

.product-conainer {
  padding: 0;
  margin: 0;
}

.product-list {
  margin: 10px 0;
  transition: ease-in-out 0.5s;
  padding: 10px;
}

.product-header {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  text-align: center;
  justify-content: space-between;
  background-color: #fff;
  padding: 10px;
  border: 1px solid #dbdbdb;
  border-bottom: 0;
  align-items: center;
}

.track-id {
  background: #1f73b7;
  color: #fff;
  padding: 10px;
  font-size: 14px;
  border: 1px solid #dbdbdb;
}

.btn_track {
  background: #4ca6cb;
  color: #fff;
  padding: 10px;
  display: block;
  cursor: pointer;
  border: 1px solid #dbdbdb;
  font-size: 14px;
}

.product-conainer .product-row,
.product-review {
  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  align-items: center;
  background: #fff;
  margin: 0px 0;
  border: 1px solid #dbdbdb;
  transition: ease-in-out 0.5s;
}

.product-conainer .product-list:hover,
.product_list_item row:hover {
  box-shadow: 0 0 20px #c7c7c7;
}

.product_list_item .row {
  border-bottom: 1px solid #eee;
  padding: 10px;
}

.product_list_item .row:last-child {
  border-bottom: 0;
}

.product-col {
  padding: 20px 15px 20px 0;
}

.product-col:nth-child(1) {
  padding-left: 20px;
}

.product-col:nth-child(1),
.product-col:nth-child(3) {
  width: 25%;
}

.product-col:nth-child(2),
.product-col:nth-child(4) {
  width: 25%;
}

.product-img img {
  width: 150px;
}

.product-title {
  font-size: 1rem;
  word-wrap: break-word;
  font-weight: normal;
  color: #4c4c4c;
}

ul.product-des {
  color: #7f7c7c;
  margin-top: 10px;
  font-size: 0.8rem;
}

.product-price {
  font-size: 1.2rem;
  padding-left: 50px;
}

.product-price span {
  font-size: 1rem;
  position: relative;
  top: -2px;
  margin-right: 5px;
}

a.rate-review,
a.order-detaisl {
  color: #007bff;
  margin-top: 10px;
  display: inline-block;
  font-size: 14px;
  margin-right: 20px;
}

.product-review .product-img img {
  width: 100%;
}

.product-review .product-img h3 {
  font-size: 1.2rem;
  text-align: center;
}

.product-review .product-col {
  -webkit-box-flex: 1;

  -moz-box-flex: 1;
  /* OLD - Firefox 19- */
  -webkit-flex: 1;
  /* Chrome */
  -ms-flex: 1;
  /* IE 10 */
  flex: 1;
}

.product-col h6 {
  font-size: 0.8rem;
}

.product-from-review h3 {
  font-size: 1.2rem;
  margin-bottom: 10px;
}

.rating-review {
  margin-bottom: 3rem;
}

#text_product_review {
  width: 100%;
  display: block;
  padding: 10px;
  border: 1px solid #e6e6e6;
}

#btn_submit {
  border: 0;
  background-color: royalblue;
  margin-top: 20px;
  padding: 10px 25px;
}

.product-review-box {
  padding: 2rem;
}

.fa-star {
  color: #ffd700;
}

.fa-star-half-o {
  color: #ffd700;
}

.no-fill {
  color: #4c4c4c;
}

.review_div {
  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.product-image img {
  width: 100%;
}

.order-details h6 {
  border-bottom: 1px solid #4c4c4c !important;
}

.order-details h6 {
  border-bottom: 1px solid #ced4da;
  padding-bottom: 10px;
  font-weight: bold;
}

.question-div label {
  font-size: 14px !important;
}

.question-div .col-md-12 {
  margin: 20px 0;
  position: relative;
}

.quation-list {
  margin: 0;
  padding: 0;
  margin-left: 23px;
  text-transform: capitalize;
  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;
  flex-direction: column;
}

.quation-list li {
  list-style: none;
  float: left;
  margin-right: 30px;
  color: #4c4c4c;
  cursor: pointer;
  font-size: 14px;
}

.quation-list li label {
  cursor: pointer;
}

.quation-list input[type="text"],
.quation-list textarea {
  width: 50%;
}

#btn-buy-now {
  background: red;
  border-radius: 50px;
  text-transform: uppercase;
  font-size: 14px;
  margin: 20px auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  text-align: center;
  width: 100px;
  align-items: center;
  justify-content: center;
  line-height: 35px;
  color: #fff;
}

.header-slider .slider-content {
  padding: 5px 0 !important;
}

.header-slider {
  height: auto !important;
}

.header-slider .slider-content p,
.header-slider .swiper-button-prev:after,
.header-slider .swiper-button-next:after {
  color: #fff !important;
}

.about_us_show {
  margin-top: 0 !important;
}

.home-buttons {
  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;
  text-align: center;
  width: 100%;
  align-items: center;
  justify-content: center;
  position: relative;
  top: 50px;
}

.home-buttons a {
  border: 1px solid #fff;
  border-radius: 50px;
  text-transform: uppercase;
  font-size: 14px;
  margin: 20px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  text-align: center;
  width: 120px;
  align-items: center;
  justify-content: center;
  line-height: 40px;
  color: #fff;
  transition: all ease-in-out 0.5s;
  margin-top: 30px;
  background: linear-gradient(90deg,
      rgba(19, 52, 65, 1) 0%,
      rgba(32, 88, 110, 1) 35%,
      rgba(77, 167, 203, 1) 100%);
  background: linear-gradient(90deg, #111e6c 35%, #4ca7cc 100%);
}

/* .home-buttons a:hover {
  background: #4ca7cc;
} */

/**** Slider ****/
.slider-container {
  height: calc(110vh - 100px);
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}

.slider-inner {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-size: cover;
  background-position: center;
}

.slider-inner:after {
  content: "";
  position: absolute;
  background: #676767;
  z-index: 2;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  opacity: 0.4;
}

.slider-inner-content {
  position: absolute;
  top: 40%;
  left: 50%;
  color: #fff;
  width: 80%;
  z-index: 5;
  display: block;
  margin: 0 0 auto;
  transform: translate(-50%, -50%);
}

.slider-inner-content h3 {
  font-size: 55px;
  letter-spacing: 0.5px;
  margin-bottom: 15px;
  /* font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif; */
  text-align: center;
  position: relative;
  top: -3px;
}

.user-name-dropdown {
  padding: 0 !important;
  background: none !important;
  position: relative;
  display: block;
}

.user-name-dropdown:after {
  content: "";
  position: absolute;
  right: -5px;
  top: 9px;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  transform: rotate(45deg);
  width: 7px;
  height: 7px;
  -webkit-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.nav-item.dropdown.show>.user-name-dropdown:after {
  content: "";
  position: absolute;
  top: 13px !important;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  border-bottom: 0 !important;
  border-right: 0 !important;
  transform: rotate(45deg);
  width: 7px;
  height: 7px;
}

.nav-item .dropdown:hover {}

#insert_leadership {
  position: relative;
}

#insert_leadership label.error {
  display: inline-block;
  margin-bottom: 0.5rem;
  font-size: 0.7rem;
  background: #fff;
  padding: 5px 10px;
  color: red;
  margin-top: 8px;
  border-radius: 5px;
  transition: all ease-in-out 0.5s;
  border: 1px solid #ced4da;
  position: absolute;
  right: 0;
  top: -20px;
}

#insert_leadership label.error:after {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  background: inherit;
  border-bottom: 1px solid #ced4da;
  transform: rotate(45deg);
  border-right: 1px solid #ced4da;
  bottom: -4px;
  right: 7px;
}

.doctors_btns>.btn-cancel,
.doctors_btns>.btn-request {
  border-radius: 50px;
}

.doctors_btns>.btn-request {
  margin-left: 10px;
}

.cart__bleft {
  border: 2px solid #1f73b7 !important;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  background: #fff;
  overflow: hidden;
  width: 95%;
  margin: 0 auto;
}

.cart__bleft #coupon {
  border: 0;
  font-size: 13px;
  background-color: transparent;
  width: 200px;
  padding: 0 10px;
  width: 100%;
}

.cart__bleft>.btn-request {
  margin: 0;
  height: 40px;
  letter-spacing: unset !important;
  padding: 0 30px;
  width: 60%;
}

select {
  height: 45px;
}

.btn-rounded {
  border: 1px solid #fff;
  border-radius: 50px;
  text-transform: uppercase;
  font-size: 14px;
  margin: 10px !important;
  display: inline-flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  color: #fff;
  transition: all ease-in-out 0.5s;
  background: #1f73b7;
  margin-top: 30px;
  padding: 8px 15px;
  border-radius: 50px;
  cursor: pointer;
  background: linear-gradient(90deg,
      rgba(19, 52, 65, 1) 0%,
      rgba(32, 88, 110, 1) 35%,
      rgba(77, 167, 203, 1) 100%);
  background: linear-gradient(90deg, #111e6c 35%, #4ca7cc 100%);
}

/* .btn-rounded:hover {
  background: #111e6c;
  color: #fff;
} */

.doctors_btns .btn-rounded {
  width: 100px;
}

.ml-0 {
  margin-left: 0 !important;
}

.mr-0 {
  margin-right: 0 !important;
}

.mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.align-center {
  text-align: center;
}

.align-left {
  text-align: left;
}

.align-right {
  text-align: right;
}

section.videos {
  background-color: #eee;
}

section.videos .video_item {
  width: 100%;
  border: 5px solid #fff;
  box-shadow: 0 0 5px #bcbbbb;
}

.card-link i {
  font-size: 10px !important;
}

/* .slider-inner-content .home-images {
  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;
  text-align: center;
  width: 100%;
  align-items: center;
  justify-content: center;
  margin-top: 40px;
}

.slider-inner-content .home-images img {
  width: 200px;
  margin: 10px;
  border-radius: 10px;
  opacity: 0.8;
  transition: all ease 0.5s;
  transform: scale(0.8);
}

.slider-inner-content .home-images img:hover {
  transform: scale(1);
  opacity: 1;
} */
section.slider {
  position: relative;
}

.slider .home-images {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  text-align: center;
  width: auto;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  z-index: 9;
  top: 10px;
  left: 10px;
}

.slider .home-images img {
  width: 100%;
  margin: 0;
  border-radius: 10px;
  opacity: 0.8;
  transition: all ease 0.5s;
  padding: 0;
  background: #fff;
}

.slider .home-images img:hover {
  transform: scale(1);
  opacity: 1;
}

.pro_details>.price-2 {
  text-align: left !important;
}

.pro_details .product_name {
  margin-top: 0;
}

.product-btnbuy {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  width: 250px;
  max-width: 100%;
  width: 200px;
}

.product-btnbuy a i {
  color: #fff;
}

.product-btnbuy a {
  color: #fff !important;
  padding: 10px 15px;
  color: #fff;
  width: 50%;
  text-align: center;
  margin: 10px;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  /* OLD - Firefox 19- */
  -webkit-flex: 1;
  /* Chrome */
  -ms-flex: 1;
  /* IE 10 */
  flex: 1;
  border-radius: 50px;
  background: linear-gradient(90deg,
      rgba(19, 52, 65, 1) 0%,
      rgba(32, 88, 110, 1) 35%,
      rgba(77, 167, 203, 1) 100%);
  background: linear-gradient(90deg, #111e6c 35%, #4ca7cc 100%);
}

.product-btnbuy a.btn-add-cart {
  background: #1f73b7;
  border-radius: 0px;
  background: linear-gradient(90deg,
      rgb(85, 118, 131) 0%,
      rgba(32, 88, 110, 1) 35%,
      rgba(77, 167, 203, 1) 100%);
  background: linear-gradient(90deg, #111e6c 35%, #4ca7cc 100%);
}

.product-btnbuy a.btn-buy-now {
  background: #1f73b7 !important;
}

.product_qnt-size {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: flex-end;
}

#lightgallery {
  border: 1px solid #e8e8e6;
}

#lightgallery a {
  border-bottom: 1px solid #e8e8e6;
  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;
  width: 100%;
  height: 100px;
  align-items: center;
  justify-content: center;
}

#lightgallery a img {
  width: 100%;
}

#lightgallery a:last-child {
  border-bottom: 0;
}

.mt-20 {
  margin-top: 20px;
}

.mt-20 {
  margin-top: 20px;
}

.login-banner {
  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  background: #1f73b7 !important;
  padding: 30px;
  height: 100%;
  color: #fff;
  margin-right: -30px;
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.61);
}

.login-banner img {
  width: 50%;
}

.login-banner p {
  color: #fff;
  margin-top: 33px;
  font-size: 10px;
  font-weight: normal;
}

.login_form label.form-label {
  font-weight: normal !important;
  color: #a5a5a5;
  font-size: 13px;

  margin-bottom: 0;
}

.login_form .form-control {
  font-size: 14px;
}

.login_form .form-check {
  font-size: 14px;
  padding-left: 10px;
  color: #838282;
  margin-left: 20px;
}

.login_form .form-check .form-check-input {
  position: relative;
  top: 2px;
  left: -10px;
}

.login_form .form-link a {
  font-weight: normal;
  font-size: 14px;
  color: #1f73b7 !important;
}

.btn-login {
  border-radius: 0;
  margin: 10px 0 !important;
  margin-bottom: 5px !important;
  width: 100%;
}

.login_form h3 {
  position: relative;
  top: 0;
  margin-bottom: 20px;
}

.step {
  opacity: 0;
  position: absolute;
  z-index: -999;
  top: 0;
  background: #fff;
}

.step.active {
  opacity: 1;
  z-index: 999;
  position: relative;
}

.div-setp-button {
  display: block;
}

.div-setp-button button {
  border: 0;
  color: #1f73b7;
  border-bottom: 2px solid #898989 !important;
  margin: 10px 0;
  position: relative;
  right: 0;
  background: #eee;
  padding: 5px 15px;
  border-radius: 50px;
  cursor: pointer;
  transition: all ease-in 0.5s;
}

.div-setp-button button:hover {
  background: #1f73b7;
  color: #fff;
}

.order-s-q {
  list-style: none;
  text-align: center;
}

.order-s-q li {
  display: block;
  margin: 0 10px;
  text-align: left;
}

.card h6 {
  font-weight: 600;
  font-size: 14px;
  color: #676767;
  margin-bottom: 20px;
}

.card #oder-id {
  font-size: 14px;
  color: #4c4c4c;
  margin-top: 5px;
}

#order-id {
  margin-top: 10px;
  color: #4c4c4c;
}

.card-block p {
  color: #4c4c4c;
}

.card-block strong {
  font-weight: normal !important;
  color: #676767 !important;
}

.price_chart {
  margin: 30px 0;
  padding: 0;
  border: 1px solid #cee9ff;
  width: 100%;
  margin-top: 15px;
}

.price_chart table {
  margin: 0;
  padding: 0;
  width: 100%;
  font-size: 14px;
}

.price_chart table tr th {
  background: #499fc6;
  color: #fff;
  border-bottom: 1px solid;
}

.price_chart table tr th,
.price_chart table tr td {
  padding: 5px 15px;
  border-bottom: 1px solid #cee9ff;
}

.price_chart table tr td {
  color: #4c4c4c;
  font-size: 14px;
  border-right: 1px solid #cee9ff;
}

.price_chart table tr td strong {
  color: #499fc6;
  font-size: 14px;
}

.btn-terms {
  font-weight: normal !important;
}

.btn_sendemailall {
  float: right;
  padding: 5px 10px;
  border-radius: 50px;
  cursor: pointer;
  background: #4ba6cb;
  border: 0;
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before,
table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child:before {
  top: 50% !important;
  left: 4px;
  height: 14px;
  width: 14px;
  display: block;
  position: absolute;
  color: #fff;
  border: 2px solid #fff;
  border-radius: 14px;
  box-shadow: 0 0 3px #444;
  box-sizing: content-box;
  text-align: center;
  font-family: "Courier New", Courier, monospace;
  line-height: 14px;
  content: "+";
  background-color: #0275d8;
  transform: translateY(-50%) !important;
}

.sorting_1 {
  text-align: right;
  padding-right: 25px;
}

.sorting_1::before {
  left: 15px !important;
}

.slumber-navbar .dropdown-menu .dropdown-item {
  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;
  align-items: center;
  color: #4c4c4c;
}

.insu_img {
  text-align: center;
  margin-top: 50px;
  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;
  width: 100%;
  height: 250px;
  align-items: center;
}

/*** home profile menu **/

.slumber-navbar .dropdown-menu .dropdown-item {
  margin: 5px 0;
}

.slumber-navbar .dropdown-menu .dropdown-item>i,
.dropdown-menu .dropdown-item>svg {
  width: 15px;
}

/***modal box **/
.modal-content {
  padding: 1rem;
}

.form-group {
  position: relative;
}

.question-div .col-md-12 label.error {
  left: -7px !important;
  top: -75px !important;
  right: auto !important;
}

.question-div .col-md-12 label.error:after {
  left: 7px !important;
}

#cc_card {
  width: 100%;
  border: 1px solid #f9f9f9;
  border-radius: 20px;
}

#cc_card .cart__h {
  padding: 20px 30px;
  background: #1f73b7 !important;
  color: #fff;
  font-size: 1.2rem;
  font-weight: normal;
  margin-bottom: 0;
}

#cc_card .d-row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

#cc_card .d-row .d-col {
  -webkit-box-flex: 1;

  -moz-box-flex: 1;
  /* OLD - Firefox 19- */
  -webkit-flex: 1;
  /* Chrome */
  -ms-flex: 1;
  /* IE 10 */
  flex: 1;
  margin: 5px;
}

.payment_menthod {
  border: 3px solid transparent;
  height: 80px;
  border-radius: 10px;
  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  box-shadow: 0 0 5px #ddd;
  position: relative;
}

.payment_rbt {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  width: 100%;
  height: 100%;
  z-index: 999;
}

input#payment_paypal:checked~.payment_menthod {
  border: 3px solid #1f73b7;
}

input#payment_cc:checked~.payment_menthod {
  border: 3px solid #1f73b7;
}

#shipping_options {
  color: #838282;
}

#shipping_options input[type="radaio"] {
  margin-right: 5px;
}

input#payment_cc:checked~.payment_menthod:before,
input#payment_paypal:checked~.payment_menthod:before {
  content: "";
  position: absolute;
  width: 8px;
  height: 16px;
  top: -9px;
  right: -4px;
  z-index: 99;
  border-bottom: 3px solid #fff;
  border-right: 3px solid #fff;
  transform: rotate(45deg);
}

input#payment_cc:checked~.payment_menthod:after,
input#payment_paypal:checked~.payment_menthod:after {
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #1f73b7;
  top: -15px;
  right: -15px;
}

/* form#insert_leadership .form-group:first-child {
  margin-bottom: 50px;
} */

.rating {
  margin-left: -5px;
}

button#apply_coupon,
button#remove_coupon {
  font-size: 14px;
  min-width: unset;
  padding: 0 10px;
  border-radius: 0 !important;
  background: #1f73b7;
}

.field-wrapper {
  background: #fff;
  margin: 10px 0;
}

.field-wrapper label.form-label {
  font-weight: normal !important;
  color: #a5a5a5;
  font-size: 13px;

  margin-bottom: 0;
}

#pay {
  border: 0;
  text-transform: uppercase;
  font-size: 1rem;
  display: inline-flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  color: #fff;
  transition: all ease-in-out 0.5s;
  padding: 10px 50px;
  cursor: pointer;
  float: right;

  border-radius: 50px;
  background: linear-gradient(90deg,
      rgba(19, 52, 65, 1) 0%,
      rgba(32, 88, 110, 1) 35%,
      rgba(77, 167, 203, 1) 100%);
  background: linear-gradient(90deg, #111e6c 35%, #4ca7cc 100%);
}

#chk_terms_condition.error {
  margin-top: 40px;
}

#agree-error {
  right: auto;
  margin-left: 0;
  left: -22px;
  top: -8px;
}

#agree-error::after {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  background: inherit;
  border-bottom: 1px solid #ced4da;
  transform: rotate(45deg);
  border-right: 1px solid #ced4da;
  bottom: -4px;
  right: 7px;
  left: 7px;
}

input[type="checkbox"].error {
  margin-top: 30px;
}

.white-box {
  padding: 20px;
  background: rgb(255, 255, 255);
  margin-bottom: 30px;
  position: relative;
  margin: 30px 0;
  border: 1px solid rgba(77, 166, 202, 0.21);
  min-height: 250px;
  box-shadow: 0 0 2px #eee;
}

p.tracking_id {
  color: #007bff;
}

#stop_snoring_modal .modal-content {
  padding: 0;
}

#stop_snoring_modal .modal-header {
  background: #1f73b7;
  color: #fff;
  padding: 20px 0 30px 0;
}

#stop_snoring_modal .close span {
  color: #fff;
}

#stop_snoring_modal {
  background: rgba(179, 179, 179, 0.85) !important;
}

#billing_state {
  background-color: #fff;
}

.btn-rounded [type="button"],
a [type="button"] {
  -webkit-appearance: none !important;
}

a {
  -webkit-appearance: none !important;
}

.cart_table_container {
  background: #fff;
}

.cart_details {
  padding: 20px;
}

#empty_cart_img {
  width: auto;
  max-width: 100%;
  margin: 0 auto;
}

.cart_container {
  background: #fff;
}

.cart_container .cart_details {
  padding: 10px;
}

.cart_container .table th,
.cart_container .table td {
  border: 0 !important;
  color: #676767;
}

.cart_container .btn-rounded {
  display: block;
  border-radius: 0 !important;
  position: relative;
  width: 100%;
  background: linear-gradient(90deg,
      rgba(19, 52, 65, 1) 0%,
      rgba(32, 88, 110, 1) 35%,
      rgba(77, 167, 203, 1) 100%);
  background: linear-gradient(90deg, #111e6c 35%, #4ca7cc 100%);
  width: 95%;
  margin: 10px auto !important;
}

.btn-info {
  border-radius: 50px;
  background: linear-gradient(90deg,
      rgba(19, 52, 65, 1) 0%,
      rgba(32, 88, 110, 1) 35%,
      rgba(77, 167, 203, 1) 100%);
  background: linear-gradient(90deg, #111e6c 35%, #4ca7cc 100%);
}

a.theme-c {
  text-decoration: underline;
  color: #0275d8;
}

.news-subs {
  background: #fff;
}

#news_email {
  border: 0;
  background: transparent;
  border-radius: 0;
  border: 1px solid rgb(41, 157, 196);
}

.doctor_profile {
  padding: 0 !important;
  margin-top: 50px;
}

.doctor_profile #insert_leadership {
  padding: 50px;
}

#profile_inptut {}

/* .profile_wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  border-radius: 50%;
  position: absolute;
  top: -75px;
  left: calc(50% - 50px);
} */
.profile_pic {
  position: relative;
  width: 60px;
  height: 60px;
}

.profile_pic img {
  width: 60px;
  height: 60px;
  overflow: hidden;
  border: 2px solid #fff;
  box-shadow: 0 0 5px #4c4c4c;
  top: 0;
  border-radius: 50%;
}

.profile_input_wrapper {
  position: absolute;
  color: #fff;
  padding: 0;
  line-height: normal;
  border-radius: 50px;
  overflow: hidden;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transition: all ease-in-out 0.5s;
}

.profile_wrapper:hover .profile_input_wrapper {
  transform: scale(1);
}

#profile_inptut {
  display: none;
}

.profile_input_wrapper label {
  display: flex;
  text-align: center;
  line-height: 30px;
  align-items: center;
  justify-content: center;
  position: relative;
  top: 0;
  color: powderblue;
  width: 25px;
  height: 25px;
  background: rgba(31, 115, 183, 0.8);
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  font-size: 15px;
  width: 100%;
  height: 100%;
}

#same_billing {
  margin: 10px 0;
  display: -webkit-flex;
  display: flex;
  margin-left: 5px;
}

#same_billing label {
  font-size: 13px;
  cursor: pointer;
  margin-bottom: 0;
}

#chk_samebilling {
  cursor: pointer;
  margin-right: 5px;
  position: relative;
  top: 4px;
}

h2>img.secure_payment_shield {
  width: 30px;
  position: relative;
  top: -2px;
}

.payment_div h4 {
  font-size: 18px;
  margin-bottom: 30px;
  font-weight: bold;
}

#shipping_charges>td {
  padding-top: 0px;
}

#shipping_price {
  font-weight: bold;
}

.order_item {
  border-bottom: 1px solid #eee;
}

#checkout_totalamount {
  border-bottom: 1px solid #eee;
  border-top: 0 !important;
}

#checkout_totalamount>div {
  color: #0275d8;
}

.star_mandatory {
  color: #f00;
}

/* 
a.view_product_link {
  display: block;
  text-align: center;
  padding: 10px;
  border-top: 1px solid #eee;
  margin-bottom: 5px;
  font-size: 14px;
  background: #1f73b7;
  color: #fff;
  width: 150px;
  border-radius: 50px;
  background: linear-gradient(90deg,
      rgba(19, 52, 65, 1) 0%,
      rgba(32, 88, 110, 1) 35%,
      rgba(77, 167, 203, 1) 100%);
  background: linear-gradient(90deg, #111e6c 35%, #4ca7cc 100%);
} */

a.view_product_link {
  display: block;
  text-align: center;
  border-top: 1px solid #eee;
  margin: 5px;
  font-size: 14px;
  background: #1f73b7;
  color: #fff;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  text-align: center;
  line-height: 30px;
  background: linear-gradient(90deg,
      rgba(19, 52, 65, 1) 0%,
      rgba(32, 88, 110, 1) 35%,
      rgba(77, 167, 203, 1) 100%);
  background: linear-gradient(90deg, #111e6c 35%, #4ca7cc 100%);
}

#chat-circle {
  background-color: #fff !important;
  box-shadow: 0px 0px 12px 0px rgba(76, 76, 76, 0.21) !important;
  z-index: 999;
  color: #5a5eb9 !important;
  border: 1px solid #1f73b7;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px;
}

#chat-circle #chat-overlay {
  top: 0;
  left: 0;
}

#chat-circle i {
  font-size: 2rem;
}

#chat-overlay .badge {
  top: -15px !important;
}

.wrapper-AtBcr {
  padding: 10px 15px;
}

.label-3kk12 {
  font-size: 13px;
}

ul.he__cart li a .cart_icon_header {
  font-size: 18px;
}

.cart_icon_header .mdi-cart-outline {
  font-size: 1.2rem;
  transition: all ease-in-out 0.5s;
  -webkit-transition: all ease-in-out 0.5s;
}

/* .cart_icon_header .mdi-cart-outline:hover {
  font-size: 1.3rem;
} */

#chat-overlay {
  position: relative;
  top: -9px;
  left: -3px;
}

.trusted_badgest_wraper {
  width: 500px;
  margin: 20px auto;
  text-align: center;
  border: 5px solid green;
  background: #fff;
  margin-top: 50px;
  max-width: 100%;
}

.trusted_badgest {
  display: flex;
  margin: 30px 0;
  align-items: center;
  justify-content: center;
}

.trusted_badgest img {
  margin: 10px;
  width: 180px;
  border: 1px solid #eee;
}

.trusted_badgest_wraper h3 {
  width: 200px;
  background: #fff;
  position: relative;
  margin: 0 auto;
  margin-top: -23px;
  border: 1px solid green;
  height: 40px;
  border-radius: 50px;
  line-height: 40px;
  text-transform: uppercase;
  font-size: 22px;
  color: green;
}

.place_order_div p {
  margin-top: 30px;
}

.cart_box {
  position: absolute;
  background: #fff;
  z-index: 999;
  right: -30px;
  box-shadow: 0 0 10px 3px #06060636;
  top: 50px;
  transition: all ease-in-out 0.8s;
  border-radius: 10px;
  padding: 10px;
  display: none;
}

.cart_box:hover {
  display: block;
}

.cart_box:before {
  content: "";
  position: absolute;
  border-top: 10px solid #fff;
  border-left: 10px solid #fff;
  border-right: 10px solid transparent;
  border-bottom: 10px solid transparent;
  transform: rotate(45deg);
  top: -8px;
  right: 20px;
}

a.cart_icon_header:hover .cart_box {
  display: block;
}

.cart_box .cart__table tr th {
  padding: 10px;
  border: 0 !important;
  font-size: 14px;
}

.cart_box .cart__table tbody tr td {
  font-size: 12px !important;
}

.cart_box .cart__table .cart__prdetails img {
  width: 100%;
}

.cart_box .cart__table tbody tr td .form-control.cart__inc {
  font-size: 12px !important;
  text-align: left !important;
  font-weight: normal !important;
}

/********** About *********/
.about_bottom {
  padding: 30px;
  color: #4c4c4c;
  text-align: center;
  line-height: 30px;
  width: 783px;
  margin: 0 auto;
  max-width: 100%;
}

.about_bottom h5 {
  line-height: 30px;
  font-size: 1.1rem;
  color: #4c4c4c;
}

.visionmission {
  padding: 50px;
  margin: 20px 0;
  background: #676767;
}

.vision_mission {
  padding: 30px;
  min-height: 280px;
  height: auto;
  background: rgba(255, 255, 255, 0.64);
}

.vision_mission h3,
.inventor_text h3 {
  color: #1f73b7;
  margin-bottom: 20px;
  text-transform: uppercase;
  font-size: 1.5rem;
}

.vision_mission h3 {
  display: block;
}

.inventor_text h4 strong {
  color: #1f73b7;
}

.inventor_text p {
  margin-bottom: 30px;
}

.vision_mission h4,
.inventor_text h4 {
  color: #4c4c4c;
  font-size: 1.2rem;
  margin-bottom: 10px;
}

.inventor .inventor_img img {
  width: 100%;
  -webkit-box-shadow: 3px 5px 13px rgba(0, 0, 0, 0.5);
  box-shadow: 3px 5px 13px rgba(0, 0, 0, 0.5);
  position: relative;
  z-index: 9;
}

.inventor .inventor_img p {
  color: #1f73b7 !important;
  background-color: #fff;
  font-size: 2rem;
  position: relative;
  margin-top: 10px;
}

.inventor .inventor_img p span {
  font-size: 1rem;
  margin-top: 10px;
  display: block;
  color: #4c4c4c;
}

.off_p {
  font-size: 1.4rem;
  display: block;
  text-align: center;
  color: #fff !important;
  margin-top: 30px;
  margin-bottom: 30px;
  line-height: 35px;
}

.off_p sup {
  display: block;
  margin-bottom: 6px;
  color: #fff;
}

.off_p span {
  display: block;
  font-weight: bold;
  color: #1f73b7 !important;
  font-size: 40px;
}

.modal_form {
  display: flex;
  justify-content: space-between;
}

.modal_form .from_filed {
  position: relative;
  margin-bottom: 10px;
}

.modal_form .from_filed label.error {
  position: absolute;
  top: -20px;
  left: 0;
  color: #fff;
  font-size: 13px;
}

.modal_form .from_filed .form_input {
  padding: 10px 15px;
  border: 0;
  height: 40px;
  width: 100%;
  border-radius: 5px;
}

#stop_snoring_modal .modal-footer {
  border: 0;
  background-color: #212121 !important;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  padding: 20px;
}

.btn_yes {
  background-color: #1f73b7 !important;
  color: #fff;
  cursor: pointer;
  text-align: center;
  padding: 10px 15px;
  border: 0;
  height: 40px;
  width: 100%;
  border-radius: 5px;
}

#stop_snoring_modal {
  background: rgba(0, 0, 0, 0.85) !important;
}

#stop_snoring_modal .modal-content {
  background-color: #000;
  color: #fff;
  border: 0;
  border-radius: 10px;
  box-shadow: 0 0 18px 0px #000;
}

#stop_snoring_modal .modal-content img {
  border: 0;
}

#stop_snoring_modal .modal-content h5 {
  margin: 0;
  margin-bottom: 10px;
  font-weight: normal;
  text-align: center;
  color: #fff;
}

#stop_snoring_modal .modal-content p {
  color: #fff !important;
}

#stop_snoring_modal .close {
  position: absolute;
  z-index: 999;
  right: -15px;
  top: -15px;
  width: 30px;
  height: 30px;
  background: #fff;
  border-radius: 50px;
  color: #676767;
  opacity: 1;
}

#stop_snoring_modal .close span {
  color: #4c4c4c !important;
}

.conatct_us {
  padding: 70px 0px;
  background: #f9f8f9;
  position: relative;
  z-index: 9;
}

.contact_info {
  background: #1f73b7;
  padding: 20px 30px;
  color: #fff;
  position: relative;
  z-index: 9;
  top: 10%;
  height: 80%;
  box-shadow: 7px 7px 4px 0px rgba(0, 0, 0, 0.12);
}

/* .contact_form_inner {
  position: relative;
  z-index: 999;
  left: -3%;
} */

.contact_form {
  background-color: #fff;
  padding: 30px 20px;
  position: relative;
}

.contact_form h3 {
  color: #1f73b7;
  margin-bottom: 20px;
}

.contact_info h3 {
  color: #fff !important;
  margin-bottom: 20px;
  font-weight: normal !important;
  font-size: 1.75rem !important;
}

.contact_form p {
  color: #4c4c4c;
}

/* 
.contact_form::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #fff;
  top: 0;
  left: -30%;
} */

.contact_info a,
.contact_info p {
  color: #fff;
}

.contact_info .main_c {
  color: #fff;
  margin-bottom: 20px;
}

.contact-media .media-body a p,
.contact-media .media-body a {
  color: #fff !important;
}

.contact-media span.mdi {
  color: #fff;
}

#popform,
#popform .modal_form {
  width: 100%;
}

.howit_works_image {
  width: 500px;
  max-width: 100%;
  margin: 20px auto;
  margin-top: 50px;
}

.howit_works_image image {
  width: 100%;
}

.howit_works_link {
  border: 1px solid #fff;
  border-radius: 50px;
  text-transform: uppercase;
  font-size: 14px;
  margin: 20px auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  text-align: center;
  width: 120px;
  align-items: center;
  justify-content: center;
  line-height: 40px;
  color: #fff;
  transition: all ease-in-out 0.5s;
  margin-top: 30px;
  background: linear-gradient(90deg,
      rgba(19, 52, 65, 1) 0%,
      rgba(32, 88, 110, 1) 35%,
      rgba(77, 167, 203, 1) 100%);
  background: linear-gradient(90deg, #111e6c 35%, #4ca7cc 100%);
}

.howit_works_link:hover {
  color: #fff;
}

.video_frame {
  padding: 20px;
  background-color: #fff;
  margin: 20px 0;
}

.mdi-cart-outline::before {
  content: none !important;
}

.user__icon .media-body span {
  color: #96979b;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-size: 14px;
  font-weight: 600;
  transition: all 0.5s;
}

.footer_cart_icon {
  width: 100%;
}

.navbar-toggler .bar {
  background: linear-gradient(90deg,
      rgba(19, 52, 65, 1) 0%,
      rgba(32, 88, 110, 1) 35%,
      rgba(77, 167, 203, 1) 100%);
  background: linear-gradient(90deg, #111e6c 35%, #4ca7cc 100%);
}

#shipping_to {
  margin-bottom: 20px;
}

.user_icon {
  width: 30px;
  display: block;
  margin: 0 auto;
  height: 30px;
  position: relative;
  top: 3px;
}

ul.he__cart li a>span {
  color: #96979b;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-size: 14px;
  font-weight: 600;
}

.cart_text {
  color: #96979b;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-size: 14px;
  font-weight: 600;
}

/* a:hover {
  color: #fff !important;
} */

.cart_list_products {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.dropdown-item:hover,
.dropdown-item:focus {
  color: #676767 !important;
}

/*********** Product details **********/
.product_slider .show {
  width: 100%;
  height: 300px;
  border: 1px solid #eee;
}

.small-img {
  height: 70px;
  margin-top: 10px;
  position: relative;
  max-width: 100%;
}

.small-img .icon-left,
.small-img .icon-right {
  width: 12px;
  height: 24px;
  cursor: pointer;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
}

.small-img .icon-left {
  transform: rotate(180deg);
}

.small-img .icon-right {
  right: 0;
}

.small-img .icon-left:hover,
.small-img .icon-right:hover {
  opacity: 0.5;
}

.small-container {
  width: 310px;
  height: 72px;
  overflow: hidden;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  border: 1px solid #eee;
}

.small-container div {
  width: 800%;
  position: relative;
}

.small-container .show-small-img {
  width: 70px;
  height: 70px;
  margin-right: 6px;
  cursor: pointer;
  float: left;
  opacity: 0.2;
}

.small-container .show-small-img:last-of-type {
  margin-right: 0;
}

/************ product des page  ******************/
.product_rating {
  display: flex;
  align-items: center;
  position: relative;
  padding: 10px 0;
}

.rating_review {
  align-items: center;
  display: -webkit-box;
  display: flex;
}

.product_wreview {
  margin-left: 10px;
}

.product_rating_total {
  font-size: 14px;
  margin-left: 10px;
  cursor: pointer;
  position: relative;
}

.product_wreview {
  font-size: 14px;
  margin-left: 10px;
}

.product_accordian .card-body {
  padding: 0;
}

.product_accordian h3 {
  font-size: 1rem;
  margin: 1rem 0;
}

.product_accordian p {
  font-size: 1rem;
  line-height: 25px;
}

.product_accordian ul {
  font-size: 0.8rem;
}

.product_accordian ul li {
  margin: 5px 0;
  list-style: disc inside;
  font-size: 0.8rem;
}

.card:last-child .card-header {
  border-bottom: 0;
}

.product_review_star_flex {}

.rating_bar_wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 300px;
  max-width: 100%;
}

.ratng_star {
  text-align: right;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 30px;
}

.rating_bar {
  width: 200px;
  max-width: 100%;
}

.rating_value {
  width: 100%;
  height: 10px;
  display: flex;
  align-items: center;
  box-shadow: 0 0 2px #a7a6a6 inset;
  border-radius: 2px;
  overflow: hidden;
  justify-content: flex-start;
}

.rating_length {
  display: block;
  height: 8px;
  background: #4ca7cc;
  border-radius: 0px;
  /* background: linear-gradient(90deg, rgb(85, 118, 131) 0%, rgba(32, 88, 110, 1) 35%, rgba(77, 167, 203, 1) 100%);
  background: linear-gradient(90deg, #111e6c 35%, #4ca7cc 100%); */
  position: relative;
}

.rating_no {
  text-align: center;
  display: block;
  width: 20px;
}

.l5 {
  width: 89%;
}

.l4 {
  width: 53%;
}

.l3 {
  width: 10%;
}

.l2 {
  width: 25%;
}

.l1 {
  width: 15%;
}

.write_review {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.a_new_review {
  padding: 10px 20px;
  border-radius: 50px;
  background-color: #111e6c;
  color: #ffff;
  background: linear-gradient(90deg,
      rgb(85, 118, 131) 0%,
      rgba(32, 88, 110, 1) 35%,
      rgba(77, 167, 203, 1) 100%);
  background: linear-gradient(90deg, #111e6c 35%, #4ca7cc 100%);
}

.a_new_review:hover {
  color: #fff;
}

.btn-grey {
  background-color: #d8d8d8;
  color: #fff;
}

.rating-block {
  background-color: #fafafa;
  border: 1px solid #efefef;
  padding: 15px 15px 20px 15px;
  border-radius: 3px;
}

.bold {
  font-weight: 700;
}

.padding-bottom-7 {
  padding-bottom: 7px;
}

.review-block {
  background-color: #fafafa;
  border: 1px solid #efefef;
  padding: 15px;
  border-radius: 3px;
  margin-bottom: 15px;
}

.review-block-image {
  width: 100%;
  text-align: center;
}

.img-rounded {
  margin: 0 auto;
  border-radius: 50%;
}

.review-block-name {
  font-size: 15px;
  margin: 10px 0;
  color: #4c4c4c;
  font-weight: bold;
}

.review-block-date {
  font-size: 14px;
  display: block;
  text-align: right;
  margin-top: 20px;
}

.review-block-rate {
  font-size: 13px;
  margin-bottom: 15px;
}

.review-block-rate i {
  font-size: 1.3rem;
}

.review-block-title {
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 10px;
}

.review-block-description {
  font-size: 13px;
}

.rating_title {
  font-size: 1rem;
}

.avg_rating {
  display: flex;
  display: -webkit-box;
  margin-top: 10px;
  padding: 10px 0;
}

.avg_rating_title {
  margin-right: 10px;
  font-size: 0.9rem;
}

.main_product {
  position: relative;
  margin: 0;
  padding: 0;
}

.main_product #show-img {
  width: 450px;
  max-width: 100%;
}

.main_product .arrow_icons {
  position: absolute;
  z-index: 9;
  top: 50%;
  transform: translateY(-50%);
  background-color: #ffffffab;
  cursor: pointer;
  width: 35px;
  transition: all ease-in-out 0.5s;
  opacity: 0.5;
  border-radius: 50%;
}

.main_product .arrow_icons:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.main_product #prev-img {
  left: 0%;
  transform: translateY(-50%) rotate(180deg);
  transition: all ease-in-out 0.5s;
}

.main_product #next-img {
  right: 0%;
}

.main_product:hover #prev-img {
  left: 0;
  opacity: 1;
}

.main_product:hover #next-img {
  right: 0;
  opacity: 1;
}

.product_slider:hover .pro_details {
  opacity: 0;
}

.tooltip_cust {
  position: absolute;
  background-color: #fff;
  padding: 20px;
  box-shadow: 0 0 5px hsla(0, 0%, 0%, 0.24);
  border-radius: 10px;
  left: 0;
  transition: all ease 0.5s;
  transform: translateY(50%);
  opacity: 0;
  transform-origin: top left;
  z-index: -999;
  border: 1px solid #eee;
  top: 100%;
  margin-top: 5px;
}

.tooltip_cust:before {
  content: "";
  position: absolute;
  width: 15px;
  height: 15px;
  top: -10px;
  left: 25px;
  transform: rotate(45deg);
  background-color: #fff;
  border-left: 2px solid #eee;
  border-top: 2px solid #eee;
}

.product_rating:hover .tooltip_cust {
  transform: translateY(0%);
  opacity: 1;
  z-index: 9;
}

.tooltip_review_all {
  padding: 10px;
  background: #f00;
  display: block;
  color: #fff;
  border-radius: 50px;
  width: 180px;
  margin: 10px auto;
  margin-top: 20px;
  text-align: center;
  background: linear-gradient(90deg,
      rgb(85, 118, 131) 0%,
      rgba(32, 88, 110, 1) 35%,
      rgba(77, 167, 203, 1) 100%);
  background: linear-gradient(90deg, #111e6c 35%, #4ca7cc 100%);
}

.tooltip_review_all:hover {
  color: #fff;
}

.d-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}

.d-flex .flex-right,
.d-flex .flex-left {
  width: 50%;
}

#lbl_sizeguid {
  cursor: pointer;
  color: #499fc6;
}

.rating {
  border: none;
  float: left;
}

.rating>input {
  display: none;
}

.rating>label:before {
  margin: 5px;
  font-size: 1.25em;
  font-family: FontAwesome;
  display: inline-block;
  content: "\f005";
}

.rating>.half:before {
  content: "\f089";
  position: absolute;
}

.rating>label {
  color: #ddd;
  float: right;
}

/***** CSS Magic to Highlight Stars on Hover *****/

.rating>input:checked~label,
/* show gold star when clicked */
.rating:not(:checked)>label:hover,
/* hover current star */
.rating:not(:checked)>label:hover~label {
  color: #ffd700;
}

/* hover previous stars in list */

.rating>input:checked+label:hover,
/* hover current star when changing rating */
.rating>input:checked~label:hover,
.rating>label:hover~input:checked~label,
/* lighten current selection */
.rating>input:checked~label:hover~label {
  color: #ffed85;
}

label.form-label {
  float: left;
  display: block;
  width: 100%;
}

.more_product {
  position: relative;
  color: #f00;
}

.plus_moreproduct {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: inline-flex;
  align-items: flex-start;
  justify-content: flex-start;
}

.plus_moreproduct h5 {
  cursor: pointer;
  color: #676767;
  font-size: 1rem;
  font-weight: normal;
}

.plus_moreproduct .plus_number {
  color: #007bff;
  cursor: pointer;
  padding: 0 10px;
  display: block;
  line-height: 20px;
}

.plus_products {
  position: absolute;
  background-color: #fff;
  padding: 10px;
  box-shadow: 0 0 5px hsla(0, 0%, 0%, 0.24);
  border-radius: 5px;
  left: 0;
  transition: all ease 0.5s;
  transform: translateY(50%);
  opacity: 0;
  transform-origin: top left;
  z-index: -999;
  border: 1px solid #eee;
  top: 100%;
  width: 500px;
  max-width: 100%;
}

.plus_products::before {
  content: "";
  position: absolute;
  width: 15px;
  height: 15px;
  top: -10px;
  left: 50%;
  transform: rotate(45deg);
  background-color: #fff;
  border-left: 2px solid #eee;
  border-top: 2px solid #eee;
}

.plus_products ol {
  margin: 0;
  padding: 0;
}

.plus_products ol li {
  padding: 10px 10px;
  list-style: decimal inside;
  font-size: 15px;
}

.plus_moreproduct:hover .plus_products {
  transform: translateY(0%);
  opacity: 1;
  z-index: 9;
  transition: all ease 0.5s;
  min-width: 350px;
  width: auto;
}

.plus_products li {
  margin: 10px;
  color: #4c4c4c;
  font-size: 1rem;
  border-bottom: 1px solid #eee;
  padding: 10px;
  padding-left: 10px;
  text-indent: -10px;
}

.plus_products li:last-child {
  border-bottom: 0px solid #eee;
}

.plus_moreproduct .view_product_link:hover {
  color: #fff !important;
}

.card.order_details {
  margin-bottom: 30px;
  border: none;
  box-shadow: 0 0 1px 2px rgba(0, 0, 0, 0.05),
    0 -2px 1px -2px rgba(0, 0, 0, 0.04), 0 0 0 -1px rgba(0, 0, 0, 0.05);
}

.order_details .card-block {
  padding: 2rem;
}

.order_details #order_number {
  font-size: 1.1rem;
  text-align: right;
  margin-bottom: 2rem;
  border-bottom: 1px solid #4c4c4c;
  padding-bottom: 2rem;
  width: 100%;
}

.order_details .card-block h6 {
  color: #497080;
  margin-bottom: 1rem;
}

.product_list {
  width: 100%;
  margin-top: 20px;
  border: 1px solid #308eb3;
}

.product_list td {
  border-bottom: 1px solid #308eb3;
  padding: 10px 20px;
}

.product_pricing {
  width: 100%;
  margin-top: 2rem;
}

.product_pricing td {
  padding: 5px 20px !important;
  border-top: 1px solid #308eb3;
  border-left: 1px solid #308eb3;
}

.product_list th {
  background-color: #308eb3;
  padding: 10px 20px;
  color: #fff;
}

.product_pricing td:last-child {
  border-right: 1px solid #308eb3;
}

#AmazonPayButton img {
  width: 100%;
  padding: 10px;
}

.password_view {
  position: relative;
}

.view_psw {
  background-color: transparent;
  border: 0;
  position: absolute;
  z-index: 9;
  top: 12px;
  right: 10px;
  font-size: 14px;
  color: #4c4c4c;
  cursor: pointer;
}

#admin_psd {
  padding-right: 50px;
}

.size_image_wrapper {
  width: 400px;
  max-width: 100%;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  border: 5px solid #fff;
  margin: 10px 0;
  background: #fff;
}

.size_guid_wrapper {
  position: relative;
  transition: all ease-in-out 0.5;
  margin: 10px 0;
}

.size_image_wrapper {
  position: absolute;
  z-index: 999;
  top: 500px;
  left: 0;
  transition: all ease-in-out 0.5;
  opacity: 0;
  z-index: -9;
}

.size_guid_wrapper:hover .size_image_wrapper {
  opacity: 1;
  z-index: 9;
  top: 10px;
}

.size_guid_wrapper_buttons {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0;
  padding: 0;
}

.size_guid_wrapper_buttons label,
.size_guid_wrapper_buttons a {
  display: inline;
  padding: 5px 15px;
  background-color: #499fc6;
  color: #fff;
  margin: 0;
  text-align: center;
  border-radius: 5px;
  margin: 10px;
  margin-bottom: 5px;
  cursor: pointer;
}

div#addressBookWidgetDiv {
  height: 250px !important;
  width: 100% !important;
}

#how_measure_img {
  width: 100%;
  max-width: 100%;
}

#how_measure_img img {
  width: 100%;
}

#intent_modal .modal-content {
  padding: 0;
}

#intent_modal .modal-header {
  background: #1f73b7;
  color: #fff;
  padding: 20px 0 30px 0;
}

#intent_modal .close span {
  color: #fff;
}

#intent_modal {
  background: rgba(0, 0, 0, 0.6);
}

#intent_modal .modal-footer {
  border: 0;
  background-color: #4c4c4c;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  padding: 20px;
}

#intent_modal {
  background: rgba(255, 255, 255, 0.85) !important;
}

#intent_modal .modal-content {
  background-color: rgba(0, 0, 0, 0.9);
  color: #fff;
  border: 0;
  border-radius: 10px;
  box-shadow: 0 0 18px 0px #676767;
}

#intent_modal .modal-content img {
  border: 0;
}

#intent_modal .modal-content h5 {
  margin: 0;
  margin-bottom: 10px;
  font-weight: normal;
  text-align: center;
}

#intent_modal .modal-content p {
  color: #b7b7b7;
}

#intent_modal .close {
  position: absolute;
  z-index: 999;
  right: -15px;
  top: -15px;
  width: 30px;
  height: 30px;
  background: #fff;
  border-radius: 50px;
  color: #676767;
  opacity: 1;
}

#intent_modal .close span {
  color: #4c4c4c !important;
}

#claim_gift {
  border-radius: 50px;
  color: #4ca7cc;
  position: relative;
  animation: color infinite 1s alternate;
  /* background: #1F73B7; */
  padding: 5px 10px;
  margin-top: -5px;
  background: linear-gradient(#f00, rgb(255, 208, 0));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

#claim_gift i {
  display: inline;
  margin-right: 5px;
}

@keyframes color {
  to {
    color: #f00;
    background: linear-gradient(rgb(0, 174, 255), #f0f);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}

.gift_card_title {
  margin: 0;
  margin-bottom: 30px;
}

#accordion2 {
  margin-top: 30px;
}

/*********** Responsive Table **********/

@media only screen and (max-width: 480px) {

  .headRow,
  .divRow {
    flex-direction: column;
  }
}

.headRow {
  display: flex;
  width: 100%;
  padding: 10px 0;
}

.divTable {
  display: flex;
  width: 100%;
  border-spacing: 5px;
  flex-direction: column;
}

.divRow {
  display: flex;
  width: 100%;
  padding: 0;
  margin-bottom: 5px;
  background-color: #fff;
  border: 1px solid #e7e7e7;
}

.divCell {
  display: table-column;
  width: 100%;
  padding: 20px;
}

.divTable .prd_img {
  width: 30%;
}

.divTable .prd_img .cart__prdetails img {
  width: 100%;
}

.divTable .prd_dec {
  width: 70%;
}

.price_qty {
  display: -webkit-flex;
  display: flex;
  align-items: center;
}

.priceXqty {
  display: block;
  width: 50px;
  text-align: center;
  font-weight: normal;
}

.divTable .prd_dec h4 {
  color: #0275d8;
  font-size: 1.1rem;
  font-weight: normal;
  text-align: left;
}

.total_price,
.pdr_remove {
  display: block;
  text-align: right;
  font-size: 1.2rem;
}

.pdr_remove button {
  margin: 0;
  padding: 0;
  color: #f00;
  margin-top: 25px;
  background: transparent;
}

.prd_nameprice {
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
}

.check_order_items .row {
  padding: 10px 20px;
}

.check_order_price {
  color: #4c4c4c;
}

#promo_code_row,
#shipping_charges,
#checkout_totalamount {
  border-top: 1px solid #eee;
}

.text_cr {
  text-align: left;
}

#gift_card_img {
  width: 100%;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

#chat-circle:hover+.chat-box,
.chat-box:hover {
  transform: scale(1);
  z-index: 999;
}

.product_qnt-size .product-btnbuy a {
  border-radius: 0;
}

.profile>.white-box {
  min-height: auto !important;
  margin: 15px 0;
  box-shadow: 0 0 5px rgb(231, 231, 231);
}

.profile_container {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.profile_name {
  display: flex;
  flex-direction: column;
  margin-left: 20px;
}

#user_profile_links {
  margin: 0;
  padding: 0;
  color: #4c4c4c;
  font-weight: 400;
}

#user_profile_links i {
  color: #1f73b7;
  margin-right: 10px;
}

#user_profile_links li.sec_title {
  margin: 20px 0;
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
  margin-top: 10px;
  text-transform: uppercase;
}

#user_profile_links a {
  margin-left: 20px;
  color: #4c4c4c;
  padding: 7px 0;
  display: block;
  font-size: 0.9rem;
}

#user_profile_links li.active a,
#user_profile_links li:hover a {
  color: #1f73b7 !important;
}

section#profile {
  padding: 20px 0;
  background: #f1f3f6;
}

.profile {
  margin-left: -15px;
}

.addresses_card {
  width: 100%;
}

.address_box {
  margin: 10px 0;
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
  width: 480xp;
}

.addresses_card .address_box {
  flex-direction: column;
}

.address_box address {
  border: 1px solid #d2d1d1 !important;
  padding: 25px;
  width: 48%;
  color: #4c4c4c;
  font-weight: 400;
  font-size: 0.9rem;
  margin: 1%;
  min-height: 300px;
  position: relative;
  padding-bottom: 70px;
  transition: all ease-in-out 0.5s;
  border-radius: 10px;
}

.address_box address:hover {
  box-shadow: 0 0 8px rgb(214, 212, 212);
}

.address_box .address_name {
  color: #676767;
  font-size: 1rem;
  margin-bottom: 5px;
  font-weight: 500;
}

.address_email,
.address_mobile {
  color: #676767;
}

.home-images a {
  width: 140px;
  max-width: 100%;
  margin-right:10px;
}

.address_dec {
  margin-bottom: 20px;
  word-wrap: break-word;
}

.adddr_edit_delet {
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
  font-size: 13px;
  background: #f9f9f9;
  padding-top: 10px;
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
}

.adddr_edit_delet div {
  display: flex;
  display: -webkit-flex;
  margin: 10px;
  cursor: pointer;
  position: relative;
  justify-content: center;
  align-items: center;
  width: 50px;
}

.adddr_edit_delet div span {
  content: "";
  position: absolute;
  width: auto;
  background: #4c4c4c;
  padding: 5px 10px;
  color: #fff;
  border-radius: 5px;
  bottom: 100%;
  margin-bottom: 10px;
  display: none;
  text-align: center;
  z-index: 9999;
}

.adddr_edit_delet div span.set_dft {
  width: 130px;
}

.adddr_edit_delet div:hover span {
  display: block;
}

.adddr_edit_delet div span:before {
  content: "";
  position: absolute;
  width: auto;
  height: auto;
  border-top: 10px solid transparent;
  border-left: 10px solid transparent;
  border-right: 10px solid #4c4c4c;
  border-bottom: 10px solid #4c4c4c;
  transform: rotate(45deg);
  top: 50%;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
}

.adddr_edit_delet div i {
  color: #4c4c4c;
}

.profile_title {
  display: block;
  margin-bottom: 20px;
  border-bottom: 1px solid #eee;
  padding-bottom: 20px;
}

.addnew_addrs {
  text-align: right;
  display: inline;
  float: right;
}

.addnew_addrs {
  color: #1f73b7;
  cursor: pointer;
}

address#set_def {
  border-color: rgb(235, 136, 43) !important;
}

address#set_def .fa {
  color: rgb(235, 136, 43);
}

button#logout {
  display: block;
  text-align: center;
  padding: 20px;
  background: transparent;
  border: 0;
  color: #1f73b7;
  width: 100%;
  cursor: pointer;
}

button#logout i {
  font-size: 2rem;
  display: block;
  margin-bottom: 10px;
}

button#logout:hover {
  color: #f00;
  text-shadow: 0px 0px 5px #ff0000;
}

.tabs .white-box {
  /* display: none; */
}

.tabs .white-box.active {
  display: block;
}

.coupon_item {
  padding: 10px;
  color: #4c4c4c;
  font-size: 1rem;
  color: rgb(6, 173, 6);
  margin-bottom: 0;
}

.valid_date {
  display: block;
  width: 100%;
  text-align: right;
  font-size: 0.8rem;
  color: #4c4c4c;
  margin-top: 10px;
  display: block;
}

.coupons_container {
  margin: 0;
  padding: 0;
}

.coupons_container ol {
  margin: 20px;
  padding: 0;
}

.coupons_container ol li {
  list-style: decimal inside;
  border-bottom: 1px solid #eee;
}

.coupons_container ol li p {
  padding-left: 25px;
  margin: 0;
  line-height: normal;
}

/* .expire_offer,
.expire_offer .coupon_item {
  color: #4c4c4c !important;
} */
.expire_offer .coupon_item {
  color: #f00 !important;
}

.expire_offer .valid_date {
  color: #f00;
}

#ratereview .pdr_rating {
  display: block;
  text-align: left;
  margin-bottom: 20px;
}

.order-review {
  font-size: 0.9rem;
  color: #4c4c4c;
}

.address_flex {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  background: #fff;
  margin: 10px 0;
}

/* .addresses_card{
  flex: 1;
width: 100%;
  padding-right: 10px;
} */
.addresses_card address {
  min-height: auto !important;
  padding: 10px !important;
  max-width: 100%;
  width: 480px;
}

.lbl_select_addr {
  border: 1px solid #eee;
  padding: 10px;
  border-radius: 10px;
  cursor: pointer;
}

.ddl_address {
  max-width: 100%;
  border: 1px solid #d2d1d1;
  padding: 10px;
  box-shadow: 0 0 5px #dadada;
  border-radius: 10px;
  position: absolute;
  background: #fff;
  z-index: 999;
  width: 100%;
  transform: rotateX(90deg);
  transform-origin: top;
  transition: all ease 0.2s;
}

.ddl_address_active {
  transform: rotateX(0deg);
}

.select_address {
  position: relative;
  max-width: 100%;
  margin: 7px;
  width: 480px;
}

.address_list {
  border-bottom: 1px solid #eee;
  padding: 10px;
  margin-bottom: 10px;
  font-size: 0.8rem;
  cursor: pointer;
}

.addrs_title {
  font-weight: bold;
}

.address_list:hover {
  background: #1f73b7;
  color: #fff;
}

.edit_adrs {
  position: absolute;
  top: 30px;
  right: 30px;
  color: #1f73b7;
  cursor: pointer;
}

.billing__detail,
.container_mutlisptep {
  text-align: left;
  min-height: 470px;
  height: auto;
}

.profile.tabs .tab {
  display: none;
  min-height: 600px !important;
}

.profile.tabs .tab.active {
  display: block;
}

.covid {
  display: flex;
  width: 100%;
  padding: 5px;
  justify-content: flex-start;
  align-items: center;
  background: rgb(0, 115, 192);
  color: #fff;
  position: relative;
}

.title_covid {
  width: 20%;
  padding: 10px;
  text-align: right;
}

.dec_covid {
  width: 80%;
  margin: 0 auto;
  text-align: center;
  color: #fff;
}

.dec_covid label {
  margin-bottom: 0 !important;
}

.dec_covid p strong {
  margin-bottom: 10px;
  display: block;
  color: #ffff;
}

.dec_covid p {
  color: #fff;
  margin-bottom: 0;
}

#covid_close {
  position: absolute;
  z-index: 9;
  cursor: pointer;
  background: transparent;
  color: #fff;
  border: 0;
  right: 0;
  height: 100%;
  width: 100px;
  background-color: rgb(0, 115, 192);
}

#covid_close i {
  color: #fff;
}

marquee {
  width: 100%;
  position: relative;
  top: 3px;
}

#checktab_list li {
  padding: 15px 10px;
  cursor: pointer;
  position: relative;
  text-indent: 20px;
  border-bottom: 1px solid #e9e9e9;
}

#checktab_list li::before {
  content: "";
  position: absolute;
  width: 15px;
  height: 15px;
  display: block;
  background-color: #fff;
  border-radius: 50%;
  border: 2px solid #4c4c4c;
  top: 19px;
  left: 0;
}

#checktab_list li.active {
  color: #090;
}

#checktab_list li.active::before {
  content: "";
  position: absolute;
  width: 15px;
  height: 15px;
  display: block;
  border-radius: 50%;
  border: 2px solid #090;
  background-color: rgb(15, 187, 15);
}

.checkout_tab {
  display: none;
  padding: 10px;
}

.login_checkout {
  background-color: #fff;
  margin: 20px;
  border: 1px solid #9b9b9b;
  padding: 20px;
  border-radius: 10px;
}

.checkout_tab.active {
  display: block;
}

.checkout_tab div h3 {
  margin-bottom: 30px;
  border-bottom: 1px solid #eeee;
  padding-bottom: 8px;
  font-size: 1.5rem;
}

.Use_register {
  margin-top: 20px;
}

.Use_register h3 {
  font-size: 1rem;
  margin-bottom: 20px;
}

.Use_register ol li {
  font-size: 0.8rem;
}

.psw_reset_link {
  text-align: center;
}

.psw_reset_link p {
  font-size: 1.3rem;
  line-height: 30px;
}

.psw_reset_link i.fa-check-circle {
  font-size: 3rem;
  color: #090;
  margin-bottom: 20px;
}

.apply_promocoade {
  border: 1px dotted #eee;
  margin-top: 30px;
  background: #fff;
  padding: 15px;
}

.apply_promocoade h6 {
  margin-bottom: 30px;
  margin-top: 10px;
}

.apply_promocoade .cart__bleft {
  border: 1px solid #eee !important;
  width: 100%;
  margin: 20px 0;
}

.apply_promocoade #apply_coupon {
  background: #eee !important;
  color: #676767;
  padding: 5px !important;
  width: 150px;
}

#promo_code_row th strong {
  display: block;
  font-size: 1rem;
  color: #eee;
  font-weight: normal;
}

.available_coupons {
  margin-top: 30px;
}

.available_coupons h6 {
  font-size: 15px;
  color: #4c4c4c;
  margin-bottom: 10px;
}

#promo_code_old strong {
  font-size: 15px;
  color: #4c4c4c;
  display: block;
  font-weight: normal;
}

.active_coupon {
  position: relative;
  display: flex;
  align-items: center;
  padding: 10px;
  border: 1px solid rgb(4, 175, 146);
  justify-content: space-between;
  background: rgb(247, 255, 251);
}

.active_coupon i.fa-trash {
  position: relative;
  font-size: 1rem;
  color: #900;
  cursor: pointer;
}

.coupon_details {
  width: 90%;
  padding-left: 10px;
}

.coupon_delete {
  width: 10%;
}

.offer_saves {
  font-weight: bold;
  margin: 0;
  color: #090;
}

.coupon_applied {
  margin: 0;
}

.coupon_code_list {
  height: 400px;
  overflow: auto;
}

.coupon_code {
  cursor: pointer;
  margin-bottom: 20px;
  border-bottom: 1px dotted #4c4c4c;
  padding-left: 30px;
  position: relative;
}

.coupon_code .offer_saves {
  color: #676767;
  margin-bottom: 0;
}

.coupon_code .coupon_applied {
  margin-bottom: 10px;
}

.coupon_code::before {
  content: "";
  position: absolute;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  border: 1px solid #4c4c4c;
  top: 5px;
  left: 0;
}

.coupon_code.active::after {
  content: "";
  position: absolute;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background-color: #090;
  border: 1px solid #4c4c4c;
  top: 7px;
  left: 2px;
}

.coupon_code.active::before {
  border-color: #090;
}
.loging_withseperation {
  margin-top: 20px;
  border-top: 1px solid rgb(214, 212, 212);
  padding-top: 20px;
}

.loging_withseperation1 {
  margin-top: 50px;
  border-left: 1px solid #eee;
  margin-left: 20px;
}

.facebook_icon,
.google_icon {
  display: inline-block;
  width: 150px;
  padding: 5px 15px;
  text-align: center;
  line-height: 30px;
  color: #fff;
  /* border-radius: 50%; */
  margin: 5px;
}

.facebook_icon {
  background: #3d5a96;
}

.google_icon {
  background: #d9453d;
}

.facebook_icon:hover,
.google_icon:hover {
  color: #fff;
}

.login_with_icons {
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}

#what_cvc {
  position: relative;
  cursor: pointer;
  font-size: 10px;
  background-color: #4c4c4c;
  width: 16px;
  height: 16px;
  border-radius: 50px;
  text-align: center;
  line-height: 18px;
  display: inline-block;
  top: -1px;
  color: #fff;
}

#what_cvc:before {
  color: #4c4c4c;
  content: attr(data-title);
  position: absolute;
  border: 1px solid #9d9d9d;
  padding: 10px;
  background: #fff;
  box-shadow: 0 0 5px #4c4c4c;
  width: 200px;
  font-size: 10px;
  border-radius: 5px;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  display: none;
  margin-bottom: 7px;
}

#what_cvc:after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  background: #fff;
  border-bottom: 1px solid #9d9d9d;
  border-right: 1px solid #9d9d9d;
  transform: translateX(-50%) rotate(45deg);
  top: -11px;
  left: 50%;
  margin-top: 0;
  display: none;
}

#what_cvc:hover:before,
#what_cvc:hover:after {
  display: block;
}

#card_cvc {
  background: url(../images/card_cvc.png) no-repeat;
  background-position: 90% center;
  background-size: 40px;
}

#checkout_page {
  padding: 30px 0px;
  background: #f9f8f9;
}

.deliver_address address {
  border: 1px solid #d2d1d1 !important;
  width: 300px;
  padding: 10px;
  border-radius: 10px;
}

.payment-status {
  font-size: 12pxx;
}

.home-images a:not([data-target]),
.home-images a:not([data-target]) img {
  background-color: transparent;
}

.product-img-badges>span {
  background: #efaf17 !important;
}

.product-wrap-2 .product-img img {
  max-width: 100%;
}

.share_details {
  display: -webkit-flex;
  display: -webkit-box;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  position: relative;
  top: 100px;
  transition: all ease-in-out 0.5s;
}

.product-wrap-2:hover .share_details {
  top: 0px;
}

.share_icon {
  position: relative;
  cursor: pointer;
  width: 50px;
  text-align: center;
  background: #4ba7cc;
  color: #fff;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  text-align: center;
  line-height: 30px;
  margin: 5px;
}

.share_icon:hover .share_list {
  transform: rotateX(0deg) translateX(-50%);
}

.share_icon:hover+.product-img {
  opacity: 0.5;
}

/* 
.share_list {
  bottom: 34px;
  right: 0;
  box-shadow: 0 0 20px #222121;
  width: 180px;
  transition: all ease 0.5s;
  transform: rotateX(90deg);
  transform-origin: bottom right;
  position: absolute;
  z-index: 999;
  background: #4c4c4c;
  border-radius: 10px;
  padding: 10px 0;
} */

.share_list {
  bottom: 34px;
  left: 50%;
  box-shadow: 0 0 20px #222121;
  width: 180px;
  transition: all ease 0.5s;
  transform: rotateX(90deg) translateX(-50%);
  transform-origin: bottom right;
  position: absolute;
  z-index: 999;
  background: #333;
  padding: 0;
}

.share_list a {
  display: block;
  padding: 0;
  text-align: right;
  color: #fff;
  font-weight: 200;
}

.share_list a i {
  margin-left: 20px;
  width: 30px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  background-color: #fff;
}

.share_list a.instagram i,
.social_links a.instagram i {
  color: #c83467;
}

.share_list a.facebook i,
.social_links a.facebook i {
  color: #4b69b0;
}

.share_list a.twitter i,
.social_links a.twitter i {
  color: #37b1e1;
}

.share_list a.linedin i,
.social_links a.linedin i {
  color: #0678b6;
}

.share_list a.facebook:hover {
  background: #4b69b0;
  font-weight: 400;
}

.share_list a.instagram:hover {
  background: #c83467;
  background: -webkit-linear-gradient(left, #f9b152, #cb3364, #68519e);
  font-weight: 400;
}

.share_list a.twitter:hover {
  background: #37b1e1;
  font-weight: 400;
}

.share_list a.linedin:hover {
  background: #0678b6;
  font-weight: 400;
}

.social_links a.youtube i {
  color: #de0707;
}

/* .challenge__img {
  position: relative;
  background: #ebf6ff !important;
  box-shadow: 6px 9px 11px #dcdbdb;
  transform: rotate(-10deg) scale(1.1);
  border: 10px solid #f2fbff;
} */

.challenge__img img {
  position: relative;
  z-index: 99;
}

/* 
.challenge__img::before,
.challenge__img::after {
  content: '';
  position: absolute;
  height: 300px;
  width: 300px;
}

.challenge__img::before {
  background: #111e6c;
  top: 50%;
  left: 50%;
  transform: rotate(10deg) translate(-50%, -50%);
  border-top-right-radius: 50px;
  border-bottom-right-radius: 30px;
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
}

.challenge__img::after {
  background: #4ca7cc;
  top: 50%;
  left: 50%;
  transform: rotate(-10deg) translate(-50%, -50%);
  border-top-right-radius: 50px;
  border-bottom-right-radius: 30px;
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
} */

.ml-0 {
  margin-left: 0 !important;
}

.view_all_testimonial {
  display: block;
  text-align: center;
  color: #4ca6cb;
}

.email_subscribe {
  background: #fff;
  padding: 50px 0px;
  position: relative;
}

.subscribe_container {
  width: 500px;
  margin: 0 auto;
}

.secure_cards {
  padding: 50px 0;
  background: #fff;
}

.slumberBump_offers {
  display: block;
  text-align: center;
  padding: 20px;
  background: #ffffff;
  box-shadow: 0 1px 30px rgba(7, 76, 213, 0.07);
  border-radius: 50px;
}

.slumberBump_offers i {
  font-size: 2rem;
  color: #4da5ca;
  margin-bottom: 10px;
}

.slumberBump_offers h4 {
  font-size: 1.5rem;
  text-transform: uppercase;
  margin-bottom: 10px;
  color: #4da5ca;
}

.secure_paymeny_logo {
  margin-top: 0;
  margin-bottom: 20px;
  margin-left: 0;
}

.insta_share>a {
  color: #4da5ca;
  font-weight: bold;
  font-size: 1.2rem;
}

.testinmonial_head {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
}

.test_titlehead {
  display: block;
  width: 100%;
  padding: 0px;
  position: relative;
}

.testi__image {
  width: 100%;
  height: 250px;
  overflow: hidden;
}

.testi__image img {
  width: 100%;
}

.view_testi {
  position: absolute;
  width: 50px;
  height: 50px;
  background-color: #ffffff;
  border-radius: 50%;
  line-height: 50px;
  text-align: center;
  right: 10px;
  top: -25px;
  box-shadow: 0 0 10px 0px #4ca7cc !important;

  cursor: pointer;
}

.view_testi i.fa-play {
  color: #4ca7cc !important;
}

.view_testi i.fa-picture-o {
  color: #f87102 !important;
}

.challenge__content ul li {
  position: relative;
}

/* .challenge__content ul li:nth-child(1),
.challenge__content ul li:nth-child(8) {
  left: 10px;
}

.challenge__content ul li:nth-child(2),
.challenge__content ul li:nth-child(7) {
  left: 25px;
}

.challenge__content ul li:nth-child(3),
.challenge__content ul li:nth-child(6) {
  left: 35px;
}

.challenge__content ul li:nth-child(4),
.challenge__content ul li:nth-child(5) {
  left: 45px;
} */

.challenge__content ul li:nth-child(2):before {
  opacity: 0.9;
}

.challenge__content ul li:nth-child(3):before {
  opacity: 0.8;
}

.challenge__content ul li:nth-child(4):before {
  opacity: 0.7;
}

.challenge__content ul li:nth-child(5):before {
  opacity: 0.6;
}

.challenge__content ul li:nth-child(6):before {
  opacity: 0.5;
}

.challenge__content ul li:nth-child(7):before {
  opacity: 0.3;
}

.challenge__content ul li:nth-child(8):before {
  opacity: 0.2;
}


.why_slumberbump h4
{
    font-size: 1rem;
    text-transform: uppercase;
    margin: 0px!important;
    z-index: 999;
    width: 100%;
    bottom: 0;
    left: 0;
    padding: 15px 0;
    color: #000;
    margin-top:10px;
}

.product_feature
{
width:100%;
text-align:center;
margin:10px 0;
position:relative;
-webkit-transitioon:all ease-in-out 0.5s;
-moz-transitioon:all ease-in-out 0.5s;
-ms-transitioon:all ease-in-out 0.5s;
transitioon:all ease-in-out 0.5s;
margin-bottom:20px;
border-radius:10px;
}
.product_feature:hover{
    background: #fff1e0;
background: linear-gradient(150deg, #fff1e0 18%,#cdebfa 77%);
background: -moz-linear-gradient(150deg, #fff1e0 18%,#cdebfa 77%);
background: -webkit-linear-gradient(150deg, #fff1e0 18%,#cdebfa 77%);
}

.product_feature .img-div{
    width:100px;
    height:100px;
    padding:15px;
    border-radius:50%;
    margin:0 auto;
    -webkit-transition:all ease-in-out 0.5s;
-moz-transition:all ease-in-out 0.5s;
-ms-transition:all ease-in-out 0.5s;
transition:all ease-in-out 0.5s;
}

.product_feature:hover .img-div
{
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    transform:scale(1.2);
}
.product_feature .img-div img
{
    width:100%;
}


        .cust_div {
            width: 100%;
            box-shadow: 1px 1px 20px 4px #e9e9e9;
            padding: 5px;
            background: #fff;
        }

        .cust_div .cust_img {
            width: 100%;
            background: #fff;
            display: block;

        }

        .cust_div .cust_img img {
            width: 100%;
        }

        .cust_div .cust_name {
            display: block;
            text-align: center;
            margin-top: 20px;
            min-height: 90px;
            height: auto;
            position: relative;
        }

        .cust_div .cust_name span {
            display: block;
            text-align: right;
            font-weight: bold;
            margin-top: 10px;
            margin-right: 10px;
            position: absolute;
            bottom: 5px;
            right: 5px;
            color: #1F73B7;
            display: block;
            width: 100%;
            padding-top: 5px;
        }
        
        
        .collapse.show {
    display: block;
    border-top: 1px solid #999;
    padding-top: 20px;
}