@import url('https://fonts.googleapis.com/css2?family=Arvo:wght@700&family=Atkinson+Hyperlegible:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Arvo:ital,wght@0,400;0,700;1,400;1,700&family=Atkinson+Hyperlegible:ital,wght@0,400;0,700;1,400;1,700&display=swap');
body {
    font-family: 'Atkinson Hyperlegible', sans-serif;
    font-size: 1.2rem !important;
    line-height: 1.57rem !important;
    color: #000;
    font-weight: 400;
}
#sp-footer img {
    box-shadow: none;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
    font-family: 'Arvo', serif;
}
.d-blocks .sppb-btn.free-quote:hover {
    color: #000 !important;
}
.sp-menu-item {
    font-family: 'Arvo', serif !important;
    font-weight: bold;
    font-size: 1.2rem !important;
}
.article-details .article-header h1, .article-details .article-header h2 {
    font-size: 5.08rem !important; /* Adjust size as needed */
    letter-spacing: 0.05em !important; /* Adds slight letter spacing */
    margin-bottom: .5rem !important; /* Adds space below the heading */
    padding-bottom: 1.57rem !important; /* Space between text and border */
}
h1 {
    color: #046A38; /* ENMU Green */
    font-size: 5.08rem; /* Adjust size as needed */
    text-transform: uppercase; /* Makes the text uppercase */
    letter-spacing: 0.05em; /* Adds slight letter spacing */
    text-align: left; /* Center aligns the text */
    margin-bottom: .5rem; /* Adds space below the heading */
    padding-bottom: 1.57rem; /* Space between text and border */
}
h2 {
    font-family: 'Arvo', serif; /* Arvo font */
    font-weight: bold; /* Make it bold */
    color: #046A38; /* ENMU Green - Pantone 349C */
    font-size: 3.14rem; /* Adjust the size based on the design */
}
h2 > a {
    font-weight: bold; /* Make it bold */
    color: #046A38; /* ENMU Green - Pantone 349C */
    text-decoration: none;
}
h2 > a:hover {
    font-weight: bold; /* Make it bold */
    color: #046A38; /* ENMU Green - Pantone 349C */
    text-decoration-line: underline;
}
h3 {
    font-family: 'Arvo', serif; /* Arvo font */
    font-weight: bold; /* Make it bold */
    color: #046A38; /* ENMU Green - Pantone 349C */
    font-size: 1.94rem; /* Adjust the size based on the design */
}
h3 > a {
    font-weight: bold; /* Make it bold */
    color: #046A38; /* ENMU Green - Pantone 349C */
    text-decoration: none;
}
h3 > a:hover {
    font-weight: bold; /* Make it bold */
    color: #046A38; /* ENMU Green - Pantone 349C */
    text-decoration-line: underline;
}
h4 {
    font-family: 'Arvo', serif; /* Arvo font */
    font-weight: bold; /* Make it bold */
    color: #046A38; /* ENMU Green - Pantone 349C */
    font-size: 1.618rem; /* Adjust the size based on the design */
}
h4 > a {
    font-weight: bold; /* Make it bold */
    color: #046A38; /* ENMU Green - Pantone 349C */
    text-decoration: none;
}
h4 > a:hover {
    font-weight: bold; /* Make it bold */
    color: #046A38; /* ENMU Green - Pantone 349C */
    text-decoration-line: underline;
}
.inline-cta {
    color: #FFB81C !important;
}
.inline-cta a {
    color: #FFB81C !important;
}
.inline-cta a:hover {
    color: #FFB81C !important;
}
p {
    font-family: 'Atkinson Hyperlegible', serif; /* Arvo font */
    font-size: 1.2rem !important;
    line-height: 1.57rem !important;
    color: #000;
}
p > a {
    font-weight: bold; /* Make it bold */
    color: #046A38; /* ENMU Green - Pantone 349C */
    text-decoration: none;
}
p > a:hover {
    font-weight: bold; /* Make it bold */
    color: #046A38; /* ENMU Green - Pantone 349C */
    text-decoration-line: underline;
}
img {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
}
blockquote {
    font-size: 1.94rem;
    font-weight: bold;
    padding: .6rem;
    margin: .6rem auto;
}
blockquote mark {
    color: #fff;
    line-height: 3.1rem;
    background-color: #046a38;
    padding: .1em;
}
blockquote {
    font-size: 1.94rem;
    font-weight: bold;
    padding: .6rem;
    margin: .6rem auto;
}
.quote-block {
    display: flow-root;
    font-size: 1.66rem;
    text-align: center;
    margin: 1rem auto;
    padding: 1rem !important;
    color: #fff;
    line-height: 1.9rem;
    background-color: #046a38;
}
#sp-footer img {
    box-shadow: none !important;
}
.first-p {
    font-size: 1.94rem;
    font-weight: bold;
    /*line-height: 2.54rem !important;*/
    padding-bottom: .6rem;
}
.first-p strong {
    font-style: italic;
}
.jobtitle {
    font-style: italic;
    line-height: 1.2rem;
    color: #757575;
    font-size: 1.15rem;
}
.lime-underline {
    margin-bottom: 20px; /* Space beneath the heading */
    text-align: center; /* Aligns the text in the center */
    position: relative; /* Position relative for the ::after element */
    display: inline-block; /* Ensure the width of the heading matches the text */
}
.lime-underline::after {
    content: ""; /* Empty content for the bar */
    display: block;
    width: 96%; /* Bar width slightly shorter than text width */
    height: 0.25rem; /* Height of the bar */
    background-color: #12B363; /* ENMU Lime Green for the bar */
    margin: 10px auto 0; /* Space between text and bar */
    position: absolute;
    left: 50%;
    transform: translateX(-50%); /* Center the bar beneath the text */
}
.turquoise-underline {
    margin-bottom: 20px; /* Space beneath the heading */
    text-align: center; /* Aligns the text in the center */
    position: relative; /* Position relative for the ::after element */
    display: inline-block; /* Ensure the width of the heading matches the text */
}
.turquoise-underline::after {
    content: ""; /* Empty content for the bar */
    display: block;
    width: 96%; /* Bar width slightly shorter than text width */
    height: 0.25rem; /* Height of the bar */
    background-color: #52c4cc; /* ENMU Lime Green for the bar */
    margin: 10px auto 0; /* Space between text and bar */
    position: absolute;
    left: 50%;
    transform: translateX(-50%); /* Center the bar beneath the text */
}
.purple-underline {
    margin-bottom: 20px; /* Space beneath the heading */
    text-align: center; /* Aligns the text in the center */
    position: relative; /* Position relative for the ::after element */
    display: inline-block; /* Ensure the width of the heading matches the text */
}
.purple-underline::after {
    content: ""; /* Empty content for the bar */
    display: block;
    width: 96%; /* Bar width slightly shorter than text width */
    height: 0.25rem; /* Height of the bar */
    background-color: #8b14c7; /* ENMU Lime Green for the bar */
    margin: 10px auto 0; /* Space between text and bar */
    position: absolute;
    left: 50%;
    transform: translateX(-50%); /* Center the bar beneath the text */
}
.pack-cta {
    font-family: 'Atkinson Hyperlegible', serif; /* Font used */
    font-weight: bold; /* Bold weight */
    background-color: #046A38;
    padding: 12px 20px;
    border: none;
    display: inline-block;
    text-decoration: none;
    box-shadow: -0.25rem 0.25rem 0px #FFB81C;
    transition: all 0.3s ease; /* Smooth transition for hover effects */
    color: #fff;
}
.pack-cta a {
    font-family: 'Atkinson Hyperlegible', serif; /* Font used */
}
/* Mobile-specific styles */
@media (max-width: 576px) {
    h1 {
        font-size: 2rem !important; /* Adjust size as needed */
        word-wrap: break-word !important; /* Breaks long words if necessary */
        overflow-wrap: break-word !important; /* Ensures long words break appropriately */
        white-space: normal !important; /* Allows wrapping instead of a single line */
        display: block !important; /* Ensures the h1 behaves like a block element */
        hyphens: auto !important; /* Automatically adds hyphens where appropriate */
    }
    .article-details .article-header h1, .article-details .article-header h2 {
        font-size: 2rem !important; /* Adjust size as needed */
        word-wrap: break-word !important; /* Breaks long words if necessary */
        overflow-wrap: break-word !important; /* Ensures long words break appropriately */
        white-space: normal !important; /* Allows wrapping instead of a single line */
        display: block !important; /* Ensures the h1 behaves like a block element */
        hyphens: auto !important; /* Automatically adds hyphens where appropriate */
    }
    h2 {
        font-size: 1.7rem !important; /* Adjust the size based on the design */
    }
    h3 {
        font-size: 1.55rem !important; /* Adjust the size based on the design */
    }
    h4 {
        font-size: 1.35rem !important; /* Adjust the size based on the design */
    }
    body {
        font-size: 1.2rem !important;
    }
    p {
        font-size: 1.2rem !important;
    }
    .answer-call {
        margin: 1rem auto 1rem auto !important;
        min-width: 300px !important;
    }
    .roo-header h2 {
        margin: 0 4rem !important;
    }
    .pack-cta {
        font-family: 'Atkinson Hyperlegible', serif !important; /* Font used */
        width: 80% !important; /* Expand to 80% of the screen on mobile */
        display: block !important; /* Make it block-level for full-width behavior */
        margin: 1rem auto 0 !important; /* Center the button horizontally */
        background-color: #FFB81C !important;
        text-decoration: none !important;
        box-shadow: none !important; /* Slightly larger shadow on hover */
        color: #000 !important;
    }
    .pack-button {
        font-family: 'Atkinson Hyperlegible', serif !important; /* Font used */
        font-weight: bold !important; /* Bold weight */
        border: none !important;
        text-decoration: none !important;
        text-transform: none !important;
        width: 80% !important; /* Expand to 80% of the screen on mobile */
        display: block !important; /* Make it block-level for full-width behavior */
        margin: 1rem auto 0 !important; /* Center the button horizontally */
        color: #fff !important;
    }
    .lime {
        background-color: #12b363 !important;
        text-decoration: none !important;
        box-shadow: none !important; /* Slightly larger shadow on hover */
        color: #fff !important;
    }
    .turquoise {
        background-color: #52c4cc !important;
        text-decoration: none !important;
        box-shadow: none !important; /* Slightly larger shadow on hover */
        color: #fff !important;
    }
    .purple {
        background-color: #8b14c7 !important;
        text-decoration: none !important;
        box-shadow: none !important; /* Slightly larger shadow on hover */
        color: #fff !important;
    }
}
/* Tablet-specific styles */
@media (min-width: 1026px) and (max-width: 1185px) {
    .answr-call-cont {
        width: 100% !important;
    }
    .answer-call {
        margin: 1rem auto 1rem auto !important;
        width: 70%;
    }
    .answer-call-img {
        max-width: 70%;
    }
}
@media (min-width: 577px) and (max-width: 1025px) {
    .answer-call {
        margin: 1rem auto 1rem auto !important;
        width: 100%;
    }
    .answr-call-cont {
        width: 100% !important;
    }
    /*
        .answer-call-img {
        overflow: hidden;
        display: block;
        margin: 0 auto;
        width: 100%;
        height: auto;
        aspect-ratio: 1 / 1;
        object-fit: cover;
        min-width: 330px;
    }*/
    .pack-cta {
        font-family: 'Atkinson Hyperlegible', serif !important; /* Font used */
        width: 80% !important; /* Expand to 80% of the screen on tablets */
        display: block !important; /* Make it block-level for full-width behavior */
        margin: 1rem auto 0 !important; /* Center the button horizontally */
        background-color: #FFB81C !important;
        text-decoration: none !important;
        box-shadow: none !important; /* Slightly larger shadow on hover */
        color: #000 !important;
    }
    .pack-button {
        font-family: 'Atkinson Hyperlegible', serif !important; /* Font used */
        font-weight: bold !important; /* Bold weight */
        border: none !important;
        text-decoration: none !important;
        text-transform: none !important;
        color: #000 !important;
        width: 80%; /* Expand to 80% of the screen on mobile */
        display: block !important; /* Make it block-level for full-width behavior */
        margin: 1rem auto 0 !important; /* Center the button horizontally */
        box-shadow: none !important; /* Slightly larger shadow on hover */
    }
    .lime {
        background-color: #12b363 !important;
        text-decoration: none !important;
        box-shadow: none !important; /* Slightly larger shadow on hover */
        color: #fff !important;
    }
    .turquoise {
        background-color: #52c4cc !important;
        text-decoration: none !important;
        box-shadow: none !important; /* Slightly larger shadow on hover */
        color: #fff !important;
    }
    .purple {
        background-color: #8b14c7 !important;
        text-decoration: none !important;
        box-shadow: none !important; /* Slightly larger shadow on hover */
        color: #fff !important;
    }
}
.pack-cta:hover {
    font-family: 'Atkinson Hyperlegible', serif; /* Font used */
    background-color: #FFB81C;
    text-decoration: none;
    box-shadow: none; /* Slightly larger shadow on hover */
    color: #000;
}
.pack-button {
    font-family: 'Atkinson Hyperlegible', serif; /* Font used */
    font-weight: bold; /* Bold weight */
    padding: 12px 20px;
    border: none;
    display: inline-block;
    text-decoration: none;
    text-transform: none;
    transition: all 0.3s ease; /* Smooth transition for hover effects */
    color: #000;
}
.lime {
    /*background-color: #fff;*/
    box-shadow: -0.25rem 0.25rem 0px #12b363;
}
.lime:hover {
    background-color: #12b363;
    text-decoration: none;
    box-shadow: none; /* Slightly larger shadow on hover */
    color: #fff !important;
}
.turquoise {
    /*background-color: #fff;*/
    box-shadow: -0.25rem 0.25rem 0px #52c4cc;
}
.turquoise:hover {
    background-color: #52c4cc;
    text-decoration: none;
    box-shadow: none; /* Slightly larger shadow on hover */
    color: #fff;
}
.purple {
    /*background-color: #fff;*/
    box-shadow: -0.25rem 0.25rem 0px #8b14c7;
}
.purple:hover {
    background-color: #8b14c7;
    text-decoration: none;
    box-shadow: none; /* Slightly larger shadow on hover */
    color: #fff;
}
.run-pack-turquoise {
    position: relative;
    border-left: 0.25rem solid #52c4cc; /* ENMU Turquoise for left border */
    padding: 2.5rem 2.5rem 1.5rem 2.5rem;
    margin: 0px 0px 0px 50px;
    height: auto;
}
/* Add pseudo-elements for half top and bottom borders */
.run-pack-turquoise::before, .run-pack-turquoise::after {
    content: "";
    position: absolute;
    width: 60%; /* Half width for the borders */
    height: 0.25rem; /* Border thickness */
    background-color: #52c4cc; /* ENMU Turquoise for top and bottom borders */
    left: 0; /* Align it with the left edge */
}
.run-pack-turquoise::before {
    top: 0; /* Top border */
}
.run-pack-turquoise::after {
    bottom: 0; /* Bottom border */
}
.run-pack-purple {
    position: relative;
    border-left: 0.25rem solid #8b14c7; /* ENMU Turquoise for left border */
    padding: 2.5rem 2.5rem 1.5rem 2.5rem;
    margin: 0px 0px 0px 50px;
}
/* Add pseudo-elements for half top and bottom borders */
.run-pack-purple::before, .run-pack-purple::after {
    content: "";
    position: absolute;
    width: 60%; /* Half width for the borders */
    height: 0.25rem; /* Border thickness */
    background-color: #8b14c7; /* ENMU Turquoise for top and bottom borders */
    left: 0; /* Align it with the left edge */
}
.run-pack-purple::before {
    top: 0; /* Top border */
}
.run-pack-purple::after {
    bottom: 0; /* Bottom border */
}
.news-gey-background {
    /* Background gradient starting with transparent and ending with grey */
    background: linear-gradient(to bottom, transparent 24%, #d9d8d6 24%);
    height: inherit;
}
.gey-background {
    /* Background gradient starting with transparent and ending with grey */
    background: linear-gradient(to bottom, transparent 4%, #d9d8d6 4%);
}
/* Full background grey rectangle */
.background-grey {
    background: linear-gradient(to bottom, transparent 4%, #d9d8d6 4%);
    width: 100%; /* Full width */
    position: relative;
    padding: 7rem 0 6rem 0; /* Padding to create space around the content */
}
/* Central grey rectangle */
/*.grey-rectangle {
    background-color: #7a7a7a;
    width: 30%;
    max-width: 26rem;
    height: 100%;
    position: absolute;
    left: 30%;
    top: 0;
    bottom: 0;
    transform: translateX(-50%);
}*/
.roo-header {
    margin: auto;
    text-align: center;
    width: 100%;
}
.roo-header img {
    height: 6rem;
    margin-bottom: .4rem;
    display: inline;
}
.roo-header h2 {
    margin: 0 2rem;
}
/* White content box */
.white-content-box {
    background-color: white;
    padding: 2rem;
    /*width: 90%;*/
    margin: 0 auto;
    position: relative;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* Shadow for floating effect */
    /*text-align: left;*/
}
/* L-shaped design on the right */
.l-shape {
    position: absolute;
    top: -1rem;
    right: -1rem;
    border-top: 3px solid #52c4cc; /* Accent color */
    border-right: 3px solid #52c4cc;
    width: 42%;
    height: 30%;
    margin-right: 2px;
}
/* L-shaped design on the right */
.l-shape-purple {
    position: absolute;
    top: -1rem;
    right: -1rem;
    border-top: 3px solid #8b14c7; /* Accent color */
    border-right: 3px solid #8b14c7;
    width: 20%;
    height: 15%;
}
.sppb-tab-content {
    margin-top: -4px;
    padding: .5rem;
    border: 4px solid #12B363;
}
.sppb-nav-tabs > li {
    float: left;
    margin-bottom: -1px
}
.sppb-nav-tabs > li > a {
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.3rem;
    padding: 1rem 1.5rem;
    background: #fff;
    border: none;
    border-right-width: 0;
}
.sppb-nav-tabs > li:last-child > a {
    border: none;
}
.sppb-nav-tabs > li > a > i {
    margin-right: 5px;
}
.sppb-nav-tabs > li.active > a, .sppb-nav-tabs > li.active > a:focus, .sppb-nav-tabs > li.active > a:hover {
    background-color: #fff;
    border-top: 4px solid #12B363;
    border-left: 4px solid #12B363;
    border-right: 4px solid #12B363;
    cursor: default;
}
.sppb-nav > li > a:focus, .sppb-nav > li > a:hover {
    text-decoration: none;
    background-color: #d1d1d1;
}
.sppb-nav-tabs.sppb-nav-justified > .active > a, .sppb-nav-tabs.sppb-nav-justified > .active > a:focus, .sppb-nav-tabs.sppb-nav-justified > .active > a:hover {
    border: none;
}
@media (min-width: 768px) {
    .sppb-nav-tabs.sppb-nav-justified > li {
        display: table-cell !important;
        width: 1% !important;
    }
    .sppb-nav-tabs.sppb-nav-justified > li > a {
        margin-bottom: 0 !important;
    }
}
.sppb-carousel-inner > .sppb-item > a > img, .sppb-carousel-inner > .sppb-item > img, .sppb-img-responsive {
    display: block !important;
    margin: 0 auto !important;
    width: 18rem !important;
    height: 18rem !important;
    object-fit: cover !important;
}
@media (min-width: 768px) and (max-width: 1266px) {
    .sppb-carousel-inner > .sppb-item > a > img, .sppb-carousel-inner > .sppb-item > img, .sppb-img-responsive {
        display: block !important;
        margin: 0 auto !important;
        width: 10rem !important;
        height: 10rem !important;
        object-fit: cover !important;
    }
}
@media (min-width: 578px) and (max-width: 767px) {
    .sppb-carousel-inner > .sppb-item > a > img, .sppb-carousel-inner > .sppb-item > img, .sppb-img-responsive {
        display: block !important;
        margin: 0 auto !important;
        width: 20rem !important;
        height: 20rem !important;
        object-fit: cover !important;
    }
}/*
.fade-flipbox .sppb-flipbox-panel, .slide-flipbox .sppb-flipbox-panel {
    overflow: hidden;
    display: block;
    margin: 0 auto;
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}*/
/* Target the specific div and apply the L-shaped design with ::before */
#sppb-addon-1728947736446::before {
    content: '';
    position: absolute;
    top: -1rem;
    left: -1rem;
    border-top: 3px solid #52c4cc; /* Accent color */
    border-left: 3px solid #52c4cc;
    width: 28%;
    height: 33%;
}
#sppb-addon-60e549e3-a598-4421-836f-8f09ed2e91ba {
    margin: 0;
}
#sppb-addon-60e549e3-a598-4421-836f-8f09ed2e91ba::before {
    content: '';
    position: absolute;
    bottom: 1rem;
    right: -1rem;
    border-bottom: 3px solid #52c4cc; /* Accent color */
    border-right: 3px solid #52c4cc;
    width: 28%;
    height: 33%;
}
.answer-call {
    margin: 10rem auto 1rem auto;
    min-width: 485px;
}
.answer-call-img {
    overflow: hidden;
    display: block;
    margin: 0 auto;
    width: 90%;
    height: auto;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    min-width: 330px;
}
.answer-call-img::before {
    content: '';
    position: absolute;
    top: -1rem;
    right: 2.6%;
    border-top: 3px solid #8b14c7; /* Accent color */
    border-right: 3px solid #8b14c7;
    width: 28%;
    height: 33%;
}
.grey-col {
    background-color: #efefef;
    padding: 15px;
}
.row > .grey-col {
    background-clip: content-box;
}
.grey-col > div {
    padding: .96rem;
}
.grey-col h2 {
    margin-top: .96rem;
}
body.predefined-header1 #sp-header .sp-megamenu-wrapper .sp-megamenu-parent > li > a {
    padding: 1em 0em 1em 0em !important;
}
.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a {
    background-color: #efefef !important;
    width: 100%;
}
.sp-slider .sp-item .sppb-sp-slider-image img {
    box-shadow: none;
}
.logo-image {
    box-shadow: none;
}
.sppb-article-meta {
    display: none;
}
.article-list .article .article-intro-image:after {
    content: none !important;
}
.article-list .article:hover .article-intro-image img {
    transform: none !important;
    transition: none !important;
}
.cwuceeventtitle {
    font-family: 'Arvo', serif !important;
    font-weight: bold !important;
    color: #046A38 !important;
    font-size: 1.94rem !important;
    vertical-align: top;
    background-color: transparent;
    text-decoration: none;
    font-style: inherit;
}
.cwuceeventtitle a {
    font-weight: bold !important;
    color: #046A38 !important;
    text-decoration: none !important;
}
@media (max-width: 992px) {
    .packmenu-desktop {
        display: none !important;
    }
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li.active > a {
    background-color: #ffb902 !important;
    color: #000000 !important;
}
.menu {
    list-style-type: none !important;
    padding-left: 0px !important;
}
.sp-module ul > li > a {
    line-height: 1.3em;
    color: #046A38;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 1em 0em 1em 0em !important;
    display: inline-block;
    font-family: 'Arvo';
    font-size: 1rem;
}
.sp-module ul > li > a:hover {
    color: #046A38 !important;
}
.sp-module ul > li.current > a {
    background-color: #efefef !important;
    width: 110%;
}
body.predefined-header1 #sp-header .sp-megamenu-wrapper {
    display: none !important;
}
.blog img {
    overflow: hidden;
    display: block;
    margin: 0 auto;
    width: 100%;
    height: auto;
    max-height: 768px;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}
