.category-item.item {
    display: flex;
    flex-wrap: wrap; /* Allows wrapping to the next row */
    gap: 0px; /* Adjust space between items as needed */
    justify-content: flex-start; /* Align items to the start of the row */
}

.service-item.item {
    flex: 1 1 calc(33.333% - 10px); /* Adjust width to 1/3 of the container minus the gap */
    box-sizing: border-box; /* Ensures padding and borders are included in the width */
}

@media (max-width: 768px) {
    .service-item.item {
        flex: 1 1 calc(50% - 10px); /* Two items per row for smaller screens */
    }
}

@media (max-width: 480px) {
    .service-item.item {
        flex: 1 1 calc(50% - 10px); /* One item per row for very small screens */
    }
}


.tab {
box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
}

#sb_service_step_container {
    width: 100vw; /* Full width of the viewport */
    margin: 0; /* Remove any default margins */
    padding: 0; /* Remove any default padding */
    box-sizing: border-box; /* Ensures padding and borders are included in width */
}

#sb_service_step_container {
    display: flex;
    flex-wrap: wrap; /* Allows wrapping to the next row */
    gap: 0px; /* Adjust space between items as needed */
    justify-content: flex-start; /* Align items to the start of the row */
}

.service-item.item {
    flex: 1 1 calc(33.333% - 20px); /* Adjust width to 1/3 of the container minus the gap */
    box-sizing: border-box; /* Ensures padding and borders are included in the width */
}

@media (max-width: 768px) {
    .service-item.item {
        flex: 1 1 calc(50% - 20px); /* Two items per row for smaller screens */
    }
}

@media (max-width: 480px) {
    .service-item.item {
        flex: 1 1 100%; /* One item per row for very small screens */
    }
}

div.tab-pd {
  padding: 15px;
}

.tab {
box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
border-radius: 5px;
}


#sb_reviews_module {
    display: none;
}



iframe {
    overflow: visible;
    width: 100%; /* Ensures it spans the full width of its container */
    height: 600px; /* Adjusts height to its content dynamically */
    display: block; /* Removes inline-block spacing issues */
    border: none; /* Removes the border for cleaner appearance */
}

div.btn.book.btn-with-icon.custom {
  border-radius: 5px;
      background: rgba(157, 69, 15, 0.7); /* Half-transparent black */
    backdrop-filter: blur(10px); /* Adds a blur effect */
    -webkit-backdrop-filter: blur(10px); /* Ensures compatibility with Safari */
}

div.btn.map.btn-with-image.custom {
  border-radius: 5px;
      background: rgba(157, 69, 15, 0.7); /* Half-transparent black */
    backdrop-filter: blur(10px); /* Adds a blur effect */
    -webkit-backdrop-filter: blur(10px); /* Ensures compatibility with Safari */
}


.btn-bar {
    border-radius: 5px; /* Rounded corners for the .btn-bar */
    overflow: hidden; /* Ensures child elements don't overflow the rounded corners */
}

.btn-bar .btn.select.custom {
    border-radius: 5px; /* Optional: If you want the child element rounded too */
}
.excerpt-info {
    border-radius: 5px; /* Rounded corners for the main block */
    overflow: hidden; /* Ensures child content stays within rounded corners */
 
}

.excerpt-info .preloader.__custom-image,
.excerpt-info .tab-pd,
.excerpt-info .btn-bar,
.excerpt-info .user.img {
    border-radius: 5px; /* Apply rounded corners to child elements */
}

.excerpt-info .user.img img {
    border-radius: 5px; /* Ensures the image itself has rounded corners */
    display: block; /* Removes gaps caused by inline-block spacing */
    width: 100%; /* Ensures the image fills its container */
    height: auto; /* Maintains aspect ratio */
}

a[href="#show-on-map/yes"] {
    color: white; /* Makes the text white */
    text-decoration: none; /* Optional: Removes underline for cleaner appearance */
}

