.elementor-6532 .elementor-element.elementor-element-3e8cb0af{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:80px;--padding-bottom:0px;--padding-left:12px;--padding-right:12px;}.elementor-6532 .elementor-element.elementor-element-7d122ce5{width:var( --container-widget-width, 44% );max-width:44%;--container-widget-width:44%;--container-widget-flex-grow:0;}.elementor-6532 .elementor-element.elementor-element-7d122ce5 .title-area{text-align:center;}.elementor-6532 .elementor-element.elementor-element-7d122ce5 .sec-title{font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-6532 .elementor-element.elementor-element-785e51d7{width:100%;max-width:100%;}.elementor-6532 .elementor-element.elementor-element-785e51d7 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-6532 .elementor-element.elementor-element-785e51d7 .box-price{font-size:43px;}.elementor-6532 .elementor-element.elementor-element-071a2d2{width:100%;max-width:100%;}.elementor-6532 .elementor-element.elementor-element-071a2d2 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:50px 0px 80px 0px;}.elementor-6532 .elementor-element.elementor-element-071a2d2 .box-price{font-size:43px;}@media(min-width:768px){.elementor-6532 .elementor-element.elementor-element-3e8cb0af{--width:90%;}}@media(max-width:1024px){.elementor-6532 .elementor-element.elementor-element-3e8cb0af{--padding-top:0px;--padding-bottom:0px;--padding-left:36px;--padding-right:36px;}.elementor-6532 .elementor-element.elementor-element-7d122ce5{width:100%;max-width:100%;}.elementor-6532 .elementor-element.elementor-element-7d122ce5 .sec-title{font-size:var( --e-global-typography-primary-font-size );}}@media(max-width:767px){.elementor-6532 .elementor-element.elementor-element-3e8cb0af{--padding-top:0px;--padding-bottom:0px;--padding-left:12px;--padding-right:12px;}.elementor-6532 .elementor-element.elementor-element-7d122ce5 .sec-title{font-size:var( --e-global-typography-primary-font-size );}}/* Start custom CSS for medovaprice, class: .elementor-element-785e51d7 *//* 1. The Scroll Container */
.available-list {
    height: 180px !important; 
    overflow-y: scroll !important; /* Changed from 'auto' to 'scroll' to keep it always visible */
    overflow-x: hidden !important;
    padding-right: 12px; 
    margin-bottom: 20px;
    /* Optional: Subtle border to define the scroll area */
    border-bottom: 2px solid #f9f9f9; 
}

/* 2. Fix the Text Overlap (Ensures text stays clear of icons) */
.available-list li {
    position: relative;
    padding-left: 35px !important; 
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    border-bottom: 1px solid #f0f0f0;
    list-style: none !important;
}

/* 3. HIGH VISIBILITY SCROLLBAR */
/* This makes the scrollbar thicker and colored so it stands out */
.available-list::-webkit-scrollbar {
    width: 8px; /* Slightly thicker for visibility */
}

.available-list::-webkit-scrollbar-track {
    background: #f1f1f1; /* Light grey track */
    border-radius: 10px;
}

.available-list::-webkit-scrollbar-thumb {
    background: #ff5e14; /* Your brand orange - very visible */
    border-radius: 10px;
    border: 2px solid #f1f1f1; /* Creates a padding effect around the thumb */
}

.available-list::-webkit-scrollbar-thumb:hover {
    background: #e65512; /* Darker orange on hover */
}

/* 4. Firefox support (different syntax) */
.available-list {
    scrollbar-width: thin;
    scrollbar-color: #ff5e14 #f1f1f1;
}/* End custom CSS */
/* Start custom CSS for medovaprice, class: .elementor-element-071a2d2 *//* 1. The Scroll Container */
.available-list {
    height: 180px !important; 
    overflow-y: scroll !important; /* Changed from 'auto' to 'scroll' to keep it always visible */
    overflow-x: hidden !important;
    padding-right: 12px; 
    margin-bottom: 20px;
    /* Optional: Subtle border to define the scroll area */
    border-bottom: 2px solid #f9f9f9; 
}

/* 2. Fix the Text Overlap (Ensures text stays clear of icons) */
.available-list li {
    position: relative;
    padding-left: 35px !important; 
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    border-bottom: 1px solid #f0f0f0;
    list-style: none !important;
}

/* 3. HIGH VISIBILITY SCROLLBAR */
/* This makes the scrollbar thicker and colored so it stands out */
.available-list::-webkit-scrollbar {
    width: 8px; /* Slightly thicker for visibility */
}

.available-list::-webkit-scrollbar-track {
    background: #f1f1f1; /* Light grey track */
    border-radius: 10px;
}

.available-list::-webkit-scrollbar-thumb {
    background: #ff5e14; /* Your brand orange - very visible */
    border-radius: 10px;
    border: 2px solid #f1f1f1; /* Creates a padding effect around the thumb */
}

.available-list::-webkit-scrollbar-thumb:hover {
    background: #e65512; /* Darker orange on hover */
}

/* 4. Firefox support (different syntax) */
.available-list {
    scrollbar-width: thin;
    scrollbar-color: #ff5e14 #f1f1f1;
}/* End custom CSS */