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

.hero-h {
  min-height: 613px;
  max-height: 613px;
  overflow: hidden;
}
@media (min-width: 767px) {
  .hero-h {
    min-height: 580px;
    max-height: 580px;
    overflow: hidden;
  }
}
@media (min-width: 1023px) {
  .hero-h {
    min-height: 580px;
    max-height: 580px;
    overflow: hidden;
  }
}
@media (min-width: 1199px) {
  .hero-h {
    min-height: 493px;
    overflow: hidden;
  }
}

.hero-section {
  overflow: hidden;
  height: 100vh;
  min-height: 900px;
}
@media (min-width: 1199px) {
  .hero-section {
    height: 493px;
    min-height: 493px;
  }
}
@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: 549px;
  width: 100%;
}
.hero-section .content {
  width: 100%;
}
.hero-section .content .logo {
  margin-bottom: 60px;
}
.hero-section .content .title, .hero-section .content .subtitle {
  color: #fff;
}
.hero-section .content h1.title {
  margin-bottom: 12px;
}
@media (min-width: 1199px) {
  .hero-section .content h1.title {
    padding-top: 10px;
  }
}
.hero-section .content span.slogan {
  margin-bottom: 24px;
}
.hero-section .content p.subtitle {
  font-family: "Inerta-Regular", sans-serif;
  font-size: 1.25rem;
  color: #fff;
  line-height: 25px;
  margin-bottom: 60px;
}
@media (min-width: 1199px) {
  .hero-section .content p.subtitle {
    margin-bottom: 0;
  }
}
@media (min-width: 1023px) {
  .hero-section .hide-pc {
    display: none;
  }
}
.hero-section .hide-mob {
  display: none;
}
@media (min-width: 1023px) {
  .hero-section .hide-mob {
    display: block;
  }
}
.hero-section .col-img {
  max-width: 363px;
}
.hero-section .col-img .logo {
  max-width: 300px;
  width: 100%;
  margin-bottom: 60px;
}
@media (min-width: 1199px) {
  .hero-section .col-img .logo {
    margin-bottom: 80px;
  }
}
.hero-section .col-img .logo img {
  max-width: 100%;
  height: auto;
}
.hero-section .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) {
  .hero-section .col-event {
    max-width: 48%;
  }
}
@media (min-width: 1199px) {
  .hero-section .col-event {
    max-width: 576px;
    padding: 48px;
    gap: 60px;
  }
}
.hero-section .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;
}
.hero-section .col-event .date-wrapper .year, .hero-section .col-event .date-wrapper .current-event {
  font-family: "Inerta-Regular", sans-serif;
  font-size: 0.875rem;
  line-height: 100%;
  letter-spacing: 0%;
  color: #fff;
}
.hero-section .col-event .date-wrapper .date span {
  font-family: "Inerta-Regular", sans-serif;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: 0%;
  color: #474646;
  font-size: 1rem;
}
.hero-section .col-event .date-wrapper .circle {
  display: inline-block;
  background-color: #fff;
  width: 3px;
  height: 3px;
  border-radius: 100px;
}
.hero-section .col-event h3, .hero-section .col-event p {
  color: #fff;
}
.hero-section .col-event h3 {
  margin-bottom: 18px;
}
@media (min-width: 1199px) {
  .hero-section .col-event h3 {
    margin-bottom: 20px;
  }
}
.hero-section .col-event .link-wrapper {
  width: 100%;
}
.hero-section .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) {
  .hero-section .col-event .link-wrapper .link-to {
    font-size: 1.25rem;
  }
}
.hero-section .col-event .link-wrapper .link-to svg {
  transition: transform 0.5s ease;
}
.hero-section .col-event .link-wrapper .link-to:hover svg {
  transform: translateX(5px);
}