a[href="#show-on-map/yes"]:hover {
    text-decoration: underline; /* Optional: Add underline on hover for better UX */
    opacity: 0.8; /* Optional: Slight dimming effect on hover */
}

a[href="#book"] {
    color: RGB (255, 255, 255) ; !important
    text-decoration: none;
}
a[href="#book"]:hover {
    text-decoration: underline;
    opacity: 0.8;
}


a[href^="#book/category"] {
    text-transform: uppercase; /* Transforms text to uppercase */
}
.cap.short {
    margin: 0; /* Remove margins */
    padding: 0; /* Remove padding */
    display: flex; /* Enable Flexbox */
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */

}


div div p {
  text-align: center;
}
div.cap.short {
  text-align: center;
}
.cap.short {
    text-align: center; /* Aligns text to the center horizontally */
}




.copyright {
    display: none; /* Removes the element from the layout and hides it */
}


div.google-reviews__card-left {
  background-color: #FFF5DA;
}

a[href="https://search.google.com/local/reviews?placeid=ChIJY3nXBgm3xUcRTSVRILBFLBU"] {
    color: #9D450F; /* Changes the text color to black */
    text-decoration: none; /* Optional: Removes underline for a cleaner look */
}

a[href="https://search.google.com/local/reviews?placeid=ChIJY3nXBgm3xUcRTSVRILBFLBU"]:hover {
    color: #FFD261; /* Optional: Darkens the color slightly on hover */
    text-decoration: underline; /* Optional: Adds an underline on hover for better UX */
}

#sb_google_reviews_card {
  border-radius: 40px;
}

#sb_google_reviews_card {
    background-color: #FFF5DA; /* Set your desired background color */
}


div.btn.book.btn-with-icon.custom {
  background-color: rgb(0, 0, 0, 0.3);
    backdrop-filter: blur(20px); /* Blurred background effect */
    -webkit-backdrop-filter: blur(10px); /* Safari compatibility */
    border: 1px solid white; /* White stroke */
    color: black; /* Optional: Set text color for contrast */
    border-radius: 5px; /* Optional: Rounded corners for aesthetic */
    padding: 10px 20px; /* Optional: Padding for better spacing */
    text-align: center; /* Optional: Centers the text */
}

div.btn.map.btn-with-image.custom {
  background-color: rgb(0, 0, 0, 0.3);
    backdrop-filter: blur(20px); /* Blurred background effect */
    -webkit-backdrop-filter: blur(10px); /* Safari compatibility */
    border: 1px solid white; /* White stroke */
    color: black; /* Optional: Set text color for contrast */
    border-radius: 5px; /* Optional: Rounded corners for aesthetic */
    padding: 10px 20px; /* Optional: Padding for better spacing */
    text-align: center; /* Optional: Centers the text */

}



img.goog-te-gadget-icon {
  visibility: hidden;
}

span a span {
  color: white;
}

span a img {
  visibility: hidden;
}


div.company-name.company-logo-and-name {
    text-shadow: 2px 2px 20px rgba(0, 0, 0, 1); /* Subtle shadow */
}

a.VIpgJd-ZVi9od-l4eHX-hSRGPd {
  visibility: hidden;
}

.logo {
    display: flex !important; /* Enables Flexbox */
    justify-content: center !important; /* Centers children horizontally */
    align-items: center !important; /* Centers children vertically */
    height: 100% !important; /* Ensures the div has height for vertical alignment */
    width: 100% !important; /* Ensures the div spans the full width */
    box-sizing: border-box !important; /* Ensures padding and borders are included in dimensions */
}



