:root {
  --brandon-grotesque: brandon-grotesque, sans-serif;
  --proxima-nova: proxima-nova, sans-serif;
  --blue: #005E9C;
  --orange: #F07824;
  --light-blue: #32AEE4;
  --very-dark-blue: #002535;
  --background-gray: #F1F3F4;
  --max-width: calc(1200px + 30px * 2);
  --content-width: 1200px;
  --content-padding: 30px;
  --phone: 768px;
  --tablet: 1280px;
  --columns-collapse: 781px;
}
@media screen and (max-width: 768px) {
  :root {
    --content-padding: 20px;
  }
}
@media screen and (max-width: 350px) {
  :root {
    --content-padding: 15px;
  }
}

.wp-block-columns.is-style-diamond > .wp-block-column {
  border-radius: 10px;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="281" height="155" fill="none"><rect width="281" height="155"/><g clip-path="url(%23clip0_0_1)"><rect width="286" height="155" fill="%23F1F3F4"/><g opacity="0.1" clip-path="url(%23clip1_0_1)"><path d="M132.539 0.2509L0.530762 82.1578L100.932 154.761L27.7979 81.5379L132.539 0.2509Z" fill="%23999999" stroke="%23999999" stroke-width="2" stroke-miterlimit="10"/><path d="M148.461 0.2509L280.472 82.1578L180.071 154.761L253.202 81.5379L148.461 0.2509Z" fill="%23999999" stroke="%23999999" stroke-width="2" stroke-miterlimit="10"/></g></g></svg>');
  background-size: cover;
  aspect-ratio: 281/155;
  padding-inline: 15px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding-block: 15px;
  align-self: stretch;
  background-color: var(--background-gray);
  background-repeat: no-repeat;
  width: 100%;
}
.wp-block-columns.is-style-diamond.white-diamond > .wp-block-column {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="281" height="155" fill="none"><rect width="281" height="155"/><g clip-path="url(%23clip0_0_1)"><rect width="286" height="155" fill="%23F1F3F4"/><g opacity="0.75" clip-path="url(%23clip1_0_1)"><path d="M132.539 0.2509L0.530762 82.1578L100.932 154.761L27.7979 81.5379L132.539 0.2509Z" fill="white" stroke="white" stroke-width="2" stroke-miterlimit="10"/><path d="M148.461 0.2509L280.472 82.1578L180.071 154.761L253.202 81.5379L148.461 0.2509Z" fill="white" stroke="white" stroke-width="2" stroke-miterlimit="10"/></g></g></svg>');
}
@media screen and (max-width: 1024px) {
  .wp-block-columns.is-style-diamond {
    display: grid;
    grid-template-columns: 50% 50%;
    row-gap: 20px;
  }
  .wp-block-columns.is-style-diamond > .wp-block-column {
    width: 100%;
    aspect-ratio: auto;
    height: 100%;
    min-height: 120px;
    background-size: 50%;
    background-position: center;
  }
}
@media screen and (max-width: 768px) {
  .wp-block-columns.is-style-diamond {
    grid-template-columns: 100%;
    row-gap: 20px;
  }
  .wp-block-columns.is-style-diamond > .wp-block-column {
    width: 100%;
    aspect-ratio: auto;
    height: 100%;
  }
}
.wp-block-columns.is-style-gradient {
  flex-wrap: wrap !important;
  justify-content: center;
  justify-content: start;
}
.wp-block-columns.is-style-gradient > .wp-block-column {
  border-radius: 10px;
  background: url(/wp-content/uploads/2025/06/gradient-bg.png);
  background-size: cover;
  padding: 43px 40px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  width: min(361px, 100%);
  flex-grow: 0;
  flex-basis: unset;
  width: calc(50% - 7.5px);
  border: 1px solid var(--background-gray);
}
.wp-block-columns.is-style-gradient > .wp-block-column:hover {
  background: white;
  border-color: var(--blue);
}
.wp-block-columns.is-style-gradient > .wp-block-column:hover .wp-block-heading.has-white-color {
  color: var(--blue) !important;
}
.wp-block-columns.is-style-gradient > .wp-block-column:hover p.has-white-color {
  color: black !important;
}
.wp-block-columns.is-style-gradient > .wp-block-column a {
  color: inherit;
}
.wp-block-columns.is-style-gradient > .wp-block-column .wp-block-button__link:hover {
  color: white;
}
.wp-block-columns.is-style-services {
  flex-wrap: wrap !important;
  justify-content: start;
  gap: 16px;
}
.wp-block-columns.is-style-services > .wp-block-column {
  border-radius: 20px;
  background: rgba(217, 217, 217, 0.1019607843);
  background-size: cover;
  padding: 43px 20px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  width: min(286px, 100%);
  flex-grow: 0;
  flex-basis: unset;
  aspect-ratio: 591/155;
  width: calc(50% - 8px);
  border: 1px solid rgba(217, 217, 217, 0.1019607843);
}
.wp-block-columns.is-style-services > .wp-block-column:hover {
  background: url("/wp-content/uploads/2025/07/Rectangle-111-2-scaled.jpg");
  background-size: cover;
  border-color: var(--blue);
}
.wp-block-columns.is-style-services > .wp-block-column:hover p.has-white-color {
  color: black !important;
}
.wp-block-columns.is-style-services > .wp-block-column h3 {
  line-height: 126.923%;
}
@media screen and (max-width: 768px) {
  .wp-block-columns.is-style-services {
    gap: 24px;
    justify-content: start;
  }
  .wp-block-columns.is-style-services > .wp-block-column {
    width: 100%;
    align-self: stretch;
    aspect-ratio: unset;
    max-width: unset;
    flex-basis: unset !important;
    min-height: 119px;
    padding-block: 20px;
  }
}
@media screen and (max-width: 360px) {
  .wp-block-columns.is-style-services figure, .wp-block-columns.is-style-services img {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  .wp-block-columns.tablet-breakpoint-1-col {
    flex-wrap: wrap !important;
  }
  .wp-block-columns.tablet-breakpoint-1-col > .wp-block-column {
    flex-basis: 100% !important;
    width: 100%;
  }
  .wp-block-columns.tablet-breakpoint-1-col > .wp-block-column > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    max-width: 100%;
  }
}
@media screen and (max-width: 781px) {
  .wp-block-columns.mobile-breakpoint-2-col {
    flex-wrap: wrap !important;
  }
  .wp-block-columns.mobile-breakpoint-2-col > .wp-block-column {
    flex-basis: 49% !important;
    width: 49%;
  }
  .wp-block-columns.mobile-breakpoint-2-col > .wp-block-column > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    max-width: 100%;
  }
}
.wp-block-columns.tablet-margin-inline-auto {
  margin-inline: auto !important;
}
@media screen and (max-width: 1024px) {
  .wp-block-columns.tablet-31px-padding {
    padding-inline: 31px !important;
  }
}
@media screen and (max-width: 360px) {
  .wp-block-columns.small-20px-padding {
    padding-inline: 20px !important;
  }
}