@font-face {
   font-family: "SVN-Ultra";
   src: url("../fonts/SVN-UltraMedian-Regular.eot");
   src: local("SVN-Ultra Median Regular"), local("SVN-UltraMedian-Regular"), url("../fonts/SVN-UltraMedian-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/SVN-UltraMedian-Regular.woff2") format("woff2"), url("../fonts/SVN-UltraMedian-Regular.woff") format("woff"), url("../fonts/SVN-UltraMedian-Regular.ttf") format("truetype"), url("../fonts/SVN-UltraMedian-Regular.svg#SVN-UltraMedian-Regular") format("svg");
   font-weight: normal;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: "SVN-Moneta Sans";
   src: url("../fonts/SVN-MonetaSans-BlackItalic.eot");
   src: local("SVN-Moneta Sans Black Italic"), local("SVN-MonetaSans-BlackItalic"), url("../fonts/SVN-MonetaSans-BlackItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/SVN-MonetaSans-BlackItalic.woff2") format("woff2"), url("../fonts/SVN-MonetaSans-BlackItalic.woff") format("woff"), url("../fonts/SVN-MonetaSans-BlackItalic.ttf") format("truetype"), url("../fonts/SVN-MonetaSans-BlackItalic.svg#SVN-MonetaSans-BlackItalic") format("svg");
   font-weight: 900;
   font-style: italic;
   font-display: swap;
}

@font-face {
   font-family: "SVN-Moneta Sans";
   src: url("../fonts/SVN-MonetaSans-Black.eot");
   src: local("SVN-Moneta Sans Black"), local("SVN-MonetaSans-Black"), url("../fonts/SVN-MonetaSans-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/SVN-MonetaSans-Black.woff2") format("woff2"), url("../fonts/SVN-MonetaSans-Black.woff") format("woff"), url("../fonts/SVN-MonetaSans-Black.ttf") format("truetype"), url("../fonts/SVN-MonetaSans-Black.svg#SVN-MonetaSans-Black") format("svg");
   font-weight: 900;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: "NVN Motherland Signature";
   src: url("../fonts/NVNMotherlandSignature-Reg.eot");
   src: local("NVN Motherland Signature Reg"), local("NVNMotherlandSignature-Reg"), url("../fonts/NVNMotherlandSignature-Reg.eot?#iefix") format("embedded-opentype"), url("../fonts/NVNMotherlandSignature-Reg.woff2") format("woff2"), url("../fonts/NVNMotherlandSignature-Reg.woff") format("woff"), url("../fonts/NVNMotherlandSignature-Reg.ttf") format("truetype"), url("../fonts/NVNMotherlandSignature-Reg.svg#NVNMotherlandSignature-Reg") format("svg");
   font-weight: normal;
   font-style: normal;
   font-display: swap;
}

body {
   font-family: "SVN-Ultra", Arial, Helvetica, sans-serif;
}

.hand-font {
   font-family: "NVN Motherland Signature", "Courier New", Courier, monospace;
}

.svn-moneta-font,
.project-global {
   font-family: "SVN-Moneta Sans", Arial, Helvetica, sans-serif;
   font-weight: 900;
}

