@charset "UTF-8";
/* CSS Document */

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-Regular.eot');x
    src: url('fonts/Poppins-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/Poppins-Regular.woff2') format('woff2'),
        url('fonts/Poppins-Regular.woff') format('woff'),
        url('fonts/Poppins-Regular.ttf') format('truetype'),
        url('Poppins-Regular.svg#Poppins-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Poppinsbold';
    src: url('fonts/Poppins-Bold.eot');
    src: url('fonts/Poppins-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Poppins-Bold.woff2') format('woff2'),
        url('fonts/Poppins-Bold.woff') format('woff'),
        url('fonts/Poppins-Bold.ttf') format('truetype'),
        url('fonts/Poppins-Bold.svg#Poppins-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins-SemiBold';
    src: url('fonts/Poppins-SemiBold.eot');
    src: url('fonts/Poppins-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Poppins-SemiBold.woff2') format('woff2'),
        url('fonts/Poppins-SemiBold.woff') format('woff'),
        url('fonts/Poppins-SemiBold.ttf') format('truetype'),
        url('fonts/Poppins-SemiBold.svg#Poppins-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Embryotic';
    src: url('fonts/Embryotic.eot');
    src: url('fonts/Embryotic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Embryotic.woff2') format('woff2'),
        url('fonts/Embryotic.woff') format('woff'),
        url('fonts/Embryotic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}





body { margin: 0; padding: 0; font-family: 'Poppins'; }
option {
    font-weight: normal;
    white-space: nowrap;
   
    padding: 0px;
}

*,*:after ,*:before { box-sizing:border-box; }
form {display: contents;}
.main-page{width: 100%;height: auto;position: relative;margin: 0 auto;background-image: url("images/sec5-bg.png"), url("images/bg.jpg");background-position: bottom center, top center;background-repeat: no-repeat;background-size: 100% auto;}

.banner-holder{width: 100%;padding: 20px 20px 0 20px; background: url("images/bg-1.png") center 600px; background-size: 100% auto;  position: relative;overflow: hidden;display: flex;justify-content: space-between;flex: inherit;flex-wrap: wrap;background-repeat: no-repeat}
.logo{/* float: left; */margin: 0 0 0 0%;padding: 0;width: 250px;height: auto;position: absolute;top: 20px;right: 20px;z-index: 9} 
.banner-top { width: 100%; height: auto; display:block }

.logo svg{ width: 100%; height: auto;}
.banner-txt{float: left;width: 400px;display: block;clear: both;color: #fff;line-height: 1.2;margin-left: 5%;/* font-size: 24px; *//* margin-top: 4%; */}
.banner-txt p {font-size: 24px;margin: 0;padding: 0;line-height: 1.4;}
.banner-txt span { color: #ffba4f}
.banner-txt p:nth-child(2) {     font-family: 'Poppinsbold';} 
.banner-img{width: 100%;height: auto;position: relative;bottom:0;left: 0;/* transform: translate( -50%); */float: left;/* margin-left: 120px; */display: flex;align-items: end;}
.banner-img-M{width: 100%;height: auto;position: relative;bottom:0;left: 0;/* transform: translate( -50%); */float: left;/* margin-left: 120px; */display: flex;align-items: end; display: none}
.slideshow-container {  max-width: 1000px; position: relative; margin: auto;
}
.active {
  background-color: #717171;
}
/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 1.5s;
}

@keyframes fade {
  from {opacity: .4} XA
  to {opacity: 1}
}

.banner-img img{width: 100%;height: auto;display: block;/* position: absolute; */bottom: 0;}
.form-holder{/* float: right; */padding: 20px 30px;background: #fdc645;color: #000;border-radius: 30px;/* margin-right: 5%; */max-width: 350px;font-size: 18px;margin-top: 10;position: absolute;right: 4%;top: 10%;/* margin-top: 100px; */font-family: 'Poppins';/* margin-bottom: 100px; */}
.form-holder p{margin: 10px auto;padding: 0;font-size: 18px;}
.form-holder input{margin:0 auto;padding: 10px 10px 0 0;border-bottom: solid #000;width: 100%;background:transparent;outline: 0;border-width: 0 0 1px 0;color: #00;font-size: 14px;font-family: 'Poppins';}
.form-holder select{margin:0 auto;padding: 5px 0;/* border-bottom: solid #000; */width: 100%;background:transparent;outline: 0;border-width: 0 0 0px 0px;color: #000;font-size: 14px;font-family: 'Poppins';}
.form-holder .btn{background: #c03224;padding: 10px;color: #fff;font-family: 'Poppinsbold';width: 170px;font-size: 18px;display: table-caption;border-radius: 10px;text-align: center; border: 0; cursor: pointer}
.form-holder .tnc{font-size: 10px;margin: 5px 0;display: inline-block;/* text-align: center; */ }
.tncBO{font-size: 16px;margin: 5px 0;display: inline-block;/* text-align: center; */ font-family: 'Poppins';}
.chooseBTN{ border: 0!important}
.upload-dis{ font-size: 10px; padding: 0; margin: 0}
.uploadE {margin-top: 10px !important;font-family: 'Poppins';text-transform: uppercase;font-size: 20px !important;}
.form-holder input[type="file"]::file-selector-button {
  padding: 10px;
	border-radius: 10px;
  background-color: #c03224;
  transition: 1s;
	border: 0;
	color: #fff;
	 font-family: 'Poppins';
}

.form-holder input[type="file"]::file-selector-button:hover {
  background-color: #c03224;
}

.select_box{
  width: 100%;
 /* overflow: hidden;*/
  border-bottom: 1px solid #000;
  position: relative;
  padding: 10px 0;
}
.select_box:after{
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  /* border-top: 6px solid #fcba40; */
  position: absolute;
  top: 40%;
  right: 2px;
  content: "";
  z-index: 99;
 }
.select_box select{
  width: 100%;
  position: relative;
  z-index: 99;
  background: none;
}

.sepre-div{ width: 100%; margin: 0; height: auto;}
.sepre-div img { width: 100%; height: auto}

.section2-bg{
  width: 100%;
  position: relative;
  overflow: hidden;
  /* background-image: url("images/2nd-bg.jpg"); */
  /* background-color: #2e5783; */
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 100% auto;
  padding: 0px 16%;
  text-align: center;
  font-size: 30px;
  }


.section2-bg span{  font-family: 'Poppinsbold'; }
.section2-txt01{font-family: 'Poppins';display: flex;width: 80%;margin: 0 auto;font-size: 20px;color: #000;justify-content: center;}
.heading-txt{display: block;font-family: 'Poppins-SemiBold';font-size: 36px;flex-basis: 100%;margin: 40px auto;color: #e74011}.heading-txt span{ color: #177031}
.section2-txt01 span{/* font-family: 'Poppins-SemiBold'; *//* color: #c03224; */}
.section2-txt01 div:nth-child(1){width: 60%;height: auto;text-align: left;padding: 15px;}
.section2-txt01 div:nth-child(2){width: 40%;height: auto}
.section2-txt01 div:nth-child(3){width: 40%;height: auto; }
.section2-txt01 div img{ width: 100%; height: auto}
/* radio start */
.radio-container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 18px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.radio-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  /* background-color: #eee; */
  border-radius: 50%;
  border: 1px solid #177031;
}

/* On mouse-over, add a grey background color */
.radio-container:hover input ~ .checkmark {
   background-color: #fff;
  border: 1px solid #177031;
}

/* When the radio button is checked, add a blue background */
.radio-container input:checked ~ .checkmark {
  background-color: #fff;
  border: 1px solid #177031;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.radio-container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.radio-container .checkmark:after {
 	top: 3px;
 	left: 3px;
 	width: 17px;
 	height: 17px;
 	border-radius: 50%;
 	background: #177031;
}

/* Radio end */

.main-cont{max-width: 1000px;width: 100%;margin: 60px auto;position: relative;display: flex;align-items: center;justify-content: center;}
.video-frame{ position: absolute; left: 0; right: 0; z-index: 9; }
.video-frame-con{width: 83%;height: auto;/* display: flex; */}
.video-frame img{ width: 100%; height: auto}
.iframecontainer {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: 56.25%; /* 16:9 Aspect Ratio */
	  
}
iframe {  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: none;}

.section3{ width: 100%; height: auto; margin: 0 auto;}
.section3 img{ width: 100%; height: auto; display: block }
.section5{
  width: 100%;
  position: relative;
  overflow: hidden;
  background-image: url(images/sec-5bgT.png), url(images/sec-5bgB.png);
  /* background-color: #be4022; */
  background-position: center top, center bottom, center 50%;
  background-repeat: no-repeat;
  background-size: 100%, 100%, 100% auto;
  text-align: center;
  color: #fff;
  padding: 40px 40px 140px 40px;
  }

.section5 .head{ font-size:60px;font-family: 'Poppins-SemiBold';border-top: 2px dashed #fff;border-bottom: 2px dashed #fff; display: table;margin: 0 auto;text-align: center; padding:20px 0;  position: relative; }
.section5 h1{font-size: 50px;font-family: 'Poppinsbold';width: 60%;margin: 0 auto;color: #000000;border-top: 1px dashed;border-bottom: 1px dashed;padding: 10px;}
.section5 span{padding:0 10px; position: relative;}
.section5 span:before{ content: ""; position: absolute; height: 2px; background: #fff; width: 50px; top:50%; left:-50px}
.section5 span:after{ content: ""; position: absolute; height: 2px; background: #fff; width: 50px; top:50%; right: -50px; }

.section5 p{font-size:30px;font-family: 'Poppins-SemiBold';display: table;margin: 0 auto;text-align: center;padding: 0;/* text-transform: uppercase; */}
.destSlider {position:relative;margin: 20px auto;}
.destSlider h1 {font-family: 'Poppinsbold';font-size: 30px;color: #000000;margin: 0px auto;padding: 0;text-align:-webkit-center;/* background: #B18338; *//* background: linear-gradient(to right, #B18338 30%, #F6E57F 44%, #C7A23C 78%); *//* -webkit-background-clip: text; *//* -webkit-text-fill-color: transparent; */border: 0;width: 100%;line-height: 1;}
.destSlider p {width:100%;font-size: 20px;color: #000000;margin: 0;padding: 0;font-family: 'Poppins';line-height: 1.1;/* background: #B18338; *//* background: linear-gradient(to right, #B18338 30%, #F6E57F 44%, #C7A23C 78%); *//* -webkit-background-clip: text; *//* -webkit-text-fill-color: transparent; *//* text-transform: inherit; */}

.destSlider h1 img{width: 120px !important;height: auto;text-align: center;display: inline-block;margin: 0 !important;}
.btn-mid{cursor: pointer;background: #000;color: #fff;margin: 50px auto 40px auto;padding: 10px 30px;font-family: 'Poppinsbold';/* width: 310px; */font-size: 28px;border-radius: 10px;text-align: center;text-transform: uppercase;/* float: right; *//* border: dimgray; */display: block;border: 0;}

.btn-bot{/* background: #be4022; */color: #FF;margin: 10px auto;padding: 10px;font-family: 'Poppinsbold';width: 270px;font-size: 28px;border-radius: 10px;background: #ef4d23;/* background: linear-gradient(93deg, rgba(164,112,42,1) 0%, rgba(234,211,113,1) 43%, rgba(245,227,125,1) 54%, rgba(210,177,89,1) 76%, rgba(166,114,43,1) 100%); */text-align: center;}
.btn-blue{background: #004c5e; color:#fff; margin: 10px auto; padding: 10px 20px;font-family: 'Poppinsbold'; display: table; font-size: 30px;  border-radius: 20px}
.container {
  display: block;
  position: relative;
  padding-left: 30px;
  /* margin-bottom: 12px; */
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-top: 40px;
  text-align: left;
}

/* Hide the browser's default checkbox */
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.container .checkmark {
  left: 8px;
  top: 5px;
  width: 6px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #000;
  width: 20px;
  height: 20px;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #000;
  width: 25px;
  height: 25px;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
  left: 6px;
  top: 3px;
  width: 6px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.thankyou{/* float: right; */padding: 20px 30px;background: #fdc645;color: #000;border-radius: 30px;/* margin-right: 5%; */max-width: 350px;font-size: 18px;margin-top: 10;position: absolute;right: 4%;top: 20%;/* margin-top: 100px; */font-family: 'Poppins';/* margin-bottom: 100px; */}

@media only screen and (max-width: 1466px) { 
	.banner-img {/* width: 95%; *//* left:48%; *//* margin-top: 100px; */}
	
	.logo{/* margin: 0 0 0 2%; */}
	.banner-txt{    margin: 0 0 0 2%;}

	.banner-txt p {font-size: 23px;line-height: 1.7;}
	.form-holder{ margin-right:1%; }
	.section2-bg { padding: 30px 10%}

}

@media only screen and (min-width: 1001px) and (max-width: 1200px)  { 
 
	
	.banner-img {
    /* width: 60%; */
    /* margin-top: 120px; */
    /* margin-left: 90px; */
    }
	.form-holder{width: 30%;margin-right: 0;right: 15px;/* top: 1%; */}
	.logo {margin-left: 1%;width: 180px;} 
	.banner-txt { margin-left: 1%;} 
	.banner-txt p {font-size: 20px;line-height: 1.5;}
	.section2-bg { font-size: 26px;}
		.section2-txt01 div:nth-child(1) {font-size: 14px}

 .thankyou {width: 30%;margin-right: 0;right: 15px;/* top: 1%; */}
}

@media only screen and (max-width: 1000px)  { 
	.thankyou { width: 100%; margin-right: 0; right: 15px; font-size: 14px;top:72%;padding: 40px 40px;}

		.banner-holder {/* background:url("images/bg-m.jpg") center bottom; */background-size: 100% auto;flex-wrap: wrap;}

	
		.banner-img {display: none; }
	.banner-img-M { display: flex; width: 60%}
	.form-holder{ width: 35%; margin-right: 0; right: 15px; font-size: 14px}
	.logo { margin-left: 1%;} 
	.banner-txt { margin-left: 1%;} 
	.banner-txt p {font-size: 20px;line-height: 1.5;}
	.section2-bg{ font-size: 22px;}
}


@media only screen and (max-width: 850px) {
	
.main-page{ width: 100%; height: auto; position: relative; margin: 0 auto; background-image: url("images/sec5-bg-M.png"),url("images/bg-m.png"), url("images/bg-m-center.png") ; background-position: bottom center, top center, center center; background-repeat: no-repeat,  no-repeat,repeat}
	
		.banner-img-M {display: flex;width: 100%;}
	.logo{ width: 300px; right: 0; left: inherit}
	.banner-txt{ width: 100%; margin: 0 auto;}
	.banner-txt p{ font-size: 16px; text-align: center;}
	/*.banner-holder{padding: 10px 20px; background: url("images/bg-1-M.png") bottom center ; background-size: 100% auto; background-repeat: no-repeat  }*/
  .banner-holder{padding: 10px 20px;background: none;background-size: 100% auto;background-repeat: no-repeat}

	.banner-img-M  img{ display: block}
/*	.form-holder{width: 90%;margin: 30px auto;max-width: none;position: relative;max-width: 530px;left: unset;right: unset;}
	.form-holder{top:0;}*/
  .form-holder{width: 90%;margin: 30px auto; max-width: none; position: relative; max-width: 530px; left: unset; right: unset;}
	.form-holder input{padding: 5px;}
	.form-holder select{padding: 5px;}
	.section2-bg {}
	.section2-txt01 {width: 100%;}
	.section2-txt01 div:nth-child(1) {display: block;width: 50%;margin: 0 auto;font-size: 16px;text-align: center}
	.section2-txt01 div:nth-child(2) {width: 50%;font-size: 14px;text-align: center;margin-top: 10px;display: block;}
	.section2-txt01 div:nth-child(3) {width: 100%;font-size: 14px;text-align: center;margin-top: 10px; display: block}
	.section2-bg{
  /* background: #2d5684; */
  padding: 10px;
  }
		.section5 {padding: 20px 30px 100px 30px;line-height: 1.2}
	.section5{ background-image: url(images/sec-5bgMT.png), url("images/sec-5bgMB.png");
		background-position: center top, center bottom; background-repeat: no-repeat; }
	.section5 h1 {font-size: 30px;width: 100%}
	.section5 span {background: linear-gradient(to right, #B18338 30%, #F6E57F 44%, #C7A23C 78%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }

	
	.slick-dotted.slick-slider { width: 80%;}
	.btn-bot{font-size: 20px;width: 200px; margin-bottom: 50px;}
	.btn-blue{font-size: 20px; width: 300px;}
	
	.btn-mid {width: 290px;font-size: 22px;float: none;margin: 40px auto;}
	
	.destSlider { width: 80%;}
	.heading-txt { font-size: 28px}
	.radio-container{ font-size: 16px; text-align: left }
	.tncBO{ font-size: 12px}
  .thankyou{width: 90%;margin: 30px auto; max-width: none; position: relative; max-width: 530px; left: unset; right: unset;}
	
	
}
@media only screen and (max-width: 480px) {
	
	.banner-holder {flex-wrap: wrap;}
	.section2-txt01 div:nth-child(1) {width: 50%;padding-left: 0;text-align: left;/* padding-left: 35px; */}
	.checkmark { width: 20px; height: 20px;}
	.radio-container .checkmark:after {top: 3px;
    left: 3px;
    width: 12px;
    height: 12px;}
	.logo{width: 130px;top: 10px;}
	.banner-txt{ width: 100%; margin: 0 auto;}
	.banner-txt p{ font-size: 16px; text-align: center;}
	.banner-img { position: relative; width: 100%; margin-top: 70px;}
	.form-holder{ font-size: 13px}
	.form-holder input{padding: 5px;}
	.form-holder select{padding: 5px;}
	.section2-bg {font-size: 16px;padding: 0px 10px;}
	.btn-mid {width: 220px;font-size: 22px;}
	
		.section5 {padding: 20px 30px 40px 30px;line-height: 1.2}
	.section5 h1 {font-size: 28px;}
	
	.section5 p { font-size: 16px}
	.slick-dotted.slick-slider { width: 80%;}
	.btn-bot{/* font-size: 20px; *//* width: 200px; */}
	.btn-blue{font-size: 20px; width: 200px;}
	.destSlider h1 {background: none;/* color: #fff; *//* -webkit-text-fill-color: white; */}
	.destSlider p {background: none;/* color: #fff; *//* -webkit-text-fill-color: white; */}
	.heading-txt { font-size: 24px}
	.radio-container{ font-size: 14px;margin-bottom: 8px}

	
}