@import "reset.css?v=4";
header {
    background: linear-gradient(90deg, rgba(2, 0, 36, 1) 0%, rgba(2, 2, 96, 1) 35%, rgb(11 11 76 / 98%) 100%);
}
header .infoline {
padding: 20px 0px;
border-bottom: 1px solid #e0e2e9;
}
header .infoline > .container {
display: flex;
justify-content: space-between;
align-items: center;
}
header .infoline .main {
width: 30%;
}
header .infoline .links ul {
display: flex;
}
header .infoline .links ul li:not(:last-child) {
margin-right: 50px;
}
header .infoline .links ul li a {
color: #ffff;
}
header .slider {
padding: 80px 0px;
}
header .slider .slide .title {
display: block;
margin-bottom: 30px;
font-size: 30px;
color: #fff;
}
header .slider .slide .message {
width: 50%;
display: block;
font-size: 14px;
line-height: 20px;
color: #fff;
}
header .slider .slide .buttons {
margin-top: 80px;
}
header .slider .slide .button {
padding: 10px 20px;
border-radius: 6px;
background-color: #e0e2e9;
border: 1px solid #e0e2e9;
color: #4e4eb9;
}
header .slider .slide .button i {
margin-right: 6px;
}
header .slider .slide .button:not(:last-child){
margin-right: 10px;
}
header .slider .slide #whatsapp {
background-color: #2fd96b;
border-color: #2fd96b;
color: #fff;
}
.heading {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin: 30px 0 50px 0;
}
.heading .mission {
margin-top: 10px;
color: #081131;
font-size: 30px;
}
.heading .vision {
max-width: 800px;
margin-top: 10px;
text-align: center;
color: #59626d;
font-size: 18px;
}
footer {
margin-top: 80px;
padding: 80px 40px 20px 40px;
background: linear-gradient(90deg, rgba(2, 0, 36, 1) 0%, rgba(2, 2, 96, 1) 35%, rgb(11 11 76 / 98%) 100%);
}
footer .infoarea {
display: flex;
justify-content: space-between;
padding-bottom: 10px;
}
footer .infoarea .officialinfo {
width: 22%;
height: fit-content;
padding: 20px;
border-radius: 10px;
background-color: #6670931a
}
footer .infoarea .logo {
margin-bottom: 20px
}
footer .infoarea .infos span {
display: block;
margin-bottom: 15px;
font-size: 18px;
color: #fff
}
footer .infoarea .infos span:nth-child(2) {
font-size: 16px;
color: #a4a7ac
}
footer .infoarea .infos span:nth-child(4) {
margin-top: 30px;
font-size: 14px;
color: #a4a7ac
}
footer .infoarea .infos .officallinks {
display: flex;
flex-direction: column;
margin-top: 30px
}
footer .infoarea .infos .officallinks a {
display: inline-flex;
margin-bottom: 10px;
font-size: 16px;
color: #fff
}
footer .infoarea .infos .officallinks a>i {
margin-right: 10px
}
footer .infoarea .links {
width: 70%
}
footer .infoarea .links>ul {
display: flex;
flex-wrap: wrap;
justify-content: flex-end
}
footer .infoarea .links>ul>li {
width: 25%;
height: fit-content;
flex: 0 0 33.333333%;
padding: 20px
}
footer .infoarea .links>ul>li div {
margin-bottom: 20px;
font-size: 18px;
color: #fff
}
footer .infoarea .links>ul>li>ul>li {
margin-bottom: 15px
}
footer .infoarea .links a {
font-size: 16px;
color: #a4a7ac
}
footer .infoarea .links a:hover {
color: #fff
}
footer .copyright {
display: flex;
flex-direction: column;
align-items: center;
padding: 20px
}
footer .copyright .logo {
margin-bottom: 20px
}
footer .copyright span {
color: #fff;
font-size: 14px
}
footer .copyrightalt {
display: flex;
justify-content: space-between;
align-items: center;
padding: 6px 0px;
}
footer .copyrightalt span {
color: #fff
}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
width: 100%;
padding-right: var(--bs-gutter-x, .75rem);
padding-left: var(--bs-gutter-x, .75rem);
margin-right: auto;
margin-left: auto;
}
@media (min-width: 576px) {
.container, .container-sm {
max-width: 540px;
}
}
@media (min-width: 768px) {
.container, .container-md, .container-sm {
max-width: 720px;
}
}
@media (min-width: 992px) {
.container, .container-lg, .container-md, .container-sm {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.container, .container-lg, .container-md, .container-sm, .container-xl {
max-width: 1190px;
}
}
@media (min-width: 1400px) {
.container, .container-lg, .container-md, .container-sm {
max-width: 1320px;
}
}


html {
height:100%;
} 
body {
background-color: #f4f8f9;
height:100%;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
opacity: .3
}


.text-center {
text-align: center
}
.text-white {
color: #fff!important;
}
.text-hard {
color: #081131 !important;
transition: color 275ms ease
}

.text-hard:hover {
color: #009ef7 !important
}

.text-normal {
color: #484343 !important;
transition: color 275ms ease
}

.text-normal:hover {
color: #009ef7 !important
}

.text-success {
color: #7ce497 !important
}

.text-warning {
color: #ffc700 !important
}

.text-info {
color: #7239ea !important
}

.text-danger {
color: #f1416c !important
}

.text-primary {
color: #009ef7 !important
}

.text-bold {
font-weight: bold !important
}

.text-xsm {
font-size: 12px !important
}

.text-sm {
font-size: 14px !important
}

.text-lg {
font-size: 18px !important
}
.text-xlg {
font-size: 24px !important
}




.row {
display: flex;
flex-wrap: wrap
}

.row>* {
flex-shrink: 0;
padding-left: 10px;
padding-right: 10px
}

.row-stack {
display: flex;
justify-content: center;
align-items: center
}

.row-none {
display: none;
}
.row-block {
display: block;
}
.row-flex {
display: flex;
}
.row-column {
flex-direction: column;
}
.row-space {
justify-content: space-between
}

.row-center {
justify-content: center
}

.row-end {
justify-content: flex-end
}

.row-align {
align-items: center
}

.col-1 {
flex: 0 0 auto;
width: 8.33%
}

.col-2 {
flex: 0 0 auto;
width: 16.66%
}

.col-3 {
flex: 0 0 auto;
width: 25%
}

.col-4 {
flex: 0 0 auto;
width: 33.3%
}

.col-5 {
flex: 0 0 auto;
width: 41.66%
}

.col-6 {
flex: 0 0 auto;
width: 50%
}

.col-7 {
flex: 0 0 auto;
width: 58.33%
}

.col-8 {
flex: 0 0 auto;
width: 66%
}

.col-9 {
flex: 0 0 auto;
width: 74.97%
}

.col-10 {
flex: 0 0 auto;
width: 83.33%
}

.col-11 {
flex: 0 0 auto;
width: 91.63%
}

.col-12 {
flex: 0 0 auto;
width: 100%
}

.w-100 {
width: 100%
}

.w-50 {
width: 50%
}

.w-25 {
width: 25%
}

.h-100 {
height: 100%
}

.h-50 {
height: 50%
}

.h-25 {
height: 25%
}

@media screen and (max-width: 992px) {
header .slider .slide .message {
    width: 100%;
}
footer .infoarea {
    flex-direction: column;
}
footer .infoarea .officialinfo {
    width: 100%;
    margin-bottom: 20px;
}
footer .infoarea .officialinfo {
    width: 100%;
}
footer .infoarea .links > ul {
    justify-content: center;
}
footer .infoarea .links > ul > li {
    width: 100%;
    flex: 0 0 100%;
}
.card-content {
    overflow:hidden;
    overflow-x: scroll
}
.desktop {
    display: none!important;
}
.col-md-1 {
    flex: 0 0 auto;
    width: 8.33%
}
.col-md-2 {
    flex: 0 0 auto;
    width: 16.66%
}
.col-md-3 {
    flex: 0 0 auto;
    width: 25%
}
.col-md-4 {
    flex: 0 0 auto;
    width: 33.3%
}
.col-md-5 {
    flex: 0 0 auto;
    width: 41.66%
}
.col-md-6 {
    flex: 0 0 auto;
    width: 50%
}
.col-md-7 {
    flex: 0 0 auto;
    width: 58.33%
}
.col-md-8 {
    flex: 0 0 auto;
    width: 66%
}
.col-md-9 {
    flex: 0 0 auto;
    width: 74.97%
}
.col-md-10 {
    flex: 0 0 auto;
    width: 83.33%
}
.col-md-11 {
    flex: 0 0 auto;
    width: 91.63%
}
.col-md-12 {
    flex: 0 0 auto;
    width: 100%
}
}
.card {
    border-radius: 10px;
    box-shadow: 0 0 5px #e3e3e3;
    background-color: #ffff
}

.card.no-border {
    border-radius: 0
}

.card.special-bg {
    background: linear-gradient(90deg, rgba(2, 0, 36, 1) 0%, rgba(9, 9, 121, 1) 35%, rgb(11 11 76 / 98%) 100%);
}

.card .card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

.card-blue {
    background-color: #002d6a;
    color: #fff
}

.card-blue>* {
    color: #fff
}

.card .card-header:not(.p-min) {
    padding: 20px
}

.card .card-header:not(.no-bg) {
    background-color: #151b2c;
    color: #fff
}

.card .card-title {
    display: flex;
    align-items: center
}

.card .card-title i {
    margin-right: 2px;
    font-size: 18px
}

.card .card-title i:not(.no-mr) {
    margin-right: 10px
}

.card .card-content:not(.no-p) {
    padding: 20px
}

.card .card-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
    border-radius: 10px;
    background: #f4f3f8
}

