body {
  z-index: 0;
}

/* =====================
  SECTION: COUNTDOWN
  ====================== */
#countdown {
  position: fixed;
  display: flex;
  flex-direction: column;
  top: 40%;
  right: 0;
  z-index: 9;
}

#countdown .time-wrapper {
  text-align: center;
  padding: 15px;
  background: var(--primary-color);
  backdrop-filter: blur(10px);
  border: solid 1px rgba(255, 255, 255, 0.3);
  transition: 0.2s ease-in-out;
  width: 100%;
  max-width: 150px;
}

#countdown li:nth-child(1) {
  border-radius: 10px 0 0 0;
}

#countdown li:nth-child(4) {
  border-radius: 0 0 0 10px;
}

#countdown .time-wrapper:hover {
  border-color: var(--accent-color);
}

#countdown .time {
  font-size: 18px;
  color: var(--bs-light);
  font-weight: 800;
}

#countdown .text {
  font-size: 15px;
  color: var(--secondary-color);
  font-weight: 600;
}

/* =====================
  UTILITIES : SLICK
====================== */

.my-slider-section {
  width: 90%;
  margin: 40px auto;
}

.my-slider img {
  border-radius: 10px;
  display: block;
}

.my-slider .slick-slide {
  margin: 0 15px;
}

.my-slider .slick-list {
  margin: 0 -15px;
}

.slick-slide img {
  display: block;
  margin: auto;
}

.slick-prev,
.slick-next {
  width: 40px;
  height: 40px;
  background: #000;
  border-radius: 50%;
  display: flex !important;
  justify-content: center;
  align-items: center;
  z-index: 10;
}

.slick-prev:before,
.slick-next:before {
  color: var(--primary-color) !important;
  font-size: 1.5rem !important;
}

.slick-prev {
  left: -50px;
}

.slick-next {
  right: -50px;
}

.slick-dots {
  bottom: -40px;
}

.slick-dots li button:before {
  font-size: 12px;
  color: #bbb;
  opacity: 1;
}

.slick-dots li.slick-active button:before {
  color: #000;
}

/* =====================
    UTILITIES : COUNTER
    ====================== */

.counter__info {
  position: relative;
  z-index: 5;

  border-radius: 18px;
  background: rgba(255 220 220 / 0.8);
  height: 100%;
  text-align: center;
}

.counter__section .section__subtitle {
  background: rgba(255 220 220 / 0.8);
}

/* =====================
    UTILITIES : CURSOR
    ====================== */

.cursor {
  position: fixed;
  width: 50px;
  height: 50px;
  border: 1px solid var(--primary-color);
  border-radius: 50%;
  pointer-events: none;
  transform: translate(-50%, -50%);
  transition: transform 0.5s;
  transition: 0.1s;
  z-index: 9999;
}

.cursor2 {
  position: fixed;
  width: 8px;
  height: 8px;
  background: var(--primary-color);
  border-radius: 50%;
  pointer-events: none;
  transform: translate(-50%, -50%);
  transition: 0.2s;
  z-index: 9999;
}

/* =====================
  UTILITIES: SCROLL TOP
====================== */
.scrollToTop {
  position: fixed;
  bottom: 4rem;
  right: 1rem;
  background-color: rgba(var(--secondary-color-rgb), 0.5);
  color: var(--bs-light);
  border: none;
  border-radius: 50%;
  padding: 1rem;
  line-height: 1;
  z-index: -1;
  transform: translateY(1rem);
  opacity: 0;
  transition: 500ms ease-in-out 150ms;
}

.scrollToTop.show {
  z-index: 1111;
  transform: translateY(0);
  opacity: 1;
}

/* =====================
    COMING SOON
    ====================== */

.wave-container {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  color: #000;
}

.wave-text span {
  display: inline-block;
  font-size: 4rem;
  animation: wave 2s linear infinite;
}

.wave-text span:nth-child(1) {
  animation-delay: 0s;
}

.wave-text span:nth-child(2) {
  animation-delay: 0.1s;
}

.wave-text span:nth-child(3) {
  animation-delay: 0.2s;
}

.wave-text span:nth-child(4) {
  animation-delay: 0.3s;
}

.wave-text span:nth-child(5) {
  animation-delay: 0.4s;
}

