@font-face { font-family: FFShamelFamily-SansOneBold;
    src: url('../fonts/OpenSans-Bold.ttf');
    font-display: swap;
}
@font-face { font-family: FFShamelFamily-SansOne;
    src: url('../fonts/OpenSans-Regular.ttf');
    font-display: swap;
}
body{
	margin:0;
	padding:0;
	font-family: 'Helvetica ', Arial,sans-serif !important;
	color:#4a4a4a !important;
}

a{
	text-decoration:none !important;
}
.light_blue{
    color: #38b9db !important ;

}
.related_search{
    font-size: 14px;
    font-family: 'FFShamelFamily-SansOneBold';
    font-weight: normal;
    color: #38b9db;
    padding: inherit;
}
.right{text-align: right !important;}

.cmSpec
   {  display: inline-block;
    color: #0095bc;
    font-size: 14px;
    font-family: 'FFShamelFamily-SansOne';
    margin: 3px;
    text-decoration: underline !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
    vertical-align: middle;

}
.cmbranch{
    display: inline;
    font-size: 14px;
    color: #0095bc;
    font-family: 'FFShamelFamily-SansOne';
    margin: 5px !important;
    text-decoration: underline !important;

}
.cmbranch:hover, .cmSpec:hover{
    color: #0e0e0e;
   text-decoration: none !important;
}
#showmore, #showmoreInsurance, #more, #moreQuestions, #showmoreRates
 {  border-radius: 15px;
    background-color: #38b9db;
    margin: inherit;
    font-family: 'FFShamelFamily-SansOne';
    outline: none;
    border-color: #004f6c;
}
.moreDoctors{
    font-size: 20px;
    line-height: 8;
    color: #56c3e0;
}
.ins_comp{
    margin: 5px 0px !important;
font-family: 'FFShamelFamily-SansOne';
white-space: normal;
}
.specialityService{
    border:none !important;
    background-color:#004f6c !important;
    color:white !important;
    font-family: FFShamelFamily-SansOneBold !important;
    font-size: 12px !important;
}
.btn-primary-service {
    color: #38b9db;
    background-color: #fbfbfb;
    border-radius: 35px;
    border: 1px solid #38b9db;
    margin: inherit;
    max-width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.btn-primary-service:hover{
    color: white;
    background-color: #38b9db;
    border-radius: 35px;
    border: 1px solid #38b9db;
    margin: inherit;
}
.center_info{

    display:inline !important;
}
.centerInfoIcon{
    color:#38b9db;
    margin:0 3px;
}

    .service_card_container{
        padding:0 20px;
    }
    .service_card{
    background: white;
    border-radius: 12px;
    margin: 10px 0px;
    min-height:40px;
    }
    .others{
        margin: 10px 0;
    }

    .service{
   font-family: 'FFShamelFamily-SansOne';
    font-size: 16px;
    padding: 0 10px;
    padding-bottom: 5px;
    font-weight:bold;
    }
    #other_services a{
     font-family: 'FFShamelFamily-SansOne';
     color: #38b9db !important;
    padding: 0 15px;
    font-size: 16px;
    font-weight:bold;
    cursor: pointer;
    }
    .relatedservice,.moreservices{
    font-family: 'FFShamelFamily-SansOne';
    border: 1px solid #38b9db;
    color: #38b9db;
    margin:3px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 100%;
    border-radius: 20px;
    background-color: #fbfbfb;
    }

    .relatedservice:hover,.moreservices:hover{
        color:white !important;
        background-color : #38b9db;
    }
    .relatedServices{
        font-family: 'FFShamelFamily-SansOne';
        margin:5px 15px;
        display:none;
    }
    #otherIcon{
        margin: 0 10px;
    }
    .active_service{
        display:block;
    }
    .icon_active{
        transform: rotateZ(180deg);
    }
label{
	color:#4a4a4a;
	margin-bottom:10px !important;
	font-size: 20px;
}
select option[disabled]:first-child {
	display: none;
}
option{
	text-indent: 15px;
    background-color: #ffffff;
    width: 50%;
    border-color: #ffffff;
}
.close {
    font-size: 25px;
    opacity: 0.6 !important;
}

.text-danger{
	color:red !important;
}
.mobilemenu div{
	display:flex;
}
.btn-block+.btn-block {
    margin-top: 0px;
}
.mobilemenu p{
	font-family: FFShamelFamily-SansOne;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #4a4a4a;
	margin-top: 15px;
	margin-bottom: 15px;
}
.langbtn{
	height: 40px;
	border-radius: 4.5px;
	background-color: #f5f5f5;
	color:#0e0e0e;
	padding: 8px 12px !important;
	border-color: #f5f5f5;
	margin-right: 10px;
	font-size:14px;
	text-align: left;
}
.btn.btn-block.langbtn:focus {
	color: #0e0e0e !important;
	outline:none;
}
.btn.btn-block.langbtn:hover {
    color: #0e0e0e !important;
}
.close-icon{
	display:none;
}
.ar{
	opacity: 45%;
}
.english-img{
	width: 23px;
	height: 23px;
	display:inline;
}
.arabic-img{
	width: 23px;
	height: 23px;
	display: inline;
}
.pop-link{
    width:95%;
    height:100%;
}

.slidemeup{
position: fixed;
height: 80px;
width: 100%;
left: 0;
animation-name: slideup;
animation-delay: 2s;
animation-duration: 1s;
animation-fill-mode: forwards;
animation-timing-function: ease-out;
z-index: 100;
background: #004f6c;
display: none;
}
@keyframes slideup {
0%{bottom:-50px}
100%{bottom:0;}
}
.closing{
    top: 6px;
    right: 6px;
    position: absolute;
    color: #fff;
}
.sliderText{
    text-align: center;
    margin-top: 26px;
    color: #fff;
    font-size: 16px;
    font-family: 'FFShamelFamily-SansOneBold';
}
.sliderText span{

    background: #30C34A;
    padding: 0 4px;
    border-radius: 3px;

}
.mobilemenu hr{
	margin-top:19px;
	margin-bottom: 15px;
}
.nav .Col-btn-login{
	height: 56px;
	border-radius: 4px;
	background-color: #004f6c;
	font-family: Helvetica;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #ffffff;
	margin-top: 18px;
}
.nav .AreYD-link{
	padding:0px !important;
	text-align:left !important;
}
.secure {
    font-size: 24px;
    color: #38b9db;
    margin-left: -10px;
    /* margin-top: 3%; */
    float: inherit;
}
.button {
	display: inline-block;
	margin-bottom: 0;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	padding: 6px 12px;
	font-size: 25px;
	line-height: 1.42857143;
	border-radius: 4px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.entp1 input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none !important;
  margin: 0;
}
#dr_pf .btn:hover {
    text-decoration: none !important;
    color: #fff;
}
.sub-email .btn-nav:hover{
	color:#fff;
}
.footer-sub .btn:hover {
    text-decoration: none !important;
    color: #fff;
}
#availdates .modal-dialog {
    margin: 50px auto !important;
}
#areyoudoctor .btn:hover {
    text-decoration: none !important;
    color: #fff;
}
.input-lg::placeholder{
    font-size: 16px;
}
.input-lg{
	border:none;
	width: 100%;
	font-size: 20px;
	color:#4a4a4a;
}

.btn:hover {
    text-decoration: none;
}
.btn.btn-md.btn-nav.navbar-btn:hover {
    color: #fff !important;
}
.container{
	max-width:970px;
}
.navbar .container-fluid{
	margin-right: auto;
}
.flg-img{
	float: left;
	margin-top: 8px;
	margin-right: 10px;
	width:35px;
}
.nwdt span i{
	padding:10px;
}
.btn-grey{
	background:#f9f9f9;
}
.navbar-nav {
    text-align: left;
}
.navbar-white {
    background-color:#ffffff;
    border-color: #ffffff;
}
.navbar{
	min-height:60px ;
}
.navbar-nav{
	padding:10px 0px!important;
}
.nav>li>a {
	font-size:20px;
	color:#4A4A4A;
}
.btn.btn-lg.btn-block {
    font-size: 25px;
	height: 60px;
	background: #38b9db;
	color: #fff;
}
#myNavbar #homepageicon{
	width:100%;
}
#myNavbar #areyoudoctor{
	width: 230px;
}
.navbar-toggle {
	float:right;
	margin-right: 0px;
}
.Deskmenu .btn-nav{
	width: 100%;
	height: auto;
	font-family: FFShamelFamily-SansOneBold;
	font-size: 18px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	color: #ffffff;
	height: 60px;
	border-radius: 6px;
	background-color: #004f6c;
	padding: 10px 15px !important;
}
.nav > li > a:focus, .nav > li > a:hover {
    text-decoration: none;
    background:none !important;
}

.navbar-nav>li>.dropdown-menu {
    font-size: 20px;
    border: none;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)!important;
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.nav .active a
{
	color:#004f6c;
	font-weight: bold;
	height: auto;
	font-family: FFShamelFamily-SansOneBold;
	font-size: 18px;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	padding-top: 23px;
}

.navbar-brand {
	padding: 20px 15px !important;
}

.dropdown-menu i{
	color:#38B9DB;
}

.dropdown-menu>li>a {
	padding: 10px 20px !important;
}

.modal-dialog {
	margin:200px auto !important;
}
.modal-header {
	border:none !important;
}
.modal-footer {
	border:none !important;
}
#Commonconfirm .modal-footer{
	padding-top: 0px;
}
#Commonconfirm .modal-content{
	background-color: #efeff4;
}
#Commonconfirm .modal-body{
	padding-bottom: 0px;
}
#Commonconfirm .modal-content .get-h1{
	text-align:left;
	color: #004f6c;
}
#Commonconfirm .modal-content .app-download{
	display: flex;
	margin-top:20px;
	margin-bottom: 0px;
}
#Commonconfirm .modal-content .app-download a{
	margin-left: 0px;
}
#Commonconfirm .modal-content .mobile-img{
	width:100%;
	margin-bottom: 20px;
}
#Commonconfirm .modal-content .btn-nav{
	width:100%;
	color:#ffffff;
	background-color: #30c34b;
	height:60px;
	font-family: FFShamelFamily-SansOneBold;
}
.wd-ful{
	width:100%;
	color:#ffffff;
	background: #30C34A;
}
.bg-white{background:#fff !important;}
.d-flex{display: flex !important;}
.d-inlineflex{display: inline-flex !important;}

.sgout-pop{
	font-size:25px;
	font-family: FFShamelFamily-SansOne;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #004f6c;
}
.glyphicon {
	top:4px !important;
}
.navbar .btn-nav{
	border-radius: 5px;
	color: #fff;
	background-color: #004f6c;
    border-color: #004f6c;
	padding:10px 30px !important;
}
/* intltelinput libarary start*/
.iti{
    width:100%;
    display: block !important;
}
.iti  .iti__selected-flag .down-arrow {
	right:20px !important;
}
.iti  .iti__selected-flag {
    padding: 6px !important;
    border-right: solid 0.5px #979797;
}
.iti .iti__selected-flag:focus{
   outline:none;
}
.iti.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag{
	background-color: #ffffff ;
}
.iti input {
    padding-right: 55px !important;
}
/* intltelinput libarary end */
.hero-image {
  background-color:#ffffff;
  height: auto;
  border-radius: 20px;
}
select.input-lg {
	height: 70px;
}
.input-lg {
	height: 70px ;
	background: #f9f9f9 !important;
	border: none !important;
}
.fnt-25{
	font-size:25px !important;
}

/* _________________________________ New HomePage Design______________________________ */
#Home_call{
    display: inline;
    width: 105px;
    height: auto;
    border-radius: 6px;
    background-color: #38b9db;
}
#Home_call img{
    width: 20px;
    height: 20px;
    margin: 6px 7px 9px 2px;
    display: inline;
}
#Home_call p{
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
    display: inline;
}
.offline_booking {
   font-family: FFShamelFamily-SansOneBold !important;
   font-size: 24px !important;
   font-weight: bold;
   font-stretch: normal;
   font-style: normal;
   line-height: 1.44;
   letter-spacing: normal;
   text-align: left;
   color: #38b9db !important;
}
.form_card form select[name="drcity"]{margin-right: 5px;}
.form_card form select[name="drarea"]{margin-left: 5px;}
.media_padding{
    padding:0 !important;
    display: flex;
    justify-content: space-between;
}
.form_card {
   padding: 20px 10px 8px !important;
   border-radius: 8px;
   box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.16);
   background-color: #fff;
}

.form_card .row {
   padding: 0 1% !important;
}

.form_card .row .submit_form {
   width: 100% !important;
}

.product_card {
   border-radius: 8px;
   box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.16);
   background-color: #fff;
}

.product_card p {
   font-size: 16px !important;;
   text-align: center !important;;
   color: #004f6c !important;;
   padding: 10px 0px !important;;
   display: block !important;
   font-weight: bold !important;
}

.prod_img_container img {
   width: 100%;
   border-bottom-right-radius: 8px;
   border-bottom-left-radius: 8px;
   height: 150px;
   object-fit: contain;
}
.vendors_slider .nav-tabs {
    display: flex;
    width: 100%;
    /* overflow-x: auto; */
    border-bottom: none;
    /* direction: rtl; */
    padding-top: 10px;
    background: #fff;
    padding-left: 70px;
 }
 .vendors_slider .featuredParteners{
    margin: 0;
    padding: 20px 0px 0 70px;
    background: #fff;
    text-align: left;
    font-size: 18px;
    color: #38b9db;
}
.vendors_slider #Doctors #slider{height: 230px;}
.vendors_slider #Hospitals #slider{height: 220px;}
 .vendors_slider .nav-tabs>li {
    font-size: 20px;
    padding: 0 10px !important;
    display: inline-flex;
    white-space: nowrap;
 }

 .vendors_slider .nav-tabs>li>a {
    border: none;
    color: #004f6c;
    font-family: FFShamelFamily-SansOne;
    line-height: normal;
 }

 .vendors_slider .nav-tabs>li.active>a,
 .vendors_slider .nav-tabs>li>a:hover {
    border: none !important;
    color: #004f6c !important;
    background: transparent !important;
    border-bottom: 4px solid #004f6c !important;
    font-family: FFShamelFamily-SansOneBold !important;
 }

 .vendors_slider .nav-tabs::-webkit-scrollbar {
    display: none;
    /*Safari and Chrome*/
 }



 .vendors_slider {
    direction: ltr !important;
    background: #efeff4;
 }
 .vendors_slider #owl-example .owl-dots{margin-top: 0; padding-top: 0;}

 .doctor_card {
    padding: 10px 0;
    border-radius: 8px;
    box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.21);
    background-color: #fff;
    margin: 5%;
    font-family: 'FFShamelFamily-SansOne';
 }

 .doctor_card img {
    width: 65px !important;
    height: 65px !important;
    border-radius: 38px;
    border: solid 2px #026d95;
    float: left;
    margin-left: 20%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    object-fit: cover;
 }

 .doctor_card h4 {
    font-size: 16px !important;
    font-weight: bold;
    line-height: 1.94;
    letter-spacing: normal;
    text-align: left;
    color: #38b9db;
    margin-right: 50px;
 }
 .doctor_card .col-xs-9{padding-left: 5px !important;}
 .line2-5 {
    line-height: 2.5 !important;
 }

 .doctor_card .title {
    font-size: 12px;
    line-height: 1.42;
    letter-spacing: normal;
    text-align: left;
    color: #000;
    width: 90%;
 }

 .doctor_card .about {
    font-size: 12px;
    line-height: 1.42;
    text-align: left;
    color: #888;
    margin-top: 10px;
    /* direction: rtl; */
 }

 .doctor_card .rate-box {
    padding: 3% !important;
    background-color: #fbfbfb;
    text-align: center;
 }

 .doctor_card .rate-box p {
    display: inline-block;
    margin-bottom: 0;
    color: #888888;
 }

 .truncated {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
 }

 .poweredImg {
    border: none !important;
    width: 40px !important;
 }
 .homeChooseSpeciality{
    /* background: #efeff4; */
    padding-left: 70px;
 }
 .homeChooseSpeciality h3, #clinidoBlog .blogSectionTitle h3{
    font-weight: bold;
    color: #38b9db;
    /* border-bottom: 4px solid #38b9db; */
    width: fit-content;
    font-family: 'FFShamelFamily-SansOneBold';
 }
 .spec_images_container{
    display: flex;
    width: 100%;
    flex-direction: row;
    max-width: 100%;
    overflow-x: auto;
 }
 .spec_images_container::-webkit-scrollbar {
    width: 0px;
    background: transparent; /* make scrollbar transparent */
}
 .spec_images{
    margin: 30px 40px 10px;
    border-radius: 50%;
    border: 3px solid #38b9db;
    height: 75px;
    /* background: #efeff4; */
 }
.spec_images img{
    width:70px;
    /* filter: brightness(0) saturate(100%) invert(19%) sepia(93%) saturate(1250%) hue-rotate(167deg) brightness(98%) contrast(104%); */
}
span.spec_name {
    display: block;
    color: #00516e;
    font-family: 'FFShamelFamily-SansOne';
    font-size: 14px;
    text-align: center;
}
#clinidoBlog{
    background: #efeff4;
    font-family: 'FFShamelFamily-SansOne';
}
#clinidoBlog .blogSectionTitle{
    padding-left: 70px;
    /* background-color:#fff; */
    padding-top: 10px;

}

#clinidoBlog .row{
    background-color:#efeff4;
}
#clinidoBlog .blogCard{
    background-color: #fff;
    border-radius: 5px;
    margin-bottom: 40px;
    margin-top: 20px;
    min-height: 220px;
    padding-bottom: 24px;
}
.blogCard h4{
    color: #004f6c;
    font-weight: bold;
    margin-top: 30px;
}
.blogCard p, .blogCard a{font-size: 16px;}
.blogCard a{background-color:#38b9db;}
#clinidoBlog .homeBlogImg{width: 75%;float: right;}
 #why_clinido {
    background: #fff;
    padding: 2% 0px;
    min-height: 85px;
 }
.why-img img, .why-img .why-h4{display: inline !important;}
 #why_clinido .why_h2 {
    font-size: 30px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.9;
    letter-spacing: normal;
    text-align: left;
    color: #38b9db;
    margin-top: 30px;
 }
 #why_clinido .why-h4 {line-height:3 !important;}
 #clinido_best_choice .best-p{
    font-family: FFShamelFamily-SansOne;
    font-size: 16px;
 }
 #best-choice .best-h4, #clinido_best_choice .best-h4{
    font-family: FFShamelFamily-SansOneBold;
 }
 .text_dark {
    color: #000 !important;
 }

 #why_clinido .why_div {
    padding: 8px;
    border-radius: 8px;
    border: solid 2px #004f6c;
    text-align: center;
    font-family: FFShamelFamily-SansOne;
    margin-bottom: 20px;
    height:95px;

 }

 #why_clinido .why_div p {
 margin: 2%;}
 #clinido_best_choice,
 .testmonials {
    /* background: #efeff4; */
    /* margin-bottom: 2%; */
    /* padding-bottom:3%; */
 }
 .testmonials {
    background: #efeff4;}
 .why_best {
    font-size: 24px !important;
    text-align: left !important;
 }

 .why_answer {
    font-family: FFShamelFamily-SansOne;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.9;
    letter-spacing: normal;
    text-align: left;
    color: #000;
 }

 .why_img {
    /* text-align: -webkit-center; */
 }

 #clinido_best_choice .best {
    height: 200px !important;
    margin-bottom: 25px;
 }
 #seprator{
    height: 40px;
    background-color:#efeff4;
 }
.mobile_view{display: none !important;}
.desktop_view{display: block !important;}
 #clinido_best_choice .best .center {
    margin: 3% ;
    padding: 4%;
    text-align: left;
 }

 #clinido_best_choice .best div[id^="img"] {
    width: 50px !important;
    height: 50px !important;
    /* float: right !important; */
    background-size: contain !important;
    background-repeat: no-repeat !important;
 }

 .best_reason {
    display: flex;
    font-size: 16px !important;
    place-content: left;
 }
 #get_App h2 {
    font-family: FFShamelFamily-SansOne;
    font-size: 30px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.9;
    letter-spacing: normal;
    text-align: left;
    color: #38b9db;
 }

 #get_App {
    margin-bottom: 40px;
 }
 #get_App .app-download.row.download_now{display: block;}

 #get_App .getApp_p {
    font-family: FFShamelFamily-SansOne;
    font-size: 20px;
    text-align: left;
    padding: 10px 0px;
 }

.pt-40{ padding-top:40px;}

.get-img {
   text-align: -webkit-center;
}

.get-img .newdownloadImg{
   height: 400px !important;

}

/* .app-download.download_now {
   width: 85%;
   margin: auto;
} */
.app-download .web-img{display: block;}

.testmonials {
      padding-bottom: 10px;
 }

 .testmonials h2 {
    width: 100%;
    height: auto;
    font-family: FFShamelFamily-SansOneBold;
    font-size: 24px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #38b9db;
 }
 .testmonials .cards_container {
    margin: 0px;
 }

 .qoute {
    padding: 4px 2px 2px 4px;
    ;
    box-shadow: 0px 3px 7px 0 rgba(26, 38, 74, 0.15);
    background-color: #f8fafc;
    width: 55px;
    height: 55px;
    z-index: 10000000000;
    border-radius: 50%;
    right: 50%;
    margin: -10% auto 20px auto;
    direction: ltr;
    position: static;

 }
 .testmonials .cards_container .carousel {
    display: none;
 }

 .testmonial_snip {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
    color: #9e9e9e;
    display: inline-block;
    font-family: FFShamelFamily-SansOne;
    font-size: 16px;
    position: relative;
    text-align: left;
    width: -webkit-fill-available;
    background-color: #ffffff;
    border-radius: 8px;
    border-top: 5px solid #38b9db;
 }

 .testmonial_snip *,
 .testmonial_snip *:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
 }

 .testmonial_snip figcaption {
    padding: 8% 10% 3%;
    min-height: 150px;
 }
 #carousel-example-generic .feedbackCard{
    margin: 0% 2%;
    padding: 0 8px;
 }
#carousel-example-generic #slider .owl-item{    padding: 30px 10px;}
#carousel-example-generic #slider .owl-carousel .owl-item img{margin: auto;}
 figcaption .qoute_icon {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #f8fafc;
    border-radius: 50%;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
    left: 50%;
    position: absolute;
    top: -30px;
    width: 60px;
    height: 60px;
    padding-top: 10px;
    padding-left: 2px;
    text-align: center;
 }



.testmonial_snip h3 {
    font-size: .9em;
    font-style: italic;
    margin-top: auto;
    text-align: left;
    left: 10px;
    bottom: 0;
    position: absolute;
}

 .testmonial_snip blockquote {
    border: none !important;
    color: #000;
    font-weight: 300;
    margin: 0 0 20px;
    font-size: 14px !important;
 }
 .customeH2{
    font-size: 14px !important;
    font-family: FFShamelFamily-SansOne !important;
    color: #000 !important;
    line-height: 1.5 !important;
    margin-top: 5px !important;
    }
    .productHomeH2{
        font-size: 14px !important;
        font-family: FFShamelFamily-SansOneBold !important;
        color: #004f6c !important;
        line-height: 1.5 !important;
        margin-top: 5px !important;
        font-weight: bold !important;

    }
/* _______________________________Endof New HomePage Design____________________________*/

.hero-text {
	color: #004f6c;
	margin-top: 120px;
}
.hero-text h1{
	width: 100%;
	height: auto;
	font-family: FFShamelFamily-SansOneBold;
	font-size: 60px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	color: #004f6c;
    margin-top: -5px;
}
/* .hero-text #Home_h1{font-size: 37px !important;}
.hero-text #Home_h2{font-size: 26px !important;} */
.hero-text h2{
	width: 100%;
	height: auto;
	font-family: FFShamelFamily-SansOneBold;
	font-size: 30px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	color: #004f6c;
	display: inline;
}
.hero-text .row .end{
    text-align: end;
    padding-right: 0;
    margin-top: 10px;
}
.hero-text #call, .Lab_Call_us #call{
	margin-left: 19px;
	display: inline;
	width: 135px;
	height: auto;
	border-radius: 6px;
	background-color: #38b9db;
}
.hero-text #call img, .Lab_Call_us #call img{
	width: 20px;
	height: 20px;
	margin: 6px 17px 9px 2px;
	display: inline;
}
.hero-text #call p, .Lab_Call_us #call p{
	width: 68px;
	height: 31px;
	font-family: FFShamelFamily-SansOneBold;
	font-size: 16px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	color: #ffffff;
	display: inline;
}
.hero-text p{
	/* width: 315px; */
	height: auto;
	font-family: FFShamelFamily-SansOne;
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	color: #004f6c;
}
.book-form .online{
	padding-right:15px;
}
.book-form .online_consult{
	width:100%;
	height: 74px;
	border-radius: 8px;
	background-color: #efeff4;
	display:flex;
	margin-top:-25px;
}
.book-form .online_consult img{
	transform: scaleX(-1);
}
.book-form .online_consult .online-img{
	padding:17px 27px;
}
.book-form .online_consult h3{
	padding:5px 0px;
	width:75%;
	font-family: FFShamelFamily-SansOneBold;
	font-size: 16px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.63;
	letter-spacing: normal;
	text-align: left;
	color: #004f6c;
}
.book-form .online .book{
	margin-top:17px;
	font-family: FFShamelFamily-SansOne;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	color: #000000;
}
.book-form div{
	padding-left: 0px;
	padding-right:5px;
}
.book-form .input-container {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  width: 100%;
  margin-bottom: 10px;
}
.selectdiv:before {
    content: '\f107';
    font: normal normal normal 17px/1 FontAwesome;
    color: #d4d7d8;
    left: 11px;
    top: 3px;
    height: 34px;
    padding: 15px 0px 0px 0px;
    position: absolute;
    font-size: 25px;
    pointer-events: none;
}
.book-form .icon {
    position: absolute;
	font-size:25px;
	padding: 12px 0px;
	background: #efeff4;
	min-width: 30px;
	text-align: center;
    border-radius: 8px 0px 0px 8px;
    min-height: 65px;
}
.book-form .icon img{
    width:13px;
    height:13px;
}
.book-form .input-field {
  width: 100%;
  height: 65px;
  outline: none;
  background-color: #efeff4 !important;
  font-family: FFShamelFamily-SansOne;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #000000;
  border-radius:8px 8px 8px 8px;
}
.book-form .doctor-name{
    border-radius: 8px;
    padding-left: 32px;
}
.slick-prev::before, .slick-next::before {
	font-size:25px !important;
	font-weight:bold;
}

.book-form .input-field:focus {
  border: 2px solid #38b9db;
}

/* Set a style for the submit button */
.book-form .btn {
	padding: 20px 20px;
	font-family: FFShamelFamily-SansOneBold;
	font-size: 20px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	color: #ffffff;
	border: none;
	cursor: pointer;
	width:100%;
	height: 65px;
	border-radius: 8px;
    background-color: #30C34A;
    outline: none;
}
.book-form .btn:hover {
  opacity: 1;
  color:#fff !important;
}
#featuredDoc{
	height: auto;
	font-family: FFShamelFamily-SansOneBold;
	font-size: 22.5px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	color: #38b9db;
	margin-top: 4%;
	margin-left:2%;
    border-bottom: 3px solid #38b9db;
    display: -webkit-inline-box;
    margin-bottom: 0;
    float: left;
}
#feature{
	width: 185px;
	height: auto;
	border-bottom: solid 3px #38b9db;
	margin-bottom: 0%;
    float: left;
    margin-left: 2%;
}
.dropfull li{
	list-style:none;

}
.dropfull ol, ul {
	margin-bottom: 0px !important;
}

.selectdiv {
  position: relative;
  /*Don't really need this just for demo styling*/

}

.selectdiv img {
	left: 12px;
	top: 30px;
	height: auto;
	font-size:25px;
	position: absolute;
}

/* IE11 hide native button (thanks Matt!) */
select::-ms-expand {
	display: none;
}

.selectdiv select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* Add some styling */
  display: block;
  width: 100%;
  float: right;
  padding: 0px 28px;
  line-height: 1.75;
  color: #333;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #0ebeff;
  -ms-word-break: normal;
  word-break: normal;
}
#slider {
	background: #efeff4;
}
#slider-cd .prof-img,#dr-profile .prof-img, #drprofile-header .prof-img{
	width: 76px;
    height: 76px;
    border-radius: 38px;
    border: solid 2.2px #026d95;
    float: left;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
#slider-cd .offer-text, #dr-profile .offer-text, #drprofile-header .offer-text{
	position: absolute;
	right: 2px;
	font-family: FFShamelFamily-SansOneBold;
	font-size: 14px;
    top: 65px;
    background: #F00;
    color: #ffffff;
    /* transform: rotate(-50deg); */
    width: 130px;
    text-align: center;
}
#slider-cd .share_link ,#dr-profile .share_link ,#drprofile-header .share_link{
	display:none;
}
#slider-cd .share-img ,#dr-profile .share-img ,#drprofile-header .share-img{
	transform: rotate(180deg);
	float: right;
	margin-top: 2%;
}
#slider-cd .online-img{
	transform: scaleX(-1);
	float: right;
    margin-top: 4%;
    background-size: cover;
    background-repeat: no-repeat;
    width: 45px;
    height: 39px;
}
#slider h1{
	font-size: 50px;
	font-weight: bold;
}
.imgcd{
	width:100px;
	height:100px;
	margin-top:20px;
	margin-bottom: 10px;
}
a {
   text-decoration:none;
}
.mini_images{
    width: 40px;
    height: 40px;
    background-size: cover;
    background-repeat:no-repeat;
    margin:auto;

}
.top_mini_images{
    width:  20px;
    height: 19px;
    background-size: cover;
    background-repeat: no-repeat;
    display: inline-block;
    margin-bottom: -6px;

}
#slider-cd {
	padding:10px;
}
#slider-cd .details ,#dr-profile .details {
	margin-top:10px;
	text-align: center;
}
#slider-cd .details .text ,#dr-profile .details .text{
  width: 100%;
  height: auto;
  font-family: FFShamelFamily-SansOne;
  font-size: 10px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #888888;
}
#slider-cd .details .value,#dr-profile .details .value ,#slider-cd .details .value a,#dr-profile .details .value a{
  width: 100%;
  height: 25px;
  font-family: FFShamelFamily-SansOne;
  font-size: 10px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #000000;
}
#slider-cd  .doc-img  ,#dr-profile  .doc-img{
    height: auto;
}
#slider-cd .dr-ph  ,#dr-profile .dr-ph{
	text-align:left;
	padding: 10px 15px;
}
#slider-cd .btn-nav ,#dr-profile .btn-nav, .request-body p .btn, .change_location, #filter-body p button{
	width: 100%;
	height: 42px;
	border-radius: 4px;
	background-color: #30c34b;
	font-family: FFShamelFamily-SansOneBold;
	font-size: 14.6px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	color: #ffffff;
	text-overflow: ellipsis;
  	overflow: hidden;
      white-space: nowrap;
      outline: none;
}
#slider-cd .no-booking,#dr-profile .no-booking{
    background-color: #777;
}
#slider-cd .loc-box  ,#dr-profile .loc-box{
	text-align: left;
	height: 20px;
	margin-top:15px;
	color:#4a4a4a;
	clear: both;
}
#slider-cd .loc-box {
    height: auto;
    margin-top: 0px;
}
#slider-cd .doc-cd  ,#dr-profile .doc-cd{
	padding-bottom:0px;
}
#slider-cd .doc-nmsp h4  ,#dr-profile .doc-nmsp h1, #drprofile-header .doc-nmsp h1,.polyName{
	height: 20px;
    width: 100%;
    font-family: FFShamelFamily-SansOneBold;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
	color: #38b9db;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.LabName{
    text-overflow: initial;
    overflow: inherit;
    white-space: initial;
}
#slider-cd .rate-box ,#dr-profile  .rate-box, #drprofile-header .rate-box{
	padding:3% !important;
	background-color: #fbfbfb;
	text-align: center;
}
#slider-cd .rate-box img ,#dr-profile .rate-box img, #drprofile-header .rate-box img{
	display: inline;
}
#slider-cd .rate-box p ,#dr-profile .rate-box p, #drprofile-header .rate-box p{
	display: inline;
	width: 25px;
	height: 23px;
	font-family: FFShamelFamily-SansOne;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #888888;
	text-align: center;
}
#slider-cd .doc-nmsp .title  ,#dr-profile  .doc-nmsp .title, #drprofile-header .doc-nmsp .title{
	width: 100%;
	height: 20px;
	font-family: FFShamelFamily-SansOne;
	font-size: 15px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.42;
	letter-spacing: normal;
	text-align: left;
	color: #000000;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
#drprofile-header .doc-nmsp h4, #drprofile-header .doc-nmsp .title{
    text-overflow: unset;
	overflow: unset;
	white-space: nowrap;
}
#slider-cd .doc-nmsp .doc-about ,#dr-profile .doc-nmsp .doc-about, #voice_popup .doc-about{
	width: 100%;
	height: 24px;
	font-family: FFShamelFamily-SansOne;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.42;
	letter-spacing: normal;
	text-align: left;
	color: #888888;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
#slider-cd .rate-box img  ,#dr-profile .rate-box img{
	display: inline;
}
#slider-cd .rate-box p  ,#dr-profile .rate-box p{
	display: inline;
	width: 25px;
	height: 23px;
	font-family: FFShamelFamily-SansOne;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #888888;
	text-align: center;
}
#dr-profile .loc-box .text-loc{
    display: inline;
}
#dr-profile #dr_medical_questions_container{
	font-family: FFShamelFamily-SansOne;
}
#dr_medical_questions_container hr{margin: 8px 0;}
#dr-profile #dr_medical_questions_container h4{
    font-family: FFShamelFamily-SansOne;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.94;
    letter-spacing: normal;
    text-align: left;
    color: #38b9db;
    padding-top: 10px;
}
#dr-profile #dr_medical_questions_container p{
    line-height: 1.7;
    text-align: justify;
}
#dr-profile #dr_medical_questions_container .dr-answer h4{
    margin-top: 0;
    padding-top: 0;
}
#dr-profile #dr_medical_questions_container .answer_likes, #medicalQuestions-content .doctorAnswers .answer_likes{
    text-align: right;
    color: #38b9db;
    direction: rtl;
}
#dr-profile #dr_medical_questions_container .date{
    text-align: end;
}
.filterLabel{
    font-family: FFShamelFamily-SansOneBold;
font-size: 14px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: 3;
letter-spacing: normal;
text-align: start;
color: #0e0e0e;
}
#sorting-options {
    height: 40px;
