/* Landingpage bất động sản */
/* Banner */
.text-gradient-main {
    background: linear-gradient(to right, var(--color-first), var(--color-second));
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
}

#slide-batdongsan {
    background-size: 100% 100% !important;
    min-height: 958px;
    position: relative;
}

#slide-batdongsan .container {
    position: relative;
    height: 958px;
}

.slide-batdongsan {
    position: absolute;
    bottom: 202px;
    left: 15px;
    width: calc(100% - 30px);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center
}

.slide-batdongsan-content {
    width: calc(456 * 100% / 1126);
    color: #fff;
}

.slide-batdongsan-img {
    width: calc(615 * 100% / 1126);
}

.name-slide-batdongsan {
    margin-bottom: 25px;
    text-transform: uppercase;
}

.desc-slide-batdongsan {
    text-transform: none;
    margin-bottom: 24px;
    font-size: 24px;
    line-height: 32px;
}

.content-slide-batdongsan {
    font-size: 14px;
    line-height: 1.5
}

.title-main-batdongsan {
    font-size: 35px;
    line-height: 44px;
    font-weight: 600;
    margin-bottom: 20px;
    text-transform: none;
}

/* Slogan dưới banner */
#slogan-batdongsan {
    margin-bottom: 88px;
}

.slogan-batdongsan {
    max-width: 935px;
    width: 100%;
    text-align: center;
    margin: auto;
    padding: 55px 0;
    position: relative
}
div.content-slogan span{
    display:inline-block
}
/* Slide giải pháp */
#slide-giaiphap-batdongsan {
    position: relative;
    margin-bottom: 96px;
}

.owl-giaiphap-batdongsan {
    max-width: 888px;
    width: 100%;
    margin: auto;
    padding: 0 48px;
}

.title-giaiphap-batdongsan {
    margin: auto;
    margin: auto;
    pointer-events: none;
}

.name-title-giaiphap-batdongsan {
    font-size: 14px;
    margin-bottom: 12px;
    text-transform: uppercase;
    line-height: 22px;
}

.slogan-title-giaiphap-batdongsan {
    font-size: 31px;
    line-height: 44px;
    text-transform: none;
    margin-bottom: 8px;
    letter-spacing: -0.8px;
}

.desc-slide-giaiphap-batdongsan {
    max-width: 792px;
    margin: auto;
    width: 100%;
    margin-bottom: 32px;
    font-size: 14px;
    line-height: 22px;
}

.img-slide-giaiphap-batdongsan {
    margin-bottom: 40px;
}

.owl-giaiphap-batdongsan .owl-carousel.in-arrow .owl-nav {
    position: absolute;
    bottom: unset;
    width: calc(100% + 45px);
    left: 50%;
    transform: translateX(-50%);
    margin-top: 0;
    top: -60px;
}

.owl-giaiphap-batdongsan .owl-carousel.in-arrow .owlleft {
    left: 0;
}

.owl-giaiphap-batdongsan .owl-carousel.in-arrow .owlright {
    right: 0;
}

.owl-giaiphap-batdongsan .owl-carousel.in-arrow .owlleft, .owl-giaiphap-batdongsan .owl-carousel.in-arrow .owlright {
    width: 48px;
    height: 48px;
    display: flex;
    line-height: 48px;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: linear-gradient(to right, var(--color-first), var(--color-second));
    background-color: transparent;
    border-radius: 50%;
    position: absolute;
}

.owl-giaiphap-batdongsan .owl-carousel.in-arrow .owlleft svg,.owl-giaiphap-batdongsan .owl-carousel.in-arrow .owlright svg {
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%);
    width: 30px;
    height: 30px !important
}

.owl-giaiphap-batdongsan .owl-carousel.in-arrow .a {
    fill: none;
    stroke: #fff;
    stroke-width: 1000;
}

/* Icon giải pháp */
.slogan-main-batdongsan {
    margin: auto;
    margin-bottom: 50px;
    text-align: center;
    max-width: 792px;
    width: 100%
}

.icon-giaiphap-batdongsan {
    text-align: center;
}

