:root {
    --ss--gray-100: #F2F4F7!important;
    --ss--gray-200: #EAECF0!important;
    --ss--gray-400: #98A2B3!important;
    --ss--gray-500: #667085!important;
    --ss--gray-700: #344054!important;
    --ss--gray-800: #1D2939!important;
    --ss--gray-900: #101828!important;
    --ss--red: #DB353D!important;
    --ss--white: #fff!important;
    --ss--blue: #479CFF!important;
    --ss--green: #001E28CC!important;
    --ss--pink: #FDCBCD!important;
    --ss--blue-900: #052882!important;
    --ss--blue-gradient: linear-gradient(261.82deg, rgba(5, 40, 130, 0.32) 5.58%, rgba(5, 40, 130, 0.8) 98.73%)!important;
    --ss--testimonial-gradient-active: linear-gradient(90.25deg, #3B68B2 0.35%, #5C87C5 99.69%)!important;
    --ss--testimonial-gradient-muted: linear-gradient(177.26deg, rgba(59, 104, 178, 0.5) 10.7%, rgba(92, 135, 197, 0.2) 103.87%)!important;
    --ss--box-shadow: 0 1px 2px 0 #1018280F , 0 1px 3px 0 #1018281A!important;
}
body{background: var(--ss--white);}
ul, ol, li{list-style: none;}
a{text-decoration: none; color: inherit;}

.text-white{color: var(--ss--white) !important;}
.text-red{color: var(--ss--red) !important;}
.text-gray-700{color: var(--ss--gray-700) !important;}
.text-left{text-align: left!important;}

.container{max-width: 1308px; margin: 0 auto;}

/* header */
header {display: flex; flex-direction: column; width: 100%; transition: background 0.3s ease, box-shadow 0.3s ease; position: relative; z-index: 1000; background: transparent;}
header .header-bottom {transition: all 0.3s ease;}

header.header-fixed {position: fixed; top: 0; left: 0; background: var(--ss--white); box-shadow: 0 2px 10px rgba(0,0,0,0.1);}
header.header-fixed .header-top {display: none;}
header.header-fixed .header-bottom {height: 80px;}
header.header-fixed .header-bottom ul li a,
header.header-fixed .header-bottom ul li a:visited{color: var(--ss--gray-800);}
header.header-fixed .header-bottom .header-menu ul .active {background: var(--ss--red);}
header.header-fixed .header-bottom .header-menu ul .active a {color: var(--ss--white) !important;}

header .header-top{display: flex; justify-content: flex-end; align-items: center; gap: 24px; height: 56px;}
header .header-top > div{padding-right: 24px; border-right: 1px solid #D0D5DD;}
header .header-top > div:last-child{padding-right: 0; border-right: 0;}
header .header-top a,
header .header-top a:visited{display: flex; justify-content: center; align-items: center; gap: 12px; color: var(--ss--gray-500); font-size: 14px;}
header .header-top a i{color: var(--ss--gray-500);}
header .header-top a:hover{color: var(--ss--red);}
header .header-top .icon {width: 24px; height: 24px;}

header .header-bottom {height: 109px; z-index: 11;}
header .header-bottom__inner {display: flex; justify-content: space-between; align-items: center; height: 100%;}
header .header-bottom .header-logo {height: 100%; display: flex; align-items: center;}
header .header-bottom .header-logo a {position: relative; display: inline-flex; align-items: center; height: 100%;}
header .header-bottom .header-logo img {height: 64px; max-height: 100%; width: auto; object-fit: contain; transition: opacity 0.3s ease, transform 0.3s ease;}
header .header-bottom .header-logo .logo-white {opacity: 1;}
header .header-bottom .header-logo .logo-blue {opacity: 0; position: absolute; left: 0;}
header.header-fixed .header-bottom .header-logo .logo-white {opacity: 0;}
header.header-fixed .header-bottom .header-logo .logo-blue {opacity: 1;}
header .header-bottom ul {display: flex; gap: 24px;}
header .header-bottom ul li{padding: 12px 0;}
header .header-bottom ul li a,
header .header-bottom ul li a:visited{color: var(--ss--white); font-size: 16px;}
header .header-bottom ul li a:hover{color: var(--ss--red); border-bottom: 1px solid var(--ss--red);}
header .header-bottom .header-menu ul .active {padding: 12px 20px; border-radius: 20px; background: var(--ss--white);}
header .header-bottom .header-menu ul .active {padding: 12px 20px; border-radius: 20px; background: var(--ss--white);}
header .header-bottom .header-menu ul .active:hover{background: var(--ss--red);}
header .header-bottom .header-menu ul .active a,
header .header-bottom .header-menu ul .active a:visited{color: var(--ss--red);}
header .header-bottom .header-menu ul .active a:hover{border-bottom: 0; color: var(--ss--white);}

/* home-banner */
.home-banner {position: relative; overflow: hidden; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; background: var(--ss--blue-gradient);}
.home-banner .banner-video {position: absolute;top: 50%;left: 50%;width: 100%;height: 100%;object-fit: cover;transform: translate(-50%, -50%);z-index: -1;}

.home-banner .container,
.home-banner .banner-menus {position: relative;z-index: 1;}
.home-banner .banners{display: flex; align-items: center;height: 100%;}
.home-banner .banners .banner-item {height: 82vh;}
.home-banner .banners .banner-item {display: flex; align-items: center; max-width: 50%;}
.home-banner .banners .banner-item > div{}

.home-banner .banners .banner-item .banner-name{color: var(--ss--white); font-size: 72px; font-weight: 700; margin-bottom: 24px;}
.home-banner .banners .banner-item .banner-description{color: var(--ss--white); font-size: 16px;}
.home-banner .banners .banner-item .banner-more{margin-top: 40px;}
.home-banner .banners .banner-item .banner-more a,
.home-banner .banners .banner-item .banner-more a:visited{margin-top: 20px; padding: 12px 20px; border-radius: 20px; color: var(--ss--white); font-size: 14px; background: var(--ss--red);}
.home-banner .banners .banner-item .banner-more a:hover{border: 1px solid var(--ss--red); background: transparent;}

.home-banner .banner-menus{display: flex; align-items: flex-end; padding: 40px 0; border-top: 1px solid #FFFFFFB2;}
.home-banner .banner-menus ul{display: flex; gap: 40px;}
.home-banner .banner-menus ul li{}
.home-banner .banner-menus ul li span{color: var(--ss--white); font-size: 18px;}

.home-banner-swiper {position: relative; height: 94.4vh; margin-top: -109px}
.home-banner-swiper .swiper-slide {width: 100%; height: 100%;}
.home-banner-swiper .swiper-button-next,
.home-banner-swiper .swiper-button-prev {z-index: 10; top: 94%}

.home-banner-swiper .swiper-button-next {margin-right: 100px;}
.home-banner-swiper .swiper-button-prev {margin-left: 100px;}

/* home-loan */
.home-loan{}

/* loan */

.loan-items {display: grid;grid-template-columns: repeat(6, 1fr);gap: 24px;}
.loan-item {grid-column: span 2;}
.loan-item:nth-child(5n + 4),
.loan-item:nth-child(5n + 5) {grid-column: span 3;}
.loan-item {position: relative; overflow: hidden; border-radius: 24px; background: #F9FAFB; transition: all 0.3s ease; height: 420px;}
.loan-item a {display: flex; flex-direction: column; text-decoration: none; height: 100%; position: relative;}

.loan-item .loan-item-img {width: 100%; height: 100%; overflow: hidden; position: absolute; top: 0; left: 0; z-index: 0;}
.loan-item .loan-item-img::before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.7) 100%); z-index: 1;}
.loan-item .loan-item-img img {width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease;}
.loan-item .loan-item-name {padding: 24px 24px 8px; font-size: 24px; color: var(--ss--white); transition: all 0.4s ease; z-index: 2; margin-top: auto;}
.loan-item .loan-item-description {padding: 0 24px; font-size: 16px; color: var(--ss--white); height: 0; opacity: 0; visibility: hidden; transition: all 0.4s ease; transform: translateY(20px); z-index: 2; overflow: hidden;}
.loan-item .loan-item-more {padding: 12px 20px; margin: 20px 24px 24px; width: fit-content; border-radius: 20px; font-size: 14px; font-weight: 500; color: var(--ss--white); background: var(--ss--red); transition: all 0.4s ease; z-index: 2;}
/* Hover states */
.loan-item::after {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--ss--blue-gradient); opacity: 0; transition: opacity 0.4s ease; z-index: 1;}
.loan-item:hover::after {opacity: 1;}
.loan-item:hover .loan-item-img img {transform: scale(1.1);}
.loan-item:hover .loan-item-name {color: var(--ss--white); margin-top: auto;}
.loan-item:hover .loan-item-more {border: 1px solid var(--ss--red); background: transparent;}
.loan-item:hover .loan-item-description {height: auto; opacity: 1; visibility: visible; transform: translateY(0); margin-bottom: 20px;}

