
.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-4586 .item {
            background-color: rgb(255, 71, 0);
        }
        .hero-carousel-4586 .item h1,
        .hero-carousel-4586 .item p {
            color: #FFFFFF;
        }
        .hero-carousel-4586 .hwhite {
            background-color: #FFFFFF;
            color: #000000;
        }
        .hero-carousel-4586 .hwhite:hover {
            background-color: #FFFFFF;
            color: #000000 !important;
        }

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

        .tw-bg-rsbc-4586 {
            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-4586 {
						margin-top:10px !important;
					}
				}
			

                                @media (max-width: 600px) {
                                    .backgroundmobile-8880 {
                                        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/2024/04/donate-in-memory-hero-600x800-1.jpg') !important;

                                    }
                                }
                                

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

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

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

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

    

.section-we_are_rsbc a {
    border-bottom: 1px solid black;
    font-weight: 500;
    color:black;
}
	
.section-we_are_rsbc .ctablock {
    border-bottom: 1px solid black;
    font-weight: 500;
    color:white;
	text-align:center;
}

/* Specific styles for all h1 headings within the .section-we_are_rsbc */
.section-we_are_rsbc h1 {
    font-size: 2em; /* Example size, adjust as needed */
    margin-bottom: 0.5em;
    font-weight: 600;
    font-family: 'Poppins', sans-serif !important;
    color:black !important;
}

/* Add styles for h2 */
.section-we_are_rsbc h2 {
    font-size: 1.75em; /* Slightly smaller than h1 */
    margin-bottom: 0.5em;
    font-weight: 600;
    font-family: 'Poppins', sans-serif !important;
    color:black !important;
}

/* Add styles for h3 */
.section-we_are_rsbc h3 {
    font-size: 1.5em; /* Slightly smaller than h2 */
    margin-bottom: 0.5em;
    font-weight: 600;
    font-family: 'Poppins', sans-serif !important;
}

/* Add styles for h4 */
.section-we_are_rsbc h4 {
    font-size: 1.25em; /* Slightly smaller than h3 */
    margin-bottom: 0.5em;
    font-weight: 600;
    font-family: 'Poppins', sans-serif !important;
}

/* Add styles for h5 */
.section-we_are_rsbc h5 {
    font-size: 1em; /* Slightly smaller than h4 */
    margin-bottom: 0.5em;
    font-weight: 600;
    font-family: 'Poppins', sans-serif !important;
}

/* Add styles for h6 */
.section-we_are_rsbc h6 {
    font-size: 0.875em; /* Smallest among the headings */
    margin-bottom: 0.5em;
    font-weight: 600;
    font-family: 'Poppins', sans-serif !important;
}

/* Properly style <ol> elements to show numbering */
.section-we_are_rsbc 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-we_are_rsbc ol li {
    margin-bottom: 10px; /* Adjust spacing between list items as needed */
    font-weight: 400;
}

    .section-we_are_rsbc p {
        margin-bottom:1rem;
    }
	
	.section-we_are_rsbc p a {
       border-bottom:1px solid black;
    }


			#gallery-1 {
				margin: auto;
			}
			#gallery-1 .gallery-item {
				float: left;
				margin-top: 10px;
				text-align: center;
				width: 33%;
			}
			#gallery-1 img {
				border: 2px solid #cfcfcf;
			}
			#gallery-1 .gallery-caption {
				margin-left: 0;
			}
			/* see gallery_shortcode() in wp-includes/media.php */
		

	    /* Dynamic theming styles */
	    .section-6212 {
	        background-color: rgb(255, 204, 0);
	        color: #000000 !important;
	    }
	    .section-6212 .dynamic-button {
	        background-color: #000000;
	        color: #FFFFFF !important;
	    }
	    .section-6212 .dynamic-button:hover {
	        background-color: #000000;
	        color: #FFFFFF !important;
	    }
        .svg-left-fill-6212 {
	    	fill: rgb(255, 204, 0) !important;
        }
        .svg-right-fill-6212 {
	    	fill: rgb(255, 204, 0) !important;
        }
	    .h2s-6212 > h2 {
	    	color: #000000 !important;
	    }


.section-6212 a {
    border-bottom: 1px solid #000000;
    font-weight: 500;
    color: #000000 !important;
}
    


/* Specific styles for all h1 headings within the .section-6212 */
.section-6212 h1 {
    font-size: 2em; /* Example size, adjust as needed */
    margin-bottom: 0.5em;
    font-weight: 600;
    font-family: 'Poppins', sans-serif !important;
    color: #000000 !important;
}