.blog .articles-leading img {
    overflow: hidden;
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 100%;
    height: auto;
    aspect-ratio: 3 / 2;
    object-fit: cover;
}
.article-list .article .article-header h1 a:hover, .article-list .article .article-header h1 a:active, .article-list .article .article-header h1 a:focus, .article-list .article .article-header h2 a:hover, .article-list .article .article-header h2 a:active, .article-list .article .article-header h2 a:focus {
    color: #046a38;
}

figure {
  margin: 1.5em 0;               /* Spacing above and below images */
  text-align: center;            /* Center-align the figure as a unit */
}

figure img {
  max-width: 100%;               /* Responsive images */
  height: auto;
  display: block;
  margin: auto;
}

figure figcaption {
  font-size: 0.95rem;            /* Slightly smaller than body text */
  color: #555;                   /* Soft gray tone */
  font-style: italic;            /* Italic style for captions */
  padding: .5rem 0 0 0;     /* Space above caption */
  line-height: 1.4;              /* Improved readability */
}

.figure-responsive {
  width: 100%;
  margin: .5rem auto;
  text-align: center;
}

.figure-responsive img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

.figure-responsive figcaption {
  font-size: 1rem;
  color: #555;
  font-style: italic;
  margin-top: 0.5em;
  line-height: 1.4;
}