.card .card-info span {
    color: #59626d
}

.btable {
    width: 100%;
    color: #484343
}

.btable thead {
    border-radius: 14px;
    background: #f4f3f8
}

.btable thead tr {
    border-radius: 14px
}

.btable th {
    padding: 20px 0;
    text-align: center;
    color: #59626d
}

.btable th:first-child {
    padding-left: 20px;
    border-top-left-radius: 14px;
    border-bottom-left-radius: 14px
}

.btable th:last-child {
    padding-right: 20px;
    border-top-right-radius: 14px;
    border-bottom-right-radius: 14px
}

.btable tr:not(:first-child) {
    border-top: 1px solid #151b2c24
}

.btable tr.no-border {
    border-top: 0
}

.btable td {
    padding: 20px 20px;
    text-align: center;
    vertical-align: middle
}

.btable td .buttons {
    display: flex;
    justify-content: flex-end
}

.btable td .first-row {
    display: block;
    margin-bottom: 6px
}

.btable td a {
    color: #59626d
}

.btable td .second-row {
    display: block;
    color: #59626d
}

.btable td span.btn {
    display: inline-block !important
}

a[disabled] {
    pointer-events: none;
    opacity: 0.7
}

.btn-sm {
    padding: calc(0.4rem+1px) calc(0.5rem+1px) !important;
    font-size: 12px !important;
    padding: 8px !important
}

