@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@500&family=Raleway:wght@200;400;500&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Poppins: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');

body {
padding:0;
background-color:#f7f7f7;
}

:root{
    /*--theme-color: #653405;*/
	--theme-color: #07a8b3;
	--secondary-theme-color: #d78181;
	--white-color: #ffffff;
	--dark-color: #000000;
	--button-color: #07a8b3;
}

.contentwrapper{padding:3% 0;}

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

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

.headertop{background:var(--theme-color); text-align:right; padding:4px 10px;
}

.headertop a{text-decoration:none;}

header{background:#f7f7f7; margin-bottom:0; padding-top:10px; padding-bottom:10px;}

.navbar-brand {
    padding-top:0;
    padding-bottom:0;
}

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

.page-header.is-sticky {
  position: fixed;
  width:100%;
  left:0; top:0; z-index:1000;
  box-shadow: 0 5px 16px rgba(0, 0, 0, 0.1);
  padding: 8px 0;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  -webkit-animation: slideDown 0.35s ease-out;
          animation: slideDown 0.35s ease-out;
}

@-webkit-keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}

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

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


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

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

h1, h2, h3{font-family: "Poppins", sans-serif; padding-bottom:10px; position:relative; color:#000000;}

h2, h3{font-size:60px;}
h3{font-size:16px; word-wrap: break-word; width:60%;}
h2 strong{font-size:58px;}
.carousel-item a, .thm-btn{
  vertical-align: middle;
  -webkit-appearance: none;
  outline: none !important;
  background-color: var(--button-color);
  color: var(--white-color);
  font-size: 16px;
  font-weight: 700;
  border-radius:10px;
  padding: 17px 40px 17px;
  margin-top:20px;
  display:inline-block;
  width:auto;
  transition: all 0.5s linear;
  text-decoration:none;
}

.thm-btn{border:0;}

.thm-btn:hover{
  background-color: var(--dark-color);
  color: var(--white-color);
  text-decoration:none;
}

.button{background-color: var(--button-color); color:var(--white-color); padding:10px 20px; text-decoration:none; display:block; margin:20px 0 0; width:200px; border-radius:5px; border:solid 3px #ffffff;}
.button{font-weight:bold;}

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

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

.innerbanner{padding:13% 0 0; background:url(../images/innerbanner.webp); position:relative;}
.innerbanner > h2, .innerbanner > h3{font-size:32px; padding:5px 10px 5px 140px; color:#000000;

background: linear-gradient(to right, rgb(252 253 255) 0%, rgb(255 255 255) 42%, rgb(252 253 255) 44%, rgba(0, 0, 0, 0) 100%);

}

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

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

.nav-item {padding-left:10px;}

.nav-link {
    display: block;
    padding: 0.5rem 1.5rem;
	font-size:15px;
    color: #000000;
    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;
}

.welcomeblock{position:relative; padding:7% 0 5%;}

.welcome_rightblock{position:relative;}

.welcome_rightblock .img1{position:absolute; left:0; top:0; width:60%; height:auto; padding:10px; z-index:100; border-radius:20px; background:#ffffff;}
.welcome_rightblock .img2{position:absolute; right:30px; top:30%; width:50%; height:auto; padding:10px; z-index:200; border-radius:20px; background:#ffffff;}

.seperator{padding:20px 0 40px;}

.feature > li{padding:4px 0; font-size:15px;}


.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:0; padding:3px 5px; font-size:14px;}


/*------SHADOW EFFECT--------*/
.shadowdivider{box-shadow: rgb(167 248 253) 0px 25px 20px -20px;}
/*------SHADOW EFFECT END--------*/

.newsletter {
padding: 10px 0;

}

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

.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; 
    }

.blockbg{background:#ffffff; padding:5%;}

.blockbg .healthinnovation{background:#ffffff; padding:5%; border-radius:15px; margin-top:30px;}
.healthinnovation > h3{font-size:23px;}

.representitive h5{color:#676d77; font-size:16px;}
.repimg{padding-bottom:20px;}

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

.bg1{background:url(../images/exploredetails.png) right bottom no-repeat;}

.productchoose{margin-bottom:0px;}
.productchoose > div > div{padding:4%; right:0; bottom:0; color:#000000; margin-bottom:10px;}
.productchoose > div > div > h2{color:#000000;}

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

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

.exploredetails{padding:3% 5%; border-radius:20px 20px 0 0; color:#ffffff;
background:url(../images/explorefurtherbg.webp) no-repeat right;
background-color:#015fc9;
}
.exploredetails h4{font-size:37px; color:#ffffff;}

/*==========footer ==========*/
footer{background-color:var(--theme-color)!important; color:#ffffff; font-weight:bold; font-size:14px;}

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

.footernav strong{color:#000000; font-size:12px;}
.footernav ul{padding:0; margin:0;}
.footernav ul li{list-style-type:none; display:block;}
.footernav ul li a{padding:9px 5px 9px 4px; color:#000000; display:inline-block; text-decoration:none; font-size:15px;}

.footernav .content{font-size:16px; color:#000000;}

.footernav > a{margin:4px; color:#000000;}
.footernav a{text-decoration:none;}
.footernav > .img{position:absolute; z-index:1000; height:40px; width:100%; bottom:0; left:0; background:url(../images/footerimg.png) bottom left;}

.footernav .contact{display:block; padding:10px 0; color:#000000;}

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

/*==========social link==========*/
.sociallink {
    width: 100%;
}
.sociallink{width:100%;}
.sociallink > a{float:left!important; 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: 2px 2px 0;
  float:left!important;
  color:#000000!important;
}

.fa1:hover, .fa1:active {
    opacity: 1;
	color:#ffffff;
	background:#ffffff;
	transition:ease all 0.5s;
	text-decoration:none;
	
	-moz-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -ms--transform: rotate(360deg);
  transform: rotate(360deg);
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -o-transition: all 0.6s;
  -ms-transition: all 0.6s;
  transition: all 0.6s;
	
}

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

.fa2 {
  padding: 10px;
  font-size: 44px!important;
  width: 44px;
  height: 44px;
  border-radius:50%;
  text-align: center;
  text-decoration: none;
  margin: 20px 2px 0;
  float:left!important;
  color:#000000!important;
}

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

.fa2-facebook, .fa2-twitter,
 .fa2-youtube, .fa2-search-plus {color:#ffffff!important;}
/*==========social link end==========*/

.flex-fill {position:relative;}
.flex-fill a{position:absolute; left:20px; bottom:25%; z-index:1000; font-size:30px; font-weight:bold; font-family: 'Rajdhani', sans-serif;}

@media (max-width: 800px) {	

.d-flex {display: block!important;}
.flex-fill{width:100%;}

.nav-link {border-bottom:solid 1px #cccccc;}
.nav-link:hover {background:#d9d9d9;}

.innerbanner{padding:30% 0 0; 
background-image: url('../images/innerbanner.webp');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center; 
}
.innerbanner > h2, .innerbanner > h3{font-size:27px; padding:10px 10px 10px 10px; color:#ffffff;}

.contentwrapper{padding:1% 5%;}

.home_project h2 {font-size: 30px;}

.carousel-item a, .button {
        padding: 3px 7px;
        text-decoration: none;
        display: block;
        margin: 0;
        width: 110px !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;}

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

.exploredetails{padding:3% 5%; border-radius:20px 20px 0 0; color:#ffffff;
background:none;
background-color:#015fc9;
}

.exploredetails h4 {font-size:20px;}

.fs-1 {
    font-size: calc(0.9rem + 1.5vw) !important;
}
.thm-btn{border:0; padding:3px 7px; font-size:15px; border-radius:6px;}

}

@media (max-width: 420px) {

.home_project h2{font-size: 25px;}

}


@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_rightblock{display:none;}
}