/* ============================================
   UNIVERSAL DESIGN CHANGES
   ============================================ */

/* Universal Section Padding - Top & Bottom */
/* 120px for desktop, 96px for tablet and mobile */
/* section.container-fluid,
section.container,
section {
    padding-top: 96px;
    padding-bottom: 96px;
}

@media (min-width: 992px) {
    section.container-fluid,
    section.container,
    section {
        padding-top: 120px;
        padding-bottom: 120px;
    }
} */

/* Container-fluid with no-padding class - removes horizontal padding */
/* .container-fluid.no-padding {
    padding-left: 0 !important;
    padding-right: 0 !important;
} */

/* Typography - INTER Font */
/* Headings: line-height 120% */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-family: "Inter", sans-serif !important;
    line-height: 120% !important;
}

/* Body/Paragraph: line-height 150% */
body, p, div, span:not(.ab-icon), li, td, th, label, input, textarea, select, button, a {
    font-family: "Inter", sans-serif !important;
}

p, body {
    line-height: 150% !important;
}

/* Theme Colors */
:root {
    --brand-dark: #000E37;
    --brand: #344781;
    --brand-secondary: #4364C8;
    --brand-light: #DDE5FF;
    --white-bg: #FFFFFF;
    --bg-headings: #1B1B1B;
    --paragraph-body: #252525;
}

/* ============================================
   END UNIVERSAL DESIGN CHANGES
   ============================================ */

/* news latter css  */
.etp-newsletter-form input[type="text"], .etp-newsletter-form input[type="email"] {
    height: 40px !important;
    font-size: 18px !important;
}

span.wpcf7-form-control-wrap span.wpcf7-not-valid-tip {
    display: table;
}

.contact-form label {
  color: var(--white-bg);
  font-weight: 600;
  margin-bottom: 5px;
  display: block;
}

.form-row span.wpcf7-list-item label {
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
}
span.wpcf7-list-item.first {margin: 0 0 0 0em;}

.contact-form .form-row {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom:0px;
}
.contact-form .form-col {
  flex: 1;
  min-width: 200px;
}
.contact-form .form-col.full {
  width: 100%;
}
.contact-form input,
.contact-form select {
  width: 100%;
  border-radius: 25px;
  padding: 10px 15px;
  border: none;
  font-size: 15px;
}
.contact-form [type="submit"] {
  background: var(--white-bg);
  color: #0a3d56;
  font-weight: bold;
  border-radius: 25px;
  padding: 10px 25px;
  cursor: pointer;
  border: none;
  transition: 0.3s;
}
.contact-form [type="submit"]:hover {
  background: #1ec997;
  color: var(--white-bg);
}
span.wpcf7-not-valid-tip {
  background: #9acd32;
  color: #000;
  padding: 5px 10px;
  border-radius: 3px;
  display: inline-block;
  margin-top: 5px;
}

/* contact form 7 design  */

.form-row.two-col {
    display: flex;
    flex-wrap: wrap;
     margin-bottom:-25px;
}
.form-row.two-col .form-group {
    width: 48%;
   
}
.wpcf7 .wpcf7-form .form-row p {
    width: 100% !important;
}

.form-row .wpcf7-form-control.wpcf7-textarea {
    width:100%;
    border-radius:30px;
    padding:20px;
    height:150px;
}

.wpcf7-form-control.wpcf7-submit {
    width: 150px;
    border-radius: 30px !important;
    background: var(--white-bg) !important;
    color: var(--brand) !important;
}
.form-row input.wpcf7-form-control.wpcf7-submit:hover {
    border-radius: 30px !important;
    background: var(--brand-secondary) !important;
    color: var(--white-bg) !important;
    cursor: pointer;
    border:solid 2px var(--white-bg) !important;
}