.container {
    width: 100vw;
    max-width: 100vw;
    padding: 0;
}
	
b, strong {
    font-weight: 700;
}
	
	
@media(max-width: 480px){
	footer > div > div.tw-flex.tw-flex-wrap.tw-justify-between.tw-mt-4.tw-mb-6 > div.tw-w-full.lg\:tw-w-1\/3.tw-px-0.tw-flex.tw-flex-row.tw-items-center.tw-my-4 > div {
		display: grid;
	}
	
	footer > div > div.tw-flex.tw-flex-wrap.tw-justify-between.tw-mt-4.tw-mb-6 > div.tw-w-full.lg\:tw-w-1\/3.tw-px-0.tw-flex.tw-flex-wrap.tw-my-4.tw-justify-end {
		justify-content: flex-start;
	}
}

        /* Dynamic theming styles */
        .hero-carousel-8556 .item {
            background-color: rgb(255, 71, 0);
        }
        .hero-carousel-8556 .item h1,
        .hero-carousel-8556 .item p {
            color: #FFFFFF;
        }
        .hero-carousel-8556 .hwhite {
            background-color: #FFFFFF;
            color: #000000;
        }
        .hero-carousel-8556 .hwhite:hover {
            background-color: #FFFFFF;
            color: #000000 !important;
        }

        .hero-carousel-8556 .svg-fill-theme {
            fill: rgb(255, 71, 0);
        }

        .tw-bg-rsbc-8556 {
            background: rgb(255, 71, 0);
            background-color: rgb(255, 71, 0);
        }
        
        
    


.owl-theme .owl-dots .owl-dot {
    zoom: 1.3;
    margin: 2px;
	display:block !important;
}
.owl-carousel.hero-carousel .owl-item img {
    width: auto;
}
.owl-carousel.hero-carousel .owl-dots {
    position: absolute;
    bottom: 1rem;
    left: 2.5rem;
}

.owl-theme .owl-dots .owl-dot span {
    width: 11px;
    height: 11px;
    margin: 5px 3px;
    background: black;
    opacity:0.9;
    border: 0.5px solid black;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
}

.owl-theme .owl-dots .owl-dot.active span {
    width: 11px;
    height: 11px;
    margin: 5px 3px;
    background: white;
    border: 0.5px solid black;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
}
	
	
/* Mobile Styles */
@media (max-width: 1024px) {

    .tw-text-5xl {
        font-size: 3rem; /* Adjust the size as needed for mobile */
    }

    .tw-text-2xl {
        font-size: 1.5rem; /* Adjust the size as needed for mobile */
    }

    .tw-w-max {
        margin: 0 auto; /* Center the button */
    } 

    .owl-carousel.hero-carousel .owl-dots {
        position: absolute;
        bottom: 22rem;
        left: 3.5rem;
    }
    
}

@media (max-width: 440px) {
    .shapes {
        top:-51rem;
        rotate: 11deg;
    }
	.owl-carousel.hero-carousel .owl-dots {  
        bottom: 25.5rem;
    }
}

@media (max-width: 375px) {
    .shapes {
        top:-51rem;
    }
}


@media (max-width: 640px) {

    .shapes {
		/* margin-top:10px; */
        left: -230px;
        rotate: 9deg;
    }

    .tw-text-5xl {
        font-size: 2rem; /* Adjust the size as needed for mobile */
    }

    .tw-text-2xl {
        font-size: 1.125rem; /* Adjust the size as needed for mobile */
    }

    .tw-w-max {
        margin: 0 auto; /* Center the button */
    } 

    .hero {
      padding-top: 40px;
    }
}

@media (max-width: 375px) {
  .hero { 
    padding-top: 15px;
  }
}

@media only screen and (min-width: 1140px){
    .sharp {
        left: -25% !important;
    }
}
	




				@media (max-width: 640px) {
					.shapes-8556 {
						margin-top:10px !important;
					}
				}
			

                                @media (max-width: 600px) {
                                    .backgroundmobile-1826 {
                                        background-size: cover !important;
                                        background-position-x: center !important;
                                        background-position-y: center !important;
                                        background-image: url('https://legacy.rsbc.org.uk/wp-content/uploads/2025/05/Copy-of-Big-Saturday-Small-Website-Banner.png') !important;

                                    }
                                }
                                

        /* Dynamic theming styles */
        .section-1253 {
            background-color: rgb(32, 75, 87);
            color: #FFFFFF;
        }
		.section-1253 a {
			color: #FFFFFF;
			border-bottom: 1px solid #FFFFFF;
		}

        .svg-fill-1253 {
            fill: #f5f5ea !important;
        }
        .text-color-1253 {
            color: #FFFFFF !important;
        }
        .bg-color-1253 {
            background-color: #FFFFFF !important;
        }
        .section-1253 span, .section-1253 h1, .section-1253 h2, .section-1253 h3, .section-1253 h4, .section-1253 h5 {
            color: #FFFFFF !important;
        }

        .section-1253 .tw-border-black {
            border-color: #FFFFFF !important;
        }
        
        .section-1253 p, .section-1253 ol, .section-1253 ul, .section-1253 li {
            color: #FFFFFF !important;
            font-family: 'Poppins', sans-serif !important;
            font-size: 1rem !important;
            font-weight: 300 !important;
        }
        
        .section-1253 ol {
            list-style: auto !important;
            margin-left:20px;
        }

        .section-1253 p {
            margin-bottom:1rem;
        }

    


.dynamic-text-5297 ol {
    list-style-type: decimal; 
    margin-left: 15px; 
    padding-left: 0;
    margin-top:10px;
}

.dynamic-text-5297 li {
    margin-bottom:10px;
}

.dynamic-bg-5297 .secondary-cta, .dynamic-bg-5297 .secondary-cta:hover { 
    color: #000000 !important; 
}

.dynamic-bg-5297 .bottom-cta {
    border-bottom: 1px solid #000000 !important; 
}

