/*
Theme Name: Betheme Child
Theme URI: https://themes.muffingroup.com/betheme
Author: Muffin group
Author URI: https://muffingroup.com
Description: Child Theme for Betheme
Template: betheme
Version: 2.0.2
*/

.weglot-lang a.mfn-menu-link{
	padding: 0px !important;
}

input[type="submit"] {
    background-color: #7479FC;
    border-color: #7479FC;   
}

input[type="submit"]:hover {
    background-color: #7479fccc;
    border-color: #7479FC;
}

#spu-1963{
	border-radius:20px !important;
	padding:20px !important;
}

#booking-package_schedulePage .courseListPanel{
  left:22% !important;
  padding-left: 20px;
  padding-right: 20px;
}

#booking-package .selectable_time_slot:hover, 
#booking-package_schedulePage .selectable_day_slot:hover,
#booking-package_schedulePage .selected_day_slot{
  border-radius: 7px;
}

#booking-package_inputFormPanel .row{
	border: none;
	padding: 0 0 10px 0 !important;
	border-style: none !important;
}

#booking-package_inputFormPanel #reservationHeader.title_in_form, 
#booking-package_schedulePages #selectedDate.selectedDate,
#topPanel.topPanel {
    position: relative !important;
    top: auto !important;
}


#booking-package_calendarPage .available_day{
    cursor: pointer;
    background: #4b91df;
    color:#fff;
    border-radius: 50px;
    
}

#popmake-805 #booking-package_calendarPage .holidayPanel {
    background-color: #fff !important;
}


.spu-close-top_right {
    right: 15px;
    top: 15px;
}

#booking-package_calendarPage .dateField {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%; /* Ensures it takes the full height of the parent */
    width: 100%; /* Ensures it takes the full width of the parent */
    text-align: center;
    padding: 5px 0;
}

#booking-package_calendarPage .closingDay, #booking-package_calendarPage .pastDay {
    background-color: #fff !important;
	  color: #a3a3a3 !important;
}

#booking-package_calendarPage .day_slot, #booking-package_calendarPage .week_slot{
  border: none !important;
}

#booking-package_calendarPage .day_slot{
  height: 45px !important;
  margin: 10px;
}

#booking-package_schedulePage .box_shadow{
	box-shadow: none!important;
	
}
#booking-package_schedulePage .box_shadow::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 4px; /* thickness of the line */
  height: 100%;
  background: linear-gradient(to bottom, #0280e3, #d14972); /* your gradient */
  border-top-left-radius: 7px;
  border-bottom-left-radius: 7px;
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
}

#booking-package_schedulePage .selectable_time_slot{
  width: max-content !important;
}

#bottomPanel, #topPanel{
  border-style: none !important;
}

#booking-package_schedulePage .daysListPanel{
  width:18% !important;
}

#booking-package_calendarPage .arrowFont{
	color: #017fe5;
}

#booking-package_calendarPage .available_day:hover {
    background-color: #017fe5 !important;
	color: #fff !important;
}

#booking-package_schedulePage .closed{
	color:#827c7e !important;
}

/*
#returnToCalendarButton{
	border:none; 
	padding: none;
	font-weight:700;
	padding-left:0 !important;

}*/

/*
#returnToCalendarButton::before,
#booking-package-id-3 #booking-package .return_form_button:before {
    content: 'chevron_left'; 
    font-family: 'Material Icons';
    margin-right: 5px; 
	color: #037cea;
	font-size:20px;
}*/

#returnToCalendarButton:hover{
	background-color: #fff !important;
    color: #037cea;
}


/* Ensure they are on the same row */
#paymentPanel, #nextAndReturnPanel {
    display: inline-flex;
    vertical-align: middle;
    margin-left: -22%;
}

/* Swap positions */
#paymentPanel {
  float: right;    
  text-align: right;
	width: 62%;
	margin-top:0 !important;
  margin-right: 37%;

}

#nextAndReturnPanel {
    float: left;    
    text-align: left;
}


#booking-package-id-3 #booking-package .return_form_button, #returnToCalendarButton{
	  color: #0280e3;
    background-color: unset;
    border: 2px solid #0280e3;
    font-family: "Inter";
	  font-size:14px;
    padding: 14px 40px;
    font-weight: normal;	
	  align-items: center;
    border-radius: 10px;
    margin-left: -40% !important;
}

#booking-package-id-3 #booking-package .return_form_button:hover, #returnToCalendarButton:hover{
   color: #D24872;
   border-color: #D24872;

}


#booking-package-id-3 #booking-package .book_now_button{
	background-color: #017fe5;
	padding:16px 40px;
	border-radius:10px;
	transition: all .3s;
	font-family: "Inter";
	font-size:14px;
    font-weight: normal;	
	border: none;
	text-transform: uppercase;

}

#booking-package-id-3 #booking-package .book_now_button:hover{
	background-color: #D24872;
	border: none;
}


#booking-package_inputFormPanel .form_text, 
#booking-package-loginform .form_text, 
#booking-package-user-form .form_text, 
#booking-package-user-edit-form .form_text{
	padding:10px !important;
	color:#0c0a1c !important;
}

#booking-package_inputFormPanel .title_in_form{
	border: none !important;
}

.bookingDate, .bookingTime{
	color:#017fe5;
	font-weight:700;
}


#booking-package_schedulePage .selected_day_slot, 
#booking-package_schedulePage .selectable_day_slot:hover,
#booking-package .selectable_time_slot:hover {
    background-color: #017fe5;
	color:#fff !important;
}

#scheduleMainPanel{
	max-height: 327px !important;
	overflow-y:scroll !important;
}

