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


.main-box .container-fluid {
    width: 94%;
    margin: 0 auto;
}

.logo{width: 200px;}
.fixed-header .logo{width: 180px;}
.content-box .main_new_logo {
    width: 210px!important; margin: 0 auto;
    height: auto;
    display: inline-block;
}

.sponsor {
    width: 40%;
    height: auto;
    margin: 3% auto 3% auto;
    padding: 0px;
    display: block;
}

.sponsor img {
    max-width: 80%;
    height: auto;
    display: inline-block;
}
.rounded-\[20px\] {
    border-radius: 20px;
}
.bg-white {
    background-color: var(--color-white);
}
.border-white {
    border-color: var(--color-white);
}

.videofirst {border-radius:15px}
.shadow{
-webkit-box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.3); 
box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.3);
	border-radius: 20px;
    border: 10px solid #fff;
}

.about-column1 .play-now .icon {
    height: 100px;
    width: 100px;
    line-height: 100px;
    background-color: #ffbc00;
    padding-left: 0;
    font-size: 50px;
}

.about-column1 .play-now {
    position: absolute;
    left: 42%;
    top: 42%;
    display: block;
    z-index: 9;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

 

.feature-block-two .inner-box {
    position: relative;
    padding: 30px 30px;
    /* padding-left: 100px; */
    background-color: #ffffff;
    border: 1px solid #eeeeee;
    box-shadow: 0 30px 40px rgba(0, 0, 0, 0.10);
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    overflow: hidden;
	height: 225px;
}

.schedule-tabs .tab-buttons li {
    position: relative;
    display: inline-block;
    height: auto;
    width: auto;
    border-radius: 20px;
    background-color: #ffffff;
    font-size: 16px;
    line-height: 20px;
    color: #222222;
    font-weight: 600;
    text-align: left;
    padding: 15px 40px;
    /* padding-top: 70px; */
    /* padding-left: 90px; */
    cursor: pointer;
    margin: 0 15px 20px;
    border: 1px solid #dddddd;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.main-footer .logo {
    position: relative;
    margin-bottom: 5px;
    top: -20px;
    width: 400px;
}


#heronew {width: 100%;
    height: 96vh;    padding: 10% 0 19% 0;
    background: url(../images/main_bg.jpg) top center;
    background-size: cover;
    overflow: hidden;
    position: relative;}

#heronew .home_wraper {
    width: 94%;
    margin: 0 auto;
    position: relative;
    left: 0;
    right: 0;
    top: 14%;
    bottom: 0;
    display: block;
    text-align: center;
}

 @media screen and (max-width: 500px) {
       .call-to-action .content-box h2, .about-section-two .content-column .sec-title h2, .fluid-section-one .content-column h3, .video-section .content-box h2, .banner-carousel .content-box h2 {
        font-size: 22px;
    }
	 .sec-title .title {
    position: relative;
    display: block;
		 font-size: 24px;line-height: 34px;}
		 
		 .about-column1 .play-now .icon {
    height: 60px;
    width: 60px;
    line-height: 100px;
    background-color: #ffbc00;
    padding-left: 0;
    font-size: 50px;
}
	 .about-column1 .play-now .icon {
    height: 60px;
    width: 60px;
    line-height: 63px;
    background-color: #ffbc00;
    padding-left: 0;
    font-size: 35px;
}
	.schedule-block h4 {
    position: relative;
    font-size: 18px;
}
.speaker-block-two .info-box .name {
    position: relative;
    font-size: 18px;
    line-height: 1.2em;
    color: #ffffff;
    font-weight: 600;
}	 
.main-footer .logo {
    position: relative;
    margin-bottom: 5px;
    top: -20px;
    width: 200px;
}	 
	 
.feature-block-two .inner-box {
    position: relative;
    padding: 30px 30px;
    /* padding-left: 100px; */
    background-color: #ffffff;
    border: 1px solid #eeeeee;
    box-shadow: 0 30px 40px rgba(0, 0, 0, 0.10);
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    overflow: hidden;
	height: auto;
}	 
	 
}



