/**
SCSS for Our values Paragraph.
**/
/**
*********************
* Import all the settings
********************
**/
/**
*********************
* Colors
********************
**/
/* Brand Colors */
/** Add any additional color supplied in the style guide **/
/* Grayscale colors */
/* Accent colors. Primarily used for buttons */
/** Button & Link colors **/
/* background colors */
/* Menu and link colors */
/* Text colors */
/* Border colors */
/* Owl Carousel colors */
/**
*********************
* Variables
********************
**/
/* Typography */
/* Transitions */
/* Container & spacings */
/** Button spacing **/
/* Border */
/* Breakpoints */
/**
*********************
* Colors
********************
**/
/**
*********************
* Breakpoint mixin
********************
**/
.our-values {
  margin-top: 3.4375rem;
  margin-bottom: 2.1875rem;
}

.our-values__title {
  font-size: 2.875rem;
  font-weight: 600;
  color: #164D92;
  line-height: 3.75rem;
  letter-spacing: -0.1125rem;
  margin-bottom: 1.25rem;
}

@media only screen and (max-width: 576px) {
  .our-values__title {
    font-size: 1.875rem;
    line-height: 2.75rem;
    letter-spacing: -0.05625rem;
  }
}

.our-values__excerpt {
  font-size: 1.125rem;
  font-weight: 300;
  color: #384f7e;
  line-height: 2rem;
  letter-spacing: 0rem;
  margin-bottom: 1.875rem;
}

@media only screen and (max-width: 576px) {
  .our-values__excerpt {
    font-size: 0.75rem;
    line-height: 1.25rem;
  }
}

.our-values__content .field__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.our-values__content .field__items > .field__item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(50% - 1rem);
          flex: 0 0 calc(50% - 1rem);
  max-width: calc(50% - 1rem);
  background: #f2f2f2;
  padding: 2.125rem 1.6875rem 2.125rem 1.9375rem;
  margin-bottom: 1.6875rem;
}

@media only screen and (max-width: 992px) {
  .our-values__content .field__items > .field__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
    padding: 1.875rem 1.125rem 1.875rem 1.125rem;
    margin-bottom: 1.25rem;
  }
}

.our-values__content .field__items > .field__item .ourvalue-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.our-values__content .field__items > .field__item .ourvalue-card__left {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 65%;
          flex: 0 0 65%;
  max-width: 65%;
  padding-right: 2.25rem;
}

@media only screen and (max-width: 576px) {
  .our-values__content .field__items > .field__item .ourvalue-card__left {
    padding-right: 0.875rem;
  }
}

.our-values__content .field__items > .field__item .ourvalue-card__left .title {
  font-size: 1.625rem;
  font-weight: 600;
  color: #164D92;
  line-height: 2.1875rem;
  letter-spacing: -0.05625rem;
  margin-bottom: 0.875rem;
}

@media only screen and (max-width: 576px) {
  .our-values__content .field__items > .field__item .ourvalue-card__left .title {
    font-size: 1rem;
    letter-spacing: -0.03rem;
    margin-bottom: 0.625rem;
  }
}

.our-values__content .field__items > .field__item .ourvalue-card__left .desc {
  font-size: 1rem;
  font-weight: 300;
  color: #445a86;
  line-height: 1.5rem;
  letter-spacing: 0rem;
  margin-bottom: 1rem;
}

@media only screen and (max-width: 576px) {
  .our-values__content .field__items > .field__item .ourvalue-card__left .desc {
    font-size: 0.75rem;
    line-height: 1.25rem;
    margin-bottom: 1.25rem;
  }
}

.our-values__content .field__items > .field__item .ourvalue-card__left .name {
  font-size: 1.125rem;
  font-weight: 600;
  color: #164D92;
  line-height: 2.1875rem;
  letter-spacing: -0.03375rem;
}

@media only screen and (max-width: 576px) {
  .our-values__content .field__items > .field__item .ourvalue-card__left .name {
    font-size: 0.75rem;
    letter-spacing: -0.0225rem;
  }
}

.our-values__content .field__items > .field__item .ourvalue-card__right {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 35%;
          flex: 0 0 35%;
  max-width: 35%;
  text-align: right;
}

.our-values__content .field__items > .field__item .ourvalue-card__right img {
  width: 100%;
  max-width: 10.25rem;
  height: 10.0625rem;
  -o-object-fit: cover;
     object-fit: cover;
}

@media only screen and (max-width: 576px) {
  .our-values__content .field__items > .field__item .ourvalue-card__right img {
    max-width: 6.6875rem;
    height: 6.5625rem;
  }
}

/*# sourceMappingURL=our-values.css.map */