:root{
	--color1:#1AAAE2;
	--color2:#1AAAE2;
	--color3: #c27900;
	--color: #00775d;
	--tg-lavender:#e6eeff;
	--cl-text:#00194c;
	--bgopa: #f2f6fe;
}
.section {
	.slider-wrapper {
		width: 100%;
	}
	
}
.nt-slider {
	
	&-content {
		max-width: 485px;
		padding: 0 40px 0 5%;
		h2 {
			font-size: 50px;
		}
	}
	&-linh-vuc {
		.banner {
			position: relative;
			.overlay {
				height: 60%;
				background: linear-gradient(180deg, rgba(15, 74, 127, 0.00) 0%, #0F4A7F 61.58%);
				background: url(assets/img/bgr-linh-vuc.png) no-repeat top center ;
				position: absolute;
				bottom: 0;
				top: auto;
				z-index: 10;
				left: 0;
			}
		}
		.flickity-prev-next-button {
			bottom: 52px;
			left: auto !important;
			right: 30% !important;
			top: auto;
			width: 40px;
			height: 40px;
			&.previous {
				margin-right: 60px;
			}
			svg {
				border-width: 1px!important;
				padding: 12px;
			}
		}
		&.slider-nav-dots-dashes .flickity-page-dots {
			counter-reset: my-sec-counter;
			left: auto;
			bottom: 70px;
			width: 285px;
			display: flex;
			flex-wrap: nowrap;
			right: 10%;
			.dot {
				width: 100%;
				height: 2px;
				border: none;
				background: #1AAAE2;
				opacity: 1;
				display: flex;
   				align-items: center;
				&.is-selected {
					background: #1AAAE2!important;
					~ .dot {
						background-color: #fff;
					}
					&::before {
						opacity: 1;
					}
				}
				&:before {
					counter-increment: my-sec-counter;
					content: "0" counter(my-sec-counter);
					position: absolute;
					right: -100px;
					opacity: 0;
					font-size: 50px;
					font-weight: 700;
					margin-top: -5px;
				}
			}
		}
	}
	&-thumnail {
		margin-right: -10px!important;
		h5 {
			text-align: center;
			font-size: 20px;
			text-transform: uppercase;
			font-weight: 700;
			position: absolute;
			bottom: 0;
			padding: 10px 10px;
			z-index: 1;
			 line-height: 21px;
		}
		.col {
			position: relative;
			padding-bottom: 0!important;
			img {
				width: 100%;
			}
			.col-inner::after {
				content: "";
				width: 100%;
				height: 133px;
				position: absolute;
				bottom: 0;
				opacity: 0.5;
				left: 0;
				background: linear-gradient(180deg, rgba(15, 74, 127, 0.00) 0%, #0F4A7F 100%);
			}
			&:nth-child(2n+1) .col-inner {
				margin-top: 30px!important;
			}
		}
	}
	&-box {
		position: absolute;
		bottom: 130px;
		left: 0;
		width: 100%;
		z-index: 20;
	}
}
@media screen and (max-width: 849px){
	.nt-slider-box {
		position: unset;
		text-align: center;
		flex-direction: column-reverse;
		h2 {
			color: initial!important;
			font-size: 25px;
		}
		p {
			color: initial!important;
		}
		.nt-slider-content {
			max-width: unset;
			padding: 30px 15px;
		}
		.nt-slider-thumnail {
			width: 100%;
		}
		
	}
	.nt-slider-thumnail {
		margin-right: -0 !important;
		margin-top: 15px!important;
		h5 {
			font-size: 12px;
			padding: 5px;
			 line-height: 16px;
		}
		.col:nth-child(2n+1) .col-inner {
			margin-top: 0!important;
		}
	}
	.nt-slider-linh-vuc.slider-nav-dots-dashes .flickity-page-dots {
		display: none;
	}
	.slider-wrapper.dark + .scroll-down-btn {
		display: none;
	}
}
@media screen and (min-width: 850px){
	.nt-slider-thumnail {
		.flickity-slider {
			position: unset;
			transform: unset !important;
			display: flex;
			max-width: 955px;
			margin-left: auto;
		}
		&.row>.flickity-viewport>.flickity-slider>.col {
			position: unset !important;
		}
	}
}
@media only screen and (max-width: 1360px) and (min-width: 850px) {
	.nt-slider-linh-vuc .flickity-prev-next-button {
		right: 35% !important;
	}
}
.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;
    }  
}

#preloader {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: #fff;
	background-color:  #fff;
	animation: fade-out 1s ease;
  	.svg1 {
	    height: 250px;
	    width: 100vw;
	    top: 50%;
	    position: absolute;
	    transform: translateY(-50%);
    	.st0 {
      		fill: #0F4A7F;
      	}
    }
    .st1 {
      	fill: none;
      	stroke: #0F4A7F;
      	stroke-width: 2;
      	stroke-linecap: round;
      	stroke-miterlimit: 10;
    }
    .n0, .n1 {
      	animation: fade2 1s ease;
      	animation-fill-mode: forwards;
      	opacity: 0;
    }
    @keyframes fade2 {
      	0% {
        	opacity: 0;
      	}

      	100% {
        	opacity: 1;
      	}
    }
    .svg1 .n2,
	.svg1 .n3,
	.svg1 .n4,
	.svg1 .n5,
	.svg1 .n6,
	.svg1 .n7,
	.svg1 .n8 {
	  	animation: 2s ;
	  	animation-fill-mode: forwards;
	  	opacity: 0;
	}
	@keyframes up-down-2 {
	  0% {
	    transform: translateY(20px);
	    opacity: 0;
	  }
	  100% {
	    transform: translateY(0);
	    opacity: 1;
	  }
	}
	@keyframes up-down-3 {
	  0% {
	    transform: translateY(30px);
	    opacity: 0;
	  }
	  100% {
	    transform: translateY(0);
	    opacity: 1;
	  }
	}
	@keyframes up-down-4 {
	  0% {
	    transform: translateY(40px);
	    opacity: 0;
	  }
	  100% {
	    transform: translateY(0);
	    opacity: 1;
	  }
	}
	@keyframes up-down-5 {
	  0% {
	    transform: translateY(50px);
	    opacity: 0;
	  }
	  100% {
	    transform: translateY(0);
	    opacity: 1;
	  }
	}
	@keyframes up-down-6 {
	  0% {
	    transform: translateY(60px);
	    opacity: 0;
	  }
	  100% {
	    transform: translateY(0);
	    opacity: 1;
	  }
	}
	@keyframes up-down-7 {
	  0% {
	    transform: translateY(70px);
	    opacity: 0;
	  }
	  100% {
	    transform: translateY(0);
	    opacity: 1;
	  }
	}
	@keyframes up-down-8 {
	  0% {
	    transform: translateY(80px);
	    opacity: 0;
	  }
	  100% {
	    transform: translateY(0);
	    opacity: 1;
	  }
	}
	.svg1 .n2 { animation-name: up-down-2; }
	.svg1 .n3 { animation-name: up-down-3; }
	.svg1 .n4 { animation-name: up-down-4; }
	.svg1 .n5 { animation-name: up-down-5; }
	.svg1 .n6 { animation-name: up-down-6; }
	.svg1 .n7 { animation-name: up-down-7; }
	.svg1 .n8 { animation-name: up-down-8; }

	/* Shared styles for n9 to n12 */
	.svg1 .n9,
	.svg1 .n10,
	.svg1 .n11,
	.svg1 .n12 {
	  transform: translateX(20px);
	  stroke: #0F4A7F;
	  fill: #0F4A7F;
	  fill-opacity: 0;
	  stroke-width: 1px;
	  stroke-dasharray: 400;
	  animation: draw 3s ease, fade 0.8s ease-in-out 1s;
	  animation-fill-mode: forwards;
	}
}

@keyframes draw {
  	0% {
    	stroke-dashoffset: 400;
  	}
  	100% {
    	stroke-dashoffset: 0;
  	}
}
@keyframes fade {
  	0% {
    	fill-opacity: 0;
  	}

  	100% {
    	fill-opacity: 1;
  	}
}
@keyframes fade-out {
  	

  	
  	0% {
    	background: #000;
  	}
  	100% {
    	opacity: rgba(255,255,255,0);
  	}
}
div#masthead {
    position: absolute;
    width: 100%;
    padding: 10px 0;
}
div#fullpage {
    margin-top: 0px;
    .is-full-height{
    	height: 100vh  !important;
    }
}
div#fp-nav{
	ul{
		counter-reset: item; 
		li{
			list-style: none;
			padding: 0;
			margin: 0 0 23px;
			height: 20px;
			width: 25px;
			a{
				&:before{
					content: "0" counter(item); /* Prefix numbers with zero */
				    counter-increment: item;
				    color: #000; /* Set the color of the numbers */
				    font-size: 14px; /* Adjust size as needed */
				  	color: #FFF;
					font-size: 16px;
					font-weight: 400;
					letter-spacing: 1px;
				}
				&:after{
					content: "";
				    width: 0px;
				    height: 1px;
				    background: #fff;
				    display: block;
				    transition: 0.5s all;
				}
				&.active,&:hover{
					&:before{
						font-weight: 700;
					}
					&:after{
						width: 20px;
					}
				}
			}
			span{
				display: none;
			}
		}
	}
}
div#fullpage{
	button.scroll-down-btn{
	    position: absolute;
	    bottom:40px;
	    left: calc(50% - 50px);
	    right: 0;
	    z-index: 99;
	    margin:0;
		max-width: 100px;
		padding: 0;
	    .scimg {
	    	.class1{
	    		background-color: transparent; 
	    		z-index: 80; 
            	bottom: 25px; 
            	position: absolute; 
            	border-width: 0 3px 3px 0; 
            	border-style: solid; 
            	border-color: #fff; 
            	animation: scrolldown 1.2s ease-in-out infinite 0.15s;
            	width: 26px;
				height: 26px;
				left: calc(50% - 13px);
			  	transform: translateY(0%) rotate(45deg);
				opacity: 0;
				margin-bottom: 20px;
	    	}
	    	.class2{
	    		background-color: transparent;
	    		z-index: 80; 
            	bottom: 45px; 
            	position: absolute; 
            	border-width: 0 4.5px 4.5px 0; 
            	border-style: solid; 
            	border-color: #fff; 
            	animation: scrolldown 1.2s ease-in-out infinite;
            	width: 14px;
				height: 14px;
				left: calc(50% - 7px);
				transform: translateY(0%) rotate(45deg);
				opacity: 0;
				margin-bottom: 14px;
	    	}
	    	.text{
	        	font-size: 10px;
				font-style: normal;
				font-weight: 400;
				text-transform: uppercase;
	        }
		}
		@keyframes scrolldown {
            0%{
                transform: translateY(20%) rotate(45deg);
                opacity: 0.7;
            }
            50%{
                transform: translateY(0%) rotate(45deg);
                opacity: 0.2;
            }
            100%{
                transform: translateY(20%) rotate(45deg);
                opacity: 0.7;
            }
        }
       
	}
	div#section1{
		.img_logo img{
			width: 280px;
			height: 133px;
			object-fit: scale-down;
		}
		.Title_banner{
			p{
				color: #FFF;
				text-align: center;
				font-family: Montserrat;
				font-size: 30px;
				font-style: normal;
				font-weight: 700;
				 line-height: 40px; /* 133.333% */
				text-transform: uppercase;
			}
		}
		button.scroll-down-btn{
			.scimg .text{
				color: #fff;
			}
		}
	}
	div#section2{
		background: url(assets/img/bgsec2.png) left  center no-repeat;
		background-size: contain;
		padding-top: 70px;
		.row_counter{
			.col_txt{
				.html_tk{
					margin-top: 60px;
					padding-top: 60px;
					.ctk{
						display: flex;
						justify-content: center;
						.upper{
							color: #85B0D7;
							font-size: 45px;
							font-weight: 700;
							 line-height: 25px; 
							text-transform: uppercase;
							opacity: 0.3;
							&.sp1{
								margin-right: -40px;	
							}
							&.sp2{
								margin-left: -75px;
							}
						}
						span.numb{
							color: #0F4A7F;
							text-align: center;
							font-family: Montserrat;
							font-size: 400px;
							font-style: normal;
							font-weight: 700;
							 line-height: 25px; /* 6.25% */
							text-transform: uppercase;
							opacity: 0.2;
							
						}
					}
				}
				.text_opacity{
					p{
						color: #85B0D7;
						font-size: 45px;
						font-weight: 700;
						 line-height: 25px; 
						text-transform: uppercase;
						strong{
							color: #0F4A7F;
							text-align: center;
							font-size: 100px;
							font-style: normal;
							font-weight: 700;
							 line-height: 25px; /* 6.25% */
							text-transform: uppercase;
							opacity: 0;
						}
					}

				}
			}
			.colgs_imgs{
				.img0{
					position: absolute;
					left: -180px;
					margin-top: -66px;
					img{
						width: 147px;
						height: 171px;
					}
				}
				.img1{
					text-align: right;
					margin-bottom: 0;
					img{
						height: 467px;
						width: 355px;
						object-fit: scale-down;
					}
				}
				.img2{
					margin-top: -65px;
				    text-align: right;
				    position: absolute;
				    left: -65px;
					.img-inner.dark{
						margin-right: 65px;
					}
					img{
						width: 347px;
						height: 251px;
					}
				}
			}
		}
		.clog_maxw{
			>.col >.col-inner{
				max-width: 900px;
				padding-right: 65px;
			}
		}
		.row_numb_up{
			margin-top: 180px;
			.col-inner{
				.span_count p{
					color: #0F4A7F;
					font-size: 46px;
					font-weight: 700;
					margin-bottom: 0;
					 line-height: 40px;
				}
				.title_numb{
					p{
						color: #1AAAE2;
						font-size: 20px;
						font-weight: 700;	
						margin-bottom: 0;		
					}
				}
				.content{
					p{
						color: #000;
						font-size: 16px;
						font-weight: 400;
						margin-bottom: 0;
					}
				}
			}
		}
		.scroll-down-btn{
			bottom: 0;
			.class1,.class2{
				border-color: #5694B3;
			}
			div.text{
				opacity: 0.5;
				color: #0F4A7F;
			}
		}
	}
	div#section4{
		
		a.button.open-video.icon.circle.is-outline.is-xlarge {
		    background: rgba(15, 74, 127,0.90);
		    border: 1px solid #0F4A7F;
		    &:before{
		    	content: "";
	    	    background-color: #204474;
			    width: 100px;
			    height: 100px;
			    cursor: pointer;
			    z-index: -2;
			    transition: visibility 0.5s;
				position: absolute;
				display: block;
				border-radius: 99px;
				animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;
				transition: all .5s;
				top: calc(50% - 50px);
				left: calc(50% - 50px);
		    }
		    &:after{
		    	content: "";
	    	    background-color: #204474;
			    width: 80px;
			    height: 80px;
			    cursor: pointer;
			    z-index: -1;
			    transition: visibility 0.5s;
			    position: absolute;
			    display: block;
			    border-radius: 99px;
			    animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;
			    transition: all .5s;
			    top: calc(50% - 40px);
			    left: calc(50% - 40px);
		    }
		    i.icon-play {
			    font-size: 30px !important;
    			margin-top: 3px !important;

			}
		}
	}
	div#section5{
		padding-top: 100px;
		&:before{
			content: "";
			background: #0F4A7F;
			position: absolute;
			width: 42vw;
			height: 100vh;
			top: 0;
			left: 0;
		}
		.title_dt{
			padding-top: 50px;
			padding-bottom: 40px;
			padding-left: 44px;
			h2{
				color: #FFF;
				font-size: 50px;
				font-weight: 400;
				 line-height: 60px;
				text-transform: uppercase;
			}
		}
		.img_scale{
			max-width: 510px;
		}
		.scroll-down-btn{
			bottom: 0;
			.class1,.class2{
				border-color: #5694B3;
			}
			div.text{
				opacity: 0.5;
				color: #0F4A7F;
			}
		}
	}
	div#section6{
		background: url(assets/img/bgsec6.png);
		background-size: cover;
		&:before{
			content: "";
			width: 100%;
			height: 205px;
			background: url(assets/img/shapebg6.svg) top center;
		    position: absolute;
		    top: 0;
		    left: 0;
		    z-index: 1;
		}
		&:after{
			content: "";
			width: 100%;
			height: 100%;
			background: linear-gradient(0deg, rgba(15, 74, 127, 0.00) 0%, #0F4A7F 64.5%);
		    position: absolute;
		    left: 0;
		    right: 0;
		    z-index: 0;
		}
		button.flickity-button.flickity-prev-next-button{
			opacity: 1;
			display: block;
			
			height: 40px;
			width: 40px;
			border: 1px solid #fff;
			border-radius: 99px;
			svg{
				content: "";
			    width: 16px;
			    height: 16px;
			    position: absolute;
			    opacity: 1;
			}
			&.previous{
				left: -60px;
				svg{
					background: url(assets/img/chevon.svg) center center no-repeat;
				}
			}
			&.next{
				left: unset;
				right: -60px;
				svg{
					transform: rotate(180deg);
					background: url(assets/img/chevon.svg) center center no-repeat;
				    top: calc(50% - 8px);
    				left: calc(50% - 8px);
				}
			}
		}
		.row{
			z-index: 9;
			.title_kh{
				text-align: center;
				h2{
					text-transform: uppercase;
					color: #fff;
					font-size: 50px;
				}
			}
			ol.flickity-page-dots{
				display: none;
			}
			.icon-box{
				.icon-box-img{

				}
				.icon-box-text.last-reset {
					margin-top: -100px;
				    padding-top: 120px;
				    background: rgba(255, 255, 255, 0.9);
				    padding-bottom: 35px;
				    h5{
						color: #0F4A7F;
						text-align: center;
						font-family: Montserrat;
						font-size: 30px;
						font-style: normal;
						font-weight: 700;
						 line-height: 25px; /* 83.333% */
						text-transform: capitalize;
					}
					h6{
						color: #1AAAE2;
						text-align: center;
						font-family: Montserrat;
						font-size: 20px;
						font-style: normal;
						font-weight: 700;
						 line-height: 25px; /* 125% */
					}
					p {
					    color: #000;
					    text-align: center;
					    font-family: Montserrat;
					    font-size: 20px;
					    font-style: italic;
					    font-weight: 400;
					     line-height: 30px;
					    margin-top: 10px;
					}
					img{
						height: 60px;
						object-fit: scale-down;
					}
				}
			}
		}
		
		.scroll-down-btn{
			bottom: 0;
			.class1,.class2{
				border-color: #fff;
			}
			div.text{
				opacity: 0.5;
				color: #fff;
			}
		}
	}
	#section3{
		button.scroll-down-btn{
			.text{
				color: #fff;
				opacity: 0.5;
			}
		}
	}
	div#section5, div#section7{
		&:after{
			content: "";
			background: url(assets/img/logobgs.svg) center center no-repeat;
			width: 330px;
			height: 500px;
			position: absolute;
			right: -175px;
			top: 50%;
			transform: translateY(-50%);
			background-size: contain;
		}
	}
	div#section7{
		.title_news{
			p{
				color: #0F4A7F;
				text-align: center;
				font-size: 50px;
				font-weight: 400;
				 line-height: 25px; /* 50% */
				text-transform: uppercase;
				margin-bottom: 20px;
				strong{
					font-weight: bold;
				}
			}
		}
		.row_tintuc{
			>.col{
				padding-bottom: 15px;
			}
			.blog_vertical , .blog_overlay {
				.col{
					padding-bottom: 10px;
				}
			}

			.blog_overlay {
				.image-cover{
					padding-top: calc(75% + 30px) !important;
				}
				.box-text.text-left {
				    background: linear-gradient(180deg, rgba(15, 74, 127, 0.00) 0%, #0F4A7F 60%);
				    padding-bottom: 60px;
				    h5 a{
				    	color: #FFF;
						font-family: Montserrat;
						font-size: 30px;
						font-style: normal;
						font-weight: 700;
						 line-height: 35px; /* 83.333% */
				    }
				    p.from_the_blog_excerpt{
				    	margin-top: 10px;
				    	margin-bottom:10px;
						color: #fff;
						font-size: 16px;
						font-weight: 400;
						 line-height: 20px; /* 125% */
					    -webkit-line-clamp: 3;
					    height: 60px;
					    display: -webkit-box;
					    -webkit-box-orient: vertical;
					    overflow: hidden;
					    text-overflow: ellipsis;
					}
					.post-meta {
				    	position: absolute;
					    bottom: 30px;
					    color: #fff;
					    font-size: 14px;
					    font-style: normal;
					    font-weight: 400;
					 	    padding-left: 20px;
					    &:before{
					    	content: "";
					    	background: url(assets/img/date.svg) no-repeat;
					    	width: 14px;
					    	height: 14px;
					    	position: absolute;
					    	left: 0;
					    	top: 3px;
					    	    filter: invert(100%);
					    }
					}
					a.button.primary {
	  		            position: absolute;
					    right: 30px;
					    margin: 0;
					    bottom: 30px;
					    color: #fff;
					    font-size: 14px;
					    font-weight: 400;
					     line-height: 25px;
					    min-height: unset;
					    text-decoration: underline;
					    text-transform: inherit;
					}
				}
			}
			.box.box-vertical{
				background: #F7F7F7;
				.box-text{
					vertical-align: top;
					padding-top: 25px;
				}
				.post-meta {
				    position: absolute;
				    bottom: 30px;
				    color: #000;
				    font-size: 14px;
				    font-style: normal;
				    font-weight: 400;
				 	    padding-left: 20px;
				    &:before{
				    	content: "";
				    	background: url(assets/img/date.svg) no-repeat;
				    	width: 14px;
				    	height: 14px;
				    	position: absolute;
				    	left: 0;
				    	top: 3px;
				    }
				}
				a.button.primary {
  		            position: absolute;
				    right: 30px;
				    margin: 0;
				    bottom: 30px;
				    color: #1AAAE2;
				    font-size: 14px;
				    font-weight: 400;
				     line-height: 25px;
				    min-height: unset;
				    text-decoration: underline;
				    text-transform: inherit;
				}
			}
			.blog_vertical{
				

				.col.post-item{
					&+.col.post-item{
						margin-top: 20px;						
						.box-vertical{
						    display: flex;
    						flex-direction: row-reverse;
    						.box-text{
    							width: 50%;
    						}
    						.box-image{
    							width: 50%;
    						}
						}
					}
					.box-vertical{
						.box-text{
							.post-title {
								margin-bottom: 10px;
								a{
									color: #0F4A7F;
									font-size: 20px;
									font-weight: 700;
									 line-height: 25px; /* 125% */
								    -webkit-line-clamp: 2;
								    height: 50px;
								    display: -webkit-box;
								    -webkit-box-orient: vertical;
								    overflow: hidden;
								    text-overflow: ellipsis;
								}
							}
							p.from_the_blog_excerpt{
								color: #000;
								font-size: 16px;
								font-weight: 400;
								 line-height: 20px; /* 125% */
							    -webkit-line-clamp: 3;
							    height: 60px;
							    display: -webkit-box;
							    -webkit-box-orient: vertical;
							    overflow: hidden;
							    text-overflow: ellipsis;
							}
						}
					}
				}
			}
		}
		.scroll-down-btn{
			bottom: 0;
			.class1,.class2{
				border-color: #5694B3;
			}
			div.text{
				opacity: 0.5;
				color: #0F4A7F;
			}
		}
	}
}
@keyframes coccoc-alo-circle-anim {
    0% {
        transform: rotate(0) scale(.5) skew(1deg);
        opacity: .1
    }
    30% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .5
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .1
    }
}

