.contact-page-banner{
  height:118px;
  background:
    linear-gradient(rgba(93,154,199,.88),rgba(93,154,199,.88)),
    url("assets/images/breadcrumb-bg.jpg") center/cover no-repeat;
  display:flex;
  align-items:center;
  padding:0 105px;
  font-family:Arial,sans-serif;
      margin-bottom: 15px;
}

.contact-page-banner h2{
  font-size:20px;
  color:#000;
  margin:0 0 12px;
  font-weight:700;
}

.contact-page-banner p{
  margin:0;
  color:#fff;
  font-size:15px;
  font-weight:700;
}

.contact-page-banner span{
  padding:0 8px;
}

/* CONTACT */

.contact-page-section{
  width:100%;
  padding:50px 0;
  background:
    linear-gradient(rgba(91,151,194,.88),rgba(91,151,194,.88)),
    url("assets/images/contact-bg.jpg") center/cover no-repeat;
  font-family:Arial,sans-serif;
}

.contact-page-container{
  max-width:1115px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
}

.contact-page-form-box,
.contact-page-info-box{
  background:#fff;
  border-radius:14px;
  padding:21px 15px 35px;
  min-height:371px;
}

.contact-page-form-box h2,
.contact-page-info-box h2{
  font-size:20px;
  color:#00528f;
  margin:0 0 22px;
  font-weight:700;
}

.contact-page-row{
  display:flex;
  gap:20px;
  margin-bottom:15px;
}

.contact-page-form input,
.contact-page-form textarea{
  width:100%;
  border:1px solid #cbd3dc;
  border-radius:4px;
  padding:0 16px;
  height:40px;
  font-size:16px;
  outline:none;
  color:#333;
}

.contact-page-form textarea{
  height:90px;
  padding-top:15px;
  resize:none;
}

.contact-page-form button{
  width:124px;
  height:45px;
  border:none;
  background:#0d70d8;
  color:#fff;
  border-radius:4px;
  font-size:15px;
  font-weight:700;
  cursor:pointer;
  margin-top:12px;
}

.contact-info-item{
  display:flex;
  align-items:flex-start;
  gap:16px;
  margin-bottom:26px;
}

.contact-info-icon{
  width:48px;
  height:48px;
  background:#00528f;
  color:#fff;
  border-radius:4px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:22px;
  flex-shrink:0;
}

.contact-info-item h4{
  font-size:16px;
  color:#00528f;
  margin:0 0 6px;
  font-weight:700;
}

.contact-info-item p{
  margin:0;
  color:#000;
  font-size:14px;
  line-height:1.6;
}

.contact-social{
  display:flex;
  gap:7px;
  margin-top:8px;
}

.contact-social a{
  width:30px;
  height:30px;
  background:#00528f;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:4px;
  text-decoration:none;
  font-size:15px;
}

/* MAP */

.contact-map-section{
  width:100%;
  height:405px;
}

.contact-map-section iframe{
  width:100%;
  height:100%;
  border:0;
  display:block;
}

/* RESPONSIVE */

@media(max-width:991px){
  .contact-page-banner{
    padding:0 25px;
  }

  .contact-page-container{
    grid-template-columns:1fr;
    padding:0 20px;
  }
}

@media(max-width:576px){
  .contact-page-row{
    flex-direction:column;
    gap:15px;
  }

  .contact-page-form button{
    width:100%;
  }

  .contact-map-section{
    height:320px;
  }
}