@charset "utf-8";

/*------------------- 1.Common --------------------*/

:root {
	--main-color:#063e3d;
	--sub-color:#f9c470;
	--light-color:#fff;

	/*--body-fontface:'time';
	--title-fontface:'arial';
	--subtitle-fontface:'arial';*/
}


/* ::-webkit-scrollbar {width: 0px;} */
/* body, html {scrollbar-width: none;} */

html {scroll-behavior: smooth;}
body {background: #fff;font-size: 16px;line-height: 1.35rem;font-family: var(--body-fontface); color: #212121;overflow-x: hidden;font-weight: 400;counter-reset:counter; }


ul, ol {margin-bottom:0; padding: 0}
ul li {list-style: none;display: inline-block;}


.form-control:focus::-webkit-input-placeholder { /* Edge */
	color: rgba(255, 255, 255, 0);
}
  
.form-control:focus:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: rgba(255, 255, 255, 0);
}
  
.form-control:focus::placeholder {
	color: rgba(255, 255, 255, 0);
}

.form-control:focus, .form-control-plaintext:focus {box-shadow: none;outline: none;border-color: #df003a;}
.form-control {height: 48px;padding-top: 2px;padding-bottom: 4px;color: #212121;font-weight: 350;border: none;border-radius: 0;}
.input-group-text {border-radius:0;border:none;background: #fff;}

a {color: var(--main-color);transition: all ease-in-out .2s; cursor: pointer; text-decoration: none;}
a:hover {color: var(--sub-color);}
a:hover, a:focus, button:hover, button:focus {text-decoration: none; outline: none;}
.page-link:focus, .nav-link:focus {box-shadow:none}
button:focus, .btn {outline: none!important;box-shadow: none!important;}

h1, h2, h3, h4, h5, h6 {font-family: var(--title-fontface); line-height: 1.35;}

h2 {font-size: 32px;}
h4 {font-size: 25px;}
h5 {font-family: var(--subtitle-fontface); font-size: 19px;}

.bg-fafafa{ background:#fafafa }

.text-sm {font-size: 13px;}
.text-vsm {font-size: 11px;line-height: 1.25;}
.text-underline {text-decoration: underline}

.parallax {background-attachment: fixed;background-position: top center;background-repeat: no-repeat;background-size: 100%;min-height:312px;}

.op-75 {opacity: .75}
.op-50 {opacity: .5}
.op-25 {opacity: .25}
.op-0  {opacity: 0}

.w-90 {width: 90%;}
.w-80 {width: 80%;}
.w-70 {width: 70%;}
.w-60 {width: 60%;}
.w-50 {width: 50%;}
.w-40 {width: 40%;}
.w-30 {width: 30%;}
.w-20 {width: 20%;}
.w-10 {width: 10%;}

.fz-90 {font-size: 90%}
.fz-80 {font-size: 80%}
.fz-70 {font-size: 70%}
.fz-60 {font-size: 60%}
.fz-50 {font-size: 50%}
.fz-40 {font-size: 40%}

.bg1{ background:#f0f0f0 }
.border100{ border-radius:100px }

.text-main {color:var(--main-color)!important;}
.text-sub {color:var(--sub-color)!important;}

.btn-add {font-size: 26px;}

.btn-outline-main {background:none; color: var(--light-color); border: 1px solid var(--main-color);}
.btn-link, .btn-link:hover {color:var(--main-color); text-decoration: none;}

.btn-outline-main:hover, .btn-main:hover {color:var(--light-color)}
.btn-outline-main:hover {background:var(--main-color)}

.btn-secondary {border-radius: 0;text-transform: uppercase;background: #f0f0f0;color:#212121;border: none;padding: 6px 20px;font-weight: 350;}

.btn-outline-secondary {border-radius: 0;height: 48px;text-transform: uppercase;}
.btn-outline-secondary:hover {background:var(--main-color); border-color:var(--main-color); color:var(--light-color)}

.btn-facebook, .btn-google {background: #0664ad; color:#fff; text-transform: uppercase; padding-bottom:8px;}
.btn-google {background: #b50505}

.btn-primary {background-color: var(--main-color); border-color: var(--main-color); transition: none;}
.btn-primary:hover {background-color: var(--sub-color); border-color: var(--sub-color);}

.btn-lg {font-size: 20px; padding: 12px 32px;}

.font-weight-semibold {-webkit-text-stroke-width: .4px !important;}

.affix {position: sticky;top: 0px;z-index: 500;background: #fff;position: -webkit-sticky;}

.thumb {background-position: center center;background-repeat: no-repeat;background-size: cover;}
.overlay {position: absolute; left: 0; right: 0; top:0; bottom: 0;}

header, a, a h5, .notify-num, .navbar .navbar-brand, .nav-link, .sec-nav .navbar .navbar-nav {
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

/*.swiper-wrapper {margin-bottom: 32px;}*/
.swiper-pagination {bottom: 0px !important; }
.swiper-pagination-bullet {background: var(--sub-color);opacity: .5;margin: 1px 3px !important;width: 8px;height: 8px;}
.swiper-pagination-bullet-active {opacity: 1;background: var(--main-color) !important;box-sizing: content-box;vertical-align: middle; width: 30px; border-radius: 5px}

.swiper-button-next, .swiper-button-prev {width: 56px;height: 56px;border-radius: 50%;border: 1px solid #cbcbcb;top: 42%;}
.swiper-button-next::after, .swiper-button-prev::after {font-size: 22px;font-weight: bold;}
.swiper-button-prev {left:-80px}
.swiper-button-next {right:-80px}
.swiper-button-next:hover, .swiper-button-prev:hover {background-color:var(--sub-color); border-color:var(--sub-color); color:#fff}

.breadcrumb {margin-bottom:0}
.breadcrumb .breadcrumb-item {padding:16px 0 18px; font-size:14px}
.breadcrumb-item+.breadcrumb-item::before {padding-left:.25rem; padding-right:.25rem}

.title-subpage {margin-bottom: 24px;}


.cta-btn {display:inline-block}
.cta-btn a, .cta-btn button {background:var(--sub-color);border-radius: 5px;display: flex;padding: 0!important;align-items: center;overflow: hidden;}
.cta-btn .cta-text {color:rgba(255, 255, 255, .8);padding: 8px 20px 8px 26px;text-transform: none;margin-top: -3px;-webkit-text-stroke-width: .25px;letter-spacing: .4px;position: relative;left: 0;transition: .2s all;z-index:2;}
.cta-btn .cta-ico {padding: 8px 4px 8px 9px;font-size: 20px;border-radius: 5px 0 0 5px;position:relative;}
.cta-btn .cta-ico i {position:relative; transition: .2s all;right: 0; color:rgba(255, 255, 255, .8)}
.cta-btn .cta-ico:before {content:'';position:absolute;background: var(--main-color);width: 72px;height: 72px;top: -17px;border-radius: 0 50% 50% 0;right: -8px;transition: .2s all;}

.cta-btn a:hover .cta-ico:before, .cta-btn button:hover .cta-ico:before {transform: scale(5);} 
.cta-btn a:hover .cta-text, .cta-btn button:hover .cta-text {left:-4px; color:rgba(255, 255, 255, 1)}

.cta-btn.ir .cta-ico:before {border-radius:50% 0 0 50%;top: -12px;right: -30px;}
.cta-btn.ir a:hover .cta-ico i, .cta-btn.ir button:hover .cta-ico i {right: 18px;}
.cta-btn.ir a:hover .cta-text, .cta-btn.ir button:hover .cta-text {left:8px;}

.disabled .cta-btn {pointer-events: none; opacity:.4}

.load-more .cta-btn .cta-ico {font-size: 32px;}

.btn-outline {border: 1.5px solid var(--main-color);border-radius: 5px;width: 100%;color: var(--main-color);padding: 5px 8px 6px;-webkit-text-stroke-width: .8px;letter-spacing: .4px;overflow:hidden;position:relative;transition:none;}

.btn-outline i {font-size:24px;-webkit-text-stroke-width: .2px;vertical-align: -6px;}
/* .btn-outline:before {content:'';position:absolute;background:var(--sub-color);width: 80px;height: 80px;border-radius:50%;left:-32px;top: -22px;transition: .4s transform, .01s opacity;opacity: 0;}
.btn-outline:hover:before {transform:scale(8); opacity:1;} */
.btn-outline span {position:relative}

.text-truncate-set {display: -webkit-box !important;-webkit-box-orient: vertical;overflow: hidden;}
.text-truncate-set-1 {-webkit-line-clamp: 1;}
.text-truncate-set-2 {-webkit-line-clamp: 2;}
.text-truncate-set-3 {-webkit-line-clamp: 3;}
.text-truncate-set-4 {-webkit-line-clamp: 4;}

.overlay-center {position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: flex; justify-content: center; align-items: center;}
.zoom-ico i {width: 64px; height: 64px; border-radius: 50%;background-color: var(--sub-color);font-size: 28px;font-weight: bold;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;display: flex;justify-content: center;align-items: center;color: #fff;opacity: 0;transition: .2s all;}
.zoom-ico:hover i {opacity:1; transform:scale(1.1)}

.sec-cover {position:relative;}
.cover-title-home{ margin-bottom:30px }
.cover-content {position:absolute;top: 0;bottom: 32px;margin: auto;text-align: center;color: #fff;left: 0;right: 0;display: flex;flex-direction: column;justify-content: center;}
.cover-content .cover-title-filled, .primary-title .cover-title-filled {text-transform:uppercase;font-weight: bold;font-size: 46px;position: relative;left: -54px;display: block;color: #fff;-webkit-text-stroke-width: initial;letter-spacing: 0;bottom: -37px;}
.cover-content p {text-transform:uppercase;margin-top: -8px;}
.cover-content h3, .primary-title h3 {text-transform:uppercase;font-size: 72px;letter-spacing: 6px;font-weight: bold;color: rgba(255,255,255,0);-webkit-text-stroke-width: 2px;-webkit-text-stroke-color: var(--sub-color);position: relative;top: -32px;right: -24px;display: inline-block;margin-bottom: 0;text-align: left;}
.cover-content h3:after, .primary-title h3:after {content:'';background:var(--sub-color);height: 4px;width: 80px;position:absolute;right: 5px;bottom: -8px;}


.cover-review::before {content:'';left:0;bottom:0;top:0;position: absolute;background: var(--sub-color) url('../images/bg-ft-left.svg') no-repeat bottom left;width: calc((100% - 1140px + 271px)/2);background-size: 180px;}
.cover-man {position: absolute;bottom: 0;top: 0;display: flex;align-items: end;}
.cover-man::before {content:'';bottom:0;top:0;left:0;right:50%;position:absolute;}
.cover-man img {position:relative;}

.cover-style-2 {margin-bottom: 32px;}
.cover-style-2 .cover-content {bottom: 16px;}
.cover-style-2 .cover-content h3 {font-size:56px}
.cover-style-2 .cover-content .cover-title-filled {font-size: 40px; bottom: -29px;}
.cover-style-2 form .form-wrap {background-color: rgb(9 35 76 / 50%);border: 1px solid #1b3d75;border-radius: .4rem;padding: 7px 20px 16px;}
.cover-style-2 .form-check-input:checked {background-color: var(--sub-color);border-color: #ffffff;box-shadow: inset 0 0 0 3px #091f45;background-image: none;}
.cover-style-2 .form-check-input:checked ~ label {color: var(--sub-color);}
.cover-style-2 .tab-fengshui {justify-content: center;}
.cover-style-2 .tab-fengshui button {background: none;border: none;color: #fff;}
.cover-style-2 .tab-fengshui button input, .cover-style-2 .tab-fengshui button label {cursor:pointer}

.primary-title {padding-top:16px;}
.primary-title h3 {-webkit-text-stroke-width: initial;color: var(--sub-color);font-size: 40px;letter-spacing: .4px;right: 0;}
.primary-title .cover-title-filled {color:#8d8d8d;left:0;font-size: 25px;bottom: -8px;}


.dropdown .dropdown-item {display:flex; width:100%; justify-content:space-between; align-items:center}
.dropdown .dropdown-item.checked {background-color: rgb(10 85 151 / 12%);color: var(--main-color);-webkit-text-stroke-width: 0.25px;}


.hire-sec, .main-content-wrap {padding-top: 40px;padding-bottom: 64px;}
.partner-sec, .broker-sec, .project-sec {padding: 56px 0 64px;}
.sales-sec, .news-sec {padding: 24px 0 64px;}

.outline-effect {position: relative;}
.outline-effect::before {content:'';top: 0px; bottom: 0px; right:0px; left:0px; border:1px solid var(--sub-color); position:absolute; border-radius: 3px; opacity:0; transition:.2s all}
.outline-effect:hover::before {top: 8px;bottom: -4px;right: -4px;left: 8px; opacity:1;}


.time-box {font-weight:bold;font-size:24px;padding-right:12px;border-right:1px solid var(--sub-color);margin-right:12px;text-align: center;}
.time-box span:nth-of-type(1) {display:block; padding-bottom:6px; font-size:28px; letter-spacing:.1px; margin-top:-4px}

.text-quote {position: relative;padding-left: 38px;}
.text-quote span {font-size: 90px;font-family: arial;font-style: normal;color: #888;position: absolute;}
.text-quote span:nth-of-type(1) {top: 24px;left:0;}
.text-quote span:nth-of-type(2) {bottom:-28px;padding-left:12px}

/* .text-quote::before, .text-quote::after {position: absolute; content:''; width: 24px;; height: 24px; background-repeat: no-repeat; background-position: center center;}
.text-quote::before {background-image: url(../images/icon-quote-1.svg); left: 0;}
.text-quote::after {background-image: url(../images/icon-quote-2.svg); right: 0;} */

.gg-map {border: 16px solid #fff;box-shadow: 0px 1px 4px rgba(0,0,0,.1), 1px 4px 12px rgba(0,0,0,.08);background: #fff;}

.lr-ct-d, .lr-ct-h {display: flex;/* flex-wrap: wrap; */justify-content: space-between;}

.lr-ct h4 {text-transform: uppercase; font-size: 20px; -webkit-text-stroke-width: 0.6px; letter-spacing: .4px; margin-bottom: 1.25rem;}
.lr-ct-h {margin-bottom:1rem;border-bottom: 1px solid #f2f2f2;padding-bottom: 8px;}
.lr-ct-r {margin-bottom:1rem}
.lr-ct-r h5 {text-transform: uppercase; font-size: 15px; font-weight: bold;}
.lr-ct-d {font-size: 14px;padding: 6px 0;}
.lr-ct-d i {align-self:start;width: 28px;height: 28px;display: inline-flex;justify-content: center;align-items: center;background-color: var(--main-color);border-radius: 50%;color: #fff;font-size: 18px;margin-right: 8px !important;transition:.2s all;flex: 0 0 auto;}
.lr-ct-d:hover i {background-color:var(--sub-color)}
.lr-ct-d span:nth-of-type(1) {display:flex;flex: 1;padding-right: 20px;line-height: 1.3;}
.lr-ct-d span:nth-of-type(2) {color: #444;text-align: right;}
.lr-ct-d:nth-last-of-type(n+2) {border-bottom: 1px solid #f2f2f2;}

.sec-search .sec-search-wrap {background-color: #fff;box-shadow: 0px 1px 4px rgba(0,0,0,.1), 1px 4px 12px rgba(0,0,0,.08);border-radius: 5px;padding: 20px 24px;margin-top: -24px;position: relative;}

.broker-product-sec {background-color: #f5f5f5;padding-top: 64px;padding-bottom: 48px;}
.broker-product-sec .grid-view .swiper-slide {height:auto;}
.broker-product-sec .grid-view .swiper-slide .card-s .card-body {display: flex; flex-direction: column; justify-content: space-between;}

.related-sec {background-color: #f5f5f5; padding-top: 56px; padding-bottom: 40px;}
.related-sec .swiper {padding-top:6px}
.sec-gallery {background-color: #f5f5f5; padding-bottom: 2px;}

.card-overlay.video .card-overlay-body::before {width: 72px;height: 72px;background-color: var(--sub-color);box-shadow: 0 0 0 6px rgba(255,255,255,.5);border-radius: 50%;}
.card-overlay.video .card-overlay-body::after {border-left: 14px solid #fff;border-top: 10px solid transparent;border-right: 0;border-bottom: 10px solid transparent;width: 8px;height: 8px;left: calc(12% + 32px) !important;}

.card-overlay.video .card-overlay-body::before, .card-overlay.video .card-overlay-body::after {content: '';position: absolute;top: 0;bottom: 0;left: 12%;margin: auto;z-index: 2;}

.sec-gallery .card-overlay .card-overlay-body {
    background: linear-gradient(180deg, rgb(9 45 77 / 0%) 56%, rgb(9 45 77 / 90%) 100%);
    text-align: right;
    justify-content: end;
    text-transform: uppercase;
    letter-spacing: 5px;
    font-size: 18px;
    color: rgba(255,255,255,.88);
}


.loan-form {background-color: var(--sub-color); padding: 20px 24px;color: #fff;}
.loan-form h6 {text-transform: uppercase;/* text-align: center; */font-size:20px;margin-bottom:20px}
.loan-form label {/* font-weight:bold */}
.loan-form .form-control {height:auto; border-radius:.25rem; font-size:14px}
.loan-form .form-select {border:none;font-size:14px;height: 36px;}
.loan-form .input-group-text {border-radius:.25rem;background: #efefef;/* font-weight: bold; */font-size: 14px;color: #666;height: 36px;}
.loan-form .btn-main {background-color: var(--main-color);width: 100%;color: #fff;font-size: 14px;/* font-weight: bold; */padding: 8px 16px 10px;}

.loan-ct {box-shadow: 0px 1px 4px rgb(0 0 0 / 10%), 1px 4px 12px rgb(0 0 0 / 8%);margin-top: 24px;}
.loan-result {background-color: #fff;padding: 20px 24px 20px 0;}
.loan-result h6 {text-transform: uppercase; font-size:20px; margin-bottom:20px; text-align: center;}
.before-payment, .origin-payment, .interest-payment {margin-bottom: 12px;}
.loan-result .before-payment span, .origin-payment span, .interest-payment span {font-size: 18px; -webkit-text-stroke-width: 0.25px;}
.loan-result .amortization {font-size: 18px;font-weight: bold;border: 1px solid #ccc;border-radius: .25rem;padding: 1px 4px 2px;text-align: center;margin: 8px 6px;}
.loan-result .btn-add {font-size: 13px;font-weight:bold;background-color:var(--main-color);color:#fff;margin-bottom: 14px;padding-bottom: 8px;margin: 0 5px 12px;}

.loan-result-chart {height: 180px; width: 180px; margin:0 auto 1rem; position: relative;}
.donut-inner {position: absolute;top: 0;bottom: 0;left: 0;right: 0;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.donut-inner h6 {margin-bottom: 3px;font-weight: bold;font-size: 32px;}
.donut-inner span {font-size: 18px;}


.popup-fs .modal-content {background: url(../images/fs-p-bg.jpg) no-repeat center center;background-size: cover;color: #fff;border: 5px solid var(--sub-color);border-radius: 0;padding-bottom: 32px;}
.popup-fs .modal-content::before {content:''; position: absolute; top: 0; bottom: 0; left: 0; right: 0;
	background-image: url(../images/fs-p-bg-2.png), url(../images/fs-p-bg-3.png), url(../images/fs-p-bg-4.png);
	background-position: left 20px top 20px, left 20px bottom 20px, right bottom;
	background-repeat: no-repeat; background-size:auto, auto, 160px
								  
}
.popup-fs .modal-header {justify-content: center; border-bottom: none;}
.popup-fs .modal-header h5 {text-align: center;padding-left: 16px;}
.popup-fs .modal-header button {position: absolute;background: none;padding: 0;margin: 0;width: 26px;height: 26px;right: 24px;top: 24px;}
.popup-fs .modal-body {padding: 0 48px 36px;font-size: 14px;margin-top: -48px;line-height: 1.5;}

.popup-fs .modal-body .p-fs-ct h6 {font-weight:bold;margin-bottom:4px;font-size: 14px;}
.popup-fs .modal-body .p-fs-ct ul {margin-bottom: 12px;}
.popup-fs .modal-body .p-fs-ct h6 + ul {margin-left:16px; font-style:italic}
.popup-fs .modal-body .fs-kl {display:flex;align-items:flex-start;margin-top: -8px;}
.popup-fs .modal-body .fs-kl img {margin-right:12px;}
.popup-fs .modal-body .fs-kl span {font-weight:bold; color:var(--sub-color)}

#popup-fs-color .col-lg-6:nth-of-type(odd) {margin-top: 32px;}
#popup-fs-color .modal-body .p-fs-ct ul {margin-bottom:20px}
#popup-fs-color .modal-body .p-fs-ct h6 {margin-bottom:8px}


.review-project {position: relative;background: #091f45 url(../images/cover-contact.jpg) no-repeat center center;background-size: cover;padding-top: 48px;color: #fff;}
.review-project .container {position:relative; z-index:3}
.review-project::before, .review-project::after {content:'';position:absolute;top:0;bottom:0;left:0;width: 24%;background:var(--sub-color);}
.review-project::after {width:50%;background: url('../images/bg-ft-left.svg') no-repeat bottom left;background-size: 360px;}
.review-project .man-house {position:relative}
.review-project .man-house::before {content:'';position:absolute;top:-48px;bottom:0;right: 54%;left:0;/* background:var(--sub-color); */}
.review-project .man-house img {position:relative}
.review-project-item.review-project-item-lg .outline-effect::before {border-color: rgb(255 255 255 / 35%);right: 0;left: 0;top: 12px;opacity: 1;border-radius: 0;bottom: -12px;}
.review-project-item.review-project-item-lg .outline-effect span {position:relative;left:8px;top: 5px;display:block;overflow:hidden}
.review-project-item .news-item:hover img {transform:scale(1.1)}
.review-project-item img {transition:.2s all; border-radius:0 !important}
.review-project-item .news-item h4 {font-size: 20px; color:rgba(255,255,255,.9)}
.review-project-item .news-item:hover h4 {color:#fff}
.review-project-item .news-item p, .review-project-item .news-item .news-item-body .date {font-size:14px;color: rgba(255,255,255,.7);}
.review-project-item .news-item:hover p, .review-project-item .news-item:hover .news-item-body .date {color: rgba(255,255,255,1);}

.review-project-item.review-project-item-sm .news-item > span {border: 1px solid rgba(255, 255, 255, .5); overflow:hidden; margin-top:4px; margin-right:8px}
.review-project-item.review-project-item-sm .news-item:hover > span, .review-project-item.review-project-item-lg .news-item:hover .outline-effect::before {border-color:var(--sub-color)}

.loader {
	border: 5px solid #f3f3f3; /* Light grey */
	border-top: 5px solid var(--main-color); /* Blue */
	border-radius: 50%; width: 56px; height: 56px; animation: spin 1s linear infinite; margin:20px auto;}
  
  @keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
  }

.modal {z-index: 10001;}
.video-popup .modal-content, .search-popup .modal-content {background: none;border: none;}
.video-popup button.close, .search-popup button.close {font-size:40px;color: #fff;text-shadow: none;position: absolute;right: -80px;background: none;box-shadow: none;border: none;}
.modal-backdrop {background:#1c1f27; z-index: 10000;}
.modal-backdrop.show {opacity: .9;}


.modal.info-customer .modal-content {background:#fff url(../images/bg-account.png) no-repeat bottom right;background-size: 400px;}
.modal.info-customer .modal-content, .modal.info-customer .modal-body {padding: 0; border:none; border-radius:.25rem; overflow:hidden}
.modal.info-customer .modal-body .close {position:absolute;background:none;border:none;right:12px;top:12px;z-index: 100;}
.info-customer-wrap {display: flex;}
.info-customer-wrap img {max-width: 372px;}
.info-customer-wrap .primary-title h3 {font-size: 32px;letter-spacing: 0;top: 0;margin-top: 20px;}
.info-customer-wrap .primary-title .cover-title-filled {font-size:20px}

.info-customer-wrap h2 {font-size: 24px;color:var(--main-color);font-weight:bold;text-transform: uppercase;margin-top: 2rem;}

.slbElement {z-index: 10000; position: relative;}


.title-cat{ font-size:1.2rem; color:var(--main-color); font-weight:bold; margin-bottom:15px }
.option-cat{ display:flex; margin-bottom:10px }
.option-cat .iteam a{ margin-right:20px; font-size: .8rem; background:#ddd; padding:2px 10px 5px; border-radius:20px }
/*.option-cat .iteam a{ color:#000 }*/

.paginate-search{ display:flex; align-items: center; font-size:1rem; justify-content: flex-end; border-top:1px solid #ddd; padding-top:1rem }
.paginate-search select{ border-radius:3px; border:1px solid #ced4da; margin:0px 10px; padding:3px 7px; }
.paginate-search select:focus-visible{ outline:none }
.paginate-search .pagination{ margin-left:20px }
.paginate-search .pagination .page-link{ background:none; border-radius:100%; color:var(--main-color); margin:0px 3px; border:none }
.paginate-search .pagination a.page-link:hover{ background:#ddd }
.paginate-search .pagination .page-item.active .page-link{ background:var(--main-color); color:#fff; border:none }
.btn-button{ border:none; background:var(--main-color); color:var(--sub-color); padding:10px 20px; border-radius:40px }

@media (min-width: 769px) {
	.scrollbar {
		scrollbar-width: thin;
		scrollbar-color: var(--sub-color) #455373;
		-ms-scrollbar-highlight-color: #455373;
		-ms-scrollbar-face-color:  var(--sub-color);
		-ms-scrollbar-arrow-color: rgba(0,0,0,0);
	}
	.scrollbar::-webkit-scrollbar {width: 8px;}
	.scrollbar::-webkit-scrollbar-track {background: #455373;}
	.scrollbar::-webkit-scrollbar-thumb {background: var(--sub-color); border-radius: 8px; height: 40px}
	.scrollbar::-webkit-scrollbar-thumb:hover { background: var(--sub-color);}

}

@media (min-width: 992px) {
    .cta-btn a:hover .cta-ico i {right: -15px;color:rgba(255, 255, 255, 1);}	
	.btn-outline:hover {color:#fff; border-color:var(--sub-color); background-color:var(--sub-color)}
}

@media (max-width: 1024px) {
	.related-sec .swiper-button-next, .related-sec .swiper-button-prev {display: none;}
	.sale-detail-sec .container > .row .row .col-md-2 {display: none !important;}
	.sale-detail-sec .col-lg-9 .product-dt-header-title .d-md-none {display: flex!important;}
}

@media (max-width: 990px) {
    .review-project .man-house {width: 40%;}
	.review-project .man-house::before {top: -24px;bottom:0;left: -7.5vw;width: 16.5vw;background:var(--sub-color);}
	.review-project .review-project-item-sm {display: none;}
	.outline-effect::before {display:none}

	.review-project-item.review-project-item-lg .outline-effect span {left:0}
	.review-project .news-item .news-item-body {padding-left: 0;}
	.review-project {padding-top:24px}
	
	.review-project-content .main-article {position:absolute;top: 5%;left:44%;right: 1rem;}
	.review-project-item-sm {display:none}
	.review-project-item .row {margin:0}
	.review-project-item .row > * {padding:0}
	.review-project-content .swiper {padding-bottom:32px;margin-top: -32px;}
	.review-project-content .swiper-wrapper {margin-bottom:0;}
	.review-project-content .swiper-pagination {bottom:16px !important}
	.review-project::before, .review-project::after {display:none}
}



@media (max-width: 820px) {
	.sec-gallery.d-none.d-md-block {display: none!important;}
	.sec-gallery.d-md-none {display: block!important;}
	.sec-gallery.d-md-none .container {max-width: 100%;}

	.sec-gallery {background:#fff; padding-top:4px !important; margin-bottom: 20px;}
	.sec-gallery .position-relative {margin-bottom:0 !important}
	.sec-gallery .container {padding-left: 0;padding-right: 0;}
	.sec-gallery .card-overlay .card-overlay-img, .sec-gallery .card-overlay-img img {border-radius:0}
	.sec-gallery .swiper-wrapper {margin-bottom:0}
	.sec-gallery .swiper-pagination {bottom:16px !important}
	.sec-gallery .fraction {color:#fff;background:rgba(0,0,0,.75);padding: 4px 8px;border-radius: 3px;right: 1rem;/* bottom: initial !important; *//* top: 1rem; */font-size: 14px;}
	.sec-gallery.d-none.d-md-block {display:none !important}
	.sec-gallery.d-md-none {display:block !important}
	.product-overview .scrollspy-product {top:54px}

	.before-payment, .origin-payment, .interest-payment {display:flex;justify-content: space-between;align-items: center;}
	.loan-ct {padding:0px}
	.loan-result {padding-left: 20px;padding-right: 20px;}
	.loan-result .border-end {border-right:none !important}
	.loan-result .amortization {text-align:left;border:none;margin: 0;padding: 0;}
	.loan-result .btn-add {margin:20px 0 12px;padding: 8px 20px 11px;font-size: 16px;}
	.loan-result .d-flex.flex-column.justify-content-between.h-100 > div {display:flex; justify-content: space-between;align-items: center}
	.loan-form > .row > .col ~ .col {padding-left:6px;}

	.review-project .man-house img {max-width: 156px !important;}
	.review-project-content .main-article {left:37%}

	.cover-man {width: 26vw;}
	.cover-man::before {background:var(--sub-color)}
	.cover-man ~ .cover-content {padding-left: 20vw !important;}

	.time-box {font-size:20px}
	.time-box span:nth-of-type(1) {font-size:24px}
}
@media (max-width: 768px) {
	.partner-sec, .broker-sec, .project-sec {padding-top:32px}
	.primary-title h3 {font-size: 32px;}
    .primary-title .cover-title-filled {font-size: 20px;}
    .swiper-button-next, .swiper-button-prev {display:none}

	.container {padding-left: 16px;padding-right: 16px;}

	.breadcrumb .breadcrumb-item {padding-top:8px;padding-bottom:10px;font-size: 12px;}
	 .main-content-wrap, .main-content-wrap .primary-title {padding-top:0}
	 .main-content-wrap .primary-title {padding-bottom:12px}
	.text-quote span:nth-of-type(1), .text-quote span:nth-of-type(2) {display:none}

	.swiper-pagination-bullet {margin:1px 3px !important; background: var(--sub-color);}

	.sec-cover .cover-content {bottom: 0;font-size: 14px;max-width: 88%;}
	.sec-cover .cover-content h3 {font-size: 9vw;letter-spacing: 0;-webkit-text-stroke-width: 1px;top: -4px !important;text-align: right;}
	.sec-cover .cover-content .cover-title-filled {font-size: 7.5vw;bottom: 0;margin-bottom: -5vw;text-align: left;}
	.cover-content h3:after, .primary-title h3:after {height: 3px;width: 60px;right: 0;bottom: -4px;}

	.sec-cover .cover-footer-wrap .cover-ct, .cover-style-2 .cover-content p {display:none}
	.fengshui-form {margin-top:12px}
	.cover-style-2 .cover-content {padding:0}
	.cover-style-2 form .form-wrap {padding: 0;border: none;background: none;}

	.btn-outline {font-size:14px}
	.btn-outline i {font-size:20px}

	.cta-btn.ir .cta-ico {font-size:24px}
	.cta-btn.ir .cta-ico:before {top: -16px; right: -36px;}
	.cta-btn .cta-text {padding:8px 16px 8px 22px}

	.sec-cover .cover-content p {margin-top: 10px !important;padding-top: 0!important;margin-bottom: 0;}

	.lr-ct-d i {margin-top: 4px;}

	.popup-fs .modal-dialog {margin: 0;}
	.popup-fs .modal-content {border: 0;}
	.popup-fs .modal-content::before {background-size: 48px, 64px, 96px;}
	.popup-fs .modal-body {padding: 0 24px;margin-top: -32px;}

	.popup-fs .modal-body .fs-kl {font-size:13px}
	.popup-fs .modal-body .p-fs-ct > .row {flex-direction: column-reverse;}
	.popup-fs .modal-body .fs-p-figure {max-width:80%; margin:auto}
	#popup-fs-color .col-lg-6:nth-of-type(odd) {margin-top: 0;}

	.cover-man ~ .cover-content h3 {font-size: 7.5vw;}
	.cover-man ~ .cover-content h3 .cover-title-filled {font-size: 6.5vw; margin-bottom: -4.2vw;}
	.cover-man ~ .cover-content p {font-size:11px;line-height: 1.5;}

	.card-overlay.video .card-overlay-body::before {width: 64px;height: 64px;left: 0;right: 0;}
	.card-overlay.video .card-overlay-body::after {left: calc(0% + 5px) !important;right: 0;}


	.modal.info-customer .modal-dialog {margin:0}
	.modal.info-customer .modal-content {border-radius:0;height: 100vh;}
	.modal.info-customer .info-customer-wrap img {display:none}
	.modal.info-customer .modal-body .info-customer-content {padding: 5rem 1.5rem 0;background: url(../images/lg-hd.svg) no-repeat center top;background-size: 128px;}
	.modal.info-customer .modal-body .info-customer-content .text-center.text-md-start {text-align:left !important}
	.info-customer-wrap .primary-title h3 {font-size:28px}
	.info-customer-wrap h2 {text-align:center}
	.info-customer-wrap h2::after {right:0;margin: auto;}
}

@media (max-width: 480px) {
	.cover-man {width: 36vw;}
	.cover-man ~ .cover-content {padding-left: 32vw !important;}
}

@media (max-width: 320px) {
	.sec-cover .cover-content {padding-left: 0;padding-right: 0;font-size: 12px;line-height: 1.3;}
	.breadcrumb .breadcrumb-item {font-size:12px}
}