/* Bwlow code in style.css */
/* Common CSS for All components : Start */
:root {
	 --black:#000;
	 --white:#fff;
	 --blue:#0082FF;
	 --bodybg:#191919;
	  scroll-behavior: auto;
	 
	
	}
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
html { margin: 0; padding: 0; }
body { margin: 0; padding: 0;  font-size: 14px; background:var(--bodybg);
	letter-spacing: 0; line-height: normal;
	  font-family: 'Gotham';
	font-weight: normal;
	color: var(--white);
	 scroll-behavior: auto;
	}


input, select, textarea, button { outline: none; box-shadow: none; font-family: inherit;}
input[type=text]::-moz-placeholder,
input[type=search]::-moz-placeholder,
.input-text::-moz-placeholder,
.input_text::-moz-placeholder {
	color: inherit;
	opacity: 1;
	font-family: inherit;
}

input[type=text]::-webkit-input-placeholder,
input[type=search]::-webkit-input-p,
.input-text::-webkit-input-placeholder,
.input_text::-webkit-input-placeholder {
	color: inherit;
	opacity: 1;
	font-family: inherit;
}

input[type=text]::-ms-placeholder,
input[type=search]::-ms-placeholder,
.input-text::-ms-placeholder,
.input_text::-ms-placeholder {
	color: inherit;
	opacity: 1;
	font-family: inherit;
}

input[type=email]::-moz-placeholder {
	color: inherit;
	opacity: 1;
	font-family: inherit;
}

input[type=email]::-webkit-input-placeholder {
	color: inherit;
	opacity: 1;
	font-family: inherit;
}

input[type=email]::-ms-placeholder {
	color: inherit;
	opacity: 1;
	font-family: inherit;
}

textarea::-moz-placeholder {
	color: inherit;
	opacity: 1;
	font-family: inherit;
}

textarea::-webkit-input-placeholder {
	color: inherit;
	opacity: 1;
	font-family: inherit;
}

textarea::-ms-input-placeholder {
	color: inherit;
	opacity: 1;
	font-family: inherit;
}

a { text-decoration: none;
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}
a:hover { text-decoration: none;}

 
/* Common CSS for All components : End */

@media (min-width:576px){
	.container {
	width:100%;
	max-width:100%;
	}
	
	
	}
	@media (min-width: 768px) {
	.container {
	width:750px;
	padding: 0 15px;;
	}
	
	}
	@media (min-width: 992px) {
	.container {
	width:970px;
	}
	}
	@media (min-width: 1200px) {
	.container {
	width:1130px;
	max-width:1130px;
	}
	}
	@media (min-width: 1700px) {
	.container {
	width:1622px;
	max-width:1622px;
	}
	}
.container{ padding: 0 15px; margin: 0 auto; display: block; }
.row{ display: flex;  margin: 0 -15px;;  }
.row>*{ padding: 0 15px;; }
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
 font-weight: bold; 
	 
}
 