.figure-responsive-portrait {
  width: 100%;
  margin: .5rem auto;
  text-align: center;
}

.figure-responsive-portrait img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

.figure-responsive-portrait figcaption {
  font-size: 1rem;
  color: #555;
  font-style: italic;
  margin-top: 0.5em;
  line-height: 1.4;
}

/* Tablet */
@media (min-width: 768px) {
  .figure-responsive {
    width: 50%;
  }

  .figure-responsive-portrait {
    width: 40%;
  }
}

/* Desktop */
@media (min-width: 1024px) {
  .figure-responsive {
    width: 40%;
  }

  .figure-responsive-portrait {
    width: 22%;
  }
}
.ampz_container ul {
    margin: 0 auto!important;
    padding-top: 0;
    padding-bottom: 2rem;
}
.template_breda {
    background: #046A38!important;
    color: #fff!important;
    border: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.template_breda:hover {
    background: #FFB81C!important;
    color: #000!important;
    border: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.igrowl-info {
    background: #52c4cc;
    border-color: #52c4cc;
}

.igrowl-notice {
    background: #8b14c7;
    border-color: #8b14c7;
}/*
.slide-flipbox.flip_bottom .sppb-flipbox-panel .sppb-flipbox-back {
    -webkit-transform: translateX(0) translateY(90%);
    -moz-transform: translateX(0) translateY(90%);
    transform: translateX(0) translateY(90%)
}
.slide-flipbox.flip_bottom .sppb-flipbox-panel .sppb-flipbox-back .flip-box-inner {
    -webkit-transform: translateX(0) translateY(0%);
    -moz-transform: translateX(0) translateY(0%);
    transform: translateX(0) translateY(0%)
}*/
.sppb-flipbox-panel .sppb-flipbox-front {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 0px;
    overflow: hidden;
    background-attachment: scroll;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.sppb-flipbox-panel .sppb-flipbox-back {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 20px;
    overflow: hidden;
    background-attachment: scroll;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    justify-content: center !important;
}

.sppb-flipbox-panel .flip-box {
    justify-content: end
}

.sppb-flipbox-front>.flip-box-inner{
	background-color: rgba(255, 184, 28, 0.8);
	padding: .5em;
}

.fade-flipbox .sppb-flipbox-panel,.slide-flipbox .sppb-flipbox-panel {
    overflow: hidden !important;
    display: block !important;
    margin: 0 auto !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: cover !important;
}
.view-article.layout-blog #sp-main-body {
    padding-top: 0px !important;
}
.article-details .article-details-wrapper {
    background: #fff;
    padding: 0px 50px 50px 50px !important;
}
.view-article.layout-blog #sp-main-body h1{
padding-top:40px !important;
  }

.silverpack-carousel {
  --carousel-max-height: 512px;
}

/* Arrow positioning */
.silverpack-carousel .carousel-control-prev,
.silverpack-carousel .carousel-control-next {
  top: 50%;
  bottom: auto;
  transform: translateY(-50%);
  z-index: 3;
}

/* Default mixed-size behavior */
.silverpack-carousel .carousel-item {
  height: var(--carousel-max-height);
  background: #000;
}

.silverpack-carousel .carousel-item img {
  height: var(--carousel-max-height);
  object-fit: contain;
  object-position: center;
  background: #000;
}

/* Full-width 16:9 behavior */
.silverpack-carousel.silverpack-carousel--16x9 {
  width: 100%;
  background: #000;
}

.silverpack-carousel.silverpack-carousel--16x9 .carousel-inner {
  aspect-ratio: 16 / 9;
  background: #000;
  overflow: hidden;
}

.silverpack-carousel.silverpack-carousel--16x9 .carousel-item {
  height: 100%;
  background: #000;
}

.silverpack-carousel.silverpack-carousel--16x9 .carousel-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  background: #000;
}

