/* ========================= */
/* :: 1.0 WEB FONTS  */
/* ========================= */
@font-face {
  font-family: "Trade Gothic LH";
  src: url("../fonts/TradeGothicLH-BoldExtended.woff2") format("woff2"),
    url("../fonts/TradeGothicLH-BoldExtended.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Area Extended";
  src: url("../fonts/AreaExtended-Bold.woff2") format("woff2"), url("../fonts/AreaExtended-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Area Extended";
  src: url("../fonts/AreaExtended-ExtraBold.woff2") format("woff2"),
    url("../fonts/AreaExtended-ExtraBold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Area Normal";
  src: url("../fonts/AreaNormal-Black.woff2") format("woff2"), url("../fonts/AreaNormal-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Area Normal";
  src: url("../fonts/AreaNormal-Regular.woff2") format("woff2"), url("../fonts/AreaNormal-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Area Normal";
  src: url("../fonts/AreaNormal-ExtraBold.woff2") format("woff2"),
    url("../fonts/AreaNormal-ExtraBold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Area Normal";
  src: url("../fonts/AreaNormal-Bold.woff2") format("woff2"), url("../fonts/AreaNormal-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Area Normal";
  src: url("../fonts/AreaNormal-SemiBold.woff2") format("woff2"),
    url("../fonts/AreaNormal-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

/* ================================== */
/* :: 2.0 GLOBAL Variable Define CSS  */
/* ================================== */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
:root {
  /* Google Font */
  --tradeGothiclh: "Trade Gothic LH", sans-serif;
  --areaExtended: "Area Extended", sans-serif;
  --areaNormal: "Area Normal", sans-serif;

  /* Color Palette */
  --white: #fff;
  --black: #000;
  --color-primary: #1e0157;
  --color-secondary: #009f98;
  --color-accent: #f87dfd;
  --color-warning: #e6a027;
  --color-dark: #09001b;
}

/* ========================= */
/* :: 3.0 COMMON CSS */
/* ========================= */
html,
body {
  height: 100%;
  scroll-behavior: smooth;
}
body {
  color: var(--black);
  font-size: 1.125rem;
  font-family: var(--areaNormal);
  font-weight: 400;
  line-height: 2.3125rem;
  background-color: var(--white);
  text-rendering: optimizeLegibility;
  overflow-x: hidden;
  overflow-x: hidden;
}
p,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--tradeGothiclh);
  font-weight: bold;
}
section,
.section {
  position: relative;
}
.container {
  width: 100%;
  margin: 0 auto;
  padding: 0 1rem;
}
a,
button {
  outline: none;
  box-shadow: none;
  text-decoration: none;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
button {
  padding: 0;
  border: none;
  background: unset;
}
ol,
ul {
  margin: 0;
  padding: 0;
}
ol li,
ul li {
  list-style: none;
}
img {
  height: auto;
  max-width: 100%;
  object-fit: cover;
}
input,
input:focus,
input:focus-visible,
input:active,
select,
.form-select,
.form-select:focus,
textarea {
  outline: none;
  box-shadow: none;
}
* + address,
* + dl,
* + fieldset,
* + figure,
* + ol,
* + p,
* + pre,
* + ul {
  margin: 0;
  padding: 0;
}

*::-moz-selection {
  background: var(--color-primary);
  color: var(--white);
  text-shadow: none;
}
::-moz-selection {
  background: var(--color-primary);
  color: var(--white);
  text-shadow: none;
}

::selection {
  background: var(--color-primary);
  color: var(--white);
  text-shadow: none;
}
*::-moz-placeholder {
  color: var(--body-color);
  font-size: 1rem;
  opacity: 1;
}
*::placeholder {
  color: var(--body-color);
  font-size: 1rem;
  opacity: 1;
}

.btn {
  font-family: var(--areaExtended);
  font-weight: 800;
  font-size: 0.875rem;
  text-transform: uppercase;
  border-radius: 0rem;
  border: none;
  padding: 1.125rem 1.875rem;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  justify-content: center;
}
.btn span.text {
  position: relative;
  display: inline-block;
}
.btn span.text::after {
  position: absolute;
  left: 0;
  bottom: -0.25rem;
  width: 0%;
  height: 0.125rem;
  content: "";
  background-color: var(--white);
  transition: all 0.3s ease-in;
}
.btn:hover span.text::after {
  width: 100%;
}

.btn span.icons {
  display: inline-flex;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  position: relative;
  overflow: hidden;
}
.btn span.icons img {
  transition: all 0.3s ease-in;
  max-width: 1rem;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.btn span.icons img:first-child {
  transform: translate(-200%, -50%);
}
.btn:hover span.icons img:first-child {
  transform: translate(-50%, -50%);
}
.btn:hover span.icons img:last-child {
  transform: translate(100%, -50%);
}

.btn--primary {
  background-color: var(--color-secondary);
  color: var(--white);
}
.btn--primary:hover {
  background-color: #028680;
  color: var(--white);
}

.btn--register {
  font-family: var(--areaExtended);
  font-size: 1rem;
  font-weight: 800;
  background-image: -moz-linear-gradient(-89deg, rgb(68, 0, 159) 12%, rgb(46, 0, 107) 77%);
  background-image: -webkit-linear-gradient(-89deg, rgb(68, 0, 159) 12%, rgb(46, 0, 107) 77%);
  background-image: -ms-linear-gradient(-89deg, rgb(68, 0, 159) 12%, rgb(46, 0, 107) 77%);
  border: 0.5625rem solid rgb(182, 63, 243);
  border-radius: 3.75rem;
  padding: 1.5625rem 1.25rem;
  justify-content: center;
  color: var(--white);
  min-width: 19.375rem;
}
.btn--register:hover {
  color: #fff;
  border: 0.5625rem solid rgb(182, 63, 243);
}

.text-primary {
  color: var(--color-primary) !important;
}
.text-warning {
  color: var(--color-warning) !important;
}

.fs-2 {
  font-size: 2.625rem !important;
  line-height: 4.0625rem !important;
}

.section__title h2 {
  text-transform: uppercase;
  margin-bottom: 2.8125rem;
}

.section__title-devider {
  width: 14rem;
  height: 0.5rem;
  display: block;
  background: #4900a9;
  margin: 0 auto;
  background: linear-gradient(90deg, rgba(73, 0, 169, 1) 0%, rgba(176, 66, 228, 1) 50%, rgba(230, 160, 39, 1) 100%);
}

/* =============================== */
/* :: 4.0 Header Area CSS Start */
/* =============================== */

.header {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 12;
  padding: 1.375rem 0rem;
}
.header__wrapper {
  max-width: 105.875rem;
  margin: 0 auto;
  width: 100%;
  padding: 0rem 0.9375rem;
}
.header__logo {
  gap: 3.125rem;
}
.header__logo p {
  font-size: 0.875rem;
  color: var(--white);
  text-transform: uppercase;
  font-family: var(--areaExtended);
  font-weight: bold;
}
.header__logo a img {
  max-width: 9.375rem;
}

.header__menu nav ul {
  display: flex;
  align-items: center;
  gap: 3.125rem;
  position: relative;
}
.header__menu nav ul li a {
  font-size: 1.125rem;
  line-height: 1;
  display: inline-block;
  color: var(--white);
  font-family: var(--tradeGothiclh);
  font-weight: bold;
  position: relative;
  padding: 2.875rem 0rem;
  transition: all 0.3s ease-in;
}
.header__menu nav ul li a:hover {
  color: var(--color-secondary);
}
.nav-indicator {
  position: absolute;
  height: 3px;
  background-color: var(--color-secondary);
  transition: all 0.4s ease-in;
  top: -1.375rem;
  width: 100%;
  height: 0.5rem;
}

.header__end {
  position: relative;
}
.header__end p.small {
  font-size: 0.9375rem;
  color: #d95bd5;
  font-weight: 400;
  font-weight: 600;
  position: absolute;
  top: -2.1875rem;
}
.header__end p.small span {
  color: var(--color-warning);
  font-weight: 800;
}

.header__menuBar {
  color: var(--white);
  font-size: 1.75rem;
}
.offcanvas {
  overflow: hidden;
  background-color: var(--color-warning);
}
.offcanvas::after {
  position: absolute;
  right: -2.5rem;
  bottom: -2.5rem;
  width: 9.375rem;
  height: 9.375rem;
  content: "";
  border-radius: 50%;
  z-index: -1;
  background: rgba(210, 105, 0, 0.18);
  box-shadow: 0 0.25rem 1.875rem rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(0.3563rem);
  -webkit-backdrop-filter: blur(0.3563rem);
}
.offcanvas__menu ul li a {
  color: var(--dark);
  font-size: 1rem;
  font-family: var(--tradeGothiclh);
  line-height: 2.2;
  border-bottom: 0.0625rem solid #0000000f;
  display: block;
  padding: 0.5625rem 0rem;
  text-align: center;
}

.offcanvas__menu ul li a:hover {
  color: var(--color-secondary);
}

/* =============================== */
/* :: 4.0 Header Area CSS End */
/* =============================== */

/* =============================== */
/* :: 5.0 Hero Section CSS Start */
/* =============================== */
.hero--section {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}

.hero__video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  overflow: hidden;
}

.hero__video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hero__content {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 81.5rem;
  width: 100%;
  margin: 0 auto;
  padding: 0rem 0.75rem;
}

.hero__content-main {
  max-width: 40vw;
  padding-bottom: 8vh;
  margin: 0 auto;
}
.hero__content-preTitle {
  margin: 0 0 0 auto;
  display: inline-block;
  position: relative;
  padding: 0rem 1.875rem;
  font-size: 1.1875rem;
  font-weight: bold;
  font-family: var(--tradeGothiclh);
  text-transform: uppercase;
  color: var(--white);
}
.hero__content-preTitle::before,
.hero__content-preTitle::after {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  width: 1.5rem;
  height: 0.1875rem;
  background-color: var(--color-secondary);
}
.hero__content-preTitle::after {
  left: auto;
  right: 0;
}
.hero__content-main p {
  font-size: 2vw;
  line-height: 3.375rem;
  color: var(--white);
  font-family: var(--tradeGothiclh);
  font-weight: bold;
  text-align: center;
}
.hero__content-img {
  margin-bottom: 1.25rem;
}

.hero__content-bottom {
  padding: 1.75rem 1.875rem;
  background: linear-gradient(to right, #d26900, #7d26c9, #3c0ca8);
}
.hero__content-bottom ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.hero__content-bottom ul li span.icon {
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hero__content-bottom ul li span.icon img {
  max-width: 1.25rem;
  max-height: 1.25rem;
}
.hero__content-bottom ul li,
.hero__content-bottom ul li a {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1rem;
  font-weight: bold;
  color: var(--white);
  font-family: var(--areaNormal);
  text-transform: uppercase;
}
.hero__content-bottom ul li a.btn {
  padding: 0rem;
  font-size: 1rem;
  font-family: var(--areaNormal);
}

/* =============================== */
/* :: 5.0 Hero Section CSS End */
/* =============================== */

/* =============================== */
/* :: 6.0 Section CSS Start */
/* =============================== */

.about--section {
  background-color: rgb(230, 160, 39);
  padding: 11.25rem 0rem 9.375rem;
}
.about__content {
  max-width: 40vw;
  margin: 0 auto;
  padding: 0rem 5rem;
}

.about__gallery {
  position: absolute;
  left: 0;
  display: flex;
  gap: 1rem;
  width: 30vw;
  top: 50%;
  transform: translateY(-50%);
  height: auto;
  z-index: 2;
}
.about__gallery-item {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.about__gallery-end {
  left: auto;
  right: 0;
  justify-content: flex-end;
}
.gallery-img img {
  max-width: 100%;
  border-radius: 1.25rem;
  height: 19.375rem;
  object-fit: cover;
  object-position: center;
}

.about__content-text {
  margin-bottom: 2.8125rem;
}
.about__content-text .section__title-devider {
  margin-bottom: 2.1875rem;
}
.about__content-text h3 {
  line-height: 2.875rem;
  margin-bottom: 2.8125rem;
}
.about__content-text p {
  font-size: 1.125rem;
  line-height: 2.3125rem;
  font-weight: 600;
}
.video__btn {
  width: 12.5rem;
  height: 12.5rem;
  position: relative;
  margin: 0 auto;
}
.video__btn-play {
  width: 70%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.video__btn-play img {
  max-width: 100%;
}

/* =============================== */
/* :: 6.0 Section CSS End */
/* =============================== */

/* =============================== */
/* :: 7.0 Section CSS Start */
/* =============================== */
.features--section {
  background-color: rgb(230, 160, 39);
  padding: 2.5rem 0rem 6.25rem;
}

.features__title {
  margin-bottom: 5.3125rem;
}

.features__item {
  width: 17.625rem;
  height: 17.625rem;
  background-color: rgb(230, 184, 106);
  border-radius: 50%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 5.3125rem;
}
.features__item h3 {
  font-size: 4.5625rem;
  font-weight: bold;
  font-family: var(--tradeGothiclh);
  color: var(--color-primary);
  line-height: 6.25rem;
  display: flex;
  align-items: center;
}
.features__item h3 span {
}
.features__item p {
  font-size: 1.375rem;
  line-height: 2;
  text-transform: uppercase;
  color: var(--color-primary);
  font-weight: bold;
}
.features__btns a.btn {
  min-width: 21.875rem;
  justify-content: center;
  font-size: 0.9375rem;
  padding: 1.75rem 1.25rem;
}
.features__btns {
  margin-bottom: 4.375rem;
}
.features__bottom p {
  font-size: 0.9375rem;
  font-weight: bold;
  font-family: var(--tradeGothiclh);
  color: var(--color-primary);
}

/* =============================== */
/* :: 7.0 Section CSS End */
/* =============================== */

/* =============================== */
/* :: 8.0 Join Section CSS Start */
/* =============================== */

.join--section {
  padding: 7.5rem 0rem 6.875rem;
  background-color: #3b0089;
}
.join--section .section__title {
  margin-bottom: 4.375rem;
}
.join__content {
  max-width: 80rem;
  margin: 0 auto;
}
.join__content-thumb {
  width: 53%;
  flex: 0 0 auto;
}
.join__content-thumb img {
  max-width: 100%;
}
.join__content-main {
  padding-left: 4.375rem;
  flex: 1;
  color: var(--white);
}
.join__content-main p {
  font-size: 1.3125rem;
  line-height: 2.3125rem;
}
.join__content-main strong {
  font-weight: 800;
  font-size: 1.3125rem;
  line-height: 2.3125rem;
  display: block;
}
.join__content-main .soldout {
  color: #f87dfd;
}
.join__content-main .festival {
  color: var(--color-warning);
}
.event-info {
  margin-bottom: 2.5rem;
}

/* =============================== */
/* :: 8.0 Join Section CSS End */
/* =============================== */

/* =============================== */
/* :: 9.0 Attend Section CSS Start */
/* =============================== */

.attend--section {
  background-color: var(--color-warning);
  padding: 6.25rem 0rem 5rem;
}
.attend--section .section__title {
  margin-bottom: 4.375rem;
}
.attend__card {
  background-color: rgb(230, 184, 106);
  padding: 1.75rem 1.625rem;
  height: 100%;
}
.attend__card-img {
  border-radius: 1.25rem;
  height: 16.5rem;
  width: 100%;
}
.attend__card-img img {
  border-radius: 1.25rem;
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
}
.attend__card-content {
  padding: 1.5rem 0.5rem 0rem;
  text-align: center;
}
.attend__card-content h3 {
  font-size: 1.4375rem;
  color: #2d0069;
  font-weight: 900;
  font-family: var(--areaNormal);
  margin-bottom: 0.875rem;
}
.attend__card-content p {
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.9375rem;
}
.attend-card__row {
  --bs-gutter-y: 4.0625rem;
  --bs-gutter-x: 4.0625rem;
  margin-bottom: 5.625rem;
}

/* =============================== */
/* :: 9.0 Attend Section CSS End */
/* =============================== */

/* =============================== */
/* :: 10.0 Section CSS Start */
/* =============================== */

.support--section {
  padding: 5rem 0rem 6.25rem;
}
.support__content {
  max-width: 68.75rem;
  margin: 0 auto;
}
.support__content h2 {
  font-size: 1.25rem;
  font-family: var(--areaExtended);
  font-weight: 800;
  color: #3b0089;
  margin-bottom: 4.375rem;
}
.support__content img {
  max-width: 100%;
}

/* =============================== */
/* :: 10.0 Section CSS End */
/* =============================== */

/* =============================== */
/* :: 10.0 Footer CSS Start */
/* =============================== */
.footer {
  background-image: url("../imgs/footer-bg.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.footer__top {
  padding: 8.4375rem 0.9375rem;
  max-width: 100rem;
  margin: 0 auto;
}
.footer__top-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.footer__top-wrapper h2 {
  font-size: 1.125rem;
  font-weight: bold;
  font-family: var(--areaExtended);
  color: var(--white);
  text-transform: uppercase;
  font-weight: bold;
}
.footer__nav {
}
.footer__nav ul li a {
  display: block;
  font-size: 1rem;
  font-weight: bold;
  font-family: var(--areaNormal);
  color: #ffc72f;
  text-decoration: underline;
}
.footer__nav ul li a:hover {
  color: var(--color-secondary);
}
.social__text {
  font-size: 1.0625rem;
  font-family: var(--tradeGothiclh);
  text-transform: uppercase;
  color: var(--white);
}

.social__icon {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}
.social__icon a {
  color: var(--white);
  font-size: 1.875rem;
}
.social__icon a:hover {
  color: var(--color-warning);
  font-size: 1.875rem;
}
.footer__logo img {
  max-width: 14.375rem;
}

.footer__bottom {
  padding: 1.375rem 0.9375rem;
  background-color: #180236;
}
.footer__bottom p {
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.4;
}
/* =============================== */
/* :: 10.0 Footer CSS End */
/* =============================== */

/* =============================== */
/* :: program.html Page CSS Start */
/* =============================== */

/* Hero Section Start */
.hero--program {
  padding: 6.875rem 0;
  min-height: 40.9375rem;
}
.hero__wrapper {
  max-width: 58.25rem;
}
.page-title {
  font-size: 3rem;
}
.hero__para {
  font-size: 1.125rem;
  line-height: 2.22;
}
.hero__program__obj {
  width: 2.5rem;
  height: 100%;
}
.recap-button {
  width: 12.5rem;
  height: 12.5rem;
  position: absolute;
  bottom: 0;
  right: 0;
  margin-bottom: -6.25rem;
  margin-right: 4.75rem;
  transition: all 0.3s ease-in-out;
}
.recap-button:hover {
  transform: scale(1.03);
}
/* Hero Section End */

/* Program Area Start */
.program--area {
  padding: 7.1875rem 0 5.5rem;
  background-color: #2d0069;
}
.accordion__head {
  background-color: #5c166e;
  align-items: stretch;
  margin-bottom: 0.1875rem;
}
.program__thumb {
  width: 13.125rem;
}
.program__thumb__image {
  width: 100%;
  height: 100%;
}
.program__head__text {
  padding: 1.875rem 2.5rem;
}
.program__head__title {
  font-family: var(--tradeGothiclh);
  font-size: 1.875rem;
}
.program__head__para {
  font-size: 1.25rem;
  line-height: 1.7;
}
.program--area .accordion-item,
.program--area .accordion-button,
.program--area .accordion-item:first-of-type > .accordion-header .accordion-button,
.program--area .accordion-item:last-of-type > .accordion-header .accordion-button.collapsed {
  border: none;
  box-shadow: unset;
  border-radius: 0;
}
.program--area .accordion-item {
  margin-bottom: 0.1875rem;
}
.program--area .accordion-item:last-child {
  margin-bottom: 0;
}
.program--area .accordion-button {
  padding: 2.5rem 2.75rem;
  background-color: #49198a;
}
.program--area .accordion-button::after {
  display: none;
}
.program__info {
  gap: 2rem;
}
.program__name,
.program__time {
  font-size: 1.625rem;
}
.program__time {
  min-width: 9.5rem;
  color: #e2658b;
}
.accordion__icon {
  --size: 2rem;
  position: relative;
  width: var(--size);
  height: var(--size);
}
.accordion__icon span {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: calc(var(--size) * 0.125);
  background: #e2658b;
  transform-origin: center;
  transition: transform 0.3s;
}
.accordion__icon span:nth-child(2) {
  transform: rotate(90deg);
}
button:not(.collapsed) .accordion__icon span:nth-child(1) {
  transform: rotate(-50deg) translate(0, calc(var(--size) * -0.4));
}
button:not(.collapsed) .accordion__icon span:nth-child(2) {
  transform: rotate(50deg) translate(0, calc(var(--size) * -0.4));
}

.program--area .accordion-body {
  padding: 3.75rem 5.5rem 5.625rem;
  background-color: #27005a;
}
.program__description__text {
  color: var(--white);
  font-size: 1.25rem;
  line-height: 1.7;
}
.pdt-heading,
.pdt-title {
  font-weight: 600;
}
.pdt-title {
  text-transform: capitalize;
  color: var(--color-warning);
}
.programm__text__block__title {
  font-size: 3rem;
}
/* Program Area End */

/* Panelist Area Start */
.panelist--section {
  padding: 7.25rem 0 10rem;
  background-color: #db9825;
}
.panelist__content {
  max-width: 96.625rem;
}
.panelist--section .section__title {
  color: #2d0069;
  font-size: 3rem;
  line-height: 1.375;
  font-family: var(--tradeGothiclh);
}
.panelist--section .section__head {
  margin-bottom: 7.5rem;
}
.panelist__wrapper__row.g-5 {
  --bs-gutter-x: 7rem;
  --bs-gutter-y: 3rem;
}
.panel-member__thumb {
  width: 100%;
  height: 18.75rem;
  margin-bottom: 1.5rem;
}
.panel-member__name {
  color: #2d0069;
  font-size: 1.6875rem;
  font-family: var(--tradeGothiclh);
  margin-bottom: 0.625rem;
}
.panel-member__info {
  color: #0a0a0a;
  font-size: 1.125rem;
  line-height: 1.55;
}
/* Panelist Area End */
/* =============================== */
/* :: program.html Page CSS End */
/* =============================== */

/* Animate-Btn-animation */
.registerBtnAnimate {
  position: fixed;
  bottom: 1.25rem;
  right: 1.25rem;
  z-index: 11;
  transform: translateX(calc(100% + 1.25rem));
  transition: transform 0.4s ease;
}

/* Animate-Btn-animation--end */