:root {
    --bs-body-font-family: "Roboto", sans-serif;
    --main-gradient: radial-gradient(circle, rgba(33, 42, 194, 1) 0%, rgba(11, 16, 105, 1) 100%);
    --main-blue: #212AC2;
    --text-clr: #151A3F;
    --clr-red: #EE2A2A;
    --clr-h2: #272727;
    --clr-p: #45536F;
    --clr-lt-blue: #F0F1FF;
    --clr-lt-yellow: #FFFAEE;
    --clr-bx-p: #171717;
}

body {
    font-family: var(--bs-body-font-family);
    font-optical-sizing: auto;
    font-style: normal;
}

header {
    top: 20px;
    width: 100%;
    z-index: 9999;
    color: var(--text-clr);
    font-size: 16px;
    line-height: 1.5em;
    font-weight: 500;
}

.nav-link.active,
.nav-link:hover {
    color: #EE2A2B !important;
}

.menu {
    box-shadow: 0 4px 4px 0 rgba(45, 73, 102, 0.13);
}

a {
    color: inherit;
    text-decoration: none;
}

.head {
    background: var(--main-gradient);
    min-height: 640px;
    height: 88vh;
    color: #FFF;
}

.head::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: url(../img/banner.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: .5;
}

.head-h1 {
    z-index: 9;
}

.head-p {
    font-size: 24px;
    z-index: 9;
}

.head-a {
    font-weight: 600;
    color: #fff;
    border-radius: 50px;
    padding: 16px 32px;
    border: 1px solid rgba(255, 255, 255, 0.35);
    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    position: relative;
    overflow: hidden;
    z-index: 9;
}

.head-a::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(120deg, rgba(255, 255, 255, 0.35), rgba(255, 255, 255, 0.05));
    border-radius: inherit;
    opacity: 0.18;
    pointer-events: none;
}

.head-a:hover {
    background: rgba(255, 255, 255, 0.14);
}

.discuss {
    background: var(--main-blue);
    padding: 10px 20px;
    color: var(--bs-white);
}

.subhead {
    font-size: 16px;
    text-transform: uppercase;
    color: var(--clr-red);
    letter-spacing: 0.64px;
    padding-bottom: 12px;
}

h2 {
    font-size: 40px;
    font-weight: 500;
    color: var(--clr-h2);
    margin-bottom: 26px;
    max-width: 440px;
}

.mx-10 {
    max-width: fit-content;
}

p,
li,
label {
    font-size: 18px;
    color: var(--clr-p);
}

label {
    font-size: 16px;
}

.mini {
    margin: 150px 0;
}

.page {
    margin: 100px 0;
}

.minibt {
    color: var(--bs-white);
    background: var(--main-blue);
    font-size: 18px;
    padding: 10px 20px;
    min-width: 146px;
    width: fit-content;
}

.minibtn {
    color: var(--main-blue);
    width: 146px;
    font-size: 18px;
}

h3 {
    font-size: 24px;
    color: var(--clr-h2);
    font-weight: 500;
}

.minbx1,
.minbx2 {
    border-radius: 32px;
    height: 318px;
    padding: 70px 30px;
    font-size: 18px;
    color: var(--clr-bx-p);
}

.minbx1 {
    background: var(--clr-lt-blue);
}

.minbx2 {
    background: var(--clr-lt-yellow);
}

.minbx1:hover {
    box-shadow: 5px 5px #E1E3FF;
}

.minbx2:hover {
    box-shadow: 5px 5px #FFF2E0;
}

.m-66 {
    width: 66px;
}

.client-logos {
    /* max-width: 1280px; */
    margin-top: 50px;
    overflow: hidden;
}

.client-logos img {
    max-height: 50px;
}

.ticker-track {
    gap: 100px;
    animation: scroll 30s linear infinite;
    will-change: transform;
}

.ticker-track img {
    height: 50px;
    flex-shrink: 0;
}

@keyframes scroll {
    from {
        transform: translateX(0%);
    }

    to {
        transform: translateX(-50%);
    }
}

.testi {
    background: #FFF3E9;
    border-radius: 34px;
}

.testibg {
    width: calc(100% - 5%);
    background: #E6BE9D;
    z-index: -9;
    top: -10px;
    bottom: -10px;
    border-radius: 34px;
}

.call {
    border: 2px solid;
}

.call:hover {
    color: var(--main-blue);
    border: 2px solid var(--main-blue);
}

.call:hover img {
    filter: brightness(0) saturate(100%) invert(22%) sepia(94%) saturate(2476%) hue-rotate(207deg) brightness(58%) contrast(94%);
}

footer {
    background: linear-gradient(#212AC2, #0B1069);
    border-radius: 34px 34px 0 0;
    color: var(--bs-white);
    font-size: 16px;
    position: relative;
}

footer .KnjIUH {
    font-size: 14px;
}

.ft-img {
    bottom: 0;
    right: 10px;
    pointer-events: none;
}

footer a,
footer p {
    color: #fff !important;
}

footer p {
    font-size: 16px;
}

footer a:hover {
    color: rgb(211, 244, 255);
}

.ft-dv {
    border-top: 2px solid #1B23A8;
}

.f-head {
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 6px;
}

.f-head:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    width: 50%;
    background-color: var(--clr-red);
}

.lkjgh {
    padding: 245px 0px 165px;
    background: var(--main-gradient);
    color: #fff;
    position: relative;
}

.lkjgh::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: url(../img/bgblx.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: .6;
    z-index: 0;
}

.lkjgh h1 {
    z-index: 9;
}

.lkjgh li {
    font-size: 15px;
    color: #fff !important;
    font-weight: 700;
    margin: 0px 12px;
    position: relative;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    list-style: none;
    display: inline-block;
}

.lkjgh li:before {
    top: 0;
    right: -20px;
    content: "/";
    position: absolute;
    color: var(--clr-red);
}

.lkjgh li:last-child:before {
    display: none;
}

.lip li {
    margin-bottom: 1rem;
}

.MKgjy {
    background: var(--clr-lt-blue);
    padding: 40px 10px;
    border-radius: 2rem;
    margin: 10px;
}

.MKgjy h4 {
    margin-bottom: 1.5rem !important;
    color: var(--clr-p);
}

@supports (corner-shape: squircle) {
    .MKgjy {
        corner-shape: squircle;
        border-radius: 4rem;
    }
}

@media (600px > width) {
    h2 {
        width: 100%;
    }
}

.list-inside {
    list-style-position: inside;
    padding-left: 0;
}

.wjaiurh {
    background: #fff;
    padding: 10px 20px;
    border-radius: 50px;
    font-size: 18px;
    overflow: hidden;
    z-index: 9999;
    margin: 20px;
    border: 2px solid #25D366;
}

.wjaiurh img {
    height: 20px;
}

.call-img {
    height: 30px;
}