h1 {
	font-size: 56px;
	font-weight: bold;
	line-height: 1.2;
	font-weight: bold; 
	 
}
h2 {
	font-size: 48px;
	font-weight: bold;
	line-height: 1.2;
	 
	 
}
h3 {
	font-size: 40px;
	font-weight: bold;
	line-height: 1.2;
	 
	 
}
h4 {
	font-size: 32px;
	font-weight: bold;
	line-height: 1.3;
 
 
}
h5 {
	font-size: 24px;
	font-weight: bold;
	line-height: 1.4;
	 
 
}
h6 {
	font-size: 20px;
	font-weight: bold;
	line-height: 1.4;
	 
	 
}
img{ width: auto; height: auto; max-width: 100%;}
p{margin: 0; padding: 0; color: var(--white); font-weight: 300;font-size: 16px;line-height: 150%;}
p + p{ padding-top: 24px;; }
ul{ margin: 0px; padding: 0px; }
ul li{ list-style: none; }
.row { flex-wrap: wrap; margin-left: -15px !important; margin-right: -15px !important;}
.row>* { padding-left: 15px !important; padding-right: 15px !important;}
img{ width: auto;  height: auto; max-width: 100%;}
.text-data  p{ margin: 0; padding: 0; color: var(--white); font-weight: 300;font-size: 16px;line-height: 150%;  }
.text-data  ul li strong,
.text-data  ol li strong,
.text-data  p strong{ font-weight: bold; }
.text-data  p img{ max-width: 100%; display: block; margin: 16px  auto; }
.text-data  p + p{ padding-top: 24px; }
.text-data  ul li a,
.text-data  ol li a,
.text-data  p a{ margin: 0; padding: 0; color: var(--white); font-weight: 300;font-size: 16px;line-height: 150%;   text-decoration: underline; }
.text-data  ol li a:hover,
.text-data  ul li a:hover,
.text-data  p a:hover{  text-decoration: none; }
.text-data  ul{ margin: 0px; padding: 24px 0 0px  18px;  }
.text-data  ul li{ margin: 0; padding: 0; color: var(--white); font-weight: 300;font-size: 16px;line-height: 150%; display: list-item; list-style-type: disc; list-style-position: outside; } 
.text-data  ul li + li{ margin-top:8px; }
.text-data  ol{ margin: 0px; 	  padding: 24px 0 0px  18px;  }
.text-data  ol li{ margin: 0; padding: 0; color: var(--white); font-weight: 300;font-size: 16px;line-height: 150%; display: list-item; list-style-type: decimal; list-style-position: outside; } 
.text-data  ol li + li{ margin-top:8px; }
.text-data blockquote{	 margin: 24px 0; padding: 0 0 0 20px; color: #083C37; font-weight: normal;font-size: 20px; font-style: italic; line-height: 150%; border-left: var(--black) solid 2px;  font-weight: normal;   }
.text-data blockquote p{ color: #083C37; font-weight: bold;font-size: 20px; font-style: italic; line-height: 150%; }
.text-data .heading-tag:first-child{ padding-top: 0px;; }
.text-data  ol + p,
.text-data  ul + p,
.text-data   p + ul,
.text-data   p + ol,
.text-data   ol + ul,
.text-data   ul + ol{ padding-top: 24px; }
.py-112{ padding-top: 112px; padding-bottom: 112px; }
.pt-112{ padding-top: 112px;}
.pb-112{ padding-bottom: 112px;}


.main-wapper{ overflow:hidden; }
#header{ background: var(--bodybg); }
.header-top{ justify-content: space-between; position: relative; display: flex; align-items: center; min-height:92px;;   }
.header-top .logo{ display: flex; align-items: center;  }
.header-top .logo a{display: flex; align-items: center;  }
.header-top .logo a img{ width: auto; height: auto; max-height: 58px; max-width: 226px; display: flex; align-items: center;  } 
 
.blue-btn{display: flex ;align-items: center; justify-content: center;}
.blue-btn a{ border: var(--blue) solid 1px;; background: var(--blue); font-size: 16px; font-weight: normal; display: flex; align-items: center; justify-content: center; height: 40px; color: var(--white);  border-radius: 8px;; padding: 0 20px;;  }
.blue-btn a:hover{ background: transparent; color: var(--blue); }
.home-banner { position: relative; display: block ;width: 100%; }
.home-banner .banner-img{ z-index: 1; position: relative; display: flex; width: 100%; }
.home-banner .banner-img img{ min-height: 600px; object-fit: cover; position: relative; display: flex; width: 100%; }
.home-banner .banner-img::after{ position: absolute; left: 0; bottom: 0; width: 100%; content: '';  height: 319px;    background: linear-gradient(to bottom,  rgba(25,25,25,0) 0%,rgba(25,25,25,1) 100%);
 }
 .banner-caption{ position: absolute; left: 0; z-index: 10; top: 40%; width: 100%; transform: translateY(-50%);  }
 .banner-text{ text-align: center; width: 100%; max-width: 600px; margin: 0 auto; display: block; color: var(--white); }
.banner-text .border-text{ display: flex ;align-items: center;  justify-content: center;  }
.banner-text .border-text span{ padding: 12px 24px; font-size: 16px; font-weight: 500; border: var(--blue) solid 1px; border-radius: 100px;; }
.banner-text  h1{ padding: 12px 0 24px; }
.banner-text  p{ font-size: 18px; }
.button-set{  gap: 16px; padding: 32px 0 0 0; display: flex ; align-items: center; justify-content: center; }
.btn-bg-white {  display: flex ;align-items: center; }
.btn-bg-white a { border: var(--white) solid 1px;; background: var(--white); font-size: 16px; font-weight: normal; display: flex; align-items: center; justify-content: center; height: 48px; color: var(--white);  border-radius: 8px;; padding: 0 24px;; color: var(--black);  }
.btn-bg-white a:hover{ background: transparent; color: var(--white); }

.btn-border-white {  display: flex ;align-items: center; }
.btn-border-white a { border: var(--white) solid 1px;; background: transparent; font-size: 16px; font-weight: normal; display: flex; align-items: center; justify-content: center; height: 48px; color: var(--white);  border-radius: 8px;; padding: 0 24px;; color: var(--white);  }
.btn-border-white a:hover{ background: var(--white); color: var(--black); }


.expert-block-main{ display: flex ; gap: 80px; align-items: center; justify-content: space-between;}
.expert-block-main .expert-left {width: 100%;}
.expert-block-main .expert-right {width: 100%; display: block; position: relative; }
.expert-left .expet-data .text-data{ padding: 24px 0 0 0; }
.icon-box-listing{ padding: 32px 0 0 0;display: flex ;align-items: flex-start; flex-direction: column; gap: 12px; }
.icon-box-row { gap: 16px; padding: 24px 28px; width: 100%; background: #1C1C1C; display: flex; align-items: flex-start; border-radius: 20px;;  border: #464646 solid 1px;; }
.icon-box-row .icon { min-width: 32px; display: flex ;align-items: center; }
.icon-box-row .icon img{ max-width: 32px;; }
.icon-box-row .text-data{ padding: 16px 0 0 0; }
.expert-right .img{ width: 100%; display: flex; position: relative;}
.expert-right .img img{ width: 100%; display: flex; border-radius: 20px;; }
.expert-right .image-over-text{border-radius: 20px;; padding: 24px 32px;  border: #464646 solid 1px;;  z-index: 10; position: absolute; background: #1C1C1C; left: 30px; bottom: 30px;}
.expert-right .image-over-text h6{ padding: 16px 0 0 0 ; }
.expert-right .image-over-text h6 span,
.expert-right .image-over-text h6 strong {color: var(--blue); }
.section-title{ padding: 0 0 48px; }
.section-title h4{ text-align: center}
.events-box-listing{ gap: 12px; display: flex ; align-items:stretch; justify-content: center;  }
.events-box{ gap: 24px; text-align: center; display: flex; flex-direction: column; align-items: center; min-height: 316px; padding: 48px; width: 311px; border: #464646 solid 1px;;  background: #1C1C1C; border-radius: 20px;; }
.events-box .icon{ width: 48px; width: 48px; display: flex ;align-items: center; justify-content: center;}
.events-box .icon img{ max-width: 48px; max-height: 48px;; }
.events-box .sub-text p{ font-size: 14px;}

.events-section{ position: relative; }
.events-section .round-bg{ z-index: 1; pointer-events: none; position: absolute; left: 0;  top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;   }
.events-section .round-bg img{ max-width: 100%; height: auto;}
.container{ position: relative; z-index: 5; }

.sperkers-section { display: block ;width: 100%; overflow: hidden;}
.sperkers-slider-block{ padding: 32px 0 0 0; }
.sperkers-slider-block .slick-slide{ height: inherit; width: 348px;}
.sperkers-box{ width: 100%; padding: 48px; ; display: flex; gap: 48px; flex-direction: column; align-items: center;  border: #464646 solid 1px;;  background: #1C1C1C; border-radius: 20px;; height: 100%;}
.sperkers-slider-block .slick-slide {
      margin: 0 6px;
  }

  /* the parent */
.sperkers-slider-block  .slick-list {
      margin: 0 -6px;
	  overflow: visible;
  }
.sperkers-slider-block  .slick-track { display: flex; align-items: stretch; }
.sperkers-box .img{ width: 100%; display: flex; align-items: center; justify-content: center;} 
.sperkers-box .img img{ max-width: 228px; max-height: 228px; border-radius: 200px; object-fit: cover; }
.sperkers-box  .brand-logo{ width: 100%; background: #1C1C1C; border: #464646 solid 1px;; border-radius: 14px;  display: flex ; align-items: center;}
.sperkers-box  .brand-logo span{ min-height: 82px; display: flex ;align-items: center; justify-content: center ;width: 100%; }
.sperkers-box  .brand-logo span img{ max-width: 100%; max-height: 80px;; }
.sperkers-box .name-box {width: 100%; text-align: center;}
.sperkers-box .name-box h6{ padding: 0 0 12px; }
.sperkers-box .name-box .name-sub{ font-size: 16px; font-weight: 300; padding: 0 0 24px; line-height: 1.5;}
.sperkers-box .name-box .text p{ font-size: 14px;}

.slick-slider .slick-arrow{ cursor: pointer; z-index: 10; background:url(../images/right-arrow.svg) no-repeat center center; border-radius: 10px;; border: var(--blue) solid 1px; font-size: 0;  width: 48px; height: 48px; position: absolute; right: 0px; bottom: 0; transition: all 0.3s ease-in-out; background-size: 17px auto; }
.slick-slider .slick-arrow.slick-prev{ background:url(../images/left-arrow.svg) no-repeat center center  ; border-radius: 10px;  right:64px; background-size: 17px auto;}
.slick-slider .slick-dots{ gap: 8px; display: flex ;align-items: center; position: absolute; left: 0; bottom: 0; height: 48px; display: flex ;align-items: center; }
.slick-slider .slick-dots li{ display: flex; align-items: center;}
.slick-slider .slick-dots li button {width: 8px;  height: 8px; border-radius: 10px; background: transparent; opacity: 1; border: var(--blue) solid 1px; padding: 0;  font-size: 0; cursor: pointer; }  
.slick-slider .slick-dots .slick-active button{ opacity: 1; background: var(--blue); }
.slick-slider .slick-arrow:hover{ background:url(../images/right-arrow-w.svg) no-repeat center center var(--blue);  background-size: 17px auto;  }
.slick-slider .slick-arrow.slick-prev:hover{ background:url(../images/left-arrow-w.svg) no-repeat center center var(--blue);  background-size: 17px auto; }
.slick-slider{ padding: 0 0 96px; }

.about-block{ max-width: 862px; padding: 0 0 150px; margin: 0 auto; display: block; width: 100%; }
.about-block .text-data { padding: 32px 0 0 0; text-align: center; } 


.sponcers-section { width: 100%; position: relative; display: block; }
 
.sponcers-section .round-bg-2{  z-index: 1; pointer-events: none; position: absolute; left: 0;  top: -330px; width: 100%;   display: flex; align-items: flex-start; justify-content: center;  bottom: 200px; overflow: hidden;; }
.sponcers-section .round-bg-2 img{ width: 100%; object-fit: cover; mix-blend-mode: multiply; max-width: 100%; position: absolute; left: 0; top: 0; height: 100%;}
.sponcers-section .round-bg-2 span{  width: 100%; position: absolute; left: 0; top: 0; height: 100%; display: flex; align-items: flex-start;  justify-content: center; }
.sponcers-section .round-bg-2 span::after{  position: absolute; left: 0; top: 0; width: 100%; content: '';  height: 319px; background: linear-gradient(to bottom,  rgba(25,25,25,1) 0%,rgba(25,25,25,0) 100%);
}

.Sponsors-listing{ padding: 32px 0 0 0; display: flex; flex-wrap: wrap;  gap: 12px;}
.Sponsors-box{ border: #464646 solid 1px;; padding: 64px;  background: #1C1C1C; border-radius: 20px;;  width: calc(50% - 6px);}

.Sponsors-box .Sponsors-row{ display: flex ; justify-content: space-between; padding: 0 0 32px;}
.Sponsors-box .Sponsors-row .brand-logo-new{ display: flex ;align-items: center; justify-content: center; background: #1C1C1C; border: #464646 solid 1px;; border-radius: 10px; height: 58px; width: 178px; }
.Sponsors-box .Sponsors-row .brand-logo-new img{ max-width: 100%; max-height: 55px; }
.Sponsors-box .Sponsors-row  .cat { display: flex ; align-items: center;}
.Sponsors-box .Sponsors-row  .cat span{ display: flex; align-items: center; justify-content: center; min-height: 36px; border-radius: 8px; background: var(--blue); color: var(--white); padding: 0 20px; }
.Sponsors-box h5{ padding: 0 0 24px; }


.cta-block{ width: 100%;display: flex ; min-height: 405px; border-radius: 20px;; align-items: center ;justify-content: center; background: url(../images/Card.png) no-repeat center center; text-align: center; background-size: cover; padding: 32px;}
.cta-block .cta-data h3{ padding: 0 0 24px; }
.footer-top{ padding: 80px 0 ; }
.footer-top .f-logo{ padding: 0 0 48px; border-bottom: var(--blue) solid 1px; display: flex ;align-items: center; justify-content: center;}
.footer-top .f-logo a{ display: flex ;align-items: center; justify-content: center;}
.footer-top .f-logo  img{ width: 310px; display: flex ;align-items: center; justify-content: center;}
.footer-text{ width: 100%; padding: 48px 0 0 0; text-align: center;}
.footer-text p{ font-size: 14px;}


.agenda-section{ display: block; width: 100%; background: url(../images/agenda-bg.png) no-repeat center center; background-size: 100% 100%; }
.agenda-block{ justify-content: space-between; display: flex ;align-items: flex-start;}
.agenda-block .agenda-left{  width: 525px; display: block; }
.agenda-block .agenda-left h2{ padding: 0 0 24px; }
.agenda-right{ width: 988px; }
.agenda-table{ overflow: hidden; width: 100%; display: block; background: #1C1C1C ; border: #464646 solid 1px; border-radius: 20px; }
.agenda-table ul.thead{ background: #1E1E1E; }
.agenda-table ul.thead li{ display: flex ;align-items: center;}
.agenda-table ul.thead li>div{ font-weight: 600; font-size: 16px; color: var(--white); padding: 16px 32px; }
.agenda-table ul li .text-1{ width: 22.5%;}
.agenda-table ul li .text-2{ font-weight: 500; width: 50%;}
.agenda-table ul li .text-3{ width: 50%;}
.agenda-table ul.tbody li{border-top: #464646 solid 1px; display: flex ;align-items: center;}
.agenda-table ul.tbody li>div{ font-weight: 300; font-size: 16px; color: var(--white); padding: 16px 32px; }

.Sponsors-box .blue-btn{ margin-top: auto;  padding: 24px 0 0 0; justify-content: flex-start; }
.Sponsors-box{ display: flex; flex-direction: column; }
.cta-block .btn-border-white a{ pointer-events: none; }
.agenda-table ul li .text-1{display: none;}
.agenda-table ul.tbody li .text-2{ font-weight: normal;} 


.banner-vdi{ min-height: 600px; position: relative; overflow: hidden; width: 100%;}
.banner-vdi iframe,
.banner-vdi video{ position: absolute; left: -45%; bottom: 0;  width: 190%; height: 200%; object-fit: cover; max-width: none !important; max-height: none !important;}