.two-col-carousel .item img {
    width: 100%;
    object-fit: cover;
    height: 25rem;
}
.dynamic-bg { background-color: rgb(255, 204, 0) !important; }
.dynamic-text p, .dynamic-text h1, .dynamic-text h2, .dynamic-text h3, .dynamic-text h4, .dynamic-text h5, .dynamic-text span, .dynamic-text { color: #000000 !important; }
.dynamic-button, .dynamic-button:hover { background-color: #000000; color: #FFFFFF!important; }
.dynamic-button:hover, .secondary-cta:hover { background-color: #000000; color: #FFFFFF!important; }



/* General styles for the carousel images, now with unique ID */
.two-col-carousel-5297 .item img {
    width: 100%;
    object-fit: cover;
    height: 25rem;
}

/* Dynamic background color with unique ID */
.dynamic-bg-5297 { background-color: rgb(255, 204, 0) !important; }

/* Dynamic text color with unique ID */
.dynamic-bg-5297 .bottom-cta, .dynamic-text-5297, .dynamic-text-5297 p, .dynamic-text-5297 h1, .dynamic-text-5297 h2, .dynamic-text-5297 h3  { color: #000000 !important; }

/* Dynamic button styles, including hover states, with unique ID */
.dynamic-button-5297, .dynamic-button-5297:hover { 
    background-color: #000000;
    color: #FFFFFF;
    border: 2px solid #000000; /* Adding black border */
}

.dynamic-button-5297:hover { 
    background-color: #000000;
    color: #FFFFFF;
}

.dynamic-bg-5297 .bottom-cta:hover {
    color: #000000 !important; 
}

.dynamic-bg-5297 a:not(.tw-ring-inset):not(.noborder), .dynamic-bg-5297 a:not(.tw-ring-inset):not(.noborder):visited {
    color: #000000 !important; 
    border-bottom:1px solid #000000 !important; 
}

.dynamic-bg-5297 .noborder, .dynamic-bg-5297 .noborder:hover, .dynamic-bg-5297 .noborder:visited {
 	color: #000000 !important; 
}



.dynamic-bg-5297 .item > p {
    color: #000000 !important; 
}

.section-5297 a {
    font-weight: 500;
}
    
.section-5297 .ctablock {
    font-weight: 500;
    text-align:center;
}

/* Specific styles for all h1 headings within the */
.section-5297 h1 {
    font-size: 2em !important; 
    margin-bottom: 0.5em;
    font-weight: 600;
    font-family: "Poppins", sans-serif !important;
}

/* Add styles for h2 */
.section-5297 h2 {
    font-size: 1.75em !important; 
    margin-bottom: 0.5em;
    font-weight: 600;
    font-family: "Poppins", sans-serif !important;
}

/* Add styles for h3 */
.section-5297 h3 {
    font-size: 1.5em !important; 
    margin-bottom: 0.5em;
    font-weight: 600;
    font-family: "Poppins", sans-serif !important;
}

/* Add styles for h4 */:not(.second-class)<h1
.section-5297 h4 {
    font-size: 1.25em !important; 
    margin-bottom: 0.5em;
    font-weight: 600;
    font-family: "Poppins", sans-serif !important;
}

/* Add styles for h5 */
.section-5297 h5 {
    font-size: 1em !important;
    margin-bottom: 0.5em;
    font-weight: 600;
    font-family: "Poppins", sans-serif !important;
}

/* Add styles for h6 */
.section-5297 h6 {
    font-size: 0.875em !important; 
    margin-bottom: 0.5em;
    font-weight: 600;
    font-family: "Poppins", sans-serif !important;
}

/* Properly style <ol> elements to show numbering */
.section-5297 ol {
    list-style-type: decimal; /* Ensure numbers are shown */
    margin-left: 20px; /* Adjust indentation as needed */
    padding-left: 0;
    font-weight: 400;
}

/* You may also want to style <li> elements within <ol> for better spacing/alignment */
.section-5297 ol li {
    margin-bottom: 10px; /* Adjust spacing between list items as needed */
    font-weight: 400;
}

.section-5297 p {
    margin-bottom:1rem;
}



    .two-col-carousel .item img {
    width: 100%;
    object-fit: cover;
    height: 25rem;
}
    



.dynamic-text-9913 ol {
    list-style-type: decimal; 
    margin-left: 15px; 
    padding-left: 0;
    margin-top:10px;
}

.dynamic-text-9913 li {
    margin-bottom:10px;
}

.dynamic-bg-9913 .secondary-cta, .dynamic-bg-9913 .secondary-cta:hover { 
    color: #000000 !important; 
}

.dynamic-bg-9913 .bottom-cta {
    border-bottom: 1px solid #000000 !important; 
}

.two-col-carousel .item img {
    width: 100%;
    object-fit: cover;
    height: 25rem;
}
.dynamic-bg { background-color: rgb(245, 245, 234) !important; }
.dynamic-text p, .dynamic-text h1, .dynamic-text h2, .dynamic-text h3, .dynamic-text h4, .dynamic-text h5, .dynamic-text span, .dynamic-text { color: #000000 !important; }
.dynamic-button, .dynamic-button:hover { background-color: #000000; color: #FFFFFF!important; }
.dynamic-button:hover, .secondary-cta:hover { background-color: #000000; color: #FFFFFF!important; }



/* General styles for the carousel images, now with unique ID */
.two-col-carousel-9913 .item img {
    width: 100%;
    object-fit: cover;
    height: 25rem;
}

/* Dynamic background color with unique ID */
.dynamic-bg-9913 { background-color: rgb(245, 245, 234) !important; }

/* Dynamic text color with unique ID */
.dynamic-bg-9913 .bottom-cta, .dynamic-text-9913, .dynamic-text-9913 p, .dynamic-text-9913 h1, .dynamic-text-9913 h2, .dynamic-text-9913 h3  { color: #000000 !important; }

/* Dynamic button styles, including hover states, with unique ID */
.dynamic-button-9913, .dynamic-button-9913:hover { 
    background-color: #000000;
    color: #FFFFFF;
    border: 2px solid #000000; /* Adding black border */
}

.dynamic-button-9913:hover { 
    background-color: #000000;
    color: #FFFFFF;
}

.dynamic-bg-9913 .bottom-cta:hover {
    color: #000000 !important; 
}

.dynamic-bg-9913 a:not(.tw-ring-inset):not(.noborder), .dynamic-bg-9913 a:not(.tw-ring-inset):not(.noborder):visited {
    color: #000000 !important; 
    border-bottom:1px solid #000000 !important; 
}

.dynamic-bg-9913 .noborder, .dynamic-bg-9913 .noborder:hover, .dynamic-bg-9913 .noborder:visited {
 	color: #000000 !important; 
}



.dynamic-bg-9913 .item > p {
    color: #000000 !important; 
}

.section-9913 a {
    font-weight: 500;
}
    
.section-9913 .ctablock {
    font-weight: 500;
    text-align:center;
}

/* Specific styles for all h1 headings within the */
.section-9913 h1 {
    font-size: 2em !important; 
    margin-bottom: 0.5em;
    font-weight: 600;
    font-family: "Poppins", sans-serif !important;
}

/* Add styles for h2 */
.section-9913 h2 {
    font-size: 1.75em !important; 
    margin-bottom: 0.5em;
    font-weight: 600;
    font-family: "Poppins", sans-serif !important;
}

/* Add styles for h3 */
.section-9913 h3 {
    font-size: 1.5em !important; 
    margin-bottom: 0.5em;
    font-weight: 600;
    font-family: "Poppins", sans-serif !important;
}

/* Add styles for h4 */:not(.second-class)<h1
.section-9913 h4 {
    font-size: 1.25em !important; 
    margin-bottom: 0.5em;
    font-weight: 600;
    font-family: "Poppins", sans-serif !important;
}

/* Add styles for h5 */
.section-9913 h5 {
    font-size: 1em !important;
    margin-bottom: 0.5em;
    font-weight: 600;
    font-family: "Poppins", sans-serif !important;
}

/* Add styles for h6 */
.section-9913 h6 {
    font-size: 0.875em !important; 
    margin-bottom: 0.5em;
    font-weight: 600;
    font-family: "Poppins", sans-serif !important;
}

/* Properly style <ol> elements to show numbering */
.section-9913 ol {
    list-style-type: decimal; /* Ensure numbers are shown */
    margin-left: 20px; /* Adjust indentation as needed */
    padding-left: 0;
    font-weight: 400;
}

/* You may also want to style <li> elements within <ol> for better spacing/alignment */
.section-9913 ol li {
    margin-bottom: 10px; /* Adjust spacing between list items as needed */
    font-weight: 400;
}

.section-9913 p {
    margin-bottom:1rem;
}



    .two-col-carousel .item img {
    width: 100%;
    object-fit: cover;
    height: 25rem;
}
    



.dynamic-text-8003 ol {
    list-style-type: decimal; 
    margin-left: 15px; 
    padding-left: 0;
    margin-top:10px;
}

.dynamic-text-8003 li {
    margin-bottom:10px;
}

.dynamic-bg-8003 .secondary-cta, .dynamic-bg-8003 .secondary-cta:hover { 
    color: #000000 !important; 
}

.dynamic-bg-8003 .bottom-cta {
    border-bottom: 1px solid #000000 !important; 
}

.two-col-carousel .item img {
    width: 100%;
    object-fit: cover;
    height: 25rem;
}
.dynamic-bg { background-color: rgb(255, 204, 0) !important; }
.dynamic-text p, .dynamic-text h1, .dynamic-text h2, .dynamic-text h3, .dynamic-text h4, .dynamic-text h5, .dynamic-text span, .dynamic-text { color: #000000 !important; }
.dynamic-button, .dynamic-button:hover { background-color: #000000; color: #FFFFFF!important; }
.dynamic-button:hover, .secondary-cta:hover { background-color: #000000; color: #FFFFFF!important; }



/* General styles for the carousel images, now with unique ID */
.two-col-carousel-8003 .item img {
    width: 100%;
    object-fit: cover;
    height: 25rem;
}

/* Dynamic background color with unique ID */
.dynamic-bg-8003 { background-color: rgb(255, 204, 0) !important; }

/* Dynamic text color with unique ID */
.dynamic-bg-8003 .bottom-cta, .dynamic-text-8003, .dynamic-text-8003 p, .dynamic-text-8003 h1, .dynamic-text-8003 h2, .dynamic-text-8003 h3  { color: #000000 !important; }

/* Dynamic button styles, including hover states, with unique ID */
.dynamic-button-8003, .dynamic-button-8003:hover { 
    background-color: #000000;
    color: #FFFFFF;
    border: 2px solid #000000; /* Adding black border */
}

.dynamic-button-8003:hover { 
    background-color: #000000;
    color: #FFFFFF;
}

.dynamic-bg-8003 .bottom-cta:hover {
    color: #000000 !important; 
}

.dynamic-bg-8003 a:not(.tw-ring-inset):not(.noborder), .dynamic-bg-8003 a:not(.tw-ring-inset):not(.noborder):visited {
    color: #000000 !important; 
    border-bottom:1px solid #000000 !important; 
}

.dynamic-bg-8003 .noborder, .dynamic-bg-8003 .noborder:hover, .dynamic-bg-8003 .noborder:visited {
 	color: #000000 !important; 
}



.dynamic-bg-8003 .item > p {
    color: #000000 !important; 
}

.section-8003 a {
    font-weight: 500;
}
    
.section-8003 .ctablock {
    font-weight: 500;
    text-align:center;
}

/* Specific styles for all h1 headings within the */
.section-8003 h1 {
    font-size: 2em !important; 
    margin-bottom: 0.5em;
    font-weight: 600;
    font-family: "Poppins", sans-serif !important;
}

/* Add styles for h2 */
.section-8003 h2 {
    font-size: 1.75em !important; 
    margin-bottom: 0.5em;
    font-weight: 600;
    font-family: "Poppins", sans-serif !important;
}

/* Add styles for h3 */
.section-8003 h3 {
    font-size: 1.5em !important; 
    margin-bottom: 0.5em;
    font-weight: 600;
    font-family: "Poppins", sans-serif !important;
}

/* Add styles for h4 */:not(.second-class)<h1
.section-8003 h4 {
    font-size: 1.25em !important; 
    margin-bottom: 0.5em;
    font-weight: 600;
    font-family: "Poppins", sans-serif !important;
}

/* Add styles for h5 */
.section-8003 h5 {
    font-size: 1em !important;
    margin-bottom: 0.5em;
    font-weight: 600;
    font-family: "Poppins", sans-serif !important;
}

/* Add styles for h6 */
.section-8003 h6 {
    font-size: 0.875em !important; 
    margin-bottom: 0.5em;
    font-weight: 600;
    font-family: "Poppins", sans-serif !important;
}

/* Properly style <ol> elements to show numbering */
.section-8003 ol {
    list-style-type: decimal; /* Ensure numbers are shown */
    margin-left: 20px; /* Adjust indentation as needed */
    padding-left: 0;
    font-weight: 400;
}

/* You may also want to style <li> elements within <ol> for better spacing/alignment */
.section-8003 ol li {
    margin-bottom: 10px; /* Adjust spacing between list items as needed */
    font-weight: 400;
}

.section-8003 p {
    margin-bottom:1rem;
}



    .two-col-carousel .item img {
    width: 100%;
    object-fit: cover;
    height: 25rem;
}
    



.dynamic-text-5875 ol {
    list-style-type: decimal; 
    margin-left: 15px; 
    padding-left: 0;
    margin-top:10px;
}

.dynamic-text-5875 li {
    margin-bottom:10px;
}

.dynamic-bg-5875 .secondary-cta, .dynamic-bg-5875 .secondary-cta:hover { 
    color: #000000 !important; 
}

.dynamic-bg-5875 .bottom-cta {
    border-bottom: 1px solid #000000 !important; 
}

.two-col-carousel .item img {
    width: 100%;
    object-fit: cover;
    height: 25rem;
}
.dynamic-bg { background-color: rgb(245, 245, 234) !important; }
.dynamic-text p, .dynamic-text h1, .dynamic-text h2, .dynamic-text h3, .dynamic-text h4, .dynamic-text h5, .dynamic-text span, .dynamic-text { color: #000000 !important; }
.dynamic-button, .dynamic-button:hover { background-color: #000000; color: #FFFFFF!important; }
.dynamic-button:hover, .secondary-cta:hover { background-color: #000000; color: #FFFFFF!important; }



/* General styles for the carousel images, now with unique ID */
.two-col-carousel-5875 .item img {
    width: 100%;
    object-fit: cover;
    height: 25rem;
}

/* Dynamic background color with unique ID */
.dynamic-bg-5875 { background-color: rgb(245, 245, 234) !important; }

/* Dynamic text color with unique ID */
.dynamic-bg-5875 .bottom-cta, .dynamic-text-5875, .dynamic-text-5875 p, .dynamic-text-5875 h1, .dynamic-text-5875 h2, .dynamic-text-5875 h3  { color: #000000 !important; }

/* Dynamic button styles, including hover states, with unique ID */
.dynamic-button-5875, .dynamic-button-5875:hover { 
    background-color: #000000;
    color: #FFFFFF;
    border: 2px solid #000000; /* Adding black border */
}

.dynamic-button-5875:hover { 
    background-color: #000000;
    color: #FFFFFF;
}

.dynamic-bg-5875 .bottom-cta:hover {
    color: #000000 !important; 
}

.dynamic-bg-5875 a:not(.tw-ring-inset):not(.noborder), .dynamic-bg-5875 a:not(.tw-ring-inset):not(.noborder):visited {
    color: #000000 !important; 
    border-bottom:1px solid #000000 !important; 
}

.dynamic-bg-5875 .noborder, .dynamic-bg-5875 .noborder:hover, .dynamic-bg-5875 .noborder:visited {
 	color: #000000 !important; 
}



.dynamic-bg-5875 .item > p {
    color: #000000 !important; 
}

.section-5875 a {
    font-weight: 500;
}
    
.section-5875 .ctablock {
    font-weight: 500;
    text-align:center;
}

/* Specific styles for all h1 headings within the */
.section-5875 h1 {
    font-size: 2em !important; 
    margin-bottom: 0.5em;
    font-weight: 600;
    font-family: "Poppins", sans-serif !important;
}

/* Add styles for h2 */
.section-5875 h2 {
    font-size: 1.75em !important; 
    margin-bottom: 0.5em;
    font-weight: 600;
    font-family: "Poppins", sans-serif !important;
}

/* Add styles for h3 */
.section-5875 h3 {
    font-size: 1.5em !important; 
    margin-bottom: 0.5em;
    font-weight: 600;
    font-family: "Poppins", sans-serif !important;
}

/* Add styles for h4 */:not(.second-class)<h1
.section-5875 h4 {
    font-size: 1.25em !important; 
    margin-bottom: 0.5em;
    font-weight: 600;
    font-family: "Poppins", sans-serif !important;
}

/* Add styles for h5 */
.section-5875 h5 {
    font-size: 1em !important;
    margin-bottom: 0.5em;
    font-weight: 600;
    font-family: "Poppins", sans-serif !important;
}

/* Add styles for h6 */
.section-5875 h6 {
    font-size: 0.875em !important; 
    margin-bottom: 0.5em;
    font-weight: 600;
    font-family: "Poppins", sans-serif !important;
}

/* Properly style <ol> elements to show numbering */
.section-5875 ol {
    list-style-type: decimal; /* Ensure numbers are shown */
    margin-left: 20px; /* Adjust indentation as needed */
    padding-left: 0;
    font-weight: 400;
}

/* You may also want to style <li> elements within <ol> for better spacing/alignment */
.section-5875 ol li {
    margin-bottom: 10px; /* Adjust spacing between list items as needed */
    font-weight: 400;
}

.section-5875 p {
    margin-bottom:1rem;
}



    .two-col-carousel .item img {
    width: 100%;
    object-fit: cover;
    height: 25rem;
}
    



.dynamic-text-7490 ol {
    list-style-type: decimal; 
    margin-left: 15px; 
    padding-left: 0;
    margin-top:10px;
}

.dynamic-text-7490 li {
    margin-bottom:10px;
}

.dynamic-bg-7490 .secondary-cta, .dynamic-bg-7490 .secondary-cta:hover { 
    color: #000000 !important; 
}

.dynamic-bg-7490 .bottom-cta {
    border-bottom: 1px solid #000000 !important; 
}

.two-col-carousel .item img {
    width: 100%;
    object-fit: cover;
    height: 25rem;
}
.dynamic-bg { background-color: rgb(255, 204, 0) !important; }
.dynamic-text p, .dynamic-text h1, .dynamic-text h2, .dynamic-text h3, .dynamic-text h4, .dynamic-text h5, .dynamic-text span, .dynamic-text { color: #000000 !important; }
.dynamic-button, .dynamic-button:hover { background-color: #000000; color: #FFFFFF!important; }
.dynamic-button:hover, .secondary-cta:hover { background-color: #000000; color: #FFFFFF!important; }



/* General styles for the carousel images, now with unique ID */
.two-col-carousel-7490 .item img {
    width: 100%;
    object-fit: cover;
    height: 25rem;
}

/* Dynamic background color with unique ID */
.dynamic-bg-7490 { background-color: rgb(255, 204, 0) !important; }

/* Dynamic text color with unique ID */
.dynamic-bg-7490 .bottom-cta, .dynamic-text-7490, .dynamic-text-7490 p, .dynamic-text-7490 h1, .dynamic-text-7490 h2, .dynamic-text-7490 h3  { color: #000000 !important; }

/* Dynamic button styles, including hover states, with unique ID */
.dynamic-button-7490, .dynamic-button-7490:hover { 
    background-color: #000000;
    color: #FFFFFF;
    border: 2px solid #000000; /* Adding black border */
}

.dynamic-button-7490:hover { 
    background-color: #000000;
    color: #FFFFFF;
}

.dynamic-bg-7490 .bottom-cta:hover {
    color: #000000 !important; 
}

.dynamic-bg-7490 a:not(.tw-ring-inset):not(.noborder), .dynamic-bg-7490 a:not(.tw-ring-inset):not(.noborder):visited {
    color: #000000 !important; 
    border-bottom:1px solid #000000 !important; 
}

.dynamic-bg-7490 .noborder, .dynamic-bg-7490 .noborder:hover, .dynamic-bg-7490 .noborder:visited {
 	color: #000000 !important; 
}



.dynamic-bg-7490 .item > p {
    color: #000000 !important; 
}

.section-7490 a {
    font-weight: 500;
}
    
.section-7490 .ctablock {
    font-weight: 500;
    text-align:center;
}

/* Specific styles for all h1 headings within the */
.section-7490 h1 {
    font-size: 2em !important; 
    margin-bottom: 0.5em;
    font-weight: 600;
    font-family: "Poppins", sans-serif !important;
}

/* Add styles for h2 */
.section-7490 h2 {
    font-size: 1.75em !important; 
    margin-bottom: 0.5em;
    font-weight: 600;
    font-family: "Poppins", sans-serif !important;
}

/* Add styles for h3 */
.section-7490 h3 {
    font-size: 1.5em !important; 
    margin-bottom: 0.5em;
    font-weight: 600;
    font-family: "Poppins", sans-serif !important;
}

/* Add styles for h4 */:not(.second-class)<h1
.section-7490 h4 {
    font-size: 1.25em !important; 
    margin-bottom: 0.5em;
    font-weight: 600;
    font-family: "Poppins", sans-serif !important;
}

/* Add styles for h5 */
.section-7490 h5 {
    font-size: 1em !important;
    margin-bottom: 0.5em;
    font-weight: 600;
    font-family: "Poppins", sans-serif !important;
}

/* Add styles for h6 */
.section-7490 h6 {
    font-size: 0.875em !important; 
    margin-bottom: 0.5em;
    font-weight: 600;
    font-family: "Poppins", sans-serif !important;
}

/* Properly style <ol> elements to show numbering */
.section-7490 ol {
    list-style-type: decimal; /* Ensure numbers are shown */
    margin-left: 20px; /* Adjust indentation as needed */
    padding-left: 0;
    font-weight: 400;
}

/* You may also want to style <li> elements within <ol> for better spacing/alignment */
.section-7490 ol li {
    margin-bottom: 10px; /* Adjust spacing between list items as needed */
    font-weight: 400;
}

.section-7490 p {
    margin-bottom:1rem;
}



    .two-col-carousel .item img {
    width: 100%;
    object-fit: cover;
    height: 25rem;
}
    



.dynamic-text-4176 ol {
    list-style-type: decimal; 
    margin-left: 15px; 
    padding-left: 0;
    margin-top:10px;
}

.dynamic-text-4176 li {
    margin-bottom:10px;
}

.dynamic-bg-4176 .secondary-cta, .dynamic-bg-4176 .secondary-cta:hover { 
    color: #000000 !important; 
}

.dynamic-bg-4176 .bottom-cta {
    border-bottom: 1px solid #000000 !important; 
}

.two-col-carousel .item img {
    width: 100%;
    object-fit: cover;
    height: 25rem;
}
.dynamic-bg { background-color: rgb(245, 245, 234) !important; }
.dynamic-text p, .dynamic-text h1, .dynamic-text h2, .dynamic-text h3, .dynamic-text h4, .dynamic-text h5, .dynamic-text span, .dynamic-text { color: #000000 !important; }
.dynamic-button, .dynamic-button:hover { background-color: #000000; color: #FFFFFF!important; }
.dynamic-button:hover, .secondary-cta:hover { background-color: #000000; color: #FFFFFF!important; }



/* General styles for the carousel images, now with unique ID */
.two-col-carousel-4176 .item img {
    width: 100%;
    object-fit: cover;
    height: 25rem;
}

/* Dynamic background color with unique ID */
.dynamic-bg-4176 { background-color: rgb(245, 245, 234) !important; }

/* Dynamic text color with unique ID */
.dynamic-bg-4176 .bottom-cta, .dynamic-text-4176, .dynamic-text-4176 p, .dynamic-text-4176 h1, .dynamic-text-4176 h2, .dynamic-text-4176 h3  { color: #000000 !important; }

/* Dynamic button styles, including hover states, with unique ID */
.dynamic-button-4176, .dynamic-button-4176:hover { 
    background-color: #000000;
    color: #FFFFFF;
    border: 2px solid #000000; /* Adding black border */
}

.dynamic-button-4176:hover { 
    background-color: #000000;
    color: #FFFFFF;
}

.dynamic-bg-4176 .bottom-cta:hover {
    color: #000000 !important; 
}

.dynamic-bg-4176 a:not(.tw-ring-inset):not(.noborder), .dynamic-bg-4176 a:not(.tw-ring-inset):not(.noborder):visited {
    color: #000000 !important; 
    border-bottom:1px solid #000000 !important; 
}

.dynamic-bg-4176 .noborder, .dynamic-bg-4176 .noborder:hover, .dynamic-bg-4176 .noborder:visited {
 	color: #000000 !important; 
}



.dynamic-bg-4176 .item > p {
    color: #000000 !important; 
}

.section-4176 a {
    font-weight: 500;
}
    
.section-4176 .ctablock {
    font-weight: 500;
    text-align:center;
}

/* Specific styles for all h1 headings within the */
.section-4176 h1 {
    font-size: 2em !important; 
    margin-bottom: 0.5em;
    font-weight: 600;
    font-family: "Poppins", sans-serif !important;
}

/* Add styles for h2 */
.section-4176 h2 {
    font-size: 1.75em !important; 
    margin-bottom: 0.5em;
    font-weight: 600;
    font-family: "Poppins", sans-serif !important;
}

/* Add styles for h3 */
.section-4176 h3 {
    font-size: 1.5em !important; 
    margin-bottom: 0.5em;
    font-weight: 600;
    font-family: "Poppins", sans-serif !important;
}

/* Add styles for h4 */:not(.second-class)<h1
.section-4176 h4 {
    font-size: 1.25em !important; 
    margin-bottom: 0.5em;
    font-weight: 600;
    font-family: "Poppins", sans-serif !important;
}

/* Add styles for h5 */
.section-4176 h5 {
    font-size: 1em !important;
    margin-bottom: 0.5em;
    font-weight: 600;
    font-family: "Poppins", sans-serif !important;
}

/* Add styles for h6 */
.section-4176 h6 {
    font-size: 0.875em !important; 
    margin-bottom: 0.5em;
    font-weight: 600;
    font-family: "Poppins", sans-serif !important;
}

/* Properly style <ol> elements to show numbering */
.section-4176 ol {
    list-style-type: decimal; /* Ensure numbers are shown */
    margin-left: 20px; /* Adjust indentation as needed */
    padding-left: 0;
    font-weight: 400;
}

/* You may also want to style <li> elements within <ol> for better spacing/alignment */
.section-4176 ol li {
    margin-bottom: 10px; /* Adjust spacing between list items as needed */
    font-weight: 400;
}

.section-4176 p {
    margin-bottom:1rem;
}



    .two-col-carousel .item img {
    width: 100%;
    object-fit: cover;
    height: 25rem;
}
    



.dynamic-text-5242 ol {
    list-style-type: decimal; 
    margin-left: 15px; 
    padding-left: 0;
    margin-top:10px;
}

.dynamic-text-5242 li {
    margin-bottom:10px;
}

.dynamic-bg-5242 .secondary-cta, .dynamic-bg-5242 .secondary-cta:hover { 
    color: #000000 !important; 
}

.dynamic-bg-5242 .bottom-cta {
    border-bottom: 1px solid #000000 !important; 
}

.two-col-carousel .item img {
    width: 100%;
    object-fit: cover;
    height: 25rem;
}
.dynamic-bg { background-color: rgb(255, 204, 0) !important; }
.dynamic-text p, .dynamic-text h1, .dynamic-text h2, .dynamic-text h3, .dynamic-text h4, .dynamic-text h5, .dynamic-text span, .dynamic-text { color: #000000 !important; }
.dynamic-button, .dynamic-button:hover { background-color: #000000; color: #FFFFFF!important; }
.dynamic-button:hover, .secondary-cta:hover { background-color: #000000; color: #FFFFFF!important; }



/* General styles for the carousel images, now with unique ID */
.two-col-carousel-5242 .item img {
    width: 100%;
    object-fit: cover;
    height: 25rem;
}

/* Dynamic background color with unique ID */
.dynamic-bg-5242 { background-color: rgb(255, 204, 0) !important; }

/* Dynamic text color with unique ID */
.dynamic-bg-5242 .bottom-cta, .dynamic-text-5242, .dynamic-text-5242 p, .dynamic-text-5242 h1, .dynamic-text-5242 h2, .dynamic-text-5242 h3  { color: #000000 !important; }

/* Dynamic button styles, including hover states, with unique ID */
.dynamic-button-5242, .dynamic-button-5242:hover { 
    background-color: #000000;
    color: #FFFFFF;
    border: 2px solid #000000; /* Adding black border */
}

.dynamic-button-5242:hover { 
    background-color: #000000;
    color: #FFFFFF;
}

.dynamic-bg-5242 .bottom-cta:hover {
    color: #000000 !important; 
}

.dynamic-bg-5242 a:not(.tw-ring-inset):not(.noborder), .dynamic-bg-5242 a:not(.tw-ring-inset):not(.noborder):visited {
    color: #000000 !important; 
    border-bottom:1px solid #000000 !important; 
}

.dynamic-bg-5242 .noborder, .dynamic-bg-5242 .noborder:hover, .dynamic-bg-5242 .noborder:visited {
 	color: #000000 !important; 
}



.dynamic-bg-5242 .item > p {
    color: #000000 !important; 
}

.section-5242 a {
    font-weight: 500;
}
    
.section-5242 .ctablock {
    font-weight: 500;
    text-align:center;
}

/* Specific styles for all h1 headings within the */
.section-5242 h1 {
    font-size: 2em !important; 
    margin-bottom: 0.5em;
    font-weight: 600;
    font-family: "Poppins", sans-serif !important;
}

/* Add styles for h2 */
.section-5242 h2 {
    font-size: 1.75em !important; 
    margin-bottom: 0.5em;
    font-weight: 600;
    font-family: "Poppins", sans-serif !important;
}

/* Add styles for h3 */
.section-5242 h3 {
    font-size: 1.5em !important; 
    margin-bottom: 0.5em;
    font-weight: 600;
    font-family: "Poppins", sans-serif !important;
}

/* Add styles for h4 */:not(.second-class)<h1
.section-5242 h4 {
    font-size: 1.25em !important; 
    margin-bottom: 0.5em;
    font-weight: 600;
    font-family: "Poppins", sans-serif !important;
}

/* Add styles for h5 */
.section-5242 h5 {
    font-size: 1em !important;
    margin-bottom: 0.5em;
    font-weight: 600;
    font-family: "Poppins", sans-serif !important;
}

/* Add styles for h6 */
.section-5242 h6 {
    font-size: 0.875em !important; 
    margin-bottom: 0.5em;
    font-weight: 600;
    font-family: "Poppins", sans-serif !important;
}

/* Properly style <ol> elements to show numbering */
.section-5242 ol {
    list-style-type: decimal; /* Ensure numbers are shown */
    margin-left: 20px; /* Adjust indentation as needed */
    padding-left: 0;
    font-weight: 400;
}

/* You may also want to style <li> elements within <ol> for better spacing/alignment */
.section-5242 ol li {
    margin-bottom: 10px; /* Adjust spacing between list items as needed */
    font-weight: 400;
}

.section-5242 p {
    margin-bottom:1rem;
}



    .two-col-carousel .item img {
    width: 100%;
    object-fit: cover;
    height: 25rem;
}
    



.dynamic-text-7948 ol {
    list-style-type: decimal; 
    margin-left: 15px; 
    padding-left: 0;
    margin-top:10px;
}

.dynamic-text-7948 li {
    margin-bottom:10px;
}

.dynamic-bg-7948 .secondary-cta, .dynamic-bg-7948 .secondary-cta:hover { 
    color: #000000 !important; 
}

.dynamic-bg-7948 .bottom-cta {
    border-bottom: 1px solid #000000 !important; 
}

.two-col-carousel .item img {
    width: 100%;
    object-fit: cover;
    height: 25rem;
}
.dynamic-bg { background-color: rgb(245, 245, 234) !important; }
.dynamic-text p, .dynamic-text h1, .dynamic-text h2, .dynamic-text h3, .dynamic-text h4, .dynamic-text h5, .dynamic-text span, .dynamic-text { color: #000000 !important; }
.dynamic-button, .dynamic-button:hover { background-color: #000000; color: #FFFFFF!important; }
.dynamic-button:hover, .secondary-cta:hover { background-color: #000000; color: #FFFFFF!important; }



/* General styles for the carousel images, now with unique ID */
.two-col-carousel-7948 .item img {
    width: 100%;
    object-fit: cover;
    height: 25rem;
}

/* Dynamic background color with unique ID */
.dynamic-bg-7948 { background-color: rgb(245, 245, 234) !important; }

/* Dynamic text color with unique ID */
.dynamic-bg-7948 .bottom-cta, .dynamic-text-7948, .dynamic-text-7948 p, .dynamic-text-7948 h1, .dynamic-text-7948 h2, .dynamic-text-7948 h3  { color: #000000 !important; }

/* Dynamic button styles, including hover states, with unique ID */
.dynamic-button-7948, .dynamic-button-7948:hover { 
    background-color: #000000;
    color: #FFFFFF;
    border: 2px solid #000000; /* Adding black border */
}

.dynamic-button-7948:hover { 
    background-color: #000000;
    color: #FFFFFF;
}

.dynamic-bg-7948 .bottom-cta:hover {
    color: #000000 !important; 
}

.dynamic-bg-7948 a:not(.tw-ring-inset):not(.noborder), .dynamic-bg-7948 a:not(.tw-ring-inset):not(.noborder):visited {
    color: #000000 !important; 
    border-bottom:1px solid #000000 !important; 
}

.dynamic-bg-7948 .noborder, .dynamic-bg-7948 .noborder:hover, .dynamic-bg-7948 .noborder:visited {
 	color: #000000 !important; 
}



.dynamic-bg-7948 .item > p {
    color: #000000 !important; 
}

.section-7948 a {
    font-weight: 500;
}
    
.section-7948 .ctablock {
    font-weight: 500;
    text-align:center;
}

/* Specific styles for all h1 headings within the */
.section-7948 h1 {
    font-size: 2em !important; 
    margin-bottom: 0.5em;
    font-weight: 600;
    font-family: "Poppins", sans-serif !important;
}

/* Add styles for h2 */
.section-7948 h2 {
    font-size: 1.75em !important; 
    margin-bottom: 0.5em;
    font-weight: 600;
    font-family: "Poppins", sans-serif !important;
}

/* Add styles for h3 */
.section-7948 h3 {
    font-size: 1.5em !important; 
    margin-bottom: 0.5em;
    font-weight: 600;
    font-family: "Poppins", sans-serif !important;
}

/* Add styles for h4 */:not(.second-class)<h1
.section-7948 h4 {
    font-size: 1.25em !important; 
    margin-bottom: 0.5em;
    font-weight: 600;
    font-family: "Poppins", sans-serif !important;
}

/* Add styles for h5 */
.section-7948 h5 {
    font-size: 1em !important;
    margin-bottom: 0.5em;
    font-weight: 600;
    font-family: "Poppins", sans-serif !important;
}

/* Add styles for h6 */
.section-7948 h6 {
    font-size: 0.875em !important; 
    margin-bottom: 0.5em;
    font-weight: 600;
    font-family: "Poppins", sans-serif !important;
}

/* Properly style <ol> elements to show numbering */
.section-7948 ol {
    list-style-type: decimal; /* Ensure numbers are shown */
    margin-left: 20px; /* Adjust indentation as needed */
    padding-left: 0;
    font-weight: 400;
}

/* You may also want to style <li> elements within <ol> for better spacing/alignment */
.section-7948 ol li {
    margin-bottom: 10px; /* Adjust spacing between list items as needed */
    font-weight: 400;
}

.section-7948 p {
    margin-bottom:1rem;
}



    .two-col-carousel .item img {
    width: 100%;
    object-fit: cover;
    height: 25rem;
}
    


    #video-carousel-7684 {
        background-color: rgb(32, 75, 87) !important;
        color: #FFFFFF !important;
    }
    
    #video-carousel-' . 7684 . ' h1 {
        font-size: 2em !important; 
        margin-bottom: 0.5em;
        font-weight: 600;
        font-family: 'Poppins', sans-serif !important;
        color: #FFFFFF !important;
    }

    /* Add styles for h2 */
    #video-carousel-' . 7684 . ' h2 {
        font-size: 1.75em !important; 
        margin-bottom: 0.5em;
        font-weight: 600;
        font-family: 'Poppins', sans-serif !important;
        color: #FFFFFF !important;
    }

    /* Add styles for h3 */
    #video-carousel-' . 7684 . ' h3 {
        font-size: 1.5em !important; 
        margin-bottom: 0.5em;
        font-weight: 600;
        font-family: 'Poppins', sans-serif !important;
        color: #FFFFFF !important;
    }

    /* Add styles for h4 */
    #video-carousel-' . 7684 . ' h4 {
        font-size: 1.25em !important; 
        margin-bottom: 0.5em;
        font-weight: 600;
        font-family: 'Poppins', sans-serif !important;
        color: #FFFFFF !important;
    }

    /* Add styles for h5 */
    #video-carousel-' . 7684 . ' h5 {
        font-size: 1em !important;
        margin-bottom: 0.5em;
        font-weight: 600;
        font-family: 'Poppins', sans-serif !important;
        color: #FFFFFF !important;
    }

    /* Add styles for h6 */
    #video-carousel-' . 7684 . ' h6 {
        font-size: 0.875em !important; 
        margin-bottom: 0.5em;
        font-weight: 600;
        font-family: 'Poppins', sans-serif !important;
        color: #FFFFFF !important;
    }
    
    .tw-invert-1 {
        filter: invert(1);
    }
    
    .mask > div.owl-stage-outer {
        overflow:visible;
    }
    

    
    .mask .owl-item {
        opacity: 0; 
        transition: opacity 0.5s ease-in-out 0.1s; /* Slower fade-out */
    }

    .mask .owl-item.active {
        opacity: 1;
        transition: opacity 0.3s ease-in-out 0s; /* Quicker fade-in without delay */
    }




.iframe-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2; /* Above the iframe */
    cursor: pointer;
    transition: transform 0.3s ease; /* Smooth transition for transform */
}

.item {
    position: relative; /* For overlay positioning */
    transition: transform 0.3s ease; /* Smooth transition for transform */
}
.item.active {
    transform: scale(1.05); /* Scale up by 5% */
    transition: transform 0.3s ease; /* Smooth transition for transform */
}


        .dark-teal-cta-8684 {
            border:none;
            background:white !important;
            color:black !important;
        }
    


.dynamic-text-8684 ol {
    list-style-type: decimal; 
    margin-left: 15px; 
    padding-left: 0;
    margin-top:10px;
}

.dynamic-text-8684 li {
    margin-bottom:10px;
}

.dynamic-bg-8684 .secondary-cta, .dynamic-bg-8684 .secondary-cta:hover { 
    color: #FFFFFF !important; 
}

.dynamic-bg-8684 .bottom-cta {
    border-bottom: 1px solid #FFFFFF !important; 
}

.two-col-carousel .item img {
    width: 100%;
    object-fit: cover;
    height: 25rem;
}
.dynamic-bg { background-color: rgb(32, 75, 87) !important; }
.dynamic-text p, .dynamic-text h1, .dynamic-text h2, .dynamic-text h3, .dynamic-text h4, .dynamic-text h5, .dynamic-text span, .dynamic-text { color: #FFFFFF !important; }
.dynamic-button, .dynamic-button:hover { background-color: #FFFFFF; color: #000000!important; }
.dynamic-button:hover, .secondary-cta:hover { background-color: #FFFFFF; color: #000000!important; }



/* General styles for the carousel images, now with unique ID */
.two-col-carousel-8684 .item img {
    width: 100%;
    object-fit: cover;
    height: 25rem;
}

/* Dynamic background color with unique ID */
.dynamic-bg-8684 { background-color: rgb(32, 75, 87) !important; }

/* Dynamic text color with unique ID */
.dynamic-bg-8684 .bottom-cta, .dynamic-text-8684, .dynamic-text-8684 p, .dynamic-text-8684 h1, .dynamic-text-8684 h2, .dynamic-text-8684 h3  { color: #FFFFFF !important; }

/* Dynamic button styles, including hover states, with unique ID */
.dynamic-button-8684, .dynamic-button-8684:hover { 
    background-color: #FFFFFF;
    color: #000000;
    border: 2px solid #000000; /* Adding black border */
}

.dynamic-button-8684:hover { 
    background-color: #FFFFFF;
    color: #000000;
}

.dynamic-bg-8684 .bottom-cta:hover {
    color: #FFFFFF !important; 
}

.dynamic-bg-8684 a:not(.tw-ring-inset):not(.noborder), .dynamic-bg-8684 a:not(.tw-ring-inset):not(.noborder):visited {
    color: #FFFFFF !important; 
    border-bottom:1px solid #FFFFFF !important; 
}

.dynamic-bg-8684 .noborder, .dynamic-bg-8684 .noborder:hover, .dynamic-bg-8684 .noborder:visited {
 	color: #FFFFFF !important; 
}



.dynamic-bg-8684 .item > p {
    color: #FFFFFF !important; 
}

.section-8684 a {
    font-weight: 500;
}
    
.section-8684 .ctablock {
    font-weight: 500;
    text-align:center;
}

/* Specific styles for all h1 headings within the */
.section-8684 h1 {
    font-size: 2em !important; 
    margin-bottom: 0.5em;
    font-weight: 600;
    font-family: "Poppins", sans-serif !important;
}

/* Add styles for h2 */
.section-8684 h2 {
    font-size: 1.75em !important; 
    margin-bottom: 0.5em;
    font-weight: 600;
    font-family: "Poppins", sans-serif !important;
}

/* Add styles for h3 */
.section-8684 h3 {
    font-size: 1.5em !important; 
    margin-bottom: 0.5em;
    font-weight: 600;
    font-family: "Poppins", sans-serif !important;
}

/* Add styles for h4 */:not(.second-class)<h1
.section-8684 h4 {
    font-size: 1.25em !important; 
    margin-bottom: 0.5em;
    font-weight: 600;
    font-family: "Poppins", sans-serif !important;
}

/* Add styles for h5 */
.section-8684 h5 {
    font-size: 1em !important;
    margin-bottom: 0.5em;
    font-weight: 600;
    font-family: "Poppins", sans-serif !important;
}

/* Add styles for h6 */
.section-8684 h6 {
    font-size: 0.875em !important; 
    margin-bottom: 0.5em;
    font-weight: 600;
    font-family: "Poppins", sans-serif !important;
}

/* Properly style <ol> elements to show numbering */
.section-8684 ol {
    list-style-type: decimal; /* Ensure numbers are shown */
    margin-left: 20px; /* Adjust indentation as needed */
    padding-left: 0;
    font-weight: 400;
}

/* You may also want to style <li> elements within <ol> for better spacing/alignment */
.section-8684 ol li {
    margin-bottom: 10px; /* Adjust spacing between list items as needed */
    font-weight: 400;
}

.section-8684 p {
    margin-bottom:1rem;
}



    .two-col-carousel .item img {
    width: 100%;
    object-fit: cover;
    height: 25rem;
}
    


    #video-carousel-6639 {
        background-color: rgb(245, 245, 234) !important;
        color: #000000 !important;
    }
    
    #video-carousel-' . 6639 . ' h1 {
        font-size: 2em !important; 
        margin-bottom: 0.5em;
        font-weight: 600;
        font-family: 'Poppins', sans-serif !important;
        color: #000000 !important;
    }

    /* Add styles for h2 */
    #video-carousel-' . 6639 . ' h2 {
        font-size: 1.75em !important; 
        margin-bottom: 0.5em;
        font-weight: 600;
        font-family: 'Poppins', sans-serif !important;
        color: #000000 !important;
    }

    /* Add styles for h3 */
    #video-carousel-' . 6639 . ' h3 {
        font-size: 1.5em !important; 
        margin-bottom: 0.5em;
        font-weight: 600;
        font-family: 'Poppins', sans-serif !important;
        color: #000000 !important;
    }

    /* Add styles for h4 */
    #video-carousel-' . 6639 . ' h4 {
        font-size: 1.25em !important; 
        margin-bottom: 0.5em;
        font-weight: 600;
        font-family: 'Poppins', sans-serif !important;
        color: #000000 !important;
    }

    /* Add styles for h5 */
    #video-carousel-' . 6639 . ' h5 {
        font-size: 1em !important;
        margin-bottom: 0.5em;
        font-weight: 600;
        font-family: 'Poppins', sans-serif !important;
        color: #000000 !important;
    }

    /* Add styles for h6 */
    #video-carousel-' . 6639 . ' h6 {
        font-size: 0.875em !important; 
        margin-bottom: 0.5em;
        font-weight: 600;
        font-family: 'Poppins', sans-serif !important;
        color: #000000 !important;
    }
    
    .tw-invert-1 {
        filter: invert(1);
    }
    
    .mask > div.owl-stage-outer {
        overflow:visible;
    }
    

    
    .mask .owl-item {
        opacity: 0; 
        transition: opacity 0.5s ease-in-out 0.1s; /* Slower fade-out */
    }

    .mask .owl-item.active {
        opacity: 1;
        transition: opacity 0.3s ease-in-out 0s; /* Quicker fade-in without delay */
    }




.iframe-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2; /* Above the iframe */
    cursor: pointer;
    transition: transform 0.3s ease; /* Smooth transition for transform */
}

.item {
    position: relative; /* For overlay positioning */
    transition: transform 0.3s ease; /* Smooth transition for transform */
}
.item.active {
    transform: scale(1.05); /* Scale up by 5% */
    transition: transform 0.3s ease; /* Smooth transition for transform */
}



.dynamic-text-2426 ol {
    list-style-type: decimal; 
    margin-left: 15px; 
    padding-left: 0;
    margin-top:10px;
}

.dynamic-text-2426 li {
    margin-bottom:10px;
}

.dynamic-bg-2426 .secondary-cta, .dynamic-bg-2426 .secondary-cta:hover { 
    color: #000000 !important; 
}

.dynamic-bg-2426 .bottom-cta {
    border-bottom: 1px solid #000000 !important; 
}

.two-col-carousel .item img {
    width: 100%;
    object-fit: cover;
    height: 25rem;
}
.dynamic-bg { background-color: rgb(245, 245, 234) !important; }
.dynamic-text p, .dynamic-text h1, .dynamic-text h2, .dynamic-text h3, .dynamic-text h4, .dynamic-text h5, .dynamic-text span, .dynamic-text { color: #000000 !important; }
.dynamic-button, .dynamic-button:hover { background-color: #000000; color: #FFFFFF!important; }
.dynamic-button:hover, .secondary-cta:hover { background-color: #000000; color: #FFFFFF!important; }



/* General styles for the carousel images, now with unique ID */
.two-col-carousel-2426 .item img {
    width: 100%;
    object-fit: cover;
    height: 25rem;
}

/* Dynamic background color with unique ID */
.dynamic-bg-2426 { background-color: rgb(245, 245, 234) !important; }

/* Dynamic text color with unique ID */
.dynamic-bg-2426 .bottom-cta, .dynamic-text-2426, .dynamic-text-2426 p, .dynamic-text-2426 h1, .dynamic-text-2426 h2, .dynamic-text-2426 h3  { color: #000000 !important; }

/* Dynamic button styles, including hover states, with unique ID */
.dynamic-button-2426, .dynamic-button-2426:hover { 
    background-color: #000000;
    color: #FFFFFF;
    border: 2px solid #000000; /* Adding black border */
}

.dynamic-button-2426:hover { 
    background-color: #000000;
    color: #FFFFFF;
}

.dynamic-bg-2426 .bottom-cta:hover {
    color: #000000 !important; 
}

.dynamic-bg-2426 a:not(.tw-ring-inset):not(.noborder), .dynamic-bg-2426 a:not(.tw-ring-inset):not(.noborder):visited {
    color: #000000 !important; 
    border-bottom:1px solid #000000 !important; 
}

.dynamic-bg-2426 .noborder, .dynamic-bg-2426 .noborder:hover, .dynamic-bg-2426 .noborder:visited {
 	color: #000000 !important; 
}



.dynamic-bg-2426 .item > p {
    color: #000000 !important; 
}

.section-2426 a {
    font-weight: 500;
}
    
.section-2426 .ctablock {
    font-weight: 500;
    text-align:center;
}

/* Specific styles for all h1 headings within the */
.section-2426 h1 {
    font-size: 2em !important; 
    margin-bottom: 0.5em;
    font-weight: 600;
    font-family: "Poppins", sans-serif !important;
}

/* Add styles for h2 */
.section-2426 h2 {
    font-size: 1.75em !important; 
    margin-bottom: 0.5em;
    font-weight: 600;
    font-family: "Poppins", sans-serif !important;
}

/* Add styles for h3 */
.section-2426 h3 {
    font-size: 1.5em !important; 
    margin-bottom: 0.5em;
    font-weight: 600;
    font-family: "Poppins", sans-serif !important;
}

/* Add styles for h4 */:not(.second-class)<h1
.section-2426 h4 {
    font-size: 1.25em !important; 
    margin-bottom: 0.5em;
    font-weight: 600;
    font-family: "Poppins", sans-serif !important;
}

/* Add styles for h5 */
.section-2426 h5 {
    font-size: 1em !important;
    margin-bottom: 0.5em;
    font-weight: 600;
    font-family: "Poppins", sans-serif !important;
}

/* Add styles for h6 */
.section-2426 h6 {
    font-size: 0.875em !important; 
    margin-bottom: 0.5em;
    font-weight: 600;
    font-family: "Poppins", sans-serif !important;
}

/* Properly style <ol> elements to show numbering */
.section-2426 ol {
    list-style-type: decimal; /* Ensure numbers are shown */
    margin-left: 20px; /* Adjust indentation as needed */
    padding-left: 0;
    font-weight: 400;
}

/* You may also want to style <li> elements within <ol> for better spacing/alignment */
.section-2426 ol li {
    margin-bottom: 10px; /* Adjust spacing between list items as needed */
    font-weight: 400;
}

.section-2426 p {
    margin-bottom:1rem;
}



    .two-col-carousel .item img {
    width: 100%;
    object-fit: cover;
    height: 25rem;
}
    



.dynamic-text-9170 ol {
    list-style-type: decimal; 
    margin-left: 15px; 
    padding-left: 0;
    margin-top:10px;
}

.dynamic-text-9170 li {
    margin-bottom:10px;
}

.dynamic-bg-9170 .secondary-cta, .dynamic-bg-9170 .secondary-cta:hover { 
    color: #000000 !important; 
}

.dynamic-bg-9170 .bottom-cta {
    border-bottom: 1px solid #000000 !important; 
}

.two-col-carousel .item img {
    width: 100%;
    object-fit: cover;
    height: 25rem;
}
.dynamic-bg { background-color: rgb(255, 204, 0) !important; }
.dynamic-text p, .dynamic-text h1, .dynamic-text h2, .dynamic-text h3, .dynamic-text h4, .dynamic-text h5, .dynamic-text span, .dynamic-text { color: #000000 !important; }
.dynamic-button, .dynamic-button:hover { background-color: #000000; color: #FFFFFF!important; }
.dynamic-button:hover, .secondary-cta:hover { background-color: #000000; color: #FFFFFF!important; }



/* General styles for the carousel images, now with unique ID */
.two-col-carousel-9170 .item img {
    width: 100%;
    object-fit: cover;
    height: 25rem;
}

/* Dynamic background color with unique ID */
.dynamic-bg-9170 { background-color: rgb(255, 204, 0) !important; }

/* Dynamic text color with unique ID */
.dynamic-bg-9170 .bottom-cta, .dynamic-text-9170, .dynamic-text-9170 p, .dynamic-text-9170 h1, .dynamic-text-9170 h2, .dynamic-text-9170 h3  { color: #000000 !important; }

/* Dynamic button styles, including hover states, with unique ID */
.dynamic-button-9170, .dynamic-button-9170:hover { 
    background-color: #000000;
    color: #FFFFFF;
    border: 2px solid #000000; /* Adding black border */
}

.dynamic-button-9170:hover { 
    background-color: #000000;
    color: #FFFFFF;
}

.dynamic-bg-9170 .bottom-cta:hover {
    color: #000000 !important; 
}

.dynamic-bg-9170 a:not(.tw-ring-inset):not(.noborder), .dynamic-bg-9170 a:not(.tw-ring-inset):not(.noborder):visited {
    color: #000000 !important; 
    border-bottom:1px solid #000000 !important; 
}

.dynamic-bg-9170 .noborder, .dynamic-bg-9170 .noborder:hover, .dynamic-bg-9170 .noborder:visited {
 	color: #000000 !important; 
}



.dynamic-bg-9170 .item > p {
    color: #000000 !important; 
}

.section-9170 a {
    font-weight: 500;
}
    
.section-9170 .ctablock {
    font-weight: 500;
    text-align:center;
}

/* Specific styles for all h1 headings within the */
.section-9170 h1 {
    font-size: 2em !important; 
    margin-bottom: 0.5em;
    font-weight: 600;
    font-family: "Poppins", sans-serif !important;
}

/* Add styles for h2 */
.section-9170 h2 {
    font-size: 1.75em !important; 
    margin-bottom: 0.5em;
    font-weight: 600;
    font-family: "Poppins", sans-serif !important;
}

/* Add styles for h3 */
.section-9170 h3 {
    font-size: 1.5em !important; 
    margin-bottom: 0.5em;
    font-weight: 600;
    font-family: "Poppins", sans-serif !important;
}

/* Add styles for h4 */:not(.second-class)<h1
.section-9170 h4 {
    font-size: 1.25em !important; 
    margin-bottom: 0.5em;
    font-weight: 600;
    font-family: "Poppins", sans-serif !important;
}

/* Add styles for h5 */
.section-9170 h5 {
    font-size: 1em !important;
    margin-bottom: 0.5em;
    font-weight: 600;
    font-family: "Poppins", sans-serif !important;
}

/* Add styles for h6 */
.section-9170 h6 {
    font-size: 0.875em !important; 
    margin-bottom: 0.5em;
    font-weight: 600;
    font-family: "Poppins", sans-serif !important;
}

/* Properly style <ol> elements to show numbering */
.section-9170 ol {
    list-style-type: decimal; /* Ensure numbers are shown */
    margin-left: 20px; /* Adjust indentation as needed */
    padding-left: 0;
    font-weight: 400;
}

/* You may also want to style <li> elements within <ol> for better spacing/alignment */
.section-9170 ol li {
    margin-bottom: 10px; /* Adjust spacing between list items as needed */
    font-weight: 400;
}

.section-9170 p {
    margin-bottom:1rem;
}



    .two-col-carousel .item img {
    width: 100%;
    object-fit: cover;
    height: 25rem;
}