/* direction: unset; */
border-radius: 8px;
padding: 5px 10px;
/* background: none; */
width: 150px;
font-family: FFShamelFamily-SansOne;
color: #000000;
border: none;
outline: none;
}
.filter-rates-dropdown{
text-align: end
}
#dr-profile #dr_medical_questions_container .answer_likes > span:first-of-type, #medicalQuestions-content .doctorAnswers .answer_likes > span:first-of-type{
    background: #efeff4;
    border-radius: 4px;
    padding: 2px 7px 2px 7px;
}
#slider-cd .loc-box .clinic-name, #dr-profile .loc-box .text-loc{
	font-family: FFShamelFamily-SansOneBold;
    font-weight: Bold;
    font-size: 12px;
    text-align: left;
    color: #000000;
    padding-top: 9px;
    margin-bottom: 5px;
}
#slider-cd .loc-box .clin-loc, #slider-cd .loc-box h4 {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
#slider-cd .img-loca p, #dr-profile .img-loca p{
	width: 100%;
	height:auto;
	font-family: FFShamelFamily-SansOne;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	color: #000000;
	margin-right: 0%;
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
#slider-cd .img-loca .clin-manager-loc{
	width: 80%;
}
.sign-recnt button{
	height: 60px;
	width: 200px;
}
#slider-cd .global-nav p ,#dr-profile .global-nav p {
	width: 100%;
	height: auto;
	font-family: FFShamelFamily-SansOne;
	font-size: 12.5px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	color: #888888;
}
#slider-cd .other-dates ,#dr-profile .other-dates{
	margin: 10px;
	text-align: center;
}
#slider-cd .chkdte ,#dr-profile .chkdte{
	text-align:center;
	padding: 10px 0px 0px 5px;
	width: 100%;
	height: auto;
	font-family: FFShamelFamily-SansOne;
	font-size: 14.6px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #000000;
    display:inline;
    cursor: pointer;
}

#slider-cd #drop-img ,#dr-profile #drop-img{
	display:inline;
	color:#d4d7d8;
	margin-top:5px;
	margin-left:8px;
}
#owl-example{
	margin-top: 5%;
	margin-bottom: 6%;
}
.owl-carousel .owl-item img{
	width:auto;
	display:unset;
}
#slider  .owl-carousel:hover .owl-buttons {
	display: block;
}
#slider  .owl-item {
	text-align: center;
}
#slider  .owl-nav div {
	background: #38b9db;
	color: #ffffff;
	font-size: 40px;
	line-height: 200px;
	margin-top: 5%;
	padding: 0 0px;
	position: absolute;
	top: 50px;
	box-shadow: 1px 2px 10px 0 rgba(0, 0, 0, 0.21);
	opacity: 1;

}
#slider .owl-nav .owl-prev,
#slider   .owl-nav .owl-next {
  position: absolute;
  top: 45%;
  transform: translateY(-50%);
  outline:none;
}
#slider .owl-nav .owl-prev {
	left: -8rem;
}
#slider .owl-nav .owl-next {
	right: -10rem;
}
#slider .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #b4b4b4;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
}
#slider .owl-dots .owl-dot {
    display: inline-block;
	zoom: 1;
	outline:none;
}
#slider .owl-dots{
	margin-top: 10px;
    padding-top: 15px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}
#slider .owl-dots .owl-dot.active span, #slider .owl-dots .owl-dot:hover span {
    background: #38b9db;
}
/*carousel feature section end*/

/*why section start*/

#why {
	background: #004f6c;
}
.why-text{
	margin-bottom: 40px;
}
#why h2 {
	position: relative;
	width: 100%;
	height: auto;
	font-family: FFShamelFamily-SansOneBold;
	font-size: 40px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	color: #ffffff;
}
#why h2.one {
  margin-top: 10%;
  margin-bottom: 38px;
}
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.why-h4 {
	font-family: FFShamelFamily-SansOneBold;
	font-size: 20px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	color: #ffffff;
	display: inline-block;
	margin-top:0px;
}
.why-inner{
	text-align:left;
}
.why-img{
	float: right;
	display: block;
	width:100%;
	margin-bottom: 18px;
}
.doctor{
	margin-top: -65px;
	margin-bottom:5%;
	width:100%;
	height:100%;
}
.doctor img{
	height:100%;
}

/*why section end*/

/* best-choice start */
#best-choice{
	margin-bottom: 6%;
}
#best-choice .one, #clinido_best_choice .one{
	width: 100%;
	height: auto;
	font-family: FFShamelFamily-SansOneBold;
	font-size: 40px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	color: #38b9db;
	margin-top:3%;
}
#best-choice .card, #clinido_best_choice .card{
	text-align: -webkit-center;
}
#best-choice .best, #clinido_best_choice .best{
	width: 100%;
	height: 525px;
	border-radius: 16px;
	box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.16);
	background-color: #ffffff;
}
#best-choice .best .center{
    margin: 15% 10%;
    padding-top: 55px;
}
#best-choice .best .center img{
	margin: 0% 0% 10% 10%;
}
#best-choice .best #img1{
	width: 154px;
	height: 150px;
}
#best-choice .best #img2{
	width: 198px;
	height: 161px;
}
#best-choice .best #img3{
	width: 196px;
	height: 142px;
}
#best-choice .best-h4{
	width: 100%;
	margin-top: 45px;
	height: auto;
	font-family: FFShamelFamily-SansOneBold;
	font-size: 20px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.65;
	letter-spacing: normal;
	text-align: left;
	color: #004f6c;
}
#best-choice .best-p{
	width: 100%;
	height: auto;
	font-family: FFShamelFamily-SansOne;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	color: #0e0e0e;
}

/* best-choice end */

/*get section end*/
#get{
	border-radius: 16px;
	box-shadow: 0 9px 30px 0 rgba(0, 0, 0, 0.09);
	background-color: #38b9db;
	margin: 0% 7% 5% 7%;
}
.get-content{
	margin-top:52px;
}
.get-h1{
	width: 100%;
	height: auto;
	font-family: FFShamelFamily-SansOneBold;
	font-size: 24px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	color: #ffffff;
	margin:0px;
}
.get-h3{
	width: 100%;
	/* height: 60px; */
	font-family: FFShamelFamily-SansOne;
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 2;
	letter-spacing: normal;
	text-align: left;
	color: #ffffff;
	margin:0px;
}
.get-p{
	font-size:20px;
	color:#888888;
}
.get-p2{
	font-size:20px;
	color: #4a4a4a;
}
#get .app-download{
	display:flex;
	margin-top:20px;
	margin-bottom: 20px;
}
#get .app-download a{
	margin-left: 19px;
}
.app-download .web-img{
	width: 100%;
	margin-bottom: 16px;
}
#get .app-download .mobile-img{
	display: none;
}
.download-img img{
	height:100%;
}
.sub-email .input-lg{
	height:50px !important;
}
.sub-email .form-group{
	display:inline-block !important;
}
.sub-email .btn-nav{
	height:50px !important;
}
.footer_row{
    display: flex;
justify-content: space-between;
}
.footer-sub .input-lg{
	height:50px !important;
	border-radius: 5px;
}

.footer-sub .btn-nav{
	height:50px !important;
}
/*get section end*/

/*footer section end*/
#footer{
	background-color: #ffffff;
	height: auto;
}
#mrbt{
	margin:100px 0px;
}
.footer-p{
	font-size:30px;
	color:#ffffff;
	line-height: 1;
}
.footer-logo{
	text-align: -webkit-center;
}
.footer-logo img{
	padding: 40px 0px 40px 15px;
    width: 140px;
}
.spiceality{
	padding-inline-start: 0px;
}
.footer-list{
	padding-inline-start: 0px;
}
.footer-list li{
	list-style: none;
	font-family: FFShamelFamily-SansOne;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 2.36;
	letter-spacing: normal;
	text-align: left;
	color: #0e0e0e;
}
.footer-list li a{
	width: 160px;
	height: 165px;
	font-family: FFShamelFamily-SansOne;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 2.36;
	letter-spacing: normal;
	text-align: left;
	color: #0e0e0e;
}
.footer-sub{
	margin-bottom:50px;
	float: right;
}
.soc-ic a img{
	padding:40px 45px 40px 0px;
	display: inline-block;
}
.foo-wh-p{
	width: 100%;
	/* height: 60px; */
	font-family: FFShamelFamily-SansOne;
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 3.33;
	letter-spacing: normal;
	text-align: right;
	color: #0e0e0e;
	float: right;
	padding:25px;
	margin-bottom: 0px;
}
.add-st img{
	float:left;
	margin-bottom:10px;
	margin-right:5px;
	margin-top:5px;
}
.add-st i{
	color:#5bc0de;
    float: left;
	margin-right:5px;
}
.add-st p{
	height:42px;
}
.footer {
	padding:10px 0;
	font-size:15px;
	font-family: 'Markazi Text', serif !important;
	direction: rtl;
}
.footer .spiceality-list{
	padding-left:0px;
}
.widget h2 {
	height: 28px;
	font-family: FFShamelFamily-SansOneBold;
	font-size: 20px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.4;
	letter-spacing: normal;
	text-align: left;
	color: #0e0e0e;
}

/* symptoms checking div */

.autocomplete-suggestions{
    position: absolute;
    width: 46% !important;
    z-index: 9999;
    top: 1066.34px;
    right: 9% !important;
    background: white;
    box-shadow: 0 9px 30px 0 rgb(0 0 0 / 9%);
    border-radius: 12px;
    padding: 10px;
    overflow: scroll;
 }
 .autocomplete-suggestion{
    font-size: 16px;
    font-family: 'FFShamelFamily-SansOne';
    /* color: #0e0e0e; */
    padding: 10px 0;
 }
 .autocomplete-suggestion strong{
    color:#38b9db;
 }
.symptoms_div{
    background: #f4f4f4;
         border-radius :12px;
         padding:20px;
         margin-bottom:10px;
     }
     .autocomplete input, .autocomplete button{
        height: 45px;
        /* font-size: 18px; */
        font-family: 'FFShamelFamily-SansOne';
        padding: 12px;
        margin: 5px;
        background-color: transparent;
        width: 100%;
        outline: none;
      }
      .badge{
        padding: 5px 15px;
     }
     .badge-success{
        background: #4CAF50;
        color: #ffffff;
        text-align: center;
        font-family: 'FFShamelFamily-SansOne';
        border-radius: 15px;
        margin: 3px;
        max-width: 100%;
        white-space: normal;
     }
     .badge-danger{
        background: #be291e;
        color: #ffffff;
        text-align: center;
        font-family: 'FFShamelFamily-SansOne';
        border-radius: 15px;
        margin: 3px;
        max-width: 100%;
        white-space: normal;
     }
     .badge-info{
       background: #5bc0de7a;
       color: #4a4a4a;
       min-height: 30px;
       text-align: center;
       line-height: 2.5;
       font-size: 14px;
       font-family: 'FFShamelFamily-SansOne';
       border-radius: 15px;
       padding: 0 16px;
       margin:3px;
       max-width:100%;
       white-space: normal;
     }
     .badge-info i{
       color: #4a4a4a;
       margin-left:8px;
     }
     .Recomended{
        background: white;
        box-shadow: 0 9px 30px 0 rgb(0 0 0 / 20%);
        border-radius: 12px;
        padding: 20px;
        margin: auto;
        margin-top: 12px;
        margin-bottom: 60px;
      }
      .symssubmit{
        width: 100%;
        background: #30c34b;
        font-size: 16px;
        height: 44px;
      }
      .symssubmit:focus, .symssubmit:active, .symssubmit:hover{
        background: #30c34b !important;
      }
      #symptomsForm label{
        font-size: 14px;
        color : #004f6c;
    }
      .symptomsCard{
        padding:20px;
    }
    .GenderOption {
      float: left;
      /* margin: 0 5px 0 0; */
      width: 50%;
      height: 45px;
      position: relative;
    }

    .GenderOption label,
    .GenderOption input {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
    }
    .GenderOption label[for="male"]{
        margin-right: 5px;
    }
    .GenderOption label[for="femal"]{
        margin-left: 5px;
    }
    .GenderOption input[type="radio"] {
      opacity: 0.011;
      z-index: 100;
    }

    .GenderOption input[type="radio"]:checked + label {
      background: #38b9db;
      border-radius: 4px;
    }

    .GenderOption label {
      cursor: pointer;
      z-index: 90;
      line-height: 1.8em;
    }
    .SymThanks{
        font-size: 18px;
        font-family: 'FFShamelFamily-SansOneBold';
        margin-top: 15px;
        color: #004f6c;

    }
    .genderIcon{
        margin-right: 10px;
    }
    .symsOptional{
        font-family: 'FFShamelFamily-SansOne';
        font-size: 12px;
        color: #38b9db;
    }

.ui-autocomplete{
    max-height:30%;
    overflow:auto;
    font-family: 'FFShamelFamily-SansOne';
    }
    .ui-autocomplete .ui-menu-item {
      background:white;
    }
	.ui-state-focus, .ui-state-active {
        background:#5bc0de7a !important;
        color:white !important;
        border:1px solid #004f6c !important;
    }
    .ui-widget-content{
        background:#fff !important;
    }
    .DownloadAppSection{
        display: none;
    }
/* flip the pane when hovered */

.flipcard {
    perspective: 800;
    -moz-perspective: 800;
    -webkit-perspective: 800;
    transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transition: 1s;
    -moz-transition: 1s;
    -webkit-transition: 1s;
    border-radius: 12px;
}

.flipcard.flipped {
    transform: rotatey(-180deg);
    -moz-transform: rotatey(-180deg);
    -webkit-transform: rotatey(-180deg);
}
.flipcard .face {
    padding: 1.5em;
    backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    margin-bottom:10px;
}
.flipcard .front {
    background: #fff;
    border-radius:12px;
    display: block;
}
.flipcard.flipped .front {
    display:none;
}
.flipcard .back {
    background: #fff;
    color: black;
    transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    display:none;
    border-radius:12px;


}
.flipcard.flipped .back {
    display:block;
}
.insertedSyms
{    color: #38b9db;
    font-family: 'FFShamelFamily-SansOne';
    font-size: 14px;

}
#submitSyms{
    margin: 0;
    width: 100%;
    background: #30C34A;
    height: 45px;
    font-size: 18px;
    font-weight: bold;
}
/* symptoms checking div */
/* ____________CliniDo medical network _____________________*/
.clinic{
    padding:5px 20px;
    font-family: 'FFShamelFamily-SansOneBold' !important;
    color: #004f6c;
    font-weight: 600;
}
.clinic span{
    display: block;
    font-size: 12px;
    color: #000;
    font-weight: 100;
    padding-left: 45px;
    line-height: 2;
}
.clinic i{
    color: #38b9db;
    margin-right: 10px;
}
input[type="checkbox"].graphic {
    display: none;
}

input[type="checkbox"].graphic + label,
input[type="checkbox"].graphic + label:after {
    padding: 6px 9px;
    display: inline-block;
}
input[type="checkbox"].graphic + label {
    position: relative;
    padding-right: 35px;
    /* style */
    background-color: rgba(255,255,255,0.4);
    color: #444;
    border:1px solid rgb(68 60 60);
    border-radius: 4px;
    margin: 1px;
    font-size:12px;
}
input[type="checkbox"].graphic + label:after {
    position: absolute;
    top: -22%;
    right: -3px;
    font-size: 180%;
}
input[type="checkbox"].graphic + label:hover:after,
input[type="checkbox"].graphic:checked + label:after {
    content: '\2714';
}


input[type="checkbox"].graphic + label:hover:after {
  text-shadow: 0 0 7px rgba(255,255,255,0.1);
  color: rgba(0,0,0,0);
}
input[type="checkbox"].graphic:checked + label:hover:after {
  text-shadow: none;
  color: inherit;
}

input[type="checkbox"].graphic + label:active,
input[type="checkbox"].graphic:checked + label:active {
box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 0 7px 1px rgba(0,0,0,0.5), inset 0px 0 3px 0 rgba(0,0,0,0.4);
  border: none;
  margin: 2px;
}
input[type="checkbox"].graphic:checked + label {
  color: #30c34b;
    border: 1px solid #30c34b;
}
/* ____________CliniDo medical network _____________________*/
/* Alternative doctors */
.realtivesContainer{
    padding:0!important;
    margin:0!important;

}
.alterDocImg{
    width: 60px !important;
    height: 60px !important;
    margin-top:10px;
}
.relative{
    padding:10px 0 !important;
    margin-bottom:10px !important;
    margin-top:0 !important;
    border-radius:12px !important;
    width: 100% !important;
}
.relativeText{
    font-family: FFShamelFamily-SansOneBold;
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #004f6c;
    margin-top: 0px;
    margin-bottom: 0px;
    display: inline-block;
}

ul.videos{
    list-style-type:none;
    margin: 0;
padding: 0;
display: inline-flex;
flex-direction: row;
max-width: 100%;
overflow-x: auto;

}
ul.videos li {
flex: 0 0 auto;

}
ul.videos li iframe{
    border-radius:12px;
}
ul.videos::-webkit-scrollbar {
width: 0.03em;
}
ul.videos::-webkit-scrollbar-track {
    height:3px;
border-radius: 10px;
}
ul.videos::-webkit-scrollbar-thumb {
border-radius: 10px;
background-color:#efeff4;
}

/* Alternative doctors */
.field-icon {
    float: right;
    margin-right: 10px;
    margin-top: -33px;
    position: relative;
    z-index: 2;
  }
/* announcement style */
#Ad_card{
    color: #888888;
   padding: 0px 17px;
   font-size: 18px;
   background: none !important;
   font-weight: normal;
   direction: ltr;
}
.announce_search{
    z-index: 10;}
.announcement-container{
    background-color: #38b9db;
    padding: 20px;
    margin-top:30px;
    height:350px;
    }
    .Announce{
        float: right;
         padding: 30px 20px 0 0;
         position: relative;
         z-index: 2;
         height: 70px;
    }
    .Announce_badge{
        width: 110px;
        height: 30px;
        margin: 0px 25px 15px 80px;
        padding: 6px 11px 1px 14px;
        border-radius: 15px;
        background-color: #38b9db;
        font-family: 'FFShamelFamily-SansOne';
    }
    .share-cm-img{
        transform: rotate( 180deg );
        float: right;
        margin-top: 2%;
    }
    .second_part{
        font-family: 'FFShamelFamily-SansOne';
    }
    .announce_section{
        background-color: #5bc0de;
        overflow-x: hidden;
        margin-right: -16%;
        z-index: 1000;
        margin-left: -49%;
        padding: 20px;
        min-height: 388px;
    }
    .CMcampBook{margin-bottom: 25px;}
    .announce_section_card{
        background-color: white;
    border-radius: 12px;
    margin-left: 29.5%;
    margin-right: 9.5%;
}
    .Announce_booking{
    height: 42px;
    border-radius: 4px;
    background-color: #30c34b;
    font-family: FFShamelFamily-SansOneBold;
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

    }
    .Announce_booking:hover{
        color: #ffffff;
    }
    .announce_dates{
        margin: 10px 0px 4px;
        text-align: center;
        font-size: 14.6px;
    }
    .announce_dates i{
        display: inline;
        color: #d4d7d8;
        margin-top: 5px;
        margin-left: 15px;
    }
    .announce_text{
        font-size: 10px;
        color: #888888;
        text-align:center;
    }
    .clinic_scedual{
        width: 100%;
        height: auto;
        font-family: FFShamelFamily-SansOne;
        font-size: 12.5px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #888888;
        text-align: start;

    }
    .announce_value{
        font-size: 14px;
        color: #000000;
    }
    .first_part{
        padding:0 20px;
    }
    .campBook
    {
        margin-top:20px;
    }
    .Campaign{
        margin: 10px;
        background: #fff;
        border-radius: 12px;
        min-width: 94%;
        display: block;
        direction:ltr;
        }
/* announcement style */
/* Alternative doctors */


@media (max-width: 992px) {

	.footer .container-fluid{
		margin-top:25px;
	}
	.widget{
		margin-bottom: 30px;;
	}
	.widget_content{
		display:none;
	}
	.active .widget{
		margin-top: 12px;
	}
	.active .widget_content{
		display:inline;
	}
	.widget h2 {
		display:inline;
		font-size: 18px;
	}
	.active .footer-list{
		margin-top: 22px;
		padding-inline-start: 15px;
	}
	.footer .spiceality-list{
		padding-left:15px;
	}
	#spiceality{
		margin-top: 0px !important;
	}
	.spiceality{
		padding-inline-start: 0px !important;
	}
	.widget h2:before {
		content: '\f107';
        font: normal normal normal 17px/1 FontAwesome;
		color:black;
		width:20px;
		height:30px;
		display:inline-block;
		text-align:left;
		float:left;
		margin-top: 5px;
	}
	.active.widget h2:before {
		content: '\f106';
    	font: normal normal normal 17px/1 FontAwesome;
	}
	.active.widget h2{
		color:#38b9db;
	}
	.a:focus, a:hover {
		color:#38b9db !important;;
	}
	#footer .hr{
		margin-top:0px;
	}
}
/* <! footer hr gray */
.hr{
	width: 99%;
	height: 0px;
	opacity: 0.33;
	border: solid 0.5px #979797;
	margin-top:50px;
	margin-bottom:0px;
}
/*footer section end*/

/*signin page end*/
#sign-head{
	background:#ffffff;
	margin: 25px 0px;
}

#sign-in{
	background:#38b9db;
	padding: 50px 0px;
	margin-top:90px;
}
.sign-h1 h1{
	color:#ffffff;
	font-weight:bold;
	font-size: 50px;
	margin-top:10px !important;
}
.sgnfrm-h1 a{
	color:#38b9db !important;
}

#sub{
	color:#4a4a4a;
	font-size:25px;
}
#reg-ph{
	background:#efeff4;
	min-height:650px;
}
.signin-form{
	background:#ffffff;
	padding: 50px;
	border-radius: 5px;
	margin: 125px auto;
}
#saveappointment .btn.btn-nav.btn-block:hover{
	color:#fff !important;
}
.sgnfrm-h1 h1{
	font-weight:bold;
	font-size: 33px;
}
.sgnfrm-h1 p{
	font-size:20px;
}
 #mobile-number {
    background: #f4f4f4;
}
.sgnfrm-h1 span{
	color:#38b9db !important;
	font-size:20px;
	font-weight:bold;
}
.sgin-fb{
	background:#f9f9f9;
	text-align:center;
	padding:15px 0px;
	color:#4a4a4a;
	border-radius:5px;
}
.sgin-fb a{
	color:#4a4a4a;
	font-size:22px;
}
.sgin-gog{
	background:#f9f9f9;
	text-align:center;
	padding:15px 0px;
	border-radius:5px;
	margin-top: 10px;
}
.sgin-gog a{
	color:#4a4a4a;
	font-size:22px;
}
.sgin-phreg{
	width:100%;
}
.btn.btn-lg.btn-nav.wd-ful:hover {
    color: #fff;
}
#phone {
    background: #f9f9f9;
    border: none;
}
.form-control:focus {
    outline: 0;
	border: 2px solid #38b9db !important;
    box-shadow: none !important;
}
.btn.focus, .btn:focus{
    color: #333;
    text-decoration: none;
	border:none !important;
}
#signin-footer{
	background: #004f6c;
	padding: 20px 0px;

}
/*signin page end*/
/*signin-verify page end*/
.entp1{
	text-align:center;
}
.entp1 .inputs {
    border: none;
	background: #f9f9f9;
	width: 75px;
	padding: 29px;
	margin-right: 20px;
	height: 50px;
	font-size: 28px;
}
.sign-recnt {
	margin:20px 0px;

}
.signph .btn:hover{

	text-decoration: none;
}
#patientotp .input-lg {
    height: 50px !important;
}
#patientotp  .intl-tel-input .flag-dropdown {
    top: 10px !important;
}
.sign-recnt p{
	display:inline-block;
	margin-top: 10px;
}
.sign-recnt p{
	font-size:22px;
	color:#4a4a4a;

}
.tmr {
    float:right;
    font-size: 34px;
    color: #0095bc;
	margin-top:20px;
}
/*signin-verify page end*/

.symptomSection{
    margin-top:10% !important;
}
/*drprofile page start*/
#drprofile-header{
	height: 160px;
	background-color: #ffffff;
	margin-top:120px;
    font-family: FFShamelFamily-SansOne;
}
#drprofile-header .online{
	padding-left:15px;
	padding-right:15px;
	margin-left: 0px;
	margin-right: 50px;
}
#drprofile-header .online_consult{
	width:100%;
	height: 74px;
	display:flex;
	padding-left:0px;
}
#drprofile-header .online_consult h3{
	padding:5px 0px;
	width:85%;
	font-family: FFShamelFamily-SansOneBold;
	font-size: 16px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.63;
	letter-spacing: normal;
	text-align: left;
	color: #004f6c;
}
#drprofile-header .card, #drprofile-header .card div{
    padding-right: 0px;
    padding-left:0px;
}
#drprofile-header .rate-box{
    background-color: #ffffff;
}
#drprofile-header .clinics{
    font-family: FFShamelFamily-SansOneBold;
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #004f6c;
    margin-top:0px;
    margin-bottom: 0px;
    display:inline-block;
}
#drprofile-header .dots-container{
    display:inline-block;
    float:right;
    margin-top:2px;
}
#drprofile-header .dots-container .before:before{
    font: normal normal normal 20px/1 FontAwesome;
    content: '\f105';
    color: #ffffff;
    padding-top: 1.5px;
    width: 25px;
    height: 25px;
    display: inline-block;
    text-align: center;
    float: right;
    background-color: #38b9db;
    border-radius: 5px;
}
#drprofile-header .dots-container .after:after{
    font: normal normal normal 20px/1 FontAwesome;
    content: '\f104';
    color: #ffffff;
    padding-top: 1.5px;
    width: 25px;
    height: 25px;
    display: inline-block;
    text-align: center;
    float: left;
    background-color: #38b9db;
    border-radius: 5px;
}
#drprofile-header .dots-container .dots{
    width: 10px;
    height: 10px;
    margin: 7px 4px;
    background: #b4b4b4;
    display: inline-block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
}
#drprofile-header .dots-container .dots.active, #drprofile-header .dots-container .dots:hover{
    background-color: #38b9db;
}
#dr-profile{
	background-color: #efeff4;
}
#dr-profile .container-fluid{
	padding-left: 45px;
	padding-right: 0px;
}
#dr-profile #doctorsInfo{
    margin-bottom: 40px;
}
#dr-profile #doctorsInfo .selectdiv,#dr-profile #doctorsInfo .doctor-details, .doctor-details2{
    margin-top: 25px;
    padding-left: 0px;
    padding-right: 30px;
}
#dr-profile #doctorsInfo .selectdiv{
    margin-bottom: 0px;
}
#dr-profile #doctorsInfo .selectdiv:before{
    color: #7a7a7a;
    top: 7px;
}
#dr-profile #doctorsInfo .selectdiv select{
    background-color: #ffffff !important;
}
#dr-profile  #doctorsInfo .pages{
    clear: both;
    float: none !important;
    text-align: center;
}
#dr-profile .card, .card2 {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    text-align: center;
    background: #ffffff;
    border-radius: 12px;
	height: auto;
	float:left;
	margin-top: -65px;
	margin-bottom: 20px;
	padding-right:0px;
	padding-left:0px;
}
.dr-profile .card {
    margin-top: 20px !important;
}
.dr-profile .card.drProfileServices {margin-top: 0px !important;}
.drprofile{
    float: left;
}
#dr-profile .card .clinic-name h4, .card2 .clinic-name h4{
    font-family: FFShamelFamily-SansOneBold;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #38b9db;
    margin-bottom:0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#dr-profile .clinic-name img{
    position: absolute;
    right: 15px;
    top: 6px;
}
.polyclinic .card .doc-nmsp h4 {
    white-space: normal !important;
    overflow: unset !important;
    text-overflow: unset !important;
}
.polyclinic .card .loc-box, .dr-profile .card .loc-box{
    height: auto !important;
    margin-top: 0px !important;
}
#dr-profile #doctorsInfo .card, .card2{
    margin-top: 0px;
    border-radius: 8px;
    margin-bottom: 10px;
    float: none;
}
#dr-profile .doc-nmsp h4 {
	height:auto;
}
#dr-profile .loc-box{
	height:40px;
}
#dr-profile .loc-box .clin-loc, .serviceProfile .CMAdress{
	display:inline;
}
#dr-profile .img-loca p{
	width:100%;
	height:auto;
	font-family: FFShamelFamily-SansOne;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	white-space: normal;
	text-align: left;
	color: #000000;
	margin-right: 0%;
}
.CMname{
    font-family: FFShamelFamily-SansOneBold;
     font-weight: Bold;
     font-size: 12px;
     text-align: left;
     color: #000000;
     padding-top: 8px;
     margin-bottom: 2px;
}
.polyclinic #doctorsInfo .loc-box .clin-loc {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: block !important;
}
#dr-profile .tabs-links .container-fluid, #dr-profile #clinic-info .container-fluid, #dr-profile #testsInfo .container-fluid, #dr-profile #doctor_services .container-fluid,
#dr-profile #doctorsInfo .container-fluid, #dr-profile #ratingAreviews .container-fluid{
	padding-left: 0px;
	padding-right:0px;
}
#dr-profile .tabs-links{
	margin-top: -72px;
}
#dr-profile .tabs{
	padding-left: 0px;
	padding-right: 0px;
}
#dr-profile .nav-tabs {
	padding-inline-start: 0px;
	border-bottom: none;
    display: flex;
}
#dr-profile .nav-tabs li{
	padding-right: 38px;
}
#dr-profile .nav-tabs li a:hover{
	border:none;
}
#dr-profile .nav-tabs li.active a{
	border: none;
	border-bottom: 2px solid #38b9db;
	font-family: FFShamelFamily-SansOneBold;
	font-weight: bold;
	color: #38b9db;
	cursor: pointer;
}
#dr-profile .nav-tabs li a{
	padding: 28px 0px 20px;
	font-family: FFShamelFamily-SansOne;
	font-size: 13px;
	cursor: pointer;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	color: #004f6c;
}
#dr-profile #clinic-info, #dr-profile #testsInfo{
	margin-top:10px;
	margin-bottom:40px;
}
#dr-profile #clinic-info .clinic-features div{
	padding-left: 0px;
	padding-right: 0px;
    margin-bottom: 18px;
}
#dr-profile #clinic-info .clinic-features p{
	color: #004f6c;
	display:inline;
	padding-left: 18px;
    padding-right: 60px;
}
#dr-profile #ratingAreviews{
	margin-top:10px;
	margin-bottom:40px;
}
#dr-profile #ratingAreviews .visited_doctor {
    font-family: FFShamelFamily-SansOneBold;
    font-size: 12px;
    text-align: left;
    margin-top:10px;
}
#dr-profile .prf-abt{
	border-radius: 8px;
	background-color: #ffffff;
	padding:15px;
	margin:10px 0px;
}
#dr-profile .abt-cnt h4, #dr-profile .abt-cnt h2{
	font-family: FFShamelFamily-SansOneBold;
	font-size: 14px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	color: #0e0e0e;
}
#dr-profile .abt-cnt p{
	font-family: FFShamelFamily-SansOne;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	color: #000000;
}
#dr-profile .zoom {
	display: inline-block;
    max-width: 150px;
    height: 100px;
    width: auto;
	padding: 0px;
	transition: transform .2s;
	margin: 0 auto 12px;
	z-index: 10;
}
#dr-profile .zoom:hover {
	-ms-transform: scale(2); /* IE 9 */
	-webkit-transform: scale(2); /* Safari 3-8 */
	transform: scale(2);
	z-index: 10;
}
#dr-profile #ratingAreviews .title{
	display: inline;
}
#dr-profile #ratingAreviews  .value{
	float: right;
	display: inline-block;
	font-family: FFShamelFamily-SansOne;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #888888;
}
#dr-profile #ratingAreviews .rate-count{
	float: left;
	margin-top:10px;
}
#dr-profile #ratingAreviews .progress{
	background-color:#d8d8d8;
	height:4px;
	clear:both;
}
#dr-profile #ratingAreviews .progress-bar {
	background-color:#ffcc00;
}
#dr-profile #ratingAreviews .pat-name{
	display: inline;
}
#dr-profile #ratingAreviews .general-rate{
	font-size:14px;
	margin-bottom: 0px;
}
.score {
    display: inline-block;
    font-family: Wingdings;
    font-size: 26px;
    color: #ccc;
    position: relative;
  }
  .score::before,
  .score span::before{
    content: "\2605\2605\2605\2605\2605";
    display: block;
  }
  .score span {
    color: gold;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
  }
#dr-profile #ratingAreviews .rating .checked,
#dr-profile #ratingAreviews .general-rating .checked{
	color:#ffcc00;
	font-size: 18px;
}
#dr-profile #ratingAreviews .rating .not-checked,
#dr-profile #ratingAreviews .general-rating .not-checked{
	color:#dddde1;
	font-size: 18px;
}
.img-dt {
    margin-bottom: 15px;
}
.img-dt p small{
	color:#4a4a4a;
	font-weight:400;
	font-size: 13px;
}
.cal-hed{
	color:#4a4a4a;
	margin:20px 0px;
	font-size: 20px;
}
.cal-hed a{
	color:#38b9db !important;
	font-weight:bold;
}
.nice-date-picker-warpper {
	color:#999!important;
	background-color: #ffffff!important;
}
.nice-date-picker-body tr td {
	color:#999!important;

}
.nice-date-title {
	color:#999!important;

}
.nice-date-picker-header .prev-date-btn, .next-date-btn {
	color:#999!important;

}
.nice-date-picker-body tr .nice-current {
    background: #f9f9f9 !important;
    border-radius: 50px !important;
	color:#38b9db !important;
}
.nice-date-picker-body tr .nice-active {
    background: #38b9db !important;
    border-radius: 50px !important;
	color:#ffffff !important;
}
.card-h5 {
	float: right;
	width:170px;
	text-align: left;
	margin-left:10px;
}
.card-h5 h5{
	font-weight:bold;
	color:#4a4a4a;
	font-size:20px;
}
.card-h5 small{
	color: #4a4a4a;
	font-size:16px;
}
.crd-pp{
	padding: 20px 30px;
}
.pro-dt{
	text-align:left;

}
.img-dt p{
	display:inline-block;
	font-weight:bold;
	width: 200px;
	font-size:18px;
}
.proim img{
	display: inline-block;
	float: left;
}
.mg-46{
	margin-left:46px;
}
.mg-40{
	margin-left:40px;
}
.img-dt img{
	margin-top: 15px;
	margin-right: 20px;
	float: left;
	width: 20px;
}
.fnt-wht{
	color:#fff !important;
}

.lic-pp{
	margin-top:20px;

}
.slick-slide {
	margin: 0px 20px;
}
.slick-slide img {
	width: 100%;
}
.slick-prev:before,
.slick-next:before {
	color: black;
}
.slick-slide {
	transition: all ease-in-out .3s;
	opacity: .2;
}
.slick-current {
	opacity: 1;
}
.prf-abt .btn-nav{
	margin:5px;
	padding: 10px 25px !important;
}

/*drprofile page end*/

