.clickable-div {
    text-align: center;
    cursor: pointer;
    color: black;
    text-decoration: underline;
}

.clickable-div:hover {
    text-align: center;
    cursor: pointer;
    color: #90331c;
    text-decoration: underline;
}

    .countrycode {
        width: 56px !important;
    }

@media (max-width: 767px) {
    .image {
        display: none;
        min-height: 0vh;
    }
}

@media (max-width: 767px) {
    .inputs {
       margin-top: 100px;
    }
}

@media (max-width: 768.98px) {
    .countrycode{
        width: 50px;
    }
}

.countrycode:focus{
    outline: none;
    border: none;
}

    /* Styles for screens below 1199px */
       @media (max-width: 1200) {
        .below-1199px {
            display: block;
        }

        .above-1200px {
            display: none;
        }
    }

    /* Styles for screens above 1200px */
    @media (min-width: 1199px) {
        .below-1199px {
            display: none;
        }

        .above-1200px {
            display: block;
        }
    }