:root{
   /*  --theme: #000;
    --theme1: #0A0A0A;
    --theme1: #0A0A0A;
    --title2: #161921; */
    --body: #4B4B4B;
    --black: #000000;
    --white: #FFFFFF;
    --light: #CDCDCD;
    --gray: #D2D2D2;
    --smoke1: #F3F1F2;
    --smoke2: #F6F7F9;
    --yellow: #FFB539;
    --success: #28A745;
    --error: #DC3545;
    --border: #D2D2D2;
    --lable: #333;
    /* NEWLY ADDED */
    --bg-trans: transparent;
    --primary: #000000;
    --primary_hover: #444;
    --secondary: #333333;
    --paid: #17a2b8;
    --unpaid: #ff7900;
    --cancelled: #FF4141;
    --confirm: #008000;
}

/* Load LamaRounded Regular */
@font-face {
  font-family: 'LamaRounded';
  src: url('../webfonts/Lama/Standard/LamaRounded-Regular.woff2') format('woff2'),
       url('../webfonts/Lama/Standard/LamaRounded-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* Load LamaRounded Medium */
@font-face {
  font-family: 'LamaRounded-Medium';
  src: url('../webfonts/Lama/Standard/LamaRounded-Medium.woff2') format('woff2'),
       url('../webfonts/Lama/Standard/LamaRounded-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

/* Load LamaRounded Bold */
@font-face {
  font-family: 'LamaRounded-Bold';
  src: url('../webfonts/Lama/Standard/LamaRounded-Bold.woff2') format('woff2'),
       url('../webfonts/Lama/Standard/LamaRounded-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

/* Load LamaRounded SemiBold */
@font-face {
  font-family: 'LamaRounded-SemiBold';
  src: url('../webfonts/Lama/Standard/LamaRounded-SemiBold.woff2') format('woff2'),
       url('../webfonts/Lama/Standard/LamaRounded-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

/* Load LamaRounded ExtraBold */
@font-face {
  font-family: 'LamaRounded-ExtraBold';
  src: url('../webfonts/Lama/Standard/LamaRounded-ExtraBold.woff2') format('woff2'),
       url('../webfonts/Lama/Standard/LamaRounded-ExtraBold.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

.LamaRounded{font-family: 'LamaRounded', sans-serif;}
.LamaRounded-Medium{font-family: 'LamaRounded-Medium', sans-serif;}
.LamaRounded-SemiBold{font-family: 'LamaRounded-SemiBold', sans-serif;}
.LamaRounded-Bold{font-family: 'LamaRounded-Bold', sans-serif;}
.LamaRounded-ExtraBold{font-family: 'LamaRounded-ExtraBold', sans-serif;}
/* Apply Regular font to body */
body {
  font-family: 'LamaRounded', sans-serif;
}

/* Headings and strong text get ExtraBold */
h1, h2, h3, h4, h5, h6, strong, b{
  font-family: 'LamaRounded-ExtraBold', sans-serif;
}


/* Headings and strong text get ExtraBold */
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span{
  font-family: 'LamaRounded-ExtraBold', sans-serif;
}

/* Buttons use Bold font */
button, .btn, .sppb-btn {
  font-family: 'LamaRounded-SemiBold', sans-serif;
}

/* Base text styling */
p, a, li, span, em, input, textarea, select {
  font-family: 'LamaRounded', sans-serif;
}

/* #sp-header .sp-megamenu-parent>li{display: block;} */
#sp-header .sp-megamenu-parent>li>span.sp-menu-separator {color: #d1d1d1;}
#sp-header .sp-megamenu-parent .sp-dropdown li.sp-menu-item>a {font-size: 16px; line-height: 20px;}
#sp-header .sp-megamenu-parent>li:hover>span.sp-menu-separator,
#sp-header .sp-megamenu-parent>li.active>span.sp-menu-separator{color: #ffff;}


/* .sp-megamenu-parent>li>a{display: flex; align-items: center; gap: 0.325rem;} */
/* .menu-icons-24 {max-width: 24px;} */
.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span{font-size: 16px; font-family: 'LamaRounded-Medium', sans-serif; padding: 0px 10px;}
.sp-megamenu-parent>li.active>a{font-family: 'LamaRounded-SemiBold';}
/* .sp-megamenu-parent>li:last-child>a{padding: 0;}  */
/* body.ltr .sp-megamenu-parent>li.sp-has-child>a:after, body.ltr .sp-megamenu-parent>li.sp-has-child>span:after{margin-left: 0;} */
/* HOMEPAGE CSS START */

.video-box1 .video-play-btn {-webkit-transition: all 1s cubic-bezier(0, 0, 0.2, 1); transition: all 1s cubic-bezier(0, 0, 0.2, 1);}
.video-box1 .video-play-btn:before{-webkit-transition: 0.3; transition: 0.3; -webkit-animation: ripple 2s linear infinite; animation: ripple 2s linear infinite}
.video-box1 .video-play-btn:after {-webkit-transition: 0.3; transition: 0.3; -webkit-animation: ripple 2s linear 1s infinite; animation: ripple 2s linear 1s infinite}

.ripple-animation,.play-btn:after,.play-btn:before {
    -webkit-animation-duration: var(--ripple-ani-duration);
    animation-duration: var(--ripple-ani-duration);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: ripple;
    animation-name: ripple
}

.movingX {-webkit-animation: movingX 8s linear infinite; animation: movingX 8s linear infinite;}

.moving_X {-webkit-animation: moving_X 8s linear infinite; animation: moving_X 8s linear infinite;}

.jump {-webkit-animation: jumpAni 5s linear infinite; animation: jumpAni 5s linear infinite}

@-webkit-keyframes ripple {
    0% {-webkit-transform: scale(1); transform: scale(1); opacity: 0;}
    30% {opacity: 0.4;}
    100% {-webkit-transform: scale(1.8); transform: scale(1.8); opacity: 0;}
}

@keyframes ripple {
    0% {-webkit-transform: scale(1); transform: scale(1); opacity: 0;}
    30% {opacity: 0.4;}
    100% {-webkit-transform: scale(1.8); transform: scale(1.8); opacity: 0;}
}

@-webkit-keyframes movingX {
    0% {-webkit-transform: translateX(0); transform: translateX(0);}
    50% {-webkit-transform: translateX(50px); transform: translateX(50px);}
    100% {-webkit-transform: translateX(0); transform: translateX(0);}
}

@keyframes movingX {
    0% {-webkit-transform: translateX(0); transform: translateX(0);}
    50% {-webkit-transform: translateX(50px); transform: translateX(50px);}
    100% {-webkit-transform: translateX(0); transform: translateX(0);}
}

@-webkit-keyframes moving_X {
    0% {-webkit-transform: translateX(0); transform: translateX(0);}
    50% {-webkit-transform: translateX(8px); transform: translateX(8px);}
    100% {-webkit-transform: translateX(0); transform: translateX(0);}
}

@keyframes moving_X {
    0% {-webkit-transform: translateX(0); transform: translateX(0);}
    50% {-webkit-transform: translateX(8px); transform: translateX(8px);}
    100% {-webkit-transform: translateX(0); transform: translateX(0);}
}

@-webkit-keyframes jumpAni {
    0% {-webkit-transform: translateY(0); transform: translateY(0);}
    40% {-webkit-transform: translateY(-30px); transform: translateY(-30px);}
    100% {-webkit-transform: translateY(0); transform: translateY(0);}
}

@keyframes jumpAni {
    0% {-webkit-transform: translateY(0); transform: translateY(0);}
    40% {-webkit-transform: translateY(-30px); transform: translateY(-30px);}
    100% {-webkit-transform: translateY(0); transform: translateY(0);}
}
.reserve_title_blog {display: flex; align-items: center; justify-content: space-between;}

.service-card.slick-slide {height: auto;}
.service_card {display: flex; flex-direction: column; gap: 0.5rem; padding: 0.825rem; border: 2px solid transparent; box-shadow: 0 0 0 1px #e2e8f0, 0 10px 15px -3px rgba(0, 0, 0, 0.05); transition: 1s cubic-bezier(.51,.61,0,2.3); border-radius: 0.5rem; cursor: pointer;}
/* .service-card:hover {transform: translateY(-5px);}  */
.service-card:hover .service_card,
.service-card.active .service_card {border: 2px solid var(--primary);}
.service-card.slick-slide .service_card {padding: 0; cursor: unset;}
.card_tag_img {width: 90px; height: 90px; padding: 0.5rem; border-radius: 0.5rem; background: rgb(0 0 0 / 10%); display: flex; align-items: center; justify-content: center; }
.card_img {aspect-ratio: 1; object-fit: cover; border-radius: 8px; object-position: center center;}
.card_tag_details {display: flex; flex-direction: column; gap: 0.5rem;}
/* .card_title {font-weight: 600; font-size: 18px; line-height: 30px; color: var(--secondary); margin: 0;} */
.card_desc {font-size: 14px; line-height: 20px; margin: 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.card_price {margin: 0; font-weight: 700; font-size: 18px; line-height: 24px; color: var(--primary);}
.slider_arrows {list-style: none; margin: 0; padding: 0; display: flex; align-items: center; justify-content: space-between; gap: 1rem; /*position: absolute; width: 100%; top: 50%; transform: translate(0%, -50%);*/} 
.slick-arrow {width: 36px; height: 36px; background: var(--white); border: 1px solid var(--primary); padding: 5px; display: flex; align-items: center; justify-content: center; color: var(--primary); border-radius: 50%; cursor: pointer; }
.slick-arrow:hover,
.slick-arrow:focus{background: var(--primary); color: var(--white);}
.sp-scroll-up {color: var(--primary); border-radius: 50%; background: var(--white); border: 1px solid var(--primary); display: flex; align-items: center; justify-content: center; width: 50px; height: 50px;}

.custom_field_group {display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-bottom: 1rem;}
/* HOMEPAGE CSS CLOSE */
#sp-main-body {padding: 50px 0;}

.service_card_grid {display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; margin-bottom: 1rem;}
.service_sub_card {display: grid ; align-items: flex-start; gap: 0.625rem; grid-template-columns: 90px auto;}
.custom_btn_group {display: flex; align-items: center; justify-content: center; gap: 1rem;}

/* .btn_large {padding: 17px 36px; font-size: 16px; font-family: 'Inter'; font-weight: 600; line-height: 26px;}
.btn_small {padding: 10px 20px; font-size: 16px; font-family: 'Inter'; font-weight: 600; line-height: 26px;} */

a {color: inherit;}
a:hover{color: inherit;}

.btn{
    --bs-btn-font-weight: 500;
    --bs-btn-font-family: 'LamaRounded-Bold', sans-serif;
    --bs-btn-border-radius: 0.5rem;
    --bs-btn-box-shadow: none;
    --bs-btn-padding-x: 1rem;
    --bs-btn-padding-y: 0.5rem;
}
.btn-primary {
    --bs-btn-color: var(--white);
    --bs-btn-bg:  var(--primary);
    --bs-btn-border-color:  var(--primary);
    --bs-btn-hover-color: var(--white);
    --bs-btn-hover-bg: var(--primary_hover);
    --bs-btn-hover-border-color: var(--primary_hover);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--primary_hover);
    --bs-btn-active-border-color: var(--primary_hover);
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: var(--white);
    --bs-btn-disabled-bg: var(--primary);
    --bs-btn-disabled-border-color: var(--primary);
}

.btn-outline-primary{
    --bs-btn-color: var(--primary); 
    --bs-btn-border-color: var(--primary); 
    --bs-btn-hover-bg: var(--primary); 
    --bs-btn-hover-color: var(--white); 
    --bs-btn-hover-border-color: var(--primary);
    --bs-btn-active-bg: var(--primary);
    --bs-btn-active-border-color:var(--primary);
}

.bg-primary{background-color:var(--primary) !important;}

.btn-secondary{background-color: var(--secondary); color: var(--white); border: 1px solid var(--secondary);}
.btn-secondary:hover,
.btn-secondary:focus{background-color: var(--white); color: var(--secondary); border: 1px solid var(--secondary);}

.box_design_views {box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1); position: relative; background-color: var(--white); padding: 24px;}

label {color: var(--lable); font-weight: 600; font-size: 16px; line-height: 26px;}

.form-control {
    height: 55px;
    padding: 0 25px 0 25px;
    padding-right: 45px;
    border: 1px solid var(--border);
    color: var(--body);
    background-color: var(--white);
    border-radius: 0;
    font-size: 16px;
    width: 100%;
    font-family: 'LamaRounded';
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
}

select:focus, 
.form-control:focus, 
.form-select:focus, 
textarea:focus, 
input:focus {outline: 0; box-shadow: none; border-color: var(--primary); background-color: var(--white);}

textarea.form-control{padding: 15px 25px; height: auto;}
input[type="date"] {padding-right: 25px;}
input[type="date" i]::-webkit-calendar-picker-indicator{background: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.2793 10.1484H18.6139C18.8122 10.1484 18.9727 10.3089 18.9727 10.5072V12.8418C18.9727 13.0398 18.8122 13.2005 18.6139 13.2005H16.2793C16.081 13.2005 15.9206 13.0398 15.9206 12.8418V10.5072C15.9206 10.3092 16.081 10.1484 16.2793 10.1484ZM16.638 12.4831H18.2552V10.8659H16.638V12.4831Z" fill="%23e8092e" stroke="%23e8092e" stroke-width="0.5"></path><path d="M10.834 10.1484H13.1686C13.3669 10.1484 13.5273 10.3089 13.5273 10.5072V12.8418C13.5273 13.0398 13.3669 13.2005 13.1686 13.2005H10.834C10.636 13.2005 10.4752 13.0398 10.4752 12.8418V10.5072C10.4752 10.3092 10.636 10.1484 10.834 10.1484ZM11.1927 12.4831H12.8099V10.8659H11.1927V12.4831Z" fill="%23e8092e" stroke="%23e8092e" stroke-width="0.5"></path><path d="M5.55663 10.1484H7.89127C8.08929 10.1484 8.25 10.3089 8.25 10.5072V12.8418C8.25 13.0398 8.08929 13.2005 7.89127 13.2005H5.55663C5.35861 13.2005 5.19789 13.0398 5.19789 12.8418V10.5072C5.19789 10.3092 5.35861 10.1484 5.55663 10.1484ZM5.91536 12.4831H7.53253V10.8659H5.91536V12.4831Z" fill="%23e8092e" stroke="%23e8092e" stroke-width="0.5"></path><path d="M16.2793 15.4688H18.6139C18.8122 15.4688 18.9727 15.6295 18.9727 15.8275V18.1621C18.9727 18.3601 18.8122 18.5209 18.6139 18.5209H16.2793C16.081 18.5209 15.9206 18.3601 15.9206 18.1621V15.8275C15.9206 15.6295 16.081 15.4688 16.2793 15.4688ZM16.638 17.8034H18.2552V16.1862H16.638V17.8034Z" fill="%23e8092e" stroke="%23e8092e" stroke-width="0.5"></path><path d="M10.834 15.4688H13.1686C13.3669 15.4688 13.5273 15.6295 13.5273 15.8275V18.1621C13.5273 18.3601 13.3669 18.5209 13.1686 18.5209H10.834C10.636 18.5209 10.4752 18.3601 10.4752 18.1621V15.8275C10.4752 15.6295 10.636 15.4688 10.834 15.4688ZM11.1927 17.8034H12.8099V16.1862H11.1927V17.8034Z" fill="%23e8092e" stroke="%23e8092e" stroke-width="0.5"></path><path d="M5.55663 15.4688H7.89127C8.08929 15.4688 8.25 15.6295 8.25 15.8275V18.1621C8.25 18.3601 8.08929 18.5209 7.89127 18.5209H5.55663C5.35861 18.5209 5.19789 18.3601 5.19789 18.1621V15.8275C5.19789 15.6295 5.35861 15.4688 5.55663 15.4688ZM5.91536 17.8034H7.53253V16.1862H5.91536V17.8034Z" fill="%23e8092e" stroke="%23e8092e" stroke-width="0.5"></path><path d="M2.71559 3.20271H5.08491C5.08801 3.20271 5.09064 3.20342 5.09375 3.20366V2.72583C5.09375 1.94427 5.72943 1.30859 6.51099 1.30859C7.29255 1.30859 7.92823 1.94451 7.92823 2.72583V3.20271H10.5979V2.72583C10.5979 1.94427 11.2336 1.30859 12.0152 1.30859C12.7967 1.30859 13.4324 1.94451 13.4324 2.72583V3.20271H16.1023V2.72583C16.1023 1.94427 16.738 1.30859 17.5196 1.30859C18.3011 1.30859 18.9368 1.94451 18.9368 2.72583V3.20295C18.938 3.20295 18.9392 3.20271 18.9404 3.20271H21.3092C21.5075 3.20271 21.668 3.36318 21.668 3.56144V22.1548C21.668 22.3529 21.5075 22.5136 21.3092 22.5136H2.71559C2.51757 22.5136 2.35686 22.3529 2.35686 22.1548V3.56144C2.35686 3.36318 2.51757 3.20271 2.71559 3.20271ZM7.21076 2.72583C7.21076 2.33983 6.89699 2.02606 6.51099 2.02606C6.12499 2.02606 5.81122 2.33983 5.81122 2.72583V4.70532C5.81122 5.09108 6.12499 5.40509 6.51099 5.40509C6.89699 5.40509 7.21076 5.09132 7.21076 4.70532V2.72583ZM12.0152 2.02606C11.6294 2.02606 11.3154 2.33983 11.3154 2.72583V4.70532C11.3154 5.09108 11.6292 5.40509 12.0152 5.40509C12.4012 5.40509 12.7149 5.09132 12.7149 4.70532V3.59492C12.714 3.58368 12.7116 3.57292 12.7116 3.5612C12.7116 3.54948 12.714 3.53872 12.7149 3.52748V2.72583C12.7149 2.33983 12.4012 2.02606 12.0152 2.02606ZM18.2193 2.72583C18.2193 2.33983 17.9056 2.02606 17.5196 2.02606C17.1338 2.02606 16.8198 2.33983 16.8198 2.72583V4.70532C16.8198 5.09108 17.1336 5.40509 17.5196 5.40509C17.9056 5.40509 18.2193 5.09132 18.2193 4.70532V2.72583ZM3.07432 21.7961H20.9505V3.92017H18.9404C18.9392 3.92017 18.938 3.91994 18.9368 3.91994V4.70556C18.9368 5.48712 18.3009 6.1228 17.5196 6.1228C16.7383 6.1228 16.1023 5.48712 16.1023 4.70556V3.92041H13.4324V4.70556C13.4324 5.48712 12.7965 6.1228 12.0152 6.1228C11.2338 6.1228 10.5979 5.48712 10.5979 4.70556V3.92041H7.92823V4.70556C7.92823 5.48712 7.29255 6.1228 6.51099 6.1228C5.72943 6.1228 5.09375 5.48712 5.09375 4.70556V3.91922C5.09064 3.91922 5.08801 3.92017 5.08491 3.92017H3.07432V21.7961Z" fill="%23e8092e" stroke="%23e8092e" stroke-width="0.5"></path></svg>');}

.custom_row_grid {display: grid; grid-template-columns: repeat(5, 1fr); gap: 1rem;}

.custom_row_grid .custom_cols_grid .card-time {
    padding: 0.6rem 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    border: 1px solid var(--border);
    cursor: pointer;
    border-radius: 0.375rem;
    -webkit-transition: 0.4s ease-in-out; 
    transition: 0.4s ease-in-out;
}
.custom_row_grid .custom_cols_grid .card-time.select-time.active {color: var(--primary); border-color: var(--primary);}

.booking_wizardbar ul {display: flex; align-items: center; justify-content: end; gap: 1rem; list-style: none; margin: 0px 0 30px 0; padding: 0 0 20px 0; border-bottom: 1px solid var(--gray);}
.booking_wizardbar ul .booking_steps {display: flex; align-items: center; gap: 0.7rem; font-weight: 500; color: var(--body);}
.booking_wizardbar ul .booking_steps .stepbadge {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    border-radius: 0;
    width: 24px;
    height: 24px;
    background: transparent;
    color: var(--black);
    border: 1px solid var(--secondary);
    font-variant-caps: all-petite-caps;
    font-size: 20px;
}
.booking_wizardbar ul .booking_steps .wizard_chevron {background: var(--secondary); border: 0; width: 40px; height: 1px;}
.booking_wizardbar ul .booking_steps:last-child .wizard_chevron {display: none;}

.booking_wizardbar ul .booking_steps.active{color: var(--primary); font-weight: 600;}
.booking_wizardbar ul .booking_steps.active .stepbadge {background: var(--primary); border-color: var(--primary); color: var(--white);}
.booking_wizardbar ul .booking_steps.active .wizard_chevron {background: var(--primary);}

.booking_wizardbar ul .booking_steps.finish {color: var(--black); font-weight: 600;}
.booking_wizardbar ul .booking_steps.finish .stepbadge {background: var(--black); border-color: var(--black); color: var(--white);}

.booking_confirm {box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08); border: 1px solid #eaeaea; position: relative; background-color: var(--white); padding: 40px; display: flex; flex-direction: column; align-items: center; max-width: 700px; margin: 0 auto; gap: 1rem; border-radius: 1rem; opacity: 0; transform: translateY(30px); animation: slideUp 0.8s ease forwards;}
.booking_icon {width: 64px; height: 64px; display: flex; align-items: center; justify-content: center; border: 1px solid #085D3A; border-radius: 100px; color: #085D3A; background: #ECFDF3;}
.custom_booking_confirm {font-weight: 500; color: var(--secondary); font-size: 18px; font-family: 'LamaRounded-Medium';}
.booking_id {font-size: 18px; font-weight: 600; color: #000; background: #f6f6f6; display: inline-block; padding: 10px 20px; border-radius: 8px;}
.booking_id span {color: var(--primary); font-weight: 600;}

/* Checkmark Animation */
.checkmark {
  width: 64px;
  height: 64px;
  stroke-width: 3;
  stroke: #28a745;
  stroke-miterlimit: 10;
  box-shadow: inset 0px 0px 0px #28a745;
  border-radius: 50%;
  display: block;
  margin: 0 auto 20px;
}

.checkmark-circle {
  stroke-dasharray: 166;
  stroke-dashoffset: 166;
  stroke-width: 3;
  stroke: #28a745;
  fill: none;
  animation: strokeCircle 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.checkmark-check {
  transform-origin: 50% 50%;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  animation: strokeCheck 0.4s cubic-bezier(0.65, 0, 0.45, 1) 0.6s forwards;
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes slideUp {
  to { opacity: 1; transform: translateY(0); }
}
@keyframes strokeCircle {
  to { stroke-dashoffset: 0; }
}

@keyframes strokeCheck {
  to { stroke-dashoffset: 0; }
}
.actions {
    margin-top: 20px;
    display: flex;
    justify-content: center;
    gap: 1rem;
}




.custom_selected_services {display: grid; grid-template-columns: 1fr 120px 110px 100px; justify-content: flex-start; align-items: center; gap: 1rem; border-radius: 8px; padding: 0.5rem; font-size: 14px; font-weight: 500; margin-bottom: 0.5rem; background: var(--white); box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);}
.selected_item_line {display: flex; align-items: center; gap: 0.35rem;}
.selected_item_line .icons {color: var(--primary);}
.selected_services_name .pro_icons {width: 50px; height: 45px; padding: 8px; border-radius: 8px; background: rgb(232 9 46 / 10%); display: flex; align-items: center; justify-content: center;}
.service_title_preview {font-size: 16px; font-weight: 700; color: var(--black); color: var(--primary);}
.timeslots_grid {display: grid; align-items: flex-start; grid-template-columns: 1fr 1fr; gap: 1rem;}
.control-group.date_control_group {max-width: 400px; margin: 0 0 1rem 0;}
#sp-page-builder .page-content .sppb-section.z-index-2{z-index: 2;}
.service-card.emr_services{position: relative;}
.service-card.emr_services .service_card {background: #fbd0d7;}
.service-card.emr_services .card_tag_img {background: var(--white);}

/* TEMPORARY HIDDEN */
/*.selected_grid_items {display: none;}*/
/* TEMPORARY HIDDEN */
div.mod-languages ul li.lang-active {background: white !important; padding: 2px;}
.sp-module-content .mod-languages ul.lang-inline {display: flex; align-items: center; gap: 0.5rem;}

/* table#bookingsTable thead th{padding: 5px 16px 5px 8px;} 
table#bookingsTable tbody td{padding: 5px 8px;}
table#bookingsTable thead th{background-color: #e8092e; color: #fff; font-size: 14px; vertical-align: middle; font-family: 'Inter'; font-weight: 600; border-bottom: 0;}
table#bookingsTable tbody td {font-size: 14px; font-weight: 500; line-height: 1.5; color: var(--black) !important;}
table#bookingsTable tbody tr.even td {background: #ecf0f1;} */
/* .table-striped>tbody>tr:nth-of-type(odd)>*{background: none; --bs-table-accent-bg: none;} */
.rsform-type-phonenumber input#Mobile_Number {text-indent: 45px;}

/*  */

.sppb-addon-pricelist .sppb-addon-title .pricelist-title{font-family: 'LamaRounded-Bold';}
.sppb-addon-pricelist .pricelist-price-content .pricelist-price {font-family: 'LamaRounded-Bold';}
.sppb-icon .sppb-icon-container > i {width: 26px !important; height: 26px !important; display: flex; align-items: center; justify-content: center;}
/*  */

body.rtl .sp-megamenu-parent>li.sp-has-child>a:before, 
body.rtl .sp-megamenu-parent>li.sp-has-child>span:before{
  content: "\f078"; 
  font-weight: 900; 
  font-family: "Font Awesome 6 Free"; 
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: var(--fa-display, inline-block);
  font-variant: normal;
  text-rendering: auto;
  font-style: normal;
}

/* LOGIN CSS START */
body.view-login {background: #f5f6f9;}
.view-login .com-users-login.login {
    background: rgb(255 255 255 / 90%);
    padding: 30px;
    border-radius: 1rem;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.6);
    max-width: 600px;
    margin: 0 auto;
}
.input-password-toggle .icon-eye:before {
    content: "\f06e";
    font-weight: 900;
    font-family: "Font Awesome 5 Free"!important;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: var(--fa-display, inline-block);
    font-variant: normal;
    text-rendering: auto;
    font-style: normal;
    line-height: 1;
}
.input-password-toggle .icon-eye-slash:before{
    content:"\f070";
    font-weight: 900;
    font-family: "Font Awesome 5 Free" !important;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: var(--fa-display, inline-block);
    font-variant: normal;
    text-rendering: auto;
    font-style: normal;
    line-height: 1;
}
.view-login .com-users-login.login input.form-control {height: 48px; border-radius: 8px;}
.view-login .com-users-login.login .list-group {display: flex; flex-direction: row; gap: 1rem; justify-content: center;}
.com-users-login__options .list-group-item {border: 0; padding: 0.5rem 0; font-size: 14px; font-family: 'LamaRounded-Medium';}

/* LOGIN CSS END */

/* REGISTRATION CSS START */
.custom_registration_form {max-width: 900px; margin: 0 auto; border-radius: 12px; border: 1px solid #D4D4D8; padding: 2rem;}
.custom_registration_form h2 {text-align: center;}
.custom_registration_form button.iti__selected-country{border-radius: 0; border-top-left-radius: 8px; border-bottom-left-radius: 8px; border-right: 1px solid #ddd;}
.custom_registration_form .rsform-block input.rsform-input-box,
.custom_registration_form .rsform-block input.rsform-password-box{height: 48px; border-radius: 8px; border: 1px solid var(--border); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.custom_registration_form .rsform-block .rsfp-progress {height: 4px; border-radius: 8px; box-shadow: none;}
.custom_registration_form .rsform-block .rsform-password-hint span {color: var(--lable); font-weight: 600; font-size: 14px; line-height: 20px;}
.rsform-password-hint-success .icon-check:before {content: "\f00c"; font-weight: 900; font-family: "Font Awesome 6 Free"; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: var(--fa-display, inline-block); font-variant: normal; text-rendering: auto; font-style: normal; line-height: 1;}
.rsform-password-hint .icon-cancel:before{content: "\f00d"; font-weight: 900; font-family: "Font Awesome 6 Free"; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: var(--fa-display, inline-block); font-variant: normal; text-rendering: auto; font-style: normal; line-height: 1;}
.custom_registration_form .rsform-block .rsform-submit-button{background: var(--black); border: 1px solid var(--black); color: var(--white); border-radius: 0.5rem; padding: 0.5rem 1rem; font-size: 1rem; font-family: 'LamaRounded-Medium'; text-shadow: none; line-height: 1.5; box-shadow: none;}
.custom_registration_form .rsform-block .rsform-submit-button:hover,
.custom_registration_form .rsform-block .rsform-submit-button:focus{background: var(--primary_hover); border: 1px solid var(--primary_hover); color: var(--white); text-shadow: none;}
/* REGISTRATION CSS CLOSE */

.litepicker{font-family: 'LamaRounded-Medium' !important;}
/* .litepicker .container__months .month-item-weekdays-row>div{font-family: 'LamaRounded-Medium';} */
.litepicker .container__months .month-item-weekdays-row {background: #000; color: #fff; border-radius: 4px;}
.litepicker .container__months .month-item-weekdays-row>div{font-size: 100% !important; color: #fff;}
.litepicker .container__months .month-item-header div>.month-item-name,
.litepicker .container__months .month-item-header div>.month-item-year {font-size: 18px;}
/*  */
.container__main {
  width: 100%;
  display: block;
}

#calendarInline {
  width: 100%;
}
.litepicker {
    width: 100%;
    font-size: 1em !important;
}
.lightpick,
.container__months,
.month-item  {
  width: 100% !important;
  max-width: 100% !important;
}

.lightpick__day {
  flex: 1 0 auto; /* Ensures equal width cells */
}

.lightpick__months {
  display: flex;
  justify-content: space-between;
}
.litepicker .container__months .month-item-weekdays-row {width: 100%;margin-bottom: 0.5rem;}
.litepicker .container__days {
    display: grid !important;
    grid-template-columns: repeat(7, 1fr);
    width: 100%;
}
.litepicker .container__days>div, .litepicker .container__days>a {width: 100% !important;}
/*  */
.invoice_link {
    text-decoration: underline;
    text-underline-offset: 3px;
}
.invoice_link:hover {
    text-decoration: underline;
    text-decoration-color: #000;
    color: #000;
}
.preiew_hidden{display: none;}


@media (max-width: 767px) {

    .burger-icon {width: 36px; height: 36px; padding: 5px 8px; font-size: 20px; border: none; background-color: var(--white); color: var(--black); display: inline-block; border-radius: 100px;}
    .burger-icon>span{background-color: var(--black);}
    .offcanvas-active .burger-icon{width: 33px; height: 33px; font-size: 18px; border-radius: 50%; background-color: var(--white); color: var(--black); padding: 5px 6px;}
    .offcanvas-active .burger-icon>span, #modal-menu-toggler.active .burger-icon>span{background-color: var(--black);}
    .offcanvas-active .burger-icon>span:nth-child(1), #modal-menu-toggler.active .burger-icon>span:nth-child(1) {transform: translate(0, 5px) rotate(-45deg);}
    .offcanvas-active .burger-icon>span:nth-child(3), #modal-menu-toggler.active .burger-icon>span:nth-child(3){transform: translate(0, -8px) rotate(45deg);}
    .offcanvas-menu>.d-flex.align-items-center.p-3.pt-4{background: var(--black);}
    .offcanvas-menu .offcanvas-inner{padding: 20px;}
    .offcanvas-menu.border-menu .offcanvas-inner ul.menu>li>a {padding: 12px 30px 12px 0px; line-height: 1.4;}
    .offcanvas-menu .offcanvas-inner ul.menu>li>a, .offcanvas-menu .offcanvas-inner ul.menu>li>span{opacity: 1; font-size: 16px;}

    .video-box1{width: 100%; height: 100%; margin: 0;}
    .video-box1 .video-play-btn{left: 50%; width: 50px; height: 50px; line-height: 52px; font-size: 14px;}

    .service_card_grid {grid-template-columns: repeat(1, 1fr);}
    .custom_row_grid {grid-template-columns: repeat(1, 1fr);}

    .box_design_views{padding: 20px;}
    .custom_selected_services{grid-template-columns: repeat(1, 1fr); padding: 1rem;}

    .booking_wizardbar ul{justify-content: center; gap: 0.5rem; margin: 0px 0 20px 0; padding: 0 0 15px 0;}
    .booking_wizardbar ul .booking_steps{gap: 0.5rem;}
    .booking_wizardbar ul .booking_steps .stepbadge{width: 18px; height: 18px; font-size: 11px;}
    .booking_wizardbar ul .booking_steps .wizard_title{font-size: 11px;}
    .booking_wizardbar ul .booking_steps .wizard_chevron{width: 15px;}

    /* .booking_tab .service_card_grid .service-card:after {content: ""; display: flex; align-items: center; width: 100%; height: 1px; background: var(--primary); margin-top: 1rem;} */
    .booking_tab .service_card_grid{gap: 1rem;} 
    .booking_tab .service_card{border-bottom: 1px solid var(--primary); border-radius: 0;}
    .booking_tab .service-card.active .service_card{border-radius: 0.375rem;}

    .timeslots_grid{grid-template-columns: repeat(1, 1fr);}

    .view-login .com-users-login.login .list-group {display: flex; gap: 0rem; flex-wrap: wrap;}

}   

@media (max-width: 360px) {
    .booking_wizardbar ul .booking_steps .stepbadge{display: none;}
}    


/* ||NEW CSS START FOR MESSAHA LAYOUT || */
.sticky-header-placeholder{height:auto!important;}
#sp-header{position: fixed; top: 40px; left: 50%; transform: translateX(-50%); border-radius: 24px;}
#sp-header.full-header {padding-left: 24px; padding-right: 24px;}
#sp-header.full-header .row>* {padding-right: 10px; padding-left: 10px;}
#sp-header .container-fluid{padding-left: 0; padding-right: 0;}
#sp-header .sp-module {margin-left: 10px;}
#sp-header .dropdown-toggle::after{display: none;}
#sp-header .mod-languages .btn-group .btn {width: 42px; height: 42px; display: flex; border: 1px solid white; border-radius: 100px; align-items: center; justify-content: center; padding:4px;}
.icon{font-weight: 400;}
#sp-header #sp-menu .social-wrap{display:none !important;}

.btn_custom_secondary{width: 42px; height: 42px; border: 1px solid var(--white); background-color: var(--bg-trans); color: var(--white); border-radius: 100px; display: inline-flex; align-items: center; justify-content: center;}
.btn_custom_secondary:hover,
.btn_custom_secondary:focus{background-color: #444; color: var(--white);}

.dropdown_list {list-style: none; margin: 0; padding: 0;}
.user_details {background: #000; padding: 0.5rem; border-radius: 12px; margin-bottom: 0.5rem; display: flex; align-items: center; color: #fff; gap: 0.5rem; font-family: 'Poppins'; font-weight: 500; font-size: 14px;}
.slick-slider .slick-arrow {background: #000; width: 24px; height: 24px; border-radius: 4px; color: #fff; border: 1px solid black; z-index: 1;}
.slick-slider .slick-arrow:hover, .slick-slider .slick-arrow:focus{background: white; color: black; border: 1px solid black;} 
.slick-slider .slick-prev:before, .slick-slider .slick-next:before{display: none;}

#sp-main-body {padding: 150px 0 50px 0;}
#sp-header .dropdown-menu {
    padding: 0.5rem;
    border-radius: 12px;
    overflow: hidden;
    border: 0;
    box-shadow: 0px 4.800000190734863px 7.200000286102295px -2.4000000953674316px rgba(17, 24, 39, 0.05), 0px 10.800000190734863px 19.200000762939453px -4.800000190734863px rgba(17, 24, 39, 0.10);
    position: absolute;
    top: calc(100% + 0px);
    right: 0;
    min-width: 200px;
    list-style: none;
}
#sp-header .dropdown-menu li a {padding: 0.5rem 1rem; display: flex; align-items: center; gap: 0.5rem; font-family: 'LamaRounded-Medium'; color: #000; border-bottom: 1px solid #d1d1d1; background-color: #fff;}
#sp-header .dropdown-menu li:last-child a {border-bottom: 0;}
#sp-header .dropdown-menu li a:hover,
#sp-header .dropdown-menu li a:focus,
#sp-header .dropdown-menu li a.active{background: #000; color: #fff !important;}
#sp-header .mod-languages ul.lang-block li {padding: 0; margin: 0;}
#sp-header .dropdown-menu li.lang-active a{background: #000; color: #fff !important;}
/* SECTION AVAILABLE SPACE START */
.space_list_row {display: grid; grid-template-columns: 0.5fr 1fr; background-color: #F1F2F3; border-radius: 8px;}
.space_name {font-family: 'LamaRounded-Bold', sans-serif; color: #000; font-size: 18px;}
.space_desc {font-size: 16px; font-family: 'LamaRounded-Medium', sans-serif; color: #333;}
.space_frame_list {display: flex; justify-content: space-between; gap: 15px;}
.space_img_cols img {border-top-left-radius: 8px; border-bottom-left-radius: 8px;}
.space_desc_cols {padding: 1rem; display: flex; flex-direction: column; gap: 8px;}
#space_slider .space_list {padding: 0 10px; height: auto;}
.space_frame_item {display: flex; align-items: center; gap: 0.24rem; font-size: 16px;}
.space_frame_price{font-size: 18px; font-family: 'LamaRounded-Bold', sans-serif; font-weight: bold;}

/* SECTION AVAILABLE SPACE CLOSE */

/* SECTION EXPLORE OUR MOST BOOKED SPACES START */
.explore_list_row {display: grid; grid-template-columns: 1fr; background-color: #F1F2F3; border-radius: 8px;}
.explore_name {font-family: LamaRounded-Bold, sans-serif; color: #000;font-size: 18px;}
.explore_desc {font-size: 14px; font-family: 'LamaRounded-Medium', sans-serif; color: #333; min-height: 42px;}
.explore_frame_list {display: flex; justify-content: space-between; gap: 15px;}
.explore_img_cols img {border-top-left-radius: 8px; border-top-right-radius: 8px;}
.explore_desc_cols {padding: 1rem; display: flex; flex-direction: column; gap: 12px;}
#explore_slider .explore_list {padding: 0 10px; height: auto;}
.explore_frame_item {display: flex; align-items: center; gap: 0.24rem; font-size: 16px;}
.explore_frame_price{font-size: 18px; font-family: 'LamaRounded-Bold', sans-serif;}

/* SECTION EXPLORE OUR MOST BOOKED SPACES CLOSE */

/* SECTION UPCOMING EVENTS START */
.events_list_row {display: grid; grid-template-columns: 1fr; background-color: #FFF; border-radius: 8px; box-shadow: 0 0px 5px 0 rgb(0 0 0 / 15%); margin-bottom: 15px}
.events_name {font-family: 'LamaRounded-Medium', sans-serif; color: #000; font-size: 16px;}
.events_desc {font-size: 14px; font-family: 'LamaRounded', sans-serif; color: #444;}
.events_frame_list {display: flex; justify-content: space-between; gap: 15px;}
.events_img_cols img {border-top-left-radius: 8px; border-top-right-radius: 8px; width: 100%;}
.events_desc_cols {padding: 1rem; display: flex; flex-direction: column; gap: 12px;}
#events_slider .events_list {padding: 0 10px; height: auto;}
.events_frame_item {display: flex; align-items: center; gap: 0.24rem; font-size: 16px;}
.events_frame_price{font-size: 18px; font-family: 'LamaRounded-Bold', sans-serif;}
/* SECTION UPCOMING EVENTS CLOSE */

/* MY BOOKING PAGE CSS START */

/* body.view-bookings{background: radial-gradient(252.46% 128.6% at 43.56% 77.38%, rgba(0, 115, 255, 0.04) 0%, rgba(255, 255, 255, 0) 100%),radial-gradient(50.09% 87.27% at 100% 0%, rgba(255, 132, 0, 0.05) 0%, rgba(255, 255, 255, 0) 100%),radial-gradient(2567.19% 1578.53% at 44.97% 30.08%, rgba(236, 241, 251, 0.45) 0%, rgba(248, 248, 248, 0.45) 100%),#f6f8fb} */
body.view-bookings{background: #F9FAFB;}
.section_web_bg {
    border: 1px solid rgba(20, 38, 77, 0.1);
    border-radius: 8px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background: #fff;
    padding: 0 1rem 1rem 1rem;
}
.dashboard_tabs {border: 1px solid rgba(20, 38, 77, 0.1); border-bottom: 0; gap: 0.5rem; background: #fff; border-radius: 10px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; padding: 1rem;}
.dashboard_tabs .nav-item .nav-link {
    padding: 10px 12px;
    background: var(--white);
    border: 1px solid var(--border);
    color: var(--secondary);
    border-radius: 10px;
    /* border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; */
    font-family: 'LamaRounded-Medium';
    font-size: 16px;
}
.dashboard_tabs .nav-item .nav-link.active{background: var(--black); border: 1px solid var(--black); color: var(--white);}

.grid_row {display: grid; grid-template-columns: repeat(5, 1fr); gap: 1rem; margin-bottom: 2rem;}
.listing_my_book_item {border: 1px solid rgba(20, 38, 77, 0.1); padding: 1rem; background-color: #fff; box-shadow: 5px 5px 30px rgba(9, 37, 64, .05); border-radius: 8px;}
.list_booking {display: flex; flex-direction: column; gap: 0.5rem;}
.list_booking_title {font-family: 'LamaRounded-Medium'; font-size: 16px; color: #444; line-height: 24px; font-weight: 500;}
.list_booking_count {font-family: 'LamaRounded-Bold', sans-serif; color: #000; font-size: 20px;}

.booking_outline_form {box-shadow: 5px 5px 30px rgba(9, 37, 64, .05); border: 1px solid rgba(20, 38, 77, 0.1); background: #fff; padding: 1rem; margin: 0 0 2rem 0; border-radius: 12px;}

div.dataTables_length label {display: flex; align-items: center; gap: 0.5rem; padding: 8px 10px; margin-bottom: 1rem; background: #fff; border-radius: 8px;}
.dataTables_filter label {display: flex; align-items: center; gap: 0.5rem; background: #fff; padding: 1rem; margin-bottom: 0.5rem; border-radius: 8px;}
.section_web_bg table.unique_table_design.no-footer{border: 1px solid #ddd;}
.section_web_bg .unique_table_design {background-color: #fff; border-radius: 8px; border-collapse: separate; border: 1px solid #d1d1d1; border-spacing: 0; width: 100%;}
.section_web_bg .unique_table_design tbody tr:hover {background-color: rgb(0 0 0 / 5%);}
.section_web_bg .unique_table_design thead tr th, .unique_table_design tbody tr:not(:last-child) td {border-bottom: 1px solid #d4d8dc;}
.section_web_bg table.unique_table_design thead tr th{color: #000; font-family: 'LamaRounded-Medium'; font-size: 16px; line-height: 24px;}
.section_web_bg table.unique_table_design thead tr th.sorting:before,
.section_web_bg table.unique_table_design thead tr th.sorting:after{display: none;}
.section_web_bg table.unique_table_design thead tr th{padding: 10px 10px; box-sizing: border-box;}
.section_web_bg table.unique_table_design tbody tr td{padding: 8px 10px; box-sizing: border-box; font-family: LamaRounded-Medium;}
.section_web_bg table.unique_table_design tbody tr td a{font-family: LamaRounded-Medium;}
.section_web_bg table.unique_table_design td.unpaid {color: var(--unpaid); font-family: 'LamaRounded-Medium'; text-transform: capitalize;}
.section_web_bg table.unique_table_design td.paid {color: var(--paid); font-family: 'LamaRounded-Medium'; text-transform: capitalize;}
.section_web_bg table.unique_table_design td.confirmed{color: var(--confirm); font-family: 'LamaRounded-Medium'; text-transform: capitalize;}
.section_web_bg table.unique_table_design td.cancelled{color: var(--cancelled); font-family: 'LamaRounded-Medium'; text-transform: capitalize;}
.openBookingModal {font-family: 'LamaRounded-Bold'; color: #000; text-decoration: underline; text-underline-offset: 3px;}
.pay_btn {border: 1px solid #000; background: #000; color: #fff; border-radius: 4px; font-size: 14px; line-height: 16px; padding: 0.25rem 0.5rem;}
.pay_btn:hover, .pay_btn:focus{background: #fff; color: #000;}
.section_web_bg .dataTables_info {border: 1px solid #ccc; padding: 0.5rem 1rem 0.625rem 1rem; margin: 1rem 0; border-radius: 8px; font-size: 14px; font-weight: 600; line-height: 2.32; background: #F9FAFB; display: flex; align-items: center; justify-content: center;}
.section_web_bg .dataTables_wrapper .dataTables_paginate{padding: 0.5rem 1rem; margin: 1rem 0; border: 1px solid #ccc; border-radius: 8px; background: #fff;}
.section_web_bg .dataTables_wrapper .dataTables_paginate .paginate_button{border-radius: 8px; font-size: 14px; font-weight: bold;}
.section_web_bg .dataTables_wrapper .dataTables_paginate .paginate_button.current, 
.section_web_bg .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{border: 1px solid #ccc; background: #fff;}
.section_web_bg .dataTables_wrapper .dataTables_paginate .paginate_button:hover{background: #000;}

.unique_booking_modal .unique_booking_row {display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem;}
.unique_booking_modal .unique_booking_row .img-fluid{border-radius: 8px; max-width: 120px;}
.unique_booking_modal .unique_booking_row .list-group-item .confirmed{color: var(--confirm); font-family: 'LamaRounded-Medium'; text-transform: capitalize;}
.unique_booking_modal .unique_booking_row .list-group-item .paid{color: var(--paid); font-family: 'LamaRounded-Medium'; text-transform: capitalize;}
.unique_booking_modal .unique_booking_row .list-group-item .unpaid{color: var(--unpaid); font-family: 'LamaRounded-Medium'; text-transform: capitalize;}
.unique_booking_modal .unique_booking_row .list-group-item .cancelled{color: var(--cancelled); font-family: 'LamaRounded-Medium'; text-transform: capitalize;}
/* MY BOOKING PAGE CSS CLOSE */


/* Skeleton base */
.skeleton-loading .skeleton-box {
    background: linear-gradient(90deg, #e0e0e0 25%, #f0f0f0 50%, #e0e0e0 75%);
    background-size: 200% 100%;
    animation: shimmer 1.5s infinite;
    border-radius: 4px;
    display: inline-block;
}
.skeleton-input {
    height: 38px;
    border-radius: 6px;
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 400% 100%;
    animation: shimmer 1.5s infinite ease-in-out;
    margin-top: 26px;
}
.skeleton-loader {
    height: 20px;
    border-radius: 4px;
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 400% 100%;
    animation: shimmer 1.2s infinite ease-in-out;
}
/* Animation effect */
@keyframes shimmer {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}
.event_listing_page .card-event {transition: transform 0.2s ease-in-out;}
.event_listing_page .card-event:hover {transform: translateY(-5px); box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);}
.event_listing_page .price{color: #000;}

.event_listing_page .event_date {font-family: 'LamaRounded-Medium'; font-size: 14px; color: #333;}
.event_listing_page .event_location{font-family: 'LamaRounded-Medium'; font-size: 14px; color: #333;}

.event_listing_page .event_date span,
.event_listing_page .event_location span{font-family: 'LamaRounded-Medium';}

.event_detail_page .event_d_date {font-family: 'LamaRounded-Medium'; font-size: 16px; color: #333; }
.event_detail_page .event_d_location{font-family: 'LamaRounded-Medium'; font-size: 16px; color: #333;}

/* .event_detail_page .btn-primary{font-family: Poppins; font-weight: 600; font-size: 18px; padding: 12px 24px 12px 24px;}
.event_detail_page .btn-primary:hover{background: var(--primary_hover); border-color: var(--primary_hover);} */

.view-checkout {background: #f7f8fa;}
.event-checkout-page .checkout-content {background: #fff; padding: 2rem; border-radius: 12px; box-shadow: 0 2px 12px rgba(0,0,0,0.05);}
.event-checkout-page .booking_list_group {padding: 0; display: flex; align-items: center; justify-content: space-between;}
.event-checkout-page .booking_list_group .list-group-items{font-family: 'LamaRounded-Medium'; font-size: 16px; color: var(--secondary);}
.event-checkout-page .booking-form .price-breakdown {font-size: 1.2rem; margin: 1rem 0; font-weight: 600; font-family: 'LamaRounded-Medium'; color: #000;}
.event-checkout-page .booking-form label .required {color: #dc3545;}

/* body.view-thankyou {background: #333;} */
.payment_status {display: inline-flex; padding: 0.25rem 0.625rem; background: var(--white); border: 1px solid currentcolor; color: currentcolor; font-size: 14px; font-family: 'LamaRounded-Medium'; font-weight: 500; border-radius: 100px;}
.unpaid{border-color: var(--unpaid); color: var(--unpaid);}
.paid{border-color: var(--paid); color: var(--paid);}
.cancelled{border-color: var(--cancelled); color: var(--cancelled);}
.confirmed{border-color: var(--confirm); color: var(--confirm);}

body.rtl .price_lists .pricelist-left-image {
    padding-left: 10px;
    padding-right: 0 !important;
}
body.rtl .price_lists .pricelist-tag {
    left: unset !important;
    right: 0px;
}
.select2-container--default .select2-selection--multiple{border-radius: 0 !important; border: 1px solid var(--border) !important; color: var(--body); padding: 0 25px 0 25px !important; min-height: 55px !important;}
.select2-container .select2-search--inline .select2-search__field{margin-top: 15px !important; margin-left: 0 !important;}
.select2-container .select2-search--inline .select2-search__field::placeholder {
    color: #6c757d;
    opacity: 1;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin-top: 10px !important;
    background-color: var(--primary) !important;
    color: var(--white) !important;
    border: 1px solid var(--primary) !important;
    font-size: 14px;
    padding: 5px 5px 5px 25px !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear{margin-top: 12px!important;}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {color: #eee !important; padding: 4px 4px !important; top: 1px !important;}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus{color: var(--black) !important;}

.custom_list_group li.list-group-item {display: flex; align-items: center; justify-content: space-between; gap: 0.5rem; padding-left: 0; padding-right: 0;}


.service-preview-box {display: grid; grid-template-columns: 1fr 1.5fr; gap: 1rem;}
.price_title_preview {font-family: 'LamaRounded-ExtraBold';}

@media (max-width: 767px) {
    .sp-module-content .mod-languages img{width: 36px; height: 36px;}
    #sp-header.full-header {padding-left: 20px; padding-right: 20px;}
    #sp-header{position: fixed; top: 20px; width: calc(100% - 20px); left: 50%; transform: translateX(-50%); border-radius: 12px; height: 60px;}
    .space_list_row{display: flex; flex-direction: column;}
    .space_img_cols img{border-radius: 0; border-top-left-radius: 8px; border-top-right-radius: 8px;}

    #sp-header .mod-languages .btn-group .btn {width: 36px; height: 36px; padding: 8px;}
    .btn_custom_secondary{width: 36px; height: 36px; padding: 8px;}

    .footer_row .sppb-row.sppb-nested-row {gap: 1.5rem;}
    .slick-slider .slick-arrow.slick-prev{left: 0;}
    .slick-slider .slick-arrow.slick-next {right: 0px;}

    .grid_row {grid-template-columns: repeat(1, 1fr);}
    .unique_booking_modal .unique_booking_row{grid-template-columns: repeat(1, 1fr);}

    .box_design_views .service_preview {margin-top: 1rem;}
    .box_design_views .service-preview-box{grid-template-columns: repeat(1, 1fr);}
    .litepicker .container__months .month-item-weekdays-row{width: 100%;}
    .litepicker .container__months.columns-2{width: 100% !important;}
    .litepicker .container__months .month-item{width: 100% !important;}
}

@media (min-width: 768px) {
    #sp-header{position: fixed; top: 20px; width: calc(100% - 40px); left: 50%; transform: translateX(-50%);}
    .user_Form .custom-btn-group .btn {min-width: 250px;}

}    

@media (min-width: 1024px) and (max-width: 1099px) {    
    #sp-header .sp-module {margin-left: 12px;}
    #sp-header.full-header {padding-left: 20px; padding-right: 20px;}
    #sp-header .sp-megamenu-parent > li > a, #sp-header .sp-megamenu-parent > li > span, #sp-header .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a{font-size: 14px;}
    #sp-header .book_btn_space {font-size: 14px !important; padding: 0.525rem 0.625rem !important;}
    #sp-header .mod-languages .btn-group .btn{width: 32px; height: 32px; padding: 4px;}
    #sp-header .btn_custom_secondary{width: 32px; height: 32px; padding: 4px;}
}

@media (min-width: 1100px) and (max-width: 1200px) {    
    #sp-header.full-header {padding-left: 20px; padding-right: 20px;}
    #sp-header .sp-megamenu-parent > li > a, #sp-header .sp-megamenu-parent > li > span, #sp-header .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a{font-size: 16px;}
    #sp-header .mod-languages .btn-group .btn{width: 36px; height: 36px; padding: 8px;}
    #sp-header .btn_custom_secondary{width: 36px; height: 36px; padding: 8px;}
}
/* @media (min-width: 1100px) and (max-width: 1366px) {    
   .calendar_form .date-time-block .litepicker .container__days>div, .calendar_form .date-time-block .litepicker .container__days>a{width: 32px;}
   .calendar_form .date-time-block .litepicker .container__months .month-item-weekdays-row>div{width: 32px;}
} */
/* @media (min-width: 1024px) {
    #sp-header{position: fixed; top: 20px; width: calc(100% - 320px); left: 50%; transform: translateX(-50%);}
}   */  
@media (min-width: 576px) {
    /* .sppb-row-container {max-width:540px } */
}

@media (min-width: 768px) {
    /* .sppb-row-container {max-width:720px } */
}

@media (min-width: 992px) {
    /* .sppb-row-container {max-width:960px } */
    #sp-header{position: fixed; top: 20px; width: calc(100% - 32px); left: 50%; transform: translateX(-50%); max-width: 960px;}
    /* #sp-header .sp-megamenu-parent{display: flex !important; align-items: center; gap: 1rem; float: none; width: 100%; justify-content: center; margin: 0;}
    #sp-header .sp-megamenu-parent>li:first-child {display: none;} */
}

@media (min-width: 1200px) {
    /* .sppb-row-container {max-width:1140px } */
    #sp-header{position: fixed; top: 20px; width: calc(100% - 20px); left: 50%; transform: translateX(-50%); max-width: 1140px;}
}
@media (min-width: 1400px) {
    /* .sppb-row-container {max-width:1140px } */
    #sp-header{position: fixed; top: 20px; width: calc(100% - 20px); left: 50%; transform: translateX(-50%); max-width: 1366px;}
}
/* ||NEW CSS CLOSE FOR MESSAHA LAYOUT || */