@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');

body {
    color: #252525;
    font-family: "IBM Plex Sans", serif;
    overflow-x: hidden;
}



.hero {
    background: linear-gradient(to bottom, #1F066C 20%, #6B0C72 100%);
    overflow-x: hidden;
}

.bg-table {
    background: linear-gradient(to bottom, #a13593dc 0%, #a13593dc 80%), url(./images/bg-table.png);
    background-position: center center;
}

.company-overview {
    background: url(./images/company-overview.png), linear-gradient(to bottom, #8c2ea9f5, #8c2ea9f5);
    background-repeat: no-repeat;
    background-size: cover;
}

.our-values {
    background: url(./images/our_values_bg.png);
    background-size: cover;
    background-position: center center;
}

.glass-card {
    background: rgba(255, 255, 255, 0.096);
    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    border-radius: 10px;
    border: 2px solid rgba(255, 255, 255, 0.18);
}

.our-services {
    background-image: linear-gradient(to right, #971e8781 0%, #971e8781 20%), url(./images/over-services.png);
    background-size: cover;
    background-repeat: no-repeat;

}

.swiper-slide {
    transition: all ease-in 0.2s;
}

.card-swiper-slide:hover {
    transform: scale(0.92);

}

.security {
    background-image: url('./images/security.png');
    /* background-position:; */
}

.meet-our-ceo {
    background-image:url(./images/meet_our_ceo_bg.png), linear-gradient(to right, #be7eb681 0%, #be7eb681 20%);
    /* opacity: 0.4; */
    background-repeat: no-repeat;
    background-size: cover;
}


.text-gradient {
    color: #252525;
    background-image: linear-gradient(140deg, #971E87 50%, #0059CF 80%);
    background-clip: text;
    color: transparent;
}


.bg-gradient {
    background: linear-gradient(to bottom, #001886 30%, #971E87 90%) !important;
    padding: 15px;
    border-radius: 50%;
}

.border-gradient {
    background: radial-gradient(circle at 100% 100%, #f4f6ff 0, #f4f6ff 7px, transparent 7px) 0% 0%/9px 9px no-repeat,
        radial-gradient(circle at 0 100%, #f4f6ff 0, #f4f6ff 7px, transparent 7px) 100% 0%/9px 9px no-repeat,
        radial-gradient(circle at 100% 0, #f4f6ff 0, #f4f6ff 7px, transparent 7px) 0% 100%/9px 9px no-repeat,
        radial-gradient(circle at 0 0, #f4f6ff 0, #f4f6ff 7px, transparent 7px) 100% 100%/9px 9px no-repeat,
        linear-gradient(#f4f6ff, #f4f6ff) 50% 50%/calc(100% - 4px) calc(100% - 18px) no-repeat,
        linear-gradient(#f4f6ff, #f4f6ff) 50% 50%/calc(100% - 18px) calc(100% - 4px) no-repeat,
        repeating-linear-gradient(206deg, #8137c2 0%, #0059CF 100%);
    border-radius: 9px;
    padding: 6px;
    box-sizing: border-box;
}


label{
    color: #fff;
}


.pointer{
    background-color: #971E87;
    color: #fff;
    font-weight: 500;
    border-radius: 50%;
    padding: 5px 10px;
}

.nav-link{
    color: #0156CB !important;
    font-size: 14px;
}

.nav-link.active{
    color: #1F066C !important;
    font-weight: 800;
}

footer a{
    color: black !important;
}