@font-face {
    font-family: "eurostile";
    src: url("../fonts/eurostile.TTF");
}
@font-face {
    font-family: "dgb";
    src: url("../fonts/DharmaGothicE-Bold.ttf");
}
@font-face {
    font-family: "agbold";
    src: url("../fonts/AktivGrotesk-Black.otf");
}
@font-face {
    font-family: "dgr";
    src: url("../fonts/DharmaGothicE-Regular.ttf");
}
@font-face {
    font-family: "dgel";
    src: url("../fonts/DharmaGothicE-ExLight.ttf");
}
@font-face {
    font-family: "agl";
    src: url("../fonts/AktivGrotesk-Light.otf");
}
@font-face {
    font-family: "agm";
    src: url("../fonts/AktivGrotesk-Medium.otf");
}
@font-face {
    font-family: "agb";
    src: url("../fonts/AktivGrotesk-BlackItalic.otf");
}
@font-face{
    font-family: "agr";
    src: url("../fonts/AktivGrotesk-Regular.otf");
}
@font-face {
    font-family: "agxb";
    src: url("../fonts/AktivGrotesk-XBoldItalic.otf");
}
body{
    padding: 0;
    margin: 0;
    overflow-x: hidden;
    /* background: linear-gradient(to right,#00a1cc,#0280e5); */
    scroll-behavior: smooth;
}
/* navbar */
.navbar {
    display: flex;
    width: 100%;
    height: 5vw;
    position: fixed;
    align-items: center;
    justify-content: space-between;
    z-index: 100;
    transition: all 0.5s ease;
}

.navbar ul {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 40%;
}

.logo {
    width: 8vw;
    padding-left: 3vw; /* Ensure consistent padding for both logos */
    position: relative; /* Match position settings for alignment */
}
.extra-logo {
    width: 12vw;
    margin-right: -380px;
    
}
.navbar ul li a {
    text-decoration: none;
    color: white;
    font-family: "eurostile";
}

#nav-toggler {
    display: none;
}

.logo-mob {
    display: none;
}

.nav-active {
    background-color: #011633db;
}

/* Default logo visible by default */
.default-logo {
    display: block;
    width: 12vw;
    transition: opacity 0.3s ease;
}

/* Sticky logo hidden by default */
.sticky-logo {
    display: none;
    transition: opacity 0.3s ease;
}

/* When navbar is sticky */
.navbar.nav-active .default-logo {
    display: none; /* Hide the default logo */
}

.navbar.nav-active .sticky-logo {
    display: block; /* Show the sticky logo */
}