.about-platform {
  padding: 60px 0;
}
@media (min-width: 1199px) {
  .about-platform {
    padding: 100px 0 120px 0;
  }
}
.about-platform .col-content {
  width: 100%;
}
@media (min-width: 991px) {
  .about-platform .col-content {
    max-width: 48%;
  }
}
@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: 12px;
  color: #0D0D0D;
}
.about-platform .col-content .small-text {
  display: block;
  font-family: "Inerta-Regular", sans-serif;
  font-weight: 400;
  font-size: 1.125rem;
  leading-trim: NONE;
  line-height: 140%;
  letter-spacing: 0%;
  color: #474646;
  margin-bottom: 40px;
}
@media (min-width: 1199px) {
  .about-platform .col-content .small-text {
    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: 24px;
  }
}
.about-platform .col-content .subtitle p:last-child {
  margin-bottom: 0;
}
.about-platform .tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 18px;
}
@media (min-width: 1199px) {
  .about-platform .tags {
    margin-top: 32px;
  }
}
.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;
}
.about-platform .col-event {
  max-width: 100%;
  width: 100%;
  background: rgb(22, 22, 22);
  border-radius: 20px;
  padding: 40px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
  margin-top: 40px;
}
@media (min-width: 991px) {
  .about-platform .col-event {
    max-width: 48%;
    height: -moz-max-content;
    height: max-content;
    margin-top: 0;
    gap: 60px;
  }
}
@media (min-width: 1199px) {
  .about-platform .col-event {
    max-width: 576px;
    padding: 48px;
    gap: 60px;
  }
}
.about-platform .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;
}
.about-platform .col-event .date-wrapper .year, .about-platform .col-event .date-wrapper .current-event {
  font-family: "Inerta-Regular", sans-serif;
  font-size: 0.875rem;
  line-height: 100%;
  letter-spacing: 0%;
  color: #fff;
}
.about-platform .col-event .date-wrapper .circle {
  display: inline-block;
  background-color: #fff;
  width: 3px;
  height: 3px;
  border-radius: 100px;
}
.about-platform .col-event h3, .about-platform .col-event p {
  color: #fff;
}
.about-platform .col-event h3 {
  margin-bottom: 40px;
}
@media (min-width: 1199px) {
  .about-platform .col-event h3 {
    margin-bottom: 20px;
  }
}
.about-platform .col-event .link-wrapper {
  width: 100%;
}
.about-platform .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) {
  .about-platform .col-event .link-wrapper .link-to {
    font-size: 1.25rem;
  }
}
.about-platform .col-event .link-wrapper .link-to svg {
  transition: transform 0.5s ease;
}
.about-platform .col-event .link-wrapper .link-to:hover svg {
  transform: translateX(5px);
}

