


.LMS-header{
    background:var(--MusaedColor);
}
.nav-item .btn-primary {
    background-color: #3AB0C3;
    border-color: #3AB0C3;
}
.LmsInfo .btn-primary {
    background-color: var(--bs-orange);
    border-color: var(--bs-orange);
  
}

.blob {
    width: 400px;
    height: 400px;
    background: #fff;
    border-radius: 0;
    animation: morph 6s infinite;
    position: relative;
    left: auto;
    right: 0;
    top: 30%;
    overflow: visible;
    float: right;
}

@keyframes morph {
    0% {
        border-radius: 50% 40% 60% 40% / 40% 60% 40% 60%;
    }

    25% {
        border-radius: 40% 60% 50% 60% / 60% 40% 50% 40%;
    }

    50% {
        border-radius: 60% 50% 40% 50% / 50% 40% 60% 50%;
    }

    75% {
        border-radius: 50% 60% 40% 60% / 40% 50% 60% 50%;
    }

    100% {
        border-radius: 50% 40% 60% 40% / 40% 60% 40% 60%;
    }
}

.ImgCover {
    height: 469px;
    /*width: 100%;*/
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -32px;
}

    .ImgCover img {
        /*height:100%;*/
        width: 100%;
    }
        /*--------------------------------------------------------------------------------------------------*/
        /*                                       Overview                                                   */
        /*--------------------------------------------------------------------------------------------------*/

.OverView .OverViewBlock {
    /*background: #F5EEFF;*/
    height: 300px;
}

.backContent .circle1 {
    background: #DAEBFFCC
}
.backContent .circle2 {
    background: #E8F1FAB5;
}
.backContent .circle3 {
    background: #E8F1FAB5;
}


.projectCard .ProjNamePetal {
    position: relative;
    width: 140px;
    height: 80px;
    margin: 0 20px;
}

    .projectCard .ProjNamePetal .ProjName {
     
        line-height: 67px;
     
        width: 100px;
        height: 67px;
       
    }

    /* Petals */
    .projectCard .ProjNamePetal .petal {
        position: absolute;
        width: 40px;
        height: 60px;
        background: #F4A522;
        border-radius: 50%;
        z-index: 1;
    }

.projectCard:nth-child(2n+2) .ProjNamePetal .ProjName {
    line-height: 60px;
    width: 60px;
    height: 60px;
}

/* Petals */
.projectCard:nth-child(2n+2) .ProjNamePetal .petal {
    width: 60px;
    height: 80px;
}




.projectCard .ProjNamePetal .petal:nth-child(4) {
    right: 10px;
    top: 13%;
    transform: translate(-18px, 0);
    transform: rotate(87deg);
}

   


.clientSayCard {
    background: var(--MusaedColor);
   
}


  
   