body {
	font-family: 'Nunito Sans', sans-serif;
	font-size: 16px;
	line-height: 1.5;
	/*background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;*/
	background: #fff;
	overflow-x: hidden;
	/* Prevent scroll on narrow devices */
}

p {
	font-family: "Nunito Sans", sans-serif;
}

@media (min-width: 768px) {
    body {
        font-size: 18px;
        line-height: 1.7;
    }
}

.middle-section i, .call-to-action-section i, .intro-section i {
  font-family: "Playfair Display", serif;
  font-weight: 400;
  font-style: italic;
}

/* navbar offcanvas */

@media (max-width: 991.98px) {
	.offcanvas-collapse {
		position: fixed;
		top: 86px;
		/* Height of navbar */
		bottom: 0;
		left: 100%;
		width: 100%;
		padding-right: 1rem;
		padding-left: 1rem;
		overflow-y: auto;
		visibility: hidden;
		/*background-color: #343a40;*/
		background-color: #ffffff;
		transition: transform .3s ease-in-out, visibility .3s ease-in-out;
	}

	.offcanvas-collapse.open {
		visibility: visible;
		transform: translateX(-100%);
	}
}

.nav-scroller .nav {
	color: rgba(255, 255, 255, .75);
}

.nav-scroller .nav-link {
	padding-top: .75rem;
	padding-bottom: .75rem;
	font-size: .875rem;
	color: #6c757d;
}

.nav-scroller .nav-link:hover {
	color: #007bff;
}

.nav-scroller .active {
	font-weight: 500;
	color: #343a40;
}

/* announcement banner homepage styling */

.emergency-announcement-banner {
	width: 100%;
	min-height: 60px;
	background-color: red;
	display: flex;
	align-items: center;
	justify-content: center;
	/*z-index: 9999;*/
	position: absolute;
	font-family: 'Lato', sans-serif;
	/*top: 110px;*/
}

.emergency-announcement-banner p {
	margin: 0;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.125rem;
}

/* end section */

.homepage-promo-banner {
	width: 100%;
	min-height: 60px;
	background-color: #325e83;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: 'Lato', sans-serif;

}

.homepage-promo-banner p {
	margin: 0;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.125rem;
}

/* HERO SECTIONS */

.home-hero-section {
	padding-top: 0;
	padding-bottom: 0;
	background-image: url('../img/hero/temp-home-hero2.jpg');
	/* Replace with your home page image path */
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

@media (min-width: 768px) {
	.home-hero-section {
		padding-top: 160px;
		padding-bottom: 160px;
	}
}

/* end HERO SECTIONS */

#homepage-reasons-to-buy {
	background: #fff;
}

.white-bg {
	background: #fff;
}

/* product pages hero */

.product-hero {
	position: relative;
	background-size: cover;
	background-position: center;
}

@media (min-width: 768px) {
    .product-hero {
        min-height: 565px;
    }
}

.product-hero__strapline {
	position: absolute;
	bottom: 70px;
	left: 50%;
	/*max-width: 100%;*/
	width: 80%;
	text-align: center;
	background: rgba(0, 0, 0, 0.75);
	transform: translateX(-50%);
	padding: 15px 20px;
	font-family: 'Lato', sans-serif;
}

@media (min-width: 768px) {
	.product-hero__strapline {
		max-width: 560px;
	}
}

.product-hero__strapline p {
	margin: 0;
	color: #fff;
	/* Optional: if you want white text */
	font-size: 1.5rem;
	/* Font size */
}

/* Modifier class for dark blue */
.product-hero__strapline--dark-blue {
	background: rgba(22, 51, 123, 0.75);
}

/* Add more modifier classes for other colours */
.product-hero__strapline--red {
	background: rgba(255, 0, 0, 0.75);
}

/* end product pages hero */

/* non-product pages hero */

.non-product-hero {
	position: relative;
	background-size: cover;
	background-position: center;
    min-height: 86px;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (min-width: 768px) {
    .non-product-hero {
        min-height: 108px;
    }
}

@media (min-width: 992px) {
    .non-product-hero {
        min-height: 126px;
    }
}

/* end non-product pages hero */

/* other styles */
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Poppins';
    font-weight: 600;
	/*line-height: 1.5;*/
}

