/*************************8      header css           ****************************************************/

.shrink{background-color:#fff;box-shadow: 0px 25px 20px -20px rgba(0,0,0,0.25);z-index:999;}

.logo {max-height:112px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
.shrink .logo {max-height:50px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s; margin:4px 0px;}

.main-nav{position:absolute;z-index:99;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
.shrink .main-nav{background-color:#000;box-shadow:0px 5px 12px rgba(0,0,0,.5);}

/*.main-nav .logo{margin-top:-17px;}*/
#Navigation{margin:0px;}
.navbar .nav-item{margin:0px 6px;font-size:14px;font-weight:400;}
.navbar .nav-item .nav-link{color:#fff;padding:0px;}
.navbar .nav-item.active .nav-link,.navbar .nav-item .nav-link:hover{color:#F8C774;}
.shadow img{ object-fit: cover;transition: all .3s ease;}
.shadow:hover img{transform:scale(1.1);} 
.booking-box{text-align:center}
.booking-box .wp-block-group__inner-container{
	    border: 2px solid #000;
	display: inline-block;
	    padding: 1rem!important;
}
/**********                Home page css       *******************************/

.banner .bnr-shadow {position: absolute;top: 0px;z-index: 89;background: url(../images/bnr-shadow.png) repeat-x top left;height: 100%;width:100%;}
.services p{height:40px;line-height:1.4;}
.wp-block-button .wp-block-button__link.is-style-outline:not(.has-background), .wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background){text-decoration: none !important;text-transform: uppercase;border-radius: 0px;font-size: 14px;font-weight: 400;}
.wp-block-button__link{padding: 14px 40px;border: 1px solid;padding: 14px 40px !important;font-size: 14px !important;text-transform: uppercase;}
.wp-block-button__link:hover,.btn:hover{background-color: #e1e1e1 !important;color:#000 !important}
.bg-op{background:#0000005c;padding: 40px 100px;border-radius: 30px;}
#Navigation{margin:0px;}

.dropdown:hover>.dropdown-menu {display: block;background: #000;}
.dropdown-item:focus, .dropdown-item:hover {color:#fff;background-color:#00A1E4;}

.dropdown-menu{min-width:17rem;border:0}

.menu-item-has-children a:first-child:after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}
.menu-item-has-children .dropdown-menu a:after{border:0}
.footer .menu-item-has-children a:first-child:after, .footer .menu-item-has-children .dropdown-menu a:after{border:0}
.main-nav{z-index:999;} 
.wpcf7 p{margin-bottom:0}
.wp-block-table td, .wp-block-table th{border:0 !important}

.ufw_wb_inner{background:url('https://sac.elevateomdev.com/themedicineiswithin/wp-content/uploads/2024/01/banner1-e1704872227381-1.jpg');
background: rgb(235,197,153);
background: radial-gradient(circle, rgba(235,197,153,1) 0%, rgba(224,165,127,1) 50%, rgba(208,119,94,1) 100%);
background:radial-gradient(circle, rgba(235,197,153,1) 0%, rgb(248 199 116) 50%, rgb(248 199 116) 100%);	
}
#ufw_1 .ufw_title, #ufw_1 .ufw_col{background: /*#e7b990*/#ffa000;text-align:center}
.ufw_close_btn{background-color:transparent !important;}
#ufw_1 .ufw_wb{border-radius:10px !important}
.border-2{border:2px solid #000}
.inline-block{display:inline-block}
.display-4 {
    font-size: 2.5rem;
}
.bottom-50{bottom:50px !important}
/**************              Footer                 ******************************/


/********************     Media query       ***************************************/

@media (min-width: 1920px){
	.banner img {height:700px; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center;}
	.page-banner img {height:600px;}
	.contact{background:url('../images/circle.jpg') 5% 70% no-repeat,url('../images/circle-rev.jpg') 95% 70% no-repeat!important;}
}

@media (min-width: 1600px){
	.contact{background:url('../images/circle.jpg') 1% 70% no-repeat,url('../images/circle-rev.jpg') 99% 70% no-repeat;}
}

@media (min-width: 1200px){
	.container {max-width: 1170px;}
	.display-6{font-size:45px;}
}

@media (min-width: 991.98px) and (max-width: 1199.98px) {   /**                       FOR IPAD   ***********************/
	.navbar .nav-item {margin: 0px 6px;font-size:13px;}
	.services p{font-size:14px;}
}

@media (max-width: 991.98px) { 
	.py-100,.py-60,.py-80{padding-top:50px;padding-bottom:50px;}
	.main-nav{position:static;background-color:#000;}
	.navbar .nav-item .nav-link{padding:10px;}
	
	.img-about{width:100%;}
}

@media (min-width: 768px) and (max-width: 991.98px) { 
	#Navigation{justify-content: center; width:100%;margin:0px 0px 0px;} 
}

@media (max-width: 767.98px){
	.container {max-width:100% !important;}
	.bg-op{padding:10px}
}

@media (max-width: 575.98px){
	.banner img {height:300px;width: 100%;-o-object-fit: cover;object-fit: cover;-o-object-position: center;object-position: center;}
	.navbar-brand {display: block;max-width: calc(100% - 90px);}
	.bg-op h1{font-size:28px;}
	.bg-op h5{font-size:16px;}
	.bg-op .btn{font-size:14px !important}
}

.animated.slower {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-duration: calc(var(--animate-duration)*3);
    animation-duration: calc(var(--animate-duration)*3);
}