@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap');
html{
	scroll-behavior: smooth;
}
body{
	padding: 0px;
	margin: 0px;
	box-sizing: border-box;
	font-family: 'Poppins', sans-serif;

}
p{
	font-size: 15px;
	color: #777;
}
h1{
	
	font-size: 3.5rem;
	font-weight: 600;
}
h2{
	color: #3c3c3c;
	font-weight: 600;
	font-size: 2.5rem;

}
h4{
	font-size: 1.2rem;
}
a{
	text-decoration: none;
}
a:hover{
	text-decoration: none;
}
ul{
	list-style-type: none;
	padding-left: 0px;
}




/*upper headear*/
.upper-header{
	background-color: #1c5e20;
	width: 100%;
	position: relative;
	height: 30px;
	padding-top: 2px;
}
.container{
   max-width: 1300px;
   margin: auto;
}
.header-flex{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.address-header ul{
	margin: 0 -5px;
}
.address-header ul li{
	display: inline-block;
	margin: 0 5px;
	color: #fff;
	font-size: 14px;
}
.address-header ul li span{
	color: #d0d0d0
}
.address-header ul li a{
	color: #fff;
	font-size: 14px;
}
.social-header ul li{
	display: inline-block;
	margin-left: 15px;
}
.social-header ul li a{
	color: #fff;
	font-size: 14px;
}
/*
header*/
header{
	position: relative;
	background-color: #fff;
	width: 100%;

}
.header-inner{

    width: 100%;
    background-color: #fff;
    z-index: 999;
    -webkit-transition:.5s;
	-moz-transition:.5s;
	transition:.5s;
}
.navbar-scroll{
	position: fixed;
	left: 0;
	top: 0px;
	width: 100%;
	z-index: 100;
	background-color: #fff;
	-webkit-transition:.5s;
	-moz-transition:.5s;
	transition:.5s;
	z-index: 999;
}

.navbar-scroll .navbar-brand img{
	max-width: 60px!important;
}

.header-inner .navbar-brand img{
	max-width: 100px;
}
.header-inner .navbar-brand{
    font-size:30px;
    color:#101010;
    font-weight:600;
}
.header-inner .navbar-brand span{
    background:#1c5e20;
    color:#fff;
    padding-left:5px;
    padding-right:5px;
}
.header-inner .nav-item{
	margin-left: 20px;
}
.navbar-scroll .nav-item .nav-link{
	color: #101010;
	letter-spacing: 1px;
	font-size: 15px;
	position: relative;
	-webkit-transition:5s;
	-moz-transition:5s;
	transition:.5s;
}
.navbar-scroll .nav-item{
	position: relative;
	-webkit-transition:5s;
	-moz-transition:5s;
	transition:.5s;
}
.navbar-scroll .nav-item .nav-link{
	color: #101010;
	letter-spacing: 1px;
	font-size: 15px;
	position: relative;
	-webkit-transition:5s;
	-moz-transition:5s;
	transition:.5s;
}
.header-inner .nav-item .nav-link{
	color: #101010;
	letter-spacing: 1px;
	font-size: 15px;
	position: relative;
	-webkit-transition:5s;
	-moz-transition:5s;
	transition:.5s;


}
.header-inner .nav-item {
	position: relative;
	-webkit-transition:5s;
	-moz-transition:5s;
	transition:.5s;
}

.register-ul li{
   margin-left: 15px;
}
.register-ul li a{
	color: #1c5e20;
}

.section-padding{
	padding-top: 30px;
	padding-bottom: 30px;
}
.about-video-flex{
	background-color: #f1f1f1;
	display: flex;
	flex-direction: row;
	align-items: center;
	position: relative;
	margin-top: -150px;
	z-index: 999;
}
.part-text{
	width: 50%;
	background-color: #f1f1f1;
}
.part-video{
	width: 50%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	height: 300px;
	position: relative;
}
.part-video::before{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	content: "";
	background-color: rgba(0,0,0,0.5);
}
.play-btn{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	text-align: center;
}
.play-btn a{
	width: 50px;
	height: 50px;
	border:1px solid #fff;
	display: flex;
	justify-content: center;
	align-items:  center;
	padding: 10px;
	border-radius: 50%;
	color: #fff;

}
.btn-solid{
	background-color: #1c5e20;
	outline: none;
	color: #fff;
	border-radius: 0px;
	padding: 10px 20px 10px 20px;
}
.btn-solid:hover{
	background-color: #084c0c;
	color: #fff;
}
.section-title span{
	color: #1c5e20;
}
.video-box img{
	width: 100%;
	height: 200px;
	object-position: center center;
	object-fit: cover;
}
.video-box{
	margin-top: 30px;
	
}
.video-img{
	position: relative;
}
.video-details{
	padding: 10px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.video-details .video-des h4{
	font-size: 15px;
	font-weight: 600;
}
.video-details .video-des h2{
	font-size: 15px;
}


.pagin{
	margin-top: 20px;
	margin-left: auto;
	text-align: right;
	list-style-type: none;
	padding-right: 0px;
}
.pagin li{
	display: inline-block;
	margin-left: 8px;
	text-align: center;

}
.pagin li a{
	width: 25px;
	height: 25px;
	background-color: transparent;
	border:none;
	display: flex;
	justify-content: center;
	align-items:  center;
	padding: 10px;
	color: #101010;
	font-size: 14px;
	border:1px solid #1c5e20;
	-webkit-transition:5s;
	-moz-transition:.5s;
	transition:.5s;

}
.pagin li a:hover{
	background-color: #1c5e20;
	color: #fff;
}
.pagin li .current{
	 background-color: #1c5e20;
	color: #fff;
	width: 25px;
	height: 25px;
	border:none;
	display: flex;
	justify-content: center;
	align-items:  center;
	padding: 10px;
	font-size: 14px;
	border:1px solid #1c5e20;
}
.register-area{
	position: relative;
}

.register-form h4{
	text-align: center;
	font-weight: 600;
	color: #777;
}

/*.video-overly{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.5);
}*/
.video-overly a{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	text-align: center;
	color: #fff;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	padding: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	border:1px solid #fff;
	cursor: pointer;
}


footer{
	background-color: #101010;
	width: 100%;
	position: relative;


}

.footer-social ul{
	text-align: center;
}
.footer-social ul li{
	display: inline-block;
	margin-left: 10px;
	margin-right: 10px;
}
.footer-social ul li a{
	color: #fff;
	font-size: 20px;

}
.footer-contact{
	margin-top: 20px;
	text-align: center;
}
.footer-contact h4{
	color: #fff;
	font-weight: 600;
	font-size:1.5rem;
}
.footer-contact h4 span{
	color: #e7ac25;
}
.footer-address-flex{
	display:flex;
	justify-content: center;
	flex-wrap: wrap;
}
.footer-address{
	display: flex;
	justify-content: flex-start;
	margin: 15px;
	max-width: 300px;

}
.footer-address .footer-address-icon{
	color: #fff;
	font-size: 25px;
}
.footer-address .footer-address-content{
	margin-left: 10px;

}
.footer-address .footer-address-content p,
.footer-address .footer-address-content a{
	color: #fff;
}
.footer-copy-wright{
	margin-top: 20px;
	text-align: center;
}
.footer-copy-wright p{
   color: #fff;
}
.footer-link{
	margin-top: 15px;
}
.footer-link ul{
	text-align: center;
}
.footer-link ul li{
	display: inline-block;
	margin-left: 10px;
	margin-right: 10px;
}
.footer-link ul li a{
	color: #fff;
}
.bred-cum-area{
	padding-top: 30px;
	padding-bottom: 30px;
}
.bred-cum-area ul{
	margin-top: 20px;
	text-align: center;
}
.bred-cum-area ul li{
	display: inline-block;
	margin-left: 10px;
	margin-right: 10px;
}
.bred-cum-area ul li a{
	color: #777;
}
.gllery-img img{
	width: 100%;
	height: 250px;
	object-fit: cover;
	object-position:  center center;
	border:2px solid #fff;
}
.gllery-img{
	margin-top: 30px;
	position: relative;
	-webkit-transition:.5s;
	-moz-transition:.5s;
	transition: .5s
}
.gllery-img:hover .gallery-overly{
	opacity: 1;
}
.gallery-overly{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 89, 153, 0.5); 
	opacity: 0;
	-webkit-transition:.5s;
	-moz-transition:.5s;
	transition: .5s
}
.gallery-overly a {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	text-align: center;
	color: #fff;
	font-size: 18px;
}
.bank-card .card-header{
	background-color: #1c5e20;
	color: #fff;
	
}

/*video overly*/
.video-overlay {
	position: fixed;
	z-index: -1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0,0,0,0.80);
	opacity: 0;
	transition: all ease 500ms;
  }
  
  .video-overlay.open {
	position: fixed;
	z-index: 1000;
	opacity: 1;
  }
  
  .video-overlay-close {
	position: absolute;
	z-index: 1000;
	top: 15px;
	right: 20px;
	font-size: 36px;
	line-height: 1;
	font-weight: 400;
	color: #fff!important;
	text-decoration: none;
	cursor: pointer;
	transition: all 200ms;
  }
  
  .video-overlay-close:hover {
	color: #fa183d;
  }
  
  .video-overlay iframe {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	/* width: 90%; */
	/* height: auto; */
	box-shadow: 0 0 15px rgba(0,0,0,0.75);
  }

  .contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form textarea{
	width: 100%;
	outline: none;
	border-radius: 0px;
	border:1px solid #ebebeb;
	padding: 10px 20px 10px 20px;
	font-size: 14px;
	color: #777;
}
.contact-form input[type="submit"]{
   background-color: #1c5e20;
   padding: 10px 20px 10px 20px;
   outline: none;
   border:none;
   color: #fff;
   border-radius: 30px;
   -webkit-transition:.5s;
   -moz-transition:.5s;
   transition:.5s;
}
.contact-form input[type="submit"]:hover{
	  background:#1c5e20;
   color: #fff;
}
.address-tiles-flex{
	display: flex;
	justify-content: flex-start;
	margin-top: 30px;
}
.address-tiles-flex .address-icon{
	border:1px dashed #1c5e20;
	height: 40px;
	width: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #1c5e20;
	font-size: 20px;
}
.address-tiles-flex .address-details{
	margin-left: 25px;
}
.address-tiles-flex .address-details a{
	color: #777;
}