h2,
.h2 {
	margin-bottom: 1.5rem;
}

.content-wrapper h2 {
    font-weight: 500;
}

a {
	color: #333;
}

footer a:hover {
	color: #333;
}

h3 {
	font-size: 1.45em;
	/*    font-weight: 700;*/
	line-height: 1.5;
}

h1,
.h1 {
	margin-bottom: 1em;
}

main h1:after,
main .h1:after {
	content: "";
	display: block;
	width: 140px;
	text-align: center;
	height: 5px;
	margin: 1em auto;
	background-color: #dec7e7;
}

.btn.btn-square {
	border-radius: 0;
}

.statement {
	/*width: 30%;*/
	padding-top: 10%;
	padding-right: 30px;
	padding-bottom: 0;
	padding-left: 30px;
}

.margin-for-nav {
	margin-top: 0;
	/* adjust depending on width of header */
}

@media (min-width: 768px) {
	.margin-for-nav {
		margin-top: 0;
	}
}

#book-massage {
	background-color: #333;
	color: #fff;
}

.white {
	color: #fff;
}

.white>a:active,
.white>a:hover,
.white>a:focus,
.white>a:link {
	color: #fff;
}

.white-bg {
	background-color: #fff;
}

.navbar {
	border-bottom: 2px solid #ccc;
	background: #fff;
    transition: top 0.45s ease-in-out;
}

/*@media (min-width: 991px) {
    .navbar {
        background: transparent;
    }
}*/
.navbar-light .navbar-nav .nav-link {
	color: #333;
	font-size: 1.25em;
	padding-right: .8rem;
	font-weight: bold;
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
	color: #333;
}

@media (min-width: 991px) {
	.navbar-light .navbar-nav .nav-link {
		color: #fff;
	}

	.navbar-light .navbar-nav .nav-link:focus,
	.navbar-light .navbar-nav .nav-link:hover {
		color: #fff;
	}
}

@media (min-width: 991px) {
	.navbar-light .navbar-nav .nav-link {
		padding-right: 1.6rem;
	}
}

@media (min-width: 991px) {
	.navbar .navbar-brand {
		color: #fff;
	}
}

.navbar .navbar-brand:focus,
.navbar .navbar-brand:hover {
	color: #8642a0;
}

@media (min-width: 991px) {
	.navbar .navbar-brand:focus,
	.navbar .navbar-brand:hover {
		color: #fff;
	}
}

.navbar-brand {
	margin-right: 0;
}

.navbar-brand img {
    transition: height 0.3s ease;
    height: 60px; /* Initial height for large screens */
}

.navbar-brand.shrink img {
    height: 50px; /* Shrunk height for scrolling */
}

@media (max-width: 991.98px) {
    .navbar-brand img {
        height: 50px; /* Initial height for medium screens */
    }

    .navbar-brand.shrink img {
        height: 40px; /* Shrunk height for medium screens */
    }
}

@media (max-width: 575.98px) {
    .navbar-brand img {
        height: 40px; /* Initial height for small screens */
    }

    .navbar-brand.shrink img {
        height: 30px; /* Shrunk height for small screens */
    }
}

/* navbar desktop - when scrolling */
@media (min-width: 768px) {
	.navbar.navbar-desktop {
		padding-top: 0;
		padding-bottom: 0;
	}

	.navbar.navbar-desktop {
		/*border-bottom: 3px solid #7b5b9e;*/
		background: #efefef;
	}

	.navbar.navbar-desktop .navbar-nav .nav-link {
		color: #333;
	}

	.navbar.navbar-desktop .navbar-nav .nav-link:focus,
	.navbar.navbar-desktop .navbar-nav .nav-link:hover {
		color: #333;
	}
}

#navbar {
	transition: 0.4s;
}

@media (min-width: 1200px) {
    .navbar-nav li {
        padding: 0 0 0 10px;
    }
}

/* Begin Hero styles */

.topHero {
	text-align: center;
	font-family: 'Lato';
}

.topHero .h1,
.topHero .h2 {
	font-size: 1.7rem;
}

.topHero h1:after {
	content: "";
	display: block;
	width: 140px;
	text-align: center;
	height: 5px;
	margin: 1em auto;
	background-color: #dec7e7;
}