@media only screen and (min-width: 1500px){
	div#fullpage div#section2 .row_counter .col_txt .html_tk{
		padding-left:  106px;
	}
	div#fullpage div#section2 .row_counter .colgs_imgs .img0{
		left: -115px;
	}
}
div#section8{
	background-color: #0F4A7F;
	&:before{
		background: url(assets/img/Remove-bgft.png) center bottom ;
		background-size: contain;
		content: "";
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100vw;
		height: 330px;
		z-index: 1;
		opacity: 0.5;
	}
	&:after{
		background: url(assets/img/shapeft.svg) left bottom;
	    content: "";
	    position: absolute;
	    bottom: 0;
	    right: 0;
	    width: 100vw;
	    height: 690px;
	    z-index: 0;
	    background-size: contain;
	}
	>.row.row_ft{
		z-index: 9;
		color: #fff;
		
		&:before{
			content: "";
			background: url(assets/img/Logofts.svg) center center no-repeat;
		    background-size: cover;
		    content: "";
		    position: absolute;
		    top: 0;
		    left: 0;
		    width:163px;
		    height: 509px;
		    z-index: 0;		
		}
		.title_ft{
			p{
				color: #FFF;
				font-size: 20px;
				font-style: normal;
				font-weight: 700;
				 line-height: 20px; /* 100% */
				text-transform: capitalize;
			}
		}
		.icon-box{
			margin-bottom: 	15px;
		}
		.ux-menu{
			.ux-menu-link__link{
				border-bottom: unset;
				a{
					font-size: 16px;
					font-weight: 400;
				}
			}

		}
		.form_flex {
			::placeholder{
				color: #fff;
			}
			input.wpcf7-form-control.wpcf7-email.wpcf7-text {
			    box-shadow: unset;
			    width: calc(100% - 106px);
			    height: 50px;
			    border: 1px solid #fff;
			    background: transparent;
			    color: #fff;
			}
			input.wpcf7-form-control.wpcf7-submit.has-spinner {
			    margin: 0;
			    background: #fff;
			    color: #000;
			    font-size: 14px;
			    font-weight: 400;
			    text-transform: inherit;
			    padding: 0 20px;
			    height: 50px;
			    width: 106px;
			    position: absolute;
			    top: 0;
			    right: 0;
			    box-shadow: unset;
			}
		}
	}
	.row_copyright {
		margin-top:30px;
		padding-top: 45px;
		margin-bottom: 150px;
		&:before{
			content: "";
		    height: 1px;
		    width: 200vw;
		    background: #fff;
		    position: absolute;
		    display: block;
		    top: 0;
		    left: -50vw;
		    opacity: 0.1;
		}
	}
}
footer#footer{
	padding-top: 10vh;
	min-height: 800px;
	background-color: #0F4A7F;
	&:before{
		background: url(assets/img/Remove-bgft.png) center bottom ;
		background-size: contain;
		content: "";
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100vw;
		height: 330px;
		z-index: 1;
		opacity: 0.6;
		background-repeat: repeat-x;
	}
	&:after{
		background: url(assets/img/shapeft.svg) left bottom no-repeat;
	    content: "";
	    position: absolute;
	    bottom: 0;
	    right: 0;
	    width: 100vw;
	    height: 690px;
	    z-index: 0;
	    background-size: contain;
	}
	>.row.row_ft{
		z-index: 9;
		color: #fff;
		.col{
			position: relative;
			z-index: 9;
		}
		&:before{
			content: "";
			background: url(assets/img/Logofts.svg) center center no-repeat;
		    background-size: cover;
		    content: "";
		    position: absolute;
		    top: 0;
		    left: 0;
		    width:163px;
		    height: 509px;
		    z-index: 0;		
		}
		.title_ft{
			p{
				color: #FFF;
				font-size: 20px;
				font-style: normal;
				font-weight: 700;
				 line-height: 20px; /* 100% */
				text-transform: capitalize;
			}
		}
		.icon-box{
			margin-bottom: 	15px;
		}
		.ux-menu{
			.ux-menu-link__link{
				border-bottom: unset;
				a span{
					font-size: 16px;
					font-weight: 400;
					color: #fff;
				}
				&:hover{
					color: #fff;
					font-weight: bold;
					a span{
						color: #fff;
						font-weight: bold;
					}
				}
			}

		}
		.form_flex {
			::placeholder{
				color: #fff;
			}
			input.wpcf7-form-control.wpcf7-email.wpcf7-text {
			    box-shadow: unset;
			    width: calc(100% - 106px);
			    height: 50px;
			    border: 1px solid #fff;
			    background: transparent;
			    color: #fff;
			}
			input.wpcf7-form-control.wpcf7-submit.has-spinner {
			    margin: 0;
			    background: #fff;
			    color: #000;
			    font-size: 14px;
			    font-weight: 400;
			    text-transform: inherit;
			    padding: 0 20px;
			    height: 50px;
			    width: 106px;
			    position: absolute;
			    top: 0;
			    right: 0;
			    box-shadow: unset;
			}
		}
	}
	.row_copyright {
		margin-top:30px;
		padding-top: 45px;
		margin-bottom: 150px;
		&:before{
			content: "";
		    height: 1px;
		    width: 200vw;
		    background: #fff;
		    position: absolute;
		    display: block;
		    top: 0;
		    left: -50vw;
		    opacity: 0.1;
		}
	}
}
.absolute-footer.dark.medium-text-center.text-center{
	display: none;
}
.social{
	span{
		
		margin-right: 30px;
		a{
		    border: 1px solid #fff;
		    text-align: center;
		    width: 32px;
		    height: 32px;
		    display: inline-block;
		    border-radius: 99px;
			i{
			    color: #fff;
			    font-size: 16px;
			     line-height: 30px;
			}
		}
	}
}
.home {
	&.fp-viewing-4,&.fp-viewing-6{
		#fp-nav ul{
			a{
				&:before{
					color: #0F4A7F;
				}
				&:after{
					background:#0F4A7F;
				}
			}
		}
		
	}
	
// 	&.fp-viewing-1,&.fp-viewing-2,
// 	&.fp-viewing-3,&.fp-viewing-4,
// 	&.fp-viewing-5,&.fp-viewing-6{
// 		div#masthead{
// 			img.header_logo.header-logo{
// 				display: none;
// 			}
// 			img.header-logo-dark {
// 			    display: block !important;
// 			}
// 		}
// 	}

}
div#masthead .nav>li.has-icon>a>i{
		color: #fff;
	}

