@import url('https://fonts.googleapis.com/css2?family=Cabin:ital,wght@0,400..700;1,400..700&family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Unbounded:wght@200..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
body,
html {
  padding: 0;
  margin: 0;
  overflow-x: hidden;
  font-family: "Poppins", sans-serif;
}

.strategy-boxs h4{font-family: "Unbounded", sans-serif;font-weight: 600; font-size: 1vw;}

.main-had{ font-family: "Unbounded", sans-serif;font-weight: 600;
    font-size: 26px;
    line-height: 125%;
    text-transform: capitalize;
    color: #1D438A ;}
.main-had-w{ font-family: "Unbounded", sans-serif;font-weight: 600;
    font-size: 36px;
    line-height: 125%;
    text-transform: capitalize;
    color: #fff;}



/* navbar */
.traicon-mob {
  display: none;
}

input::placeholder,
textarea::placeholder {
  font-size: 16px;
  color: #bbbbbb;
}

#navbar {
  position: fixed;
  top: 0;
  width: 100%;
  height: 5vw;
  display: flex;
  align-items: center;
  justify-content: center;
     gap: 30vw;
  z-index: 100;
  /* justify-content: space-between; */
  backdrop-filter: blur(4px);
  background-color: #b2ebf280;
  transition: all ease .4s;

}

.top_logo {
  width: 110px
}

.nav-ul {
  display: flex;
  list-style-type: none;
  font-family: "Poppins", sans-serif;
  font-size: .9vw;
  gap: 3vw;
  align-items: center;
  justify-content: center;
  padding: 0;
}

.nav-ul a {
  text-decoration: none;
  color: #000;
  font-size: 16px;
}
.nav-ul a:hover{color: #5A6769;}
.nav-ul li {
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;font-weight: 600;

}

/* toggle button */

.frame,
.menu-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 14vw;
  height: 14vw;
}

.frame {
  background: #3faf82;
  width: 15vw;
  height: 15vw;
}

.frame {
  display: none;
}

.menu-icon {
  width: 9vw;
  height: 9vw;
  position: relative;
  cursor: pointer;
}

.line-1 {
  background: #fff;
  width: 100%;
  height: 1.2vw;
  border-radius: 5px;
  position: absolute;
  box-shadow: 0 0 10px rgba(0, 0, 0, .3);
}

.line-2 {
  background: #fff;
  width: 100%;
  height: 1.2vw;
  border-radius: 5px;
  position: absolute;
  box-shadow: 0 0 10px rgba(0, 0, 0, .3);
}

.line-3 {
  background: #fff;
  width: 100%;
  height: 1.2vw;
  border-radius: 5px;
  position: absolute;
  box-shadow: 0 0 10px rgba(0, 0, 0, .3);
}

.line-1 {
  transition: 500ms;
  transform: translateY(-15px);
  animation: animateReverse 600ms ease-in-out;
}

.line-2 {
  transition: 500ms;
  transform: scale(1);
  opacity: 1;
}

.line-3 {
  transition: 500ms;
  transform: translateY(15px);
  animation: animate2Reverse 600ms ease-in-out;
}

.menu-icon.active {
  animation: rotateIcon 600ms ease-in-out forwards;
}

.line-1.active {
  animation: animate 600ms ease-in-out forwards;
}

.line-2.active {
  transform: scale(0);
  opacity: 0;
}

.line-3.active {
  animation: animate2 600ms linear forwards;
}

@keyframes animate {
  50% {
    transform: translateY(0px) rotate(0deg);
  }

  100% {
    transform: translateY(0px) rotate(-45deg);
  }
}

@keyframes animateReverse {
  0% {
    transform: translateY(0px) rotate(45deg);
  }

  50% {
    transform: translateY(0px) rotate(0deg);
  }

  100% {
    transform: translateY(-15px) rotate(0deg);
  }
}

@keyframes animate2 {
  50% {
    transform: translateY(0px) rotate(0deg);
  }

  100% {
    transform: translateY(0px) rotate(45deg);
  }
}

@keyframes animate2Reverse {
  0% {
    transform: translateY(0px) rotate(-45deg);
  }

  50% {
    transform: translateY(0px) rotate(0deg);
  }

  100% {
    transform: translateY(15px) rotate(0deg);
  }
}

@keyframes rotateIcon {
  100% {
    transform: rotate(90deg);
  }
}

/* loader */
.loader-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: fixed;
  background: #30486049;
  backdrop-filter: blur(6px);
  z-index: 1000;
}

.loader {
  width: 50px;
  aspect-ratio: 1;
  display: grid;
  border: 4px solid #0000;
  border-radius: 50%;
  border-color: #0f3e9a #0000;
  animation: l16 1s infinite linear;
}

.loader::before,
.loader::after {
  content: "";
  grid-area: 1/1;
  margin: 2px;
  border: inherit;
  border-radius: 50%;
}

.loader::before {
  border-color: #01012a #0000;
  animation: inherit;
  animation-duration: .5s;
  animation-direction: reverse;
}

.loader::after {
  margin: 8px;
}

@keyframes l16 {
  100% {
    transform: rotate(1turn)
  }
}

/* home */
#home {
  position: relative;
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: url(../images/cover-bg.webp);
  background-size: cover;
}
.discussion{    color: #fff;
    font-size: 19px;
    font-weight: 600;
    letter-spacing: 1px;}
.plane {
  position: absolute;
  z-index: 3;
  width: 25vw;
  right: 2vw;
  top: 8vw;
}

.home-patch {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
  background: linear-gradient(135deg, #cfcfcf 0%, transparent 12%);
}

/* .home-patch2{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 3;
    background: linear-gradient(to top, #01012a 0%, transparent 4%);
} */
.main-containers {
  width: 80%;
  margin: 0 auto;
}

.cover {
  position: relative;
    width: 50%;
    z-index: 4;
    height: 35vw;
    gap: 1.5vw;
    display: flex
;
    flex-direction: column;
    /* align-items: start; */
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.7);
    border-radius: 50px;
    margin-top: 80px;
}

span.odometer-formatting-mark {
  display: none !important;
}

.vh-90 {
  height: 60vh;
}

.ml-30 {
  margin: 30px;
}

.traicon-logo {
  width: fit-content;
}

.idc-logo {
  position: relative;
  width: 16vw;
  margin-bottom: 0vw;
}

.idc-logo-cont {
  width: fit-content;
  position: relative;
  margin-top: 35px;
}

.idc-logo-cont:after {
  content: '';
  display: block;
  position: absolute;
  width: 96%;
  height: 1px;
  bottom: 0;
  background: linear-gradient(90deg, rgba(5, 0, 89, 1) 0%, rgba(34, 30, 125, 1) 35%, rgba(71, 71, 198, 1) 75%, rgba(80, 154, 198, 1) 99%);
}

.date-place {
  font-size: 1.2vw;
  color: #fff;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  display: flex;
  line-height: 1.6vw;
  gap: 1vw;
}

.date {
  position: relative;
  font-size: 1.2vw;
  font-weight: 900;
  color: #2d2d2d !important;
  line-height: 0;
}

.place {
  transform: translateY(.5vw);
  position: relative;
  font-size: 1.2vw;
  font-weight: 900;
  color: #2d2d2d  !important;
  line-height: 0;
  text-transform: uppercase;

}

.date:after {
  /* position: absolute;
  right: -1.2vw;
  top: 0.4vw;
  width: 1.5px;
  content: '';
  height: 90%;
  display: block;
  background-color: #06659c ; */
}

.countdown {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1vw;
  position: relative;
  width: fit-content;
  /* right: 2vw;
  top: 22%; */
}

.count-b {
  width: 6vw;
  height: 6vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: white;
  border-radius: 1vw;
  background-color: #ffffff80;
  backdrop-filter: blur(10px);
}

.dig {
  font-family: "Poppins", sans-serif;
  font-size: 2vw;
  font-weight: 700;
  display: flex;
  color: #ffffff;
}

.count-t {
  font-family: "Poppins", sans-serif;
  font-size: 0.8vw;
  font-weight: 400;
  margin-top: 0.3vw;
  color: #b2ebf2 ;

}

.secNumCol {
  color: #db6fff;
}

.count-cl {
  color: green;
}

.dig_class::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 0.1vw;
  /* background-color: #9a253a62; */
  z-index: -1;
  mix-blend-mode: color-burn;
}

.dig_class {
  z-index: 5;
  font-size: 1.7vw;
  line-height: 2vw;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  border-radius: 0.7vw;
  color: red;
}

.tag-line {
  font-size: 2vw;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  text-align: left;
  color: #fff;
  line-height: 2.1vw;
}

.tag-line span {
  color: #1D438A;
  font-size: 2vw;
  letter-spacing: 0px;
  font-weight: 900;
}

span.span2 {
     color: #1D438A;
    font-size: 1.2vw;
    letter-spacing: normal;
    font-weight: 600;
    font-style: italic;
    font-family: poppins;
}

.home-btns {
  display: flex;
  gap: 2vw;
}