.why-important {
  padding: 60px 0;
}
@media (min-width: 1199px) {
  .why-important {
    padding: 120px 0;
  }
}
.why-important .title-wrapper {
  width: 100%;
  margin-bottom: 40px;
}
@media (min-width: 1199px) {
  .why-important .title-wrapper {
    margin-bottom: 20px;
  }
}
.why-important .title-wrapper h2 {
  color: rgb(13, 13, 13);
}
.why-important .title-wrapper p {
  max-width: 831px;
  width: 100%;
  color: rgb(71, 70, 70);
}
@media (min-width: 1023px) {
  .why-important .row {
    align-items: stretch;
  }
}
.why-important .gap {
  gap: 40px;
}
@media (min-width: 767px) {
  .why-important .gap {
    gap: 24px;
  }
}
@media (min-width: 1199px) {
  .why-important .gap {
    gap: 40px;
  }
}
.why-important .col-content {
  width: 100%;
}
.why-important .col-content:first-of-type .content {
  background-image: url("../../assets/images/about/col-content-bg.png");
  background-repeat: no-repeat;
  background-position: -25px 0;
  background-size: cover;
}
@media (min-width: 767px) {
  .why-important .col-content {
    max-width: 47%;
  }
}
@media (min-width: 1023px) {
  .why-important .col-content {
    max-width: 300px;
    margin-top: 40px;
  }
}
@media (min-width: 1199px) {
  .why-important .col-content {
    max-width: 383px;
  }
}
@media (min-width: 767px) {
  .why-important .col-content:last-child {
    max-width: 100%;
  }
}
@media (min-width: 1023px) {
  .why-important .col-content:last-child {
    max-width: 300px;
    margin-top: 40px;
  }
}
@media (min-width: 1199px) {
  .why-important .col-content:last-child {
    max-width: 383px;
  }
}
.why-important .content {
  width: 100%;
  background: rgb(13, 13, 13);
  border-radius: 20px;
  padding: 40px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 20px;
  height: 100%;
}
.why-important .content .content-top, .why-important .content .content-bottom {
  width: 100%;
}
.why-important .content .step {
  max-width: 88px;
  width: 100%;
  height: 74px;
  border-radius: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #fff;
  color: #fff;
  font-family: "Inerta-Regular", sans-serif;
  font-weight: 400;
  font-size: 2.5rem;
  leading-trim: NONE;
  line-height: 44px;
  letter-spacing: 0%;
  text-transform: uppercase;
  margin-bottom: 40px;
}
.why-important .content h3 {
  color: #fff;
  margin-bottom: 31px;
}
@media (min-width: 1199px) {
  .why-important .content h3 {
    margin-bottom: 24px;
  }
}
.why-important .content hr {
  height: 1px;
  border: none;
  background-image: repeating-linear-gradient(to right, #8E8E8E 0, #8E8E8E 4px, transparent 4px, transparent 8px);
  margin-bottom: 20px;
}
@media (min-width: 1199px) {
  .why-important .content hr {
    margin-bottom: 40px;
  }
}
.why-important .content p {
  color: rgb(255, 255, 255);
}
.why-important .content ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
}
.why-important .content ul li {
  color: rgb(204, 204, 209);
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
}
.why-important .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;
}
.why-important .content ul li:last-child {
  margin-bottom: 0;
}
@media (min-width: 1199px) {
  .why-important .content ul li {
    margin-bottom: 10px;
  }
}

.platform-for {
  padding: 60px 0;
  background-image: url("../../assets/images/about/img-bg-section.jpg");
  background-repeat: no-repeat;
  background-position: -2600px 0;
  background-size: cover;
}
@media (min-width: 767px) {
  .platform-for {
    background-position: -1300px 0;
  }
}
@media (min-width: 1199px) {
  .platform-for {
    background-position: 0 0;
    padding: 120px 0;
  }
}
.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;
  margin-bottom: 12px;
}
.platform-for .row-title p {
  max-width: 831px;
  width: 100%;
  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 {
    margin-top: 40px;
  }
}
@media (min-width: 1439px) {
  .platform-for .col-content {
    max-width: 278px;
  }
}
.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 .content-top {
  min-height: 174px;
}
.platform-for .content .icon {
  max-width: 46px;
  width: 100%;
  height: 46px;
  margin-bottom: 24px;
}
@media (min-width: 1199px) {
  .platform-for .content .icon {
    margin-bottom: 25px;
  }
}
.platform-for .content .icon img {
  max-width: 100%;
  height: auto;
}
.platform-for .content h3 {
  color: #fff;
  margin-bottom: 24px;
  font-size: 1.375rem;
}
.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;
  font-size: 1rem;
  line-height: 120%;
  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: 10px;
  }
}
.platform-for .tags {
  gap: 8px;
  margin-top: 50px;
}
@media (min-width: 1199px) {
  .platform-for .tags {
    margin-top: 80px;
  }
}
.platform-for .tags .tag {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 12px 20px;
  border: 1px solid #fff;
  border-radius: 32px;
  color: #fff;
  font-family: "Inerta-Regular", sans-serif;
  font-weight: 400;
  font-size: 1rem;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
}

.event-screen {
  padding: 60px 0;
}
.event-screen img {
  max-width: 100%;
  height: auto;
}