.off-canvas-right {
	background: transparent !important;
	.mfp-content{
		max-width: 500px;
		--drawer-width: 500px !important;
	    background: rgba(15, 74, 127,0.9) !important;
	    button.mfp-close{
    		color: #fff !important;
		    border: 1px solid #fff;
		    opacity: 1 !important;
		    font-weight: 100 !important;
		    mix-blend-mode: unset;
		    margin-top: 30px !important;
		    right: 120px;
    	}
	    .sidebar-menu{
	    	padding-top: 90px;
	    	padding-right: 120px;
	    	
	    	>ul{
	    		counter-reset: item; 
	    		>li{
	    			text-align: right;
	    			border-top: unset;
	    			&:nth-child(-n+9){
	    				>a{
	    					&:after{
	    						content: "0" counter(item); 
							    counter-increment: item;
							    font-size: 20px; /* Adjust size as needed */
							  	color: #FFF;
								font-weight: 400;
								letter-spacing: 1px;
								position: absolute;
								right: 	0;
	    					}
	    				}
	    			}
	    			&.menu-item-has-children{
	    				button.toggle{
	    					position: absolute;
	    					top: 10px;
	    					opacity: 0.8;
	    					color: #fff;
	    					i:before{
	    						content: "\2b";
	    						font-family: Font Awesome\ 6 Free;
	    					}
	    				}
	    				ul{
	    					margin-bottom: 0;
	    					li{
		    					a{
		    						font-size: 18px;
				    				font-weight: 400;
				    				display: block;
				    				width: 100%;
				    				color: #fff;
				    				text-transform: uppercase;
				    				padding-right: 60px;
			    					position: relative;
		    					}
	    					}
	    				}
	    			}
	    			&:hover, &.current-menu-item{
	    				>a{
	    					font-weight: bold;
	    				}
	    			}
	    			>a{
	    				font-size: 20px;
	    				font-weight: 400;
	    				display: block;
	    				width: 100%;
	    				color: #fff;
	    				text-transform: uppercase;
	    				padding-right: 60px;
    					position: relative;
    					
	    				&:after{
							content: counter(item); 
						    counter-increment: item;
						    font-size: 20px; /* Adjust size as needed */
						  	color: #FFF;
							font-weight: 400;
							letter-spacing: 1px;
							position: absolute;
							right: 	0;

						}
						
	    			}
	    		}
	    	}
	    }
	}
}
li.header-search{
	.icon-search:before{
		// content: "";
		// background: url(assets/img/ic_search.svg) no-repeat center center;
		// width: 16px;
		// height: 16px;
		// display: block;
	}
}
li.nav-icon.has-icon{
	i.icon-menu {
	    width: 36px;
	    height: 36px;
	    border: 1px solid #fff;
	    text-align: center;
	    padding: 0;
	    margin: 0;
	     line-height: 36px;
	}
}
.banner_gt{
	.overlay{
		background: linear-gradient(180deg, #0F4A7F 80%, #1B85E5 100%);
		opacity: 0.3;
	}
	.title_page{
		margin-bottom: 30px;
		h2{
			font-size: 70px;
			font-weight: 700;
			text-transform: uppercase;
		}
	}
	.subtitle{
		border-top: 1px solid #fff;
		p{
			color: #FFF;
			font-size: 30px;
			font-weight: 700;
			text-transform: uppercase;
		}
	}
}
body:not(.home){
	.header-wrapper.stuck{
		background: #0F4A7F;
		div#masthead{
			position: relative;
			padding-top: 0;
			background: transparent;
			#logo img{
				height: 50px;
			
			}
		}
	}

}
.sec_abouts{
	.section-bg-overlay.absolute.fill{
		    background: linear-gradient(187deg, #f8f8f8, #fff 3%);
	}
	&:before{
		content: "";
		background: url(assets/img/logobgs.svg) center center no-repeat;
		width: 330px;
		height: 500px;
		position: absolute;
		left:0%;
		top:50px;
		transform: translateX(-50%);
		background-size: contain;
		z-index: 1;
	}
	.title_centerstrong{
		h2{
			font-size: 50px;
			text-transform: uppercase;
			color: #0F4A7F;
		}
	}
	.row.ctn_about{
		&:after{
			background: url(assets/img/bgworld2.png) no-repeat;
			content: "";
			width: 100%;
			height: 100%;
			position: absolute;
			z-index:-1;
		}
	}
	.row-full-width {
		.col{
			padding:0;
		}
	}
	.slider_focus{

		.img:not(.is-selected){
			margin-top: 28px;
			padding: 0 10px;
			opacity: 1;
		}
		button.flickity-button{
			opacity: 1;
			width: 60px;
			height: 60px;
			border: 1px solid #fff;
			border-radius: 99px;
			top: 45%;
			svg{
				display: none;
			}
			&.flickity-prev-next-button.previous{
				&:before{
					content: "";
					background: url(assets/img/chevon.svg) center center no-repeat ;
				    position: absolute;
				    width: 16px;
				    height: 16px;
				    top: 50%;
				    left: 50%;
				    display: block;
				    transform: translate(-50%, -50%);
				}
			}
			&.flickity-prev-next-button.next{
				&:before{
					content: "";
					background: url(assets/img/chevon.svg) center center no-repeat ;
				    position: absolute;
				    width: 16px;
				    height: 16px;
				    top: 50%;
				    left: 50%;
				    display: block;
				    transform: translate(-50%, -50%) rotate(180deg);
				}
			}
		}
	}
}
@media only screen and (min-width: 1450px){
	.slider_focus .flickity-slider > *{
		max-width: 800px !important;
	}
}
.sec_conso{
	.title_center{
		h2{
			font-size: 50px;
			text-transform: uppercase;
			color: #0F4A7F;
			margin-bottom: 0px;
		}
	}
	.stitle p{
		font-size: 20px;
		text-transform: uppercase;
		color: #000;
	}
	.devvn-row-slider-center{
		margin-top: 100px;
		ol.flickity-page-dots{
			display: none;
		}
		button.flickity-button{
			top: 30%;
    		bottom: unset;
    		
			&.previous{
				z-index: 9;
    			opacity: 1;
    			left: 24%;
			
				&:after{
					content: "";
					height: 16px;
					width: 29px;
					background: url(assets/img/arrow_left.svg) center center no-repeat;
				    display: block;
				    position: absolute;
				    top: 18px;
				    right: -40px;
				}
				svg{
					display: none;
				}
				
			}
			&.next{
				z-index: 9;
    			opacity: 1;
    			right: 26%;
				
				&:after{
					content: "";
					height: 16px;
					width: 29px;
					background: url(assets/img/arrow_right.svg) center center no-repeat;
				    display: block;
				    position: absolute;
				    top: 18px;
				    left: 0px;
				}
				svg{
					display: none;
				}
			}
		}
		.col.is-selected + .col {
		    padding-left: 80px;
		    padding-right: 0;
		}
		.col{
			&:not(.is-selected){
				opacity: 0.7;
				margin-top: 20px;
				padding-right: 80px;
				.counts{
					p{
						font-size: 70px;
						color: #0F4A7F;
						font-weight: 700;
						text-transform: uppercase;
						margin-bottom: 0;
						 line-height: 1;
					}
				}
				.text.title_color p {
				    color: #0F4A7F;
				    font-size: 20px;
				    font-weight: 700;
				     line-height: 28px;
				    text-transform: uppercase;
				    margin-bottom: 0;
				    text-align: center;
				}
				.txt {
					max-width: 240px;
					text-align: center;
				    justify-content: center;
				    margin: auto;
					p{
						font-size: 16px;
						color: #000;
						font-weight: 400;
						min-height: 70px;
					}
				}
			}
			&.is-selected{
				.counts{
					p{
						font-size: 150px;
						color: #0F4A7F;
						font-weight: 700;
						text-transform: uppercase;
						margin-bottom: 0;
						 line-height: 1;
					}
				}
				.text.title_color p {
				    color: #0F4A7F;
				    font-size: 30px;
				    font-weight: 700;
				     line-height: 28px;
				    text-transform: uppercase;
				    margin-bottom: 0;
				    text-align: center;
				}
				.txt p{
					font-size: 20px;
					color: #000;
					font-weight: 400;
				}
			}
		}
	}
}
section.giatri{
	.section-bg-overlay{
		background: linear-gradient(180deg, rgba(15, 74, 127, 0.00) 0%, #0F4A7F 74.5%);
		background-color: transparent;
	}
	.txt_opacity{
		p{
		    text-transform: uppercase;
		    font-weight: bold;
		    background: linear-gradient(180deg, #FFF, rgba(255, 255, 255, 0.00) 71%);
		    background-clip: text;
		    color: transparent;
		    font-size: 300px;
		    margin-bottom: 5px;
		     line-height: 1.15;
		}
	}
	.row_tnsm{
		.title_tnsm p{
			font-family: Montserrat;
			font-size: 50px;
			font-style: normal;
			font-weight: 700;
			 line-height: 80px; 
			text-transform: uppercase;
			margin-bottom: 0;
		}
		.text.txt p{
			font-size: 15px;
			font-style: normal;
			font-weight: 400;
			text-align: justify;
		}
		.text.stitle_upp {

			p {
				margin-bottom: 10px;
			    font-size: 24px;
			    font-style: normal;
			    font-weight: 600;
			     line-height: 25px;
			    text-transform: uppercase;

			}
		}
	}
	.rowflex{
		height: 100%;
		display: flex;
    	align-content: space-between;
    	.col+.col{
    		padding-bottom: 0;
    	}
	}
}
.banlanhdao{
	.title_center{
		h2 {
		    color: #0F4A7F;
		    text-align: center;
		    font-family: Montserrat;
		    font-size: 50px;
		    font-style: normal;
		    font-weight: 400;
		     line-height:1.3;
		    text-transform: uppercase;
		}
	}
	.devvn-row-slider.bld{
		ol.flickity-page-dots{
			display: none;
		}
		.col .col-inner{
			.box{
				.box-image{
					padding:0 30px;
					z-index: 9;
				}
				.box-text{
					padding-top: 225px;
					margin-top: -215px;
					background: #fff;
					z-index: 5;
					.box-text-inner{
						.name {
							margin-bottom: 10px;
							p{
								color: #0F4A7F;
								text-align: center;
								font-size: 30px;
								font-style: normal;
								font-weight: 700;
								 line-height: 25px; 
								text-transform: capitalize;
							}
						}
						.chucvu p {
							color: #1AAAE2;
							text-align: center;
							font-size: 20px;
							font-style: normal;
							font-weight: 700;
							 line-height: 25px; 
						}
					}
				}
			}
		}
	}
}
.section5.seckh{
	padding-top: 100px;
	&:before{
		content: "";
		background: #0F4A7F;
		position: absolute;
		width: 42vw;
		height: 100vh;
		top: 0;
		left: 0;
	}
	.title_dt{
		padding-top: 50px;
		padding-bottom: 40px;
		padding-left: 44px;
		h2{
			color: #FFF;
			font-size: 50px;
			font-weight: 400;
			 line-height: 60px;
			text-transform: uppercase;
		}
	}
	.img_scale{
		max-width: 510px;
	}
	.scroll-down-btn{
		bottom: 0;
		.class1,.class2{
			border-color: #5694B3;
		}
		div.text{
			opacity: 0.5;
			color: #0F4A7F;
		}
	}
}
.lichsuht {
	.titler_center{
		h2{
			color: #FEFEFF;
			text-align: center;
			font-family: Montserrat;
			font-size: 50px;
			font-style: normal;
			font-weight: 400;
			 line-height: 80px; 
			text-transform: uppercase;
		}
	}
	.slider.slider-nav{
		.slick-track{
			margin-bottom: 100px;
			.item{
				strong{
					color: #FFF;
				    text-align: center;
				    font-size: 16px;
				    font-style: normal;
				    font-weight: 700;
				     line-height: 31px;
				    text-transform: uppercase;
				    width: fit-content;
				    border-radius: 99px;
				    padding: 6px 20px;
				}
			    &.is-active strong{
			    	background: #0F4A7F;
			    }
			}
		}
	}
	.slick-arrow{
		z-index: 9;
		width: 60px;
		height: 60px;
		border: 1px solid #fff;
		border-radius: 99px;
		&:before{
			content: "";
			background: url(assets/img/chevon.svg) center center no-repeat;
			width: 16px;
			height: 16px;
			position: absolute;
			
			opacity: 1;
		}
		&.slick-next{
			right: 0;
			&:before{
				transform: rotate(180deg);
				top: calc(50% - 8px);
    			right: calc(50% - 8px);
			}
		}
		&.slick-prev{
			left: 0;
			&:before{
				top: 50%;
			left: 50%;
			transform: translate(-50%,-50%);
			}
		}
	}
	.boxcontent.slick-slide{
		padding: 0 120px;
		z-index: 1;
	    display: flex;
	    align-content: center;
	    justify-content: flex-start;
	    align-items: center;
		.year {
		    color: #FFF;
		    text-align: center;
		    font-size: 90px;
		    font-style: normal;
		    font-weight: 400;
		     line-height: 1;
		    padding-right: 30px;
		    border-right: 1px solid rgba(255, 255, 255, 0.2);
		    min-width: 200px;
		}
		.nd{
			padding-left: 30px;
			.title {
			    color: #FFF;
			    font-family: Montserrat;
			    font-size: 24px;
			    font-style: normal;
			    font-weight: 700;
			     line-height: 25px;
			    text-transform: uppercase;
			}
			.content{
				color: #fff;
				font-size: 16px;
				font-weight: 400;
			}
		}
	}
}
.delay2s{
	animation-delay:3s;	
}
.sec_ncv{
	.title_name{
		p{
			color: #0F4A7F;
			text-align: center;
			font-size: 50px;
			font-style: normal;
			font-weight: 700;
			 line-height: 80px; 
			text-transform: uppercase;
			margin-bottom: 0;
		}
	}
	.title_cv p{
		color: #1AAAE2;
		text-align: center;
		font-size: 30px;
		font-style: normal;
		font-weight: 700;
		 line-height: 25px;
		margin-bottom: 20px;
	}
}
.sec_ptrien{
	.col_img > .col-inner{
		padding-right: 20px;
	}
	.colg_icon  > .col-inner{
		padding-left: 60px;
		max-width: 695px;
		.title_x{
			margin-bottom: 50px;
			h2{
				color: #0F4A7F;
				font-size: 50px;
				font-weight: 400;
				 line-height: 60px; 
				text-transform: uppercase;
			}
		}
		.icon-box{
			.icon-box-img{
				margin: 0 auto;
			}
			.icon-inner{
				background: #0F4A7F;
				border-radius: 99px;
				width: 60px;
				height: 60px;
				position: relative;
				svg{
				    padding-top: 0;
				    height: 35px;
				    width: 35px;
				    object-fit: scale-down;
				    position: absolute;
				    top: 50%;
				    left: 50%;
				    transform: translate(-50%, -50%);
				}
			}
			.icon-box-text.last-reset{
				background: rgba(247, 247, 247, 0.9);
				padding: 47px 30px 20px;
				margin-top: -32px;
				min-height: 140px;
				p{
				    color: #1AAAE2;
				    text-align: center;
				    font-size: 20px;
				    font-weight: 400;
				     line-height: 25px
				}
			}
		}
	}
}
.sec_hoatdong{
	padding-bottom: 0 !important;
	.section-bg.fill{
		max-width:calc(50vw - 230px);
		height: 100%;
		background: #0F4A7F;
	}
	.col_txttitle{
		>.col-inner{
			.title_center{
				margin-bottom: 90px;
				h2{
					color: #fff;
					font-size: 50px;
				}
			}
			.contetns{
				max-width: 300px;
				color: #fff;
				padding-right: 20px;
				text-align: justify;
			}
		}
	}
	.colimg{
		padding-bottom: 0;
		>.col-inner{
			.row_npr {
				.colg_right{
					padding-right: 0;
				}
				&.row_top{
					.colg_left {
						flex-basis: 62.5%;
						padding-right:12px;
        				max-width: 62.5%;
					}
					.colg_right{
						flex-basis: 37.5%;
        				max-width: 37.5%;
        				.img:first-child{
        					margin-bottom: 30px;
        				}
        				img{
        					height: 226px;
        					object-fit: scale-down;
        				}
					}
				}
				&.row_bot{
					.colg_left {
						flex-basis: 37.5%;
						padding-right:12px;
        				max-width: 37.5%;
					}
					.colg_right{
						flex-basis: 62.5%;
        				max-width: 62.5%;
        				.img:first-child{
        					margin-bottom: 0px;
        				}
        				img{
        					height: 227px;
        					object-fit: scale-down;
        				}
					}
				}
			}
		}
	}
}
.sec_td{
	.title_center{
		h2{
			font-size: 50px;
			font-style: normal;
			font-weight: 400;
			 line-height: 80px;
			color: #0F4A7F;
			text-transform: uppercase;
		}
	} 
	.row_nopcv{
		.titleformut p{
			color: #0F4A7F;
			font-size: 30px;
			font-style: normal;
			font-weight: 700;
		}
		.f_formut{
			input.wpcf7-form-control.wpcf7-submit.has-spinner {
			    display: block;
			    margin: 15px auto 0;
			    font-weight: 100;
			    text-transform: math-auto;
			}
			.form_3cot p{
				display: grid;
				grid-template-columns: 33% 33% 34%;
				input{
					border:1px solid rgba(0, 0, 0, 0.1);
					box-shadow: unset;
					background: #fff;
					height: 50px;
				}
				span+span{
					margin-left:  30px;
				}
				select.wpcf7-form-control.wpcf7-select{
					box-shadow: unset;
					height: 50px;
				}
			}
			.row2cot p{
				display: grid;
				grid-template-columns: 33% 67%;
				margin-top: 15px;
				span.wpcf7-form-control-wrap{
					
				}
				input.wpcf7-form-control.wpcf7-tel.wpcf7-text.wpcf7-validates-as-tel{
					padding-right: 30px;
					border:1px solid rgba(0, 0, 0, 0.1);
					box-shadow: unset;
					background: #fff;
					margin-right: 30px;
					height: 50px;
				}

				.custom-file-upload {
					margin-left: 30px;
				    display: inline-block;
				    border: 1px solid rgba(0, 0, 0, 0.1);
				    padding:10px 20px;
				    color: #000;
				    font-weight: 400;
				    cursor: pointer;
				    font-size: 16px;
				    height: 50px;
				    width: calc(100% - 30px);
				    position: relative;
				    span.hidewuploadfile {
					    float: right;
					   	color:  #0F4A7F;
					   	font-size: 16px;
					   	font-weight: 700;
					   	text-transform: uppercase;
					}
					input[type="file"] {
					    position: absolute;
					    width: 1px;
					    height: 1px;
					    padding: 0;
					    margin: 0;
					    overflow: hidden;
					    clip: rect(0,0,0,0);
					    border: 0;
					}		
					.wpcf7-not-valid-tip{
						margin-top:50px;
					}
					.file-name {
					    margin-left: 0;
					    font-size: 16px;
					    color: #333;
					    position: absolute;
					    top: 10px;
					    font-weight: bold;
					}
				}
			}
		}
	}  
	.info_td{
		tr th{
			background: #0F4A7F;
			color: #fff;
			padding: 10px 10px;
			font-size: 16px;
			text-transform: uppercase;
			font-weight: 700;
			&:nth-child(1){
				text-align: center;
			}
		}
		tr.st{
			td{
				padding:15px 10px;
				font-size: 16px;
			}
			.stt{
				text-align: center;
			}
		}
	}
}

div#banner-mtg{
	
}
body.archive.category div#content{
	background: #F7F7F7;
}
.bg_uimg{
		&:before{
		content: "";
		background: url(assets/img/logobg.png) center center no-repeat;
	    background-size: cover;
	    content: "";
	    position: absolute;
	    top: 50px;
	    right: -160px;
	    width:320px;
	    height: 509px;
	    z-index: 0;		
	}
}
.sec_fw{
	background: #fff;
	&:before{
		content: "";
		background: url(assets/img/logobg.png) center center no-repeat;
	    background-size: cover;
	    content: "";
	    position: absolute;
	    top: 50px;
	    left: -160px;
	    width:320px;
	    height: 509px;
	    z-index: 0;		
	}

	.title_news{
		margin-top: 65px;
		p{
			color: #0F4A7F;
			text-align: center;
			font-size: 50px;
			font-weight: 400;
			 line-height: 25px; /* 50% */
			text-transform: uppercase;
			margin-bottom: 50px;
			strong{
				font-weight: bold;
			}
		}
	}
	.row_tintuc{
		>.col{
			padding-bottom: 15px;
		}
		.blog_vertical , .blog_overlay {
			.col{
				padding-bottom: 10px;
			}
		}
		.blog_overlay {
			.image-cover{
				padding-top: calc(75% + 30px) !important;
			}
			.box-text {
			    background: linear-gradient(180deg, rgba(15, 74, 127, 0.00) 0%, #0F4A7F 60%);
			    padding-bottom: 60px;
			    .post-title {
			    	color: #FFF;
					font-family: Montserrat;
					font-size: 25px;
					font-style: normal;
					font-weight: 700;
					line-height: 30px; /* 83.333% */
				    overflow: hidden;
				    text-overflow: ellipsis;
				    -webkit-line-clamp: 2;
				    height: 60px;
				    display: -webkit-box;
				    -webkit-box-orient: vertical;
			    }
			    @media only screen and (max-width: 550px){
			    	.post-title{
			    		font-size: 20px;
			    	}
			    	p.from_the_blog_excerpt{
			    		-webkit-line-clamp: 2;
				    	height: 40px;
			    	}
			    }
			    p.from_the_blog_excerpt{
			    	margin-top: 10px;
			    	margin-bottom:10px;
					color: #fff;
					font-size: 14px;
					font-weight: 400;
					 line-height: 20px; /* 125% */
				    -webkit-line-clamp: 3;
				    height: 60px;
				    display: -webkit-box;
				    -webkit-box-orient: vertical;
				    overflow: hidden;
				    text-overflow: ellipsis;
				}
				.post-meta {
			    	position: absolute;
				    bottom: 30px;
				    color: #fff;
				    font-size: 14px;
				    font-style: normal;
				    font-weight: 400;
				 	    padding-left: 20px;
				    &:before{
				    	content: "";
				    	background: url(assets/img/date.svg) no-repeat;
				    	width: 14px;
				    	height: 14px;
				    	position: absolute;
				    	left: 0;
				    	top: 3px;
				    	    filter: invert(100%);
				    }
				}
				button.button.is-link.is-small.mb-0 {
  		            position: absolute;
				    right: 30px;
				    margin: 0;
				    bottom: 30px;
				    color: #fff;
				    font-size: 14px;
				    font-weight: 400;
				     line-height: 25px;
				    min-height: unset;
				    text-decoration: underline;
				    text-transform: inherit;
				}
			}
		}
		.box.box-vertical{
			background: #F7F7F7;
			.box-text{
				vertical-align: top;
				padding-top: 25px;
				.post-title{
					
						font-size: 20px;
						font-style: normal;
						font-weight: 700;
						 line-height: 25px;
						color: #0F4A7F;
						-webkit-line-clamp: 2;
					    height: 50px;
					    display: -webkit-box;
					    -webkit-box-orient: vertical;
					    overflow: hidden;
					    text-overflow: ellipsis;
					
				}
				p.from_the_blog_excerpt{
				    color: #000;
				    font-size: 16px;
				    font-weight: 400;
				     line-height: 20px;
				    -webkit-line-clamp: 3;
				    height: 60px;
				    display: -webkit-box;
				    -webkit-box-orient: vertical;
				    overflow: hidden;
				    text-overflow: ellipsis;
				}
			}
			.post-meta {
			    position: absolute;
			    bottom: 30px;
			    color: #000;
			    font-size: 14px;
			    font-style: normal;
			    font-weight: 400;
			 	    padding-left: 20px;
			    &:before{
			    	content: "";
			    	background: url(assets/img/date.svg) no-repeat;
			    	width: 14px;
			    	height: 14px;
			    	position: absolute;
			    	left: 0;
			    	top: 3px;
			    }
			}
			button.button.is-link.is-small.mb-0 {
		        position: absolute;
			    right: 30px;
			    margin: 0;
			    bottom: 30px;
			    color: #1AAAE2;
			    font-size: 14px;
			    font-weight: 400;
			     line-height: 25px;
			    min-height: unset;
			    text-decoration: underline;
			    text-transform: inherit;
			}
		}
		.blog_vertical{
			

			.col.post-item{
				&+.col.post-item{
					margin-top: 20px;						
					.box-vertical{
					    display: flex;
						flex-direction: row-reverse;
						.box-text{
							width: 50%;
						}
						.box-image{
							width: 50%;
						}
					}
				}
				.box-vertical{
					.box-text{
						.post-title {
							margin-bottom: 10px;
							a{
								color: #0F4A7F;
								font-size: 20px;
								font-weight: 700;
								 line-height: 25px; /* 125% */
							    -webkit-line-clamp: 2;
							    height: 50px;
							    display: -webkit-box;
							    -webkit-box-orient: vertical;
							    overflow: hidden;
							    text-overflow: ellipsis;
							}
						}
						p.from_the_blog_excerpt{
							color: #000;
							font-size: 16px;
							font-weight: 400;
							 line-height: 20px; /* 125% */
						    -webkit-line-clamp: 3;
						    height: 60px;
						    display: -webkit-box;
						    -webkit-box-orient: vertical;
						    overflow: hidden;
						    text-overflow: ellipsis;
						}
					}
				}
			}
		}
	}	
}
div#post-list{
	.text-title {
		margin-top: 40px;
		h2{
			color: #0F4A7F;
			text-align: center;
			font-family: Montserrat;
			font-size: 50px;
			font-style: normal;
			font-weight: 400;
			 line-height: 80px; 
			text-transform: uppercase;
			strong{
				font-weight: 800;
			}
		}
	}
	.box{
		&:hover{
			box-shadow: 0 0 5px #eee;
		}
		.box-text{
			padding: 30px 20px 60px;
			background: #FEFEFF;
			.post-title a{
			    font-size: 20px;
			    font-style: normal;
			    font-weight: 700;
			     line-height: 25px;
			    color: #0F4A7F;
			    -webkit-line-clamp: 2;
			    height: 50px;
			    display: -webkit-box;
			    -webkit-box-orient: vertical;
			    overflow: hidden;
			    text-overflow: ellipsis;
			}
			.from_the_blog_excerpt {
			    color: #000;
			    font-size: 16px;
			    font-weight: 400;
			     line-height: 20px;
			    -webkit-line-clamp: 3;
			    height: 60px;
			    display: -webkit-box;
			    -webkit-box-orient: vertical;
			    overflow: hidden;
			    text-overflow: ellipsis;
			}
			.post-meta {
			    position: absolute;
			    bottom: 30px;
			    color: #000;
			    font-size: 14px;
			    font-style: normal;
			    font-weight: 400;
			 	    padding-left: 20px;
			    &:before{
			    	content: "";
			    	background: url(assets/img/date.svg) no-repeat;
			    	width: 14px;
			    	height: 14px;
			    	position: absolute;
			    	left: 0;
			    	top: 3px;
			    }
			}
			a.button.primary.is-link.is-small.mb-0 {
		        position: absolute;
			    right: 30px;
			    margin: 0;
			    bottom: 30px;
			    color: #1AAAE2;
			    font-size: 14px;
			    font-weight: 400;
			     line-height: 25px;
			    min-height: unset;
			    text-decoration: underline;
			    text-transform: inherit;
			}
		}
	}
}
ul.list_blogs {
    margin-top: 40px;
    display: flex;
    margin-left: 23px;
    justify-content: space-between;
    li.post_cat{
    	font-size: 30px;
    	opacity: 0.7;
		a{
			color: #FFF;
			font-family: Montserrat;
			font-size: 30px;
			font-style: normal;
			font-weight: 700;
			 line-height: 40px;
			text-transform: uppercase;
			margin-bottom: 0;
			
		}
		&.current,&:hover{	
			opacity: 1;
			a{
				
			}
		}
    }
}
ul.page-numbers{
	li{
		span, a{
			border-radius: 5px;
			border: 1px solid;
		}
	}
}
.article-inner{
	.entry-header-text.entry-header-text-top{
		padding: 0;
		text-align: left;
		margin-top: 40px;
		h1{
			color: #0F4A7F;
			font-size: 50px;
			font-style: normal;
			font-weight: 700;
			text-transform: uppercase;
			text-align: left;
			margin-bottom: 0;
		}
	}
}
.row_dates{
	.date{
		padding-left: 10px;
		font-size: 14px;
	}
}
.single_class{
	&:before{
		content: "";
		background: url(assets/img/logobg.png) center center no-repeat;
	    background-size: cover;
	    content: "";
	    position: absolute;
	    top: 850px;
	    left: -160px;
	    width:320px;
	    height: 509px;
	    z-index: 0;		
	}
}
.sec_infogt{
	.title_lhpage p{
		margin-bottom: 0;
		color: #fff;
		text-transform: uppercase;
		font-size: 50px;
	}
	.name_cotyng{
		margin-top: 50px;
		margin-bottom: 30px;
		p{
			color: #fff;
			font-size: 24px;
			text-transform: uppercase;
			font-weight: 600;
		}
	}
	.icon-box{
		margin-bottom: 20px;
		.box-image{
			svg, img{
				padding-top: 0;
			}
		}
		.icon-box-text {
			p{
				font-size: 16px;
				color: #fff;
			}
		}
	}
	.clog_form{
		form.wpcf7-form.init{
			margin-top: 50px;
			input:not(.wpcf7-submit),textarea{
				background: transparent;
				color: #fff;
				box-shadow: unset;
				border: 1px solid #fff;
				margin-bottom: 30px;
				max-width: 380px;
			}
			::placeholder{	
				color: #fff;		
			}
			input.wpcf7-form-control.wpcf7-submit.has-spinner{
				margin: 0;
				background: #fff;
				height: 50px;
				color: #000;
				text-transform: inherit;
				font-weight: 500;
			}
		}
	}
}
.sec_map{
	margin-bottom: -10px;
}
.title_lv{
	h2{
		color: #0F4A7F;
		text-align: center;
		font-size: 50px;
		text-transform: uppercase;
	}
}
.sec_lV{
	.contents{
		p{
			font-size: 16px;
			font-style: normal;
			font-weight: 400;
		}
	}
	.content_img_inffo{
		.colg_mt{
			margin-top: 40px;
			&.colg_color{
				margin-bottom: 35px;
				
				.col-inner{
				    background: #0F4A7F;
				    height: 100%;
				    min-height: 325px;
				    padding: 20px 30px;
				    display: flex;
				    flex-direction: column;
				    justify-content: space-between;
				    &:after{
			    	    content: "";
					    height: 1px;
					    width: calc(100% - 60px);
					    background: #fff;
					    position: absolute;
					    top: calc(50% + 15px);
					    opacity: 0.1;
				    }
					.icon-box{
						.titles p{
							font-size: 20px;
							font-style: normal;
							font-weight: 700;
							 line-height: 28px;
							color: #fff;
						}
						.content p{
							font-size: 16px;
							color: #fff;
						}
					}
				}
			}
		}
	}
}
.sec_boxoverlay{
	.box-overlay{
		.overlay {
		    opacity: 0.5;
		    background: linear-gradient(180deg, rgba(15, 74, 127, 0.00) 0%, #0F4A7F 100%);
		}
		.box-text{
			.box-text-inner{
				p{
					color: #FFF;
					font-size: 20px;
					font-style: normal;
					font-weight: 700;
					 line-height: 28px; /* 140% */
					text-transform: uppercase;
				}
			}
		}
	}
	.mult_box{
		.row_boxoverlay{
			margin-top: 30px;
		}
	}
}
.sec_savelv{
	.colg_lefts{
		.col-inner{
			max-width: 585px;
			padding-right: 30px;
			.icon-box{
				.icon-box-text{
					h5{
						font-size: 30px;
						font-style: normal;
						font-weight: 700;
						color: #0F4A7F;
						margin-bottom: 10px;
					}
					h6{
						font-size: 20px;
						font-style: normal;
						font-weight: 700;
						color: #1AAAE2;
						margin-bottom: 25px;
					}
					p {
					    color: #000;
					    text-align: center;
					    font-size: 20px;
					    font-style: italic;
					    font-weight: 400;
					}
				}
				&+.icon-box{
					margin-top: 30px;
					padding-top: 30px;
					border-top: 1px solid rgba(0, 0, 0, 0.1);
				}
			}
		}
	}
	.colg_form{
		background: #0F4A7F;
		.col-inner{
			max-width: 655px;
			padding: 60px 70px;
			.title_lv {
				p,h2,h3{
					color: #fff;
					text-align: left;
					font-size: 40px;
					text-transform: uppercase;
				}
			}
			form.wpcf7-form.init{
				input:not(.wpcf7-submit), textarea{
					border: 1px solid #fff;
					background: transparent;
					color: #fff;
					margin-bottom: 30px;
				}
				input:not(.wpcf7-submit){
					min-height: 50px;
				}
				::placeholder{
					color: #fff;
				}
			}
			.rowchekcbox{
				display: flex;
				input.wpcf7-form-control.wpcf7-submit.has-spinner{
					margin:0;
					background: #fff;
					font-size: 14px;
					color: #000;
					font-weight: 400;
					text-transform: inherit;
					height: 50px;
				}
				input[type="checkbox"]{
				    margin: 0 5px 0 0 !important;
    				min-height: 15px !important;
				}
				label{
					color: #fff;
					font-size: 16px;
					padding-right: 40px;
					font-weight: 400;
					 line-height: 20px;
					a{
						color: #fff;
						text-decoration: underline;
					}
				}
			}
		}
	}
}
span.wpcf7-spinner {
    display: none;
}
.banner_gt{
	.title_pages{
		h2{
			font-size: 50px;
			text-transform: uppercase;
			 line-height: 1.2;
		}
	}
	&.banners_50{
		.banner-bg.fill{
		    width: 45%;
    		left: 55%;
		}
		.subtitle{
			ul{
				margin-top: 20px;
				display: flex;
				justify-content: space-between;
				li{
					font-size: 25px;
					color: #fff;
					text-transform: uppercase;
					font-weight: bold;
					margin-left: 25px;
				}
			}
		}
		.btns{
			background: #fff;
			font-weight: 400;
			color: #000;
			 line-height: 50px;
			height: 50px;
		}
	}
}

.sec_tiemluc5{
	.title_normal{
		p{
			color: #0F4A7F;
			font-size: 50px;
			font-style: normal;
			font-weight: 400;
			text-transform: lowercase;
			margin-bottom: 0;
			 line-height: 1.2;
		}
	}
	.title_bold {
		p{
			margin-bottom: 20px;
		    color: #0F4A7F;
		    text-align: center;
		    font-size: 50px;
		    font-style: normal;
		    font-weight: 700;
		     line-height: 1.2;
		    text-transform: uppercase;
		    margin-top: 20px;
		}
	}
	.row_fives{
		.col{
	        flex-basis: 20%;
        	max-width: 20%;
        	.box{
        		.box-image{
        			.overlay{
        				opacity: 0.5;
						background: linear-gradient(180deg, rgba(15, 74, 127, 0.00) 0%, #0F4A7F 100%);
        			}
        		}
        		.box-text{
        			p{
        				font-size: 20px;
        				font-weight: 700;
        				 line-height: 1.4;
        				text-transform: uppercase;
        			}
        		}
        	}
		}
	}
}
.sec_giatricl{
	.title_bolds {
		p,h2{
			color: #0F4A7F;
			font-size: 50px;
			text-transform: uppercase;
			 line-height: 1.2;
			margin-bottom: 40px;
		}
	}
	.txt_center p{
		font-size: 16px;
		color: #000;
	}
	.row_icons{
		.col .col-inner{
			padding: 25px 20px;
			background: #F7F7F7;
			height: 100%;
			.icon-box{
				.img{
					height: 60px;
				}
				.icon-box-text{
					p{
						color: #1AAAE2;
					font-size: 20px;
					font-style: normal;
					font-weight: 700;
					}
				}
			}
		}
	}
}
.banner_connect{
	.subtitle{
		ul{
			margin-top: 20px;
			margin-left: 23px;
			display: flex;
			justify-content: space-between;
			li{
				font-size: 25px;
				color: #fff;
				text-transform: uppercase;
				font-weight: bold;
			}
		}
	}
	.btns{
		background: #fff;
		font-weight: 400;
		color: #000;
		 line-height: 50px;
		height: 50px;
		span{
			color: #000;
		}
	}
	.boxbg {
		bottom: 0;
		>div{
			padding: 	30px;
			.top_title{
				p{
					font-size: 	20px;
					font-weight: 700;
					color: 	#fff;
					margin: 0;
				}
			}
			.mid_title p{
				font-size: 	16px;
				color: 	#fff;
				margin:0;
				font-size: 16px;
			}
			.row_mt{
				margin-top: 20px; 
				border-top: 1px solid rgba(	255, 255, 255, 0.1);
				padding-top: 25px;
				.icon-box{
					.icon-box-img{
						svg{
							height: 	70px;
						}
					}
					h3{
						font-size: 	20px;
						font-weight: 700;
						margin: 0;
					}
					p{
						font-size: 	14px;
					}
				}
			}
		}
	}
}
.sec_conect{
	.title{
		p{
			color: #0F4A7F;
			font-size: 50px;
			font-style: normal;
			 line-height: 1.6;
			text-transform: uppercase;
			margin-bottom: 10px;
		}
	}
	.text.descript p{
	    font-size: 16px;
	    font-style: normal;
	    font-weight: 400;
	}
	.row .col .row{
		.col-inner{
			padding: 25px 20px;
			background: #F7F7F7;
			height: 100%;
			.icon-box{
				.nds{
					h3{
						font-size: 20px;
						font-style: normal;
						font-weight: 700;
						margin-bottom: 5px;
						color: #1AAAE2;
					}
					p{
						font-size: 16px;
					}
				}
			}
		}
	}
	&.secwhy{
		.title h2{
			color: #0F4A7F;
			text-align: center;
			font-size: 50px;
			font-style: normal;
			 line-height: 1.2; 
			text-transform: uppercase;
		}
		.table_hlc{
			tbody{
				tr{
					td{
						border-bottom: 1px solid rgba(0, 0, 0, 0.1);
						padding:15px 18px;
					}
					&+tr{
						td:nth-child(1){
							font-size: 16px;
							font-weight: 700;
							 line-height: 24px;
							color: #0F4A7F;
						}
						td{
							font-size: 16px;
							color: #000;
						}
					}
				}
				tr:nth-child(1){
					background: #0F4A7F;
					td{
						padding: 18px;
						color: #fff;
						font-weight: bold;
					}
				}
			}
		}
	}
}
.sec_vp{
	.title{
		h2,p{
			color: #0F4A7F;
			font-size: 50px;
			font-weight: 700;
			// line-height: 1.2;
			max-width: 445px;
		}
	}
	.contents{
		margin-bottom: 37px;
		p{
			font-size: 16px;
			font-style: normal;
			font-weight: 400;
			line-height: 1.5;
		}
	}
	.row_icon{
		.col .col-inner{
			background: #f7f7f7;
			padding: 25px 20px;
			height: 100%;
			.des{
				h3{
					color: #1AAAE2;
					font-family: Montserrat;
					font-size: 20px;
					font-style: normal;
					font-weight: 700;
					 line-height: 25px;
				}
				p{
					font-size: 16px;
					font-weight: 400;
				}
			}
		}
	}
	.rowimg{
		margin-top: 30px;
	}
}
.sec_dv{
	.title{
		h2{
			color: #0F4A7F;
			font-family: Montserrat;
			font-size: 50px;
			font-style: normal;
			font-weight: 700;
			 line-height: 60px; /* 120% */
			text-transform: uppercase;
			margin-top: 110px;
		}
	}
	.devvn-row-slider{
		margin-top: -115px;
		padding-left: 85px;
		.col .col-inner{
			background: rgba(255, 255, 255, 0.9);
			padding: 30px;
			&:after{
				content: "";
				background: url(assets/img/quote.svg) no-repeat;
				width: 79px;
			    height: 60px;
			    right: 30px;
			    bottom: 45px;
			    position: absolute;
			    background-size: contain;
			}
			.quote p{
				color: #000;
				font-size: 22px;
				font-style: italic;
				font-weight: 400;
				 line-height: 36px; 
			}
			.icon-box{
				.icon-box-text{
					.name p{
						color: #0F4A7F;
						font-size: 30px;
						font-style: normal;
						font-weight: bold;
					}
					.khhang p{
						color: #1AAAE2;
						font-family: Montserrat;
						font-size: 20px;
						font-style: normal;
						font-weight: 700;
						 line-height: 25px; /* 125% */
					}
				}
				
			}
		}
		ol.flickity-page-dots{
			display: none;
		}
	}
}
.banner_apa{
	.title{
		h2{
			font-size: 50px;
			color: #fff;
			font-weight: bold;
			text-transform: uppercase;
		}
	}
	.desc{
		p{
			color: #FEFEFF;
			font-size: 30px;
			font-style: normal;
			font-weight: 700;
			 line-height: 1.3;
			text-transform: uppercase;
		}
	}
	.woof_redraw_zone{
        display: flex;
	    gap: 5px;
	    background: #fff;
	    padding: 10px;
	    align-items: flex-end;
	    width: fit-content;
	    border-radius:5px;
	    .chosen-container {
		    min-width: 100%;
		    width: 100% !important;
		    margin-bottom: 0;
		    height: 36px !important;
		}
		>.div{
			min-width:150px;
		}
		
		.button {
            margin: 0 !important;
		    font-size: 14px;
		    font-weight: 400;
		    white-space: nowrap;
		    text-transform: unset;
		    height: 36px;
		    background: #00AEFF;
		    min-width: 150px;
		    border-radius: 5px;
	    }
	    h4 {
	        color: initial!important;
	        font-size: 14px;
	        font-weight: 500;
	    }
	   	a.chosen-single{
   		    font-size: 14px;
		    height: 36px;
		    padding: 5px 10px;
	   	}	
	}
	.textbox_icon{
		.col{
			padding-bottom: 0;
			margin-top: 15px;
		}
		.icon-box{
			margin-bottom: 20px;
			p{
				margin-top: 0;
				margin-bottom: 0;
				font-size: 16px;
			}
			.counts p{
				font-size:20px;
				font-weight: bold;
			}
		}
	}
}
.sec_ds{
	.title	{
		h2{
			font-size: 50px;
			text-transform: uppercase;
			color: #0F4A7F;
			 line-height: 1.2;
		}
	}
	&:before{
		content: "";
		background: url(assets/img/logobg.png) no-repeat;
		position: absolute;
		right: -159px;
		width: 318px;
		height: 509px;
		display: block;
	}
}
.product-small.box{
	.box-image{
		img{
			height: 225px;
			object-fit: cover;
		}
	}
}
.sec_doingu{
	&:before{
		content: "";
		background: url(assets/img/logobg.png) no-repeat;
		position: absolute;
		left: -159px;
		width: 318px;
		height: 509px;
		display: block;
	}
	.title	{
		h2{
			font-size: 50px;
			text-transform: uppercase;
			color: #0F4A7F;
			 line-height: 1.2;
		}
	}
	.subdesc p{
		margin-bottom: 0;
		font-size: 16px;
	}
	.row_dn{
		.col{
	        flex-basis: 20%;
        	max-width: 20%;
        	.box{
        		.box-image{

        		}
        		.box-text{
        			background: #f7f7f7;
        			padding: 10px;
        			.chucvu p {
					    color: #1AAAE2;
					    font-family: Montserrat;
					    font-size: 12px;
					    font-style: normal;
					    font-weight: 700;
					     line-height: 24px; /* 200% */
					}

					.name p {
					    color: #0F4A7F;
					    font-family: Montserrat;
					    font-size: 16px;
					    font-style: normal;
					    font-weight: 700;
					     line-height: 25px; /* 156.25% */
					}
					.icon-box{
						margin-top: 10px;
						.icon-box-text.last-reset{
							font-size: 14px;
						}
					}
        		}
        	}
		}
	}
}
.row.devvn-row-slider-noauto.row_nv.flickity-enabled.is-draggable{
	margin-top: 25px;
	ol.flickity-page-dots{
		display:none;
	}
	.box{
		.box-image{

		}
		.box-text{
			background: #f7f7f7;
			padding: 10px;
			.chucvu p {
			    color: #1AAAE2;
			    font-family: Montserrat;
			    font-size: 10px;
			    font-style: normal;
			    font-weight: 700;
			     line-height: 14px; /* 200% */
			}

			.name p {
			    color: #0F4A7F;
			    font-family: Montserrat;
			    font-size: 14px;
			    font-style: normal;
			    font-weight: 700;
			     line-height: 20px; /* 156.25% */
			}
			.icon-box{
				margin-top: 5px;
				.icon-box-text.last-reset{
					font-size: 12px;
				}
			}
		}
	}
}
section.section.dt_san {
    padding: 65px;
    background: #F0F0F0;
    min-height: 560px;
    &:before{
		content: "";
		background: url(assets/img/logobg.png) no-repeat;
		position: absolute;
		left: -159px;
		width: 318px;
		height: 509px;
		display: block;
	}
    .col.text-center{
    	h2{
    		color: #0F4A7F;
			font-family: Montserrat;
			font-size: 50px;
			 line-height: 1.5; /* 160% */
			text-transform: uppercase;
    	}
    }
    table.over_dt{
    	thead{
    		background: #0F4A7F;
    		tr{
    			td{
    				padding: 10px;
    				color: #fff;
    				font-weight: bold;
    				&.text-logo{
    					padding-left: 30px;
    				}
    				+td{
    					text-align: center;
    				}
    			}
    		}
    	}
    	tbody{
    		tr{
    			border-top: 1px solid rgba(0, 0, 0, 0.1);
    			td{
    				font-size: 16px;
    				color: #000;
    				padding: 15px 10px;
    				
    				&.color{
    					color: #0F4A7F;
						font-size: 16px;
						font-style: normal;
						font-weight: 700;
						padding-left: 5px;
    				}
    				+td{
    					text-align: center;
    				}
    			}
    		}
    	}
    }
}
// 70-> 50; 50-> 30,35; 30->20 
//mobile
@media only screen and (max-width: 550px){
	.banner_gt{
		padding-top: 100vh !important;
		.text-box.banner-layer {
		    width: 90% !important;
		    left: 5%;
		    .title_page h2{
		    	font-size: 50px;
		    	 line-height: 1.3;
		    }
		    .subtitle p{
		    	font-size: 20px;
		    }
		}
	}
	ul.list_blogs {
		margin-top: 25px;
	    justify-content: space-between;
    	flex-direction: column;
		li.post_cat {
			margin-bottom: 0;
			a{
				font-size: 20px;
			}
		}
	}
	footer#footer:after{
		background-repeat: no-repeat;
	}
	.off-canvas-right .mfp-content .sidebar-menu{
		padding-right: 15px;
	}
}

@media only screen and (max-width: 550px){
	// lien he
	.sec_infogt{
		.title_lhpage p{
			font-size: 35px;
		}
	}
	// tin tuc
	.sec_fw{
		.title_news p{
			font-size: 30px;
		}
		.row_tintuc {
			.box.box-vertical {
				.box-text{
					padding: 20px 20px 50px;
				}
				.post-meta, button.button.is-link.is-small.mb-0{
					bottom: 20px;
				}
			}
		}
	}
	div#post-list .text-title h2{
		font-size: 30px;
	}
	.article-inner .entry-header-text.entry-header-text-top h1{
		font-size: 30px;
	}
	//phat trien ben vung
	.banner_carres{
		padding-top: 600px !important;
		.text-box.banner-layer {
		    .title_page h2{
		    	font-size: 40px;
		    	 line-height: 1.3;
		    }
		    .subtitle p{
		    	font-size: 18px;
		    }
		}
	}
	.sec_ptrien .colg_icon > .col-inner{
		padding-left: 15px;
		padding-top: 50px;
		max-width: unset;
		padding-right: 15px;
		.title_x h2{
			font-size: 40px;
			 line-height: 1.3;
		}
	}
	.sec_hoatdong{
		background-color: #0f4a7f !important;
		.col_txttitle > .col-inner .contetns{
			padding-right: 0;
			max-width: unset;
		}
		.colimg > .col-inner{
			.row_npr.row_top {
				.colg_left{
			    	flex-basis: 100%;
			    	max-width: 100%;
				}
				.colg_right{
					flex-basis: 100%;
    				max-width: 100%;
    				.col-inner{
    					img{
    						height: unset;
    						object-fit: cover;
    						padding-right: 15px;
    					}
    				}
				}
			}
			.row_npr.row_bot{
				.colg_left,.colg_right{
					flex-basis: 100% !important;
			    	max-width: 100% !important;
			    	img{
			    		height: unset;
    					object-fit: cover;
    					
			    	}
				}
				.colg_left img{
					padding-right: 5px;
				}
				.colg_right img{
					padding-right: 15px;
				}
			}
		}
	}
	.sec_td {
		.title_center h2{
			font-size: 45px;
			 line-height: 1.3;
		}
	}
	.sec_td {
		.row_nopcv .titleformut p{
			font-size: 45px;
			 line-height: 1.3;
		}
		.f_formut {
			.form_3cot p{
				display: unset !important;
				span + span{
					margin-left: 0 !important;
				}
			}
			.row2cot p{
				display: unset !important;
				input.wpcf7-form-control.wpcf7-tel.wpcf7-text.wpcf7-validates-as-tel{
					margin-left: 0 !important;
				}
				.custom-file-upload{
					margin-left: 0 !important;
					width: 100% !important;
					span.hidewuploadfile{
						font-size: 12px !important;
						 line-height: 26px;
					}
				}
			}
		}
	}
	// about
	.sec_conso {
		.title_center h2{
			font-size: 30px;
		}
		.devvn-row-slider-center {
			margin-top: 50px;
			.col.is-selected {
				.counts p{
					font-size: 100px;
				}
				.text.title_color p{
					 line-height: 1.2;
				}
			}
			button.flickity-button.previous{
				left:0%;
				top: 100%;
			}
			button.flickity-button.next{
				right: 10%;
				top: 100%;
			}
		}
	}
	.lichsuht{
		.titler_center{
			h2,  h2 span, p {
				font-size: 29px !important;
			}
		}
	}
	section.giatri {
		.txt_opacity p{
			font-size: 100px;
		}
		.row_tnsm {
			.title_tnsm p{
				font-size: 30px;
			}
		}
	}
	.lichsuht{
		.slider.slider-nav.slick-initialized.slick-slider{
			.slick-arrow.slick-next, .slick-arrow.slick-prev{
				display: none !important;
			}
		}
		.slick-list.draggable{
			.slick-track{
				margin-bottom: 20px;
			}
		}
		.slider.slider-nav .slick-track .item:last-child strong{
			width: 100px;
	        display: block;
	        height: 31px;
	        padding: 0;
		}
		.boxcontent.slick-slide {
			padding: 0;
			flex-direction:column;
			gap: 20px;
			.year{
				font-size: 60px;
				border: none;
			}
		}
		.slider.slider-single.slick-initialized.slick-slider{
			button{
		        width: 30px;
		        height: 30px;
		        position: absolute;
		        margin-top: -60px;
			}
		}
	}
	.section5.seckh{
		&:before{
			width: 100%;
		}
	}
	.banlanhdao .devvn-row-slider.bld {
		.col .col-inner .box .box-text {
			.box-text-inner{
				.name p{
					font-size: 20px;
				}
				.chucvu p{
					font-size: 16px;
				}
			}
		}
	}
	.secct.sec_abouts .row.ctn_about:after{
		display: none;
	}
	.sec_ncv .title_name p{
		font-size: 25px;
		 line-height: 1.2;
	}
	.sec_ncv .title_cv p{
		font-size: 20px;
		 line-height: 1.2;
	}
	// halo page
	.banner_gt {
		.title_pages h2{
			font-size: 30px;
		}
		&.banners_50 .subtitle ul {
		    justify-content: space-between;
    		flex-direction: column;
			li{
				font-size: 18px;
				margin-bottom: 5px;
			}
		}
	}
	.sec_tiemluc5 {
		.title_normal p{
			font-size: 30px;
		}
		.title_bold p{
			font-size: 30px;
		}
		.row_fives .col{
		    flex-basis: 100%;
    		max-width: 100%;
		}
	}
	.sec_giatricl .title_bolds p, .sec_giatricl .title_bolds h2{
		font-size: 30px;
		 line-height: 1.4;
	}
	.banner_gt.banners_50 .banner-bg.fill{
		width: 100%;
		left: 0;
		.overlay{
			opacity: 0.5;
		}
	}
	.title_lv h2{
		font-size: 32px;
	}
	//halo hospital
	.sec_savelv {
		.colg_lefts{
			padding-top: 15px;
			.col-inner{
				padding:30px 15px 15px;
				max-width: unset;
				.icon-box {
					.icon-box-text{
						h5{
				 			font-size: 20px;
						}
						h6{
							font-size: 16px;
							margin-bottom: 20px;
						}
					}
				}
			}
		}
		.colg_form  {
			.col-inner{
				padding: 30px;
				.title_lv p , .title_lv h2, .title_lv h3{
					font-size: 26px;
				}
				.rowchekcbox {
					    flex-direction: column;
					    label{
					    	 padding-right: 0;
					    }

				}
			}
		}
	}
	.sec_ds .title h2,.sec_doingu .title h2{
		font-size: 30px;
	}
	.sec_doingu {
		 .row_dn .col{
		 	flex-basis: 100%;
    		max-width: 100%;
		 }
	}
	section.section.dt_san{
		padding: 40px 0px 15px;
		 .col.text-center h2{
		 	font-size: 30px;
		 }
	}
	.banner_connect:not(.banner_gts ) {
		padding-top: 800px !important;
		.boxbg > div{
			padding: 15px;
			.top_title p{
				font-size: 18px;
			}
			.mid_title p{
				font-size: 14px;
			}
		}
		.text-box.banner-layer{
			width: 100% !important;
			left: 0;
			transform: unset;
			.text-inner.text-left {
			    padding: 0 10px;
			}
			 .subtitle ul{
			 	flex-direction: column;
			 	li{
			 		font-size: 18px;
			 		margin-bottom: 0;
			 	}
			 }
		}
	}
}
.td_mb{
	.st{
		padding: 10px;
		border-radius: 10px;
		background: #fff;
		margin-bottom: 20px;
		box-shadow: 0 0 5px 2px rgba(7, 50, 89,0.2);
		.vitri{
			font-size: 20px;
			font-weight: bold;
			color: #0f4a7f;
		}
	}
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{
	background: #fff;
}

// homepage
@media only screen and (max-width: 550px){
	#preloader .svg1{
		height: 150px;
	}
	button.scroll-down-btn{
		display: none;
	}
	.home{
		div#masthead{
			margin-top: 30px;
		}
		.header-wrapper.stuck{
			div#masthead{
				margin-top: 0px;
				background: #0f4a7f;
				 #logo img {
				    max-height: 45px !important;
				}
			}
		}
	}
	.home .header-wrapper:not(.stuck){
		div#masthead {
		    margin-top: 30px;
		}
	}
	div#fullpage{
		margin-top: 0px !important;
		div#section1{
			margin-top: -30px;
			.Title_banner p{
			 	font-size: 20px;
			 	 line-height: 1.3;
			}
		}
		div#section2 {
			.row_counter .col_txt .html_tk {
				margin-top: 0;
				padding-top: 0;
				.ctk {
				    display: flex;
				    justify-content: center;
				    flex-direction: column;
					span.numb{
						font-size: 70vw;
					}
					.sp2{
					    margin-top: 60px;
	    				margin-bottom: -100px
					}
					.sp1{
						margin-bottom: 60px;
					}
				}
			}
			.clog_maxw{
				> .col > .col-inner{
					padding: 0 15px;
				}
			}
		}
		div#section5:before{
			width: 100vw;
		}
		div#section6 .row {
			.title_kh h2{
				font-size: 26px;
			}
			.icon-box .icon-box-text.last-reset p{
				font-size: 18px;
			}
		}
		div#section7 .row_tintuc .box.box-vertical {
			z-index: 9;
			flex-direction: column !important;
			.box-text{
				width: 100% !important;
				padding: 20px 20px 60px;
			}
		}
		div#section5 .title_dt{
			padding: 20px !important;
			h2	{
				font-size: 40px;
				 line-height: 1.2;
			}
		}
	}
	.mfp-ready .mfp-close {
	    opacity: 1;
	    color: #fff;
	    mix-blend-mode: unset;
	}
	div#section4{
		padding-bottom: 0;
	}
}
.mfp-wrap.mfp-auto-cursor.off-canvas.off-canvas-right.mfp-ready{
	.mfp-close {
	    opacity: 1;
	    color: #fff;
	    mix-blend-mode: unset;
	   right: 130px;
	}
}