.reg-btn {
  width: 15vw;
  height: 2.5vw;
  background-color: #1D438A ;
  color: #fff;
  border-radius: 2vw;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 1.05vw;
  border: none;
  overflow: hidden;
  cursor: pointer;
  transition: transform ease .4s;
  text-decoration: none;
  text-transform: uppercase;
}

.reg-btn div {
  line-height: 2vw;
  transform: translateY(1vw);
  transition: all ease .4s;
}

.reg-btn:hover div {
  transform: translateY(-1vw);
}

.reg-btn:hover {
  color: #000;
  background-color: #b2ebf2;
  transform: translateY(-.3vw);
}

/* CENTRAL */
#central {
  width: 100%;
  height: 100vh;
  background-color: #01012a;
  display: flex;
  align-items: center;
  justify-content: center;
}

.central-container {
  width: 90%;
  height: 35vw;
  display: flex;
  flex-direction: column;
  gap: 3vw;
}

#central .head {
  font-size: 3.5vw;
  width: 100%;
  text-align: center;
}

.central-boxes {
  width: 100%;
  display: flex;
  gap: 1vw;
}

.c-box {
  position: relative;
  width: 17vw;
  height: 30vw;
  border-radius: .5vw;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 2vw;
  text-align: center;
  background-size: 120%;
  transition: all ease .4s;
  color: white;
  overflow: hidden;
  text-shadow: 2px 2px 4px #000;
}

.c-box p {
  position: relative;
  z-index: 2;
}

.c-box img {
  width: 120%;
  position: absolute;
  transition: all ease .4s;
}

.c-box:hover {
  height: 32vw;
  translate: 0 -1vw;
}
.p86 {padding: 86px 0;}
.c-box:hover img {
  width: 140%;
}

/* overview */
#overview {
  position: relative;
  width: 100%;
  /* height: 100vh; */
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f4f5f5;
  background-size: cover;
  padding:80px 0;
}

.ytp-button:not([aria-disabled=true]):not([disabled]):not([aria-hidden=true]) {
  cursor: pointer;
  display: none;
}

.ytp-title-channel-logo {
  display: none;
}

.overview-container {
  position: relative;
  width: 80%;
  /* display: flex; */
  flex-direction: column;
  z-index: 3;
}

.over-patch {
  display: none;
}

.head {
  position: relative;
  font-size: 2vw;
  width: fit-content;
  font-family: "Cabin", sans-serif;
  color: white;
}

/* .head:after{
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 1.5px;
    bottom: 0;
    background: linear-gradient(90deg, rgba(5, 0, 89, 1) 0%, rgba(34, 30, 125, 1) 35%, rgba(71, 71, 198, 1) 75%, rgba(80, 154, 198, 1) 99%);
} */

.main-stage-head,
.head {
  text-transform: uppercase;
}

.text-center {
  text-align: center;
}

.over-des {
  width: 100%;
  font-size: 1.2vw;
  color: #000;
  font-family: "Poppins", sans-serif;
  line-height: 1.8vw;
  font-weight: 300;
  text-align: left;
}

.over-des p {
  text-align: left;
}

.over-des span {
  font-weight: 600;
}

/* strategic vision */
#strategy {
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #F0F7FA;
}

.strategy-container {
  width: 85%;
  gap: 2vw;
  display: flex;
  flex-direction: column;
  height: auto;
}

#strategy .head {
  color: #01012a;
}

.strategy-boxes {
  position: relative;
  width: 100%;
  gap: 2vw;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.strategy-left {
  position: relative;
  width: 45%;
  height: 35vw;
}

.strategy-right {
  width: 60%;
  height: 100%;
  display: flex;

  gap: 1vw;
  flex-wrap: wrap;
}
 .bg-light{ background: #66E8E6;}
.bg1 {

  padding: 57px 6px;
  margin-top: 0 !important;
  DISPLAY: FLEX;
  MARGIN: 0 AUTO;
  JUSTIFY-CONTENT: CENTER;
  margin-top: 0 !important;
}

.strategy-box {
  width: 100%;

  display: flex;
  flex-direction: column;
  color: #fff;
  gap: .4vw;
  padding: .5vw;
  background-color: #0E0E5200;
  transition: all ease .4s;
}

.strategy-box:hover {
  /* box-shadow: 1px 1px 10px #cdcdcd; */
}

.strategy-box:hover .s-icon::before {
  right: .5vw;
  bottom: .5vw;
}

.s-icon {
  position: relative;
  width: 4vw;
  height: 4vw;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all ease .4s;
}

.s-icon:before {
  content: '';
  width: 70%;
  height: 70%;
  background: #cdcdcd86;
  right: -.2vw;
  bottom: -.2vw;
  position: absolute;
  border-radius: 50%;
  transition: all ease .4s;
}

.s-icon svg {
  position: relative;
  fill: #06163a;
  width: 70%;
}

.s-topic {
  font-size: 1vw;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
}

.s-des {
  font-size: .85vw;
  line-height: 1vw;
  font-family: "Poppins", sans-serif;
}

.strategy-left img {
  position: absolute;
  border-radius: 1vw;
  border: .5vw solid #F0F7FA;
}

.str-patch {
  position: absolute;
  width: 16vw;
  height: 16vw;
  background-color: #06163a;
  left: -5vw;
  bottom: 1vw;
  border-radius: 1vw;
}

.s-img1 {
  width: 28vw;
  top: 3vw;
}

.s-img2 {
  width: 15vw;
  right: 0;
  bottom: 3.3vw;
}

.s-img3 {
  width: 11vw;
  right: 0vw;
  top: 0.5vw;
}

/* Attendee Profile */
#attendee {
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #132244;
  padding: 2vw 0;
}

.attendee-container {
  width: 80%;
  height: auto;
  display: flex;
  flex-direction: column;
  gap: 2vw;
}

.att-boxes {
  width: 100%;
  height: auto;
  display: flex;
  gap: 1vw;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.att-box {
  width: 16vw;
  height: 9.5vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: .5vw;
  border-radius: .5vw;
  background: #0E0E52;
  border: 1px solid #06163a;
  transition: all ease .3s;
  font-size: 20px;
}

.att-box:hover {
  border: 1px solid #00000000;
  box-shadow: 0px 0px 9px 1px #449DD1;
}

.att-box:hover svg {
  transform: rotateY(180deg);
}

.att-box:hover .att-des {
  text-shadow: 1px 1px 3px #000;
}

.att-icon {
  width: 40%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all ease .3s;
}

.att-icon svg {
  width: 80%;
  fill: #F0F7FA;
  transition: all ease .3s;
}

.att-des {
  font-family: "Poppins", sans-serif;
  text-align: center;
  font-size: 1.22vw;
  line-height: normal;
  color: #ffff;
  width: 90%;
}

.s {
  font-size: .7vw;
}

/* why-exhibit */
#why {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.why-container {
  width: 80%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}


/* eminent */

#eminent {
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #06163a;
  padding: 3vw 0;
}

.eminent-container {
  width: 80%;
}

.eminent-boxes {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin-top: 1vw;
}

.eminent-box {
  width: 11vw;
  height: 9vw;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  border: 1px #00afef62 solid;
  transition: all ease .4s;
  /* background-color: #06163a; */
}

.e-icon {
  width: 4vw;
  height: 4vw;
  display: flex;
  align-items: center;
  justify-content: center;
}

.e-icon svg {
  width: 70%;
  fill: #fff;
  transition: all ease .4s;
}

.e-des {
  font-size: 1vw;
  font-family: "Poppins", sans-serif;
  line-height: .9vw;
  color: #fff;
  height: 2vw;
  width: 90%;
  transition: all ease .4s;
}

.eminent-box:hover {
  background-color: #F0F7FA;
  border: 1px solid #F0F7FA;
}

.eminent-box:hover svg {
  fill: #01012a;
  width: 80%;
}

.eminent-box:hover .e-des {
  color: #01012a;
}

/* main attraction */
#main {
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2vw 0;
  background-color: #f0f1ff;
}

.main-container {
  width: 80%;
  display: flex;
  flex-direction: column;
  gap: 1vw;
}

.main-head {
  font-family: "Cabin", sans-serif;
  text-align: center;
  color: #5A6968;
  font-weight: 400;
  width: 100%;
  padding-top: 2vw;
}

.main-boxes {
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  /* gap: 3vw; */
  margin-top: 2vw;
}

.main-box {
  width: 15vw;
  height: 13vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1vw;
  border-radius: 1vw;
  text-align: center;
  transition: all ease .4s;
  BORDER: 3px solid #c5e2e6;
  MARGIN: 10PX;
}

.bg2 {
 border: 2px solid #c5e2e6;
}

.m-num {
  position: relative;
  font-size: 2.5vw;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Poppins", sans-serif;
  color: #1D438A ;
}

.m-num span {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Poppins", sans-serif;
}

.m-des {
  padding: 5PX;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1vw;
  font-family: "Poppins", sans-serif;
  color: #1D438A ;
  line-height: 1.1vw;font-weight: 600;
}

