*{
	margin: 0;
	padding: 0;
}

body{
    font-family: 'Poppins', sans-serif;
}
h1{font-size: 39px!important;}

h1,h2,h3,h4,h5,h6, p, a{
    font-family: 'Poppins', sans-serif;
}


header {
    padding: 22px 0 22px 0;
    background: #fff;
}



.timer-div p{font-size: 14px;font-weight: 600;color: #434242;margin: 0;}
.reg-head  h6{font-size: 14px;color:#434242;}
.reg-head a{background: #E1481C;border: 0;font-size: 19px;}
.reg-head a:hover{background-color: #E1481C;}
.reg-head {margin: 15px 0 0 0;}

#clockdiv{
	color: #fff;
	display: inline-block;
	font-weight: 100;
	text-align: center;
	font-size: 30px;
}

#clockdiv > div{
	display: inline-block;
}

#clockdiv div > span{
	font-size: 42px;
	display: inline-block;
	color:#E1481C;
	font-weight: 600;
	line-height: 39px;
}
#clockdiv div > span::after {
    content: ':';
}
#clockdiv div > span.seconds::after {
    content: '';
}

.smalltext{
	padding-top: 5px;
	font-size: 16px;
	color:#434242;
	font-size: 11px;
	text-transform: uppercase;
	margin: 0;
}





.banner-main-div {
    padding: 67px 0 0 0;
}
.banner-images-elan {
    position: relative;
}
.reg-btn-banner {
    position: absolute;
    top: 70%;
    left: 50%;
    right: 0;
    bottom: 0;
}

.reg-btn-banner img{height: 40px;}


