.loginLeftPanel {
    width: 100%;
    height: 100%;
    background: #f2f3f4;
    display: flex;
    justify-content: center;
}

.loginLeftPanelContent {
    padding: 3% 10% 0 10%;
    width: 308px;
}

.loginLeftPanelLogo {
    display: flex;
    justify-content: center;

}


    .loginLeftPanelLogo img {
    width: 130px;
    } 

    .loginLeftPanelContent .midSection {
    background: white;
    height: 90px;
    border-radius: 10px !important;
    margin: 25px 0px;
}
.loginHeader{
    text-align: center;
    margin: 0;
}

.leftPanelText {
    color: black;
}

    .leftPanelText h4, loginHeader {
        font-weight: 800;
    }

        .leftPanelText h4 span, .loginHeader span {
            color: #eb41a9;
        }

    .leftPanelText p span {
        font-weight: 800;
    }

.questions {
    margin-top: 50px;
}

.leftPanelText p a {
    color: #eb41a9 !important;
    text-decoration: underline !important;
}

.midSection .midSectionContent {
    display: flex;
    padding: 18px 0px;
    justify-content: space-around;
    align-items: center;
}

    .midSection .midSectionContent .leftDiv img {
        height: 55px;
    }

    .midSection .midSectionContent .middleDiv {
        display: flex;
        align-items: center;
    }

        .midSection .midSectionContent .middleDiv .triandleRight {
            width: 0;
            height: 0;
            border-top: 10px solid transparent;
            border-left: 13px solid #eb41a9;
            border-bottom: 10px solid transparent;
            margin-left: 10px;
        }

    .midSection .midSectionContent .rightDiv {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

        .midSection .midSectionContent .rightDiv span:first-child {
            font-weight: 900;
            width: 102px;
        }

        .midSection .midSectionContent .rightDiv span:last-child {
            font-weight: 900;
            color: #7b004c;
            width: 102px;
        }