header {
    background-color: #ffffff;
}

header .logo {
  color: #211539 !important;
}

.mob-button {
    color: #fff;
    background-color: rgb(75 24 148);
}

header .uk-navbar-nav > li > a {color: #211539;}

#hero {
  padding: 82px 0;
  background-color: #180F37;
  background-repeat: no-repeat;
  background-position: calc(50% - 384px) center;
}

#hero .uk-first-column h1{
    font-size: 38px;
    color: #fff;
    line-height: 1.4;
}

.section2 h2 {
     font-size: 36px!important;
}
.section3 h2 {
    font-size: 36px!important;
    
}

.hero-form.second-form {
    max-width: 497px;
    margin: 0 auto;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .08);
}

#hero .uk-first-column p {
  font-size: 16px;
  color: #fff;
  line-height: 22px;
}

#hero .hero-text-bottom {
    margin-top: 20px;
} 

#hero .hero-text-bottom.mob {
    display: none;
}
 
#hero-form {
  padding: 32px 30px;
  border-radius: 20px;
}
      #req-form-section input[type="text"], #req-form-section input[type="tel"], #req-form-section input[type="email"] {
        background: #F4F6FF;
        border-color: #F4F6FF !important;
        padding: 10px 20px;
        transition: border-color .35s ease;
      }
      #req-form-section input[type="text"]::placeholder, #req-form-section input[type="tel"]::placeholder, #req-form-section input[type="email"]::placeholder {
        color: #9FA6A3;
      }
      #req-form-section input[type="text"]:focus, #req-form-section input[type="tel"]:focus, #req-form-section input[type="email"]:focus {
        border-color: #dddddd !important;
      }
      #req-form-section input[type="submit"] {
          width: 187px;
          height: 48px;
          margin: 10px auto 0 auto;
          border-radius: 36px;
          display: block;
          background-color: #066BD2;
          transition: all 0.35s ease;
      }
      #req-form-section input[type="submit"]:hover {
        background-color: #4B1894;
      }
        .uk-inline .lang-btn {
            color: #211539;
            text-transform: capitalize;
        }
        .lang-menu ul a {
            text-transform: capitalize;
        }
        .lang-menu ul a img, .lang-menu ul a svg {
            width: 26px;
        }
        
        .contact-wrapper {
    text-align: center;
}

.contact-wrapper .contact-form {
    max-width: 497px;
    margin-top: 30px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 20px;
}

.address-row {
    display: flex;
    gap: 20px;
}

.address-row .address-item {
    background: #4B1894;
    padding: 20px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.address-row .address-item h3, 
.address-row .address-item p,
.address-row .address-item a {
    margin: 0;
    color: #fff;
}

.banner.about-banner {
    height: auto;
    padding: 82px 0;
}

.banner.about-banner .about-left  h1 {
    font-size: 38px;
    color: #fff;
    line-height: 1.4;
    text-align: left;
}

.banner.about-banner .about-left .hero-text-bottom p {
    font-size: 16px;
    color: #fff;
    line-height: 22px;
    text-align: left;
}

.hero-form.second-form {
    max-width: 497px;
    margin: 0 auto;
    box-shadow: 0 5px 15px rgba(0,0,0,.08);
}




        
      @media (max-width: 767px) { 
       .lang-btn {
        color: #211539;
    }
    .section1 {
        padding: 20px 0;
    }
    .address-row {
        flex-wrap: wrap;
    }
    .banner.about-banner .about-left  h1 {
        font-size: 24px;
    }
    .banner.about-banner {
        padding: 50px 0 !important;
    }
    .second-form-wrapper h2.uk-text-center {
        font-size: 24px !important;
    }
    
    .flex-reverse {
        flex-direction: column-reverse;
    }
        .banner {
           padding: 0!important;
           background-size: 540px;
           background-position: 0 calc(50% + 176px);
        }
        
        .banner h1 {
          font-size: 24px;
          margin-bottom: 24px;
        }
        .banner p {
          font-size: 14px;
        }
        #hero .uk-first-column h1{
            font-size: 26px;
        }
        .section2 h2 {
             font-size: 28px!important;
        }
        .section3 h2 {
            font-size: 28px!important;
            
        }
        #hero .hero-text-bottom:not(.mob) {
            display: none;
        }
        #hero .hero-text-bottom.mob {
            display: block;
        }
        
        #hero .uk-first-column p {
            font-size: 14px;
            line-height: 20px;
            margin-bottom: 0;
        }
                
      }