.wpcf7 form>div, .wpcf7 form>p {
    margin-bottom: 0px;
}

.elementor-widget-video .e-hosted-video .elementor-video{
	object-fit: none !important;
    background-color: transparent;
}

#mfn-popup-template-1161 .mfn-popup-tmpl-content{
	border:1px solid #31305F;
}

.post-template-default{
	padding-top: 150px;
} 

.post-template-default .post-header{
	text-align: center;
}

.post-template-default .fixed-nav{
	display: none;
}

.post-meta .author-date{
	float:none;
}

.elementor-element .gallery_border img{	
    border-style: solid !important;
    border-width: 1px 1px 1px 1px !important;
    border-color: #707070 !important;    
}

.elementor-element .gallery_shadow img{     
  box-shadow: 0 4px 10px rgb(0 0 0 / 20%), 0 0 10px rgba(255, 255, 255, 0.8) inset !important; 
  background: #fff; /* Background for better contrast */ 
}

.image_frame .image_wrapper, .gallery .gallery-item .gallery-icon, 
.gallery .gallery-item, .image_wrapper a, .image_frame{
    
    overflow: visible !important;
}

.am-lite-footer, .am-fs__congrats-info-app-employee, 
.am-fs__congrats-main img, .am-fs-sb-cs-cals-card[href*="calendar.yahoo.com"] {
	display:none !important;
}

.amelia-v2-booking #amelia-container.am-fs__wrapper{
	
	margin: 0 auto !important;
    box-shadow: none !important;
	max-width: 550px  !important;
}

.amelia-v2-booking #amelia-container .am-fs__main .am-progress-bar{
	display: none !important;
}







.scrollable-image {
  height: 600px; /* Adjust height as needed */
  overflow-y: auto;
  border-radius: 20px; /* Soft rounded corners */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Subtle shadow */
  padding: 10px;
  background: #fff; /* Ensuring a clean background */
  
  /* Custom Scrollbar - WebKit Browsers */
  scrollbar-width: thin; /* Slim scrollbar for Firefox */
  scrollbar-color: #888 #f1f1f1; /* Scrollbar color for Firefox */
}

.scrollable-image::-webkit-scrollbar {
  width: 8px; /* Slim scrollbar */
}

.scrollable-image::-webkit-scrollbar-track {
  background: #f1f1f1; /* Track color */
  border-radius: 10px;
}

.scrollable-image::-webkit-scrollbar-thumb {
  background: #888; /* Scrollbar color */
  border-radius: 10px;
  transition: background 0.3s ease-in-out;
}

.scrollable-image::-webkit-scrollbar-thumb:hover {
  background: #555; /* Darker on hover */
}



.hr_color{
	display: none !important;
}

blockquote{
	margin-bottom:0px !important;
}

/* Parallax Effect with Smooth Scrolling */
.parallax-scroll {
  position: relative;
 
  overflow: hidden;
  border-radius: 12px; /* Smooth edges */
 
  background-attachment: fixed; /* Parallax effect */
  background-size: cover;
  background-position: 120px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  
}

/*  Scrollable Image Inside Block */
.parallax-scroll img {
  width: 100%;
  max-height: 300px; /* Adjust as needed */
  display: block;
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  overflow-y: auto;
}

/*  Stylish Scrollbar */
.parallax-scroll::-webkit-scrollbar {
  width: 8px;
}

.parallax-scroll::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 10px;
}

.parallax-scroll::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 10px;
}

.parallax-scroll::-webkit-scrollbar-thumb:hover {
  background: #555;
}



@keyframes parallaxMove {
  from { background-position: 120px 0px; }
  to { background-position: 120px 100px; }
}

.parallax-scroll {
  animation: parallaxMove 10s infinite alternate ease-in-out;
}



/* Stylish scrollbar for WebKit browsers (Chrome, Edge, Safari) */
.scrollable-image::-webkit-scrollbar {
  width: 8px; /* Slim width */
}

.scrollable-image::-webkit-scrollbar-track {
  background: #f1f1f1; /* Light background */
  border-radius: 10px;
}

.scrollable-image::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 10px;
}

.scrollable-image::-webkit-scrollbar-thumb:hover {
  background: #555; /* Darker on hover */
}



.swiper-slide-inner{   
    border-radius: .625rem;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;    
    padding: 0;
    display: flex

}
/*
.swiper-slide-inner img{
    max-width: 7.5rem;
    max-height: 4rem;
}*/

.elementor-element-20a083a .swiper-slide img, 
.elementor-element-1459c4f .swiper-slide img, 
.elementor-element-fef7410 .swiper-slide img,  
.elementor-element-4e8b76e.swiper-slide img{
  /*width: 150px !important; */
  /*height: auto;*/
  object-fit: contain;
}

.elementor-element-fef7410 .swiper-wrapper,
.elementor-element-1459c4f .swiper-wrapper {
  display: flex;
  width: max-content;
  animation: tickerScroll 250s linear infinite;
  overflow: hidden;
}


.elementor-element-20a083a .swiper-wrapper,
.elementor-element-4e8b76e .swiper-wrapper{
  display: flex;
  width: max-content;
  animation: tickerScroll2 250s linear infinite;
  overflow: hidden;
}

@keyframes tickerScroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-60%); /* Scroll completely through the width of the content */
  }
}

@keyframes tickerScroll2 {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(60%); /* Scroll completely through the width of the content */
  }
}

.elementor-element-20a083a .swiper-slide,
.elementor-element-1459c4f .swiper-slide, 
.elementor-element-fef7410 .swiper-slide,
.elementor-element-4e8b76e .swiper-slide {  
  flex-shrink: 0;
  
}