.m-des:after {
  content: '';
  position: absolute;
  display: block;
  height: 2px;
  width: 2vw;
  top: -.5vw;
  background-color: #002953;
}

.main-cont {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 1vw;
  padding: 2vw 0;
}

.main-cont .main-stage:nth-child(2) {
  flex-direction: row-reverse;
}

.main-stage {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}

.main-l {
  width: 55%;
  display: flex;
  flex-direction: column;
}

.main-r {
  position: relative;
  height: 30vw;
  width: 25vw;
  width: 40%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.main-img {
  position: absolute;
  left: 2vw;
  top: 1vw;
  width: 25vw;
  height: 30vw;
  transform: skewX(-10deg);
  overflow: hidden;
}

.main-cont .main-stage:nth-child(2) .main-img img {
  transform: skewX(10deg) translate(-3vw, -7.5vw);
}

.main-img img {
  width: 128%;
  transform: skewX(10deg) translate(-2vw, -10vw);
}

.main-stage-head {
  font-size: 2vw;
  font-family: "Cabin", sans-serif;
}

.main-stage-des {
  font-family: "Poppins", sans-serif;
  display: flex;
  flex-direction: column;
  gap: 2vw;
  margin: 1vw 0;
}

.main-patch {
  position: absolute;
  width: 25vw;
  height: 30vw;
  transform: skewX(-10deg);
  background-color: #dd6527;
}

/* insights */
#insights {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #10102a;
  padding: 4vw 0;
}

.insight-container {
  width: 80%;
  display: flex;
  flex-direction: column;
  gap: 2vw;
}

.insight-boxes {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 4vw;
}

.insight-box {
  position: relative;
  width: 16vw;
  height: 8vw;
  border: 1px solid #cdcdcd;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 0;
  padding: 7px 5px;
}

.i-num {
  position: absolute;
  font-family: "Poppins", sans-serif;
  color: #01012a;
  left: 1vw;
  top: 1vw;
  height: 1.3vw;
  line-height: 1.3vw;
  overflow: hidden;
  transition: all ease .4s;
}

.i-num div {
  transform: translateY(-1.3vw);
  transition: all ease .4s;
}

.i-num:after {
  position: absolute;
  content: '';
  width: 100%;
  height: 2px;
  top: 1.2vw;
  left: 0vw;
  background-color: #01012a;
}

.i-icon {
  width: 35%;
}

.i-icon svg {
  width: 100%;
  fill: #fff;
  transition: all ease .4s;
}

.i-des {
  text-align: center;
  font-family: "Poppins", sans-serif;
  color: #fff;
  font-weight: 400;
  font-size: 1vw;
  width: 90%;
}

.insight-box:hover .i-num div {
  transform: translateY(0);
}

.insight-box:hover svg {
  fill: #01012a;
  transform: rotateY(180deg);
}

/* speakers */
#speaker {
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #F0F7FA;
  padding: 4vw 0 2vw;
}

#speaker .head {
  color: #202b5d;
  font-weight: 600;
}

.speaker-container {
  width: 80%;
}

.speaker-boxes {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 2vw;
  margin: 3vw 0 5vw;
}

.speaker-box {
  position: relative;
  width: 20vw;
  height: 22vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  /* background-color: #06163a; */
}

.speaker-box:hover .spk-img::before {
  background-color: #0f3e9a;
}

.spk-img {
  position: relative;
  width: 20vw;
  height: 18vw;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  /* border-bottom: 2px solid #ffd51c; */
}

.spk-img:before {
  content: '';
  display: block;
  position: absolute;
  top: 4vw;
  width: 15vw;
  height: 15vw;
  border-radius: 10vw;
  background-color: #3f6ac8;
  transition: all ease .4s;
}

/* .speakers .spk-img:before {
  content: '';
  display: block;
  position: absolute;
  top: 6vw;
  width: 17.5vw;
  height: 17.5vw;
  border-radius: 10vw;
  background-color: #3f6ac8;
  transition: all ease .4s;
} */

.speakers .speaker-box {
  position: relative;
  width: 23vw;
  height: 25.5vw;
}

.spk-img:after {
  content: '';
  display: block;
  width: 90%;
  height: 2px;
  background-color: #FFDF00;
  bottom: 0;
  position: absolute;
  z-index: 3;
}

.spk-img img {
  width: auto;
  height: 100%;
  z-index: 2;
  filter: drop-shadow(0.5vw 1vw 0.6vw);
}

.spk-des {
  width: 95%;
  height: 8vw;
  text-align: center;
  font-weight: 500;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .2vw;
  justify-content: center;
}

.spk-name {
  font-size: 1.2vw;

  font-weight: 600;
  text-transform: uppercase;
  text-align: center;

}

.spk-job {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 0.9vw;
  line-height: 1vw;
  padding: 0.2vw 2vw;
}

.spk-comp {

  font-size: 1vw;
  line-height: 1vw;
}

.past-speakers {
  padding: 3vw 0;
  margin: 4vw 0 5vw;
}

/* past speaker */
.past-cont {
  width: 100%;
}

.past-head {
  border: 1px solid #3f6ac8;
  font-size: 1.2vw;
  padding: .5vw 1vw;
  border-radius: 3vw;
  font-family: "Poppins", sans-serif;
}

#speaker .owl-item img {
  width: auto;
}

#speaker .item {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* past sponsor */
#sponsors .owl-item img {
  width: auto;
}

.past-spon-cont {
  width: 100%;
  display: flex;
  padding: 2vw 0;
}

.past-top,
.past-down {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 1vw 0 0 0;
  justify-content: center;
  flex-wrap: wrap;
}

.spon-box {
  width: 10vw;
  height: 5vw;
  display: flex;
  align-items: center;
  justify-content: center;
}

#sponsors .spon-box img {
  width: 75%;
}

/* sponsors */
#sponsors {
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 2vw 0;
}

#sponsors .head {
  font-size: 2vw;

  width: 80%;
  margin-bottom: 1vw;
  color: #202b5d;
  font-weight: 600;
}

.sponsors-container {
  width: 80%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2vw;
  height: auto;
  flex-direction: column;
}

.spon-cont {
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 1vw;
}

.silver {
  display: flex;
  flex-direction: row;
}

.sp-cont {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1vw;
}

.spon-boxes {
  display: flex;
  gap: 1vw;
}

.gold .spon-box {
  width: 19vw;
  height: 11vw;
}

.silver .spon-box {
  /* width: 16vw; */
  width: 15vw !important;
  height: 17vw !important;
}

.exhibitor .spon-box {
  width: 14vw;
  height: 8vw;
}

.media .spon-box {
  width: 11vw;
  height: 6vw;
}

.spon-head {
  font-family: "Poppins", sans-serif;
  color: #01012a;
  font-weight: 500;
  width: fit-content;
  font-size: 1vw;
  padding: 0.5vw 1vw;
  border-radius: 2vw;
  border: 1px solid #3f6ac8;
}

.spon-box {
  width: 12vw;
  height: 6vw;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #cdcdcd;
}

.spon-img {
  width: 70%;
}

/* AGENDA */
#agenda .head {
  margin-left: 5vw;
  padding-top: 4vw;
}