.btn-lg {
    padding: calc(0.825rem+1px) calc(1.75rem+1px) !important;
    font-size: 18px !important
}

.btn:not(.btn-outline):not(.btn-dashed):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon) {
    border: 0;
    padding: 10px 18px
}

.btn:not(.btn-shadow):not(.shadow):not(.shadow-sm):not(.shadow-lg) {
    box-shadow: none !important
}

.btn {
    width: fit-content;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    font-size: 14px;
    cursor: pointer;
    user-select: none;
    outline: 0 !important;
    border-radius: 4px;
    transition: color .15s ease-in-out
}

.btn-column {
    flex-direction: column
}

.btn i {
    text-align: center;
    vertical-align: middle;
    margin-right: 5px
}

.btn-primary {
    color: #fff !important;
    border-color: #2a88bc;
    background-color: #2a88bc
}

.btn-primary:hover {
    border-color: #0d6efd;
    background-color: #0d6efd
}

.btn-success {
    color: #fff !important;
    border-color: #13653f;
    background-color: #146c43
}

.btn-success:hover {
    color: #fff !important;
    border-color: #198754;
    background-color: #198754
}

.btn-danger {
    color: #fff !important;
    border-color: #d9214e;
    background-color: #d9214e
}

.btn-white {
    color: #151b2c !important;
    border-color: #ffff;
    background-color: #ffff
}

