.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

@media (max-width: 575px) {
	.row { margin: 0 !important; }
}

.intro { padding-bottom: 60px; min-height: 300px; background-image: url("./media/cover.jpg"); background-position: center; background-repeat: no-repeat; background-size: cover; }
.intro .header { padding: 30px 0; border-bottom: 2px solid #ffffff; }
.intro .details { padding: 30px 0; }
.intro .details p { margin: 50px 0px -40px 0px; color: #ffffff; font-family: 'Montserrat', sans-serif;  text-align: center; font-size: 28px; line-height: 40px; }
.intro .details .check-mark { color: #FFFFFF; font-size: 34px; }
.intro .details .check-mark ul {  margin: 0px 0 0 0px; padding: 0; }
.intro .details .check-mark ul li {   margin-left: 40px; margin-right: -15px; padding: 0px 0px 10px 0px; margin-bottom: 0px; color: #FFFFFF; font-weight: bold; font-size: 24px; line-height: 30px; }
.intro .details h1 { margin-top: 50px; padding-bottom: 20px;color: #99ff00; font-family: 'Dancing Script', cursive; font-size: 70px; line-height: 74px; }
.intro .details h2 { margin-top: 10px; margin-bottom: 50px; color: #FFFFFF; font-weight: bold; text-align: center; font-size: 36px; line-height: 42px; }
.intro .details h3 { margin-top: 50px; color: #FFFFFF; font-weight: bold; font-size: 24px; line-height: 30px; }
.intro .details h4 { margin-bottom: 15px; color: #FFFFFF; font-weight: bold; font-size: 18px; line-height: 24px; }
.intro .details .title-underline { display: block; margin-bottom: 40px; background-color: #993333; height: 5px; max-width: 150px; }
.intro .details .btn { width: 250px; border-radius: 10px;   background-color: #af0909; /* Green */  border: none; font-family: 'Montserrat', sans-serif;  color: #ffffff;  padding: 15px 32px;  text-align: center;  text-decoration: none;  display: inline-block;  font-size: 24px;  margin: 4px 2px;  cursor: pointer; transition-duration: 0.4s; }
.intro .details .btncenter {   margin: 0; position: absolute; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -30%);}

.intro .details .img-cover { width: 90%; height: auto; }
@media (max-width: 767px;) {
	.intro .details .img-cover-right { bottom: auto; 
	.intro .header .logocenter {  display: block;  margin: auto;  width: 35%; }}
}
@media (max-width: 575px) {
	.intro .header { padding: 30px 15px; }
	.intro .header .logocenter {  display: block;  margin: auto;  width: 35%; }
	.intro .details h1 { font-size: 40px; line-height: 46px;}
	.intro .details h2 { font-size: 30px; line-height: 46px;}
	.intro .details .check-mark ul li {font-size: 20px; line-height: 30px;}
	.intro .details h3 { font-size: 26px; text-align: center; line-height: 46px;}

}
.section-1 { padding-top: 60px; padding-bottom: 60px; background-color: #86fb86;  background-position: center; background-repeat: no-repeat; background-size: cover; }
.section-1 .container { position: relative; }
.section-1 p { margin-bottom: 20px; color: #000000; text-align: center; font-family: 'Niramit', sans-serif; font-size: 18px; line-height: 22px;}
.section-1 h2 { margin-bottom: 20px; color: #000000; text-align: center; font-weight: bold;     font-size: 28px; line-height: 16px;  }
.section-1 h3 { margin-top: 30px; color: #000000; text-align: center; font-weight: bold;     font-size: 28px; line-height: 36px;  }
.section-1 .img-section-right { }
.section-1 .check-mark {margin-top: 40px; color: #FFFFFF; font-size: 34px; }
.section-1 .check-mark ul {  margin: 0px 0 0 0px; padding: 0; }
.section-1 .check-mark ul li {    margin-left: 40px;  margin-right: -15px; padding: 0px 0px 10px 0px; margin-bottom: 0px; color: #000000; font-weight: bold; font-size: 24px; line-height: 30px; }

.section-1 .img-section { width: 100%; height: auto; }
.section-1 .border-corners { border-radius: 30px 30px 30px 30px; background: #3b6ec7;	padding: 5px; } 
.section-1 .over-content { position: absolute; bottom: -200px; left: -100px; background-color: #3b6ec7; border-radius: 10px 50px 50px 50px; padding: 30px; width: 850px; }
.section-1 .over-content img { float: left; }
.section-1 .over-content .text { margin-left: 100px; }
.section-1 .over-content .text p { margin: 0; }
.section-1 .over-content .text .align-right { float: none; text-align: right; }
@media (max-width: 1399px) {
	.section-1 .over-content { left: 0; }
}
@media (max-width: 991px) {
	.section-1 .over-content { bottom: -200px; width: auto; }
	.section-1 .over-content .text h2 { font-size: 20px; line-height: 26px; }
}
@media (max-width: 575px) {
	.section-1 .over-content { bottom: -240px; }
	.section-1 h2 {font-size: 24px; line-height: 26px;  }
	.section-1 h3 {font-size: 24px; line-height: 26px;  }

}
.section-2 { padding-top: 80px; padding-bottom: 120px; background-color: #b8f5b8;  background-position: center; background-repeat: no-repeat; background-size: cover; }
.section-2 .container { position: relative; }
.section-2 p { margin-bottom: 20px; color: #000000; font-family: 'Niramit', sans-serif; font-size: 18px; line-height: 22px;}
.section-2 h2 { margin-bottom: 20px; color: #000000; text-align: justify; font-weight: bold; font-size: 28px; line-height: 36px;  }
.section-2 .img-section-right { }
.section-2 .img-section { width: 100%; height: auto; }
.section-2 .border-corners { border-radius: 30px 30px 30px 30px; background: #3b6ec7;	padding: 5px; } 
.section-2 .over-content { position: absolute; bottom: -200px; left: -100px; background-color: #3b6ec7; border-radius: 10px 50px 50px 50px; padding: 30px; width: 850px; }
.section-2 .over-content img { float: left; }
.section-2 .over-content .text { margin-left: 100px; }
.section-2 .over-content .text p { margin: 0; }
.section-2 .over-content .text .align-right { float: none; text-align: right; }
@media (max-width: 1399px) {
	.section-1 .over-content { left: 0; }
}
@media (max-width: 991px) {
	.section-1 .over-content { bottom: -200px; width: auto; }
	.section-1 .over-content .text h2 { font-size: 20px; line-height: 26px; }
}
@media (max-width: 575px) {
	.section-1 .over-content { bottom: -240px; }
	.section-2 h2 { font-size: 20px; line-height: 26px;  }

}


.section-3 { padding-top: 80px; padding-bottom: 120px; background-color: #5fb75f;  background-position: center; background-repeat: no-repeat; background-size: cover; }
.section-3 .container { position: relative; }
.section-3 h2 { margin-bottom: 20px; color: #000000; font-family: 'Niramit', sans-serif; text-align: center; font-size: 18px; line-height: 22px;}
.section-3 p { margin-bottom: 20px; color: #000000;  text-align: center; font-weight: bold; font-size: 23px; line-height: 36px;  }
.section-3 .img-section-right { }
.section-3 .img-section { width: 100%; margin-top: 10px; height: auto; }
.section-3 .border-corners { border-radius: 30px 30px 30px 30px; background: #3b6ec7;	padding: 5px; } 
.section-3 .over-content { position: absolute; bottom: -200px; left: -100px; background-color: #3b6ec7; border-radius: 10px 50px 50px 50px; padding: 30px; width: 850px; }
.section-3 .over-content img { float: left; }
.section-3 .over-content .text { margin-left: 100px; }
.section-3 .over-content .text p { margin: 0; }
.section-3 .over-content .text .align-right { float: none; text-align: right; }
.section-3 .col1 {border: 2px solid #59380d;
    border-radius: 5px;
    margin: -3px;
    padding: 0px;
    flex: 60 0 41%;}
@media (max-width: 1399px) {
	.section-3 .over-content { left: 0; }
}
@media (max-width: 991px) {
	.section-3 .over-content { bottom: -200px; width: auto; }
	.section-3 .over-content .text h2 { font-size: 20px; line-height: 26px; }
}
@media (max-width: 575px) {
	.section-3 .over-content { bottom: -240px; }
}

.section-sign-up {padding-top: 60px; padding-bottom: 60px; min-height: 300px; background-image: linear-gradient(90deg, rgba(46,46,66,1) 0%, rgba(46,46,66,0.7091211484593838) 0%), url("./media/cover.jpg"); position: relative;  background-position: center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed;	 }

.section-sign-up .details h2 { margin-bottom: 0px; color: #97ff00; font-weight: bold; text-align: center;  font-size: 26px; line-height: 42px;  }
.section-sign-up .details h5 { margin-bottom: 0px; margin-top: -30px; color: #FFFFFF;  text-align: center;  font-size: 18px; line-height: 12px; }

.section-sign-up .details h3 { margin-bottom: 0px; color: #97ff00; text-align: center;  font-size: 24px; line-height: 42px; }
.section-sign-up .details p { margin: 0px 0px 0px 0px; color: #FFFFFF;  text-align: center; font-size: 18px; line-height: 40px; }
.section-sign-up .details .set { margin-top:-50px;}
.section-sign-up .details .glasscontend {position: relative; width: 900px; height: 485px; margin: 30px auto; padding-top:30px; box-shadow: 30px 30px 60px rgba(0, 0, 0, 0.9); border-radius: 15px; background: rgba(255, 255, 255, 0.1); overflow: hidden; border-top: 1px solid rgba(255, 255, 255, 0.5); border-left:2px solid rgba(255, 255, 255, 0.5); backdrop-filter: blur(5px); }
.section-sign-up .details .btn { width: 250px; border-radius: 10px;   background-color: #DD0000; /* Green */  border: none; font-family: 'Montserrat', sans-serif;  color: #ffffff;  padding: 15px 32px;  text-align: center;  text-decoration: none;  display: inline-block;  font-size: 24px;  margin: 4px 2px;  cursor: pointer; transition-duration: 0.4s; }
.section-sign-up .details .btncenter {   margin: 0; position: absolute; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -13%);}
.section-sign-up .details .outPaymentOption {display: block; margin-left: 27.5%; margin-top: -30px; padding-bottom: 40px;}
.section-sign-up .details .OnePaymentOption {width: 45%; display: inline-block; max-width: 180px; text-align: center; background: #eaf2ef; padding: 0 0 20px; margin: 10px; border-radius: 10px; position: relative; box-shadow: 4px 3px 14px rgba(0, 0, 0, 0.11);}
.section-sign-up .details .titleOptred {background: red;  color: white; border-top-left-radius: 10px; border-top-right-radius: 10px;}
.section-sign-up .geometry-up { position: absolute; bottom: 0px; left: 0; display: block; width: 100%; height: 60px;}
.section-sign-up .geometry-dn { position: absolute; bottom: 0px; left: 0; display: block; width: 100%; height: 60px;}
.section-sign-up .details .titleOpt {background: gray;  color: white; border-top-left-radius: 10px; border-top-right-radius: 10px;}
.section-sign-up .details .priceOpt {font-size: 30px; font-weight: bold;}
.section-sign-up .shape {bottom: -70px; left: 0; position: relative; right: 0; z-index: 1;}
.section-sign-up .shape img {    max-width: 100%;    min-width: 100%;    width: 100%;}
.section-sign-up .shape-up { top: -70px; left: 0; position: relative; right: 0; z-index: 1;}
.section-sign-up .shape-up img {    max-width: 100%;    min-width: 100%;    width: 100%;}

.section-sign-up .wave { position: absolute;  width: 100%;  height: 70px;  bottom: 0;  left: 0; background: url("./media/wave.png");  animation: animate 10s linear infinite; }
.section-sign-up .wave:before { position: absolute;  width: 100%;  height: 70px;  bottom: 0;  left: 0; background: url("./media/wave.png"); opacity:0.4; animation: animate-reverse 10s linear infinite; }
.section-sign-up .wave:after { position: absolute;  width: 100%;  height: 70px;  bottom: 0;  left: 0; background: url("./media/wave.png"); opacity:0.6; animation-delay:-5s; animation: animate 20s linear infinite; }

 @keyframes animate {
	0%
	{
		background-position: 0;
	}
	100%
	{
		background-position: 1360px;
	}
}
@keyframes animate-reverse {
	0%
	{
		background-position: 1360px;
	}
	100%
	{
		background-position: 0;
	}
}

@media (max-width: 1399px) {
		.section-sign-up .geometry-up { position: absolute; bottom: 10px; left: 0; display: block; width: 100%; height: 60px;}
	.section-sign-up .geometry-dn { position: absolute; bottom: 10px; left: 0; display: block; width: 100%; height: 60px;}

}

@media (max-width: 991px) {
	.section-sign-up .details .set { margin-top:-20px;}
	.section-sign-up .details p { margin: 30px 0px -30px 0px;}
	.section-sign-up .details .glasscontend {position: relative;     width: 100%; height: auto; margin: 30px auto; padding-top:30px;     padding-bottom: 90px;}
	.section-sign-up .details .outPaymentOption {display: block; margin-left: 9%; margin-top: -20px; padding-bottom: 40px;}
	.section-sign-up .details .OnePaymentOption {width: 45%; margin: 0px;}
	.section-sign-up .details .btncenter {   margin: 0; position: absolute; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, 50%);}
		.section-sign-up .geometry-up { position: absolute; bottom: 10px; left: 0; display: block; width: 100%; height: 60px;}
	.section-sign-up .geometry-dn { position: absolute; bottom: 10px; left: 0; display: block; width: 100%; height: 60px;}

}

@media (max-width: 767px) {

	.section-sign-up .details .set { margin-top:-20px;}
	.section-sign-up .details p { margin: 30px 0px -30px 0px;}
	.section-sign-up .geometry-up { position: absolute; bottom: 10px; left: 0; display: block; width: 100%; height: 60px;}
	.section-sign-up .geometry-dn { position: absolute; bottom: 10px; left: 0; display: block; width: 100%; height: 60px;}


	.section-sign-up .details .glasscontend {position: relative; width: 350px; height: 550px; margin: 30px auto; padding-top:30px; }
	.section-sign-up .details .outPaymentOption {display: block; margin-left: 9%; margin-top: -20px; padding-bottom: 40px;}
	.section-sign-up .details .OnePaymentOption {width: 45%; margin: 0px;}
	.section-sign-up .details .btncenter {   margin: 0; position: absolute; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, 50%);}

}
@media (max-width: 575px) {
	
	.section-sign-up .details .set { margin-top:-20px;}
	.section-sign-up .details p { margin: 30px 0px -30px 0px;}
	.section-sign-up .details .glasscontend {position: relative; width: 350px; height: 550px; margin: 30px auto; padding-top:30px; }
	.section-sign-up .details .outPaymentOption {display: block; margin-left: 9%; margin-top: -20px; padding-bottom: 40px;}
	.section-sign-up .details .OnePaymentOption {width: 45%; margin: 0px;}
	.section-sign-up .details .btncenter {   margin: 0; position: absolute; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, 50%);}

}

.section-club {padding-top: 60px; padding-bottom: 60px; min-height: 300px; background-image: linear-gradient(90deg, rgba(46,46,66,1) 0%, rgba(46,46,66,0.7091211484593838) 0%), url("./media/club.jpg"); position: relative;  background-position: center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed;	 }

.section-club .details h2 { margin-top: 30px; color: #97ff00; font-weight: bold; text-align: center;  font-size: 30px; line-height: 42px;  }
.section-club .details h5 { margin-bottom: 0px; margin-top: 40px; color: #FFFFFF;  text-align: center;  font-size: 18px; line-height: 12px; }

.section-club .details h3 { margin-bottom: 0px; color: #97ff00; text-align: center;  font-size: 24px; line-height: 42px; }
.section-club .details p { margin: 0px 0px 0px 0px; color: #FFFFFF;  text-align: center; font-size: 18px; line-height: 40px; }
.section-club .details .set { margin-top:-50px;}
.section-club .details .glasscontend {position: relative; width: 900px; height: 272px; margin: 30px auto; padding-top:30px; box-shadow: 30px 30px 60px rgba(0, 0, 0, 0.9); border-radius: 15px; background: rgba(255, 255, 255, 0.1); overflow: hidden; border-top: 1px solid rgba(255, 255, 255, 0.5); border-left:2px solid rgba(255, 255, 255, 0.5); backdrop-filter: blur(5px); }
.section-club .details .btn { width: 50%; border-radius: 10px;   background-color: #DD0000; /* Green */  border: none; font-family: 'Montserrat', sans-serif;  color: #ffffff;  padding: 15px 32px;  text-align: center;  text-decoration: none;  display: inline-block;  font-size: 24px;  margin: 4px 2px;  cursor: pointer; transition-duration: 0.4s; }
.section-club .details .btncenter {   margin: 0; position: absolute; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%,40%);}
.section-club .details .outPaymentOption {display: block; margin-left: 27.5%; margin-top: -30px; padding-bottom: 40px;}
.section-club .details .OnePaymentOption {width: 45%; display: inline-block; max-width: 180px; text-align: center; background: #eaf2ef; padding: 0 0 20px; margin: 10px; border-radius: 10px; position: relative; box-shadow: 4px 3px 14px rgba(0, 0, 0, 0.11);}
.section-club .details .titleOptred {background: red;  color: white; border-top-left-radius: 10px; border-top-right-radius: 10px;}
.section-club .geometry-up { position: absolute; bottom: 0px; left: 0; display: block; width: 100%; height: 60px;}
.section-club .geometry-dn { position: absolute; bottom: 0px; left: 0; display: block; width: 100%; height: 60px;}
.section-club .details .titleOpt {background: gray;  color: white; border-top-left-radius: 10px; border-top-right-radius: 10px;}
.section-club .details .priceOpt {font-size: 30px; font-weight: bold;}
.section-club .shape {bottom: -70px; left: 0; position: relative; right: 0; z-index: 1;}
.section-club .shape img {    max-width: 100%;    min-width: 100%;    width: 100%;}
.section-club .shape-up { top: -70px; left: 0; position: relative; right: 0; z-index: 1;}
.section-club .shape-up img {    max-width: 100%;    min-width: 100%;    width: 100%;}

.section-club .wave { position: absolute;  width: 100%;  height: 70px;  bottom: 0;  left: 0; background: url("./media/wave.png");  animation: animate 10s linear infinite; }
.section-club .wave:before { position: absolute;  width: 100%;  height: 70px;  bottom: 0;  left: 0; background: url("./media/wave.png"); opacity:0.4; animation: animate-reverse 10s linear infinite; }
.section-club .wave:after { position: absolute;  width: 100%;  height: 70px;  bottom: 0;  left: 0; background: url("./media/wave.png"); opacity:0.6; animation-delay:-5s; animation: animate 20s linear infinite; }

 @keyframes animate {
	0%
	{
		background-position: 0;
	}
	100%
	{
		background-position: 1360px;
	}
}
@keyframes animate-reverse {
	0%
	{
		background-position: 1360px;
	}
	100%
	{
		background-position: 0;
	}
}

@media (max-width: 1399px) {
		.section-club .geometry-up { position: absolute; bottom: 10px; left: 0; display: block; width: 100%; height: 60px;}
	.section-club .geometry-dn { position: absolute; bottom: 10px; left: 0; display: block; width: 100%; height: 60px;}

}

@media (max-width: 991px) {
	
	.section-club .details .set { margin-top:-20px;}
	.section-club .details p { margin: 30px 0px -30px 0px;}
	.section-club .details .glasscontend {position: relative;     width: 100%; height: auto; margin: 30px auto; padding-top:30px;     padding-bottom: 90px;}
	.section-club .details .outPaymentOption {display: block; margin-left: 9%; margin-top: -20px; padding-bottom: 40px;}
	.section-club .details .OnePaymentOption {width: 45%; margin: 0px;}
	.section-club .details .btncenter {   margin: 0; position: absolute; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, 50%);}
		.section-club .geometry-up { position: absolute; bottom: 10px; left: 0; display: block; width: 100%; height: 60px;}
	.section-club .geometry-dn { position: absolute; bottom: 10px; left: 0; display: block; width: 100%; height: 60px;}

}

@media (max-width: 767px) {

	.section-club .details .set { margin-top:-20px;}
	.section-club .details p { margin: 30px 0px -30px 0px;}
	.section-club .geometry-up { position: absolute; bottom: 10px; left: 0; display: block; width: 100%; height: 60px;}
	.section-club .geometry-dn { position: absolute; bottom: 10px; left: 0; display: block; width: 100%; height: 60px;}


	.section-club .details .glasscontend {position: relative; width: 350px; height: 550px; margin: 30px auto; padding-top:30px; }
	.section-club .details .outPaymentOption {display: block; margin-left: 9%; margin-top: -20px; padding-bottom: 40px;}
	.section-club .details .OnePaymentOption {width: 45%; margin: 0px;}
	.section-club .details .btncenter {   margin: 0; position: absolute; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, 50%);}

}
@media (max-width: 575px) {
	
	.section-club .details .set { margin-top:-20px;}
	.section-club .details p { margin: 30px 0px -30px 0px;}
	.section-club .details .glasscontend {position: relative; width: 350px; height: 350px; margin: 30px auto; padding-top:30px; }
	.section-club .details .outPaymentOption {display: block; margin-left: 9%; margin-top: -20px; padding-bottom: 40px;}
	.section-club .details .OnePaymentOption {width: 45%; margin: 0px;}
	.section-club .details .btncenter {   margin: 0; position: absolute; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, 50%);}

}
.section-4 { padding-top: 60px; padding-bottom: 60px; background-color: #86fb86;  background-position: center; background-repeat: no-repeat; background-size: cover; }
.section-4 .container { position: relative; }
.section-4 p { margin-bottom: 20px; color: #000000; text-align: center; font-family: 'Niramit', sans-serif; font-size: 18px; line-height: 22px;}
.section-4 h2 { margin-bottom: 20px; color: #000000; text-align: center; font-weight: bold;     font-size: 28px; line-height: 46px;  }
.section-4 h3 { margin-top: 30px; color: #000000; text-align: center; font-weight: bold;     font-size: 28px; line-height: 36px;  }
.section-4 .img-section-right { }
.section-4 .img-section { width: 100%; height: auto; }
.section-4 .border-corners { border-radius: 30px 30px 30px 30px; background: #3b6ec7;	padding: 5px; } 
.section-4 .over-content { position: absolute; bottom: -200px; left: -100px; background-color: #3b6ec7; border-radius: 10px 50px 50px 50px; padding: 30px; width: 850px; }
.section-4 .over-content img { float: left; }
.section-4 .over-content .text { margin-left: 100px; }
.section-4 .over-content .text p { margin: 0; }
.section-4 .over-content .text .align-right { float: none; text-align: right; }
@media (max-width: 1399px) {
	.section-4 .over-content { left: 0; }
}
@media (max-width: 991px) {
	.section-4 .over-content { bottom: -200px; width: auto; }
	.section-4 .over-content .text h2 { font-size: 20px; line-height: 26px; }
}
@media (max-width: 575px) {
	.section-4 .over-content { bottom: -240px; }
.section-4 h2 { font-size: 20px; line-height: 26px;}

}


.section-11 { padding-top: 20px; padding-bottom: 120px; min-height: 300px; background-color: #b8f5b8; background-position: center; background-repeat: no-repeat; background-size: cover; }
.section-11 .details h3 { margin-top: 60px; margin-bottom: 10px; margin-left: 20px; margin-right: -30px; text-align: left; color: #242c42; font-family: 'Roboto', sans-serif; font-size: 22px; line-height: 30px; }
.section-11 .details h2 { margin-bottom: 30px; margin-top: 35px; margin-left:-10px; margin-right: -20px; text-align: center; color: #242c42;; font-family: 'Raleway', sans-serif; font-size: 32px; line-height: 30px; }
.section-11 .details .img-section {margin-top: 0px; width: 100%; height: auto; }
.section-11 .details .btn { width: 250px; border-radius: 10px;   background-color: #af0909; /* Green */  border: none; font-family: 'Montserrat', sans-serif;  color: #ffffff;  padding: 15px 32px;  text-align: center;  text-decoration: none;  display: inline-block;  font-size: 24px;  margin: 4px 2px;  cursor: pointer; transition-duration: 0.4s; }
.section-11 .details .btncenter {   margin: 0; position: absolute; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, 50%);}

@media (max-width: 991px) {
	.section-11 .details .row .col { padding-bottom: 100px; }
	.section-11 .details .img-section { margin-left: 50px; margin-top: 0px; width: 85%; height: auto; }

}


@media (max-width: 767px){
	.section-11 {padding-bottom: 90px; padding-top: 20px;}
	.section-11 .details .img-section { margin-top: 0px; width: 100%; height: auto; }
	.section-11 .details .row .col { padding-bottom: 70px; }
	.section-11 .details .img-section { margin-left: 0px; margin-top: 0px; width: 100%; height: auto; }
	.section-11 .details .check-mark ul li {  margin-left: -10px; margin-right:-15px;  }
	.section-11 .details h3 {margin-right: -10px; margin-left: 20px;}


	.section-11 .details .btncenter {  -ms-transform: translate(-50%, -50%); transform: translate(-50%, -10%);}
	.section-11 .details .btn {  width: 250px; height: 60px;    border: none;  color: white;  padding: 0px 5px 0px 5px;  text-align: center;  text-decoration: none;  display: inline-block;  font-size: 24px;  margin: 4px 2px;  cursor: pointer; transition-duration: 0.4s; }
	.section-11 .details p { margin-bottom: 24px; margin-top: 18px; color: #FFFFFF; text-align: center; font-family: 'Montserrat', sans-serif;  font-size: 20px; line-height: 0px;}
}
@media (max-width: 575px) {
	.section-11 {padding-bottom: 90px; padding-top: 20px;}
	.section-11 .details h3 {margin-right: -10px; margin-left: 20px;}
}


.section-0 { padding-top: 60px; padding-bottom: 80px;min-height: 300px; background-color: #060e06; background-position: center; background-repeat: no-repeat; background-size: cover; }

.section-0 .details h1 { padding-bottom: 20px;color: #99ff00ab; font-family: 'Dancing Script', cursive; text-align: center; font-size: 70px; line-height: 74px; }

.section-0 .details h2 { margin-bottom: 20px; text-align: center; color: #ffffff; font-weight: bold; font-size: 36px; line-height: 42px; }
.section-0 .details h3 { margin-top: 40px; margin-bottom: 20px; text-align: center; color: #ffffff; font-family: 'Roboto', sans-serif; font-size: 40px; line-height: 30px; }
.section-0 .details h4 { margin-bottom: 15px; color: #ffffff; font-weight: bold; font-size: 18px; line-height: 24px; }

.section-0 .details p { color: #ffffff; font-family: 'Montserrat', sans-serif;  text-align: center; font-size: 28px; line-height: 40px; }
.section-0 .details a { color: #99ff00ab;}

@media (max-width: 991px) {
	.section-0 .details h1 { font-size: 50px; line-height: 46px;}
	.section-0 .details h3 { margin-top: 0px; margin-bottom: 0px; text-align: center; color: #ffffff; font-family: 'Roboto', sans-serif; font-size: 26px; line-height: 38px; }

}

@media (max-width: 767px) {
	.section-0 { padding-bottom: 30px; padding-top: 30px;}
	.section-0 .header .logocenter {  display: block;  margin: auto;  width: 35%; }
	.section-0 .details h1 { font-size: 50px; line-height: 46px;}
	.section-0 .details h3 { margin-top: 0px; margin-bottom: 0px; text-align: center; color: #ffffff; font-family: 'Roboto', sans-serif; font-size: 26px; line-height: 38px; }

	.section-0 .details p { font-size: 20px;}
	.section-0 .details .btn { text-align: center; color: #FFFFFF; font-weight: bold; font-size: 26px; border-radius: 60px; padding: 14px 50px; }
	
}
@media (max-width: 575px) {
	.section-0 { padding-bottom: 30px; padding-top: 30px;}
	.section-0 .header .logocenter {  display: block;  margin: auto;  width: 35%; }
	.section-0 .details h1 { font-size: 40px; line-height: 46px;}
	.section-0 .details h3 { margin-top: 0px; margin-bottom: 0px; text-align: center; color: #ffffff; font-family: 'Roboto', sans-serif; font-size: 26px; line-height: 38px; }

	.section-0 .details p { font-size: 20px;}
	.section-0 .details .btn { text-align: center; color: #FFFFFF; font-weight: bold; font-size: 26px; border-radius: 60px; padding: 14px 50px; }
}