.ag-blur {
  width: 100%;
  height: 23vw;
  background: linear-gradient(transparent, #001516c4, #001516);
  position: absolute;
  bottom: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.ag-blur-box {
  width: 100%;
  height: 6vw;
}

.agbtop {
  backdrop-filter: blur(1px);
}

.agbmid {
  backdrop-filter: blur(3px);
}

.agbdown {
  backdrop-filter: blur(7px);
}

.get-agenda {
  width: 13vw;
  height: 3vw;
  border-radius: 5vw;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #01012a;
  position: absolute;
  z-index: 2;
  color: white;
  font-family: "Poppins", sans-serif;
  margin-top: 10vw;
  cursor: pointer;
  font-size: 1vw;
}

.get-agenda:hover {
  background: #01012a;
}

.agenda {
  width: 100%;
  height: 55vw;
  background-color: #10102a;
  position: relative;
}

.agenda-cont {
  margin-top: 1vw;
  width: 100%;
  height: 44vw;
  display: flex;
  align-items: center;
  justify-content: center;
}

.agenda-container {
  width: 80%;
  height: 100%;
}

.ag-carousel .item {
  height: 44vw;
  color: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.agenda-box {
  position: relative;
  width: 95%;
  height: 100%;
}

.ag-cont-box {
  width: 100%;
  height: 4vw;
  border-bottom: 0.1vw solid rgba(255, 255, 255, 0.545);
  display: flex;
  gap: 0.5vw;
  align-items: center;
}

.ag-time {
  width: 25%;
  display: flex;
  align-items: start;
  justify-content: center;
  position: relative;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 0.8vw;
}

.ag-time::after {
  content: ":";
  width: 0.2vw;
  height: 100%;
  /* background-color: rgba(255, 255, 255, 0.458); */
  display: block;
  position: absolute;
  right: 0;
  border-radius: 1vw;
}

.ag-des {
  display: flex;
  align-items: center;
  width: fit-content;
  font-family: "Source Sans 3";
  font-size: 1vw;
  width: 73%;
  font-weight: 300;
  line-height: 1.15vw;
}

.ag-br {
  background-color: #01012a;
  padding: 0vw 0.5vw;
  padding-bottom: 0.1vw;
  width: fit-content;
  color: black;
  font-weight: 400;
}

.agenda .title {
  display: flex;
  gap: 0.5vw;
}

.ag-head-line {
  width: 10vw;
  height: 2vw;
  border-bottom: 0.1vw solid #00d4e3;
}

.ag-date {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 1vw;
  margin-top: 1.2vw;
  color: #01012a;
  font-weight: 900;
  width: 90%;
}

.panel .pl {
  color: #00d4e3;
  font-weight: 600;
  text-transform: uppercase;
}

.line2 .ag-des {
  height: 2.2vw;
}

.line2 .ag-time {
  height: 2.5vw;

}

.line3 .ag-time {
  height: 3.3vw;
}

.line2 .ag-br {
  width: 70%;
}

/* gallery */
#gallery {
  width: 100%;
  height: auto;
  overflow: hidden;
  background: #01012a;
  padding: 2vw 0;
}

#gallery .pwl-item {
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

#gallery .head {
  padding: 0 0 2vw 1vw;
}

.galleryHead .head {
  padding-left: 2vw;
}

.galleryContainer {
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.5vw;
}

.gallery-up {
  display: flex;
  width: 98%;
}

.gallery-down {
  display: flex;
  width: 98%;
}

.galleryBox {
  width: 100%;
  height: 22vw;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.galleryBox:hover img {
  transform: scale(1.15);
  opacity: .6;
}

.galleryBox img {
  width: 120%;
  transition: all ease .4s;
}

.galleryBox .gIcon {
  position: absolute;
  z-index: 10;
  font-size: .5vw;
  left: 45%;
  top: 9vw;
  width: 3vw;
  height: 3vw;
  opacity: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid #fff;
  transition: all ease .2s;
}

.galleryBox:hover .gIcon {
  opacity: .8;
  font-size: 2vw;
  width: 3vw;
  height: 3vw;
}

.gIcon i {
  color: #fff;
}

#gallery .owl-carousel .owl-item img {
  display: block;
  width: 120%;
}

.lightbox .lb-data .lb-details {
  display: none;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  max-height: none;
  border-radius: 3px;
  border: 4px solid #0f3e9a;
}

.lb-nav a.lb-next {
  position: absolute;
  right: -4vw;
  width: 25%;
  color: #0f3e9a;
}

.lb-nav a.lb-prev {
  position: absolute;
  left: -4vw;
  width: 25%;
  color: #0f3e9a;
}

.lb-loader {
  display: none !important;
}

body .disable-scroll {
  overflow: hidden !important;
}

/* ***************Footer Section**************** */
#footer {
  width: 100vw;
  height: 10vw;
background: #666666;

display: flex;
  align-items: center;
}

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

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

.text-dark {
  color: #000 !important;
}

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

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

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

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

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

}

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

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

.fCopy {
  color: white;
  font-family: "Poppins", sans-serif;
  font-size: 0.8vw;
  font-weight: 400;
}

.fCopy span a {
  font-weight: 600;
  color: white;
  text-decoration: none;
}









.foot-l {
  width: 70%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: space-around;
  margin: 1.5vw 0vw;
}

.mail-heading {
  color: white;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 0.9vw;
}

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


.mail {
  font-family: "Poppins", sans-serif;
  color: white;
  font-weight: 500;
  text-decoration: none;
  font-size: 0.9vw;
  transition: all 0.3s ease;
}

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

.mb-cont::before {
  content: "";
  width: 0.1vw;
  z-index: -1;
  height: 3.8vw;
  display: block;
  background-color: #b2ebf2 ;
  position: absolute;
  margin-left: -1vw;
  transition: all 0.5s ease;
}

.mail-box:hover .mb1::before {

}

.mail-box:hover .mb2::before {

}

.mail-box:hover .mb3::before {

}


/* forms */
.modal {
  visibility: hidden;
  opacity: 0;
  position: fixed;
  z-index: 5;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: .4s;
  z-index: 1000;
}


.modalContents {
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(43, 43, 43, 0.084);
  width: 90%;
  backdrop-filter: blur(3px);
  border: 1px solid rgba(255, 255, 255, 0.299);
  border-top: none;
  padding: 1vw 0;
}

.form-img-box {
  width: 30%;
  display: none;
  overflow: hidden;
  height: 22vw;
}

.form-img {
  width: 190%;
  transform: translateX(-2vw);
}

.form-heading {
  font-family: "Poppins", sans-serif;
  color: rgb(255, 255, 255);
  font-size: 1.3vw;
  border: 1px solid rgba(255, 255, 255, 0.205);
  border-bottom: none;
  padding: 0.5vw 0vw;
  padding-top: 0.8vw;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(45deg, #ebebeb3d, #9d9c9a36, #ffffff24);
  backdrop-filter: blur(5px);
  width: 90%;
}

.modalWrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-bottom: 1.3vw;

}

.modalWrapper p {
  color: black;
  font-family: "Source Sans 3";
  /* padding: 30px; */
  border-radius: 10px;
  /* background-color: rgb(221, 221, 221); */
  font-size: 12px;
}

.modalBg {
  width: 100%;
  height: 100%;
  background: linear-gradient(43deg, rgba(0, 0, 0, 0.938), rgba(28, 27, 27, 0.834), rgba(0, 0, 0, 0.725));
  backdrop-filter: blur(3px);
}

form {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 90%;
}

