@font-face {
  font-family: 'latoblack';
  src: url('../fonts/lato-black-webfont.woff2') format('woff2'),
    url('../fonts/lato-black-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'latobold';
  src: url('../fonts/lato-bold-webfont.woff2') format('woff2'),
    url('../fonts/lato-bold-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'latolight';
  src: url('../fonts/lato-light-webfont.woff2') format('woff2'),
    url('../fonts/lato-light-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'latoregular';
  src: url('../fonts/lato-regular-webfont.woff2') format('woff2'),
    url('../fonts/lato-regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

body {
  margin: 0px;
  padding: 0px;
  color: #293450;
  font-weight: normal;
  font-family: 'Lato', sans-serif;
  background: #F4F5FD;
}

a {
  color: #f08441;
  text-decoration: none;
}

.rating-socia-icon .socialmobile-icon {
  margin-left: 25px;
  border-radius: 50px;
  padding: 3px;
  background: #fff;
  box-shadow: 0px 0px 6px #A6A8AF36;
}

a:hover {
  color: #fc995e;
}

.top-section {
  display: flex;
  justify-content: flex-end;
}

.top-section>ul {
  margin: 0px 0px;
  padding: 0px;
  display: flex;
  justify-content: end;
}

.top-section>ul>li {
  padding: 0px 10px 0px;
  list-style: none;
  border-right: #8c8888 solid 1px;
}

.top-section>ul>li:last-child {
  border-right: none;
  padding-right: 0px;
}

.top-section>ul>li>a {
  color: #293450;
  font-weight: bold;
  font-size: 14px;
  text-decoration: none;
}

.top-section>ul>li>.dropdown>a {
  color: #293450;
  font-size: 14px;
  text-decoration: none;
}

.light-sky-color {
  background-color: #dff5f7;
}

.navbar-light .navbar-nav>a.nav-link:hover {
  color: #f08441;
}

.navbar-light .navbar-nav .active>.nav-link {
  position: relative;
}

.navbar-expand-lg .navbar-nav .nav-link {
  font-family: 'Lato', sans-serif;
  font-weight: 700;
}

#toggle-readmore2 {
  cursor: pointer;
}

.nav-link {
  padding: 0px;
}

.navbar-expand-lg .navbar-nav .nav-item {
  margin: 0rem 0.313rem;
}

.logo {
  width: 160px;
  margin-top: -24px;
}

.search-bar {
  position: relative;
}

.search-bar input.form-control:focus {
  border: none;
  box-shadow: none;
}

.search-bar .searchbtn {
  position: absolute;
  right: 10px;
  top: 6px;
  color: #747474;
}

.orrangelink {
  color: #FF7501;
  text-decoration: none;
}

.orrangelink:hover {
  text-decoration: none;
  color: #293450;
}

.navbar-nav .nav-link {
  padding-right: 8px;
  padding-left: 8px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.navbar-collapse {
  margin-top: 15px;
}

.search-bar input.form-control {
  width: 100%;
}

.search-bar {
  width: 100%;
}

.search-bar input.form-control {
  height: 30px;
  background-color: #ececec;
  border-radius: 50px;
  border: 0px;
}

.line-block {
  display: block;
  height: 32px;
  width: 1px;
  background-color: #d6e1ff;
}

.search-bar-block {
  background-color: #f1f1f1;
  border-radius: 50px;
  display: block;
  width: 35px;
  height: 35px;
  padding: 10px;
  margin-left: 15px;
  z-index: 15;
  position: relative;
}

.search-bar-block .searchbtn {
  margin-top: -3px;
  display: block;
}

.my-acount-block {
  margin: 0px 15px;
}

.searchbtn {
  margin-top: -3px;
}

.search-bar-block img {
  width: 100%;
  display: block;
}

.nav-toggle-blcok {
  display: block;
  border-radius: 5px;
  background-color: transparent;
  border: none;
  height: 38px;
  width: 38px;
  cursor: pointer;
  padding: 3px 8px;
}

.nav-toggle-blcok.open span:first-child {
  transform: rotate(45deg) translate(4.4px, 4.4px);
}

.nav-toggle-blcok.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

.nav-toggle-blcok.open span:last-child {
  transform: rotate(-45deg) translate(4.4px, -4.4px);
}

.nav-toggle-blcok span {
  position: relative;
  display: block;
  height: 2px;
  width: 100%;
  margin-top: 4px;
  background-color: #000;
  transition: all 0.25s;
}

.search-bar input.form-control {
  padding-right: 26px;
}

.navbar-light .navbar-nav .nav-link {
  color: #293450;
}

.navbar-light .navbar-nav .nav-link:hover {
  color: #f08441;
}

.navbar-light .navbar-nav .nav-link.active {
  color: #f08441;
}

.navigation-icon {
  padding: 3px 10px !important;
}

/* lang popup */
.lang_modal {
  display: none !important;
}
@media (max-width:991.2px) {
  .overlay-shadow {
    overflow: hidden;
  }
  .overlay-full-bg {
    display: none;
  }
  .language_block {
    background-color: #F4F7FB;
    border-radius: 20px;
    padding: 5px 6px;
    display: flex;
    align-items: center;
    z-index: 4;
    cursor: pointer;
  }
  .language_block img {
    width: 30px;
    height: 30px;
    min-width: 30px;
  }
  .lang--img {
    height: 23px;
    width: 23px;
    object-fit: cover;
    margin-right: 10px;
  }
  .lang-icn {
    font-size: 20px;
  }
  .lang_modal {
    position: absolute;
    background: #fff;
    padding: 18px;
    border-radius: 17px;
    transform: translate(-50%, -50%);
    left: 50%;
    z-index: 3;
    top: 50%;
    margin: 20px 0px;
    max-width: 420px;
    width: 90%;
    display: none !important;
  }
  .overlay-shadow  .lang_modal { 
    display: block !important;
  }
  .close_icn_height {
    height: 10px;
  }
  .modal-hr {
    color: #F3F3F3;
    height: 3px !important;
  }
  .overlay-shadow .overlay-full-bg {
    display: block;
  }
  .overlay-shadow .overlay-full-bg::after {
    position: absolute;
    content: '';
    background: #00000069;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
  }
  .overlay-shadow header.shadowbox {
    box-shadow: none;
    z-index: 3;
  }
  .overlay-shadow header.shadowbox::after {
    position: absolute;
    content: '';
    background: #00000069;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
  }
  .lang-title {
    font-size: 18px;
    display: inline-block;
    font-weight: 600;
  }
  .lang-subttl {
    font-size: 17px;
    display: inline-block;
    color: #34394D;
    font-weight: 500;
    margin-left: 5px;
  }
  .close-icn-circle {
    background: #F5F5F5;
    min-width: 30px;
    min-height: 30px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #293450;
    line-height: normal;
    cursor: pointer;
  }
}
.arrow-down {
  border: solid #293450;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 2px;
  margin: 3px 2px;
}

.down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.sliderbg {
  background-color: #a6ecf2;
  padding-top: 65px;
}

.sectionblock {
  width: 100%;
  background-color: #fff;
  box-shadow: 0px 3px 19px #0000001A;
  border-radius: 10px;
  margin-top: 0px;
  padding: 25px;
  height: 100%;
  align-items: center;
  display: flex;
}
.sectionblock a, .sectionblock a:hover, .sectionblock a:focus {
  display: block;
  outline: none;
}
.sectionblock h4 {
  margin-bottom: 0px;
  font-size: 1.0625rem;
  width: calc(100% - 73px);
  color: #444444;
  line-height: 22px;
}

.sectionblock i {
  height: 52px;
}

.sectionblock i img {
  height: 100%
}

.heading-2 .orragetext {
  display: inline-block;
  color: #FF7500;
}

section h2 {
  color: #2dbdca;
  font-size: 2rem;
  text-align: center;
  margin-bottom: 20px;
  font-weight: 700;
}

section .h3 {
  color: #838999;
  font-size: 25px;
  text-align: center;
  margin-bottom: 20px;
  font-weight: 700;
}

section h2 span {
  height: 4px;
  width: 95px;
  border-radius: 50px;
  margin: auto;
  margin-top: 10px;
  background-color: #ff9841;
  display: block;
}
.faqline {
  background-color: #ff9841;
  display: block;
  width: 35px;
}
.owl-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.owl-nav button:focus {
  border: none;
  outline: none;
}

.owl-nav button span {
  font-size: 62px;
}

.imgicon5 {
  position: absolute;
  right: -23px;
  top: 53px;
}

.heading-1 {
  position: relative;
}

.heading-1 h3 {
  display: inline-block;
  position: relative;
  font-size: 2.4rem;
  font-weight: bold;
}

.heading-1 h3 span {
  color: #FF7603;
  font-weight: bold;
}

.heading-1 h3:after {
  width: 95px;
  height: 3px;
  position: absolute;
  left: -104px;
  content: "";
  background-color: #000;
  top: 50%;
}
.startingfromtext {
  display: flex;
  align-items: center;
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
}
.startingfromtext span {
  font-size: 16px;
  color: #000;
}
.startingfromtext span.price-text {
  font-size: 22px;
  color: #FF7500;
  font-weight: 600;
}
.map-bg .card p {
  color: #838999;
  text-align: left;
  min-height: 102px;
  font-size: 14px;
  line-height: 26px;
  margin-bottom: 0px;
}
.light-gray-bg .card {
  background-color: transparent;
  box-shadow: none;
  border-radius: 0px;
}
/** accordion css **/ 
.accordion#accordionExample>.card {
  margin-top: 15px;
}
.accordion#accordionExample>.card>.card-header {
  border-radius: 10px 10px 0px 0px !important;
}
.accordion#accordionExample>.card>.collapse>.card-body {
  border-radius: 0px 0px 10px 10px !important;
}
.accordion#accordionExample>.card {
  border-radius: 10px;
}
.accordion#accordionExample>.card>.card-header {
  margin-bottom: 0px;
  position: relative;
  padding-right: 0px;
  padding-left: 0px;
}
.accordion#accordionExample>.card>.card-header>h2 {
  padding-left: 15px;
  padding-right: 15px;
}
.custom-card .card-header {
  border-bottom: none;
  background-color: #e2e2e2;
  padding: 0.35rem 1.25rem;
}
.custom-card .card-header .usercard {
  margin: auto;
  font-weight: 500;
  width: 50px;
  height: 50px;
  background-color: #fff;
  border-radius: 50px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 25px;
  padding: 15px;
}
.custom-card .card-header h2 {
  font-size: 22px;
  margin: 2px 0;
  color: #000;
}
/** btn css **/


.button {
  transform: translateZ(40px);
  cursor: pointer;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  font-weight: bold;
  color: #fff;
  padding: .5em 1em;
  border-radius: 100px;
  font: inherit;
  border: none;
  position: relative;
  transform-style: preserve-3d;
  transition: 300ms ease;
}

button:focus {
  border: none;
  outline: none;
}

.button:before {
  transition: 300ms ease;
  position: absolute;
  display: block;
  content: '';
  transform: translateZ(-40px);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  height: calc(100% - 20px);
  width: calc(100% - 20px);
  border-radius: 100px;
  left: 10px;
  top: 16px;
}

.button:hover {
  transform: translateZ(55px);
}

.button:hover:before {
  transform: translateZ(-55px);
}

.button:active {
  transform: translateZ(20px);
}

.button:active:before {
  transform: translateZ(-20px);
  top: 12px;
}

.btn-warning {
  background-color: #FF7500;
  border-color: #FF7500;
  color: #fff;
  border-radius: 50px;
}
.btn-warning:hover {
  color: #FFA254;
  background-color: #fff;
  border-color: #FFA254;
}
.otherstd-overflow {
  height: 70px;
  overflow: hidden;
}
.tabing-custom .tab-content>.tab-pane {
  height: 100%;
}
.tabing-custom .tab-content>.tab-pane .tab-container {
  position: relative;
  height: 100%;
  padding-bottom: 42px;
}
.tabing-custom .tab-content>.tab-pane .tab-container .btn-warning {
  position: absolute;
  bottom: 0px;
  left: 50%;
  transform: translateX(-50%);
}
.btn-warning:focus {
  color: #FFA254;
  background-color: transparent;
  border-color: #FFA254;
  box-shadow: none;
}
.dropdown-item:hover,
.dropdown-item:focus {
  background-color: #ff7603;
  color: #fff
}
.gonor-banner {
  width: 360px;
  margin-bottom: -33px;
}
.modal-popup.review .card p {
  color: #A4A8B5;
  min-height: 85px;
}
.button-arrow {
  border-radius: 50px;
  background-color: #ff7603;
  border-color: #ff7603;
  color: #fff;
  border-radius: 50px;
  border: none;
  color: #FFFFFF;
  text-align: center;
  font-size: 28px;
  padding: 9px 20px;
  display: inline-block;
  transition: all 0.5s;
  cursor: pointer;
}
.button-arrow span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}
.button-arrow span:after {
  position: absolute;
  content: "";
  background-size: 100% !important;
  opacity: 0;
  margin-top: -8px;
  height: 20px;
  background: url(../images/arrow-right-white.svg) no-repeat;
  width: 24px;
  top: 50%;
  margin-right: 0px !important;
  right: -20px;
  transition: 0.5s;
}
.button-back {
  border-radius: 50px;
  background-color: #fff;
  border: 1px solid #ff7603;
  color: #fff;
  border-radius: 50px;
  color: #ff7603;
  text-align: center;
  font-size: 28px;
  padding: 9px 20px;
  display: inline-block;
  transition: all 0.5s;
  cursor: pointer;
}
.button-back span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}
.button-back span:after {
  position: absolute;
  content: "";
  background-size: 100% !important;
  opacity: 0;
  margin-top: -8px;
  height: 20px;
  background: url(../images/arrow-left-yellow.svg) no-repeat;
  width: 24px;
  top: 50%;
  margin-right: 0px !important;
  left: -20px;
  transition: 0.5s;
}
.button-back:hover span:after {
  opacity: 1;
  left: 0px;
}
.button-back:hover span {
  padding-left: 33px;
  color: #FF7500;
}
.button-arrow:hover span {
  padding-right: 33px;
}
.button-arrow:hover span:after {
  opacity: 1;
  right: 0px;
}
.button-arrow:hover {
  color: #fff;
}
.owl-carousel2 .owl-dots {
  display: none;
}

/*-- Banner css --*/
.bannerblock {
  text-align: left;
  position: relative;
}
.bannerblock .banner-icon-1 {
  position: absolute;
  top: -40px;
  left: -60px;
  width: 40px;
}
.bannerblock .banner-icon-2 {
  position: absolute;
  bottom: -29px;
  left: 270px;
}
.bannerblock .banner-icon-3 {
  position: absolute;
  top: -53px;
  right: 98%;
}
.bannerblock .banner-icon-4 {
  position: absolute;
  bottom: -32px;
  left: 80%;
}
.bannerblock .banner-icon-5 {
  position: absolute;
  top: -50px;
  right: 32%;
}
.bannerblock .banner-icon-6 {
  position: absolute;
  bottom: -20px;
  left: 100%;
}
.bannerblock h2 {
  color: #FF7500;
  font-size: 32px;
  text-align: left;
}
.bannerblock p {
  color: #293450;
  font-weight: bold;
  font-size: 19px;
  text-align: left;
}
.light-blue {
  background-color: #e0f2f5;
  padding: 20px;
}

.banner-icon-7 {
  position: absolute;
  bottom: -70px;
  z-index: -1;
  right: -59px;
}

ul.listicon {
  margin: 0px;
  padding: 0px
}

ul.listicon li {
  margin-bottom: 15px;
  list-style: none;
  line-height: normal;
}

ul.listicon li a {
  background: url(../images/tick-point.png) no-repeat center left;
  padding: 8px 0px 8px 55px;
  display: block;
  font-size: 24px;
  color: #293450;
  line-height: normal;
}

ul.listicon li a:hover {
  color: #FF7500;
  background: url(../images/tick-point-hover.png) no-repeat center left;
}

.carousel-control-next-icon:hover {
  background: #fff;
  background-size: 36px;
  box-shadow: #bbafaf 0px 1px 5px;
  transition: 0.3s;
}

.carousel-control-prev-icon, .carousel-control-next-icon {
  display: inline-block;
  width: 40px;
  height: 40px;
  min-width: 40px;
  background: #fff;
  border-radius:100%;
  transition: 0.5s;
}

.carousel-control-prev-icon:hover, .carousel-control-next-icon:hover {
  box-shadow: #bbafaf 0px 1px 5px;
  transition: 0.5s;
}
#carouselExampleControls .carousel-control-prev, #carouselExampleControls .carousel-control-next {
  top: 50%;
  transform: translate(0px, -50%);
  bottom: auto;
}
.carousel-control-prev-icon:hover .arrows::after, .carousel-control-next-icon:hover .arrows::after {
  content: "";
  height: 25px;
  border-left: 4px solid #293450;
  display: inline-block;
  width: 15px;
  transform: translate(-2px, -61px);
  transition: 0.5s;
}

