@charset "UTF-8";
/* -------------------------------------
      🍔 Components - Variables
  ------------------------------------- */
/* -------------------------------------
        Reset Styles
    ------------------------------------- */
*,
*::before,
*::after {
	box-sizing: border-box;
}


@media (min-width: 1400px) {
	.c-footer .container,
	.c-footer .container-lg,
	.c-footer .container-md,
	.c-footer .container-sm,
	.c-footer .container-xl,
	.c-footer .container-xxl {
		max-width: 1440px;
	}
}
/* -------------------------------------
        🍔 Components - Header
    ------------------------------------- */
.c-footer .c-header {
	position: fixed;
	z-index: 2;
	top: 0;
	left: 0;
	width: 100%;
}
.c-footer .c-header .header-primary {
	background: linear-gradient(
		to bottom,
		rgba(0, 0, 0, 0.45) 20%,
		rgba(0, 0, 0, 0.37) 32%,
		rgba(0, 0, 0, 0) 91%
	);
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
	padding: 10px 0;
}
.c-footer .c-header .header-secondary .dropdown-menu .link {
	font: 600 0.75rem/1rem "Raleway", sans-serif !important;
	padding-left: 10px !important;
}
.c-footer .c-header .header-secondary .dropdown-menu.show {
	left: auto;
	right: 0;
}
.c-footer .c-header .header-secondary .navbar-expand-md {
	flex-wrap: nowrap;
	justify-content: flex-start;
}
.c-footer .c-header .header-secondary .menuBar {
	display: flex;
	align-items: center;
	flex-direction: row;
	gap: 42px;
	padding-left: 24px;
	margin-bottom: 0;
	list-style-type: none;
}
.c-footer .c-header .header-secondary .menuBar .dropdown.subMenus {
	position: relative;
	top: 4px;
}
.c-footer .c-header
	.header-secondary
	.menuBar
	.dropdown.subMenus
	.subMenu-wrapper
	> .dropdown-menu {
	padding: 0;
}
.c-footer .c-header
	.header-secondary
	.menuBar
	.dropdown.subMenus:hover
	.subMenu-wrapper
	> .dropdown-menu {
	display: block;
}
.c-footer .c-header .header-secondary .menuBar .dropdown.subMenus .has-submenu {
	position: relative;
}
.c-footer .c-header
	.header-secondary
	.menuBar
	.dropdown.subMenus
	.has-submenu:hover
	> .submenu {
	display: block;
}
.c-footer .c-header .c-footer .header-secondary .c-footer .menuBar .c-footer .dropdown.subMenus .has-submenu > a {
	padding-right: 20px;
	position: relative;
}
.c-footer .c-header
	.header-secondary
	.menuBar
	.dropdown.subMenus
	.has-submenu
	> a::after {
	position: absolute;
	width: 0;
	height: 0;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-left: 4px solid #d67f76;
	content: "";
	top: 12px;
	right: 8px;
}
.c-header .header-secondary .menuBar .menuBar-item .link {
	background-color: transparent;
	border: 0;
	border-bottom: 2px solid transparent;
	color: #fff;
	/* font: 600 0.86rem/1rem "Raleway", sans-serif; */
	font-size: 14px;
	padding: 0 0 4px;
	text-decoration: none;
	letter-spacing: 0.8px;
	transition: all ease 0.3s;
}