.inputs {
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

.inputs input,
.inputs textarea {
  border-radius: 0px;
  margin: 1vw 0vw;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #d1d1d18a;
  display: flex;
  align-items: center;
  width: 100%;
  height: 1.7vw;
  font-size: 1vw;
  color: #000;
}

.inputs input:focus {
  outline: none;
  background-color: none;
}

.inputs input::placeholder {
  font-family: "Poppins", sans-serif;
  color: #bbbbbb;
  font-size: 1vw;
  transform: translate(0.1vw, 0vw);
}

.check-box {
  width: 95%;
  height: auto;
}

.checks {
  padding: 0.4vw 0vw;
}

.checks label {
  display: flex;
}

.f-btn {
  background: none;
  border: none;
  font-family: "Poppins", sans-serif;
  font-size: 1vw;
  font-weight: 600;
  color: #000;
  padding: 0.2vw 1vw;
  margin: 1vw 0vw;
  cursor: pointer;
  border: 1px solid white;
  box-shadow: 0.05vw 0.05vw 0.2vw #01012a, -0.05vw -0.05vw 0.2vw #01012a, inset 0.05vw 0.05vw 0.2vw #01012a, inset -0.05vw -0.05vw 0.2vw #01012a;
}

.f-btn:hover {
  color: #09427b;
  box-shadow: 0.05vw 0.05vw 0.2vw #002953, -0.05vw -0.05vw 0.2vw #002953, inset 0.05vw 0.05vw 0.2vw #002953, inset -0.05vw -0.05vw 0.2vw #002953;
}


/* Hide the default checkbox */
input[type="checkbox"] {
  display: none;
}

/* Create a custom checkbox style */
.custom-checkbox {
  width: 0.3vw;
  height: 0.3vw;
  border: 0.5px solid #ffffff;
  cursor: pointer;
  transform: translateY(0.1vw);
  position: relative;
}

/* Style for when the checkbox is checked */
input[type="checkbox"]:checked+.custom-checkbox::after {
  position: absolute;
  content: '\2714';
  font-size: 0.5vw;
  top: -90%;
  color: #ffffff;
}


.is-show {
  visibility: visible;
  opacity: 1;
  scale: 1.5;
}

.lt {
  width: 96%;
  margin-left: 1%;
  font-size: 0.45vw;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  color: #c8c8c8;
}

.clModal {
  position: absolute;
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-size: 0.8vw;
  top: 0.6vw;
  right: 3vw;
  background-color: #3f3b3c;
  width: 1vw;
  height: 1vw;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  cursor: pointer;
  opacity: 0.4;
}

.mwrappernew {
  width: fit-content;
}

.clmnew {
  top: 20px;
  right: 10px;
}



@media screen and (max-width: 450px) {

  body,
  html {
    overflow-x: hidden;
  }

  /* navbar */
  .traiconLogo {
    display: none;
  }

  .top_logo {
    display: none;
  }

  .traicon-mob {
    display: block;
    position: fixed;
    top: 4vw;
    left: 4vw;
    width: 20vw;
    z-index: 9999;
  }

  #toggle {
    display: block;
  }

  .frame {
    display: flex;
    position: fixed;
    right: 2vw;
    top: 2vw;
    z-index: 9999;
    background-color: transparent;
  }

  #navbar {
    position: fixed;
    left: -110vw;
    height: 100vh;
  }

  .nav-ul {
    flex-direction: column;
    font-size: 4vw;
    gap: 10vw;
  }

  /* home */
  .cover {
    position: relative;
    width: 95%;
    z-index: 4;
    height: auto;
    gap: 6vw;
  }

  .idc-logo-cont {
    width: 100%;
  }

  .idc-logo {
    width: 85vw;
  }

  .idc-logo-cont:after {
    width: 100%;
    height: 1.5px;
  }

  .date-place {
    font-size: 3.9vw;
    width: 95vw;
    text-align: center;
    line-height: 3vw;
    flex-direction: column;
    gap: 0;
  }

  .date:after {
    display: none;
  }

  .countdown {
    gap: 3vw;
    width: 95%;
    flex-direction: row;
    position: static;
  }

  .count-b {
    width: 18vw;
    height: 18vw;
    border-radius: 2vw;
  }

  .dig_class {
    z-index: 5;
    font-size: 5.5vw;
    line-height: 4vw;
    width: auto;
    height: 6;
    position: relative;
    border-radius: 0.7vw;
    color: #fff;
  }

  .count-t {
    font-family: "Poppins", sans-serif;
    font-size: 3vw;
    margin-top: 2.3vw;
  }

  .tag-line {
    font-size: 4.8vw;
    line-height: 5vw;
  }

  .tag-line span {
    font-size: 3.8vw;
  }

  .home-btns {
    display: flex;
    gap: 4vw;
    width: 100%;
    align-items: center;
    justify-content: center;
  }

  .reg-btn {
    width: 35vw;
    height: 5.5vw;
    border-radius: 10vw;
    font-size: 3.05vw;
  }

  .reg-btn div {
    line-height: 5vw;
    transform: translateY(2.5vw);
  }

  .reg-btn:hover div {
    transform: translateY(-2.5vw);
  }

  #home {
    position: relative;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;

    background-size: cover;
  }

  .home-patch {
    background: #01012a73;
  }

  /* central */
  #central .head {
    font-size: 6.5vw;
  }

  #central {
    height: auto;
    padding: 4vw 0;
  }

  .central-container {
    width: 90%;
    height: auto;
    padding: 5vw 0;
  }

  .central-boxes {
    width: 100%;
    display: flex;
    gap: 1vw;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
  }

  .c-box {
    position: relative;
    width: 29vw;
    height: 50vw;
    font-size: 4vw;
    border-radius: 1.5vw;
  }

  .c-box:hover {
    height: 53vw;
    transform: translateY(0.2vw);
  }

  .head {
    font-size: 6.5vw;
  }

  /* overview */
  #overview {
    background-position: -200vw;
  }

  .overview-container {
    width: 90%;
  }

  .over-des {
    width: 100%;
    font-size: 3.4vw;
    line-height: 4.8vw;
    font-weight: 300;
  }

  .over-patch {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    background: #01012a46;
    z-index: 3;
  }

  /* strategy */
  #strategy {
    height: auto;
  }

  .strategy-container {
    width: 85%;
    gap: 4vw;
    padding: 5vw 0;
  }

  .strategy-boxes {
    position: relative;
    width: 100%;
    flex-direction: column;
  }

  .strategy-left {
    position: relative;
    width: 100%;
    height: 75vw;
  }

  .strategy-left img {
    position: absolute;
    border-radius: 2vw;
    border: 1vw solid #F0F7FA;
  }

  .str-patch {
    width: 33vw;
    height: 28vw;
    left: -5vw;
    bottom: 1vw;
    border-radius: 2vw;
  }

  .s-img1 {
    width: 68vw;
    top: 3vw;
  }

  .s-img2 {
    width: 30vw;
  }

  .s-img3 {
    width: 23vw;
    right: 0vw;
    top: 3.5vw;
  }

  .strategy-right {
    width: 100%;
    height: 100%;
    justify-content: center;
    gap: 2vw;
    flex-wrap: wrap;
  }

  .strategy-box {
    width: 80vw;
    height: 30vw;
    gap: 2vw;
  }

  .s-icon {
    position: relative;
    width: 9vw;
    height: 7vw;
  }

  .s-topic {
    font-size: 2.5vw;
  }

  .s-des {
    font-size: 3vw;
    line-height: 3vw;
  }


  /* main attraction */
  .main-container {
    width: 85%;
  }

  .main-boxes {
    width: 100%;
    gap: 2vw;
    flex-wrap: wrap;
    justify-content: center;
  }

  .main-box {
    width: 25vw;
    height: 25vw;
    gap: 1.5vw;
  }

  .m-num {
    position: relative;
    font-size: 4.5vw;
  }

  .m-num {
    position: relative;
    font-size: 4.5vw;
  }

  .m-des {
    font-size: 3.5vw;
    line-height: 3.1vw;
  }

  .m-des:after {
    height: 1px;
    width: 4vw;
    top: -1.2vw;
  }

  .main-stage-head {
    font-size: 5vw;
  }

  .main-stage {
    width: 100%;
    flex-direction: column-reverse;
    justify-content: space-evenly;
    gap: 5vw;
  }

  .main-r {
    height: 100vw;
    width: 25vw;
    width: 100%;
  }

  .main-patch {
    position: absolute;
    width: 55vw;
    height: 70vw;
  }

  .main-img {
    left: 10vw;
    top: 17vw;
    width: 55vw;
    height: 70vw;
  }

  .main-img img {
    width: 200%;
    transform: skewX(10deg) translate(-23vw, -20vw);
  }

  .main-l {
    width: 100%;
  }

  .main-cont .main-stage:nth-child(2) {
    flex-direction: column-reverse;
  }

  /* top insights */
  #insights {
    padding: 10vw 0;
  }

  .insight-box {
    position: relative;
    width: 100vw;
    height: 35vw;
  }

  .insight-container {
    width: 90%;
    gap: 5vw;
  }

  .i-num {
    left: 2vw;
    top: 2vw;
    height: 3.5vw;
    line-height: 6vw;
  }

  .i-num:after {
    top: 3.2vw;
    left: 0vw;
    background-color: #01012a;
  }

  .i-des {
    font-size: 3vw;
    line-height: 3vw;
  }

  .i-num div {
    transform: translateY(-2.2vw);
    line-height: 8vw;
  }

  .insight-box:hover .i-num div {
    transform: translateY(-10.3vw);
  }

  /* attendee */
  #attendee {
    width: 100%;
    height: auto;
    padding: 4vw 0;
  }

  .att-box {
    width: 25vw;
    height: 22vw;
    gap: 2vw;
  }

  .att-des {
    font-size: 2.5vw;
    line-height: 3vw;
  }

  /* eminent */

  .eminent-box {
    width: 25vw;
    height: 20vw;
  }

  #eminent {
    padding: 4vw 0;
  }

  .eminent-boxes {
    margin-top: 4vw;
  }

  .e-icon {
    width: 10vw;
    height: 10vw;
  }

  .e-des {
    font-size: 2.5vw;
    height: auto;
    line-height: 2.5vw;
    width: 95%;
  }

  /* speakers */
  .speaker-box {
    width: 55vw;
    height: 70vw;
  }

  .speakers .speaker-box {
    position: relative;
    width: auto;
    height: auto;
  }

  .spk-img {
    width: 55vw;
    height: 50vw;
  }

  .spk-img:before {
    border-radius: 50vw;
    width: 45vw;
    height: 45vw;
  }

  .past-speakers {
    padding: 3vw 0;
    margin: 25vw 0;
  }

  .past-head {
    font-size: 4vw;
    padding: 1vw 3vw;
    border-radius: 4vw;
  }

  .speakers .spk-img:before {
    border-radius: 50vw;
    width: 50vw;
    height: 50vw;
    top: 18vw;
  }

  .spk-img:after {
    width: 95%;
  }

  .spk-des {
    height: auto;
    display: flex;
    flex-direction: column;
    gap: 2vw;
  }

  .spk-name {
    font-size: 3.5vw;
  }

  .spk-job {
    font-size: 3vw;
    line-height: 3vw;
    padding: 0.2vw 8vw;
  }

  .spk-comp {
    font-family: "Poppins", sans-serif;
    font-size: 3vw;
    line-height: 3vw;
  }

  /* sponsor */
  #sponsors {
    width: 100%;
    height: auto;
    gap: 4vw;
    padding: 5vw 0;
  }

  #sponsors .head {
    font-size: 6.05vw;
  }

  .sponsors-container {
    /* justify-content: space-around; */
    height: auto;
    gap: 10vw;
  }

  .spon-head {
    font-size: 3vw;
    padding: 0.5vw 3vw;
    border-radius: 5vw;
  }

  .spon-cont {
    gap: 2vw;
  }

  .spon-box {
    width: 26vw;
    height: 16vw;
  }

  .gold .spon-box {
    width: 45vw;
    height: 25vw;
  }

  .media .spon-box {
    width: 25vw;
    height: 14vw;
  }

  .silver .spon-box {
    width: 39vw;
    height: 21.5vw;
  }

  .exhibitor .spon-box {
    width: 32vw;
    height: 18vw;
  }

  /* agenda */
  .agenda {
    height: auto;
  }

  .agenda-cont {
    height: auto;
  }

  .agenda-container {
    width: 95%;
  }

  .ag-carousel .item {
    height: auto;
  }

  .get-agenda {
    width: 44vw;
    height: 9vw;
    font-size: 3.5vw;
    margin-top: 40vw;
  }

  .ag-blur {
    height: 100vw;
  }

  .ag-blur-box {
    width: 100%;
    height: 30vw;
  }

  .ag-cont-box {
    width: 100%;
    height: 20vw;
    gap: 2.5vw;
  }

  .ag-time {
    width: 30%;
    font-size: 2.5vw;
  }

  .ag-des {
    width: 65%;
    font-size: 3.8vw;
    line-height: 5.05vw;
  }

  .line3 {
    height: 26vw;
  }

  /* .ag-br{
    width: auto;
  } */
  .ag-time::after {
    width: 0.6vw;
    height: 5vw;
  }

  .ag-head-line {
    height: 3.5vw;
  }

  .ag-date {
    font-size: 3vw;
  }

  .owl-carousel .owl-nav button.owl-next {
    display: none;
  }

  /* gallery */
  .galleryBox {
    width: 100%;
    height: 75vw;
  }

  .galleryBox .gIcon {
    left: 45%;
    top: 45%;
  }

  .galleryBox:hover .gIcon {
    width: 10vw;
    height: 10vw;
    font-size: 5vw;
  }

  .galleryContainer {
    width: 100%;
    height: auto;
  }

  #gallery {
    width: 100%;
    height: auto;
  }

  /* footer */

  #footer {
    width: 100vw;
    height: 35vw;
  }

  .footerContainer {
    flex-direction: column;
    gap: 4vw
  }

  .mb2 {
    margin-left: 2vw;
  }

  .mail-box:hover .mb1::before {
    
  }

  .mb-cont {
    width: auto;
    align-items: center;
  }

  .mb-2 {
    border-left: 1px solid rgba(209, 36, 53, 1);
    border-right: 1px solid rgba(209, 36, 53, 1);
    padding-right: 1vw;
  }

  .mb2 a {
    padding-right: 1.2vw;
  }

  .mail-box:hover .mb2::before {
  
  }

  .mail-box:hover .mb3::before {
  
  }

  .fRight {
    width: 45vw;
    gap: 2vw;
  }

  .fUp {
    justify-content: space-around;
  }

  .fUp div {
    width: 4vw;
    height: 4vw;
  }

  .fLinks {
    font-size: 2.55vw;
  }

  .fLeft {
    width: 85vw;
    height: auto;
    display: flex;
    flex-direction: row;
    margin: 0 0 0 0vw;
    gap: 0.8vw;
    justify-content: center;
    align-items: center;
  }

  .mb-cont::before {
    display: none;
  }

  .mail-box {
    width: 40%;
  }

  .mail-heading {
    font-size: 1.85vw;
    text-align: center;
  }

  .mail {
    font-weight: 500;
    font-size: 2.02vw;
  }

  .fCopy {
    padding-left: 1vw;
    font-size: 1.825vw;
  }

  section {
    padding: 0;
  }


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

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

  .modalContents {
    width: 80%;
  }

  .inputs input::placeholder {
    font-family: "Poppins", sans-serif;
    font-size: 1.5vw;
    transform: translate(0.3vw, 0vw);
  }

  form {
    width: 100%;
  }

  .form-heading {
    font-size: 3vw;
    font-weight: 800;
    margin: 0vw 0vw;
    margin-top: 4.5vw;
    text-align: center;
    line-height: 4vw;
    width: 80%;
  }

  .check-box {
    width: 85%;
  }

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

  .lt {
    font-size: 1vw;
  }

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

  .f-btn {
    font-size: 2.6vw;
    border-radius: 20px;
    padding: 1.8vw 7vw;
    margin: 2vw 0vw;
  }

  .clModal {
    font-size: 1.8vw;
    width: 3vw;
    height: 3vw;
  }

  .form-img-box {
    display: none;
  }



}


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

  body,
  html {
    overflow-x: hidden;
  }


  /* navbar */
  .traiconLogo {
    display: none;
  }

  .top_logo {
    display: none;
  }

  .traicon-mob {
    display: block;
    position: fixed;
    top: 4vw;
    left: 4vw;
    width: 20vw;
    z-index: 999;
  }

  #toggle {
    display: block;
  }

  .frame {
    display: flex;
    position: fixed;
    right: 2vw;
    top: 2vw;
    z-index: 9999;
    background-color: transparent;
  }

  #navbar {
    position: fixed;
    left: -110vw;
    height: 100vh;
  }

  .nav-ul {
    flex-direction: column;
    font-size: 4vw;
    gap: 10vw;
  }

  .line-1 {
    width: 80%;
    height: 1vw;
  }

  .line-2 {
    width: 80%;
    height: 1vw;
  }

  .line-3 {
    width: 80%;
    height: 1vw;
  }

  /* home */
  .cover {
    position: relative;
    width: 80%;
    z-index: 4;
    height: auto;
    gap: 6vw;
  }

  .idc-logo-cont {
    width: fit-content;
  }

  .idc-logo {
    width: 65vw;
  }

  .idc-logo-cont:after {
    width: 95%;
    height: 1.5px;
  }

  .date-place {
    font-size: 3vw;
    width: 70vw;
    text-align: start;
    line-height: 2.5vw;
    flex-direction: column;
    gap: 0;
  }

  .date:after {
    display: none;
  }

  .countdown {
    gap: 2vw;
    width: fit-content;
    flex-direction: row;
    position: static;
  }

  .count-b {
    width: 15vw;
    height: 15vw;
    border-radius: 2vw;
  }

  .dig_class {
    z-index: 5;
    font-size: 3.5vw;
    line-height: 3vw;
    width: auto;
    height: 6;
    position: relative;
    border-radius: 0.7vw;
    color: #fff;
  }

  .count-t {
    font-family: "Poppins", sans-serif;
    font-size: 2vw;
    margin-top: 2.3vw;
  }

  .tag-line {
    font-size: 4vw;
    line-height: 3.2vw;
  }

  .tag-line span {
    font-size: 3vw;
  }

  .home-btns {
    display: flex;
    gap: 4vw;
    align-items: center;
    justify-content: center;
  }

  .reg-btn {
    width: 28vw;
    height: 4.5vw;
    border-radius: 10vw;
    font-size: 2.35vw;
  }

  .reg-btn div {
    line-height: 5vw;
    transform: translateY(2.5vw);
  }

  .reg-btn:hover div {
    transform: translateY(-2.5vw);
  }

  #home {
    position: relative;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-position: -100vw 0;
  }

  .home-patch {
    background: #01012a73;
  }

  /* central */
  #central .head {
    font-size: 5vw;
  }

  #central {
    height: auto;
    padding: 4vw 0;
  }

  .central-container {
    width: 90%;
    height: auto;
    padding: 5vw 0;
  }

  .central-boxes {
    width: 100%;
    display: flex;
    gap: 1vw;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
  }

  .c-box {
    position: relative;
    width: 29vw;
    height: 50vw;
    font-size: 4vw;
    border-radius: 1.5vw;
  }

  .c-box:hover {
    height: 53vw;
    transform: translateY(0.2vw);
  }

  .head {
    font-size: 5.5vw;
  }

  /* overview */
  #overview {
    background-position: -85vw;
  }

  .overview-container {
    width: 90%;
  }

  .over-des {
    width: 100%;
    font-size: 2.8vw;
    line-height: 3.4vw;
    font-weight: 300;
  }

  .over-patch {
    position: absolute;
    width: 100%;
    height: 100%;
  }

  /* strategy */
  #strategy {
    height: auto;
  }

  .strategy-container {
    width: 85%;
    gap: 4vw;
    padding: 5vw 0;
  }

  .strategy-boxes {
    position: relative;
    width: 100%;
    flex-direction: column;
  }

  .strategy-left {
    position: relative;
    width: 100%;
    height: 75vw;
  }

  .strategy-left img {
    position: absolute;
    border-radius: 2vw;
    border: 1vw solid #F0F7FA;
  }

  .str-patch {
    width: 33vw;
    height: 28vw;
    border-radius: 2vw;
  }

  .s-img1 {
    width: 68vw;
    top: 3vw;
  }

  .s-img2 {
    width: 30vw;
  }

  .s-img3 {
    width: 23vw;
    right: 0vw;
    top: 3.5vw;
  }

  .strategy-right {
    width: 100%;
    height: 100%;
    justify-content: center;
    gap: 2vw;
    flex-wrap: wrap;
  }

  .strategy-box {
    width: 40vw;
    height: 28vw;
    gap: 2vw;
  }

  .s-icon {
    position: relative;
    width: 6vw;
    height: 5vw;
  }

  .s-topic {
    font-size: 2.2vw;
  }

  .s-des {
    font-size: 2.1vw;
    line-height: 2.5vw;
  }

  /* top insights */
  #insights {
    padding: 10vw 0;
  }

  .insight-box {
    position: relative;
    width: 25vw;
    height: 35vw;
  }

  .insight-container {
    width: 90%;
    gap: 5vw;
  }

  .i-num {
    left: 2vw;
    top: 2vw;
    height: 3.5vw;
    line-height: 6vw;
  }

  .i-num:after {
    top: 3.2vw;
    left: 0vw;
    background-color: #01012a;
  }

  .i-des {
    font-size: 2.3vw;
    line-height: 2.5vw;
  }

  .i-num div {
    transform: translateY(-2.2vw);
    line-height: 8vw;
  }

  .insight-box:hover .i-num div {
    transform: translateY(-10.3vw);
  }

  /* attendee */
  #attendee {
    width: 100%;
    height: auto;
    padding: 4vw 0;
  }

  .attendee-container {
    width: 85%;
  }

  .att-box {
    width: 20vw;
    height: 18vw;
    gap: 2vw;
  }

  .att-des {
    font-size: 1.8vw;
    line-height: 2.2vw;
  }

  /* eminent */
  .eminent-container {
    width: 90%;
  }

  .eminent-box {
    width: 22vw;
    height: 20vw;
  }

  #eminent {
    padding: 4vw 0;
  }

  .eminent-boxes {
    margin-top: 4vw;
  }

  .e-icon {
    width: 10vw;
    height: 10vw;
  }

  .e-des {
    font-size: 2vw;
    height: auto;
    line-height: 2.1vw;
    width: 95%;
  }

  /* speakers */
  .speaker-container {
    width: 90%;
  }

  .past-head {
    font-size: 3vw;
    padding: 1vw 3vw;
  }

  .speaker-box {
    width: 40vw;
    height: auto;
    padding: 3vw 0;
  }

  .speakers .speaker-box {
    position: relative;
    width: 35vw;
    height: 50vw;
  }

  .spk-img {
    width: 35vw;
    height: 35vw;
  }

  .spk-img:before {
    border-radius: 30vw;
    width: 33vw;
    height: 33vw;
  }

  .spk-img:after {
    width: 95%;
  }

  .spk-des {
    height: 25vw;
  }

  .spk-name {
    font-size: 2.8vw;
  }

  .spk-job {
    font-size: 2.4vw;
    line-height: 2.5vw;
    padding: 0.2vw 0vw;
  }

  .spk-comp {
    font-family: "Poppins", sans-serif;
    font-size: 2.5vw;
    line-height: 2.5vw;
  }

  .speakers .spk-img:before {
    content: '';
    display: block;
    position: absolute;
    top: 7vw;
    width: 25vw;
    height: 25vw;
    border-radius: 30vw;
  }

  /* sponsor */
  #sponsors {
    width: 100%;
    height: auto;
    gap: 4vw;
    padding: 10vw 0;
  }

  .sponsors-container {
    /* justify-content: space-around; */
    height: auto;
    gap: 10vw;
  }

  #sponsors .head {
    font-size: 5.55vw;
  }

  .spon-head {
    font-size: 3vw;
    padding: 1vw 2vw;
    border-radius: 5vw;
  }

  .spon-cont {
    gap: 5vw;
  }

  .spon-box {
    width: 26vw;
    height: 16vw;
  }

  .gold .spon-box {
    width: 45vw;
    height: 25vw;
  }

  .media .spon-box {
    width: 24vw;
    height: 12vw;
  }

  .silver .spon-box {
    width: 35.5vw;
    height: 20.5vw;
  }

  .exhibitor .spon-box {
    width: 30vw;
    height: 15vw;
  }

  #sponsors .spon-box img {
    width: 65%;
  }

  /* agenda */
  .agenda {
    height: auto;
  }

  .agenda-cont {
    height: auto;
  }

  .agenda-container {
    width: 95%;
  }

  .ag-carousel .item {
    height: auto;
  }

  .ag-cont-box {
    width: 100%;
    height: 16vw;
    gap: 2.5vw;
  }

  .ag-blur {
    width: 100%;
    height: 100vw;
  }

  .ag-blur-box {
    height: 30vw;
  }

  .get-agenda {
    width: 33vw;
    height: 7vw;
    border-radius: 5vw;
    font-family: "Poppins", sans-serif;
    margin-top: 30vw;
    font-size: 2.5vw;
  }

  .ag-time {
    width: 30%;
    font-size: 2.5vw;
  }

  .ag-des {
    width: 65%;
    font-size: 2.5vw;
  }

  /* .ag-br{
    width: fit-content;
  } */
  .ag-time::after {
    width: 0.6vw;
    height: 5vw;
  }

  .ag-head-line {
    height: 3.5vw;
  }

  .ag-date {
    font-size: 3vw;
  }

  .ag-br {
    padding: 1vw 0.5vw;
    padding-bottom: 1.1vw;
  }

  .line2 .ag-des {
    line-height: 2.3vw;
  }

  .line3 .ag-des {
    height: 7vw;
    line-height: 2.95vw;
  }

  .owl-carousel .owl-nav button.owl-next {
    display: none;
  }

  /* gallery */
  #gallery {
    width: 100%;
  }

  .galleryBox {
    width: 100%;
    height: 35vw;
  }

  .galleryContainer {
    width: 100%;
    height: auto;
  }

  #gallery {
    width: 100%;
    height: auto;
  }

  .galleryBox .gIcon {
    left: 45%;
    top: 45%;
  }

  .galleryBox:hover .gIcon {
    width: 10vw;
    height: 10vw;
    font-size: 5vw;
  }

  /* footer */

  #footer {
    width: 100vw;
    height: 35vw;
  }

  .footerContainer {
    flex-direction: column;
    gap: 2vw
  }

  .mb2 {
    margin-left: 2vw;
  }

  .mail-box:hover .mb1::before {
   
  }

  .mb-cont {
    width: auto;
    align-items: center;
  }

  .mb-2 {
    border-left: 1px solid rgba(209, 36, 53, 1);
    border-right: 1px solid rgba(209, 36, 53, 1);
    padding-right: 1vw;
  }

  .mail-box:hover .mb2::before {

  }

  .mail-box:hover .mb3::before {
   
  }

  .fRight {
    width: 45vw;
    gap: 2vw;
  }

  .fUp {
    justify-content: space-around;
  }

  .fUp div {
    width: 4vw;
    height: 4vw;
  }

  .fLinks {
    font-size: 2.55vw;
  }

  .fLeft {
    width: 85vw;
    height: auto;
    display: flex;
    flex-direction: row;
    margin: 0 0 0 0vw;
    gap: 0.8vw;
    justify-content: center;
    align-items: center;
  }

  .mb-cont::before {
    display: none;
  }

  .mail-box {
    width: 40%;
  }

  .mailHead3 {
    font-size: 1.92vw;
  }

  .mail-heading {
    font-size: 1.95vw;
    text-align: center;
  }

  .mail {
    font-weight: 500;
    font-size: 2.12vw;
  }

  .fCopy {
    padding-left: 1vw;
    font-size: 1.825vw;
  }

  section {
    padding: 0;
  }

  /* gallery */
  #gallery {
    width: 100%;
  }

  .galleryBox {
    width: 100%;
    height: 35vw;
  }

  .galleryBox .gIcon {
    left: 45%;
    top: 45%;
  }

  .galleryContainer {
    width: 100%;
    height: auto;
  }

  #gallery {
    width: 100%;
    height: auto;
  }

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

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

  .modalContents {
    width: 80%;
  }

  .inputs input::placeholder {
    font-family: "Poppins", sans-serif;
    font-size: 1.5vw;
    transform: translate(0.3vw, 0vw);
  }

  form {
    width: 100%;
  }

  .form-heading {
    font-size: 3vw;
    font-weight: 800;
    margin: 0vw 0vw;
    margin-top: 4.5vw;
    text-align: center;
    line-height: 4vw;
    width: 80%;
  }

  .check-box {
    width: 85%;
  }

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

  .lt {
    font-size: 1vw;
  }

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

  .f-btn {

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

  .clModal {
    font-size: 1.8vw;
    width: 2vw;
    height: 2vw;
  }

  .clmnew {
    right: 30px;
  }

  .form-img-box {
    display: none;
  }

}