/*bookyourappointment page start*/
#bookyourappoint{
	background-color: #efeff4;
	margin-top: 90px;
}
#bookyourappoint .title{
	margin-top:57px;
	float: right;
}
#bookyourappoint .title-h1{
	font-family: FFShamelFamily-SansOneBold;
	font-size: 24px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	color: #004f6c;
	margin-top: 0px;
}
#bookyourappoint .title-p{
	display: none;
	font-family: FFShamelFamily-SansOne;
	font-size: 19px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 0.89;
	letter-spacing: normal;
	text-align: left;
	color: #000000;
}
#bookyourappoint .title-p a{
	font-family: FFShamelFamily-SansOneBold;
	font-weight: bold;
  	color: #38b9db;
}
#bookyourappoint .card{
	margin-top:57px;
	border-radius: 12px;
	box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.21);
	background-color: #ffffff;
}
#bookyourappoint .card .prof-img{
	width: 76px;
	height: 76px;
	border-radius: 100px;
    border: solid 2.2px #026d95;
    background-size: cover;
    background-repeat: no-repeat;
}
#bookyourappoint .card .doc-nmsp h4{
	font-family: FFShamelFamily-SansOneBold;
	font-size: 16px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	color: #38b9db;
}
#bookyourappoint .card .doc-nmsp p,#bookyourappoint .card .pro-dt p{
	font-family: FFShamelFamily-SansOne;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.42;
	letter-spacing: normal;
	text-align: left;
	color: #000000;
	margin-bottom: 20px;
}
#bookyourappoint .card .pro-dt p{
	color: #888888;
}
#bookyourappoint .book-appoint-form #phone{
	background:#ffffff;
}
#bookyourappoint .book-appoint-form .input-lg{
	border: none;
}
#bookyourappoint .book-appoint-form  .btn-nav-off{
	height: 45px;
	border-radius: 4px;
	background-color: #ffffff;
	width: 49%;
	font-family: FFShamelFamily-SansOne;
	font-size: 16.7px !important;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	color: #0e0e0e;
}
#bookyourappoint .book-appoint-form  .btn-nav{
	height: 45px;
	border-radius: 4px;
	background-color: #30c34b;
	font-family: FFShamelFamily-SansOneBold;
 	font-size: 16.7px !important;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	color: #ffffff;
	width: 47%;
	margin-right: 17px;
}
#bookyourappoint .book-appoint-content{
	padding-right: 0px;
	padding-left: 0px;
}
#bookyourappoint .book-appoint-form{
	margin-bottom: 70px;
}
#bookyourappoint .book-appoint-form .form-control{
	margin-bottom:15px !important;
	height: 56px;
	border-radius: 4px;
	background-color: #ffffff !important;
}
#bookyourappoint .book-appoint-form #firstname, #bookyourappoint .book-appoint-form #patient_email{
	padding-left: 17px;
}
#bookyourappoint .book-appoint-form .form-label{
	font-family: FFShamelFamily-SansOne;
	font-size: 16.7px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	color: #000000;
}
#bookyourappoint .book-appoint-form  button{
	margin-bottom:40px;
}
#bookyourappoint .one-or h3 {
	position: relative;
	margin-top: 20px;
	text-align: center;
}
#bookyourappoint .one-or h3.one {
	margin-top: 0;
}
#bookyourappoint .one-or h3.one:before {
	content: "";
	display: block;
	border-top: solid 0.5px #979797;
	width: 100%;
	height: 1px;
	position: absolute;
	top: 63%;
	z-index: 1;
}
#bookyourappoint .one-or h3.one span {
	padding: 0 20px;
	position: relative;
	z-index: 5;
	left: 0px;
	background-color: #efeff4;
	font-family: FFShamelFamily-SansOne;
	font-size: 16.7px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	color: #0e0e0e;
}
.book-appoint-form  button{
	margin-bottom:40px;
}
.sub-apodt{
	font-size:18px;
	text-align:center;

}
#submit-appo .book-appoint-form button{
	margin-bottom:0px !important;
}
#submit-appo .book-appoint-form .btn-nav{
	padding: 20px 50px !important;
}
#submit-appo .book-appoint-form .btn-nav-off{
	padding: 20px 100px !important;
	color:#000;
	background:#ededed;
}
.modal-footer {
	text-align:center !important;
}
/*Book-your-appointment page end*/
/* Doctor invoices */
.download_invoice{
     margin: 4px;
    padding: 8px 16px;
    font-size: 16px;
    background: #fff;
    color: #000;
    border: none;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.16);
    cursor: pointer;
    white-space: normal;
    text-align: left;
}
.download_invoice i{
       color: red;
        box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.16);
        margin-right: 10px;
}
.download-section-title{
    font-family: 'FFShamelFamily-SansOneBold';
    color: #004f6c;
}
.Pay{
    -webkit-appearance: none;
    border: 1px solid #d3d3d3;
    border-radius: 7px;
    width: 28px;
    height: 28px;
    content: none;
    outline: none !important;
    margin-left: 10px !important;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    margin-left: 3px !important;
 }

 .Pay:checked {
   -webkit-appearance: none;
   outline: none;
   padding: 0;
   content: none;
   border: none;
   background: #38b9db;
 }

 .Pay:checked::before{
   position: absolute;
   color: white !important;
   content: "\00A0\2713\00A0" !important;
   /* border: 1px solid #d3d3d3; */
   font-weight: bolder;
   font-size: 21px;
 }
 .Payment-card{
    border-radius: 8px;
    padding: 10px 3px;
    width: auto;
    height: 60px;
    background-color: #ffffff;
}
.Payment-card label{
    width:85%;
    vertical-align: middle;}
.Payment-card label .text{
    position: relative;
    width: 40%;
    font-family: FFShamelFamily-SansOne;
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #0e0e0e;
}
.Payment-card label img{
    float:right;
    width: 25%;
}
.payment-methods{
    font-family: FFShamelFamily-SansOneBold;
    font-size: 30px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #004f6c;
    margin-top: 50px;
    padding: 0 20px;
}

h3,button,h2 b{font-family: FFShamelFamily-SansOne;}
.payment-info{
    border-radius: 8px;
    background-color: #ffffff;
    padding:0px 16px;
}
.copy_icon{
    margin-left: 10px;
    font-size: 16px;
    color: #38b9db;
}
.payment-info h3{font-family: FFShamelFamily-SansOneBold;
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: right;
    color: #ff3b30;
    margin-top: 0px;}
    .payment_code{margin-top:120px;}
    .payment_code h2{
        margin-top: revert;
        font-size: 20px;
        color: #004f6c;
        font-family: 'FFShamelFamily-SansOneBold';
    }
    .collapse-H3{padding: 0 10px;
        font-weight: bold;
        color: #075575;
		margin-top: 7px;
		font-size: 16px;}
        .centerImg{
            width: 45px !important;
            height: 45px !important;
            border-radius: 5px !important;
            border: solid 1px #ccc !important;
            margin-top: 10 !important;
        margin-right: 5px !important;
        }
/* End of Doctor invoices */
/* rating msg */
.rateSecondCard{
    padding-left: 0 !important;
}
/* End of rating msg */

.modal-backdrop{
	position: relative;
}
.modal{background:rgba(0, 0, 0, 0.5);}

/* _________________________________ promo codes __________________________ */
.HVpromo_code .row{
    border: 2px solid #38b9db;
    padding: 30px 20px 10px 10px;
    border-radius: 12px;
    font-family: 'FFShamelFamily-SansOne';
    width: 100%;
    margin: auto;
}
.HVpromo_code .btn-nav{
    height: 56px !important;
    width: 100% !important;
    margin-bottom: 0px;
    background-color: #38b9db !important;
    color: #fff;
    font-size: 16.7px !important;
    outline: none;
    margin: 0 !important;
}
.PCamount{
    padding-top: 20px;
}
.promoFeeslabel{
    float:right;
}
.HVpromo_code .second{
    padding: 0 !important;
}
.text-success{
    color:#30C34A !important;
}
.HVpromo_code #promo_code{
    margin-bottom: 15px;
}
/* _________________________________ End of promo codes __________________________ */
/* ________________________________ Labs __________________________________ */
.pt-0{padding-top: 0px  !important;}

.test_search .row .customeH2{
    font-size: 14px !important;
}
.Lab_h1{
    font-family: FFShamelFamily-SansOneBold !important;
    font-size: 18px;
}
.location {
    font-family: 'FFShamelFamily-SansOne';
    color: white;
 }

 .location b {
    color: white;
    margin-right: 5px;
 }

 .location span i {
    margin: 0 10px;
    font-size: 18px;
 }
 .request-body{
    padding:20px;
    padding-top: 0;
}

 .request-body p, .selectedHomeTests p{
    font-size: 14px;
    font-family: 'FFShamelFamily-SansOne';
 }

 .request-body p .deleted_test, .selectedHomeTests p .deleted_test, .deleted_test{
    float: right;
    color: #9e9e9e;
 }

 .requested, .HomeRequested {
    float: right;
    background: #38b9db;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    text-align: center;
    margin-top: -30px;
    color: white;
    margin-right: 20px;

}
.requested:after, .HomeRequested:after {
   font: normal normal normal 17px/1 FontAwesome;
   content: '\f107';
   color: #b4b4b4;
   width: 30px;
   height: 30px;
   float: right;
   margin-right: -32px;
}
.HomeRequested{margin-top: 0px !important;}
 .request {
    display: none !important;
 }

 .request.active {
    display: block !important;
    box-shadow: 6px 7px 19px 0 rgb(0 0 0 / 9%);
    padding: 20px;
    border-radius: 12px;
    z-index: 1000000;
    position: absolute;
    background: white;
    width: 89%;
    bottom: 75%;
 }
 .LabImage{
    border-radius:12px !important;
    margin-left:10px !important;
}
 .search-location {
    padding-top: 10px;
    background: #004f6c;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    margin-bottom: 5px;
 }

 .price {
    color: #9e9e9e;
    float: right;
 }

 .tests-first-side {
    display: block;
    z-index: 2;
 }

 .clin-loc strike {
    margin: 0 15px;
    color: #9e9e9e;
 }
 .featuredTests{
    margin-top: 0px !important;
}

 .Labs {
    border-radius: 20% !important;
    transform: scale(0.80);
    transform-origin: top;
    height: 300px;

 }

 .test_price {
    color: #004f6c;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    direction: ltr;
    text-align: left;
    font-weight: bold;;
 }

 .seeMoreTests, .service_details button {
    background: #30C34A;
    border: 1px solid #30C34A;
    color: white;
    padding: 5px 15px;
    border-radius: 4px;
    font-size: 14px;
    margin-top: -15px;
    font-family: 'FFShamelFamily-SansOne';
    width: 100%;
    outline: none !important;
 }
 .seeMoreTests:hover, .service_details button:hover
{
    color: white;
}
 .test_name {
    font-weight: Bold;
    color: #38b9db;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    direction: ltr;
    padding:10px;
    font-size:16px ;
    margin-bottom: 0;
 }

 .UploadTest {
    width: 95%;
    height: 65px;
    background: #38b9db;
    padding: 9% 0;
    border-radius: 8px;
    font-family: 'FFShamelFamily-SansOne';
    font-size: 16px;
    font-weight: normal;
    color: white;
 }

 .image {
    transform: scaleY(0.70);
    transform-origin: top;
 }

 .test_slider img {
    border-top-right-radius: 12px;
    border-top-left-radius: 12px;
 }

 .chooseLab {
    font-size: 24px !important;
 }

 .test_slider {
    padding: 0px !important;
    background: white !important;
    border-radius: 12px;
    text-align: left;

 }

 .test_data {
    margin-top: -90px;
    height: 65px;
 }
 .selectedHomeTests{
    padding-bottom: 10px !important;
    margin-bottom: 10px !important;
 }
 .selectedHomeTests .selectedTests p, .selectedTests p, .selectedProdcuts p{
    display:block !important;
    width:100%;
    padding: 0 20px;
    text-align: initial;
    font-size: 12px;
 }
 .clin-loc span{
     float:right;
     color: #38b9db;
    }
    .Testprice{
        background: #38b9db;
        border-top-right-radius: 8px;
        border-bottom-right-radius: 8px;
        margin-top: 0 !important;
        height:auto !important;
        float:left;
        direction: ltr;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        margin-bottom: 20px;
    }
    .price2{
        color:white !important;
        text-align: center !important;
        display:block !important;
        direction: ltr !important;
        text-overflow: ellipsis !important;
        overflow: hidden !important;
        white-space: nowrap !important;
    }
    .price2 span{
        color:white;
    float:inherit;}

 .popup{
    font-family: 'FFShamelFamily-SansOne';
    cursor: pointer;
 }
 .popup b{
     float:left;
     color: #004f6c;
 }
 .popup span{
    color: #38b9db;
    float: right;
 }
 .test_search{
    padding-top: 100px !important;
}
.lab_city{padding-left: 0px !important;}
.lab_area{padding-right: 0px !important;}
.Image_area img{
    width: 100px;
    margin: 5px;
    border: 2px solid #004f6c;}
    .Notvalid{
        border: 2px solid red !important;
    }
    .NotvalidIcon{
       border: 2px solid red;
        border-right: none;
    }
    .booking_card{
        position: sticky;
        top: 110px;
        /* float:right !important; */
    }

.TName{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0;
}
.Tprice{
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0;
}
.Lab_heroText{
    margin-top: 94px;
}
.Lab_heroText .row{padding-left: 10px;}

.testIcon{
    font-size: 22px;
    margin-right: 15px;
    color: #004f6c;
}
.Lab_heroText h3, .Lab_Call_us h3{
    display: inline;
}
.Lab_heroText button{
    margin-bottom: 10px;
}
.Lab_Call_us{
    color: #004f6c;
    margin-top:10px;

}
.Lab_Call_us .UploadTest
{
    margin-top: 10px;
    padding: 5%;
    width: 100%;
    height: 50px;
}
.Lab_heroText .selectdiv
{
    font-size: 15px;
}
.data{
    padding: 0 10px;
}
.data .test_price{
    text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.moreTests{
    font-size: 20px;
    color: #38b9db;
    float: right;
    font-family: FFShamelFamily-SansOneBold;
    margin-top: -2px;
}
.moreTests:hover{color: #38b9db !important;}
.moreTests::before
{
    font: normal normal normal 17px/1 FontAwesome;
    content: '\f101';
    color: #38b9db;
    width: 20px;
    height: 18px;
    display: inline-block;
    text-align: right;
    float: right;
    margin-top: 5px;
    font-size: 24px;;
}
.FTImg{
    width:100%;
height:200px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
.FTname{
    text-align: left;
}
.LabPartner
{
       margin: 0 2% !important;
       width: 145px !important;
}
.featuredTests_hr{
    width: 100px !important;
}
.result, .TestResult{
    color: #004f6c;
     font-family: 'FFShamelFamily-SansOne';
}
.bookedTestData{
    font-family: 'FFShamelFamily-SansOne';
    margin-top: 15px;
}
.bookedTestData .SampleFees{
    font-size: 12px;
    padding-top: 16px;
    color: #004f6c;
    font-weight: bold;
    text-align: center;
}
.bookedTestData .total {
    font-weight: bold;
}
.Attach_headerH1{
    font-size: 22px !important;
    margin-top: 20px !important;
}
.Attach_header{
    height: auto;
    font-family: FFShamelFamily-SansOne;
    font-size: 17px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #004f6c;}
    .featuredPackages{
        padding: 20px;
    margin: 2% 0 6%;
    display: flex;
    flex-direction: row;
    max-width: 100%;
    overflow-x: auto;
    }
    .featuredPackages .row
    {
    display: flex;
    width: 100%;
    padding: 0 10px!important;
    /* place-content:center; */
    margin: auto;
    }
    .featuredPackages::-webkit-scrollbar {
        width: 0px;
        background: transparent; /* make scrollbar transparent */
    }
    .PackageCard{
    font-size: 20px;
    margin: 10px;
    padding: 0px;
    border-radius: 12px;
    color: #3db8d9;
}
.PackageCard img{
    width: 100px;
    height: 100px;
    margin: auto;
}
.CategoryName{
    font-family:'FFShamelFamily-SansOne';
    overflow: initial;

}
.feat_cat_div{
    font-family: FFShamelFamily-SansOne;
    font-size: 30px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #004f6c;
    margin-top: 0px;
    margin-bottom: 15px;
}
.feat_cat_list{
    height: 45px;
    border-radius: 4px;
    background-color: #efeff4 !important;
    border: none;
    font-family: FFShamelFamily-SansOne;
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
    outline: none;
    width:100%;
    padding: 0 10px;
}
.custom-file-upload {
    text-align: center !important;
    padding: 13px;
    vertical-align: middle;
    height: auto;
    color: white !important;
    width: 100%;
    background: #38b9db;
    border-radius:4px;
}
.bookedLab{
    margin: auto;
    padding-top: 10%;
}
.FilterTests{
    height: 45px;
    border-radius: 4px;
    /* background-color: #efeff4 !important; */
    border: none;
    font-family: FFShamelFamily-SansOne;
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
    outline: none;
    width:96%;
    margin-top:10px;
    padding: 15px;
    padding-left:35px;
}
.searchTest{
    color: #8e9fa7;
    position: absolute;
    margin-top: 25px;
    margin-left: 10px;
}
.MoreLabTests{
    margin-top: 15px !important;
    border-radius: 8px !important;
    font-family: 'FFShamelFamily-SansOneBold' !important;
    width: 109px !important;
    height: 45px !important;
    font-size: 16px !important;
    color:#fff !important;

}
.testName{
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: initial;
    height: auto;
    margin-top: 20px;
    font-size:14px;

}
 /* ________________________________ End of Labs __________________________________ */



/* ___________________________ custome preloader style_________________________ */
.custom_loader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
    opacity: 0.5;
    z-index: 99999;
}

.loader_circle {
    font-size: 0;
    color: #00c9d0;
    display: inline-block;
    margin: -25px 0 0 -25px;
    text-indent: -9999em;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    background-color: #000;
    opacity: 0.5;
    width: 100px;
    height: 100px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.loader_circle div {
    background-color: #00BCD4;
    display: inline-block;
    float: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: 100px;
    opacity: .5;
    border-radius: 50%;
    -webkit-animation: ballPulseDouble 2s ease-in-out infinite;
    animation: ballPulseDouble 2s ease-in-out infinite;
}

.loader_circle div:last-child {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
}

@-webkit-keyframes ballPulseDouble {
    0%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
/* ___________________________ end ofcustome preloader style_________________________ */



/* ________________________________ Pharmacy style______________________________________ */

.switch {
    position: relative;
    display: inline-block;
    width: 45px;
    height: 25px;
    float:right;
    left:3px;
    }

    .switch input {display:none;}

    .toggler {
    position: absolute;
    cursor: pointer;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
    }

    .toggler:before {
    position: absolute;
    content: "";
    height: 15px;
    width: 14px;
    left: 3px;
    bottom: 5px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
    }

    input:checked + .toggler {
    background-color: #5cb85c;
    }

    input:focus + .toggler {
    box-shadow: 0 0 1px #2196F3;
    }

    input:checked + .toggler:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
    }

    .show{
        top:2px;
    }
    .toggler.round {
    border-radius: 34px;
    }

    .toggler.round:before {
    border-radius: 50%;
    }
    .support p{
        color: #888888;
        font-family: FFShamelFamily-SansOneBold;
        font-size: 12px;
        margin: 5px 0px;
    }
    .support a, .support h5{
        color: #004f6c;
        font-family: FFShamelFamily-SansOneBold;
    }
    .waiting_text{
        padding: 9px 1px;
        border-radius: 2px;
        border: 1px solid #004f6c;
        font-size: 12px !important;
        font-weight: bolder !important;
        font-family: FFShamelFamily-SansOne !important;
        color: #004f6c !important;
        text-align: center;
    }
    .ph_terms_div{
        text-align: start !important;
        color: #888888 !important;
        font-family: FFShamelFamily-SansOneBold !important;
        font-size: 12px !important;
    }
.ph_terms_div ul{    padding: 0px 10px !important;}
    .thanks{
        margin-top:120px;
    }
    .thanks .text-center{
        font-family: FFShamelFamily-SansOne;
    }
    .thanks .text-center h2{
        font-family: FFShamelFamily-SansOnebold;
        font-size:20px;
    }
    .thanks .text-center h3{
    font-size: 18px;
    color: #5bc0de;
    font-family: FFShamelFamily-SansOnebold;
    }
    .thanks button{
    width: 100%;
    height: 50px;
    margin: 30px 0;
    }
    .reqDetails{
        margin-top:90px;
        font-family: FFShamelFamily-SansOne;
    }
    .DetailsOne h1{
        font-family: FFShamelFamily-SansOneBold;
        font-size:20px;
        color: #004f6c;
    }
    .DetailsOne label{
        color: #004f6c;
        font-size:16px;
    }
    .DetailsTwo p{
        font-family: FFShamelFamily-SansOneBold;
    }
    .support button{
        width: 100%;
    margin-bottom: 10px;
    font-weight:bold;
    }

.totalPrice, .totalPrice p{
    color: #004f6c;
    font-size:16px;
    line-height:2;
    font-family: FFShamelFamily-SansOne;
}
.requestStatus{
    padding: 7px 15px;
    background-color: #ffeb3b;
}
.UserData{
display: block;
font-size: 12px !important;
color: #888 !important;
}
#myRequests{
    margin-top:60px;
    background-color:#efeff4;
    font-family: FFShamelFamily-SansOne;
}
#myRequests .requestsH1{
    font-family: FFShamelFamily-SansOneBold;
    font-size:22px;
    color:#004f6c;
}
#myRequests .card{
    background-color: #fff;
    padding: 15px 0;
    border-radius: 12px;
    box-shadow: 0 1px 5px 0 rgb(0 0 0 / 10%);
    padding-bottom: 5px;
    margin-bottom: 15px;
}
.requestId{
    color: #38b9db;
    font-weight:bold;
}
.requestTotal{
    font-size: 10px;
    font-weight: 600;
    color:#4a4a4a !important;
}
.requestDate{
    background-color: #f9f9f9;
    padding-top:5px;
    margin-bottom:10px;
}
.requestDate p{
    margin:0;
}
.requestDate p::after{
    content: '\f105';
    font: normal normal normal 17px/1 FontAwesome;
    color: #9e9e9e;
    width: 20px;
    height: 23px;
    display: inline-block;
    float: right;
    margin-top: 5px;
}
.requestDate .date{
    font-weight: bold;
    font-size: 10px;
    color:black !important;
}
.requestDate .dateLabel{
    font-size: 10px;
    color: #888 !important;
    }
.requestStatusdiv .Status{
    font-size: 10px;
    font-weight: bold;
    margin-left: 20px;
    padding-top: 5px;

}
.requestStatusdiv button{
    padding: 5px 16px !important;
    font-size: 12px;
}
.requestStatusdiv button a{color:#fff !important}
.prescription{
    font-family: FFShamelFamily-SansOne;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #004f6c;
    margin: 0;
}
.request_attachments{
    width: 100px;
    border: 2px solid #004f6c;
    border-radius: 12px;
}
.conditionText{
    font-size: 14px;
    line-height: 2;
    padding: 0px 20px;
    margin: 0;
    text-align: justify;
}

.lightbox {
    /* Default to hidden */
    display: none;

    /* Overlay entire screen */
    position: fixed;
    z-index: 10000;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;

    /* A bit of padding around image */
    padding: 1em;

    /* Translucent background */
    background: rgba(0, 0, 0, 0.8);
  }

  /* Unhide the lightbox when it's the target */
  .lightbox:target {
    display: block;
  }

  .lightbox span {
    /* Full width and height */
    display: block;
    width: 80%;
    height: 80%;
      margin:auto;
    /* Size and position background image */
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }
  .returnedImages{
    position: relative;
    display: inline-block;
}
.deleteReqImg{
    position: absolute;
top: 6px;
right: 7px;
z-index: 100;
background-color: #FFF;
padding: 5px 2px 2px;
color: #000;
font-weight: bold;
cursor: pointer;
opacity: .2;
text-align: center;
font-size: 22px;
line-height: 10px;
border-radius: 50%;
}
.returnedImages:hover .deleteReqImg {
opacity: 1;
}
#modal_attachments{margin-bottom: 10px;}
.Ph_items{padding: 0;}
.ph_quantity{
    text-align: center;
    padding-top: 6px;
    background: #00bcd4;
}
.ph_doctors_container{
    margin-bottom: 20px;
}
#cancelModal .modal-header .close{margin-top:-25px !important;}
.cancelReason{
    display: flex !important;
    justify-content: space-around !important;
    padding-top: 0 !important;
}
.monthly .promo
    {
    color: #004f6c !important;
    font-family: FFShamelFamily-SansOne !important;
    font-size: 16px !important;
    margin-top: 5px !important;
    }
    .bookCenter{
        float: left;
    margin-right: 0%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    }
    .btn-primary {
        color: #fff;
        background-color: #1b00ff;
        border-color: #1b00ff;
        padding: 10px 30px;
    }
    .btn-success{padding: 10px 30px;}
    .btn-info{background-color:#17a2b8;}
    .bookPhRequest{
        padding-top: 20px !important;
    }
    .pharam_offer_h2{
        font-weight: bold;
    color: #004f6c;
    }
/* ________________________________ End of Pharmacy style________________________________ */

/* ________________________________ Service and Operation________________________________ */
.services_carousel{
    background-image: url(/public/images/frame@2x.webp);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}
.services_carousel .carousel{padding: 6% 0px !important;}
.services_carousel .carousel-indicators{top:100% !important;}
.services_carousel .carousel-indicators li{
    background-color: #0009;
    background-color: #efeff4;
    /* border: 1px solid #cfcbcb; */

}
.services_carousel .carousel-indicators .active{background-color:#38b9db;}
/* _______________Doctor side___________ */
.myServicesh3{
    margin-left: 20px !important;
}
.support ul{
    font-family: FFShamelFamily-SansOne;
    font-size: 11px;
}
.serv_terms{width: fit-content !important;}
.support h4{font-weight: bold; color:#004f6c; font-size: 16px;}

.Welcom_header h1{
    font-family: FFShamelFamily-SansOneBold;
    color: #38b9db;
    font-size:22px;
    padding-bottom: 20px;
    padding-left: 15px;;
}
.serviceInput .input-md{
    height: 45px !important;
}
#Addservice, #edit_service{padding: 0 20px;}
#Addservice label, #edit_service label{
    font-family: 'FFShamelFamily-SansOne';
    font-size: 14px;
}
.text-right-left{text-align: right;}
.text-right-left .net_price{
    margin-right: 0px !important;
     font-size: 14px !important;
}
.allServices{
    border-radius: 4px;
    /* font-weight: 600; */
}
.dr_service_card_header{
    background: #004f6c;
    color: #fff;
    padding: 5px 10px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}
.dr_service_card_header h4{
    font-size: 14px !important;
    font-weight:bold !important;
}
.allServices .price{
    float: left;
    color: #38b9db;
}
.edit__img{
    height:30px;
}
.edit_cmService_title{
    padding-left: 12px;
    font-weight: normal;
}
.text-white{color:#fff !important;}
.edit_doctor_serv{font-size: 12px !important;}
.specialOfferDesc{
    font-weight: bold;
    font-size: 12px;
}
.noservicetext{
    text-align: center!important;
    margin: auto;
    margin-top:10px;
    color:#004f6c;
}
.editService{
    margin-top:10px;
}
.editService button{
    width:100%;
}
#service_data{
    background:#fff;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}
.dr_serv_published{
    border: 1px solid #5cb85c;
    border-radius: 4px;
    padding:  5px;
    color: #5cb85c;
}
.dr_serv_unpublished{
    border: 1px solid #c11515;
    border-radius: 4px;
    padding: 5px;
    color:#c11515;
}
.Serv_list_icon{
    margin-right: 10px;
    color: #38b9db;
}
#service_data label{
    font-size:12px;
    font-weight: bold;
}
#service_data .describtion{
    font-size: 10px;
    text-align: justify;
    color: gray;
    margin-bottom: 0;
}
.describtion .price{
    float: right;
    font-size: 10px;
    color: #38b9db;
}
.service_clinic_name{
    width: 35%;
    display: inline-block;
    padding: 3px 10px;
    border: 1px solid #004f6c;
    border-radius: 5px;
    font-size: 12px;
    margin: 5px;
}
.Serv_avail_clinics{
    display: inline-flex;
    overflow-x: auto;
    width: 100%;
}
.serviceInput input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  }
  .serv_percentage_ic
  {position: absolute;
  right: 16px;
  background: #eeeeee;
  top: 31px;
  height: 43px;
  width: 20px;
  padding: 6% 5px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  color: gray;
  font-size: 11px;

  }

  .btn-cd-dark.outline {
    color: #004f6c;
    border-color: #004f6c;
    /* background-color: #004f6c; */
}
.outline{
    background-color: transparent;
    color: inherit;
    transition: all .25s;
    padding: 5px 10px !important;
    font-size: 12px;
  }
  .btn-cd-dark:hover {
    color: #fff;
    background-color: #004f6c;
    border-color: #004f6c;
}
  .btn-cd-dark.outline:hover{
    color: #fff !important;
  }
.trancated{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.clinic_checkbox{
    border: 1px solid #a9a9a9 !important;
    border-radius: 0.25em !important;
    width: 20px !important;
    height: 18px !important;
    margin: 0 0.5em !important;
}
.trancated_description{
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #878585;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.discountValue{
    float: right;
    color: red;
    margin: 0 5px;
}
/* _______________Doctor side___________ */
#featuredDoc.featuredservice{
    border:none;
    margin-top: 30px !important;
    font-size: 24px;
}
#owl-example.service_carousel{margin-top: 2% !important;}
.service_home_h1{
    font-size:24px !important;
    margin-top:0px  !important;
}
.inside{
    width: 55rem;
    height:  300px;
    margin: 0;
    border-radius: 12px;
    -webkit-transform: skewY(4deg);
    -moz-transform: skewY(4deg);
    -ms-transform: skewY(4deg);
    -o-transform: skewY(4deg);
    transform: skewY(4deg);
}
.service_slider_img{
    border-radius: 4px;
    width: 100%;
    height: 380px !important;
    /* margin-right: -13%;
    margin-top: -7px; */
}
.serv_slider_text{
    height: 75px;
    width: 50%;
    top: 30%;
    right: 0% !important;
    left: auto !important;
    text-align: center;
    font-size: 26px;
    font-weight: revert;
    font-stretch: normal;
    font-style: normal;
    background: #fff;
    padding: 2px 19px;
    color: #004f6c;
    position: absolute;
    transform: skewY(10deg);
    font-family: 'FFShamelFamily-SansOneBold';
    text-shadow: -26px 15px 25px rgba(29, 67, 127, 0.6);
}
.text-dark{color:#000 !important}
.serv_cost_details{
    text-align: left;
    /* padding-left: 20px; */
}
.serv_usd_icon{
    font-size: 16px;
    font-weight: bold;
    color: #38b9db;
    margin-right: 10px;
}
.service_discount, .normal_fees{
    display: inline-flex;
    justify-content: end;
}
.normal_fees.free{
    font-weight: bold !important;
    color:red !important;
}
.drprofile-header.service_profile_header
    {    height: 40px !important;
        margin-top: 100px !important;
    }
.serviceProfile .img-loca{
    margin-bottom: 10px;
     text-align: left;}
.otherServices .serviceRate{float: left !important;}
.desktopServCard .data,.desktopServCard .col-xs-3.p-0.text-right-left{margin-top: 15px !important;}
.serv_cost_details .service_discount, .serv_cost_details .text.center_info.text-dark{font-size: 12px !important;}
.Serv_doc-name h4{font-size: 14px !important;}
.ServiceOtherDates i{margin-left: 10px;}
.service_discount b, .normal_fees b{
    color: #38b9db;
    /* display: block; */
    margin-left: 12px;
    font-size: 12px;
    font-weight: bold;
}
.service_details{
margin: 10px 0px;
text-align: left !important;
}
.service_details button{
    height: 40px;
}
.drProfileServices{
    border-radius: 4px !important;
    line-height: 2.2 !important;
    margin-top: 0px !important;
}
#doctor_services{margin-top: 20px !important;}
.drProfileServices .col-xs-9{
    padding: 0;
}
.serviceRate{
    float: right;
    color: #000 !important;
    font-family: 'FFShamelFamily-SansOne';
    /* margin-top: 10px !important; */
    margin-bottom: 0px !important;
    display: flex !important;
}
.serviceRate .fa-star{
    margin-right: 5px;
    color: gold;
}
.providerSlider{
    padding-top: 20px!important;
    background: #fff!important;
}
.serviceProviderName{
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #004f6c;
}
.serviceProvider img{
    width: 120px !important;
    height: 120px !important;
    margin: auto;
    border-radius: 50%;
    border: 1px solid #004f6c;
}
.serviceCategories{
    text-align: -webkit-center;
}
.serviceCategories .category_img_container{
    width: 115px;
    height: 115px;
    border-radius: 50%;
    /* border: 1px solid #004f6d; */
    padding: 7px;
}
.serviceCategories img{
    padding: 8px;
}
.Category_Card{
    margin: 10px 20px;
    width: 100% !important;
}
.BookService{
    background-color: #efeff4;
    padding: 80px 10px 0px 10px;
    margin-bottom: 0px !important;
}
.bookservice_h2{
    font-family: FFShamelFamily-SansOneBold;
    font-size: 24px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #38b9db;
    text-align: left;
    line-height:normal;
    margin: 0px 0 40px;
}
.BookService .serv_row{ margin-bottom: 3% !important;}
.doct_serv_offer{
    background: red;
    color: #fff;
    font-family: FFShamelFamily-SansOne;
    height: 25px;
    margin-top: 15px;
    line-height: 2;
    text-align: center;
    padding: 0px 20px;
    display: block;
}
.discount_end{
    color: #004f6c;
    font-size: 12px;
    position: absolute;
    margin: 24px auto auto auto;
    display: block;
    font-weight: bold;
    left: 50%;
    transform: translate(-50% , -50%);
    -webkit-transform: translate(-50%, -50%);
}
.service_offer{
    position: absolute !important;
    font-size: 12px !important;
    right: -5% !important;
    top: 45px !important;
    background: #F00 !important;
    color: #ffffff !important;
    text-align: center !important;
    padding: 2px 10px !important;
    line-height: 1.5 !important;
    width: fit-content !important;
}

.bookservice_h2 span{
    background:#efeff4;
    /* padding:0 25px; */
}
.BookService .best{
    height: auto !important;
}
.bookService-h4{
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #232323;
    margin-bottom: 10px;
}
.bookingSteps{
    padding: 15px;
    min-height: 230px;
    margin-top: 10px;

}
.custom_footer{
    height: 60px;
    background: #efeff4;
    }
.bookingSteps .img-responsive{
    width: 100px !important;
    height: 100px !important;
}
.middleSelect{
    border-radius:inherit !important;
}
.firstSelect{
    border-radius: 8px 0px 0px 8px !important;
}
.LastSearchInput{
    border-radius: 0px 8px 8px 0px !important;
    padding-left: 30px !important;
}
.serviceProviderImg{
    border: solid 2px #38b9db !important;
    width: 65px !important;
    height: 65px !important;
}
.Doc_serv_title{font-size: 12px!important;}

/* .service_details{
    text-align: right !important;
} */
.serviceName{
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #004f6c;
    margin-bottom: 5px;
    width: 88%;
    display: inline-block;
}
.service_details .serviceDetails
{
    display: block !important;
    width: auto !important;
    height: auto !important;
    text-align: inherit !important;
    margin-bottom: 0 !important;
    color: #0e0e0e !important;
    font-size: 14px !important;
}
.service_details .serviceDetails::after
{
    content: '\f107';
    font: normal normal normal 17px/1 FontAwesome;
    color: black;
    width: 20px;
    display: inline-block;
    text-align: right;
    float: right;
}
.servicePrice{
    font-family: FFShamelFamily-SansOne;
    font-size: 12px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.86;
    letter-spacing: normal;
    text-align: left;
    color: #38b9db;
    margin-top: 10px;
    margin-bottom: 0px;
}
.OldPrice{
    font-weight: normal;
    color: #000;
}
.serviceClinicAddress{
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
}
.serviceProfile{
    margin-top: 95px !important;
    padding-top: 20px !important;
}
.serviceCard{
    width: 100% !important;
    margin-top: 0 !important;
}
.doc_serv_img{
    margin-top:20px;
}
.doc_serv_img .prof-img{
    width: 60px !important;
    height: 60px !important;
    border: 2px solid #38b9db !important;
}
.DocName{
    padding: 0px;
}
.DocName p{
    font-family: FFShamelFamily-SansOneBold;
    font-size: 12px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.86;
    letter-spacing: normal;
    text-align: left;
    color: #004f6c;
}
.providerAbout{
    font-family: FFShamelFamily-SansOne;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: normal;
    text-align: left;
    color: #000;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-top: 5px;
}
.servClinicLoc{
    margin-top: 8px;
    margin-bottom: 0;
}
.servicePageHeader{
    font-family: FFShamelFamily-SansOnebold;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.9;
    letter-spacing: normal;
    color: #004f6c;
}
.MobileServCard{display: none;}
.desktopServCard{display: flex;}
.serviceCard .img_div{
    padding: 0px;
    text-align: left;
}
.serviceCard .serviceImg{
    width: 200px;
    height: 135px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}
.serviceCard .serviceName{
    padding:15px ;
    width: auto;
    display: block;
}
.serviceCard h3{
    text-align: left;
    font-family: 'FFShamelFamily-SansOneBold';
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.8;
    letter-spacing: normal;
    color: #004f6c;
    margin: 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.aboutService{
    font-family: FFShamelFamily-SansOne;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
}
.SerClinicName{
    text-align: left;
    font-size: 12px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #000;
    /* margin-top: 12px; */
}
.dr_ser_details h2{
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: normal;
    /* text-align: left; */
    color: #004f6c !important;
}
.otherServices h3{
    color: #38b9db;
}
.otherServices .text-right-left .net_price{font-size: 12px !important;}
.BookOtherService{
    padding: 0;
    margin-bottom: 10px;
    margin-top: 10px;
}
.BookOtherService button, .bookService{
    font-size: 12px !important;
    /* font-weight: bold !important; */
    font-stretch: normal !important;
    font-style: normal !important;
    line-height: 1.86 !important;
    letter-spacing: normal !important;
    color: #fff !important;
}
.book_servProviderImg{
    border:2px solid #38b9db !important;
}
.otherServiceRate{
    padding: 0;
    font-size: 12px;
    font-weight: normal;
}
.p-0{padding: 0 !important;}
.bookServ_header {
    padding-left: 30px;
    padding-top: 19px;
}
.bookServ_header h1{
    /* font-size: 22px !important; */
    line-height: 1.9;
    color: #004f6c;
}
.full-width{width: 100% !important;}
.mt-0{
    margin-top: 0 !important;
}
.mb-0{
    margin-bottom: 0 !important;
}
.mb-5{
    margin-bottom: 5px !important;
}
.mb-10{
    margin-bottom: 10px !important;
}
.mb-20{
    margin-bottom: 20px !important;
}
.mt-10{margin-top: 10px !important;}
.mrl-0{margin-left: 0px !important;}

.serviceNameBox{
    padding: 3%;
    background-color: #fbfbfb;
}
.serviceNameBox .serviceName{
    font-size:16px !important
}
.serviceNameBox .text-right-left .net_price{
    font-size:12px !important;
}
.call_clinic{
    font-family: FFShamelFamily-SansOne;
    font-size: 12px;
}
.call_clinic i{
    transform: scaleX(-1);
    color: #38b9db;
}
.serv_book_label{
    font-size: 12px;
    font-weight: normal;
    padding-right: 5px;
}
.serv_book_fees{
    color:#000;
}
.bookServPrice{
    margin: 0 !important;
}
.ServBooking_time{
    font-family: 'FFShamelFamily-SansOneBold';
    font-size: 12px;
    color: #000 !important;
    font-weight: bold !important;
}
.docServDetails{
    background-color:#fff !important;
}
.docSrevImg{
    width: 65px!important;
    border-radius: 50%!important;
    border: 2px solid #38b9db!important;
    height: 65px !important;
    margin-top: 0px !important;
}
.DocServClinicLoc{
    margin-top: 8px;
    font-size: 11px;
    font-family: FFShamelFamily-SansOne;
}
.service_details_text{
display: none !important;
    box-shadow: 6px 7px 19px 0 rgb(0 0 0 / 9%) !important;
    padding: 20px !important;
    border-radius: 12px !important;
    z-index: 1 !important;
    position: absolute !important;
    background: white !important;
    width: 89% !important;
    bottom: 75% !important;}
    .Out_date{
        text-align: center;
        font-size: 12px;
        color: #004f6c;
    }
    .appoint-content .bookService{
        margin-left: 35px;
    }
    .bold_total_price span{
        color:#004f6c !important;
        font-weight: bold;
    }
    .otherServices .doct_serv_offer{
        font-size: 11px !important;
        display: block !important;
        line-height: 2.5 !important;
        padding: 0 10px!important;
    }
    .service_images{
        width: 200px !important;
        height: 150px !important;
        /* margin: 2px !important; */
    }
/* ___________installment requests section__________________ */
.installment_banner{
    background: #efeff4;
padding: 20px;
font-family: FFShamelFamily-SansOne;
}
.installment_banner h4{
font-family: FFShamelFamily-SansOneBold;

}
.installment_container{
    background: #38b9db;
color: #fff;
text-align: left;
padding: 20px;
border-radius: 8px;

}
.installment_container .img-container img{
    width: 75px;
margin: 8px;
margin-left: 0;
}
.installment_container button{
    width: 100%;
background: #fff;
color: #38b9db;
font-weight: bold;
height: 40px;
border:none;
cursor: pointer;

}
.installment_container button:hover, .installment_container button:focus
, .installment_container button:active,
.installment_container button:focus:active{
    background: #fff;
    color: #38b9db;
    border:none;
    outline: none;
}
.installment_container .row{
    display: flex;
justify-content: space-between;
align-items: center;
}
label input[name='creditOption']{
    margin: 0 10px;
    margin-left: 0;
   }
/* ___________end of installment requests section__________________ */

/* ------------------------------------ Operations---------------------- */
.serviceType{
    border-bottom: 1px solid #efeff4;
    margin-bottom: 15px;
    padding: 0 !important;
    height: 65px;
    text-align: center;
}
.serviceType a{
font-family: 'FFShamelFamily-SansOne';
font-size: 18px;
font-weight: 100;
margin: 0 !important;
width: 100%;
height: 100%;
align-content: center;
display: block;
color:#000 !important;

}
.serviceType a .serv_icon{
    width: 35px;
    margin-left: 3px;
}
.serviceType input[type=radio]
{
    display: none;
}
.serviceType .toggleType{
    height: 100%;
}
.serviceType #operationLabel{
    border-top-left-radius:4px !important;
}
    .serviceType #serviceLabel{

    border-top-right-radius: 4px !important;
}
.serviceType .active{
    border-bottom: 2px solid #38b9db;
}
.serviceType .active{
    color:#38b9db !important ;
    font-family: 'FFShamelFamily-SansOneBold';
    font-weight: bold;
}
.serviceType .active .serv_icon{filter: invert(83%) sepia(28%) saturate(5087%) hue-rotate(158deg) brightness(89%) contrast(92%);}
.pl-10{padding-left: 10px !important;}
#service_operation_form{
    padding: 0px 15px;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.16);
    border-radius: 8px;
    margin-bottom: 15px;
    margin-top: 10px;
}
.service_offer_period .discount_end {
    color: #004f6c;
    font-family: FFShamelFamily-SansOneBold;
    font-size: 11px;
    position: unset;
    transform: none;
    -webkit-transform: none;
    margin-top: 13px !important;
}
.ServiceOtherDates{
    white-space: nowrap;
    font-size: 14px !important;
}

.CardInstallment_p{
    font-family: 'FFShamelFamily-SansOneBold';
    font-size: 12px;
    color: #000;
    position: absolute;
    margin-top: -18px;
    padding-left: 15px;
}

.serviceCard{border-radius:4px;}
    .serviceCard .img_div {
        padding: 10px;
    text-align: right;
    width: 35%;
}
.serviceCard .serviceImg {
        height: 100px;
        width: 100%;
        border-radius:4px;
    }
    .doct_serv_offer{
        width: fit-content;
        float: right;
        margin-top: 0px;
        border-top-right-radius: 4px;
    }
    h3.serv_cost_details {
        padding-top: 10%;
        padding-left: 15px;
    }
    .discount_badge{
        position: absolute;
        right: 0;
        top: 0;
    }
    .installment_availabilty{
        padding:15px 0px !important;
        background: #38b9db;
        display: flow-root;
        border-radius: 4px;
        color: #fff !important;
        font-family: 'FFShamelFamily-SansOneBold';
        font-size:11px;
        width: 100%;
    }
    .installment_availabilty #inst_details{
        color:#fff !important;
        text-align: end;}
    .installment_availabilty #inst_details::after{
        content: '\f105';
        font: 12px FontAwesome;
        text-align: right;

    }
    .modal_company_option{
        padding-right: 2px !important;
    }
    .modal_bank_option{
        padding-left: 2px !important;

    }
    .dr_ser_details h2 {
        padding-left: 15px;
    }
    .servProfileData{
        padding:0;
        margin-top:-8%;
    }
    .ServProfileDetails{
        margin-top: -101px;
        padding-left: 30px;
    }
    .service_images{
        width: 200px !important;
        height: 150px !important;
        max-width: 200px !important;
    }
    .main_inst_label{
        display: block;
    font-weight: bold !important;
    color: #38b9db !important;
    font-family: FFShamelFamily-SansOneBold !important;
}
.Modal_sub_inst_label{
    font-family: FFShamelFamily-SansOne !important;
    font-size: 16px !important;
    margin-bottom: 0 !important;
}
.planCard{
    border: 1px solid #888;
    border-radius: 4px;
    padding: 10px;
    color: #888;
    font-family: FFShamelFamily-SansOne;
    margin-top: 12px;
}
.SideLabel{
    margin-top: 5px !important;
    margin-bottom: 5px !important;
    font-size: 16px !important;
    font-weight: bold !important;
}
.inst_radio_option{
border: 1.7px solid #38b9db;
    border-radius: 4px;
    padding: 10px;
    font-size: 16px;
    width: 100%;
    text-align-last: center;
    font-family: FFShamelFamily-SansOne !important;
}
.inst_comp_slider{
    margin: 15px;
    display: flex;
    overflow-x: auto;
}
.inst_comp_slider::-webkit-scrollbar {
  display: none;
}
.inst_comp_div{
    height: 80px;
    width: fit-content;
    padding: 15px;
    border: 1.5px solid #38b9db;
    border-radius: 4px;
    min-width: 140px;
    max-width: 140px;
    margin: 5px;

}
.inst_comp_div img{
width: 100%;
height: 100%;
}
.plansRow{
    height: 250px;
    overflow-y: scroll
}
.plansRow::-webkit-scrollbar {
  display: none;

}
label.radio-inline.installment_option {
    background: #fff;
    margin-right: 5px;
    padding: 5px;
    border-radius: 4px;
    border: 1px solid #9E9E9E;
    /* padding-right: 20px; */
    font-size: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #888;
}
.installment_option input{
    margin-left: 5px !important;
    /* padding-left: 10px; */
    position: relative !important;
    accent-color: #339cb8;;
}