.wave-text span:nth-child(6) {
  animation-delay: 0.5s;
}

.wave-text span:nth-child(7) {
  animation-delay: 0.6s;
}

.wave-text span:nth-child(8) {
  animation-delay: 0.7s;
}

.wave-text span:nth-child(9) {
  animation-delay: 0.8s;
}

.wave-text span:nth-child(10) {
  animation-delay: 0.9s;
}

.wave-text span:nth-child(11) {
  animation-delay: 1s;
}

.wave-text span:nth-child(12) {
  animation-delay: 1.01s;
}

@keyframes wave {
  0% {
    transform: translateY(0);
  }

  25% {
    transform: translateY(-10px);
  }

  50% {
    transform: translateY(-20px);
    color: var(--accent-color);
  }

  75% {
    transform: translateY(-10px);
    color: var(--accent-color);
  }

  100% {
    transform: translateY(0);
  }
}

/* =====================
    SECTION : HERO
    ====================== */
.hero {
  position: relative;
  z-index: 0;
  background: #fff;
}

.hero video {
  position: absolute;
  inset: 0;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
  opacity: 0.2;
  z-index: -1;
}

.spk_det {
  text-align: center;
}

.spk_det h5 {
  font-size: 16px;
}

.spk_det p {
  font-size: 14px;
  margin-bottom: 0;
}

.message img {
  border: 10px inset #009e60;
  padding: 5px;
  width: 215px !important;
  border-radius: 50% !important;
}

.message span {
  font-size: 15px;
}

.hero-left {
  position: absolute;
  top: 40px;
  left: -13%;
  z-index: -11;
  opacity: 0.7;
}

.hero-right {
  position: absolute;
  bottom: 10px;
  right: -6%;
  z-index: -11;
}

/* =====================
    SECTION : SPEAKER
    ====================== */
.speaker {
  background: url("../images/bg/bg2.webp");
  background-position: center bottom;
  background-size: cover;
}

.msg {
  background: url("../images/bg/bg3-3.webp");
  background-position: center center;
  background-size: cover;
}

/* =====================
    SECTION : Links
    ====================== */
.links {
  position: relative;
  background: url(../images/bg/bg9.webp);
  background-position: center bottom;
  background-size: cover;
  z-index: -1;
}

/* =====================
    QUICK LINKS
    ====================== */
.quick_links {
  background: url("../images/bg/bg_2.webp");
  background-position: center;
  background-size: cover;
  position: relative;
  z-index: 1;
  padding-bottom: 200px;
}

.q_l {
  padding: 15px 0;
  align-items: center;
  margin: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #fff;
  position: relative;
  overflow: hidden;
}

.q_l::after {
  position: absolute;
  content: "";
  height: 98px;
  width: 100%;
  background: url(../images/bg/bg6.webp) no-repeat;
  /* background-position: center; */
  top: 0;
  left: 0;
  z-index: 0;
  /* transform: rotate(333deg); */
  opacity: 0.4;
}

.q_l .service-icon {
  background-color: #f0f8ff;
  border-radius: 50%;
  padding: 1rem;
}

.avatar-md {
  height: 4.5rem;
  width: 4.5rem;
}

.icon-mono {
  position: relative;
  display: flex;
  align-items: center !important;
  justify-content: center !important;
  z-index: 3;
}

.link {
  z-index: 1;
}

/* .qc_link {
  background: url("../images/bg/bg4.webp");
  background-position: center;
  background-size: cover;
} */

.faculty {
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.faculty::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: url(../images/bg/bg7.webp);
  background-position: center;
  background-size: cover;
  z-index: 0;
  opacity: 0.1;
}

/* =====================
    SECTION : HIGHLIGHTS
    ====================== */

.highlights {
  position: relative;
  background: url(../images/bg/bg1.webp);
  background-position: center bottom;
  background-size: cover;
  z-index: -1;
}

.filter {
  filter: invert(98%) sepia(100%) saturate(9%) hue-rotate(147deg)
    brightness(103%) contrast(102%);
}

