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

    --BtnBg-primary: var(--BrandPrimary);
    --BtnBg-hover: #a160cc;
    --BtnBg-active: #67448d;

    --LinkColor-default: var(--BrandPrimary);
    --LinkColor-hover: #a160cc;
    --LinkColor-active: #67448d;

    --HearderTelBg: #00d197;
    --HeaderSloganColor: #00d197;
    --BannerMaskBg: rgba(87, 68, 62, 0.6);
    --BannerSloganTextBg: var(--BrandPrimary);
    --FormHeadBg: var(--BrandPrimary);
    --DividingBorderColor: var(--BrandPrimary);
    --FaqTitleBg: #FFFFFF;

    --BannerPt-default: 5.5em;
    --BannerPt-xs: 6.5em;

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

    --BannerSloganContentFontSize-default: 20px;
    --BannerSloganFontSize-xs: 22px;

}


/* Banner */
body {
    font-size: 18px;
}
h1.slogan {
    font-size: 1em;
}
.banner {
    background: url(../images/bg-banner.jpg) center center no-repeat;
    background-size: cover;
}
.list-circle {
    padding-left: 20px;
}
.list-circle li {
    list-style-type: circle;
    margin: 4px 0;
}
.d-none {
    display: none;
}
.alert {
  display: flex;
  padding: 11px 16px;
  font-size: 14px;
  line-height: 1.3;
  background: var(--alert-bg);
  border: 1px solid var(--alert-border-color);
  gap: 4px;
  box-sizing: border-box;
}
.alert-danger {
  --alert-bg: var(--bl-color-danger-100, #F7EBE7);
  --alert-border-color: var(--bl-color-danger-200, #EED3CB);
}
.form-content {
    min-height: 500px
}