@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
body {font-family: "Poppins", sans-serif;font-weight: 400;font-style: normal;color: #333;font-size: 16px;}
::selection {color: #fff;background: #373587;}
::-moz-selection {color: #fff;background: #373587;}
*:focus {outline: none!important;box-shadow: none!important;}
a {color: #373587;text-decoration: none;transition: all 0.3s ease;}
a:focus,a:hover {color: #e30613;}
h1,h2,h3,h4,h5,h6 {margin: 0;padding: 0;font-weight: 500;}
p {margin: 0;padding: 0;}
p span {font-weight: 500;}
ul,ol,li {margin: 0;padding: 0;list-style: none;}
input, select, textarea {border: 1px solid #ccc!important;border-radius: 3px!important;}
input:focus, select:focus, textarea:focus {border: 1px solid #373587!important;}
textarea {min-height: 80px!important;}
.form-floating>label {color: #666;}
.form-check-label {padding-top: 2px;}
.form-check-input {width: 20px;height: 20px;margin-right: 8px;border-radius: 2px!important;}
.form-check-input[type=radio] {border-radius: 50%!important;cursor: pointer;}
.form-check-input:checked {background-color: #373587;border-color: #373587!important;}
.btn-primary {border: 0!important;background-color: #373587;color: #fff!important;transition: background-color 0.3s ease;}
.btn-primary:hover, 
.btn-primary:focus, 
.btn-primary:active {background-color: #e30613!important;color: #fff!important;}
.btn-outline-primary {border: 1px solid #373587!important;color: #373587!important;transition: background-color 0.3s ease;}
.btn-outline-primary:hover, 
.btn-outline-primary:focus, 
.btn-outline-primary:active {background-color: #373587!important;color: #fff!important}
.btn-secondary {border: 0!important;background-color: #e30613;color: #fff!important;transition: background-color 0.3s ease;}
.btn-secondary:hover, 
.btn-secondary:focus, 
.btn-secondary:active {background-color: #373587!important;}
.btn-dark {border: 0!important;background-color: #333;color: #fff!important;transition: background-color 0.3s ease;}
.btn-dark:hover, 
.btn-dark:focus, 
.btn-dark:active {background-color: #373587!important;}
.btn-outline-dark {border: 1px solid #333!important;color: #333!important;transition: background-color 0.3s ease;}
.btn-outline-dark:hover, 
.btn-outline-dark:focus, 
.btn-outline-dark:active {background-color: #333!important;color: #fff!important}
.text-bg-primary {color: #fff!important;background-color: #373587!important;font-weight: 500;border-radius: 3px;padding: 5px 7px;}
.text-bg-secondary {color: #fff!important;background-color: #e30613!important;font-weight: 500;border-radius: 3px;padding: 5px 7px;}
.text-bg-dark {color: #fff!important;background-color: #333!important;font-weight: 500;border-radius: 3px;padding: 5px 7px;}
@media (min-width: 1200px) {
    .btn-primary, 
    .btn-secondary,
    .btn-dark,
    .btn-light {font-size: 16px;padding: 10px 25px;border-radius: 3px;}
    .btn-outline-primary,
    .btn-outline-secondary,
    .btn-outline-dark {font-size: 16px;padding: 9px 24px;border-radius: 3px;}
    /* ==== others ==== */
    .alert-primary {border-radius: var(--size-15);}
    .alert-danger {border-radius: var(--size-15);}
    .alert-light {border-radius: var(--size-15);}
}
/* ==== header ==== */
.header {padding: 20px 0px;}
.header .navbar {padding: 0px;}
.header .nav-link {padding: 0px;color: #333;font-weight: 500;}
.header ul.icons li {display: inline-block;margin-left: 10px;}
.header ul.icons li svg {width: 20px;height: 20px;}
@media (max-width: 991.98px) {
    .header .nav-link {margin-bottom: 10px;}
}
@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .nav-link {padding-right: 10px;padding-left: 10px;}
}

/* ==== footer ==== */
.footer {background-color: #f7f7f7;padding: 60px 0px;margin-top: 50px;border-top: 1px solid #ccc;}
.footer h3 {font-size: 20px;margin-bottom: 15px;}
.footer a {color: #333;}
.footer a:hover,
.footer a:focus {color: #373587;}
.footer .logo img {height: 30px;width: auto;margin-bottom: 20px;}
.footer .intro {padding-right: 50px;margin-bottom: 20px;color: #666;font-size: 15px;}
.footer ul>li {margin-bottom: 10px;}
.footer ul>li svg {width: 21px;height: 21px;margin-right: 5px;}
.footer ul.app-icons li {display: inline-block;}
.footer ul.app-icons img {width: 120px;height: auto;border-radius: 3px;}
.footer .copyright {font-size: 14px;text-align: center;}

/* ==== info ==== */
.info-legal-header {background-color: #f7f7f7;padding: 50px 0px;}
.info-legal-header h1 {font-size: 35px;margin-bottom: 10px;}
.info-legal-header p {color: #666;}
.info-legal {padding: 50px 0px;}
.info-legal h2 {font-size: 25px;margin-bottom: 10px;}
.info-legal h3 {font-size: 18px;margin-bottom: 10px;margin-top: 20px;}
.info-legal p {margin-bottom: 10px;}
.info-legal p span {font-weight: 500;}
.info-legal ul {margin-bottom: 15px;}
.info-legal ul>li {margin-bottom: 5px;list-style: disc;margin-left: 15px;}
.info-legal hr {margin: 40px 0px;}

.info-team-header {padding: 70px 0px;background-color: #373587;color: #fff;}
.info-team-header h1 {font-size: 45px;margin-bottom: 10px;}
.info-team-header h3 {font-size: 21px;margin-bottom: 15px;}
.info-team-header p {margin-bottom: 10px;}
.info-team {padding: 70px 0px 0px;}
.info-team img {margin-bottom: 20px;}
.info-team h1 {font-size: 30px;}
.info-team h2 {font-size: 18px;margin-bottom: 5px;}
.info-team p {font-size: 14px;margin-bottom: 5px;}
.info-team .btn-link {color: #373587;text-decoration: none;padding: 0px;}
.info-team .btn-link svg {width: 20px;height: 20px;}
.info-team .btn-link:hover {color: #e30613;}

.info-career-header {padding: 70px 0px;background-color: #373587;color: #fff;}
.info-career-header h1 {font-size: 45px;margin-bottom: 10px;}
.info-career-header h3 {font-size: 21px;margin-bottom: 10px;}
.info-career-header p {margin-bottom: 10px;}
.info-career {padding: 70px 0px 0px;}
.info-career h2 {font-size: 30px;margin-bottom: 20px;}
.info-career h3 {font-size: 18px;margin-bottom: 15px;color: #373587;}
.info-career-form {padding: 70px 0px 50px;}
.info-career-form h2 {font-size: 23px;margin-bottom: 10px;}
.info-career-form h3 {font-size: 18px;}
.info-career-form p {margin-bottom: 20px;}
.info-career-confirm {padding: 70px 0px 50px;}
.info-career-confirm svg {width: 70px;height: 70px;stroke-width: 1.25;margin-bottom: 10px;color: #373587;}
.info-career-confirm h2 {font-size: 23px;margin-bottom: 15px;}
.info-career-confirm h3 {font-size: 18px;margin-bottom: 10px;}
.info-career-confirm p {margin-bottom: 10px;}

.info-contact-header {padding: 30px 0px 0px;background-color: #373587;color: #fff;}
.info-contact-header h1 {font-size: 45px;margin-bottom: 10px;}
.info-contact-header h3 {font-size: 21px;margin-bottom: 20px;}
.info-contact {padding: 80px 0px 60px;}
.info-contact ul {margin-bottom: 10px;}
.info-contact ul>li {display: inline-block;margin-right: 7px;}
.info-contact ul>li svg {width: 30px;height: 30px;stroke-width: 1.5;}
.info-contact h2 {font-size: 23px;margin-bottom: 15px;}
.info-contact h3 {font-size: 18px;margin-bottom: 10px;}
.info-contact p {margin-bottom: 10px;}

.info-press-header {padding: 70px 0px;background-color: #373587;color: #fff;}
.info-press-header h1 {font-size: 45px;margin-bottom: 10px;}
.info-press-header h2 {font-size: 21px;margin-bottom: 10px;}
.info-press-header h3 {font-size: 16px;margin-bottom: 20px;font-weight: 400;}
.info-press-header p {margin-bottom: 20px;}
.info-press-header ul {margin-bottom: 20px;}
.info-press-header ul>li {margin-bottom: 5px;list-style: disc;margin-left: 20px;padding-left: 5px;}
.info-press {padding: 80px 0px;}
.info-press h2 {font-size: 23px;margin-bottom: 10px;}
.info-press h3 {font-size: 18px;margin-bottom: 10px;}
.info-press p {margin-bottom: 10px;}
.info-press ul {margin-bottom: 20px;}
.info-press ul>li {margin-bottom: 5px;list-style: disc;margin-left: 20px;padding-left: 5px;}

.info-faq-header {padding: 70px 0px;background-color: #373587;color: #fff;}
.info-faq-header h1 {font-size: 35px;margin-bottom: 10px;}
.info-faq {padding: 50px 0px 50px;}
.info-faq h2 {font-size: 23px;margin-bottom: 10px;margin-top: 30px;}
.info-faq p {margin-bottom: 10px;}
.info-faq ul {margin-bottom: 20px;}
.info-faq ul>li {margin-bottom: 5px;list-style: disc;margin-left: 20px;padding-left: 5px;}
.info-faq .accordion-item {border: 0px;}
.info-faq .accordion-button {padding: 10px 10px 10px 0px;font-weight: 500;}
.info-faq .accordion-button:not(.collapsed) {color: #333;background-color: #fff;box-shadow: none;}
.info-faq .accordion-body {padding: 5px 0px 10px;color: #666;}