html, body {
    font-size: 16px;
    color: #596471;
    font-family: "Inter", sans-serif;
}
h1,h2,h3,h4,h5,h6 {
    color: #091B2F;
    font-weight: 700;
}
a,a:hover{
    text-decoration: none;
}
.bg-grey{
    background: #F8FAFD;
}
.f-12{
    font-size: 12px;
}
.subtitle{
    font-size: 18px;
}




header{
    background: transparent;
    transition: all 0.3s ease-in-out;
}
header.scrolled{
    background: rgba(0, 0, 0, 0.7);
}
.hero-tag{
    display: inline-flex;
    padding: 6px 12px;
    align-items: center;
    gap: .5rem;
    border-radius: 100px;
    border: 2px solid #E0E5EB;
    background: #FFF;
    text-align: left;
}
.hero-tag::before{
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #FDB92E;
}
.hero-title{
    color: #091B2F;
    font-size: 60px;
    font-style: normal;
    font-weight: 600;
    line-height: 64.8px; /* 108% */
    letter-spacing: -1.5px;
}
.hero-title span{
    color: #FDB92E;
}
.hero-text{
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 29.25px;
}
.common-btn{
    display: inline-flex;
    padding: 13.5px 24px 14.5px 24px;
    align-items: center;
    gap: 8px;
    border-radius: 100px;
    background: linear-gradient(104deg, #0D2137 0%, #13356A 100%);
    color: #FFF;
    font-size: 14px;
}
.common-btn2{
    display: inline-flex;
    padding: 13.5px 24px 14.5px 24px;
    align-items: center;
    gap: 8px;
    border-radius: 100px;
    background: #FFF;
    color: #091B2F;
    font-size: 14px;
}
.common-btn3{
    display: inline-flex;
    padding: 13.5px 24px 14.5px 24px;
    align-items: center;
    gap: 8px;
    border-radius: 100px;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #fff;
    font-size: 14px;
}


.clients{
    border-top: 1px solid #E0E5EB;
    border-bottom: 1px solid #E0E5EB;
}

.client-slider-wrapper {
  white-space: nowrap;
}
.client-slider-wrapper::before, .client-slider-wrapper::after {
  content: '';
  width: 2rem;
  height: 100%;
  background: linear-gradient(90deg, #F8FAFD, #f8fafd00);
  position: absolute;
  top: 0;
  z-index: 1;
}
.client-slider-wrapper::before {
  left: 0;
}
.client-slider-wrapper::after {
  right: 0;
  transform: rotate(180deg);
}

.client-slider {
  display: inline-flex;
  will-change: transform;
}

.client-item {
  display: inline-block;
  flex-shrink: 0;
}
.tag{
    text-transform: uppercase;
    font-weight: 600;
    color: #091B2F;
}
.tag::before{
    content: '';
    display: inline-block;
    margin-right: .5rem;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #FDB92E;
}
.list-check li, .list-warning li{
    margin-bottom: 1rem;
}
.list-check li::before{
    content: '';
    display: inline-block;
    margin-right: .75rem;
    width: 20px;
    height: 20px;
    background: url('../images/check.svg') no-repeat center center;
    vertical-align: middle;
}
.list-warning li::before{
    content: '';
    display: inline-block;
    margin-right: .75rem;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    vertical-align: middle;
    background: #E62C2C;
}
.picon{
    width: 96px;
    height: 96px;
    border-radius: 50%;
    background: #FFF;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.picon .inum{
    position: absolute;
    top: 0;
    right: 0;
    font-size: 12px;
    width: 28px;
    height: 28px;
    line-height: 28px;
    border-radius: 50%;
    text-align: center;
    font-weight: 600;
    background: linear-gradient(135deg, var(--color-azure-13, #0D2137) 0%, var(--color-azure-25, #13356A) 100%);
    color: #FFF;
}
footer{
    background-color: #0D2137;
}
.footer-top{
    padding: 5rem 0;
    position: relative;
    background-image: url('../images/footer-bg.svg');
    background-size: 100%;
    background-position: center center;
}
.copyright{
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

/* Form */
.st > div{
    background-color: #13356A;
    opacity: 0.25;
}
.st > div.done{
    opacity: 1;
}



@media(min-width:992px){
    .process::before{
        content: '';
        width: 90%;
        height: 1px;
        position: absolute;
        top: 72px;
        left: 5%;
        background: linear-gradient(90deg, var(--color-azure-900, rgba(224, 229, 235, 0.00)) 0%, var(--color-azure-90, #E0E5EB) 50%, var(--color-azure-900, rgba(224, 229, 235, 0.00)) 100%);
    }
    .navbar-expand-lg .navbar-nav .nav-link{
        padding: 1rem;
        color: #fff;
    }
    .navbar-expand-lg .navbar-nav .nav-link.active{
        color: #FDB92E;
    }
}
@media(min-width:1200px){
    .col-xl-20{
        flex: 0 0 20%;
        max-width: 20%;
    }
}


@media(max-width:767px){
    .main-banner {
        padding: 100px 0 50px;
    }

    .hero-tag {
        font-size: 12px;
    }

    .hero-title {
        font-size: 2rem;
        line-height: 1.1;
    }

    .hero-text {
        font-size: 14px;
        line-height: 22px;
    }

    .tag {
        font-size: 14px;
    }

    .tag::before {
        vertical-align: middle;
    }

    .subtitle {
        font-size: 16px;
    }

    .list-warning, .list-check {
        font-size: 14px;
    }

    .list-check li, .list-warning li {
        display: flex;
        align-items: center;
    }
}