.__contacthero {
    background: var(--contactherobg) no-repeat center center / cover;
    height: 50vh;
    position: relative;
}

.__contactsection {
    text-align: center;
    padding: 100px 0px;
}

.__contacttitle {
    position: absolute;
    bottom: 25px;
    font-size: 1.5rem
}

.__contactheader {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 25px
}
.__contactheader p{
    font-size: 12px;
}
.__contactheader h3 {
    color: #9b232a;
    font-weight: 700;
    font-size: 2rem;
}

.__contactbody input,
.__contactbody textarea,
.__contactbody select {
    border: none;
    margin: 5px 0
}

.__contactbody form input,
.__contactbody form textarea,
.__contactbody form input,
.__contactbody form select {
    margin: 0;
    padding-left: 35px;
    position: relative;
}

.__contactbody form .form-group {
    position: relative;
}

.__contactbody form img {
    margin: 0;
    padding: 0;
    width: auto;
    height: 15px;
    left: 10px;
    top: 10px;
    position: absolute;
}

.__contactbody form .col-md-12 {
    margin-bottom: 10px;
}

@media screen and (min-width:300px) {
    .__contactsection {
        padding: 25px 0px;
    }

    .__contactheader h3 {
        font-size: 1.4rem;
    }
    .__contactheader p {
        font-size: 12px;
    }
    .col-md-4:has(input#mobile) {
        padding: 0;
        margin: 10px 0;
    }
}

@media screen and (min-width: 600px) {
    .__contactsection {
        padding: 50px 0px;
    }

    .__contactheader h3 {
        font-size: 1.7rem;
    }
     .__contactheader p {
        font-size: 16px;
    }

    .col-md-4:has(input#mobile) {
        padding: 0 10px;
        margin: 0;
    }
}

@media screen and (min-width: 1024px) {
    .__contactsection {
        padding: 100px 0px;
    }

     .__contactheader p {
        font-size: 20px;
    }
    .__contactheader h3 {
        font-size: 2rem;
    }
}