/* body {
    background: url(./assets/images/black_bg.jpg) !important;
} */

.video__wrapper {
  position: relative;
  z-index: 1;
}

.heading_white {
  color: #fff !important;
  margin: 0 0 50px;
}

.box-our-features-2,
.box-our-team-2-inner {
  background-color: #f0f1ff;
  padding: 60px 0;
  border-radius: 20px;
}

.video__wrapper::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  opacity: 0.4;
  /* background: linear-gradient(45deg, black, #000000); */
  background: url(./assets/images/videobg.png);
}

.lv_timer_info h1 {
  font-size: 25px;
  color: #fff;
  text-align: center;
  font-weight: 800;
  margin: 10px 0 0;
}

.lv_timer_info p {
  color: #fff;
  font-size: 18px;
  text-align: center;
  margin: 0 10px;
}

.bg-vd {
  position: relative;
  /* z-index: -1; */
}

/* .banner-img {
    margin-top: -100px;
} */

#vd {
  position: absolute;
  z-index: 1111;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.lv_timer_info {
  text-align: center;
}

.logo-mid {
  width: 500px;
}

.eventDate {
  position: relative;
  width: fit-content;
  height: 3vw;
  border-radius: 2vw;
  font-size: 1.1vw;
  border: 0.1px solid grey;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgb(255 255 255) !important;
  background: linear-gradient(147deg, rgb(33 72 137), rgb(33 72 137));
  padding: 0px 42px;
  font-weight: 800;
  margin: 0 auto;
  box-shadow: rgb(0, 255, 136) 0px 0px 13px;
}

#venue {
  margin-bottom: -10px;
}

#venue h3,
#venue h5 {
  color: #fff;
}

.miss__wrapper {
  padding: 0 0 60px;
}


.miss__inner {
  background: #00000000;
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
  border-radius: 10px;
  border: 1px solid rgb(175 255 194 / 91%);
  display: flex;
  flex-direction: column;
  padding: 20px;
  margin: 0 0 20px;
}

.miss__inner h3 {
  font-size: 24px;
  font-weight: 600;
  line-height: 30px;
  color: #000000;
  /* text-shadow: 2px 2px 3px #696969; */
}


.miss__inner p {
  color: #000000;
  font-size: 17px;
  line-height: 28px;
  margin: 20px 0;
}

.past__partner h1 {
  color: #000 !important;
}

.past__partner {
  margin: 40px 0 !important;
  background: #fff;
}

.venue__main {
  display: flex;
  align-items: center;
}

.venue__meta {
  display: flex;
  align-items: center;
  margin: 10px 10px 30px;
}

.venue__meta img {
  width: 26px;
  padding-right: 10px;
}

.venue__meta p {
  color: #000000;
  font-size: 17px;
  font-weight: 800;
}

.who_attend {
  padding: 80px 0;
  position: relative;
  background: url(./assets/imgs/page/homepage3/bg-working.png) no-repeat top center;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.who_attend h2 {
  text-align: center;
  font-size: 48px;
  line-height: 62px;
  background: linear-gradient(175deg, #cee7eb 0%, #017eff 50%, #017eff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 800;
}

.who_attend h4 {
  text-align: center;
  font-size: 17px;
  font-weight: 900;
  margin: 0 0 30px;
}

.authorities {
  background: #589ba6 !important;
  text-transform: uppercase;

}

.who_attend .leaderss {
  background: #589ba6 !important;
  text-transform: uppercase;
}

.attend_image img {
  border-radius: 15px;
}

.attend_inner {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  background: url(./assets/images/blur.png);
  background-size: cover;
  opacity: 0.85;
  padding: 40px 60px;
  height: 260px;
  margin: 20px 0;
}

.attend_inner h3 {
  font-size: 25px;
  line-height: 29px;
  font-weight: 700;
}

.attend_inner p {
  font-size: 18px;
  margin: 10px 0 0;
}

.about_btn a {
  color: #ffffff;
}

#about {
  background: #cee7eb;
  background-size: contain;
  background-repeat: no-repeat;
  margin-top: -10px;
}

#about .container {
  background: url('./assets/images/grain.jpg');
  padding: 40px;
  border-radius: 20px;
  padding: 40px;
  border-radius: 20px;
  background-repeat: no-repeat;
  background-size: cover;
}

#about h2 {
  color: #000 !important;
  font-size: 35px;
  line-height: 53px;
  font-weight: 900;
  margin: 0 0 20px;
}

.speaker_box {
  background: #fff;
}

.leaders {
  background-color: #214889;
  background-image: url(./assets/images/speaker_bg.png);
  background-repeat: no-repeat;
  position: relative;
  background-attachment: fixed;
  z-index: 1;
  margin: 0 0 60px;
  padding: 50px 0;
}

.leaders h2 {
  text-align: center;
  margin: 0 0 40px;
}