.banner {
    background-image: url(../.././images/bg.svg);
	background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
}
.banner-height{min-height: 673px; max-height: 673px;}
.banner{color: #fff;}
.event-Detail-Div {margin: 33px 0 80px 0;color: #DE4F2D;}
.eventsDetail {border: 2px solid #E1481C;border-radius: 10px;padding: 6px 10px;font-weight: 600;}
.event-Detail-Div h1 {font-size: 46px!important;font-weight: 700;color: #CE2F01;}
.event-Detail-Div p {font-size: 18px;font-weight: 400;color: #DE4F2D;margin: 0 0 19px 0;}
.date-time-details {display: inline-block;}
.eventsDetail p{margin: 0;font-weight: 600;}
.float-left-div{float: left;}
.float-right-div{float: right;margin: 0 0px 0 7px;}
.event-Detail-Div a{background: #CE2F01;border: 2px solid #fff; display: inline-block;padding: 6px 10px;border-radius: 12px;font-size: 29px;font-weight: 400;margin: 36px 0 0 0;box-shadow: 2px 3px 0px #e5998382;}
.event-Detail-Div a:hover{background: #CE2F01;border-color: #fff;}
.elan-desktop-banner img{width: 100%;}
.join-event {background: #DB542D!important;}
.time-icon { margin: 0 5px 0 0;}




.Benefits-of-event{padding: 80px 0 30px 0;}
.Benefits-of-event h1{color: #E1481C;margin: 0 0 59px 0;}
.Benefits-of-event .box {display: inline-block;margin: 0 0 54px 0;}
.Benefits-of-event .box .box-img {float: left;}
.Benefits-of-event .box .box-content {margin-left: 75px;font-size: 22px;font-weight: 500;color: #434242;line-height: 33px;}


.bank-padding{padding: 80px 0 43px 0;}
.bank-padding h1{color: #FFFEFE;margin: 0 0 59px 0;text-shadow: 0px 3px 6px #000000b5;}
.bank-partner{
	background-image: url(../.././images/banking-partner-bg.png);
	background-repeat: no-repeat;
    background-position: top;
	background-size: cover;
    background-position: left;
}
.bank-partner .bank-logo {text-align: center;margin: 0 0 37px 0;}


.student-loan {background: #E1481C;color: #fff;}
.student-loan  h1{font-size: 24px!important;float: left;font-weight: 600;margin: 0 14px 0 0;}
/* .student-loan a{background: #434242;border: 3px solid #fff;display: inline-block;padding: 6px 10px;border-radius: 20px;font-size: 15px;font-weight: 400;} */
.student-svg {float: right;height: 175px;}
.student-opt {padding: 70px 0 50px 0;display: inline-flex;}
.student-svg img{height: 175px;}
.for-student-div{float: right;}
.reg-button{height: 36px!important;}
.student-opt a {background: #CE2F01 0% 0% no-repeat padding-box;border: 2px solid #FFFFFF;border-radius: 12px;font-size: 20px;line-height: 22px;}




.simple-steps{padding: 80px 0 80px 0;}
.simple-steps h1{margin: 0 0 59px 0;color: #E1481C;}


.simple-steps .rectangle {
    height: 204px;
    width: 204px;
    border: 4px solid #ACA9A9;
    border-radius: 29px;
    position: relative;
    margin: 0 auto;
	transform: rotate(45deg);
    text-align: center;
	margin: 70px auto;
}
.simple-steps .rectangle .circle span {
    font-size: 18px;
    font-weight: 600;
}
.simple-steps .rectangle .circle span:last-child {
    font-size: 40px;
}

.simple-steps .rectangle .circle {
    width: 91px;
    height: 91px;
    background: #E1481C;
    color: #fff;
    position: absolute;
    border-radius: 50%;
    transform: rotate(-45deg);
	line-height: 91px;
	text-align: center;
	margin: -34px 0px 1px -34px;
}
.simple-steps .rectangle p{
	font-size: 22px;
    color: #434242;
    font-weight: 600;
}
.simple-steps .rectangle .step-content{
	position: absolute;
    transform: rotate(-45deg);
   
}
.step-1{ margin: 70px 0px 0px 20px;}
.step-2{ margin: 50px 0px 0px 30px;}
.step-3{margin: 30px 0px 0px 9px;line-height: 26px;}

.simple-steps .query {font-size: 25px;font-weight: 500;background: #E1481C;border-radius: 11px;text-align: center;color: #fff;line-height: 38px;padding: 0px 30px;}
.simple-steps .query p{margin: 0;}




.whyElan{ background: url(../.././images/why-elan-bg.png);padding: 80px 0 20px 0;background-repeat: no-repeat;background-size: cover;background-position: right;}
.whyElan .content {margin-top: 10px !important;font-size: 22px; font-weight: 400;}
.whyElan h1{text-shadow: 0px 3px 6px #000000B5;color:#fff;margin: 0 0 59px 0;}
.whyElan .content p {margin: 0;}
.whyElan .mainDiv {margin: 0 0 73px 0;}







.student-testimonials{padding: 80px 0;}
.student-testimonials h1{color: #E1481C;margin: 0 0 59px}
.student-img {width: 150px;height: 150p;height: 150px;margin: 0px auto 24px auto;text-align: center;}
.student-img h5{margin: 18px 0 0 0;}
.student-content {text-align: center;font-size: 20px;font-weight: 400;line-height: 30px; margin: 20px 0 0 0;}
.student-detail {padding: 0 175px;  }

.owl-nav {position: absolute;top: 50%;width: 100%;}
.owl-dots {display: none;}
.owl-prev,  .owl-next {height:35px; width: 35px;border: 2px solid #ACA9A9!important; background: #fff!important; color: #E1481C!important; border-radius: 50%;}
.owl-prev span, .owl-next span{ font-size: 20px;}
.owl-next{float: right!important;}
.owl-prev {float: left;}



.footer {padding: 80px 0;background: #707070;color: #fff;font-weight: 600;}
.footer-content h1{margin: 0 0 27px 0;}
#JoinEvent .btn-close {position: absolute; right: 39px; z-index: 1; top: 33px;font-size: 10px;height: 15px; width: 15px;border-radius: 50%;}
.footer-content a {background: #CE2F01;font-size: 23px;line-height: 40px; font-weight: 400; border: 2px solid #FFFFFF; border-radius: 12px; padding: 1px 19px;}

















@media (min-width: 320px) and (max-width: 767px) {
    h1 {font-size: 26px!important;}
    header {padding: 10px 0 8px 0;}
    .navbar-brand img { height: 30px;}
    .timer-div {display: none;}
    .reg-head a{font-size: 10px;}
    .reg-head h6 {font-size: 9px;}
    .student-detail { padding: 0 0px;}
    .student-content{font-size: 16px;}
    .owl-nav{display: none;}
    .student-svg {float: none;height: 175px;text-align: center;}
    .student-svg img{height: 175px;margin: 0 auto;}
    .student-opt { padding: 40px 0 40px 0; text-align: center;}
    .student-loan h1 {margin: 0 0 14px 0;}
    .reg-head {margin: 0px 0 0 0;}
    .elan-desktop-banner{display: none;}
    .reg-btn-banner {top: 84%;left: 29%;}
    .Benefits-of-event .box .box-content{font-size: 16px;line-height: 19px;}
    .simple-steps .query p{font-size: 18px;line-height: 26px;}
    .whyElan .content p{font-size: 18px;}
    .event-Detail-Div{margin: 60px 0 0 0;}
    .event-Detail-Div h1{font-size: 27px!important;}
    .student-opt{display: block;}
    .event-Detail-Div a {display: block;font-size: 17px; margin: 36px 0 0 0; width: 190px; margin: 5px auto 0; line-height: 20px;}
    .date-time-details {display: block; margin: 0 auto 20px auto;}
    .float-left-div,.float-right-div {float: none;text-align: center;width: 100%;margin: 0 0 5px 0;}
    .Benefits-of-event { padding: 150px 0 30px 0; }
  
}


@media (max-width: 767px) {
   
}
@media (max-width: 991px) and (min-width: 768px){
 
}




@media (max-width: 1600px) and (min-width: 900px){
   

}
@media (max-width: 1440px) and (min-width: 900px){
 
}
@media (max-width: 1400px) and (min-width: 1050px){
  

}

@media  (max-width: 1366px) and (min-width: 768px){
    .banner-height {min-height: 744px;max-height: 745px;}
}
@media  (max-width: 1024px) and (min-width: 768px){
    .event-Detail-Div p{font-size: 15px;}
    #clockdiv div > span{font-size: 32px;}
    .event-Detail-Div h1 { font-size: 34px!important;}
    .date-time-details {display: inline-grid;}
    .event-Detail-Div a{padding: 3px 10px;font-size: 14px;margin: 22px 0 0 2px;}
    .float-right-div {float: right; margin: 6px 0px 0 0px;}
}

@media (min-width: 1200px) {
   
    
}