/***************** Margin Css Starts *******************/

.mt-10
{
    margin-top:10px !important;
}

.mb-20
{
    margin-bottom:10px !important;
}

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

.mb-20
{
    margin-bottom:20px !important;
}

.mt-30
{
    margin-top:30px !important;
}

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

.mt-40
{
    margin-top:40px !important;
}

.mb-40
{
    margin-bottom:40px !important;
}

/***************** Margin Css Ends *******************/


/***************** Padding Css Starts *******************/

.p-5
{
    padding:5px !important;
}

.pt-10
{
    padding-top:10px !important;
}

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

.pt-20
{
    padding-top:20px !important;
}

.pb-20
{
    padding-bottom:20px !important;
}

.pt-30
{
    padding-top:30px !important;
}

.pb-30
{
    padding-bottom:30px !important;
}

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

.pb-40
{
    padding-bottom:40px !important;
}

.pt-50
{
    padding-top:50px !important;
}

.pb-50
{
    padding-bottom:50px !important;
}

.pl-0
{
    padding-left:0px !important;
}

.pr-0
{
    padding-right:0px !important;
}

/***************** Padding Css Ends *******************/


/***************** Button Css Starts *******************/

.btn-bright-green
{
    background: #179715 !important;
    color:#fff !important;
}

.btn-bright-green i
{
  background: #fff !important;
  color:#179715 !important;
}

.btn-doctor-action
{
    padding: 8px 30px;
    padding-left: 15px;
    font-size: 12px;
}

.btn-doctor-action i
{
   height: 20px;
   width: 20px;
   line-height: 20px; 
}

/***************** Button Css Ends *******************/


/***************** Header Css Starts *******************/

.logo-box
{
	max-width:17%;
}

.logo-main
{
	/*width:40%;*/
}

/***************** Header Css Ends *******************/


/***************** Website Css Starts *******************/

.appointment-content-popup form .form-group .icon {
    position: absolute;
    left: 0;
    top: 0;
    color: #1c72a4;
    font-size: 17px;
}

.appointment-content-popup form .form-group {
    position: relative;
    padding-left: 30px;
    margin-bottom: 0;
    margin-top: 25px;
    font-size: 15px;
}

.appointment-content-popup form .form-group label {
    display: block;
    text-transform: uppercase;
    color: #7d7d7d;
    margin-bottom: 8px;
    font-size: 13px;
    font-weight: 500;
}

.appointment-content-popup form .form-group .form-control {
    border: none;
    height: auto;
    border-bottom: 1px solid #eeeeee;
    font-size: 15px;
    font-weight: unset;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 8px;
}

.appointment-content-popup form .form-group .nice-select {
    background-color: transparent;
    color: #121521;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #eeeeee;
    height: unset;
    line-height: initial;
    padding: 0 35px 8px 0;
    font-size: 15px;
    font-weight: unset;
}

.appointment-content-popup form .form-group .nice-select.open .list
{
    background:#fff;
}

.appointment-content-popup form .submit-btn .btn
{
    font-size:13px;
    width: 100%;
    border-radius: 0px;
    margin-top:20px;
}

.selectForm
{
    width:100%;
    border: none;
    height: auto;
    border-bottom: 1px solid #eeeeee;
    font-size: 15px;
    font-weight: unset;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 8px;
    color: #64666a;
}

.main-banner
{
    height:500px;
}

.home-highlight-box .icon
{
    margin:auto;
    margin-bottom: 20px;
    width: 70px;
    height: 70px;
    line-height: 70px;
    font-size: 35px;
}

.home-highlight-box h3
{
    font-weight: 600;
    line-height: 29px;
}

.our-mission-content ul li .icon
{
    width: 70px;
    height: 70px;
    line-height: 70px;
    font-size: 35px;
}

.call-to-action , .call-to-action p
{
    max-width:80%;
    margin:auto;
}

.call-to-action p:last-child
{
    margin-top:3%;
    margin-bottom:3%;
}

.call-to-action h2
{ 
    margin-top:3%;
    margin-bottom:3%
}

.single-services-box
{
    height:400px;
}

.single-doctor-box .doctor-image img
{
    width:100% !important;
    height:360px;
}

.awards-certificates
{
    max-width:100%;
}

.single-blog-post .post-image img
{
    height:250px;
    width:100%;
}

.single-vision-box-about .icon
{
    margin:auto;
    margin-bottom:20px;
}

.single-vision-box-about h1
{
    font-weight:bold;
}

.single-vision-box-about p
{ 
    font-size: 18px;
    color: #000;
}

.single-vision-box:hover h1
{
    color:#fff;
}

.why-choose-us
{
    max-width:100%;
    margin-left:0px;
    padding-right:0px;
    text-align:center;
}

.why-choose-us ul li .icon
{
    margin:auto;
    margin-bottom:20px;
    width: 60px;
    height: 60px;
    line-height: 60px;
}

.why-choose-us ul li:hover .icon
{
    background: #fff;
}

.feedback-slides .client-feedback .single-feedback
{
    min-height:300px;
}