.text-orange-grad {
   background: #FFD580;
   background: linear-gradient(to left, #FFD580 0%, #FFF6CC 100%);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
}

.text-blue-grad {
   background: #334A87;
   background: linear-gradient(to bottom, #334A87 0%, #021750 100%);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   text-shadow: 2px 2px 3px rgba(255, 255, 255, 0.2);
}

.text-blue-orange-grad {
   background: #7ff4fe;
   background: linear-gradient(45deg, #7ff4fe 40%, #e0715d 60%);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
}

.text-justify {
   text-align: justify;
}

.font-2x {
   font-size: 20px;
}

.ss-title {
   font-size: 2.75rem;
   line-height: 1.85em;
}

.ss-title.ss-project-policy-title {
   line-height: 1.25em;
}

.ss-title.ss-project-policy-title .text-offset-left-30 {
   margin-left: 19rem;
   position: relative;
   top: -20px;
}

.text-w__icon {
   position: relative;
}

.text-w__icon::before {
   content: "";
   position: absolute;
   top: 50%;
   left: -10%;
   width: 10px;
   height: 10px;
   background: url(../img/icon-rectange.png) center no-repeat;
}

.col-2 {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
}

ol.ol-marker {
   counter-reset: my-awesome-counter;
}

ol.ol-marker li {
   list-style: none;
   font-size: 0.8em;
   display: flex;
   align-items: center;
   width: calc(100% - 29px);
   flex-basis: calc(100% - 29px);
   align-content: space-between;
   counter-increment: my-awesome-counter;
}

ol.ol-marker li::before {
   content: counter(my-awesome-counter);
   display: flex;
   width: 24px;
   flex-basis: 24px;
   height: 24px;
   border: 1px solid #fff;
   text-align: center;
   justify-content: center;
   align-items: center;
   border-radius: 100%;
   margin-right: 5px;
}

.video-button-wrapper .button.is-outline {
   background: rgba(7, 51, 107, 0.25);
}

@media screen and (max-width: 768px) {
   .row-collapse__fix>.col {
      padding: 0 15px 30px;
   }
}

.header-wrapper.stuck .header-bg-color {
   background-color: rgba(7, 51, 107, 0.85);
   -webkit-backdrop-filter: blur(13px);
   backdrop-filter: blur(13px);
}

.header-main .nav>li>a {
   font-family: "SVN-Moneta Sans";
   font-size: 16px;
   font-weight: lighter;
}

/*
* Section About
*/
.ss-about .hand-font {
   font-size: clamp(1.45rem, 0.8659rem + 1.7866vw, 2.15rem);
}

/*
* Vi tri du an
*/
.custom-hotspot a {
   width: 73px;
   height: 97px;
   display: flex;
   background: url(../img/map-point.png) center no-repeat;
   text-indent: -9999px;
   animation: scaleHotspot 1s infinite;
}

@media screen and (min-width: 850px) {
   .custom-hotspot.lg-x60 {
      right: 32.8%;
   }

   .custom-hotspot.lg-y25 {
      top: 21.5%;
   }
}

.scaleAnimated {
   animation: scaleHotspot 1s infinite;
   transform-origin: 451px 148px;
}

@keyframes scaleHotspot {
   0% {
      transform: scale(1);
   }

   50% {
      transform: scale(1.25);
   }

   100% {
      transform: scale(1);
   }
}

/*
* Tong quan du an
*/
.project-global {
   color: #3e4b74;
   font-size: 20px;
}

.project-global p {
   line-height: 1.15em;
   margin-bottom: 0.75em !important;
}

.project-global h2 {
   font-size: 40px;
}

.project-global h3 {
   color: #3e4b74;
}

/*
* Gallery
*/
.gallery-x {
   --n: 1;
   /* number of rows*/
   --m: 4;
   /* number of columns */
   --g: 5px;
   /* control the gap */
   --f: 1.5;
   /* control the scale factor */
   --h: 800px;
   /* control height */
   --w: 100vw;
   /* control width */
   display: grid;
   gap: var(--g);
   grid-template-columns: repeat(var(--m), auto);
   height: var(--h);
   width: var(--w);
   position: relative;
}

.gallery-x h2,
.gallery-x h3 {
   position: absolute;
   text-align: center;
}

.gallery-x h2 {
   z-index: 9999;
   background: #3e4b74;
   background: linear-gradient(180deg, rgba(62, 75, 116, 0.8) 0%, rgba(62, 75, 116, 0) 100%);
   padding: 60px 0;
   line-height: 1.45em;
}

.gallery-x h2 .hand-font {
   line-height: 1.15em;
   padding-top: 5px;
   padding-bottom: 10px;
}

.gallery-x .item {
   transition: max-width 1s ease;
   position: relative;
   max-width: calc(var(--w) / var(--m));
}

.gallery-x .item:hover {
   width: calc(100vw / var(--m) * var(--f));
   max-width: calc(100vw / var(--m) * var(--f));
   height: var(--h);
   transition: max-width 1s ease;
}

.gallery-x .item h3 {
   padding-bottom: 20px;
   bottom: 0;
   background: #3e4b74;
   background: linear-gradient(180deg, rgba(62, 75, 116, 0) 0%, rgba(62, 75, 116, 0.8) 100%);
}

.gallery-x .item img {
   -o-object-fit: cover;
   object-fit: cover;
   -o-object-position: center;
   object-position: center;
   width: 100%;
   height: 100%;
}

/*
* Chinh sach du an
*/
/*
* Media Slider
*/
.media-slider .flickity-button {
   background-color: rgba(0, 0, 0, 0.5);
   top: 0;
   bottom: 0;
   height: 100%;
   width: calc((100vw - 1120px) / 2);
}

.media-slider .flickity-button .flickity-button-icon {
   width: 28px;
   height: 56px;
   padding: 0;
   margin: 0;
   padding: 7px;
   background-color: rgba(0, 0, 0, 0.8);
}

.media-slider .flickity-button.previous {
   left: 0;
}

.media-slider .flickity-button.previous .flickity-button-icon {
   left: auto;
   right: 0;
   margin-right: -14px;
   border-top-left-radius: 100px;
   border-bottom-left-radius: 100px;
}

.media-slider .flickity-button.next {
   right: 0;
}

.media-slider .flickity-button.next .flickity-button-icon {
   left: 0;
   right: auto;
   margin-left: 14px;
   border-top-right-radius: 100px;
   border-bottom-right-radius: 100px;
}

/**
* Footer
*/
.subscribe-form h5 {
   border-top: 1px solid #fff;
   border-bottom: 1px solid #fff;
   padding: 8px 0;
   margin-bottom: 1.5em;
   text-align: center;
   font-size: 0.85em;
}

.subscribe-form .wpcf7-spinner {
   display: none !important;
}

.subscribe-form input.wpcf7-submit {
   background-color: #e5a03b;
   margin: 0;
   width: 100%;
}

.footer-add {
   display: flex;
}

.footer-add::before {
   content: "";
   display: block;
   width: 24px;
   height: 24px;
   background: url(../img/icon-location.png) left center no-repeat;
   margin-right: 10px;
}

.footer-tel a {
   display: flex;
   align-items: center;
   background: #FFD580;
   background: linear-gradient(to left, #FFD580 0%, #FFF6CC 100%);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   font-weight: 900;
   font-size: 24px;
}

.footer-tel a::before {
   content: "";
   display: block;
   width: 24px;
   height: 24px;
   background: url(../img/icon-phone.png) left center no-repeat;
   margin-right: 10px;
}

.box-hotline .icon-box-text {
   display: flex;
   align-items: flex-end;
}

.box-hotline a {
   margin-left: 20px;
   display: flex;
   background: #FFD580;
   background: linear-gradient(to left, #FFD580 0%, #FFF6CC 100%);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   font-weight: 900;
   font-size: 20px;
}

.box-hotline a::before {
   content: "";
   display: block;
   width: 24px;
   height: 24px;
   background: url(../img/icon-phone.png) left center no-repeat;
   margin-right: 10px;
}

.back-to-top.button {
   color: #fff;
}

.call-to-action {
   display: flex;
   flex-direction: column;
   position: fixed;
   right: 23px;
   bottom: 72px;
   z-index: 9999;
}

.call-to-action .action-fb,
.call-to-action .action-phone {
   display: flex;
   width: 38px;
   height: 38px;
   text-indent: -99999px;
   border-radius: 100%;
   border: 1px solid #fff;
}

.call-to-action .action-fb {
   background: url(../img/icon-fb-blue.png) center no-repeat, linear-gradient(to left, #FFD580 0%, #FFF6CC 100%);
   margin-bottom: 10px;
   background-size: 12px, cover;
}

.call-to-action .action-phone {
   background: url(../img/icon-phone-blue.png) center no-repeat, linear-gradient(to left, #FFD580 0%, #FFF6CC 100%);
   background-size: 16px, cover;
}

/* Mobile version */
@media screen and (max-width: 540px) {
   .row-collapse__fix>.col.px-xs-5 {
      padding-left: 10% !important;
      padding-right: 10% !important;
   }

   .col-2 {
      grid-template-columns: repeat(1, 1fr);
   }

   ol.ol-marker li {
      font-size: 1em;
   }

   .heroBanner {
      height: 100vh;
   }

   .heroBanner .banner-bg {
      background: url(../img/mobile-hero.png) center no-repeat;
      background-size: cover;
   }

   .heroBanner .banner-bg img {
      display: none;
   }

   .ss-project-global {
      padding-top: 0 !important;
      padding-bottom: 0 !important;
   }

   .ss-project-global .col:nth-of-type(1) {
      padding-left: 0 !important;
      padding-right: 0 !important;
   }

   .ss-project-global .banner .banner-bg {
      background: url(../img/mobile-project-global-img.png) center no-repeat;
   }

   .ss-project-global h2.text-blue-grad {
      font-size: 1.85rem;
   }

   .ss-project-global .project-global p {
      font-size: 0.7em;
   }

   .ss-uu-the .col:nth-of-type(1) {
      padding-left: 0 !important;
   }

   h2.gallery-x-m__title {
      z-index: 9999;
      padding-top: 40px;
      padding-bottom: 20px;
      padding-left: 10px;
      padding-right: 10px;
      line-height: 1.45em;
      font-size: 2rem;
   }

   h2.gallery-x-m__title .hand-font {
      line-height: 1.15em;
      padding-top: 5px;
      padding-bottom: 10px;
   }

   .gallery-x-m {
      display: flex;
      flex-wrap: wrap;
      padding: 0 10px;
      margin-bottom: 5em;
   }

   .gallery-x-m .item {
      transition: max-width 1s ease;
      position: relative;
      padding-left: 5px;
      padding-right: 5px;
      margin-bottom: 10px;
   }

   .gallery-x-m .item:nth-of-type(1),
   .gallery-x-m .item:nth-of-type(2) {
      width: 50%;
   }

   .gallery-x-m .item h3 {
      position: absolute;
      padding-bottom: 20px;
      bottom: 0;
      background: #3e4b74;
      background: linear-gradient(180deg, rgba(62, 75, 116, 0) 0%, rgba(62, 75, 116, 0.8) 100%);
      text-indent: 10%;
      border-radius: 20px;
   }

   .gallery-x-m .item img {
      -o-object-fit: cover;
      object-fit: cover;
      -o-object-position: center;
      object-position: center;
      width: 100%;
      height: 100%;
      border-radius: 20px;
   }

   .ss-title.ss-project-policy-title .text-offset-left-30 {
      margin-left: 2.5em;
      top: 0;
   }

   .ss-project-policy .text-offset-left-30 {
      margin-left: 8em;
      top: 0;
   }
}

.ss-about .hand-font {
   font-size: clamp(1.45rem, 0.8659rem + 1.7866vw, 2.15rem);
}

.hand-font {
   font-family: "NVN Motherland Signature", "Courier New", Courier, monospace;
}

body {
   font-family: "SVN-Ultra", Arial, Helvetica, sans-serif !important;
}

h5.post-title a,
h1.entry-title,
.article-inner h2,
.article-inner h3,
.article-inner h4 {
   font-family: "SVN-Ultra", Arial, Helvetica, sans-serif !important;
   color: #063168;
}