/* .installment_option input[type='radio']:checked:after{background-color:red;} */
.installment_option i{
    float: left;
    font-size: 14px;
}
.installment_options .inst_opt{padding: 0 5px}
.activeInput{
    border: 1px solid #38b9db !important;
    color:#38b9db !important;
}
.displayInstCompanies{
    width: 100%;
    display: flex;
    overflow-x: auto;
}

.ServiceOtherDates{
    white-space: nowrap!important;
    font-size: 14px !important;
    margin: 10px 0px!important;
    padding: 0!important;
}
.ServiceOtherDates .chkdte.choose_dates.truncated{
    font-size: 13px !important;
}
.card.serviceCard.otherServices{
    margin: 1px !important;
    margin-bottom: 20px !important;
}
.serviceProfileCategory a{
    font-size: 14px !important;
    color: #38b9db !important;
    font-weight: bold !important;
    margin-bottom: 0 !important;
}
/*  ----------------------- installment------------------- */

.activeinput{
    background: #e7f7fb !important;
border: 1px solid #38b9db !important;
border-radius: 4px;
}
.activeinput img{
    border:none !important;
}
label.radio-inline.installment_option.activeinput{
color: #38b9db !important;

}
label.radio-inline.installment_option {
background: #fff;
/* margin: 5px; */
padding: 5px;
border-radius: 4px;
border: 1px solid #9E9E9E;
/* padding-right: 20px; */
font-size: 12px;
display: inline-flex;
align-items: center;
justify-content: space-around;
color: #888;
width: 100%;
height: 50px;
font-family: FFShamelFamily-SansOne;

}
.installment_option input{
margin-left: 5px !important;
/* padding-left: 10px; */
position: relative !important;
accent-color: #339cb8;;
}


.inst_comp_slider{
margin: 15px;
display: flex;
overflow-x: auto;
}
.inst_comp_slider::-webkit-scrollbar {
display: none;
}
/* .installment_option input[type='radio']:checked:after{background-color:red;} */
.installment_option i{
float: left;
font-size: 14px;
}
.installment_options .p-2{padding: 2px !important;}
.choose_company_p{
    position: absolute !important;
    font-family: 'FFShamelFamily-SansOneBold' !important;
    font-size: 14px !important;
    margin-top: -25px;
    margin-right: 20px !important;
    color: #000;
}
.nested-radio-buttons{display: inline-flex}
.company-row, .bank-row{
padding-top: 30px !important;
display: inline-flex;
overflow-x: scroll;
width: 100%;
padding: 0 15px;
}
.company-row::-webkit-scrollbar, .bank-row::-webkit-scrollbar {
display: none;
}
.company-item {
margin-right: 5px;
}
.company-item input[type=radio], .plan-item input[type=radio]{
display: none;
}
.company-item:has(> input[type='radio']:checked){
background:blue;
}

.company_img_container{
height: 70px;
width: 120px;
background:#fff;
}
.company_img_container img{
width: 100%;
height: 100%;
border: 1px solid #000;
border-radius: 4px;
padding: 10px;

}
.plans-container{
    width: 100%;
    margin-bottom: 20px;
    margin-top: 20px;
    padding: 0 15px;
    font-family: FFShamelFamily-SansOne;
    text-align: left;
    display: flex;
    overflow-x: auto;
}

.plans-container::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

.plans-container::-webkit-scrollbar
{
	width: 12px;
    height: 5px;
	background-color: #F5F5F5;
}

.plans-container::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #939191;
}
.plans-container .plan-item{
background: #fff;
border: 1px solid #888;
color: #000;
border-radius: 4px;
margin: 0 4px;
padding: 20px;
min-width: 20%;
text-align: center;
font-weight: normal !important;
font-size: 12px;

}

.plan-item label {
font-size: 14px;
}
.thankyou_installment_message{
    font-size: 14px;
    color: #000;
    font-family: FFShamelFamily-SansOneBold;
    margin-bottom: 25px;
}
#featuredDoc.featuredservice {
    border: none;
    margin-top: 30px !important;
    font-size: 18px !important;
}
.installment_text h1{
    font-size: 18px;
    font-family: FFShamelFamily-SansOneBold;
    color: #38b9db;
   }
   .installment_text p{
    font-size: 16px;
   }
   .installment_features label{
    color: #004f6c;
    font-family: FFShamelFamily-SansOneBold;
    font-size: 16px;
   }
   .installment_features ul li {
    display: flex;
    align-items: center;
    margin: 10px 0;
    line-height: 30px;
    list-style: none;
    font-size: 14px
}
   .installment_features ul li:before {
    display: block;
    flex-shrink: 0;
    width: 40px;
    height: 30px;
    margin-right: 10px;
    vertical-align: middle;
    background-image: url(/public/images/done.svg);
    background-size: contain;
    content: '';
    background-repeat: no-repeat;
    margin-left: 5px;
}
   .inst_req{
    background-color:#efeff4 !important;
    padding:  10px 0;
    margin-top: 95px !important;
    font-family: FFShamelFamily-SansOne;
   }
   .inst_req label{
    font-size: 14px;
    margin-top: 14px;
    margin-bottom: 0 !important;
    font-weight: normal;
    /* width: 100%; */
   }
   .inst_req .form-control{
    height: 45px !important;
   }
   .inst_req .card{
    background-color: #fff !important;
    padding-bottom: 20px;
    border-radius: 8px;
    display: flex;
   }
   input::placeholder{
    font-size: 12px !important;
   }
   .companiesHint{
    margin-top: 10px;
    font-size: 12px;
   }
   #installment_desktop{display: block;}
   #installment_mobile_collapse{display: none;}

 /* ------------------------ installment------------------ */
 .servicesWhatsapp{
    background-color:#25d366;
}
 .fixed-tooltip-btn .tooltip-text {
    position: absolute;
    top: 50%;
    right: 100%;
    transform: translateY(-50%);
    margin-right: 10px;
    padding: 8px 12px;
    background-color: #333;
    color: #fff;
    border-radius: 4px;
    font-size: 14px;
    white-space: nowrap;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    display: block;
    z-index: 10;
}
.fixed-tooltip-btn .tooltip-text::before{
    content: '\25c4';
    padding-right: 0.5em;
    position: absolute;
    float: right;
    color: #333333;
    transform: scaleX(-1);
    margin-left: 75px;
}
/* ________________________________ End of Service and Operation________________________________ */
/* ________________________________ New homevisit ____________________ */
.header-card {
    background-color: #fff;
    position: absolute;
    top: 132px;
    border-radius: 12px;
    left: 0;
    z-index: 100;
    box-shadow: -14px 0px 8px 0 rgba(0, 0, 0, 0.14);
    padding: 24px 3px 24px 50px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.header-card h1 {
    font-family: FFShamelFamily-SansOneBold !important;
    font-size: 22px !important;
    font-weight: normal !important;
    line-height: 1.2 !important;
    margin-top: 0px !important;
    margin-left: 0px;
}

.header-card h2 {
    font-weight: normal !important;
}

.header-card #call img {
    margin: 1px 17px 1px 2px;
}

.header-card h3 {
    font-size: 16px !important;
}
 #consult_content .HV-herotext{
        margin-top: 45px;
 }
.homevisit-categories {
    padding-bottom: 20px
}

.homevisit-categories h2 {
    font-family: FFShamelFamily-SansOneBold;
    font-size: 20px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.9;
    letter-spacing: normal;
    text-align: left;
    color: #38b9db;
    padding-left: 14px;
}

.homevisit-categories .card {
    padding: 0 0 10px;
    border-radius: 8px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
    background-color: #fff;
    margin-bottom: 30px;
}

.homevisit-categories .card img {
    border-top-left-radius: 8px;
    border-top-left-radius: 8px;
    width: 100%;
    object-fit: fill;
    height: 250px;

}

.homevisit-categories .card .card-footer h4 {
    font-family: FFShamelFamily-SansOnebold;
    font-size: 18px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.9;
    letter-spacing: normal;
    text-align: center;
    color: #004f6c;
}

.info-section {
    background-color: #efeff4;
    font-family: FFShamelFamily-SansOne;
}

.info-section h2 {
    font-family: FFShamelFamily-SansOneBold;
    font-size: 16px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.94;
    letter-spacing: normal;
    text-align: left;
    color: #000;
    margin: 5px 0;
}

.info-section ul li h3 {
    font-family: FFShamelFamily-SansOne;
    font-size: 14px !important;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000;
    margin: 5px 0px;
    line-height: 1.7;
}

.home-visit-header-img-container {
    float: right;
    display: inline-flex;
    flex-direction: row-reverse;
    transform: scaleX(-1);
}

.home-visit-header-img-container img {
    height: 200px;
    width: 100%;
}
.consult_image .home-visit-category-img{
    transform: translateY(20%);
    border: 15px solid #efeff4;
    border-radius: 50%;
    padding: 0;
}
/* ________________________________ End of New homevisit ____________________ */
/* Medical tourism popup */
    .popup-header{
        font-family: 'FFShamelFamily-SansOneBold';
    font-weight: normal;
    color: #004f6c;
    text-align: start;
    line-height: 1.5;
    font-size: 18px;
    }
    .popup-description{
    font-family: 'FFShamelFamily-SansOne';
    font-size: 14px;
    line-height: 1.5;
    color: #000;
    padding: 0px 10px 0px;

    }
    .popup-text-section{
        padding: 20px;
        text-align: left;
    }
    .popup-img-section{
       position: relative !important;
        padding: 0 !important;
        overflow: hidden;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
    }
    .popup-img-section img{
         object-fit: cover;
        display: block;
    }
    .modal-popup-close{
        position: absolute;
        top: 10px;
        right: 10px;
        opacity: 0.9;
        font-size: 30px;
    }
    .medical-tourism-button{
        font-size: 16px !important;
        font-weight: bold !important;
        background: #30c34b !important;
    }
    @media (max-width: 768px) {
        .popup-text-section{
            padding:10px;
        }
        .popup-header {
            font-size: 16px;
        }
        .popup-description {
            font-size: 12px;
        }
        .row.no-gutter{
            display: flex;
            flex-direction: column-reverse;
        }
        .popup-img-section img{
            height: 190px;
        }
    }
/* End of Medical tourism popup */
/* _________________________________ medicalQuestions ___________________________________ */
.blogCard.questionsCard .MedicalQuestionContent{
    transform: translateY(14%);
}
.blogCard.questionsCard p{
    width: 85%;
}
.blogCard a{

    font-family: 'FFShamelFamily-SansOneBold';
}
.blogCard a:focus, .blogCard a:hover, #medicalQuestions .searchResult .card .showAnswer a:hover{
    color: #fff  !important;
    outline: none;
}
.blogCard .download{
    background: none;
    color: #36b9db;
    padding: 9px 15px;
    margin-left: 10px;

}
.blogCard .download:hover{
    color: #36b9db !important;
}
.medicalQuestionImage img#ask {
    float: none;
    max-height: 100%;
    width: auto !important;
    margin-left: 45px;
    transform: scaleX(1);
}
.blogCard .download img{
    width: 20px;
    margin-left: 5px;
    height: 20px;
}
.medicalQuestionImage img{
    transform: scaleX(-1);
    max-height: 100%;
    width: auto !important;
}
.questionsSearchBox{
    margin-top: 120px;
}
section#medicalQuestions{
    margin-top: 20px;
    background: #efeff4;
    font-family: FFShamelFamily-SansOne;
}
.questionsSearchBox .book-form .selectdiv select{
    border-radius:8px 0px 0px 8px;
    padding-left: 30px;

}
.questionsSearchBox .book-form .doctor-input input{
    border-radius:0px 8px 8px 0px;
    padding-left: 30px;


}
.questionsSearchBox .questions-h3{
    font-family: FFShamelFamily-SansOneBold;
    font-size: 22px;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.46;
    letter-spacing: normal;
    text-align: left;
    color: #004f6c;
}
#medicalQuestions .searchResult h1{
    font-family: 'FFShamelFamily-SansOneBold';

    font-weight: bold;
    font-size: 20px;
    font-stretch: normal;
    font-style: normal;
    line-height: 2;
    letter-spacing: normal;
    text-align: left;
    color: #004f6c;
}
#medicalQuestions .searchResult .card{
    background: #fff;
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 8px;
}
#medicalQuestions .searchResult .card h3{
    font-family: 'FFShamelFamily-SansOneBold';
  font-size: 18px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.89;
  letter-spacing: normal;
  text-align: left;
  color: #38b9db;
  margin: 0;
}
#medicalQuestions #medicalQuestions-content .downloadApp .text h3{
    font-size: 20px;

}
#medicalQuestions #medicalQuestions-content .downloadApp .text p{
    margin-top: 10px;
    font-size: 16px;
}
#medicalQuestions .searchResult .card .row span{
    font-size: 14px;
}
#medicalQuestions .searchResult .card .row .date{
    text-align: end;
}
#medicalQuestions .searchResult .card  h4.title{
    font-weight: bold;
    font-size: 16px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.94;
    letter-spacing: normal;
    text-align: left;
    color: #004f6c;
}
#medicalQuestions .searchResult .card .doctorsAnswersCount p {
    padding-top: 1.5%;
}
#medicalQuestions .searchResult .card  p.questionAnswer
    {
    font-family: FFShamelFamily-SansOne;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.88;
    letter-spacing: normal;
    text-align: left;
    color: #000;
  }
  #medicalQuestions .searchResult .card  hr{
    margin: 10px 0 10px 0;
  }
  #medicalQuestions .searchResult .card  .showAnswer, #medicalQuestions-content .doctorAnswers .BookDoctor{
    text-align: end;
  }
  #medicalQuestions .searchResult .card  .showAnswer a
    {
    color:#fff;
    padding: 8px;
    width: 50%;
    background: #38b9db;
    border-color: #38b9db;
    border-radius: 8px;
    outline: none;
}
#medicalQuestions #medicalQuestions-content .downloadApp .text{
    padding: 3% 20px;
    margin-top: 4%;
}
#medicalQuestions .searchResult .card .downloadApp a img {
    height: auto !important;
    width: 85%;
}
#medicalQuestions .searchResult .card  .downloadApp a{
    width: 30% !important;
    display: inline-block;
    margin-left: 20px;
}
/* #medicalQuestions #medicalQuestions-content .downloadApp img#NewApp{
    width: 80%;
} */
#medicalQuestions-content .Other-services .offline img{
    height: 45px;
    margin-top: 5px;
}
#medicalQuestions #medicalQuestions-content .downloadApp img{
    /* width: 100%; */
    height: 350px;
}
#medicalQuestions #search-body{
    padding-top: 90px;
}
#medicalQuestions-content  .searchResult .date_icon{
    color: #004f6c;
}
.doctorAnswers .doctorImg{
    width: 70px;
    height:70px;
    border-radius: 50%;
    border: 2px solid #004f6c;
}
#medicalQuestions-content .doctorAnswers .answer_likes{
    text-align: left !important;
    font-family: 'FFShamelFamily-SansOneBold' !important;
    margin-top: 2%;
    direction: ltr;
    }
#medicalQuestions-content .doctorAnswers .BookDoctor a{
    background-color: #30c34a;
    width: 50%;
    border-radius: 8px;
    font-weight: bold;
    border-color: #30c34a;
    outline: none;
}
#medicalQuestions-content .Other-services p{
    font-family: 'FFShamelFamily-SansOneBold';
    font-size: 20px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.9;
    letter-spacing: normal;
    text-align: left;
    color: #38b9db;
    margin-top: 20px;
}
#medicalQuestions-content .Other-services .offline, #medicalQuestions-content .Other-services .online{
    background: #fff;
    margin: 5px 13px;
    padding: 10px;
    border-radius: 8px;
    display: flex;
}
#medicalQuestions-content .Other-services .offline h3, #medicalQuestions-content .Other-services .online h3{

    font-family: 'FFShamelFamily-SansOneBold';
    font-size: 16px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: normal;
    text-align: left;
    color: #004f6c;
    margin-left: 10px;
    width: 80%;
}
#medicalQuestions-content .Other-services .navigator{
    width: 20px;
    transform: scaleX(-1);
}
/* _________________________________ End of medicalQuestions ___________________________________ */

/* =============================================== CLINIDO PREMIUM CARD =====================================================*/

.premium_header{
    min-height: 50px !important;
    top:-2px !important;
}
.premium_header a.lang{
    float: right;
    margin-top: 6px;
}
.premiumLogin{
    margin: 25% 0;
}
.PremiumWelcome{
    font-family: FFShamelFamily-SansOne;
    font-size: 20px;
    font-weight: bold;
    margin-top: 15px;
    color: #004f6c;
}
.PremiumWelcome.loginNow{font-size: 18px;}
.premium label{
    color: #000;
    margin-bottom: 10px !important;
    font-size: 16px;
    font-weight: normal;
}
.premium input{
    border-radius: 4px;
  border: solid 1px #ddd !important;
  background-color: #fff !important;
}
.premium input::placeholder{
    font-size: 14px;
}
.premium .btn-success{
    width: 100%;
    font-size: 16px !important;
}
.premium .support{
    position: fixed;
    bottom: 25px;
    width: 100%;
    left: 0;
    font-size: 14px;
}
.premium .support b{
    font-weight: bolder;
    color: #004f6c;
    font-size: 16px;
}
#otp-form {
    display: grid;
justify-content: center;
direction: ltr;
margin-top: 10%;

}

.otp-fields {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-bottom:20px;
}

.otp-field {
width: 50px;
height: 50px;
border: 1px solid #ccc;
border-radius: 5px;
text-align: center;
font-size: 20px;
margin: 0 5px;
}
.OTPConfirmation h3, .completePremiumUserData h3{
    font-family: FFShamelFamily-SansOneBold;
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.89;
  letter-spacing: normal;
  text-align: center;
  color: #004f6c;
}
.OTPConfirmation p{
    font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.63;
  letter-spacing: 0.16px;
  text-align: center;
  color: #000;

}
.OTPConfirmation .countdown, .OTPConfirmation .resend{
    display: flex;
    justify-content: center;
    font-size: 16px;
    letter-spacing: 1px;
}
.OTPConfirmation .countdown i{
    transform: scaleX(-1);
    font-size: 16px;
    margin-left: 10px;
}
.OTPConfirmation .resend p{
    margin-right: 5px;
    color:#888 !important;
}
.OTPConfirmation .resend p a{
    text-decoration: underline !important;
    color:#888 !important;

}
.OTPConfirmation .resend{
    font-family: FFShamelFamily-SansOne;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.94;
  letter-spacing: normal;
  text-align: left;
  color: #888;
}
.completePremiumUserData #PremiumUserImage{
    width: 80px;
    height: 80px;
    border-radius: 50%;
    object-fit: cover;
    margin-bottom: 10px;
}
.completePremiumUserData form label{
    font-family: FFShamelFamily-SansOne;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.94;
    letter-spacing: normal;
    float: left;
    color: #000;
}
.completePremiumUserData form label.radio-inline{
    width: 40%;
    color: #9b9b9b;
    font-size: 16px;
}
.completePremiumUserData form input:not([type=radio]){
    height: 45px;
    border-radius: 5px;
    box-shadow: none;
}
.completePremiumUserData form input[type=radio]{    margin-right: -20px!important;}
.completePremiumUserData form input::placeholder{
    font-size: 12px;
}
.completePremiumUserData form .submit_data{
    font-family: FFShamelFamily-SansOne;
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.22;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    height: 45px;
    background-color:#30c34a;
    width: 100%;
}
.PremiumUserHome{
    margin-top: 80px;
}
.PremiumUserHome #PremiumUserImage{
    width: 50px;
    border-radius: 50%;
    height: 50px;
    object-fit: cover;
}
.PremiumUserHome h1{
    font-family: FFShamelFamily-SansOneBold;
    font-size: 24px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.9;
    letter-spacing: normal;
    text-align: left;
    color: #004f6c;
    margin: 0;
}
.PremiumUserHome .subscriptionCard{
    margin: 20px 15px;
    padding: 20px;
    background: #fff;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.27);
    border-radius: 4px;

}
.PremiumUserHome .subscriptionCard .card-header a{
    font-family: FFShamelFamily-SansOneBold;
    font-size: 18px;
    font-weight: bold;
    color: #38b9db;

}
.PremiumUserHome .subscriptionCard .card-header a::before{
    content: '\f107';
    font: normal normal normal 17px / 1 FontAwesome;
    color: #38b9db;
    width: 20px;
    height: 30px;
    display: inline-block;
    text-align: right;
    float: right;
    margin-top: 5px;
    font-weight: bold;
}
.PremiumUserHome .subscriptionCard .card-block ul{
    padding-left: 0;
}
.PremiumUserHome .subscriptionCard .card-block ul li{
        display: flex;
        align-items: center;
        margin: 10px 0;
        line-height: 30px;
        list-style: none;
    }

    .PremiumUserHome .subscriptionCard .card-block ul li:before{
        display: block;
    flex-shrink: 0;
    width: 15px;
    height: 20px;
    margin-right: 10px;
    vertical-align: middle;
    background-image: url(/public/images/righticon.webp);
    background-size: contain;
    content: '';
    background-repeat: no-repeat;
    margin-right: 5px;
    }
    .premiumServices h1{
        font-family: FFShamelFamily-SansOneBold;
        margin-left: 10px;
        font-size: 20px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.9;
        letter-spacing: normal;
        text-align: left;
        color: #38b9db;

    }
    .premiumServices .card{
        padding: 15px;
        border-radius: 4px;
        box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.16);
        background-color: #fff;
        text-align: center;
        margin: 10px;
        width: -webkit-fill-available;
        box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.16);
    }
    .premiumServices .card img{
        width: 65px;
        height: 65px;
    }
    .premiumServices .preServ{padding: 0px;}
    .premiumServices .preServ p{
        font-family: 'FFShamelFamily-SansOneBold';
        font-size: 14px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        /* line-height: 1.25; */
        letter-spacing: normal;
        text-align: center;
        color: #004f6c;
        margin-bottom: 0;
        margin-top: 12px;
    }
    .remaining_cons{
        color: #38b9db;
        font-size: 16px;
    }
    .remaining_cons i{
        font-size: 20px;
    }
/* ________________________________ TeleMedicine_______________________________________ */

/* __________________________________ Integration_____________________ */
.cancelVisit {
    background-color: #fff;
    margin-top: 0 !important;
    margin-bottom: 20px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    padding-top: 15px;
 }

 .booking_data,
 .booking_data h4 {
    padding: 0px;
    font-family: 'FFShamelFamily-SansOne';
    font-size: 12px;
    text-overflow: revert !important;
    overflow: auto !important;
    white-space: initial !important;
 }

 .dateSpan {
    font-size: 10px;
    color: gray;
    font-weight: bold;
 }

 .cancelBook button {
    padding: 5px 30px !important;
 }

 .visitDetails {
    background-color: #fff !important;
    margin-top: -5px !important;
    height: 75px !important;
    font-family: FFShamelFamily-SansOne;
 }

 .homeService {
    color: #004f6c !important;
    font-size: 12px !important;
    font-weight: 800 !important;
 }

 .visitStatus {
    padding: 6px 7px;
    border-radius: 8px;
 }

 .Lab_border-success {
    border: 1px solid #30c34b;
    color: #30c34b;
 }

 .Lab_border-warning {
    border: 1px solid #ffd712;
    color: #ffd712;
 }

 .Lab_border-danger {
    border: 1px solid #e30000;
    color: #e30000;
 }

 .Lab_border-info {
    border: 1px solid #38b9db;
    color: #38b9db;
 }

 .LabIntegration {
    margin-top: 20px !important;
 }

 .myLabImg {
    width: 45px !important;
    height: 45px !important;
    border-radius: 8px !important;
    margin-top: 5px !important;
 }

 .requestTests {
    font-family: 'FFShamelFamily-SansOne';
    font-size: 12px;
 }

 .LabReqDetails {
    padding: 0px;
 }

 .LabReqDetails .visitStatus {
    margin-top: 20px;
    font-family: 'FFShamelFamily-SansOne';
    font-size: 10px;
 }

 .LabReqDetails.add_message {
    margin-top: 15px;
 }

 .RequestLabName {
    overflow: initial !important;
    white-space: break-spaces !important;
    margin-top: revert;

 }

 .cancelBook a {
    padding: 5px 30px !important;
    font-family: 'FFShamelFamily-SansOne';
 }

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

 .LabReqSampleFees {
    padding: 0 !important;
    text-align: inherit !important;
 }

 #LabRateName {
    font-weight: bold;
    font-size: 17px !important;
    color: #38b9db;
 }

 .rateLab {
    color: #8e8c8c !important;
 }

 .cons_doc_name {
    font-size: 14px !important;
 }

 .consActions {
    padding-bottom: 10px !important;
 }

 .consActions .col-xs-5,
 .consActions .col-xs-7 {
    padding: 0 !important;
 }

 .con_status {
    margin-top: 10px;
 }

 .consultationStatus span {
    font-size: 13px;
    padding: 10px 20px;
    border-radius: 8px;
 }


