.contact_head{
   /* color: #000;*/
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  line-height: 1.7;
}

a {
  color: #37a8fb;
}

.contact-sec {
    padding: 60px 0px;
}
.contact-sec {
    background-color: #5e5e5e1f;
}
.box-one{
    font-size: 18px;
    line-height: 1.8em;
    background-color: #ffffff;
    padding: 20px 27px;
    text-align: center;
    height: 270px;
}




/*--- Extra Bootstrap Column Padding --*/
[class*="col-"] {
  padding: 1rem;
}


#home {
  background: url('../img/banners/contact.png');
  background-repeat: no-repeat;
    background-size: 100% 100%;
  /*-webkit-background-size: cover;*/
  width: 100%;
  height: auto;
max-width:  100%;
height: auto;
;  position: relative;
  overflow: hidden;
}

.landing {
    width: 100vw;
  max-width:  100vw;
height: 55vh;
  /*background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0,0,0,0.9));*/
}


#home h1 {
  text-align: center;
  /*padding: 10% 0 2% 0;*/

  color: #FFFFFF;
  /*font-family: 'Trade Winds', cursive;*/
  font-weight: bolder;
  line-height: 1.5rem;
  letter-spacing: 0.15rem;
  font-size: 3.25rem;
  position: relative;
  top:40%;
  z-index: 1;
}

#home h3 {
  margin-top: 2%;
  text-align: center;
  color: #FFD700;
  font-weight: bold;
  padding-top: 2rem;

}

.box-two{
    font-size: 18px;
    line-height: 1.8em;
    background-color: #ffffff;
    padding: 40px 30px;
    text-align: center;
    height: 320px;
}
.box-three{
    font-size: 18px;
    line-height: 1.8em;
    background-color: #ffffff;
    padding: 40px 30px;
    text-align: center;
    height: 320px;
}
.sec-head {
    padding-bottom: 30px;
    text-align: center;
}
.contact-form {
    background: rgb(17, 18, 40)!important;
    padding: 60px 0px;
}
.contact-form h1 {
    color: #fff;
    text-align: center;
    padding-bottom: 40px;
}
.form-control {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
}
.btn-primary {
  color: #fff;
  background-color: transparent;
  border-color: #00c795;
}
.box-one:hover {
    background: #111228;
    color: #fff;
}
.box-two:hover {
    background: #2980b9;
    color: #fff;
}
.box-three:hover {
    background: #2788c1;
    color: #fff;
}

/*Contact Section*/
#contact-section {
    background: #111227;
}

.contactform-container {
    margin: 0 auto;
    justify-contents:center;
}

.form-group label {
    color: #fff !important;
}

 
 #contact-section .form-control {
     width: 100% !important;
   background-color: rgb(17, 18, 40) !important;
   /*border-radius: 0 !important;*/
   border: 2px solid #ffffff!important;
   padding: 2% !important;
 }
 .contactform-container {
     width:75%;
 }
