.gb-wrap.gb-cta[class*="is-style-divein-"] {
    border-radius: var(--radius) !important;
    overflow: clip;
}

.gb-wrap.gb-cta[class*="is-style-divein-"] .gb-heading {
    font-family: var(--font-display);
}

.gb-wrap.gb-cta[class*="is-style-divein-"] .cta-description {
    font-family: var(--font-body);
    font-size: var(--text-base) !important;
    line-height: var(--leading-relaxed);
}

.gb-wrap.gb-cta[class*="is-style-divein-"] .cta-description a {
    text-decoration: underline;
    text-underline-offset: 2px;
}

.gb-wrap.gb-cta[class*="is-style-divein-"] .is-btn.cta-btn.btn-filled {
    border-radius: var(--radius) !important;
    font-family: var(--font-body);
    font-weight: var(--font-weight-semibold);
}

.gb-wrap.gb-cta[class*="is-style-divein-"] .is-btn.cta-btn.btn-outlined {
    border-radius: var(--radius) !important;
    font-family: var(--font-body);
    font-weight: var(--font-weight-semibold);
}

.gb-wrap.gb-cta.is-style-divein-ocean {
    background: linear-gradient(135deg, var(--blue-800) 0%, var(--blue-900) 100%) !important;
    --bg: transparent !important;
    color: var(--color-white);
    --heading-color: var(--color-white) !important;
    --description-color: rgba(255, 255, 255, 0.9) !important;
    --border-style: none !important;
}

.gb-wrap.gb-cta.is-style-divein-ocean .gb-heading {
    color: var(--color-white) !important;
}

.gb-wrap.gb-cta.is-style-divein-ocean .cta-description {
    color: rgba(255, 255, 255, 0.9) !important;
}

.gb-wrap.gb-cta.is-style-divein-ocean .cta-description a {
    color: var(--blue-200);
}

.gb-wrap.gb-cta.is-style-divein-ocean .cta-description a:hover {
    color: var(--color-white);
}

.gb-wrap.gb-cta.is-style-divein-ocean .is-btn.cta-btn.btn-filled {
    background-color: var(--lightblue-500) !important;
    color: var(--blue-900) !important;
}

.gb-wrap.gb-cta.is-style-divein-ocean .is-btn.cta-btn.btn-filled:hover {
    background-color: var(--lightblue-400) !important;
}

.gb-wrap.gb-cta.is-style-divein-ocean .is-btn.cta-btn.btn-outlined {
    border-color: var(--color-white) !important;
    color: var(--color-white) !important;
    background: transparent !important;
}

.gb-wrap.gb-cta.is-style-divein-ocean .is-btn.cta-btn.btn-outlined:hover {
    background: rgba(255, 255, 255, 0.1) !important;
}

.gb-wrap.gb-cta.is-style-divein-sand {
    background: linear-gradient(135deg, var(--beige-50) 0%, var(--beige-200) 100%) !important;
    --bg: transparent !important;
    border: 1px solid var(--beige-300) !important;
    --border-style: none !important;
    --heading-color: var(--color-primary) !important;
    --description-color: var(--color-text) !important;
}

.gb-wrap.gb-cta.is-style-divein-sand .gb-heading {
    color: var(--color-primary) !important;
}

.gb-wrap.gb-cta.is-style-divein-sand .cta-description {
    color: var(--color-text) !important;
}

.gb-wrap.gb-cta.is-style-divein-sand .cta-description a {
    color: var(--color-primary);
}

.gb-wrap.gb-cta.is-style-divein-sand .is-btn.cta-btn.btn-filled {
    background-color: var(--blue-900) !important;
    color: var(--color-white) !important;
}

.gb-wrap.gb-cta.is-style-divein-sand .is-btn.cta-btn.btn-filled:hover {
    background-color: var(--blue-800) !important;
}

.gb-wrap.gb-cta.is-style-divein-sand .is-btn.cta-btn.btn-outlined {
    border-color: var(--blue-900) !important;
    color: var(--blue-900) !important;
    background: transparent !important;
}