.btn-warning {
    color: #fff !important;
    border-color: #ffc700;
    background-color: #ffc700
}

.btn-special {
    color: #fff !important;
    border-color: #0c0c64;
    background-color: #0c0c64
}

.btn-special:hover {
    border-color: #0f0f56;
    background-color: #0f0f56
}

.btn-transparent {
    color: #5d5b62 !important;
    border: 1px solid #5d5b62 !important;
    background-color: transparent
}

.btn-transparent:hover {
    color: #ffff !important;
    border-color: #081131;
    background-color: #081131
}

.btn-spinner {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    border-radius: 50%;
    border: 1px solid currentcolor;
    border-right-color: transparent;
    animation: .65s linear infinite btn-spinner
}

@keyframes btn-spinner {
    to {
        transform: rotate(360deg)
    }
}


.m-0 {
    margin: 0!important
}

m-1 {
    margin: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.my-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important
}

.my-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
}

.my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
}

.my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
}

.my-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
}

.mx-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important
}

.mx-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important
}

.mx-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important
}

.mx-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important
}

.mx-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important
}

.ml-1 {
    margin-left: .25rem !important
}

.ml-2 {
    margin-left: .5rem !important
}

.ml-3 {
    margin-left: 1rem !important
}

.ml-4 {
    margin-left: 1.5rem !important
}

.ml-5 {
    margin-left: 1.5rem !important
}

.mr-1 {
    margin-right: .25rem !important
}

.mr-2 {
    margin-right: .5rem !important
}

.mr-3 {
    margin-right: 1rem !important
}

.mr-4 {
    margin-right: 1.5rem !important
}

.mr-5 {
    margin-right: 3rem !important
}

.mt-1 {
    margin-top: .25rem !important
}

.mt-2 {
    margin-top: .5rem !important
}

.mt-3 {
    margin-top: 1rem !important
}

.mt-4 {
    margin-top: 1.5rem !important
}

.mt-5 {
    margin-top: 3rem !important
}

.mb-1 {
    margin-bottom: .25rem !important
}

.mb-2 {
    margin-bottom: .5rem !important
}

.mb-3 {
    margin-bottom: 1rem !important
}

.mb-4 {
    margin-bottom: 1.5rem !important
}

.mb-5 {
    margin-bottom: 3rem !important
}

.p-0 {
    padding: 0!important;
}

.p-1 {
    padding: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.py-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
}

.py-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
}

.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
}

.py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
}

.py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
}

.px-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important
}

.px-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important
}

.px-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
}

.px-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
}

.px-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important
}

.ml-1 {
    padding-left: .25rem !important
}

.ml-2 {
    padding-left: .5rem !important
}

.ml-3 {
    padding-left: 1rem !important
}

.ml-4 {
    padding-left: 1.5rem !important
}

.ml-5 {
    padding-left: 1.5rem !important
}

.mr-1 {
    padding-right: .25rem !important
}

.mr-2 {
    padding-right: .5rem !important
}

.mr-3 {
    padding-right: 1rem !important
}

.mr-4 {
    padding-right: 1.5rem !important
}

.mr-5 {
    padding-right: 3rem !important
}

.pt-1 {
    padding-top: .25rem !important
}

.pt-2 {
    padding-top: .5rem !important
}

.pt-3 {
    padding-top: 1rem !important
}

.pt-4 {
    padding-top: 1.5rem !important
}

.pt-5 {
    padding-top: 3rem !important
}

.pb-1 {
    padding-bottom: .25rem !important
}

.pb-2 {
    padding-bottom: .5rem !important
}

.pb-3 {
    padding-bottom: 1rem !important
}

.pb-4 {
    padding-bottom: 1.5rem !important
}

.pb-5 {
    padding-bottom: 3rem !important
}