.nt-slider-thumnail .col {
	overflow: hidden;
	.col-inner{
		&:after{
		    height: 100%;
    		position: absolute;
    		bottom: -10px;
		}
	}
	img{
		opacity: 1;
	}
}
// min 1950px
@media only screen and (min-width: 1950px){
	div#fullpage{
		.sectiom >.row{
			min-width: 1440px;
		}
		#section7 >.row{
			max-width: 80vw;
		}
		#section5{
			>.row{
		        max-width: 70vw;
		        .img_scale{
		        	max-width: unset;
		        }
			}
		}
		div#section2 .clog_maxw > .col > .col-inner{
		    max-width: 50vw;
		    padding-right: 65px;
		    margin-left: 10vw;
		    margin-top: 20vh;
		}
		.nt-slider-content{
			max-width: 40vw;
		}
		.nt-slider-thumnail .flickity-slider{
			max-width: 55vw;
		}
	}
	.nt-slider-linh-vuc {
		.banner .overlay{
			background-size: cover;
			height: 100vh;
			background-position: bottom center;
		}
	}
}
// reponsive slide
@media only screen and (max-width: 550px){
	div#section3{
		flex-direction: column;
		.slider-wrapper.relative.dark{

		}
		.flex.nt-slider-box.dark{

		}
	}
}
.banner_gts.banner_connect{
	.title_pages{
		margin-top: 12.5vh;
		h2{
			color: #0F4A7F;
			font-size: 50px;
			text-transform: uppercase;
		}
	}
	.colg_cricle{
	    border-radius: 486px;
	    background: linear-gradient(180deg, rgba(15, 74, 127, 0.3) 0%, rgba(26, 170, 226, 0.3) 100%);
	    max-height: 480px;
	    height: 100vw;
	    .col-inner{
    	    position: absolute;
		    width: 50%;
		    left: 50%;
		    top: 50%;
		    transform: translate(-50%, -50%);
		    .icon-box{
		    	margin-bottom: 25px;
		    	.counts{
		    		p{
		    			color: #FEFEFF;
						font-size: 20px;
						font-style: normal;
						font-weight: 700;
		    		}
		    	}
		    	p{
		    		font-size: 16px;
		    	}
		    }
	    }
	}
	.devvn-row-slider_no {
		margin-top: -60px;

		ol.flickity-page-dots{
			display: none;
		}
		button.flickity-button.flickity-prev-next-button{
			opacity: 1;
			display: block;
			
			height: 40px;
			width: 40px;
			border: 1px solid #fff;
			border-radius: 99px;
			svg{
				content: "";
			    width: 16px;
			    height: 16px;
			    position: absolute;
			    opacity: 1;
			}
			&.previous{
				left: -60px;
				svg{
					background: url(assets/img/chevon.svg) center center no-repeat;
				}
			}
			&.next{
				left: unset;
				right: -60px;
				svg{
					transform: rotate(180deg);
					background: url(assets/img/chevon.svg) center center no-repeat;
				    top: calc(50% - 8px);
    				left: calc(50% - 8px);
				}
			}
		}
		.col{
			.col-inner{
				min-height: 270px;
				.icon-box{
					.icon-box-img{
						margin-bottom: -30px;
						margin-left:  30px;
						.icon{
							img{
								padding-top: 0;
							}
						}
					}
					.icon-box-text{
						background: #fff;
						padding:40px 30px 30px;
						min-height: 230px;
						.title p{
							color: #1AAAE2;
							font-size: 20px;
							font-weight: bold;
							margin-bottom: 5px;
						}
						.botcontents p{
							font-size: 16px;
							font-style: normal;
							font-weight: 400;
							color: #000;
						}
					}
				}
			}
		}
	}

}
section.section.banner_gts.banner_connect.banner_apa.dark  .colg_cricle{
	max-height:  406px;
}
@media only screen and (max-width: 550px){
	.mfp-wrap.mfp-auto-cursor.off-canvas.off-canvas-right.mfp-ready .mfp-close{
		right:5px;
	}
	.banner_gts.banner_connect .colg_cricle .col-inner{
		width: 60%;
		.icon-box{
	    	margin-bottom: 15px;
	    	.counts{
	    		p{
					font-size:20px;
	    		}
	    	}
	    	p{
	    		font-size: 14px;
	    	}
	    }
	}
	.nt-filter-post .flex-row{
		flex-direction: column;
		button.button.primary {
		    margin: 0;
		}
	}
	.banner_apa {
		.title{
			margin-top: 100px;
			h2{
				font-size: 30px;
			}	
		}
		.desc p{
			font-size: 18px;
			 line-height: 1.4;
		}
		.woof_redraw_zone{
		    align-items: flex-start;
		    width: 100%;
		    flex-direction: column;
		    align-content: flex-start;
		    border-radius:5px;
		    .woof_container{
		    	width: 100%;
		    }
		}
	}
	.sec_td{
		.titletop h2{
			font-size: 40px;
		}
		.row{
			.col .col-inner{
			
			}
		}
	}
	
}
.row_ft .ux-menu  a:hover span{
		font-weight: bold;
		color: #fff;
	}
