/*
Theme Name: SHH
Theme URI: saayami.com
Author: Saayami
Author URI: Saayami.com
Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors.
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks, accessibility-ready
Version: 1
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 7.0
Use it to make something cool, have fun, and share what you've learned with others.
*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root{
    --blue-color:#15429b;
}
.google-location{
    height: 500px;
}
body{
    margin: 0;
    padding: 0;
    font-family: 'Montserrat', sans-serif;
}
.btn:hover{
    color: #fff;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin: 0;
}
a{
    text-decoration: none;
}
p{
    margin: 0;
}
.no-pad{ 
    padding: 0;
}
.no-mar{
 margin: 0;
}
.overflow-hidden{
	overflow:hidden;
}
.no-gut{
    --bs-gutter-x:0 !important;
}

.title{
    font-size: 16px;
    color: #06245a;
    font-weight: 500;
    text-transform: uppercase;
   
}
.sub-title{
    padding-top: 5px;
}
.testi-b{
	display: flex;
	justify-content: space-evenly;
}
.padtop-60{
    padding-top: 80px;
}

.padtb-80{
    padding: 80px 0;
}
.card-text{
    padding: 10px 0;
}

.card-title{
    color: #15429b;
}

/* for top-bar */
.top-bar{
    background: #15429b;
    padding: 5px;
}
.top-text{
    font-size: 12px;
    padding-top: 10px;
    padding-left: 80px;
}
.social-icon{
    padding-left: 250px;
}

.social-icon  .fab{
    color: #000;
    margin: 0 2px;
    padding: 8px;
    background: #fff;
    border-radius: 50%;
    margin-top: -7px;
    font-size: 10px;
}

.social-icon  .fb{
    padding-left: 10px;
    padding-right: 10px;
}
.safal-details{
    position: relative;
    left: 10px;
}
.dropdown-menu> .menu-item-has-children> .dropdown-menu{
	left: 100% !important;
    top: 0%;
}
/****************************/
.introduction{
	background:#fcfcfc;
}
.searchwp-modal-form__content form{
	width:98% !important;
}
.searchwp-modal-form__close{
	color:white !important;
}
.search-form button{
	background: #16469D;
}
/* navigation nav */
.navbar{
    
    background-color: #16469D;
    padding: 15px 0;
  
}
.navbar-light .navbar-nav .nav-link {
  color:#fff;
  padding: 0 15px;
  font-size: 16px;
  font-weight: 600;
}
.navbar-light .navbar-nav .nav-link:hover{
	color:#6bd34c;
}
.card-body{ 
    padding: 20px;
    border: 1px #cccccc solid;
    border-radius: 10px;
    margin-top: 5px;
    }

.call-now
{
    padding-left: 12%;
}
.mail-now{
    padding-left: 2%;
}
.logo{
    padding: 10px;
}

.menu-logo{
    margin-left: -60px;
    cursor: pointer;
}
.author .post-date{
	font-size:12px;
}
.call{
    transform: rotate(315deg);
}

.contact-icon{
    padding: 20px 0;

}

