@charset "UTF-8";
.front-page {
  width: 100%;
}

.hero-h {
  min-height: 800px;
  max-height: 800px;
  overflow: hidden;
}
@media (min-width: 767px) {
  .hero-h {
    min-height: 640px;
    max-height: 640px;
  }
}
@media (min-width: 1023px) {
  .hero-h {
    min-height: 1000px;
    max-height: 1000px;
  }
}
@media (min-width: 1099px) {
  .hero-h {
    min-height: 100vh;
    max-height: auto;
  }
}
@media (min-width: 1199px) {
  .hero-h {
    min-height: 897px;
  }
}

.hero-section {
  height: 100vh;
  min-height: 900px;
}
@media (min-width: 1199px) {
  .hero-section {
    height: 897px;
    min-height: 897px;
  }
}
@media (min-width: 2249px) {
  .hero-section {
    max-height: 100%;
  }
}
@media (min-width: 1023px) {
  .hero-section .row {
    justify-content: space-between;
  }
}
@media (min-width: 1199px) {
  .hero-section .row {
    flex-wrap: nowrap;
  }
}
.hero-section .col-content {
  max-width: 610px;
  width: 100%;
}
.hero-section .col-carousel {
  max-width: 395px;
  width: 100%;
  margin-top: 50px;
}
@media (min-width: 1199px) {
  .hero-section .col-carousel {
    margin-top: 42px;
  }
}
.hero-section .content {
  width: 100%;
}
.hero-section .content .logo {
  max-width: 307px;
  width: 100%;
  margin-bottom: 60px;
}
@media (min-width: 1199px) {
  .hero-section .content .logo {
    max-width: 540px;
    margin-bottom: 24px;
  }
}
.hero-section .content .logo img {
  max-width: 100%;
  height: auto;
}
.hero-section .content .title, .hero-section .content .subtitle {
  color: #fff;
}
.hero-section .content h1.title {
  font-size: 1.5rem;
  line-height: 110%;
  margin-bottom: 24px;
}
@media (min-width: 1199px) {
  .hero-section .content h1.title {
    font-size: 1.875rem;
    margin-bottom: 10px;
  }
}
.hero-section .content p.subtitle {
  font-size: clamp(1rem, 1.5vw + 0.8rem, 1.25rem);
  line-height: 25px;
}
.hero-section .content .buttons-wrapper {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  gap: 20px;
  margin-top: 60px;
}
@media (min-width: 1199px) {
  .hero-section .content .buttons-wrapper {
    margin-top: 80px;
  }
}
.hero-section .carousel-wrapper {
  width: 100%;
  height: auto;
  border-radius: 10px;
  border: 0.5px solid rgba(255, 255, 255, 0.6);
  background: rgba(58, 39, 99, 0.17);
  display: none;
}
@media (min-width: 1023px) {
  .hero-section .carousel-wrapper {
    display: block;
  }
}
.hero-section .es-slider-wrap {
  position: relative;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  color: #fff;
  font-family: sans-serif;
}
.hero-section .es-slides {
  position: relative;
  height: 220px;
}
.hero-section .es-slide {
  position: absolute;
  inset: 0;
  padding: 24px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 40px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.5s ease;
}
.hero-section .es-slide.active {
  opacity: 1;
  pointer-events: auto;
}
.hero-section .es-slide-label {
  font-family: "Inerta-Regular", sans-serif;
  font-size: clamp(0.875rem, 0.5vw + 0.75rem, 1rem);
  line-height: 100%;
  letter-spacing: 0%;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 21px;
}
.hero-section .es-slide-date {
  font-family: "Inerta-Medium", sans-serif;
  font-size: clamp(1.2rem, 2vw + 1rem, 1.5rem);
  line-height: 100%;
  letter-spacing: 0%;
  margin-bottom: 8px;
}
.hero-section .es-slide-meta {
  font-family: "Inerta-Regular", sans-serif;
  font-size: clamp(0.875rem, 0.5vw + 0.75rem, 1rem);
  line-height: 18px;
  letter-spacing: 0%;
  color: #fff;
}
.hero-section .es-slide-footer {
  border-top: 1px dashed rgba(255, 255, 255, 0.3);
  padding-top: 21px;
}
.hero-section .es-slide-link {
  font-family: "Inerta-Regular", sans-serif;
  font-size: clamp(0.875rem, 0.5vw + 0.75rem, 1rem);
  line-height: 100%;
  letter-spacing: 0%;
  text-transform: uppercase;
  color: #FF9500;
  text-decoration: none;
}
.hero-section .es-dots {
  display: flex;
  gap: 8px;
  justify-content: flex-start;
  padding: 0 24px 20px;
  margin-top: 10px;
}
.hero-section .es-dot {
  max-width: 8px;
  width: 100%;
  height: 8px;
  border-radius: 50%;
  background: transparent;
  border: 0.5px solid #FFFFFF;
  display: inline-block;
  transition: background 0.3s;
  cursor: pointer;
}
.hero-section .es-dot.active {
  background: #fff;
}
.hero-section .es-w-dot {
  display: inline-block;
  margin: 0 8px;
}
.hero-section .es-arrow {
  max-width: 23px;
  width: 100%;
  height: 19px;
  display: inline-block;
  max-width: 23px;
  width: 100%;
  height: 13px;
  background-image: url("data:image/svg+xml,%3Csvg width='23' height='13' viewBox='0 0 23 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.2588 8.00002H0' stroke='%23FF9500' stroke-width='0.926819' stroke-miterlimit='10'/%3E%3Cpath d='M11.3975 3.00005C11.3975 5.73589 13.6616 8.00005 16.3975 8.00005C13.6616 8.00005 11.3975 10.2642 11.3975 13' stroke='%23FF9500' stroke-width='0.855526' stroke-miterlimit='10'/%3E%3C/svg%3E%0A");
  bground-repeat: no-repeat;
  background-size: contain;
  margin-left: 8px;
}

