.headTitle{
    background: linear-gradient(to right, #0054A4, #336699);
    padding: 5px;
    margin: 20px 20px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;

    font-size: 20px;
    font-weight: 600;
    color: #fff;
    text-align: center;
}
.formUI{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 20px 20px;
}
.formUI input[type=text],input[type=email]{
    border: 2px solid #0054A4;
    width: 100%;
    height: 40px;
    padding: 10px;
    margin: 8px 0px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    font-size: 15px;
    font-weight: 500;
    color: #0054A4;
}
.formUI textarea{
    border: 2px solid #0054A4;
    width: 100%;
    padding: 10px;
    margin: 8px 0px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    font-size: 15px;
    font-weight: 500;
    color: #0054A4;
}
.formUI #btnUI{
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #0054A4;
    width: 50%;
    padding: 5px;
    margin: 8px 0px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    background: linear-gradient(to right, #0054A4, #336699);
}

.formUI #btnUI img{
    width: 20px;
}

.formUI input[type=text]::placeholder{
    color: #0054A4;
    font-size: 15px;
    font-weight: 500;
}
.formUI input[type=email]::placeholder{
    color: #0054A4;
    font-size: 15px;
    font-weight: 500;
}
.formUI textarea::placeholder{
    color: #0054A4;
    font-size: 15px;
    font-weight: 500;
}
.formUI input[type=text],input[type=email]:focus{
    outline: none !important;
    border: 2px solid #0054A4;
}
.formUI textarea:focus{
    outline: none !important;
    border: 2px solid #0054A4;
}
/* ##################################################################################################################### */
/* ################################################# Media Query Starts ################################################ */
/* ##################################################################################################################### */

/* Non Mobiles Display None */
@media only screen and (max-width: 300px){
    body{
        display: none;
    }
}

/* For Small Mobiles */
@media only screen and (min-width: 320px){
    /* body{
        background-color: aqua;
    } */
}

/* For Medium Mobiles */
@media only screen and (min-width: 375px){
    /* body{
        background-color: red;
    } */
}

/* For Large Mobiles */
@media only screen and (min-width: 425px){
    /* body{
        background-color: green;
    } */
}

/* For Tablets */
@media only screen and (min-width: 768px){
    /* body{
        background-color: blue;
    } */
}

/* Non Mobiles Display None - No Desktop Support */
@media only screen and (min-width: 800px){
    body{
        display: none;
    }
}

/* ##################################################################################################################### */
/* ################################################# Media Query Ends ################################################## */
/* ##################################################################################################################### */