.topHero h1 {
	font-size: 2.225rem;
	font-weight: 700;
}

.topHero h2 {
	font-size: 1.55rem;
	/*    font-weight: 700;*/
}

.topHero h1 {
	margin-top: 1em;
	margin-bottom: .2em;
}

@media (min-width: 768px) {
	.topHero h1 {
		font-size: 3.625rem;
	}

	.topHero h2 {
		font-size: 1.55rem;
	}
}

.hero .contentWrapper {
	flex-grow: 0;
	flex-basis: auto;
}

.hero a {
	width: initial;
	display: inline-flex;
	width: fit-content;
	margin: 30px auto 0 auto;
}

.hero {
	padding: 15vh 12vw 5vh;
	color: white;
	min-height: 50vh;
	/* changed from 70 to 50 removing strapline */
	font-size: 1.55rem;
	box-sizing: border-box;
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: column;
}

@media (min-width: 500px) {
	.hero {
		padding: 20vh 12vw 10vh;
	}
}

@media (min-width: 768px) {
	.hero {
		padding: 20vh 12vw;
	}
}

.background .overlay {
	width: 100%;
	height: 100%;
	display: block;
}

.overlay.overlay-dark {
	background-color: #1e0e31;
	opacity: 0.7;
}

.background {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: -1;
	background-color: #000;
	overflow: hidden;
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	min-height: 100%;
}

.background-cover {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	/*min-height: 500px;*/
}

.background-maths {
	background-image: url('../img/blackboard2.jpg');
}

.background-fibonacci {
	background-image: url('../img/fibonacci.jpg');
}

/* end Hero styles */

.blue-bg-1 {
	background: #513473;
}

.blue-bg-2 {
	background: #644588;
}

.blue-bg-3 {
	background: #7b5c9f;
}

.three-boxes>.row {
	text-align: center;
	margin-top: 0;
}

@media (min-width: 1200px) {
	.three-boxes>.row {
		margin-top: -130px;
	}
}

/* turn it into a container-fluid up to 1200px */
@media (max-width: 1200px) {
	.container.three-boxes {
		max-width: 100%;
	}
}

.three-boxes [class*="col-"] {
	padding: 30px 16px;
	color: #fff;
}

.three-boxes h3,
.three-boxes p.h3 {
	margin: 1.5rem 0;
	font-size: 1.4rem;
	font-family: 'Raleway';
	font-weight: 700;
	line-height: 1.2;
}

/* mobile only styles */
.first-paragraph {
	padding-top: 15px;
}

@media (min-width: 768px) {
	.first-paragraph {
		padding-top: 3rem;
	}
}

.container:not(.three-boxes) h2:first-of-type {
	color: #000;
}

.container:not(.three-boxes) h2:first-of-type:after {
	/*    content: "";
    display: block;
    width: 140px;
    text-align: center;
    height: 5px;
    margin: 1rem 0;
    background-color: #9fbf9f;*/
}

.padding100 {
	padding: 30px;
}

/* Larger padding for screens lg (992px) and larger */
@media (min-width: 992px) {
	.padding100 {
		padding: 100px;
	}
}

/* Base styles for hero-column-1 and hero-column-2 */
.hero-column-1,
.hero-column-2 {
	padding: 10px;
	/* Padding for views under lg */
	text-align: center;
	/* Center text alignment */
}

/* Base font sizes for h1 and h2 in hero columns */
.hero-column-1 h1,
.hero-column-2 h1,
.hero-column-1 h2,
.hero-column-2 h2 {
	font-size: 1.25rem;
	/* Font size for md and under */
}

/* Specific font size for h2 in hero-column-2 */
.hero-column-2 h2 {
	font-size: 1.9rem;
	/* Font size for h2 in hero-column-2 */
}