/* Add styles for h2 */
.section-6212 h2 {
    font-size: 1.75em; /* Slightly smaller than h1 */
    margin-bottom: 0.5em;
    font-weight: 600;
    font-family: 'Poppins', sans-serif !important;
    color: #000000 !important;
}

/* Add styles for h3 */
.section-6212 h3 {
    font-size: 1.5em; /* Slightly smaller than h2 */
    margin-bottom: 0.5em;
    font-weight: 600;
    font-family: 'Poppins', sans-serif !important;
	color: #000000 !important;
}

/* Add styles for h4 */
.section-6212 h4 {
    font-size: 1.25em; /* Slightly smaller than h3 */
    margin-bottom: 0.5em;
    font-weight: 600;
    font-family: 'Poppins', sans-serif !important;
	color: #000000 !important;
}

/* Add styles for h5 */
.section-6212 h5 {
    font-size: 1em; /* Slightly smaller than h4 */
    margin-bottom: 0.5em;
    font-weight: 600;
    font-family: 'Poppins', sans-serif !important;
	color: #000000 !important;
}

/* Add styles for h6 */
.section-6212 h6 {
    font-size: 0.875em; /* Smallest among the headings */
    margin-bottom: 0.5em;
    font-weight: 600;
    font-family: 'Poppins', sans-serif !important;
	color: #000000 !important;
}

/* Properly style <ol> elements to show numbering */
.section-6212 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-6212 ol li {
    margin-bottom: 10px; /* Adjust spacing between list items as needed */
    font-weight: 400;
}

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

    


.short-section-6446 a {
    border-bottom: 1px solid black;
    font-weight: 500;
    color:black;
}

.short-section-6446 .ctabutton {
    border-bottom: none;
    font-weight: 500;
    color:white;
}


    
.short-section-6446 .ctablock {
    border-bottom: 1px solid black;
    font-weight: 500;
    color:white;
    text-align:center;
}

/* Specific styles for all h1 headings within the .short-section-6446 */
.short-section-6446 h1 {
    font-size: 2em; /* Example size, adjust as needed */
    margin-bottom: 0.5em;
    font-weight: 600;
    font-family: 'Poppins', sans-serif !important;
    color:black !important;
}

/* Add styles for h2 */
.short-section-6446 h2 {
    font-size: 1.75em; /* Slightly smaller than h1 */
    margin-bottom: 0.5em;
    font-weight: 600;
    font-family: 'Poppins', sans-serif !important;
    color:black !important;
}

/* Add styles for h3 */
.short-section-6446 h3 {
    font-size: 1.5em; /* Slightly smaller than h2 */
    margin-bottom: 0.5em;
    font-weight: 600;
    font-family: 'Poppins', sans-serif !important;
}

/* Add styles for h4 */
.short-section-6446 h4 {
    font-size: 1.25em; /* Slightly smaller than h3 */
    margin-bottom: 0.5em;
    font-weight: 600;
    font-family: 'Poppins', sans-serif !important;
}

/* Add styles for h5 */
.short-section-6446 h5 {
    font-size: 1em; /* Slightly smaller than h4 */
    margin-bottom: 0.5em;
    font-weight: 600;
    font-family: 'Poppins', sans-serif !important;
}

/* Add styles for h6 */
.short-section-6446 h6 {
    font-size: 0.875em; /* Smallest among the headings */
    margin-bottom: 0.5em;
    font-weight: 600;
    font-family: 'Poppins', sans-serif !important;
}

/* Properly style <ol> elements to show numbering */
.short-section-6446 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 */
.short-section-6446 ol li {
    margin-bottom: 10px; /* Adjust spacing between list items as needed */
    font-weight: 400;
}

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


	    /* Dynamic theming styles */
	    .section-9938 {
	        background-color: rgb(32, 75, 87);
	        color: #FFFFFF !important;
	    }
	    .section-9938 .dynamic-button {
	        background-color: #FFFFFF;
	        color: #000000 !important;
	    }
	    .section-9938 .dynamic-button:hover {
	        background-color: #FFFFFF;
	        color: #000000 !important;
	    }
        .svg-left-fill-9938 {
	    	fill: rgb(255, 204, 0) !important;
        }
        .svg-right-fill-9938 {
	    	fill: rgb(245, 245, 234) !important;
        }
	    .h2s-9938 > h2 {
	    	color: #FFFFFF !important;
	    }


.section-9938 a {
    border-bottom: 1px solid #FFFFFF;
    font-weight: 500;
    color: #FFFFFF !important;
}
    


/* Specific styles for all h1 headings within the .section-9938 */
.section-9938 h1 {
    font-size: 2em; /* Example size, adjust as needed */
    margin-bottom: 0.5em;
    font-weight: 600;
    font-family: 'Poppins', sans-serif !important;
    color: #FFFFFF !important;
}