.leaders::before {
  /* content: ''; */
  position: absolute;
  background: linear-gradient(236deg, #0086AF 0%, #000000d6 100%);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}

.top__leader {
  margin: 0 0 40px;
  background: linear-gradient(to top, #43b02247 10%, #00ff8803 70%);
  padding: 20px;
  box-shadow: rgb(127 136 118 / 65%) 0px 3px 2px 0px;
  border-radius: 10px;
}

/* .top__leader:hover,
.bottom__inner:hover {
    background: linear-gradient(to bottom, #43b02247 10%, #00ff8803 70%);
} */

.top__leader img {
  width: 300px;
}

.top__leader h2 {
  font-size: 25px;
  font-weight: 800;
  line-height: 36px;
}

.top_leader_text h4 {
  font-size: 19px;
  font-weight: 600;
  color: #000000;
}

.top_leader_text p {
  font-size: 16px;
  font-weight: 500;
}

.bottom__inner {
  margin: 0 0 40px;
  border-radius: 10px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgb(0 0 0 / 64%) 0px 30px 60px -30px;
  background: #fff;
}

.bottom__inner:hover {
  box-shadow: rgb(22 151 147 / 16%) 0px 0px;
  transition: ease-in-out.3s;
}

.bottom__inner:hover img {
  filter: grayscale(.9);
}

.btM_text {
  padding: 0 20px 20px;
  text-align: center;
  min-height: 135px;
  background: #fff;
}

.bottom__inner h5 {
  background: linear-gradient(236deg, #0086AF 0%, #73DB1B 100%);
  width: fit-content;
  padding: 2px 10px;
  margin: 0 0 5px;
  border-radius: 7px;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 19px;

}

.bottom_speakers h2 {
  font-size: 16px;
  font-weight: 800;
  line-height: 26px;
  margin: 0;
  color: #000000;
}

.bottom_speakers p {
  color: #214889;
  font-size: 13px;
  line-height: 20px;
  padding: 10px 0 0;
  font-weight: 700;
}

.bottom_speakers h4 {
  font-size: 13px;
  line-height: 18px;
  font-weight: 400;
  color: #000000;
}

.leaders .title {
  margin: 0 0 30px;
  background: -webkit-linear-gradient(236deg, #0086AF 0%, #73DB1B 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.partner{
  padding: 60px 0;
}
.partner h2{
  font-size: 48px;
  line-height: 1.3;
  text-transform: capitalize;
  font-weight: 700;
  text-align: center;
}

.partner .partner_title {
  text-align: center;
  font-size: 17px;
  color: #214889;
  font-weight: 400;
  text-transform: uppercase;
  margin: 40px 0 0;
  font-family: sans-serif !important;
}

.speaker_title {
  text-align: center;
  font-size: 32px !important;
  color: #ffffff !important;
  font-weight: 800 !important;
  margin: 0 0 20px;
  text-transform: uppercase;
}

.speaker_title span {
  color: #55c542;
}

.third {
  padding: 0 13px;
}

.key_theme {
  background: #fcfcfa;
  /* background: #fff; */
  padding: 60px 0;
  position: relative;
  background-attachment: fixed;
  z-index: 1;
}

/* .key_theme::before {
    content: '';
    position: absolute;
    background: linear-gradient(236deg, #0086AF 0%, #376c0bd6 100%);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
} */

.key_theme h2 {
  text-align: center;
  color: #000;
  font-weight: 900;
  font-size: 50px;
  padding: 0 0 20px;
}

.why_panch {
  background: url(./assets/images/why.png);
  background-size: cover;
  padding: 60px 20px;
  min-height: 600px;
  background-position: bottom;
}

.why_panch h2 {
  font-weight: 800;
  text-align: center;
  color: #00160b;
  padding: 0 0 50px;
  font-size: 35px;
}

.why_punch_inner {
  padding: 10px 20px;
  border-radius: 15px;
  margin: 0 0 40px;
  border: 1px solid #33333354;
  backdrop-filter: blur(16px) saturate(180%);
  -webkit-backdrop-filter: blur(16px) saturate(180%);
  background-color: rgb(255 255 255 / 42%);
  border-radius: 12px;
  border: 2px solid rgb(176 246 131);
  min-height: 150px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.why_punch_inner h3 {
  margin: -10px -20px 20px;
  background: #214889;
  color: #fff;
  padding: 0px;
  font-size: 20px;
  text-align: center;
  font-weight: 700;
}

.why_punch_inner p {
  font-size: 17px;
  font-weight: 500;
  line-height: 28px;
}

.why_2 {
  background: #1a499c !important;
}

.why_3 {
  background: #b0f683 !important;
  color: #000 !important;
}

.why_4 {
  background: #99480a !important;
}




figure.snip1212 {
  font-family: 'Raleway', Arial, sans-serif;
  color: #fff;
  position: relative;
  overflow: hidden;
  margin: 10px;
  /* min-width: 220px;
    max-width: 310px; */
  max-height: 350px;
  width: 100%;
  border-radius: 10px;
  color: #000000;
}

figure.snip1212 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}

figure.snip1212 img {
  max-width: 100%;
  position: relative;
}


figure.snip1212 figcaption {
  position: absolute;
  bottom: 0%;
  left: 0;
  width: 100%;
  z-index: 9;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}

figure.snip1212 h2,
figure.snip1212 p {
  margin: 0;
  width: 100%;
  padding: 10px 20px;
}

figure.snip1212 h2 {
  color: #ffffff;
  position: absolute;
  bottom: 100%;
  display: inline-block;
  text-transform: uppercase;
  font-size: 22px;
  font-weight: bold;
}

figure.snip1212 p {
  background: rgba(255, 255, 255, 0.9);
  font-size: 18px;
  font-weight: 600;
  font-family: 'Urbanist';
  text-align: center;
}

figure.snip1212 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  z-index: 1;
  background: linear-gradient(to top, #000000 0%, #ffffff00 100%);
}


figure.snip1212:hover img,
figure.snip1212.hover img {
  opacity: 0.4;
}

figure.snip1212:hover figcaption,
figure.snip1212.hover figcaption {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.footer_top {
  background: url(./assets/images/footer_bg_1.jpg);
  background-position: center;
  background-repeat: no-repeat;
  /* background-attachment: fixed; */
  height: 468px;
  padding: 60px 0;
}

.footer_top h3 {
  color: #fff;
}


.key_theme {
  padding: 60px 0;
}


.img61 {
  width: 71px;
  position: fixed;
  left: 30px;
  top: -6px;
  z-index: 1000;
  background: #ffffff;
}


.images-leaning {
  box-sizing: border-box;
  width: 100%;
  min-width: 800px;
  margin: 5em auto 0;
  min-height: 330px;
  position: relative;
  background-repeat: no-repeat;
  background-image: linear-gradient(352deg, transparent 45.2%, #bbb 45.5%, #bbb 45.6%, #ccc 45.8%, #eee 60%), linear-gradient(30deg, #ccc, #eee 90%);
  background-size: 100% 32.4em;
  background-position: 50% 100%;
}

.images-leaning>div {
  width: 250px;
  position: absolute;
  left: 50%;
  bottom: 7.8em;
  z-index: 0;
  display: flex;
  justify-content: flex-end;
}

.images-leaning>div:before {
  content: '';
  width: 60%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 7%;
  z-index: 1;
  background-repeat: no-repeat;
  background-image: linear-gradient(120deg, transparent 42%, rgba(0, 0, 0, 0.15) 45%, rgba(0, 0, 0, 0.35) 65%), linear-gradient(20deg, transparent 38%, rgba(0, 0, 0, 0.25) 45%, rgba(0, 0, 0, 0.23) 55%, rgba(0, 0, 0, 0.13) 75%), radial-gradient(ellipse at 50% 100%, rgba(0, 0, 0, 0.15) 3%, transparent 40%);
  transform: rotate(-8deg);
}

.images-leaning>div:after {
  content: '';
  width: 60%;
  height: 100%;
  position: absolute;
  z-index: 3;
  background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.3), transparent 70%), linear-gradient(45deg, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0.3) 80%);
  transform: perspective(20em) rotateY(1deg) rotateZ(-5deg) skewY(-2deg) skewX(-1deg) scaleX(var(--resize));
}

.images-leaning>div>img {
  width: 60%;
  height: 100%;
  display: block;
  position: relative;
  z-index: 2;
  border-left: 0.2em solid;
  border-image: linear-gradient(105deg, transparent 0.5%, #aaa 0.7%) 1;
  box-shadow: 0.1em 0.2em 0 -0.1em #666;
  filter: saturate(90%);
  transform: perspective(20em) rotateY(1deg) rotateZ(-5deg) skewY(-2deg) skewX(-1deg) scaleX(var(--resize));
}

.images-leaning>div:nth-of-type(4) {
  --resize: 0.99;
  margin-left: -40.4em;
}

.images-leaning>div:nth-of-type(4):before {
  background-size: 100% 85%, 100% 15%, 100% 10%;
  background-position: 0.1em 0, 0 100%, -3em 83%;
}

.images-leaning>div:nth-of-type(3) {
  --resize: 0.96;
  margin-left: -15.3em;
  transform: scaleY(0.98) translate(-8em, -2.1em);
}

.images-leaning>div:nth-of-type(3):before {
  background-size: 100% 84%, 100% 16%, 100% 10%;
  background-position: 0.4em 0, 0 100%, -3em 81%;
}

.images-leaning>div:nth-of-type(2) {
  --resize: 0.925;
  margin-left: 10em;
  transform: scaleY(0.965) translate(-17em, -4.2em);
}

.images-leaning>div:nth-of-type(2):before {
  background-size: 100% 83%, 100% 17%, 100% 10%;
  background-position: 0.6em 0, 0.1em 100%, -3em 81%;
}

.images-leaning>div:nth-of-type(1) {
  --resize: 0.895;
  margin-left: 35.2em;
  transform: scaleY(0.94) translate(-26.6em, -6.2em);
}

.images-leaning>div:nth-of-type(1):before {
  background-size: 100% 82%, 100% 18%, 100% 10%;
  background-position: 0.8em 0, 0.1em 100%, -3em 80%;
}

.body2 {
  margin: 0 auto;
  padding: 60px 0 0 !important;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: #eee;
  font-size: 10px;
}

.images-basic {
  width: 600px;
  padding: 5em 0;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
}

.images-basic>div {
  width: 130px;
}

.images-basic img {
  width: 100%;
  display: block;
}


.footer-social__v3 {
  display: flex;
  align-items: center;
  gap: 28px;
  margin-top: 20px;
  padding-top: 10px;
  /* border-top: 1px solid #363e6a; */
}

.footer-social__v3 h4 {
  margin: 0;
  color: #fff;
  font-size: 20px;
  font-weight: 400;
}

.footer-social__v3 a {
  background: transparent;
  padding: 0;
  width: 0;
  height: 0;
  color: #fff;
  margin-right: 15px;
}

.footer-social__v3 .social-icon {
  margin-right: 40px;
}

.footer-social__v3 a:hover {
  color: var(--primary_color);
}

.footer__connect {
  display: flex;
  align-items: center;
  margin: 20px 0 0;
  font-weight: 800;
}

.footer__connect p {
  margin-bottom: 0;
  margin-left: 8px;
}

.footer__connect p a {
  color: #ffffff;
}

.footer__connect .fa-phone {
  animation: pulse-animation 2s infinite;
  color: #fff;
}

.default-btn--secondary {
  background-color: #32C2FA;
  color: #19183e;
  padding: 10px 20px;
  display: inline-block;
  margin: 20px 0;
}

@keyframes pulse-animation {
  0% {
    box-shadow: 0 0 0 0px #ffffffb3;
    border-radius: 50px;
    padding: 5px;
  }

  100% {
    box-shadow: 0 0 0 10px #ffffff26;
    border-radius: 100px;
    padding: 5px;
  }
}

.menu-foot>li>a {
  color: #e9e9e9;
  font-size: 15px;
}

.menu-foot>li {
  margin-bottom: 10px;
}


/* business focused format */
#business {
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #e3e3e3;
  background: linear-gradient(to top, rgb(42, 5, 48), rgb(33 72 137));
  padding: 2vw 0 5vw;
}

.business-container {
  width: 90%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 1;
  gap: 3vw;
}

.bus-patch {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #00000097;
}

.business-head {
  font-size: 40px;
  color: #fff;
  letter-spacing: 1px;
  font-weight: 600;
  padding: 40px 0 0;
}

.business-boxes {
  width: 100%;
  display: flex;
  height: 35vw;
  align-items: center;
  justify-content: center;
}

.bus-box {
  position: relative;
  width: 20%;
  height: 95%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 2.5vw;
  padding: 1vw;
}


.bus-inbox {
  width: 100%;
  height: 100%;
  border-radius: 2vw;
  display: flex;
  flex-direction: column;
  transition: all ease .4s;
}

.bus-cont {
  width: 100%;
  height: 75%;
  display: flex;
  gap: 1vw;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border-radius: 2vw;
  background-color: #887be00d;
  transition: all ease .4s;
}

.bus-num {
  width: 100%;
  height: 25%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  transition: all ease .4s;
}

.bus-num .num:before {
  content: '';
  position: absolute;
  width: 3px;
  height: 80%;
  left: 1.5vw;
  top: -2vw;
  background-color: #fff;
}

.bus-num .num {
  position: relative;
  font-size: 3vw;
  width: 5vw;
  height: 5vw;
  display: flex;
  align-items: center;
  justify-content: center;
}

.bb-icon {
  width: 6vw;
  height: 6vw;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  transition: all ease .4s;
}

.bb-icon svg {
  width: 65%;
  transition: all ease .4s;
}

.bb-head {
  width: 95%;
  height: auto;
  font-size: 16px;
  display: flex;
  align-items: start;
  justify-content: center;
  text-align: center;
  color: #fff;
  transition: all ease .4s;
}

.bb-des {
  width: 90%;
  height: auto;
  font-size: 1vw;
  text-align: center;
  line-height: 1.5;
  display: flex;
  color: #cdcdcd;
  align-items: center;
  justify-content: center;
}

.bb1 .num::before {
  left: 1.8vw;
  top: -2.5vw;
}

.bb1 .bb-des {
  padding: 1vw 0;
}

.bus-box:hover .bus-cont {
  background: #575be9;
}

.bb2:hover .bus-cont,
.bb4:hover .bus-cont {
  background: #3a6307;
}

.bb2 .bus-num .num:before,
.bb4 .bus-num .num:before {
  top: 3.3vw;
}

.bb3 .bus-num .num:before,
.bb5 .bus-num .num:before {
  top: -2.5vw;
}

.bb2 .bus-inbox,
.bb4 .bus-inbox {
  flex-direction: column-reverse;
}

#contact {
  padding: 0 0 60px !important;
}

.bb-line {
  position: absolute;
  width: 100%;
  height: 100%;
}

.bb1:before {
  content: '';
  width: 2px;
  height: 50%;
  position: absolute;
  left: 0;
  top: 2vw;
  background-color: #cdcdcd;
}

.bb1::after {
  content: '';
  width: 77%;
  height: 1.5px;
  position: absolute;
  top: 0px;
  left: 2vw;
  background-color: #cdcdcd;
}

.bb1 .bb-line::before {
  content: '';
  position: absolute;
  width: 4vw;
  height: 4vw;
  top: 0;
  right: 1px;
  border: 2px solid #cdcdcd00;
  border-radius: 50%;
  rotate: 45deg;
  border-top: 2px solid #cdcdcd;
}

.bb1 .bb-line:after {
  content: '';
  position: absolute;
  width: 4vw;
  height: 4vw;
  top: 0;
  border: 2px solid #cdcdcd00;
  border-radius: 50%;
  rotate: -45deg;
  border-top: 2px solid #cdcdcd;
}

/* 2nd box */
.bb2:before {
  content: '';
  width: 2px;
  height: 88%;
  position: absolute;
  left: -2.5px;
  top: 2vw;
  background-color: #cdcdcd;
}

.bb2::after {
  content: '';
  width: 82%;
  height: 1.5px;
  position: absolute;
  bottom: 1px;
  left: 1.5vw;
  background-color: #cdcdcd;
}

.bb2 .bb-line::before {
  content: '';
  position: absolute;
  width: 4vw;
  height: 4vw;
  bottom: 0;
  right: -1px;
  border: 2px solid #cdcdcd00;
  border-radius: 50%;
  rotate: 125deg;
  border-top: 2px solid #cdcdcd;
}

.bb2 .bb-line:after {
  content: '';
  position: absolute;
  width: 4vw;
  height: 4vw;
  bottom: 0;
  left: -2px;
  border: 2px solid #cdcdcd00;
  border-radius: 50%;
  rotate: -125deg;
  border-top: 2px solid #cdcdcd;
}

/* 3rd box */
.bb3:before {
  content: '';
  width: 2px;
  height: 89%;
  position: absolute;
  left: -1.5px;
  top: 2vw;
  background-color: #cdcdcd;
}

.bb3::after {
  content: '';
  width: 79%;
  height: 1.5px;
  position: absolute;
  top: 0;
  left: 1.7vw;
  background-color: #cdcdcd;
}

.bb3 .bb-line::before {
  content: '';
  position: absolute;
  width: 4vw;
  height: 4vw;
  top: 0;
  right: 0;
  border: 2px solid #cdcdcd00;
  border-radius: 50%;
  rotate: 45deg;
  border-top: 2px solid #cdcdcd;
}

.bb3 .bb-line:after {
  content: '';
  position: absolute;
  width: 4vw;
  height: 4vw;
  top: 0;
  left: -1px;
  border: 2px solid #cdcdcd00;
  border-radius: 50%;
  rotate: -45deg;
  border-top: 2px solid #cdcdcd;
}

/* 4th box */
.bb4:before {
  content: '';
  width: 2px;
  height: 89%;
  position: absolute;
  left: -1.5px;
  top: 2vw;
  background-color: #cdcdcd;
}

.bb4::after {
  content: '';
  width: 82%;
  height: 2px;
  position: absolute;
  bottom: 0.5px;
  left: 1.6vw;
  background-color: #cdcdcd;
}

.bb4 .bb-line::before {
  content: '';
  position: absolute;
  width: 4vw;
  height: 4vw;
  bottom: 0;
  right: -1px;
  border: 2px solid #cdcdcd00;
  border-radius: 50%;
  rotate: 125deg;
  border-top: 2px solid #cdcdcd;
}

.bb4 .bb-line:after {
  content: '';
  position: absolute;
  width: 4vw;
  height: 4vw;
  bottom: 0;
  left: -1px;
  border: 2px solid #cdcdcd00;
  border-radius: 50%;
  rotate: -125deg;
  border-top: 2px solid #cdcdcd;
}

/* 5th box */
.bb5:before {
  content: '';
  width: 2px;
  height: 89%;
  position: absolute;
  left: -1px;
  top: 2vw;
  background-color: #cdcdcd;
}

.bb5::after {
  content: '';
  width: 79%;
  height: 2px;
  position: absolute;
  top: 0px;
  left: 1.8vw;
  background-color: #cdcdcd;
}

.bb5 .bb-line::before {
  content: '';
  position: absolute;
  width: 4vw;
  height: 4vw;
  top: 0;
  right: 0;
  border: 2px solid #cdcdcd00;
  border-radius: 50%;
  rotate: 45deg;
  border-top: 2px solid #cdcdcd;
}

.bb5 .bb-line:after {
  content: '';
  position: absolute;
  width: 4vw;
  height: 4vw;
  top: 0;
  left: -1px;
  border: 2px solid #cdcdcd00;
  border-radius: 50%;
  rotate: -45deg;
  border-top: 2px solid #cdcdcd;
}

.b5-box {
  position: absolute;
  width: 100%;
  height: 100%;
}

.b5-box::after {
  content: '';
  width: 2px;
  height: 38%;
  position: absolute;
  right: 0;
  bottom: 2vw;
  background-color: #cdcdcd;
}

.b5-box:before {
  content: '';
  position: absolute;
  width: 1vw;
  height: 1vw;
  background-color: #fff;
  right: -.5vw;
  z-index: 1;
  top: 55%;
  border-radius: 50%;
}

.b5-box:before {
  content: '';
  position: absolute;
  width: 1vw;
  height: 1vw;
  background-color: #fff;
  right: -.5vw;
  z-index: 1;
  top: 55%;
  border-radius: 50%;
}

.bb6::after {
  content: '';
  width: 79%;
  height: 2px;
  position: absolute;
  bottom: 1px;
  left: 23px;
  background-color: #cdcdcd;
}

.b1-box {
  position: absolute;
  width: 100%;
  height: 100%;
}

.b1-box:before {
  content: '';
  position: absolute;
  width: 1vw;
  height: 1vw;
  background-color: #fff;
  left: -.5vw;
  z-index: 1;
  top: 55%;
  border-radius: 50%;
}

.bus-box:hover .bus-num {
  color: #cdcdcd;
}

.bus-box:hover .num::before {
  background-color: #cdcdcd;
}

.bus-box:hover .bb-icon svg {
  transform: rotateY(360deg);
}

.bus-box:hover .bb-icon {
  background-color: #ffffff;
}

.bb1:hover svg,
.bb3:hover svg,
.bb5:hover svg {
  fill: #575be9;
}

.bb2:hover svg,
.bb4:hover svg {
  fill: #e7497b;
}



/* timer section css */
#clockdiv {
  font-family: sans-serif;
  color: #fff;
  display: inline-block;
  font-weight: 100;
  text-align: center;
  font-size: 30px;
  margin: 40px 0 0;
}

#clockdiv>div {
  padding: 10px;
  display: inline-block;
  background: rgba(255, 255, 255, 0.25);
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.18);
}

