footer {background: var(--main-color);color: #d7d7d7;font-size: 12px;line-height: 1.3;/* margin-top:64px; */position: relative; padding: 4rem 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 }
@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;}
}