*{margin: 0;padding: 0}
	:root {
    --rft-green: #47FFA6;
	--rft-blue: #06072D;
	--rfr-darkblue: #02031D;
	--rft-grey: #ABABAB;
	--rft-dark: #0E0F32;
	--rft-purple: #E31DB7;
	--rft-purpleblue: #2E46FF;
	--rft-blog1:#1A1D82;
	--rft-blog2:#2E2F4E;
	--rft-blog3:#0E0F40;
    }

    select {
    padding: 5px;
    border: 1px solid var(--rft-green);
    border-radius: 5px;
    font-size: 13px;
    background: var(--rft-dark);
    color: #fff
  }

  /* Style the options */
  option {
    background: var(--rft-dark);
    color: #fff;
    padding: 5px 10px;
    font-size: 16px;
  }

  /* Style the hover effect */
  option:hover {
    background: var(--rft-dark);
    cursor: pointer;
  }

  /* Style the selected option */
  option:checked {
    background: var(--rft-green);
    color: #fff;
  }


    .page-rft section{width: 100%}
    .page-rft section div{margin: 20px}
    .page-rft footer div{margin: 20px}

    .page-rft .green{color: var(--rft-green)}

    body{background: url(images/bg-home.svg) no-repeat fixed right,
    	var(--rft-dark)}
    body{color: var(--rft-grey);  font-family: "Archivo", sans-serif; }

    .page-rft .logo{background:url(images/logo.svg) no-repeat; background-size: cover;
     width:265px; height: 88px; display: block; text-indent: -9999px }
    .page-rft header{height: max-content; margin: 0 0 50px 0}
	.page-rft nav a{padding: 15px 0}
    .page-rft nav a{color: var(--rft-grey); text-decoration: none; font-size: 13px; text-transform: uppercase; margin: 0 20px}
    .page-rft nav{display: flex; flex-direction: row;flex-wrap: wrap;justify-content: flex-start;align-items: flex-start;align-content: flex-start; width: max-content}
	.page-rft .btn-login{position: absolute; right: 10px; top: 0; line-height: 88px}
	.page-rft nav a.current{color: var(--rft-green);}

	.panel-scroll{overflow-x: scroll;}

	.page-rft h1{color: var(--rft-green)}
	.page-rft section.home h2{color: #fff; font-weight: 300}
	.page-rft section.home h3{color: var(--rft-dark); background: var(--rft-green); font-weight: 500; display: table;}



	.page-rft .home section{margin: 90px 0}
	.page-rft h1{font-size:28px;margin: 0 0 5px 0}
	.page-rft h2{font-size:18px;margin: 0 0 5px 0}
	.page-rft h3{font-size:18px;margin: 0 0 5px 0}


	.page-rft .list-home p::before{content: attr(data-text);color:  var(--rft-grey); display:flex;}

	.page-rft .list-home{list-style: none; color:  var(--rft-green);}

	.page-rft .list-home li{display: flex;
					flex-direction: row;
					flex-wrap: wrap;
					justify-content: space-between;
					align-items: flex-start;
					align-content: flex-start;}
	.page-rft .list-home li{background:  var(--rft-blue); padding: 25px 12px; margin: 0 0 3px 0}
	.page-rft .list-home li p:nth-child(2){ text-align: right; }

	.page-rft footer{font-size:13px; border-top: 1px solid var(--rft-green)  }
	.page-rft footer ul{list-style: none;}
	.page-rft footer li b{ color: var(--rft-green); font-weight: 300 }
	.page-rft footer li{color: var(--rft-grey); }

	.page-rft footer div{display: flex;
					flex-direction: row;
					flex-wrap: wrap;
					justify-content: space-between;
					align-items: flex-start;
					align-content: flex-start;}

	.page-rft .bg-green{background: var(--rft-green); color: var(--rft-dark); padding: 30px}
	.approach .bg-green h1,
	.approach .bg-green h2,
	.approach .bg-green p{color: var(--rft-dark);}
	.approach div.bg-green{margin: 0}

	.approach h1,
	.approach h2,
	.approach h3{text-transform: uppercase;}

	.approach h2,
	.approach h3{color: var(--rft-green); margin: 0 0 3px 0}

	.approach p{margin: 0 0 20px 0}

	.approach h2{font-size: 20px; margin: 0 0 20px 0}
	.approach h3{font-size: 16px}
	.approach p{font-size: 16px}

	.img-chart{background: url(images/img-chart.svg) no-repeat center center; width: 100%; height: 300px; display: block; background-size: contain;}

	h3.green{color:var(--rft-green); }
	h3.purple{color:var(--rft-purple); }
	h3.purpleblue{color:var(--rft-purpleblue); }
	.disclaimer,
	.disclaimer p {font-size: 12px; }
	.disclaimer h4{color: var(--rft-green); }

	.performance h2{color: var(--rft-green); font-size: 18px}
	.performance h3{color: #fff; font-size: 15px}

	ul.ui-button{list-style: none; margin: 0}
	ul.ui-button{display: flex; flex-direction: row;}
	ul.ui-button li{font-size: 14px; font-weight: 800; margin: 0 4px 0 0}
	ul.ui-button li{border: 1px solid #fff; padding: 8px 12px; border-radius: 3px; color: #fff;}
	ul.ui-button li.current{background: var(--rft-green); color: var(--rft-dark);border: 1px solid var(--rft-green); }


	ul.ui-textlink{list-style: none; margin: 0}
	ul.ui-textlink{display: flex; flex-direction: row; width: max-content }
	ul.ui-textlink li{font-size: 14px; font-weight: 500; margin: 0 4px 0 0; }
	ul.ui-textlink li{padding: 8px 12px; border-radius: 3px; color: #fff;}
	ul.ui-textlink li.current{color: var(--rft-green);}

	.ui-filter{color: #fff; font-size: 13px}
	.ui-filter{display: flex; justify-content: flex-end; align-items: center;}

	
.list-performance{ font-size: 13px; list-style: none; }
.list-performance h3{color: var(--rft-green)}


.list-performance li{background:var(--rft-blue); padding: 1px; margin: 0 0 3px 0; position: relative; }
.list-performance p::before{content: attr(data-value);color:#fff; display:flex; font-size: 16px; font-family: Arial; font-weight: bold}

.list-performance div.exclusive p:nth-child(3)::before{color:#fff }
.list-performance div.exclusive p{font-size: 12px}
.list-performance div.exclusive p::before{font-size: 16px; }

.list-performance p:nth-child(3)::before{color:var(--rft-green); }
.list-performance.growth p:nth-child(1)::before{color:var(--rft-green); }
.list-performance p b{color:var(--rft-green); margin: 0 0 0 10px }
.list-performance div:nth-child(1) p{width: 75%}
.list-performance div:nth-child(2){display: flex;justify-content: space-between;}
.list-performance li .img-company-logo{width: 50px; height: 50px; display: block; position: absolute; top: 25px; right: 20px}
.list-performance li:nth-child(1) .img-company-logo{background:url(images/img-company-logo1.png) no-repeat; background-size: cover;}
.list-performance li:nth-child(2) .img-company-logo{background:url(images/img-company-logo2.png) no-repeat; background-size: cover;}
.list-performance li:nth-child(3) .img-company-logo{background:url(images/img-company-logo3.png) no-repeat; background-size: cover;}
.list-performance li:nth-child(4) .img-company-logo{background:url(images/img-company-logo4.png) no-repeat; background-size: cover;}
.list-performance li:nth-child(5) .img-company-logo{background:url(images/img-company-logo5.png) no-repeat; background-size: cover;}
.list-performance li:nth-child(6) .img-company-logo{background:url(images/img-company-logo6.png) no-repeat; background-size: cover;}
.list-performance li:nth-child(7) .img-company-logo{background:url(images/img-company-logo7.png) no-repeat; background-size: cover;}
.list-performance li:nth-child(8) .img-company-logo{background:url(images/img-company-logo8.png) no-repeat; background-size: cover;}

.list-performance li .btn-link{width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0}

.performance-detail section{ background:var(--rft-dark); margin: 0 0 60px 0; padding: 20px 0 }
.performance-detail h2{color: var(--rft-green);}
.performance-detail h3{}
.performance-detail h4{color: var(--rft-green);; font-size: 13px}
.performance-detail p{color:#fff; margin: 0 0 30px 0}
.list-performance p{margin: 0 0 8px 0}
.performance-detail section div{margin: 20px}
.performance-detail .list-performance div:nth-child(1){margin: 0 20px}


.exclusive{display: block;}

.listing-pd-news{list-style: none;}
.listing-pd-news li{margin: 0 0 30px 0}

.exclusive{display: none;}
.pagination{justify-content: center;}
ul.ui-button.pagination li{padding: 8px 20px}

.ico-website{background: url(images/ico-website.svg) no-repeat center center; width: 20px; height: 20px; display: block;background-size: contain;}	
.ico-discord{background: url(images/ico-discord.svg) no-repeat center center; width: 20px; height: 20px; display: block;background-size: contain;}	
.ico-twitter{background: url(images/ico-twitter.svg) no-repeat center center; width: 20px; height: 20px; display: block;background-size: contain;}
p.icon{display: flex; flex-direction: row; column-gap: 10px }


ul.list-insight{list-style: none;}
ul.list-insight li{color: #fff; padding: 1px}
ul.list-insight li:nth-child(1n){background: var(--rft-blog1); }
ul.list-insight li:nth-child(2n){background: var(--rft-blog2); }
ul.list-insight li:nth-child(3n){background: var(--rft-blog3); }
ul.list-insight li p{color:var(--rft-green);}
ul.list-insight li h3{font-size: 16px; margin: 0 0 0 5px}
ul.list-insight li p{font-size: 14px; margin: 0 0 0 5px}

ul.list-insight li:nth-child(1) .img-blog{background: url(images/img-blog1.png) no-repeat center center; width:160px; height: 120px; display: block; background-size: cover;}
ul.list-insight li:nth-child(2) .img-blog{background: url(images/img-blog2.png)  no-repeat center center; width:160px; height: 120px; display: block; background-size: cover;}
ul.list-insight li:nth-child(3) .img-blog{background: url(images/img-blog3.png)  no-repeat center center; width:160px; height: 120px; display: block; background-size: cover;}
ul.list-insight li:nth-child(4) .img-blog{background: url(images/img-blog4.png) no-repeat  center center; width:160px; height: 120px; display: block; background-size: cover;}
ul.list-insight li:nth-child(5) .img-blog{background: url(images/img-blog5.png)  no-repeat center center; width:160px; height: 120px; display: block; background-size: cover;}
ul.list-insight li:nth-child(6) .img-blog{background: url(images/img-blog6.png)  no-repeat center center; width:160px; height: 120px; display: block; background-size: cover;}
ul.list-insight li:nth-child(7) .img-blog{background: url(images/img-blog7.png) no-repeat  center center; width:160px; height: 120px; display: block; background-size: cover;}
ul.list-insight li:nth-child(8) .img-blog{background: url(images/img-blog8.png)  no-repeat center center; width:160px; height: 120px; display: block; background-size: cover;}

ul.list-insight li{display: flex; align-items: center; margin: 0 0 10px 0; position: relative;}
.list-insight a{width: 100%; height: 100%; display: block; position: absolute;}


.page-rft section div.column1 {
  flex: 8;
  margin: 0
}

.page-rft section div.column2 {
  flex: 2;
  margin: 0
}

	.map h2{font-size: 18px;color: var(--rft-green);}
	.map h3{font-size: 18px;color:#fff}
	.map p{font-size: 16px;color:#fff}
	.map h4{font-size: 16px;color: var(--rft-green);}
	.page-rft section.map div:nth-child(1){margin: 0 20px 90px }
	 iframe.map{width: 100%;height: 300px; display: block; margin: 0 0 60px 0}
	 iframe {  filter: invert(1) hue-rotate(180deg) ;}


	.insight-detail{padding: 0 0 100px 0}
	.insight-detail img{width: 100%; max-width: 500px; display: block;margin: 0 auto 20px}
	.insight-detail h1{font-size: 22px}
	.insight-detail h2{color: var(--rft-green); margin: 50px 0 5px 0}
	.insight-detail h3{color: #fff; margin: 0 }
	.insight-detail p{font-size: 16px; color: #aeaeae; line-height: 20px; margin: 0 0 20px 0}


	.page-rft .performance-detail h2{font-size: 22px}
	.page-rft .performance-detail .list-performance h3{font-size: 22px}
	.page-rft .performance-detail .list-performance p{font-size: 16px}
	.listing-pd-news h3{font-size: 16px; color: #fff}
	.performance-detail section div.exclusive{display: block;}

	.label{position: relative; background: var(--rft-dark); padding: 20px}




	 @media screen and (min-width: 1200px) {
	 	.panel-scroll{overflow: hidden;}
	 	.page-rft section{margin: 50px 0}
		.page-rft section.home{margin: 120px 0}

	 	.page-rft h1{font-size:32px;margin: 0 0 5px 0}
		.page-rft h2{font-size:22px;margin: 0 0 8px 0}
		.page-rft h3{font-size:22px;margin: 0 0 8px 0}

		.page-rft .approach h2{font-size:32px;margin: 50px 0 8px 0}

		.page-rft section.map div:nth-child(1){margin: 0 auto 90px }


		.page-rft .bg-green h2{font-size:32px;margin: 0 0 8px 0}
		.page-rft .approach div.bg-green{margin: 50px auto}
	 	.page-rft header{display: flex; justify-content: space-between;}
	 	.page-rft nav{width: auto; justify-content: space-around;}
	 	.page-rft nav a{line-height: 80px; padding: 5px 20px; font-size: 16px}
	 	.page-rft .btn-login{position: relative;}
	 	.page-rft section div{ max-width: 1200px; margin: 0 auto }
	 	.page-rft .list-home{display: grid;
		  grid-template-rows: auto auto; /* rows */
		  grid-template-columns: auto auto auto auto; /* columns */}
		 .page-rft .list-home li{height: 120px; margin: 0 3px 3px 0; padding: 20px}
		 .page-rft .list-home li{flex-direction: column; }
		 .page-rft .list-home li p:nth-child(2){text-align: left;}
		 .page-rft footer{font-size: 15px; line-height: 20px}
		 .page-rft footer div{display: grid;
		  grid-template-rows: auto ; /* rows */
		  grid-template-columns: auto auto auto auto auto auto ; /* columns */
		  grid-gap: 20px}

		.list-performance{display: grid;
	    grid-template-columns: repeat(4, 1fr); /* Four columns with equal width */
	    grid-template-rows: auto auto; /* Two rows with automatic height */
	    gap: 10px; /* Gap between grid items */}
		.list-performance li{padding: 20px; position: relative;}

		.performance-detail .list-performance li{padding: 0 20px; position: relative;}
		.list-performance li .img-company-logo{position: relative; left: 0; top: 0; margin: 12px 0}
		.list-performance div:nth-child(1) p{width: 100%}
		.list-performance li:hover{background:#0B0D4F}
		.performance-detail .list-performance div:nth-child(1){margin: 0}


		.performance-detail {
  		display: grid;
		  grid-template-columns: 1fr 2fr 1fr; /* Ratio of 1:3:1 */
		  gap: 10px; /* Adjust the gap between items as needed */
		}

		.performance-detail section {
		  padding: 20px;
		  background: var(--rft-blue); /* Placeholder background color */
		}

		.performance-detail .list-performance{display: grid;
	    grid-template-columns: repeat(1, 1fr); 
	    grid-template-rows: auto auto; 
	    gap: 10px; /* Gap between grid items */}

	    .page-rft section.performance-detail{padding: 0 0 200px 0}
	   	.page-rft .performance-detail h2{font-size: 25px}
	    .page-rft .performance-detail .list-performance h3{font-size: 25px}
	    .page-rft .performance-detail .list-performance p{font-size: 16px}
	    .listing-pd-news h3{font-size: 18px; color: #fff}
	    .page-rft .performance-detail .list-performance div.exclusive p::before{font-size: 16px; }


	    .page-rft section.performance-detail {max-width: 1800px; margin: 0 auto}


		ul.list-insight{display: grid;
	    grid-template-columns: repeat(4, 1fr); /* Four columns with equal width */
	    grid-template-rows: auto auto; /* Two rows with automatic height */
		}

		ul.list-insight li{display: flex; flex-direction: column;}
		.page-rft section div.column1 {
		order: 2
		}

		.page-rft section div.column2 {
		order: 1
		}
		ul.list-insight li:nth-child(1) .img-blog,
		ul.list-insight li:nth-child(2) .img-blog,
		ul.list-insight li:nth-child(3) .img-blog,
		ul.list-insight li:nth-child(4) .img-blog,
		ul.list-insight li:nth-child(5) .img-blog,
		ul.list-insight li:nth-child(6) .img-blog,
		ul.list-insight li:nth-child(7) .img-blog,
		ul.list-insight li:nth-child(8) .img-blog{width: 300px; height: 120px;}

		ul.list-insight li{align-items: flex-start;}
		ul.list-insight li h3,
		ul.list-insight li p{margin: 8px}

		iframe.map{max-width: 1200px;height: 400px; display: block; margin: 0 auto 90px}

		.insight-detail h1{font-size: 30px}
		.insight-detail h2{margin: 50px 0 5px 0}
		.insight-detail h3{color: #fff; margin: 0 }
		.insight-detail p{font-size: 16px; margin: 0 0 20px 0}


		.label{position: relative;}
		.page-rft .label h3{margin: 0;}
		.label-1,.label-2,.label-3{position: absolute;}
		.label-1{top: -180px; left: 180px; width: 300px}
		.label-2{top: -230px; left: 740px; width: 300px}
		.label-3{top: -150px; left: 740px; width: 300px}




 }