@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Soyombo&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;
}

:root{
    /*--theme-color: #653405;*/
	--theme-color: #228a87;
	--secondary-color: #325c99;
	--white-color: #ffffff;
	--dark-color: #000000;
	--button-color: #228a87;
}

.contentwrapper{padding:5% 0;}

.contentwrapper2{background:url(../images/websitebackround.webp) no-repeat fixed bottom;}

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

.btn-theme{background:var(--theme-color); padding:7px 8px; text-decoration:none; font-size:14px; border-radius:4px; display:block; width:100px; margin:auto;}
.btn-theme:hover{background:#000000;}

.bg-success{background:var(--theme-color)!important;}
.text-success{color:var(--theme-color)!important;}

.activityblock {
	background:url(../images/homegallerybg.webp) fixed bottom left;
    background-color: #f3f2f2 !important;
	padding:30px 0 30px;
	clip-path: polygon(48% 0, 100% 0, 100% 86%, 47% 100%, 0 87%, 0 0);
}

.headertop{background:#2d5d5b; text-align:right; padding:2px 10px; font-size:15px;
}

.headertop a{text-decoration:none;}

header{background:#ffffff; padding-top:0; padding-bottom:0;
font-family: "Poppins", sans-serif;
font-weight: 400;
font-style: normal;
padding:20px 0;
}

.donateButton{background:var(--theme-color); color:#ffffff; padding:6px 10px; font-weight:600; font-size:16px; text-decoration:none; margin:2px auto 0; display:block; width:240px; font-family: "Noto Sans Soyombo", sans-serif;}
.donateButton:hover{color:#ffffff;}

.navbar{border-top:solid 1px var(--theme-color); border-bottom:solid 1px var(--theme-color); padding-left:30px;
    padding-top: 0;
    padding-bottom:0;
}

.navbar-light .navbar-nav .nav-link {
    padding: 7px 20px;
	color:#ffffff;
}

.navbar-light .navbar-nav .nav-link:hover {background:#53cdca; color:#ffffff;}


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

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

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

h1, h2, h3{font-family: "Noto Sans Soyombo", sans-serif; padding-bottom:20px; position:relative;}

h1:before, h2:before, h3:before{display:none;}

h1{font-size:30px;}
h2, h3{font-size:30px;}
h3{font-size:25px;}

.carousel-caption > h2{font-size:33px!important; margin-bottom:-10px;}
.carousel-caption > h3{font-size:20px!important; color:#000000;}
.carousel-caption >h3:before{display:none;}
.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;}

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

.carousel-control-next-icon, .carousel-control-prev-icon {display: none;}

.carousel-indicators {bottom: -30px;}
.carousel-indicators [data-bs-target] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #228a87;
}

/*///////////////carousal//////////*/


.card {
    border:0!important;
	background:none!important;
}
.card-body{font-size:14px; font-family: "Noto Sans Soyombo", sans-serif; padding:0 10px;}
.card-body > h4{font-size:17px; color:var(--secondary-color); padding:20px 0 10px; font-weight:600;}

/*///////////////carousal//////////*/


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

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

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

.nav-link {
    display: block;
    padding: 0 1.5rem;
	font-family: "Poppins", sans-serif;
	font-weight: 400;
	font-style: normal;
	text-transform:uppercase;
	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-weight:bold;
}

.navbar-light .navbar-toggler {background: #ffffff; padding: 2px 6px;}

.dropdown-menu {background-color:var(--theme-color);}
.dropdown-item {color: #ffffff; border-bottom:solid 1px #ffffff; padding:.1rem 6px;}

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

.welcomeimg {
    float: right;
    margin: 0 0 10px 40px;
	-webkit-box-shadow: -18px 17px 5px -7px rgba(0,0,0,0.23);
	-moz-box-shadow: -18px 17px 5px -7px rgba(0,0,0,0.23);
	box-shadow: -18px 17px 5px -7px rgba(0,0,0,0.23);
}

.homeenquiry{
	padding:10px;
	box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;}

.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(--theme-color); border-color:var(--theme-color);}


.video{background:url(../images/enquirybg.webp) fixed center no-repeat; background-size: cover;}

.video{padding:0;}
.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);
}

.productdetails img{margin-bottom:10px;}
.productdetails > div > div > h3{font-size:22px; padding-bottom:4px;}
.productdetails > div > div > b{padding-bottom:10px; display:block;}
/*------SHADOW EFFECT--------*/
.effect1
{
  position: relative;
}
.effect1:before, .effect1:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}

.effect1:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}

.neweffect1
{
  position: relative;
}
.neweffect1:before, .neweffect1:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #000000;
  -webkit-box-shadow: 0 15px 10px #000000;
  -moz-box-shadow: 0 15px 10px #000000;
  box-shadow: 0 15px 10px #000000;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}

.neweffect1:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}

.effect3
{
  position: relative;
}
.effect3:before, .effect3:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left:20px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}

.effect3:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right:20px;
  left: auto;
}
/*------SHADOW EFFECT END--------*/

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

.gallery > div > div{
text-align:center; background:#ffffff; width:100%; padding:4px 4px 5px; margin:10px auto;
}
.gallery > div > div > p{
width:100%; height:210px; overflow:hidden; border:solid 5px var(--theme-color);
}
.galleryimg{width:100%; height:220px; margin:auto; transition:ease all 0.6s;}
.gallery > div > div:hover .galleryimg{transform:scale(1.1);}

.gallery > div > div > a > h6{color:#000000; padding:6px 3px 2px; margin-bottom:1px; font-size:14px; height:42px; font-family: "Poppins", sans-serif; font-weight:600;}
.gallery > div > div > a{text-decoration:none;}
/*==========footer ==========*/
footer{background-color:#2d5d5b!important; color:#ffffff; font-weight:bold; font-size:14px;}

.footernav{
   position:relative;
   width:100%;
   margin:0;
   padding:1% 3% 0;
   background:#1c4341!important;
   color:#ffffff;
}

.footernav strong{color:#cccccc; 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:#ffffff; display:block; text-decoration:none; font-size:15px; border-bottom:dashed 1px #ffffff;}

.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==========*/
.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;}

.videoframe{width:100%; height:350px;}

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

.navbar {padding-left:0;}

.contentwrapper{padding:3% 2%;}

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

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

.homeenquiry{margin-bottom:30px;}

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

.donateButton {
        font-size: 13px;
        margin: 6px auto 0;
        width: 160px;
        padding: 2px;
		border-radius:10px;
}

.carousel-indicators {bottom: -30px;}
.carousel-indicators [data-bs-target] {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background-color: #228a87;
}

h1, h2{font-size:25px;}
h3{font-size:25px;}

}

@media (max-width: 420px) {
h1, h2{font-size:20px; padding-bottom: 5px;}
h3{font-size:20px; padding-bottom: 5px;}
.home_project h2{font-size: 25px;}
.videoframe{width:100%; height:200px;}
}


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