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

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-Regular.eot');
    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.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: 'Grandstander';
    src: url('fonts/Grandstander-Black.eot');
    src: url('fonts/Grandstander-Black.eot?#iefix') format('embedded-opentype'),
        url('fonts/Grandstander-Black.woff2') format('woff2'),
        url('fonts/Grandstander-Black.woff') format('woff'),
        url('fonts/Grandstander-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}





body { margin: 0; padding: 0; font-family: 'Poppins'; }
html{ height: 100%}

*,*:after ,*:before { box-sizing:border-box; }

.main-page{ width: 100%; height: auto; position: relative; margin: 0 auto}

.banner-holder{width: 100%;/* background: url("images/bg.jpg") no-repeat; *//* padding: 20px 20px 0 20px; */position: relative;overflow: hidden;background-size: 100% auto;background-position: left top;/* max-height: 980px; */height: 100%}
.logo{/* float: left; */margin: 0 0 0 0%;padding: 0;width: 250px;height: auto;position: absolute;top: 20px;right: 5%;} 


.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';} 
.mascot-unit{ position: absolute; bottom: 8%; width: 400px; height: auto; left: 8%;}
.mascot-img{ display: block; width: 100% }
.mascot-img img {width: 100%; height: auto; display: block}
.mascot-imgM{ display: none; width: 100%; height: auto}
.mascot-unit img{ width: 100%; height: auto;}


.banner-img{width: 52%;height: auto;position: relative;bottom:0;left: 0;/* transform: translate( -50%); */float: left;margin-left: 120px;}
.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} 
  to {opacity: 1}
}