/* .highlights::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  no-repeat center top;
  z-index: -1;
  opacity: 0.7;
} */
/* .highlights::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 74px;
  background: url(../images/bg/section-shape-bottom.png) no-repeat center bottom;
} */
.high_head {
  border: 1px dashed #fff;
  border-radius: 60px;
  background: var(--secondary-color);
  color: #fff;
  font-weight: 600;
  font-family: var(--heading-font);
  font-size: 60px;
}

.highlight_cont {
  transition: all 2.5s linear;
  border-bottom: 1px dashed #bab8b5;
}

.highlight_cont:hover img {
  transform: rotateY(180deg);
}

/* =====================
    SECTION : ambassadors
    ====================== */

/* =====================
    SECTION : Registeration
    ====================== */

.registeation__section {
  position: relative;
  background: url("../images/bg/reg_plan.webp");
  background-position: center;
  background-size: cover;
  overflow: hidden;
  z-index: -1;
}

.reg-plan {
  background: var(--bs-white);
  border-radius: 1rem;
  padding: 0;
  transition: all 0.5s;
  box-shadow: 0 20px 40px rgb(0 0 0 / 8%);
}

.reg-bg1 .icon-bx {
  background-color: var(--primary-color);
}

.reg-bg2 .icon-bx {
  background-color: var(--secondary-color);
}

.reg-bg3 .icon-bx {
  background-color: var(--accent-color);
}

.reg-bg1 .icon-bx .reg-icon {
  background-color: var(--secondary-color);
}

.reg-bg2 .icon-bx .reg-icon,
.reg-bg1 .icon-bx .reg-icon,
.reg-bg3 .icon-bx .reg-icon {
  border: 5px solid var(--secondary-color);
}

.reg-plan .icon-bx {
  position: relative;
  padding: 20px 30px 0;
  text-align: center;
  z-index: 0;
  align-items: center;
  display: flex;
  justify-content: center;
}

.reg-plan .icon-bx:before {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 75px;
  width: 100%;
  border-radius: 50% 50% 0 0;
  background-color: #ffffff;
  content: "";
  z-index: -1;
}

.reg-plan .icon-bx .reg-icon {
  height: 130px;
  width: 130px;
  line-height: 120px;

  border-radius: 50%;
  font-size: 70px;
  color: #40cbb4;
  -webkit-transition: all 600ms ease;
  -ms-transition: all 600ms ease;
  -o-transition: all 600ms ease;
  -moz-transition: all 600ms ease;
  transition: all 600ms ease;
  display: flex;
  justify-content: center;
  /* position: absolute; */
  background: #ffffff;
  padding: 10px;
  align-items: center;
}

.reg-plan .icon-bx .reg-icon img {
  width: 76px;
}

.reg-plan:hover {
  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;
}

.reg-plan table td {
  padding: 10px 5px;
  line-height: 22px;
}

.reg-plan table tr:last-child td {
  border: 0;
}

.reg-plan h4 {
  text-align: center;
  color: var(--primary-color);
  position: relative;
  margin: 1rem 0 0rem;
  font-size: 16px;
}

.reg-plan h4::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -10px;
  width: 100%;
  height: 1px;
  background-color: var(--bs-gray-200);
  background-color: var(--primary-color);
}

.reg-plan h4::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -11px;
  transform: translateX(-50%);
  width: 50px;
  height: 4px;
  background-color: var(--primary-color);
}

.reg-plan h4 span {
  display: block;
  font-size: 22px;
  color: var(--primary-color-dark);
}

/* =====================
    PAGE : REGISTRATION
    ====================== */

.inner__page.registration__details {
  background: #f5f7fa !important;
}

.registration__box .table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-bg-type: rgb(0 0 0 / 3%);
}

.registration__box .table > :not(caption) > * > * {
  border-bottom-width: 0px;
}

.sub_section {
  display: inline-block;
  padding: 5px 20px;
  border-radius: 999px;
  border: 1px solid var(--secondary-color);
  background: rgba(var(--secondary-color-rgb), 0.1);
  color: var(--primary-color);
  font-weight: bold;
}

.registration__box {
  border-radius: 1rem;
  border: 1px solid #bfdbfe;
}

.registration__box .registration__head {
  background: #1d4ed8;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 1rem 1rem 0 0;
  color: #fff;
}

.registration__box.second .registration__head {
  background: var(--primary-color);
}

.registration__box.second {
  border: 1px solid #a9ffea;
}