.custom-news {
  padding: 40px 0 60px 0;
}
@media (min-width: 1199px) {
  .custom-news {
    padding: 100px 0 120px 0;
  }
}
.custom-news h2.title {
  margin-bottom: 12px;
}
.custom-news .subtitle {
  color: rgb(71, 70, 70);
  margin-bottom: 40px;
}
@media (min-width: 767px) {
  .custom-news .subtitle {
    margin-bottom: 0;
  }
}
@media (min-width: 1199px) {
  .custom-news .subtitle {
    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 .box-img {
  height: 216px;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 18px;
}
@media (min-width: 1199px) {
  .custom-news .col-news .box-img {
    margin-bottom: 24px;
  }
}
.custom-news .col-news img {
  border-radius: 10px;
  overflow: hidden;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.5s ease;
}
.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;
}
@media (min-width: 1199px) {
  .custom-news .col-news h3 {
    padding-bottom: 20px;
    background-image: linear-gradient(to right, rgb(142, 142, 142) 4px, transparent 4px);
    background-position: bottom;
    background-size: 8px 0.5px;
    background-repeat: repeat-x;
  }
}
.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);
}

.what-we-create {
  padding: 60px 0;
  background: rgb(232, 232, 232);
}
@media (min-width: 1199px) {
  .what-we-create {
    padding: 120px 0 160px 0;
  }
}
.what-we-create h2 {
  margin-bottom: 12px;
}
.what-we-create p {
  color: rgb(71, 70, 70);
  margin-bottom: 40px;
}
@media (min-width: 1199px) {
  .what-we-create p {
    margin-bottom: 40px;
  }
}
@media (min-width: 767px) {
  .what-we-create .gap40 {
    gap: 24px;
  }
}
@media (min-width: 1199px) {
  .what-we-create .gap40 {
    gap: 40px;
  }
}
.what-we-create .col-content {
  padding: 40px 40px 48px 40px;
  background: rgb(13, 13, 13);
  border-radius: 20px;
  overflow: hidden;
  width: 100%;
}
@media (min-width: 767px) {
  .what-we-create .col-content {
    max-width: 47%;
  }
}
@media (min-width: 1199px) {
  .what-we-create .col-content {
    max-width: 31%;
    margin-top: 20px;
  }
}
.what-we-create .col-content:first-of-type {
  background-image: url("../../assets/images/about/col-content-bg.png");
  background-repeat: no-repeat;
  background-position: -3px 0;
  background-size: cover;
}
.what-we-create .col-content .icon {
  max-width: 48px;
  width: 100%;
  height: 48px;
  margin-bottom: 24px;
}
.what-we-create .col-content .icon img {
  max-width: 100%;
  height: auto;
}
.what-we-create .col-content h3 {
  color: #fff;
  font-size: 1.375rem;
  margin-bottom: 24px;
}
@media (min-width: 1199px) {
  .what-we-create .col-content h3 {
    font-size: 1.625rem;
  }
}
.what-we-create .col-content p {
  font-size: 1.125rem;
  color: #fff;
  margin-bottom: 0;
}