.banner-img img{ width: 100%; height: auto; display: block;}
.form-holder{/* float: right; */padding: 10px 20px;background:rgba(248,228,24,0.9);width: 100%;color: #000;border-radius: 20px;margin-right: 2%;max-width: 350px;font-size: 18px;margin-top: 10;position: absolute;/* margin: 100px 2% 80px 0; *//* float: right; */right: 0;top: 120px;}
.form-holder p{margin: 5px auto;padding: 0;font-size: 14px;}
.form-holder input{margin:0 auto;padding: 5px 0 5px 4px;border-bottom: solid #000;width: 100%;background:transparent;outline: 0;border-width: 0 0 1px 0;color: #000;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 1px 0;color: #000;font-size: 14px;}

.form-holder .btn{/* background: #ffba4f; */padding: 10px;color: #fff;font-family: 'Poppinsbold';width: 110px;font-size: 18px;display: table-caption;border-radius: 10px;background: #686bbb;text-align: center;}
.form-holder .tnc{font-size: 10px;margin: 0;display: inline-block;/* text-align: center; */}
.chooseBTN{ border: 0!important}
.upload-dis{ font-size: 10px; padding: 0; margin: 0}

.form-holder input[type="file"]::file-selector-button {
  padding: 10px;
	border-radius: 10px;
  background-color: #686bbb;
  transition: 1s;
	border: 0;
	color: #fff;
	 font-family: 'Poppins';
}

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


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

.section2{width: 100%;position: relative;overflow: hidden;padding: 30px 10%;background-size: 60% auto;background:#eedd14;text-align: center;display: flex;flex-wrap:nowrap;}
.section2 div{padding: 10px;text-align: left;font-size: 30px;/* margin: 5px; */}
.section2 div span{ font-family: 'Poppinsbold';  }
.section2 img{ width: 180px; height: auto }
.sep-1 { width: 100%; height:auto ;}
.sep-1 img { width: 100%; height:auto ; display: block}
.sep-2 { width: 100%; height:auto ;}
.sep-2 img { width: 100%; height:auto ; display: block}

.section3{width: 100%;position: relative;overflow: hidden;padding: 30px 0;background-image: url("images/Sec3-bgT.png");background-position: center 10%;background-size: 100% auto;background-color:#686bba; background-repeat: no-repeat; text-align: center;font-size: 30px; display: flex; flex-wrap: wrap;}
.heading-textST{display: flex;align-items: center;font-family: 'Grandstander';font-size: 60px;color: #eedd14;text-align: center;margin: 20px auto; justify-content: center}.heading-textST img{width: 100%;height: auto;text-align: center}
.heading-textST div{ display: flex}
.heading-textST div:nth-child(1) { width: 20%}
.heading-textST div:nth-child(3) { width: 20%;}


.heading-textAB{display: flex;align-items: center;font-family: 'Grandstander';font-size: 60px;color: #eedd14;text-align: center;margin: 20px auto; justify-content: center}.heading-textAB img{width: 100%;height: auto;/* text-align: right; */}
.heading-textAB div{ display: flex}
.heading-textAB div:nth-child(1) { width: 20%}
.heading-textAB div:nth-child(3) { width: 20%;}

.section3 .msPNT{ width: 90%; margin: 0 auto;}
.section3 .msPNT img{ width: 100%; height: auto; display: block}
.section3 .msPNT-m{ width: 90%; margin: 0 auto; display: none}
.section3 .msPNT-m img{ width: 100%; height: auto; display: block}
.btn-top{background: #ffe900;color: #686bb8;margin: 10px auto;padding: 10px 20px;font-family: 'Poppinsbold';font-size: 28px;border-radius: 40px; text-align: center; font-family: 'Grandstander'; font-size: 40px}


.section4{width: 100%;position: relative;overflow: hidden; padding: 30px 0; background-image: url("images/Sec4-bgT.png"), url("images/Sec4-bgB.png"); background-color:#ff9e1b; background-position: top center, bottom center ;background-size: 100%, 100% ;text-align: center;font-size: 30px; display: flex;  background-repeat: no-repeat;}

.section4-inn{width: 80%;margin: 0 auto;display: flex;justify-content: center;justify-content:space-around;line-height: 1.2;}
.section4-inn div:nth-child(1){ width: 50%; text-align: left}
.section4-inn div:nth-child(1) img{ width: 100%; height: auto}
.section4-inn div:nth-child(2){ width: 40%; font-size: 22px; text-align: left;}
.section4-inn h1{ font-family: 'Grandstander';font-size: 80px; padding: 0 20px;}
.btn-mid{background: #7e4603;color: #fff;margin: 10px auto;padding: 10px 20px;font-family: 'Poppinsbold';font-size: 28px;border-radius: 40px; text-align: center; font-family: 'Grandstander'; font-size: 40px; display: inline-block;}
.sec4-Img{ display: block;}

.section5{
  width: 100%;
  position: relative;
  overflow: hidden;
  background-image: url(images/sec-5bgT.png), url(images/sec-5bgB.png);
  background-color: #686bba;
  background-position: center top, center bottom;
  background-repeat: no-repeat;
  background-size: 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: 'Baloo Paaji';/* width: 60%; */margin: 0 auto;color: #fbe90d;line-height: 1.2;/* 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';display: table;margin: 0 auto;text-align: center;padding: 0;font-size: 22px;width: 60%;}
.destSlider {position:relative;margin: 20px auto;}
.destSlider h1 {font-family: 'Grandstander';font-size: 40px;color: #ffeb00;margin: 0px 0;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; */}

.section6{ background-color: #686bba; padding: 10px 0; text-align: center}
.section6 a{ font-size: 10px;font-family: 'Grandstander'; color: #fff; text-decoration: underline; text-transform: uppercase;}
.destSlider p {width:100%;font-size: 20px;/* color:#fff; */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: 160px !important;height: auto;text-align: center; display: inline-block;}

.btn-bot{/* background: #fff; */color: #686bba;margin: 10px auto;padding: 20px;font-family: 'Grandstander';/* width: 270px; */font-size: 28px;border-radius: 20px;background: #ffeb00;/* 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; */display: inline-block;}
.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;
  font-size: 10px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

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

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  background-color: #000;
}

/* 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: 20px;
  height: 20px;
}

/* 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: 8px;
  top: 4px;
  width: 6px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

textarea {

 background: transparent; border:1px solid #000; width: 100%;font-family: 'Poppins';outline: none;

}
textarea:focus {color:#000;font-family: 'Poppins' }
@media only screen and (max-width: 1466px) and (min-width: 1300px) { 
		.form-holder{margin-right:1%;top: 80px;}

	.form-holder input{padding: 2px 0 2px 4px; font-size: 12px;}
	.form-holder select{padding: 2px 0 2px 0px; font-size: 12px;}
	.form-holder p {font-size: 12px;}
	.logo {top: 10px;}
	
}

@media only screen and (max-width: 1299px) and (min-width: 851px) { 
		.form-holder{margin-right:1%;top: 80px; width: 25%}

	.form-holder input{padding: 1px 0 1px 4px; font-size: 10px;}
	.form-holder select{padding: 1px 0 1px 0px; font-size: 10px;}
	.form-holder p {font-size: 10px;}
	.logo {top: 10px;}
	.container{ font-size: 9px}
	.form-holder .tnc{ font-size: 9px}
	.section2 div {font-size: 24px}
	
}
@media only screen and (max-width: 1466px) { 
	.banner-holder{width: 100%;background: url("images/bg.jpg") no-repeat;/* padding: 20px 20px 0 20px; */position: relative;overflow: hidden;background-size: auto 100%;background-position: 30% top;}

	.banner-img {width: 60%;/* left:48%; */;  margin-top: 20px;}
	
	.logo{/* margin: 0 0 0 2%; */}
	.banner-txt{    margin: 0 0 0 2%;}

	.banner-txt p {font-size: 23px;line-height: 1.7;}
	.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;
    }
	.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 {    padding: 30px 10%;}

}

@media only screen and (max-width: 1000px)  { 
	
	.banner-img {
    width: 60%;
		margin-top: 160px;
   
		margin-left: 0px;}
	.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) {
	.logo {display: none;}
	.mascot-img{ display: none; width: 100%; height: auto}
	.mascot-imgM{ display: block; width: 100%; height: auto}
	.mascot-imgM img{ display: block; width: 100%; height: auto}
	.banner-holder { background: url("images/banner-bgM.png") no-repeat bottom #686bb8; background-size: 100% auto;}
	.logo{ width: 200px; right: 0; left: inherit}
	.banner-txt{ width: 100%; margin: 0 auto;}
	.banner-txt p{ font-size: 16px; text-align: center;}
	.banner-img {position: relative;width: 80%;margin: 20px auto 0 auto; text-align: center; float: none}
	.form-holder{width: 100%;margin: 10px auto;max-width: none;position: relative;max-width: 330px;left: unset;right: unset;top: 0;}
	.form-holder{/* font-size: 13px; */}
	.form-holder input{padding: 5px;}
	.form-holder select{/* padding: 5px; */}
	.section2 { padding: 10px;}
	.section2 div{padding: 5px;}
	.section2 img { width: 80px}
	.section2 div {font-size: 16px;}
	
	.sep-1 { display: none;}
	.section3 { background: url("images/banner-bgM.png") no-repeat bottom #686bb8; background-size: 100% auto;}

	.heading-textST {font-size: 22px;}
	.heading-textST div:nth-child(1){ width: 15%}
	.heading-textST div:nth-child(3){ width: 15%}
	
	.heading-textAB {font-size: 22px;}
	.heading-textAB div:nth-child(1){width: 15%;}
	.heading-textAB div:nth-child(3){width: 15%;/* text-align: right; */margin-left: 5px;}
	.section3 .msPNT {display: none;}
	.section3 .msPNT-m {display: block; width: 100%;}
	
	
	.section3 { padding: 20px 10px 0px 10px; line-height: 1.2 }
	
	.section3 h1 {font-size: 30px;}
	.section3 p  {font-size: 20px;}
	.section3 video {    width: 90%;}
	
	.section4{width: 100%;position: relative;overflow: hidden;padding: 30px 0 120px 0;background-image: url("images/Sec4-bgMT.png"), url("images/Sec4-bgMB.png");background-color:#ff9e1b;background-position: top center, bottom center;background-size: 100%, 100%;text-align: center;font-size: 30px;display: flex;background-repeat: no-repeat;}
	.section4-inn {flex-wrap: wrap;}
	.sec4-Img{ display: none;}
	.section4-inn div:nth-child(1) {width: 100%; text-align: center}
	.section4-inn div:nth-child(2) {width: 100%; text-align: center; font-size: 16px;; line-height: 1}
	.section4-inn h1 {font-size: 32px}
	
		.section5 {padding: 20px 30px 0px 30px;line-height: 1.2}
	.section5{
		width: 100%;
		position: relative;
		overflow: hidden;
		background-image: url(images/sec-5bgMT.png), url("images/sec-5bgMB.png");
		background-color: #686bba;
		background-position: center 30px, center bottom;
		background-repeat: no-repeat;
		background-size: 100%, 100%;
		}
	.section5 h1 {font-size: 30px;}
	.section5 span {background: linear-gradient(to right, #B18338 30%, #F6E57F 44%, #C7A23C 78%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }

	.section5 p {
    font-size: 20px; width: 90%; margin: 0 auto;
    /* 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; */}
	.btn-blue{font-size: 20px; width: 300px;}
	.btn-top { font-size: 22px;}
	.btn-mid {font-size: 22px;}
	.btn-bot {font-size: 22px;margin-bottom: 70px;}
	.destSlider{width:90%; height: auto}
	.section6 a { font-size: 10px}
	

	
}
@media only screen and (max-width: 480px) {
	
	.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: 10px;}
	
		.section2 div {font-size: 12px;}

		.section5 {padding: 20px 10px 0px 10px;line-height: 1.2}
	.section5 h1 {font-size: 30px;}
	.heading-textST { font-size: 20px;}
	.heading-textAB { font-size: 20px;}
	.section5 p {font-size: 13px;/* width: 90%; */}
	.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}

	
}
