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;}

.uk-inline .lang-btn {
    color: #211539;
    text-transform: capitalize;
}

#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 .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;
      }
      /* Advanced Table */

.advanced-table table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	border-radius: 16px;
  margin: 0;
	overflow: hidden;
	border: 1px solid rgb(9 110 103 / 9%);
}

.advanced-table {
	box-shadow: 0 4px 20px rgba(9, 110, 103, 0.15);
	border-radius: 16px;
	overflow: hidden;
	margin: 50px 0 !important;
}

.advanced-table th,
.advanced-table td {
	border: none;
}

.comprasion.advanced-table {
  margin-bottom: 0 !important; 
}

.comprasion.advanced-table tbody tr + tr td,
.comprasion.advanced-table tbody td {
  font-size: 18px !important;
  font-weight: 500;
}


.advanced-table thead th {
	background-color: #046bd2;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	text-align: left;
	padding: 20px 24px;
	border-bottom: 1px solid rgb(9 110 103 / 15%);
}

.advanced-table tbody td {
	padding: 18px 24px;
	font-size: 15px;
	color: #2f2320;
	background: transparent;
	transition: background 0.3s ease;
}

.advanced-table tbody tr + tr td {
	border-top: 1px solid rgb(9 110 103 / 9%);
}

.advanced-table tbody tr:hover td {
	background: rgba(0, 165, 154, 0.05);
}

.advanced-table thead th:not(:first-child),
.advanced-table tbody td:not(:first-child) {
	text-align: center;
}

      @media (max-width: 767px) { 
        .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;
        }
        
        .advanced-table {
		margin-top: 40px;
	}

	.advanced-table thead th {
		font-size: 14px;
		padding: 14px 12px;
	}

	.advanced-table tbody td {
		font-size: 14px;
		padding: 14px 12px;
	}
	.comprasion.advanced-table tbody tr + tr td, .comprasion.advanced-table tbody td {
	    font-size: 16px;
	}
                
      }
      
      @media (max-width: 480px) {
	.advanced-table thead th {
		font-size: 12px;
		padding: 10px 8px;
	}

	.advanced-table tbody td {
		font-size: 12px;
		padding: 10px 8px;
	}
}