.insisghts-news {
  padding: 60px 0;
}
@media (min-width: 1199px) {
  .insisghts-news {
    padding: 100px 0 120px 0;
  }
}
.insisghts-news h2.title {
  margin-bottom: 18px;
}
@media (min-width: 767px) {
  .insisghts-news h2.title {
    margin-bottom: 12px;
  }
}
@media (min-width: 1199px) {
  .insisghts-news h2.title {
    margin-bottom: 18px;
  }
}
.insisghts-news p {
  margin-bottom: 40px;
}
@media (min-width: 767px) {
  .insisghts-news p {
    margin-bottom: 0;
  }
}
@media (min-width: 1199px) {
  .insisghts-news p {
    margin-bottom: 20px;
  }
}
@media (min-width: 767px) {
  .insisghts-news .gap40 {
    gap: 24px;
  }
}
@media (min-width: 1199px) {
  .insisghts-news .gap40 {
    gap: 40px;
  }
}
.insisghts-news .tags {
  display: flex;
  gap: 8px;
  margin-bottom: 18px;
}
@media (min-width: 1199px) {
  .insisghts-news .tags {
    margin-bottom: 20px;
  }
}
.insisghts-news .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-news .col-news {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.insisghts-news .col-news:hover img {
  transform: scale(1.05);
}
@media (min-width: 767px) {
  .insisghts-news .col-news {
    margin-top: 40px;
    flex-basis: calc(31% - 10px);
  }
}
@media (min-width: 1199px) {
  .insisghts-news .col-news {
    flex-basis: 384px;
  }
}
.insisghts-news .col-news .content {
  width: 100%;
}
.insisghts-news .col-news img {
  border-radius: 10px;
  margin-bottom: 18px;
  overflow: hidden;
  transition: transform 0.5s ease;
}
@media (min-width: 1199px) {
  .insisghts-news .col-news img {
    margin-bottom: 24px;
  }
}
.insisghts-news .col-news h3, .insisghts-news .col-news p {
  margin-bottom: 18px;
}
@media (min-width: 1199px) {
  .insisghts-news .col-news h3, .insisghts-news .col-news p {
    margin-bottom: 24px;
  }
}
.insisghts-news .col-news h3 a, .insisghts-news .col-news p a {
  text-decoration: none;
}
.insisghts-news .col-news h3.post-title {
  line-height: 130%;
  color: #0F0F0F;
  margin-bottom: 0;
  font-size: 1.125rem;
  color: #0F0F0F;
}
.insisghts-news .col-news p {
  font-size: 1rem;
}
.insisghts-news .col-news .date-wrapper {
  width: 100%;
  margin-top: 18px;
}
.insisghts-news .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-news .col-news .date-wrapper .date {
  display: flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  margin-top: 18px;
}
@media (min-width: 767px) {
  .insisghts-news .col-news .date-wrapper .date {
    margin-bottom: 20px;
  }
}
@media (min-width: 1199px) {
  .insisghts-news .col-news .date-wrapper .date {
    margin-bottom: 18px;
  }
}
.insisghts-news .col-news .date-wrapper .date svg {
  max-width: 24px;
  width: 100%;
  height: 24px;
}
.insisghts-news .col-news .date-wrapper .date span, .insisghts-news .col-news .date-wrapper .date time {
  font-family: "Inerta-Regular", sans-serif;
  font-size: 1rem;
  line-height: 100%;
  letter-spacing: 0%;
  color: rgb(71, 70, 70);
}
.insisghts-news .col-news .date-wrapper a {
  display: flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  margin-top: 18px;
}
@media (min-width: 767px) {
  .insisghts-news .col-news .date-wrapper a {
    margin-bottom: 20px;
  }
}
@media (min-width: 1199px) {
  .insisghts-news .col-news .date-wrapper a {
    margin-bottom: 18px;
  }
}
.insisghts-news .col-news .date-wrapper a svg {
  max-width: 24px;
  width: 100%;
  height: 24px;
}
.insisghts-news .col-news .date-wrapper a span, .insisghts-news .col-news .date-wrapper a time {
  font-family: "Inerta-Regular", sans-serif;
  font-size: 1rem;
  line-height: 100%;
  letter-spacing: 0%;
  color: rgb(71, 70, 70);
}
.insisghts-news .col-news .link {
  font-size: 1rem;
}
@media (min-width: 767px) {
  .insisghts-news .col-news .link {
    font-size: 1.125rem;
  }
}
.insisghts-news .col-news .link svg {
  transition: transform 0.5s ease;
}
.insisghts-news .col-news .link:hover svg {
  transform: translateX(5px);
}

.pro-events {
  padding: 60px 0;
}
@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);
}

.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.5rem;
  }
}
.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;
}

