/*
 * Nibble theme - sections.css
 * Page sections and custom block styles (cards, media, image-text, services, stats, highlight, cases, cta, quote, video, ...).
 * Consolidated from the legacy HubSpot CSS; order of files and rules is the cascade order (functions/assets.php).
 */

.section-demo .section__head {
  margin-bottom: 4.6rem;
}

@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
  .section-demo .section__head {
    margin-bottom: 0;
    text-align: center;
  }
  .section-demo .section__head h2 {
    margin-bottom: 1.3rem;
  }
}

.product {
  -webkit-box-align: center;
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.product .product__image {
  margin-top: 0;
}

@media (max-width: 1023px) {
  .product .product__image {
    margin: 0 auto 1.1rem;
  }
}

.section-stats {
  z-index: 2;
  padding: 7rem 0 .6rem;
}

.section-stats > * {
  position: relative;
  z-index: 2;
}

.section-stats .list-stats li {
  padding: 0 3rem 2rem;
}

@media (max-width: 1023px) {
  .section-stats .list-stats li {
    padding: 0 1rem 2rem;
  }
  .section-stats .list-stats li p {
    font-size: 1.6rem;
  }
  .callout {
    padding-bottom: 15rem;
  }
}

.callout .callout__head {
  margin-bottom: 3.9rem;
}

.callout .callout__head p {
  font-size: 2rem;
  line-height: 1.4;
}

.link-alt {
  -webkit-box-align: center;
  -webkit-transition: opacity .3s;
  align-items: center;
  color: #1976d2;
  display: inline-flex;
  font-size: 1.8rem;
  font-weight: 700;
  transition: opacity .3s;
}

@media (max-width: 1023px) {
  .link-alt {
    bottom: auto;
    left: auto;
    margin-top: 2rem;
    position: relative;
  }
}

.link-alt:hover {
  opacity: .7;
}

.link-alt figure {
  -webkit-box-align: center;
  align-items: center;
  display: flex;
}

.link-alt figure + span {
  margin-left: 1rem;
}

.features {
  justify-content: center;
  column-gap: 6.4rem;
  counter-reset: feature;
  display: flex;
}

.section-stats .section__foot {
  margin-top: 4rem;
  text-align: center;
}

.list-stats {
  display: flex;
  flex-wrap: wrap;
  font-family: VisbyCF;
  justify-content: center;
  list-style: none;
}

.list-stats li {
  flex: 0 0 25%;
  max-width: 25%;
  padding: 0 3.5rem 2rem;
  text-align: center;
}

.list-stats p + p {
  color: #3d4d5c;
  font-weight: 400;
  line-height: 1.3;
  margin: 0;
  font-family: VisbyCF, sans-serif;
  font-size: 1.8rem;
}

@media (max-width: 1199px) {
  .list-stats li {
    max-width: 100%;
    -webkit-box-flex: 1;
    flex: 1 1;
  }
}

@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
  .list-stats li {
    -webkit-box-flex: 0;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media (max-width: 1023px) {
  .list-stats {
    display: block;
  }
}

@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
  .section-stats .section__foot {
    margin-top: 2rem;
  }
}

.cards {
  column-gap: 4.8rem;
  display: flex;
  justify-content: space-between;
}

.cards--alt {
  column-gap: 6.4rem;
}

.cards .cards__item {
  flex: 1;
}

.card {
  border-radius: 1.6rem;
  box-shadow: 0 8px 16px -5px rgba(129, 148, 166, .5);
  padding: 4.8rem 4rem;
  transition: box-shadow .3s ease;
}

.card:hover {
  box-shadow: 0 12px 24px -5px rgba(129, 148, 166, .5);
}

.card .card__image {
  margin-bottom: 2rem;
}

.card .card__content h3,
.card .card__content h4 {
  margin-bottom: 1.7rem;
}

.card .card__content p {
  color: #263344;
  font-family: Inter, serif;
}

.card .card__footer {
  margin-top: 3.3rem;
}

.card--dark {
  background-color: #001533;
  border: .2rem solid #044093;
  box-shadow: 0 12px 24px -5px rgba(129, 148, 166, .5);
}

.card--dark .card__content h4 {
  color: #fff;
}

.card--dark .card__content p {
  color: #b0d3ff;
}

@media (max-width: 1023px) {
  .cards {
    flex-wrap: wrap;
    gap: 2.4rem;
  }
}

@media (max-width: 767px) {
  .cards {
    flex-direction: column;
  }
  .card .card__content {
    height: auto !important;
  }
  .card .card__content h3,
  .card .card__content h4 {
    margin-bottom: 1rem;
  }
  .card .card__footer {
    margin-top: 2.3rem;
  }
  .card .btn {
    display: block;
    text-align: center;
  }
  .card--dark {
    padding: 2.8rem 3rem;
  }
  .card--dark .card__content h4 {
    font-size: 2.4rem;
  }
  .cards--alt {
    column-gap: 0;
    row-gap: 1.6rem;
  }
}

.section-highlight {
  background-color: #001533;
  border-bottom-right-radius: 12.8rem;
  border-top-left-radius: 12.8rem;
  color: #fff;
  overflow: hidden;
  padding: 10rem 0 9.6rem;
  position: relative;
}

.section-highlight .section__head {
  color: #95c4ff;
  margin-bottom: 4.8rem;
  text-align: center;
}

.section-highlight .section__head h2 {
  color: #95c4ff;
  margin-bottom: 1.6rem;
}

.section-highlight .section__head--white h2,
.section-highlight .section__head--white h6 {
  color: #fff;
}

.section-highlight .section__cols {
  column-gap: 12.8rem;
  display: flex;
}

.section-highlight .section__col--size-1 {
  flex: 1;
}

.section-highlight .section__col h2 {
  color: #fff;
  margin-bottom: 2.3rem;
}

.section-highlight .shell {
  position: relative;
  z-index: 1;
}

.section-highlight .section__background {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}

.section-highlight .section__background img {
  bottom: -28rem;
  left: -52rem;
  position: absolute;
}

.section-highlight .section__group + .section__group {
  margin-top: 8.4rem;
}

@media (max-width: 1023px) {
  .section-highlight .section__cols {
    column-gap: 4rem;
  }
}

@media (max-width: 767px) {
  .section-highlight {
    border-bottom-right-radius: 4rem;
    border-top-left-radius: 4rem;
    padding: 4rem 0;
  }
  .section-highlight .section__head {
    margin-bottom: 4rem;
  }
  .section-highlight .section__cols {
    column-gap: 0;
    flex-direction: column;
  }
  .section-highlight .section__col h2 {
    font-size: 3.2rem;
    margin-bottom: 3.3rem;
    text-align: center;
  }
  .section-highlight .section__col + .section__col {
    margin-top: 6rem;
  }
  .section-highlight .list-services {
    margin-bottom: 2rem;
  }
  .section-highlight .section__background img {
    bottom: -4rem;
    left: 0;
  }
  .section-highlight .section__group + .section__group {
    margin-top: 4rem;
  }
}

.list-services {
  list-style-type: none;
}

.list-services li {
  padding: 3.2rem 0 3.2rem 9.6rem;
  position: relative;
}

.list-services img {
  left: .2rem;
  position: absolute;
  top: 3.5rem;
}

.list-services h5 {
  color: #fff;
  font-weight: 800;
  margin-bottom: .8rem;
}

.list-services p {
  color: #b0d3ff;
  font-family: var(--ff-inter);
  letter-spacing: 0;
  padding-right: .5rem;
}

@media (max-width: 767px) {
  .list-services li {
    margin-bottom: 4rem;
    padding: 0;
  }
  .list-services img {
    margin-bottom: 2rem;
    position: static;
  }
}

.services {
  column-gap: 6.4rem;
  display: flex;
}

.services .services__item {
  flex: 1;
}

.service {
  padding: .6rem 2.2rem .6rem 13rem;
  position: relative;
}

.service .service__image {
  left: 0;
  position: absolute;
  top: 0;
}

.service .service__content h5 {
  margin-bottom: 1.3rem;
}

.service .service__content p {
  color: #263344;
  font-family: var(--ff-inter);
}

.service .service__foot {
  margin-top: 2.4rem;
}

@media (max-width: 1023px) {
  .services {
    column-gap: 4rem;
  }
  .service {
    padding-left: 9rem;
  }
}

@media (max-width: 767px) {
  .services {
    flex-direction: column;
  }
  .services .services__item + .services__item {
    margin-top: 4rem;
  }
  .service {
    padding: 0;
  }
  .service .service__image {
    margin-bottom: 1.6rem;
    position: relative;
  }
}

.section-cta {
  background-color: #001533;
  border-bottom-right-radius: 12.8rem;
  border-top-left-radius: 12.8rem;
  color: #fff;
  overflow: hidden;
  padding: 9.6rem 0;
  position: relative;
}

.section-cta .section__head {
  color: #fff;
  margin-bottom: 4.8rem;
  text-align: center;
}

.section-cta .section__head h2 {
  color: #fff;
  margin-bottom: 1.8rem;
}

.section-cta .section__head p {
  font-size: 2rem;
}

.section-cta .section__actions {
  margin-top: 5.5rem;
  text-align: center;
}

.section-cta .section__actions .btn + .btn {
  margin-left: 2.1rem;
}

.section-cta .section__foot {
  color: #fff;
  font-size: 2rem;
  margin-top: 7.2rem;
  text-align: center;
}

.section-cta .section__foot p a {
  color: #95c4ff;
  font-weight: 700;
  text-decoration: underline;
}

.section-cta .section__foot h3 {
  color: #fff;
  margin-bottom: 2rem;
}

.section-cta .section__foot h5 {
  color: #fff;
  margin-bottom: 1.5rem;
}

.section-cta .section__background {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}

.section-cta .shell {
  position: relative;
  z-index: 1;
}

.section-cta .section__background img {
  position: absolute;
}

.section-cta .section__background img:first-child {
  right: -33rem;
  top: -54rem;
}

.section-cta .section__background img:nth-child(2) {
  bottom: -34rem;
  left: -42rem;
}

@media (max-width: 767px) {
  .section-cta {
    border-bottom-right-radius: 4rem;
    border-top-left-radius: 4rem;
    padding: 4rem 0;
  }
  .section-cta .section__head {
    margin-bottom: 4.8rem;
  }
  .section-cta .section__head h2 {
    font-size: 4rem;
  }
  .section-cta .section__foot {
    margin-top: 4.8rem;
  }
  .section-cta .section__foot h3 {
    font-size: 2.4rem;
  }
  .section-cta .section__foot p {
    font-size: 1.8rem;
  }
  .section-cta .section__background img:first-child {
    right: -10rem;
    top: -9rem;
  }
  .section-cta .section__background img:nth-child(2) {
    bottom: -6rem;
    left: -19rem;
  }
  .section-cta .btn {
    display: block;
  }
  .section-cta .section__actions .btn + .btn {
    margin-left: 0;
    margin-top: 2.4rem;
  }
}

.list-logos {
  column-gap: 3.36rem;
  display: flex;
  justify-content: space-between;
  list-style-type: none;
}

.list-logos li {
  align-items: center;
  display: flex;
  flex: 1;
  justify-content: center;
  text-align: center;
}

.list-logos li img {
  opacity: .7;
}

@media (max-width: 767px) {
  .list-logos {
    column-gap: 1.9rem;
    flex-wrap: wrap;
    row-gap: 2.7rem;
  }
  .list-logos li {
    flex: 0 0 calc(50% - 1.9rem);
    max-width: calc(50% - 1.9rem);
  }
}

.video {
  border-radius: 1.6rem;
  height: 100%;
  overflow: hidden;
  padding-top: 56.5%;
  position: relative;
}

.video .video__content video {
  border-radius: inherit;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: .2s;
  z-index: 1;
}

.video .video__poster {
  border-radius: inherit;
  height: 100%;
  left: 50%;
  object-fit: cover;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: .2s;
  width: 100%;
}

.video .video__poster > img {
  border-radius: inherit;
  height: 100%;
  left: 50%;
  object-fit: cover;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: .2s;
  width: 100%;
  z-index: 1;
}

.video .video__content video {
  display: block;
  height: auto;
  object-fit: contain;
  width: 100%;
}

.video .video__poster {
  background-size: cover;
  z-index: 2;
}

.video .video__poster:after {
  background-color: #245163;
  border-radius: inherit;
  content: "";
  height: 100%;
  left: 0;
  opacity: .3;
  pointer-events: none;
  position: absolute;
  top: 0;
  transition: .4s;
  width: 100%;
  z-index: 2;
}

.video .video__content {
  background-color: var(--black);
  opacity: 0;
}

.video .video__poster span {
  background-color: #fff;
  border-radius: 1.7rem;
  color: #146deb;
  display: inline-block;
  font-size: 2rem;
  font-weight: 700;
  left: 50%;
  padding: 1.4rem 2.4rem 1.3rem;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
}

.video .video__poster .ico-play {
  display: inline-block;
  margin-left: 1.3rem;
}

@media (hover: hover) {
  .video:where(:hover, :focus-visible) .video__poster:after {
    opacity: .5;
  }
}

@media (max-width: 767px) {
  .video .video__poster span {
    border-radius: 1.1rem;
    font-size: 1.6rem;
    padding: 1rem 1.9rem .9rem;
  }
}

.features .features__item {
  flex: 1;
}

.feature .feature__head {
  counter-increment: feature;
  margin-bottom: 3.2rem;
  padding-left: 6.2rem;
  position: relative;
}

.feature .feature__head:before {
  align-items: center;
  background-color: #95c4ff;
  border-radius: 1rem;
  color: #001533;
  content: counter(feature);
  display: inline-flex;
  font-size: 3.9rem;
  font-weight: 700;
  height: 4.9rem;
  justify-content: center;
  left: 0;
  line-height: 1;
  margin-right: 1rem;
  position: absolute;
  text-align: center;
  top: .3rem;
  width: 4.9rem;
}

.feature .feature__content {
  font-family: var(--ff-inter);
}

.feature .feature__content h3 {
  color: #fff;
  margin-bottom: .8rem;
}

.feature .feature__content p {
  color: #b0d3ff;
}

@media (max-width: 767px) {
  .features {
    flex-direction: column;
    row-gap: 5rem;
  }
  .feature {
    text-align: center;
  }
  .feature .feature__head {
    margin: 0 auto 2rem;
    max-width: 11.8rem;
  }
  .feature .feature__content h3 {
    font-size: 2.4rem;
    margin-bottom: .8rem;
  }
  .feature .feature__content p {
    font-size: 1.6rem;
  }
}

.cases {
  column-gap: 6.4rem;
  display: flex;
}

.cases .cases__item {
  flex: 1;
}

.case {
  border: .2rem solid #2dbbaf;
  border-radius: 1.6rem;
  height: 100%;
  padding: 3.8rem;
}

.case .case__tag {
  background-color: #2dbbaf;
  border-radius: 2.4rem;
  color: #111824;
  display: inline-block;
  font-family: var(--ff-inter);
  font-size: 1.4rem;
  font-weight: 700;
  margin-bottom: 2rem;
  padding: 1.2rem 1.6rem 1rem;
  text-transform: uppercase;
}

.case .case__content h5 {
  color: #fff;
  margin-bottom: 1.3rem;
}

.case .case__content p {
  color: #b0efe9;
  font-family: var(--ff-inter);
}

@media (max-width: 767px) {
  .cases {
    column-gap: 0;
    flex-direction: column;
    row-gap: 1.6rem;
  }
  .case {
    padding: 3.2rem;
  }
  .case .case__tag {
    font-size: 1.2rem;
    padding: .7rem .8rem;
  }
  .case .case__content h5 {
    margin-bottom: .8rem;
  }
}

.section {
  padding: 8rem 0;
}

.section .section__head {
  margin-bottom: 6.4rem;
  text-align: center;
}

@media (max-width: 767px) {
  .section {
    padding: 4rem 0;
  }
  .section .section__head {
    margin-bottom: 4.2rem;
  }
}

.list-partners {
  display: flex;
  flex-wrap: wrap;
  gap: 2.4rem;
  list-style-type: none;
}

.list-partners li {
  align-items: center;
  background-color: #425165;
  border-radius: 1.6rem;
  color: #fff;
  display: flex;
  flex: 1 1 calc(25% - 2.4rem);
  font-size: 2rem;
  font-weight: 700;
  justify-content: space-between;
  padding: 1.3rem 1.6rem;
}

.list-partners li p {
  margin-bottom: 0;
}

@media (max-width: 1023px) {
  .list-partners {
    row-gap: 1.6rem;
  }
  .list-partners li {
    flex: 1 1 calc(50% - 2.4rem);
  }
}

@media (max-width: 767px) {
  .list-partners li {
    flex: 1 1 calc(100% - 2.4rem);
  }
}

.product .product__image {
  flex: 0 0 53%;
  margin-left: -3.5rem;
  max-width: 53%;
}

.product .product__content {
  flex: 0 0 47%;
  max-width: 47%;
  padding: 0 0 3.5rem .3rem;
}

.product .product__content h5 {
  margin-bottom: 1.6rem;
}

.product .product__price {
  font-size: 2.4rem;
  font-weight: 800;
}

.product .product__actions {
  margin-top: 2.8rem;
  max-width: 23.7rem;
}

.product .product__btn {
  background-color: #e0e6eb;
  border-color: #e0e6eb !important;
  border-radius: .8rem;
  color: #fff;
  display: block;
  font-size: 1.4rem;
  font-weight: 700;
  margin-bottom: 1.8rem;
  padding: 1.6rem 2.4rem;
  text-align: center;
  text-transform: uppercase;
}

@media (max-width: 767px) {
  .product {
    flex-direction: column;
  }
  .product .product__image {
    flex: 0 0 86%;
    margin-left: 0;
    max-width: 86%;
  }
  .product .product__content {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
    text-align: center;
  }
  .product .product__content p {
    font-size: 1.8rem;
  }
  .product .product__btn {
    padding: 1.3rem 2.4rem;
  }
}

.link-alt,
.link-alt span {
  text-decoration: none;
}

.link-alt span + figure {
  margin-left: 1rem;
}

.section-image-text {
  padding: 8rem 0;
}

.section-image-text .section__inner {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.section-image-text .section__inner--reverse {
  flex-direction: row-reverse;
}

.section-image-text .section__content {
  flex: 0 0 50.91%;
  max-width: 50.91%;
}

.section-image-text .section__content h4 {
  line-height: 1.35;
  margin-bottom: 1.6rem;
}

.section-image-text .section__content p {
  color: #263344;
  font-family: var(--ff-inter);
}

.section-image-text .section__image {
  flex: 0 0 42.49%;
  max-width: 42.49%;
}

@media (max-width: 767px) {
  .section-image-text {
    padding: 4rem 0;
  }
  .section-image-text .section__inner,
  .section-image-text .section__inner--reverse {
    flex-direction: column-reverse;
  }
  .section-image-text .section__image {
    flex: 0 0 100%;
    margin-bottom: 1.6rem;
    max-width: 100%;
  }
  .section-image-text .section__content {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .section-image-text .section__content h4 {
    font-size: 2.4rem;
    margin-bottom: .9rem;
  }
}

.section-cards {
  padding: 9.6rem 0;
}

.section-cards .section__head {
  margin-bottom: 5.6rem;
  text-align: center;
}

.section-cards .section__head h2 {
  margin-bottom: 1.6rem;
}

.section-cards .section__head h6 {
  margin: 0 auto;
  max-width: 87rem;
}

@media (max-width: 767px) {
  .section-cards {
    padding: 4.3rem 0;
  }
  .section-cards .section__head {
    margin-bottom: 3.8rem;
  }
}

.section-media {
  padding-bottom: 8rem;
}

.section-media .section__head {
  margin-bottom: 5.3rem;
  text-align: center;
}

.section-media .section__head h2 {
  margin-bottom: 1.4rem;
}

.section-media .section__video {
  margin-bottom: 5.6rem;
}

.section-media .section__foot {
  text-align: center;
}

@media (max-width: 767px) {
  .section-media {
    padding: 3.6rem 0 4rem;
  }
  .section-media .section__foot h6,
  .section-media .section__head,
  .section-media .section__video {
    margin-bottom: 3.8rem;
  }
  .section-media .section__foot .btn {
    display: block;
  }
}

.section-services {
  padding: 9.6rem 0;
}

.section-services .section__head {
  margin-bottom: 6.4rem;
  text-align: center;
}

@media (max-width: 767px) {
  .section-services {
    padding: 4rem 0;
  }
  .section-services .section__head {
    margin-bottom: 4rem;
  }
}

.nibble-quote-with-image {
  width: 100%;
  max-width: 920px;
  margin: auto;
  margin-top: 24px;
  padding-top: 48px;
  padding-bottom: 24px;
}

.nibble-quote-with-image__inner {
  display: flex;
  width: 100%;
  gap: 24px;
  align-items: flex-start;
}

.nibble-quote-with-image__image {
  flex: 0 0 auto;
  max-width: 150px;
}

.nibble-quote-with-image__image img {
  border-radius: 100%;
  border: solid 6.46px #ffffff;
  box-shadow: 0px 25.84px 60.28px 0px #8194A61F;
}

.nibble-quote-with-image__content {
  flex: 1 1 auto;
}

.nibble-quote-with-image__content blockquote {
  color: #09AB9D;
  font-family: VisbyCF,sans-serif;
  text-decoration: none;
  font-weight: 600;
  font-size: 20px;
  line-height: 120%;
  letter-spacing: 0%;
}

.nibble-quote-with-image__author {
  color: #263344;
  font-family: VisbyCF;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 0%;
}

.nibble-quote-with-image__role {
  font-family: VisbyCF;
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: 0%;
  color: #263344;
}

@media (max-width: 768px) {
  .nibble-quote-with-image {
    padding-top: 24px;
    padding-bottom: 12px;
  }
  .nibble-quote-with-image__inner {
    flex-direction: column;
    align-items: center;
  }
}

.callout__head a {
  text-decoration: none;
}

.nibble-cta-wrapper {
  text-align: center;
  margin: 20px auto;
}

.nibble-cta-wrapper .cta_button {
  -webkit-font-smoothing: antialiased !important;
  cursor: pointer !important;
  -moz-user-select: none !important;
  -webkit-user-select: none !important;
  user-select: none !important;
  display: inline-block !important;
  font-weight: normal !important;
  text-align: center !important;
  text-decoration: none !important;
  -moz-transition: all .4s ease !important;
  -webkit-transition: all .4s ease !important;
  background: rgb(25, 118, 210) !important;
  border-radius: 6px !important;
  border-width: 0px !important;
  color: rgb(255, 255, 255) !important;
  font-family: sans-serif !important;
  height: auto !important;
  transition: all .4s ease !important;
  padding: 6px 18px !important;
  text-shadow: none !important;
  width: auto !important;
  font-size: 24px !important;
  line-height: 1.5em !important;
}

.nibble-video-wrapper {
  position: relative;
  margin: auto auto 1rem auto;
  text-align: center;
  width: fit-content;
}

.video-play {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  border: 0;
  padding: 0;
  background: transparent;
  cursor: pointer;
  transition: opacity .2s ease;
}

.video-play svg {
  background-color: rgba(66, 91, 118, 0.8);
  border-radius: 50%;
  width: 56px;
  height: 56px;
  padding: 10px;
}

.video-play.is-hidden {
  opacity: 0;
  pointer-events: none;
}

.video-play:focus-visible,
.video-play:hover {
  background: rgba(0,0,0,0.35);
  outline: 2px solid #fff3;
  outline-offset: -2px;
}

.section-services .section__foot {
  margin-top: 5.6rem;
  text-align: center;
}

.section-highlight.section-cases-new .cases {
  gap: 32px;
}

.section-highlight.section-cases-new .cases .case {
  padding: 32px;
}

.section-highlight.section-cases-new .cases .cases__item .case__icon {
  margin-bottom: 32px;
}

.section-highlight .section__content {
  display: flex;
  flex-direction: column;
  gap: 48px;
}

.custom-section-cta {
  padding-bottom: 8rem;
}

.custom-section-cta .section__head {
  text-align: center;
  margin-bottom: 3.2rem;
}

.custom-section-cta .section__head h2 {
  margin-bottom: 1.4rem;
}

.custom-section-cta .section__foot {
  text-align: center;
}

@media (max-width: 767px) {
  .custom-section-cta {
    padding: 3.6rem 0 4rem;
  }
  .custom-section-cta .section__foot h6,
  .custom-section-cta .section__head {
    margin-bottom: 1.5rem;
  }
  .custom-section-cta .section__foot .btn {
    display: block;
  }
}