.c-header .header-secondary .menuBar .menuBar-item .link:hover,
.c-header .header-secondary .menuBar .menuBar-item .link.active {
	border-bottom-color: #d67f76;
}
.c-header .sectionList {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.c-header .sectionList > li {
	align-items: center;
	color: #fff;
	display: inline-flex;
	flex-direction: row;
	gap: 6px;
	list-style-type: none;
	position: relative;
	margin-right: 25px;
}
.c-header .sectionList > li .fab {
	font-size: 0.9rem;
	line-height: normal;
}
.c-footer .c-header .sectionList > li::before {
	background-color: rgba(219, 219, 219, 0.4705882353);
	content: "";
	height: 12px;
	position: absolute;
	right: -15px;
	top: 8px;
	width: 1px;
}
.c-footer .c-header .sectionList > li .link {
	background-color: transparent;
	color: #fff;
	font-size: 0.84rem;
	padding: 6px 0;
	line-height: normal;
	text-decoration: none;
}
.c-footer .c-header .sectionList > li:last-child {
	margin-right: 0;
}
.c-header .sectionList > li:last-child::before {
	display: none;
}
.c-footer .c-header .sectionList > li .c-advanceSelect .select2-selection {
	border: none;
	color: #fff;
	font-size: 0.84rem;
	padding: 0 4px !important;
	position: relative;
}
.c-footer .c-header
	.sectionList
	> li
	.c-advanceSelect
	.select2-selection
	.select2-selection__rendered {
	color: #fff;
	line-height: normal !important;
	font-size: 0.84rem;
}
.c-footer .c-header
	.sectionList
	> li
	.c-advanceSelect
	.select2-selection
	.select2-selection__arrow
	b {
	border-color: #fff transparent transparent transparent;
}

/* -------------------------------------
        🍔 Components - Footer 
    ------------------------------------- */
.c-footer {
	background: #fff url("../images/footer-pattern.png") bottom repeat-x;
}
.c-footer .footer-top {
	padding: 60px 0;
}
.c-footer .footer-top .sectionBlock {
	display: flex;
	flex-direction: column;
	gap: 24px;
}
.c-footer .footer-top .sectionBlock .heading .title {
	display: inline-block;
	border-bottom: 2px solid #d67f76;
	padding-bottom: 4px;
}
.c-footer .footer-top .sectionBlock .body {
	flex-grow: 1;
}
.c-footer .footer-top .sectionBlock .body a {
	transition: color ease 0.3s;
}
.c-footer .footer-top .sectionBlock .body a:hover {
	color: #d67f76 !important;
}
.c-footer .footer-bottom {
	padding: 14px 0;
}

/* -------------------------------------
        🍔 Components - Utilities 
    ------------------------------------- */
.c-footer .fs-7 {
	font-size: 0.85rem;
}

.c-footer .fs-8 {
	font-size: 0.75rem;
}

.c-footer .color-primary {
	color: #d67f76;
}

.c-footer .color-secondary {
	color: #1f4ca7 !important;
}

.c-footer .font-family-primary {
	font-family: "Inter", sans-serif;
}

.c-footer .font-family-secondary {
	font-family: "Raleway", sans-serif !important;
}

.c-footer .mt-md-5 {
	margin-top: 2.4rem;
}

.c-footer .mh-100 {
	min-height: 100px;
}

.c-footer .subMenu-wrapper {
	position: relative;
	z-index: 10;
}

.c-footer .height-38 {
	height: 38px;
	display: -webkit-box !important;
	-webkit-line-clamp: 2; /* Show only 2 lines */
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}



/* scrolling bar css  */

#scrollToTopBtn {
	position: fixed;
	bottom: 120px;
	right: 40px;
	z-index: 99;
	background-color: #555;
	color: white;
	border: none;
	padding: 10px 15px;
	border-radius: 50%;
	cursor: pointer;
	font-size: 18px;
	display: none;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

#scrollToTopBtn:hover {
	background-color: #333;
}
.sticky {
	background-color: #fff;
}
.c-header.sticky .header-primary {
	background-color: #d67f76;
}
.c-header.sticky .header-secondary .menuBar .menuBar-item .link {
	background-color: transparent;
	color: #000;
}


.c-customeBtn .icon {
	position: absolute;
	top: 0;
	left: 0;
	color: #fff;
	font-size: 14px;
	line-height: 14px;
	background-color: #597ea0;
	height: 25px;
	width: 25px;
	padding: 6px 5px;
}

.c-footer .fw-medium {
    font-weight: 500 !important;
}
.c-footer .fs-6 {
    font-size: 1rem !important;
}
.c-footer .mb-0 {
    margin-bottom: 0 !important;
}
.c-footer .d-block {
    display: block !important;
}
.c-footer .mb-3 {
    margin-bottom: 1rem !important;
}
.c-footer .fs-5 {
    font-size: 1.25rem !important;
}

.c-footer .text-secondary {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
	margin-bottom: 0.3rem !important;
}
.c-footer .fs-6 {
    font-size: 1rem !important;
}
.c-footer .mb-2 {
    margin-bottom: 0.8rem !important;
}

