.bg-cream {
  background: #fcf8ee;
  color: #000;
}
.bg-cream .button.btn-white {
  background: #000;
  color: #fff;
}
.bg-cream .button.btn-white::after {
  content: url(/wp-content/themes/twoten-blocks/assets/icons/button-arrow-white.svg);
}

.bg-azure {
  background: #01465d;
  color: #fff;
}
.bg-azure .button.btn-azure {
  border: 1px solid #fff;
}

.bg-black {
  background: #000;
  color: #fff;
}

.bg-blue-grey {
  background: #202124;
  color: #fff;
}

.bg-grey {
  background: #f2f2f2;
  color: #000;
}

.bg-light-grey {
  background: #f8f8f8;
  color: #000;
}

.bg-mint {
  background: #e2f4f4;
  color: #000;
}

.bg-green,
.bg-dark {
  background: rgb(14, 39, 40);
  color: #fff;
}

.bg-blue {
  background: #0f1f45;
  color: #fff;
}

.bg-brown {
  background: #eae2cf;
  color: #000;
}

.bg-pink {
  background: #ffe1d7;
  color: #000;
}

.bg-white {
  background: #fff;
  color: #000;
}

.bg-green .button,
.bg-dark .button,
.bg-brown .button,
.bg-light-text .button {
  border: 1px solid #fff;
}
.bg-green .button::after,
.bg-dark .button::after,
.bg-brown .button::after,
.bg-light-text .button::after {
  content: url(/wp-content/themes/twoten-blocks/assets/icons/button-arrow.svg) !important;
}
.bg-green .button.btn-black,
.bg-dark .button.btn-black,
.bg-brown .button.btn-black,
.bg-light-text .button.btn-black {
  background: #fff !important;
  color: #000 !important;
}
.bg-green .button.btn-black::after,
.bg-dark .button.btn-black::after,
.bg-brown .button.btn-black::after,
.bg-light-text .button.btn-black::after {
  content: url("/wp-content/themes/twoten-blocks/assets/icons/button-arrow-white.svg") !important;
}

.bg-light-text {
  color: #fff !important;
}
.bg-light-text .button {
  color: #fff !important;
}

.wp-block-acf-tabs-top {
  position: relative;
  z-index: 9;
}
.wp-block-acf-tabs-top .tabs-top .tab-selectors {
  display: flex;
  border-bottom: 1px solid #fff;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .wp-block-acf-tabs-top .tabs-top .tab-selectors {
    flex-direction: column;
    align-items: center;
    width: 100%;
    border: none;
  }
}
.wp-block-acf-tabs-top .tabs-top .tab-selectors .tab-selector {
  background: none;
  border: none;
  cursor: pointer;
  text-align: left;
  border-bottom: 3px solid transparent;
  transition: border-color 0.3s;
  border-radius: 0px;
  transform: translateY(2px);
  stroke-linecap: round;
  color: #b7cbcb;
  text-align: center;
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  padding: 15px 30px;
}
@media (max-width: 768px) {
  .wp-block-acf-tabs-top .tabs-top .tab-selectors .tab-selector {
    width: 100%;
    border-bottom: 1px solid #fff;
    padding: 15px 0px;
    text-align: left;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px; /* 125% */
    letter-spacing: -0.8px;
    display: flex;
    justify-content: flex-start;
  }
}
.wp-block-acf-tabs-top .tabs-top .tab-selectors .tab-selector.active {
  border-color: #a3ff6d;
}
.wp-block-acf-tabs-top .tabs-top .tab-selectors .tab-selector.active .title,
.wp-block-acf-tabs-top .tabs-top .tab-selectors .tab-selector.active .eyebrow {
  color: #a3ff6d;
}
.wp-block-acf-tabs-top .tabs-top .tab-selectors .tab-selector .eyebrow {
  display: block;
  color: #b7cbcb;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 19px;
}
@media (max-width: 768px) {
  .wp-block-acf-tabs-top .tabs-top .tab-selectors .tab-selector .eyebrow {
    text-align: left;
    display: inline-block;
    padding-right: 30px;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px; /* 125% */
    letter-spacing: -0.8px;
  }
}
.wp-block-acf-tabs-top .tabs-top .tab-contents .tab-content {
  display: none;
  padding: 80px 0px 120px 0px;
}
@media (max-width: 768px) {
  .wp-block-acf-tabs-top .tabs-top .tab-contents .tab-content {
    padding: 30px 0px 60px 0px;
  }
}
.wp-block-acf-tabs-top .tabs-top .tab-contents .tab-content.active {
  display: block;
}
.wp-block-acf-tabs-top .tabs-top .tab-contents .tab-content img {
  max-width: 100%;
  height: auto;
  margin-bottom: 1rem;
}
.wp-block-acf-tabs-top .tabs-top .tab-contents .tab-content h2 {
  margin: 0;
}
.wp-block-acf-tabs-top .tabs-top .tab-contents .tab-content img {
  border-radius: 15px;
  aspect-ratio: 6/4;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 768px) {
  .wp-block-acf-tabs-top .tabs-top .tab-contents .double-col {
    display: flex;
    flex-direction: column-reverse;
    gap: 0px;
  }
}
.wp-block-acf-tabs-top .tabs-top .tab-contents .double-col .col:first-child {
  max-width: 410px;
  display: flex;
  flex-direction: column;
  justify-content: start;
  gap: 20px;
}
@media (max-width: 768px) {
  .wp-block-acf-tabs-top .tabs-top .tab-contents .double-col .col:first-child {
    gap: 0px;
  }
}
.wp-block-acf-tabs-top .tabs-top .tab-contents .double-col h2,
.wp-block-acf-tabs-top .tabs-top .tab-contents .double-col h3,
.wp-block-acf-tabs-top .tabs-top .tab-contents .double-col h4,
.wp-block-acf-tabs-top .tabs-top .tab-contents .double-col h5,
.wp-block-acf-tabs-top .tabs-top .tab-contents .double-col h6 {
  margin: 0;
}
.wp-block-acf-tabs-top.bg-pink .tab-selectors {
  border-bottom: 1px solid #aaaaaa !important;
}
.wp-block-acf-tabs-top.bg-pink .title,
.wp-block-acf-tabs-top.bg-pink .eyebrow {
  color: #808080 !important;
}
.wp-block-acf-tabs-top.bg-pink .active .title,
.wp-block-acf-tabs-top.bg-pink .active .eyebrow {
  color: #ff5342 !important;
}
.wp-block-acf-tabs-top.bg-pink .active.tab-selector {
  border-color: #ff5342 !important;
}
.wp-block-acf-tabs-top.bg-brown .tab-selectors {
  border-bottom: 1px solid #aaaaaa !important;
}
.wp-block-acf-tabs-top.bg-brown .title,
.wp-block-acf-tabs-top.bg-brown .eyebrow {
  color: #808080 !important;
}
.wp-block-acf-tabs-top.bg-brown .active .title,
.wp-block-acf-tabs-top.bg-brown .active .eyebrow {
  color: #000 !important;
}
.wp-block-acf-tabs-top.bg-brown .active.tab-selector {
  border-color: #000 !important;
}/*# sourceMappingURL=tabs-top.css.map */