.registration__box.third .registration__head {
  background: #3730a3;
}

.registration__box.third {
  border: 1px solid #b3adff;
}

.registration__box.four .registration__head {
  background: #5b21b6;
}

.registration__box.four {
  border: 1px solid #c6a3ff;
}

.registration__box.five .registration__head {
  background: #065f46;
}

.registration__box.five {
  border: 1px solid #9cffe3;
}

.registration__info {
  padding: 24px;
  background: #ffffff;
  border-radius: 0 0 1rem 1rem;
}

.registration__info table th,
.registration__info table td {
  vertical-align: middle;
  padding: 12px 16px;
}

.registration__info table {
  border-radius: 1rem;
  overflow: hidden;
  outline: 1px solid #eee;
  outline-offset: -1px;
}

.registration__info .accordion-button {
  border: 1px solid #eee;
  border-radius: 0.8rem !important;
  background: #ececec;
}

.registration__info button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
  font-size: 1rem;
  color: var(--bs-accordion-btn-color);
  text-align: left;
  background-color: var(--bs-accordion-btn-bg);
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: var(--bs-accordion-transition);
  border: 1px solid #eee;
  border-radius: 0.8rem !important;
  background: #ececec;
}

.registration__info button .icon {
  position: absolute;
  right: 13px;
  font-size: 30px;
}

.guideline__info {
  display: flex;
  gap: 1rem;
  align-items: center;
  background: #fff;
  padding: 1.25rem;
  border-radius: 0.75rem;
  border: 1px solid #eee;
}

.guideline__info.warning {
  background: rgba(var(--secondary-color-rgb), 0.1);
  border: 1px solid var(--secondary-color);
}

.guideline__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  min-width: 2.5rem;
  min-height: 2.5rem;
  background-color: #f8fafc;
}

.slot__info {
  align-items: center;
  background: #fff;
  padding: 1.25rem;
  border-radius: 0.75rem;
  border: 1px solid #eee;
}

.slot__info .slots {
  display: flex;
  gap: 1rem;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
  opacity: 0.75;
}

.slot_icon {
  display: inline-block;
  padding: 2px 15px;
  border-radius: 999px;
  border: 1px solid var(--secondary-color);
  background: rgba(var(--secondary-color-rgb), 0.1);
  color: var(--primary-color);
  font-size: small;
}

/* =====================
    SECTION : Venue
    ====================== */
.venue {
  position: relative;
  overflow: hidden;
  z-index: -1;
}

.venue::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../images/bg/bg8.webp);
  background-position: center;
  background-size: cover;
  opacity: 0.3;
  z-index: -1;
}

/* =====================
    COMMITTEE
    ====================== */
.speak {
  position: relative;
  z-index: 2;
  overflow: hidden;
  color: var(--accent-color);
  text-align: center;
}

.speak img {
  border: 10px inset #d9d9d9;
  padding: 5px;
  width: 215px !important;
}

.speak::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: -14px;
  left: -51px;
  background: url(../images/bg/committee.webp);
  background-position: left;
  background-size: contain;
  background-repeat: no-repeat;
  transform: rotate(35deg);
  z-index: -1;
  opacity: 0.6;
}

.spk_det {
  background-color: #fbf3df;
}

.fixed-col {
  width: 150px;
  min-width: 150px;
}

.btn_msg {
  border: 1px solid var(--primary-color);
  border-radius: 23px;
  text-align: center;
  text-decoration: none;
  color: var(--primary-color);
  padding: 7px 15px;
  margin: auto;
  outline: 1px dashed var(--accent-color);
  outline-offset: -4px;
  display: inline-block;
  min-width: 90%;
}

.abs_gud {
  background: #f3b5051a;
}

.abs_gud h4 {
  background: #fff;
  border-radius: 12px;
  padding: 5px 15px;
  color: var(--primary-color);
  margin-left: -7px;
  margin-top: 28px;
}

/* =====================
 
    ====================== */
.trade_contact {
  padding: 1.5rem;
  border-radius: 1rem;
  display: block;
  text-align: center;
  text-decoration: none;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
  background: #fff;
}

.trade_contact h4 {
  color: var(--primary-color);
}

.trade_contact h6 {
  margin-bottom: 0;
}

