footer {background: var(--main-color);color: #d7d7d7;font-size: 12px;line-height: 1.3;/* margin-top:64px; */position: relative; padding: 4rem 0rem 0rem}
footer .ft-main {background: var(--main-color);position: relative; padding-top: 50px}
footer .ft-link-items li {display:block}
footer a {color: #d7d7d7; display: block; padding: 4px 0;}
footer a:hover, footer h5 {color: #fff;}
footer h5 {font-size: 14px;-webkit-text-stroke-width: 0.8px;letter-spacing: .8px;margin-bottom: .4rem;text-transform:uppercase;}
footer .ft-link {}
footer .ft-link i {vertical-align:-3px; font-size:18px}
footer .ft-info img {width: 222px;}
footer .ft-info .line-b {margin-bottom:10px; padding-bottom:14px}
footer .ft-info{ display:flex; align-items: center; justify-content: center; }
.line-b {padding-bottom: 12px;position: relative;}
.line-b::after {content:'';position: absolute;height: 2px;background-color: var(--sub-color);width: 24px;left: 0;bottom: 0;}

.ft-register-subscribe {font-size:16px; margin-top:20px}
.ft-register-subscribe .form-control {border:none;border-radius: 3px 0 0 3px;height: 40px;font-size: 14px;}
.ft-register-subscribe .btn {background-color:#fff;border:0;border-radius: 0 3px 4px 0;height: 40px;font-size: 32px;color: var(--sub-color);display: flex;padding: 0 6px;align-items: center;}
.ft-register-subscribe .btn:before {position:absolute;left: 1px;width:1px;height:24px;background-color: var(--sub-color);content:'';}
.ft-copyright {opacity:.5}
.ft-contact {text-align: right;padding-top: 56px;margin-left: auto;}
.ft-contact-item, .cover-ct-item {margin-bottom:1rem;display: flex;justify-content: flex-end;align-items: center;width: 100%;font-size: 14px;}
.ft-contact-item-text, .cover-ct-item-text {width:100%}
.ft-contact-item a, .cover-ct-item-text span {color: rgb(255 255 255 / 88%);font-size: 20px;padding: 0;}
.ft-contact-item span, .cover-ct-item-text span {font-weight:700}
.ft-contact h6, .cover-ct-item-text h6 {text-transform:uppercase;position:relative;padding-bottom:12px;font-size: 15px;margin-bottom: 0.25rem;}
.ft-contact h6:after, .cover-ct-item-text h6:after {content:'';right: -20px;bottom:4px;height: .5px;background-color: #fff;display: block;position:absolute;left: 0;}
.ft-contact-item-ico, .cover-ct-item-img {display:flex;align-items:center;justify-content:center;background-color:var(--main-color);height: 68px;flex: 0 0 auto;width:68px;border-radius:50%;margin-left: 20px;/* border: 3px solid #15213b; */margin-right: -47px;position: relative;font-size: 40px;color: #fff;}
.ft-contact-wrap {color: rgb(255 255 255 / 75%);position: relative;z-index: 2;}
.ft-social {}
.ft-social a {font-size: 38px;color:#fff;padding:0;width: 50px;height: 50px;border-radius:50%;display:flex;justify-content:center;align-items:center;margin: 0 4px; border: 2px solid;}
.ft-social a:hover {color:var(--sub-color)}

footer .ft-main, footer .ft-contact-wrap {width: 100%;}

footer h2{ color:var(--sub-color); line-height:2rem; margin-bottom:2rem }
footer p{ margin-bottom:0px; font-size:1rem }

footer hr {
    font-size: 1rem;
    color: #fff;
    height: 2px !important;
    background: #fff !important;
    opacity: 1;
}

.bottom{
    text-align: center;
}
.bottom h3{ font-size:2rem }

footer .address{ display:flex; flex-direction: column; }
footer .address li{ font-size:1rem; margin-bottom:1rem }
footer p{ font-size:1rem; margin-bottom:1rem }

footer h3{display: flex; flex-direction: column; font-size: 1.5rem; position: relative; color: #fff; margin-left: 4rem}
footer h3 span{ font-size:3rem }
footer .a234234:before{ font-size: 4rem;bottom: 1px;left: -36px;top:auto; }

.form-main{ background:#f1f8e8; padding:2rem; border-radius:20px 0px 30px 0px; position:relative; }
.form-main input{ margin:1rem 0; padding:0.7rem }
.form-main .button{ display:flex;     align-items: center; justify-content: center; }
.form-main .button button{ padding:1rem; font-size:2rem; border:none; border-radius:10px; background: linear-gradient(to bottom right, #70aac8, #52aa74); }
.contact-main{ height:100%; display:flex; align-items:flex-end; padding-bottom:1rem }
.contact-main ul li{ font-size:1.2rem; color:#fff; font-weight:300; display:flex; align-items:center; margin:.5rem  }
.contact-main ul li a{ color:#54aa7a; font-weight:300 }
.contact-main ul{ display:flex; flex-direction: column; }
.contact-main ul li img{ margin-right:1rem }

.s1111{ display:flex; align-items:center; margin:1.5rem; justify-content: space-evenly; }
.s1111>div{ display:flex; align-items:center; }
.s1111 img{ height:80px; margin-right:1rem }
.s1111 p{ font-size:1.2rem }
.s1114 img{ height:50px }
.s1114 p{ font-size:4rem; font-weight: bold;}



@media (min-width: 769px) {
}

@media (min-width: 992px) {
    /* footer:before {right:50%} */
    footer .ft-main {width: 75%;}
    footer .ft-contact-wrap {width: 25%;}
    footer .ft-main {padding: 50px 0 32px 72px;}
}
@media (max-width: 1024px) {
    .ft-social a {width:48px; height:48px}
}



@media (max-width: 991px) {
    footer:before, footer .ft-info img { margin-bottom:30px }
    footer .container {max-width: 100%;}
    footer .ft-contact-wrap {background: var(--sub-color) url(../images/bg-ft-left.svg) no-repeat bottom left;display: flex;flex-direction: column-reverse;padding: 24px;}
    footer .ft-link {margin-bottom: 32px;margin-top: 0;}
    footer .ft-main {padding-left: 24px;padding-right: 24px;padding-top: 32px;}
    footer .ft-main .col-6.col-lg-3:nth-of-type(n) {order: calc((order + 1));}
    footer .ft-main .col-6.col-lg-3:nth-last-of-type(1) {order: 1;}
    .ft-contact {text-align: center;display: flex;flex: 0 0 auto;width: 100%;}
    .ft-contact-item {flex: 0 0 auto; width: 33.33333333%; display: flex; flex-direction: column-reverse;}
    .ft-contact-item-ico {margin:0 0 12px;font-size: 32px;height: 48px;width: 48px;}
    .ft-contact h6 {margin-bottom:0;padding-bottom: 4px;}
    .ft-contact h6:after {right: 100%;}
    .ft-register-subscribe .align-self-center {margin-bottom:24px}
/*    footer .ft-info:before {content:'INDOCHINE REALESTATE';font-size: 14px;-webkit-text-stroke-width: 0.8px;letter-spacing: .8px;margin-bottom: 0.4rem;color: #fff;}*/
    .ft-social {text-align: center;flex: 0 0 auto;width: 100%;padding-right: 0;position:relative;display: flex;align-items: center;justify-content: center;margin-top: 8px;}
}

@media (max-width: 768px) {
    .ft-contact {flex-wrap:wrap}
    .ft-contact-item {width:100%;align-items: start;text-align: left;flex-direction: row-reverse;}
    .ft-contact-item-text {padding-left:12px;margin-top: 0;}
    .ft-contact h6 {padding-bottom: 1px;}
    .ft-contact-item a, .cover-ct-item-text span {font-size: 17px;}
    .ft-social .social {flex-wrap:nowrap; display:flex}
    .ft-social a {width:40px; height:40px; font-size:36px}

    footer .container > .row {margin-left: -1rem;margin-right: -1rem;}
}