@media only screen and (max-width: 1024px){
	#section8{
		display: none;
	}
}
.list_blogs {
	.post_cat_td{
	    color: #FFF;
	    font-family: Montserrat;
	    font-size: 20px;
	    font-style: normal;
	    font-weight: 700;
	     line-height: 40px;
	    text-transform: uppercase;
	    margin-bottom: 0;
	}
}
//ipad 1366
@media only screen and (max-width: 1370px) and (min-width: 1200px){
	
	div#section8:after{
		background-repeat: no-repeat;
	}
	.slider-style-focus .flickity-slider>*{
		max-width: 850px !important;
	}
	.banner_gt .title_page h2{
		font-size: 55px;
	}
}
//ipad 1180
@media only screen and (max-width: 1200px) and (min-width: 1150px){
	div#section8:after{
		background-repeat: no-repeat;
	}
	.slider-style-focus .flickity-slider>*{
		max-width: 850px !important;
	}
	.banner_gt .title_page h2{
		font-size: 50px;
	}
	.banner_gt{
		.title_pages h2{
			font-size: 40px;
		}
		&:not(.banner_connect){
			.text-box{
			left: 10%;
			width: 80% !important;
			}
		}
		&.banner_connect{
			.textbox1{
				left: 5%;
				width: 53% !important;
			}
			.subtitle ul li{
				font-size: 20px;
			}
		}
	}
	.banner_apa .title h2{
		font-size: 40px;
	}
	.sec_ptrien .colg_icon > .col-inner .icon-box .icon-box-text.last-reset{
		min-height: 160px;
		p{
			font-size: 16px;
		}
	}
	.sec_hoatdong .col_txttitle > .col-inner {
		.title_center h2{
			font-size: 40px;
		}
	}
	.sec_hoatdong .colimg > .col-inner{
		.row_npr.row_top .colg_left .col-inner{
			height: 100%;
			.img{
				height: 100%;
				*{
					height: 100%;
				}
			}
		}
		 .row_npr.row_bot .colg_left{
		 	*{
		 		height: 100%;
		 	}
		 }
	}
	.title_lv h2{
		font-size: 45px;
	}
	.banner_gt .subtitle p{
		font-size: 25px;
	}
}
//1024
@media only screen and (max-width:1149px) and (min-width:850px){
	div#section8:after{
		background-repeat: no-repeat;
	}
	.slider-style-focus .flickity-slider>*{
		max-width: 850px !important;
	}
	.banner_gt .title_page h2{
		font-size: 50px;
	}
	.banner_gt{
		.title_pages h2{
			font-size: 40px;
		}
		&.banners_50 .banner-bg.fill{
			width: 55%;
    		left: 45%;
		}
		&:not(.banner_connect){
			.text-box{
			left: 5%;
			width: 90% !important;
			}
		}
		&.banner_connect{
			.textbox1{
				left: 5%;
				width: 53% !important;
			}
			.subtitle ul li{
				font-size: 20px;
			}
		}
	}
	.title_lv {
		h2{
			font-size: 40px;
		}
	}
	.sec_lV .content_img_inffo .colg_mt{
		margin-top:0;
		&.colg_color .col-inner{
			min-height: 300px;
		}	
	}
	.sec_savelv .colg_form .col-inner .rowchekcbox {
		display: flex;
    	flex-direction: column;
    	label{
    		padding-right:0;
    	}
	}
	.sec_dv {
		.title h2{
			margin-top: 10px;
			font-size: 40px;
		}
		.devvn-row-slider{
			margin-top: -75px;
		}
	}
	section.section.banner_gts.banner_connect.banner_apa.dark{
		.title h2{
			margin-top: 100px;
		}
		.colg100 {
	        flex-basis: 100%;
        	max-width: 100%;
		}
		.colg_cricle {
			max-width: 406px !important;
		}
	}
	section.section.banner_gts.banner_connect.dark{
		.colgs_50{
			flex-basis: 50%;
        	max-width: 50%;
		}
	}
	.home .header-wrapper:not(.stuck){
		div#masthead {
		    margin-top: 30px;
		}
	}
	div#section1{
		margin-top: -30px;
	}
	button.scroll-down-btn{
		display: none;
	}
	div#section3 {
	    margin-bottom: -60px;
	   	.nt-slider-linh-vuc .banner .overlay{
			height: 100%;
			background-size: cover;
		}
		.flex.nt-slider-box.dark {
	    	display: flex;
		    flex-direction: column;
		   
		}
	}
	div#fullpage div#section5:before,.section5.seckh:before{
		width: 42vw;
	}
	.section5.seckh,div#fullpage div#section5 {
		.title_dt h2{
			font-size: 45px;
		}
	}
	div#fullpage div#section6 .row .icon-box .icon-box-text.last-reset {
		h5{
		    overflow: hidden;
		    text-overflow: ellipsis;
		     line-height: 35px;
		    -webkit-line-clamp: 2;
		    height: 70px;
		    display: -webkit-box;
		    -webkit-box-orient: vertical;
		}
	}
	div#fullpage div#section7 .row_tintuc .box.box-vertical {
		.post-meta{
			display: none;
		}
		a.button.primary{
			display: none;
		}
	}
	.sec_conso .devvn-row-slider-center {
		button.flickity-button{
			top: 90%;
		}
	}
	section.giatri .row_tnsm .title_tnsm p{
		font-size: 40px;
	}
	.sec_doingu .row_dn .col{
		flex-basis: 33%;
    	max-width: 33%;
	}
	.sec_ptrien .colg_icon > .col-inner .icon-box .icon-box-text.last-reset{
		font-size: 16px;
		min-height: 190px;
	}
	.sec_hoatdong {
		.section-bg.fill{
			max-width: 40vw;
		}
		.col_txttitle {
			flex-basis: 40%;
        	max-width: 40%;
        	> .col-inner .contetns{
        		max-width: 100%;
        	}
		}
		.colimg{
	        flex-basis: 60%;
        	max-width: 60%;
        	 > .col-inner .row_npr.row_top .colg_right img{
        	 	height: 160px;
        	 }
        	 >.col-inner .row_npr.row_bot .colg_right img{
        	 	height: 166px;
        	 }
		}
	}
	div#post-list .box .box-text {
		.post-meta,a.button.primary.is-link.is-small.mb-0{
			display: none;
		}
	}
	.clog_maxw{
		margin-left: 15px;
	}
	.nt-slider-linh-vuc {
		.flickity-prev-next-button{
			right: 40% !important;

		}
	}
	.banlanhdao .devvn-row-slider.bld {
		.col .col-inner .box .box-text .box-text-inner{
			.name p{
			    overflow: hidden;
			    text-overflow: ellipsis;
			     line-height: 35px;
			    -webkit-line-clamp: 2;
			    height: 70px;
			    display: -webkit-box;
			    -webkit-box-orient: vertical;
			}
			.chucvu p{
			    overflow: hidden;
			    text-overflow: ellipsis;
			    -webkit-line-clamp: 2;
			    height: 50px;
			    display: -webkit-box;
			    -webkit-box-orient: vertical;
			}
		}
	}
	.sec_savelv .colg_form .col-inner .title_lv p, .sec_savelv .colg_form .col-inner .title_lv h2, .sec_savelv .colg_form .col-inner .title_lv h3{
		font-size: 30px;
	}
}
@media only screen and (max-width: 850px) and (min-width: 550px){
	div#section8:after{
		background-repeat: no-repeat;
	}
	.slider-style-focus .flickity-slider>*{
		max-width: 850px !important;
	}
	.banner_gt .title_page h2{
		font-size: 50px;
	}
	div#section1{
		margin-top: -30px;
	}
	button.scroll-down-btn{
		display: none;
	}
	.home {
		.header-wrapper:not(.stuck){
			div#masthead {
			    margin-top: 30px;
			}
		}
		.section{
			padding: 0;
			h2{
				padding-top: 30px;
			}
			.title_news{
				padding-top: 45px;
			}
		}
	}
	div#fullpage div#section2 .clog_maxw > .col > .col-inner{
		padding-right: 30px;
		padding-left: 30px;
		.title_numb p{
			overflow: hidden;
		    text-overflow: ellipsis;
		     line-height: 35px;
		    -webkit-line-clamp: 2;
		    height: 70px;
		    display: -webkit-box;
		    -webkit-box-orient: vertical;
		}
	}
	ul.list_blogs {
		flex-direction: column;
		
	}
	.flex.nt-slider-box.dark{
		display: flex;
    	flex-direction: column;
	}
	.mfp-wrap.mfp-auto-cursor.off-canvas.off-canvas-right.mfp-ready .mfp-close {
	   	top: 30px;
	    right: 110px;
	}
	.title_dt h2{
		font-size: 40px;
	}
	div#masthead .nav > li.has-icon > a > i{
		color: #333;

	}
	li.nav-icon.has-icon i.icon-menu{
		border: 1px solid #333;
	}
	div#fullpage div#section5:before{
		width: 43vw;
	}
	.banner_gt {
		.title_page h2{
			font-size: 35px;
		}
		.text-box.banner-layer.x0.md-x0.lg-x0.y90.md-y90.lg-y90.res-text{
			width: 90% !important;
			left: 5%;
		}
		&.banner_carres{
			.text-box{
				width: 90% !important;
				left: 5%;
				.title_page h2{
					font-size: 35px;
				}
				.subtitle p{
					font-size: 20px;
				}
			}
		}
		&.banners_50 {
			.banner-bg.fill{
				width: 60%;
				left: 40%;
			}
		}
		.subtitle p{
			font-size: 20px;
		}

	}
	.sec_ptrien .colg_icon > .col-inner{
		padding-left: 15px;
		padding-top: 60px;
		max-width: unset;
		padding-right: 15px;
	}
	.sec_hoatdong{
		.section-bg.fill{
			max-width: 100%;
		}
		.col_txttitle > .col-inner .contetns{
			max-width: unset;
		}
	}
	.colimg > .col-inner .row_npr.row_top{
		.colg_right{
		    flex-basis: 38% !important;
    		max-width: 38% !important;
    		img{
    			height: 202px !important;
    		}
		}
		.colg_left{
			flex-basis: 60% !important;
			max-width: 60% !important;
		}
	}
	.banlanhdao .devvn-row-slider.bld {
		.col .col-inner .box .box-text .box-text-inner{
			.name p{
			    overflow: hidden;
			    text-overflow: ellipsis;
			     line-height: 35px;
			    -webkit-line-clamp: 2;
			    height: 70px;
			    display: -webkit-box;
			    -webkit-box-orient: vertical;
			    font-size: 25px;
			}
			.chucvu p{
			    overflow: hidden;
			    text-overflow: ellipsis;
			    -webkit-line-clamp: 2;
			    height: 50px;
			    display: -webkit-box;
			    -webkit-box-orient: vertical;
			    font-size: 18px;
			}
		}
	}
	.section5.seckh:before{
		width: 55vw;
	}
	.sec_tiemluc5 {
		.title_normal p{
			font-size: 35px;
		}
		.title_bold p{
		 	font-size: 35px;
		}
		.row_fives .col{
			flex-basis: 33.333333%;
    		max-width: 33.333333%;
		}
	}
	.title_lv h2{
		font-size: 35px;
	}
	.sec_savelv {
		.colg_form .col-inner .title_lv p,  .colg_form .col-inner .title_lv h2,  .colg_form .col-inner .title_lv h3{
			font-size: 30px;
		}
		 .colg_form .col-inner{
		 	max-width: unset;
		 	padding: 30px;
		 }
		.rowchekcbox{
			flex-direction: column;
		}
		.colg_lefts .col-inner{
			padding: 0 15px;
		}
	}
	.sec_vp .title h2, .sec_vp .title p,.sec_conect.secwhy .title h2,
	.sec_infogt .title_lhpage p{
		font-size: 35px;
	}
	.sec_dv {
		.title h2{
			font-size: 35px;
			margin-top: 40px;
			 line-height: 1.1;
		}
		.devvn-row-slider{
			margin-top: 0;
		}
	}
	.sec_doingu .row_dn .col{
		flex-basis: 33.333333%;
    	max-width: 33.333333%;
	}
}
@media only screen and (min-width: 1024px) and (max-width: 1440px){
	.colg_ths{
		.col.large-8.medium-8.small-12{
			flex-basis: calc(100% - 278px);
        	max-width: calc(100% - 278px);
		}
		.nt-sale.col.large-4.medium-4.small-12{
	        flex-basis:278px;
        	max-width:278px;
		}
	}
	div#fullpage div#section2 .row_numb_up{
		margin-top: 160px;
	}
}
.colg_ths{
	.nt-sale{
		.title_lienhe{
			margin-bottom: 15px;
			strong{
				font-size: 16px;
			}
		}
	}
	.sale{
		.box-vertical{
			&+.box-vertical{
				margin-top: 10px;
			}
			
			.box-image{
				width: 40%;
			}
			.box-texts{
				padding-left: 5px;
				width:100%;
			}
			.chucvu p{
			    color: #1AAAE2;
			    text-transform: uppercase;
			    margin-bottom: 0;
			    font-weight: bold;
			    font-size: 12px;
			}
			.name p{
				 color: #0F4A7F;
			    text-transform: uppercase;
			    margin-bottom: 0;
			    font-weight: bold;
			    font-size: 12px;
			}
			.icon-box{
				padding-left: 5px;
				&+.icon-box{
					margin-top: 2px;
					img{
						margin-top: -10px;
					}
				}
				img{
				    width: 15px;
				    object-fit: scale-down;
				    padding-top: 0px;
				    margin-top: -5px;
				}
				.icon-box-text.last-reset{
					padding-left: 5px;
					p{
						font-size: 11px;
					}
				}
			}
		}
	}
}
@media only screen and (max-width: 550px){
	.colg_ths{
		.nt-sale{
			.title_lienhe{
				margin-bottom: 15px;
				 strong{
					font-size: 16px;
				
				}
			}
		}
		.sale{
			.box-vertical{
				margin-bottom: 10px;
				.box-texts{
					padding: 10px;
					background: #fbfbfb;
				}
				.chucvu p{
				   
				    font-size: 14px;
				}
				.name p{
					
				    font-size: 16px;
				}
				.icon-box{
					
					.icon-box-text.last-reset{
						padding-left: 5px;

						p{
							font-size: 14px;
						}
					}
				}
			}
		}
	}
	.sec_vp .title h2, .sec_vp .title p,.sec_conect.secwhy .title h2{
		font-size: 30px;
	}
	.banlanhdao .title_center h2{
		 line-height: 1.3;
		font-size: 30px;
	}
	.sec_dv {
		.title h2{
			font-size: 30px;
			margin-top: 50px;
			 line-height: 1.2;
		}
		.devvn-row-slider{
			margin-top: 0;
			padding-left: 0;
			.col .col-inner {
				.quote p{
					font-size: 16px;
					 line-height: 1.4;
				}
				.icon-box .icon-box-text .name p{
					font-size: 20px;
				}
			}
		}
	}
}
@media only screen and (max-width: 1024px) and (min-width: 550px){
	.colg_ths{
		.col.large-8.medium-8.small-12{
			flex-basis: 100%;
        	max-width: 100%;
		}
		.nt-sale.col.large-4.medium-4.small-12{
	        flex-basis:100%;
        	max-width:100%;
		}
	}
	.title_lienhe {
	    padding: 0 20px;
	    strong{
	    	font-size: 20px;
	    }
	}
	.sale {
	    display: grid;
	    grid-template-columns: 50% 50%;
	    .box-vertical {
		    display: flex;
		    flex-direction: column;
		    padding: 0 20px;
		    .box-image{
		    	width: 100% !important;
		    	 
		    }
		    .box-texts{
		    	.box-text-inner{
		    		padding: 10px;
		    		p{
		    			font-size: 14px;
		    		}
		    	}
		    	.icon-box img{
		    	 	width: 20px;
		    	}
		    	.icon-box .icon-box-text.last-reset p{
		    		font-size: 12px;
		    	}
		    }
		}
	}
	.single-building .entry-content .nt-entry-tile{
		font-size: 30px !important;
	}
}
@media only screen and (min-width: 1024px){
	.home {
		div#fullpage{
			.section{
				overflow: hidden;
			}
		}
	}
}
.banner.has-hover.banner_gt.banners_50{
	&:before{
		    background: url(assets/img/Logofts.svg) center center no-repeat;
    background-size: cover;
    content: "";
    position: absolute;
    top: 10%;
    left: 0;
    width: 163px;
    height: 509px;
    z-index: 0;
	}
}
@media only screen and (min-width: 850px){
	.product-container{
		.product-gallery.col.large-6{
			.product-images.relative{
				height: calc(100% - 80px);
				.woocommerce-product-gallery__wrapper{
					height: 100%;
					.flickity-viewport{
						height: 100%;
						*{
							height: 100%;
							object-fit: cover;
						}
					}

				}
			}
		}
	}
}
.row.devvn-row-slider-noauto.row_nv.flickity-enabled.is-draggable .box .box-text .name p{
	   overflow: hidden;
    text-overflow: ellipsis;
     line-height: 25px;
    -webkit-line-clamp: 1;
    height: 25px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.sec_building{
	&:before{
		content: "";
	    background: url(assets/img/logobg.png) no-repeat;
	    position: absolute;
	    right: -159px;
	    width: 318px;
	    height: 509px;
	    display: block;
	}
	.rowopd0{
		.col{
			padding-bottom: 0;
			.title  h2{
				color: #0F4A7F;
				text-align: center;
				font-size: 50px;
				font-style: normal;
				font-weight: 400;
				 line-height: 1.2; /* 120% */
				text-transform: uppercase;
			}
			.txt_mid p{
				font-size: 16px;
				font-weight: 400;
				margin-bottom: 30px;
			}
			.txt_bot p{
				margin-bottom: 0;
				font-size: 16px;
				font-weight: 400;
			}
		}
	}
}
button#readmore_vi a,button#readmore_en a {
    color: #fff;
    background: #0f4a7f;
    padding: 15px 20px;
    font-weight: 500;
}
@media only screen and (max-width: 1024px) and (min-width: 850px){
	.sec_building{
		.col .title  h2{
			font-size: 40px; 
		}
	}
}
@media only screen and (max-width: 850px) and (min-width: 550px){
	.sec_building{
		.col .title  h2{
			font-size:35px; 
		}
	}
}
@media only screen and (max-width: 550px) {
	.sec_building{
		.col .title  h2{
			font-size:30px; 
		}
	}
}
@media only screen and (min-width: 850px){
	.building_info{
		.building-left{
			>.col-inner{
				height: 100%;
				.slider-wrapper {
					height: 100%;
					.slider,.slider .flickity-viewport {
						height: 100% !important;
					}
					.slider .flickity-viewport .flickity-slider{
						height: 100%;
						*{
							height: 100%;
						}
					}

				}
			}
		}
		.building-right .col-inner{
			max-width: 915px;
	}
}
}
.entry-bieu-phi {
	.slider {
		img{
			object-fit: scale-down;
		}
	}
}
article.building {
	.slider{
		button.flickity-button {
			svg{
			    fill: #0f4a7f;
	    		background: #fff;
	    		path{
	    		    fill: #0f4a7f;
	    			background: #fff;
	    		}
			}
			&:hover{
				svg{
					 fill: #0f4a7f !important;
					 path{
					 	fill: #0f4a7f !important;
					 }
				}
			}
		}
	}
}
@media only screen and (max-width: 1300px) and (min-width: 1024px){
	div#section3{
		.slider{
			
		}
	}
}
div#section3{
	height: 100vh;
	@media only screen and (max-width: 1024px) {
		min-height: 900px;
	}
	position: relative;
	overflow: hidden;
	.slider{
		position: absolute;
		inset: 0;
		
		.slides {
			position: absolute;
			top: 50%;
			transform: translateY(-50%);
			border-radius: 5px;
			background: var(--img);
			background-size: cover;
			background-position: center;
			box-shadow: 0 25px 50px rgba(0, 0, 0, 0.5);
			transition: 0.5s;
			display: flex;
			justify-content: flex-start;
			align-items: flex-end;
			overflow: hidden;
			@media only screen and (min-width: 1024px) {
				&:nth-child(odd):not(:nth-child(1)) {
					top: 45%;
				}
			}

			&:nth-child(1) {
				@media only screen and (min-width: 1024px) {
					position: absolute;
				}
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				transform: translateY(0);
				&::after {
				  content: "";
				  background: linear-gradient(180deg,rgba(15, 74, 127, 0) 0%,#0f4a7f 61.58%);
				  height: 90vh;
				  width: 100%;
				  position: absolute;
				  bottom: 0;
				}
			}
			&:nth-child(2) {
				left: calc(100vw - (175 * 4px) - (20 * 4px)); // cong thuc: 100vw - 175 * 4 tam hinh
				background-size: cover;
			}
			&:nth-child(3) {
				left: calc(100vw - (175 * 3px) - (20 * 3px));  // cong thuc: 100vw - 175 * 3 tam hinh
				background-size: cover;
			}

			&:nth-child(4) {
				left:calc(100vw - (175 * 2px) - (20 * 2px));
				background-size: cover;
			}
			&:nth-child(5) {
				left: calc(100vw - (175 * 1px) - (20 * 1px));
				background-size: cover;
			}
			
			&:nth-child(6) {
				left: calc(100vw - (175 * 0px) - (20 * 0px));
				background-size: cover;
			}
			&:nth-child(n + 7) {
				left: calc(40% + 760px);
				background-size: cover;
			}
			&:not(:nth-child(-n + 1)) {
				&::before {
				  content: attr(data-title);
				  text-wrap: wrap;
				  position: absolute;
				  width: 80%;
				  left: 50%;
				  transform: translateX(-50%);
				  color: #fff;
				  text-align: center;
				  font-size: 1.25rem;
				  font-style: normal;
				  font-weight: 700;
				   line-height: 1.3125rem; /* 105% */
				  text-transform: uppercase;
				  z-index: 1;
				  bottom: 30px;
				}
				&::after {
				  content: "";
				  position: absolute;
				  width: 100%;
				  height: 50%;
				  bottom: 0;
				  // opacity: 0.5;
				  background: linear-gradient(
					180deg,
					rgba(15, 74, 127, 0) 0%,
					#0f4a7f 100%
				  );
				}
			}
			&:nth-last-child(-n + 3) .content {
				visibility: hidden;
			}
		
		}	

		@media only screen and (min-width: 1300px){
			.slides{
				width: 175px;
				height:265px;
			}
		}	
		@media only screen and (max-width: 1300px) and (min-width: 1024px){
			.slides{
				width: 150px;
				height:227px;
				&:nth-child(2) {
					left: calc(100vw - (150 * 4px) - (10 * 4px)); // cong thuc: 100vw - 150 * 4 tam hinh
					background-size: cover;
				}
				&:nth-child(3) {
					left: calc(100vw - (150 * 3px) - (10 * 3px));  // cong thuc: 100vw - 150 * 3 tam hinh
					background-size: cover;
				}

				&:nth-child(4) {
					left:calc(100vw - (150 * 2px) - (10 * 2px));
					background-size: cover;
				}
				&:nth-child(5) {
					left: calc(100vw - (150 * 1px) - (10 * 1px));
					background-size: cover;
				}
				
				&:nth-child(6) {
					left: calc(100vw - (150 * 0px) - (10 * 0px));
					background-size: cover;
				}
			}
		}
		div.content {
			top: 30%;
			left: 100px;
			width: 30%;
			min-width: 330px;
			z-index:99;
			bottom: 210px;
			color: white;
			@media only screen and (min-width: 1030px) {
				position: absolute;
				
			}
			h3 {
				opacity: 0;
				 line-height: normal;
				transition: all 0.5s ease;
				font-size: 50px;
				color: white;
				font-style: normal;
				font-weight: 400;
				text-transform: uppercase;
				transform: translateX(-100%);
				margin-bottom: 0;
				position: relative;
				strong{
					font-weight: 700;
				}
				@media only screen and (max-width: 900px) and (min-width: 550px){
					font-size: 35px;
				}
				@media only screen and (max-width: 550px)   {
					font-size: 30px;
				}
			}
			h2 {
				 color: white;
			      opacity: 0; 
				   line-height: normal;
				  transition: all 0.5s ease;
				  font-size: 3.125rem;
				  font-weight: 700;
				  text-transform: uppercase;
				  transform: translateX(100%);
				  @media only screen and (max-width: 900px) {
					font-size: 2.125rem;
				  }
			}
			p {
			  margin-top: 20px;
			  opacity: 0;
			  transition: all 0.5s ease;
			  transform: translateY(200%);
			  font-size: 1rem;
			   line-height: normal;
			  font-weight: 400;
			   line-height: 1.5625rem;
			  @media only screen and (max-width: 900px) {
				 line-height: 1.4625rem;
			  }
			}
		}	
		@media only screen and (max-width: 1024px) {
			& .slides:nth-child(1) .content {
				p {
				  opacity: 1;
				  transition-delay: 0.5s;
				  transform: translateY(0);
				}
				h3 {
				  opacity: 1;
				  transition-delay: 0.5s;
				  transform: translateX(0);
				}
				h2 {
				  opacity: 1;
				  transition-delay: 0.5s;
				  transform: translateX(0);
				}
			}		
		}
		
	}
	.box-page {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: flex-end;
		padding-right: 130px;
		position: absolute;
		bottom: 115px;
		gap: 20px;
		.buttons {
			display: flex;
			gap: 20px;
			width: 150px;
			span {
			  position: relative;
			  width: 60px;
			  height: 60px;
			  background-color: transparent;
			  border: 2px solid white;
			  cursor: pointer;
			  display: flex;
			  justify-content: center;
			  align-items: center;
			  border-radius: 50%;
			  &::before {
				content: "";
				position: absolute;
				height: 20px;
				width: 20px;
			    background: url(assets/img/chevon.svg) center center no-repeat;
    			background-size: 20px;
			  }
			  &:nth-child(2)::before {
				transform: rotate(180deg) translate(0px, 0px);
			  }
			  &:active {
				opacity: 0.5;
			  }
			  &:hover {
				
			  }
			}
		}
		.process {
			display: flex;
			position: relative;
			gap: 20px;
			background-color: white;
			width: 17.8125rem ;
			z-index: 1;
			height: 2px;
			@media only screen and (max-width: 900px) {
				display: none;
			}
			.process-line {
			  position: absolute;
			  display: flex;
			  gap: 20px;
			  background-color: #1aaae2;
			  width: 10%;
			  transition: width 0.5s ease;
			  z-index: 2;
			  height: 2px;
			}
		  }
		  .num-page {
			@media only screen and (max-width: 900px) {
				display: none;
			}
			#num-s {
			  text-align: center;
			  font-size: 3.125rem;
			  font-style: normal;
			  font-weight: 700;
			  color: #fff;
			  text-transform: uppercase;
			}
		  }
	}
	@media only screen and (max-width: 1024px) and (min-width: 550px) {
		.slider {
			height: 100vh;
			inset: 0 0 150px 0;
			min-height: 900px;
			overflow: hidden;
			.slides {
			  width: 180px;
			  height: calc(900 * 0.5px - 130px);
			  bottom: -180px;	
			  &:nth-child(1) {
				bottom: 0;
				transform: none;
				height: 100vh;
				align-items: flex-start;
				min-height: 900px;
			  }
			  &:nth-child(2) {
				transform: translate(0);
				left:20px;
				top: 50%;	
				width: calc(100vw* 0.5 - 60px);
				min-width: 150px;
			
			  }
			  &:nth-child(3) {
				transform: translate(0);
				right: 20px;
				top: 50%;	
				left: initial;
				width: calc(100vw* 0.5 - 60px);
				min-width: 150px;
		
			  }
			  &:nth-child(n + 4) {
				transform: translate(0);
				top: 50%;	
				z-index: -1;
				width: calc(100vw* 0.5 - 60px);
				min-width: 150px;
			  }
			
			}
			div.content {
			 	padding: 20px;
			 	width: auto;
			  	padding-top: calc(15% + 70px);
			  	p.content{
			  		width: 100%;
			  	}
			}
		}
		.box-page {
			justify-content: center;
			padding: 0;
			bottom: 60px;
		}
	
	}
	@media only screen and (max-width: 550px){
		

	}
}
@media only screen and (min-width: 1024px) {
	.active{
		overflow: hidden;
		#slider{
			.slides:nth-child(1) .content {
				p {
					opacity: 1;
					transition-delay: 0.5s;
					transform: translateY(0);
				}
				h3 {
					opacity: 1;
					transition-delay: 0.5s;
					transform: translateX(0);
				}
				h2 {
					opacity: 1;
					transition-delay: 0.5s;
					transform: translateX(0);
				}
			}  
		}
	}
}
@media only screen and (max-width: 550px){
	div#section3 {
		.slider  {
			.slides{
				top: 65%;
				width: 150px;
				height:225px;
				&:nth-child(1)::after{
					height: 100vh;
					z-index: -1;
				}
			}
			div.content{
				width: 90%;
				margin-left: 5%;
				margin-top: 30%;
			}
		}
		.box-page {
			bottom: 80px !important;
			padding-right: 0;
			padding-left: 30px;
			align-items: center;
    		justify-content: center;
			.buttons span{
		 		width: 40px !important;
		 		height: 40px !important;
		 		&:before{
		 			height: 13px;
		 			width: 13px;
		 		}
		 	}
		}
	}
}
div#section3{
	div#slider:after {
	    content: "";
	    width: 100%;
	    height: 205px;
	    background: url(assets/img/shapebg6.svg) top center;
	    position: absolute;
	    bottom: 0;
	    left: 0;
	    z-index: 0;
	}
}
div#masthead ul.header-nav{
	li.lang-item-en{
		img{
			content: url('assets/lang_flags/en_US.png');
		    width: 20px !important;
		    height: 20px !important;
		    border-radius: 20px;
		}
	}
	li.lang-item-vi{
		img{
			content: url('assets/lang_flags/vi.png');
		    width: 20px !important;
		    height: 20px !important;
		    border-radius: 20px;
		}
	}
}
@media only screen and (max-width: 850px){
	div#masthead ul.mobile-nav {
		li.lang-item-en{
			width: 25px;
			img{
				content: url('assets/lang_flags/en_US.png');
			    width: 25px !important;
			    height: 25px !important;
			    border-radius: 25px;
			}
		}
		li.lang-item-vi{
			width: 25px;
			img{
				content: url('assets/lang_flags/vi.png');
			    width: 25px !important;
			    height: 25px !important;
			    border-radius: 25px;
			}
		}
	}
}
@media only screen and (max-width: 550px){
	.blog_vertical  .box-vertical {
		display: block;
		.box-image {
		    display: block !important;
		    width: 100% !important;
		}
	}
}
.header-main.stick {
    background: #0f4a7f;
    padding: 5px 0 25px !important;
    height:80px;
    i.icon-search{
    	color: #fff;
    }
    .icon-menu:before{
    	color: #fff;
    }
    #logo img{
    	max-height: 50px;
    }
}
div#section3 .slider {
	.buton_hef{
		a.buton_url.btn{
			display: inline-block;
		    color: #fff;
		    margin: 20px 0 0;
		    padding: 10px;
		    width: 200px;
		    text-align: center;
		    font-size: 15px;
		    letter-spacing: 4px;
		    text-transform: uppercase;
		    border: 1px solid rgba(255, 255, 255, .6);
		    z-index: 10;
	        transition: all .3s ease-in-out;
        	cursor: pointer;
            transition: all 0.5s ease;
    		transform: translateY(200%);
    		&:hover{
    			background: #fff;
    			color: #0f4a7f;
    		}
		}
	}
}
.active #slider .slides .content 	a.buton_url.btn{
	
    transform: translateY(0);
}
.single-building {
	.dich-vu{
		button.flickity-button.flickity-prev-next-button{
			opacity: 1;
			border-radius: 99px;
			svg{
				fill: #0f4a7f;
				background: #efefef;
				border-radius: 99px;
				path{
					fill: #0f4a7f;
				}
			}
		}	
		.devvn-row-slider-noauto{
			ol.flickity-page-dots{
				li.dot{
					border:3px solid var(--color1);
					background: var(--color1);
					.is-selected{
						border: var(--color1);
						background: var(--color1);
					}
				}
			}
		}
	}
}
@media only screen and (min-width: 1150px){
	.single-building .entry-content .tien-ich .row{
		display: flex;
  		justify-content: space-between;
		.col{
	        flex-basis: unset;
	        max-width: unset;
	        flex: 1; /* Các cột sẽ có cùng kích thước */
  			padding: 10px;
		}
	}
}
@media only screen and (min-width: 550px) and (max-width: 850px){
	.single-building .entry-content .tien-ich .row{
		display: flex;
  		justify-content: space-between;
		.col{
	        flex-basis: unset;
	        max-width: unset;
	        flex: 1; /* Các cột sẽ có cùng kích thước */
  			padding: 10px;
		}
	}
}
.archive.post-type-archive.post-type-archive-building{

	div#banner-mtg {
    	display: none;
	}
	div#masthead {
	    position: relative;
	    background: #0e4b86;
	    height: 80px;
	}
}
button.button.woof_reset_search_form {
    display: none;
}
.label_tag{
	position: absolute;
	z-index: 99;
	left: 10px;
	top: 10px;
	span.tag_line{
		display: block;
		width: fit-content;
		padding: 2px 7px;
		font-size: 12px;
		color: #fff;
		border-radius: 5px;
		text-transform: uppercase;
		&.tag_0{
			background: #00bf63;
		}
		&.tag_1 {
			background: #ff914d;
		}
		&+span{
			margin-top: 5px;
		}
	}
}
.product-small.box{
	.image-tools.is-small.top.right.show-on-hover {
	    position: absolute;
	    left: 0;
	    top: 0;
	    opacity: 1;
	}
}
.home{
	div#masthead{
	.header-inner.flex-row.container.logo-left.medium-logo-left {
		    height: 70px;
		}
	}
}
@media only screen and (min-width: 850px){
	div#masthead{
		padding: 20px 0 0;
	}
}
@media only screen and (max-width: 550px){
	#logo img {
        max-height:60px;
    }
	.banner_gts {
		&.is-full-height{
			height: unset;
			min-height: unset;
		}
		&.banner_connect .title_pages{
			margin-top: 17vh;
		}
		.title_pages {
			margin-top: 17vh;
			p{
				 line-height: 1.5;
			}
		}
	}
	div#section3 {
		overflow: hidden;
		.buton_hef{
			a.buton_url.btn{
				transform: unset !important;
			}
		}
		.box-page{
			bottom: 20px !important;
		}
		.slider {
			overflow: hidden;
			.slides{
				overflow: hidden;
				top:  75%;
				  overflow-x: auto;
				&:before{
					text-align: left !important;
					font-size: 16px !important;
				}
				&:nth-child(1){

				}
				&:nth-child(2){
					left: calc(195vw - (150 * 4px) - (20 * 4px)) !important;
					overflow: hidden;
				}
				&:nth-child(3){
					left: calc(195vw - (150 * 3px) - (20 * 3px)) !important;
					overflow: hidden;
				}
				&:nth-child(4){
					left: calc(195vw - (150 * 2px) - (20 * 2px)) !important;
					overflow: hidden;
					opacity: 0;
					display: none;
				}
				&:nth-child(5){
					left: calc(195vw - (150 * 1px) - (20 * 1px)) !important;
					overflow: hidden;
					opacity: 0;
					display: none;
				}
				&:nth-child(6){
					left: calc(195vw - (150 * 0px) - (20 * 0px)) !important;
					overflow: hidden;
					opacity: 0;
					display: none;
				}
			}
		}
	}

	div#section4 {
		padding: 0;
		.video.video-fit.mb.auto_play.pt-0.has-block{
			margin-bottom: 0;
		}
	}
	.sec_abouts:before{
		width: 100px;
	}
	.stuck div#masthead{
		padding: 0;
	}
	.sec_abouts .slider_focus button.flickity-button{
		width: 40px;
		height: 40px;
	}
	.off-canvas-right .mfp-content .sidebar-menu   {
		padding-right: 30px;
		>ul{
			max-width: 320px;
			float: 	right;
			>li{
				>a{
					font-size: 16px;
					&:after{
						font-size: 16px !important;	
					}
				}
				i{
					margin-top: -8px;
					&:before{
						font-size: 20px;
					}
				}
				&.active{
					i{
						margin-top: 0;
					}
				}
				ul{
					li{
						a{
							font-size: 14px !important;
						}
					}
				}
			}
		}
	}
	.sec_conect.secwhy .table_hlc tbody tr + tr td{
		font-size: 14px;
		padding: 8px 10px;
	}
	.sec_ds .title h2 span{
		font-size: 32px !important;
	}
	section.section.dt_san table.over_dt tbody tr td + td{
		font-size: 14px;
		padding: 8px 10px;
	}
	section.section.dt_san:before{
		z-index: 0;
	}
	.home {
		body{
			overflow: hidden;
		}
	}
}
@media only screen and (max-width: 550px){
	#logo img {
        max-height: 50px !important;
    }
    .home .header-wrapper{
    	&:not(.stuck){
    		div#logo{
    			display: none;
    		}
    	}
    }
}
body.archive.post-type-archive.post-type-archive-building.nav-dropdown-has-shadow.nav-dropdown-has-border.mobile-submenu-toggle.catalog-mode{
	div#masthead {
        padding: 10px 0;
        #logo img {
	        max-height: 50px !important;
	    }
    }
    
}
.load_more_building {
	margin: auto;
    display: block;
    max-width: 200px;
	a#loadMore {
	    padding: 10px 25px;
	    background: #0e4b7f;
	    color: #fff;
	    font-size: 18px;
	    font-weight: 600;
	}
}
@media only screen and (min-width: 850px){
	.transparent #logo img {
    	max-height: 60px !important;
	}
}
@media only screen and (max-width: 550px){
	div#fullpage div#section7 .row_tintuc {
		.blog_overlay {
			.box-text.text-left {
				h5 a{
					font-size: 22px;
				    overflow: hidden;
				    text-overflow: ellipsis;
				    line-height: 30px;
				    -webkit-line-clamp: 2;
				    height: 60px;
				    display: -webkit-box;
				    -webkit-box-orient: vertical;
				}
				p.from_the_blog_excerpt{
					margin-top: 5px !important;
					margin-bottom: 5px !important;
					font-size: 14px !important;
					height: 40px !important;
					-webkit-line-clamp:2 !important;
				}
			}

		}
	}
}
@media only screen and (min-width: 850px){
	.archive.post-type-archive.post-type-archive-product.woocommerce-shop.woocommerce.woocommerce-page{
		.page-title-inner.flex-row.medium-flex-wrap.container h1{
			font-size: 30px;
			font-weight: 600;
		}
		span.widget-title.shop-sidebar{
			display: none;
		}
		.woof_redraw_zone{
	        display: flex;
		    gap: 5px;
		    background: #fff;
		    padding: 10px;
		    align-items: flex-end;
		    width: fit-content;
		    margin: auto;
		    .chosen-container {
			    min-width:200px;
			    width: 100% !important;
			    margin-bottom: 0;
			    height: 36px !important;
			}
			>.div{
				min-width:200px;
			}
			
			.button {
	            margin: 0 !important;
			    font-size: 15px;
			    font-weight: 400;
			    white-space: nowrap;
			    text-transform: unset;
			    height: 36px;
			    background: #00AEFF;
			    min-width: 150px;
			    border-radius: 5px;
		    }
		    h4 {
		        color: initial!important;
		        font-size: 18px;
		        font-weight: 500;
		    }
		   	a.chosen-single{
	   		    font-size: 14px;
			    height: 36px;
			    padding: 5px 10px;
		   	}	
		}
	}
}
@media only screen and (max-width: 850px){
	.archive.post-type-archive.post-type-archive-product.woocommerce-shop.woocommerce.woocommerce-page{
		.page-title-inner.flex-row.medium-flex-wrap.container {
			.flex-col.flex-grow.medium-text-center{
				text-align: left !important;
				margin-top: 10px;
				h1{
					font-size: 30px;
					font-weight: 600;
					margin-bottom: 0;
				}
			}
		}
		span.widget-title.shop-sidebar{
			display: none;
		}
		.woof_redraw_zone{
	        display: flex;
		    gap: 5px;
		    background: #fff;
		    padding: 10px;
		
		   flex-direction: column;
		    margin: auto;
		    .chosen-container {
			    min-width:200px;
			    width: 100% !important;
			    margin-bottom: 0;
			    height: 36px !important;
			}
			>.div{
				min-width:200px;
			}
			
			.button {
	            margin: 0 !important;
			    font-size: 15px;
			    font-weight: 400;
			    white-space: nowrap;
			    text-transform: unset;
			    height: 36px;
			    background: #00AEFF;
			    min-width: 150px;
			    border-radius: 5px;
		    }
		    h4 {
		        color: initial!important;
		        font-size: 18px;
		        font-weight: 500;
		    }
		   	a.chosen-single{
	   		    font-size: 14px;
			    height: 36px;
			    padding: 5px 10px;
		   	}	
		}
	}
}
@media only screen and (max-width: 850px) and (min-width: 550px){
	.archive.post-type-archive.post-type-archive-product.woocommerce-shop.woocommerce.woocommerce-page .woof_redraw_zone {
	    flex-wrap: wrap;
	    align-content: space-around;
	    flex-direction:unset;
	    .woof_container{
	    	float: left;
	    	width: 49%;
	    }
	}
}