@media only screen and (max-width: 600px) {
    .p-mo{
        padding: 0px 0px;
    }
    section{
        padding: 40px 0px;
    }
    html,body{
        overflow-x: hidden;
        width: 100%;
    }
    
    .navbar-nav .dropdown-menu{
    position: absolute;
    min-width: 100px;
    transform: translate(-10px,2px);
    margin: 9px 0px;
    text-align: center;
    }

}
@media only screen and (max-width: 600px) {
    .nav-right-side  ul{
        display:none;
    }
    .mo-mobile{
        display: flex;
        width: 100%;
        justify-content: space-between;
        align-items: center;
    }
    .navbar-nav-mo {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 8px;
    }
    .navbar-toggler{
        color: var(--Base-Off-Black, #0F0F0F);
        font-family: "Google Sans Flex";
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        text-transform: capitalize;
        border: 0px;
    }
    .navbar-expand-lg {
        padding: 16px 24px;
        justify-content: space-between;
        align-items: center;
        align-self: stretch;
        border-bottom: 1px solid var(--Base-04, #E9E9E9);
        background: var(--Base-White, #FFF);
    }
    .navbar-collapse ul {
        margin-right: 0px;
        margin-bottom: 32px;
    }
    .navbar-collapse {
        flex-basis: 100%;
        flex-grow: 1;
        align-items: center;
        padding: 40px 16px;
    }
    .nav-item .btn-black {
        gap: 8px;
        width: 295px;
    }
    .nav-right-side .nav-link {
        width: 295px;
        max-width: 100%;
        text-align: center;
        justify-content: center;
    }



}
@media only screen and (max-width: 600px) {
    .legal-section {
        padding: 0px 24px 64px;
        margin-top: 154px;
    }
    .tc-contain h2 {
        color: var(--Base-Off-Black, #0F0F0F);
        text-align: left;
        font-family: "Google Sans Flex";
        font-size: 32px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
        letter-spacing: -0.56px;
        text-transform: capitalize;
        margin-bottom: 32px;
    }
    .footer-right {
        display: flex;
        gap: 40px;
        width: 194px;
        float: none;
        margin-top: 32px;
        margin-bottom: 32px;
    }
    .footer-container-bottom {
        margin-top: 0px;
        border-top: 0px solid #E9E9E9;
        padding: 0px 0px;
    }
    .footer-container-bottom-right p {
        text-align: center;
        padding-bottom: 40px;
        border-bottom: 1px solid #E9E9E9;
        margin-bottom: 32px;
    }
    .footer-container-bottom-left p {
        text-align: center;
    }
    .footer-bg{
        padding: 64px 24px 32px;
        border-top: 1px solid var(--Base-04, #E9E9E9);
        background: var(--Base-Off-White, #FAFAFA);
    }

    .error-section {
        padding: 144px 24px 64px;
        height: auto;
    }
    .error-content h2 {
        color: var(--Base-Off-Black, #0F0F0F);
        text-align: center;
        font-family: "Google Sans Flex";
        font-size: 32px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
        letter-spacing: -0.56px;
        text-transform: capitalize;
        margin-bottom: 24px;
    }
    .error-content img {
        margin-bottom: 64px;
        height: 104.335px;
    }
    .signin-left-main {
        padding: 40px 24px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 375px;
        margin: auto;
        float: none;
        max-width: 100%;
    }
    .signin-left {
        width: 100%;
        margin: auto;
        max-width: 100%;
        float: none;
    }
    .signing-video {
        position: relative;
        height: 150px;
        max-width: 100%;
    }
    .signing-video video {
        height: 150px;
        max-width: 100%;
    }
    .d-flex-main {
        display: flex;
        gap: 24px;
        justify-content: space-between;
        align-items: center;
        margin-top: 40px;
        flex-direction: column;
    }
    .input-box .btn {
        display: flex;
        min-width: 120px;
        width: 120px;
        padding: 16px 23px;
        justify-content: center;
        align-items: center;
        gap: 8px;
        align-self: stretch;
        border-radius: 2px;
        background: var(--Base-Off-Black, #0F0F0F);
        color: var(--Base-Off-White, #FAFAFA);
        text-align: center;
        font-family: "Google Sans Flex";
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        text-transform: capitalize;
    }
    .signin-left .form-control {
        border-radius: 4px;
        border: 1px solid var(--Base-04, #E9E9E9);
        background: var(--Base-Off-White, #FAFAFA);
        display: flex;
        height: 56px;
        padding: 16px 24px;
        align-items: center;
        gap: 8px;
        align-self: stretch;
        color: var(--Base-02, #727272);
        font-family: "Google Sans Flex";
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        text-transform: capitalize;
        width: 100%;
    }
    #getOtpBtn.state-sent {
        min-width: 149px !important;
    }
    .signin-left h2 {
        color: var(--Base-Off-Black, #0F0F0F);
        font-feature-settings: 'liga' off, 'clig' off;
        font-family: "Google Sans Flex";
        font-size: 32px;
        font-style: normal;
        font-weight: 500;
        line-height: 140%;
        text-transform: capitalize;
        margin-bottom: 16px;
        text-align: center;
    }
    .signin-left p {
        color: var(--Base-Off-Black, #0F0F0F);
        font-family: "Google Sans Flex";
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 160%;
        margin-bottom: 40px;
        opacity: .5;
        text-align: center;
    }
    .signin-section {
        height: unset;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0px 0px 0px;
        padding-top: 92px;
    }
    .d-flex-main .btn-black {
        display: flex;
        height: 56px;
        padding: 16px 32px;
        justify-content: center;
        align-items: center;
        gap: 8px;
        flex: 1 0 0;
        border-radius: 4px;
        background: var(--Base-Off-Black, #0F0F0F);
        color: var(--Base-Off-White, #FAFAFA);
        text-align: center;
        font-family: "Google Sans Flex";
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        text-transform: capitalize;
        width: 100%;
        max-width: 100%;
    }
    .flogo-img img{
            width: 236px;
           height: 63px;
    }
    .input-box .form-control {
        border-radius: 0px;
        border: 0px solid var(--Base-04, #E9E9E9);
        background: transparent;
        display: flex;
        height: unset;
        padding: 0px 0px;
        align-items: center;
        gap: 8px;
        align-self: stretch;
        color: var(--Base-02, #727272);
        font-family: "Google Sans Flex";
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        text-transform: capitalize;
        width: 100%;
    }


}