@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;
}

.edit3 {
  margin-top: -76px;
}

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

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
  border-color: #ffb900;
  color: #fff;
}

.wpcf7 form.sent .wpcf7-response-output {
  border-color: #46b450;
  color: #fff;
}
.wpcf7-not-valid-tip {
    color: #dc3232;
    font-size: 13px;
    font-weight: normal;
    display: block;
    text-align: left;
}
/* navbar */
.traicon-mob {

  display: none;
}

input::placeholder,
textarea::placeholder {
  font-size: 14px;
  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: 0 auto;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  /* makes it wrap properly on tablet sizes */
}

/* Mobile view */
@media screen and (max-width: 768px) {
  .bg1 {
    display: block;
    /* remove flex layout */
    text-align: center;
    /* optional: center items */
  }

  .bg1 .main-box {
    margin: 15px auto;
    /* add spacing between boxes */
    width: 70%;
    /* make boxes fit nicely */
  }

  .p86 {
    padding: 0;
  }
}


.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;
  height: 362px;
  overflow: scroll;
}

.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: 100%;
}


/* To specifically target the placeholder (for cross-browser compatibility): */
input::placeholder,
textarea::placeholder {
  font-size: 12px !important;
  /* Set the desired smaller size here */
  /* Note: The placeholder inherits the input's font-size by default, 
     so changing the input's font-size is usually enough. */
}

.wpcf7 input[type="checkbox"] {
  /* margin-right: 0; */
  /* transform: scale(1.2); */
  cursor: pointer;
  height: 11px !important;
  width: auto !important;
}

input,
textarea {
  border-radius: 0px;
  margin: 2px 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: #fff;
  float: left;
  /* font-size: 14px !important; */
}

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

 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: 0vw 0vw;
}

.checks label {
  display: flex;
}

.text-left p {
  margin: 15px 0;
}

.f-btn {
  /* background: none;
    border: none;
    font-family: "Poppins", sans-serif;
    font-size: 10px;
    font-weight: 600;
    color: #fff;
    padding: 0.1px 1vw;
    margin: 1vw 0vw;
    cursor: pointer;
    border: 1px solid #bbbbbb; */
}

.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: 6vw;
  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%;
  }

  @media screen and (max-width: 450px) {
    @media screen and (max-width: 450px) {
      .modalWrapper {
        width: 75% !important;
        /* max-width: 95%; */
        margin: 0 auto !important;
        left: 195px !important;
        right: 0px !important;
      }
    }
  }

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

  .modalContents {
    width: 100% !important;
  }

  .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;
}

@media screen and (max-width: 768px) {
  .bx-50 {
    width: 90%;
    /* removes the 44% width */
    float: none;
    /* optional, prevents side-by-side layout */
    margin: 15px 0;
    /* adjust margin for mobile */
    padding: 5px;
  }
}


.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;
    width: 100%;
  }

  .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;
   font-size: 11px !important;
}

.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 */

.iti--allow-dropdown input{    padding-right: 6px;
    padding-left: 52px;
    margin-left: 0;
    width: 100% !important;
    padding-bottom: 12px;
    border-bottom: 1px solid #ccc;
    border-radius: 0px;}
.wpcf7 h2,
.wpcf7 h3 {
  color: #fff;
  margin-bottom: 0;
  text-align: center;
}
.mb-10{margin-bottom: 10px;}
.wpcf7 h3 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  text-align: left;
  padding: 0px 0px 0px 0px;
   
}
@media screen and (max-width :450px) {
  .wpcf7 h3 {
    text-align: center;
  }
}
.font-group p span,
.font-group k span {
    font-size: 16px;
}

.wpcf7 .row {
  display: flex;
  gap: 20px;
  margin-bottom: 15px;
}

.wpcf7 .form-group {
 flex: 1;
    display: flex
;
    flex-direction: column;
    margin-right: 18px;
}

.wpcf7 label {
     font-weight: bold;
    margin-bottom: 6px;
    color: white !important;
    font-size: 16px !important;
    letter-spacing: 1px;
    font-weight: 500;
}

.modalContents p {
  margin: 0px;
  padding: 0px;
}

.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%;
  background-color: #2a75b4;
}

.wpcf7 table th,
.wpcf7 table td {
  border: 1px solid #ccc;
  padding: 2px;
  text-align: center;
  color: white !important;
  font-size: 16px !important;
}

.wpcf7 .checkbox-group {
  margin: 0px 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;
  height: 13px !important;
}

.danger {
  color: red;
  font-size: 16px !important;
 
}

.pad-20 {
  padding: 0px 10px;
}

.mt-10 {
  margin-top: 10px
}

