@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Fugaz+One&family=Lexend+Tera:wght@100..900&family=Lexend:wght@100..900&family=Lobster+Two:ital,wght@0,400;0,700;1,400;1,700&family=Michroma&family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Rajdhani:wght@300;400;500;600;700&family=Source+Sans+3:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Teko:wght@300;400;500;600;700&display=swap');

body{
    padding: 0;
    margin: 0;
    background: #0a0001;
    min-height: 200vh;
    overflow-x: hidden;
}
a{
    text-decoration: none;
}
@font-face {
    font-family: "ext";
    src: url("../fonts/EXCRATCH\ Thin.otf");
}
@font-face {
    font-family: "exr";
    src: url("../fonts/EXCRATCH\ Regular.otf");
}
@font-face {
    font-family: "exb";
    src: url("../fonts/EXCRATCH\ Bold.otf");
}
h1,h2,h3,h4,h5,h6{
  margin: 0;padding: 0;
}
/* navbar */
.traicon_logo{
    width: 5vw;
    margin-left: 0.5vw;
    
}
.navbar{
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 4vw;
    background-color: #0a0001;
    position: fixed;
    z-index: 100;
    width: 100%;
}
.navbar ul{
    list-style: none;
    display: flex;
    width: 40%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2.5vw;
}
.navbar ul li a{
    color: rgba(255, 255, 255, 0.656);
    font-family: "Source Sans 3";
    font-weight: 500;
    font-size: 0.9vw;
    position: relative;
}
.navbar ul li a::after{
content: "";
height: 1px;
width: 0;
background: #C35C5D;
position: absolute;
right: 0;
bottom: 0;
transition: all 0.5s ease;
}
.navbar ul li a:hover{
  color: #C35C5D;
}
.navbar ul li a:hover::after{
  width: 100%;
  left: 0;
}
.nav-btn{
background-color: #C35C5D;
font-family: "Source Sans 3";
color: white;
font-size: 0.9vw;
padding: 0.6vw;
margin-right: 0.5vw;
cursor: pointer;
}
.nav-btn:hover{
  background-color: #208096;
}
.navbar ul li .active{
  color: #C35C5D;
}
.navbar ul li .active::after{
  width: 100%;
  left: 0;
}
/* cover */
.cover{
    width: 100%;
    height: 130vh;
    background-image: url("../images/landing_design.jpg");
    background-size: 100%;
    position: relative;
    display: flex;
    justify-content: center;
}
.mob-logo{
  display: none;
}
.container{
  display: none;
}
.cover-video{
  width: 100%;
  height: 130vh;
  position: absolute;
}
.cover-video video{
  width: 100%;
  height: 130vh;
  object-fit: cover;
}
.vd-patch{
  width: 100%;
  height: 130vh;
  position: absolute;
  background: linear-gradient(to right,black,black);
}

.cover-patch{
width: 100%;
height: 20vw;
position: absolute;
bottom: 0;
background: linear-gradient(#160b1900,#0a0001,#0a0001);
}
.cov-patch2{
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right,#0a00016a,#0a000100);
}

.cover-cont{
    width: 80%;
    height: 80vh;
    margin-top: 15vh;
    position: relative;
    z-index: 15;
}
.flying-element {
    width: 3px;
    height: 3px;
    background-color: #C35C5D;
    position: absolute;
    border-radius: 50%;
    opacity: 0.6;
    box-shadow: 0 0 10px 5px #C35C5D;
    animation: fe 2s ease-in-out infinite forwards;
  
}
@keyframes fe{
  0%{
    background-color: #C35C5D;
    box-shadow: 0 0 10px 1px #C35C5D;
  }
  50%{
    background-color: #ffb4b9;
    box-shadow: 0 0 10px 5px #ffa5158f;

  }
   100%{
    background-color: #C35C5D;
    box-shadow: 0 0 10px 1px #C35C5D;
  }
}
@keyframes fe2{
  0%{
    background-color: #820e01;
    box-shadow: 0 0 10px 1px #820e01;
  }
  50%{
    background-color: #c55b4f;
    box-shadow: 0 0 10px 5px #820e01;
  }
   100%{
    background-color: #820e01;
    box-shadow: 0 0 10px 1px #820e01;
  }
}
@keyframes fe3{
  0%{
    background-color: #cba229;
    box-shadow: 0 0 10px 1px #cba229;
  }
  50%{
    background-color: #e3c66d;
    box-shadow: 0 0 10px 5px #cba229;
    filter: blur(2px);
  }
   100%{
    background-color: #cba229;
    box-shadow: 0 0 10px 1px #cba229;
  }
}

.type-1{
    background-color: #c15dff9c;
    box-shadow: 0 0 10px 5px #9524DC;
    animation: fe2 2s ease-in-out infinite forwards;
}
.type-3{
  background-color: #ff616b99;
  box-shadow: 0 0 10px 5px #E01F2D;
  animation: fe3 2s ease-in-out infinite forwards;
}
#cf{
    position: absolute;
    z-index: 10;
    height: 100%;
    width: 100%;
}
.connect_logo{
    width: 37vw;
    transform: translateX(-4vw);
}
.cover-sup{
  width: 33vw;
  height: 8vw;
  border-top: 1px solid #9524DC;
  border-bottom: 1px solid #9524DC;
  margin-top: 0.5vw;
}
.cov-sup-boxes{
  display: flex;
  align-items: center;
  gap: 1vw;
}
.cov-sup-box{
  width: 10vw;
  height: 4.5vw;
  background-color: white;
  margin-top: 0.5vw;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 1vw;
}
.cov-sup-img{
  width: 80%;
}
.cov-sup-h{
  color: white;
  font-size: 1vw;
  font-family: "Source Sans 3";
  margin-top: 0.5vw;
}
.date-place{
    display: flex;
    gap: 1vw;
    color: white;
    margin-top: 2vw;
    align-items: center;
   font-family: "Rajdhani";
   font-size: 1.3vw;
   font-weight: 500;
   
}

.date-place i{
    padding: 0vw 0.5vw;
}