/* __________________________________ End of integration_____________________ */
 /* ________________________________pay Transactions _____________________________*/
.product-H3{
    padding: 0 10px;
font-weight: bold;
color: #075575;
margin-top: 7px;
font-size: 18px;
}
.product_data{
    padding: 0 10px;
    font-family: 'FFShamelFamily-SansOne';
    line-height:2;
}
.product_data p{
    font-size:12px !important;
}
.product_data label{
    float:left;
    font-size:16px;
    color:#38b9db;
}
.product_data span{
    float: right;
    font-size:16px;
    color:#38b9db;
    font-weight: bold;

}
/*_____________________________________pay Transactions ___________________________________________  */
 /* ________________________________ Voice Search _________________________________ */
 .floatingDiv{
    background:none !important;
    box-shadow: none !important;
	position:fixed;
    width:90px;
    bottom:30px;
	right:12px;
    z-index:100;
}
.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:30px;
	right:20px;
	background-color:#30c34a;
	color:#FFF;
	border-radius:50px;
	text-align:center;
    box-shadow: 2px 2px 3px #999;
    z-index:100;
}
.float:hover{
    color:#FFF !important;
}
.my-float{
    margin-top:19px;
    font-size:20px;
}
.float i{font-size: 22px;}
#speech{
	border: none;
  padding: 0;
  border-radius: 100%;
  width: 100px;
  height: 100px;
  font-size: 3em;
  color: #fff;
  padding: 0;
  margin: 0;
  background: #30c34a;
	position: relative;
	z-index: 999;
  display: inline-block;
    line-height: 100px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
}

.pulse-ring {
  content: '';
  width: 100px;
  height: 100px;
	background: #30c34a;
  border: 5px solid #30c34a;
  border-radius: 50%;
  position: absolute;
  animation: pulsate infinite 1.5s;
}

.pulse-ring.delay{
	 animation-delay: 1s;
}
.tooltip-arrow{left:50% !important;}
@-webkit-keyframes pulsate {
  0% {
    -webkit-transform: scale(1, 1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.3, 1.3);
    opacity: 0;
  }
}
/* ________________________________End of  Voice Search ______________________________ */
/* repeated questions */
.repeatedQ {
    margin-top: 35px;
    position: relative;
    width: 100%;
}

.repeatedQ:after {
    content: '';
    width: 3%;
    border-bottom: solid 2px #fff;
    position: absolute;
    left: -16px;
    top: 50%;
    z-index: 1;
}
.subtitle{
    font-size: 16px !important;
}
/* end of repeated questions */
/* FAQ PAGE */
.questionrow{
    margin-right:0;
    margin-left:0;
}
.FAQList li:before{
    content: "";
    width: 2px;
    left: 9px;
    background-color: #38b9db;
    position: absolute;
    top: 35px;
    height: 60%;
}
li, li:hover{
    text-decoration:none !important;
    cursor:default;
}


.questiondiv, .answer{
    margin-left:30px;
}
.FAQquestion, .questiondiv{
    display: initial;

}
.FAQquestion{
    font-family: 'FFShamelFamily-SansOneBold';
    color: #004f6c;
    font-size:16px;
}
.FAQicon{
    font-size: 22px;
    display: inline;
    width: fit-content;
    float:left;
}
.textanswer{
    color:#000 !important;
    cursor: default !important;
    text-align:justify;
}
.textanswer a{
    color:#38b9db !important;
    cursor: pointer !important;
}
/* END OF FAQ PAGE */
.MakeSure{
    font-size: 12px;
    font-weight: bold;
    color: red;
    margin-left: 17px;
    line-height: 1.5;
}
/*Are you a doctor page end*/
#areyoudoctorsection{
	background-color: #efeff4;
	margin-top:100px;
}
#areyoudoctorsection .title-h1{
	font-family: FFShamelFamily-SansOneBold;
	font-size: 30px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	color: #004f6c;
	margin-left:10px;
}
#areyoudoctorsection .areyoudoctor-form{
	margin-bottom: 100px;
}
#areyoudoctorsection .input-lg {
    height: 56px;
  	border-radius: 4px;
  	background-color: #ffffff !important;
}
#areyoudoctorsection .btn-lg {
	padding: 15px 16px !important;
	font-size: 25px !important;
	background-color: #30c34b;
}
#ayad .btn-lg {
	padding: 15px 16px !important;
	font-size: 25px !important;
}
/*Are you a doctor page end*/

/*drhome page start*/
.search_box{
	padding-top:120px;
	position: fixed;
	z-index: 11;
	width:100%;
	background: #ffffff;
	transition: top 1.3s;
}
.search_box .selectdiv:before{
	color:#7a7a7a;
	top:5px;
	font-size: 18px;
}
.search_box .container-fluid{
	margin-left: 87px;
}
.search_box .category,.search_box .city,.search_box .area{
	width: 20%;
    display: inline-flex;
}
.search_box .doctor-input{
	width: 25%;
    display: inline-flex;
}
.online_search .category{
	width: 40%;
}
.online_search .doctor-input{
	width: 45% !important;
    display: inline-flex;
}
.search_box .search-button{
	width: 13%;
    display: inline-flex;
}
.search_box .category .input-field{
	border-radius: 8px 0px 0px 8px;
}
.search_box .city .input-field,.search_box .area .input-field{
	border-radius: 0px;
}
.search_box .doctor-input .input-field{
    border-radius: 0px 8px 8px 0px;
    padding-left: 31px;
}
.search_box .doctor-input .icon{
    border-radius: 0px;
    position: absolute;
}
.search_box .search-input .input-container{
	background-color: #efeff4;
	border-radius: 4px;
	margin-bottom: 25px;
	display:none;
}
.search_box .search-input .input-container::before{
	content: "\f002";
	font: normal normal normal 18px/1 FontAwesome;
	height: 45px;
	border-radius: 4px;
	color: #38b9db;
	background-color: #efeff4;
	padding-left:15px;
}
.search_box .search-input .input{
	height: 45px;
	border-radius: 4px;
	background-color: #efeff4;
	border:none;
	width:90%;
	opacity: 0.35;
	font-family: FFShamelFamily-SansOne;
	font-size: 15px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	color: #000000;
	outline: none;
	padding-left:15px;
}
#search-body .search-links .breadcrumb {
    background-color: transparent;
    margin: 0px 0px;
    padding: 8px 0px 0px 0px;
}
#search-body .search-links .breadcrumb>li+li:before {
    padding: 0px 2px;
    font-size: 16px;
    color: #000000;
}
#search-body .search-links .breadcrumb>li {
    font-family: FFShamelFamily-SansOneBold;
    font-weight: bold;
    font-size: 12px;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
}
#search-body .search-links .breadcrumb>li a {
    color: #38b9db;
    font-size: 15px;
}
#doctor-list .speciality-h1, .test_header{
	font-family: FFShamelFamily-SansOneBold;
	font-size: 16px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
    color: #004f6c;
    margin-top: 0px;
    margin-bottom: 0px;
}
#doctor-list .speciality-p{
	font-family: FFShamelFamily-SansOne;
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	color: #004f6c;
	margin-bottom: 0px;
}
#slider-cd .loc-box .prof-img {
    width: 45px;
    height: 45px;
    border-radius: 5px;
    border: solid 1px #ccc;
}
#search-body{
	background:#efeff4;
	padding-top: 200px;
}
#search-body .first-side, .tests-first-side{
    position: sticky;
    top: 80px;
	padding-right: 0px;
	padding-left: 0px;
	margin-bottom: 24px;
}
#search-body .speciality-details{
	margin-top: 100px;
	border-radius: 8px;
  	box-shadow: 6px 7px 19px 0 rgba(0, 0, 0, 0.09);
	background-color: #ffffff;
	padding-left: 0px;
	display:block;
	margin-bottom: 24px;
}
#search-body .speciality-details-2 {
    display: none;
}
#search-body .speciality-details img{
	margin-top: -85px;
}
#search-body .speciality-title{
	font-family: FFShamelFamily-SansOneBold;
	font-size: 16px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	color: #38b9db;
	margin-left: 15px;
	margin-top: 24px;
}
#search-body .speciality-paragraph{
	font-family: FFShamelFamily-SansOne;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	color: #0e0e0e;
	margin-left: 15px;
	margin-bottom: 24px;
}
#search-body .search-filter{
	border-radius: 8px;
 	box-shadow: 6px 7px 19px 0 rgba(0, 0, 0, 0.09);
	background-color: #ffffff;
	margin-top: 10px;
	padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 10px;
}
#search-body .search-filter .filter-title , #search-body .search-filter .filter-body{
	padding-left: 15px;
	padding-right: 15px;
}
#search-body .search-filter .filter-sup-title , #search-modal .modal-body .filter-sup-title{
	font-family: FFShamelFamily-SansOne;
	font-size: 16.7px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
    color: #000000;
    /* margin-bottom: 0px !important; */
}
#search-body .search-filter hr{
    border: solid 0.5px #efeff4;
    margin-top: 10px;
    margin-bottom: 15px;
}
#search-body .search-filter #filter-h1{
	font-family: FFShamelFamily-SansOneBold;
	font-weight: bold;
	color: #38b9db;
	font-size: 16.7px;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
}
#search-body .filter-body .row {
    margin-right: 0px;
    margin-left: 0px;
}
#search-body .filter-body ul{
	list-style-type: none;
	padding-inline-start: 0px;
}

#search-body .filter-body .filter-item{
	padding-right: 7px;
	padding-left: 0px;
	margin-bottom: 20px;
}
#search-body .filter-body  .gender input[type="radio"] + label{
	width:100%;
	height:45px;
	padding: 11px 0px !important;
	font-family: FFShamelFamily-SansOne;
	font-size: 16.7px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	color: #000000;
	border-radius: 4px;
	background-color: #efeff4;
	margin-right:7px;
    padding-top: 10px;
    margin-bottom: 0px !important;
}
#search-body .filter-body .gender input[type="radio"]:checked + label {
	padding: 11px 0px !important;
	color: #ffffff;
	background-color: #38b9db;
}
#search-body .filter-body .slidecontainer, #search-modal .modal-body .slidecontainer{
    padding-right: 0px;
}
#search-body .filter-body .slidecontainer .value-scale span, #search-modal .modal-body .slidecontainer .value-scale span {
    font-family: FFShamelFamily-SansOne;
    font-size: 14px;
    color: #000000;
    float: left;
    margin-top: 6px;
}
#search-body .filter-body .slidecontainer .value-scale span.maxvalue, #search-modal .modal-body .slidecontainer .value-scale span.maxvalue {
    float: right;
}
[slider] {
    position: relative;
    height: 14px;
    border-radius: 10px;
    text-align: left;
    margin: 35px 0 10px 0;
    z-index: 15;
}
[slider] > div {
    position: absolute;
    left: 10px;
    right: 10px;
    height: 14px;
}
[slider] > div > [inverse-left] {
    position: absolute;
    left: 0;
    height: 10px;
    width:70%;
    border-radius: 10px;
    background-color: #efeff4;
    margin: 0px 6px;
}
[slider] > div > [inverse-right] {
    position: absolute;
    right: 0;
    height: 10px;
    width:70%;
    border-radius: 10px;
    background-color: #efeff4;
    margin: 0px 6px;
}
[slider] > div > [range] {
    position: absolute;
    left: 0;
    height: 10px;
    border-radius: 14px;
    background-color: #38b9db;
    left:30%;
    right:40%;
}
[slider] > div > [thumb] {
    position: absolute;
    top: -10px;
    z-index: 2;
    height: 28px;
    width: 28px;
    text-align: left;
    margin-left: -11px;
    cursor: pointer;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.4);
    background-color: #FFF;
    border-radius: 50%;
    outline: none;
    z-index: 15;
}
[slider] > input[type=range] {
    position: absolute;
    pointer-events: none;
    -webkit-appearance: none;
    height: 10px;
    top: -2px;
    width: 100%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    z-index: 16;
}
div[slider] > input[type=range]::-ms-track {
    -webkit-appearance: none;
    background: transparent;
    color: transparent;
}
div[slider] > input[type=range]::-moz-range-track {
    -moz-appearance: none;
    background: transparent;
    color: transparent;
}
div[slider] > input[type=range]:focus::-webkit-slider-runnable-track {
    background: transparent;
    border: transparent;
}
div[slider] > input[type=range]:focus {
    outline: none;
}
div[slider] > input[type=range]::-ms-thumb {
    pointer-events: all;
    width: 28px;
    height: 28px;
    border-radius: 0px;
    border: 0 none;
    background: red;
}
div[slider] > input[type=range]::-moz-range-thumb {
    pointer-events: all;
    width: 28px;
    height: 28px;
    border-radius: 0px;
    border: 0 none;
    background: red;
}
div[slider] > input[type=range]::-webkit-slider-thumb {
    pointer-events: all;
    width: 28px;
    height: 28px;
    border-radius: 0px;
    border: 0 none;
    background: red;
    -webkit-appearance: none;
}
div[slider] > input[type=range]::-ms-fill-lower {
    background: transparent;
    border: 0 none;
}
div[slider] > input[type=range]::-ms-fill-upper {
    background: transparent;
    border: 0 none;
}
div[slider] > input[type=range]::-ms-tooltip {
    display: none;
}
[slider] > div > [sign] {
    opacity: 0;
    position: absolute;
    margin-right: -11px;
    top: -39px;
    z-index:16;
    background-color: #38b9db;
    color: #fff;
    width: 28px;
    height: 28px;
    border-radius: 28px;
    -webkit-border-radius: 28px;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    text-align: center;
}
[slider] > div > [sign]:after {
    position: absolute;
    content: '';
    right: 0;
    border-radius: 16px;
    top: 19px;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-top-width: 16px;
    border-top-style: solid;
    border-top-color: #38b9db;
}
[slider] > div > [sign] > span {
    font-size: 12px;
    font-weight: 700;
    line-height: 28px;
}
[slider]:hover > div > [sign] {
    opacity: 1;
}
#search-body .filter-body .slider, #search-modal .modal-body .slidecontainer .slider{
    -webkit-appearance: none;
    width: 100%;
    height: 25px;
    background: #efeff4;
    outline: none;
    opacity: 1;
    -webkit-transition: .2s;
    transition: opacity .2s;
}
#search-body .filter-body .slider::-webkit-slider-thumb, #search-modal .modal-body .slidecontainer .slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 25px;
    height: 25px;
    background: #38b9db;
    cursor: pointer;
}
#search-body .filter-body .slider::-moz-range-thumb, #search-modal .modal-body .slidecontainer .slider::-moz-range-thumb{
    width: 25px;
    height: 25px;
    background: #38b9db;
    cursor: pointer;
}
#search-body .filter-body .slidecontainer .range-value, #search-modal .modal-body .slidecontainer .range-value {
	position: absolute;
	top: 53%;
}
.online_SResult .filter-body .slidecontainer .range-value{
    top: 79% !important;
}
#search-modal .modal-body  .slidecontainer .range-value {
    top: 70%;
}
#search-body .filter-body .slidecontainer .range-value span, #search-modal .modal-body  .slidecontainer .range-value span {
	width: 65px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	background: #38b9db;
	color: #ffffff;
	font-size: 12px;
	display: block;
    position: absolute;
    top: -10px;
    left: 50%;
	transform: translate(-50%, 0);
    border-radius: 6px;
    padding: 0px 3px;
}
#search-modal .modal-body  .slidecontainer .range-value span {
    top: -55px;
}
#search-body .filter-body .slidecontainer .range-value span:before, #search-modal .modal-body  .slidecontainer .range-value span:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-top: 10px solid #38b9db;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	margin-top: -1px;
}
#search-body .filter-body .checkbox {
    margin-top: 0px;
}
#search-body .filter-body .checkbox:first-of-type {
    margin-top: 7px;
}
#search-body .filter-body input[type="checkbox"], #search-modal .modal-body input[type="checkbox"] {
	display: none;
	margin-right:0px;
}
#search-body .filter-body input[type="checkbox"] + label, #search-modal .modal-body input[type="checkbox"] + label {
    font-family: FFShamelFamily-SansOne;
    font-size: 16.7px;
	z-index: 10;
    position: relative;
    border-radius: 5px;
    padding-left: 25px;
    padding-right: 7px;
	width:100%;
    color: #000000;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
	cursor: pointer;
    transition: all 200ms ease;
    margin-bottom: 0px !important;
}
#search-body .filter-body input[type="checkbox"] + label .checkmark, #search-modal .modal-body input[type="checkbox"] + label .checkmark {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 20px;
	width: 20px;
	border-radius: 4px;
    background-color: #efeff4;
}
#search-body .filter-body input[type="checkbox"] + label:hover .checkmark, #search-modal .modal-body input[type="checkbox"] + label:hover .checkmark {
	background-color: #ccc;
}
#search-body .filter-body input[type="checkbox"]:checked +label .checkmark, #search-modal .modal-body input[type="checkbox"]:checked +label .checkmark {
	background-color: #38b9db;
}
#search-body .filter-body input[type="checkbox"] + label  .checkmark:after, #search-modal .modal-body input[type="checkbox"] + label .checkmark:after {
	content: "";
	position: absolute;
	display: none;
}
#search-body .filter-body input[type="checkbox"]:checked +label .checkmark:after, #search-modal .modal-body input[type="checkbox"]:checked + label .checkmark:after {
	display: block;
}
#search-body .filter-body input[type="checkbox"] + label .checkmark:after ,#search-modal .modal-body input[type="checkbox"] + label .checkmark:after {
	left: 8px;
	top: 4px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
#search-body .filter-body input[type="checkbox"] + label img, #search-modal .modal-body input[type="checkbox"] + label img{
    float: right;
    margin-top: 3px;
}
.online_SResult #doctor-list .consult-p {
	margin:20px 0px 10px 10px;
	padding:0px;
	font-family: FFShamelFamily-SansOneBold;
	font-size: 16px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.63;
	letter-spacing: normal;
	text-align: left;
	color: #004f6c;
}
.online-slider #owl-example{
	margin-top: 0px;
}
#freqaskedquestions, #SchemafreqaskedquestionsEN{
	background-color: #efeff4;
}
#freqaskedquestions .row,  #SchemafreqaskedquestionsEN .row{
	margin: 0px 10px 25px 15px;
}
#freqaskedquestions .repeated-questions,  #SchemafreqaskedquestionsEN .Schemarepeated-questionsEN{
	border:2px solid #ffffff;
	border-radius: 15px;
}
#freqaskedquestions .repeated-questions .panel-heading, #SchemafreqaskedquestionsEN .Schemarepeated-questionsEN .panel-heading{
	background-color: #004f6c;
	color:#ffffff;
}
#freqaskedquestions .repeated-questions .panel-title, #SchemafreqaskedquestionsEN .Schemarepeated-questionsEN .panel-title{
	color:#ffffff;
	font-family: FFShamelFamily-SansOneBold;
	font-size: 14px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.63;
	letter-spacing: normal;
	text-align: left;
}
#freqaskedquestions .repeated-questions h2, #SchemafreqaskedquestionsEN .Schemarepeated-questionsEN h2{
	width: max-content;
	font-family: FFShamelFamily-SansOneBold;
	font-size: 20px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.63;
	letter-spacing: normal;
    background-color: #ffffff;
	color: #004f6c;
	padding: 10px 15px 15px;
    margin: -30px 0px 20px 15px;
    border-radius: 15px;
}
#freqaskedquestions .repeated-questions div ~ div, #SchemafreqaskedquestionsEN .Schemarepeated-questionsEN div ~div{
	padding-right:0px;
}
#freqaskedquestions .row div:first-child, #SchemafreqaskedquestionsEN .row div:first-child {
	padding-right:0px;
}
#freqaskedquestions img ,#SchemafreqaskedquestionsEN img{
	margin:60px 0px 0px 0px;
	float:right;
}
#search-body .online{
	padding-right: 70px;
	padding-left:15px;
}
#search-body .online_consult{
	width:100%;
	height: 74px;
	border-radius: 8px;
	display:flex;
	background-color: #ffffff;
	margin:20px 0px 23px 25px;
}
#search-body .online_consult .online-img{
	padding:17px 27px;
}
#search-body .online_consult img{
	transform: scaleX(-1);
}
#search-body .online_consult div{
    background-size:cover;
    background-repeat: no-repeat;
    margin: 1% 2% 2% 3%;
    transform: scaleX(-1);}
#search-body .online_consult h3{
	padding:5px 0px;
	width:85%;
	font-family: FFShamelFamily-SansOneBold;
	font-size: 16px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.63;
	letter-spacing: normal;
	text-align: left;
	color: #004f6c;
}
#doctor-list{
	margin-top:15px;
	float: right;
}
#doctor-list .doct-prof {
    margin-bottom: 10px;
}
#slider-cd .doc-img{
	padding: 10px 0px 5px 0px;
	border-radius: 12px;
	background-color: #ffffff;
}
.doc-cd{
    padding: 0px 15px;
}
.online_SResult #doctor-list #slider-cd .online-img{
	float: right;
    margin-top: 4%;
    background-size: cover;
    background-repeat: no-repeat;
    width: 45px;
    height: 39px;
	transform: scaleX(-1);
}
#search-body .pages, #myRequests .pages, #thank_after_appoint .pages{
	clear:both;
	float: none;
    direction: ltr;
    text-align: center;
}
#search-modal .modal-header{
	margin-top: 5px;
	margin-right: 10px;
	padding: 15px 15px 0px;
}
#search-modal .modal-header button{
	margin-top: 6px;
	margin-left: 8px;
}
#search-modal .modal-title, .modal-title{
	font-family: FFShamelFamily-SansOneBold;
	font-size: 20px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	color: #004f6c;
}
#search-modal .modal-body .selectdiv:before{
	color:#7a7a7a;
	top:5px;
	font-size: 18px;
}
#search-modal .modal-body .selectdiv select, #search-modal .modal-body input{
	height: 56px;
	border-radius: 4px;
	background-color: #efeff4 !important;
	margin-bottom: 6px;
	outline: none;
}
#search-modal .modal-body .input-container i {
    position: absolute;
    top: 18px;
    left: 25px;
    z-index: 5;
}
#search-modal .modal-body input {
    padding-left: 29px;
}
#search-modal .modal-body [slider] > div {
    left: 20px;
    right: 15px;
}
#search-modal .modal-body input[type="range"] {
    padding-left: 0px;
    margin-top: -18px;
}
#search-modal .modal-body #gender-data{
	margin-top: 18px;
}
#search-modal .modal-body .filter-item{
	padding-right: 0px;
	padding-left: 6px;
	margin-bottom: 6px;
}
#search-modal .modal-body .gender input[type="radio"] + label{
	width:100%;
	height: 45px;
	border-radius: 4px;
    background-color: #efeff4;
	text-align: center;
	padding: 11px 0px !important;
	font-family: FFShamelFamily-SansOne;
	font-size: 15px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color:#000000;
}
#search-modal .modal-body .gender input[type="radio"]:checked + label{
	padding: 11px 0px !important;
	color: #ffffff;
	background-color: #38b9db;
}
#search-modal .modal-footer{
	padding: 0px 15px 21px;
}
#search-modal .modal-footer .modal_button{
	height: 56px;
    width: 100%;
    border-radius: 4px;
    background-color: #30c34b;
    font-family: FFShamelFamily-SansOne;
    font-size: 16.7px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
}
/*drhome page end*/
/* __________________insurance in search modal__________ */
.select2-container{
    width: 100% !important;
    background-color: #efeff4!important;
    border-radius: 4px!important;
}
.select2-selection--single{
    height: 45px!important;
font-size: 16px!important;
color: #4a4a4a!important;
font-family: FFShamelFamily-SansOne!important;
text-align: left!important;
padding-top: 3%!important;
background-color: #efeff4 !important;
border: none !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 26px!important;
position: absolute!important;
top: 10px!important;
right: 1px!important;
width: 20px!important;
background-color: #efeff4 !important;
}
.select2-results__options, .select2-search--dropdown .select2-search__field{
font-family: 'FFShamelFamily-SansOne'!important;
}
.EmptyInsurance{
    float: right;
    margin-top: 15px;
    z-index: 100;
    position: absolute;
    right: 13%;
    border: 1px solid #004f6c;
    border-radius: 8px;
    width: 16px;
    height: 16px;
    text-align: center;
    cursor: pointer;
    font-size: 12px;
    font-weight: 100;
}
.select2-dropdown{z-index: 1029 !important;}

/* __________________________End of insurance in search modal___________________________________ */
/*MY appointment page end*/
#appo-noti{
	background:#f9f9f9;
}
.notif{
	background:#ffffff;
	margin-top: 20px;
	padding: 20px 30px;
	margin-bottom: 20px;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12) !important;
}
.doctor-nmeimg img{
	margin-bottom:30px;
}
.dc-dtnm2{
	display: inline-block;
	padding: 0px 5px 3px 12px;
}
.dc-dtnm2 h4{
	font-weight:bold;
	color:4a4a4a;
}
.dc-dtnm2 p{
	font-size: 18px;
	color:4a4a4a;
}
.doctor-nmeimg2{
    padding: 0px 20px;
}
.btn-danger {
    color: #fff;
    padding: 10px 30px !important;
	background:#e30000 !important;
}
.btn-info{padding: 10px 30px;}
button.btn.btn-nav.pull-right.get_detail.mobilebtn1 {
	background: #30C34A;
    color: #ffffff !important;
}
button.btn.btn-nav.pull-right.view_prescription_detail {
	background: #30C34A;
    color: #ffffff !important;
}
.btn.btn-nav.pull-right.get_detail.mobilbtn {
	background: #30C34A;
    color: #ffffff !important;
}
.span4 img {
    margin-right: 15px;
	margin-top: 12px;
}
.span4 .img-left {
    float: left;
}
.span4 .img-right {
    float: right;
}
.span4 p {
    font-size: 17px;

}

/*MY appointment page end*/

/*  examination history page end*/
#exami-noti{
	background:#f4f4f4;
	min-height:720px;
}
#exami-noti .btn:hover{
	color:#fff!important;
}

.fnt-clrb{
	color:#9b9b9b !important;
	font-size: 14px !important;
}
.pre-md{
	text-align:left;
	width:160px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.pre-md .fnt-wht{
	color: #fff !important;
}
.pre-rgt .fnt-wht{
	color: #fff !important;
}
.wdsm h4{
	white-space: nowrap;
  width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.5;
}
.wdsm {
	display:inline-block;
}
.wdsm .smovl{
		white-space: nowrap;
		width: 160px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: inline-block;
}
.ap-detailsbox{
	padding: 20px;
    background: #ffffff;
    margin: 10px 0px;
	height:auto;
	 border-radius: 7.6px;
}
.ap-detailsbox p{
	color:#4a4a4a;
	font-size:15px;
}
.detimg p{
    display: inline-block;
}
.detimg img{
	margin-right:10px;
	margin-top:5px;
}
.in-contdt p{
	font-size:17px;
}
.headingfot{
	font-size:20px !important;
	font-size:bold !important;
}
.slplogo{
	background:#0095bc;
	color:#ffffff;
	padding: 10px;
	text-align: center;
}
.bcclr{
	background:#f9f9f9;
}
.slpnmed{
	margin-top: 20px;
}
.slprght{
	font-size:15px;
	font-weight:bold;
}
#resp .modal-dialog {
    margin: 40px auto !important;
}
.tpsslp{
	margin-top:10px;
    z-index: 100;
    padding: 0;
}
.tpsslp a{
	display:inline-block;
	color:#000;
	margin-left:10px;
	font-size: 17px;
}
.tpsslp img{
	float:left;

}

/*  examination history page end*/

#md-st .btn-group-lg .btn, .btn-lg{
	font-size:24px !important;
}
#signout .modal-content{
	padding:20px;
}
#cancel .modal-content{
	padding:20px;
}
.signupfm.input-lg {
	border: none;
}
.slpmedic{
	padding:15px;
}
.signupfm .btn-nav-off{
	background-color: #ffffff;
    border-radius: 5px;
    color: #000;
    border-color: #ffffff;
    padding: 15px 50px !important;

}
.signupfm  .btn-nav{
	color:#fff!important;
	padding: 15px 50px !important;
}

.signupfm.form-control{
	margin-bottom:40px;

}
.signupfm  button{
	margin-bottom:40px;
	background:#38b9db;
	color:#ffffff;
}
.btn-group.btn-toggle.gender {
	z-index:0;
}

.owl-pagination {
    display: none !important;
}
.cnclbtn .btn-nav-off{
	background:#f9f9f9;
	font-size: 16px !important;
	padding: 6px 12px !important;
}
.cnclbtn .btn-nav:hover{
	color:#fff;
}
.cnclbtn .btn-nav{
	font-size: 16px;
	margin-right:5px;
}
.cnclbtn {
	display:flex;
}

.fotrigh{
    float: right;
	margin-top: 5px;
}
.btn.btn-md.btn-nav.navbar-btn.change_date {
	width:100%;
	background: #30C34A;
    color: #ffffff !important;
}
#btnmds .btn-nav {
	height: 40px;
	border-radius: 4.5px;
	background-color: #30c34b;
	padding: 5px 20px !important;
	font-family: FFShamelFamily-SansOne;
	font-size: 15.9px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	color: #ffffff;
}
.btn.btn-nav.text-center.availabile.fifo_button {
    width: 100%;
}
/* radio custom wed start*/

.gender input[type="radio"] {
  display: none;
}

.gender input[type="radio"] + label {
  z-index: 10;
  margin: 0 10px 10px 0;
  position: relative;
  color: #4a4a4a;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
  background-color: #fff;
  cursor: pointer;
  transition: all 200ms ease;

}

.gender input[type="radio"]:checked + label {
    color: #fff;
    padding: 15px 80px;
	background:#38B9DB;
}

.gender input[type="radio"] + label {
	padding: 15px 80px;
	border-radius: 5px;
	background: whitesmoke;
	color: #000;
	font-weight: 500;

}
.btn.btn-lg.btn-nav-off.popup_button:hover {
    text-decoration: none;
    color: #4a4a4a !important;
}
.signupfm .btn-lg {
	padding: 15px 16px !important;
	font-size: 25px !important;
}


/* radio custom wed end*/


/* responsive wed start*/
.navbar-toggle .icon-bar {
	border: 1px solid #000;
}

.slick-prev, .slick-next {
	background:none;
}
.sub-apfm .btn.btn-nav.popup_button:hover {
    color: #fff;
}
.add_message{
	text-align:right;
}
.btn.focus, .btn:focus {
    color: #fff;
    text-decoration: none;
}
#btnmds .btn-nav:hover{
	color:#fff;
}

/* responsive wed end */
.alert-danger {
   position: absolute;
    color: red !important;
    background: none !important;
    border: none !important;
	bottom:-18px;

}

/*datepicker cust*/
.cl-inner .ui-datepicker {
    width: 30em !important;
}
.cl-inner .ui-widget.ui-widget-content {
    border: none !important;
}

.cl-inner .ui-state-default, .ui-widget-content .ui-state-default{
	text-align: center;
	background: none!important;
}
.cl-inner .ui-widget-header {
    border: none !important;
    background: none!important;
}
.cl-inner .ui-datepicker td:hover{
	border-radius: 50px;
	background:#f4f4f4!important;
    /* border-radius: 25px; */
}
.cl-inner .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    background: #b7e8f6 !important;
    color: #777620;
    border-radius: 100px!important;
    text-align: center;
	color:#fff !important;
}
.cl-inner .ui-state-default {
    border: none !important;
}
.cl-inner a.ui-state-default.ui-state-active {
   border-radius:50% !important;
   background: #30c34b !important;
   color: #fff !important;
}
.ui-datepicker .ui-datepicker-title{
	font-family: FFShamelFamily-SansOne;
}
#availdates #doctor_name{
	font-family: FFShamelFamily-SansOne;
}
.ui-datepicker th{
	font-family: FFShamelFamily-SansOne;
}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #5bc0de !important;
    border-color: #5bc0de !important;
}
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
	color: #94d5e9 !important;
}
#calendar2 {
    background: #fff;
	border-radius:5px;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
   background: #38b9db;
    border-radius:100% !important;
	color:#fff
}
.cl-inner .ui-datepicker td span, .ui-datepicker td a{
	padding: 1.5em!important;
}
#ui-datepicker-div {
    z-index: 99 !important;
}
 .ui-widget-header {
    border: 1px solid #5bc0de !important;
    background: #5bc0de url(images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x !important;
    color: #ffffff;
    font-weight: bold;
}
.slick-prev.slick-arrow {
	left:0px;
	z-index:1;
}
.slick-next.slick-arrow {
    right: 5px;
}
.slick-prev:before, .slick-next:before{
	color:#30c34b !important;
}
.slick-dots li.slick-active button:before {
    opacity: 1;
    color: #30c34b;
}
.copyrt{
	float:right;
}
.sign-recnt .btn.btn-md.btn-nav.pull-right:hover{
	text-decoration:none;
	color:#fff;
}
#availdates .modal-dialog {
    max-width: 450px !important;

}
.cnclbtn .btn-block + .btn-block {
    margin-top: 0px;
}
.btn.btn-nav.pull-right.show_presciprtion_mobile:hover {
	color:#fff !important;
}
.edit-bx{
	margin: 60px 0px 40px !important;
}
.img-loca img{
	float: left;
	width: 15px;
	margin-right:5px;
	margin-top:4px;
}
.img-loca p {
    display: inline-block;
    width: 200px;
    font-size: 12px;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 33px;
}
#submit-appo .popup_button{
	width: 100%;
	margin-left: 0;
	margin-top: 10px;
	padding:10px 30px;
}
#submit-appo #message{
	font-family: FFShamelFamily-SansOneBold;
	font-size: 20px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	color: #0e0e0e;
}
#submit-appo #doctorname{
	font-family: FFShamelFamily-SansOne;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.42;
	letter-spacing: normal;
	text-align: center;
	color: #000000;
}
#submit-appo .btn-nav{
	height: 45px;
	font-family: FFShamelFamily-SansOneBold;
	font-size: 15px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	background-color:#38b9db;
    color: #ffffff;
}
.slpinfo i{
	color:#4a4a4a;
	font-size:18px;
	float:left;
}
.slpinfo p{
	color:#4a4a4a;
	font-size:12px;
}
.itg i{
	float:left;
	margin-right:5px;
}