#carousel {
  perspective: 1000px;
  overflow: hidden;
}
#carousel #scene {
  width: 42%;
  margin: 40px auto 0 auto;
  transform-style: preserve-3d;
  transition: transform 0.5s;
}
#carousel #scene .carousel_item {
  width: 100%;
  box-sizing: border-box;
  padding: 0 20px 0 10px;
  backface-visibility: hidden;
}
#carousel #scene .carousel_item:not(:first-of-type) {
  position: absolute;
  left: 0;
  top: 0;
}
#carousel #carousel_btn {
  width: 120px;
  margin: 20px auto 0 auto;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#carousel #carousel_btn .btn {
  width: 50px;
  height: 50px;
  line-height: 35px;
  padding-left: 10px;
  box-sizing: border-box;
  border-radius: 50%;
  float: left;
  border: 2px solid #2f2f2f;
  color: #2f2f2f;
  font-family: sans-serif;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.3s;
}
#carousel #carousel_btn .btn:hover {
  color: #ffffff;
  background-color: #2f2f2f;
}
#carousel #carousel_btn > div:first-child {
  margin-right: 10px;
}

.slidertwo {width: 94%; margin: 0 auto;}


.marquee {
	overflow-x: clip;
	white-space: nowrap;
	position: relative;
	width: 100%;
}

.marquee-inner1 {
	display: flex;
	align-items: center;
	gap: 2vw;
	padding: 20px 0px 50px 0px;;
	will-change: transform;
}

.marquee-inner1 img {
	height: 100%;
	transition: transform 0.5s;
	flex-shrink: 0;
	width: 20vw;
	border-radius: 2rem;
}

.marquee-inner1 img:hover {
	transform: scale(1.03);
}
.marquee-inner1 img {
	height: 100%;
	transition: transform 0.5s;
	flex-shrink: 0;
	width: 200px;
	border-radius: 2rem;
}

.marquee-inner1 img:hover {
	transform: scale(1.1);
}
.marquee-inner2 {
	display: flex;
	align-items: center;
	gap: 2vw;
	padding: 20px 0px 50px 0px;
	will-change: transform;
}

.marquee-inner2 img {
	height: 100%;
	transition: transform 0.5s;
	flex-shrink: 0;
	width: 20vw;
	border-radius: 2rem;
}

.marquee-inner2 img:hover {
	transform: scale(1.03);
}
.marquee-inner2 img {
	height: 100%;
	transition: transform 0.5s;
	flex-shrink: 0;
	width: 200px;
	border-radius: 2rem;
}

.marquee-inner2 img:hover {
	transform: scale(1.1);
}

.video-background {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-55%,-50%);
  max-width: auto;
  object-fit: cover;
  width: 120%;
  height: 100%;
  margin: 0;
  z-index: -2;
}
.banner-section {
  position: relative;
  width: 100%;
  height: 90vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0 20px;
  color: white;
  font-family: 'Montserrat-Medium';
  overflow: hidden;
  &::before {
    content: '';
    position: absolute;
    top:0;
    bottom: 0;
    right:0;
    left:0;
    background: rgba(0,0,0,.5);
    z-index:-1;
  }
}

.banner-section .content-box {
    position: relative;text-align: center;
}

.banner-section .content-box .title {
    display: block;
    font-size: 28px;
    color: #fff;
    font-weight: 500;
    margin-bottom: 25px;
    opacity: 1;
	font-family: 'Montserrat-Medium';
}

.banner-section .content-box .info-list
Specificity: (0,3,0)
 {
    position: relative;
    margin-bottom: 45px;
    opacity: 1;
}

.banner-section .content-box .info-list {margin-bottom: 40px;}
.banner-section .content-box .info-list li {
    position: relative;
    display: inline-block;
    font-size: 18px;
    line-height: 26px;
    color: #ffffff;
    font-weight: 400;
    margin: 0 10px;
    text-transform: uppercase;
}

.banner-section .content-box .info-list li .icon {
    color: #faaC1D;
    margin-right: 10px;
    float: left;
    font-size: 18px;
    line-height: 26px;
}