.img-icon-giaiphap-batdongsan {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.name-icon-giaiphap-batdongsan {
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
}

.btn-giaiphap {
    display: flex;
    align-items: center;
    justify-content: center;
}


.btn-giaiphap-lienhe {
    background: linear-gradient(to right, #F2994A, #F2C94C);
    margin-right: 24px;
}

.btn-giaiphap-baogia {
    background: linear-gradient(to right, var(--color-second), var(--color-first)) !important
}

/* Gói thiết kế */
#goithietke-batdongsan {
    margin-bottom: 110px;
    padding-top: 120px;
    position: relative;
}

.img-slogan-goithietke-batdongsan {
    text-align: center
}

.box-goithietke-batdongsan {
    position: relative;
    margin-bottom: 28px;
}

.box-goithietke-batdongsan::before {
    position: absolute;
    content: "";
    width: 601px;
    height: 601px;
    border-radius: 50%;
    border: 1px solid var(--color-second);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1
}

.box-goithietke-batdongsan::after {
    position: absolute;
    content: "";
    width: 410px;
    height: 410px;
    border-radius: 50%;
    border: 1px solid var(--color-second);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1
}

.goithietke-batdongsan {
    display: flex;
    flex-wrap: wrap;
    width: 316px;
    justify-content: space-between;
    position: absolute;
}

.btn-goithietke-batdongsan {
    display: block;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 1px solid var(--color-second);
    background: #fff;
    cursor: pointer;
}

div.goithietke-batdongsan.batdongsan.active .btn-goithietke-batdongsan {
    background: linear-gradient(to right, var(--color-first), var(--color-second))
}
div.goithietke-batdongsan.active .btn-goithietke-batdongsan {
   background: var(--color-second);
}

.name-goithietke-batdongsan {
    width: 224px;
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    color: #18181A;
}
div.goithietke-batdongsan.active .name-goithietke-batdongsan{
    font-weight:500;
}
.goithietke-batdongsan:nth-child(even) {
    flex-direction: row-reverse
}

.goithietke-batdongsan:nth-child(2) {
    top: 150px;
    left: 0
}

.goithietke-batdongsan:nth-child(3) {
    top: 150px;
    right: 0
}

.goithietke-batdongsan:nth-child(4) {
    top: 400px;
    left: 0
}

.goithietke-batdongsan:nth-child(5) {
    top: 400px;
    right: 0
}

.content-goithietke-batdongsan {
    max-width: 792px;
    margin: auto;
    text-align: center;
    margin-bottom: 46px
}

.name-content-goithietke-batdongsan {
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 15px;
}

/* Chức năng */
#chucnang-batdongsan {
    margin-bottom: 100px;
}

.box-chucnang-batdongsan {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between
}

.chucnang-batdongsan-left {
    width: calc(517% * 100 / 1130);
}

.chucnang-batdongsan-right {
    width: calc(502% * 100 / 1130);
}

.name-chucnang-batdongsan {
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    line-height: 24px;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    padding: 10px;
    background: var(--color-second);
    border-radius: 12px;
    min-height: 68px;
    display: flex;
    align-items: center;
    justify-content: center
}
div#chucnang-batdongsan.dulich .name-chucnang-batdongsan{
    background: var(--color-second2); 
}
div#chucnang-batdongsan.nhahangkhachsan .name-chucnang-batdongsan{
    background: var(--color-second2); 
}
div#chucnang-batdongsan.vemaybay .name-chucnang-batdongsan{
    background: var(--color-second2); 
}
div#chucnang-batdongsan.trangsuccaocap .name-chucnang-batdongsan{
    background: var(--color-second2); 
}
.box-chucnang-batdongsan-nav {
    margin: 0px -4px 32px -4px
}

.chucnang-batdongsan-nav .slick-slide {
    padding: 0 4px
}

.content-chucnang-batdongsan {
    color: #fff
}

/* Mẫu thiết kế */
.box-mauthietke-batdongsan swiper-slide {
    opacity: 0
}

.box-mauthietke-batdongsan swiper-slide.swiper-slide-visible {
    opacity: 1;
}

.mauthietke-img {
    margin-bottom: 0px;
    border-radius: 10px;
    overflow: hidden;
    max-height: 405px;
}

.mauthietke-img img {
    object-position: top;
    width: 100%;
    object-fit: cover;
    height: 100%;
}