.ap-detailsbox small{
	color:#4a4a4a;
	font-size:12px !important;
}
.content-heading small{
	color:#4a4a4a;
	font-size:12px !important;
}

.pag{
	float:right;

}
.btn.btn-nav.pull-right.get_detail.mobilebtn1:focus {

    color: #fff;

}
.divider{
	border-bottom:1px solid #ccc;
}
.forget_pwd{
	float:right;
}

/*mobile menu */
.mobilmenu ul li a{
	font-size:15px;
	font-weight:400;
}
.mobilmenu .navbar-nav {
    padding-bottom:5px !important;
}

.mobilemenu{
	display:none !important;
}

.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
		max-height: 500px !important;
	}

.navbar.navbar-white.navbar-fixed-top {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
}
.btn.btn-nav.pull-right.get_detail.mobilbtn:focus {
    color: #fff !important;
}
.btn.btn-nav.pull-right:focus {
    color: #fff !important;
}
.btn.btn-md.btn-danger.navbar-btn.cancel_button {
	width:100%;
}
.hero-text .call a{
	color:#fff !important;
}
.cancel_message{
		float:right;
}
/* about section  start*/
#about{
	margin-top:153px;
}
.about-h3{
	/* width: 62px; */
	height: 31px;
	font-family: FFShamelFamily-SansOne;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	color: #38b9db;
	margin-top:0px;
	margin-right:15px;
}
.about-h1{
	width: 154px;
	height: 76px;
	font-family: FFShamelFamily-SansOneBold;
	font-size: 40px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	color: #38b9db;
}
.about-text{
	padding-left: 0px;
}
.about-text p{
	width: 80%;
	height: auto;
	font-family: FFShamelFamily-SansOne;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	color: #0e0e0e;
	margin-bottom: 25px;
}
.about-details{
	margin-top: 27px;
}
.about-image{
	float: right;
	padding-left: 0px;
	text-align: -webkit-center;
}
.TDOLogo{
    height: 68px;
    width: 405px;
    margin-top: -15px;
    margin-left: 5px;}
.tdologo{
    display: none !important;
}
.tdobrand{
    float: right;
    width: fit-content !important;
}
/* about section  end */
/* online consult page start */
.heading{
    margin-top: 100px;
    padding: 1px 20px 20px 20px;
}
#online_consult_titles,#book_sms{
	margin-top:120px;
}
#online_consult_titles .consult-h1,#book_sms .consult-h1,.TDO-h1{
	font-family: FFShamelFamily-SansOneBold;
    font-size: 24px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #004f6c;
    margin-right: 20px;
}
#online_consult_titles .consult-p,#book_sms .consult-p,.TDO-p{
	font-family: FFShamelFamily-SansOneBold;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.06;
	letter-spacing: normal;
	text-align: left;
	color: #004f6c;
	margin-right: 20px;
	padding-left: 0px;
}
#online_consult_titles .tabs{
	margin-top:16px;
	padding-left: 0px;
}
#online_consult_titles .tabs div{
	padding-right:0px;
	padding-left: 0px;
}
#online_consult_titles .nav-tabs{
	border-bottom: none;
	padding-inline-start: 0px;
}
#online_consult_titles .nav-tabs .tabs-item{
	width:auto;
}
#online_consult_titles .tabs li a{
	font-family: FFShamelFamily-SansOne;
	font-size: 15px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	color: #004f6c;
	padding-bottom: 16px;
	cursor: pointer;
}
#online_consult_titles .tabs li.active a {
	font-family: FFShamelFamily-SansOneBold;
	color:#38b9db;
	border-bottom: solid 2px #38b9db;
}
#online_consult{
	margin-top:16px;
	background-color: #efeff4;
}
#online_consult .consult_image,#book_sms .consult_image{
	float: right;
	padding-right: 0px;
	text-align: -webkit-center;
	margin-top: -200px;
}
#book_sms .consult_image{
	margin-top: 0px;
}
#online_consult .consult_text,#book_sms .consult_text{
	margin-top:10px;
	margin-bottom: 20px;
	padding-left: 0px;
}
#online_consult .input-lg,#book_sms .input-lg{
	height: 56px;
	border-radius: 4px;
	background-color: #ffffff !important;
}
#book_sms .input-lg{
	background-color: #efeff4 !important;
}
#book_sms .pay_type .type{
	padding-right: 0px;
	padding-left:0px;
}
#book_sms .pay_type #type2{
	padding-left:15px;
}
#book_sms .pay_type input[type="radio"] {
	display: none;
}
#book_sms .pay_type input[type="radio"] + label {
	z-index: 10;
	margin: 0 10px 10px 0;
	position: relative;
	color: #4a4a4a;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
	background-color: #efeff4;
	cursor: pointer;
	transition: all 200ms ease;
}
#book_sms .pay_type input[type="radio"]:checked + label {
	color: #fff;
	padding: 15px 0px;
	background:#38B9DB;
}
#book_sms .pay_type input[type="radio"] + label {
	padding: 15px 0px;
	border-radius: 5px;
	background: #efeff4;
	color: #000;
	font-weight: 500;
	width:100%;
	text-align: center;
}
#online_consult .consult_button,#book_sms .consult_button{
	margin-top:20px;
	width:100%;
	background-color: #30C34A;
    color:#ffffff;
    height: 53px;
    outline: none;
}
#book_sms textarea{
	height:150px !important;
	width: 100%;
	font-size: larger;
}
#online_consult #consultseach .selectdiv:before{
	color:#7a7a7a;
}
#book_sms #consultform .selectdiv:before{
	top:40px;
	color:#7a7a7a;
}
/* online consult page end*/
/* payment page & thank_after_consult page start */
#payment ,#thank_after_consult{
	margin-top:100px;
	background-color: #efeff4;
}
#payment #consult-details,#thank_after_consult #consult-details{
	margin:0% 0% 5% 0%;
	padding-left: 0px;
}
#thank_after_consult .card,#payment .card{
	border-radius: 12px;
    box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.21);
	background-color: #ffffff;
	margin-left:20px;
}
#payment .title-h1,#thank_after_consult .title-h1{
	font-family: FFShamelFamily-SansOneBold;
    font-size: 30px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #004f6c;
    margin-left: 20px;
}
#thank_after_consult .details-h1,#payment .details-h1{
	font-size: 20px;
	margin-left:20px;
}
#payment .inform-h1{
	font-size: 20px;
	margin-left:0px;
}
#thank_after_consult .app-h1,#payment .pay-h1{
	font-size: 20px;
	margin-left:5px;
}
#payment .title-h3,#thank_after_consult .title-h3{
	font-family: FFShamelFamily-SansOne;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #004f6c;
    margin-left: 20px;
}
#payment .info{
	margin-left: 0px;
	font-size:14px;
}
#payment .info-list{
	padding-inline-start: 20px;
}
#thank_after_consult .Cons-P-N,#payment .Cons-P-N{
	font-family: FFShamelFamily-SansOneBold;
    font-size: 14px;
    font-weight: Bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #004f6c;
	margin-left: 20px;
}
#thank_after_consult .Cons-details,#payment  .Cons-details{
	font-family: FFShamelFamily-SansOne;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
	margin-left: 20px;
}
#thank_after_consult .download-app{
	margin-bottom: 5%;
}
#thank_after_consult .download-app .mobile-img{
	width:100%;
	margin:5% 0%;
}
#payment .payment_source{
	padding-right: 0px;
    padding-left: 0px;
}
#payment .payment-method{
	margin-bottom:5%;
}
#payment .payment-method .container-fluid{
	padding-left: 0px;
	padding-right: 0px;
}
#payment .payment-method form{
	padding-top: 10px;
	border-radius: 12px;
    box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.21);
	background-color: #ffffff;
}
#payment .payment-method input[type="checkbox"] {
	display: none;
	margin-left:0px;
}
#payment .payment-method input[type="checkbox"] + label {
	z-index: 10;
	position: relative;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
	cursor: pointer;
	transition: all 200ms ease;
}
#payment .payment-method input[type="checkbox"] + label {
	border-radius: 5px;
	width:100%;
	margin-right:20px;
	height:35px;
}
#payment .payment-method input[type="checkbox"] + label span{
	width:40%;
	color: #000000;
}
#payment .payment-method input[type="checkbox"] + label[for="aman"] img{
	height:40px;
	padding-right: 8px;
	float:right;
}
#payment .payment-method input[type="checkbox"] + label[for="visa"] img{
	height:25px;
	padding-right: 8px;
	float:right;
}
#payment .payment-method input[type="checkbox"] + label[for="fawry"] img{
	height:40px;
	padding-right: 8px;
	float:right;
}
#payment .payment-method input[type="checkbox"] + label .checkmark {
	position: absolute;
	top: 4px;
	left: -11px;
	height: 20px;
	width: 20px;
	background-color: #eee;
}
#payment .payment-method input[type="checkbox"] + label:hover .checkmark {
	background-color: #ccc;
}
#payment .payment-method input[type="checkbox"]:checked +label .checkmark {
	background-color: #004f6c;
}
#payment .payment-method input[type="checkbox"] + label  .checkmark:after {
	content: "";
	position: absolute;
	display: none;
  }
#payment .payment-method input[type="checkbox"]:checked +label .checkmark:after {
	display: block;
}
#payment .payment-method input[type="checkbox"] + label .checkmark:after {
	left: 9px;
	top: 5px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
#payment .consult-source{
	width: 100%;
    background-color: #30C34A;
	color: #ffffff;
}
#payment-popup #message,#thank_after_consult #message{
	font-family: FFShamelFamily-SansOneBold;
	font-size: 20px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	color: #0e0e0e;
}
#thank_after_consult .popup_button{
	width: 100%;
	color: #ffffff;
	height: 45px;
	border-radius: 4px;
	background-color: #30C34A;
	font-family: FFShamelFamily-SansOneBold;
    font-size: 20px;
}
#payment-popup .popup_button{
	width: 100%;
	color: #ffffff;
	height: 45px;
	border-radius: 4px;
	background-color: #e90d09;
	font-family: FFShamelFamily-SansOneBold;
    font-size: 20px;
}
/* payment page & thank_after_consult page end */
/* thank_after_appoint page start */
#thank_after_appoint{
	margin-top:95px;
	background-color: #efeff4;
}
#thank_after_appoint .title-h1{
	font-family: FFShamelFamily-SansOneBold;
	font-size: 30px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	color: #004f6c;
	margin-top:50px;
}
#thank_after_appoint .details-h1{
	margin-left: 17px;
}
#thank_after_appoint .login-h1{
    margin-bottom: 0px;
}
#thank_after_appoint .second-side .container-fluid{
	padding-right: 0px;
	padding-left: 0px;
}
#thank_after_appoint .second-side h3{
	margin-top: 0px;
	font-family: FFShamelFamily-SansOne;
	font-size: 19px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	color: #000000;
}
#thank_after_appoint .second-side h3 a{
	font-family: FFShamelFamily-SansOneBold;
	font-weight: bold;
	color: #38b9db;
}
#thank_after_appoint .second-side .login-social{
	margin-top:35px;
	padding-right:0px;
}
#thank_after_appoint .second-side .login-social	div{
	height: 56px;
  	border-radius: 4px;
	background-color: #ffffff;
	padding-left: 28px;
	padding-top:14px;
}
#thank_after_appoint .second-side .login-social	div img{
	display:inline;
	margin-right: 11px;
}
#thank_after_appoint .second-side .login-social	div p{
	font-family: FFShamelFamily-SansOne;
	font-size: 16.7px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	color: #4a4a4a;
	display:inline;
}
#thank_after_appoint .second-side .form-group{
	padding-right:0px;
	margin-top:19px;
}
#thank_after_appoint .second-side .form-group label{
	font-family: FFShamelFamily-SansOne;
	font-size: 16.7px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	color: #000000;
}
#thank_after_appoint .second-side .form-group input{
	height: 56px;
	border-radius: 4px;
	background-color: #ffffff !important;
}
#thank_after_appoint .second-side button,#thank_after_appoint #app-store,#thank_after_appoint #back-home{
	width:98%;
	height:45px;
	margin-left: 15px;
	margin-top:18px;
	border-radius: 4px;
	background-color: #30c34b;
	padding-top: 6px;
	font-family: FFShamelFamily-SansOneBold;
	font-size: 16.7px !important;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	color: #ffffff;
}
#thank_after_appoint #app-store,#thank_after_appoint #back-home{
	display: none;
	margin-left: 0px;
	width: 100%;
	margin-top:0px;
	margin-bottom: 10px;
}
#thank_after_appoint #back-home{
	background-color: #ffffff;
	color:#000000;
}
#thank_after_appoint #appoint-details .card, #thank_after_appoint .card{
	height: auto;
	border-radius: 8px;
	background-color: #ffffff;
	margin-bottom: 10px;
	padding-top: 15px;
	margin-left:17px;
}
#thank_after_appoint #appoint-details .card .app-P-N{
	font-family: FFShamelFamily-SansOneBold;
	font-size: 12.5px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	color: #004f6c;
	margin-bottom: 0px;
}
#thank_after_appoint #appoint-details .app-details{
	font-family: FFShamelFamily-SansOne;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	color: #000000;
	margin-top:0px;
}
#thank_after_appoint #appoint-details .Booking-Date{
	color: #0e0e0e;
}
#thank_after_appoint #appoint-details  .prof-img{
	width: 39px;
	height: 39px;
	border-radius: 100px;
	border: solid 2.2px #026d95;
	margin-top:15px;
}
#thank_after_appoint #appoint-details .doctor-details{
	height: 67px;
	background-color: #fbfbfb;
	margin-top:10px;
}
#thank_after_appoint #appoint-details .doctor-details .d-name{
	font-family: FFShamelFamily-SansOne;
	font-size: 16px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	color: #38b9db;
	margin-top:9px;
	margin-bottom: 0px;
	white-space: nowrap;
	overflow:hidden;
	text-overflow: ellipsis;
}
#thank_after_appoint #appoint-details .doctor-details .specialty{
	margin-top:0px;
	font-family: FFShamelFamily-SansOne;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.42;
	letter-spacing: normal;
	text-align: left;
	color: #000000;
}
#thank_after_appoint #appoint-details .clinic-details{
	margin-top: 15px;
}
#thank_after_appoint #appoint-details .details{
	padding-right: 0px;
	padding-left: 0px;
}
#thank_after_appoint #appoint-details .title{
	font-family: FFShamelFamily-SansOne;
	font-size: 10px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	color: #888888;
	margin-bottom: 0px;
}
#thank_after_appoint #appoint-details .value{
	font-family: FFShamelFamily-SansOne;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	color: #000000;
}
#thank_after_appoint #appoint-details #location{
	float: right;
	margin-right: 15px;
	margin-bottom: 15px;
}
#thank_after_appoint #appoint-details hr.row {
    opacity: 0.44;
    border-top: solid 1px #b4b4b4;
    width: 100%;
    margin-left: 0px;
}
.posts{
    background: #ffffff;
    border-radius: 8px;
    padding: 15px;
    margin: 15px;
    text-align: right;
    direction: ltr;
    margin-right: 0px;

}
/* .related-topics {
    list-style: none;
    padding: 0;
  } */
  .related-topic {
      width: 20%;
    padding: 10px;
  }
  .related-topic img{
    width: 100%;
    border-radius: 8px;
}
  .related-topic p, .doc-title{
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* number of lines to show */
    -webkit-box-orient: vertical;

}
  /* .related-topic:before {

      content: "\f006";
      font-family: FontAwesome;
      display: inline-block;
      margin-left: -1.3em;
      width: 3.3em;
      color: #004f6c;
      font-size: 14px;
      font-weight:bold;
  } */
  .related-topic a{
      line-height: 2;
      font-family: 'FFShamelFamily-SansOneBold';
      color: #004f6c;
  }
  .related-topic a:hover{color:#38b9db;}
/* thank_after_appoint page end */

/* msg deatils style start*/
.border {
    border: 1px solid !important;
    }
    .app_actions {
    width: 100%;
    height: 45px;
    margin-top: 18px;
    border-radius: 4px;
    background-color: #30c34b;
    font-family: FFShamelFamily-SansOneBold;
    font-size: 13.7px !important;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    margin-bottom: 20px;
    padding: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    }

    .app_actions:hover {
    color: #ffffff !important;
    }
    .msg_details {
    background-color: #fbfbfb;
    width: 100%;
    float: left;
    }
    .ratingModal {
    border: none;
    float: left;
    /* margin:0px 0px 0px 28px; */
    width: 100%;
    direction: rtl;
    }
    .ratingModal>input {
    display: none;
    }
    .ratingModal>label:before {
    margin-top: 2px;
    padding: 0px 5px 0px 5px;
    font-size: 1.25em;
    font-family: FontAwesome;
    display: inline-block;
    content: "\f005";
    }
    .ratingModal>.half:before {
    content: "\f089";
    position: absolute;
    }
    .ratingModal>label {
    color: #D8D8D8;
    border-radius: 15px;
    height: 30px;
    }
    /***** CSS Magic to Highlight Stars on Hover *****/
    .ratingModal:not(:checked)>label:hover,
    /* hover current star */
    .ratingModal:not(:checked)>label:hover~label {
    color: #ffd712d9 !important;
    cursor: pointer;
    }
    /* hover previous stars in list */
    .ratingModal>input:checked+label:hover,
    /* hover current star when changing ratingModal */
    .ratingModal>label:hover~input:checked~label,
    /* lighten current selection */
    .ratingModal>input:checked~label:hover~label {
    color: #ffd712d9 !important;
    cursor: pointer;
    }


    .rateyourDoctor{
        font-size: 18px;
        background: #d8d3d3;
        color: #000000;
        margin-right: 4px;
        height: 35px;
    }
    .rated {text-align: center; font-family: 'FFShamelFamily-SansOne'; margin:20px 0;}
    .rated2 {text-align: center; font-family: 'FFShamelFamily-SansOne'; margin:30px 0;}

/* msg details style end */

/* online_consult_popup start */
#online_consult_popup .online-img{
	margin-top:-105px;
}
#online_consult_popup .close{
	float:left !important;
	margin-top:-150px;
	margin-left: -15px;
}
#online_consult_popup .online_consult{
	display:inline;
}
#online_consult_popup .online_consult div{
	padding-top:13px;
	padding-right:0px;
	padding-left: 0px;
}
#online_consult_popup .online_consult div:last-child{
	padding-top:20px;
}
#online_consult_popup .online-image{
	display:inline;
	margin-right: 20px;
	margin-left: 40px;
	transform: scaleX(-1);
}
#online_consult_popup .online-h3{
	display:inline;
	font-family: FFShamelFamily-SansOneBold;
	font-size: 16px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.63;
	letter-spacing: normal;
	text-align: left;
	color: #004f6c;
}
#online_consult_popup .online-p{
	font-family: FFShamelFamily-SansOne;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	color: #000000;
	padding-left: 40px;
	padding-top:22px;
}
#online_consult_popup .modal-footer{
	padding-bottom: 0px;
	padding-top:5px;
}
#online_consult_popup .popup_button{
	width:100%;
	height: 45px;
	border-radius: 4px;
	background-color: #38b9db;
	font-family: FFShamelFamily-SansOneBold;
	font-size: 15px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	color: #ffffff;
}
/* online_consult_popup end */

/* thankafterconsultation page start */
#thankafterconsultation{
	margin-top:100px;
	background-color: #efeff4;
}
#thankafterconsultation .thank, #thank_after_consult .thank{
	margin: 35px 17px 35px 15px;
	padding-left: 15px;
	height: 126px;
	border-radius: 8px;
	background-color: #ffffff;
	display:flex;
}
#thankafterconsultation .thank img, #thank_after_consult .thank img{
    margin-left: 40px;
    width: 65px;
}
#thankafterconsultation .thank h1, #thank_after_consult .thank h1{
	font-family: FFShamelFamily-SansOneBold;
	font-size: 30px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	color: #004f6c;
	margin:36px 0px 32px 40px;
}
#thankafterconsultation .card{
	border-radius: 8px;
	background-color: #ffffff;
	margin:0px 0px 50px 0px;

}
#thankafterconsultation .card .title-h1{
	font-family: FFShamelFamily-SansOneBold;
	font-size: 20px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	color: #004f6c;
	margin-left:39px;
}
#thankafterconsultation #appoint-details .card .doctor-details{
	padding-left:39px;
	padding-right: 0px;
}
#thankafterconsultation #appoint-details .card .prof-img {
    width: 39px;
    height: 39px;
    border-radius: 100px;
    border: solid 2.2px #026d95;
	margin-top: 15px;
}
#thankafterconsultation #appoint-details .card .d-name{
	font-family: FFShamelFamily-SansOneBold;
	font-size: 16px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	color: #38b9db;
	margin-top:10px;
	margin-bottom:0px;
}
#thankafterconsultation #appoint-details .card .specialty{
	font-family: FFShamelFamily-SansOne;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.42;
	letter-spacing: normal;
	text-align: left;
	color: #000000;
	margin-top:0px;
}
#thankafterconsultation #appoint-details .card hr{
	width: 100%;
	height: 0px;
  	opacity: 0.44;
	border: solid 1px #b4b4b4;
	margin-left: 0px;
	margin-bottom: 16px;
}
h3.login-h1{color:#000;}
#thankafterconsultation #appoint-details .card .Booking-Date,#thankafterconsultation #appoint-details .card .Cons-P-N{
	font-family: FFShamelFamily-SansOneBold;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	color: #000000;
	padding-left:24px;
	margin-top:0px;
    color:#000;
}
#thankafterconsultation #appoint-details .card .Cons-P-N{
	margin-top:14px;
}
#thankafterconsultation #appoint-details .card .app-details{
	font-family: FFShamelFamily-SansOne;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	color: #0e0e0e;
	padding-left:24px;
	margin-top:0px;
}
#thankafterconsultation #appoint-details .card .payment{
	background-color: #fbfbfb;
	padding:15px 0px 15px 39px;

}
#thankafterconsultation #appoint-details .card .payment .Booking-Date,#thankafterconsultation #appoint-details .card .payment .app-details{
	padding-left:0px;
}
#thankafterconsultation #appoint-details .card .details{
	padding-right:0px;
	padding-left:0px;
}
#thankafterconsultation #appoint-details .card .title{
	font-family: FFShamelFamily-SansOne;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	color: #000000;
	margin-bottom: 0px;
}
#thankafterconsultation #appoint-details .card .value{
	font-family: FFShamelFamily-SansOne;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	color: #000000;
}
#thankafterconsultation #appoint-details .card .price{
	font-family: FFShamelFamily-SansOneBold;
	font-weight: bold;
	color: #38b9db;
}
#thankafterconsultation #appoint-details .clinic-details{
	margin-top:20px;
	margin-bottom: 20px;
	padding-left:39px;
}
#thankafterconsultation .second-side{
	margin-bottom:49px;
}
#thankafterconsultation .second-side .container-fluid{
	margin-right:0px;
	margin-left:40px;
}
#thankafterconsultation .second-side .payment-info{
	border-radius: 8px;
	background-color: #ffffff;
}
#thankafterconsultation .second-side .title-h1{
	font-family: FFShamelFamily-SansOneBold;
	font-size: 30px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	color: #004f6c;
	padding-left:30px;
}
#thankafterconsultation .second-side .inform{
	padding-left:0px;
}
#thankafterconsultation .second-side .payment-info .title-h1 span{
	color: #38b9db;
}
#thankafterconsultation .second-side .payment-info .title-h3{
	font-family: FFShamelFamily-SansOneBold;
	font-size: 14px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	color: #ff3b30;
	margin-top:0px;
	padding-left:30px;
}
#thankafterconsultation .second-side .inform-h{
	font-family: FFShamelFamily-SansOne;
	font-size: 16.7px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	color: #000000;
}
#thankafterconsultation .second-side .guidance{
	margin-bottom: 15px;
}
#thankafterconsultation .second-side .guidance h3{
	margin-top:0px;
}
.get-app {
	margin-top:47px !important;
}
.get-app .download-img img{
	height:auto;
}
/* thankafterconsultation end */

/* all specialities start */
#specialities {
    margin-top:153px;
}
#specialities .h1 {
    font-family: FFShamelFamily-SansOne;
    font-size: 30px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #004f6c;
    margin-top:0px;
    margin-bottom: 15px;
}
#specialities .text-primary {
    margin-bottom: 20px;
}
#specialities .h1 input::after, #specialities .h1 select::after{
    content: "\f002";
    font: normal normal normal 18px/1 FontAwesome;
    height: 45px;
    border-radius: 4px;
    color: #38b9db;
    background-color: #efeff4;
    padding-left: 15px;
}
#specialities .h1 input, #specialities .h1 select{
    height: 45px;
	border-radius: 4px;
	background-color: #efeff4 !important;
	border:none;
	font-family: FFShamelFamily-SansOne;
	font-size: 15px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	color: #000000;
	outline: none;
}
#specialities .specialities-image {
	float: right;
	padding-right: 0px;
	text-align: -webkit-center;
}
#specialities .specialities-details {
    margin-bottom: 25px;
    padding-left: 0px;
}
#specialities .specialities-list {
    padding-inline-start: 0px;
}
#specialities #clinics {
    padding-inline-start: 15px;
}
#specialities .specialities-list li {
    font-family: FFShamelFamily-SansOne;
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #38b9db;
    padding-bottom: 15px;
    list-style-type: none;
    padding-left: 0px;
    cursor: pointer;
}
#specialities .specialities-list li:hover {
    text-decoration: underline;
}
#specialities .specialities-list li> li {
    color: #000000;
}
#specialities .specialities-list li> li:hover, .testIcon:hover {
    color: #38b9db;
}
#specialities .specialities-list .prof-img {
    width: 45px;
    height: 45px;
    border: solid 2.2px #026d95;
    border-radius: 22px;
    margin-right: 5px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
#specialities .specialities-list li a {
    color: #000000;
}
#specialities .specialities-list li a:hover {
    color: #38b9db;
}
.CM_img{
    margin-right: 6px;
}
.dr_CM_img{
    width: 45px !important;
    height: 45px !important;
    border-radius: 5px !important;
    border: solid 1px #ccc !important;
    margin-right: 5px !important;
}
.insurance_container{
    padding:0px !important;
}
/* all specialities end */
@media (min-width: 768px) and (max-width:798px){
    div#service_profile_data{
        margin-top:-5px !important;
    }
    .serviceCard h3 {
        padding-top: 15%;
    }
    .serviceCard .img_div {
        padding: 10px 0px 0px 10px;}
        .service_offer_period .discount_end {
            text-align: center !important;
            margin-top: 0px !important;
            margin-bottom: 10px;
        }
        .installment_availabilty #inst_details {
            color: #fff !important;
            text-align: center;
        }
    .tdologo{
        display: block !important;
        width: 60px;
        height: 50px;
        margin-top: -14px;
     }
	.container-fluid{
		margin-right: 0px;
		margin-left: 0px;
    }
    .realtivesContainer{
        display:unset;
    }
    .request-body{
        padding:20px;
        margin-top: 5px;
    }
    .requested, .HomeRequested{
        float: right;
        background: #38b9db;
        border-radius: 50%;
        width: 20px;
        height: 20px;
        text-align: center;
        margin-top: -30px;
        color: white;
        margin-right: 10px;
     }
     .HomeRequested{margin-top: 0px !important;}
     .hero-text2 img {
        display: none;
    }

/* .relative{width:fit-content !important;} */

}
@media (min-width: 798px) and (max-width:909px){

    .bookingSteps{
        height: auto !important;
    }
    .Payment-card{margin:5px 0px;}

    .hero-text2 img{    display:none;}
    .request-body{
        padding:20px;
        margin-top: 5px;
    }
	.container-fluid{
		margin-right: 0px;
		margin-left: 0px;
    }
    .realtivesContainer{
        display:unset;
    }
.selectedHomeTests{
    margin-top: 0px;
    padding: 0px;
}
.requested:after, .HomeRequested:after {content: none;}
/* .relative{width:fit-content !important;} */
.select2-selection--single {padding-top:1% !important}
}
@media (min-width:910px)
{
	.container-fluid{
		margin-right: 87px;
		margin-left: 66px;
	}
    .Payment-card label {
        width: 80%;
        vertical-align: middle;
    }
}
@media (min-width: 768px)
{

 .text-right-left .net_price {font-size: 11px !important;}
 .serviceCard .serviceImg {height:100px;}
    .select2-selection--single {height: 56px;}

	.navbar-header {
		float: left;
		width:28%;
	}
	.navbar-nav>li {
		float: left;
	}
	.navbar-nav {
		float: right;
    }
    .tdologo{
        display: none !important;
     }
     .payment_code {
        margin-top: 100px;}
    .payment-methods{margin-top:0px;}
}
@media(max-width:767px){

	.navbar-header{
		width:100%;
    }
    .payment-methods{padding:0px;}
}
@media (max-width:350px){
    .serv_cost_details .text.center_info.text-dark {
        font-size: 12px !important;
    }
	#dr-profile .nav-tabs li a{
		font-size: 12px;
		padding: 13px 0px !important;
	}
	#slider-cd .btn-nav, #dr-profile .btn-nav,#slider-cd .no-booking,#dr-profile .no-booking, .request-body p .btn, .change_location{
		font-size:10px;
	}
    .product_card p {
        font-size: 11px;}
}
.clinics_h1 {
    font-size: 22px;
    color: #004f6c;
    font-weight: bold;
    font-family: FFShamelFamily-SansOneBold;
    padding-top: 10px;
}
@media (min-width: 250px) and (max-width: 480px) {
    .customeH2{
        font-size: 12px !important;
        }
       /* ________________________________________ New Homepage Design___________________________ */
       .hero-text {
        margin-top: 15px;
     }

     .hero-text h2 {
        font-size: 16px;
     }

     .hero-text #call {
        width: 110px;
        height: 36px;
        margin-right: 10px;
     }

     .hero-text #call img {
        float: inline-start;
        margin: 5px 0px 10px 10px;
     }

     .hero-text .offline_booking, .offline_booking {
        display: block !important;
        font-size: 18px !important;
     }
     .hero-text .row .end{text-align: start;}
     #Home_call{
        width: 121px;
        height: 34px;
        margin-bottom: 20px;
        margin-top: 15px;
        margin-left: 5px;
     }
     #Home_call img {
        margin: 3px 5px 5px 7px;
        width: 14px;
        height: 14px;
        float: left;
     }
     #Home_call p{font-size: 14px;}
     .media_padding{
        padding:0 15px !important;
        display: block;
    }
     .product_col {
        padding: 2%;
     }

     .form_card form .input-lg {
        border-radius: 4px !important;
     }

     .prod_img_container img {
        height: auto;
     }

     .product_card p {
        font-size: 10px !important;
        padding-bottom: 2px !important;
     }

     .form_card .row {
        padding: 0 5% !important;
     }

     .form_card .book-form .book_form_input, .book_form_input div{
        padding-right: 0px;
     }

     .book_form .middleSelect {
        border-radius: 4px !important;
     }

     #owl-example .owl-dots,
     #owl-example2 .owl-dots,
     #owl-example3 .owl-dots,
     #owl-example4 .owl-dots {
        margin-top: 0px;
        padding-top: 0px;
        padding-bottom: 15px;
     }

     .doctor_card {
        margin: 5% 2%;
     }

     .vendors_slider .nav-tabs {
        padding-left: 10px;
        padding-top: 10px;
     }
     .vendors_slider .nav-tabs>li{font-size: 16px;}
     .vendors_slider .featuredParteners{    padding: 10px 0px 0 15px;}
     .doctor_card img {
        margin-left: 10%;
     }
     #clinidoBlog .blogSectionTitle, .homeChooseSpeciality{
        padding-left: 15px;
     }
     .homeChooseSpeciality h3, #clinidoBlog .blogSectionTitle h3{
        font-size: 18px;
     }
     #clinidoBlog .homeBlogImg {
        width: 110%;
    margin-top: 25% !important;
    }
    .blogCard.questionsCard .MedicalQuestionContent{
        transform: translateY(0%);
    }
    #clinidoBlog .blogCard{
        padding-bottom: 20px;
        margin-bottom: 15px;
        min-height: 190px;
        margin-top: 5px;
    }
    .blogCard h4{font-size: 14px;}
    .blogCard a, .blogCard p{font-size: 11px;}
    #why_clinido .why_h2,
     .why_best {
        font-size: 18px !important;
     }

     .why_answer {
        font-size: 14px;
     }

     #why_clinido .why_div {
        padding: 10px 4px;
        height: 150px;
     }
     #why_clinido .why-h4 {
      line-height: normal !important;
  }
  .mobile_view{display: block !important;}