.contact-form .contact-with-no{
	position: relative;
	
}
.contact-form .contact-with-no input[type="text"]{
	padding-left: 40px;
}
.contact-form .contact-with-no span{
	position: absolute;
	left: 5px;
	bottom: 10px;
	font-size: 14px;
}
.form-group span{
	font-weight: 600;
	color: #101010;
}
.form-group span a{
	color: #1c5e20;
	text-decoration-line: underline;
}
.video-modal .modal-header{
	background-color: #084c0c;

}
.video-modal .modal-header h5{
	color: #fff;
	font-size: 18px;
	font-weight: 600;
}
.video-modal .modal-body video{
	width: 100%;
	height: 300px;
}
.gallery-details-box span{
    display:block;
    line-height:20px;
    font-size:15px;
}
.gallery-details-box span:nth-child(3){
    font-weight:bold;
    color:#101010;
    font-size:15px;
}
.payment-form{
    border:1px solid #c2c2c2;
    
}

.qr-area{
    position:relative;
    height:100vh;
}
.qr-bar{
    position:absolute;
    top:50%;
    left:50%;
   transform: translate(-50%, -50%);
   margin:auto;
   width:500px;
   padding:15px;
   background:#fff;
   border-radius:10px;
   border-bottom:4px solid #4285f4;
}
.qr-bar .gpy-icon img{
    max-width:150px;
    margin:auto;
}
.qr-bar .code-area img{
    max-width:80%;
    margin:auto;
}
@media only screen and (max-width: 501px) {
   .qr-bar{
    position:absolute;
    top:50%;
    left:50%;
   transform: translate(-50%, -50%);
   margin:auto;
   width:95%;
   padding:15px;
   background:#fff;
   border-radius:10px;
   border-bottom:4px solid #4285f4;
} 
}