.block-accordion .wp-block-details summary::after {
    content: '';
    border-bottom: 2px solid;
    border-right: 2px solid;
    content: '';
    display: block;
    height: 0.5em;
    position: absolute;
    right: 0;
    top: 45%;
    transform: translateY(-50%) rotate(45deg);
    width: 0.5em;
}

.block-accordion .wp-block-details[open] summary::after {
    top: 50%;
    transform: translateY(-50%) rotate(-135deg);
}

/**/

[data-carousel-item] {
    position: absolute;
    top: 0;
    left: 100%; /* Start offscreen to the right */
    width: 100%;
    /* height: 100%; */
    transition: transform 0.5s ease-in-out, visibility 0s 0.5s; /* Smooth slide transition with visibility delay */
    visibility: hidden; /* Hide items initially */
}

[data-carousel-item].active {
    left: 0; /* Move into view */
    transform: translateX(0);
    visibility: visible;
    z-index: 1;
    transition: transform 0.5s ease-in-out, visibility 0s 0s; /* No delay on visibility for the active slide */
}

[data-carousel-item].prev {
    left: 0;
    transform: translateX(-100%);
    z-index: 0;
    visibility: hidden;
}

[data-carousel-item].next {
    left: 0;
    transform: translateX(100%);
    z-index: 0;
    visibility: hidden;
}



.cta-sec{
    position: relative;
}

.cta-sec .container:before{
    content:'';
    display: block;
    width:194px;
    height: 153px;
    position:absolute;
    left: 0;
    bottom: 30px;
    background: url(../../images/cta-decoration.svg);
}


.cta-sec .container:after{
    content:'';
    display: block;
    width:141px;
    height: 153px;
    position:absolute;
    right: 0;
    top: 50px;
    background: url(../../images/cta-decoration-2.svg);
}


.add-top-border,
.add-top-border-green,
.add-top-border-gray,
footer{
    position: relative;
}

.add-top-border:before,
.add-top-border-green:before,
.add-top-border-gray:before,
footer.has-white-background-color:before{
    content: '';
    display: block;
    height: 26px;
    background: url(../../images/top-border-white.png) 0px 0px repeat-x;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 1;
    margin-top: -22px;
    background-size: auto 25px;
    pointer-events: none;
    top: 0;
}

.add-top-border-rev:before,
footer.has-white-background-color:before{
    background: url(../../images/top-border-white-rev.png) 0px 0px repeat-x;
    background-size: auto 25px;
}


.add-top-border-green:before{
    background: url(../../images/top-border-green1.png) 0px 0px repeat-x;
    background-size: auto 25px;
}
.add-top-border-green-rev:before{
    background: url(../../images/top-border-greenrev.png) 0px 0px repeat-x;
    background-size: auto 25px;
}



.add-top-border-gray:before{
    background: url(../../images/top-border-gray.png) 0px 0px repeat-x;
    background-size: auto 25px;
}
.add-top-border-gray.rev:before{
    background: url(../../images/top-border-gray-rev.png) 0px 0px repeat-x;
    background-size: auto 25px;
}

h1 span{
    font-style: italic;
    font-weight: 300;
    position: relative;
    display: inline-block;
}

h1 span:after{
    content: '';
    display: block;
    background: #009997;
    height: 28px;
    position: absolute;
    bottom: -3px;
    left: -5px;
    right: -5px;
    z-index: -1;
}


@media (min-width:1300px){
    .full-width-fix{
        margin-left: -50vw;
        margin-right: -50vw;
    }
}

@media (max-width:767px){
    .add-top-border:before,
    .add-top-border-green:before,
    .add-top-border-gray:before,
    .add-top-border.rev:before,
    .add-top-border-green.rev:before,
    .add-top-border-gray.rev:before,
    footer.has-white-background-color:before{
        background-size: auto 15px;
        margin-top: -13px;
    }

    .cta-sec .container:before{
        background: url(../../images/cta-decoration-mobile.svg);    
        width:54px;
        height:88px;
        bottom: 27%;
    }

    
    .cta-sec .container:after{
        background: url(../../images/cta-decoration-2-mobile.svg);    
        width:54px;
        height:88px;
        top: 25%;
        right: -7px;
    }

    h1 span:after{
        height: 22px;
    }
}