.module-four-up-content-panel-read-more .columns-wrapper {
    
}

.module-four-up-content-panel-read-more .intro-wrapper {
    padding-bottom:2rem;
    text-align: left;
    width:100%;
}

.module-four-up-content-panel-read-more .intro-wrapper p:last-child {
    margin-bottom:0;
}

.module-four-up-content-panel-read-more .intro-wrapper .headline {
    margin-top:2rem;
}

.module-four-up-content-panel-read-more .inner-wrapper.panel-text-alignment-center .intro-wrapper {
    text-align: center;
}

.module-four-up-content-panel-read-more .intro-wrapper h4 {
    text-transform: uppercase;
    color:var(--dark-gray);
    font-size:1.6rem;
    line-height: 2.6rem;
    font-weight: 700;
}

.module-four-up-content-panel-read-more .inner-wrapper:not(.carousel-on-mobile) {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap:2rem;
    width:100%;
    margin:0;
}

.module-four-up-content-panel-read-more .inner-wrapper:not(.carousel-on-mobile) .columns-wrapper {
    display:grid;
    gap: 2rem;
    grid-template-columns: 1fr 1fr;
}

.module-four-up-content-panel-read-more .column-wrapper,
.module-four-up-content-panel-read-more .inner-wrapper:not(.carousel-on-mobile) .column-wrapper
{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap:2rem;
    width:100%;
    margin:0;
    align-items: flex-start;
}

.module-four-up-content-panel-read-more .inner-wrapper.carousel-on-mobile .column-wrapper {
    width:calc(100% - 10rem);
    margin-right:2rem;
}

.module-four-up-content-panel-read-more .column-wrapper img {
    width:100%;
    height:auto;
    border-bottom:15px solid var(--dark-orange);
}

.module-four-up-content-panel-read-more .column-wrapper .image-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    width:100%;
}

.module-four-up-content-panel-read-more .column-wrapper .image-wrapper i {
    font-size:3rem;
    width:8rem;
    height:8rem;
    border-radius: 50%;
    border:2px dotted #ccc;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    color:var(--dark-orange);
}

.module-four-up-content-panel-read-more .inner-wrapper.carousel-on-mobile .column-wrapper .copy-wrapper {
    margin-top:2rem;
}

.module-four-up-content-panel-read-more .column-wrapper .copy-wrapper p {
    margin-bottom:0;
    color:var(--dark-gray);
}

.module-four-up-content-panel-read-more .column-wrapper .copy-wrapper .long-copy {
    display:none;
}

.module-four-up-content-panel-read-more .column-wrapper .copy-wrapper h5 {
    font-weight: 700;
}

.module-four-up-content-panel-read-more .column-wrapper .copy-wrapper h6 {
    margin-top:2rem;
    color:var(--dark-gray);
}

.module-four-up-content-panel-read-more .column-wrapper .buttons {
    margin-top:3rem;
}

.module-four-up-content-panel-read-more .column-wrapper a.cta {
    text-decoration: underline;
    font-size:1.9rem;
    line-height:2.6rem;
    color:#000;
    display:block;
    margin-top:2rem;
}

.module-four-up-content-panel-read-more .column-wrapper a.cta:after {
    content: '\f061';
    color:#000;
    font: var(--fa-font-solid);
    background-color:var(--yellow);
    border-radius: 50%;
    padding:2px;
    width:2.5rem;
    height:2.5rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size:1rem;
    margin-left:8px;
    text-decoration: none;
}

.module-four-up-content-panel-read-more .flickity-page-dots {
    top:calc(100% + 1rem);
    text-align: left;
}

.module-four-up-content-panel-read-more .flickity-page-dots .dot {
    background-color:var(--medium-gray);
    border-radius:5px;
    opacity:1;
    margin:0;
    margin-right:1rem;
    transition: all 0.3s ease;
}

.module-four-up-content-panel-read-more .flickity-page-dots .dot.is-selected {
    background-color:var(--dark-orange);
    width:3rem;
}

.four-up-content-panel-read-more-fancybox.fancybox__container {
    width: 90% !important;
    height: 90% !important;
    max-width: 800px; /* Optional */
    max-height: 600px; /* Optional */
    margin:auto auto;
    overflow:hidden;
    pointer-events: auto; /* Ensure clicks are processed inside the modal */
}

.four-up-content-panel-read-more-fancybox .fancybox__content {
    padding: 40px; /* Add some padding for content */
    overflow-y: auto; /* Enable vertical scrolling if content exceeds height */
    max-height: calc(100% - 40px); /* Prevent content from overflowing the modal */
    width:100%;
    font-size:1.6rem;
    line-height:2.6rem;
}

.four-up-content-panel-read-more-fancybox .fancybox__content>.f-button.is-close-btn  {
    position: absolute;
    top: 15px; /* Adjust to position close button inside the container */
    right: 15px; /* Adjust as needed */
    border: none;
    z-index: 100; /* Ensure it stays above content */
    cursor: pointer;
    background: var(--yellow);
    border-radius: 50%;
    color:#000;
    opacity: 1;
}

.four-up-content-panel-read-more-fancybox .fancybox__content h2 {
    font-size:2.2rem;
    line-height: 2.8rem;
    padding-bottom:2rem;
    font-weight: 800;
}

@media (min-width:1000px) {

    .module-four-up-content-panel-read-more .inner-wrapper.carousel-on-mobile .column-wrapper {
        width: calc(100%);
        margin-right: 0;
    }

    .module-four-up-content-panel-read-more .inner-wrapper.carousel-on-mobile .column-wrapper .copy-wrapper {
        margin-top:0;
    }

    .module-four-up-content-panel-read-more .inner-wrapper:not(.carousel-on-mobile) {
        max-width:1200px;
        margin:0 auto;
    }

    .module-four-up-content-panel-read-more .column-wrapper,
    .module-four-up-content-panel-read-more .inner-wrapper:not(.carousel-on-mobile) .column-wrapper
    {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        gap:2rem;
        width:100%;
        margin:0;
    }

    .module-four-up-content-panel-read-more .columns-wrapper,
    .module-four-up-content-panel-read-more .inner-wrapper:not(.carousel-on-mobile) .columns-wrapper
     {
        display:grid;
        flex-wrap: wrap;
        gap: 2rem;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        align-items: flex-start;
    }
    
}