:root {
  /* --light-grey: #d5ccbf;
    --blue: #257394;
    --black: #0a0b06;
    --yellow: #e3cc1b;
    --dark: #233364;
    --blue-grey: #98d0e8;
    --yellow-grey: #d4cb81;
    --white: #ffffff;
    --off-white: #f5f6ff;
    --green: #1ca863;
    --red: #f21e0d;
    --light-red: #e49893; */

  /* --light:      #c8f3fd;
    --dark:       #03122d;
    --primary:    #60c1e8;
    --secondary:  #021d49;
    --info:       #3255eb;
    --success:    #089d51;
    --warning:    #e5c709;
    --danger:     #f1031b; */

  --light-grey: #c8f3fd;
  --blue: #021d49;
  --black: #03122d;
  --yellow: #e3cc1b;
  --dark: #075ba1;
  --blue-grey: #60c1e8;
  --yellow-grey: #d4cb81;
  /* --.about-txt p: #ffffff; */
  --off-white: #f5f6ff;
  --green: #089d51; /* Only used for forex class */
  --red: #f1031b;
  --light-red: #e49893;
}
ul.main-menu li a,
li.dropdown i.fa.dropdown-toggle {
  color: var(--white);
}
.about-txt p,
.our-services ul li a {
  color: var(--white);
}
h4.pre-footer-title,
.contact-details p,
.contact-box i.fa {
  color: var(--blue-grey);
}
footer .copyright {
  background: var(--blue);
}
/* ul.main-menu li a,
ul.main-menu li a i.fa.dropdown-toggle,
.about-txt p,
.quick-links ul li a,
.our-services ul li a,
.copyright-bar p,
.copyright-bar a{
    color: var(--white);
} */
ul.main-menu li a:hover,
ul.main-menu li a:hover i.fa.dropdown-toggle {
  color: var(--blue-grey);
}
ul.main-menu li.active > a,
ul.main-menu li ul a {
  color: var(--blue);
}
ul.main-menu li ul a:hover,
h4.subtitle,
.gfield_label .top-info h3 a,
.top-info h3,
a {
  color: var(--dark);
}
p {
  color: var(--black);
}
.main-menu,
h2.color-title,
span.color-title,
section.home-links {
  background: var(--dark);
}
.btn-default,
.gform_button,
.gform_next_button,
.gform_previous_button,
h4.links-title,
.cd-top {
  background-color: var(--dark);
  color: var(--white);
}
.btn-default:hover,
.gform_button:hover,
.gform_next_button:hover,
.gform_previous_button,
.cd-top:hover {
  background-color: var(--blue);
  color: var(--white);
}
.gform_wrapper.gravity-theme .ginput_complex label,
.gform_wrapper.gravity-theme .ginput_complex legend,
.gfield_label {
  color: var(--dark);
}
.ginput_container input,
.ginput_container select,
.ginput_container textarea {
  border-color: var(--dark);
}
.contact-box,
.pre-footer > div:nth-child(2n) .contact-box,
.pre-footer > div:nth-child(3n) .contact-box {
  background-color: var(--blue);
}

.homepage .text_columns .col-md-3 p,
.homepage .text_columns .col-md-4 p,
.homepage .text_columns .tx-fv-col p {
  line-height: 1.688em;
  height: 5.064em;
}

/* .homepage .text_columns .col-md-3,
.homepage .text_columns .col-md-4 {
    text-align: center;
}
.homepage .text_columns .col-md-3 p,
.homepage .text_columns .col-md-4 p {
    line-height: 1.688em;
    height: 5.064em;
}
.homepage .text_columns .col-md-3 span,
.homepage .text_columns .col-md-4 span {
    background-color: transparent;
    color: var(--dark);
    font-weight: 500;
    line-height: 1.1;
    font-size: 20px;
} */

/* Make all the text columns after the map have a white background */
.homepage .integration ~ .text_columns {
  background: transparent;
}

@media only screen and (max-width: 1024px) {
  .homepage .text_columns .col-md-3 p,
  .homepage .text_columns .col-md-4 p,
  .homepage .text_columns .tx-fv-col p {
    height: auto;
    margin-bottom: 1em;
  }
  .homepage .text_columns .col-md-3 {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}