.tagline{
    margin-top: 1.5vw;
    font-family: "exr";
    color: white;
    font-size: 1.7vw;
    font-weight: 800;
}
.tagline span{
  font-size: 1.5vw;
  color: #C35C5D;
}
.cov-btns{
    display: flex;
    gap: 2vw;
    margin-top: 2.5vw;
}
.cov-btn{
    color: white;
    font-family: "Montserrat";
    width: 12vw;
    display: flex;
    font-size: 1.1vw;
    align-items: center;
    justify-content: center;
    padding: 1vw 0vw;
   cursor: pointer;
    font-weight: 500;
    border: 0.1vw solid #C35C5D;
    position: relative;
    overflow: hidden;
    transition: all 0.5s ease;
}
.cov-btn::after{
  content: "";
  width: 0%;
  height: 100%;
  position: absolute;
  background-color: #C35C5D;
  z-index: -1;
  right: 0;
  transition: all 0.5s ease;
}
.cov-btn:hover::after{
  width: 100%;
  left: 0;
}
.cov-btn:hover{
  border: 0.1vw solid #29cb5f00;
  color: #000;
}
.countdown{
  color: white;
  display: flex;
  gap: 1vw;
  margin-top: 2vw;
}
.count-b{
  width: 7vw;
  height: 7vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
border: 1px solid #80108a46;
  position: relative;
  border-radius: 1vw;
  background: linear-gradient(45deg,#80108a31,#80108a18);
  backdrop-filter: blur(30px);
}
.count-b::before{
content: "";
width: 1px;
height: 2vw;
background: linear-gradient(#e01f2c00,#80108a,#e01f2c00);
left: -0.06vw;
position: absolute;
bottom: 1vw;
box-shadow: 0 0 0.9vw 0.3vw #820e014a;
}
.count-b::after{
  content: "";
  width: 1px;
  height: 2vw;
  background: linear-gradient(#e01f2c00,#80108a,#e01f2c00);
  right: -0.05vw;
  position: absolute;
  top: 1vw;
  box-shadow: 0 0 0.9vw 0.3vw #820e0143;
  }
.dig{
  font-size: 2vw;
  font-family: "exb";
  color: #C35C5D;

}
.count-b:nth-child(1) .count-t{
  bottom: 1.5vw;
  left: -0.4vw;
}
.count-b:nth-child(2) .count-t{
  bottom: 2.0vw;
  left: -0.8vw;
}
.count-b:nth-child(3) .count-t{
  bottom: 2.6vw;
  left: -1.6vw;
}
.count-b:nth-child(4) .count-t{
  bottom: 2.5vw;
  left: -1.5vw;
}
.count-t{
  position: absolute;
  width: fit-content;
font-family: "ext";
font-size: 0.7vw;
  transform: rotate(90deg);
  color: #ffffff9e;

}
.count-cl .dig{
  color: #822b10;
}
/* overview */
.overview{
width: 100%;
display: flex;
height: 90vh;
align-items: center;
justify-content: center;
position: relative;

}
.over-left{
    width: 40%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.over-circle{
  width: 13vw;
  height: 13vw;
  background: linear-gradient(-45deg,#fbe449,#fbe34990,#9624dc00);
  border-radius: 50%;
  position: absolute;
  right: -3vw;
  top: 20vw;
  opacity: 0.6;

}
.oc2{
  background: linear-gradient(-135deg,#C35C5D,#c35c5ea5,#c35c5e00);
  right: auto;
  left: 1vw;
  top: 3vw;
  width: 8vw;
  height: 8vw;
  z-index: 20;
}
.oi-boxes{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5vw;
    flex-wrap: wrap;
    width: 30vw;
    height: 30vw;
}
.over-right{
    width: 40%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.over-para p{
    color: white;
    font-family: "Source Sans 3";
    text-align:left;
    font-size: 1vw;
    font-weight: 300;
    line-height: 1.7;
}
.title{
    color: white;
    font-size: 4vw;
    font-family: "exb";
    font-weight: 400;
}
.over-img-box{
    width: 15vw;
    height: 15vw;
 border: 1px solid rgba(255, 255, 255, 0.13);
 border-radius: 1vw;
 overflow: hidden;
}
.over-img{
    width: 100%;
    transform: translateY(2vw);
}
/* numbers */
.numbers{
    width: 100%;
    height: 80vh;
    display: flex;
    justify-content: center;
    position: relative;
}
.num-left{
    width: 35%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: relative;
}
.num-left .title{
    margin-left: 5vw;
}
.num-right{
    width: 45%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 1vw;
}
.num-boxes{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 1vw; 
}

.num-patch{
  width: 100vw;
  position: absolute;
  left: 0;
  top: 2.5vw;
opacity: 0.8;
/* filter: hue-rotate(15deg); */
}
/* .num-title span:nth-child(1){
    background-color: #f72585;
    padding: 0vw 1vw;
    padding-top: 0.6vw;
}
.num-title span:last-child{
    background-color:#4361ee;
    padding: 0vw 1vw;
    padding-top: 0.6vw;
} */
.num-box{
    width: 12vw;
    height: 12vw;
    background: #8b22241a;
    backdrop-filter: blur(20px);
    border-radius: 0.4vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 3;
    border: 1px solid #e29f3359;
}
.num-box::before{
content: "";
width: 1px;
height: 1.5vw;
position: absolute;
background:linear-gradient(#29cb5f00,#e29f33c2,#29cb5f00);
left: -0.05vw;
top: 9vw;
z-index: 2;
box-shadow: 0 0 0.9vw 0.1vw #e29f33a5;
}
.num-box::after{
  content: "";
  width: 1px;
  height: 1.5vw;
  position: absolute;
  background:linear-gradient(#29cb5f00,#e29f339c,#29cb5f00);
  right: -0.05vw;
  top: 1vw;
  z-index: 2;
  box-shadow: 0 0 0.9vw 0.1vw #e29f33ac;
  }
.num-box:hover .num-box-patch{
   height: 100%;
}
.num-box:hover .num-des span{
  background: linear-gradient(to left,#C35C5D,#C35C5D);
  -webkit-background-clip: text;
  background-clip: text;
   font-weight: 800;
   color: transparent;
}
.num-box:hover .num-dig{
  color: #C35C5D;
}
.num-box:hover .num-plus{
  color: #C35C5D;
}
.num-box:hover .num-des{
  color: #C35C5D;
}
.num-dig{
    display: flex;
    color: rgb(255, 255, 255);
    font-size: 3vw;
    align-items: center;
    
}
.num-plus{
    font-family: "montserrat";
    transform: translateY(-2vw);
    color: #ffffff;
}
.num-dig .odometer{
    font-family: "exb";


  
}
.num-img{
    width: 30vw;
    position: absolute;
    z-index: -1;
    right: -57vw;
    filter: hue-rotate(55deg);
    opacity: 0.9;
}
.num-des{
    font-size: 0.8vw;
    text-align: center;
    color: #ffffff;
    font-family: "Michroma";
    font-weight: 500;
    position: relative;
    z-index: 1;

}
.num-des span{
background: linear-gradient(to left,#ffffff,#ffffff);
   -webkit-background-clip: text;
   background-clip: text;
    font-weight: 800;
    color: transparent;
}
.num-box-patch{
  position: absolute;
  width: 100%;
  height: 1vw;
 /* background: linear-gradient(45deg,#29cb5e,#29cb5e); */
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.5s ease;
}
.num-anim-cir{
  width: 3vw;
  height: 3vw;
  background-color: #c35c5ebc;
  position: absolute;
  z-index: 10;
  border-radius: 50%;
  top: 5vw;
  left: 20vw;
}
.numac{
  left: 5vw;
  top: 5vw;
  width: 5vw;
  height: 5vw;
}


/* market */
.market{
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
   background-size: cover;

overflow: hidden;
}
.market .title{
  font-size: 3vw;
}
.market-glow{
  width: 55vw;
  position: absolute;
opacity: 1;
right: -10vw;
bottom: -5vw;
filter: hue-rotate(-20deg);
}

.market-patch{
  width: 100%;
  height: 100%;
  position: absolute;
  background: linear-gradient(#0a0001,#0a000100,#0a000100,#0a0001);
}
.market-cont{
    width: 80%;
    height: 90%;
    display: flex;
    position: relative;
    z-index: 2;
}
.market-left{
    width: 40%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}  
.market-img-box{
  width: 80%;
  height: 60%;
border-radius: 1vw;
  margin-top: -1vw;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
  margin-top: -7vw;
}
.market-img-box2{
 width: 14vw;
 height: 14vw;
 position: absolute;
 border-radius: 1vw;
 overflow: hidden;
 margin-top: 17vw;
 margin-left: 16vw;
 border: 1px solid #ffa5158a;
}

.market-img-box img{
  width: 100%;
  filter: hue-rotate(20deg);
  border-radius: 1vw;
}

.market-img-box2 img{
    width: 100%;
  
  }
.market-right{
    width: 60%;
    height: 100%;
    padding-left: 3vw;
    padding-top: 5vw;
    position: relative;
    z-index: 10;
}
.market-right-patch{
    padding: 2vw;
    border-radius: 1vw;
    position: absolute;
    background: linear-gradient(45deg,#8b222424,#8b222415);
    z-index: -1;
    backdrop-filter: blur(20px);
    border: 1px solid #8b22244a;
    position: relative;
}
.market-right-patch::after{
  content: "";
  width: 1px;
  height: 4vw;
  background:linear-gradient(#2a1bfa00,#9e2426,#2a1bfa00);
  position: absolute;
  right: -0.06vw;
  top: 5vw;
  box-shadow: 0 0 0.8vw 0.2vw #8b22247c;
}
.market-right-patch::before{
  content: "";
  width: 1px;
  height: 4vw;
  background:linear-gradient(#2a1bfa00,#9e2426,#2a1bfa00);
  position: absolute;
  left: -0.03vw;
  bottom: 5vw;
  box-shadow: 0 0 0.8vw 0.2vw #8b22245e;
}
.market-para p{
color: white;
font-family: "Source Sans 3";
font-size: 1vw;
line-height: 1.7;
font-weight: 300;
}
.market-boxes{
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1vw;
  margin-top: 1vw;
  position: relative;
  z-index: 10;
}
.market-box{
  width: 43%;
  height: 6vw;
background-color: #944f9208;
backdrop-filter: blur(2px);
display: flex;
flex-direction: column;
justify-content: center;
border-radius: 1vw;
padding: 0vw 1vw;
border: 1px solid rgba(255, 255, 255, 0.045);
}
/* .market-box:nth-child(1) .mark-num{
  color: #C35C5D;
}
.market-box:nth-child(3) .mark-num{
  color: #944f92;
}
.market-box:nth-child(4) .mark-num{
  color: #C35C5D;
}
.market-box:nth-child(5) .mark-num{
  color: #944f92;
} */

.mark-num{
  font-family: "exb";
  font-size: 1.3vw;
  color: #fe7a7c;
  padding: 0vw 0.5vw;
}
.mark-des{
  color: white;
  font-family: "Source Sans 3";
  font-size: 1vw;
  padding: 0vw 0.5vw;
}
.market-box:hover{
  cursor: pointer;
  background-color: #0000000e;
  border: 1px solid #ca7dc7;
}
.market-box:hover .mark-num{
  color: #ca7dc7;
}
.mar-cir{
    background-color: #0a0001;
    width: 14vw;
    height: 14vw;
    position: absolute;
    z-index: 2;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 15vw;
    margin-left: -25vw;
}
.mar-in-cir{
    width: 80%;
    height: 80%;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(-145deg,#C35C5D,#944f92);
}
.mar-in-cir img{
width: 120%;
}
.scrolling-container {
    position: absolute;
    top: 0;
    left: -20vw;
    width: 130%;
    overflow: hidden;
    white-space: nowrap;
   padding: 0.5vw 0vw;
    transform: rotate(-2deg);
   margin-top: 3vw;
   background:linear-gradient(to left,#C35C5D,#944f92) ;
  
  }
  
  .scrolling-text {
    display: inline-block;
    white-space: nowrap;
    font-family: "exb";
    font-size: 2vw;
    font-weight: 800;
    text-transform: uppercase;
    color: #160b19;
  }


  /* themes */

  .themes{
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background-image: url("../images/3d-render-modern-background-with-flowing-cyber-dots-design.jpg");
 background-size: cover;
 background-position-y:-10vw;
      }
    .theme-patch{
      width: 100%;
      height: 100%;
      position: absolute;
      background: linear-gradient(#0a0001,#0a00014f,#0a0001);
    }
      .theme-container{
        width: 82%;
        height: 90vh;
        position: relative;
        z-index: 2;
      }
      .themeBoxes{
        width: 100%;
        height: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        gap: 1vw;
        padding: 1.5vw 0;
        border-radius: 1vw;
      }
      .themeBox{
        width: 100%;
        height: 100%;
        border-radius: .5vw;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: .5vw;
        background: linear-gradient(45deg,#944f9214,#944f9216);
        transition: all ease .4s;
        backdrop-filter: blur(10px);
        position: relative;
        border: 1px solid #944f9268;
      }
      .themeBox::after{
        content: "";
        width: 1px;
        height: 2vw;
        border-radius: 50%;
        position: absolute;
        background: linear-gradient(#f837d23c,#944f92,#f837d220);
        right: -.05vw;
        top: 1vw;
        box-shadow: 0 0 0.5vw 0.3vw #944f9243;
      }
      .themeBox::before{
        content: "";
        width: 1px;
        height: 2vw;
        border-radius: 50%;
        position: absolute;
        background: linear-gradient(#f837d23c,#944f92,#f837d220);
        left: -.06vw;
        bottom: 1vw;
        box-shadow: 0 0 0.5vw 0.3vw #944f922b;
      }
      .theme-out{
        width: 11vw;
        height: 11vw;
        display: flex;
        align-items: center;
        justify-content: center;
        /* border:  0.1vw solid #2cd5fe;
        border-radius: 0.7vw;
        box-shadow: 0px 0px 0.4vw #2cd5fe; */
      }
      .themeIcon{
        width: 50%;
        height: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all ease .4s;
      
      }
      .themeIcon svg{
        width: 60%;
        fill: #ffffff;
        transition: all ease .4s;
      }
      .themeDes{
        width: 95%;
        font-family: 'source sans 3';
        text-align: center;
        color: #ffffff;
        font-size: 0.8vw;
        transition: all ease .4s;
        font-weight: 400;
        text-transform: uppercase;
      }
      .themePatch{
        position: absolute;
        z-index:0;
        right: -8vw;
        border-radius: 50%;
        top: -10vw;
        width: 30vw;
        height: 30vw;
        background:linear-gradient(45deg,#ac750a,#f4d069);
      }
      .attendHead{
        width: 95%;
      }
      /* .themeBox:hover{
      
      } */
      .themeBox:hover .themeIcon svg{
        transform: rotatey(360deg);
        fill: #e591e3;
      }
      .themeBox:hover .themeDes{
        color: #e591e3;
      }
    
/* Highlights */
.highlights{
  width: 100%;
  height: 90vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url("../images/high_bg.jpg");
  background-size: cover;
  position: relative;
  background-position-y: -10vw;
}
.high-patch{
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(#0a0001,#160b1900,#0a0001);
}
.high-cont{
  width: 80%;
  height: 100%;
  position: relative;
  z-index: 2;
}
.high-boxes{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1vw;
  margin-top: 3vw;
}
.high-box{
  width: 20vw;
  height: 26vw;
border:1px solid #c35c5e79;
border-radius: 1vw;
background: linear-gradient(135deg,#c35c5e1e,#c35c5e21,#c35c5e28,#c35c5e1a);
backdrop-filter: blur(20px);
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
}
.high-box::after{
  content: "";
  width: 1px;
  height: 3vw;
  background: linear-gradient(#29cb5f00,#C35C5D,#29cb5f00);
position: absolute;
right: -0.05vw;
top: 5vw;
box-shadow: 0 0 0.8vw 0.3vw #c35c5e2f;
}

.high-box::before{
  content: "";
  width: 1px;
  height: 3vw;
  background: linear-gradient(#29cb5f00,#C35C5D,#29cb5f00);
position: absolute;
left: -0.05vw;
bottom: 5vw;
box-shadow: 0 0 0.8vw 0.3vw #c35c5e1d;
}
.high-box:hover{
  background: linear-gradient(45deg,#aa111113,#aa111113);
  transform: scale(1.05);
  border: 1px solid #e71d31aa;
}
.high-box:hover::after,.high-box:hover::before{
  background: linear-gradient(#29cb5f00,#e64757,#29cb5f00);
  box-shadow: 0 0 0.8vw 0.3vw #e71d312f;
}
.high-box:hover .highIcon{
  filter: hue-rotate(50deg);
}
.high-iconBox{
  width: 8vw;
  height: 8vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
.highIcon{
  width: 50%;
  filter: hue-rotate(80deg);
  opacity: 1;
}
.highHead{
  color: white;
  font-family: "exb";
  font-size: 1.5vw;
  text-align: center;
}
.highHead span{
  font-size: 1vw;
  font-family: "ext";
}
.highDes{
  color: white;
  text-align: center;
  font-family: "Source Sans 3";
  margin-top: 1vw;
  padding: 0vw 3vw;
}
/* who */
.who{
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-bottom: 4vw;
  position: relative;
}
.who-circle{
  position: absolute;
  width: 10vw;
  height: 10vw;
  border-radius: 10vw;
  right: 2vw;
  background: linear-gradient(to right,#944f92,#20809600);
  top: 5vw;
}
.wc2{
  background: linear-gradient(#C35C5D,#f837d202);
  top: auto;
  top: 35vw;
  width: 6vw;
  height: 6vw;
  right: 6vw;
}
.who-container{
  width: 80%;
  height: 100vh;
  display: flex;
}
.who-progress{
  width: 100%;
  height: auto;
  backdrop-filter: blur(20px);
  display: flex;
  align-items: center;
  position: relative;
}
.who-img-box{
  width: 60vw;
  height: 30vw;
  position: absolute;
  top: 10vw;
  border-radius: 40vw;
  left: -15vw;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.who-img-patch{
  width: 100%;
  height: 100%;
  position: absolute;
  background: linear-gradient(to right,#160b19,#160b1900,#160b1900);
}
.who-img{
  width: 102%;
}
.who-cont-left{
  width: 50%;
}
.who-cont-right{
  width: 50%;
  display: flex;
  flex-direction: column;
  margin-top: 1vw;
}
.who-boxes{
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.2vw;
  margin-top: 2vw;
}
.who-box{
  width: 9.5vw;
  height: 9.5vw;
  border: 1px solid #C35C5D;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(20px);
  gap: 0.5vw;
  cursor: pointer;
}
.who-box:hover{
  background: radial-gradient(#9c4345,#C35C5D);
}
.who-box:hover .w-icon svg{
  fill: #0a0001;
}
.who-box:hover .w-des{
  color: #0a0001;
  font-weight: 400;
}
.w-icon{
  width: 6vw;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.w-icon svg{
  width: 50%;
  fill: #c4c4c4;
}
.w-des{
  font-family: "Source Sans 3";
  text-align: center;
  color: white;
  width: 90%;
  font-size: 0.9vw;
  font-weight: 300;
  line-height: 1vw;
}

.who-pro-img-box{
  width: 80%;
  height: auto;
  overflow: hidden;
  border-radius: 1vw;
}
.who-pro-img{
  width: 100%;
}
.who-pro-left{
  width: 45%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.who-pro-right{
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.who-progress-boxes{
  width: 50vw;
  height: 20vw;
  border: 1px solid #c35c5e84;
  transform: translate(10vw,6vw);
  border-radius: 1vw;
  background: linear-gradient(45deg,#c35c5e1c,#c35c5e20);
  backdrop-filter: blur(30px);
  position: relative;

}
.who-progress-boxes::after{
  content: "";
  height: 2vw;
  width: 1px;
  background: linear-gradient(#f837d207,#C35C5D,#f837d200);
  position: absolute;
  right: -0.01vw;
  top: 3vw;
  box-shadow: 0 0 0.8vw 0.3vw #c35c5e38;
}
.who-progress-boxes::before{
  content: "";
  height: 2vw;
  width: 1px;
  background: linear-gradient(#f837d207,#C35C5D,#f837d200);
  position: absolute;
  left: -0.03vw;
  bottom: 3vw;
  box-shadow: 0 0 0.8vw 0.3vw #c35c5e35;
}
.who-pro-cir{
  width: 10vw;
  height: 10vw;
  /* background:linear-gradient(-45deg,#f837d0,#f837d0); */
  border-radius: 50%;
  position: absolute;
  top: 1vw;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 7vw;
}
.who-pro-cir img{
  width: 100%;
  filter: drop-shadow(0vw 0vw 1vw #E01F2D);
  opacity: 0.5;
}
.progress-container {
  display: flex;
  align-items: center;
  justify-content: center;
width: 100%;
height: 100%;
gap: 2vw;
}

.circular-progress {
  position: relative;
  width: 10vw;
  height: 10vw;
  border-radius: 50%;
  background: conic-gradient(#dc090900 0%, #d3d3d3 100%);
  backdrop-filter: blur(20px);
  border: 1px solid #C35C5D;
}

.inner-circle {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 5vw;
  height: 5vw;
  font-family: "exb";
  border-radius: 50%;
  background:linear-gradient(45deg,#C35C5D,#944f92) ;
  font-size: 1.5vw;
  font-weight: bold;
  color: #190d2e;
}
.pro-box{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1vw;
}
.pro-des{
  color: white;
  font-family: "Source Sans 3";
  font-size: 1vw;
}
.who-job-circle{
  width: 10vw;
  height: 10vw;
  position: absolute;
  background: linear-gradient(-130deg,#820e01,#820e017b,#2a1bfa00);
  bottom: 0;
  left: 2vw;
  border-radius: 50%;
}
.wjc2{
  width: 6vw;
  height: 6vw;
  background: linear-gradient(60deg,#f837d226,#f837d226,#f837d226);
  left: auto;
  right: 7vw;
  bottom: 20vw;
}
.job-titles{
  width: 78%;
  height: auto;
  min-height: 3vw;
  margin-top: 5vw;
  background:linear-gradient(45deg,#820e0114,#820e0124) ;
  backdrop-filter: blur(20px);
  padding:2vw 1vw;
  border: 1px solid #820e01;
  border-radius: 1vw;
}
.job-titles .title{
  font-size: 2.5vw;
}
.job-cont{
  width: 100%;
  margin-top: 3vw;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.job-cont::after{
  content: "";
  height: 2vw;
  width: 1px;
  background: linear-gradient(#29cb5f00,#d63321,#29cb5f00);
  position: absolute;
  right: -0.08vw;
  top: 3vw;
  box-shadow: 0 0 0.8vw 0.3vw #820e0164;
}
.job-cont::before{
  content: "";
  height: 2vw;
  width: 1px;
  background: linear-gradient(#29cb5f03,#d6321f,#29cb5f00);
  position: absolute;
  left: -0.07vw;
  bottom: 3vw;
  box-shadow: 0 0 0.8vw 0.3vw #820e012a;
}
.job-box{
  width: 9.5vw;
  text-align: center;
  height: 5vw;
  display: flex;
  align-items: center;
  justify-content: center;
  border-left: 1px solid #820e01;
  border-bottom: 1px solid #820e01;
  color: white;
  padding: 0vw 0.6vw;
  font-family: "Source Sans 3";
  font-size: 0.9vw;
}
.job-box:first-child{
  border-left: none;
}
.job-box:nth-child(8){
  border-bottom: none;
  border-left: none;
}
.job-box:nth-child(9),.job-box:nth-child(10),.job-box:nth-child(11),.job-box:nth-child(13),.job-box:nth-child(12),.job-box:nth-child(14){
  border-bottom: none;
}
        /* why exhibit */
  .ex{
    width: 100%;
    height: auto;
    position: relative;
    display: flex;
    justify-content: center;
    overflow: hidden;
    background-size: cover;
  }
  .ex-shape{
    position: absolute;
    width: 30vw;
    z-index: -1;
   right: 0;
   bottom: 0;
  }
  .ex-h-container{
    width: 80%;
    height: 13vw;
    margin: 2vw 0vw;
    border-radius: 1vw;
    backdrop-filter: blur(20px);
    margin-left: 10%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    --border-angle: 0turn;
    --main-bg: conic-gradient(
        from var(--border-angle),
        rgb(31, 27, 4),
        rgb(34, 32, 17) 5%,
        rgb(27, 23, 13) 60%,
        rgb(28, 24, 9) 95%
      );
    border: solid .2vw transparent;
    border-radius: 2em;
    --gradient-border: conic-gradient(from var(--border-angle), transparent 25%, #C35C5D,#944f92, #C35C5D 99%, transparent);
    background: var(--main-bg) padding-box, var(--gradient-border) border-box, var(--main-bg) border-box;
    background-position: center center;
    -webkit-animation: bg-spin 3s linear infinite;
            animation: bg-spin 3s linear infinite;
  }


  @-webkit-keyframes bg-spin {
    to {
      --border-angle: 1turn;
    }
  }
  @keyframes bg-spin {
    to {
      --border-angle: 1turn;
    }
  }
  .ex-h-container:hover {
    -webkit-animation-play-state: paused;
            animation-play-state: paused;
  }
  
  @property --border-angle {
    syntax: "<angle>";
    inherits: true;
    initial-value: 0turn;
  }

  .w-ex-cont{
    width: 80%;
    padding-top: 12vw;
  }
  .ex-main-h{
    color: white;
    font-size: 1vw;
    font-family: "Source Sans 3";
  }
  .ex-headings{
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-top: 1vw;
  }
  .ex-head{
    width: 23%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 1vw 0vw;
    border-radius: 1vw;
  }

  .ex-icon{
    width: 3vw;
    filter: invert();
  }
  .ex-boxes{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .ex-cr{
    width: 80%;
  }
  .ex-heading{
    color: white;
    font-size: 1vw;
    font-family: "Source Sans 3";
    margin-top: 0.2vw;
    
  }

  .ex-carousel .item{
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 20vw;
  }
  .ex-box{
    width: 95%;
    height: 80%;
    border: 1px solid #ffa1fc41;
    border-radius: 1vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: all 0.5s ease;
    backdrop-filter: blur(20px);
  }
  .ex-box::after{
    content: "";
    height: 2vw;
    width: 1px;
    background: linear-gradient(#f837d207,#ffa1fc6a,#f837d200);
    position: absolute;
    right: -0.06vw;
    top: 3vw;
    box-shadow: 0 0 0.8vw 0.3vw #ffa1fc38;
  }
  .ex-box::before{
    content: "";
    height: 2vw;
    width: 1px;
    background: linear-gradient(#f837d207,#ffa1fc74,#f837d200);
    position: absolute;
    left: -0.06vw;
    bottom: 3vw;
    box-shadow: 0 0 0.8vw 0.3vw #ffa1fc38;
  }
  .ex-active .ex-box::after,.ex-active .ex-box::before{
    display: none;
  }
  .ex-active .eb1{
    background-color: #ffa5150b;
    box-shadow: 0 0 0.5vw #C35C5D;
    border: 1px solid #C35C5D;
  }

  .ex-active .eb2{
    background-color: #20809622;
    box-shadow: 0 0 0.5vw #944f92;
    border: 1px solid #944f92;
  }
  .ex-active .eb3{
    background-color: #820e0118;
    box-shadow: 0 0 0.5vw #820e01;
 
    border: 1px solid #820e01;
  }
  /* .ex-active .ex-box .ex-box-para{
color: #121212;
  } */
  .ex-active .ex-box .ex-num{
    color: #ffffff;
  }
  /* .ex-active .ex-box  .ex-h{
    color: #121212;
  } */
  .ex-active .ex-box .ex-box-up::after{
    background-color: #ffffff;
  }

 

  .ex-box-up{
    width: 100%;
    height: 2.5vw;
    display: flex;
    align-items: center;
    position: relative;
  }
  .ex-box-up::after{
    content: "";
    width: 20%;
    height: 2px;
    background-color: #f7f7f7;
position: absolute;
top: -0.5vw;
left: 1vw;
  }
.ex-h{
    font-size: 1.1vw;
    font-weight: 600;
    font-family: "Montserrat";
}
.ex-num{
    font-family: "exb";
    font-size: 1.5vw;
    padding: 0vw 1vw;
    color: #C35C5D;
    margin-top: 0.4vw;
}
.ex-box-para{
    width: 100%;
    height: 10vw;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ex-box-para p{
    text-align: center;
    padding: 1vw;
    font-family: "Source Sans 3";
    font-size: 1vw;
    line-height: 1.5;
}
  .owl-carousel .owl-nav button.owl-prev,.owl-carousel .owl-nav button.owl-next{
    color: #ffffff;
    background:linear-gradient(45deg,#C35C5D,#820e01) ;
    width: 2vw;
    height: 2vw;
    border-radius: 50%;
    font-size: 2vw;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    margin-left: -7.9vw;
    margin-top: -11vw;
    box-shadow: 0vw 0vw 0.5vw #e01f2d;
  }
  .owl-carousel .owl-nav button.owl-next{
    margin-left: 69.4vw;
  }
  .owl-carousel .owl-nav button.owl-prev span{
    transform: translate(-0.05vw,-0.2vw);
    position: absolute;
  }
  .owl-carousel .owl-nav button.owl-next span{
    transform: translate(0.05vw,-0.2vw);
    position: absolute;
  }
  /* past-speakers */
  .past-speakers{
    width: 100%;
    height: auto;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 4vw;
  }
  .pspk-cont{
    width: 80%;
    height: auto;
    min-height: 100vh;
    padding-top: 4vw;
  }
  .pspk-container{
    width: 100%;
    height: auto;
    margin-top: 2vw;
  }
  .pspk-container  .item{
    color: white;
    height: 22vw;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .pspk-box{
    width: 90%;
    height: 21vw;
    border: 1px solid #e01f2c7b;
    border-radius: 1vw;
    background-color: #e01f2c0a;
    backdrop-filter: blur(30px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    }
  .pspk-img-box{
    width: 10vw;
    height: 10vw;
    border-radius: 50%;
    background: linear-gradient(#e01f2c00,#E01F2D);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
  }
  .pspk-des{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 95%;
    margin-top: 1vw;
  }
  .pspk-name{
    font-family: "montserrat";
    font-weight: 600;
    font-size: 1vw;
    padding: 0.3vw 0vw;
    color: #E01F2D;
  }
  .pspk-job{
    font-size: 1vw;
    font-family: "Source Sans 3";
    font-weight: 300;
  }
  .pspk-company{
    font-size: 1vw;
    font-family: "Source Sans 3";
    padding: 0.3vw 0vw;
    font-weight: 700;
  }
  .pspk-img{
    margin-top: 1vw;
  }
  .pspk-container .owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #e01f2c1d;
    border: 1px solid #e01f2c56;
    display: block;
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 0px;
}
.pspk-container  .owl-theme .owl-dots .active span {
  background: #e01f2cfe;
box-shadow: 0px 0px 5px 5px #e01f2c39;
}

  /* speakers */
  .speakers{
    width: 100%;
    height: auto;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 2vw ;
    position: relative;
    background: linear-gradient(#160b19,#29cb5f14,#2a1bfa32,#f837d212,#160b19);
    margin-top: 3vw;
  }
  .spkp{
    width: 40vw;
    position: absolute;
    left: 0;
    opacity: 0.7;
  }
  .speaker-container{
   width: 80%;
    height: auto;
    min-height: 80vh;
  }
 .spk-patch{
  height: 100%;
  width: 10vw;
  position: absolute;

  left: 0vw;
 }
  .spk-cont{
    margin-top: 8vw;
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
  }
  .spk-box{
    width: 25vw;
    height: 38vw;
    border-radius: 1vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .spk-img-glow{
    width: 17vw;
    height: 24vw;
    display: flex;
    align-items: center;
    justify-content: center;
    /* border: 1px solid #d0d0d04f; */
    border-radius: 1vw;
    background-color: #d0d0d00c;
    position: relative;
  }
  .spk-img-glow::before{
    content: "";
    width: 1px;
    background: linear-gradient(#d0d0d000,#ffffff60,#d0d0d00b);
    height: 3vw;
    position: absolute;
    z-index: 2;
    right: -0.05vw;
    box-shadow: 0 0 0.7vw 0.2vw rgba(255, 255, 255, 0.17);
    top: 3vw;
  }
  .spk-img-glow::after{
    content: "";
    width: 1px;
    background: linear-gradient(#d0d0d000,#ffffff65,#d0d0d00b);
    height: 3vw;
    position: absolute;
    z-index: 2;
    left: -0.05vw;
    box-shadow: 0 0 0.7vw 0.2vw rgba(255, 255, 255, 0.17);
    top: 15vw;
  }
  .spk-frame{
    position: absolute;
    width: 18.5vw;
    z-index: 2;
  }
  .gl-c0{
    background-color: #29cb5f17;
    /* border: 1px solid #29cb5f67; */
  }
  .gl-c0::before,.gl-c0::after{
    box-shadow: 0 0 1vw 0.1vw #29cb5f80;
  }
  .gl-c1{
    background-color: #f837d214;
    /* border: 1px solid #f837d24b; */
  }
  .gl-c1::before,.gl-c1::after{
    box-shadow: 0 0 1vw 0.1vw #f837d24b;
  }
  .gl-c2{
    background-color: #2a1bfa11;
    /* border: 1px solid #2a1bfa52; */
  }
  .gl-c2::before,.gl-c3::after{
    box-shadow: 0 0 1vw 0.1vw #2a1bfa52;
  }
  .gl-c3{
    background-color: #f837d20f;
    /* border: 1px solid #f837d245; */
  }
  .gl-c3::before,.gl-c3::after{
    box-shadow: 0 0 1vw 0.1vw #f837d245;
  }
  .gl-c4{
    background-color: #8a549f11;
    /* border: 1px solid #8a549fb5; */
  }
  .gl-c4::before,.gl-c4::after{
    box-shadow: 0 0 1vw 0.1vw #8a549fb5;
  }
  .spk-img-box{
    width: 17vw;
    height: 24vw;
   
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    border-radius: 1vw;
    backdrop-filter: blur(20px);
  }
 
  .spk-img{
    width: 130%;
    margin-top: 3vw;
    position: relative;
  }

  .spk-des{
    width: 80%;
    height: 7vw;
    margin-left: 30%;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.2vw;
    
   }
   .spk-des::before{
    content: "";
    width: 0.1vw;
    height: 15vw;
    background-color: white;
    position: absolute;
    bottom: 0;
    left: -0.5vw;
   }
  .sb2{
    transform: translateY(-5vw);
  }
  .sb3{
    transform: translateY(-10vw);
  }
  .spk-name{
    color: white;
    font-size: 1.1vw;
    font-family: "Montserrat";
    text-transform: uppercase;
    font-weight: 600;
  }
  .spk-job{
    color: white;
    font-family: "Montserrat";
    font-size: 0.9vw;
  }
  .spk-comp{
    color: white;
    font-size: 0.9vw;
    font-family:"montserrat";
    font-weight: 600;
  }
  /* sponsors */
  .sponsors{
    width: 100%;
    height: auto;
    min-height: 70vh;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sponsors-cont{
    width: 80%;
    min-height: 70vh;
    display: flex;
    gap: 3vw;
    justify-content: center;
    flex-direction: column;
  }
  .spon-boxes{
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 1vw;
  }
  .spon-box{
    width: 20vw;
    height: 10vw;
    background-color: rgb(255, 255, 255);
    border-radius: 1vw;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .spon-img{
    width: 70%;
  }
  /* gallery */
 .gallery{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
  padding-top: 5vw;
 }
 .gallery-cir{
  width: 10vw;
  height: 10vw;
  background: linear-gradient(225deg,#820e01,#820e018e,#2a1bfa00);
  position: absolute;
  border-radius: 50%;
  left: 1vw;
  top: 6vw;
 }
 .gc2{
  left: auto;
  right: 1vw;
  width: 6vw;
  height: 6vw;
  background: linear-gradient(60deg,#944f92,#944f929e,#f837d200);
  top: 20vw;
 }
 .gc3{
  right: auto;
  width: 3vw;
  height: 3vw;
  background: linear-gradient(60deg,#C35C5D,#ffa5158b,#f837d200);
  top:auto;
  bottom: 0;
left: 7vw;
 }
.gallery .title{
  width: 80%;
}
.carousel{
  width: 80vw;
  height: 40vw;
border-radius: 1vw;
  overflow: hidden;
  position: relative;
  border: 1px solid #f837d242;
  margin-top: 2vw;
}


.carousel .list .item{
  width: 9vw;
  height: 13vw;
  position: absolute;
  top: 80%;
  transform: translateY(-70%);
  left: 70%;
  border-radius: 20px;
  box-shadow: 0.3vw 0.3vw 0.5vw rgba(0, 0, 0, 0.796);
  background-position: 50% 50%;
  background-size: cover;
  z-index: 10;
  transition: 1s;
  background-size: cover;
}

.carousel .list .item:nth-child(1),
.carousel .list .item:nth-child(2){
  top: 0;
  left: 0;
  transform: translate(0, 0);
  border-radius: 0;
  width: 100%;
  height: 100%;
}

.carousel .list .item:nth-child(3){
  left: 63%;
}

.carousel .list .item:nth-child(4){
  left: calc(63% + 10vw);
}

.carousel .list .item:nth-child(5){
  left: calc(63% + 20vw);
}

.carousel .list .item:nth-child(6){
  left: calc(63% + 30vw);
}

.carousel .list .item:nth-child(n+7){
  left: calc(63% + 40vw);
  opacity: 0;
}





.list .item .content{
  position: absolute;
  top: 50%;
  left: 100px;
  transform: translateY(-50%);
  width: 400px;
  text-align: left;
  color: #fff;
  display: none;
}

.list .item:nth-child(2) .content{
  display: block;
}

/* next prev arrows */

.arrows{
  position: absolute;
  top: 80%;
  right: 52%;
  z-index: 100;
  width: 300px;
  max-width: 30%;
  display: flex;
  gap: 10px;
  align-items: center;
}

.arrows button{
 width: 3vw;
 height: 3vw;
 border-radius: 50%;
 outline: none;
 border: none;
 font-size: 1.5vw;
 font-family: Poppins;
 background: linear-gradient(45deg,#C35C5D,#820e01);
 color: white;

}

.arrows button:hover{
  background: #fff;
  color: #000;
}


/* time running */
.carousel .timeRunning{
  position: absolute;
  z-index: 11;
  width: 0%;
  height: 4px;
  background-color: #C35C5D;
  left: 0;
  top: 0;
  animation: runningTime 7s linear 1 forwards;
}

@keyframes runningTime {
  
  from{width: 0%;}
  to{width: 100%;}

}

/* agenda */
  h1{
    font-size: 4vw;
    font-family: 'exb';
    color: white;
    padding: 2% 0 0 10%;
    margin: 0;
}
#agenda{
    position: relative;
    margin-top: 2vw;
    height: fit-content;
}
.ag-container{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;

}
.ag-boxes{
    width: 80%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(45deg,#f837d21b,#2a1bfa16);
    backdrop-filter: blur(20px);
    padding: 2vw;
    border-radius: 1vw;
    margin-top: 1vw;
    border: 1px solid #f837d0;
}
.ag-left{
    width: 50%;
    height: auto;
}
.ag-right{
    width: 50%;
    height: auto;
}
.ag-head{
    display: flex;
    align-items: end;
}
.ag-head .ag-date{
    font-family: 'rajdhani';
    font-weight: 900;
    color: #ffffff29;
    font-size: 14vw;
    width: fit-content;
    line-height: 10vw;
}
.ag-head .ag-day{
    font-family: 'source sans 3';
    font-size: 2vw;
    font-weight: 300;
    color: white;
    transform: translate(-3vw, -0.3vw);
}
.ag-page{
    height: 65vw;
    display: flex;
    flex-direction: column;
    gap: .5vw;
    align-items: center;
}
/* #agenda .ag-page::-webkit-scrollbar {
    display: none;
  } */
.ag-box{
    width: 97%;
    height: auto;
    display: flex;
    color: white;
    padding: 0.7vw 0;
    justify-content: space-between;
    border-top: .5px solid #6d6d6d;
}
.ag-time{
    font-family: 'montserrat';
    font-size: 1vw;
    font-weight: 500;
    width: 25%;
}
.ag-box-right{
    display: flex;
    flex-direction: column;
    width: 73%;
}

.panel span{
    background-color: #29cb5e;
    color: white;
    text-transform: uppercase;
    font-size: 1vw;
    padding: .1vw .3vw;
    border-radius: 0.3vw;
}
.ag-topic{
    font-family: 'montserrat';
    font-size: 1vw;
    font-weight: 600;
    color: #fff;
}

.ag-des{
    font-family: 'source sans 3';
    font-size: 1vw;
    color: #cacaca;
    font-weight: 400;
}
.blue{
    color: #2a1bfa ;
}
.cyan{
    color: #29cb5e;
}
.break{
    color: #f837d0 ;
}
.yellow{
    color: #29cb5e;
}


/* ***************Footer Section**************** */
a{
  text-decoration: none;
}
#footer {
width: 100%;
height: auto;
background: #00000024;
display: flex;
align-items: center;
border-top: 1px solid #ffa51574;
margin-top: 2vw;
position: relative;
}
.footer::before{
  content: "";
  height: 1px;
  width: 8vw;
  background: linear-gradient(to right,#f837d200,#C35C5D,#f837d200);
  position: absolute;
  top: -0.06vw;
  left: 5vw;
  box-shadow: 0 0 0.9vw 0.3vw #ffa5152a;
}

.footerContainer {
display: flex;
justify-content: space-between;
width: 99vw;
align-items: center;
}

.fLeft {
width: 60vw;
height: 8vw;
display: flex;
flex-direction: row;
margin: 0 0 0 1vw;
gap: 0.8vw;
}

.fMails {
width: 12vw;
height: 1.8vw;
display: flex;
border: 1.5px solid white;
justify-content: center;
align-items: center;
color: white;
border-radius: 20px;
cursor: pointer;
}

.fUp {
display: flex;
gap: .7vw;
}

.fRight {
width: 25vw;
height: 10vw;
display: flex;
flex-direction: column;
justify-content: center;
gap: 1vw;
}

.fUp div {
width: 2vw;
height: 2vw;
border-radius: 25px;
display: flex;
justify-content: center;
align-items: center;
border: 1.5px white solid;
transition: all ease .4s;
}

.fUp div:hover {
transform: translateY(-3px);
background-color: #C35C5D;
border: 1.5px #C35C5D solid;
color: black;

}

.fUp div:hover .fLinks {
color: #fff;
}

.fLinks {
font-size: 1.25vw;
padding-top: 0.1vw;
color: #fff;
}

.fCopy {
color: white;
font-family: 'Montserrat';
font-size: 0.8vw;
font-weight: 400;
}

.fCopy span a {
font-weight: 600;
color: white;
text-decoration: none;
}
.foot-l {
width: 70%;
height: auto;
display: flex;
align-items: center;
justify-content: space-around;
margin: 1.5vw 0vw;
}

.mail-heading {
color: white;
font-family: 'Montserrat';
font-weight: 500;
font-size: 0.9vw;
}

.mail-box {
width: 26%;
height: auto;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
position: relative;
z-index: 10;
}


.mail {
font-family: 'Montserrat';
color: white;
font-weight: 500;
text-decoration: none;
font-size: 0.9vw;
transition: all 0.3s ease;
}

.mb-cont {
cursor: pointer;
width: 90%;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
padding: 0.8vw 0vw;
padding-left: 1vw;
}

.mb-cont::before {
content: "";
width: 0.1vw;
z-index: -1;
height: 3.8vw;
display: block;
background:linear-gradient(45deg,#C35C5D,#820e01);
position: absolute;
margin-left: -1vw;
transition: all 0.5s ease;
}

.mail-box:hover .mb-cont::before{
width: 100%;
}


/* forms */
.modal {
  visibility: hidden;
  opacity: 0;
  position: fixed;
  z-index: 5;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: .4s;
  z-index: 1000;
  }
  
  
  .modalContents {
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(43, 43, 43, 0.084);
  width: 90%;
  backdrop-filter: blur(3px);
  border: 1px solid rgba(255, 255, 255, 0.299);
  border-top: none;
  }
  .form-img-box{
    width: 30%;
    overflow: hidden;
    height: 22vw;
  }
  .form-img{
    width: 190%;
    transform: translateX(-2vw);
  }
  
  .form-heading {
  font-family: "exb";
  color: rgb(255, 255, 255);
  font-size: 1.3vw;
  border:1px solid rgba(255, 255, 255, 0.205);
  border-bottom: none;
  padding: 0.5vw 0vw;
  padding-top: 0.8vw;
  display: flex;
  align-items: center;
  justify-content: center;
  background:linear-gradient(45deg,#ebebeb3d,#9d9c9a36,#ffffff24);
  backdrop-filter: blur(5px);
  width: 90%;
  }
  
  .modalWrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-bottom: 1.3vw;
 
  }
  
  .modalBg {
  width: 100%;
  height: 100%;
  background: linear-gradient(43deg,rgba(0, 0, 0, 0.938),rgba(28, 27, 27, 0.834),rgba(0, 0, 0, 0.725));    
  backdrop-filter: blur(3px);
  }
  form{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 70%;
  }
  .inputs{
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  }
  
  .inputs input{
  border-radius: 0px;
  margin: 1vw 0vw;
  background-color: transparent;
  border: none;
  border-bottom:1px solid #d1d1d18a;
  display: flex;
  align-items: center;
  width: 45%;
  height: 1.7vw;
  font-size: 0.7vw;
  color: #ffffff;
  }
  .inputs input:focus{
  outline: none;
  background-color: none;
  }
  
  .inputs input::placeholder{
  font-family: "Poppins";
  color: #bbbbbb;
  font-size: 0.5vw;
  transform: translate(0.1vw,0vw);
  }
  .check-box{
  width: 95%;
  height: auto;
  }
  .checks{
  padding: 0.4vw 0vw;
  }
  .checks label{
  display: flex;
  }
  .f-btn{
  background: none;
  border: none;
  font-family: "Poppins";
  font-size: 1vw;
  font-weight: 600;
  color: #ffffff;
  padding: 0.2vw 1vw;
  margin: 1vw 0vw;
  cursor: pointer;
  border: 1px solid white;
  box-shadow: 0.05vw 0.05vw 0.2vw #C35C5D,-0.05vw -0.05vw 0.2vw #C35C5D,inset 0.05vw 0.05vw 0.2vw #C35C5D,inset -0.05vw -0.05vw 0.2vw #C35C5D;
  }
  
  .f-btn:hover{
  color: #ffffff;
   box-shadow: 0.05vw 0.05vw 0.2vw #208096,-0.05vw -0.05vw 0.2vw #208096,inset 0.05vw 0.05vw 0.2vw #208096,inset -0.05vw -0.05vw 0.2vw #208096;
  }
  
  
  /* Hide the default checkbox */
  input[type="checkbox"] {
  display: none;
  }
  
  /* Create a custom checkbox style */
  .custom-checkbox {
  width: 0.3vw;
  height: 0.3vw;
  border: 0.5px solid #ffffff;
  cursor: pointer;
  transform: translateY(0.1vw);
  position: relative;
  }
  /* Style for when the checkbox is checked */
  input[type="checkbox"]:checked + .custom-checkbox::after {
  position: absolute;
  content: '\2714';
  font-size: 0.5vw;
  top: -90%;
  color: #ffffff;
  }
  
  
  .is-show {
  visibility: visible;
  opacity: 1;
  scale: 1.5;
  }
  
  .lt {
  width: 96%;
  margin-left: 1%;
  font-size: 0.45vw;
  font-family: "Poppins";
  font-weight: 500;
  color: #c8c8c8;
  }
  .clModal{
  position: absolute;
  font-family: "Montserrat";
  font-weight: 800;
  font-size: 0.8vw;
  top: 1vw;
  right: 3vw;
  background-color: #3f3b3c;
  width: 1vw;
  height: 1vw;
  display: flex;
  align-items: center;
  justify-content: center;
  color:  #ffffff;
  cursor: pointer;
  opacity: 0.4;
  }
  @media screen and (max-width: 450px){
    html,body{
      overflow-x: hidden;
      position: relative;
    }
    .mob-logo{
      position: fixed;
      width: 20vw;
      z-index: 200;
      top: 4vw;
      left: 4vw;
      display: block;
    }
    .navbar{
   width: 100%;
   height: 100vh;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   left: -100vw;
   transition: all 0.5s ease;
    }
    .navbar ul{
      flex-direction: column;
      padding: 0;
    }
    .navbar ul li a{
      font-size: 4vw;
    }
    .nav-btn{
      font-size: 4vw;
      padding: 1vw 2vw;
    }
    .navactive{
      left: 0;
    }
    .traicon_logo{
      display: none;
    }
    .container, .menu-icon, .frame {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 20vw;
      height: 20vw;
      position: fixed;
      z-index: 200;
      right: 0;
      top: 0;
    }
    
    .frame {
   
      width: 20vw;
      height: 20vw;
    }
    
    .menu-icon {
      width: 9vw;
      height: 11vw;
      position: relative;
      cursor: pointer;
    }
    
    .line-1 {
      background: #fff;
      width: 100%;
      height: 1vw;
      border-radius: 5px;
      position: absolute;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    }
    
    .line-2 {
      background: #fff;
      width: 100%;
      height: 1vw;
      border-radius: 5px;
      position: absolute;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    }
    
    .line-3 {
      background: #fff;
      width: 100%;
      height: 1vw;
      border-radius: 5px;
      position: absolute;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    }
    
    .line-1 {
      transition: 500ms;
      transform: translateY(-3vw);
      animation: animateReverse 600ms ease-in-out;
    }
    
    .line-2 {
      transition: 500ms;
      transform: scale(1);
      opacity: 1;
    }
    
    .line-3 {
      transition: 500ms;
      transform: translateY(3vw);
      animation: animate2Reverse 600ms ease-in-out;
    }
    
    .menu-icon.active {
      animation: rotateIcon 600ms ease-in-out forwards;
    }
    
    .line-1.active {
      animation: animate 600ms ease-in-out forwards;
    }
    
    .line-2.active {
      transform: scale(0);
      opacity: 0;
    }
    
    .line-3.active {
      animation: animate2 600ms linear forwards;
    }
    
    @keyframes animate {
      50% {
        transform: translateY(0px) rotate(0deg);
      }
      100% {
        transform: translateY(0px) rotate(-45deg);
      }
    }
    @keyframes animateReverse {
      0% {
        transform: translateY(0px) rotate(45deg);
      }
      50% {
        transform: translateY(0px) rotate(0deg);
      }
      100% {
        transform: translateY(-3vw) rotate(0deg);
      }
    }
    @keyframes animate2 {
      50% {
        transform: translateY(0px) rotate(0deg);
      }
      100% {
        transform: translateY(0px) rotate(45deg);
      }
    }
    @keyframes animate2Reverse {
      0% {
        transform: translateY(0px) rotate(-45deg);
      }
      50% {
        transform: translateY(0px) rotate(0deg);
      }
      100% {
        transform: translateY(3vw) rotate(0deg);
      }
    }
    @keyframes rotateIcon {
      100% {
        transform: rotate(90deg);
      }
    }
    /* cover */
    .cover {
      width: 100%;
      height: 100vh;
      background-size: cover;
      background-position-x: -170vw;
    }
    .cover-video {
      width: 100%;
      height: 100vh;
      position: absolute;
  }
  .cover-video video {
    width: 100%;
    height: 100vh;
    
}
  .vd-patch {
    width: 100%;
    height: 100vh;
  }
    .cover-cont{
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
    }
    .connect_logo {
      width: 75vw;
    
  }
  .cover-sup {
    width: 74vw;
    height: 20vw;
    margin-top: 2.5vw;
}
.cov-sup-h{
  font-size: 3vw;
}
.cov-sup-box {
  width: 30vw;
  height: 12.5vw;
}
.date-place {
  gap: 6vw;
  margin-top: 2vw;
  font-size: 4.3vw;
}
.tagline{
  text-align: center;
  font-size: 6vw;
  margin-top: 8vw;
}
.tagline span{
  font-size: 4vw;
}
.cov-btns{
  margin-top: 8vw;
}
.cov-btn {
  width: 43vw;
  font-size: 4.5vw;
  padding: 2vw 0vw;

}
.countdown{
  margin-top: 7vw;
}
.count-b{
  width: 22vw;
  height: 22vw;
  border-radius: 3vw;
}
.dig{
  font-size: 5vw;
}
.count-t{
  font-size: 2.5vw;
}
.count-b:nth-child(1) .count-t {
  bottom: 5.5vw;
  left: -1.4vw;
}
.count-b:nth-child(2) .count-t {
  bottom: 6.8vw;
  left: -2.9vw;
}
.count-b:nth-child(3) .count-t {
  bottom: 8.8vw;
  left: -5.8vw;
}
.count-b:nth-child(4) .count-t {
  bottom: 8.8vw;
  left: -5.8vw;
}
/* overview */
.overview {
  width: 100%;
  display: flex;
  height: auto;
  flex-direction: column;
  padding-top: 10vw;
  gap: 5vw;
}
.over-left,.over-right {
  width: 80%;
}
.oi-boxes {

  width: 73vw;
  height: 73vw;
}
.over-img-box {
  width: 37vw;
  height: 37vw;
  
  border-radius: 3vw;
}
.title {
font-size: 8vw;
}
.over-para p {
  font-size: 4vw;
 text-align: justify;
}
/* numbers */
.numbers{
  height: auto;
  flex-direction: column;
  align-items: center;
  padding-top: 10vw;
}
.num-left {
  width: 60%;
  display: flex;
  justify-content: center;
  text-align: center;
}
.num-right {
  width: 80%;
  margin-top: 10vw;
}
.num-boxes{
  gap: 3vw;
}
.num-box {
  width: 36vw;
  height: 36vw;
  border-radius: 3.4vw;
}
.num-box::before {
  content: "";
  width: 1px;
  height: 4.5vw;
  left: -0.15vw;
  top: 20vw;
  box-shadow: 0 0 0.9vw 0.1vw #32cf657a;
}
.num-box::after{
  content: "";
  width: 1px;
  height: 4.5vw;
  right: -0.15vw;
  top: 10vw;
  box-shadow: 0 0 0.9vw 0.1vw #32cf657a;
}
.num-dig {
  font-size: 9vw;
}
.num-des {
  font-size: 2.5vw;
}
.num-patch {
  width: 225vw;
  top: 31.5vw;
}
/* market */
.market{
  height: auto;
  margin-top: 20vw;
}
.market-cont{
  flex-direction: column;
  align-items: center;
}
.market-left,.market-right{
  width: 80%;
}
.market-img-box {
  width: 90%;
  height: auto;
  border-radius: 3vw;
}
.market-right{
  margin-top: 15vw;
}
.market-img-box2 {
  width: 20vw;
  height: 20vw;
  border-radius: 3vw;
  margin-top: 45vw;
  margin-left: 48vw;
}
.mar-cir {
  width: 20vw;
  height: 20vw;
  margin-top: 47vw;
  margin-left: -50vw;
}
.market-box {
  width: 96%;
  height: 14vw;
}
.market .title {
  font-size: 5vw;
}
.mark-num {
  font-family: "exb";
  font-size: 4vw;
  color: #29cb5f;
  padding: 0vw 0.8vw;
}
.mark-des {
  color: white;
  font-family: "Source Sans 3";
  font-size: 3vw;
}
.market-right-patch::before {
  width: 1px;
  height: 10vw;
}
.market-right-patch::after {

  width: 1px;
  height: 10vw;
  right: -0.3vw;
  top: 5vw;
}
/* themes */

.themes {
  width: 100%;
  height: auto;
  padding-top: 10vw;
}
.theme-patch {
  padding-top: 10vw;
}

.theme-out {
  width: 26vw;
  height: 26vw;
}
.themeDes {
  width: 95%;
  font-size: 2.8vw;
  height: 12vw;
}
.themeBoxes{
  gap: 2vw;
  margin-top: 5vw;
}
.themeBox::before {
  content: "";
  width: 1px;
  height: 5vw;
  left: -0.35vw;
  bottom: 3vw;
 
}
.themeBox::after {
  content: "";
  width: 1px;
  height: 5vw;
  right: -0.35vw;
  top: 3vw;
}
/* highlights */
.highlights{
  height: auto;
}
.high-boxes{
  flex-wrap: wrap;
  gap: 5vw;
}
.high-box {
  width: 65vw;
  height: 80vw;
  border-radius: 3vw;
}
.high-iconBox {
  width: 20vw;
  height: 20vw;
}
.highHead {
  font-size: 4.5vw;
}
.highHead span {
  font-size: 3vw;
}
.high-box::before {
  height: 7vw;

  left: -0.35vw;
}
.high-box::after {
  height: 7vw;

  right: -0.35vw;
}
.highDes{
  font-size: 4vw;
}
/* who */
.who-container{
  height: auto;
  flex-direction: column;
}
.who-cont-left{
  width: 100%;
  height: 60vw;
}
.who-img-box {
  width: 100vw;
  height: 46vw;
  left: -22vw;

}
.who-cont-right {
  width: 100%;
  padding-bottom: 5vw;
}
.who-box {
  width: 22.5vw;
  height: 22.5vw;
}
.w-icon {
  width: 15vw;
}
.w-des {
  font-size: 2.9vw;
  line-height: 4vw;
}
.who-circle {
  width: 20vw;
  height: 10vw;
}
.wc2 {
  top: 35vw;
  width: 8vw;
  height: 15vw;
  right: 6vw;
}
/* progress */
.who-progress-boxes {
  width: 50vw;
  height: 120vw;
}
.progress-container{
  flex-direction: column;
}
.circular-progress {
  width: 25vw;
  height: 25vw;
}
.inner-circle {
  width: 15vw;
  height: 15vw;
  font-size: 4.5vw;
}
.pro-des{
  font-size: 4vw;
}
.who-pro-img-box {
  width: 120%;
  border-radius: 5vw;
  position: absolute;
  z-index: -1;
  margin-top: 10vw;
}
/* job-title */
.job-titles{
  margin-top: 15vw;
  border-radius: 3vw;
}
.job-cont{
  gap: 2vw;
}
.job-box {
  width: 35vw;
  height: 25vw;
  border: none;
  border: 1px solid #29cb5f34;
  font-size: 4vw;
}
.job-box:nth-child(8) {
  border-left: 1px solid #29cb5f34;
  border-top: 1px solid #29cb5f34;
  border-right: 1px solid #29cb5f34;
  border-bottom: 1px solid #29cb5f34;
}
.job-titles .title {
  font-size: 5.5vw;
}
.job-box:nth-child(9), .job-box:nth-child(10), .job-box:nth-child(11), .job-box:nth-child(13), .job-box:nth-child(12), .job-box:nth-child(14) {
  border-left: 1px solid #29cb5f34;
  border-top: 1px solid #29cb5f34;
  border-right: 1px solid #29cb5f34;
  border-bottom: 1px solid #29cb5f34;
}
.job-cont::before {
  content: "";
  height: 8vw;
  width: 1px;
  left: -0.37vw;
  bottom: 8vw;

}
.job-cont::after {
  content: "";
  height: 8vw;
  width: 1px;
  right: -0.37vw;
  top: 8vw;
}
.wjc2 {
  width: 14vw;
  height: 14vw;
  right: 3vw;
  bottom: 206vw;
}
.scrolling-text{
  font-size: 5vw;
}
/* exhibit */
.ex-h-container {
  width: 80%;
  height: 70vw;
}
.ex-main-h {
  color: white;
  font-size: 4vw;
  text-align: center;
  padding: 0vw 2vw;
}
.ex-headings{
  flex-wrap: wrap;
  margin-top: 6vw;
}
.ex-head {
  width: 45%;
}
.ex-icon {
  width: 8vw;
}
.ex-heading {
  color: white;
  font-size: 3vw;
  text-align: center;
}
.ex-carousel .item {
  height: 90vw;
}
.ex-h {
  font-size: 3.5vw;
}
.ex-num {

  font-size: 8.5vw;
  padding: 0vw 1vw;
}
.ex-box-para p {
  font-size: 4vw;
  line-height: 1.5;
}
.ex-box-para {
  width: 100%;
  height: auto;
}
.ex-box-up{
  height: 14vw;
}
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next  {
  width: 8vw;
  height: 8vw;
  border-radius: 50%;
  font-size: 7vw;
  margin-left: -12.9vw;
  margin-top: -50vw;

}
.owl-carousel .owl-nav button.owl-next span {
  transform: translate(0.05vw, -0.6vw);
}
.owl-carousel .owl-nav button.owl-next {
  margin-left: 69.4vw;
}
.owl-carousel .owl-nav button.owl-prev span {
  transform: translate(-0.2vw, -0.7vw);
  position: absolute;
}
/* past-speakers */
.pspk-container .item{
  height: 100vw;
}
.pspk-box {
  height: 95vw;
}
.pspk-img-box {
  width: 40vw;
  height: 40vw;
}
.pspk-name{
  font-size: 4vw;
}
.pspk-job{
  font-size: 3.5vw;
}
.pspk-company{
  font-size: 3.5vw;
}
/* sponsors */
.spon-box {
  width: 38vw;
  height: 23vw;
}
.sponsors{
  height: auto;
  min-height: auto;
  padding: 5vw 0vw;
}
.sponsors-cont{
  min-height: auto;
}
/* speakers */
.sb2,.sb3{
  transform: translateY(0);
}
.spk-box {
  width: 40vw;
  height: 75vw;
}
.spk-img-glow {
  width: 33vw;
  height: 45vw;
}
.spk-frame {
  position: absolute;
  width: 35.5vw;
}
.spk-img-box {
  width: 33vw;
  height: 45vw;
}
.spk-des{
  height: 25vw;
  margin-left: 12%;
  width: 80%;
  gap: 1vw;
  padding-left: 1vw;
}
.spk-des::before {
  content: "";
  width: 0.1vw;
  height: 33vw;
}
.robert{
  height: 95vw;
}
.robert .spk-des{
  height: 45vw;
}
.robert .spk-des::before{
  height: 55vw;
}
.spk-name {
  color: white;
  font-size: 3.1vw;
}
.spk-job {
  font-size: 3vw;
}


.spk-comp {
  font-size: 3vw;
}
/* gallery */
.carousel {
  width: 80vw;
  height: 122vw;
  border-radius: 3vw;
  border: 2vw solid #f837d24c;
}
.carousel .list .item{
 width: 26vw;
 height: 36vw;
 border-radius: 3vw;
 box-shadow: 0vw 0vw 1.2vw black;
}
.carousel .list .item:nth-child(3){
  left: 64%;
}

.carousel .list .item:nth-child(4){
  left: calc(67% + 50vw);
}

.carousel .list .item:nth-child(5){
  left: calc(67% + 80vw);
}
.arrows button {
  width: 10vw;
  height: 10vw;
  font-size: 5.5vw;
}
/* footer */

#footer {
  width: 100%;
  height: auto;
  padding: 3vw 0vw;
}
.footerContainer {
  flex-direction: column;
  gap: 2vw
}

.mail-box:hover .mb1::before {
  display: none;
}
.mb-cont {
  width: auto;
  align-items: center;
}
.mb-2{
  border-left: 1px solid rgba(209,36,53,1);
  border-right: 1px solid rgba(209,36,53,1);
  padding-right: 1vw;
}
.mail-box:hover .mb2::before {
 display: none;
}
.mail-box:hover .mb3::before {
  display: none;
}
.fRight {
  width: 80vw;
  gap: 2vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.fUp {
  justify-content: space-around;
  gap: 2vw;
}
.fUp div {
  width: 4vw;
  height: 4vw;
}
.fLinks {
  font-size: 2.55vw;
}

.fLeft {
  width: 85vw;
  height: auto;
  display: flex;
  flex-direction: column;
  margin: 0 0 0 0vw;
  gap: 0.8vw;
  justify-content: center;
  align-items: center;
}
.mb-cont::before {
  display: none;
}
.mail-box {
  width: 80%;
}
.mailHead3{
  font-size: 1.92vw;
}
.mail-heading {
  font-size: 2.5vw;
  text-align: center;
}
.mail {
  font-weight: 500;
  font-size: 2.2vw;
}
.fCopy {
  padding-left: 1vw;
  font-size: 2.5vw;
}

/* form */
.modalWrapper {
  width: 50%;
}

.inputs input {
  width: 85%;
  height: 4.7vw;
  font-size: 1.5vw;
}

.modalContents {
  width: 80%;
}

.inputs input::placeholder {
  font-family: "Poppins";
  font-size: 1.5vw;
  transform: translate(0.3vw, 0vw);
}
form{
  width: 100%;
}
.form-heading {
  font-size: 3vw;
  font-weight: 800;
  margin: 0vw 0vw;
  margin-top: 4.5vw;
  text-align: center;
  line-height: 4vw;
  width: 80%;
}

.check-box {
  width: 85%;
}

.custom-checkbox {
  width: 0.9vw;
  height: 0.9vw;
}

.lt {
  font-size: 1vw;
}

input[type="checkbox"]:checked+.custom-checkbox::after {
  left: -0.2vw;
  font-size: 1.5vw;
}

.f-btn {

  font-size: 2vw;
  border-radius: 5px;
  padding: 0.5vw 3vw;
  margin: 2vw 0vw;
}

.clModal {
  font-size: 1.8vw;
  width: 3vw;
  height: 3vw;
}
.form-img-box{
  display: none;
}

  }

  @media screen and (min-width: 768px) and (max-width: 1024px){

    html,body{
      overflow-x: hidden;
      position: relative;
    }
    .mob-logo{
      position: fixed;
      width: 15vw;
      z-index: 200;
      top: 4vw;
      left: 4vw;
      display: block;
    }
    .navbar{
   width: 100%;
   height: 100vh;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   left: -100vw;
   transition: all 0.5s ease;
    }
    .navbar ul{
      flex-direction: column;
      padding: 0;
    }
    .navbar ul li a{
      font-size: 3vw;
    }
    .nav-btn{
      font-size: 3vw;
      padding: 1vw 2vw;
    }
    .navactive{
      left: 0;
    }
    .traicon_logo{
      display: none;
    }
    .container, .menu-icon, .frame {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 15vw;
      height: 15vw;
      position: fixed;
      z-index: 200;
      right: 0;
    }
    
    .frame {
      width: 15vw;
      height: 15vw;
    }
    
    .menu-icon {
      width: 7vw;
      height: 7vw;
      position: relative;
      cursor: pointer;
    }
    
    .line-1 {
      background: #fff;
      width: 100%;
      height: 0.7vw;
      border-radius: 5px;
      position: absolute;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    }
    
    .line-2 {
      background: #fff;
      width: 100%;
      height: 0.7vw;
      border-radius: 5px;
      position: absolute;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    }
    
    .line-3 {
      background: #fff;
      width: 100%;
      height: 0.7vw;
      border-radius: 5px;
      position: absolute;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    }
    
    .line-1 {
      transition: 500ms;
      transform: translateY(-2vw);
      animation: animateReverse 600ms ease-in-out;
    }
    
    .line-2 {
      transition: 500ms;
      transform: scale(1);
      opacity: 1;
    }
    
    .line-3 {
      transition: 500ms;
      transform: translateY(2vw);
      animation: animate2Reverse 600ms ease-in-out;
    }
    
    .menu-icon.active {
      animation: rotateIcon 600ms ease-in-out forwards;
    }
    
    .line-1.active {
      animation: animate 600ms ease-in-out forwards;
    }
    
    .line-2.active {
      transform: scale(0);
      opacity: 0;
    }
    
    .line-3.active {
      animation: animate2 600ms linear forwards;
    }
    
    @keyframes animate {
      50% {
        transform: translateY(0px) rotate(0deg);
      }
      100% {
        transform: translateY(0px) rotate(-45deg);
      }
    }
    @keyframes animateReverse {
      0% {
        transform: translateY(0px) rotate(45deg);
      }
      50% {
        transform: translateY(0px) rotate(0deg);
      }
      100% {
        transform: translateY(-3vw) rotate(0deg);
      }
    }
    @keyframes animate2 {
      50% {
        transform: translateY(0px) rotate(0deg);
      }
      100% {
        transform: translateY(0px) rotate(45deg);
      }
    }
    @keyframes animate2Reverse {
      0% {
        transform: translateY(0px) rotate(-45deg);
      }
      50% {
        transform: translateY(0px) rotate(0deg);
      }
      100% {
        transform: translateY(3vw) rotate(0deg);
      }
    }
    @keyframes rotateIcon {
      100% {
        transform: rotate(90deg);
      }
    } 
    
    /* cover */
  .cover-video {
    width: 100%;
    height: 100vh;
  }
  .vd-patch {
    width: 100%;
    height: 100vh;
  }

  .cover {
    width: 100%;
    height: 100vh;
    background-size: cover;
    background-position-x: -90vw;
  }
  .connect_logo {
    margin-top: 15vw;
    width: 64vw;
    transform: translateX(-4vw);
}
.cover-sup {
  width: 59vw;
  height: 18vw;
}
.cov-sup-h {
  font-size: 3vw;
}
.cov-sup-box {
  width: 23vw;
  height: 10.5vw;
}
.date-place{
  font-size: 3.5vw;
}
.tagline {
margin-top: 2vw;
  font-size: 4.7vw;
  font-weight: 800;
}
.tagline span {
  font-size: 3vw;
}
.cov-btns{
  margin-top: 3.5vw;
}
.cov-btn {
  color: white;
  font-family: "Montserrat";
  width: 30vw;
  display: flex;
  font-size: 3.1vw;

  padding: 2vw 0vw;

}
.cover-video video{
  height: 100vh;
}
.countdown{
  margin-top: 4vw;
}
.count-b{
  width: 15vw;
  height: 15vw;
  border-radius: 2vw;
}
.count-t{
  font-size: 1.7vw;
}
.count-b:nth-child(1) .count-t {
  bottom: 3.5vw;
  left: -1vw;
}
.count-b:nth-child(2) .count-t {
  bottom: 4.2vw;
  left: -1.8vw;
}
.count-b:nth-child(3) .count-t {
  bottom: 6vw;
  left: -3.6vw;
}
.count-b:nth-child(4) .count-t {
  bottom: 5.8vw;
  left: -3.5vw;
}
.dig {
  font-size: 4vw;
}

/* overview */
.overview {
  width: 100%;
  display: flex;
  height: auto;
  flex-direction: column;
  padding-top: 10vw;
  gap: 5vw;
}
.over-left,.over-right {
  width: 80%;
}
.oi-boxes{
  width: 73vw;
  height: 73vw;
}
.over-img-box {
  width: 37vw;
  height: 37vw;
  
  border-radius: 3vw;
}
.title {
font-size: 8vw;
}
.over-para p {
  font-size: 3vw;
 text-align: justify;
}
/* numbers */
.numbers{
  height: auto;
  flex-direction: column;
  align-items: center;
  padding-top: 10vw;
}
.num-left {
  width: 60%;
  display: flex;
  justify-content: center;
  text-align: center;
}
.num-right {
  width: 80%;
  margin-top: 10vw;
}
.num-boxes{
  gap: 3vw;
}
.num-box {
  width: 36vw;
  height: 36vw;
  border-radius: 3.4vw;
}
.num-box::before {
  content: "";
  width: 1px;
  height: 4.5vw;
  left: -0.15vw;
  top: 20vw;
  box-shadow: 0 0 0.9vw 0.1vw #32cf657a;
}
.num-box::after{
  content: "";
  width: 1px;
  height: 4.5vw;
  right: -0.15vw;
  top: 10vw;
  box-shadow: 0 0 0.9vw 0.1vw #32cf657a;
}
.num-dig {
  font-size: 9vw;
}
.num-des {
  font-size: 2.5vw;
}
.num-patch {
  width: 225vw;
  top: 31.5vw;
}
/* market */
.market{
  height: auto;
  margin-top: 20vw;
}
.market-cont{
  flex-direction: column;
  align-items: center;
}
.market-left,.market-right{
  width: 80%;
}
.market-img-box {
  width: 90%;
  height: auto;
  border-radius: 3vw;
}
.market-right{
  margin-top: 15vw;
}
.market-img-box2 {
  width: 20vw;
  height: 20vw;
  border-radius: 3vw;
  margin-top: 45vw;
  margin-left: 48vw;
}
.mar-cir {
  width: 20vw;
  height: 20vw;
  margin-top: 47vw;
  margin-left: -50vw;
}
.market-box {
  width: 96%;
  height: 14vw;
}
.market .title {
  font-size: 5vw;
}
.mark-num {
  font-family: "exb";
  font-size: 4vw;
  color: #29cb5f;
  padding: 0vw 0.8vw;
}
.mark-des {
  color: white;
  font-family: "Source Sans 3";
  font-size: 3vw;
}
.market-right-patch::before {
  width: 1px;
  height: 10vw;
}
.market-right-patch::after {

  width: 1px;
  height: 10vw;
  right: -0.3vw;
  top: 5vw;
}
/* themes */

.themes {
  width: 100%;
  height: auto;
  padding-top: 10vw;
}
.theme-patch {
  padding-top: 10vw;
}
.theme-container{
  height: auto;
}
.theme-out {
  width: 25vw;
  height: 25vw;
}
.themeDes {
  width: 95%;
  font-size: 2.8vw;
  height: 12vw;
}
.themeBoxes{
  gap: 2vw;
  margin-top: 5vw;
}
.themeBox::before {
  content: "";
  width: 1px;
  height: 5vw;
  left: -0.35vw;
  bottom: 3vw;
 
}
.themeBox::after {
  content: "";
  width: 1px;
  height: 5vw;
  right: -0.35vw;
  top: 3vw;
}
/* highlights */
.highlights{
  height: auto;
}
.high-boxes{
  flex-wrap: wrap;
  gap: 5vw;
}
.high-box {
  width: 65vw;
  height: 80vw;
  border-radius: 3vw;
}
.high-iconBox {
  width: 20vw;
  height: 20vw;
}
.highHead {
  font-size: 4.5vw;
}
.highHead span {
  font-size: 3vw;
}
.high-box::before {
  height: 7vw;

  left: -0.35vw;
}
.high-box::after {
  height: 7vw;

  right: -0.35vw;
}
.highDes{
  font-size: 3vw;
}
/* who */
.who-container{
  height: auto;
  flex-direction: column;
}
.who-cont-left{
  width: 100%;
  height: 60vw;
}
.who-img-box {
  width: 100vw;
  height: 46vw;
  left: -22vw;

}
.who-cont-right {
  width: 100%;
  padding-bottom: 5vw;
}
.who-box {
  width: 22.5vw;
  height: 22.5vw;
}
.w-icon {
  width: 15vw;
}
.w-des {
  font-size: 2.9vw;
  line-height: 4vw;
}
.who-circle {
  width: 20vw;
  height: 10vw;
}
.wc2 {
  top: 35vw;
  width: 8vw;
  height: 15vw;
  right: 6vw;
}
/* progress */
.who-progress-boxes {
  width: 50vw;
  height: 120vw;
}
.progress-container{
  flex-direction: column;
}
.circular-progress {
  width: 25vw;
  height: 25vw;
}
.inner-circle {
  width: 15vw;
  height: 15vw;
  font-size: 4.5vw;
}
.pro-des{
  font-size: 4vw;
}
.who-pro-img-box {
  width: 120%;
  border-radius: 5vw;
  position: absolute;
  z-index: -1;
  margin-top: 10vw;
}
/* job-title */
.job-titles{
  margin-top: 15vw;
  border-radius: 3vw;
}
.job-cont{
  gap: 2vw;
}
.job-box {
  width: 35vw;
  height: 25vw;
  border: none;
  border: 1px solid #29cb5f34;
  font-size: 3vw;
}
.job-box:nth-child(8) {
  border-left: 1px solid #29cb5f34;
  border-top: 1px solid #29cb5f34;
  border-right: 1px solid #29cb5f34;
  border-bottom: 1px solid #29cb5f34;
}
.job-titles .title {
  font-size: 5.5vw;
}
.job-box:nth-child(9), .job-box:nth-child(10), .job-box:nth-child(11), .job-box:nth-child(13), .job-box:nth-child(12), .job-box:nth-child(14) {
  border-left: 1px solid #29cb5f34;
  border-top: 1px solid #29cb5f34;
  border-right: 1px solid #29cb5f34;
  border-bottom: 1px solid #29cb5f34;
}
.job-cont::before {
  content: "";
  height: 8vw;
  width: 1px;
  left: -0.37vw;
  bottom: 8vw;

}
.job-cont::after {
  content: "";
  height: 8vw;
  width: 1px;
  right: -0.37vw;
  top: 8vw;
}
.wjc2 {
  width: 14vw;
  height: 14vw;
  right: 3vw;
  bottom: 206vw;
}
.scrolling-text{
  font-size: 5vw;
}
/* exhibit */
.ex-h-container {
  width: 80%;
  height: 70vw;
}
.ex-main-h {
  color: white;
  font-size: 3vw;
  text-align: center;
  padding: 0vw 2vw;
}
.ex-headings{
  flex-wrap: wrap;
  margin-top: 6vw;
}
.ex-head {
  width: 45%;
}
.ex-icon {
  width: 8vw;
}
.ex-heading {
  color: white;
  font-size: 3vw;
  text-align: center;
}
.ex-carousel .item {
  height: 60vw;
}
.ex-h {
  font-size: 3vw;
}
.ex-num {

  font-size: 8.5vw;
  padding: 0vw 1vw;
}
.ex-box-para p {
  font-size: 3vw;
  line-height: 1.5;
}
.ex-box-para {
  width: 100%;
  height: auto;
}
.ex-box-up{
  height: 14vw;
}
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next  {
  width: 8vw;
  height: 8vw;
  border-radius: 50%;
  font-size: 7vw;
  margin-left: -12.9vw;
  margin-top: -38vw;

}
.owl-carousel .owl-nav button.owl-next span {
  transform: translate(0.05vw, -0.6vw);
}
.owl-carousel .owl-nav button.owl-next {
  margin-left: 69.4vw;
}
.owl-carousel .owl-nav button.owl-prev span {
  transform: translate(-0.2vw, -0.7vw);
  position: absolute;
}
/* past-speakers */
.pspk-container .item{
  height: 80vw;
}
.pspk-box {
  height: 75vw;
}
.pspk-img-box {
  width: 40vw;
  height: 40vw;
}
.pspk-name{
  font-size: 3vw;
}
.pspk-job{
  font-size: 2.5vw;
}
.pspk-company{
  font-size: 2.5vw;
}
/* sponsors */
.spon-box {
  width: 38vw;
  height: 23vw;
}
.sponsors{
  height: auto;
  min-height: auto;
  padding: 5vw 0vw;
}
.sponsors-cont{
  min-height: auto;
}
/* speakers */
.sb2,.sb3{
  transform: translateY(0);
}
.spk-box {
  width: 39vw;
  height: 75vw;
}
.spk-img-glow {
  width: 33vw;
  height: 45vw;
}
.spk-frame {
  position: absolute;
  width: 35.5vw;
}
.spk-img-box {
  width: 33vw;
  height: 45vw;
}
.spk-des{
  height: 25vw;
  margin-left: 12%;
  width: 80%;
  gap: 1vw;
  padding-left: 1vw;
}
.spk-des::before {
  content: "";
  width: 0.1vw;
  height: 33vw;
}
.robert{
  height: 95vw;
}
.robert .spk-des{
  height: 45vw;
}
.robert .spk-des::before{
  height: 55vw;
}
.spk-name {
  color: white;
  font-size: 3.1vw;
}
.spk-job {
  font-size: 3vw;
}


.spk-comp {
  font-size: 3vw;
}
/* gallery */
.carousel {
  width: 80vw;
  height: 122vw;
  border-radius: 3vw;
  border: 2vw solid #f837d24c;
}
.carousel .list .item{
 width: 26vw;
 height: 36vw;
 border-radius: 3vw;
 box-shadow: 0vw 0vw 1.2vw black;
}
.carousel .list .item:nth-child(3){
  left: 64%;
}

.carousel .list .item:nth-child(4){
  left: calc(67% + 50vw);
}

.carousel .list .item:nth-child(5){
  left: calc(67% + 80vw);
}
.arrows button {
  width: 10vw;
  height: 10vw;
  font-size: 5.5vw;
}
/* footer */

#footer {
  width: 100%;
  height: auto;
  padding: 3vw 0vw;
}
.footerContainer {
  flex-direction: column;
  gap: 2vw
}

.mail-box:hover .mb1::before {
  display: none;
}
.mb-cont {
  width: auto;
  align-items: center;
}
.mb-2{
  border-left: 1px solid rgba(209,36,53,1);
  border-right: 1px solid rgba(209,36,53,1);
  padding-right: 1vw;
}
.mail-box:hover .mb2::before {
 display: none;
}
.mail-box:hover .mb3::before {
  display: none;
}
.fRight {
  width: 80vw;
  gap: 2vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.fUp {
  justify-content: space-around;
  gap: 2vw;
}
.fUp div {
  width: 4vw;
  height: 4vw;
}
.fLinks {
  font-size: 2.55vw;
}

.fLeft {
  width: 85vw;
  height: auto;
  display: flex;
  flex-direction: column;
  margin: 0 0 0 0vw;
  gap: 0.8vw;
  justify-content: center;
  align-items: center;
}
.mb-cont::before {
  display: none;
}
.mail-box {
  width: 80%;
}
.mailHead3{
  font-size: 1.92vw;
}
.mail-heading {
  font-size: 2.5vw;
  text-align: center;
}
.mail {
  font-weight: 500;
  font-size: 2.2vw;
}
.fCopy {
  padding-left: 1vw;
  font-size: 2.5vw;
}

/* form */
.modalWrapper {
  width: 50%;
}

.inputs input {
  width: 85%;
  height: 4.7vw;
  font-size: 1.5vw;
}

.modalContents {
  width: 80%;
}

.inputs input::placeholder {
  font-family: "Poppins";
  font-size: 1.5vw;
  transform: translate(0.3vw, 0vw);
}
form{
  width: 100%;
}
.form-heading {
  font-size: 3vw;
  font-weight: 800;
  margin: 0vw 0vw;
  margin-top: 4.5vw;
  text-align: center;
  line-height: 4vw;
  width: 80%;
}

.check-box {
  width: 85%;
}

.custom-checkbox {
  width: 0.9vw;
  height: 0.9vw;
}

.lt {
  font-size: 1vw;
}

input[type="checkbox"]:checked+.custom-checkbox::after {
  left: -0.2vw;
  font-size: 1.5vw;
}

.f-btn {

  font-size: 2vw;
  border-radius: 5px;
  padding: 0.5vw 3vw;
  margin: 2vw 0vw;
}

.clModal {
  font-size: 1.8vw;
  width: 3vw;
  height: 3vw;
}
.form-img-box{
  display: none;
}
  }