.gb-wrap.gb-cta.is-style-divein-sand .is-btn.cta-btn.btn-outlined:hover {
    background: var(--blue-900) !important;
    color: var(--color-white) !important;
}

.gb-wrap.gb-cta.is-style-divein-success {
    background: var(--green-50) !important;
    --bg: transparent !important;
    border: 1px solid var(--green-200) !important;
    --border-style: none !important;
    --heading-color: var(--green-800) !important;
    --description-color: var(--color-text) !important;
}

.gb-wrap.gb-cta.is-style-divein-success .gb-heading {
    color: var(--green-800) !important;
}

.gb-wrap.gb-cta.is-style-divein-success .cta-description {
    color: var(--color-text) !important;
}

.gb-wrap.gb-cta.is-style-divein-success .cta-description a {
    color: var(--green-700);
}

.gb-wrap.gb-cta.is-style-divein-success .is-btn.cta-btn.btn-filled {
    background-color: var(--green-500) !important;
    color: var(--color-white) !important;
}

.gb-wrap.gb-cta.is-style-divein-success .is-btn.cta-btn.btn-filled:hover {
    background-color: var(--green-600) !important;
}

.gb-wrap.gb-cta.is-style-divein-success .is-btn.cta-btn.btn-outlined {
    border-color: var(--green-500) !important;
    color: var(--green-700) !important;
    background: transparent !important;
}

.gb-wrap.gb-cta.is-style-divein-success .is-btn.cta-btn.btn-outlined:hover {
    background: var(--green-500) !important;
    color: var(--color-white) !important;
}

.gb-wrap.gb-cta.is-style-divein-dark {
    background: var(--gray-900) !important;
    --bg: transparent !important;
    color: var(--color-white);
    --border-style: none !important;
    --heading-color: var(--color-white) !important;
    --description-color: rgba(255, 255, 255, 0.85) !important;
}

.gb-wrap.gb-cta.is-style-divein-dark .gb-heading {
    color: var(--color-white) !important;
}

.gb-wrap.gb-cta.is-style-divein-dark .cta-description {
    color: rgba(255, 255, 255, 0.85) !important;
}

.gb-wrap.gb-cta.is-style-divein-dark .cta-description a {
    color: var(--gray-300);
}

.gb-wrap.gb-cta.is-style-divein-dark .cta-description a:hover {
    color: var(--color-white);
}

.gb-wrap.gb-cta.is-style-divein-dark .is-btn.cta-btn.btn-filled {
    background-color: var(--lightblue-500) !important;
    color: var(--blue-900) !important;
}

.gb-wrap.gb-cta.is-style-divein-dark .is-btn.cta-btn.btn-filled:hover {
    background-color: var(--lightblue-400) !important;
}

.gb-wrap.gb-cta.is-style-divein-dark .is-btn.cta-btn.btn-outlined {
    border-color: rgba(255, 255, 255, 0.5) !important;
    color: var(--color-white) !important;
    background: transparent !important;
}

.gb-wrap.gb-cta.is-style-divein-dark .is-btn.cta-btn.btn-outlined:hover {
    background: rgba(255, 255, 255, 0.1) !important;
    border-color: var(--color-white) !important;
}

.is-style-cta-orange a,
.divein-wysiwyg-output.is-style-cta-orange a {
    display: inline;
    color: var(--color-primary);
    font-weight: 700;
    text-decoration: none !important;
    border-bottom: 2px solid var(--orange-500);
    padding-bottom: 2px;
    transition: all var(--transition-fast);
}

.is-style-cta-orange a:hover,
.divein-wysiwyg-output.is-style-cta-orange a:hover {
    color: var(--orange-600);
    border-bottom-color: var(--orange-600);
}

.is-style-cta-orange a:focus,
.divein-wysiwyg-output.is-style-cta-orange a:focus {
    outline: 2px solid var(--orange-300);
    outline-offset: 2px;
}

.is-style-cta-orange-highlight a,
.divein-wysiwyg-output.is-style-cta-orange-highlight a {
    display: inline;
    color: var(--color-primary);
    font-weight: 600;
    text-decoration: none !important;
    background: linear-gradient(to bottom, transparent 60%, var(--orange-200) 60%);
    transition: all var(--transition-fast);
}

