/* Create Custom "Colour Matrix" to use within the bootstrap utility classes
----------------------------------------------------------------------------- */
/* 
    Expanded spacing options 
    For example the margin and padding classes now have extended capability (.mb-8 now outputs margin-bottom: 3rem)
*/
/*
    This variable affects the `.h-*` and `.w-*` classes.
    You can now do w-25 or h-80 and have it output width: 25% or height: 80%
*/
/*
    Components variables
    When you create the component you should create the variables with colors for this compontnt
*/
/*
  Custom Components Variables
*/
h1, h2, h3, h4 {
  color: #2C2C8E;
}

p {
  color: #595959;
}

.primary-hero {
  background-color: #f8f9fa;
}
.primary-hero-item {
  padding-top: 130px;
  padding-bottom: 130px;
}
.primary-hero-item-image-wrap {
  text-align: center;
}
.primary-hero-item-image img {
  width: 100%;
  height: auto;
  max-width: 400px;
}
.primary-hero-item-form-wrap {
  background: #F9F9F9;
  box-shadow: 0 16px 24px 0 rgba(14, 43, 92, 0.16);
  border-radius: 16px;
}
.primary-hero-item-content-center {
  text-align: center;
}
.primary-hero-item-content-center [class^=col-] {
  margin: auto;
}
.primary-hero-item-content-center .primary-hero-item-links {
  justify-content: center;
}
.primary-hero-item-title {
  color: #2C2C8E;
}
.primary-hero-item-text {
  color: #595959;
}
.primary-hero .swiper-pagination {
  bottom: 40px;
}
@media (max-width: 1199.98px) {
  .primary-hero-item {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .primary-hero-item.swiper-slide {
    padding-bottom: 75px;
  }
  .primary-hero .swiper-pagination {
    bottom: 32px;
  }
}
.primary-hero .primary-hero-content {
  padding: 2.5rem;
  box-shadow: 0px 16px 24px rgba(92, 92, 168, 0.16);
  border-radius: 24px;
  background-color: #EAEAF4;
}
.primary-hero .primary-hero-image-inner {
  border-radius: 2rem;
  padding: 0.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 500px;
}
.primary-hero .primary-hero-image-inner img {
  border-radius: 1.5rem;
  max-width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  height: 100%;
  display: block;
}

.home .site-main .block-2935-68a4b330e0a0c .primary-hero-image-inner {
  background: #EAEAF4;
  box-shadow: 0px 16px 24px rgba(92, 92, 168, 0.16);
  border-radius: 2rem;
  padding: 0.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 500px;
}
.home .site-main .block-2935-68a4b330e0a0c .primary-hero-image-inner img {
  border-radius: 1.5rem;
  max-width: 100%;
  height: 100%;
  box-shadow: 0 4px 16px rgba(14, 43, 92, 0.08);
  background: #fff;
  -o-object-fit: cover;
  object-fit: cover;
  height: 500px;
  display: block;
}

@media (max-width: 1199.98px) {
  .primary-hero-item {
    padding-top: 40px;
    padding-bottom: 80px;
  }
}
.programs-template-default .primary-hero .primary-hero-item-image-wrap,
.blog .primary-hero .primary-hero-item-image-wrap,
.page-id-3000 .primary-hero .primary-hero-item-image-wrap,
.page-id-3072 .primary-hero .primary-hero-item-image-wrap,
.page-id-3143 .primary-hero .primary-hero-item-image-wrap,
.page-id-3160 .primary-hero .primary-hero-item-image-wrap,
.page-id-3172 .primary-hero .primary-hero-item-image-wrap,
.page-id-2965 .primary-hero .primary-hero-item-image-wrap,
.page-id-3208 .primary-hero .primary-hero-item-image-wrap,
.page-id-3226 .primary-hero .primary-hero-item-image-wrap,
.page-id-3291 .primary-hero .primary-hero-item-image-wrap,
.page-id-3346 .primary-hero .primary-hero-item-image-wrap,
.page-id-3371 .primary-hero .primary-hero-item-image-wrap,
.page-id-3408 .primary-hero .primary-hero-item-image-wrap,
.single-programs .primary-hero .primary-hero-item-image-wrap {
  padding-left: 1.05rem !important;
  padding-right: 0 !important;
}
.programs-template-default .primary-hero .primary-hero-image-inner,
.blog .primary-hero .primary-hero-image-inner,
.page-id-3000 .primary-hero .primary-hero-image-inner,
.page-id-3072 .primary-hero .primary-hero-image-inner,
.page-id-3143 .primary-hero .primary-hero-image-inner,
.page-id-3160 .primary-hero .primary-hero-image-inner,
.page-id-3172 .primary-hero .primary-hero-image-inner,
.page-id-2965 .primary-hero .primary-hero-image-inner,
.page-id-3208 .primary-hero .primary-hero-image-inner,
.page-id-3226 .primary-hero .primary-hero-image-inner,
.page-id-3291 .primary-hero .primary-hero-image-inner,
.page-id-3346 .primary-hero .primary-hero-image-inner,
.page-id-3371 .primary-hero .primary-hero-image-inner,
.page-id-3408 .primary-hero .primary-hero-image-inner,
.single-programs .primary-hero .primary-hero-image-inner {
  padding: 0 !important;
  min-height: unset;
}
@media only screen and (max-width: 1197px) {
  .programs-template-default .primary-hero .primary-hero-item-image-wrap,
  .blog .primary-hero .primary-hero-item-image-wrap,
  .page-id-3000 .primary-hero .primary-hero-item-image-wrap,
  .page-id-3072 .primary-hero .primary-hero-item-image-wrap,
  .page-id-3143 .primary-hero .primary-hero-item-image-wrap,
  .page-id-3160 .primary-hero .primary-hero-item-image-wrap,
  .page-id-3172 .primary-hero .primary-hero-item-image-wrap,
  .page-id-2965 .primary-hero .primary-hero-item-image-wrap,
  .page-id-3208 .primary-hero .primary-hero-item-image-wrap,
  .page-id-3226 .primary-hero .primary-hero-item-image-wrap,
  .page-id-3291 .primary-hero .primary-hero-item-image-wrap,
  .page-id-3346 .primary-hero .primary-hero-item-image-wrap,
  .page-id-3371 .primary-hero .primary-hero-item-image-wrap,
  .page-id-3408 .primary-hero .primary-hero-item-image-wrap,
  .single-programs .primary-hero .primary-hero-item-image-wrap {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media only screen and (max-width: 992px) {
  .programs-template-default .primary-hero .primary-hero-item-image-wrap,
  .single-programs .primary-hero .primary-hero-item-image-wrap {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

/*# sourceMappingURL=primary-hero.css.map */