/* Add styles for h2 */
.section-9938 h2 {
    font-size: 1.75em; /* Slightly smaller than h1 */
    margin-bottom: 0.5em;
    font-weight: 600;
    font-family: 'Poppins', sans-serif !important;
    color: #FFFFFF !important;
}

/* Add styles for h3 */
.section-9938 h3 {
    font-size: 1.5em; /* Slightly smaller than h2 */
    margin-bottom: 0.5em;
    font-weight: 600;
    font-family: 'Poppins', sans-serif !important;
	color: #FFFFFF !important;
}

/* Add styles for h4 */
.section-9938 h4 {
    font-size: 1.25em; /* Slightly smaller than h3 */
    margin-bottom: 0.5em;
    font-weight: 600;
    font-family: 'Poppins', sans-serif !important;
	color: #FFFFFF !important;
}

/* Add styles for h5 */
.section-9938 h5 {
    font-size: 1em; /* Slightly smaller than h4 */
    margin-bottom: 0.5em;
    font-weight: 600;
    font-family: 'Poppins', sans-serif !important;
	color: #FFFFFF !important;
}

/* Add styles for h6 */
.section-9938 h6 {
    font-size: 0.875em; /* Smallest among the headings */
    margin-bottom: 0.5em;
    font-weight: 600;
    font-family: 'Poppins', sans-serif !important;
	color: #FFFFFF !important;
}

/* Properly style <ol> elements to show numbering */
.section-9938 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-9938 ol li {
    margin-bottom: 10px; /* Adjust spacing between list items as needed */
    font-weight: 400;
}

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

    

    /* Existing styles */
    .owl-theme .owl-nav {
        margin-top: 21px;
        text-align: center;
        font-size: xx-large;
        position: absolute;
        right: 80px;
    }

    .owl-theme .owl-nav .owl-next span , .owl-theme .owl-nav .owl-prev span {
        display: inline-block;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background-color: black;
        color: white;
        text-align: center;
        line-height: 36px;
        position: relative;
    }

    .owl-theme .owl-nav [class*=owl-]:hover {
        background: transparent;
        color: #FFF;
        text-decoration: none;
    }

    .owl-theme .owl-dots .owl-dot {
        zoom: 1.3;
        display: none;
        margin:2px;
    }

    .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;
    }

    .owl-dots {
        margin-top: 5px;
        display: flex;
        justify-content: center;
    }


    /* Dynamic theming styles */
        #section-latest_news-4003 {
        background-color: #FFFFFF;
        color: #000000;
    }
    
    #section-latest_news-4003 .tw-rounded-full { 
        background-color: #000000;
        color: #FFFFFF;
    }

    #section-latest_news-4003 .tw-rounded-full:hover { 
        background-color: #000000;
        color: #000000;
    }

    #section-latest_news-4003 h3, #section-latest_news-4003 h5, #section-latest_news-4003 p  {
        color: #000000;
    }

    #section-latest_news-4003 a {
        color: #000000;
        border-color:  #000000;
    }

    #section-latest_news-4003 .tw-owl-prev-cta-gallery, #section-latest_news-4003 .tw-owl-next-cta-gallery {
        background-color: #000000;
    }

    #section-latest_news-4003 .tw-owl-prev-cta-gallery span, #section-latest_news-4003 .tw-owl-next-cta-gallery span {
        color: #FFFFFF;
    }

    #section-latest_news-4003 a:hover {
        background-color: #000000;
        color: #000000;
    }

    #section-latest_news-4003 .view-all {
        background: none !important;
        color: #000000;
        border-left:none;
        border-right:none;
        border-top:none;
    }

    #section-latest_news-4003 .view-all:hover {
        background: none !important;
        color: #000000;
        border-left:none;
        border-right:none;
        border-top:none;
    }

    #section-latest_news-4003 .tw-text-rsbc-red-orange-x11 > a {
        color:rgb(255, 71, 0);
        background:none;
    }
	
	#section-latest_news-4003 .owl-stage-outer {
		max-height:33rem;
    }
	
	
	.tw-owl-prev-cta-gallery-4003 > span {
		color: #FFFFFF !important;
	}
	
	.tw-owl-next-cta-gallery-4003 > span {
		color: #FFFFFF !important;
	}
	
    	
	.gallery-dots .owl-dots {
		display:none;
	}


	.cta-gallery-4003 {
		display:flex;
		gap:20px;
	}
	
	.cta-gallery-4003 .item {
		width:50%;
	}