.carousel-control-prev-icon .arrows,
.carousel-control-next-icon .arrows {
  height: 25px;
  width: 25px;
  border: 14px solid transparent; 
  border-top-color: #293450; 
  margin: 0;
  padding: 0;
  float: left;
  transition: 0.5s;
}
.carousel-control-prev-icon .arrows::before, .carousel-control-next-icon .arrows::before{
  content:'';
  width: 0px;
  height: 0px;
  border: 14px solid transparent; 
  border-top-color: white;
  display: inline-block;
  transform: translate(-14px, -19px);
  transition: 0.5s;
}

.carousel-control-next-icon .arrows {
  transform: rotate(270deg) translate(-6px, 17px);
  -webkit-transform: rotate(270deg) translate(-6px, 17px);
  -moz-transform: rotate(270deg) translate(-6px, 17px);
  -o-transform: rotate(270deg) translate(-6px, 17px);
  -ms-transform: rotate(270deg) translate(-6px, 17px);
  transition: 0.5s;
}

.carousel-control-prev-icon .arrows {
  transform: rotate(90deg) translate(7px, 6px);
  -webkit-transform: rotate(90deg) translate(7px, 6px);
  -moz-transform: rotate(90deg) translate(7px, 6px);
  -o-transform: rotate(90deg) translate(7px, 6px);
  -ms-transform: rotate(90deg) translate(7px, 6px);
  transition: 0.5s;
}

.carousel-control-next-icon:hover .arrows {
  transform: rotate(270deg) translate(-6px, 20px);
  -webkit-transform: rotate(270deg) translate(-6px, 20px);
  -moz-transform: rotate(270deg) translate(-6px, 20px);
  -o-transform: rotate(270deg) translate(-6px, 20px);
  -ms-transform: rotate(270deg) translate(-6px, 20px);
  transition: 0.5s;
}

.carousel-control-prev-icon:hover .arrows {
  transform: rotate(90deg) translate(7px, 10px);
  -webkit-transform: rotate(90deg) translate(7px, 10px);
  -moz-transform: rotate(90deg) translate(7px, 10px);
  -o-transform: rotate(90deg) translate(7px, 10px);
  -ms-transform: rotate(90deg) translate(7px, 10px);
  transition: 0.5s;
}

.content {
  display: flex;
  margin: 0 auto;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  max-width: 1000px;
}

.card {
  color: inherit;
  border: none;
  border-radius: 15px;
  box-shadow: 0px 3px 28px #E2E3F299;
  perspective: 1000px;
  position: relative;
}

.custom-card {
  height: auto;
  min-height: auto;
}

.custom-card .card-body p {
  font-family: 'biotifmedium_italic';
}

a.card {
  color: #000;
}

.front, .back {
  display: flex;
  border-radius: 6px;
  background-position: center;
  background-size: cover;
  text-align: center;
  justify-content: center;
  align-items: center;
  position: absolute;
  height: 100%;
  width: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform-style: preserve-3d;
  transition: ease-in-out 600ms;
}

.front {
  background-size: cover;
  padding: 1rem;
  font-size: 1.618rem;
  font-weight: 600;
  color: #fff;
  overflow: hidden;
  font-family: Poppins, sans-serif;
}

.front p {
  color: #000;
}

.front:before {
  position: absolute;
  display: block;
  content: '';
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, #fff, #fff);
  opacity: .25;
  z-index: -1;
}

.bottom-shape {
  position: absolute;
  bottom: -50px;
  width: 100%;
  height: 85px;
  border-radius: 50%;
  background-color: #29becb;
}

.card:hover .front {
  transform: rotateY(180deg);
}

.card:nth-child(even):hover .front {
  transform: rotateY(-180deg);
}

.back {
  background: #e1f3f5;
  transform: rotateY(-180deg);
  padding: 0 1em;
}

.back .button {
  background: #ef8241;
}

.back .button:before {
  box-shadow: 0 0 10px 10px rgba(26, 87, 230, 0.25);
  background-color: rgba(26, 87, 230, 0.25);
}

.card:hover .back {
  transform: rotateY(0deg);
}

.card:nth-child(even) .back {
  transform: rotateY(180deg);
}

.card:nth-child(even) .back .button {
  background: linear-gradient(135deg, #e61a80, #e61a3c);
}

.card:nth-child(even) .back .button:before {
  box-shadow: 0 0 10px 10px rgba(230, 26, 60, 0.25);
  background-color: rgba(230, 26, 60, 0.25);
}

.card:nth-child(even):hover .back {
  transform: rotateY(0deg);
}

.accordion .card-header {
  background: none;
  padding: 0px;
  border-bottom: none;
  box-shadow: none;
}

.accordion .card-header h2 {
  width: 100%;
  display: inline-block;
  z-index: 1;
  position: relative;
  background-color: #fff;
  cursor: pointer;
  color: inherit;
  border-bottom: none;
  box-shadow: none;
  padding: 0px !important;
}

.accordion .card-header p {
  font-weight: normal;
  font-size: 16px;
  color: #293450;
  margin-bottom: 0px;
}

.accordion .card-header h2 .btn-block {
  color: #293450;
  border: none;
  border: none;
  box-shadow: none;
  text-decoration: none;
  font-size: 20px;
  font-weight: bold;
  padding: 15px 45px 15px 15px;
}

.accordion .card-header h2 .btn-block:focus {
  border: none;
  border: none;
  box-shadow: none;
}

.accordion .card-header .btn-link.collapsed::after {
  background: url(../images/accordian-img.svg) bottom center no-repeat;
  height: 16px;
  width: 20px;
  background-size: 18px;
  position: absolute;
  top: 20px;
  right: 15px;
  content: "";
  transform: rotate(0deg);
}

.accordion .card-header .btn-link::after {
  background: url(../images/accordian-img.svg) bottom center no-repeat;
  height: 16px;
  width: 20px;
  background-size: 18px;
  position: absolute;
  top: 26px;
  right: 15px;
  content: "";
  transform: rotate(178deg);
}

.notsuretext {
  text-align: center;
}

.notsuretext span {
  float: right;
}

.pos-icon-2 {
  position: absolute;
  bottom: -30px;
  left: -75px;
}

.readmore {
  color: #FF7603;
  font-weight: 600;
  font-size: 20px;
}

ul.brand {
  margin: 0px;
  padding: 0px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

ul.brand li {
  list-style: none;
  margin: 10px 15px;
}

ul.brand li:nth-child(1) {
  width: 107px;
  margin-left: 15px;
}

ul.brand li:nth-child(2) {
  width: 138px;
  margin-right: 15px;
}

ul.brand li:nth-child(3) {
  width: 108px;
  margin-left: 15px;
}

ul.brand li:nth-child(4) {
  width: 98px;
  margin-right: 15px;
}

ul.brand li:nth-child(5) {
  width: 92px;
  margin-left: 15px;
}

ul.brand li:nth-child(6) {
  width: 78px;
  margin-right: 15px;
}

ul.brand li:nth-child(7) {
  width: 98px;
  margin-left: 15px;
}

ul.brand li:nth-child(8) {
  width: 98px;
  margin-right: 15px;
}

ul.brand li a {
  display: block;
}

ul.brand li a:hover {
  opacity: 0.5;
}

/****** Style Star Rating Widget *****/
.rating {
  border: none;
  float: none;
  margin: auto;
  width: 96px;
}
.rating>input {
  display: none;
}
.rating>label:before {
  margin: 0px 2px;
  font-size: 1em;
  font-family: FontAwesome;
  display: inline-block;
  content: "\f005";
}
.rating>.half:before {
  content: "\f089";
  position: absolute;
}
.rating>label {
  color: #9c9c9c;
  float: right;
}

/***** CSS Magic to Highlight Stars on Hover *****/
.rating>input:checked~label,
.rating:not(:checked)>label:hover,
.rating:not(:checked)>label:hover~label {
  color: #FFD700;
}

/* hover previous stars in list */
.rating>input:checked+label:hover,
.rating>input:checked~label:hover,
.rating>label:hover~input:checked~label,
.rating>input:checked~label:hover~label {
  color: #FFED85;
}
.star-rating {
  display: block;
}
.card-small {
  height: 190px;
  min-height: 190px;
}
.card-social {
  background-color: #fff;
  box-shadow: 0px 3px 28px #E2E3F299;
  border-radius: 10px;
  width: 100%;
  text-align: center;
  padding: 21px;
  height: 100%;
  display: flex;
  align-items: center;
}
.colum-2 {
  display: block;
  padding: 0px 0px;
}
.colum-2 .header-section {
  font-size: 18px;
  color: #2dbdca;
  line-height: normal;
  text-align: center;
  margin: auto;
  background-color: #e5f7f9;
  padding: 20px 12px 20px;
  line-height: 20px;
  border-radius: 15px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.colum-2 .header-body-section ul {
  margin: 30px 0px 0px;
  padding: 0px;
  width: 100%;
}
.colum-2 .header-body-section ul li {
  padding-bottom: 20px;
  padding-top: 20px;
  position: relative;
  list-style: none;
  display: flex;
  align-items: center;
}
.colum-2 .header-body-section ul li:first-child {
  padding-top: 0px;
}
.colum-2 .header-body-section ul li .icon-block {
  display: inline-block;
  position: absolute;
  width: 36px;
  height: 36px;
  padding: 9px;
  border-radius: 50px;
  background-color: #ff7603;
}
.colum-2 .header-body-section ul li .icon-block img {
  width: 100%;
  display: block;
}
.colum-2 .header-body-section ul li .block-text {
  font-weight: 700;
  float: left;
  margin-left: 0px;
  font-size: 16px;
  line-height: normal;
}
.colum-2 .header-body-section ul li .block-text img.width30 {
  width: 30px;
}
.colum-2.section-blue .header-body-section ul li .block-text {
  font-weight: 500;
  font-size: 18px;
  color: #2dbdca;
  text-align: right;
  display: flex;
  width: 100%;
  justify-content: flex-end;
  padding-right: 15px;
}
.colum-2-block.active .header-section {
  background-color: #ff7603;
  color: #fff;
}
.colum-2-block.active {
  box-shadow: 0px 3px 18px #00000011 !important;
  border: #fff solid 1px;
}
.colum-2.border-bottom .header-body-section ul li {
  border-bottom: #e7e7e7 solid 1px;
}
.colum-2 .header-body-section.padd-20 ul li {
  border-bottom: #e7e7e7 solid 1px;
}
.colum-2.active {
  box-shadow: 0px 3px 18px #00000011;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  border: none;
}
.colum-2.active .header-section {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  background-color: #ff7603;
  color: #fff;
  text-align: center;
}
.colum-2-block {
  border: #e6edff solid 1px;
  transition: all 0.1s;
  border-radius: 15px;
  overflow: hidden;
  height: 100%;
}
.colum-2.border-bottom .header-body-section ul li:last-child,
.colum-2 .header-body-section.padd-20 ul li:last-child {
  border-bottom: 0px;
}
.colum-2 .header-section.header-section-none {
  background-color: inherit !important;
  text-indent: 285px;
  overflow: hidden;
  opacity: 0;
}

.max-width-485 {
  max-width: 724px;
  border-radius: 18px;
}
.starticon {
  width: 18px;
}
.team-member-text {
  font-size: 20px;
  font-weight: 600;
  color: #293450;
  text-align: center;
  margin-top: 15px;
}

.team-member-img {
  margin: auto;
  margin: auto;
  overflow: hidden;
  height: 206px;
  border-radius: 100%;
  z-index: 0;
}
.team-member-text span {
  margin-top: 17px;
  font-size: 16px;
  font-weight: normal;
}

/** Footer css **/
.emailbox {
  width: 80%;
  margin: auto;
  position: relative;
  margin-top: 15px;
}
.emailbox button {
  position: absolute;
  background-color: #ec6c00;
  border-bottom-right-radius: 50px;
  border-top-right-radius: 50px;
  border: none;
  height: 44px;
  right: 0px;
  width: 55px;
}
.emailbox input {
  border-radius: 50px;
  border: none;
  height: 44px;
  width: 100%;
  padding-left: 17px;
  padding-right: 61px;
}
.emailbox input:focus {
  border: none;
  outline: none;
}
.topbg {
  background-color: #F5F7FB;
  padding: 0px;
}
.name-icon {
  background: #293450;
  width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  border-radius: 50px;
  justify-content: center;
}
.footerbg {
  background-color: #F8F8F8;
}
.footerbg h3 {
  color: #FF7500;
  position: relative;
  margin: 0px;
  font-size: 20px !important;
  font-weight: bold;
}
.footerbg h3:after {
  position: absolute;
  content: "";
  width: 40px;
  bottom: -7px;
  height: 2px;
  background-color: #FF7500;
  left: 0;
}
.footerbg p {
  color: #293450;
  margin: 0px;
  font-size: 16px;
  line-height: 28px;
  margin-top: 25px;
}
.footer-card .text-icon {
  font-size: 16px;
  font-weight: bold;
}
.footer-card {
  display: flex;
  align-items: center;
}
.hippa {
  height: 50px;
  margin: 12px 0px;
}
.bbba {
  height: 50px;
  margin: 12px 5px;
}
.footer-logo {
  width: 160px;
}
.shopper-approved_black {
  margin: 12px 5px;
  width: 74px;
}
.footerbg-dark {
  background-color: #5D5D5D !important;
}
.footerbg-dark p {
  color: #fff;
}
footer {
  padding: 25px 0px;
}
ul.footerlist {
  margin: 0px;
  padding: 0px;
  margin-top: 30px;
}
ul.footerlist li {
  display: block;
  position: relative;
  margin: 12px 0px;
  text-align: left;
}
ul.footerlist li a {
  color: #293450;
  font-size: 15px;
  text-align: left;
  padding-left: 0px;
}
.footerbg-dark ul.footerlist li a {
  color: #fff;
}
.footerbg-dark ul.footerlist li a:hover {
  color: #d4d4d4;
}
ul.footerlist li a:hover {
  color: #676e82;
}
.footerbg .border-right {
  border-right: #6e6e6e solid 1px !important;
}
footer .copyright-text {
  font-size: 14px;
  color: #000;
  margin-top: 15px;
}
footer ul {
  margin: 5px 0px 0px;
  padding: 0px;
  display: flex;
  align-items: center;
}
footer ul li {
  list-style: none;
  margin-right: 25px;
}
footer ul li a {
  font-size: 14px;
  color: #000;
}
footer ul.social-icon {
  justify-content: flex-end;
  margin-top: 45px;
}
footer ul.social-icon li a:hover {
  opacity: 0.5;
}
.footerbg p.ptext-16 {
  color: #293450;
  font-size: 16px;
}
.footerbg-dark p.ptext-16 {
  color: #fff;
  font-size: 16px;
}
.footerbg .email-card {
  width: 100%;
  border-radius: 10px;
  position: relative;
  margin-top: 15px;
  margin-bottom: 25px;
}
.footerbg .email-card input {
  color: #B8B8B8;
  width: 100%;
  font-size: 16px;
  padding: 10px;
  padding-right: 65px;
  border: #CACCDF solid 1px;
  outline: none;
  border-radius: 5px;
}
.footerbg .email-card input:focus {
  outline: none;
}
.footermedia-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.footermedia-icon ul {
  margin: 0px;
  padding: 0px;
  display: flex;
  align-items: center;
}
.footermedia-icon ul li:first-child {
  margin-left: 0px;
}
.footermedia-icon ul li a img {
  width: 100%;
}
.footermedia-icon ul li a {
  width: 25px;
  display: inline-block;
}
.footermedia-icon ul li a:hover {
  opacity: 0.6;
}
.footermedia-icon ul li {
  margin: 12px;
  list-style: none;
}
.footerbg-dark .copyrighttext {
  color: #fff;
}
.footerbg-dark ul.footer-nav li a {
  color: #fff;
}
.footerbg-dark ul.footer-nav li span {
  color: #fff;
}
.copyrighttext {
  display: flex;
  align-items: center;
  color: #293450;
}
.copyrighttext .fa {
  margin-right: 11px;
  width: 25px;
}
.copyrighttext .fa img {
  width: 100%;
}
ul.footer-nav {
  margin: 0px;
  padding: 0px;
  justify-content: flex-end;
  display: flex;
  align-items: center;
}
ul.footer-nav li {
  padding: 0px 5px;
  list-style: none;
  line-height: normal;
}
ul.footer-nav li:last-child {
  border-right: none;
}
ul.footer-nav li a {
  color: #293450;
}
.owl-carousel {
  z-index: 0;
}
.owl-carousel .owl-nav button.owl-prev {
  margin-left: -30px;
}
.owl-carousel .owl-nav button.owl-next {
  margin-right: -30px;
}
.strongfont {
  font-family: 'biotifbold';
  color: #ff7603;
}
.email-card .mail-btn {
  position: absolute;
  top: 1px;
  width: 61px;
  right: 0;
  margin-top: -6px;
  margin-right: -8px;
}
.mail-btn {
  position: absolute;
}
.ptext {
  font-size: 18px;
  color: #293450
}
.shadowbox {
  box-shadow: 0px 2px 5px #eaeaea;
  background-color: #fff;
}
.bblogo {
  width: 122px;
  margin-left: auto;
}
.map-bg {
  background: url(../images/world_map.png) center;
  background-size: 60%;
  background-repeat: no-repeat;
  width: 100%;
  background-position: 40% 78px;
}
.map-bg h4 {
  font-size: 30px;
  color: #838999;
  font-weight: bold;
  margin-top: 0px
}
.ratingbox {
  display: flex;
  height: 100%;
  align-items: center;
}
.ratintextbold {
  color: #293450;
  font-weight: bold;
  font-size: 20px;
  margin-left: 5px;
}
.ratintextbold span {
  color: #838999;
  font-size: 13px;
}
.social-icon {
  display: block;
}

/* .navbar-light .navbar-nav .active > .nav-link:after {content: "";left: 0px;right: 0px;bottom: -5px;margin: auto;position: absolute;height: 5px;width: 5px;border-radius: 50px;background-color: #f08441;color: #f08441;} */
.contact-card {
  overflow: hidden;
  padding: 0px;
  border-radius: 15px;
  width: 595px;
}
.contact-card .contact-card-header {
  background-color: #ec6c00;
  padding: 10px;
  text-align: center;
  color: #fff;
  font-size: 18px
}
.contact-card .contact-card-body {
  padding: 10px 10px 20px;
}
.contact-card-body .preferedtext {
  background-color: #ff7603;
  border-color: #ff7603;
  font-size: 13px;
  color: #fff;
  border-radius: 50px;
  padding: 0.2rem 0.75rem;
}
.dropdownhover:hover>.dropdown-menu {
  display: block;
}
.dropdownhover .phonecontact-card {
  z-index: 99999;
}
.dropdownhover:hover>a {
  color: #FF7500 !important;
}
.dropdownhover>.dropdown-toggle:active {
  pointer-events: none;
}
.phonecontact-card {
  border: none;
  box-shadow: 0px 0px 4px #dad8d8;
}
.phonecontact-card.show {
  margin-left: -10px !important;
}
.phonecontact-card .arrowtop {
  position: absolute;
  top: -22px;
  right: 30px;
  width: 75px;
}
.border-right-custom {
  border-right: #eff0ff solid 1px;
}
.contact-card-body {
  text-align: center;
}
.contact-card-body .ptext-blue {
  color: #2DBDCA;
  font-size: 18px;
  margin-bottom: 10px;
  font-weight: bold;
}
.contact-card-body .ptext-orrange {
  color: #5D6174;
  font-size: 16px;
  margin-bottom: 10px;
  font-weight: bold;
}
.contact-card-body .ptext-orrange a {
  color: #5D6174;
  font-size: 16px;
  font-weight: bold;
}
.contact-card-body .ptext-orrange span {
  color: #FF8824;
  font-size: 14px
}
.arrowtop {
  position: absolute;
  top: -25px;
  right: 25px;
}
.consultation-block {
  padding: 15px 20px;
  width: 666px;
  box-shadow: 0px 0px 5px #d0cece;
  background: #fff;
}
.dropdownhover-background-none .dropdown-menu {
  border: none;
  background: none;
}
.icon-arrowblock {
  position: absolute;
  right: 0px;
}
.consultation-block h3 {
  color: #2D3D4D;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: bold;
}
ul.nav-categories {
  margin: 0px;
  padding: 0px;
  display: inline-block;
}
ul.nav-categories li {
  list-style: none;
  white-space: nowrap;
  padding: 7px 0px;
  position: relative;
}
ul.nav-categories li a {
  color: #2D3D4D;
  font-size: 16px;
}
ul.nav-categories li a:hover {
  color: #FF8824;
}
ul.nav-categories ul {
  padding: 0;
  left: 0;
  display: block;
}
ul.nav-categories li ul ul {
  display: none;
}
ul.nav-categories li ul {
  display: block;
  position: absolute;
  top: 0;
  left: 100%;
  background: #F8F8F8;
  padding: 15px;
}
ul.nav-categories li li:hover ul {
  display: block;
  margin-left: 200px;
  margin-top: -35px;
}
#nav li li a {
  font-size: 80%;
}
#nav li:hover {
  background: #003f20;
}
.video-img img {
  display: block;
  max-width: 100%;
}
.video-img {
  overflow: hidden;
  border-radius: 5px;
  max-width: 110px;
  margin: 0 auto;
}
.tab-mobile {
  display: none;
}
#carouselExampleControls .carousel-control-prev,
#carouselExampleControls .carousel-control-next {
  opacity: 1;
  z-index: 1;
}
.shadow-img {
  display: none;
}
.alert-dark {
  color: #ffffff;
  background-color: #484848;
  overflow: hidden;
  border-color: #484848;
}
.alert-dismissible .close-button {
  -webkit-transition: 0.6s ease-out;
  -moz-transition: 0.6s ease-out;
  transition: 0.6s ease-out;
  padding: 6px !important;
  opacity: 1;
}
.alert-dismissible .close-button:hover {
  -webkit-transform: rotateZ(180deg);
  -moz-transform: rotateZ(180deg);
  transform: rotateZ(180deg);
}
.close-button img {
  width: 25px;
}
a.toplink {
  color: #fff;
  text-decoration: underline;
}
.alert-dark {
  padding: 0.5rem 1rem;
  border-radius: 0px !important;
}
.bannertextblock {
  background: url(../images/img10.png) no-repeat;
  background-size: auto;
  padding-left: 25px;
}
/** Why CallonDoc css **/
.why-callondoc-section {
  color: #293450;
  display: flex;
  align-items: center;
}
.why-callondoc-section .icon {
  width: 85px;
  margin-right: 25px;
}
.submenu-heading {
  padding-bottom: 10px;
  padding-top: 10px;
}
.consultation-block-desktop {
  max-width: 540px !important;
  position: relative;
}
.consultation-block-desktop:after {
  content: "";
  left: 40px;
  top: -25px;
  position: absolute;
  height: 5px;
  width: 5px;
  border-radius: 50px;
  background-color: #f08441;
  color: #f08441;
}