.name-mauthietke {
    font-size: 20px;
    line-height: 28px;
    color: #fff;
    text-align: center;
    max-width: 490px;
    width: max-content;
    font-weight: 700;
    text-transform: uppercase;
    display: none;
    position: absolute;
    top: calc(100% + 30px);
    left: 50%;
    transform: translateX(-50%);
}

/* .box-mauthietke-batdongsan swiper-slide.swiper-slide-active .name-mauthietke{display: block; width: 442px; transform: translateX(-105px)} */
.slider_gallery_website {
    margin: -3px;
}

.slider_gallery_website .slick-list {
    padding: 6% 0 15% !important;
}

.slider_gallery_website .slick-slide {
    transform: scale(1);
    transition: .5s all;
    padding: 3px;
    position: relative;
    opacity: 0.8;
}

.slider_gallery_website .slick-slide.slick-center {
    transform: scale(1.3);
    z-index: 2;
    overflow: revert;
    opacity: 1;
}

.slider_gallery_website .slick-slide.slick-center .name-mauthietke {
    display: block;
    transform: translateX(-50%) scale(0.8);
}

/*  */
/* Tiêu chí */
#tieuchi-batdongsan {margin-bottom: 96px;}

.tieuchi-batdongsan {
    padding: 27px 12px;
    border-radius: 10px;
    min-height: 196px;
    background: #EEE;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.name-tieuchi-batdongsan {
    font-size: 20px;
    line-height: 26px;
    font-weight: 700;
    margin-bottom: 10px;
}

.name-tieuchi-batdongsan-counter {
    font-size: 46px;
    line-height: 56px;
    margin-bottom: 10px;
    width: 100%;
    display: flex;
    font-weight: 600;
}

.box-tieuchi-batdongsan {
    margin-bottom: 0;
}

/* Kiến thức */
#kienthuc-batdongsan {
}

.kienthuc-batdongsan-img {
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 16px;
}

.time-kienthuc-batdongsan {
    margin-bottom: 23px;
    display: block;
}

.name-kienthuc-batdongsan {
    font-size: 20px;
    line-height: 26px;
    font-weight: 700;
    margin-bottom: 12px;
}

/* Hỏi đáp */
#hoidap-batdongsan {
    position: relative;
    margin-bottom: 96px
}

#hoidap-batdongsan .container {
    position: relative;
    z-index: 2;
}

.box-hoidap-batdongsan {
    max-width: 936px;
    margin: auto
}

.name-hoidap-batdongsan {
    display: flex;
    align-items: center;
    background: #fff;
    font-size: 18px;
    cursor: pointer;
    padding: 28px 24px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.12), 0 -2px 4px rgba(0,0,0,0.12);
    border-radius: 12px;
    margin-bottom: 16px
}

.name-hoidap-batdongsan.active {
    background: linear-gradient(to right, var(--color-first), var(--color-second));
    color: #fff
}

.name-hoidap-batdongsan.active .name-icon-hoidap-batdongsan {
    transform: rotateX(180deg)
}

.name-text-hoidap-batdongsan {
    display: block;
    flex: 1
}

.name-icon-hoidap-batdongsan {
    width: 16px;
    display: block;
    margin-left: 24px;
    transition: .5s all
}

.desc-hoidap-batdongsan {
    font-size: 18px;
    padding: 28px 24px;
    background: #fff;
    transition: .5s all;
    box-shadow: 0 2px 4px rgba(0,0,0,0.12), 0 -2px 4px rgba(0,0,0,0.12);
    border-radius: 12px;
    margin-bottom: 16px
}

/* Form */
#form-batdongsan {
    margin-bottom: 96px
}

.form-batdongsan {
    max-width: 792px;
    width: 100%;
    margin: auto;
}

.input-batdongsan {
    margin-bottom: 16px;
}

.input-batdongsan input {
    border: none;
    background: #f2f2f2 ;
    border-radius: 24px;
    color: #474747;
    height: 48px;
}

.input-batdongsan select {
    font-weight: 500;
    color: #000;
    border: none;
    background-color: #f2f2f2;
    border-radius: 24px;
    color: #474747;
    height: 48px;
}

.input-batdongsan textarea {
    height: 160px;
    border: none;
    background: #f2f2f2;
    border-radius: 24px;
}

