.title-contact {
   text-align: center;
   padding-top: 5%;
}

.contact_info_outer {
   padding-bottom: 5%;
}

.contact_white {
   background-color: #fff;
}

.contact_blue {
   background-color: #F0F4FF;
}

.title-contact p, .contact_details p {
   color: #7E7E7E;
}

.contact_details h5, .map h5, .contact_form h5 {
   padding-bottom: 2%;
}

.map_box {
   border-radius: 5px;
}

.map_box img {
    width: 100%;
}

.title-contact, .contact_info_inner {
   width: 60%!important;
   margin: 0 auto;
}

.contact_info_inner {
   display: flex;
   flex-direction: row;
   align-items: flex-start;
   justify-content: space-between;
   gap: 2%;
}

.contact_info_inner div {
   width: 50%;
}

.contact_info_left div, .contact_info_right div {
   width: 100%;
}

.container_box {
   border: 1px solid #000;
   border-radius: 5px;
   box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
   margin: 5% 0;
   padding: 5%;
}

.contact_info_right form {
   display: flex;
   flex-direction: column;
   align-self: center;
   justify-self: center;
   justify-content: space-between;
   text-align: center;
   gap: 2%;
   width: 100%;
}

.contact_info_right form label {
   color:#7E7E7E;
   text-align: left;
   font-size: 20px;
   padding-top: 2%;
}

.contact_info_right form input, .contact_info_right form textarea, .contact_info_right form select {
   border: none;
   border-radius: 5px;
   background-color: #F0F4FF;
   color:#7E7E7E;
   padding-left: 1%;
   padding-right: 1%;
}

.contact_info_right form input, .contact_info_right form select {
   height: 40px;
}

.contact_info_right form textarea {
   height: 140px;
}

form button {
   margin-top: 5%;
   border: 1px solid #19234C;
   border-radius: 5px;
   background-color: #19234C;
   color: #fff;
   height: 40px;
   font-family: 'Calibri', sans-serif;
   font-weight: 700;
   font-size: 20px;

   &:hover {
      background-color: #fff;
      color: #19234C;
   }

}