.is-style-cta-orange-highlight a:hover,
.divein-wysiwyg-output.is-style-cta-orange-highlight a:hover {
    background: linear-gradient(to bottom, transparent 60%, var(--orange-400) 60%);
    color: var(--orange-800);
}

.is-style-cta-orange-uppercase a,
.divein-wysiwyg-output.is-style-cta-orange-uppercase a {
    display: inline;
    color: var(--color-primary);
    font-weight: 700;
    font-size: var(--text-sm);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    text-decoration: none !important;
    border-bottom: 2px solid var(--orange-500);
    padding-bottom: 2px;
    transition: all var(--transition-fast);
}

.is-style-cta-orange-uppercase a:hover,
.divein-wysiwyg-output.is-style-cta-orange-uppercase a:hover {
    color: var(--orange-600);
    border-bottom-color: var(--orange-600);
}

.is-style-cta-green a,
.divein-wysiwyg-output.is-style-cta-green a {
    display: inline;
    color: var(--color-primary);
    font-weight: 700;
    text-decoration: none !important;
    border-bottom: 2px solid var(--green-500);
    padding-bottom: 2px;
    transition: all var(--transition-fast);
}

.is-style-cta-green a:hover,
.divein-wysiwyg-output.is-style-cta-green a:hover {
    color: var(--green-600);
    border-bottom-color: var(--green-600);
}

.is-style-cta-green a:focus,
.divein-wysiwyg-output.is-style-cta-green a:focus {
    outline: 2px solid var(--green-300);
    outline-offset: 2px;
}

.is-style-cta-green-highlight a,
.divein-wysiwyg-output.is-style-cta-green-highlight a {
    display: inline;
    color: var(--color-primary);
    font-weight: 600;
    text-decoration: none !important;
    background: linear-gradient(to bottom, transparent 60%, var(--green-200) 60%);
    transition: all var(--transition-fast);
}

.is-style-cta-green-highlight a:hover,
.divein-wysiwyg-output.is-style-cta-green-highlight a:hover {
    background: linear-gradient(to bottom, transparent 60%, var(--green-400) 60%);
    color: var(--green-800);
}

.is-style-cta-green-uppercase a,
.divein-wysiwyg-output.is-style-cta-green-uppercase a {
    display: inline;
    color: var(--color-primary);
    font-weight: 700;
    font-size: var(--text-sm);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    text-decoration: none !important;
    border-bottom: 2px solid var(--green-500);
    padding-bottom: 2px;
    transition: all var(--transition-fast);
}

.is-style-cta-green-uppercase a:hover,
.divein-wysiwyg-output.is-style-cta-green-uppercase a:hover {
    color: var(--green-600);
    border-bottom-color: var(--green-600);
}

.wp-block-group[class*="is-style-box-"],
.wp-block-divein-expandable[class*="is-style-box-"] {
    border-radius: var(--radius);
    padding: var(--space-lg);
    overflow: clip;
}

.wp-block-divein-expandable[class*="is-style-box-"] {
    overflow: visible;
    padding-bottom: var(--space-xs);
    margin-bottom: var(--space-2xl);
}

.wp-block-group[class*="is-style-box-"] > *:first-child,
.wp-block-divein-expandable[class*="is-style-box-"] > .expandable-content > *:first-child {
    margin-top: 0;
}

.wp-block-group[class*="is-style-box-"] > *:last-child,
.wp-block-divein-expandable[class*="is-style-box-"] > .expandable-content > *:last-child {
    margin-bottom: 0;
}