.skill-desc-2 ul
{
    padding-left: 0;
    list-style-type: none;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-family: "Rubik", sans-serif;
    margin-top: 10px;
    margin-bottom: 0;
    margin-right: -15px;
    margin-left: -15px;
}

.skill-desc-2 ul li 
{
    font-family: "Rubik", sans-serif;
    -ms-flex: 0 0 90%;
    -webkit-box-flex: 0;
    flex: 0 0 90%;
    max-width: 90%;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
}

.skill-desc-2 ul li span {
    padding-left: 34px;
    display: block;
    position: relative;
}

.skill-desc-2 ul li span i
{
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    border-radius: 70% 30% 30% 70% / 60% 40% 60% 40%;
    background-color: #d2f5e1;
    color: #1c72a4;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    display: inline-block;
    font-size: 11px;
    position: absolute;
    left: 0;
    top: -2px;
}

.skill-desc-2 ul li span:hover i 
{
    background-color: #1c72a4;
    color: #ffffff;
}

.btn-doctor-action-big
{
    padding: 10px 40px;
    padding-left: 15px;
    font-size: 15px;
}

.btn-doctor-action-big i
{
    height: 25px;
    width: 25px;
    line-height: 25px;   
}

.social-share .social
{
    padding-left: 0;
    list-style-type: none;
    margin-top: 18px;
    margin-bottom: 0;
}

.social-share .social li {
    display: inline-block;
    margin-left: 2px;
    margin-right: 2px;
}

.social-share .social li:first-child {
    margin-left: 0;
}

.social-share .social li a {
    display: block;
    color: #1c72a4;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    background-color: #def5ee;
    text-align: center;
    font-size: 14px;
}

.bg-theme-light
{
    background-color:#def5ee !important
}

.sticky-top
{
  top: 12%;
  position: sticky;
  z-index: 99;
}

.nav-pills .nav-link
{
    color:#0f7ca5;
    font-weight:600;
    font-size: 14px;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link
{
    background-color: unset;
    color: #06384b;
    border-bottom: 2px solid #000;
    border-radius: 0px;
}

#sticky-navbar
{
    background-color: #e3f3f6 !important;
    padding-bottom: 0;
    overflow-x: auto;
}

#sticky-navbar .nav {
    flex-wrap: nowrap;
}

.content-detail
{
    max-width: 100%;
    padding-left: 10%;
    padding-right: 10%;
    padding-bottom: 0px;
    padding-top: 0px;
}

.content-detail h2
{
    font-size:30px;
}

.content-detail ul
{
    list-style: inherit;
    margin-left:2%;
    display: block;
    width: 100%;
}

.content-detail ul li
{
    line-height: 24px;
    padding-left: 0px;
    max-width: 100%;
    width: 100%;
}

.career-info
{
    background: #eeeeee75;
    padding: 8% 5%;
}

.career-info ul li a
{
    display:inline;
    font-weight: 500;
    color: #222;
    font-size: 20px;
}

.showMobile
{ 
    display:none;
}
		
.requestCall
{
	position: fixed;
    bottom: 0px;
	background: #e1e1e1;
	width: 100%;
	/*padding-top: 10px !important;
	padding-bottom: 10px !important;
	padding-right: var(--bs-gutter-x, .75rem);
	padding-left: var(--bs-gutter-x, .75rem);*/
	margin-right: auto;
	margin-left: auto;
    z-index: 9999;
    padding:0px;
}

.requestCall .d-flex
{
    width:100%;
}
		
.rqst-call-btn
{
	border: 1px solid #179715;
	background:#179715;
	color:#fff;
	padding: 10px 15px;
	border-radius: 3px;
	font-size: 17px;
	float: left;
	width: 50%;
    /*margin-right: 5px;*/
	font-weight: bold;
    text-align: center;
    border-radius: 0px;
    margin:0px;
}
		
.rqst-whatsapp-btn 
{
	border: 1px solid #1c72a4;
    background: #1c72a4;
	padding: 10px 15px;
	border-radius: 3px;
    font-size: 17px;
	float: left;
	width: 50%;
	font-weight: bold;
	color: #fff;
    text-align: center;
    border-radius: 0px;
    margin:0px;
}
		
.requestCall i
{
	background: #fff;
    padding: 6px;
    border-radius: 50%;
    font-size: 13px;
    margin-right: 6px;
}
		

.footer-contact li i
{
    margin-right:3%;
    color:#118cd3;
}
/***************** Website Css Ends *******************/


/***************** Mobile Css Starts *******************/

@media only screen and (max-width: 991px) {
     .hideMobile 
    {
       display: none !important;
    }
		  
	.showMobile 
    {
       display: flex !important;
    }
    .navbar-area
    {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .fovia-responsive-nav .logo
    {
        /*width: 20%;*/
    }
    .fovia-responsive-nav .logo img
    {
        /*width: 50%;*/
    }
    .fovia-responsive-nav .others-options .cart-btn
    {
        top:13px;
    }
    .mean-container a.meanmenu-reveal
    {
        top:15px;
    }
    .fovia-responsive-nav .others-options .cart-btn img
    {
        width:50% !important;
    }
    
}

/***************** Mobile Css Ends *******************/