/* Responsive */
@media (max-width: 992px) {
    .loan-items {grid-template-columns: repeat(2, 1fr);}
    .loan-item {grid-column: span 1 !important;}
}

@media (max-width: 576px) {
    .loan-items {grid-template-columns: 1fr;}
}

/* home-about */
.home-about {width: 100%; background-image: url('/static/webs/transcapital/assets/home-baout-bg.png'); margin-top: 60px;}

.home-about .home-about-subtitle{text-align: center; font-size: 48px; color: var(--ss--red); font-weight: 600;}
.home-about .home-about-subtitle span{color: var(--ss--white);}

.home-about .home-about-description {text-align: center; padding: 32px 0;}
.home-about .home-about-description span{color: var(--ss--white); font-size: 18px;}

.home-about .home-about-items{display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; padding-bottom: 60px;}
.home-about .home-about-items .home-about-item{padding: 24px; border: 1px solid var(--ss--white); border-radius: 24px; background: #FFFFFF1A; backdrop-filter: blur(32px)}
.home-about .home-about-items .home-about-item .home-about-item-name{margin-bottom: 10px;}
.home-about .home-about-items .home-about-item .home-about-item-name span{color: var(--ss--white); font-size: 18px; font-weight: 600;}
.home-about .home-about-items .home-about-item .home-about-item-description{}
.home-about .home-about-items .home-about-item .home-about-item-description span{color: var(--ss--white); font-size: 16px;}

/* feature-split */
.feature-split {}
.feature-split__title {display: flex; align-items: center; gap: 16px; padding: 40px 0;}
.feature-split__title span {font-size: 30px; font-weight: 600; color: var(--ss--gray-700); padding: 0 15px;}
.feature-split__title::before,
.feature-split__title::after {content: ""; flex: 1; height: 4px; background: var(--ss--red);}
.feature-split__title::before{border-radius: 0 5px 5px 0;}
.feature-split__title::after {border-radius: 5px 0 0 5px;}
.feature-split__body {display: flex; gap: 24px; margin-left: 40px;}
.feature-split__left{position: relative;}
.feature-split__image{position: relative; width: 100%;}
.feature-split__image img{position: relative;z-index: 2;width: 100%;display: block;border-radius: 16px;}
.feature-split__bg-shape{position: absolute; top: 40px; left: -40px; width: 100%;height: 100%;background: var(--ss--pink);border-radius: 16px;z-index: 1;}
.feature-split__right{display: flex; justify-content: center; flex-direction: column; max-width: 60%;}
.feature-split__subtitle{margin-bottom: 32px;}
.feature-split__subtitle span{color: var(--ss--gray-700); font-size: 46px; font-weight: 600;}
.feature-split__description {color: var(--ss--gray-500); font-size: 18px;}
.feature-split__description ul{margin-top: 16px;}
.feature-split__description ul,
.feature-split__description ol,
.feature-split__description li{list-style: disc; margin-left: 10px;}
.feature-split__more{margin-top: 32px;}
.feature-split__more a,
.feature-split__more a:visited{padding: 12px 20px; border-radius: 20px; color: var(--ss--white); font-size: 14px; background: var(--ss--red);}
.feature-split__more a:hover{border: 1px solid var(--ss--red); color: var(--ss--gray-700); background: transparent;}

/* home-article */
.home-article{margin-top: 40px;}

.home-article .home-article-more {display: flex; justify-content: center; margin-top: 36px;}
.home-article .home-article-more a,
.home-article .home-article-more a:visited{padding: 12px 20px; border-radius: 20px; color: var(--ss--white); font-size: 14px; background: var(--ss--red);}
.home-article .home-article-more a:hover{border: 1px solid var(--ss--red); color: var(--ss--gray-700); background: transparent;}

/* home-req */
.home-req{display: flex; justify-content: space-around; margin-top: 40px; padding: 40px; border-radius: 24px; background: var(--ss--blue-gradient);}
.home-req .home-req-left{padding: 44px;}
.home-req .home-req-left .home-req-left-name{}
.home-req .home-req-left .home-req-left-name span{font-size: 48px; font-weight: 700; color: var(--ss--white);}
.home-req .home-req-left .home-req-left-btn{display: flex; gap: 24px; margin-top: 24px; color: var(--ss--white);}
.home-req .home-req-left .home-req-left-btn > a:last-child{background: var(--ss--blue);}
.home-req .home-req-left .home-req-left-btn a,
.home-req .home-req-left .home-req-left-btn a:visited{padding: 12px 20px; border: 1px solid transparent; border-radius: 20px; color: var(--ss--white); font-size: 14px; background: var(--ss--red);}
.home-req .home-req-left .home-req-left-btn a:hover{border: 1px solid var(--ss--red); background: transparent;}

.home-req .home-req-right{width: 100%;}
.home-req .home-req-right img{width: 100%; height: 100%; object-fit: cover; border-radius: 24px;}

/* footer */
footer{background: var(--ss--blue-gradient); margin-top: 40px; color: var(--ss--white);}
footer .footer-items{padding: 40px 0;}
footer .footer-items .footer--top-items{display: flex; align-items: center; justify-content: space-between; margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid #FFFFFF33;}
footer .footer-items .footer--top-items .footer--top-items-left{display: flex; flex-direction: column; gap: 12px; width: 30%;}
footer .footer-items .footer--top-items .footer--top-items-left > div {display: flex; align-items: center; gap: 12px;}
footer .footer-items .footer--top-items .footer--top-items-left span,
footer .footer-items .footer--top-items .footer--top-items-left a,
footer .footer-items .footer--top-items .footer--top-items-left a:visited{font-size: 14px;}

footer .footer-items .footer--top-items .footer--top-items-right {}
footer .footer-items .footer--top-items .footer--top-items-right ul{display: flex; flex-direction: column; gap: 16px;}


footer .footer-items .footer--bottom-items {display: flex; justify-content: space-between;}
footer .footer-items .footer--bottom-items .footer--bottom-items-left{}
footer .footer-items .footer--bottom-items .footer--bottom-items-left .footer--bottom-items-left-title{margin-bottom: 12px;}
footer .footer-items .footer--bottom-items .footer--bottom-items-left .footer--bottom-items-left-title span{font-size: 14px;}

footer .footer-items .footer--bottom-items .footer--bottom-items-left .footer--bottom-items-left-form{}
footer .footer-items .footer--bottom-items .footer--bottom-items-left .footer--bottom-items-left-form{display: flex;align-items: center;gap: 12px;background: var(--ss--white);border-radius: 999px;padding: 6px;max-width: 460px;width: 100%;}
footer .footer-items .footer--bottom-items .footer--bottom-items-left .footer--bottom-items-left-form input{flex: 1;border: none;outline: none;padding: 14px 18px;font-size: 16px;border-radius: 50px;background: transparent;color: var(--ss--gray-700);}
footer .footer-items .footer--bottom-items .footer--bottom-items-left .footer--bottom-items-left-form input::placeholder{color: var(--ss--gray-400); font-size: 16px;}
footer .footer-items .footer--bottom-items .footer--bottom-items-left .footer--bottom-items-left-form button{border: none;outline: none;cursor: pointer;padding: 12px 20px;border-radius: 50px;background: var(--ss--red);color: var(--ss--white);font-size: 14px;font-weight: 600;white-space: nowrap;transition: background 0.2s ease, transform 0.2s ease;}
footer .footer-items .footer--bottom-items .footer--bottom-items-left .footer--bottom-items-left-form button:hover{transform: translateY(-1px);}

footer .footer-items .footer--bottom-items .footer--bottom-items-right{}
footer .footer-items .footer--bottom-items .footer--bottom-items-right .footer--bottom-items-right-title{margin-bottom: 12px; text-align: right;}
footer .footer-items .footer--bottom-items .footer--bottom-items-right .footer--bottom-items-right-title span{font-size: 14px;}

footer .footer-items .footer--bottom-items .footer--bottom-items-right ul{display: flex;align-items: center;gap: 16px;padding: 0;margin: 0;}
footer .footer-items .footer--bottom-items .footer--bottom-items-right ul li{display: inline-flex;}
footer .footer-items .footer--bottom-items .footer--bottom-items-right ul li a,
footer .footer-items .footer--bottom-items .footer--bottom-items-right ul li a:visited{width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;border-radius: 50%;border: 1px solid var(--ss--gray-200);color: var(--ss--white);text-decoration: none;transition: all 0.25s ease;}
footer .footer-items .footer--bottom-items .footer--bottom-items-right ul li a i{width: 24px;height: 24px;font-size: 18px;line-height: 24px;text-align: center;}
footer .footer-items .footer--bottom-items .footer--bottom-items-right ul li a:hover{background: rgba(255, 255, 255, 0.15);border-color: var(--ss--white);transform: translateY(-2px);}

/* tools */
.tools{position: fixed; right: 24px; top: 50%; transform: translateY(-50%);background: var(--ss--white);border-radius: 40px;padding: 16px 10px;display: flex;flex-direction: column;gap: 8px;box-shadow: var(--ss--box-shadow);z-index: 999;}
.tools .tool{display: flex;justify-content: center;}
.tools .tool a{width: 44px;height: 44px;display: flex;align-items: center;justify-content: center;border-radius: 50%;text-decoration: none;color: var(--ss--red);background: transparent;transition: all 0.25s ease;position: relative;}
.tools .tool a .icon{width: 24px;height: 24px;position: absolute;transition: opacity 0.25s ease, transform 0.25s ease;}
.tools .tool a .icon-default{opacity: 1;transform: scale(1);}
.tools .tool a .icon-hover{opacity: 0;transform: scale(0.9);}

.tools .tool a:hover{background: var(--ss--blue-gradient);color: var(--ss--white);transform: scale(1.05);}
.tools .tool a:hover .icon-default{opacity: 0;transform: scale(0.9);}
.tools .tool a:hover .icon-hover{opacity: 1;transform: scale(1);}
.tools .tool a.active{background: var(--ss--blue-gradient);color: var(--ss--white);}

.ai-tool{position: fixed;right: 24px;bottom: 24px;z-index: 999;}
.ai-tool a{width: 72px;height: 72px;display: flex;align-items: center;justify-content: center;border-radius: 50%;background: var(--ss--white);box-shadow: var(--ss--box-shadow);text-decoration: none;position: relative;overflow: hidden;transition: background 0.3s ease;}
.ai-tool .icon{width: 32px;height: 32px;position: absolute;transition: opacity 0.25s ease, transform 0.25s ease;}
.ai-tool .icon-default{opacity: 1;transform: scale(1);}
.ai-tool .icon-hover{opacity: 0;transform: scale(0.9);}
.ai-tool a:hover{background: var(--ss--blue-gradient);}
.ai-tool a:hover .icon-default{opacity: 0;transform: scale(0.9);}
.ai-tool a:hover .icon-hover{opacity: 1;transform: scale(1);}

/* tabs */
.tabs{margin-bottom: 24px; padding: 12px; border-radius: 24px; box-shadow: var(--ss--box-shadow); background: var(--ss--white);}
.tabs ul{display: flex; gap: 12px;}
.tabs ul li{flex: 1; display: flex; align-items: center; justify-content: center; padding: 0;}
.tabs ul li a{display: block; width: 100%; padding: 16px 24px; border-radius: 20px; color: var(--ss--gray-700); font-size: 20px; text-decoration: none; text-align: center;}
.tabs ul li a.active{background: var(--ss--blue-gradient); color: var(--ss--white);}

/* article */
.article-items{display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px;}
.article-items .article-item,
.article-top-item{padding: 24px; border-radius: 24px; box-shadow: var(--ss--box-shadow); background: var(--ss--white);}
.article-top-item{width: 100%; margin-bottom: 24px; transition: transform 0.25s ease, box-shadow 0.25s ease;}
.article-top-item:hover{transform: translateY(-4px); box-shadow: 0 14px 32px rgba(16, 24, 40, 0.18);}

.article-items .article-item a,
.article-items .article-item a:visited{display: flex; flex-direction: column; gap: 16px;}
.article-top-item a,
.article-top-item a:visited{display: grid; grid-template-columns: minmax(260px, 42%) 1fr; grid-template-rows: auto 1fr auto; gap: 24px; height: 100%;}

.article-items .article-item .article-item-image,
.article-top-item .article-item-image{width: 100%;}
.article-items .article-item .article-item-image img,
.article-top-item .article-item-image img{width: 100%; height: 100%; object-fit: cover; border-radius: 24px;}
.article-top-item .article-item-image{grid-row: 1 / -1; height: 100%; overflow: hidden; border-radius: 24px;}
.article-top-item .article-item-image img{border-radius: 24px;}

.article-items .article-item .article-item-date,
.article-top-item .article-item-date{display: flex; gap: 5px; align-items: center;}
.article-items .article-item .article-item-date .icon,
.article-top-item .article-item-date .icon{}
.article-items .article-item .article-item-date span,
.article-top-item .article-item-date span{color: var(--ss--gray-500); font-size: 16px;}
.article-top-item .article-item-date{grid-column: 2; grid-row: 3; align-self: end;}

.article-items .article-item .article-item-name,
.article-top-item .article-item-name{}
.article-items .article-item .article-item-name span,
.article-top-item .article-item-name span{color: var(--ss--gray-700); font-size: 20px; font-weight: 700;}
.article-top-item .article-item-name span{font-size: 36px;}
.article-top-item .article-item-name{grid-column: 2; grid-row: 1;}

.article-items .article-item .article-item-description,
.article-top-item .article-item-description{}
.article-items .article-item .article-item-description span,
.article-top-item .article-item-description span{color: var(--ss--gray-500); font-size: 16px;}
.article-top-item .article-item-description span{font-size: 18px;}
.article-top-item .article-item-description{grid-column: 2; grid-row: 2;}

.article-items .article-item .article-item-more,
.article-top-item .article-item-more {}
.article-items .article-item .article-item-more span,
.article-top-item .article-item-more span{color: var(--ss--red); font-size: 14px;}
.article-items .article-item .article-item-more .icon,
.article-top-item .article-item-more .icon{}
.article-top-item .article-item-more{grid-column: 2; grid-row: 3; justify-self: end; align-self: end; display: inline-flex; align-items: center; gap: 8px;}
.article-top-item .article-item-more .icon{transition: transform 0.25s ease;}
.article-top-item:hover .article-item-more .icon{transform: translate(4px, -4px);}

@media (max-width: 992px) {
    .article-top-item a,
    .article-top-item a:visited{grid-template-columns: 1fr auto; grid-template-rows: auto auto 1fr auto; gap: 16px;}
    .article-top-item .article-item-image{grid-column: 1 / -1; grid-row: 1; height: 240px;}
    .article-top-item .article-item-name{grid-column: 1 / -1; grid-row: 2;}
    .article-top-item .article-item-description{grid-column: 1 / -1; grid-row: 3;}
    .article-top-item .article-item-date{grid-column: 1; grid-row: 4;}
    .article-top-item .article-item-more{grid-column: 2; grid-row: 4; justify-self: end;}
}

.article-pagination {display: flex; justify-content: center; margin: 40px 0;}
.article-pagination ul {display: flex; align-items: center; gap: 24px;}
.article-pagination li a {width: 48px;height: 48px;border-radius: 50%;border: 1px solid var(--ss--blue-900);color: var(--ss--gray-500);display: flex;align-items: center;justify-content: center;text-decoration: none;font-size: 16px;font-weight: 500;transition: all 0.2s ease;}
.article-pagination li.active a {background: var(--ss--red);color: var(--ss--white);}
.article-pagination li a:hover {background: var(--ss--blue-900);color: var(--ss--white);}
.article-pagination i {font-size: 16px;}

/* branch location */
.branch-location .branch-location-card{background: var(--ss--white); border-radius: 28px; box-shadow: var(--ss--box-shadow); padding: 28px; margin-bottom: 80px;}
.branch-location .branch-filters{display: grid; grid-template-columns: minmax(180px, 1fr) auto minmax(180px, 1fr) auto; gap: 16px; align-items: end; padding-bottom: 24px; border-bottom: 1px solid var(--ss--gray-200);}
.branch-location .branch-filter-group{display: flex; flex-direction: column; gap: 8px;}
.branch-location .branch-filter-group label{font-size: 18px; color: var(--ss--gray-700); font-weight: 600;}
.branch-location .branch-filter-group select{height: 44px; border-radius: 16px; border: 1px solid var(--ss--gray-200); padding: 0 14px; font-size: 16px; color: var(--ss--gray-500); background: var(--ss--white); box-shadow: var(--ss--box-shadow); transition: all 0.25s ease;}

.branch-location .branch-btn{height: 44px; border-radius: 16px; padding: 0 18px; font-size: 14px; font-weight: 600; cursor: pointer; border: 1px solid transparent; transition: all 0.25s ease;}
.branch-location .branch-btn--outline{background: var(--ss--white); color: var(--ss--red); border-color: var(--ss--red);}
.branch-location .branch-btn--outline:hover{background: var(--ss--red); color: var(--ss--white);}
.branch-location .branch-btn--primary{background: var(--ss--red); color: var(--ss--white);}
.branch-location .branch-btn--primary:hover{filter: brightness(0.95); transform: translateY(-1px);}

.branch-location .branch-content{display: grid; grid-template-columns: 0.4fr 0.6fr; gap: 24px; padding-top: 24px;}
.branch-location .branch-list{display: flex; flex-direction: column; gap: 16px; max-height: 640px; overflow-y: auto; padding-right: 6px;}
.branch-location .branch-card{display: grid; grid-template-columns: 140px 1fr; gap: 16px; background: var(--ss--white); border-radius: 20px; padding: 16px; border: 1px solid transparent; box-shadow: var(--ss--box-shadow); transition: all 0.25s ease;}
.branch-location .branch-card:hover{background: #F8FAFC; box-shadow: 0 12px 30px rgba(16, 24, 40, 0.12); transform: translateY(-2px);}
.branch-location .branch-card.active{border-color: var(--ss--red); box-shadow: 0 10px 28px rgba(219, 53, 61, 0.18);}
.branch-location .branch-thumb{width: 140px; display: flex; flex-direction: column; gap: 8px;}
.branch-location .branch-thumb__title{font-size: 18px; font-weight: 700; color: var(--ss--gray-700);}
.branch-location .branch-thumb__image{width: 100%; aspect-ratio: 4 / 3; border-radius: 16px; overflow: hidden; box-shadow: 0 10px 24px rgba(16, 24, 40, 0.12);}
.branch-location .branch-thumb__image img{width: 100%; height: 100%; object-fit: cover;}
.branch-location .branch-info h4{font-size: 18px; color: var(--ss--gray-700); margin: 0 0 6px; font-weight: 700;}
.branch-location .branch-meta{display: flex; gap: 8px; align-items: flex-start; font-size: 16px; color: var(--ss--gray-500); line-height: 1.5;}
.branch-location .branch-meta span{color: var(--ss--gray-700);}
.branch-location .branch-meta .icon{width: 16px; height: 16px; margin-top: 2px; filter: brightness(0) saturate(100%) invert(57%) sepia(8%) saturate(868%) hue-rotate(176deg) brightness(90%) contrast(86%);}
.branch-location .branch-meta--address .icon{flex: 0 0 16px;}
.branch-location .branch-meta--address .branch-meta__text{display: block; min-width: 0; color: var(--ss--gray-700);}

.branch-location .branch-map{border-radius: 24px; overflow: hidden; box-shadow: var(--ss--box-shadow); height: 640px;}
.branch-location .branch-map iframe{width: 100%; height: 100%; border: 0; display: block;}

@media (max-width: 992px) {
    .branch-location .branch-filters{grid-template-columns: 1fr 1fr; align-items: center;}
    .branch-location .branch-btn{width: 100%;}
    .branch-location .branch-content{grid-template-columns: 1fr;}
    .branch-location .branch-list{max-height: 520px;}
    .branch-location .branch-map{height: 420px;}
}

@media (max-width: 576px) {
    .branch-location .branch-filters{grid-template-columns: 1fr;}
    .branch-location .branch-location-card{padding: 20px;}
    .branch-location .branch-card{grid-template-columns: 120px 1fr;}
    .branch-location .branch-thumb{width: 120px;}
}

/* page banner */
.page-banner {position: relative;width: 100%;height: 500px;background-size: cover;background-position: center;background-repeat: no-repeat;display: flex;align-items: flex-end;justify-content: center;color: var(--ss--white);overflow: hidden;margin: -109px 0 80px; padding-bottom: 80px;}
.page-banner__overlay {position: absolute;inset: 0;background: var(--ss--blue-gradient);z-index: 1;}
.page-banner__content {position: relative;z-index: 2;text-align: center;}
.page-banner .breadcrumb {display: flex;justify-content: center;gap: 10px;margin-bottom: 12px;font-size: 20px;opacity: 0.9;}
.page-banner .breadcrumb li,
.page-banner .breadcrumb li a {color: var(--ss--white);}
.page-banner .breadcrumb li i{font-size: 13px;}
.page-banner .breadcrumb li:last-child::after {display: none;}
.page-banner h2 {font-size: 48px;font-weight: 700;margin: 0;}
.page-banner .page-banner__content > div {max-width: 800px; font-size: 16px;margin: 20px 0 0;}

/* vip-level */
.vip-level {margin-top: 60px;}
.vip-level > span {display: block;font-size: 48px;font-weight: 600;text-align: center;}
.vip-level__content {display: flex;flex-direction: column;gap: 20px;}
.vip-card {background: var(--ss--white);border-radius: 24px;padding: 24px;box-shadow: var(--ss--box-shadow);border-bottom: 1px solid var(--ss--red);}
.vip-card__title {font-size: 20px;font-weight: 600;margin-bottom: 12px;color: var(--ss--gray-700);}
.vip-card__label {font-size: 14px;font-weight: 700;color: var(--ss--gray-500);margin-bottom: 6px;}
.vip-card__block {margin-top: 14px;}
.vip-card ol,
.vip-card ul {padding-left: 18px;margin: 0;font-size: 16px;line-height: 1.7;color: var(--ss--gray-500);}
.vip-card li {margin-bottom: 6px;}
.vip-card__text {margin: 0;font-size: 16px;line-height: 1.6;color: var(--ss--gray-500);}
.vip-card-grid {display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 20px;}
.vip-level ol,
.vip-level ol li {list-style: decimal!important;}
.vip-level ul,
.vip-level ul li {list-style: disc!important;}

@media (max-width: 768px) {
    .vip-level > span {font-size: 22px;}
    .vip-card {padding: 16px;}
    .vip-card-grid {grid-template-columns: 1fr;}
}

/* vip-cta */
.vip-cta {position: relative;margin: 0 0 40px;border-radius: 16px;overflow: hidden;background-size: cover;background-position: center;min-height: 400px;display: flex;align-items: center;}
.vip-cta__overlay {position: absolute;inset: 0;background: var(--ss--green);z-index: 1;}
.vip-cta__content {position: relative;z-index: 2;max-width: 840px;padding: 32px 40px;color: var(--ss--white);margin: 0 auto;}
.vip-cta__title {font-size: 39px;font-weight: 600;margin-bottom: 12px;text-align: center;}
.vip-cta__desc {font-size: 18px;margin-bottom: 18px;color: var(--ss--white);text-align: center;}
.vip-cta__content ul,
.vip-cta__content ul li{list-style: disc!important; margin-left: 12px;}
.vip-cta__btn {display: block;padding: 10px 22px;background: var(--ss--red);color: var(--ss--white);font-size: 14px;border-radius: 20px;text-decoration: none;transition: all .25s ease;width: fit-content;margin: 0 auto;}

@media (max-width: 768px) {
    .vip-cta__content {padding: 24px;}
    .vip-cta__title {font-size: 22px;}
}

/* trust-section */
.trust-section__title {font-size: 48px;font-weight: 600;margin: 80px 0 24px;}
.trust-benefit {display: grid;grid-template-columns: 1.2fr 0.8fr;gap: 32px;margin: 32px 0 0;align-items: center;}
.trust-benefit__left {display: grid;grid-template-columns: repeat(2, 1fr);gap: 20px;}
.trust-card {background: var(--ss--white);border-radius: 24px;padding: 20px 22px;box-shadow: var(--ss--box-shadow);border-bottom: 1px solid var(--ss--red);}
.trust-card h4 {font-size: 18px;margin-bottom: 10px;color: var(--ss--gray-700);}
.trust-card p {font-size: 16px;color: var(--ss--gray-500);margin: 0;}
.trust-card--title-only h4 {margin-bottom: 0;}
.trust-card--wide {grid-column: 1 / -1;}
.trust-benefit__intro {margin: 16px 0 0; color: var(--ss--gray-700); font-size: 18px;}
.trust-benefit__header {grid-column: 1 / -1;}
.trust-benefit__right {position: relative;}
.trust-image-wrap {position: relative;border-radius: 16px;}
.trust-image-wrap::before {content: "";position: absolute;top: -30px;right: -30px;width: 100%;height: 100%;background: var(--ss--pink);border-radius: 16px;z-index: 0;}
.trust-image-wrap img {width: 100%;height: auto;border-radius: 14px;display: block;position: relative;z-index: 1;}

@media (max-width: 992px) {
    .trust-benefit {grid-template-columns: 1fr;}
    .trust-benefit__left {grid-template-columns: 1fr;}
}

/* testimonial-section */
.testimonial-head{display:flex;align-items:center;justify-content:space-between;gap: 20px;margin-bottom: 28px;}
.testimonial-title{font-size: 48px;font-weight: 600;color: var(--ss--gray-700);margin: 0;}
.testimonial-nav{display:flex;align-items:center;gap: 14px;}
.t-nav{width: 48px;height: 48px;border-radius: 50%;border: 0;background: var(--ss--testimonial-gradient-muted);color: var(--ss--gray-500);display:flex;align-items:center;justify-content:center;cursor:pointer;transition: all .2s ease;}

.t-nav:hover{transform: translateY(-1px);}
.t-nav.is-active{background: var(--ss--testimonial-gradient-active);color: var(--ss--white);}
.testimonial-row{overflow: hidden;}
.testimonial-row .swiper-wrapper{align-items: stretch;}
.testimonial-row .swiper-slide{height: auto;}
.t-card{border-radius: 14px;padding: 22px 22px 18px;background: var(--ss--testimonial-gradient-muted);min-height: 190px;box-shadow: var(--ss--box-shadow);overflow: hidden;height: 100%;}
.testimonial-row .swiper-slide-active .t-card{background: var(--ss--testimonial-gradient-active);color: var(--ss--white);}

.testimonial-row .swiper-slide-active .t-name,
.testimonial-row .swiper-slide-active .t-role,
.testimonial-row .swiper-slide-active .t-text{color: var(--ss--gray-100)!important;}
.t-card-head{display:flex;align-items:center;gap: 14px;margin-bottom: 14px;}
.t-avatar{width: 85px;height: 85px;border-radius: 50%;overflow: hidden;flex: 0 0 auto;background: var(--ss--white);}

.t-avatar img{width: 100%;height: 100%;object-fit: cover;display:block;}
.t-name{font-size: 28px;font-weight: 800;color: var(--ss--gray-900);}
.t-role{font-size: 20px;color: var(--ss--gray-700);font-weight: 600;margin-top: 4px;}
.t-text{margin: 0;font-size: 16px;line-height: 1.6;color: var(--ss--gray-500);}

/* Responsive */
@media (max-width: 992px){
    .testimonial-title{font-size: 34px;}
}
@media (max-width: 520px){
    .testimonial-section{padding: 56px 0;}
    .testimonial-title{font-size: 28px;}
    .t-nav{width: 44px; height: 44px;}
}

/* service-thumbnail */
.service-thumbnail{margin-top: 40px;}
.service-thumbnail img{width: 100%; height: auto; object-fit: cover; border-radius: 16px;}

/* about-values */
.about-values {display: grid;grid-template-columns: repeat(3, 1fr);gap: 24px;}
.about-values > div{padding: 32px; background: var(--ss--white); border: 1px solid var(--ss--gray-200); border-radius: 24px; box-shadow: var(--ss--box-shadow);}
.about-values > div .name{margin: 30px 0 15px; font-size: 36px; color: var(--ss--gray-700); font-weight: 600;}
.about-values > div .description{font-size: 16px; color: var(--ss--gray-500); font-weight: 400;}
.about-values > div .description ul,
.about-values > div .description ul li {list-style: disc; margin-left: 12px;}

/* History Timeline */
.history-timeline{position: relative;padding: 60px 0;background-size: cover;background-position: center;color: var(--ss--white);}
.history-overlay{position:absolute;inset:0;background: var(--ss--blue-gradient);z-index:1;}
.history-timeline .container{position: relative;z-index:2;}
.history-cards{display:flex;align-items:stretch;justify-content:space-between;gap:24px;margin-bottom:48px;width:100%;}
.history-card{background: var(--ss--white);;color:var(--ss--gray-700);padding:18px 24px;border-radius:14px;max-width:none;font-size:14px;box-shadow: var(--ss--box-shadow);height: auto;          /* ❗ 100% хэрэггүй */display: flex;align-items: center;flex:1;}

.history-card.active{font-weight:600;}
.history-arrow{width:42px;height:42px;border-radius:50%;border:1px solid var(--ss--white);background:transparent;color: var(--ss--white);display:flex;align-items:center;justify-content:center;cursor:pointer;align-self:center;}

.timeline{display:flex;align-items:center;justify-content:center;width:100%;}
.timeline-track{display:flex;align-items:flex-start;justify-content:space-between;flex:1;gap:42px;position:relative;--timeline-line-top:47px;padding-top:10px;}
.timeline-track::before{content:"";position:absolute;left:0;right:0;top:var(--timeline-line-top);height:2px;background:var(--ss--white);z-index:0;}
.timeline-item{position:relative;text-align:center;z-index:1;}
.timeline-item .year{display:block;font-size:18px;margin-bottom:44px;opacity:.9;}
.timeline-item .year.big{font-size:48px;font-weight:600;margin-top: -30px}
.timeline-item .dot{width:12px;height:12px;background:var(--ss--white);display:block;position:absolute;top:calc(var(--timeline-line-top) - 15px);left:50%;transform:translateX(-50%) rotate(45deg);}
.timeline-item .dot.red{width:16px;height:16px;background:var(--ss--red);top:calc(var(--timeline-line-top) - 18px);}
.timeline-arrow{width:38px;height:38px;border-radius:50%;border:1px solid var(--ss--white);background:transparent;color:var(--ss--white);display:flex;align-items:center;justify-content:center;cursor:pointer;}

/* Responsive */
@media(max-width:992px){
    .history-cards{flex-direction:column;}
    .timeline-track{gap:28px;}
    .timeline-item .year.big{font-size:22px;}
}

/* Team grid */
.team-grid{display:grid;grid-template-columns: repeat(5, 1fr);gap:24px;}
.team-card{position:relative;border-radius:18px;overflow:hidden;cursor:pointer;}
.team-card img{width:100%;height:100%;object-fit:cover;display:block;filter: grayscale(100%);transition: filter .4s ease, transform .4s ease;}
.team-overlay{position:absolute;left:0;right:0;bottom:0;background: linear-gradient(261.82deg, rgba(5, 40, 130, 0.12) 5.58%, rgba(5, 40, 130, 0.3) 98.73%);height:110px;color:var(--ss--white);padding:20px;display:flex;flex-direction:column;justify-content:flex-end;transition: opacity .4s ease;}
.team-card:hover .team-overlay{background: var(--ss--blue-gradient);}

/* Team modal */
.team-modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;z-index:999;}
.team-modal.is-open{display:flex;}
.team-modal__backdrop{position:absolute;inset:0;background:rgba(0, 0, 0, 0.55);}
.team-modal__dialog{position:relative;width:min(760px, 92vw);background:var(--ss--white);color:var(--ss--gray-700);border-radius:16px;padding:24px;box-shadow:var(--ss--box-shadow);z-index:1;}
.team-modal__body{display:flex;flex-direction:column;gap:16px;}
.team-modal__header{display:flex;flex-direction:column;gap:4px;}
.team-modal__content{display:flex;gap:20px;align-items:stretch;}
.team-modal__media{flex:0 0 42%;border-radius:12px;overflow:hidden;}
.team-modal__img{width:100%;height:100%;object-fit:cover;display:block;}
.team-modal__text{flex:1;min-width:0;}
.team-modal__close{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;border:1px solid var(--ss--gray-200);background:transparent;color:var(--ss--gray-700);display:flex;align-items:center;justify-content:center;cursor:pointer;}
.team-modal__title{margin:0 0 6px;font-size:36px; color: var(--ss--gray-900); font-weight:600;}
.team-modal__role{margin:0 0 12px;font-size:16px;color:var(--ss--gray-500);}
.team-modal__desc{margin:0;font-size:16px;color:var(--ss--gray-700);}
body.team-modal-open{overflow:hidden;}

@media(max-width:768px){
    .team-modal__body{flex-direction:column;}
    .team-modal__media{flex-basis:auto;}
}

.team-overlay h4{margin:0;font-size:18px;font-weight:600;}
.team-overlay p{margin:6px 0 0;font-size:14px;opacity:.9;}
.team-card:hover img{filter: grayscale(0%);transform: scale(1.03);}
/* Responsive */
@media(max-width:1200px){
    .team-grid{grid-template-columns: repeat(3, 1fr);}
}

@media(max-width:768px){
    .team-grid{grid-template-columns: repeat(2, 1fr);}
}

@media(max-width:480px){
    .team-grid{grid-template-columns: 1fr;}
}

/* structure */
.structure{}
.structure img{width: 100%; height: auto; object-fit: cover;}

/* job-intro */
.job-intro{}
.job-intro img,
.job-middle img,
.job-bottom img,
.job-team img{width: 100%; height: auto; object-fit: cover;}
.job-bottom a{display: flex; flex-direction: column; gap: 24px;}
.job-bottom img{box-shadow: var(--ss--box-shadow); border-radius: 24px;}
.job-team{width: 1490px;margin: 0 auto;}

/* cv-form */
/* ===== CV FORM ===== */
.cv-form{display:flex;flex-direction:column;gap:24px;margin:40px 0;}
.cv-form .form-card{background:var(--ss--white);border-radius:18px;padding:24px 28px;box-shadow:var(--ss--box-shadow);}
.cv-form .form-title{color:var(--ss--red);font-size:18px;font-weight:600;margin-bottom:20px;}
.cv-form .form-grid{display:grid;gap:16px 20px;}
.cv-form .form-grid.grid-3{grid-template-columns:repeat(3,1fr);}
.cv-form .form-grid.grid-2{grid-template-columns:repeat(2,1fr);}
.cv-form .grid-full{grid-column:1 / -1;}
/* Input */
.cv-form .form-group{display:flex;flex-direction:row;align-items:center;gap:12px;}
.cv-form .form-group label{font-size:13px;color:var(--ss--gray-700);margin-bottom:0;min-width:160px;}
.cv-form .form-group input,
.cv-form .form-group select{height:44px;border-radius:22px;border:1px solid var(--ss--gray-200);padding:0 16px;font-size:14px;outline:none;flex:1;}
.cv-form .form-group input:focus,
.cv-form .form-group select:focus{border-color:var(--ss--blue);}
/* Actions */
.cv-form .form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:18px;}
/* Buttons */
.btn{border:none;border-radius:22px;padding:10px 22px;font-size:14px;cursor:pointer;color:var(--ss--white);}
.btn-red{background:var(--ss--red);}
.btn-blue{background:var(--ss--blue-gradient);}
.btn-submit{background:var(--ss--blue-gradient);padding:14px 48px;font-size:16px;}
/* Submit */
.submit-wrap{display:flex;justify-content:center;margin-top:30px;}

/* Responsive */
@media(max-width:992px){
    .cv-form .form-grid.grid-3{grid-template-columns:1fr 1fr;}
}
@media(max-width:576px){
    .cv-form .form-grid.grid-3,
    .cv-form .form-grid.grid-2{grid-template-columns:1fr;}
    .cv-form .form-group{flex-direction:column;align-items:stretch;}
    .cv-form .form-group label{min-width:0;}
}

.loan-form{background:var(--ss--white);padding:40px;border-radius:24px;box-shadow:var(--ss--box-shadow);}
.loan-form__notice{color:var(--ss--red);margin-bottom:24px;font-size:14px;}
.loan-grid{display:grid;gap:20px;margin-bottom:20px;}
.loan-grid.grid-3{grid-template-columns:repeat(3,1fr);}
.loan-grid.grid-2{grid-template-columns:repeat(2,1fr);}
.loan-form .form-group label{display:block;font-size:14px;color:var(--ss--gray-700);margin-bottom:6px;}
.loan-form .form-group input[type="radio"]{width:20px;height:20px;}
.loan-form .form-group input,
.loan-form .form-group select,
.loan-form .form-group textarea{width:100%;padding:12px 16px;border-radius:12px;border:1px solid var(--ss--gray-200);font-size:14px;outline:none;}
.loan-form .form-group textarea{min-height:120px;resize:vertical;}
.loan-form .radio-options{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:8px;}
.loan-form .radio-options label{display:flex;align-items:center;gap:10px;}
.loan-warning{margin:20px 0;padding-left:18px;color:var(--ss--red);font-size:13px;}
.loan-submit{display:block;margin:0 auto;padding:14px 64px;border-radius:999px;border:none;background:var(--ss--blue-gradient);color:var(--ss--white);font-size:16px;cursor:pointer;}
/* Responsive */
@media (max-width: 992px) {
    .loan-grid.grid-3,
    .loan-grid.grid-2{grid-template-columns:1fr;}
}

/* Modal container */
.doc-check-modal {border-radius: 24px;padding: 16px 20px 24px;border: none;}
.doc-check-title {font-weight: 600;color: var(--ss--gray-800);}
.doc-check-label {font-size: 14px;color: var(--ss--gray-500);}
.doc-check-input-group {display: flex;align-items: center;background: var(--ss--white);border-radius: 999px;padding: 6px;box-shadow: var(--ss--box-shadow);}
.doc-check-input {border: none;border-radius: 999px;padding: 14px 18px;font-size: 14px;box-shadow: none;}
.doc-check-input:focus {outline: none;box-shadow: none;}
.doc-check-btn {background: var(--ss--red);color: var(--ss--white);border-radius: 999px;padding: 10px 22px;font-size: 14px;border: none;white-space: nowrap;}
.doc-check-btn:hover {background: var(--ss--red);}
@media (min-width: 576px) {
    #docCheckModal .modal-dialog {max-width: 420px;}
}

.s-card {position: relative;display: block;border-radius: 20px;overflow: hidden;height: 260px;text-decoration: none;}
.s-card img {width: 100%;height: 100%;object-fit: cover;}
.s-card__overlay {position: absolute;inset: 0;background: linear-gradient(180deg, rgba(16, 24, 40, 0) 40%, rgba(16, 24, 40, 0.65) 100%);}
.s-card__content {position: absolute;left: 24px;bottom: 24px;right: 24px;color: var(--ss--white);font-size: 18px;font-weight: 600;line-height: 1.4;}
.s-card__content h6 {font-size: 18px;font-weight: 600;margin-bottom: 10px;}
.s-card__content ul {margin: 0;padding-left: 18px;font-size: 14px;font-weight: 400;}
.s-card__content li {margin-bottom: 6px;}

/* Hover effect */
.s-card:hover img {transform: scale(1.05);}
.s-card img {transition: transform 0.4s ease;}
.loan-info-card {background: var(--ss--white);border-radius: 18px;padding: 24px;box-shadow: var(--ss--box-shadow);}
.loan-info-title {color: var(--ss--red);font-weight: 600;margin-bottom: 16px;}
.loan-info-row {display: flex;justify-content: space-between;align-items: center;padding: 14px 18px;border-radius: 10px;font-size: 14px;color: var(--ss--gray-500);}
.loan-info-row.bg {background: var(--ss--gray-100);}
.loan-info-row span {font-weight: 500;}
.loan-info-row strong {font-weight: 600;color: var(--ss--gray-400);}
.btn-loan {display: inline-block;padding: 14px 64px;border-radius: 999px;background: var(--ss--blue-gradient);color: var(--ss--white);font-size: 16px;font-weight: 600;text-decoration: none;transition: transform .2s ease, box-shadow .2s ease;}
.btn-loan:hover {transform: translateY(-2px);box-shadow: var(--ss--box-shadow);color: var(--ss--white);}
.loan-calc-card {background: var(--ss--white);border-radius: 24px;padding: 32px;box-shadow: var(--ss--box-shadow);}
.loan-calc-header {display: flex;justify-content: space-between;align-items: center;margin-bottom: 24px;}
.loan-calc-header h5 {font-weight: 600;color: var(--ss--gray-500);}
.calc-input-group {display: flex;align-items: center;gap: 10px;}
.calc-btn {width: 42px;height: 42px;border-radius: 12px;border: 1px solid var(--ss--gray-200);background: var(--ss--white);font-size: 20px;color: var(--ss--gray-400);cursor: pointer;}
.calc-input-group .form-control {text-align: center;border-radius: 14px;padding: 12px;font-weight: 500;}
.calc-result {display: flex;align-items: center;gap: 24px;}
.result-item span {font-size: 13px;color: var(--ss--gray-400);}
.result-item strong {display: block;font-size: 32px;font-weight: 700;color: var(--ss--gray-800);}
.divider {width: 1px;background: var(--ss--gray-200);}
.btn-loan {display: inline-block;padding: 14px 72px;border-radius: 999px;background: var(--ss--blue-gradient);color: var(--ss--white);font-weight: 600;text-decoration: none;}
.btn-loan:hover {color: var(--ss--white);box-shadow: var(--ss--box-shadow);}

/* Responsive */
@media (max-width: 992px) {
    .calc-result {flex-direction: column;align-items: flex-start;}
    .divider {display: none;}
}

/* faq */
.faq-list {}
.faq-item {margin-bottom: 16px;border-radius: 24px;overflow: hidden;background: var(--ss--white);}
.faq-header {width: 100%;display: flex;justify-content: space-between;align-items: center;padding: 22px 28px;font-size: 20px;font-weight: 600;background: var(--ss--white);color: var(--ss--gray-800);border: 1px solid var(--ss--blue);border-radius: 24px;cursor: pointer;transition: background 0.3s ease, color 0.3s ease;}
.faq-icon {width: 44px;height: 44px;border-radius: 50%;background: var(--ss--white);border: 1px solid var(--ss--gray-200);display: flex;align-items: center;justify-content: center;font-size: 18px;color: var(--ss--gray-800);transition: transform 0.3s ease;}
.faq-body {max-height: 0;overflow: hidden;padding: 0 28px;background: var(--ss--blue-gradient);color: var(--ss--white);transition: max-height 0.4s ease, padding 0.3s ease;}
.faq-body p {margin: 0;font-size: 16px;line-height: 1.6;}
.faq-item.active .faq-header {background: var(--ss--blue-gradient);color: var(--ss--white);border-color: transparent;border-bottom-left-radius: 0;border-bottom-right-radius: 0;}
.faq-item.active .faq-body {max-height: 300px;padding: 20px 28px 28px;}
.faq-item.active .faq-icon {transform: rotate(180deg);}

/* currency-modal */
.currency-modal {border-radius: 24px;overflow: hidden;}
.currency-modal .modal-header {padding: 20px 24px;border-bottom: 1px solid #e5e7eb;}
.currency-modal .modal-title {font-size: 18px;font-weight: 600;color: #475569;}
.currency-table th {background: #f8fafc;font-size: 14px;color: #334155;border-bottom: 1px solid #e5e7eb;}
.currency-table td {font-size: 14px;color: #475569;vertical-align: middle;}
.currency-table tbody tr:not(:last-child) td {border-bottom: 1px solid #e5e7eb;}
.currency-table .fi {width: 22px;height: 16px;border-radius: 2px;}

/* loan-modal */
.loan-modal {border-radius: 24px;padding: 12px;}
.calc-input {display: flex;align-items: center;gap: 10px;}
.calc-input input {flex: 1;border-radius: 14px;border: 1px solid var(--ss--gray-200);padding: 10px 14px;font-size: 16px;}
.calc-input button {width: 40px;height: 40px;border-radius: 50%;border: 1px solid var(--ss--gray-200);background: var(--ss--white);font-size: 18px;}
.calc-result span {display: block;color: var(--ss--gray-400);margin-bottom: 6px;}
.calc-result strong {font-size: 32px;color: var(--ss--gray-800);}

/* ai-tool  */
.ai-chat-popup{position: fixed;bottom: 10px;right: 120px;width: 320px;height: 480px;background: var(--ss--white);border-radius: 18px;box-shadow: var(--ss--box-shadow);display: none;flex-direction: column;overflow: hidden;z-index: 999;}
.ai-chat-header{background: var(--ss--blue-gradient);color: var(--ss--white);padding: 14px 16px;display: flex;justify-content: space-between;align-items: center;}
.ai-logo{display:flex;align-items:center;gap:8px;font-weight:600;}
.ai-logo img{width:100px;}
.ai-close{background:none;border:none;color: var(--ss--white);font-size:22px;cursor:pointer;}
.ai-chat-body{flex:1;padding:16px;overflow-y:auto;background: var(--ss--gray-100);}
.ai-message{display:flex;gap:10px;align-items:flex-start;}
.avatar{width:36px;height:36px;border-radius:50%;}
.bubble{background: var(--ss--white);padding:10px 12px;border-radius:10px;max-width:200px;box-shadow: var(--ss--box-shadow);}
.bubble .name{font-size:12px;font-weight:600;}
.bubble .text{font-size:13px;margin-top:4px;}
.time{font-size:11px;color: var(--ss--gray-400);margin-left:auto;}
.ai-chat-footer{padding:12px;border-top:1px solid var(--ss--gray-200);display:flex;gap:10px;}
.ai-chat-footer input{flex:1;border:1px solid var(--ss--gray-200);border-radius:20px;padding:8px 14px;font-size:13px;outline:none;}
.send-btn{width:40px;height:40px;border-radius:50%;border:none;background: var(--ss--blue);color: var(--ss--white);cursor:pointer;}