.wpcf7 input[type="submit"] {
  width: auto;
  height: auto;
  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: 16px;
  border: none;
  overflow: hidden;
  cursor: pointer;
  transition: transform ease .4s;
  text-decoration: none;
  padding: 5px 15px;
  margin-top: 16px;


}

.wpcf7 input[type="submit"]:hover {
  background: #0056b3;
}

select.wpcf7-form-control {
  background: transparent;
  border-bottom: 1px solid #d1d1d18a;
  color: #bbbbbb;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  padding: 12px 0;
  width: 100% !important;
  float:left;
  font-size: 16px;
}


/* edited class----------- */

/* @media screen and (max-width: 768px) {
.edit1{
     width: 214px;
    height: 145px;
    margin-left: -40px;
  }

  .bg1 {
    padding: 57px 6px;
    margin-top: 0 !important;

    MARGIN: 0 AUTO;
    JUSTIFY-CONTENT: CENTER;
    margin-top: 0 !important;}
} */
@media screen and (max-width: 450px) {
  .reg-btn {
    /* width: 37vw; */
     width: 47vw;

    margin-bottom: 11px;
    /* height: 8.5vw; */
    height: 7.0vw;
    border-radius: 10vw;
    font-size: 3.05vw;
  }
}

@media screen and (max-width:450) {
  .bg1 {
    padding: 57px 6px !important;
    margin-top: 0 !important;
    MARGIN: 0 AUTO !important;
    JUSTIFY-CONTENT: CENTER;
    margin-top: 0 !important;
    margin-left: 31px !important;

  }
}

@media screen and (max-width :450px) {
  .strategy-boxs h4 {
    font-weight: 600 !important;
    font-size: 4vw !important;
  }

  .edit1 {
    height: 153px;
    width: 248px;
  }
}


@media screen and (max-width :450px) {
  .owl-carousel .owl-stage-outer 
  {
    margin-top: 53px;
    position: relative;
    overflow: hidden;
    margin-left: 47px;
  }

 
}
.mt-5 {margin-top: 0px;}
.padd-20{padding: 20px;}
/* Deletgates Form CSS */
.calculated-amount
{
    color: #fff;
    font-size: 16px;
    padding: 9px;
}
.inputs .row {
    display: flex;
    flex-wrap: wrap;
    gap: 20px; /* space between inputs */
    margin-bottom: 20px;
}

.wpcf7 form .wpcf7-form-control {
  font-size: 16px !important;
}



.inputs .row .form-control {
    flex: 1 1 calc(50% - 20px); /* two per row */
    min-width: 250px; /* prevent too small on small screens */
}
.wpcf7-form-control-wrap {
   
}
/*  Ensure full width for textareas or long inputs */

@media screen and (max-width: 450px) {
  .wpcf7-form-control-wrap {
    position: relative;
    float: left;
    width: 90%;
    margin: 0 1px;
  }
}
.edit15{
      font-size: 16px;
      text-align: justify;
    color: white;
}


    @media screen and (max-width: 450px) {
  .edit16{
           margin-top: -65px !important;
  }
  .edit18{
      margin-left: -97px !important;
}
.pad-20 {
      padding: 0px 10px;
    width: 100%;
    padding-right: 22px;
}
}
.edit17{
  color:white !important;
}
.edit20{
      margin-top: -8px !important;
}
.padd-20 {
  width: 100%;
  padding: 20px;
}

.form-row {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 0px;
}

.form-group {
  flex: 1;
     min-width: calc(50% - 50px);
}

.form-control {
  width: 100% !important;
  padding: 10px;
  border-bottom: 1px solid #ccc;
  border-radius: 0px;
}

@media (max-width: 768px) {
  .form-group {
    min-width: 100%;
  }
}

.popup-content {
    background: rgba(0, 0, 0, 0.8);
    margin: 7% auto 0;
    padding: 20px;
    border-radius: 10px;
    width: 60%;
    text-align: center;
    position: relative;
    height: 422px !important;
    overflow-x: hidden;
    overflow-y: scroll;
}

.country-select.inside .flag-dropdown {
   
    margin: 17px 0 0;
}

.telephone_input_class{    padding-left: 50px !important;}
.SSS{POSITION: ABSOLUTE;
    DISPLAY: BLOCK;
    WIDTH: 100%;
    TEXT-ALIGN: LEFT;
    MARGIN: -18PX 10px;}
.NN{       font-size: 16px !important;
    color: #bbbbbb;
    width: 100% !important;
    padding: 10px;
    border-bottom: 1px solid #ccc;
    border-radius: 0px;
    WIDTH: 94% ! IMPORTANT;
    DISPLAY: INLINE-BLOCK;
    TEXT-ALIGN: -WEBKIT-AUTO;
    MARGIN-LEFT: 0;color: red !important;}
