.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-9729 .item {
            background-color: rgb(32, 75, 87);
        }
        .hero-carousel-9729 .item h1,
        .hero-carousel-9729 .item p {
            color: #FFFFFF;
        }
        .hero-carousel-9729 .hwhite {
            background-color: #FFFFFF;
            color: #000000;
        }
        .hero-carousel-9729 .hwhite:hover {
            background-color: #FFFFFF;
            color: #000000 !important;
        }

        .hero-carousel-9729 .svg-fill-theme {
            fill: rgb(32, 75, 87);
        }

        .tw-bg-rsbc-9729 {
            background: rgb(32, 75, 87);
            background-color: rgb(32, 75, 87);
        }
        
        
    


.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-9729 {
						margin-top:10px !important;
					}
				}
			

                                @media (max-width: 600px) {
                                    .backgroundmobile-2933 {
                                        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/05/IMG_00558-scaled-e1716393465786.jpg') !important;

                                    }
                                }
                                

    /* Dynamic theming styles */
    #section-here-to-help-8978 {
        background-color: rgb(255, 204, 0);
    }

    #section-here-to-help-8978 h2,
	#section-here-to-help-8978 h1,
    #section-here-to-help-8978 p {
        color: #000000;

    }

    #section-here-to-help-8978 p > span{
        color: #000000;
    }
            
            #section-here-to-help-8978 .tw-rounded-full {
                background-color: #000000;
                color: #FFFFFF;
            }


            /* Hover state for buttons can also be themed */
            #section-here-to-help-8978 .tw-rounded-full:hover {
                background-color: #000000;
                color: #FFFFFF;
            }
        
    .on-white {
        color:black !important;
    }

    .card-button {
        cursor:pointer;
    }

    #section-here-to-help-8978 .layout_4_button {
        background-color: #000000 !important; /* Set the button background to white */
        color: #FFFFFF !important; /* Set the button text color to black */
    }
    #section-here-to-help-8978 .layout_4_button:hover {
        background-color: #000000 !important; /* Optional: Set the hover background color */
        color: #FFFFFF !important; /* Optional: Set the hover text color */
    }



    .col-img-rsbc img {
        width: 100%; /* Ensure the image takes the full width of the container */
        height: 100%; /* Ensure the image takes the full height of the container */
        object-fit: cover; /* This will make sure the image covers the container fully */
    }
    @media (max-width: 468px) {
        .cta_3_col {
            margin-top:30px;
        }
    }



	    /* Dynamic theming styles */
	    .section-3839 {
	        background-color: #FFFFFF;
	        color: #000000 !important;
	    }
	    .section-3839 .dynamic-button {
	        background-color: rgb(255, 71, 0);
	        color: #FFFFFF !important;
	    }
	    .section-3839 .dynamic-button:hover {
	        background-color: rgb(255, 71, 0);
	        color: #FFFFFF;
	    }
		
	    .h2s-3839 > h2 {
	    	color: #000000 !important;
	    }

		@media (max-width: 1650px) {
		
		 .h2s-3839 {
		 	max-width:800px;
		 }
		 
		}
		
		@media (max-width: 1450px) {
		
		 .h2s-3839 {
		 	max-width:750px;
		 }
		 
		}
		
		@media (max-width: 1350px) {
		
		 .h2s-3839 {
		 	max-width:650px;
		 }
		 
		}
		
		@media (max-width: 1160px) {
		
		 .h2s-3839 {
		 	max-width:550px;
		 }
		 
		}
		
		
		@media (max-width: 1060px) {
		
		 .h2s-3839 {
		 	max-width:280px;
		 }
		 
		 .h2s-3839 > p {
		 	padding-bottom:10px;
		 }
		 
		}