#slider-section {
    margin-top: 10.20rem;
}
.carousel-item {
    height: calc(100% - 14.4375rem);
    min-height: 534px;
    max-height: 660px;
}
.carousel-item img {
    max-width: 100%;
    float: right;
}
.background-overlay {
    background-color: transparent;
    background-image: linear-gradient(86deg, #FFFDFA 50%, #FFFFFF00 60%);
    opacity: 1;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
    inset: 0;
    position: absolute;
}
.carousel-caption {
	position: absolute;
	top: 0;
    bottom: 0;
	left: 10rem;
	z-index: 10;
	color: #fff !important;
	width: 40%;    
    align-content: center;
    align-items: center;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 0px 0px 95px 0px;
    text-align: left;
}
.carousel-caption h1, .carousel-caption .h1 {
    font-style: normal;
    font-weight: 600;
    font-size: 71px;
    line-height: 90px;
    color: #fff !important;
}
.carousel-caption p {
    font-size: 1.5rem;
    font-weight: 400;
    margin-bottom: 0;
}
.carousel-caption .btn-primary {
    max-width: 24rem;
    margin: 3rem 0rem 0rem 0rem;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    line-height: 24px;
    border-radius: 100px 100px 100px 100px;
    background-color: #007f86;
    color: #FFFFFF;
    padding: 16px 60px;
    transition: background .3s, border .3s, border-radius .3s, box-shadow .3s, transform var(--e-transform-transition-duration, .4s);
}
.carousel-caption .btn-primary:hover {
    background-color: #00666B;
}
.carousel-caption .button-content-wrapper {
    text-decoration: inherit;
    display: flex;
    flex-direction: row;
    gap: 5px;
    justify-content: center;
    text-shadow: 1px  1px .2px hsla(0, 0%, 0%, 0.35),
                              -.1px -.1px .2px hsla(0, 0%, 0%, 0.25)
}