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: 1rem;
   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: 1rem;
   font-weight: bold;
   line-height: 1rem;
   letter-spacing: 0.10625rem;
 }

 .maps {
   display: flex;
   flex-direction: row;
   text-align: center;
 }
 .maps-icon {
     width: 40px;
     margin-left: 100%;
 }
 
 /*.col-lg-4.reg_off{*/
 /*    padding:1rem;*/
 /*}*/
 /*.col-lg-4.branch_off{*/
 /*    padding-left:1rem;*/
 /*}*/

 .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;
  
   padding: 8% 8% !important;
 }

 button.btn.btn-outline-light.news-submit {
   border: 2px solid #00C795 !important;
   height: 60%;
   width: auto;
 }

 .newsletter {
   color: #00C795;
   font-weight: bold;
   padding-top: 2%;
 }

.btn-success.disabled, .btn-success:disabled {
    color: #fff;
    background-color: #00C795 !important;
    border-color: #00C795 !important;
    padding-top:9px;
    padding -box:9px;
}
 .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;
 }
.maps-icon {
    width: 40px !important;
    margin-left: 100% !important;
}
 @media (max-width: 576px) {
   .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;
   }
img.maps-icon {
    width: 40%;
    margin-left: 0px !important;
    padding-bottom: 20px !important;
}
}