.desktop_view{display: none !important;}

  #clinido_best_choice .one{margin-top:35px !important; }
  #get_App .download_p{padding-top: 4px !important;}
  #carousel-example-generic #slider{height: 235px;}
  #carousel-example-generic #slider #owl-example3 .owl-dots{margin-top: -15px;}
  #get_App {
        margin-bottom: 0px;
    }
     #get_App .get-content .web-img {
        width: 100%;
        /* padding: 5px 25px; */
     }
     #get_App h2 {
        font-family: 'FFShamelFamily-SansOneBold';
        font-size: 20px;
        font-weight: bold;
        text-align: left;
        margin-bottom: 0px;
     }

     #get_App .getApp_p {
        font-family: FFShamelFamily-SansOne;
        font-size: 14px;
        line-height: 2;
        text-align: left;
     }
     .get-img .newdownloadImg {
      height: auto !important;
      width: 85%;
      padding-top: 20px;
  }
  .get-content {
      margin-top: 0px;}

     .festures_container {
      overflow-y: hidden;
      overflow-x: auto;
      display: flex;
      white-space: nowrap;
     }
     #clinido_best_choice .card {
        padding: 0;
        margin: 0px 8px;
        white-space: nowrap;
        width: 85%;
        flex-shrink: 0;
     }

     #clinido_best_choice .best-p {
        white-space: break-spaces;
        font-size: 12px !important;
     }
     #clinido_best_choice .best{height: 200px !important;}

     .best_reason {
        white-space: break-spaces;
        font-size: 14px !important;
     }

     #get_App .container-fluid .row {
        display: flex;
        flex-direction: column-reverse;
     }
     .testmonials .cards_container {
        margin: 0px 3.5% 0px 4.5%;
    }
     .testmonials h2{font-size: 20px;}
     .testmonials .cards_container {
        margin-top: 0px;
     }

     .testmonials .cards_container .carousel {
        display: block;
     }

     .testmonials .cards_container .col-md-4 {
        display: none;
     }
     #carousel-example-generic .feedbackCard{margin: 0px !important;}

     .testmonials .cards_container #testmonial_indicators {
        top: 100% !important;
        width: auto !important;
        left: 72% !important;
     }

     .testmonials .cards_container #testmonial_indicators li {
        background: #fff;
     }

     .testmonials .cards_container #testmonial_indicators .active {
        background: #38b9db;
     }

     .testmonials .cards_container .carousel .carousel-inner {
        overflow: visible;
     }

     .testmonials .cards_container .carousel .carousel-inner .item {
        padding: 20px
     }

     .testmonial_snip blockquote {
        padding: 0;
        padding-top: 17px;
        padding-bottom: 10px;
     }
     .testmonial_snip h3 {
        font-size: 12px;
     }
     figcaption .qoute_icon {
        padding-top: 4%;
     }
     .p-5{padding: 5px !important;}
     .footer_row{
        display: contents;
    }
    /* _____________________________________End of New Homepage Design________________________ */
        /* _____________________________________ Medical question Mobile view ____________________________*/
        .blogCard.questionsCard{
            height: 225px;
            margin-bottom: 20px !important;
        }
        .blogCard.questionsCard a{
            width: 155px;
            margin: 2px 0;
        }
        .blogCard .download{
            margin-top: 8px !important;
        }
        .blogCard.questionsCard .medicalQuestionImage img#ask{
            width: 100% !important;
            margin: 40% 0 !important;
        }
        #medicalQuestions #search-body {
            padding-top: 60px;
        }
        #medicalQuestions #search-body .search-links .breadcrumb{
            display: block !important;
        }
        #medicalQuestions .searchResult .card {
            padding: 10px;
        }
        #medicalQuestions .searchResult .card .row .date {
            text-align: start;
        }
        #medicalQuestions-content .doctorAnswers .BookDoctor a{
            width: 80%;
            padding: 10px;
        }
    #medicalQuestions .searchResult h1{
        margin: 0;
        font-size: 16px;
        margin-top: 10px;
    }
    #medicalQuestions-content .doctorAnswers .answer_likes{
        display: inline-flex;
    flex-direction: row-reverse;
    }
    #medicalQuestions-content .doctorAnswers .answer_likes > span:first-of-type {
        padding: 5px 7px 3px 7px;
    margin-right: 5px;
    }
    #medicalQuestions .searchResult .card .row span {
        font-size: 12px;
        padding-top: 5px;
    }
    #medicalQuestions-content .Other-services p {
        margin-top: 0px;
        font-size: 18px;
    }
    #medicalQuestions .searchResult .card .row .date#questionDate {
        text-align: end;
    }
        .questionsSearchBox .book-form .selectdiv select, .questionsSearchBox .book-form .doctor-input input{border-radius:4px;}
        #medicalQuestions .searchResult .card .showAnswer a{
            width: 100%;
        }
        #medicalQuestions .searchResult .card .downloadApp .row{
            display: flex;
            flex-direction: column-reverse;
        }
        #medicalQuestions .searchResult .card .downloadApp a {
            width: 85% !important;
            display: inline-block;
            margin: 0;
        }
        #medicalQuestions .searchResult .card .downloadApp a img{

          height: auto !important;
        }
        #medicalQuestions .searchResult .card .downloadApp h3, #medicalQuestions .searchResult .card .downloadApp p{
            text-align: center;
        }
        .questionsSearchBox {
            margin-top: 75px;
        }
        .questionsSearchBox .book-form div {
            padding: 0;
        }
        #medicalQuestions #medicalQuestions-content .downloadApp {
            text-align: center;
        }
        #medicalQuestions #medicalQuestions-content .downloadApp img{
            height: 200px;
        }
        #medicalQuestions .searchResult .card .downloadApp a img {
            height: auto !important;
            width: 100%;
        }
        #medicalQuestions .searchResult .card .doctorsAnswersCount p{
            padding-top: 5%;
        }
        #medicalQuestions-content .doctorAnswers .answer_likes{
            margin-top: 5%;
            direction: rtl;

        }
        #medicalQuestions-content .Other-services .offline, #medicalQuestions-content .Other-services .online
        {
            margin: 5px 13px;
        }
        #medicalQuestions-content .Other-services p {
            font-size: 18px;
        }
        #medicalQuestions-content .doctorAnswers .BookDoctor a:hover{
            color:#fff !important;
        }
        /* _____________________________________ End ofMedical question Mobile view ____________________________*/


    .services_carousel{display: none;}
    .serviceProviderImg{
        width: 50px !important;
        height: 50px !important;}
        .bookService-h4{ font-size: 16px;}
        .BookService{    padding: 35px 10px 0px 10px !important;}
        .bookservice_h2{
            font-size: 18px;
            margin: 10px 0 20px;
            line-height: normal;
        }
        .bookingSteps .img-responsive {
            width: 70px !important;
            height: 70px !important;
        }
    .pharma_popup{top:25% !important;}

        /* ____________CliniDo medical network _____________________*/
        input[type="checkbox"].graphic + label {
            padding-right: 40px !important;
        }
        input[type="checkbox"].graphic + label, input[type="checkbox"].graphic + label:after {
            padding: 6px 8px;
        }
        input[type="checkbox"].graphic + label:after{
            right: -4px;
            font-size: 150%;
        }
        /* ____________CliniDo medical network _____________________*/
        /* Lab media */
        .moreTests{
            font-size: 15px;
            margin-top: 15px;

        }
        .moreTests::before{
            font-size: 14px;
        }
        .Lab_h1{
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        .test_data {
            margin-top: -90px;
            height: 70px;
        }
        .booking_card {
            position: initial !important;}
        .request-body{
            padding:2px 20px;
            margin-top: 10px;
        }
        .selectedHomeTests{
            padding: 0px !important;
            padding-bottom: 10px !important;
            margin-top: 0px !important;
        }
        .request.active{
            display: block !important;
            padding: 0px 20px;
            position: relative;
            width: 100%;
            box-shadow: none;
            z-index:0;
            margin-top: 20px;
    }
    .tests-first-side{
        display:block !important;
        z-index: 2!important;
        top:50px !important;
    }
    .featuredTests{
        margin-top: 25px !important;
    }
    .chooseLab {
        margin-top: 10px !important;
        font-size: 22px !important;
    }
    .hero-text2 img{    display:none;}
    .test_name{left:0px !important;}
    .UploadTest{padding: 10% 0;}
    .card2{    margin-bottom: 0px;}
    .LabProfile {
        height: 315px !important;
    }
    .LapProfileData .card {
        margin-top: -245px !important;
    }
    .lab_city{
        padding-right: 0px !important;
        padding-left: 0px !important;

    }
    .lab_area{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .FilterTests {width: 100%;}
 #dr-profile .Lab_features {
    margin-top: -44px !important;
    position:absolute !important;
    padding-right: 0;
    width: 91%;
}
.test_search .test_header{padding-top:30px !important;}
/* End of lab media */
/*__________________ service and operation  mobile view____________________ */
.pb-0{padding-bottom: 0px  !important;}

.MobileServCard{display: flex;}
.desktopServCard{display: none;}
.serviceCard .img_div {
    /* padding: 0px; */
    text-align: left;
}
.serviceCard .serviceImg {
    height: 90px;
    border-radius: 0;
    border-radius:8px;
    width: 100px;
    object-fit: cover;
}
.serviceProfile {
    margin-top: 40px !important;
    padding-top: 8px !important;
}
.outside{display: none;}
#doctor_services .container-fluid{
    padding:0 !important;
   }
   #doctor_services .card{
    /* margin-bottom:0 !important; */
   }
   .service_home_h1{
    font-size: 22px !important;
    margin-top: 10px !important;
   }
   .service_details_text{
    /* display: block !important; */
    padding: 0px !important;
    position: relative !important;
    width: 100% !important;
    box-shadow: none !important;
    z-index: 0 !important;
    margin-top: 20px !important;
    background: #fbfbfb !important;}
    .service_details_text p{
        font-size: 13px !important;
        color :#000 !important;
    }
    .doc_serv_img .prof-img {
        width: 65px !important;
        height: 65px !important;
        border: 2px solid #38b9db !important;
    }
.p-m-0{
        padding:0 !important;
    }
    .ServiceOtherDates i{margin-left: 10px;}
    /* .doct_serv_offer.mb-10{font-size: 9px; margin-bottom: 0px !important;} */
    .serv_cost_details.mb-10{
        margin-bottom: 3px !important;
       }
    .value.mb-10{margin-bottom: 0px !important;}
    .MobileServCard .doct_serv_offer{
        position: relative;
        top: -15px;
        right: 0;
        border-top-right-radius: 4px;
        padding-top: 5px;
        font-size: 11px;
    }
    .serv_popUp{
        top: 7% !important;
    }
    .serv_popUp .modal-content{
        height: 600px;
        overflow-x: auto;
    }
    .MobileServCard .serv_usd_icon{    margin-right: 5px !important;}
    .MobileServCard .text-right-left .net_price{    margin-right: 0px !important; font-size: 12px !important;}
    .appoint-content .bookService{margin-left: 0px;}
    .drprofile-header.service_profile_header
    {    height: 90px !important;
        margin-top: 65px !important;
    }
    .serviceProfile.dr-profile {
        background-color: #fff !important;
    }
.ServProfileDetails{
margin-top: -8px;
padding: 0 !important;
}
.serviceType a{
    font-size: 14px ;
}
.card.serviceCard.otherServices{
    margin-top: 0px !important;
}
.company-row, .bank-row{
    padding: 0px 15px;
}
.serv_cost_details .text.center_info.text-dark {
    font-size: 14px !important;
}
.serviceCard {    padding-bottom: 10px;}
.service_images {
    width: 45% !important;}
    .plans-container .plan-item{
        padding: 20px;
    min-width: 34%;

    }
    /* ___________installment requests section__________________ */

.installment_container{
    padding: 10px;
}
.installment_container .row{
    display: block;
}
.installment_banner {
    padding: 20px;
}
.installment_container .img-container img{
    width: 35px;
}
.installment_container .installment_paragraph p{
    margin-left: -45px;
}
.installment_banner h4{
    line-height: 1.5
}
.inst_req{
    margin-top: 60px !important;

}
.installment_text{padding: 0;}
#installment_desktop{display: none}
#installment_mobile_collapse{display: block;}
#installment_mobile_collapse label{
    margin-top: 5px;
    width: 100%;
}
#installment_mobile_collapse label:after{
    content: '\f107';
    font: normal normal normal 17px / 1 FontAwesome;
    color: black;
    width: 20px;
    height: 15px;
    display: inline-block;
    text-align: right;
    float: right;
    margin-top: 0px;
}
.installment_features ul li {
    font-size: 12px;
}
.installment_features ul li:before{
    width: 30px;
height: 25px;
margin-right: 0px;
}
    .installment_features{
    background: #fff;
padding: 10px;
border-radius: 8px;    }

/* ___________end of installment requests section__________________ */
/*__________________ End of service and operation  mobile view____________________ */
    /* _____________________ New homevisit design mobile view ________ */
     .consult-h1.home_visit_title{
        margin-top: 10px;
    font-weight: normal;
    }
    h2.productHomeH2 {
        font-weight: normal!important;
    }
    .home-visit-header-img-container{
        display: none;
    }
    .header-card{
        position: unset;
    padding: 10px;
    box-shadow: none;
    }
    .homevisit-categories{
        padding:20px;
        padding-top: 0;
    }
    .homevisit-categories h2 {
        text-align: center;
        margin-top: 0;
        font-size: 18px;
    }
    .homevisit-categories .card {
        margin-bottom: 20px;
    }
    .homevisit-categories .card .card-footer h4 {
        font-size: 16px;
    }
    .info-section ul li h3 {
        line-height: 1.7;
        margin-top: 5px;
    }
    .info-section h2{
        margin-left: 20px;
    }
    /* _____________________ End of New homevisit design mobile view___________  */


       .repeatedQ:after {
        width: 11%;
    }
    .tdologo{
        display: block !important;
        width: 60px;
        height: 50px;
        margin-top: -14px;
     }
     .Payment-card{margin:5px 0px;}
     .related-topic {width: 80%;}

    .Announce{
         padding: 32px 20px 0 0;
    }
    .Announce_badge{
        margin: 0px 25px 0px 80px;
    }
    .symptomSection{
        margin-top:18% !important;
    }
    .symptomsCard{
        margin-left: 0 !important;
    }
	.flipped{margin-top:10px !important;}
    .DownloadAppSection{
        display: block;
    }
    .about-image2{display:none;}

    .autocomplete-suggestions{
        width: 70% !important;
        left: 12% !important;
        z-index: 99 !important;

     }
    .DrContainer{
        background-color: white !important;
        margin-left: 14px!important;
        padding: 0px 7px!important;
        width: auto!important;
        max-width: max-content!important;
        margin-top: -10px!important;
        margin-bottom: 10px !important;
    }
    .payment_code{margin-top:25px;}
    .collapse-H3::after{font: normal normal normal 17px/1 FontAwesome;
        content: '\f107';
        color: #b4b4b4;
        width: 30px;
        height: 30px;
        float: right;}
        #invoivesData{display: none;}
    #invoivesData.in,