.about-platform {
  padding: 60px 0;
  background-color: #fff;
}
@media (min-width: 1199px) {
  .about-platform {
    padding: 120px 0;
  }
}
.about-platform .col-image {
  display: none;
  width: 100%;
  margin-bottom: 30px;
}
@media (min-width: 1199px) {
  .about-platform .col-image {
    display: block;
    max-width: 576px;
    margin-bottom: 0;
  }
}
.about-platform img {
  border-radius: 10px;
}
.about-platform .col-content {
  width: 100%;
}
@media (min-width: 1199px) {
  .about-platform .col-content {
    max-width: 576px;
  }
}
.about-platform .col-content .title, .about-platform .col-content .subtitle {
  color: #fff;
}
.about-platform .col-content .title {
  margin-bottom: 32px;
  color: #0D0D0D;
}
@media (min-width: 767px) {
  .about-platform .col-content .title {
    margin-bottom: 40px;
  }
}
@media (min-width: 1199px) {
  .about-platform .col-content .title {
    margin-bottom: 32px;
  }
}
.about-platform .col-content .subtitle p {
  font-size: 1.125rem;
  margin-bottom: 18px;
  color: #0D0D0D;
}
@media (min-width: 1199px) {
  .about-platform .col-content .subtitle p {
    margin-bottom: 32px;
  }
}
.about-platform .tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 32px;
}
@media (min-width: 767px) {
  .about-platform .tags {
    margin-bottom: 40px;
  }
}
.about-platform .tags .tag {
  display: inline-block;
  padding: 8px 16px;
  border-radius: 32px;
  border: 1px solid #35198B;
  font-family: "Inerta-Regular", sans-serif;
  font-size: 0.875rem;
  line-height: 100%;
  color: #35198B;
}

