:root {
	 --section-padding-hor: 8.33vw;
	 --primary-color: #dca838;
}
 @keyframes dot-breath {
	 0% {
		 transform: scale(0);
		 opacity: 1;
	}
	 100% {
		 transform: scale(1);
		 opacity: 0;
	}
}
 h2 {
	 font-size: clamp(26px, 2.5vw, 48px);
	 font-weight: 700;
	 margin-bottom: clamp(30px, 2.6vw, 50px);
}
 h3 {
	 font-size: clamp(16px, 1.25vw, 24px);
	 color: var(--primary-color);
}
 p {
	 font-size: clamp(12px, 8.4vw, 16px);
}
 em {
	 color: var(--primary-color);
	 font-style: normal;
	 display: inline;
}
 picture img {
	 width: 100%;
	 height: 100%;
}
 section {
	 padding: 120px var(--section-padding-hor);
	 min-height: 100svh;
	 position: relative;
}
 .back-media {
	 position: absolute;
	 left: 0;
	 top: 0;
	 width: 100%;
	 height: 100%;
	 z-index: -1;
	 object-fit: cover;
	 object-position: center;
}
 .scroll-move-button {
	 position: relative;
	 box-sizing: border-box;
	 border-radius: 4px;
	 border: 1px solid rgba(255, 255, 255, 0.4);
	 background: transparent;
	 cursor: pointer;
}
 .scroll-move-button:hover {
	 border-color: var(--primary-color);
}
 .scroll-move-button:hover::before {
	 filter: none;
}
 .scroll-move-button::before {
	 position: absolute;
	 content: '';
	 top: 50%;
	 left: 50%;
	 height: 10px;
	 width: 50%;
	 transform: translate(-50%, -50%);
	 background-image: url('../assets/icons/arrow.png');
	 background-size: 100%;
	 background-repeat: no-repeat;
	 background-size: cover;
	 background-position: center right;
	 filter: grayscale(1);
}
 .scroll-move-button:first-of-type::before {
	 transform: translate(-50%, -50%) rotate(-180deg);
}
 header {
	 position: fixed;
	 left: 0;
	 top: 0;
	 right: 0;
	 height: 72px;
	 z-index: 99999;
	 display: grid;
	 grid-template-columns: 1fr auto auto auto;
	 column-gap: 1.25vw;
	 align-items: center;
	 padding-left: var(--section-padding-hor);
	 background: linear-gradient(180deg, rgba(0, 0, 0, .6) 0%, rgba(0, 0, 0, 0) 95%);
}
 #home {
	 display: flex;
	 align-items: center;
}
 #home h1 {
	 font-size: clamp(32px, 2.3vw, 44px);
	 font-weight: bold;
	 max-width: 50vw;
}
 #about-us p {
	 max-width: 32.5vw;
	 margin-top: 2vw;
	 padding: 50px 20px 20px;
	 background: rgba(13, 12, 7, 0.42);
	 border-radius: 10px;
}
 #ecosystem {
	 display: flex;
	 flex-direction: column;
	 align-items: center;
	 row-gap: 2vw;
}
 #ecosystem::before {
	 content: '';
	 position: absolute;
	 left: 0;
	 top: 0;
	 right: 0;
	 bottom: 0;
	 background: linear-gradient(180deg, #28241d 0%, #000 51.5%);
	 opacity: 0.3;
	 z-index: 1;
}
 #ecosystem h2, #ecosystem h3 {
	 position: relative;
	 z-index: 3;
	 text-align: center;
}
 #ecosystem .article-list {
	 flex: 1;
	 z-index: 2;
	 display: flex;
	 flex-direction: row;
	 flex-wrap: wrap;
	 justify-content: center;
	 gap: 3.125vw;
}
 #ecosystem .article-list article {
	 width: 11vw;
	 display: flex;
	 flex-direction: column;
	 align-items: center;
}
 #ecosystem .article-list article img {
	 width: 8.125vw;
	 height: 8.125vw;
}
 #ecosystem .article-list article h4 {
	 font-size: 20px;
	 font-weight: 700;
	 margin: clamp(10px, 1vw, 20px) 0;
	 text-align: center;
}
 #ecosystem .article-list article p {
	 text-align: center;
}
 #tech-trust {
	 padding-bottom: 20px;
}
 #tech-trust .article-list {
	 margin-top: 30px;
	 display: grid;
	 grid-template-columns: repeat(3, 1fr);
	 column-gap: 1.67vw;
}
 #tech-trust .article-list article {
	 border: solid 1px var(--primary-color);
	 position: relative;
	 display: flex;
	 flex-direction: column;
	 padding: 20px;
	 row-gap: 10px;
	 overflow: hidden;
	 --video-height: 20vw;
}
 #tech-trust .article-list article::before {
	 content: '';
	 position: absolute;
	 left: 0;
	 top: 0;
	 width: 100%;
	 height: calc(var(--video-height) + 1px);
	 background-color: black;
	 mix-blend-mode: soft-light;
	 z-index: 2;
}
 #tech-trust .article-list article video {
	 align-self: end;
	 margin: -19px -19px 0 0;
	 height: var(--video-height);
	 object-fit: fill;
	 object-position: 8vw top;
}
 #tech-trust .article-list article h4, #tech-trust .article-list article p {
	 position: relative;
	 z-index: 3;
}
 #tech-trust .article-list article p {
	 opacity: 0.7;
}
 #tech-trust .footer {
	 margin: 7.8125vw 0 11.46vw;
	 background: linear-gradient(90.35deg, #ffe5b9 -7.4%, #dca838 40.4%, #cb9a47 95.18%);
	 background-clip: text;
	 -webkit-background-clip: text;
	 color: transparent;
	 text-align: center;
	 font-size: clamp(20px, 1.67vw, 32px);
	 font-weight: 700;
}
 #global-presence {
	 display: grid;
	 grid-template-rows: auto auto 1fr;
}
 #global-presence::before {
	 content: '';
	 position: absolute;
	 left: 0;
	 top: 0;
	 width: 100%;
	 height: 100%;
	 background: linear-gradient(360deg, #000 -38.91%, #3a2e14 76.24%, #947634 139.95%);
	 z-index: -1;
}
 #global-presence p {
	 line-height: 1.5;
}
 #global-presence p strong {
	 font-size: 32px;
	 font-weight: 700;
	 color: var(--primary-color);
}
 #global-presence p:first-of-type {
	 max-width: 20vw;
}
 #global-presence p:last-of-type {
	 align-self: end;
}
 #global-presence .world-map {
	 position: absolute;
	 right: 5.83vw;
	 bottom: 2vw;
	 width: 75.05vw;
	 z-index: 0;
}
 #global-presence .world-map picture img {
	 width: 100%;
	 height: 100%;
	 object-fit: cover;
}
 #global-presence .world-map .dot {
	 position: absolute;
	 width: 2vw;
	 height: 2vw;
	 z-index: 3;
}
 #global-presence .world-map .dot::before, #global-presence .world-map .dot::after {
	 position: absolute;
	 content: '';
	 left: 0;
	 width: 0;
	 width: 100%;
	 height: 100%;
	 border-radius: 50%;
	 background: var(--primary-color);
	 opacity: 0;
	 animation: dot-breath 2s linear infinite;
}
 #global-presence .world-map .dot::after {
	 animation-delay: 1s;
}
 #global-presence .world-map .dot.THA {
	 right: 17.6vw;
	 bottom: 15vw;
}
 #global-presence .world-map .dot.SG {
	 right: 16.77vw;
	 bottom: 11.3vw;
}
 #global-presence .world-map .dot.VN {
	 right: 16.2vw;
	 bottom: 14.7vw;
}
 #global-presence .world-map .dot.UAE {
	 right: 27.17vw;
	 bottom: 17vw;
}
 #global-presence .world-map .dot.COL {
	 right: 54.37vw;
	 bottom: 13.7vw;
}
 #global-presence .world-map .dot.AF {
	 right: 34.17vw;
	 bottom: 13vw;
}
 #partners h2 {
	 width: 100%;
	 text-align: center;
}
 #partners .capital-items-list {
	 display: flex;
	 flex-direction: row;
	 justify-content: space-between;
}
 #partners .capital-items-list article {
	 width: 19.6vw;
	 height: 6.25vw;
	 display: flex;
	 justify-content: center;
	 align-items: center;
	 background: white;
}
 #partners .capital-items-list article:nth-child(2) {
	 background: #000;
	 border: solid 1px var(--primary-color);
	 font-size: 16px;
	 color: var(--primary-color);
}
 #partners .capital-items-list article img {
	 max-width: 60%;
	 max-height: 40%;
}
 #partners .industry-container {
	 margin: 6.25vw 0;
	 height: 34.375vw;
	 display: flex;
	 flex-direction: row;
}
 #partners .industry-container .info-container {
	 width: 21.25vw;
	 display: grid;
	 grid-template-rows: auto auto 1fr auto;
}
 #partners .industry-container .info-container h3 {
	 font-weight: 700;
}
 #partners .industry-container .info-container #partners-cur-title {
	 font-size: clamp(20px, 2.1vw, 40px);
	 align-self: center;
}
 #partners .industry-container .info-container .scroll-btns {
	 display: flex;
	 flex-direction: row;
	 column-gap: clamp(20px, 1.56vw, 30px);
}
 #partners .industry-container .info-container .scroll-btns button {
	 width: 3.5vw;
	 height: 3.5vw;
}
 #partners .industry-container .industry-items-scroller {
	 flex: 1;
	 overflow: hidden;
	 position: relative;
}
 #partners .industry-container .industry-items-scroller #industry-items-list {
	 position: absolute;
	 left: 0;
	 height: 100%;
	 display: flex;
	 flex-direction: row;
	 column-gap: 30px;
}
 #partners .industry-container .industry-items-scroller #industry-items-list.shifting {
	 transition: transform 0.5s ease-in-out;
}
 #partners .industry-container .industry-items-scroller #industry-items-list article {
	 width: 55vw;
	 position: relative;
}
 #partners .industry-container .industry-items-scroller #industry-items-list article .title {
	 position: absolute;
	 left: 0;
	 bottom: 0;
	 width: 100%;
	 height: 17%;
	 background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
	 padding: 40px 0 0 60px;
	 font-size: 20px;
	 font-weight: 700;
}
 #news h2 {
	 width: 100%;
	 text-align: center;
}
 #news .news-items-scroller {
	 margin: 100px 0 20px 0;
	 height: 15.625vw;
	 overflow: hidden;
	 position: relative;
}
 #news #news-list {
	 position: absolute;
	 left: 0;
	 height: 100%;
	 display: flex;
	 flex-direction: row;
	 column-gap: 5vw;
}
 #news #news-list.shifting {
	 transition: transform 0.5s ease;
}
 #news #news-list a {
	 width: 24vw;
	 height: 100%;
	 overflow: hidden;
	 cursor: pointer;
}
 #news #news-list a:hover {
	 border: solid 1px var(--primary-color);
}
 #news #news-list a img {
	 width: 100%;
	 height: 100%;
	 object-fit: cover;
}
 #news .scroll-btns {
	 display: flex;
	 flex-direction: row;
	 justify-content: end;
	 column-gap: clamp(20px, 1.56vw, 30px);
}
 #news .scroll-btns button {
	 width: 3vw;
	 height: 3vw;
}
 #contact .content {
	 position: absolute;
	 left: 50%;
	 top: 50%;
	 transform: translate(-50%, -50%);
	 background: rgba(13, 12, 7, 0.42);
	 border-radius: 10px;
	 padding: 44px;
	 font-size: 32px;
	 font-size: clamp(20px, 1.7vw, 32px);
	 display: flex;
	 flex-direction: column;
	 align-items: center;
	 row-gap: 10px;
}
 #contact .content .welcome {
	 font-size: clamp(29px, 2.19vw, 42px);
	 color: var(--primary-color);
	 margin-top: 10px;
}
 #contact .content .media-links {
	 margin-top: 30px;
	 display: flex;
	 flex-direction: row;
	 column-gap: 30px;
	 justify-content: center;
}
 #contact .content .media-links a {
	 width: 38px;
	 height: 38px;
}