/* =====================
    RESPONSIVE : DESKTOP
    ====================== */

@media only screen and (min-width: 1025px) {
}

/* =====================
    RESPONSIVE : TABLET
    ====================== */

@media only screen and (max-width: 1024px) {
  .menu__bar .navbar {
    position: fixed;
    z-index: 1111;
    top: 0;
    right: 0;
    background: none;
  }

  .menu__bar .navbar .navbar-toggler {
    background: var(--secondary-color);
  }

  .offcanvas-body {
    background: var(--primary-color);
  }

  .menu__bar .nav-link {
    color: var(--bs-light);
  }

  /* #countdown {
    grid-template-columns: repeat(2, 1fr);
  } */

  .cursor,
  .cursor2 {
    display: none;
  }

  .highlit {
    border-radius: 0px !important;
  }
}

/* =====================
  RESPONSIVE : ANIMATIONS
====================== */

.a__box {
  animation: translate ease-in-out;
  animation-timeline: view();
  animation-range: entry 0% cover 40%;
}

@keyframes translate {
  from {
    opacity: 0;
    transform: translate(-100px);
  }

  to {
    opacity: 1;
    transform: translate(0px);
  }
}

.a__box {
  animation: scale ease-in-out;
  animation-timeline: view();
  animation-range: entry 0% cover 40%;
}

@keyframes scale {
  from {
    opacity: 0;
    scale: 0.5;
  }

  to {
    opacity: 1;
    scale: 1;
  }
}

/* =====================
  RESPONSIVE : MOBILE
====================== */

@media only screen and (max-width: 576px) {
  .breadcrumb__sc .breadcrumb {
    width: 90%;
  }

  .updates {
    flex-direction: column;
  }

  .updates > * {
    width: 100%;
  }

  .side_button {
    right: 5px;
  }

  #countdown {
    position: inherit;
    flex-direction: row;
  }

  #countdown li:nth-child(1) {
    border-radius: 0;
  }

  #countdown li:nth-child(4) {
    border-radius: 0;
  }

  .high_head {
    font-size: 50px !important;
  }

  #countdown .time-wrapper {
    padding: 5px;
  }

  .border-left {
    border-left: 1px solid #055160;
    margin-left: 15px;
    padding-left: 15px;
  }
  .slot__info .slots {
    flex-wrap: wrap !important;
    justify-content: center !important;
  }
  .registration__details h2 {
    font-size: 20px !important;
  }
  .registration__details .btn-main {
    border-radius: 0px !important;
  }
}

@media only screen and (max-width: 767px) {
  .border-left {
    margin-left: 0;
    padding-left: 0;
    border: none;
  }
}

@media only screen and (min-width: 1025px) {
  .services__tab .accordion-header {
    display: none;
  }

  .services__tab .accordion-item .collapse:not(.show) {
    display: block;
  }
}

@media only screen and (max-width: 991px) {
  .specialities__tabs {
    flex-direction: column;
  }

  .specialities__tabs .specialities__tab .specialities__heading.display {
    writing-mode: horizontal-tb;
    transform: rotate(0);
  }

  .specialities__tab .tab-content > .tab-pane {
    display: block;
    opacity: 1;
  }

  .text-banner {
    font-weight: 600;
    font-family: var(--heading-font);
    font-size: 14px;
  }

  .services__tab .tab-content > .tab-pane {
    display: block !important;
    opacity: 1;
  }

  .accordion-button {
    background: var(--primary-color);
    color: var(--bs-light);
    box-shadow: inset 0 8px 16px rgb(0 0 0 / 15%);
  }
}

.form-box,
.invoice-box {
  box-shadow:
    rgba(50, 50, 93, 0.25) 0px 13px 27px -5px,
    rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
  overflow: hidden;
  background-color: #ffffff;
  position: relative;
}

.form-box .upload {
  border: 2px double #dcdcdc;
  padding: 1em;
}

/*notification*/

.notification {
  position: fixed;
  left: 0;
  top: 0;
  background: rgb(0 0 0 / 60%);
  width: 100%;
  height: 100%;
  z-index: 11111;
}