/* Gonor page */
.std-banner-text h3 {
  color: #FF7500;
  font-size: 24px;
  margin-bottom: 25px;
}
.treatment-text {
  position: relative;
  color: #FF7500;
  font-size: 38px;
  margin-left: -20px;
  font-weight: bold;
}
.treatment-text span {
  color: #34394D;
}
.linebg {
  background: #41435A;
  width: 30%;
  height: 2px;
  margin-top: 22px;
}
.tabing-custom {
  background: #3A4465;
  padding: 20px;
  border-radius: 10px;
  display: flex;
}
.tabing-custom ul.nav-tabs {
  max-width: 250px;
  width: 100%;
  border-bottom: 0px;
  margin-right: -15px;
}
.tabing-custom .tab-content {
  width: calc(100% - 186px);
  background: #fff;
  padding: 15px;
  border-radius: 10px;
}
.tabing-custom .nav-tabs li a {
  color: #fff;
  padding: 20px;
  font-size: 18px;
  border: none;
  position: relative;
}
.tabing-custom .nav-tabs li a.active {
  font-weight: bold;
  color: #FF7500;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px
}
.tabing-custom .nav-tabs li:first-child a.active {
  color: #FF7500;
}
.tabing-custom .nav-tabs li:first-child a.active::before {
  display: none;
}
.tabing-custom .nav-tabs li:last-child a.active::before {
  display: block;
}
.tabing-custom .nav-tabs li:last-child a.active::after {
  display: none;
}
.tabing-custom .nav-tabs li a.active:after {
  content: "";
  display: block;
  background: url(../images/bottom_curve.svg) no-repeat;
  position: absolute;
  bottom: -28px;
  right: 8px;
  width: 31px;
  height: 29px;
  background-size: 25px;
}
.tabing-custom .nav-tabs li a.active:before {
  content: "";
  display: block;
  background: url(../images/top_curve.svg) no-repeat;
  position: absolute;
  top: -22px;
  right: 8px;
  width: 31px;
  height: 29px;
  background-size: 25px;
}
.tabing-custom .nav-tabs li a:hover {
  border: none;
}
.tabing-custom .nav-tabs .nav-link {
  margin-bottom: 0px;
}
.tab-container {
  text-align: center;
}
.tab-container h3 {
  color: #FF7500;
  margin-bottom: 15px;
  font-weight: bold;
  font-size: 18px;
  text-transform: uppercase;
}
.tab-container p {
  color: #34394D;
  font-size: 16px;
  text-align: justify;
  margin-bottom: 15px;
}
.tabingtext {
  align-items: center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.treatment-text:after {
  content: "";
  width: 55px;
  height: 2px;
  position: absolute;
  left: -60px;
  background: #41435a;
  top: 25px;
}
.modalheader {
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.card-social-icon-modal .modal-content {
  border-radius: 15px;
}
.card-social-icon-modal .modal-header {
  border-bottom: #ebebeb solid 1px;
  position: relative;
  margin: 0px 15px;
}
.card-social-icon-modal .modal-header .close {
  padding-right: 0px;
  width: 26px;
  height: 26px;
  border-radius: 50px;
  background-color: #f5f5f5;
  padding: 0;
  top: 42px;
  position: absolute;
  right: 15px;
  opacity: 1;
}
.card-social-icon-modal .modal-body {
  padding: 25px 0px;
  text-align: left;
  overflow: auto;
  max-height: 505px;
  padding: 15px 15px;
}
.card-social-icon-modal .modal-body p {
  text-align: left;
  color: #848896;
  font-size: 15px;
  line-height: 30px;
}
.card-social-icon-modal .modal-body .card {
  background: #fff;
  padding: 20px;
  margin-bottom: 25px;
  box-shadow: 0px 0px 7px #E2E3F299;
  border-radius: 10px;
}
.card-block-gonor:after {
  width: 8px;
}
.card-block-gonor {
  padding: 15px;
}
.more {
  color: #FF7500;
  text-decoration: none;
  font-size: 16px;
}

.border-custom {
  border: #F1F1F1 solid 1px;
}
.bannerimg {
  background: url(../images/banner.png) no-repeat;
  background-size: cover;
  width: 100%;
  height: 385px
}
.gray-banner {
  background: transparent !important;
  padding-bottom: 80px !important;
}
.banner-text {
  padding: 80px 100px 80px 0px;
}
.bannerimg .banner-text h2 {
  text-align: left;
  color: #FF7500;
  font-weight: bold;
}
.bannerimg .banner-text p {
  text-align: left;
  color: #293450;
  font-weight: normal;
  font-size: 18px;
  margin-bottom: 20px;
}

.card-custom {
  background: #fff;
  box-shadow: 0px 3px 17px #C4C4E84F;
  border-radius: 10px;
}
.card-custom-header {
  padding: 25px 20px;
  box-shadow: 0px 3px 17px #C4C4E82B;
}
.card-custom-body {
  padding: 25px;
}
.card-custom-header h3 {
  color: #2DBDCA;
  font-size: 22px;
  font-weight: bold;
  margin: 0px;
}
.card-custom-body h3 {
  color: #2DBDCA;
  line-height: 32px;
  font-size: 22px;
  font-weight: bold;
  margin: 0px 0px 20px;
}
.card-custom-body p {
  color: #293450;
  font-size: 17px;
  line-height: 33px;
}
.card-custom-header h3 span {
  color: #2DBDCA;
  font-size: 18px;
  font-weight: bold;
  float: right;
}

ul.list-block-plus {
  margin: 0px;
  padding: 0px
}
ul.list-block-plus li {
  list-style: none;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
ul.list-block-plus li a {
  color: #293450;
  font-size: 17px;
  font-weight: bold;
  transition: all 0.3s;
}
ul.list-block-plus li a:hover {
  color: #FF7500;
}
ul.list-block-plus li a:hover i img {
  color: #FF7500;
  transform: scale(1.2);
}
ul.list-block-plus li a i img {
  transition: all 0.3s;
}
.medicine-img {
  max-width: 345px;
  margin: 45px auto;
}
.btn-info {
  color: #fff;
  background-color: #2DBDCA;
  border-color: #2DBDCA;
}
.btn-info:hover {
  color: #fff;
  background-color: #5ad7e2;
  border-color: #5ad7e2;
}
.btn-check:focus+.btn-info,
.btn-info:focus {
  color: #fff;
  background-color: #5ad7e2;
  border-color: #5ad7e2;
  box-shadow: none;
}
.btn-check:checked+.btn-info,
.btn-check:active+.btn-info,
.btn-info:active,
.btn-info.active,
.show>.btn-info.dropdown-toggle {
  color: #fff;
  background-color: #5ad7e2;
  border-color: #5ad7e2;
}
.btn-check:checked+.btn-info:focus,
.btn-check:active+.btn-info:focus,
.btn-info:active:focus,
.btn-info.active:focus,
.show>.btn-info.dropdown-toggle:focus {
  box-shadow: none;
}
.btn-info:disabled,
.btn-info.disabled {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.imgblock {
  width: 80%;
  text-align: center;
  margin: auto;
}
.carousel-wrap {
  margin: 90px auto;
  padding: 0 5%;
  width: 80%;
  position: relative;
}
.owl-carousel .item {
  position: relative;
  z-index: 100;
  -webkit-backface-visibility: hidden;
}
.owl-nav>div {
  margin-top: -26px;
  position: absolute;
  top: 50%;
  color: #cdcbcd;
}
.owl-nav i {
  font-size: 30px;
}
.owl-nav .owl-prev {
  left: -30px;
}
.owl-nav .owl-next {
  right: -30px;
}
.benifit-card {
  box-shadow: 0px 0px 36px #C4C4E842;
  background-color: #fff;
  border-radius: 10px;
  overflow: hidden;
  padding: 20px;
}
.benifit-card-header {
  position: relative;
  padding-bottom: 15px;
  border-bottom: 1px solid #f0f4ff;
}
.benifit-card-header:after {
  position: absolute;
  right: -37px;
  top: -9px;
  background: url(../images/dotes-img.png) no-repeat;
  content: "";
  width: 75px;
  height: 59px;
  background-size: 70%;
}
.circles, .circles-section {
  position: relative;
}
.benifit-card-body {
  padding-top: 20px;
}
.circles .circlesblock {
  padding: 20px;
  padding-left: 55px;
  position: relative;
  display: block;
}
.benifit-card-body .border-right {
  border-right: 1px solid #f0f4ff !important;
}
.z-index-1 {
  z-index: 1;
  position: relative;
}

/** Circle css **/
.circles::before {
  content: '';
  position: absolute;
  height: 325px;
  left: 11px;
  top: 20px;
  z-index: -1;
  bottom: 0;
  border-left: 4px solid #caccdf;
}
.circle-block {
  border: 2px solid #caccdf;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  background-color: #fff;
  position: absolute;
  z-index: 0;
}
.circle-block-1 {
  left: 0px;
  top: 20px;
}
.circle-block-2 {
  left: 0px;
  top: 188px;
}
.circle-block-3 {
  left: 0px;
  top: 334px;
}
.circles .active {
  background: #fff;
  box-shadow: 0px 3px 17px #C4C4E84F;
  width: 100%;
  border-radius: 10px;
}
.circlesblock .arrow-img {
  display: none;
}
.circles .active .arrow-img {
  position: absolute;
  display: block;
  left: -61px;
  top: 50%;
  margin-top: -45px;
}
.circles .circle {
  position: relative;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  font-size: 24px;
  line-height: 44px;
  border: 2px solid #BABEC5;
  color: #8D9096;
  background: #ECEEF1;
}
.circles div.active p {
  margin-top: 7px;
}
.circles h3 {
  font-size: 26px;
  font-weight: bold;
  line-height: 28px;
  margin-bottom: 12px;
  color: #49526a;
}
.circles p {
  font-size: 16px;
  line-height: 23px;
  margin-top: 12px;
  margin-bottom: 0px;
  color: #969ba9;
}
.circles div.active p {
  color: #969ba9;
  font-weight: 500;
}
.circlesblock1 {
  margin-bottom: 40px;
}
.circlesblock2 {
  margin-bottom: 40px;
}
.circlesblock3 {
  margin-bottom: 63px;
}
.circlesblock4 {
  margin-bottom: 40px;
}

/** Steps css **/
ul.steps {
  margin: 0px;
  padding: 0px;
}
ul.steps li {
  list-style: none;
  height: 20px;
  position: relative;
  color: #000;
  font-size: 14px;
  font-weight: bold;
  padding-left: 15px;
}
ul.steps li .steptext {
  display: none;
  font-size: 16px;
  font-weight: bold;
}
ul.steps li:after {
  content: "";
  transition: all 0.5s;
  position: absolute;
  left: 0px;
  top: 50%;
  margin-top: -2px;
  width: 5px;
  height: 5px;
  border-radius: 50px;
  background-color: #9499a7;
}
ul.steps li.active:after {
  content: "";
  position: absolute;
  left: 0px;
  top: 50%;
  margin-top: -2px;
  width: 5px;
  height: 10px;
  border-radius: 50px;
  background-color: #293450;
}
ul.steps li.active {
  color: #293450;
}
ul.steps li.active .steptext {
  display: block;
}
.steps-carousel-container {
  width: 100%;
  max-width: 760px;
  margin: auto;
  overflow: hidden;
}
.steps-carousel {
  width: 400%;
  display: flex;
  will-change: transform;
  transition: transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.steps-carousel>div {
  width: 25%;
}

.benifit-box {
  text-align: center;
  width: 100%;
}
.benifit-box img {
  width: 65px
}
.benifit-box p {
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  color: #000;
  line-height: normal;
}

ul.card-nav {
  margin: 0px;
  padding: 0px;
}
ul.card-nav li {
  list-style: none;
}
ul.card-nav li a {
  color: #414a63;
  font-size: 18px;
  padding: 15px 25px;
  display: block;
}
ul.card-nav li a:hover {
  font-size: 18px;
  background-color: #FFEDE8;
  padding: 15px 25px;
  color: #FF7500;
  font-weight: bold;
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
  border-right: 2px solid #FF7500;
}
ul.card-nav li a.active {
  font-size: 18px;
  background-color: #FFEDE8;
  padding: 15px 25px;
  color: #FF7500;
  font-weight: bold;
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
  border-right: 2px solid #FF7500;
}
.headingblock {
  font-size: 18px;
  background-color: #FFEDE8;
  padding: 15px 25px;
  color: #FF7500;
  font-weight: normal;
  border-radius: 50px;
  text-align: center;
  margin-bottom: 20px;
}
.lightbox {
  border: 1px solid #EEEEEE;
  border-radius: 4px;
  padding: 10px 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 25px 0px 0px;
}
.lightbox .label-text {
  color: #293450;
  font-size: 16px;
}
.lightbox .label-text-bold {
  color: #FF7500;
  font-weight: bold;
  font-size: 16px;
}
.review-headin-gray {
  color: gray;
  display: inline-block;
}
.review-rating {
  width: 24px;
  margin-top: -9px;
}
.text-p {
  font-size: 22px;
  color: #293450;
}
.cotent-block h3 {
  color: #2DBDCA;
  font-weight: bold;
  margin-top: 0px;
  margin-bottom: 20px;
  font-size: 28px;
}
.cotent-block h3 span {
  background-color: #FF9841;
  height: 2px;
  margin-top: 10px;
  width: 20%;
  display: block;
}
.cotent-block h4 {
  color: #FF7500;
}
.cotent-block p {
  color: #293450;
  margin-top: 0px;
  font-size: 16px;
  line-height: 28px;
}
.block-img {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0px 3px 6px #00000029;
  padding: 15px 20px;
}
.formtext {
  padding-left: 15px;
}
.formtext h3 {
  font-size: 20px;
  color: #293450;
}
.formtext ul {
  margin: 0px;
  padding: 0px;
}
.formtext ul li {
  margin-bottom: 25px;
}
.formtext ul li {
  display: flex;
  align-items: center;
}
.formtext ul li .bluetext {
  margin-left: 10px;
  color: #2DBDCA;
  font-size: 18px;
}
.formtext ul li .graytext {
  margin-left: 0px;
  color: #293450;
  font-size: 18px;
}
.formtext ul li .budge {
  background-color: #FF7500;
  color: #fff;
  margin-left: 10px;
  font-size: 12px;
  text-align: center;
  border-radius: 50px;
  padding: 2px 10px;
}
.formtext ul li:last-child {
  margin-top: 55px;
}
.form-block h3 {
  font-size: 24px;
  color: #2DBDCA;
  margin-bottom: 20px;
}
.form-control {
  border: 1px solid #e7e7e7;
  border-radius: 4px;
  color: #AAAAAA;
  font-size: 16px;
  padding: 13px 13px;
}
.bordergray {
  border-right: #6d6d6d solid 1px;
  height: 100%;
}
.bordergray-top {
  border-top: #6d6d6d solid 1px;
}
/** lines **/
ul.list5 {
  margin: 0px;
  padding: 0px;
}
ul.list5 li {
  list-style: none;
  margin-bottom: 20px;
}
ul.list5 li a {
  color: #293450;
  font-size: 16px;
}
ul.list5 li a:hover {
  color: #8996b7;
}

.howtowork-bg {
  background: #fff;
  min-height: 260px;
  height: 100%;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
}
.howtowork-bg img {
  object-fit: cover;
  border-radius: 10px;
  min-width: 260px;
  height: 100%;
}
.tab-mobile .nav-tabs {
  border-bottom: none;
  justify-content: center;
}
.tab-mobile .nav-tabs .nav-link {
  border: none;
  border-color: none;
  color: #9b9ea8;
  font-weight: bold;
  padding: 15px 16px;
  font-size: 18px;
  position: relative;
}
.tab-mobile .nav-tabs .nav-link.active:after {
  color: #FF7500;
  border: none;
  background-color: #FF7500;
  content: "";
  height: 3px;
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  border-radius: 15px;
  color: #FF7603;
}
.tab-mobile .tab-content>.tab-pane {
  text-align: center;
  color: #34394D;
  font-weight: bold;
}
.tab-mobile .tab-content {
  margin-top: 30px;
}

/* Slider css */
.slider-img {
  max-width: 225px;
  z-index: 0;
  margin-top: 30px;
  margin-right: -1px;
  margin-bottom: -1px;
  margin-left: -1px;
  background-color: fff;
  padding: 0px;
}
.slider-img img {
  position: relative;
  z-index: 1;
}
.slider-img .circle {
  z-index: 0;
  width: 186px;
  height: 186px;
}
.benifit-card-body .border-right .border-bottom {
  border-bottom: none !important;
}
.black-color {
  color: #293450;
  font-weight: bold;
}
.width78 {
  width: 78px;
  display: inline-block;
}
.whitespace {
  background: #ffffffa1;
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  height: 91px;
}
.review-line-none {
  width: auto !important;
  border: none !important;
  background-color: transparent !important;
  height: auto !important;
  margin: 0px !important;
  padding: 0px !important;

}
.tableblock {
  padding: 15px;
}

ul.brand-sectopm li:nth-child(1) {
  width: 127px;
}
ul.brand-sectopm li:nth-child(2) {
  width: 87px;
}
ul.brand-sectopm li:nth-child(4) {
  width: 133px;
}
ul.brand-sectopm li:nth-child(5) {
  width: 76px;
}
ul.brand-sectopm li:nth-child(6) {
  width: 116px;
}

/** Know Status **/
.know-status h2 {
  display: block;
  font-size: 28px;
  color: #41435A;
  border-bottom: #e4e4e4 solid 1px;
  padding-bottom: 15px;
  font-weight: 700;
}
.know-status h2 span {
  color: #ff7603;
  border-bottom: none;
  margin: 0px;
  line-height: normal;
  width: auto;
  height: auto;
  padding: 0px;
  display: inline-block;
  background-color: transparent;
}
.know-status .icon img {
  height: 100%;
}
.know-status .icon {
  height: 80px;
  width: 80px;
  padding: 15px;
  border-radius: 5px;
  position: relative;
  margin: auto;
  background-color: #ecfdff;
}
.know-status p {
  margin-top: 25px;
  color: #41435A
}
.order-test h2 {
  border-bottom: none;
  font-weight: bold;
  font-size: 26px;
  padding-bottom: 0px;
}
.order-test h2 small {
  color: #41435A;
  font-size: 18px;
}
.order-test .customcard {
  background-color: #eefafb;
  padding: 25px;
}
ul.listblock {
  margin: 0px;
  padding: 0px;
}

ul.listblock li {
  list-style: none;
  color: #41435A;
  font-size: 18px;
  margin-bottom: 15px;
  text-align: left;
}
ul.listblock li small {
  font-size: 14px;
}

.white-tranparent-bg {
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 2%, rgba(255, 255, 255, 0) 3%, rgba(255, 255, 255, 0.24) 26%, rgba(255, 255, 255, 1) 99%, rgba(255, 255, 255, 1) 100%);
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 2%, rgba(255, 255, 255, 0) 3%, rgba(255, 255, 255, 0.24) 26%, rgba(255, 255, 255, 1) 99%, rgba(255, 255, 255, 1) 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 2%, rgba(255, 255, 255, 0) 3%, rgba(255, 255, 255, 0.24) 26%, rgba(255, 255, 255, 1) 99%, rgba(255, 255, 255, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
}

.star-border {
  height: auto !important;
  display: inline;
  padding-bottom: 3px;
  align-items: center;
  background-color: transparent;
  border-radius: 0;
}
.star-borderbottom {
  height: auto !important;
  display: inline;
  padding-bottom: 3px;
  align-items: center;
  background-color: transparent;
  border-radius: 0;
  position: relative;
  padding-left: 5px;
  padding-right: 5px;
}
.star-borderbottom:after {
  content: "";
  position: absolute;
  bottom: -5px;
  height: 4px;
  border-radius: 15px;
  width: auto;
  left: 18px;
  right: 25px;
  background-color: #ff9841;
}

/** Tab Block **/
.tab-block .nav-tabs .nav-link {
  padding: 15px 45px;
  border: none;
  font-size: 18px;
}
.tab-block .nav-tabs .nav-link:hover,
.tab-block .nav-tabs .nav-link:focus {
  border-bottom: #FF7500 solid 4px;
  border-top: none;
  outline: none;
  border-left: none;
  border-right: 0px;
}
.tab-block .nav-tabs .nav-link.active {
  border-right: 0px;
  border-bottom: #FF7500 solid 4px;
  border-top: none;
  border-left: none;
  color: #293450;
}
.tab-block .nav-tabs .nav-link {
  margin-bottom: 0px;
  border-bottom: #F5FAFF solid 4px;
  color: #41435A;
  border-radius: 0;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: #FF7500;
}
.nav-tabs .nav-link svg path, .tab-block .nav-tabs .nav-link svg path, .nav-tabs .nav-link svg rect, .tab-block .nav-tabs .nav-link svg rect, .nav-tabs .nav-link svg circle, .tab-block .nav-tabs .nav-link svg circle {
  fill: #34394D;
}
.tab-block .nav-tabs .nav-link:hover,
.nav-tabs .nav-link.active .fa, .nav-tabs .nav-link.active svg path, .tab-block .nav-tabs .nav-link:hover svg path, .nav-tabs .nav-link.active svg rect, .tab-block .nav-tabs .nav-link:hover svg rect, .nav-tabs .nav-link.active svg circle, .tab-block .nav-tabs .nav-link:hover svg circle {
  fill: #FF7500;
}
.tab-block .tab-content {
  padding: 30px 20px;
}

ul.listblock-tab {
  margin: 0px;
  padding: 0px;
  margin-top: 25px;
}
ul.listblock-tab li {
  list-style: none;
  display: flex;
  margin-bottom: 35px;
  text-align: left;
}
ul.listblock-tab li:last-child {
  margin-bottom: 0px;
}
ul.listblock-tab li a {
  color: #6a7488;
  line-height: 27px;
  font-size: 18px;
}
.highesttext h3 {
  margin: 0px;
  padding: 0px;
  text-align: center;
  font-size: 20px;
}
.highesttext h3 span {
  color: #FF7500;
  position: relative;
}
.orrange-text-color {
  color: #FF7500;
  font-size: 16px;
}
.highesttext h3 span::after {
  position: absolute;
  width: 45px;
  height: 3px;
  content: "";
  left: 0;
  background: #41435A;
  top: 50%;
  margin-left: -50px;
}
.banner-advertisement {
  height: 221px;
  border-radius: 10px;
  background: url(../images/advertisement-bg.svg) no-repeat;
  display: flex;
  align-items: center;
  background-size: 100%;
}
.bg-change-adver {
  background: #fff;
}
.bg-change-adver .banner-advertisement {
  background: url(../images/gray_pettan.svg);
  background-repeat: no-repeat;
  background-size: cover;
  transition: all 0.5s;
}
.banner-advertisement .next-arrow {
  position: relative;
  transition: 0.5s;
}
.banner-advertisement .next-arrow:after {
  position: absolute;
  content: "";
  background-size: 100% !important;
  opacity: 0;
  height: 26px;
  width: 26px;
  background: url(../images/orrange-arrow-circle.svg) no-repeat;
  top: 50%;
  margin-right: 0px !important;
  right: -20px;
  transition: 0.5s;
  transform: translate(0, -50%);
}
.banner-advertisement:hover .next-arrow:after {
  opacity: 1;
  right: 0px;
  transition: 0.5s;
}
.banner-advertisement:hover .next-arrow {
  padding-right: 40px;
  transition: 0.5s;
}
.banner-advertisement h2 {
  margin-bottom: 0px;
  color: #fff;
  font-size: 40px;
  line-height: 55px;
  text-align: left;
}
.banner-advertisement-consultation {
  height: 127px !important;
}
.banner-advertisement-consultation h2 {
  text-align: center;
  font-size: 34px;
}
section .heading-faq h2 {
  display: inline-block;
}
section .heading-faq h2 span {
  width: 30%;
}
.faq-img {
  max-width: 348px;
}
img {
  user-drag: none;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.dropdownmenu-shadow {
  border: none;
  box-shadow: 0px 0px 7px #c5c5c5;
}
.overlay-bg {
  z-index: 9;
  border: 0px;
  background: transparent;
}
.overlay-bg::after {
  position: fixed;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  background: #000;
  opacity: 0.5;
  content: "";
  z-index: -1;
}
.dropdownmenu-shadow li a:hover,
.dropdownmenu-shadow li a:focus {
  background-color: #fff;
  color: #212529;
}
.searchbar {
  border-radius: 50px;
}
.form-control:focus {
  outline: none;
  box-shadow: none;
}
/** My Account **/
.my-acount-block .dropdown-menu {
  margin-top: 25px;
  box-shadow: 0px 3px 16px #949FB245;
  border-radius: 5px;
  border: none;
}
.my-acount-block a {
  color: #2DBDCA;
}
.my-acount-block .iconborder {
  position: relative;
  border-radius: 50px;
  padding: 5px;
  border: #2DBDCA solid 1px;
  width: 31px;
  height: 31px;
  align-items: center;
  justify-content: center;
  display: flex;
}
.my-acount-block a {
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 14px;
}
.my-acount-block ul.dropdown-menu li a {
  color: #34394D;
}
.my-acount-block ul.dropdown-menu li {
  padding: 5px 0px;
}
.my-acount-block ul.dropdown-menu li a:hover,
.my-acount-block ul.dropdown-menu li a:focus {
  color: #34394D;
  background: transparent;
}

.custom-img-width-22 {
  width: 22px
}
.custom-img-width {
  width: 20px
}
.custom-img-width {
  width: 20px
}
.consultation-banner-text {
  padding-left: 16px;
  position: relative;
}
.consultation-banner-text:after {
  position: absolute;
  left: 0px;
  top: 2px;
  content: "";
  width: 4px;
  height: 24px;
  background-color: #2DBDCA;
  border-bottom-right-radius: 50px;
  border-top-right-radius: 50px;
}
.consultationblock {
  padding: 15px 25px 15px 25px !important
}
.consultationblock i {
  height: 75px !important;
}
.consultationblock h4 {
  font-size: 20px !important;
  color: #FF7500;
  line-height: normal;
}
.consultationblock h4 span {
  color: #444444
}
/** Sticker css */
.sick-visit-block {
  padding: 10px 10px;
  position: relative;
  background-color: #fff;
  z-index: 1;
}
.sick-visit-show {
  position: relative;
}
.sick-visit-show:after {
  position: absolute;
  bottom: -4px;
  left: 0px;
  right: 0px;
  height: 6px;
  z-index: 0;
  content: "";
  background: var(--unnamed-color-ebeefc) 0% 0% no-repeat padding-box;
  background: #EBEEFC;
  opacity: 1;
  filter: blur(3px);
  border-radius: 40%;
}
.sick-visit-block h3 {
  color: #34394D;
  font-size: 23px;
  text-transform: uppercase;
  font-weight: 900;
  margin-bottom: 0px;
}
.p-text-3 p {
  line-height: 22px;
}
ul.condition-list {
  margin: 0px;
  padding: 0px;
}
ul.condition-list li {
  flex: 0 0 auto;
  width: 33.333333%;
  list-style: none;
  margin-bottom: 15px;
}
ul.condition-list li .conditionbg a {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #293450;
  font-size: 15px;
  font-weight: bold;
  padding: 10px 25px;
  display: block;
}
ul.condition-list {
  margin-left: -15px;
  margin-right: -15px;
  display: flex;
  flex-wrap: wrap;
}
ul.condition-list li {
  padding-left: 15px;
  padding-right: 15px;
}
ul.condition-list li .conditionbg {
  background-color: #ffebda;
  border-radius: 5px;
}
ul.condition-list li:hover a {
  background-color: #ff7603;
  color: #fff;
  border-radius: 5px;
  position: relative;
}
ul.condition-list li:hover a::after {
  content: "";
  position: absolute;
  right: 12px;
  width: 18px;
  height: 18px;
  top: 0px;
  background: url(../images/play_circle.svg) no-repeat;
  top: 50%;
  margin-top: -9px;
}
.line-light {
  background-color: #cecece !important;
  margin: 25px 0px !important;
}
.banner-condition-advertiment {
  height: 128px;
  width: 100%;
  background: url(../images/conditionbannerbg.png);
  background-size: cover;
  border-radius: 10px;
  overflow: hidden;
}
.card-text {
  color: #34394D;
  line-height: 28px;
}
.banner-condition-advertiment h3 {
  color: #FF7500;
  font-size: 28px;
  font-weight: bold;
}
.custom-card-consultation .card-body {
  border: #E5E4E4 solid 1px;
  border-top: none;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  position: relative;
  padding-bottom: 50px !important;
}

.custom-card-consultation .card-body .start-btn {
  position: absolute;
  right: 15px;
  bottom: 15px;
}
.card.custom-card-consultation {
  box-shadow: none;
}
.seenline {
  width: 50px;
}
.meetteam-line {
  width: 150px;
}
.consultation-blue-header h3 {
  text-transform: uppercase;
}
.modal-popup .modal-content {
  border-radius: 20px;
}
.modal-popup .modal-body {
  padding: 2rem;
}
.modal-popup .modal-card {
  padding: 15px;
}
.modal-popup .modal-card h2 {
  font-size: 55px;
  color: #2dbdca;
  font-weight: 900;
  text-align: center;
}
.howitwork-tab ul.nav-pills {
  display: flex;
}
.howitwork-tab ul.nav-pills li {
  width: 33%;
  text-align: center;
}
.howitwork-tab ul.nav-pills li a {
  color: #293450;
  font-size: 20px;
  padding-bottom: 10px;
  border-radius: 0px;
  font-weight: 800;
}
.howitwork-tab .nav-pills .nav-link.active,
.howitwork-tab .nav-pills .show>.nav-link {
  color: #293450;
  background-color: #fff;
  border-bottom: #FF9500 solid 3px;
  border-top: #fff solid 3px;
  border-radius: 0px;
}
.howitwork-tab ul.nav-pills li a {
  border-top: #fff solid 3px;
  border-bottom: #E9E9E9 solid 3px;
}
.howitwork-tab .nav-pills .nav-link.active,
.howitwork-tab .nav-pills .show>.nav-link:focus {
  outline: none;
}
.howitwork-tab ul.nav-pills li {
  outline: none;
}
.howitwork-tab .tab-content {
  padding: 10px 15px 15px;
  font-size: 18px;
}
.howitwork-tab .nav-pills .nav-link.active img.grayimg {
  display: none;
}
.howitwork-tab .nav-pills .nav-link.active img.orrangeimg {
  display: inline-block;
}
.howitwork-tab .nav-pills .nav-link img.orrangeimg {
  display: none;
}
.btn-close-popup {
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 111;
}
.poppup-header {
  color: #2dbdca;
  font-size: 2rem;
  position: relative;
  text-align: center;
  margin-bottom: 20px;
  font-weight: 700;
  padding-bottom: 10px;
}
.poppup-header::after {
  position: absolute;
  width: 42px;
  background-color: #ff9841;
  height: 3px;
  border-radius: 15px;
  margin: auto;
  bottom: 0;
  left: 0;
  content: "";
  right: 0;
}

/** Modal **/
.faq.modal-popup .modal-card {
  padding: 0px;
}
.modal-popup .modal-card i.fa {
  height: 67px !important;
}
.modal-popup.review .modal-card h2 {
  font-size: 44px;
}
.subheading-ration {
  font-size: 18px;
  color: #A4A8B5;
  font-weight: bold;
  text-align: center;
  margin-top: 28px;
  margin-bottom: 20px;
}
.modal-popup.review .modal-card .reviews-popup p {
  font-size: 16px;
  color: #A4A8B5;
  line-height: 24px;
}
.modal-popup.review .modal-card .reviews-popup .black-color {
  font-size: 18px;
  color: #293450;
  line-height: normal;
  font-weight: 900;
}
.modal-popup.review .ratintextbold {
  font-size: 24px;
}
.modal-popup.review .rating-socia-icon .socialmobile-icon img.margin-block {
  margin: 0px 20px;
}
.modal-popup.review .rating-socia-icon .socialmobile-icon img {
  margin: 5px;
}
.modal-popup.review .fa.arrows-icon {
  width: 50px;
  background: #fff;
  height: 50px !important;
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.08);
  border-radius: 1000%;
  display: flex;
  align-items: center;
  justify-content: center;
}

#our-team .owl-nav {
  display: none;
}
#our-team .item .team-member-img img {
  transition: 0.5s;
  border-radius: 100%;
}
#our-team .item:hover .team-member-img img {
  transform: scale(1.15);
  transition: 0.5s;
}
.consultation-box-margin {
  margin-top: -60px;
  z-index: 0;
  padding-bottom: 15px;
}

/* std page css */
.std-banner {
  padding-bottom: 80px;
  background-color: #E5FAFF;
}
.std-banner-block {
  height: 100%;
  display: flex;
  align-items: center;
}
.std-banner-text {
  padding: 40px 70px;
}
.std-banner-text-ptext {
  padding-left: 12px;
  border-left: #3b4054 solid 3px;
}
.std-banner-text h2 {
  color: #FF7500;
  font-size: 40px;
  font-weight: 900;
  text-align: left;
}
.std-banner-text .std-banner-text-ptext p {
  color: #34394D;
  font-size: 16px;
}
.header-blue {
  background-color: #34394D;
  padding: 14px 0px 14px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.header-blue h3 {
  margin-bottom: 0px;
  color: #FF7603;
  font-size: 28px;
}
.header-blue h3 span {
  color: #fff;
}
.header-blue h3:after {
  background-color: #fff;
}
.right-side-section {
  position: absolute;
  display: flex;
  align-items: center;
  right: 20px;
  top: 12px;
  color: #fff;
  font-size: 20px;
}
.right-side-section span {
  font-size: 24px;
  margin-left: 3px;
  color: #FF7500;
  font-weight: bold;
}
.header-white {
  background-color: transparent;
  padding: 10px 0px 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.header-white h3 {
  margin-bottom: 0px;
  color: #FF7603;
  font-size: 28px;
}
.header-white h3 span {
  color: #34394D;
}
.header-white h3:after {
  background-color: #34394D;
  width: 65px;
  left: -75px;
}
.header-white .right-side-section {
  color: #34394D;
}
#notsure {
  display: none;
}
button.card-block-std {
  width: 100%;
  border: none;
  transition: all 0.5s;
  height: 100%;
}
button.card-block-std:hover::after {
  width: 8px;
}
.card-block-std {
  transition: all 0.5s;
  margin-bottom: 20px;
  color: #293450;
  box-shadow: 1px 1px 5px #e8e8e8;
  font-weight: bold;
  text-align: center;
  font-size: 16px;
  background: #fff;
  padding: 10px;
  overflow: hidden;
  border-radius: 5px;
  position: relative;
}
.card-block-std:after {
  transition: all 0.5s;
  content: "";
  background-color: #FF7500;
  position: absolute;
  width: 4px;
  height: 100%;
  top: 0px;
  bottom: 0px;
  left: 0px;
  overflow: hidden;
}
.link {
  color: #2dbdca;
  font-weight: bold;
  font-size: 18px;
}
.collaspebg {
  position: absolute;
  z-index: 9;
  width: calc(100% - 24px);
  margin-top: -15px;
}
.collaspebg .card-body {
  border-radius: 0px;
}
.card-block-std.collapsed:after {
  width: 4px;
}

.affordable h3 {
  color: #41435A;
  font-size: 35px;
  font-weight: 800;
}

.affordable h3 span {
  color: #FF7500;
}
.affordable p {
  font-size: 1.125rem;
  margin-bottom: 0px;
  color: #41435A;
}
.headercard {
  box-shadow: 0px 3px 6px #9FA5AF26;
  border-radius: 10px 10px 0px 0px;
  background-color: #fff;
  text-align: center;
  padding: 20px 0px;
}
.headercard img {
  height: 51px;
}
.headercard span {
  color: #293450;
  font-weight: bold;
  font-size: 25px;
  display: block;
  margin-top: 5px;
  padding-bottom: 5px;
}
.bodycard {
  background-color: #E2FAFF;
  padding: 30px 20px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.bodycard ul {
  margin: 0px;
  padding: 0px;
}
.bodycard ul li {
  list-style: none;
  margin: 0px 0px 30px;
  font-size: 20px
}
.blueline {
  background-color: #04D4FF;
  margin: auto;
  margin-top: 10px;
  height: 2px;
  width: 25%;
  font-size: 20px;
}
.activate .headercard span {
  color: #06080C;
  position: relative;
}
.activate .headercard {
  box-shadow: 0px 3px 6px #9FA5AF26;
}
.activate .headercard span:after {
  position: absolute;
  bottom: 0px;
  width: 55px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #FF7500;
  content: '';
  height: 2px;
}

.headercard span {
  position: relative;
}
.headercard span:after {
  position: absolute;
  bottom: 0px;
  width: 55px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #04D4FF;
  content: '';
  height: 2px;
}
.activate .bodycard {
  background-color: #f9c4a5;
  padding: 30px 20px;
}
.activate .bodycard ul li {
  color: #362016;
}
.activate .bodycard ul li {
  margin-bottom: 30px;
}
.timeset ul li {
  margin-bottom: 30px;
}

/*-- how-it-section --*/
.how-it-section {
  padding: 30px 0px;
}

/*--- STD section --*/
.button-arrow.btn-outline-orange  span:after {
  background: url(../images/arrow-right-yellow.svg);
  background-repeat: no-repeat;
}
.navbar-brand {
  display: block;
}
.banner-section {
  /* background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center center !important; */
  position: relative;
  overflow: hidden;
  min-height: 450px;
  z-index: 0;
}
.header-gray h3:after {
  background: #293450 !important;
}
.std-scroll-height {
  height: 58px;
  overflow: hidden;
}
.btn-more {
  position: relative;
}
.btn-more #toggle-readmore4::after {
  background: url(../images/down-round-yellow.svg);
  background-repeat: no-repeat !important;
  content: "";
  width: 20px;
  height: 20px;
  background-size: 20px !important;
  position: absolute;
  top: 50%;
  transform: translate(0%, -50%);
  right: 0;
}
.btn-more.add-new #toggle-readmore4::after {
  background: url(../images/up-round-yellow.svg) !important;
  background-size: 20px !important;
}
.bannerimg-purple .std-banner {
  background: #E8EDFF;
}

/*--- urgent_case ---*/
.bg-urgent-care {
  background: url('../images/urgent_care/urgent_care_banner.png') bottom center no-repeat;
  background: url('../images/urgent_care/urgent_care_banner.png') bottom center no-repeat, -moz-linear-gradient(90deg, #c7ced8 0%, #c7ced8 40%, #9faab7 50%, #9faab7 100%); /* ff3.6+ */
  background: url('../images/urgent_care/urgent_care_banner.png') bottom center no-repeat, -webkit-gradient(linear, left bottom, right top, color-stop(0%, #c7ced8), color-stop(100%, #9faab7)); /* safari4+,chrome */
  background: url('../images/urgent_care/urgent_care_banner.png') bottom center no-repeat, -webkit-linear-gradient(90deg, #c7ced8 0%, #c7ced8 40%, #9faab7 50%, #9faab7 100%); /* safari5.1+,chrome10+ */
  background: url('../images/urgent_care/urgent_care_banner.png') bottom center no-repeat, -o-linear-gradient(90deg, #c7ced8 0%, #c7ced8 40%, #9faab7 50%, #9faab7 100%); /* opera 11.10+ */
  background: url('../images/urgent_care/urgent_care_banner.png') bottom center no-repeat, -ms-linear-gradient(90deg, #c7ced8 0%, #c7ced8 40%, #9faab7 50%, #9faab7 100%); /* ie10+ */
  background: url('../images/urgent_care/urgent_care_banner.png') bottom center no-repeat, linear-gradient(90deg, #c7ced8 0%, #c7ced8 40%, #9faab7 50%, #9faab7 100%); /* w3c */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9faab7', endColorstr='#c7ced8',GradientType=1 ); /* ie6-9 */
}
.consultation-banner-text.border-blue:after {
  background: #293450 !important;
}
.colum-2.section-blue .header-body-section ul.bg-dark-blue {
  background: #34394D;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
  margin-top: 0px;
}
.colum-2.section-blue .header-body-section ul.bg-dark-blue li:first-child {
  padding-top: 20px;
}
.colum-2.section-blue .header-body-section ul.bg-dark-blue li {
  padding: 22px 0px;
}
.colum-2.section-blue .header-body-section ul.bg-dark-blue .block-text {
  text-align: left;
  justify-content: flex-start;
  padding-left: 35px;
  color: #fff;
}
.colum-2 .header-body-section ul li .block-text.priceing-tab {
  font-size: 30px;
}
.colum-2 .header-body-section ul li .block-text.priceing-tab sub {
  bottom: 0px;
  font-size: 18px;
}
.urgent-condition-list {
  margin: 0px;
  padding: 0px;
}
.urgent-condition-list li {
  flex: 0 0 auto;
  list-style: none;
  margin-bottom: 15px;
}
.urgent-condition-list li .conditionbg a {
  background-color: #fff;
  box-shadow: 0px 0px 14px #688DBE26;
  border-radius: 6px;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #293450;
  font-size: 15px;
  font-weight: bold;
  padding: 15px 45px 15px 15px;
  display: block;
  position: relative;
}
.urgent-condition-list {
  display: flex;
  flex-wrap: wrap;
  margin-left: 0px;
  margin-right: 0px;
}
.urgent-condition-list li {
  padding-left: 15px;
  padding-right: 15px;
}
.urgent-condition-list li .conditionbg {
  background-color: #ffebda;
  border-radius: 5px;
  position: relative;
}
.urgent-condition-list li:hover a {
  background-color: #fff;
  color: #f08441;
  border-radius: 5px;
  position: relative;
}
.urgent-condition-list li .conditionbg::after {
  content: "";
  position: absolute;
  right: 20px;
  width: 18px;
  height: 18px;
  top: 0px;
  background: url(../images/play_circle_orrange.svg) no-repeat;
  top: 50%;
  margin-top: -9px;
}
.sick-visit-block span {
  font-size: 24px;
  margin-left: 15px;
  color: #FF7500;
  font-weight: bold;
}
.dubble-banner-slider {
  position: relative;
  min-height: 300px !important;
  max-height: 100%;
  border-radius: 12px;
}
.dubble-banner-slider .img-fluid {
  object-fit: cover;
  width: 100%;
  min-height: 300px !important;
  max-height: 100%;
  border-radius: 15px;
}
.dubble-banner-slider .carousel-caption p span {
  padding-left: 15px;
}
.left-slider, .right-slider {
  position: absolute;
  width: 100%;
  bottom: 0;
  z-index: 2;
}
.left-slider .carousel-indicators, .right-slider .carousel-indicators {
  position: absolute;
  left: 50%;
  right: auto;
  margin: 0;
  transform: translate(-50%, -26px);
  align-items: center;
}
.left-slider .carousel-indicators li, .right-slider .carousel-indicators li {
  margin: 0px 5px;
  border: none;
  width: 20px;
}
.left-slider .carousel-inner, .right-slider .carousel-inner {
  overflow: hidden;
  bottom: 0px;
  background: #FF8A29;
}
.slider-bottom, .slider-right.slider-bottom {
  position: absolute;
  width: 204px;
  left: 54% !important;
  transform: translate(-50%, 0);
}
.left-slider .carousel-caption, .right-slider .carousel-caption {
  position: unset;
  text-align: left;
  right: unset;
  left: unset;
  bottom: unset;
  padding: 15px;
}
.left-slider .carousel-caption h5, .right-slider .carousel-caption h5 {
  font-weight: 600;
}
.dubble-banner-slider .carousel-control-prev, .dubble-banner-slider .carousel-control-next {
  width: 30px;
  height: 30px;
  top: auto;
  bottom: 15px;
  opacity: 1;
}
.dubble-banner-slider .carousel-control-prev:hover, .dubble-banner-slider .carousel-control-next:focus {
  opacity: 1;
}
.dubble-banner-slider .carousel-control-prev-icon, .dubble-banner-slider .carousel-control-next-icon {
  width: 30px;
  height: 30px;
  min-width: auto;
  background-color: transparent;
}
.dubble-banner-slider .carousel-control-next-icon {
  background-image: url(../images/urgent_care/next_white.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 15px;
}
.dubble-banner-slider .carousel-control-prev-icon {
  background-image: url(../images/urgent_care/prev_white.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 15px;
}
.dubble-banner-slider .carousel-control-prev-icon:hover, .dubble-banner-slider .carousel-control-next-icon:hover {
  box-shadow: none;
}
.left-slider .carousel-indicators .active {
  height: 5px;
  border-radius: 15px;
}
.right-slider .carousel-indicators .active {
  height: 5px;
  border-radius: 15px;
}
.slider-logo-left {
  position: absolute;
  top: 15px;
  left: 15px;
  z-index: 2;
}
.slider-logo-left img {
  width: 172px;
}
.slider-count {
  font-size: 20px;
  font-weight: 600;
  color: #fff;
  position: absolute;
  left: -32px;
  bottom: 15px;
}
.urgent-condition-section .width35 {
  width: 50px;
  height: 50px;
}

.interaction-img {
  min-width: 65px;
  height: 72px;
  width: 65px;
  overflow: hidden;
  position: relative;
  border-radius: 8px;
}
.interaction-img img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.interaction-content {
  min-height: 70px;
}
.interaction-content h4 {
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
}
.interaction-content h4 span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  width: 50%;
}
.interaction-content p {
  font-size: 12px;
}
.interaction-content h4 button {
  min-width: 72px;
}

.first-column-interaction {
  top: 13%;
}
.second-column-interaction {
  top: 43%;
  left: 15px;
}
.Three-column-interaction {
  top: 4%;
  right: 4%;
}
.Four-column-interaction {
  top: 27%;
  right: 4%;
}
.Five-column-interaction {
  top: 61%;
  right: 4%;
}
.first-column-interaction, .second-column-interaction, .Three-column-interaction, .Four-column-interaction, .Five-column-interaction {
  max-width: 190px;
  width:100%;
  position: absolute;
  border-radius: 15px !important;
}
.winter-1, .winter-2, .winter-3, .winter-4, .winter-5 {
  position: absolute;
  background: #fff;
  border-radius: 100%;
  box-shadow: 0px 0px 0px 4px rgb(255 255 255 / 70%);
  height: 14px;
  width: 14px;
}
.winter-1 {
  top: 12.5%;
  left: 49%;
  z-index: 1;
  transition: 0.5s;
}
.winter-1.active::after {
  position: absolute;
  content: "";
  background: url(../images/urgent_care/mobile_line_1.png);
  background-repeat: no-repeat;
  z-index: 0;
  left: -93px;
  width: 113px;
  height: 400px;
  background-size: 112px
}
.winter-2 {
  top: 20%;
  right: 42%;
  z-index: 1;
  left: auto;
  transition: 0.5s;
}
.winter-2.active::after {
  position: absolute;
  content: "";
  background: url(../images/urgent_care/mobile_line_2.png);
  background-repeat: no-repeat;
  z-index: 0;
  left: -102px;
  width: 122px;
  height: 380px;
  background-size: 120px;
}
.winter-3 {
  top: 33%;
  left: 49%;
  z-index: 1;
  transition: 0.5s;
}
.winter-3.active::after {
  position: absolute;
  content: "";
  background: url(../images/urgent_care/mobile_line_3.png);
  background-repeat: no-repeat;
  z-index: 0;
  left: -78px;
  width: 104px;
  height: 330px;
  background-size: 96px;
}
.winter-4 {
  top: 59%;
  left: 49%;
  z-index: 1;
}
.winter-4.active::after {
  position: absolute;
  content: "";
  background: url(../images/urgent_care/mobile_line_4.png);
  background-repeat: no-repeat;
  z-index: 0;
  left: -74px;
  width: 100px;
  height: 220px;
  background-size: 92px;
}
.winter-5 {
  bottom: 3%;
  left: 49%;
  z-index: 1;
  text-align: center;
  display: flex;
  justify-content: center;
}
.full-slide .winter-3, .full-slide .winter-2, .full-slide .winter-1 {
  top: -10%;
}
.full-slide .winter-4 {
  top: 12%;
  transition: 0.5s;
}
.full-slide .winter-5.active::after {
  position: absolute;
  content: "";
  background: url(../images/urgent_care/mobile_line_5.png);
  background-repeat: no-repeat;
  z-index: 0;
  left: -65px;
  width: 73px;
  height: 276px;
  background-size: 83px;
  transition: 0.5s;
}
.full-slide .winter-5.active {
  bottom: 42%;
  transition: 0.5s;
}
.full-slide .winter-5.active img {
  display: none;
}
.interaction-img .rounded-10 {
  border-radius: 5px !important;
}
.mobile-body-image {
  margin-left: -16px;
  margin-right: -16px;
  padding: 20px 0px;
  position: relative;
  overflow: hidden;
  height: 455px;
}
.mobile-slider-image {
  margin-left: -16px;
  margin-right: -16px;
}
.mobile-body-image .body-img-fixed {
  max-width: inherit;
  width: 450px;
  margin: 0 auto;
  animation: 0;
  text-align: center;
  transform: translate(-50%, 10px);
  margin-left: 50%;
  transition: 0.5s;
}
.mobile-body-image .body-img-fixed.set-img {
  transform: translate(-50%, -190px);
  transition: 0.5s;
}
.bodyfixed-image {
  position: relative;
  overflow: hidden;
  width: 545px;
  margin: 0 auto;
}
.body-img-fixed {
  max-width: 280px;
}

/*--- Urgent Care Head --*/
.bg-urgent-head {
  background: url('../images/urgent_care/head.png') bottom center no-repeat;
  background: url('../images/urgent_care/head.png') bottom center no-repeat, -moz-linear-gradient(90deg, #dcebdb 0%, #dcebdb 52%, #c1dfc4 40%, #c1dfc4 100%); /* ff3.6+ */
  background: url('../images/urgent_care/head.png') bottom center no-repeat, -webkit-gradient(linear, left bottom, right top, color-stop(0%, #dcebdb), color-stop(100%, #c1dfc4)); /* safari4+,chrome */
  background: url('../images/urgent_care/head.png') bottom center no-repeat, -webkit-linear-gradient(90deg, #dcebdb 0%, #dcebdb 52%, #c1dfc4 40%, #c1dfc4 100%); /* safari5.1+,chrome10+ */
  background: url('../images/urgent_care/head.png') bottom center no-repeat, -o-linear-gradient(90deg, #dcebdb 0%, #dcebdb 52%, #c1dfc4 40%, #c1dfc4 100%); /* opera 11.10+ */
  background: url('../images/urgent_care/head.png') bottom center no-repeat, -ms-linear-gradient(90deg, #dcebdb 0%, #dcebdb 52%, #c1dfc4 40%, #c1dfc4 100%); /* ie10+ */
  background: url('../images/urgent_care/head.png') bottom center no-repeat, linear-gradient(90deg, #dcebdb 0%, #dcebdb 52%, #c1dfc4 40%, #c1dfc4 100%); /* w3c */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1dfc4', endColorstr='#dcebdb',GradientType=1 ); /* ie6-9 */
}

/*--- Urgent care respiratory ---*/
.bg-urgent-respiratory {
  background: url('../images/urgent_care/respiratory_banner.png') bottom center no-repeat;
  background: url('../images/urgent_care/respiratory_banner.png') bottom center no-repeat, -moz-linear-gradient(104deg, #bfc4c5 0%, #bfc4c5 52%, #939ba1 40%, #939ba1 100%); /* ff3.6+ */
  background: url('../images/urgent_care/respiratory_banner.png') bottom center no-repeat, -webkit-gradient(linear, left bottom, right top, color-stop(0%, #bfc4c5), color-stop(52%, #bfc4c5), color-stop(70%, #939ba1), color-stop(100%, #939ba1)); /* safari4+,chrome */
  background: url('../images/urgent_care/respiratory_banner.png') bottom center no-repeat, -webkit-linear-gradient(104deg, #bfc4c5 0%, #bfc4c5 52%, #939ba1 40%, #939ba1 100%); /* safari5.1+,chrome10+ */
  background: url('../images/urgent_care/respiratory_banner.png') bottom center no-repeat, -o-linear-gradient(104deg, #bfc4c5 0%, #bfc4c5 52%, #939ba1 40%, #939ba1 100%); /* opera 11.10+ */
  background: url('../images/urgent_care/respiratory_banner.png') bottom center no-repeat, -ms-linear-gradient(104deg, #bfc4c5 0%, #bfc4c5 52%, #939ba1 40%, #939ba1 100%); /* ie10+ */
  background: url('../images/urgent_care/respiratory_banner.png') bottom center no-repeat, linear-gradient(104deg, #bfc4c5 0%, #bfc4c5 52%, #939ba1 40%, #939ba1 100%); /* w3c */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#939ba1', endColorstr='#bfc4c5',GradientType=1 ); /* ie6-9 */
}
.respiratory-column h3 {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  position: relative;
}
.respiratory-column h3:after {
  position: absolute;
  bottom: -6px;
  left: 0px;
  right: 0px;
  height: 6px;
  z-index: 0;
  content: "";
  background: var(--unnamed-color-ebeefc) 0% 0% no-repeat padding-box;
  background: #EBEEFC;
  opacity: 1;
  filter: blur(2px);
  border-radius: 40%;
}
.respiratory-list {
  list-style: none;
  padding: 0 15px;
  margin: 0px;
}
.respiratory-list li {
  padding: 10px;
  border-bottom: 1px solid #F1F1F1 ;
}
.respiratory-list li:last-child {
  border-bottom: none;
}
.respiratory-list li a {
  color: #293450;
  word-break: break-word;
  font-size: 14px;
}

.table-scroll {
	position:relative;
	margin:auto;
  overflow:hidden;
}
.table-scroll .table-wrap {
	width:100%;
	overflow:auto;
}
.table-scroll table {
	width:100%;
	margin:auto;
	border-collapse:separate;
	border-spacing:0;
}
.table-scroll th, .table-scroll td {
	padding:15px 15px 0px 15px;
	background:#fff;
	white-space:nowrap;
  vertical-align:top;
  border: none;
}
.table-scroll thead th {
  position: relative;
}
.table-scroll thead th:after {
  position: absolute;
  bottom: -6px;
  left: 0px;
  right: 0px;
  height: 6px;
  z-index: 0;
  content: "";
  background: var(--unnamed-color-ebeefc) 0% 0% no-repeat padding-box;
  background: #EBEEFC;
  opacity: 1;
  filter: blur(2px);
  border-radius: 40%;
}
.table-scroll th span, .table-scroll td span {
  border-bottom: 1px solid #F5F5F5 ;
  display: block;
  padding-bottom: 15px;
}
.table-scroll thead, .table-scroll tfoot {
	background:#fff;
}
tbody td:first-child {
  width: 150px;
}
.table-scroll .world-brack, .clone .world-brack {
  word-break: break-all;
}
.clone {
	position:absolute;
	top:0;
	left:0;
	pointer-events:none;
}
.clone th, .clone td {
  visibility:hidden;
}
.clone tbody th {
  visibility:visible;
  font-weight: normal;
  padding-left: 30px;
}
.clone tbody td:first-child {
  width: 150px;
}
.clone .fixed-side {
	background:#fff;
  visibility:visible;
}
.table-scroll .clone .shadow-table, .table-scroll .shadow-table {
  box-shadow: 1px 23px 30px #818FA429;
}

/*--- Urgent care Ears ---*/
.bg-urgent-ears {
  background: url('../images/urgent_care/ears_infection.png') bottom center no-repeat;
  background: url('../images/urgent_care/ears_infection.png') bottom center no-repeat, -moz-linear-gradient(104deg, #c2e9fb 0%, #c2e9fb 52%, #a1c4fd 40%, #a1c4fd 100%); /* ff3.6+ */
  background: url('../images/urgent_care/ears_infection.png') bottom center no-repeat, -webkit-gradient(linear, left bottom, right top, color-stop(0%, #c2e9fb), color-stop(52%, #c2e9fb), color-stop(70%, #a1c4fd), color-stop(100%, #a1c4fd)); /* safari4+,chrome */
  background: url('../images/urgent_care/ears_infection.png') bottom center no-repeat, -webkit-linear-gradient(104deg, #c2e9fb 0%, #c2e9fb 52%, #a1c4fd 40%, #a1c4fd 100%); /* safari5.1+,chrome10+ */
  background: url('../images/urgent_care/ears_infection.png') bottom center no-repeat, -o-linear-gradient(104deg, #c2e9fb 0%, #c2e9fb 52%, #a1c4fd 40%, #a1c4fd 100%); /* opera 11.10+ */
  background: url('../images/urgent_care/ears_infection.png') bottom center no-repeat, -ms-linear-gradient(104deg, #c2e9fb 0%, #c2e9fb 52%, #a1c4fd 40%, #a1c4fd 100%); /* ie10+ */
  background: url('../images/urgent_care/ears_infection.png') bottom center no-repeat, linear-gradient(104deg, #c2e9fb 0%, #c2e9fb 52%, #a1c4fd 40%, #a1c4fd 100%); /* w3c */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1c4fd', endColorstr='#c2e9fb',GradientType=1 ); /* ie6-9 */
}

/*---  Gastro Issue --*/
.bg-urgent-gastro {
  background: url('../images/urgent_care/gastro.png') bottom center no-repeat;
  background: url('../images/urgent_care/gastro.png') bottom center no-repeat, -moz-linear-gradient(104deg, #e7f0fd 0%, #e7f0fd 52%, #accbee 40%, #accbee 100%); /* ff3.6+ */
  background: url('../images/urgent_care/gastro.png') bottom center no-repeat, -webkit-gradient(linear, left bottom, right top, color-stop(0%, #e7f0fd), color-stop(52%, #e7f0fd), color-stop(70%, #accbee), color-stop(100%, #accbee)); /* safari4+,chrome */
  background: url('../images/urgent_care/gastro.png') bottom center no-repeat, -webkit-linear-gradient(104deg, #e7f0fd 0%, #e7f0fd 52%, #accbee 40%, #accbee 100%); /* safari5.1+,chrome10+ */
  background: url('../images/urgent_care/gastro.png') bottom center no-repeat, -o-linear-gradient(104deg, #e7f0fd 0%, #e7f0fd 52%, #accbee 40%, #accbee 100%); /* opera 11.10+ */
  background: url('../images/urgent_care/gastro.png') bottom center no-repeat, -ms-linear-gradient(104deg, #e7f0fd 0%, #e7f0fd 52%, #accbee 40%, #accbee 100%); /* ie10+ */
  background: url('../images/urgent_care/gastro.png') bottom center no-repeat, linear-gradient(104deg, #e7f0fd 0%, #e7f0fd 52%, #accbee 40%, #accbee 100%); /* w3c */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#accbee', endColorstr='#e7f0fd',GradientType=1 ); /* ie6-9 */
}

/*--- Urgent care Oral Disorders ---*/
.bg-urgent-oral-disorders {
  background: url('../images/urgent_care/oral_disorders.png') bottom center no-repeat;
  background: url('../images/urgent_care/oral_disorders.png') bottom center no-repeat, -moz-linear-gradient(104deg, #b0bed3 0%, #b0bed3 52%, #8b98a6 40%, #8b98a6 100%); /* ff3.6+ */
  background: url('../images/urgent_care/oral_disorders.png') bottom center no-repeat, -webkit-gradient(linear, left bottom, right top, color-stop(0%, #b0bed3), color-stop(52%, #b0bed3), color-stop(70%, #8b98a6), color-stop(100%, #8b98a6)); /* safari4+,chrome */
  background: url('../images/urgent_care/oral_disorders.png') bottom center no-repeat, -webkit-linear-gradient(104deg, #b0bed3 0%, #b0bed3 52%, #8b98a6 40%, #8b98a6 100%); /* safari5.1+,chrome10+ */
  background: url('../images/urgent_care/oral_disorders.png') bottom center no-repeat, -o-linear-gradient(104deg, #b0bed3 0%, #b0bed3 52%, #8b98a6 40%, #8b98a6 100%); /* opera 11.10+ */
  background: url('../images/urgent_care/oral_disorders.png') bottom center no-repeat, -ms-linear-gradient(104deg, #b0bed3 0%, #b0bed3 52%, #8b98a6 40%, #8b98a6 100%); /* ie10+ */
  background: url('../images/urgent_care/oral_disorders.png') bottom center no-repeat, linear-gradient(104deg, #b0bed3 0%, #b0bed3 52%, #8b98a6 40%, #8b98a6 100%); /* w3c */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8b98a6', endColorstr='#b0bed3',GradientType=1 ); /* ie6-9 */
}
.consultation-banner-text.border-orange:after {
  background: #FF7909 !important;
}

/*--- Urgent care Joint Pain ---*/
.bg-urgent-joint-pain {
  background: url('../images/urgent_care/joint_pain.png') bottom center no-repeat;
  background: url('../images/urgent_care/joint_pain.png') bottom center no-repeat, -moz-linear-gradient(104deg, #b2d7e3 0%, #b2d7e3 52%, #81adbd 40%, #81adbd 100%); /* ff3.6+ */
  background: url('../images/urgent_care/joint_pain.png') bottom center no-repeat, -webkit-gradient(linear, left bottom, right top, color-stop(0%, #b2d7e3), color-stop(52%, #b2d7e3), color-stop(70%, #81adbd), color-stop(100%, #81adbd)); /* safari4+,chrome */
  background: url('../images/urgent_care/joint_pain.png') bottom center no-repeat, -webkit-linear-gradient(104deg, #b2d7e3 0%, #b2d7e3 52%, #81adbd 40%, #81adbd 100%); /* safari5.1+,chrome10+ */
  background: url('../images/urgent_care/joint_pain.png') bottom center no-repeat, -o-linear-gradient(104deg, #b2d7e3 0%, #b2d7e3 52%, #81adbd 40%, #81adbd 100%); /* opera 11.10+ */
  background: url('../images/urgent_care/joint_pain.png') bottom center no-repeat, -ms-linear-gradient(104deg, #b2d7e3 0%, #b2d7e3 52%, #81adbd 40%, #81adbd 100%); /* ie10+ */
  background: url('../images/urgent_care/joint_pain.png') bottom center no-repeat, linear-gradient(104deg, #b2d7e3 0%, #b2d7e3 52%, #81adbd 40%, #81adbd 100%); /* w3c */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#81adbd', endColorstr='#b2d7e3',GradientType=1 ); /* ie6-9 */
}

/*--- Urgent care Eye ---*/
.bg-urgent-eye {
  background: url('../images/urgent_care/eye_banner.png') bottom center no-repeat;
  background: url('../images/urgent_care/eye_banner.png') bottom center no-repeat, -moz-linear-gradient(104deg, #b1e1fa 0%, #b1e1fa 52%, #faf0ea 40%, #faf0ea 100%); /* ff3.6+ */
  background: url('../images/urgent_care/eye_banner.png') bottom center no-repeat, -webkit-gradient(linear, left bottom, right top, color-stop(0%, #b1e1fa), color-stop(52%, #b1e1fa), color-stop(70%, #faf0ea), color-stop(100%, #faf0ea)); /* safari4+,chrome */
  background: url('../images/urgent_care/eye_banner.png') bottom center no-repeat, -webkit-linear-gradient(104deg, #b1e1fa 0%, #b1e1fa 52%, #faf0ea 40%, #faf0ea 100%); /* safari5.1+,chrome10+ */
  background: url('../images/urgent_care/eye_banner.png') bottom center no-repeat, -o-linear-gradient(104deg, #b1e1fa 0%, #b1e1fa 52%, #faf0ea 40%, #faf0ea 100%); /* opera 11.10+ */
  background: url('../images/urgent_care/eye_banner.png') bottom center no-repeat, -ms-linear-gradient(104deg, #b1e1fa 0%, #b1e1fa 52%, #faf0ea 40%, #faf0ea 100%); /* ie10+ */
  background: url('../images/urgent_care/eye_banner.png') bottom center no-repeat, linear-gradient(104deg, #b1e1fa 0%, #b1e1fa 52%, #faf0ea 40%, #faf0ea 100%); /* w3c */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faf0ea', endColorstr='#b1e1fa',GradientType=1 ); /* ie6-9 */
}
.select-std-section, .category-section, .how-it-works-section {
  position: relative;
  z-index: 0;
}

/*--- dermatology acne ---*/
.bg-dermatology-acne {
  background: url('../images/dermatology/acne_banner.png') bottom center no-repeat;
  background: url('../images/dermatology/acne_banner.png') bottom center no-repeat, -moz-linear-gradient(104deg, #ccced5 0%, #ccced5 52%, #c6c8d0 40%, #c6c8d0 100%); /* ff3.6+ */
  background: url('../images/dermatology/acne_banner.png') bottom center no-repeat, -webkit-gradient(linear, left bottom, right top, color-stop(0%, #ccced5), color-stop(52%, #ccced5), color-stop(70%, #c6c8d0), color-stop(100%, #c6c8d0)); /* safari4+,chrome */
  background: url('../images/dermatology/acne_banner.png') bottom center no-repeat, -webkit-linear-gradient(104deg, #ccced5 0%, #ccced5 52%, #c6c8d0 40%, #c6c8d0 100%); /* safari5.1+,chrome10+ */
  background: url('../images/dermatology/acne_banner.png') bottom center no-repeat, -o-linear-gradient(104deg, #ccced5 0%, #ccced5 52%, #c6c8d0 40%, #c6c8d0 100%); /* opera 11.10+ */
  background: url('../images/dermatology/acne_banner.png') bottom center no-repeat, -ms-linear-gradient(104deg, #ccced5 0%, #ccced5 52%, #c6c8d0 40%, #c6c8d0 100%); /* ie10+ */
  background: url('../images/dermatology/acne_banner.png') bottom center no-repeat, linear-gradient(104deg, #ccced5 0%, #ccced5 52%, #c6c8d0 40%, #c6c8d0 100%); /* w3c */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6c8d0', endColorstr='#ccced5',GradientType=1 ); /* ie6-9 */
  min-height: 420px;
}

/*--- dermatology Eczema ---*/
.bg-dermatology-eczema {
  background: url('../images/dermatology/eczema_banner.png') bottom center no-repeat;
  background: url('../images/dermatology/eczema_banner.png') bottom center no-repeat, -moz-linear-gradient(104deg, #d7e6f7 0%, #d7e6f7 52%, #c8dcf3 40%, #c8dcf3 100%); /* ff3.6+ */
  background: url('../images/dermatology/eczema_banner.png') bottom center no-repeat, -webkit-gradient(linear, left bottom, right top, color-stop(0%, #d7e6f7), color-stop(52%, #d7e6f7), color-stop(70%, #c8dcf3), color-stop(100%, #c8dcf3)); /* safari4+,chrome */
  background: url('../images/dermatology/eczema_banner.png') bottom center no-repeat, -webkit-linear-gradient(104deg, #d7e6f7 0%, #d7e6f7 52%, #c8dcf3 40%, #c8dcf3 100%); /* safari5.1+,chrome10+ */
  background: url('../images/dermatology/eczema_banner.png') bottom center no-repeat, -o-linear-gradient(104deg, #d7e6f7 0%, #d7e6f7 52%, #c8dcf3 40%, #c8dcf3 100%); /* opera 11.10+ */
  background: url('../images/dermatology/eczema_banner.png') bottom center no-repeat, -ms-linear-gradient(104deg, #d7e6f7 0%, #d7e6f7 52%, #c8dcf3 40%, #c8dcf3 100%); /* ie10+ */
  background: url('../images/dermatology/eczema_banner.png') bottom center no-repeat, linear-gradient(104deg, #d7e6f7 0%, #d7e6f7 52%, #c8dcf3 40%, #c8dcf3 100%); /* w3c */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c8dcf3', endColorstr='#d7e6f7',GradientType=1 ); /* ie6-9 */
  min-height: 420px;
}

.left-bg-lanscap {
  padding-left: 32px;
  position: relative;
}
.left-bg-lanscap:after {
  position: absolute;
  left: 0px;
  top: 11px;
  content: "";
  width: 24px;
  height: 4px;
  background-color: #FF7603;
  border-radius: 50px;
}

/*--- dermatology Nails ---*/
.bg-dermatology-nails {
  background: url('../images/dermatology/nail_infection_banner.png') bottom center no-repeat;
  background: url('../images/dermatology/nail_infection_banner.png') bottom center no-repeat, -moz-linear-gradient(104deg, #c3d8ba 0%, #c3d8ba 52%, #a1b993 40%, #a1b993 100%); /* ff3.6+ */
  background: url('../images/dermatology/nail_infection_banner.png') bottom center no-repeat, -webkit-gradient(linear, left bottom, right top, color-stop(0%, #c3d8ba), color-stop(52%, #c3d8ba), color-stop(70%, #a1b993), color-stop(100%, #a1b993)); /* safari4+,chrome */
  background: url('../images/dermatology/nail_infection_banner.png') bottom center no-repeat, -webkit-linear-gradient(104deg, #c3d8ba 0%, #c3d8ba 52%, #a1b993 40%, #a1b993 100%); /* safari5.1+,chrome10+ */
  background: url('../images/dermatology/nail_infection_banner.png') bottom center no-repeat, -o-linear-gradient(104deg, #c3d8ba 0%, #c3d8ba 52%, #a1b993 40%, #a1b993 100%); /* opera 11.10+ */
  background: url('../images/dermatology/nail_infection_banner.png') bottom center no-repeat, -ms-linear-gradient(104deg, #c3d8ba 0%, #c3d8ba 52%, #a1b993 40%, #a1b993 100%); /* ie10+ */
  background: url('../images/dermatology/nail_infection_banner.png') bottom center no-repeat, linear-gradient(104deg, #c3d8ba 0%, #c3d8ba 52%, #a1b993 40%, #a1b993 100%); /* w3c */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1b993', endColorstr='#c3d8ba',GradientType=1 ); /* ie6-9 */
}

/* Dermatology  css */
.dermatology-gradiant {
  background: url('../images/dermatology/dermatology_banner.png') bottom center no-repeat;
  background: url('../images/dermatology/dermatology_banner.png') bottom center no-repeat, -moz-linear-gradient(104deg, #ccedf3 0%, #ccedf3 52%, #98bfc9 40%, #98bfc9 100%); /* ff3.6+ */
  background: url('../images/dermatology/dermatology_banner.png') bottom center no-repeat, -webkit-gradient(linear, left bottom, right top, color-stop(0%, #ccedf3), color-stop(52%, #ccedf3), color-stop(70%, #98bfc9), color-stop(100%, #98bfc9)); /* safari4+,chrome */
  background: url('../images/dermatology/dermatology_banner.png') bottom center no-repeat, -webkit-linear-gradient(104deg, #ccedf3 0%, #ccedf3 52%, #98bfc9 40%, #98bfc9 100%); /* safari5.1+,chrome10+ */
  background: url('../images/dermatology/dermatology_banner.png') bottom center no-repeat, -o-linear-gradient(104deg, #ccedf3 0%, #ccedf3 52%, #98bfc9 40%, #98bfc9 100%); /* opera 11.10+ */
  background: url('../images/dermatology/dermatology_banner.png') bottom center no-repeat, -ms-linear-gradient(104deg, #ccedf3 0%, #ccedf3 52%, #98bfc9 40%, #98bfc9 100%); /* ie10+ */
  background: url('../images/dermatology/dermatology_banner.png') bottom center no-repeat, linear-gradient(104deg, #ccedf3 0%, #ccedf3 52%, #98bfc9 40%, #98bfc9 100%); /* w3c */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#98bfc9', endColorstr='#ccedf3',GradientType=1 ); /* ie6-9 */
}
.dermatology--maintext {
  padding-left: 35px;
}
.dermatology--maintext:after {
  background-color: #FF7603 !important;
  width: 22px;
  height: 3px;
  top: 11px;
  right: 100%;
  border-radius: 8px;
}
.dermatology_girl_block {
  position: relative;
  height: 510px;
}
.dermatology--info1, .dermatology--info2 {
  position: absolute;
  top: 21%;
  max-width: 300px;
  right: 0;
}
.dermatology--info2 {
  bottom: 25%;
  top: auto;
  right: -60px;
}
.dermatology_girl_img {
  height: 510px;
  width: auto;
}
.rounded-12 {
  border-radius: 12px !important;
}
.dermatology--info1 .interaction-content p, .dermatology--info2 .interaction-content p {
  font-size: 12px;
}
.deter_path:after {
  position: absolute;
  content: '';
  background: url("../images/dermatology/pathOne.svg");
  left: 100%;
  top: 50%;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
}
.deter_path {
  position: absolute;
  left: 0;
  top: 0;
  height: 240px;
  width: 235px;
}
.slider_img_mobile {
  position: relative;
}
.slider_img_mobile:after {
  position: absolute;
  content: '';
  left: -40px;
  bottom: 0;
  height: 150px;
  width: 150px;
  background: #ff7603;
  border-radius: 50%;
}

/* Dermatology Cold Sore */
.bg-dermatology-cold {
  background: url('../images/dermatology/acne.png') bottom center no-repeat;
  background: url('../images/dermatology/acne.png') bottom center no-repeat, -moz-linear-gradient(104deg, #c1e8fb 0%, #c1e8fb 52%, #a1c4fd 40%, #a1c4fd 100%); /* ff3.6+ */
  background: url('../images/dermatology/acne.png') bottom center no-repeat, -webkit-gradient(linear, left bottom, right top, color-stop(0%, #c1e8fb), color-stop(52%, #c1e8fb), color-stop(70%, #a1c4fd), color-stop(100%, #a1c4fd)); /* safari4+,chrome */
  background: url('../images/dermatology/acne.png') bottom center no-repeat, -webkit-linear-gradient(104deg, #c1e8fb 0%, #c1e8fb 52%, #a1c4fd 40%, #a1c4fd 100%); /* safari5.1+,chrome10+ */
  background: url('../images/dermatology/acne.png') bottom center no-repeat, -o-linear-gradient(104deg, #c1e8fb 0%, #c1e8fb 52%, #a1c4fd 40%, #a1c4fd 100%); /* opera 11.10+ */
  background: url('../images/dermatology/acne.png') bottom center no-repeat, -ms-linear-gradient(104deg, #c1e8fb 0%, #c1e8fb 52%, #a1c4fd 40%, #a1c4fd 100%); /* ie10+ */
  background: url('../images/dermatology/acne.png') bottom center no-repeat, linear-gradient(104deg, #c1e8fb 0%, #c1e8fb 52%, #a1c4fd 40%, #a1c4fd 100%); /* w3c */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1c4fd', endColorstr='#c1e8fb',GradientType=1 ); /* ie6-9 */
  min-height: 420px;
}
.bg-hair-disorder {
  background: url('../images/dermatology/hair_disorder.png') bottom center no-repeat;
  background: url('../images/dermatology/hair_disorder.png') bottom center no-repeat, -moz-linear-gradient(104deg, #dcebdb 0%, #dcebdb 52%, #c1dfc4 40%, #c1dfc4 100%); /* ff3.6+ */
  background: url('../images/dermatology/hair_disorder.png') bottom center no-repeat, -webkit-gradient(linear, left bottom, right top, color-stop(0%, #dcebdb), color-stop(52%, #dcebdb), color-stop(70%, #c1dfc4), color-stop(100%, #c1dfc4)); /* safari4+,chrome */
  background: url('../images/dermatology/hair_disorder.png') bottom center no-repeat, -webkit-linear-gradient(104deg, #dcebdb 0%, #dcebdb 52%, #c1dfc4 40%, #c1dfc4 100%); /* safari5.1+,chrome10+ */
  background: url('../images/dermatology/hair_disorder.png') bottom center no-repeat, -o-linear-gradient(104deg, #dcebdb 0%, #dcebdb 52%, #c1dfc4 40%, #c1dfc4 100%); /* opera 11.10+ */
  background: url('../images/dermatology/hair_disorder.png') bottom center no-repeat, -ms-linear-gradient(104deg, #dcebdb 0%, #dcebdb 52%, #c1dfc4 40%, #c1dfc4 100%); /* ie10+ */
  background: url('../images/dermatology/hair_disorder.png') bottom center no-repeat, linear-gradient(104deg, #dcebdb 0%, #dcebdb 52%, #c1dfc4 40%, #c1dfc4 100%); /* w3c */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1dfc4', endColorstr='#dcebdb',GradientType=1 ); /* ie6-9 */
  min-height: 420px;
}
.button-arrow.show-arrow span:after {
  opacity: 1;
  right: 0px !important;
}
.button-arrow.show-arrow span {
  padding-right: 33px;
}
.deter_path1 {
  position: absolute;
  right: 68%;
  top: 47%;
  height: 16px;
  width: 16px;
  background: #fff;
  box-shadow: 0px 0px 0px 4px rgb(255 255 255 / 70%);
  border-radius: 50%;
}
.deter_path1::after {
  position: absolute;
  content: '';
  background: url(../images/dermatology/pathOne.svg);
  background-repeat: no-repeat;
  background-size: 140px;
  width: 140px;
  height: 140px;
  bottom: -429%;
  left: 2px;
}
.deter_path2 {
  position: absolute;
  right: 59.3%;
  top: 71%;
  height: 16px;
  width: 16px;
  background: #fff;
  box-shadow: 0px 0px 0px 4px rgb(255 255 255 / 70%);
  border-radius: 50%;
}
.deter_path2::after {
  position: absolute;
  content: '';
  background: url(../images/dermatology/pathTwo.svg);
  background-repeat: no-repeat;
  background-size: 120px;
  width: 120px;
  height: 80px;
  top: -17px;
  left: 0;
}
.dermatology--info1 {
  top: 27%;
  right: -5px;
}
.dermatology--info2 {
  bottom: 32%;
  top: auto;
  right: -10px;
}

/** Dermatology Skin **/
.bg-dermatology-skin {
  background: url('../images/dermatology/skin_infections.png') bottom center no-repeat;
  background: url('../images/dermatology/skin_infections.png') bottom center no-repeat, -moz-linear-gradient(104deg, #c5d2df 0%, #c5d2df 52%, #b1c2da 40%, #b1c2da 100%); /* ff3.6+ */
  background: url('../images/dermatology/skin_infections.png') bottom center no-repeat, -webkit-gradient(linear, left bottom, right top, color-stop(0%, #c5d2df), color-stop(52%, #c5d2df), color-stop(70%, #b1c2da), color-stop(100%, #b1c2da)); /* safari4+,chrome */
  background: url('../images/dermatology/skin_infections.png') bottom center no-repeat, -webkit-linear-gradient(104deg, #c5d2df 0%, #c5d2df 52%, #b1c2da 40%, #b1c2da 100%); /* safari5.1+,chrome10+ */
  background: url('../images/dermatology/skin_infections.png') bottom center no-repeat, -o-linear-gradient(104deg, #c5d2df 0%, #c5d2df 52%, #b1c2da 40%, #b1c2da 100%); /* opera 11.10+ */
  background: url('../images/dermatology/skin_infections.png') bottom center no-repeat, -ms-linear-gradient(104deg, #c5d2df 0%, #c5d2df 52%, #b1c2da 40%, #b1c2da 100%); /* ie10+ */
  background: url('../images/dermatology/skin_infections.png') bottom center no-repeat, linear-gradient(104deg, #c5d2df 0%, #c5d2df 52%, #b1c2da 40%, #b1c2da 100%); /* w3c */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b1c2da', endColorstr='#c5d2df',GradientType=1 ); /* ie6-9 */
}
.bg-effect {
  overflow: hidden;
  position: relative;
}
.bg-effect::after {
  background: -moz-linear-gradient(270deg, rgba(255,255,255,0) 0%, rgba(196,196,196,0.05) 23%, rgba(0,0,0,0.45) 100%); /* ff3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(23%, rgba(196,196,196,0.05)), color-stop(100%, rgba(0,0,0,0.45))); /* safari4+,chrome */
  background: -webkit-linear-gradient(270deg, rgba(255,255,255,0) 0%, rgba(196,196,196,0.05) 23%, rgba(0,0,0,0.45) 100%); /* safari5.1+,chrome10+ */
  background: -o-linear-gradient(270deg, rgba(255,255,255,0) 0%, rgba(196,196,196,0.05) 23%, rgba(0,0,0,0.45) 100%); /* opera 11.10+ */
  background: -ms-linear-gradient(270deg, rgba(255,255,255,0) 0%, rgba(196,196,196,0.05) 23%, rgba(0,0,0,0.45) 100%); /* ie10+ */
  background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(196,196,196,0.05) 23%, rgba(0,0,0,0.45) 100%); /* w3c */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=0 ); /* ie6-9 */
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  content: "";
  height: 150px;
  border-radius: 0px 0px 13px 13px;
}

/** Discorders Skin **/
.bg-discorders-skin {
  background: url('../images/dermatology/disorder_skin.png') bottom center no-repeat;
  background: url('../images/dermatology/disorder_skin.png') bottom center no-repeat, -moz-linear-gradient(104deg, #c4deee 0%, #c4deee 52%, #a1c8e4 40%, #a1c8e4 100%); /* ff3.6+ */
  background: url('../images/dermatology/disorder_skin.png') bottom center no-repeat, -webkit-gradient(linear, left bottom, right top, color-stop(0%, #c4deee), color-stop(52%, #c4deee), color-stop(70%, #a1c8e4), color-stop(100%, #a1c8e4)); /* safari4+,chrome */
  background: url('../images/dermatology/disorder_skin.png') bottom center no-repeat, -webkit-linear-gradient(104deg, #c4deee 0%, #c4deee 52%, #a1c8e4 40%, #a1c8e4 100%); /* safari5.1+,chrome10+ */
  background: url('../images/dermatology/disorder_skin.png') bottom center no-repeat, -o-linear-gradient(104deg, #c4deee 0%, #c4deee 52%, #a1c8e4 40%, #a1c8e4 100%); /* opera 11.10+ */
  background: url('../images/dermatology/disorder_skin.png') bottom center no-repeat, -ms-linear-gradient(104deg, #c4deee 0%, #c4deee 52%, #a1c8e4 40%, #a1c8e4 100%); /* ie10+ */
  background: url('../images/dermatology/disorder_skin.png') bottom center no-repeat, linear-gradient(104deg, #c4deee 0%, #c4deee 52%, #a1c8e4 40%, #a1c8e4 100%); /* w3c */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1c8e4', endColorstr='#c4deee',GradientType=1 ); /* ie6-9 */
}

/** Dermatology Rosaea **/
.bg-dermatology_rosaea {
  background: url('../images/dermatology/rosaea_banner.png') bottom center no-repeat;
  background: url('../images/dermatology/rosaea_banner.png') bottom center no-repeat, -moz-linear-gradient(104deg, #f0fdfe 0%, #f0fdfe 52%, #e6fdfd 40%, #e6fdfd 100%); /* ff3.6+ */
  background: url('../images/dermatology/rosaea_banner.png') bottom center no-repeat, -webkit-gradient(linear, left bottom, right top, color-stop(0%, #f0fdfe), color-stop(52%, #f0fdfe), color-stop(70%, #e6fdfd), color-stop(100%, #e6fdfd)); /* safari4+,chrome */
  background: url('../images/dermatology/rosaea_banner.png') bottom center no-repeat, -webkit-linear-gradient(104deg, #f0fdfe 0%, #f0fdfe 52%, #e6fdfd 40%, #e6fdfd 100%); /* safari5.1+,chrome10+ */
  background: url('../images/dermatology/rosaea_banner.png') bottom center no-repeat, -o-linear-gradient(104deg, #f0fdfe 0%, #f0fdfe 52%, #e6fdfd 40%, #e6fdfd 100%); /* opera 11.10+ */
  background: url('../images/dermatology/rosaea_banner.png') bottom center no-repeat, -ms-linear-gradient(104deg, #f0fdfe 0%, #f0fdfe 52%, #e6fdfd 40%, #e6fdfd 100%); /* ie10+ */
  background: url('../images/dermatology/rosaea_banner.png') bottom center no-repeat, linear-gradient(104deg, #f0fdfe 0%, #f0fdfe 52%, #e6fdfd 40%, #e6fdfd 100%); /* w3c */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6fdfd', endColorstr='#f0fdfe',GradientType=1 ); /* ie6-9 */
}

/** Dermatology Dandruff **/
.bg-dermatology_dandruff {
  background: url('../images/dermatology/dandruff_banner.png') bottom center no-repeat;
  background: url('../images/dermatology/dandruff_banner.png') bottom center no-repeat, -moz-linear-gradient(104deg, #bec5d0 0%, #bec5d0 52%, #989fab 40%, #989fab 100%); /* ff3.6+ */
  background: url('../images/dermatology/dandruff_banner.png') bottom center no-repeat, -webkit-gradient(linear, left bottom, right top, color-stop(0%, #bec5d0), color-stop(52%, #bec5d0), color-stop(70%, #989fab), color-stop(100%, #989fab)); /* safari4+,chrome */
  background: url('../images/dermatology/dandruff_banner.png') bottom center no-repeat, -webkit-linear-gradient(104deg, #bec5d0 0%, #bec5d0 52%, #989fab 40%, #989fab 100%); /* safari5.1+,chrome10+ */
  background: url('../images/dermatology/dandruff_banner.png') bottom center no-repeat, -o-linear-gradient(104deg, #bec5d0 0%, #bec5d0 52%, #989fab 40%, #989fab 100%); /* opera 11.10+ */
  background: url('../images/dermatology/dandruff_banner.png') bottom center no-repeat, -ms-linear-gradient(104deg, #bec5d0 0%, #bec5d0 52%, #989fab 40%, #989fab 100%); /* ie10+ */
  background: url('../images/dermatology/dandruff_banner.png') bottom center no-repeat, linear-gradient(104deg, #bec5d0 0%, #bec5d0 52%, #989fab 40%, #989fab 100%); /* w3c */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#989fab', endColorstr='#bec5d0',GradientType=1 ); /* ie6-9 */
}

/** Dermatology Hair Loss **/
.bg-dermatology_hairloss {
  background: url('../images/dermatology/hair_loss_banner.png') bottom center no-repeat;
  background: url('../images/dermatology/hair_loss_banner.png') bottom center no-repeat, -moz-linear-gradient(104deg, #ffe8ce 0%, #ffe8ce 52%, #fbbca4 40%, #fbbca4 100%); /* ff3.6+ */
  background: url('../images/dermatology/hair_loss_banner.png') bottom center no-repeat, -webkit-gradient(linear, left bottom, right top, color-stop(0%, #ffe8ce), color-stop(52%, #ffe8ce), color-stop(70%, #fbbca4), color-stop(100%, #fbbca4)); /* safari4+,chrome */
  background: url('../images/dermatology/hair_loss_banner.png') bottom center no-repeat, -webkit-linear-gradient(104deg, #ffe8ce 0%, #ffe8ce 52%, #fbbca4 40%, #fbbca4 100%); /* safari5.1+,chrome10+ */
  background: url('../images/dermatology/hair_loss_banner.png') bottom center no-repeat, -o-linear-gradient(104deg, #ffe8ce 0%, #ffe8ce 52%, #fbbca4 40%, #fbbca4 100%); /* opera 11.10+ */
  background: url('../images/dermatology/hair_loss_banner.png') bottom center no-repeat, -ms-linear-gradient(104deg, #ffe8ce 0%, #ffe8ce 52%, #fbbca4 40%, #fbbca4 100%); /* ie10+ */
  background: url('../images/dermatology/hair_loss_banner.png') bottom center no-repeat, linear-gradient(104deg, #ffe8ce 0%, #ffe8ce 52%, #fbbca4 40%, #fbbca4 100%); /* w3c */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbbca4', endColorstr='#ffe8ce',GradientType=1 ); /* ie6-9 */
}
.bg-dermatology_hairloss .consultation-banner-text.border-blue:after {
  background: #2DBDCA !important;
  border-radius: 0px 15px 15px 0px !important;
}

/** Dermatology Eye lash **/
.bg-dermatology_eye_lash {
  background: url('../images/dermatology/eye_lash_banner.png') bottom center no-repeat;
  background: url('../images/dermatology/eye_lash_banner.png') bottom center no-repeat, -moz-linear-gradient(104deg, #dff3fb 0%, #dff3fb 52%, #d9fffe 40%, #d9fffe 100%); /* ff3.6+ */
  background: url('../images/dermatology/eye_lash_banner.png') bottom center no-repeat, -webkit-gradient(linear, left bottom, right top, color-stop(0%, #dff3fb), color-stop(52%, #dff3fb), color-stop(70%, #d9fffe), color-stop(100%, #d9fffe)); /* safari4+,chrome */
  background: url('../images/dermatology/eye_lash_banner.png') bottom center no-repeat, -webkit-linear-gradient(104deg, #dff3fb 0%, #dff3fb 52%, #d9fffe 40%, #d9fffe 100%); /* safari5.1+,chrome10+ */
  background: url('../images/dermatology/eye_lash_banner.png') bottom center no-repeat, -o-linear-gradient(104deg, #dff3fb 0%, #dff3fb 52%, #d9fffe 40%, #d9fffe 100%); /* opera 11.10+ */
  background: url('../images/dermatology/eye_lash_banner.png') bottom center no-repeat, -ms-linear-gradient(104deg, #dff3fb 0%, #dff3fb 52%, #d9fffe 40%, #d9fffe 100%); /* ie10+ */
  background: url('../images/dermatology/eye_lash_banner.png') bottom center no-repeat, linear-gradient(104deg, #dff3fb 0%, #dff3fb 52%, #d9fffe 40%, #d9fffe 100%); /* w3c */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9fffe', endColorstr='#dff3fb',GradientType=1 ); /* ie6-9 */
  min-height: 420px;
}
.bg-hiv-pep {
  background: url('../images/inner_banner/hiv_banner.png') bottom center no-repeat;
  background: url('../images/inner_banner/hiv_banner.png') bottom center no-repeat, -moz-linear-gradient(104deg, #ffe8ce 0%, #ffe8ce 52%, #fbb8a0 40%, #fbb8a0 100%); /* ff3.6+ */
  background: url('../images/inner_banner/hiv_banner.png') bottom center no-repeat, -webkit-gradient(linear, left bottom, right top, color-stop(0%, #ffe8ce), color-stop(52%, #ffe8ce), color-stop(70%, #fbb8a0), color-stop(100%, #fbb8a0)); /* safari4+,chrome */
  background: url('../images/inner_banner/hiv_banner.png') bottom center no-repeat, -webkit-linear-gradient(104deg, #ffe8ce 0%, #ffe8ce 52%, #fbb8a0 40%, #fbb8a0 100%); /* safari5.1+,chrome10+ */
  background: url('../images/inner_banner/hiv_banner.png') bottom center no-repeat, -o-linear-gradient(104deg, #ffe8ce 0%, #ffe8ce 52%, #fbb8a0 40%, #fbb8a0 100%); /* opera 11.10+ */
  background: url('../images/inner_banner/hiv_banner.png') bottom center no-repeat, -ms-linear-gradient(104deg, #ffe8ce 0%, #ffe8ce 52%, #fbb8a0 40%, #fbb8a0 100%); /* ie10+ */
  background: url('../images/inner_banner/hiv_banner.png') bottom center no-repeat, linear-gradient(104deg, #ffe8ce 0%, #ffe8ce 52%, #fbb8a0 40%, #fbb8a0 100%); /* w3c */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbb8a0', endColorstr='#ffe8ce',GradientType=1 ); /* ie6-9 */
  min-height: 420px;
}
.bg-hiv-prep {
  background: url('../images/inner_banner/hiv_prep_banner.png') bottom center no-repeat;
  background: url('../images/inner_banner/hiv_prep_banner.png') bottom center no-repeat, -moz-linear-gradient(104deg, #d6d7d7 0%, #d6d7d7 52%, #909ba9 40%, #909ba9 100%); /* ff3.6+ */
  background: url('../images/inner_banner/hiv_prep_banner.png') bottom center no-repeat, -webkit-gradient(linear, left bottom, right top, color-stop(0%, #d6d7d7), color-stop(52%, #d6d7d7), color-stop(70%, #909ba9), color-stop(100%, #909ba9)); /* safari4+,chrome */
  background: url('../images/inner_banner/hiv_prep_banner.png') bottom center no-repeat, -webkit-linear-gradient(104deg, #d6d7d7 0%, #d6d7d7 52%, #909ba9 40%, #909ba9 100%); /* safari5.1+,chrome10+ */
  background: url('../images/inner_banner/hiv_prep_banner.png') bottom center no-repeat, -o-linear-gradient(104deg, #d6d7d7 0%, #d6d7d7 52%, #909ba9 40%, #909ba9 100%); /* opera 11.10+ */
  background: url('../images/inner_banner/hiv_prep_banner.png') bottom center no-repeat, -ms-linear-gradient(104deg, #d6d7d7 0%, #d6d7d7 52%, #909ba9 40%, #909ba9 100%); /* ie10+ */
  background: url('../images/inner_banner/hiv_prep_banner.png') bottom center no-repeat, linear-gradient(104deg, #d6d7d7 0%, #d6d7d7 52%, #909ba9 40%, #909ba9 100%); /* w3c */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#909ba9', endColorstr='#d6d7d7',GradientType=1 ); /* ie6-9 */
  min-height: 420px;
}
/*-- Contact us popup --*/
.popup-bg {
  background: url(../images/popup-bg.svg);
  background-position: right bottom;
  background-repeat: no-repeat;
  min-width: 400px;
  transition: 0.5s;
  min-height: 565px;
}
.contact-text p {
  font-size: 12px;
  opacity: 0.48;
  margin-top: 0px;
  margin-bottom: 4px;
}
.contact-text h3 {
  font-size: 16px;
  margin: 0px;
}
.popup-white {
  border-radius: 20px;
  display: none;
  margin-right: -500px;
  transition: 0.5s;
}
.popup-white .form-group {
  margin-bottom: 25px;
}
.popup-white .form-group h2 {
  color: #2DBDCA;
  font-size: 18px;
  font-weight: 800;
}
.popup-white .form-group label {
  color: #2C314A;
  opacity: 0.62;
  margin-bottom: 8px;
  font-weight: 600;
}
.popup-white .form-group .form-control {
  border-color: #D1D6E2;
  color: #2C314A;
}
.dubble-popup-merge {
  display: flex;
  flex-direction: row-reverse;
  border: 0px;
}
.contact-path-popup {
  max-width: 470px;
  border: 0px;
}
.contact-path-popup.show-dubble-popup {
  max-width: 1000px;
  padding: 0px 15px;
}
.show-dubble-popup .popup-white {
  display: flex;
  transition: 0.5s;
  margin-right: 0px;
}
.select-down-arrow::after {
  position: absolute;
  content: "";
  background: url(../images/down-arrow.svg);
  background-repeat: no-repeat;
  top: 22px;
  right: 15px;
  z-index: 2;
  width: 15px;
  background-size: 14px;
  height: 15px;
}
.instant-hover .instant-icon, .instant-hover:hover .instant-hover-show {
  display: block;
}
.instant-hover .instant-hover-show, .instant-hover:hover .instant-icon {
  display: none;
}
.sectionblock .row {
  align-items: center;
}