@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
/*font-family: "Roboto", serif;*/
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');
/*font-family: "Manrope", serif;*/

@font-face{
    src: url(../font/Proxima-Nova-Font/Proxima\ Nova\ Font.otf);
    font-family: "Proxima-Nova";
}


*{ margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: "Roboto","Manrope", sans-serif;  font-family: "Roboto", serif; }

html, body { /*overflow-x:hidden;*/  position: relative; }


/*header-section start*/

.header-section{ background-color: #fff; }
.header-inner{ display: flex; padding: 20px 0px; align-items: center; justify-content: space-between; }
.wrapper{ max-width: 1392px; width: 100%; margin: 0 auto; display: block; padding: 0 15px; }
.header-btn a { padding: 14px 20px 14px 20px; background: #3A2999; color: #fff; font-family: "Roboto", serif; display: inline-block; cursor: pointer; font-size: 16px; font-weight: 500; line-height: 16px; border-radius: 6px; text-decoration: none; text-align: center; }
.header-btn a:hover{ background-color:#4C82D8; transition: 0.6s ease-out; } 
.toggle { display: none; }

/* .bar1, .bar2, .bar3 { width: 30px; height: 4px; background-color: #4C82D8; margin: 6px 0; transition: 0.4s; }
.change .bar1 { transform: translate(0, 11px) rotate(-45deg); }
.change .bar2 {opacity: 0;} 
.change .bar3 { transform: translate(0, -11px) rotate(45deg); } */

/*------------- banner-start ------------------*/
.banner-setion { background: #3A2999; padding: 40px 0px; }
.banner-title { max-width:1050px; width: 100%; margin: 0 auto; }
.banner-heading { color: #fff; text-transform: uppercase; text-align: center; }
.banner-heading h1 { font-size: 40px; line-height: 52px; font-weight: 700; font-family: "Proxima-Nova"; }

/*--------------------------*/
.event-section { background:#F5F5F5;}
.event-main { padding-top: 40px; display: flex; width: 100%; max-width:1050px; margin: 0 auto; flex-wrap: wrap; justify-content: space-between; row-gap: 40px; }
.event-sapce:nth-child(2n) { margin-right: 0px; }
.event-detail { padding: 20px; width: 58%; border-radius: 10px; background: #fff; margin-right: 2%; box-shadow: 0px 4px 4px 0px rgb( 0,0,0,0.25); }
.event-img { position: relative; overflow: hidden; width: 100%; max-width: 578px; border-radius: 30.78px; }
.event-img img { width: 100%; height: 100%; object-fit: contain; top: 0; left: 0; }
.event-detail-text { padding-top: 40px; width:100%; padding-bottom: 20px; }
.event-detail-text-heading h2 { font-size: 32px; font-weight: 600; font-family: "Proxima-Nova"; color: #111111; line-height: 40px; text-transform: capitalize; }
.event-detail-text-para { padding-top: 20px; }
.event-text-para { font-size: 14px; font-weight: 400; font-family: "Roboto", serif; color: #111111; line-height: 20px; padding-bottom: 20px; text-transform: capitalize; }
.event-text-para:last-child { padding-bottom: 0px; }
.event-detail-text-para ul { margin-left: 20px; }
.event-detail-text-para ul li { color: #111111; margin-bottom: 10px; }
.event-text-para p { margin-bottom: 20px; }
.event-text-para p:last-child { margin-bottom: 0; }
/*.event-detail-text-para ul li:last-child { margin-bottom: 0; }*/


/*---------------------------*/


/*-------------.event-guests------------------*/
.event-guests { border-top: 1px solid #F0F0F0; padding-top: 20px; } 
.event-guests-heading h3 { font-size: 32px; font-weight: 600; font-family: "Proxima-Nova"; color: #111111; line-height: 40px; text-transform: capitalize; }
.event-speakers { padding-top: 16px; }
.event-speaker-boxs { width: 100%; display: flex; text-align: center; flex-wrap: wrap; row-gap: 10px; }
.speaker-box { background: #F5F5F5; width: 30.99%; margin-right: 3.517%; padding: 20px 20px; border-radius: 10px; }
.speaker-box:nth-child(3n) { margin-right: 0px; }
.speaker-img { max-width: 80px; width: 100%; margin: 0 auto; }
.speaker-img img { width: 100%; height: 100%; object-fit: cover; border-radius: 40px; }
.speaker-heading h4 { font-size: 16px; font-weight: 500; font-family: "Roboto", serif; color: #111111; line-height: 24px; text-transform: capitalize; }
.speaker-title { padding-top: 14px; }
.speaker-para { padding-top: 4px; font-size: 12px; font-weight: 400; font-family: "Roboto", serif; color: #8A8A8A; line-height: 16px; text-transform: capitalize; }

/*-----------event-schedule--------------*/

.event-schedule { width: 38%; margin-right: 2%; }
.event-scheduleinner { position: sticky; top: 0; }
.date-time { padding: 16px; background: #fff; border-radius: 10px; /*box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.4);*/box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.04); }
.date-time-main { padding-bottom: 16px; }
.date-time-main:nth-child(2n){ padding-bottom: 0px; }
.date-time-heading { font-size: 18px; font-weight: 500; font-family: "Roboto", serif; color: #111111; line-height: 26px; text-transform: capitalize; }
.date-time-para { font-size: 16px; font-weight: 400; font-family: "Roboto", serif; color: #303030; line-height: 24px; text-transform: capitalize; padding-top:16px; display: flex; align-items: center; gap: 10px; }
.date-time-icon { display: flex; align-items: center; }
.date-time-parag { padding: 3px 0px; font-size: 16px; font-weight: 400; /*font-family: "Roboto", serif;*/ color: #303030; line-height: 24px; }
.line { border-top: 1px solid #C4C4C4; padding-top: 16px; }

/*-----------------venue---------------------------*/
.venue-box { padding-top: 40px; }
.venue { padding:16px; border-radius: 10px; background: #fff; /*box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.4);*/ box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.04); }
.venue-headind { font-size: 18px; font-weight: 500; font-family: "Roboto", serif; color: #111111; line-height: 26px; text-transform: capitalize; }
.venue-para-icon { display: flex; align-items: center; gap: 10px; padding-top: 16px; }
.venue-icon a { color: #3A2999; font-size: 25px; }
.venue-para a { font-size: 14px; font-weight: 400; font-family: "Roboto", serif; color: #111111; line-height: 20px; text-transform: capitalize; text-decoration: none; }
.venue-map-btn { padding-top: 16px; }
.venue-map-btn a { padding: 10px 31px 10px 31px; color: #fff; background-color: #4BCA59; border-radius: 40px; display: inline-flex; flex-wrap: wrap; align-items: center; justify-content: center; font-size: 16px; font-weight: 500; font-family: "Roboto", serif; line-height: 24px; text-transform: capitalize; text-decoration: none; }
.venue-map-btn a:hover { background-color:#4C82D8; transition: 0.6s ease-out; }
.venue-map-btn img { /*padding: 0px 6px 0px 31px;*/ margin-right: 6px; vertical-align: middle; width: 24px !important; }
.venue-para { line-height: 18px; } 

/*-----------charges-box------------------*/
.charges-box { padding-top: 40px; }
.charges { padding: 16px 32px 16px 16px; border-radius: 10px; background: #fff; /*box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.4);*/ box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.04); }
.charges-title { font-size: 18px; font-weight: 500; font-family: "Roboto", serif; color: #111111; line-height: 26px; text-transform: capitalize; }
.charges-main { padding-top: 16px; }
.charges-free { font-size: 32px; font-weight: bold; font-family: "Proxima-Nova"; color: #111111; line-height: 40px; text-transform: uppercase; }
.charges-free p { font-family: "Proxima-Nova"; }
.charges-feet { font-size: 16px; font-weight: 400; font-family: "Roboto", serif; color: #111111; line-height: 24px; padding-top: 6px; }
.charges-btn { padding-top: 20px; }
.charges-btn a { padding: 12px 20px 12px 20px; background-color: #4BCA59; border-radius: 40px; color: #fff; font-size: 16px; font-weight: 500; font-family: "Roboto", serif; line-height: 24px; text-transform: uppercase; cursor: pointer; text-decoration: none; text-align: center; display: flex; flex-wrap: wrap; align-items: center; width: 100%; justify-content: center; }
.charges-btn a:hover { background-color:#4C82D8; transition: 0.6s ease-out; }
.charges-btn img { /*padding: 0px 6px 0px 104.43px; font-size: 25px; */ width: 19.65px; margin-right: 6px; vertical-align: middle; }

/*-------------eligibility-criteria------------------------*/

.eligibility-criteria { padding-top: 40px; }
.eligibility-criteria-main { padding:16px 32px 16px 16px; border-radius: 10px; background: #fff; /*box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.4);*/ box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.04); }
.eligibility-criteria-heading { font-size: 18px; font-weight: 500; font-family: "Roboto", serif; line-height: 26px; text-transform: capitalize; color: #111111; }
.eligibility-criteria-icon-text { font-size: 14px; line-height: 20px; color: #111111; display: flex; gap: 6px; padding-top: 16px; flex-wrap: wrap; text-align: justify;}
.eligibility-criteria-icon-text ul { list-style: none; margin: 0; padding: 0; }
.eligibility-criteria-icon-text ul li { color: #111111; margin-top: 16px; position: relative; z-index: 1; padding-left: 24px; }
.eligibility-criteria-icon-text ul li::before{ content: ''; position: absolute; top: 2px; left: 0; width: 16px; height: 14px; background-image: url(/event-assets/images/mingcute_check-fill.svg); background-position: left top; background-repeat: no-repeat; background-size: 16px 14px; }
.eligibility-criteria-icon-text ul li:first-child { margin-top: 0; }
.eligibility-criteria-icon i { font-size:20px; color: #3A2999; }
.eligibility-criteria-para { font-size: 14px; font-weight: 400; font-family: "Roboto", serif; line-height: 20px; color: #111111; text-transform: capitalize; }


/*---------------------------*/
.developed-by { display: flex; align-items: center; justify-content: center; padding: 40px 0px; gap: 10px; }
.developed-text { font-size: 16px; font-weight: 400; font-family: "Manrope", serif; color: #AFAFAF; line-height: 20px; }
.developed-img { width: 94px; height: 20px; }
.developed-img img { width: 100%; height: 100%; object-fit: cover; }

/*-----------------footer--------------------*/

.footer-section { background: #ECE9FF; box-shadow: 0px -1px 6px 0px rgba(0, 0, 0, 0.10); padding: 20px 0px; /*position: fixed; left: 0; bottom: 0px; width: 100%;*/ }
.footer-section { position: fixed; bottom: 0; left: 0; width: 100%;  z-index: 22; }
.footer { max-width: 1050px; width: 100%; display: block; margin: 0 auto; }
.footer-text { display: flex; justify-content:center;  /*align-items: center;*/ align-items:  flex-start; gap: 62px; width: 100%; }
.footer-main { display: flex; align-items: center; gap: 20px; width: 35%; justify-content: space-between; }
.footee-title { padding: 2px 0px; width: 65%; }
.footer-heading h6 { font-size: 20px; font-weight:500; font-family: "Roboto", serif; color: #111111; line-height:28px; text-transform: uppercase; }
.footer-para { font-size: 16px;  font-weight:400; font-family: "Roboto", serif; color: #303030; line-height:24px; padding-top: 2px; }
.footer-btn a { /*padding: 14px 22.38px 14px 0px;*/ padding: 14px 22.38px 14px 22.38px; background-color: #4BCA59; display: inline-block; border-radius: 40px; color: #fff; font-size: 16px; font-weight: 500; font-family: "Roboto", serif; line-height: 24px; text-transform: uppercase; cursor: pointer; text-decoration: none; text-align: center; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.footer-btn a:hover { background-color:#4C82D8; transition: 0.7s ease-out; }
.footer img { /*padding: 0px 6px 0px 22.38px; font-size: 25px;*/ margin-right: 6px; vertical-align: middle; }
.footer-free { font-size: 32px; font-weight: bold; font-family: "Proxima-Nova"; color: #111111; line-height: 32px; text-transform: uppercase; }
.footer-feet { font-size: 16px; font-weight: 400; font-family: "Roboto", serif; color: #111111; line-height: 24px; padding-top: 2px; }


/* Responsive */
@media screen and (min-width:768px) and (max-width:992px){

    .banner-heading h1 { font-size: 35px; line-height: 45px; }
    .date-time-parag { font-size: 14px; }

    .charges-btn a { padding: 12px 60px 12px 0px; }
    .charges-btn img { padding: 0px 6px 0px 50px; }

    /*--------------*/
 
    .footer-text { gap: 50px; }
    .footee-title { width: 55%; }
    .footer-main { gap: 20px; width: 45%; }
    .footer-heading h6 { font-size: 18px; }
}

@media screen and (max-width:991px){
.speaker-box { width: 48.24%; }
.speaker-box:nth-child(3n) { margin-right: 3.517%; }
.speaker-box:nth-child(2n) { margin-right: 0; }


}


@media screen and (max-width:767px){

   .banner-heading h1 { font-size: 32px; line-height: 40px; }

   .event-detail { width: 100%; margin-right:0px; }
   .event-schedule { width: 100%; }
   .event-img { max-width:100%; }

    /*---------------------------------------------*/

    .speaker-box { width: 100%; margin-right: 0; }
    .speaker-box:nth-child(3n) { margin-right:0; }
    .speaker-img { padding-bottom:0px; }

    /*----------------------------*/
    .date-time { text-align: center; }

    .date-time-para { justify-content: center; }

    /*------------------------------*/
    .venue-para-icon { display: block; }
    .venue-box { text-align: center; }
    .venue-para-icon { justify-content: center; }

    /*-----------------------------*/

    .charges{ text-align: center; }

    /*--------------------------------------*/

    .eligibility-criteria-main { text-align: center; }
    .eligibility-criteria-icon-text { justify-content: center; }

    /*------------------------------------------------*/

    .footer-text { gap: 20px; flex-wrap: wrap; }
    .footee-title { width: 100%; text-align: center; }
    .footer-main { width: 100%; justify-content: center; }
    .footer-heading h6 { font-size: 18px; }

    .event-section { padding-bottom: 190px; }
     
}





@media screen and (max-width:480px){

    .date-time-parag { font-size: 14px; }
    .charges-btn a { padding: 12px 50px 12px 0px; }
    .charges-btn img { padding: 0px 6px 0px 50px; }
    
    .footer-btn a { font-size: 14px; }
  
  }


  @media screen and (max-width:320px){
    .banner-heading h1 { font-size: 25px; line-height: 34px; }
    /* .banner-heading { line-height: 35px; } */
  
    .event-guests-heading h3 { font-size: 30px; }
  }


.registered{
    border: 2px solid #111111!important;
    background-color: rgba(0, 0, 0, 0.1)!important;
    color: black!important;
}