/* styles.css */
body,html {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  scroll-behavior: smooth;
  background-color: #000;
}
a{
text-decoration: none;
}
@font-face {
  font-family: 'Mona-Sans';
  src: url('../fonts/Mona-Sans-Regular.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Mona-Sans Bold';
  src: url('../fonts/Mona-Sans-Bold.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Mona-Sans Medium Italics';
  src: url('../fonts/Mona-Sans-MediumItalic.ttf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Mona-Sans Bold Italics';
  src: url('../fonts/Mona-Sans-BoldItalic.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Mona-Sans Narrow';
  src: url('../fonts/Mona-Sans-RegularNarrow.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Mona-Sans Narrow Semi-Bold';
  src: url('../fonts/Mona-Sans-SemiBoldNarrow.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Mona-Sans Narrow Bold';
  src: url('../fonts/Mona-Sans-BoldNarrow.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Mona-Sans Narrow Extra Bold';
  src: url('../fonts/Mona-Sans-ExtraBoldNarrow.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Mona-Sans Narrow Extra Bold Italics';
  src: url('../fonts/Mona-Sans-ExtraBoldNarrowItalic.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'Mona-Sans Narrow Black';
  src: url('../fonts/Mona-Sans-BlackNarrow.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'Mona-Sans Narrow Black Italic';
  src: url('../fonts/Mona-Sans-BlackNarrowItalic.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

/* Navbar */ 
 #navbar{
  position: fixed;
  width: 100%;
  height: 7vw;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 100;
  transition: all ease .4s;
}
.navbar-container{
  width: 85%;
  height: auto;
  display: flex;
  justify-content: space-between;
}
.nav-scrolled{
  background: rgba(29, 29, 29, 0.08);
  backdrop-filter: blur(60px);
}

.menu-container{
  position: absolute;
  top: 0;
  opacity: 0;
  width: 45vw;
  height: 6vw;
  border-radius: 1.5vw;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(-45deg,#690000,#f12b31);
  z-index: 90;
  transition: all ease .4s;
}
.nav-left{
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1vw;
}
.event-logo{
  width: 10vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
.event-logo img{
  width: 350px;
  margin-left: 200px;
}
.menu-active{
  top: 7vw;
  opacity: 1;
}
.menu-boxes{
  display: flex;
  width: 100%;
  justify-content: space-around;
}
.menu-drop{
  font-family: 'mona-sans narrow';
  font-size: 1.4vw;
  color: #fff;
  text-decoration: none;
}
.menu-super{
  padding: .2vw;
  border-radius: 50%;
  background: linear-gradient(to top,#690000,#f12b31);
  cursor: pointer;
  animation: rotate1 infinite linear 3s;
}
.menu-btn{
  padding: .7vw;
  border-radius: 50%;
  animation: rotate2 infinite linear 3s;
  background: linear-gradient(to left,#690000,#f12b31);
}
@keyframes rotate1 {
  0%{
    rotate: 0deg;
  }100%{
    rotate: 360deg;
  }
}
@keyframes rotate2 {
  0%{
    rotate: 0deg;
  }100%{
    rotate: -360deg;
  }
}
.nav-ul{
  position: absolute;
  margin: 0;
  width: 12vw;
  height: auto;
  padding: 2vw;
  border-radius: 1vw;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
  background: linear-gradient(to left,#690000,#f12b31);
  font-family: 'mona-sans narrow';
  gap: 1vw;
  top: 6vw;
}
.nav-ul a{
  width: 100%;
}
.nav-ul li a {
  color: #fff !important;
  text-decoration: none;
}
.nav-ul li{
  color: #fff;
  font-size: 1.2vw;
  list-style-type: none;
  width: 90%;
  padding: .5vw;
  border-radius: .2vw;
}
.nav-ul li:hover{
  background-color: #620a1a;
}
.menu-boxes i{
  font-size: 1vw;
}
.nav-1{
  display: none;
  left: 6vw;
}
.nav-2{
  display: none;
  left: 10vw;
  left: 19vw;
}
.nav-3{
  display: none;
  left: 26vw;
}
/* submenu styling */
.has-submenu {
  position: relative;
}

.has-submenu > a {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.submenu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 12vw;
  background: linear-gradient(to left,#eb292f,#750404);
  border-radius: 0.5vw;
  padding: 1vw;
  flex-direction: column;
  gap: 0.5vw;
  z-index: 999;
}

.submenu li {
  list-style: none;
  padding: 0.5vw;
  border-radius: 0.3vw;
}

.submenu li a {
  color: #fff;
  text-decoration: none;
  display: block;
  width: 100%;
}

.submenu li:hover {
  background-color: #620a1a;
  color: black;
}

/* show submenu on hover */
.has-submenu:hover .submenu {
  display: flex;
}
.hamburger {
  position: relative;
  width: 1em;
  height: 1em;
  font-size: inherit;
  transition: all 0.3s ease;
  cursor: pointer;
  transform: scaleX(-1);
  color: #fff;
}
.hamburger.is-sm {
  font-size: 1rem;
}
.hamburger.is-md {
  font-size: 1.5rem;
}
.hamburger.is-lg {
  font-size: 1.5rem;
}
.hamburger-line {
  position: absolute;
  right: 0;
  width: 100%;
  height: 0.125em;
  border-radius: 0.125em;
  background: currentColor;
  transition: inherit;
}
.hamburger-line:nth-child(1) {
  top: 0.125em;
  width: 40%;
}
.hamburger.is-active .hamburger-line:nth-child(1), .w-nav-button.w--open .hamburger-line:nth-child(1) {
  top: 50%;
  width: 100%;
  transform: translateY(-50%) rotateZ(-135deg);
}
.hamburger-line:nth-child(2) {
  top: 0.438em;
}
.hamburger.is-active .hamburger-line:nth-child(2), .w-nav-button.w--open .hamburger-line:nth-child(2) {
  right: 50%;
  width: 0;
}
.hamburger-line:nth-child(3) {
  top: 0.75em;
  width: 70%;
}
.hamburger.is-active .hamburger-line:nth-child(3), .w-nav-button.w--open .hamburger-line:nth-child(3) {
  top: 50%;
  width: 100%;
  transform: translateY(-50%) rotateZ(135deg);
}




/* Hero Section */
.mob-logo{
  display: none;
}
.hero {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  background-image: url(../images/BG.webp);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 100vh;
  overflow: hidden;
}
.hero-color-patch{
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #c11829f1;
  mix-blend-mode:hard-light;
  z-index: 1;
}
.hero-patch{
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
  background: linear-gradient(to top, #000 10%, #000000c0 36%);
}
.hero-container{
  width: 85%;
  height: 80vh;
  z-index: 5;
  display: flex;
  flex-direction: column;
  justify-content: end;
  gap: 2vw;
}
.tag-line-cont{
  display: flex;
  justify-content: space-between;
  align-items: end;
}
.tag-line{
  font-size: 3vw;
  line-height: 3vw;
  color: #fff;
  display: flex;
  flex-direction: column;
  font-family: 'Mona-Sans Narrow Extra Bold Italics';
  filter: drop-shadow(2px 4px 6px #c11829);
}
.tag-span1{
  font-size: 4vw;
  line-height: 4vw;
}
.tag-span2{
  font-size: 3.3vw;
}
.tag-span3{
  font-size: 3.3vw;
}
.numbers-container{
  display: flex;
  justify-content: space-between;
}
.num-cont{
  width: 32vw;
  display: flex;
}
.num-box{
  width: 7vw;
  height: 8.5vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: linear-gradient(to right,#f12b3133 42%,#69000033);
}
.more{
  font-size: .9vw;
  font-family: 'Mona-Sans Narrow';
}
.num-num{
  line-height: 3.2vw;
  font-size: 3.4vw;
  font-family: 'Mona-Sans Narrow Black';
}
.num-des{
  font-size: 1.1vw;
  line-height: 1.1vw;
  text-align: center;
  font-family: 'Mona-Sans Narrow';
}
.date-place{
  color: #fff;
  display: flex;
  flex-direction: column;
}
.date-time{
  display: flex;
  gap: .5vw;
}
.date{
  font-family: 'Mona-Sans Narrow Black';
  display: flex;
  flex-direction: column;
  line-height: 4.5vw;
}
.d{
  font-size: 3vw;
  line-height: 1.7vw;
}
.d sup{
  font-size: 1.2vw;
}
.y{
  font-size: 4.6vw;
}
.time{
  display: flex;
  font-size: 1.95vw;
  gap: .5vw;
  flex-direction: column;
}
.time span{
  padding: .2vw .5vw;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  color: #000;
  font-family: 'Mona-Sans Narrow Bold';
}
.place{
  font-size: 1.40vw;
  font-family: 'mona-sans';
}
.organize-cont{
  display: flex;
  justify-content: space-between;
}
.approve{
  width: 12vw;
  height: fit-content;
}
.b-connect-logo{
  width: 30vw;
  display: flex;
  flex-direction: column;
  align-items: end;
  justify-content: space-between;
}
.logo-name{
  color: #fff;
  font-size: .9vw;
  font-family: 'Mona-Sans';
  font-weight: 100;
}
.b-connect-logo img{
  width: 10vw;
  filter: brightness(0) invert(1);
}
.hero-btn-cont{
  display: flex;
  justify-content: space-between;
}
.hero-buttons{
  display: flex;
  gap: 1vw;
  align-items: center;
  justify-content: center;
}
#navbar .hero-btn{
  width: 10vw;
  height: 2vw;
  border-radius: .5vw;
}
.hero-btn{
  width: 12vw;
  height: 2.5vw;
  padding: 1vw;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 1vw;
  font-size: 1.2vw;
  color: #fff;
  background: #dadada;
  font-family: 'Mona-Sans Narrow Black';
  border: none;
  cursor: pointer;
  transition: all ease .4s;
}
.hb1{
  background: linear-gradient(to right,#f12b31,#690000);
}
.hb1:hover{
  background: linear-gradient(to left,#f12b31,#690000);
}
.hero-btn:hover{
  transform: translateY(-2px);
}
.hb2:hover{
  background: #fff;
}
.hb2 span{
  background: linear-gradient(to right, #f12b31, #690000 );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.socials{
  display: flex;
  width: auto;
  gap: 2vw;
  align-items: end;
  justify-content: center;
}
.s-logo{
  cursor: pointer;
  width: 2vw;
  height: 2vw;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.3vw;
  padding: 2px;
  background-color: #fff;
  transition: all ease .4s;
  color: #000;
}
.s-logo:hover{
  transform: translateY(-2px);
  background-color: #f12b31;
  color: #fff;
}
/* countdown */
.countdown{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2vw;
  position: relative;
  width: 22vw;
  height: auto;
  padding: .5vw 1vw;
  border-radius: 1vw;
  background-color: #000000c0;
}
.count-b {
  position: relative;
  width: 5vw;
  height: 5vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: white;
  border-radius: 1vw;
}
.count-b:after{
  position: absolute;
  content: ':';
  font-size: 2.5vw;
  left: -1.25vw;
  top: .2vw;
  font-family: 'Mona-Sans Narrow Black';
}
.c1st:after{
  display: none;
}
.dig{
  font-family: "Mona-Sans Narrow Black";
  font-size: 1.4vw;
display: flex;
color: #000000;
}
.count-t{
  font-family: "Mona-Sans Narrow";
  font-size: 1vw;
  margin-top: 0.3vw;
  color: #fff;
}
.count-cl{
  color: #fff;
}
.dig_class::after{
  content: "";
  position: absolute;
  width: 100%;
  height: 0.1vw;
  z-index: -1;
  mix-blend-mode: color-burn;
}
.dig_class{
  z-index: 5;
  font-size: 3vw;
  line-height: 2.5vw;
  font-family: "Mona-Sans Narrow Black";
  width: auto;
  display: flex;
  align-items: center;
  justify-content: center;
height: auto;
position: relative;
  border-radius: 0.7vw;
  color: #fff;
}
/* Overview Section */
.overview {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  position: relative;
  background-image: url(../images/manama-bahrain.jpeg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: auto;
  overflow: hidden;
  padding: 3vw 0;
}
.over-patch{
  position: absolute;
  width: 100%;
  height: 100%;
  background: #000000e8;
  z-index: 0;
}
.overview-container {
  display: flex;
  flex-direction: row-reverse;
  width: 85%;
  gap: 3vw;
  z-index: 1;
}
.over-cont-right {
  display: flex;
  width: 50%;
  flex-direction: column;
  justify-content: space-between;
}
.over-right-numcont {
  display: flex;
  gap: 3vw;
}
.over-right-num {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.over-num {
  display: flex;
  font-family: 'Mona-Sans Narrow Bold', sans-serif;
  font-size: 5vw;
  color: white;
}
.over-num-desc {
  font-family: 'Mona-Sans Narrow';
  font-size: 1.25vw;
  color: white;
  width: 75%;
  text-align: left;
}
.over-right-highcont {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  gap: 1vw;
}
.over-high-small {
  display: flex;
  gap: 1vw;
  width: 100%;
}
.over-small-patch {
  width: 50%;
}
.over-small-patch:hover img{
  scale: 1.05;
}
.over-high-big {
  display: flex;
  height: 50%;
  align-items: flex-end;
  overflow: hidden;
}
.over-big-patch {
  width: 100%;
}
.over-big-patch:hover img{
  scale: 1.05;
}
.over-high-img {
  height: 33vh;
  overflow: hidden;
}
.over-high-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all ease .4s;
}
.over-high-text {
  font-family: 'Mona-Sans Narrow';
  font-size: 1.5vw;
  padding: 0.25vw;
  padding-left: .5vw;
  color: white;
  background: linear-gradient(to right,#f12b31 ,#690000);
}
.over-cont-left {
  display: flex;
  width: 50%;
  flex-direction: column;
  justify-content: space-between;
}
.over-heading {
  font-family: 'Mona-Sans Narrow Black';
  font-size: 5vw;
  color: white;
  z-index: 1;
}
.over-desc {
  font-family: 'Mona-Sans';
  font-size: 1vw;  
  height: 100%;
  color: white;
  line-height: 1.2vw;
  display: flex;
  align-items: center;
  flex-direction: column;
  /*justify-content: space-between;*/
}
.over-desc p {
  
}
.over-desc p:last-child {
  margin-bottom: 0;
}
/* Keynote Section */
.keynote {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background-color: black;
height: auto;
padding: 4vw 0;
overflow: hidden;
gap: 1vw;
}
.keynote-heading {
font-family: 'Mona-Sans Narrow Black';
font-size: 5vw;
color: white;
}
.keynote-container {
display: flex;
height: auto;
gap: 2vw;
width: 85%;
}
.keynote-left {
display: flex;
flex-direction: column;
align-items: start;
justify-content: flex-end;
width: 40%;
}
.key-img {
position: relative;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: end;
background-image: url(../images/Keynote-Spk.webp);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.keynote-name {
font-family: 'Mona-Sans Narrow Bold';
font-size: 3.5vw;
color: white;
}
.keynote-jobtitle {
font-family: 'Mona-Sans Narrow Semi-Bold';
font-size: 1.5vw;
color: white;
text-align: center;
width: 70%;
margin-bottom: 1vw;
}
.keynote-right {
display: flex;
flex-direction: column;
gap: 1vw;
justify-content: space-between;
width: 60%;
}
.k-cor1{
position: absolute;
width: 6vw;
height: auto;
top: 0;
left: 0;
z-index: 2;
}
.k-cor2{
position: absolute;
width: 6vw;
height: auto;
bottom: 0;
right: 0;
z-index: 2;
}
.keynote-right p{
font-family: 'Mona-Sans';
font-size: 1.25vw;
line-height: 2.4vw;
text-align: justify;
color: white;
}
.keynote-right b{
font-family: 'Mona-Sans';
}
.keynote-right ul {
font-family: 'Mona-Sans Bold';
font-size: 1.2vw;
color: white;
display: flex;
flex-direction: column;
gap: 1vw;
padding-left: 1.5vw;
line-height: 1.5vw;
padding-top: 1vh;
}
/* featured discussion */
#feature{
width: 100%;
height: auto;
display: flex;
flex-direction: column;
background-color: #000;
padding: 3vw 0;
}
.feature-container{
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
gap: 1vw;
}
.feature-head{
font-size: 5vw;
font-family: 'Mona-Sans Narrow Black';
color: #fff;
}
.feature-boxes{
width: 100%;
display: flex;
flex-wrap: wrap;
}
.feature-box{
position: relative;
width: 25%;
height: 18vw;
display: flex;
align-items: end;
justify-content: center;
overflow: hidden;
}
.feature-img{
position: absolute;
width: 100%;
z-index: 0;
transition: all ease .4s;
}
.f-patch{
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
background: linear-gradient(to top, #000, #00000061 34%);
}
.feature-box:hover .feature-img {
transform: scale(1.05);
}
.feature-name{
font-family: 'Mona-Sans Narrow Black';
text-transform: uppercase;
font-size: 2vw;
line-height: 2vw;
text-align: center;
z-index: 2;
color: #fff;
margin-bottom: 1vw;
}
  /* Highlights Section */
  .highlights {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background-image: url(../images/BG_Summit\ Highlights.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 100vh;
    padding: 3vw;
    overflow: hidden;
  }
  .highlights-container {
    display: flex;
    flex-direction: column;
  }
  .highlights-heading {
    font-family: 'Mona-Sans Narrow Black';
    font-size: 5vw;
    color: white;
  }
  .highlights-section {
    display: flex;
  }
  .highlights-box {
    display: flex;
    justify-content: space-between;
    width: 70%;
  }
  .high-box {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 30%;
  }
  .patch1{
    background-image: url(../images/Face-To-Face.webp);
    background-size: cover;
    background-position-x: 30vw;

  }
  .patch2{
    background-image: url(../images/Keynote.webp);
    background-size: 380%;
    background-position-x: -29vw;
    background-position-y: -11vh;
  }
  .patch3{
    background-image: url(../images/Product-Showcase.webp);
    background-size: cover;
    background-position-x: -38vw;
  }
  .high-box-text {
    display: flex;
    flex-direction: column;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 50%);
  }
  .high-box-header {
    font-family: 'Mona-Sans Narrow Bold';
    font-size: 2vw;
    color: white;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
    padding: 0vw 1vw 0vw 2vw;
  }
  .high-box-desc {
    font-family: 'Mona-Sans';
    font-size: 0.9vw;
    color: white;
    padding: 0vw 2vw 2vw 2vw;
  }
  .featured-discussion {
    width: 25%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
  }
  .featured-discussion-heading {
    font-family: 'Mona-Sans Narrow Black Italic';
    font-size: 1.5vw;
    color: white;
  }
  .featured-discussion-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 1vw;
  }
  .feat-box {
    display: flex;
    flex-direction: column;
    width: 10vw;
    background-color: #242424;
    justify-content: center;
    align-items: center;
    padding: 0.25vw;
  }
  .feat-box-img {
    display: flex;
    height: 8vh;
    align-items: center;
  }
  .feat-box-img svg {
    position: relative;
  }

  .feat-box-desc {
    font-family: 'Mona-Sans Narrow';
    font-size: 1vw;
    color: white;
    text-align: center;
  }
/* who attend */
#attend{
width: 100%;
height: auto;
display: flex;
align-items: center;
justify-content: center;
background-color: #000;
}
.attend-container{
width: 85%;
flex-wrap: wrap;
display: flex;
align-items: center;
justify-content: space-between;
}
.attend-head{
  width: 100%;
  text-align: center;
  font-size: 5vw;
  font-family: 'Mona-Sans Narrow Black';
  color: #fff;
}
.att-name{
width: 100%;
font-family: 'Mona-Sans Narrow';
font-size: 2.3vw;
color: #fff;
}
.target-cont{
display: flex;
flex-direction: column;
align-items: center;
gap: 1vw;
justify-content: center;
}
.tc1{
width: 40%;
}
.tc2{
width: 58%;
}
.target-boxes{
width: 100%;
height: auto;
display: flex;
flex-wrap: wrap;
}
.t-box{
width: 11vw;
height: 11vw;
display: flex;
gap: .5vw;
flex-direction: column;
align-items: center;
justify-content: center;
border: 1px #f12b31 solid;
transition: all ease .4s;
}
.t-icon{
width: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.t-icon svg{
fill: #f12b31;
width: 65%;
transition: all ease .4s;
}
.t-des{
font-family: 'mona-sans narrow';
color: white;
font-size: 1.2vw;
line-height: 1.2vw;
text-align: center;
}
.t-box:hover{
background-color: #f12b31;
}
.t-box:hover svg{
fill: #fff;
transform: rotateY(180deg);
}
.job-boxes{
display: flex;
flex-wrap: wrap;
width: 100%;
Justify-content:end;
}
.job-box{
width: 9.4vw;
height: 11vw;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
gap: .1vw;
border: 1px solid #f12b31;
transition: all ease .4s;
}
.job-box:hover{
background-color: #f12b31;
}
.job-box:hover .j-icon svg{
fill: #ffffff;
transform: rotateY(180deg);
}
.j-icon{
width: 50%;
height: 45%;
display: flex;
align-items: center;
justify-content: center;
}
.j-icon svg{
width: 65%;
fill: #f12b31;
transition: all ease .4s;
}
.j-des{
width: 70%;
text-align: center;
color: #fff;
font-size: 1.2vw;
height: 3.5vw;
font-family: 'mona-sans narrow';
}
/*  delegate journey  */
#delegate{
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3vw 0;
}
.delegate-container{
  width: 85%;
  display: flex;
  flex-direction: column;
  gap: 2vw;
  flex-wrap: wrap;
}
.delegate-head{
  font-size: 5vw;
  font-family: 'Mona-Sans Narrow Black';
  color: #fff;
}
.delegate-boxes{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 2vw;
}
.delegate-box{
  position: relative;
  width: 48%;
  height: 24vw;
  display: flex;
  align-items: end;
  justify-content: start;
  background-size: cover;
  -webkit-mask-image: url(../images/del-mask.png);
  mask-image: url(../images/del-mask.png);
  mask-size: cover;
  mask-repeat: no-repeat;   
}
.delegate-box:hover img{
  scale: 1.05;
}
.del-patch{
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: #00000098;
}
.del-img{
  position: absolute;
  width: 100%;
  top: -4vw;
  z-index: 0;
  transition: all ease .4s;
}
.d-name{
  font-size: 3.2vw;
  line-height: 3vw;
  margin: 0 0 3vw 2vw;
  font-family: 'Mona-Sans Narrow';
  color: #fff;
  z-index: 1;
  background-color: #00000000;
}
  /* .db1 {
    background-image: url(../images/exp-img-01.webp);
  }
  .db2 {
    background-image: url(../images/exp-img-02.webp);
  }
  .db3 {
    background-image: url(../images/exp-img-03.webp);
  }
  .db4 {
    background-image: url(../images/exp-img-04.webp);
  }
  .db5 {
    background-image: url(../images/exp-img-05.webp);
  }
  .db6 {
    background-image: url(../images/exp-img-06.webp);
  } */

  
  /* Advisory Panel Section */
  .advisory {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: auto;
    gap: 2vw;
    padding: 3vw 0;
  }
  .advisory-heading {
    font-family: 'Mona-Sans Narrow Black';
    font-size: 5vw;
    color: white;
  }
  .advisory-container {
    display: flex;
   width: 85%;
   align-items: center;
   justify-content: space-between;
   flex-wrap: wrap;
   gap: 5vw;
  }
  .advisory-box {
    width: 24vw;
    height: 33vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    gap: 0.2vw;
  }
  .advisory-img{
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: end;
    justify-content: center;
  }
  .advisory-img .ad-border {
    position: absolute;
    width: 100%;
    height: auto;
    object-fit: cover;
  }
  .ad-border{
    width: 100%;
    z-index: 2;
  }
  .ad-img{
    width: 90%;
    z-index: 1;
  }
  .advisory-img:before{
    position: absolute;
    content: '';
    width: 2vw;
    height: 2vw;
    border-radius: 50%;
    background-color: #cdcdcd7d;
    top: 9vw;
    box-shadow: 0px 0px 168px 75px #cdcdcd7d;
    z-index: 0;
    transition: all ease .4s;
  }
  .advisory-box:hover .advisory-img:before {
    box-shadow: 0px 0px 168px 75px #ffffff7d;
  }
  .advisory-name {
    font-family: 'Mona-Sans Narrow Bold';
    font-size: 2vw;
    color: #c11828;
    text-transform: uppercase;
    width: 75%;
    line-height: 1.85vw;
    text-align: center;
    padding-top: 0.5vh;
  }
  .advisory-jobtitle {
    font-family: 'Mona-Sans';
    font-size: 1.1vw;
    color: #bfbfbf;
    text-align: center;
    text-transform: capitalize;
    width: 80%;
    padding-top: 1vh;
  }
  .advisory-company {
    font-family: 'Mona-Sans Bold';
    font-size: 1.05vw;
    color: #bfbfbf;
    text-align: center;
    text-transform: capitalize;
    width: 80%;
    padding-top: 0.5vh;
  }

  /* Speakers Section */
  .speakers {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: black;
    height: auto;
    padding: 6vh 0vw;
    overflow: hidden;
    gap: 1vw;
  }
  .spk-heading {
    font-family: 'Mona-Sans Narrow Black';
    text-align: center;
    font-size: 5vw;
    color: white;
  }
  .spk-container {
   width: 85%;
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   gap: 2vw;
   justify-content: space-between;
  }
  .spk-box {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    width: 15vw;
    height: 26vw;
    gap: .5vw;
    box-sizing: border-box;
  }
  .spk-img{
    position: relative;
    width: 15vw;
    height: 15vw;
    display: flex;
    align-items: end;
    justify-content: center;
    margin-bottom: .5vw;
  }
  .spk-img:before{
    position: absolute;
    content: '';
    width: 2vw;
    height: 2vw;
    border-radius: 50%;
    background-color: #cdcdcd7d;
    top: 5vw;
    box-shadow: 0px 0px 68px 25px #cdcdcd7d;
    z-index: 0;
    transition: all ease .4s;
  }
  .spk-box:hover .spk-img:before{
    
    box-shadow: 0px 0px 68px 25px #ffffff7d;
  }
  .spk-img img {
    position: absolute;
    height: auto;
    object-fit: cover;
    height: auto;
  }
  .spk-mask{
    width: 100%;
    z-index: 5;
  }
  .spk-in-img{
    width: 90%;
    z-index: 0;
  }
  .spk-name {
    font-family: 'Mona-Sans Narrow Bold';
    font-size: 2vw;
    color: #c11828;
    text-transform: uppercase;
    width: 75%;
    line-height: 0.85;
    text-align: center;
    padding-top: 0.5vh;
  }
  .spk-jobtitle {
    font-family: 'Mona-Sans';
    font-size: 0.75vw;
    color: #bfbfbf;
    text-align: center;
    text-transform: capitalize;
    width: 80%;
    padding-top: 1vh;
  }
  .spk-company {
    font-family: 'Mona-Sans Bold';
    font-size: 0.75vw;
    color: #bfbfbf;
    text-align: center;
    text-transform: capitalize;
    width: 80%;
    padding-top: 0.5vh;
  }
  .view-all-btn {
    position: relative;
    align-items: center;
    width: 13vw;
    justify-content: center;
    display: flex  ;
    height: 75%;
    cursor: pointer;
    transition:  all 0.3s ease;
    text-decoration: none;
    height: 13vw;
}
.view-all-btn:after{
  position: absolute;
  content: '';
  height: 80%;
  width: 3px;
  background-color: #c11828;
  right: 0;
  top: 1vw;
}
.view-all{
  font-size: 6vw;
  font-family: 'Mona-Sans Narrow Black';
  color: #c11828;
  line-height: 5vw;
  margin-right: 1vw;
  text-align: end;
}
  .speakerstab {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    background-color: black;
    height: auto;
    padding: 7vh 3vw;
    overflow: hidden;
    gap: 1vw;
  }
  .spk-containert {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 4vh 2vw;
    align-items: flex-start;
  }
  .spk-boxt {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  box-sizing: border-box;
  }
  .spk-backbtn a {
    position: relative;
    font-family: 'Mona-Sans', sans-serif;
    color: white;
    text-decoration: none;
    font-size: 1.5vw;
  }
  .spk-backbtn a::after {
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    background-color: white;
    bottom: -5px;
    left: 0;
    transition: width 0.3s ease;
  }
  .spk-backbtn a:hover::after {
    width: 100%;
  }

  /* Agenda Section */
  .agenda {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: black;
    height: auto;
    overflow: hidden;
    gap: 1vw;
  }
  .agn-heading {
    font-family: 'Mona-Sans Narrow Black';
    font-size: 5vw;
    color: white;
  }
  .agn-cont {
    display: flex;
    width: 85%;
    gap: 1vh;
  }
  .ag-page{
    position: relative;
    width: 50%;
    display: flex;
    flex-direction: column;
    gap: .5vw;
    justify-content: start;
  }
  .ag-blur {
    position: absolute;
    width: 100%;
    height: 75vw;
    bottom: 1vw;
    left: 0;
    backdrop-filter: blur(5px);
    background: linear-gradient(to top, #000, #00000000);
  }
  .ag-blur-left{
    position: absolute;
    width: 100%;
    height: 45vw;
    bottom: 0vw;
    left: 0;
    backdrop-filter: blur(5px);
    background: linear-gradient(to top, #000, #00000000);
  }
  .ag-inv .agn-time{
    background: #fff;
    color: #000;
  }
  .ag-inv .agn-desc{
    background: #c11828;
    color: #fff;
  }
  .agn-desc p{
    margin: 0;
  }
  .ag-button{
    width: 14vw;
    height: 3.5vw;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-family: 'mona-sans narrow black';
    border-radius: 1vw;
    font-size: 1.5vw;
    align-self: center;
    margin-top: 1vw;
    background: linear-gradient(to right,#f12b31,#690000);
    transition: all ease .4s;
  }
  .ag-button:hover{
    transform: translateY(-2px);
    background: linear-gradient(to left,#f12b31,#690000);
  }
  .agn-box {
    display: flex;
  }
  .agn-time {
    font-family: 'Mona-Sans';
    font-size: 1vw;
    background-color: #c11828;
    color: #d9d9d9;
    width: 25%;
    padding: 2vw 0;
    display: flex;
    justify-content: center;
  }
  .agn-desc {
    display: flex;
    flex-direction: column;
    background-color: #fff;
    color: black;
    width: 75%;
    padding:  2vw;
    align-items: start;
    justify-content: center;
  }
  .desc-main {
    font-family: 'Mona-Sans Bold';
    font-size: 1vw;
  }
  .desc-sub {
    font-family: 'Mona-Sans';
    font-size: 0.85vw;
    padding-left:  1vw;
    display: flex;
    flex-direction: column;
    gap: .5vw;
  }
  .agn-desc>p{
    padding: 0.5vw 0;
    margin: 0;
    font-family: 'Mona-Sans';
    font-size: .9vw;
  }
  .agn-desc span{
    font-family: 'Mona-Sans Medium Italics';
    font-size: .85vw;
    color: #c11828;
    margin-left: 1vw;
  }
  .agn-time2 {
    font-family: 'Mona-Sans Bold';
    font-size: 1vw;
    background-color: #d9d9d9;
    color: #c11828;
    width: 15%;
    padding: 2vw;
  }
  .agn-desc2 {
    display: flex;
    flex-direction: column;
    background-color: #c11828;
    color: #d9d9d9;
    width: 85%;
    padding: 2vw;
  }
  .desc-sub2 {
    font-family: 'Mona-Sans';
    font-size: 0.75vw;
  }
  
  /* why partner */
  #partner{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8vw 0;
  }
  .partner-container{
    width: 85%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .partner-head{
    font-size: 5vw;
    font-family: 'Mona-Sans Narrow Black';
    text-align: center;
    color: #fff;
    padding: 0 0 2vw 0;
  }
  .partner-box{
    position: relative;
    width: 100%;
    height: 32vw;
  }
  .partner-inbox{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    gap: 1vw;
    color: #fff;
    background: linear-gradient(to right,#c11828 50%,#00000088);
  }
  .pb1{
    background: url(../images/Face-To-Face.png);
    background-size: cover;
    background-position: right;
  }
  .pb2{
    background: url(../images/Keynote.png);
    background-size: cover;
    background-position: left;
  }
  .pb3{
    background: url(../images/exhibition.png);
    background-size: cover;
    background-position: right;
  }
  .p-head{
    font-family: 'Mona-Sans Narrow Black Italic';
    font-size: 4vw;
    margin: 0 0 0 4vw;
  }
  .p-des{
    font-family: 'mona-sans';
    font-size: 1.8vw;
    line-height: 3vw;
    text-align: justify;
    width: 60%;
    margin: 0 0 0 4vw;
  }
  .pb2 .partner-inbox{
    align-items: end;
  }
  .pb2 .p-head{
    text-align: end;
    margin: 0 4vw 0 0;
  }
  .pb2 .p-des{
    text-align: end;
    margin: 0 4vw 0 0;
  }
  .pb2 .partner-inbox{
    background: linear-gradient(to left,#c11828 50%,#00000088);
  }
  /* Sponsors Section */
  .sponsors {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: black;
    height: auto;
    overflow: hidden;
    gap: 1vw;
    padding: 4vw 0;
  }
  .spon-container{
    width: 85%;
    display: flex;
    flex-wrap: wrap;
    gap: 2vw;
    column-gap: .5vw;
  }
  .spon-heading {
    font-family: 'Mona-Sans Narrow Black';
    font-size: 5vw;
    color: white;
  }
  .spon-cont{
    width: 100%;
    padding-bottom: 1vh;
    display: flex;
    flex-direction: column;
  }
  .spon-boxes{
    display: flex;
    gap: .5vw;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }
  .spon-box{
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
  }
  .spon-box img{
    width: 80%;
  }
  .spon-head{
    width: 100%;
    font-size: 1.5vw;
    text-align: center;
    padding: 1vw 0;
    color: #ffffff;
    background-color: #c11828;
    font-family: 'mona-sans bold';
  }
  .spon2 .spon-box{
    width: 100%;
    height: 18vw;
  }
  .spon1 .spon-box{
    width: 100%;
    height: 8vw;
  }
  .spon3 .spon-box{
    width: 32.9%;
    height: 17vw;
  }
  .spon4 .spon-box{
    width: 24.5%;
    height: 15vw;
  }
  .spon5 .spon-box{
    width: 100%;
    height: 12vw;
  }
  .spon-split{
    width: 49.65%;
  }
  .spon-split .spon-box{
    width: 100%;
    height: 11vw;
  }
  .media{
    background-color: white;
  }
  .media .spon-boxes{
    gap: 3vw;
    padding: 4vw;
  }

  .media .spon-box img{
    width: 100%;
  }



  /* Awards Section */
  .awards {
  display: flex
;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-image: url(../images/Awards\ BG.webp);
  background-position: center;
  height: auto;
  margin-top: -0.25vh;
  padding: 0 3vw 3vw;
  overflow: hidden;
  background-size: cover;
  }
  .awards-container {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 2vh;
  }
  .awards-heading {
    font-family: 'Mona-Sans Narrow Black';
    font-size: 5vw;
    color: white;
  }
  .awards-cont{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 1vw;
  }
  .awards-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.700);
    padding: 1.5vw;
    border: 2px solid transparent;
    box-sizing: border-box;
    transition: all 3s ease;
  }
  .awards-box:hover {
    background-image: linear-gradient(90deg, #b37e10 0%, #f8dd7b 33%, #fdf1a4 53%, #f8dd7b 73%, #b37e10 100%);
  }
  .awards-desc {
    font-family: 'Mona-Sans Narrow Black Italic';
    font-size: 1.5vw;
    line-height: 0.9;
    text-align: center;
    text-transform: uppercase;
    background: linear-gradient(90deg, #b37e10 0%, #f8dd7b 33%, #fdf1a4 53%, #f8dd7b 73%, #b37e10 100%); -webkit-background-clip: text; color: transparent;
    color: transparent;
  }
  .awards-img {
    display: block;
    margin-top: -4vh;
    width: 70%;
  }
  .awards-box:hover .awards-desc {
    color: black;
  }
  .awards-box:hover .awards-img {
    filter: invert(1) brightness(0);
  }
  .awards-btn-cont {
      display:flex;
      width:100%;
      align-items:center;
      justify-content:center;
  }
  /* Contact Section */
  .contact {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #0a0808;
    height: auto;
    padding: 3vw 3vw 3vh;
    overflow: hidden;
  }
  .contact-container {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 2vw;
  }
  .contact-logo {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .contact-logo a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.5vh;
    text-decoration: none;
  }
  .logo-text {
    font-family: 'Mona-Sans';
    font-size: 0.9vw;
    color: White;
    margin-left: 2.1vw;
  }
  .logo-img img {
    width: 10vw;
    filter: brightness(0) invert(1);
  }
  .contact-cont {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1vw;
  }
  .contact-box{
    background-color: #140f0f;
    border-radius: 0.5vw;
    width: 100%;
    transition: all 0.5s ease;
  }
  .contact-box:hover {
    background: linear-gradient(to right,#f12b31,#690000);
    transform: scale(1.05);
  }
  .contact-box a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4vw;
    gap: 1vh;
    color: white;
    text-decoration: none;
  }
  .contact-title {
    font-family: 'Mona-Sans Narrow Black';
    font-size: 2vw;
  }
  .contact-email {
    font-family: 'Mona-Sans';
    font-size: 1vw;
  }
  .contact-footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: white;
    gap: 2vh;
  }
  .map-cont{
    width: 100%;
    height: 15vw;
    background: url(../images/manama-bahrain-panaromic-01.webp);
    background-size: 105%;
    background-position: -1vw -4vw;
    border-radius: 1vw;
    filter: grayscale(1);
    background-repeat: no-repeat;
    transition: all ease .4s;
  }
  .map-cont:hover{
    filter: grayscale(0.6);
  }
  .footer-box1 {
    display: flex;
    gap: 1vw;
  }
  .social-box {
    color: black;
    text-decoration: none;
    width: 2vw;
    height: 2vw;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white;
    border-radius: 50%;
    transition: all 0.5s ease;
  }
  .social-box:hover {
    transform: translateY(-4px);
    background-color: #c11829;
    color: white;
}
  .footer-box2 a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1vw;
    text-decoration: none;
    color: white;
  }
  .box2-text1 {
    font-family: 'Mona-Sans Narrow Black';
    font-size: 1.5vw;
  }
  .box2-text2 {
    font-family: 'Mona-Sans';
    font-size: 1vw;
  }
  .footer-box3 {
    font-family: 'Mona-Sans';
    font-size: 0.75vw;
    color: white;
  }
  .footer-box3 a {
    text-decoration: none;
    color: white;
  }

.venue-text {
    font-family: 'Mona-Sans';
    font-size: 1.3vw;
    color: white;
}
  /* Mobile Responsive */
  @media screen and (max-width: 450px) {
    body,html{
      overflow-x: hidden;
    }
    #navbar .hero-buttons{
      display: none;
    }
    #navbar {
      position: fixed;
      width: 100%;
      height: 25vw;
    }
    .navbar-container {
      justify-content: end;
    }
    .menu-super {
      padding: 1vw;
    }
    .menu-btn {
      padding: 3vw;
    }
    .menu-active {
      top: 4vw;
      left: 2vw;
      height: 95vh;
      width: 100%;
      opacity: 1;
  }
  .menu-boxes {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 4vw;
}
.menu-drop {
  font-size: 7.5vw;
}
.menu-boxes i {
  font-size: 5vw;
}
.nav-ul{
width: auto;
}
.nav-ul li {
font-size: 4.5vw;
  width: 90%;
  padding: 2.5vw;
  border-radius: 1vw;
}
.nav-1 {
  left: 32vw;
  top: 45vh;
}
.nav-2 {
  left: 32vw;
  top: 55vh;
}
.nav-3 {
  left: 32vw;
  top: 60vh;
  min-width: 30vw;
}

  /* Hero Section */

  .mob-logo{
    display: block;
    width: 70%;
  }
  .event-logo{
    display: none;
  }
  .hero {
    height: 100vh;
    padding: 0 0vw;
  }
  .hero-container {
    height: 100%; 
    justify-content: center;
    gap: 4vw;
  }
  .tag-line-cont {
    justify-content: center;
    align-items: start;
    gap: 4vw;
    flex-direction: column;
}
.tag-span1 {
  font-size: 8vw;
  line-height: 8vw;
}
.tag-span2 {
font-size: 5vw;
line-height: 6vw;
}
.tag-span3 {
font-size: 5vw;
line-height: 6vw;
}
.count-b {
width: 10vw;
height: 10vw;
}
.dig_class{
font-size: 5vw;
}
.count-t {
font-size: 3.4vw;
}
.countdown {
width: auto;
padding: 2vw 4vw;
border-radius: 2vw;
gap: 5vw;
}
.count-b:after {
font-size: 4vw;
left: -2.25vw;
top: 2.2vw;
}
.numbers-container {
justify-content: center;
gap: 4vw;
flex-direction: column;
}
.num-cont {
width: auto;
}
.num-box {
width: 16vw;
height: 19.5vw;
padding: 2vw;
}
.more {
font-size: 3.5vw;
}
.num-num {
line-height: 8.2vw;
font-size: 6.5vw;
}
.num-des {
font-size: 3.5vw;
line-height: 3.8vw;
}
.date {
line-height: 8.5vw;
}
.d {
font-size: 8vw;
line-height: 10vw;
}
.y {
font-size: 11.6vw;
}
.d sup {
font-size: 4vw;
}
.time span {
padding: 1.7vw 3vw;
}
.time {
font-size: 4.05vw;
gap: 1vw;
justify-content: end;
}
.date-time {
gap: 1.5vw;
}
.place {
font-size: 4.85vw;
}
.approve {
width: 25vw;
height: auto;
  object-fit: contain;
  display: block;
}
.b-connect-logo {
width: auto;
gap: 2vw;
}
.logo-name {
font-size: 2.5vw;
}
.b-connect-logo img {
width: 25vw;
}
.hero-buttons {
gap: 4vw;
}
.hero-btn {
width: 35vw;
height: 7.5vw;
border-radius: 2vw;
font-size: 4vw;
}
.hero-btn-cont {
flex-direction: column;
align-items: start;
gap: 4vw;
}
.s-logo {
width: 5vw;
height: 5vw;
font-size: 3.5vw;
padding: 5px;
}
.socials {
gap: 4vw;
}

 

  /* Overview Section */
  .overview {
    height: auto;
  }
  .overview-container {
    flex-direction: column;
  }
  .over-cont-right {
    order: 1;
    gap: 2vh;
    width: 100%;
  }
  .over-cont-left {
    order: -1;
    width: 100%;
  }
  .over-heading {
    font-size: 10vw;
  }
  .over-desc {
    font-size: 3.4vw;
    line-height: 4vw;
  }
  .over-desc p {
    margin-bottom: 2vh;
  }
  .over-num {
    font-size: 13vw;
  }
  .over-num-desc {
    font-size: 4vw;
    line-height: 1;
  }
  .over-high-text {
    font-size: 7vw;
    padding: 1vw;
  }
  .over-high-small {
    width: 100%;
    flex-direction: column;
  }
  .over-small-patch {
    width: 100%;
}
  /* Highlights Section */
  .highlights {
    height: auto;
  }
  .highlights-heading {
    font-size: 10vw;
  }
  .highlights-section {
    flex-direction: column;
    gap: 2vh;
  }
  .highlights-box {
    flex-direction: column;
    width: 100%;
    gap: 1vh;
  }
  .high-box {
    width: 100%;
    height: 30vh;
  }
  .high-box-header {
    font-size: 8vw;
  }
  .high-box-desc {
    font-size: 2.5vw;
  }
  .patch1 {
    background-position-x: 0vw;
  }
  .patch2 {
    background-size: 200%;
    background-position-x: -60vw;
    background-position-y: -13vh;
  }
  .patch3 {
    background-position-x: 0vw;
  }
  .featured-discussion-heading {
    font-size: 5vw;
    text-align: right;
  }
  .featured-discussion {
    width: 100%;
    align-items: center;
  }
  .featured-discussion-container {
    justify-content: center;
  }
  .feat-box {
    width: 14vw;
  }
  .feat-box-img {
    height: 5vh;
  }
  .feat-box-img svg {
    height: 4vh;
  }
  .feat-box-desc {
    font-size: 3vw;
  }

  /* Expectations Section */
  .expectations {
    height: auto;
    flex-direction: column;
    align-items: flex-start;
    padding: 5vw;
  }
  .expectations-left {
    width: 100%;
  }
  .exp-heading {
    font-size: 10vw;
  }
  .exp-left-cont-1, .exp-left-cont-2, .exp-left-cont-3, .exp-left-cont-4, .exp-left-cont-5, .exp-left-cont-6 {
    padding: 6vh;
  }
  .exp-left-cont-text-1, .exp-left-cont-text-2, .exp-left-cont-text-3, .exp-left-cont-text-4, .exp-left-cont-text-5, .exp-left-cont-text-6 {
    font-size: 3vw;
    bottom: 1vh;
  }
  .expectations-right {
    align-items: center;
    width: 100%;
  }
  .exp-right-container {
    justify-content: center;
  }
  .exp-right-A-heading {
    font-size: 4vw;
    padding-top: 0vh;
  }
  .exp-right-box {
    width: 16vw;
    padding: 1.5vw;
    gap: 1vh;
  }
  .exp-rbox-img {
    height: 4vh;
  }
  .exp-rbox-img svg {
    width: 6vw;
  }
  .exp-rbox-desc {
    font-size: 2.5vw;
    width: 100%;
    overflow-wrap: break-word;
  }
  .exp-right-A {
    display: flex;
    flex-direction: column;
    padding-bottom: 2vh;
    align-items: center;
  }
  .exp-right-B {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  /* Keynote Section */
  .keynote {
    height: auto;
    padding: 2vh;
  }
  .keynote-heading {
    font-size: 10vw;
  }
  .keynote-container {
    flex-direction: column;
    align-items: center;
    height: auto;
  }
  .keynote-left {
    width: 100%;
    height: 55vh;
    background-position: top;
  }
  .keynote-name {
    font-size: 8vw;
  }
  .keynote-jobtitle {
    font-size: 4vw;
    line-height: 1;
    width: 80%;
  }
  .keynote-right {
    width: 90%;
    gap: 0;
  }
  .keynote-right p {
    font-size: 3.4vw;
    line-height: 4.5vw;
    padding-bottom: 1vh;
    text-align: center;
  }
  .keynote-right ul {
    font-size: 3.4vw;
    line-height: 4vw;
    text-align: center;
    list-style-position: inside;
  }
  /* features */
  .feature-box {
    position: relative;
    width: 50%;
    height: 35vw;
  }
  .feature-name {
    font-size: 4vw;
    line-height: 4.2vw;
  }
  .feature-head {
    font-size: 10vw;
  }
  /* who attends */
  .att-name {
    font-size: 6vw;
  }
  .attend-container {
    gap: 5vw;
    width: 90%;
  }
  .attend-head {
    font-size: 10vw;
  }
  .tc1,.tc2 {
    width: 100%;
}
  .t-box {
    width: 49.5%;
    height: 30vw;
    gap: 2vw;
  }
  .t-des {
    font-size: 3.4vw;
    line-height: 3.6vw;
  }
  .job-box {
    width: 48.85%;
    height: 30vw;
  }
  .j-des {
    font-size: 3.4vw;
    height: 3.5vw;
  }
  .delegate-head {
    font-size: 10vw;
    text-align: center;
  }
  .delegate-box {
    width: 100%;
    height: 50vw;
  }
  .d-name {
    font-size: 6.2vw;
    line-height: 6.2vw;
    margin: 0 0 7vw 6vw;
  }


  /* Advisory Panel Section */
  .advisory {
    padding: 5vw;
    gap: 0.5vw;
    align-items: center;
  }
  .advisory-heading {
    font-size: 10vw;
    margin-bottom: 12vw;
  }
  .advisory-container {
    justify-content: center;
    width: 100%;
    height: 100%;
    gap: 16vw;
  }
  
  .advisory-img:before, .spk-img:before {
    top: 24vw;
    box-shadow: 0px 0px 67px 55px #cdcdcd7d;
}
  .advisory-box {
    align-items: center;
    height: auto;
    width: auto;
  }
  .advisory-img {
    width: 60vw;
  }
  .advisory-img img {
    max-height: 75vw;
  }
  .advisory-name {
    font-size: 8vw;
    line-height: 8vw;
    padding-top: 0.5vh;
    text-align: center;
    width: 100%;
  }
  .advisory-jobtitle {
    font-size: 4vw;
    padding-top: 0.5vh;
    text-align: center;
    width: 80%;
  }
  .advisory-company {
    font-size: 4vw;
    text-align: center;
    width: 80%;
  }

  /* Speakers Section */
  .speakers {
    height: auto;
    padding: 5vw;
    gap: 0.5vw;
    align-items: center;
  }
  .spk-heading {
      font-size: 10vw;
      text-align: center;
      width: 75%;
  }
  .spk-container, .spk-containert {
    height: auto;
    width: 100%;
    justify-content: center;
  }
  .spk-box, .spk-boxt {
    align-items: center;
    height: auto;
    width: 100%;
  }
  .spk-img {
    width: 75vw;
    height: 75vw;
  }
  .spk-img img {
    max-height: 75vw;
  }
  .spk-img:before {
    width: 5vw;
    height: 5vw;
    top: 25vw;
  }
  .spk-name {
    font-size: 8vw;
    padding-top: 0.5vh;
    text-align: center;
    width: 100%;
  }
  .spk-jobtitle {
    font-size: 4vw;
    padding-top: 0.5vh;
    text-align: center;
    width: 80%;
  }
  .spk-company {
    font-size: 4vw;
    text-align: center;
    width: 80%;
  }
  .view-all-btn img {
    width: 10vh;
  }
  .speakerstab {
    align-items: center;
    height: auto;
  }
  .spk-backbtn a {
    font-size: 3.5vw;
  }
  .view-all-btn {
    align-items: center;
    width: auto;
  }
  .view-all-btn:after {
    display: none;
  }
  .view-all {
    font-size: 8vw;
  }
  /* Agenda Section */
  .agenda {
    align-items: center;
    justify-content: center;
    padding: 0vh 3vw 3vh;
  }
  .agn-heading {
    font-size: 10vw;
  }
  .agn-cont {
    display: flex;
    flex-direction: column;
    gap: 0.25vh;
  }
  .ag-page {
    width: 100%;
  }  
  .ag-blur {
    height: 520vw;
    bottom: 8vw;
  }
  .agn-time {
    font-size: 3vw;
    width: 30%;
    padding: 3vw;
  }
  .agn-desc>p {
    font-size: 2.5vw;
  }
  .agn-desc span {
    font-size: 2.65vw;
  }
  .agn-desc {
    width: 70%;
    padding: 3vw;
  }
  .desc-main {
    font-size: 3vw;
  }
  .desc-sub {
    font-size: 2.5vw;
    padding: 1vh 6vw;
  }
  .agn-desc2 {
    width: 70%;
  }
  .agn-time2 {
    font-size: 3vw;
    width: 30%;
    padding: 3vw;
  }
  .desc-sub2 {
    font-size: 2vw;
  }
  .ag-button {
    width: 30vw;
    height: 5.5vw;
    font-size: 3.5vw;
    margin-top: 4vw;
  }
  .partner-head {
    font-size: 10vw;
  }
  .p-head {
    font-size: 5vw;
  }
  .p-des {
    font-size: 2.8vw;
  }
  .partner-box {
    height: 60vw;
  }
  /* Sponsors Section */
  .sponsors {
    align-items: center;
    padding: 2vh 3vw;
  }
  .spon-heading {
    font-size: 7vw;
  }
  .spon-head {
    font-size: 3.5vw;
  }
  .spon3 .spon-box {
    width: 49.5%;
    height: 25vw;
  }
  .spon4 .spon-box {
    width: 32.9%;
    height: 20vw;
}
.spon5 .spon-box {
  width: 100%;
  height: 20vw;
}
.spon-split .spon-box {
width: 100%;
height: 22vw;
}
.media .spon-box {
width: 45% !important;
}
.media .spon-box img {
width: 80%;
}
  
  /* Awards Section */
  .awards {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: auto;
    padding: 10vw 0;
  }
  .awards-container {
    align-items: center;
    gap: 10vw;
    padding-bottom: 5vh;
  }
  .awards-heading {
    font-size: 10vw;
    text-align: center;
    line-height: 10vw;
    padding-bottom: 2vh;
  }
  .map-cont {
    width: 100%;
    height: 40vw;
    background-size: cover;
    border-radius: 2vw;
  }
  .awards-cont {
    grid-template-columns: repeat(1, 1fr);
  }
  .awards-desc {
    font-size: 9.5vw;
    line-height: 0.9;
  }
  .awards-box {
    background-color: rgb(24 22 22 / 80%);
    border: 1px solid #424040;
    padding: 3vw;
  }
  .awards-box:nth-last-of-type(-n+3) {
    display: none;
  }

  /* Contacts Section */
  .contact-container {
    gap: 5vw;
  }
  .footer-box1 {
    display: flex;
    gap: 4vw;
}
  .logo-text {
    font-size: 3vw;
  }
  .logo-img img {
    width: 30vw;
  }
  .contact-cont {
    flex-direction: column;
    gap: 2vw;
  }
  .contact-box {
    width: 70%;
  }
  .contact-box a {
    gap: 0vh;
  }
  .contact-title {
    font-size: 6vw;
  }
  .contact-email {
    font-size: 3vw;
  }
  .social-box {
    padding: 4vw;
    font-size: 5vw;
  }
  .footer-box3 {
    font-size: 2vw;
  }

  }


  /* Tab Responsive */
  @media screen and (min-width: 768px) and (max-width: 1024px) {

    body,html{
      overflow-x: hidden;
    }
    #navbar .hero-buttons{
      display: none;
    }
    #navbar {
      position: fixed;
      width: 100%;
      height: 25vw;
    }
    .menu-super {
      padding: 1vw;
    }
    .menu-btn {
      padding: 3vw;
    }
    .menu-active {
      top: 4vw;
      left: 2vw;
      height: 46vh;
      width: 100%;
      opacity: 1;
  }
  .menu-boxes {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 4vw;
}
.menu-drop {
  font-size: 3.5vw;
}
.menu-boxes i {
  font-size: 2.4vw;
}
.nav-ul{
width: 40vw;
}
.nav-ul li {
font-size: 2.5vw;
  width: 90%;
  padding: 2.5vw;
  border-radius: 1vw;
}
.nav-1 {
left: 6vw;
top: 45vh;
}
.nav-1 {
left: 6vw;
top: 17vh;
}
.nav-2 {
left: 6vw;
top: 27vh;
}
.nav-3 {
left: 0;
top: 45vh;
}
.navbar-container {
justify-content: end;
}
  /* Hero Section */

  .mob-logo{
    display: block;
    width: 35%;
  }
  .event-logo{
    display: none;
  }
  .hero {
    height: 100vh;
    padding: 0 0vw;
  }
  .hero-container {
    height: 100%; 
    justify-content: center;
    gap: 4vw;
  }
  .tag-line-cont {
    justify-content: center;
    align-items: start;
    gap: 2vw;
    flex-direction: column;
}
.tag-span1 {
  font-size: 6vw;
  line-height: 6vw;
}
.tag-span2,.tag-span3 {
font-size: 4vw;
line-height: 5vw;
}
.count-b {
width: 10vw;
height: 10vw;
}
.dig_class{
font-size: 3.5vw;
}
.count-t {
font-size: 2.4vw;
}
.countdown {
width: auto;
padding: 2vw 4vw;
border-radius: 2vw;
gap: 5vw;
}
.count-b:after {
font-size: 4vw;
left: -2.25vw;
top: 2.2vw;
}
.numbers-container {
justify-content: center;
gap: 4vw;
}
.num-cont {
width: auto;
}
.num-box {
width: 10vw;
height: 11.5vw;
padding: 2vw;
}
.more {
font-size: 2.2vw;
}
.num-num {
line-height: 4.2vw;
font-size: 4vw;
}
.num-des {
font-size: 2.4vw;
line-height: 2.8vw;
}
.date {
line-height: 8.5vw;
}
.d {
font-size: 4vw;
line-height: 4.2vw;
}
.y {
font-size: 7.5vw;
}
.d sup {
font-size: 4vw;
}
.time span {
padding: 1vw 2vw;
font-size: 2.4vw;
width: 8vw;
}
.time {
font-size: 4.05vw;
gap: 1vw;
justify-content: center;
}
.date-time {
gap: 1.5vw;
}
.place {
font-size: 3.15vw;
}
.approve {
width: 25vw;
}
.b-connect-logo {
width: auto;
gap: 2vw;
}
.logo-name {
font-size: 2.5vw;
}
.b-connect-logo img {
width: 25vw;
}
.hero-buttons {
gap: 4vw;
}
.hero-btn {
width: 35vw;
height: 7.5vw;
border-radius: 2vw;
font-size: 4vw;
}
.hero-btn-cont {
flex-direction: column;
align-items: start;
gap: 4vw;
}
.s-logo {
width: 5vw;
height: 5vw;
font-size: 3.5vw;
padding: 5px;
}
.socials {
gap: 4vw;
}

 

  /* Overview Section */
  .overview {
    height: auto;
  }
  .overview-container {
    flex-direction: column;
  }
  .over-cont-right {
    order: 1;
    gap: 2vh;
    width: 100%;
  }
  .over-cont-left {
    order: -1;
    width: 100%;
  }
  .over-heading {
    font-size: 10vw;
  }
  .over-desc {
    font-size: 3.4vw;
    line-height: 4vw;
  }
  .over-desc p {
    margin-bottom: 2vh;
  }
  .over-num {
    font-size: 13vw;
  }
  .over-num-desc {
    font-size: 4vw;
    line-height: 1;
  }
  .over-high-text {
    font-size: 7vw;
    padding: 1vw;
  }
  .over-high-small {
    width: 100%;
    flex-direction: column;
  }
  .over-small-patch {
    width: 100%;
}
  /* Highlights Section */
  .highlights {
    height: auto;
  }
  .highlights-heading {
    font-size: 10vw;
  }
  .highlights-section {
    flex-direction: column;
    gap: 2vh;
  }
  .highlights-box {
    flex-direction: column;
    width: 100%;
    gap: 1vh;
  }
  .high-box {
    width: 100%;
    height: 30vh;
  }
  .high-box-header {
    font-size: 8vw;
  }
  .high-box-desc {
    font-size: 2.5vw;
  }
  .patch1 {
    background-position-x: 0vw;
  }
  .patch2 {
    background-size: 200%;
    background-position-x: -60vw;
    background-position-y: -13vh;
  }
  .patch3 {
    background-position-x: 0vw;
  }
  .featured-discussion-heading {
    font-size: 5vw;
    text-align: right;
  }
  .featured-discussion {
    width: 100%;
    align-items: center;
  }
  .featured-discussion-container {
    justify-content: center;
  }
  .feat-box {
    width: 14vw;
  }
  .feat-box-img {
    height: 5vh;
  }
  .feat-box-img svg {
    height: 4vh;
  }
  .feat-box-desc {
    font-size: 3vw;
  }

  /* Expectations Section */
  .expectations {
    height: auto;
    flex-direction: column;
    align-items: flex-start;
    padding: 5vw;
  }
  .expectations-left {
    width: 100%;
  }
  .exp-heading {
    font-size: 10vw;
  }
  .exp-left-cont-1, .exp-left-cont-2, .exp-left-cont-3, .exp-left-cont-4, .exp-left-cont-5, .exp-left-cont-6 {
    padding: 6vh;
  }
  .exp-left-cont-text-1, .exp-left-cont-text-2, .exp-left-cont-text-3, .exp-left-cont-text-4, .exp-left-cont-text-5, .exp-left-cont-text-6 {
    font-size: 3vw;
    bottom: 1vh;
  }
  .expectations-right {
    align-items: center;
    width: 100%;
  }
  .exp-right-container {
    justify-content: center;
  }
  .exp-right-A-heading {
    font-size: 4vw;
    padding-top: 0vh;
  }
  .exp-right-box {
    width: 16vw;
    padding: 1.5vw;
    gap: 1vh;
  }
  .exp-rbox-img {
    height: 4vh;
  }
  .exp-rbox-img svg {
    width: 6vw;
  }
  .exp-rbox-desc {
    font-size: 2.5vw;
    width: 100%;
    overflow-wrap: break-word;
  }
  .exp-right-A {
    display: flex;
    flex-direction: column;
    padding-bottom: 2vh;
    align-items: center;
  }
  .exp-right-B {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  /* Keynote Section */
  .keynote {
    height: auto;
    padding: 2vh;
  }
  .keynote-heading {
    font-size: 10vw;
  }
  .keynote-container {
    flex-direction: column;
    align-items: center;
    height: auto;
  }
  .keynote-left {
    width: 100%;
    height: 55vh;
    background-position: top;
  }
  .keynote-name {
    font-size: 8vw;
  }
  .keynote-jobtitle {
    font-size: 4vw;
    line-height: 1;
    width: 80%;
  }
  .keynote-right {
    width: 90%;
    gap: 0;
  }
  .keynote-right p {
    font-size: 3.4vw;
    line-height: 4.5vw;
    padding-bottom: 1vh;
    text-align: center;
  }
  .keynote-right ul {
    font-size: 3.4vw;
    line-height: 4vw;
    text-align: center;
    list-style-position: inside;
  }
  /* features */
  .feature-box {
    position: relative;
    width: 50%;
    height: 35vw;
  }
  .feature-name {
    font-size: 4vw;
    line-height: 4.2vw;
  }
  .feature-head {
    font-size: 10vw;
  }
  /* who attends */
  .att-name {
    font-size: 4vw;
  }
  .attend-container {
    gap: 4vw;
  }
  .attend-head {
    font-size: 10vw;
  }
  .tc1,.tc2 {
    width: 100%;
  }
  .t-box {
    width: 28vw;
    height: 30vw;
    gap: 2vw;
  }
  .t-des {
    font-size: 3.4vw;
    line-height: 3.6vw;
  }
  .job-box {
    width: 32.85%;
    height: 30vw;
  }
  .j-des {
    font-size: 2.6vw;
    height: 3.5vw;
  }
  .delegate-head {
    font-size: 10vw;
    text-align: center;
  }
  .delegate-box {
    width: 100%;
    height: 50vw;
  }
  .d-name {
    font-size: 6.2vw;
    line-height: 6.2vw;
  }


  /* Advisory Panel Section */
  .advisory {
    padding: 5vw;
    gap: 0.5vw;
    align-items: center;
  }
  .advisory-heading {
    font-size: 10vw;
    margin-bottom: 12vw;
  }
  .advisory-container {
    justify-content: center;
    width: 100%;
    height: 100%;
    gap: 16vw;
  }
  .advisory-box {
    align-items: center;
    height: auto;
    width: auto;
  }
  .advisory-img {
    width: 60vw;
  }
  .advisory-img img {
    max-height: 75vw;
  }
  .advisory-name {
    font-size: 8vw;
    line-height: 8vw;
    padding-top: 0.5vh;
    text-align: center;
    width: 100%;
  }
  .advisory-jobtitle {
    font-size: 4vw;
    padding-top: 0.5vh;
    text-align: center;
    width: 80%;
  }
  .advisory-company {
    font-size: 4vw;
    text-align: center;
    width: 80%;
  }
  /* Speakers Section */
  .speakers {
    height: auto;
    padding: 5vw;
    gap: 0.5vw;
    align-items: center;
  }
  .spk-heading {
      font-size: 10vw;
      text-align: center;
      width: 75%;
  }
  .spk-container, .spk-containert {
    height: auto;
    width: 100%;
    justify-content: center;
  }
  .spk-box, .spk-boxt {
    align-items: center;
    height: auto;
    width: 100%;
  }
  .spk-img {
    width: 75vw;
    height: 75vw;
  }
  .spk-img img {
    max-height: 75vw;
  }
  .spk-img:before {
    width: 5vw;
    height: 5vw;
    top: 25vw;
  }
  .spk-name {
    font-size: 8vw;
    padding-top: 0.5vh;
    text-align: center;
    width: 100%;
  }
  .spk-jobtitle {
    font-size: 4vw;
    padding-top: 0.5vh;
    text-align: center;
    width: 80%;
  }
  .spk-company {
    font-size: 4vw;
    text-align: center;
    width: 80%;
  }
  .view-all-btn img {
    width: 10vh;
  }
  .speakerstab {
    align-items: center;
    height: auto;
  }
  .spk-backbtn a {
    font-size: 3.5vw;
  }
  .view-all-btn {
    align-items: center;
    width: auto;
  }
  .view-all-btn:after {
    display: none;
  }
  .view-all {
    font-size: 8vw;
  }
  /* Agenda Section */
  .agenda {
    align-items: center;
    justify-content: center;
    padding: 0vh 3vw 3vh;
  }
  .agn-heading {
    font-size: 10vw;
  }
  .agn-cont {
    display: flex;
    flex-direction: column;
    gap: 0.25vh;
  }
  .ag-page {
    width: 100%;
  }  
  .ag-blur {
    height: 550vw;
    bottom: 6.5vw;
  }
  .agn-time {
    font-size: 3vw;
    width: 30%;
    padding: 3vw;
  }
  .agn-desc>p {
    font-size: 2.5vw;
  }
  .agn-desc span {
    font-size: 2.65vw;
  }
  .agn-desc {
    width: 70%;
    padding: 3vw;
  }
  .desc-main {
    font-size: 3vw;
  }
  .desc-sub {
    font-size: 2.5vw;
    padding: 1vh 6vw;
  }
  .agn-desc2 {
    width: 70%;
  }
  .agn-time2 {
    font-size: 3vw;
    width: 30%;
    padding: 3vw;
  }
  .desc-sub2 {
    font-size: 2vw;
  }
  .ag-button {
    width: 30vw;
    height: 5.5vw;
    font-size: 3.5vw;
    margin-top: 4vw;
  }
  .partner-head {
    font-size: 10vw;
  }
  .p-head {
    font-size: 5vw;
  }
  .p-des {
    font-size: 2.8vw;
  }
  .partner-box {
    height: 60vw;
  }
  /* Sponsors Section */
  .sponsors {
    align-items: center;
    padding: 2vh 3vw;
  }
  .spon-heading {
    font-size: 7vw;
  }
  .spon-head {
    font-size: 3.5vw;
  }
  .spon3 .spon-box {
    width: 49.5%;
    height: 25vw;
  }
  .spon4 .spon-box {
    width: 32.9%;
    height: 20vw;
}
.spon5 .spon-box {
  width: 100%;
  height: 20vw;
}
.spon-split .spon-box {
width: 100%;
height: 22vw;
}
.media .spon-box {
width: 45% !important;
}
.media .spon-box img {
width: 80%;
}
  
  /* Awards Section */
  .awards {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: auto;
    padding: 10vw 0;
  }
  .awards-container {
    align-items: center;
    gap: 10vw;
    padding-bottom: 5vh;
  }
  .awards-heading {
    font-size: 10vw;
    text-align: center;
    line-height: 10vw;
    padding-bottom: 2vh;
  }
  .map-cont {
    width: 100%;
    height: 40vw;
    background-size: cover;
    border-radius: 2vw;
  }
  .awards-cont {
    grid-template-columns: repeat(1, 1fr);
  }
  .awards-desc {
    font-size: 9.5vw;
    line-height: 0.9;
  }
  .awards-box {
    background-color: rgb(24 22 22 / 80%);
    border: 1px solid #424040;
    padding: 3vw;
  }
  .awards-box:nth-last-of-type(-n+3) {
    display: none;
  }

  /* Contacts Section */
  .contact-container {
    gap: 5vw;
  }
  .footer-box1 {
    display: flex;
    gap: 4vw;
}
  .logo-text {
    font-size: 3vw;
  }
  .logo-img img {
    width: 30vw;
  }
  .contact-cont {
    flex-direction: column;
    gap: 2vw;
  }
  .contact-box {
    width: 70%;
  }
  .contact-box a {
    gap: 0vh;
  }
  .contact-title {
    font-size: 6vw;
  }
  .contact-email {
    font-size: 3vw;
  }
  .social-box {
    padding: 4vw;
  }
  .footer-box3 {
    font-size: 2vw;
  }



    }
 /* YouTube Video Section Styles */
    #youtube-video {
        width: 100%;
        display: flex;
        flex-direction: column;
        background-color: #000;
        padding: 3vw 0;
    }
    
    .video-container {
        width: 85%;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 2vw;
    }
    
    .video-head {
        font-size: 5vw;
        font-family: 'Mona-Sans Narrow Black';
        color: #fff;
        text-align: center;
    }
    
    .video-wrapper {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 1.5vw;
    }
    
    .video-link {
        display: block;
        width: 100%;
        max-width: 900px;
        text-decoration: none;
        position: relative;
        transition: transform 0.3s ease;
    }
    
    .video-link:hover {
        transform: scale(1.02);
    }
    
    .video-thumbnail {
        position: relative;
        width: 100%;
        border-radius: 1vw;
        overflow: hidden;
        box-shadow: 0 10px 30px rgba(193, 24, 40, 0.3);
    }
    
    .video-thumbnail img {
        width: 100%;
        height: auto;
        display: block;
        transition: transform 0.3s ease;
    }
    
    .video-link:hover .video-thumbnail img {
        transform: scale(1.05);
    }
    
    .play-button {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        transition: transform 0.3s ease;
    }
    
    .video-link:hover .play-button {
        transform: translate(-50%, -50%) scale(1.1);
    }
    
    .video-description {
        width: 100%;
        max-width: 900px;
        text-align: center;
        color: #fff;
    }
    
    .video-description h3 {
        font-family: 'Mona-Sans Narrow Bold';
        font-size: 2.5vw;
        margin-bottom: 1vw;
        color: #c11828;
    }
    
    .video-description p {
        font-family: 'Mona-Sans';
        font-size: 1.2vw;
        line-height: 1.6;
    }
    
    /* Responsive Styles */
    @media screen and (max-width: 1024px) {
        .video-head {
            font-size: 6vw;
        }
        
        .video-description h3 {
            font-size: 3.5vw;
        }
        
        .video-description p {
            font-size: 2vw;
        }
    }
    
    @media screen and (max-width: 768px) {
        .video-head {
            font-size: 8vw;
        }
        
        .video-description h3 {
            font-size: 5vw;
        }
        
        .video-description p {
            font-size: 3vw;
        }
        
        .play-button svg {
            width: 60px;
            height: 60px;
        }
    }
    
    @media screen and (max-width: 450px) {
        .video-head {
            font-size: 10vw;
        }
        
        .video-description h3 {
            font-size: 6vw;
        }
        
        .video-description p {
            font-size: 4vw;
        }
        
        .play-button svg {
            width: 50px;
            height: 50px;
        }
    } 

 /* Registration Section Styles */
        .registration {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            background-color: black;
            height: auto;
            padding: 6vh 0vw;
            overflow: hidden;
            gap: 1vw;
        }
        
        .reg-heading {
            font-family: 'Mona-Sans Narrow Black', sans-serif;
            text-align: center;
            font-size: 4vw;
            color: white;
            margin-bottom: 2vw;
            text-transform: uppercase;
            letter-spacing: 2px;
        }
        
        .reg-date {
            font-family: 'Mona-Sans Narrow Bold', sans-serif;
            font-size: 2.5vw;
            color: white;
            margin-bottom: 1vw;
            text-align: center;
        }
        
        .reg-container {
            width: 90%;
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 2vw;
            justify-items: stretch;
        }
        
        .reg-box {
            display: flex;
            flex-direction: column;
            background-color: #ffffff;
            border-radius: 1vw;
            padding: 0;
            min-height: 22vw;
            justify-content: space-between;
            border: 1px solid #333;
            transition: all 0.3s ease;
            overflow: hidden;
        }
        
        .reg-box:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 20px rgba(193, 24, 40, 0.2);
        }
        
        .reg-title {
            font-family: 'Mona-Sans Narrow Black', sans-serif;
            font-size: 1.9vw;
            color: white;
            margin: 0;
            padding: 1.5vw 0;
            text-align: center;
            text-transform: uppercase;
            background: linear-gradient(to right, #f12b31, #690000);
            width: 100%;
        }
        
        .reg-content {
            padding: 1.5vw;
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            flex-grow: 1;
            /*justify-content: center;*/
        }
        
        .reg-price {
            font-family: 'Mona-Sans Narrow Bold', sans-serif;
            font-size: 1.5vw;
            color: #000000;
            margin-bottom: 1vw;
        }
        
        .reg-description {
            font-family: 'Mona-Sans', sans-serif;
            font-size: 1.25vw;
            color: #000000;
            margin-bottom: 1.5vw;
            line-height: 1.5;
        }
        
        .reg-early-bird {
            font-family: 'Mona-Sans Narrow', sans-serif;
            font-size: 1.6vw;
            color: #c11828;
            margin-bottom: 1vw;
        }
        
        .reg-deadline {
            font-family: 'Mona-Sans', sans-serif;
            font-size: 1.2vw;
            color: #000000;
            margin-bottom: 1.5vw;
            font-style: italic;
        }
        
        .reg-button {
            font-family: 'Mona-Sans Narrow Black', sans-serif;
            font-size: 1.3vw;
            color: white;
            background: linear-gradient(to right, #f12b31, #690000);
            border: none;
            padding: 1vw 0;
            border-radius: 0.5vw;
            cursor: pointer;
            transition: all 0.3s ease;
            text-align: center;
            text-decoration: none;
            display: block;
            width: 70%;
        }
        
        .reg-button:hover {
            background: linear-gradient(to left, #f12b31, #690000);
            transform: translateY(-2px);
        }
        
        .reg-inquiry {
            margin-top: 3vw;
            text-align: center;
            width: 100%;
        }
        
        .reg-inquiry a {
            font-family: 'Mona-Sans', sans-serif;
            font-size: 1.2vw;
            color: white;
            text-decoration: none;
            border-bottom: 1px solid #c11828;
            padding-bottom: 0.5vw;
            transition: all 0.3s ease;
        }
        
        .reg-inquiry a:hover {
            color: #c11828;
        }
        
        /* Mobile Responsive */
        @media screen and (max-width: 1024px) {
            .reg-container {
                grid-template-columns: repeat(2, 1fr);
            }
            
            .reg-box {
                min-height: 28vw;
            }
        }
        
        @media screen and (max-width: 768px) {
            .reg-heading {
                font-size: 8vw;
            }
            
            .reg-date {
                font-size: 5vw;
            }
            
            .reg-subheading {
                font-size: 3vw;
            }
            
            .reg-container {
                grid-template-columns: 1fr;
            }
            
            .reg-box {
                min-height: 45vw;
            }
            
            .reg-title {
                font-size: 4vw;
                padding: 3vw 0;
            }
            
            .reg-content {
                padding: 3vw;
            }
            
            .reg-price {
                font-size: 4vw;
            }
            
            .reg-description {
                font-size: 3vw;
            }
            
            .reg-early-bird {
                font-size: 3.5vw;
            }
            
            .reg-deadline {
                font-size: 2.5vw;
            }
            
            .reg-button {
                font-size: 3.5vw;
                padding: 2vw 0;
            }
            
            .reg-inquiry a {
                font-size: 3.5vw;
            }
        }
        
        @media screen and (max-width: 450px) {
            .reg-box {
                min-height: 60vw;
            }
            
            .reg-title {
                font-size: 5vw;
            }
            
            .reg-price {
                font-size: 5vw;
            }
            
            .reg-description {
                font-size: 4vw;
            }
            
            .reg-early-bird {
                font-size: 4.6vw;
            }
            
            .reg-deadline {
                font-size: 3.2vw;
            }
            
            .reg-button {
                font-size: 4vw;
                padding: 3vw 0;
            }
        }