:root{
	--color1:var(--primary-color);
}
.bg1{				
	background: linear-gradient(180deg, #01B490 0%, #0073A9 100%);
}
.bg2{
	background: linear-gradient(180deg, #5DEE62 0%, #1AAA49 100%);
}
.bg3{
	background: linear-gradient(180deg, #FFD0E5 0%, #FFC231 100%);
}
.bg4{
	background: linear-gradient(180deg, #CB1947 0%, #980F59 100%);
}
.cta-box{
    #supportButton {
	    position: fixed;
	    bottom: 80px;
	    right: 5px;
	    color: var(--color1);
	    border: none;
	    cursor: pointer;
	    z-index: 100;
	    width: 64px;
	    height: 64px;
	    border-radius: 99px;
	    background: var(--color1);
	    box-shadow: 0 0 20px var(--color1);
	    svg{
	        margin-top: 13px;
		    margin-left: -2px;
	    }
    }
    #supportOptions {
	    display: none;
	    position: fixed;
	    bottom:170px;
	    right: 20px;
	    background-color: #fff;
	    border: 1px solid #ccc;
	    border-radius: 10px;
	    padding: 10px;
	    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	    z-index: 9999;
	    max-width: 230px;
	    strong	{
	    	color: var(--primary-color);
	    }
	    .btn_tuvan{
	    	border: 10px;
	    	margin-top: 10px;
	    	a{
	    		color: var(--color-main1);
	    		font-size: 16px;
    			font-weight: bold;
	    		>div{
	    			padding: 10px 10px 10px 40px;
	    			margin-bottom: 1px;
	    			background: #eee;
	    			position: relative;
	    			
	    			svg{
	    				position: absolute;
	    				top: 12px;
	    				left: 10px;
	    			}
		    		&:hover{
		    			background: #dcdcdc;
		    		}
		    	}
		    	&:first-child{
		    		border-radius: 10px 10px 0 0;
		    		div{
		    			border-radius: 10px 10px 0 0;
		    		}
		    	}
		    	&:last-child{
		    		border-radius:  0 0 10px 10px;
		    		div{
		    			border-radius:  0 0 10px 10px;
		    		}
		    	}
	    	}
	    }
	    #closeButton {
		    position: absolute;
		    top: -15px;
		    right: -15px;
		    cursor: pointer;
		    width: 30px;
		    height: 30px;
		    background: white;
		    border-radius: 99px;
		    text-align: center;
		    padding-top: 4px;
		    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	    }
    }
    .supportOption {
        margin-bottom: 10px;
    }  
}
header#header{
	div#masthead{
		ul.header-nav.header-nav-main{
			>li.menu-item:not(.lang-item){
				margin: 0 30px;
				a{
					font-size: 14px;
					position: relative;
					font-weight: 400;
					&:before{
						content: "";
					    height: 5px;
					    background: #fff;
					    position: absolute;
					    bottom: 0;
					    opacity: 0;
					    width: 0%;
					    background: url(assets/img/line.svg) top left;
					    background-size: cover;
					    transition: 0.5s all;
					}
				}
				&:hover a, &.current-menu-item a{
					font-weight: 600;
					&:before{
						width: 100%;
						opacity: 1;
					}
				}
			}
		}
	}
}
.banner_home{
	.title_orbi{
		h2,p{
			font-weight: 900;
			font-size: 120px;
			line-height: 1;
			margin:0;
			text-transform: uppercase;
			font-family: 'Space Grotesk' !important;
		}
	}
	.seccond_title {
		p{
			font-size: 40px;
			text-transform: uppercase;
			font-weight: 700;
		}
	}
	a.button.white {
	    border-radius: 60px;
	    border: 2px solid #000;
	    background: #FFF;
	    padding: 0 15px;
	    min-width: 200px;
	    span{
	    	font-weight: 700;
	    	font-size: 18px;
	    	text-transform: uppercase;
	    	color: #000;
	    }
	    &:hover{
	    	background: #000;
	    	background-color: #000 !important;
	    	span{
	    		color: #fff;
	    	}
	    }
	}
}
.finance {
	.title_sec {
		h2,p{
			font-weight: 700;
			font-size: 80px;
			line-height: 1;
			margin-bottom: 15px;
		}
	}
	.contents {
		// max-width: 335px;
		p{
			font-weight: 400;
			font-size:18px;
			text-align: justify;
		}
	}
	a.button.white.is-outline{
		border-radius: 36px;
		border: 2px solid #FFF;
		span{
			font-weight: 700;
			font-size: 16px;
		}
	}
	.clog_icon {
		.row_icon_finan{
			.col {
				&:hover{
					.col-inner{
						border-radius: 40px;
					}
				}
				.col-inner{
					border-radius: 20px;
					padding:75px 30px 55px;
					height: 100%;
					transition: 0.5s all;
					.icon-box{
						.icon-box-text{
							.title_icon{
								font-weight: 700;
								font-size: 30px;
							}
						}
					}
				}
				&:nth-child(4n+1) .col-inner{
					background: linear-gradient(180deg, #CB1947 0%, #980F59 100%);
				}
				&:nth-child(4n+2) .col-inner{
					background: linear-gradient(180deg, #01B490 0%, #0073A9 100%);
				}
				&:nth-child(4n+3) .col-inner{
					background: linear-gradient(180deg, #5DEE62 0%, #1AAA49 100%);
				}
				&:nth-child(4n) .col-inner{
					background: linear-gradient(180deg, #FFD0E5 0%, #FFC231 100%);
				}
			}
		}
	}
}
.sec_posi {
	.img_border  img{
		border-radius: 20px;
	}
	.colg_padd {
		.col-inner{
			padding: 0 60px;
			.title_name{
				p{
					font-weight: 700;
					font-size: 80px;
					line-height: 1;
					margin-bottom: 10px;
				}
			}
			.postion {
				p{
					font-size: 45px;
					font-style: normal;
					font-weight: 700;
					margin-bottom: 30px;
				}
			}
			.contents p{
				font-size: 20px;
				font-weight: 400;
				line-height: 30px;
			}
			a.button.white.is-outline{
				border-radius: 36px;
				border: 2px solid #FFF;
				span{
					font-weight: 700;
					font-size: 16px;
				}
			}
		}
	}
}
.Investment {
	.title_sec  {
		.title_sec {
			p{
				font-weight: 700;
				font-size: 80px;
				margin-bottom: 10px;
				line-height: 1;
			}
		}
	}
	.clog_icon {
		p{
			font-size: 20px;
			font-weight: 400;
			line-height: 30px;
		}
	}
	.row_slider {
	    &.devvn-row-slider .flickity-slider {
	        display: flex;
	        justify-content: center;  /* Canh giữa tất cả các slide */
	        gap: 20px;  /* Khoảng cách giữa các slide */
	    }
	    .flickity-slider .col {
	    	
	    	&:nth-child(4n+1) .overlay{
				
				background: linear-gradient(180deg, #01B490 0%, #0073A9 100%);
			}
			&:nth-child(4n+2) .overlay{
				background: linear-gradient(180deg, #5DEE62 0%, #1AAA49 100%);
			}
			&:nth-child(4n+3) .overlay{
				background: linear-gradient(180deg, #FFD0E5 0%, #FFC231 100%);
			}
			&:nth-child(4n) .overlay{
				background: linear-gradient(180deg, #CB1947 0%, #980F59 100%);
			}
	    	.col-inner{
	    		transition: transform 1s ease, margin 1s ease, all 1s ease-in-out;  
		        margin: 0 10px;
		        display: flex;
	        	justify-content: center;  /* Canh giữa nội dung trong mỗi slide */
	        	align-items: center; 
	    	}
	        .box {
	            border-radius: 20px;
	            .box-image {
	                border-radius: 20px;
	            }
	            .box-text.text-center {
	                height: 100%;
	                padding: 30px;
	                .box-text-inner {
					    display: flex;
					    flex-direction: column;
					    position: absolute;
					    top: 50%;
					    left: 50%;
					    transform: translate(-50%, -50%);
					    .img_active{
					    	img{
					    		width: 250px;
					    		object-fit: scale-down;
					    		// filter:brightness(10) grayscale(1);
					    		max-height: 100px;
					    	}
					    }
					    .tablet_2col{
					    	width: 330px;
					    	tr{
					    		border-bottom: 1px dotted #fff;
					    		td{
					    			padding: 8px 0;
					    			font-size: 20px;
					    			font-weight: bold;
					    			color: #fff;
					    			text-shadow: none;
					    			border-bottom: 1px dotted #fff;
					    			&+td{
					    				font-weight: 400;
					    				text-align: right;
					    			}
					    		}
					    	}
					    }
					}
	            }
	        }
	        &.is-selected {
	        	.overlay{
		           	opacity: 0.8;
		        }
	            .col-inner{
	            	transform: scale(1); 
	            	.tablet_2col{
	            		display: block;
	            	}
	            }
	        }
	        &:not(.is-selected){
	        	.overlay{
		           	opacity: 1;
		        }
	        	.col-inner {
		            transform: scale(0.9);
		            
		            .tablet_2col{
	            		display: none;
	            	}
	       		}	        
	        }
	    }
	}
	.btn_sliders{
		display: flex;
		margin-top: 40px;
		button{
			opacity: 1;
		    color: #fff;
		    font-weight: 16px;
		    color: #000;
		    background: #fff;
		    border-radius: 36px;
		    padding: 2px 20px;
		    min-width: 105px;
		    margin-right: 30px;
		    &:hover{
		    	    background: linear-gradient(45deg, #5DEE62 0%, #1AAA49 100%);
		    	color: #fff;
		    }
		}
	}
}
.sec_Finance{
	.clog_icon .col-inner{
		padding-left: 80px;
		.contens_title{
			font-weight: 400;
			font-size: 20px;
		}
	}
	
	a.button.primary.is-outline.btn-center{
	    display: block;
	    margin: auto;
	    text-align: center;
	    width: fit-content;
	    padding: 0 30px;
	    background: #fff;
	    min-width: 140px;
		border: 1px solid #000;
		color: #000;
		font-size: 16px;
		font-weight: 700;
		transition: transform .3s cubic-bezier(.215,.61,.355,1), box-shadow .3s cubic-bezier(.215,.61,.355,1);
	    transform: translateY(-.25vw);
	    box-shadow: 0 4px #000;
		&:hover{
		    transform: translate(0);
			box-shadow: 0 0 #000;
		}
	}
}
.blog_finance {
		.box{
			background: #fff;
			border-radius: 20px;
			.box-image{
				border-radius: 20px 20px 0 0;
				img{
					border-radius: 20px 20px 0 0;
				}
			}
			.box-text{
				color: #000;
				padding:20px 20px 25px;
				.box-text-inner.blog-post-inner{
				    display: flex;
   					flex-direction: column;
   					p.cat-label{
						color: #000;
						color: #314B8A;
						text-transform: uppercase;
						font-size: 16px;
						opacity: 1;
						order: 1;
					}
					.post-title {
						order: 4;
						a{
							font-weight: 700;
							font-size: 24px;
							color: #000;	
						}
					}
					p.from_the_blog_excerpt{
					    overflow: hidden;
					    text-overflow: ellipsis;
					    line-height: 25px;
					    -webkit-line-clamp: 2;
					    height: 50px;
					    display: -webkit-box;
					    -webkit-box-orient: vertical;
					    font-size: 18px;
					    font-weight: 400;
					    color: #000;
					    order: 6;
					}
					.post-meta.is-small.op-8{
						order: 10;
						opacity: 1;
						font-size: 16px;
						font-weight: 400;
						padding-left: 20px;
						position: relative;
						&:before{
							position: absolute;
							top: 6px;
							left: 0;
							content: "";
							width: 15px;
							height: 15px;
							background: url(assets/img/date.svg) center center no-repeat;
						}
					}
				}
			}
		}
	}
footer{
	.sec_nav {
		.r_mene{
			.title_footer , .title_footer p{
				font-weight: 700;
				font-size: 30px;
				color: #000;

			}
			.title_footer p{
				margin-bottom: 10px;
			}
			.ux-menu{
				a.flex{
					border-bottom: 0px solid transparent;
					&:hover{
						span{
							color: var(--color1);
						}
					}
					span{
						font-weight: 400;
						font-size: 20px;
						color: #000;
					}
				}
			}
			.icon_social{
				img{
					width: 40px;
					height: 40px;
				}
			}
		}
	}
	.sec_logo_after{
		.row_icon_ontop{
			margin-top: -115px;
			.icon-box.featured-box.icon-box-center.text-center{
				.icon-box-img{
					margin-bottom: 80px;
				}
			}
		}
		.row_copyright{
			.col_left{
				margin-top: 5px;
				ul{
				    list-style: none;
				    display: flex;
				    flex-wrap: nowrap;
				    justify-content: space-between;
					li{
						margin-left: 0;
						text-transform: uppercase;
						font-weight: 400;
						font-size: 16px;
					}
				}
			}
		}
	}

}
.absolute-footer.dark.medium-text-center.small-text-center{
	display: none;
}
@media only screen and (max-width: 550px){
	.banner_home {
		.title_orbi h2, .title_orbi p{
			font-size: 45px;
			line-height: 1.2;
		}
		.seccond_title p{
			font-size: 30px;
			margin: 10px 0;
		}
		a.button.white {
			padding:5px 10px;
		}
	}
	.finance  {
		.title_sec h2,.title_sec p {
			font-size: 50px;
		}
		.contents p{
			font-size: 16px;
		}
	}
	.finance .clog_icon {
		.row_icon_finan .col .col-inner .icon-box .icon-box-text .title_icon{
			font-size: 30px;
		}
	}
	.sec_posi .colg_padd .col-inner{
		padding: 0 10px;
		.postion p{
			font-size: 35px;
			margin-bottom: 15px;
		}
		.contents p{
			font-size: 18px;
		}
	}
	.Investment {
		.title_sec {
			.title_sec p{
				font-size: 50px;
				line-height: 1.1;
			}
		}
		.row_slider .flickity-slider .col .box {
			.box-text.text-center .box-text-inner {
				.img_active img{
					width: 110px;
				}
				.tablet_2col tr td{
					padding:4px 0;
					font-size: 16px;
				}
			}
		}
		.row_slider .flickity-slider .col .col-inner{
			margin: 0;
		}
		.btn_sliders{
			margin-top: 10px;
		}
	}
	.sec_Finance .clog_icon .col-inner{
		padding-left: 0;
	}
	footer {
		.sec_logo_after .row_icon_ontop .icon-box.featured-box.icon-box-center.text-center .icon-box-img{
			margin-bottom: 40px;
			width: 205px !important;
		}
		.sec_nav .r_mene {
			.title_footer, .title_footer p{
				font-size: 20px;
			}
			.ux-menu a.flex {
				padding: 0;
				span{
					font-size: 16px;
				}
			}
		}
		.sec_logo_after .row_copyright .col_left ul li{
			font-size: 13px;
		}
	}
}
.mfp-wrap.mfp-auto-cursor.off-canvas.off-canvas-right.mfp-ready{
		.mfp-close {
	    opacity: 1;
	    color: #fff;
	    mix-blend-mode: unset;
	}
}
@media only screen and (max-width: 850px){
	.mfp-container.mfp-s-ready.mfp-inline-holder{

	> .mfp-content{
	    border-radius: 10px 0 0 10px;
    	background: linear-gradient(0deg, #5DEE62 0%, #1AAA49 100%);	
    	color: #fff;	
    	input#s {
		    border: 1px solid #fff;
		    color: #fff;
		}
		::placeholder{
			color: #fff;
		}
		div#main-menu{
			ul{
				li a{
					color: #fff;
					font-size: 16px;
					font-weight: 600;
				}
			}	
		}
	}	
}
}
.info_teams{
	.tabbed-content{
		ul.nav{
			max-width: 1230px;
			margin:0 auto 90px;		
			&:before{
				content: "";
				width: 200vw;
				height: 1px;
				border: 1px dashed #000;
				position: absolute;
				top: -33px;
				left: -50vw;
				opacity: 0.5;
			}
			&:after{
				content: "";
				width: 200vw;
				height: 1px;
				border: 1px dashed #000;
				position: absolute;
				bottom: -33px;
				left: -50vw;
				opacity: 0.5;
			}
			li{
				a {
					font-size: 20px;
					color: #fff;
					padding: 5px 20px;
					border-radius: 20px;
					&:before{
						display: none;
					}
				}
				&:nth-child(4n+1){
					a{
						background: linear-gradient(180deg, #CB1947 0%, #980F59 100%);
					}
				}
				&:nth-child(4n+2){
					a{
						background: linear-gradient(180deg, #01B490 0%, #0073A9 100%);
					}
				}
				&:nth-child(4n+3){
					a{				
						background: linear-gradient(180deg, #5DEE62 0%, #1AAA49 100%); 
					}
				}
				&:nth-child(4n){
					a{
						background: linear-gradient(180deg, #FFD0E5 0%, #FFC231 100%);
					}
				}
			}
		}
		.tab-panels{
			.simply-scroll.simply-scroll-container{
				border-top: 1px solid #000;
				border-bottom: 1px solid #000;
				padding-top: 15px;
				height:62px;
			}
			.row_titles{
				margin-top: 60px;
				.clog_ttitle{
					.title_tab p, .title_tab h2{
						font-size: 65px;
						font-weight: 700;
						color: #000;
						margin-bottom: 0;
						line-height: 1.2;
					}
				}
				.colg_descript{
					p{
						font-size: 18px;
						font-weight: 400;
						color: #000;
					}
				}	
			}
			.panel {
				&:nth-child(4n+1){
					background: rgba(255, 180, 178, 0.3);
				}
				&:nth-child(4n+2){
					background: rgba(160, 224, 255, 0.3);
				}
				&:nth-child(4n+3){
					background: rgba(190, 255, 211,0.3);
				}
				&:nth-child(4n){
					background: rgba(255, 217, 128, 0.5);
				}
				.row_sector{
					.col-inner{
						background: #fff;
						padding: 50px 70px;
						border-radius: 5px;
						margin-bottom:30px;
						.title_inves {
							p{
								font-size: 30px;
								font-weight: 700;
							}
						}
						.descript p{
							font-size: 20px;
							font-weight: 400;
						}
						.chart{
							border-top: 1px solid rgba(0, 0, 0, 0.5);
						}

					}
				}
				.row_impact{
					margin-top: 100px;
					margin-bottom: 40px;
					.colg_paddingleft {
						.col-inner{
							padding-left: 50px;
						}
					}
					.col-inner{
						img{
							border-radius: 10px;
						}
						.ttitle_impact{
							h2,p{
								font-size: 55px;
								font-weight: 700;
								margin-bottom: 10px;
							}
						}
						.descript {
							p{
								font-size: 18px;
								font-weight: 400;
							}
						}
					}
					.is-outline.btn_s{
						background: #fff;
						border: 1px solid #000;
						color: #000;
						font-size: 16px;
						font-weight: 700;
						transition: transform .3s cubic-bezier(.215,.61,.355,1), box-shadow .3s cubic-bezier(.215,.61,.355,1);
					    transform: translateY(-.25vw);
					    box-shadow: 0 4px #000;
						&:hover{
						    transform: translate(0);
    						box-shadow: 0 0 #000;
						}
						span{
							font-size: 16px;
							font-weight: 700;
						}
					}
				}
					.row_slider {
					    &.devvn-row-slider .flickity-slider {
					        display: flex;
					        justify-content: center;  /* Canh giữa tất cả các slide */
					        gap: 20px;  /* Khoảng cách giữa các slide */
					    }
					    .flickity-slider .col {				    	
					    	&:nth-child(4n+1) .col-inner{
								background: linear-gradient(180deg, #01B490 0%, #0073A9 100%);
							}
							&:nth-child(4n+2) .col-inner{
								background: linear-gradient(180deg, #5DEE62 0%, #1AAA49 100%);
							}
							&:nth-child(4n+3) .col-inner{
								background: linear-gradient(180deg, #FFD0E5 0%, #FFC231 100%);
							}
							&:nth-child(4n) .col-inner{
								background: linear-gradient(180deg, #CB1947 0%, #980F59 100%);
							}
					    	.col-inner{
					    		transition: transform 1s ease, margin 1s ease, all 1s ease-in-out;  
						        margin: 0 10px;
						        display: flex;
					        	justify-content: center;  /* Canh giữa nội dung trong mỗi slide */
					        	align-items: center;
					        	border-radius: 20px;
					        	padding: 20px 20px 0; 
					    	}
					        
					    }
					}
					.btn_sliders{
						display: flex;
						margin-top: 40px;
						button{
							background: #fff;
						    border: 1px solid #000;
						    color: #000;
						    font-size: 16px;
						    font-weight: 700;
						    transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), box-shadow 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
						    transform: translateY(-0.25vw);
						    box-shadow: 0 4px #000;
						    border-radius: 20px;
						    &:hover{
						    	transform: translate(0);
    							box-shadow: 0 0 #000;
						    }
						}
					}	
			}
		}
	}
}
.portfolio-element-wrapper{
	.col{
		.portfolio-box.box{
			transition: 0.85s ease-in-out;
			&:hover{
				.box-image{
					width: 100%;
					padding: 2px;
				}
				.box-text{
					margin-top: -40px;
					margin-left: 10%;
					margin-right: 10%;
					border-radius: 20px;
				}
			}
			.box-image{
				width: 80%;
				border-radius: 5px;
				transition: 0.85s ease-in-out;
				margin-right: 0;
				img{
					border-radius: 5px;
				}
				&:before{
					content: '';
				    position: absolute;
				    top: -2px;
				    left: -2px;
				    right: -2px;
				    bottom: -2px;
				    z-index:-1;
				    border-radius: inherit;
				}
			}
			.box-text{
				border-radius: 5px;
				background: #000;
				padding: 20px 30px;
				text-align: left;
				width: 80%;
				margin-top: -55px;
				transition: 0.85s ease-in-out;
				.box-text-inner{
					.uppercase.portfolio-box-title {
						color: #fff;
						font-size: 32px;
						font-weight: 700;
						opacity: 1;
						text-transform: capitalize;
						margin: 0;	
					}
					.regency{
						margin-top:5px;
						font-size: 16px;
						text-transform: capitalize;
						font-weight: 400;
						color:#fff;
					}
					p.uppercase.portfolio-box-category.is-xsmall.op-6{
						display: none;
					}
				}
			}
		}
		&:nth-child(4n+1) .box-image:before{				
			background: linear-gradient(180deg, #01B490 0%, #0073A9 100%);
		}
		&:nth-child(4n+2) .box-image:before{
			background: linear-gradient(180deg, #5DEE62 0%, #1AAA49 100%);
		}
		&:nth-child(4n+3) .box-image:before{
			background: linear-gradient(180deg, #FFD0E5 0%, #FFC231 100%);
		}
		&:nth-child(4n) .box-image:before{
			background: linear-gradient(180deg, #CB1947 0%, #980F59 100%);
		}
	}
}
.portfolio-single-page{
	.page-wrapper{
		background-repeat: repeat-x;
		background-color: #1A5F36;;
		.row.col_contents_por{
			background: #fff;
			border-radius: 5px;
			padding:80px 90px 5px;
			margin-top: 290px;
			position: relative;
			margin-bottom: 70px;
			&:before{
				content: "";
				background: url(assets/img/new.svg) center center no-repeat;
				position: absolute;
				right: 36px;
				bottom: 36px;
				background-size: contain;
				height: 60px;
				width: 60px;
			}
			img{
				border-radius: 10px;
			}
			.ul_list {
				ul{
					list-style: none;
					display: flex;
					justify-content: center;
					margin-top: 20px;
					margin-bottom: 0;
					li{
						font-size: 16px;
						font-weight: 400;
						margin: 10px 10px 0;
					}
				}
			}
			.col_right_content{
				.title{
					.entry-title{
						font-size: 80px;
						font-weight: 700;
						margin-bottom: 0px;
					}
				}
				.regency{
					color: #FF451F;
					font-size: 20px;
					font-weight: 400;	
					margin-bottom: 16px;			
				}
				.content{
					font-size: 20px;
				}
			}
		}
	}
	.portfolio-bottom{
		border-bottom: 1px solid #000;
		padding: 40px 0;
		.next-prev-nav .flex-col+.flex-col{
			border-left: 0px solid transparent;
		}
		.flex-col.flex-left.text-left{
			a{
				gap: 18px;
				padding-left: 20px;
				display: flex;
				align-items: center;
				.prev-thumbnail{
					width: 52px;
					height: 52px;
					img{
						border-radius: 50px;
					}
				}
				.prev-title{
					
					font-size:24px;
					color: #000;
					font-weight: 700;
					line-height: 1.1;
					.regency{
						color: #111;
						font-size: 20px;
						font-weight: 400;
					}
				}
			}
		}
		.flex-col.flex-right.text-right{
			a{
				gap: 18px;
				padding-right: 20px;
				display: flex;
				align-items: center;
				justify-content: flex-end;
				.next-thumbnail{
					width: 52px;
					height: 52px;
					img{
						border-radius: 50px;
					}
				}
				.next-title{
					
					font-size:24px;
					color: #000;
					font-weight: 700;
					line-height: 1.3;
					.regency{
						color: #111;
						font-size: 20px;
						font-weight: 400;
					}
				}
			}
		}
	}
}
.inves_blog {
	.col-inner{
		aspect-ratio: 1 / 1; /* Đảm bảo tỉ lệ hình vuông */
    	width: 100%; 
    	position: relative;
    	display: flex;
    	justify-content: center;
    	align-items: center;
    	border-radius: 20px;
    	padding:10px;
    	img{
    		max-width: 100%;
		    max-height: 100%;
		    object-fit: scale-down;
		    height:105px;

    	}
	}
}
.tab_inves{
	.row_titles{
		margin-bottom: 10px;
	}
	.row_imgbox{
		.box{
			border-radius: 20px;
			.box-image{
				border-radius: 20px;
				.overlay{
					opacity: 0.7;
					background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%);
				}
			}
			.box-text.text-center{
				text-shadow: unset;
				.icon-box.featured-box{
					.icon-box-img{
						margin-bottom: 30px;
					}
					.icon-box-text.last-reset{
						.titles {
							h3,p{
								font-size: 40px;
								font-weight: 700;
								color: #fff;
							}
						}
						.desc p{
							font-size: 20px;
							font-weight:400;
						}
					}
				}
			}
		}
	}
	.row.row_titles.row_invporfolio{
		border-top: 1px solid rgba(0, 0, 0, 0.5);
		padding-top: 84px;
	}
}

.row_slidercounter{
	.flickity-viewport{

	}
	.flickity-slider{
		counter-reset: section;
		.col{
			counter-increment: section ;
			position: relative;
			margin-top: 50px;
			&.is-selected {
	        	.overlay{
		           	opacity: 0.8;
		        }
	            .col-inner{
	            	transform: scale(1); 
	            	.tablet_2col{
	            		display: block;
	            	}
	            }
	        }
	        &:not(.is-selected){
	        	.overlay{
		           	opacity: 1;
		        }
	        	.col-inner {
		            transform: scale(0.85);
		            
		            .tablet_2col{
	            		display: none;
	            	}
	       		}	        
	        }
			.col-inner{
				&:before{
				    content: counter(section) ".";
				    position: absolute;
				    font-size: 100px;
				    font-weight: bold;
				    color: #fff;
				    z-index: 2;
				    font-family: 'Space Grotesk';
				    left: 25px;
				    top: -90px;
				}
				.icon-box{
					.icon-box-text.last-reset {
					    padding-top: 50px;
					    text-align:left;
					    padding-right: 100px;
					    .titles {
					    	p{
					    		font-size: 45px;
								font-weight: 700;
								color: #fff;
					    	}
					    }
					    .descript {
					    	p{
					    		font-size: 16px;
								font-style: normal;
								font-weight: 400;
								color: #fff;
					    	}
					    }
					}
				}
			}
		}
	}
}
input[type="file"]::file-selector-button {
    background-color: #4CAF50;
    color: white;
    border: none;
    padding: 8px 16px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
}

input[type="file"]::file-selector-button:hover {
    background-color: #2E7D32;
}
.sec_form{
	padding-bottom: 60px !important;
	.row_form{
		margin-top: -65px;
		.col-inner{
			background: #fff;
			padding: 30px 60px;
			border-radius: 5px;
			.form_att{
				span.wpcf7-spinner{
					display: none;
				}
				input.wpcf7-form-control.wpcf7-submit.has-spinner.btn_submit{
					margin: 0;
					background: #fff;
					color: #000;
					padding: 0px 30px;
					min-width: 140px;
					border-radius: 20px;
					text-transform: uppercase;
					font-size: 16px;
					font-weight: bold;
					border: 1px solid #000;
					transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), box-shadow 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
				    transform: translateY(-0.25vw);
				    box-shadow: 0 4px #000;
				    &:hover{
				    	transform: translate(0);
						box-shadow: 0 0 #000;
				    }
				}
				.col{
					padding-bottom: 10px;

					&:not(.submoiit){
						input.wpcf7-form-control:not(.wpcf7-file){
							border: unset;
							border-bottom: 2px solid #1AAA45;
							box-shadow: unset;
							padding: 0;
						}
						/* Ẩn input file mặc định */
						.wpcf7-form-control.wpcf7-file {
						    display: none; /* Ẩn input */
						}
						
					}
					&.col-file{
						display: flex;
						label{
							text-transform: capitalize;
						}
						#file-name-display{
							padding-left: 10px;
							margin-top: 0 !important;
						}
					}	
				}
				.title{
					font-size: 40px;
					font-weight: 700;
					color: #000;
				}
				label{
					font-size: 16px;
					font-weight: 400;
					text-transform: uppercase;
				}

			}
		}
	}
}
.banner_contact{
	.text-box.banner-layer{
		.row_info{
			margin-top: 60px;
			border-bottom: 1px dashed rgba(255, 255, 255, 0.5);
			border-top: 1px dashed rgba(255, 255, 255, 0.5);
			padding: 40px 0 20px;
			.col .col-inner{
				.icon-box{
					.icon-box-text {
						display: flex;
    					align-items: center;
    					font-family: Playfair;
    					font-size: 18px;
						p{
							margin-top: 0;
						}
					}
				}
			}
		}
	}
}
.banner_home_inves{
	padding-top: 500px;
	position: relative;
	.fill {
	    height: 100%;
	    left: 0;
	    margin: 0 !important;
	    padding: 0 !important;
	    position: absolute;
	    right: 0;
	    top: 0;
	    .overlay{
	    	bottom: 0;
	    	height: 100%;
	    	width: 100%;
	    	background-color: #1A5F36;
	    	opacity: 0.7;
	    }
	}
	.button_back{
		margin-top: 60px;
		a.button {
		    background: #fff;
		    color: #000;
		    border-radius: 20px;
		    border: 1px solid #000;
		    padding: 0 30px;
		    transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), box-shadow 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
		    transform: translateY(-0.25vw);
		    box-shadow: 0 4px #000;
		    opacity: 1;
		    &:hover{
		    	opacity: 1;
		    	background: #fff;
		        transform: translate(0);
    			box-shadow: 0 0 #000;
		    }
		}
	}
	.img_logo{
		position: absolute;
		bottom: 60px;
		img{
			height: 120px;
			object-fit: contain;
		}
	}

}
.invesment-page-wrapper{
	.single-invesment{
		margin-top: 30px;
	}
	.row_info_ives{
		.col{
			strong{
				font-size: 30px;
				font-weight: 700;
				color: #000;
			}
		}
		.col_contents{
			font-size: 20px;
			p{
				margin-bottom: 5px;
			}
			.text-right{
				font-size: 20px;
				margin-top: 15px;
			}
		}
	}
	.simply-scroll.simply-scroll-container {
		border-top: 1px solid #000;
	    border-bottom: 1px solid #000;
	    padding-top: 15px;
	    height: 62px;
	    ul{
	    	li{
	    		margin-left: 30px;
	    	}
	    }
	}
	.flex-col.flex-left.text-left{
		a{
			gap: 18px;
			padding-left: 20px;
			display: flex;
			align-items: center;
			.prev-thumbnail{
				width: 52px;
				height: 52px;
			    width: 52px;
			    height: 52px;
			    position: relative;
			    overflow: hidden;
			    border-radius: 50%;
				img{
				    position: absolute;
				    top: 50%;
				    left: 50%;
				    z-index: 999;
				   	transform: translate(-50%, -50%);
				    height: 30px;
					object-fit: scale-down;
					width: calc(100% - 10px);
				}
			}
			.prev-title{			
				font-size:24px;
				color: #000;
				font-weight: 700;
				line-height: 1.1;
				.regency{
					color: #111;
					font-size: 20px;
					font-weight: 400;
				}
			}
		}
	}

	.flex-col.flex-right.text-right{
		border-left:0px solid transparent;
		a{
			gap: 18px;
			padding-right: 20px;
			display: flex;
			align-items: center;
			justify-content: flex-end;
			img{
				height: 30px;
				object-fit: scale-down;
			}
			.next-thumbnail{
				width: 52px;
				height: 52px;
			    width: 52px;
			    height: 52px;
			    position: relative;
			    overflow: hidden;
			    border-radius: 50%;
				img{
				    position: absolute;
				    top: 50%;
				    left: 50%;
				    z-index: 999;
				   	transform: translate(-50%, -50%);
				    height: 30px;
					object-fit: scale-down;
					width: calc(100% - 10px);
				}
			}
			.next-title{
				
				font-size:24px;
				color: #000;
				font-weight: 700;
				line-height: 1.3;
				.regency{
					color: #111;
					font-size: 20px;
					font-weight: 400;
				}
			}
		}
	}
}
.blog-wrapper.blog-archive.page-wrapper{
	.blog_finance {
		.box{
			box-shadow:0 0 6px 0px #b3b3b3;
			&:hover{
				box-shadow: 0 0 12px 0px #b3b3b3;
			}
		}
	}
}
.single-post{
		.flex-col.flex-left.text-left{
		a{
			gap: 18px;
			padding-left: 20px;
			display: flex;
			align-items: center;
			.prev-thumbnail{
				width: 52px;
				height: 52px;
			    width: 52px;
			    height: 52px;
			    position: relative;
			    overflow: hidden;
			    border-radius: 50%;
				img{
				    border-radius: 99px;
				}
			}
			.prev-title{			
				font-size:18px;
				color: #000;
				font-weight: 700;
				line-height: 1.1;
				.regency{
					color: #111;
					font-size: 20px;
					font-weight: 400;
				}
			}
		}
	}
	.flex-col.flex-right.text-right{
		border-left:0px solid transparent;
		a{
			gap: 18px;
			padding-right: 20px;
			display: flex;
			align-items: center;
			justify-content: flex-end;
			.next-thumbnail{
				width: 52px;
				height: 52px;
			    width: 52px;
			    height: 52px;
			    position: relative;
			    overflow: hidden;
			    border-radius: 50%;
				img{
				    border-radius: 99px;
				}
			}
			.next-title{
				
				font-size:18px;
				color: #000;
				font-weight: 700;
				line-height: 1.3;
				.regency{
					color: #111;
					font-size: 20px;
					font-weight: 400;
				}
			}
		}
	}
}
@media only screen and (max-width: 550px){
	.portfolio-single-page .page-wrapper .row.col_contents_por{
		padding: 10px;
		width: 90%;
		.title .entry-title{
			font-size: 40px !important;
		}
		.col_right_content .content{
			font-size: 16px;
			margin-bottom: 40px;
		}
	}
	.flex-row.flex-has-center.next-prev-nav{
		flex-direction: column;
	}
	.inves_blog .col-inner img{
		width: calc(100% - 20px);
		height: 70px;
	}
	.info_teams {
		.tabbed-content ul.nav{
			    display: flex;
		        flex-wrap: wrap;
		        justify-content: space-around;
		        padding: 5px;
		        flex-direction: row;
		        align-items: center;
	    	li{
	    		margin: 5px 10px;
	    	}
		}
		.tabbed-content .tab-panels .panel {
			.row_impact .colg_paddingleft .col-inner{
				padding-left: 0;
				.ttitle_impact {
					h2,p{
						font-size: 35px;
					}
				}
			}
		}
		.tabbed-content {
			.tab-panels .row_titles .clog_ttitle {
				.title_tab p, .title_tab h2{
					font-size: 30px !important;
				}
			}
			.tab-panels .panel .row_sector .col-inner{
				padding: 35px 20px;
			}
			.row_titles .colg_descript p{
				font-size: 16px;
			}
		}
	}
	.tab_inves .row_imgbox .box .box-text.text-center .icon-box.featured-box .icon-box-text.last-reset {
		 .titles h3, .titles p{
		 	font-size: 30px;
		 }
		  .desc p{
		  	font-size: 16px;
		  }
	}
	.banner_home_inves{
		padding-top: 250px;
		.img_logo img{
			height: 80px;
			object-fit: scale;
		}
	}
	.invesment-page-wrapper {
		.row_info_ives .col {
			padding-bottom: 10px;
		}
		.col_contents p{
			font-size: 16px;
		}
	}
	.single-post {
		.flex-col.flex-left.text-left a{
			gap: 10px;
			.prev-thumbnail{
				width: 85px;
			}
			img{
			    border-radius: 99px;
			    height: 100%;
			    width: 52px;
			}
		}
		.flex-col.flex-right.text-right a{
			gap: 10px;
			 .next-thumbnail{
			 	width: 85px;
			 }
			img{
			    border-radius: 99px;
			    height: 100%;
			    width: 52px;
			}
		}
	}
	.sec_form {
		.row_form {
			margin-top: 0;
			>.col{
				padding-top: 50px;	
				.col-inner{
					padding: 30px 15px;	
				}
				.submoiit.large-6.text-right{
					padding-right: 20px;
				}
			}
		}
	}
	.banner_contact .text-box.banner-layer .row_info{
		margin-top: 30px;
	}
	.banner.has-hover.banner_home_inves.banner_post{
		.res-text{
			left: 10%;
			top:20%;
			transform: translate(-5%,-5%);
			.title_orbi{
				h2{
					font-size: 30px;
				}
			}
		}
	}
}
@media only screen and (max-width: 850px) and (min-width: 550px){
	.banner_home {
		.title_orbi h2,  .title_orbi p{
			font-size: 80px;
		}
	}
	.finance .contents{
		max-width: 100%;
	}
	.sec_posi .colg_padd .col-inner{
		padding: 0;
	}
	.Investment .row_slider .flickity-slider .col .box .box-text.text-center .box-text-inner .img_active img{
		width: 150px;
	}
	.Investment .title_sec .title_sec p{
		font-size: 60px;
	}
	.info_teams .tabbed-content ul.nav{
		padding: 0 15px;
	}
	.info_teams .tabbed-content .tab-panels .panel .row_impact .colg_paddingleft .col-inner{
		padding-left: 10px;
	}
	.row_slidercounter .flickity-slider .col .col-inner .icon-box .icon-box-text.last-reset{
		padding-top: 30px;
		padding-right: 30px;
		.titles p{
			font-size: 30px;
		}
	}
	.tab_inves .row_imgbox .box .box-text.text-center .icon-box.featured-box  {
		.icon-box-text.last-reset {
			.titles h3, .titles p{
				font-size: 30px;
			}
			.desc p{
				font-size: 14px;
			}
		}
	}
}
div#masthead ul.header-nav li.lang-item {
	&:before,&:after{
		display: none;
	}
	> a{
		&:before{
			content: "";
			width: 25px;
			height: 25px;
			display: block;
			background-size: 25px;
			background-repeat: no-repeat;
			background-position: center;
			border-radius: 100%;
			opacity: 1;
		}
		img{
			display: none;
		}
		&[hreflang="vi"]:before{
			background-image: url(assets/img/co-vn.png);
		}
		&[hreflang="en-GB"]:before{
			background-image: url(assets/img/co-gb.png);
		}
	}
}
@media only screen and  (max-width:850px){
	.sidebar-menu.no-scrollbar {
		ul.nav.nav-sidebar.nav-vertical.nav-uppercase{
			li.has-child:not(.menu-item){
				>a, >button {
					display: none;
				}
				ul.children {
					left: 0 !important;
			        opacity: 1 !important;
			        margin-top: 80px;
			        display: flex;
			        li{
			        	a{
			        		font-size:16px;
			        		font-weight:500;
			        		i.icon-image{
			        			display: none;
			        		}
			        		&:before{
								content: "";
								width: 25px;
								height: 25px;
								display: block;
								background-size: 25px;
								background-repeat: no-repeat;
								background-position: center;
								border-radius: 100%;
								margin-right: 5px;
								opacity: 1;
							}
			        		&[hreflang="vi"]:before{

								background-image: url(assets/img/co-vn.png);
							}
							&[hreflang="en"]:before{
								background-image: url(assets/img/co-gb.png);
							}
			        	}
			        }
				}
			}
		}
	}
	ul.mobile-nav.nav.nav-right{
		li.lang-item {
			&:before,&:after{
				display: none;
			}
			> a{
				&:before{
					content: "";
					width: 25px;
					height: 25px;
					display: block;
					background-size: 25px;
					background-repeat: no-repeat;
					background-position: center;
					border-radius: 100%;
					opacity: 1;
				}
				img{
					display: none;
				}
				&[hreflang="vi"]:before{
					background-image: url(assets/img/co-vn.png);
				}
				&[hreflang="en-GB"]:before{
					background-image: url(assets/img/co-gb.png);
				}
			}
		}
	}
}
.portfolio-page-wrapper.portfolio-single-page{
	padding-top: 0;
}
@media only screen and (max-width: 1370px) and (min-width: 850px){
	.banner_home .title_orbi h2, .banner_home .title_orbi p{
		font-size: 110px;
	}
	.finance {
		.title_sec h2,  .title_sec p{
			font-size: 60px;
		}
		.contents p{
			font-size: 18px;
		}
		.clog_icon .row_icon_finan .col {
			.col-inner{
				padding: 30px;
				.icon-box {
					.icon-box-img{
						width: 85px !important;
					}
					.icon-box-text .title_icon{
						font-size: 30px;
					}
				}
			}
		}
	}
	.sec_posi {
		.colg_padd .col-inner {
			.title_name p{
				font-size: 65px;
			}
			.postion p{
				font-size: 40px;
				margin-bottom: 15px;
			}
			.contents p{
				font-size: 16px;
			}
		}
	}
	.Investment {
		.title_sec .title_sec p{
			font-size: 70px;
		}
		.clog_icon p{
			font-size: 16px;
		}
	}
}
@media only screen and (max-width: 1450px) and (min-width: 850px){
	.Investment .row_slider .flickity-slider .col {
		.box .box-text.text-center {
			.box-text-inner .img_active img{
				width: 150px;
			}
			.box-text-inner .tablet_2col tr td{
				font-size: 16px;
				padding: 4px 0;
			}
		}
	}
}