@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap');
body {
  margin: 0;
  padding: 0;
  font-family: 'Quicksand', sans-serif;
}

:focus {
    outline:none !important;
}
::placeholder {
  /* YH color: #a5a5a5 !important; */
  color: #858585 !important;
}
.modal-body {
    text-align: center;
    padding:20px 20px 40px 20px;
    color: #fff;
}
.modal-content {
    background-color: #7f459b;
	border: 0;
}
.modal-header {
    border: 0;
    text-align: center;
    padding: 20px 10px 0 10px;
}
.modal-header button.close {
    float: none !important;
    text-shadow: none;
    color: #fff;
    opacity: 1;
    font-size: 60px;
    padding: 0;
    margin: auto;
    font-weight: 500;
}
/* YH .header .Register select#exampleFormControlSelect1 .form-control.is-valid, .was-validated .form-control:valid { */
.header .Register select .form-control.is-valid, .was-validated .form-control:valid {
    background-image: none;
}	
/* YH .header .Register select#exampleFormControlSelect1 { */
.header .Register select {
    width: 100%;
    height: 55px;
    text-align: left;
    padding: 15px;
    /* YH border: 1px solid #d2d2d2; */
    border: 1px solid #828282;
    border-radius: 10px;
    background-color: #fff;
    /* YH color: #a5a5a5; */
    color: #858585;
}
/* YH .header .Register select#exampleFormControlSelect1:focus { */
.header .Register select:focus {
    box-shadow:none;
}

.header {
  background-image: url(../landing-img/banner-top.svg);
  background-repeat: no-repeat;
  background-size: cover;
  padding:40px 0 87px 0;
	position: relative;
	z-index: 99;
}
.header .dateandtime {
  text-align: right;
}
.header .dateandtime h2 {
  color: #fff;
  font-size: 70px;
  font-family: 'Quicksand', sans-serif;
  text-transform: uppercase;
  line-height: 50px;
	margin:0;
	margin-bottom:15px;
}
.header .dateandtime p {
  margin: 0;
  color: #fff;
  font-size: 23px;
  line-height: 20px;
  font-weight: 500;
}
.header .para1 h5 {
  margin: 0;
  color: #fff;
  font-size: 28px;
  line-height: 30px;
  font-weight: 500;
  text-align: center;
}
.header .para1 h5 span {
  font-weight: 700;
  font-style: italic;
}
.header .para1 {
  /* YH padding: 65px 0px 30px 0px; */
  padding: 45px 0px 30px 0px;
}
.header .Register {
  background-color: #fff;
  /* YH padding: 30px; */
  padding: 20px 30px;
  box-shadow: 0px 3px 30px 0px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}
.header .Register label.form-check-label.check-box-style {
    color: #767676;
    font-size: 14px;
    line-height: 15px;
    margin: 0px;
    font-weight: 400;
}
.header .Register .form-check {
    /* YH margin: 20px 0px; */
    margin: 7px 0px;
}
.header .Register label {
  color: #242a2e;
  font-weight: 700;
  line-height: 12px;
  font-size: 17px;
  margin: 14px 0;
}
.header .Register input.form-control {
  height: 55px;
  border-radius: 10px;
  /* YH border: 1px solid #d2d2d2; */
  border: 1px solid #828282;
  padding: 23px;
}
.side-borderless1 {
  border-radius: 10px 0px 0px 10px !important;
}
.side-borderless2 {
  border-radius: 0px 10px 10px 0px !important;
}
.header .Register p {
  color: #767676;
  font-size: 14px;
  line-height: 15px;
  margin: 33px 0px;
}
.header .Register p input[type="checkbox"] {
  margin: 0 11px 14px 0 !important;
  float: left;
}
.header .Register button.btn-Register {
  width: 100%;
  padding: 20px;
  font-size: 18px;
  line-height: 15px;
  font-weight: 700;
  text-transform: uppercase;
  background-color: #fbad22;
  border-radius: 10px;
  color: #fff;
  border: 2px solid transparent;
  box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.15);
}
.header .Register button.btn-Register:focus {
  outline: 0px;
}
.header .Register input.form-control:focus {
  box-shadow: inset 0px 1px 11.88px 0.12px rgba(0, 0, 0, 0.1);
}
.header .Register button.btn-Register:hover {
  color: #fbad22;
  background-color: #fff;
  border: 2px solid #fbad22;
}
.header .information {
  text-align: center;
}
.header .information h6 {
  color: #fff;
  margin: 0px 0 18px 0;
  font-size: 19px;
  font-weight: 500;
}
.header .information p {
  color: #fff;
  font-size: 18px;
  font-weight: 300;
  margin: 17px 0px;
  line-height: 14px;
}
.header .information h3 {
  color: #fff;
  margin: 0px 0px 17px 0px;
  font-size: 40px;
  line-height: 30px;
  font-weight: 300;
}
.header .information h3 span {
  font-weight: 500;
}
.header .information h4 {
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  line-height: 20px;
  margin: 0 0 17px 0;
}
.header .information h4 span {
  font-size: 14px;
}
.informationandslider {
  background-image: url("../landing-img/events_bg.png");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100%;
  position: relative;
  /* YH padding: 140px 0 200px 0; */
  padding: 0 0 150px 0;
  /* YH margin-top:-110px; */
}
.informationandslider .informationandslider-inner {
  margin-bottom: 40px;
}
.informationandslider .informationandslider-inner h6 {
  color: #262626;
  font-weight: 700;
  line-height: 26px;
  font-size: 27px;
  margin-bottom: 25px;
}
.informationandslider .informationandslider-inner ul {
  padding-left: 96px;
  margin: 0;
  font-style: italic;
}
.informationandslider .informationandslider-inner ul li {
  font-size: 22px;
  line-height: 36px;
  color: #242424;
  font-weight: 400;
}
.informationandslider .slider h3 {
  font-size: 58px;
  font-weight: 700;
  color: #232323;
  margin-bottom: 20px;
}
.informationandslider .slider .under_line {
  width: 126px;
  height: 2px;
	background-color: #7f459b;
}
.informationandslider .slick-prev {
  top: -100px;
  left: 84%;
	background:url("../landing-img/silder-arrow2.png") no-repeat;
}
.informationandslider .slick-next {
  top: -100px;
  left: 90%;
	background:url("../landing-img/silder-arrow1.png") no-repeat;
}
.slick-next:hover, .slick-next:focus{
	 background:url("../landing-img/silder-arrow1.png") no-repeat !important;
}