a {
  text-decoration: none !important;
}

.container {
  display: flex;
  gap: 20px;
  /* Space between the two sections */
  padding: 20px;
}

.section {
  flex: 1;
  /* Both sections take equal space */
  padding: 20px;
  border: 1px solid #ccc;
  background-color: #f9f9f9;
}

.left {
  /* Optional additional styling for left section */
}

.right {
  background: url(../images/1.jpg);
  background-position: center;


  /* Optional additional styling for right section */
}

/* Responsive styling for mobile */
@media (max-width: 768px) {
  .container {
    flex-direction: column;
    /* Stack sections vertically */
  }

  .section {
    width: 100%;
    /* Make sections full width */
    padding: 15px;
  }
}

/* Pop UP */

/* Popup overlay */
.popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

/* Popup content */
.popup-content {
  background: #fff;
  padding: 20px;
  border-radius: 8px;
  max-width: 90%;
  text-align: center;
  position: relative;
}

/* Close button */
.popup-close {
  position: absolute;
  top: 0px;
  right: 15px;
  font-size: 24px;
  font-weight: bold;
  cursor: pointer;
}

.popup-content img {
  max-width: 100%;
  height: auto;
}


.styled-table {}

.styled-table th,
.styled-table td {
padding: 10px 10px;

  text-align: center;
  color: #fff;
  

}

