* {
    user-select: none;
}



body {
    background-color: #F6F6F6;
}



input:focus {
    outline: none;
}




/* main Starts from here */

/* hero1 Starts from here */
.hero {
    display: grid;
    grid-template-columns: 3fr 1fr;
    grid-template-rows: 3fr 1fr;
}

.heroDiv1 {
    height: 46dvh;
    background-color: #D54E38;
}

.heroDiv2 {
    background: #7497DA;
    background: linear-gradient(0deg, rgba(116, 151, 218, 1) 0%, rgba(49, 103, 203, 1) 100%);
    grid-row: span 2;
}

.heroDiv2 p {
    color: rgb(124, 255, 211);
}

/* hero1 Ends here */

/* main Ends here */










@media (max-width: 786px) {
    .hero {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr;
    }

    .heroDiv1 {
        height: 75dvh;
    }

    .heroDiv1 img {
        width: 100%;
        border-radius: 12px 12px 0 0;
    }
}