.slick-prev:hover, .slick-prev:focus{
	 background:url("../landing-img/silder-arrow2.png") no-repeat !important;
}
 /*
.informationandslider .slick-arrow:hover .slick-prev{
	background:url("../landing-img/silder-arrow2.png") no-repeat;
}
.informationandslider .slick-arrow:hover .slick-next{
	background:url("../landing-img/silder-arrow2.png") no-repeat;
}
*/
.informationandslider .slick-arrow {
    height: 30px;
    width: 62px;
	text-indent: -690px;
}
 
.informationandslider .slick-next:before :hover{color:#7f459b !important; }
.informationandslider .slick-dots li{ display: none;}
.informationandslider .box{text-align: center;}
.informationandslider .box h5 {
    color: #232323;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    padding: 30px 37px 15px 37px;
	margin: 0;
}
.informationandslider .box p {
    font-size: 16px;
    line-height: 20px;
    padding: 0px 37px 30px 37px;
    margin: 0;
	font-weight: 300;
}
.informationandslider .box h6 {
    font-size: 16px;
    line-height: 22px;
    padding: 0px 37px 30px 37px;
    margin: 0;
}
.informationandslider .box button.btn-Register {
    width: 80%;
    padding: 12px 0px;
    font-size: 15px;
    line-height: 16px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    border: 2px solid transparent;
    background-color: #7f459b;
    border-radius: 10px;
}
.informationandslider .box button.btn-Register:focus{outline: none;}

.informationandslider .box h5 {
    color: #232323;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    padding: 30px 37px 15px 37px;
    margin: 0;
}


.informationandslider .box {
    text-align: center;
    padding: 0 0 35px 0;
    background-color: #fff;
	box-shadow: 0px 0px 14.28px 6.72px rgba(164, 164, 164, 0.16);
	margin:15px 10px  20px 0px;
	/*border: 1px solid rgb(0, 0, 0);*/
}
.slick-dotted.slick-slider {
    margin-bottom: 0 !important;
}
.informationandslider .box button.btn-Register:hover{  border: 2px solid #7f459b;
    background-color: #fff; 
	color: #7f459b;
}
.informationandslider .slider {
    /* YH margin-bottom: 55px; */
    margin-bottom: 30px;
}
.informationandslider .ceo-profile p {
    color: #717171;
    margin: 0;
    font-size: 22px;
    line-height: 18px;
}
.informationandslider .ceo-profile h2 {
    color: #717171;
    margin: 0;
    font-size: 60px;
    line-height: 60px;
    font-weight: 700;
}
.informationandslider .ceo-profile h5 {
    color: #717171;
    margin: 0;
    font-size: 29px;
    line-height: 40px;
    font-weight: 600;
}
.footer {
    text-align: center;
    background-image: url(../landing-img/banner-bottom.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    position: relative;
    padding: 58px 0px 40px;
    margin-top: -140px;
}
.informationandslider .ceo-pic {
    margin: 40px 0px 30px 0px;
}

















@media (min-width:0px) and (max-width:320px) {
.header {
    background-color: #7f459b;
      padding: 30px 0;
	background-image: none;
}
	.logo {
    text-align: center;
}
	.header .dateandtime h2 {
       font-size: 40px;
		text-align: center;
        line-height: 50px;
    margin:10px 0;
}
	.header .dateandtime p{
		font-size: 16px;
		text-align: center;
        line-height: 20px;
    margin: 0;}
	.header .para1 {
    padding: 15px 0;
}
.header .para1 h5 {
    font-size: 22px;
    line-height: 25px;
    
}
	.header .Register {
      padding: 30px 20px;
   }
.header .Register label {
     line-height: 12px;
    font-size: 16px;
    margin: 12px 0;
}
	.header .Register p {
      font-size: 12px;
    line-height: 13px;
    margin: 20px 0px;
}
	.header .Register p input[type="checkbox"] {
    margin: 0 11px 40px 0 !important;
    }
.header .Register button.btn-Register {
    padding: 18px;
    font-size: 15px;
	line-height: 12px;}
.header .information h6 {
      margin: 20px 0 20px 0;
    font-size: 16px;
	}
	.header .information p {
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    margin: 20px 0px;
    line-height: 18px;
}
	.header .information h3 {
        margin: 0px 0px 20px 0px;
    font-size: 35px;
    line-height: 27px;
    }
	.informationandslider .informationandslider-inner h6 {
    color: #262626;
    font-weight: 700;
    line-height: 23px;
    font-size: 16px;
    margin-bottom: 25px;
    text-align: center;
}
	.informationandslider .informationandslider-inner ul {
		padding-left: 23px;}
	.informationandslider .informationandslider-inner ul li {
    font-size: 14px;
    line-height: 24px;
    }
	.informationandslider .slider h3 {
    font-size: 24px;
     margin-bottom: 20px;
}
	.informationandslider .slick-next {
    top: -35px;
    left: 52%;
}
	.informationandslider .slick-prev {
    top: -35px;
    left: 28%;
}
	.informationandslider .slider {
    margin-bottom: 85px;
}
	.informationandslider .box h5 {
    font-size: 14px;
    line-height: 18px;
    padding:  10px 20px 10px 20px;
    }
	.informationandslider .box p {
    font-size: 14px;
    line-height: 20px;
    padding:  10px 20px 10px 20px;
    }
	.informationandslider .box h6 {
    font-size: 14px;
    line-height: 18px;
    padding:  10px 20px 10px 20px;
    margin: 0;
}
	.informationandslider .ceo-pic {
    margin:20px 0px;
    text-align: center;
}
	.informationandslider .ceo-profile{
     text-align: center;
}
	.informationandslider .ceo-profile p {
       font-size: 18px;
    line-height: 16px;
}
	.informationandslider .ceo-profile h2 {
    color: #717171;
      font-size: 30px;
    line-height: 40px;
   }
	.informationandslider .ceo-profile h5 {
    font-size: 18px;
    line-height: 20px;
    }
	.footer {
    background-color: #7f459b;
    background-image: none;
    padding: 40px 0px;
}
	.informationandslider {
    background: none;
    margin: 0 !important;
    position: unset;
	/* YH padding: 140px 0 200px 0; */
	padding: 100px 0 150px 0;
}
	.header .Register label.form-check-label.check-box-style {
    font-size: 14px;
    line-height: 15px;
    margin:0px;
}
	.header .Register .form-check {
    margin: 20px 0px;
}
}
@media (min-width:321px) and (max-width:480px) {
.header {
    background-color: #7f459b;
      padding: 30px 0;
	background-image: none;
}
	.logo {
    text-align: center;
}
	.header .dateandtime h2 {
       font-size: 40px;
		text-align: center;
        line-height: 50px;
    margin:10px 0;
}
	.header .dateandtime p{
		font-size: 16px;
		text-align: center;
        line-height: 20px;
    margin: 0;}
	.header .para1 {
    padding: 15px 0;
}
.header .para1 h5 {
    font-size: 22px;
    line-height: 25px;
    
}
	.header .Register {
      padding: 30px 20px;
   }
.header .Register label {
     line-height: 12px;
    font-size: 16px;
    margin: 12px 0;
}
	.header .Register p {
      font-size: 12px;
    line-height: 13px;
    margin: 20px 0px;
}
	.header .Register p input[type="checkbox"] {
    margin: 0 11px 40px 0 !important;
    }
.header .Register button.btn-Register {
    padding: 18px;
    font-size: 15px;
	line-height: 12px;}
.header .information h6 {
      margin: 20px 0 20px 0;
    font-size: 16px;
	}
	.header .information p {
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    margin: 20px 0px;
    line-height: 18px;
}
	.header .information h3 {
        margin: 0px 0px 20px 0px;
    font-size: 35px;
    line-height: 27px;
    }
	.informationandslider .informationandslider-inner h6 {
    color: #262626;
    font-weight: 700;
    line-height: 23px;
    font-size: 16px;
    margin-bottom: 25px;
    text-align: center;
}
	.informationandslider .informationandslider-inner ul {
		padding-left: 23px;}
	.informationandslider .informationandslider-inner ul li {
    font-size: 14px;
    line-height: 24px;
    }
	.informationandslider .slider h3 {
    font-size: 24px;
     margin-bottom: 20px;
}
	.informationandslider .slick-next {
    top: -35px;
    left: 52%;
}
	.informationandslider .slick-prev {
    top: -35px;
    left: 28%;
}
	.informationandslider .slider {
    margin-bottom: 85px;
}
	.informationandslider .box h5 {
    font-size: 14px;
    line-height: 18px;
    padding:  10px 20px 10px 20px;
    }
	.informationandslider .box p {
    font-size: 14px;
    line-height: 20px;
    padding:  10px 20px 10px 20px;
    }
	.informationandslider .box h6 {
    font-size: 14px;
    line-height: 18px;
    padding:  10px 20px 10px 20px;
    margin: 0;
}
	.informationandslider .ceo-pic {
    margin:20px 0px;
    text-align: center;
}
	.informationandslider .ceo-profile{
     text-align: center;
}
	.informationandslider .ceo-profile p {
       font-size: 18px;
    line-height: 16px;
}
	.informationandslider .ceo-profile h2 {
    color: #717171;
      font-size: 30px;
    line-height: 40px;
   }
	.informationandslider .ceo-profile h5 {
    font-size: 18px;
    line-height: 20px;
    }
	.footer {
    background-color: #7f459b;
    background-image: none;
    padding: 40px 0px;
}
	.informationandslider {
    background: none;
    margin: 0 !important;
    position: unset;
	/* YH padding: 140px 0 200px 0; */
	padding: 100px 0 150px 0;
}.header {
    background-color: #7f459b;
      padding: 30px 0;
	background-image: none;
}
	.logo {
    text-align: center;
}
	.header .dateandtime h2 {
       font-size: 40px;
		text-align: center;
        line-height: 50px;
    margin:10px 0;
}
	.header .dateandtime p{
		font-size: 16px;
		text-align: center;
        line-height: 20px;
    margin: 0;}
	.header .para1 {
    padding: 15px 0;
}
.header .para1 h5 {
    font-size: 22px;
    line-height: 25px;
    
}
	.header .Register {
      padding: 30px 20px;
   }
.header .Register label {
     line-height: 12px;
    font-size: 16px;
    margin: 12px 0;
}
	.header .Register p {
      font-size: 12px;
    line-height: 13px;
    margin: 20px 0px;
}
	.header .Register p input[type="checkbox"] {
    margin: 0 11px 40px 0 !important;
    }
.header .Register button.btn-Register {
    padding: 18px;
    font-size: 15px;
	line-height: 12px;}
.header .information h6 {
      margin: 20px 0 20px 0;
    font-size: 16px;
	}
	.header .information p {
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    margin: 20px 0px;
    line-height: 18px;
}
	.header .information h3 {
        margin: 0px 0px 20px 0px;
    font-size: 35px;
    line-height: 27px;
    }
	.informationandslider .informationandslider-inner h6 {
    color: #262626;
    font-weight: 700;
    line-height: 23px;
    font-size: 16px;
    margin-bottom: 25px;
    text-align: center;
}
	.informationandslider .informationandslider-inner ul {
		padding-left: 23px;}
	.informationandslider .informationandslider-inner ul li {
    font-size: 14px;
    line-height: 24px;
    }
	.informationandslider .slider h3 {
    font-size: 24px;
     margin-bottom: 20px;
}
	.informationandslider .slick-next {
    top: -35px;
    left: 52%;
}
	.informationandslider .slick-prev {
    top: -35px;
    left: 28%;
}
	.informationandslider .slider {
    margin-bottom: 85px;
}
	.informationandslider .box h5 {
    font-size: 14px;
    line-height: 18px;
    padding:  10px 20px 10px 20px;
    }
	.informationandslider .box p {
    font-size: 14px;
    line-height: 20px;
    padding:  10px 20px 10px 20px;
    }
	.informationandslider .box h6 {
    font-size: 14px;
    line-height: 18px;
    padding:  10px 20px 10px 20px;
    margin: 0;
}
	.informationandslider .ceo-pic {
    margin:20px 0px;
    text-align: center;
}
	.informationandslider .ceo-profile{
     text-align: center;
}
	.informationandslider .ceo-profile p {
       font-size: 18px;
    line-height: 16px;
}
	.informationandslider .ceo-profile h2 {
    color: #717171;
      font-size: 30px;
    line-height: 40px;
   }
	.informationandslider .ceo-profile h5 {
    font-size: 18px;
    line-height: 20px;
    }
	.footer {
    background-color: #7f459b;
    background-image: none;
    padding: 40px 0px;
}
	.informationandslider {
    background: none;
    margin: 0 !important;
    position: unset;
	/* YH padding: 140px 0 200px 0; */
	padding: 50px 0 150px 0;
}
	.header .Register label.form-check-label.check-box-style {
    font-size: 14px;
    line-height: 15px;
    margin:0px;
}
	.header .Register .form-check {
    margin: 20px 0px;
}
}
@media (min-width:481px) and (max-width:640px) {
.header {
    background-color: #7f459b;
      padding: 30px 0;
	background-image: none;
}
	.logo {
    text-align: center;
}
	.header .dateandtime h2 {
       font-size: 40px;
		text-align: center;
        line-height: 50px;
    margin:10px 0;
}
	.header .dateandtime p{
		font-size: 16px;
		text-align: center;
        line-height: 20px;
    margin: 0;}
	.header .para1 {
    padding: 15px 0;
}
.header .para1 h5 {
    font-size: 22px;
    line-height: 25px;
    
}
	.header .Register {
      padding: 30px 20px;
   }
.header .Register label {
     line-height: 12px;
    font-size: 16px;
    margin: 12px 0;
}
	.header .Register p {
      font-size: 12px;
    line-height: 13px;
    margin: 20px 0px;
}
	.header .Register p input[type="checkbox"] {
    margin: 0 11px 40px 0 !important;
    }
.header .Register button.btn-Register {
    padding: 18px;
    font-size: 15px;
	line-height: 12px;}
.header .information h6 {
      margin: 20px 0 20px 0;
    font-size: 16px;
	}
	.header .information p {
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    margin: 20px 0px;
    line-height: 18px;
}
	.header .information h3 {
        margin: 0px 0px 20px 0px;
    font-size: 35px;
    line-height: 27px;
    }
	.informationandslider .informationandslider-inner h6 {
    color: #262626;
    font-weight: 700;
    line-height: 23px;
    font-size: 16px;
    margin-bottom: 25px;
    text-align: center;
}
	.informationandslider .informationandslider-inner ul {
		padding-left: 23px;}
	.informationandslider .informationandslider-inner ul li {
    font-size: 14px;
    line-height: 24px;
    }
	.informationandslider .slider h3 {
    font-size: 24px;
     margin-bottom: 20px;
}
	.informationandslider .slick-next {
    top: -35px;
    left: 52%;
}
	.informationandslider .slick-prev {
    top: -35px;
    left: 38%;
}
	.informationandslider .slider {
    margin-bottom: 85px;
}
	.informationandslider .box h5 {
    font-size: 14px;
    line-height: 18px;
    padding:  10px 20px 10px 20px;
    }
	.informationandslider .box p {
    font-size: 14px;
    line-height: 20px;
    padding:  10px 20px 10px 20px;
    }
	.informationandslider .box h6 {
    font-size: 14px;
    line-height: 18px;
    padding:  10px 20px 10px 20px;
    margin: 0;
}
	.informationandslider .ceo-pic {
    margin:20px 0px;
    text-align: center;
}
	.informationandslider .ceo-profile{
     text-align: center;
}
	.informationandslider .ceo-profile p {
       font-size: 18px;
    line-height: 16px;
}
	.informationandslider .ceo-profile h2 {
    color: #717171;
      font-size: 30px;
    line-height: 40px;
   }
	.informationandslider .ceo-profile h5 {
    font-size: 18px;
    line-height: 20px;
    }
	.footer {
    background-color: #7f459b;
    background-image: none;
    padding: 40px 0px;
}
	.informationandslider {
    background: none;
    margin: 0 !important;
    position: unset;
	/* YH padding: 140px 0 200px 0; */
	padding: 50px 0 150px 0;
}
	.header .Register label.form-check-label.check-box-style {
    font-size: 14px;
    line-height: 15px;
    margin:0px;
}
	.header .Register .form-check {
    margin: 20px 0px;
}
}
@media (min-width:641px) and (max-width:768px) {
.header {
    background-color: #7f459b;
      padding: 30px 0;
	background-image: none;
}
	.logo {
    text-align: center;
}
	.header .dateandtime h2 {
       font-size: 40px;
		text-align: center;
        line-height: 50px;
    margin:10px 0;
}
	.header .dateandtime p{
		font-size: 16px;
		text-align: center;
        line-height: 20px;
    margin: 0;}
	.header .para1 {
    padding: 15px 0;
}
.header .para1 h5 {
    font-size: 22px;
    line-height: 25px;
    
}
	.header .Register {
      padding: 30px 20px;
   }
.header .Register label {
     line-height: 12px;
    font-size: 16px;
    margin: 12px 0;
}
.header .Register label.form-check-label.check-box-style {
    font-size: 14px;
    line-height: 15px;
    margin:0px;
}
	.header .Register .form-check {
    margin: 20px 0px;
}
	.header .Register p input[type="checkbox"] {
    margin: 0 11px 40px 0 !important;
    }
.header .Register button.btn-Register {
    padding: 18px;
    font-size: 15px;
	line-height: 12px;}
.header .information h6 {
      margin: 20px 0 20px 0;
    font-size: 16px;
	}
	.header .information p {
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    margin: 20px 0px;
    line-height: 18px;
}
	.header .information h3 {
        margin: 0px 0px 20px 0px;
    font-size: 35px;
    line-height: 27px;
    }
	.informationandslider .informationandslider-inner h6 {
    color: #262626;
    font-weight: 700;
    line-height: 23px;
    font-size: 16px;
    margin-bottom: 25px;
    text-align: center;
}
	.informationandslider .informationandslider-inner ul {
		padding-left: 23px;}
	.informationandslider .informationandslider-inner ul li {
    font-size: 14px;
    line-height: 24px;
    }
	.informationandslider .slider h3 {
    font-size: 24px;
     margin-bottom: 20px;
}
	.informationandslider .slick-next {
    top: -35px;
    left: 52%;
}
	.informationandslider .slick-prev {
    top: -35px;
    left: 38%;
}
	.informationandslider .slider {
    margin-bottom: 85px;
}
	.informationandslider .box h5 {
    font-size: 14px;
    line-height: 18px;
    padding:  10px 20px 10px 20px;
    }
	.informationandslider .box p {
    font-size: 14px;
    line-height: 20px;
    padding:  10px 20px 10px 20px;
    }
	.informationandslider .box h6 {
    font-size: 14px;
    line-height: 18px;
    padding:  10px 20px 10px 20px;
    margin: 0;
}
	.informationandslider .ceo-pic {
    margin:20px 0px;
    text-align: center;
}
	.informationandslider .ceo-profile{
     text-align: center;
}
	.informationandslider .ceo-profile p {
       font-size: 18px;
    line-height: 16px;
}
	.informationandslider .ceo-profile h2 {
    color: #717171;
      font-size: 30px;
    line-height: 40px;
   }
	.informationandslider .ceo-profile h5 {
    font-size: 18px;
    line-height: 20px;
    }
	.footer {
    background-color: #7f459b;
    background-image: none;
    padding: 40px 0px;
}
	.informationandslider {
    background: none;
    margin: 0 !important;
    position: unset;
	/* YH padding: 140px 0 200px 0; */
	padding: 100px 0 150px 0;
}
}
@media (min-width:769px) and (max-width:800px) {
.header {
    background-color: #7f459b;
      padding: 30px 0;
	background-image: none;
}
	.logo {
    text-align: center;
}
	.header .dateandtime h2 {
       font-size: 40px;
		text-align: center;
        line-height: 50px;
    margin:10px 0;
}
	.header .dateandtime p{
		font-size: 16px;
		text-align: center;
        line-height: 20px;
    margin: 0;}
	.header .para1 {
    padding: 15px 0;
}
.header .para1 h5 {
    font-size: 22px;
    line-height: 25px;
    
}
	.header .Register {
      padding: 30px 20px;
   }
.header .Register label {
     line-height: 12px;
    font-size: 16px;
    margin: 12px 0;
}
	.header .Register p {
      font-size: 12px;
    line-height: 13px;
    margin: 20px 0px;
}
	.header .Register p input[type="checkbox"] {
    margin: 0 11px 40px 0 !important;
    }
.header .Register button.btn-Register {
    padding: 18px;
    font-size: 15px;
	line-height: 12px;}
.header .information h6 {
      margin: 20px 0 20px 0;
    font-size: 16px;
	}
	.header .information p {
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    margin: 20px 0px;
    line-height: 18px;
}
	.header .information h3 {
        margin: 0px 0px 20px 0px;
    font-size: 35px;
    line-height: 27px;
    }
	.informationandslider .informationandslider-inner h6 {
    color: #262626;
    font-weight: 700;
    line-height: 23px;
    font-size: 16px;
    margin-bottom: 25px;
    text-align: center;
}
	.informationandslider .informationandslider-inner ul {
		padding-left: 23px;}
	.informationandslider .informationandslider-inner ul li {
    font-size: 14px;
    line-height: 24px;
    }
	.informationandslider .slider h3 {
    font-size: 24px;
     margin-bottom: 20px;
}
	.informationandslider .slick-next {
    top: -35px;
    left: 52%;
}
	.informationandslider .slick-prev {
    top: -35px;
    left: 38%;
}
	.informationandslider .slider {
    margin-bottom: 85px;
}
	.informationandslider .box h5 {
    font-size: 14px;
    line-height: 18px;
    padding:  10px 20px 10px 20px;
    }
	.informationandslider .box p {
    font-size: 14px;
    line-height: 20px;
    padding:  10px 20px 10px 20px;
    }
	.informationandslider .box h6 {
    font-size: 14px;
    line-height: 18px;
    padding:  10px 20px 10px 20px;
    margin: 0;
}
	.informationandslider .ceo-pic {
    margin:20px 0px;
    text-align: center;
}
	.informationandslider .ceo-profile{
     text-align: center;
}
	.informationandslider .ceo-profile p {
       font-size: 18px;
    line-height: 16px;
}
	.informationandslider .ceo-profile h2 {
    color: #717171;
      font-size: 30px;
    line-height: 40px;
   }
	.informationandslider .ceo-profile h5 {
    font-size: 18px;
    line-height: 20px;
    }
	.footer {
    background-color: #7f459b;
    background-image: none;
    padding: 40px 0px;
}
	.informationandslider {
    background: none;
    margin: 0 !important;
    position: unset;
	/* YH padding: 140px 0 200px 0; */
	padding: 100px 0 150px 0;
}
}
@media (width:768px){
	.informationandslider .informationandslider-inner h6 {
       text-align: left;
}
	.informationandslider .ceo-profile {
    text-align: left;
}
	.informationandslider {
    
    
    padding: 40px 0 160px 0;
}
	
}
@media (min-width:800px) and (max-width:960px) {
.header {
    background-color: #7f459b;
      padding: 30px 0;
	background-image: none;
}
	.logo {
    text-align: center;
}
	.header .dateandtime h2 {
       font-size: 40px;
		text-align: right;
        line-height: 50px;
    margin:10px 0;
}
	.header .dateandtime p{
		font-size: 16px;
		text-align: right;
        line-height: 20px;
    margin: 0;}
	.header .para1 {
    padding: 15px 0;
}
.header .para1 h5 {
    font-size: 22px;
    line-height: 25px;
    
}
	.header .Register {
      padding: 30px 20px;
   }
.header .Register label {
     line-height: 12px;
    font-size: 16px;
    margin: 12px 0;
}
	.header .Register label.form-check-label.check-box-style {
    font-size: 12px;
    line-height: 15px;
    margin:0px;
}
	.header .Register .form-check {
    margin: 20px 0px;
}
	.header .Register p {
      font-size: 12px;
    line-height: 13px;
    margin: 20px 0px;
}
	.header .Register p input[type="checkbox"] {
    margin: 0 11px 40px 0 !important;
    }
.header .Register button.btn-Register {
    padding: 18px;
    font-size: 15px;
	line-height: 12px;}
.header .information h6 {
      margin: 0px 0 18px 0;
    font-size: 16px;
	}
	.header .information p {
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    margin: 20px 0px;
    line-height: 18px;
}
	.header .information h3 {
        margin: 0px 0px 20px 0px;
    font-size: 35px;
    line-height: 27px;
    }
	.informationandslider .informationandslider-inner h6 {
    color: #262626;
    font-weight: 700;
    line-height: 23px;
    font-size: 16px;
    margin-bottom: 25px;
    text-align: center;
}
	.informationandslider .informationandslider-inner ul {
		padding-left: 23px;}
	.informationandslider .informationandslider-inner ul li {
    font-size: 14px;
    line-height: 24px;
    }
	.informationandslider .slider h3 {
    font-size: 24px;
     margin-bottom: 20px;
}
	.informationandslider .slick-next {
    top: -35px;
    left: 52%;
}
	.informationandslider .slick-prev {
    top: -35px;
    left: 38%;
}
	.informationandslider .slider {
    margin-bottom: 85px;
}
	.informationandslider .box h5 {
    font-size: 12px;
    line-height: 16px;
    padding:  10px;
    }
	.informationandslider .box p {
    font-size: 12px;
    line-height:16px;
    padding:  10px;
    }
	.informationandslider .box h6 {
    font-size: 12px;
    line-height: 18px;
    padding:  10px;
    margin: 0;
}
	.informationandslider .ceo-pic {
    margin:20px 0px;
    text-align: center;
}
	.informationandslider .ceo-profile{
     text-align: left;
}
	.informationandslider .ceo-profile p {
       font-size: 18px;
    line-height: 16px;
}
	.informationandslider .ceo-profile h2 {
    color: #717171;
      font-size: 30px;
    line-height: 40px;
   }
	.informationandslider .ceo-profile h5 {
    font-size: 18px;
    line-height: 20px;
    }
	.footer {
    background-color: #7f459b;
    background-image: none;
    padding: 40px 0px;
}
	.informationandslider {
    background: none;
    margin: 0 !important;
    position: unset;
		padding:40px 0 170px 0;
}
	.informationandslider .box button.btn-Register {
      
    font-size: 12px;
    line-height: 16px;
      }
	.informationandslider .box {
      padding: 0 0 28px 0;
       margin: 15px 10px 20px 0px;
    
}
}
@media (min-width:961px) and (max-width:1024px) {
.header {
    background-color: #7f459b;
      padding: 30px 0;
	background-image: none;
}
	.logo {
    text-align: center;
}
	.header .dateandtime h2 {
       font-size: 40px;
		text-align: right;
        line-height: 50px;
    margin:10px 0;
}
	.header .dateandtime p{
		font-size: 16px;
		text-align: right;
        line-height: 20px;
    margin: 0;}
	.header .para1 {
    padding: 15px 0;
}
.header .para1 h5 {
    font-size: 22px;
    line-height: 25px;
    
}
	.header .Register {
      padding: 30px 20px;
   }
.header .Register label {
     line-height: 12px;
    font-size: 16px;
    margin: 12px 0;
}
	.header .Register p {
      font-size: 12px;
    line-height: 13px;
    margin: 20px 0px;
}
	.header .Register p input[type="checkbox"] {
    margin: 0 11px 40px 0 !important;
    }
.header .Register button.btn-Register {
    padding: 18px;
    font-size: 15px;
	line-height: 12px;}
.header .information h6 {
      margin: 0px 0 18px 0;
    font-size: 16px;
	}
	.header .information p {
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    margin: 20px 0px;
    line-height: 18px;
}
	.header .information h3 {
        margin: 0px 0px 20px 0px;
    font-size: 35px;
    line-height: 27px;
    }
	.informationandslider .informationandslider-inner h6 {
    color: #262626;
    font-weight: 700;
    line-height: 23px;
    font-size: 16px;
    margin-bottom: 25px;
    text-align: center;
}
	.informationandslider .informationandslider-inner ul {
		padding-left: 23px;}
	.informationandslider .informationandslider-inner ul li {
    font-size: 14px;
    line-height: 24px;
    }
	.informationandslider .slider h3 {
    font-size: 24px;
     margin-bottom: 20px;
}
	.informationandslider .slick-next {
    top: -35px;
    left: 52%;
}
	.informationandslider .slick-prev {
    top: -35px;
    left: 38%;
}
	.informationandslider .slider {
    margin-bottom: 85px;
}
	.informationandslider .box h5 {
    font-size: 12px;
    line-height: 16px;
    padding:  10px;
    }
	.informationandslider .box p {
    font-size: 12px;
    line-height:16px;
    padding:  10px;
    }
	.informationandslider .box h6 {
    font-size: 12px;
    line-height: 18px;
    padding:  10px;
    margin: 0;
}
	.informationandslider .ceo-pic {
    margin:20px 0px;
    text-align: center;
}
	.informationandslider .ceo-profile{
     text-align: left;
}
	.informationandslider .ceo-profile p {
       font-size: 18px;
    line-height: 16px;
}
	.informationandslider .ceo-profile h2 {
    color: #717171;
      font-size: 30px;
    line-height: 40px;
   }
	.informationandslider .ceo-profile h5 {
    font-size: 18px;
    line-height: 20px;
    }
	.footer {
    background-color: #7f459b;
    background-image: none;
    padding: 40px 0px;
}
	.informationandslider {
    background: none;
    margin: 0 !important;
    position: unset;
		padding:40px 0 170px 0;
}
	.informationandslider .box button.btn-Register {
      
    font-size: 12px;
    line-height: 16px;
      }
	.informationandslider .box {
      padding: 0 0 28px 0;
       margin: 15px 10px 20px 0px;
    
}
}
@media (min-width:1024px) and (max-width:1366px){
	.header {
       background-size: cover;
	}
	.footer{
		
		 background-size: cover;
		padding: 80px 0px 40px;
		
	}

}


/*	ADDED BY YH	*/


.col								{	margin:12px 0; }
.form-control						{	color:#000000; }

.loader-div							{	text-align:center; display:none; }

.loader {
	border: 4px solid #f3f3f3;
	border-radius: 50%;
	border-top: 4px solid #3498db;
	-webkit-animation: spin 2s linear infinite; /* Safari */
	animation: spin 2s linear infinite;
	display:inline-block;
	border-width: 10px;
	width: 50px;
	height: 50px;
}

/* Safari */
@-webkit-keyframes spin {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

.informationandslider .ceo-pic img {
	border-radius: 80px;
    border: 2px solid #623282;
}

.footer {
	padding-bottom:0 !important;
}

.button-only .box					{	box-shadow:none; }
.informationandslider.button-only .box button.btn-Register
									{	font-size:150%; padding:20px 0; }
@media (min-width:1025px) {
.informationandslider.button-only	{	padding:100px 0 0; }
.informationandslider.button-only .box button.btn-Register
									{	width:30%; }
}
@media (min-width:0px) and (max-width:1024px) {
.informationandslider.button-only	{	padding:0; }
.informationandslider.button-only .box button.btn-Register
									{	width:80%; }
.informationandslider.button-only .box
									{	padding:0; }
}