/* Pull arrows inward a bit */
.silverpack-carousel.silverpack-carousel--16x9 .carousel-control-prev,
.silverpack-carousel.silverpack-carousel--16x9 .carousel-control-next {
  width: auto;
  padding-inline: 1rem;
}

/* Stronger explicit fade behavior */
.silverpack-carousel.carousel-fade .carousel-item {
  opacity: 0;
  transition: opacity 1.8s ease-in-out !important;
}

.silverpack-carousel.carousel-fade .carousel-item.active,
.silverpack-carousel.carousel-fade .carousel-item-next.carousel-item-start,
.silverpack-carousel.carousel-fade .carousel-item-prev.carousel-item-end {
  opacity: 1;
}

.silverpack-carousel.carousel-fade .active.carousel-item-start,
.silverpack-carousel.carousel-fade .active.carousel-item-end {
  opacity: 0;
}

.silverpack-carousel.carousel-fade .carousel-item-next,
.silverpack-carousel.carousel-fade .carousel-item-prev,
.silverpack-carousel.carousel-fade .carousel-item.active {
  transform: none;
}

/* Mobile behavior */
@media (max-width: 767.98px) {
  .silverpack-carousel:not(.silverpack-carousel--16x9) .carousel-item,
  .silverpack-carousel:not(.silverpack-carousel--16x9) .carousel-item img {
    height: min(70vw, var(--carousel-max-height));
  }

  .silverpack-carousel.silverpack-carousel--16x9 .carousel-control-prev,
  .silverpack-carousel.silverpack-carousel--16x9 .carousel-control-next {
    padding-inline: 0.5rem;
  }
}

