:root{
   /*  --theme: #000;
    --theme1: #0A0A0A;
    --theme1: #0A0A0A;
    --title2: #161921; */
    --body: #3A3A3A;
    --txt-mute: #6E6E6E;
    --black: #000000;
    --black-111: #111111;
    --white: #FFFFFF;
    --light: #CDCDCD;
    --gray: #D2D2D2;
    --smoke1: #F3F1F2;
    --smoke2: #F6F7F9;
    --yellow: #FFB539;
    --success: #28A745;
    --error: #DC3545;
    --border: #ced4da;
    --lable: #6E6E6E;
    /* NEWLY ADDED */
    --bg-trans: transparent;
    --primary: #33c759;
    --primary_hover: #2eb450;
    --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;
  background: #FFF;
  color: #000;
}
/* body.view-bookings{color: #000;} */

/* 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;
  border-radius: 100px !important;
}

.sppb-btn-square.sppb-btn-outline{border-radius: 100px !important;}
/* Base text styling */
p, a, li, span, em, input, textarea, select {
  font-family: 'LamaRounded', sans-serif;
}

.text-primary{
    color: #33c759 !important;
}
.custom_checkmark {list-style: none; padding: 0;}
.custom_checkmark li {padding-left: 1.5em; position: relative; line-height: 1.5; margin-bottom: 0.5em; font-family: 'LamaRounded-Medium';}
.custom_checkmark li::before {content: "\2713"; position: absolute; left: 0; top: 0; color: #000; font-weight: bold;}
.quote-box {border-left: 4px solid #000; padding: 1rem; margin: 1.5rem 0; border-radius: 0.75rem; font-family: 'LamaRounded-Medium';}

.custom_card_design {background: #fff; border: 1px solid #d1d1d1; height: 100%; transition: all 0.3s ease;}
.custom_card_design .custom_checkmark {border-top: 1px solid #d1d1d1; padding-top: 1rem;}
.custom_card_design h6.sppb-addon-title {font-family: 'LamaRounded-Medium';}
.custom_card_design .custom_checkmark li{font-size: 15px;}
.custom_card_design:hover {box-shadow: 5px 5px 10px 0 rgb(0 0 0 / 30%) !important; transform: translateY(-4px); }

.custom_spaces_card_design{background: #fff; border: 1px solid #d1d1d1; height: 100%; transition: all 0.3s ease;}
.custom_spaces_card_design .sppb-addon-content{font-family: 'LamaRounded-Medium';}
.custom_spaces_card_design:hover{border: 1px solid #000; box-shadow: 5px 5px 10px 0 rgb(0 0 0 / 30%) !important; transform: translateY(4px); }

.custom_home_clip {padding: 1.5rem; background: #fefefe; border: 1px solid #eee; border-radius: 0.75rem; transition: all 0.3s ease; height: 100%;}
.custom_home_clip:hover{border: 1px solid #d1d1d1; box-shadow: 5px 5px 10px 0 rgb(0 0 0 / 30%) !important; transform: translateY(4px); }
/* #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 {width: 100%; font-size: 14px; line-height: normal; padding: 1rem 1.25rem; border-radius: 0.5rem;}
#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-header .sp-megamenu-parent .sp-dropdown li.sp-menu-item>a:hover{background: #33C759; color: #fff;}
#sp-header .sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a{background: #33C759; color: #fff;}
/* .sp-megamenu-parent>li>a{display: flex; align-items: center; gap: 0.325rem;} */
/* .menu-icons-24 {max-width: 24px;} */
body.ltr .sp-megamenu-parent>li.sp-has-child>a:after, body.ltr .sp-megamenu-parent>li.sp-has-child>span:after{font-size: 10px; margin-left: 5px; float: none;}
.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span{font-size: 14px; font-family: 'LamaRounded-Medium', sans-serif; padding: 0px 10px;}
.sp-megamenu-parent>li.active>a{font-family: 'LamaRounded-SemiBold';}

.btn_custom_login {padding: 0.5rem; border: 1px solid #33c759; border-radius: 100px; background: #33c759; color: rgb(255 255 255 / 1);}
.btn_custom_login:hover {border-color: #2eb450; background: #2eb450; color: #fff;}
/* .text-neutral {font-style: italic; color: #737373;} */
.text-neutral {/*font-style: italic;*/ color: #33c759;}
.text-neutral-primary {color: #33c759;}
.text-neutral-600 {color: #525252;}
.custom_block_number .sppb-blocknumber .pull-left {float: none !important; margin: 0; position: relative;}
.custom_block_number .sppb-blocknumber .pull-left:after{content: ""; width: 3rem; height: 1px; display: inline-flex; position: absolute; background: transparent; top: 50%; right: 0; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 700ms;}
body.rtl .custom_block_number .sppb-blocknumber .pull-left:after{right: unset; left: 0;}
.custom_block_number .sppb-blocknumber:hover .pull-left:after{background: #33c759; width: 4rem;}
.custom_block_number .pull-left .sppb-blocknumber-number{font-family: 'LamaRounded-ExtraBold'; font-size: 48px; color: var(--black-111); display: inline-flex;}
.custom_block_number .sppb-blocknumber .sppb-blocknumber-text{color: var(--body); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 700ms;}
/* .custom_block_number .sppb-blocknumber:hover .sppb-blocknumber-number{color: rgb(255 255 255 / 0.2);} */
.custom_block_number .sppb-blocknumber:hover .sppb-blocknumber-number{color: #33c759;}
.custom_block_number .sppb-blocknumber:hover .sppb-blocknumber-text{color: var(--black-111);}
.custom_block_number .sppb-blocknumber .opa_0 {opacity: 0; color: #33c759; letter-spacing: 0.12em; font-size: 12px; /*font-style: italic;*/ transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms;}
.custom_block_number .sppb-blocknumber:hover .opa_0 {opacity: 1;}


.custom_white_block_number .sppb-blocknumber .pull-left {float: none !important; margin: 0; position: relative;}
.custom_white_block_number .sppb-blocknumber .pull-left:after{content: ""; width: 3rem; height: 1px; display: inline-flex; position: absolute; background: transparent; top: 50%; right: 0; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 700ms;}
.custom_white_block_number .sppb-blocknumber:hover .pull-left:after{background: #33c759; width: 4rem;}
.custom_white_block_number .sppb-blocknumber-number{font-family: 'LamaRounded-ExtraBold'; font-size: 42px; color: var(--black-111); display: inline-flex;}
.custom_white_block_number .sppb-blocknumber .sppb-media-heading{color: var(--txt-mute);}
.custom_white_block_number .sppb-blocknumber:hover .sppb-media-heading{color: var(--black-111);}
.custom_white_block_number .sppb-blocknumber .sppb-blocknumber-text{color: #a3a3a3; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 700ms;}
.custom_white_block_number .sppb-blocknumber:hover .sppb-blocknumber-number{color: #33c759;}
.custom_white_block_number .sppb-blocknumber:hover .sppb-blocknumber-text{color: var(--black-111);}


body.rtl .custom_white_block_number .sppb-blocknumber .pull-right {float: none !important; margin: 0; position: relative;}
body.rtl .custom_white_block_number .sppb-blocknumber .pull-right:after{content: ""; width: 3rem; height: 1px; display: inline-flex; position: absolute; background: transparent; top: 50%; left: 0; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 700ms;}
body.rtl .custom_white_block_number .sppb-blocknumber:hover .pull-right:after{background: #33c759; width: 4rem;}
/* body.rtl .custom_white_block_number .pull-right .sppb-blocknumber-number{font-family: 'LamaRounded-ExtraBold'; font-size: 42px; color: #262626; display: inline-flex;} */
/* .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);}
}
.custom_alert_warning {
    background: rgb(255 255 255 / 0.1);
    color: #d4d4d4;
    display: flex;
    margin: 1.5rem auto;
    padding: 1rem 2rem;
    box-shadow: 0 25px 50px -12px rgb(174 174 174 / 25%);
    border: 1px solid rgb(255 255 255 / 30%);
    width: max-content;
    font-family: LamaRounded-Medium;
}
.custom_alert_warning:before {
    content: "\f058";
    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;
    font-size: 20px;
    line-height: 1.1;
    margin-right: 0.5rem;
    color: #33c759;
}
.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;  transition: 1s cubic-bezier(.51,.61,0,2.3); border-radius: 0.5rem; cursor: pointer;}

.service-card {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 500ms;
    /* border: 1px solid rgba(0,0,0,0.08); */
    border: 1px solid rgb(51 199 89 / 20%);
    background: #f6fbf7;
    border-radius: 48px;
    overflow: hidden;
}
.service-card.active{border-color: rgb(51 199 89 / 1);}
.service-card:hover{border-color: rgb(51 199 89 / 0.5);}
.service-card.slick-slide .service_card {padding: 0; cursor: unset;}
.card_tag_img {border-radius: 0.5rem; background: rgb(0 0 0 / 10%); display: flex; align-items: center; justify-content: center; overflow: hidden;}
/* .service_sub_cards {display: grid; grid-template-columns: 60% 40%;} */
.service_sub_cards {display: grid; grid-template-columns: 50% 50%;}
.service-card .img_blg {overflow: hidden; position: relative; aspect-ratio: 3/2; height: 100%; width: 100%;}
.img_blg .slick-slider .slick-arrow {position: absolute; top: 50%; transform: translateY(-50%); font-size: 0; width: 32px; height: 32px; background-color: rgb(0 0 0 / 25%); border: 0; color: #fff;}
.img_blg .slick-slider .slick-next{right: 20px;}
.img_blg .slick-slider .slick-prev {left: 20px;}
.img_blg .slick-slider .slick-arrow:hover,
.img_blg .slick-slider .slick-arrow:focus{border: 0;}
.img_blg .slick-slider .slick-prev:after {
    content: "\f053"; /* left arrow */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    margin: 0;
    font-size: 14px;
}

.img_blg .slick-slider .slick-next:after {
    content: "\f054"; /* right arrow */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    margin: 0;
    font-size: 14px;
}
.service-card .btn_book_service {font-family: 'LamaRounded-SemiBold'; font-size: 16px; line-height: 1.2; letter-spacing: 0.02em; background-color: rgb(0 0 0 / 0.4); border: 1px solid rgb(255 255 255 / 0.1); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; padding: 1rem 2rem; color: var(--white); backdrop-filter: blur(12px);}
.service-card .card_img {object-fit: cover; width: 100%; height: 100%; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);  transition-duration: 700ms;}
body.rtl .service-card .card_img{border-top-left-radius: 0; border-bottom-left-radius: 0;}
body.ltr .service-card .card_img{border-top-right-radius: 0; border-bottom-right-radius: 0;}
.service-card:hover .card_img {transform: scale(1.05);}
.service-card:hover .slides_item .card_img {transform: none;}
.card_tag_details {display: flex; flex-direction: column; align-items: flex-start; gap: 1.125rem;}
/* .card_tag_details ul {margin: 0; padding-left: 1rem;} */
.card_title {color: var(--black-111);}
body.ltr .jcforms-thankyou-message .btn-close {position: absolute; right: 8px; top: 8px;}
body.rtl .jcforms-thankyou-message .btn-close {position: absolute; left: 8px; top: 8px;}
body.rtl .thanks_icon .fas.fa-check{margin-right: 5px; margin-left: 0;}
.thanks_desc{line-height: normal; color: var(--sppb-3a3a3a); font-size: 18px; line-height: 1.7;}
.card_sub_title {color: var(--black-111);}
.card_desc {color: var(--body); font-size: 0.875rem; line-height: 1.625; margin: 0;}
.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;}
.booking_tab .step_title {color: var(--black-111); position: relative;}
.booking_tab .step_title:after{content: ""; width: 70px; height: 3.5px; background-color: #33c759; display: block; margin-top: 8px;}
.card_title_detail {padding: 1.5rem 2rem;}
.service_card_grid {display: flex; flex-direction: column; gap: 2rem; margin-bottom: 0rem;}
.service_sub_card {display: grid ; align-items: flex-start; gap: 2rem; grid-template-columns: 1fr 1fr;}
.custom_btn_group {display: flex; align-items: center; justify-content: center; gap: 1rem;}
.service_card_grid .service_card .service-price {margin-bottom: 0; color: var(--black); display: flex; align-items: center; gap: 1rem;}
.service_card_grid .service_card a{cursor: url('/images/left-click.png'), pointer;}
.service_card_grid .service_sub_card .card_tag_img{position: relative; transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;}
.service_card a:hover .card_tag_img{transform: scale(1.02); opacity: 0.8;}
.slick_carousel .slides_item{border-radius: 8px;}
.slick_carousel .slides_item img {width: 100%; object-fit: cover; border-radius: 8px; aspect-ratio: 3 / 2;}

body.rtl .service-card .card_desc ul {padding-right: 1rem; padding-left: 0;}
body.ltr .service-card .card_desc ul {padding-left: 1rem; padding-right: 0;}
body.rtl .service-card .card_desc .iconic_list,
body.ltr .service-card .card_desc .iconic_list {list-style: none; margin: 0; padding: 0;}
body.ltr .service-card .card_desc .iconic_list li {position: relative; padding-left: 24px; margin-bottom: 10px; color: var(--txt-mute);}
body.rtl .service-card .card_desc .iconic_list li {position: relative; padding-right: 24px; margin-bottom: 10px; color: var(--txt-mute);}
body.ltr .service-card .card_desc .iconic_list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  width: 14px;
  height: 14px;
  background-color: #33c759;
  -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="circle-check" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg>') no-repeat center;
  mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="circle-check" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg>') no-repeat center;
  background-size: contain;
}
body.rtl .iconic_list li::before {
  content: "";
  position: absolute;
  right: 0;
  top: 2px;
  width: 14px;
  height: 14px;
  background-color: #33c759;
  -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="circle-check" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg>') no-repeat center;
  mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="circle-check" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg>') no-repeat center;
  background-size: contain;
}

.rounded-fill-tag-list {display: flex; flex-wrap: wrap; gap: 0.5rem; } 
.rounded-fill-tag-list .rounded-fill-tag {letter-spacing: 0.1em; font-weight: 900; font-size: 12px; padding: 0.5rem 1rem; border-radius: 9999px; border: 1px solid rgba(0,0,0,0.08); } 
body.rtl .service-card .card_desc .space-features-list {list-style: none; margin: 0; padding: 0; } 
body.ltr .service-card .card_desc .space-features-list {list-style: none; margin: 0; padding: 0; } 
.space-features-list-item {display: flex; align-items: center; justify-content: space-between; margin-bottom: 0.25rem; padding-bottom: 0.25rem; border-bottom: 1px solid rgb(0 0 0 / 15%); }
.text-neutral-500{color: var(--txt-mute); font-family: 'LamaRounded-Medium';}
.text-neutral-200 {color: var(--body); font-family: 'LamaRounded-Medium';}

.flex-group-room {display: flex; align-items: center; justify-content: space-between; cursor: pointer;}
.flex-group-room .text-hover-room {color: var(--black-111);}
.flex-group-room:hover .text-hover-room {color: #33c759;}
.flex-group-room img.arrow {transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms;}
body.rtl .flex-group-room img.arrow {transform: rotate(180deg);}
.flex-group-room:hover img.arrow {transform: translateX(0.25rem);}
body.rtl .flex-group-room:hover img.arrow {transform: translateX(0.25rem) rotate(180deg);}
ul.features_details {list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 0.5rem;}
ul.features_details li{display: flex; align-items: center; gap: 0.5rem; color: #d4d4d4;}



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: #33c759;
    --bs-btn-border-color: #33c759;
    --bs-btn-hover-color: var(--white);
    --bs-btn-hover-bg: #2eb450;
    --bs-btn-hover-border-color: #2eb450;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #2eb450;
    --bs-btn-active-border-color: #2eb450;
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: var(--white);
    --bs-btn-disabled-bg: #33c759;
    --bs-btn-disabled-border-color: #33c759;
}

.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(--black) !important; border: 1px solid rgb(255 255 255 / 0.1); border-radius: 9999px; color: #fff; letter-spacing: 0.1em; font-weight: 900; font-size: 12px;}

.btn-secondary{background-color: #c4eed8; color: var(--black); border: 1px solid #c4eed8;}
.btn-secondary:hover,
.btn-secondary:focus{background-color: #b0e3c8; color: var(--black); border: 1px solid #b0e3c8;}
/*  */
.box_design_views {display: grid; grid-template-columns: 60% 40%; gap: 2.5rem; position: relative;}
.box_design_views .box_design_views_cols {
    padding: 2.5rem;
    background-color: rgb(255 255 255 / 40%);
    border: 1px solid rgba(0,0,0,0.08);
    border-radius: 40px;
    backdrop-filter: blur(4px);
    color: var(--body);
}
.wrper_icon_list {
    display: flex;
    align-items: center;
    gap: 1rem;
}
.wrper_icon_list .wrper_icn_slt {
    border: 1px solid rgb(255 255 255 / 0.1);
    background: #e6f3df;
    color: #3aa845;
    border-radius: 0.75rem;
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.wrper_icon_list .wrper_icn_item{display: flex; flex-direction: column; align-items: flex-start; gap: 0.25rem; font-size: 14px;}
.wrper_icon_list .wrper_icn_item .wrper_lbl_slt{color: var(--black); letter-spacing: 0.1em; font-weight: 900;}
.wrper_icon_list .wrper_icn_item .wrper_val_slt {color: var(--body); letter-spacing: 0.1em; font-weight: 900;}
.text_primary{color: #33c759;}

.img_prev.mb-3 {
    aspect-ratio: 16 / 9;
    position: relative;
    overflow: hidden;
    border-radius: 32px;
}
.space_service_img {
    /*filter: grayscale(100%);*/
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 700ms;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.service_img_overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgb(0 0 0 / 0.5);
    backdrop-filter: blur(2px);
    opacity: 0;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.service_booking_btn {
    letter-spacing: 0.1em;
    padding: 0.75rem 1.5rem;
    background-color: rgb(255 255 255 / 0.1);
    backdrop-filter: blur(12px);
    color: var(--white);
    border: 1px solid rgb(255 255 255 / 0.1);
    font-size: 12px;
    font-weight: 900;
}
.img_prev:hover .space_service_img {transform: scale(1.1);}
.img_prev:hover .service_img_overlay {opacity: 1;}


.desc_title {letter-spacing: -0.05em; color: var(--black); font-size: 1.875rem; line-height: 2.25rem;}

.custom_calender_btn {
    display: flex;
    align-items: center;
    gap: 1rem;
    justify-content: flex-start;
}
.calender-outline-white,
.calender-custom-primary{
    padding: 0.5rem 1.5rem; 
    font-weight: 900; 
    font-size: 14px; 
    letter-spacing: 0.1em; 
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.calender-outline-white{ 
    background-color: transparent; 
    border: 1px solid rgba(0,0,0,0.08);
    color: var(--black);
}
.calender-outline-white:hover,
.calender-outline-white:focus{background-color: var(--black); color: var(--white);}
.calender-custom-primary{
    background-color: #33c759; 
    border: 1px solid #33c759; 
    box-shadow:  0 20px 25px -5px rgb(51 199 89 / 0.2), 0 8px 10px -6px rgb(51 199 89 / 0.2);
    color: var(--white);
}
.calender-custom-primary:hover,
.calender-custom-primary:focus{
    background-color: #2eb450; 
    border: 1px solid #2eb450; 
    color: var(--white);
    transform: translateY(-1px);
}
/*  */

label {font-size: 16px; line-height: 26px; color: var(--txt-mute); font-family: 'LamaRounded-Medium';}
.form-check-input:checked {background: #33c759; border-color: #33c759;}
.form-check-input:focus{box-shadow: none;}
.form-control,
.form-select {
    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.75rem;
    font-size: 16px;
    width: 100%;
    font-family: 'LamaRounded-Medium';
    -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(--border); 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: center; gap: 4rem; list-style: none; margin: 0px 0 30px 0; padding: 0 0 20px 0;}
.booking_wizardbar ul .booking_steps {display: flex; flex-direction: column; align-items: center; gap: 0.75rem; color: var(--body);}
.booking_wizardbar ul .booking_steps .wizard_title{font-family: 'LamaRounded-Medium'; letter-spacing: 0.1em; font-size: 12px;}
.booking_wizardbar ul .booking_steps .stepbadge {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    border-radius: 100px;
    width: 28px;
    height: 28px;
    background: #111;
    color: var(--white);
    border: 1px solid rgb(255 255 255 / 0.1);
    font-variant-caps: all-petite-caps;
    font-size: 16px;

}
/* .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: #33c759;}
.booking_wizardbar ul .booking_steps.active .stepbadge {background: #33c759; border-color: #33c759; color: var(--white);}
/* .booking_wizardbar ul .booking_steps.active .wizard_chevron {background: var(--primary);} */

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

.booking_confirm {box-shadow: 0 20px 50px -12px rgb(0 0 0 / 20%); border: 1px solid var(--border); 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;}
.booking_confirm h2 {color: var(--black-111);}
.booking_confirm .list-group-flush li {background: none; color: var(--body);}
.list-group-flush>.list-group-item strong{color: var(--black);}
.list-group-flush>.list-group-item strong svg {color: #33c759;}
.booking_confirm .actions .btn-primary{
    font-size: 14px;
    font-family: 'LamaRounded-SemiBold';
    padding: 0.8rem 1.4rem;
    background-color: #33c759;
    color: #fff;
    border: 2px solid #33c759;
    position: relative;
    transition: color 0.15s ease, transform 0.15s ease;
}
.booking_confirm .actions .btn-primary:hover,
.booking_confirm .actions .btn-primary:focus{background-color: #2eb450; color: #fff; border: 2px solid #2eb450;}

.booking_confirm .actions .btn-outline-primary{
    font-size: 14px;
    font-family: 'LamaRounded-SemiBold';
    padding: 0.8rem 1.4rem;
    background-color: #c4eed8;
    border: 2px solid rgb(255 255 255 / 0.1);
    color: #000;
    position: relative;
    transition: color 0.15s ease, transform 0.15s ease;
}
.booking_confirm .actions .btn-outline-primary:hover,
.booking_confirm .actions .btn-outline-primary:focus{background-color: #b0e3c8; color: #000;}

.custom_booking_confirm {color: #33c759; 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;}
.list_group_flush{display: flex; flex-direction: column; gap: 1rem; margin: 1.5rem 0; padding: 0;}
.list_group_flush .list_group_item {display: flex; gap: 1rem; align-items: center; justify-content: space-between;}
.list_group_label{font-family: 'LamaRounded-Medium'; font-size: 14px; color: var(--body);}
.list_group_value {font-size: 1rem; font-family: 'LamaRounded-Medium'; color: var(--black);}
.list_group_label svg {color: #33c759; margin-right: 0.25rem;}
.confirm_event_btn_group{display: flex; align-items: center; justify-content: center; gap: 1rem;}
/* Checkmark Animation */
.checkmark {width: 64px; height: 64px; stroke-width: 3; stroke: #33c759; stroke-miterlimit: 10; box-shadow: inset 0px 0px 0px #33c759; border-radius: 50%; display: block; margin: 0 auto 20px;}
.checkmark-circle {stroke-dasharray: 166; stroke-dashoffset: 166; stroke-width: 3; stroke: #33c759; 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.75rem;}
.selected_item_line .icons {color: #33c759;}
.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);}

.sp-module-content .mod-languages ul.lang-inline {display: flex; align-items: center; gap: 0.5rem;}

.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,
body.view-registers,
body.view-reset {background: #000;} */

.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 .container__months{background: #c8e8c23b !important; border: 1px solid var(--border); border-radius: 32px !important; box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25) !important; overflow: hidden;}
.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{text-transform: uppercase; font-size: 12px !important; font-weight: 900; color: var(--white); letter-spacing: 0.1em; padding: 17px 0 !important;}
.date-time-block .is-in-range:not(.unavailable-date):not(.reserved-date):not(.partial-date){background: var(--white) !important; color: var(--body) !important;}
.litepicker .container__days .day-item{
    border-radius: 0 !important; 
    aspect-ratio: 1 / 1;
    font-size: 0.875rem;
    line-height: 1.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    background: var(--white);
    color: var(--body) !important;
}
.litepicker .is-start-date:not(.unavailable-date):not(.reserved-date):not(.partial-date), 
.litepicker .is-end-date:not(.unavailable-date):not(.reserved-date):not(.partial-date){
    background-color: #33c759 !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}
.litepicker .container__days .day-item:hover{box-shadow: none !important; -webkit-box-shadow: none !important;}

.litepicker .container__months .month-item-header div>.month-item-name,
.litepicker .container__months .month-item-header div>.month-item-year {color: var(--white); letter-spacing: 0.1em; font-weight: 900; font-size: 0.875rem; line-height: 1.25rem;}
/*  */
.litepicker .container__days .day-item:hover{background-color: var(--primary) !important; color: var(--white) !important;}

.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; padding: 0 !important;}

.litepicker .container__days .day-item.is-locked {
    color: var(--txt-mute) !important;
    background: var(--bs-gray-200);
    cursor: not-allowed;
}
.litepicker .container__days .day-item.is-locked:before {
    content: "";
    width: 12px;
    height: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20px" fill="%2333c759" height="20px" viewBox="0 0 448 512"><path d="M144 144l0 48 160 0 0-48c0-44.2-35.8-80-80-80s-80 35.8-80 80zM80 192l0-48C80 64.5 144.5 0 224 0s144 64.5 144 144l0 48 16 0c35.3 0 64 28.7 64 64l0 192c0 35.3-28.7 64-64 64L64 512c-35.3 0-64-28.7-64-64L0 256c0-35.3 28.7-64 64-64l16 0z"/></svg>');
    background-size: contain;
    opacity: 0.5;
}
body.ltr .litepicker .container__months .month-item-header {
    position: absolute;
    top: -50px;
    right: 0;
    gap: 1rem;
}
body.rtl .litepicker .container__months .month-item-header{
    position: absolute;
    top: -50px;
    left: 0;
    gap: 1rem;
}

.lightpick__day {flex: 1 0 auto;}
.lightpick__months {display: flex; justify-content: space-between;}
.litepicker .container__months .month-item-weekdays-row {width: 100%;margin-bottom: 0rem;}
.litepicker .container__days {display: grid !important; grid-template-columns: repeat(7, 1fr); width: 100%; gap: 1px;}
.litepicker .container__days>div, .litepicker .container__days>a {width: 100% !important; padding: 0 !important;}

.litepicker .container__months .month-item-header .button-previous-month:hover, 
.litepicker .container__months .month-item-header .button-next-month:hover {color: var(--primary) !important;}
.litepicker .container__months .month-item-header .button-previous-month:hover>svg, 
.litepicker .container__months .month-item-header .button-next-month:hover>svg {fill: var(--primary) !important;}
/* .litepicker .container__days .day-item.is-locked {background: hsl(0deg 0% 100% / 3%); color: #a3a3a3 !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;}

.custom-addon-feature .sppb-icon{position: relative;}
.custom-addon-feature .sppb-icon:after{
    content: "";
    width: 3rem;
    height: 1px;
    display: inline-flex;
    position: absolute;
    background: transparent;
    top: 50%;
    right: 0;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 700ms;
}
body.rtl .custom-addon-feature .sppb-icon:after{right:unset; left: 0;}
.custom-addon-feature:hover .sppb-icon:after{background: #33C759; width: 4rem;}

.sppb-section-counter {counter-reset: feature;}
.custom-number-addon-feature{counter-increment: feature;}
.custom-number-addon-feature .sppb-icon{position: relative;}
.custom-number-addon-feature .sppb-icon:after{
    content: counter(feature, decimal-leading-zero);
    color: #262626;
    width: auto;
    height: 24px;
    font-family:'LamaRounded-ExtraBold';
    font-size: 24px;
    display: inline-flex;
    position: absolute;
    background: transparent;
    top: 0%;
    right: 0;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 700ms;
}
body.rtl .custom-number-addon-feature .sppb-icon:after{right: unset; left: 0;}
.custom-number-addon-feature:hover .sppb-icon:after{color: #33C759;}

.custom_feature_blog{padding:2.5rem; border:1px solid transparent; margin-top:1.5rem; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms;}
.custom_feature_blog:hover{border:1px solid rgb(51 199 89 / 30%);}

.custom_who_blog{height: 100%; padding: 20px 22px; border: 1px solid #ececec; box-shadow: 0 2px 8px rgba(17, 17, 17, 0.05); border-radius: 16px; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms;}
.custom_who_blog:hover{border:1px solid  #33c759; box-shadow: 0 10px 30px -12px rgba(17, 17, 17, 0.14);}
/* .custom_who_blog .sppb-media .sppb-icon {display: none;} */
.custom_who_blog:hover .sppb-media .sppb-icon {display: block;}
.sppb-column:has(.community_blog) .addon-root-feature,
.sppb-column:has(.community_blog) .addon-root-feature>div{
    height: 100%;
}
.community_blog {height: 100%; padding:2rem; background: #fff; border: 1px solid #ececec; border-radius: 16px; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms;}
.community_blog:hover{border:1px solid #33c759;}
.community_blog .sppb-icon .sppb-icon-container {width: 49px; height: 49px; display: flex !important; align-items: center; justify-content: center;}
.icon_flex_title .sppb-addon-title{display: flex; align-items: center; gap: 1rem;}
.transition-all {transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms;}

.custom_text_italic_sm {font-size: 14px;color: var(--black-111); border-left: 2px solid var(--primary); background: #c8e8c23b; font-family: 'LamaRounded-Medium';}
body.rtl .custom_text_italic_sm{border-left:0; border-right: 1px solid rgb(51 199 89 / 30%);}
.custom_ul_grid {display: grid; grid-template-columns: 1fr 1fr; gap: 1rem;}
.custom_ul_grid3 {display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1rem;}

.custom_ul_list {list-style: none; padding: 0; margin: 0;}
.custom_ul_list li {position: relative; padding-left: 1.75rem; line-height: 2; color: inherit;}
.custom_ul_list li::before {content: ""; position: absolute; left: 0; top: 0.25em; width: 20px; height: 20px; background-color: #33c759; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='m9 18 6-6-6-6'/%3E%3C/svg%3E") no-repeat center / contain; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='m9 18 6-6-6-6'/%3E%3C/svg%3E") no-repeat center / contain; transition: background-color 0.25s ease, transform 0.25s ease;}
.custom_ul_list li:hover::before {background-color: #ffffff;transform: translateX(4px);}

body.rtl .custom_ul_list li {position: relative; padding-left: unset; padding-right: 1.75rem; line-height: 2; color: inherit;}
body.rtl .custom_ul_list li::before {content: ""; position: absolute; right: 0; left: unset; top: 0.25em; width: 20px; height: 20px; background-color: #33c759; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='m9 18 6-6-6-6'/%3E%3C/svg%3E") no-repeat center / contain; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='m9 18 6-6-6-6'/%3E%3C/svg%3E") no-repeat center / contain; transition: background-color 0.25s ease, transform 0.25s ease;}
body.rtl .custom_ul_list li:hover::before {background-color: #ffffff;transform: translateX(4px);}

.sppb-features-counter {counter-reset: feature;}
.mentor_feature_box{counter-increment: feature;}
.mentor_feature_box .sppb-icon{position: relative; display: flex; flex-direction: row-reverse; align-items: center;}
.mentor_feature_box .sppb-icon:after{
    content: counter(feature, decimal-leading-zero);
    color: #262626;
    width: auto;
    height: 32px;
    font-family:'LamaRounded-ExtraBold';
    font-size: 32px;
    display: inline-flex;
    position: absolute;
    background: transparent;
    left: 0;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 700ms;
}
.mentor_feature_box:hover .sppb-icon:after{color: #33C759;}

.space_feature_box{}
.space_feature_box .sppb-icon{position: relative; display: flex; flex-direction: row; align-items: center;}
/* .space_feature_box .sppb-icon:after{
    content: "";
    width: 3rem;
    height: 1px;
    display: inline-flex;
    position: absolute;
    background: transparent;
    top: 50%;
    right: 0;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 700ms;
} 
.space_feature_box:hover .sppb-icon:after{background: #33C759; width: 4rem;}*/

.space_feature_box .hover_line {width: 100%; background: rgba(0,0,0,0.08); height: 1px; margin: 2rem 0; opacity: 0;}
.space_feature_box:hover .hover_line{opacity: 1;}


body.rtl .space_feature_box .sppb-icon:after{right: unset; left: 0;}
body.rtl .tab_icon svg {transform: rotate(180deg);}
body.rtl #sp-header .dropdown-menu li.lang-active a:after{right: unset; left: 1rem;}
@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;}
    .box_design_views .box_design_views_cols{padding: 1.5rem;}
    .coupon_group_field .btn-custom-primary {padding: 0.5rem 1rem;}
    .box_design_views .box_design_views_cols .startend_service_time_section {gap: 1rem !important;}
    .booking_wizardbar ul{gap: 1.5rem;}
    /* .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{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;}

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

}   

@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: 0px; left: 0%; border-radius: 0px; background: #fff; box-shadow: 0 0px 3px 0px #33c759;}
.homepage.view-login #sp-header{ background: #fff;}
.homepage #sp-header{background: #fff;}
.homepage #sp-header.header-sticky{background: #fff;}
#sp-header .sp-megamenu-parent>li>a{color: #000;}
#sp-header .sp-megamenu-parent>li>a:before {content: ""; width: 0; height: 1px; display: block; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 500ms; position: absolute; top: 60px; left: 0;}
#sp-header .sp-megamenu-parent>li:hover>a:before{width: 90%; background: #33c759; left: 50%; transform: translate(-50%, 0px);}
#sp-header .sp-megamenu-parent>li:hover>a{color: #33c759;}
#sp-header .sp-megamenu-parent>li.active>a, .sp-megamenu-parent>li.active:hover>a{color: #33c759;}
#sp-header .sp-megamenu-parent .sp-dropdown .sp-dropdown-inner{background: #fff; backdrop-filter: blur(64px); border: 1px solid rgb(255 255 255 / 0.1); box-shadow: 0 20px 40px rgba(26, 43, 31, 0.05); border-radius: 0.5rem; padding: 0.5rem;}
#sp-header .sp-megamenu-parent .sp-dropdown li.sp-menu-item>a{color: #000;}
/* #sp-header .sp-megamenu-parent .sp-dropdown li.sp-menu-item>a:hover{color: #fff;} */
/* #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 rgb(255 255 255 / 0.05); background: transparent; border-radius: 100px; align-items: center; justify-content: center; padding:4px;} */
#sp-header .mod-languages .btn-group .btn {color:#000; min-width: 90px; height: 42px; display: flex; gap: 0.5rem; border: 1px solid rgb(255 255 255 / 2%); background: transparent; border-radius: 100px; align-items: center; justify-content: center; padding: 0.375rem 0.75rem; font-size: 14px; line-height: 16px;}
#sp-header .mod-languages .btn-group .btn:hover,
#sp-header .mod-languages .btn-group .btn:focus{border-color: rgb(51 199 89 / 50%); color: #fff;}

/* LANGUAGE NEW DESIGN(20-05-26) START*/
#sp-header .mod-languages .lang-block{
    display: inline-flex;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgb(0 0 0 / 15%);
    border-radius: 100px;
    padding: 10px 4px;
    font-size: 0.875rem;
    font-weight: 600;
}
#sp-header .mod-languages ul.lang-block li,
#sp-header .mod-languages li.lang-active{background: none!important; border-radius: 100px;}

#sp-header .mod-languages li a{
    padding: 10px 16px;
    border-radius: 100px;
    color: rgb(0 0 0 / 70%);
    transition: background 0.2s, color 0.2s;
}
#sp-header .mod-languages li:hover a,
#sp-header .mod-languages li:focus a{background: #33c759; color: #ffffff;}  
#sp-header .mod-languages li.lang-active a {background: #000000; color: #ffffff;}
/* LANGUAGE NEW DESIGN(20-05-26) CLOSE*/
.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: 0.3em; 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: var(--primary); 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;}
body.ltr #sp-header .dropdown-menu {
    background: var(--white);
    backdrop-filter: blur(64px);
    padding: 0.5rem;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid rgb(255 255 255 / 0.05);
    box-shadow: 0 0 #0000, 0 0 #0000, 0 25px 50px -12px rgb(0 0 0 / 0.25);
    position: absolute;
    top: calc(100% + 0px);
    right: 0;
    min-width: 200px;
    list-style: none;
}
body.rtl #sp-header .dropdown-menu{
    background: #FFF;
    backdrop-filter: blur(64px);
    padding: 0.5rem;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid rgb(255 255 255 / 0.05);
    box-shadow: 0 0 #0000, 0 0 #0000, 0 25px 50px -12px rgb(0 0 0 / 0.25);
    position: absolute;
    top: calc(100% + 0px);
    left: 0;
    min-width: 200px;
    list-style: none;
}
#sp-header .dropdown-menu li a {font-size: 14px; padding: 0.5rem 1rem; display: flex; align-items: center; gap: 0.5rem; font-family: 'LamaRounded-Medium'; color: var(--body); border: none; background-color:transparent; position: relative;}
#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: #33c759; color: #fff !important;}
#sp-header .mod-languages ul.lang-block li {padding: 0; margin: 0;}
#sp-header .dropdown-menu li.lang-active a{background: rgb(0 0 0 / 50%); color: #fff !important;}
/* #sp-header .dropdown-menu li a:after{content: ""; width: 0.25rem; height: 0.25rem; display: inline-flex; border-radius: 100px; background: transparent; position: absolute; right: 1rem;}
#sp-header .dropdown-menu li.lang-active a:after{background: #fff;} */
#sp-header .dropdown-menu li .lang-code {font-family: 'LamaRounded-Bold';}
/* #sp-header .mod-languages a {padding: 0.8rem; border: 1px solid rgb(255 255 255 / 0.05); border-radius: 0.3em;}
#sp-header .mod-languages a:hover{background-color: rgb(255 255 255 / 0.05); border-color: rgb(255 255 255 / 0.2);} */

/* CUSTOM PRIMARY BUTTON STYLE START */
.btn-custom-primary {
    padding: 1rem 2rem;
    border-radius: 0.3em;
    background-color: #33c759;
    border: 1px solid #33c759;
    color: #fff;
    position: relative;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.btn-custom-primary .w-btn-label {font-family: 'LamaRounded-SemiBold'; font-size: 16px; line-height: 1.2; letter-spacing: 0.02em;}
.btn-custom-primary .w-btn-label .btn_arrow_icon {margin-left: 5px;}
.btn-custom-primary:hover {background-color: #2eb450; color: #fff;}

/* CUSTOM PRIMARY BUTTON STYLE CLOSE */

/* CUSTOM SECONDARY BUTTON STYLE START */
.btn-custom-secondary{
    padding: 0.8rem 1.4rem;
    border-radius: 0.3em;
    background-color: #c4eed8;
    border: 1px solid #c4eed8;
    color: #000;
    position: relative;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.btn-custom-secondary .w-btn-label {font-family: 'LamaRounded-SemiBold'; font-size: 16px; line-height: 1.2; letter-spacing: 0.02em;}
.btn-custom-secondary:hover {background-color: #b0e3c8; border: 1px solid #b0e3c8; color: #000;}
/* CUSTOM SECONDARY BUTTON STYLE CLOSE */

/* CUSTOM BLACK BUTTON STYLE START */
.btn-custom-black{
    font-size: 16px;
    line-height: 1.2;
    font-weight: 600;
    letter-spacing: 0.02em;
    padding: 0.8rem 1rem;
    transition-duration: 0.3s;
    border-radius: 0.3em;
    transition-timing-function: ease;
    background-color: #000;
    border: 1px solid #000;
    color: var(--white);
    position: relative;
    -webkit-transform: translateZ(0);
}
.btn-custom-black:hover {color: var(--white); border: 1px solid #333; background-color: #333;}
.btn-custom-black:hover .w-btn-label {position: relative; z-index: 1;}
.btn-custom-black:after {
    content: "";
    position: absolute;
    transition-duration: inherit;
    transition-timing-function: inherit;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 0.3em;
    transform: scale(0);
    transition-property: transform;
    background: #000;
}
.btn-custom-black:not(:hover):after {transition-timing-function: ease;}
.btn-custom-black:hover:after {transform: scale(1);}
.btn-custom-black:hover>:is(.w-btn-label,i){animation: btnTextStart_slideBottom calc(0.3s / 1.5) forwards, btnTextEnd_slideBottom calc(0.3s / 1.5) forwards calc(0.3s / 1.5);}
/* CUSTOM BLACK BUTTON STYLE CLOSE */

/* CUSTOM WHITE BUTTON STYLE START */
.btn-custom-white {
    font-size: 14px;
    font-family: 'LamaRounded-SemiBold';
    padding: 0.8rem 1.4rem;
    border-radius: 100px;
    background-color: #33c759;
    color: #fff;
    border: 2px solid #33c759;
    position: relative;
    transition: color 0.15s ease, transform 0.15s ease;
}

.btn-custom-white span.w-btn-label{font-family: 'LamaRounded-SemiBold';}
.btn-custom-white:hover {
    border-color:#2eb450;
    background: #2eb450;
    color: #fff;
}



/* CUSTOM WHITE BUTTON STYLE CLOSE */
@keyframes btnTextStart_slideBottom {
    100% {transform: translate3d(0,-105%,0); opacity: 0}
}
@keyframes btnTextEnd_slideBottom {
    0% {transform: translate3d(0,100%,0); opacity: 0}

    100% {transform: translate3d(0,0,0); opacity: 1}
}
.footer_row ul>li>a {-webkit-transition: .3s; transition: .3s;}
.footer_row ul>li>a:hover {transform: translateX(0.25rem);}

/* 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_slider .slick-track {margin: 0;}
.events_list_row {display: grid; grid-template-columns: 1fr; background-color: #FFF; border-radius: 24px; box-shadow: 0 20px 50px rgba(26,43,31,0.05); overflow: hidden; margin-bottom: 15px; transition: transform 0.3s, box-shadow 0.3s;}
.events_list_row:hover{transform: translateY(-4px); box-shadow: 0 30px 70px rgba(26, 43, 31, 0.1);}
.events_list_row .events_img_cols{width: 100%; aspect-ratio: 3 / 2; overflow: hidden; position: relative;}
.events_list_row .events_img_cols img {object-fit: cover; width: 100%; height: 100%; transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 700ms;}
/* .events_list_row:hover .events_img_cols img {transform: scaleX(1.05) scaleY(1.05);} */
.events_name {font-size: 1.2rem;}
.events_list_row:hover .events_name{color: #33c759;}
.events_desc {display: flex; flex-direction: column; gap: 1.5rem;}
.events_desc .events_item{display: flex; align-items: center; gap: 0.5rem; font-size: 14px; font-family: 'LamaRounded', sans-serif;}
.events_frame_list {display: flex; justify-content: space-between; gap: 15px;}
.events_desc_cols {padding: 1.5rem 1.75rem 1.75rem; display: block;}
.event_date_tile{
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: #e6f3df;
    color: #33c759;
    border-radius: 100px;
    padding: 4px 12px;
    font-size: 0.78rem;
    font-weight: 700;
    margin-bottom: 0.85rem;
}    
#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: #fafafa;}
.section_web_bg {
    border: 1px solid #ececec;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(17, 17, 17, 0.05);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background: #fff;
    padding: 0 1rem 1rem 1rem;
}
.dashboard_tabs {border: 1px solid #ececec; 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 18px;
    background: var(--white);
    border: 1px solid #ececec;
    color: var(--sppb-111);
    border-radius: 10px;
    font-family: 'LamaRounded-Medium';
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}
.dashboard_tabs .nav-item .nav-link:hover,
.dashboard_tabs .nav-item .nav-link:focus{color: var(--primary); border-color: var(--primary);}
.dashboard_tabs .nav-item .nav-link.active{background: var(--primary); border: 1px solid var(--primary); 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 #ececec; padding: 1rem; background-color: #fff; box-shadow: 0 2px 8px rgba(17, 17, 17, 0.05); border-radius: 20px; transition: transform 240ms cubic-bezier(0.22, 1, 0.36, 1), box-shadow 240ms cubic-bezier(0.22, 1, 0.36, 1), border-color 240ms cubic-bezier(0.22, 1, 0.36, 1);}
.listing_my_book_item:hover,
.listing_my_book_item:focus{transform: translateY(-4px); box-shadow: 0 10px 30px -12px rgba(17, 17, 17, 0.14); border-color: var(--primary);}
.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 {border: 1px solid rgba(48, 192, 88, 0.22); background: #f6fbf7; padding: 24px 26px; margin: 0 0 2rem 0; border-radius: 12px;}
.booking_outline_form .form-select {border-radius: 10px !important; height: 48px; padding: 10px 20px !important; font-size: 16px; line-height: 24px;}
.booking_outline_form.real-booking-form label{color: #3a3a3a; font-size: 14px; font-family: 'LamaRounded-SemiBold';}

div.dataTables_length label {display: flex; align-items: center; gap: 0.5rem; padding: 8px 10px; margin-bottom: 1rem; background: #fff; border-radius: 8px; color: #000;}
.dataTables_filter label {display: flex; align-items: center; gap: 0.5rem; background: #fff; color: #000; padding: 1rem; margin-bottom: 0.5rem; border-radius: 8px;}
.section_web_bg table.unique_table_design.no-footer{border: 1px solid #ececec; box-shadow: 0 2px 8px rgba(17, 17, 17, 0.05);}
.section_web_bg .unique_table_design {background-color: #fff; border-radius: 8px; border-collapse: separate; border: 1px solid #ececec; 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 #ececec;}
.section_web_bg table.unique_table_design thead tr th{color: #565656; background-color: #fafafa; font-family: 'LamaRounded-SemiBold'; font-size: 14px; line-height: 20px;}
.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: 14px 20px; box-sizing: border-box;}
.section_web_bg table.unique_table_design.no-footer th:first-child {border-top-left-radius: 10px;}
.section_web_bg table.unique_table_design.no-footer th:last-child {border-top-right-radius: 10px;}
.section_web_bg table.unique_table_design tbody tr td{font-size: 14.5px; padding: 14px 20px; box-sizing: border-box;}
.section_web_bg table.unique_table_design tbody tr td a{font-family: LamaRounded-Medium; color: var(--primary); text-decoration: underline;}
.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: #fff; color: #000; 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: none; padding: 0px !important; margin: 1rem 0; border-radius: 0px; font-size: 14px; font-weight: 600; line-height: 2.32; background: none; color: #3a3a3a; 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 #ececec; 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 var(--primary); background: var(--primary); color: #fff !important;}
.section_web_bg .dataTables_wrapper .dataTables_paginate .paginate_button:hover{background: var(--primary); border-color: var(--primary);}

.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;}

.unique_booking_modal .unique_booking_row .card .card-header.text-bg-light {border-top-left-radius: 20px; border-top-right-radius: 20px;}
body.view-bookings.modal-open .modal-backdrop{z-index: 9999;}

body.rtl .booking_cols .card>.list-group {
    padding-right: 0;
}
body.rtl .modal-header .btn-close{margin: 0;}
/* 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; }
}
/* .com-eventbooking{background-color: #000000; color: #fff;} */
.tile_box{display: inline-block; padding: 0.375rem 1rem 0.375rem 1rem; font-family: 'LamaRounded-Medium'; color: #000; background-color: transparent; border: 1px solid rgba(51, 199, 89, 0.3); color: #33c759; border-radius: 100px;}
.sppb-empty-space-30{margin: 15px 0;}
.sm_content {color: var(--body); font-size: 20px; font-family: 'LamaRounded-Medium';}

.filters {display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 40px; }
.filter {font-family: 'LamaRounded-Medium'; padding: 0.625rem 1.8rem; border-radius: 999px; border: 1px solid transparent; background: #e6f3df; color: var(--black-111); cursor: pointer; font-size: 14px; line-height: 16px; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms;}
.filter:hover {border-color:rgba(0,0,0,0.08); color: #fff;}
.filter.active{background: #33c759; color: #ffffff; border-color: #33c759;}

.event_listing_page .card-event{display: flex; flex-direction: column; background-color: var(--white); border: 1px solid var(--border); border-radius: 1.5rem; overflow: hidden; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 500ms;}
.event_blog_img {width: 100%; aspect-ratio: 3 / 2; overflow: hidden; position: relative;}
/* .event_img {object-fit: cover; width: 100%; height: 100%; transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 700ms;} */
.event_img {object-fit: cover; transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 700ms;}
.event_listing_page .card-event:hover {border-color: rgb(51 199 89 / 0.3);}
.event_listing_page .card-event:hover .event_img {transform: scaleX(1.05) scaleY(1.05); filter: grayscale(0);}

.card-event-body {padding: 2.5rem; display: flex; flex-direction: column;}
.custom_grid2 {display: flex; gap: 1rem; justify-content: space-between;}
.tag_filter {background-color: rgb(0 0 0 / 0.6); backdrop-filter: blur(12px); color: #33c759; border-radius: 9999px; font-family: 'LamaRounded-Bold'; font-size: 12px; line-height: 14px; padding: 0.625rem 1.8rem 0.425rem 1.8rem; position: absolute; top: 1.5rem; left: 1.5rem;}
.event-desc{color: var(--body); font-size: 15px; margin-bottom: 2rem;}
.c_grid2 {display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; align-items: center; margin-bottom: 1.5rem;}
.c_grid2 .c_grid_cols {font-family: 'LamaRounded-Medium'; font-size: 14px; color: var(--txt-mute); margin: 0;}
.event_listing_page .card-event:hover .event-title{color: #33c759;}
.event_primary_icon {color: #33c759;}
.event_listing_page .price{color: var(--black-111);}
.event_creator {color: var(--body); font-size: 14px; font-family: 'LamaRounded-Medium';}
.event_btn {font-size: 14px; font-family: 'LamaRounded-Medium';}
.event_listing_page .card-event:hover .event_btn {color: #33c759;}
.event_listing_page .event_date {}
.event_listing_page .event_location{font-family: 'LamaRounded-Medium'; font-size: 14px; color: var(--txt-mute);}
body.rtl .event_btn svg {
    transform: rotate(180deg);
}
.event_btn_group {display: flex; align-items: center; gap: 1.5rem;}
.btn-event{padding: 1.5rem 3rem; border-radius: 9999px; cursor: pointer; -webkit-appearance: button; font-size: 14px; letter-spacing: 0.1em; font-family: 'LamaRounded-Medium'; transition: all 0.3s ease;}
.btn-event-sm{padding: 0.65rem 1.15rem; border-radius: 9999px; cursor: pointer; -webkit-appearance: button; font-size: 14px; letter-spacing: 0.1em; font-family: 'LamaRounded-Medium'; transition: all 0.3s ease;}
.btn-primary-green{background-color: #33c759; border: 1px solid #33c759; color: #fff;}
.btn-secondary-green{background-color: #c4eed8; border: 1px solid #c4eed8; color: #000000;}
.btn-primary-green:hover{background-color: #2eb450; border: 1px solid #2eb450; color: #fff; transform: translateY(-1px);}
.btn-secondary-green:hover{background-color: #b0e3c8; border: 1px solid #b0e3c8; color: #000000; transform: translateY(-1px);}

body.rtl .btn-primary-green svg{transform: rotate(180deg);}
.list_box_design {background-color: rgb(255 255 255 / 0.1); border: 1px solid var(--border); margin: 50px 0;}
.event_list_item {display: flex; flex-direction: column; gap: 1.5rem; padding: 2.5rem;}
.event_listing_page .event_date span,
.event_listing_page .event_location span{font-family: 'LamaRounded-Medium';}
body.rtl .btn-event svg {transform: rotate(180deg);}
.primary-icon{color: #33c759;}
.event_detail_page .event-label {font-family: 'LamaRounded-Medium'; font-size: 16px; color: var(--txt-mute);}
.event_detail_page .event-value{font-family: 'LamaRounded-Medium'; font-size: 16px; color: var(--black);}
.event-sm-label {font-family: 'LamaRounded-Medium'; font-size: 13px; color: #737373; margin-top: 1rem; display: inline-block;}
.event-price-value {color: #33c759;}

.custom_cta_section {
    padding: 4rem;
    background: linear-gradient(45deg, RGBA(230, 242, 223, 0.52) 40%, RGBA(200, 232, 195, 0.1) 60%);
    border-left: 3px solid #33c759;
    border-radius: 1.5rem;
    color: #000;
    display: grid;
    align-items: center;
    gap: 2.5rem;
    justify-content: space-between;
    grid-template-columns: 36px 1fr auto;
    box-shadow: 0px 20px 50px -12px rgb(4 4 4 / 20%);
}
.custom_cta_section .cta_title {margin: 0; font-size: 42px;}
.custom_cta_section .cta_desc {color: var(--body); line-height: 1.625; font-size: 1.125rem;}

.event-glass-bar {padding: 1.25rem 1.5rem; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 40; background: rgb(200 232 194); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border-top: 1px solid rgba(255, 255, 255, 0.08);}
.event-glass-flex {display: flex; align-items: center; justify-content: space-between;}
.event-glass-col-flex {display: flex; align-items: center; gap: 2rem;}
.event-glass-title {color: #33c759; font-size: 12px; margin-bottom: 0.25rem;}
.event-glass-desc {font-size: 0.875rem; line-height: 1.25rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 24rem; margin: 0;}
.event-glass-label {color: #737373; font-size: 12px; margin-bottom: 0.25rem; font-family: 'LamaRounded-SemiBold';}
.event-glass-price {font-size: 1.25rem; line-height: 1.75rem; font-family: 'LamaRounded-ExtraBold';}
.event-glass-col .btn-primary-green {padding: 1.125rem 2rem; font-size: 14px; line-height: 16px; border-radius: 100px;}

.event-detail_img .img_event_detail {object-fit: cover; /*width: 100%; height: 100%;*/ border-radius: 1.5rem;}
.event-checkout-page .checkout-content {background: transparent; padding: 0rem; border-radius: 1.5rem; border: 1px solid rgba(0,0,0,0.08);}
.event-checkout-page .booking_list_group {padding: 0; display: flex; align-items: start; justify-content: space-between;}
.event-checkout-page .booking_list_group .list-group-items{width: 50%; font-family: 'LamaRounded-Medium'; font-size: 16px; color: var(--body);}
.event-checkout-page .booking-form .price-breakdown {display: flex; flex-direction: column; gap: 1rem; margin: 1.5rem 0;} 
.event-checkout-page .booking-form label .required {color: #dc3545;}
.price-breakdown .price-label {font-family: 'LamaRounded-Medium'; font-size: 14px; color: var(--body);}
.price-breakdown .price-value{font-size: 1rem; font-family: 'LamaRounded-Medium'; color: var(--body);}
.price-breakdown .price-value.final-price-value{font-size: 1.1rem; font-family: 'LamaRounded-SemiBold'; color: #33c759;}

.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: #33c759 !important;
    color: var(--white) !important;
    border: 1px solid #33c759 !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;}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{
    background-color:  #33c759 !important;
}
.select2-dropdown{border: 1px solid #ced4da !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';}

.amenities_list {display: flex; padding: 0; list-style: none; flex-direction: column; gap: 0.5rem;}
.amenities_list li{display: flex; align-items: center; gap: 0.325rem;}
.amenities_list li .amenities_icon {width: 24px; height: 24px; display: flex; align-items: center; color: var(--black);}
.amenities_list li .amenities_name {font-family: 'LamaRounded-Medium'; font-size: 15px;}

.threeD-flip-front:before{border-radius: 12px; border: 2px solid #333;}
.threeD-flip-back:before{border-radius: 12px; border: 2px solid #333;}

/* PROGRAM PAGE LAYOUT START */
.programme-grid {display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.875rem;}
.programme-card {background: #ffffff; border: 1px solid var(--bs-border-color-translucent); transition: transform 0.2s ease-in-out;}
.programme-card:hover {transform: translateY(-5px);box-shadow: 0 10px 20px rgba(0,0,0,0.15);}
.programme-card img {width: 100%;height: 212px;object-fit: cover;}
.programme-content {padding: 16px;}
.programme-title {font-size: 24px;font-weight: bold;margin-bottom: 10px;color: #fff;}
.programme-detail {
    color: #a3a3a3;
}
.programme-detail strong {
    color: #fff;
}
.programme-desc {color: #a3a3a3;}
.programme-info {color: #000; margin-bottom: 8px;}
.programme-date{font-size: 14px; color: #333;}
.programme-btn:hover {background: #33c759;}
/* PROGRAM PAGE LAYOUT CLOSE */


/* LOGIN PAGE LAYOUT START */
body.view-lostpassword {background: #f6fbf7;}
.view-lostpassword .cbLostPassForm {
    background: rgb(255 255 255 / 100%);
    border: 1px solid #ced4da;
    padding: 3rem;
    border-radius: 28px;
    max-width: 750px;
    margin: 0rem auto;
    box-shadow: 0 2px 8px rgba(17, 17, 17, 0.05) !important;
}

body.view-login {background: #f6fbf7;}
.cbLoginForm {background: rgb(255 255 255 / 100%); border: 1px solid #ced4da; padding: 3rem; border-radius: 28px; max-width: 750px; margin: 0rem auto; box-shadow: 0 2px 8px rgba(17, 17, 17, 0.05) !important;}
.cbLoginForm .control-group{margin-bottom: 1.5rem;}
.cbLoginForm .control-group label{margin-bottom: 0.5rem; color: var(--sppb-111);}
.cbLoginForm .control-group .input-group .form-control {color: var(--black); background: transparent; border-color: #ced4da; border-radius: 0.75rem !important; padding: 8px 8px 8px 48px;}
.cbLoginForm .control-group .input-group .form-control:focus {border: 1px solid #33c759; box-shadow: 0 0 0 calc(1px + 0px) rgb(61 220 132 / 0.3);}
.cbLoginForm .input-group .input-group-text {
    padding: 0.5rem;
    background: transparent;
    border-color: transparent;
    border-radius: 0;
    color: var(--sppb-33c759);
    position: absolute;
    top: 50%;
    left: 8px;
    transform: translate(0%, -50%);
}
.cbLoginForm .control-group .input-group .form-control:focus + span.input-group-text{color: #33c759;}
/* .cbLoginForm .input-group .input-group-text{padding: 0.5rem 1rem; background-color: #fff; border-color: rgba(255, 255, 255, 0.3); border-radius: 0; color: #000;} */
.cbLoginForm .input-group .input-group-text i.fa-user {width: 1.25em;}
.cbLoginForm .input-group .input-password-toggle {color: var(--black); border-radius: 0 !important; position: absolute; right: 8px; top: 50%; transform: translate(0px, -50%); background: none; border: none;}
.cbLoginForm .mod-login__options {display: flex; align-items: center; justify-content: center; gap: 1.5rem; flex-wrap: wrap; padding: 0;}
.cbLoginForm .mod-login__options li {flex-basis: 40%; text-align: center;}
.cbLoginForm .mod-login__options li a {font-family: 'LamaRounded-Medium'; color: var(--black);}
.cbLoginForm .mod-login__options li a:hover{color: #33c759;}
.cbLoginForm .mod-login__options li.form-login-options-register{color: var(--body);}
.cbLoginForm .mod-login__options li.form-login-options-register a{color: #33c759;}
.cbLoginForm .mod-login__options li.form-login-options-register a:hover{color: #2eb450;}
.cbLoginFormAlmostEnd {text-align: center;}
.cbLoginForm .mod-login__submit button.btn-custom-secondary {min-width: 200px;}
.cbLoginForm .goog-te-gadget-simple {border: 1px solid #000 !important; border-radius: 0.75rem; padding: 0.625rem !important; display: inline-flex !important; align-items: center; font-size: 14px !important;}
.cbLoginForm .goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed {display: flex; align-items: center;}
.cbLoginForm .goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed span {border: 0 !important; font-family: 'LamaRounded-Medium';}

.cbLoginForm input:-webkit-autofill, 
.cbLoginForm input:-webkit-autofill:hover, 
.cbLoginForm input:-webkit-autofill:focus, 
.cbLoginForm input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
    box-shadow: 0 0 0px 1000px transparent inset !important;

    /* The KEY trick */
    background-clip: content-box !important;
    -webkit-background-clip: content-box !important;

    /* Text styling */
    -webkit-text-fill-color: var(--black) !important;
    caret-color: var(--black) !important;
    transition: background-color 9999s ease-in-out 0s !important;
}
/* RTL LOGIN PAGE CSS START */
body.rtl .cbLoginForm .control-group .input-group .form-control{padding: 8px 48px 8px 8px;}
body.rtl .cbLoginForm .input-group .input-group-text{left: unset; right: 8px;}
body.rtl .cbLoginForm .input-group .input-password-toggle{right: unset; left: 8px;}
body.rtl .cbLoginForm .form-check .form-check-input{float: right; margin-left: 0.5em;}
body.rtl .cbLoginForm .mod-login__options li{flex-basis: 35%;}
/* RTL LOGIN PAGE CSS CLOSE */
body.view-registers{background: #f6fbf7;}
.cbRegistration {color: var(--black); background: rgb(255 255 255 / 100%); border: 1px solid #ced4da; padding: 3rem; border-radius: 28px; max-width: 750px; margin: 0rem auto; box-shadow: 0 2px 8px rgba(17, 17, 17, 0.05) !important;}
.cbRegistration .form-auto .form-control, .cb_template .form-auto .form-select {width: 100%;}
.cbRegistration .form-auto .input-group {width: 100% !important;}
.cbRegistration .form-auto .input-group input {width: auto;}
.cbRegistration .form-control{height: 55px; color: var(--black); background: transparent; border-color: #ced4da; border-radius: 0.75rem !important; padding-left: 48px;}

.cbRegistration input:-webkit-autofill, 
.cbRegistration input:-webkit-autofill:hover, 
.cbRegistration input:-webkit-autofill:focus, 
.cbRegistration input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
    box-shadow: 0 0 0px 1000px transparent inset !important;

    /* The KEY trick */
    background-clip: content-box !important;
    -webkit-background-clip: content-box !important;

    /* Text styling */
    -webkit-text-fill-color: var(--black) !important;
    caret-color: var(--black) !important;
    transition: background-color 9999s ease-in-out 0s !important;
}
.cbRegistration .form-control:focus{background: transparent; border: 1px solid #33c759; color: white; box-shadow: 0 0 0 calc(1px + 0px) rgb(61 220 132 / 0.3);}
body.ltr .cb_template .cbRegistrationDiv .form-group:has(.cbFieldIcons) .col-form-label {margin-left: 18px;}
body.rtl .cb_template .cbRegistrationDiv .form-group:has(.cbFieldIcons) .col-form-label {margin-right: 18px;}

body.ltr .cbRegistration .cbRegistrationDiv .cbFieldIcons {position: absolute; top: -25px; left: 0;}
body.rtl .cbRegistration .cbRegistrationDiv .cbFieldIcons {position: absolute; top: -25px; right: 0;}

.cbRegistration .cbFieldIcons span.fa-star.text-muted {font-size: 8px; color: #dc3545 !important;}

.cbRegistration .cbft_password .cb_field {flex: 0 0 100%; max-width: 100%;}

body.ltr .cbRegistration .cbft_password .cb_field .form-control{border-bottom-right-radius: 0 !important; border-top-right-radius: 0 !important;}
body.rtl .cbRegistration .cbft_password .cb_field .form-control{border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important;}

body.ltr .cbRegistration .input-group .btn.btn-outline-light{
    color: var(--white) !important;
    background: transparent;
    border: 1px solid rgb(255 255 255 / 0.2) !important;
    border-radius : 0.75rem !important;
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
    font-size: 0;
}
body.rtl .cbRegistration .input-group .btn.btn-outline-light{
    color: var(--white) !important;
    background: transparent;
    border: 1px solid rgb(255 255 255 / 0.2) !important;
    border-radius : 0.75rem !important;
    border-bottom-right-radius: 0 !important;
    border-top-right-radius: 0 !important;
    font-size: 0;
}

.cbRegistration .input-group .btn.btn-outline-light:before {
    font-size: 16px;
    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;
}
.cbRegistration .input-group .btn.btn-outline-light.cbPasswordUnmaskShow:before {
    content: "\f06e";
}
.cb_template .btn-group-list input[type=checkbox]:not(:checked)+.btn, .cb_template .btn-group-list input[type=radio]:not(:checked)+.btn{
    /* border-radius: 0px !important; */
    margin-bottom: 0;
    position: relative;
    background: none !important;
    color: #111 !important;
    border: 1px solid #ced4da !important;
    min-width: 100px;
}
.cb_template .btn-group-list>.btn {
    min-width: 100px;
    /* border-radius: 0 !important; */
}

/* LOGIN PAGE LAYOUT CLOSE */
.profile_blog .sppb-person-image img{filter: grayscale(100%); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);  transition-duration: 1000ms;}
.profile_blog:hover .sppb-person-image img{filter:grayscale(0);}
.profile_blog .sppb-person-image {overflow: hidden; position: relative;}
.profile_blog:hover .sppb-person-image img{transform: scale(1.05, 1.05);}
/* .profile_blog .person-content-show-on-hover{opacity: 1; visibility: visible;} */
.profile_blog .sppb-person-name{font-family: 'LamaRounded-ExtraBold';}
.profile_blog:hover .sppb-person-name{color: #33c759;}
.profile_blog .sppb-person-designation{font-family: 'LamaRounded-SemiBold';}


.service_grid_4_8 {grid-template-columns: 1fr; display: grid; gap: 2rem;}
.service_grid_flex{display: flex; flex-direction: column; gap: 2rem;}
/* .service_grid_4_8 {grid-template-columns: 4fr 8fr; display: grid; gap: 2rem;} */
/* .service_grid_4 {grid-column: span 4 / span 4;}
.service_grid_8 {grid-column: span 8 / span 8;} */
.tab_features {overflow-x: auto; flex-wrap: nowrap; list-style: none; padding: 5px; margin: 0 auto; width: 100%; display: flex; flex-direction: row; gap: 0.5rem; justify-content: center; border: 1px solid rgb(0 0 0 / 10%); background: #FFF; box-shadow: 0 10px 30px rgb(0 0 0 / 8%); border-radius: 999px;}
.tab_features_btn {
    flex: 1;
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.7rem 1rem;
    border-radius: 999px;
    color: var(--body);
    background-color: transparent;
    border: 1px solid transparent;
    margin: 0px;
    cursor: pointer;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 100ms;
}
.tab_features_btn .tab_head {display: flex; align-items: center; flex-direction: column; gap: 0.15rem;}
.tab_features_btn .tab_icon {display: none;}
.tab_features_btn:hover{ background-color: #F5F5F5; color: var(--body);}
.tab_features_btn.active {background-color: #000; color: #fff;}
.tab_name {color: var(--black-111); font-size: 0.875rem; line-height: 1.25rem; margin: 0; font-family: 'LamaRounded-SemiBold';}
.tab_features_btn.active .tab_name {color: var(--white);}
.tab_space_desc {color: var(--black-111); font-size: 16px;}
.tab_price{color: var(--primary); font-size: 14px; font-family: 'LamaRounded-ExtraBold';}
.tab_features_btn.active .tab_price{color: #33c759;}
.tab_features_content {margin-top: 0px;}
.tab_pane {display: none;}
.tab_pane.active {display: block;}
.tab_row {display: grid; grid-template-columns: repeat(2, 1fr); border: 1px solid rgb(51 199 89 / 20%); background: #f6fbf7; border-radius: 28px; overflow: hidden; box-shadow: 0 30px 60px rgba(26, 43, 31, 0.06);}
.tab_space_2rem {padding: 0 2rem;}
.space_2rem {padding: 2rem;}
.space_4rem {padding: 4rem;}

.tab_pane_img {aspect-ratio: 3 / 2; overflow: hidden; position: relative;}
.tab_img {height: 100%; object-fit: cover; width: 100%;transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 100ms;}
.tab_space_detail_flex {display: grid; grid-template-columns: 0.35fr 1fr; align-items: center; gap: 1rem;}
.tab_space_detail_flex .btn-event{text-align: center;}
.tab_label {font-family: 'LamaRounded-Medium'; font-size: 0.875rem; color: var(--txt-mute);}
.tab_space_details {color: var(--txt-mute);}
.tab_space_details .tab_space_title {color: #111; font-size: 1.5rem; font-weight: 800; margin-top: 0.5rem; letter-spacing: -0.3px;}
.empty_spacer-50 {margin: 50px 0;}
.empty_spacer-25 {margin: 25px 0;}
.empty_spacer-20 {margin: 20px 0;}
.tab_track_features {display: grid; gap: 0.35rem; align-items: center; grid-template-columns: auto auto auto;}
.tab_track_features .tab_track_btn {
    font-size: 12px;
    font-family: 'LamaRounded-SemiBold';
    line-height: normal;
    border: 1px solid var(--primary);
    background: transparent;
    padding: 0.4rem 0.5rem 0.3rem 0.5rem;
    color: var(--black-111);
}
.tab_track_features .tab_track_btn:hover,
.tab_track_features .tab_track_btn:focus,
.tab_track_features .tab_track_btn.tab_track_active{background-color: var(--primary); color: var(--white);}
.booking-alert-info {display: flex; align-items: center; gap: 0.75rem; padding: 0.75rem 1.5rem; background-color: #c8e8c23b; border: 1px solid var(--border); border-radius: 1rem; color: var(--black-111);}
.user-info-form .booking_control_group {position: relative;}
.coupon_group_field{display: grid; grid-template-columns: 1fr auto; gap: 1rem;}
.user-info-form .booking_control_group .form-field{
   color: var(--black) !important;
    background: transparent;
    border: 1px solid rgba(0,0,0,0.08);
    border-radius: 0.75rem !important;
    padding: 8px 8px 8px 48px !important;
    height: 55px;
}

.user-info-form .booking_control_group .select2-container--default .select2-selection--multiple{
    color: var(--black) !important;
    background: transparent;
    border: 1px solid rgba(0,0,0,0.08) !important;
    border-radius: 0.75rem !important;
    padding: 8px 8px 8px 48px !important;
}
body.rtl .user-info-form .booking_control_group .form-field,
body.rtl .user-info-form .booking_control_group .select2-container--default .select2-selection--multiple{padding: 8px 48px 8px 8px !important; text-align: right;}

.user-info-form .booking_control_group .select2-container--default.select2-container--focus .select2-selection--multiple{border: 1px solid #33c759 !important; box-shadow: 0 0 0 calc(1px + 0px) rgb(61 220 132 / 0.3);}
.user-info-form .booking_control_group .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{border: 0 !important;}
.user-info-form .booking_control_group .select2-container .select2-search--inline .select2-search__field{margin-top: 5px !important;}
.user-info-form .booking_control_group .form-field:focus {border: 1px solid #33c759; box-shadow: 0 0 0 calc(1px + 0px) rgb(61 220 132 / 0.3); background-color: transparent;}
body.ltr .user-info-form .booking_control_group .input_group_text{padding: 0.5rem; background: transparent; border-color: transparent; border-radius: 0; color: #33c759; position: absolute; top: 50%; left: 8px; transform: translate(0%, -50%);}
body.rtl .user-info-form .booking_control_group .input_group_text{padding: 0.5rem; background: transparent; border-color: transparent; border-radius: 0; color: #33c759; position: absolute; top: 50%; right: 8px; transform: translate(0%, -50%);}
.user-info-form .booking_control_group .form-field:focus:focus + .input_group_text {color: #33c759;}
.user-info-form .booking_control_group .select2-container--default.select2-container--focus + .input_group_text {color: #33c759;}

body.rtl .form-check-inline{margin-left: 1rem; margin-right: 0rem;}
body.rtl .form-check .form-check-input{float: right; margin-left: 1rem;}
.tab_tag_list {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 1rem;
    position: absolute;
    width: 100%;
}
body.ltr .tab_tag_list {bottom: 1.25rem; left: 1.25rem;}
body.rtl .tab_tag_list {bottom: 1.25rem; right: 1.25rem;}
.tab_tag_list .tab_tag_item {
    padding: 0.5rem 1rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background-color: rgb(255 255 255 / 85%);
    border: 1px solid rgb(255 255 255 / 0.05);
    border-radius: 1rem;
    backdrop-filter: blur(12px);
}
.tab_tag_list .tab_tag_item .tab_tag_icon{color: #33c759;}
.tab_tag_list .tab_tag_item .tab_tag_text {
    color: var(--black-111);
    letter-spacing: 0.05em;
    font-size: 12px;
    line-height: 1rem;
    font-family: 'LamaRounded-SemiBold';
}
.tab_service_price {
    color: #33c759;
}

.message_thanks {
    color: #d4d4d4;
    border: 1px solid rgba(0,0,0,0.08);
    background: transparent;
    padding: 2rem 3rem;
    max-width: 500px;
    margin: 0 auto;
    border-radius: 24px;
    font-family: 'LamaRounded-Medium';
}
.message_thanks h3 {
    color: #33c759;
    margin-bottom: 1rem;
}
.rsform-thankyou-button {
    background-color: #33C759;
    border-color: #33C759;
    color: #FFFFFF;
    font-size: 14px;
    letter-spacing: 0.1em;
    padding: 1rem 2rem 1rem 2rem;
}
.rsform-thankyou-button:hover,
.rsform-thankyou-button:focus{
    background-color: #2eb450;
    color: #FFFFFF;
}
.card .card-body .cbCanvasLayoutContent .text-large a {
  color: #fff;
}
.card .card-body .cbCanvasLayoutContent .btn{
    background-color: #33c759 !important; 
    border-color: #33c759 !important; 
    color: #fff !important;
    font-size: 14px;
    line-height: 1.25;
    letter-spacing: 0.1em;
    color: #fff;
    padding: 1rem 2rem 1rem 2rem;
    font-family: 'LamaRounded-SemiBold', sans-serif;
}
.connSummaryFooter .connSummaryFooterManage a {
  color: #fff;
}
body.rtl .sp-megamenu-parent .sp-dropdown .sp-dropdown-items .sp-has-child>a:after{
    content: "\f053";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
}
body.view-userprofile{background: #000; }

.cb_template .tab-content>#cbtabpane53 .cbFieldsContentsTab .col-sm-9{
    flex: 0 0 100%;
    max-width: 100%;
    margin: 0;
}
.cb_template .cbCanvasLayout .cbCanvasLayoutTop .cbCanvasLayoutBackground * {
    height: auto;
}

.cb_template .cbCanvasLayoutTitle.text-primary, 
.cb_template .cbCanvasLayoutTitle .cbProfileTitle .cb-page-header-title{
    color: #000 !important;
}
.cb-page-header .cb-page-header-title {
    color: #33c759;
}
.cb_template .border-bottom {
    border-color: #ffffff4d !important;
}
.tab_description {
    color: #d4d4d4;
}
.cb_template .cbCanvasLayout .cbCanvasLayoutBottom .cbCanvasLayoutCounters .cb_form_line{align-items: center;}

.cb_template .cbTabsContent .dashboard_tabs{
    background-color: #f8f9fa;
    padding: 1rem;
}
.cb_template .nav.dashboard_tabs .nav-link.active {
    border: 1px solid #000;
}
.cbUserListResultCount, .cbPendingApprovalUsers, .cbPendingApprovalUsers {
    color: #d4d4d4;
}
/* .cb_template label {
    color: #333;
} */
.cb_template .table {
    color: #d4d4d4;
}
.cb_template .bg-primary{color: #fff;}

.cb_template .btn-primary {
    background-color: #33c759;
    border-color: #33c759;
    font-size: 14px;
    line-height: 1.25;
    letter-spacing: 0.1em;
    color: #fff;
    padding: 1rem 2rem 1rem 2rem;
    font-family: 'LamaRounded-SemiBold', sans-serif;
    border-radius: 100px !important;
}
.cb_template .btn-primary:hover,
.cb_template .btn-primary:focus,
.cb_template .btn-primary:active {
    background-color: #2eb450;
    border-color: #2eb450;
    color: #fff;
}
.cb_template .btn-secondary{
    background-color: #c4eed8;
    border-color: #c4eed8;
    font-size: 14px;
    line-height: 1.25;
    letter-spacing: 0.1em;
    color: #000;
    padding: 1rem 2rem 1rem 2rem;
    font-family: 'LamaRounded-SemiBold', sans-serif;
    border-radius: 100px !important;
}
.cb_template .btn-secondary:hover,
.cb_template .btn-secondary:focus,
.cb_template .btn-secondary:active{
    background-color: #b0e3c8;
    border-color: #b0e3c8;
    color: #000000;
}
.galleryFolderForm .col-form-label {
    color: #d4d4d4;
}

.cb_template .card{
    background-color: #ffffff1a;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: .75rem;
    color: #d4d4d4;
}
.cb_template .cbUserListDiv .card .cbUserListFieldLine {
    padding: 5px 8px;
}

.cb_template .cbUserListDiv .card .cbUserListFieldLine .cbUserListFieldTitle {
    color: #737373;
    font-size: 12px;
    display: block;
    text-transform: uppercase;
    font-family: 'LamaRounded-SemiBold';
}
.cb_template .cbUserListDiv .card .cbUserListFieldLine .cbListFieldCont {
    color: #ffff;
    font-size: 14px;
    font-family: 'LamaRounded-Medium';
    text-transform: uppercase;
}
.cb_template .cbUserListDiv .card .cbUserListFieldLine.cbUserListFL_onlinestatus {padding: 0;}
.cb_template .cbUserListDiv .card .cbUserListFieldLine .cbListFieldCont.cbUserListFC_onlinestatus .cb_offline,
.cb_template .cbUserListDiv .card .cbUserListFieldLine .cbListFieldCont.cbUserListFC_onlinestatus .cb_online{font-size: 0;}
.cb_template .cbUserListDiv .card .cbUserListFieldLine .cbListFieldCont.cbUserListFC_onlinestatus .cb_offline .fa,
.cb_template .cbUserListDiv .card .cbUserListFieldLine .cbListFieldCont.cbUserListFC_onlinestatus .cb_online .fa{font-size: 14px;}

.chart_heading {
    color: #000;
}
.cb_template .activityStreamItems a {
    color: #000;
}
.cb_template .cbPrivacySelectButton .select2-selection.select2-selection--multiple, 
.cb_template .cbPrivacySelectIcon .select2-selection.select2-selection--multiple{height: auto;}

.cb_template .galleryContainer .card .card-header a.galleryItemEmbed {color: #33c759;}
.cb_template .galleryContainer .card .card-footer{padding: 1rem !important;}
.cb_template .galleryContainer .card .card-footer a{color: #000; font-family: 'LamaRounded-Medium'; font-size: 16px;}
.cb_template .galleryContainer .card .card-footer a:hover{color: #33c759;}
.cb_template .pmMessagesRows .pmMessagesRow {color: var(--body); opacity: 1;}

.cb_template .cbft_predefined label {color: var(--txt-mute); margin: 0;}

.cbEditProfile form.cb_form ul.cbTabsNav {
    border-color: #ffffff4d;
    border: none;
}
.cbEditProfile form.cb_form ul.cbTabsNav .nav-link {
    color: #737373;
    margin: 0;
    font-family: 'LamaRounded-Medium';
    padding: 0.625rem 2rem;
    border-radius: 999px !important;
}
.cbEditProfile form.cb_form ul.cbTabsNav .nav-link:hover {
    border: 1px solid rgba(0,0,0,0.08);
    color: #fff;
}
.cbEditProfile .cb_form .cbTabsNav .nav-link.active {
    background-color: #33c759;
    border-color: #33c759;
    color: #fff;
}
.cb_template .table > :not(:last-child) > :last-child > *{
    border-bottom-color: #ffffff4d;
}
.cb_template .invitesContainer .table th, 
.cb_template .invitesContainer .table td {
    border-color: #ffffff4d;
}
.input-group.invitesInviteLink {
    align-items: center;
    gap: 1rem;
}

.cb_template .cb_form .cbft_password .input-group .input-group-append button.btn-outline-light {
    color: #fff !important;
}
.cb_template .cb_form .cbft_password .input-group .input-group-append button.btn-outline-light:hover {
    color: #fff !important;
}
.galleryItemsEmpty, .gjTabEmpty,
.gjGroupsEmpty,
.gjCategoryEmpty {
    color: #d4d4d4;
}
.real-booking-form label {
    color: #333;
}
.galleryItemsNew .galleryItemsNewUpload {
    margin-bottom: 1rem;
}

.service-real-booking-form label {
    color: #000;
}

.gjGroupsRows .gjGroupsGroup .card .card-header{

}
.gjGroupsRows .gjGroupsGroup .card .card-body .border-top {border-color: rgba(255, 255, 255, 0.3) !important;}
.gjGroupsRows .gjGroupsGroup .card .card-body strong a.text-large{color: #fff;}
.gjGroupsRows .gjGroupsGroup .card .card-body .gjGroupsGroupCategory strong a{color: #d4d4d4;}
.gjGroupUsersRows .gjGroupUsersUser .card .card-body  .text-large a{color: #fff;}
.cbft_datetime .cbDateTimeago {color: #a3a3a3;}

.invitesTab .invitesContainer table td a {color: #fff;}
.invitesTab .invitesContainer .table-hover>tbody>tr:hover>* {
    color: #fff;
}

.invitesHeader .inviteForm .input-group button.inviteFormSend {border-radius: 0 !important;}

.invitesHeader .inviteSearchForm .input-group .btn {border-radius: 0 !important;}

.gjGroupAbout {color: #a3a3a3;} 
.gjGroup .order-0.cbCanvasLayoutTitle strong {color: #000 !important;}
.gjGroup .gjGroupIconCategory a {color: #000; text-decoration: underline;}
.gjGroupWallRowDetails .gjGroupWallRowAuthor a {color: #fff;}
.gjGroupFile .gjGroupFileRows .table-hover>tbody>tr:hover>* {color: #fff;}
.gjGroupFile .gjGroupFileRows .table .text-wrap .cbTooltip a,
.gjGroupFile .gjGroupFileRows .table .text-wrap .gjGroupFileUploader a {color: #d4d4d4;}
.cb_template .cbPagination .page-item .page-link{color: #000;}
.cb_template .cbPagination .page-item.active .page-link {background-color: #33c759; border-color: #33c759; color: #fff;}
.cbGroupJive .card .card-body .gjCanvasDescription{top: 15px; right: 15px;}
.order-last a.gjButton.gjButtonJoin {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    padding: .375rem .75rem;
    vertical-align: bottom;
    display: inline-block;
}
.cbManageConnections,
.cbModerateBans,
.cbModerateImages   {
    color: #a3a3a3;
}
.cbManageConnections .card .card-body .text-truncate .text-large a {
  color: #fff;
}
.cbProfile .card .card-body .text-truncate strong a{color: #fff;}

.order-last .col-form-label {color: #333;}

.gjTabSearchForm .input-group,
.gjGroupsSearchForm .input-group,
.pmMessagesForm .input-group,
.gallerySearchForm .input-group,
.cbMngConnSearchForm .input-group,
.gjGroupFileSearchForm .input-group,
.gjCategorySearchForm .input-group{gap: 0.5rem;}

.gjTabSearchForm .input-group .input-group-append .btn,
.gjGroupsSearchForm .input-group .input-group-append .btn,
.pmMessagesForm .input-group .input-group-append .btn,
.gallerySearchForm .input-group .input-group-append .btn,
.cbMngConnSearchForm .input-group .input-group-append .btn,
.gjGroupFileSearchForm .input-group .input-group-append .btn,
.gjCategorySearchForm .input-group .input-group-append .btn{
    border-radius: 0.75rem !important;
    width: 55px;
    height: 55px;
    background: #33c759;
    border-color: #33c759 !important;
    color: #fff !important;
}
.gjTabSearchForm .input-group .input-group-append .btn:hover,
.gjGroupsSearchForm .input-group .input-group-append .btn:hover,
.pmMessagesForm .input-group .input-group-append .btn:hover,
.gallerySearchForm .input-group .input-group-append .btn:hover,
.cbMngConnSearchForm .input-group .input-group-append .btn:hover,
.gjGroupFileSearchForm .input-group .input-group-append .btn:hover,
.gjCategorySearchForm .input-group .input-group-append .btn:hover{
    background: #2eb450;
    border-color: #2eb450 !important;
    color: #fff !important;
}
.gjTabSearchForm .input-group .input-group-append .btn:focus,
.gjGroupsSearchForm .input-group .input-group-append .btn:focus,
.pmMessagesForm .input-group .input-group-append .btn:focus,
.gallerySearchForm .input-group .input-group-append .btn:focus,
.cbMngConnSearchForm .input-group .input-group-append .btn:focus,
.gjGroupFileSearchForm .input-group .input-group-append .btn:focus,
.gjCategorySearchForm .input-group .input-group-append .btn:focus{
    background: #2eb450;
    border-color: #2eb450 !important;
    color: #fff !important;
}

.gjCategoryRows .gjCategoryGroup .card .card-body .cbCanvasLayoutContent strong a {color: #fff;}


.pmMessagesRows .pmMessagesRow .pmMessagesRowMsgUser a.text-large {color: #fff !important; } 
.pmMessage .pmMessageHeader {border: 1px solid #ffffff4d !important;}
.pmMessage .pmMessageHeader .pmMessageHeaderDetails .pmMessageHeaderUser {color: #fff;}
.pmMessage .pmMessageHeader .pmMessageHeaderDetails .pmMessageHeaderDate {color: #a3a3a3; }
.pmMessage .pmMessageContent{color: #d4d4d4;}
.pmMessage .pmMessageHeader .pmMessageHeaderDetails .pmMessageHeaderMenu .pmMessageMenu{opacity: 1; color: #fff !important;}

.pmMessagesRows hr {opacity: 1; border-color: #ffffff4d;}

.galleryModalOpen .qtip-modal.qtip-fixed {
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%);
}

.notificationContainerHeaderName .streamUserName {color: #000;}
.cb_template .streamModal.text-primary {color: #33c759 !important;}
.cb_template .streamModal.text-primary:hover,
.cb_template .streamModal.text-primary:focus{color: #2eb450 !important;}

.cbAjaxValue {color: #d4d4d4;}
.cbAjaxContainerDisplay,
.cbAjaxDefault.cbAjaxContainerDisplay.cbAjaxContainerToggle:not(.cbAjaxContainerTab){border: 1px solid #ffffff4d; padding: 1rem;}
.cbAjaxContainerDisplay .cbAjaxContainerIcon {opacity: 1; color: #fff;}

.cb_template .form-group-section .col-form-label{background: transparent; color: #fff; text-align: left;}
.cbTabsMenu {color: #d4d4d4;}
.cbGallery .galleryFolderHeader {color: #fff;}
.cbGallery .galleryFolderHeader .galleryFolderHeaderUser a {color: #fff;}
.galleryShareEdit .galleryEdit .galleryItemForm .card-footer button.galleryButtonDelete {font-size: 14px; line-height: 1.25; letter-spacing: 0.1em; color: #fff; padding: 1rem 2rem 1rem 2rem; font-family: 'LamaRounded-SemiBold', sans-serif;}

.activityContainerMain .activityContainerContent .gjWallActivity .streamItem .streamItemContent {color: #333;}
.streamInputMessageActions .streamTooltip a {color: #fff !important;}
.cbEditProfileTabbed .form-group .bg-light.text-center.col-form-label {background: none !important; color: #fff; text-align: left !important;}
.gjGroup .likeStreamBoxed, .gjGroup .followStreamBoxed {display: none;}
.booking_cols .list-group-flush>.list-group-item strong {font-family: 'LamaRounded-Medium'; font-weight: normal; color: var(--sppb-3a3a3a);}

.cb_template .cbtt_input .cb_field>div {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
}
.cb_template input.form-control {
    width: 100%;
    color: var(--black);
    background: transparent;
    border-color: #ced4da;
    border-radius: 0.75rem !important;
    padding: 1rem;
    height: 55px;
}
.cb_template textarea.form-control {
    width: 100%;
    color: var(--black);
    background: transparent;
    border-color: #ced4da;
    border-radius: 0.75rem !important;
    padding: 1rem;
}
.cb_template select.form-control{
    width: 100%;
    color: var(--black);
    background: transparent;
    border-color: #ced4da;
    border-radius: 0.75rem !important;
    padding: 1rem;
    height: 55px;
}

.cb_template input.form-control:focus,
.cb_template textarea.form-control:focus {
    border: 1px solid #33c759;
    box-shadow: 0 0 0 1px #3ddc844d !important;
    background: none;
    color:var(--black);
}
.cb_template select.form-control:focus {
    border: 1px solid #33c759;
    box-shadow: 0 0 0 1px #3ddc844d !important;
    background: #000;
    color: var(--black);
}

.cb_template .cbft_password .cb_field .input-group {
    width: 100% !important;
}

.cb_template .cbft_password .cb_field .input-group .form-control {
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.cb_template .cbft_password .cb_field .input-group .btn.btn-outline-light {
    color: var(--white) !important;
    background: transparent;
    border: 1px solid rgba(0,0,0,0.08) !important;
    border-radius: 0.75rem !important;
    border-top-left-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem;
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
}

.cb_template .cbtt_select .select2-container--multiple{
    width: 100% !important;
    color: var(--white);
    background: transparent;
    border-color: #ced4da;
    border-radius: 0.75rem !important;
    padding: 1rem;
}
.cb_template .cbtt_select .select2-container--bootstrap.form-control.select2-container--focus:not(.select2-container--disabled), 
.cb_template .cbtt_select .select2-container--bootstrap.form-select.select2-container--focus:not(.select2-container--disabled),
.cb_template .cbtt_select .select2-container--multiple:focus {
    border: 1px solid #33c759;
    box-shadow: 0 0 0 1px #3ddc844d !important;
    background: #000;
    color: #fff;
}
.cb_template .cbtt_select .select2-container .select2-search--inline .select2-search__field{margin-top: 5px !important;}
.cb_template .cbtt_select .select2-selection__choice.badge.badge-primary {background: #33c759;}

.cb_template .cbPrivacy .select2-container--multiple{
    width: 100% !important;
    color: var(--white) !important;
    background: transparent !important;
    border-color: rgba(0,0,0,0.08) !important;
    border-radius: 0.75rem !important;
    padding: 1rem;
}
.cb_template .cbPrivacy .select2-container--multiple:not(:disabled):not(.disabled).active, 
.cb_template .cbPrivacy .select2-container--multiple:not(:disabled):not(.disabled):active, 
.cb_template .cbPrivacy .select2-container--multiple:focus,
.cb_template .cbPrivacy .select2-container--multiple.focus {
    border: 1px solid #33c759 !important;
    box-shadow: 0 0 0 1px #3ddc844d !important;
    background: #000 !important;
    color: #fff !important;
}
.cb_template .cbPrivacy .select2-container--multiple .flex-grow-1.cbPrivacySelectOptionText {
    flex-grow: unset !important;
}
.cb_template .cbPrivacy .select2-container--multiple .select2-selection__choice span {
    gap: 0.5rem;
}

.activityContainerFooter .likeStreamButton {
    background: #33c759 !important;
    border-color: #33c759 !important;
    color: #fff !important;
}
.activityContainerFooter .likeStreamButton:hover,
.activityContainerFooter .likeStreamButton:focus{
    background: #2eb450 !important;
    border-color: #2eb450 !important;
    color: #fff !important;
}
.activityContainerFooter .activityFocusComments {
    background: #c4eed8 !important;
    border-color: #c4eed8 !important;
    color: #000 !important;
}
.activityContainerFooter .activityFocusComments:hover,
.activityContainerFooter .activityFocusComments:focus {
    background: #b0e3c8 !important;
    border-color: #b0e3c8 !important;
    color: #000 !important;
}
.activityContainerFooter .streamShareButton {
    border-color: #33c759 !important;
    background: #33c759 !important;
    color: #ffffff !important;
}
.activityContainerFooter .streamShareButton:hover,
.activityContainerFooter .streamShareButton:focus {
    background: #2eb450 !important;
    border-color: #2eb450 !important;
    color: #fff !important;
}

.cbGroupJive .gjGroupEdit .gjGroupEditForm .cb_field {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
}
.cbProfile .followStreamBoxed {
  display: none;
}
.login-greeting {
    color: #33c759;
    font-family: 'LamaRounded-SemiBold';
}

.cbProfile .cbPosTabMain #cbtabscb_tabmain ul.cbTabsNav {
    border-color: #ffffff4d;
    border: none;
}
.cbProfile .cbPosTabMain #cbtabscb_tabmain ul.cbTabsNav .nav-link {
    color: #737373;
    margin: 0;
    font-family: 'LamaRounded-Medium';
    padding: 0.625rem 2rem;
    border-radius: 999px !important;
}
.cbProfile .cbPosTabMain #cbtabscb_tabmain ul.cbTabsNav .nav-link:hover {
    border: 1px solid rgba(0,0,0,0.08);
    color: #fff;
}
.cbProfile .cbPosTabMain #cbtabscb_tabmain .cbTabsNav .nav-link.active {
    background-color: #33c759;
    border-color: #33c759;
    color: #fff;
}
.pbBlogEmpty, .pbGuestbookEmpty{color: #d4d4d4;}
.cbProfileBook .pbEdit .pbForm .form-group .cb_field {
    display: grid;
    grid-template-columns: 1fr auto;
}
.cbProfileBook .pbEdit .pbForm .form-group .cb_field .js-editor-tinymce .tox {
    width: 100% !important;
}
.card.pbWallRow.pbWallNew.pbWallNewOpen {
  height: auto !important;
}
.activityStream .activityStreamToolbar{background: #000 !important;}
.streamDropdown.streamFiltersButton {
    background: #000;
    border: 1px solid rgba(0,0,0,0.08);
    color: #fff;
    font-family: 'LamaRounded-ExtraBold', sans-serif;
    border-radius: 0.75rem;
}
.pbGuestbookRows .card.pbGuestbookRow {
  height: auto;
}

.gjTabGroup .card-body .border-top {
    border-color: rgba(255, 255, 255, 0.3) !important;
}

/* MODAL DESIGN TASK START */
.contact_form_modal label.form-label {
    color: #6c757d;
}
.contact_form_modal .form-control:focus {
    border: 1px solid #33c759;
    box-shadow: 0 0 0 calc(1px + 0px) rgb(61 220 132 / 0.3);
}
.contact_form_modal .modal-header .btn-close {
    background-color: #c4eed8;
    opacity: 1;
    width: 20px;
    height: 20px;
    padding: 5px;
    background-size: 14px;
    position: absolute;
    top: 15px;
    
}
body.rtl .contact_form_modal .modal-header .btn-close {left: 15px;}
body.ltr .contact_form_modal .modal-header .btn-close {right: 15px;}
body.ltr .contact_form_modal .rsform-block {position: relative;}

body.ltr .contact_form_modal .icon_name {
    padding-left: 45px !important;
    background: url('https://messahahub.com/images/2026/user.svg') no-repeat;
    background-size:18px;
    background-position-x: 15px;
    background-position-y: center;
}

body.ltr .contact_form_modal .icon_email {
    padding-left:45px !important;
    background:url('https://messahahub.com/images/2026/mail.svg') no-repeat;
    background-size:18px;
    background-position-x: 15px;
    background-position-y: center;
}

body.ltr .contact_form_modal .icon_message {
    padding-left:45px !important;
    background:url('https://messahahub.com/images/2026/message.svg') no-repeat;
    background-size:18px;
    background-position-x: 15px;
    background-position-y: 16px;
}
body.rtl .contact_form_modal .icon_name {
    padding-right: 45px !important;
    background: url('https://messahahub.com/images/2026/user.svg') no-repeat;
    background-size:18px;
    background-position-x: calc(100% - 15px);
    background-position-y: center;
}

body.rtl .contact_form_modal .icon_email {
    padding-right:45px !important;
    background:url('https://messahahub.com/images/2026/mail.svg') no-repeat;
    background-size:18px;
    background-position-x: calc(100% - 15px);
    background-position-y: center;
}

body.rtl .contact_form_modal .icon_message {
    padding-right:45px !important;
    background:url('https://messahahub.com/images/2026/message.svg') no-repeat;
    background-size:18px;
    background-position-x: calc(100% - 15px);
    background-position-y: 16px;
}
.contact_form_modal .rsform-submit-button {
    padding: 1rem 2rem;
    border-radius: 0.3em;
    background-color: #33c759;
    border: 1px solid #33c759;
    color: #fff;
    position: relative;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.contact_form_modal .rsform-submit-button:hover {
    background-color: #2eb450;
    color: #fff;
}
/* MODAL DESIGN TASK CLOSE */
.membership-intro .membership-intro-title{color: var(--black-111); font-size: 56px; font-family: 'LamaRounded-ExtraBold', sans-serif;}
.membership-intro .membership-intro-sub-title{}
.membership-intro .membership-intro-desc {color: var(--body); font-size: 18px;}
.membership-divider {height: 1px; background: #ced4da; margin: 30px 0;}
.membership-package-intro-title{color: var(--body); font-size: 36px; font-family: 'LamaRounded-ExtraBold', sans-serif;}
.membership-package-intro-desc {font-size: 16px; color: var(--body); line-height: 1.5;}
.package-card .mm-package-card {border: 1px solid #ced4da; border-radius: 1rem; overflow: hidden; color: var(--black); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 500ms;}
.package-card .mm-package-card:hover,
.package-card .mm-package-card:focus{border-color: #33c759;}
.package-card .mm-package-card .card-body {padding: 1rem;}
.package-card .mm-package-card .card-body .card-title {color: var(--black-111); margin: 0 0 1rem 0;}
.package-card .mm-package-card .card-body .card-text {color: var(--body); font-size: 14px; font-family: 'LamaRounded-Medium';}

.mm_package_list{display: flex; padding: 0; list-style: none; flex-direction: column; gap: 0.5rem;}
.mm_package_list li {display: flex; align-items: center; gap: 0.325rem;}
.mm_package_list li .mm_package_list_icon{width: 24px; height: 24px; display: flex; align-items: center; color: #33c759;}
.mm_package_list li .mm_package_list_name{font-family: 'LamaRounded-Medium'; font-size: 14px; color: var(--txt-mute); text-transform: uppercase;}
.btn-purchase {
    background-color: #33c759;
    border: 1px solid #33c759;
    box-shadow: none;
    color: #fff;
    font-size: 16px;
    line-height: 1.25;
    letter-spacing: 0.1em;
    padding: 1rem 2rem 1rem 2rem;
    font-family: 'LamaRounded-SemiBold', sans-serif;
    border-radius: 100px !important;
    width: 100%;
    outline: none;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color; 
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    transition-duration: 500ms;
}
.btn-purchase:hover,
.btn-purchase:focus,
.btn-purchase:active {background-color: #2eb450; border-color: #2eb450; color: #FFFFFF;}

.mm_login_blog {
    background: #fff;
    color: var(--body);
    margin: 3rem 0;
    padding: 50px;
    border: 1px solid var(--border);
    box-shadow: 0 20px 50px rgba(26, 43, 31, 0.05);
    border-radius: 1rem;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 500ms;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
    justify-content: space-between;
}
.mm_content_group_title {color: var(--black-111);}
.mm_content_group_desc{color: var(--body); font-family: 'LamaRounded-Medium';}
.mm_login_blog .mm_btn_login{
    background-color: #c4eed8;
    border: 1px solid #c4eed8;
    box-shadow: none;
    color: var(--black-111);
    font-size: 16px;
    line-height: 1.25;
    letter-spacing: 0.1em;
    padding: 1rem 2rem 1rem 2rem;
    font-family: 'LamaRounded-SemiBold', sans-serif;
    border-radius: 100px !important;
    width: 100%;
    outline: none;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color; 
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    transition-duration: 500ms;
}
.mm_login_blog .mm_btn_login:hover,
.mm_login_blog .mm_btn_login:focus,
.mm_login_blog .mm_btn_login:active {background-color: #b0e3c8; border-color: #b0e3c8; color: #000;}

.benefits-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:30px;}
.benefits-grid .benefit-item{border: 1px solid var(--border); padding: 25px; border-radius: 12px; background: var(--white); box-shadow: 0 20px 50px rgba(26, 43, 31, 0.05); transition: 0.3s;}
.benefits-grid .benefit-item:hover{border-color:#33c759; transform:translateY(-4px);}
.benefits-grid .benefit-item h4{font-size:18px; margin-bottom:10px; color: var(--black-111);}
.benefits-grid .benefit-item:hover h4{color: #33c759;}
.benefits-grid .benefit-item p{color: var(--body); font-size:14px; line-height:1.6;}

.community_cta_section {
    margin-top: 3rem;
    padding: 50px;
    border: 1px solid var(--border);
    box-shadow: 0 20px 50px rgba(26, 43, 31, 0.05);
    border-radius: 18px;
    background: rgba(230, 243, 223, 0.3);
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.community_cta_section .community_cta_btn{
    color: #000;
    background-color: #c4eed8;
    border: 1px solid #c4eed8;
    box-shadow: none;
    font-size: 16px;
    line-height: 1.25;
    letter-spacing: 0.1em;
    padding: 1rem 2rem 1rem 2rem;
    font-family: 'LamaRounded-SemiBold', sans-serif;
    border-radius: 100px !important;
    outline: none;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color; 
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    transition-duration: 500ms;
}
.community_cta_section .community_cta_title{color: var(--black-111);}
.community_cta_section .community_cta_btn:hover,
.community_cta_section .community_cta_btn:focus,
.community_cta_section .community_cta_btn:active{background-color: #b0e3c8; border-color: #b0e3c8; color: #000;}

.user_Form.activePP{position: fixed; top: 0%; left: 0%; z-index: 11111; padding: 2rem; width: 100%; height: 100%; background: rgb(0 0 0 / 75%);}
.custom_marco_card {padding: 50px; border: 1px solid rgba(255, 255, 255, 0.3); backdrop-filter: blur(12px); border-radius: 18px; background: #0a0a0a; color: #fff; max-width: 600px; margin: 0 auto;}

.custom_marco_card input.form-control {
    color: var(--white);
    background: transparent;
    border-color: rgb(255 255 255 / 0.2);
    border-radius: 0.75rem !important;
}
.custom_marco_card input.form-control:focus {
    border: 1px solid #33c759;
    box-shadow: 0 0 0 calc(1px + 0px) rgb(61 220 132 / 0.3);
    background-color: transparent;
}
#mooyaser_payment:hover, 
#tamara_payment:hover,
#mooyaser_payment:focus, 
#tamara_payment:focus,
#mooyaser_payment:active, 
#tamara_payment:active,
#mooyaser_payment:focus-visible, 
#tamara_payment:focus-visible {
    background: #fff;
    border: 1px solid #33c759;
}

.itemid-509 .article-info,
.itemid-510 .article-info,
.itemid-511 .article-info,
.itemid-512 .article-info{display: none;}

/* COMPANY FORM DESIGN START */
.company_form .control-group .form-field {color: var(--white); background: transparent; border: 1px solid rgba(0,0,0,0.08); border-radius: 0.75rem !important; padding: 12px 12px 12px 12px !important; min-height: 55px; height: auto;}
.company_form .control-group .form-field:focus {color: var(--white); border: 1px solid #33c759; background: transparent; box-shadow: 0 0 0 calc(1px + 0px) rgb(61 220 132 / 0.3);}
.company_form .control-group .select2-container--default .select2-selection--single{color: var(--white); background: transparent; border: 1px solid rgba(0,0,0,0.08); border-radius: 0.75rem !important; padding: 12px 12px 12px 12px !important; height: 55px;}
.company_form .control-group .select2.select2-container--open .select2-selection--single{border: 1px solid #33c759; box-shadow: 0 0 0 calc(1px + 0px) rgb(61 220 132 / 0.3);}
.company_form .control-group .select2-container--default .select2-selection--single .select2-selection__rendered{color: var(--white);}
.com_messaha_fundraising .select2-dropdown {background-color: #000000; border: 1px solid rgba(0,0,0,0.08); border-radius: 0.75rem;}
.com_messaha_fundraising .select2-container--default .select2-search--dropdown .select2-search__field{color: var(--white); background: transparent; border: 1px solid rgba(0,0,0,0.08); border-radius: 0.75rem !important; padding: 12px 12px 12px 12px !important; height: 55px;}
.com_messaha_fundraising .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background-color: #33c759; color: var(--white);}
.com_messaha_fundraising .select2-container--default .select2-results__option--selected{background-color: #33c759; color: var(--white);}
.step_action_prev{
    background-color: transparent;
    border: 1px solid rgba(0,0,0,0.08);
    color: var(--white);
    padding: 0.5rem 1.5rem;
    font-weight: 900;
    font-size: 14px;
    letter-spacing: 0.1em;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.step_action_prev:hover, 
.step_action_prev:focus {background-color: var(--white); color: var(--black);}

.step_action_next{
    background-color: #33c759;
    border: 1px solid #33c759;
    box-shadow: 0 20px 25px -5px rgb(51 199 89 / 0.2), 0 8px 10px -6px rgb(51 199 89 / 0.2);
    color: var(--white);
    padding: 0.5rem 1.5rem;
    font-weight: 900;
    font-size: 14px;
    letter-spacing: 0.1em;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.step_action_next:hover, 
.step_action_next:focus {background-color: #2eb450; border: 1px solid #2eb450; color: var(--white); transform: translateY(-1px);}
.company_form .control-group input[type="date" i]::-webkit-calendar-picker-indicator{background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none"><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="%2333c759" stroke="%2333c759" stroke-width="0.5"/><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="%2333c759" stroke="%2333c759" stroke-width="0.5"/><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="%2333c759" stroke="%2333c759" stroke-width="0.5"/><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="%2333c759" stroke="%2333c759" stroke-width="0.5"/><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="%2333c759" stroke="%2333c759" stroke-width="0.5"/><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="%2333c759" stroke="%2333c759" stroke-width="0.5"/><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="%2333c759" stroke="%2333c759" stroke-width="0.5"/></svg>');}

.step_row_flex {display: flex; align-items: center; gap: 1rem; justify-content: space-between; margin-bottom: 1rem; padding-bottom: 1rem; border-bottom: 1px solid rgba(0,0,0,0.08);}
.step_row_flex .step_title_flex {margin: 0;}
.partner-block {display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 0.5rem;}
.company_form_title{position: relative;}
.company_form_title:after {content: ""; width: 70px; height: 3.5px; background-color: #33c759; display: block; margin-top: 8px;}
.company_form .control-group .select2-container--default .select2-selection--single .select2-selection__arrow {top: 15px; right: 15px;}
.company_form .control-group .error-msg {color: #dc3545; display: block; margin-top: 0.25rem;}

/* COMPANY FORM DESIGN CLOSE */

/* BLOG ARTICLE DESIGN CSS START */
/* body.layout-blog #sp-main-body {
    padding-top: 50px;
} */
.article-details .page-header {
    display: none;
}
.article-list .article{
    border: 1px solid var(--border);
    border-radius: 1rem;
    overflow: hidden;
    color: #fff;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 500ms;
}
.article-list .article:hover,
.article-list .article:focus {
    border-color: #33c759;
}
.article-list .article .article-intro-image{border: none;}
.article-list .article .article-header h2 a {
    color: var(--black-111);
    margin: 0 0 1rem 0;
}
.article-list .article .article-header h2 a:hover,
.article-list .article .article-header h2 a:focus,
.article-list .article:hover .article-header h2 a,
.article-list .article:focus .article-header h2 a{color: #33c759;}
.article-list .article .article-info>span a{color: #a3a3a3; font-size: 14px; font-family: 'LamaRounded-Medium';}
.article-details .article-info>span a{color: #a3a3a3; font-size: 14px; font-family: 'LamaRounded-Medium';}
.article-list .article .article-introtext {
    color: var(--body);
    font-size: 14px;
    font-family: 'LamaRounded-Medium';
}

.article-list .article .article-introtext h4,
.article-list .article .article-introtext h5,
.article-list .article .article-introtext h6{color: #fff;}
.article-list .article .readmore {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.article-list .article .readmore a {
    background-color: #33c759;
    border: 1px solid #33c759;
    box-shadow: none;
    color: #fff;
    font-size: 16px;
    line-height: 1.25;
    letter-spacing: 0.1em;
    padding: 1rem 2rem 1rem 2rem;
    font-family: 'LamaRounded-SemiBold', sans-serif;
    border-radius: 100px !important;
    width: 100%;
    outline: none;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 500ms;
}
.article-list .article .readmore a:hover, 
.article-list .article .readmore a:focus, 
.article-list .article .readmore a:active {
    background-color: #2eb450;
    border-color: #2eb450;
    color: #FFFFFF;
}
/* BLOG ARTICLE DESIGN CSS CLOSE */

#timeoutModal .modal-title {color: #000;}
#timeoutModal .modal-body{color: #000;}

.book_mod_detail .modal-header {background: #f8f9fa; color: #000;}
.book_mod_detail .modal-body .list-group-flush{padding: 0;}
.book_mod_detail .modal-body .list-group-flush>.list-group-item .list_group_lbl {color: #000; font-family: 'LamaRounded-Medium'; font-weight: normal;}
.book_mod_detail .modal-body .list-group-flush>.list-group-item .list_group_value{font-family: 'LamaRounded';}
.book_mod_detail .modal-header .btn-close{margin: 0;}

.section_number_widget .block_number_widget .sppb-blocknumber-number{
    font-family: 'LamaRounded-ExtraBold';

}
.section_number_widget .block_number_widget {
    padding: 1rem;
    border: 1px solid;
    border-color: var(--border);
    border-radius: 0.75rem;
    height: 100%;
    box-shadow: 0 20px 50px rgba(26, 43, 31, 0.05);
    transition: 0.3s;
}
.section_number_widget .block_number_widget:hover {
    border-color: #33c759;
    transform: translateY(-4px);
}
.section_number_widget .block_number_widget .sppb-media-heading{
    font-family: 'LamaRounded-Medium', sans-serif;
}
.section_number_widget .block_number_widget .sppb-media {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    flex-direction: column;
}
@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: 0px; width: calc(100% - 0px); 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; right: unset;}
    .slick-slider .slick-arrow.slick-next {right: 0px; left: unset;}

    .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;}

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

    .cbLoginForm .mod-login__options{flex-direction: column;}

    .c_grid2{grid-template-columns: repeat(1, 1fr);}
    .event_btn_group{flex-direction: column;}
    .hide_mobile_only {display: none;}
    .event-glass-flex{padding: 0;}
    .event-glass-col-flex{justify-content: space-between; width: 100%;}
    .custom_cta_section{grid-template-columns: repeat(1, 1fr); padding: 2rem; gap: 1.5rem; border-radius: 40px; text-align: center;}
    .custom_cta_section .primary-icon {display: none;}
    .custom_cta_section .cta_title{font-size: 1.875rem;}
    .event-checkout-page .booking_list_group{flex-wrap: wrap;}
    .event-checkout-page .checkout-content{margin: 0;}
    .booking_confirm{padding: 24px;}
    .list_group_flush .list_group_item{display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start;}
    .confirm_event_btn_group{flex-wrap: wrap;}

    .service_grid_4_8 {grid-template-columns: repeat(1, 1fr);}
    .tab_row{grid-template-columns: repeat(1, 1fr);}
    .space_4rem {padding: 2rem;}
    .custom_ul_grid{grid-template-columns: repeat(1, 1fr);}

    .service_sub_cards {grid-template-columns: repeat(1, 1fr);}
    .box_design_views {grid-template-columns: repeat(1, 1fr); gap: 1rem;} 

    .membership-intro .membership-intro-title{font-size: 40px;}
    .membership-package-intro-title{font-size: 32px;}

    .benefits-grid {grid-template-columns: repeat(1, 1fr);}
    .mm_login_blog, .community_cta_section {padding: 30px;}

    .stepper{flex-wrap: wrap;}
    .step_row_flex{flex-wrap: wrap;}
    .partner-block{grid-template-columns: repeat(1, 1fr);}
    .tab_features{justify-content: flex-start;}
    .tab_tag_list{gap: 0.5rem;}
    body.rtl .tab_tag_list{right:0.5rem;}
    body.ltr .tab_tag_list{left:0.5rem;}
    .offcanvas-toggler-right{margin-left: 0;}

    .tab_space_detail_flex{grid-template-columns: 1fr; margin-bottom: 1rem;}
    .tab_track_features{grid-template-columns: auto auto;}
}


@media (min-width: 768px) {
    .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: 576px) {
   
}

@media (min-width: 768px) {
   
}

@media (min-width: 992px) {
    /* NEW CURSOR CSS START */
    html, body, a, button, input, select, textarea, .clickable {cursor: none !important;}
    .ca-dot {
        position: fixed;
        pointer-events: none;
        z-index: 999999999;
        transform: translate(-50%, -50%);
        width: 10px;
        height: 10px;
        background: #33c759;
        border-radius: 50%;
        transition: width 0.18s, height 0.18s, box-shadow 0.18s, opacity 0.2s;
        left: -100px;
        top: -100px;
        opacity: 0;
    }
    .ca-ring {
        position: fixed;
        pointer-events: none;
        z-index: 999999998;
        transform: translate(-50%, -50%);
        width: 36px;
        height: 36px;
        border: 1.5px solid #33c759;
        border-radius: 50%;
        transition: width 0.18s, height 0.18s, background 0.18s, box-shadow 0.18s, opacity 0.2s, left 0.12s ease-out, top 0.12s ease-out;
        left: -100px;
        top: -100px;
        opacity: 0;
      }
    body.cursor-hot .ca-dot {
      width: 10px;
      height: 10px;
      box-shadow: 0 0 18px rgba(51, 199, 89, 0.65);
    }

    body.cursor-hot .ca-ring {
      width: 54px;
      height: 54px;
      background: rgba(51, 199, 89, 0.15);
      box-shadow: 0 0 26px rgba(51, 199, 89, 0.35);
    }
    /* NEW CURSOR CSS CLOSE */
}

@media (min-width: 1200px) {
    
}
@media (min-width: 1400px) {

}
/* ||NEW CSS CLOSE FOR MESSAHA LAYOUT || */




/*  */
@media (max-width: 360px) {
    body.rtl #offcanvas-toggler.offcanvas-toggler-right {margin-right: 5px;}
    body.ltr #offcanvas-toggler.offcanvas-toggler-right {margin-left: 5px;}
    .btn_custom_login{padding: 0.25rem;}
    #sp-header .mod-languages .lang-block{padding: 8px 4px; font-size: 0.675rem;}
    #sp-header .mod-languages li a{padding: 8px 12px;}
}   
/*  */




/*Join Form Thnkyou Popup css*/
.thanks_card {text-align: center; color: #3a3a3a; background: rgb(255 255 255 / 100%); border: 1px solid #ced4da; padding: 3rem; border-radius: 28px; max-width: 750px; margin: 0rem auto; box-shadow: 0 2px 8px rgba(17, 17, 17, 0.05) !important;}
.thanks_card h2 {color: var(--black-111);}
.thanks_card .th_icons {
    width: 48px;
    height: 48px;
    margin: 0 auto 1rem auto;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%2333c759" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check-big-icon lucide-circle-check-big"><path d="M21.801 10A10 10 0 1 1 17 3.335"/><path d="m9 11 3 3L22 4"/></svg>');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}


.rsfp_thankyou_popup_outer h2.card_title, .rsfp_thankyou_popup_outer .thanks_desc {
    color: black;
}

@media (min-width: 992px) {

}

.tour-booking-screen {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background: rgb(255 255 255 / 100%); 
    border: 1px solid #ced4da; 
    padding: 3rem; 
    text-align: center; 
    max-width: 750px; 
    margin: 0 auto; 
    color: #3a3a3a;
    border-radius: 28px;
}
.tour-booking-screen .text-tour-full {
    color: #006045;
    background: #d0fae5;
    padding: 0.35rem 1.25rem;
    border-radius: 100px;
    display: inline-flex;
    margin-bottom: 1rem;
    font-family: 'LamaRounded-SemiBold', sans-serif;
}

.tour-booking-screen .title-tour {color: var(--black-111); margin-bottom: 1rem;}

.tour-booking-screen .text-tour-desc{}

.tour-booking-screen .bg-tour-icon {
    width: 48px;
    height: 48px;
    margin: 0 auto 1rem auto;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%2333c759" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check-big-icon lucide-circle-check-big"><path d="M21.801 10A10 10 0 1 1 17 3.335"/><path d="m9 11 3 3L22 4"/></svg>');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}



















/********** spaces-jcform css start ***************/
.spaces-jcform .jcforms-radio-group {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin: 0px 0 0px;
}

/* Hide default radio */
.spaces-jcform .jcforms-radio-group .form-check-input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

/* Remove bootstrap spacing */
.spaces-jcform .jcforms-radio-group .form-check {
    margin: 0;
    padding: 0;
}

/* Default Button */
.spaces-jcform .jcforms-radio-group .form-check-label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem 0.9rem;
    min-height: 34px;
    border: 1px solid rgba(0,0,0,0.16);
    border-radius: 999px;
    background: #fff;
    color: #3a3a3a;
    font-size: 0.82rem;
    font-weight: 600;
    line-height: 1.25;
    cursor: pointer;
    transition: all .3s ease;
    user-select: none;
}

/* Hover */
.spaces-jcform .jcforms-radio-group .form-check-label:hover {
    border-color: #67c86a;
    color: #3aa74c;
}

/* Selected */
.spaces-jcform .jcforms-radio-group .form-check-input:checked + .form-check-label {
    background: #161616;
    border-color: #161616;
    color: #fff;
    box-shadow: 0 8px 20px rgba(0,0,0,.12);
}

/* Focus */
.spaces-jcform .jcforms-radio-group .form-check-input:focus + .form-check-label {
    outline: none;
    box-shadow: 0 0 0 4px rgba(103,200,106,.18);
}
.spaces-jcform .jcforms-field .form-label{font-size: 0.75rem; line-height: normal;}
.spaces-jcform .jcforms-field .form-control {
    width: 100%;
    background: #f5f5f5;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 11px;
    padding: 0.75rem 0.95rem;
    /*color: #111111;*/
    font-size: 0.92rem;
    height: 42px;
}
.spaces-jcform .jcforms-field .form-select{
    width: 100%;
    background-color: #f5f5f5;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 11px;
    padding: 0.75rem 0.95rem;
    /*color: #111111;*/
    font-size: 0.92rem;
    height: 42px;
}
.spaces-jcform .jcforms-field textarea.form-control {height: auto; min-height: 84px;}
/* Mobile */
@media (min-width: 992px) and (max-width: 1280px) {
    .left_part{gap: 0.5rem;}
    .left_part .left_part_title{font-size: 26px;}
    .left_social_list{gap: 0.5rem;}
    .jcforms-split-form{padding: 1.5rem;}
    .spaces-jcform .jcforms-page{gap: 1rem;}
    .spaces-jcform .jcforms-radio-group .form-check-label{padding: 0.35rem 0.9rem; min-height: 30px; font-size: 0.75rem;}
    .spaces-jcform .jcforms-field .form-control{height: 36px; padding: 0.5rem 0.95rem;}
    .spaces-jcform .jcforms-field .form-select{height: 36px; padding: 0.5rem 0.95rem;}
    .spaces-jcform .jcforms-field textarea.form-control{min-height: 64px; padding: 0.5rem 0.95rem;}

}

@media (max-width:767px){
    .spaces-jcform .jcforms-radio-group{gap:10px; margin-bottom: 20px}
    .spaces-jcform .jcforms-radio-group .form-check-label{padding:10px 18px; font-size:14px;}
    .jcforms-split-form .spaces-jcform .jcforms-field {margin-bottom: 20px;}
}



@media (min-width: 576px) {
    .spaces-jcform .jcforms-page{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 0rem 1rem;
    }
    .spaces-jcform .jcforms-field-radio,
    .spaces-jcform .jcforms-field-email,
    .spaces-jcform .jcforms-field-textarea,
    .spaces-jcform .jcforms-field-submit,
    .spaces-jcform .jcforms-description {
        grid-column: span 2;
    }
}
.spaces-jcform .studio-session-title {
    font-size: 24px;
    margin: 0;
}
.spaces-jcform .jcforms-field-submit button[type="submit"] {
    background-color: #63cc77 !important;
    border: none !important;
    color: white !important;
    padding: 14px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 30px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: background 0.2s;
}
.spaces-jcform .jcforms-field-submit button[type="submit"]:hover {
    background-color: #52b866 !important;
}

.spaces-jcform .jcforms-field .invalid-feedback{
    margin-top:16px;
}









#jcformsThankYouModal .modal-header{border: 0; padding: 0;}
#jcformsThankYouModal .modal-header h2.modal-title.h5 {display: none;}
#jcformsThankYouModal .modal-footer {display: none;}
/* spaces-jcform css end*/