/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

.h1{
    font-size: 3rem;
    font-weight: bold;
    letter-spacing: 0.02em;
    line-height: 1.2;
    font-family: Philosopher, sans-serif;
}
.h2{
    font-size: 2.25rem;
    font-weight: bold;
    letter-spacing: 0.02em;
    line-height: 1.2;   
}
.h4{
    font-size: 1.125rem;
    font-weight: bold;
    letter-spacing: -0.01em;
    line-height: 1.3;
    font-family: Philosopher, sans-serif;
}
.sticky-jump .stuck:not(.ux-no-animation){
    background: url(./img/newway-realty-header-background.jpg);
    background-size: cover;
    background-position: center;
}
.home #header{
    left: 0;
    margin: 0 auto;
    position: fixed;
    right: 0;
    top: 0;
}
.header-bg-image{
    background-repeat: no-repeat;
    background-size: cover;
}
.header .header-nav-main.nav > li > a{
    color: #B8CDBF
}
.header .header-nav-main.nav > li.hover > a,
.header .header-nav-main.nav > li.active > a{
    color: #ffffff
}
.flex-end{
    align-items: flex-end !important;
}
.overflow-hidden{
    overflow: hidden;
}
.z-99{
    z-index: 99;
}
.z-9999{
    z-index: 1009
}
.-mt-80{
    margin-top: -80px;
}
.-mt-50{
    margin-top: -50px;
}
.-mt-30{
    margin-top: -30px;
}
.mt-1em{
    margin-top: 1em;
}
.mb-1em{
    margin-bottom: 1em;
}
.p-0{
    padding: 0 !important;
}
.pb-0{
    padding-bottom: 0 !important;
}
.pb-0 .col{
    padding-bottom: 0 !important;
}
.border-bottom{
    border-bottom: 1px solid;
}
.my-80{
    margin: 80px 0;
}
.py-80{
    padding: 80px 0 !important;
}
.pl-100{
    padding-left: 100px !important;
}
.radius-8px{
    border-radius: 8px;
}
.radius-16px{
    border-radius: 16px;
}
.bold{
    font-weight: bold;
}
.nw-image,
.nw-image img{
    border-radius: 8px;
    overflow: hidden;
}
.line-clamp-2{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.green{
    color: #18582E;
}
@media (max-width: 768px){
    .my-80{
        margin: 40px 0;
    }
    .py-80{
        padding: 40px 0 !important;
    }
}
.bg-gradient{
    background: linear-gradient(179.94deg, #EDF6E5 0.05%, #C4D7B5 82.61%, #FAFDF7 96.41%);

}
.form-flat input:not([type=submit]), .form-flat select, .form-flat textarea{
    border: 1px solid transparent;
    background: transparent;
    border-radius: 99px;
}
.border-gradient-btn{
    border: solid 2px transparent;
    border-radius: 8px;
    background-image: 
    linear-gradient(#fafdf7, #fafdf7), 
    linear-gradient(90deg, #18582E -0.01%, #08D136 50%, #18582E 100.01%);
    background-origin: border-box;
    background-clip: padding-box, border-box;
}
.button.primary,
.border-gradient-btn-green{
    border: solid 2px transparent;
    border-radius: 8px;
    background-image:  linear-gradient(#18582E, #18582E), linear-gradient(90deg, #18582E -0.01%, #08D136 50%, #18582E 100.01%);
    background-origin: border-box;
    background-clip: padding-box, border-box;
}
.text-gradient-green{
background: linear-gradient(
        90deg,
        rgba(255,255,255,1) 0%,
        rgba(255,255,255,0.85) 50%,
        rgba(255,255,255,1) 100%
    );
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.nav > li.tab > a{
    font-family: Philosopher;
    font-weight: bold;
    font-size: 24px;
    line-height: 120%;
    letter-spacing: -0.01em;
    color: #ADC7AF;
}
.nav > li.tab:hover > a,
.nav > li.tab.active > a{
    color: #18582E;
}
.tabbed-content .nav-divided>li,
.tabbed-content .nav>li{
    margin: 0 24px !important;
}
.tabbed-content .nav{
    margin-bottom: 60px;
}
.nav.nav-pills > li.tab > a{
    padding: 12px 24px;
    border: 1px solid #ADC7AF;
}
.nav.nav-pills > li.tab.active > a{
    color: #FAFDF7;
}
.tabbed-content .nav-divided>li, .tabbed-content .nav.nav-pills>li{
}
.news-panel{
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 20px 80px 0 rgba(5, 5, 5, 0.15);
  margin-bottom : 155px;
  margin-top : 50px;
}


@media (min-width: 820px) and (max-width: 1200px){
    .hero-banner{
        height: 76.25vw !important;
    }
    
}
@media (min-width: 768px) and (max-width: 1200px){
    .hero-banner .is-divider{
        margin-top: 1.5em !important;
        margin-bottom: 1.5em !important;
    }
    
}
@media (max-width: 1200px){
    .pl-100{
        padding-left: 15px !important;
    }
}
@media (max-width: 990px){
    .-mt-80{
        margin-top: -50px;
    }
    .whyus-col{
        text-align: center;
    }
    .whyus-col .img{
        margin: 0 auto;
    }
}
@media (min-width: 1201px) and (max-width:1600px){
    .hero-banner{
        min-height: 60vw !important; 
    }
}
@media (min-width:1601px){
    .hero-banner{
        min-height: 46.5vw !important; 
    }
}
.border-top-bottom{
    border-top: 1px solid #ADC7AF;
    border-bottom: 1px solid #ADC7AF;
}
@media (max-width: 990px){
    .border-top-bottom{
        width: calc(100% - 48px);
        margin: 0 24px;
    }
}
.h3{
    font-size: 1.5rem !important;
    font-weight: bold;
    letter-spacing: 0.02em;
    line-height: 1.2;
    font-family: Philosopher, sans-serif;
    margin-bottom: 0;
}
@media only screen and (max-width: 48em) {
/*************** max-width 768px ***************/
    .h1{
        font-size: 1.5rem;
    }
    .h2{
        font-size: 1.25rem;
    }
    .h3{
        font-size: 1.25rem !important;
    }
    h4 {
        font-size: 1.25em;
    }
    .-mt-50{
        margin-top: -25px;
    }
}
.aspect-ratio{
    position: relative;
    overflow: hidden;
    height: 0;
}
.aspect-ratio-3-4{
    padding-top: 133.33%;
}
.aspect-ratio-2-3{
    padding-top: 150%;
}
.aspect-ratio-5-6{
    padding-top: 120%;
}
.aspect-ratio img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.section-shadow{
    box-shadow: 0px 20px 50px 0px #0000001A;
}
@media (max-width: 767px){
    
    .nav > li.tab > a{
        font-size: 18px;
    }
    .tabbed-content .nav-divided>li,
    .tabbed-content .nav>li{
        margin: 0 20px !important;
    }
    .scroll-text-wrap .section-bg .fill{
        transform: rotate(-3deg);
    }
}


.post-item .is-divider{
    display: none;
}
.post-item .post-title{
    font-family: Be Vietnam Pro, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.3em;
    letter-spacing: -0.01em;
    color: #29302B;
    margin-bottom: 8px;
}
.post-item .post-meta{
    font-family: Be Vietnam Pro, sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.3em;
    letter-spacing: -0.01em;
    color: #989F9A;
}
.nav>li.nav-icon>a{
    color: #ffffff;
}
@media (min-width: 820px) and (max-width: 1200px){
    .heading-line-right::after{
        width: 100px;
    }
}
@media (max-width: 767px){
    .heading-line-right::after{
        width: 50px;
    }
}

.footer-form textarea,
.footer-form input,
.footer-form input:focus,
.footer-form textarea:focus{
    background-color: transparent !important;
    border: none;
    box-shadow: none;
    color: #DEDDDD;
    font-family: Be Vietnam Pro, sans-serif;
    font-size: 16px;
    line-height: 1.3em;
    letter-spacing: -0.01em;
    padding-left: 0;
    padding-right: 0;
    border-bottom: 1px solid #FFFFFF80;
}

.footer-form input:not([type="submit"]){
    line-height: 54px;
    height: auto;
    
}
.footer-form input::placeholder,
.footer-form textarea::placeholder{
    color: #DEDDDD;
}
.footer-form input:focus,
.footer-form textarea:focus{
    outline: none;
}
.footer-form input[type="submit"]{
    border: solid 2px transparent;
    border-radius: 8px;
    background-image: 
    linear-gradient(#18582E, #18582E), 
    linear-gradient(90deg, #18582E -0.01%, #08D136 50%, #18582E 100.01%);
    background-origin: border-box;
    background-clip: padding-box, border-box;
    padding: 0 24px;
    margin: 0;
    height: 42px;
}
.footer-form input:-internal-autofill-selected {
    background-color: transparent !important;
}
.social-icons{
    color: #FFFFFF;
}
.absolute-footer{
    display: none !important;
}
@media (max-width: 767px){
    .column-reverse-sm{
        flex-direction: column-reverse !important;
    }
    .text-center--sm .text-right{
        text-align: center !important;
    }
    .text-center--sm .text-right > div{
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .sm--d-none{
        display: none !important;
    }
}
/* header:not(.has-transparent) .header-wrapper{
    padding-bottom: 50px;
} */
header:not(.has-transparent) .header-wrapper.stuck{
    padding-bottom: 0;
}
.top-searchform{
    position: relative;
    z-index: 9999;
    margin-bottom: 70px;
}
.search-wrapper{
    margin-bottom: 100px;
}

.single-du-an .header.has-sticky .stuck .header-bottom{
    min-height: 75px !important;
}
.single-du-an .sticky-shrink .stuck .header-main{
    transition: all 0.2s;
}
.single-du-an .header.has-sticky .stuck .header-main{
    transform: translateY(-105px);
    height: 0 !important;
}
.header .stuck .header-bottom{
    min-height: 0px !important;
}
@media (max-width: 849px) {
    .single-du-an .header.has-sticky .stuck .header-bottom.hide-for-medium {
        display: flex !important;
        min-height: 60px !important;
    }
}
@media (max-width: 767px){
    .single-du-an .header.has-sticky .stuck .header-main {
        transform: translateY(0px);
        height: 70px !important;
    }
    .stuck #logo img {
        max-height: 70px !important;
    }
    .single-du-an .header.has-sticky .stuck .header-bottom.hide-for-medium{
        display: none !important;
    }
}
.summary-info{
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-color: #C1D2C2
}
.summary-info .col{
    position: relative;
}
.summary-info .col + .col:before{
    position: absolute;
    content: '';
    background: #C1D2C2;
    width: 1px;
    height: 50px;
    top: 50%;
    left: -30px;
    transform: translateY(-50%);
}
.summary-info p{
    margin-bottom: 10px;

}
@media (max-width: 767px){
    .summary-info p:not(.h1){
        font-size: 10px;
    }
    .summary-info .col + .col:before{
        display: none;
    }
}
.project-intro .section-bg:after{
    background: linear-gradient(180deg, #FAFEFB -4.78%, rgba(250, 254, 250, 0.992854) -0.39%, rgba(249, 253, 249, 0.982452) 2.88%, rgba(248, 253, 247, 0.9) 6.93%, rgba(246, 251, 244, 0.87) 11.41%, rgba(237, 246, 229, 0.8) 27.54%, rgba(237, 246, 229, 0.806859) 32%, rgba(237, 246, 229, 0.815811) 37.95%, rgba(237, 246, 229, 0.828722) 48.98%, rgba(237, 246, 229, 0.851236) 60.05%, rgba(237, 246, 229, 0.942019) 72.93%, rgba(237, 246, 229, 0.955919) 78.44%, rgba(237, 246, 229, 0.977524) 89.04%, rgba(237, 246, 229, 0.989685) 94.99%, #EDF6E5 100%);
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.project-intro .section-bg img{
    z-index: 1;
}

.project-intro .section-content{
    z-index: 4;
}
.vision-value > .col > .col-inner{
    position: relative;

}
.vision-value > .col > .col-inner::before{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 200px);
    border-radius: 32px;
    border: solid 1px #18582E;
	background-image: linear-gradient(rgba(250, 253, 247, 0.5), rgba(250, 253, 247, 0.5));    
/* 	background-origin: border-box;
    background-clip: padding-box, border-box; */
    z-index: -1;
}
.recent-blog-posts .flex-col{
    flex: 0 0 50%;
    max-width: 50%;
    position: relative;
}
.recent-blog-posts .flex-col .badge,
.recent-blog-posts .flex-col .badge-inner{
    width: 100%;
}
.recent-blog-posts .flex-col .badge{
    position: relative;
    height: 0;
    padding-top: 75%;
}
.recent-blog-posts .flex-col .badge-inner{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 8px;
}
.widget>ul>li+li, ul.menu>li+li{
    border-top: none;
}
.recent-blog-posts a{
    font-size: 14px;
}
.box-blog-post img{
    border-radius: 8px;
}
.bg-contain .section-bg img{
	object-fit: contain !important;
	background-position: top center;
}

.job-detail__info--sections{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.job-detail__info--section{
/* 	width: 20%; */
	flex-grow: 1
}
.job-detail__info--section{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.job-detail__info--section-icon{
	background: #385537;
	border-radius: 50%;
	height: 40px;
	width: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.job-detail__info--section-content{
	padding-left: 5px;
}
.job-detail__info--section-content-title{
	line-height: 1;
	font-size: 14px;
}
.job-detail__info--section-content-value{
	line-height: 1.1;
	font-weight: bold;
}


@media (max-width: 767px){
	.job-detail__info--section{
		width: 50%;
		flex-grow: 1;
		margin-bottom: 10px;
	}
}
@media (min-width: 1201px) and (max-width: 1600px){
	.nw-dual-heading h2 {
		margin-bottom : 30px !important;
	}
}
/* chỉ giảm gap giữa các cột, KHÔNG dùng negative margin */
.team-grid-tight > .col{
  padding-left: 6px !important;
  padding-right: 6px !important;
  padding-bottom: 12px !important;
}
.nw-grad-up{
  text-transform: uppercase;

  background: linear-gradient(90deg,#18582E 0%,#08D136 50%,#18582E 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.nw-news-halfbg{
  position: relative;
  overflow: hidden; 
}
.text-gradient-green{
	text-transform: uppercase;

  background: linear-gradient(90deg,#18582E 0%,#08D136 50%,#18582E 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
	
}

.nw-news-halfbg::before{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 50%;              
  background: #EDF6E5;       
  z-index: 0;
}

.nw-news-halfbg > .section-content{
  position: relative;
  z-index: 1;
}