/* Media query for lg and above */
@media (min-width: 992px) {

	.hero-column-1,
	.hero-column-2 {
		padding: 2.8rem 1.5rem;
		/* Padding for lg and above */
	}

	.hero-column-1 {
		min-height: 550px;
		/* Min-height for hero-column-1 on lg and above */
	}

	.hero-column-1 h1,
	.hero-column-2 h1 {
		font-size: 2.5rem;
		/* 40px in rem */
	}

	.hero-column-1 h2,
	.hero-column-2 h2 {
		font-size: 1.5rem;
		/* Font size for h2 on lg and above */
	}

	/* Adjusting h2 size specifically for hero-column-2 on lg and above */
	.hero-column-2 h2 {
		font-size: 1.9rem;
		/* Override font size for h2 in hero-column-2 */
	}
}

.custom-accordion-button {
	background-color: #ffffff;
	color: #000000;
	border: none;
	padding: 15px;
	font-size: 1.25rem;
	text-align: left;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.custom-accordion-button::after {
	content: none !important;
}

.custom-accordion-button:hover,
.custom-accordion-button:focus {
	background-color: #f8f9fa;
	color: #000000;
}

.custom-accordion-button:not(.collapsed) {
	color: #000000;
	background-color: #f8f9fa;
}

.accordion-icon {
	width: 1.5rem;
	height: 1.5rem;
	display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.accordion-button.collapsed .accordion-icon {
	background-image: url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' fill=\'%23000000\' viewBox=\'0 0 16 16\'%3E%3Cpath fill-rule=\'evenodd\' d=\'M8 3a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 8 3z\'/%3E%3C/svg%3E");
}

.accordion-button:not(.collapsed) .accordion-icon {
	background-image: url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' fill=\'%23000000\' viewBox=\'0 0 16 16\'%3E%3Cpath fill-rule=\'evenodd\' d=\'M3 8a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9A.5.5 0 0 1 3 8z\'/%3E%3C/svg%3E");
}

.accordion-body {
	background-color: #ffffff;
	border-left: none;
	border-right: none;
}

.accordion-divider {
	border-top: 1px solid #dee2e6;
	margin: 0;
}

.accordion-item {
	border: none;
	/* Remove default borders around accordion items */

}
/* Ensure quote (mobile) accordion is transparent */
#quoteAccordion .accordion-item,
#quoteAccordion .accordion-button,
#quoteAccordion .accordion-body {
    background: transparent !important;
    border: none;
    box-shadow: none !important;
    color: white !important; /* Ensure text color is white */
}
#quoteAccordion .accordion-item {
     border: 1px solid white !important;
}

#quoteAccordion .accordion-button {
    color: white !important; /* Ensure button text color is white */
}

#quoteAccordion .accordion-icon {
    width: 1.5rem;
    height: 1.5rem;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

#quoteAccordion .accordion-button.collapsed .accordion-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' fill=\'%23ffffff\' viewBox=\'0 0 16 16\'%3E%3Cpath fill-rule=\'evenodd\' d=\'M8 3a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 8 3z\'/%3E%3C/svg%3E");
}

#quoteAccordion .accordion-button:not(.collapsed) .accordion-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' fill=\'%23ffffff\' viewBox=\'0 0 16 16\'%3E%3Cpath fill-rule=\'evenodd\' d=\'M3 8a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9A.5.5 0 0 1 3 8z\'/%3E%3C/svg%3E");
}

#quoteAccordion .accordion-body {
    background: transparent !important;
}

#quoteAccordion .accordion-button.collapsed {
    color: white !important;
}

#quoteAccordion .accordion-button:not(.collapsed) {
    color: white !important;
}

.intro-section-standalone p, .intro-section-order-process p {
        font-size: 20px;
        line-height: 1.5;
}
@media (min-width: 768px) {
    .intro-section-standalone p, .intro-section-order-process p {
        font-size:24px;
    }
}
@media (min-width: 1200px) {
    .intro-section-standalone p, .intro-section-order-process p {
        font-size:28px;
    }
}

/* Specific class for the content column within the middle-section and intro-section */
.middle-section .content-column, .intro-section .content-column, .intro-section-standalone .content-column {
    padding: 0px 50px 50px 50px; /* Default padding */
}

/* Adjustments for larger screens */
@media (min-width: 1200px) {
    .middle-section .content-column {
        padding: 0px 100px 50px 50px;
    }
}

@media (min-width: 1400px) {
    .middle-section .content-column {
        padding: 0px 125px 50px 50px;
    }
}

/* Specific class for the image column within the middle-section */
.middle-section .image-column {
    padding: 0;
    display: flex;
    align-items: center;
}