#clockdiv div>span {
  padding: 15px;
  border-radius: 3px;
  display: inline-block;
  font-size: 40px;
  font-weight: 800;
}

.smalltext {
  padding-top: 5px;
  font-size: 16px;
}

.footer_above {
  background: url(https://jobaway.vercel.app/assets/images/shape/shape-2.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  padding: 60px 0;
}

.newsletter_wrapper {
  background: #fff;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding: 20px 0;
}

.submit {
  background: linear-gradient(236deg, #0086AF 0%, #73DB1B 100%);
  border: none;
  outline: none;
  cursor: pointer;
  color: white;
  padding: 11px 35px;
  font-size: 1rem;
  font-weight: 700;
  border-radius: 50px;
}

.newsletter_wrapper .input-main input {
  height: 26px;
  width: 100%;
  background: none;
  border: none;
  outline: none;
  color: #a2a2a2;
  font-size: 1rem;
}

.newsletter_wrapper .input-main input::placeholder {
  color: #a2a2a2;
}

.newsletter_wrapper .input-main {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 15px;
  background-color: #ebebeb;
  border-radius: 100px;
  margin-right: 15px;
}

.newsletter_wrapper .input-main svg {
  width: 30px;
  height: auto;
  fill: #a2a2a2;
  margin-right: 10px;
}

.newsletter_wrapper .form-box {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 20px;
  margin: 20px 0;
}

.newsletter_wrapper .description {
  font-size: 1.1rem;
  color: #636363;
  margin-top: 10px;
}

.newsletter_wrapper .title {
  text-transform: uppercase;
  font-weight: 900;
  font-size: 40px;
  color: #4a4a4a;
}

.newsletter_wrapper .img-head {
  width: 100%;
  height: auto;
  margin-top: 45px;
}

.newsletter_wrapper .container {
  text-align: center;
  border-radius: 50px;
  margin: 50px auto;
}

.attend_left {
  background: #fff;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
  padding: 0 30px 5px;
  margin: 20px 0;
  border-radius: 15px;
  overflow: hidden;
}

.attend_left h3 {
  margin: 0 -30px;
  background: #b9ffce;
  color: #000000;
  font-size: 13px;
  text-align: center;
  font-weight: 700;
  text-transform: uppercase;
}

.who_attend p {
  font-style: italic;
  text-align: center;
}

.attend_left ul {
  list-style: disc;
}

.attend_left ul li {
  font-size: 14px;
  padding: 6px 0 10px;
  line-height: 23px;
  font-weight: 400;
  font-family: 'Lato';
  color: #000;
}


.partner_inner {
  margin-bottom: 30px;
  padding: 20px 10px;
  min-height: 150px;
  margin-top: 15px;
  box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
  border-radius: 10px;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

.partner_inner p {
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  margin: 0;
  padding: 0;
  line-height: 25px;
}

/* end here */

/* why sponsor */
#why {
  position: relative;
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: url(./assets/imgs/page/homepage3/bg-working.png) no-repeat top center;
  background-size: cover;
}

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

.why-head {
  font-size: 48px;
  line-height: 62px;
  background: linear-gradient(236deg, #075966 0%, #3068c3 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: bold;
  text-align: left;
  position: relative;
  width: 80%;
  margin: 20px 0 40px;
}

.why-head span {
  font-family: 'montserrat';
  font-size: 4vw;
  font-weight: 900;
}

.why-left {
  width: 50%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.why-right {
  width: 50%;
  position: relative;
}

.why-boxes {
  width: 95%;
  height: 40vw;
  display: flex;
  align-items: center;
  justify-content: center;
}

.why-box {
  width: 100%;
  height: 12vw;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 1vw;
}

.splide__track {
  width: 100%;
}

.splide__list {
  list-style: none;
  padding: 0;
}

.splide__slide {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: auto;
  border-radius: 1vw;
}

.why-icon {
  width: 28%;
}

.why-cont {
  width: 68%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: .5vw;
  z-index: 1;
}

.why-name {
  font-size: 16px;
  line-height: 25px;
  font-weight: 800;
  text-transform: uppercase;
  font-family: 'Lato';
}

.why-des {
  font-size: 15px;
  line-height: 22px;
  color: #000;
  font-family: 'Lato';
  font-weight: 500;
}

.why-icon {
  display: flex;
  align-items: center;
  justify-content: start;
  font-size: 4vw;
  font-weight: 600;
}

.why-num {
  position: relative;
  color: #414141ea;
  width: 5vw;
}

.why-num:after {
  content: '';
  width: 100%;
  position: absolute;
  height: 4px;
  background: #cdcdcd;
  top: 2vw;
  right: -100%;
  z-index: 0;
}

.q {
  position: relative;
  font-size: 35vw;
  height: 40vw;
  width: 23vw;
  color: #cdcdcdcd;
  display: flex;
  font-family: 'source sans 3';
  font-weight: 500;
  align-items: start;
  justify-content: center;
  background-image: url("./assets/images/urban-attend.png");
  background-size: cover;
  background-position: -22vw;
  background-repeat: repeat;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.q div {
  position: absolute;
  width: 7vw;
  height: 7vw;
  background-color: #575be9;
  border-radius: 50%;
  top: 10vw;
  left: 8vw;
  font-size: 4vw;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}

.why-c {
  position: absolute;
  width: 6vw;
  height: 6vw;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.c1 {
  background-color: #dfd6d6d9;
  right: 0;
  top: 5vw;
}

.c2 {
  width: 8vw;
  height: 8vw;
  right: 1vw;
  top: 13vw;
  background-color: #cdcfff;
}

.c3 {
  width: 10vw;
  height: 10vw;
  right: 7vw;
  top: 5vw;
  background-color: #dddddd;
}

.c4 {
  width: 6vw;
  height: 6vw;
  top: 16vw;
  right: 10vw;
  background-color: #e7497b9c;
}

.c5 {
  width: 6vw;
  height: 6vw;
  top: 22.5vw;
  right: 0vw;
  background-color: #1a021e30;
}

.c6 {
  width: 8vw;
  height: 8vw;
  right: 7vw;
  top: 23vw;
  background-color: #ead1d1;
}

.c7 {
  width: 6vw;
  height: 6vw;
  right: 15.5vw;
  top: 20vw;
  background-color: #9a36b647;
}

.c8 {
  width: 6vw;
  height: 6vw;
  right: 2vw;
  top: 29vw;
  background-color: #9a36b647;
}

.why-c img {
  width: 98%;
  border-radius: 100%;
  overflow: hidden;
}

.why-patch {
  position: absolute;
  width: 30vw;
  height: 13vw;
  background-color: #07092f;
  left: -12vw;
  top: 20.5vw;
}

.slide-active .why-num {
  color: #cdcdcd;
  transition: all ease .4s;
}

.past_inner {
  padding: 10px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  border-radius: 10px;
  margin: 0 0 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 165px;
}

.past_inner img {
  width: 120px;
  height: auto;
}

.upcoming {
  padding: 60px 0;
  text-align: center;
}

.upcoming h2 {
  text-align: center;
  font-size: 48px;
  line-height: 62px;
  background: linear-gradient(236deg, #075966 0%, #3068c3 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 800;
  margin: 0 0 30px;
}

.upcoming a img {
  box-shadow: rgb(85 86 204) 0px 5px 15px;
  border: 1px solid #57c640;
  border-radius: 5px;
}


.apply_btn {
  text-align: center;
  /* background: linear-gradient(to top, #ffffff, #dadada); */
  padding: 10px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}


.button {
  --black-700: hsla(0 0% 12% / 1);
  --border_radius: 9999px;
  --transtion: 0.3s ease-in-out;
  --offset: 2px;
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  transform-origin: center;
  padding: 1rem 2rem;
  background-color: transparent;
  border: none;
  border-radius: var(--border_radius);
  transform: scale(calc(1 + (var(--active, 0) * 0.1)));
  transition: transform var(--transtion);
}

.button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  background-color: var(--black-700);
  border-radius: var(--border_radius);
  box-shadow: inset 0 0.5px hsl(0, 0%, 100%), inset 0 -1px 2px 0 hsl(0, 0%, 0%),
    0px 4px 10px -4px hsla(0 0% 0% / calc(1 - var(--active, 0))),
    0 0 0 calc(var(--active, 0) * 0.375rem) hsl(260 97% 50% / 0.75);
  transition: all var(--transtion);
  z-index: 0;
}

.button::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  background-color: hsla(260 97% 61% / 0.75);
  background-image: radial-gradient(at 51% 89%,
      hsla(266, 45%, 74%, 1) 0px,
      transparent 50%),
    radial-gradient(at 100% 100%, hsla(266, 36%, 60%, 1) 0px, transparent 50%),
    radial-gradient(at 22% 91%, hsla(266, 36%, 60%, 1) 0px, transparent 50%);
  background-position: top;
  opacity: var(--active, 0);
  border-radius: var(--border_radius);
  transition: opacity var(--transtion);
  z-index: 2;
}

.button:is(:hover, :focus-visible) {
  --active: 1;
}

.button:active {
  transform: scale(1);
}

.button .dots_border {
  --size_border: calc(100% + 2px);
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: var(--size_border);
  height: var(--size_border);
  background-color: transparent;
  border-radius: var(--border_radius);
  z-index: -10;
}

.button .dots_border::before {
  content: "";
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);
  transform-origin: left;
  transform: rotate(0deg);
  width: 100%;
  height: 2rem;
  background-color: white;
  mask: linear-gradient(transparent 0%, white 120%);
  animation: rotate 2s linear infinite;
}

@keyframes rotate {
  to {
    transform: rotate(360deg);
  }
}

.button .sparkle {
  position: relative;
  z-index: 10;
  width: 1.75rem;
}

.button .sparkle .path {
  fill: currentColor;
  stroke: currentColor;
  transform-origin: center;

  color: hsl(0, 0%, 100%);
}

.button:is(:hover, :focus) .sparkle .path {
  animation: path 1.5s linear 0.5s infinite;
}

.button .sparkle .path:nth-child(1) {
  --scale_path_1: 1.2;
}

.button .sparkle .path:nth-child(2) {
  --scale_path_2: 1.2;
}

.button .sparkle .path:nth-child(3) {
  --scale_path_3: 1.2;
}

@keyframes path {

  0%,
  34%,
  71%,
  100% {
    transform: scale(1);
  }

  17% {
    transform: scale(var(--scale_path_1, 1));
  }

  49% {
    transform: scale(var(--scale_path_2, 1));
  }

  83% {
    transform: scale(var(--scale_path_3, 1));
  }
}

.button .text_button {
  position: relative;
  z-index: 10;
  background-image: linear-gradient(90deg, hsla(0 0% 100% / 1) 0%, hsl(0deg 0% 100% / 83%) 120%);
  background-clip: text;
  font-size: 19px;
  color: transparent;
  font-weight: 800;
}

.magazine_top {
  background: linear-gradient(352deg, transparent 45.2%, #bbb 45.5%, #bbb 45.6%, #ccc 45.8%, #eee 60%), linear-gradient(30deg, #ccc, #eee 90%);
}

.box-faqs-2-inner h2 {
  font-size: 30px;
  line-height: 40px;
}

.box-faqs-2-inner h5 {
  color: #ffd05e;
  text-align: center;
  margin: 10px 0;
  font-size: 22px;
}

.tab-content {
  display: none;
}

.tab-content.active {
  display: block;
  background: linear-gradient(45deg, #976ff6, #ffd05c);
  color: #000 !important;
  padding: 8px 16px !important;
}

.tab_div {
  text-align: center;
  margin: 30px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.tab_div a.tab.active {
  background: linear-gradient(45deg, #976ff6, #ffd05c);
  color: #ffffff;
  text-align: center;
  border: 1px solid #00000069;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
  padding: 4px 20px;
  font-size: 20px;
  font-weight: 900;
  text-decoration: none;
  transition: all .2s;
  display: flex;
  box-shadow: 4px 4px #ea6b2a;
  width: fit-content;
  border-radius: 10px;
}


.tab-content.active {
  border: 1px solid #434445;
  background-color: #0085AE;
  border-radius: 32px;
  padding: 70px 35px 17px 35px;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 60px;
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
  background: rgb(90 227 96 / 20%);
  box-shadow: 0 8px 32px 0 rgb(255 255 255 / 12%);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}

a.tab.active {
  background: linear-gradient(45deg, #976ff6, #ffd05c);
  color: #000 !important;
  padding: 8px 16px !important;
}

.tab_div a {
  border: 2px solid #ffd05e;
  padding: 8px 20px;
  border-radius: 8px;
  text-decoration: none;
  margin: 0 20px;
  color: #ffd05e;
  font-size: 20px;
}


.nomination_submission span {
  text-transform: uppercase;
  display: block;
}

.text1 {
  color: white;
  font-size: 30px;
  font-weight: 700;
  letter-spacing: 8px;
  margin-bottom: 20px;
  position: relative;
  animation-name: text;
  animation-duration: 4s;
  animation-iteration-count: infinite;
}

.text2 {
  font-size: 25px;
  color: #FFE997;
  margin-top: 15px;
}

@keyframes text {
  0% {
    color: #f7983f;
    margin-bottom: 20px;
  }

  30% {
    color: #fff;
    letter-spacing: 15px;
    margin-bottom: 20px;
  }

  85% {
    color: #fff;
    letter-spacing: 8px;
    margin-bottom: 20px;
  }

  100% {
    color: #f7983f;
    margin-bottom: 20px;
  }
}


.timeline {
  position: relative;
  width: 660px;
  margin: 0 auto;
  margin-top: 20px;
  padding: 1em 0;
  list-style-type: none;
}

.timeline:before {
  position: absolute;
  left: 50%;
  top: 0;
  content: ' ';
  display: block;
  width: 6px;
  height: 100%;
  margin-left: -3px;
  background: rgb(80, 80, 80);
  background: -moz-linear-gradient(top, rgba(80, 80, 80, 0) 0%, rgb(80, 80, 80) 8%, rgb(80, 80, 80) 92%, rgba(80, 80, 80, 0) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(30, 87, 153, 1)), color-stop(100%, rgba(125, 185, 232, 1)));
  background: -webkit-linear-gradient(top, rgba(80, 80, 80, 0) 0%, rgb(80, 80, 80) 8%, rgb(80, 80, 80) 92%, rgba(80, 80, 80, 0) 100%);
  background: -o-linear-gradient(top, rgba(80, 80, 80, 0) 0%, rgb(80, 80, 80) 8%, rgb(80, 80, 80) 92%, rgba(80, 80, 80, 0) 100%);
  background: -ms-linear-gradient(top, rgba(80, 80, 80, 0) 0%, rgb(80, 80, 80) 8%, rgb(80, 80, 80) 92%, rgba(80, 80, 80, 0) 100%);
  background: linear-gradient(to bottom, rgba(80, 80, 80, 0) 0%, rgb(80, 80, 80) 8%, rgb(80, 80, 80) 92%, rgba(80, 80, 80, 0) 100%);

  z-index: 5;
}

.timeline li {
  padding: 1em 0;
}

.timeline li:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.direction-l {
  position: relative;
  width: 300px;
  float: left;
  text-align: right;
}

.direction-r {
  position: relative;
  width: 300px;
  float: right;
}

.flag-wrapper {
  position: relative;
  display: inline-block;

  text-align: center;
}

.flag {
  position: relative;
  display: inline;
  background: rgb(248, 248, 248);
  padding: 6px 10px;
  border-radius: 5px;

  font-weight: 600;
  text-align: left;
}

.direction-l .flag {
  -webkit-box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.15), 0 0 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.15), 0 0 1px rgba(0, 0, 0, 0.15);
  box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.15), 0 0 1px rgba(0, 0, 0, 0.15);
}

.direction-r .flag {
  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15), 0 0 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15), 0 0 1px rgba(0, 0, 0, 0.15);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15), 0 0 1px rgba(0, 0, 0, 0.15);
}

.direction-l .flag:before,
.direction-r .flag:before {
  position: absolute;
  top: 50%;
  right: -35px;
  content: ' ';
  display: block;
  width: 12px;
  height: 12px;
  margin-top: -10px;
  background: #000000;
  border-radius: 10px;
  border: 4px solid #ffd05e;
  z-index: 10;
}

.nomination_submission p {
  color: #fff;
  font-size: 23px;
  margin: 20px 0 50px;
}

.direction-r .flag:before {
  left: -35px;
}

.direction-l .flag:after {
  content: "";
  position: absolute;
  left: 100%;
  top: 50%;
  height: 0;
  width: 0;
  margin-top: -8px;
  border: solid transparent;
  border-left-color: rgb(248, 248, 248);
  border-width: 8px;
  pointer-events: none;
}

.direction-r .flag:after {
  content: "";
  position: absolute;
  right: 100%;
  top: 50%;
  height: 0;
  width: 0;
  margin-top: -8px;
  border: solid transparent;
  border-right-color: rgb(248, 248, 248);
  border-width: 8px;
  pointer-events: none;
}

.time-wrapper {
  display: inline;

  line-height: 1em;
  font-size: 0.66666em;
  color: rgb(250, 80, 80);
  vertical-align: middle;
}

.direction-l .time-wrapper {
  float: left;
}

.direction-r .time-wrapper {
  float: right;
}

.time {
  display: inline-block;
  padding: 4px 6px;
  background: rgb(248, 248, 248);
}

.desc {
  margin: 1em 0.75em 0 0;
  color: #fff;
  font-style: normal;
  font-size: 16px !important;
  font-weight: 400 !important;
  font-size: 0.77777em;
  line-height: 22px;
  font-family: "Lato", sans-serif !important;
}

.direction-r .desc {
  margin: 1em 0 0 0.75em;
  color: #fff;
  font-style: normal;
  font-size: 14px;
  line-height: 22px;
  font-weight: 300;
}

.nomination_submission {
  padding: 60px 0;
  background: linear-gradient(to bottom, #212529, #916c35 90%);
}

section.mb-medium {
  position: relative;
  padding-bottom: 70px;
}

.ceremony-box {
  padding: 60px 0;
}

.page_hdng4 p {
  font-size: 16px;
  margin: 0 0 30px;
  color: #fff;
}

.ceremony-box .ceremony-bg {
  background: url(https://img.etb2bimg.com/files/retail_files/file_1722588964_Subtract_1_.svg) center no-repeat;
  background-size: cover;
  padding: 35px 0px;
}

.ceremony-box img.get-ico {
  margin-bottom: 25px;
}

.ceremony-box .page_hdng4 h2 {
  padding-bottom: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
  font-size: 22px;
  color: #f5a62d;
}

.ceremony-box .lcn-bx {
  font-variant-numeric: lining-nums proportional-nums;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 25px;
  color: rgba(255, 255, 255, 0.80);
}

.ceremony-box .lcn-bx .tickt {
  margin-bottom: 10px;
}

.ceremony-box .date-box {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 30px;
}

.ceremony-box .lcn-bx img.cal-ico {
  margin-top: -2px;
  margin-right: 10px;
  vertical-align: middle;
}

a.book-btn {
  border-radius: 50px;
  -webkit-border-radius: 50px;
  color: #000;
  background-color: #fff;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  transition: all .2s ease;
  position: relative;
  z-index: 1;
  display: inline-block;
  text-align: center;
}

.faqs {
  background: #fff;
  padding: 60px 0;
}

.faqs h2 {
  text-align: center;
  font-size: 30px;
  line-height: 40px;
}

.faqs .accordion-button {
  font-size: 17px;
  font-weight: 700;
  font-family: 'Lato';
  margin: 0;
}

.faqs .accordion-body {
  padding: 1rem 1.25rem;
  font-size: 16px;
  font-family: 'Lato';
}

.faqs .accordion-body ul li {
  font-size: 15px;
  margin: 10px 0;
}

.faqs .accordion-body ul li b {
  color: #83622f;
  font-weight: 700;
}

.panel-default>.panel-heading a[aria-expanded="true"]:after {
  content: "\2212";
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.panel-default>.panel-heading a[aria-expanded="false"]:after {
  content: "\002b";
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

@media (max-width:991px) {
  .text2 {
    font-size: 15px;
    line-height: 25px;
  }

  .ceremony-box .page_hdng4 h2 {
    line-height: 29px;
    font-size: 23px;
  }

  .timeline {
    width: 100%;
    padding: 4em 0 1em
  }

  .timeline li {
    padding: 2em 0
  }

  .direction-l,
  .direction-r {
    float: none;
    width: 100%;
    text-align: center
  }

  .flag-wrapper {
    text-align: center
  }

  .flag {
    background: #fff;
    z-index: 15
  }

  .direction-l .flag:before,
  .direction-r .flag:before {
    position: absolute;
    top: -30px;
    left: 50%;
    content: ' ';
    display: block;
    width: 12px;
    height: 12px;
    margin-left: -7px;
    background: #fff;
    border-radius: 10px;
    border: 4px solid #ff5050;
    z-index: 10
  }

  .direction-l .flag:after,
  .direction-r .flag:after {
    content: "";
    position: absolute;
    left: 50%;
    top: -8px;
    height: 0;
    width: 0;
    margin-left: -8px;
    border: solid transparent;
    border-bottom-color: #fff;
    border-width: 8px;
    pointer-events: none
  }

  .time-wrapper {
    display: block;
    position: relative;
    margin: 4px 0 0;
    z-index: 14
  }

  .direction-l .time-wrapper,
  .direction-r .time-wrapper {
    float: none
  }

  .desc {
    position: relative;
    margin: 1em 0 0;
    padding: 1em;
    background: rgb(235 87 56);
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 1px rgba(0, 0, 0, .2);
    box-shadow: 0 0 1px rgba(0, 0, 0, .2);
    z-index: 15
  }

  .direction-l .desc,
  .direction-r .desc {
    position: relative;
    margin: 1em 1em 0;
    padding: 1em;
    z-index: 15
  }

  .text1 {
    animation: unset;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 2px
  }


  /* why-sponsor */
  .why-head {
    position: relative;
    width: 90%;
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 10px;
  }

  .why-head span {
    font-family: 'montserrat';
    font-size: 7.5vw;
    font-weight: 900;
  }

  .why-head::after {
    width: 90%;
  }

  .why-container {
    width: 90%;
    flex-direction: column;
  }

  .why-left {
    width: 100%;
    height: 70vw;
  }

  .why-box {
    width: 100%;
    height: 100%;
  }

  .why-name {
    font-size: 20px;
    line-height: 28px;
  }

  .why-des {
    font-size: 17px;
    line-height: 23px;
  }

  .why-icon {
    font-size: 6vw;
  }

  .why-num {
    width: 10vw;
  }

  .why-boxes {
    width: 95%;
    height: 70vw;
  }

  .why-right {
    width: 100%;
    height: auto;
    background-color: #fff;
  }

  .q {
    position: relative;
    font-size: 35vw;
    height: 52vw;
    width: 40vw;
    font-size: 50vw;
  }

  .c2 {
    width: 12vw;
    height: 12vw;
    right: 24vw;
    top: 16vw;
  }

  .c3 {
    width: 15vw;
    height: 15vw;
    right: 8vw;
    top: 23vw;
  }

  .c4 {
    width: 11vw;
    height: 11vw;
    top: 31vw;
    right: 24vw;
  }

  .c5 {
    width: 11vw;
    height: 11vw;
    top: 38.5vw;
    right: 3vw;
  }

  .c6 {
    width: 13vw;
    height: 13vw;
    right: 17vw;
    top: 43vw;
  }

  .c7 {
    width: 11vw;
    height: 11vw;
    right: 31.5vw;
    top: 44vw;
  }

  .c8 {
    width: 11vw;
    height: 11vw;
    top: 57vw;
    right: 12vw;
  }

  .c1 {
    width: 11vw;
    height: 11vw;
    right: 12vw;
    top: 9vw;
  }

  .why-r-boxes {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: start;
  }

  .why-patch {
    width: 34vw;
    height: 34vw;
    left: -12vw;
    top: 64.5vw;
  }

  .why-num:after {
    top: 3vw;
  }




  #vd {
    background: #000;
  }

  #about h3 {
    white-space: inherit;
    font-size: 30px;
    line-height: 40px;
  }

  .venue__main {
    flex-direction: column;
    align-items: flex-start;
  }

  .venue__meta {
    margin: 0 0 20px;
  }
}


@media (max-width: 575px) {

  html,
  body {
    overflow-x: hidden;
  }

  .who_attend h2 {
    font-size: 25px;
    line-height: 30px;
  }

  .who_attend h4 {
    line-height: 20px;
  }

  .attend_left h3 {
    font-size: 12px;
  }

  .box-our-working .text-48-semibold {
    font-size: 40px;
    line-height: 50px;
  }

  #clockdiv>div {
    width: 60px;
  }

  .smalltext {
    font-size: 12px;
  }

  #clockdiv div>span {
    font-size: 25px;
    line-height: 30px;
    padding: 0;
  }

  /* business */
  #business {
    width: 100%;
    height: auto;
  }

  .business-head {
    font-size: 6vw;
  }

  .business-boxes {
    height: auto;
    flex-wrap: wrap;
  }

  .bus-box {
    position: relative;
    width: 100%;
    height: auto;
    margin: 20px 0;
  }

  .bus-box:before {
    display: none;
  }

  .bus-box::after {
    display: none;
  }

  .bus-box div:before {
    display: none;
  }

  .bus-box .bb-line:after {
    display: none;
  }

  .bb-icon {
    width: 14vw;
    height: 14vw;
  }

  .bb-head {
    font-size: 5vw;
  }

  .bb-des {
    width: 95%;
    height: auto;
    font-size: 4vw;
  }

  .bus-inbox {
    flex-direction: column-reverse;
  }

  .bus-num .num {
    font-size: 5vw;
  }

  .bus-num {
    justify-content: start;
    transform: translate(2vw, 6vw);
  }

  .bus-cont {
    width: 100%;
    height: 75%;
    display: flex;
    gap: 1vw;
    border-radius: 3vw;
    padding: 5vw 0;
  }

  .b5-box::after {
    display: none;
  }
}