footer {
    position: relative;
    background-color: rgb(17, 18, 40);
    color: rgb(128, 128, 128);
    padding-top: 2.25rem;
    padding-bottom: 1.5rem;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
   font-family: "EB Garamond", sans-serif;
 }
 
 .lead {
   font-size: 1.1rem !important;
 }
 
 .useful-links {
   font-family: 'Poppins', sans-serif;
   display: flex;
   flex-direction: row;
   text-transform: uppercase;
   flex-wrap: wrap;
   color: #FFFFFF;
   font-weight: bold;
   font-size: 0.75rem;
   line-height: 2.5;
   letter-spacing: 2px;
   position: relative;
   padding-bottom: 1rem;
   text-decoration: none;
   justify-content: space-between;
   margin: 2% 10% 2% 3%;
 }
 .fa-map-marker-alt {
   color: #00C795 !important;
 }
 
 
 .map-des {
   font-size: 10px !important;
   padding-left: 5%;
   color: #FFFFFF;
   font-weight: bold;
   font-family: 'Montserrat', sans-serif;
   line-height: 1rem;
   letter-spacing: 0.10625rem;
   padding-top: 2%;
 }
 .office-name {
   font-family: 'Montserrat', sans-serif;
   color: #00C795 !important;
   text-transform: uppercase;
   font-size: 0.75rem;
   font-weight: bold;
   line-height: 1rem;
   letter-spacing: 0.10625rem;
 }
 
 .maps {
   display: flex;
   flex-direction: row;
   text-align: left;
 }
 
 .footer-subscribe__input {
   -webkit-appearance: none;
   color: rgb(255, 255, 255);
   font-size: 0.625rem;
   letter-spacing: 0.10625rem;
   line-height: 1rem;
   width: 100%;
   border-width: 2px 0px 2px 2px;
   border-style: solid;
   border-color: rgb(176, 176, 176);
   border-image: initial;
   border-radius: 0px;
   outline: none;
   padding: 0.9375rem 1.25rem;
 }
 
 
 footer .form-control {
   background-color: rgb(17, 18, 40) !important;
   /*border-radius: 0 !important;*/
   border: 2px solid #ffffff!important;
   border-right-style: none;
   padding: 2% !important;
 }
 
 button.btn.btn-outline-light.news-submit {
   border: 2px solid #00C795 !important;
   height: 75%;
   width: auto;
 }
 
 .newsletter {
   color: #00C795;
   font-weight: bold;
   padding-top: 2%;
 }
 
 .social {
   display: flex;
   flex-direction: column-reverse;
 }
 
 .follow-us {
   display: flex;
   align-items: center;
   justify-content: center;
 }
 .follow {
   writing-mode: vertical-rl;
   text-orientation: mixed;
   transform: rotate(180deg);
   font-size: 10px !important;
   color: #FFFFFF;
   font-weight: bold;
   font-family: 'Montserrat', sans-serif;
   line-height: 1rem;
   letter-spacing: 0.10625rem;
   text-transform: uppercase;
   padding-right: 10px;
   padding-bottom: 10px;
 }
 
 .follow-email {
   writing-mode: vertical-rl;
   text-orientation: mixed;
   font-size: 10px !important;
   color: #FFFFFF;
   font-weight: bold;
   font-family: 'Montserrat', sans-serif;
   line-height: 1rem;
   letter-spacing: 0.10625rem;
   text-transform: uppercase;
   padding-right: 10px;
   padding-bottom: 10px;
 }
 
 .social-icons {
   color: #FFFFFF !important;
   padding-left: 20px !important;
   margin-bottom: 30px !important;
 }
 
 a.middle
 {
   position: relative !important;
   color: #FFFFFF;
 }
 
 a.middle:before {
   content: "";
   position: absolute;
   width: 100%;
   height: 2px;
   bottom: 0;
   left: 0;
   background-color: #00C795;
   visibility: hidden;
   transform: scaleX(0);
   transition: all 0.3s ease-in-out;
 
 }
 
 a.middle:hover {
   color: #FFFFFF;
   text-decoration: none !important;
 }
 a.middle:hover:before {
   visibility: visible;
   transform: scaleX(1);
 
 }
 i.fab.fa-facebook-square:hover {
   color: #3B5998 !important;
 }
 
 i.fab.fa-instagram:hover {
   color: #E1306C !important;
 }
 
 i.fab.fa-linkedin:hover {
   color: #0E76A8 !important;
 }
 
 @media (max-width: 576px) {
     #home {
    background: url(../banner/contact.jpg);
    height: 60vh;
}
   .social {
     flex-direction: row;
     justify-content: space-evenly !important;
     align-items: flex-start;
   }
   .follow {
     display: none;
   }
   .follow-us {
     justify-content: space-evenly !important;
     align-items: flex-start;
     padding-bottom: 0;
   }
   .social-icons {
     margin-right: 20px;
     margin-left: 20px;
   }
   .useful-links {
     flex-direction: column;
     justify-content: center;
     align-content: center;
     font-size: 1rem;
   }
   footer .container {
     text-align: center;
   }
   .maps {
     text-align: center;
     align-items: center;
     justify-content: center;
   }
   .map-des {
     display: none;
   }
   .form-control {
     background-color: rgb(17, 18, 40) !important;
     border-right-style: solid !important;
     padding: 8% 8% !important;
   }
   button.btn.btn-outline-light.news-submit {
     border: 2px solid #00C795 !important;
     height: 100%;
     width: 25%;
   }
   .follow-email {
     writing-mode: horizontal-tb;
     text-orientation: mixed;
   }
 
 }
 .con-sec {
    border-right: 2px solid #fff !important;
    background: #fff !important;
    padding: 26px !important;
}
@media only screen and (max-width: 600px) {
    .hero-image {
        text-align: center;
    }
    .mail-top {
      text-align: center;
  }
}
i.fa.fa-map-marker {
    color: #00c795;
    font-size: 24px;
}
i.fa.fa-mobile {
  color: #37a8fb;
  font-size: 20px;
}
i.fa.fa-paper-plane {
    color: #37a8fb;
    font-size: 24px;
}
.box-three a {
    color: #000;
}
.contact-form h4 {
  color: #fff;
  font-size: 26px;
}
.contact-form p {
  color: #fff;
  font-size: 20px;
}
.navbar.solid,
.navbar.solid-toggle {
   background: rgba(0,0,0, 0.5) !important;
   transition: background-color 1s ease;
}
.mail-top {
  background: url(../img/background/AdobeStock_284840354.jpeg);
  position: relative;
  overflow: hidden;
  background-repeat: no-repeat;
  padding: 110px 0px;
  background-size: 100% 100%;
}
.mail-top p {
  font-size: 16px;
  color: #000;
}
.mail-top a {
  color: #000;
}
.box-one p {
  font-size: 16px !important;
}
div#contact-section {
    padding: 50px 0px;
}
div#contact-section h1 {
    color: #fff;
    text-align: center;
}
ul.list-unstyled {
    color: #717989;
}
/*Media query*/
@media only screen and (max-width: 600px) {
  .mail-top {
    background: url(../images/gfg.jpg);
    position: relative;
    overflow: hidden;
    background-repeat: no-repeat;
    padding: 10px 0px;
    background-size: cover;
}
.col-lg-1 {
    display:block;
}
.landing {
    width: 100vw;
    height: 20vh;
}
.contactform-container {
    width: 100% !important;
}
}