.styled-table tbody tr:nth-child(odd) {
  background-color: #b2ebf2 ;
  /* Light gray for odd rows */
}
.styled-table tbody tr:nth-child(even) td {

    color: #b2ebf2  !important;
}
.styled-table tbody tr:nth-child(even) {background-color:#f8f3ea;}

.styled-table tbody tr:hover {}

.bx-50 {
  width: 44%;
  float: left;
  margin: 30px;
}


.section-agenda {}




.section-agenda .container {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  width: 85%;
  margin: 0 auto;
}

.section-agenda .left-section,
.section-agenda .right-section {
  flex: 1;
  min-width: 300px;
  padding: 20px;

  border-radius: 8px;
}

.section-agenda .left-section {}

.section-agenda .right-section {}

@media (max-width: 768px) {
  .section-agenda .container {
    flex-direction: column;
  }
}


/* Tabs */
    :root {
        --primary-color: #b2ebf2 ;
        --text-color: #4b4b4b;
        --secondary-text-color: #8c8c8c;
        --light-gray: #f5f5f5;
        --border-color: #e1e1e1;
    }

    .tabs-container {
        width: 100%;
        max-width: 960px;
        margin: 0 auto;
    }

    .tab-list {
        display: flex;
        justify-content: center;
        gap: 1.5rem;
        margin-bottom: 2rem;
        flex-wrap: wrap;
        /* Allows tabs to wrap on smaller screens */
    }

    .tab-button {
        background-color: #fff;
        border: 1px solid var(--border-color);
        border-radius: 8px;
        padding: 1.5rem 2rem;
        text-align: center;
        cursor: pointer;
        transition: all 0.3s ease;
        position: relative;
        display: flex;
        flex-direction: column;
        gap: 0.25rem;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    }

    .tab-button:hover {
        background-color: var(--light-gray);
    }

    .tab-button.active {
        border-color: var(--primary-color);
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    }

    .tab-button.active::after {
        content: '';
        position: absolute;
        bottom: -1rem;
        left: 50%;
        transform: translateX(-50%) rotate(45deg);
        width: 1rem;
        height: 1rem;
        background-color: var(--primary-color);
        border-right: 1px solid var(--primary-color);
        border-bottom: 1px solid var(--primary-color);
        z-index: 1;
    }

    .day-label {
        font-size: 1.25rem;
        font-weight: bold;
        color: var(--text-color);
        transition: color 0.3s ease;
        font-family: "Poppins" ;
    }

    .date-label {
        font-size: 0.875rem;
        color: var(--secondary-text-color);
        transition: color 0.3s ease;
    }

    .tab-button.active .day-label,
    .tab-button.active .date-label {
        color: 
    }

    /* Tab content styling */
    .tab-content {
        background-color: #fafafa;
        border: 1px solid #fafafa ;
        border-radius: 8px;
        padding: 2rem;
        position: relative;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
    }

    .content-panel {
        display: none;
    }

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

    /* Event item styling */
    .event-item {
        display: flex;
        align-items: flex-start;
        gap: 2rem;
        padding: 1.5rem 0;
        border-bottom: 1px solid var(--light-gray);
    }

    .event-item:last-child {
        border-bottom: none;
    }

    .event-time {
        font-size: 1rem;
        font-weight: bold;
        color: #1D438A;
        white-space: pre-wrap;
        text-transform: uppercase;
        width: 30%;
    }

    .event-details {
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }

    .speaker-info {
        display: flex;
        align-items: center;
        gap: 1rem;
    }

    .speaker-photo {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        border: 2px solid var(--primary-color);
        object-fit: cover;
    }

    .speaker-text {
        display: flex;
        flex-direction: column;
    }

    .speaker-name {
        font-size: 0.9rem;
        font-weight: bold;
        color: var(--text-color);
        text-transform: uppercase;
    }

    .speaker-title {
        font-size: 0.8rem;
        color: var(--primary-color);
    }

    .event-title {
        margin: 0;
        font-size: 1.1rem;
        color: var(--text-color);
    }

    .event-description p {
        margin: 0.5rem 0 0 0;
        color: var(--secondary-text-color);
        line-height: 1.5;
    }

    /* Responsive adjustments */
    @media (max-width: 768px) {
        .tab-list {
            flex-direction: column;
            align-items: center;
        }

        .tab-button {
            width: 100%;
            max-width: 300px;
        }

        .event-item {
            flex-direction: column;
            gap: 1rem;
        }

        .event-time {
            font-size: 1.25rem;
        }

        .event-details {
            width: 100%;
        }
    } 



     .spon-boxes {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        /* 6 items per row */
        gap: 1 0px;
        /* Space between boxes */
        padding: 10px;
    }

    .spon-box {
        background: #fff;
        border: 1px solid #ddd;
        padding: 10px;
        text-align: center;
        transition: transform 0.3s ease;
    }

    .spon-box img {
        max-width: 100%;
        height: auto;
        display: block;
    }

    /* Hover effect */
    .spon-box:hover {
        transform: translateY(-5px);
    }

    /* Responsive: 3 per row on tablets */
    @media (max-width: 992px) {
        .spon-boxes {
            grid-template-columns: repeat(3, 1fr);
        }
    }

    /* Responsive: 2 per row on mobile */
    @media (max-width: 600px) {
        .spon-boxes {
            grid-template-columns: repeat(2, 1fr);
        }
    }

    /* award-page */

    .awards-section {
    padding: 2rem 1rem;
    font-family: Arial, sans-serif;
    line-height: 1.6;
}

.awards-title {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 1rem;
    text-align: center;
}

.download-btn {
    text-align: center;
}

.download-btn .btn {
    padding: 0.5rem 1rem;
    font-size: 1rem;
    text-decoration: none;
}

.awards-description {
    font-size: 1rem;
    margin: 1rem 0 1.5rem;
    text-align: justify;
}

.subheading {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 0.75rem;
}

.pre-req-list {
    list-style: disc inside;
    padding-left: 0;
}

.pre-req-list li {
    margin-bottom: 0.5rem;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .awards-title {
        font-size: 1.5rem;
    }
    .subheading {
        font-size: 1.1rem;
    }
    .awards-description, .pre-req-list li {
        font-size: 0.95rem;
    }
    .download-btn .btn {
        width: 100%;
        display: block;
    }
}
.des-h{
  text-align: left !important;
}

/* Form Css */

.form-scroll-container {
    max-height: 259px ;
    width: 113%;
    overflow-y: auto;
    padding: 25px;
    border: 1px solid #ccc;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);


}

/* Smooth Scroll */
.form-scroll-container::-webkit-scrollbar {
  width: 8px;
}
.form-scroll-container::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 4px;
}
.form-scroll-container::-webkit-scrollbar-thumb {
  background: #007BFF;
  border-radius: 4px;
}