@keyframes divein-gradient-shift {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

.wp-block-group.is-style-box-animated-bg,
.wp-block-divein-expandable.is-style-box-animated-bg {
    background-image: linear-gradient(
        -45deg,
        var(--lightblue-50) 0%,
        rgba(0, 50, 219, 0.21) 25%,
        var(--lightblue-100) 51%,
        var(--blue-100) 100%
    ) !important;
    background-size: 200% 200%;
    animation: divein-gradient-shift 9s ease infinite;
    color: var(--color-text);
}

.wp-block-group.is-style-box-animated-bg h1,
.wp-block-group.is-style-box-animated-bg h2,
.wp-block-group.is-style-box-animated-bg h3,
.wp-block-group.is-style-box-animated-bg h4,
.wp-block-group.is-style-box-animated-bg h5,
.wp-block-group.is-style-box-animated-bg h6,
.wp-block-divein-expandable.is-style-box-animated-bg h1,
.wp-block-divein-expandable.is-style-box-animated-bg h2,
.wp-block-divein-expandable.is-style-box-animated-bg h3,
.wp-block-divein-expandable.is-style-box-animated-bg h4,
.wp-block-divein-expandable.is-style-box-animated-bg h5,
.wp-block-divein-expandable.is-style-box-animated-bg h6 {
    color: var(--color-text);
}

.wp-block-group.is-style-box-animated-bg a,
.wp-block-divein-expandable.is-style-box-animated-bg a {
    color: var(--color-link);
}

.wp-block-group.is-style-box-animated-bg a:hover,
.wp-block-divein-expandable.is-style-box-animated-bg a:hover {
    color: var(--color-link-hover);
}

.wp-block-group.is-style-box-beige,
.wp-block-divein-expandable.is-style-box-beige {
    background-color: var(--beige-50) !important;
    color: var(--color-text);
}

.wp-block-group.is-style-box-beige h1,
.wp-block-group.is-style-box-beige h2,
.wp-block-group.is-style-box-beige h3,
.wp-block-group.is-style-box-beige h4,
.wp-block-group.is-style-box-beige h5,
.wp-block-group.is-style-box-beige h6,
.wp-block-divein-expandable.is-style-box-beige h1,
.wp-block-divein-expandable.is-style-box-beige h2,
.wp-block-divein-expandable.is-style-box-beige h3,
.wp-block-divein-expandable.is-style-box-beige h4,
.wp-block-divein-expandable.is-style-box-beige h5,
.wp-block-divein-expandable.is-style-box-beige h6 {
    color: var(--color-text);
}

.wp-block-group.is-style-box-beige a,
.wp-block-divein-expandable.is-style-box-beige a {
    color: var(--color-link);
}

.wp-block-group.is-style-box-beige a:hover,
.wp-block-divein-expandable.is-style-box-beige a:hover {
    color: var(--color-link-hover);
}

.wp-block-group.is-style-box-lightblue,
.wp-block-divein-expandable.is-style-box-lightblue {
    background-color: var(--lightblue-50) !important;
    color: var(--color-text);
}

.wp-block-group.is-style-box-lightblue h1,
.wp-block-group.is-style-box-lightblue h2,
.wp-block-group.is-style-box-lightblue h3,
.wp-block-group.is-style-box-lightblue h4,
.wp-block-group.is-style-box-lightblue h5,
.wp-block-group.is-style-box-lightblue h6,
.wp-block-divein-expandable.is-style-box-lightblue h1,
.wp-block-divein-expandable.is-style-box-lightblue h2,
.wp-block-divein-expandable.is-style-box-lightblue h3,
.wp-block-divein-expandable.is-style-box-lightblue h4,
.wp-block-divein-expandable.is-style-box-lightblue h5,
.wp-block-divein-expandable.is-style-box-lightblue h6 {
    color: var(--color-text);
}

.wp-block-group.is-style-box-lightblue a,
.wp-block-divein-expandable.is-style-box-lightblue a {
    color: var(--color-link);
}

.wp-block-group.is-style-box-lightblue a:hover,
.wp-block-divein-expandable.is-style-box-lightblue a:hover {
    color: var(--color-link-hover);
}

.wp-block-group.is-style-box-green,
.wp-block-divein-expandable.is-style-box-green {
    background-color: var(--green-50) !important;
    color: var(--color-text);
}

.wp-block-group.is-style-box-green h1,
.wp-block-group.is-style-box-green h2,
.wp-block-group.is-style-box-green h3,
.wp-block-group.is-style-box-green h4,
.wp-block-group.is-style-box-green h5,
.wp-block-group.is-style-box-green h6,
.wp-block-divein-expandable.is-style-box-green h1,
.wp-block-divein-expandable.is-style-box-green h2,
.wp-block-divein-expandable.is-style-box-green h3,
.wp-block-divein-expandable.is-style-box-green h4,
.wp-block-divein-expandable.is-style-box-green h5,
.wp-block-divein-expandable.is-style-box-green h6 {
    color: var(--color-text);
}

.wp-block-group.is-style-box-green a,
.wp-block-divein-expandable.is-style-box-green a {
    color: var(--color-link);
}

.wp-block-group.is-style-box-green a:hover,
.wp-block-divein-expandable.is-style-box-green a:hover {
    color: var(--color-link-hover);
}

.wp-block-group.is-style-box-darkblue,
.wp-block-divein-expandable.is-style-box-darkblue {
    background-color: var(--blue-900) !important;
    color: var(--beige-50);
}

.wp-block-group.is-style-box-darkblue h1,
.wp-block-group.is-style-box-darkblue h2,
.wp-block-group.is-style-box-darkblue h3,
.wp-block-group.is-style-box-darkblue h4,
.wp-block-group.is-style-box-darkblue h5,
.wp-block-group.is-style-box-darkblue h6,
.wp-block-divein-expandable.is-style-box-darkblue h1,
.wp-block-divein-expandable.is-style-box-darkblue h2,
.wp-block-divein-expandable.is-style-box-darkblue h3,
.wp-block-divein-expandable.is-style-box-darkblue h4,
.wp-block-divein-expandable.is-style-box-darkblue h5,
.wp-block-divein-expandable.is-style-box-darkblue h6 {
    color: var(--beige-50);
}

.wp-block-group.is-style-box-darkblue a,
.wp-block-divein-expandable.is-style-box-darkblue a {
    color: var(--lightblue-300);
}

.wp-block-group.is-style-box-darkblue a:hover,
.wp-block-divein-expandable.is-style-box-darkblue a:hover {
    color: var(--lightblue-100);
}

@property --border-angle {
    syntax: "<angle>";
    initial-value: 0deg;
    inherits: false;
}

@keyframes divein-border-spin {
    to {
        --border-angle: 360deg;
    }
}

.wp-block-group.is-style-box-animated-border,
.wp-block-divein-expandable.is-style-box-animated-border {
    position: relative;
    background-color: var(--color-background);
    border: none;
    isolation: isolate;
}

.wp-block-group.is-style-box-animated-border::before,
.wp-block-group.is-style-box-animated-border::after,
.wp-block-divein-expandable.is-style-box-animated-border::before,
.wp-block-divein-expandable.is-style-box-animated-border::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: var(--radius);
    z-index: -1;
}

