.main {
        display: flex;
        flex-direction: row;
        padding: 2% 4% 0% 4%;
        align-items: flex-start;
        justify-content: space-between;
    }

    .signInSection {
        width: 100%
    }

    .imageSection {
        /* width: 100% */
    }

    .signInTitle {
        font-size: 40px;
        padding: 50 0 50 0;
    }

    .emailInput {
        background: #FFFFFF;
        border: 1px solid #DADADA;
        border-radius: 10px;
        width: 370px;
        max-width: 390px;
        min-width: 275px;
        min-height: 44px;
        padding: 5px 10px;
    }

    .pinNumberSection {
        display: flex;
        flex-direction: row;
        gap: 21px;
    }

    .pin {
        background: #FFFFFF;
        border: 1px solid #DADADA;
        border-radius: 10px;
        width: 43px;
        height: 65px;
        font-size: 30px;
        text-align: center;
        box-shadow: 0px 4px 25px -5px rgba(102, 112, 133, 0.35);
    }

    .geekPhone {
        position: relative;
        top: 90px;
        right: 41px;
    }

    .geekLogo {
        margin-top: -20;
    }

    .webHide {
        display: none;
    }

    .mobileHide {
        display: unset;
    }

    .viewDashboardCta {
        color: #FFFFFF;
        width: 370px;
        max-width: 390px;
        min-width: 275px;
        background: #0082CB;
        border: 1px solid #0082CB;
        border-radius: 8px;
        min-height: 44px;
        cursor:pointer;
    }
    .viewDashboardCta:hover {
        background-color: #279bdf;
      }
    .getAppSection {
        margin-top: 20px;
        padding: 40px;
        width: 300px;
        background: linear-gradient(#E6EFFF 4.98%, #FFFFFF 79.2%);
        border-radius: 32px;
    }

    @media(max-width:460px) {
        .main {
            flex-wrap: wrap-reverse;
            padding: unset;
        }

        .webHide {
            display: unset;
        }

        .mobileHide {
            display: none;
        }

        .signInTitle {
            text-align: center;
            font-size: 27px;
        }

        .signInSection {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: stretch;
        }

        .emailInput {
            width: 100%;
            max-width: unset;
            min-width: unset;
        }

        .pinNumberSection {
            gap: 15px;
        }

        .viewDashboardCta {
            color: #FFFFFF;
            max-width: unset;
            min-width: unset;
            width: 100%;
        }

        .getAppSection {
            margin-top: 20px;
            padding: 20px;
            width: 100%;
        }

    }