.card{
    border-radius: 20px;
}
.heading h3{
    color: #EC7B1E;
    font-weight: bold;
    font-size: 25px;
}
.contact-heading2 p{
    color: rgb(102, 99, 99);
    font-size: 19px;
    padding: 10px;
    font-family: 'Radio Canada', sans-serif !important;
    line-height: 20px;
    word-spacing: 1px;
    letter-spacing: 1.5px;
   } 
.service{
    display: flex;
    align-items:end;
}
.service-img img{
max-height: 110px;
max-width : 110px !important;
text-align: center;

}
.service-text {
    font-size: 17px;
    padding: 10px;
    color: black;
}
.service-text b{
    font-size: 20px;
}
.contact a{
    text-decoration: none !important;
}
.contact i{
    color: #0F708B;
    font-size: 22px;
}
.contact p{
    color: #0f8caf;
    font-size: 15px;
    font-weight: 600;
}
.form-group input{
    border: none;
border-bottom: 2px solid #0F708B;
border-radius: 0px;
}
.form-group textarea{
    border: none;
border-bottom: 2px solid #0F708B;
border-radius: 0px;
}

 
    /* Style the placeholder for the Full Name input */
    input[name="name"]::placeholder {
        color: #bbb9b9; /* Change the color of the placeholder text */
       font-weight:500; /* Add italic style to the placeholder text */
       position: relative;
       left: -13px;
       font-size: 17px;
    }

    /* Style the placeholder for the Email Address input */
    input[name="mail"]::placeholder {
        color: #bbb9b9; /* Change the color of the placeholder text */
       font-weight:500; /* Add italic style to the placeholder text */
       position: relative;
       left: -13px;
       font-size: 17px;

    }

    /* Style the placeholder for the Message textarea */
    textarea[name="message"]::placeholder {
        color: #bbb9b9; /* Change the color of the placeholder text */
       font-weight:500; /* Add italic style to the placeholder text */
       font-size: 17px;
    }
    .conatct-bg{
        background-image: url('../../images/about-us/contact-us-bg.webp');
        background-repeat: no-repeat;
        background-position: center;
        width: 100%;
        height: auto;
        background-size: 100% 100%;
    }
 
.submit-btn{
    color: white;
    font-weight: 500;
    background-color: #0F708B;
    border-radius: 50px;
    padding: 10px;
    box-shadow: none;
    border: none;
}
button.submit-btn :hover{
    background-color: white;
    color: #0F708B;
    border: 2px solid #0F708B;
}
.contact-heading1{
    display: none ;
}
.contact-heading2{
    display: block;
}

.contact-heading2 span{
    color: #0f708b;
    font-weight: bolder;
    font-size: 30px;
    border-bottom: 3px solid rgb(236, 123, 30);
    text-transform: uppercase;
    font-family: 'Raleway';
    letter-spacing: 1.5px; 
   }
   .reachOut-heading span{
    color: #0f708b;
    font-weight: bolder;
    font-size: 27px;
    border-bottom: 3px solid rgb(236, 123, 30);
    text-transform: uppercase;
    font-family: 'Raleway';
    letter-spacing: 1.5px; 
   }