/*
    @Name: style | @Author: Cherry.liu
====================================================================================== */
:root{
    --BrandPrimary: #2563EB;

    --BtnBg-primary: var(--BrandPrimary);
    --BtnBg-hover: #4079f8;
    --BtnBg-active: #184fc8;

    --LinkColor-default: var(--BrandPrimary);
    --LinkColor-hover: #4079f8;
    --LinkColor-active: #184fc8;

    --BannerMaskBg: rgba(17, 24, 39, 0.4);
    --BannerSloganTextBg: var(--BrandPrimary);
    --FormHeadBg: var(--BrandPrimary);
    --DividingBorderColor: var(--BrandPrimary);
    --FaqTitleBg: #FFFFFF;

    --BannerPt-default: 4em;
    --BannerPt-xs: 2em;

    --BannerSloganTitleFontSize-default: 46px;
    --BannerSloganTitleFontSize-xs: 36px;

    --BannerSloganContentFontSize-default: 18px;
    --BannerSloganFontSize-xs: 16px;

}


/* Banner */
body {
    font-size: 18px;
}
.banner {
    background: url(../images/bg-banner.jpg) center center no-repeat;
    background-size: cover;
}
.banner .mask {
    padding-bottom: 4em;
}
.banner .subtitle {
    margin-top: 8px;
    font-size: 20px;
}

/* footer */ 
.footer {
    padding: 32px 0;
    color: #9CA3AF;
    background: #111827;
    border: none;
}
.footer .mb-sm {
    margin-bottom: 16px;
    line-height: 1.3;
}
.footer .link {
    cursor: pointer;
    color: #9CA3AF;
}
.footer .link:hover {
    color: #FFFFFF;
}
.footer .text-gray-light {
    color: #6B7280;
}


/* common */
.btn-white {
    color: #1E3A8A;
    background: #FFFFFF;
    cursor: pointer;
}
.btn-white:hover,
.btn-white:active {
    color: var(--BrandPrimary);
}
.btn-white:active {
    background: #F9FAFB;
}
.modular {
    padding: 4em 0;
}
.modular-subtitle {
    margin: -12px 0 24px 0;
    color: #4B5563;
    font-size: 16px;
}
.bg-primary-dark {
    color: #FFFFFF;
    background: #1E3A8A;
}

/* list */
.list-block .icon-wrap {
    margin: 0 auto 8px auto;
}
.list-block .icon-wrap img {
    line-height: 1;
    vertical-align: middle;
}
.list-block .title {
    font-size: 1.1em;
    font-weight: 700;
    margin-bottom: 6px;
}
.list-block .text {
    font-size: 0.9em;
    line-height: 1.3;
}
.list-card .list-item {
    padding: 20px;
    background: #FFFFFF;
    margin-bottom: 1.6em;
    min-height: 220px;
}
.list-card .row {
    margin-left: -0.7em;
    margin-left: -0.7em;
}
.list-card .col-sm-4 {
    padding-left: 0.7em;
    padding-right: 0.7em;
}
.list-card .text {
    color: #4B5563;
    font-size: 0.8em;
}