/* Keep your existing styles */
.wpcf7 h2, 
.wpcf7 h3 {
  color: #333;
  margin-bottom: 10px;
  text-align: center;
}
.wpcf7 h3 {
  color: #444;
  margin-top: 25px;
  margin-bottom: 10px;
  text-align: left;
}
.wpcf7 .row {
  display: flex;
  gap: 20px;
  margin-bottom: 15px;
}
.wpcf7 .form-group {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.wpcf7 label {
  font-weight: bold;
  margin-bottom: 6px;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 select,
.wpcf7 textarea {
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 14px;
  width: 100%;
  box-sizing: border-box;
}
.wpcf7 table {
  width: 100%;
  border-collapse: collapse;
  margin: 15px 0;
}
.wpcf7 table th, 
.wpcf7 table td {
  border: 1px solid #ccc;
  padding: 10px;
  text-align: center;
}
.wpcf7 .checkbox-group {
  margin: 15px 0;
}
.wpcf7 .wpcf7-list-item {
  display: block;
  margin-bottom: 8px;
  font-weight: normal;
}
.wpcf7 input[type="checkbox"] {
  margin-right: 8px;
  transform: scale(1.2);
  cursor: pointer;
}
.wpcf7 input[type="submit"] {
  display: block;
  margin: 20px auto 0;
  padding: 12px 25px;
  border: none;
  border-radius: 8px;
  background: #007BFF;
  color: white;
  font-size: 16px;
  cursor: pointer;
  transition: background 0.3s ease;
}
.wpcf7 input[type="submit"]:hover {
  background: #0056b3;
}