@media (max-width: 768px) { /* Target mobile and small screen sizes */
    .col-xs-8.col-md-3 {
        width: auto !important; /* Allow the width to adjust to the content */
        padding: 0 !important; /* Remove any padding around the container */
        margin: 0 auto !important; /* Center the container horizontally if needed */
        display: inline-block !important; /* Shrink to fit content */
        box-sizing: border-box !important; /* Ensure padding and borders are included in size */
    }

    .logo img {
        max-width: 100%; /* Ensure the image scales down for smaller screens */
        height: auto; /* Maintain aspect ratio */
        display: block; /* Remove inline spacing issues */
    }

    .brand.company-logo-and-name {
        text-align: center; /* Optional: Center-align the content within */
        padding: 0 !important; /* Remove any padding for tighter fit */
    }
}

div a img {
  
}



@media (max-width: 768px) { /* Target mobile devices */
    #main-buttons {
        display: flex; /* Enable Flexbox */
        flex-direction: column; /* Stack children vertically (optional, for better alignment) */
        justify-content: center; /* Vertically center the content */
        height: 90vh; /* Ensure the height is half the viewport */
    }
}


.logo {
    margin: 0;
    padding: 0;
}


@media (max-width: 768px) {
    .header-controls {
        display: flex !important; /* Принудительное включение Flexbox */
        justify-content: center !important; /* Принудительное центрирование по горизонтали */
        align-items: center !important; /* Принудительное центрирование по вертикали */
        text-align: center !important; /* Принудительное центрирование текста */
    }
}

.skiptranslate.goog-te-gadget {
    color: transparent !important; /* Makes text white */
}


@media (max-width: 768px) {
    .col-xs-4.col-md-9 {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
}


#header {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}




div.full-info{background-color: #1C0D00 !important;
} 

div.tab-pd {
  background-color: #1C0D00 !important;
}
.tab.tab-col .excerpt-info {background-color: black;}

}

div.excerpt-info {
  background-color: #1C0D00 !important;
}

span.read-more {
  background-color: #E3F2FF !important;
  color: #004D94 !important;
}

span.read-more {
  filter: invert(1) !important;
}

#steps-nav {
  background-color:#330600 !important;
}

div.title-small {
  color: white !important;
}

#sb-timeline #steps-nav li:first-child:after, #sb-timeline #steps-nav li.passed + li:not(.passed):after {
    border-top-color: #330600 !important;
    border-left-color: #ffa34d !important;
    border-bottom-color: #330600 !important;
}

#sb_booking_content .tab .btn.select {
  background: black !important;
}

div div a {
  color: white !important;
}

div.modal.fade.in {
  backdrop-filter: blur(20px) !important;
}

select.goog-te-combo {
  filter: invert(1) !important;
}

div.cookies.sb-important {
  background-color: black !important;
}

div.section-pd {
  background-color: black !important;
}

#footer {
    background-color: black !important;
}

span.txt {
  background:#813E00 !important;
  color: white !important;
}

span.txt::after {
  background: #813E00 !important;
}

#sb-timeline #steps #sb_back_button a, #sb_back_to_bookings .back-to-services, .invoice-pay-page .to-invoices-list, .wrap-client-info-view .back-button {
  background-color: #813E00 !important;
}

div div a::before {
  background-color: #813E00 !important;
}

#header .nav-wrapper #sb_menu .nav #sb_appended_menu_item ul{
   background-color: rgba(0, 0, 0, 0.5) !important; /* Half-black with 50% opacity */
    backdrop-filter: blur(5px) !important; /* Blur effect */
    -webkit-backdrop-filter: blur(5px) !important; /* Safari support */
}

.company-name.company-logo-and-name::after {
  content: "Massage & Beauty" !important;
  display: block !important;
width: fit-content !important;
margin-bottom: 40px !important;
}



input.form-control {
  background-color: black !important;
  border-color: black !important;
  border-radius: 10px !important;
}

button.btn.custom {
  background-color: #ffa34d !important;
}

div.client-login-bar {
  border-color: #ffa34d !important;
}



#booking-result-tabs {
  background-color: #6C0D00;
}

div.filter-list.custom-form.filter--content {
  background-color: black;
}

