 /*page lisitng view*/
 div#eventView {
   display: flex;
   flex-wrap: wrap;
   margin-bottom: 0px;
 }

 div#eventView.emails {
   flex-direction: column;
 }

 div#eventView .event {
   background-color: #f8fafb;
   border: 1px solid #2ab26f;
   width: calc(100% / 3 - 20px);
   margin: 0 10px 20px;
   position: relative;
   overflow: hidden;
   transition: 0.3s;
   border-radius: 10px;
   box-shadow: 0 15px 15px 0 rgba(93, 112, 128, 0.25);
   transform: translate(0px, 0px);
   display: inline-flex;
   flex-direction: column;
 }

 @media (max-width: 991.98px) {
   div#eventView .event {
     width: calc(100% / 2 - 20px);
   }
 }

 @media (max-width: 575.98px) {
   div#eventView .event {
     width: 100%;
   }
 }

 div#eventView .event .eventImg {
   position: relative;
 }

 div#eventView .event .eventImg img {
   display: block;
   margin: 15px auto 0;
   padding: 10px;
 }

 div#eventView .event .eventImg .fa {
   font-size: 230px;
   color: #2ab26f;
   text-align: center;
   display: block;
 }

 div#eventView .event .eventImg .eventType {
   position: absolute;
   top: 10px;
   right: 10px;
   background-color: #ffffff;
   padding: 2px 7px;
   border-radius: 5px;
   font-weight: 600;
   box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
 }

 div#eventView .event .eventInfo {
   padding: 15px;
   display: inline-flex;
   flex-direction: column;
   flex-grow: 1;
 }

 div#eventView .event .eventInfo .eventName {
   font-size: 20px;
   font-weight: bold;
   text-align: left;
 }

 div#eventView .event .eventInfo .eventName a {
   color: #2ab26f;
   transition: 0.3s;
   text-transform: capitalize;
 }

 div#eventView .event .eventInfo .eventName a:hover {
   color: #000000;
   text-decoration: none !important;
 }

 div#eventView .event .eventInfo .info {
   font-size: 16px;
   font-weight: normal;
 }

 div#eventView .event .eventInfo .info.speakerMailId a {
   color: #2ab26f;
   transition: 0.3s;
 }

 div#eventView .event .eventInfo .info.speakerMailId a:hover {
   color: #000000;
 }

 div#eventView .event .eventInfo p {
   font-size: 14px;
   margin-bottom: 8px;
 }

 div#eventView .event .eventInfo p .fa{
  margin-right: 5px;
}

 div#eventView .event .eventInfo .eventDate {
   font-size: 16px;
   margin-bottom: 8px;
   margin-top: auto;
 }

 div#eventView .event .eventInfo .eventDate .fa-clock-o {
   margin-left: 10px;
 }

 div#eventView .event .eventInfo .registerShareWrapper {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
 }

 div#eventView .event .eventInfo .registerShareWrapper .shareIcons {
   flex: 0 0 100%;
   max-width: 100%;
   margin-top: 10px;
 }

 div#eventView .event .eventInfo .registerShareWrapper .shareIcons a {
   display: inline-block;
 }

 div#eventView .event .eventInfo .registerShareWrapper .shareIcons a i.fa {
   width: 30px;
   height: 30px;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   color: #ffffff;
   border-radius: 50%;
   transition: 0.3s;
   cursor: pointer;
 }

 div#eventView .event .eventInfo .registerShareWrapper .shareIcons a i.fa:hover {
   transform: rotate(360deg);
 }

 div#eventView .event .eventInfo .registerShareWrapper .shareIcons a+a {
   margin-left: 10px;
 }

 div#eventView .event .eventInfo .registerShareWrapper .shareIcons a i.fa.fa-whatsapp {
   display: none !important;
 }

 div#eventView .event .eventInfo .eventEdit a {
   display: inline-flex;
   align-items: center;
   background: linear-gradient(130deg, #2ab26f 0%, #0084ba 100%);
   padding: 5px 10px;
   color: #ffffff;
   min-width: 95px;
   transition: 0.3s;
   justify-content: center;
 }

 div#eventView .event .eventInfo .eventEdit a.eventEditBtn {
   display: none;
 }

 div#eventView .event .eventInfo .eventEdit a.eventEditBtn.canEdit {
   display: inline-block;
   text-align: center;
 }

 div#eventView .event .eventInfo .attendies {
   display: flex;
   align-items: center;
   margin: 15px -5px 0;
 }

 div#eventView .event .eventInfo .attendies img {
   max-width: 50px;
   border-radius: 100%;
   height: 50px;
   border: 1px solid #000000;
   flex: 0 0 50px;
   margin: 0 5px;
 }

 div#eventView .event:hover {
   transform: translate(0px, -5px);
 }

 /*page lisitng view*/

 body {
   counter-reset: my-sec-counter;
 }

 .listing h2.page-header {
   margin: 0 0 20px;
   text-align: left;
   color: #ffffff;
   font-size: 2.0rem;
 }

 .listing h2.page-header span {
   display: block;
 }

 .headerSections iframe,
 .headerSections video {
   width: 100%;
   min-height: 250px;
   height: 100%;
   border-radius: 15px;
 }

 .headerSections p {
   text-align: left;
 }

 .listing .header-Desc {
   margin-bottom: 35px;
 }

 .submenu {
   background: linear-gradient(130deg, #0e5b70, #057247);
   border: solid #efefef;
   border-width: 1px 0 1px 0;
 }

 .submenu ul {
   list-style: none;
   padding: 0;
   display: flex;
   justify-content: center;
   margin-bottom: 0;
   padding: 5px 0;
 }

 .submenu ul li+li {
   margin-left: 25px;
 }

 .quickInfo {
   max-width: 100%;
   width: 800px;
   margin: 0 auto 30px;
   padding-bottom: 12px;
   position: relative;
 }

 .quickInfo p {
   text-align: center
 }

 .quickInfo p b {
   font-size: 20px;
 }

 .quickInfo:after {
   content: '';
   background: linear-gradient(130deg, #2ab26f 0%, #0084ba 100%);
   height: 2px;
   width: 70%;
   bottom: 0;
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
 }

 .fourBoxSection {
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
   margin: 100px 0;
 }

 .fourBoxSection .box {
   width: calc(100% / 4 - 30px);
   flex-basis: calc(100% / 4 - 30px);
   box-shadow: 0px 5px 6px 0 rgba(41, 177, 111, 0.6);
   border-radius: 15px;
   display: inline-flex;
   height: 150px;
   align-items: center;
   background-color: #f8fafb;
   border: 1px solid #0084ba;
   transform: translate(0px, 0px);
 }
 .fourBoxSection .box:hover{
  border: 1px solid #2ab26f;
  transform: translate(0px, -5px);
  box-shadow: 0px 5px 6px 0 rgba(8, 209, 176, 0.6);
   }

 /* .fourBoxSection .box i{ font-size: 30px; padding: 20px; background: linear-gradient( 130deg, #2ab26f 0%, #0084ba 100%); color: #ffffff; height: 100%; border-radius: 15px; display: inline-flex; max-width: 70px; flex: 0 0 70px; align-items: center; justify-content: center; } */
 .fourBoxSection .box img {
   max-width: 85px;
 }

 .fourBoxSection .box .numberText {
   padding: 20px 20px 20px 0;
   flex: 1 1 auto;
   max-width: calc(100% - 85px);
 }

 .fourBoxSection .box .numberText .number {
   display: block;
   font-size: 30px;
   font-weight: 500;
 }

 .mentorCarousel {
   padding: 0 40px;
 }

 .mentorCarousel a {
   display: block;
 }

 .mentorCarousel a img {
   border-radius: 50%;
   max-height: 200px;
   max-width: 200px;
 }

 #eventContainer p {
   text-align: center;
   width: 850px;
   max-width: 100%;
   margin: 0 auto 20px;
 }

 #eventContainer #loadEvents {
   margin: 20px auto 0;
   display: block;
 }

 .sixBoxSection {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   flex-wrap: wrap;
 }

 .sixBoxSection .box {
   max-width: calc(100% / 3 - 30px);
   flex-basis: calc(100% / 3 - 30px);
   box-shadow: 11px 5px 6px 0 rgb(93 112 128 / 60%);
   padding: 40px 20px 20px;
   border-radius: 15px;
   position: relative;
   border: 1px solid #2ab26f;
   background-color: #f8fafb;
 }

 .sixBoxSection .box .title {
   margin-bottom: 15px;
   padding-bottom: 17px;
   position: relative;
   text-align: center;
 }

 .sixBoxSection .box .title:after {
   content: '';
   background: linear-gradient(130deg, #2ab26f 0%, #0084ba 100%);
   height: 2px;
   width: 70%;
   bottom: 0;
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
 }

 .sixBoxSection .box:nth-child(n+4) {
   margin-top: 50px
 }

 .sixBoxSection .box:before {
   counter-increment: my-sec-counter;
   content: counter(my-sec-counter);
   position: absolute;
   top: -40px;
   left: 20px;
   font-size: 60px;
   font-weight: 600;
   background: -webkit-linear-gradient(130deg, #2ab26f 0%, #0084ba 100%);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   background-clip: text
 }

 .beifits h4.page-header {
   margin-bottom: 40px
 }

 .register h4.page-header span {
   display: block;
   font-size: 18px;
   margin-top: 5px;
 }

 @media (max-width: 991.98px) {
   .headerSections iframe {
     margin-top: 25px;
   }

    .fourBoxSection .box {
     max-width: calc(100% / 2 - 20px);
     flex-basis: calc(100% / 2 - 20px);
   }

    .fourBoxSection .box:nth-child(n+3) {
     margin-top: 20px;
   }
 }

 @media (max-width: 575.98px) {
    .fourBoxSection {
     justify-content: center;
     margin-top: 50px;
   }

   

    .fourBoxSection .box {
     max-width: calc(100% - 20px);
     flex-basis: calc(100% - 20px);
   }

    .fourBoxSection .box:nth-child(n+2) {
     margin-top: 20px;
   }

   .sixBoxSection .box {
     padding: 55px 20px 20px;
   }
 }

 .section-sub-title { 
   text-transform: uppercase; 
   font-size: 20px; 
   letter-spacing: 0.2em; 
   font-weight: 600; 
  }