.wpcf7 input[type="file"]{    font-size: 16px !important;
    color: #bbbbbb !important;
    width: 100% !important;
    padding: 10px !important; 
    border-bottom: 1px solid #ccc !important;
    border-radius: 0px !important; opacity: 1 !important;}
.font-group p span,
.font-group k span,
.font-group input {
    font-size: 16px !important;
}
.form-group select.form-control option {
    color: black !important;
}
tr:nth-child(even){background: #2a75b4 !important;}
.iti--allow-dropdown .iti__flag-container{    top: 23px;}
.iti

 {
    position: relative;
    display: block;
}
/* Text input file input both font size 16px */
.form-control {height: auto !important;}
.form-row .form-group input,
.form-row .form-group input[type="file"] {
   font-size: 16px !important;
    color: #bbbbbb;
    width: 100% !important;
    padding: 10px;
    border-bottom: 1px solid #ccc !important;
    border-top: 0px solid #ccc !important;
    border-left: 0px solid #ccc !important;
    border-right: 0px solid #ccc !important;

    border-radius: 0px;
    background: transparent !important;
}

/* placeholder text also 16px  */
.form-row .form-group input::placeholder {
    font-size: 16px !important;
    color: #bbbbbb !important;
}



 /* Green Banner */
    .green-banner {
        /* background-color: #28a745; */
        color: #000000ff;
        padding: 50px 20px;
        text-align: center;
        border-radius: 8px;
        margin-bottom: 40px;
    }

    .green-banner h1 {
        font-size: 2.5rem;
        margin-bottom: 20px;
    }

    .green-banner p {
        font-size: 1.1rem;
        margin: 0 auto 20px;
    }

    .btn-download {
        display: inline-block;
        background-color: #fff;
        color: #28a745;
        padding: 10px 25px;
        border-radius: 5px;
        text-decoration: none;
        font-weight: bold;
        margin-top: 20px;
    }

    /* Two-column layout */
    .columns {
        display: flex;
        gap: 20px;
        flex-wrap: wrap;
        max-width: 1200px;
        margin: 0 auto;
    }

    .column {
        flex: 1 1 45%;
        margin-top: 35px;
    }

    /* Card Accordion */
    .card {
        border: 1px solid #ccc;
        border-radius: 5px;
        margin-bottom: 15px;
        overflow: hidden;
    }

    .card-header {
        background: #b5cbd4;
        padding: 15px;
        cursor: pointer;
        font-weight: 600;
        position: relative;
    }

    .card-header .arrow {
        position: absolute;
        right: 15px;
        transition: transform 0.3s;
    }

    .card-body {
        display: none;
        padding: 15px;
        background: #fff;
    }

    .card.active .card-body {
        display: block;
        background-color: #eeeeee;
    }

    .card.active .arrow {
        transform: rotate(-180deg);
    }

    /* Responsive */
    @media(max-width:768px) {
        .column {
            flex: 1 1 100%;
        }
    }

    .application-prerequisite {
        padding: 50px 20px;
        background-color: #f9f9f9;
        /* optional light background */
    }

    .application-prerequisite .main-had {
        font-size: 2rem;
        font-weight: 600;
        color: #1D438A;
        margin-bottom: 20px;
    }

    .application-prerequisite .prerequisite-list {
        font-size: 1rem;
        line-height: 1.8;
        padding-left: 20px;
        color: #333;
    }

    .awards-accordion {
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .edit11{
        background-color: #F0F7FA;
    }

        /* Popup container (hidden by default) */
.popup {
  display: none; /* Hidden by default */
  position: fixed;
  z-index: 999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.5);
}

.wpcf7 form .wpcf7-response-output {margin: 0;}
.padd-20 p {margin-bottom: 0;}
table p {padding: 0;    margin: 3px;}
.text-white{color:#fff}
/* Popup content */
.popup-content {
  background: rgba(0,0,0,0.8);
  margin: 7%  auto 0;
  padding: 20px;
  border-radius: 10px;
  width: 60%;
  text-align: center;
  position: relative;
  height: 350px;
     overflow-x: hidden;
    overflow-y: scroll;
}

/* 📱 Mobile view (below 768px) */
@media screen and (max-width: 768px) {
  .popup-content {
    width: 100%;
    height: 100vh;
    margin: 0;
    border-radius: 0;
  }
  .wpcf7 label {text-align: left;}
}

/* Close button */
.close {
  position: absolute;
  top: 8px;
  left: 12px;
  font-size: 32px;
  cursor: pointer;
  color: #fff;
  
}


/* file */