.custom-news {
  padding: 60px 0;
  background-color: #fff;
}
@media (min-width: 1199px) {
  .custom-news {
    padding: 100px 0 120px 0;
  }
}
.custom-news h2.title {
  margin-bottom: 20px;
}
@media (min-width: 767px) {
  .custom-news .gap40 {
    gap: 24px;
  }
}
@media (min-width: 1199px) {
  .custom-news .gap40 {
    gap: 40px;
  }
}
.custom-news .col-news {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.custom-news .col-news:hover img {
  transform: scale(1.05);
}
@media (min-width: 767px) {
  .custom-news .col-news {
    margin-top: 40px;
    flex-basis: calc(31% - 10px);
  }
}
@media (min-width: 1199px) {
  .custom-news .col-news {
    flex-basis: 384px;
  }
}
.custom-news .col-news .content {
  width: 100%;
}
.custom-news .col-news img {
  border-radius: 10px;
  margin-bottom: 18px;
  overflow: hidden;
  transition: transform 0.5s ease;
}
@media (min-width: 1199px) {
  .custom-news .col-news img {
    margin-bottom: 24px;
  }
}
.custom-news .col-news h3, .custom-news .col-news p {
  margin-bottom: 18px;
}
@media (min-width: 1199px) {
  .custom-news .col-news h3, .custom-news .col-news p {
    margin-bottom: 24px;
  }
}
.custom-news .col-news h3 a, .custom-news .col-news p a {
  text-decoration: none;
}
.custom-news .col-news p {
  font-size: 1rem;
}
.custom-news .col-news .link {
  font-size: 1rem;
}
@media (min-width: 767px) {
  .custom-news .col-news .link {
    font-size: 1.125rem;
  }
}
.custom-news .col-news .link svg {
  transition: transform 0.5s ease;
}
.custom-news .col-news .link:hover svg {
  transform: translateX(5px);
}

.platform-for {
  padding: 60px 0;
  background-image: url("../../assets/images/platform-for-bg.jpg");
  background-repeat: no-repeat;
  background-position: -50px 0;
  background-size: 650px 100%;
}
@media (min-width: 500px) {
  .platform-for {
    background-position: -150px 0;
    background-size: 750px 100%;
  }
}
@media (min-width: 600px) {
  .platform-for {
    background-position: -150px 0;
    background-size: 950px 100%;
  }
}
@media (min-width: 767px) {
  .platform-for {
    background-position: -50px 0;
    background-size: 1050px 100%;
  }
}
@media (max-width: 1023px) {
  .platform-for {
    display: flex;
    align-items: center;
    background-position: -50px 0;
    background-size: 1450px 100%;
  }
}
@media (min-width: 1199px) {
  .platform-for {
    padding: 100px 0;
    background-size: 1920px 100%;
    background-position: 50% 0;
  }
}
.platform-for .container {
  position: relative;
  z-index: 4;
}
.platform-for .row-title {
  width: 100%;
  margin-bottom: 40px;
}
@media (min-width: 1199px) {
  .platform-for .row-title {
    margin-bottom: 20px;
  }
}
.platform-for .row-title h2 {
  color: #fff;
}
@media (min-width: 1023px) {
  .platform-for .row {
    align-items: stretch;
  }
}
.platform-for .gap {
  gap: 40px;
}
@media (min-width: 767px) {
  .platform-for .gap {
    gap: 24px;
  }
}
@media (min-width: 1199px) {
  .platform-for .gap {
    gap: 40px;
  }
}
.platform-for .col-content {
  width: 100%;
}
@media (min-width: 767px) {
  .platform-for .col-content {
    max-width: 47%;
  }
}
@media (min-width: 1023px) {
  .platform-for .col-content {
    max-width: 300px;
    margin-top: 40px;
  }
}
@media (min-width: 1199px) {
  .platform-for .col-content {
    max-width: 383px;
  }
}
@media (min-width: 767px) {
  .platform-for .col-content:last-child {
    max-width: 100%;
  }
}
@media (min-width: 1023px) {
  .platform-for .col-content:last-child {
    max-width: 300px;
    margin-top: 40px;
  }
}
@media (min-width: 1199px) {
  .platform-for .col-content:last-child {
    max-width: 383px;
  }
}
.platform-for .content {
  width: 100%;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 10px;
  padding: 40px 40px 48px 40px;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.platform-for .content .content-top, .platform-for .content .content-bottom {
  width: 100%;
}
.platform-for .content .icon {
  max-width: 48px;
  width: 100%;
  height: 48px;
  margin-bottom: 24px;
}
@media (min-width: 1199px) {
  .platform-for .content .icon {
    margin-bottom: 28px;
  }
}
.platform-for .content .icon img {
  max-width: 100%;
  height: auto;
}
.platform-for .content h3 {
  color: #fff;
  margin-bottom: 24px;
}
.platform-for .content hr {
  height: 1px;
  border: none;
  background-image: repeating-linear-gradient(to right, #8E8E8E 0, #8E8E8E 4px, transparent 4px, transparent 8px);
  margin-bottom: 24px;
}
.platform-for .content ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
}
.platform-for .content ul li {
  color: rgb(204, 204, 209);
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
}
.platform-for .content ul li::before {
  content: "";
  display: inline-block;
  width: 23px;
  height: 19px;
  flex-shrink: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='23' height='19' viewBox='0 0 23 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 11.0132H0' stroke='white' stroke-width='1.3' stroke-miterlimit='10'/%3E%3Cpath d='M15.9868 4C15.9868 7.83743 19.1626 11.0132 23 11.0132C19.1626 11.0132 15.9868 14.189 15.9868 18.0265' stroke='white' stroke-width='1.2' stroke-miterlimit='10'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.platform-for .content ul li:last-child {
  margin-bottom: 0;
}
@media (min-width: 1199px) {
  .platform-for .content ul li {
    margin-bottom: 20px;
  }
}
.platform-for .btn-transparent {
  margin-top: 40px;
}
@media (min-width: 1199px) {
  .platform-for .btn-transparent {
    margin-top: 80px;
  }
}

.insisghts {
  padding: 60px 0;
  background-color: #fff;
}
@media (min-width: 1199px) {
  .insisghts {
    padding: 120px 0 60px 0;
  }
}
.insisghts h2 {
  margin-bottom: 18px;
}
@media (min-width: 767px) {
  .insisghts h2 {
    margin-bottom: 12px;
  }
}
@media (min-width: 1199px) {
  .insisghts h2 {
    margin-bottom: 18px;
  }
}
.insisghts p {
  margin-bottom: 40px;
}
@media (min-width: 767px) {
  .insisghts p {
    margin-bottom: 40;
  }
}
@media (min-width: 1199px) {
  .insisghts p {
    margin-bottom: 20px;
  }
}
.insisghts .tags {
  display: flex;
  gap: 8px;
  margin-bottom: 18px;
}
@media (min-width: 1199px) {
  .insisghts .tags {
    margin-bottom: 20px;
  }
}
.insisghts .tags .tag {
  display: inline-block;
  padding: 8px 16px;
  border-radius: 100px;
  border: 1px solid rgb(53, 25, 139);
  font-family: "Inerta-Regular", sans-serif;
  font-size: clamp(0.675rem, 1vw + 0.5rem, 0.875rem);
  line-height: 100%;
  letter-spacing: 0%;
  color: rgb(53, 25, 139);
}
.insisghts .col-news {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 20px;
}
@media (min-width: 767px) {
  .insisghts .col-news {
    margin-top: 0;
  }
}
.insisghts .col-news .content h3.post-title {
  line-height: 130%;
  color: #0F0F0F;
  margin-bottom: 0;
  font-size: 1.125rem;
  color: #0F0F0F;
}
.insisghts .col-news .date-wrapper {
  width: 100%;
  margin-top: 18px;
}
@media (min-width: 1199px) {
  .insisghts .col-news .date-wrapper {
    margin-top: 20px;
  }
}
.insisghts .col-news .date-wrapper hr {
  height: 1px;
  border: none;
  background-image: repeating-linear-gradient(to right, #8E8E8E 0, #8E8E8E 4px, transparent 4px, transparent 8px);
}
.insisghts .col-news .date-wrapper .date {
  display: flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  margin-top: 18px;
}
@media (min-width: 767px) {
  .insisghts .col-news .date-wrapper .date {
    margin-bottom: 20px;
  }
}
@media (min-width: 1199px) {
  .insisghts .col-news .date-wrapper .date {
    margin-bottom: 18px;
  }
}
.insisghts .col-news .date-wrapper .date svg {
  max-width: 24px;
  width: 100%;
  height: 24px;
}
.insisghts .col-news .date-wrapper .date span {
  font-family: "Inerta-Regular", sans-serif;
  font-size: 1rem;
  line-height: 100%;
  letter-spacing: 0%;
  color: rgb(71, 70, 70);
}

.pro-events {
  padding: 60px 0;
  background-color: #fff;
}
@media (min-width: 1199px) {
  .pro-events {
    padding: 60px 0 120px 0;
  }
}
.pro-events .title-wrapper {
  width: 100%;
  margin-bottom: 40px;
}
@media (min-width: 1199px) {
  .pro-events .title-wrapper {
    margin-bottom: 60px;
  }
}
@media (min-width: 767px) {
  .pro-events .gap40 {
    gap: 24px;
  }
}
@media (min-width: 1199px) {
  .pro-events .gap40 {
    gap: 40px;
  }
}
.pro-events .col-event {
  max-width: 576px;
  width: 100%;
  background: rgb(22, 22, 22);
  border-radius: 20px;
  padding: 40px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
}
@media (min-width: 767px) {
  .pro-events .col-event {
    max-width: 48%;
  }
}
@media (min-width: 1199px) {
  .pro-events .col-event {
    max-width: 576px;
    padding: 48px;
    gap: 60px;
  }
}
.pro-events .col-event .date-wrapper {
  padding: 10px 16px;
  border-radius: 100px;
  overflow: hidden;
  background: linear-gradient(90deg, #7c4a3a 0%, #583377 50%, #4c2bb3 100%);
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.pro-events .col-event .date-wrapper .year, .pro-events .col-event .date-wrapper .current-event {
  font-family: "Inerta-Regular", sans-serif;
  font-size: 0.875rem;
  line-height: 100%;
  letter-spacing: 0%;
  color: #fff;
}
.pro-events .col-event .date-wrapper .circle {
  display: inline-block;
  background-color: #fff;
  width: 3px;
  height: 3px;
  border-radius: 100px;
}
.pro-events .col-event h3, .pro-events .col-event p {
  color: #fff;
}
.pro-events .col-event h3 {
  margin-bottom: 18px;
}
@media (min-width: 1199px) {
  .pro-events .col-event h3 {
    margin-bottom: 20px;
  }
}
.pro-events .col-event .link-wrapper {
  width: 100%;
}
.pro-events .col-event .link-wrapper .link-to {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: "Inerta-Regular", sans-serif;
  font-size: 1.125rem;
  line-height: 100%;
  letter-spacing: 0%;
  color: #FF9500;
}
@media (min-width: 767px) {
  .pro-events .col-event .link-wrapper .link-to {
    font-size: 1.25rem;
  }
}
.pro-events .col-event .link-wrapper .link-to svg {
  transition: transform 0.5s ease;
}
.pro-events .col-event .link-wrapper .link-to:hover svg {
  transform: translateX(5px);
}

.teams {
  padding: 60px 0;
  background: #0F0F0F;
}
@media (min-width: 1199px) {
  .teams {
    padding: 120px 0;
  }
}
.teams h2, .teams p {
  color: #fff;
}
.teams h2 {
  margin-bottom: 18px;
}
@media (min-width: 1199px) {
  .teams h2 {
    margin-bottom: 12px;
  }
}
.teams p {
  font-size: 1.125rem;
  margin-bottom: 40px;
}
@media (min-width: 1199px) {
  .teams p {
    margin-bottom: 0px;
  }
}
@media (min-width: 767px) {
  .teams .gap40 {
    gap: 24px;
  }
}
@media (min-width: 1199px) {
  .teams .gap40 {
    gap: 40px;
  }
}
.teams .col-team {
  max-width: 100%;
  width: 100%;
  margin-top: 13px;
}
@media (min-width: 539px) {
  .teams .col-team {
    max-width: 46%;
  }
}
@media (min-width: 767px) {
  .teams .col-team {
    max-width: 48%;
    margin-top: 0;
    margin-bottom: 40px;
  }
}
@media (min-width: 1199px) {
  .teams .col-team {
    max-width: 384px;
    margin-top: 60px;
    margin-bottom: 0;
  }
}
@media (min-width: 767px) {
  .teams .col-team:nth-last-child(2) {
    margin-bottom: 23px;
  }
}
@media (min-width: 1199px) {
  .teams .col-team:nth-last-child(2) {
    margin-bottom: 0;
  }
}
@media (min-width: 767px) {
  .teams .col-team:last-child {
    margin-bottom: 23px;
  }
}
@media (min-width: 1199px) {
  .teams .col-team:last-child {
    margin-bottom: 0;
  }
}
.teams .team-member {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
@media (min-width: 1199px) {
  .teams .team-member {
    gap: 24px;
  }
}
.teams .team-member img {
  max-width: 100%;
  width: 100%;
  overflow: hidden;
  transition: transform 0.5s ease;
}
.teams .team-member .team-info {
  display: inline-flex;
  flex-direction: column;
  max-width: 90%;
  width: 100%;
  transition: all 0.5s ease;
  position: relative;
}
.teams .team-member .team-info::after {
  position: absolute;
  top: 50%;
  right: -40px;
  transform: translateY(-50%) translateX(-5px);
  display: inline-block;
  width: 23px;
  height: 19px;
  content: url("data:image/svg+xml,%3Csvg width='23' height='19' viewBox='0 0 23 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 11.0132H0' stroke='%23FF9500' stroke-width='1.3' stroke-miterlimit='10'/%3E%3Cpath d='M15.9868 4C15.9868 7.83743 19.1626 11.0132 23 11.0132C19.1626 11.0132 15.9868 14.189 15.9868 18.0265' stroke='%23FF9500' stroke-width='1.2' stroke-miterlimit='10'/%3E%3C/svg%3E%0A");
  opacity: 0;
  transition: all 0.5s ease;
}
.teams .team-member .team-info .name, .teams .team-member .team-info .position-project {
  width: 100%;
  display: inline-block;
  color: #fff;
  font-family: "Inerta-Regular", sans-serif;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 100%;
  letter-spacing: 0%;
  transition: all 0.5s ease;
}
.teams .team-member .team-info .name {
  margin-bottom: 5px;
}
.teams .team-member .team-info .position-project {
  line-height: 110%;
}
.teams .team-member:hover .name, .teams .team-member:hover .position-project {
  color: #FF9500;
}
.teams .team-member:hover img {
  transform: scale(1.05);
}
.teams .team-member:hover .team-info::after {
  opacity: 1;
  transform: translateY(-50%) translateX(0);
}

.art-news {
  padding: 60px 0;
  background-color: #fff;
}
@media (min-width: 1199px) {
  .art-news {
    padding: 120px 0;
  }
}
.art-news h3 {
  font-size: 1.25rem;
  line-height: 130%;
}
.art-news .article {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.art-news .date-wrapper {
  display: flex;
  align-items: center;
  gap: 8px;
}
.art-news .date-wrapper .icon {
  max-width: 24px;
  width: 100%;
  height: 24px;
}
.art-news .date-wrapper .date {
  font-size: 1rem;
  color: #474646;
}

.partners {
  padding: 60px 0;
  background-color: #fff;
}
@media (min-width: 1199px) {
  .partners {
    padding: 120px 0 160px 0;
  }
}
.partners .gap40 {
  gap: 18px;
}
@media (min-width: 767px) {
  .partners .gap40 {
    gap: 24px;
  }
}
@media (min-width: 1199px) {
  .partners .gap40 {
    gap: 40px;
  }
}
.partners .mgb80 {
  margin-bottom: 40px;
}
@media (min-width: 1199px) {
  .partners .mgb80 {
    margin-bottom: 80px;
  }
}
.partners .title-col {
  flex-basis: 100%;
  box-sizing: border-box;
}
@media (min-width: 850px) {
  .partners .title-col {
    flex-basis: 60%;
  }
}
.partners .link-col {
  flex-basis: 100%;
  box-sizing: border-box;
}
@media (min-width: 850px) {
  .partners .link-col {
    text-align: end;
    flex-basis: 35%;
  }
}
.partners h2 {
  line-height: 34px;
  margin-bottom: 18px;
}
@media (min-width: 1199px) {
  .partners h2 {
    margin-bottom: 12px;
  }
}
.partners p {
  color: #474646;
}
.partners .link {
  color: #0D0D0D;
}
.partners .link svg {
  transition: transform 0.5s ease;
}
.partners .link:hover svg {
  transform: translateX(5px);
}
.partners .col-logo {
  max-width: 278px;
  width: 100%;
  height: 128px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #FAFAFA;
  border-radius: 10px;
}
.partners .col-logo img {
  max-width: 100%;
  height: auto;
}

.subscribe-section {
  padding: 60px 0;
  background-image: url("../../assets/images/Subscribtion.jpg");
  background-repeat: no-repeat;
  background-size: 500px 100%;
  background-position: 50% 0;
}
@media (min-width: 500px) {
  .subscribe-section {
    background-size: 650px 100%;
  }
}
@media (min-width: 600px) {
  .subscribe-section {
    background-size: 650px 100%;
  }
}
@media (min-width: 767px) {
  .subscribe-section {
    background-size: 1050px 100%;
  }
}
@media (min-width: 1023px) {
  .subscribe-section {
    background-size: 1150px 100%;
  }
}
@media (min-width: 1099px) {
  .subscribe-section {
    padding: 100px 0;
    background-size: 1920px 100%;
    background-position: 50% 0;
  }
}
.subscribe-section .gap40 {
  gap: 0;
}
@media (min-width: 1199px) {
  .subscribe-section .gap40 {
    gap: 40px;
  }
}
.subscribe-section .logo-wrapper {
  width: 100%;
  margin-bottom: 24px;
}
@media (min-width: 1199px) {
  .subscribe-section .logo-wrapper {
    max-width: 384px;
  }
}
.subscribe-section .content {
  width: 100%;
}
@media (min-width: 1199px) {
  .subscribe-section .content {
    max-width: 628px;
  }
}
.subscribe-section .buttons-wrapper {
  width: 100%;
  max-width: 100%;
  margin-top: 40px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
@media (min-width: 767px) {
  .subscribe-section .buttons-wrapper {
    gap: 40px;
  }
}
@media (min-width: 1199px) {
  .subscribe-section .buttons-wrapper {
    margin-top: 60px;
  }
}
.subscribe-section .btn-black, .subscribe-section .btn-transparent {
  max-width: 100%;
}
@media (min-width: 767px) {
  .subscribe-section .btn-black {
    max-width: 384px;
  }
}
.subscribe-section .btn-transparent {
  margin-top: 24px;
}
@media (min-width: 767px) {
  .subscribe-section .btn-transparent {
    max-width: -moz-max-content;
    max-width: max-content;
    margin-top: 0;
  }
}
.subscribe-section h3, .subscribe-section p {
  color: #fff;
  width: 100%;
}
.subscribe-section h3 {
  margin-bottom: 12px;
}
@media (min-width: 1199px) {
  .subscribe-section h3 {
    font-size: 1.875rem;
  }
}
.subscribe-section p {
  font-size: 1.125rem;
  line-height: 120%;
  font-family: "Inerta-Regular", sans-serif;
  font-weight: normal;
}
@media (min-width: 1199px) {
  .subscribe-section p {
    font-size: 1.25rem;
  }
}
.subscribe-section .newsletter-form-wrap {
  margin-top: 40px;
}
@media (min-width: 1199px) {
  .subscribe-section .newsletter-form-wrap {
    margin-top: 60px;
  }
}
.subscribe-section .newsletter-form-wrap .wpcf7-form {
  max-width: 1052px;
}
.subscribe-section .newsletter-form-wrap .newsletter-form {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (min-width: 991px) {
  .subscribe-section .newsletter-form-wrap .newsletter-form {
    flex-direction: row;
    align-items: center;
    flex-wrap: nowrap;
    gap: 40px;
  }
}
.subscribe-section .newsletter-form-wrap .newsletter-input-wrap {
  position: relative;
  flex: 1;
  display: flex;
  align-items: center;
  background: #fff;
  border-radius: 10px;
  padding: 0 0 0 24px;
}
.subscribe-section .newsletter-form-wrap .mail-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  margin-right: 10px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23555' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='4' width='20' height='16' rx='2'/%3E%3Cpath d='m22 7-10 5L2 7'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}
.subscribe-section .newsletter-form-wrap .wpcf7-form-control-wrap {
  flex: 1;
}
.subscribe-section .newsletter-form-wrap input[type=email] {
  width: 100%;
  border: none;
  outline: none;
  padding: 18px 0;
  font-family: "Inerta-Regular", sans-serif;
  font-size: 1.125rem;
  line-height: 125%;
  letter-spacing: 0%;
  color: #0D0D0D;
  background: transparent;
  border: none;
  outline: none;
}
.subscribe-section .newsletter-form-wrap input[type=email]::-moz-placeholder {
  color: #8E8E8E;
  font-family: "Inerta-Regular", sans-serif;
  font-size: 1.125rem;
  line-height: 125%;
  letter-spacing: 0%;
}
.subscribe-section .newsletter-form-wrap input[type=email]::placeholder {
  color: #8E8E8E;
  font-family: "Inerta-Regular", sans-serif;
  font-size: 1.125rem;
  line-height: 125%;
  letter-spacing: 0%;
}
.subscribe-section .newsletter-form-wrap input[type=submit] {
  flex-shrink: 0;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 18px 40px;
  border-radius: 50px;
  background: #0D0D0D;
  color: #fff;
  font-family: "Inerta-Regular", sans-serif;
  font-size: 1.125rem;
  line-height: 100%;
  letter-spacing: 0%;
  transition: background 0.3s ease;
  white-space: nowrap;
}
@media (min-width: 767px) {
  .subscribe-section .newsletter-form-wrap input[type=submit] {
    max-width: 281px;
    width: 100%;
  }
}
@media (min-width: 1199px) {
  .subscribe-section .newsletter-form-wrap input[type=submit] {
    max-width: -moz-max-content;
    max-width: max-content;
    font-size: 1.25rem;
  }
}
.subscribe-section .newsletter-form-wrap input[type=submit]:hover {
  background: #2a2a2a;
}
.subscribe-section .newsletter-form-wrap .wpcf7-form-control-wrap {
  display: contents;
}
.subscribe-section .newsletter-form-wrap .wpcf7-not-valid-tip {
  position: absolute;
  top: 100%;
  left: 16px;
  margin-top: 6px;
  font-size: 12px;
}
.subscribe-section .newsletter-form-wrap .wpcf7-response-output {
  margin: 12px 0 0 !important;
  border-radius: 8px;
}

.video-event {
  padding: 60px 0 0 0;
}
@media (min-width: 1199px) {
  .video-event {
    padding: 120px 0 0 0;
  }
}
.video-event .video-wrapper {
  margin-top: 40px;
  border-radius: 20px;
  overflow: hidden;
}
@media (min-width: 1199px) {
  .video-event .video-wrapper {
    margin-top: 60px;
  }
}
.video-event .video-wrapper video {
  cursor: pointer;
  width: 100%;
  height: auto;
}

.feadbacks {
  padding: 60px 0;
}
@media (min-width: 1199px) {
  .feadbacks {
    padding: 120px 0;
  }
}
.feadbacks .title-wrapper {
  width: 100%;
  margin-bottom: 40px;
}
@media (min-width: 1199px) {
  .feadbacks .title-wrapper {
    margin-bottom: 60px;
  }
}
@media (min-width: 767px) {
  .feadbacks .gap40 {
    gap: 24px;
  }
}
@media (min-width: 1199px) {
  .feadbacks .gap40 {
    gap: 40px;
  }
}
.feadbacks .col-feadback {
  max-width: 100%;
  width: 100%;
  background-color: #0D0D0D;
  border-radius: 10px;
  padding: 40px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: space-between;
  gap: 40px;
}
.feadbacks .col-feadback:first-child {
  background-image: url("../../assets/images/feadback-bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: -380px 0px;
}
@media (min-width: 767px) {
  .feadbacks .col-feadback:first-child {
    background-position: -635px 0px;
  }
}
.feadbacks .col-feadback:first-child .bottom-content {
  border-top: none;
}
@media (min-width: 767px) {
  .feadbacks .col-feadback {
    max-width: 48%;
  }
}
@media (min-width: 1199px) {
  .feadbacks .col-feadback {
    max-width: 384px;
    padding: 40px 40px 48px 40px;
  }
}
.feadbacks .col-feadback .icon {
  max-width: 48px;
  width: 100%;
  height: 48px;
  margin-bottom: 24px;
}
.feadbacks .col-feadback .icon img {
  max-width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.feadbacks .col-feadback p {
  color: #FFF;
}
.feadbacks .col-feadback .bottom-content {
  border-top: 1px dashed #8E8E8E;
  padding-top: 20px;
}
.feadbacks .col-feadback .bottom-content a {
  border: 2px solid #FFF;
  width: 100%;
  display: block;
  padding: 20px 40px;
  color: #FFF;
  font-family: "Inerta-Regular", sans-serif;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  border-radius: 100px;
  cursor: pointer;
  transition: background 0.4s ease;
}
.feadbacks .col-feadback .bottom-content a:hover {
  background: #fff;
  color: #0D0D0D;
}
@media (min-width: 1199px) {
  .feadbacks .col-feadback .bottom-content a {
    font-size: 1.25rem;
  }
}
.feadbacks .col-feadback .bottom-content .fullname {
  color: #fff;
  margin-bottom: 4px;
}
.feadbacks .col-feadback .bottom-content .fullname, .feadbacks .col-feadback .bottom-content .job-position {
  display: block;
  font-family: "Inerta-Regular", sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 120%;
  letter-spacing: 0%;
}
.feadbacks .col-feadback .bottom-content .job-position {
  color: #FF9500;
}

.faq {
  padding: 60px 0 36px 0;
}
@media (min-width: 1199px) {
  .faq {
    padding: 120px 0 136px 0;
  }
}
.faq h2 {
  color: #010101;
  line-height: 34px;
  margin-bottom: 18px;
}
@media (min-width: 1199px) {
  .faq h2 {
    line-height: 44px;
  }
}
.faq p {
  max-width: 100%;
  width: 100%;
  color: #474646;
}
@media (min-width: 1199px) {
  .faq p {
    max-width: 537px;
  }
}
.faq .faq-col {
  width: 100%;
  margin-top: 40px;
}
@media (min-width: 1023px) {
  .faq .faq-col {
    max-width: 604px;
  }
}
.faq h3 {
  font-family: "Inerta-Medium", sans-serif;
  font-size: 1.5rem;
  line-height: 120%;
  letter-spacing: 0%;
  color: #0D0D0D;
  margin-bottom: 24px;
}
@media (min-width: 767px) {
  .faq h3 {
    text-transform: uppercase;
  }
}
@media (min-width: 1199px) {
  .faq h3 {
    text-transform: inherit;
    font-size: 1.625rem;
  }
}
.faq .accordion-item {
  border: 1px solid #8E8E8E;
  border-radius: 20px;
  margin-bottom: 12px;
  overflow: hidden;
  margin-bottom: 24px;
}
.faq .accordion-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 20px;
  cursor: pointer;
}
@media (min-width: 1199px) {
  .faq .accordion-header {
    padding: 20px 24px;
  }
}
.faq .accordion-header h4 {
  margin: 0;
  font-size: 1.125rem;
  line-height: 25px;
  color: #000000;
  text-align: left;
}
@media (min-width: 1199px) {
  .faq .accordion-header h4 {
    font-size: 1.25rem;
  }
}
.faq .accordion-header .icon {
  position: relative;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  margin-left: 12px;
}
.faq .accordion-header .icon::before,
.faq .accordion-header .icon::after {
  content: "";
  position: absolute;
  background: #000000;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: transform 0.3s ease, opacity 0.3s ease;
}
.faq {
  /* горизонтальна риска */
}
.faq .accordion-header .icon::before {
  width: 100%;
  height: 2px;
}
.faq {
  /* вертикальна риска */
}
.faq .accordion-header .icon::after {
  width: 2px;
  height: 100%;
}
.faq {
  /* коли акордіон відкритий — ховаємо вертикальну риску, робимо "мінус" */
}
.faq .accordion-item.active .accordion-header .icon::after {
  transform: translate(-50%, -50%) rotate(90deg);
  opacity: 0;
}
.faq .accordion-body {
  padding: 0 20px;
}
.faq .accordion-item.active .accordion-body {
  padding: 0 20px 20px 20px;
}
.faq .accordion-body p {
  margin: 0;
  color: #474646;
  font-size: 1rem;
  line-height: 140%;
  margin-bottom: 20px;
}/*# sourceMappingURL=front-page.css.map */