.wp-block-group.is-style-box-animated-border::before,
.wp-block-divein-expandable.is-style-box-animated-border::before {
    background: conic-gradient(
        from var(--border-angle),
        var(--lightblue-500),
        var(--green-500),
        var(--yellow-500),
        var(--orange-500),
        var(--blue-500),
        var(--lightblue-500)
    );
    animation: divein-border-spin 4s linear infinite;
}

.wp-block-group.is-style-box-animated-border::after,
.wp-block-divein-expandable.is-style-box-animated-border::after {
    inset: 2px;
    background-color: inherit;
    border-radius: var(--radius-inner-2);
}

.wp-block-group.is-style-box-animated-border h1,
.wp-block-group.is-style-box-animated-border h2,
.wp-block-group.is-style-box-animated-border h3,
.wp-block-group.is-style-box-animated-border h4,
.wp-block-group.is-style-box-animated-border h5,
.wp-block-group.is-style-box-animated-border h6,
.wp-block-divein-expandable.is-style-box-animated-border h1,
.wp-block-divein-expandable.is-style-box-animated-border h2,
.wp-block-divein-expandable.is-style-box-animated-border h3,
.wp-block-divein-expandable.is-style-box-animated-border h4,
.wp-block-divein-expandable.is-style-box-animated-border h5,
.wp-block-divein-expandable.is-style-box-animated-border h6 {
    color: var(--color-text);
}

