/* input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
input[type="number"],
textarea {
    border: none;
    border-bottom: 2px solid rgb(128, 126, 126);
    transition: border-color 0.3s ease;
    background: transparent;
    outline: none;
    width: 100%;
    padding: 1rem 0.4rem;
} */


input:focus{
    outline: none;
    -webkit-appearance: none;
    box-shadow: none !important;
}

textarea:focus{
    outline: none;
    -webkit-appearance: none;
    box-shadow: none !important;
}

select:focus{
    outline: none;
    -webkit-appearance: none;
    box-shadow: none !important;
}

::placeholder {
    /* color: #ffffff9f; */
    color: #0000009f;
    /* Change the placeholder color here */
}

input.orange-border,  textarea.orange-border,  select.orange-border {
    border-color: #FFC107;
    animation: border-animation 0.5s forwards;
}

@keyframes border-animation {
    0% {
        border-left-color: rgb(128, 126, 126);
    }

    100% {
        border-right-color: #e07e42;
    }
}






.socialIcon{
    color: white;
    transition: all 0.25s ease-in-out;
}

.socialIcon:hover{
    background-color: #e07e42;
    color: #111;
}

/* about hero title */
.contactTitle {
    font-size: 8vw;
    text-transform: uppercase;
    font-weight: 900;
    line-height: 7.5vw;
    color: white;
}

/* Media Query for Mobile Devices */
@media (max-width: 480px) {

    /* about hero title */
    .contactTitle {
        font-size: 18vw;
        line-height: 18vw;
    }

}

/* Media Query for Tablets Ipads portrait mode */
@media (min-width: 768px) and (max-width: 1024px) {

    /* about hero title */
    .contactTitle {
        font-size: 10vw;
        line-height: 10vw;
    }


}

/* Media Query for Laptops and Desktops */
@media (min-width: 1025px) and (max-width: 1280px) {

    /* about hero title */
    .contactTitle {
        font-size: 12vw;
        line-height: 12vw;
    }



}