#invoivesData.collapsing {
    display: block!important;
}
.payment-methods {margin-top: 0px !important;}

    .slidemeup{
        display:block;
    }
    .MobileCard{
        padding: 0;
    margin-right: -30px;
    background: white;
    margin-left: -30px;
    width: 113%;
    overflow-x: hidden;
    }
    .MobileCard > .card{
        width: 88% !important;
        margin-left: 33px;
        margin-top: 10px !important;
    }
    .SpecialTabs{
        margin: -14px -14px 0 -15px !important;
        max-width: unset !important;
        width: -webkit-fill-available !important;
        padding-left:30px !important;
    }
    .relative{
        margin-top: 1px !important;
        min-width: 90%;
        display: inline-block;
        margin: 0 7px;
    }
    .RelDr{
        overflow-x: scroll;
        display: flex;
        width: 100%;
        border-radius: 0 !important;

}

    /* .relativesContainer{
        display: flex;
        flex-direction: row;
        max-width: 100%;
        overflow-x: scroll;
    } */
    .relativesContainer .col-lg-12{
        display:flex;
        width:100%;
        padding:0 10px!important;
    }

    .relativesContainer::-webkit-scrollbar, ul.videos::-webkit-scrollbar {
    width: 0.5em;
    }
    .relativesContainer::-webkit-scrollbar-track, ul.videos::-webkit-scrollbar-track {
    border-radius: 10px;
    }

    .relativesContainer::-webkit-scrollbar-thumb, ul.videos::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color:inherit;;
    }
    .announce_section_card {
        background-color: white;
        border-radius: 12px;
        margin-left: 25%;
        margin-right: -1%;
        padding: 10px 0;
    }
    .announce_section {
        background-color: #5bc0de;
        overflow-x: hidden;
        margin-right: -3%;
        z-index: 1000;
        margin-left: -44%;
        padding: 20px;
        min-height: 589px;
    }
    .announcement-container{
        height:auto;
    }
    .announce_doctor_photo{
        margin-top:-80px
    }

    .first_part{
        padding:0;
    }
    .Announce_booking{
        font-size:12px;
    }
    .campBook
    {
        margin-top:0px;
    }
    #specialities .h1 {
        font-size:22px
    }
    .service_card_container{
        padding:0 !important;
    }

    #search-body .online_consult div{
        background-size:cover;
        background-repeat: no-repeat;
         margin: 4%;
        }

    .drprofile{
        float: none;
    }
    .clinics_h1 {
        font-size: 16px;

    }
    /* Insurance select */
    .select2-selection--single{
        height: 56px!important;
        padding-top: 5% !important;}
        .select2-container--default .select2-selection--single .select2-selection__arrow
        {top: 16px !important;}
        #remove_insurance{
            color:#888888 !important;
        }
        .EmptyInsurance i{position: unset !important;}
        .EmptyInsurance {
            margin-top: 18px;
            z-index: 100;
            position: absolute;
            right: 9%;
            border: 1px solid #888888;
            padding: 2px;
            border-radius: 10px;
            width: 20px;
            height: 20px;
            text-align: center;
            cursor: pointer;
            font-size: 12px;
            font-weight: 100;
        }
        .select2-dropdown.select2-dropdown--below{
            z-index: 1100 !important;
            width: 90% !important;
            position: fixed;
            margin-left:20px;
        }
        /* End of insurance select */
   .nav > li > a {
		padding: 0px 0px 10px !important;
		font-size:17px;
	}
	.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
		max-height: 500px;
	}
	.navbar-brand {
		width:50%;
	}
	.navbar-brand>img {
		padding-left: 10px;
	}
	.navbar-toggle {
	   margin-top: 15px !important;
	   padding: 9px 0px;
	   margin-right: -10px;
	}
	.hero-text .hero-text2{
		padding-left:0px;
	}
	.hero-text h1 {
		font-size: 30px;
		margin-top: 40px;
		/* margin-bottom: 0px; */
	}
	.hero-text h2{
		font-size: 15px;
		margin-top:0px;
		margin-bottom: 5px;
	}
	.ui-datepicker table {
	font-size: 1em !important;
	}
	.hero-text #call, .Lab_Call_us #call{
		width: 121px;
		height: 34px;
		margin-bottom: 20px;
		margin-top:15px;
		margin-left:5px;
	}
	.hero-text #call img, .Lab_Call_us #call img{
		margin:0px 10px 10px 0px;
		width:14px;
		height:14px;
	}
	.hero-text #call p, .Lab_Call_us #call p{
		font-size:14px;
	}
	.hero-text p{
		display: none;
	}
	#box-form{
		padding-right: 0px;
		padding-left: 0px;
	}
	.book-form .online{
		margin-top:20px;
	}
	.book-form .online_consult{
		margin-top:0px;
	}
	.book-form .online .book{
		display:block;
	}
	.book-form .online_consult .online-img{
		padding:17px 14px;
	}
	.book-form .input-field {
		font-size: 16.7px;
		border-radius: 4px 4px 4px 4px;
	}
    .Lab_heroText{
        margin-top: 40px !important;
    }
	.hero-text {
		margin-top:50px;
	}
	.entp1 .inputs{
		margin-right: 2px;
		width: 60px;
		padding: 10px 20px;
	}
	.book-form .input-container {
		margin-bottom: 6px;
	}
	.book-form .icon {
		border-radius: 4px 0px 0px 4px;
	}
	.book-form .btn {
		padding: 10px 20px;
		font-size: 16.7px;
		margin-top: 10px;
		border-radius: 4px;
        width:99%;
        outline: none !important;
	}
	.book-form .online_consult h3{
		margin-top:10px;
	}
	.book-form .doctor-name {
		border-radius: 0px 4px 4px 0px;
	}
	#featuredDoc{
		font-size:15px;
		margin:6% 0% 0% 2%;
	}
	#feature{
		width:125px;
		margin-left: 2%;
		border-width: 2px;
	}
	#slider-cd{
		padding:2px;
	}
	.doc-cd {
		padding: 0px 12px;
	}
	.sgnfrm-h1 h3{
		font-size: 17px;
	}
	.cancel_message{
		float:left !important;
	}
	#slider h1 {
		font-size: 28px;
	}
	#slider-cd .feetym .btn {
		margin-right: 2px;
	}
	#slider-cd .details .value {
		font-size: 12px;
	}
	#slider-cd .share_link ,#dr-profile .share_link, #drprofile-header .share_link {
		display:block;
	}
	.img-loca p{
		width:180px;
    }
    #slider-cd .img-loca .clin-manager-loc {
        width: 80%;
    }
	.sub-email .form-group{
		width:100%;
	}
	.ab-h1 {
		font-size: 28px;
	}
	.ab-p {
		font-size: 13px;
	}
	#why h2.one{
		margin-top: 38px;
		margin-bottom: 25px;
	}
	#why h2.one span {
		font-size:25px;
	}
	.why-h4{
		font-size: 14px;
		font-family: FFShamelFamily-SansOne;
	}
	#best-choice .best{
		width:100%;
	}
	#best-choice .one{
		font-size: 25px;
    	padding-right: 38px;
    	padding-left: 38px;
	}
	#best-choice .best .center img{
		margin:10px auto 10px auto;
	}
	#best-choice .best #img1 {
		width: 154px;
	height: 150px;
	}
	#best-choice .best #img2 {
		width: 198px;
	height: 161px;
	}
	#best-choice .best #img3 {
		width: 196px;
    	height: 142px;
	}
	.center img{
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	.feetym span {
		font-size: 12px !important;
		margin-right:10px;
	}
	.feetym .btn {
		font-size: 15px !important;
		margin-right:10px;
		margin:5px 0px;
	}
	.abut-shp img{
		position: absolute;
		top: -240px;
		width: 130px;
		right: 0;
	}
	.dc-dtnm.pull-right {
		width: 100%;
	}
	.img_ct{
		text-align: center !important;
	}
	.get-h1 {
		font-weight: bold;
		font-size: 24px;
		margin-bottom: 12px;
	}
	.doctor{
		display:none;
	}
	#get {
		padding: 0px 8px;
		margin: 64px 12px;
		border-radius: 8px;
	}
	.get-content {
		margin-top: 25px;
		/* margin-bottom: -16px; */
	}
	.get-h3{
		font-size: 18px;
		line-height: 1.61;
	}
	.get-p {
		font-size: 14px;
	}
	.get-p2 {
		font-size: 16px;
	}
	.get-content button{
		width:100%;
	}
	.doc-img {
		height: auto;
	}
	.doc-nmsp {
		text-align: center !important;
	}
	.app-download {
		display: inline !important;
	}
	#get .app-download a{
		margin-left: 0px;
	}
	#get .app-download .web-img{
		display: none;
	}
	#get .app-download .mobile-img{
		width: 100%;
		margin-bottom: 16px;
		display: block;
	}
	.download-img{
		display:none;
	}
	#mrbt{
		margin:0px;
	}
	.footer-sub {
		margin-bottom: 0px;
	}
	.footer-sub {
		float:none;
	}
	.footer-sub button{
		width:100%;
	}
	.fotrigh{
		text-align:center;
		float: none;
	}
	.ft_p{
		margin:40px 0px;
	}
	#view {
		text-align:center;
	}
	.book-appoint-form .btn-nav {
		padding:6px 12px !important;
	}
	.book-appoint-form .btn-nav-off {
		padding:6px 12px !important;
		width: 46%;
	}
	.sub-apfm .btn-nav {
		padding:20px 45px !important;
		width: 100%;
	}
	.sub-apfm .btn-nav-off {
		padding:20px 45px !important;
		width: 100%;
	}
	.gender input[type="radio"] + label {
		padding: 15px 32px;
	}
	.sgin-fb a {
		font-size: 18px;
	}
	.ap-detailsbox {
		min-height:165px;
	}
	.mobilebtn1{
		display:none !important;
	}
	.mobilbtn{
		display:block !important;
	}
	.copyrt {
		float: none !important;
	}
	#cale-wrap .card {
		margin-top:10px;
		box-shadow:none;
		float: none;
		max-width: 100%;
	}
	.card-h5 {
		float: left;
	}
	.crd-pp {
		padding: 20px 15px;
	}
	.prf-abt .btn-nav {
	  padding: 10px 9px !important;
	}
	.sign-logo img{
		width:50%;
	}
	.sign-h1 h1{
		font-size:28px;
		margin-top: 10px;
	}
	.sgnfrm-h1 h3{
		font-size:20px;
		font-weight:bold;
	}
	.signin-form{
		padding: 15px 10px;
	}
	.sgnfrm-h1 p{
		font-size:15px;
	}
	.sgnfrm-h1 span{
		font-size:15px;
	}
	.sgnfrm-h1 h1 {
		font-size: 20px;
	}
	.signin-form {
		margin: 60px 0px;
	}
	.gender input[type="radio"] + label{
		padding: 15px 32px !important;
	}
	.gender input[type="radio"]:checked + label{
		padding: 15px 32px !important;
	}
	.sign-recnt{
		text-align: center;
	}
	.sign-recnt p {
		font-size: 15px;
	}
	.sign-recnt button{
		width:100%;
		height: 50px;
	}
	.cl-inner .ui-datepicker {
		width: 100% !important;
	}
	.cl-inner .ui-datepicker td span, .ui-datepicker td a {
		padding: 0.9em !important;
	}
	.cl-view{
		display:none;
	}
	.cal-hed {
		font-size: 16px;
	}
	.card-h5 small{
		display:block !important;
	}
	.detimg img{
		margin-top:0px;
	}
	.proim img{
		margin-top: 15px;
	}
	#sign-in {
		padding: 25px 0px;
		margin-top:60px;
	}
	#exami-noti .fnt-clrb {
		font-size: 12px !important;
		color:#9b9b9b !important;
	}
	.search_box {
		padding-top: 90px;
	}
	#search-body {
		padding-top: 170px;
	}
	.search_box .book-form{
		display:none;
	}
	.search_box .container-fluid{
		margin-left: auto;
	}
	.search_box .search-input .input-container{
		display:block;
	}
	.search_box .search-input .input{
		width:85%;
	}
	#search-body .search-filter{
		display: none;
	}
	.online_SResult #doctor-list .consult-p {
		margin: 0px 0px 10px 0px;
	}
	#freqaskedquestions .row, #SchemafreqaskedquestionsEN .row{
		margin: 25px 0px 25px 0px;
	}
	#freqaskedquestions img, #SchemafreqaskedquestionsEN img{
		display:none;
	}
	#search-body .online{
		padding-right: 22px;
	}
	#search-body .online_consult{
		margin-left:5px;
		margin-top:0px;
		margin-bottom: 30px;
	}
	#search-body .online_consult h3{
		margin-top: 10px;
	}
	#slider-cd .doc-img {
		height: auto;
	}
	#slider-cd .btn-nav, #dr-profile .btn-nav,#slider-cd .no-booking,#dr-profile .no-booking, .request-body p .btn, .change_location{
		font-size:12px;
	}
	#slider .owl-nav .owl-prev {
	  display:none;
	}
	#slider .owl-nav .owl-next {
	 display:none;
	}
	.dis_n{
		display:none;
	}
	.sgout-pop {
		font-size: 17px;
	}
	#md-st .wd-ful{
		margin-bottom:10px !important;
	}
	#cna-reg .gender input[type="radio"] + label {
		padding: 15px 30px;
	}
	#cna-reg .gender input[type="radio"]:checked + label {
		padding: 15px 70px;
	}
	.dc-dtnm2{
		display:block !important;
	}
	.span4 p {
		font-size: 14px;
	}
	.doctor-nmeimg span{
		float: left;
		margin-right:5px;
	}
	.dc-dtnm2 p {
		font-size: 16px;
	}
	#btnmds .btn-nav {
		padding: 10px 6px !important;
		font-size: 11px;
	}
    #search-body .first-side, .tests-first-side {
        margin: 0px;
        display: none;
    }
    #search-body .speciality-details-2 {
        display: none;
        margin-top: 0px;
    }
	#doctor-list{
		padding-left: 0px;
        padding-right: 0px;
        margin:0px;
    }
    #doctor-list .speciality {
        padding: 0px;
    }
    #search-body .search-links .breadcrumb {
       display: none;
    }
    #doctor-list .speciality .speciality-h1 {
        font-size: 16px;
        padding: 0px;
    }
	#doctor-list .doctor-card{
		padding-left: 0px;
		padding-right: 0px;
	}
	#doctor-list .doct-prof {
		margin-bottom: 28px;
	}
	.clmdoble{
		display:block !important;
	}
	#exami-noti .fnt-wht {
		font-size: 8px;
		color:#fff;
	}
	.ap-detailsbox span {
		font-size: 12px;
	}
	.ap-detailsbox p {
		font-size: 15px;
	}
	.smovl small{
		color:#4a4a4a !important;
		font-size:12px !important;
	}
	.bcclr{
		color: #4a4a4a;
	}
	.slpnmed small{
		color:#4a4a4a;
	}
	.ap-detailsbox {
		padding: 15px;
	}
	.mobile_none{
		display:none !important;
	}
	.pd-rem{
		padding:0px !important	;
	}
	.mobilemenu{
		display:block !important;
		width: 100%;
		padding-left: 5%;
		padding-right: 5%;
	}
	.Deskmenu{
		display:none !important;
	}
	.modal-dialog {
		margin: 50px 15px !important;
	}
	.dc-dtnm{
		width: 100% !important;
	}
	.feetym.text-left {

		margin: 0 !important;
	}
	.img-loca p {
		width: 180px;
	}
	.copyrt{
		float:none;
		text-align: center;
	}
	.footer-social {
		text-align: center;
	}
	.foo-wh-p{
		font-size: 12px;
    	padding: 10px;
	}
	.copyrt p{
		text-align: center;
	}
	.footer-logo img {
		padding: 25px 0px 0px 0px;
		width: 136px;
	}
	.soc-ic.abc {
		direction: rtl;
	}
	.soc-ic a img {
		padding: 40px 15px 0px 30px;
	}
	/* about section start */
	#about {
		margin-top: 135px;
	}
	.about-h3{
		display:none;
	}
	.about-text {
		padding-right: 0px;
	}
	.about-text p{
		width:100%;
	}
	.about-image{
		padding-right: 0px;
	}
	.about-image img{
		width:100%
	}
	.about-details {
		padding: 0px 33px 33px;
		margin-top: 0px;
	}
	/* drprofile page start */
	#drprofile-header {
		height: 615px;
		margin-top: 80px;
    }
    .drprofile-header{
        height: 240px !important;
    	margin-top: 80px !important;
    }
	.online-drprof-header{
		height: 535px !important;
    }
    .polyclin-header{
        height: 450px !important;
    }
	#drprofile-header .online{
		padding-left:0px;
		padding-right:0px;
		margin-right: 0px;
	}
	#drprofile-header .online_consult h3{
		padding:0px;
		margin-top:0px;
    }
    #drprofile-header .doc-nmsp h4, #drprofile-header .doc-nmsp .title{
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
	}
	#dr-profile .container-fluid{
		padding-right: 30px;
		padding-left: 30px;
	}
	#dr-profile .card, .card2{
		margin-top: -524px;
    }
    .dr-profile .card {
        /* margin-top: -340px !important; */
    }
	.online-drprof .card{
		margin-top: -470px !important;
    }
    .polyclinic .card{
        margin-top: -365px !important;
    }
    .polyclinic .details .text{
        height:20px !important;
    }
	#dr-profile .tabs-links {
        margin-top: -43px;
        background-color: white;
	}
	#dr-profile .nav-tabs li {
		padding-right:5px;
    }
    #dr-profile .nav-tabs li a{
        padding:13px 0px !important;
        font-size: 12px;
    }
    #dr-profile #doctorsInfo{
        margin-bottom: 25px;
    }
    #dr-profile #doctorsInfo .selectdiv, #dr-profile #doctorsInfo .doctor-details, .doctor-details2{
        padding-right: 0px;
    }
    #dr-profile #doctorsInfo .selectdiv .input-lg{
        font-size: 15px;
    }
    #dr-profile #doctorsInfo .card{
        margin-top: 0px !important;
        margin-bottom: 0px;
    }
    #dr-profile #doctorsInfo .card .doc-cd{
        padding: 0px 15px;
    }
	#dr-profile #ratingAreviews .general-rating{
		display: inline;
    	float: left;
    	margin-right: 15px;
	}
	#dr-profile #ratingAreviews .rate-count {
		display: inline;
		margin-top: 5px;
	}
	/* bookyourappointment start page */
	#bookyourappoint{
		margin-top:65px;
	}
	#bookyourappoint .container-fluid{
		padding-left:15px !important;
	}
	#bookyourappoint .title {
		padding-left: 0px;
		margin-top:15px;
	}
	#bookyourappoint .title .container-fluid{
		padding-left: 0px;
	}
	#bookyourappoint .card {
		margin-top: 10px;
	}
	#bookyourappoint .appoint-content {
		padding-right:0px;
		padding-left: 0px;
		margin-top:25px;
	}
	#bookyourappoint .appoint-content .container-fluid{
		padding-right:0px !important;
		padding-left: 0px !important;
	}
	#bookyourappoint .book-appoint-form button{
		margin-bottom: 10px;
	}
	#bookyourappoint .book-appoint-form .btn-nav{
		width:100%;
	}
	#bookyourappoint .book-appoint-form .btn-nav-off{
		width:100%;
	}
	#online_consult_titles,#book_sms{
		margin-top:70px;
	}
	#online_consult_titles .consult-h1,#book_sms .consult-h1{
		font-size:22px;
	}
	#online_consult_titles .consult-p,#book_sms .consult-p{
		font-size:14px;
	}
	#online_consult .consult_image{
		display:none;
	}
	#online_consult_titles .tabs {
		padding-left: 0px;
		padding-right: 0px;
	}
	#online_consult .consult_text,#book_sms .consult_text{
		padding-left:0px;
		padding-right:0px;
	}
	#payment ,#thank_after_consult{
		margin-top:65px;
	}
	#payment .info{
		font-size:12px;
	}
	#advert{
		position: fixed;
		left: 0;
		bottom: 0;
		right: 0;
		background-image: URL('/public/images/call pop-up.png');
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		height:115px;
		z-index:10
	}

	/* thank_after_appoint page start */
	#thank_after_appoint{
		margin-top:60px;
	}
	#thank_after_appoint #appoint-details{
		padding-left: 0px;
	}
	#thank_after_appoint .second-side .container-fluid {
		padding-right: 15px;
	}
	#thank_after_appoint #appoint-details .card{
		margin-right: 0px;
		margin-bottom:16px;
	}
	#thank_after_appoint .title-h1{
		margin-top: 25px;
	}
	#thank_after_appoint .second-side{
		display:none;
	}
	#thank_after_appoint #app-store,#thank_after_appoint #back-home{
		display: block;
	}
	#online_consult_popup .close{
		margin-left: -30px;
	}
	#online_consult_popup .modal-dialog{
		margin-top:150px !important;
	}
	#online_consult_popup .modal-footer{
		padding-left: 0px;
		padding-right:0px;
	}
	#online_consult_popup .online-image{
		margin-left:0px;
	}
	#online_consult_popup .online-p{
		padding-left:0px;
	}
	.get-app{
		display:none;
	}
	#thankafterconsultation{
		margin-top:60px;
	}
	#thankafterconsultation .thank, #thank_after_consult .thank{
		margin: 30px 0px 17px 0px;
		padding-right: 0px;
	}
	#thankafterconsultation .thank img, #thank_after_consult .thank img {
        margin-left: 20px;
        width: 55px;

	}
	#thankafterconsultation .thank h1, #thank_after_consult .thank h1{
		margin: 45px 0px 19px 16px;
		font-size: 20px;
	}
	#thankafterconsultation #appoint-details{
		padding-right:0px;
		padding-left:0px;
	}
	#thankafterconsultation .card{
		margin:0px 0px 20px 0px;
	}
	#thankafterconsultation .card .title-h1{
		font-size: 16px;
		margin-left: 20px;
	}
	#thankafterconsultation .card .title-h1:after{
		font: normal normal normal 17px/1 FontAwesome;
		content: '\f107';
		color: #b4b4b4;
		width: 30px;
		height: 30px;
		float: right;
	}
	#thankafterconsultation .card .collapse-data{
		display:none;
	}
	#thankafterconsultation .card .active .collapse-data{
		display:inline;
	}
	#thankafterconsultation .card .active .title-h1:after{
		content: '\f106';
	}
	#thankafterconsultation #appoint-details .card .doctor-details{
		padding-left:20px;
	}
	#thankafterconsultation #appoint-details .card .payment{
		padding-left: 15px;
	}
	#thankafterconsultation #appoint-details .clinic-details{
		padding-left: 15px;
	}
	#thankafterconsultation #appoint-details .card .Booking-Date, #thankafterconsultation #appoint-details .card .Cons-P-N,
	#thankafterconsultation #appoint-details .card .app-details,#thankafterconsultation #appoint-details .card .app-details,
	#thankafterconsultation #appoint-details .payment-method{
		padding-left: 0px;
	}
	#thankafterconsultation .second-side{
		margin-bottom:49px;
		padding-right:0px;
		padding-left: 0px;
	}
	#thankafterconsultation .second-side .container-fluid{
		margin-left:0px;
	}
	#thankafterconsultation .second-side .title-h1{
		padding-left:20px;
		font-size: 20px;
	}
	#thankafterconsultation .second-side .payment-info .title-h3{
		padding-left:20px;
    }
    #specialities {
        margin-top: 100px;
    }
    #specialities .specialities-image {
        display: none;
    }

}
@media (min-width: 481px) and (max-width: 767px) {
    .drprofile-header.service_profile_header{
        height: 700px !important;
    }
    .servProfileData {
    margin-top: -740px;}
   .servProfileData .card.serviceCard{        margin-top: 15px !important;}
    .get-img .newdownloadImg {
        height: auto !important;
    }
    .doct_serv_offer{display: block; font-size: 12px;}
    .serviceCard .serviceImg {height: 153px !important;}
    .appoint-content .bookService{margin-left: 0px;}
    .service_offer {right: -2.5% !important;}
    .services_carousel{display: none;}
    .bookingSteps{
        height: auto !important;
    }
         /* Insurance select */
    .EmptyInsurance i{position: unset !important;}
    .EmptyInsurance{right:5%;}
    /* Insurance select */
    .outside{display: none;}

    .repeatedQ:after {
        width: 7%;
    }
    .moreTests{
        font-size: 15px;
        margin-top: 0px;
    }
    .moreTests::before{
        font-size: 14px;
    }
    .hero-text2 img{    display:none;}
    .lab_city{
        padding-right: 0px !important;
        padding-left: 0px !important;

    }
    .lab_area{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .booking_card {
        position: initial !important;}

    #dr-profile .Lab_features {
        margin-top: -50px !important;
        position:absolute !important;
        padding-left: 0;
        width: 91%;
    }
    .LabProfile {
        height: 430px !important;
    }
    .LapProfileData .card {
        margin-top: -375px !important;
    }
    .payment_code{margin-top:70px;}
    /* #invoivesData{display: none;} */

    .payment-methods {margin-top: 0px !important;}

        .payment-methods {margin-top: 0px;}
    .autocomplete-suggestions{
        width: 80% !important;
        left: 9% !important;

     }

    #dr-profile .SpecialTabs{
        margin-top: -44px !important;
    }
    .announce_section{
        margin-right: -4%;
        margin-left: -49%;
        }
        .announce_section_card{
            margin-left: 32%;
            margin-right: 4%;
        }
        /* .relative{width:fit-content !important;} */

    .service_card_container{
        padding:0 !important;
    }
    .clinics_h1 {
        font-size: 16px;

    }
	.nav > li > a {
		padding: 10px 0px !important;
	}
	.navbar-toggle {
	   margin-top: 15px !important;
	   padding: 9px 0px;
	   margin-right: -10px;
	}
	.navbar-brand {
		height: auto !important;
	}
	.navbar-brand>img {
		padding-left: 10px;
	}
	.hero-text {
		margin-top:50px;
	}
	.hero-text .hero-text2{
		padding-left:0px;
	}
	.hero-text h1 {
		font-size: 30px;
		margin-top: 70px;
		margin-bottom: 0px;
	}
	.hero-text h2{
		font-size: 15px;
		margin-top:0px;
		margin-bottom: 5px;
	}
	.hero-text p {
		display: none;
	}
	.hero-text #call, .Lab_Call_us #call{
		width: 121px;
		height: 34px;
		margin-bottom: 20px;
		margin-top:15px;
		margin-left:5px;
	}
	.hero-text #call img, .Lab_Call_us #call img{
		margin:0px 10px 10px 0px;
		width:14px;
		height:14px;
	}
	#box-form{
		padding-right: 0px;
	}
	.book-form .online{
		margin-top:20px;
	}
	.book-form .online_consult{
		margin-top:0px;
	}
	.book-form .online .book{
		display:block;
	}
	.book-form .online_consult .online-img{
		padding:17px 20px;
	}
	.book-form .online_consult h3{
		width:80%;
	}
	.book-form .input-field {
		font-size: 16.7px;
		border-radius: 4px 4px 4px 4px;
	}
	.hero-text h3, .Lab_Call_us h3 {
		font-size: 16px;
		font-weight: bold;
	}
	.book-form .icon {
		border-radius: 4px 0px 0px 4px;
	}
	.book-form .btn {
		padding: 10px 20px;
		font-size: 16.7px;
		margin-top: 10px;
		border-radius: 4px;
		width:99%;
	}
	.book-form .doctor-name {
		border-radius: 4px 0px 0px 4px;
	}
	#featuredDoc{
		font-size:15px;
		margin:17% 0% 0% 2%;
	}
	#feature{
		width:125px;
		margin-left: 2%;
		border-width: 2px;
	}
	#slider-cd{
		padding:2px;
	}
	.doc-cd {
		padding: 0px 12px;
	}
	#slider-cd .share_link, #dr-profile .share_link, #drprofile-header .share_link {
		display:block;
	}
	.abut-shp img{
		position: absolute;
		top: -240px;
		width: 200px;
		right: 0;
	}
	.footer-sub{
		float:none;
	}
	.footer-sub .btn-nav{
		width:100%;
	}
	.fotrigh {
		text-align: center;
		float: none;
	}
	.cl-inner .ui-datepicker td span, .ui-datepicker td a {
		padding: 0.9em !important;
	}
	.ui-datepicker-inline.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all {
		margin: 0 auto;
	}
	.sign-recnt{
		text-align: center;
	}
	.sign-recnt p {
		font-size: 15px;
	}
	.sign-recnt button{
		width:100%;
		height: 50px;
	}
	#cale-wrap .card {
		margin-top:10px;
		box-shadow:none;
		float: none;
		max-width: 100%;
	}
	.img-loca p{
		width:180px;
	}
	.card-h5 {
		float: left;
	}
	.crd-pp {
		padding: 20px 15px;
	}
	.card-h5 small{
		display:block !important;
	}
	.cl-inner .ui-datepicker {
		width: 24em !important;
	}
	.cal-hed {
		font-size: 16px;
	}
	.proim img{
		margin-top: 15px;
	}
	#slider-cd .doc-img {
		height: auto;
	}
	.dis_n{
		display:none;
	}
	.sgout-pop {
		font-size: 17px;
	}
	#md-st .wd-ful{
		margin-bottom:10px !important;
	}
	#cna-reg .gender input[type="radio"] + label {
		padding: 15px 30px;
	}
	#cna-reg .gender input[type="radio"]:checked + label {
		padding: 15px 70px;
	}
	#btnmds .btn-nav {
		padding: 10px 6px !important;
	}
	.cl-view{
		display:none;
	}
	.clmdoble{
		display:block !important;
	}
	.smovl small{
		color:#4a4a4a !important;
		font-size:12px !important;
	}
	.mobilemenu{
		display:block !important;
		width: 100%;
		padding-left: 5%;
		padding-right: 5%;
	}
	.mobile_none{
		display:none !important;
	}
	.mobilbtn {
		display: block !important;
	}
	.mobilebtn1 {
		display: none !important;
	}
	.Deskmenu{
		display:none !important;
	}
	.dc-dtnm{
		width: 100% !important;
	}
	.modal-dialog {
		margin: 50px 15px !important;
	}
	#slider .owl-nav .owl-prev {
	  display:none;
	}
	#slider .owl-nav .owl-next {
	  display:none;
	}
	#why h2.one{
		margin-top: 38px;
		margin-bottom: 25px;
	}
	#why h2.one span {
		font-size:25px;
	}
	.why-h4{
		font-size: 14px;
		font-family: FFShamelFamily-SansOne;
	}
	#best-choice .best{
		width:100%;
	}
	#best-choice .one{
		font-size: 25px;
    	padding-right: 38px;
    	padding-left: 38px;
	}
	#best-choice .best .center img{
		margin:10px auto 10px auto;
	}
	#best-choice .best #img1 {
        width: 154px;
        height: 150px;
	}
	#best-choice .best #img2 {
		width: 198px;
	    height: 161px;
	}
	#best-choice .best #img3 {
		width: 196px;
    	height: 142px;
	}
	#get {
		padding: 0px 8px;
		margin: 64px 12px;
		border-radius: 8px;
	}
	.get-content {
		margin-top: 25px;
		margin-bottom: -16px;
	}
	.get-h1 {
		font-weight: bold;
		font-size: 24px;
		margin-bottom: 12px;
	}
	.get-h3{
		font-size: 18px;
		line-height: 1.61;
	}
	.doctor{
		display:none;
	}
	.app-download {
		display: inline !important;
	}
	.app-download .web-img{
		display: none;
	}
	.app-download a{
		margin-left: 0px;
	}
	.app-download .mobile-img{
		width: 100%;
		margin-bottom: 16px;
		display: block;
	}
	.download-img{
		display:none;
	}
	.copyrt{
		float:none;
		text-align: center;
	}
	.copyrt p{
		text-align: center;
	}
	.foo-wh-p {
		font-size: 12px;
		padding: 10px;
	}
	.footer-logo img {
		padding: 25px 0px 0px 0px;
		width: 136px;
	}
	.footer-social {
		text-align: center;
	}
	.soc-ic.abc {
		direction: rtl;
	}
	.soc-ic a img {
		padding: 40px 15px 0px 30px;
	}
	#about {
		margin-top: 135px;
	}
	.about-h3{
		display:none;
	}
	.about-text {
		padding-right: 0px;
	}
	.about-text p{
		width:100%;
	}
	.about-image{
		padding-right: 0px;
	}
	.about-image img{
		width:100%
	}
	.about-details {
		padding: 0px 33px 33px;
		margin-top: 0px;
	}
	/* dr home page */
    #search-body .first-side {

        margin: 0px;
        display: none;
    }
    #search-body .speciality-details-2 {
        display: block;
        margin-top: 0px;
    }
	#doctor-list{
		padding-left: 0px;
        padding-right: 0px;
        margin:0px;
    }
    #doctor-list .speciality {
        padding: 0px;
    }
    #search-body .search-links .breadcrumb {
        display: none;
    }
    #doctor-list .speciality .speciality-h1 {
        font-size: 18px;
        padding: 0px;
    }
	.search_box .container-fluid{
		margin-left: auto;
	}
	.search_box .search-input .input-container{
		display:block;
	}
	#doctor-list .doctor-card{
		padding-left: 0px;
		padding-right: 0px;
	}
	#doctor-list .doct-prof {
		margin-bottom: 28px;
	}
	.search_box .book-form{
		display:none;
	}
	#search-body .search-filter{
		display: none;
	}
	.online_SResult #doctor-list .consult-p {
		margin: 0px 0px 10px 0px;
	}
	.online-slider #slider-cd{
		padding:0px 15px 0px 0px;
	}
	#freqaskedquestions .row ,#SchemafreqaskedquestionsEN .row{
		margin: 25px 15px 25px 5px;
	}
	#freqaskedquestions img, #SchemafreqaskedquestionsEN img{
		display:none;
	}
	#search-body .online{
		padding-right: 22px;
	}
	#search-body .online_consult{
		margin-left:5px;
		margin-top: 0px;
		margin-bottom: 30px;
	}
	/* drprofile page start */
	#drprofile-header {
		height: 635px;
		margin-top:90px;
    }
    #doctor_services .drProfileServices {
        margin-top: 0px !important;
    }
    .drprofile-header {
		height: 575px !important;
		margin-top: 90px !important;
    }
	.online-drprof-header{
		height:585px !important;
    }
    .polyclin-header, .online-drprof-header{
        height: 510px !important;
    }
    #drprofile-header .doc-nmsp h4, #drprofile-header .doc-nmsp .title{
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
	}
	#drprofile-header .online{
		padding-left:0px;
		padding-right:0px;
		margin-right: 0px;
	}
	#dr-profile .container-fluid{
		padding-right: 30px;
		padding-left: 30px;
	}
	#dr-profile .card, .card2{
		margin-top: -535px;
    }
    .dr-profile .card{
		margin-top: -335px !important;
	}
	.online-drprof .card{
		margin-top: -500px !important;
    }
    .polyclinic .card{
        margin-top: -430px !important;
    }
	#dr-profile .tabs-links {
		margin-top: -43px;
	}
	#dr-profile .nav-tabs li {
		padding-right:13px;
    }
    #dr-profile #doctorsInfo{
        margin-bottom: 25px;
    }
    #dr-profile #doctorsInfo .selectdiv, #dr-profile #doctorsInfo .doctor-details, .doctor-details2{
        padding-right: 0px;
    }
    #dr-profile #doctorsInfo .card{
        margin-top: 0px !important;
        margin-bottom: 0px;
    }
    #dr-profile #doctorsInfo .card .doc-cd{
        padding: 0px 15px;
    }
	#dr-profile #ratingAreviews .general-rating{
		display: inline;
    	float: left;
    	margin-right: 15px;
	}
	#dr-profile #ratingAreviews .rate-count {
		display: inline;
		margin-top: 5px;
	}
	/* bookyourappointment start page */
	#bookyourappoint{
		margin-top:65px;
	}
	#bookyourappoint .container-fluid{
		padding-left:15px !important;
	}
	#bookyourappoint .title {
		padding-left: 0px;
		margin-top:15px;
	}
	#bookyourappoint .title .container-fluid{
		padding-left: 0px;
	}
	#bookyourappoint .card {
		margin-top: 10px;
	}
	#bookyourappoint .appoint-content {
		padding-right:0px;
		padding-left: 0px;
		margin-top:25px;
	}
	#bookyourappoint .appoint-content .container-fluid{
		padding-right:0px !important;
		padding-left: 0px !important;
	}
	#bookyourappoint .book-appoint-form button{
		margin-bottom: 10px;
	}
	#bookyourappoint .book-appoint-form .btn-nav{
		width:100%;
	}
	#bookyourappoint .book-appoint-form .btn-nav-off{
		width:100%;
	}
	#online_consult_titles,#book_sms {
		margin-top: 90px;
	}
	#online_consult .consult_image{
		display:none;
	}
	#payment ,#thank_after_consult{
		margin-top:90px;
	}
	#payment .info{
		font-size:12px;
	}
	#advert{
		position: fixed;
		left: 0;
		bottom: 0;
		right: 0;
		background-image: URL('/public/images/call pop-up.png');
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		height:135px;
		z-index:10
	}
	/* thank_after_appoint page start */
	#thank_after_appoint{
		margin-top:60px;
	}
	#thank_after_appoint #appoint-details{
		padding-left: 0px;
	}
	#thank_after_appoint .second-side .container-fluid {
		padding-right: 15px;
	}
	#thank_after_appoint #appoint-details .card{
		margin-right: 0px;
		margin-bottom:16px;
	}
	#thank_after_appoint .second-side{
		display:none;
	}
	#thank_after_appoint #app-store,#thank_after_appoint #back-home{
		display: block;
	}
	#online_consult_popup .close{
		margin-left: -30px;
	}
	#online_consult_popup .modal-dialog{
		margin-top:150px !important;
	}
	#online_consult_popup .modal-footer{
		padding-left: 0px;
		padding-right:0px;
	}
	#online_consult_popup .online-image{
		margin-left:0px;
	}
	#online_consult_popup .online-p{
		padding-left:0px;
	}
	.get-app{
		display:none;
	}
	#thankafterconsultation{
		margin-top:90px;
	}
	#thankafterconsultation .thank, #thank_after_consult .thank{
		margin: 30px 0px 17px 0px;
		padding-right: 0px;
	}
	#thankafterconsultation .thank img, #thank_after_consult .thank img {
		margin-left: 20px;
	}
	#thankafterconsultation .thank h1, #thank_after_consult .thank h1{
		margin: 45px 0px 19px 16px;
		font-size: 20px;
	}
	#thankafterconsultation #appoint-details{
		padding-right:0px;
		padding-left:0px;
	}
	#thankafterconsultation .card{
		margin:0px 0px 20px 0px;
	}
	#thankafterconsultation .card .title-h1:after{
		font: normal normal normal 17px/1 FontAwesome;
		content: '\f107';
		color: #b4b4b4;
		width: 30px;
		height: 30px;
		float: right;
	}
	#thankafterconsultation .card .collapse-data{
		display:none;
	}
	#thankafterconsultation .card .active .collapse-data{
		display:inline;
	}
	#thankafterconsultation .card .active .title-h1:after{
		content: '\f106';
	}
	#thankafterconsultation .card .title-h1{
		font-size: 16px;
		margin-left: 20px;
	}
	#thankafterconsultation #appoint-details .card .doctor-details{
		padding-left:20px;
	}
	#thankafterconsultation #appoint-details .card .payment{
		padding-left: 15px;
	}
	#thankafterconsultation #appoint-details .clinic-details{
		padding-left: 15px;
	}
	#thankafterconsultation #appoint-details .card .Booking-Date, #thankafterconsultation #appoint-details .card .Cons-P-N,
	#thankafterconsultation #appoint-details .card .app-details,#thankafterconsultation #appoint-details .card .app-details
	#thankafterconsultation #appoint-details .payment-method{
		padding-left: 0px;
	}
	#thankafterconsultation .second-side{
		margin-bottom:49px;
		padding-right:0px;
		padding-left: 0px;
	}
	#thankafterconsultation .second-side .container-fluid{
		margin-left:0px;
	}
	#thankafterconsultation .second-side .title-h1{
		padding-left:20px;
		font-size: 20px;
	}
	#thankafterconsultation .second-side .payment-info .title-h3{
		padding-left:20px;
    }
    #specialities {
        margin-top: 130px;
    }
    #specialities .specialities-image {
        display: none;
    }
}
@media(min-width: 768px) and ( max-width: 991px){
  .header-card{
            padding: 18px 18px 18px 38px  !important;
    }
    .header-card h1 {
        font-size: 20px!important;
        margin-left: 0px!important;
    }
    .header-card h2 {
        padding: 0!important;
    }
    .header-card h3{
        font-size: 14px!important;
    }
    .header-card #call{
        width: 120px!important;
        margin-left: 5px !important;
    }
    .header-card #call img {
        margin: 1px 0px 1px 2px!important;
    }
    .consult_image .home-visit-category-img{
        display: none;
    }
     #consult_content .HV-herotext{
        margin-top: 45px;
        font-size: 18px;
    }
    .homevisit-categories .card .card-footer h4{
        font-size: 16px;
    }
    .services_carousel{display: none;}

    .EmptyInsurance{right: 8% !important;}
    .doc_serv_img .prof-img {
        width: 50px !important;
        height: 50px !important;
    }
    .score{font-size:20px;}
    .select2-selection--single {padding: 2% !important;}
    .requested:after, .HomeRequested:after {content: none;}
    .request-body {
        margin-top: 13px;
    }
    .requested:after, .HomeRequested:after {content: none;}
    .autocomplete-suggestions{
        width: 80% !important;
        left: 9% !important;
     }
     .related-topic {width: 30%;}
    #dr-profile .SpecialTabs{
        margin-top: -70px !important;
    }
    #drprofile-header .dots-container .dots {
        margin: 7px 1px;
       }
    .announce_section{
        margin-right: -4%;
        margin-left: -49%;
        padding: 19px 0px !important;

        }
        .announce_section_card{
            margin-left: 32%;
            margin-right: 2%;
        }
        .realtivesContainer{
            display:unset;
        }

        .symptomSection {
            margin-top: 15% !important;
        }
        .symImage{
            transform: scale(0.65);
        transform-origin: top;
        }
        .symdiv{margin-top: -35% !important;
        }

    .service_card_container{
        padding:0 !important;
    }

	.nav .active a{
		font-size: 15px;
		padding: 25px 5px;
	}
	#myNavbar #homepageicon {
		width: 110px;
	}
	#myNavbar #areyoudoctor {
		width: 150px;
	}
	.navbar .btn-nav{
		font-size: 15px;
	}
	.book-form .online_consult{
		margin-top: 0px;
	}
	#box-form{
		padding-right: 0px;
	}
	.doctor{
		display:none;
	}
	.download-img{
		display:none;
	}
	.copyrt p{
		text-align: center;
	}
	.foo-wh-p {
		font-size: 14px;
		padding: 10px;
	}
	.footer-logo img {
		padding: 25px 0px 0px 0px;
		width: 136px;
	}
	.footer-social {
		text-align: center;
	}
	.soc-ic.abc {
		direction: rtl;
	}
	.soc-ic a img {
		padding: 40px 15px 0px 30px;
	}
	/* about section start */
	#about {
		margin-top: 135px;
	}
	.about-h3{
		display:none;
	}
	.about-text {
		padding-right: 0px;
	}
	.about-text p{
		width:100%;
	}
	.about-image{
		padding-right: 0px;
	}
	.about-image img{
		width:100%
	}
	.about-details {
		padding: 0px 60px 33px;
		margin-top: 0px;
	}
	.search_box .container-fluid {
		margin-left: auto;
	}
	#search-body .first-side , .tests-first-side{
        margin-bottom: 0px;
        position: sticky;
        padding-right: 15px;
        padding-left: 15px;
    }
    #slider-cd .img-loca p {
        width: 100%;
    }
    #doctor-list {
        padding-right: 0px;
        padding-left: 0px;
    }
    #doctor-list #slider-cd {
        padding: 10px 0px!important;
    }
    #search-body .search-filter #filter-h1::before {
        content: '\f107';
        font: normal normal normal 17px/1 FontAwesome;
        color: black;
        width: 20px;
        height: 30px;
        display: inline-block;
        text-align: right;
        float: right;
        margin-top: 5px;
    }
    #search-body .search-filter.active #filter-h1::before{
        content: '\f106';
    }
    #search-body .search-filter .filter-body {
        display: none;
    }
    #search-body .search-filter hr {
        display: none;
    }
    #search-body .search-filter.active .filter-body {
        display: block;
    }
    #search-body .search-filter.active hr {
       display: block;
    }
	.search_box .doctor-input {
		width: 24%;
	}
	.search_box .container-fluid {
		margin-left: 22px;
    }
    #drprofile-header {
        /* height: 230px; */
    }
	#dr-profile .container-fluid, #drprofile-header .container-fluid{
		margin-right: 40px;
	}
	#dr-profile .tabs-links .container-fluid, #dr-profile #clinic-info .container-fluid,
	#dr-profile #ratingAreviews .container-fluid,#dr-profile #doctorsInfo .container-fluid, #drprofile-header .container-fluid{
		padding-right: 0px;
		padding-left: 20px;
    }
    #dr-profile #doctorsInfo{
        margin-bottom: 25px;
    }
    #dr-profile #doctorsInfo .selectdiv, #dr-profile #doctorsInfo .doctor-details, .doctor-details2{
        padding-right: 0px;
        width: 100%;
    }
    #dr-profile #doctorsInfo .card{
        margin-bottom: 0px;
    }
	#dr-profile .nav-tabs li {
		padding-right: 18px;
	}
	#online_consult .consult_image{
		display:none;
	}
	.get-app{
		display:none;
	}
	#freqaskedquestions img, #SchemafreqaskedquestionsEN img{
		display:none;
    }
    .lab_city{
        padding-right: 0px !important;
        padding-left: 0px !important;

    }
    .lab_area{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}
@media (min-width: 910px) and (max-width:991px){
	.search_box .container-fluid {
		margin-left: 87px ;
    }
    #slider-cd .img-loca .clin-manager-loc {
        width: 82%;
    }
    .announce_section_card {
        margin-right: 13%;
        margin-left: 10%;
    }
    .announce_section {
        margin-left: -13%;
        margin-right: -16%;
    }
}
@media (min-width: 768px) and (max-width: 1023px) {
    /* Medical questions */
    .medicalQuestionImage img#ask{
        width: 53%;
        margin-top: 6% !important;
    }
    .blogCard .download{
        margin-right: 10px;
    }
    #medicalQuestions .searchResult .card .downloadApp .row {
        display: flex;
        /* flex-direction: column-reverse; */
    }
    #medicalQuestions #medicalQuestions-content .downloadApp img {
        height: 285px;
    }
    #medicalQuestions #medicalQuestions-content .downloadApp {
        text-align: center;
    }
    #medicalQuestions .searchResult .card .downloadApp h3, #medicalQuestions .searchResult .card .downloadApp p {
        text-align: center;
    }
    #medicalQuestions-content .Other-services .offline, #medicalQuestions-content .Other-services .online {
        margin: 5px 13px;
    }

    /* End of medical questions */
    .footer_row{
        display: contents;
    }
    .hero-text .row .end{
        text-align: start;
    }
    .book-form div {
        padding-left: 5px;
        padding-right: 5px;
    }
    .media_padding{
        padding:0 15px !important;
        display: block;
    }
    .prod_img_container img{height: auto;}
    .festures_container {
        overflow-y: hidden;
        overflow-x: auto;
        display: flex;
        white-space: nowrap;
       }
       #get_App .container-fluid .row {
        display: flex;
        flex-direction: column-reverse;
     }
     #get_App .app-download.row.download_now{display: block;}

     .testmonials .cards_container .carousel {
        display: block;
     }

     .testmonials .cards_container .col-md-4 {
        display: none;
     }
     .carousel-indicators {
        bottom: 20px;
        top: 95%;
    }
    #clinidoBlog .homeBlogImg {
        width: 120%;
        margin-top: 40% !important;
    }
    .blogCard h4 {
        font-size: 14px;
    }

    .firstSelect, .middleSelect, .LastSearchInput {
        border-radius: 8px!important;
    }
    .blogCard a, .blogCard p {
        font-size: 12px;
    }
    #clinido_best_choice .best-p {
        white-space: break-spaces;
    }
    #clinido_best_choice .card {
        padding: 0;
        margin: 0px 8px;
        white-space: nowrap;
        width: 50%;
        flex-shrink: 0;
    }
    .get-img .newdownloadImg {
        height: 400px !important;
        margin-top: 30px !important;
    }
    .hero-text .row .end{padding-left: 0px;}
    .vendors_slider .featuredParteners{    padding: 20px 0px 0 20px;    }
    .vendors_slider .nav-tabs, .homeChooseSpeciality, #clinidoBlog .blogSectionTitle{padding-left: 20px;}
    .app-download.download_now {
        width: 100%;
        justify-content: center;
    }
    #carousel-example-generic .carousel-inner>.item{padding: 5%;}
    .doctor_card h4 {
        padding-left: 6px;
    }
    .testmonials .cards_container{
        margin-top: 5px;
        margin-bottom: 5px;
    }
    .testmonials .cards_container #testmonial_indicators li {
        background: #fff;
     }

     .testmonials .cards_container #testmonial_indicators .active {
        background: #38b9db;
     }
     #clinidoBlog .blogCard{min-height: 213px;}
     #get_App .download_p {
        padding-top: 4px !important;
    }
    #get_App .get-content{margin-top: 15px;}
    .repeatedQ:after {
        width: 5%;
    }
    .repeatedQ:after {
        width: 5%;
    }
    .outside{display: none;}
    .tdologo{display: block !important;}
    .TDOLogo{display: none !important;}
    .tdobrand{
        float: right;
        width: fit-content !important;
        margin-right: -150%;
        margin-top: 20px;
    }
    .clinics_h1 {
        font-size: 22px;

    }
    .realtivesContainer{
        display:unset;
    }

/* .relative{width:fit-content !important;} */

	.nav > li > a {
		font-size: 15px;
	}
	.hero-text h1{
		font-size: 50px;
	}
	.book-form .btn{
		width:99%;
	}
	.get-h1{
		font-size: 20px;
	}
	.why-img img{
	  margin:0 auto;
	}
	.soc-ic {
		display: inline-block;
		float: left;
	}
	.footer-p {
		display: inline-block;
		float: left;
	}
	#slider .owl-nav .owl-prev {
		display:none;
	}
	#slider .owl-nav .owl-next {
		display:none;
	}
	.ab-h1 {
		font-size:40px;
	}
	.ab-p {
		font-size: 15px;
	}
	.ab-in{
		display:inline-block;
		float:left;
	}
	.abut-shp img{
		position: absolute;
		top: -240px;
		width: 130px;
		right: 0;
	}
	#doctor-list .doct-prof {
		margin-bottom: 10px;
	}
	.pd-60 {
		padding: 10px!important;
	}
	.doc-nmsp{
		text-align:center;
	}
	.card-h5 {
		float: left;
	}
	.crd-pp {
		padding: 20px 15px;
	}
	.cl-inner .ui-datepicker {
		width: 30em !important;
	}
	#calendar2 {
		background:none;
	}
	.wdsm h4{
		width: 100px;
	}
	.wdsm .smovl{
		width: 100px;
	}
	.smovl small{
		color:#4a4a4a !important;
		font-size:12px !important;
	}
	.prescription-items p{
		font-size:13px !important;
	}
	.clmdoble {
		display: block !important;
	}
	.cl-view{
		display:none !important;
	}
	#cale-wrap .card {
		margin-top: 10px;
		box-shadow: none;
		float: none;
	}
	#get .container-fluid{
		margin-right:66px;
		margin-left:66px;
	}
	.app-download .web-img{
		width: 100%;
		margin-bottom: 16px;
	}
	.app-download .mobile-img{
		display: none;
	}
	.app-download img{
		width: 100%;
	}
	.foo-wh-p {
		font-size: 16px;
	}
	/*bookyourappointment page start*/
	#bookyourappoint .book-appoint-form .btn-nav {
		width:100%;
	}
	#bookyourappoint .book-appoint-form .btn-nav-off {
		width:100%;
	}
	#thank_after_appoint .second-side .container-fluid {
		padding-right: 15px;
	}
}
@media(min-width :992px) and (max-width:1023px)
{
    .Payment-card label {
        width: 75%;
        vertical-align: middle;
    }
	#best-choice .best{
		width:100%;
		height:565px;
	}
	#best-choice .best .center img{
		margin:0px;
	}
}
@media(min-width :992px) and (max-width:1164px){
    .service_offer {right: -6% !important;}

    .outside{
        width: 35rem;
        margin-top: 10%;}
    .inside {width: 40rem;}
    .inside img{margin-left: -35px;}
    .announce_section{
        margin-right: -18.7%;
        margin-left: -55%;
        }
	#search-body .filter-body .filter-reviews input[type="radio"] + label{
		height:auto;
	}
	#search-body #slider-cd .details .value, #dr-profile .details .value a, #dr-profile .details .value {
		font-size: 9px;
	}
}
@media(min-width :992px) and (max-width:1200px){
	.get-app .download-img img{
		display:none;
    }
    #slider-cd .img-loca .clin-manager-loc {
        width: 74%;
    }

}
@media (min-width: 1024px) and (max-width: 1336px) {
    #medicalQuestions #medicalQuestions-content .downloadApp img{
        height: auto;
        width: 100%;
    }
    .hero-text #Home_h1{
        font-size: 45px;
        margin-top: 0;
    }
    .hero-text .row .end {
        text-align: center;
        padding-left: 0;
        margin-top: 20px;
    }
    .hero-text #Home_h2{
        font-size: 24px;
    }
    .hero-text2 #Home_call{
        width: 110px;
    }
    .hero-text2 #Home_call img{
        margin: 6px 0px 9px 2px;
    }
    .product_card p, .blogCard p, .blogCard a, #best-choice .best-p, #clinido_best_choice .best-p  {

        font-size: 12px !important;
    }
    #clinido_best_choice .best-h4{
        text-align: center;
    }
    .get-img .newdownloadImg {
        height: auto !important;
        margin-top: 25% !important;
    }
    #clinidoBlog .homeBlogImg {
        width: 104%;
        /* float: right; */
        margin-top: 15% !important;
    }
    #get_App .getApp_p {
    line-height: 1.5 !important;}
    #clinidoBlog .blogCard{min-height: 230px;}
    .repeatedQ:after {
        width: 4%;
    }
    .announce_section {
        margin-right: -23.7%;
        margin-left: -57%;
    }
    .announce_section_card {
        margin-right: 12%;
    }
    .announce_value {
        font-size: 12px;
    }
   #call{
		margin-left: 0px;
   }
  .abut-shp img{
		position: absolute;
		top: 25px;
		width: 200px;
		right: 0;
	}
	#best-choice .best{
		width: 95%;
		height:550px;
	}
	#best-choice .best .center img {
		margin: 0% 0% 0% 0%;
	}
	.get-h3{
		line-height: 1.2;
	}
	.app-download .web-img{
		width: 100%;
		margin-bottom: 16px;
	}
	#get .app-download .mobile-img{
		display: none;
	}
	#bookyourappoint .book-appoint-form .btn-nav{
		margin-right: 9px;
	}
	.get-app .get-content{
		margin-top:30px;
    }
    #slider-cd .img-loca .clin-manager-loc {
        width: 75%;
    }
    #drprofile-header .dots-container .dots{    margin: 7px 2px;}
}

#preloader, #booking_preloader  {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  /* change if the mask should have another color then white */
  z-index: 9999;
  /* makes sure it stays on top */
}
#booking_preloader img{
    position: fixed;
    top: 0;
    left:0;
    right:0;
    bottom: 0;
    margin:auto;
    width: 300px;
    background-color: white;
    opacity: 100%;
    border-radius: 8px;
}

.lds-roller {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
  top:45%;
  left:45%;
}
.lds-roller div {
  animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 32px 32px;
}
.lds-roller div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background:#5bc0de;
  margin: -3px 0 0 -3px;
}
.lds-roller div:nth-child(1) {
  animation-delay: -0.036s;
}
.lds-roller div:nth-child(1):after {
  top: 50px;
  left: 50px;
}
.lds-roller div:nth-child(2) {
  animation-delay: -0.072s;
}
.lds-roller div:nth-child(2):after {
  top: 54px;
  left: 45px;
}
.lds-roller div:nth-child(3) {
  animation-delay: -0.108s;
}
.lds-roller div:nth-child(3):after {
  top: 57px;
  left: 39px;
}
.lds-roller div:nth-child(4) {
  animation-delay: -0.144s;
}
.lds-roller div:nth-child(4):after {
  top: 58px;
  left: 32px;
}
.lds-roller div:nth-child(5) {
  animation-delay: -0.18s;
}
.lds-roller div:nth-child(5):after {
  top: 57px;
  left: 25px;
}
.lds-roller div:nth-child(6) {
  animation-delay: -0.216s;
}
.lds-roller div:nth-child(6):after {
  top: 54px;
  left: 19px;
}
.lds-roller div:nth-child(7) {
  animation-delay: -0.252s;
}
.lds-roller div:nth-child(7):after {
  top: 50px;
  left: 14px;
}
.lds-roller div:nth-child(8) {
  animation-delay: -0.288s;
}
.lds-roller div:nth-child(8):after {
  top: 45px;
  left: 10px;
}
@keyframes lds-roller {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}




.clinics_h1 {
    font-size: 22px;
    color: #004f6c;
    font-weight: bold;
    font-family: FFShamelFamily-SansOneBold;
    line-height: 1.63;
    margin-top: 0;

}

@media (min-width: 300px)  and (max-width: 600px) {
    .clinics_h1 {
        font-size: 16px;

    }
    h3.serv_cost_details {
        padding-top: 15%;
        margin-left: 15px;
    }

}

@media (min-width: 800px) and (max-width: 1000px) {
    .clinics_h1 {
        font-size: 22px;
    }


}