/* cover */
.cover{
    width: 100%;
    height: 100vh;
    background-image: url("../images/otsec-bg.png");
    background-size: 100% auto;
    background-position: 0% 70%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cover-cont{
    width: 90%;
    height: 85%;
    margin-top: 5%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 2vw;
}
.event-logo{
    width: 35vw;
}
.event-logo2{
    width: 15vw;
}
.date-place{
    display: flex;
    align-items: center;
}
.digit{
    color: white;
    font-family: "dgb";
    font-size: 5vw;
}
.month{
    color: white;
    font-family: "dgr";
    font-size: 2vw; 
    line-height: 2vw;
}
.month-place{
    margin-left: 1vw;
}
.month-place a{
    text-decoration: none;
}
.month::after{
    content: "";
    width: 100%;
    height: 1.5px;
    background-color: #0e77a0;
    display: block;

}
.place{
    color: white;
    font-family: "dgr";
    font-size: 2vw; 
    line-height: 2vw; 
    margin-top: 0.2vw;
}
.tagline{
    color: #9ad1ef;
    font-family: "dgr";
    font-size: 2.5vw;
    text-transform: uppercase;
    line-height: 2.5vw;
}
.tagline div:nth-child(2){
    font-size: 4vw;
    line-height: 3.5vw;
    color: white;
}
.cover-buttons{
    display: flex;
    gap: 2vw;
}
.cov-btn{
   color: #ffffff;
    font-family: "agm";
    font-size: 0.9vw;
    padding: 1vw 1vw;
    background: linear-gradient(#071e63, #094e65);
    cursor: pointer;
}
.cov-btn:hover{
    background:linear-gradient(#52a4e2,#153c75); 
}
.calendar-dropdown {
    width: 13vw;
   visibility: hidden;
    position: absolute;
    background-color: #0000006f;
    backdrop-filter: blur(1px);
    margin-top: 1%;
    z-index: 100;
    border-radius:10px;
    transition: all 1s ease;
    opacity: 0;
    transform: translateY(-2vw);
  }
  
  .calendar-item {
    padding: 0.7vw;
    text-align: center;
    cursor: pointer;
    color: #ffffff;
    font-family: "agl";
    font-size: 1vw;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .calendar-item:hover{
    background-color: #9ad1ef;
  }
  .calendar-item svg{
    width: 1vw;
    margin: 0vw 0.5vw;
  }
  /* Show the dropdown when hovering over the button */
  .calendar-button:hover .calendar-dropdown {
   visibility: visible;
    opacity: 1;
    transform: translateY(0vw);
  }
  .countdown{
    display:flex;
    align-items: center;
    justify-content: center;
    gap: 0.5vw;
    margin: 1vw 0vw;
    position: absolute;
    flex-direction: column;
    right: 0;
    top: 12vw;
  }
  .count-b{
    width: 6vw;
    height: 5.5vw;
    background-color: #0116338c;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: white;
    backdrop-filter: blur(3px);
    border-radius: 1vw;
  }
 .dig{
    font-family: "dgb";
    font-size: 3vw;
    font-weight: 700;
    line-height: 3vw;
  }
  .count-b .count-t{
    font-family: "agr";
    font-size: 0.9vw;
    color: #9ad1ef;
  }
  .count-cl{
    background-color: #050a1488;
  }

/* overview */
.overview{
    width: 100%;
    height: 90vh;
    background: linear-gradient(to right,#00a1cc,#0280e5);
}
.over-title{
    font-size: 6vw;
    color: #fff;
    font-family: "agb";
    padding-top: 2vw;
    padding-left: 2vw;
}
.over-cont{
    width: 100%;
    height: auto;
    display: flex;
}
.over-left{
    width: 50%;
}
.over-right{
    width: 40%;
    margin-top: 2vw;
}
.over-left p{
    padding: 0.5vw 2vw;
    font-family: "agm";
    line-height: 1.5vw;
}
.over-left p{
    line-height: 1.5vw;
}
.over-box-one{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.over-box-one .over-num{
    font-family: 'dgb';
    font-size: 7vw;
    color: #052030;
    width: 75%;
    height: 7vw;
}
.over-box-one .over-des{
    font-size: 3.2vw;
    font-family: 'dgr';
    width: 70%;
    color: #103451;
}
.over-box-two{
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    height: 13vw;
}
.over-box-two .over-num{
    font-family: 'dgb';
    font-size: 4.5vw;
    color: #052030;
    height: 4.5vw;
}
.over-box-two .over-des{
    font-size: 2vw;
    font-family: 'dgr';
    width: 80%;
    color: #103451;
}
.over-box-three{
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
.over-box-three .over-num{
    font-family: 'dgb';
    font-size: 8vw;
    color: #052030;
    height: 8vw;
}
.over-box-three .over-des{
    font-size: 3.7vw;
    font-family: 'dgr';
    width: 30%;
    color: #103451;
}
.over-r-up{
    width: 100%;
    height: 50%;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    gap: 0.5vw;
}
.over-r-down{
    width: 100%;
    height: 50%;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}
.over-box-one{
    width: 20vw;
    height: 20vw;
    background: linear-gradient(#579dbc00,#579dbc);
}
.over-box-two{
    width: 15vw;
    height: 12vw;
    background: linear-gradient(#579dbc,#579dbc00);
}

.over-box-three{
    width: 30vw;
    height: 98%;
    background: linear-gradient(#579dbc00,#579dbc);
}
.numbers{
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(to right,#00a1cc,#0280e5);
}
.numbers-cont{
    width: 90%;
    height:20vw;
    background-color: #101a26;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    gap: 2vw;
}

.counter {
    font-size: 6.5vw;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
    font-family: "dgel";
    line-height:5vw;
  }
  .nums-h{
    font-family: "agxb";
    font-size: 3.5vw;
    color: #fff;
  }
  .counters{
    display: flex;
    gap: 5vw;
  }
  .coun-box{
    width: 15vw;
    height: 10vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .count-t{
    color: #65abc1;
    font-size: 1.2vw;
    font-family: "agr";
  }
  .count-up{
    display: flex;
    position: relative;
    width: fit-content;
  }
  .count-up span{
    color: white;
    font-weight: bold;
    text-align: center;
    font-family: "dgel";
    font-size: 5vw;
    position: absolute;
    left: 100%;
    margin-top: -0.6vw;
  }

  /* feature */
  .feature-bg{
    width: 100%;
    height: auto;
    background: linear-gradient(to right,#00a1cc,#0280e5);
  }
  .features{
    width: 100%;
    height: auto;
    padding: 5vw 0vw;
    background: linear-gradient(#0a0d1900,#0a0d199a,#0a0d19);
  }
  .features-h{
    font-family: "agb";
    font-size: 4.5vw;
    line-height: 4.5vw;
    color: #fff;
    font-weight: 900;
    text-align: center;
  }
  .features-cont{
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 4vw;
    margin-top: 2vw;
  }
  .features-box{
    width: 18vw;
    height: 21vw;
    background: linear-gradient(#405ecc,#14518e);
    box-shadow: 8px 8px 10px rgba(0, 0, 0, 0.642);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.4vw;
  }
  .features-box:hover{
    background: linear-gradient(#0e416b,#0d1b23);
  }
  .f-svg{
      fill: white;
    width: 8vw;
    height: 8vw;
  }
  .features-box:hover .f-svg{
    fill: white;
  }
  .f-t{
    width: 85%;
    text-align: center;
    font-family: "agm";
    font-size: 1.3vw;
    color: white;
    margin-top: 0.5vw;
    height: 5vw;
  }
  .features-box:hover .f-t{
    color: white;
  }

  /* target */
 .target{
    width: 100%;
    height: auto;
    background-color:#0a0d19;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2vw 0vw;
    position: relative;
    z-index: 10;
 } 
 .target-h{
    font-family: "agxb";
    font-size: 3.5vw;
    color: #ffffff;
    text-align: center;
 }
 .target-cont{
    width: 98%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 2vw;
    gap: 0.1vw;
 }
 .target-box{
    width: 7vw;
    height: 7vw;
    border: 2px solid #6591c1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #011633;
 }
 .tar-svg{
    width: 6vw;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
 }
 .tar-svg svg{
    width: 60%;
    fill: #65a2c1;
 }
 .tar-t{
    font-family: "agm";
    margin-top: 0.2vw;
    color: #65a2c1;
    font-size: 0.9vw;
    text-align: center;
 }
 .target-box:hover{
    background-color: #6591c1;
 }
 .target-box:hover .tar-svg svg{
    fill: #0a0d19;
 }
 .target-box:hover .tar-t{
    color: #0a0d19;
 }
 /* job-titles */
.job-titles{
    width: 100%;
    height: auto;
    background-color:#0a0d19;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2vw 0vw;
    position: relative;
    z-index: 10;
} 
.job-h{
    font-family: "agxb";
    font-size: 3.5vw;
    color: #ffffff;
    text-align: center;
}
.job-cont{
    width: 90%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 2vw;
    gap: 0.2vw;
}
.job-svg{
    width: 8vw;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.job-svg svg{
    width: 60%;
    fill: white;
}
.job-box{
    width: 13vw;
    height: 10vw;
    background-color: #1e252d;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.job-t{
    color: white;
    font-family: "agl";
    margin-top: 0.4vw;
    font-size: 1vw;
}
.job-box:hover{
    background-color: #011633;
}
/* summit */
.summit{
    width: 100%;
    height: 30vw;
    background-color: #0a0d19;
    display: flex;
    align-items: center;
    justify-content: center;
}
.summit-img{
    width: 70%;
    height: auto;
   margin-top: -35%;
    animation: summitAnim 12s ease 0s infinite normal forwards;
    transition: all 2s ease;
}
@keyframes summitAnim {
    0% {
        transform: rotate(0deg);
    }
    33.33% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(180deg);
    }
    66.66% {
        transform: rotate(180deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
/* exhibit */
.exhibit{
    width: 100%;
    height: auto;
    background-color: #0a0d19;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3vw 0vw;
}
.exhibit .swiper-container{
    width: 90%;
    overflow: hidden;
    position: relative;
}
.ex-patches{
    width: 100%;
    height: 100%;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.ex-patch{
    width: 15%;
    height: 100%;
    background-color: #0a0d19;
    position: relative;
    z-index: 2;
}
.exhibit .swiper-wrapper .swiper-slide{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30vw;
}
.ex-box{
    width: 35vw;
    height: 8vw;
    transform: rotate(90deg);
    border: 2px solid #0c4875;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    /* margin: 0vw 4vw; */
    transition: all 0.5s ease;
}
.ex-para{
    color: white;
    font-family: "agl";
    text-align: center;
    padding: 0.5vw;
    font-size: 1.2vw;
    position: absolute;
    margin-top: 0vw;
    visibility: hidden;
    opacity: 0;
}

.ex-cont{
    font-family: 'dgr';
    text-align: center;
    font-size: 2.5vw;
    line-height: 2.5vw;
    padding: 0vw 1vw;
    color: #63a7c1;
}
.exhibit .swiper-wrapper .ex-active{
    transition: all 0.5s ease;
}
.ex-active .ex-box{
    transform: none;
    width: 21vw;
    height: 14vw;
    background-color: #63a7c1;
}
.ex-active .ex-box .ex-cont{
    color: #124551;
}
.ex-active .ex-box .ex-para{
    visibility: visible;
    opacity: 1;
    position: relative;
}
/* network */
.network{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: 5vw;
    background-color:#0a0d19;
}
.network-cont{
    width: 85%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.network-box{
 width: 18vw;
 height: 22vw;
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: center;
}
.network-box:nth-child(1),.network-box:nth-child(3){
    background-color: #105077;
}
.network-box:nth-child(6),.network-box:nth-child(8){
    background-color: #65abc1;
}
.net-h{
    font-family: "dgb";
    color: #65abc1;
    text-align: center;
    font-size: 3vw;
    line-height: 2.5vw;
}
.net-t{
    color: #fff;
    font-family: "dgel";
    text-align: center;
    padding: 0vw 0.3vw;
    font-size: 1.3vw;
}
.network-box img{
    width: 18vw;
    height: 22vw;
    
}
.network-box:nth-child(1) img,.network-box:nth-child(3) img{
    background-color: #105077;
    opacity: .4;
    
}
.network-box:nth-child(6) img,.network-box:nth-child(8) img{
    background-color: #65abc1;
    opacity: .35;
}
/* speaker */
.speakers{
    width: 100%;
    height: auto;
    background-color: #0a0d19;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.speakers-h{
    font-family: "agxb";
    font-size: 5vw;
    color: #fff;
    padding: 3vw;
}
.spk-carousel{
    overflow: visible;
}

.spk-carousel .item{
    height: 40vw;
    transition: all 0.5s ease;
    display: flex;
    overflow: visible;
    align-items: center;
    justify-content: center;
}
.spk-cont-box{
    width: 20vw;
    height: 20vw;
    position: absolute;
    transition: all 0.5s ease;
    transform: translateX(5vw);
    display: flex;
    align-items: center;
    justify-content: center;
    filter: blur(10px);
}
.spk-left{
    width: 60%;
    height: 80%;
    position: relative;
    overflow: hidden;
}
.spk-patch{
    position: absolute;
    width: 100%;
}
.spk-carousel .item .spk-img{
    position: relative;
    width: 130%;
    transform: translateX(-3vw);
}
.spk-cont{
    width: 40%;
    height: auto;
}
.spk-active{
transition: all 0.5s ease;
width: 10vw;
}
.spk-active .spk-cont-box{
    width: 40vw;
    height: 40vw;
    z-index: 500;
    filter: none;
}
.spk-class{
    transition: all 0.5s ease;
}
.owl-carousel .owl-stage-outer{
    overflow: visible;
}
.spk-class .spk-cont-box{
    width: 30vw;
    height: 30vw;
    transform: translateX(10vw);
}
.spk-fname{
    font-family: "dgb";
    background-color: #65abc1;
    color: #0a0d19;
    font-size: 1.5vw;
    line-height: 1vw;
    padding-top: 0.2vw;
    width: fit-content;
    margin-left: 0.5vw;
    transition: all 0.5s ease;
}
.spk-lname{
    font-family: "dgb";
    color: #65abc1;
    font-size: 1.5vw;
    line-height: 1vw;
    padding-top: 0.2vw;
    width: fit-content;
    margin-left: 0.5vw; 
    transition: all 0.5s ease;
}
.spk-job{
    color: #fff;
    font-family: "dgr";
    margin-left: 0.5vw; 
    font-size: 1vw;
    line-height: 1vw;
    margin-top: 0.5vw;
    transition: all 0.5s ease;
}
.spk-comp{
    color: #fff;
    font-family: "dgb";
    margin-left: 0.5vw; 
    font-size: 1vw;
    line-height: 1vw;
    transition: all 0.5s ease;
}


.spk-class .spk-fname{
    font-family: "dgb";
    background-color: #65abc1;
    color: #0a0d19;
    font-size: 3vw;
    line-height: 2.2vw;
    padding-top: 0.2vw;
    width: fit-content;
    margin-left: 0.5vw;
}
.spk-class .spk-lname{
    font-family: "dgb";
    color: #65abc1;
    font-size: 3vw;
    line-height: 2.2vw;
    padding-top: 0.2vw;
    width: fit-content;
    margin-left: 0.5vw; 
}
.spk-class .spk-job{
    color: #115f77;
    font-family: "dgr";
    margin-left: 0.5vw; 
    font-size: 1.5vw;
    line-height: 1.5vw;
    margin-top: 0.5vw;
}
.spk-class .spk-comp{
    color: #115f77;
    font-family: "dgb";
    margin-left: 0.5vw; 
    font-size: 1.5vw;
    line-height: 1.5vw;
}

.spk-active .spk-fname{
    font-family: "dgb";
    background-color: #65abc1;
    color: #0a0d19;
    font-size: 5vw;
    line-height: 4vw;
    padding-top: 0.5vw;
    width: fit-content;
    margin-left: 0.5vw;
}
.spk-active .spk-lname{
    font-family: "dgb";
    color: #65abc1;
    font-size: 5vw;
    line-height: 4vw;
    padding-top: 0.5vw;
    width: fit-content;
    margin-left: 0.5vw; 
}
.spk-active .spk-job{
    color: #fff;
    font-family: "dgr";
    margin-left: 0.5vw; 
    font-size: 2vw;
    line-height: 2vw;
    margin-top: 1vw;
}
.spk-active .spk-comp{
    color: #fff;
    font-family: "dgb";
    margin-left: 0.5vw; 
    font-size: 2vw;
    line-height: 2vw;
}
.spk-cont{
    text-transform: capitalize;
}

.spk-carousel .item .spk-img{
    width: 100%;
    transform: translate(-0.1vw,3.2vw);
    height: 90%;
}
.spk-active .spk-fname,.spk-active .spk-lname {
    font-size: 4.2vw;
}
.view-button{
    text-decoration: none;
    /* color: #011633; */
    margin-bottom: 20px;
    cursor: pointer;
}
.view-button button{
    outline: none;
    border: none;
    background-color: transparent;
    padding-right:40px;
    padding-left: 40px;
    padding-top: 10px;
    padding-bottom: 10px;
    transition: .2s all ease-in-out;
    color: #1d7ba0;;
    cursor: pointer;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    font-weight: 600;
}
.view-button button:hover{
    background-color: #1d7ba0;
    color: #011633;
}
/* sponsors */
.sponsors{
    width: 100%;
    height: auto;
    background-color: #1d7ba0;
    padding-bottom: 3vw;
}
.sponsors .speakers-h{
    color: #fff;
}
.sponsors-h{
    text-align: center;
    font-family: "agbold";
    background: linear-gradient(#3f9bba,#050a14);
    color: white;
    font-size: 1.1vw;
    padding: 0.5vw;
    border-radius: 10px;
    transform: translateY(2vw);
    position: relative;
    z-index: 5;
}

.silver_sponsors .sponsors-h{
margin-left: 3vw;
}
.sponsors-h span{
    font-family: 'agl';
}
.sponsors-cont{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.platinum-sponsors{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.platinum_patch{
    width: 93%;
}
.gold_silver{
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 3vw;
}
.gold_sponsors{
    width: 60%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.silver_sponsors{
    width: 40%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.gold_patch{
    width: 15%;
}
.silver_patch{
width: 25%;
transform: translateX(1vw);
}

.partners-group {
    display: flex;
    justify-content: center; /* Align horizontally */
    width: 100%;
}

.gold_silver {
    flex-direction: column; /* Stack children vertically */
}

/* Ensure each sponsor group takes full width */
.gold_sponsors, .silver_sponsors, .platinum-sponsors {
    width: 100%;
}



.support-icons{
    width: 22vw;
    height: auto;
    transform: translate3d(1vw,2vw,0vw);
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
}
.support-box{
    width: 75%;
    height: 75%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.support-box img{
    width: 100%;
    height: auto;
}
.silver-boxes{
    width: 26vw;
    height: auto;
    position: absolute;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    transform: translate3d(1vw,3.5vw,0vw);
    justify-content: space-around;
}
.silver-box{
    width: 13vw;
    height: 6vw;
}
.silver-box img{
    width: 11vw;
    height: auto;
}
.media-boxes{
    width: 70vw;
    height: 12vw;
    position: absolute;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-around;
    transform: translatey(2vw);
}
.media-box{
    width: 11vw;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.media-box img{
    width: 9vw;
}
.media-box .sq{
width: 9vw;
}
.ex-boxes{
    width: 60vw;
    height: 12vw;
    position: absolute;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-around;
    transform: translatey(2vw);
}
.exhibit-box{
    width: 16vw;
    display: flex;
    align-items: center;
    justify-content: center;
}
.exhibit-box img{
    width: 15vw;
}
.exhib-patch2{
    display: none;
}
.exhib-patch1{
    width: 60vw;
}
/* agenda */
/* General Agenda Section Styling */
.agenda {
    width: 100%;
    height: auto;
    background-color: #0a0d19;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3vw 0vw;
}

.agenda .speakers-h {
    width: 90%;
    color: white;
    font-family: "agxb";
    font-size: 5vw;
    text-align: center;
    margin-bottom: 2vw;
}

/* Tabs Styling */
.tabs {
    display: flex;
    gap: 1vw;
    margin-bottom: 2vw;
}

.tab-link {
    font-family: "agbold";
    font-size: 2vw;
    color: white;
    background: linear-gradient(#269ab5, #051412);
    padding: 1vw 2vw;
    border-radius: 10px;
    cursor: pointer;
    transition: background 0.3s ease;
}

.tab-link.active {
    background: linear-gradient(#3b94b7, #000c0d);
}

/* Tab Content Styling */
.tab-content {
    display: none;
    width: 90%;
    height: auto;
    overflow: hidden;
    padding-top: 0vw;
}

.tab-content.active {
    display: block;
}

.agenda-h {
    font-family: "agbold";
    color: white;
    text-align: center;
    font-size: 2.5vw; /* default for desktop */
    padding: 0.5vw 1vw;
    background: linear-gradient(#269ab5, #051412);
    border-radius: 10px;
    transform: translateY(2.5vw);
    position: relative;
    z-index: 10;
    max-width: 500px;
    box-sizing: border-box;
    margin: 0 auto; /* center horizontally */
}
/* Medium devices: Tablets (portrait) */
@media (max-width: 768px) {
    .agenda-h {
        font-size: 4vw;
        padding: 1vw 2vw;
        transform: translateY(3vw);
    }
}

/* Small devices: Phones */
@media (max-width: 480px) {
    .agenda-h {
        font-size: 5vw;
        padding: 2vw 3vw;
        transform: translateY(4vw);
    }
}
.agenda-carousel {
    transform: translateY(-1.4vw);
}

.agenda-cont {
    width: 90%;
    height: auto;
    overflow: hidden;
    padding-top: 5vw;
}

.agenda-carousel .item {
    height:32vw;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 1vw;
}

.ag-cont-box {
    width: 95%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ag-cont {
    width: 95%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.agenda-patch {
    position: absolute;
    transform: translate(-3.8%, -4vw);
    width: 97%;
   /* height: 80%;  Increase this value as needed 
    object-fit: cover;  Optional: ensures the SVG fills height properly 
    z-index: 0;  Keep it behind content */
}

.ag-link {
    font-size: 2vw;
    font-family: "dgb";
    line-height: 1.9vw;
    color: #0a2c3f;
    margin-left: 1vw;
}

.ag-button {
    font-size: 1.5vw;
    font-family: "agbold";
    color: #ffffff;
    padding: 0.5vw 1.5vw;
    margin-left: 1vw;
    background: linear-gradient(#3b94b7, #000c0d);
    width: fit-content;
    border-radius: 10px;
    margin-top: 0.5vw;
    cursor: pointer;
}

.ag-img {
    width: 30%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.agenda-carousel .item .ag-img-patch {
    width: 60%;
    position: absolute;
}

.agenda-carousel .item .ag-spk-img {
    width: 65%;
    position: relative;
}

.ag-time {
    font-family: "dgb";
    font-size: 2.5vw;
    line-height: 1.7vw;
    background-color: #123e51;
    padding: 0vw 1vw;
    padding-top: 0.3vw;
    color: #67b0c1;
    width: fit-content;
}

.ag-line1 {
    font-size: 1.2vw;
    font-family: "dgr";
    line-height: 1.6vw;
    color: #467689;
    margin-left: 1vw;
}

.ag-line1 ul {
    padding: 0;
    margin: 0;
}

.ag-line2 {
    font-size: 1.6vw;
    font-family: "dgb";
    font-weight: 700;
    line-height: 1.6vw;
    color: #467689;
    margin-left: 1vw;
    margin-top: 0.5vw;
}

.agenda-mob-patch {
    display: none;
}
/* footer */
.footer{
    width: 100%;
    height: 12vw;
    background-color:#040503;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-top: 2px solid #53adbc;
}
.footer-cont{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.footer-box1,.footer-box3{
    width: 20%;
    height: 80%;
}
.footer-box2{
width: 60%;
height: 80%;
display: flex;
align-items: center;
justify-content: center;
gap:1.3vw;
}
.mail-box{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.2vw;
    cursor: pointer;
}
.footer-logo{
    width: 8vw;
}
.mail-heading{
    color: #39647a;
    font-family: "agr";
    text-align: center;
}
.mail{
    color: #63b0c1;
    text-decoration: none;
    font-family: "agm";
}
.mail-box:hover .mail{
    color: white;
}
.mail-box:hover .mail-heading{
    color: white;
}
.footer-box3{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1vw;
}
.footer-box1{
    display: flex;
    align-items: center;
    justify-content: center;
}
.social-box{
    color: #040503;
    text-decoration: none;
    width: 1.7vw;
    height: 1.7vw;
    display: flex;
    align-items: center;
    justify-content: center;
   background-color: white;
   border-radius: 50%;
   transition: all 0.5s ease;
}
.social-box:hover{
    transform: translateY(-0.5vw);
    background-color: #65abc1;
}
.foot-line{
    font-family: "agr";
    color:#0e5466;
    font-size: 1vw;
    padding-bottom: 1vw;
}
.foot-line a{
    text-decoration: none;
    color: #0e5466;
    font-family: "agbold";
}

/* forms */
.modal {
    visibility: hidden;
    opacity: 0;
    position: fixed;
    z-index: 5;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: .4s;
    z-index: 1000000;
  }
  
  
  .modalContents {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 67%;
    padding: 1vw 0.4vw;
    position: relative;
  }
  
  .form-heading {
    font-family: "agbold";
    color: #ffffff;
    font-size: 1vw;
    font-weight: 800;
    margin: 0.5vw 0vw;
    position: absolute;
    z-index: 10;
    margin-top: -26.8vw;
  }
.model-patch{
    width: 31vw;
    height: 30vw;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -48%);
}
  .modalWrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -45%);
    width: 35%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-bottom: 1.3vw;
  }
  
  .modalBg {
    width: 100%;
    height: 100%;
    background-color: #0000008c;
    backdrop-filter: blur(3px);
  }
  .form-patch{
    width: 27vw;
    position: absolute;
  }
  form{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .inputs{
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
  }
  .input-box{
    width: 45%;
    margin: 0.5vw 0vw;
    font-family: "dgr";
  }
  .input-box:nth-child(7){
    width: 95%;
  }
  .input-box select{
    width: 97%;
    border-radius: 0px;
    background: #184951;
    border: none;
    color: #1bc5ed;
   display: flex;
   align-items: center;
   height: 2vw;
   font-size: 1.9vw;
   margin-top: 0.3vw;
   font-family: "dgb";
  }
  .input-box select option{
    font-size: 1vw;
  }
  .input-box label{
    font-size: 1vw;
    font-weight: 500;
    padding: 0;
    margin: 0;
    color: #155b77;
  }
  .inputs input{
    border-radius: 0px;
    background: #184951;
    border: none;
    color: #1bc5ed;
   display: flex;
   align-items: center;
   width: 90%;
   height: 1.7vw;
   font-size: 1vw;
   margin-top: 0.3vw;
   font-family: "dgb";
  }
  .inputs input:focus{
    outline: none;
  }
  
  .inputs input::placeholder{
  font-family: "dgb";
  color: #1bc5ed;
  font-size: 2.5vw;
  transform: translateY(0.6vw);
  }
  .check-box{
    width: 95%;
   height: auto;
  }
  .checks{
    padding: 0.4vw 0vw;
  }
  .checks label{
    display: flex;
  }
  .f-btn{
    background:linear-gradient(#1995cc,#051116);
    border: none;
    font-family: "agbold";
    font-size: 1vw;
    font-weight: 600;
    color: white;
    border-radius: 10px;
    padding: 0.2vw 1vw;
    margin: 1vw 0vw;
    cursor: pointer;
    transition: all 0.5s ease;
  }
  
  .f-btn:hover{
    background:linear-gradient(to top,#1995cc,#051116);
  }
  
  
  /* Hide the default checkbox */
  input[type="checkbox"] {
    display: none;
  }
  
  /* Create a custom checkbox style */
  .custom-checkbox {
   width: 0.3vw;
   height: 0.3vw;
   background-color: #16c6ef;
    border: 0.5px solid #16c6ef;
    cursor: pointer;
    transform: translateY(0.1vw);
    position: relative;
  }
  /* Style for when the checkbox is checked */
  input[type="checkbox"]:checked + .custom-checkbox{
    background-color: #23454f;
    border: 0.5px solid #23454f;
  }
  
  
  .is-show {
    visibility: visible;
    opacity: 1;
    scale: 1.5;
  }
  
  .lt {
    width: 96%;
    margin-left: 1%;
    font-size: 0.45vw;
    line-height: 0.6vw;
    font-family: "agr";
    font-weight: 500;
  }
  .clModal{
    position: absolute;
    font-family: "agbold";
    font-weight: 800;
    font-size: 0.8vw;
    top: -1vw;
    right: 2.5vw;
    background-color: #00a1cc;
    width: 1vw;
    height: 1vw;
    display: flex;
    align-items: center;
    justify-content: center;
    color:  #ffffff;
    cursor: pointer;
    opacity: 0.4;
  }
  .mob-top{
    display: none;
  }
  @media screen and (min-width: 1200px) and (max-width: 1400px) {

    .form-heading {
        font-family: "agbold";
        color: #ffffff;
        font-size: 1vw;
        font-weight: 800;
        margin: 0.5vw 0vw;
        position: relative;
        z-index: 10;
        transform: translateY(-1%);
    }
  }

@media screen and (max-width: 450px){
    body,html{
        overflow-x: hidden;
    }
    html,
    body {
      overflow-x: hidden;
    }
    .logo-mob {
        display: block;
        width: 40vw;
        margin: 2vw;
        position: fixed;
        z-index: 20;
    }
  
   .mob-top{
    width: 100%;
    height: 17vw;
    position: fixed;
    z-index: 10;
    display: block;
    transition: all 0.5s ease;
   }
  .mob-top-scroll{
    background-color: #011633cb;
  }
    #nav-toggler {
      appearance: none;
      position: fixed;
      top: 20px;
      right: 30px;
      cursor: pointer;
      z-index: 5010;
      font-size: 25px;
      color: #ffffff;
      display: block;
    }
  
    .navbar {
      position: fixed;
      background-color: #000000;
      backdrop-filter: blur(5px);
      justify-content: center;
      transition: all 1s ease;
      width: 100vw;
      height: 100vh;
      z-index: 5001;
      left: -100vw;
    }
    .navbar-scrolled {
      background-color: #389bb282;
      backdrop-filter: blur(5px);
    }
  
    #nav-toggler:checked ~ .navbar {
      left: 0;
    }
  
    #nav-toggler:checked {
      transform: rotate(180deg);
    }
  
    #nav-toggler:checked::before {
      content: "\f00d";
      color: #ffffff;
      transition: 0.2s linear 0.2s;
    }
    
    .navbar ul {
      flex-direction: column;
      justify-content: center;
      padding: 0;
      margin: 0;
      width: 100%;
    }
    .navbar ul li{
      margin: 10px 0px;
    }
    .navbar ul li a{
      letter-spacing: 2px;
      font-size: 3vw;
    }
    .cover-cont {
        margin-top: -23%;
    }
    .logo{
      display: none;
    }
    .logo-mob{
        position: fixed;
    }
    .countdown {
        right: auto;
        gap: 0.5vw;
        top: 68vh;
        left: 5vw;
        flex-direction: row;
    }
    .count-b{
        width: 18vw;
        height: 15.5vw;
    }
    .dig{
        font-size: 8vw;
        line-height: 8vw;
    }
    .count-b .count-t{
        font-size: 2.9vw;
    }
    /* cover */
    .cover{
        background-size: cover;
        background-position: 60% 0%;
    }
    .event-logo {
        width: 70vw;
    }
    .event-logo2 {
        width: 40vw;
    }
    .digit {
        font-size: 14vw;
    }
    .month {
        font-size: 5vw;
        line-height: 5vw;
    }
    .place {
        font-size: 5vw;
        line-height: 5vw;
    }
    .tagline {
        font-size: 6.5vw;
        line-height: 6.5vw;
    }
    .tagline div:nth-child(2) {
        font-size: 9vw;
        line-height: 7.5vw;
    }
    .cov-btn {
        font-size: 2.5vw;
        padding: 1.5vw 2vw;
    }
    .calendar-dropdown {
        width: 39vw;
        backdrop-filter: blur(1px);
        margin-top: -1%;
        border-radius: 7px;
        transform: translateY(-5vw);
      }
      .calendar-item{
        padding: 1.7vw;
        font-size: 3vw;
      }
      .calendar-item svg {
        width: 3vw;
        margin: 0vw 1vw;
      }
    /* overview */
    .overview{
        height: auto;
    }
    .over-cont {
        flex-direction: column;
    }
    .over-title {
        font-size: 8vw;
    }
    .over-left {
        width: 100%;
    }
    .over-right{
        width: 95%;
        height: 130vw;
        margin-bottom: 2vw;
    }
    .over-left p {
        line-height: 5.7vw;
        font-size: 3.5vw;
    }
    .over-box-one {
        width: 50vw;
        height: 50vw;
    }
    .over-box-two {
        width: 36vw;
        height: 30vw;
    }
    .over-box-three {
        width: 90vw;
        height: 98%;
    }
    .over-box-one .over-num {
        font-size: 16vw;
        width: 75%;
        height: 17vw;
    }
    .over-box-two .over-num {
        font-size: 12vw;
        height: 12vw;
    }
    .over-box-two .over-des {
        font-size: 4.2vw;
        width: 90%;
    }
    .over-box-three .over-num {
        font-size: 22vw;
        height: 22vw;
    }
    .over-box-three .over-des {
        font-size: 8.7vw;
        width: 47%;
        padding-left: 20vw;
    }
    .over-box-one .over-des {
        font-size: 5.2vw;
    }
    /* numbers */
    .numbers-cont {
        width: 90%;
        height: auto;
        padding: 5vw 0vw;
        margin-top: 7vw;
    }
    .counters {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 5vw;
        flex-wrap: wrap;
    }
    .coun-box {
        width: 35vw;
        height: 25vw;
    }
    .counter {
        font-size: 16.5vw;
        line-height: 13vw;
    }
    .count-t {
        font-size: 3.8vw;
    }
    .count-up span {
        font-size: 11vw;
    }
    .nums-h {
        font-size: 6.5vw;
    }
    /* features */
    .features-h {
        font-size: 6.5vw;
        line-height: 6.5vw;
    }
    .features-box {
        width: 45vw;
        height: 45vw;
    }
    .f-svg {
        width: 20vw;
        height: 20vw;
    }
    .f-t {
        font-size: 3.4vw;
        width: 100%;
    margin-top: 1.5vw;
    height: 13vw;
    }
    /* target */
    .target-h {
        font-size: 5.5vw;
    }
    .target-cont{
        flex-wrap: wrap;
    }
    .target-box {
        width: 25vw;
        height: 25vw;
    }
    .tar-svg {
        width: 18vw;
    }
    .tar-t {
        margin-top: 1.2vw;
        font-size: 3vw;
    }
    /* summit */
    .summit {
        width: 100%;
        height: 78vw;
    }
    .summit-img {
        width: 121%;
        height: auto;
        margin-top: -87%;
    }

/* job-titles */
.job-h {
    font-size: 5.5vw;
}
.job-cont {
    flex-wrap: wrap;
}
.job-box {
    width: 29vw;
    height: 20vw;
}
.job-svg {
    width: 17vw;
}
.job-t {
    margin-top: 1.4vw;
    font-size: 2.5vw;
}
/* exhibit */
.exhibit .swiper-wrapper .ex-active{
    transition: all 0.5s ease;
}
.ex-active .ex-box{
    transform: none;
    width: 60vw;
    height: 20vw;
    background-color: #63a7c1;
}
.ex-active .ex-box .ex-cont{
    color: #124551;
    font-size: 8vw;
    transform: translateY(-4vw);
    line-height: 6vw;
}
.exhibit .swiper-wrapper .swiper-slide {
    height: 50vw;
}
.ex-active .ex-box {
    height: 48vw;
}
.ex-para {
    padding: 1vw;
    font-size: 4vw;
    position: absolute;
    margin-top: -3vw;

}
/* network */
.network-cont {
    width: 70%;
    height: 210vw;
    flex-direction: column;
}
.network-box {
    width: 35vw;
    height: 52vw;
}
.net-h {
    font-size: 5vw;
    line-height: 4.5vw;
}
.net-t{
    font-size: 4vw;
}
.network-box img {
    width: 35vw;
    height: 52vw;
}
/* speakers */
.spk-active .spk-cont-box {
    width: 50vw;
    height: 50vw;
}
.spk-active .spk-fname {
    font-size: 7vw;
    line-height: 6vw;
}
.spk-active .spk-lname {
    font-size: 7vw;
    line-height: 6vw;
}
.spk-active .spk-job {
    font-size: 3vw;
    line-height: 3vw;
}
.spk-active .spk-comp {
    font-size: 3vw;
    line-height: 3vw;
}
.speakers-h {
    font-size: 10vw;
}
/* sponsors */
.gold_silver {
    flex-direction: column;
}
.gold_patch {
    width: 85%;
    transform: none;
    height: 40vw;
}
.silver-boxes {
    transform: translate3d(0vw,6vw,0);
    width: 80%;
    gap: 1vw;
    /* transform: translateY(6vw); */
}
.gold_sponsors .sponsors-h {
 margin-left: 0;
}
.gold_sponsors {
    width: 95%;
}
.silver-box img{
    width: 100%;
    height: 95%;
}
.silver-box {
    width: 35vw;
    height: auto;
}
.sponsors-h {
    font-size: 2.2vw;
    padding: 2.5vw 7vw;
    border-radius: 20px;
    transform: translateY(6vw);
}
.silver_sponsors {
    width: 65%;
}
.silver_patch {
    width: 85%;
}
.support-icons {
    width: 30vw;
    height: 45vw;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translatey(6vw);
}
.bgt{
    background: transparent;
    transform: translateY(7vw);
}
.support-box {
    width: 100%;
    height: 75%;
}
.platinum_patch {
    width: 80%;
    height: 45vw;
}
.ex-boxes {
    width: 75vw;
    height: 100vw;
    position: absolute;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-around;
    transform: translatey(7vw);
}
.exhibit-box {
    width: 60vw;
}
.exhib-patch2 {
    display: block;
    width: 80%;
}
.exhib-patch1{
    display: none;
}
.exhibit-box img {
    width: 60vw;
}
.media-box {
    width: 22vw;
}
.media-boxes {
    width: 76vw;
    height: 38vw;
    transform: translatey(6vw);
}
.media-box .sq {
    width: 9vw;
}
.media-box img {
    width: 15vw;
}
/* agenda */
.agenda-carousel .item {
    height: 170vw;
    gap: 3vw;
}
.agenda-cont{
    width: 80%;
}
.agenda-carousel{
    transform: translateY(3vw);
}
.ag-cont-box {
    width: 80%;
}
.ag-time {
    font-size: 8vw;
    line-height: 6vw;
    padding-top: 0.9vw;
}
.ag-link {
    font-size: 4vw;
}
.ag-button {
    font-size: 3.5vw;
    padding: 1.5vw 2.5vw;
}
.ag-line1 {
    font-size: 5vw;
    line-height: 5vw;
}
.ag-line2 {
    font-size: 6vw;
    line-height: 6vw;
    margin-top: 2vw;
}
.agenda-h {
    font-size: 6.5vw;
    padding: 0vw 2.5vw;
    border-radius: 10px;
    transform: translateY(3.5vw);
}
.agenda-patch{
    display: none;
}
.agenda-mob-patch{
    display: block;
    position: absolute;
    width: 90vw;
    height: 168vw;
    margin-left: -4vw;
    transform: translateY(-8vw);
}
/* footer */
.footer {
    height: auto;
}
.footer-cont{
    flex-direction: column;
}
.footer-box1, .footer-box3 {
    width: 100%;
    height: 30vw;
}
.footer-box2 {
    width: 100%;
    height: auto;
    gap: 6vw;
    flex-direction: column;
}
.footer-box3 {
    gap: 4vw;
}
.social-box {
    width: 10vw;
    height: 10vw;
}
.foot-line {
    font-size: 4vw;
    padding-bottom: 4vw;
}
.footer-logo {
    width: 23vw;
}
/* forms */
.form-patch {
    width: 56vw;
    height: 108vw;
    position: absolute;
}
.model-patch {
    width: 59vw;
    height: 103vw;
}
.modalWrapper {
    width: 65%;
}
.modalContents{
    margin-top: 3vw;
}
.inputs {
    flex-direction: column;
    gap: 1vw;
}
.inputs input {
    width: 99%;
    height: 3.7vw;
    font-size: 3vw;
    margin-top: 0.1vw;
    font-family: "dgb";
}
.input-box:nth-child(7) {
    width: 100%;
}
.input-box select{
    width: 99%;
    height: 3.7vw;
    font-size: 3vw;
    margin-top: 0.1vw;
    font-family: "dgb";
}
.input-box select option {
    font-size: 3vw;
}
.check-box {
    margin-top: 2vw;
}
.form-heading {
    font-size: 2vw;
    margin: -102vw 0vw 0.5vw;
    z-index: 10;
}
.input-box {
    width: 100%;
    font-family: "dgr";
    margin: 0;
}
.input-box label {
    font-size: 2vw;
}
.lt {
    width: 96%;
    margin-left: 1%;
    font-size: 1.5vw;
    line-height: 1.6;
}
.clModal {
    position: absolute;
    font-family: "agbold";
    font-weight: 800;
    font-size: 1.8vw;
    top: -5vw;
    right: 4vw;
    background-color: #00a1cc;
    width: 2vw;
    height: 2vw;
}
.f-btn {
    background: linear-gradient(#1995cc,#051116);
    border: none;
    font-family: "agbold";
    font-size: 2vw;
}
.custom-checkbox {
    width: 0.6vw;
    height: 0.6vw;
}
.inputs input::placeholder{
    font-family: "dgb";
    color: #1bc5ed;
    font-size: 2.5vw;
    transform: translateY(0vw);
    }
}

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

    body,html{
        overflow-x: hidden;
    }
    html,
    body {
      overflow-x: hidden;
    }
  
    .logo-mob {
        display: block;
        width: 13vw;
        margin: 2vw;
        z-index: 20;
    }
    .mob-top{
        width: 100%;
        height: 13vw;
        position: fixed;
        z-index: 10;
        display: block;
        transition: all 0.5s ease;
       }
      .mob-top-scroll{
        background-color: #011633cb;
      }
  
    #nav-toggler {
      appearance: none;
      position: fixed;
      top: 30px;
      right: 30px;
      cursor: pointer;
      z-index: 5010;
      font-size: 25px;
      color: #ffffff;
      display: block;
    }
  
    .navbar {
      position: fixed;
      background-color: #000000;
      backdrop-filter: blur(5px);
      justify-content: center;
      transition: all 1s ease;
      width: 100vw;
      height: 100vh;
      z-index: 5001;
      left: -100vw;
    }
    .navbar-scrolled {
      background-color: #389bb282;
      backdrop-filter: blur(5px);
    }
  
    #nav-toggler:checked ~ .navbar {
      left: 0;
    }
  
    #nav-toggler:checked {
      transform: rotate(180deg);
    }
  
    #nav-toggler:checked::before {
      content: "\f00d";
      color: #ffffff;
      transition: 0.2s linear 0.2s;
    }
    
    .navbar ul {
      flex-direction: column;
      justify-content: center;
      padding: 0;
      margin: 0;
      width: 100%;
    }
    .navbar ul li{
      margin: 10px 0px;
    }
    .navbar ul li a{
      letter-spacing: 2px;
      font-size: 3vw;
    }
    .logo{
      display: none;
    }
    .logo-mob{
        position: fixed;
    }
    /* cover */
    .calendar-dropdown {
        width: 25vw;
        backdrop-filter: blur(1px);
        margin-top: 0%;
        border-radius: 7px;
        transform: translateY(-5vw);
      }
      .calendar-item{
        padding: 1vw;
        font-size: 2vw;
      }
      .calendar-item svg {
        width: 2vw;
        margin: 0vw 0.5vw;
      }
    .cover{
        background-size: cover;
        background-position: 60% 0%;
    }
    .cover-cont{
        margin-top: -6%;
    }
    .event-logo {
        width: 70vw;
    }
    .digit {
        font-size: 14vw;
    }
    .month {
        font-size: 5vw;
        line-height: 5vw;
    }
    .place {
        font-size: 5vw;
        line-height: 5vw;
    }
    .tagline {
        font-size: 6.5vw;
        line-height: 6.5vw;
    }
    .tagline div:nth-child(2) {
        font-size: 9vw;
        line-height: 7.5vw;
    }
    .cov-btn {
        font-size: 2.5vw;
        padding: 1.5vw 2vw;
    }
    .countdown {
        right: auto;
        gap: 0.5vw;
        top: 78vh;
        left: 5vw;
        flex-direction: row;
    }
    .count-b{
        width: 18vw;
        height: 15.5vw;
    }
    .dig{
        font-size: 8vw;
        line-height: 8vw;
    }
    .count-b .count-t{
        font-size: 2.9vw;
    }
    /* overview */
    .overview{
        height: auto;
    }
    .over-cont {
        flex-direction: column;
    }
    .over-title {
        font-size: 8vw;
    }
    .over-left {
        width: 100%;
    }
    .over-right{
        width: 95%;
        height: 130vw;
        margin-bottom: 2vw;
    }
    .over-left p {
        line-height: 5.7vw;
        font-size: 3vw;
    }
    .over-box-one {
        width: 50vw;
        height: 50vw;
    }
    .over-box-two {
        width: 36vw;
        height: 30vw;
    }
    .over-box-three {
        width: 90vw;
        height: 98%;
    }
    .over-box-one .over-num {
        font-size: 14vw;
        width: 75%;
        height: 15vw;
    }
    .over-box-two .over-num {
        font-size: 12vw;
        height: 12vw;
        width: 90%;
    }
    .over-box-two .over-des {
        font-size: 5.2vw;
        width: 90%;
    }
    .over-box-three .over-num {
        font-size: 20vw;
        height: 20vw;
    }
    .over-box-three .over-des {
        font-size: 8.7vw;
        width: 47%;
        padding-left: 20vw;
    }
    .over-box-one .over-des {
        font-size: 5.2vw;
    }
    /* numbers */
    .numbers-cont {
        width: 90%;
        height: auto;
        padding: 5vw 0vw;
        margin-top: 7vw;
    }
    .counters {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 5vw;
        flex-wrap: wrap;
    }
    .coun-box {
        width: 35vw;
        height: 25vw;
    }
    .counter {
        font-size: 16.5vw;
        line-height: 13vw;
    }
    .count-t {
        font-size: 3.8vw;
    }
    .count-up span {
        font-size: 11vw;
    }
    .nums-h {
        font-size: 6.5vw;
    }
    /* features */
    .features-h {
        font-size: 6.5vw;
        line-height: 6.5vw;
    }
    .features-box {
        width: 45vw;
        height: 45vw;
    }
    .f-svg {
        width: 20vw;
        height: 20vw;
    }
    .f-t {
        font-size: 3vw;
    }
    /* target */
    .target-h {
        font-size: 5.5vw;
    }
    .target-cont{
        flex-wrap: wrap;
    }
    .target-box {
        width: 25vw;
        height: 25vw;
    }
    .tar-svg {
        width: 18vw;
    }
    .tar-t {
        margin-top: 1.2vw;
        font-size: 3vw;
    }
/* job-titles */
.job-h {
    font-size: 5.5vw;
}
.job-cont {
    flex-wrap: wrap;
}
.job-box {
    width: 29vw;
    height: 20vw;
}
.job-svg {
    width: 17vw;
}
.job-t {
    margin-top: 1.4vw;
    font-size: 2.5vw;
}
   /* summit */
   .summit {
    width: 100%;
    height: 78vw;
}
.summit-img {
    width: 121%;
    height: auto;
    margin-top: -87%;
}
/* exhibit */
.exhibit .swiper-wrapper .ex-active{
    transition: all 0.5s ease;
}
.ex-active .ex-box{
    transform: none;
    width: 60vw;
    height: 20vw;
    background-color: #63a7c1;
}
.ex-active .ex-box .ex-cont{
    color: #124551;
    font-size: 10vw;
    transform: translateY(-9vw);
    line-height: 8vw;
}
.exhibit .swiper-wrapper .swiper-slide {
    height: 50vw;
}
.ex-active .ex-box {
    height: 48vw;
}
.ex-para {
    padding: 1vw;
    font-size: 2.9vw;
    position: absolute;
    margin-top: 13vw;

}
/* network */
.network-cont {
    width: 70%;
    height: 210vw;
    flex-direction: column;
}
.network-box {
    width: 35vw;
    height: 52vw;
    overflow: hidden;
}
.network-box img{
    width: 40vw;
    height: 52vw;
}
.net-h {
    font-size: 5vw;
    line-height: 4.5vw;
}
.net-t{
    font-size: 4vw;
}
/* speakers */
.spk-active .spk-cont-box {
    width: 50vw;
    height: 50vw;
}
.spk-active .spk-fname {
    font-size: 7vw;
    line-height: 6vw;
}
.spk-active .spk-lname {
    font-size: 7vw;
    line-height: 6vw;
}
.spk-active .spk-job {
    font-size: 4vw;
    line-height: 4vw;
}
.spk-active .spk-comp {
    font-size: 4vw;
    line-height: 4vw;
}
.speakers-h {
    font-size: 10vw;
}
/* Sponsors */
.gold_silver {
    flex-direction: column;
}
.gold_patch {
    width: 85%;
    transform: none;
    height: 40vw;
}
.silver-boxes {
    transform: translate3d(0vw,6vw,0);
    width: 80%;
    gap: 1vw;
    /* transform: translateY(6vw); */
}
.gold_sponsors .sponsors-h {
 margin-left: 0;
}
.gold_sponsors {
    width: 95%;
}
.silver-box img{
    width: 100%;
    height: 95%;
}
.silver-box {
    width: 35vw;
    height: auto;
}
.sponsors-h {
    font-size: 2.2vw;
    padding: 2.5vw 7vw;
    border-radius: 20px;
    transform: translateY(6vw);
}
.silver_sponsors {
    width: 65%;
}
.silver_patch {
    width: 85%;
}
.support-icons {
    width: 55vw;
    height: 45vw;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translatey(6vw);
}
.bgt{
    background: transparent;
    transform: translateY(7vw);
}
.support-box {
    width: 100%;
    height: 75%;
}
.platinum_patch {
    width: 80%;
    height: 45vw;
}
.ex-boxes {
    width: 75vw;
    height: 100vw;
    position: absolute;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-around;
    transform: translatey(7vw);
}
.exhibit-box {
    width: 40vw;
}
.exhib-patch2 {
    display: block;
    width: 80%;
}
.exhib-patch1{
    display: none;
}
.exhibit-box img {
    width: 30vw;
}
.media-box {
    width: 22vw;
}
.media-boxes {
    width: 76vw;
    height: 38vw;
    transform: translatey(6vw);
}
.media-box img {
    width: 15vw;
}
.media-box .sq {
    width: 9vw;
}

/* agenda */
.agenda-carousel .item {
    height: 155vw;
    gap: 3vw;
}
.agenda-cont{
    width: 80%;
}
.agenda-carousel{
    transform: translateY(3vw);
}
.ag-cont-box {
    width: 80%;
}
.ag-time {
    font-size: 8vw;
    line-height: 6vw;
    padding-top: 0.9vw;
}
.ag-link {
    font-size: 4vw;
}
.ag-button {
    font-size: 3.5vw;
    padding: 1.5vw 2.5vw;
}
.ag-line1 {
    font-size: 4vw;
    line-height: 4vw;
}
.ag-line2 {
    font-size: 5vw;
    line-height: 5vw;
    margin-top: 2vw;
}
.agenda-h {
    font-size: 6.5vw;
    padding: 0vw 2.5vw;
    border-radius: 10px;
    transform: translateY(3.5vw);
}
.agenda-patch{
    display: none;
}
.agenda-mob-patch{
    display: block;
    position: absolute;
    width: 90vw;
    height: 145vw;
    margin-left: -4vw;
    transform: translateY(-8vw);
}
/* footer */
.footer {
    height: auto;
}
.footer-cont{
    flex-direction: column;
}
.footer-box1, .footer-box3 {
    width: 100%;
    height: auto;
    margin: 4vw 0vw;
}
.footer-box2 {
    width: 100%;
    height: auto;
    gap: 6vw;
    flex-direction: column;
}
.footer-box3 {
    gap: 4vw;
}
.social-box {
    width: 6vw;
    height: 6vw;
}
.foot-line {
    font-size: 4vw;
    padding-bottom: 4vw;
}
.footer-logo {
    width: 28vw;
}
/* forms */
.form-patch {
    width: 64vw;
    position: absolute;
}
.model-patch {
    width: 59vw;
    height: 64vw;
}
.modalWrapper {
    width: 65%;
}
.modalContents{
    margin-top: 3vw;
}
.inputs {
    flex-direction: column;
    gap: 1vw;
}
.inputs input {
    width: 99%;
    height: 2.7vw;
    font-size: 2vw;
    margin-top: 0.1vw;
    font-family: "dgb";
}
.inputs input::placeholder{
    font-family: "dgb";
    color: #1bc5ed;
    font-size: 2.5vw;
    transform: translateY(0.3vw);
    }
.check-box {
    margin-top: 2vw;
}
.form-heading {
    font-size: 2vw;
    margin: -65vw 0vw 0.5vw;
    z-index: 10;
}
.input-box {
    width: 100%;
    font-family: "dgr";
    margin: 0;
}
.input-box:nth-child(7) {
    width: 100%;
}
.input-box select{
    width: 99%;
    height: 3.7vw;
    font-size: 3vw;
    margin-top: 0.1vw;
    font-family: "dgb";
}
.input-box select option {
    font-size: 3vw;
}
.input-box label {
    font-size: 2vw;
}
.lt {
    width: 96%;
    margin-left: 1%;
    font-size: 1vw;
    line-height: 1.2;
}
.clModal {
    position: absolute;
    font-family: "agbold";
    font-weight: 800;
    font-size: 1.8vw;
    top: -4vw;
    right: 3vw;
    background-color: #00a1cc;
    width: 2vw;
    height: 2vw;
}
.f-btn {
    background: linear-gradient(#1995cc,#051116);
    border: none;
    font-family: "agbold";
    font-size: 2vw;
}
.custom-checkbox {
    width: 0.6vw;
    height: 0.6vw;
}


}
/* Basic styling for tabs */
.owl-carousel {
    position: relative;
    display: block;
}

.owl-carousel .item {
    padding: 10px;
}

.owl-nav {
    text-align: center;
    margin-top: 10px;
}

.owl-nav button {
    background: #333 !important;
    color: #fff !important;
    padding: 5px 10px !important;
    margin: 0 5px !important;
    border-radius: 5px !important;
}

.owl-dots {
    text-align: center;
    margin-top: 10px;
}

.owl-dots button {
    background: #ccc !important;
    width: 10px !important;
    height: 10px !important;
    border-radius: 50% !important;
    margin: 0 5px !important;
}

.owl-dots button.active {
    background: #333 !important;
}

 .ag-cont-box2 {
    width: 100%; /* Ensure it takes full width */
    display: flex;
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
   margin: 20px 0;  /* Add some spacing if needed */
}

.ag-cont2 {
    text-align: center; /* Center the text inside the container */
}

.ag-button2 {
    font-size: 1.5vw;
    font-family: "agbold";
    color: #ffffff;
    padding: 0.5vw 1.5vw;
    background: linear-gradient(#3b94b7, #000c0d);
    width: fit-content;
    border-radius: 10px;
    margin-top: 0.5vw;
    text-decoration: none; /* Remove underline from the link */
    display: inline-block; /* Ensure the link behaves like a block element */
}

/* Mobile logo container - Hidden by default */
.mobile-logo-container {
    display: none;
}

/* Show only on mobile screens (below 768px) */
@media (max-width: 768px) {
    .mobile-logo-container {
        display: block;
        margin-bottom: 20px;
        text-align: center;
    }
    
    .mobile-logo {
        max-width: 180px;
        height: auto;
    }
    
    /* Optional: Add spacing between logos */
    .event-logo {
        margin-top: 15px;
    }
}

/* Hide completely on desktop */
@media (min-width: 769px) {
    .mobile-logo-container {
        display: none !important;
    }
}