.meetup-wrapper{
      position: relative;
      padding-left: 90px;
      margin: 40px 0;
    }

    .time-text{
      position: absolute;
      left: 0px;
      top: 40px;
      font-size: 18px;
      font-weight: 700;
    }

    .meetup-card{
      background:#fff;
      border-radius: 4px;
      box-shadow: 0 8px 18px rgba(0,0,0,0.15);
      padding: 35px 35px;
      min-height: auto;
      position: relative;
      overflow: hidden;
    }

    .left-border{
      position: absolute;
      left: 0;
      top: 0;
      width: 4px;
      height: 100%;
      background:#010335;;
    }

    .meetup-title{
      font-size: 24px;
      font-weight: 800; 
      margin-bottom: 5px;color: #070c80;
    }
	.meetup-title2 {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 40px; color: #777777;
}
    .tag-list{
      display:flex;
      gap:15px;
      flex-wrap: wrap;
      margin-bottom: 50px;
    }

    .tag{
      background:#f5b31a;
      padding:10px 18px;
      font-size: 22px;
      font-weight: 600;
      display:inline-block;
    }

    .bottom-info{
      position: absolute;
      bottom: 35px;
      left: 35px;
      display:flex;
      align-items:center;
      gap:40px;
      flex-wrap: wrap;
    }

    .info-item{
      display:flex;
      align-items:center;
      gap:12px;
      font-size: 16px;
      font-weight: 700;color: #010335;
    }

    .info-item i{
      font-size: 30px;color: #ff8827;
    }

    .speaker-section{
      border-left:1px solid #d9d9d9;
      padding-left:40px;
      height:100%;
    }

    .speaker-title{
      font-size: 24px;
      font-weight: 600;
      margin-bottom: 15px;
    }

    .speaker{
      display:flex;
      align-items:flex-start;
      gap:18px;
      margin-bottom: 28px;
    }
    .speaker a{  color: #777777;}
    .speaker img{ border: 2px solid #000;;
      width:50px;
      height:50px;
      border-radius:50%;
      object-fit:cover;
    }

    .speaker h5{
      margin:0;
      font-size: 16px;
      font-weight: 500;
    }

    .speaker p{
      margin:6px 0 0;
      color:#777;
      font-size:14px;
      line-height:1.3;
    }

    /* Responsive */

    @media(max-width:991px){

      .meetup-wrapper{
        padding-left: 0;
      }

      .time-text{
        position: static;
        margin-bottom: 20px;
      }

      .meetup-card{
        padding:30px;
      }

      .meetup-title{
        font-size:40px;
      }

      .speaker-section{
        border-left:none;
        border-top:1px solid #ddd;
        padding-left:0;
        padding-top:30px;
        margin-top:40px;
      }

      .bottom-info{
        position: static;
        margin-top:50px;
      }
    }

    @media(max-width:576px){

      .meetup-title{
        font-size:20px;
      }

      .tag{
        font-size:16px;
        padding:8px 14px;
      }

      .speaker h5{
        font-size:16px;
      }

      .speaker p{
        font-size:13px;
      }

      .info-item{
        font-size:16px;
      }

      .info-item i{
        font-size:26px;
      }
	  .speaker-title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
}	
    }

.speaker_popup .speaker-section {
    border-left: 0px solid #d9d9d9;
    padding: 15px;
    height: 100%;
}


 .btn-close {position: absolute!important;
	right: 15px!important;}

.speaker_popup .speaker img {
    border: 2px solid #000;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    object-fit: cover;
}

.speaker_popup p {
    margin: 6px 0 0;
    color: #777;
    font-size: 14px;
    line-height: 1.3;
}


#social-icons {
  position: absolute;
  top: 30%;
}
#social-icons.right {
  right: 0px;
}
#social-icons a {
  display: block;
  text-decoration: none;
  width: 42px;
  height: 40px;
}

#social-icons .fab {
  display: block;
  font-size: 20px;
  vertical-align: middle;
  text-align: center;
  margin: 0;
  padding: 8px;
  color: #fff;
  text-shadow: 1px 1px 1px #222;
}

#social-icons:hover .fab {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#social-icons .fa-calendar-o {
  background-color: #a2ba00;
}

#social-icons .fa-facebook-f {
  background-color: #3b5998;
}

#social-icons .fa-twitter {
  background-color: #00aced;
}

#social-icons .fa-youtube{
  background-color: #C52F30;
}

#social-icons .fa-pinterest {
  background-color: #CC2127;
}

#social-icons .fa-linkedin {
  background-color: #007bb6;
}

#social-icons .fa-calendar-o:hover,
#social-icons .fa-facebook:hover,
#social-icons .fa-twitter:hover,
#social-icons .fa-youtube-play:hover,
#social-icons .fa-linkedin:hover,
#social-icons .fa-google-plus:hover {
  opacity: 0.8;
}


.section-title {
  font-size: 48px;
  font-weight: 700;
}
 

.highlight-section{
    background:#e8e8e8;
    padding:35px 50px 40px;
}
 

.gallery-header .owl-prev {
      display: block !important; float: left;
}
.gallery-header .owl-next {
    display: block !important; float: left;
}
.owl-item .item {padding: 5px;}


.owl-nav {position: absolute; right: 0; top: -65px;}
.flaticon-arrows-3 {font-size: 40px; padding-right: 5px;}
.flaticon-arrows-4 {font-size: 40px; padding-left: 5px;}


.content-column h4 { font-size: 22px;}

@media(max-width:576px){
	.content-column h4 { font-size: 18px; }
}