.wp-block-group.is-style-box-animated-border a,
.wp-block-divein-expandable.is-style-box-animated-border a {
    color: var(--color-link);
}

.wp-block-group.is-style-box-animated-border a:hover,
.wp-block-divein-expandable.is-style-box-animated-border a:hover {
    color: var(--color-link-hover);
}

.wp-block-group.is-style-box-animated-border > *,
.wp-block-divein-expandable.is-style-box-animated-border > * {
    position: relative;
    z-index: 1;
}

.wp-block-group.is-style-box-animated-blue-border,
.wp-block-divein-expandable.is-style-box-animated-blue-border {
    position: relative;
    background-color: var(--color-background);
    border: none;
    isolation: isolate;
}

.wp-block-group.is-style-box-animated-blue-border::before,
.wp-block-group.is-style-box-animated-blue-border::after,
.wp-block-divein-expandable.is-style-box-animated-blue-border::before,
.wp-block-divein-expandable.is-style-box-animated-blue-border::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: var(--radius);
    z-index: -1;
}

.wp-block-group.is-style-box-animated-blue-border::before,
.wp-block-divein-expandable.is-style-box-animated-blue-border::before {
    background: conic-gradient(
        from var(--border-angle),
        var(--beige-100) 0%,
        var(--lightblue-300) 50%,
        var(--beige-100) 100%
    );
    animation: divein-border-spin 6s linear infinite;
}

.wp-block-group.is-style-box-animated-blue-border::after,
.wp-block-divein-expandable.is-style-box-animated-blue-border::after {
    inset: 3px;
    background-color: inherit;
    border-radius: var(--radius-inner-4);
}

.wp-block-group.is-style-box-animated-blue-border h1,
.wp-block-group.is-style-box-animated-blue-border h2,
.wp-block-group.is-style-box-animated-blue-border h3,
.wp-block-group.is-style-box-animated-blue-border h4,
.wp-block-group.is-style-box-animated-blue-border h5,
.wp-block-group.is-style-box-animated-blue-border h6,
.wp-block-divein-expandable.is-style-box-animated-blue-border h1,
.wp-block-divein-expandable.is-style-box-animated-blue-border h2,
.wp-block-divein-expandable.is-style-box-animated-blue-border h3,
.wp-block-divein-expandable.is-style-box-animated-blue-border h4,
.wp-block-divein-expandable.is-style-box-animated-blue-border h5,
.wp-block-divein-expandable.is-style-box-animated-blue-border h6 {
    color: var(--color-text);
}

.wp-block-group.is-style-box-animated-blue-border a,
.wp-block-divein-expandable.is-style-box-animated-blue-border a {
    color: var(--color-link);
}

.wp-block-group.is-style-box-animated-blue-border a:hover,
.wp-block-divein-expandable.is-style-box-animated-blue-border a:hover {
    color: var(--color-link-hover);
}

.wp-block-group.is-style-box-animated-blue-border > *,
.wp-block-divein-expandable.is-style-box-animated-blue-border > * {
    position: relative;
    z-index: 1;
}

@media (prefers-reduced-motion: reduce) {
    .wp-block-group.is-style-box-animated-bg,
    .wp-block-divein-expandable.is-style-box-animated-bg {
        animation: none;
        background-size: 100% 100%;
    }

    .wp-block-group.is-style-box-animated-border::before,
    .wp-block-divein-expandable.is-style-box-animated-border::before {
        animation: none;
        --border-angle: 45deg;
    }

    .wp-block-group.is-style-box-animated-blue-border::before,
    .wp-block-divein-expandable.is-style-box-animated-blue-border::before {
        animation: none;
        --border-angle: 45deg;
    }
}

.is-style-text-gradient-green,
.is-style-text-gradient-blue,
.is-style-text-gradient-red {
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.is-style-text-gradient-green {
    background-image: radial-gradient(circle, #2B574B 0%, #07275A 27%);
}

.is-style-text-gradient-blue {
    background-image: radial-gradient(circle, #3E82A9 0%, #07275A 27%);
}

.is-style-text-gradient-red {
    background-image: radial-gradient(circle, #A94242 0%, #07275A 27%);
}