/* ========================================= */
.banner_section{
  height: auto;
  width: 100%;  
  background-color:hsla(120,95%,11%,1);
  background-image:
  radial-gradient(at 40% 20%, hsla(159,93%,21%,1) 0px, transparent 50%),
  radial-gradient(at 80% 0%, hsla(166,49%,37%,1) 0px, transparent 50%),
  radial-gradient(at 0% 50%, rgb(2, 103, 95) 0px, transparent 50%),
  radial-gradient(at 80% 50%, hsla(193,53%,35%,1) 0px, transparent 50%),
  radial-gradient(at 0% 100%, rgb(35, 123, 113) 0px, transparent 50%),
  radial-gradient(at 80% 100%, hsla(150,28%,50%,1) 0px, transparent 50%),
  radial-gradient(at 0% 0%, hsla(158,81%,31%,1) 0px, transparent 50%);
  display: flex;
  padding-top: 7rem;
  padding-bottom: 5rem;
}
.banner_section .banner_center{
  max-width: 1050px;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.224);
  height: auto;
  margin: auto;
  padding:25px;
  border-radius: 15px;
}
.banner_section .banner_center h3{
  font-size: 30px;
  font-weight: 700;
  color: var(--primary-color-light);
  text-shadow: 1px 1px 2px #000000;
}
.banner_section .banner_center p{
  font-weight: 600;
}
.banner_section .banner_center p,
.banner_section .banner_center ul li{
  color: #ffffffc1;
}

@media (max-width: 550px) {
  .banner_section .banner_center h3{
    font-size: 20px;
  }
  .banner_section{
    padding-bottom: 2px;
  }
  .banner_section .banner_center p{
    font-size: 15px;
    font-weight: 500;
  }
  .banner_section .banner_center ul li{
    font-size: 13px;
  }
}
/* ========================================= */

.contact-page-sec {
    padding: 60px 0;
    min-height: 100vh;
    color: rgba(0, 0, 0, 0.394);
}


.contact-page-sec .container{
    max-width:  1140px;
    width: 100%;
}
.contact-info {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
  }
  .contact-info-icon {
    text-align: center;
    display: flex;
    margin-bottom: 15px;
  }
  .contact-info-item {
    border:2px solid var(--primary-color);
    border-radius: 10px;
    padding: 30px 0px;
    height: 200px;
  }
  .contact-page-sec .contact-page-form h2 {
    color: #071c34;
    text-transform: capitalize;
    font-size: 22px;
    font-weight: 700;
  }
  .contact-page-form .col-md-6.col-sm-6.col-xs-12 {
    padding-left: 0;
  }
  .contact-page-form.contact-form input {
    margin-bottom: 5px;
  }
  .contact-page-form.contact-form textarea {
    height: 110px;
  }
  .contact-page-form.contact-form input[type="submit"] {
    background: #071c34;
    width: 150px;
    border-color: #071c34;
  }
  .contact-info-icon svg {
    height: 45px;
    width: 45px;
    margin: auto;
    color: var(--primary-color);
  }
  .contact-info-text p {
      margin-bottom: 0px;
    }
    .contact-info-text a span:hover{
        color: #071c34;
    }
    .contact-info-text h2 {
    color: var(--primary-color);
    font-size: 22px;
    text-transform: capitalize;
    font-weight: 600;
    margin-bottom: 10px;
  }
  .contact-info-text span {
    color: #999999;
    font-size: 16px;
    display: inline-block;
    width: 100%;
    font-weight: 600;
  }
  
  .contact-page-form input {
    background: #f9f9f9 none repeat scroll 0 0;
    border: 1px solid #f9f9f9;
    margin-bottom: 20px;
    padding: 12px 16px;
    width: 100%;
    border-radius: 4px;
  }
  
  .contact-page-form .message-input {
    display: inline-block;
    width: 100%;
    padding-left: 0;
  }
  .single-input-field textarea {
    background: #f9f9f9 none repeat scroll 0 0;
    border: 1px solid #f9f9f9;
    width: 100%;
    height: 120px;
    padding: 12px 16px;
    border-radius: 4px;
  }
  .single-input-fieldsbtn{
    padding: 0px !important;
  }
  .single-input-fieldsbtn input[type="submit"] {
    background: var(--primary-color) none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-weight: 600;
    padding: 10px 0;
    text-transform: capitalize;
    width: 100%;
    margin-top: 20px;
    font-size: 16px;
  }
  .single-input-fieldsbtn input[type="submit"]:hover {
    background: #071c34;
    transition: all 0.4s ease-in-out 0s;
    border-color: #071c34;
  }
  .single-input-field h4 {
    color: #464646;
    text-transform: capitalize;
    font-size: 14px;
  }
  .contact-page-form {
    display: inline-block;
    width: 100%;
    margin-top: 30px;
  }
  
  .contact-page-map {
    height: 100%;
    padding-bottom: 20px;
  }
  .contact-page-map iframe{
    height: 100%;
  }
  .contact-page-form form {
    padding: 20px 15px 0;
  }
  



    
@media only screen and (max-width: 420px) {
  .contact-info-item {
    height: auto;
    padding: 5px 0;
  }
  .contact-info-text{
    padding-left: 10px;
    text-align: left;
  }
  .contact-info-text h2{
    font-size: 15px;
    padding:0;
    margin: 0;
  }
  .contact-info-text span{
    font-size: 13px;
  }
  .contact-info-icon svg {
    height: 25px;
    width: 25px;
    margin-left: 10px;
  }
  .contact-page-map {
    height: 400px;
  }
}