input.form-control.filter--input-field {
  background-color: #6C0D00;
  border-color: #6C0D00;
}

div.membership-filters{background-color: black;}




div.filter-list.custom-form.filter--content {
  background-color: black !important;
}

input.form-control.filter--input-field {
  background-color: #6C0D00 !important;
  border-color: #6C0D00 !important;
}

div.membership-filters {
  background-color: black !important;
}

div#sb_membership_filter_service_container {
  background-color: black !important;
}

div.sb_filter_item {
  background-color: black !important;
}

label.filter-item-label {
  background-color: black !important;
}

div.tabs-container {
  background-color: #6C0D00;
}

#booking-result-tabs {
  background-color: #6C0D00;
}


div.tabs-container {
  background-color: #6C0D00;
}



div.tab-pd {
  background-color: #ffa34d;
}

div.name {
  text-align: center !important;
}



div.modal-content {
  background-color: black !important;
}


a.btn {
  background-color: #e69138 !important;
  border-radius: 10px !important;
  color: #ffffff !important;
  text-align: center !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
}

a.btn.btn-second.sb-client-edit-popup {
  text-decoration-color: wheat !important;
}

a.btn.popup-hide {
  border-radius: 10px !important;
}


div.invoice-notification--content {
  background-color: black;
}


div.counter.sb-qty {
  background-color: #005CB2; !important
}

span.login-container__remember-check {
  background-color: #005CB2; !important
}






div.modal-content {
  color: #fafafa;
  background-color: #1a1a1a;
  border-radius: 10px;
}

button.btn.btn-second {
  background-color: #ffb74d;
  border-radius: 10px;
}

div.alert.alert-info {
  color: #ffffff !important;
  background-color: #3e2723 !important;
}

div.cap {
  text-transform: uppercase !important;
}


p.help-block {
  padding-bottom: 0px !important;
  margin-top: 20px !important;
}

p.google-reviews__card-heading {
  color: #bcaaa4 !important;
}

div.google-reviews__card-right {
  background-color: #3a1c0e !important;
}

div.google-reviews__card-reviews {
  color: #eeeeee !important;
}

span.google-reviews__card-rating-text {
  color: #ffd54f !important;
}

span.google-reviews__card-rating-value {
  color: #ffd54f !important;
}

div.google-reviews__card-left {
  background-color: #3a1c0e !important;
}




@media only screen and (max-width: 767px) {
  div.cart.item-container.sb-cart-btn {
    color: #fafafa !important;
    background-color: #ffb74d !important;
    border-radius: 10px !important;
  }

  div.logged-out {
    background-color: #ffb74d !important;
    border-radius: 10px !important;
  }

  div.nav-trigger.toggle-mnu {
    border-radius: 10px !important;
  }

  div.google-reviews__card {
    background-color: #3a1c0e !important;
  }
}



div.nav-wrapper clearfix:active{
  background-color: black;
}

div#nav-wrapper clearfix active
{
  background-color: black;
}

div.title-main {
  color: #fafafa;
  
}

div div p {
  color: #e0e0e0;
}

div.col-sm-6 {
  color: #e0e0e0;
}

section.section {
  background-color: #000000;
}

#content-view {
  color: #fafafa;
}


div.modal-content {
  color: #fafafa;
  background-color: #1a1a1a;
  border-radius: 10px;
}

button.btn.btn-second {
  background-color: #ffb74d;
  border-radius: 10px;
}


div.nav-wrapper.clearfix.active {
  background-color: #3a1c0e !important;
}


div.nav-wrapper.clearfix.active {
  background-color: #3a1c0e;
}

div.google-reviews__card {
  border-radius: 10px !important;
}

.tab-pd {
  border-radius: 10px !important;
}

@media only screen and (max-width: 767px) {
div.google-reviews__card {
  border-radius: 10px !important;
  position: fixed;
  bottom: 20px;
  right: 20px;
}

.full-info.full-info--client-info.active {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 10;
}


}