.navbar-nav li ul {
    left: auto !important;
}
.dropdown-menu li{
    padding: 10px;
}
.contact-icon .fas{
    padding: 7px;
    background: #fbebeb;
    border-radius: 50%;
    color: #BF0000;
    font-size: 24px;
}
.about-physio {
    text-align: left !important;
}
.contact-text{
   padding-left: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.first-text{
    font-size: 12px;
    font-weight: 300;
}

.sec-text{
    font-size: 15px;
    font-weight: 600;
}

.appointment-btn{
    background-color: #bf0031 !important;
    color: #fff !important;
    margin: 18px 0px;
    
    border-radius: 25px;
    font-size: 14px;
    padding: 10px 20px;
}

.menu-logo .fas{
    margin:15px 0;
    font-size: 20px;
    background: rgb(251, 235, 235);
    color: #BF0000;
    border-radius: 50%;
    padding: 15px;
}

.menu-logo .fas:hover{
    
    background: #15429b;
    color: #60bb45;
    transition: .5s ease-in;
    
}

/* navigation end */

/* hero section */



/* hero section end */

/* unit section */
.unit-section{
    margin-top: 0px;
    position: relative;

}
.unit-box{
    background-color: var(--blue-color);
    color: #fff;
    padding: 36px 10px;
}
.accordion-header>button{ font-size:23px; }
.unit-icon{
    margin-top:-25px;
}
.unit-icon::after{
    content: '';
    display: block;
    height: 55px;
    width: 2px;
    background: #fff;
    margin-left: 95px;
   margin-top: -75px;
   margin-right: 10px;
}

.unit-detail h3{
    font-size: 23px;
    font-weight: 800;
}

/* unit section end */

/* introduction */
.clinic-intro{
    background: #f9f7f1;
}
.intro-part{
    padding-top: 60px;
}
/* .check-icon .fas{   
    color: #ffffff;
} */
.intro-list{
    padding-top: 20px;
}
/* intro end */

.intro-end{
    margin-top: 20px;
}
.intro-end button{
    background: #15429b;
    padding: 15px 10px;   
}
 .card-icon i{
        margin-top: 7px;
    }
   .card-btn{
    background: #15429b;
    padding: 10px 15px;
    border-radius: 5px;
   }
.card-btn:hover {
	border:1px solid #60bb45;
	
}
.owl-nav {
  position: absolute;
  top: 40%;
  width: 100%;
  display: flex;
  justify-content: space-between;
  pointer-events: none; /* Allows clicks to pass through if needed */
}

.owl-nav button.owl-prev,
.owl-nav button.owl-next {
  background-color: rgba(0,0,0,0.5);
  color: #fff;
  font-size: 24px;
  border: none;
  padding: 10px 15px;
  pointer-events: all; /* Enable clicks on arrows */
  border-radius: 50%;
  transition: background 0.3s;
}
.owl-prev{
	position: absolute;
    left: -30px;
    bottom: -276px;
}
.owl-dots{
	display:none;
}
.owl-next{
	position: absolute;
    right: -50px;
    bottom: -276px;
}
.owl-nav button.owl-prev:hover,
.owl-nav button.owl-next:hover {
  background-color: rgba(0,0,0,0.8);
}
.owl-carousel {
  position: relative;
}
.owl-nav button span {
  font-size: 30px;
}
.owl-carousel .owl-nav.disabled {
    display: block !important;
}

.dash
{
    content: '';
    display: block;
    height: 60px;
    width: 5px;
    background: #60bb45;
   margin-left:20px;
	margin-top:3px;
}
.dr-img img{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-top: 8px;	
}
.dr-img1{
	border:3px solid #dfdfdf;
}
.dr-img1:hover{
	border:3px solid #60bb45;
	transition:1s;
}
/* intro end end */
.intro-img{
   padding-top:20px; 
}
/* introduction end */
/* service section */
.card-body a{
    color: #000;
}
/* service section end */
/* doctor consult */
.dr-consult{
    margin-top: 80px;
    background: #06245a;
    color: #fff;  
}

.consult-details , .dr-number{
   
    padding-left: 60px;
}

.consult-img img {
    animation: zoom-in-zoom-out 10s ease-out infinite;
	-webkit-animation: zoom-in-zoom-out 10s ease-out infinite;
	-moz-animation: zoom-in-zoom-out 10s ease-out infinite;
}
@keyframes zoom-in-zoom-out {
    0% {
    transform: scale(1, 1);
    }
    50% {
    transform: scale(1.1, 1.1);
    }
    100% {
    transform: scale(1, 1);
    }
    }
.dr-number{
    padding-top: 40px;
}
.dr-icon{
    float: left;
	margin-right:10px;
}
.dr-icon .fas{
    font-size: 40px;
    margin-right: 12px;
    margin-top: 15px;
}

.dr-icon .fas:hover{
    transform: scale(1.1) ;
  
    color: #60bb45;
    transition: .5s ease-in;
}

.doc-num span{
    font-size: 32px;
    font-weight: 600;
}

.doc-num p{
    font-size: 12px;
}
/* doctor consult end*/

/* tips section */
.tips{
    margin: 5%;
    margin-top: 80px;
    
}
.tips-box{
    min-height: 300px;
    background-color: #60bb45;
    padding: 30px 40px;
    color: #fff;
}
.tips-box01{  
	border:1px #CCC solid;
	background:#FFFFFF;
}
.learn{
    margin: 40px 0;
}
.learn span {
    
    border: 1px solid rgb(240, 255, 107);
    background-color: #15429b;
    border-radius: 50%;
    padding: 20px;
    font-size: 31px;
    font-weight: 700;
    
}

.learn-desc p{
    font-weight: 600;
    padding-top: 10px;
    padding-bottom: 5px;
	color:#444444;
	font-size:25px;
}

.learn-desc span{
	color:#444444;
    font-size: 14px;
    margin-bottom:24px;
	display:block;
}

.tips-title{
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 5px;
}
/* tips section end */
/* testimonials */

.testimonials{
    background: #f9f7f1;
    padding-bottom: 360px;
}
.testi{
    padding-top: 100px;
}
.testi-title{
	margin:10px;
	background:#000;
	border:1px solid #16469C;
	border-radius:5px;
	overflow:hidden;
}

.modal-content{
    width: 100%;
    background: none;
    border: none;
}
.testimonials-video{
    margin-top: 40px;
}
.btnplayovelay-text .far{
    cursor:pointer;
    vertical-align: center;
   color: #FF7F7F;
	
}
.btnplayovelay-text {
	bottom:0;
	padding:20px;
}
.btnplayovelay-text>h2{
	font-size:20px;

}
.btnplayovelay-text .far:hover{
    color: #fff;
    text-align: center;
    -webkit-animation: glow 1s ease-in-out infinite alternate;
    -moz-animation: glow 1s ease-in-out infinite alternate;
    animation: glow 1s ease-in-out infinite alternate;
}
@-webkit-keyframes glow {
    from {
      text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #e60073, 0 0 40px #e60073, 0 0 50px #e60073, 0 0 60px #e60073, 0 0 70px #e60073;
    }
    to {
      text-shadow: 0 0 20px #fff, 0 0 30px #ff4da6, 0 0 40px #ff4da6, 0 0 50px #ff4da6, 0 0 60px #ff4da6, 0 0 70px #ff4da6, 0 0 80px #ff4da6;
    }
  }

.btnplay-overlay{
	height:40%;
	width:100%;
	bottom:0;
	background-image: linear-gradient(to top, rgb(1 0 10 / 95%), rgb(255 255 255 / 0%));
}
/* testimonial end */

/* blog section */

.blog-section{
    padding-bottom: 60px;
}

.blog-part{
    margin-top: 40px;
}
.blog-icon .far{

    color: #FF7F7F;

}
.author span{
    
    font-size: 14px;
    font-weight: 200;
    color: #1e1e1e;
    padding-left: 10px;
}
.author a{
    text-decoration: none;
    font-size: 12px;
    font-weight: 200;
    color: #1e1e1e;
    padding-left: 10px;
}
/* blog section end */
/* contact section */
.contact-section, .contact-form-section{
    
   padding-bottom: 40px;
    background: #1b2128;
    color: #fff;
}
.contact{
    margin: 0 200px;
    padding-top: 80px;
    padding-bottom: 40px;
}
.cnt-textlist{
    padding: 5px 25px;
    font-size: 14px;
}

.trust{
    width: 350px;
    background: #60bb45;
    padding: 20px;
    margin-top: 20px;
}

.trust i{
    font-size: 40px;
    padding: 5px 10px;
}

.trust p{
    font-size: 14px;

}


/* contact form */

.contact-form{
    background-color: #fff;
    color: #000;
    margin-top: 80px;
   
  
}
contact-left{
	margin-left:30px;
}
.form-control{
    background: #f9f7f1;
    padding: 15px 10px;
    margin-top: 10px;
    border: none;
    border-radius: 5px;
}

.contact-title{
    background: #15429b;
    color: #fff;
    padding: 10px 0;
   
}
.contact-title  h3{
    font-size: 24px;
    padding: 5px 0;
   
}

.contact-body{
    
    padding-top: 15px;
}

.contact-details{

    padding: 20px 30px 0px;

}

.contact-body span{
    font-size: 14px;
    color: #1b2128;
	
	display:block;
}

.message-box{
    padding-bottom: 100px;
}

.cnt-btn{
    background: #60bb45 !important;
    padding: 10px 15px;
    border-radius: 5px;
    color: #fff !important;
    margin-top: 20px;
}
.physiounit2-img{
	display:flex;
}
footer{
    background: #15429b;
    color: #fff;
	padding:20px 10px;
}

footer p a{
	color:white;
	font-size:14px;
}
/* contact section end */

/*  success  */

.success-img img{
    border-radius: 50%;
    margin-top: -150px;
}

.success-text{
    padding: 20px;
    background: url('http://saayamitech.com.np/dipti/wp-content/uploads/2022/02/slider.jpg');
}
.our-success{
    margin-top: 80px;
}


.success-testimonials{
    margin-top: 30px;
}
/*  success  end */


/* responsive */

/*********************************************************************************************************************/
.migraine-feature{
    border: 1px solid #60bb45;
    padding: 8%;
    min-height: 336px;
	border-radius:10px;
}
.feature-title{
	    color: #15429b;
	    font-size: 28px;
    margin-top: 15px;
}
.searchwp-modal-form-default .searchwp-modal-form__close {
    margin: 0 0 0 auto !important; 
}


.owl-theme .owl-nav [class*=owl-]:hover {
  background:none !important;
	color:black !important;
}
.contactleft{
		margin-right:50px;
	}
#physioslide .owl-nav{
	display:none;
}
.appointment-box .d-flex{
	justify-content:end;
}
.call-up a i{
	    position: fixed;
    font-size: 20px;
    bottom: 20px;
    left: 20px;
    color: white;
    background: #BF0031;
    padding: 15px;
    border-radius: 50%;
}
@media only screen and (max-width: 768px) {
	
	.head-section{
		position: fixed;
    z-index: 99;
    background:#fff;
    width: 100%;
    height: 70px;
	}
	.logo{
		text-align:left!important;
	}
	.logo a img{
		width:110px;
		padding: 10px 0px 0px 10px;
		
	}
	.navbar-toggler{
		position: fixed;
    right: 25px;
    top: 25px;
    z-index: 999;
	}
    .top-text{
        font-size: 8px;
        padding: 0%;
    }
.contact-icon .fas{
    font-size: 10px;
}
    .unit-section{
        margin: 0;
    }
    .unit-box{
        padding: 20px 10px;
    }
	.hide{
		display:none;
	}
    .navbar{
        color: #000;
	    padding-top: 85px;
    }
  .navbar-light .navbar-nav .nav-link {
        color: #000;
        padding-top: 10px;
    }
      .card{
        margin-top: 10px;
        width: 22rem !important;
    }
    .intro-part , .consult-details , .dr-number {
        padding-left: 25px;
    }
    .services{
        text-align: center;
    }
  
    .dash{
       top: -65px;
    left: 210px;
    }
    .trust{
 width:280px;
    }
	.migraine-feature{
		margin-bottom:20px;
	}
	.btn-appoint{
		justify-content:start!important;
	}
		.physio-slider {
    margin-top: 30px !important;
}
	.about-physio {
    text-align: left !important;
}
	.service-title {
    padding: 30px !important;
}
	.navbar-nav .dropdown-menu {
    border: none;
    padding-left: 15px;
	}
	.testi-b{
	display: block;
}
	.testimonials {
    padding-bottom: 350px;
}
	.testimonials .nex-prev{
		display:none;
	} 
	.doc-num span {
    font-size: 20px !important;
	}
	.dropdown-menu li{
    padding: 2px;
}
	iframe{
	  width: 335px !important;
    padding: 10px;
		height:auto;
	}
	.pad-mob{
		padding:10px;
	} 
	.owl-prev{
    left: 5px;
}

.owl-next{
    right: -15px;
}
	.owl-nav button span {
    font-size: 37px !important;
    padding: 0 5px !important;
}
	.dr-consult .padtb-80 {
    padding: 0px 0 50px;
}
	.testi {
    padding-top: 60px;
}
	.contact-body span {
		    padding: 0px 20px;
	}
	.contact-details {
    padding: 20px 0px;
}
	.contact-form {
    margin-top: 35px;
}
	.contactleft{
		margin-right:0px;
	}
	footer, .rights{
		text-align:center !important;
	}
	.space-80 {
    margin-top: 40px !important;
}
	.about-physio {
    padding: 50px 10px !important;
	}
	.migraine-feature img {
    min-width: 250px !important;
}
	.physio-unit2{
		padding:0px 0px !important;
	}
	.appointment-box .d-flex{
	justify-content:start;
}
	.padding-res{
		padding:40px 0px;
	}
	.appointment-btn{
		
    background-color: #bf0031 !important;
    color: #fff !important;
	}
	.physiounit2-img{
	display:block;
}
	.navbar {
        position: sticky;
        top: 15px;
        width: 100%;
        z-index: 999;
		padding-top:40px;
		background:none;
	}
	#navbarNavDropdown {
		background: white;
        padding: 11px 0px;
	}
	.migraine-feature {
    padding: 4%;
	}
	.physioII {
		padding:0px 10px;
	}
	.rights{
		padding-top:8px;
	}
	}