.btn-form-batdongsan {
    margin-top: 48px
}

/* Slide bottom */
.bottom-batdongsan {
    max-width: 836px;
    width: 100%;
    margin: auto;
}
div.chucnang-batdongsan-nav .slick-arrow{
    width: 24px;
    height: 24px;
    background: url(../images/btn_slick.png) no-repeat;
    transform: none;
    top: calc(50% - 12px);
}
div.chucnang-batdongsan-nav .slick-arrow::before{
    opacity: 0;
}
div.chucnang-batdongsan-nav .slick-arrow.slick-prev{}
div.chucnang-batdongsan-nav .slick-arrow.slick-next{
    transform: rotate(180deg);
}
div#goithietke-batdongsan{
    position: relative;
}
div#goithietke-batdongsan::after{
    content: '';
    background: url(../images/landingpage/bg-center-gra-landing-page.png) no-repeat top left;
    position: absolute;
    top: -86px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    pointer-events: none;
}
div#goithietke-batdongsan.spa::after{
    background: url(../images/landingpage/bg-center-gra-landing-page-spa.png) no-repeat top left;
}
div#goithietke-batdongsan.noithat::after{
    background: url(../images/landingpage/bg-center-gra-landing-page-noithat.png) no-repeat top left;
}
div#goithietke-batdongsan.dulich::after{
    background: url(../images/landingpage/bg-center-gra-landing-page-dulich.png) no-repeat top left;
}
div#goithietke-batdongsan.nhahangkhachsan::after{
    background: url(../images/landingpage/bg-center-gra-landing-page-nha-hang-khach-san.png) no-repeat top left;
}
div#goithietke-batdongsan.vemaybay::after{
    background: url(../images/landingpage/bg-center-gra-landing-page-vemaybay.png) no-repeat top left;
}
div#goithietke-batdongsan.trangsuccaocap::after{
    background: url(../images/landingpage/bg-center-gra-landing-page-trangsuc.png) no-repeat top left;
}
#hoidap-batdongsan::after{
    position: absolute;
    content: "";
    width: 324px;
    height: 711px;
    top: -125px;
    right: 0;
    pointer-events: none;
    z-index: -1
}
#hoidap-batdongsan::before {
    position: absolute;
    content: "";
    width: 324px;
    height: 598px;
    left: 0;
    top: 174px;
    z-index: -1
}
.slogan-batdongsan::after {
    position: absolute;
    content: "";
    width: 63px;
    height: 46px;
    right: 0;
    bottom: 0;
    transform: rotate(180deg);
    background: url(../images/landingpage/blockquote-all.svg);
}
.slogan-batdongsan::before {
    position: absolute;
    content: "";
    width: 63px;
    height: 46px;
    left: 0;
    top: 0;
    background: url(../images/landingpage/blockquote-all.svg);
}
#icon-giaiphap-batdongsan{
    background-size: 100% 100%;
}
#bottom-batdongsan {
    background-size: 100% 100%;
}
div.themanh-kienthuc{
    position: relative;
    background-image: url(../images/landingpage/bg-themanh.png);
    background-position: left bottom;
    padding-top: 93px;
    padding-bottom: 120px;
    background-repeat: no-repeat;
}
div.themanh-kienthuc.spa{
    background-image: url(../images/landingpage/bg-themanh-spa.png);
}
div.themanh-kienthuc.noithat{
    background-image: url(../images/landingpage/bg-themanh-noithat.png);
}
div.themanh-kienthuc.dulich{
    background-image: url(../images/landingpage/bg-themanh-dulich.png);
}
div.themanh-kienthuc.nhahangkhachsan{
    background-image: url(../images/landingpage/bg-themanh-nhahang.png);
}
div.themanh-kienthuc.vemaybay{
    background-image: url(../images/landingpage/bg-themanh-vemaybay.png);
}
div.themanh-kienthuc.trangsuccaocap{
    background-image: url(../images/landingpage/bg-themanh-trangsuc.png);
}
#bottom-batdongsan::after{
    content: '';
    opacity: 0.12;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-color: #EEE;
}
div.splide:not(.is-overflow) .splide__list {
    display: flex;
    justify-content: center;
}