@charset "UTF-8";
/*
    Theme Name: Weland
    Theme URI: 
    Author: Team WP MD
    Author URI: 
    Description: A starter theme
    Version: 1.0
    Text Domain: corex
    Tags: theme, starter theme,
*/
@font-face {
  font-family: "Averta-Regular.otf";
  src: url("./assets/fonts/Averta-Regular.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "iCielBegum-Semibold.ttf";
  src: url("./assets/fonts/iCielBegum-Semibold.ttf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Averta-Semibold.otf";
  src: url("./assets/fonts/Averta-Semibold.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Averta-Bold.otf";
  src: url("./assets/fonts/Averta-Bold.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SVN-Gilroy SemiBold.otf";
  src: url("./assets/fonts/SVN-Gilroy SemiBold.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */
::-webkit-scrollbar {
  width: 6px;
}

::-webkit-scrollbar-thumb {
  background: #00294E;
  border-radius: 3px;
}

::-webkit-scrollbar-thumb:window-inactive {
  background: #00294E;
}

button,
input,
select,
textarea {
  margin: 0;
  outline: none;
}

html {
  box-sizing: border-box;
}

* {
  box-sizing: border-box;
}

*, *::before, *::after {
  box-sizing: inherit;
}

img,
video {
  height: auto;
  max-width: 100%;
}

iframe {
  border: 0;
}

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

td,
th {
  padding: 0;
}
td:not([align]),
th:not([align]) {
  text-align: left;
}

html,
body {
  margin: 0;
  padding: 0;
  color: #FFF;
  font-family: "Averta-Regular.otf";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 21px */
  letter-spacing: 0.14px;
}

.site-container {
  overflow: hidden;
}

ul li {
  list-style: none;
}

a {
  text-decoration: none;
}

p, h1, h2, h3, h4, h5, h6 {
  margin: 0;
}

.typography html,
.typography body,
.typography p,
.typography ol,
.typography ul,
.typography li,
.typography dl,
.typography dt,
.typography dd,
.typography blockquote,
.typography figure,
.typography fieldset,
.typography legend,
.typography textarea,
.typography pre,
.typography iframe,
.typography hr,
.typography h1,
.typography h2,
.typography h3,
.typography h4,
.typography h5,
.typography h6 {
  margin: 0;
  padding: 0;
}
.typography ul {
  list-style: none;
}

@keyframes draw2 {
  0% {
    stroke-dashoffset: 0;
  }
  to {
    stroke-dashoffset: 2000;
  }
}
@keyframes signature1 {
  0% {
    stroke-dashoffset: 500;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes signature2 {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes opacityKey {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes colorTextWhite {
  0% {
    stroke: #000;
    stroke-width: 0;
    fill: #000;
  }
  50% {
    stroke: #000;
    stroke-width: 3.46544;
    fill: #fff;
  }
  100% {
    stroke: #000;
    stroke-width: 0;
    fill: #000;
  }
}
@keyframes colorTextBlack {
  0% {
    stroke: #000;
    stroke-width: 3.46544;
    fill: #fff;
  }
  50% {
    stroke: #000;
    stroke-width: 0;
    fill: #000;
  }
  100% {
    stroke: #000;
    stroke-width: 3.46544;
    fill: #fff;
  }
}
@keyframes zoomOut {
  from {
    transform: scale(1.3); /* Kích thước ban đầu của ảnh */
  }
  to {
    transform: scale(1); /* Kích thước cuối cùng của ảnh (zoom out) */
  }
}
@keyframes trin {
  from {
    transform: rotate3d(0, 0, 1, 0deg);
  }
  20%, 32%, 44%, 56%, 68% {
    transform: rotate3d(0, 0, 1, 0deg);
  }
  23%, 35%, 47%, 59%, 71% {
    transform: rotate3d(0, 0, 1, 15deg);
  }
  26%, 38%, 50%, 62%, 74% {
    transform: rotate3d(0, 0, 1, 0deg);
  }
  29%, 41%, 53%, 65%, 77% {
    transform: rotate3d(0, 0, 1, -15deg);
  }
  80% {
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@-webkit-keyframes future {
  0% {
    transform: translate(-400px) rotate(-45deg);
  }
  50% {
    transform: translate(0) rotate(-45deg);
  }
  100% {
    transform: translate(400px) rotate(-45deg);
  }
}
@-moz-keyframes future {
  0% {
    transform: translate(-400px) rotate(-45deg);
  }
  50% {
    transform: translate(0) rotate(-45deg);
  }
  100% {
    transform: translate(400px) rotate(-45deg);
  }
}
@-o-keyframes future {
  0% {
    transform: translate(-400px) rotate(-45deg);
  }
  50% {
    transform: translate(0) rotate(-45deg);
  }
  100% {
    transform: translate(400px) rotate(-45deg);
  }
}
@keyframes future {
  0% {
    transform: translate(-400px) rotate(-45deg);
  }
  50% {
    transform: translate(0) rotate(-45deg);
  }
  100% {
    transform: translate(400px) rotate(-45deg);
  }
}
@keyframes drawLine {
  from {
    stroke-dasharray: 300;
    stroke-dashoffset: 300;
  }
  to {
    stroke-dasharray: 300;
    stroke-dashoffset: 0;
  }
}
@keyframes zoomOut {
  from {
    transform: scale(1.3); /* Kích thước ban đầu của ảnh */
  }
  to {
    transform: scale(1); /* Kích thước cuối cùng của ảnh (zoom out) */
  }
}
@keyframes bounce {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-12px);
  }
}
@keyframes draw2 {
  0% {
    stroke-dashoffset: 1000;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes draw {
  0% {
    stroke-dashoffset: 0;
  }
  to {
    stroke-dashoffset: 1500;
  }
}
@keyframes draw22 {
  0% {
    stroke-dashoffset: 0;
  }
  to {
    stroke-dashoffset: 1000;
  }
}
@keyframes bounceY {
  0%, 100% {
    transform: translateX(-50%) translateY(0);
  }
  50% {
    transform: translateX(-50%) translateY(-10px);
  }
}
.cm-button {
  width: 204px;
  height: 48px;
  color: var(--Dark-Blue, #182B46);
  text-align: center;
  font-family: "Averta-Bold.otf";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 21px */
  letter-spacing: 2px;
  text-transform: uppercase;
  border: 1px solid #FEDCA0;
  background: var(--Gradient, linear-gradient(90deg, #FFCB83 0%, #F57F27 50%, #FFE4AB 100%));
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.5s ease;
}
@media only screen and (min-width: 1025px) {
  .cm-button:hover {
    letter-spacing: 1px;
  }
}
@media only screen and (max-width: 1280px) {
  .cm-button {
    width: 190px;
    height: 40px;
    font-size: 13px;
  }
}
@media only screen and (max-width: 576px) {
  .cm-button {
    width: 180px;
    height: 38px;
    font-size: 12px;
    letter-spacing: 1px;
  }
}

.cm-title {
  font-family: "iCielBegum-Semibold.ttf";
  font-size: 48px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%; /* 62.4px */
  letter-spacing: -0.96px;
  text-transform: uppercase;
  background: var(--Gradient, linear-gradient(90deg, #FFCB83 0%, #F57F27 50%, #FFE4AB 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding: 8px 0 5px !important;
}
@media only screen and (max-width: 1280px) {
  .cm-title {
    font-size: 35px;
  }
}
@media only screen and (max-width: 768px) {
  .cm-title {
    font-size: 30px;
  }
}
@media only screen and (max-width: 576px) {
  .cm-title {
    font-size: 25px;
  }
}
.cm-title.center {
  text-align: center;
}

.cm-sub-title {
  color: #FFF;
  font-family: "Averta-Semibold.otf";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 1.6px;
  text-transform: uppercase;
}
@media only screen and (max-width: 1280px) {
  .cm-sub-title {
    font-size: 14px;
  }
}
@media only screen and (max-width: 768px) {
  .cm-sub-title {
    font-size: 12px;
  }
}
@media only screen and (max-width: 576px) {
  .cm-sub-title {
    font-size: 11px;
  }
}
.cm-sub-title.center {
  text-align: center;
}

.cm-title-box {
  position: relative;
  text-align: center;
}
.cm-title-box .cm-title {
  display: inline-block;
}

.cm-container {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 117px;
}
@media (max-width: 1280px) {
  .cm-container {
    padding: 0 60px;
  }
}
@media (max-width: 1024px) {
  .cm-container {
    padding: 0 30px;
  }
}
@media (max-width: 767px) {
  .cm-container {
    padding: 0 15px;
  }
}

.events {
  position: relative;
  width: 100%;
  height: 100vh;
  padding: 30px;
}
@media (max-width: 767px) {
  .events {
    padding: 30px 0;
  }
}
.events:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, #fff 0%, #fff 50.48%, #D8C4FF 100%);
  opacity: 0.65;
}
.events .map {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 2;
  text-align: center;
  opacity: 0;
}
.events .map.show {
  opacity: 1;
}
.events .map svg {
  max-width: 100%;
  max-height: 100%;
}
.events .map svg path[data-svg]:not(.active) {
  fill: rgba(0, 0, 0, 0.5019607843);
}
.events .btn_zoom {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  z-index: 3;
  opacity: 0;
}
@media (max-width: 767px) {
  .events .btn_zoom {
    right: auto;
    left: 0;
    opacity: 1;
  }
}
.events .btn_zoom .zoom {
  width: 40px;
  height: 40px;
  cursor: pointer;
  background: #8B5ABF;
  position: relative;
}
@media (max-width: 767px) {
  .events .btn_zoom .zoom {
    width: 28px;
    height: 28px;
  }
}
.events .btn_zoom .zoom:nth-child(2)::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 2px;
  height: 50%;
  background: #fff;
}
.events .btn_zoom .zoom:nth-child(1) {
  margin-right: 2px;
}
.events .btn_zoom .zoom::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50%;
  height: 2px;
  background: #fff;
}
.events .btn_zoom .zoom img {
  display: block;
}
.events .popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.65);
}
.events .popup.hide {
  opacity: 0;
  pointer-events: none;
}
.events .popup .content {
  display: flex;
  flex-wrap: wrap;
  width: 90%;
  gap: 12px;
}
@media (max-width: 1280px) {
  .events .popup .content {
    width: calc(100% - 60px);
  }
}
@media (max-width: 1024px) {
  .events .popup .content {
    align-items: center;
    justify-content: center;
    gap: 10px;
  }
}
@media (max-width: 576px) {
  .events .popup .content {
    width: calc(100% - 30px);
  }
}
.events .popup .content .bg {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.events .popup .content .left {
  width: calc(64% - 6px);
  height: calc(100vh - 200px);
  max-height: 670px;
  mask-image: url("../main/assets/images/mask-corner2.svg");
  mask-repeat: no-repeat;
  mask-size: 100% 100%;
  mask-position: center;
}
@media (max-width: 1024px) {
  .events .popup .content .left {
    width: 680px;
    max-width: 100%;
    height: auto;
    order: 2;
  }
  .events .popup .content .left .bg {
    height: auto;
    object-fit: contain;
  }
}
.events .popup .content .right {
  position: relative;
  width: calc(36% - 6px);
  height: calc(100vh - 200px);
  max-height: 670px;
  mask-image: url("../main/assets/images/mask-corner.svg");
  mask-repeat: no-repeat;
  mask-size: 100% 100%;
  mask-position: center;
}
@media (max-width: 1024px) {
  .events .popup .content .right {
    width: 680px;
    max-width: 100%;
    order: 1;
    height: 360px;
  }
}
.events .popup .content .right form {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 75px;
}
@media (max-width: 1024px) {
  .events .popup .content .right form {
    gap: 35px;
  }
  .events .popup .content .right form .logo {
    width: 150px;
  }
}
@media (max-width: 576px) {
  .events .popup .content .right form .logo {
    width: 136px;
  }
}
.events .popup .content .right form .frm-group {
  position: relative;
  width: 89.5894428152%;
  display: flex;
  align-items: center;
}
.events .popup .content .right form .frm-group label {
  width: 130px;
  position: relative;
  color: #E6CEF9;
  font-family: "Averta-Regular.otf";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  white-space: nowrap;
  display: block;
  letter-spacing: 0;
}
@media (max-width: 1024px) {
  .events .popup .content .right form .frm-group label {
    font-size: 18px;
  }
}
@media (max-width: 576px) {
  .events .popup .content .right form .frm-group label {
    width: 95px;
  }
}
.events .popup .content .right form .frm-group .right_input {
  width: calc(100% - 130px);
}
@media (max-width: 576px) {
  .events .popup .content .right form .frm-group .right_input {
    width: calc(100% - 95px);
  }
}
.events .popup .content .right form .frm-group .right_input input {
  outline: none;
  width: 100%;
  height: 40px;
  font-family: "Averta-Regular.otf";
  font-size: 25px;
  color: #fff;
  background: transparent;
  border: 0;
  border-bottom: 1px solid #AA55F1;
  box-shadow: none;
  margin: 0 auto;
}
.events .popup .content .right form .frm-group .right_input input::placeholder {
  color: rgba(255, 255, 255, 0.35);
  font-size: 24px;
}
.events .popup .content .right form .frm-group .right_input input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.35);
  font-size: 24px;
}
@media (max-width: 1024px) {
  .events .popup .content .right form .frm-group .right_input input {
    font-size: 22px;
  }
  .events .popup .content .right form .frm-group .right_input input::placeholder {
    font-size: 20px;
  }
  .events .popup .content .right form .frm-group .right_input input::-moz-placeholder {
    font-size: 20px;
  }
}
@media (max-width: 576px) {
  .events .popup .content .right form .frm-group .right_input input {
    font-size: 20px;
  }
}
.events .popup .content .right form .frm-group .decor {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: auto;
}
.events .popup .content .right form button {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 280px;
  height: 90px;
  border-radius: 56px;
  border: 1px solid #E6CEF9;
  background: linear-gradient(11deg, rgba(75, 42, 89, 0.88) -19.21%, rgba(139, 90, 191, 0.88) 58.5%, rgba(216, 196, 255, 0.88) 134.74%);
  box-shadow: 0 -3px 5.6px 1px rgba(0, 0, 0, 0.06) inset, 0 4px 4px 0 rgba(211, 158, 255, 0.25) inset, 0 -1px 4px 0 rgba(0, 0, 0, 0.25), 0 4px 4px 0 rgba(255, 255, 255, 0.25);
}
.events .popup .content .right form button span {
  font-family: "Averta-Regular.otf";
  font-size: 38px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  background: linear-gradient(180deg, #FEDDFF 25.96%, #F5F5F5 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (max-width: 1024px) {
  .events .popup .content .right form button {
    width: 170px;
    height: 56px;
    border-radius: 36px;
  }
  .events .popup .content .right form button span {
    font-size: 26px;
  }
}

/*# sourceMappingURL=style.css.map */