body {
    font-family: 'Okta Neue';
}

img,
lord-icon {
    max-width: 100%;
    height: auto;
}

lord-icon {
    margin-right: auto;
    margin-left: auto;
    display: block;
}

@media (max-width: 575px) {
    #mainlogo {
        padding-top: 6rem!important;
        padding-bottom: 3rem!important;
    }
}

@media (min-width: 576px) {
    .main-section {
        min-height: 100vh;
        /*padding-top: 100px!important;*/
    }
}

@media (max-width: 575px) {
    .main-section .carousel-item {
        height: 350px;
    }
}

.font-wight-bold,
strong {
    font-family: 'Okta Neue Bold';
    font-weight: normal;
}

.about-section {
    position: relative;
    overflow: hidden;
    background: #EAECF3;
}

.about-section .left {
    position: absolute;
    max-width: 1240px;
    top: 0%;
    width: 100%;
    height: 82%;
    left: 0%;
    background: linear-gradient(111.64deg, rgba(255, 255, 255, 0.9) -0.34%, rgb(234 236 243 / 0.22) 61.03%);
    clip-path: polygon(0px 0%, 20% 100%, 100% 20%);
}

.about-section .right {
    position: absolute;
    width: 780px;
    height: 340px;
    right: 0px;
    bottom: 0px;
    background: linear-gradient(131.17deg, rgb(192 196 214) 42.31%, rgba(255, 255, 255, 0) 106.07%);
    clip-path: polygon(0px 100%, 100% 100%, 100% 0px);
    opacity: 0.4;
}

#rib {
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    z-index: 2;
}

.overlink {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
}

.box {
    transition: all 0.35s ease;
    padding: 15px;
    margin-bottom: 25px;
    position: relative;
}

@media (max-width: 575px) {
    .box {
        text-align: center;
    }
}

.box:hover {
    background: #FFF;
    box-shadow: 0 35px 50px rgba(58, 77, 161, 0.25);
    border-radius: 25px;
    transform: translateY(-15px);
}

@media (max-width: 1199px) and (min-width: 576px) {
    .malsi-lg-logo {
        display: inline-block!important;
        flex: unset;
        height: auto!important;
        min-height: unset!important;
        width: unset;
        position: absolute;
        left: 0;
        bottom: 0;
    }
}

@media (max-width: 1199px) {
    .malsi-lg-logo #logoicon {
        max-width: 150px;
    }
}

@media (max-width: 575px) {
    .malsi-lg-logo {
        right: 0;
    }
}

@media (max-width: 575px) {
    .malsi-lg-logo #logoicon {
        max-width: 100px;
    }
}

@media (max-width: 575px) {
    #rib {
        display: none;
    }
}

.min-vh-50 {
    min-height: 70vh!important;
}

.bg-gradient-blue {
    background: rgb(58, 77, 161);
    background: linear-gradient(45deg, rgba(115, 126, 175, 1) 0%, rgba(100, 124, 231, 1) 50%, rgba(58, 77, 161, 1) 100%);
}

.bg-pattern {
    background-color: #3A4DA1;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='491' height='491' viewBox='0 0 800 800'%3E%3Cg fill='none' stroke='%232E3D7F' stroke-width='1'%3E%3Cpath d='M769 229L1037 260.9M927 880L731 737 520 660 309 538 40 599 295 764 126.5 879.5 40 599-197 493 102 382-31 229 126.5 79.5-69-63'/%3E%3Cpath d='M-31 229L237 261 390 382 603 493 308.5 537.5 101.5 381.5M370 905L295 764'/%3E%3Cpath d='M520 660L578 842 731 737 840 599 603 493 520 660 295 764 309 538 390 382 539 269 769 229 577.5 41.5 370 105 295 -36 126.5 79.5 237 261 102 382 40 599 -69 737 127 880'/%3E%3Cpath d='M520-140L578.5 42.5 731-63M603 493L539 269 237 261 370 105M902 382L539 269M390 382L102 382'/%3E%3Cpath d='M-222 42L126.5 79.5 370 105 539 269 577.5 41.5 927 80 769 229 902 382 603 493 731 737M295-36L577.5 41.5M578 842L295 764M40-201L127 80M102 382L-261 269'/%3E%3C/g%3E%3Cg fill='%23293672'%3E%3Ccircle cx='769' cy='229' r='5'/%3E%3Ccircle cx='539' cy='269' r='5'/%3E%3Ccircle cx='603' cy='493' r='5'/%3E%3Ccircle cx='731' cy='737' r='5'/%3E%3Ccircle cx='520' cy='660' r='5'/%3E%3Ccircle cx='309' cy='538' r='5'/%3E%3Ccircle cx='295' cy='764' r='5'/%3E%3Ccircle cx='40' cy='599' r='5'/%3E%3Ccircle cx='102' cy='382' r='5'/%3E%3Ccircle cx='127' cy='80' r='5'/%3E%3Ccircle cx='370' cy='105' r='5'/%3E%3Ccircle cx='578' cy='42' r='5'/%3E%3Ccircle cx='237' cy='261' r='5'/%3E%3Ccircle cx='390' cy='382' r='5'/%3E%3C/g%3E%3C/svg%3E");
}

@media( max-width:767px) {
    .text-primary.position-absolute.w-50 {
        width: calc(100% - 2rem) !important;
        bottom: 0!important;
        right: 1rem!important;
        left: 1rem!important;
    }
}