/* Wrapper to control the image height */
.middle-section .image-wrapper {
    width: 100%;
    height: 100%;
    min-height: 325px;
}

@media (min-width: 768px) {
    .middle-section .image-wrapper {
        min-height: 625px;
    }
}

/* Ensure the image covers the entire column */
.middle-section .img-fluid-full-col {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

/* Adjustments for smaller breakpoints */
@media (max-width: 991px) {
    .middle-section .content-column, .intro-section .content-column, .intro-section-standalone .content-column {
        padding-left: 1.875rem; /* Adjusted for smaller screens */
        padding-bottom: 1.875rem;
    }
}

/* Custom styles for the blind-info-section */
.blind-info-section {
    padding-top: 5rem;
    padding-bottom: 5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

@media (min-width: 992px) {
    .blind-info-section {
        padding-top: 7.5rem;
        padding-bottom: 7.5rem;
    }
}

/* Custom styles for the info-box */
.info-box {
    background-color: white;
    padding: 1.875rem; /* Padding for smaller screens */
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 2rem; /* Add spacing between boxes in mobile view */
}

.info-box p {
    font-size: 16px;
}

.info-box h3 {
    font-family: 'Poppins';
}

@media (min-width: 576px) {
    .info-box {
        padding: 2rem; /* Padding for medium screens */
    }
}
@media (min-width: 768px) {
    .info-box p {
        font-size: 1.125rem;
    }
}

@media (min-width: 1200px) {
    .info-box {
        padding: 3rem; /* Padding for larger screens */
    }
}

@media (min-width: 1200px) {
    .info-box {
        margin-bottom: 0;
    }

    .info-box + .info-box {
        margin-left: 2rem; /* Increased margin for better spacing */
    }
}

/* Ensure the columns are equal height */
.d-flex.align-items-stretch {
    display: flex;
    align-items: stretch;
}

/* Rounded corners for elements */
.rounded-15 {
    border-radius: 15px;
}
.rounded-10 {
    border-radius: 0.375rem;
}

/* Styles for mobile hero text */
.mobile-hero-text {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    width: 100%;
    padding: 10px;
}

.mobile-hero-text h1 {
    font-size: clamp(1.4rem, 2vw + 1rem, 1.8rem);
    /* The font size will be at least 1.4rem, grow responsively with viewport width, and be at most 1.8rem */
}

.fw-200 {
	font-weight: 200;
}
.fw-100 {
	font-weight: 100;
}
.fw-500 {
	font-weight: 500;
}
@media (min-width: 576px) {
    .img-fluid.rounded-sm {
        border-radius: 0.375rem; /* Adjust the border-radius as needed */
    }
}
/* Generic nav button styles */

/* General form input styles */
.form-control {
    border-radius: 0; /* Remove rounded edges */
}

/* Additional styles to ensure consistency */
textarea.form-control {
    border-radius: 0; /* Remove rounded edges for textareas */
}

/* General alert styles */
.alert {
    border-radius: 0; /* Remove rounded edges */
}

button.btn-custom {
    border-radius: 0; /* Remove rounded edges for custom buttons */
}
.owl-carousel .item {
    padding-left: 0;
    padding-right: 0;
}

.owl-carousel .carousel-nav-btn {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background-color: #ccc; /* Default color */
    --border-color: rgba(0, 0, 0, 0.5); /* Default transparent border */
    border: 2px solid var(--border-color);
    position: absolute;
    top: calc(50% - 42px);
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #ffffff; /* Default icon color */
    font-size: 18px;
    z-index: 2;
    font-family: 'Poppins', sans-serif;
    box-shadow: 0 0 0 6px var(--border-color);
    transition: border-color .2s cubic-bezier(.215,.61,.355,1), box-shadow .2s cubic-bezier(.215,.61,.355,1);
}

.owl-carousel .carousel-nav-btn:hover {
    --border-color: rgba(0, 0, 0, 0.7); /* Darker color on hover */
    border-color: var(--border-color);
    box-shadow: 0 0 0 6px var(--border-color);
}

.owl-carousel .prev-slide {
    left: -8px;
}

.owl-carousel .next-slide {
    right: -8px;
}

@media (min-width: 768px) {
    .owl-carousel .carousel-nav-btn {
        width: 56px;
        height: 56px;
        font-size: 24px;
        top: calc(50% - 42px);
    }

    .owl-carousel .prev-slide {
        left: -16px;
    }

    .owl-carousel .next-slide {
        right: -16px;
    }
}

/* Center the dots */
.owl-carousel .owl-dots {
    text-align: center;
    margin-bottom: 20px;
}

.owl-carousel .owl-dots .owl-dot {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 5px;
    background-color: #ccc; /* Default light grey */
    border-radius: 50%;
    opacity: 0.5;
}

.owl-carousel .owl-dots .owl-dot.active {
    background-color: #333; /* Default active color */
    opacity: 1;
}

@media (max-width: 575.98px) {
    .owl-carousel .item {
        padding-left: 40px;
        padding-right: 40px;
    }
    .owl-carousel .prev-slide {
        left: 32px;
    }

    .owl-carousel .next-slide {
        right: 32px;
    }
}

/* brand logos carousel specific styles */

/* Brand Logos Carousel Specific Styles */
.brand-logos-carousel .item {
    padding-left: 10px; /* Adjust this as needed */
    padding-right: 10px; /* Adjust this as needed */
}

.brand-logos-carousel img {
    width: 200px; /* Fixed width */
    height: 100px; /* Fixed height */
    object-fit: contain; /* Ensures logos keep their aspect ratio */
}

.brand-logos-carousel .carousel-nav-btn {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background-color: #ccc;
    --border-color: rgba(0, 0, 0, 0.5);
    border: 2px solid var(--border-color);
    top: calc(50% - 42px);
    color: #ffffff;
    font-size: 18px;
    z-index: 2;
    box-shadow: 0 0 0 6px var(--border-color);
}

.brand-logos-carousel .carousel-nav-btn:hover {
    --border-color: rgba(0, 0, 0, 0.7);
    border-color: var(--border-color);
    box-shadow: 0 0 0 6px var(--border-color);
}

.brand-logos-carousel .prev-slide {
    left: -8px;
}

.brand-logos-carousel .next-slide {
    right: -8px;
}

/* Brand Logos Dots */
.brand-logos-carousel .owl-dots {
    text-align: center;
    margin-bottom: 20px;
}

.brand-logos-carousel .owl-dots .owl-dot {
    width: 12px;
    height: 12px;
    margin: 5px;
    background-color: #ccc;
    border-radius: 50%;
    opacity: 0.5;
    position: relative;
}

/* Style for active state for the brand-logos carousel */
.brand-logos-carousel .owl-dots .owl-dot.active {
    background-color: #333;
    opacity: 1;
}

/* Hide the span that creates the overlay effect */
.brand-logos-carousel .owl-dots .owl-dot span {
    display: none !important; /* Ensures span is completely hidden */
}

/* Generic card styles */
.custom-card {
	display: flex;
	flex-direction: column;
	justify-content: start;
	align-items: start;
	background-color: white;
	margin-bottom: 1rem;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 200;
    font-style: italic;
	/* Adjust spacing between columns */
}

@media (min-width: 1200px) {
	.custom-card {
		min-height: 350px;
	}
}

/* Handle text overflow and spacing */
.custom-card p {
	word-wrap: break-word;
	white-space: normal;
	overflow-wrap: break-word;
	/* Ensure text wraps correctly */
	display: block;
	/* Ensure proper display */
	max-width: 100%;
	/* Prevent overflow */
}

/* styles for page sections */
.hero-tile-padding {
	padding: 30px 15px;
}

.section-padding {
	padding-top: 4rem;
    padding-bottom: 0;
}

.section-padding-both {
	padding-top: 4rem;
    padding-bottom: 4rem;
}
.section-padding-bottom {
	padding-top: 0;
    padding-bottom: 4rem;
}

@media (min-width: 992px) {
	.hero-tile-padding {
		padding: 60px;
	}

	.section-padding {
	    padding-top: 5rem;
        padding-bottom: 0;
	}

	.section-padding-both {
	    padding-top: 5rem;
        padding-bottom: 5rem;
	}
    .section-padding-bottom {
        padding-top: 0;
        padding-bottom: 5rem;
    }
}
@media (min-width: 1200px) {
	.section-padding {
	    padding-top: 7.5rem;
        padding-bottom: 0;
	}

	.section-padding-both {
	    padding-top: 7.5rem;
        padding-bottom: 7.5rem;
	}
    .section-padding-bottom {
        padding-top: 0;
        padding-bottom: 7.5rem;
    }
}

.middle-section-padding {
    padding-top: 4rem;
    padding-bottom: 0;
}

@media (min-width: 992px) {
    .middle-section-padding {
        padding-top: 5rem;
        padding-bottom: 0;
    }
}

@media (min-width: 1200px) {
    .middle-section-padding {
        padding-top: 7.5rem;
        padding-bottom: 7.5rem;
    }
}

/* Larger button style for screens from lg and up */
.btn-custom {
	padding: .375rem .75rem;
	font-size: 1rem;
	/* Default button size */
	line-height: 1.5;
	border-radius: .25rem;
}

@media (min-width: 992px) {
	.btn-custom {
		padding: .5rem 1rem;
		font-size: 1.25rem;
		/* Same as btn-lg */
		line-height: 1.5;
		border-radius: .3rem;
	}
}

/* Custom shadow for cards */
.shadow-custom {
	box-shadow: 0px 8px 24px 0 rgba(29, 140, 242, 0.16) !important;
}

/* Call to Action Section styles */
.call-to-action-section .image-wrapper {
    text-align: center;
    padding: 20px;
}

.call-to-action-section .content-wrapper {
    text-align: left;
    padding: 20px;
}

.call-to-action-section .btn {
    font-size: 1.2rem;
    padding: 10px 20px;
}

.call-to-action-section .text-white {
    color: #ffffff;
}

/* Default visibility */
.hide-on-medium {
    display: inline; /* or any other display property you're using */
}

/* Media query to hide specific spans between 992px and 1061px */
@media (min-width: 992px) and (max-width: 1061px) {
    .hide-on-medium {
        display: none; /* Hide the span elements */
    }
}

.blog-hero-bg {
    background-color: #B0ABA2;
}

.brand-logos-section .col-6 {
    padding: 18px 30px;
}

.full-width-background {
    background-size: cover;
    background-position: center;
    height: 536px;
    position: relative;
}

.text-overlay {
    background-color: rgba(255, 255, 255, 0.8); /* Semi-transparent background */
    padding: 1.5rem;
}

/* Mobile-specific dark overlay */
.mobile-overlay {
    background: rgba(0, 0, 0, 0.15); /* Slightly darken the background on mobile */
}

/* Padding adjustment for mobile */
@media (max-width: 767px) {
    .text-overlay {
        padding: 2rem; /* Even padding on all sides for mobile */
    }
}

/* Custom styling for the "Why Choose The Blind Factory" section */
.why-choose-blind-factory h1 {
    margin-bottom: 1.5rem;
}

/* Accordion styling */
.why-choose-blind-factory .accordion-button:not(.collapsed) {
    background-color: transparent !important;
    color: inherit;
    box-shadow: none;
}

/* Custom star icon size */
.why-choose-blind-factory .custom-star-icon {
    font-size: 2rem; /* Adjust icon size */
    color: #FFD700; /* Optional: Add a gold color to the star */
}

/* Border between accordion items */
.why-choose-blind-factory .accordion-item + .accordion-item {
    border-top: 1px solid #ddd;
}

/* No top border on first item */
.why-choose-blind-factory .accordion-item:first-child {
    border-top: none;
}

/* No bottom border on last item */
.why-choose-blind-factory .accordion-item:last-child {
    border-bottom: none;
}

.why-choose-blind-factory i.custom-icon {
    font-size: 2.3rem;
}

.square-tiles .unstyled-link {
    text-decoration: none;
    color: inherit; /* Maintain text color */
}

.square-tiles .unstyled-link:hover {
    text-decoration: none;
    color: inherit;
}

.square-tiles .position-relative {
    border-radius: 0; /* No rounded corners by default (for smaller screens) */
}

@media (min-width: 768px) { /* Apply rounded corners for xl and above */
    .square-tiles .position-relative {
        border-radius: 15px;
    }
}