#header-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  padding-block: 5px;
  gap: 40px;
  /* @include mobile {
    @include flex(row, center, center);
    gap: 10px;
  } */ }
  #header-wrapper .wrapper-head h1 {
    font-size: 24px; }
    @media only screen and (max-width: 1240px) {
      #header-wrapper .wrapper-head h1 {
        font-size: 16px; } }
  #header-wrapper .universities {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
    flex-wrap: wrap;
    gap: 30px; }
    @media only screen and (max-width: 1240px) {
      #header-wrapper .universities {
        gap: 10px; } }
    @media only screen and (max-width: 768px) {
      #header-wrapper .universities {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        flex-wrap: nowrap; } }
  #header-wrapper .bdu {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: nowrap;
    gap: 6px;
    color: #0b4d7b;
    font-weight: 600;
    cursor: pointer; }
    @media only screen and (max-width: 768px) {
      #header-wrapper .bdu {
        font-size: 6px; } }
    #header-wrapper .bdu img {
      width: 40px; }
      @media only screen and (max-width: 768px) {
        #header-wrapper .bdu img {
          width: 15px; } }
  #header-wrapper img {
    cursor: pointer;
    width: 157px; }
    @media only screen and (max-width: 1240px) {
      #header-wrapper img {
        width: 125px; } }
    @media only screen and (max-width: 768px) {
      #header-wrapper img {
        width: 60px; } }

