
@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;}
a {color: #f08441; text-decoration: none;}
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;}

.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: 7px;margin-left: 15px;}
.search-bar-block .searchbtn{ margin-top: -3px;display: block;}
.searchbtn { margin-top: -3px;}
.search-bar-block img {width: 100%;}
.nav-toggle-blcok {display: block; border-radius: 5px;background-color: transparent;border: none;height: 38px;width: 38px;cursor: pointer;padding: 8px 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;}
.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;}
.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%}
section { padding: 30px 0px}
.heading-2 .orragetext { display: inline-block; color: #f08341;}
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 { display: block; height: 3px; width: 95px; background-color: #ff9841; border-radius: 50px; display: block; margin: auto; margin-top: 5px;}

.fs-size-18 { font-size: 18px; }

.shadow-sm {box-shadow: 0px 0px 8px #8c8888;}
.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;}
.realative{position: relative;}

.light-gray-bg { background-color: #f8f8f8;}
.heading-1 { position: relative;}
.heading-1 h3{ display: inline-block; position: relative; font-size: 2.4rem; font-weight: bold;}
.heading-1 h3 span { color: #f08341; font-weight: bold;}
.heading-1 h3:after { width: 95px; height: 1px; 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: #f08341; font-weight: 600; }
.map-bg .card p{color: #838999; text-align: left; height:113px;    font-size: 14px;
  line-height: 26px;}
.light-blue-bg { background-color: #E5F5FF;}
.light-gray-bg { background-color: #F9F9F9;}
.light-gray-bg .card{ background-color: transparent; box-shadow: none;}

.accordion#accordionExample > .card > .card-header {margin-bottom: 0px; position: relative;}
.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-warning {background-color: #FF7909;border-color: #FF7909;color: #fff;border-radius: 50px;}
.btn-warning:hover {color: #FFA254;background-color: #fff;border-color: #FFA254;
}

.d-custom-none { display: none;}
.btn-warning:focus {
  color: #FFA254;background-color: transparent;border-color: #FFA254;
  box-shadow:none;
}
.graybg{background-color: #F5F7FB;}
.dropdown-item:hover, .dropdown-item:focus { background-color: #ff7603; color:#fff}

.pointer {cursor: pointer;}

.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: 7px 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: -7px;
  height: 14px;
  background: url(../images/arrow-right-img.png) no-repeat;
  width: 24px;
  top: 50%;
margin-right: 5px !important;
  right: -20px;
  
  transition: 0.5s;
  
}

.button-arrow:hover span {
  padding-right: 33px;
}

.button-arrow:hover span:after {
  opacity: 1;
  right: 0;
}
.button-arrow:hover { color: #fff;}









.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; }
.font-size-18 { font-size: 18px;}
.light-blue { background-color: #e0f2f5; padding: 20px;}
.banner-icon-7 { position: absolute;     bottom: -70px; z-index: -1; right: -59px;}
.relative { position: relative;}
.bold { font-weight: bold;}

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-prev-icon { background: url(../images/arrow-leftimg.png) no-repeat center center; }
.carousel-control-next-icon{  background: url(../images/arrow-rightimg.png) no-repeat center center; }
.carousel-control-next-icon:hover { background: url(../images/arrow-right-hover-img.png) no-repeat center center; height:54px;  padding: 5px; border-radius: 50px; box-shadow: #bbafaf 0px 1px 5px;}
.carousel-control-prev-icon:hover { background: url(../images/arrow-left-hover-img.png) no-repeat center center;height:54px;  padding: 5px; border-radius: 50px; box-shadow: #bbafaf 0px 1px 5px;}
.carousel-control-prev-icon, .carousel-control-next-icon { height: 50px; width: 50px;}
.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);}

.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;}

.accordion .card-header { cursor: pointer; background-color: #fff; color:inherit; border-bottom: none; box-shadow: none;}
.accordion .card-header h2 { width:100%; display: inline-block;}
.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;}
.accordion .card-header h2 .btn-block:focus{ border: none; border: none; box-shadow: none;}
.box-shadow-none { box-shadow: none !important;}
.mt-65 {margin-top: -65px;}
.accordion .card-header .orrange-down-arrow {float: right; margin-top: 0px; background: url(../images/accordian-img.svg) center center no-repeat; height:38px; width:38px; background-size: 18px;     position: absolute;
  top: 50%;
  margin-top: -19px;
  right: 0;}
.accordion .card-header.collapsed .orrange-down-arrow {float: right; margin-top: 0px; background: url(../images/accordian-img.svg) center center no-repeat; height:38px; width:38px;  background-size: 18px;position: absolute;
  top: 50%;
  margin-top: -19px;
  right: 0;}

.pos-icon-2 { position: absolute;bottom: -30px;left: -75px;}
.readmore { color: #ec6c00; font-weight: 600; font-size:20px;}
ul.brand { margin: 0px; padding: 0px; display: flex; justify-content: space-evenly; align-items: center; flex-wrap: wrap;}
ul.brand li { list-style: none; margin:10px 15px; }
ul.brand li:nth-child(1){width:107px;}
ul.brand li:nth-child(2){width:138px;}
ul.brand li:nth-child(3){width:108px;}
ul.brand li:nth-child(4){width:98px;}
ul.brand li:nth-child(5){width:92px;}
ul.brand li:nth-child(6){width:78px;}
ul.brand li:nth-child(7){width:98px;}
ul.brand li:nth-child(8){width:98px;}
ul.brand li a {display: block;}
ul.brand li a:hover{opacity: 0.5;}
.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: 55px;bottom: -7px;height: 2px;background-color: #FF7500;left: 0;}
.footerbg p {color:#293450; margin: 0px; font-size: 16px; line-height: 28px; margin-top: 25px;} 

.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;}
.footer-card  .text-icon { font-size: 16px; font-weight: bold;}
.footer-card { display: flex; align-items: center;}
.hippa{height: 54px; margin: 12px 0px;}
.bbba {height: 50px;margin: 12px 5px;}
.shopper-approved_black {margin: 12px 5px; width: 74px;}

/****** 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, /* show gold star when clicked */
.rating:not(:checked) > label:hover, /* hover current star */
.rating:not(:checked) > label:hover ~ label { color: #FFD700;  } /* hover previous stars in list */

.rating > input:checked + label:hover, /* hover current star when changing rating */
.rating > input:checked ~ label:hover,
.rating > label:hover ~ input:checked ~ label, /* lighten current selection */
.rating > input:checked ~ label:hover ~ label { color: #FFED85;  } 
.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.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;
}
.max-width-485 { max-width:485px}
.colum-2-block {border: #e6edff solid 1px; transition:all 0.1s; border-radius: 15px; overflow: hidden; height: 100%;}
.colum-2-block:hover .header-section{background-color: #ff7603; color:#fff;}
.colum-2-block:hover {box-shadow: 0px 3px 18px #00000011 !important; border: #fff solid 1px;}
.starticon{ width: 18px;}
.colum-2.border-bottom .header-body-section ul li{ border-bottom: #e7e7e7 solid 1px;}
.padd-20{ padding:0px 15px;}
.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;}
.margin-15{ margin-right: -15px;margin-left: -15px;}
.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: 185px; overflow: hidden;}
.team-member-text { font-size: 18px; font-weight: 600; color: #293450; text-align: center; margin-top: 15px;}
.team-member-img {  margin: auto; margin: auto;
  overflow: hidden;
  height: 219px;
  border-radius: 100%;
} 
.team-member-text span { margin-top: 17px; font-size:16px; font-weight: normal;}
.w11 { width:10px}
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 { padding: 25px 0px;}
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; }

.owl-carousel .owl-nav button.owl-prev{ margin-left: -30px;}
.owl-carousel .owl-nav button.owl-next{  margin-right: -30px;}
.width-138 {margin: 0px;}
.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}
.w22{width: 22px;}
.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;}
.shadowbox { box-shadow: 0px 2px 5px #eaeaea; background-color: #fff;}
.bblogo { width: 122px; margin-left: auto;}
.copyrighttext {display: flex; align-items: center; color: #293450;}
.footerbg-dark .copyrighttext { color: #fff;}
.footerbg-dark ul.footer-nav li a { color: #fff;}
.footerbg-dark ul.footer-nav li span { color: #fff;}
.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;}
.map-bg{
  background: url(../images/world_map.png) center;
  background-size: 60%;
  background-repeat: no-repeat;
  width: 100%;}
.map-bg { text-align: center;}
.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; width: 132px;}
.w13rem { width: 13rem;}
/* .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: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;}
.mt15{margin-top: 15px;}
.border-radius-15 { border-radius: 15px;}
.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;}
.contact-card-body .ptext-orrange {color:#5D6174; font-size:16px; margin-bottom: 10px;}
.contact-card-body .ptext-orrange a{color:#5D6174; font-size:16px;}
.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;}

#nav li li a {font-size:80%;} /* smaller font size for sub menu items */
#nav li:hover {background:#003f20;} /* highlights current hovered list item and the parent list items when hovering over sub menues */
ul.nav-categories ul {padding:0;left:0;display:block; /* hides sublists */}
ul.nav-categories li ul ul {display:none;} /* hides sub-sublists */
ul.nav-categories li ul { display: block;position: absolute;top: 0;left: 100%;background: #F8F8F8;padding: 15px;} /* shows sublist on hover */
ul.nav-categories li li:hover ul {display:block; /* shows sub-sublist on hover */margin-left:200px; /* this should be the same width as the parent list item */margin-top:-35px; /* aligns top of sub menu with top of list item */}

.video-img img{ display: block; max-width: 100%; }
.video-img{ overflow: hidden; border-radius: 5px;}
.transprent-bg { background-color: transparent !important;}
.tab-mobile{ display: none;}
#carouselExampleControls .carousel-control-prev,#carouselExampleControls .carousel-control-next { opacity: 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-section { margin-bottom: 15px; color: #293450; display: flex; align-items: center;}
.why-callondoc-section .icon { width: 85px; margin-right: 25px;}
.w-95{width: 95px;}
.submenu-heading { padding-bottom: 10px; padding-top: 10px;}
.consultation-block-desktop { width: 450px !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;}
.font-size-28 { font-size: 28px;}
.font-size-20 { font-size: 20px !important;}
.pr-custom-4 { padding-right: 45px !important;}

/* std page css */
.std-banner {background: #E5FAFF; padding-bottom: 80px; }
.std-banner-block {    padding: 15px;
  padding-top: 17px;
  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: #FF7909; text-transform: uppercase;
 font-size: 33px; text-align: left;}
 .std-banner-text .std-banner-text-ptext p{
    color: #34394D; font-size: 16px;
 }
.header-blue { background-color: #34394D; padding: 10px 0px 10px; 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: 9px; color: #fff; font-size: 20px;}
.right-side-section span { font-size: 24px; margin-left: 15px; color: #FF7909; 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;}
.right-side-section { position: absolute; display: flex; align-items: center;     right: 20px; top: 9px; color: #fff; font-size: 20px;}
.right-side-section span { font-size: 24px; margin-left: 15px; color: #FF7909; font-weight: bold;}
.header-white .right-side-section { color: #34394D;}


button.card-block-std {width: 100%; border: none; transition: all 0.5s;}
button.card-block-std:hover::after {width: 20px;}
.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: 18px; background:#fff; padding: 25px; overflow: hidden; border-radius: 5px; position: relative;}
.card-block-std:after { transition: all 0.5s; content: ""; background-color: #ff7909; position: absolute; width: 20px; height: 100%; top: 0px; bottom: 0px; left: 0px; overflow: hidden;}
.link { color: #2dbdca; font-weight: bold; font-size: 16px;}
.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 { position: absolute; top: 50%; width: 100%; text-align: center; left: 50%; transform: translate(-50%, -50%); }
.affordable h3 { color: #41435A; font-size: 2.5rem;}
.affordable h3 span{ color: #FF7909;}
.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: #FF7909; 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;}
.space-height { height: 34px;}


/* Gonor page */
.std-banner-text h3{ color: #FF7500; font-size: 24px; margin-bottom: 25px;}
.treatment-text{ position: relative; color: #FF7500; font-size: 32px; 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 {width: 218px; 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: #f08341; border-top-left-radius:10px; border-bottom-left-radius:10px}
.tabing-custom .nav-tabs li:first-child a.active { color: #f08341; }
.tabing-custom .nav-tabs li:first-child a.active::before { display: none;}
.tabing-custom .nav-tabs li:first-child a.active:after {
  
}

.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/radius-bottom-shape.png) no-repeat;
  position: absolute;
  bottom: -58px;
  right: -38px;
  width: 75px;
  height: 58px;
  background-size: 25px;
}
.tabing-custom .nav-tabs li a.active:before {
  content: "";
  display: block;
  background: url(../images/radius-top-shape.png) no-repeat;
  position: absolute;
  top: -19px;
  right: -38px;
  width: 75px;
  height: 58px;
  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: #f08341; 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: -70px;
  background:#41435a;
  top: 25px;
}

.modalheader{
  height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.card-social-icon-modal .modal-content { border-radius: 15px;}

.width105px { width: 135px !important;}
.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;}

.whitebg { background-color: #fff;}
.card-block-gonor:after { width: 5px;}
.card-block-gonor { padding: 15px;}
.more { color: #FF7909; 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}
.bannerimg-none { background: transparent;}
.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;} 
.mt-n55 {margin-top: -55px;}
.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;
}
.mb-35{margin-bottom: 35px;}

.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;}
/* fix blank or flashing items on carousel */
.owl-carousel .item {position: relative;z-index: 100; -webkit-backface-visibility: hidden; }

/* end fix */
.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;}

.width215px { max-width: 255px;}
.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 {position: relative;}
.benifit-card-body{ padding-top: 20px;}
.circles-section { position: relative;}
.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;}

.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;
}

.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%;
}

.circlesblock1 { margin-bottom:40px;}
.circlesblock2 { margin-bottom:40px;}
.circlesblock3 { margin-bottom: 63px;}
.circlesblock4 { margin-bottom: 40px;}

.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;}
.padd-35{padding: 35px;} 


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;}

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;}
.font-size-18 {font-size: 18px !important;}
ul.steps li.active .steptext {display: block;}
.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;}
.w44{ width: 44px;}
.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;}
.footerbg-dark{background-color: #5D5D5D !important;}
.footerbg-dark p { color: #fff;}
.bordergray{
  border-right: #6d6d6d solid 1px;
  height: 100%;
}
.bordergray-top{
  border-top: #6d6d6d solid 1px;
 
}

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;}

.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;}
.tab-mobile .nav-tabs .nav-link.active{color: #f08341; border: none; border-bottom: #FF7909 solid 3px;}
.tab-mobile .nav-tabs .nav-link.active:focus{color: #f08341; border: none; border-bottom: #FF7909 solid 2px;}
.tab-mobile .tab-content > .tab-pane { text-align: center; color:#9b9ea8; font-weight: bold;}
.tab-mobile .tab-content { margin-top: 30px;}
.slider-img {margin-top: 30px; max-width: 225px;}
.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 ;}
.font-size-14{ font-size: 14px;}
.font-size-16{ font-size: 16px;}
.black-color { color: #000;}
.width78{width: 78px; display: inline-block;}
.whitespace { background:#ffffffa1; position: absolute; bottom: 0px; left: 0px; right: 0px; height: 91px;}
.relative { position: relative;}
.posz-index { z-index: 1; position: relative;}
.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: 178px;
}
ul.brand-sectopm li:nth-child(4) {
  width: 110px;
}
ul.brand-sectopm li:nth-child(5) {
  width: 94px;
}
ul.brand-sectopm li:nth-child(6) {
  width: 116px;
}
.know-status h2{ display: block; font-size: 22px; color: #41435A; border-bottom: #e4e4e4 solid 1px; padding-bottom: 15px; }
.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: 85px; width: 85px; 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 {
     /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+2,ffffff+26,ffffff+100,ffffff+100&0+3,1+99 */
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%); /* FF3.6-15 */
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%); /* Chrome10-25,Safari5.1-6 */
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%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

   }
   .star-border {
    height: auto !important;
    display: inline;
    
    padding-bottom: 3px;
    align-items: center;
    background-color: transparent;
    border-bottom: #ff9841 solid 3px;
    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: 0px; height: 3px; width: auto; left: 18px; right: 20px; background-color: #ff9841;}
.bannerimg-yellow {background-color: #FFF7E8;}
.bannerimg-purple {background-color: #E8EDFF;}
.bglight-gray { background: #F5FAFF;}  
.w17 {     width: 27px;
  height: 26px;}
.height100{height: 100%;}
.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: #FF7909 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: #FF7909 solid 4px; border-top: none; border-left: none;}
.tab-block .nav-tabs .nav-link {     margin-bottom: 0px;
  /* border-right:#dee2e6 solid 1px !important; */
  border-bottom: #F5FAFF solid 4px; color: #41435A;
  border-radius: 0;}
  .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link{color: #41435A;}
  .tab-block .nav-tabs .nav-link:hover, .nav-tabs .nav-link.active .fa{fill:#FF7909;}
.tab-block .tab-content{ padding: 45px 25px;}
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 a{  color:#6a7488;  line-height: 27px; font-size: 16px;}
.highesttext h3  { margin: 0px; padding: 0px; text-align: center; font-size: 20px; }
.highesttext h3 span { color: #FF7909;  position: relative;}
.orrange-text-color{ color:#FF7909; font-size:16px;}
.highesttext h3 span::after {position: absolute; width: 45px; height: 3px; content: ""; left: 0;background: #41435A; top: 50%; margin-left: -50px; }
.w-90{ width: 90%;}

.faq-img { max-width: 432px;}
@media (min-width: 0px){
  .mtcustom20 { margin-top: 20px !important;}
.search-bar .searchbtn{top:5px}
.top-section > ul > li:first-child { display: none;}
.logo {width: 160px;margin-top: 0;}
.card-social{margin-bottom: 0px;}
.carousel-control-prev, .carousel-control-next {width:50px;}
.hidden-sm-down { display: none;}
.card-social{margin: auto;}
.mt25{ margin-top: 25px !important;} 
.mt31{ margin-top: 31px !important;} 
.mt30{ margin-top: 30px !important;} 
.mt20{ margin-top: 20px !important;} 
 
.mt20{ margin-top: 18px !important;} 
.slider-img .circle {
  left: -40px;
  bottom: -6px;
  position: absolute;
  background-color: #FF7603;
  height: 156px;
  z-index: 0;
  width: 156px;
  border-radius: 50%;
}
.slider-img { position: relative;}
.half-graybg { position: relative;}
.slider-text p {  margin: 25px 0rem; font-size:18px; }
.half-graybg:after {  position: absolute; content: ""; left:0px; right:0px; top: 0px; bottom: 0px; z-index: -1; width: 60%;}
.slider-text {
  width: 100%;
  margin: 35px auto 35px auto;
}
.socialicon-block { display: inline-block; margin-left: auto; width:34px}
.owl-carousel2 .owl-nav { display: none;}
.accordion#accordionExample > .card .card-body{ background: #fff; padding-top: 0px;}
}

@media (min-width: 576px){
  .header-blue h3 br { display: none;}
  .header-white h3 br { display: none;}
  #accordionFooter {display: none;}
  .accordion#accordionExample > .card > .card-header { margin-top: 15px;}
  
  .accordion#accordionExample > .card .card-body{ background: #fff; padding: 1rem 2rem; padding-top: 0px;}
}
@media (min-width: 768px){
  .whitespace { display: none;}
  .pos-button { display: none;}
  .slider-text {
    margin: auto 35px auto 0;
    width: auto;
}
.top-section > ul > li:first-child { display: flex;}
.top-section > ul > li { display: flex; align-items: center;}
.card-social{margin: 0px;} 
.foter-social-icon-mobile,.copyrighttext-mobile {display: none;}
.owl-carousel1 .owl-nav{display: none;}
.half-graybg { position: relative;}
.half-graybg:after { background-color: #effafb; position: absolute; content: ""; left:0px; right:0px; top: 0px; bottom: 0px; z-index: -1; width: 87%;}
#carouselExampleControls{
  width: 90%;
  margin: auto;
}
.slider-img{ margin:auto auto 35px auto; max-width:235px;}
.slider-img .circle {
  left: -18px;
  bottom: -20px;
  position: absolute;
  background-color: #FF7603;
  height: 202px;
  z-index: 0;
  width: 202px;
  border-radius: 50%;
}
.slider-text p { font-size: 22px;}
.slider-text h3 { color: #f08341; font-size:30px;}
}
@media (min-width: 992px){
  .navbar-expand-lg .navbar-nav .nav-item:first-child{display: none;}
.search-mobile {display: none;}


.hidden-sm-down { display: block;}
.border-right-md{border-right: 1px solid #dee2e6 !important;}
.search-bar{ width: auto;}
.navbar-light .navbar-nav .nav-link { font-size: 12px;}
.orrangelink { font-size: 12px;}
.search-bar input.form-control{ height: 30px; background-color: #ececec; border-radius: 50px; border: 0px;}
.font-size-12{ font-size: 12px;}
.navbar-expand-lg .navbar-nav .nav-item {margin: 0rem 0rem;}
.search-bar input.form-control {width: 136px; font-size: 12px;}
.navbar-collapse { margin-top: 0px;}
.navbar-expand-lg .navbar-nav .nav-link {padding-right: 0.2rem;padding-left: 0.2rem;}
.search-bar .searchbtn{top:6px} 
.sectionblock h4 {font-size: 0.938rem;margin-bottom: 0px;width:100%; font-weight: bold; }
.slider-text {margin: auto 110px auto auto;}
.sectionblock { padding: 22px 14px;}
.top-section > ul > li > a { font-size: 12px;}
.top-section > ul > li > .dropdown > a{font-size: 12px;}
.common-icon-1,.common-icon-2,.common-icon-3,.common-icon-4 { position: absolute;}
.common-icon-1 { top: 54%;
  left: -10px;}
.common-icon-4 {     right: 34%;  top: 38%;}
.common-icon-3 {     left: 26%;
  top: -54px; width: 55px;}
.common-icon-2 {    left: 100px; top: -117px;}
.nav-header,.nav-toggle-blcok{display:none}
#carouselExampleControls{
  width: 90%;
  margin: auto;
}
.slider-img {

  max-width: 275px;}

  }
  @media (min-width: 1200px) {
    .padding45 { padding: 0px 45px;}
    .slider-text { margin: auto 100px auto auto;}
    .slider-text h3 { color: #f08341; font-size:30px; font-weight: bold;}
    .slider-img {max-width: 300px; padding-bottom: 10px;  padding-top: 0px; margin: auto; position: relative; }
    
    .slider-text p { font-size:25px; margin: 20px 0rem; color: #293450;}

    #carouselExampleControls{    width: 84%;margin: auto;}
    element.style {width: 90%;margin: auto;}
    .top-section > ul > li > a { font-size: 14px;}
    .top-section > ul > li > .dropdown > a{font-size: 14px;}
    .container {max-width: 1199px;}
    .font-size-12{ font-size: 16px;}
    .navbar-light .navbar-nav .nav-link {font-size: 14px;}
    .navbar-expand-lg .navbar-nav .nav-item {margin: 0rem 0.625rem;}
    .search-bar input.form-control {width: 160px; font-size: 16px}
    .orrangelink {font-size: 14px;}
    .navbar-expand-lg .navbar-nav .nav-link {padding-right: 0.1rem;padding-left: 0.1rem;}
    .top-section > ul > li > a { font-size: 14px;}
    .sectionblock { padding:22px 10px 22px 24px;}
    .slider-img .circle { bottom: 0px;
      height: 202px;
      width: 202px;
      left: -65px;}
      }
    
  @media (max-width: 1300px){
   .imgicon5 {position: absolute;right: 17px;top: 53px;}
  .owl-carousel .owl-nav button.owl-next { margin-right: 0px;}
  .owl-carousel .owl-nav button.owl-prev {margin-left: 0px;}
  .owl-carousel2.owl-carousel .owl-nav button.owl-next {margin-right: -40px;}
  .owl-carousel2.owl-carousel .owl-nav button.owl-prev {margin-left: -40px;}
  }
  @media (max-width: 1199px){
    .accordion .card-header h2{    width: calc(100% - 30px);}
    .colum-2 .header-section { font-size: 16px;}
    ul.footerlist li a { font-size: 15px;}
    .footerbg p.ptext-16{ margin-top: 15px;}
    .footerbg h3,.footerbg p { font-size: 14px;}
    .card-social { width:auto; }
    .social-icon {width: 72px;}
    .footerbg p.ptext-16{ font-size:14px}
    .footermedia-icon ul li { margin: 8px;}
    ul.footerlist li { margin: 10px 0px;}
    .hippa{height: 48px; margin: 12px 0px;}
    .bbba {height: 40px;margin: 12px 5px;}
    .shopper-approved_black { width:50px}
    .banner-text {padding: 80px 0px 80px 0px; }
    .bannerimg {
      background-position-x: -125px;
    }
    .circlesblock1 {
      margin-bottom: 17px;
  }
  .headingblock {
    font-size: 15px;
  }
  .card-block-std {font-size: 15px; padding: 25px;}
  .header-blue h3 { font-size: 23px;}
  .right-side-section span { font-size: 20px;}
  .right-side-section{font-size: 17px;}
  .bodycard ul li{font-size: 15px;}
  .activate .bodycard ul li {
    font-size: 15px;

}
.activate .bodycard {    padding: 30px 5px;}

.order-test h2 {font-size: 20px;}
ul.listblock li {
 
  font-size: 14px;
  margin-bottom: 8px;
 
}
.map-bg .owl-dots { display: none;}
  }

  @media (max-width: 991px){
    .order-test h2{    margin-bottom: 10px; font-size: 16px;}
    .order-test h2 small { font-size: 12px;}
    ul.listblock li {
      font-size: 12px;
      margin-bottom: 6px;
  }
  .std-banner { padding-bottom: 55px;}
  .order-test .button-arrow { padding: 5px 15px;}

    .consultation-block-desktop:after { display: none;}
    .rotation{ transform: rotateY(190deg);}
    .line-block {display: none;}
    .hide-mobile { display: none;}
    .width-138 { width: 138%;}
    .footerbg .border-right-md-none { border-right: none !important;}
    .d-none-custom{height: 0px; display: none;overflow: hidden;}
    .search-bar-block {margin-right: 15px;position: absolute;right: 0; top: 22px;}
    .sectionblock h4 {font-size: 18px; line-height: 24px;}
    .block.show {height: 100%; display: block;overflow: hidden;}
    .common-icon-1,.common-icon-2,.common-icon-3,.common-icon-4 { display: none;}
    .banner-icon-3,.banner-icon-4,.banner-icon-5,.banner-icon-6,.banner-icon-7,.banner-icon-1,.banner-icon-2 { display: none;}
    .social-icon {width: 112px;}
    .shadowbox .navbar-light .navbar-brand { margin: auto;}
    .shadowbox .nav-toggle-blcok { position: absolute; left:10px; top:18px}
    .none-mobile { display: none;}
    .navbar-light .navbar-nav .active > .nav-link{ text-align: left;}
    .navbar-light .navbar-nav .nav-link{text-align: left;}
    .navbar-nav .nav-link{margin-top: 10px; margin-bottom: 10px;}
    .orrangelink {display: block; margin-top: 15px; margin-bottom: 15px; text-align: center;}
    .text-centermobile { text-align: center; padding-top: 15px; border-top: #e2e2e2 solid 1px; padding-bottom: 15px; width: 100%; float: left; text-transform: uppercase;}
    .block.mobile-navigation { background: #fdfdfd; margin-top: -57px; z-index: 0;}
    .block.mobile-navigation .nav-header { display: flex; align-items: center;}
    .block.mobile-navigation .nav-header-block { padding: 15px 0px ;  box-shadow: 0px 2px 5px #eaeaea; background-color: #fff;}
    .block.mobile-navigation .nav-header .closebtn{display: block;}
    .block.mobile-navigation .nav-header .logo-mobile {    width: 121px;margin-left: 20px;margin-right: auto;margin: auto;}
    .block.mobile-navigation .nav-header .logo-mobile img{width: 100%;}
    .block.mobile-navigation .nav-header ul.mobile-signin{margin:0px; display: flex; align-items: center; margin-top: 7px; padding: 0px; list-style: none;}
    .block.mobile-navigation .nav-header ul.mobile-signin li{margin:0px; padding: 0px; color:#FF8824; font-size: 14px;}
    .block.mobile-navigation .nav-header ul.mobile-signin li a{color:#FF8824; font-size: 14px;}
    .shadowbox .minicontainer{max-width: 100%;}
    .getstarttext {font-family: 'Lato', sans-serif;font-weight: 700; color: #293450;}
    .mobile-menu{max-width: 720px;     width: 100%; padding-right: 1rem;padding-left: 1rem;margin-right: auto; margin-left: auto;}
    .dropdownhover-background-none .dropdown-menu { display: block;}
    .navbar-expand-lg .navbar-nav .nav-item {    margin: 0rem 0.0rem;}
    .navbar-expand-lg .navbar-nav .nav-item .nav-link{padding: 0rem 0.0rem;}
    /* .navbar-expand-lg .navbar-nav .nav-item:first-child{ border-bottom: #eaeaea solid 1px;} */
    .consultation-block h3,.navbar-light .navbar-nav .active > .nav-link:after { display: none;}
    .consultation-block { padding: 0px; box-shadow: none; width:100%;}
    .video-img img{ width: 100%;}
    .video-img {width: 120px;float: right;}
    .text-centermobile { display: none;}
    .slider-text h3 { color:#f08341}
    .bannerimg {background-position-x: -215px;}
    .width215px {max-width: 160px;}
    .circles .circlesblock { padding-left: 30px; padding-right: 5px; margin-bottom: 30px;}
    .circle-block-2 { top: 177px;}
    .circles .active .arrow-img{ width: 50px; margin-top: -35px; left: -47px;}
    .circles .active .arrow-img img{ width: 100%;}
    .circles h3 {font-size: 20px; }
    .circlesblock1 {
      margin-bottom: 18px;
  }
  .circles p { font-size: 14px;}
  .benifit-box p { font-size: 15px;}
  .bordergray-md-0 { border-right: none !important; }
  .bannerimg{background-position-x: -76px;
    background-size: 1185px; height: 320px;
  }
  .banner-text {
    padding: 30px 0px 30px 0px;
}
.std-banner-text {
  padding: 40px 0px;
}
.activate .bodycard ul li {
  font-size: 15px;

}
.tabingtext { position: static; transform:none}
.treatment-text br { display: none;}

.justify-mobile-center { justify-content: center;}
.bodycard { padding: 30px 5px;}
.accordion .card-header h2 .btn-block { font-size: 16px;}
.tab-block .nav-tabs .nav-link { padding: 15px 15px;}
ul.listblock { margin-top: 0px;}
}
@media (max-width: 767px){
  .tab-block .nav-tabs .nav-item { width: 100%; text-align: center;}
  .order-test h2 { font-size: 18px;}
  .order-test h2 small{font-size: 15px;}
  ul.listblock li { 
    font-size: 16px;
    text-align: center;
    margin-bottom: 15px;
  }
  .tab-block .tab-content {
    padding: 15px 25px;
    background: #fff;
}
.w17 {
  width: 42px;
  height: 37px;
}
ul.listblock-tab {    margin-top: 20px;
}
.tab-block .nav-tabs .nav-item { padding: 0px 15px; padding-top: 15px; background: #fff; font-size: 20px;}
.tab-block .nav-tabs .nav-link{border-right: none !important; text-align: left; display: flex; align-items: center; line-height: normal;}
.tab-block .nav-tabs .nav-link { background: #F8FAFF; }
.tab-block .nav-tabs { border-bottom: none;}

.w-md-100 { width: 100% !important;}
  .bannertextblock {background-size: 11px;}

  .w-25px {     width: 32px !important;
    margin-left: 10px;
}
section .mobile-heading h2 { display: inline-block;}
section .mobile-heading h2 span { width: 70%;}

  .affordable { background-color: #fff; padding: 15px; position: inherit;}
  .footerbg .email-card { margin-bottom: 0px;}
  .bannerimg {background-position-x: -176px;     height: 362px;}
  .footerbg .border-top { border-top: none !important;}
  ul.footer-nav {justify-content: center;}
  ul.footer-nav li{ border-right: none;}
  .copyrighttext-mobile { display: block; padding-top: 15px; padding-left: 15px; padding-right:15px ; text-align: center; color:#293450; font-size: 12px;}
  .footerbg .email-card input { padding: 15px; padding-right: 70px;}
  .email-card .mail-btn{    margin-top: -7px; width: 74px;}
  .mb-mobile-20 { margin-bottom: 25px;}
  
  .sectionblock i {
    height: auto; width: 48px; 
    text-align: center;
}
.sectionblock i img.doller-img { width:40px;}
.sectionblock i img { width: 100%; height: auto;}
.sectionblock h4 { font-weight: bold;}

  .bannerblock .banner-icon-1 img { width:100%;}

  .slider-img {max-width: 275px;margin: auto;}
  section h2{font-size: 2rem;}
  .card-social{ width: 100%;}
  .border-sm-none {border:none !important}
  .bannerblock .banner-icon-4 {position: absolute;bottom: 40px;left: 70%;}

  .bannerblock .banner-icon-2 img { width: 100%;}
  .imgicon5 { display: none;}
  
  ul.listicon li:last-child{padding-bottom: 0px; margin-bottom: 0px;}
  .team-member-img {margin: auto;width: 100%;}
  .topbg { display: none;}
  .accordion .card-header h2 {width: calc(100% - 18px);}
  .accordion .card-header h2 .btn-block { font-size: 16px;}
  footer ul.social-icon {justify-content: flex-start;}
  .width-138 {width: 1035px;}
  .owl-carousel2.owl-carousel .owl-nav button.owl-next {margin-right: 0px;}
  .owl-carousel2.owl-carousel .owl-nav button.owl-prev {margin-left: 0px;}
  section .h3 { text-align: left; font-size: 16px; margin-bottom: 0px;}
  .owl-carousel1 .owl-nav{ top: -33px; width: 68px;right: 15px;}
  .card { box-shadow: 0px 0px 13px #E2E3F299;}
  .w38{ width:38px}
  .w32{ width:32px}
  .map-bg .card { width:auto}
  .foter-social-icon-mobile {display: block; margin-top: -30px; margin-bottom: 25px;}
  .footermedia-icon ul { margin: auto;}
  .footermedia-icon ul li:first-child{margin-left: 13px;}
  .footermedia-icon ul li a {width: 30px;}
  .footermedia-icon ul li {margin: 15px 13px;}
  .footermedia-icon  {box-shadow: 0px 3px 5px #3E3E3E30;}
  .hidden-social{display: none;}
  .owl-carousel1 .item {text-align: left;}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {color: #fff; background-color:#ff7603;}
.nav-pills .nav-link{border-radius:10px !important;}
.top-radius {overflow: hidden; border-top-left-radius: 10px !important; border-top-right-radius: 10px !important}
.nav-pills .nav-link { border-radius: 0px; background-color: #ffffff11 ;  border: 0.5px solid #f2f4fb; padding: 15px; font-weight:bold; font-size:18px; color:#293450}
.bluetext {color:#2DBDCA; font-size: 16px; padding-bottom: 15px;}
.pricetext {color:#293450; font-size: 26px; font-weight:bold; padding:0px 0px 15px}
.costborder{border:0.5px solid #f2f4fb;border-radius: 8px;}
.nav-pills .border-bottom { border-bottom: 1px solid #e9ecef !important;}
.tab-font{font-size: 16px; font-weight: bold; }
.tab-font2{font-size: 14px; font-weight: bold; color: #6d7488; }
.footerbg h3{font-size:18px !important;}
.footerbg h3:after { display: none;}
ul.footer-nav li a {font-size: 13px;}

.video-img { display: none;}
.border-nav{border-bottom: #eaeaea solid 1px !important;}
.mobile-menu { max-width: 540px;}
.bannerblock h2 { font-size:28px; }
.bannerblock p { font-size:16px; font-weight:normal; }
.p-custom-0 { padding: 0px;}
body { background-color: #F4F5FD;}

.half-graybg { padding: 0px;}
ul.brand li {  box-sizing:border-box}
ul.brand li:nth-child(1){ width:92px;}
ul.brand li:nth-child(2) {width: 125px;}
ul.brand li:nth-child(3) {width: 100px;}
ul.brand li:nth-child(4) {width: 94px;}
ul.brand li:nth-child(5) {width: 83px;}
ul.brand li:nth-child(6) {width: 97px;}
.sectionblock { border: 1px solid #ECECEC; box-shadow: none; border-radius: 15px;}
.bannerimg {
  background-position-x: 0;
  background-size: 1252px;
}
.banner-text { padding: 15px; margin: 0px; background-color: #fff; margin-top: 225px;}
.bannerimg {height: auto;}
.mt-n55 {
  margin-top: 15px;
}
.h-md-auto {height:auto !important}
.slider-img { margin-top: 25px;}
.benifit-card-body .border-right {border-right: none !important;}
.benifit-card-body .border-right .border-bottom{ border-bottom: 1px solid #f0f4ff !important;}
.benifit-box p { text-align: left;}
.benifit-card-body .border-right .border-bottom{ display: flex; align-items: center;}
.benifit-card-body  p { margin-top: 0px !important; margin-left: 25px;}
.benifittext{display: flex; align-items: center;}
.filling-sick-bg{padding: 20px 20px 50px; background: #fff; border-radius: 10px;}
.block-padd-mobile { padding-left: 20px; padding-right: 20px;}
.scroll-tab { overflow:hidden; height: 459px;}
.contact-section { background-color: #fff;}
.box-shadow-mobile-none { box-shadow: none;}
.formtext ul li { flex-wrap: wrap;}
.form-control {color: #b5b5b5;}
section h2 {
  font-size: 30px;
}
.benifit-card { padding: 20px 0px 0px 0px;}
.contact-form-mobile { border-radius: 0px; padding-top: 20px;}
.formtext { padding-left: 0px; text-align: center; padding-top: 15px; border-top: #d4dfff solid 1px;}
.formtext h3 { color: #293450; font-weight: bold;}
.bluetext { margin-bottom: 0px;}
.d-flex-wrap-block {display: flex; flex-wrap: wrap; width: calc(100% - 66px);}
.formtext ul li .bluetext { margin-bottom: 0px !important; padding-bottom: 0px !important; text-align: left;}
.formtext ul li .graytext { text-align: left;}
.formtext ul li:last-child { margin-top: 0px;}
.formtext ul li .graytext,.ptext { color: #000;;}
.formtext ul li .bluetext,.formtext ul li .graytext,.ptext { font-size: 16px;}
.bordergray { border-right: none;}
.footerbg-dark .copyrighttext-mobile { color: #fff;}
.footerbg-dark p{margin-top: 15px;}
.benifit-card-body { padding: 0px 15px;}
.pos-button { position: absolute; bottom: 13px; left: 0px; right: 0px; text-align: center;}
.review-mobile {
  position: absolute;
  color: #969ba9;
    font-size: 15px;
    font-weight: bold;
    top: 51px;
    padding-right: 115px;
    padding-left: 26px;
}
.mobile-review { font-size:18px}
.mobile-review .review-rating {  width: 14px;margin-left: 1px; margin-right: 1px;}
section h2.mobile-review span{    width: 95px; }
.line-none h3:after { display: none; }
.line-bottom-mobile h3:before {
  width: 45%;
  height: 2px;
  background-color: #FF8824;
  content: " ";
  position: absolute;
  bottom: -7px;
  margin: auto;
  left: 0;
  right: 0;
}
.costborder .border-bottom {
  border-bottom: 1px solid #f2f4fb !important;
}
.d-flex-mobile {    display: flex;
  flex-direction: column;}
.costborder .card {box-shadow: 0px 0px 4px #E2E3F299;}
.contact-section .form-control { padding: 20px 13px;}
.font-size-md-28 { font-size: 28px !important;}
.map-bg{margin-top: 55px; display: inline-block;}
.mb-mob-0 h2 { margin-bottom: 0px !important;}
.p-t-25px { padding-top: 25px;}
.close-button img {
  width: 15px;
}
.alert-dismissible .close-button {
  padding: 12px !important;
  top: 50%;
  margin-right: 5px;
  transform: translateY(-50%);
}
.work-step-icon-1 {    position: absolute;
  top: -55px;
  right: 12px;}
  .work-step-icon-2 {      position: absolute;
    top: 275px;
    right: 12px;
    z-index: 1;
}
.work-step-icon-2 img { width: 55px; }

.work-step-icon-3 {     position: absolute;
  bottom: 36px;
  left: 2px;
}
.std-banner-block{align-items: center;width: 265px; margin: auto;}
  .std-banner-text { padding: 0px 20px;}
  .std-banner-text h2 { font-size: 24px; text-transform: none;}
  .std-banner { padding-bottom: 25px; height: auto;}

.mobilearcodian .card{background: #F5F5F5; border-radius: 5px; margin-bottom: 5px; }
.mobilearcodian .card .card-header h2 button { color: #34394D; font-size: 22px; text-align: center !important; padding: 12px 0px; font-weight: bold; text-decoration: none;}
.mobilearcodian .card .card-header h2 button:focus{ border: none; outline: none; box-shadow: none;}
.mobilearcodian .card .card-header { border-bottom: none;}
.mobilearcodian .card .card-body { background-color: #fff; text-align: center; padding: 20px;}
.mobilearcodian .card .card-body h3 { text-transform: uppercase; color: #FF7909; font-size: 20px; margin-bottom: 20px; font-weight: bold;}
.mobilearcodian .card .card-body p { margin: 0px; font-size: 16px; text-align: justify; color: #34394D; line-height: 26px;}
.mobilearcodian .card > .card-header.active{
  background-color: #3A4465;
}
.mobilearcodian .card .card-header.active h2 button{ color: #fff; text-align: center; font-weight: bold;}
.mobilearcodian .card .card-header:first-child{ border-radius: 5px;}
.pr-custom-4 { font-size: 12px;}
.ptext { color: #293450; font-size: 16px;}
.nextarrow i {height: auto;
  display: block;
  width: 20px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);}
  .nextarrow i img {
    width: 100%;
    display: block;
}
.readmore { font-size: 16px;}
}

@media screen and (max-width: 575px) {
  .mt25 {
    margin-top: 19px !important;
}
.bg-transparent { background: transparent !important;}
.whitebg-transparent { 
  margin-top: -50px;
    z-index: 91;
    position: relative;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+48 */
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 48%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 48%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 48%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

}
.howtowork-bg h2{ font-size: 24px;}
.tab-mobile .nav-tabs .nav-link { padding: 10px 16px;}
.treatment-text-Chlyamydia{color: #41435A !important;}
.treatment-text-Chlyamydia span { color: #FF7909 !important;}
.d-flex-mobile { display: flex;}
.bannerimg-yellow { background: transparent;}
.map-bg .card p { height: 133px; line-height: 28px;}
.font-size-sm-16{ font-size: 16px !important;}
.light-blue-bg { background-color: #F2FAFF;}
.px-custom-md-1 {padding-top: 2px; padding-bottom: 2px;}
.gradiant-bg {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+61,ffffff+99&0+0,1+43 */
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 43%, rgba(255,255,255,1) 61%, rgba(255,255,255,1) 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 43%,rgba(255,255,255,1) 61%,rgba(255,255,255,1) 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 43%,rgba(255,255,255,1) 61%,rgba(255,255,255,1) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */


  padding: 28px;
  margin-top: -75px;
  z-index: 9;
  position: relative;
}
.white-bg { background-color: #fff;}
  .bannertextblock {    background: url(../images/img10.png) no-repeat 0px 5px;
    background-size: 10px;}
  .tabingtext { padding: 0px 20px;}
  .treatment-text {margin-left: 28px;}
  .treatment-text:after {    top: 20px; width: 39px;     left: -44px;}
  .mobilearcodian { margin: 0px 15px;}
  .mobilearcodian .card { box-shadow: none;}
  .treatment-text { font-size: 27px;}
  .section-mobile-nigative { margin-left: -15px; margin-right: -15px; background-color: #fff;}
  .card-block-std { font-size: 17px; padding: 15px;}
  .affordable h3 { font-size: 30px;}
  .affordable p { font-size: 14px;}
  .button-arrow { padding: 7px 26px;}
  .collaspebg-margin-right{margin-left: -110%;}
  .collaspebg-margin-left{margin-left: 0px; width: 212% !important;}
  .collaspebg {margin-top: 0px;  position: static; width: auto; margin-bottom: 15px; }
  .collaspebg .card-body { text-align:center; font-weight: bold; box-shadow: none; border-top: oldlace solid 1px; border-bottom: oldlace solid 1px;}
  .pd-mdcust-4{ padding-bottom: 1px !important; padding-top: 45px !important;}
  .down-arrow-bg { background-color: #fff; overflow: hidden; position: relative; width: 35px; height: 35px; border-radius: 100px; box-shadow: 1px 1px 5px #dcdcdc ; margin: auto; } 
  .down-arrow-bg img { width: 100%; position: absolute; top: 50%; width: 20px; transform: translate(-50%, -50%); left: 50%;}
  .email-card .mail-btn{    margin-top: -8px;}
  .filling-sick-bg { border-radius: 0px; margin-left: -15px; margin-right: -15px;}
  .bannerimg {
    background-position-x: -45px;
    background-size: 1165px;
  }
  .banner-text{ background-color: #fff; padding: 0px; margin-top: 45px;}
  .border-bottom-md{    border-bottom: #e2e2e2 solid 1px;}
.block.mobile-navigation .nav-header{ padding: 0px;}
.heading-1 h3{ font-size:22px}
.bg-white-mob {
  background-color: #fff;
  padding: 15px 15px 25px;
  margin-left: -15px;
  margin-right: -15px;
}
ul.listicon li{background-size: 35px !important; margin-bottom: 0px; margin-left: -15px; margin-right: -15px;  padding: 15px;  padding-left: 35px;}
.common-icon-2 {
  display: block;
  position: absolute;
  width: 36px;
  top:1px;
  left: 11px;
}

  .common-icon-2 img {width:100%}
  .common-icon-3 {
    display: block;
    position: absolute;
    width: 40px;
    top: 30px;
    left: auto;
    right: 148px;
  }
  ul.listicon li:last-child { padding-bottom:15px}
  
    .common-icon-3 img {width:100%}
    .imgblock img {display: none;}
    #carouselExampleControls { display: none;}
    
    .tab-mobile{ display: block;    padding: 0px 25px;}
  
  .team-member-img { height:129px; width:100%}
  .team-member-text { font-size:16px}
  .team-member-text span { font-size:12px}
  .owl-carousel2 .owl-nav{display: block; margin-top: 25px; top: auto;}
  .nextarrow { width: 50px; position: absolute; left: 50%;     margin-left: -25px; padding: 5px; border-radius: 50px; background: #ff7500; height:50px}
  .nextarrow img { width: 100%;}
  .white-mobile-bg { background: #fff;}
  .review-section-mob{ margin-left: -15px; margin-right: -15px; margin-bottom: 0px; padding-top: 25px;}
  .paddding-bottom{padding-bottom:95px}
  .left-arrow{ display:none}
  .pad-mob{padding-bottom:0px}
  .width70{    width: 80%;
    margin: auto;}
    .backg-tran-bg-mob { background: transparent;}
    
    .accordion#accordionExample > .card > .card-header{ border-radius: 7px; padding-left: 0px;}
    .accordion#accordionExample > .card > .card-header:last-child{border-bottom:none}
    ul.brand { background: #fff; margin-left: -15px; margin-right: -15px; padding: 20px; justify-content: space-around;}
    ul.footerlist { margin-top: 10px;}
    #accordionFooter .collapsed .orrange-down-arrow{
      float: right;
      margin-top: 0px;
      background: url(../images/accordian-img.svg) center center no-repeat;
      height: 38px;
      width: 38px;
      background-size: 18px;
      transform: rotate(-90deg);
      position: absolute;
      top: 50%;
      margin-top: -19px;
      right: 0;
  }
  #accordionFooter .collapsed .orrange-down-arrow{transform: rotate(90deg);}
  #infoheadingOne,#TreatmentheadingOne { position: relative;}
  .footernav-mob { border-bottom:#f0f0f1 solid 1px; padding: 5px;}
  #accordionFooter{ display: block;}
  .copyrighttext-mobile {box-shadow: 0px -3px 5px #9B9DAE17; margin-top: 15px; }
  .email-card .mail-btn {width: 77px;}

.ml-n-2{margin-left: -16px;} 
.mr-n-2{margin-right: -16px;} 
.shadow-img {display: block; background: url(../images/shadow-img.png) no-repeat; height:85px;right: -4px; left: -4px; position: absolute; bottom:
  -2px}
.banner-content{margin-left: -15px; margin-right: -15px; background-color: #fff; }
.banner-content-block { padding:0px 30px 30px;}
.banner-text-block { background-color: #fff; padding: 10px 0px;}
section { padding: 20px 0px;}
.Conditions-block { background-color: #fff; padding-bottom: 25px;}
.backg-white-mob { background-color: #fff;}
.pt-m-0 { padding-top: 0px !important;}
.mobile-footer { padding-top: 30px;}
.bannerblock .banner-icon-1 {
  position: absolute;
  bottom: 90px;
  top: auto;
  left: auto;
  width:35px;
  display: block;
  right: 10px;
}
.bannerblock .banner-icon-2 {
  position: absolute;
  bottom: auto;
  left: 9px;
  display: block;
  width: 25px;
  top: 27px;
}
.sectionblock i {
  height: auto;
  width: 40px;
}
.sectionblock i img.doller-img {
  width: 32px;
}
.sectionblock i img.eye-img {
  width: 40px;
}
.banner-text {
  margin-top: 195px;
  margin-left: -15px;
  margin-right: -15px;
  text-align: center;
  padding: 20px;
position: relative;  
}
.banner-text::after{content: "";
  background: url(../images/shadow-img.png) no-repeat;
  width: 100%;
  height: 45px;
  position: absolute;
  left: 0;
  top: -43px;
  z-index: 0;}
.bannerimg .banner-text h2 { font-size: 22px;}
.bannerimg .banner-text p { font-size: 16px;}
.bannerimg .banner-text h2,.bannerimg .banner-text p { text-align: center; margin-bottom: 10px;}
.banner-text-block-none { background-color: transparent !important;}
.mt-n55 { margin-top: 0px;}
.card-custom-header h3 { text-align: center;}
.card-custom-header h3 span {     color: #2DBDCA;
  font-size: 18px;
  font-weight: bold;
  float: none;
  display: block;
  text-indent: -315px;
  overflow: hidden;
  width: 115px;
  background: #FF7500;
  height: 3px;
  margin: auto;
  margin-top: 5px;}
  .card-custom-header { box-shadow: none; padding-bottom: 0px;}
  ul.list-block-plus li a { font-size: 16px;}
  ul.list-block-plus li { margin-bottom: 25px;}
  .vermobile {     color: #2DBDCA;
    font-size: 18px;
    text-align: left;
    padding-left: 45px;
    margin-bottom: 25px;
    font-weight: bold;}
    .pl-40 { padding-left: 40px;}
    .card-custom-left-right{ border-radius: 0px; width: auto !important; margin-left: -15px; margin-right: -15px;}
    .medicine-img {     margin: 10px auto;}
    .howtowork-bg {margin-left: -15px; margin-right: -15px;}
    .negative-margin {margin-left: -15px; margin-right: -15px;}
    .benifit-card-header:after { display: none;}
    
    .padd-35 {
      padding: 25px 35px;
  }
  .tab-mobile .tab-content > .tab-pane,.tab-mobile .nav-tabs .nav-link{font-weight: normal;}
  .tab-mobile .nav-tabs .nav-link.active{ font-weight: bold;}
  .slider-img .circle { z-index: 0;}
  .card-custom-body h3 { font-size: 18px;}
  .card-custom-body p { font-size: 16px;}
  .mb-35 {
    margin-bottom: 20px;
}
.review-mobile{    padding-left: 8px;
  top: 80px;
  left: 11px;
}
.rating-socia-icon {
  background: #fff;
}
.rating-socia-icon .socialmobile-icon { margin-left: 25px; border-radius: 50px; padding: 3px; background: #fff; box-shadow: 0px 3px 28px #E2E3F299;}
.rating-socia-icon .socialmobile-icon img { width: 35px; margin: 5px;}
.cotent-block h3 span { width: 32%;}
.font-size-md-16 { font-size:16px !important ;}
.font-size-md-14 { font-size:14px !important ;}
.font-size-md-20 { font-size: 20px !important;}
.white-bg-mobile { background: #fff;}
.font-size-md-24 { font-size: 24px !important;}
.mobile-overflow { height: 327px;overflow: hidden;}
.common-icon-5 { position: absolute; right: 29px; top: 29px; width: 45px; width: 45px; }
.common-icon-5 img {width: 100%;}
.why-callondoc-scroll { height: 442px; overflow: hidden;}
.waterfly { position: absolute; bottom: -20px; right: 0px;}
.waterfly img { width: 26px;}
.pb-m-0 { padding-bottom: 0px !important;}
h3.font-size-m-24 { font-size: 24px !important;}
.footerbg p.ptext-16 { font-size: 14px !important;}
.border-bottom-md-none { border-bottom: none !important ;}
.box-shadow-md {box-shadow: 0px 0px 6px #9194B429 !important; margin-bottom: 18px;}
.std-banner  {margin-left: -15px; margin-right: -15px; background-color: #fff;}
.std-banner-block { width: auto; padding: 0px;}
.std-banner-text {padding: 20px 15px;}
.std-banner-text-ptext{     border-left: none; padding-left: 0px;}
.std-banner-text-ptext p { border-left: #18a4b3  solid 3px; padding-left: 20px;}
.w-25px {width: 27px !important;}
.margin-0{margin: 0px !important;}
.margin-l-r-0{margin-left: 0px !important; margin-right: 0px !important;}
.padding-0{padding: 0px !important;}
.background-transparent{ background: transparent;}
.header-blue2 h3{ position: relative;}
.header-blue2 h3::before{position: absolute;left: -48px;top: 11px;width: 35px;height: 3px;background:#fff;content: "";}
.card-block-std:after { display: none;}
.card-block-gonor:after { display: block;}

.card-block-std { background-color: #E9F2FF; box-shadow: none;}
.header-blue {margin-left: -15px; margin-right: -15px;     border-top-left-radius: 0px;border-top-right-radius: 0px;}
.back-std-background{ background-color: #fff;margin-left: -15px; margin-right: -15px; padding: 15px;}
.affordable {background-color: #fff;padding: 30px 15px;transform: none ;position: static;}
.w-auto { width: auto !important;}
.heading-section { padding: 25px 15px; background-color: #fff; position: relative;}
.heading-section h2 {color: #41435A;font-size: 24px;position: relative;margin-bottom: 0;text-align: center; font-weight: bold;}
.heading-section h2:before{content: ""; position: absolute; width: 37px; background-color: #41435A; top: 50%; margin-left: -43px; height:2px}
.heading-section h2 span { color: #FF7909;}
.std-card { border: 1px solid #EFEFEF; border-radius: 5px; overflow: hidden;}
.std-card .header-card {background-color: #34394D; font-size: 20px; color: #fff; text-align: center; padding: 10px;}
.std-card .body-card { background-color: #fff; color: #FF7909; }
.std-card .body-card .graytext {    text-align: center;color: #362016;font-size: 18px;line-height: normal;}
.orderTest { border-radius: 50px; padding: 5px 15px; color: #FF7909; font-weight: bold; border:#FF7909 solid 1px}
.orderTest:hover {background-color: #FF7909; color: #fff;}
.bodycard ul li {font-size: 16px;}
.w-sm-auto { width: auto !important;}
.background-none-mobile { background: transparent;}
.white-bg-mobile { background-color: #fff;}
.mt-sm-n4 { margin-top: -50px;}
.border-radius-mobile {border-radius: 10px;}
.header-white h3:before { display: none;}
.card-block-gonor{    box-shadow: 1px 1px 5px #e8e8e8; background-color: #fff;}
.more { position: relative; font-weight: bold;}
.more:after { position: absolute; width: 50%; background-color: #FF7909; height: 2px; bottom: -6px; left: 50%; transform: translateX(-50%); content: "";}
.shadow-mobile-sm {
  box-shadow: 0 0.125rem 0.15rem rgba(0, 0, 0, 0.035) !important;
}
.greenheadingtext { font-size: 24px; font-weight: bold;}
.logo {
  width: 147px;
}
.rating-socia-icon .socialmobile-icon img.margin-block{ margin: 0px 20px;}
ul.listicon li a { font-size: 22px;}
.padding-bottom-sm-0 { padding-bottom: 0px;}
.link {font-size: 17px;}
}

@media screen and (max-width: 500px) {
.social-icon {width: 96px;}
.map-bg h4{ font-size: 22px;}
.card {width: 100%;}
ul.footerlist li a,.footerbg p.ptext-16 {font-size: 14px;line-height: normal;}
ul.footer-nav li a {font-size: 12px;}
ul.footer-nav li { margin: 0px; padding: 0px 2px;}
.hippa {height: 47px;margin: 0px 0px;}
.bbba {height: 44px;margin: 0px;}
ul.footer-nav li:first-child{ width: 100%;}
ul.footer-nav { flex-direction: column; text-align: center;}
ul.footer-nav li a {padding: 3px;}
.shopper-approved_black {width: 70px;}
.medicine-img {max-width: 225px;}
.bannerimg {background-size: 1165px;}
}

@media screen and (max-width: 400px) {
.bannerimg {background-size: 1045px;}
.slider-img {max-width: 275px;}
section h2 {font-size: 30px;}
.font-size-22 { font-size: 22px;}
}

@media screen and (max-width: 359px) {
  ul.nav-categories li ul {position: static;}
  ul.nav-categories li ul { background: none;}
  .bluetext,.tab-font { font-size:14px}
  .tab-font2 { font-size:12px}
  .pricetext { font-size:20px}
  ul.footer-nav li a {font-size: 11px;}
  ul.footer-nav li {display: flex;}
  .bannerimg {background-position-x: -85px;}
  .tab-mobile .nav-tabs{justify-content: space-between;}
  .review-mobile{font-size: 14px; top: 72px;}
  .card-block-std {font-size: 14px; padding: 15px 9px;}
  .affordable h3 { font-size: 26px;}
  .affordable p { font-size: 14px;}
}

@media screen and (max-width: 1075px) {
  .contact-card { width: 485px;}
  .contact-card-body .ptext-orrange span {display:block;}
}

@media screen and (max-width: 767px) {
  .contact-card { width: 300px;}
  .contact-card-body .ptext-orrange span {display:block;}
}