.contact_page {
  margin: 2rem 0px 10rem;
}
.contact_page .left_box {
  border-radius: 20px 0px 20px 0px;
  background: linear-gradient(180deg, #0061c1 -9%, #0046a1 79.62%);
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  padding: 10px;
}
.contact_page .left_box .box {
  padding: 20px;
  background-color: #fff;
  border-radius: 20px 0px 20px 0px;
}
.contact_page .left_box .box .company {
  border-bottom: 1px solid #ddd;
  line-height: 40px;
  font-size: 1.4rem;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 1rem;
  color: #0058b6;
}
.contact_page .left_box .box .address {
  background-image: url(/assets/images/ic-marker2.png);
  background-position: 0px 3px;
  background-size: 30px;
  background-repeat: no-repeat;
  min-height: 35px;
  padding-left: 35px;
  margin-bottom: 1rem;
}
.contact_page .left_box .box .address .view_map{
  font-weight: 500;
  color: #005EBD;
}
.contact_page .left_box .box .phone {
  background-image: url(/assets/images/icPhone.png);
  background-position: 0px 0px;
  background-size: 25px;
  background-repeat: no-repeat;
  min-height: 25px;
  padding-left: 31px;
  margin-bottom: 1rem;
  line-height: 25px;
}
.contact_page .left_box .box .mail {
  background-image: url(/assets/images/icMail.png);
  background-position: 0px 0px;
  background-size: 25px;
  background-repeat: no-repeat;
  min-height: 25px;
  padding-left: 31px;
  margin-bottom: 1rem;
  line-height: 25px;
}
.contact_page .box_map{
  border: 3px solid #ddd;
  border-radius: 10px;
  overflow: hidden;
  height: 560px;
  display: inline-flex;
  width: 100%;
  align-items: center;
  text-align: center;
  justify-content: center;
}
.contact_page .box_map iframe{
  width: 100% !important;
  height: 100% !important;
}
.contact_page .title {
  text-transform: uppercase;
  font-weight: 600;
  text-align: center;
  margin-bottom: 2rem;
  font-size: 1.4rem;
}
.contact_page .box_form .item {
  margin-bottom: 1.45rem;
}
.contact_page .box_form .item label {
  font-weight: 500;
  font-size: 1rem;
}
.contact_page .box_form .item label span {
  color: #f00;
}
.contact_page .box_form .item input {
  height: 45px;
  border-radius: 50px;
  border: 1px solid #ddd;
  padding-left: 25px;
  outline: none;
  width: 100%;
}
.contact_page .box_form .item select {
  height: 45px;
  border-radius: 50px;
  border: 1px solid #ddd;
  padding-left: 25px;
  outline: none;
  width: 100%;
}
.contact_page .box_form .item textarea {
  border-radius: 20px;
  border: 1px solid #ddd;
  padding: 15px 0px 0px 25px;
  outline: none;
  width: 100%;
}
.contact_page .box_form .item_flex input {
  transform: scale(1.5);
  margin-left: -1rem;
}
.contact_page .box_form .item_flex input[type="radio"] {
  margin-left: 0.5rem;
}
.contact_page .box_form .item_flex label {
  padding-left: 1rem;
  font-size: 1.1rem;
}
.contact_page .box_form .item button {
  color: white;
  font-weight: 500;
  font-size: 1.1rem;
  background: linear-gradient(180deg, #0061c1 -9%, #0046a1 79.62%);
  border-radius: 30px;
  display: inline-block;
  width: 100%;
  height: 45px;
  line-height: 40px;
  text-align: center;
  outline: none;
  border: none;
}
.contact_page .socials {
  margin: auto;
  display: table;
}
.contact_page .socials a {
  float: left;
  width: 35px;
  height: 35px;
  background-color: #dddfe1;
  text-align: center;
  color: #111316;
  line-height: 35px;
  border-radius: 100%;
  font-size: 1.4rem;
  margin: 0px 5px;
}
.contact_page .socials a:hover {
  color: #111316;
  background-color: #ffa600;
}
/*======================== for resposive screen ========================*/
/* Medium devices (tablets, 768px and up)*/
@media screen and (max-width: 768px) {
  .contact_page .box_map {
    margin-top: 1rem;
  }
}