html * { outline: none !important; }
body { font-family: "Overpass", sans-serif; font-size: 15px; line-height: 24px; word-wrap: break-word; }
a { -webkit-transition: all .5s; transition: all .5s; color: #03b2ef; }
a:hover { text-decoration: none; }
p { color: #666666; margin-bottom: 10px; }
p:last-child { margin-bottom: 0; }
h1, h2, h3, h4, h5, h6 { font-family: "Overpass", sans-serif; font-weight: bold; }
ul { list-style: none; padding: 0; margin: 0; }
button { -webkit-transition: all .5s; transition: all .5s; }
img { max-width: 100%; }
.bg-light-black { background: #02b8f4; }
.default-btn { background: linear-gradient(45deg, #02b8f4, #0c59a7); color: #ffffff; display: inline-block; cursor: pointer; padding: 5px 20px; font-weight: bold; font-size: 14px; text-transform: uppercase; border-radius: 4px; }
.default-btn:hover { background-color: #333333; background: linear-gradient(45deg, #0c59a7, #02b8f4); color: #ffffff; }
.form-control { height: 35px; border-color: #ffffff; padding: 8px 15px; border-radius: 5px; }
.form-control::-webkit-input-placeholder { color: #777777; }
.form-control::placeholder { color: #777777; }
.form-group { margin-bottom: 20px; }
.pl-10 { padding-left: 10px; }
.b-0 { border:0; }
.is-sticky { position: fixed; top: 0; left: 0; width: 100%; background: #FFFFFF; z-index: 999; -webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.4); box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.4); -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown; animation: 500ms ease-in-out 0s normal none 1 running fadeInDown; max-width: 100%;
}
.is-sticky .navbar-light .navbar-nav .nav-link { color: #333333; }
.appointment-inline { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-flow: row wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; -ms-flex-align: center; -webkit-box-align: center; align-items: center; }
.appointment-inline .appointment-btn { background: linear-gradient(45deg, #02b8f4, #0c59a7); color: #ffffff; display: inline-block; font-weight: bold; font-size: 13px; padding: 5px 20px; border-radius: 15px; }
.call-to-action { background-image: url("../../../img/slider/1.jpg"); background-position: center center; background-size: cover; background-attachment: fixed; background-repeat: no-repeat; padding-top: 50px; padding-bottom: 50px; position: relative; z-index: 1; }
.call-to-action::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #396cf0; opacity: .9; z-index: -1; }
.call-to-action .call-to-action-text { position: relative; padding-left: 75px; }
.call-to-action .call-to-action-text h3 { color: #ffffff; font-size: 22px; margin-bottom: 5px; }
.call-to-action .default-btn { background: linear-gradient(45deg, #FFFFFF, #FFFFFF); background-color: #ffffff; border-color: #ffffff; margin-top: 4px; color: #396cf0; }
.call-to-action-gray {
	background-position: center center; background-size: cover; background-attachment: fixed; 
	background-repeat: no-repeat; padding-top: 20px; padding-bottom: 20px; position: relative; z-index: 1; 
}
.call-to-action-gray::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #e5e5e5; opacity: 1; z-index: -1; }
.call-to-action-gray .call-to-action-text { position: relative; padding-left: 75px; }
.call-to-action-gray .call-to-action-text h3 { color: #333; font-size: 22px; margin-bottom: 5px; }
.call-to-action-gray .call-to-action-text p { color: #333; }
.call-to-action-gray .default-btn { background: linear-gradient(45deg, #02b8f4, #0c59a7); background-color: #ffffff; border-color: #ffffff; margin-top: 7px; color: #fff; border-radius: 25px; padding: 10px 50px;
}
.bottom-footer p { margin: 0; }
#toTop { position: fixed; bottom: 20px; right: 0; cursor: pointer; display: none; z-index: 9999999; }
#toTop i { background: #396cf0; color: #ffffff; display: inline-block; height: 45px; width: 50px; text-align: center; font-size: 30px; line-height: 45px; border-radius: 30px 0px 0px 30px; padding-left: 5px; -webkit-transition: .4s; transition: .4s;
}
#toTop i:hover { background: #333333; color: #ffffff; }
/*Custom CSS*/
.form-control, .book-now-btn { border-radius: 0; border: 1px solid #ccc; }
.book-now-btn { border: 0; background: linear-gradient(45deg, #02b8f4, #0c59a7); color: #fff; }
.bottom-footer p { color: #CCC; }
.card { -moz-box-direction: normal; -moz-box-orient: vertical; background-color: transparent; border-radius: 0.25rem; display: flex; flex-direction: column; position: relative; margin-bottom: 1px; border: 1px solid #fff; border-radius: 0;
}
.collapse.show {
	border-top: 1px solid #FFFFFF;
}
.brd-25 { border-radius: 25px; }
.brd-0 { border-radius: 0px; }
.gradient-text { background: -webkit-linear-gradient(#3a9bbb, #0d4680); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.width-100 { width: 100%; }
#popup_country_code { width: 100px; }
#webopinion_country_code { padding: 8px 0; }
/*Error Formating*/
.home-country-code .select2-container--default .select2-selection--single, .md-callback .select2-container--default .select2-selection--single {
  height: 45px!important;
}
.home-country-code .select2-container--default .select2-selection--single .select2-selection__rendered, 
.md-callback .select2-container--default .select2-selection--single .select2-selection__rendered
 { line-height: 45px!important; }
.home-country-code .select2-container--default .select2-selection--single .select2-selection__arrow,
.md-callback .select2-container--default .select2-selection--single .select2-selection__arrow
 { height: 45px!important; }
.md-callback .select2-container { width: 100%!important; margin-bottom: .5rem!important; }
.error-block {
  background: rgb(255 255 255 / 0); padding: 2px 5px 0 0; font-family: Overpass; color: #ff0000;
}
.error-block p {
  color: red; font-size: 14px;
}
/*Popup with Image*/
.form-control.not-allowed {
  background: #e2e2e2;
    border: 0;
    padding: 8px 15px;
    color: #333;
    cursor: not-allowed;
}
.modal-content .form-group { margin-bottom: 2px; }

/* Add Zoom Animation */
.animate, .doctor-personalized_form {
    -webkit-animation: animatezoom 0.6s;
    animation: animatezoom 0.6s
}

@-webkit-keyframes animatezoom {
    from {-webkit-transform: scale(0)} 
    to {-webkit-transform: scale(1)}
}
    
@keyframes animatezoom {
    from {transform: scale(0)} 
    to {transform: scale(1)}
}
.file-label {
  display: flex;
}
label.attachment { width: 25%; line-height: 30px; }
.file-label input[type="file"] {
    width: 75%;
}
.is-sticky { padding: 5px 0; }
#enquiry p, .sidebar-how p   {
  color: #333; font-size: 14px; line-height: 20px; font-family: Overpass;
}
.sidebar-how { padding: 15px 10px; margin: 0px 0; color: #333; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24); border: 0; width: 100%; background: #d5f2fd; position: relative; }
.consultation-mode, .treatment-short-info { padding: 15px 10px; margin: 15px 0; color: #333; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24); border: 0; width: 100%; position: relative; }
.consultation-mode { background: #f5f5f5; margin-top: 0;  }
.consultation-mode h4 { font-weight: normal; }
.mode-text { background: linear-gradient(45deg, #02b8f4, #0c59a7); width: 200px; padding: 5px 10px 3px; margin-left: -10px; line-height: 15px; margin-bottom: 5px; font-size: 15px; vertical-align: middle; display: inline-flex; border-radius: 0 15px 15px 0; color: #fff; }
.how-list, .green-tick-list, .mode-list { list-style: none!important; padding-left: 0px!important; color: #333!important; font-size: 14px; line-height: 22px; font-family: Overpass; padding-bottom: 10px; }
.how-list li, .green-tick-list li { font-size: 14px; line-height: 2; font-weight: normal; list-style: none; position: relative; padding-left: 35px; margin-bottom: 7px; }
.how-list li::before , .green-tick-list li::before { content: "\f00c"; position: absolute; left: 0; top: 1px; font-family: FontAwesome!important; width: 15px; height: 15px; color: #188405; font-size: 16px; font-weight:bold;
}
.mode-list { padding-bottom: 0; padding-top: 7px;}
.mode-list li { font-size: 15px; line-height: 2!important; font-weight: normal; list-style: none; position: relative; padding-left: 35px; margin-bottom: 7px; }
.mode-list li:last-child { margin-bottom: 0; }
.mode-list li.video::before {
    content: "\f03d"; position: absolute; left: 0; top: 1px; font-family: FontAwesome!important; width: 25px; height: 25px; color: #fff; font-size: 14px; background: linear-gradient(45deg, #02b8f4, #0c59a7); border-radius: 50%; padding: 0 5px; line-height: 25px;
}
.mode-list li.telephonic::before {
    content: "\f095"; position: absolute; left: 0; top: 1px; font-family: FontAwesome!important; width: 25px; height: 25px; color: #fff; font-size: 14px; background: linear-gradient(45deg, #02b8f4, #0c59a7); border-radius: 50%; padding: 0 0 0 7px; line-height: 25px;
}
.mode-list li.chat::before {
    content: "\f075"; position: absolute; left: 0; top: 1px; font-family: FontAwesome!important; width: 25px; height: 25px; color: #fff; font-size: 14px; background: linear-gradient(45deg, #02b8f4, #0c59a7); border-radius: 50%; padding: 0 5px; line-height: 25px;
}
.justify-content-center.call-to-action .call-to-action-text { padding-left: 0; }
.justify-content-center.call-to-action .call-to-action-text h3 { margin-top: 9px; font-family: 'Montserrat';  font-weight: 500;  }
.justify-content-center.call-to-action .default-btn { margin-left: 25px;}
.form-control { height: 35px; }
.swt-text-small { font-size: 14px; }
.swt-text-large { font-size: 16px; }
.swal2-content { padding: 0 0.5em; }
.modal label { margin-bottom: 0; font-weight: 500; }
/*Custom File CSS*/
.inputfile {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

.inputfile + label {
  font-weight: 500;
  font-size: 16px;
  color: #162b4f;
  display: inline-block;
  cursor: pointer; /* "hand" cursor */

}

.inputfile:focus + label,
.inputfile + label:hover {
    background-color: transparent;
}

.inputfile:focus + label {
  outline: 1px dotted #000;
  outline: -webkit-focus-ring-color auto 5px;
}

.inputfile + label * {
  pointer-events: none;
}
.switcher {
    font-family: 'Overpass';
    font-size: 14px;
    text-align: left;
    cursor: pointer;
    overflow: hidden;
    border-radius: 25px;
    border: 0;
    width: 162px;
    line-height: 12px;
}
.switcher .option { width: 175px;}
.switcher a { font-size: 14px; }
.switcher .selected a {
    border: 1px solid #2fb6e8;
    color: #666;
    padding: 0px 0px 0 15px;
    width: 145px;
    border-radius: 25px;
    font-size: 14px;
}
.switcher .selected a:after { right: 20px; }
.hospital-block .img_block { text-align: center; }
.popup-show , .hide { display: none; }
.swal2-styled {
    margin: .3125em;
    padding: 7px 15px!important;
    box-shadow: none;
    font-weight: 500;
    border-radius: 50px !important;
}
.swal2-styled.swal2-cancel { background-color: #278027!important; }
.switcher {
    font-family: 'MONTSERRAT';
    font-size: 14px;
    text-align: left;
    cursor: pointer;
    overflow: hidden;
    border-radius: 25px;
    border: 0;
    width: 162px;
    line-height: 12px;
}
.switcher .option { width: 175px;}
.switcher a { font-size: 14px; }
.switcher .selected a {
    border: 1px solid #2fb6e8;
    color: #666;
    padding: 0px 0px 0 15px;
    width: 145px;
    border-radius: 25px;
    font-size: 14px;
}
.switcher .selected a:after { right: 20px; }
.call-to-action-gray .default-btn { margin-top: 0; }

/*List Page*/
.doctor_img { width: 75px; height: 75px; margin: 0 auto; border-radius: 50%; display: flex; align-items: center; justify-content: center; position: relative;
}
.doctor-image-link { height: auto; width: 100%; background-size: contain; background-repeat: no-repeat; background-position: center; }
.doctor-word { font-size: 36px; line-height: 1; text-decoration: none; color: #b2b2b2; }
.doctor_image { width: 100%; max-width: 75px; height: 75px; border-radius: 50%; padding: 0px; }
.list-inline .list-inline-item.hospital-treatment.active {
  background: #04a3e3;
  border: 0;
}
.list-inline .list-inline-item.hospital-treatment.active a {
  color: #fff;
}
.list-inline .list-inline-item.hospital-treatment.more-data {
  background: transparent;
  border: 0;
}
.list-inline .list-inline-item.hospital-treatment.more-data a {
  color: #04a3e3; font-weight: 600;
}
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.7.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-display: swap;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
  .fa-hospital-o:before{content:"\f0f8"}
  .fa-bed:before{content:"\f236"}
  .fa-user-md:before{content:"\f0f0"}
  .fa-map-marker:before{content:"\f041"}
  .fa-calendar:before{content:"\f073"}
  .fa-user:before{content:"\f007"}
  .fa-facebook:before{content:"\f09a"}
  .fa-instagram:before{content:"\f16d"}
  .fa-linkedin:before{content:"\f0e1"}
  .fa-twitter:before{content:"\f099"}
  .fa-youtube:before{content:"\f167"}
  .fa-star:before{content:"\f005"}
  .fa-search:before{content:"\f002"}
  .fa-phone:before{content:"\f095"}
  .fa-filter:before{content:"\f0b0"}
  .fa-arrow-left:before{content:"\f060"}
  .fa-arrow-right:before{content:"\f061"}
  .fa-heartbeat:before{content:"\f21e"}
  .fa-caret-down:before{content:"\f0d7"}
  .fa-caret-up:before{content:"\f0d8"}
  .fa-video-camera:before{content:"\f03d"}
  .fa-whatsapp:before{content:"\f232"}
  .fa-comments:before{content:"\f075"}
  .fa-chain-broken:before { content: "\f127"; }
  .fa-file-archive-o:before { content: "\f1c6"; }
/*! 
* @package IcoFont 
* @version 1.0.1 
* @author IcoFont https://icofont.com 
* @copyright Copyright (c) 2015 - 2021 IcoFont 
* @license - https://icofont.com/license/
*/

@font-face
{
 
font-family: "IcoFont";
font-weight: normal;
font-style: "Regular";
src: url("../fonts/icofont1.woff2") format("woff2"),
url("../fonts/icofont1.woff") format("woff");
}

[class^="icofont-"], [class*=" icofont-"]
{
  font-family: 'IcoFont' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  line-height: 1;
/* Better Font Rendering =========== */
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

.icofont-prescription:before
{
  content: "\ec30";
}

.icofont-search-document:before
{
  content: "\ed13";
}

.icofont-handshake-deal:before
{
  content: "\e96f";
}

.icofont-airplane-alt:before
{
  content: "\ee0d";
}

/*Sidebar*/
.steps-box{
  padding-left: 17px;
  border-bottom: 1px solid #dedede;
  padding-bottom: 20px;
}
.steps-box::before {
  position: absolute;
  content: '';
  width: 2px;
    height: 350px;
    background: #afafaf;
    left: 12px;
    top: 85px;
}
.steps-box .steps-outer{
    display: flex;
    margin-bottom: 50px;
    padding: 2px 0px;
    width: 100%;
}
.steps-box .steps-outer:nth-last-child(1){
    margin-bottom: 0;
}
.steps-box .steps-outer .steps-number{
    width: 65px;
    border: 1px solid #fff;
    border-radius: 100%;
    background-color: #fff;
    text-align: center;
    height: 65px;
    /*padding: 2px;*/
    padding-top: 5px;
    position: relative;
}
.steps-box .steps-outer .steps-number::before {
  position: absolute;
  content: '';
  width: 10px;
    height: 10px;
    background: #afafaf;
    top: 45%;
    border-radius: 50%;
    left: -20px;
}
.steps-box .steps-outer .steps-number i{
    background: -webkit-linear-gradient(#3a9bbb, #0d4680);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 35px;
line-height: 57px;
}
.steps-box .steps-outer .steps-content{
    margin: auto 0;
    padding-left: 15px;
    flex:0 0 70%;
}
.steps-box .steps-outer .steps-content h5
{
  font-size: 16px; color:#333; margin-bottom: 2px;
}
.steps-box .steps-outer .steps-content p{
    color: #333;
}

/*List Items CSS*/
.ul-hospital-list-accreditation { position: absolute; right: 15px; top:1px; }
.ul-hospital-list-accreditation.list-inline .list-inline-item { padding: 0 0; /*background: linear-gradient(45deg, #0c59a7, #02b8f4);*/ border-radius: 50%; height: 25px; width: 25px; margin: 0 2px; text-align: center; line-height: 29px; border: 0; cursor: pointer; }
.ul-hospital-list-accreditation .fa { color: #04a8e7; }
.ul-hospital-list-accreditation img { width: 20px; height: 20px; }
.verify-tag span {
    padding: 5px 0 2px; background: #55a740; color: #fff; line-height: 14px; font-size: 14px; border-radius: 2px; letter-spacing: 0.5px; width: 65px; display: inline-block; margin: 0 auto;
}
.price { padding-top:10px; }
.price span { font-weight: 600; font-size: 16px; margin-right: 5px; color: #666; }
.membership { background: linear-gradient(to left,#d7f4ff,#fffefc); margin:0 0 0 auto; padding: 5px 10px; border-radius: 5px 0 0 5px; }
.membership-badge-img { width: 30px; margin-right: 5px; }
.membership p {
    line-height: 1; color: #666; text-align: right; font-size: 14px;
}
.membership p.save-text { font-size: 12px; color: green; }
.procedures-list { background: #e8e9eb; padding: 5px 15px; border-radius: 0 0 10px 10px; margin-top: 10px; }
.procedures-list .procedure-head { color: #666; font-size: 14px; font-weight: 600; }