.header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  background-color: black; }
  .header .logo img {
    width: 274px; }
    @media only screen and (max-width: 768px) {
      .header .logo img {
        width: 154px; } }
  .header nav {
    padding: 32px 0; }
    @media only screen and (max-width: 1240px) {
      .header nav {
        display: none; } }
    .header nav ul {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      flex-wrap: nowrap;
      gap: 32px; }
      .header nav ul li a {
        color: white; }
        .header nav ul li a:hover {
          color: #58b682; }

footer .footer-content {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: nowrap;
  position: relative;
  margin-top: 150px;
  gap: 100px; }
  @media only screen and (max-width: 768px) {
    footer .footer-content {
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: stretch;
      flex-wrap: nowrap;
      margin-top: 100px; } }
  footer .footer-content .footer-left {
    width: 50%; }
    @media only screen and (max-width: 768px) {
      footer .footer-content .footer-left {
        width: 100%; } }
    footer .footer-content .footer-left span {
      font-style: italic;
      font-size: 20px; }
      @media only screen and (max-width: 768px) {
        footer .footer-content .footer-left span {
          font-size: 14px; } }
    footer .footer-content .footer-left p {
      margin-top: 24px;
      font-size: 32px;
      font-weight: 500;
      line-height: 40px; }
      @media only screen and (max-width: 768px) {
        footer .footer-content .footer-left p {
          line-height: 32px;
          font-size: 24px; } }
    footer .footer-content .footer-left a button {
      cursor: pointer;
      margin-top: 40px;
      padding: 16px 24px;
      font-weight: 500;
      background-color: #58b682;
      color: white;
      border: none;
      transition: all 0.3s; }
      footer .footer-content .footer-left a button:hover {
        background-color: #79c59b; }
      @media only screen and (max-width: 768px) {
        footer .footer-content .footer-left a button {
          width: 100%; } }
  footer .footer-content .footer-right {
    width: 40%; }
    @media only screen and (max-width: 768px) {
      footer .footer-content .footer-right {
        width: 100%; } }
    footer .footer-content .footer-right .about {
      margin-bottom: 24px; }
      footer .footer-content .footer-right .about span {
        font-style: italic;
        font-size: 20px; }
        @media only screen and (max-width: 768px) {
          footer .footer-content .footer-right .about span {
            font-size: 14px; } }
      footer .footer-content .footer-right .about p {
        margin-top: 16px;
        font-size: 20px;
        font-weight: 500;
        transition: all 0.3s ease; }
        footer .footer-content .footer-right .about p:hover {
          color: #50a676;
          cursor: default; }
    footer .footer-content .footer-right .links {
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      align-items: stretch;
      flex-wrap: nowrap;
      gap: 30px; }
      footer .footer-content .footer-right .links .svg-facebook path:first-of-type {
        fill: #040807;
        transition: fill 0.3s ease; }
      footer .footer-content .footer-right .links .svg-facebook:hover path:first-of-type {
        fill: #50a676; }
      footer .footer-content .footer-right .links svg {
        cursor: pointer;
        /* &:hover {
            rect:first-of-type {
              fill: #50a676;
            }
          } */ }
        footer .footer-content .footer-right .links svg rect:first-of-type {
          fill: #040807;
          transition: fill 0.3s ease; }
      footer .footer-content .footer-right .links .linkedin {
        width: 40px;
        height: auto;
        cursor: pointer;
        transition: fill 0.3s ease; }
  footer .footer-content .scroll-to-top {
    position: absolute;
    right: 6%;
    bottom: 0;
    background-color: #50a676;
    border: none;
    padding: 12px 20px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    z-index: 1000; }
    @media only screen and (max-width: 1240px) {
      footer .footer-content .scroll-to-top {
        right: 2.5%; } }
    @media only screen and (max-width: 768px) {
      footer .footer-content .scroll-to-top {
        bottom: -8%; } }
  footer .footer-content .scroll-to-top:hover {
    background-color: #79c59b; }

footer .footer-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  margin-top: 80px;
  height: 60px;
  background-color: black;
  padding: 0 6%; }
  footer .footer-wrapper p {
    color: #b1b2b2;
    font-size: 12px; }
    @media only screen and (max-width: 768px) {
      footer .footer-wrapper p {
        font-size: 8px; } }

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block; }

body {
  line-height: 1; }

ol,
ul {
  list-style: none; }

blockquote,
q {
  quotes: none; }

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

html {
  scroll-behavior: smooth; }

body {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  color: #040807; }

a {
  text-decoration: none;
  transition: all 0.3s; }

.container {
  padding: 0 6%; }
  @media only screen and (max-width: 1240px) {
    .container {
      padding: 0 2.8%; } }
  @media only screen and (max-width: 768px) {
    .container {
      padding: 0 20px; } }

.title {
  display: inline-block;
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 400;
  line-height: 20px;
  font-style: italic; }
  @media only screen and (max-width: 1240px) {
    .title {
      font-size: 16px;
      line-height: 16px; } }
  @media only screen and (max-width: 768px) {
    .title {
      font-size: 14px;
      line-height: 14px; } }

.section-desc {
  font-size: 32px;
  line-height: 39px; }
  @media only screen and (max-width: 1240px) {
    .section-desc {
      font-size: 24px;
      line-height: 28px; } }
  @media only screen and (max-width: 768px) {
    .section-desc {
      line-height: 32px; } }

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

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

@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-Medium.woff2") format("woff2"), url("../fonts/Montserrat-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap; }

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

@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-Italic.woff2") format("woff2"), url("../fonts/Montserrat-Regular.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap; }

.mobile-menu-trigger {
  cursor: pointer;
  display: none; }
  @media only screen and (max-width: 1240px) {
    .mobile-menu-trigger {
      display: block; } }

.mobile-menu {
  margin-top: 36.85px;
  position: fixed;
  top: 0;
  right: 0;
  height: 100vh;
  width: 100%;
  background-color: #0c0c0c;
  transform: translateX(100%);
  transition: transform 0.3s ease-in-out;
  z-index: 999;
  box-shadow: -2px 0 8px rgba(0, 0, 0, 0.2); }
  .mobile-menu.open {
    transform: translateX(0); }
  .mobile-menu .mobile-menu-content {
    color: #fff; }
    .mobile-menu .mobile-menu-content .close-wrapper {
      display: flex;
      justify-content: space-between;
      align-items: center; }
    .mobile-menu .mobile-menu-content nav {
      margin-top: 24px;
      display: flex; }
      .mobile-menu .mobile-menu-content nav ul {
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: column; }
        .mobile-menu .mobile-menu-content nav ul li a {
          font-size: 24px;
          color: #ffffff;
          text-decoration: none;
          padding: 12px 0;
          transition: color 0.3s; }
          .mobile-menu .mobile-menu-content nav ul li a:hover {
            color: #f3c623; }

.hero-section {
  position: relative;
  background-image: url(../images/bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  /*  position: relative;
  height: 500px;
  overflow: hidden; 

  .hero-video {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: translate(-50%, -50%);
    z-index: 0;
  } */ }
  .hero-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 150px;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
    pointer-events: none;
    z-index: 1; }
  .hero-section .wrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
    padding-right: 6%; }
    @media only screen and (max-width: 1240px) {
      .hero-section .wrapper {
        padding-right: 2.8%; } }
    @media only screen and (max-width: 768px) {
      .hero-section .wrapper {
        flex-direction: column;
        align-items: center; } }
    .hero-section .wrapper__left {
      max-width: 940px;
      width: 940px;
      background-color: white;
      padding: 0 20px 20px 6%;
      position: relative; }
      @media only screen and (max-width: 1240px) {
        .hero-section .wrapper__left {
          max-width: 500px;
          padding: 0 20px 20px 2.8%; } }
      @media only screen and (max-width: 768px) {
        .hero-section .wrapper__left {
          width: 100%; } }
      .hero-section .wrapper__left::before {
        content: "";
        position: absolute;
        top: -30px;
        left: 0;
        height: 30px;
        width: 85%;
        background-color: white;
        max-width: 815px;
        display: inline-block; }
      .hero-section .wrapper__left h1 {
        text-transform: uppercase;
        font-size: 50px;
        font-weight: 500;
        line-height: 70px; }
        @media only screen and (max-width: 1240px) {
          .hero-section .wrapper__left h1 {
            font-size: 32px;
            line-height: 50px; } }
        @media only screen and (max-width: 768px) {
          .hero-section .wrapper__left h1 {
            line-height: 36px; } }
        .hero-section .wrapper__left h1 p {
          font-size: 64px;
          font-weight: 700;
          line-height: 70px; }
          @media only screen and (max-width: 1240px) {
            .hero-section .wrapper__left h1 p {
              font-size: 44px;
              line-height: normal; } }
          @media only screen and (max-width: 768px) {
            .hero-section .wrapper__left h1 p {
              font-size: 32px;
              line-height: 36px; } }
    .hero-section .wrapper__right {
      background-color: white;
      padding: 20px 50px; }
      @media only screen and (max-width: 1240px) {
        .hero-section .wrapper__right {
          padding: 20px 15px; } }
      @media only screen and (max-width: 768px) {
        .hero-section .wrapper__right {
          width: 100%;
          max-width: 500px;
          padding: 0 15px 20px 15px; } }
      .hero-section .wrapper__right .countdown-wrp {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 40px; }
        .hero-section .wrapper__right .countdown-wrp .countdown-item {
          text-align: center;
          position: relative; }
          .hero-section .wrapper__right .countdown-wrp .countdown-item span {
            display: block; }
          .hero-section .wrapper__right .countdown-wrp .countdown-item span:first-child {
            font-size: 20px;
            font-weight: 600;
            line-height: 24px;
            color: #50a676; }
          .hero-section .wrapper__right .countdown-wrp .countdown-item span:last-child {
            font-size: 10px;
            font-weight: 400;
            line-height: 10px;
            margin-top: 10px; }
          .hero-section .wrapper__right .countdown-wrp .countdown-item:not(:last-child) span:first-child::after {
            content: ":";
            position: absolute;
            top: 0;
            right: -20px; }
      .hero-section .wrapper__right .banner__ticket {
        display: none;
        background-color: #58b682;
        width: 100%;
        padding: 14px 0;
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
        color: white;
        margin-top: 30px;
        text-align: center; }
        @media only screen and (max-width: 768px) {
          .hero-section .wrapper__right .banner__ticket {
            display: inline-block; } }

.about {
  position: relative;
  margin-top: 40px; }
  .about__wrp {
    max-width: 940px; }
    .about__wrp .title {
      font-size: 20px; }
      @media only screen and (max-width: 768px) {
        .about__wrp .title {
          font-size: 14px; } }
    .about__wrp .content {
      font-size: 20px;
      font-weight: 500;
      line-height: 24px; }
      @media only screen and (max-width: 1240px) {
        .about__wrp .content {
          font-size: 16px;
          line-height: 18px; } }
      @media only screen and (max-width: 768px) {
        .about__wrp .content {
          line-height: 20px; } }
  .about .top-topics {
    margin-top: 100px; }
    .about .top-topics h1 {
      font-size: 32px;
      font-weight: 500; }
    .about .top-topics .topics {
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
      flex-wrap: nowrap;
      margin-top: 24px;
      gap: 24px; }
      @media only screen and (max-width: 768px) {
        .about .top-topics .topics {
          gap: 16px; } }
      .about .top-topics .topics .topic {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: nowrap;
        gap: 10px; }
        .about .top-topics .topics .topic img {
          width: 52px;
          height: 52px; }
        .about .top-topics .topics .topic p {
          font-weight: 700;
          font-size: 20px; }
          @media only screen and (max-width: 768px) {
            .about .top-topics .topics .topic p {
              font-size: 16px; } }
    .about .top-topics button {
      margin-top: 40px;
      border: 1px solid #58b682;
      background: none;
      padding: 16px 24px;
      transition: color 0.3s;
      cursor: pointer; }
      .about .top-topics button:hover {
        background-color: #58b682;
        color: white; }
  .about .statistics {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-end;
    flex-wrap: nowrap;
    padding: 0 2%; }
    .about .statistics .statistics-box {
      background-color: #040807;
      color: white;
      padding: 24px;
      display: flex;
      flex-direction: column;
      position: relative; }
      @media only screen and (max-width: 768px) {
        .about .statistics .statistics-box {
          padding: 8px; } }
      .about .statistics .statistics-box.first {
        width: 25%; }
        @media only screen and (max-width: 768px) {
          .about .statistics .statistics-box.first {
            width: 30%; } }
        .about .statistics .statistics-box.first:after {
          content: "";
          position: absolute;
          left: 0;
          top: 0;
          height: 4px;
          width: 100%;
          background-color: #58b682; }
      .about .statistics .statistics-box.second {
        width: 35%;
        padding-bottom: 50px; }
        @media only screen and (max-width: 768px) {
          .about .statistics .statistics-box.second {
            width: 50%; } }
      .about .statistics .statistics-box.third {
        width: 50%;
        padding-bottom: 50px; }
        @media only screen and (max-width: 768px) {
          .about .statistics .statistics-box.third {
            width: 75%; } }
      .about .statistics .statistics-box span:first-child {
        color: #50a676;
        font-size: 60px;
        font-weight: 600;
        line-height: 60px; }
        @media only screen and (max-width: 1240px) {
          .about .statistics .statistics-box span:first-child {
            font-size: 44px;
            line-height: 44px; } }
        @media only screen and (max-width: 768px) {
          .about .statistics .statistics-box span:first-child {
            font-size: 32px;
            line-height: 32px; } }
      .about .statistics .statistics-box span:last-child {
        font-size: 16px;
        font-weight: 500;
        line-height: 16px;
        margin-top: 6px; }
        @media only screen and (max-width: 768px) {
          .about .statistics .statistics-box span:last-child {
            font-size: 14px;
            line-height: 14px; } }
  .about .bg-icon {
    position: absolute;
    bottom: 0; }
    .about .bg-icon svg {
      margin-bottom: 16px;
      margin-left: 12%;
      width: 188px;
      height: 188px; }
      @media only screen and (max-width: 1240px) {
        .about .bg-icon svg {
          margin-left: 4%; } }
      @media only screen and (max-width: 768px) {
        .about .bg-icon svg {
          width: 87px;
          height: 87px; } }
    .about .bg-icon .squares-wrapper {
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      align-items: flex-end;
      flex-wrap: nowrap; }
    .about .bg-icon .square {
      background-color: #040807;
      height: 80px;
      width: 500px;
      max-width: 500px;
      z-index: -1; }
      @media only screen and (max-width: 1240px) {
        .about .bg-icon .square {
          width: 300px;
          max-width: 300px; } }
      @media only screen and (max-width: 768px) {
        .about .bg-icon .square {
          display: none; } }
    .about .bg-icon .small-square {
      background-color: #040807;
      height: 40px;
      width: 100px; }
      @media only screen and (max-width: 768px) {
        .about .bg-icon .small-square {
          width: 30px; } }
  .about .bg-icon2 {
    position: absolute;
    right: 0;
    top: 10%;
    opacity: 0.05; }
    .about .bg-icon2 svg {
      width: 700px;
      height: 700px; }
      @media only screen and (max-width: 768px) {
        .about .bg-icon2 svg {
          width: 400px;
          height: 400px; } }

.countries {
  background-color: #040807;
  color: #b2ddc6;
  padding-block: 40px; }
  .countries__scroller {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin-top: 20px; }
    .countries__scroller::before, .countries__scroller::after {
      content: "";
      position: absolute;
      top: 0;
      width: 270px;
      height: 100%;
      pointer-events: none;
      z-index: 10; }
      @media only screen and (max-width: 1240px) {
        .countries__scroller::before, .countries__scroller::after {
          width: 200px; } }
      @media only screen and (max-width: 768px) {
        .countries__scroller::before, .countries__scroller::after {
          width: 100px; } }
    .countries__scroller__inner {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      flex-wrap: nowrap;
      width: fit-content;
      animation: scrollLeft 30s linear infinite;
      gap: 40px;
      white-space: nowrap; }
      .countries__scroller__inner li {
        font-size: 18px;
        font-style: italic; }
      @media only screen and (max-width: 768px) {
        .countries__scroller__inner {
          gap: 40px; } }
  .countries__wrapper {
    margin-top: 35px;
    margin-bottom: 35px; }
    .countries__wrapper figure {
      display: flex;
      align-items: center;
      justify-content: center; }
      .countries__wrapper figure img {
        max-width: 100%; }

@keyframes scrollLeft {
  0% {
    transform: translateX(0%); }
  100% {
    transform: translateX(-33.3333%); } }

.committee-section-home {
  background-color: black;
  padding-top: 40px; }
  .committee-section-home h1 {
    color: white;
    font-size: 48px;
    font-weight: 500; }
    @media only screen and (max-width: 768px) {
      .committee-section-home h1 {
        font-size: 32px; } }
  .committee-section-home p {
    color: white;
    font-size: 20px;
    font-style: italic;
    margin-top: 24px; }
  .committee-section-home .content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: nowrap;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 16px; }
    @media only screen and (max-width: 1240px) {
      .committee-section-home .content {
        gap: 20px; } }
    @media only screen and (max-width: 768px) {
      .committee-section-home .content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: stretch;
        flex-wrap: nowrap;
        gap: 20px; } }
    .committee-section-home .content > a,
    .committee-section-home .content > .person {
      flex: 1 1 calc(33.333% - 20px);
      max-width: calc(33.333% - 20px); }
      @media only screen and (max-width: 1240px) {
        .committee-section-home .content > a,
        .committee-section-home .content > .person {
          flex: 1 1 calc(50% - 20px);
          max-width: calc(50% - 20px); } }
      @media only screen and (max-width: 768px) {
        .committee-section-home .content > a,
        .committee-section-home .content > .person {
          flex: 1 1 100%;
          max-width: 100%; } }
  .committee-section-home span {
    color: #8c8d8d;
    font-size: 12px; }
  .committee-section-home .info {
    border-left: 1px solid #575a59;
    padding-left: 10px;
    width: 100%; }
    @media only screen and (max-width: 1240px) {
      .committee-section-home .info {
        width: 100%; } }
    @media only screen and (max-width: 768px) {
      .committee-section-home .info {
        width: 100%; } }
    .committee-section-home .info p {
      margin-bottom: 10px; }
  .committee-section-home .cards {
    margin-top: 80px; }
    @media only screen and (max-width: 768px) {
      .committee-section-home .cards {
        margin-top: 40px; } }
    .committee-section-home .cards p {
      margin-bottom: 16px; }
  .committee-section-home img {
    width: 100%;
    height: 400px;
    aspect-ratio: 4/3;
    object-fit: cover;
    display: block; }

.speaker-section-home {
  background-color: black;
  padding-top: 40px;
  padding-bottom: 100px; }
  .speaker-section-home h1 {
    color: white;
    font-size: 48px;
    font-weight: 500; }
    @media only screen and (max-width: 768px) {
      .speaker-section-home h1 {
        font-size: 32px; } }
  .speaker-section-home p {
    color: white;
    font-size: 20px;
    font-style: italic;
    margin-top: 24px; }
  .speaker-section-home .content {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: nowrap;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 16px; }
    @media only screen and (max-width: 1240px) {
      .speaker-section-home .content {
        gap: 20px; } }
    @media only screen and (max-width: 768px) {
      .speaker-section-home .content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: stretch;
        flex-wrap: nowrap;
        gap: 20px; } }
    .speaker-section-home .content > a,
    .speaker-section-home .content > .person {
      flex: 1 1 calc(25% - 20px);
      max-width: calc(25% - 20px); }
      @media only screen and (max-width: 1240px) {
        .speaker-section-home .content > a,
        .speaker-section-home .content > .person {
          flex: 1 1 calc(50% - 20px);
          max-width: calc(50% - 20px); } }
      @media only screen and (max-width: 768px) {
        .speaker-section-home .content > a,
        .speaker-section-home .content > .person {
          flex: 1 1 100%;
          max-width: 100%; } }
  .speaker-section-home span {
    color: #8c8d8d;
    font-size: 12px; }
  .speaker-section-home .info {
    border-left: 1px solid #575a59;
    padding-left: 10px;
    width: 100%; }
    @media only screen and (max-width: 1240px) {
      .speaker-section-home .info {
        width: 100%; } }
    @media only screen and (max-width: 768px) {
      .speaker-section-home .info {
        width: 100%; } }
    .speaker-section-home .info p {
      margin-bottom: 10px; }
  .speaker-section-home .cards {
    margin-top: 80px; }
    @media only screen and (max-width: 768px) {
      .speaker-section-home .cards {
        margin-top: 40px; } }
    .speaker-section-home .cards p {
      margin-bottom: 16px; }
  .speaker-section-home img {
    width: 100%;
    height: 360px;
    aspect-ratio: 4/3;
    object-fit: cover;
    display: block; }

.program-section__header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  flex-wrap: nowrap; }
  @media only screen and (max-width: 768px) {
    .program-section__header {
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
      flex-wrap: nowrap; } }
  .program-section__header h1 {
    font-size: 32px;
    font-weight: 500; }
    @media only screen and (max-width: 768px) {
      .program-section__header h1 {
        font-size: 24px; } }
  .program-section__header__right p {
    text-align: end;
    color: #3e815c;
    font-size: 18px;
    font-weight: 500; }
    @media only screen and (max-width: 768px) {
      .program-section__header__right p {
        display: none; } }
  .program-section__header__right__dates {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
    margin-top: 24px;
    gap: 12px;
    white-space: nowrap; }
    @media only screen and (max-width: 768px) {
      .program-section__header__right__dates {
        gap: 6px; } }
    .program-section__header__right__dates__date {
      cursor: pointer;
      border: 1px solid;
      padding: 16px 18px;
      transition: transform 0.3s ease; }
      .program-section__header__right__dates__date:hover {
        transform: scale(1.05);
        background-color: #e6e6e6; }
      @media only screen and (max-width: 768px) {
        .program-section__header__right__dates__date {
          font-size: 14px; } }
    .program-section__header__right__dates .active {
      background-color: #040807;
      color: white; }

.program-section__table table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 40px;
  text-align: left; }
  @media only screen and (max-width: 768px) {
    .program-section__table table {
      margin-top: 20px;
      display: block; } }
  .program-section__table table thead {
    background-color: #e6e6e6; }
    @media only screen and (max-width: 768px) {
      .program-section__table table thead {
        display: none; } }
    .program-section__table table thead th {
      font-size: 14px;
      padding: 24px; }
      .program-section__table table thead th:nth-child(1) {
        text-align: left; }
      .program-section__table table thead th:nth-child(2) {
        text-align: center; }
      .program-section__table table thead th:nth-child(3) {
        text-align: right; }
  @media only screen and (max-width: 768px) {
    .program-section__table table tbody {
      display: none; } }
  .program-section__table table tbody.active {
    display: table-row-group; }
    @media only screen and (max-width: 768px) {
      .program-section__table table tbody.active {
        display: block; } }
  .program-section__table table tbody tr {
    border-bottom: 1px solid #e0e0e0;
    transition: all 0.3s;
    cursor: pointer; }
    @media only screen and (max-width: 768px) {
      .program-section__table table tbody tr {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 10px;
        margin-bottom: 20px;
        background-color: #fff;
        padding: 8px 0; } }
    .program-section__table table tbody tr:hover {
      background-color: #f9f9f9; }
    .program-section__table table tbody tr td {
      padding: 24px; }
      .program-section__table table tbody tr td:nth-child(1) {
        text-align: left; }
      .program-section__table table tbody tr td:nth-child(2) {
        text-align: center; }
      .program-section__table table tbody tr td:nth-child(3) {
        text-align: right; }
      @media only screen and (max-width: 768px) {
        .program-section__table table tbody tr td {
          display: block;
          padding: 8px 0;
          text-align: left; } }

.contact-section {
  background-color: black;
  padding-left: 100px;
  color: white; }
  @media only screen and (max-width: 1240px) {
    .contact-section {
      padding-left: 24px; } }
  .contact-section__content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: space-between;
    flex-wrap: nowrap; }
    @media only screen and (max-width: 768px) {
      .contact-section__content {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: stretch;
        flex-wrap: nowrap; } }
    .contact-section__content__info h1 {
      font-size: 32px;
      font-weight: 500; }
      @media only screen and (max-width: 768px) {
        .contact-section__content__info h1 {
          font-size: 20px; } }
    .contact-section__content__info__text {
      margin-top: 80px; }
      .contact-section__content__info__text .contact-title {
        font-size: 24;
        font-weight: 700; }
      .contact-section__content__info__text .contact-description {
        color: #e6e6e6;
        margin-top: 8px;
        font-size: 16px; }
      .contact-section__content__info__text__table {
        margin-top: 60px;
        border-top: 1px solid #989898; }
        @media only screen and (max-width: 768px) {
          .contact-section__content__info__text__table {
            margin-top: 24px; } }
        .contact-section__content__info__text__table .table-content {
          padding: 24px 0;
          border-bottom: 1px solid #989898;
          display: flex;
          flex-direction: row;
          justify-content: space-between;
          align-items: flex-start;
          flex-wrap: nowrap;
          gap: 200px; }
          @media only screen and (max-width: 1240px) {
            .contact-section__content__info__text__table .table-content {
              gap: 50px; } }
          @media only screen and (max-width: 768px) {
            .contact-section__content__info__text__table .table-content {
              display: flex;
              flex-direction: column;
              justify-content: flex-start;
              align-items: stretch;
              flex-wrap: nowrap;
              gap: 10px; } }
    .contact-section__content__image {
      width: 537px;
      height: 493px; }
      .contact-section__content__image img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        display: block; }
      @media only screen and (max-width: 768px) {
        .contact-section__content__image {
          width: 100%;
          height: auto;
          margin-top: 10px; }
          .contact-section__content__image img {
            width: 100%;
            height: auto; } }

.submition-section {
  padding-top: 100px;
  padding-bottom: 100px; }
  @media only screen and (max-width: 768px) {
    .submition-section {
      padding-top: 60px;
      padding-bottom: 50px; } }
  .submition-section .submition-wrp__header {
    width: 50%;
    margin-bottom: 20px; }
    @media only screen and (max-width: 1240px) {
      .submition-section .submition-wrp__header {
        margin-bottom: 40px;
        width: 80%; } }
    @media only screen and (max-width: 768px) {
      .submition-section .submition-wrp__header {
        margin-bottom: 32px;
        width: 100%; } }
    .submition-section .submition-wrp__header span {
      font-size: 32px;
      font-weight: 500;
      margin-top: 24px; }
      @media only screen and (max-width: 768px) {
        .submition-section .submition-wrp__header span {
          font-size: 24px;
          line-height: 32px; } }
  .submition-section .submition-wrp__container .submition-item {
    padding: 32px 10px 28px 0;
    border-top: 1px solid #8c8d8d;
    cursor: pointer; }
    @media only screen and (max-width: 1240px) {
      .submition-section .submition-wrp__container .submition-item {
        padding-right: 0; } }
    @media only screen and (max-width: 768px) {
      .submition-section .submition-wrp__container .submition-item {
        padding-top: 20px;
        padding-bottom: 20px; } }
    .submition-section .submition-wrp__container .submition-item:last-child {
      border-bottom: 1px solid #8c8d8d; }
    .submition-section .submition-wrp__container .submition-item__header {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      flex-wrap: nowrap;
      gap: 50px; }
      .submition-section .submition-wrp__container .submition-item__header span {
        line-height: 24px;
        font-size: 20px;
        font-weight: 500; }
      .submition-section .submition-wrp__container .submition-item__header figure {
        width: 24px;
        height: 24px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        flex-wrap: nowrap;
        transition: 0.3s ease; }
    .submition-section .submition-wrp__container .submition-item__body {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.8s ease; }
      .submition-section .submition-wrp__container .submition-item__body p {
        font-size: 14px;
        font-weight: 400;
        line-height: 18px; }
      .submition-section .submition-wrp__container .submition-item__body.active {
        max-height: 100vh;
        padding-top: 20px;
        padding-right: 36px; }
      .submition-section .submition-wrp__container .submition-item__body__content {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: stretch;
        flex-wrap: nowrap;
        gap: 32px; }
        .submition-section .submition-wrp__container .submition-item__body__content__row {
          display: flex;
          flex-direction: row;
          justify-content: space-between;
          align-items: stretch;
          flex-wrap: nowrap;
          gap: 24px;
          flex-wrap: wrap; }
    .submition-section .submition-wrp__container .submition-item__name {
      font-weight: 700;
      font-size: 20px; }
    .submition-section .submition-wrp__container .submition-item__cell {
      margin-left: 350px; }
      @media only screen and (max-width: 1240px) {
        .submition-section .submition-wrp__container .submition-item__cell {
          margin-left: 100px; } }
      @media only screen and (max-width: 768px) {
        .submition-section .submition-wrp__container .submition-item__cell {
          margin-left: 0; } }
    .submition-section .submition-wrp__container .submition-item .links {
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: stretch;
      flex-wrap: nowrap;
      gap: 20px; }
      .submition-section .submition-wrp__container .submition-item .links a {
        color: #0088ff;
        text-decoration: underline;
        font-weight: 600; }
        @media only screen and (max-width: 768px) {
          .submition-section .submition-wrp__container .submition-item .links a {
            font-size: 14px; } }

.faq-section {
  padding-top: 80px;
  padding-bottom: 50px;
  background-color: #020303;
  color: #e6e6e6; }
  @media only screen and (max-width: 768px) {
    .faq-section {
      padding-top: 60px; } }
  .faq-section .faq-wrp__header {
    width: 50%;
    margin-bottom: 20px; }
    @media only screen and (max-width: 1240px) {
      .faq-section .faq-wrp__header {
        margin-bottom: 40px;
        width: 80%; } }
    @media only screen and (max-width: 768px) {
      .faq-section .faq-wrp__header {
        margin-bottom: 32px;
        width: 100%; } }
    .faq-section .faq-wrp__header span {
      font-size: 20px;
      font-style: italic; }
    .faq-section .faq-wrp__header p {
      font-size: 32px;
      font-weight: 500;
      margin-top: 24px; }
      @media only screen and (max-width: 768px) {
        .faq-section .faq-wrp__header p {
          font-size: 24px;
          line-height: 32px; } }
  .faq-section .faq-wrp__container .faq-item {
    padding: 32px 10px 28px 0;
    border-top: 1px solid #e6e6e6;
    cursor: pointer; }
    @media only screen and (max-width: 1240px) {
      .faq-section .faq-wrp__container .faq-item {
        padding-right: 0; } }
    @media only screen and (max-width: 768px) {
      .faq-section .faq-wrp__container .faq-item {
        padding-top: 20px;
        padding-bottom: 20px; } }
    .faq-section .faq-wrp__container .faq-item:last-child {
      border-bottom: 1px solid #e6e6e6; }
    .faq-section .faq-wrp__container .faq-item__header {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      flex-wrap: nowrap;
      gap: 50px; }
      .faq-section .faq-wrp__container .faq-item__header span {
        line-height: 24px; }
      .faq-section .faq-wrp__container .faq-item__header figure {
        width: 24px;
        height: 24px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        flex-wrap: nowrap;
        transition: 0.3s ease; }
    .faq-section .faq-wrp__container .faq-item__body {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.8s ease; }
      .faq-section .faq-wrp__container .faq-item__body p {
        font-size: 14px;
        font-weight: 400;
        line-height: 18px;
        color: #b1b2b2; }
      .faq-section .faq-wrp__container .faq-item__body.active {
        max-height: 100vh;
        padding-top: 20px;
        padding-right: 36px; }

.faq-bg {
  margin-top: -30px;
  height: 200px;
  background-image: url(../images/footer-bg.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100%; }
  @media only screen and (max-width: 1240px) {
    .faq-bg {
      height: 124px; } }
  @media only screen and (max-width: 768px) {
    .faq-bg {
      height: 90px; } }

.contact-bg {
  margin-top: 100px;
  margin-bottom: -50px;
  height: 200px;
  background-image: url(../images/Union.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100%; }
  @media only screen and (max-width: 1240px) {
    .contact-bg {
      height: 124px; } }
  @media only screen and (max-width: 768px) {
    .contact-bg {
      height: 90px; } }

.backTo-black {
  padding-top: 24px;
  background-color: black; }
  .backTo-black a {
    color: #8c8d8d;
    cursor: pointer;
    font-size: 16px; }
    @media only screen and (max-width: 768px) {
      .backTo-black a {
        font-size: 14px; } }
    .backTo-black a:hover {
      color: white; }

.about-section {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 150px;
  background-color: black;
  color: white;
  min-height: 100vh; }
  @media only screen and (max-width: 1240px) {
    .about-section {
      gap: 75px; } }
  @media only screen and (max-width: 768px) {
    .about-section {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      flex-wrap: nowrap;
      gap: 5px;
      flex-direction: column-reverse; } }
  .about-section .about-section-info .backTo {
    margin-top: 40px;
    color: #8c8d8d;
    cursor: pointer; }
  .about-section .about-section-info h1 {
    font-size: 32px;
    font-weight: 700;
    margin-top: 40px;
    margin-bottom: 20px; }
    @media only screen and (max-width: 768px) {
      .about-section .about-section-info h1 {
        font-size: 24px; } }
  .about-section .about-section-info span {
    font-size: 20px;
    font-style: italic; }
    @media only screen and (max-width: 768px) {
      .about-section .about-section-info span {
        font-size: 16px; } }
  .about-section .about-section-info p {
    font-weight: 500;
    line-height: 24px;
    margin-top: 32px; }
  .about-section .about-section-image img {
    width: 505px;
    height: 617px;
    object-fit: cover;
    display: block; }
    @media only screen and (max-width: 1240px) {
      .about-section .about-section-image img {
        width: 304px;
        height: 371px; } }
    @media only screen and (max-width: 768px) {
      .about-section .about-section-image img {
        margin-top: 24px;
        width: 100%;
        height: 409px; } }

.backTo {
  margin-top: 24px !important; }
  .backTo a {
    color: #8C8D8D !important;
    cursor: pointer;
    font-size: 16px; }
    @media only screen and (max-width: 768px) {
      .backTo a {
        font-size: 14px; } }
    .backTo a:hover {
      color: black !important; }

.topics-section {
  margin-top: 40px; }
  .topics-section h1 {
    font-size: 48px;
    font-weight: 500; }
    @media only screen and (max-width: 768px) {
      .topics-section h1 {
        font-size: 24px; } }
  .topics-section .topics {
    margin-top: 40px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px; }
    @media only screen and (max-width: 768px) {
      .topics-section .topics {
        grid-template-columns: repeat(1, 1fr);
        gap: 16px;
        margin-top: 20px; } }
    .topics-section .topics .topic {
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      align-items: center;
      flex-wrap: nowrap;
      gap: 10px; }
      .topics-section .topics .topic img {
        width: 52px;
        height: 52px; }
      .topics-section .topics .topic p {
        font-weight: 700;
        font-size: 20px; }
        @media only screen and (max-width: 768px) {
          .topics-section .topics .topic p {
            font-size: 16px; } }
  .topics-section .seeAll {
    margin-top: 40px;
    text-align: center; }
    .topics-section .seeAll button {
      border: 1px solid #58b682;
      background: none;
      padding: 16px 28px;
      cursor: pointer;
      font-weight: 500;
      transition: 0.3s ease; }
      @media only screen and (max-width: 768px) {
        .topics-section .seeAll button {
          width: 100%; } }
      .topics-section .seeAll button:hover {
        background-color: #58b682;
        color: white; }

.committee-section {
  background-color: black;
  padding-top: 40px;
  padding-bottom: 100px; }
  .committee-section h1 {
    color: white;
    font-size: 48px;
    font-weight: 500; }
    @media only screen and (max-width: 768px) {
      .committee-section h1 {
        font-size: 32px; } }
  .committee-section p {
    color: white;
    font-size: 20px;
    font-style: italic;
    margin-top: 24px; }
  .committee-section .content {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-top: 16px; }
    @media only screen and (max-width: 1240px) {
      .committee-section .content {
        grid-template-columns: repeat(2, 1fr); } }
    @media only screen and (max-width: 768px) {
      .committee-section .content {
        grid-template-columns: 1fr; } }
    .committee-section .content > a,
    .committee-section .content > .person {
      width: 100%; }
  .committee-section span {
    color: #8c8d8d;
    font-size: 12px; }
  .committee-section .info {
    border-left: 1px solid #575a59;
    padding-left: 10px;
    width: 100%; }
    @media only screen and (max-width: 1240px) {
      .committee-section .info {
        width: 100%; } }
    @media only screen and (max-width: 768px) {
      .committee-section .info {
        width: 100%; } }
    .committee-section .info p {
      margin-bottom: 10px; }
  .committee-section .cards {
    margin-top: 80px; }
    @media only screen and (max-width: 768px) {
      .committee-section .cards {
        margin-top: 40px; } }
    .committee-section .cards p {
      margin-bottom: 16px; }
  .committee-section img {
    width: 100%;
    height: 400px;
    aspect-ratio: 4/3;
    object-fit: cover;
    display: block; }
  .committee-section .person {
    position: relative;
    overflow: hidden;
    transition: transform 0.3s ease;
    cursor: pointer; }
    .committee-section .person:hover {
      transform: scale(1.02); }
    .committee-section .person img {
      transition: transform 0.4s ease; }
    .committee-section .person:hover img {
      transform: scale(1.03); }
    .committee-section .person::after {
      content: "";
      position: absolute;
      inset: 0;
      background: rgba(0, 0, 0, 0.4);
      opacity: 0;
      transition: opacity 0.4s ease;
      z-index: 1; }
    .committee-section .person:hover::after {
      opacity: 1; }
    .committee-section .person:hover .info {
      opacity: 1;
      transform: translateY(0); }

.speaker-section {
  background-color: black;
  padding-top: 40px;
  padding-bottom: 100px; }
  .speaker-section h1 {
    color: white;
    font-size: 48px;
    font-weight: 500; }
    @media only screen and (max-width: 768px) {
      .speaker-section h1 {
        font-size: 32px; } }
  .speaker-section p {
    color: white;
    font-size: 20px;
    font-style: italic;
    margin-top: 24px; }
  .speaker-section .content {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: nowrap;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 16px; }
    @media only screen and (max-width: 1240px) {
      .speaker-section .content {
        gap: 20px; } }
    @media only screen and (max-width: 768px) {
      .speaker-section .content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: stretch;
        flex-wrap: nowrap;
        gap: 20px; } }
    .speaker-section .content > a,
    .speaker-section .content > .person {
      flex: 1 1 calc(25% - 20px);
      max-width: calc(25% - 20px); }
      @media only screen and (max-width: 1240px) {
        .speaker-section .content > a,
        .speaker-section .content > .person {
          flex: 1 1 calc(50% - 20px);
          max-width: calc(50% - 20px); } }
      @media only screen and (max-width: 768px) {
        .speaker-section .content > a,
        .speaker-section .content > .person {
          flex: 1 1 100%;
          max-width: 100%; } }
  .speaker-section span {
    color: #8c8d8d;
    font-size: 12px; }
  .speaker-section .info {
    border-left: 1px solid #575a59;
    padding-left: 10px;
    width: 100%; }
    @media only screen and (max-width: 1240px) {
      .speaker-section .info {
        width: 100%; } }
    @media only screen and (max-width: 768px) {
      .speaker-section .info {
        width: 100%; } }
    .speaker-section .info p {
      margin-bottom: 10px; }
  .speaker-section .cards {
    margin-top: 80px; }
    @media only screen and (max-width: 768px) {
      .speaker-section .cards {
        margin-top: 40px; } }
    .speaker-section .cards p {
      margin-bottom: 16px; }
  .speaker-section img {
    width: 100%;
    height: 360px;
    aspect-ratio: 4/3;
    object-fit: cover;
    display: block; }

.speaker-section-white {
  background-color: white;
  padding-top: 40px;
  padding-bottom: 100px; }
  .speaker-section-white h1 {
    font-size: 48px;
    font-weight: 500; }
  .speaker-section-white p {
    font-size: 20px;
    font-style: italic;
    margin-top: 24px;
    color: black; }
  .speaker-section-white .content {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: nowrap;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 16px; }
    @media only screen and (max-width: 1240px) {
      .speaker-section-white .content {
        gap: 20px; } }
    @media only screen and (max-width: 768px) {
      .speaker-section-white .content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: stretch;
        flex-wrap: nowrap;
        gap: 20px; } }
    .speaker-section-white .content > a,
    .speaker-section-white .content > .person {
      flex: 1 1 calc(25% - 20px);
      max-width: calc(25% - 20px); }
      .speaker-section-white .content > a::after,
      .speaker-section-white .content > .person::after {
        background: rgba(220, 220, 220, 0.4); }
      @media only screen and (max-width: 1240px) {
        .speaker-section-white .content > a,
        .speaker-section-white .content > .person {
          flex: 1 1 calc(50% - 20px);
          max-width: calc(50% - 20px); } }
      @media only screen and (max-width: 768px) {
        .speaker-section-white .content > a,
        .speaker-section-white .content > .person {
          flex: 1 1 100%;
          max-width: 100%; } }
  .speaker-section-white span {
    color: #8c8d8d;
    font-size: 12px; }
  .speaker-section-white .info {
    border-left: 1px solid #575a59;
    padding-left: 10px;
    width: 100%; }
    @media only screen and (max-width: 1240px) {
      .speaker-section-white .info {
        width: 100%; } }
    @media only screen and (max-width: 768px) {
      .speaker-section-white .info {
        width: 100%; } }
    .speaker-section-white .info p {
      margin-bottom: 10px; }
  .speaker-section-white .cards {
    margin-top: 80px; }
    @media only screen and (max-width: 768px) {
      .speaker-section-white .cards {
        margin-top: 40px; } }
    .speaker-section-white .cards p {
      margin-bottom: 16px; }
  .speaker-section-white img {
    width: 100%;
    height: 360px;
    aspect-ratio: 4/3;
    object-fit: cover;
    display: block; }

.person {
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
  cursor: pointer; }
  .person:hover {
    transform: scale(1.02); }
  .person img {
    transition: transform 0.4s ease; }
  .person:hover img {
    transform: scale(1.03); }
  .person::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.4);
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: 1; }
  .person:hover::after {
    opacity: 1; }
  .person:hover .info {
    opacity: 1;
    transform: translateY(0); }

.sponsorship-section {
  margin-top: 40px; }
  .sponsorship-section h1 {
    font-size: 48px;
    font-weight: 500; }
    @media only screen and (max-width: 768px) {
      .sponsorship-section h1 {
        font-size: 24px; } }
  .sponsorship-section__content {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: nowrap;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 40px; }
    @media only screen and (max-width: 1240px) {
      .sponsorship-section__content {
        gap: 18px; } }
    @media only screen and (max-width: 768px) {
      .sponsorship-section__content {
        flex-direction: column;
        gap: 8px; } }
    .sponsorship-section__content .sponsor-card {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: stretch;
      flex-wrap: nowrap;
      width: calc((100% - 40px) / 3);
      border: 2px solid #020404;
      padding: 30px 20px 20px 20px; }
      @media only screen and (max-width: 1240px) {
        .sponsorship-section__content .sponsor-card {
          width: calc((100% - 18px) / 2);
          padding: 20px; } }
      @media only screen and (max-width: 768px) {
        .sponsorship-section__content .sponsor-card {
          width: 100%; } }
      .sponsorship-section__content .sponsor-card.active {
        box-shadow: 0px 8px 14px 0px rgba(2, 4, 4, 0.24); }
        .sponsorship-section__content .sponsor-card.active .sponsor-btn {
          background-color: #3e815c; }
      .sponsorship-section__content .sponsor-card .upper {
        display: flex;
        flex-direction: column;
        gap: 24px; }
      .sponsorship-section__content .sponsor-card .upper > span {
        font-size: 32px;
        line-height: 32px;
        font-weight: 600; }
        @media only screen and (max-width: 1240px) {
          .sponsorship-section__content .sponsor-card .upper > span {
            font-size: 24px;
            line-height: 24px; } }
      .sponsorship-section__content .sponsor-card .sponsor-line {
        height: 1px;
        max-width: 226px;
        background-color: #b1b2b2; }
      .sponsorship-section__content .sponsor-card__include {
        display: flex;
        flex-direction: column;
        gap: 20px; }
        .sponsorship-section__content .sponsor-card__include .item {
          display: flex;
          flex-direction: row;
          justify-content: flex-start;
          align-items: stretch;
          flex-wrap: nowrap;
          gap: 10px; }
          .sponsorship-section__content .sponsor-card__include .item__right {
            display: flex;
            flex-direction: column;
            gap: 6px; }
            .sponsorship-section__content .sponsor-card__include .item__right span:nth-child(1) {
              color: #363939;
              font-size: 16px;
              font-weight: 600;
              line-height: 24px; }
            .sponsorship-section__content .sponsor-card__include .item__right span:nth-child(2) {
              color: #8c8d8d;
              font-size: 14px;
              font-weight: 500;
              line-height: 20px; }
      .sponsorship-section__content .sponsor-card .sponsor-btn {
        font-family: inherit;
        background-color: #58b682;
        color: #eef8f3;
        font-size: 32px;
        font-weight: 700;
        line-height: 32px;
        border: none;
        outline: none;
        padding: 12px 0;
        cursor: pointer;
        transition: background-color 0.3s;
        margin-top: 24px; }
        .sponsorship-section__content .sponsor-card .sponsor-btn:hover {
          background-color: #3e815c; }

.sponsorship-bg {
  margin-top: 80px;
  height: 200px;
  background-image: url(../images/footer-bg.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100%; }
  @media only screen and (max-width: 1240px) {
    .sponsorship-bg {
      height: 124px; } }
  @media only screen and (max-width: 768px) {
    .sponsorship-bg {
      height: 90px; } }