.notify-box-bg {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

.notify-box {
  max-width: 600px;
  width: 90%;
  margin: auto;
  font-size: 0.875rem;
  pointer-events: auto;
  background-color: #ffffff;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
  font-size: 16px;

  padding: 15px;
}

label.error {
  color: #f00;
}

/* =====================
  SECTION: COMMITTEE
  ====================== */

.committee {
  text-align: center;
}

.committee__img {
  margin-bottom: 1rem;
  display: flex;
  justify-content: center;
}

.committee__img img {
  border-radius: 100%;
  padding: 10px;
  width: 150px;
  border: 1px dashed var(--primary-color);
  outline: 1px dashed var(--accent-color);
  outline-offset: -7px;
  /* box-shadow: 5px 3px 4px #d2e2fc, 5px -3px #d2e2fc; */
}

.committee__text h5 {
  font-size: 15px;
}

.committee__text p {
  font-size: 13px;
  margin: 0;
}

.committee__content h4 {
  background: var(--primary-color);
  color: #fff;
  display: inline-block;
  padding: 5px 30px;
  border-radius: 20px;
  margin: 0;
}

.committee__content .sub {
  background: #0217380d;
  padding: 2px 3rem;
  margin: 5px;
  display: inline-block;
  border-radius: 16px;
}

.table-bordered > :not(caption) > * > * {
  vertical-align: middle;
}

.podi_present {
  outline: 1px solid var(--primary-color);
  outline-offset: -20px;
}

.table-bg {
  background-color: var(--primary-color) !important;
  color: #fff !important;
}

/*  */
.timeline {
  max-width: 1100px;
  margin: auto;
  position: relative;
}

.timeline-item {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 25px;
  margin-bottom: 18px;
}

/* Vertical Line */

.timeline-item::before {
  content: "";
  position: absolute;
  left: 28px;
  top: 0;
  bottom: -20px;
  width: 3px;
  background: #d6dce5;
  z-index: 0;
}

.timeline-item:last-child::before {
  display: none;
}

/* Step Circle */

.step {
  width: 56px;
  height: 56px;
  min-width: 56px;
  border-radius: 50%;
  background: #08162d;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 20px;
  position: relative;
  z-index: 2;
  box-shadow: 0 5px 12px rgba(0, 0, 0, 0.18);
}

/* Card */

.content {
  flex: 1;
  background: #fff;
  border: 1px solid #d9dee6;
  border-radius: 14px;
  padding: 22px 24px;
}

.content h3 {
  font-size: 27px;
  color: #0b1831;
  margin-bottom: 10px;
}

.content p {
  color: #66758a;
}

.badge {
  display: inline-block;
  margin-left: 10px;
  background: #d8f5dd;
  color: #15803d;
  padding: 4px 12px;
  border-radius: 20px;
  font-size: 13px;
  font-weight: 600;
  vertical-align: middle;
}

/* ------------------ */
.attraction {
  text-align: center;
  padding: 8px;
  border: 1px solid #6c757d36;
  min-height: 370px;
}

.attraction img {
  margin-bottom: 5px;
}

.attraction p.high {
  background: #6c757d36 !important;
}

/* Tablet */
/* ------------------ */

@media (max-width: 768px) {
  .timeline-item {
    gap: 15px;
  }

  .step {
    width: 48px;
    height: 48px;
    min-width: 48px;
    font-size: 16px;
  }

  .timeline-item::before {
    left: 23px;
  }

  .content {
    padding: 18px;
  }

  .content h3 {
    font-size: 20px;
  }

  .content p {
    font-size: 15px;
  }
}

/* ------------------ */
/* Mobile */
/* ------------------ */

@media (max-width: 576px) {
  .timeline-item {
    align-items: flex-start;
  }

  .step {
    width: 42px;
    height: 42px;
    min-width: 42px;
    font-size: 14px;
  }

  .timeline-item::before {
    left: 20px;
  }

  .content {
    padding: 16px;
  }

  .content h3 {
    font-size: 18px;
    line-height: 1.4;
  }

  .content p {
    font-size: 14px;
  }

  .badge {
    display: inline-block;
    margin-top: 8px;
    margin-left: 0;
  }
}

.inner__page {
  position: relative;
}

.inner__page::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: url(../images/bg/bg7.webp);
  background-position: center;
  background-size: cover;
  z-index: -1;
  opacity: 0.05;
  position: fixed;
}