.subscribe-another {
  padding: 60px 0;
  background-image: url("../../assets/images/Subscribtion.jpg");
  background-repeat: no-repeat;
  background-position: -480px 0;
  background-size: cover;
}
@media (min-width: 767px) {
  .subscribe-another {
    background-position: -50px 0px;
  }
}
@media (min-width: 1199px) {
  .subscribe-another {
    padding: 100px 0 120px 0;
    background-position: 0 0;
  }
}
.subscribe-another .gap40 {
  gap: 0;
}
@media (min-width: 1199px) {
  .subscribe-another .gap40 {
    gap: 40px;
  }
}
.subscribe-another .logo-wrapper {
  width: 100%;
  margin-bottom: 24px;
}
@media (min-width: 1199px) {
  .subscribe-another .logo-wrapper {
    max-width: 384px;
  }
}
.subscribe-another .content {
  width: 100%;
}
@media (min-width: 1199px) {
  .subscribe-another .content {
    max-width: 628px;
  }
}
.subscribe-another .buttons-wrapper {
  width: 100%;
  max-width: 100%;
  margin-top: 40px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
@media (min-width: 767px) {
  .subscribe-another .buttons-wrapper {
    gap: 40px;
  }
}
@media (min-width: 1199px) {
  .subscribe-another .buttons-wrapper {
    margin-top: 60px;
  }
}
.subscribe-another .btn-black, .subscribe-another .btn-transparent {
  max-width: 100%;
}
@media (min-width: 767px) {
  .subscribe-another .btn-black {
    max-width: 384px;
  }
}
.subscribe-another .btn-transparent {
  margin-top: 24px;
}
@media (min-width: 767px) {
  .subscribe-another .btn-transparent {
    max-width: -moz-max-content;
    max-width: max-content;
    margin-top: 0;
  }
}
.subscribe-another h3, .subscribe-another p {
  color: #fff;
  width: 100%;
}
.subscribe-another h3 {
  margin-bottom: 12px;
}
@media (min-width: 1199px) {
  .subscribe-another h3 {
    font-size: 1.875rem;
  }
}
.subscribe-another p {
  font-size: 1.125rem;
  line-height: 120%;
  font-family: "Inerta-Regular", sans-serif;
  font-weight: normal;
}
@media (min-width: 1199px) {
  .subscribe-another p {
    font-size: 1.25rem;
  }
}
.subscribe-another .newsletter-form-wrap {
  margin-top: 40px;
}
@media (min-width: 1199px) {
  .subscribe-another .newsletter-form-wrap {
    margin-top: 60px;
  }
}
.subscribe-another .newsletter-form-wrap .wpcf7-form {
  max-width: 1052px;
}
.subscribe-another .newsletter-form-wrap .newsletter-form {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (min-width: 991px) {
  .subscribe-another .newsletter-form-wrap .newsletter-form {
    flex-direction: row;
    align-items: center;
    flex-wrap: nowrap;
    gap: 40px;
  }
}
.subscribe-another .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-another .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-another .newsletter-form-wrap .wpcf7-form-control-wrap {
  flex: 1;
}
.subscribe-another .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-another .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-another .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-another .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-another .newsletter-form-wrap input[type=submit] {
    max-width: 281px;
    width: 100%;
  }
}
@media (min-width: 1199px) {
  .subscribe-another .newsletter-form-wrap input[type=submit] {
    max-width: -moz-max-content;
    max-width: max-content;
    font-size: 1.25rem;
  }
}
.subscribe-another .newsletter-form-wrap input[type=submit]:hover {
  background: #2a2a2a;
}
.subscribe-another .newsletter-form-wrap .wpcf7-form-control-wrap {
  display: contents;
}
.subscribe-another .newsletter-form-wrap .wpcf7-not-valid-tip {
  position: absolute;
  top: 100%;
  left: 16px;
  margin-top: 6px;
  font-size: 12px;
}
.subscribe-another .newsletter-form-wrap .wpcf7-response-output {
  margin: 12px 0 0 !important;
  border-radius: 8px;
}/*# sourceMappingURL=about-page.css.map */