/* Fix for mobile currency and language dropdowns in header.php mobile sidebar */
@media (max-width: 991px) {
    /* Ensure offcanvas has proper z-index */
    .mobileSidebarMenu.offcanvas,
    #mobileSidebar.offcanvas {
        z-index: 1055 !important;
    }
    
    /* Ensure select2 dropdowns are above other elements in mobile sidebar */
    .mobileSidebarMenu .select2-container,
    #mobileSidebar .select2-container {
        z-index: 9999 !important;
        position: relative !important;
    }
    
    .mobileSidebarMenu .select2-dropdown,
    #mobileSidebar .select2-dropdown {
        z-index: 10000 !important;
        position: absolute !important;
    }
    
    /* Ensure select2 selection is clickable */
    .mobileSidebarMenu .select2-selection,
    #mobileSidebar .select2-selection,
    .mobileSidebarMenu .select2-selection__rendered,
    #mobileSidebar .select2-selection__rendered {
        pointer-events: auto !important;
        cursor: pointer !important;
        -webkit-tap-highlight-color: rgba(0,0,0,0.1) !important;
    }
    
    /* Fix for select2 container in mobile view */
    .mobileSidebarMenu .c-advanceSelect,
    #mobileSidebar .c-advanceSelect {
        pointer-events: auto !important;
        position: relative;
        z-index: 9999;
    }
    
    /* Ensure the dropdown opens properly */
    .mobileSidebarMenu .select2-container--open .select2-dropdown,
    #mobileSidebar .select2-container--open .select2-dropdown {
        z-index: 10001 !important;
    }
    
    /* Fix overflow issues that might hide dropdown */
    .mobileSidebarMenu .offcanvas-body,
    #mobileSidebar .offcanvas-body {
        overflow: visible !important;
    }
    
    .mobileSidebarMenu,
    #mobileSidebar {
        overflow: visible !important;
    }
    
    /* Ensure language select is clickable */
    .mobileSidebarMenu #lang-select2,
    #mobileSidebar #lang-select2,
    .mobileSidebarMenu .js-advanceSelect,
    #mobileSidebar .js-advanceSelect,
    .mobileSidebarMenu #currency_mobile,
    #mobileSidebar #currency_mobile {
        pointer-events: auto !important;
        cursor: pointer !important;
        -webkit-tap-highlight-color: rgba(0,0,0,0.1) !important;
    }
    
    /* Fix for select2 results dropdown positioning */
    .mobileSidebarMenu .select2-results,
    #mobileSidebar .select2-results,
    .mobileSidebarMenu .select2-results__option,
    #mobileSidebar .select2-results__option {
        pointer-events: auto !important;
        cursor: pointer !important;
    }
    
    /* Ensure select2 search field is clickable */
    .mobileSidebarMenu .select2-search__field,
    #mobileSidebar .select2-search__field {
        pointer-events: auto !important;
        cursor: text !important;
    }
    
    /* Make sure select2 arrow is clickable */
    .mobileSidebarMenu .select2-selection__arrow,
    #mobileSidebar .select2-selection__arrow {
        pointer-events: auto !important;
        cursor: pointer !important;
    }
}

/* Fix for activity offer percentage display on mobile - using existing media query */
@media (max-width: 768px) {
    .c-discount .discount-text {
        left: -12px !important;
        width: 120px !important;
        height: 30px !important;
        font-size: 0 !important;
        letter-spacing: 0 !important;
        white-space: nowrap !important;
        line-height: 25px !important;
        word-spacing: 0 !important;
        text-align: center !important;
    }
    
    .c-discount .discount-text > span {
        font-size: 7.5px !important;
        margin: 0 !important;
        padding: 0 !important;
        display: inline !important;
        white-space: nowrap !important;
        vertical-align: baseline !important;
        line-height: 25px !important;
    }
    
    .c-discount .discount-text .currency-icon {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        font-size: 0 !important;
    }
    
    .c-discount .discount-text .offer-currency-price {
        font-weight: bold !important;
        margin: 0 !important;
        padding: 0 !important;
        display: inline !important;
    }
    
    .c-discount .discount-text #discount_text,
    .c-discount .discount-text [id^="discount_text"] {
        margin: 0 !important;
        padding: 0 !important;
        display: inline !important;
    }
    
    .c-discount .discount-text .c-hide {
        display: none !important;
    }
    
    /* Remove whitespace between spans more aggressively */
    .c-discount .discount-text .offer-currency-price::after {
        content: '' !important;
    }
}