@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400..900&display=swap');

body {padding:0;}

:root{
    /*--theme-color: #d17553;*/
	--theme-color: #a51f64;
	--secondary-theme-color:#2c2b5e;
	--white-color: #ffffff;
	--button-color: #084298;
	--dark-color: #000000;
}

.clr{clear:both;}

.contentwrapperhome{padding:22% 0% 3%; position:relative;}
.contentwrapper{padding:5% 0 3%; position:relative;}
.contentwrapper2{padding:0 8% 0;}

.bannerbottomblock{position:absolute; top:-50px; left:0; right:0; margin:auto; z-index:1000;}

.bannerbottomblock > div > div > div{width:95%; left:0; right:0; margin:auto; background:#a51f64; padding:20px 20px 15px; border-radius:0 20px 0 20px; border:solid 8px #ffffff;}
.bannerbottomblock > div > div > div > a > img{width:100%; height:200px;}
.bannerbottomblock > div > div > div > a{color:#ffffff; text-decoration:none; font-weight:500; display:block; padding-top:10px;}

.block1{background:#4a6177; color:#ffffff;}
.block2{background:none;}

.block1 .main_title p, .block1 h2 span {color: #ffffff;}
.block1 .text-theme{color:#ffd967;}

.text-justify{text-align:justify;}

.content{font-weight: 300; font-size: 20px; color: #777;}

.btn-theme{background:var(--button-color); color:#ffffff; padding:3px 8px; text-decoration:none; font-size:14px; border-radius:4px;}

.headertop{background:var(--theme-color); padding-left:10px; padding-right:10px;}
.headertop a{text-decoration:none;}
.headertop a > span{padding:0 6px;}

header{margin-bottom:10px; padding-top:5px; padding-bottom:0; position:fixed; top:0; left:0; width:100%; z-index:2000; background:rgba(0,0,0,0.3);}

header .d-flex{font-size:20px;}
header .d-flex div:nth-child(2){padding-top:10px; width:200px;}

header .d-flex div:nth-child(2) a{color:#ffffff; text-decoration:none; padding:2px 10px; border-radius:30px; border:solid 2px #ffffff; margin-top:6px; display:block; width:165px;}

.logo{padding:3px 10px;}

.header2 {background:#3f1845;}

.bg-danger, .btn-danger{background:var(--theme-color)!important;}

.carousel-item{position:relative; overflow:hidden;}
.carousel-item img{width:100%; height:auto;}

.carousel-item .overlay{ position:absolute; left:0; right:0; top:0; width:100%; height:100%; background:rgba(55,35,107,0.2); z-index:0;}

.card-body img{min-width:50%; max-height:200px;}

.text-theme{color:var(--theme-color);}

h1, h2, h3, h4{font-family: "Cinzel", serif; padding-bottom:10px; position:relative;}

h1{font-size:35px;}
h2, h3{font-size:30px;}
h3{font-size:25px;}
h2 strong{font-size:58px;}
h4{font-size:20px;}
.carousel-item a, .button{background-color: var(--button-color); color:var(--white-color); padding:10px 20px; text-decoration:none; display:block; margin:20px auto 0; width:200px; border-radius:5px; border:solid 3px #ffffff;}
.button{font-weight:bold;}

.bg-secondary {background-color: #f7f7f7 !important;}

.border-top{border-top:solid 2px #ffffff;}
.border-bottom{border-bottom:solid 2px #ffffff;}

.carousel-caption h2:before, .carousel-caption h2:after{display:none;}

.carousel-caption > h1, .carousel-caption > h2{margin-top:10px!important; margin-bottom:10px!important; padding-bottom:0!important; padding-top:0;}
.carousel-caption > h1 > strong{font-size:30px!important; color:#000000;}
.carousel-caption > h1:before{display:none;}
.carousel-caption > h2 > strong{font-size:33px!important; color:var(--theme-color);}

.button{margin:20px 0 0; width:160px;}

h1 span, h2 span, h4 span{color:#000000;}
h3 span{color:#000000;}

.navbar {padding-top:.3rem; padding-bottom:.3rem;}

.nav-item {padding-left:10px;}
.nav-link {
    display: block;
	padding: 0.3rem 1.5rem;
	font-size:13px;
    color: #ffffff;
    text-decoration: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
	font-family: 'Rajdhani', sans-serif;
	font-weight:bold;
}

.navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav .nav-link:hover {
    color: rgba(255, 255, 255, 1);
}

.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link {
    color: rgba(255, 255, 255, 1);
}

.navbar-light .navbar-toggler {background:#fbe4ff;}

.physiotherapy_home img{ border-radius:50%; border:solid 2px #000000; padding:20px 22px; margin:20px auto;}

.welcome_leftblock{position:relative;}
.welcome_leftblock .img1{position:absolute; left:0; top:0; width:80%; height:auto; padding:10px; z-index:100; border:solid 6px var(--secondary-theme-color); background:#ffffff;}
.welcome_leftblock .img2{position:absolute; right:30px; bottom:10px; width:60%; height:auto; padding:10px; z-index:200; border:solid 6px var(--theme-color); background:#ffffff;}

.welcome > span{border:solid 1px #b1b1b1; padding:5px; display:block; width:70%; margin:auto;}

h6{margin-bottom:0;}
.fs-6{font-size:13px!important;}

.homegallery > div{padding:4%;}
.homegallery > div > h2{color:#ffffff;}


.testimonytitle{text-align:center; margin-top:7%;}
.testimonytitle i{font-size:74px; color:var(--theme-color);}
.testimonytitle span{font-size:45px; font-style:italic;}

.modal {z-index: 3000;}

.service{background:#f1f1f1; padding:3% 0;}
.service .block p{position:relative; display:block; width:90%; margin:0 auto 50px; padding:8px 8px 30px; background:#ffffff; font-size:14px;
-webkit-box-shadow: -1px 0px 5px 1px rgba(0,0,0,0.2);
-moz-box-shadow: -1px 0px 5px 1px rgba(0,0,0,0.2);
box-shadow: -1px 0px 5px 1px rgba(0,0,0,0.2);
}
.service .block p > strong{font-size:17px; padding:18px 0 7px; display:block;}

.service .block > div{position:relative;}
.service .block p img{border:solid 1px #ffffff;}
.service .block p:hover img{border:solid 1px var(--theme-color);}
.service .block p:hover{
-webkit-box-shadow: -1px 0px 5px 1px rgba(13,202,240,0.9);
-moz-box-shadow: -1px 0px 5px 1px rgba(13,202,240,0.9);
box-shadow: -1px 0px 5px 1px rgba(13,202,240,0.9);
}

.img_dimension{width:400px; height:auto; float:left; padding:10px 20px 20px 0;}

.readmoreProduct{position:absolute; width:100px; bottom:-17px; left:0; right:0; margin:auto; padding:6px; background:var(--theme-color); color:#ffffff; font-size:13px; text-decoration:none;}
.readmoreProduct:hover{background:#000000; color:#ffffff; bottom:-20px; transition:ease all 0.2s;}
.readmoreProduct:hover p{display:none!important;}

.home_project{background:url(../images/home_product_bg.jpg) repeat-x fixed top; margin-top:50px;}
.home_project > div{background-image: linear-gradient(135deg, #1C12362B 0%, #37236b 100%); padding:8% 4%;}
.home_project h2{color:#ffffff; font-size:60px; font-weight:bold;}
.home_project h3{color:#ffffff; font-size:20px;}

.btn-danger, .btn-danger:hover{background-color:var(--button-color); border-color:var(--button-color);}


.latestnews{background:rgba(255,255,255,0.5); padding:4% 3%;
-webkit-box-shadow: 10px 6px 5px -7px rgba(0,0,0,0.25);
-moz-box-shadow: 10px 6px 5px -7px rgba(0,0,0,0.25);
box-shadow: 10px 6px 5px -7px rgba(0,0,0,0.25);
}

/*------SHADOW EFFECT--------*/

/*------SHADOW EFFECT END--------*/

.newsletter {padding: 20px 0;}

.newsletter h2 {
color: #243c4f;
margin-bottom: 40px; }
.newsletter .form-control {
height: 42px;
border:solid 1px;
border-color: #ffffff;
border-radius:0;
background:#ffffff;
color:#000000;
}
.newsletter .form-control:focus {
box-shadow: none;
border: 2px solid #ffffff;
color:#000000;
}
.newsletter .btn {
min-height: 42px; 
border-radius:0;
background:var(--theme-color);
color: #000000;
font-weight:600;
}

.newsletter::placeholder {
        /* Firefox, Chrome, Opera */ 
        color: #ffffff!important; 
    } 
      
.newsletter:-ms-input-placeholder { 
        
        /* Internet Explorer 10-11 */ 
        color: #ffffff!important; 
    } 
      
.newsletter::-ms-input-placeholder { 

        /* Microsoft Edge */ 
        color: #ffffff!important; 
    }

.form-control{border:0; border-bottom:solid 1px #cccccc;}

/*WHAT WE TRAET*/
.margin_120_95 {padding-top: 40px; padding-bottom: 40px;}
.main_title {text-align: justify; margin-bottom: 45px;}
.main_title h2 {
    font-weight: 300;
    letter-spacing: -1px;
    margin: 0;
}
.main_title p {
    font-weight: 300;
    font-size: 20px;
    color: #777;
    padding: 0 0;
}
.list_title {
    background-color:var(--theme-color);
    color: #fff;
    margin-bottom: 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    padding: 15px 0 12px;
    text-align: center;
}

.list_title h3 {padding-bottom:0;}

.scrollable-menu {
    height: auto;
    max-height: 300px;
    overflow-x: hidden;
    margin: 0 0 10px;
}
.list_home ul {text-align: left;}

.list_home ul li {list-style-type:none;}

.list_home ul li a {
    position:relative;
	background-color: #fff;
    padding: 5px 10px;
    display: block;
    margin-bottom: 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    position: relative;
    font-weight: 500;
    color: #555;
	border-bottom:solid 1px #cccccc;
	text-decoration:none;
}
.list_home ul li a:before {font-family: ElegantIcons;
    content: "~"; position:absolute; left:-1px; top:4px;}
/*WHAT WE TREAT END*/

.innerbanner{padding:16% 0 0; background:url(../images/innerbanner.webp); position:relative;
 margin-top:8%;}
.innerbanner > h2, .innerbanner > h3 {
    font-size: 32px;
    padding: 5px 10px 5px 140px;
    color: #ffffff;
    background: linear-gradient(45deg, rgb(63 131 230) 0%, rgb(98 186 219) 26%, rgba(255, 255, 255, 0) 100%);
}

.innerbanner > h3{padding:5px 10px 5px 40px;}
.innerbanner > h2:before, .innerbanner > h3:before{display:none;}

.gallerycat{
position:relative;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e70130+0,e70130+28,6d0019+100 */
background: linear-gradient(to bottom,  #e70130 0%,#e70130 28%,#6d0019 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.gallerycat:after{content:""; position:absolute;}

.gallerycat > h2{font-size:40px;}
.gallerycat > h2:before{position:absolute; content:""; width:80px; height:4px; background:#ffffff; left:0; bottom:14px;}

.gallery > div > div{text-align:center; background:#ffffff; border:solid 1px #cccccc; width:100%; padding:4px 4px 0; margin:10px auto;}
.gallery > div > div > p, .gallery > div > div > a > p{width:100%; height:250px; overflow:hidden;}
.galleryimg{width:100%; height:270px; margin:auto; transition:ease all 0.6s;}
.gallery > div > div:hover .galleryimg{transform:scale(1.1);}

.gallery > div > div > a > h6{background:#000000; color:#ffffff; padding:6px 3px 2px; margin-bottom:1px; font-size:14px; height:42px;}
.gallery > div > div > a{text-decoration:none;}

.video{width:420px; height:340px;}

tbody, td, tfoot, th, thead, tr {
    font-size:14px;
}
th{
    font-size:12px;
}

/*==========footer ==========*/
footer {
    background-color: #9f9f9f !important;
    color: #000000;
    font-weight: bold;
    font-size: 14px;
    border-top: solid 3px #595959;
}

.footernav{
   position:relative;
   width:100%;
   margin:0;
   padding:5% 3% 5%;
   background-color:#dddddd;
   color:#000000; 
}

.footernav strong{color:#000000; font-size:12px;}
.footernav ul{padding:0; margin:0;}
.footernav ul li{list-style-type:none;}
.footernav ul li a{padding:5px 0 5px 4px; color:#000000; display:block; text-decoration:none; font-size:15px; border-bottom:dashed 1px #000000;}
.footernav > .content{font-size:12px;}
.footernav > a{margin:4px; color:#6b6b6b;}
.footernav > .img{position:absolute; z-index:1000; height:40px; width:100%; bottom:0; left:0; background:url(../images/footerimg.png) bottom left;}

footer > div > p > a {color:#000000;}
/*==========footer end==========*/

/*==========social link==========*/
.sociallinkfloat{position:fixed; right:3px; top:30%; width:40px; z-index:1000; padding:5px;}

.sociallink{width:100%;}
.sociallink > a{float:left!important; width:30px; margin:20px 10px 0 0;}

.sociallinkfloat > a{width:30px; margin:20px 10px 0 0;}

.map{margin:50px 0 0;}

.fa1 {
  padding: 10px;
  font-size: 18px!important;
  width: 36px;
  height: 36px;
  border-radius:50%;
  text-align: center;
  text-decoration: none;
  margin: 20px 2px 0;
  float:left!important;
  color:var(--theme-color)!important;
}

.fa1:hover, .fa1:active {
    opacity: 1;
	color:#ffffff!important;
	background:#000000;
	transition:ease all 0.5s;
	text-decoration:none;
}

.fa1-facebook, .fa1-twitter, .fa1-youtube, .fa1-search-plus {
  background: #ffffff;
  color:#var(--theme-color)!important;
  border:solid 1px var(--theme-color);
}

.fa2 {
   padding: 10px;
  font-size: 18px!important;
  width: 36px;
  height: 36px;
  border-radius:50%;
  text-align: center;
  text-decoration: none;
  margin: 10px 2px 0;
  float:left!important;
  color:var(--theme-color)!important;
}

.fa2:hover, .fa2:active {
    opacity: 1;
	color:#ffffff!important;
	background:#000000;
	transition:ease all 0.5s;
	text-decoration:none;
}

.fa2-facebook, .fa2-twitter, .fa2-youtube, .fa2-search-plus {
  background: #ffffff;
  color:#var(--theme-color)!important;
  border:solid 1px var(--theme-color);
}
/*==========social link end==========*/

.flex-fill {position:relative;}

.hide {opacity:0;}
.show {opacity:1;}

.list > li{padding-top:10px; padding-bottom:10px;}

@media (max-width: 800px) {	
	.h1, h1, h2, h3, h4 {font-size: 25px!important;}
	/*.d-flex {display: block!important;}*/
	.flex-fill{width:100%;}

	header {
		margin-bottom:0;
		padding-top: 5px;
		padding-bottom: 0;
		position: relative;
		background: rgba(0, 0, 0, 0.8);
	}
	header .d-flex {font-size: 16px;}
	header .d-flex div:nth-child(2) a {
		padding: 1px 3px 1px 5px;
		border-radius: 30px;
		width: 118px;
		margin: 9px 0 0 80px;
	}

	.border-bottom{border-bottom:0!important;}

	.nav-link {border-bottom:solid 1px #cccccc;}
	.nav-link:hover {background:#000000;}
	.navbar-toggler {padding: .1rem .55rem; font-size: 1.1rem;}

	.innerbanner{padding:30% 0 0; 
	  margin-top: 2px;
	  background-image: url('../images/innerbanner.webp');
	  background-repeat: no-repeat;
	  background-attachment: relative;
	  background-position: center; 
	}

	.contentwrapperhome{padding:15% 0% 3%;}
	.bannerbottomblock{position:relative;}

	.innerbanner > h2, .innerbanner > h3{font-size:27px; padding:10px 10px 10px 10px; color:#ffffff;}

	.contentwrapper{padding:3% 5%;}
	.home_project h2 {font-size: 30px;}
	.main_title p {font-size: 18px;}
	.carousel-item a, .button{padding:3px 7px; text-decoration:none; display:block; margin:20px auto 0; width:100px!important; border-radius:5px; font-size:12px!important;}

	.effect1, .neweffect1{display: block;}

	.img_dimension{width:100%; height:auto; float:none; padding:10px 0 20px; margin:auto;}

	.testimonytitle{margin-top:2%;}
	.testimonytitle span {font-size: 25px;}

	.gallery > div > div > p, .galleryimg{height:auto;}

	.homegallery > div{padding:4% 4% 4% 1%;}

	.p-4 {padding:0.2rem 1.5rem !important;}
	footer{font-size:12px; padding-left:5px; padding-right:5px;}

	.gallery > div > div > p, .gallery > div > div > a > p {width: 100%; height: 150px; overflow: hidden;}

	.sociallinkfloat{position:fixed; right:3px; top:30%; width:30px; z-index:2000; padding:5px;}
	.fa2 {
	   padding: 6px;
	  font-size: 15px!important;
	  width: 26px;
	  height: 26px;
	  margin: 10px 2px 0;
	}

}
@media (max-width: 600px) {
	.bannerbottomblock > div > div > div > a > img{height:auto;}
}

@media (max-width: 420px) {
	.home_project h2{font-size: 25px;}
	.gallery > div > div > p, .gallery > div > div > a > p {height: 190px;}
}


@media (min-width: 992px){
	.container {max-width: 95%;}
}

@media (min-width: 768px){
	.container {max-width: 95%;}
}

@media (max-width: 900px){
	.carousel-item img{width:100%; height:auto;}
	.welcome_leftblock{display:none;}
}