.sp-qa-feature {
  position: relative;
  margin: 2rem 0;
  padding: 1.5rem;
  background: #ffffff;
  color: #000;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  border-top: 4px solid #52c4cc;
}

.sp-qa-feature::after {
  content: "";
  position: absolute;
  top: -0.75rem;
  right: -0.75rem;
  width: 22%;
  height: 24%;
  border-top: 3px solid #FFB81C;
  border-right: 3px solid #FFB81C;
}

.sp-qa-kicker {
  margin: 0 0 1rem;
  font-family: 'Arvo', serif;
  font-size: 0.95rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #046A38;
}

.sp-qa-question {
  margin: 0 0 1rem;
  font-family: 'Arvo', serif;
  font-size: 1.35rem;
  line-height: 1.45;
  font-weight: 700;
  color: #046A38;
}

.sp-qa-prefix {
  font-family: 'Arvo', serif;
  font-weight: 700;
  color: #046A38;
  margin-right: 0.25rem;
}

.sp-qa-answer {
  font-size: inherit;
  font-weight: inherit;
  padding: 1rem 0 .67rem 1rem !important;
  margin: 0;
}

.sp-qa-answer::before {
  content: none;
}

.sp-qa-answer::after {
  content: none;
}

.sp-qa-prefix {
  font-family: 'Arvo', serif;
  font-weight: 700;
  color: #046A38;
  margin-right: 0.25rem;
}

.sp-qa-answer {
  margin: 0;
  padding: 1rem 0 0 1rem;
  border-top: 1px solid #d9d8d6;
  border-left: 0.25rem solid #FFB81C;
  font-size: inherit;
  font-weight: inherit;
}

.sp-qa-answer p {
  margin: 0;
  font-family: 'Atkinson Hyperlegible', sans-serif;
  font-size: 1.3rem;
  line-height: 1.75;
  font-weight: 700;
  color: #000;
}

@media (min-width: 768px) {
  .sp-qa-feature {
    padding: 2rem;
  }

  .sp-qa-question {
    font-size: 1.5rem;
  }

  .sp-qa-answer p {
    font-size: 1.5rem;
  }
}