.form-check-input:checked {
background-color: #C1272D;
border-color: #C1272D;
}
[data-bs-theme=light] {
--bs-sroll-box-shadow: 255, 255, 255;
--bs-sroll-icon: rgba(21, 23, 28, 1);
}
[data-bs-theme=dark] {
--bs-sroll-box-shadow: 21, 23, 28;
--bs-sroll-icon: rgba(255, 255, 255, 1);
}  
.scroll-wrapper {
position: relative;
width: 100%;
margin: 0 auto;
}
.horizontal-scroll {
gap: 20px;
padding-top: 24px;
padding-bottom: 64px;
display: flex;
overflow-x: scroll;
scroll-behavior: smooth;
max-width: 100%;
-ms-overflow-style: none;
scrollbar-width: none;
}
.horizontal-scroll::-webkit-scrollbar {
display: none;
}
.horizontal-scroll .card-placeholder {
flex: 0 0 auto;
aspect-ratio: 51 / 91;
background-color: var(--bs-placeholder);
border: 2px dashed var(--bs-text-gray-400);
border-radius: 10px;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
width: 180px;
min-width: 160px;
position: relative;
overflow: visible;
cursor: pointer;
scroll-snap-align: start;
}

.business-icon-1::before,
.business-icon-2::before,
.business-icon-3::before,
.business-icon-4::before,
.business-icon-5::before,
.business-icon-6::before,
.business-icon-7::before {
position: absolute;
left: 0;
right: 0;
top: 100%; 
margin-top: 8px;
display: flex;
align-items: center;
justify-content: center;
padding: 0 10px;
font-size: 1.4rem;
text-align: center;
font-weight: 600;
font-family: "Didact Gothic", sans-serif;
pointer-events: none;
}
.business-icon-1::after,
.business-icon-2::after,
.business-icon-3::after,
.business-icon-4::after,
.business-icon-5::after,
.business-icon-6::after,
.business-icon-7::after {
position: absolute;
left: 0;
right: 0;
bottom: 100%;         /* підпис над картою */
margin-bottom: 8px;
display: flex;
align-items: center;
justify-content: center;
padding: 0 10px;
font-weight: 600;
font-size: 1rem;
text-transform: uppercase;
text-align: center;
font-family: "Didact Gothic", sans-serif;
pointer-events: none;
}

/* Спільні стилі для кнопок */
#scrollRight,
#scrollLeft {
width: 32px;
height: 64px;
border-radius: var(--bs-card-border-radius);
border: none;
background-color: transparent;
cursor: pointer;
position: absolute;
z-index: 2;
top: 50%;
transform: translateY(-50%);
}
#scrollRight {
right: 0;
}
#scrollLeft {
left: 0;
}
/* Спільні стилі для кнопок та іконок всередині них */
#scrollRight,
#scrollLeft,
#scrollRight i,
#scrollLeft i {
color: var(--bs-sroll-icon);
transition: color 0.3s ease, background-color 0.3s ease, transform 0.3s ease;
}
/* Hover-ефект для кнопок та іконок */
#scrollRight:hover,
#scrollLeft:hover,
#scrollRight i:hover,
#scrollLeft i:hover {
color: var(--bs-danger);
}
.scroll-wrapper::before,
.scroll-wrapper::after {
content: "";
position: absolute;
top: 0;
height: 100%;
pointer-events: none;
opacity: 0;
transition: opacity 0.3s;
z-index: 1;
}
.scroll-wrapper::before {
left: -2px;
width: 15vw;
background: linear-gradient(
to right,
rgba(var(--bs-sroll-box-shadow), 1) 0%,
rgba(var(--bs-sroll-box-shadow), 0) 100%
);
}
.scroll-wrapper::after {
right: -2px;
width: 15vw;
background: linear-gradient(
to left,
rgba(var(--bs-sroll-box-shadow), 1) 0%,
rgba(var(--bs-sroll-box-shadow), 0) 100%
);
}
.scroll-wrapper.show-left-fade::before {
opacity: 1;
}
.scroll-wrapper.show-right-fade::after {
opacity: 1;
}

@media (max-width: 576px){
#sendBtn {
position:fixed;
left:30px;
right:30px;
bottom:10px;
z-index:1050;
}
}