@import url(https://fonts.googleapis.com/css2?family=Gloock&family=Montserrat:wght@100;300;400;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Gloock&family=Montserrat:wght@100;300;400;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Gloock&family=Montserrat:wght@100;300;400;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Gloock&family=Montserrat:wght@100;300;400;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;500;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Gloock&family=Montserrat:wght@100;300;400;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Gloock&family=Montserrat:wght@100;300;400;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Gloock&family=Montserrat:wght@100;300;400;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;500;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Domine:wght@400;500;600;700&display=swap);

a {
    transition: all 0.3s ease-out 0s;
    color: var(--primary-text-color);
    text-decoration: none;
}

a:hover {
    color: var(--primary-hover-color);
}

h3,
h6 {
    font-family: var(--secondary-font);
    font-weight: 400;
    margin: 0;
}

h3 {
    font-size: 28px;
}

h6 {
    font-size: 16px;
}

/*======= Topbar CSS =======*/
.lr-topbar .lr-topbar-controls.style-2>ul {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.lr-topbar .lr-topbar-controls.style-2>ul>li {
    margin-left: 20px;
    padding-left: 20px;
    position: relative;
}

.lr-topbar .lr-topbar-controls.style-2>ul>li:after {
    content: '';
    height: 70%;
    width: 2px;
    background: var(--primary-color);
    position: absolute;
    top: 4px;
    left: 0;
}

.lr-topbar .lr-topbar-controls.style-2>ul>li:first-child {
    padding-left: 0;
    margin-left: 0;
}

.lr-topbar .lr-topbar-controls.style-2>ul>li:first-child:after {
    display: none;
}

.lr-topbar .lr-topbar-controls.style-2>ul>li>a {
    color: var(--primary-text-color);
    font-weight: 600;
}

@media (max-width: 576px) {
    .sigma-header .lr-topbar-controls.style-2>li {
        margin-left: 10px;
    }

    .lr-topbar-controls {
        display: none;
    }
}

/*======= Header CSS =======*/
header.header-absolute {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 99;
    background-color: var(--primary-color);
    top: 0;
}

header.inner-page.header-absolute {
    background-color: var(--primary-color);
    top: 0;
}

header.sticky-header.sticky-active {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background-color: var(--primary-color);
    z-index: 999;
    animation: sticky 1.2s;
}

header.sticky-header.sticky-active .lr-topbar {
    display: none;
}

header .nav-container {
    position: relative;
    background-color: var(--primary-color) !important;
    line-height: 70px !important;
    margin-top: 30px !important;
}

header .nav-container .toggle {
    margin-right: 50px;
}

header .nav-container .toggle a {
    color: var(--white-color);
    font-size: 24px;
    padding: 10px;
}

header.plus-three span.dd-trigger {
    display: none;
}

header .nav-container .site-logo img {
    max-width: 250px;
}

header .nav-container .site-logo .sticky-logo {
    display: none;
}

header.sticky-header.sticky-active .nav-container .site-logo .main-logo {
    display: none;
}

header.sticky-header.sticky-active .nav-container .site-logo .sticky-logo {
    display: block;
}

.site-logo.site-logo-text a {
    display: flex;
    align-items: center;
    font-size: 16px;
}

.site-logo.site-logo-text h3 {
    font-size: 14px !important;
}

.site-logo.site-logo-text h6 {
    font-size: 12px !important;
}

.site-logo.site-logo-text a svg {
    width: 35px;
    height: 35px;
}

.site-logo.site-logo-text.primray a svg path {
    fill: #fcd462;
}

.site-logo.site-logo-text .site-logo-text {
    margin-left: 20px;
}

.site-logo.site-logo-text .site-logo-text h3,
.site-logo.site-logo-text .site-logo-text h6 {
    color: var(--primary-text-color);
}

.site-logo.site-logo-text .site-logo-text h6 {
    text-transform: lowercase;
    font-family: var(--secondary-font);
    letter-spacing: 2px;
}

header.plus-three .nav-container {
    justify-content: center;
}

header .nav-container .header-info .item {
    padding-left: 50px;
    position: relative;
}

header .nav-container .header-info .item i {
    position: absolute;
    left: 0;
    top: 6px;
    height: 30px;
    width: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 4px;
    background: var(--primary-color);
    color: var(--primary-text-color);
    font-size: 14px;
}

header.sticky-active .nav-container .header-info .item i {
    background: var(--primary-color);
    color: var(--primary-text-color);
}

header .nav-container .header-info .item span {
    font-weight: 600;
    font-size: 14px;
    padding-bottom: 4px;
}

header .nav-container .header-info .item a {
    display: block;
}

header .nav-container .header-info .item .title {
    font-size: 24px;
    font-weight: 400;
}

header .nav-container .header-info .item:not(:last-child) {
    margin-right: 45px;
}

header .nav-container .menu-items ul li {
    display: inline-block;
    position: relative;
}

header .nav-container .menu-items ul li a {
    font-size: 16px;
    font-weight: 600;
    color: var(--primary-text-color);
    text-transform: capitalize;
    line-height: var(--header-height);
    padding: 0 20px;
}

header .nav-container .menu-items ul li .submenu {
    position: absolute;
    left: 0;
    top: 110%;
    width: 200px;
    background-color: var(--primary-color);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-out 0s;
    z-index: 99;
    height: auto;
}

header .nav-container .menu-items ul li .submenu li {
    display: block;
}

header .nav-container .menu-items ul li .submenu li a {
    display: block;
    padding: 8px 24px;
    position: relative;
    transition: all 0.3s ease-out 0s;
    border-radius: 0;
    margin: 0;
    line-height: 30px !important;
    border-bottom: 1px solid rgba(117, 117, 117, 0.7);
    color: var(--primary-text-color);
}

header .nav-container .menu-items ul li .submenu li:last-child a {
    border-bottom: none;
}

header .nav-container .menu-items ul li .submenu li a.active {
    background-color: var(--grey-color);
    color: var(--primary-hover-color) !important;
}

header .nav-container .menu-items ul li .submenu li a:hover {
    background-color: #fcd462;
    color: var(--white-color) !important;
    border-color: #fcd462;
}

header .nav-container .menu-items ul li .submenu li .submenu {
    left: 100%;
    top: 50%;
}

header .nav-container .menu-items ul li .submenu li:hover .submenu {
    top: 0;
}

header .nav-container .menu-items ul li:hover>.submenu {
    opacity: 1;
    visibility: visible;
    top: 100%;
}

header .nav-container .menu-items ul li .dd-trigger {
    display: none;
}

header .nav-container .nav-pushed-item {
    display: none;
}

header .nav-container .navbar-toggler {
    border: none;
    background-color: transparent;
    cursor: pointer;
    display: none;
}

header .nav-container .navbar-toggler span {
    position: relative;
    background-color: var(--primary-color);
    border-radius: 3px;
    display: block;
    height: 3px;
    margin-top: 5px;
    padding: 0;
    transition-duration: 300ms;
    width: 30px;
    cursor: pointer;
}

header .nav-container .navbar-toggler.active span:nth-of-type(1) {
    transform: rotate3d(0, 0, 1, 45deg);
    top: 8px;
}

header .nav-container .navbar-toggler.active span:nth-of-type(2) {
    opacity: 0;
}

header .nav-container .navbar-toggler.active span:nth-of-type(3) {
    transform: rotate3d(0, 0, 1, -45deg);
    top: -8px;
}

header .nav-container .navbar-close {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 12;
    display: none;
}

header .nav-container .navbar-close .cross-wrap {
    width: 26px;
    height: 26px;
    cursor: pointer;
    position: relative;
}

header .nav-container .navbar-close .cross-wrap span {
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    border-radius: 6px;
    background-color: var(--black-color);
}

header .nav-container .navbar-close .cross-wrap span.top {
    top: 12px;
    left: 0;
    transform: rotate(45deg);
}

header .nav-container .navbar-close .cross-wrap span.bottom {
    bottom: 12px;
    left: 0;
    transform: rotate(-45deg);
}

header .nav-container.breakpoint-on .nav-menu {
    background-color: var(--primary-color);
    position: fixed;
    top: 0;
    left: -300px;
    z-index: 9999;
    width: 300px;
    height: 100%;
    transition-duration: 500ms;
    box-shadow: 0 5px 20px var(--shadow-color);
    display: block;
    overflow-x: hidden;
    overflow-y: scroll;
    padding-top: 70px;
}

header .nav-container.breakpoint-on .nav-menu .menu-items ul li {
    display: block;
}

header .nav-container.breakpoint-on .nav-menu .menu-items ul li a {
    display: block;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    color: var(--primary-text-color) !important;
    line-height: 45px !important;
}

header .nav-container.breakpoint-on .nav-menu .menu-items ul li .submenu {
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    box-shadow: none;
    background-color: transparent;
    visibility: visible;
    opacity: 1;
    display: none;
    transition: none;
}

header .nav-container.breakpoint-on .nav-menu .menu-items ul li .submenu li a {
    color: var(--white-color);
    padding: 0 20px 0 40px;
    line-height: 45px !important;
}

header .nav-container.breakpoint-on .nav-menu .menu-items ul li .submenu li a:hover {
    border-color: rgba(255, 255, 255, 0.5);
}

header .nav-container.breakpoint-on .nav-menu .menu-items ul li .dd-trigger {
    display: block;
    position: absolute;
    right: 0;
    height: 45px;
    width: 45px;
    top: 0;
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    z-index: 2;
    background: transparent;
    text-align: center;
    line-height: 45px;
    cursor: pointer;
    color: var(--white-color);
    font-size: 20px;
}

header .nav-container.breakpoint-on .nav-menu.menu-on {
    left: 0;
}

header .nav-container.breakpoint-on .nav-pushed-item,
header .nav-container.breakpoint-on .navbar-close,
header .nav-container.breakpoint-on .navbar-toggler {
    display: block;
}

/*======= Header Two =======*/
header.header-two .site-logo {
    margin: 0 20px;
}

header.header-two .nav-container .toggle a,
header.header-two .nav-container .menu-items ul li a {
    color: var(--white-color);
}

header.header-two .nav-container .navbar-toggler span {
    background-color: var(--black-color);
}

header.header-two .header-info .item i {
    background: #fcd462;
}

header.header-two .header-info .item a,
header.header-two .header-info .item,
header.header-two .header-info .item .title {
    color: var(--white-color);
}

header.sticky-header.sticky-active.header-two .nav-container .toggle a,
header.sticky-header.sticky-active.header-two .nav-container .menu-items ul li a,
header.sticky-header.sticky-active.header-two .header-info .item a,
header.sticky-header.sticky-active.header-two .header-info .item,
header.sticky-header.sticky-active.header-two .header-info .item .title {
    color: var(--white-color);
}

header.sticky-header.sticky-active.header-two .nav-container .navbar-toggler span {
    background-color: var(--primary-color);
}

/*======= Header Three =======*/
header.header-three {
    background-color: transparent;
    position: relative;
}

header.header-three.header-absolute {
    position: absolute;
    top: 0;
}








header.header-three .nav-container {
    background-color: var(--primary-color);
    padding: 0 20px;
}

header.header-three .nav-container .menu-items ul li a {
    line-height: 120px;
}

header.header-three .nav-container .menu-items ul li .submenu li a {
    line-height: 30px;
}

header.header-three .nav-container .menu-right-buttons {
    display: flex;
}

header.header-three .nav-container .menu-right-buttons .toggle {
    margin-right: 0;
}

header.header-three .nav-container .menu-right-buttons .toggle.dropdown-btn {
    position: static;
}

header.header-three .nav-container .menu-right-buttons>div {
    margin-left: 25px;
}

header.header-three .nav-container .menu-right-buttons a {
    width: 25px;
    height: 25px;
    border: none;
    text-align: center !important;
    line-height: 25px !important;
    padding: 0;
    color: var(--primary-text-color);
}

header.header-three .nav-container .menu-right-buttons a:hover {
    color: var(--primary-hover-color);
}

header.header-three .search {
    position: relative;
}

header.header-three .search .search-icon {
    position: relative;
    display: block;
}

header.header-three .search .search-icon .close-icon,
header.header-three .search .search-icon .open-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    transform: translate(-50%, -50%);
}

header.header-three .search .search-icon .close-icon {
    visibility: hidden;
    opacity: 0;
}

header.header-three .search .search-icon.active .close-icon {
    visibility: visible;
    opacity: 1;
}

header.header-three .search .search-icon.active .open-icon {
    visibility: hidden;
    opacity: 0;
}

header.header-three .search .search-form {
    position: absolute;
    right: 0;
    width: 350px;
    display: none;
    box-shadow: 0 0 50px var(--shadow-color);
    top: calc(100% + 27px);
}

header.header-three .search .search-form form {
    position: relative;
}

header.header-three .search .search-form form input {
    width: 100%;
    background-color: var(--black-color);
    height: 60px;
    border: none;
    padding-left: 30px;
    padding-right: 60px;
    font-size: 14px;
}

header.header-three .search .search-form form button {
    border: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 60px;
    height: 100%;
    z-index: 1;
    background-color: #fcd462;
    font-size: 14px;
    color: var(--white-color);
    transition: all 0.3s ease-out 0s;
}

header.header-three .search .search-form form button:hover {
    background-color: var(--primary-color);
    color: var(--black-color);
}

/*======= Sigma Header =======*/
.sigma-header {
    position: relative;
}

.sigma-header .sigma-notification {
    color: var(--primary-text-color);
    width: 15px;
    height: 15px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 10px;
    margin-right: 0;
    position: relative;
    top: -12px;
    left: 35px;
    margin-left: -20px;
}

.sigma-header .sigma-topbar-controls>li.dropdown-btn {
    position: static;
}

.sigma-header .dropdown-btn .cart-dropdown-menu {
    border: none;
    padding: 15px;
    margin: 0;
    border-radius: 0;
    width: 350px;
    box-shadow: 0 0 50px var(--shadow-color);
    right: 0;
    left: auto;
    background-color: var(--primary-color);
}

.sigma-header .cart-dropdown-menu .cart-items-box {
    display: block;
    overflow-y: auto;
    height: 300px;
}

.sigma-header .cart-dropdown-menu div.cart-items-box {
    height: auto;
    padding-top: 15px;
    overflow: hidden;
}

.sigma-header .cart-dropdown-menu .cart-item {
    border-bottom: 1px solid var(--primary-text-color);
    padding-bottom: 15px;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sigma-header .cart-dropdown-menu .cart-item:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;
}

.sigma-header .cart-dropdown-menu .cart-item span {
    font-weight: 600;
    color: var(--white-color);
    font-family: var(--secondary-font);
    font-size: 14px;
}

.sigma-header .cart-dropdown-menu .cart-item.actions {
    justify-content: flex-start;
}

.sigma-header .cart-dropdown-menu .cart-item.actions button {
    margin-right: 5px;
    padding: 0 15px;
    line-height: 50px;
    height: 50px;
}

.sigma-header .cart-dropdown-menu .cart-item.actions button.btn-borderd {
    background-color: transparent;
    border-color: var(--primary-text-color);
}

.sigma-header .cart-dropdown-menu .cart-item .img {
    width: 80px;
    height: 80px;
    margin-right: 10px;
}

.sigma-header .cart-dropdown-menu .cart-item .content {
    width: calc(100% - 90px);
}

.sigma-header .cart-dropdown-menu .cart-item .content h5 {
    font-size: 14px;
    margin-bottom: 5px;
    line-height: normal;
}

.sigma-header .cart-dropdown-menu .cart-item .content h5 a {
    font-size: inherit;
}

.sigma-header .cart-dropdown-menu .cart-item .content p {
    color: #fcd462;
    margin-bottom: 0;
}

header.header-three.sigma-header .nav-container .menu-right-buttons .cart-dropdown-menu a {
    width: auto;
    height: auto;
    border: none;
    text-align: center;
    line-height: normal;
    color: inherit;
}

header.header-three.sigma-header .nav-container .menu-right-buttons .cart-dropdown-menu a:hover {
    background-color: transparent;
}

/*======= Sigma Navigation =======*/
.sigma-header .sigma-main-menu {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.sigma-header .sigma-main-menu>.menu-item {
    margin: 0;
}

.sigma-header .sigma-main-menu>.menu-item>a {
    color: var(--primary-text-color);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 5px;
    line-height: 60px;
    font-size: 16px;
    font-weight: 580;
    font-family: var(--primary-font);
}

.sigma-header .sigma-main-menu>.menu-item:hover>a {
    color: var(--primary-hover-color);
}

.sigma-header .sigma-main-menu>.menu-item>a>i {
    margin-right: 10px;
    font-size: 15px;
}

.sigma-header .sigma-main-menu .menu-item-has-children {
    position: relative;
}

.sigma-header .sigma-main-menu .menu-item-has-children .dd-trigger {
    display: none;
}

.sigma-header .sigma-main-menu .menu-item-has-children>.sub-menu {
    position: absolute;
    top: 120%;
    left: 0;
    right: 0;
    background: var(--primary-color);
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease-out 0s;
    width: 50px;
    z-index: 10;
    box-shadow: 0 0 50px var(--shadow-color);
}

.sigma-header .sigma-main-menu .menu-item-has-children:hover>.sub-menu {
    opacity: 1;
    visibility: visible;
    top: 100%;
}

.sigma-header .sigma-main-menu .menu-item-has-children>.sub-menu>li.menu-item>a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 24px;
    transition: all 0.3s ease-out 0s;
    font-weight: 300;
    text-transform: capitalize;
    font-size: 14px;
    color: var(--primary-text-color);
    line-height: 30px;
    font-family: var(--secondary-font);
    background-color: var(--primary-color);
}

.sigma-header .sigma-main-menu .menu-item-has-children>.sub-menu>li.menu-item:last-child>a {
    border-bottom: 0;
}

.sigma-header .sigma-main-menu .menu-item-has-children>.sub-menu>li.menu-item:hover>a {
    background-color: #fcd462;
    color: var(--white-color);
    border-color: #fcd462;
}

.sigma-header .sigma-main-menu .menu-item-has-children>.sub-menu>li.menu-item-has-children>a:after {
    position: absolute;
    right: 20px;
    transform: rotate(-90deg);
    display: inline-block;
    margin-left: 0;
    content: "\f107";
    font-family: var(--secondary-font);
    font-weight: 300;
}

.sigma-header .sigma-main-menu .menu-item-has-children>.sub-menu>li.menu-item-has-children>.sub-menu {
    left: 100%;
    top: -0%;
}

/*======= Sigma Megamenu =======*/
.sigma-header .menu-item-has-megamenu .tab-item {
    display: none;
}

.sigma-header .menu-item-has-megamenu .tab-item.active {
    display: block;
}

.sigma-header .sigma-main-menu .menu-item-has-children.menu-item-has-megamenu {
    position: static;
}

.sigma-header .sigma-main-menu .menu-item-has-children.menu-item-has-megamenu>.sub-menu {
    width: 100%;
    padding: 0 15px;
    top: 120%;
    transition: all 0.3s ease-out 0s;
    opacity: 0;
    visibility: hidden;
}

.sigma-header .sigma-main-menu .menu-item-has-children.menu-item-has-megamenu:hover>.sub-menu {
    top: 100%;
    opacity: 1;
    visibility: visible;
}

.sigma-header .sigma-main-menu .menu-item-has-children.menu-item-has-megamenu>.sub-menu .sigm-megamenu-nav {
    border-bottom: 0;
    border-right: 1px solid rgba(117, 117, 117, 0.7);
    padding: 30px 20px;
    display: block;
    padding-right: 0;
    height: 100%;
}

.sigma-header .sigma-main-menu .menu-item-has-children.menu-item-has-megamenu>.sub-menu .sigm-megamenu-nav>.nav-item {
    margin:0 !important ;
    padding: 0 !important;
}

.sigma-header .sigma-main-menu .menu-item-has-children.menu-item-has-megamenu>.sub-menu .sigm-megamenu-nav>.nav-item>.nav-link {
    border: none !important;
    background: var(--primary-color);
    color: var(--primary-text-color) ;
    font-weight: 500;
    padding: 0px !important;
    border-radius: 0;
    font-family: var(--secondary-font);
    margin: 0 !important;
    height: 45px;
    background-color: transparent !important;
}

.sigma-header .sigma-main-menu .menu-item-has-children.menu-item-has-megamenu>.sub-menu .sigm-megamenu-nav>.nav-item>.nav-link>i {
    font-size: 18px;
    margin-right: 5px;
    width: 10px;
    padding: 0 !important;
    text-align: center;
}

.sigma-header .sigma-main-menu .menu-item-has-children.menu-item-has-megamenu>.sub-menu .sigm-megamenu-nav>.nav-item>.nav-link.active {
  
    color: var(--primary-hover-color) ;
}

.sigma-header .sigma-main-menu .menu-item-has-children.menu-item-has-megamenu>.sub-menu .sigma-megamenu-img,
.sigma-header .sigma-main-menu .menu-item-has-children.menu-item-has-megamenu>.sub-menu .sigma-megamenu-navbox {
    padding: 40px 0;
}

.sigma-header .sigma-main-menu .menu-item-has-children.menu-item-has-megamenu>.sub-menu .sigma-megamenu-navbox .sigma-title {
    padding-bottom: 10px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sigma-header .sigma-main-menu .menu-item-has-children.menu-item-has-megamenu>.sub-menu .sigma-megamenu-navbox .sigma-title>a {
    font-size: 14px;
}

.sigma-header .sigma-main-menu .menu-item-has-children.menu-item-has-megamenu>.sub-menu .menu-item-has-children>.sub-menu {
    position: relative;
    width: 100%;
    opacity: 1;
    visibility: visible;
    box-shadow: none;
    top: 0;
    display: none;
}

.sigma-header .sigma-main-menu .menu-item-has-children.menu-item-has-megamenu:hover>.sub-menu .menu-item-has-children>.sub-menu {
    display: block;
}

.sigma-header .sigma-main-menu .menu-item-has-children.menu-item-has-megamenu>.sub-menu .menu-item-has-children>.sub-menu>.menu-item>a {
    padding: 3px 0;
}

.sigma-header .sigma-main-menu .menu-item-has-children.menu-item-has-megamenu>.sub-menu .menu-item-has-children>.sub-menu>.menu-item:hover>a {
    background-color: transparent;
}

.sigma-header .sigma-main-menu .menu-item-has-children.menu-item-has-megamenu>.sub-menu .sigma-megamenu-image {
    text-align: center;
}

.sigma-header .sigma-main-menu .menu-item-has-children.menu-item-has-megamenu>.sub-menu .sigma-megamenu-image span {
    color: var(--grey-color);
    margin-bottom: 10px;
}

.sigma-header .sigma-main-menu .menu-item-has-children.menu-item-has-megamenu>.sub-menu .sigma-blog-block>img {
    margin-bottom: 10px;
}

.sigma-header .sigma-main-menu .menu-item-has-children.menu-item-has-megamenu>.sub-menu .sigma-blog-block>p {
    text-transform: uppercase;
    font-size: 14px;
    margin-bottom: 5px;
}

.sigma-header .sigma-main-menu .menu-item-has-children.menu-item-has-megamenu>.sub-menu .sigma-blog-block>a {
    font-size: 14px;
    color: var(--grey-color);
}

.sigma-header .sigma-main-menu .menu-item-has-children.menu-item-has-megamenu>.sub-menu .sigma-blog-block>a:hover {
    color: #fcd462;
}

.sigma-header .sigma-main-menu .menu-item-has-children.menu-item-has-megamenu>.sub-menu img {
    width: 100%;
}

/*======= Sigma Mobile Header =======*/
.sigma-mobile-header {
    display: none;
    background-color: var(--primary-color);
    padding-top: -50px;
}

.sigma-mobile-header .sigma-mobile-header-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
    padding-bottom: 10px;
}

.sigma-mobile-header .sigma-mobile-header-inner .site-logo {
    width: 100%;
}

.sigma-mobile-header .sigma-hamburger-menu {
    display: flex;
    align-items: center;
    cursor: pointer;
    width: 40px;
    height: 40px;
    justify-content: center;
}

.sigma-mobile-header .sigma-hamburger-menu .sigma-menu-btn {
    transition: 0.3s;
}

.sigma-mobile-header .sigma-hamburger-menu .sigma-menu-btn span {
    background: var(--primary-color);
    height: 2px;
    width: 25px;
    margin-bottom: 5px;
    display: block;
    transition: 0.3s;
}

.sigma-mobile-header .sigma-hamburger-menu .sigma-menu-btn span:last-child {
    margin-bottom: 0;
}

.sigma-mobile-header .sigma-hamburger-menu .sigma-menu-btn.active {
    position: relative;
    top: -4px;
    transition: 0.3s;
}

.sigma-mobile-header .sigma-hamburger-menu .sigma-menu-btn.active span:first-child {
    transform: rotate(45deg);
    transition: 0.3s;
    position: relative;
    top: 7.4px;
}

.sigma-mobile-header .sigma-hamburger-menu .sigma-menu-btn.active span:nth-child(2) {
    display: none;
}

.sigma-mobile-header .sigma-hamburger-menu .sigma-menu-btn.active span:last-child {
    transform: rotate(-45deg);
    transition: 0.3s;
}



/*======= Animation for Sticky Header =======*/
@keyframes sticky {
    0% {
        top: -200px;
    }

    100% {
        top: 0;
    }
}

/*======= Additional Classes =======*/
.menu-item:hover .dropdown-icon {
    transform: rotate(180deg);
}

.menu-card p {
    text-align: left;
}

.img-fluid {
    height: 100px !important;
    width: 100px !important;
    object-fit: cover;
    border-radius: 50%;
}

.login-btn a {
    color: var(--primary-text-color);
    padding-top:13px !important
}
.login-btns a {
    color: var(--primary-text-color);
    margin-right: 10px;
}

.badge-container {
    position: relative;
}

.icon-link {
    position: relative;
    display: inline-block;
}

.icon-badge {
    position: absolute;
    top: 20px;
    right: 58px;
    color: var(--primary-text-color);
    font-family: var(--secondary-font);
    font-size: 10px;
    font-weight: bold;
    padding: 2px 5px;
    border-radius: 50%;
    line-height: 1;
    min-width: 16px;
    text-align: center;
    z-index: 10;
}

.cart-icon-badge {
    position: absolute;
    top: 20px;
    right: 10px;
    color: var(--primary-text-color);
    font-size: 10px;
    font-weight: bold;
    padding: 2px 5px;
    line-height: 1;
    min-width: 16px;
    text-align: center;
    z-index: 10;
    font-family: var(--secondary-font);
}

.enhanced-card {
    padding: 12px;
    border-radius: 10px;
    background-color: var(--primary-color);
    text-align: center;
    transition: box-shadow 0.2s ease;
    display: inline-flex !important;
    /* don’t stretch full height */
    flex-direction: column;
    align-items: center;
    width: 100% !important;
    /* let it fill its grid cell */
    max-width: 200px !important;
    /* optional limit */
    margin: 0 auto;
    /* center inside grid cell */
}
.enhanced-card:hover {
    box-shadow: 0 4px 10px 0 var(--shadow-color);
    border: 1px solid var(--grey-color);
    cursor: pointer;
}

.menu-card-img-wrapper {
    width: auto;
    height: auto;
    margin-bottom: 15px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    
}

.menu-card-img {
    width: 100px ;
    height: 100px ;
    object-fit: cover;
    border-radius: 10px ;
    border: 1px solid #ddd;
}

.menu-card-label {
    font-size: 0.925rem;
    width: 100% !important;
    line-height: 1.3 !important;
    font-weight: 400;
    color: var(--primary-text-color);
    text-align: center !important;
    font-family: var(--secondary-font);
}

/*======= Media Queries =======*/
@media (min-width: 1200px) and (max-width: 1599px) {
    header .container.container-custom-one {
        max-width: 100%;
    }

    header .nav-container .menu-items ul li a {
        font-size: 14px;
        padding: 0 10px;
    }

    header .nav-container .header-info .item .title {
        font-size: 20px;
    }

    header .nav-container .header-info .item:not(:last-child) {
        margin-right: 15px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    header .container.container-custom-one {
        max-width: 100%;
    }

    header .nav-container .toggle {
        margin-right: 15px;
    }

    header .nav-container .menu-items ul li a {
        padding: 0 8px;
    }

    header .nav-container .header-info .item .title {
        font-size: 16px;
    }

    header .nav-container .header-info .item:not(:last-child) {
        margin-right: 15px;
    }

    header.header-three .nav-container {
        padding: 0 10px;
    }

    header.header-three .nav-container .menu-right-buttons>div {
        margin-left: 5px;
    }

    .sigma-header .sigma-main-menu>.menu-item>a {
        padding: 0 5px;
    }

    .icon-badge {
        top: 17px;
        right: 34px;
    }

    .cart-icon-badge {
        top: 17px;
        right: 3px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    header .nav-container .toggle {
        display: none;
    }

    header .nav-container .header-info {
        padding: 40px 20px 0;
    }

    header .nav-container .header-info .item {
        color: var(--white-color);
    }

    header .nav-container .header-info .item .title {
        color: var(--white-color);
        font-size: 22px;
    }

    header .nav-container .header-info .item:not(:last-child) {
        margin-right: 0;
        margin-bottom: 30px;
    }

    header.header-two .header-info .item i {
        background: var(--white-color);
    }

    header.header-three .nav-container {
        padding: 10px;
    }

  

    header.header-three .search .search-form {
        top: calc(100% + 17px);
    }

    header.inner-page.header-absolute .nav-container {
        padding: 10px 0;
    }

    header.sticky-header.sticky-active .nav-container {
        padding: 10px 0;
    }

  

    header.sticky-header.sticky-active .nav-container .site-logo img {
        max-width: 200px;
    }

    .icon-badge {
        top: 8px;
        right: 70px;
    }

    .cart-icon-badge {
        top: 8px;
        right: 35px;
    }
}

@media (max-width: 991px) {
    header.plus-three .nav-container {
        justify-content: space-between;
    }

    .site-logo.site-logo-text .site-logo-text {
        margin-left: 15px;
    }

    .site-logo.site-logo-text .site-logo-text h3 {
        font-size: 24px;
    }

    .site-logo.site-logo-text .site-logo-text h6 {
        font-size: 14px;
    }



    .sigma-header .sigma-main-menu>.menu-item>a {
        line-height: 100px;
    }

    .sigma-header .sigma-main-menu .menu-item-has-children:hover>.sub-menu {
        opacity: 1;
        visibility: visible;
        top: 0%;
    }
}

@media (max-width: 767px) {
    header .nav-container .toggle {
        display: none;
    }

    header .nav-container .header-info {
        padding: 40px 20px 0;
    }

    header .nav-container .header-info .item {
        color: var(--white-color);
    }

    header .nav-container .header-info .item .title {
        color: var(--white-color);
        font-size: 22px;
    }

    header .nav-container .header-info .item:not(:last-child) {
        margin-right: 0;
        margin-bottom: 30px;
    }

    header.header-two .header-info .item i {
        color: var(--white-color);
    }

    header.header-three .nav-container {
        padding: 10px;
    }

    header.header-three .nav-container .menu-right-buttons>div {
        margin-left: 5px;
    }

    header.header-three .search .search-form {
        top: calc(100% + 10px);
    }

    header.inner-page.header-absolute .nav-container {
        padding: 10px 0;
    }

    header.sticky-header.sticky-active .nav-container {
        padding: 10px 0;
    }

    .sigma-mobile-header .sigma-mobile-header-inner {
        padding: 10px 0;
    }

    .icon-badge {
        top: 20px;
        right: 63px;
    }

    .cart-icon-badge {
        top: 20px;
        right: 30px;
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    header.header-three .nav-container .site-logo img {
        max-width: 200px;
    }

    header.header-three .search .search-form {
        top: calc(100% + 10px);
    }
}

@media (max-width: 575px) {
    header .nav-container .site-logo img {
        max-width: 180px;
    }

    .site-logo.site-logo-text .site-logo-text {
        margin-left: 10px;
    }

    .site-logo.site-logo-text .site-logo-text h3 {
        font-size: 22px;
    }

    .site-logo.site-logo-text .site-logo-text h6 {
        font-size: 12px;
    }

    

    header.header-three .nav-container .menu-right-buttons .navbar-toggler {
        padding: 5px 10px;
    }

    header.header-three .nav-container .menu-right-buttons .navbar-toggler span {
        width: 20px;
    }

    header.header-three .nav-container .menu-right-buttons a {
        height: 40px;
        width: 40px;
        line-height: 40px;
        font-size: 14px;
    }

    header.header-three .search .search-form {
        top: calc(100% + 20px);
        width: 250px;
    }

    .icon-badge {
        top: 20px;
        right: 68px;
    }

    .cart-icon-badge {
        top: 20px;
        right: 37px;
    }
}

@media (max-width: 399px) {
  

    header.header-three .nav-container {
        padding: 10px 5px;
        margin-left: -15px;
        margin-right: -15px;
    }

    header.header-three .nav-container .site-logo img {
        max-width: 150px;
    }

   

    header.header-three .search .search-form {
        right: -100%;
        top: calc(100% + 12px);
    }
}

@media (max-width: 1200px) {
    .menu-card-img {
        width: 80px !important;
        height: 80px !important;
        object-fit: cover;
        border: 1px solid #ddd;
    }

    .menu-card-label {
        font-size: 0.825rem;
    }
}
@media (max-width: 1100px) {
    .menu-card-img {
        width: 80px !important;
        height: 60px !important;
        object-fit: cover;
        border: 1px solid #ddd;
    }
}


/* Mobile Menu Overlay */
.mobile-menu-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9999;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
}

/* Mobile Menu Container */
.mobile-menu-container {
    width: 320px;
    background: var(--primary-color);
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1);
}

/* Mobile Menu Header */
.mobile-menu-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    background: var(--primary-card-color);
}

.mobile-menu-header h3 {
    font-family: var(--title-font);
    background: var(--gradient-text);
    letter-spacing: 1px;
    background-clip: text;
    -webkit-background-clip: text;
    color: none;
    font-size: 1.5rem;
    margin: 0 5px;
    font-weight: bolder;
}

.mobile-menu-close {
    background: none;
    border: none;
    cursor: pointer;
    color: var(--primary-text-color);
    padding: 5px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

.mobile-menu-close:hover {
    color: var(--primary-hover-color);
    background: rgba(0, 0, 0, 0.05);
}

/* Mobile Navigation */
.jewelry-mobile-nav {
    display: flex;
    flex-direction: column;
    padding: 20px;
    margin: 0;
    flex-grow: 1;
}

/* Navigation Item */
.jewelry-mobile-nav .nav-item {
    margin-bottom: 10px;
    list-style: none;
}

.jewelry-mobile-nav .nav-item.has-submenu {
    position: relative;
}

/* Navigation Link Wrapper */
.jewelry-mobile-nav .nav-link-wrapper {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.jewelry-mobile-nav .nav-link-wrapper .nav-toggle,
.jewelry-mobile-nav .nav-link-wrapper a {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 14px 18px;
    font-size: 16px;
    font-weight: 500;
    color: var(--primary-text-color);
    text-decoration: none;
    transition: all 0.3s ease;
    border-radius: 6px;
    font-family: var(--secondary-font);
}

.jewelry-mobile-nav .nav-link-wrapper i {
    margin-right: 12px;
    font-size: 18px;
    color: var(--primary-hover-color);
    width: 20px;
    text-align: center;
}

.jewelry-mobile-nav .nav-link-wrapper:hover,
.jewelry-mobile-nav .nav-item.active .nav-link-wrapper .nav-toggle,
.jewelry-mobile-nav .nav-link-wrapper a:hover {
    background: var(--primary-card-color);
    color: var(--primary-hover-color);
}

/* Dropdown Icon */
.jewelry-mobile-nav .dropdown-icon,
.jewelry-mobile-nav .section-dropdown-icon {
    margin-left: auto;
    transition: transform 0.3s ease;
    color: var(--primary-text-color);
}

.jewelry-mobile-nav .dropdown-icon.rotate,
.jewelry-mobile-nav .section-dropdown-icon.rotate {
    transform: rotate(180deg);
}

/* Section Title Wrapper */
.jewelry-mobile-nav .section-title-wrapper {
    
    display: flex;
    align-items: flex-start ;
    align-self: flex-start ;
    align-content: flex-start ;
    text-align: start ;
    padding: 10px 14px ;
    cursor: pointer;
    transition: all 0.3s ease;
    border-radius: 4px;
    width: '100%';  
}

.jewelry-mobile-nav .section-title-wrapper:hover {
    background: var(--primary-color);
}

.jewelry-mobile-nav .section-title {
    font-size: 12px;
    font-weight: 500;
    color: var(--primary-text-color);
    text-transform: capitalize;
    letter-spacing: 0.4px;
    font-family: var(--secondary-font);
    align-items: flex-start !important;
        align-self: flex-start !important;
        align-content: flex-start !important;
        text-align: start !important;
        background-color: aqua;
}

.jewelry-mobile-nav .section-dropdown-icon {
    margin-left: 8px;
    color: var(--primary-text-color);
    transition: transform 0.3s ease;
}

.jewelry-mobile-nav .section-dropdown-icon.rotate {
    transform: rotate(180deg);
}

/* Submenu */
.jewelry-mobile-nav .submenu {
    display: none;
    padding: 12px 20px;
    background: var(--primary-color);
    border-radius: 6px;
    transition: all 0.3s ease;

}

.jewelry-mobile-nav .nav-item.active .submenu {
    display: block;
    animation: slideDown 0.3s ease;
  
}

.jewelry-mobile-nav .submenu .nav-item {
    margin-bottom: 6px;
    list-style: none;
    
}

.jewelry-mobile-nav .submenu a {
    font-size: 14px;
    font-weight: 400;
    color: var(--primary-text-color);
    padding: 8px 12px;
    display: flex;
    align-items: center;
    transition: all 0.3s ease;
    border-radius: 4px;
    text-decoration: none;
}

.jewelry-mobile-nav .submenu a:hover {
    color: var(--primary-hover-color);
    background: var(--white-color);
}

.jewelry-mobile-nav .submenu p {
    font-size: 14px;
    font-weight: 400;
    color: var(--primary-text-color);
    padding: 8px 12px;
    margin: 0;
    display: flex;
    align-items: center;
    transition: all 0.3s ease;
    border-radius: 4px;
    cursor: pointer;
}

.jewelry-mobile-nav .submenu p:hover {
    color: var(--primary-hover-color);
    background: var(--white-color);
}

/* Mega Menu */
.jewelry-mobile-nav .mega-menu {
    display: flex;
    flex-wrap: wrap;
    padding: 16px 0px;
    background: var(--primary-color);
    border-radius: 8px;
    align-items: start !important;
}

.jewelry-mobile-nav .mega-menu-section {
    flex: 1 1 100%;
    list-style: none;
}

.jewelry-mobile-nav .mega-menu .submenu {
    padding: 0;
    background: transparent;
}

.jewelry-mobile-nav .mega-menu .nav-item p {
    font-size: 13px;
    font-weight: 500;
    color: var(--primary-text-color);
    padding: 10px ;
    display: flex;
    align-items: center;
    font-family: var(--secondary-font);
        
}

.jewelry-mobile-nav .mega-menu .nav-item p:hover {
    color: var(--primary-hover-color);
}

.jewelry-mobile-nav .nav-icon {
    width: 36px;
    height: 36px;
    object-fit: cover;
    margin-right: 8px;
    border-radius: 4px;
    font-family: var(--secondary-font);
}

/* Animation for Submenu */
@keyframes slideDown {
    from {
        opacity: 0;
        transform: translateY(-8px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Responsive Styles */
@media (max-width: 480px) {
    .mobile-menu-container {
        width:330px;
    }

    .mobile-menu-header {
        padding: 15px;
    }

    .mobile-menu-header h3 {
        font-size: 1.3rem;
    }

    .jewelry-mobile-nav {
        padding: 15px;
    }

    .jewelry-mobile-nav .nav-link-wrapper .nav-toggle,
    .jewelry-mobile-nav .nav-link-wrapper a {
        font-size: 14px;
        padding: 10px 12px;
    }

    .jewelry-mobile-nav .section-title-wrapper {
        padding: 8px 12px;
    }

    .jewelry-mobile-nav .submenu a,
    .jewelry-mobile-nav .submenu p {
        font-size: 13px;
        padding: 8px 10px;
    }

    .jewelry-mobile-nav .mega-menu {
        padding: 12px;
        gap: 12px;
    }

    .jewelry-mobile-nav .mega-menu-section .section-title {
        font-size: 12px;
    }

    .jewelry-mobile-nav .nav-icon {
        width: 32px;
        height: 32px;
    }
}

@media (min-width: 992px) {
    .mobile-menu-overlay {
        display: none;
    }

}


.mega-section-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 10px 14px;
    background: var(--primary-color);
    /* your theme primary */
    border-radius: 6px;
    cursor: pointer;
}

.mega-section-title {
    font-weight: 600;
    font-size: 14px;
    color: var(--primary-text-color);
    /* theme text color */
    flex: 1 1;
    text-align: left;
}

.mega-section-icon {
    margin-left: 8px;
    transition: transform 0.3s ease;
    color: var(--primary-text-color);
}

.mega-section-icon.rotate {
    transform: rotate(180deg);
}
/* Search Bar */
.jewel-search-container {
    position: relative;
    width: 100%;
    width: 400px;
    height: 46px;
    background: var(--primary-color);
    border: 1px solid var(--primary-text-color);
    border-radius: 4px;
    display: flex;
    align-items: center;
    transition: all 0.3s ease;
}

/* Input Field */
.jewel-input-field {
    width: 100%;
    height: 100%;
    padding: 8px 40px 8px 12px;
    border: none;
    outline: none;
    font-size: 14px;
    font-family: var(--secondary-font);
    color: var(--primary-text-color);
    background: transparent;
}

.jewel-input-field::placeholder {
    color: var(--grey-color);
    font-weight: 400;
}

/* Icons */
.jewel-search-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    color: var(--primary-text-color);
    cursor: pointer;
    transition: color 0.3s ease;
}

.jewel-search-icon:hover {
    color: var(--primary-hover-color);
}

.jewel-clear-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 30px;
    color: var(--primary-text-color);
    cursor: pointer;
    transition: color 0.3s ease;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease, visibility 0.2s ease;
}

.jewel-input-field:not(:placeholder-shown)+.jewel-clear-icon,
.jewel-input-field:focus+.jewel-clear-icon {
    opacity: 1;
    visibility: visible;
}

.jewel-clear-icon:hover {
    color: var(--primary-hover-color);
}

/* Voice Search Button */
.jewel-voice-button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 50px;
    background: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
}

.jewel-voice-icon {
    color: var(--primary-text-color);
    transition: color 0.3s ease;
}

.jewel-voice-button:hover .jewel-voice-icon,
.jewel-voice-button.listening .jewel-voice-icon {
    color: var(--primary-hover-color);
}

.jewel-voice-button.listening {
    animation: pulse 1.5s infinite;
}

@keyframes pulse {
    0% {
        transform: translateY(-50%) scale(1);
    }
    50% {
        transform: translateY(-50%) scale(1.1);
    }
    100% {
        transform: translateY(-50%) scale(1);
    }
}

/* Adjust positions when voice button is present */
.jewel-search-container:has(.jewel-voice-button) .jewel-clear-icon {
    right: 70px;
}

.jewel-search-container:has(.jewel-voice-button) .jewel-search-icon {
    right: 30px;
}

/* Responsive Styles */
@media (max-width: 1300px) {
    .jewel-search-container {
        max-width: 100%;
        height: 42px;
        width: 250px;
    }

    .jewel-input-field {
        font-size: 13px;
        padding: 6px 36px 6px 10px;
    }

    .jewel-search-icon {
        right: 8px;
    }

    .jewel-clear-icon {
        right: 26px;
    }

    .jewel-voice-button {
        right: 40px;
    }

    .jewel-search-container:has(.jewel-voice-button) .jewel-clear-icon {
        right: 60px;
    }

    .jewel-search-container:has(.jewel-voice-button) .jewel-search-icon {
        right: 20px;
    }
}

@media (max-width: 992px) {
    .jewel-search-container {
        margin-left: 20px;
        height: 40px;
        width: 90%;
        padding: 10px;
    }

    .jewel-input-field {
        font-size: 13px;
        padding: 6px 36px 6px 10px;
    }

    .jewel-search-icon {
        right: 8px;
    }

    .jewel-clear-icon {
        right: 26px;
    }

    .jewel-voice-button {
        right: 40px;
    }

    .jewel-search-container:has(.jewel-voice-button) .jewel-clear-icon {
        right: 60px;
    }

    .jewel-search-container:has(.jewel-voice-button) .jewel-search-icon {
        right: 20px;
    }
}
@media (max-width: 768px){
.jewel-search-container {
   margin:0 ;
        width: 100%;
     
    }
}
/* Header Ticker Styles */

header.header-three .header-top {
  padding: 0px 0 20px 0;
  font-family: var(--secondary-font);
  display: flex;
  align-items: center;
  justify-content: space-between;


}

.header-top-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 10px;
}

.welcome-section {
  flex: 0 0 auto;
  background-color: var(--primary-hover-color) ;
  padding: 0.2rem 1rem;
  border-radius: 30px;
}

.welcome-text {
  color: var(--primary-text-color);
  
  font-size: 12px;
  font-weight: 600;
  opacity: 0.9;
  margin-left: 5px;
  
}
.welcome-text:hover{
  cursor: pointer;
}

/* Enhanced Ticker Styles */
.precious-metals-ticker-wrapper {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 45%;
  max-width: 500px;
  min-width: 300px;
}

.precious-metals-ticker {
  background: linear-gradient(90deg, 
    rgba(255,215,0,0.15) 0%, 
    rgba(192,192,192,0.15) 50%, 
    rgba(255,215,0,0.15) 100%
  );
  border: 1px solid rgba(255, 215, 0, 0.3);
  border-radius: 25px;
  padding: 6px 15px;
  display: flex;
  align-items: center;
  overflow: hidden;
  position: relative;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}

.ticker-header {
  flex: 0 0 auto;
  margin-right: 15px;
}

.ticker-title {
  color:var(--primary-text-color);
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.ticker-container {
  flex: 1 1;
  overflow: hidden;
  height: 24px;
  display: flex;
  align-items: center;
}

.ticker-content {
  display: flex;
  white-space: nowrap;
  animation: tickerScroll 15s linear infinite;
  will-change: transform;
}

.ticker-item {
  display: flex;
  align-items: center;
  margin-right: 25px;
  flex-shrink: 0;
}

.metal-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  margin-right: 6px;
  font-weight: 700;
  font-size: 9px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

.metal-badge.gold {
  background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%);
  color: #000;
}

.metal-badge.silver {
  background: linear-gradient(135deg, #C0C0C0 0%, #A0A0A0 100%);
  color: #000;
}

.ticker-name {
  color: var(--primary-text-color);
  font-weight: 500;
  margin-right: 8px;
  font-size: 12px;
  opacity: 0.95;
}

.ticker-value {
  color: var(--primary-text-color);
  font-weight: 700;
  font-size: 12px;
  text-shadow: 0 1px 2px rgba(0,0,0,0.3);
}

.ticker-loading {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #fff;
  font-size: 12px;
}

.loading-dots {
  display: flex;
  gap: 3px;
}

.loading-dots span {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #FFD700;
  animation: loadingDots 1.4s infinite ease-in-out both;
}

.loading-dots span:nth-child(1) { 
  animation-delay: -0.32s; 
}

.loading-dots span:nth-child(2) { 
  animation-delay: -0.16s; 
}

.loading-dots span:nth-child(3) { 
  animation-delay: 0s; 
}

.ticker-error {
  color: #ff6b6b;
  font-size: 12px;
}

/* Auth Actions */
.auth-actions {
  flex: 0 0 auto;
}

.auth-button {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border-radius: 15px;
  cursor: pointer;
  font-size: 12px;
  font-weight: 600;
  transition: all 0.3s ease;
  border: 1px solid transparent;
}

.logout-trigger {
  background: var(--primary-hover-color);
  color:var(--white-color);
}

.logout-trigger:hover {
  background: linear-gradient(135deg, #c0392b, #a93226);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(231, 76, 60, 0.3);
}

.login-trigger {
  background: linear-gradient(135deg, #3498db, #2980b9);
  color: white;
}

.login-trigger:hover {
  background: linear-gradient(135deg, #2980b9, #21618c);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(52, 152, 219, 0.3);
}

.auth-icon {
  font-size: 10px;
}

.auth-text {
  font-size: 11px;
}

/* Mobile Styles */
.mobile-header-top {
  background: var(--primary-color);
  padding: 2px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.mobile-ticker-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 15px;
}

.mobile-precious-metals-ticker {
  overflow: hidden;
  margin-right: 15px;
  background: var(--primary-card-color);
  border-radius: 15px;
  padding: 4px 10px;
}

.mobile-ticker-content {
  display: flex;
  animation: mobileTickerScroll 20s linear infinite;
  will-change: transform;
}

.mobile-ticker-item {
  display: flex;
  align-items: center;
  margin-right: 20px;
  flex-shrink: 0;
}

.mobile-metal-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  margin-right: 5px;
  font-weight: 700;
  font-size: 10px;
  margin-right: 5px;
}

.mobile-metal-badge.gold {
  color: #000;
}

.mobile-metal-badge.silver {
  color: #000;
}

.mobile-ticker-value {
  color: var(--primary-text-color);
  font-weight: 700;
  font-size: 10px;
  margin-left: 5px;
}

.mobile-ticker-loading {
  color: #fff;
  font-size: 10px;
  text-align: center;
}

.mobile-auth {
  flex: 0 0 auto;
}

.mobile-auth-btn {
  padding: 4px 12px;
  border-radius: 12px;
  border: none;
  font-size: 10px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}

.mobile-auth-btn.logout {
  background: linear-gradient(135deg, #e74c3c, #c0392b);
  color: white;
}

.mobile-auth-btn.login {
  background: linear-gradient(135deg, #3498db, #2980b9);
  color: white;
}

/* Animations */
@keyframes tickerScroll {
  0% { 
    transform: translateX(0); 
  }
  100% { 
    transform: translateX(-50%); 
  }
}

@keyframes mobileTickerScroll {
  0% { 
    transform: translateX(0); 
  }
  100% { 
    transform: translateX(-50%); 
  }
}

@keyframes loadingDots {
  0%, 80%, 100% { 
    transform: scale(0); 
  }
  40% { 
    transform: scale(1); 
  }
}

/* Responsive Breakpoints */
@media (max-width: 1200px) {
  .precious-metals-ticker-wrapper {
    width: 50%;
    min-width: 250px;
  }
  
  .ticker-name {
    font-size: 11px;
  }
  
  .ticker-value {
    font-size: 11px;
  }
}

@media (max-width: 992px) {
  .header-top-content {
    flex-direction: column;
    justify-content: space-between;
    gap: 10px;
  }
  
  .precious-metals-ticker-wrapper {
    position: relative;
    left: auto;
    transform: none;
    width: 100%;
  }
}

@media (max-width: 768px) {
  .mobile-ticker-container {
    padding: 0 10px;
  }
  
  .mobile-precious-metals-ticker {
    margin-right: 10px;
  }
}

/* Hover Effects */
.precious-metals-ticker:hover {
  transform: scale(1.02);
  transition: transform 0.3s ease;
}

.precious-metals-ticker:hover .ticker-content {
  animation-play-state: paused;
}

.back-to-top-btn {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: var(--primary-text-color);
    color: var(--primary-color);
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    transition: all 0.3s ease;
    z-index: 1000;
    cursor: pointer;
}

.back-to-top-btn.back-to-top-visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.back-to-top-btn:hover {
    background-color: var(--primary-hover-color);
    transform: translateY(-5px);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
    color: var(--white-color);
}

.back-to-top-icon {
    font-size: 20px;
    transition: transform 0.3s ease;
}

.back-to-top-btn:hover .back-to-top-icon {
    transform: translateY(-2px);
}

/* Responsive styles */
@media (max-width: 768px) {
    .back-to-top-btn {
        bottom: 20px;
        right: 20px;
        width: 45px;
        height: 45px;
    }

    .back-to-top-icon {
        font-size: 18px;
    }
}

@media (max-width: 480px) {
    .back-to-top-btn {
        bottom: 15px;
        right: 15px;
        width: 40px;
        height: 40px;
    }

    .back-to-top-icon {
        font-size: 16px;
    }
}

/* Animation for the button */
@keyframes backToTopBounce {

    0%,
    20%,
    50%,
    80%,
    100% {
        transform: translateY(0);
    }

    40% {
        transform: translateY(-10px);
    }

    60% {
        transform: translateY(-5px);
    }
}

.back-to-top-btn.back-to-top-visible:hover {
    animation: backToTopBounce 1s ease;
}
.footer-two {
  background: var(--footer-bg-color);
  color: var(--footer-text-color);
  font-family: var(--secondary-font);
  font-size: 16px;
  /* Slightly larger for readability */
  line-height: 1.8;
  /* Improved spacing for professionalism */
  padding: 60px 0 20px;
  max-width: 100% !important;
  /* Unified padding for a cleaner look */
}

.footer-widget-area {
  padding-top: 80px;
  padding-bottom: 40px;
}

.widget {
  margin-bottom: 40px;
}

.footer-logo img {
  width: 200px;
  /* Slightly smaller for balance */
  height: auto;
  /* Maintain aspect ratio */
  border-radius: 8px;
  /* Softer corners */
  margin-bottom: 20px;
}

.site-info-widget p {
  color: var(--footer-text-color);
  /* Updated to match subtext color */
  font-size: 15px;
  line-height: 1.6;
}

.social-links {
  margin-top: 30px;
  display: flex;
  gap: 12px;
  /* Modern spacing */
}

.social-links a {
  color: var(--white-color);
  background: var(--primary-text-color) !important;
  /* Matches primary text color for consistency */
  font-size: 16px;
  border-radius: 50%;
  /* Circular icons for a modern look */
  transition: background-color 0.3s ease, transform 0.2s ease;
}

.social-links a:hover {
  background: var(--footer-accent-color);
  /* Matches title color on hover */
  transform: translateY(-2px);
  /* Subtle lift effect */
}

.widget-title {
  font-family: var(--secondary-font);
  /* Consistent with body text */
  font-weight: 700;
  color: var(--primary-hover-color) !important;
  /* Matches primary-hover-color for titles */
  letter-spacing: 0.5px;
  /* Reduced for a cleaner look */
  font-size: 16px;
  margin-bottom: 20px;
  text-transform: uppercase;
}

.useful-links,
.footer-links {
  list-style: none;
  padding: 0;
  margin: 0;
}

.useful-links li,
.footer-links li {
  margin-bottom: 10px;
}

.useful-links a,
.footer-links a {
  color: var(--primary-text-color) !important;
  font-weight: 500;
  text-decoration: none;
  font-size: 15px;
  transition: color 0.3s ease;
}

.useful-links a:hover,
.footer-links a:hover {
  color: var(--primary-hover-color);
  /* Matches title color on hover */
}

.payment-icons {
  margin-top: 20px;
  display: flex;
  gap: 12px;
}

.payment-icons i {
  font-size: 28px;
  color: var(--footer-text-color);
  transition: color 0.3s ease, transform 0.2s ease;
}

.payment-icons i:hover {
  color: var(--footer-accent-color);
  transform: translateY(-2px);
  /* Subtle lift effect */
}

.contact-widget .contact-lists {
  margin-top: 15px;
}

.contact-lists 
.contact-box {
  margin-bottom: 18px;
  display: flex;
  align-items: flex-start;
}

.contact-box .icon {
  color: var(--primary-hover-color);
  font-size: 20px;
  margin-right: 12px;
  margin-top: 3px;
}

.contact-box .desc .title {
  margin: 0 0 5px 0;
  font-size: 14px;
  color: var(--primary-hover-color) !important;
  /* Matches title color */
  font-weight: 600;
}

.contact-box .desc span,
.contact-box .desc a {
  color: var(--primary-text-color) !important;
  /* Matches subtext color */
  font-size: 14px;
  text-decoration: none;
  display: block;
}

/* Download App Section */
.download-app-section h6 {
  color: var(--primary-hover-color);
  /* Matches title color */
  font-weight: 600;
  margin-bottom: 10px;
}

/* Popular Searches */
.popular-searches {
  background: var(--primary-card-color);
  /* Softer background for contrast */
  color: var(--primary-text-color);
  padding: 40px 0;
}

.popular-searches h5 {
  color: var(--primary-hover-color);
  /* Matches title color */
  font-weight: 700;
  font-size: 18px;
  letter-spacing: 0.5px;
  margin-bottom: 20px;
}

.popular-searches h6 {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 10px;
  color: var(--primary-hover-color);
  /* Matches title color */
  text-transform: capitalize;
}

.popular-searches ul.footer-links li a {
  color: var(--primary-text-color);
  font-size: 14px;
}

.popular-searches ul.footer-links li a:hover {
  color: var(--primary-hover-color);
  text-decoration: none;
  /* Removed underline for a cleaner look */
}

.copyright-area {
  border-top: 1px solid var(--footer-border-color);
  background: var(--footer-bg-color);
  /* Matches footer background */
  font-size: 14px;
  color: var(--footer-copyright-color);
  padding: 20px 0;
  text-align: center;
}

.copyright-text a{
  margin: 0;
  font-size: 14px;
  color: var(--primary-text-color) !important;
}

.footer-menu ul {
  list-style: none;
  padding: 0;
  margin: 10px 0 0;
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  justify-content: center;
}

.footer-menu ul li a {
  color: var(--primary-text-color);
  text-decoration: none;
  font-size: 14px;
  transition: color 0.3s ease;
}

.footer-menu ul li a:hover {
  color: var(--footer-accent-color);
}
.copy-right{
  align-items: center;
  justify-content: space-between;
}

/* Responsive Styles */
@media (max-width: 991px) {

  .footer-widget-area,
  .copyright-area {
    text-align: center;
  }

  .footer-menu ul {
    justify-content: center;
    padding-top: 10px;
  }

  .social-links,
  .payment-icons {
    justify-content: center;
  }
}

@media (max-width: 767px) {

  .footer-widget-area,
  .popular-searches,
  .copyright-area {
    padding-left: 20px;
    padding-right: 20px;
  }

  .footer-logo img {
    margin: 0 auto 20px;
    display: block;
  }
}

@media (max-width: 575px) {

  .popular-searches .row>div,
  .footer-widget-area .row>div {
    margin-bottom: 35px;
  }

  .widget-title {
    font-size: 16px;
  }
}

.modal-content {
    border: 0;
    border-radius: 0;
    background-color: #353530;
}

.modal-body {
    padding: 55px 40px;
}

.modal-lg {
    max-width: 1000px;
}

.modal-body .close-btn {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 30px;
    height: 30px;
    z-index: 3;
}

.modal-body .close-btn a {
    font-size: 24px;
    display: block;
    width: 60px;
    height: 60px;
    color: #fff;
}

@media (max-width: 575px) {
    .modal-body {
        padding: 20px;
    }
}

@media(max-width: 991px) {
    body {
        cursor: default;
    }

    .parallax_scroll {
        transform: translate3d(0px, 0px, 0px) !important;
    }

    .circle-out {
        display: none;
    }
}

.on-load-modal .modal-dialog {
    max-width: 900px;
}

.on-load-modal .modal-dialog .modal-content .modal-content {
    position: relative;
    border-radius: 0;
    padding: 40px;
    background: #fcd462;
    background-size: cover;
    background-position: center;
    z-index: 1;
}

.on-load-modal .modal-dialog .modal-content .modal-content::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .4);
    z-index: -1;
}

.on-load-modal .modal-header {
    padding: 0;
    border: 0;
}

.on-load-modal .modal-header button {
    text-shadow: none;
    box-shadow: none;
    color: #fff;
    opacity: 1;
    font-weight: 100;
    padding: 0;
    margin: 0 0 0 auto;
    width: 40px;
    height: 40px;
}

.on-load-modal .modal-body {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.on-load-modal .modal-inner {
    width: 100%;
    max-width: 500px;
}

.on-load-modal .modal-inner .title {
    color: #fff;
    font-size: 35px;
    margin-bottom: 20px;
}

.on-load-modal .modal-inner p {
    color: #a3a3a3;
    margin-bottom: 20px;
}

.on-load-modal form button {
    margin-top: 20px;
    display: block;
    width: 100%;
}
.on-load-modal form input {
    margin-top: 20px;
    display: block;
    width: 100%;
    height: 50px;
}

/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url(data:image/gif;base64,R0lGODlhIAAgAPUAAP///wAAAPr6+sTExOjo6PDw8NDQ0H5+fpqamvb29ubm5vz8/JKSkoaGhuLi4ri4uKCgoOzs7K6urtzc3D4+PlZWVmBgYHx8fKioqO7u7kpKSmxsbAwMDAAAAM7OzsjIyNjY2CwsLF5eXh4eHkxMTLCwsAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH+GkNyZWF0ZWQgd2l0aCBhamF4bG9hZC5pbmZvACH5BAAKAAAAIf8LTkVUU0NBUEUyLjADAQAAACwAAAAAIAAgAAAG/0CAcEgkFjgcR3HJJE4SxEGnMygKmkwJxRKdVocFBRRLfFAoj6GUOhQoFAVysULRjNdfQFghLxrODEJ4Qm5ifUUXZwQAgwBvEXIGBkUEZxuMXgAJb1dECWMABAcHDEpDEGcTBQMDBQtvcW0RbwuECKMHELEJF5NFCxm1AAt7cH4NuAOdcsURy0QCD7gYfcWgTQUQB6Zkr66HoeDCSwIF5ucFz3IC7O0CC6zx8YuHhW/3CvLyfPX4+OXozKnDssBdu3G/xIHTpGAgOUPrZimAJCfDPYfDin2TQ+xeBnWbHi37SC4YIYkQhdy7FvLdpwWvjA0JyU/ISyIx4xS6sgfkNS4me2rtVKkgw0JCb8YMZdjwqMQ2nIY8BbcUQNVCP7G4MQq1KRivR7tiDEuEFrggACH5BAAKAAEALAAAAAAgACAAAAb/QIBwSCQmNBpCcckkEgREA4ViKA6azM8BEZ1Wh6LOBls0HA5fgJQ6HHQ6InKRcWhA1d5hqMMpyIkOZw9Ca18Qbwd/RRhnfoUABRwdI3IESkQFZxB4bAdvV0YJQwkDAx9+bWcECQYGCQ5vFEQCEQoKC0ILHqUDBncCGA5LBiHCAAsFtgqoQwS8Aw64f8m2EXdFCxO8INPKomQCBgPMWAvL0n/ff+jYAu7vAuxy8O/myvfX8/f7/Arq+v0W0HMnr9zAeE0KJlQkJIGCfE0E+PtDq9qfDMogDkGmrIBCbNQUZIDosNq1kUsEZJBW0dY/b0ZsLViQIMFMW+RKKgjFzp4fNokPIdki+Y8JNVxA79jKwHAI0G9JGw5tCqDWTiFRhVhtmhVA16cMJTJ1OnVIMo1cy1KVI5NhEAAh+QQACgACACwAAAAAIAAgAAAG/0CAcEgkChqNQnHJJCYWRMfh4CgamkzFwBOdVocNCgNbJAwGhKGUOjRQKA1y8XOGAtZfgIWiSciJBWcTQnhCD28Qf0UgZwJ3XgAJGhQVcgKORmdXhRBvV0QMY0ILCgoRmIRnCQIODgIEbxtEJSMdHZ8AGaUKBXYLIEpFExZpAG62HRRFArsKfn8FIsgjiUwJu8FkJLYcB9lMCwUKqFgGHSJ5cnZ/uEULl/CX63/x8KTNu+RkzPj9zc/0/Cl4V0/APDIE6x0csrBJwybX9DFhBhCLgAilIvzRVUriKHGlev0JtyuDvmsZUZlcIiCDnYu7KsZ0UmrBggRP7n1DqcDJEzciOgHwcwTyZEUmIKEMFVIqgyIjpZ4tjdTxqRCMPYVMBYDV6tavUZ8yczpkKwBxHsVWtaqo5tMgACH5BAAKAAMALAAAAAAgACAAAAb/QIBwSCQuBgNBcck0FgvIQtHRZCYUGSJ0IB2WDo9qUaBQKIXbLsBxOJTExUh5mB4iDo0zXEhWJNBRQgZtA3tPZQsAdQINBwxwAnpCC2VSdQNtVEQSEkOUChGSVwoLCwUFpm0QRAMVFBQTQxllCqh0kkIECF0TG68UG2O0foYJDb8VYVa0alUXrxoQf1WmZnsTFA0EhgCJhrFMC5Hjkd57W0jpDsPDuFUDHfHyHRzstNN78PPxHOLk5dwcpBuoaYk5OAfhXHG3hAy+KgLkgNozqwzDbgWYJQyXsUwGXKNA6fnYMIO3iPeIpBwyqlSCBKUqEQk5E6YRmX2UdAT5kEnHKkQ5hXjkNqTPtKAARl1sIrGoxSFNuSEFMNWoVCxEpiqyRlQY165wEHELAgAh+QQACgAEACwAAAAAIAAgAAAG/0CAcEgsKhSLonJJTBIFR0GxwFwmFJlnlAgaTKpFqEIqFJMBhcEABC5GjkPz0KN2tsvHBH4sJKgdd1NHSXILah9tAmdCC0dUcg5qVEQfiIxHEYtXSACKnWoGXAwHBwRDGUcKBXYFi0IJHmQEEKQHEGGpCnp3AiW1DKFWqZNgGKQNA65FCwV8bQQHJcRtds9MC4rZitVgCQbf4AYEubnKTAYU6eoUGuSpu3fo6+ka2NrbgQAE4eCmS9xVAOW7Yq7IgA4Hpi0R8EZBhDshOnTgcOtfM0cAlTigILFDiAFFNjk8k0GZgAxOBozouIHIOyKbFixIkECmIyIHOEiEWbPJTTQ5FxcVOMCgzUVCWwAcyZJvzy45ADYVZNIwTlIAVfNB7XRVDLxEWLQ4E9JsKq+rTdsMyhcEACH5BAAKAAUALAAAAAAgACAAAAb/QIBwSCwqFIuicklMEgVHQVHKVCYUmWeUWFAkqtOtEKqgAsgFcDFyHJLNmbZa6x2Lyd8595h8C48RagJmQgtHaX5XZUYKQ4YKEYSKfVKPaUMZHwMDeQBxh04ABYSFGU4JBpsDBmFHdXMLIKofBEyKCpdgspsOoUsLXaRLCQMgwky+YJ1FC4POg8lVAg7U1Q5drtnHSw4H3t8HDdnZy2Dd4N4Nzc/QeqLW1bnM7rXuV9tEBhQQ5UoCbJDmWKBAQcMDZNhwRVNCYANBChZYEbkVCZOwASEcCDFQ4SEDIq6WTVqQIMECBx06iCACQQPBiSabHDqzRUTKARMhSFCDrc+WNQIcOoRw5+ZIHj8ADqSEQBQAwKKLhIzowEEeGKQ0owIYkPKjHihZoBKi0KFE01b4zg7h4y4IACH5BAAKAAYALAAAAAAgACAAAAb/QIBwSCwqFIuicklMEgVHQVHKVCYUmWeUWFAkqtOtEKqgAsgFcDFyHJLNmbZa6x2Lyd8595h8C48RagJmQgtHaX5XZUUJeQCGChGEin1SkGlubEhDcYdOAAWEhRlOC12HYUd1eqeRokOKCphgrY5MpotqhgWfunqPt4PCg71gpgXIyWSqqq9MBQPR0tHMzM5L0NPSC8PCxVUCyeLX38+/AFfXRA4HA+pjmoFqCAcHDQa3rbxzBRD1BwgcMFIlidMrAxYICHHA4N8DIqpsUWJ3wAEBChQaEBnQoB6RRr0uARjQocMAAA0w4nMz4IOaU0lImkSngYKFc3ZWyTwJAALGK4fnNA3ZOaQCBQ22wPgRQlSIAYwSfkHJMrQkTyEbKFzFydQq15ccOAjUEwQAIfkEAAoABwAsAAAAACAAIAAABv9AgHBILCoUi6JySUwSBUdBUcpUJhSZZ5RYUCSq060QqqACyAVwMXIcks2ZtlrrHYvJ3zn3mHwLjxFqAmZCC0dpfldlRQl5AIYKEYSKfVKQaW5sSENxh04ABYSFGU4LXYdhR3V6p5GiQ4oKmGCtjkymi2qGBZ+6eo+3g8KDvYLDxKrJuXNkys6qr0zNygvHxL/V1sVD29K/AFfRRQUDDt1PmoFqHgPtBLetvMwG7QMes0KxkkIFIQNKDhBgKvCh3gQiqmxt6NDBAAEIEAgUOHCgBBEH9Yg06uWAIQUABihQMACgBEUHTRwoUEOBIcqQI880OIDgm5ABDA8IgUkSwAAyij1/jejAARPPIQwONBCnBAJDCEOOCnFA8cOvEh1CEJEqBMIBEDaLcA3LJIEGDe/0BAEAIfkEAAoACAAsAAAAACAAIAAABv9AgHBILCoUi6JySUwSBUdBUcpUJhSZZ5RYUCSq060QqqACyAVwMXIcks2ZtlrrHYvJ3zn3mHwLjxFqAmZCC0dpfldlRQl5AIYKEYSKfVKQaW5sSENxh04ABYSFGU4LXYdhR3V6p5GiQ4oKmGCtjkymi2qGBZ+6eo+3g8KDvYLDxKrJuXNkys6qr0zNygvHxL/V1sVDDti/BQccA8yrYBAjHR0jc53LRQYU6R0UBnO4RxmiG/IjJUIJFuoVKeCBigBN5QCk43BgFgMKFCYUGDAgFEUQRGIRYbCh2xACEDcAcHDgQDcQFGf9s7VkA0QCI0t2W0DRw68h8ChAEELSJE8xijBvVqCgIU9PjwA+UNzG5AHEB9xkDpk4QMGvARQsEDlKxMCALDeLcA0rqEEDlWCCAAAh+QQACgAJACwAAAAAIAAgAAAG/0CAcEgsKhSLonJJTBIFR0FRylQmFJlnlFhQJKrTrRCqoALIBXAxchySzZm2Wusdi8nfOfeYfAuPEWoCZkILR2l+V2VFCXkAhgoRhIp9UpBpbmxIQ3GHTgAFhIUZTgtdh2FHdXqnkaJDigqYYK2OTKaLaoYFn7p6j0wOA8PEAw6/Z4PKUhwdzs8dEL9kqqrN0M7SetTVCsLFw8d6C8vKvUQEv+dVCRAaBnNQtkwPFRQUFXOduUoTG/cUNkyYg+tIBlEMAFYYMAaBuCekxmhaJeSeBgiOHhw4QECAAwcCLhGJRUQCg3RDCmyUVmBYmlOiGqmBsPGlyz9YkAlxsJEhqCubABS9AsPgQAMqLQfM0oTMwEZ4QpLOwvMLxAEEXIBG5aczqtaut4YNXRIEACH5BAAKAAoALAAAAAAgACAAAAb/QIBwSCwqFIuicklMEgVHQVHKVCYUmWeUWFAkqtOtEKqgAsgFcDFyHJLNmbZa6x2Lyd8595h8C48RahAQRQtHaX5XZUUJeQAGHR0jA0SKfVKGCmlubEhCBSGRHSQOQwVmQwsZTgtdh0UQHKIHm2quChGophuiJHO3jkwOFB2UaoYFTnMGegDKRQQG0tMGBM1nAtnaABoU3t8UD81kR+UK3eDe4nrk5grR1NLWegva9s9czfhVAgMNpWqgBGNigMGBAwzmxBGjhACEgwcgzAPTqlwGXQ8gMgAhZIGHWm5WjelUZ8jBBgPMTBgwIMGCRgsygVSkgMiHByD7DWDmx5WuMkZqDLCU4gfAq2sACrAEWFSRLjUfWDopCqDTNQIsJ1LF0yzDAA90UHV5eo0qUjB8mgUBACH5BAAKAAsALAAAAAAgACAAAAb/QIBwSCwqFIuickk0FIiCo6A4ZSoZnRBUSiwoEtYipNOBDKOKKgD9DBNHHU4brc4c3cUBeSOk949geEQUZA5rXABHEW4PD0UOZBSHaQAJiEMJgQATFBQVBkQHZKACUwtHbX0RR0mVFp0UFwRCBSQDSgsZrQteqEUPGrAQmmG9ChFqRAkMsBd4xsRLBBsUoG6nBa14E4IA2kUFDuLjDql4peilAA0H7e4H1udH8/Ps7+3xbmj0qOTj5mEWpEP3DUq3glYWOBgAcEmUaNI+DBjwAY+dS0USGJg4wABEXMYyJNvE8UOGISKVCNClah4xjg60WUKyINOCUwrMzVRARMGENWQ4n/jpNTKTm15J/CTK2e0MoD+UKmHEs4onVDVVmyqdpAbNR4cKTjqNSots07EjzzJh1S0IADsAAAAAAAAAAAA=) center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url(/static/media/slick.a4e97f5a2a64f0ab1323.eot);
    src: url(/static/media/slick.a4e97f5a2a64f0ab1323.eot?#iefix) format('embedded-opentype'), url(/static/media/slick.295183786cd8a1389865.woff) format('woff'), url(/static/media/slick.c94f7671dcc99dce43e2.ttf) format('truetype'), url(/static/media/slick.2630a3e3eab21c607e21.svg#slick) format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

/* Hero Banner Component Styles */
.hero-banner {
    position: relative;
    width: 100%;
    margin: 0 auto;
    background-color: var(--primary-card-color);
    padding: 0.5rem;
    overflow: hidden;
    margin-top: 150px;
}

/* Skeleton Loading */
.hero-skeleton-container {
    width: 100%;
    position: relative;
    overflow: hidden;
    background-color: var(--primary-color);
}

.hero-skeleton-placeholder {
    width: 100%;
    padding-top: 45%;
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: shimmer 1.5s infinite;
}

@keyframes shimmer {
    0% {
        background-position: 200% 0;
    }

    100% {
        background-position: -200% 0;
    }
}

/* Slide Container */
.hero-slide {
    position: relative;
    width: 100%;
    outline: none;
    transition: transform 0.3s ease;
}

/* Make adjacent slides smaller and slightly transparent */
.slick-slide:not(.slick-center) {
    transform: scale(0.92);
    opacity: 0.7;
    transition: all 0.3s ease;
}

/* Media Container */
.hero-media {
    position: relative;
    width: 100%;
    padding-top: 45%;
    height: 0;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.hero-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform 0.4s ease;
}

.hero-slide.slick-active .hero-image {
    transform: scale(1.02);
}

/* Content Container */
.hero-content-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    z-index: 2;
}

/* Content */
.hero-content {
    max-width: 600px;
    padding: 2rem 4rem;
    color: #fff;
    color: var(--white-color, #fff);
    text-align: left;
}

.banner-hero-title {
    font-family: 'Playfair Display', serif;
    font-family: var(--title-font, 'Playfair Display', serif);
    font-size: clamp(2rem, 4vw, 3rem);
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 1rem;
    color: var(--green-color);
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}

.banner-hero-description {
    font-family: 'Roboto', sans-serif;
    font-family: var(--secondary-font, 'Roboto', sans-serif);
    font-size: clamp(1rem, 2vw, 1rem);
    line-height: 1.6;
    margin-bottom: 2rem;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
    color: var(--primary-text-color);
}

/* Button */
.banner-hero-buttons {
    font-family: var(--secondary-font);
    font-size: clamp(0.9rem, 2vw, 0.9rem);
    font-weight: 400 ;
    letter-spacing: 1px;
    padding: 0.65rem 1rem;
    border: none ;
    border-radius: 10px ;
    color: #fff;
    color: var(--primary-text-color, #fff) ;
    position: relative;
    overflow: hidden;
    transition: all 0.4s ease;
    z-index: 1;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

.banner-hero-buttons::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 100%;
    background-color:  #cd865c !important;
    transition: width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    z-index: -1;
}

.banner-hero-buttons:hover {
    border-color: #cd865c;
    border-color: var(--primary-hover-color, #cd865c);
    color: #fff;
    color: var(--white-color, #fff);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.banner-hero-buttons:hover::before {
    width: 100%;
    right: auto;
    left: 0;
}

/* Slick Slider Arrows */
.slick-prev,
.slick-next {
    width: 40px;
    height: 40px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    z-index: 2;
    transition: all 0.3s ease;
}

.slick-prev:hover,
.slick-next:hover {
    background: #cd865c;
    background: var(--primary-hover-color, #cd865c);
    transform: scale(1.1);
}

.slick-prev:before,
.slick-next:before {
    font-size: 20px;
    color: #fff;
    color: var(--white-color, #fff);
}

.slick-prev {
    left: 10px;
}

.slick-next {
    right: 10px;
}

/* Slick Slider Dots */
.slick-dots {
    bottom: 20px;
    z-index: 2;
}

.slick-dots li button:before {
    font-size: 12px;
    color: #fff;
    color: var(--white-color, #fff);
    opacity: 0.5;
}

.slick-dots li.slick-active button:before {
    color: #cd865c;
    color: var(--primary-hover-color, #cd865c);
    opacity: 1;
}

/* Responsive Adjustments */
@media (max-width: 1300px) {
    .hero-media {
        padding-top: 50%;
    }

    .hero-content {
        padding: 2rem;
    }
}

@media (max-width: 992px) {
    .hero-banner{
        margin-top: 70px ;
    }
    .hero-media {
        padding-top: 55%;
    }

    .banner-hero-title {
        font-size: clamp(1.8rem, 4vw, 2.8rem);
    }

    .hero-content {
        padding: 1.5rem;
    }

    .slick-slide:not(.slick-center) {
        transform: scale(0.95);
        opacity: 0.8;
    }
}

@media (max-width: 768px) {
    .hero-banner {
            margin-top: 140px;
        }
    .hero-media {
        padding-top: 65%;
    }

    .hero-content {
        padding: 1rem;
        max-width: 70%;
    }

    .banner-hero-title {
        font-size: clamp(1.5rem, 3.5vw, 2.2rem);
    }

    .banner-hero-description {
        font-size: clamp(0.7rem, 2vw, 0.8rem) !important;
        margin-bottom: 1.5rem;
    }

    .banner-hero-button {
        padding: 0.6rem 1.3rem !important;
        font-size: clamp(0.7rem, 1vw, 0.7rem) !important;
    }

    .slick-prev,
    .slick-next {
        width: 35px;
        height: 35px;
    }

    .slick-prev:before,
    .slick-next:before {
        font-size: 18px;
    }
}

@media (max-width: 576px) {
    .hero-media {
        padding-top: 55%;
    }

    .hero-content {
        padding: 0.75rem;
        max-width: 60%;
    }

    .banner-hero-title {
        font-size: clamp(1.2rem, 2vw, 1.8rem) ;
    }

    .banner-hero-description {
        font-size: clamp(0.6rem, 1vw, 0.5rem) !important;
        margin-bottom: 1rem;
    }

    .banner-hero-button {
        padding: 0.5rem 1rem !important;
        font-size: 10px !important;
    }

    .slick-slide:not(.slick-center) {
        transform: scale(1);
        opacity: 1;
    }
}

@media (max-width: 400px) {
    .hero-media {
        padding-top: 55%;
    }

    .hero-content {
        padding: 0.5rem;
    }

    .banner-hero-buttons {
        padding: 0.4rem 1rem ;
        font-size: 10px;
    }
}

/* Accessibility */
.hero-button:focus-visible,
.slick-prev:focus-visible,
.slick-next:focus-visible {
    outline: 2px solid #cd865c;
    outline: 2px solid var(--primary-hover-color, #cd865c);
    outline-offset: 2px;
}

/* Reduced Motion */
@media (prefers-reduced-motion: reduce) {

    .hero-image,
    .hero-buttons,
    .hero-buttons::before,
    .slick-slide {
        transition: none !important;
    }

    .hero-skeleton-placeholder {
        animation: none;
    }
}
/* src/components/pages/notificationModal/NotificationModal.css */

/* Overlay */
.notif-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--overlay-bg);
    -webkit-backdrop-filter: var(--overlay-blur);
            backdrop-filter: var(--overlay-blur);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2000;
}

/* Modal box */
.notif-modal {
    background: var(--white-color);
    padding: 2rem;
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-lg);
    width: 90%;
    max-width: 400px;
    text-align: center;
    animation: fadeIn var(--transition);
}

/* Title */
.notif-title {
    font-family: var(--title-font);
    font-size: 2.5rem;
    background: var(--gradient-text);
    color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    margin-bottom: 0.5rem;
    text-shadow: var(--text-shadow);
    font-weight: bolder;
}

/* Message */
.notif-message {
    font-family: var(--secondary-font);
    font-size: 0.9rem;
    color: var(--primary-text-color);
    margin-bottom: 1.5rem;
}

/* Buttons */
.notif-actions {
    display: flex;
    gap: 1rem;
    justify-content: center;
    flex-wrap: wrap;
}

.notif-btn {
    padding: 0.6rem 1.2rem;
    border: none;
    border-radius: var(--radius-md);
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: var(--transition);
    font-family: var(--secondary-font);
    min-width: 120px;
}

.notif-allow {
    background: var(--button-bg);
    color: var(--white-color);
    box-shadow: var(--shadow-md);
}

.notif-allow:hover {
    background: var(--primary-text-color);
}

.notif-cancel {
    background: var(--grey-color);
    color: var(--white-color);
}

.notif-cancel:hover {
    background: var(--black-color);
}

/* Fade In Animation */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(-15px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ============================= */
/* Responsive Styles */
/* ============================= */

/* Tablets */
@media (max-width: 768px) {
    .notif-modal {
        padding: 1.5rem;
        max-width: 340px;
    }

    .notif-title {
        font-size: 2rem;
    }

    .notif-message {
        font-size: 0.85rem;
    }

    .notif-btn {
        font-size: 0.8rem;
        padding: 0.5rem 1rem;
    }
}

/* Mobile */
@media (max-width: 480px) {
    .notif-modal {
        padding: 1.2rem;
        max-width: 300px;
    }

    .notif-title {
        font-size: 1.6rem;
    }

    .notif-message {
        font-size: 0.8rem;
    }

    .notif-btn {
        font-size: 0.65rem;
        padding: 0.45rem 0.9rem;
        min-width: 100px;
    }
}
.category-container {
    width: 100%;
    padding: 2rem 1rem;
    background-color: var(--primary-color);
    font-family: var(--secondary-font);
}

.category-grid {
    display: flex;
    flex-wrap: nowrap;
    gap: 1rem;
    margin: 0 auto;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color: var(--primary-hover-color) var(--primary-color);
}

.category-card {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc(33.333% - 0.666rem);
    min-width: 200px;
    height: 20vw;
    max-height: 300px;
    min-height: 150px;
    background-color: var(--primary-card-color);
    position: relative;
    overflow: hidden;
    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.4s ease;
    scroll-snap-align: start;
    border-radius: 12px;
}


.title-container {
    margin: 1rem 0;
    text-align: center;
}

.occ-title {
    background: var(--gradient-border);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    text-shadow: var(--text-shadow);
    font-family: var(--title-font);
    font-weight: bolder;
    font-size: 40px;
}

.occ-sub-title {
    margin: 10px auto;
    color: var(--primary-text-color);
    font-family: var(--secondary-font);
    font-size: 16px;
    font-weight: 500;
    opacity: 0.7;
}

.category-image {
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    object-fit: contain;
    object-position: center;
    transition: transform 0.4s ease, filter 0.4s ease;
}

.category-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 60%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    color: var(--primary-text-color);
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.95) 80%, transparent);
    z-index: 2;
}

.category-tag {
    font-family: var(--title-font);
    font-size: calc(1.2rem + 0.4vw);
    text-transform: capitalize;
    font-weight: bolder;
    color: var(--primary-text-color);
    margin-bottom: 0.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
    line-height: 1.2;
    text-shadow: var(--shadow-sm);
}

.category-btn {
    font-family: var(--title-font);
    font-size: clamp(0.7rem, 1.3vw, 0.8rem);
    font-weight: 500;
    text-transform: capitalize;
    color: var(--white-color);
    background: linear-gradient(135deg, var(--primary-hover-color), #b76e4a);
    border: none;
    padding: clamp(0.4rem, 0.7vw, 0.6rem) clamp(0.7rem, 1vw, 1rem);
    border-radius: 5px;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    box-shadow: var(--button-shadow);
    letter-spacing: 0.08em;
    display: flex;
    align-items: center;
    gap: 0.2rem;
    white-space: nowrap;
    width: -webkit-fit-content;
    width: fit-content;
}

.category-btn:hover {
    background: linear-gradient(135deg, #b76e4a, var(--primary-hover-color));
    transform: translateY(-2px) scale(1.03);
    box-shadow: var(--button-hover-shadow);
    filter: var(--button-glow);
}

.category-btn:focus {
    outline: 2px solid var(--primary-hover-color);
    outline-offset: 2px;
    box-shadow: 0 0 0 4px rgba(205, 134, 92, 0.2);
}

.category-btn:active {
    transform: translateY(0);
    box-shadow: 0 2px 8px rgba(205, 134, 92, 0.2);
}

.btn-icon {
    font-size: clamp(0.4rem, 1vw, 0.4rem);
    transition: all 0.3s ease;
}

.category-btn:hover .btn-icon {
    transform: rotate(20deg) scale(1.2);
}

.btn-text {
    font-size: clamp(0.65rem, 1vw, 0.8rem);
    font-weight: 600;
    text-transform: capitalize;
    letter-spacing: 0.02em;
}

.btn-arrow {
    font-size: clamp(0.6rem, 1vw, 0.8rem);
    transition: transform 0.3s ease;
}

.category-btn:hover .btn-arrow {
    transform: translateX(6px);
}

.category-loading,
.category-error {
    text-align: center;
    padding: 2rem;
    color: var(--primary-text-color);
    font-family: 'Montserrat', sans-serif;
}

.category-error {
    color: #dc3545;
}

.shimmer {
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: shimmer 1.5s infinite;
    border-radius: 4px;
}

.category-image.shimmer {
    width: 60%;
    height: 100%;
}

@keyframes shimmer {
    0% {
        background-position: 200% 0;
    }

    100% {
        background-position: -200% 0;
    }
}

/* Tablet Responsive Styles */
@media (max-width: 1024px) {
    .category-container {
        padding: 1.8rem 1rem;
    }

    .category-card {
        height: 22vw;
        min-height: 140px;
    }

    .category-content {
        width: 45%;
        padding: 0.8rem;
    }

    .category-tag {
        font-size: calc(1rem + 0.4vw);
        margin-bottom: 0.4rem;
    }

    .occ-title {
        font-size: 32px;
    }

    .occ-sub-title {
        font-size: 14px;
    }
         .category-image {
             object-fit: contain;
             object-position: center right;
         }
         
}

/* Mobile Responsive Styles */
@media (max-width: 768px) {
    .category-container {
        padding: 1.5rem 0.75rem;
    }

    .category-grid {
        gap: 0.75rem;
    }

    .category-card {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: calc(33.333% - 0.5rem);
        min-width: 140px;
        height: 16vw;
        min-height: 110px;
        max-height: 160px;
        border-radius: 10px;
    }

    .category-content {
        width: 50%;
        padding: 0.6rem;
    }

    .category-tag {
        font-size: clamp(0.6rem, 2.5vw, 0.9rem);
        margin-bottom: 0.3rem;
        line-height: 1.1;
    }

    .category-btn {
        font-size: clamp(0.5rem, 1.8vw, 0.65rem);
        padding: clamp(0.25rem, 1.2vw, 0.4rem) clamp(0.4rem, 1.5vw, 0.6rem);
        border-radius: 4px;
        gap: 0.15rem;
    }

    .btn-icon {
        font-size: clamp(0.4rem, 1.2vw, 0.5rem);
    }

    .btn-text {
        font-size: clamp(0.45rem, 1.5vw, 0.6rem);
        font-weight: 500;
    }

    .btn-arrow {
        font-size: clamp(0.4rem, 1.4vw, 0.55rem);
    }

    .occ-title {
        font-size: 26px;
    }

    .occ-sub-title {
        font-size: 12px;
    }

    /* Ensure image stays contained */
    .category-image {
        object-fit: contain;
        object-position: center right;
    }
}

/* Small Mobile Responsive Styles */
@media (max-width: 576px) {
    .category-container {
        padding: 1.2rem 0.5rem;
    }

    .category-grid {
        display: flex;
        flex-wrap: wrap;
        gap: 0.8rem;
    }

    .category-card {
        min-width: 100px;
        min-height: 100px;
        max-height: 140px;
        border-radius: 8px;
    }

    .category-card:nth-child(1) {
        flex: 0 0 100%;
        height: 35vw;
        max-height: 200px;
        min-height: 120px;
    }

    .category-card:nth-child(2),
    .category-card:nth-child(3) {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: calc(50% - 0.4rem);
        height: 20vw;
        max-height: 120px;
        min-height: 100px;
    }

    .category-content {
        width: 55%;
        padding: 0.5rem;
    }

    .category-tag {
        font-size: clamp(0.55rem, 3vw, 0.75rem);
        margin-bottom: 0.25rem;
        line-height: 1;
    }

    .category-btn {
        font-size: clamp(0.4rem, 2.2vw, 0.55rem);
        padding: clamp(0.2rem, 1vw, 0.35rem) clamp(0.3rem, 1.2vw, 0.5rem);
        border-radius: 3px;
        gap: 0.1rem;
    }

    .btn-icon {
        font-size: clamp(0.8rem, 1vw, 0.3rem) !important;
    }

    .btn-text {
        font-size: clamp(0.7rem, 2vw, 1rem) ;
        font-weight: 500;
    }

    .btn-arrow {
        font-size: clamp(0.8rem, 2vw, 0.55rem);
        font-weight: bolder;
    }

    .occ-title {
        font-size: 20px;
    }

    .occ-sub-title {
        font-size: 10px;
        margin: 8px auto;
    }

    /* Enhanced image containment for small screens */
    .category-image {
        object-fit: cover;
        object-position: center;
        width: 100%;
        height: 100%;
    }

    /* Prevent content overflow */
    .category-content {
        background: linear-gradient(90deg, rgba(255, 255, 255, 0.98) 85%, transparent);
    }
}

/* Extra Small Mobile */
@media (max-width: 380px) {
    .category-container {
        padding: 1rem 0.4rem;
    }

    .category-card {
        min-width: 90px;
        min-height: 90px;
    }

    .category-card:nth-child(1) {
        height: 30vw;
        min-height: 120px;
    }

    .category-card:nth-child(2),
    .category-card:nth-child(3) {
        height: 18vw;
        min-height: 85px;
    }

    .category-content {
        width: 60%;
        padding: 0.4rem;
    }

    .category-tag {
        font-size: clamp(0.5rem, 3.5vw, 0.65rem);
        margin-bottom: 0.2rem;
    }

    .category-btn {
        font-size: clamp(0.35rem, 2.5vw, 0.48rem);
        padding: clamp(0.15rem, 0.8vw, 0.3rem) clamp(0.25rem, 1vw, 0.4rem);
    }

    .btn-icon,
    .btn-text,
    .btn-arrow {
        font-size: clamp(0.6rem, 2vw, 1rem) !important;
    }
}
@charset "UTF-8";/*!
 * Bootstrap  v5.3.8 (https://getbootstrap.com/)
 * Copyright 2011-2025 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */:root,[data-bs-theme=light]{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-black:#000;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-primary-rgb:13,110,253;--bs-secondary-rgb:108,117,125;--bs-success-rgb:25,135,84;--bs-info-rgb:13,202,240;--bs-warning-rgb:255,193,7;--bs-danger-rgb:220,53,69;--bs-light-rgb:248,249,250;--bs-dark-rgb:33,37,41;--bs-primary-text-emphasis:#052c65;--bs-secondary-text-emphasis:#2b2f32;--bs-success-text-emphasis:#0a3622;--bs-info-text-emphasis:#055160;--bs-warning-text-emphasis:#664d03;--bs-danger-text-emphasis:#58151c;--bs-light-text-emphasis:#495057;--bs-dark-text-emphasis:#495057;--bs-primary-bg-subtle:#cfe2ff;--bs-secondary-bg-subtle:#e2e3e5;--bs-success-bg-subtle:#d1e7dd;--bs-info-bg-subtle:#cff4fc;--bs-warning-bg-subtle:#fff3cd;--bs-danger-bg-subtle:#f8d7da;--bs-light-bg-subtle:#fcfcfd;--bs-dark-bg-subtle:#ced4da;--bs-primary-border-subtle:#9ec5fe;--bs-secondary-border-subtle:#c4c8cb;--bs-success-border-subtle:#a3cfbb;--bs-info-border-subtle:#9eeaf9;--bs-warning-border-subtle:#ffe69c;--bs-danger-border-subtle:#f1aeb5;--bs-light-border-subtle:#e9ecef;--bs-dark-border-subtle:#adb5bd;--bs-white-rgb:255,255,255;--bs-black-rgb:0,0,0;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#212529;--bs-body-color-rgb:33,37,41;--bs-body-bg:#fff;--bs-body-bg-rgb:255,255,255;--bs-emphasis-color:#000;--bs-emphasis-color-rgb:0,0,0;--bs-secondary-color:rgba(33, 37, 41, 0.75);--bs-secondary-color-rgb:33,37,41;--bs-secondary-bg:#e9ecef;--bs-secondary-bg-rgb:233,236,239;--bs-tertiary-color:rgba(33, 37, 41, 0.5);--bs-tertiary-color-rgb:33,37,41;--bs-tertiary-bg:#f8f9fa;--bs-tertiary-bg-rgb:248,249,250;--bs-heading-color:inherit;--bs-link-color:#0d6efd;--bs-link-color-rgb:13,110,253;--bs-link-decoration:underline;--bs-link-hover-color:#0a58ca;--bs-link-hover-color-rgb:10,88,202;--bs-code-color:#d63384;--bs-highlight-color:#212529;--bs-highlight-bg:#fff3cd;--bs-border-width:1px;--bs-border-style:solid;--bs-border-color:#dee2e6;--bs-border-color-translucent:rgba(0, 0, 0, 0.175);--bs-border-radius:0.375rem;--bs-border-radius-sm:0.25rem;--bs-border-radius-lg:0.5rem;--bs-border-radius-xl:1rem;--bs-border-radius-xxl:2rem;--bs-border-radius-2xl:var(--bs-border-radius-xxl);--bs-border-radius-pill:50rem;--bs-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15);--bs-box-shadow-sm:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);--bs-box-shadow-lg:0 1rem 3rem rgba(0, 0, 0, 0.175);--bs-box-shadow-inset:inset 0 1px 2px rgba(0, 0, 0, 0.075);--bs-focus-ring-width:0.25rem;--bs-focus-ring-opacity:0.25;--bs-focus-ring-color:rgba(13, 110, 253, 0.25);--bs-form-valid-color:#198754;--bs-form-valid-border-color:#198754;--bs-form-invalid-color:#dc3545;--bs-form-invalid-border-color:#dc3545}[data-bs-theme=dark]{color-scheme:dark;--bs-body-color:#dee2e6;--bs-body-color-rgb:222,226,230;--bs-body-bg:#212529;--bs-body-bg-rgb:33,37,41;--bs-emphasis-color:#fff;--bs-emphasis-color-rgb:255,255,255;--bs-secondary-color:rgba(222, 226, 230, 0.75);--bs-secondary-color-rgb:222,226,230;--bs-secondary-bg:#343a40;--bs-secondary-bg-rgb:52,58,64;--bs-tertiary-color:rgba(222, 226, 230, 0.5);--bs-tertiary-color-rgb:222,226,230;--bs-tertiary-bg:#2b3035;--bs-tertiary-bg-rgb:43,48,53;--bs-primary-text-emphasis:#6ea8fe;--bs-secondary-text-emphasis:#a7acb1;--bs-success-text-emphasis:#75b798;--bs-info-text-emphasis:#6edff6;--bs-warning-text-emphasis:#ffda6a;--bs-danger-text-emphasis:#ea868f;--bs-light-text-emphasis:#f8f9fa;--bs-dark-text-emphasis:#dee2e6;--bs-primary-bg-subtle:#031633;--bs-secondary-bg-subtle:#161719;--bs-success-bg-subtle:#051b11;--bs-info-bg-subtle:#032830;--bs-warning-bg-subtle:#332701;--bs-danger-bg-subtle:#2c0b0e;--bs-light-bg-subtle:#343a40;--bs-dark-bg-subtle:#1a1d20;--bs-primary-border-subtle:#084298;--bs-secondary-border-subtle:#41464b;--bs-success-border-subtle:#0f5132;--bs-info-border-subtle:#087990;--bs-warning-border-subtle:#997404;--bs-danger-border-subtle:#842029;--bs-light-border-subtle:#495057;--bs-dark-border-subtle:#343a40;--bs-heading-color:inherit;--bs-link-color:#6ea8fe;--bs-link-hover-color:#8bb9fe;--bs-link-color-rgb:110,168,254;--bs-link-hover-color-rgb:139,185,254;--bs-code-color:#e685b5;--bs-highlight-color:#dee2e6;--bs-highlight-bg:#664d03;--bs-border-color:#495057;--bs-border-color-translucent:rgba(255, 255, 255, 0.15);--bs-form-valid-color:#75b798;--bs-form-valid-border-color:#75b798;--bs-form-invalid-color:#ea868f;--bs-form-invalid-border-color:#ea868f}*,::after,::before{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-family:var(--bs-body-font-family);font-size:1rem;font-size:var(--bs-body-font-size);font-weight:400;font-weight:var(--bs-body-font-weight);line-height:1.5;line-height:var(--bs-body-line-height);color:#212529;color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:#fff;background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}hr{margin:1rem 0;color:inherit;border:0;border-top:1px solid;border-top:var(--bs-border-width) solid;opacity:.25}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2;color:inherit;color:var(--bs-heading-color)}.h1,h1{font-size:calc(1.375rem + 1.5vw)}@media (min-width:1200px){.h1,h1{font-size:2.5rem}}.h2,h2{font-size:calc(1.325rem + .9vw)}@media (min-width:1200px){.h2,h2{font-size:2rem}}.h3,h3{font-size:calc(1.3rem + .6vw)}@media (min-width:1200px){.h3,h3{font-size:1.75rem}}.h4,h4{font-size:calc(1.275rem + .3vw)}@media (min-width:1200px){.h4,h4{font-size:1.5rem}}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}p{margin-top:0;margin-bottom:1rem}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul{padding-left:2rem}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}.small,small{font-size:.875em}.mark,mark{padding:.1875em;color:#212529;color:var(--bs-highlight-color);background-color:#fff3cd;background-color:var(--bs-highlight-bg)}sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:rgba(13,110,253,1);color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1));text-decoration:underline}a:hover{--bs-link-color-rgb:var(--bs-link-hover-color-rgb)}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-family:var(--bs-font-monospace);font-size:1em}pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:.875em}pre code{font-size:inherit;color:inherit;word-break:normal}code{font-size:.875em;color:#d63384;color:var(--bs-code-color);word-wrap:break-word}a>code{color:inherit}kbd{padding:.1875rem .375rem;font-size:.875em;color:#fff;color:var(--bs-body-bg);background-color:#212529;background-color:var(--bs-body-color);border-radius:.25rem}kbd kbd{padding:0;font-size:1em}figure{margin:0 0 1rem}img,svg{vertical-align:middle}table{caption-side:bottom;border-collapse:collapse}caption{padding-top:.5rem;padding-bottom:.5rem;color:rgba(33, 37, 41, 0.75);color:var(--bs-secondary-color);text-align:left}th{text-align:inherit;text-align:-webkit-match-parent}tbody,td,tfoot,th,thead,tr{border-color:inherit;border-style:solid;border-width:0}label{display:inline-block}button{border-radius:0}button:focus:not(:focus-visible){outline:0}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}select:disabled{opacity:1}[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator{display:none!important}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}textarea{resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{float:left;width:100%;padding:0;margin-bottom:.5rem;line-height:inherit;font-size:calc(1.275rem + .3vw)}@media (min-width:1200px){legend{font-size:1.5rem}}legend+*{clear:left}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button{cursor:pointer;filter:grayscale(1)}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}::file-selector-button{font:inherit;-webkit-appearance:button}output{display:inline-block}iframe{border:0}summary{display:list-item;cursor:pointer}progress{vertical-align:baseline}[hidden]{display:none!important}.lead{font-size:1.25rem;font-weight:300}.display-1{font-weight:300;line-height:1.2;font-size:calc(1.625rem + 4.5vw)}@media (min-width:1200px){.display-1{font-size:5rem}}.display-2{font-weight:300;line-height:1.2;font-size:calc(1.575rem + 3.9vw)}@media (min-width:1200px){.display-2{font-size:4.5rem}}.display-3{font-weight:300;line-height:1.2;font-size:calc(1.525rem + 3.3vw)}@media (min-width:1200px){.display-3{font-size:4rem}}.display-4{font-weight:300;line-height:1.2;font-size:calc(1.475rem + 2.7vw)}@media (min-width:1200px){.display-4{font-size:3.5rem}}.display-5{font-weight:300;line-height:1.2;font-size:calc(1.425rem + 2.1vw)}@media (min-width:1200px){.display-5{font-size:3rem}}.display-6{font-weight:300;line-height:1.2;font-size:calc(1.375rem + 1.5vw)}@media (min-width:1200px){.display-6{font-size:2.5rem}}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:.5rem}.initialism{font-size:.875em;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:1.25rem}.blockquote>:last-child{margin-bottom:0}.blockquote-footer{margin-top:-1rem;margin-bottom:1rem;font-size:.875em;color:#6c757d}.blockquote-footer::before{content:"— "}.img-fluid{max-width:100%;height:auto}.img-thumbnail{padding:.25rem;background-color:#fff;background-color:var(--bs-body-bg);border:1px solid #dee2e6;border:var(--bs-border-width) solid var(--bs-border-color);border-radius:0.375rem;border-radius:var(--bs-border-radius);max-width:100%;height:auto}.figure{display:inline-block}.figure-img{margin-bottom:.5rem;line-height:1}.figure-caption{font-size:.875em;color:rgba(33, 37, 41, 0.75);color:var(--bs-secondary-color)}.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{--bs-gutter-x:1.5rem;--bs-gutter-y:0;width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-right:auto;margin-left:auto}@media (min-width:576px){.container,.container-sm{max-width:540px}}@media (min-width:768px){.container,.container-md,.container-sm{max-width:720px}}@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}}@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}}@media (min-width:1400px){.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1320px}}:root{--bs-breakpoint-xs:0;--bs-breakpoint-sm:576px;--bs-breakpoint-md:768px;--bs-breakpoint-lg:992px;--bs-breakpoint-xl:1200px;--bs-breakpoint-xxl:1400px}.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-.5 * var(--bs-gutter-x));margin-left:calc(-.5 * var(--bs-gutter-x))}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y)}.col{flex:1 0}.row-cols-auto>*{flex:0 0 auto;width:auto}.row-cols-1>*{flex:0 0 auto;width:100%}.row-cols-2>*{flex:0 0 auto;width:50%}.row-cols-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-4>*{flex:0 0 auto;width:25%}.row-cols-5>*{flex:0 0 auto;width:20%}.row-cols-6>*{flex:0 0 auto;width:16.66666667%}.col-auto{flex:0 0 auto;width:auto}.col-1{flex:0 0 auto;width:8.33333333%}.col-2{flex:0 0 auto;width:16.66666667%}.col-3{flex:0 0 auto;width:25%}.col-4{flex:0 0 auto;width:33.33333333%}.col-5{flex:0 0 auto;width:41.66666667%}.col-6{flex:0 0 auto;width:50%}.col-7{flex:0 0 auto;width:58.33333333%}.col-8{flex:0 0 auto;width:66.66666667%}.col-9{flex:0 0 auto;width:75%}.col-10{flex:0 0 auto;width:83.33333333%}.col-11{flex:0 0 auto;width:91.66666667%}.col-12{flex:0 0 auto;width:100%}.offset-1{margin-left:8.33333333%}.offset-2{margin-left:16.66666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.33333333%}.offset-5{margin-left:41.66666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.33333333%}.offset-8{margin-left:66.66666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.33333333%}.offset-11{margin-left:91.66666667%}.g-0,.gx-0{--bs-gutter-x:0}.g-0,.gy-0{--bs-gutter-y:0}.g-1,.gx-1{--bs-gutter-x:0.25rem}.g-1,.gy-1{--bs-gutter-y:0.25rem}.g-2,.gx-2{--bs-gutter-x:0.5rem}.g-2,.gy-2{--bs-gutter-y:0.5rem}.g-3,.gx-3{--bs-gutter-x:1rem}.g-3,.gy-3{--bs-gutter-y:1rem}.g-4,.gx-4{--bs-gutter-x:1.5rem}.g-4,.gy-4{--bs-gutter-y:1.5rem}.g-5,.gx-5{--bs-gutter-x:3rem}.g-5,.gy-5{--bs-gutter-y:3rem}@media (min-width:576px){.col-sm{flex:1 0}.row-cols-sm-auto>*{flex:0 0 auto;width:auto}.row-cols-sm-1>*{flex:0 0 auto;width:100%}.row-cols-sm-2>*{flex:0 0 auto;width:50%}.row-cols-sm-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-sm-4>*{flex:0 0 auto;width:25%}.row-cols-sm-5>*{flex:0 0 auto;width:20%}.row-cols-sm-6>*{flex:0 0 auto;width:16.66666667%}.col-sm-auto{flex:0 0 auto;width:auto}.col-sm-1{flex:0 0 auto;width:8.33333333%}.col-sm-2{flex:0 0 auto;width:16.66666667%}.col-sm-3{flex:0 0 auto;width:25%}.col-sm-4{flex:0 0 auto;width:33.33333333%}.col-sm-5{flex:0 0 auto;width:41.66666667%}.col-sm-6{flex:0 0 auto;width:50%}.col-sm-7{flex:0 0 auto;width:58.33333333%}.col-sm-8{flex:0 0 auto;width:66.66666667%}.col-sm-9{flex:0 0 auto;width:75%}.col-sm-10{flex:0 0 auto;width:83.33333333%}.col-sm-11{flex:0 0 auto;width:91.66666667%}.col-sm-12{flex:0 0 auto;width:100%}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.33333333%}.offset-sm-2{margin-left:16.66666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.33333333%}.offset-sm-5{margin-left:41.66666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.33333333%}.offset-sm-8{margin-left:66.66666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.33333333%}.offset-sm-11{margin-left:91.66666667%}.g-sm-0,.gx-sm-0{--bs-gutter-x:0}.g-sm-0,.gy-sm-0{--bs-gutter-y:0}.g-sm-1,.gx-sm-1{--bs-gutter-x:0.25rem}.g-sm-1,.gy-sm-1{--bs-gutter-y:0.25rem}.g-sm-2,.gx-sm-2{--bs-gutter-x:0.5rem}.g-sm-2,.gy-sm-2{--bs-gutter-y:0.5rem}.g-sm-3,.gx-sm-3{--bs-gutter-x:1rem}.g-sm-3,.gy-sm-3{--bs-gutter-y:1rem}.g-sm-4,.gx-sm-4{--bs-gutter-x:1.5rem}.g-sm-4,.gy-sm-4{--bs-gutter-y:1.5rem}.g-sm-5,.gx-sm-5{--bs-gutter-x:3rem}.g-sm-5,.gy-sm-5{--bs-gutter-y:3rem}}@media (min-width:768px){.col-md{flex:1 0}.row-cols-md-auto>*{flex:0 0 auto;width:auto}.row-cols-md-1>*{flex:0 0 auto;width:100%}.row-cols-md-2>*{flex:0 0 auto;width:50%}.row-cols-md-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-md-4>*{flex:0 0 auto;width:25%}.row-cols-md-5>*{flex:0 0 auto;width:20%}.row-cols-md-6>*{flex:0 0 auto;width:16.66666667%}.col-md-auto{flex:0 0 auto;width:auto}.col-md-1{flex:0 0 auto;width:8.33333333%}.col-md-2{flex:0 0 auto;width:16.66666667%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.33333333%}.col-md-5{flex:0 0 auto;width:41.66666667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.33333333%}.col-md-8{flex:0 0 auto;width:66.66666667%}.col-md-9{flex:0 0 auto;width:75%}.col-md-10{flex:0 0 auto;width:83.33333333%}.col-md-11{flex:0 0 auto;width:91.66666667%}.col-md-12{flex:0 0 auto;width:100%}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.33333333%}.offset-md-2{margin-left:16.66666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.33333333%}.offset-md-5{margin-left:41.66666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.33333333%}.offset-md-8{margin-left:66.66666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.33333333%}.offset-md-11{margin-left:91.66666667%}.g-md-0,.gx-md-0{--bs-gutter-x:0}.g-md-0,.gy-md-0{--bs-gutter-y:0}.g-md-1,.gx-md-1{--bs-gutter-x:0.25rem}.g-md-1,.gy-md-1{--bs-gutter-y:0.25rem}.g-md-2,.gx-md-2{--bs-gutter-x:0.5rem}.g-md-2,.gy-md-2{--bs-gutter-y:0.5rem}.g-md-3,.gx-md-3{--bs-gutter-x:1rem}.g-md-3,.gy-md-3{--bs-gutter-y:1rem}.g-md-4,.gx-md-4{--bs-gutter-x:1.5rem}.g-md-4,.gy-md-4{--bs-gutter-y:1.5rem}.g-md-5,.gx-md-5{--bs-gutter-x:3rem}.g-md-5,.gy-md-5{--bs-gutter-y:3rem}}@media (min-width:992px){.col-lg{flex:1 0}.row-cols-lg-auto>*{flex:0 0 auto;width:auto}.row-cols-lg-1>*{flex:0 0 auto;width:100%}.row-cols-lg-2>*{flex:0 0 auto;width:50%}.row-cols-lg-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-lg-4>*{flex:0 0 auto;width:25%}.row-cols-lg-5>*{flex:0 0 auto;width:20%}.row-cols-lg-6>*{flex:0 0 auto;width:16.66666667%}.col-lg-auto{flex:0 0 auto;width:auto}.col-lg-1{flex:0 0 auto;width:8.33333333%}.col-lg-2{flex:0 0 auto;width:16.66666667%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.33333333%}.col-lg-5{flex:0 0 auto;width:41.66666667%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.33333333%}.col-lg-8{flex:0 0 auto;width:66.66666667%}.col-lg-9{flex:0 0 auto;width:75%}.col-lg-10{flex:0 0 auto;width:83.33333333%}.col-lg-11{flex:0 0 auto;width:91.66666667%}.col-lg-12{flex:0 0 auto;width:100%}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.33333333%}.offset-lg-2{margin-left:16.66666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.33333333%}.offset-lg-5{margin-left:41.66666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.33333333%}.offset-lg-8{margin-left:66.66666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.33333333%}.offset-lg-11{margin-left:91.66666667%}.g-lg-0,.gx-lg-0{--bs-gutter-x:0}.g-lg-0,.gy-lg-0{--bs-gutter-y:0}.g-lg-1,.gx-lg-1{--bs-gutter-x:0.25rem}.g-lg-1,.gy-lg-1{--bs-gutter-y:0.25rem}.g-lg-2,.gx-lg-2{--bs-gutter-x:0.5rem}.g-lg-2,.gy-lg-2{--bs-gutter-y:0.5rem}.g-lg-3,.gx-lg-3{--bs-gutter-x:1rem}.g-lg-3,.gy-lg-3{--bs-gutter-y:1rem}.g-lg-4,.gx-lg-4{--bs-gutter-x:1.5rem}.g-lg-4,.gy-lg-4{--bs-gutter-y:1.5rem}.g-lg-5,.gx-lg-5{--bs-gutter-x:3rem}.g-lg-5,.gy-lg-5{--bs-gutter-y:3rem}}@media (min-width:1200px){.col-xl{flex:1 0}.row-cols-xl-auto>*{flex:0 0 auto;width:auto}.row-cols-xl-1>*{flex:0 0 auto;width:100%}.row-cols-xl-2>*{flex:0 0 auto;width:50%}.row-cols-xl-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-xl-4>*{flex:0 0 auto;width:25%}.row-cols-xl-5>*{flex:0 0 auto;width:20%}.row-cols-xl-6>*{flex:0 0 auto;width:16.66666667%}.col-xl-auto{flex:0 0 auto;width:auto}.col-xl-1{flex:0 0 auto;width:8.33333333%}.col-xl-2{flex:0 0 auto;width:16.66666667%}.col-xl-3{flex:0 0 auto;width:25%}.col-xl-4{flex:0 0 auto;width:33.33333333%}.col-xl-5{flex:0 0 auto;width:41.66666667%}.col-xl-6{flex:0 0 auto;width:50%}.col-xl-7{flex:0 0 auto;width:58.33333333%}.col-xl-8{flex:0 0 auto;width:66.66666667%}.col-xl-9{flex:0 0 auto;width:75%}.col-xl-10{flex:0 0 auto;width:83.33333333%}.col-xl-11{flex:0 0 auto;width:91.66666667%}.col-xl-12{flex:0 0 auto;width:100%}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.33333333%}.offset-xl-2{margin-left:16.66666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.33333333%}.offset-xl-5{margin-left:41.66666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.33333333%}.offset-xl-8{margin-left:66.66666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.33333333%}.offset-xl-11{margin-left:91.66666667%}.g-xl-0,.gx-xl-0{--bs-gutter-x:0}.g-xl-0,.gy-xl-0{--bs-gutter-y:0}.g-xl-1,.gx-xl-1{--bs-gutter-x:0.25rem}.g-xl-1,.gy-xl-1{--bs-gutter-y:0.25rem}.g-xl-2,.gx-xl-2{--bs-gutter-x:0.5rem}.g-xl-2,.gy-xl-2{--bs-gutter-y:0.5rem}.g-xl-3,.gx-xl-3{--bs-gutter-x:1rem}.g-xl-3,.gy-xl-3{--bs-gutter-y:1rem}.g-xl-4,.gx-xl-4{--bs-gutter-x:1.5rem}.g-xl-4,.gy-xl-4{--bs-gutter-y:1.5rem}.g-xl-5,.gx-xl-5{--bs-gutter-x:3rem}.g-xl-5,.gy-xl-5{--bs-gutter-y:3rem}}@media (min-width:1400px){.col-xxl{flex:1 0}.row-cols-xxl-auto>*{flex:0 0 auto;width:auto}.row-cols-xxl-1>*{flex:0 0 auto;width:100%}.row-cols-xxl-2>*{flex:0 0 auto;width:50%}.row-cols-xxl-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-xxl-4>*{flex:0 0 auto;width:25%}.row-cols-xxl-5>*{flex:0 0 auto;width:20%}.row-cols-xxl-6>*{flex:0 0 auto;width:16.66666667%}.col-xxl-auto{flex:0 0 auto;width:auto}.col-xxl-1{flex:0 0 auto;width:8.33333333%}.col-xxl-2{flex:0 0 auto;width:16.66666667%}.col-xxl-3{flex:0 0 auto;width:25%}.col-xxl-4{flex:0 0 auto;width:33.33333333%}.col-xxl-5{flex:0 0 auto;width:41.66666667%}.col-xxl-6{flex:0 0 auto;width:50%}.col-xxl-7{flex:0 0 auto;width:58.33333333%}.col-xxl-8{flex:0 0 auto;width:66.66666667%}.col-xxl-9{flex:0 0 auto;width:75%}.col-xxl-10{flex:0 0 auto;width:83.33333333%}.col-xxl-11{flex:0 0 auto;width:91.66666667%}.col-xxl-12{flex:0 0 auto;width:100%}.offset-xxl-0{margin-left:0}.offset-xxl-1{margin-left:8.33333333%}.offset-xxl-2{margin-left:16.66666667%}.offset-xxl-3{margin-left:25%}.offset-xxl-4{margin-left:33.33333333%}.offset-xxl-5{margin-left:41.66666667%}.offset-xxl-6{margin-left:50%}.offset-xxl-7{margin-left:58.33333333%}.offset-xxl-8{margin-left:66.66666667%}.offset-xxl-9{margin-left:75%}.offset-xxl-10{margin-left:83.33333333%}.offset-xxl-11{margin-left:91.66666667%}.g-xxl-0,.gx-xxl-0{--bs-gutter-x:0}.g-xxl-0,.gy-xxl-0{--bs-gutter-y:0}.g-xxl-1,.gx-xxl-1{--bs-gutter-x:0.25rem}.g-xxl-1,.gy-xxl-1{--bs-gutter-y:0.25rem}.g-xxl-2,.gx-xxl-2{--bs-gutter-x:0.5rem}.g-xxl-2,.gy-xxl-2{--bs-gutter-y:0.5rem}.g-xxl-3,.gx-xxl-3{--bs-gutter-x:1rem}.g-xxl-3,.gy-xxl-3{--bs-gutter-y:1rem}.g-xxl-4,.gx-xxl-4{--bs-gutter-x:1.5rem}.g-xxl-4,.gy-xxl-4{--bs-gutter-y:1.5rem}.g-xxl-5,.gx-xxl-5{--bs-gutter-x:3rem}.g-xxl-5,.gy-xxl-5{--bs-gutter-y:3rem}}.table{--bs-table-color-type:initial;--bs-table-bg-type:initial;--bs-table-color-state:initial;--bs-table-bg-state:initial;--bs-table-color:var(--bs-emphasis-color);--bs-table-bg:var(--bs-body-bg);--bs-table-border-color:var(--bs-border-color);--bs-table-accent-bg:transparent;--bs-table-striped-color:var(--bs-emphasis-color);--bs-table-striped-bg:rgba(var(--bs-emphasis-color-rgb), 0.05);--bs-table-active-color:var(--bs-emphasis-color);--bs-table-active-bg:rgba(var(--bs-emphasis-color-rgb), 0.1);--bs-table-hover-color:var(--bs-emphasis-color);--bs-table-hover-bg:rgba(var(--bs-emphasis-color-rgb), 0.075);width:100%;margin-bottom:1rem;vertical-align:top;border-color:var(--bs-table-border-color)}.table>:not(caption)>*>*{padding:.5rem .5rem;color:var(--bs-table-color);color:var(--bs-table-color-state,var(--bs-table-color-type,var(--bs-table-color)));background-color:var(--bs-table-bg);border-bottom-width:1px;border-bottom-width:var(--bs-border-width);box-shadow:inset 0 0 0 9999px var(--bs-table-accent-bg);box-shadow:inset 0 0 0 9999px var(--bs-table-bg-state,var(--bs-table-bg-type,var(--bs-table-accent-bg)))}.table>tbody{vertical-align:inherit}.table>thead{vertical-align:bottom}.table-group-divider{border-top:calc(1px * 2) solid currentcolor;border-top:calc(var(--bs-border-width) * 2) solid currentcolor}.caption-top{caption-side:top}.table-sm>:not(caption)>*>*{padding:.25rem .25rem}.table-bordered>:not(caption)>*{border-width:1px 0;border-width:var(--bs-border-width) 0}.table-bordered>:not(caption)>*>*{border-width:0 1px;border-width:0 var(--bs-border-width)}.table-borderless>:not(caption)>*>*{border-bottom-width:0}.table-borderless>:not(:first-child){border-top-width:0}.table-striped>tbody>tr:nth-of-type(odd)>*{--bs-table-color-type:var(--bs-table-striped-color);--bs-table-bg-type:var(--bs-table-striped-bg)}.table-striped-columns>:not(caption)>tr>:nth-child(2n){--bs-table-color-type:var(--bs-table-striped-color);--bs-table-bg-type:var(--bs-table-striped-bg)}.table-active{--bs-table-color-state:var(--bs-table-active-color);--bs-table-bg-state:var(--bs-table-active-bg)}.table-hover>tbody>tr:hover>*{--bs-table-color-state:var(--bs-table-hover-color);--bs-table-bg-state:var(--bs-table-hover-bg)}.table-primary{--bs-table-color:#000;--bs-table-bg:#cfe2ff;--bs-table-border-color:#a6b5cc;--bs-table-striped-bg:#c5d7f2;--bs-table-striped-color:#000;--bs-table-active-bg:#bacbe6;--bs-table-active-color:#000;--bs-table-hover-bg:#bfd1ec;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-secondary{--bs-table-color:#000;--bs-table-bg:#e2e3e5;--bs-table-border-color:#b5b6b7;--bs-table-striped-bg:#d7d8da;--bs-table-striped-color:#000;--bs-table-active-bg:#cbccce;--bs-table-active-color:#000;--bs-table-hover-bg:#d1d2d4;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-success{--bs-table-color:#000;--bs-table-bg:#d1e7dd;--bs-table-border-color:#a7b9b1;--bs-table-striped-bg:#c7dbd2;--bs-table-striped-color:#000;--bs-table-active-bg:#bcd0c7;--bs-table-active-color:#000;--bs-table-hover-bg:#c1d6cc;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-info{--bs-table-color:#000;--bs-table-bg:#cff4fc;--bs-table-border-color:#a6c3ca;--bs-table-striped-bg:#c5e8ef;--bs-table-striped-color:#000;--bs-table-active-bg:#badce3;--bs-table-active-color:#000;--bs-table-hover-bg:#bfe2e9;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-warning{--bs-table-color:#000;--bs-table-bg:#fff3cd;--bs-table-border-color:#ccc2a4;--bs-table-striped-bg:#f2e7c3;--bs-table-striped-color:#000;--bs-table-active-bg:#e6dbb9;--bs-table-active-color:#000;--bs-table-hover-bg:#ece1be;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-danger{--bs-table-color:#000;--bs-table-bg:#f8d7da;--bs-table-border-color:#c6acae;--bs-table-striped-bg:#eccccf;--bs-table-striped-color:#000;--bs-table-active-bg:#dfc2c4;--bs-table-active-color:#000;--bs-table-hover-bg:#e5c7ca;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-light{--bs-table-color:#000;--bs-table-bg:#f8f9fa;--bs-table-border-color:#c6c7c8;--bs-table-striped-bg:#ecedee;--bs-table-striped-color:#000;--bs-table-active-bg:#dfe0e1;--bs-table-active-color:#000;--bs-table-hover-bg:#e5e6e7;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-dark{--bs-table-color:#fff;--bs-table-bg:#212529;--bs-table-border-color:#4d5154;--bs-table-striped-bg:#2c3034;--bs-table-striped-color:#fff;--bs-table-active-bg:#373b3e;--bs-table-active-color:#fff;--bs-table-hover-bg:#323539;--bs-table-hover-color:#fff;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width:575.98px){.table-responsive-sm{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:767.98px){.table-responsive-md{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:991.98px){.table-responsive-lg{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:1199.98px){.table-responsive-xl{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:1399.98px){.table-responsive-xxl{overflow-x:auto;-webkit-overflow-scrolling:touch}}.form-label{margin-bottom:.5rem}.col-form-label{padding-top:calc(.375rem + 1px);padding-top:calc(.375rem + var(--bs-border-width));padding-bottom:calc(.375rem + 1px);padding-bottom:calc(.375rem + var(--bs-border-width));margin-bottom:0;font-size:inherit;line-height:1.5}.col-form-label-lg{padding-top:calc(.5rem + 1px);padding-top:calc(.5rem + var(--bs-border-width));padding-bottom:calc(.5rem + 1px);padding-bottom:calc(.5rem + var(--bs-border-width));font-size:1.25rem}.col-form-label-sm{padding-top:calc(.25rem + 1px);padding-top:calc(.25rem + var(--bs-border-width));padding-bottom:calc(.25rem + 1px);padding-bottom:calc(.25rem + var(--bs-border-width));font-size:.875rem}.form-text{margin-top:.25rem;font-size:.875em;color:rgba(33, 37, 41, 0.75);color:var(--bs-secondary-color)}.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;color:var(--bs-body-color);-webkit-appearance:none;appearance:none;background-color:#fff;background-color:var(--bs-body-bg);background-clip:padding-box;border:1px solid #dee2e6;border:var(--bs-border-width) solid var(--bs-border-color);border-radius:0.375rem;border-radius:var(--bs-border-radius);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control[type=file]{overflow:hidden}.form-control[type=file]:not(:disabled):not([readonly]){cursor:pointer}.form-control:focus{color:#212529;color:var(--bs-body-color);background-color:#fff;background-color:var(--bs-body-bg);border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-control::-webkit-date-and-time-value{min-width:85px;height:1.5em;margin:0}.form-control::-webkit-datetime-edit{display:block;padding:0}.form-control::placeholder{color:rgba(33, 37, 41, 0.75);color:var(--bs-secondary-color);opacity:1}.form-control:disabled{background-color:#e9ecef;background-color:var(--bs-secondary-bg);opacity:1}.form-control::-webkit-file-upload-button{padding:.375rem .75rem;margin:-.375rem -.75rem;-webkit-margin-end:.75rem;margin-inline-end:.75rem;color:#212529;color:var(--bs-body-color);background-color:#f8f9fa;background-color:var(--bs-tertiary-bg);pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:1px;border-inline-end-width:var(--bs-border-width);border-radius:0;-webkit-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-control::file-selector-button{padding:.375rem .75rem;margin:-.375rem -.75rem;-webkit-margin-end:.75rem;margin-inline-end:.75rem;color:#212529;color:var(--bs-body-color);background-color:#f8f9fa;background-color:var(--bs-tertiary-bg);pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:1px;border-inline-end-width:var(--bs-border-width);border-radius:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control::-webkit-file-upload-button{-webkit-transition:none;transition:none}.form-control::file-selector-button{transition:none}}.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button{background-color:#e9ecef;background-color:var(--bs-secondary-bg)}.form-control:hover:not(:disabled):not([readonly])::file-selector-button{background-color:#e9ecef;background-color:var(--bs-secondary-bg)}.form-control-plaintext{display:block;width:100%;padding:.375rem 0;margin-bottom:0;line-height:1.5;color:#212529;color:var(--bs-body-color);background-color:transparent;border:solid transparent;border-width:1px 0;border-width:var(--bs-border-width) 0}.form-control-plaintext:focus{outline:0}.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm{padding-right:0;padding-left:0}.form-control-sm{min-height:calc(1.5em + .5rem + calc(1px * 2));min-height:calc(1.5em + .5rem + calc(var(--bs-border-width) * 2));padding:.25rem .5rem;font-size:.875rem;border-radius:0.25rem;border-radius:var(--bs-border-radius-sm)}.form-control-sm::-webkit-file-upload-button{padding:.25rem .5rem;margin:-.25rem -.5rem;-webkit-margin-end:.5rem;margin-inline-end:.5rem}.form-control-sm::file-selector-button{padding:.25rem .5rem;margin:-.25rem -.5rem;-webkit-margin-end:.5rem;margin-inline-end:.5rem}.form-control-lg{min-height:calc(1.5em + 1rem + calc(1px * 2));min-height:calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));padding:.5rem 1rem;font-size:1.25rem;border-radius:0.5rem;border-radius:var(--bs-border-radius-lg)}.form-control-lg::-webkit-file-upload-button{padding:.5rem 1rem;margin:-.5rem -1rem;-webkit-margin-end:1rem;margin-inline-end:1rem}.form-control-lg::file-selector-button{padding:.5rem 1rem;margin:-.5rem -1rem;-webkit-margin-end:1rem;margin-inline-end:1rem}textarea.form-control{min-height:calc(1.5em + .75rem + calc(1px * 2));min-height:calc(1.5em + .75rem + calc(var(--bs-border-width) * 2))}textarea.form-control-sm{min-height:calc(1.5em + .5rem + calc(1px * 2));min-height:calc(1.5em + .5rem + calc(var(--bs-border-width) * 2))}textarea.form-control-lg{min-height:calc(1.5em + 1rem + calc(1px * 2));min-height:calc(1.5em + 1rem + calc(var(--bs-border-width) * 2))}.form-control-color{width:3rem;height:calc(1.5em + .75rem + calc(1px * 2));height:calc(1.5em + .75rem + calc(var(--bs-border-width) * 2));padding:.375rem}.form-control-color:not(:disabled):not([readonly]){cursor:pointer}.form-control-color::-moz-color-swatch{border:0!important;border-radius:0.375rem;border-radius:var(--bs-border-radius)}.form-control-color::-webkit-color-swatch{border:0!important;border-radius:0.375rem;border-radius:var(--bs-border-radius)}.form-control-color.form-control-sm{height:calc(1.5em + .5rem + calc(1px * 2));height:calc(1.5em + .5rem + calc(var(--bs-border-width) * 2))}.form-control-color.form-control-lg{height:calc(1.5em + 1rem + calc(1px * 2));height:calc(1.5em + 1rem + calc(var(--bs-border-width) * 2))}.form-select{--bs-form-select-bg-img:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3e%3cpath fill=%27none%27 stroke=%27%23343a40%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27m2 5 6 6 6-6%27/%3e%3c/svg%3e");display:block;width:100%;padding:.375rem 2.25rem .375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;color:var(--bs-body-color);-webkit-appearance:none;appearance:none;background-color:#fff;background-color:var(--bs-body-bg);background-image:var(--bs-form-select-bg-img),none;background-image:var(--bs-form-select-bg-img),var(--bs-form-select-bg-icon,none);background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px;border:1px solid #dee2e6;border:var(--bs-border-width) solid var(--bs-border-color);border-radius:0.375rem;border-radius:var(--bs-border-radius);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-select{transition:none}}.form-select:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-select[multiple],.form-select[size]:not([size="1"]){padding-right:.75rem;background-image:none}.form-select:disabled{background-color:#e9ecef;background-color:var(--bs-secondary-bg)}.form-select:-moz-focusring{color:transparent;text-shadow:0 0 0 #212529;text-shadow:0 0 0 var(--bs-body-color)}.form-select-sm{padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem;font-size:.875rem;border-radius:0.25rem;border-radius:var(--bs-border-radius-sm)}.form-select-lg{padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;font-size:1.25rem;border-radius:0.5rem;border-radius:var(--bs-border-radius-lg)}[data-bs-theme=dark] .form-select{--bs-form-select-bg-img:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3e%3cpath fill=%27none%27 stroke=%27%23dee2e6%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27m2 5 6 6 6-6%27/%3e%3c/svg%3e")}.form-check{display:block;min-height:1.5rem;padding-left:1.5em;margin-bottom:.125rem}.form-check .form-check-input{float:left;margin-left:-1.5em}.form-check-reverse{padding-right:1.5em;padding-left:0;text-align:right}.form-check-reverse .form-check-input{float:right;margin-right:-1.5em;margin-left:0}.form-check-input{--bs-form-check-bg:var(--bs-body-bg);flex-shrink:0;width:1em;height:1em;margin-top:.25em;vertical-align:top;-webkit-appearance:none;appearance:none;background-color:var(--bs-form-check-bg);background-image:var(--bs-form-check-bg-image);background-repeat:no-repeat;background-position:center;background-size:contain;border:1px solid #dee2e6;border:var(--bs-border-width) solid var(--bs-border-color);-webkit-print-color-adjust:exact;print-color-adjust:exact}.form-check-input[type=checkbox]{border-radius:.25em}.form-check-input[type=radio]{border-radius:50%}.form-check-input:active{filter:brightness(90%)}.form-check-input:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-check-input:checked{background-color:#0d6efd;border-color:#0d6efd}.form-check-input:checked[type=checkbox]{--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27%3e%3cpath fill=%27none%27 stroke=%27%23fff%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%273%27 d=%27m6 10 3 3 6-6%27/%3e%3c/svg%3e")}.form-check-input:checked[type=radio]{--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%272%27 fill=%27%23fff%27/%3e%3c/svg%3e")}.form-check-input[type=checkbox]:indeterminate{background-color:#0d6efd;border-color:#0d6efd;--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27%3e%3cpath fill=%27none%27 stroke=%27%23fff%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%273%27 d=%27M6 10h8%27/%3e%3c/svg%3e")}.form-check-input:disabled{pointer-events:none;filter:none;opacity:.5}.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{cursor:default;opacity:.5}.form-switch{padding-left:2.5em}.form-switch .form-check-input{--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%273%27 fill=%27rgba%280, 0, 0, 0.25%29%27/%3e%3c/svg%3e");width:2em;margin-left:-2.5em;background-image:var(--bs-form-switch-bg);background-position:left center;border-radius:2em;transition:background-position .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-switch .form-check-input{transition:none}}.form-switch .form-check-input:focus{--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%273%27 fill=%27%2386b7fe%27/%3e%3c/svg%3e")}.form-switch .form-check-input:checked{background-position:right center;--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%273%27 fill=%27%23fff%27/%3e%3c/svg%3e")}.form-switch.form-check-reverse{padding-right:2.5em;padding-left:0}.form-switch.form-check-reverse .form-check-input{margin-right:-2.5em;margin-left:0}.form-check-inline{display:inline-block;margin-right:1rem}.btn-check{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.btn-check:disabled+.btn,.btn-check[disabled]+.btn{pointer-events:none;filter:none;opacity:.65}[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus){--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%273%27 fill=%27rgba%28255, 255, 255, 0.25%29%27/%3e%3c/svg%3e")}.form-range{width:100%;height:1.5rem;padding:0;-webkit-appearance:none;appearance:none;background-color:transparent}.form-range:focus{outline:0}.form-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25)}.form-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25)}.form-range::-moz-focus-outer{border:0}.form-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.25rem;-webkit-appearance:none;appearance:none;background-color:#0d6efd;border:0;border-radius:1rem;-webkit-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-range::-webkit-slider-thumb{-webkit-transition:none;transition:none}}.form-range::-webkit-slider-thumb:active{background-color:#b6d4fe}.form-range::-webkit-slider-runnable-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#e9ecef;background-color:var(--bs-secondary-bg);border-color:transparent;border-radius:1rem}.form-range::-moz-range-thumb{width:1rem;height:1rem;appearance:none;background-color:#0d6efd;border:0;border-radius:1rem;-moz-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-range::-moz-range-thumb{-moz-transition:none;transition:none}}.form-range::-moz-range-thumb:active{background-color:#b6d4fe}.form-range::-moz-range-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#e9ecef;background-color:var(--bs-secondary-bg);border-color:transparent;border-radius:1rem}.form-range:disabled{pointer-events:none}.form-range:disabled::-webkit-slider-thumb{background-color:rgba(33, 37, 41, 0.75);background-color:var(--bs-secondary-color)}.form-range:disabled::-moz-range-thumb{background-color:rgba(33, 37, 41, 0.75);background-color:var(--bs-secondary-color)}.form-floating{position:relative}.form-floating>.form-control,.form-floating>.form-control-plaintext,.form-floating>.form-select{height:calc(3.5rem + calc(1px * 2));height:calc(3.5rem + calc(var(--bs-border-width) * 2));min-height:calc(3.5rem + calc(1px * 2));min-height:calc(3.5rem + calc(var(--bs-border-width) * 2));line-height:1.25}.form-floating>label{position:absolute;top:0;left:0;z-index:2;max-width:100%;height:100%;padding:1rem .75rem;overflow:hidden;color:rgba(33,37,41,.65);color:rgba(var(--bs-body-color-rgb),.65);text-align:start;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;border:1px solid transparent;border:var(--bs-border-width) solid transparent;transform-origin:0 0;transition:opacity .1s ease-in-out,transform .1s ease-in-out}@media (prefers-reduced-motion:reduce){.form-floating>label{transition:none}}.form-floating>.form-control,.form-floating>.form-control-plaintext{padding:1rem .75rem}.form-floating>.form-control-plaintext::placeholder,.form-floating>.form-control::placeholder{color:transparent}.form-floating>.form-control-plaintext:focus,.form-floating>.form-control-plaintext:not(:placeholder-shown),.form-floating>.form-control:focus,.form-floating>.form-control:not(:placeholder-shown){padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-control-plaintext:-webkit-autofill,.form-floating>.form-control:-webkit-autofill{padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-select{padding-top:1.625rem;padding-bottom:.625rem;padding-left:.75rem}.form-floating>.form-control-plaintext~label,.form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label,.form-floating>.form-select~label{transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.form-floating>.form-control:-webkit-autofill~label{transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.form-floating>textarea:focus~label::after,.form-floating>textarea:not(:placeholder-shown)~label::after{position:absolute;inset:1rem 0.375rem;z-index:-1;height:1.5em;content:"";background-color:#fff;background-color:var(--bs-body-bg);border-radius:0.375rem;border-radius:var(--bs-border-radius)}.form-floating>textarea:disabled~label::after{background-color:#e9ecef;background-color:var(--bs-secondary-bg)}.form-floating>.form-control-plaintext~label{border-width:1px 0;border-width:var(--bs-border-width) 0}.form-floating>.form-control:disabled~label,.form-floating>:disabled~label{color:#6c757d}.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}.input-group>.form-control,.input-group>.form-floating,.input-group>.form-select{position:relative;flex:1 1 auto;width:1%;min-width:0}.input-group>.form-control:focus,.input-group>.form-floating:focus-within,.input-group>.form-select:focus{z-index:5}.input-group .btn{position:relative;z-index:2}.input-group .btn:focus{z-index:5}.input-group-text{display:flex;align-items:center;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;color:var(--bs-body-color);text-align:center;white-space:nowrap;background-color:#f8f9fa;background-color:var(--bs-tertiary-bg);border:1px solid #dee2e6;border:var(--bs-border-width) solid var(--bs-border-color);border-radius:0.375rem;border-radius:var(--bs-border-radius)}.input-group-lg>.btn,.input-group-lg>.form-control,.input-group-lg>.form-select,.input-group-lg>.input-group-text{padding:.5rem 1rem;font-size:1.25rem;border-radius:0.5rem;border-radius:var(--bs-border-radius-lg)}.input-group-sm>.btn,.input-group-sm>.form-control,.input-group-sm>.form-select,.input-group-sm>.input-group-text{padding:.25rem .5rem;font-size:.875rem;border-radius:0.25rem;border-radius:var(--bs-border-radius-sm)}.input-group-lg>.form-select,.input-group-sm>.form-select{padding-right:3rem}.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control,.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select,.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating){border-top-right-radius:0;border-bottom-right-radius:0}.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-control,.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-select,.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){margin-left:calc(-1 * 1px);margin-left:calc(-1 * var(--bs-border-width));border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.form-floating:not(:first-child)>.form-control,.input-group>.form-floating:not(:first-child)>.form-select{border-top-left-radius:0;border-bottom-left-radius:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.875em;color:#198754;color:var(--bs-form-valid-color)}.valid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;color:#fff;background-color:#198754;background-color:var(--bs-success);border-radius:0.375rem;border-radius:var(--bs-border-radius)}.is-valid~.valid-feedback,.is-valid~.valid-tooltip,.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip{display:block}.form-control.is-valid,.was-validated .form-control:valid{border-color:#198754;border-color:var(--bs-form-valid-border-color);padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 8 8%27%3e%3cpath fill=%27%23198754%27 d=%27M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1%27/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-valid:focus,.was-validated .form-control:valid:focus{border-color:#198754;border-color:var(--bs-form-valid-border-color);box-shadow:0 0 0 .25rem rgba(25,135,84,.25);box-shadow:0 0 0 .25rem rgba(var(--bs-success-rgb),.25)}.was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.form-select.is-valid,.was-validated .form-select:valid{border-color:#198754;border-color:var(--bs-form-valid-border-color)}.form-select.is-valid:not([multiple]):not([size]),.form-select.is-valid:not([multiple])[size="1"],.was-validated .form-select:valid:not([multiple]):not([size]),.was-validated .form-select:valid:not([multiple])[size="1"]{--bs-form-select-bg-icon:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 8 8%27%3e%3cpath fill=%27%23198754%27 d=%27M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1%27/%3e%3c/svg%3e");padding-right:4.125rem;background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)}.form-select.is-valid:focus,.was-validated .form-select:valid:focus{border-color:#198754;border-color:var(--bs-form-valid-border-color);box-shadow:0 0 0 .25rem rgba(25,135,84,.25);box-shadow:0 0 0 .25rem rgba(var(--bs-success-rgb),.25)}.form-control-color.is-valid,.was-validated .form-control-color:valid{width:calc(3rem + calc(1.5em + .75rem))}.form-check-input.is-valid,.was-validated .form-check-input:valid{border-color:#198754;border-color:var(--bs-form-valid-border-color)}.form-check-input.is-valid:checked,.was-validated .form-check-input:valid:checked{background-color:#198754;background-color:var(--bs-form-valid-color)}.form-check-input.is-valid:focus,.was-validated .form-check-input:valid:focus{box-shadow:0 0 0 .25rem rgba(25,135,84,.25);box-shadow:0 0 0 .25rem rgba(var(--bs-success-rgb),.25)}.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:#198754;color:var(--bs-form-valid-color)}.form-check-inline .form-check-input~.valid-feedback{margin-left:.5em}.input-group>.form-control:not(:focus).is-valid,.input-group>.form-floating:not(:focus-within).is-valid,.input-group>.form-select:not(:focus).is-valid,.was-validated .input-group>.form-control:not(:focus):valid,.was-validated .input-group>.form-floating:not(:focus-within):valid,.was-validated .input-group>.form-select:not(:focus):valid{z-index:3}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.875em;color:#dc3545;color:var(--bs-form-invalid-color)}.invalid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;color:#fff;background-color:#dc3545;background-color:var(--bs-danger);border-radius:0.375rem;border-radius:var(--bs-border-radius)}.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip,.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip{display:block}.form-control.is-invalid,.was-validated .form-control:invalid{border-color:#dc3545;border-color:var(--bs-form-invalid-border-color);padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 12 12%27 width=%2712%27 height=%2712%27 fill=%27none%27 stroke=%27%23dc3545%27%3e%3ccircle cx=%276%27 cy=%276%27 r=%274.5%27/%3e%3cpath stroke-linejoin=%27round%27 d=%27M5.8 3.6h.4L6 6.5z%27/%3e%3ccircle cx=%276%27 cy=%278.2%27 r=%27.6%27 fill=%27%23dc3545%27 stroke=%27none%27/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{border-color:#dc3545;border-color:var(--bs-form-invalid-border-color);box-shadow:0 0 0 .25rem rgba(220,53,69,.25);box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)}.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.form-select.is-invalid,.was-validated .form-select:invalid{border-color:#dc3545;border-color:var(--bs-form-invalid-border-color)}.form-select.is-invalid:not([multiple]):not([size]),.form-select.is-invalid:not([multiple])[size="1"],.was-validated .form-select:invalid:not([multiple]):not([size]),.was-validated .form-select:invalid:not([multiple])[size="1"]{--bs-form-select-bg-icon:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 12 12%27 width=%2712%27 height=%2712%27 fill=%27none%27 stroke=%27%23dc3545%27%3e%3ccircle cx=%276%27 cy=%276%27 r=%274.5%27/%3e%3cpath stroke-linejoin=%27round%27 d=%27M5.8 3.6h.4L6 6.5z%27/%3e%3ccircle cx=%276%27 cy=%278.2%27 r=%27.6%27 fill=%27%23dc3545%27 stroke=%27none%27/%3e%3c/svg%3e");padding-right:4.125rem;background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)}.form-select.is-invalid:focus,.was-validated .form-select:invalid:focus{border-color:#dc3545;border-color:var(--bs-form-invalid-border-color);box-shadow:0 0 0 .25rem rgba(220,53,69,.25);box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)}.form-control-color.is-invalid,.was-validated .form-control-color:invalid{width:calc(3rem + calc(1.5em + .75rem))}.form-check-input.is-invalid,.was-validated .form-check-input:invalid{border-color:#dc3545;border-color:var(--bs-form-invalid-border-color)}.form-check-input.is-invalid:checked,.was-validated .form-check-input:invalid:checked{background-color:#dc3545;background-color:var(--bs-form-invalid-color)}.form-check-input.is-invalid:focus,.was-validated .form-check-input:invalid:focus{box-shadow:0 0 0 .25rem rgba(220,53,69,.25);box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:#dc3545;color:var(--bs-form-invalid-color)}.form-check-inline .form-check-input~.invalid-feedback{margin-left:.5em}.input-group>.form-control:not(:focus).is-invalid,.input-group>.form-floating:not(:focus-within).is-invalid,.input-group>.form-select:not(:focus).is-invalid,.was-validated .input-group>.form-control:not(:focus):invalid,.was-validated .input-group>.form-floating:not(:focus-within):invalid,.was-validated .input-group>.form-select:not(:focus):invalid{z-index:4}.btn{--bs-btn-padding-x:0.75rem;--bs-btn-padding-y:0.375rem;--bs-btn-font-family: ;--bs-btn-font-size:1rem;--bs-btn-font-weight:400;--bs-btn-line-height:1.5;--bs-btn-color:var(--bs-body-color);--bs-btn-bg:transparent;--bs-btn-border-width:var(--bs-border-width);--bs-btn-border-color:transparent;--bs-btn-border-radius:var(--bs-border-radius);--bs-btn-hover-border-color:transparent;--bs-btn-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.15),0 1px 1px rgba(0, 0, 0, 0.075);--bs-btn-disabled-opacity:0.65;--bs-btn-focus-box-shadow:0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);display:inline-block;padding:var(--bs-btn-padding-y) var(--bs-btn-padding-x);font-family:var(--bs-btn-font-family);font-size:var(--bs-btn-font-size);font-weight:var(--bs-btn-font-weight);line-height:var(--bs-btn-line-height);color:var(--bs-btn-color);text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;user-select:none;border:var(--bs-btn-border-width) solid var(--bs-btn-border-color);border-radius:var(--bs-btn-border-radius);background-color:var(--bs-btn-bg);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:hover{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color)}.btn-check+.btn:hover{color:var(--bs-btn-color);background-color:var(--bs-btn-bg);border-color:var(--bs-btn-border-color)}.btn:focus-visible{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color);outline:0;box-shadow:var(--bs-btn-focus-box-shadow)}.btn-check:focus-visible+.btn{border-color:var(--bs-btn-hover-border-color);outline:0;box-shadow:var(--bs-btn-focus-box-shadow)}.btn-check:checked+.btn,.btn.active,.btn.show,.btn:first-child:active,:not(.btn-check)+.btn:active{color:var(--bs-btn-active-color);background-color:var(--bs-btn-active-bg);border-color:var(--bs-btn-active-border-color)}.btn-check:checked+.btn:focus-visible,.btn.active:focus-visible,.btn.show:focus-visible,.btn:first-child:active:focus-visible,:not(.btn-check)+.btn:active:focus-visible{box-shadow:var(--bs-btn-focus-box-shadow)}.btn-check:checked:focus-visible+.btn{box-shadow:var(--bs-btn-focus-box-shadow)}.btn.disabled,.btn:disabled,fieldset:disabled .btn{color:var(--bs-btn-disabled-color);pointer-events:none;background-color:var(--bs-btn-disabled-bg);border-color:var(--bs-btn-disabled-border-color);opacity:var(--bs-btn-disabled-opacity)}.btn-primary{--bs-btn-color:#fff;--bs-btn-bg:#0d6efd;--bs-btn-border-color:#0d6efd;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#0b5ed7;--bs-btn-hover-border-color:#0a58ca;--bs-btn-focus-shadow-rgb:49,132,253;--bs-btn-active-color:#fff;--bs-btn-active-bg:#0a58ca;--bs-btn-active-border-color:#0a53be;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#0d6efd;--bs-btn-disabled-border-color:#0d6efd}.btn-secondary{--bs-btn-color:#fff;--bs-btn-bg:#6c757d;--bs-btn-border-color:#6c757d;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#5c636a;--bs-btn-hover-border-color:#565e64;--bs-btn-focus-shadow-rgb:130,138,145;--bs-btn-active-color:#fff;--bs-btn-active-bg:#565e64;--bs-btn-active-border-color:#51585e;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#6c757d;--bs-btn-disabled-border-color:#6c757d}.btn-success{--bs-btn-color:#fff;--bs-btn-bg:#198754;--bs-btn-border-color:#198754;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#157347;--bs-btn-hover-border-color:#146c43;--bs-btn-focus-shadow-rgb:60,153,110;--bs-btn-active-color:#fff;--bs-btn-active-bg:#146c43;--bs-btn-active-border-color:#13653f;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#198754;--bs-btn-disabled-border-color:#198754}.btn-info{--bs-btn-color:#000;--bs-btn-bg:#0dcaf0;--bs-btn-border-color:#0dcaf0;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#31d2f2;--bs-btn-hover-border-color:#25cff2;--bs-btn-focus-shadow-rgb:11,172,204;--bs-btn-active-color:#000;--bs-btn-active-bg:#3dd5f3;--bs-btn-active-border-color:#25cff2;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#0dcaf0;--bs-btn-disabled-border-color:#0dcaf0}.btn-warning{--bs-btn-color:#000;--bs-btn-bg:#ffc107;--bs-btn-border-color:#ffc107;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#ffca2c;--bs-btn-hover-border-color:#ffc720;--bs-btn-focus-shadow-rgb:217,164,6;--bs-btn-active-color:#000;--bs-btn-active-bg:#ffcd39;--bs-btn-active-border-color:#ffc720;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#ffc107;--bs-btn-disabled-border-color:#ffc107}.btn-danger{--bs-btn-color:#fff;--bs-btn-bg:#dc3545;--bs-btn-border-color:#dc3545;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#bb2d3b;--bs-btn-hover-border-color:#b02a37;--bs-btn-focus-shadow-rgb:225,83,97;--bs-btn-active-color:#fff;--bs-btn-active-bg:#b02a37;--bs-btn-active-border-color:#a52834;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#dc3545;--bs-btn-disabled-border-color:#dc3545}.btn-light{--bs-btn-color:#000;--bs-btn-bg:#f8f9fa;--bs-btn-border-color:#f8f9fa;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#d3d4d5;--bs-btn-hover-border-color:#c6c7c8;--bs-btn-focus-shadow-rgb:211,212,213;--bs-btn-active-color:#000;--bs-btn-active-bg:#c6c7c8;--bs-btn-active-border-color:#babbbc;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#f8f9fa;--bs-btn-disabled-border-color:#f8f9fa}.btn-dark{--bs-btn-color:#fff;--bs-btn-bg:#212529;--bs-btn-border-color:#212529;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#424649;--bs-btn-hover-border-color:#373b3e;--bs-btn-focus-shadow-rgb:66,70,73;--bs-btn-active-color:#fff;--bs-btn-active-bg:#4d5154;--bs-btn-active-border-color:#373b3e;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#212529;--bs-btn-disabled-border-color:#212529}.btn-outline-primary{--bs-btn-color:#0d6efd;--bs-btn-border-color:#0d6efd;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#0d6efd;--bs-btn-hover-border-color:#0d6efd;--bs-btn-focus-shadow-rgb:13,110,253;--bs-btn-active-color:#fff;--bs-btn-active-bg:#0d6efd;--bs-btn-active-border-color:#0d6efd;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#0d6efd;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#0d6efd;--bs-gradient:none}.btn-outline-secondary{--bs-btn-color:#6c757d;--bs-btn-border-color:#6c757d;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#6c757d;--bs-btn-hover-border-color:#6c757d;--bs-btn-focus-shadow-rgb:108,117,125;--bs-btn-active-color:#fff;--bs-btn-active-bg:#6c757d;--bs-btn-active-border-color:#6c757d;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#6c757d;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#6c757d;--bs-gradient:none}.btn-outline-success{--bs-btn-color:#198754;--bs-btn-border-color:#198754;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#198754;--bs-btn-hover-border-color:#198754;--bs-btn-focus-shadow-rgb:25,135,84;--bs-btn-active-color:#fff;--bs-btn-active-bg:#198754;--bs-btn-active-border-color:#198754;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#198754;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#198754;--bs-gradient:none}.btn-outline-info{--bs-btn-color:#0dcaf0;--bs-btn-border-color:#0dcaf0;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#0dcaf0;--bs-btn-hover-border-color:#0dcaf0;--bs-btn-focus-shadow-rgb:13,202,240;--bs-btn-active-color:#000;--bs-btn-active-bg:#0dcaf0;--bs-btn-active-border-color:#0dcaf0;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#0dcaf0;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#0dcaf0;--bs-gradient:none}.btn-outline-warning{--bs-btn-color:#ffc107;--bs-btn-border-color:#ffc107;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#ffc107;--bs-btn-hover-border-color:#ffc107;--bs-btn-focus-shadow-rgb:255,193,7;--bs-btn-active-color:#000;--bs-btn-active-bg:#ffc107;--bs-btn-active-border-color:#ffc107;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#ffc107;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#ffc107;--bs-gradient:none}.btn-outline-danger{--bs-btn-color:#dc3545;--bs-btn-border-color:#dc3545;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#dc3545;--bs-btn-hover-border-color:#dc3545;--bs-btn-focus-shadow-rgb:220,53,69;--bs-btn-active-color:#fff;--bs-btn-active-bg:#dc3545;--bs-btn-active-border-color:#dc3545;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#dc3545;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#dc3545;--bs-gradient:none}.btn-outline-light{--bs-btn-color:#f8f9fa;--bs-btn-border-color:#f8f9fa;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#f8f9fa;--bs-btn-hover-border-color:#f8f9fa;--bs-btn-focus-shadow-rgb:248,249,250;--bs-btn-active-color:#000;--bs-btn-active-bg:#f8f9fa;--bs-btn-active-border-color:#f8f9fa;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#f8f9fa;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#f8f9fa;--bs-gradient:none}.btn-outline-dark{--bs-btn-color:#212529;--bs-btn-border-color:#212529;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#212529;--bs-btn-hover-border-color:#212529;--bs-btn-focus-shadow-rgb:33,37,41;--bs-btn-active-color:#fff;--bs-btn-active-bg:#212529;--bs-btn-active-border-color:#212529;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#212529;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#212529;--bs-gradient:none}.btn-link{--bs-btn-font-weight:400;--bs-btn-color:var(--bs-link-color);--bs-btn-bg:transparent;--bs-btn-border-color:transparent;--bs-btn-hover-color:var(--bs-link-hover-color);--bs-btn-hover-border-color:transparent;--bs-btn-active-color:var(--bs-link-hover-color);--bs-btn-active-border-color:transparent;--bs-btn-disabled-color:#6c757d;--bs-btn-disabled-border-color:transparent;--bs-btn-box-shadow:0 0 0 #000;--bs-btn-focus-shadow-rgb:49,132,253;text-decoration:underline}.btn-link:focus-visible{color:var(--bs-btn-color)}.btn-link:hover{color:var(--bs-btn-hover-color)}.btn-group-lg>.btn,.btn-lg{--bs-btn-padding-y:0.5rem;--bs-btn-padding-x:1rem;--bs-btn-font-size:1.25rem;--bs-btn-border-radius:var(--bs-border-radius-lg)}.btn-group-sm>.btn,.btn-sm{--bs-btn-padding-y:0.25rem;--bs-btn-padding-x:0.5rem;--bs-btn-font-size:0.875rem;--bs-btn-border-radius:var(--bs-border-radius-sm)}.fade{transition:opacity .15s linear}@media (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{height:0;overflow:hidden;transition:height .35s ease}@media (prefers-reduced-motion:reduce){.collapsing{transition:none}}.collapsing.collapse-horizontal{width:0;height:auto;transition:width .35s ease}@media (prefers-reduced-motion:reduce){.collapsing.collapse-horizontal{transition:none}}.dropdown,.dropdown-center,.dropend,.dropstart,.dropup,.dropup-center{position:relative}.dropdown-toggle{white-space:nowrap}.dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.dropdown-toggle:empty::after{margin-left:0}.dropdown-menu{--bs-dropdown-zindex:1000;--bs-dropdown-min-width:10rem;--bs-dropdown-padding-x:0;--bs-dropdown-padding-y:0.5rem;--bs-dropdown-spacer:0.125rem;--bs-dropdown-font-size:1rem;--bs-dropdown-color:var(--bs-body-color);--bs-dropdown-bg:var(--bs-body-bg);--bs-dropdown-border-color:var(--bs-border-color-translucent);--bs-dropdown-border-radius:var(--bs-border-radius);--bs-dropdown-border-width:var(--bs-border-width);--bs-dropdown-inner-border-radius:calc(var(--bs-border-radius) - var(--bs-border-width));--bs-dropdown-divider-bg:var(--bs-border-color-translucent);--bs-dropdown-divider-margin-y:0.5rem;--bs-dropdown-box-shadow:var(--bs-box-shadow);--bs-dropdown-link-color:var(--bs-body-color);--bs-dropdown-link-hover-color:var(--bs-body-color);--bs-dropdown-link-hover-bg:var(--bs-tertiary-bg);--bs-dropdown-link-active-color:#fff;--bs-dropdown-link-active-bg:#0d6efd;--bs-dropdown-link-disabled-color:var(--bs-tertiary-color);--bs-dropdown-item-padding-x:1rem;--bs-dropdown-item-padding-y:0.25rem;--bs-dropdown-header-color:#6c757d;--bs-dropdown-header-padding-x:1rem;--bs-dropdown-header-padding-y:0.5rem;position:absolute;z-index:var(--bs-dropdown-zindex);display:none;min-width:var(--bs-dropdown-min-width);padding:var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);margin:0;font-size:var(--bs-dropdown-font-size);color:var(--bs-dropdown-color);text-align:left;list-style:none;background-color:var(--bs-dropdown-bg);background-clip:padding-box;border:var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);border-radius:var(--bs-dropdown-border-radius)}.dropdown-menu[data-bs-popper]{top:100%;left:0;margin-top:var(--bs-dropdown-spacer)}.dropdown-menu-start{--bs-position:start}.dropdown-menu-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-end{--bs-position:end}.dropdown-menu-end[data-bs-popper]{right:0;left:auto}@media (min-width:576px){.dropdown-menu-sm-start{--bs-position:start}.dropdown-menu-sm-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-sm-end{--bs-position:end}.dropdown-menu-sm-end[data-bs-popper]{right:0;left:auto}}@media (min-width:768px){.dropdown-menu-md-start{--bs-position:start}.dropdown-menu-md-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-md-end{--bs-position:end}.dropdown-menu-md-end[data-bs-popper]{right:0;left:auto}}@media (min-width:992px){.dropdown-menu-lg-start{--bs-position:start}.dropdown-menu-lg-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-lg-end{--bs-position:end}.dropdown-menu-lg-end[data-bs-popper]{right:0;left:auto}}@media (min-width:1200px){.dropdown-menu-xl-start{--bs-position:start}.dropdown-menu-xl-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-xl-end{--bs-position:end}.dropdown-menu-xl-end[data-bs-popper]{right:0;left:auto}}@media (min-width:1400px){.dropdown-menu-xxl-start{--bs-position:start}.dropdown-menu-xxl-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-xxl-end{--bs-position:end}.dropdown-menu-xxl-end[data-bs-popper]{right:0;left:auto}}.dropup .dropdown-menu[data-bs-popper]{top:auto;bottom:100%;margin-top:0;margin-bottom:var(--bs-dropdown-spacer)}.dropup .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent}.dropup .dropdown-toggle:empty::after{margin-left:0}.dropend .dropdown-menu[data-bs-popper]{top:0;right:auto;left:100%;margin-top:0;margin-left:var(--bs-dropdown-spacer)}.dropend .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid}.dropend .dropdown-toggle:empty::after{margin-left:0}.dropend .dropdown-toggle::after{vertical-align:0}.dropstart .dropdown-menu[data-bs-popper]{top:0;right:100%;left:auto;margin-top:0;margin-right:var(--bs-dropdown-spacer)}.dropstart .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:""}.dropstart .dropdown-toggle::after{display:none}.dropstart .dropdown-toggle::before{display:inline-block;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent}.dropstart .dropdown-toggle:empty::after{margin-left:0}.dropstart .dropdown-toggle::before{vertical-align:0}.dropdown-divider{height:0;margin:var(--bs-dropdown-divider-margin-y) 0;overflow:hidden;border-top:1px solid var(--bs-dropdown-divider-bg);opacity:1}.dropdown-item{display:block;width:100%;padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);clear:both;font-weight:400;color:var(--bs-dropdown-link-color);text-align:inherit;text-decoration:none;white-space:nowrap;background-color:transparent;border:0;border-radius:0;border-radius:var(--bs-dropdown-item-border-radius,0)}.dropdown-item:focus,.dropdown-item:hover{color:var(--bs-dropdown-link-hover-color);background-color:var(--bs-dropdown-link-hover-bg)}.dropdown-item.active,.dropdown-item:active{color:var(--bs-dropdown-link-active-color);text-decoration:none;background-color:var(--bs-dropdown-link-active-bg)}.dropdown-item.disabled,.dropdown-item:disabled{color:var(--bs-dropdown-link-disabled-color);pointer-events:none;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);margin-bottom:0;font-size:.875rem;color:var(--bs-dropdown-header-color);white-space:nowrap}.dropdown-item-text{display:block;padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);color:var(--bs-dropdown-link-color)}.dropdown-menu-dark{--bs-dropdown-color:#dee2e6;--bs-dropdown-bg:#343a40;--bs-dropdown-border-color:var(--bs-border-color-translucent);--bs-dropdown-box-shadow: ;--bs-dropdown-link-color:#dee2e6;--bs-dropdown-link-hover-color:#fff;--bs-dropdown-divider-bg:var(--bs-border-color-translucent);--bs-dropdown-link-hover-bg:rgba(255, 255, 255, 0.15);--bs-dropdown-link-active-color:#fff;--bs-dropdown-link-active-bg:#0d6efd;--bs-dropdown-link-disabled-color:#adb5bd;--bs-dropdown-header-color:#adb5bd}.btn-group,.btn-group-vertical{position:relative;display:inline-flex;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;flex:1 1 auto}.btn-group-vertical>.btn-check:checked+.btn,.btn-group-vertical>.btn-check:focus+.btn,.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn-check:checked+.btn,.btn-group>.btn-check:focus+.btn,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:1}.btn-toolbar{display:flex;flex-wrap:wrap;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.btn-group{border-radius:0.375rem;border-radius:var(--bs-border-radius)}.btn-group>.btn-group:not(:first-child),.btn-group>:not(.btn-check:first-child)+.btn{margin-left:calc(-1 * 1px);margin-left:calc(-1 * var(--bs-border-width))}.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn.dropdown-toggle-split:first-child,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:nth-child(n+3),.btn-group>:not(.btn-check)+.btn{border-top-left-radius:0;border-bottom-left-radius:0}.dropdown-toggle-split{padding-right:.5625rem;padding-left:.5625rem}.dropdown-toggle-split::after,.dropend .dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after{margin-left:0}.dropstart .dropdown-toggle-split::before{margin-right:0}.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{padding-right:.375rem;padding-left:.375rem}.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}.btn-group-vertical{flex-direction:column;align-items:flex-start;justify-content:center}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group{width:100%}.btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child){margin-top:calc(-1 * 1px);margin-top:calc(-1 * var(--bs-border-width))}.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn:nth-child(n+3),.btn-group-vertical>:not(.btn-check)+.btn{border-top-left-radius:0;border-top-right-radius:0}.nav{--bs-nav-link-padding-x:1rem;--bs-nav-link-padding-y:0.5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color:var(--bs-link-color);--bs-nav-link-hover-color:var(--bs-link-hover-color);--bs-nav-link-disabled-color:var(--bs-secondary-color);display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);font-size:var(--bs-nav-link-font-size);font-weight:var(--bs-nav-link-font-weight);color:var(--bs-nav-link-color);text-decoration:none;background:0 0;border:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}@media (prefers-reduced-motion:reduce){.nav-link{transition:none}}.nav-link:focus,.nav-link:hover{color:var(--bs-nav-link-hover-color)}.nav-link:focus-visible{outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.nav-link.disabled,.nav-link:disabled{color:var(--bs-nav-link-disabled-color);pointer-events:none;cursor:default}.nav-tabs{--bs-nav-tabs-border-width:var(--bs-border-width);--bs-nav-tabs-border-color:var(--bs-border-color);--bs-nav-tabs-border-radius:var(--bs-border-radius);--bs-nav-tabs-link-hover-border-color:var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);--bs-nav-tabs-link-active-color:var(--bs-emphasis-color);--bs-nav-tabs-link-active-bg:var(--bs-body-bg);--bs-nav-tabs-link-active-border-color:var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);border-bottom:var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)}.nav-tabs .nav-link{margin-bottom:calc(-1 * var(--bs-nav-tabs-border-width));border:var(--bs-nav-tabs-border-width) solid transparent;border-top-left-radius:var(--bs-nav-tabs-border-radius);border-top-right-radius:var(--bs-nav-tabs-border-radius)}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{isolation:isolate;border-color:var(--bs-nav-tabs-link-hover-border-color)}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}.nav-tabs .dropdown-menu{margin-top:calc(-1 * var(--bs-nav-tabs-border-width));border-top-left-radius:0;border-top-right-radius:0}.nav-pills{--bs-nav-pills-border-radius:var(--bs-border-radius);--bs-nav-pills-link-active-color:#fff;--bs-nav-pills-link-active-bg:#0d6efd}.nav-pills .nav-link{border-radius:var(--bs-nav-pills-border-radius)}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:var(--bs-nav-pills-link-active-color);background-color:var(--bs-nav-pills-link-active-bg)}.nav-underline{--bs-nav-underline-gap:1rem;--bs-nav-underline-border-width:0.125rem;--bs-nav-underline-link-active-color:var(--bs-emphasis-color);gap:var(--bs-nav-underline-gap)}.nav-underline .nav-link{padding-right:0;padding-left:0;border-bottom:var(--bs-nav-underline-border-width) solid transparent}.nav-underline .nav-link:focus,.nav-underline .nav-link:hover{border-bottom-color:currentcolor}.nav-underline .nav-link.active,.nav-underline .show>.nav-link{font-weight:700;color:var(--bs-nav-underline-link-active-color);border-bottom-color:currentcolor}.nav-fill .nav-item,.nav-fill>.nav-link{flex:1 1 auto;text-align:center}.nav-justified .nav-item,.nav-justified>.nav-link{flex-grow:1;flex-basis:0;text-align:center}.nav-fill .nav-item .nav-link,.nav-justified .nav-item .nav-link{width:100%}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{--bs-navbar-padding-x:0;--bs-navbar-padding-y:0.5rem;--bs-navbar-color:rgba(var(--bs-emphasis-color-rgb), 0.65);--bs-navbar-hover-color:rgba(var(--bs-emphasis-color-rgb), 0.8);--bs-navbar-disabled-color:rgba(var(--bs-emphasis-color-rgb), 0.3);--bs-navbar-active-color:rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-brand-padding-y:0.3125rem;--bs-navbar-brand-margin-end:1rem;--bs-navbar-brand-font-size:1.25rem;--bs-navbar-brand-color:rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-brand-hover-color:rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-nav-link-padding-x:0.5rem;--bs-navbar-toggler-padding-y:0.25rem;--bs-navbar-toggler-padding-x:0.75rem;--bs-navbar-toggler-font-size:1.25rem;--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 30 30%27%3e%3cpath stroke=%27rgba%2833, 37, 41, 0.75%29%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 stroke-width=%272%27 d=%27M4 7h22M4 15h22M4 23h22%27/%3e%3c/svg%3e");--bs-navbar-toggler-border-color:rgba(var(--bs-emphasis-color-rgb), 0.15);--bs-navbar-toggler-border-radius:var(--bs-border-radius);--bs-navbar-toggler-focus-width:0.25rem;--bs-navbar-toggler-transition:box-shadow 0.15s ease-in-out;position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:var(--bs-navbar-padding-y) var(--bs-navbar-padding-x)}.navbar>.container,.navbar>.container-fluid,.navbar>.container-lg,.navbar>.container-md,.navbar>.container-sm,.navbar>.container-xl,.navbar>.container-xxl{display:flex;flex-wrap:inherit;align-items:center;justify-content:space-between}.navbar-brand{padding-top:var(--bs-navbar-brand-padding-y);padding-bottom:var(--bs-navbar-brand-padding-y);margin-right:var(--bs-navbar-brand-margin-end);font-size:var(--bs-navbar-brand-font-size);color:var(--bs-navbar-brand-color);text-decoration:none;white-space:nowrap}.navbar-brand:focus,.navbar-brand:hover{color:var(--bs-navbar-brand-hover-color)}.navbar-nav{--bs-nav-link-padding-x:0;--bs-nav-link-padding-y:0.5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color:var(--bs-navbar-color);--bs-nav-link-hover-color:var(--bs-navbar-hover-color);--bs-nav-link-disabled-color:var(--bs-navbar-disabled-color);display:flex;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link.active,.navbar-nav .nav-link.show{color:var(--bs-navbar-active-color)}.navbar-nav .dropdown-menu{position:static}.navbar-text{padding-top:.5rem;padding-bottom:.5rem;color:var(--bs-navbar-color)}.navbar-text a,.navbar-text a:focus,.navbar-text a:hover{color:var(--bs-navbar-active-color)}.navbar-collapse{flex-grow:1;flex-basis:100%;align-items:center}.navbar-toggler{padding:var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);font-size:var(--bs-navbar-toggler-font-size);line-height:1;color:var(--bs-navbar-color);background-color:transparent;border:1px solid var(--bs-navbar-toggler-border-color);border:var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);border-radius:var(--bs-navbar-toggler-border-radius);transition:var(--bs-navbar-toggler-transition)}@media (prefers-reduced-motion:reduce){.navbar-toggler{transition:none}}.navbar-toggler:hover{text-decoration:none}.navbar-toggler:focus{text-decoration:none;outline:0;box-shadow:0 0 0 var(--bs-navbar-toggler-focus-width)}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;background-image:var(--bs-navbar-toggler-icon-bg);background-repeat:no-repeat;background-position:center;background-size:100%}.navbar-nav-scroll{max-height:75vh;max-height:var(--bs-scroll-height,75vh);overflow-y:auto}@media (min-width:576px){.navbar-expand-sm{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-sm .navbar-nav{flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-sm .navbar-nav-scroll{overflow:visible}.navbar-expand-sm .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}.navbar-expand-sm .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-sm .offcanvas .offcanvas-header{display:none}.navbar-expand-sm .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:768px){.navbar-expand-md{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-md .navbar-nav{flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-md .navbar-nav-scroll{overflow:visible}.navbar-expand-md .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}.navbar-expand-md .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-md .offcanvas .offcanvas-header{display:none}.navbar-expand-md .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:992px){.navbar-expand-lg{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-lg .navbar-nav{flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-lg .navbar-nav-scroll{overflow:visible}.navbar-expand-lg .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}.navbar-expand-lg .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-lg .offcanvas .offcanvas-header{display:none}.navbar-expand-lg .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:1200px){.navbar-expand-xl{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-xl .navbar-nav{flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-xl .navbar-nav-scroll{overflow:visible}.navbar-expand-xl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}.navbar-expand-xl .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-xl .offcanvas .offcanvas-header{display:none}.navbar-expand-xl .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:1400px){.navbar-expand-xxl{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-xxl .navbar-nav{flex-direction:row}.navbar-expand-xxl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xxl .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-xxl .navbar-nav-scroll{overflow:visible}.navbar-expand-xxl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xxl .navbar-toggler{display:none}.navbar-expand-xxl .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-xxl .offcanvas .offcanvas-header{display:none}.navbar-expand-xxl .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}.navbar-expand{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand .navbar-nav{flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand .navbar-nav-scroll{overflow:visible}.navbar-expand .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-expand .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand .offcanvas .offcanvas-header{display:none}.navbar-expand .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}.navbar-dark,.navbar[data-bs-theme=dark]{--bs-navbar-color:rgba(255, 255, 255, 0.55);--bs-navbar-hover-color:rgba(255, 255, 255, 0.75);--bs-navbar-disabled-color:rgba(255, 255, 255, 0.25);--bs-navbar-active-color:#fff;--bs-navbar-brand-color:#fff;--bs-navbar-brand-hover-color:#fff;--bs-navbar-toggler-border-color:rgba(255, 255, 255, 0.1);--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 30 30%27%3e%3cpath stroke=%27rgba%28255, 255, 255, 0.55%29%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 stroke-width=%272%27 d=%27M4 7h22M4 15h22M4 23h22%27/%3e%3c/svg%3e")}[data-bs-theme=dark] .navbar-toggler-icon{--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 30 30%27%3e%3cpath stroke=%27rgba%28255, 255, 255, 0.55%29%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 stroke-width=%272%27 d=%27M4 7h22M4 15h22M4 23h22%27/%3e%3c/svg%3e")}.card{--bs-card-spacer-y:1rem;--bs-card-spacer-x:1rem;--bs-card-title-spacer-y:0.5rem;--bs-card-title-color: ;--bs-card-subtitle-color: ;--bs-card-border-width:var(--bs-border-width);--bs-card-border-color:var(--bs-border-color-translucent);--bs-card-border-radius:var(--bs-border-radius);--bs-card-box-shadow: ;--bs-card-inner-border-radius:calc(var(--bs-border-radius) - (var(--bs-border-width)));--bs-card-cap-padding-y:0.5rem;--bs-card-cap-padding-x:1rem;--bs-card-cap-bg:rgba(var(--bs-body-color-rgb), 0.03);--bs-card-cap-color: ;--bs-card-height: ;--bs-card-color: ;--bs-card-bg:var(--bs-body-bg);--bs-card-img-overlay-padding:1rem;--bs-card-group-margin:0.75rem;position:relative;display:flex;flex-direction:column;min-width:0;height:var(--bs-card-height);color:#212529;color:var(--bs-body-color);word-wrap:break-word;background-color:var(--bs-card-bg);background-clip:border-box;border:var(--bs-card-border-width) solid var(--bs-card-border-color);border-radius:var(--bs-card-border-radius)}.card>hr{margin-right:0;margin-left:0}.card>.list-group{border-top:inherit;border-bottom:inherit}.card>.list-group:first-child{border-top-width:0;border-top-left-radius:var(--bs-card-inner-border-radius);border-top-right-radius:var(--bs-card-inner-border-radius)}.card>.list-group:last-child{border-bottom-width:0;border-bottom-right-radius:var(--bs-card-inner-border-radius);border-bottom-left-radius:var(--bs-card-inner-border-radius)}.card>.card-header+.list-group,.card>.list-group+.card-footer{border-top:0}.card-body{flex:1 1 auto;padding:var(--bs-card-spacer-y) var(--bs-card-spacer-x);color:var(--bs-card-color)}.card-title{margin-bottom:var(--bs-card-title-spacer-y);color:var(--bs-card-title-color)}.card-subtitle{margin-top:calc(-.5 * var(--bs-card-title-spacer-y));margin-bottom:0;color:var(--bs-card-subtitle-color)}.card-text:last-child{margin-bottom:0}.card-link+.card-link{margin-left:var(--bs-card-spacer-x)}.card-header{padding:var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);margin-bottom:0;color:var(--bs-card-cap-color);background-color:var(--bs-card-cap-bg);border-bottom:var(--bs-card-border-width) solid var(--bs-card-border-color)}.card-header:first-child{border-radius:var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0}.card-footer{padding:var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);color:var(--bs-card-cap-color);background-color:var(--bs-card-cap-bg);border-top:var(--bs-card-border-width) solid var(--bs-card-border-color)}.card-footer:last-child{border-radius:0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius)}.card-header-tabs{margin-right:calc(-.5 * var(--bs-card-cap-padding-x));margin-bottom:calc(-1 * var(--bs-card-cap-padding-y));margin-left:calc(-.5 * var(--bs-card-cap-padding-x));border-bottom:0}.card-header-tabs .nav-link.active{background-color:var(--bs-card-bg);border-bottom-color:var(--bs-card-bg)}.card-header-pills{margin-right:calc(-.5 * var(--bs-card-cap-padding-x));margin-left:calc(-.5 * var(--bs-card-cap-padding-x))}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:var(--bs-card-img-overlay-padding);border-radius:var(--bs-card-inner-border-radius)}.card-img,.card-img-bottom,.card-img-top{width:100%}.card-img,.card-img-top{border-top-left-radius:var(--bs-card-inner-border-radius);border-top-right-radius:var(--bs-card-inner-border-radius)}.card-img,.card-img-bottom{border-bottom-right-radius:var(--bs-card-inner-border-radius);border-bottom-left-radius:var(--bs-card-inner-border-radius)}.card-group>.card{margin-bottom:var(--bs-card-group-margin)}@media (min-width:576px){.card-group{display:flex;flex-flow:row wrap}.card-group>.card{flex:1 0;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:not(:last-child)>.card-header,.card-group>.card:not(:last-child)>.card-img-top{border-top-right-radius:0}.card-group>.card:not(:last-child)>.card-footer,.card-group>.card:not(:last-child)>.card-img-bottom{border-bottom-right-radius:0}.card-group>.card:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:not(:first-child)>.card-header,.card-group>.card:not(:first-child)>.card-img-top{border-top-left-radius:0}.card-group>.card:not(:first-child)>.card-footer,.card-group>.card:not(:first-child)>.card-img-bottom{border-bottom-left-radius:0}}.accordion{--bs-accordion-color:var(--bs-body-color);--bs-accordion-bg:var(--bs-body-bg);--bs-accordion-transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,border-radius 0.15s ease;--bs-accordion-border-color:var(--bs-border-color);--bs-accordion-border-width:var(--bs-border-width);--bs-accordion-border-radius:var(--bs-border-radius);--bs-accordion-inner-border-radius:calc(var(--bs-border-radius) - (var(--bs-border-width)));--bs-accordion-btn-padding-x:1.25rem;--bs-accordion-btn-padding-y:1rem;--bs-accordion-btn-color:var(--bs-body-color);--bs-accordion-btn-bg:var(--bs-accordion-bg);--bs-accordion-btn-icon:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27none%27 stroke=%27%23212529%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3e%3cpath d=%27m2 5 6 6 6-6%27/%3e%3c/svg%3e");--bs-accordion-btn-icon-width:1.25rem;--bs-accordion-btn-icon-transform:rotate(-180deg);--bs-accordion-btn-icon-transition:transform 0.2s ease-in-out;--bs-accordion-btn-active-icon:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27none%27 stroke=%27%23052c65%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3e%3cpath d=%27m2 5 6 6 6-6%27/%3e%3c/svg%3e");--bs-accordion-btn-focus-box-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);--bs-accordion-body-padding-x:1.25rem;--bs-accordion-body-padding-y:1rem;--bs-accordion-active-color:var(--bs-primary-text-emphasis);--bs-accordion-active-bg:var(--bs-primary-bg-subtle)}.accordion-button{position:relative;display:flex;align-items:center;width:100%;padding:var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);font-size:1rem;color:var(--bs-accordion-btn-color);text-align:left;background-color:var(--bs-accordion-btn-bg);border:0;border-radius:0;overflow-anchor:none;transition:var(--bs-accordion-transition)}@media (prefers-reduced-motion:reduce){.accordion-button{transition:none}}.accordion-button:not(.collapsed){color:var(--bs-accordion-active-color);background-color:var(--bs-accordion-active-bg);box-shadow:inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color)}.accordion-button:not(.collapsed)::after{background-image:var(--bs-accordion-btn-active-icon);transform:var(--bs-accordion-btn-icon-transform)}.accordion-button::after{flex-shrink:0;width:var(--bs-accordion-btn-icon-width);height:var(--bs-accordion-btn-icon-width);margin-left:auto;content:"";background-image:var(--bs-accordion-btn-icon);background-repeat:no-repeat;background-size:var(--bs-accordion-btn-icon-width);transition:var(--bs-accordion-btn-icon-transition)}@media (prefers-reduced-motion:reduce){.accordion-button::after{transition:none}}.accordion-button:hover{z-index:2}.accordion-button:focus{z-index:3;outline:0;box-shadow:var(--bs-accordion-btn-focus-box-shadow)}.accordion-header{margin-bottom:0}.accordion-item{color:var(--bs-accordion-color);background-color:var(--bs-accordion-bg);border:var(--bs-accordion-border-width) solid var(--bs-accordion-border-color)}.accordion-item:first-of-type{border-top-left-radius:var(--bs-accordion-border-radius);border-top-right-radius:var(--bs-accordion-border-radius)}.accordion-item:first-of-type>.accordion-header .accordion-button{border-top-left-radius:var(--bs-accordion-inner-border-radius);border-top-right-radius:var(--bs-accordion-inner-border-radius)}.accordion-item:not(:first-of-type){border-top:0}.accordion-item:last-of-type{border-bottom-right-radius:var(--bs-accordion-border-radius);border-bottom-left-radius:var(--bs-accordion-border-radius)}.accordion-item:last-of-type>.accordion-header .accordion-button.collapsed{border-bottom-right-radius:var(--bs-accordion-inner-border-radius);border-bottom-left-radius:var(--bs-accordion-inner-border-radius)}.accordion-item:last-of-type>.accordion-collapse{border-bottom-right-radius:var(--bs-accordion-border-radius);border-bottom-left-radius:var(--bs-accordion-border-radius)}.accordion-body{padding:var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x)}.accordion-flush>.accordion-item{border-right:0;border-left:0;border-radius:0}.accordion-flush>.accordion-item:first-child{border-top:0}.accordion-flush>.accordion-item:last-child{border-bottom:0}.accordion-flush>.accordion-item>.accordion-collapse,.accordion-flush>.accordion-item>.accordion-header .accordion-button,.accordion-flush>.accordion-item>.accordion-header .accordion-button.collapsed{border-radius:0}[data-bs-theme=dark] .accordion-button::after{--bs-accordion-btn-icon:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27%236ea8fe%27%3e%3cpath fill-rule=%27evenodd%27 d=%27M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708%27/%3e%3c/svg%3e");--bs-accordion-btn-active-icon:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27%236ea8fe%27%3e%3cpath fill-rule=%27evenodd%27 d=%27M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708%27/%3e%3c/svg%3e")}.breadcrumb{--bs-breadcrumb-padding-x:0;--bs-breadcrumb-padding-y:0;--bs-breadcrumb-margin-bottom:1rem;--bs-breadcrumb-bg: ;--bs-breadcrumb-border-radius: ;--bs-breadcrumb-divider-color:var(--bs-secondary-color);--bs-breadcrumb-item-padding-x:0.5rem;--bs-breadcrumb-item-active-color:var(--bs-secondary-color);display:flex;flex-wrap:wrap;padding:var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);margin-bottom:var(--bs-breadcrumb-margin-bottom);font-size:var(--bs-breadcrumb-font-size);list-style:none;background-color:var(--bs-breadcrumb-bg);border-radius:var(--bs-breadcrumb-border-radius)}.breadcrumb-item+.breadcrumb-item{padding-left:var(--bs-breadcrumb-item-padding-x)}.breadcrumb-item+.breadcrumb-item::before{float:left;padding-right:var(--bs-breadcrumb-item-padding-x);color:var(--bs-breadcrumb-divider-color);content:"/";content:var(--bs-breadcrumb-divider, "/")}.breadcrumb-item.active{color:var(--bs-breadcrumb-item-active-color)}.pagination{--bs-pagination-padding-x:0.75rem;--bs-pagination-padding-y:0.375rem;--bs-pagination-font-size:1rem;--bs-pagination-color:var(--bs-link-color);--bs-pagination-bg:var(--bs-body-bg);--bs-pagination-border-width:var(--bs-border-width);--bs-pagination-border-color:var(--bs-border-color);--bs-pagination-border-radius:var(--bs-border-radius);--bs-pagination-hover-color:var(--bs-link-hover-color);--bs-pagination-hover-bg:var(--bs-tertiary-bg);--bs-pagination-hover-border-color:var(--bs-border-color);--bs-pagination-focus-color:var(--bs-link-hover-color);--bs-pagination-focus-bg:var(--bs-secondary-bg);--bs-pagination-focus-box-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);--bs-pagination-active-color:#fff;--bs-pagination-active-bg:#0d6efd;--bs-pagination-active-border-color:#0d6efd;--bs-pagination-disabled-color:var(--bs-secondary-color);--bs-pagination-disabled-bg:var(--bs-secondary-bg);--bs-pagination-disabled-border-color:var(--bs-border-color);display:flex;padding-left:0;list-style:none}.page-link{position:relative;display:block;padding:var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);font-size:var(--bs-pagination-font-size);color:var(--bs-pagination-color);text-decoration:none;background-color:var(--bs-pagination-bg);border:var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.page-link{transition:none}}.page-link:hover{z-index:2;color:var(--bs-pagination-hover-color);background-color:var(--bs-pagination-hover-bg);border-color:var(--bs-pagination-hover-border-color)}.page-link:focus{z-index:3;color:var(--bs-pagination-focus-color);background-color:var(--bs-pagination-focus-bg);outline:0;box-shadow:var(--bs-pagination-focus-box-shadow)}.active>.page-link,.page-link.active{z-index:3;color:var(--bs-pagination-active-color);background-color:var(--bs-pagination-active-bg);border-color:var(--bs-pagination-active-border-color)}.disabled>.page-link,.page-link.disabled{color:var(--bs-pagination-disabled-color);pointer-events:none;background-color:var(--bs-pagination-disabled-bg);border-color:var(--bs-pagination-disabled-border-color)}.page-item:not(:first-child) .page-link{margin-left:calc(-1 * 1px);margin-left:calc(-1 * var(--bs-border-width))}.page-item:first-child .page-link{border-top-left-radius:var(--bs-pagination-border-radius);border-bottom-left-radius:var(--bs-pagination-border-radius)}.page-item:last-child .page-link{border-top-right-radius:var(--bs-pagination-border-radius);border-bottom-right-radius:var(--bs-pagination-border-radius)}.pagination-lg{--bs-pagination-padding-x:1.5rem;--bs-pagination-padding-y:0.75rem;--bs-pagination-font-size:1.25rem;--bs-pagination-border-radius:var(--bs-border-radius-lg)}.pagination-sm{--bs-pagination-padding-x:0.5rem;--bs-pagination-padding-y:0.25rem;--bs-pagination-font-size:0.875rem;--bs-pagination-border-radius:var(--bs-border-radius-sm)}.badge{--bs-badge-padding-x:0.65em;--bs-badge-padding-y:0.35em;--bs-badge-font-size:0.75em;--bs-badge-font-weight:700;--bs-badge-color:#fff;--bs-badge-border-radius:var(--bs-border-radius);display:inline-block;padding:var(--bs-badge-padding-y) var(--bs-badge-padding-x);font-size:var(--bs-badge-font-size);font-weight:var(--bs-badge-font-weight);line-height:1;color:var(--bs-badge-color);text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:var(--bs-badge-border-radius)}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.alert{--bs-alert-bg:transparent;--bs-alert-padding-x:1rem;--bs-alert-padding-y:1rem;--bs-alert-margin-bottom:1rem;--bs-alert-color:inherit;--bs-alert-border-color:transparent;--bs-alert-border:var(--bs-border-width) solid var(--bs-alert-border-color);--bs-alert-border-radius:var(--bs-border-radius);--bs-alert-link-color:inherit;position:relative;padding:var(--bs-alert-padding-y) var(--bs-alert-padding-x);margin-bottom:var(--bs-alert-margin-bottom);color:var(--bs-alert-color);background-color:var(--bs-alert-bg);border:var(--bs-alert-border);border-radius:var(--bs-alert-border-radius)}.alert-heading{color:inherit}.alert-link{font-weight:700;color:var(--bs-alert-link-color)}.alert-dismissible{padding-right:3rem}.alert-dismissible .btn-close{position:absolute;top:0;right:0;z-index:2;padding:1.25rem 1rem}.alert-primary{--bs-alert-color:var(--bs-primary-text-emphasis);--bs-alert-bg:var(--bs-primary-bg-subtle);--bs-alert-border-color:var(--bs-primary-border-subtle);--bs-alert-link-color:var(--bs-primary-text-emphasis)}.alert-secondary{--bs-alert-color:var(--bs-secondary-text-emphasis);--bs-alert-bg:var(--bs-secondary-bg-subtle);--bs-alert-border-color:var(--bs-secondary-border-subtle);--bs-alert-link-color:var(--bs-secondary-text-emphasis)}.alert-success{--bs-alert-color:var(--bs-success-text-emphasis);--bs-alert-bg:var(--bs-success-bg-subtle);--bs-alert-border-color:var(--bs-success-border-subtle);--bs-alert-link-color:var(--bs-success-text-emphasis)}.alert-info{--bs-alert-color:var(--bs-info-text-emphasis);--bs-alert-bg:var(--bs-info-bg-subtle);--bs-alert-border-color:var(--bs-info-border-subtle);--bs-alert-link-color:var(--bs-info-text-emphasis)}.alert-warning{--bs-alert-color:var(--bs-warning-text-emphasis);--bs-alert-bg:var(--bs-warning-bg-subtle);--bs-alert-border-color:var(--bs-warning-border-subtle);--bs-alert-link-color:var(--bs-warning-text-emphasis)}.alert-danger{--bs-alert-color:var(--bs-danger-text-emphasis);--bs-alert-bg:var(--bs-danger-bg-subtle);--bs-alert-border-color:var(--bs-danger-border-subtle);--bs-alert-link-color:var(--bs-danger-text-emphasis)}.alert-light{--bs-alert-color:var(--bs-light-text-emphasis);--bs-alert-bg:var(--bs-light-bg-subtle);--bs-alert-border-color:var(--bs-light-border-subtle);--bs-alert-link-color:var(--bs-light-text-emphasis)}.alert-dark{--bs-alert-color:var(--bs-dark-text-emphasis);--bs-alert-bg:var(--bs-dark-bg-subtle);--bs-alert-border-color:var(--bs-dark-border-subtle);--bs-alert-link-color:var(--bs-dark-text-emphasis)}@keyframes progress-bar-stripes{0%{background-position-x:var(--bs-progress-height)}}.progress,.progress-stacked{--bs-progress-height:1rem;--bs-progress-font-size:0.75rem;--bs-progress-bg:var(--bs-secondary-bg);--bs-progress-border-radius:var(--bs-border-radius);--bs-progress-box-shadow:var(--bs-box-shadow-inset);--bs-progress-bar-color:#fff;--bs-progress-bar-bg:#0d6efd;--bs-progress-bar-transition:width 0.6s ease;display:flex;height:var(--bs-progress-height);overflow:hidden;font-size:var(--bs-progress-font-size);background-color:var(--bs-progress-bg);border-radius:var(--bs-progress-border-radius)}.progress-bar{display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:var(--bs-progress-bar-color);text-align:center;white-space:nowrap;background-color:var(--bs-progress-bar-bg);transition:var(--bs-progress-bar-transition)}@media (prefers-reduced-motion:reduce){.progress-bar{transition:none}}.progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:var(--bs-progress-height) var(--bs-progress-height)}.progress-stacked>.progress{overflow:visible}.progress-stacked>.progress>.progress-bar{width:100%}.progress-bar-animated{animation:1s linear infinite progress-bar-stripes}@media (prefers-reduced-motion:reduce){.progress-bar-animated{animation:none}}.list-group{--bs-list-group-color:var(--bs-body-color);--bs-list-group-bg:var(--bs-body-bg);--bs-list-group-border-color:var(--bs-border-color);--bs-list-group-border-width:var(--bs-border-width);--bs-list-group-border-radius:var(--bs-border-radius);--bs-list-group-item-padding-x:1rem;--bs-list-group-item-padding-y:0.5rem;--bs-list-group-action-color:var(--bs-secondary-color);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-tertiary-bg);--bs-list-group-action-active-color:var(--bs-body-color);--bs-list-group-action-active-bg:var(--bs-secondary-bg);--bs-list-group-disabled-color:var(--bs-secondary-color);--bs-list-group-disabled-bg:var(--bs-body-bg);--bs-list-group-active-color:#fff;--bs-list-group-active-bg:#0d6efd;--bs-list-group-active-border-color:#0d6efd;display:flex;flex-direction:column;padding-left:0;margin-bottom:0;border-radius:var(--bs-list-group-border-radius)}.list-group-numbered{list-style-type:none;counter-reset:section}.list-group-numbered>.list-group-item::before{content:counters(section, ".") ". ";counter-increment:section}.list-group-item{position:relative;display:block;padding:var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);color:var(--bs-list-group-color);text-decoration:none;background-color:var(--bs-list-group-bg);border:var(--bs-list-group-border-width) solid var(--bs-list-group-border-color)}.list-group-item:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.list-group-item:last-child{border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}.list-group-item.disabled,.list-group-item:disabled{color:var(--bs-list-group-disabled-color);pointer-events:none;background-color:var(--bs-list-group-disabled-bg)}.list-group-item.active{z-index:2;color:var(--bs-list-group-active-color);background-color:var(--bs-list-group-active-bg);border-color:var(--bs-list-group-active-border-color)}.list-group-item+.list-group-item{border-top-width:0}.list-group-item+.list-group-item.active{margin-top:calc(-1 * var(--bs-list-group-border-width));border-top-width:var(--bs-list-group-border-width)}.list-group-item-action{width:100%;color:var(--bs-list-group-action-color);text-align:inherit}.list-group-item-action:not(.active):focus,.list-group-item-action:not(.active):hover{z-index:1;color:var(--bs-list-group-action-hover-color);text-decoration:none;background-color:var(--bs-list-group-action-hover-bg)}.list-group-item-action:not(.active):active{color:var(--bs-list-group-action-active-color);background-color:var(--bs-list-group-action-active-bg)}.list-group-horizontal{flex-direction:row}.list-group-horizontal>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal>.list-group-item.active{margin-top:0}.list-group-horizontal>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}@media (min-width:576px){.list-group-horizontal-sm{flex-direction:row}.list-group-horizontal-sm>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-sm>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-sm>.list-group-item.active{margin-top:0}.list-group-horizontal-sm>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-sm>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media (min-width:768px){.list-group-horizontal-md{flex-direction:row}.list-group-horizontal-md>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-md>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-md>.list-group-item.active{margin-top:0}.list-group-horizontal-md>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-md>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media (min-width:992px){.list-group-horizontal-lg{flex-direction:row}.list-group-horizontal-lg>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-lg>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-lg>.list-group-item.active{margin-top:0}.list-group-horizontal-lg>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-lg>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media (min-width:1200px){.list-group-horizontal-xl{flex-direction:row}.list-group-horizontal-xl>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-xl>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-xl>.list-group-item.active{margin-top:0}.list-group-horizontal-xl>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-xl>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media (min-width:1400px){.list-group-horizontal-xxl{flex-direction:row}.list-group-horizontal-xxl>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-xxl>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-xxl>.list-group-item.active{margin-top:0}.list-group-horizontal-xxl>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-xxl>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}.list-group-flush{border-radius:0}.list-group-flush>.list-group-item{border-width:0 0 var(--bs-list-group-border-width)}.list-group-flush>.list-group-item:last-child{border-bottom-width:0}.list-group-item-primary{--bs-list-group-color:var(--bs-primary-text-emphasis);--bs-list-group-bg:var(--bs-primary-bg-subtle);--bs-list-group-border-color:var(--bs-primary-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-primary-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-primary-border-subtle);--bs-list-group-active-color:var(--bs-primary-bg-subtle);--bs-list-group-active-bg:var(--bs-primary-text-emphasis);--bs-list-group-active-border-color:var(--bs-primary-text-emphasis)}.list-group-item-secondary{--bs-list-group-color:var(--bs-secondary-text-emphasis);--bs-list-group-bg:var(--bs-secondary-bg-subtle);--bs-list-group-border-color:var(--bs-secondary-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-secondary-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-secondary-border-subtle);--bs-list-group-active-color:var(--bs-secondary-bg-subtle);--bs-list-group-active-bg:var(--bs-secondary-text-emphasis);--bs-list-group-active-border-color:var(--bs-secondary-text-emphasis)}.list-group-item-success{--bs-list-group-color:var(--bs-success-text-emphasis);--bs-list-group-bg:var(--bs-success-bg-subtle);--bs-list-group-border-color:var(--bs-success-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-success-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-success-border-subtle);--bs-list-group-active-color:var(--bs-success-bg-subtle);--bs-list-group-active-bg:var(--bs-success-text-emphasis);--bs-list-group-active-border-color:var(--bs-success-text-emphasis)}.list-group-item-info{--bs-list-group-color:var(--bs-info-text-emphasis);--bs-list-group-bg:var(--bs-info-bg-subtle);--bs-list-group-border-color:var(--bs-info-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-info-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-info-border-subtle);--bs-list-group-active-color:var(--bs-info-bg-subtle);--bs-list-group-active-bg:var(--bs-info-text-emphasis);--bs-list-group-active-border-color:var(--bs-info-text-emphasis)}.list-group-item-warning{--bs-list-group-color:var(--bs-warning-text-emphasis);--bs-list-group-bg:var(--bs-warning-bg-subtle);--bs-list-group-border-color:var(--bs-warning-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-warning-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-warning-border-subtle);--bs-list-group-active-color:var(--bs-warning-bg-subtle);--bs-list-group-active-bg:var(--bs-warning-text-emphasis);--bs-list-group-active-border-color:var(--bs-warning-text-emphasis)}.list-group-item-danger{--bs-list-group-color:var(--bs-danger-text-emphasis);--bs-list-group-bg:var(--bs-danger-bg-subtle);--bs-list-group-border-color:var(--bs-danger-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-danger-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-danger-border-subtle);--bs-list-group-active-color:var(--bs-danger-bg-subtle);--bs-list-group-active-bg:var(--bs-danger-text-emphasis);--bs-list-group-active-border-color:var(--bs-danger-text-emphasis)}.list-group-item-light{--bs-list-group-color:var(--bs-light-text-emphasis);--bs-list-group-bg:var(--bs-light-bg-subtle);--bs-list-group-border-color:var(--bs-light-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-light-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-light-border-subtle);--bs-list-group-active-color:var(--bs-light-bg-subtle);--bs-list-group-active-bg:var(--bs-light-text-emphasis);--bs-list-group-active-border-color:var(--bs-light-text-emphasis)}.list-group-item-dark{--bs-list-group-color:var(--bs-dark-text-emphasis);--bs-list-group-bg:var(--bs-dark-bg-subtle);--bs-list-group-border-color:var(--bs-dark-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-dark-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-dark-border-subtle);--bs-list-group-active-color:var(--bs-dark-bg-subtle);--bs-list-group-active-bg:var(--bs-dark-text-emphasis);--bs-list-group-active-border-color:var(--bs-dark-text-emphasis)}.btn-close{--bs-btn-close-color:#000;--bs-btn-close-bg:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27%23000%27%3e%3cpath d=%27M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414%27/%3e%3c/svg%3e");--bs-btn-close-opacity:0.5;--bs-btn-close-hover-opacity:0.75;--bs-btn-close-focus-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);--bs-btn-close-focus-opacity:1;--bs-btn-close-disabled-opacity:0.25;box-sizing:content-box;width:1em;height:1em;padding:.25em .25em;color:var(--bs-btn-close-color);background:transparent var(--bs-btn-close-bg) center/1em auto no-repeat;filter: ;filter:var(--bs-btn-close-filter);border:0;border-radius:.375rem;opacity:var(--bs-btn-close-opacity)}.btn-close:hover{color:var(--bs-btn-close-color);text-decoration:none;opacity:var(--bs-btn-close-hover-opacity)}.btn-close:focus{outline:0;box-shadow:var(--bs-btn-close-focus-shadow);opacity:var(--bs-btn-close-focus-opacity)}.btn-close.disabled,.btn-close:disabled{pointer-events:none;-webkit-user-select:none;user-select:none;opacity:var(--bs-btn-close-disabled-opacity)}.btn-close-white{--bs-btn-close-filter:invert(1) grayscale(100%) brightness(200%)}:root,[data-bs-theme=light]{--bs-btn-close-filter: }[data-bs-theme=dark]{--bs-btn-close-filter:invert(1) grayscale(100%) brightness(200%)}.toast{--bs-toast-zindex:1090;--bs-toast-padding-x:0.75rem;--bs-toast-padding-y:0.5rem;--bs-toast-spacing:1.5rem;--bs-toast-max-width:350px;--bs-toast-font-size:0.875rem;--bs-toast-color: ;--bs-toast-bg:rgba(var(--bs-body-bg-rgb), 0.85);--bs-toast-border-width:var(--bs-border-width);--bs-toast-border-color:var(--bs-border-color-translucent);--bs-toast-border-radius:var(--bs-border-radius);--bs-toast-box-shadow:var(--bs-box-shadow);--bs-toast-header-color:var(--bs-secondary-color);--bs-toast-header-bg:rgba(var(--bs-body-bg-rgb), 0.85);--bs-toast-header-border-color:var(--bs-border-color-translucent);width:var(--bs-toast-max-width);max-width:100%;font-size:var(--bs-toast-font-size);color:var(--bs-toast-color);pointer-events:auto;background-color:var(--bs-toast-bg);background-clip:padding-box;border:var(--bs-toast-border-width) solid var(--bs-toast-border-color);box-shadow:var(--bs-toast-box-shadow);border-radius:var(--bs-toast-border-radius)}.toast.showing{opacity:0}.toast:not(.show){display:none}.toast-container{--bs-toast-zindex:1090;position:absolute;z-index:var(--bs-toast-zindex);width:-webkit-max-content;width:max-content;max-width:100%;pointer-events:none}.toast-container>:not(:last-child){margin-bottom:var(--bs-toast-spacing)}.toast-header{display:flex;align-items:center;padding:var(--bs-toast-padding-y) var(--bs-toast-padding-x);color:var(--bs-toast-header-color);background-color:var(--bs-toast-header-bg);background-clip:padding-box;border-bottom:var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);border-top-left-radius:calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));border-top-right-radius:calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width))}.toast-header .btn-close{margin-right:calc(-.5 * var(--bs-toast-padding-x));margin-left:var(--bs-toast-padding-x)}.toast-body{padding:var(--bs-toast-padding-x);word-wrap:break-word}.modal{--bs-modal-zindex:1055;--bs-modal-width:500px;--bs-modal-padding:1rem;--bs-modal-margin:0.5rem;--bs-modal-color:var(--bs-body-color);--bs-modal-bg:var(--bs-body-bg);--bs-modal-border-color:var(--bs-border-color-translucent);--bs-modal-border-width:var(--bs-border-width);--bs-modal-border-radius:var(--bs-border-radius-lg);--bs-modal-box-shadow:var(--bs-box-shadow-sm);--bs-modal-inner-border-radius:calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));--bs-modal-header-padding-x:1rem;--bs-modal-header-padding-y:1rem;--bs-modal-header-padding:1rem 1rem;--bs-modal-header-border-color:var(--bs-border-color);--bs-modal-header-border-width:var(--bs-border-width);--bs-modal-title-line-height:1.5;--bs-modal-footer-gap:0.5rem;--bs-modal-footer-bg: ;--bs-modal-footer-border-color:var(--bs-border-color);--bs-modal-footer-border-width:var(--bs-border-width);position:fixed;top:0;left:0;z-index:var(--bs-modal-zindex);display:none;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;outline:0}.modal-dialog{position:relative;width:auto;margin:var(--bs-modal-margin);pointer-events:none}.modal.fade .modal-dialog{transform:translate(0,-50px);transition:transform .3s ease-out}@media (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{transform:none}.modal.modal-static .modal-dialog{transform:scale(1.02)}.modal-dialog-scrollable{height:calc(100% - var(--bs-modal-margin) * 2)}.modal-dialog-scrollable .modal-content{max-height:100%;overflow:hidden}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - var(--bs-modal-margin) * 2)}.modal-content{position:relative;display:flex;flex-direction:column;width:100%;color:var(--bs-modal-color);pointer-events:auto;background-color:var(--bs-modal-bg);background-clip:padding-box;border:var(--bs-modal-border-width) solid var(--bs-modal-border-color);border-radius:var(--bs-modal-border-radius);outline:0}.modal-backdrop{--bs-backdrop-zindex:1050;--bs-backdrop-bg:#000;--bs-backdrop-opacity:0.5;position:fixed;top:0;left:0;z-index:var(--bs-backdrop-zindex);width:100vw;height:100vh;background-color:var(--bs-backdrop-bg)}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:var(--bs-backdrop-opacity)}.modal-header{display:flex;flex-shrink:0;align-items:center;padding:var(--bs-modal-header-padding);border-bottom:var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);border-top-left-radius:var(--bs-modal-inner-border-radius);border-top-right-radius:var(--bs-modal-inner-border-radius)}.modal-header .btn-close{padding:calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);margin-top:calc(-.5 * var(--bs-modal-header-padding-y));margin-right:calc(-.5 * var(--bs-modal-header-padding-x));margin-bottom:calc(-.5 * var(--bs-modal-header-padding-y));margin-left:auto}.modal-title{margin-bottom:0;line-height:var(--bs-modal-title-line-height)}.modal-body{position:relative;flex:1 1 auto;padding:var(--bs-modal-padding)}.modal-footer{display:flex;flex-shrink:0;flex-wrap:wrap;align-items:center;justify-content:flex-end;padding:calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5);background-color:var(--bs-modal-footer-bg);border-top:var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);border-bottom-right-radius:var(--bs-modal-inner-border-radius);border-bottom-left-radius:var(--bs-modal-inner-border-radius)}.modal-footer>*{margin:calc(var(--bs-modal-footer-gap) * .5)}@media (min-width:576px){.modal{--bs-modal-margin:1.75rem;--bs-modal-box-shadow:var(--bs-box-shadow)}.modal-dialog{max-width:var(--bs-modal-width);margin-right:auto;margin-left:auto}.modal-sm{--bs-modal-width:300px}}@media (min-width:992px){.modal-lg,.modal-xl{--bs-modal-width:800px}}@media (min-width:1200px){.modal-xl{--bs-modal-width:1140px}}.modal-fullscreen{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen .modal-footer,.modal-fullscreen .modal-header{border-radius:0}.modal-fullscreen .modal-body{overflow-y:auto}@media (max-width:575.98px){.modal-fullscreen-sm-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-sm-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-sm-down .modal-footer,.modal-fullscreen-sm-down .modal-header{border-radius:0}.modal-fullscreen-sm-down .modal-body{overflow-y:auto}}@media (max-width:767.98px){.modal-fullscreen-md-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-md-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-md-down .modal-footer,.modal-fullscreen-md-down .modal-header{border-radius:0}.modal-fullscreen-md-down .modal-body{overflow-y:auto}}@media (max-width:991.98px){.modal-fullscreen-lg-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-lg-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-lg-down .modal-footer,.modal-fullscreen-lg-down .modal-header{border-radius:0}.modal-fullscreen-lg-down .modal-body{overflow-y:auto}}@media (max-width:1199.98px){.modal-fullscreen-xl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xl-down .modal-footer,.modal-fullscreen-xl-down .modal-header{border-radius:0}.modal-fullscreen-xl-down .modal-body{overflow-y:auto}}@media (max-width:1399.98px){.modal-fullscreen-xxl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xxl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xxl-down .modal-footer,.modal-fullscreen-xxl-down .modal-header{border-radius:0}.modal-fullscreen-xxl-down .modal-body{overflow-y:auto}}.tooltip{--bs-tooltip-zindex:1080;--bs-tooltip-max-width:200px;--bs-tooltip-padding-x:0.5rem;--bs-tooltip-padding-y:0.25rem;--bs-tooltip-margin: ;--bs-tooltip-font-size:0.875rem;--bs-tooltip-color:var(--bs-body-bg);--bs-tooltip-bg:var(--bs-emphasis-color);--bs-tooltip-border-radius:var(--bs-border-radius);--bs-tooltip-opacity:0.9;--bs-tooltip-arrow-width:0.8rem;--bs-tooltip-arrow-height:0.4rem;z-index:var(--bs-tooltip-zindex);display:block;margin:var(--bs-tooltip-margin);font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-family:var(--bs-font-sans-serif);font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;white-space:normal;word-spacing:normal;line-break:auto;font-size:var(--bs-tooltip-font-size);word-wrap:break-word;opacity:0}.tooltip.show{opacity:var(--bs-tooltip-opacity)}.tooltip .tooltip-arrow{display:block;width:var(--bs-tooltip-arrow-width);height:var(--bs-tooltip-arrow-height)}.tooltip .tooltip-arrow::before{position:absolute;content:"";border-color:transparent;border-style:solid}.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow,.bs-tooltip-top .tooltip-arrow{bottom:calc(-1 * var(--bs-tooltip-arrow-height))}.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,.bs-tooltip-top .tooltip-arrow::before{top:-1px;border-width:var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;border-top-color:var(--bs-tooltip-bg)}.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow,.bs-tooltip-end .tooltip-arrow{left:calc(-1 * var(--bs-tooltip-arrow-height));width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,.bs-tooltip-end .tooltip-arrow::before{right:-1px;border-width:calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;border-right-color:var(--bs-tooltip-bg)}.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow,.bs-tooltip-bottom .tooltip-arrow{top:calc(-1 * var(--bs-tooltip-arrow-height))}.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,.bs-tooltip-bottom .tooltip-arrow::before{bottom:-1px;border-width:0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);border-bottom-color:var(--bs-tooltip-bg)}.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow,.bs-tooltip-start .tooltip-arrow{right:calc(-1 * var(--bs-tooltip-arrow-height));width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,.bs-tooltip-start .tooltip-arrow::before{left:-1px;border-width:calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);border-left-color:var(--bs-tooltip-bg)}.tooltip-inner{max-width:var(--bs-tooltip-max-width);padding:var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);color:var(--bs-tooltip-color);text-align:center;background-color:var(--bs-tooltip-bg);border-radius:var(--bs-tooltip-border-radius)}.popover{--bs-popover-zindex:1070;--bs-popover-max-width:276px;--bs-popover-font-size:0.875rem;--bs-popover-bg:var(--bs-body-bg);--bs-popover-border-width:var(--bs-border-width);--bs-popover-border-color:var(--bs-border-color-translucent);--bs-popover-border-radius:var(--bs-border-radius-lg);--bs-popover-inner-border-radius:calc(var(--bs-border-radius-lg) - var(--bs-border-width));--bs-popover-box-shadow:var(--bs-box-shadow);--bs-popover-header-padding-x:1rem;--bs-popover-header-padding-y:0.5rem;--bs-popover-header-font-size:1rem;--bs-popover-header-color:inherit;--bs-popover-header-bg:var(--bs-secondary-bg);--bs-popover-body-padding-x:1rem;--bs-popover-body-padding-y:1rem;--bs-popover-body-color:var(--bs-body-color);--bs-popover-arrow-width:1rem;--bs-popover-arrow-height:0.5rem;--bs-popover-arrow-border:var(--bs-popover-border-color);z-index:var(--bs-popover-zindex);display:block;max-width:var(--bs-popover-max-width);font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-family:var(--bs-font-sans-serif);font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;white-space:normal;word-spacing:normal;line-break:auto;font-size:var(--bs-popover-font-size);word-wrap:break-word;background-color:var(--bs-popover-bg);background-clip:padding-box;border:var(--bs-popover-border-width) solid var(--bs-popover-border-color);border-radius:var(--bs-popover-border-radius)}.popover .popover-arrow{display:block;width:var(--bs-popover-arrow-width);height:var(--bs-popover-arrow-height)}.popover .popover-arrow::after,.popover .popover-arrow::before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid;border-width:0}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow,.bs-popover-top>.popover-arrow{bottom:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,.bs-popover-top>.popover-arrow::after,.bs-popover-top>.popover-arrow::before{border-width:var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,.bs-popover-top>.popover-arrow::before{bottom:0;border-top-color:var(--bs-popover-arrow-border)}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after,.bs-popover-top>.popover-arrow::after{bottom:var(--bs-popover-border-width);border-top-color:var(--bs-popover-bg)}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow,.bs-popover-end>.popover-arrow{left:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));width:var(--bs-popover-arrow-height);height:var(--bs-popover-arrow-width)}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,.bs-popover-end>.popover-arrow::after,.bs-popover-end>.popover-arrow::before{border-width:calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,.bs-popover-end>.popover-arrow::before{left:0;border-right-color:var(--bs-popover-arrow-border)}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after,.bs-popover-end>.popover-arrow::after{left:var(--bs-popover-border-width);border-right-color:var(--bs-popover-bg)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow,.bs-popover-bottom>.popover-arrow{top:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,.bs-popover-bottom>.popover-arrow::after,.bs-popover-bottom>.popover-arrow::before{border-width:0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,.bs-popover-bottom>.popover-arrow::before{top:0;border-bottom-color:var(--bs-popover-arrow-border)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after,.bs-popover-bottom>.popover-arrow::after{top:var(--bs-popover-border-width);border-bottom-color:var(--bs-popover-bg)}.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before,.bs-popover-bottom .popover-header::before{position:absolute;top:0;left:50%;display:block;width:var(--bs-popover-arrow-width);margin-left:calc(-.5 * var(--bs-popover-arrow-width));content:"";border-bottom:var(--bs-popover-border-width) solid var(--bs-popover-header-bg)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow,.bs-popover-start>.popover-arrow{right:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));width:var(--bs-popover-arrow-height);height:var(--bs-popover-arrow-width)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,.bs-popover-start>.popover-arrow::after,.bs-popover-start>.popover-arrow::before{border-width:calc(var(--bs-popover-arrow-width) * .5) 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,.bs-popover-start>.popover-arrow::before{right:0;border-left-color:var(--bs-popover-arrow-border)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after,.bs-popover-start>.popover-arrow::after{right:var(--bs-popover-border-width);border-left-color:var(--bs-popover-bg)}.popover-header{padding:var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);margin-bottom:0;font-size:var(--bs-popover-header-font-size);color:var(--bs-popover-header-color);background-color:var(--bs-popover-header-bg);border-bottom:var(--bs-popover-border-width) solid var(--bs-popover-border-color);border-top-left-radius:var(--bs-popover-inner-border-radius);border-top-right-radius:var(--bs-popover-inner-border-radius)}.popover-header:empty{display:none}.popover-body{padding:var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);color:var(--bs-popover-body-color)}.carousel{position:relative}.carousel.pointer-event{touch-action:pan-y}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner::after{display:block;clear:both;content:""}.carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:transform .6s ease-in-out}@media (prefers-reduced-motion:reduce){.carousel-item{transition:none}}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}.active.carousel-item-end,.carousel-item-next:not(.carousel-item-start){transform:translateX(100%)}.active.carousel-item-start,.carousel-item-prev:not(.carousel-item-end){transform:translateX(-100%)}.carousel-fade .carousel-item{opacity:0;transition-property:opacity;transform:none}.carousel-fade .carousel-item-next.carousel-item-start,.carousel-fade .carousel-item-prev.carousel-item-end,.carousel-fade .carousel-item.active{z-index:1;opacity:1}.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start{z-index:0;opacity:0;transition:opacity 0s .6s}@media (prefers-reduced-motion:reduce){.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start{transition:none}}.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;z-index:1;display:flex;align-items:center;justify-content:center;width:15%;padding:0;color:#fff;text-align:center;background:0 0;filter: ;filter:var(--bs-carousel-control-icon-filter);border:0;opacity:.5;transition:opacity .15s ease}@media (prefers-reduced-motion:reduce){.carousel-control-next,.carousel-control-prev{transition:none}}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:2rem;height:2rem;background-repeat:no-repeat;background-position:50%;background-size:100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27%23fff%27%3e%3cpath d=%27M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0%27/%3e%3c/svg%3e")}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27%23fff%27%3e%3cpath d=%27M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708%27/%3e%3c/svg%3e")}.carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:2;display:flex;justify-content:center;padding:0;margin-right:15%;margin-bottom:1rem;margin-left:15%}.carousel-indicators [data-bs-target]{box-sizing:content-box;flex:0 1 auto;width:30px;height:3px;padding:0;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:#fff;background-color:var(--bs-carousel-indicator-active-bg);background-clip:padding-box;border:0;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease}@media (prefers-reduced-motion:reduce){.carousel-indicators [data-bs-target]{transition:none}}.carousel-indicators .active{opacity:1}.carousel-caption{position:absolute;right:15%;bottom:1.25rem;left:15%;padding-top:1.25rem;padding-bottom:1.25rem;color:#fff;color:var(--bs-carousel-caption-color);text-align:center}.carousel-dark{--bs-carousel-indicator-active-bg:#000;--bs-carousel-caption-color:#000;--bs-carousel-control-icon-filter:invert(1) grayscale(100)}:root,[data-bs-theme=light]{--bs-carousel-indicator-active-bg:#fff;--bs-carousel-caption-color:#fff;--bs-carousel-control-icon-filter: }[data-bs-theme=dark]{--bs-carousel-indicator-active-bg:#000;--bs-carousel-caption-color:#000;--bs-carousel-control-icon-filter:invert(1) grayscale(100)}.spinner-border,.spinner-grow{display:inline-block;flex-shrink:0;width:var(--bs-spinner-width);height:var(--bs-spinner-height);vertical-align:var(--bs-spinner-vertical-align);border-radius:50%;animation:var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name)}@keyframes spinner-border{to{transform:rotate(360deg)}}.spinner-border{--bs-spinner-width:2rem;--bs-spinner-height:2rem;--bs-spinner-vertical-align:-0.125em;--bs-spinner-border-width:0.25em;--bs-spinner-animation-speed:0.75s;--bs-spinner-animation-name:spinner-border;border:var(--bs-spinner-border-width) solid currentcolor;border-right-color:transparent}.spinner-border-sm{--bs-spinner-width:1rem;--bs-spinner-height:1rem;--bs-spinner-border-width:0.2em}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}.spinner-grow{--bs-spinner-width:2rem;--bs-spinner-height:2rem;--bs-spinner-vertical-align:-0.125em;--bs-spinner-animation-speed:0.75s;--bs-spinner-animation-name:spinner-grow;background-color:currentcolor;opacity:0}.spinner-grow-sm{--bs-spinner-width:1rem;--bs-spinner-height:1rem}@media (prefers-reduced-motion:reduce){.spinner-border,.spinner-grow{--bs-spinner-animation-speed:1.5s}}.offcanvas,.offcanvas-lg,.offcanvas-md,.offcanvas-sm,.offcanvas-xl,.offcanvas-xxl{--bs-offcanvas-zindex:1045;--bs-offcanvas-width:400px;--bs-offcanvas-height:30vh;--bs-offcanvas-padding-x:1rem;--bs-offcanvas-padding-y:1rem;--bs-offcanvas-color:var(--bs-body-color);--bs-offcanvas-bg:var(--bs-body-bg);--bs-offcanvas-border-width:var(--bs-border-width);--bs-offcanvas-border-color:var(--bs-border-color-translucent);--bs-offcanvas-box-shadow:var(--bs-box-shadow-sm);--bs-offcanvas-transition:transform 0.3s ease-in-out;--bs-offcanvas-title-line-height:1.5}@media (max-width:575.98px){.offcanvas-sm{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}@media (max-width:575.98px) and (prefers-reduced-motion:reduce){.offcanvas-sm{transition:none}}@media (max-width:575.98px){.offcanvas-sm.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas-sm.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas-sm.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-sm.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-sm.show:not(.hiding),.offcanvas-sm.showing{transform:none}.offcanvas-sm.hiding,.offcanvas-sm.show,.offcanvas-sm.showing{visibility:visible}}@media (min-width:576px){.offcanvas-sm{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-sm .offcanvas-header{display:none}.offcanvas-sm .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}@media (max-width:767.98px){.offcanvas-md{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}@media (max-width:767.98px) and (prefers-reduced-motion:reduce){.offcanvas-md{transition:none}}@media (max-width:767.98px){.offcanvas-md.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas-md.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas-md.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-md.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-md.show:not(.hiding),.offcanvas-md.showing{transform:none}.offcanvas-md.hiding,.offcanvas-md.show,.offcanvas-md.showing{visibility:visible}}@media (min-width:768px){.offcanvas-md{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-md .offcanvas-header{display:none}.offcanvas-md .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}@media (max-width:991.98px){.offcanvas-lg{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}@media (max-width:991.98px) and (prefers-reduced-motion:reduce){.offcanvas-lg{transition:none}}@media (max-width:991.98px){.offcanvas-lg.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas-lg.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas-lg.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-lg.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-lg.show:not(.hiding),.offcanvas-lg.showing{transform:none}.offcanvas-lg.hiding,.offcanvas-lg.show,.offcanvas-lg.showing{visibility:visible}}@media (min-width:992px){.offcanvas-lg{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-lg .offcanvas-header{display:none}.offcanvas-lg .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}@media (max-width:1199.98px){.offcanvas-xl{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}@media (max-width:1199.98px) and (prefers-reduced-motion:reduce){.offcanvas-xl{transition:none}}@media (max-width:1199.98px){.offcanvas-xl.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas-xl.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas-xl.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-xl.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-xl.show:not(.hiding),.offcanvas-xl.showing{transform:none}.offcanvas-xl.hiding,.offcanvas-xl.show,.offcanvas-xl.showing{visibility:visible}}@media (min-width:1200px){.offcanvas-xl{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-xl .offcanvas-header{display:none}.offcanvas-xl .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}@media (max-width:1399.98px){.offcanvas-xxl{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}@media (max-width:1399.98px) and (prefers-reduced-motion:reduce){.offcanvas-xxl{transition:none}}@media (max-width:1399.98px){.offcanvas-xxl.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas-xxl.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas-xxl.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-xxl.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-xxl.show:not(.hiding),.offcanvas-xxl.showing{transform:none}.offcanvas-xxl.hiding,.offcanvas-xxl.show,.offcanvas-xxl.showing{visibility:visible}}@media (min-width:1400px){.offcanvas-xxl{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-xxl .offcanvas-header{display:none}.offcanvas-xxl .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}.offcanvas{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}@media (prefers-reduced-motion:reduce){.offcanvas{transition:none}}.offcanvas.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas.show:not(.hiding),.offcanvas.showing{transform:none}.offcanvas.hiding,.offcanvas.show,.offcanvas.showing{visibility:visible}.offcanvas-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.offcanvas-backdrop.fade{opacity:0}.offcanvas-backdrop.show{opacity:.5}.offcanvas-header{display:flex;align-items:center;padding:var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x)}.offcanvas-header .btn-close{padding:calc(var(--bs-offcanvas-padding-y) * .5) calc(var(--bs-offcanvas-padding-x) * .5);margin-top:calc(-.5 * var(--bs-offcanvas-padding-y));margin-right:calc(-.5 * var(--bs-offcanvas-padding-x));margin-bottom:calc(-.5 * var(--bs-offcanvas-padding-y));margin-left:auto}.offcanvas-title{margin-bottom:0;line-height:var(--bs-offcanvas-title-line-height)}.offcanvas-body{flex-grow:1;padding:var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);overflow-y:auto}.placeholder{display:inline-block;min-height:1em;vertical-align:middle;cursor:wait;background-color:currentcolor;opacity:.5}.placeholder.btn::before{display:inline-block;content:""}.placeholder-xs{min-height:.6em}.placeholder-sm{min-height:.8em}.placeholder-lg{min-height:1.2em}.placeholder-glow .placeholder{animation:placeholder-glow 2s ease-in-out infinite}@keyframes placeholder-glow{50%{opacity:.2}}.placeholder-wave{-webkit-mask-image:linear-gradient(130deg,#000 55%,rgba(0,0,0,0.8) 75%,#000 95%);mask-image:linear-gradient(130deg,#000 55%,rgba(0,0,0,0.8) 75%,#000 95%);-webkit-mask-size:200% 100%;mask-size:200% 100%;animation:placeholder-wave 2s linear infinite}@keyframes placeholder-wave{100%{-webkit-mask-position:-200% 0%;mask-position:-200% 0%}}.clearfix::after{display:block;clear:both;content:""}.text-bg-primary{color:#fff!important;background-color:RGBA(13,110,253,1)!important;background-color:RGBA(var(--bs-primary-rgb),var(--bs-bg-opacity,1))!important}.text-bg-secondary{color:#fff!important;background-color:RGBA(108,117,125,1)!important;background-color:RGBA(var(--bs-secondary-rgb),var(--bs-bg-opacity,1))!important}.text-bg-success{color:#fff!important;background-color:RGBA(25,135,84,1)!important;background-color:RGBA(var(--bs-success-rgb),var(--bs-bg-opacity,1))!important}.text-bg-info{color:#000!important;background-color:RGBA(13,202,240,1)!important;background-color:RGBA(var(--bs-info-rgb),var(--bs-bg-opacity,1))!important}.text-bg-warning{color:#000!important;background-color:RGBA(255,193,7,1)!important;background-color:RGBA(var(--bs-warning-rgb),var(--bs-bg-opacity,1))!important}.text-bg-danger{color:#fff!important;background-color:RGBA(220,53,69,1)!important;background-color:RGBA(var(--bs-danger-rgb),var(--bs-bg-opacity,1))!important}.text-bg-light{color:#000!important;background-color:RGBA(248,249,250,1)!important;background-color:RGBA(var(--bs-light-rgb),var(--bs-bg-opacity,1))!important}.text-bg-dark{color:#fff!important;background-color:RGBA(33,37,41,1)!important;background-color:RGBA(var(--bs-dark-rgb),var(--bs-bg-opacity,1))!important}.link-primary{color:RGBA(13,110,253,1)!important;color:RGBA(var(--bs-primary-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(13,110,253,1)!important;-webkit-text-decoration-color:RGBA(var(--bs-primary-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(13,110,253,1)!important;text-decoration-color:RGBA(var(--bs-primary-rgb),var(--bs-link-underline-opacity,1))!important}.link-primary:focus,.link-primary:hover{color:RGBA(10,88,202,1)!important;color:RGBA(10,88,202,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(10,88,202,1)!important;-webkit-text-decoration-color:RGBA(10,88,202,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(10,88,202,1)!important;text-decoration-color:RGBA(10,88,202,var(--bs-link-underline-opacity,1))!important}.link-secondary{color:RGBA(108,117,125,1)!important;color:RGBA(var(--bs-secondary-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(108,117,125,1)!important;-webkit-text-decoration-color:RGBA(var(--bs-secondary-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(108,117,125,1)!important;text-decoration-color:RGBA(var(--bs-secondary-rgb),var(--bs-link-underline-opacity,1))!important}.link-secondary:focus,.link-secondary:hover{color:RGBA(86,94,100,1)!important;color:RGBA(86,94,100,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(86,94,100,1)!important;-webkit-text-decoration-color:RGBA(86,94,100,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(86,94,100,1)!important;text-decoration-color:RGBA(86,94,100,var(--bs-link-underline-opacity,1))!important}.link-success{color:RGBA(25,135,84,1)!important;color:RGBA(var(--bs-success-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(25,135,84,1)!important;-webkit-text-decoration-color:RGBA(var(--bs-success-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(25,135,84,1)!important;text-decoration-color:RGBA(var(--bs-success-rgb),var(--bs-link-underline-opacity,1))!important}.link-success:focus,.link-success:hover{color:RGBA(20,108,67,1)!important;color:RGBA(20,108,67,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(20,108,67,1)!important;-webkit-text-decoration-color:RGBA(20,108,67,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(20,108,67,1)!important;text-decoration-color:RGBA(20,108,67,var(--bs-link-underline-opacity,1))!important}.link-info{color:RGBA(13,202,240,1)!important;color:RGBA(var(--bs-info-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(13,202,240,1)!important;-webkit-text-decoration-color:RGBA(var(--bs-info-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(13,202,240,1)!important;text-decoration-color:RGBA(var(--bs-info-rgb),var(--bs-link-underline-opacity,1))!important}.link-info:focus,.link-info:hover{color:RGBA(61,213,243,1)!important;color:RGBA(61,213,243,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(61,213,243,1)!important;-webkit-text-decoration-color:RGBA(61,213,243,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(61,213,243,1)!important;text-decoration-color:RGBA(61,213,243,var(--bs-link-underline-opacity,1))!important}.link-warning{color:RGBA(255,193,7,1)!important;color:RGBA(var(--bs-warning-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(255,193,7,1)!important;-webkit-text-decoration-color:RGBA(var(--bs-warning-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(255,193,7,1)!important;text-decoration-color:RGBA(var(--bs-warning-rgb),var(--bs-link-underline-opacity,1))!important}.link-warning:focus,.link-warning:hover{color:RGBA(255,205,57,1)!important;color:RGBA(255,205,57,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(255,205,57,1)!important;-webkit-text-decoration-color:RGBA(255,205,57,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(255,205,57,1)!important;text-decoration-color:RGBA(255,205,57,var(--bs-link-underline-opacity,1))!important}.link-danger{color:RGBA(220,53,69,1)!important;color:RGBA(var(--bs-danger-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(220,53,69,1)!important;-webkit-text-decoration-color:RGBA(var(--bs-danger-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(220,53,69,1)!important;text-decoration-color:RGBA(var(--bs-danger-rgb),var(--bs-link-underline-opacity,1))!important}.link-danger:focus,.link-danger:hover{color:RGBA(176,42,55,1)!important;color:RGBA(176,42,55,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(176,42,55,1)!important;-webkit-text-decoration-color:RGBA(176,42,55,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(176,42,55,1)!important;text-decoration-color:RGBA(176,42,55,var(--bs-link-underline-opacity,1))!important}.link-light{color:RGBA(248,249,250,1)!important;color:RGBA(var(--bs-light-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(248,249,250,1)!important;-webkit-text-decoration-color:RGBA(var(--bs-light-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(248,249,250,1)!important;text-decoration-color:RGBA(var(--bs-light-rgb),var(--bs-link-underline-opacity,1))!important}.link-light:focus,.link-light:hover{color:RGBA(249,250,251,1)!important;color:RGBA(249,250,251,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(249,250,251,1)!important;-webkit-text-decoration-color:RGBA(249,250,251,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(249,250,251,1)!important;text-decoration-color:RGBA(249,250,251,var(--bs-link-underline-opacity,1))!important}.link-dark{color:RGBA(33,37,41,1)!important;color:RGBA(var(--bs-dark-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(33,37,41,1)!important;-webkit-text-decoration-color:RGBA(var(--bs-dark-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(33,37,41,1)!important;text-decoration-color:RGBA(var(--bs-dark-rgb),var(--bs-link-underline-opacity,1))!important}.link-dark:focus,.link-dark:hover{color:RGBA(26,30,33,1)!important;color:RGBA(26,30,33,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(26,30,33,1)!important;-webkit-text-decoration-color:RGBA(26,30,33,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(26,30,33,1)!important;text-decoration-color:RGBA(26,30,33,var(--bs-link-underline-opacity,1))!important}.link-body-emphasis{color:RGBA(0,0,0,1)!important;color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(0,0,0,1)!important;-webkit-text-decoration-color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(0,0,0,1)!important;text-decoration-color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,1))!important}.link-body-emphasis:focus,.link-body-emphasis:hover{color:RGBA(0,0,0,.75)!important;color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-opacity,.75))!important;-webkit-text-decoration-color:RGBA(0,0,0,0.75)!important;-webkit-text-decoration-color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,0.75))!important;text-decoration-color:RGBA(0,0,0,0.75)!important;text-decoration-color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,0.75))!important}.focus-ring:focus{outline:0;box-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);box-shadow:var(--bs-focus-ring-x,0) var(--bs-focus-ring-y,0) var(--bs-focus-ring-blur,0) var(--bs-focus-ring-width) var(--bs-focus-ring-color)}.icon-link{display:inline-flex;gap:.375rem;align-items:center;-webkit-text-decoration-color:rgba(13,110,253,0.5);-webkit-text-decoration-color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,0.5));text-decoration-color:rgba(13,110,253,0.5);text-decoration-color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,0.5));text-underline-offset:0.25em;-webkit-backface-visibility:hidden;backface-visibility:hidden}.icon-link>.bi{flex-shrink:0;width:1em;height:1em;fill:currentcolor;transition:.2s ease-in-out transform}@media (prefers-reduced-motion:reduce){.icon-link>.bi{transition:none}}.icon-link-hover:focus-visible>.bi,.icon-link-hover:hover>.bi{transform:translate3d(.25em,0,0);transform:var(--bs-icon-link-transform,translate3d(.25em,0,0))}.ratio{position:relative;width:100%}.ratio::before{display:block;padding-top:var(--bs-aspect-ratio);content:""}.ratio>*{position:absolute;top:0;left:0;width:100%;height:100%}.ratio-1x1{--bs-aspect-ratio:100%}.ratio-4x3{--bs-aspect-ratio:75%}.ratio-16x9{--bs-aspect-ratio:56.25%}.ratio-21x9{--bs-aspect-ratio:42.8571428571%}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}.sticky-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}.sticky-bottom{position:-webkit-sticky;position:sticky;bottom:0;z-index:1020}@media (min-width:576px){.sticky-sm-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}.sticky-sm-bottom{position:-webkit-sticky;position:sticky;bottom:0;z-index:1020}}@media (min-width:768px){.sticky-md-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}.sticky-md-bottom{position:-webkit-sticky;position:sticky;bottom:0;z-index:1020}}@media (min-width:992px){.sticky-lg-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}.sticky-lg-bottom{position:-webkit-sticky;position:sticky;bottom:0;z-index:1020}}@media (min-width:1200px){.sticky-xl-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}.sticky-xl-bottom{position:-webkit-sticky;position:sticky;bottom:0;z-index:1020}}@media (min-width:1400px){.sticky-xxl-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}.sticky-xxl-bottom{position:-webkit-sticky;position:sticky;bottom:0;z-index:1020}}.hstack{display:flex;flex-direction:row;align-items:center;align-self:stretch}.vstack{display:flex;flex:1 1 auto;flex-direction:column;align-self:stretch}.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within){width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption),.visually-hidden:not(caption){position:absolute!important}.visually-hidden *,.visually-hidden-focusable:not(:focus):not(:focus-within) *{overflow:hidden!important}.stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;content:""}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vr{display:inline-block;align-self:stretch;width:1px;width:var(--bs-border-width);min-height:1em;background-color:currentcolor;opacity:.25}.align-baseline{vertical-align:baseline!important}.align-top{vertical-align:top!important}.align-middle{vertical-align:middle!important}.align-bottom{vertical-align:bottom!important}.align-text-bottom{vertical-align:text-bottom!important}.align-text-top{vertical-align:text-top!important}.float-start{float:left!important}.float-end{float:right!important}.float-none{float:none!important}.object-fit-contain{object-fit:contain!important}.object-fit-cover{object-fit:cover!important}.object-fit-fill{object-fit:fill!important}.object-fit-scale{object-fit:scale-down!important}.object-fit-none{object-fit:none!important}.opacity-0{opacity:0!important}.opacity-25{opacity:.25!important}.opacity-50{opacity:.5!important}.opacity-75{opacity:.75!important}.opacity-100{opacity:1!important}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.overflow-visible{overflow:visible!important}.overflow-scroll{overflow:scroll!important}.overflow-x-auto{overflow-x:auto!important}.overflow-x-hidden{overflow-x:hidden!important}.overflow-x-visible{overflow-x:visible!important}.overflow-x-scroll{overflow-x:scroll!important}.overflow-y-auto{overflow-y:auto!important}.overflow-y-hidden{overflow-y:hidden!important}.overflow-y-visible{overflow-y:visible!important}.overflow-y-scroll{overflow-y:scroll!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-grid{display:grid!important}.d-inline-grid{display:inline-grid!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.d-none{display:none!important}.shadow{box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15)!important;box-shadow:var(--bs-box-shadow)!important}.shadow-sm{box-shadow:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075)!important;box-shadow:var(--bs-box-shadow-sm)!important}.shadow-lg{box-shadow:0 1rem 3rem rgba(0, 0, 0, 0.175)!important;box-shadow:var(--bs-box-shadow-lg)!important}.shadow-none{box-shadow:none!important}.focus-ring-primary{--bs-focus-ring-color:rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity))}.focus-ring-secondary{--bs-focus-ring-color:rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity))}.focus-ring-success{--bs-focus-ring-color:rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity))}.focus-ring-info{--bs-focus-ring-color:rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity))}.focus-ring-warning{--bs-focus-ring-color:rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity))}.focus-ring-danger{--bs-focus-ring-color:rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity))}.focus-ring-light{--bs-focus-ring-color:rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity))}.focus-ring-dark{--bs-focus-ring-color:rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity))}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:-webkit-sticky!important;position:sticky!important}.top-0{top:0!important}.top-50{top:50%!important}.top-100{top:100%!important}.bottom-0{bottom:0!important}.bottom-50{bottom:50%!important}.bottom-100{bottom:100%!important}.start-0{left:0!important}.start-50{left:50%!important}.start-100{left:100%!important}.end-0{right:0!important}.end-50{right:50%!important}.end-100{right:100%!important}.translate-middle{transform:translate(-50%,-50%)!important}.translate-middle-x{transform:translateX(-50%)!important}.translate-middle-y{transform:translateY(-50%)!important}.border{border:1px solid #dee2e6!important;border:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-0{border:0!important}.border-top{border-top:1px solid #dee2e6!important;border-top:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-top-0{border-top:0!important}.border-end{border-right:1px solid #dee2e6!important;border-right:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-end-0{border-right:0!important}.border-bottom{border-bottom:1px solid #dee2e6!important;border-bottom:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-bottom-0{border-bottom:0!important}.border-start{border-left:1px solid #dee2e6!important;border-left:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-start-0{border-left:0!important}.border-primary{--bs-border-opacity:1;border-color:rgba(13,110,253,var(--bs-border-opacity))!important;border-color:rgba(var(--bs-primary-rgb),var(--bs-border-opacity))!important}.border-secondary{--bs-border-opacity:1;border-color:rgba(108,117,125,var(--bs-border-opacity))!important;border-color:rgba(var(--bs-secondary-rgb),var(--bs-border-opacity))!important}.border-success{--bs-border-opacity:1;border-color:rgba(25,135,84,var(--bs-border-opacity))!important;border-color:rgba(var(--bs-success-rgb),var(--bs-border-opacity))!important}.border-info{--bs-border-opacity:1;border-color:rgba(13,202,240,var(--bs-border-opacity))!important;border-color:rgba(var(--bs-info-rgb),var(--bs-border-opacity))!important}.border-warning{--bs-border-opacity:1;border-color:rgba(255,193,7,var(--bs-border-opacity))!important;border-color:rgba(var(--bs-warning-rgb),var(--bs-border-opacity))!important}.border-danger{--bs-border-opacity:1;border-color:rgba(220,53,69,var(--bs-border-opacity))!important;border-color:rgba(var(--bs-danger-rgb),var(--bs-border-opacity))!important}.border-light{--bs-border-opacity:1;border-color:rgba(248,249,250,var(--bs-border-opacity))!important;border-color:rgba(var(--bs-light-rgb),var(--bs-border-opacity))!important}.border-dark{--bs-border-opacity:1;border-color:rgba(33,37,41,var(--bs-border-opacity))!important;border-color:rgba(var(--bs-dark-rgb),var(--bs-border-opacity))!important}.border-black{--bs-border-opacity:1;border-color:rgba(0,0,0,var(--bs-border-opacity))!important;border-color:rgba(var(--bs-black-rgb),var(--bs-border-opacity))!important}.border-white{--bs-border-opacity:1;border-color:rgba(255,255,255,var(--bs-border-opacity))!important;border-color:rgba(var(--bs-white-rgb),var(--bs-border-opacity))!important}.border-primary-subtle{border-color:#9ec5fe!important;border-color:var(--bs-primary-border-subtle)!important}.border-secondary-subtle{border-color:#c4c8cb!important;border-color:var(--bs-secondary-border-subtle)!important}.border-success-subtle{border-color:#a3cfbb!important;border-color:var(--bs-success-border-subtle)!important}.border-info-subtle{border-color:#9eeaf9!important;border-color:var(--bs-info-border-subtle)!important}.border-warning-subtle{border-color:#ffe69c!important;border-color:var(--bs-warning-border-subtle)!important}.border-danger-subtle{border-color:#f1aeb5!important;border-color:var(--bs-danger-border-subtle)!important}.border-light-subtle{border-color:#e9ecef!important;border-color:var(--bs-light-border-subtle)!important}.border-dark-subtle{border-color:#adb5bd!important;border-color:var(--bs-dark-border-subtle)!important}.border-1{border-width:1px!important}.border-2{border-width:2px!important}.border-3{border-width:3px!important}.border-4{border-width:4px!important}.border-5{border-width:5px!important}.border-opacity-10{--bs-border-opacity:0.1}.border-opacity-25{--bs-border-opacity:0.25}.border-opacity-50{--bs-border-opacity:0.5}.border-opacity-75{--bs-border-opacity:0.75}.border-opacity-100{--bs-border-opacity:1}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.w-auto{width:auto!important}.mw-100{max-width:100%!important}.vw-100{width:100vw!important}.min-vw-100{min-width:100vw!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.h-auto{height:auto!important}.mh-100{max-height:100%!important}.vh-100{height:100vh!important}.min-vh-100{min-height:100vh!important}.flex-fill{flex:1 1 auto!important}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.justify-content-evenly{justify-content:space-evenly!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-self-auto{align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}.order-first{order:-1!important}.order-0{order:0!important}.order-1{order:1!important}.order-2{order:2!important}.order-3{order:3!important}.order-4{order:4!important}.order-5{order:5!important}.order-last{order:6!important}.m-0{margin:0!important}.m-1{margin:.25rem!important}.m-2{margin:.5rem!important}.m-3{margin:1rem!important}.m-4{margin:1.5rem!important}.m-5{margin:3rem!important}.m-auto{margin:auto!important}.mx-0{margin-right:0!important;margin-left:0!important}.mx-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-3{margin-right:1rem!important;margin-left:1rem!important}.mx-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-5{margin-right:3rem!important;margin-left:3rem!important}.mx-auto{margin-right:auto!important;margin-left:auto!important}.my-0{margin-top:0!important;margin-bottom:0!important}.my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-0{margin-top:0!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mt-5{margin-top:3rem!important}.mt-auto{margin-top:auto!important}.me-0{margin-right:0!important}.me-1{margin-right:.25rem!important}.me-2{margin-right:.5rem!important}.me-3{margin-right:1rem!important}.me-4{margin-right:1.5rem!important}.me-5{margin-right:3rem!important}.me-auto{margin-right:auto!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:3rem!important}.mb-auto{margin-bottom:auto!important}.ms-0{margin-left:0!important}.ms-1{margin-left:.25rem!important}.ms-2{margin-left:.5rem!important}.ms-3{margin-left:1rem!important}.ms-4{margin-left:1.5rem!important}.ms-5{margin-left:3rem!important}.ms-auto{margin-left:auto!important}.p-0{padding:0!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.p-5{padding:3rem!important}.px-0{padding-right:0!important;padding-left:0!important}.px-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-3{padding-right:1rem!important;padding-left:1rem!important}.px-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-5{padding-right:3rem!important;padding-left:3rem!important}.py-0{padding-top:0!important;padding-bottom:0!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-0{padding-top:0!important}.pt-1{padding-top:.25rem!important}.pt-2{padding-top:.5rem!important}.pt-3{padding-top:1rem!important}.pt-4{padding-top:1.5rem!important}.pt-5{padding-top:3rem!important}.pe-0{padding-right:0!important}.pe-1{padding-right:.25rem!important}.pe-2{padding-right:.5rem!important}.pe-3{padding-right:1rem!important}.pe-4{padding-right:1.5rem!important}.pe-5{padding-right:3rem!important}.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:.25rem!important}.pb-2{padding-bottom:.5rem!important}.pb-3{padding-bottom:1rem!important}.pb-4{padding-bottom:1.5rem!important}.pb-5{padding-bottom:3rem!important}.ps-0{padding-left:0!important}.ps-1{padding-left:.25rem!important}.ps-2{padding-left:.5rem!important}.ps-3{padding-left:1rem!important}.ps-4{padding-left:1.5rem!important}.ps-5{padding-left:3rem!important}.gap-0{gap:0!important}.gap-1{gap:.25rem!important}.gap-2{gap:.5rem!important}.gap-3{gap:1rem!important}.gap-4{gap:1.5rem!important}.gap-5{gap:3rem!important}.row-gap-0{row-gap:0!important}.row-gap-1{row-gap:.25rem!important}.row-gap-2{row-gap:.5rem!important}.row-gap-3{row-gap:1rem!important}.row-gap-4{row-gap:1.5rem!important}.row-gap-5{row-gap:3rem!important}.column-gap-0{column-gap:0!important}.column-gap-1{column-gap:.25rem!important}.column-gap-2{column-gap:.5rem!important}.column-gap-3{column-gap:1rem!important}.column-gap-4{column-gap:1.5rem!important}.column-gap-5{column-gap:3rem!important}.font-monospace{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace!important;font-family:var(--bs-font-monospace)!important}.fs-1{font-size:calc(1.375rem + 1.5vw)!important}.fs-2{font-size:calc(1.325rem + .9vw)!important}.fs-3{font-size:calc(1.3rem + .6vw)!important}.fs-4{font-size:calc(1.275rem + .3vw)!important}.fs-5{font-size:1.25rem!important}.fs-6{font-size:1rem!important}.fst-italic{font-style:italic!important}.fst-normal{font-style:normal!important}.fw-lighter{font-weight:lighter!important}.fw-light{font-weight:300!important}.fw-normal{font-weight:400!important}.fw-medium{font-weight:500!important}.fw-semibold{font-weight:600!important}.fw-bold{font-weight:700!important}.fw-bolder{font-weight:bolder!important}.lh-1{line-height:1!important}.lh-sm{line-height:1.25!important}.lh-base{line-height:1.5!important}.lh-lg{line-height:2!important}.text-start{text-align:left!important}.text-end{text-align:right!important}.text-center{text-align:center!important}.text-decoration-none{text-decoration:none!important}.text-decoration-underline{text-decoration:underline!important}.text-decoration-line-through{text-decoration:line-through!important}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.text-wrap{white-space:normal!important}.text-nowrap{white-space:nowrap!important}.text-break{word-wrap:break-word!important;word-break:break-word!important}.text-primary{--bs-text-opacity:1;color:rgba(13,110,253,var(--bs-text-opacity))!important;color:rgba(var(--bs-primary-rgb),var(--bs-text-opacity))!important}.text-secondary{--bs-text-opacity:1;color:rgba(108,117,125,var(--bs-text-opacity))!important;color:rgba(var(--bs-secondary-rgb),var(--bs-text-opacity))!important}.text-success{--bs-text-opacity:1;color:rgba(25,135,84,var(--bs-text-opacity))!important;color:rgba(var(--bs-success-rgb),var(--bs-text-opacity))!important}.text-info{--bs-text-opacity:1;color:rgba(13,202,240,var(--bs-text-opacity))!important;color:rgba(var(--bs-info-rgb),var(--bs-text-opacity))!important}.text-warning{--bs-text-opacity:1;color:rgba(255,193,7,var(--bs-text-opacity))!important;color:rgba(var(--bs-warning-rgb),var(--bs-text-opacity))!important}.text-danger{--bs-text-opacity:1;color:rgba(220,53,69,var(--bs-text-opacity))!important;color:rgba(var(--bs-danger-rgb),var(--bs-text-opacity))!important}.text-light{--bs-text-opacity:1;color:rgba(248,249,250,var(--bs-text-opacity))!important;color:rgba(var(--bs-light-rgb),var(--bs-text-opacity))!important}.text-dark{--bs-text-opacity:1;color:rgba(33,37,41,var(--bs-text-opacity))!important;color:rgba(var(--bs-dark-rgb),var(--bs-text-opacity))!important}.text-black{--bs-text-opacity:1;color:rgba(0,0,0,var(--bs-text-opacity))!important;color:rgba(var(--bs-black-rgb),var(--bs-text-opacity))!important}.text-white{--bs-text-opacity:1;color:rgba(255,255,255,var(--bs-text-opacity))!important;color:rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important}.text-body{--bs-text-opacity:1;color:rgba(33,37,41,var(--bs-text-opacity))!important;color:rgba(var(--bs-body-color-rgb),var(--bs-text-opacity))!important}.text-muted{--bs-text-opacity:1;color:rgba(33, 37, 41, 0.75)!important;color:var(--bs-secondary-color)!important}.text-black-50{--bs-text-opacity:1;color:rgba(0,0,0,.5)!important}.text-white-50{--bs-text-opacity:1;color:rgba(255,255,255,.5)!important}.text-body-secondary{--bs-text-opacity:1;color:rgba(33, 37, 41, 0.75)!important;color:var(--bs-secondary-color)!important}.text-body-tertiary{--bs-text-opacity:1;color:rgba(33, 37, 41, 0.5)!important;color:var(--bs-tertiary-color)!important}.text-body-emphasis{--bs-text-opacity:1;color:#000!important;color:var(--bs-emphasis-color)!important}.text-reset{--bs-text-opacity:1;color:inherit!important}.text-opacity-25{--bs-text-opacity:0.25}.text-opacity-50{--bs-text-opacity:0.5}.text-opacity-75{--bs-text-opacity:0.75}.text-opacity-100{--bs-text-opacity:1}.text-primary-emphasis{color:#052c65!important;color:var(--bs-primary-text-emphasis)!important}.text-secondary-emphasis{color:#2b2f32!important;color:var(--bs-secondary-text-emphasis)!important}.text-success-emphasis{color:#0a3622!important;color:var(--bs-success-text-emphasis)!important}.text-info-emphasis{color:#055160!important;color:var(--bs-info-text-emphasis)!important}.text-warning-emphasis{color:#664d03!important;color:var(--bs-warning-text-emphasis)!important}.text-danger-emphasis{color:#58151c!important;color:var(--bs-danger-text-emphasis)!important}.text-light-emphasis{color:#495057!important;color:var(--bs-light-text-emphasis)!important}.text-dark-emphasis{color:#495057!important;color:var(--bs-dark-text-emphasis)!important}.link-opacity-10{--bs-link-opacity:0.1}.link-opacity-10-hover:hover{--bs-link-opacity:0.1}.link-opacity-25{--bs-link-opacity:0.25}.link-opacity-25-hover:hover{--bs-link-opacity:0.25}.link-opacity-50{--bs-link-opacity:0.5}.link-opacity-50-hover:hover{--bs-link-opacity:0.5}.link-opacity-75{--bs-link-opacity:0.75}.link-opacity-75-hover:hover{--bs-link-opacity:0.75}.link-opacity-100{--bs-link-opacity:1}.link-opacity-100-hover:hover{--bs-link-opacity:1}.link-offset-1{text-underline-offset:0.125em!important}.link-offset-1-hover:hover{text-underline-offset:0.125em!important}.link-offset-2{text-underline-offset:0.25em!important}.link-offset-2-hover:hover{text-underline-offset:0.25em!important}.link-offset-3{text-underline-offset:0.375em!important}.link-offset-3-hover:hover{text-underline-offset:0.375em!important}.link-underline-primary{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(13,110,253,var(--bs-link-underline-opacity))!important;-webkit-text-decoration-color:rgba(var(--bs-primary-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(13,110,253,var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-primary-rgb),var(--bs-link-underline-opacity))!important}.link-underline-secondary{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(108,117,125,var(--bs-link-underline-opacity))!important;-webkit-text-decoration-color:rgba(var(--bs-secondary-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(108,117,125,var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-secondary-rgb),var(--bs-link-underline-opacity))!important}.link-underline-success{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(25,135,84,var(--bs-link-underline-opacity))!important;-webkit-text-decoration-color:rgba(var(--bs-success-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(25,135,84,var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-success-rgb),var(--bs-link-underline-opacity))!important}.link-underline-info{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(13,202,240,var(--bs-link-underline-opacity))!important;-webkit-text-decoration-color:rgba(var(--bs-info-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(13,202,240,var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-info-rgb),var(--bs-link-underline-opacity))!important}.link-underline-warning{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(255,193,7,var(--bs-link-underline-opacity))!important;-webkit-text-decoration-color:rgba(var(--bs-warning-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(255,193,7,var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-warning-rgb),var(--bs-link-underline-opacity))!important}.link-underline-danger{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(220,53,69,var(--bs-link-underline-opacity))!important;-webkit-text-decoration-color:rgba(var(--bs-danger-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(220,53,69,var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-danger-rgb),var(--bs-link-underline-opacity))!important}.link-underline-light{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(248,249,250,var(--bs-link-underline-opacity))!important;-webkit-text-decoration-color:rgba(var(--bs-light-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(248,249,250,var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-light-rgb),var(--bs-link-underline-opacity))!important}.link-underline-dark{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(33,37,41,var(--bs-link-underline-opacity))!important;-webkit-text-decoration-color:rgba(var(--bs-dark-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(33,37,41,var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-dark-rgb),var(--bs-link-underline-opacity))!important}.link-underline{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(13,110,253,1)!important;-webkit-text-decoration-color:rgba(var(--bs-link-color-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:rgba(13,110,253,1)!important;text-decoration-color:rgba(var(--bs-link-color-rgb),var(--bs-link-underline-opacity,1))!important}.link-underline-opacity-0{--bs-link-underline-opacity:0}.link-underline-opacity-0-hover:hover{--bs-link-underline-opacity:0}.link-underline-opacity-10{--bs-link-underline-opacity:0.1}.link-underline-opacity-10-hover:hover{--bs-link-underline-opacity:0.1}.link-underline-opacity-25{--bs-link-underline-opacity:0.25}.link-underline-opacity-25-hover:hover{--bs-link-underline-opacity:0.25}.link-underline-opacity-50{--bs-link-underline-opacity:0.5}.link-underline-opacity-50-hover:hover{--bs-link-underline-opacity:0.5}.link-underline-opacity-75{--bs-link-underline-opacity:0.75}.link-underline-opacity-75-hover:hover{--bs-link-underline-opacity:0.75}.link-underline-opacity-100{--bs-link-underline-opacity:1}.link-underline-opacity-100-hover:hover{--bs-link-underline-opacity:1}.bg-primary{--bs-bg-opacity:1;background-color:rgba(13,110,253,var(--bs-bg-opacity))!important;background-color:rgba(var(--bs-primary-rgb),var(--bs-bg-opacity))!important}.bg-secondary{--bs-bg-opacity:1;background-color:rgba(108,117,125,var(--bs-bg-opacity))!important;background-color:rgba(var(--bs-secondary-rgb),var(--bs-bg-opacity))!important}.bg-success{--bs-bg-opacity:1;background-color:rgba(25,135,84,var(--bs-bg-opacity))!important;background-color:rgba(var(--bs-success-rgb),var(--bs-bg-opacity))!important}.bg-info{--bs-bg-opacity:1;background-color:rgba(13,202,240,var(--bs-bg-opacity))!important;background-color:rgba(var(--bs-info-rgb),var(--bs-bg-opacity))!important}.bg-warning{--bs-bg-opacity:1;background-color:rgba(255,193,7,var(--bs-bg-opacity))!important;background-color:rgba(var(--bs-warning-rgb),var(--bs-bg-opacity))!important}.bg-danger{--bs-bg-opacity:1;background-color:rgba(220,53,69,var(--bs-bg-opacity))!important;background-color:rgba(var(--bs-danger-rgb),var(--bs-bg-opacity))!important}.bg-light{--bs-bg-opacity:1;background-color:rgba(248,249,250,var(--bs-bg-opacity))!important;background-color:rgba(var(--bs-light-rgb),var(--bs-bg-opacity))!important}.bg-dark{--bs-bg-opacity:1;background-color:rgba(33,37,41,var(--bs-bg-opacity))!important;background-color:rgba(var(--bs-dark-rgb),var(--bs-bg-opacity))!important}.bg-black{--bs-bg-opacity:1;background-color:rgba(0,0,0,var(--bs-bg-opacity))!important;background-color:rgba(var(--bs-black-rgb),var(--bs-bg-opacity))!important}.bg-white{--bs-bg-opacity:1;background-color:rgba(255,255,255,var(--bs-bg-opacity))!important;background-color:rgba(var(--bs-white-rgb),var(--bs-bg-opacity))!important}.bg-body{--bs-bg-opacity:1;background-color:rgba(255,255,255,var(--bs-bg-opacity))!important;background-color:rgba(var(--bs-body-bg-rgb),var(--bs-bg-opacity))!important}.bg-transparent{--bs-bg-opacity:1;background-color:transparent!important}.bg-body-secondary{--bs-bg-opacity:1;background-color:rgba(233,236,239,var(--bs-bg-opacity))!important;background-color:rgba(var(--bs-secondary-bg-rgb),var(--bs-bg-opacity))!important}.bg-body-tertiary{--bs-bg-opacity:1;background-color:rgba(248,249,250,var(--bs-bg-opacity))!important;background-color:rgba(var(--bs-tertiary-bg-rgb),var(--bs-bg-opacity))!important}.bg-opacity-10{--bs-bg-opacity:0.1}.bg-opacity-25{--bs-bg-opacity:0.25}.bg-opacity-50{--bs-bg-opacity:0.5}.bg-opacity-75{--bs-bg-opacity:0.75}.bg-opacity-100{--bs-bg-opacity:1}.bg-primary-subtle{background-color:#cfe2ff!important;background-color:var(--bs-primary-bg-subtle)!important}.bg-secondary-subtle{background-color:#e2e3e5!important;background-color:var(--bs-secondary-bg-subtle)!important}.bg-success-subtle{background-color:#d1e7dd!important;background-color:var(--bs-success-bg-subtle)!important}.bg-info-subtle{background-color:#cff4fc!important;background-color:var(--bs-info-bg-subtle)!important}.bg-warning-subtle{background-color:#fff3cd!important;background-color:var(--bs-warning-bg-subtle)!important}.bg-danger-subtle{background-color:#f8d7da!important;background-color:var(--bs-danger-bg-subtle)!important}.bg-light-subtle{background-color:#fcfcfd!important;background-color:var(--bs-light-bg-subtle)!important}.bg-dark-subtle{background-color:#ced4da!important;background-color:var(--bs-dark-bg-subtle)!important}.bg-gradient{background-image:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0))!important;background-image:var(--bs-gradient)!important}.user-select-all{-webkit-user-select:all!important;user-select:all!important}.user-select-auto{-webkit-user-select:auto!important;user-select:auto!important}.user-select-none{-webkit-user-select:none!important;user-select:none!important}.pe-none{pointer-events:none!important}.pe-auto{pointer-events:auto!important}.rounded{border-radius:0.375rem!important;border-radius:var(--bs-border-radius)!important}.rounded-0{border-radius:0!important}.rounded-1{border-radius:0.25rem!important;border-radius:var(--bs-border-radius-sm)!important}.rounded-2{border-radius:0.375rem!important;border-radius:var(--bs-border-radius)!important}.rounded-3{border-radius:0.5rem!important;border-radius:var(--bs-border-radius-lg)!important}.rounded-4{border-radius:1rem!important;border-radius:var(--bs-border-radius-xl)!important}.rounded-5{border-radius:2rem!important;border-radius:var(--bs-border-radius-xxl)!important}.rounded-circle{border-radius:50%!important}.rounded-pill{border-radius:50rem!important;border-radius:var(--bs-border-radius-pill)!important}.rounded-top{border-top-left-radius:0.375rem!important;border-top-left-radius:var(--bs-border-radius)!important;border-top-right-radius:0.375rem!important;border-top-right-radius:var(--bs-border-radius)!important}.rounded-top-0{border-top-left-radius:0!important;border-top-right-radius:0!important}.rounded-top-1{border-top-left-radius:0.25rem!important;border-top-left-radius:var(--bs-border-radius-sm)!important;border-top-right-radius:0.25rem!important;border-top-right-radius:var(--bs-border-radius-sm)!important}.rounded-top-2{border-top-left-radius:0.375rem!important;border-top-left-radius:var(--bs-border-radius)!important;border-top-right-radius:0.375rem!important;border-top-right-radius:var(--bs-border-radius)!important}.rounded-top-3{border-top-left-radius:0.5rem!important;border-top-left-radius:var(--bs-border-radius-lg)!important;border-top-right-radius:0.5rem!important;border-top-right-radius:var(--bs-border-radius-lg)!important}.rounded-top-4{border-top-left-radius:1rem!important;border-top-left-radius:var(--bs-border-radius-xl)!important;border-top-right-radius:1rem!important;border-top-right-radius:var(--bs-border-radius-xl)!important}.rounded-top-5{border-top-left-radius:2rem!important;border-top-left-radius:var(--bs-border-radius-xxl)!important;border-top-right-radius:2rem!important;border-top-right-radius:var(--bs-border-radius-xxl)!important}.rounded-top-circle{border-top-left-radius:50%!important;border-top-right-radius:50%!important}.rounded-top-pill{border-top-left-radius:50rem!important;border-top-left-radius:var(--bs-border-radius-pill)!important;border-top-right-radius:50rem!important;border-top-right-radius:var(--bs-border-radius-pill)!important}.rounded-end{border-top-right-radius:0.375rem!important;border-top-right-radius:var(--bs-border-radius)!important;border-bottom-right-radius:0.375rem!important;border-bottom-right-radius:var(--bs-border-radius)!important}.rounded-end-0{border-top-right-radius:0!important;border-bottom-right-radius:0!important}.rounded-end-1{border-top-right-radius:0.25rem!important;border-top-right-radius:var(--bs-border-radius-sm)!important;border-bottom-right-radius:0.25rem!important;border-bottom-right-radius:var(--bs-border-radius-sm)!important}.rounded-end-2{border-top-right-radius:0.375rem!important;border-top-right-radius:var(--bs-border-radius)!important;border-bottom-right-radius:0.375rem!important;border-bottom-right-radius:var(--bs-border-radius)!important}.rounded-end-3{border-top-right-radius:0.5rem!important;border-top-right-radius:var(--bs-border-radius-lg)!important;border-bottom-right-radius:0.5rem!important;border-bottom-right-radius:var(--bs-border-radius-lg)!important}.rounded-end-4{border-top-right-radius:1rem!important;border-top-right-radius:var(--bs-border-radius-xl)!important;border-bottom-right-radius:1rem!important;border-bottom-right-radius:var(--bs-border-radius-xl)!important}.rounded-end-5{border-top-right-radius:2rem!important;border-top-right-radius:var(--bs-border-radius-xxl)!important;border-bottom-right-radius:2rem!important;border-bottom-right-radius:var(--bs-border-radius-xxl)!important}.rounded-end-circle{border-top-right-radius:50%!important;border-bottom-right-radius:50%!important}.rounded-end-pill{border-top-right-radius:50rem!important;border-top-right-radius:var(--bs-border-radius-pill)!important;border-bottom-right-radius:50rem!important;border-bottom-right-radius:var(--bs-border-radius-pill)!important}.rounded-bottom{border-bottom-right-radius:0.375rem!important;border-bottom-right-radius:var(--bs-border-radius)!important;border-bottom-left-radius:0.375rem!important;border-bottom-left-radius:var(--bs-border-radius)!important}.rounded-bottom-0{border-bottom-right-radius:0!important;border-bottom-left-radius:0!important}.rounded-bottom-1{border-bottom-right-radius:0.25rem!important;border-bottom-right-radius:var(--bs-border-radius-sm)!important;border-bottom-left-radius:0.25rem!important;border-bottom-left-radius:var(--bs-border-radius-sm)!important}.rounded-bottom-2{border-bottom-right-radius:0.375rem!important;border-bottom-right-radius:var(--bs-border-radius)!important;border-bottom-left-radius:0.375rem!important;border-bottom-left-radius:var(--bs-border-radius)!important}.rounded-bottom-3{border-bottom-right-radius:0.5rem!important;border-bottom-right-radius:var(--bs-border-radius-lg)!important;border-bottom-left-radius:0.5rem!important;border-bottom-left-radius:var(--bs-border-radius-lg)!important}.rounded-bottom-4{border-bottom-right-radius:1rem!important;border-bottom-right-radius:var(--bs-border-radius-xl)!important;border-bottom-left-radius:1rem!important;border-bottom-left-radius:var(--bs-border-radius-xl)!important}.rounded-bottom-5{border-bottom-right-radius:2rem!important;border-bottom-right-radius:var(--bs-border-radius-xxl)!important;border-bottom-left-radius:2rem!important;border-bottom-left-radius:var(--bs-border-radius-xxl)!important}.rounded-bottom-circle{border-bottom-right-radius:50%!important;border-bottom-left-radius:50%!important}.rounded-bottom-pill{border-bottom-right-radius:50rem!important;border-bottom-right-radius:var(--bs-border-radius-pill)!important;border-bottom-left-radius:50rem!important;border-bottom-left-radius:var(--bs-border-radius-pill)!important}.rounded-start{border-bottom-left-radius:0.375rem!important;border-bottom-left-radius:var(--bs-border-radius)!important;border-top-left-radius:0.375rem!important;border-top-left-radius:var(--bs-border-radius)!important}.rounded-start-0{border-bottom-left-radius:0!important;border-top-left-radius:0!important}.rounded-start-1{border-bottom-left-radius:0.25rem!important;border-bottom-left-radius:var(--bs-border-radius-sm)!important;border-top-left-radius:0.25rem!important;border-top-left-radius:var(--bs-border-radius-sm)!important}.rounded-start-2{border-bottom-left-radius:0.375rem!important;border-bottom-left-radius:var(--bs-border-radius)!important;border-top-left-radius:0.375rem!important;border-top-left-radius:var(--bs-border-radius)!important}.rounded-start-3{border-bottom-left-radius:0.5rem!important;border-bottom-left-radius:var(--bs-border-radius-lg)!important;border-top-left-radius:0.5rem!important;border-top-left-radius:var(--bs-border-radius-lg)!important}.rounded-start-4{border-bottom-left-radius:1rem!important;border-bottom-left-radius:var(--bs-border-radius-xl)!important;border-top-left-radius:1rem!important;border-top-left-radius:var(--bs-border-radius-xl)!important}.rounded-start-5{border-bottom-left-radius:2rem!important;border-bottom-left-radius:var(--bs-border-radius-xxl)!important;border-top-left-radius:2rem!important;border-top-left-radius:var(--bs-border-radius-xxl)!important}.rounded-start-circle{border-bottom-left-radius:50%!important;border-top-left-radius:50%!important}.rounded-start-pill{border-bottom-left-radius:50rem!important;border-bottom-left-radius:var(--bs-border-radius-pill)!important;border-top-left-radius:50rem!important;border-top-left-radius:var(--bs-border-radius-pill)!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}.z-n1{z-index:-1!important}.z-0{z-index:0!important}.z-1{z-index:1!important}.z-2{z-index:2!important}.z-3{z-index:3!important}@media (min-width:576px){.float-sm-start{float:left!important}.float-sm-end{float:right!important}.float-sm-none{float:none!important}.object-fit-sm-contain{object-fit:contain!important}.object-fit-sm-cover{object-fit:cover!important}.object-fit-sm-fill{object-fit:fill!important}.object-fit-sm-scale{object-fit:scale-down!important}.object-fit-sm-none{object-fit:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-grid{display:grid!important}.d-sm-inline-grid{display:inline-grid!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:flex!important}.d-sm-inline-flex{display:inline-flex!important}.d-sm-none{display:none!important}.flex-sm-fill{flex:1 1 auto!important}.flex-sm-row{flex-direction:row!important}.flex-sm-column{flex-direction:column!important}.flex-sm-row-reverse{flex-direction:row-reverse!important}.flex-sm-column-reverse{flex-direction:column-reverse!important}.flex-sm-grow-0{flex-grow:0!important}.flex-sm-grow-1{flex-grow:1!important}.flex-sm-shrink-0{flex-shrink:0!important}.flex-sm-shrink-1{flex-shrink:1!important}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-sm-start{justify-content:flex-start!important}.justify-content-sm-end{justify-content:flex-end!important}.justify-content-sm-center{justify-content:center!important}.justify-content-sm-between{justify-content:space-between!important}.justify-content-sm-around{justify-content:space-around!important}.justify-content-sm-evenly{justify-content:space-evenly!important}.align-items-sm-start{align-items:flex-start!important}.align-items-sm-end{align-items:flex-end!important}.align-items-sm-center{align-items:center!important}.align-items-sm-baseline{align-items:baseline!important}.align-items-sm-stretch{align-items:stretch!important}.align-content-sm-start{align-content:flex-start!important}.align-content-sm-end{align-content:flex-end!important}.align-content-sm-center{align-content:center!important}.align-content-sm-between{align-content:space-between!important}.align-content-sm-around{align-content:space-around!important}.align-content-sm-stretch{align-content:stretch!important}.align-self-sm-auto{align-self:auto!important}.align-self-sm-start{align-self:flex-start!important}.align-self-sm-end{align-self:flex-end!important}.align-self-sm-center{align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{align-self:stretch!important}.order-sm-first{order:-1!important}.order-sm-0{order:0!important}.order-sm-1{order:1!important}.order-sm-2{order:2!important}.order-sm-3{order:3!important}.order-sm-4{order:4!important}.order-sm-5{order:5!important}.order-sm-last{order:6!important}.m-sm-0{margin:0!important}.m-sm-1{margin:.25rem!important}.m-sm-2{margin:.5rem!important}.m-sm-3{margin:1rem!important}.m-sm-4{margin:1.5rem!important}.m-sm-5{margin:3rem!important}.m-sm-auto{margin:auto!important}.mx-sm-0{margin-right:0!important;margin-left:0!important}.mx-sm-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-sm-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-sm-3{margin-right:1rem!important;margin-left:1rem!important}.mx-sm-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-sm-5{margin-right:3rem!important;margin-left:3rem!important}.mx-sm-auto{margin-right:auto!important;margin-left:auto!important}.my-sm-0{margin-top:0!important;margin-bottom:0!important}.my-sm-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-sm-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-sm-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-sm-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-sm-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-sm-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-sm-0{margin-top:0!important}.mt-sm-1{margin-top:.25rem!important}.mt-sm-2{margin-top:.5rem!important}.mt-sm-3{margin-top:1rem!important}.mt-sm-4{margin-top:1.5rem!important}.mt-sm-5{margin-top:3rem!important}.mt-sm-auto{margin-top:auto!important}.me-sm-0{margin-right:0!important}.me-sm-1{margin-right:.25rem!important}.me-sm-2{margin-right:.5rem!important}.me-sm-3{margin-right:1rem!important}.me-sm-4{margin-right:1.5rem!important}.me-sm-5{margin-right:3rem!important}.me-sm-auto{margin-right:auto!important}.mb-sm-0{margin-bottom:0!important}.mb-sm-1{margin-bottom:.25rem!important}.mb-sm-2{margin-bottom:.5rem!important}.mb-sm-3{margin-bottom:1rem!important}.mb-sm-4{margin-bottom:1.5rem!important}.mb-sm-5{margin-bottom:3rem!important}.mb-sm-auto{margin-bottom:auto!important}.ms-sm-0{margin-left:0!important}.ms-sm-1{margin-left:.25rem!important}.ms-sm-2{margin-left:.5rem!important}.ms-sm-3{margin-left:1rem!important}.ms-sm-4{margin-left:1.5rem!important}.ms-sm-5{margin-left:3rem!important}.ms-sm-auto{margin-left:auto!important}.p-sm-0{padding:0!important}.p-sm-1{padding:.25rem!important}.p-sm-2{padding:.5rem!important}.p-sm-3{padding:1rem!important}.p-sm-4{padding:1.5rem!important}.p-sm-5{padding:3rem!important}.px-sm-0{padding-right:0!important;padding-left:0!important}.px-sm-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-sm-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-sm-3{padding-right:1rem!important;padding-left:1rem!important}.px-sm-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-sm-5{padding-right:3rem!important;padding-left:3rem!important}.py-sm-0{padding-top:0!important;padding-bottom:0!important}.py-sm-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-sm-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-sm-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-sm-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-sm-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-sm-0{padding-top:0!important}.pt-sm-1{padding-top:.25rem!important}.pt-sm-2{padding-top:.5rem!important}.pt-sm-3{padding-top:1rem!important}.pt-sm-4{padding-top:1.5rem!important}.pt-sm-5{padding-top:3rem!important}.pe-sm-0{padding-right:0!important}.pe-sm-1{padding-right:.25rem!important}.pe-sm-2{padding-right:.5rem!important}.pe-sm-3{padding-right:1rem!important}.pe-sm-4{padding-right:1.5rem!important}.pe-sm-5{padding-right:3rem!important}.pb-sm-0{padding-bottom:0!important}.pb-sm-1{padding-bottom:.25rem!important}.pb-sm-2{padding-bottom:.5rem!important}.pb-sm-3{padding-bottom:1rem!important}.pb-sm-4{padding-bottom:1.5rem!important}.pb-sm-5{padding-bottom:3rem!important}.ps-sm-0{padding-left:0!important}.ps-sm-1{padding-left:.25rem!important}.ps-sm-2{padding-left:.5rem!important}.ps-sm-3{padding-left:1rem!important}.ps-sm-4{padding-left:1.5rem!important}.ps-sm-5{padding-left:3rem!important}.gap-sm-0{gap:0!important}.gap-sm-1{gap:.25rem!important}.gap-sm-2{gap:.5rem!important}.gap-sm-3{gap:1rem!important}.gap-sm-4{gap:1.5rem!important}.gap-sm-5{gap:3rem!important}.row-gap-sm-0{row-gap:0!important}.row-gap-sm-1{row-gap:.25rem!important}.row-gap-sm-2{row-gap:.5rem!important}.row-gap-sm-3{row-gap:1rem!important}.row-gap-sm-4{row-gap:1.5rem!important}.row-gap-sm-5{row-gap:3rem!important}.column-gap-sm-0{column-gap:0!important}.column-gap-sm-1{column-gap:.25rem!important}.column-gap-sm-2{column-gap:.5rem!important}.column-gap-sm-3{column-gap:1rem!important}.column-gap-sm-4{column-gap:1.5rem!important}.column-gap-sm-5{column-gap:3rem!important}.text-sm-start{text-align:left!important}.text-sm-end{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.float-md-start{float:left!important}.float-md-end{float:right!important}.float-md-none{float:none!important}.object-fit-md-contain{object-fit:contain!important}.object-fit-md-cover{object-fit:cover!important}.object-fit-md-fill{object-fit:fill!important}.object-fit-md-scale{object-fit:scale-down!important}.object-fit-md-none{object-fit:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-grid{display:grid!important}.d-md-inline-grid{display:inline-grid!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:flex!important}.d-md-inline-flex{display:inline-flex!important}.d-md-none{display:none!important}.flex-md-fill{flex:1 1 auto!important}.flex-md-row{flex-direction:row!important}.flex-md-column{flex-direction:column!important}.flex-md-row-reverse{flex-direction:row-reverse!important}.flex-md-column-reverse{flex-direction:column-reverse!important}.flex-md-grow-0{flex-grow:0!important}.flex-md-grow-1{flex-grow:1!important}.flex-md-shrink-0{flex-shrink:0!important}.flex-md-shrink-1{flex-shrink:1!important}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-md-start{justify-content:flex-start!important}.justify-content-md-end{justify-content:flex-end!important}.justify-content-md-center{justify-content:center!important}.justify-content-md-between{justify-content:space-between!important}.justify-content-md-around{justify-content:space-around!important}.justify-content-md-evenly{justify-content:space-evenly!important}.align-items-md-start{align-items:flex-start!important}.align-items-md-end{align-items:flex-end!important}.align-items-md-center{align-items:center!important}.align-items-md-baseline{align-items:baseline!important}.align-items-md-stretch{align-items:stretch!important}.align-content-md-start{align-content:flex-start!important}.align-content-md-end{align-content:flex-end!important}.align-content-md-center{align-content:center!important}.align-content-md-between{align-content:space-between!important}.align-content-md-around{align-content:space-around!important}.align-content-md-stretch{align-content:stretch!important}.align-self-md-auto{align-self:auto!important}.align-self-md-start{align-self:flex-start!important}.align-self-md-end{align-self:flex-end!important}.align-self-md-center{align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{align-self:stretch!important}.order-md-first{order:-1!important}.order-md-0{order:0!important}.order-md-1{order:1!important}.order-md-2{order:2!important}.order-md-3{order:3!important}.order-md-4{order:4!important}.order-md-5{order:5!important}.order-md-last{order:6!important}.m-md-0{margin:0!important}.m-md-1{margin:.25rem!important}.m-md-2{margin:.5rem!important}.m-md-3{margin:1rem!important}.m-md-4{margin:1.5rem!important}.m-md-5{margin:3rem!important}.m-md-auto{margin:auto!important}.mx-md-0{margin-right:0!important;margin-left:0!important}.mx-md-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-md-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-md-3{margin-right:1rem!important;margin-left:1rem!important}.mx-md-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-md-5{margin-right:3rem!important;margin-left:3rem!important}.mx-md-auto{margin-right:auto!important;margin-left:auto!important}.my-md-0{margin-top:0!important;margin-bottom:0!important}.my-md-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-md-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-md-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-md-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-md-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-md-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-md-0{margin-top:0!important}.mt-md-1{margin-top:.25rem!important}.mt-md-2{margin-top:.5rem!important}.mt-md-3{margin-top:1rem!important}.mt-md-4{margin-top:1.5rem!important}.mt-md-5{margin-top:3rem!important}.mt-md-auto{margin-top:auto!important}.me-md-0{margin-right:0!important}.me-md-1{margin-right:.25rem!important}.me-md-2{margin-right:.5rem!important}.me-md-3{margin-right:1rem!important}.me-md-4{margin-right:1.5rem!important}.me-md-5{margin-right:3rem!important}.me-md-auto{margin-right:auto!important}.mb-md-0{margin-bottom:0!important}.mb-md-1{margin-bottom:.25rem!important}.mb-md-2{margin-bottom:.5rem!important}.mb-md-3{margin-bottom:1rem!important}.mb-md-4{margin-bottom:1.5rem!important}.mb-md-5{margin-bottom:3rem!important}.mb-md-auto{margin-bottom:auto!important}.ms-md-0{margin-left:0!important}.ms-md-1{margin-left:.25rem!important}.ms-md-2{margin-left:.5rem!important}.ms-md-3{margin-left:1rem!important}.ms-md-4{margin-left:1.5rem!important}.ms-md-5{margin-left:3rem!important}.ms-md-auto{margin-left:auto!important}.p-md-0{padding:0!important}.p-md-1{padding:.25rem!important}.p-md-2{padding:.5rem!important}.p-md-3{padding:1rem!important}.p-md-4{padding:1.5rem!important}.p-md-5{padding:3rem!important}.px-md-0{padding-right:0!important;padding-left:0!important}.px-md-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-md-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-md-3{padding-right:1rem!important;padding-left:1rem!important}.px-md-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-md-5{padding-right:3rem!important;padding-left:3rem!important}.py-md-0{padding-top:0!important;padding-bottom:0!important}.py-md-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-md-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-md-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-md-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-md-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-md-0{padding-top:0!important}.pt-md-1{padding-top:.25rem!important}.pt-md-2{padding-top:.5rem!important}.pt-md-3{padding-top:1rem!important}.pt-md-4{padding-top:1.5rem!important}.pt-md-5{padding-top:3rem!important}.pe-md-0{padding-right:0!important}.pe-md-1{padding-right:.25rem!important}.pe-md-2{padding-right:.5rem!important}.pe-md-3{padding-right:1rem!important}.pe-md-4{padding-right:1.5rem!important}.pe-md-5{padding-right:3rem!important}.pb-md-0{padding-bottom:0!important}.pb-md-1{padding-bottom:.25rem!important}.pb-md-2{padding-bottom:.5rem!important}.pb-md-3{padding-bottom:1rem!important}.pb-md-4{padding-bottom:1.5rem!important}.pb-md-5{padding-bottom:3rem!important}.ps-md-0{padding-left:0!important}.ps-md-1{padding-left:.25rem!important}.ps-md-2{padding-left:.5rem!important}.ps-md-3{padding-left:1rem!important}.ps-md-4{padding-left:1.5rem!important}.ps-md-5{padding-left:3rem!important}.gap-md-0{gap:0!important}.gap-md-1{gap:.25rem!important}.gap-md-2{gap:.5rem!important}.gap-md-3{gap:1rem!important}.gap-md-4{gap:1.5rem!important}.gap-md-5{gap:3rem!important}.row-gap-md-0{row-gap:0!important}.row-gap-md-1{row-gap:.25rem!important}.row-gap-md-2{row-gap:.5rem!important}.row-gap-md-3{row-gap:1rem!important}.row-gap-md-4{row-gap:1.5rem!important}.row-gap-md-5{row-gap:3rem!important}.column-gap-md-0{column-gap:0!important}.column-gap-md-1{column-gap:.25rem!important}.column-gap-md-2{column-gap:.5rem!important}.column-gap-md-3{column-gap:1rem!important}.column-gap-md-4{column-gap:1.5rem!important}.column-gap-md-5{column-gap:3rem!important}.text-md-start{text-align:left!important}.text-md-end{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.float-lg-start{float:left!important}.float-lg-end{float:right!important}.float-lg-none{float:none!important}.object-fit-lg-contain{object-fit:contain!important}.object-fit-lg-cover{object-fit:cover!important}.object-fit-lg-fill{object-fit:fill!important}.object-fit-lg-scale{object-fit:scale-down!important}.object-fit-lg-none{object-fit:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-grid{display:grid!important}.d-lg-inline-grid{display:inline-grid!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:flex!important}.d-lg-inline-flex{display:inline-flex!important}.d-lg-none{display:none!important}.flex-lg-fill{flex:1 1 auto!important}.flex-lg-row{flex-direction:row!important}.flex-lg-column{flex-direction:column!important}.flex-lg-row-reverse{flex-direction:row-reverse!important}.flex-lg-column-reverse{flex-direction:column-reverse!important}.flex-lg-grow-0{flex-grow:0!important}.flex-lg-grow-1{flex-grow:1!important}.flex-lg-shrink-0{flex-shrink:0!important}.flex-lg-shrink-1{flex-shrink:1!important}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-lg-start{justify-content:flex-start!important}.justify-content-lg-end{justify-content:flex-end!important}.justify-content-lg-center{justify-content:center!important}.justify-content-lg-between{justify-content:space-between!important}.justify-content-lg-around{justify-content:space-around!important}.justify-content-lg-evenly{justify-content:space-evenly!important}.align-items-lg-start{align-items:flex-start!important}.align-items-lg-end{align-items:flex-end!important}.align-items-lg-center{align-items:center!important}.align-items-lg-baseline{align-items:baseline!important}.align-items-lg-stretch{align-items:stretch!important}.align-content-lg-start{align-content:flex-start!important}.align-content-lg-end{align-content:flex-end!important}.align-content-lg-center{align-content:center!important}.align-content-lg-between{align-content:space-between!important}.align-content-lg-around{align-content:space-around!important}.align-content-lg-stretch{align-content:stretch!important}.align-self-lg-auto{align-self:auto!important}.align-self-lg-start{align-self:flex-start!important}.align-self-lg-end{align-self:flex-end!important}.align-self-lg-center{align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{align-self:stretch!important}.order-lg-first{order:-1!important}.order-lg-0{order:0!important}.order-lg-1{order:1!important}.order-lg-2{order:2!important}.order-lg-3{order:3!important}.order-lg-4{order:4!important}.order-lg-5{order:5!important}.order-lg-last{order:6!important}.m-lg-0{margin:0!important}.m-lg-1{margin:.25rem!important}.m-lg-2{margin:.5rem!important}.m-lg-3{margin:1rem!important}.m-lg-4{margin:1.5rem!important}.m-lg-5{margin:3rem!important}.m-lg-auto{margin:auto!important}.mx-lg-0{margin-right:0!important;margin-left:0!important}.mx-lg-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-lg-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-lg-3{margin-right:1rem!important;margin-left:1rem!important}.mx-lg-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-lg-5{margin-right:3rem!important;margin-left:3rem!important}.mx-lg-auto{margin-right:auto!important;margin-left:auto!important}.my-lg-0{margin-top:0!important;margin-bottom:0!important}.my-lg-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-lg-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-lg-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-lg-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-lg-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-lg-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-lg-0{margin-top:0!important}.mt-lg-1{margin-top:.25rem!important}.mt-lg-2{margin-top:.5rem!important}.mt-lg-3{margin-top:1rem!important}.mt-lg-4{margin-top:1.5rem!important}.mt-lg-5{margin-top:3rem!important}.mt-lg-auto{margin-top:auto!important}.me-lg-0{margin-right:0!important}.me-lg-1{margin-right:.25rem!important}.me-lg-2{margin-right:.5rem!important}.me-lg-3{margin-right:1rem!important}.me-lg-4{margin-right:1.5rem!important}.me-lg-5{margin-right:3rem!important}.me-lg-auto{margin-right:auto!important}.mb-lg-0{margin-bottom:0!important}.mb-lg-1{margin-bottom:.25rem!important}.mb-lg-2{margin-bottom:.5rem!important}.mb-lg-3{margin-bottom:1rem!important}.mb-lg-4{margin-bottom:1.5rem!important}.mb-lg-5{margin-bottom:3rem!important}.mb-lg-auto{margin-bottom:auto!important}.ms-lg-0{margin-left:0!important}.ms-lg-1{margin-left:.25rem!important}.ms-lg-2{margin-left:.5rem!important}.ms-lg-3{margin-left:1rem!important}.ms-lg-4{margin-left:1.5rem!important}.ms-lg-5{margin-left:3rem!important}.ms-lg-auto{margin-left:auto!important}.p-lg-0{padding:0!important}.p-lg-1{padding:.25rem!important}.p-lg-2{padding:.5rem!important}.p-lg-3{padding:1rem!important}.p-lg-4{padding:1.5rem!important}.p-lg-5{padding:3rem!important}.px-lg-0{padding-right:0!important;padding-left:0!important}.px-lg-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-lg-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-lg-3{padding-right:1rem!important;padding-left:1rem!important}.px-lg-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-lg-5{padding-right:3rem!important;padding-left:3rem!important}.py-lg-0{padding-top:0!important;padding-bottom:0!important}.py-lg-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-lg-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-lg-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-lg-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-lg-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-lg-0{padding-top:0!important}.pt-lg-1{padding-top:.25rem!important}.pt-lg-2{padding-top:.5rem!important}.pt-lg-3{padding-top:1rem!important}.pt-lg-4{padding-top:1.5rem!important}.pt-lg-5{padding-top:3rem!important}.pe-lg-0{padding-right:0!important}.pe-lg-1{padding-right:.25rem!important}.pe-lg-2{padding-right:.5rem!important}.pe-lg-3{padding-right:1rem!important}.pe-lg-4{padding-right:1.5rem!important}.pe-lg-5{padding-right:3rem!important}.pb-lg-0{padding-bottom:0!important}.pb-lg-1{padding-bottom:.25rem!important}.pb-lg-2{padding-bottom:.5rem!important}.pb-lg-3{padding-bottom:1rem!important}.pb-lg-4{padding-bottom:1.5rem!important}.pb-lg-5{padding-bottom:3rem!important}.ps-lg-0{padding-left:0!important}.ps-lg-1{padding-left:.25rem!important}.ps-lg-2{padding-left:.5rem!important}.ps-lg-3{padding-left:1rem!important}.ps-lg-4{padding-left:1.5rem!important}.ps-lg-5{padding-left:3rem!important}.gap-lg-0{gap:0!important}.gap-lg-1{gap:.25rem!important}.gap-lg-2{gap:.5rem!important}.gap-lg-3{gap:1rem!important}.gap-lg-4{gap:1.5rem!important}.gap-lg-5{gap:3rem!important}.row-gap-lg-0{row-gap:0!important}.row-gap-lg-1{row-gap:.25rem!important}.row-gap-lg-2{row-gap:.5rem!important}.row-gap-lg-3{row-gap:1rem!important}.row-gap-lg-4{row-gap:1.5rem!important}.row-gap-lg-5{row-gap:3rem!important}.column-gap-lg-0{column-gap:0!important}.column-gap-lg-1{column-gap:.25rem!important}.column-gap-lg-2{column-gap:.5rem!important}.column-gap-lg-3{column-gap:1rem!important}.column-gap-lg-4{column-gap:1.5rem!important}.column-gap-lg-5{column-gap:3rem!important}.text-lg-start{text-align:left!important}.text-lg-end{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.float-xl-start{float:left!important}.float-xl-end{float:right!important}.float-xl-none{float:none!important}.object-fit-xl-contain{object-fit:contain!important}.object-fit-xl-cover{object-fit:cover!important}.object-fit-xl-fill{object-fit:fill!important}.object-fit-xl-scale{object-fit:scale-down!important}.object-fit-xl-none{object-fit:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-grid{display:grid!important}.d-xl-inline-grid{display:inline-grid!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:flex!important}.d-xl-inline-flex{display:inline-flex!important}.d-xl-none{display:none!important}.flex-xl-fill{flex:1 1 auto!important}.flex-xl-row{flex-direction:row!important}.flex-xl-column{flex-direction:column!important}.flex-xl-row-reverse{flex-direction:row-reverse!important}.flex-xl-column-reverse{flex-direction:column-reverse!important}.flex-xl-grow-0{flex-grow:0!important}.flex-xl-grow-1{flex-grow:1!important}.flex-xl-shrink-0{flex-shrink:0!important}.flex-xl-shrink-1{flex-shrink:1!important}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-xl-start{justify-content:flex-start!important}.justify-content-xl-end{justify-content:flex-end!important}.justify-content-xl-center{justify-content:center!important}.justify-content-xl-between{justify-content:space-between!important}.justify-content-xl-around{justify-content:space-around!important}.justify-content-xl-evenly{justify-content:space-evenly!important}.align-items-xl-start{align-items:flex-start!important}.align-items-xl-end{align-items:flex-end!important}.align-items-xl-center{align-items:center!important}.align-items-xl-baseline{align-items:baseline!important}.align-items-xl-stretch{align-items:stretch!important}.align-content-xl-start{align-content:flex-start!important}.align-content-xl-end{align-content:flex-end!important}.align-content-xl-center{align-content:center!important}.align-content-xl-between{align-content:space-between!important}.align-content-xl-around{align-content:space-around!important}.align-content-xl-stretch{align-content:stretch!important}.align-self-xl-auto{align-self:auto!important}.align-self-xl-start{align-self:flex-start!important}.align-self-xl-end{align-self:flex-end!important}.align-self-xl-center{align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{align-self:stretch!important}.order-xl-first{order:-1!important}.order-xl-0{order:0!important}.order-xl-1{order:1!important}.order-xl-2{order:2!important}.order-xl-3{order:3!important}.order-xl-4{order:4!important}.order-xl-5{order:5!important}.order-xl-last{order:6!important}.m-xl-0{margin:0!important}.m-xl-1{margin:.25rem!important}.m-xl-2{margin:.5rem!important}.m-xl-3{margin:1rem!important}.m-xl-4{margin:1.5rem!important}.m-xl-5{margin:3rem!important}.m-xl-auto{margin:auto!important}.mx-xl-0{margin-right:0!important;margin-left:0!important}.mx-xl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xl-5{margin-right:3rem!important;margin-left:3rem!important}.mx-xl-auto{margin-right:auto!important;margin-left:auto!important}.my-xl-0{margin-top:0!important;margin-bottom:0!important}.my-xl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-xl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xl-0{margin-top:0!important}.mt-xl-1{margin-top:.25rem!important}.mt-xl-2{margin-top:.5rem!important}.mt-xl-3{margin-top:1rem!important}.mt-xl-4{margin-top:1.5rem!important}.mt-xl-5{margin-top:3rem!important}.mt-xl-auto{margin-top:auto!important}.me-xl-0{margin-right:0!important}.me-xl-1{margin-right:.25rem!important}.me-xl-2{margin-right:.5rem!important}.me-xl-3{margin-right:1rem!important}.me-xl-4{margin-right:1.5rem!important}.me-xl-5{margin-right:3rem!important}.me-xl-auto{margin-right:auto!important}.mb-xl-0{margin-bottom:0!important}.mb-xl-1{margin-bottom:.25rem!important}.mb-xl-2{margin-bottom:.5rem!important}.mb-xl-3{margin-bottom:1rem!important}.mb-xl-4{margin-bottom:1.5rem!important}.mb-xl-5{margin-bottom:3rem!important}.mb-xl-auto{margin-bottom:auto!important}.ms-xl-0{margin-left:0!important}.ms-xl-1{margin-left:.25rem!important}.ms-xl-2{margin-left:.5rem!important}.ms-xl-3{margin-left:1rem!important}.ms-xl-4{margin-left:1.5rem!important}.ms-xl-5{margin-left:3rem!important}.ms-xl-auto{margin-left:auto!important}.p-xl-0{padding:0!important}.p-xl-1{padding:.25rem!important}.p-xl-2{padding:.5rem!important}.p-xl-3{padding:1rem!important}.p-xl-4{padding:1.5rem!important}.p-xl-5{padding:3rem!important}.px-xl-0{padding-right:0!important;padding-left:0!important}.px-xl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-xl-5{padding-right:3rem!important;padding-left:3rem!important}.py-xl-0{padding-top:0!important;padding-bottom:0!important}.py-xl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-xl-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-xl-0{padding-top:0!important}.pt-xl-1{padding-top:.25rem!important}.pt-xl-2{padding-top:.5rem!important}.pt-xl-3{padding-top:1rem!important}.pt-xl-4{padding-top:1.5rem!important}.pt-xl-5{padding-top:3rem!important}.pe-xl-0{padding-right:0!important}.pe-xl-1{padding-right:.25rem!important}.pe-xl-2{padding-right:.5rem!important}.pe-xl-3{padding-right:1rem!important}.pe-xl-4{padding-right:1.5rem!important}.pe-xl-5{padding-right:3rem!important}.pb-xl-0{padding-bottom:0!important}.pb-xl-1{padding-bottom:.25rem!important}.pb-xl-2{padding-bottom:.5rem!important}.pb-xl-3{padding-bottom:1rem!important}.pb-xl-4{padding-bottom:1.5rem!important}.pb-xl-5{padding-bottom:3rem!important}.ps-xl-0{padding-left:0!important}.ps-xl-1{padding-left:.25rem!important}.ps-xl-2{padding-left:.5rem!important}.ps-xl-3{padding-left:1rem!important}.ps-xl-4{padding-left:1.5rem!important}.ps-xl-5{padding-left:3rem!important}.gap-xl-0{gap:0!important}.gap-xl-1{gap:.25rem!important}.gap-xl-2{gap:.5rem!important}.gap-xl-3{gap:1rem!important}.gap-xl-4{gap:1.5rem!important}.gap-xl-5{gap:3rem!important}.row-gap-xl-0{row-gap:0!important}.row-gap-xl-1{row-gap:.25rem!important}.row-gap-xl-2{row-gap:.5rem!important}.row-gap-xl-3{row-gap:1rem!important}.row-gap-xl-4{row-gap:1.5rem!important}.row-gap-xl-5{row-gap:3rem!important}.column-gap-xl-0{column-gap:0!important}.column-gap-xl-1{column-gap:.25rem!important}.column-gap-xl-2{column-gap:.5rem!important}.column-gap-xl-3{column-gap:1rem!important}.column-gap-xl-4{column-gap:1.5rem!important}.column-gap-xl-5{column-gap:3rem!important}.text-xl-start{text-align:left!important}.text-xl-end{text-align:right!important}.text-xl-center{text-align:center!important}}@media (min-width:1400px){.float-xxl-start{float:left!important}.float-xxl-end{float:right!important}.float-xxl-none{float:none!important}.object-fit-xxl-contain{object-fit:contain!important}.object-fit-xxl-cover{object-fit:cover!important}.object-fit-xxl-fill{object-fit:fill!important}.object-fit-xxl-scale{object-fit:scale-down!important}.object-fit-xxl-none{object-fit:none!important}.d-xxl-inline{display:inline!important}.d-xxl-inline-block{display:inline-block!important}.d-xxl-block{display:block!important}.d-xxl-grid{display:grid!important}.d-xxl-inline-grid{display:inline-grid!important}.d-xxl-table{display:table!important}.d-xxl-table-row{display:table-row!important}.d-xxl-table-cell{display:table-cell!important}.d-xxl-flex{display:flex!important}.d-xxl-inline-flex{display:inline-flex!important}.d-xxl-none{display:none!important}.flex-xxl-fill{flex:1 1 auto!important}.flex-xxl-row{flex-direction:row!important}.flex-xxl-column{flex-direction:column!important}.flex-xxl-row-reverse{flex-direction:row-reverse!important}.flex-xxl-column-reverse{flex-direction:column-reverse!important}.flex-xxl-grow-0{flex-grow:0!important}.flex-xxl-grow-1{flex-grow:1!important}.flex-xxl-shrink-0{flex-shrink:0!important}.flex-xxl-shrink-1{flex-shrink:1!important}.flex-xxl-wrap{flex-wrap:wrap!important}.flex-xxl-nowrap{flex-wrap:nowrap!important}.flex-xxl-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-xxl-start{justify-content:flex-start!important}.justify-content-xxl-end{justify-content:flex-end!important}.justify-content-xxl-center{justify-content:center!important}.justify-content-xxl-between{justify-content:space-between!important}.justify-content-xxl-around{justify-content:space-around!important}.justify-content-xxl-evenly{justify-content:space-evenly!important}.align-items-xxl-start{align-items:flex-start!important}.align-items-xxl-end{align-items:flex-end!important}.align-items-xxl-center{align-items:center!important}.align-items-xxl-baseline{align-items:baseline!important}.align-items-xxl-stretch{align-items:stretch!important}.align-content-xxl-start{align-content:flex-start!important}.align-content-xxl-end{align-content:flex-end!important}.align-content-xxl-center{align-content:center!important}.align-content-xxl-between{align-content:space-between!important}.align-content-xxl-around{align-content:space-around!important}.align-content-xxl-stretch{align-content:stretch!important}.align-self-xxl-auto{align-self:auto!important}.align-self-xxl-start{align-self:flex-start!important}.align-self-xxl-end{align-self:flex-end!important}.align-self-xxl-center{align-self:center!important}.align-self-xxl-baseline{align-self:baseline!important}.align-self-xxl-stretch{align-self:stretch!important}.order-xxl-first{order:-1!important}.order-xxl-0{order:0!important}.order-xxl-1{order:1!important}.order-xxl-2{order:2!important}.order-xxl-3{order:3!important}.order-xxl-4{order:4!important}.order-xxl-5{order:5!important}.order-xxl-last{order:6!important}.m-xxl-0{margin:0!important}.m-xxl-1{margin:.25rem!important}.m-xxl-2{margin:.5rem!important}.m-xxl-3{margin:1rem!important}.m-xxl-4{margin:1.5rem!important}.m-xxl-5{margin:3rem!important}.m-xxl-auto{margin:auto!important}.mx-xxl-0{margin-right:0!important;margin-left:0!important}.mx-xxl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xxl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xxl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xxl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xxl-5{margin-right:3rem!important;margin-left:3rem!important}.mx-xxl-auto{margin-right:auto!important;margin-left:auto!important}.my-xxl-0{margin-top:0!important;margin-bottom:0!important}.my-xxl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xxl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xxl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xxl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-xxl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xxl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xxl-0{margin-top:0!important}.mt-xxl-1{margin-top:.25rem!important}.mt-xxl-2{margin-top:.5rem!important}.mt-xxl-3{margin-top:1rem!important}.mt-xxl-4{margin-top:1.5rem!important}.mt-xxl-5{margin-top:3rem!important}.mt-xxl-auto{margin-top:auto!important}.me-xxl-0{margin-right:0!important}.me-xxl-1{margin-right:.25rem!important}.me-xxl-2{margin-right:.5rem!important}.me-xxl-3{margin-right:1rem!important}.me-xxl-4{margin-right:1.5rem!important}.me-xxl-5{margin-right:3rem!important}.me-xxl-auto{margin-right:auto!important}.mb-xxl-0{margin-bottom:0!important}.mb-xxl-1{margin-bottom:.25rem!important}.mb-xxl-2{margin-bottom:.5rem!important}.mb-xxl-3{margin-bottom:1rem!important}.mb-xxl-4{margin-bottom:1.5rem!important}.mb-xxl-5{margin-bottom:3rem!important}.mb-xxl-auto{margin-bottom:auto!important}.ms-xxl-0{margin-left:0!important}.ms-xxl-1{margin-left:.25rem!important}.ms-xxl-2{margin-left:.5rem!important}.ms-xxl-3{margin-left:1rem!important}.ms-xxl-4{margin-left:1.5rem!important}.ms-xxl-5{margin-left:3rem!important}.ms-xxl-auto{margin-left:auto!important}.p-xxl-0{padding:0!important}.p-xxl-1{padding:.25rem!important}.p-xxl-2{padding:.5rem!important}.p-xxl-3{padding:1rem!important}.p-xxl-4{padding:1.5rem!important}.p-xxl-5{padding:3rem!important}.px-xxl-0{padding-right:0!important;padding-left:0!important}.px-xxl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xxl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xxl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xxl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-xxl-5{padding-right:3rem!important;padding-left:3rem!important}.py-xxl-0{padding-top:0!important;padding-bottom:0!important}.py-xxl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xxl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xxl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xxl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-xxl-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-xxl-0{padding-top:0!important}.pt-xxl-1{padding-top:.25rem!important}.pt-xxl-2{padding-top:.5rem!important}.pt-xxl-3{padding-top:1rem!important}.pt-xxl-4{padding-top:1.5rem!important}.pt-xxl-5{padding-top:3rem!important}.pe-xxl-0{padding-right:0!important}.pe-xxl-1{padding-right:.25rem!important}.pe-xxl-2{padding-right:.5rem!important}.pe-xxl-3{padding-right:1rem!important}.pe-xxl-4{padding-right:1.5rem!important}.pe-xxl-5{padding-right:3rem!important}.pb-xxl-0{padding-bottom:0!important}.pb-xxl-1{padding-bottom:.25rem!important}.pb-xxl-2{padding-bottom:.5rem!important}.pb-xxl-3{padding-bottom:1rem!important}.pb-xxl-4{padding-bottom:1.5rem!important}.pb-xxl-5{padding-bottom:3rem!important}.ps-xxl-0{padding-left:0!important}.ps-xxl-1{padding-left:.25rem!important}.ps-xxl-2{padding-left:.5rem!important}.ps-xxl-3{padding-left:1rem!important}.ps-xxl-4{padding-left:1.5rem!important}.ps-xxl-5{padding-left:3rem!important}.gap-xxl-0{gap:0!important}.gap-xxl-1{gap:.25rem!important}.gap-xxl-2{gap:.5rem!important}.gap-xxl-3{gap:1rem!important}.gap-xxl-4{gap:1.5rem!important}.gap-xxl-5{gap:3rem!important}.row-gap-xxl-0{row-gap:0!important}.row-gap-xxl-1{row-gap:.25rem!important}.row-gap-xxl-2{row-gap:.5rem!important}.row-gap-xxl-3{row-gap:1rem!important}.row-gap-xxl-4{row-gap:1.5rem!important}.row-gap-xxl-5{row-gap:3rem!important}.column-gap-xxl-0{column-gap:0!important}.column-gap-xxl-1{column-gap:.25rem!important}.column-gap-xxl-2{column-gap:.5rem!important}.column-gap-xxl-3{column-gap:1rem!important}.column-gap-xxl-4{column-gap:1.5rem!important}.column-gap-xxl-5{column-gap:3rem!important}.text-xxl-start{text-align:left!important}.text-xxl-end{text-align:right!important}.text-xxl-center{text-align:center!important}}@media (min-width:1200px){.fs-1{font-size:2.5rem!important}.fs-2{font-size:2rem!important}.fs-3{font-size:1.75rem!important}.fs-4{font-size:1.5rem!important}}@media print{.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-grid{display:grid!important}.d-print-inline-grid{display:inline-grid!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:flex!important}.d-print-inline-flex{display:inline-flex!important}.d-print-none{display:none!important}}

.offer-container {
    padding: 2rem 2rem;
    background-color: var(--primary-color);
    font-family: var(--secondary-font);
    width: 100%;
}
.offer-title-container {
    margin: 1rem 0;
    text-align: center;
}

.cat-offer-title {
    background: var(--gradient-border);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    text-shadow: var(--text-shadow);
    font-family: var(--title-font);
    font-weight: bolder;
    font-size: 40px;
}

.offer-sub-title {
    margin: 10px auto;
    color: var(--primary-text-color);
    font-family: var(--secondary-font);
    font-size: 16px;
    font-weight: 500;
    opacity: 0.7;
}
.offer-grid {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    gap: 1rem;
    width: 100%;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
}

.offer-card {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc(50% - 0.5rem);
    min-width: 200px;
    height: 30vw;
    max-height: 400px;
    min-height: 200px;
    background-color: var(--primary-color);
  
    scroll-snap-align: start;
    position: relative;
    overflow: hidden;
}

.offer-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.offer-image.shimmer {
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: shimmer 1.5s infinite;
}

.offer-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 40%;
    height: 100%;
    padding: calc(0.8rem + 0.2vw);
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: rgba(255, 255, 255, 0.85);
    z-index: 2;
}

.offer-title {
    font-family: var(--primary-font);
    font-size: calc(1.2rem + 0.4vw);
    font-weight: 500;
    color: var(--primary-hover-color);
    margin-bottom: 0.5rem;
}

.offer-subtitle {
    font-family: var(--secondary-font);
    font-size: calc(0.8rem + 0.2vw);
    color: #555;
    margin-bottom: 0.75rem;
}

.offer-shop-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: var(--secondary-font);
    font-size: calc(0.7rem + 0.2vw);
    font-weight: 400;
    text-transform: capitalize;
    letter-spacing: 1px;
    color: var(--primary-text-color);
    background-color: var(--white-color);
    border: 1px solid var(--primary-hover-color);
    padding: calc(0.4rem + 0.2vw) calc(0.8rem + 0.4vw);
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.offer-shop-btn.offer-shop-filled:hover {
    background-color: var(--primary-hover-color);
    color: var(--white-color);
    border-color: var(--primary-hover-color);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(205, 134, 92, 0.3);
}

.offer-shop-btn:focus {
    outline: 2px solid var(--primary-hover-color);
    outline-offset: 2px;
}

.offer-error {
    text-align: center;
    padding: 2rem;
    color: #dc3545;
    font-family: var(--secondary-font);
}

.shimmer {
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: shimmer 1.5s infinite;
    border-radius: 4px;
}

@keyframes shimmer {
    0% {
        background-position: 200% 0;
    }

    100% {
        background-position: -200% 0;
    }
}

@media (max-width: 768px) {
    .offer-container {
        padding: 1.5rem 0;
    }

    .offer-grid {
        gap: 0.75rem;
    }

    .offer-card {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: calc(50% - 0.375rem);
        min-width: 160px;
        height: 28vw;
        min-height: 180px;
    }

    .offer-content {
        padding: calc(0.6rem + 0.15vw);
        width: 50%;
    }

    .offer-title {
        font-size: calc(1rem + 0.3vw);
    }

    .offer-subtitle {
        font-size: calc(0.7rem + 0.15vw);
    }

    .offer-shop-btn {
        font-size: calc(0.65rem + 0.15vw);
        padding: calc(0.35rem + 0.15vw) calc(0.7rem + 0.3vw);
    }
         .cat-offer-title {
             font-size: 25px;
         }
    
         .offer-sub-title {
             font-size: 12px;
         }
}

@media (max-width: 576px) {
    .offer-container{
        padding:0.5rem ;
    }
    .offer-card {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: calc(50% - 0.375rem);
        min-width: 110px;
        height: 20vw;
        min-height: 150px;
    }
    .offer-image {
    width: 100%;
    height: 100%;
    object-fit: contain;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    }
    .offer-content {
        padding: calc(0.5rem + 0.1vw);
        width: 60%;
    }

    .offer-title {
        font-size: calc(0.9rem + 0.2vw);
    }

    .offer-subtitle {
        font-size: calc(0.65rem + 0.1vw);
    }

    .offer-shop-btn {
        font-size: calc(0.6rem + 0.1vw);
        padding: calc(0.3rem + 0.1vw) calc(0.6rem + 0.2vw);
    }
        .cat-offer-title {
            font-size: 20px;
        }
    
        .offer-sub-title {
            font-size: 10px;
        }
}


/*-----------------------------------------------------------------------------------
    BASE CSS
    ===================
    Reset Styles
    Button Styles
-----------------------------------------------------------------------------------*/

/*======= CSS Variables =======*/
:root {
    --primary-font: 'Gloock', serif;
    --secondary-font: 'Montserrat', sans-serif;
    --primary-color: #f6f5f0;
    --primary-text-color: #404040;
    --primary-card-color: #edebe7;
    --primary-hover-color: #cd865c;
    --secondary-card-color: #cfdcdd;
    --white-color: #ffffff;
    --grey-color: #A9A9A9;
    --black-color: #000000;
}

/*======= Reset / Base Element Styles =======*/
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html,
body {
    font-family: 'Montserrat', sans-serif;
    font-family: var(--secondary-font);
    background-color: #f6f5f0;
    background-color: var(--primary-color);
    color: #404040;
    color: var(--primary-text-color);
    line-height: 1.6;
}
/* ===== BASE BUTTON STYLES ===== */
.main-btn,
.main-btns {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
            user-select: none;
    padding: 0 20px;
    font-size: 14px;
    line-height: 40px;
    cursor: pointer;
    transition: all 0.4s ease-out;
    text-transform: capitalize;
    font-family: 'Montserrat', sans-serif;
    font-family: var(--secondary-font);
    text-decoration: none;
}

/* ===== Filled Buttons ===== */
.main-btn.btn-filled,
.main-btns.btn-filled {
    position: relative;
    background-color: #ffffff;
    background-color: var(--white-color);
    color: #404040;
    color: var(--primary-text-color);
    transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

.main-btn.btn-filled:hover,
.main-btns.btn-filled:hover {
    background-color: #cd865c;
    background-color: var(--primary-hover-color);
    color: #ffffff;
    color: var(--white-color);
    box-shadow: none;
}

/* Underline animation for filled buttons */
.main-btn.btn-filled::after {
    content: "";
    position: absolute;
    bottom: 6px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 2px;
    background-color: #ffffff;
    background-color: var(--white-color);
    transition: width 0.3s ease-in-out;
}

.main-btn.btn-filled:hover::after {
    width: 60%;
}

/* ===== Bordered Buttons ===== */
.main-btn.btn-borderd {
    background-color: transparent;
    border: 1px solid #404040;
    border: 1px solid var(--primary-text-color);
    color: #404040;
    color: var(--primary-text-color);
}

.main-btn.btn-borderd:hover {
    background-color: #f6f5f0;
    background-color: var(--primary-color);
    color: #404040;
    color: var(--primary-text-color);
    box-shadow: 0 14px 24px rgba(190, 173, 142, 0.4);
}

/* ===== Responsive Adjustments ===== */

/* Medium Devices (tablets) */
@media (max-width: 992px) {

    .main-btn,
    .main-btns {
        font-size: 13px;
        line-height: 38px;
        padding: 0 18px;
    }

    .main-btn.btn-filled::after {
        bottom: 5px;
    }
}

/* Small Devices (phones) */
@media (max-width: 767px) {

    .main-btn,
    .main-btns {
        font-size: 12px;
        line-height: 36px;
        padding: 0 16px;
    }

    .main-btn.btn-filled::after {
        bottom: 4px;
    }
}

/* Extra Small Screens */
@media (max-width: 480px) {

    .main-btn,
    .main-btns {
        font-size: 11px;
        line-height: 34px;
        padding: 0 14px;
    }

    .main-btn.btn-filled::after {
        bottom: 3px;
    }
}
/*-----------------------------------------------------------------------------------
    BASE CSS
    ===================
    Reset Styles
    Button Styles
-----------------------------------------------------------------------------------*/

/*======= CSS Variables =======*/
:root {
    --primary-font: 'Gloock', serif;
    --secondary-font: 'Montserrat', sans-serif;
    --primary-color: #f6f5f0;
    --primary-text-color: #404040;
    --primary-card-color: #edebe7;
    --primary-hover-color: #cd865c;
    --secondary-card-color: #cfdcdd;
    --white-color: #ffffff;
    --grey-color: #A9A9A9;
    --black-color: #000000;
}

/*======= Reset / Base Element Styles =======*/
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html,
body {
    font-family: 'Montserrat', sans-serif;
    font-family: var(--secondary-font);
    background-color: #f6f5f0;
    background-color: var(--primary-color);
    color: #404040;
    color: var(--primary-text-color);
    line-height: 1.6;
}
/* ===== BASE BUTTON STYLES ===== */
.main-btn,
.main-btns {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
            user-select: none;
    padding: 0 20px;
    font-size: 14px;
    line-height: 40px;
    cursor: pointer;
    transition: all 0.4s ease-out;
    text-transform: capitalize;
    font-family: 'Montserrat', sans-serif;
    font-family: var(--secondary-font);
    text-decoration: none;
}

/* ===== Filled Buttons ===== */
.main-btn.btn-filled,
.main-btns.btn-filled {
    position: relative;
    background-color: #ffffff;
    background-color: var(--white-color);
    color: #404040;
    color: var(--primary-text-color);
    transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

.main-btn.btn-filled:hover,
.main-btns.btn-filled:hover {
    background-color: #cd865c;
    background-color: var(--primary-hover-color);
    color: #ffffff;
    color: var(--white-color);
    box-shadow: none;
}

/* Underline animation for filled buttons */
.main-btn.btn-filled::after {
    content: "";
    position: absolute;
    bottom: 6px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 2px;
    background-color: #ffffff;
    background-color: var(--white-color);
    transition: width 0.3s ease-in-out;
}

.main-btn.btn-filled:hover::after {
    width: 60%;
}

/* ===== Bordered Buttons ===== */
.main-btn.btn-borderd {
    background-color: transparent;
    border: 1px solid #404040;
    border: 1px solid var(--primary-text-color);
    color: #404040;
    color: var(--primary-text-color);
}

.main-btn.btn-borderd:hover {
    background-color: #f6f5f0;
    background-color: var(--primary-color);
    color: #404040;
    color: var(--primary-text-color);
    box-shadow: 0 14px 24px rgba(190, 173, 142, 0.4);
}

/* ===== Responsive Adjustments ===== */

/* Medium Devices (tablets) */
@media (max-width: 992px) {

    .main-btn,
    .main-btns {
        font-size: 13px;
        line-height: 38px;
        padding: 0 18px;
    }

    .main-btn.btn-filled::after {
        bottom: 5px;
    }
}

/* Small Devices (phones) */
@media (max-width: 767px) {

    .main-btn,
    .main-btns {
        font-size: 12px;
        line-height: 36px;
        padding: 0 16px;
    }

    .main-btn.btn-filled::after {
        bottom: 4px;
    }
}

/* Extra Small Screens */
@media (max-width: 480px) {

    .main-btn,
    .main-btns {
        font-size: 11px;
        line-height: 34px;
        padding: 0 14px;
    }

    .main-btn.btn-filled::after {
        bottom: 3px;
    }
}
/*-----------------------------------------------------------------------------------
    BASE CSS
    ===================
    Reset Styles
    Button Styles
-----------------------------------------------------------------------------------*/

/*======= CSS Variables =======*/
:root {
    --primary-font: 'Gloock', serif;
    --secondary-font: 'Montserrat', sans-serif;
    --primary-color: #f6f5f0;
    --primary-text-color: #404040;
    --primary-card-color: #edebe7;
    --primary-hover-color: #cd865c;
    --secondary-card-color: #cfdcdd;
    --white-color: #ffffff;
    --grey-color: #A9A9A9;
    --black-color: #000000;
}

/*======= Reset / Base Element Styles =======*/
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html,
body {
    font-family: 'Montserrat', sans-serif;
    font-family: var(--secondary-font);
    background-color: #f6f5f0;
    background-color: var(--primary-color);
    color: #404040;
    color: var(--primary-text-color);
    line-height: 1.6;
}
/* ===== BASE BUTTON STYLES ===== */
.main-btn,
.main-btns {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
            user-select: none;
    padding: 0 20px;
    font-size: 14px;
    line-height: 40px;
    cursor: pointer;
    transition: all 0.4s ease-out;
    text-transform: capitalize;
    font-family: 'Montserrat', sans-serif;
    font-family: var(--secondary-font);
    text-decoration: none;
}

/* ===== Filled Buttons ===== */
.main-btn.btn-filled,
.main-btns.btn-filled {
    position: relative;
    background-color: #ffffff;
    background-color: var(--white-color);
    color: #404040;
    color: var(--primary-text-color);
    transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

.main-btn.btn-filled:hover,
.main-btns.btn-filled:hover {
    background-color: #cd865c;
    background-color: var(--primary-hover-color);
    color: #ffffff;
    color: var(--white-color);
    box-shadow: none;
}

/* Underline animation for filled buttons */
.main-btn.btn-filled::after {
    content: "";
    position: absolute;
    bottom: 6px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 2px;
    background-color: #ffffff;
    background-color: var(--white-color);
    transition: width 0.3s ease-in-out;
}

.main-btn.btn-filled:hover::after {
    width: 60%;
}

/* ===== Bordered Buttons ===== */
.main-btn.btn-borderd {
    background-color: transparent;
    border: 1px solid #404040;
    border: 1px solid var(--primary-text-color);
    color: #404040;
    color: var(--primary-text-color);
}

.main-btn.btn-borderd:hover {
    background-color: #f6f5f0;
    background-color: var(--primary-color);
    color: #404040;
    color: var(--primary-text-color);
    box-shadow: 0 14px 24px rgba(190, 173, 142, 0.4);
}

/* ===== Responsive Adjustments ===== */

/* Medium Devices (tablets) */
@media (max-width: 992px) {

    .main-btn,
    .main-btns {
        font-size: 13px;
        line-height: 38px;
        padding: 0 18px;
    }

    .main-btn.btn-filled::after {
        bottom: 5px;
    }
}

/* Small Devices (phones) */
@media (max-width: 767px) {

    .main-btn,
    .main-btns {
        font-size: 12px;
        line-height: 36px;
        padding: 0 16px;
    }

    .main-btn.btn-filled::after {
        bottom: 4px;
    }
}

/* Extra Small Screens */
@media (max-width: 480px) {

    .main-btn,
    .main-btns {
        font-size: 11px;
        line-height: 34px;
        padding: 0 14px;
    }

    .main-btn.btn-filled::after {
        bottom: 3px;
    }
}
/*-----------------------------------------------------------------------------------
    TRENDING CSS
    ===================
    Trending Collection Grid
-----------------------------------------------------------------------------------*/

/*======= Additional CSS Variables =======*/

/*======= Trending Section =======*/
.trending-sec {
    position: relative;
    z-index: 1;
    margin-top: 100px;
    /* Accounts for sticky header height (~80px) */
    padding: 115px 0;
    background-color: var(--white-color);
}

.trending-sec .container {
    padding: 0 0px;
}

/*======= Section Title =======*/
.trending-sec .section-title {
    text-align: center;
    margin-bottom: 30px;
}

.trending-sec .section-title .section-title-icon {
    display: inline-block;
    margin-bottom: 10px;
}

.trending-sec .section-title .section-title-icon svg {
    width: 45px;
    height: 45px;
}

.trending-sec .section-title .title-tag {
    display: block;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: var(--primary-text-color);
    margin-bottom: 10px;
}
/*-----------------------------------------------------------------------------------
    TRENDING CSS
    ===================
    Trending Collection Grid
-----------------------------------------------------------------------------------*/

/*======= Additional CSS Variables =======*/
:root {
    --yellow-color: #fcd462;
    /* Used for price, consistent with handpicked.css */
}

/*======= Trending Section =======*/
.trending-sec {
    position: relative;
    z-index: 1;
    margin-top: 100px;
    /* Accounts for sticky header height (~80px) */
    padding: 115px 0;
    background-color: var(--white-color);
}

.trending-sec .container {
    padding: 0 100px;
}

/*======= Section Title =======*/
.trending-sec .section-title {
    text-align: center;
    margin-bottom: 30px;
}

.trending-sec .section-title .section-title-icon {
    display: inline-block;
    margin-bottom: 10px;
}

.trending-sec .section-title .section-title-icon svg {
    width: 45px;
    height: 45px;
}

.trending-sec .section-title .title-tag {
    display: block;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: var(--primary-text-color);
    margin-bottom: 10px;
}

.trending-sec .section-title h2 {
    font-size: 36px;
    font-family: var(--primary-font);
    color: var(--primary-text-color);
}

/*======= View More Link =======*/
.trending-sec .view-more {
    display: inline-block;
    font-size: 16px;
    font-family: var(--secondary-font);
    color: var(--primary-text-color);
    text-decoration: none;
    margin-bottom: 20px;
    transition: all 0.3s ease-out 0s;
}

.trending-sec .view-more:hover {
    color: var(--primary-hover-color);
}

.trending-sec .view-more i {
    margin-left: 8px;
    font-size: 14px;
}

/*======= Apartment Box Grid =======*/
.trending-sec .apartment-box {
    margin-bottom: 30px;
}

.trending-sec .apartment-box .image-box {
    overflow: hidden;
    position: relative;
}

.trending-sec .apartment-box .image-box img {
    width: 100%;
    height: auto;
    transition: all 0.3s ease-out 0s;
}

.trending-sec .apartment-box:hover .image-box img {
    transform: scale(1.1);
}

.trending-sec .apartment-box .content-box-2 {
    padding: 20px 0;
    text-align: center;
}

.trending-sec .apartment-box .content-box-2 .tren-title {
    font-size: 24px;
    font-family: var(--primary-font);
    color: var(--primary-text-color);
    margin-bottom: 10px;
    text-decoration: none;
    display: block;
    transition: all 0.3s ease-out 0s;
}

.trending-sec .apartment-box .content-box-2 .tren-title:hover {
    color: var(--primary-hover-color);
}

.trending-sec .apartment-box .content-box-2 .price {
    font-size: 18px;
    font-family: var(--primary-font);
    color: #fcd462;
    color: var(--yellow-color);
}

/*======= Responsive Styles =======*/
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .trending-sec .container {
        padding: 0 50px;
    }

    .trending-sec .section-title h2 {
        font-size: 32px;
    }

    .trending-sec .apartment-box .content-box-2 .tren-title {
        font-size: 22px;
    }

    .trending-sec .apartment-box .content-box-2 .price {
        font-size: 16px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .trending-sec .container {
        padding: 0 30px;
    }

    .trending-sec .section-title h2 {
        font-size: 28px;
    }

    .trending-sec .apartment-box .content-box-2 .tren-title {
        font-size: 20px;
    }

    .trending-sec .apartment-box .content-box-2 .price {
        font-size: 16px;
    }
}

@media (max-width: 767px) {
    .trending-sec .container {
        padding: 0 20px;
    }

    .trending-sec .section-title h2 {
        font-size: 24px;
    }

    .trending-sec .apartment-box .content-box-2 .tren-title {
        font-size: 18px;
    }

    .trending-sec .apartment-box .content-box-2 .price {
        font-size: 14px;
    }
}

@media (max-width: 575px) {
    .trending-sec .container {
        padding: 0 15px;
    }

    .trending-sec .section-title .title-tag {
        font-size: 12px;
    }

    .trending-sec .view-more {
        font-size: 14px;
    }
}/*-----------------------------------------------------------------------------------
    TRENDING CSS
    ===================
    Trending Collection Grid
-----------------------------------------------------------------------------------*/

/*======= Additional CSS Variables =======*/
:root {
    --yellow-color: #fcd462;
    /* Used for price, consistent with handpicked.css */
}

/*======= Trending Section =======*/
.trending-sec {
    position: relative;
    z-index: 1;
    margin-top: 100px;
    /* Accounts for sticky header height (~80px) */
    padding: 115px 0;
    background-color: var(--white-color);
}



/*======= Section Title =======*/
.trending-sec .section-title {
    text-align: center;
    margin-bottom: 30px;
}

.trending-sec .section-title .section-title-icon {
    display: inline-block;
    margin-bottom: 10px;
}

.trending-sec .section-title .section-title-icon svg {
    width: 45px;
    height: 45px;
}

.trending-sec .section-title .title-tag {
    display: block;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: var(--primary-text-color);
    margin-bottom: 10px;
}

.trending-sec .section-title h2 {
    font-size: 36px;
    font-family: var(--primary-font);
    color: var(--primary-text-color);
}

/*======= View More Link =======*/
.trending-sec .view-more {
    display: inline-block;
    font-size: 16px;
    font-family: var(--secondary-font);
    color: var(--primary-text-color);
    text-decoration: none;
    margin-bottom: 20px;
    transition: all 0.3s ease-out 0s;
}

.trending-sec .view-more:hover {
    color: var(--primary-hover-color);
}

.trending-sec .view-more i {
    margin-left: 8px;
    font-size: 14px;
}

/*======= Apartment Box Grid =======*/
.trending-sec .apartment-box {
    margin-bottom: 30px;
}

.trending-sec .apartment-box .image-box {
    overflow: hidden;
    position: relative;
}

.trending-sec .apartment-box .image-box img {
    width: 100%;
    height: auto;
    transition: all 0.3s ease-out 0s;
}

.trending-sec .apartment-box:hover .image-box img {
    transform: scale(1.1);
}

.trending-sec .apartment-box .content-box-2 {
    padding: 20px 0;
    text-align: center;
}

.trending-sec .apartment-box .content-box-2 .tren-title {
    font-size: 24px;
    font-family: var(--primary-font);
    color: var(--primary-text-color);
    margin-bottom: 10px;
    text-decoration: none;
    display: block;
    transition: all 0.3s ease-out 0s;
}

.trending-sec .apartment-box .content-box-2 .tren-title:hover {
    color: var(--primary-hover-color);
}

.trending-sec .apartment-box .content-box-2 .price {
    font-size: 18px;
    font-family: var(--primary-font);
    color: #fcd462;
    color: var(--yellow-color);
}

/*======= Responsive Styles =======*/
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .trending-sec .container {
        padding: 0 50px;
    }

    .trending-sec .section-title h2 {
        font-size: 32px;
    }

    .trending-sec .apartment-box .content-box-2 .tren-title {
        font-size: 22px;
    }

    .trending-sec .apartment-box .content-box-2 .price {
        font-size: 16px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .trending-sec .container {
        padding: 0 30px;
    }

    .trending-sec .section-title h2 {
        font-size: 28px;
    }

    .trending-sec .apartment-box .content-box-2 .tren-title {
        font-size: 20px;
    }

    .trending-sec .apartment-box .content-box-2 .price {
        font-size: 16px;
    }
}

@media (max-width: 767px) {
    .trending-sec .container {
        padding: 0 20px;
    }

    .trending-sec .section-title h2 {
        font-size: 24px;
    }

    .trending-sec .apartment-box .content-box-2 .tren-title {
        font-size: 18px;
    }

    .trending-sec .apartment-box .content-box-2 .price {
        font-size: 14px;
    }
}

@media (max-width: 575px) {
    .trending-sec .container {
        padding: 0 15px;
    }

    .trending-sec .section-title .title-tag {
        font-size: 12px;
    }

    .trending-sec .view-more {
        font-size: 14px;
    }
}
.trending-sec .section-title h2 {
    font-size: 34px;
    font-family: var(--se);
    color: var(--primary-text-color);
}

/*======= View More Link =======*/
.trending-sec .view-more {
    display: inline-block;
    font-size: 16px;
    font-family: var(--secondary-font);
    color: var(--primary-text-color);
    text-decoration: none;
    margin-bottom: 20px;
    transition: all 0.3s ease-out 0s;
}

.trending-sec .view-more:hover {
    color: var(--primary-hover-color);
}

.trending-sec .view-more i {
    margin-left: 8px;
    font-size: 14px;
}

/*======= Apartment Box Grid =======*/
.trending-sec .apartment-box {
    margin-bottom: 30px;
}

.trending-sec .apartment-box .image-box {
    overflow: hidden;
    position: relative;
}

.trending-sec .apartment-box .image-box img {
    width: 100%;
    height: auto;
    transition: all 0.3s ease-out 0s;
}

.trending-sec .apartment-box:hover .image-box img {
    transform: scale(1.1);
}

.trending-sec .apartment-box .content-box-2 {
    padding: 20px 0;
    text-align: center;
}

.trending-sec .apartment-box .content-box-2 .tren-title {
    font-size: 24px;
    font-family: var(--primary-font);
    color: var(--primary-text-color);
    margin-bottom: 10px;
    text-decoration: none;
    display: block;
    transition: all 0.3s ease-out 0s;
}

.trending-sec .apartment-box .content-box-2 .tren-title:hover {
    color: var(--primary-hover-color);
}

.trending-sec .apartment-box .content-box-2 .price {
    font-size: 18px;
    font-family: var(--primary-font);
    color: var(--primary-hover-color);
}

/*======= Responsive Styles =======*/
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .trending-sec .container {
        padding: 0 50px;
    }

    .trending-sec .section-title h2 {
        font-size: 32px;
    }

    .trending-sec .apartment-box .content-box-2 .tren-title {
        font-size: 22px;
    }

    .trending-sec .apartment-box .content-box-2 .price {
        font-size: 16px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .trending-sec .container {
        padding: 0 30px;
    }

    .trending-sec .section-title h2 {
        font-size: 28px;
    }

    .trending-sec .apartment-box .content-box-2 .tren-title {
        font-size: 20px;
    }

    .trending-sec .apartment-box .content-box-2 .price {
        font-size: 16px;
    }
}

@media (max-width: 767px) {
    .trending-sec .container {
        padding: 0 20px;
    }

    .trending-sec .section-title h2 {
        font-size: 24px;
    }

    .trending-sec .apartment-box .content-box-2 .tren-title {
        font-size: 18px;
    }

    .trending-sec .apartment-box .content-box-2 .price {
        font-size: 14px;
    }
}

@media (max-width: 575px) {
    .trending-sec .container {
        padding: 0 15px;
    }

    .trending-sec .section-title .title-tag {
        font-size: 12px;
    }

    .trending-sec .view-more {
        font-size: 14px;
    }
}
[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)}
/* PriceUnderSection.css */

.pus-budget-section {
    font-family: var(--secondary-font);
    padding: 4rem 1rem;
    max-width: 1400px;
    margin: 0 auto;
    background-color: var(--primary-card-color);
    border-radius: 20px;
    padding: 4rem 2rem;
}

.pus-card-container {
    padding: 0;
}

.pus-section-title {
    font-family: var(--title-font);
    font-size: clamp(1.6rem, 4vw, 2.5rem);
    font-weight: 900;
    text-align: center;
    margin-bottom: 1rem;
    letter-spacing: 0.5px;
    position: relative;
    display: flex;
    justify-content: center;
    gap: 0.3rem;
    flex-wrap: wrap;
}

.pus-section-title .title-part-1 {
    background: var(--gradient-text);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.pus-section-title .title-part-2 {
    color: var(--primary-text-color);
    font-weight: 500;
}

.pus-section-title::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 3px;
    background: var(--primary-hover-color);
}

.pus-section-subtitle {
    font-size: clamp(0.9rem, 1.5vw, 1rem);
    color: var(--grey-color);
    text-align: center;
    margin-bottom: 3rem;
    font-weight: 400;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    font-family: var(--secondary-font);
    line-height: 1.7;
}

.pus-budget-card {
    background: transparent;
    border-radius: 25px;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    height: 350px;
    width: 92%;
    display: flex;
    flex-direction: column;
}

.pus-budget-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
}

.pus-image-container {
    height: 100%;
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--primary-card-color);
}

.pus-card-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.pus-budget-card:hover .pus-card-image {
    transform: scale(1.05);
}

.pus-text-container {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    background: transparent;
    flex-grow: 1;
    justify-content: space-between;
}

.pus-card-title {
    font-size: clamp(0.9rem, 1.8vw, 1.1rem);
    font-weight: 600;
    color: var(--primary-text-color);
    margin: 0 0 0.3rem 0;
    letter-spacing: 0.2px;
    text-transform: uppercase;
    font-family: var(--secondary-font);
}

.pus-card-subtext {
    font-size: clamp(0.7rem, 1.2vw, 0.8rem);
    color: var(--grey-color);
    margin-bottom: 0.5rem;
    font-family: var(--secondary-font);
}

.pus-category-btn {
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%);
    display: inline-flex;
    align-items: center;
    padding: 0.6rem 1.8rem;
    background: linear-gradient(90deg, #ffe3ccff, #ffcf99ff);
    color: var(--primary-text-color);
    border: none;
    border-radius: 25px;
    font-size: clamp(0.8rem, 1.1vw, 0.9rem);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    transition: all 0.3s ease;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
    z-index: 3;
    cursor: pointer;
}

.pus-category-btn:hover {
    background: linear-gradient(90deg, #ffca99ff, #ffb866ff);
    color: var(--white-color);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
}

.pus-category-btn .pus-btn-arrow {
    margin-left: 6px;
    transition: transform 0.3s ease;
    font-size: 0.9em;
}

.pus-category-btn:hover .pus-btn-arrow {
    transform: translateX(4px);
}

.pus-explore-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.6rem 1.8rem;
    background: transparent;
    border: 1px solid var(--primary-hover-color);
    color: var(--primary-hover-color);
    border-radius: 30px;
    font-size: clamp(0.7rem, 1vw, 0.8rem);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: all 0.4s ease;
    cursor: pointer;
    font-family: var(--secondary-font);
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.pus-explore-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: var(--primary-hover-color);
    transition: width 0.4s ease;
    z-index: -1;
}

.pus-explore-btn:hover {
    color: var(--white-color);
    border-color: var(--primary-hover-color);
}

.pus-explore-btn:hover::before {
    width: 100%;
}

.pus-explore-btn .pus-arrow-icon {
    margin-left: 6px;
    transition: transform 0.3s ease;
}

.pus-explore-btn:hover .pus-arrow-icon {
    transform: translateX(4px);
}

.pus-row-cols-2 .col {
    margin-bottom: 1.5rem;
    padding: 0 0.5rem;
}

/* Media Queries */
@media (max-width: 992px) {
    .pus-image-container {
        height: 100%;
    }

    .pus-budget-card {
        height: 280px;
    }

    .pus-card-title {
        font-size: 0.9rem;
    }

    .pus-explore-btn {
        padding: 0.5rem 1.5rem;
        font-size: 0.7rem;
    }

    .pus-category-btn {
        padding: 0.5rem 1.5rem;
        font-size: 0.75rem;
    }
}

@media (max-width: 768px) {
    .pus-budget-section {
        padding: 3rem 1rem;
    }

    .pus-image-container {
        height: 100%;
    }

    .pus-budget-card {
        height: 260px;
    }

    .pus-section-title {
        font-size: 1.4rem;
        margin-bottom: 0.8rem;
    }

    .pus-section-subtitle {
        font-size: 0.85rem;
        margin-bottom: 2rem;
    }

    .pus-category-btn {
        bottom: 12px;
        padding: 0.4rem 1.2rem;
        font-size: 0.7rem;
    }
}

@media (max-width: 576px) {
    .pus-budget-section {
        padding: 2rem 0.5rem;
    }

    .pus-image-container {
        height: 100%;
    }

    .pus-budget-card {
        height: 240px;
    }

    .pus-card-title {
        font-size: 0.85rem;
    }

    .pus-card-subtext {
        font-size: 0.7rem;
    }

    .pus-explore-btn {
        padding: 0.4rem 1.2rem;
        font-size: 0.65rem;
    }

    .pus-category-btn {
        bottom: 10px;
        padding: 0.3rem 1rem;
        font-size: 0.65rem;
    }

    .pus-row-cols-2 .col {
        padding: 0 0.3rem;
    }
}
.cta-section {
  min-height: 400px;
  margin-bottom: 50px;
  position: relative;
  overflow: hidden;
}

.cta-background {
  background-size: cover;
  background-position: center;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.cta-overlay {
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.cta-content {
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 100%;
  padding: 2rem;
  color: #fff;
}

.cta-title {
  font-family: 'Gloock', sans-serif;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 1rem;
}

.cta-text {
  font-family: 'Montserrat', sans-serif;
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.5;
  margin-bottom: 1.5rem;
  max-width: 500px;
}

.cta-btn {
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
  text-transform: capitalize;
  padding: 0.5rem 1.5rem;
  border-radius: 0;
  transition: all 0.3s ease;
  display: inline-block;
  background-color: #f6f5f0;
  color: var(--primary-color);
  border-radius: 0px !important;
  border: none;
  width: auto;
  /* ✅ Ensures it doesn’t stretch */
  max-width: 200px;
  /* Optional cap */
  white-space: nowrap;
}

.cta-btn:hover {
  transform: translateY(-2px);
  background-color: #f6f5f0 !important;
  color: var(--primary-hover-color) !important;
  cursor: pointer;
}

@media (max-width: 992px) {
  .cta-section {
    min-height: 250px;
  }

  .cta-title {
    font-size: 1.35rem !important;
  }

  .cta-text {
    font-size: 0.7rem !important;
  }

  .cta-btn {
    font-size: 0.65rem !important;
    padding: 0.4rem 1.2rem;
  }
}

@media (max-width: 768px) {
  .cta-section {
    min-height: 200px;
    text-align: center;
  }

  .cta-content {
    align-items: center;
    text-align: center;
    padding: 1.5rem;
  }

  .cta-btn {
    font-size: 0.75rem;
    padding: 0.4rem 1rem;
    width: auto !important;
    /* ✅ Force button to stay inline size */
    max-width: none;
    margin-top: 0.5rem;
  }
}
.premium-showcase {
    padding: 0;
    background: transparent;
    font-family: var(--secondary-font);
}

/* Banner Container */
.premium-banner {
    background: var(--primary-card-color);
    border-radius: 24px;
    margin: 1rem;
    overflow: hidden;
    min-height: 320px;
}

/* Hero Content - Left Side */
.premium-hero-section {
    padding: 3rem;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 320px;
    text-align: center;
}

.premium-hero-text {
    margin-bottom: 1.5rem;
    text-align: center;
}

.premium-hero-title {
    font-size: clamp(1.5rem, 4vw, 2.5rem);
    font-weight: 400;
    color: var(--primary-text-color);
    font-family: var(--primary-font);
    line-height: 1.2;
    margin: 0 0 0.5rem 0;
    text-align: center;
}

.premium-title-line {
    display: block;
}

.premium-script {
    font-family: var(--title-font);
    font-weight: 800;
    font-style: italic;
    margin-left: 0.5rem;
}

.premium-hero-subtitle {
    font-size: clamp(1rem, 2.5vw, 1.4rem);
    color: var(--primary-text-color);
    opacity: 0.95;
    font-weight: 400;
    line-height: 1.4;
    margin: 0 auto;
    font-family: var(--secondary-font);
    text-align: center;
    max-width: 300px;
}

.premium-hero-image {
    align-self: center;
    max-width: 250px;
    margin-top: 1rem;
}

.premium-hero-image img {
    border-radius: 16px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    width: 100%;
    height: auto;
}

/* Category Cards - Right Side */
.premium-product-grid {
    padding: 1.5rem;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.premium-product-grid .row {
    width: 100%;
    margin: 0;
}

/* Card Styles */
.premium-card {
    border: none;
    border-radius: 20px;
    background: linear-gradient(145deg, var(--primary-color) 0%, var(--primary-color) 100%);
    transition: all 0.3s ease;
    min-height: 280px !important;
    overflow: hidden;
    font-family: var(--secondary-font);
    max-width: 100%;
    cursor: pointer;
}

.premium-hover:hover {
    transform: translateY(-6px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1), inset 0 2px 4px rgba(255, 255, 255, 0.5);
}

.premium-accent-frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(145deg, var(--primary-hover-color), #f4d03f, var(--primary-hover-color));
    border-radius: 20px;
    padding: 2px;
    z-index: 1;
}

.premium-card-content {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 18px;
    background: var(--white-color);
    overflow: hidden;
    z-index: 2;
    font-family: var(--secondary-font);
}

.premium-image-wrapper {
    position: relative;
    height: 100%;
    overflow: hidden;
}

.premium-card-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
    border-radius: 18px 18px 0 0;
    transition: transform 0.3s ease;
}

.premium-hover:hover .premium-card-image {
    transform: scale(1.05);
}

.premium-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0.2) 100%);
    border-radius: 18px 18px 0 0;
    z-index: 3;
}

.premium-action-bar {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 85%;
    text-align: center;
    padding: 0.6rem 0;
    background: var(--primary-card-color);
    border-radius: 15px 15px 0 0;
    z-index: 4;
    font-family: var(--secondary-font);
    font-weight: bolder;
    display: flex;
    justify-content: center;
    align-items: center;
}

.premium-action-btn {
    background: linear-gradient(to right, rgb(24, 24, 24), rgb(0, 0, 0));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    font-weight: 500 !important;
    font-size: clamp(0.9rem, 2.5vw, 1.2rem);
    transition: all 0.3s ease;
    font-family: var(--title-font);
    border: none;
    background-color: transparent;
    cursor: pointer;
    text-align: center;
    padding: 0.2rem 0.5rem;
}

.premium-action-btn:hover {
    background: linear-gradient(to right, #8f520cff, #d44107ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
    transform: scale(1.05);
}

.premium-action-btn:focus {
    outline: none;
    box-shadow: 0 0 0 2px rgba(var(--primary-hover-color), 0.5);
}

/* Large Screens (1500px and above) */
@media (min-width: 1500px) {
    .premium-card {
        min-height: 320px !important;
    }
}

/* Medium Large Screens (992px to 1499px) */
@media (max-width: 1499px) and (min-width: 992px) {
    .premium-banner {
        margin: 1.5rem;
        min-height: 300px;
    }

    .premium-hero-section {
        padding: 2rem;
        min-height: 300px;
    }

    .premium-hero-image {
        max-width: 220px;
    }

    .premium-product-grid {
        padding: 1.5rem;
    }

    .premium-card {
        min-height: 260px !important;
    }

    .premium-action-btn {
        font-size: clamp(0.8rem, 2vw, 1rem);
    }
}

/* Tablet Portrait (768px to 991px) */
@media (max-width: 991px) and (min-width: 768px) {
    .premium-banner {
        margin: 1rem;
        min-height: auto;
    }

    .premium-hero-section {
        padding: 2rem 1.5rem;
        min-height: 280px;
        text-align: center;
    }

    .premium-hero-text {
        margin-bottom: 1rem;
    }

    .premium-hero-image {
        max-width: 180px;
        margin-top: 1rem;
    }

    .premium-product-grid {
        padding: 1.5rem;
    }

    .premium-card {
        min-height: 220px !important;
        margin-bottom: 1rem;
    }

    .premium-action-bar {
        width: 90%;
        padding: 0.5rem 0;
    }

    .premium-action-btn {
        font-size: clamp(0.75rem, 2vw, 0.9rem);
    }
}

/* Mobile Landscape and Small Tablets (576px to 767px) */
@media (max-width: 767px) and (min-width: 576px) {
    .premium-banner {
        margin: 0.75rem;
        border-radius: 16px;
        min-height: auto;
    }

    .premium-hero-section {
        padding: 1.5rem 1rem;
        min-height: 200px;
        text-align: center;
    }

    .premium-hero-text {
        margin-bottom: 0.75rem;
    }

    .premium-hero-image {
        max-width: 140px;
        margin-top: 0.5rem;
    }

    .premium-product-grid {
        padding: 1rem 0.5rem;
    }

    .premium-product-grid .row {
        gap: 0.5rem;
    }

    .premium-card {
        min-height: 180px !important;
        margin-bottom: 0.75rem;
    }

    .premium-action-bar {
        width: 95%;
        padding: 0.4rem 0;
    }

    .premium-action-btn {
        font-size: clamp(0.7rem, 3vw, 0.85rem);
        padding: 0.1rem 0.3rem;
    }
}

/* Mobile Portrait (375px to 575px) */
@media (max-width: 575px) and (min-width: 375px) {
    .premium-banner {
        margin: 0.5rem;
        border-radius: 12px;
        min-height: auto;
    }

    .premium-hero-section {
        padding: 1rem 0.75rem;
        min-height: 160px;
        text-align: center;
        justify-content: center;
    }

    .premium-hero-text {
        margin-bottom: 0.5rem;
    }

    .premium-hero-title {
        font-size: clamp(1.2rem, 5vw, 1.6rem);
        line-height: 1.1;
        margin-bottom: 0.3rem;
    }

    .premium-hero-subtitle {
        font-size: clamp(0.8rem, 3vw, 1rem);
        max-width: 250px;
    }

    .premium-hero-image {
        max-width: 120px;
        margin-top: 0.5rem;
    }

    .premium-product-grid {
        padding: 0.75rem 0.25rem;
    }

    .premium-product-grid .row {
        gap: 0.25rem;
        justify-content: center;
    }

    .premium-product-grid .col-md-4 {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: calc(33.333% - 0.5rem);
        max-width: calc(33.333% - 0.5rem);
        margin-bottom: 0.5rem;
    }

    .premium-card {
        min-height: 140px !important;
        border-radius: 12px;
    }

    .premium-accent-frame {
        border-radius: 12px;
    }

    .premium-card-content {
        border-radius: 10px;
    }

    .premium-card-image {
        border-radius: 10px 10px 0 0;
    }

    .premium-overlay {
        border-radius: 10px 10px 0 0;
    }

    .premium-action-bar {
        width: 100%;
        padding: 0.3rem 0;
        border-radius: 8px 8px 0 0;
    }

    .premium-action-btn {
        font-size: clamp(0.6rem, 3.5vw, 0.75rem);
        padding: 0.1rem 0.2rem;
        font-weight: 700;
    }
}

/* Small Mobile (up to 374px) */
@media (max-width: 374px) {
    .premium-banner {
        margin: 0.25rem;
        border-radius: 10px;
    }

    .premium-hero-section {
        padding: 0.75rem 0.5rem;
        min-height: 140px;
    }

    .premium-hero-title {
        font-size: clamp(1rem, 6vw, 1.3rem);
        margin-bottom: 0.25rem;
    }

    .premium-hero-subtitle {
        font-size: clamp(0.7rem, 4vw, 0.9rem);
        max-width: 200px;
    }

    .premium-hero-image {
        max-width: 100px;
    }

    .premium-product-grid {
        padding: 0.5rem 0.1rem;
    }

    .premium-product-grid .col-md-4 {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: calc(33.333% - 0.3rem);
        max-width: calc(33.333% - 0.3rem);
    }

    .premium-card {
        min-height: 120px !important;
        border-radius: 10px;
    }

    .premium-accent-frame {
        border-radius: 10px;
    }

    .premium-card-content {
        border-radius: 8px;
    }

    .premium-card-image {
        border-radius: 8px 8px 0 0;
    }

    .premium-overlay {
        border-radius: 8px 8px 0 0;
    }

    .premium-action-bar {
        padding: 0.25rem 0;
        border-radius: 6px 6px 0 0;
    }

    .premium-action-btn {
        font-size: clamp(0.55rem, 2vw, 0.6rem) !important;
        padding: 0.05rem 0.1rem;
    }
}

/* Ultra Small Screens */
@media (max-width: 320px) {
    .premium-banner {
        margin: 0.1rem;
    }

    .premium-hero-section {
        padding: 0.5rem 0.3rem;
        min-height: 120px;
    }

    .premium-product-grid {
        padding: 0.3rem 0.05rem;
    }

    .premium-card {
        min-height: 100px !important;
    }

    .premium-action-btn {
        font-size: clamp(0.5rem, 5vw, 0.6rem);
    }
}
.elegant-category-section {
    padding: 1rem 0;
    position: relative;
    background-color: var(--cat-bg-color);
}

.elegant-container {
    max-width: 100%;
    margin: 0 auto;
    padding: 0 2rem;
    position: relative;
}

.elegant-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 1rem 0;
}

.content-title {
    background: var(--gradient-border);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    text-shadow: var(--text-shadow);
    font-family: var(--title-font);
    font-weight: 700;
    font-size: clamp(20px, 5vw, 32px);
    /* Responsive font size */
    margin: 0;
}

.see-all-button {
    background: none;
    border: none;
    color: var(--primary-accent);
    font-family: var(--secondary-font);
    font-size: clamp(14px, 3vw, 16px);
    /* Responsive font size */
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    transition: color 0.3s ease;
}

.see-all-button:hover {
    color: var(--primary-accent-dark);
}

/* Scroll Container */
.elegant-scroll-container {
    display: flex;
    gap: 1.5rem;
    overflow-x: auto;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding: 1rem 0;
}

.elegant-scroll-container.grid-view {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    grid-gap: 1.5rem;
    gap: 1.5rem;
    overflow-x: hidden;
    scroll-snap-type: none;
}

.elegant-scroll-container::-webkit-scrollbar {
    display: none;
}

@media (min-width: 992px) {
    .elegant-scroll-container {
        scroll-behavior: smooth;
        -webkit-overflow-scrolling: touch;
        cursor: default;
    }
}

@media (max-width: 991px) {
    .elegant-scroll-container {
        cursor: grab;
    }

    .elegant-scroll-container:active {
        cursor: grabbing;
    }
}

/* Category Card */
.elegant-card {
    flex: 0 0 auto;
    width: 160px;

    scroll-snap-align: start;
    transition: transform 0.3s ease;
}

.elegant-scroll-container.grid-view .elegant-card {
    width: 100%;
}

/* Image Container */
.elegant-image-container {
    position: relative;
    width: 100%;
    height: 160px;
    border-radius: 12px;
    overflow: hidden;
    background-color: var(--primary-card-color);
}

.elegant-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.elegant-card:hover .elegant-image {
    transform: scale(1.03);
}

/* Details Section */
.elegant-details {
    padding: 1rem 0.5rem 0;
    text-align: center;
}

.elegant-title {
    margin: 0;
    font-size: clamp(12px, 2vw, 14px);
    /* Responsive font size */
    font-weight: 500;
    color: var(--primary-text-color);
    line-height: 1.4;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: color 0.3s ease;
}

.elegant-card:hover .elegant-title {
    color: var(--primary-accent);
}

/* Skeleton Placeholder Styles */
.elegant-card .placeholder {
    background: var(--primary-card-color);
    border-radius: 12px;
}

.elegant-title .placeholder {
    background: var(--primary-card-color);
    border-radius: 4px;
}

/* Responsive Design */
@media (max-width: 1200px) {
    .elegant-card {
        width: 140px;
    }

    .elegant-image-container {
        height: 140px;
    }
        .elegant-scroll-container.grid-view {
            grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
        }
}

@media (max-width: 992px) {
    .elegant-category-section {
        padding: 1rem 0;
    }

    .elegant-card {
        width: 120px;
    }

    .elegant-image-container {
        height: 120px;
    }
        .elegant-scroll-container.grid-view {
            grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
        }
}

@media (max-width: 768px) {
    .elegant-container {
        padding: 0 1.5rem;
    }

    .elegant-card {
        width: 100px;
    }

    .elegant-image-container {
        height: 100px;
    }
.elegant-scroll-container.grid-view{
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
}
    .elegant-scroll-container {
        gap: 1.2rem;
    }
}

@media (max-width: 576px) {
    .elegant-category-section {
        padding: 0.5rem 0;
    }

    .elegant-container {
        padding: 0 1rem;
    }

    .elegant-card {
        width: 80px;
    }

    .elegant-image-container {
        height: 80px;
    }

    .elegant-details {
        padding: 0.8rem 0.25rem 0;
    }
        .elegant-scroll-container.grid-view {
            grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));
        }
}

/* Accessibility Focus Styles */
.elegant-card:focus-visible {
    outline: 2px solid var(--primary-accent);
    outline-offset: 4px;
    border-radius: 4px;
}

.arrival-section {
    background: var(--primary-gradient);
    font-family: var(--secondary-font);
    padding: 2.5rem 0;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.arrival-section::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle at 70% 30%, var(--primary-color) 0%, transparent 50%);
    z-index: 0;
}

.arrival-container {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 15px;
    position: relative;
    z-index: 1;
}

.arrival-row {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    min-height: 350px;
}

.arrival-content-col,
.arrival-image-col {
    flex: 1 1;
    min-width: 0;
}

.arrival-banner-container {
    border-radius: 10px;
    overflow: hidden;
    aspect-ratio: 4/3;
    width: 100%;
    max-width: 450px;
    margin: 0 auto;
    background: var(--white-color);
    border: 1px solid var(--grey-color);
    position: relative;
    transition: transform 0.3s ease;
    cursor: pointer;
    will-change: transform;
}

.arrival-banner-container:hover {
    transform: translateY(-4px);
}

.arrival-banner-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.arrival-banner-img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: transform 0.4s ease, opacity 0.6s ease-in-out;
    will-change: transform, opacity;
}

.arrival-banner-img.arrival-active {
    opacity: 1;
}

.arrival-carousel-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--overlay-bg);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s ease;
    border-radius: 10px;
    z-index: 2;
}

.arrival-banner-container:hover .arrival-carousel-overlay {
    opacity: 1;
}

.arrival-view-collection {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 10px 18px;
    background: var(--white-color);
    border-radius: 40px;
    font-family: var(--secondary-font);
    font-weight: 600;
    color: var(--primary-hover-color);
    transform: translateY(15px);
    transition: transform 0.3s ease;
    font-size: 0.85rem;
    cursor: pointer;
}

.arrival-banner-container:hover .arrival-view-collection {
    transform: translateY(0);
}

.arrival-arrow-icon {
    transition: transform 0.3s ease;
}

.arrival-view-collection:hover .arrival-arrow-icon {
    transform: translateX(3px);
}

.arrival-shimmer-overlay {
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, var(--shimmer-color), transparent);
    z-index: 1;
    animation: shimmer 3s infinite;
    border-radius: 10px;
}

@keyframes shimmer {
    0% {
        left: -100%;
    }

    100% {
        left: 100%;
    }
}

.arrival-content {
    padding: 15px;
    position: relative;
    z-index: 1;
}

.arrival-subtitle {
    font-family: var(--title-font);
    font-size: clamp(1.6rem, 3.5vw, 2.2rem);
    color: var(--primary-text-color);
    line-height: 1.2;
    margin-bottom: 1rem;
}

.arrival-gradient-text {
    background: var(--gradient-border);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    display: inline;
}

.arrival-desc {
    font-size: clamp(0.85rem, 1.3vw, 0.95rem);
    color: var(--primary-text-color);
    line-height: 1.7;
    margin-bottom: 1.5rem;
}

.arrival-shop-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    padding: 12px 24px;
    font-family: var(--secondary-font);
    font-size: clamp(0.8rem, 1.1vw, 0.9rem);
    font-weight: 600;
    text-transform: capitalize;
    color: var(--white-color);
    background: var(--button-bg);
    border: none;
    border-radius: 40px;
    transition: transform 0.3s ease;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.arrival-shop-btn span {
    position: relative;
    z-index: 2;
}

.arrival-arrow-wrapper {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    transition: transform 0.3s ease;
}

.arrival-hover-effect {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: var(--shimmer-color);
    transition: width 0.5s ease;
    z-index: 1;
}

.arrival-shop-btn:hover {
    transform: translateY(-2px);
}

.arrival-shop-btn:hover .arrival-arrow-wrapper {
    transform: translateX(3px);
}

.arrival-shop-btn:hover .arrival-hover-effect {
    width: 100%;
}

@media (max-width: 768px) {
    .arrival-row {
        gap: 1.2rem;
        min-height: 300px;
    }

    .arrival-content {
        padding: 12px;
    }

    .arrival-desc {
        margin-bottom: 1.2rem;
    }

    .arrival-shop-btn {
        padding: 10px 20px;
    }

    .arrival-view-collection {
        padding: 8px 14px;
        font-size: 0.75rem;
    }
}

@media (max-width: 576px) {
    .arrival-container {
        padding: 0 10px;
    }

    .arrival-row {
        gap: 0.8rem;
        min-height: 250px;
    }

    .arrival-content {
        padding: 10px;
    }

    .arrival-subtitle {
        margin-bottom: 0.8rem;
    }

    .arrival-desc {
        margin-bottom: 1rem;
    }

    .arrival-shop-btn {
        padding: 8px 16px;
        font-size: 0.8rem;
        gap: 0.4rem;
    }
}

@media (max-width: 480px) {
    .arrival-row {
        flex-direction: column;
        gap: 0.8rem;
        min-height: auto;
    }

    .arrival-content-col,
    .arrival-image-col {
        flex: none;
        width: 100%;
    }

    .arrival-banner-container {
        max-width: 100%;
        aspect-ratio: 16/9;
    }
}

@media (prefers-reduced-motion: reduce) {

    .arrival-shimmer-overlay,
    .arrival-banner-img,
    .arrival-shop-btn,
    .arrival-view-collection,
    .arrival-banner-container {
        animation: none !important;
        transition: none !important;
    }

    .arrival-shimmer-overlay {
        display: none;
    }
}
.fb-container{
background-color: var(--feature-bg-color);
}
.fb-banner-container {
margin: 0 auto;
    padding: 2rem 1rem;
    font-family: var(--secondary-font);
    
    max-width: 1400px;
   
}

.fb-main-title {
    font-family: var(--title-font);
    font-size: clamp(2.5rem, 4vw, 3rem);
    font-weight: 700;
    position: relative;
    padding-bottom: 0.5rem;
    background: linear-gradient(to right, var(--primary-hover-color), #a05ccdff);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.fb-main-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 2px;
    background: linear-gradient(to right, #ff6a00, #ee0979);
}

.fb-explore-btn {
    padding: 10px 20px;
    font-size: 16px !important;
    font-weight: 500;
    text-transform: capitalize;
    letter-spacing: 1px;
    color: var(--white-color) !important;
    background-color: var(--primary-hover-color) !important;
    border: 1px solid var(--primary-hover-color);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    z-index: 1;
    border-radius: 0px 10px !important;
}

.fb-explore-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: var(--white-color);
    transition: width 0.3s ease;
    z-index: -1;
}

.fb-explore-btn:hover::before {
    width: 100%;
}

.fb-explore-btn:hover {
    color: var(--primary-hover-color) !important;
}

.fb-banner-item {
    position: relative;
    cursor: pointer;
    overflow: hidden;
    background-color: var(--primary-card-color);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.fb-banner-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 15px var(--shadow-color);
}

.fb-banner-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.fb-banner-item:hover .fb-banner-image {
    transform: scale(1.05);
}

.fb-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.1) 100%);
}

.fb-banner-content {
    position: absolute;
    bottom: 1rem;
    left: 1rem;
    color: #333333;
    z-index: 2;
    max-width: 80%;
}

.fb-subtitle {
    font-size: clamp(0.8rem, 1.5vw, 1.1rem);
    text-transform: uppercase;
    margin-bottom: 0.5rem;
    color: #333333;
    opacity: 0.9;
}

.fb-title {
    font-size: clamp(1rem, 2vw, 1.5rem);
    font-weight: 500;
    margin-bottom: 1rem;
    line-height: 1.2;
    background: linear-gradient(to right, #8f520cff, #d44107ff);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    font-family: var(--title-font);
}

.fb-cta-btn {
    padding: 8px 16px;
    font-size: 13px !important;
    font-weight: 500;
    text-transform: capitalize;
    color: var(--primary-text-color) !important;
    background-color: rgba(255, 255, 255, 0.3) !important;
    border: 1px solid rgba(255, 255, 255, 0.4);
    transition: all 0.3s ease;
    -webkit-backdrop-filter: var(--overlay-blur);
            backdrop-filter: var(--overlay-blur);
}

.fb-cta-btn:hover {
    background-color: rgba(255, 255, 255, 0.9);
    border-color: rgba(255, 255, 255, 0.9);
}

.fb-btn-arrow {
    transition: transform 0.3s ease;
}

.fb-cta-btn:hover .fb-btn-arrow,
.fb-explore-btn:hover .fb-btn-arrow {
    transform: translateX(5px);
}

.fb-featured-banner {
    height: 500px;
}

.fb-small-banner {
    height: 220px;
}

.fb-bottom-banner {
    height: 260px;
}

@media (max-width: 768px) {
    .fb-banner-content {
        bottom: 0.5rem;
        left: 0.5rem;
    }

    .fb-subtitle {
        font-size: 0.75rem;
    }

    .fb-title {
        font-size: 0.8rem;
    }

    .fb-cta-btn {
        padding: 6px 12px;
        font-size: 12px !important;
    }

    .fb-small-banner {
        height: 160px;
    }

    .fb-featured-banner {
        height: 300px;
    }

    .fb-bottom-banner {
        height: 200px;
    }
}

@media (max-width: 576px) {
    .fb-banner-container {
        padding: 1rem 0;
    }

    .fb-small-banner,
    .fb-featured-banner,
    .fb-bottom-banner {
        height: 150px;
        margin-bottom: 0.5rem;
    }

    .fb-main-title {
        font-size: 1.2rem;
    }

    .fb-explore-btn {
        font-size: 10px !important;
        padding: 8px 16px;
        color: var(--white-color) ;
    }
         .fb-cta-btn {
             padding: 5px 10px !important; 
             font-size: 9px !important;
         }
}
/* Professional OnSale Component Styles */

.collections-showcase {
    padding: 80px 0;
    background: var(--primary-color);
    position: relative;
    overflow: hidden;
    width: 100%;
    
}


.collections-showcase .container {
    position: relative;
    z-index: 2;
    max-width: 1400px;
    margin: 0 auto;
    padding:  4rem;
    background-color: var(--secondary-card-color) ;
    border-radius: 20px;
}

/* Section Header */
.section-header {
   align-items: center;
} 

.section-title {
    font-family: 'Playfair Display', serif;
    font-family: var(--primary-font, 'Playfair Display', serif);
    font-size: 42px;
    color: #333;
    color: var(--primary-text-color, #333) ;
    font-weight: 400;
    margin: 0 auto  !important;
    line-height: 1.2;
    align-items: center;
    justify-content: center;

}

.title-decoration {
    width: 80px;
    height: 3px;
    background: linear-gradient(90deg, #cd865c, #d4a373);
    background: linear-gradient(90deg, var(--primary-hover-color, #cd865c), var(--gold-color, #d4a373));
    margin: 15px auto  ;
    border-radius: 2px;
    
}

/* Collections Grid */
.collections-grid {
    display: grid;
    padding: 10px ;
    grid-template-columns: 1fr 1fr;
    grid-gap: 30px;
    gap: 30px;
    align-items: start;
}

/* Main Collection */
.main-collection {
    position: relative;
}

.collection-card {
    height: 500px;
    position: relative;
    border-radius: 15px;
    overflow: hidden;
    transition: all 0.4s ease;
    cursor: pointer;
    background: #fff;
    background: var(--white-color, #fff);
}

.collection-card:hover {
    transform: translateY(-8px);
}

/* Secondary Collections */
.secondary-collections {
    
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 20px;
    gap: 20px;
}

.secondary-collection .collection-card {
    height: 230px;
}

.secondary-collection .collection-card:hover {
    transform: translateY(-5px);
}

/* Collection Image */
.collection-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.collection-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform 0.4s ease;
}

.collection-card:hover .collection-image img {
    transform: scale(1.05);
}

.collection-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

/* Collection Badge */
.collection-badge {
    position: absolute;
    top: 20px;
    right: 20px;
    background: #cd865c;
    background: var(--primary-hover-color, #cd865c);
    color: #fff;
    color: var(--white-color, #fff);
    padding: 8px 16px;
    border-radius: 20px;
    font-family: 'Roboto', sans-serif;
    font-family: var(--secondary-font, 'Roboto', sans-serif);
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    z-index: 3;
    box-shadow: 0 4px 12px rgba(205, 134, 92, 0.3);
}

/* Collection Content */
.collection-content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 30px;
    background: linear-gradient(to top,
            rgba(0, 0, 0, 0.5) 0%,
            rgba(0, 0, 0, 0.4) 50%,
            transparent 100%);
    z-index: 2;
    color: #fff;
    color: var(--white-color, #fff);
}

.secondary-collection .collection-content {
    padding: 20px;
}

.collection-name {
    margin-bottom: 8px;
    line-height: 1.3;
}

.main-collection .collection-name {
    font-size: 28px;
    font-family: 'Playfair Display', serif;
    font-family: var(--primary-font, 'Playfair Display', serif);
    font-weight: 400;
    color: var(--white-color);
}

.secondary-collection .collection-name {
    font-size: 20px;
    font-family: 'Playfair Display', serif;
    font-family: var(--primary-font, 'Playfair Display', serif);
    font-weight: 400;
    color: var(--white-color);
}

.collection-description {
    font-family: 'Roboto', sans-serif;
    font-family: var(--secondary-font, 'Roboto', sans-serif);
    font-size: 16px;
    color: rgba(255, 255, 255, 0.9);
    margin-bottom: 25px;
    line-height: 1.4;
}

.secondary-collection .collection-description {
    font-size: 14px;
    margin-bottom: 20px;
}

/* Explore Button */
.explore-button {
    display: flex;
    align-items: center;
    gap: 12px;
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    font-family: 'Roboto', sans-serif;
    font-family: var(--secondary-font, 'Roboto', sans-serif);
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    color: var(--white-color, #fff);
    transition: all 0.3s ease;
}

.main-collection .explore-button {
    opacity: 1;
    transform: translateX(0);
}

.secondary-collection .explore-button {
    opacity: 0;
    transform: translateX(-10px);
}

.collection-card:hover .explore-button {
    opacity: 1;
    transform: translateX(0);
}

.arrow-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.2);
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

.arrow-icon path {
    fill: #fff;
    fill: var(--white-color, #fff);
    stroke: #fff;
    stroke: var(--white-color, #fff);
    stroke-width: 2;
}

.collection-card:hover .arrow-icon {
    background: #cd865c;
    background: var(--primary-hover-color, #cd865c);
    border-color: #cd865c;
    border-color: var(--primary-hover-color, #cd865c);
    transform: scale(1.1);
}

.collection-card:hover .arrow-icon path {
    transform: translateX(2px);
}

/* Loading, Error, and Empty States */
.shimmer,
.error-message,
.empty-state {
    text-align: center;
    padding: 80px 20px;
}

.shimmer .collection-image {
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: shimmer 1.5s infinite;
}

@keyframes shimmer {
    0% {
        background-position: 200% 0;
    }

    100% {
        background-position: -200% 0;
    }
}

.error-icon,
.empty-icon {
    width: 40px;
    height: 40px;
    margin: 0 auto 20px;
    fill: #333;
    fill: var(--primary-text-color, #333);
}

.error-message p,
.empty-state p {
    font-family: 'Roboto', sans-serif;
    font-family: var(--secondary-font, 'Roboto', sans-serif);
    color: #333;
    color: var(--primary-text-color, #333);
    font-size: 16px;
    margin: 0;
}

.retry-button {
    margin-top: 20px;
    padding: 10px 20px;
    background: #cd865c;
    background: var(--primary-hover-color, #cd865c);
    color: #fff;
    color: var(--white-color, #fff);
    border: none;
    border-radius: 5px;
    font-family: 'Roboto', sans-serif;
    font-family: var(--secondary-font, 'Roboto', sans-serif);
    font-size: 14px;
    cursor: pointer;
    transition: background 0.3s ease;
}

.retry-button:hover {
    background: #d4a373;
    background: var(--gold-color, #d4a373);
}

/* Responsive Design */

/* Large screens (1200px and up) */
@media (min-width: 1200px) {
    .collections-grid {
        gap: 40px;
    }

    .collection-card {
        height: 550px;
    }

    .secondary-collection .collection-card {
        height: 260px;
    }
}

/* Medium screens (992px to 1199px) */
@media (max-width: 1199px) {
    .section-title {
        font-size: 36px;
    }

    .main-collection .collection-name {
        font-size: 24px;
    }

    .secondary-collection .collection-name {
        font-size: 18px;
    }
}

/* Tablet screens (768px to 991px) */
@media (max-width: 991px) {
    .collections-showcase {
        padding: 60px 0;
    }

    .section-header {
        margin-bottom: 40px;
    }

    .section-title {
        font-size: 32px;
    }

    .collections-grid {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .collection-card {
        height: 400px;
    }

    .secondary-collections {
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
        gap: 20px;
    }

    .secondary-collection .collection-card {
        height: 180 Junkpx;
    }
}

/* Mobile screens (576px to 767px) */
@media (max-width: 767px) {
    .collections-showcase {
        padding: 50px 0;
    }

    .section-title {
        font-size: 28px;
    }

    .collection-card {
        height: 350px;
    }

    .main-collection .collection-content {
        padding: 25px;
    }

    .main-collection .collection-name {
        font-size: 22px;
    }

    .secondary-collection .collection-card {
        height: 160px;
    }

    .secondary-collection .collection-content {
        padding: 20px;
    }

    .secondary-collection .collection-name {
        font-size: 16px;
    }

    .collection-description {
        font-size: 13px;
    }

    .arrow-icon {
        width: 35px;
        height: 35px;
    }

    .arrow-icon path {
        stroke-width: 1.5;
    }
}

/* Small mobile screens (575px and below) */
@media (max-width: 575px) {
    .collections-showcase {
        padding: 40px 0;
    }

    .section-header {
        margin-bottom: 30px;
    }

    .section-title {
        font-size: 24px;
    }

    .collections-grid {
        gap: 20px;
    }

    .collection-card {
        height: 300px;
    }

    .main-collection .collection-content {
        padding: 20px;
    }

    .main-collection .collection-name {
        font-size: 20px;
    }

    .secondary-collections {
        grid-template-columns: 1fr;
    }

    .secondary-collection .collection-card {
        height: 140px;
    }

    .secondary-collection .collection-content {
        padding: 15px;
    }

    .secondary-collection .collection-name {
        font-size: 14px;
    }

    .collection-description {
        font-size: 12px;
        margin-bottom: 15px;
    }

    .explore-button {
        font-size: 12px;
    }

    .arrow-icon {
        width: 30px;
        height: 30px;
    }

    .arrow-icon path {
        stroke-width: 1.2;
    }

    .collection-badge {
        padding: 6px 12px;
        font-size: 10px;
        top: 15px;
        right: 15px;
    }
}

/* Extra small screens (480px and below) */
@media (max-width: 480px) {
    .collections-showcase {
        padding: 30px 0;
    }

    .section-title {
        font-size: 22px;
    }

    .collection-card {
        height: 280px;
    }

    .secondary-collection .collection-card {
        height: 130px;
    }

    .collection-content {
        padding: 15px !important;
    }

    .main-collection .collection-name {
        font-size: 18px;
    }

    .secondary-collection .collection-name {
        font-size: 13px;
    }
}

/* Hover effects and animations */
@media (hover: hover) {
    .collection-card:hover .collection-overlay {
        background: linear-gradient(135deg,
                rgba(0, 0, 0, 0.3) 0%,
                rgba(0, 0, 0, 0.2) 30%,
                rgba(0, 0, 0, 0.1) 100%);
    }
}

/* Accessibility improvements */
.collection-card:focus-visible {
    outline: 2px solid #cd865c;
    outline: 2px solid var(--primary-hover-color, #cd865c);
    outline-offset: 2px;
}

/* Reduced motion preferences */
@media (prefers-reduced-motion: reduce) {

    .collection-card,
    .collection-image img,
    .arrow-icon,
    .explore-button {
        transition: none;
    }

    .collection-card:hover {
        transform: none;
    }

    .collection-card:hover .collection-image img {
        transform: none;
    }

    .collection-card:hover .arrow-icon {
        transform: none;
    }

    .collection-card:hover .explore-button {
        transform: none;
    }

    .shimmer .collection-image {
        animation: none;
    }
}
/* Base layout */
.video-section {
    padding: 60px 20px;
    background: var(--primary-color);
    position: relative;
    width: 100%;
    max-width: 1250px;
    margin: 0 auto;
}

.video-section-title {
    font-family: var(--title-font);
    font-size: 3.5rem;
    font-weight: 700;
    text-align: center;
    margin-bottom: 50px;
    color: var(--primary-gradient);
    text-shadow: var(--text-shadow);
    position: relative;
}

.video-section-title::after {
    content: '';
    position: absolute;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 3px;
    background: linear-gradient(90deg, var(--gold-color), #f4e4bc, var(--gold-color));
    border-radius: 2px;
}

.video-navigation {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    position: relative;
}

/* Video container */
.video-container {
    display: flex;
    gap: 20px;
    padding: 25px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    width: 100%;
    transition: all 0.3s ease;
}

.video-container::-webkit-scrollbar {
    display: none;
}

/* Video card styling */
.video-card {
    scroll-snap-align: center;
    position: relative;
    cursor: pointer;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    flex: 0 0 auto;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 8px 25px var(--shadow-color);
    width: 300px;
    height: 400px;
    background: linear-gradient(45deg, var(--white-color), #fafafa);
}

.video-card:hover {
    transform: translateY(-10px) scale(1.02);
    box-shadow: 0 20px 40px var(--shadow-color);
}

.video-card.active {
    transform: scale(1.08) translateY(-5px);
    box-shadow: 0 15px 35px var(--shadow-color);
    border: 3px solid var(--gold-color);
}

.video-card.active:hover {
    transform: scale(1.1) translateY(-8px);
}

.video-wrapper {
    width: 100%;
    height: 100%;
    position: relative;
    border-radius: 16px;
    overflow: hidden;
}

.video-thumb {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 16px;
    transition: all 0.3s ease;
}

.video-card:hover .video-thumb {
    transform: scale(1.05);
}

.video-indicator {
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%);
    background: linear-gradient(45deg, var(--overlay-bg), rgba(0, 0, 0, 0.6));
    color: var(--white-color);
    padding: 8px 16px;
    border-radius: 25px;
    font-size: 14px;
    font-weight: 600;
    border: 2px solid var(--shimmer-color);
    -webkit-backdrop-filter: var(--overlay-blur);
            backdrop-filter: var(--overlay-blur);
}

/* Navigation arrows */
.nav-arrow {
    background: linear-gradient(135deg, var(--white-color), rgba(255, 255, 255, 0.8));
    border: 2px solid rgba(212, 175, 55, 0.3);
    border-radius: 50%;
    width: 50px;
    height: 50px;
    font-size: 24px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 8px 20px var(--shadow-color);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    z-index: 10;
    color: #2c2c2c;
    font-weight: bold;
    -webkit-backdrop-filter: var(--overlay-blur);
            backdrop-filter: var(--overlay-blur);
    opacity: 0;
    transform: scale(0.8);
}

.video-section:hover .nav-arrow {
    opacity: 1;
    transform: scale(1);
}

.nav-arrow:hover {
    background: linear-gradient(135deg, var(--gold-color), #f4e4bc);
    color: var(--white-color);
    transform: scale(1.15);
    box-shadow: 0 12px 30px rgba(212, 175, 55, 0.4);
}

.nav-arrow:active {
    transform: scale(1.05);
}

/* Modal styling */
.video-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.95);
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-backdrop-filter: blur(5px);
            backdrop-filter: blur(5px);
}

.video-modal-content {
    position: relative;
    width: 95%;
    height: 95%;
    max-width: 1200px;
    max-height: 90vh;
    background-color: var(--black-color);
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 25px 50px var(--shadow-color);
}

.video-modal-player {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.video-modal-close {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 35px;
    color: var(--white-color);
    background: var(--overlay-bg);
    border: none;
    cursor: pointer;
    z-index: 10;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    -webkit-backdrop-filter: var(--overlay-blur);
            backdrop-filter: var(--overlay-blur);
}

.video-modal-close:hover {
    background: rgba(255, 0, 0, 0.7);
    transform: scale(1.1);
}

.modal-nav-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: linear-gradient(135deg, var(--white-color), rgba(255, 255, 255, 0.7));
    border: 2px solid rgba(212, 175, 55, 0.5);
    border-radius: 50%;
    width: 60px;
    height: 60px;
    font-size: 28px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 8px 20px var(--shadow-color);
    transition: all 0.3s ease;
    z-index: 10;
    color: #2c2c2c;
    font-weight: bold;
    -webkit-backdrop-filter: var(--overlay-blur);
            backdrop-filter: var(--overlay-blur);
}

.modal-nav-arrow:hover {
    background: linear-gradient(135deg, var(--gold-color), #f4e4bc);
    color: var(--white-color);
    transform: translateY(-50%) scale(1.1);
    box-shadow: 0 12px 30px rgba(212, 175, 55, 0.4);
}

.modal-nav-arrow.prev {
    left: 30px;
}

.modal-nav-arrow.next {
    right: 30px;
}

/* Loading/Error states */
.video-loading,
.video-error {
    text-align: center;
    font-size: 18px;
    padding: 40px;
    color: var(--grey-color);
    font-weight: 500;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .video-section-title {
        font-size: 2.8rem;
        margin-bottom: 40px;
    }

    .video-container {
        width: 90%;
        padding: 30px;
    }

    .video-card {
        width: 250px;
        height: 350px;
    }

    .nav-arrow {
        width: 45px;
        height: 45px;
        font-size: 20px;
    }

    .modal-nav-arrow {
        width: 50px;
        height: 50px;
        font-size: 24px;
    }

    .modal-nav-arrow.prev {
        left: 20px;
    }

    .modal-nav-arrow.next {
        right: 20px;
    }
}

@media (max-width: 480px) {
    .video-section {
        padding: 40px 15px;
    }

    .video-section-title {
        font-size: 2.2rem;
        margin-bottom: 30px;
    }

    .video-container {
        width: 100%;
        padding: 50px;
    }

    .video-card {
        width: 220px;
        height: 300px;
    }

    .video-navigation {
        gap: 5px;
    }

    .nav-arrow {
        width: 40px;
        height: 40px;
        font-size: 18px;
    }

    .modal-nav-arrow {
        width: 45px;
        height: 45px;
        font-size: 20px;
    }

    .modal-nav-arrow.prev {
        left: 15px;
    }

    .modal-nav-arrow.next {
        right: 15px;
    }

    .video-modal-close {
        width: 45px;
        height: 45px;
        font-size: 30px;
        top: 15px;
        right: 15px;
    }
}
/* Using your existing root variables - no need to redefine them */
/* Assuming your root variables are already defined in your global CSS */

.jewel-carousel {
    padding: 2rem 0;
    background-color: var(--primary-color);
    font-family: var(--secondary-font);
    position: relative;
    overflow: hidden;
}

.jewel-carousel__container {
    max-width: 1600px;
    margin: 0 auto;
    padding: 0 2rem;
}

.jewel-carousel__header {
    text-align: center;
    margin-bottom: 3rem;
}

.jewel-carousel__subtitle {
    display: block;
    font-size: 1.2rem;
    color: var(--primary-text-color);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 4px;
    font-family: var(--primary-font);
    margin-bottom: 0.75rem;
}

.jewel-carousel__title {
    font-size: 2.5rem;
    font-weight: 700;
    background: var(--gradient-text);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-family: var(--title-font);
    position: relative;
    display: inline-block;
}

.jewel-carousel__title::after {
    content: '';
    position: absolute;
    bottom: -12px;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 3px;
    background-color: var(--primary-hover-color);
}

.jewel-carousel__content {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    position: relative;
}

/* Hide arrows by default, show on hover */
.jewel-carousel__nav {
    position: relative;
    width: 60px;
    height: 60px;
    background: var(--white-color);
    border-radius: 50%;
    border: 2px solid rgba(205, 134, 92, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 6px 12px var(--shadow-color);
    cursor: pointer;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 3;
    opacity: 0;
    visibility: hidden;
    transform: scale(0.8);
}

/* Show arrows on carousel hover */
.jewel-carousel:hover .jewel-carousel__nav {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
}

.jewel-carousel__nav:hover:not(:disabled) {
    background: linear-gradient(135deg, var(--primary-hover-color), #a05f3a);
    color: var(--white-color);
    transform: scale(1.15);
    box-shadow: 0 12px 24px var(--shadow-color);
}

.jewel-carousel__nav:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.jewel-carousel__nav:focus {
    outline: 2px solid var(--primary-hover-color);
    outline-offset: 2px;
}

.jewel-carousel__nav-content {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.jewel-carousel__nav-glow {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    background: radial-gradient(circle, rgba(205, 134, 92, 0.4) 0%, transparent 70%);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.jewel-carousel__nav:hover .jewel-carousel__nav-glow {
    width: 120px;
    height: 120px;
}

.jewel-carousel__grid-wrapper {
    flex: 1 1;
}

.jewel-carousel__grid {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0rem;
    padding: 1rem 0;
    width: 100%;
    max-width: 1400px;
}

.jewel-carousel__item {
    flex-shrink: 0;
    width: 220px;
    min-width: 220px;
    transition: none;
    z-index: 1;
    opacity: 0.6;
    transform: translateX(0px) scale(0.75);
}

.jewel-carousel__item.main-product {
    width: 380px;
    min-width: 380px;
    z-index: 2;
    opacity: 1;
    transform: translateX(0px) scale(1);
}

/* Default (desktop) translate positions */
.jewel-carousel__item[data-position="-2"] {
    transform: translateX(-160px) scale(0.75);
}

.jewel-carousel__item[data-position="-1"] {
    transform: translateX(-80px) scale(0.75);
}

.jewel-carousel__item[data-position="1"] {
    transform: translateX(80px) scale(0.75);
}

.jewel-carousel__item[data-position="2"] {
    transform: translateX(160px) scale(0.75);
}

/* Animation transition */
.jewel-carousel__item.is-animating {
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s ease;
}

.product-card {
    width: 320px;
    height: 420px;
    background: var(--primary-card-color);
    position: relative;
    overflow: hidden;
    animation: cardFadeIn 0.6s ease-out;
    border-radius: 0px;
}

.product-card.main-product {
    width: 420px;
    height: 500px;
    border-radius: 0px;
}


.product-card__inner {
    display: flex;
    flex-direction: column;
    height: 100%;
    cursor: pointer;
}

.product-card__inner.product-card--loading {
    pointer-events: none;
}

.product-card__image-container {
    position: relative;
    height: 100%;
    overflow: hidden;
    background: var(--primary-card-color);
    
}

.product-card.main-product .product-card__image-container {
    height: 100%;
}

.product-card__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
    border-bottom: 0.5px solid var(--grey-color);
}


.product-card__discount {
    position: absolute;
    top: 16px;
    left: 16px;
    background: linear-gradient(135deg, var(--primary-hover-color), #a05f3a);
    color: var(--white-color);
    padding: 0.4rem 0.8rem;
    border-radius: 8px;
    font-size: 0.85rem;
    font-weight: 700;
    box-shadow: 0 2px 4px var(--shadow-color);
    z-index: 2;
}

.product-card__actions {
    position: absolute;
    bottom: 16px;
    right: 16px;
    display: flex;
    gap: 0.75rem;
    opacity: 0;
    transform: translateY(15px);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.product-card:hover .product-card__actions {
    opacity: 1;
    transform: translateY(0);
}

.product-card__action {
    background: rgba(255, 255, 255, 0.95);
    -webkit-backdrop-filter: blur(12px);
            backdrop-filter: blur(12px);
    border: none;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 4px var(--shadow-color);
}

.product-card__action--cart {
    padding: 0 0.75rem;
    width: auto;
    border-radius: 20px;
}

.product-card__action:hover {
    background: var(--primary-hover-color);
    color: var(--white-color);
    transform: scale(1.1);
    box-shadow: 0 6px 12px var(--shadow-color);
}

.product-card__action:focus {
    outline: 2px solid var(--primary-hover-color);
    outline-offset: 2px;
}

.product-card__action-text {
    font-size: 0.75rem;
    font-weight: 600;
    margin-left: 0.3rem;
    white-space: nowrap;
}

.heart-animate {
    animation: heartPulse 0.6s ease-in-out;
}

.cart-animate {
    animation: cartPop 0.6s ease-in-out;
}

@keyframes heartPulse {
    0% {
        transform: scale(1);
    }

    20% {
        transform: scale(1.4);
    }

    40% {
        transform: scale(1.2);
    }

    60% {
        transform: scale(1.3);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes cartPop {
    0% {
        transform: scale(1) translateY(0);
    }

    20% {
        transform: scale(1.2) translateY(-3px);
    }

    40% {
        transform: scale(1.1) translateY(-2px);
    }

    60% {
        transform: scale(1.15) translateY(-1px);
    }

    100% {
        transform: scale(1) translateY(0);
    }
}

@keyframes cardFadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.product-card__info {
    text-align: center;
    padding: 0.5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.product-card.main-product .product-card__info {
    padding: 0.5rem;
}

.product-card__name {
    font-size: 1rem;
    font-weight: 400;
    text-transform: capitalize;
    color: var(--jewel-color-text);
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.product-card.main-product .product-card__name {
    font-size: 1.2rem;
    margin-bottom: 0.2rem;
}

.product-card__price {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.25rem;
    flex-wrap: wrap;
}

.product-card__current-price {
    font-size: 0.8rem;
    color: var(--jewel-color-success);
}

.product-card.main-product .product-card__current-price {
    font-size: 1rem;
}

.product-card__old-price {
    font-size: 0.9rem;
    color: var(--jewel-color-grey);
    text-decoration: line-through;
}

.jewel-carousel__skeleton {
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, var(--jewel-color-card) 25%, #f2f2f2 50%, var(--jewel-color-card) 75%);
    background-size: 200% 100%;
    border-radius: 8px;
    animation: skeletonPulse 1.8s infinite ease-in-out;
}

.jewel-carousel__skeleton--title {
    height: 18px;
    width: 80%;
    margin: 0 auto 0.5rem;
}

.jewel-carousel__skeleton--price {
    height: 16px;
    width: 60%;
    margin: 0 auto;
}

@keyframes skeletonPulse {
    0% {
        background-position: -200% 0;
    }

    100% {
        background-position: 200% 0;
    }
}

.jewel-carousel__empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3.5rem 2.5rem;
    text-align: center;
    background: var(--jewel-color-card);
    border-radius: 16px;
    box-shadow: var(--jewel-shadow-sm);
    margin: 2.5rem auto;
    max-width: 600px;
    animation: cardFadeIn 0.6s ease-out;
}

.jewel-carousel__empty p {
    font-size: 1.2rem;
    color: var(--jewel-color-text);
    margin-bottom: 2rem;
    font-weight: 500;
    line-height: 1.5;
}

.jewel-carousel__cta {
    background: linear-gradient(135deg, var(--jewel-color-accent), var(--jewel-color-accent-dark));
    color: var(--jewel-color-white);
    padding: 1rem 2.5rem;
    border: none;
    border-radius: 10px;
    font-size: 1.1rem;
    font-weight: 600;
    cursor: pointer;
    transition: var(--jewel-transition);
    text-transform: uppercase;
    letter-spacing: 1px;
}

.jewel-carousel__cta:hover {
    transform: translateY(-4px);
    box-shadow: var(--jewel-shadow-lg);
    background: linear-gradient(135deg, var(--jewel-color-accent-dark), var(--jewel-color-accent));
}

.jewel-carousel__cta:focus {
    outline: 2px solid var(--jewel-color-accent);
    outline-offset: 2px;
}

.jewel-carousel__error {
    text-align: center;
    color: #dc3545;
    font-size: 1.2rem;
    padding: 2.5rem;
    background: var(--jewel-color-card);
    border-radius: 12px;
    margin: 2.5rem auto;
    box-shadow: var(--jewel-shadow-sm);
    max-width: 600px;
}

/* Responsive Design - Tablet */
@media (max-width: 1024px) {
    .jewel-carousel__container {
        max-width: 1000px;
    }

    .jewel-carousel__grid {
        max-width: 800px;
    }

    .jewel-carousel__item {
        width: 200px;
        min-width: 200px;
    }

    .jewel-carousel__item.main-product {
        width: 320px;
        min-width: 320px;
    }

    .product-card {
        width: 200px;
        height: 320px;
    }

    .product-card.main-product {
        width: 320px;
        height: 420px;
    }

    .jewel-carousel__item[data-position="-2"] {
        transform: translateX(-120px) scale(0.75);
    }

    .jewel-carousel__item[data-position="-1"] {
        transform: translateX(-60px) scale(0.75);
    }

    .jewel-carousel__item[data-position="1"] {
        transform: translateX(60px) scale(0.75);
    }

    .jewel-carousel__item[data-position="2"] {
        transform: translateX(120px) scale(0.75);
    }
}

/* Responsive Design - Mobile */
@media (max-width: 768px) {
    .jewel-carousel {
        padding: 3rem 0;
    }

    .jewel-carousel__container {
        padding: 0 1.5rem;
    }

    .jewel-carousel__title {
        font-size: 2rem;
    }

    .jewel-carousel__content {
        gap: 0.5rem;
    }

    .jewel-carousel__grid {
        gap: 0.25rem;
    }

    .jewel-carousel__item {
        width: 160px;
        min-width: 160px;
    }

    .jewel-carousel__item.main-product {
        width: 260px;
        min-width: 260px;
    }

    .product-card {
        width: 160px;
        height: 280px;
    }

    .product-card.main-product {
        width: 260px;
        height: 360px;
    }

    .jewel-carousel__nav {
        width: 48px;
        height: 48px;
    }

    .product-card__name {
        font-size: 0.9rem;
    }

    .product-card.main-product .product-card__name {
        font-size: 1.1rem;
    }

    .product-card__current-price {
        font-size: 1rem;
    }

    .product-card.main-product .product-card__current-price {
        font-size: 1.15rem;
    }

    .product-card__action {
        width: 36px;
        height: 36px;
    }

    .product-card__action--cart {
        padding: 0 0.6rem;
    }

    .product-card__action-text {
        font-size: 0.7rem;
    }

    .jewel-carousel__item[data-position="-2"] {
        transform: translateX(-90px) scale(0.7);
    }

    .jewel-carousel__item[data-position="-1"] {
        transform: translateX(-45px) scale(0.7);
    }

    .jewel-carousel__item[data-position="1"] {
        transform: translateX(45px) scale(0.7);
    }

    .jewel-carousel__item[data-position="2"] {
        transform: translateX(90px) scale(0.7);
    }
}

/* Responsive Design - Small Mobile */
@media (max-width: 480px) {
    .jewel-carousel__content {
        flex-direction: column;
        gap: 0.5rem;
    }

    .jewel-carousel__nav {
        margin: 0 0.75rem;
    }

    .jewel-carousel__grid-wrapper {
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .jewel-carousel__grid {
        flex-wrap: nowrap;
        scroll-snap-type: x mandatory;
        padding: 1.25rem;
        gap: 0.5rem;
    }

    .jewel-carousel__item {
        scroll-snap-align: center;
        width: 200px;
        min-width: 200px;
    }

    .jewel-carousel__item.main-product {
        width: 240px;
        min-width: 240px;
    }

    .product-card {
        width: 200px;
        height: 300px;
    }

    .product-card.main-product {
        width: 240px;
        height: 340px;
    }

    .jewel-carousel__empty {
        padding: 2.5rem 1.5rem;
        margin: 1.5rem auto;
    }

    .jewel-carousel__cta {
        padding: 0.75rem 1.75rem;
        font-size: 0.95rem;
    }

    .jewel-carousel__item[data-position="-2"] {
        transform: translateX(-70px) scale(0.65);
    }

    .jewel-carousel__item[data-position="-1"] {
        transform: translateX(-35px) scale(0.65);
    }

    .jewel-carousel__item[data-position="1"] {
        transform: translateX(35px) scale(0.65);
    }

    .jewel-carousel__item[data-position="2"] {
        transform: translateX(70px) scale(0.65);
    }
}
/* Using only the root variables from index.js - No Blur Version */
.noblur-display {
    position: relative;
    z-index: 1;
    padding: 3rem 0 0rem;
    background-color: var(--main-cat-bg-color);
    overflow: hidden;
    max-width: 100%;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.noblur-header {
    text-align: center;
    margin-bottom: 3rem;
    padding: 0 1rem;
}

.noblur-title {
    font-size: 3.075rem;
    font-weight: 700;
    text-transform: capitalize;
    letter-spacing: 0.125rem;
    margin-bottom: 0.5rem;
    font-family: var(--title-font);
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.25rem;
    text-align: center;
    justify-content: center;
}

.noblur-gradient-text {
    background: var(--gradient-text);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

.noblur-subtitle {
    color: var(--primary-text-color);
}

.noblur-description {
    font-size: 1rem;
    color: var(--primary-text-color);
    max-width: 33.75rem;
    margin: 0 auto;
    font-family: var(--secondary-font);
    opacity: 0.8;
}

.noblur-slider-container {
    padding: 0 2rem;
    position: relative;
}

.noblur-slider-container .slick-track {
    display: flex;
    align-items: center;
}

.noblur-slider-container .slick-slide {
    padding: 0 1rem;
    opacity: 1 !important;
    transform: none !important;
}

.noblur-slide {
    outline: none;
}

.noblur-main-product {
    position: relative;
    margin-bottom: 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.noblur-main-img {
    position: relative;
    overflow: hidden;
    width: 30rem;
    height: 30rem;
    margin: 0 auto 1rem;
    cursor: pointer;
    transition: all 0.3s ease;
}

.noblur-main-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.noblur-products-grid {
    position: absolute;
    bottom: -2.5rem;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: 20rem;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 0.85rem;
    gap: 0.85rem;
    padding: 0.5rem;
}

.noblur-product-card {
    overflow: hidden;
    height: 6rem;
    width: 6rem;
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
    background: var(--white-color);
    cursor: pointer;
    margin: 0 auto;
}

.noblur-product-img-container {
    height: 100%;
    overflow: hidden;
}

.noblur-product-img-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform 0.3s ease;
}

.noblur-no-image {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f5f5f5;
    color: #999;
    font-size: 0.8rem;
}

.noblur-nav-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 3.5rem;
    height: 3.5rem;
    line-height: 3.5rem;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.95);
    color: var(--primary-text-color);
    cursor: pointer;
    z-index: 10;
    transition: all 0.3s ease;
    font-size: 1.125rem;
    border: none;
    outline: none;
    border-radius: 50%;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.noblur-nav-btn:hover {
    background-color: var(--primary-hover-color);
    color: var(--white-color);
    transform: translateY(-50%) scale(1.1);
}

.prev-btn {
    left: 1rem;
}

.next-btn {
    right: 1rem;
}

.noblur-loading,
.noblur-error {
    text-align: center;
    padding: 3rem;
    font-size: 1rem;
    color: var(--primary-text-color);
    font-family: var(--secondary-font);
}

.noblur-error {
    color: var(--primary-text-color);
    opacity: 0.7;
}

.noblur-text-center {
    text-align: center;
}

.noblur-text-danger {
    color: #dc3545;
}

/* Force remove blur effects */
.noblur-slider-container .slick-slide.slick-active,
.noblur-slider-container .slick-slide.slick-current,
.noblur-slider-container .slick-slide.slick-center {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
}

/* Responsive Styles */
@media (max-width: 87.5em) {
    .noblur-main-img {
        width: 24rem;
        height: 24rem;
    }

    .noblur-product-card {
        width: 5.5rem;
        height: 5.5rem;
    }
}

@media (max-width: 77em) {
    .noblur-display {
        padding: 2.5rem 0 4rem;
    }

    .noblur-header {
        margin-bottom: 2.5rem;
    }

    .noblur-main-img {
        width: 20rem;
        height: 20rem;
    }

    .noblur-title {
        font-size: 2.25rem;
    }

    .noblur-description {
        font-size: 0.9rem;
    }

    .noblur-product-card {
        width: 5rem;
        height: 5rem;
    }

    .noblur-products-grid {
        max-width: 18rem;
        gap: 0.5rem;
    }

    .noblur-nav-btn {
        width: 3rem;
        height: 3rem;
        line-height: 3rem;
        font-size: 1rem;
    }
}

@media (max-width: 68em) {
    .noblur-main-img {
        width: 17rem;
        height: 18rem;
    }
}

@media (max-width: 62em) {
    .noblur-slider-container {
        padding: 0 1rem;
    }

    .noblur-main-img {
        width: 25rem;
        height: 25rem;
    }

    .noblur-product-card {
        width: 4.5rem;
        height: 4.5rem;
    }

    .noblur-products-grid {
        max-width: 16rem;
        bottom: -2.5rem;
    }

    .noblur-title {
        font-size: 1.9rem;
    }

    .noblur-description {
        font-size: 0.85rem;
    }
}

@media (max-width: 56em) {
    .noblur-slider-container {
        padding: 0 1rem;
    }

    .noblur-main-img {
        width: 22rem;
        height: 22rem;
    }

    .noblur-product-card {
        width: 4.5rem;
        height: 4.5rem;
    }

    .noblur-products-grid {
        max-width: 16rem;
        bottom: -2.5rem;
    }

    .noblur-title {
        font-size: 1.7rem;
    }

    .noblur-description {
        font-size: 0.85rem;
    }
}

@media (max-width: 48em) {
    .noblur-display {
        padding: 2rem 0 3rem;
    }

    .noblur-header {
        margin-bottom: 2rem;
    }

    .noblur-main-img {
        width: 17rem;
        height: 17rem;
    }

    .noblur-product-card {
        width: 4rem;
        height: 4rem;
    }

    .noblur-products-grid {
        max-width: 14rem;
        bottom: -2rem;
        gap: 0.375rem;
    }

    .noblur-main-product {
        margin-bottom: 2rem;
    }

    .noblur-title {
        font-size: 1.65rem;
    }

    .noblur-description {
        font-size: 0.8rem;
    }
}

@media (max-width: 36em) {
    .noblur-header {
        margin-bottom: 1.5rem;
    }

    .noblur-main-img {
        width: 13rem;
        height: 13rem;
    }

    .noblur-product-card {
        width: 3.5rem;
        height: 3.5rem;
    }

    .noblur-products-grid {
        max-width: 12rem;
        bottom: -1.5rem;
        gap: 0.25rem;
    }

    .noblur-main-product {
        margin-bottom: 2rem;
    }
}

@media (max-width: 30em) {
    .noblur-main-img {
        width: 12rem;
        height: 12rem;
    }

    .noblur-product-card {
        width: 3rem;
        height: 3rem;
    }

    .noblur-products-grid {
        max-width: 10rem;
        bottom: -1rem;
    }

    .noblur-title {
        font-size: 1.6rem;
    }

    .noblur-description {
        font-size: 0.7rem;
    }

    .noblur-slider-container {
        padding: 0 0.5rem;
    }
}
.recipient-section {
    background-color: var(--primary-color);
    padding: 2.5rem 1rem;
    font-family: var(--secondary-font);
    margin: 0 auto;
    width:100%;
}

.recipient-header {
    margin-bottom: 2rem;
    text-align: center;
}

.recipient-title {
    font-family: var(--title-font);
    font-size: clamp(2rem, 3.5vw, 2.5rem);
    font-weight: 700;
    letter-spacing: 0.8px;
    margin: 0;
    background: var(--gradient-border);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    position: relative;
    display: inline-block;
    text-shadow: var(--text-shadow);
}

.recipient-title::after {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
    width: 50px;
    height: 2px;
    background: var(--primary-hover-color);
}
.recipient-subtitle{
    margin: 10px auto;
        color: var(--primary-text-color);
        font-family: var(--secondary-font);
        font-size: 16px;
        font-weight: 500;
        opacity: 0.7;
}
.recipient-grid {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    transition: all 0.3s ease;
}

.recipient-row-top {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 0.8rem;
    gap: 0.8rem;
}

.recipient-row-bottom {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 0.8rem;
    gap: 0.8rem;
}

.recipient-card-wrapper {
    width: 100%;
    will-change: transform;
    height: 300px  ;
}

.recipient-card {
    border-radius: 15px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    overflow: hidden;
    height: 100%;
    position: relative;
    cursor: pointer;
}

.recipient-card:hover,
.recipient-card:focus {
    transform: translateY(-4px);
    box-shadow: 0 8px 20px var(--shadow-color);
}

.recipient-card:focus {
    outline: 2px solid var(--focus-outline);
    outline-offset: 2px;
}

.recipient-card-frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--gradient-border);
    border-radius: 15px;
    padding: 2px;
    z-index: 1;
}

.recipient-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 13px;
    background: var(--white-color);
    overflow: hidden;
    z-index: 2;
}

.recipient-image-container {
    position: relative;
    height: 100%;
    width: 100%;
    overflow: hidden;
    background: var(--primary-card-color);
}

.recipient-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform 0.4s ease;
    opacity: 0;
    animation: fadeIn 0.5s ease forwards;
}

.recipient-card:hover .recipient-image,
.recipient-card:focus .recipient-image {
    transform: scale(1.04);
}

.recipient-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 3;
}

.recipient-card:hover .recipient-overlay,
.recipient-card:focus .recipient-overlay {
    opacity: 0.5;
}

.recipient-label {
    position: absolute;
    top: 1rem;
    left: 1rem;
    background: var(--gradient-text);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    font-size: clamp(1rem, 2.5vw, 1.5rem);
    font-weight: 600;
    text-shadow: var(--text-shadow);
    margin: 0;
    z-index: 4;
    font-family: var(--title-font);
}

.recipient-button {
    position: absolute;
    bottom: 1rem;
    left: 50%;
    transform: translateX(-50%) scale(1);
    background: transparent;
    border: 1px solid var(--white-color);
    color: var(--white-color);
    padding: 0.4rem 1rem;
    font-size: clamp(0.65rem, 1.8vw, 0.85rem);
    font-weight: 500;
    border-radius: 20px;
    cursor: pointer;
    transition: background 0.3s ease, color 0.3s ease, transform 0.3s ease, opacity 0.3s ease;
    z-index: 4;
    min-width: 200px !important;
    text-align: center;
    font-family: var(--secondary-font);
    opacity: 0;
    will-change: transform, opacity;
}

.recipient-card:hover .recipient-button,
.recipient-card:focus .recipient-button {
    opacity: 1;
    transform: translateX(-50%) scale(1.05);
}

.recipient-button:hover,
.recipient-button:focus {
    background: var(--white-color);
    color: var(--primary-text-color);
    transform: translateX(-50%) scale(1.08);
}

.recipient-button:focus {
    outline: 2px solid var(--focus-outline);
    outline-offset: 2px;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@media (min-width: 1400px) {
    .recipient-section {
        padding: 3.5rem 1rem;
    }

    .recipient-grid {
        gap: 1.5rem;
    }

    .recipient-row-top,
    .recipient-row-bottom {
        gap: 1.2rem;
    }
        .recipient-card-wrapper {
            height: 500px ;
            /* Increased from 450px to 540px */
        }
}

@media (min-width: 768px) {
    .recipient-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 1.2rem;
        gap: 1.2rem;
    }

    .recipient-row-top,
    .recipient-row-bottom {
        display: contents;
    }

          .recipient-card-wrapper {
              height: 420px;
              /* Increased from 350px to 420px */
          }

    .recipient-button {
        bottom: 1.5rem;
        padding: 0.5rem 1.5rem;
        font-size: 0.9rem;
    }
}

@media (min-width: 1200px) {
    .recipient-section {
        padding: 3rem 0;
    }

    .recipient-card-wrapper {
        height: 450px;
    }

    .recipient-button {
        padding: 0.6rem 1.8rem;
        font-size: 1rem;
        min-width: 200px !important;
    }
}

@media (max-width: 767px) {
    .recipient-section {
        padding: 1.5rem 0.8rem;
    }

    .recipient-card-wrapper {
        height: 200px;
        animation: slideIn 0.3s ease;
    }

    .recipient-row-bottom .recipient-card-wrapper {
        height: 250px;
    }

    .recipient-button {
        padding: 0.35rem 0.9rem;
        font-size: 0.75rem;
        min-width: 130px !important;
        opacity: 1;
    }

    .recipient-label {
        font-size: 1.2rem;
    }
         .recipient-subtitle {
             font-size: 12px;
         }
}

@media (max-width: 480px) {
    .recipient-card-wrapper {
        height: 200px;
    }

    .recipient-row-bottom .recipient-card-wrapper {
        height: 220px;
    }

    .recipient-label {
        top: 0.8rem;
        left: 0.8rem;
        font-size: 1rem;
    }

    .recipient-button {
        bottom: 0.8rem;
        padding: 0.3rem 0.7rem;
        font-size: 0.65rem;
        min-width: 110px !important;
    }
         .recipient-subtitle {
             font-size: 10px;
         }
}

@keyframes slideIn {
    from {
        transform: translateY(20px);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}
body{
    background-color: #f6f5f0 !important;
}
.jewelry-showcase {
    background: var(--primary-color);
    font-family: var(--secondary-font);
    overflow: hidden;
    position: relative;
}

.jewelry-showcase::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle at 70% 30%, rgba(205, 134, 92, 0.1) 0%, transparent 50%);
    z-index: 0;
}

/* Custom two-column layout */
.jewelry-showcase .container .row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 1rem;
    gap: 1rem;
    align-items: center;
}

.jewelry-showcase .col-lg-6 {
    width: 100%;
    max-width: none;
    flex: none;
}

.jewelry-banner-container {
    border-radius: 50% 50% 0px 0px !important;
    overflow: hidden;
    aspect-ratio: 1/1;
    max-height: 500px;
    background: var(--primary-card-color);
    backdrop-filter: var(--overlay-blur);
    -webkit-backdrop-filter: var(--overlay-blur);
    border: 1px solid rgba(255, 255, 255, 0.3);
    box-shadow: 0 8px 32px 0 var(--shadow-color);
    position: relative;
    transition: all 0.3s ease;
    cursor: pointer;
}

.jewelry-banner-container:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 40px 0 var(--shadow-color);
}

.jewelry-banner-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.jewelry-banner-img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1), opacity 1s ease-in-out;
    will-change: transform;
}

.jewelry-banner-img.active {
    opacity: 1;
}

.carousel-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--overlay-bg);
    opacity: 0;
    transition: all 0.3s ease;
    border-radius: 12px;
}

.jewelry-banner-container:hover .carousel-overlay {
    opacity: 1;
}

.view-collection {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 20px;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 50px;
    font-weight: 600;
    color: var(--primary-hover-color);
    transform: translateY(20px);
    transition: all 0.3s ease;
    font-size: 0.9rem;
}

.jewelry-banner-container:hover .view-collection {
    transform: translateY(0);
}

.arrow-icon {
    transition: transform 0.3s ease;
}

.view-collection:hover .arrow-icon {
    transform: translateX(4px);
}

/* Shimmer effect */
.shimmer-overlay {
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, var(--shimmer-color), transparent);
    z-index: 1;
    animation: shimmer 3s infinite;
    border-radius: 12px;
}

@keyframes shimmer {
    0% {
        left: -100%;
    }

    100% {
        left: 100%;
    }
}

/* Content styles */
.jewelry-content {
    padding: 20px;
    position: relative;
    z-index: 1;
}

.jewelry-title {
    font-family: var(--title-font);
    font-size: clamp(1.8rem, 3vw, 3.5rem);
    font-weight: bolder;
    color: var(--primary-text-color);
    letter-spacing: 0.5px;
    line-height: 1.3;
    margin-bottom: 1.5rem;
}

.gradient-text {
    background: var(--gradient-text);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    display: inline;
}

.jewelry-desc {
    font-size: clamp(0.95rem, 1.2vw, 1.05rem);
    color: var(--primary-text-color);
    line-height: 1.8;
    max-width: 500px;
    margin-bottom: 2rem;
}

/* Feature highlights */
.feature-highlights {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 12px;
    gap: 12px;
    margin-bottom: 2rem;
}

.feature-item {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.85rem;
    color: var(--primary-text-color);
}

.feature-icon {
    color: var(--primary-hover-color);
    font-size: 1rem;
}

/* Enhanced button */
.premium-shop-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.8rem;
    padding: 10px 20px;
    font-size: 0.9rem;
    font-weight: 600;
    text-transform: capitalize;
    letter-spacing: 0.05em;
    color: var(--white-color);
    background: var(--gradient-border);
    border: none;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    z-index: 1;
    cursor: pointer;
    border-radius:  8px 1px;
    font-family: var(--title-font);
}

.premium-shop-btn span {
    position: relative;
    z-index: 2;
}

.arrow-wrapper {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.hover-effect {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: rgba(255, 255, 255, 0.2);
    transition: width 0.6s cubic-bezier(0.16, 1, 0.3, 1);
    z-index: 1;
}

.premium-shop-btn:hover {
    box-shadow: 0 8px 25px rgba(205, 134, 92, 0.4);
}

.premium-shop-btn:hover .arrow-wrapper {
    transform: translateX(4px);
}

.premium-shop-btn:hover .hover-effect {
    width: 100%;
}

/* Responsive adjustments for smaller screens */
@media (max-width: 767px) {
    .jewelry-showcase .container .row {
        grid-template-columns: repeat(2, 1fr);
        gap: 0.5rem;
    }

    .jewelry-banner-container {
        max-height: 250px;
    }

    .jewelry-content {
        padding: 10px;
    }

    .jewelry-title {
        font-size: clamp(1.2rem, 2vw, 1.5rem);
    }

    .jewelry-desc {
        font-size: 0.85rem;
        display: none;
        max-width: 100%;
    }

    .feature-highlights {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .feature-item {
        font-size: 0.6rem;
    }

    .premium-shop-btn {
        padding: 10px 20px;
        font-size: 0.8rem;
    }

    .view-collection {
        padding: 8px 16px;
        font-size: 0.7rem;
    }
}

@media (max-width: 575px) {
    .jewelry-banner-container {
        max-height: 200px;
    }

    .feature-item {
        font-size: 0.5rem;
    }

    .jewelry-title {
        font-size: 0.8rem;
    }

    .jewelry-desc {
        font-size: 0.5rem;
    }

    .premium-shop-btn {
        padding: 6px 10px;
        font-size: 0.6rem;
    }
}

/* Reduced motion preference */
@media (prefers-reduced-motion: reduce) {
    * {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }

    .shimmer-overlay {
        animation: none;
        display: none;
    }

    .jewelry-banner-img {
        transition: none !important;
    }
}

/* Base container */
.banner-section {
    position: relative;
    z-index: 1;
    margin-top: 150px;
    width: 100%;
    overflow: hidden;
    background-color: var(--primary-color);
}

/* Image container with 3:1 aspect ratio */
.banner-image-container {
    position: relative;
    width: 100%;
    padding-top: 33.33%;
    /* 1/3 = 33.33% for 3:1 aspect ratio */
    overflow: hidden;
}

/* Banner Image */
.banner-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* Ensure entire image is visible */
    object-position: center;
    display: block;
    border-radius: 8px;
    transition: opacity 0.3s ease;
    opacity: 0;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    /* Subtle shadow for professionalism */
}

.banner-image.loaded {
    opacity: 1;
}

.banner-image.loading {
    opacity: 0;
}

/* Image placeholder for loading state */
.banner-placeholder {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: loading 1.5s infinite;
    z-index: 1;
    border-radius: 8px;
}

@keyframes loading {
    0% {
        background-position: 200% 0;
    }

    100% {
        background-position: -200% 0;
    }
}

/* Text Overlay */
.banner-content-overlay {
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translateY(-50%);
    color: var(--primary-text-text);
    z-index: 10;
    text-align: center;
    max-width:80%;
    padding: 0 20px;
}

/* Title Styling */
.banner-title {
    font-family: var(--title-font);
    font-size: 2.2rem;
    font-weight: 700;
    margin-bottom: clamp(8px, 2vw, 20px);
    color: var(--primary-text-color);
    text-shadow: var(--text-shadow);
    line-height: 1.2;
    letter-spacing: 1px;
    opacity: 0;
    animation: slideInFromBottom 0.8s ease forwards;
    animation-delay: 0.2s;
}

/* Subtitle Styling */
.banner-description {
    font-family: var(--secondary-font);
    font-size: 1rem;
    font-weight: 400;
    margin: 0;
    color: var(--primary-text-color);
    text-shadow: var(--text-shadow);
    line-height: 1.4;
    letter-spacing: 0.5px;
    opacity: 0;
    animation: slideInFromBottom 0.8s ease forwards;
    animation-delay: 0.4s;
    max-width: 600px;
}

/* Animations */
@keyframes slideInFromBottom {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Desktop Large (1920px+) */
@media (min-width: 1920px) {
    .banner-image-container {
        padding-top: 25%;
        /* Slightly adjust for larger screens */
    }

    .banner-title {
        font-size: var(--title-size-xxl);
    }

    .banner-description {
        font-size: var(--text-size-xl);
    }

    .banner-content-overlay {
        --overlay-horizontal-position: 12%;
        --overlay-max-width: 70%;
    }
}

/* Desktop (1200px - 1919px) */
@media (max-width: 1919px) and (min-width: 1200px) {
    .banner-image-container {
        padding-top: 25%;
    }

    .banner-title {
        font-size: 2.2rem;
    }

    .banner-description {
        font-size: var(--text-size-lg);
    }

    .banner-content-overlay {
        --overlay-horizontal-position: 10%;
        --overlay-max-width: 75%;
    }
}

/* Large Tablet / Small Desktop (992px - 1199px) */
@media (max-width: 1199px) and (min-width: 992px) {
    .banner-section {
        margin-top: 120px;
    }

    .banner-image-container {
        padding-top: 25%;
    }

    .banner-title {
        font-size:2rem;
        margin-bottom: clamp(10px, 2vw, 16px);
    }

    .banner-description {
        font-size:0.9rem;
    }

    .banner-content-overlay {
        padding: 0 30px;
        --overlay-horizontal-position: 8%;
        --overlay-max-width: 80%;
    }
}

/* Tablet Portrait (768px - 991px) */
@media (max-width: 991px) and (min-width: 768px) {
    .banner-section {
        margin-top: 80px;
    }

    .banner-image-container {
        padding-top: 25%;
        /* Adjust for smaller screens */
    }

    .banner-image {
        object-position: center;
    }

    .banner-title {
        font-size: 1.8rem;
        margin-bottom: clamp(8px, 1.5vw, 12px);
        letter-spacing: 0.5px;
    }

    .banner-description {
        font-size: 0.8rem;
        max-width: 500px;
    }

    .banner-content-overlay {
        padding: 0 25px;
        --overlay-horizontal-position: 8%;
        --overlay-max-width: 85%;
        text-align: center;
    }
}

/* Mobile Landscape / Small Tablet (576px - 767px) */
@media (max-width: 767px) and (min-width: 576px) {
    .banner-section {
        margin-top: 120px;
    }

    .banner-image-container {
        padding-top: 25%;
        /* Adjust for smaller screens */
    }

    .banner-image {
        object-position: center;
    }

    .banner-title {
        font-size: 1.5rem;
        margin-bottom: clamp(6px, 1vw, 10px);
        letter-spacing: 0.3px;
    }

    .banner-description {
        font-size: 0.7rem;
        max-width: 400px;
        line-height: 1.3;
    }

    .banner-content-overlay {
        padding: 0 20px;
        --overlay-horizontal-position: 5%;
        --overlay-max-width: 90%;
        text-align: center;
    }
}

/* Mobile Portrait (375px - 575px) */
@media (max-width: 575px) and (min-width: 375px) {
    .banner-section {
        margin-top: 120px;
    }

    .banner-image-container {
        padding-top: 25%;
    }

    .banner-image {
        object-position: center;
    }

    .banner-title {
        font-size:1rem;
        margin-bottom: clamp(5px, 1vw, 8px);
        line-height: 1.1;
        letter-spacing: 0.2px;
    }

    .banner-description {
        font-size: 0.6rem;
        max-width: 320px;
        line-height: 1.2;
    }

    .banner-content-overlay {
        padding: 0 15px;
        --overlay-horizontal-position: 5%;
        --overlay-max-width: 90%;
        text-align: center;
    }
}

/* Small Mobile (320px - 374px) */
@media (max-width: 374px) and (min-width: 320px) {
    .banner-section {
        margin-top: 120px;
    }

    .banner-image-container {
        padding-top: 25%;
    }

    .banner-image {
        object-position: center;
    }

    .banner-title {
        font-size:0.9rem;
        margin-bottom: clamp(4px, 0.8vw, 6px);
        line-height: 1;
    }

    .banner-description {
        font-size: 0.5rem;
        max-width: 280px;
        line-height: 1.15;
    }

    .banner-content-overlay {
        padding: 0 12px;
        --overlay-horizontal-position: 5%;
        --overlay-max-width: 90%;
        text-align: center;
    }
}

/* Ultra Small Mobile (below 320px) */
@media (max-width: 319px) {
    .banner-section {
        margin-top: 120px;
    }

    .banner-image-container {
        padding-top: 25%;
    }

    .banner-image {
        object-position: center;
    }

    .banner-title {
        font-size:0.8rem;
        margin-bottom: clamp(3px, 0.5vw, 5px);
        line-height: 0.9;
    }

    .banner-description {
        font-size:0.5rem;
        max-width: 250px;
        line-height: 1.1;
    }

    .banner-content-overlay {
        padding: 0 10px;
        --overlay-horizontal-position: 5%;
        --overlay-max-width: 90%;
        text-align: center;
    }
}

/* High DPI / Retina Display Optimizations */
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {

    .banner-title,
    .banner-description {
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
}

/* Reduce motion for accessibility */
@media (prefers-reduced-motion: reduce) {

    .banner-title,
    .banner-description {
        animation: none;
        opacity: 1;
    }

    .banner-image {
        transition: none;
    }

    .banner-placeholder {
        animation: none;
        background: #f0f0f0;
    }
}

/* Focus states for accessibility */
.banner-section:focus-within {
    outline: 2px solid #007bff;
    outline-offset: 2px;
}

/* Print styles */
@media print {
    .banner-section {
        margin-top: 0;
    }

    .banner-image {
        height: 150px;
        filter: grayscale(100%);
    }

    .banner-content-overlay {
        position: static;
        transform: none;
        color: var(--dark-text);
        text-shadow: none;
        margin-top: 10px;
    }

    .banner-title {
        font-size: 24pt;
        color: black;
    }

    .banner-description {
        font-size: 12pt;
        color: black;
    }

    .banner-placeholder {
        display: none;
    }
}
/* Enhanced Professional Appointment Page Styles - Compact Version */
.appointment-page {
    font-family: var(--secondary-font);
    background: var(--primary-color);
    color: var(--primary-text-color);
}

/* Form Styling */
.professional-form {
    background: var(--white-color);
    border-radius: 16px;
    padding: 2rem;
    box-shadow: 0 15px 30px var(--shadow-color);
    border: 1px solid var(--primary-hover-color);
    position: relative;
}

.compact-form {
    padding: 1.5rem;
}

.form-title {
    font-family: var(--title-font);
    font-weight: 700;
    font-size: 1.8rem;
    color: var(--primary-text-color);
    text-align: center;
    margin-bottom: 1.5rem;
    text-shadow: var(--text-shadow);
}

.form-group {
    margin-bottom: 0.8rem;
}

.professional-label {
    font-family: var(--secondary-font);
    font-weight: 600;
    color: var(--primary-text-color);
    margin-bottom: 0.4rem;
    font-size: 0.9rem;
}

.professional-input {
    font-family: var(--secondary-font);
    border-radius: 8px;
    border: 1.5px solid var(--grey-color);
    padding: 0.7rem;
    font-size: 0.9rem;
    background: var(--white-color);
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.compact-input {
    padding: 0.6rem;
    font-size: 0.9rem;
    max-width: 250px !important;
    height: 50px !important;
}

.professional-input:focus {
    border-color: var(--primary-hover-color);
    box-shadow: 0 0 0 0.2rem rgba(205, 134, 92, 0.2);
    outline: none;
}

.professional-select {
    cursor: pointer;
}

.professional-select:disabled {
    background-color: #f8f9fa;
    opacity: 0.6;
    cursor: not-allowed;
}

.professional-textarea {
    resize: vertical;
    min-height: 40px;
}

.input-with-icon {
    position: relative;
}

.input-icon {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--primary-hover-color);
    z-index: 5;
}

.with-icon {
    padding-left: 2.5rem;
}

.professional-submit-btn {
    display: block !important;
    padding: 0.9rem 1.5rem !important;
    background: var(--button-bg);
    border: none !important;
    border-radius: 8px;
    color: var(--white-color);
    font-family: var(--secondary-font);
    font-weight: 700;
    font-size: 1rem;
    transition: all 0.3s ease;
    box-shadow: 0 6px 15px rgba(205, 134, 92, 0.3);
    margin: 0 auto !important;
}

.compact-submit {
    padding: 0.8rem;
    font-size: 0.95rem;
}

.professional-submit-btn:hover:not(:disabled) {
    background: var(--gold-color);
    color: var(--primary-text-color);
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(205, 134, 92, 0.4);
}

.professional-submit-btn:disabled {
    opacity: 0.7;
    cursor: not-allowed;
    transform: none;
}

/* Video Section */
.video-container {
    border-radius: 0px;
    overflow: hidden;
    box-shadow: 0 12px 25px var(--shadow-color);
}

/* Alert Styling */
.success-alert {
    background: var(--main-cat-bg-color);
    border: 1.5px solid var(--green-color);
    border-radius: 8px;
    color: var(--green-color);
    font-family: var(--secondary-font);
    font-weight: 600;
    font-size: 0.9rem;
    padding: 0.75rem;
}

.error-alert {
    background: var(--cat-bg-color);
    border: 1.5px solid #dc3545;
    border-radius: 8px;
    color: #721c24;
    font-family: var(--secondary-font);
    font-weight: 600;
    font-size: 0.9rem;
    padding: 0.75rem;
}

/* How It Works Section */
.how-it-works-section {
    background: var(--primary-card-color);
    border-radius: 16px;
    padding: 2.5rem 1.5rem;
    margin: 2.5rem 0;
    position: relative;
}

.section-title {
    font-family: var(--title-font);
    font-weight: 700;
    font-size: 2.2rem;
    color: var(--primary-text-color);
    text-align: center;
    margin-bottom: 2rem;
    text-shadow: var(--text-shadow);
}

.steps-row {
    position: relative;
    align-items: center;
}

.step-col {
    position: relative;
    margin-bottom: 1.5rem;
}

.step-card {
    background: var(--virtual-shop-card);
    border-radius: 12px;
    padding: 1.8rem 1.5rem;
    text-align: center;
    height: 100%;
    transition: transform 0.3s ease;
}

.step-card:hover {
    transform: translateY(-5px);
}

.step-number {
    width: 60px;
    height: 60px;
    background: var(--gradient-border);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1rem;
    color: var(--white-color);
    font-family: var(--secondary-font);
    font-weight: 700;
    font-size: 1.5rem;
    box-shadow: 0 6px 15px rgba(205, 134, 92, 0.3);
}

.step-title {
    font-family: var(--primary-font);
    font-weight: 700;
    font-size: 1.2rem;
    color: var(--primary-hover-color);
    margin-bottom: 0.8rem;
    text-align: center;
}

.step-text {
    font-family: var(--secondary-font);
    color: var(--primary-text-color);
    font-size: 0.9rem;
    line-height: 1.5;
    opacity: 0.8;
}

/* Benefits Section */
.benefits-section {
    padding: 2rem 1rem;
    border-radius: 16px;
}

.benefit-col {
    margin-bottom: 1.5rem;
}

.benefit-cards {
    text-align: center;
    height: 100%;
    padding: 1rem;
    background: var(--white-color);
    border-radius: 12px;
    box-shadow: 0 4px 15px var(--shadow-color);
    transition: transform 0.3s ease;
}

.benefit-cards:hover {
    transform: translateY(-3px);
}

.benefit-icon {
    color: var(--primary-hover-color);
    margin-bottom: 1rem;
    filter: drop-shadow(0 3px 6px var(--shadow-color));
}

.benefit-title {
    font-family: var(--secondary-font);
    font-weight: 500;
    font-size: 1rem;
    color: var(--primary-text-color);
    margin-bottom: 0.5rem;
}

/* Success Modal Styles - Compact Version */
.success-modal {
    background: var(--overlay-bg);
}

.success-modal .modal-content {
    border: none;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);
    background: linear-gradient(135deg, var(--white-color) 0%, var(--primary-card-color) 100%);
    max-width: 850px;
    margin: 0 auto;
}

.success-modal-header {
    background: var(--gradient-border);
    color: var(--white-color);
    border: none;
    padding: 1.2rem;
    text-align: center;
    position: relative;
}

.success-modal-body {
    padding: 1.2rem;
    text-align: center;
}

.success-icon {
    font-size: 2.5rem;
    color: var(--green-color);
    margin-bottom: 0.5rem;
    animation: bounceIn 0.6s ease-out;
}

.success-title {
    font-size: 1.4rem;
    font-weight: 700;
    color: var(--white-color);
    margin-bottom: 0;
    animation: slideInUp 0.8s ease-out;
    font-family: var(--title-font);
}

.success-message {
    font-size: 0.9rem;
    color: var(--primary-text-color);
    margin-bottom: 1rem;
    line-height: 1.4;
    animation: slideInUp 1s ease-out;
    font-family: var(--secondary-font);
}

.success-details {
    background: var(--main-cat-bg-color);
    border-radius: 8px;
    padding: 1rem;
    margin-bottom: 1rem;
    border-left: 3px solid var(--green-color);
    animation: slideInUp 1.2s ease-out;
}

.success-details h5 {
    color: var(--green-color);
    margin-bottom: 0.5rem;
    font-weight: 600;
    font-size: 0.9rem;
    font-family: var(--secondary-font);
}

.success-details ul {
    text-align: left;
    color: var(--primary-text-color);
    line-height: 1.4;
    font-size: 0.8rem;
    margin-bottom: 0;
    padding-left: 1rem;
    font-family: var(--secondary-font);
}

.success-details li {
    margin-bottom: 0.3rem;
}

.close-btn {
    background: var(--green-color);
    color: var(--white-color);
    border: none !important;
    padding: 0.6rem 1.5rem;
    border-radius: 20px;
    font-weight: 600;
    font-size: 0.9rem;
    transition: all 0.3s ease;
    animation: slideInUp 1.4s ease-out;
    font-family: var(--secondary-font);
}

.close-btn:hover {
    background: #035d09;
    transform: translateY(-2px);
    box-shadow: 0 6px 15px rgba(2, 73, 8, 0.3);
    color: var(--white-color);
}

.modal-close-x {
    position: absolute;
    top: 0.8rem;
    right: 0.8rem;
    background: rgba(255, 255, 255, 0.2);
    border: none;
    color: var(--white-color);
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    font-size: 0.8rem;
}

.modal-close-x:hover {
    background: rgba(255, 255, 255, 0.3);
    transform: rotate(90deg);
}

/* Animations */
@keyframes bounceIn {
    0% {
        transform: scale(0.3);
        opacity: 0;
    }

    50% {
        transform: scale(1.05);
    }

    70% {
        transform: scale(0.9);
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes slideInUp {
    0% {
        transform: translateY(20px);
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes modalFadeIn {
    0% {
        opacity: 0;
        transform: scale(0.9);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

.modal-content {
    animation: modalFadeIn 0.3s ease-out;
}

/* Responsive Design */
@media (max-width: 1200px) {
    .arrow-container {
        display: none !important;
    }
}

@media (max-width: 992px) {
    .professional-form {
        padding: 1.5rem;
    }

    .compact-form {
        padding: 1.2rem;
    }

    .form-title {
        font-size: 1.6rem;
    }

    .section-title {
        font-size: 2rem;
    }

    .how-it-works-section {
        padding: 2rem 1.2rem;
        margin: 2rem 0;
    }

    .benefits-section {
        padding: 2rem 1.2rem;
    }
}

@media (max-width: 768px) {
    .appointment-page {
        padding: 0.8rem;
    }

    .professional-form {
        padding: 1.2rem;
        border-radius: 12px;
    }

    .compact-form {
        padding: 1rem;
    }

    .form-title {
        font-size: 1.5rem;
        margin-bottom: 1.2rem;
    }

    .section-title {
        font-size: 1.8rem;
        margin-bottom: 1.5rem;
    }

    .how-it-works-section {
        padding: 1.8rem 1rem;
        margin: 1.5rem 0;
        border-radius: 12px;
    }

    .benefits-section {
        padding: 1.8rem 1rem;
        border-radius: 12px;
    }

    .step-card {
        padding: 1.5rem 1.2rem;
        border-radius: 10px;
        margin-bottom: 1.2rem;
    }

    .step-number {
        width: 50px;
        height: 50px;
        font-size: 1.3rem;
        margin-bottom: 0.8rem;
    }

    .step-title {
        font-size: 1.1rem;
    }

    .step-text {
        font-size: 0.85rem;
    }

    .benefit-icon {
        width: 35px;
        height: 35px;
    }

    .benefit-title {
        font-size: 1rem;
    }

    .compact-input {
        padding: 0.5rem;
        font-size: 0.85rem;
        max-width: 100% !important;
        height: 50px !important;
    }

    /* Mobile Modal Adjustments */
    .success-modal .modal-content {
        max-width: 350px;
        margin: 1rem;
    }

    .success-modal-header {
        padding: 1rem;
    }

    .success-modal-body {
        padding: 1rem;
    }

    .success-icon {
        font-size: 2rem;
    }

    .success-title {
        font-size: 1.2rem;
    }

    .success-message {
        font-size: 0.85rem;
    }

    .success-details {
        padding: 0.8rem;
    }

    .success-details h5 {
        font-size: 0.85rem;
    }

    .success-details ul {
        font-size: 0.75rem;
    }

    .close-btn {
        padding: 0.5rem 1.2rem;
        font-size: 0.85rem;
    }

    .modal-close-x {
        width: 28px;
        height: 28px;
        top: 0.6rem;
        right: 0.6rem;
        font-size: 0.7rem;
    }
}

@media (max-width: 576px) {
    .professional-form {
        padding: 1rem;
    }

    .compact-form {
        padding: 0.8rem;
    }

    .form-title {
        font-size: 1.4rem;
    }

    .section-title {
        font-size: 1.6rem;
    }

    .professional-input {
        padding: 0.6rem;
        font-size: 0.85rem;
    }

    .compact-input {
        padding: 0.5rem;
        font-size: 0.85rem;
        max-width: 100% !important;
        height: 50px !important;
    }

    .professional-submit-btn {
        padding: 0.7rem;
        font-size: 0.9rem;
    }

    .compact-submit {
        padding: 0.7rem;
        font-size: 0.9rem;
    }

    .step-card {
        padding: 1.2rem 1rem;
    }

    .step-number {
        width: 45px;
        height: 45px;
        font-size: 1.2rem;
    }

    /* Smaller Mobile Modal */
    .success-modal .modal-content {
        max-width: 320px;
        margin: 0.5rem;
    }
}

@media (max-width: 480px) {
    .main-content-row {
        margin: 0 -0.3rem;
    }

    .professional-form {
        padding: 0.8rem;
    }

    .compact-form {
        padding: 0.7rem;
    }

    .form-title {
        font-size: 1.3rem;
        margin-bottom: 1rem;
    }

    .section-title {
        font-size: 1.5rem;
    }

    .how-it-works-section,
    .benefits-section {
        padding: 1.5rem 0.7rem;
        margin: 1.2rem 0;
    }

    /* Extra Small Modal */
    .success-modal .modal-content {
        max-width: 300px;
        margin: 0.5rem;
    }

    .success-modal-header {
        padding: 0.8rem;
    }

    .success-modal-body {
        padding: 0.8rem;
    }
}
/* Testimonials.css */

.testimonials-section {
  max-width: 100%;
  margin: 0 auto;
  padding: 4rem 0;
  background: var(--primary-color);
  font-family: var(--secondary-font);
  overflow: hidden;
}

.testimonials-header {
  text-align: center;
  margin-bottom: 3rem;
  padding: 0 2rem;
}

.testimonials-header h2 {
  font-family: var(--title-font);
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 900;
  background: var(--gradient-text);
  color:transparent;
  background-clip: text;
  -webkit-background-clip: text;
  margin-bottom: 1rem;
  line-height: 1.2;

}

.testimonials-header p {
  font-family: var(--secondary-font);
  font-size: clamp(1rem, 2vw, 1rem);
  color: var(--primary-text-color);
  opacity: 0.8;
  max-width: 600px;
  margin: 0 auto;
  font-weight: 400;
}

/* Scrolling Container */
.testimonials-container {
  width: 100%;
  overflow-x: hidden;
  padding: 1rem 0;
  cursor: grab;
}

.testimonials-container:active {
  cursor: grabbing;
}

.testimonials-track {
  display: flex;
  gap: 2rem;
  padding: 0 2rem;
  animation: none;
}

/* Individual Testimonial Cards */
.testimonial-card {
  flex: 0 0 350px;
  background: var(--primary-card-color);
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(4, 31, 96, 0.1);
  transition: all 0.4s ease;
  position: relative;
  border: 1px solid rgba(4, 31, 96, 0.1);
}

.testimonial-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 40px rgba(4, 31, 96, 0.15);
  border-color: var(--primary-hover-color);
}

/* Image Container */
.testimonial-image-container {
  position: relative;
  width: 100%;
  height: 280px;
  overflow: hidden;
}

.testimonial-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: transform 0.4s ease;
}

.testimonial-card:hover .testimonial-image {
  transform: scale(1.05);
}

.image-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg,
      rgba(4, 31, 96, 0.1) 0%,
      rgba(205, 134, 92, 0.1) 100%);
  opacity: 0;
  transition: opacity 0.3s ease;
}

.testimonial-card:hover .image-overlay {
  opacity: 1;
}

.rating-overlay {
  position: absolute;
  top: 1rem;
  right: 1rem;
  background: rgba(255, 255, 255, 0.95);
  padding: 0.5rem 0.8rem;
  border-radius: 20px;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.2);
}

/* Content */
.testimonial-content {
  padding: 1.5rem;
  height: 180px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.testimonial-quotes{
  font-family: var(--secondary-font);
  font-size: 0.95rem ;
  line-height: 1.6;
  font-weight: 400;
  color: var(--primary-text-color);
  margin-bottom: 1rem;
  font-style: italic;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.testimonial-footer {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: auto;
}

.customer-info {
  flex: 1 1;
}

.customer-name {
  font-family: var(--secondary-font);
  font-size: 1.1rem;
  font-weight: 600;
  color: var(--primary-text-color);
  margin-bottom: 0.3rem;
}

.customer-location {
  font-family: var(--secondary-font);
  font-size: 0.85rem;
  color: var(--primary-text-color);
  opacity: 0.7;
  font-weight: 400;
}

/* Stars */
.rating-stars,
.rating-overlay {
  display: flex;
  gap: 0.2rem;
}

.star {
  font-size: 1rem;
  color: #ddd;
  transition: color 0.2s ease;
}

.star.filled {
  color: var(--primary-hover-color);
}

.rating-overlay .star {
  font-size: 0.9rem;
}

.rating-overlay .star.filled {
  color: #ffc107;
}

/* Scroll Indicator */
.scroll-indicator {
  text-align: center;
  margin-top: 2rem;
  padding: 0 2rem;
}

.scroll-hint {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.8rem 1.5rem;
  background: var(--secondary-card-color);
  border-radius: 25px;
  font-family: var(--secondary-font);
  font-size: 0.85rem;
  color: var(--primary-text-color);
  opacity: 0.8;
  border: 1px solid rgba(4, 31, 96, 0.1);
}

/* Auto-scroll animation when not hovered */
.testimonials-container:not(:hover) .testimonials-track {
  animation: autoScroll 60s linear infinite;
}

@keyframes autoScroll {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-50%);
  }
}

/* Responsive Design */
@media (max-width: 768px) {
  .testimonials-section {
    padding: 3rem 0;
  }

  .testimonials-header {
    margin-bottom: 2rem;
    padding: 0 1rem;
  }
.testimonials-header h2{
  font-size: 2rem;
}
.testimonials-header p{
  font-size: 0.8rem;
}
  .testimonials-track {
    gap: 1.5rem;
    padding: 0 1rem;
  }

  .testimonial-card {
    flex: 0 0 300px;
  }

  .testimonial-image-container {
    height: 240px;
  }

  .testimonial-content {
    padding: 1.2rem;
    height: 160px;
  }

  .testimonial-quotes {
    font-size: 0.7rem;
    -webkit-line-clamp: 3;
  }

  .customer-name {
    font-size: 0.8rem;
  }

  .customer-location {
    font-size: 0.7rem;
  }
}

@media (max-width: 480px) {
  .testimonials-track {
    padding: 0 0.5rem;
    gap: 1rem;
  }

  .testimonial-card {
    flex: 0 0 280px;
  }

  .testimonial-image-container {
    height: 220px;
  }

  .testimonial-content {
    padding: 1rem;
    height: 150px;
  }

  .scroll-hint {
    font-size: 0.8rem;
    padding: 0.6rem 1.2rem;
  }
 
}

/* Accessibility */
@media (prefers-reduced-motion: reduce) {
  .testimonials-container:not(:hover) .testimonials-track {
    animation: none;
  }

  .testimonial-card {
    transition: none;
  }

  .testimonial-image {
    transition: none;
  }
}



/* Smooth scrolling for touch devices */
@media (hover: none) and (pointer: coarse) {
  .testimonials-container {
    overflow-x: auto;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  .testimonials-container::-webkit-scrollbar {
    display: none;
  }

  .testimonials-track {
    animation: none !important;
  }
}
/* Minimal SingleOffer - Pure Image Focus */

.minimal-offer-container {
    width: 100%;
    margin-bottom: 1.5rem;
}

/* Main Card */
.minimal-offer-card {
    position: relative;
    padding: 1rem;
    width: 100%;
    overflow: hidden;
    background: #f5f5f5;
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    isolation: isolate;
}

/* Clickable variant */
.minimal-offer-card.clickable {
    cursor: pointer;
}



/* Image Container */
.minimal-image-container {
    position: relative;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.minimal-image-container.loaded {
    opacity: 1;
}

/* Main Image */
.minimal-offer-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 12px;
    display: block;
    -webkit-user-select: none;
            user-select: none;
    -webkit-user-drag: none;
    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* Loading Skeleton */
.minimal-image-skeleton {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #e8e8e8;
    border-radius: inherit;
}

.skeleton-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(45deg,
            rgba(255, 255, 255, 0) 30%,
            rgba(255, 255, 255, 0.5) 50%,
            rgba(255, 255, 255, 0) 70%);
    animation: skeleton-slide 2s infinite ease-in-out;
}

.skeleton-pulse {
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.1);
    animation: pulse 2s infinite ease-in-out alternate;
}

@keyframes skeleton-slide {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(100%);
    }
}

@keyframes pulse {
    0% {
        opacity: 0.6;
    }

    100% {
        opacity: 1;
    }
}

/* Minimal Interaction Overlay */
.minimal-interaction-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.02);
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
}

.minimal-offer-card.clickable:hover .minimal-interaction-overlay {
    opacity: 1;
}

.interaction-ripple {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.15);
    transform: translate(-50%, -50%);
    transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.minimal-offer-card.clickable:hover .interaction-ripple {
    width: 100px;
    height: 100px;
}

/* Minimal Corner Badge */
.minimal-corner-badge {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 2;
}

.badge-dot {
    width: 8px;
    height: 8px;
    background: #007bff;
    border-radius: 50%;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.8);
    animation: badge-glow 2s ease-in-out infinite alternate;
}

@keyframes badge-glow {
    0% {
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.8), 0 0 0 4px rgba(0, 123, 255, 0.2);
    }

    100% {
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.8), 0 0 0 6px rgba(0, 123, 255, 0.4);
    }
}

/* Focus Ring */
.minimal-focus-ring {
    position: absolute;
    top: -3px;
    left: -3px;
    right: -3px;
    bottom: -3px;
    border: 2px solid transparent;
    border-radius: 15px;
    pointer-events: none;
    transition: border-color 0.2s ease;
}

.minimal-offer-card.clickable:focus .minimal-focus-ring {
    border-color: #007bff;
}

/* Responsive Design */
@media (max-width: 768px) {
    .minimal-offer-container {
        margin-bottom: 1.25rem;
    }
        .minimal-offer-card{
            padding: 0.5rem;
        }
    .minimal-offer-card.with-hover:hover {
        transform: none;
    }

    .minimal-offer-card.with-hover:hover .minimal-offer-image {
        transform: none;
    }

    .skeleton-overlay,
    .skeleton-pulse,
    .interaction-ripple,
    .badge-dot {
        animation: none;
    }
}

/* High contrast mode */
@media (prefers-contrast: high) {
    .minimal-offer-card {
        border: 1px solid #000;
    }

    .minimal-focus-ring {
        border-width: 3px;
    }

    .minimal-offer-card.clickable:focus .minimal-focus-ring {
        border-color: #000;
    }

    .badge-dot {
        background: #000;
        box-shadow: 0 0 0 2px #fff;
    }
}

/* Print styles */
@media print {
    .minimal-offer-card {
        page-break-inside: avoid;
        break-inside: avoid;
        box-shadow: none;
        border: 1px solid #ccc;
    }

    .minimal-interaction-overlay,
    .minimal-corner-badge {
        display: none;
    }

    .minimal-offer-image {
        filter: grayscale(100%);
    }
}

/* Performance optimizations */
.minimal-offer-card {
    contain: layout style paint;
    will-change: transform;
}

.minimal-offer-image {
    contain: layout;
}

/* Additional utility classes */
.minimal-offer-container.small {
    margin-bottom: 1rem;
}

.minimal-offer-container.large {
    margin-bottom: 2rem;
}

.minimal-offer-card.rounded-none {
    border-radius: 0;
}

.minimal-offer-card.rounded-small {
    border-radius: 6px;
}

.minimal-offer-card.rounded-large {
    border-radius: 16px;
}

.minimal-offer-card.no-shadow {
    box-shadow: none;
}

.minimal-offer-card.elevated {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

.minimal-offer-card.border {
    border: 1px solid #e0e0e0;
}

.minimal-offer-card.border-thick {
    border: 2px solid #e0e0e0;
}

/* Aspect ratio variants */
.minimal-offer-card.aspect-square {
    aspect-ratio: 1 / 1;
}

.minimal-offer-card.aspect-wide {
    aspect-ratio: 16 / 9;
}

.minimal-offer-card.aspect-ultra-wide {
    aspect-ratio: 21 / 9;
}

.minimal-offer-card.aspect-portrait {
    aspect-ratio: 3 / 4;
}

/* Image fit variants */
.minimal-offer-image.fit-contain {
    object-fit: contain;
}

.minimal-offer-image.fit-fill {
    object-fit: fill;
}

.minimal-offer-image.fit-scale-down {
    object-fit: scale-down;
}

/* Position variants */
.minimal-offer-image.position-top {
    object-position: center top;
}

.minimal-offer-image.position-bottom {
    object-position: center bottom;
}

.minimal-offer-image.position-left {
    object-position: left center;
}

.minimal-offer-image.position-right {
    object-position: right center;
}

d {
    border-radius: 10px;
}

.minimal-corner-badge {
    top: 10px;
    right: 10px;
}

.badge-dot {
    width: 6px;
    height: 6px;
}

.minimal-focus-ring {
    border-radius: 13px;
}


@media (max-width: 480px) {
    .minimal-offer-card {
        border-radius: 8px;
    }

    .minimal-corner-badge {
        top: 8px;
        right: 8px;
    }

    .minimal-focus-ring {
        border-radius: 11px;
    }
}

/* Touch Devices */
@media (hover: none) and (pointer: coarse) {
    .minimal-offer-card.with-hover:hover {
        transform: none;
        box-shadow: none;
    }

    .minimal-offer-card.with-hover:hover .minimal-offer-image {
        transform: none;
    }

    .minimal-offer-card.clickable:active {
        transform: scale(0.98);
        transition-duration: 0.1s;
    }

    .interaction-ripple {
        display: none;
    }
}

/* High-resolution displays */
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .minimal-offer-image {
        image-rendering: -webkit-optimize-contrast;
        image-rendering: crisp-edges;
    }
}

/* Dark mode */
@media (prefers-color-scheme: dark) {
    .minimal-offer-card {
        background: #2a2a2a;
    }

    .minimal-image-skeleton {
        background: #333;
    }

    .skeleton-overlay {
        background: linear-gradient(45deg,
                rgba(255, 255, 255, 0) 30%,
                rgba(255, 255, 255, 0.1) 50%,
                rgba(255, 255, 255, 0) 70%);
    }

    .skeleton-pulse {
        background: rgba(255, 255, 255, 0.05);
    }

    .minimal-interaction-overlay {
        background: rgba(255, 255, 255, 0.02);
    }

    .interaction-ripple {
        background: rgba(255, 255, 255, 0.1);
    }

    .badge-dot {
        box-shadow: 0 0 0 2px rgba(42, 42, 42, 0.9);
    }

    .minimal-focus-ring {
        border-color: #66b3ff;
    }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {

    .minimal-offer-card,
    .minimal-image-container,
    .minimal-offer-image,
    .minimal-interaction-overlay,
    .interaction-ripple,
    .minimal-focus-ring {
        transition: none;
    }

}
.multiple-offers-section {
    width: 100%;
    margin: 40px 0;
    background-color: var(--feature-bg-color);
}

.offer-section-title {
    text-align: center;
    font-family: var(--title-font) ;
    background: var(--gradient-text);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    font-size: 2.5rem;
    font-weight: 900;
}

.multiple-offers-grid {
    padding: 2rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 20px;
}
.offer-image-box{
    height:500px;
    width:500px;
}
.offer-image-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
}


/* Mobile responsive */
@media (max-width: 1200px) {
    .offer-image-box {
        height: 450px;
        width: 450px;
    }

    .multiple-offers-grid {
        padding: 1rem;
    }

    .offer-section-title {
        font-size: 1.5rem;
    }
}
@media (max-width: 992px) {
    .offer-image-box {
        height: 350px;
        width: 350px;
    }

    .multiple-offers-grid {
        padding: 1rem;
    }

    .offer-section-title {
        font-size: 1.5rem;
    }
}
@media (max-width: 768px) {
    .offer-image-box {
            height: 300px;
            width: 300px;
        }
    .multiple-offers-grid {
        padding: 1rem;
    }
        .offer-section-title{
            font-size: 1.5rem;
        }
}
@media (max-width: 560px){
    .multiple-offers-grid {
        grid-template-columns:  1fr;
            padding: 0.5rem;
    }
        .offer-image-box {
            height: 250px;
            width: 250px;
        }
}
/* Animations */
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes shimmer {
  0% {
    background-position: -1000px 0;
  }
  100% {
    background-position: 1000px 0;
  }
}

@keyframes pulse {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.05);
    opacity: 0.8;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes float {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0px);
  }
}

/* Global Styles */
.bmg-global * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.bmg-global {
  font-family: 'Cormorant Garamond', 'Times New Roman', serif;
  color: #333;
  line-height: 1.6;
  background-color: #fafafa;
  overflow-x: hidden;
}

.bmg-global h1, 
.bmg-global h2, 
.bmg-global h3, 
.bmg-global h4 {
  font-family: var(--title-font);
  font-weight: 700;
  background: var(--gradient-text);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 1rem;
}

.bmg-global p {
  margin-bottom: 1.5rem;
  font-size: 1.1rem;
}

/* Custom scrollbar */
.bmg-global ::-webkit-scrollbar {
  width: 8px;
}

.bmg-global ::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.bmg-global ::-webkit-scrollbar-thumb {
  background: linear-gradient(to bottom, #b8860b, #d4af37);
  border-radius: 10px;
}

.bmg-global ::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(to bottom, #a57608, #c19b30);
}

/* Container */
.bmg-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

/* Header */
.bmg-header {
  background: linear-gradient(135deg, #f8f3ed 0%, #fdfbf8 100%);
  padding: 80px 20px 60px;
  text-align: center;
  border-bottom: 1px solid #e8e8e8;
  position: relative;
  overflow: hidden;
}

.bmg-header::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 5px;
  background: linear-gradient(90deg, #b8860b, #d4af37, #f9e076, #d4af37, #b8860b);
}

.bmg-header::after {
  content: '';
  position: absolute;
  top: 20%;
  right: -50px;
  width: 200px;
  height: 200px;
  background: radial-gradient(circle, rgba(184, 134, 11, 0.1) 0%, transparent 70%);
  animation: float 6s ease-in-out infinite;
}

/* Logo */
.bmg-logo {
  font-size: 3rem;
  margin-bottom: 15px;
  color: #b8860b;
  text-shadow: 2px 2px 4px rgba(0,0,0,0.1);
  position: relative;
  display: inline-block;
}

.bmg-logo::after {
  content: '';
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  width: 60%;
  height: 3px;
  background: linear-gradient(90deg, transparent, #d4af37, transparent);
}

/* Tagline */
.bmg-tagline {
  font-size: 1.3rem;
  font-style: italic;
  color: #666;
  max-width: 800px;
  margin: 0 auto;
  animation: fadeIn 1s ease-out;
  position: relative;
}

.bmg-tagline::before, 
.bmg-tagline::after {
  content: '"';
  font-size: 2rem;
  color: #d4af37;
  position: relative;
  top: 8px;
}

/* Section */
.bmg-section {
  padding: 60px 0;
  border-bottom: 1px solid #e8e8e8;
  animation: fadeIn 0.8s ease-out;
  position: relative;
}

.bmg-section-last {
  border-bottom: none;
}

.bmg-section::before {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 50%;
  transform: translateX(-50%);
  width: 80%;
  height: 1px;
  background: linear-gradient(90deg, transparent, #d4af37, transparent);
}

.bmg-section-last::before {
  display: none;
}

/* Section Title */
.bmg-section-title {
  font-size: 2.2rem;
  text-align: center;
  margin-bottom: 2.5rem;
  position: relative;
  padding-bottom: 20px;
}

.bmg-section-title::after {
  content: '';
  display: block;
  width: 100px;
  height: 4px;
  background: linear-gradient(90deg, #b8860b, #d4af37);
  margin: 20px auto 0;
  border-radius: 2px;
}

/* Content Wrapper */
.bmg-content-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
}

.bmg-content-wrapper-reverse {
  flex-direction: column-reverse;
}

/* Text Content */
.bmg-text-content {
  width: 100%;
}

.bmg-text-content p {
  font-size: 1.1rem;
  line-height: 1.7;
  margin-bottom: 25px;
  text-align: left;
}

.bmg-text-content p:first-child::first-letter {
  font-size: 2.8rem;
  font-family: 'Playfair Display', serif;
  color: #b8860b;
  float: left;
  line-height: 1;
  margin-right: 8px;
  margin-top: 5px;
}

/* Image Container */
.bmg-image-container {
  width: 100%;
  height: 350px;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 15px 30px rgba(0,0,0,0.12);
  position: relative;
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.bmg-image-container::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid rgba(184, 134, 11, 0.3);
  border-radius: 12px;
  pointer-events: none;
  z-index: 2;
}

.bmg-image-container:hover {
  transform: translateY(-5px);
  box-shadow: 0 20px 40px rgba(0,0,0,0.15);
}

.bmg-image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.7s ease;
}

.bmg-image-container:hover img {
  transform: scale(1.05);
}

/* Video Container */
.bmg-video-container {
  width: 100%;
  height: 350px;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 15px 30px rgba(0,0,0,0.12);
  position: relative;
}

.bmg-video-container::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid rgba(184, 134, 11, 0.3);
  border-radius: 12px;
  pointer-events: none;
  z-index: 2;
}

.bmg-video-container video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.bmg-video-container::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(45deg, rgba(184, 134, 11, 0.2), rgba(255, 215, 0, 0.1));
  pointer-events: none;
}

/* Play Button Overlay */
.bmg-play-button-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.4);
  transition: all 0.4s ease;
  cursor: pointer;
  z-index: 10;
}

.bmg-play-button-overlay-playing {
  opacity: 0;
}

.bmg-play-button-overlay:hover {
  background: rgba(0, 0, 0, 0.3);
}

.bmg-play-button-overlay::after {
  content: '▶';
  font-size: 3.5rem;
  color: white;
  text-shadow: 0 4px 15px rgba(0, 0, 0, 0.5);
  transition: transform 0.3s ease;
}

/* Values Grid */
.bmg-values-grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 30px;
  gap: 30px;
  margin-top: 40px;
}

/* Value Card */
.bmg-value-card {
  background: white;
  padding: 30px 25px;
  border-radius: 12px;
  text-align: center;
  box-shadow: 0 8px 20px rgba(0,0,0,0.06);
  transition: all 0.4s ease;
  position: relative;
  overflow: hidden;
}

.bmg-value-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #b8860b, #d4af37);
}

.bmg-value-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 15px 30px rgba(0,0,0,0.1);
}

.bmg-value-card h3 {
  margin: 15px 0;
  font-size: 1.5rem;
}

.bmg-value-card p {
  font-size: 1rem;
  line-height: 1.6;
}

/* Icon */
.bmg-icon {
  font-size: 2.5rem;
  margin-bottom: 20px;
  color: #b8860b;
  animation: pulse 2s ease-in-out infinite;
  display: inline-block;
}

/* Promise Container */
.bmg-promise-container {
  background: linear-gradient(135deg, #f8f3ed 0%, #fdfbf8 100%);
  padding: 40px 30px;
  border-radius: 12px;
  text-align: center;
  margin-top: 40px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 10px 25px rgba(0,0,0,0.04);
}

.bmg-promise-container::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #b8860b, #d4af37, #f9e076, #d4af37, #b8860b);
}

.bmg-promise-container::after {
  content: '';
  position: absolute;
  top: -50%;
  right: -50%;
  width: 100%;
  height: 200%;
  background: linear-gradient(45deg, transparent, rgba(255, 215, 0, 0.1), transparent);
  animation: shimmer 8s linear infinite;
  pointer-events: none;
}

.bmg-promise-container p {
  font-size: 1.1rem;
  max-width: 900px;
  margin: 0 auto 20px;
  line-height: 1.7;
  position: relative;
  z-index: 1;
}

/* Mission Section Styles */
.bmg-mission-section {
  background-color: #f8f9fa;
  padding: 40px 0;
  border-radius: 8px;
}

.bmg-mission-statement {
  padding-right: 0;
}

.bmg-mission-highlight {
  font-weight: 600;
  font-size: 1.1rem;
  color: #b8860b;
  margin-bottom: 20px;
  line-height: 1.6;
}

.bmg-icon-container {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 15px;
}

.bmg-mission-icon {
  font-size: 3.5rem;
  opacity: 0.8;
}

/* Vision Section Styles */
.bmg-vision-section {
  background: linear-gradient(135deg, #f8f3ed 0%, #f5f5f5 100%);
  padding: 40px 0;
  border-radius: 8px;
}

.bmg-vision-statement {
  padding-left: 0;
}

.bmg-vision-highlight {
  font-weight: 600;
  font-size: 1.1rem;
  color: #b8860b;
  margin-bottom: 20px;
  line-height: 1.6;
}

.bmg-vision-icon {
  font-size: 3.5rem;
  opacity: 0.8;
}

/* Video Loading */
.bmg-video-loading {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: rgba(255, 255, 255, 0.9);
  z-index: 5;
}

.bmg-video-spinner {
  width: 40px;
  height: 40px;
  border: 4px solid #f3f3f3;
  border-top: 4px solid #b8860b;
  border-radius: 50%;
  animation: spin 1s linear infinite;
  margin-bottom: 15px;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Tablet Styles */
@media (min-width: 768px) {
  .bmg-header {
    padding: 100px 20px 80px;
  }
  
  .bmg-logo {
    font-size: 3.5rem;
    margin-bottom: 20px;
  }
  
  .bmg-tagline {
    font-size: 1.5rem;
  }
  
  .bmg-section {
    padding: 80px 0;
  }
  
  .bmg-section-title {
    font-size: 2.5rem;
    margin-bottom: 3rem;
  }
  
  .bmg-content-wrapper {
    flex-direction: row;
    gap: 50px;
  }
  
  .bmg-content-wrapper-reverse {
    flex-direction: row-reverse;
  }
  
  .bmg-text-content {
    flex: 1 1;
  }
  
  .bmg-image-container,
  .bmg-video-container {
    flex: 1 1;
    height: 400px;
  }
  
  .bmg-values-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
  }
  
  .bmg-value-card {
    padding: 40px 30px;
  }
  
  .bmg-promise-container {
    padding: 60px 50px;
  }
  
  .bmg-mission-icon,
  .bmg-vision-icon {
    font-size: 4rem;
  }
}

/* Desktop Styles */
@media (min-width: 992px) {
  .bmg-logo {
    font-size: 4rem;
  }
  
  .bmg-tagline {
    font-size: 1.6rem;
  }
  
  .bmg-section-title {
    font-size: 3rem;
    margin-bottom: 4rem;
  }
  
  .bmg-content-wrapper {
    gap: 80px;
  }
  
  .bmg-text-content p {
    font-size: 1.2rem;
  }
  
  .bmg-image-container,
  .bmg-video-container {
    height: 500px;
  }
  
  .bmg-values-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 50px;
  }
  
  .bmg-value-card {
    padding: 50px 40px;
  }
  
  .bmg-value-card h3 {
    font-size: 1.8rem;
  }
  
  .bmg-value-card p {
    font-size: 1.15rem;
  }
  
  .bmg-icon {
    font-size: 3.5rem;
  }
  
  .bmg-promise-container {
    padding: 80px 70px;
  }
  
  .bmg-promise-container p {
    font-size: 1.25rem;
  }
  
  .bmg-play-button-overlay::after {
    font-size: 5rem;
  }
  
  .bmg-mission-statement {
    padding-right: 20px;
  }
  
  .bmg-vision-statement {
    padding-left: 20px;
  }
  
  .bmg-mission-icon,
  .bmg-vision-icon {
    font-size: 5rem;
  }
}

/* Large Desktop Styles */
@media (min-width: 1200px) {
  .bmg-container {
    padding: 0;
  }
}

/* High-resolution displays */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .bmg-logo {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}

/* Print Styles */
@media print {
  .bmg-global {
    background: white;
    color: black;
    font-size: 12pt;
    line-height: 1.5;
  }
  
  .bmg-header,
  .bmg-section {
    page-break-inside: avoid;
    break-inside: avoid;
  }
  
  .bmg-image-container,
  .bmg-video-container,
  .bmg-play-button-overlay {
    display: none;
  }
  
  .bmg-value-card {
    box-shadow: none;
    border: 1px solid #ddd;
  }
}


.account-navigation-panel {
  width: 280px;
  background-color: var(--primary-color);
  padding: 1.5rem;
  position: -webkit-sticky;
  position: sticky;
  top: 1rem;
  margin-top: 120px ;
}

.user-profile-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 1.5rem;
  margin-bottom: 1.5rem;
  border-bottom: 1px solid var(--border-color);
}

.profile-image-container {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  overflow: hidden;
  margin-bottom: 1rem;
  border: 3px solid var(--primary-color);
}

.profile-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.profile-info {
  text-align: center;
}

.profile-name {
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--text-color);
  margin-bottom: 0.25rem;
}

.user-email {
  font-size: 0.875rem;
  color: var(--text-light);
}

.account-navigation {
  margin-top: 1rem;
}

.navigation-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.navigation-item {
  margin-bottom: 0.5rem;
}

.navigation-link {
  display: flex;
  align-items: center;
  padding: 0.75rem 1rem;
  color: var(--text-light);
  text-decoration: none;
  border-radius: var(--radius-sm);
  transition: var(--transition);
  width: 100%;
  background: none;
  border: none;
  cursor: pointer;
  text-align: left;
  font-size: 0.9375rem;
}

.navigation-link:hover {
  background-color: var(--primary-hover-color);
  color: var(--text-color);
}

.navigation-link.current-route {
  background-color: rgba(79, 70, 229, 0.1);
  color: var(--primary-hover-color);
  font-weight: 500;
}

.link-icon {
  margin-right: 0.75rem;
  display: flex;
  align-items: center;
}

.link-text {
  flex: 1 1;
}

.sign-out-btn {
  color: var(--danger-color);
}

.sign-out-btn:hover {
  background-color: rgba(239, 68, 68, 0.1);
  color: var(--danger-color);
}

/* Mobile styles */
.mobile-menu-header {
  display: none;
  align-items: center;
  padding: 1rem;
  background-color: var(--white);
  border-radius: var(--radius-md);
  cursor: pointer;
  margin-bottom: 0.5rem;
}

.mobile-menu-toggle {
  margin-right: 1rem;
}

.mobile-profile-info {
  flex: 1 1;
}

.sidebar-content {
  display: block;
}

@media(max-width:1200px){
  .account-navigation-panel{
    margin-top: 80px
  }
}
/* Responsive styles */
@media (max-width: 992px) {
  .account-navigation-panel {
    width: 240px;
    margin-top: 0px;
    top:0rem;
  }
}

@media (max-width: 768px) {
  .account-navigation-panel {
    width: 100%;
    background-color: var(--white-color);
    position: static;
    margin-bottom: 1.5rem;
    padding: 0;
    box-shadow: none;
      margin-top:10px;
  }

  .mobile-menu-header {
    display: flex;
  }

  .sidebar-content {
    display: none;
    padding: 0 1rem 1rem;
  }

  .sidebar-content.mobile-open {
    display: block;
  }

  .user-profile-card {
    align-items: center;
    text-align: left;
    padding: 1rem 0;
    margin-bottom: 1rem;
    border-bottom: 1px solid var(--border-color);
  }

  .profile-image-container {
    margin-right: 1rem;
    margin-bottom: 0;
    width: 40px;
    height: 40px;
  }
.profile-avatar-container{
  width:40px !important; 
  height: 40px !important;
}
  .profile-info {
    text-align: left;
  }

  .navigation-list {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
  }

  .navigation-item {
    margin-bottom: 0;
  }
}

@media (max-width: 480px) {
  .mobile-menu-header {
    padding: 0.75rem;
  }

  .profile-image-container {
    width: 50px;
    height: 50px;
  }

  .profile-name {
    font-size: 1rem;
  }

  .user-email {
    font-size: 0.8125rem;
  }

  .navigation-link {
    padding: 0.75rem;
  }

  .link-icon {
    margin-right: 0.5rem;
  }
}
/* Add these styles to your existing CSS */

.profile-avatar-container {
  width: 70px;
  height: 70px;
  margin: 0 auto 1rem;
}

.profile-avatar {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #3498db; /* You can change this color */
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
  font-weight: bold;
  text-transform: uppercase;
}

/* Remove or comment out the old profile image styles */
/*
.profile-image-container {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto 1rem;
}

.profile-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
*/

/* Mobile profile avatar */
.mobile-profile-info {
  /* Add this if you want to show initials on mobile header too */
  display: flex;
  align-items: center;
  gap: 1rem;
}

.mobile-profile-avatar {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #3498db;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  text-transform: uppercase;
  flex-shrink: 0;
}
/* Dashboard.css */

/* Base Variables */
:root {
  
  --border-color: #e2e8f0;
  --accent-blue: #b37752;
  --accent-rose: #f43f5e;
  --accent-purple: #8b5cf6;
  --status-green: #d1fae5;
  --status-blue: #fef3ec;
  --status-amber: #fef3c7;
  --status-red: #fee2e2;
  --status-gray: #f3f4f6;

  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 8px rgba(0, 0, 0, 0.1);
  --shadow-hover: 0 6px 12px rgba(0, 0, 0, 0.15);
}

/* Base Styles */
.dashboard {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  background: var(--primary-color);
  font-family: var(--font-secondary);
}

.dashboard__content {
  flex: 1 1;
  padding: 1.5rem;
  background: var(--primary-color);
}

.dashboard__content.menu-open {
  overflow: hidden;
}

.dashboard__container {
  max-width: 1280px;
  margin: 0 auto;
}

/* Header Styles */
.dashboard__header {
  margin-bottom: 1.5rem;
  text-align: left;
}

.dashboard__title {
  font-size: 1.75rem;
  font-weight: 700;
  color: var(--primary-text-color);
  margin: 0 0 0.5rem 0;
  font-family: var(--font-primary);
}

.dashboard__subtitle {
  font-size: 0.9rem;
  color: var(--secondary-text-color);
  margin: 0;
  font-family: var(--font-secondary);
}

/* Mobile Header */
.dashboard__mobile-header {
  display: none;
  background: var(--primary-card-color);
  padding: 1rem;
  border-bottom: 1px solid #e2e8f0;
  border-bottom: 1px solid var(--border-color);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  box-shadow: var(--shadow-sm);
}

.dashboard__mobile-title {
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--primary-text-color);
  margin: 0;
  font-family: var(--font-primary);
}

/* Metrics Section */
.metrics {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 1rem;
  gap: 1rem;
  margin-bottom: 2rem;
}

.metric-card {
  background: var(--primary-card-color);
  border-radius: 12px;
  border-radius: var(--radius-lg);
  padding: 1.25rem;
  display: flex;
  align-items: center;
  gap: 1rem;
  border: 1px solid #e2e8f0;
  border: 1px solid var(--border-color);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  box-shadow: var(--shadow-sm);
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}

.metric-card:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  box-shadow: var(--shadow-md);
  transform: translateY(-2px);
}

.metric-card__icon {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 6px;
  border-radius: var(--radius-sm);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.metric-card__content {
  flex: 1 1;
}

.metric-card__value {
  font-size: 1.75rem;
  font-weight: 700;
  color: var(--primary-text-color);
  margin: 0;
  font-family: var(--font-primary);
}

.metric-card__label {
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--primary-text-color);
  margin: 0.25rem 0 0.125rem 0;
  font-family: var(--font-secondary);
}

.metric-card__description {
  font-size: 0.8rem;
  color: var(--secondary-text-color);
  margin: 0;
  font-family: var(--font-secondary);
}

.metric-card__arrow {
  color: var(--secondary-text-color);
  transition: transform 0.2s ease-in-out;
}

.metric-card:hover .metric-card__arrow {
  transform: translateX(4px);
}

/* Color Variants for Metric Cards */
.metric-card--blue {
  --icon-bg: var(--status-blue);
  --icon-color: var(--accent-blue);
}

.metric-card--rose {
  --icon-bg: #fce7f3;
  --icon-color: var(--accent-rose);
}

.metric-card--purple {
  --icon-bg: #ede9fe;
  --icon-color: var(--accent-purple);
}

.metric-card__icon {
  background: var(--icon-bg);
  color: var(--icon-color);
}


/* Loading State */
.loading {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 300px;
  gap: 1rem;
}

.loading__spinner {
  color: #b37752;
  color: var(--accent-blue);
  animation: spin 1s linear infinite;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

.loading__text {
  font-size: 0.85rem;
  color: var(--secondary-text-color);
  margin: 0;
  font-family: var(--font-secondary);
}

/* Error State */
.error {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 300px;
  gap: 1rem;
  text-align: center;
  padding: 2rem;
  background: var(--primary-card-color);
  border-radius: 8px;
  border-radius: var(--radius-md);
  border: 1px solid #e2e8f0;
  border: 1px solid var(--border-color);
}

.error__icon {
  color: #f43f5e;
  color: var(--accent-rose);
}

.error__title {
  font-size: 1.1rem;
  font-weight: 600;
  color: var(--primary-text-color);
  margin: 0;
  font-family: var(--font-primary);
}

.error__message {
  font-size: 0.85rem;
  color: var(--secondary-text-color);
  margin: 0;
  max-width: 320px;
  font-family: var(--font-secondary);
}

.error__detail {
  font-size: 0.75rem;
  color: #991b1b;
  background: #fee2e2;
  background: var(--status-red);
  padding: 0.5rem 1rem;
  border-radius: 6px;
  border-radius: var(--radius-sm);
  margin-top: 0.5rem;
  font-family: var(--font-secondary);
}

.error__retry {
  padding: 0.5rem 1rem;
  background: #b37752;
  background: var(--accent-blue);
  color: #ffffff;
  border: none;
  border-radius: 6px;
  border-radius: var(--radius-sm);
  font-size: 0.85rem;
  font-weight: 600;
  cursor: pointer;
  font-family: var(--font-secondary);
  transition: all 0.2s ease-in-out;
}

.error__retry:hover {
  background: #a16943;
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  box-shadow: var(--shadow-md);
}



/* Focus States for Accessibility */
.metric-card:focus,

.error__retry:focus
{
  outline: 2px solid #b37752;
  outline: 2px solid var(--accent-blue);
  outline-offset: 2px;
}


/* Large Tablets and Small Laptops (1024px and below) */
@media (max-width: 1024px) {
  .dashboard__container {
    max-width: 960px;
  }

  .dashboard__content {
    padding: 1rem;
  }

  .metrics {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.75rem;
  }

  .metric-card {
    padding: 1rem;
  }

  .metric-card__icon {
    width: 2.25rem;
    height: 2.25rem;
  }

  .metric-card__value {
    font-size: 1.5rem;
  }

}

/* Medium Tablets and Large Phones (768px and below) */
@media (max-width: 768px) {
  .dashboard__mobile-header {
    display: block;
  }

  .dashboard__header {
    display: none;
  }

  .dashboard__content {
    padding: 0.75rem;
  }

  .metrics {
    grid-template-columns: 1fr;
    gap: 0.75rem;
  }

  .metric-card {
    padding: 0.875rem;
  }

  .metric-card__icon {
    width: 2rem;
    height: 2rem;
  }

  .metric-card__value {
    font-size: 1.25rem;
  }

  .metric-card__label {
    font-size: 0.85rem;
  }

  .metric-card__description {
    font-size: 0.75rem;
  }

}

/* Small Tablets and Large Phones (600px and below) */
@media (max-width: 600px) {
  .dashboard__content {
    padding: 0.5rem;
  }

  .dashboard__mobile-title {
    font-size: 1.1rem;
  }

  .metrics {
    gap: 0.5rem;
  }

  .metric-card {
    padding: 0.75rem;
  }

  .metric-card__icon {
    width: 1.875rem;
    height: 1.875rem;
  }

  .metric-card__value {
    font-size: 1.125rem;
  }

  .metric-card__label {
    font-size: 0.8rem;
  }

  .metric-card__description {
    font-size: 0.7rem;
  }


}

/* Small Phones (480px and below) */
@media (max-width: 480px) {
  .dashboard__content {
    padding: 0.5rem;
  }

  .dashboard__mobile-header {
    padding: 0.75rem;
  }

  .dashboard__mobile-title {
    font-size: 1rem;
  }

  .metrics {
    gap: 0.5rem;
  }

  .metric-card {
    padding: 0.75rem;
    gap: 0.75rem;
  }

  .metric-card__icon {
    width: 1.75rem;
    height: 1.75rem;
  }

  .metric-card__value {
    font-size: 1rem;
  }

  .metric-card__label {
    font-size: 0.75rem;
  }

  .metric-card__description {
    font-size: 0.65rem;
  }

 
}

/* Extra Small Devices (360px and below) */
@media (max-width: 360px) {
  .dashboard__content {
    padding: 0.25rem;
  }

  .dashboard__mobile-header {
    padding: 0.5rem;
  }

  .dashboard__mobile-title {
    font-size: 0.9rem;
  }

  .metric-card {
    padding: 0.625rem;
    gap: 0.625rem;
  }

  .metric-card__icon {
    width: 1.5rem;
    height: 1.5rem;
  }

  .metric-card__value {
    font-size: 0.9rem;
  }

  .metric-card__label {
    font-size: 0.7rem;
  }

  .metric-card__description {
    font-size: 0.6rem;
  }

  
}

/* Landscape Orientation for Mobile Devices */
@media (max-width: 896px) and (orientation: landscape) {
  .dashboard__content {
    padding: 0.5rem;
  }

  .metrics {
    grid-template-columns: repeat(3, 1fr);
    gap: 0.5rem;
  }

  .metric-card {
    padding: 0.5rem;
  }

  .metric-card__icon {
    width: 1.5rem;
    height: 1.5rem;
  }

  .metric-card__value {
    font-size: 1rem;
  }

  
}

/* Print Styles */
@media print {
  .dashboard__content {
    padding: 1rem;
  }

  .dashboard__mobile-header,
  .metric-card__arrow,
  .order-history__view-all {
    display: none;
  }

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

  .order-history__table-container {
    overflow-x: visible;
  }

  .order-history__table-row {
    page-break-inside: avoid;
    break-inside: avoid;
  }

  .order-history__table-row--clickable:hover {
    background: transparent;
    transform: none;
    box-shadow: none;
  }
}



/* Professional Order History Section */
.order-history {
  background: var(--primary-card-color);
  border-radius: 12px;
  border-radius: var(--radius-lg);
  padding: clamp(1rem, 3vw, 1.5rem);
  border: 1px solid var(--grey-color);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}

.order-history__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: clamp(1rem, 2vw, 1.25rem);
  padding-bottom: clamp(0.5rem, 1.5vw, 0.75rem);
}

.order-history__title-group {
  flex: 1 1;
}

.order-history__title {
  font-size: clamp(1.25rem, 4vw, 1.5rem);
  font-weight: 700;
  color: var(--primary-text-color);
  margin: 0;
  font-family: var(--secondary-font);
}

.order-history__subtitle {
  font-size: clamp(0.75rem, 2.5vw, 0.875rem);
  color: var(--grey-color);
  margin: 0.25rem 0 0 0;
  font-family: var(--secondary-font);
}

.order-history__view-all {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: clamp(0.75rem, 2vw, 0.875rem);
  font-weight: 600;
  color: var(--primary-text-color);
  background: var(--primary-color);
  border: 1px solid var(--grey-color);
  padding: clamp(0.5rem, 1.5vw, 0.75rem) clamp(0.75rem, 2vw, 1rem);
  border-radius: 6px;
  border-radius: var(--radius-sm);
  cursor: pointer;
  font-family: var(--secondary-font);
  transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
}

.order-history__view-all:hover {
  background: var(--primary-hover-color);
  color: #ffffff;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* Order Cards */
.order-history__cards {
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 2vw, 1rem);
}

.order-history__card {
  background: var(--primary-card-color);
  border-radius: 8px;
  border-radius: var(--radius-md);
  border: 1px solid var(--grey-color);
  padding: clamp(0.75rem, 2vw, 1rem);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  cursor: pointer;
}

.order-history__card:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
}

.order-history__card-content {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: clamp(1rem, 2vw, 1.5rem);
}

.order-history__items-info {
  flex: 2 1;
  display: flex;
  align-items: center;
  gap: clamp(0.5rem, 1.5vw, 0.875rem);
}

.order-history__item-image-container {
  width: clamp(40px, 8vw, 60px);
  height: clamp(40px, 8vw, 60px);
  flex-shrink: 0;
}

.order-history__item-image {
  width: 100%;
  height: 100%;
  border-radius: 6px;
  border-radius: var(--radius-sm);
  overflow: hidden;
  border: 1px solid var(--grey-color);
  background: var(--primary-color);
  
}

.order-history__item-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.order-history__item-image-placeholder {
  width: 100%;
  height: 100%;
  border-radius: 6px;
  border-radius: var(--radius-sm);
  background: var(--primary-color);
  border: 1px dashed var(--grey-color);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--grey-color);
}

.order-history__items-details {
  flex: 1 1;
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.order-history__items-text {
  font-size: clamp(0.75rem, 2.5vw, 0.875rem);
  color: var(--primary-text-color);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: clamp(100px, 30vw, 150px);
  font-family: var(--secondary-font);
  text-transform: lowercase;
}

.order-history__items-count {
  font-size: clamp(0.65rem, 2vw, 0.75rem);
  color: var(--grey-color);
  font-family: var(--secondary-font);
  margin-top: 0.125rem;
}

.order-history__status {
  flex: 1 1;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  align-items: flex-start;
}

.order-history__status-badge {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: clamp(0.25rem, 1vw, 0.375rem) clamp(0.5rem, 1.5vw, 0.75rem);
  border-radius: 6px;
  border-radius: var(--radius-sm);
  font-size: clamp(0.65rem, 2vw, 0.75rem);
  font-weight: 600;
  text-transform: uppercase;
  font-family: var(--secondary-font);
  background: #d1fae5;
  background: var(--status-green);
  color: #065f46;
  animation: pulseBadge 0.5s ease;
}

.order-history__status-badge--green {
  background: #d1fae5;
  background: var(--status-green);
  color: #065f46;
}

.order-history__status-badge--blue {
  background: #fef3ec;
  background: var(--status-blue);
  color: var(--primary-text-color);
}

.order-history__status-badge--amber {
  background: #fef3c7;
  background: var(--status-amber);
  color: #92400e;
}

.order-history__status-badge--red {
  background: var(--red-color);
  color: #ffffff;
}

.order-history__status-badge--gray {
  background: var(--grey-color);
  color: var(--primary-text-color);
}

.order-history__tracking-id {
  font-size: clamp(0.6rem, 1.5vw, 0.65rem);
  color: var(--grey-color);
  font-family: var(--secondary-font);
}

.order-history__total {
  flex: 1 1;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  align-items: flex-end;
}

.order-history__total-amount {
  font-size: clamp(0.75rem, 2.5vw, 0.875rem);
  font-weight: 600;
  color: #059669;
  font-family: var(--secondary-font);
}

.order-history__payment-mode {
  font-size: clamp(0.6rem, 1.5vw, 0.65rem);
  color: var(--grey-color);
  font-family: var(--secondary-font);
}

/* Empty State */
.order-history__empty {
  text-align: center;
  padding: clamp(1.5rem, 4vw, 2rem);
  background: var(--primary-card-color);
  border-radius: 8px;
  border-radius: var(--radius-md);
  border: 1px dashed var(--grey-color);
}

.order-history__empty-icon {
  margin-bottom: 1rem;
  color: var(--grey-color);
}

.order-history__empty-title {
  font-size: clamp(0.875rem, 3vw, 1rem);
  font-weight: 600;
  color: var(--primary-text-color);
  margin: 0 0 0.5rem 0;
  font-family: var(--secondary-font);
}

.order-history__empty-message {
  font-size: clamp(0.75rem, 2.5vw, 0.875rem);
  color: var(--grey-color);
  margin: 0 0 1.5rem 0;
  max-width: clamp(240px, 60vw, 320px);
  margin-left: auto;
  margin-right: auto;
  font-family: var(--secondary-font);
}

.order-history__shop-now {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: clamp(0.5rem, 1.5vw, 0.75rem) clamp(0.75rem, 2vw, 1rem);
  background: var(--primary-text-color);
  color: #ffffff;
  text-decoration: none;
  border-radius: 6px;
  border-radius: var(--radius-sm);
  font-size: clamp(0.75rem, 2vw, 0.875rem);
  font-weight: 600;
  font-family: var(--secondary-font);
  transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
}

.order-history__shop-now:hover {
  background: var(--primary-hover-color);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* Animations */
@keyframes pulseBadge {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.05);
  }

  100% {
    transform: scale(1);
  }
}

/* Responsive Design */
@media (max-width: 836px) {
  .order-history {
    padding: clamp(0.75rem, 2vw, 1rem);
  }

  .order-history__header {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
  }

  .order-history__title {
    font-size: clamp(1rem, 3.5vw, 1.25rem);
    

  }

  .order-history__subtitle {
    font-size: clamp(0.65rem, 2vw, 0.75rem);
  }

  .order-history__view-all {
    font-size: clamp(0.65rem, 1.5vw, 0.75rem);
    padding: clamp(0.4rem, 1vw, 0.5rem) clamp(0.5rem, 1.5vw, 0.75rem);
  }

  .order-history__card {
    padding: clamp(0.5rem, 1.5vw, 0.75rem);
  }

  .order-history__card-content {
    flex-direction: row;
    align-items: flex-start;
    gap: clamp(0.5rem, 1.5vw, 0.75rem);
  }

  .order-history__items-info {
    flex: 1 1;
    width: 100%;
  }

  .order-history__item-image-container {
    width: clamp(32px, 8vw, 40px);
    height: clamp(32px, 8vw, 40px);
  }

  .order-history__items-text {
    font-size: clamp(0.65rem, 2vw, 0.75rem);
    max-width: clamp(80px, 40vw, 80px);
  }

  .order-history__items-count {
    font-size: clamp(0.6rem, 1.5vw, 0.65rem);
  }

  .order-history__status {
    flex: 1 1;
    width: 100%;
  }

  .order-history__status-badge {
    font-size: clamp(0.6rem, 1.5vw, 0.65rem);
    padding: clamp(0.2rem, 0.8vw, 0.25rem) clamp(0.4rem, 1vw, 0.5rem);
  }

  .order-history__tracking-id {
    font-size: clamp(0.55rem, 1.2vw, 0.6rem);
  }

  .order-history__total {
    flex: 1 1;
    width: 100%;
    align-items: flex-start;
  }

  .order-history__total-amount {
    font-size: clamp(0.65rem, 2vw, 0.75rem);
  }

  .order-history__payment-mode {
    font-size: clamp(0.55rem, 1.2vw, 0.6rem);
  }

  .order-history__empty {
    padding: clamp(1rem, 3vw, 1.5rem);
  }

  .order-history__empty-title {
    font-size: clamp(0.75rem, 2.5vw, 0.875rem);
  }

  .order-history__empty-message {
    font-size: clamp(0.65rem, 2vw, 0.75rem);
  }

  .order-history__shop-now {
    font-size: clamp(0.65rem, 1.5vw, 0.75rem);
    padding: clamp(0.4rem, 1vw, 0.5rem) clamp(0.5rem, 1.5vw, 0.75rem);
  }
}

@media (max-width: 480px) {
  .order-history {
    padding: clamp(0.5rem, 1.5vw, 0.75rem);
  }

  .order-history__title {
    font-size: clamp(0.875rem, 3vw, 1rem);
  }

  .order-history__subtitle {
    font-size: clamp(0.6rem, 1.5vw, 0.65rem);
  }

  .order-history__view-all {
    font-size: clamp(0.6rem, 1.2vw, 0.65rem);
    padding: clamp(0.3rem, 0.8vw, 0.4rem) clamp(0.4rem, 1vw, 0.5rem);
  }

  .order-history__item-image-container {
    width: clamp(28px, 7vw, 32px);
    height: clamp(28px, 7vw, 32px);
  }

  .order-history__items-text {
    font-size: clamp(0.6rem, 1.5vw, 0.65rem);
    max-width: clamp(60px, 40vw,60px);
  }

  .order-history__items-count {
    font-size: clamp(0.55rem, 1.2vw, 0.6rem);
  }

  .order-history__status-badge {
    font-size: clamp(0.55rem, 1.2vw, 0.6rem);
    padding: clamp(0.15rem, 0.6vw, 0.2rem) clamp(0.3rem, 0.8vw, 0.4rem);
  }

  .order-history__tracking-id {
    font-size: clamp(0.5rem, 1vw, 0.55rem);
  }

  .order-history__total-amount {
    font-size: clamp(0.6rem, 1.5vw, 0.65rem);
  }

  .order-history__payment-mode {
    font-size: clamp(0.5rem, 1vw, 0.55rem);
  }

  .order-history__empty-title {
    font-size: clamp(0.7rem, 2vw, 0.75rem);
  }

  .order-history__empty-message {
    font-size: clamp(0.6rem, 1.5vw, 0.65rem);
    max-width: clamp(200px, 50vw, 240px);
  }

  .order-history__shop-now {
    font-size: clamp(0.6rem, 1.2vw, 0.65rem);
    padding: clamp(0.3rem, 0.8vw, 0.4rem) clamp(0.4rem, 1vw, 0.5rem);
  }
}

/* Print Styles */
@media print {
  .order-history {
    padding: 1rem;
  }

  .order-history__view-all {
    display: none;
  }

  .order-history__card {
    page-break-inside: avoid;
    break-inside: avoid;
    box-shadow: none;
    transform: none;
  }

  .order-history__card:hover {
    transform: none;
    box-shadow: none;
  }
}
/* Base Styles */
.account-container {
  display: flex;
  min-height: 100vh;
  background-color: var(--primary-color);
  font-family: var(--font-secondary);
}

.order-content {
  flex: 1 1;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  max-width: 1440px;
  margin: 0 auto;
  width: 100%;
  transition: var(--transition-base);
}

.order-header-container {
  margin-bottom: 2.5rem;
  padding-bottom: 1.25rem;
  border-bottom: 1px solid var(--secondary-card-color);
}

.order-main-title {
  font-size: clamp(1.8rem, 3vw, 2rem);
  color: var(--primary-hover-color);
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 0.75rem;
  font-family: var(--primary-font);
  letter-spacing: -0.025em;
  
}

.order-subtitle {
  color: var(--primary-text-color);
  font-size: clamp(0.9rem, 2vw, 1rem);
  font-weight: 400;
  line-height: 1.6;
}

/* Desktop Card Styles */
.desktop-view {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.order-card-desktop {
  background-color: var(--primary-card-color);
  border-radius: var(--radius-md);
  padding: 1.5rem;
  cursor: pointer;
  transition: var(--transition-base);
  width: 100%;
}



.order-card-content-desktop {
  display: grid;
  grid-template-columns: 80px 5fr 1fr 1fr ;
  align-items: center;
  grid-gap: 1.5rem ;
  gap: 1.5rem ;
  
}

.order-product-image-desktop {
  width: 80px;
  height: 80px;
  border-radius: var(--radius-sm);
  overflow: hidden;
  flex-shrink: 0;
  box-shadow: var(--shadow-sm);
}

.order-product-image-desktop img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: var(--transition-base);
}

.order-card-desktop:hover .order-product-image-desktop img {
  transform: scale(1.05);
}

.order-product-details-desktop {
  display: flex;
  flex-direction: column;
}

.order-product-name-desktop {

  color: var(--primary-text-color);
  font-size: clamp(0.95rem, 2vw, 1.05rem);
  line-height: 1.5;
  text-transform: lowercase;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
 
  
}

.order-meta-desktop {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}


.order-date-desktop {
  font-size: clamp(0.85rem, 1.5vw, 0.95rem);
  color: var(--text-secondary);
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.order-total-desktop {
  font-weight: 600;
  color: var(--primary-hover-color);
  font-size: clamp(1rem, 2vw, 1.1rem);
}

.order-status-desktop {
  border-radius: 999px;
  font-size: clamp(0.75rem, 1.5vw, 0.75rem);
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-transform: lowercase;
  min-width: 120px;
  transition: var(--transition-base);
}

/* Status Styles */
.order-status-mobile,
.order-status-desktop {
  padding: 0.5rem 1rem;
  border-radius: 999px;
  font-size: clamp(0.75rem, 1.5vw, 0.85rem);
  font-weight: 600;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-transform: lowercase;
  min-width: 120px;
  transition: var(--transition-base);
}

.order-status-mobile.unfulfilled,
.order-status-mobile.pending,
.order-status-desktop.unfulfilled,
.order-status-desktop.pending {
  background: linear-gradient(135deg, rgba(255, 193, 7, 0.15), rgba(255, 193, 7, 0.1));
  color: #ffc107;
  border: 1px solid rgba(255, 193, 7, 0.3);
}
.order-status-mobile.shipped,
.order-status-mobile.shipped,
.order-status-desktop.shipped,
.order-status-desktop.shipped{
  background: linear-gradient(135deg, rgba(137, 40, 167, 0.15),rgba(146, 40, 167, 0.1));
  color: #9c28a7;
  border: 1px solid rgba(167, 40, 161, 0.3);
}
.order-status-mobile.completed,
.order-status-mobile.delivered,
.order-status-desktop.completed,
.order-status-desktop.delivered {
  background: linear-gradient(135deg, rgba(40, 167, 69, 0.15), rgba(40, 167, 69, 0.1));
  color: #28a745;
  border: 1px solid rgba(40, 167, 69, 0.3);
}

.order-status-mobile.cancelled,
.order-status-desktop.cancelled {
  background: linear-gradient(135deg, rgba(220, 53, 69, 0.15), rgba(220, 53, 69, 0.1));
  color: #dc3545;
  border: 1px solid rgba(220, 53, 69, 0.3);
}

.order-status-mobile.in_processing,
.order-status-desktop.in_processing ,
.order-status-mobile.in_processing ,
.order-status-mobile.in_processing {
  background: linear-gradient(135deg, rgba(0, 123, 255, 0.15), rgba(0, 123, 255, 0.1));
  color: #007bff;
  border: 1px solid rgba(0, 123, 255, 0.3);
}
.order-status-mobile.packed,
.order-status-desktop.packed,
.order-status-mobile.packed,
.order-status-mobile.packed {
  background: linear-gradient(135deg, rgba(255, 102, 0, 0.15), rgba(255, 102, 0, 0.1));
  color: #ff9900;
  border: 1px solid rgba(255, 145, 0, 0.3);
}

/* Mobile Card Styles */
.mobile-view {
  display: none;
}

.order-card-mobile {
  background-color: var(--white-color);
  border-radius: var(--radius-md);
  padding: 1.75rem;
  margin-bottom: 1.5rem;
  box-shadow: var(--shadow-md);
  cursor: pointer;
  transition: var(--transition-base);
}

.order-card-mobile:hover,
.order-card-mobile:focus {
  transform: translateY(-4px);
  box-shadow: var(--shadow-md);
}

.order-card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.5rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--secondary-card-color);
}

.order-id-mobile {
  font-weight: 700;
  color: var(--primary-text-color);
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-size: clamp(1rem, 2vw, 1.1rem);
}

.order-status-mobile {
  border-radius: 999px;
  font-size: clamp(0.7rem, 1.5vw, 0.8rem);
  font-weight: 600;
  min-width: 90px;
  text-align: center;
}

.order-product-info-mobile {
  display: flex;
  gap: 1.5rem;
  margin-bottom: 1.5rem;
}

.order-product-image-mobile {
  width: 96px;
  height: 96px;
  border-radius: var(--radius-sm);
  overflow: hidden;
  flex-shrink: 0;
  box-shadow: var(--shadow-sm);
}

.order-product-image-mobile img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: var(--transition-base);
}

.order-product-details-mobile {
  flex: 1 1;
}

.order-product-name-mobile {
  color: var(--primary-text-color);
  font-size: clamp(0.95rem, 2vw, 1.05rem);
  line-height: 1.5;
  text-transform: lowercase;
}

.order-date-mobile {
  font-size: clamp(0.8rem, 1.5vw, 0.9rem);
  color: var(--primary-text-color);
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
}

.order-total-mobile {
  font-weight: 600;
  text-align: right;
  color: var(--primary-hover-color);
  font-size: clamp(1rem, 2vw, 0.8rem);
  padding-top: 0.5rem;
  border-top: 1px solid var(--secondary-card-color);
}

/* Pagination */
.order-pagination {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 3rem;
  padding-top: 1.75rem;
  border-top: 1px solid var(--secondary-card-color);
}

.pagination-controls {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.pagination-btn {
  padding: 0.75rem 1.5rem;
  border: 1px solid var(--grey-color);
  background: linear-gradient(to bottom, var(--white-color), var(--primary-card-color));
  border-radius: var(--radius-sm);
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  transition: var(--transition-base);
  font-weight: 500;
  color: var(--primary-text-color);
}

.pagination-btn:hover:not(.disabled),
.pagination-btn:focus:not(.disabled) {
  background: linear-gradient(to bottom, var(--primary-card-color), var(--white-color));
  border-color: var(--primary-hover-color);
  color: var(--primary-hover-color);
  transform: translateY(-2px);
}

.pagination-btn.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.page-info {
  font-size: clamp(0.85rem, 1.5vw, 0.95rem);
  color: var(--primary-text-color);
}

/* Loading and Error States */
.order-loading-screen {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60vh;
  flex-direction: column;
  gap: 1.5rem;
}

.order-loading-spinner {
  text-align: center;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

.loading-text {
  margin-top: 1.5rem;
  color: var(--primary-text-color);
  font-size: clamp(1rem, 2vw, 1.1rem);
}

.order-error-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60vh;
}

.order-error-card {
  text-align: center;
  max-width: 480px;
  padding: 2.5rem;
  background-color: var(--white-color);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-md);
}

.order-error-icon {
  margin-bottom: 1.75rem;
  font-size: 3.5rem;
  color: #dc3545;
}

.error-title {
  font-size: clamp(1.5rem, 3vw, 1.75rem);
  margin-bottom: 1rem;
  color: var(--primary-text-color);
  font-family: var(--font-primary);
}

.error-message {
  color: var(--text-secondary);
  margin-bottom: 2rem;
  line-height: 1.6;
  font-size: clamp(0.95rem, 2vw, 1.05rem);
}

.order-retry-button {
  padding: 0.75rem 2rem;
  background: linear-gradient(135deg, var(--primary-hover-color), #6d28d9);
  color: var(--white-color);
  border: none;
  border-radius: var(--radius-sm);
  cursor: pointer;
  font-weight: 600;
  transition: var(--transition-base);
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
}

.order-retry-button:hover,
.order-retry-button:focus {
  background: linear-gradient(135deg, #6d28d9, var(--primary-hover-color));
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

/* Empty State */
.order-empty-state {
  text-align: center;
  padding: 4rem 2rem;
  background-color: var(--white-color);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-md);
  max-width: 640px;
  margin: 2rem auto;
}

.order-empty-illustration {
  margin-bottom: 2rem;
  color: var(--primary-text-color);
  font-size: 5rem;
  opacity: 0.7;
}

.empty-title {
  font-size: clamp(1.5rem, 3vw, 1.75rem);
  margin-bottom: 1.25rem;
  color: var(--primary-text-color);
  font-family: var(--font-primary);
}

.empty-message {
  color: var(--text-secondary);
  margin-bottom: 2rem;
  font-size: clamp(0.95rem, 2vw, 1.1rem);
  line-height: 1.6;
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
}
.paymentMode-container{
  margin: 0 10px;
}
.order-shop-button {
  padding: 0.85rem 2.5rem;
  background: linear-gradient(135deg, var(--primary-hover-color), #6d28d9);
  color: var(--white-color);
  border: none;
  border-radius: var(--radius-sm);
  cursor: pointer;
  font-weight: 600;
  font-size: clamp(0.95rem, 2vw, 1.05rem);
  transition: var(--transition-base);
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
}

.order-shop-button:hover,
.order-shop-button:focus {
  background: linear-gradient(135deg, #6d28d9, var(--primary-hover-color));
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

/* Responsive Design */
@media (max-width: 1280px) {
  .order-content {
    padding: clamp(1.25rem, 2vw, 1.75rem);
  }
    .order-product-name-desktop {
      max-width: 250px
    }
}

@media (max-width: 1024px) {
  .order-card-content-desktop {
    grid-template-columns: 64px 5fr 1fr 1fr ;
  }

  .order-product-image-desktop {
    width: 64px;
    height: 64px;
  }
    

}
@media(max-width:992px){
  .order-card-content-desktop {
      grid-template-columns: 50px 6fr 1fr 1fr;
    }
  .order-product-name-desktop {
      max-width: 55px;
    }
}
@media (max-width: 768px) {
  .account-container {
    flex-direction: column;
  }

  .desktop-view {
    display: none;
  }

  .mobile-view {
    display: block;
  }

  .order-main-title {
    font-size: clamp(1.5rem, 2vw, 1.5rem);
    gap: 0.75rem;
  }

  .order-pagination {
    flex-direction: column;
    gap: 1.75rem;
    align-items: stretch;
  }

  .pagination-controls {
    justify-content: center;
    flex-wrap: wrap;
  }
}

@media (max-width: 640px) {
  .order-content {
    padding: 1rem;
  }

  .order-card-mobile {
    padding: 1.5rem;
  }

  

  .order-product-image-mobile {

    width: 0 120px;
    height: auto;
    max-height: 120px;
  }

  .order-error-card,
  .order-empty-state {
    padding: 1.75rem;
  }
}

/* Dark Mode */
@media (prefers-color-scheme: dark) {
  .account-container {
    background-color: var(--bg-primary);
  }

  .order-main-title,
  .order-id-mobile,
  .order-id-desktop,
  .order-product-name-mobile,
  .order-product-name-desktop,
  .order-total-mobile,
  .order-total-desktop,
  .error-title,
  .empty-title {
    color: var(--primary-text-color);
  }

  .order-subtitle,
  .order-date-mobile,
  .order-date-desktop,
  .page-info,
  .loading-text,
  .error-message,
  .empty-message {
    color: #d1d5db;
  }

  .order-card-mobile,
  .order-card-desktop,
  .order-error-card,
  .order-empty-state {
    background-color: var(--bg-secondary);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  }

  .pagination-btn {
    background: linear-gradient(to bottom, var(--bg-secondary), var(--bg-tertiary));
    border-color: var(--border-color);
    color: #f9fafb;
  }

  .pagination-btn:hover:not(.disabled),
  .pagination-btn:focus:not(.disabled) {
    background: linear-gradient(to bottom, var(--bg-tertiary), var(--bg-secondary));
    border-color: var(--primary-hover-color);
  }

  .order-header-container,
  .order-card-header,
  .order-total-mobile,
  .order-pagination {
    border-color: var(--border-color);
  }

  .order-status-mobile,
  .order-status-desktop {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05)) !important;
  }
}

/* Accessibility */
.order-card-mobile:focus,
.order-card-desktop:focus,
.pagination-btn:focus,
.order-retry-button:focus,
.order-shop-button:focus {
  outline: 2px solid var(--primary-hover-color);
  outline-offset: 2px;
}

.order-card-mobile:focus-visible,
.order-card-desktop:focus-visible,
.pagination-btn:focus-visible,
.order-retry-button:focus-visible,
.order-shop-button:focus-visible {
  outline: 3px solid var(--primary-hover-color);
  outline-offset: 3px;
}


/* Search and Filter Styles */
.order-filter-container {
  margin-bottom: 2rem;
  background: var(--primary-card-color);
  border-radius: var(--radius-md);
  padding: 1.5rem;
  box-shadow: var(--shadow-sm);
}

.search-filter-wrapper {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  align-items: center;
}

.search-container {
  position: relative;
  flex: 1 1;
  min-width: 250px;
}

.search-icon {
  position: absolute;
  left: 1rem;
  top: 50%;
  transform: translateY(-50%);
  color: var(--text-secondary);
  z-index: 1;
}

.search-input {
  width: 70%;
  height: 50px;
  padding: 0.85rem 1rem 0.85rem 2.75rem;
  border: 1px solid var(--border-color);
  border-radius: var(--radius-sm);
  font-size: 0.95rem;
  background: var(--white-color);
  transition: var(--transition-base);
  color: var(--primary-text-color);
}

.search-input:focus {
  outline: none;
  border-color: var(--primary-hover-color);
  box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);
}

.clear-search-btn {
  position: absolute;
  right: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  color: var(--text-secondary);
  cursor: pointer;
  padding: 0.25rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.clear-search-btn:hover {
  color: var(--primary-text-color);
  background: var(--secondary-card-color);
}

.filter-dropdowns {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}

.filter-group {
  position: relative;
  min-width: 150px;
}

.filter-select {
  width: 100%;
  height: 50px;
  padding: 0.65rem 2rem 0.65rem 1rem;
  border: 1px solid var(--border-color);
  border-radius: var(--radius-sm);
  font-size: 0.95rem;
  background: var(--white-color);
  -webkit-appearance: none;
          appearance: none;
  cursor: pointer;
  transition: var(--transition-base);
  color: var(--primary-text-color);
}

.filter-select:focus {
  outline: none;
  border-color: var(--primary-hover-color);
  box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);
}

.select-arrow {
  position: absolute;
  right: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  color: var(--text-secondary);
}

.clear-filters-btn {
  padding: 0.85rem 1rem;
  background: var(--secondary-card-color);
  color: var(--primary-text-color);
  border: 1px solid var(--border-color);
  border-radius: var(--radius-sm);
  cursor: pointer;
  font-size: 0.95rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  transition: var(--transition-base);
}

.clear-filters-btn:hover {
  background: var(--grey-color);
}

/* Active Filters */
.active-filters {
  margin-top: 1rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  align-items: center;
}

.active-filters-label {
  font-size: 0.9rem;
  color: var(--text-secondary);
  font-weight: 500;
}

.filter-tag {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.75rem;
  background: var(--primary-hover-color);
  color: white;
  border-radius: 999px;
  font-size: 0.85rem;
  font-weight: 500;
}

.filter-tag button {
  background: none;
  border: none;
  color: white;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.1rem;
  border-radius: 50%;
}

.filter-tag button:hover {
  background: rgba(255, 255, 255, 0.2);
}

/* Results Count */
.results-count {
  margin-bottom: 1.5rem;
  color: var(--text-secondary);
  font-size: 0.95rem;
}

/* Responsive Design for Filters */

@media(max-width:992){
  
}
@media (max-width: 768px) {
  .search-filter-wrapper {
    flex-direction: column;
    align-items: stretch;
  }

  .search-container {
    min-width: auto;
  }
    .search-input {
      width: 100% !important;
    }

  .filter-dropdowns {
    width: 100%;
    justify-content: space-between;
  }

  .filter-group {
    flex: 1 1;
    min-width: 120px;
  }

  .clear-filters-btn {
    flex: 0 0 auto;
  }
}

@media (max-width: 480px) {
  .order-filter-container {
    padding: 1rem;
  }

  .filter-dropdowns {
    flex-direction: column;
    gap: 0.75rem;
  }

  .filter-group,
  .clear-filters-btn {
    width: 100%;
  }

  .active-filters {
    flex-direction: column;
    align-items: flex-start;
  }
}


/* Base Styles */
.address-page-layout {
  background-color: var(--primary-color);
  font-family: var(--secondary-font);
}

.address-manager-container {
  flex: 1 1;
  max-width: 1200px;
  margin: 0 auto;
}

.address-manager {
  background-color: var(--primary-color);
}

/* Header Styles */
.address-header {
  background-color: var(--white-color);
  margin-bottom: 2rem;
}

.header-content {
  flex: 1 1;
}

.header-title {
  font-size: 1.8rem;
  font-weight: 600;
  color: var(--primary-text-color);
  margin-bottom: 0.5rem;
  font-family: var(--primary-font);
}

.header-subtitle {
  color: #718096;
  font-size: 0.95rem;
  font-family: var(--secondary-font);
}

/* Button Styles */
.add-address-btn {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  background-color: var(--primary-hover-color);
  color: var(--white-color);
  border: none;
  padding: 0.75rem 1.5rem;
  border-radius: 8px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: var(--secondary-font);
}

.add-address-btn:hover {
  background-color: var(--primary-hover-color);
  opacity: 0.9;
  transform: translateY(-1px);
}

.add-address-btn:disabled {
  background-color: #a5b4fc;
  cursor: not-allowed;
}

.btn-icon {
  font-size: 1rem;
}

/* Error Message Styles */
.error-message {
  background-color: #fee2e2;
  color: #b91c1c;
  padding: 1rem;
  border-radius: 8px;
  margin-bottom: 1.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: var(--secondary-font);
}

.error-close-btn {
  background: none;
  border: none;
  color: #b91c1c;
  cursor: pointer;
  font-size: 1.1rem;
}

/* Tab Styles */
.address-tabs {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 2rem;
  flex-wrap: wrap;
}

.tab-btn {
  padding: 0.75rem 1.25rem;
  border-radius: 8px;
  background-color: #f1f5f9;
  border: none;
  color: #64748b;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-family: var(--secondary-font);
}

.tab-btn.active {
  background-color: var(--primary-hover-color);
  color: var(--white-color);
}

.tab-btn:hover:not(.active) {
  background-color: #e2e8f0;
}

.tab-icon {
  font-size: 1rem;
}

/* Address Grid Styles */
.address-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  grid-gap: 1.5rem;
  gap: 1.5rem;
  margin-top: 1.5rem;
}

.address-card {
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 1.5rem;
  transition: all 0.2s ease;
  position: relative;
  overflow: hidden;
  background-color: var(--primary-card-color);
}

.address-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.address-card.default {
  border-left: 4px solid var(--primary-hover-color);
  background-color: var(--secondary-card-color);
}

.address-card.default::before {
  content: 'Default';
  position: absolute;
  top: 0;
  right: 0;
  background-color: var(--primary-hover-color);
  color: var(--white-color);
  font-size: 0.75rem;
  padding: 0.25rem 0.75rem;
  border-bottom-left-radius: 8px;
  font-family: var(--secondary-font);
}

/* Card Header Styles */
.card-header {
  margin-bottom: 1rem;
}

.address-type {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.address-icon {
  font-size: 1.25rem;
  padding: 0.5rem;
  border-radius: 50%;
}

.address-icon.home {
  color: #4f46e5;
  background-color: #e0e7ff;
}

.address-icon.work {
  color: #10b981;
  background-color: #d1fae5;
}

.address-summary {
  display: flex;
  flex-direction: column;
}

.address-summary .name {
  font-weight: 600;
  color: var(--primary-text-color);
  font-family: var(--primary-font);
}

.default-badge {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.75rem;
  color: var(--primary-hover-color);
  margin-top: 0.25rem;
  font-family: var(--secondary-font);
}

/* Card Details Styles */
.card-details {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.detail-row {
  display: flex;
  gap: 0.75rem;
}

.detail-icon {
  color: #64748b;
  font-size: 1rem;
  margin-top: 0.25rem;
}

.detail-label {
  font-size: 0.75rem;
  color: #64748b;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-family: var(--secondary-font);
}

.detail-value {
  font-size: 0.9rem;
  color: var(--primary-text-color);
  margin-top: 0.1rem;
  font-family: var(--secondary-font);
}

/* Card Actions Styles */
.card-actions {
  display: flex;
  gap: 0.75rem;
  margin-top: 1rem;
  flex-wrap: wrap;
}

.card-actions button {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  border-radius: 6px;
  font-size: 0.85rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  border: none;
  font-family: var(--secondary-font);
}

.btn-edit {
  background-color: var(--btn-color);
  color: #000000;
}

.btn-edit:hover {
  background-color:var(--primary-hover-color);
}

.btn-set-default {
  background-color: var(--btn-color);
  color: #000000;
}

.btn-set-default:hover {
  background-color:var(--btn-color);
}

.btn-delete {
  background-color: var(--btn-color);
  color: #000000;
}

.btn-delete:hover {
  background-color:var(--primary-hover-color);
}

/* No Addresses State */
.no-addresses {
  text-align: center;
  padding: 3rem 2rem;
  background-color: var(--primary-card-color);
  border-radius: 12px;
  margin-top: 1.5rem;
}

.empty-icon {
  font-size: 3rem;
  color: #cbd5e1;
  margin-bottom: 1rem;
}

.no-addresses h3 {
  font-size: 1.25rem;
  color: var(--primary-text-color);
  margin-bottom: 0.5rem;
  font-family: var(--primary-font);
}

.no-addresses p {
  color: #64748b;
  margin-bottom: 1.5rem;
  font-family: var(--secondary-font);
}

.add-first-address-btn {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  background-color: var(--primary-hover-color);
  color: var(--white-color);
  border: none;
  padding: 0.75rem 1.5rem;
  border-radius: 8px;
  font-weight: 500;
  cursor: pointer;
  margin: 0 auto;
  transition: all 0.2s ease;
  font-family: var(--secondary-font);
}

.add-first-address-btn:hover {
  background-color: var(--primary-hover-color);
  opacity: 0.9;
}

/* Form Overlay Styles */
.address-form-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
  padding: 1rem;
}

.address-form-container {
  background-color: var(--white-color);
  border-radius: 12px;
  width: 100%;
  max-width: 700px;
  max-height: 90vh;
  overflow-y: auto;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
  animation: fadeIn 0.3s ease;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.form-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.5rem;
  border-bottom: 1px solid #e2e8f0;
}

.form-header h2 {
  font-size: 1.5rem;
  color: var(--primary-text-color);
  margin: 0;
  font-family: var(--primary-font);
}

.close-btn {
  background: none;
  border: none;
  font-size: 1.25rem;
  color: #64748b;
  cursor: pointer;
  padding: 0.5rem;
  border-radius: 50%;
  transition: all 0.2s ease;
}

.close-btn:hover {
  background-color: #f1f5f9;
  color: #475569;
}

/* Form Styles */
form {
  padding: 1.5rem;
}

.form-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 1.5rem;
  gap: 1.5rem;
}

.form-group {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.form-group.full-width {
  grid-column: span 2;
}

.form-group label {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--primary-text-color);
  font-family: var(--secondary-font);
}

.form-group input,
.form-group textarea,
.form-group select {
  padding: 0.75rem;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  font-size: 0.95rem;
  transition: all 0.2s ease;
  background-color: var(--primary-color);
  font-family: var(--secondary-font);
}

.form-group input:focus,
.form-group textarea:focus,
.form-group select:focus {
  outline: none;
  border-color: var(--primary-hover-color);
  box-shadow: 0 0 0 3px rgba(205, 134, 92, 0.1);
  background-color: var(--white-color);
}

.form-group textarea {
  resize: vertical;
  min-height: 80px;
}

/* Address Type Toggle */
.address-type-toggle {
  display: flex;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
}

.type-btn {
  flex: 1 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background-color: var(--primary-color);
  color: #64748b;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: var(--secondary-font);
}

.type-btn.active {
  background-color: var(--primary-card-color);
  border-color: var(--primary-hover-color);
  color: var(--primary-hover-color);
}

.type-btn:hover:not(.active) {
  background-color: var(--primary-card-color);
}

/* Checkbox Styles */
.checkbox-group {
  margin-top: 0.5rem;
}

.custom-checkbox {
  display: flex;
  align-items: center;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  gap: 0.75rem;
  color: var(--primary-text-color);
  font-family: var(--secondary-font);
}

.custom-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkmark {
  position: relative;
  height: 20px;
  width: 20px;
  background-color: var(--primary-color);
  border: 1px solid #e2e8f0;
  border-radius: 4px;
  transition: all 0.2s ease;
}

.custom-checkbox:hover input ~ .checkmark {
  background-color: var(--primary-card-color);
}

.custom-checkbox input:checked ~ .checkmark {
  background-color: var(--primary-hover-color);
  border-color: var(--primary-hover-color);
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.custom-checkbox input:checked ~ .checkmark:after {
  display: block;
}

.custom-checkbox .checkmark:after {
  left: 7px;
  top: 3px;
  width: 5px;
  height: 10px;
  border: solid var(--white-color);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

/* Form Actions */
.form-actions {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
  margin-top: 1.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid #e2e8f0;
}

.btn-cancel {
  padding: 0.75rem 1.5rem;
  border-radius: 8px;
  background-color: #f1f5f9;
  border: none;
  color: #64748b;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: var(--secondary-font);
}

.btn-cancel:hover {
  background-color: #e2e8f0;
}

.btn-save {
  padding: 0.75rem 1.5rem;
  border-radius: 8px;
  background-color: var(--primary-hover-color);
  border: none;
  color: var(--white-color);
  font-weight: 500;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  transition: all 0.2s ease;
  font-family: var(--secondary-font);
}

.btn-save:hover {
  background-color: var(--primary-hover-color);
  opacity: 0.9;
}

.btn-save:disabled {
  background-color: #a5b4fc;
  cursor: not-allowed;
}

.spinner {
  width: 18px;
  height: 18px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  border-top-color: var(--white-color);
  animation: spin 1s ease-in-out infinite;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

/* Responsive Adjustments */
@media (max-width: 768px) {
  .address-page-layout {
    flex-direction: column;
  }
  
  .address-manager-container {
    padding: 1rem;
  }
  
  .form-grid {
    grid-template-columns: 1fr;
  }
  
  .form-group.full-width {
    grid-column: span 1;
  }
  
  .address-grid {
    grid-template-columns: 1fr;
  }
  
  .address-header {
    flex-direction: column;
    align-items: flex-start;
  }
  
  .address-tabs {
    flex-direction: column;
  }
}

/* Loading and Error States */
.loading-container,
.error-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 3rem;
  text-align: center;
}

.loading-spinner {
  width: 50px;
  height: 50px;
  border: 4px solid #e2e8f0;
  border-top-color: var(--primary-hover-color);
  border-radius: 50%;
  animation: spin 1s linear infinite;
  margin-bottom: 1.5rem;
}

.error-icon {
  font-size: 3rem;
  color: #ef4444;
  margin-bottom: 1.5rem;
}

.error-container h3 {
  font-size: 1.5rem;
  color: var(--primary-text-color);
  margin-bottom: 0.5rem;
  font-family: var(--primary-font);
}

.error-container p {
  color: #64748b;
  margin-bottom: 1.5rem;
  font-family: var(--secondary-font);
}

.retry-button {
  padding: 0.75rem 1.5rem;
  border-radius: 8px;
  background-color: var(--primary-hover-color);
  color: var(--white-color);
  border: none;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: var(--secondary-font);
}

.retry-button:hover {
  background-color: var(--primary-hover-color);
  opacity: 0.9;
}
/* Layout */
.change-password-page {
  display: flex;
  min-height: 100vh;
  background-color: var(--primary-color);
}

.change-password-main {
  flex: 1 1;
  padding: 2rem;
  max-width: 1400px;
  margin: 0 auto;
}

.change-password-container {
  background-color:var(--primary-card-color);
  border-radius: 0.75rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  padding: 2rem;
  max-width: 700px;
  margin: 0 auto;
}

/* Header */
.change-password-header {
  margin-bottom: 2rem;
  text-align: center;
}

.page-title {
  font-size: 1.75rem;
  font-weight: 700;
  color: var(--primary-hover-color);
  margin-bottom: 0.5rem;
}

.page-subtitle {
  color: var(--primary-text-color);
  font-size: 1rem;
}

/* Success Message */
.success-message {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  background-color: #dcfce7;
  color: #166534;
  padding: 1rem;
  border-radius: 0.5rem;
  margin-bottom: 1.5rem;
  font-weight: 500;
}

.success-icon {
  font-size: 1.25rem;
}

/* Form */
.password-form {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.form-group {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.form-group label {
  font-weight: 500;
  color: var(--primary-text-color);
  font-size: 0.95rem;
}

.input-wrapper {
  position: relative;
  display: flex;
  align-items: center;
}

.input-icon {
  position: absolute;
  left: 1rem;
  color: #94a3b8;
  font-size: 1.1rem;
}

.password-input {
  width: 100%;
  padding: 0.75rem 1rem 0.75rem 3rem;
  border: 1px solid #e2e8f0;
  border-radius: 0.5rem;
  font-size: 0.95rem;
  transition: all 0.2s ease;
  overflow: hidden;
  text-overflow: ellipsis;
    white-space: nowrap;
}

.password-input:focus {
  outline: none;
  border-color: #3b82f6;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

.toggle-password {
  position: absolute;
  right: 1rem;
  background: none;
  border: none;
  color: var(--grey-color);
  cursor: pointer;
  font-size: 1.1rem;
  transition: color 0.2s ease;
}

.toggle-password:hover {
  color: #64748b;
}

/* Password Strength */
.password-strength {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  grid-gap: 0.5rem;
  gap: 0.5rem;
  margin-top: 0.5rem;
}

.strength-indicator {
  font-size: 0.75rem;
  color: var(--primary-text-color);
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  background-color: var(--primary-color);
  text-align: center;
}

.strength-indicator.active {
  background-color: var(--green-color);
  color:var(--white-color);
}

/* Error States */
.form-group.error .password-input {
  border-color: #ef4444;
}

.form-group.error .password-input:focus {
  box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1);
}

.error-message {
  color: #ef4444;
  font-size: 0.85rem;
  margin-top: 0.25rem;
}

/* Form Footer */
.form-footer {
  margin: 0 auto; 

}

.submit-btn {

  padding: 0.775rem;
  background-color: var(--white-color);
  color:var(--primary-text-color);
  border: none;
  border-radius: 0.5rem;
  font-weight: 500;
  font-size: 1rem;
  cursor: pointer;
  transition: background-color 0.2s ease;
   
}

.submit-btn:hover {
  background-color: var(--green-color);
  color: var(--white-color);
}

.submit-btn:disabled {
  background-color: #bfdbfe;
  cursor: not-allowed;
}

.loading-spinner {
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  border-top-color: white;
  animation: spin 1s ease-in-out infinite;
}

@keyframes spin {
  to { transform: rotate(360deg); }
}

/* Responsive */
@media (max-width: 768px) {
  .change-password-page {
    flex-direction: column;
  }
  
  .change-password-main {
    padding: 1rem;
  }
  
  .password-strength {
    grid-template-columns: 1fr;
  }
    .change-password-container{
      padding: 0rem;
    }
}
/* Base Styles */
.account-container {
  display: flex;
  min-height: 100vh;
  background-color: var(--primary-color);
  font-family: var(--secondary-font);
}

.order-content {
  flex: 1 1;
  padding: 1.5rem;
  max-width: 1200px;
  margin: 0 auto;
  background-color: var(--primary-color);
}

/* Order Header */
.order-header-simplified {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.5rem;
  padding: 1rem 1.5rem;
  background: var(--primary-card-color);
  border-radius: var(--radius-lg);
  border: 1px solid var(--grey-color);
  box-shadow: var(--shadow-sm);
}

.order-detail-title {
  font-size: 1.2rem ;
  font-weight: 600 ;
  color: var(--primary-hover-color);
  margin: 0;
  font-family: var(--primary-font);
}

.back-btn-right {
  background: var(--secondary-card-color);
  border: 1px solid var(--grey-color);
  color: var(--primary-text-color);
  cursor: pointer;
  font-size: 0.9rem;
  padding: 0.5rem 1rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  transition: var(--transition-fast);
  font-family: var(--secondary-font);
  border-radius: var(--radius-md);
}

.back-btn-right:hover {
  color: var(--primary-hover-color);
  background-color: var(--primary-color);
  border-color: var(--primary-hover-color);
}

/* Status Summary */
.status-summary-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: var(--primary-card-color);
  border-radius: var(--radius-lg);
  padding: 1.25rem 1.5rem;
  margin-bottom: 1.5rem;
  border: 1px solid var(--grey-color);
  box-shadow: var(--shadow-sm);
}

.status-summary-content {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex: 1 1;
}

.order-id {
  font-weight: 700;
  color: var(--primary-text-color);
  font-size: 1rem;
}

.status-badge-simple {
  padding: 0.4rem 0.8rem;
  border-radius: 4px;
  color: var(--primary-text-color);
  font-size: 0.85rem;
  font-weight: 500;
  background-color: var(--feature-bg-color);
  border: 1px solid var(--grey-color);
}

.track-btn {
  background: var(--primary-hover-color);
  color: var(--white-color);
  border: none;
  padding: 0.5rem 1rem;
  border-radius: 4px;
  font-size: 0.85rem;
  cursor: pointer;
  transition: var(--transition-fast);
  font-weight: 500;
}

.track-btn:hover {
  background: var(--primary-text-color);
}

/* Order Sections */
.order-sections-container {
  display: grid;
  grid-gap: 1.5rem;
  gap: 1.5rem;
  margin-bottom: 1.5rem;
}

.order-section {
  background: var(--primary-card-color);
  border-radius: var(--radius-lg);
  border: 1px solid var(--grey-color);
  box-shadow: var(--shadow-sm);
  overflow: hidden;
}

.order-section-title {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 1rem !important;
  font-weight: 600;
  color: var(--primary-text-color);
  padding: 1rem 1rem;
  background: var(--secondary-card-color);
  border-bottom: 1px solid var(--grey-color);
  font-family: var(--primary-font);
}

.section-icon {
  color: var(--primary-hover-color);
  font-size: 1rem;
}

/* Order Items */
.order-items-content {
  padding: 0.5rem 1.5rem;
}

.order-items-list {
  display: grid;
  grid-gap: 1rem;
  gap: 1rem;
}

.order-items-list.scrollable-items {
  max-height: 350px;
  overflow-y: auto;
  padding-right: 0.5rem;
}

.order-items-list.scrollable-items::-webkit-scrollbar {
  width: 6px;
}

.order-items-list.scrollable-items::-webkit-scrollbar-thumb {
  background-color: var(--grey-color);
  border-radius: 6px;
}

.order-item-compact {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  background: var(--primary-color);
  border-radius: var(--radius-md);
  border: 1px solid var(--grey-color);
  transition: var(--transition-fast);
}

.order-item-compact:hover {
  box-shadow: var(--shadow-md);
}

.item-image-compact {
  width: 60px;
  height: 60px;
  border-radius: var(--radius-sm);
  overflow: hidden;
  background: var(--secondary-card-color);
  position: relative;
}

.item-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.image-placeholder {
  width: 100%;
  height: 100%;
  display: none;
  align-items: center;
  justify-content: center;
  color: var(--grey-color);
  background: var(--secondary-card-color);
}

.item-details-compact {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  flex: 1 1;
}
.item-info-compact {
  display: flex;
  flex-direction: column;
}

.item-name-compact {
  font-size: 1rem;
  font-weight: 600;
  color: var(--primary-text-color);
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 200px;
}

.item-price-compact {
  font-size: 1rem;
  font-weight: 600;
  color: var(--primary-text-color);
}

/* Order Summary */
.order-summary-content {
  padding: 0.5rem 1.5rem;
}

.order-summary-card {
  border-radius: var(--radius-md);
  padding: 0.25rem 1rem;
}

.summary-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid var(--grey-color);
}

.product-count {
  font-size: 0.85rem;
  color: var(--grey-color);
  font-weight: 500;
}

.summary-row {
  display: flex;
  justify-content: space-between;
  padding: 0;
  font-size: 0.9rem;
  font-weight: bold;
  color: var(--primary-text-color);
}

.summary-row:not(.total):not(:last-child) {
  border-bottom: 1px solid var(--grey-color);
}

.summary-row.total {
  font-size: 1.1rem;
  font-weight: 500;
  margin: 1rem -1.25rem -1.25rem;
  padding: 1rem 1.25rem;
  color: var(--primary-hover-color);
 
}

/* Shipping Information */
.shipping-content {
  padding: 1.5rem;
}

.info-card {
  background: var(--primary-color);
  border-radius: var(--radius-md);
  padding: 1.25rem;
  border: 1px solid var(--grey-color);
}

.address-details {
  line-height: 1.6;
  color: var(--primary-text-color);
}

.address-name {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 0.75rem;
}

.address-line {
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
}

.address-phone {
  font-size: 0.9rem;
  margin-top: 0.75rem;
  padding-top: 0.75rem;
  border-top: 1px solid var(--grey-color);
}

/* Status Modal */
.status-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.65);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  padding: 1rem;
}

.status-modal {
  background-color: var(--primary-card-color);
  border-radius: var(--radius-xl);
  width: 100%;
  max-width: 640px;
  max-height: 90vh;
  overflow: hidden;
  box-shadow: var(--shadow-md);
  border: 1px solid var(--grey-color);
  display: flex;
  flex-direction: column;
}

.status-modal-header {
  padding: 0.5rem 1rem;
  border-bottom: 1px solid var(--grey-color);
  background: var(--secondary-card-color);
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.status-modal-header h3 {
  margin: 0;
  font-size: 1.1rem;
  font-weight: 600;
  color: var(--primary-hover-color);
  font-family: var(--primary-font);
}

.close-modal {
  background: var(--primary-card-color);
  border: 1px solid var(--grey-color);
  color: var(--primary-text-color);
  cursor: pointer;
  padding: 0.5rem;
  border-radius: var(--radius-sm);
  width: 2.75rem;
  height: 2.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.close-modal:hover {
  background: var(--primary-hover-color);
  color: var(--white-color);
  border-color: var(--primary-hover-color);
}

.status-modal-body {
  padding: 1rem;
  overflow-y: auto;
  flex: 1 1;
}

/* Current Status Banner */
.current-status-banner {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  background: var(--secondary-card-color);
  border-radius: 8px;
  margin-bottom: 2rem;
  border-left: 4px solid var(--primary-hover-color);
}

.status-icon {
  width: 48px;
  height: 48px;
  background: var(--primary-hover-color);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--white-color);
  font-size: 1.2rem;
}

.status-info h4 {
  margin: 0 0 0.25rem 0;
  font-size: 1.1rem;
  font-weight: 600;
  color: var(--primary-text-color);
}

.status-info p {
  margin: 0;
  font-size: 0.85rem;
  color: var(--grey-color);
}

/* Timeline */
.flipkart-timeline {
  padding: 0;
}

.timeline-step {
  display: flex;
  position: relative;
  padding-bottom: 2rem;
}

.timeline-step:last-child {
  padding-bottom: 0;
}

.timeline-dot {
  width: 24px;
  height: 24px;
  background: var(--primary-hover-color);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 1rem;
  flex-shrink: 0;
  position: relative;
  z-index: 2;
}

.timeline-step.current .timeline-dot {
  background: var(--primary-text-color);
}

.timeline-line {
  position: absolute;
  left: 11px;
  top: 24px;
  width: 3px;
  height: calc(100% - 24px);
  background: var(--primary-text-color);
  z-index: 1;
}

.step-icon {
  color: var(--white-color);
  font-size: 0.75rem;
}

.step-icon.pulse {
  animation: pulse 2s infinite;
}

@keyframes pulse {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.1);
  }

  100% {
    transform: scale(1);
  }
}

.timeline-content {
  flex: 1 1;
  padding-top: 0.1rem;
}

.step-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 0.5rem;
}

.step-header h5 {
  margin: 0;
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--primary-text-color);
}

.step-time {
  font-size: 0.8rem;
  color: var(--grey-color);
  white-space: nowrap;
  margin-left: 1rem;
}

.step-remarks-simple p {
  margin: 0.25rem 0;
  font-size: 0.85rem;
  color: var(--primary-text-color);
}

.timeline-loading {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 2rem;
  justify-content: center;
  color: var(--grey-color);
  font-size: 0.9rem;
}

/* Cancel Section */
.cancel-section {
  margin-top: 2rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--grey-color);
  text-align: center;
}

.cancel-btn {
  background: var(--primary-hover-color);
  color: var(--white-color);
  border: none;
  padding: 0.6rem 1.5rem;
  border-radius: 4px;
  font-size: 0.9rem;
  cursor: pointer;
  transition: var(--transition-fast);
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

.cancel-btn:hover {
  background: var(--primary-text-color);
}

.cancel-btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

/* Continue Shopping Button */
.continue-shopping-btn {
  background: var(--primary-hover-color);
  color: var(--white-color);
  border: none;
  padding: 1rem 2rem;
  border-radius: var(--radius-lg);
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  transition: var(--transition-fast);
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin: 0 auto;
  font-family: var(--secondary-font);
  max-width: 280px;
  justify-content: center;
}

.continue-shopping-btn:hover {
  background: var(--primary-text-color);
}

/* Empty State */
.order-empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 3rem 2rem;
  text-align: center;
  background: var(--primary-card-color);
  border-radius: var(--radius-lg);
  border: 1px solid var(--grey-color);
}

.empty-title {
  font-size: 1.4rem;
  font-weight: 600;
  color: var(--primary-text-color);
  margin: 1rem 0 0.5rem 0;
  font-family: var(--primary-font);
}

.empty-message {
  color: var(--grey-color);
  margin-bottom: 2rem;
  line-height: 1.5;
}

.order-shop-button {
  background: var(--primary-hover-color);
  color: var(--white-color);
  border: none;
  padding: 0.75rem 1.5rem;
  border-radius: var(--radius-md);
  font-weight: 500;
  cursor: pointer;
  transition: var(--transition-fast);
  display: flex;
  align-items: center;
  gap: 0.5rem;
  text-decoration: none;
}

.order-shop-button:hover {
  background: var(--primary-text-color);
}

/* Responsive Design */
@media (min-width: 1200px) {
  .order-sections-container {
    grid-template-columns: 2fr 1fr;
    grid-template-areas:
      "items summary"
      "shipping shipping";
  }

  .order-section:nth-child(1) {
    grid-area: items;
  }

  .order-section:nth-child(2) {
    grid-area: summary;
  }

  .order-section:nth-child(3) {
    grid-area: shipping;
  }
}

@media (max-width: 767px) {
  .order-content {
    padding: 1rem;
  }


  .status-summary-container {
    flex-direction: column;
    align-items: stretch;
    gap: 1rem;
  }

  .order-detail-title {
    font-size: 1rem;
  }

  .item-name-compact {
    font-size: 0.8rem;
    max-width: 120px;
  }

  .item-price-compact {
    font-size: 0.85rem;
  }

  .current-status-banner {
    padding: 1rem;
    gap: 0.75rem;
  }

  .status-icon {
    width: 40px;
    height: 40px;
    font-size: 1rem;
  }

  .status-info h4 {
    font-size: 1rem;
  }

  .step-header {
    flex-direction: column;
    gap: 0.25rem;
  }

  .step-time {
    margin-left: 0;
  }

  .timeline-dot {
    width: 20px;
    height: 20px;
  }

  .timeline-line {
    left: 9px;
    top: 20px;
    height: calc(100% - 20px);
  }

  .step-icon {
    font-size: 0.65rem;
  }
  .status-modal-header h3{
    font-size: 0.9rem;
  }
}

@media (max-width: 480px) {
  .order-content {
    padding: 0.75rem;
  }

  .order-title {
    font-size: 1.2rem;
  }

  .item-name-compact {
    font-size: 0.75rem;
    max-width: 80px;
  }

  .item-price-compact {
    font-size: 0.75rem;
  }
}

/* Accessibility */
button:focus,
[tabindex="0"]:focus {
  outline: 2px solid var(--primary-hover-color);
  outline-offset: 2px;
}

/* Print Styles */
@media print {

  .back-btn-right,
  .track-btn,
  .continue-shopping-btn,
  .cancel-btn {
    display: none;
  }

  .order-content {
    padding: 0;
  }

  .order-header-simplified,
  .order-section {
    box-shadow: none;
    border: 1px solid var(--grey-color);
    page-break-inside: avoid;
  }
}

.o.order-section.two-column-layout {
  display: flex;
  flex-direction: column;
  margin-bottom: 2rem;
}

.shipping-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 2rem;
}

/* Cards in desktop (≥1000px) — side-by-side */
.info-card {
  flex: 1 1 45%;
  min-width: 300px;
  max-width: 48%;
  padding: 1.5rem;
  border-radius: 8px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
}

/* Heading and icons */
.order-section-title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1.2rem;
  margin-bottom: 1rem;
}

/* Responsive: stack and center below 1000px */
@media (max-width: 1050px) {
  .shipping-content {
    justify-content: center;
  }

  .info-card {
    flex: 1 1 100%;
    max-width: 600px;
    /* Optional: limit width for better readability */
  }
}


/*skeleton placeholde */
.skeleton {
  background-color: #ddd;
  border-radius: 4px;
  width: 100%;
  height: 16px;
  margin-bottom: 8px;
  animation: shimmer 1.5s infinite linear;
}

.skeleton.short {
  width: 40%;
}

.skeleton.medium {
  width: 70%;
}

@keyframes shimmer {
  0% {
    background-position: -200px 0;
  }

  100% {
    background-position: 200px 0;
  }
}
/* Layout */
.account-container {
  display: flex;
  min-height: 100vh;
}

.account-layout {
  display: flex;
  width: 100%;
  flex-direction: row;
  /* Side-by-side on desktop */
}

/* Fixed Sidebar */
.account-sidebar {
  position: absolute;
  top: 60%;
  left: 0;
  width: 250px;

}

/* Content Area */
.account-content {
  flex: 1 1;
  margin-left: 250px;
  /* Offset by sidebar width */
  padding: 2rem;
  overflow-y: auto;
  /* Allow content to scroll */
}

/* Header (if used) */
.order-header {
  margin-bottom: 2rem;
}

.order-header h1 {
  font-size: 2rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.order-header p {
  color: #666;
}

/* Loading/Error/Empty States */
.order-loading,
.order-error,
.order-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 5rem;
  text-align: center;
}

.order-error button,
.order-empty button {
  margin-top: 1rem;
  padding: 0.5rem 1.2rem;
  background: #000;
  color: #fff;
  border: none;
  cursor: pointer;
  border-radius: 6px;
}

/* Table Styles */
.order-table-wrapper {
  overflow-x: auto;
}

.order-table {
  width: 100%;
  border-collapse: collapse;
  background-color: #fff;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.05);
}

.order-table th,
.order-table td {
  padding: 1rem;
  text-align: left;
  border-bottom: 1px solid #eee;
}

.order-table th {
  background: #f4f4f4;
  font-weight: 600;
}

.order-summary {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.order-summary img {
  width: 50px;
  height: 50px;
  object-fit: cover;
  border-radius: 6px;
}

/* Status Classes */
.status {
  padding: 0.3rem 0.6rem;
  border-radius: 4px;
  text-transform: capitalize;
  font-weight: 500;
  font-size: 0.9rem;
}

.status.delivered {
  background: #e6f4ea;
  color: #2e7d32;
}

.status.processing {
  background: #fff8e1;
  color: #f9a825;
}

.status.cancelled {
  background: #ffebee;
  color: #c62828;
}

/* Mobile Card View */
.mobile-view {
  display: none;
  flex-direction: column;
  gap: 1rem;
}

.order-card {
  background: #fff;
  padding: 1rem;
  border-radius: 8px;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
}

.order-card-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.5rem;
}

.order-card-body {
  display: flex;
  gap: 1rem;
}

.order-card-body img {
  width: 70px;
  height: 70px;
  object-fit: cover;
  border-radius: 6px;
}

/* Pagination */
.pagination-controls {
  margin-top: 2rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.pagination-controls button {
  padding: 0.4rem 0.8rem;
  border: none;
  background: #000;
  color: white;
  border-radius: 4px;
  cursor: pointer;
}

.pagination-controls button:disabled {
  background: #ccc;
  cursor: not-allowed;
}

/* Responsive */
@media (max-width: 768px) {
  .account-layout {
    flex-direction: column;
    /* Stack sidebar and content vertically */
  }

  .account-sidebar {
    position: relative;
    /* Remove fixed positioning on mobile */
    width: 100%;
    /* Full width */
    height: auto;
    /* Adjust height */
  }

  .account-content {
    margin-left: 0;
    /* Remove offset */
    padding: 1rem;
  }

  .desktop-view {
    display: none;
  }

  .mobile-view {
    display: flex;
  }
}
/* Professional Logout Confirmation Modal */
.logout-modal-overlay {
    position: fixed;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 50;
    -webkit-backdrop-filter: blur(6px);
            backdrop-filter: blur(6px);
    opacity: 0;
    animation: fadeIn 0.3s ease forwards;
}

.logout-modal {
    background-color: var(--primary-card-color);
    border-radius: var(--radius-md);
    box-shadow: 0 28px 72px rgba(0, 0, 0, 0.3);
    padding: clamp(1.5rem, 4vw, 2rem);
    width: 100%;
    max-width: clamp(320px, 80vw, 480px);
    transform: scale(0.8);
    animation: scaleIn 0.3s ease forwards;
}

.logout-modal-header {
    margin-bottom: clamp(1rem, 3vw, 1.5rem);
}

.logout-modal-header h2 {
    font-size: clamp(1.25rem, 4vw, 1.5rem);
    font-weight: 700;
    color: var(--primary-text-color);
    font-family: var(--secondary-font);
    margin: 0;
}

.logout-modal-body {
    margin-bottom: clamp(1.25rem, 4vw, 2rem);
}

.logout-modal-body p {
    font-size: clamp(0.875rem, 3vw, 0.95rem);
    color: var(--primary-text-color);
    font-family: var(--secondary-font);
    line-height: 1.6;
}

.logout-modal-footer {
    display: flex;
    justify-content: flex-end;
    gap: clamp(0.5rem, 2vw, 1rem);
}

.cancel-btn {
    background-color: var(--primary-color);
    color: var(--primary-text-color);
    border: 1px solid var(--primary-text-color);
    padding: clamp(0.5rem, 2vw, 0.75rem) clamp(1rem, 3vw, 2rem);
    border-radius: var(--radius-sm);
    font-size: clamp(0.875rem, 2.5vw, 0.95rem);
    font-weight: 600;
    font-family: var(--secondary-font);
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
}

.cancel-btn:hover {
    background-color: #dcdad3;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.logout-btn {
    background-color: var(--red-color);
    color: #ffffff;
    border: none;
    padding: clamp(0.5rem, 2vw, 0.75rem) clamp(1rem, 3vw, 2rem);
    border-radius: var(--radius-sm);
    font-size: clamp(0.875rem, 2.5vw, 0.95rem);
    font-weight: 600;
    font-family: var(--secondary-font);
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
}

.logout-btn:hover {
    background-color: var(--primary-hover-color);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* Animations */
@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes scaleIn {
    from {
        transform: scale(0.8);
    }

    to {
        transform: scale(1);
    }
}

/* Responsive adjustments for smaller screens */
@media (max-width: 640px) {
    .logout-modal {
        max-width: 90vw;
        padding: clamp(1rem, 3vw, 1.5rem);
    }

    .logout-modal-header h2 {
        font-size: clamp(1.125rem, 3.5vw, 1.25rem);
    }

    .logout-modal-body p {
        font-size: clamp(0.75rem, 2.5vw, 0.875rem);
    }

    .cancel-btn,
    .logout-btn {
        padding: clamp(0.4rem, 1.5vw, 0.6rem) clamp(0.75rem, 2.5vw, 1.5rem);
        font-size: clamp(0.75rem, 2vw, 0.875rem);
    }
}
 .pagination {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

.page-item .page-link {
    color: #404040;
    border: 1px solid #e9ecef;
    border-radius: 4px;
    margin: 0 3px;
    padding: 0.5rem 0.75rem;
    font-size: 0.9rem;
    transition: all 0.2s ease;
}

.page-item.active .page-link {
    background-color: #cd865c;
    border-color: #cd865c;
    color: #ffffff;
}

.page-item:not(.disabled) .page-link:hover {
    background-color: #f8f9fa;
    border-color: #cd865c;
    color: #cd865c;
}

.page-item.disabled .page-link {
    color: #6c757d;
    background-color: #f8f9fa;
    border-color: #e9ecef;
    cursor: not-allowed;
}

.page-item:first-child .page-link,
.page-item:last-child .page-link {
    font-size: 1rem;
    padding: 0.5rem 1rem;
}

@media (max-width: 576px) {
    .page-item .page-link {
        font-size: 0.8rem;
        padding: 0.4rem 0.6rem;
    }

    .page-item:first-child .page-link,
    .page-item:last-child .page-link {
        padding: 0.4rem 0.8rem;
    }

    .pagination {
        flex-wrap: wrap;
        gap: 0.25rem;
    }
}


/* Compact Buttons */
.main-button {
    display: inline-flex ;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.4;
    padding: 0.6rem 1.2rem;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    transition: var(--transition);
    text-transform: capitalize;
    letter-spacing: 0.3px;
    text-decoration: none;
    font-family: var(--secondary-font);
}

.main-button.button-filled{
    background-color: var(--primary-hover-color);
    color: var(--white-color);
}

.main-button.button-filled:hover:not(:disabled) {
    background-color: var(--primary-hover-color);
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(205, 134, 92, 0.3);
}

.main-button:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

.btn-primary {
    background-color: var(--primary-hover-color);
    color: var(--white-color);
    padding: 0.6rem 1.2rem;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 500;
    font-size: 0.875rem;
    transition: var(--transition);
}

.btn-primary:hover:not(:disabled) {
    background-color: var(--primary-hover-color);
    color: var(--white-color);
    transform: translateY(-1px);
}

/* Cart Container - Compact */
.cart-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 1.5rem;
    font-family: var(--secondary-font);
    color: var(--primary-text-color);
    background-color: var(--primary-color);
}

/* Cart Header - Compact */
.cart-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.5rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--border-color);
}

.cart-header h1 {
    font-size: 2.3rem;
    font-weight: bolder;
    font-family: var(--title-font);
    background: var(--gradient-text);
    color:transparent;
    background-clip: text;
    -webkit-background-clip: text;
    margin: 0;
}

.cart-item-count {
    background-color: var(--secondary-card-color);
    color: var(--primary-hover-color);
    padding: 0.4rem 0.8rem;
    font-size: 0.75rem;
    font-weight: 600;
    border-radius: 20px;
    white-space: nowrap;
}

/* Compact Cart Content Layout */
.cart-content {
    display: grid;
    grid-template-columns: 1fr 420px;
    grid-gap: 1.5rem;
    gap: 1.5rem;
    align-items: start;
}

.cart-items-section {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.cart-summary-section {
    position: -webkit-sticky;
    position: sticky;
    top: calc(var(--header-height) + 1rem);
    align-self:start;
}

/* Compact Cart Item */
.cart-item {
    display: grid;
    grid-template-columns: auto 120px 1fr auto;
    grid-gap: 1rem;
    gap: 1rem;
    padding: 1rem;
    background: var(--primary-color);
    border: 1px solid var(--border-color);
    border-radius: 20px 20px 0px 0px;
    transition: var(--transition);
    position: relative;
}

.cart-item:hover {
    box-shadow: var(--shadow-md);
    transform: translateY(-1px);
}

.cart-item-checkbox {
    align-self: flex-start;
    margin-top: 0.5rem;
    width: 18px;
    height: 18px;
    cursor: pointer;
    accent-color: var(--primary-hover-color);
}

.cart-item-image-container {
    width: 100px;
    height: 100px;
    overflow: hidden;
    background: var(--light-bg-color);
    position: relative;
}

.cart-item-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.cart-item:hover .cart-item-image {
    transform: scale(1.05);
}

/* Compact Cart Item Details */
.cart-item-details {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 100px;
}

.cart-item-title {
    font-size: 1rem;
    font-weight: 600;
    margin: 0 0 0.25rem 0;
    color: var(--black-color);
    line-height: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.cart-item-title a {
    color: inherit;
    text-decoration: none;
    transition: color 0.2s;
}

.cart-item-title a:hover {
    color: var(--primary-hover-color);
}

.cart-item-sku {
    font-size: 0.75rem;
    color: var(--grey-color);
}

.cart-item-sku span {
    color: var(--primary-text-color);
    font-weight: 500;
}

/* Enhanced Price Display with Strikethrough */
.cart-item-price {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    margin: 0.5rem 0;
}

.price-original {
    font-size: 0.8rem;
    color: var(--grey-color);
    text-decoration: line-through;
    font-weight: 400;
}

.price-current {
    font-size: 1rem;
    font-weight: 600;
    color: var(--primary-text-color);
    
}
.price-label{
    color: var(--primary-hover-color);
}

.price-discount {
    font-size: 0.7rem;
    color: var(--success-color);
    font-weight: 500;
    background: rgba(40, 167, 69, 0.1);
    padding: 0.1rem 0.4rem;
    border-radius: 4px;
    display: inline-block;
    width: -webkit-fit-content;
    width: fit-content;
}

/* Compact Specs */
.cart-item-specs {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.cart-item-spec {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.75rem;
}

.spec-label {
    color: var(--primary-text-color);
    font-weight: 400;
}

.spec-value {
    color: var(--primary-text-color);
    font-weight: 600;
}

.cart-item-remove {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-radius: 50%;
    color: var(--grey-color);
    background: var(--light-bg-color);
    cursor: pointer;
    transition: var(--transition);
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
}

.cart-item-remove:hover:not(:disabled) {
    background: var(--error-color);
    color: var(--white-color);
    transform: scale(1.1);
}

.cart-item-remove:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Skeleton Loading Animations */
.skeleton {
    background: linear-gradient(90deg, var(--skeleton-color) 25%, var(--skeleton-shimmer) 50%, var(--skeleton-color) 75%);
    background-size: 200% 100%;
    animation: skeleton-loading 1.5s infinite;
    border-radius: 4px;
}

@keyframes skeleton-loading {
    0% {
        background-position: 200% 0;
    }

    100% {
        background-position: -200% 0;
    }
}

.cart-item-image-loading {
    width: 100%;
    height: 100%;
    background: var(--skeleton-color);
    border-radius: 6px;
    position: relative;
    overflow: hidden;
}

.cart-item-image-loading::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, var(--skeleton-shimmer), transparent);
    animation: skeleton-loading 1.5s infinite;
}

.cart-item-title-loading {
    height: 1.2rem;
    width: 80%;
    margin-bottom: 0.5rem;
    background: var(--skeleton-color);
    border-radius: 4px;
    animation: skeleton-loading 1.5s infinite;
}

.cart-item-sku-loading {
    height: 0.8rem;
    width: 60%;
    background: var(--skeleton-color);
    border-radius: 4px;
    animation: skeleton-loading 1.5s infinite;
}

/* Empty Cart - Compact */
.empty-cart {
    text-align: center;
    padding: 2rem;
    background: var(--primary-card-color);
    border-radius: 12px;
    box-shadow: var(--shadow-sm);
}

.empty-cart-icon {
    width: 48px;
    height: 48px;
    margin: 0 auto 1rem;
    color: var(--primary-hover-color);
}

.empty-cart h2 {
    font-size: 1.25rem;
    margin-bottom: 0.5rem;
    color: var(--black-color);
}

.empty-cart p {
    color: var(--grey-color);
    margin-bottom: 1.5rem;
    font-size: 0.875rem;
}

/* Loading State - Enhanced */
.cart-loading {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    background: var(--primary-card-color);
    border-radius: 12px;
    box-shadow: var(--shadow-sm);
}

.loading-spinner {
    width: 32px;
    height: 32px;
    border: 3px solid rgba(205, 134, 92, 0.2);
    border-left-color: var(--primary-hover-color);
    border-radius: 50%;
    animation: spin 1s linear infinite;
    margin-bottom: 1rem;
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

.cart-loading p {
    color: var(--grey-color);
    font-size: 0.875rem;
    margin: 0;
}

/* Error State - Compact */
.cart-error {
    text-align: center;
    padding: 2rem;
    background: var(--primary-card-color);
    border-radius: 12px;
    box-shadow: var(--shadow-sm);
}

.error-icon {
    width: 40px;
    height: 40px;
    margin: 0 auto 1rem;
    color: var(--error-color);
}

.cart-error h3 {
    font-size: 1.25rem;
    margin-bottom: 0.5rem;
    color: var(--black-color);
}

.cart-error p {
    color: var(--grey-color);
    margin-bottom: 1.5rem;
    font-size: 0.875rem;
}

/* Compact Summary Card */
.summary-card {
    background: var(--primary-card-color);
    padding: 1.5rem;
    border-radius: 12px;
    box-shadow: var(--shadow-sm);
    transition: var(--transition);
    border: 1px solid var(--border-color);
}

.summary-title {
    font-size: 1.25rem;
    font-weight: 600;
    margin: 0 0 1rem 0;
    color: var(--black-color);
}

.summary-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.75rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--primary-text-color);
    border:none !important;
}



.free-shipping {
    color: var(--success-color) !important;
    font-weight: 600 !important;
    font-size: 0.75rem;
    background: rgba(40, 167, 69, 0.1);
    padding: 0.2rem 0.5rem;
    border-radius: 4px;
}

.summary-divider {
    height: 1px;
    background: var(--border-color);
    margin: 1rem 0;
}

.total-row {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--black-color);
    margin: 1rem 0;
    padding: 0.5rem 0;
}

.total-amount {
    color: var(--primary-hover-color) !important;
    font-size: 1.2rem;
}

.payment-methods {
    margin-top: 1rem;
    padding-top: 1rem;
}

.payment-methods p {
    font-size: 0.75rem;
    color: var(--grey-color);
    margin-bottom: 0.5rem;
}

.payment-icons {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.summary-loading {
    text-align: center;
    color: var(--grey-color);
    font-size: 0.875rem;
    padding: 1rem;
}

/* Bootstrap Integration & Responsive Design */
@media (max-width: 1199.98px) {
    .cart-content {
        grid-template-columns: 1fr 280px;
        gap: 1rem;
    }
}

@media (max-width: 991.98px) {
    .cart-content {
        grid-template-columns: 1fr;
    }

    .cart-summary-section {
        position: static;
        order: -1;
    }

    .summary-card {
        margin-bottom: 1rem;
    }
}

@media (max-width: 767.98px) {
    .cart-container {
        padding: 1rem;
    }

    

    .cart-header h1 {
        font-size: 2.15rem;
    }

    .cart-item {
        grid-template-columns: auto 80px 1fr;
        gap: 0.75rem;
        padding: 0.75rem;
    }

    .cart-item-image-container {
        width: 80px;
        height: 80px;
    }

    .cart-item-details {
        min-height: 80px;
    }

    .cart-item-title {
        font-size: 0.9rem;
    }

    .cart-item-sku {
        font-size: 0.7rem;
    }

    .price-current {
        font-size: 0.9rem;
    }

    .cart-item-specs {
        gap: 0.5rem;
    }

    .cart-item-spec {
        font-size: 0.7rem;
        padding: 0.15rem 0.4rem;
    }

    .summary-card {
        padding: 1rem;
    }

    .summary-title {
        font-size: 1.1rem;
    }

    .summary-row {
        font-size: 0.8rem;
    }

    .total-row {
        font-size: 1rem;
    }

    .total-amount {
        font-size: 1.1rem !important;
    }
}

@media (max-width: 575.98px) {
    .cart-container {
        padding: 0.75rem;
    }
          .cart-header h1 {
              font-size: 1.5rem;
          }

    .cart-item {
        grid-template-columns: auto 70px 1fr;
        gap: 0.5rem;
        padding: 0.5rem;
    }

    .cart-item-image-container {
        width: 70px;
        height: 70px;
    }

    .cart-item-details {
        min-height: 70px;
    }

    .cart-item-title {
        font-size: 0.85rem;
        margin-bottom: 0.15rem;
    }

    .cart-item-sku {
        font-size: 0.65rem;
        margin-bottom: 0.25rem;
    }

    .price-current {
        font-size: 0.85rem;
    }

    .price-original {
        font-size: 0.7rem;
    }

    .price-discount {
        font-size: 0.6rem;
    }

    .cart-item-remove {
        width: 28px;
        height: 28px;
        top: 0.25rem;
        right: 0.25rem;
    }

    .cart-item-specs {
        margin-top: 0.25rem;
    }

    .cart-item-spec {
        font-size: 0.65rem;
    }

    .main-btn {
        font-size: 0.8rem;
        padding: 0.5rem 1rem;
    }
}
/* Base checkout container */
.checkout-wrapper {
  min-height: 100vh;
  margin-top: 150px;
  background: var(--primary-color);
  font-family: var(--secondary-font);
  color: var(--primary-text-color);
  font-size: clamp(12px, 2.5vw, 14px);
  line-height: 1.5;
}

/* Main layout */
.checkout-layout {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 400px;
  grid-gap: 1rem;
  gap: 1rem;
  padding: clamp(0.5rem, 2vw, 1rem);
}

.checkout-main,
.checkout-aside {
  background: var(--white-color);
  border-radius: 8px;
  box-shadow: 0 2px 12px var(--shadow-color);
  border: 1px solid rgba(205, 134, 92, 0.1);
}

.checkout-aside {
  height: -webkit-fit-content;
  height: fit-content;
  position: -webkit-sticky;
  position: sticky;
  top: 1rem;
}

/* Progress Stepper */
.progress-tracker {
  padding-top: clamp(0.5rem, 2vw, 0.75rem);
  padding-left: clamp(0.5rem, 2vw, 0.75rem);
  padding-right: clamp(0.5rem, 2vw, 0.75rem);
  background: var(--white-color);
  border-bottom: 1px solid var(--primary-card-color);
}

.tracker-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}

.tracker-step {
  display: flex;
  align-items: center;
  flex: 1 1;
}

.step-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.5rem 0rem  0.5rem;
  border-radius: 8px;
  transition: all 0.3s ease;
}

.step-number {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: clamp(10px, 2vw, 12px);
  background: var(--grey-color);
  color: var(--white-color);
}

.step-item.active .step-number {
  background: var(--primary-hover-color);
  transform: scale(1.1);
}

.step-item.completed .step-number {
  background: var(--green-color);
}

.step-label {
  font-size: clamp(10px, 2vw, 11px);
  font-weight: 500;
  color: var(--grey-color);
}

.step-item.active .step-label {
  color: var(--primary-text-color);
}

.step-item.completed .step-label {
  color: var(--green-color);
}

.step-divider {
  width: 100%;
  height: 2px;
  background: var(--grey-color);
  margin: 0 0.5rem;
  opacity: 0.5;
}

/* Step Content */
.step-section {
  padding: clamp(0.5rem, 2vw, 0.55rem);
}

.section-heading {
  margin-bottom: 1rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid var(--primary-card-color);
}

.section-title {
  display: flex;
  align-items: center;
  font-size: clamp(13px, 2.5vw, 15px);
  font-weight: 500;
  color: var(--primary-text-color);
  margin: 0;
}

.section-icon {
  margin-right: 0.5rem;
  color: var(--primary-hover-color);
}

/* Contact Info */
.contact-details {
  background: var(--primary-card-color);
  border-radius: 8px;
  padding: 0.75rem;
  margin-bottom: 1rem;
}

.contact-row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.contact-icon {
  color: var(--primary-hover-color);
}

.contact-label {
  font-weight: 500;
  margin-right: 0.5rem;
}

.contact-value {
  font-weight: 600;
}

/* Address Styles */
.address-display {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.address-item {
  border: 1px solid var(--primary-card-color);
  border-radius: 8px;
  padding: 0.75rem;
  background: var(--white-color);
  transition: all 0.3s ease;
  cursor: pointer;
}

.address-item:hover {
  border-color: var(--primary-hover-color);
  box-shadow: 0 2px 8px rgba(205, 134, 92, 0.1);
}

.address-item.selected {
  border-color: var(--primary-hover-color);
  background: rgba(205, 134, 92, 0.05);
}

.address-heading {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 0.5rem;
}

.address-name {
  font-size: clamp(12px, 2.5vw, 14px);
  font-weight: 500;
  margin: 0;
}

.address-actions {
  display: flex;
  gap: 0.5rem;
}

.action-button {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
}

.edit-buttons {
  background: rgba(228, 230, 233) !important;
  color: #023a72 !important;
}

.edit-button:hover {
  background: rgb(224, 225, 226) !important;
}

.delete-button {
  background: rgb(236, 232, 232);
  color: #d32f2f;
}

.delete-button:hover {
  background: rgba(211, 47, 47, 0.2);
}

.address-info p {
  margin: 0.25rem 0;
  font-weight: 400;
  font-size: clamp(11px, 2vw, 12px);
  font-family: var(--secondary-font);
}

.phone-info {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 400;
  margin-top: 0.5rem;
}

.phone-icon {
  color: var(--primary-hover-color);
}

.change-address-button,
.add-address-button {
  background: transparent;
  border: 1px solid var(--primary-hover-color);
  color: var(--primary-hover-color);
  padding: 0.5rem 1rem;
  border-radius: 8px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
}

.change-address-button:hover,
.add-address-button:hover {
  background: var(--primary-hover-color);
  color: var(--white-color);
}

/* No Address State */
.no-address-state {
  min-height: 200px;
  background: var(--primary-card-color) !important;
  border-radius: 8px;
  margin: 1rem 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.no-address-content {
  text-align: center;
  padding: 1rem;
}

.no-address-icon {
  color: var(--primary-hover-color);
  margin-bottom: 1rem;
}

.no-address-content h5 {
  font-size: clamp(12px, 2.5vw, 14px);
  font-weight: 500;
  margin-bottom: 0.5rem;
}

.no-address-content p {
  font-size: clamp(10px, 2vw, 11px);
  font-weight: 400;
  margin-bottom: 1rem;
}

/* Order Summary Panel */
.order-panel {
  padding: clamp(0.5rem, 2vw, 0.75rem);
  overflow: hidden;
}

.order-panel.compact {
  padding: 0.5rem;
}

.order-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid var(--primary-card-color);
}

.order-title {
  display: flex;
  align-items: center;
  font-size: clamp(12px, 2vw, 14px) !important;
  font-weight: 500 ;
}

.order-icon {
  margin-right: 0.5rem;
}

.item-count-badge {
  background: var(--primary-hover-color);
  color: var(--white-color);
  padding: 0.25rem 0.75rem;
  border-radius: 12px;
  font-size: clamp(10px, 2vw, 11px);
  font-weight: 500;
}

.order-items {
  margin-bottom: 1rem;
}

.order-item {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 0.5rem 0;
  border-bottom: 1px solid var(--primary-card-color);
}

.item-image-container {
  width: clamp(60px, 15vw, 70px);
  height: clamp(60px, 15vw, 70px);
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid var(--primary-card-color);
  flex-shrink: 0;
}

.item-image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.item-details {
  flex: 1 1;
  overflow: hidden;
}

.order-item-name {
  font-size: clamp(10px, 2vw, 10px) ;
  font-weight: 500;
  margin: 0 0 0.25rem 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.item-variant,
.item-quantity {
  font-size: clamp(10px, 2vw, 11px);
  font-weight: 400;
  margin: 0.15rem 0;
}

.item-price {
  font-weight: 600;
  font-size: clamp(11px, 2.5vw, 12px);
  color: var(--primary-hover-color);
  white-space: nowrap;
}

.order-totals {
  border-top: 1px solid var(--primary-card-color);
  padding-top: 1rem;
  background: var(--white-color);
  border-radius: 8px;
  padding: 0.75rem;
}

.total-row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.5rem;
  font-weight: 400;
  font-size: clamp(11px, 2.5vw, 12px);
}

.free-shipping {
  color: var(--green-color);
  font-weight: 600;
}

.total-row.final-total {
  font-size: clamp(12px, 2.5vw, 13px);
  font-weight: 600;
}

/* Payment Section */
.payment-area {
  max-width: 100%;
}

.payment-hint {
  font-size: clamp(10px, 2vw, 11px);
  font-weight: 400;
  margin-bottom: 1rem;
  padding: 0.5rem;
  background: var(--primary-card-color);
  border-radius: 8px;
}

.payment-options {
  margin-bottom: 1rem;

}

.payment-option {
  margin-bottom: 0.5rem;
  display: flex;
  
}

.payment-option input[type="radio"] {
  width: 16px;
  height: 16px;
  margin: 0.5rem 0.75rem 0 0;
  cursor: pointer;
}

.payment-option label {
  padding: 0.5rem;
  border: 1px solid var(--primary-card-color);
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 500;
  font-size: clamp(11px, 2.5vw, 12px);
}

.payment-option input[type="radio"]:checked+label {
  border-color: var(--primary-hover-color);
  background: rgba(205, 134, 92, 0.05);
}

.payment-option label:hover {
  border-color: var(--primary-hover-color);
}

.payment-icon {
  color: var(--primary-hover-color);
}

.payment-desc {
  font-size: clamp(9px, 2vw, 10px);
  font-weight: 400;
  margin-top: 0.25rem;
}

.order-total-final {
  background: var(--primary-card-color);
  border-radius: 8px;
  padding: 0.75rem;
  margin-top: 1rem;
}

.total-breakdown .total-row {
  margin-bottom: 0.5rem;
}

.total-breakdown .total-row.final {
  font-size: clamp(12px, 2.5vw, 13px);
  font-weight: 600;
}

/* Step Navigation */
.step-controls {
  display: flex;
  justify-content: space-between;
  padding: 1rem;
  border-top: 1px solid var(--primary-card-color);
}

.nav-button {
  border: none;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
  font-size: clamp(11px, 2.5vw, 12px);
}

.nav-button.secondary {
  background: var(--grey-color);
  color: var(--white-color);
}

.nav-button.secondary:hover {
  background: var(--black-color);
}

.nav-button.primary {
  background: var(--primary-hover-color);
  color: var(--white-color);
}

.nav-button.primary:hover:not(:disabled) {
  background: #a05f3a;
}

.nav-button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.nav-button.place-order {
  background: var(--green-color);
  font-size: clamp(12px, 2.5vw, 13px);
  padding: 0.75rem 2rem;
}

/* Loading State */
.loading-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 200px;
  background: var(--primary-card-color);
  border-radius: 8px;
  margin: 1rem 0;
}

.loading-spinner {
  width: 28px;
  height: 28px;
  border: 2px solid var(--primary-card-color);
  border-top: 2px solid var(--primary-hover-color);
  border-radius: 50%;
  animation: spin 1s linear infinite;
  margin-bottom: 1rem;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/* Address Modal */
.address-modal .modal-content {
  border-radius: 8px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
  background: var(--primary-card-color) !important;
}

.modal-header-styled {
  padding: 0.75rem;
  background: var(--primary-card-color) !important;
}

.modal-title-styled {
  font-family: var(--secondary-font);
  font-weight: 500;
  font-size: clamp(13px, 2.5vw, 14px);
}

.modal-body-styled {
  padding: 0.75rem;
}

.address-list {
  max-height: 60vh;
  overflow-y: auto;
}

.address-list::-webkit-scrollbar {
  width: 4px;
}

.address-list::-webkit-scrollbar-track {
  background: var(--black-color) !important;
}

.address-list::-webkit-scrollbar-thumb {
  background: var(--primary-hover-color);
}

.address-item {
  display: flex;
  margin-bottom: 1rem;
  border: 1px solid var(--primary-card-color);
  border-radius: 8px;
}

.address-content {
  flex: 1 1;
  padding: 0.75rem;
  background-color: var(--primary-color) !important;
}

.address-select-area {
  display: flex;
  align-items: center;
  padding: 0.75rem;
  background: var(--primary-card-color);
  border-left: 1px solid rgba(205, 134, 92, 0.2);
}

.select-button {
  min-width: 100px;
  font-weight: 500;
  border-radius: 8px;
  padding: 0.5rem 1rem;
  font-size: clamp(10px, 2vw, 11px);
  font-family: var(--secondary-font);
  display: flex;
  justify-content: space-between;
}

.add-new-address-button {
  width: 100%;
  font-family: var(--secondary-font);
  padding: 0.75rem;
  border: 1px dashed var(--primary-hover-color);
  background: transparent;
  color: var(--primary-hover-color);
  border-radius: 8px;
  font-weight: 500;
  font-size: clamp(11px, 2.5vw, 12px);
  display: flex;
  align-items: center;
  justify-content: center;
}

.add-new-address-button:hover {
  background: rgba(205, 134, 92, 0.05);
  border-style: solid;
}

/* Address Form */
.address-form-container {
  display: grid;
  grid-gap: 0.5rem;
  gap: 0.5rem;
}

.address-form-container .form-label {
  font-family: var(--secondary-font);
  font-weight: 500;
  font-size: clamp(12px, 2vw, 14px);
  margin-bottom: 0.15rem;
}

.address-form-container .form-control {
  border: 1px solid var(--primary-card-color);
  border-radius: 0px;
  padding: 0.5rem ;
  height: 40px;
  font-size: clamp(12px, 2vw, 14px);

}

.address-form-container .form-control:focus {
  border-color: var(--primary-hover-color);
  box-shadow: 0 0 0 0.2rem rgba(205, 134, 92, 0.2);
}

.address-form-container .form-check {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0.5rem 0;
}

.address-form-container .form-check-input {
  width: 16px !important;
  height: 16px !important;
  margin: 0 ;
  cursor: pointer;
}

.address-form-container .form-check-label {
  font-family: var(--secondary-font);
  font-size: clamp(10px, 2vw, 12px);
  font-weight: 400;
}

.form-actions {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
  margin-top: 1rem;
}

.cancel-button,
.save-button {
  font-family: var(--secondary-font) !important;
  padding: 0.5rem 1rem !important;
  border-radius: 8px;
  font-weight: 500;
  font-size: clamp(10px, 2vw, 10px) !important;
}

.cancel-button {
  background: var(--grey-color);
  color: var(--white-color) !important;
  border: none;
}

.save-button {
  background: var(--primary-hover-color);
  color: var(--white-color);
  border: none;
}

.save-button:hover {
  background: #a05f3a;
}

/* Mobile Summary Toggle */
.mobile-order-toggle {
  display: none;
}

@media (max-width: 992px) {
  .checkout-layout {
    grid-template-columns: 1fr;
    gap: 0.5rem;
  }

  .checkout-aside {
    display: none;
  }

  .mobile-order-toggle {
    display: block;
    padding: 0.5rem;
  }

  .toggle-button {
    width: 100%;
    padding: 0.5rem;
    border: 1px solid var(--primary-card-color);
    border-radius: 8px;
    background: var(--white-color);
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: clamp(10px, 2vw, 11px);
    font-weight: 500;
  }

  .toggle-content {
    display: flex;
    align-items: center;
    gap: 0.5rem;
  }

  .toggle-arrow {
    font-size: clamp(10px, 2vw, 11px);
  }

  .toggle-total {
    font-weight: 600;
    color: var(--primary-hover-color);
  }

  .mobile-order-panel {
    margin-top: 0.5rem;
  }
}

@media (max-width: 768px) {
  .checkout-wrapper {
    font-size: clamp(10px, 2.5vw, 12px);
  }

  .checkout-layout {
    padding: 0.5rem;
  }

  .step-section,
  .order-panel {
    padding: 0.5rem;
  }

  .tracker-container {
    flex-wrap: wrap;
    gap: 0.5rem;
  }

  .tracker-step {
    flex: 1 1 30%;
  }

 

  .section-title {
    font-size: clamp(11px, 2.5vw, 13px);
  }

  .address-item {
    flex-direction: column;
  }

  .address-select-area {
    border-left: none;
    border-top: 1px solid rgba(205, 134, 92, 0.2);
  }

  .nav-button {
    padding: 0.5rem 1rem;
    font-size: clamp(10px, 2vw, 11px);
  }

  .nav-button.place-order {
    padding: 0.5rem 1.5rem;
    font-size: clamp(11px, 2.5vw, 12px);
  }
}

@media (max-width: 576px) {
  .step-item {
    flex-direction: column;
    gap:0.1rem !important;
    padding: 1rem 0.25rem 0.5rem 2.25rem; 
  }

  .step-label {
    font-size: clamp(10px, 2vw, 10px);
  }
    .step-divider {
        width: 100%;
          height: 2px;
          background: var(--grey-color);
          margin: 0rem;
          opacity: 1;
    }

  .section-title {
    font-size: clamp(10px, 2.5vw, 12px);
  }

  .address-heading {
    flex-direction: column;
    gap: 0.5rem;
  }

  .address-actions {
    justify-content: flex-end;
  }

  .step-controls {
    flex-direction: column;
    gap: 0.5rem;
  }

  .nav-button {
    width: 100%;
    font-size: clamp(9px, 2vw, 10px);
  }
 .order-item-name {
   font-size: 10px;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   max-width: 120px;
   display: inline-block;
   vertical-align: middle;
 }
 .order-totals {
   border-top: 1px solid var(--primary-card-color);
   padding-top: 0rem;
   background: var(--white-color);
   border-radius: 8px;
 }
 .total-row {
  margin-bottom: 0rem !important;
  font-weight: 400;
  font-size: clamp(11px, 2.5vw, 12px);
}
.total-breakdown .total-row {
  margin-bottom: 0rem !important;
}
}
/* Print Styles */
@media print {
  .checkout-wrapper {
    background: white;
    color: black;
  }

  .checkout-aside,
  .step-controls,
  .mobile-order-toggle {
    display: none;
  }

  .checkout-layout {
    grid-template-columns: 1fr;
    padding: 0;
  }

  .checkout-main {
    box-shadow: none;
    border: none;
  }
} 



/* ContactPage.css */

:root {
    --primary-font: 'Gloock', 'serif';
    --secondary-font: 'Montserrat', 'sans-serif';
    --primary-color: #f6f5f0;
    --primary-text-color: #404040;
    --primary-card-color: #edebe7;
    --primary-hover-color: #cd865c;
    --secondary-card-color: #cfdcdd;
    --white-color: #ffffff;
    --header-height: 80px;
    --mobile-header-height: 60px;
    --green-color: #024908;
    --grey-color: #A9A9A9;
    --black-color: #000000;
}

/* Contact Section Styles */
.about-contact-section {
    padding: 80px 0;
    background-color: #f6f5f0;
    background-color: var(--primary-color);
    font-family: 'Montserrat', 'sans-serif';
    font-family: var(--secondary-font);
    color: #404040;
    color: var(--primary-text-color);
}

/* Contact Info Box */
.contact-info-box {
    background-color: #ffffff;
    background-color: var(--white-color);
    padding: 40px;
    border-radius: 8px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    height: 100%;
}

.contact-info-box h3 {
    font-family: 'Gloock', 'serif';
    font-family: var(--primary-font);
    color: #000000;
    color: var(--black-color);
    font-size: 1.5rem;
    margin-bottom: 15px;
    position: relative;
    padding-bottom: 10px;
}

.contact-info-box h3::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50px;
    height: 3px;
    background-color: #cd865c;
    background-color: var(--primary-hover-color);
}

.contact-info-box p {
    margin-bottom: 30px;
    line-height: 1.6;
}

/* Social Icons */
.social-icons {
    display: flex;
    gap: 15px;
}

.social-icons a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background-color: #edebe7;
    background-color: var(--primary-card-color);
    color: #000000;
    color: var(--black-color);
    border-radius: 50%;
    transition: all 0.3s ease;
}

.social-icons a:hover {
    background-color: #cd865c;
    background-color: var(--primary-hover-color);
    color: #ffffff;
    color: var(--white-color);
    transform: translateY(-3px);
}

/* Message Form */
.message-form {
    background-color: #ffffff;
    background-color: var(--white-color);
    padding: 40px;
    border-radius: 8px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}
.message-form .form-group input {
    background-color: #edebe7;
    background-color: var(--primary-card-color);

}
.message-form .form-group textarea {
    background-color: #edebe7;
    background-color: var(--primary-card-color);

}

.message-form h2 {
    font-family: 'Gloock', 'serif';
    font-family: var(--primary-font);
    color: #000000;
    color: var(--black-color);
    font-size: 2rem;
    margin-bottom: 30px;
    position: relative;
    padding-bottom: 15px;
}

.message-form h2::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 70px;
    height: 3px;
    background-color: #cd865c;
    background-color: var(--primary-hover-color);
}

.form-group {
    margin-bottom: 25px;
}

.form-group input,
.form-group textarea {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-family: 'Montserrat', 'sans-serif';
    font-family: var(--secondary-font);
    font-size: 1rem;
    transition: all 0.3s ease;
}

.form-group input:focus,
.form-group textarea:focus {
    outline: none;
    border-color: #cd865c;
    border-color: var(--primary-hover-color);
    box-shadow: 0 0 0 3px rgba(205, 134, 92, 0.2);
}

.form-group textarea {
    min-height: 150px;
    resize: vertical;
}

/* Submit Button */
.main-btn.btn-filleds {
    background-color: #cd865c;
    background-color: var(--primary-hover-color);
    color: #ffffff;
    color: var(--white-color);
    border: none;
    padding: 12px 30px;
    font-size: 1rem;
    font-weight: 600;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.3s ease;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.main-btn.btn-filleds:hover {
    background-color: #000000;
    background-color: var(--black-color);
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

/* Alerts */
.alert {
    padding: 15px;
    border-radius: 4px;
    font-size: 0.9rem;
}

.alert-success {
    background-color: rgba(2, 73, 8, 0.1);
    border-color: rgba(2, 73, 8, 0.2);
    color: #024908;
    color: var(--green-color);
}

.alert-danger {
    background-color: rgba(205, 92, 92, 0.1);
    border-color: rgba(205, 92, 92, 0.2);
    color: #cd5c5c;
}

/* Google Map Container */
.google-map-container {
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    margin-top: 60px;
}

/* Responsive Styles */
@media (max-width: 991px) {
    .about-contact-section {
        padding: 60px 0;
    }
    
    .contact-info-box,
    .message-form {
        padding: 30px;
    }
    
    .message-form h2 {
        font-size: 1.7rem;
    }
}

@media (max-width: 767px) {
    .about-contact-section {
        padding: 40px 0;
    }
    
    .contact-info-box {
        margin-bottom: 30px;
    }
    
    .message-form h2 {
        font-size: 1.5rem;
    }
    
    .contact-info-box h3,
    .message-form h2 {
        padding-bottom: 8px;
    }
    
    .contact-info-box h3::after,
    .message-form h2::after {
        height: 2px;
    }
}

.login-sec {
    padding-top: 140px ;
    background-color: var(--primary-color);
}
.login-sec .container{
    max-width: 1200px;
}

.account-wrapper {
    background-color: var(--primary-card-color);
    border-radius: 8px;
    overflow: hidden;
}

.login-content {
    background-image: url(/static/media/sign.4b80a84a694e075b4ea0.webp);
    background-size: cover;
    background-position: center;
    min-height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.login-form {
    padding: 30px;
    font-family: var(--secondary-font);
    color: var(--primary-text-color);
}

.login-form h4 {
    font-family: var(--title-font);
    font-size: 2.5rem;
    margin-bottom: 10px;
    color: var(--primary-text-color) !important;
    font-weight: bolder;
}

.alert.alert-danger {
    font-size: 14px;
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
    padding: 10px;
    margin-bottom: 20px;
    border-radius: 4px;
}


.input-group-two input {
    width: 100%;
    padding: 10px;
    font-family: var(--secondary-font);
    font-size: 1rem;
    border-radius: 4px;
    outline: none;
}

.input-group-two input:focus {
    border-color: var(--primary-hover-color);
}


.login-form a {
    color: var(--primary-hover-color);
    text-decoration: none;
    display: block;
    margin-bottom: 20px;
}

.login-form a:hover {
    text-decoration: underline;
}

.forgot{
    color:var(--primary-text-color) !important
}
.forgot:hover{
    color: var(--primary-hover-color) !important;
}

.register-prompt {
    color: var(--primary-text-color) !important;
    font-family: var(--secondary-font);
    font-size: 1rem;
    margin-top: 20px;
}

.create-account-link {
    margin-left: 10px;
    display: inline-block !important;
    color: var(--primary-text-color) !important;
}
.create-account-link:hover {
    color: var(--primary-hover-color) !important;
}


.signup-section {
    padding: 140px 0;
    background-color: var(--primary-color);
}
.signup-section .container{
max-width: 1200px;
}

.signup-container {
    box-shadow: 0 0 20px var(--shadow-color);
    border-radius: 10px;
    overflow: hidden;
}

.signup-background {
    height: 100%;
    min-height: 500px;
    background-image: url(/static/media/sign.4b80a84a694e075b4ea0.webp);
    background-size: cover;
    background-position: center;
    background-color: #f0f0f0;
    /* Fallback color */
    border-radius: 10px 0 0 10px;
}

.signup-form {
    padding: 40px;
    background-color: var(--white-color);
    border-radius: 0 10px 10px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

.signup-form h2 {
    font-family: var(--title-font);
    color: var(--primary-hover-color);
    font-size: 2rem;
    font-weight: 700;
    text-align: center;
    align-items: center;
}

.alert.alert-danger {
    font-size: 14px;
    color: var(--error-color);
    background-color: #f8d7da;
    border-color: #f5c6cb;
    padding: 10px;
    margin-bottom: 20px;
    border-radius: 4px;
}

.input-field-styled {
    position: relative;
    margin-bottom: 20px;
    
}

.input-field-styled input {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid var(--grey-color);
    border-radius: 5px;
    font-family: var(--secondary-font);
    background-color: var(--primary-card-color) !important;
    color: var(--primary-text-color);
    transition: all 0.3s ease;
}

.input-field-styled input:focus {
    outline: 2px solid var(--focus-outline);
    border-color: transparent;
}

.error-feedback {
    color: var(--error-color);
    font-size: 0.75rem;
    margin-top: 5px;
    font-family: var(--secondary-font);
}

.is-invalid {
    border-color: var(--error-color) !important;
}

.btn-container {
    text-align: center;
    margin: 0;
}

/*button */
.register-main-btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    user-select: none;
    padding: 0 20px !important;
    font-size: 14px;
    line-height: 40px;
    cursor: pointer;
    transition: all 0.4s ease-out 0s;
    text-transform: capitalize;
    color: var(--primary-text-color);
    border: none !important;
    font-family: 'Montserrat';
}

.register-main-btn .register-btn-filled {
    position: relative;
    background-color: var(--primary-hover-color) ;
    color: var(--primary-text-color);
    transform-origin: center;
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out, background-color 0.3s;
    border: none !important;
}
.register-main-btn .register-btn-filled:hover {
    background-color: var(--primary-hover-color) ;
    color: var(--white-color) ;
    box-shadow: none;
    border: var(--primary-hover-color) ;
    position: relative;

}

.register-main-btn .register-btn-filled::after {
    content: "";
    position: absolute;
    bottom: 6px;
    left: 50%;
    transform: translateX(-50%);
    width: 0%;
    height: 2px;
    background-color: var(--white-color);
    /* Or any line color you prefer */
    transition: width 0.3s ease-in-out;
}


.primary-btn {
    width: 150px;
    padding: 12px;
    background-color: var(--primary-hover-color);
    color: var(--white-color);
    border: none;
    border-radius: 5px;
    font-family: var(--secondary-font);
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}

.primary-btn:hover {
    background-color: var(--primary-text-color);
    /* Replaced black with primary-text-color */
    transform: translateY(-2px);
}

.primary-btn:disabled {
    background-color: var(--grey-color);
    cursor: not-allowed;
}

.login-prompt {
    color: var(--primary-text-color);
    font-family: var(--secondary-font);
    margin: 15px 0;
    text-align: center;
}
.google-login-btn{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
}
.login-link,
.back-to-signup {
    margin-left: 10px;
    color: var(--primary-hover-color);
    text-decoration: none;
    background: none;
    border: none;
    cursor: pointer;
    font-family: var(--secondary-font);
    padding: 0;
}

.login-link:hover,
.back-to-signup:hover {
    text-decoration: underline;
}

@media (max-width: 991.98px) {
    .signup-background {
        min-height: 300px;
    }

    .signup-form {
        padding: 30px 20px;
    }
}
/* src/components/ShopInfoCart.css */

:root {
    
    --border-radius: 12px;
    --border-radius-sm: 8px;
    --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.1);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.15);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.2);
    --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Modern Product Section */
.modern-product-section {
    padding: 2rem 0;
    background: var(--primary-color);
    min-height: 100vh;
    font-family: var(--secondary-font);
}

.product-detail-row {
    background: var(--primary-card);
    padding: 1.5rem;
    margin: 0;
}

/* Product Gallery Container */
.product-gallery-container {
    position: relative;
    height: 90% ;
}

.product-badges {
    position: absolute;
    top: 1rem;
    left: 3.5rem;
    z-index: 10;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.badge {
    padding: 0.25rem 0.75rem;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 400;
    text-transform: capitalize;
    letter-spacing: 0.5px;
    font-family: var(--secondary-font);
}

.badge.new-arrival {
    background: var(--green-color);
    color: var(--white-color);
}

.badge.trending {
    background: var(--primary-hover-color);
    color: var(--white-color);
}

.badge.discount {
    background: #e74c3c;
    /* Keep accent color for visibility */
    color: var(--white-color);
}

/* Product Info Container */
.product-info-container {
    padding: 1rem 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

/* Product Header */
.product-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.5rem;
}

.product-title {
    font-size: 1.2rem;
    font-weight: 600;
    color: var(--primary-text-color);
    margin: 0;
    line-height: 1.2;
    font-family: var(--primary-font);
    flex: 1 1;
    
}
.sub-product-title {
    font-size: 1rem;
    font-weight: 400;
    color: var(--primary-text-color);
    margin: 0;
    font-family: var(--secondary-font);
    flex: 1 1;
    text-transform: lowercase;
    margin-left: 5px;
}

.wishlist-btn {
    background: none;
    border: 2px solid var(--grey-color);
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    color: var(--grey-color);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: var(--transition);
    cursor: pointer;
}

.wishlist-btn:hover,
.wishlist-btn.wishlisted {
    border-color: var(--primary-hover-color);
    color: var(--primary-hover-color);
    background: rgba(205, 134, 92, 0.1);
}

/* Product Rating */
.product-rating {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.stars {
    display: flex;
    gap: 0.25rem;
}

.stars i {
    color: var(--grey-color);
    font-size: 0.9rem;
}

.stars i.filled {
    color: #d4af37;
    /* Gold color for stars */
}

.rating-text {
    color: var(--grey-color);
    font-size: 0.85rem;
    font-family: var(--secondary-font);
}

/* Product Pricing */


.price-row {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.5rem;
}

.current-price {
    font-size: 1.75rem;
    font-weight: 600;
    color: var(--primary-text-color);
    font-family: var(--secondary-font);
}

.original-price {
    font-size: 1.1rem;
    color: var(--grey-color);
    text-decoration: line-through !important;
}

.price-details {
    color: var(--grey-color);
    font-size: 0.9rem;
    font-family: var(--secondary-font);
}

/* Product Meta Grid */
.product-meta-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    grid-gap: 0.35rem;
    gap: 0.35rem;
    padding: 0.5rem;
}

.meta-item {
    display: flex;
    flex-direction: column;
}

.meta-label {
    font-size: 0.75rem;
    color: var(--grey-color);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 500;
    font-family: var(--secondary-font);
}

.meta-value {
    font-weight: 600;
    color: var(--primary-text-color);
    font-family: var(--secondary-font);
}

/* Product Description */
.product-description {
    padding: 0.75rem 0;
}

.product-description p {
    color: var(--grey-color);
    line-height: 1.6;
    margin: 0;
    font-family: var(--secondary-font);
}

/* Product Variants */
.product-variants {
    padding: 0.75rem 0;
}

.variant-label {
    display: block;
    font-weight: 600;
    color: var(--primary-text-color);
    margin-bottom: 0.5rem;
    font-family: var(--secondary-font);
}

.variant-options {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.variant-btn {
    padding: 0.5rem 1.25rem;
    border: 2px solid var(--grey-color);
    background: var(--white-color);
    color: var(--primary-text-color);
    border-radius: 8px;
    border-radius: var(--border-radius-sm);
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: var(--transition);
    font-family: var(--secondary-font);
}

.variant-btn:hover {
    border-color: var(--primary-hover-color);
    background: rgba(205, 134, 92, 0.1);
}

.variant-btn.active {
    border-color: var(--primary-hover-color);
    background: var(--primary-hover-color);
    color: var(--white-color);
}

/* Product Actions */
.product-actions {
    display: flex;
    gap: 0.75rem;
}

.action-btn {
    flex: 1 1;
    padding: 0.875rem 1.5rem;
    border: none;
    border-radius: 8px;
    border-radius: var(--border-radius-sm);
    font-weight: 600;
    font-size: 0.9rem;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: var(--transition);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-family: var(--secondary-font);
}

.add-to-cart {
    background: var(--primary-hover-color);
    color: var(--white-color);
}

.add-to-cart:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    box-shadow: var(--shadow-md);
}

.add-to-cart.in-cart {
    background: #27ae60;
    /* Success green */
}

.buy-now {
    background: var(--primary-hover-color);
    color: var(--white-color);
}

.buy-now:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    box-shadow: var(--shadow-md);
}

/* Product Categories */
.product-categories {
    padding: 0.75rem 0;
    border-top: 1px solid var(--grey-color);
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.category-item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.category-label {
    font-weight: 600;
    color: var(--primary-text-color);
    min-width: 80px;
    font-family: var(--secondary-font);
}

.category-link {
    color: var(--primary-text-color);
    text-decoration: none;
    font-weight: 500;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: var(--transition);
    font-family: var(--secondary-font);
}

.category-value {
    color: var(--grey-color);
    font-weight: 500;
    font-family: var(--secondary-font);
}



/* Skeleton Loader Styles */
.product-skeleton {
    padding: 1.5rem 0;
}

.product-skeleton .container {
    background: var(--white-color);
    border-radius: 12px;
    border-radius: var(--border-radius);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
    box-shadow: var(--shadow-lg);
    padding: 1.5rem;
}

.skeleton-image-gallery {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.skeleton-main-image {
    width: 100%;
    height: 350px;
    background: linear-gradient(90deg, #e0e0e0 25%, #d0d0d0 50%, #e0e0e0 75%);
    background-size: 200% 100%;
    animation: shimmer 1.5s infinite;
    border-radius: 8px;
    border-radius: var(--border-radius-sm);
}

.skeleton-thumbnail-row {
    display: flex;
    gap: 0.5rem;
}

.skeleton-thumbnail {
    width: 70px;
    height: 70px;
    background: linear-gradient(90deg, #e0e0e0 25%, #d0d0d0 50%, #e0e0e0 75%);
    background-size: 200% 100%;
    animation: shimmer 1.5s infinite;
    border-radius: 8px;
    border-radius: var(--border-radius-sm);
}

.skeleton-product-info {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 0.75rem 0;
}

.skeleton-title {
    width: 80%;
    height: 2rem;
    background: linear-gradient(90deg, #e0e0e0 25%, #d0d0d0 50%, #e0e0e0 75%);
    background-size: 200% 100%;
    animation: shimmer 1.5s infinite;
    border-radius: 8px;
    border-radius: var(--border-radius-sm);
}

.skeleton-rating {
    width: 150px;
    height: 1.25rem;
    background: linear-gradient(90deg, #e0e0e0 25%, #d0d0d0 50%, #e0e0e0 75%);
    background-size: 200% 100%;
    animation: shimmer 1.5s infinite;
    border-radius: 8px;
    border-radius: var(--border-radius-sm);
}

.skeleton-price {
    width: 200px;
    height: 2rem;
    background: linear-gradient(90deg, #e0e0e0 25%, #d0d0d0 50%, #e0e0e0 75%);
    background-size: 200% 100%;
    animation: shimmer 1.5s infinite;
    border-radius: 8px;
    border-radius: var(--border-radius-sm);
}

.skeleton-description {
    width: 100%;
    height: 0.9rem;
    background: linear-gradient(90deg, #e0e0e0 25%, #d0d0d0 50%, #e0e0e0 75%);
    background-size: 200% 100%;
    animation: shimmer 1.5s infinite;
    border-radius: 8px;
    border-radius: var(--border-radius-sm);
}

.skeleton-description.short {
    width: 60%;
}

.skeleton-variants {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.skeleton-variant-btn {
    width: 90px;
    height: 2rem;
    background: linear-gradient(90deg, #e0e0e0 25%, #d0d0d0 50%, #e0e0e0 75%);
    background-size: 200% 100%;
    animation: shimmer 1.5s infinite;
    border-radius: 8px;
    border-radius: var(--border-radius-sm);
}

.skeleton-buttons {
    display: flex;
    gap: 0.75rem;
    margin-top: 1.5rem;
}

.skeleton-btn {
    flex: 1 1;
    height: 2.5rem;
    background: linear-gradient(90deg, #e0e0e0 25%, #d0d0d0 50%, #e0e0e0 75%);
    background-size: 200% 100%;
    animation: shimmer 1.5s infinite;
    border-radius: 8px;
    border-radius: var(--border-radius-sm);
}

/* Share button styles */

/* Share Button Styles */
.header-buttons {
    display: flex;
    gap: 10px;
    align-items: center;
}

.share-btn {
    background: none;
    border: none;
    color: #666;
    font-size: 1.2rem;
    cursor: pointer;
    transition: all 0.3s ease;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.share-btn:hover {
    color: #333;
    transform: scale(1.1);
}

.share-btn.active {
    color: #d4af37; /* Gold color to match jewelry theme */
}

.share-options {
  position: absolute;
  background: white;
  border-radius: 8px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
  padding: 12px;
  z-index: 100;
  animation: fadeIn 0.3s ease;
  margin-top: 45px;
  right: 0;
  width: -webkit-max-content;
  width: max-content;
  margin-right: 40px;
}


.share-icons {
    display: flex;
    gap: 15px;
    justify-content: center;
}

.share-icons a {
    color: white;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    text-decoration: none;
}

.share-icons a:hover {
    transform: scale(1.1);
}

.share-icons a:nth-child(1) { /* WhatsApp */
    background-color: #25D366;
}

.share-icons a:nth-child(2) { /* Instagram */
    background: linear-gradient(45deg, #405DE6, #5851DB, #833AB4, #C13584, #E1306C, #FD1D1D);
}

.share-icons a:nth-child(3) { /* Facebook */
    background-color: #3b5998;
}

.share-icons a:nth-child(4) { /* Twitter */
    background-color: #1DA1F2;
}

/* Animation for share options */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* For mobile */
@media (max-width: 768px) {
  .share-options {
    right: auto;
    left: 0;
  }
}

/* Mobile responsiveness */
@media (max-width: 768px) {
    .share-options {
        right: auto;
        left: 0;
    }
    
    .share-icons {
        gap: 10px;
    }
    
    .share-icons a {
        width: 35px;
        height: 35px;
    }
}


@keyframes shimmer {
    0% {
        background-position: -200% 0;
    }

    100% {
        background-position: 200% 0;
    }
}

/* Error and Loading States */
.error-message {
    text-align: center;
    padding: 2rem;
    background: var(--white-color);
    border-radius: 12px;
    border-radius: var(--border-radius);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    box-shadow: var(--shadow-md);
    color: var(--primary-hover-color);
    font-size: 1rem;
    font-weight: 500;
    font-family: var(--secondary-font);
}

/* Responsive Design */
@media (max-width: 1200px) {
    .product-title {
        font-size: 1.1rem;
    }

    .current-price {
        font-size: 1.5rem;
    }

    .product-meta-grid {
        grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    }

    .skeleton-main-image {
        height: 300px;
    }
    .product-badges{
        left:3rem;
    }
    .badge{
        font-size: 12px;
        padding: 0.25rem 0.75rem;
    }
}

@media (max-width: 992px) {
    .modern-product-section {
        padding: 1rem 0;
    }

    .product-detail-row {
        padding: 1rem;
    }

    .product-title {
        font-size: 1rem;
    }

    .current-price {
        font-size: 1.25rem;
    }

    .action-btn {
        padding: 0.75rem 1.25rem;
        font-size: 0.85rem;
    }

    .care-tips {
        grid-template-columns: 1fr;
    }

    .custom-tabs {
        flex-direction: column;
        gap: 0.5rem;
    }

    .custom-tabs .nav-link {
        justify-content: center;
        font-size: 0.85rem;
        padding: 0.5rem 1rem;
    }

    .skeleton-main-image {
        height: 250px;
    }

    .skeleton-thumbnail {
        width: 60px;
        height: 60px;
    }
        .product-badges {
            left: 4rem;
        }
                 .badge {
                     font-size: 11px;
                     padding: 0.23rem 0.65rem;
                 }
}

@media (max-width: 768px) {
    .product-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
    }

    .wishlist-btn {
        align-self: flex-end;
        width: 2rem;
        height: 2rem;
        font-size: 0.9rem;
    }

    .product-title {
        font-size: 0.9rem;
        width: 100%;
    }

    .current-price {
        font-size: 1.1rem;
    }

    .price-row {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }

    .original-price {
        font-size: 0.95rem;
    }

    .product-meta-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 0.5rem;
    }

    .product-actions {
        flex-direction: column;
    }

    .action-btn {
        padding: 0.75rem;
        font-size: 0.8rem;
    }

    .category-item {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.25rem;
    }

    .category-label {
        min-width: auto;
    }

    .variant-options {
        justify-content: center;
        gap: 0.5rem;
    }

    .variant-btn {
        padding: 0.5rem 1rem;
        font-size: 0.8rem;
    }

    .tab-content-container {
        padding: 1rem;
    }

    .spec-row {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }

    .skeleton-main-image {
        height: 200px;
    }

    .skeleton-thumbnail {
        width: 50px;
        height: 50px;
    }
         .product-badges {
             left: 3rem;
         }
                  .badge {
                      font-size: 10px;
                      padding: 0.22rem 0.63rem;
                  }
}

@media (max-width: 576px) {
    .product-detail-row {
        padding: 0.75rem;
        margin: 0.5rem;
        border-radius: 8px;
        border-radius: var(--border-radius-sm);
    }

    .product-title {
        font-size: 0.8rem;
        line-height: 1.4;
    }

    .current-price {
        font-size: 1rem;
    }

    .original-price {
        font-size: 0.9rem;
    }

    .product-pricing {
        padding: 0.75rem;
    }

    .product-meta-grid {
        grid-template-columns: 1fr;
        padding: 0.5rem;
    }

    .meta-item {
        flex-direction: row;
        justify-content: space-between;
        padding: 0.5rem;
        background: var(--white-color);
        border-radius: 8px;
        border-radius: var(--border-radius-sm);
        border: 1px solid var(--grey-color);
    }

    .meta-label,
    .meta-value {
        font-size: 0.7rem;
    }

    .variant-btn {
        flex: 1 1;
        text-align: center;
        font-size: 0.75rem;
        padding: 0.5rem 0.75rem;
    }

    .action-btn {
        font-size: 0.75rem;
        padding: 0.75rem;
    }

  

    .skeleton-main-image {
        height: 150px;
    }

    .skeleton-thumbnail {
        width: 40px;
        height: 40px;
    }

    .skeleton-title {
        height: 1.5rem;
    }

    .skeleton-price {
        height: 1.5rem;
        width: 150px;
    }
        .badge {
            font-size: 8px;
            padding: 0.2rem 0.6rem;
        }
}
@media (max-width: 436px){
.product-badges {
        left: 2rem;
        top:0.5rem
    }
         .badge {
             font-size: 8px;
             padding: 0.1rem 0.5rem;
         }
}
/* Print Styles */
@media print {
    .modern-product-section {
        background: var(--white-color);
        box-shadow: none;
    }

    .product-actions,
    .wishlist-btn,
    .custom-tabs {
        display: none;
    }

    .product-detail-row {
        box-shadow: none;
        border: 1px solid var(--grey-color);
    }
}

/* High Contrast Mode */
@media (prefers-contrast: high) {
    :root {
        --grey-color: #333;
        --white-color: #fff;
    }

    .variant-btn {
        border-width: 2px;
    }

    .action-btn {
        border: 2px solid transparent;
    }
}

/* Reduced Motion */
@media (prefers-reduced-motion: reduce) {
    * {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }

    .skeleton-main-image,
    .skeleton-thumbnail,
    .skeleton-title,
    .skeleton-rating,
    .skeleton-price,
    .skeleton-description,
    .skeleton-variant-btn,
    .skeleton-btn {
        animation: none;
        background: #e0e0e0;
    }
}

/* Add these styles to the existing ShopInfoCart.css */

/* Tabbed Navigation */
.custom-tabs {
    display: flex;
    justify-content: flex-start;
    border-bottom: 2px solid var(--grey-color);
    margin-bottom: 1.5rem;
    gap: 1rem;
}

.custom-tabs .nav-link {
    background: none;
    border: none;
    padding: 0.75rem 1.5rem;
    font-size: 1rem;
    font-weight: 600;
    color: var(--grey-color);
    font-family: var(--secondary-font);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: var(--transition);
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-bottom: 3px solid transparent;
}

.custom-tabs .nav-link:hover {
    color: var(--primary-hover-color);
}

.custom-tabs .nav-link.active {
    color: var(--primary-hover-color);
    border-bottom: 3px solid var(--primary-hover-color);
    background: rgba(205, 134, 92, 0.1);
}

.tab-content-container {
    padding: 1.5rem;
    background: var(--primary-color);
    border-radius: 12px;
    border-radius: var(--border-radius);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    box-shadow: var(--shadow-md);
}

/* Care Instructions */
.care-instructions {
    padding: 1rem;
}

.care-title {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--primary-hover-color);
    margin-bottom: 0.75rem;
    font-family: var(--secondary-font);
}

.care-description {
    font-size: 0.9rem;
    color: var(--primary-text-color);
    line-height: 1.6;
    margin-bottom: 1.25rem;
    font-family: var(--secondary-font);
}

.care-tips {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    grid-gap: 1rem;
    gap: 1rem;
}


.care-tip-item:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    box-shadow: var(--shadow-md);
    transform: translateY(-2px);
}

.care-tip-title {
    font-size: 1rem;
    font-weight: 600;
    color: var(--primary-hover-color);
    margin-bottom: 0.5rem;
    font-family: var(--secondary-font);
}

.care-tip-description {
    font-size: 0.85rem;
    color: var(--primary-text-color);
    line-height: 1.5;
    margin: 0;
    font-family: var(--secondary-font);
}

/* Responsive adjustments for tabs and care instructions */
@media (max-width: 992px) {
    .custom-tabs {
        flex-direction: column;
        gap: 0.5rem;
    }

    .custom-tabs .nav-link {
        justify-content: center;
        font-size: 0.85rem;
        padding: 0.5rem 1rem;
    }

    .care-tips {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .tab-content-container {
        padding: 1rem;
    }

    .care-title {
        font-size: 1.1rem;
    }

    .care-description {
        font-size: 0.85rem;
    }

    .care-tip-item {
        padding: 0.75rem;
    }

    .care-tip-title {
        font-size: 0.9rem;
    }

    .care-tip-description {
        font-size: 0.8rem;
    }
}

@media (max-width: 576px) {
    .custom-tabs .nav-link {
        font-size: 0.8rem;
        padding: 0.5rem 0.75rem;
    }

    .tab-content-container {
        padding: 0.75rem;
    }

    .care-title {
        font-size: 1rem;
    }

    .care-description {
        font-size: 0.8rem;
    }

    .care-tip-item {
        padding: 0.5rem;
    }

    .care-tip-title {
        font-size: 0.85rem;
    }

    .care-tip-description {
        font-size: 0.75rem;
    }
}
/* Add these styles to the existing ShopInfoCart.css */

/* Tabbed Navigation */
.custom-tabs {
    display: flex;
    justify-content: flex-start;
    border-bottom: 2px solid var(--grey-color);
    margin-bottom: 1.5rem;
    gap: 1rem;
}

.custom-tabs .nav-link {
    background: none;
    border: none;
    padding: 0.75rem 1.5rem;
    font-size: 1rem;
    font-weight: 600;
    color: var(--grey-color);
    font-family: var(--secondary-font);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: var(--transition);
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-bottom: 3px solid transparent;
}

.custom-tabs .nav-link:hover {
    color: var(--primary-hover-color);
}

.custom-tabs .nav-link.active {
    color: var(--primary-hover-color);
    border-bottom: 3px solid var(--primary-hover-color);
    background: rgba(205, 134, 92, 0.1);
}


/* Price and Care Container */
.price-care-container {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

/* Care Instructions */
.care-instructions {
    padding: 1rem;
  
}



.care-tips {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    grid-gap: 1rem;
    gap: 1rem;
}

.care-tip-item {
    background: var(--primary-card-color);
    padding: 1rem;
    border-radius: 8px;
    border-radius: var(--border-radius-sm);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    box-shadow: var(--shadow-sm);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: var(--transition);
}

.care-tip-item:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    box-shadow: var(--shadow-md);
    transform: translateY(-2px);
}


/* Responsive adjustments for tabs and care instructions */
@media (max-width: 992px) {
    .custom-tabs {
        flex-direction: column;
        gap: 0.5rem;
    }

    .custom-tabs .nav-link {
        justify-content: center;
        font-size: 0.85rem;
        padding: 0.5rem 1rem;
    }

    .care-tips {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .tab-content-container {
        padding: 1rem;
    }

    .care-title {
        font-size: 1.1rem;
    }

    .care-description {
        font-size: 0.85rem;
    }

    .care-tip-item {
        padding: 0.75rem;
    }

    .care-tip-title {
        font-size: 0.9rem;
    }

    .care-tip-description {
        font-size: 0.8rem;
    }
}

@media (max-width: 576px) {
    .custom-tabs .nav-link {
        font-size: 0.8rem;
        padding: 0.5rem 0.75rem;
    }

    .tab-content-container {
        padding: 0.75rem;
    }

    .care-title {
        font-size: 1rem;
    }

    .care-description {
        font-size: 0.8rem;
    }

    .care-tip-item {
        padding: 0.5rem;
    }

    .care-tip-title {
        font-size: 0.85rem;
    }

    .care-tip-description {
        font-size: 0.75rem;
    }
}
/* Professional ImageGallery.css */

/* Gallery Container */
.gallery-container {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    background: #ffffff;
    background: var(--primary-card-color, #ffffff);
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

/* Main Image Container */
.main-image-container {
    position: relative;
    background: #f8f8f8;
    border-bottom: 1px solid #e0e0e0;
}

.image-counter {
    position: absolute;
    top: 16px;
    right: 16px;
    background: rgba(0, 0, 0, 0.7);
    color: white;
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 500;
    z-index: 10;
    -webkit-backdrop-filter: blur(4px);
            backdrop-filter: blur(4px);
}

.main-image-wrapper {
    position: relative;
    width: 100%;
    aspect-ratio: 1/1;
    overflow: hidden;
    cursor: crosshair;
    background: #ffffff;
    background: var(--primary-card-color, #ffffff);
}

.main-image {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    transition: transform 0.3s ease;
    -webkit-user-select: none;
            user-select: none;
}

/* Hover Zoom Preview */
.zoom-preview {
    position: fixed;
    width: 200px;
    height: 200px;
    border: 2px solid #e0e0e0;
    border-radius: 4px;
    background: white;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    z-index: 1000;
    pointer-events: none;
    overflow: hidden;
    animation: fadeIn 0.2s ease;
}

.zoom-preview-inner {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.zoom-preview-inner img {
    width: 200%;
    height: 200%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}

/* Navigation Arrows */
.nav-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    border: none;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.9);
    color: #333;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
    z-index: 15;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.nav-arrow.visible {
    opacity: 1;
    visibility: visible;
}

.nav-prev {
    left: 16px;
}

.nav-next {
    right: 16px;
}

.nav-arrow:hover {
    background: white;
    transform: translateY(-50%) scale(1.1);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    color: #000;
    color: var(--black-color, #000);
}

.nav-arrow:active {
    transform: translateY(-50%) scale(0.95);
}

/* Thumbnail Container */
.thumbnail-container {
    background: #ffffff;
    background: var(--primary-card-color, #ffffff);
    padding: 16px;
    border-top: 1px solid #e0e0e0;
    margin: 0 auto !important;
}

.thumbnail-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 4px 0;
    scrollbar-width: thin;
    scrollbar-color: #ccc transparent;
}

.thumbnail-wrapper::-webkit-scrollbar {
    height: 4px;
}

.thumbnail-wrapper::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}

.thumbnail-wrapper::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 4px;
}

.thumbnail-wrapper::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
}

.thumbnail {
    position: relative;
    flex-shrink: 0;
    width: 80px;
    height: 80px;
    border: 2px solid transparent;
    border-radius: 4px;
    overflow: hidden;
    cursor: pointer;
    transition: all 0.3s ease;
}

.thumbnail.active {
    border-color: #2874f0;
    border-color: var(--primary-hover-color, #2874f0);
    box-shadow: 0 0 0 1px rgba(40, 116, 240, 0.3);
}

.thumbnail:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

.thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: all 0.3s ease;
    background: #f8f8f8;
}

.thumbnail:not(.active) img {
    opacity: 0.7;
}

.thumbnail:hover img {
    opacity: 1;
    transform: scale(1.1);
}

/* Professional Zoom Modal */
.zoom-modal {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.9);
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-backdrop-filter: blur(8px);
            backdrop-filter: blur(8px);
    animation: fadeIn 0.3s ease;
    padding: 20px;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.zoom-modal-content {
    position: relative;
    width: 95%;
    max-width: 1000px;
    max-height: 90vh;
    background: white;
    border-radius: 12px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
    animation: scaleIn 0.3s ease;
}

@keyframes scaleIn {
    from {
        transform: scale(0.9);
        opacity: 0;
    }

    to {
        transform: scale(1);
        opacity: 1;
    }
}

/* Professional Header */
.zoom-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #f8f9fa;
    padding: 16px 20px;
    border-bottom: 1px solid #e9ecef;
}

.zoom-counter {
    font-size: 14px;
    font-weight: 600;
    color: #495057;
}

.zoom-level-display {
    font-size: 14px;
    font-weight: 600;
    color: #6c757d;
    background: #e9ecef;
    padding: 4px 12px;
    border-radius: 20px;
}

.zoom-close {
    background: #dc3545;
    border: none;
    border-radius: 6px;
    width: 32px;
    height: 32px;
    font-size: 14px;
    font-weight: bold;
    color: white;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.zoom-close:hover {
    background: #c82333;
    transform: scale(1.05);
}

/* Professional Navigation */
.zoom-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 48px;
    height: 48px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    background: rgb(0, 0, 0,0.2);
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
    color:var(--white-color);
    font-size: 20px;
    font-weight: bold;
    cursor: pointer;
    z-index: 1010;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.zoom-nav-prev {
    left: 10px;
}

.zoom-nav-next {
    right: 10px;
}

.zoom-nav:hover {
    background: rgba(233, 77, 5, 0.6);
    border-color: rgba(255, 255, 255, 0.5);
    transform: translateY(-50%) scale(1.05);
}

.zoom-nav:active {
    transform: translateY(-50%) scale(0.95);
}

/* Professional Image Container */
.zoom-image-container {
    position: relative;
    flex: 1 1;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: #f8f9fa;
    min-height: 400px;
}

.zoom-image {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    transition: transform 0.3s cubic-bezier(0.4, 0.0, 0.2, 1);
    -webkit-user-select: none;
            user-select: none;
    -webkit-user-drag: none;
    cursor: grab;
}

/* Professional Control Bar */
.zoom-controls-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: white;
    padding: 16px 20px;
    border-top: 1px solid #e9ecef;
    gap: 16px;
}

.zoom-controls {
    display: flex;
    align-items: center;
    gap: 12px;
}

.zoom-control-btn {
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: bold;
    color: #495057;
    cursor: pointer;
    border-radius: 8px;
    transition: all 0.2s ease;
}

.zoom-control-btn:hover:not(:disabled) {
    background: #e9ecef;
    border-color: #adb5bd;
    transform: translateY(-1px);
}

.zoom-control-btn:active:not(:disabled) {
    transform: translateY(0);
}

.zoom-control-btn:disabled {
    opacity: 0.4;
    cursor: not-allowed;
}

.zoom-level-slider {
    display: flex;
    align-items: center;
    margin: 0 8px;
}

.zoom-slider {
    width: 120px;
    height: 6px;
    border-radius: 3px;
    background: #dee2e6;
    outline: none;
    -webkit-appearance: none;
            appearance: none;
    cursor: pointer;
}

.zoom-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
            appearance: none;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #007bff;
    cursor: pointer;
    border: 2px solid white;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.zoom-slider::-webkit-slider-thumb:hover {
    background: #0056b3;
    transform: scale(1.1);
}

.zoom-slider::-moz-range-thumb {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #007bff;
    cursor: pointer;
    border: 2px solid white;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.zoom-reset-btn {
    background: #007bff;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.zoom-reset-btn:hover:not(:disabled) {
    background: #0056b3;
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(0, 123, 255, 0.3);
}

.zoom-reset-btn:active:not(:disabled) {
    transform: translateY(0);
}

.zoom-reset-btn:disabled {
    background: #6c757d;
    cursor: not-allowed;
}

/* Responsive Design */
@media (max-width: 768px) {
    .gallery-container {
        max-width: 100%;
        border-radius: 0;
    }

    .zoom-preview {
        width: 150px;
        height: 150px;
    }

    .thumbnail {
        width: 56px;
        height: 56px;
    }

    .zoom-modal {
        padding: 10px;
    }

    .zoom-modal-content {
        width: 98%;
        max-height: 95vh;
    }

    .zoom-header {
        padding: 12px 16px;
    }

    .zoom-nav {
        width: 44px;
        height: 44px;
        font-size: 18px;
    }

    .zoom-nav-prev {
        left: 15px;
    }

    .zoom-nav-next {
        right: 15px;
    }

    .zoom-controls-bar {
        padding: 12px 16px;
    }

    .zoom-slider {
        width: 80px;
    }

    .zoom-image-container {
        min-height: 300px;
    }
}

@media (max-width: 480px) {
    .nav-arrow {
        width: 36px;
        height: 36px;
        font-size: 16px;
    }

    .nav-prev {
        left: 12px;
    }

    .nav-next {
        right: 12px;
    }

    .zoom-preview {
        width: 120px;
        height: 120px;
    }

    .thumbnail-container {
        padding: 12px;
    }

    .thumbnail {
        width: 48px;
        height: 48px;
    }

    .zoom-controls {
        gap: 8px;
    }

    .zoom-control-btn {
        width: 36px;
        height: 36px;
        font-size: 16px;
    }

    .zoom-slider {
        width: 60px;
    }

    .zoom-reset-btn {
        padding: 8px 12px;
        font-size: 11px;
    }

    .zoom-image-container {
        min-height: 250px;
    }
}

/* Touch device optimization */
@media (hover: none) {
    .main-image-wrapper {
        cursor: pointer;
    }

    .nav-arrow {
        opacity: 1;
        visibility: visible;
    }

    .zoom-image {
        cursor: pointer;
    }
}
:root {
  --toastify-color-light: #fff;
  --toastify-color-dark: #121212;
  --toastify-color-info: #3498db;
  --toastify-color-success: #07bc0c;
  --toastify-color-warning: #f1c40f;
  --toastify-color-error: #e74c3c;
  --toastify-color-transparent: rgba(255, 255, 255, 0.7);
  --toastify-icon-color-info: var(--toastify-color-info);
  --toastify-icon-color-success: var(--toastify-color-success);
  --toastify-icon-color-warning: var(--toastify-color-warning);
  --toastify-icon-color-error: var(--toastify-color-error);
  --toastify-toast-width: 320px;
  --toastify-toast-background: #fff;
  --toastify-toast-min-height: 64px;
  --toastify-toast-max-height: 800px;
  --toastify-font-family: sans-serif;
  --toastify-z-index: 9999;
  --toastify-text-color-light: #757575;
  --toastify-text-color-dark: #fff;
  --toastify-text-color-info: #fff;
  --toastify-text-color-success: #fff;
  --toastify-text-color-warning: #fff;
  --toastify-text-color-error: #fff;
  --toastify-spinner-color: #616161;
  --toastify-spinner-color-empty-area: #e0e0e0;
  --toastify-color-progress-light: linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  --toastify-color-progress-dark: #bb86fc;
  --toastify-color-progress-info: var(--toastify-color-info);
  --toastify-color-progress-success: var(--toastify-color-success);
  --toastify-color-progress-warning: var(--toastify-color-warning);
  --toastify-color-progress-error: var(--toastify-color-error);
}

.Toastify__toast-container {
  z-index: 9999;
  z-index: var(--toastify-z-index);
  -webkit-transform: translate3d(0, 0, 9999 px);
  -webkit-transform: translate3d(0, 0, var(--toastify-z-index) px);
  position: fixed;
  padding: 4px;
  width: 320px;
  width: var(--toastify-toast-width);
  box-sizing: border-box;
  color: #fff;
}
.Toastify__toast-container--top-left {
  top: 1em;
  left: 1em;
}
.Toastify__toast-container--top-center {
  top: 1em;
  left: 50%;
  transform: translateX(-50%);
}
.Toastify__toast-container--top-right {
  top: 1em;
  right: 1em;
}
.Toastify__toast-container--bottom-left {
  bottom: 1em;
  left: 1em;
}
.Toastify__toast-container--bottom-center {
  bottom: 1em;
  left: 50%;
  transform: translateX(-50%);
}
.Toastify__toast-container--bottom-right {
  bottom: 1em;
  right: 1em;
}

@media only screen and (max-width : 480px) {
  .Toastify__toast-container {
    width: 100vw;
    padding: 0;
    left: 0;
    margin: 0;
  }
  .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right {
    top: 0;
    transform: translateX(0);
  }
  .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right {
    bottom: 0;
    transform: translateX(0);
  }
  .Toastify__toast-container--rtl {
    right: 0;
    left: auto;
    left: initial;
  }
}
.Toastify__toast {
  position: relative;
  min-height: 64px;
  min-height: var(--toastify-toast-min-height);
  box-sizing: border-box;
  margin-bottom: 1rem;
  padding: 8px;
  border-radius: 4px;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05);
  display: flex;
  justify-content: space-between;
  max-height: 800px;
  max-height: var(--toastify-toast-max-height);
  overflow: hidden;
  font-family: sans-serif;
  font-family: var(--toastify-font-family);
  cursor: pointer;
  direction: ltr;
}
.Toastify__toast--rtl {
  direction: rtl;
}
.Toastify__toast-body {
  margin: auto 0;
  flex: 1 1 auto;
  padding: 6px;
  display: flex;
  align-items: center;
}
.Toastify__toast-body > div:last-child {
  flex: 1 1;
}
.Toastify__toast-icon {
  -webkit-margin-end: 10px;
          margin-inline-end: 10px;
  width: 20px;
  flex-shrink: 0;
  display: flex;
}

.Toastify--animate {
  animation-fill-mode: both;
  animation-duration: 0.7s;
}

.Toastify--animate-icon {
  animation-fill-mode: both;
  animation-duration: 0.3s;
}

@media only screen and (max-width : 480px) {
  .Toastify__toast {
    margin-bottom: 0;
    border-radius: 0;
  }
}
.Toastify__toast-theme--dark {
  background: #121212;
  background: var(--toastify-color-dark);
  color: #fff;
  color: var(--toastify-text-color-dark);
}
.Toastify__toast-theme--light {
  background: #fff;
  background: var(--toastify-color-light);
  color: #757575;
  color: var(--toastify-text-color-light);
}
.Toastify__toast-theme--colored.Toastify__toast--default {
  background: #fff;
  background: var(--toastify-color-light);
  color: #757575;
  color: var(--toastify-text-color-light);
}
.Toastify__toast-theme--colored.Toastify__toast--info {
  color: #fff;
  color: var(--toastify-text-color-info);
  background: #3498db;
  background: var(--toastify-color-info);
}
.Toastify__toast-theme--colored.Toastify__toast--success {
  color: #fff;
  color: var(--toastify-text-color-success);
  background: #07bc0c;
  background: var(--toastify-color-success);
}
.Toastify__toast-theme--colored.Toastify__toast--warning {
  color: #fff;
  color: var(--toastify-text-color-warning);
  background: #f1c40f;
  background: var(--toastify-color-warning);
}
.Toastify__toast-theme--colored.Toastify__toast--error {
  color: #fff;
  color: var(--toastify-text-color-error);
  background: #e74c3c;
  background: var(--toastify-color-error);
}

.Toastify__progress-bar-theme--light {
  background: linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  background: var(--toastify-color-progress-light);
}
.Toastify__progress-bar-theme--dark {
  background: #bb86fc;
  background: var(--toastify-color-progress-dark);
}
.Toastify__progress-bar--info {
  background: #3498db;
  background: var(--toastify-color-progress-info);
}
.Toastify__progress-bar--success {
  background: #07bc0c;
  background: var(--toastify-color-progress-success);
}
.Toastify__progress-bar--warning {
  background: #f1c40f;
  background: var(--toastify-color-progress-warning);
}
.Toastify__progress-bar--error {
  background: #e74c3c;
  background: var(--toastify-color-progress-error);
}
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--success, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {
  background: rgba(255, 255, 255, 0.7);
  background: var(--toastify-color-transparent);
}

.Toastify__close-button {
  color: #fff;
  background: transparent;
  outline: none;
  border: none;
  padding: 0;
  cursor: pointer;
  opacity: 0.7;
  transition: 0.3s ease;
  align-self: flex-start;
}
.Toastify__close-button--light {
  color: #000;
  opacity: 0.3;
}
.Toastify__close-button > svg {
  fill: currentColor;
  height: 16px;
  width: 14px;
}
.Toastify__close-button:hover, .Toastify__close-button:focus {
  opacity: 1;
}

@keyframes Toastify__trackProgress {
  0% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(0);
  }
}
.Toastify__progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  z-index: 9999;
  z-index: var(--toastify-z-index);
  opacity: 0.7;
  transform-origin: left;
}
.Toastify__progress-bar--animated {
  animation: Toastify__trackProgress linear 1 forwards;
}
.Toastify__progress-bar--controlled {
  transition: transform 0.2s;
}
.Toastify__progress-bar--rtl {
  right: 0;
  left: auto;
  left: initial;
  transform-origin: right;
}

.Toastify__spinner {
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  border: 2px solid;
  border-radius: 100%;
  border-color: #e0e0e0;
  border-color: var(--toastify-spinner-color-empty-area);
  border-right-color: #616161;
  border-right-color: var(--toastify-spinner-color);
  animation: Toastify__spin 0.65s linear infinite;
}

@keyframes Toastify__bounceInRight {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes Toastify__bounceInLeft {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes Toastify__bounceInUp {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes Toastify__bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.Toastify__bounce-enter--top-left, .Toastify__bounce-enter--bottom-left {
  animation-name: Toastify__bounceInLeft;
}
.Toastify__bounce-enter--top-right, .Toastify__bounce-enter--bottom-right {
  animation-name: Toastify__bounceInRight;
}
.Toastify__bounce-enter--top-center {
  animation-name: Toastify__bounceInDown;
}
.Toastify__bounce-enter--bottom-center {
  animation-name: Toastify__bounceInUp;
}

.Toastify__bounce-exit--top-left, .Toastify__bounce-exit--bottom-left {
  animation-name: Toastify__bounceOutLeft;
}
.Toastify__bounce-exit--top-right, .Toastify__bounce-exit--bottom-right {
  animation-name: Toastify__bounceOutRight;
}
.Toastify__bounce-exit--top-center {
  animation-name: Toastify__bounceOutUp;
}
.Toastify__bounce-exit--bottom-center {
  animation-name: Toastify__bounceOutDown;
}

@keyframes Toastify__zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes Toastify__zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.Toastify__zoom-enter {
  animation-name: Toastify__zoomIn;
}

.Toastify__zoom-exit {
  animation-name: Toastify__zoomOut;
}

@keyframes Toastify__flipIn {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}
@keyframes Toastify__flipOut {
  from {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.Toastify__flip-enter {
  animation-name: Toastify__flipIn;
}

.Toastify__flip-exit {
  animation-name: Toastify__flipOut;
}

@keyframes Toastify__slideInRight {
  from {
    transform: translate3d(110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInLeft {
  from {
    transform: translate3d(-110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInUp {
  from {
    transform: translate3d(0, 110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInDown {
  from {
    transform: translate3d(0, -110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideOutRight {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(110%, 0, 0);
  }
}
@keyframes Toastify__slideOutLeft {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(-110%, 0, 0);
  }
}
@keyframes Toastify__slideOutDown {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 500px, 0);
  }
}
@keyframes Toastify__slideOutUp {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, -500px, 0);
  }
}
.Toastify__slide-enter--top-left, .Toastify__slide-enter--bottom-left {
  animation-name: Toastify__slideInLeft;
}
.Toastify__slide-enter--top-right, .Toastify__slide-enter--bottom-right {
  animation-name: Toastify__slideInRight;
}
.Toastify__slide-enter--top-center {
  animation-name: Toastify__slideInDown;
}
.Toastify__slide-enter--bottom-center {
  animation-name: Toastify__slideInUp;
}

.Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left {
  animation-name: Toastify__slideOutLeft;
}
.Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right {
  animation-name: Toastify__slideOutRight;
}
.Toastify__slide-exit--top-center {
  animation-name: Toastify__slideOutUp;
}
.Toastify__slide-exit--bottom-center {
  animation-name: Toastify__slideOutDown;
}

@keyframes Toastify__spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}


/* Price Breakup Styles */
.price-breakup-container {
    margin: 1.5rem 0;
    border: 1px solid var(--grey-color);
    border-radius: var(--border-radius-sm);
    overflow: hidden;
}

.price-breakup-summary {
    padding: 1rem;
    background: var(--primary-card-color);
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
}

.final-price {
    display: flex;
    flex-direction: row;
    text-align: center;
    align-items: center;
}

.final-price .label {
    font-size: 0.9rem;
    color: var(--grey-color);
    font-family: var(--secondary-font);
    margin: 0 5px ;
}

.final-price .value {
    font-size: 1rem;
    font-weight: 600;
    color: var(--primary-text-color);
    font-family: var(--secondary-font);
}

.toggle-breakup {
    background: none;
    border: none;
    color: var(--primary-hover-color);
    font-size: 0.9rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem;
    font-family: var(--secondary-font);
    font-weight: 500;
}

.toggle-breakup:hover {
    text-decoration: underline;
}

.price-breakup-details {
    padding: 1rem;
    background: var(--primary-card-color);
}

.price-table {
    width: 100%;
    font-family: var(--secondary-font);
}

.price-table th,
.price-table td {
    padding: 0.75rem;
    text-align: left;
}
.price-table thead tr th{
    color: var(--primary-hover-color);
}

.price-table th {
    font-weight: 600;
    color: var(--primary-text-color);
}


.price-table .subtotal {
    font-weight: 600;
}

.price-table .grand-total {
    font-weight: 700;
    color: var(--primary-text-color);
    background: var(--primary-card-color);
}

.price-table .grand-total td {
    border-bottom: none;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .price-breakup-summary {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.55rem;
    }

    .price-table {
        font-size: 0.85rem;
    }

    .price-table th,
    .price-table td {
        padding: 0.5rem;
    }
}

@media (max-width: 576px) {
    .price-table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }

    .final-price .value {
        font-size: 0.9rem;
    }
}
/* Products Showcase Section */
.products-showcase-section {
    padding: 3rem 0;
    background-color: var(--main-cat-bg-color);
    /* Light background for better contrast */
    font-family: 'Arial', sans-serif;
    /* Clear, readable font */
}

.products-showcase-container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 15px;
}

.products-showcase-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 3rem;
}

.products-showcase-title .showcase-title {
    display: block;
    font-size: 2.275rem;
    background: var(--gradient-text);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    /* Dark text for high contrast */
    text-transform: capitalize;
    font-family: var(--title-font);
    /* Distinct, bold font */
    font-weight: 700;
}

.products-showcase-nav {
    display: flex;
    gap: 1rem;
}

.products-showcase-nav-arrow {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #6c757d;
    /* Neutral gray background */
    color: #ffffff;
    /* White icons for contrast */
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    border: none;
    opacity: 1;
    /* Ensure full visibility */
}

.products-showcase-nav-arrow:hover {
    background: #007bff;
    /* Blue hover for better interaction feedback */
    transform: scale(1.05);
}

.products-showcase-slider {
    position: relative;
}

.products-showcase-slider .slick-list {
    padding: 10px 0;
    margin: 0 -10px;
}

.products-showcase-slider .slick-slide {
    padding: 0 10px;
    opacity: 1;
    /* Ensure slides are fully visible */
}

/* Responsive Styles */
@media (max-width: 992px) {
    .products-showcase-section {
        padding: 4rem 0;
    }

    .products-showcase-title .showcase-title {
        font-size: 2.2rem;
    }

    .products-showcase-nav-arrow {
        width: 36px;
        height: 36px;
    }
}

@media (max-width: 768px) {
    .products-showcase-nav {
        align-self: flex-end;
    }

    .products-showcase-title .showcase-title {
        font-size: 2rem;
    }
}

@media (max-width: 576px) {
    .products-showcase-section {
        padding: 3rem 0;
    }

    .products-showcase-nav-arrow {
        width: 32px;
        height: 32px;
    }

    .products-showcase-slider .slick-list {
        margin: 0 -5px;
    }

    .products-showcase-slider .slick-slide {
        padding: 0 5px;
    }

    .products-showcase-title .showcase-title {
        font-size: 1.5rem;
    }
}
/* ShopContent.css */

/* Main Container */
.shop-container {
    max-width: 100%;
    margin: 0 auto;
    padding: 20px 50px;
    font-family: var(--secondary-font);
    background-color: var(--primary-color);
    color: var(--primary-text-color);
    box-sizing: border-box;
    /* Add this to prevent padding issues */
}

/* Shop Layout */
.shop-layout {
    display: flex;
    gap: 30px;
    width: 100%;
}

.sidebar-area {
    flex: 0 0 300px;
    /* Fixed width for sidebar */
    position: -webkit-sticky;
    position: sticky;
    top: 20px;
    height: -webkit-fit-content;
    height: fit-content;
}

.product-area {
    flex: 1 1;
    min-width: 0;
    /* Prevent flex item overflow */
}

/* Product Grid - Fixed to eliminate spaces */
.product-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    grid-gap: 2rem;
    gap: 2rem;
    width: 100%;
    margin: 0;
    padding: 0;
}

/* Product Thumb - Fixed aspect ratio */
.product-thumb {
    position: relative;
    width: 100%;
    padding-top: 100%;
    /* 1:1 Aspect Ratio */
    overflow: hidden;
}

.product-thumb img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

/* Product Description - Fixed spacing */
.product-desc {
    padding: 15px;
    flex-grow: 1;
    /* Allow content to fill remaining space */
    display: flex;
    flex-direction: column;
}

/* Bootstrap Loading Placeholder Styles */
.product-card-placeholder {
    background: #fff;
    background: var(--white-color, #fff);
    border: 1px solid #e0e0e0;
    border: 1px solid var(--border-color, #e0e0e0);
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.product-card-placeholder .product-thumb {
    position: relative;
    width: 100%;
    padding-top: 75%;
    /* Adjust aspect ratio as needed */
    overflow: hidden;
    background-color: #f8f9fa;
}

.product-card-placeholder .product-thumb .placeholder {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 0;
}

.product-card-placeholder .product-desc {
    padding: 15px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

/* Custom placeholder animation for better visual effect */
@keyframes placeholderShimmer {
    0% {
        background-position: -468px 0;
    }

    100% {
        background-position: 468px 0;
    }
}

.placeholder-glow .placeholder {
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: placeholderShimmer 1.5s infinite linear;
}

/* Loading container improvements */
.load-more-container {
    text-align: center;
    margin-top: 30px;
    margin: 0 auto ;
    padding: 20px;
}
.load-more-container p {
    margin: 0 auto ;
    text-align: center ;
}

.load-more-container .placeholder-glow {
    display: inline-flex;
    align-items: center;
    gap: 12px;
}

.load-more-container .spinner-border {
    width: 1.5rem;
    height: 1.5rem;
    border-width: 0.2em;
}

/* Responsive Adjustments */
@media (max-width: 1200px) {
    .shop-container {
        padding: 20px 30px;
    }

    .product-grid {
        grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
        gap: 1.3rem;
    }

    .sidebar-area {
        flex: 0 0 250px;
    }
}

@media (max-width: 992px) {
    .shop-layout {
        flex-direction: column;
    }

    .sidebar-area {
        position: static;
        width: 100%;
        margin-bottom: 30px;
    }

    .product-grid {
        grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
        gap: 1rem;
    }
}

@media (max-width: 768px) {
    .shop-container {
        padding: 20px;
    }

    .product-grid {
        grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
        gap: 15px;
    }
}

@media (max-width: 576px) {
    .product-grid {
        grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
        gap: 12px;
    }
}

/* Filter Button - Desktop & Mobile */
.mobile-filter-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background-color: var(--primary-hover-color);
    color: var(--white-color);
    font-size: 14px;
    font-weight: 600;
    padding: 8px 18px;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.3s ease;
    font-family: var(--secondary-font);
}

.mobile-filter-btn i {
    font-size: 16px;
}

/* Hover effect */
.mobile-filter-btn:hover {
    background-color: #b96c47;
}

/* Positioning for desktop */
@media (min-width: 993px) {
    .mobile-filter-btn {
        display: none;
        /* Hide on large screens */
    }
}

/* Mobile-specific positioning */
@media (max-width: 992px) {
    .mobile-filter-btn {
        display: inline-flex;
        position: fixed;
        top: 90px;
        right: 15px;
        z-index: 20;
    }

    .sidebar-area {
        display: none;
        /* Hide sidebar on small devices */
    }
}

/* Product Header */
.product-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    font-family: var(--secondary-font);
}

.product-header p {
    font-size: 14px;
    color: var(--primary-text-color);
    margin: 0;
}

.load-more-btn {
    padding: 12px 30px;
    font-size: 16px;
    background-color: #cd865c;
    border: none;
    color: white;
    border-radius: 5px;
    transition: background-color 0.3s ease;
    cursor: pointer;
}

.load-more-btn:hover {
    background-color: #b46945;
}

:root {
  --wl-primary-font: 'Inter', sans-serif;
  --wl-primary-color: #ffffff;
  --wl-card-bg: #edebe7;
  --wl-text-primary: #1a1a1a;
  --wl-text-secondary: #806b6b;
  --wl-accent-color: #cd865c;
  --wl-accent-hover: #d3753e;
  --wl-border-color: #d8d8d8;
  --wl-error-color: #dc2626;
  --wl-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
}

.wl-container {
  max-width: 1400px;
  margin: 0 auto;
  padding: 1.5rem 1rem;
  font-family: 'Inter', sans-serif;
  font-family: var(--wl-primary-font);
}

.wl-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.5rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid #d8d8d8;
  border-bottom: 1px solid var(--wl-border-color);
}

.wl-header h1 {
  font-size: 1.5rem;
  font-weight: 600;
  color: #1a1a1a;
  color: var(--wl-text-primary);
}

.wl-count {
  font-size: 0.875rem;
  color: #806b6b;
  color: var(--wl-text-secondary);
}

.wl-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  grid-gap: 1.25rem;
  gap: 1.25rem;
  padding: 1rem 0;
}

.wl-item {
  background: #edebe7;
  background: var(--wl-card-bg);
  border: 1px solid #d8d8d8;
  border: 1px solid var(--wl-border-color);
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.wl-item:hover {
  transform: translateY(-4px);
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
  box-shadow: var(--wl-shadow);
}

.wl-item-img-container {
  position: relative;
  aspect-ratio: 3/3;
  overflow: hidden;
  border-bottom: 1px solid #d8d8d8;
  border-bottom: 1px solid var(--wl-border-color);
}

.wl-item-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.wl-item-img:hover {
  transform: scale(1.05);
}

.wl-remove-btn {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 28px;
  height: 28px;
  background: rgba(255, 255, 255, 0.9);
  border: none;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.2s ease, background 0.2s ease;
}

.wl-item:hover .wl-remove-btn {
  opacity: 1;
}

.wl-remove-btn:hover {
  background: rgba(255, 255, 255, 1);
}

.wl-item-details {
  padding: 0.5rem;
}

.wl-item-rating {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.75rem;
  color: #806b6b;
  color: var(--wl-text-secondary);
}

.wl-star-icon {
  color: #FFD700;
}

.wl-reviews-count {
  color: #806b6b;
  color: var(--wl-text-secondary);
}
.wl-items-wrap{
  display: flex;
  justify-content: space-between;
  padding: 0.3rem;;
}
.wl-item-title {
  font-size: 0.875rem;
margin: 0.5rem 0;
  font-weight: 500;
  color: #1a1a1a;
  color: var(--wl-text-primary);
}

.wl-item-title a {
  color: #1a1a1a;
  color: var(--wl-text-primary);
  text-decoration: none;
}

.wl-item-title a:hover {
  color: #cd865c;
  color: var(--wl-accent-color);
}

.wl-item-price {
  font-size: 1rem;
  font-weight: 600;
  color: #cd865c;
  color: var(--wl-accent-color);
  margin: 0.5rem 0;
}

.wl-move-to-cart-btn {
  width: 50%;
  padding: 0.5rem;
  background: #cd865c;
  background: var(--wl-accent-color);
  color: white;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto ;
  gap: 0.25rem;
  font-size: 0.75rem;
  font-weight: 500;
  transition: background 0.2s ease;
}

.wl-move-to-cart-btn:hover {
  background: #d3753e;
  background: var(--wl-accent-hover);
}

.wl-cart-icon {
  margin-right: 0.25rem;
}

.wl-loading,
.wl-error,
.wl-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 60vh;
  text-align: center;
}

.wl-spinner {
  animation: wl-spin 1s linear infinite;
}

.wl-error h3 {
  font-size: 1.25rem;
  color: #dc2626;
  color: var(--wl-error-color);
  margin: 0.75rem 0 0.5rem;
}

.wl-error p {
  color: #806b6b;
  color: var(--wl-text-secondary);
  margin-bottom: 1rem;
}

.wl-retry-btn {
  padding: 0.5rem 1.25rem;
  background: #cd865c;
  background: var(--wl-accent-color);
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 0.875rem;
  transition: background 0.2s ease;
}

.wl-retry-btn:hover {
  background: #d3753e;
  background: var(--wl-accent-hover);
}

.wl-empty h2 {
  font-size: 1.25rem;
  margin: 0.75rem 0 0.5rem;
  color: #1a1a1a;
  color: var(--wl-text-primary);
}

.wl-empty p {
  color: #806b6b;
  color: var(--wl-text-secondary);
  margin-bottom: 1rem;
}

.wl-explore-btn {
  padding: 0.5rem 1.5rem;
  background: #cd865c;
  background: var(--wl-accent-color);
  color: white;
  text-decoration: none;
  border-radius: 4px;
  font-size: 0.875rem;
  transition: background 0.2s ease;
}

.wl-explore-btn:hover {
  background: #edebe7;
  background: var(--wl-card-bg);
  color:#806b6b;
  color:var(--wl-text-secondary)
}

@keyframes wl-spin {
  to {
    transform: rotate(360deg);
  }
}
@media (max-width: 992px){
.wl-container {
    padding: 1.5rem 1rem;
  }

  .wl-header h1 {
    font-size: 1.45rem;
  }

  .wl-count {
    font-size: 0.85rem;
  }

  .wl-grid {
    grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
    gap: 1rem;
  }

  .wl-item-img-container {
    aspect-ratio: 3/2;
  }

  .wl-item-title {
    font-size: 0.85rem;
  }

  .wl-item-price {
    font-size: 0.925rem;
  }

  .wl-move-to-cart-btn {
    font-size: 0.75rem;
    padding: 0.45rem;
  }
}
@media (max-width: 768px) {
  .wl-container {
    padding: 1rem 0.75rem;
  }

  .wl-header h1 {
    font-size: 1.25rem;
  }

  .wl-count {
    font-size: 0.75rem;
  }

  .wl-grid {
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 1rem;
  }

  .wl-item-img-container {
    aspect-ratio: 2.5/2;
  }

  .wl-item-title {
    font-size: 0.75rem;
  }

  .wl-item-price {
    font-size: 0.875rem;
  }

  .wl-move-to-cart-btn {
    font-size: 0.7rem;
    padding: 0.4rem;
    width:100%;
  }
}

@media (max-width: 480px) {
  .wl-grid {
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    gap: 0.75rem;
  }

  .wl-item-img-container {
    aspect-ratio: 1/1;
  }

  .wl-item-details {
    padding: 0.5rem;
  }

  .wl-item-title {
    font-size: 0.7rem;
  }

  .wl-item-price {
    font-size: 0.8rem;
  }

  .wl-item-rating {
    font-size: 0.7rem;
  }

  .wl-star-icon {
    size: 10;
  }

  .wl-remove-btn {
    width: 24px;
    height: 24px;
    opacity: 1;
  }

  .wl-empty h2 {
    font-size: 1rem;
  }

  .wl-empty p {
    font-size: 0.75rem;
  }

  .wl-explore-btn,
  .wl-retry-btn {
    font-size: 0.75rem;
    padding: 0.4rem 1rem;
  }
}
/* Privacy Policy Styles */
.privacy-wrapper {
  background-color: var(--primary-color);
  padding: 3rem 1rem;
  font-family: var(--secondary-font);
  color: var(--primary-text-color);
  min-height: 100vh;
}

.privacy-container {
  max-width: 960px;
  margin: 0 auto;
  background: var(--primary-color);
  border-radius: 12px;
  padding: 2.5rem;
  box-shadow: 0 2px 8px var(--shadow-color);
}

.privacy-heading {
  font-family: var(--primary-font);
  font-size: clamp(1.8rem, 3vw, 2.5rem);
  text-align: center;
  margin-bottom: 2rem;
  color: var(--primary-text-color);
  font-weight: 500;
}

.privacy-block {
  margin-bottom: 2.5rem;
}

.privacy-subtitle {
  font-size: clamp(1.2rem, 2vw, 1.5rem);
  font-weight: 600;
  color: var(--black-color);
  margin-bottom: 1rem;
  font-family: var(--secondary-font);
}

.privacy-list {
  padding-left: 1.5rem;
  margin: 1rem 0;
}

.privacy-list li {
  font-size: clamp(0.9rem, 1.1vw, 1rem);
  line-height: 1.8;
  margin-bottom: 0.5rem;
  color: var(--black-color);
}

.privacy-sharing-grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1.5rem;
  gap: 1.5rem;
  margin-top: 1rem;
}

@media (min-width: 768px) {
  .privacy-sharing-grid {
    grid-template-columns: 1fr 1fr;
  }
}

.privacy-box {
  background: var(--primary-card-color);
  border-radius: 8px;
  padding: 1.5rem;
  border: 1px solid var(--grey-color);
}

.privacy-box-title {
  font-size: clamp(1rem, 1.2vw, 1.2rem);
  font-weight: 600;
  margin-bottom: 1rem;
  color: var(--primary-text-color);
}

.privacy-note {
  background: var(--secondary-card-color);
  padding: 1rem 1.5rem;
  border-left: 4px solid var(--primary-hover-color);
  border-radius: 4px;
  margin-top: 2rem;
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  font-style: italic;
}

@media (max-width: 768px) {
  .privacy-container {
    padding: 1.5rem;
  }

  .privacy-wrapper {
    padding-top: 6rem;
  }
}

@media (max-width: 576px) {
  .privacy-container {
    padding: 1rem;
  }

  .privacy-list li {
    font-size: 0.9rem;
  }
}
/* Payment Page Styles */
.payment-loading-page {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    /* full height to center */
    text-align: center;
    padding: 2rem;
    background-color: var(--primary-color);
    font-family: var(--secondary-font);
}

.payment-loading-page h2 {
    font-size: 2rem;
    color: var(--primary-text-color);
    margin-bottom: 1.5rem;
    font-weight: 600;
    font-family: var(--primary-font);
}

.payment-loading-page p {
    font-size: 1.1rem;
    color: var(--grey-color);
    margin-bottom: 2rem;
    max-width: 500px;
    line-height: 1.6;
}

/* Loading Animation */
.payment-loading-spinner {
    width: 50px;
    height: 50px;
    border: 5px solid rgba(0, 0, 0, 0.1);
    border-top-color: var(--gold-color);
    border-radius: 50%;
    animation: spin 1s linear infinite;
    margin-bottom: 2rem;
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

/* Retry Message */
.retry-message {
    margin-top: 1.5rem;
    color: var(--grey-color);
    font-size: 0.9rem;
}

/* Error State */
.payment-error-state {
    background-color: var(--secondary-card-color);
    border: 1px solid var(--primary-hover-color);
    padding: 1.5rem;
    border-radius: 8px;
    max-width: 500px;
    margin: 0 auto;
    text-align: center;
    font-family: var(--secondary-font);
}

.payment-error-state h3 {
    color: var(--primary-hover-color);
    margin-bottom: 1rem;
    font-family: var(--primary-font);
}

/* Button Styles */
.back-to-orders-button {
    padding: 0.75rem 1.5rem;
    background-color: var(--gold-color);
    color: var(--white-color);
    border: none;
    border-radius: 4px;
    font-size: 1rem;
    cursor: pointer;
    margin-top: 1rem;
    transition: background-color 0.3s ease;
    font-family: var(--secondary-font);
}

.back-to-orders-button:hover {
    background-color: var(--primary-hover-color);
}

/* Fade-in Animation */
@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.payment-loading-page,
.payment-error-state {
    animation: fadeIn 0.5s ease-out;
}

/* Responsive Design */
@media (max-width: 768px) {
    .payment-loading-page {
        min-height: 80vh;
        padding: 1.5rem;
    }

    .payment-loading-page h2 {
        font-size: 1.5rem;
    }

    .payment-loading-page p {
        font-size: 1rem;
    }
}

@media (max-width: 480px) {
    .payment-loading-page {
        padding: 1rem;
    }

    .payment-loading-spinner {
        width: 40px;
        height: 40px;
        border-width: 4px;
    }
}
/* Cancellation & Return Policy Styles */
.crp-wrapper {
  padding: 2rem 1rem;
  background-color: var(--primary-color);
  font-family: var(--secondary-font);
  color: var(--primary-text-color);
  margin-top: 150px !important;
  max-width:1200px;
  margin: 100px auto;
}

.crp-heading {
  text-align: center;
  font-size: clamp(1.8rem, 2vw, 2.3rem);
  font-family: var(--primary-font);
  margin-bottom: 2rem;
  color: var(--black-color);
  padding-bottom: 10px;
  border-bottom: 2px solid var(--primary-hover-color);
}

.crp-card {
  background: var(--primary-color);
  box-shadow: 0 2px 8px var(--shadow-color);
  border-radius: 8px;
  margin-bottom: 1.5rem;
}

.crp-card-body {
  padding: 1.5rem;
}

.crp-section {
  display: flex;
  gap: 1.5rem;
}

.crp-icon-wrapper {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  background-color: rgba(205, 134, 92, 0.15);
  color: var(--primary-hover-color);
}

.crp-section-title {
  font-size: 1.3rem;
  font-weight: 600;
  margin-bottom: 1rem;
  color: var(--black-color);
  font-family: var(--secondary-font);
}

.crp-list {
  list-style: none;
  padding: 0;
}

.crp-list li {
  margin-bottom: 1rem;
  line-height: 1.6;
  font-size: 1rem;
}

.crp-badge {
  background-color: var(--primary-hover-color);
  color: var(--white-color);
  border-radius: 50%;
  display: inline-block;
  width: 24px;
  height: 24px;
  text-align: center;
  font-size: 0.85rem;
  line-height: 24px;
  margin-right: 8px;
}

.crp-contact-methods {
  display: flex;
  gap: 1rem;
  margin-top: 0.5rem;
  font-size: 0.95rem;
}

.crp-checklist {
  list-style: none;
  padding-left: 0;
}

.crp-checklist li {
  margin-bottom: 10px;
  font-size: 0.95rem;
}

.crp-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.crp-box {
  flex: 1 1 280px;
  background-color: var(--primary-card-color);
  padding: 1rem;
  border-radius: 8px;
  font-size: 0.95rem;
}

.crp-box h5 {
  margin-bottom: 0.5rem;
  color: var(--black-color);
}

.crp-steps {
  position: relative;
  padding-left: 40px;
  margin-top: 1.5rem;
}

.crp-step {
  position: relative;
  margin-bottom: 1.5rem;
}

.crp-step-number {
  position: absolute;
  left: -40px;
  top: 0;
  width: 28px;
  height: 28px;
  background-color: var(--primary-hover-color);
  color: var(--white-color);
  border-radius: 50%;
  font-weight: bold;
  font-size: 0.9rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.crp-step-content {
  background-color: var(--primary-card-color);
  padding: 12px 16px;
  border-radius: 6px;
  position: relative;
  font-size: 0.95rem;
}

.crp-note {
  background-color: #fef3c7;
  color: #7c2d12;
  border-left: 4px solid #fbbf24;
  padding: 12px 16px;
  margin-top: 1.5rem;
  border-radius: 6px;
  font-size: 0.95rem;
}

/* Responsive */
@media (max-width: 768px) {
  .crp-wrapper {
    margin-top: var(--mobile-header-height);
    padding: 1.5rem 1rem;
  }

  .crp-heading {
    font-size: 1.8rem;
  }

  .crp-section {
    flex-direction: column;
    gap: 1rem;
  }

  .crp-icon-wrapper {
    align-self: flex-start;
  }

  .crp-steps {
    padding-left: 20px;
  }

  .crp-step-number {
    left: -28px;
    width: 24px;
    height: 24px;
    font-size: 0.8rem;
  }

  .crp-grid {
    flex-direction: column;
  }

  .crp-contact-methods {
    flex-direction: column;
    gap: 0.5rem;
  }
}


/* Shipping Policy Styles */
.shipping-policy {
  width: 100vw;
  min-height: calc(100vh - var(--header-height));
  background: var(--primary-color);
  padding: 5rem 0;
  margin-top: var(--header-height);
  font-family: var(--secondary-font);
  color: var(--primary-text-color);
}

.policy-wrapper {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 2rem;
  width: 100%;
  box-sizing: border-box;
}

.policy-title {
  font-family: var(--title-font);
  font-size: 2.5rem;
  font-weight: 700;
  color: var(--black-color);
  text-align: center;
  margin-bottom: 2rem;
  text-transform: uppercase;
  padding-bottom: 0.75rem;
  border-bottom: 3px solid var(--gold-color);
  text-shadow: var(--text-shadow);
  transition: color 0.3s ease;
}

.policy-title:hover {
  color: var(--primary-hover-color);
}

.policy-content {
  background: var(--white-color);
  padding: 2rem;
  border-radius: 8px;
  box-shadow: var(--shadow-color);
  border: 1px solid var(--gradient-border);
}

.policy-content h5 {
  font-family: var(--primary-font);
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--primary-hover-color);
  margin: 2rem 0 1rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid var(--primary-card-color);
  transition: color 0.3s ease;
  text-align: center;
}

.policy-content h5:hover {
  color: var(--black-color);
}

.policy-list {
  list-style: none;
  padding-left: 1.5rem;
  margin-bottom: 1rem;
}

.policy-list-item {
  font-size: 1rem;
  font-weight: 400;
  color: var(--black-color);
  line-height: 1.8;
  margin-bottom: 0.75rem;
  text-align: justify;
  position: relative;
  padding-left: 1.5rem;
}

.policy-list-item:before {
  content: "•";
  position: absolute;
  left: 0;
  color: var(--primary-hover-color);
  font-size: 1.2rem;
  line-height: 1.8;
}

.policy-content b {
  font-weight: 600;
  color: var(--black-color);
}

/* Responsive Design */
@media (max-width: 768px) {
  .shipping-policy {
    padding: 3rem 0;
    margin-top: var(--mobile-header-height);
  }

  .policy-wrapper {
    padding: 0 1rem;
  }

  .policy-title {
    font-size: 2rem;
  }

  .policy-content {
    padding: 1.5rem;
  }

  .policy-content h5 {
    font-size: 1.25rem;
  }

  .policy-list-item {
    font-size: 0.9375rem;
  }
}

@media (max-width: 480px) {
  .policy-title {
    font-size: 1.75rem;
  }

  .policy-content {
    padding: 1rem 2rem 1rem 1rem;
  }

  .policy-content h5 {
    font-size: 1.125rem;
  }

  .policy-list-item {
    font-size: 0.875rem;
  }
}
/* Terms & Conditions Styles */
.terms-wrapper {
    background-color: var(--primary-color);
    padding: 3rem 1rem;
    font-family: var(--secondary-font);
    color: var(--primary-text-color);
    min-height: 100vh;
    margin-top: 90px;
}

.terms-container {
    max-width: 960px;
    margin: 0 auto;
}

.terms-heading {
    font-family: var(--primary-font);
    font-size: clamp(1.8rem, 3vw, 2.5rem);
    text-align: center;
    margin-bottom: 2rem;
    color: var(--black-color);
    font-weight: 500;
}

.terms-card {
    background: var(--primary-color);
    border-radius: 12px;
    margin-bottom: 1.5rem;
    box-shadow: 0 2px 8px var(--shadow-color);
}

.terms-card-body {
    padding: 1.5rem;
}

.terms-card-content {
    display: flex;
    gap: 1.5rem;
}

.terms-icon {
    color: var(--primary-hover-color);
    font-size: 1.5rem;
    min-width: 40px;
    padding-top: 0.3rem;
}

.terms-section-heading {
    font-family: var(--primary-font);
    font-size: clamp(1.2rem, 1.8vw, 1.5rem);
    margin-bottom: 1rem;
    color: var(--primary-text-color);
}

.terms-list {
    padding-left: 1.5rem;
    margin: 1rem 0;
}

.terms-list li {
    font-size: clamp(0.9rem, 1.1vw, 1rem);
    line-height: 1.8;
    margin-bottom: 0.5rem;
    color: var(--black-color);
}

.terms-grid {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 1rem;
    gap: 1rem;
    margin: 1rem 0;
}

@media (min-width: 768px) {
    .terms-grid {
        grid-template-columns: 1fr 1fr;
    }
}

.terms-box {
    background: var(--primary-card-color);
    border-radius: 8px;
    padding: 1.2rem;
    border: 1px solid var(--grey-color);
}

.terms-box h5 {
    font-size: clamp(1rem, 1.2vw, 1.2rem);
    margin-bottom: 0.5rem;
    color: var(--primary-text-color);
}

.terms-box ul {
    padding-left: 1.2rem;
    margin: 0.5rem 0 0;
}

.terms-box ul li {
    font-size: clamp(0.85rem, 1vw, 0.95rem);
    line-height: 1.6;
    margin-bottom: 0.3rem;
}

.payment-online {
    background-color: rgba(2, 73, 8, 0.1);
}

.payment-cod {
    background-color: rgba(207, 220, 221, 0.3);
}

.terms-note {
    padding: 0.8rem 1rem;
    border-radius: 6px;
    margin-top: 1rem;
    font-size: clamp(0.85rem, 1vw, 0.95rem);
}

.terms-note.info {
    background-color: var(--secondary-card-color);
    border-left: 4px solid var(--primary-hover-color);
}

.terms-note.warning {
    background-color: rgba(205, 134, 92, 0.1);
    border-left: 4px solid var(--primary-hover-color);
}

.terms-note.secondary {
    background-color: rgba(169, 169, 169, 0.1);
    border-left: 4px solid var(--grey-color);
}

.terms-update {
    text-align: center;
    margin-top: 2rem;
    padding: 0.8rem;
    background-color: var(--primary-card-color);
    border-radius: 6px;
    font-size: clamp(0.85rem, 1vw, 0.95rem);
}

@media (max-width: 768px) {
    .terms-wrapper {
        margin-top: 110px;
        padding-top: 1.5rem;
    }

    .terms-card-content {
        flex-direction: column;
        gap: 1rem;
    }

    .terms-icon {
        align-self: flex-start;
    }
}

@media (max-width: 576px) {
    .terms-card-body {
        padding: 1rem;
    }

    .terms-list {
        padding-left: 1rem;
    }

    .terms-box {
        padding: 1rem;
    }
}
/* Main Container */
.delivery-shipping-policy {
    max-width: 1200px;
    margin: 0 auto;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* Headings */
.main-heading {
    font-size: 2.5rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 2rem;
    position: relative;
    padding-bottom: 15px;
}

.main-heading::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 4px;
    background: #3498db;
    border-radius: 2px;
}

.section-title {
    font-size: 1.5rem;
    font-weight: 600;
    color: #34495e;
    margin-bottom: 1rem;
}

/* Cards */
.policy-card {
    border: none;
    border-radius: 10px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    overflow: hidden;
}

.policy-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 25px rgba(0, 0, 0, 0.12);
}

/* Icons */
.icon-wrapper {
    min-width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.icon {
    font-size: 1.75rem;
}

.coverage-icon {
    color: #e74c3c;
    background-color: rgba(231, 76, 60, 0.1);
}

.processing-icon {
    color: #3498db;
    background-color: rgba(52, 152, 219, 0.1);
}

.partners-icon {
    color: #9b59b6;
    background-color: rgba(155, 89, 182, 0.1);
}

.charges-icon {
    color: #27ae60;
    background-color: rgba(39, 174, 96, 0.1);
}

.delivery-icon {
    color: #f39c12;
    background-color: rgba(243, 156, 18, 0.1);
}

.tracking-icon {
    color: #1abc9c;
    background-color: rgba(26, 188, 156, 0.1);
}

.packaging-icon {
    color: #d35400;
    background-color: rgba(211, 84, 0, 0.1);
}

/* Partner Logos */
.partner-logos {
    margin-top: 1rem;
}

.partner-logo {
    height: 40px;
    object-fit: contain;
    filter: grayscale(30%);
    opacity: 0.8;
    transition: all 0.3s ease;
}

.partner-logo:hover {
    filter: grayscale(0);
    opacity: 1;
    transform: scale(1.05);
}

/* List Items */
.list-group-item {
    border-left: none;
    border-right: none;
    padding-left: 0;
    background-color: transparent;
}

/* Responsive Adjustments */
@media (max-width: 768px) {
    .main-heading {
        font-size: 2rem;
    }

    .section-title {
        font-size: 1.3rem;
    }

    .icon-wrapper {
        min-width: 50px;
        height: 50px;
        margin-bottom: 1rem;
    }

    .d-flex {
        flex-direction: column;
    }
}


.auth-section {
    font-family: var(--secondary-font);
    color: var(--primary-text-color);
    margin-top: 140px;
    background-color: var(--primary-color);
}

.auth-container {
    max-width: 1200px;
    margin: 0 auto;
    background: var(--white-color);
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

.auth-background {
    height: 100%;
    min-height: 500px;
    background-image: url(/static/media/sign.4b80a84a694e075b4ea0.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.auth-form {
    padding: 40px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
 
}

.auth-form h2 {
    font-family: var(--title-font);
    color: var(--primary-text-color);
    font-size: 2rem;
    text-align: center;
    font-weight: bolder;
}

.input-field-styled {
    margin-bottom: 15px;
}

.input-field-styled input {
    border: 1px solid var(--grey-color);
    border-radius: 4px;
    padding: 12px 15px;
    font-family: var(--secondary-font);
    width: 100%;
    background-color: var(--primary-color);
    transition: all 0.3s ease;
}

.input-field-styled input:focus {
    border-color: var(--primary-hover-color);
    box-shadow: 0 0 0 0.2rem rgba(205, 134, 92, 0.25);
}

.input-field-styled.mb-20 {
    margin-bottom: 20px;
}

.input-field-styled.mb-30 {
    margin-bottom: 30px;
}

.error-feedback {
    color: #dc3545;
    font-size: 0.75rem;
    margin-top: 5px;
    font-family: var(--secondary-font);
}

.is-invalid {
    border-color: #dc3545 !important;
}

.primary-btn {
    background-color: var(--primary-hover-color);
    color: var(--white-color);
    border: none;
    padding: 12px 10px ; 
    font-weight: 600;
    border-radius: 4px;
    transition: all 0.3s ease;
    font-family: var(--secondary-font);
    width:100%;
 
}

.primary-btn:hover {
    background-color: var(--primary-text-color);
    transform: translateY(-2px);
}

.auth-link-container {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}

.auth-link {
    color: var(--primary-text-color);
    text-decoration: none;
    font-size: 14px;
}

.auth-link-login {
    color: var(--primary-hover-color);
    font-weight: 600;
}

.auth-link-login:hover {
    color: var(--primary-text-color);
}

.resend-prompt {
    color: var(--primary-text-color);
    font-family: var(--secondary-font);
    margin-top: 15px;
    text-align: center;
}

.resend-otp {
    color: var(--primary-hover-color);
    font-weight: 600;
    cursor: pointer;
    background: none;
    border: none;
    padding: 0;
    transition: all 0.3s ease;
}

.resend-otp:hover {
    text-decoration: underline;
}

.alert.alert-danger {
    background-color: #f8d7da;
    border: 1px solid #f5c6cb;
    color: #721c24;
    padding: 12px;
    margin-bottom: 20px;
    border-radius: 4px;
}

@media (max-width: 991.98px) {
    .auth-form {
        padding: 30px;
    }

    .auth-background {
        min-height: 400px;
    }
}

@media (max-width: 767.98px) {
    .auth-section {
        margin-top: 120px;
        padding: 60px 0;
    }

    .auth-form {
        padding: 25px;
    }

    .auth-form h2 {
        font-size: 1.75rem;
        margin-bottom: 20px;
    }

    .auth-container {
        max-width: 100%;
        border-radius: 0;
    }

    .auth-background {
        min-height: 400px;
    }
}

@media (max-width: 575.98px) {
    .auth-section {
        padding: 40px 0;
    }

    .auth-form {
        padding: 20px;
    }

    .auth-background {
        min-height: 300px;
    }
}
/* PaymentSuccess.css */
.payment-success-container {
    text-align: center;
    padding: clamp(2rem, 5vw, 4rem) 1rem;
    font-family: var(--secondary-font);
    background: var(--primary-gradient);
    min-height: calc(100vh - var(--header-height) - 120px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-width: 800px;
    margin: 145px auto 0;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-lg);
}

.payment-success-container::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: var(--gradient-border);
    animation: progressLine 2s ease-in-out;
}

@keyframes progressLine {
    0% {
        width: 0%;
    }

    100% {
        width: 100%;
    }
}

/* Confetti container */
.confetti-container {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: 1;
}

.confetti {
    position: absolute;
    width: 10px;
    height: 10px;
    opacity: 0;
    animation: confettiFall 3s ease-out forwards;
}

@keyframes confettiFall {
    0% {
        transform: translateY(-100px) rotate(0deg);
        opacity: 1;
    }

    100% {
        transform: translateY(500px) rotate(360deg);
        opacity: 0;
    }
}

.success-icon {
    color: var(--green-color);
    margin-bottom: 1.5rem;
    opacity: 0;
    transform: scale(0);
    transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    z-index: 2;
    position: relative;
}

.success-icon.animate-in {
    opacity: 1;
    transform: scale(1);
}

.success-icon[data-animate="zoom-in"].animate-in {
    animation: checkmarkPop 0.6s ease-out forwards;
}

@keyframes checkmarkPop {
    0% {
        transform: scale(0) rotate(-180deg);
        opacity: 0;
    }

    70% {
        transform: scale(1.1) rotate(10deg);
    }

    100% {
        transform: scale(1) rotate(0deg);
        opacity: 1;
    }
}

/* Title */
.payment-title {
    font-family: var(--primary-font);
    font-size: clamp(1.8rem, 4vw, 2.8rem);
    font-weight: 700;
    color: var(--primary-text-color);
    margin-bottom: 1rem;
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.5s ease;
    z-index: 2;
    position: relative;
}

.payment-title.animate-in {
    opacity: 1;
    transform: translateY(0);
}

/* Order info */
.payment-info {
    font-size: clamp(1rem, 2.5vw, 1.2rem);
    color: var(--primary-text-color);
    margin-bottom: 0.75rem;
    font-weight: 500;
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.5s ease 0.2s;
    z-index: 2;
    position: relative;
    background: var(--secondary-card-color);
    padding: 0.8rem 1.5rem;
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-sm);
}

.payment-info.animate-in {
    opacity: 1;
    transform: translateY(0);
}

.payment-info strong {
    font-weight: 700;
    color: var(--primary-hover-color);
}

.payment-status,
.payment-warning {
    font-size: clamp(1rem, 2.5vw, 1.1rem);
    margin-bottom: 1.5rem;
    padding: 0.8rem 1.5rem;
    border-radius: var(--radius-md);
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.5s ease 0.3s;
    z-index: 2;
    position: relative;
}

.payment-status {
    background: var(--primary-card-color);
    color: var(--primary-text-color);
}

.payment-status strong {
    color: var(--green-color);
}

.payment-warning {
    background: rgba(243, 156, 18, 0.1);
    color: var(--orange-color);
    border-left: 4px solid var(--orange-color);
}

.payment-status.animate-in,
.payment-warning.animate-in {
    opacity: 1;
    transform: translateY(0);
}

/* Thank you message */
.payment-thankyou {
    font-size: clamp(0.9rem, 2vw, 1.1rem);
    color: var(--primary-text-color);
    margin-bottom: 1.5rem;
    max-width: 600px;
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.5s ease 0.4s;
    z-index: 2;
    position: relative;
    line-height: 1.6;
}

.payment-thankyou.animate-in {
    opacity: 1;
    transform: translateY(0);
}

/* Order details */
.order-details {
    font-size: clamp(0.9rem, 2vw, 1rem);
    color: var(--primary-text-color);
    margin-bottom: 2rem;
    max-width: 600px;
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.5s ease 0.5s;
    z-index: 2;
    position: relative;
    text-align: left;
    background: var(--secondary-card-color);
    padding: 1.5rem;
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-sm);
}

.order-details.animate-in {
    opacity: 1;
    transform: translateY(0);
}

.order-details h3 {
    margin-bottom: 1rem;
    color: var(--primary-text-color);
    font-family: var(--primary-font);
    text-align: center;
}

.order-details ul {
    list-style-type: none;
    padding: 0;
}

.order-details li {
    margin-bottom: 0.5rem;
    padding-left: 1.5rem;
    position: relative;
}

.order-details li:before {
    content: "✓";
    position: absolute;
    left: 0;
    color: var(--green-color);
    font-weight: bold;
}

/* Action buttons */
.payment-actions {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    justify-content: center;
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.5s ease 0.6s;
    z-index: 2;
    position: relative;
}

.payment-actions.animate-in {
    opacity: 1;
    transform: translateY(0);
}

.btn-primary,
.btn-secondary,
.btn-tertiary {
    font-family: var(--secondary-font);
    font-weight: 600;
    padding: clamp(0.6rem, 2vw, 0.8rem) clamp(1.2rem, 3vw, 1.5rem);
    border-radius: var(--radius-md);
    border: none;
    cursor: pointer;
    transition: var(--transition);
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: clamp(0.9rem, 2vw, 1rem);
    position: relative;
    overflow: hidden;
    box-shadow: var(--shadow-md);
}

.btn-primary::before,
.btn-secondary::before,
.btn-tertiary::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, var(--shimmer-color), transparent);
    transition: left 0.7s ease;
}

.btn-primary:hover::before,
.btn-secondary:hover::before,
.btn-tertiary:hover::before {
    left: 100%;
}

.btn-primary {
    background: var(--button-bg);
    color: var(--white-color);
}

.btn-primary:hover {
    background: var(--primary-hover-color) ;
    box-shadow: var(--shadow-lg);
    transform: translateY(-2px);
}

.btn-secondary {
    background: transparent;
    border: 2px solid var(--button-bg);
    color: var(--button-bg);
}

.btn-secondary:hover {
    background: var(--primary-hover-color);
    color: var(--primary-text-color);
    box-shadow: var(--shadow-lg);
    transform: translateY(-2px);
}

.btn-tertiary {
    background: var(--primary-card-color);
    color: var(--primary-text-color);
    border: 1px solid var(--grey-color);
}

.btn-tertiary:hover {
    background: var(--secondary-card-color);
    box-shadow: var(--shadow-lg);
    transform: translateY(-2px);
}

.button-icon {
    flex-shrink: 0;
}

/* Responsive Design */
@media (max-width: 992px) {
    .payment-success-container {
        margin-top: 100px;
    }
}

@media (max-width: 768px) {
    .payment-success-container {
        padding: clamp(1.5rem, 4vw, 2rem) 0.5rem;
        margin-top: 80px;
        min-height: calc(100vh - var(--mobile-header-height) - 100px);
        border-radius: var(--radius-lg);
    }

    .payment-title {
        font-size: clamp(1.5rem, 3.5vw, 2rem);
    }

    .payment-info,
    .payment-thankyou,
    .order-details {
        padding: 0 1rem;
    }

    .btn-primary,
    .btn-secondary,
    .btn-tertiary {
        padding: clamp(0.5rem, 2vw, 0.7rem) clamp(1rem, 2.5vw, 1.2rem);
        font-size: clamp(0.85rem, 2vw, 0.95rem);
    }
}

@media (max-width: 576px) {
    .payment-success-container {
        padding: clamp(1rem, 3vw, 1.5rem) 0.5rem;
        margin: 80px 1rem 0;
    }

    .payment-title {
        font-size: clamp(1.2rem, 3vw, 1.6rem);
    }

    .payment-info,
    .payment-thankyou,
    .order-details {
        font-size: clamp(0.8rem, 2vw, 0.9rem);
    }

    .payment-actions {
        flex-direction: column;
        gap: 0.75rem;
    }

    .btn-primary,
    .btn-secondary,
    .btn-tertiary {
        width: 100%;
        max-width: 300px;
        justify-content: center;
    }
}

/* Print Styles */
@media print {
    .payment-success-container {
        background: white;
        color: black;
        margin: 0;
        box-shadow: none;
        border-radius: 0;
    }

    .success-icon,
    .payment-actions,
    .confetti-container {
        display: none;
    }

    .payment-title,
    .payment-info,
    .payment-thankyou,
    .order-details {
        color: black;
        text-align: center;
    }
}

.bmg-jewellers {
  font-family: var(--secondary-font);
  background-color: var(--primary-color);
  color: var(--primary-text-color);
  margin-top: 120px;
}

/* Header Styles */
.header {
  background: url('https://images.unsplash.com/photo-1518998053901-5348d3961a04') no-repeat center center/cover;
  height: 400px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: relative;
}



.header-content {
  background: rgba(0, 0, 0, 0.3);
  padding: 2rem;
  border-radius: 10px;
  margin-top: 190px;
}

.header-content h1 {
  font-family: var(--title-font);
  font-size: 3.5rem;
  color: var(--white-color);
  margin-bottom: 1rem;
  background: var(--primary-text-color);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.header-content p {
  font-size: 1.2rem;
  color: var(--white-color);
  max-width: 600px;
  margin: 0 auto;
}

/* Benefits Section */
.benefits-section {
  padding: 4rem 0;
}

.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1.5rem;
}

.section-title h2 {
  font-family: var(--title-font);
  font-size: 2.5rem;
  color: var(--primary-text-color);
  text-align: center;
  margin-bottom: 3rem;
  background: var(--gradient-text);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.benefits-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  grid-gap: 2rem;
  gap: 2rem;
}

.benefit-card {
  background: var(--primary-card-color);
  border-radius: 10px;
  padding: 1.5rem;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.benefit-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

.card-header {
  font-family: var(--primary-font);
  font-size: 1.5rem;
  color: var(--green-color);
  margin-bottom: 1rem;
  text-align: center;
}

.card-body {
  text-align: center;
}

.card-body .icon {
  font-size: 2.5rem;
  color: var(--gold-color);
  margin-bottom: 1rem;
}

.card-body p {
  font-size: 1rem;
  color: var(--primary-text-color);
  line-height: 1.6;
}

/* About Section */
.about-section {
  background: var(--secondary-card-color);
  padding: 4rem 0;
  position: relative;
}

.about-overlay {
  background: rgba(0, 0, 0, 0.3);
  padding: 2rem 0;
}

.about-content h2 {
  font-family: var(--title-font);
  font-size: 2.5rem;
  color: var(--primary-text-color);
  text-align: center;
  margin-bottom: 2rem;
  background: var(--gradient-text);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.about-content p {
  font-size: 1.1rem;
  color: var(--primary-text-color);
  max-width: 800px;
  margin: 0 auto 2rem;
  text-align: center;
  line-height: 1.8;
}

.stats {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 2rem;
}

.stat-item {
  text-align: center;
  min-width: 150px;
}

.stat-item h3 {
  font-family: var(--primary-font);
  font-size: 2rem;
  color: var(--gold-color);
  margin-bottom: 0.5rem;
}

.stat-item p {
  font-size: 1rem;
  color: var(--primary-text-color);
}

/* Responsive Design */
@media (max-width: 768px) {
  .header {
    height: 300px;
  }

  .header-content h1 {
    font-size: 2.5rem;
  }

  .header-content p {
    font-size: 1rem;
  }

  .section-title h2 {
    font-size: 2rem;
  }

  .benefits-grid {
    grid-template-columns: 1fr;
  }

  .about-content h2 {
    font-size: 2rem;
  }

  .stat-item {
    min-width: 120px;
  }

  .stat-item h3 {
    font-size: 1.5rem;
  }
}


/* Enhanced Bangle Size Guide Styles */

.bangle-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 2rem;
  font-family: var(--secondary-font);
  color: var(--primary-text-color);
  background: var(--primary-gradient);
  min-height: 100vh;
}

.bangle-content {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

/* Header Styles */
.bangle-header {
  text-align: center;
  padding: 2rem 1rem;
  background: var(--gradient-bg-color);
  border-radius: 16px;
  color: var(--black-color);
  box-shadow: 0 10px 30px var(--shadow-color);
  position: relative;
}

.header-icon {
  margin-bottom: 1rem;
}

.icon-large {
  width: 48px;
  height: 48px;
  filter: drop-shadow(0 4px 6px var(--shadow-color));
}

.main-title {
  font-family: var(--title-font);
  font-size: 2.5rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
  letter-spacing: -0.5px;
}

.header-description {
  font-family: var(--primary-font);
  font-size: 1.1rem;
  opacity: 0.9;
  max-width: 600px;
  margin: 0 auto;
}

.header-actions {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-top: 1.5rem;
}

.action-button {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background: var(--shimmer-color);
  border: 1px solid var(--grey-color);
  border-radius: 8px;
  color: var(--black-color);
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}

.action-button:hover {
  background: var(--primary-hover-color);
  color: var(--white-color);
  transform: translateY(-2px);
}

/* Calculator Section */
.calculator-section {
  margin: 1rem 0;
}

.calculator-card {
  background: var(--primary-card-color);
  border-radius: 12px;
  padding: 1.5rem;
  box-shadow: 0 4px 20px var(--shadow-color);
  text-align: center;
}

.calculator-title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-family: var(--title-font);
  font-size: 1.3rem;
  margin-bottom: 0.5rem;
  color: var(--primary-hover-color);
}

.calculator-description {
  margin-bottom: 1.5rem;
  color: var(--grey-color);
}

.calculator-input-group {
  position: relative;
  max-width: 300px;
  margin: 0 auto 1.5rem;
}

.calculator-input {
  width: 100%;
  padding: 0.75rem 1rem;
  border: 2px solid var(--secondary-card-color);
  border-radius: 8px;
  font-size: 1rem;
  transition: border-color 0.2s ease;
}

.calculator-input:focus {
  outline: none;
  border-color: var(--focus-outline);
  box-shadow: 0 0 0 3px var(--shadow-color);
}

.input-suffix {
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  color: var(--grey-color);
  font-weight: 500;
}

.calculator-result {
  background: var(--feature-bg-color);
  border-radius: 8px;
  padding: 1rem;
  margin-top: 1rem;
  text-align: left;
}

.result-header {
  font-family: var(--primary-font);
  font-weight: 600;
  color: var(--primary-hover-color);
  margin-bottom: 0.5rem;
}

.result-details {
  margin-bottom: 1rem;
}

.result-size {
  display: block;
  font-family: var(--title-font);
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--primary-text-color);
}

.result-measurements {
  display: block;
  color: var(--grey-color);
  font-size: 0.9rem;
}

.result-action {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  background: none;
  border: none;
  color: var(--primary-hover-color);
  font-weight: 600;
  cursor: pointer;
  padding: 0;
}

.result-action:hover {
  text-decoration: underline;
}

/* Navigation Tabs */
.navigation-container {
  background: var(--primary-card-color);
  border-radius: 12px;
  padding: 0.5rem;
  box-shadow: 0 4px 20px var(--shadow-color);
}

.nav-tabs {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
}

.nav-tab {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1.5rem;
  background: none;
  border: none;
  border-radius: 8px;
  font-family: var(--secondary-font);
  font-weight: 500;
  color: var(--grey-color);
  cursor: pointer;
  transition: all 0.2s ease;
  position: relative;
}

.nav-tab:hover {
  color: var(--primary-hover-color);
  background: var(--feature-bg-color);
}

.nav-tab-active {
  color: var(--primary-hover-color);
  background: var(--cat-bg-color);
}

.tab-icon {
  width: 18px;
  height: 18px;
}

.tab-highlight {
  position: absolute;
  bottom: -3px;
  left: 50%;
  transform: translateX(-50%);
  width: 30px;
  height: 3px;
  background: var(--primary-hover-color);
  border-radius: 3px 3px 0 0;
}

/* Tab Content */
.tab-content-container {
  min-height: 500px;
}

/* Guide Tab - Updated UI */
.guide-content {
  animation: fadeIn 0.5s ease-out;
  background: var(--cat-bg-color);
  border-radius: 12px;
  padding: 2rem;
  box-shadow: 0 6px 24px var(--shadow-color);
}

.professional-intro {
  text-align: center;
  margin-bottom: 2rem;
  padding: 1rem;
  border-bottom: 2px solid var(--gold-color);
}

.professional-intro h2 {
  font-family: var(--title-font);
  font-size: 1.8rem;
  color: var(--primary-text-color);
  margin-bottom: 0.5rem;
}

.professional-intro p {
  font-family: var(--primary-font);
  color: var(--grey-color);
  max-width: 600px;
  margin: 0 auto;
  font-style: italic;
}

.guide-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 2rem;
  gap: 2rem;
}

@media (max-width: 768px) {
  .guide-grid {
    grid-template-columns: 1fr;
  }
}

.guide-card {
  background: var(--primary-card-color);
  border-radius: 16px;
  padding: 2rem;
  box-shadow: 0 4px 16px var(--shadow-color);
  border-left: 4px solid var(--gold-color);
  transition: transform 0.3s ease;
}

.guide-card:hover {
  transform: translateY(-5px);
}

.guide-card-title {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-family: var(--title-font);
  font-size: 1.3rem;
  margin-bottom: 1rem;
  color: var(--primary-text-color);
  font-weight: 600;
}

.guide-card-icon {
  width: 24px;
  height: 24px;
  color: var(--gold-color);
}

.steps-container {
  list-style: none;
  padding: 0;
  margin: 0 0 1.5rem;
}

.step-item {
  display: flex;
  gap: 1rem;
  margin-bottom: 1.25rem;
  align-items: flex-start;
}

.step-number {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 32px;
  height: 32px;
  background: var(--primary-hover-color);
  color: var(--white-color);
  border-radius: 8px;
  font-weight: 700;
  font-size: 0.9rem;
  flex-shrink: 0;
}

.step-text {
  margin: 0;
  line-height: 1.6;
  color: var(--primary-text-color);
}

.measurement-note {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: var(--feature-bg-color);
  padding: 1.25rem;
  border-radius: 10px;
  border-left: 5px solid var(--gold-color);
}

.note-icon {
  width: 20px;
  height: 20px;
  color: var(--gold-color);
  flex-shrink: 0;
  margin-top: 3px;
}

.measurement-note p {
  margin: 0;
  font-family: var(--secondary-font);
  font-size: 0.95rem;
  color: var(--primary-text-color);
}

.visual-guide {
  background: var(--gradient-bg-color);
  border-radius: 10px;
  padding: 2rem;
  margin-bottom: 1.5rem;
  text-align: center;
  border: 1px solid var(--gold-color);
}

.visual-content {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.hand-icon-container {
  position: relative;
  margin-bottom: 1.25rem;
}

.hand-icon {
  width: 72px;
  height: 72px;
  color: var(--primary-hover-color);
}

.measurement-line {
  position: absolute;
  bottom: 18px;
  left: 50%;
  transform: translateX(-50%);
  width: 90px;
  height: 3px;
  background: var(--primary-hover-color);
  border-radius: 2px;
}

.measurement-line::before,
.measurement-line::after {
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  background: var(--primary-hover-color);
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
}

.measurement-line::before {
  left: 0;
}

.measurement-line::after {
  right: 0;
}

.visual-title {
  font-family: var(--title-font);
  font-size: 1.2rem;
  margin-bottom: 0.75rem;
  color: var(--primary-text-color);
}

.visual-description {
  margin: 0;
  color: var(--grey-color);
  font-size: 0.95rem;
}

.reference-section {
  margin-bottom: 1.5rem;
}

.reference-title {
  font-family: var(--title-font);
  font-size: 1.1rem;
  margin-bottom: 1rem;
  color: var(--primary-text-color);
  font-weight: 600;
}

.reference-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.reference-item {
  display: flex;
  justify-content: space-between;
  padding: 0.75rem 0;
  border-bottom: 1px solid var(--secondary-card-color);
}

.reference-item:last-child {
  border-bottom: none;
}

.reference-size {
  font-weight: 600;
  color: var(--primary-text-color);
}

.reference-range {
  color: var(--primary-hover-color);
  font-weight: 600;
}

.reference-desc {
  color: var(--grey-color);
  font-size: 0.9rem;
}

.reference-item.petite .reference-range {
  color: var(--gold-color);
}

.reference-item.standard .reference-range {
  color: var(--primary-hover-color);
}

.reference-item.full .reference-range {
  color: var(--green-color);
}

.reference-item.extra-full .reference-range {
  color: var(--black-color);
}

.professional-tip {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  background: var(--feature-bg-color);
  padding: 1.25rem;
  border-radius: 10px;
  border-left: 5px solid var(--gold-color);
}

.tip-icon {
  width: 20px;
  height: 20px;
  color: var(--gold-color);
  flex-shrink: 0;
}

.professional-tip p {
  margin: 0;
  font-family: var(--secondary-font);
  font-size: 0.95rem;
  font-weight: 500;
  color: var(--primary-text-color);
}

/* Chart Tab - Unchanged Structure with Updated Variables */
.chart-card {
  animation: fadeIn 0.5s ease-out;
}

.chart-header {
  text-align: center;
  margin-bottom: 2rem;
}

.chart-title {
  font-family: var(--title-font);
  font-size: 1.8rem;
  color: var(--primary-text-color);
  margin-bottom: 0.5rem;
}

.chart-description {
  color: var(--grey-color);
  max-width: 600px;
  margin: 0 auto;
}

.visual-size-chart {
  margin-bottom: 2rem;
}

.size-chart-container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  grid-gap: 1rem;
  gap: 1rem;
}

.size-item {
  background: var(--primary-card-color);
  border: 2px solid var(--secondary-card-color);
  border-radius: 12px;
  padding: 1rem;
  cursor: pointer;
  transition: all 0.2s ease;
  display: flex;
  gap: 1rem;
  align-items: center;
}

.size-item:hover {
  border-color: var(--primary-hover-color);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px var(--shadow-color);
}

.size-item.selected {
  border-color: var(--primary-hover-color);
  background: var(--cat-bg-color);
}

.size-visual {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  flex-shrink: 0;
}

.bangle-circle {
  border: 2px solid var(--primary-hover-color);
  border-radius: 50%;
  background: var(--feature-bg-color);
}

.size-label {
  position: absolute;
  font-weight: 700;
  color: var(--primary-hover-color);
}

.size-details {
  flex: 1 1;
}

.size-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.5rem;
}

.indian-size {
  font-family: var(--title-font);
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--primary-text-color);
}

.hand-size-label {
  padding: 0.25rem 0.5rem;
  border-radius: 20px;
  font-size: 0.75rem;
  font-weight: 600;
}

.hand-size-xs, .hand-size-s {
  background: var(--cat-bg-color);
  color: var(--primary-hover-color);
}

.hand-size-m {
  background: var(--feature-bg-color);
  color: var(--primary-text-color);
}

.hand-size-l, .hand-size-xl {
  background: var(--main-cat-bg-color);
  color: var(--green-color);
}

.hand-size-xxl {
  background: var(--secondary-card-color);
  color: var(--black-color);
}

.size-measurements {
  margin-bottom: 0.75rem;
}

.measurement {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.25rem;
  font-size: 0.9rem;
}

.measurement-label {
  color: var(--grey-color);
}

.measurement-value {
  font-weight: 500;
  color: var(--primary-text-color);
}

.popularity-indicator {
  margin-top: 0.5rem;
}

.popularity-label {
  font-size: 0.8rem;
  color: var(--grey-color);
  margin-bottom: 0.25rem;
}

.popularity-bar {
  position: relative;
  height: 20px;
  background: var(--secondary-card-color);
  border-radius: 10px;
  overflow: hidden;
}

.popularity-fill {
  height: 100%;
  background: var(--gradient-border);
  border-radius: 10px;
  transition: width 0.5s ease;
}

.popularity-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 0.7rem;
  font-weight: 600;
  color: var(--white-color);
  text-shadow: var(--text-shadow);
}

.selected-size-details {
  background: var(--primary-card-color);
  border-radius: 12px;
  padding: 1.5rem;
  margin: 2rem 0;
  box-shadow: 0 4px 20px var(--shadow-color);
}

.selected-size-details h3 {
  font-family: var(--title-font);
  margin-bottom: 1rem;
  color: var(--primary-text-color);
  text-align: center;
}

.size-recommendation {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}

.recommendation-visual {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 120px;
  height: 120px;
  flex-shrink: 0;
}

.recommended-bangle {
  border: 3px solid var(--primary-hover-color);
  border-radius: 50%;
  background: var(--feature-bg-color);
  position: absolute;
}

.recommendation-hand {
  width: 60px;
  height: 60px;
  color: var(--primary-hover-color);
  opacity: 0.7;
}

.recommendation-info {
  flex: 1 1;
}

.recommendation-info h4 {
  font-family: var(--title-font);
  font-size: 1.3rem;
  margin-bottom: 0.5rem;
  color: var(--primary-text-color);
}

.recommendation-info p {
  margin-bottom: 1rem;
  color: var(--grey-color);
}

.recommendation-tips {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.recommendation-tip {
  font-size: 0.9rem;
}

.size-comparison {
  background: var(--primary-card-color);
  border-radius: 12px;
  padding: 1.5rem;
  margin-bottom: 2rem;
  box-shadow: 0 4px 20px var(--shadow-color);
}

.comparison-title {
  font-family: var(--title-font);
  text-align: center;
  margin-bottom: 1.5rem;
  color: var(--primary-text-color);
}

.comparison-visual {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}

.hand-visual {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 200px;
  height: 200px;
}

.hand-icon-comparison {
  width: 100px;
  height: 100px;
  color: var(--primary-hover-color);
  z-index: 2;
}

.bangle-overlays {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
}

.bangle-overlay {
  position: absolute;
  border: 1px solid var(--primary-hover-color);
  border-radius: 50%;
  background: var(--feature-bg-color);
}

.comparison-labels {
  display: flex;
  justify-content: space-between;
  width: 100%;
  max-width: 400px;
}

.comparison-label {
  padding: 0.5rem 1rem;
  border-radius: 20px;
  font-size: 0.8rem;
  font-weight: 600;
}

.comparison-label.small {
  background: var(--cat-bg-color);
  color: var(--primary-hover-color);
}

.comparison-label.medium {
  background: var(--feature-bg-color);
  color: var(--primary-text-color);
}

.comparison-label.large {
  background: var(--main-cat-bg-color);
  color: var(--green-color);
}

.professional-guidance {
  background: var(--main-cat-bg-color);
  border-radius: 12px;
  padding: 1.5rem;
  border-left: 5px solid var(--green-color);
}

.guidance-content {
  display: flex;
  gap: 1rem;
}

.guidance-icon {
  width: 24px;
  height: 24px;
  color: var(--green-color);
  flex-shrink: 0;
  margin-top: 3px;
}

.guidance-title {
  font-family: var(--title-font);
  font-size: 1.1rem;
  margin-bottom: 0.5rem;
  color: var(--primary-text-color);
}

.guidance-description {
  margin-bottom: 1rem;
  color: var(--grey-color);
}

.guidance-tips {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.guidance-tip {
  font-size: 0.9rem;
  color: var(--primary-text-color);
}

/* Tips Tab - Updated UI */
.tips-container {
  animation: fadeIn 0.5s ease-out;
  background: var(--main-cat-bg-color);
  border-radius: 12px;
  padding: 2rem;
  box-shadow: 0 6px 24px var(--shadow-color);
}

.tips-header {
  text-align: center;
  margin-bottom: 2rem;
  padding: 1rem;
  background: #c6d0e4;
  border-radius: 10px;
  color: var(--white-color);
}

.tips-title {
  font-family: var(--title-font);
  font-size: 1.9rem;
  margin-bottom: 0.5rem;
}

.tips-subtitle {
  color: var(--secondary-card-color);
  max-width: 600px;
  margin: 0 auto;
  font-weight: 500;
}

.tips-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  grid-gap: 1.5rem;
  gap: 1.5rem;
  margin-bottom: 2rem;
}

.tip-card {
  background: var(--primary-card-color);
  border-radius: 12px;
  padding: 1.75rem;
  box-shadow: 0 4px 16px var(--shadow-color);
  display: flex;
  flex-direction: column;
  border: 1px solid var(--feature-bg-color);
  transition: transform 0.3s ease;
}

.tip-card:hover {
  transform: scale(1.02);
}

.tip-content {
  flex: 1 1;
}

.tip-icon-container {
  font-size: 2.5rem;
  margin-bottom: 1.25rem;
  color: var(--green-color);
}

.tip-text {
  flex: 1 1;
}

.tip-card-title {
  font-family: var(--title-font);
  font-size: 1.2rem;
  margin-bottom: 0.75rem;
  color: var(--primary-text-color);
  font-weight: 600;
}

.tip-card-description {
  margin-bottom: 1rem;
  color: var(--grey-color);
  line-height: 1.6;
}

.tip-extended {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
}

.tip-extended.expanded {
  max-height: 200px;
}

.tip-extended p {
  margin: 0;
  color: var(--grey-color);
  font-size: 0.9rem;
  line-height: 1.6;
  padding-top: 0.75rem;
  border-top: 1px solid var(--feature-bg-color);
}

.tip-expand-button {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  background: none;
  border: none;
  color: var(--primary-hover-color);
  font-weight: 600;
  cursor: pointer;
  padding: 0.5rem 0;
  margin-top: 0.75rem;
}

.tip-expand-button:hover {
  text-decoration: underline;
}

.professional-mastery {
  background: var(--main-cat-bg-color);
  border-radius: 12px;
  padding: 2rem;
  box-shadow: 0 4px 20px var(--shadow-color);
  border-left: 5px solid var(--green-color);
}

.mastery-header {
  text-align: center;
  margin-bottom: 2rem;
}

.mastery-icon {
  width: 36px;
  height: 36px;
  color: var(--green-color);
  margin: 0 auto 1rem;
}

.mastery-title {
  font-family: var(--title-font);
  font-size: 1.6rem;
  margin-bottom: 0.5rem;
  color: var(--primary-text-color);
}

.mastery-subtitle {
  color: var(--grey-color);
}

.mastery-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  grid-gap: 1.5rem;
  gap: 1.5rem;
}

.mastery-tip {
  background: var(--primary-card-color);
  border-radius: 10px;
  padding: 1.5rem;
  border-left: 4px solid var(--green-color);
}

.mastery-tip-title {
  font-family: var(--title-font);
  font-size: 1.1rem;
  margin-bottom: 0.5rem;
  color: var(--primary-text-color);
}

.mastery-tip-text {
  margin: 0;
  color: var(--grey-color);
  font-size: 0.9rem;
  line-height: 1.6;
}

/* Download Section - Updated UI */
.download-section {
  margin-top: 2.5rem;
}

.download-card {
  background: var(--gradient-bg-color);
  border-radius: 16px;
  padding: 2.5rem;
  color: var(--primary-text-color);
  display: flex;
  flex-direction: column;
  align-items: center;
  box-shadow: 0 8px 24px var(--shadow-color);
  position: relative;
  overflow: hidden;
}

.download-content {
  text-align: center;
  margin-bottom: 1.5rem;
}

.download-icon {
  width: 56px;
  height: 56px;
  margin-bottom: 1.25rem;
  color: var(--primary-hover-color);
}

.download-title {
  font-family: var(--title-font);
  font-size: 1.7rem;
  margin-bottom: 0.75rem;
  font-weight: 700;
}

.download-description {
  margin-bottom: 1.5rem;
  max-width: 600px;
  font-size: 1rem;
  color: var(--grey-color);
}

.download-button {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  background: var(--button-bg);
  color: var(--white-color);
  border: none;
  padding: 0.75rem 2rem;
  border-radius: 10px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}

.download-button:hover {
  background: var(--gold-color);
  transform: scale(1.05);
}

.button-icon {
  width: 20px;
  height: 20px;
}

.button-arrow {
  width: 18px;
  height: 18px;
  transition: transform 0.3s ease;
}

.download-button:hover .button-arrow {
  transform: translateX(5px);
}

.download-features {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 1.5rem;
  padding: 1.5rem;
  background: var(--feature-bg-color);
  border-radius: 12px;
  width: 100%;
  max-width: 500px;
}

.feature {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-size: 0.95rem;
  color: var(--primary-text-color);
}

/* Animations */
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Print Styles */
@media print {
  .bangle-container {
    padding: 0;
    background: var(--white-color);
  }
  
  .header-actions,
  .calculator-section,
  .navigation-container,
  .download-section {
    display: none;
  }
  
  .bangle-header {
    background: var(--gradient-bg-color) !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
  
  .guide-card,
  .chart-card,
  .tips-container {
    page-break-inside: avoid;
    break-inside: avoid;
  }
}

/* Responsive Design */
@media (max-width: 768px) {
  .bangle-container {
    padding: 1rem;
  }
  
  .main-title {
    font-size: 2rem;
  }
  
  .nav-tabs {
    flex-direction: column;
  }
  
  .size-chart-container {
    grid-template-columns: 1fr;
  }
  
  .size-recommendation {
    flex-direction: column;
    text-align: center;
  }
  
  .comparison-labels {
    flex-direction: column;
    gap: 0.5rem;
    align-items: center;
  }
  
  .download-card {
    padding: 1.5rem;
  }
  
  .download-features {
    margin-top: 1rem;
  }
  
  .guidance-content {
    flex-direction: column;
  }
}
/* =======================
   RingStyles.css
   ======================= */

:root {
  --primary-font: 'Gloock', serif;
  --secondary-font: 'Montserrat', sans-serif;
  --title-font: 'Dancing Script';
  --primary-color: #f6f5f0;
  --primary-text-color: #041f60;
  --primary-card-color: #f1efe9;
  --primary-hover-color: #cd865c;
  --secondary-card-color: rgb(238, 246, 247);
  --feature-bg-color:#ece6d3;
  --cat-bg-color:#f2e7e9;
  --main-cat-bg-color:#eef7ee;
  --white-color: #ffffff;
  --header-height: 80px;
  --mobile-header-height: 60px;
  --green-color: #024908;
  --grey-color: #A9A9A9;
  --black-color: #101010;
  --gold-color: #e6d710;
  --gradient-text: linear-gradient(90deg, #31063a, #ff2b59);
  --shadow-color: rgba(0, 0, 0, 0.1);
  --focus-outline: var(--primary-hover-color);
  --overlay-blur: blur(2px);
  --gradient-border: linear-gradient(145deg, var(--primary-hover-color), var(--gold-color));
  --text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  --primary-gradient: linear-gradient(135deg, var(--secondary-card-color) 0%, var(--primary-card-color) 100%);
  --button-bg: var(--primary-hover-color);
  --shimmer-color: rgba(255, 255, 255, 0.2);
  --overlay-bg: rgba(0, 0, 0, 0.3);
  --gradient-bg-color: linear-gradient(145deg, #edebe7, #ebe8c5);
}

/* ===== BASE CONTAINER ===== */
.ring-container {
  min-height: 100vh;
  background: linear-gradient(145deg, #edebe7, #ebe8c5);
  background: var(--gradient-bg-color);
  font-family: 'Montserrat', sans-serif;
  font-family: var(--secondary-font);
  color: #041f60;
  color: var(--primary-text-color);
  padding: 2rem 1rem;
}

.ring-content {
  max-width: 1200px;
  margin: 0 auto;
}

/* ===== HEADER ===== */
.ring-header {
  text-align: center;
  margin-bottom: 2rem;
}
.main-title {
  font-family: 'Gloock', serif;
  font-family: var(--primary-font);
  font-size: 2.4rem;
  color: #041f60;
  color: var(--primary-text-color);
}
.header-description {
  margin-top: .5rem;
  font-size: 1rem;
  color: #A9A9A9;
  color: var(--grey-color);
}

/* ===== TABS ===== */
.navigation-container {
  display: flex;
  justify-content: center;
  margin-bottom: 2rem;
}
.nav-tabs {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}
.nav-tab {
  position: relative;
  padding: .75rem 1.25rem;
  background: #f1efe9;
  background: var(--primary-card-color);
  border-radius: 10px;
  font-weight: 600;
  cursor: pointer;
  border: 1px solid transparent;
  transition: all .3s ease;
  display: flex;
  align-items: center;
  gap: .5rem;
}
.nav-tab:hover {
  border-color: #cd865c;
  border-color: var(--primary-hover-color);
  color: #cd865c;
  color: var(--primary-hover-color);
}
.nav-tab-active {
  border: 1px solid #cd865c;
  border: 1px solid var(--primary-hover-color);
  background: #ffffff;
  background: var(--white-color);
}
.tab-highlight {
  position: absolute;
  bottom: -6px;
  left: 50%;
  width: 40%;
  height: 3px;
  background: #cd865c;
  background: var(--primary-hover-color);
  transform: translateX(-50%);
  border-radius: 4px;
}

/* ============================
   SIZE CHART TAB STYLING
   ============================ */

.chart-card {
  background: #ffffff;
  background: var(--white-color);
  border-radius: 20px;
  padding: 2rem;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 10px var(--shadow-color);
}

.chart-header {
  text-align: center;
  margin-bottom: 2rem;
}
.chart-title {
  font-family: 'Gloock', serif;
  font-family: var(--primary-font);
  font-size: 1.8rem;
}
.chart-description {
  font-size: 1rem;
  color: #A9A9A9;
  color: var(--grey-color);
}

/* Grid layout for size chart */
.size-chart-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  grid-gap: 1.5rem;
  gap: 1.5rem;
}

.size-item {
  display: flex;
  gap: 1rem;
  background: #f1efe9;
  background: var(--primary-card-color);
  border-radius: 15px;
  padding: 1rem;
  cursor: pointer;
  transition: all .3s ease;
  align-items: center;
}
.size-item:hover {
  background: rgb(238, 246, 247);
  background: var(--secondary-card-color);
  transform: translateY(-4px);
}
.size-item.selected {
  border: 2px solid #cd865c;
  border: 2px solid var(--primary-hover-color);
  background: #ffffff;
  background: var(--white-color);
}

.size-visual {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 60px;
}
.ring-circle {
  border: 2px solid #cd865c;
  border: 2px solid var(--primary-hover-color);
  border-radius: 50%;
  background: #ffffff;
  background: var(--white-color);
  margin-bottom: .5rem;
  transition: all .3s ease;
}
.size-label {
  font-weight: bold;
  font-size: .9rem;
}

.size-details {
  flex: 1 1;
}
.size-header {
  display: flex;
  justify-content: space-between;
  font-weight: 600;
  margin-bottom: .5rem;
}
.size-measurements {
  display: flex;
  flex-direction: column;
  font-size: .9rem;
  color: #A9A9A9;
  color: var(--grey-color);
}
.measurement {
  display: flex;
  justify-content: space-between;
}

/* Popularity bar */
.popularity-indicator {
  margin-top: .5rem;
}
.popularity-bar {
  position: relative;
  background: #f0f0f0;
  height: 8px;
  border-radius: 6px;
  overflow: hidden;
}
.popularity-fill {
  background: #cd865c;
  background: var(--primary-hover-color);
  height: 100%;
  border-radius: 6px;
}
.popularity-text {
  font-size: .75rem;
  margin-left: .5rem;
  color: #041f60;
  color: var(--primary-text-color);
}

/* Selected Size Details */
.selected-size-details {
  margin-top: 2rem;
  padding: 1.5rem;
  border-radius: 15px;
  background: #ece6d3;
  background: var(--feature-bg-color);
}
.size-recommendation {
  display: flex;
  align-items: center;
  gap: 2rem;
}
.recommendation-visual {
  position: relative;
}
.recommended-ring {
  border: 2px dashed #cd865c;
  border: 2px dashed var(--primary-hover-color);
  border-radius: 50%;
  background: rgb(238, 246, 247);
  background: var(--secondary-card-color);
}
.recommendation-hand {
  position: absolute;
  right: -15px;
  bottom: -15px;
  color: #A9A9A9;
  color: var(--grey-color);
}

/* Size Comparison */
.size-comparison {
  margin-top: 2rem;
}
.comparison-title {
  font-family: 'Gloock', serif;
  font-family: var(--primary-font);
  margin-bottom: 1rem;
}
.comparison-visual {
  display: flex;
  justify-content: center;
  align-items: center;
}
.finger-comparison {
  position: relative;
  width: 120px;
  height: 120px;
}
.ring-overlay {
  position: absolute;
  border: 2px solid #cd865c;
  border: 2px solid var(--primary-hover-color);
  border-radius: 50%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.comparison-labels {
  margin-top: 1rem;
  display: flex;
  justify-content: space-between;
  font-size: .85rem;
}

/* Professional Guidance */
.professional-guidance {
  margin-top: 2rem;
  background: #eef7ee;
  background: var(--main-cat-bg-color);
  padding: 1.5rem;
  border-radius: 15px;
}
.guidance-content {
  display: flex;
  gap: 1rem;
}
.guidance-icon {
  flex-shrink: 0;
  color: #cd865c;
  color: var(--primary-hover-color);
}
.guidance-title {
  font-weight: 700;
  margin-bottom: .5rem;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 992px) {
  .size-recommendation {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (max-width: 768px) {
  .main-title {
    font-size: 1.8rem;
  }
  .nav-tab {
    padding: .5rem 1rem;
    font-size: .9rem;
  }
  .size-chart-container {
    grid-template-columns: 1fr;
  }
  .size-recommendation {
    flex-direction: column;
    gap: 1rem;
  }
}

@media (max-width: 480px) {
  .ring-container {
    padding: 1rem .5rem;
  }
  .chart-card {
    padding: 1rem;
  }
  .chart-title {
    font-size: 1.4rem;
  }
  .size-item {
    flex-direction: column;
    align-items: flex-start;
  }
  .size-header {
    flex-direction: column;
    gap: .25rem;
  }
}

.policy-container {
    width: 100%;
    background: var(--primary-color);
    padding: 3rem 1rem;
    min-height: calc(100vh - var(--header-height));
    display: flex;
    justify-content: center;
    font-family: var(--secondary-font);
    color: var(--primary-text-color);
}

.policy-content {
    max-width: 1400px;
    width: 100%;
    padding: 0 2rem;
}

.policy-title {
    font-family: var(--title-font);
    font-size: 2.2rem;
    background: var(--gradient-text);
    background-clip: text;
    -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
        color: transparent;
    text-align: center;
    margin: 2rem 0;
    text-shadow: var(--text-shadow);
    border-bottom: 2px solid var(--primary-hover-color);
    padding-bottom: 0.5rem;
}

.policy-intro {
    font-family: var(--secondary-font);
    font-size: 1.1rem;
    line-height: 1.8;
    text-align: justify;
    margin: 2rem 0;
    padding: 1rem;
    border-radius: 8px;
}

.policy-section {
    background: var(--primary-card-color);
    padding: 2rem;
    border-radius: 12px;
    margin: 1.5rem 0;
    box-shadow: 0 4px 12px var(--shadow-color);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.policy-section:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 16px var(--shadow-color);
}

.policy-subtitle {
    font-family: var(--primary-font);
    font-size: 1.5rem;
    color: var(--primary-hover-color);
    margin-bottom: 1.2rem;
    border-left: 4px solid var(--primary-hover-color);
    padding-left: 1rem;
}

.policy-list {
    list-style-type: disc;
    padding-left: 2.5rem;
    font-family: var(--secondary-font);
    font-size: 1.1rem;
    line-height: 1.8;
}

.policy-list li {
    margin-bottom: 0.75rem;
}

.policy-text {
    font-family: var(--secondary-font);
    font-size: 1.1rem;
    line-height: 1.8;
    text-align: justify;
}

@media (max-width: 1024px) {
    .policy-content {
        padding: 0 1.5rem;
    }

    .policy-title {
        font-size: 2rem;
    }

    .policy-subtitle {
        font-size: 1.3rem;
    }

    .policy-section {
        padding: 1.5rem;
    }
}

@media (max-width: 768px) {
    .policy-container {
        padding: 2rem 0.5rem;
    }

    .policy-content {
        padding: 0 1rem;
    }

    .policy-title {
        font-size: 1.8rem;
    }

    .policy-subtitle {
        font-size: 1.2rem;
    }

    .policy-intro,
    .policy-text,
    .policy-list {
        font-size: 1rem;
    }

    .policy-section {
        padding: 1.2rem;
    }
}

@media (max-width: 480px) {
    .policy-title {
        font-size: 1.6rem;
    }

    .policy-subtitle {
        font-size: 1rem;
    }

    .policy-intro,
    .policy-text,
    .policy-list {
        font-size: 0.9rem;
    }

    .policy-section {
        padding: 1rem;
    }

    .policy-list {
        padding-left: 1.8rem;
    }
}


.return-flow {
    max-width: 1200px;
    margin: 0 auto;
    padding: 1.5rem;
}

.return-flow__container {
    background-color: var(--primary-color);
    border-radius: var(--radius);
    box-shadow: var(--shadow);
    padding: 2rem;
}

.return-flow__title {
    font-size: 1.8rem;
    font-weight: 600;
    background: var(--gradient-text);
    -webkit-background-clip: text;
background-clip: text;
    color: transparent;
    margin-bottom: 2rem;
    text-align: center;
}

.return-flow__content {
    display: grid;
    grid-template-columns: 1fr 350px;
    grid-gap: 2rem;
    gap: 2rem;
}

.return-flow__main {
    grid-column: 1;
}

.return-flow__sidebar {
    grid-column: 2;
}

.return-flow__progress {
    display: flex;
    justify-content: space-between;
    list-style: none;
    padding: 0;
    margin-bottom: 2rem;
    position: relative;
   
}

.return-flow__progress:before {
    content: '';
    position: absolute;
    top: 20px;
    left: 10px;
    right: 10px;
    height: 2px;
    background-color: var(--primary-text-color);
    z-index: 1;
}

.return-flow__progress-step {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    z-index: 2;
}

.return-flow__step-number {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: var(--secondary-color);
    color: var(--primary-text-color);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    margin-bottom: 0.5rem;
    border: 2px solid var(--border-color);
}

.return-flow__step-label {
    font-size: 0.85rem;
    color: var(--primary-text-color);
    font-family: var(--secondary-font);
    font-weight: 500;
}

.return-flow__step--active .return-flow__step-number {
    background-color: var(--primary-card-color);
    color:var(--primary-hover-color);
    border-color: var(--accent-color);
}

.return-flow__step--active .return-flow__step-label {
    color: var(--accent-color);
    font-weight: 600;
}

.return-flow__step--completed .return-flow__step-number {
    background-color: var(--success-color);
    color: white;
    border-color: var(--success-color);
}

.return-flow__step--completed .return-flow__step-label {
    color: var(--success-color);
}

.return-flow__step-card {
    padding: 1.5rem;
    margin-bottom: 1.5rem;
}

.return-flow__step-title {
    font-size: 1.2rem;
    font-weight: 600;
    color: var(--primary-hover-color);
    margin-bottom: 1.5rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid var(--border-color);
    font-family: var(--primary-font);
}

.return-flow__options {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin-bottom: 1.5rem;
}

.return-flow__option {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.return-flow__option input {
    display: none;
}

.return-flow__option-label {
    position: relative;
    padding-left: 2rem;
    line-height: 1.5;
    font-family: var(--secondary-font);
}

.return-flow__option-label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1.2rem;
    height: 1.2rem;
    border: 2px solid var(--border-color);
    border-radius: 50%;
    background-color: var(--primary-color);
    transition: all 0.2s;
}

.return-flow__option input:checked+.return-flow__option-label:before {
    background-color: var(--accent-color);
    border-color: var(--accent-color);
}

.return-flow__option input:checked+.return-flow__option-label:after {
    content: '';
    position: absolute;
    left: 0.25rem;
    top: 50%;
    transform: translateY(-50%);
    width: 0.7rem;
    height: 0.7rem;
    background-color: var(--primary-text-color);
    border-radius: 50%;
}

.return-flow__field {
    margin-bottom: 1.5rem;
}

.return-flow__field-label {
    display: block;
    font-weight: 500;
    color: var(--primary-hover-color);
    margin-bottom: 0.5rem;
    font-family: var(--primary-font);
}

.return-flow__textarea {
    width: 100%;
    border: none;
    font-family: var(--secondary-font);
    background-color: var(--primary-card-color);
    color:var(--primary-text-color);
}



.return-flow__loading {
    text-align: center;
    color: var(--text-light);
    padding: 2rem;
}

.return-flow__address-list {
    margin-bottom: 1.5rem;
}

.return-flow__address-item {
    display: flex;
    align-items: flex-start;
    padding: 1rem;
    border: 1px solid var(--border-color);
    border-radius: var(--radius);
    margin-bottom: 1rem;
    transition: all 0.2s;
}

.return-flow__address-item--selected {
    border-color: var(--accent-color);
    background-color: rgba(0, 123, 255, 0.05);
}

.return-flow__address-details {
    flex: 1 1;
    margin: 0 1rem;
}

.return-flow__address-details p {
    margin: 0.25rem 0;
    color: var(--primary-text-color);
    font-family: var(--secondary-font);
}

.return-flow__default-tag {
    display: inline-block;
    background-color: var(--success-color);
    color: white;
    font-size: 0.75rem;
    padding: 0.15rem 0.5rem;
    border-radius: 4px;
    margin-top: 0.5rem;
}

.return-flow__address-actions {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.return-flow__action-btn {
    background: none;
    border-radius: 20px;
    background-color: var(--primary-card-color);
    color: var(--primary-text-color);
    font-family: var(--secondary-font);
    cursor: pointer;
    font-size: 0.85rem;
    padding: 0.25rem 0.5rem;
    text-align: center;
    font-weight: 500;
}

.return-flow__action-btn--delete {
    color: var(--danger-color);
}

.return-flow__add-btn {
    color: var(--primary-text-color);
    font-family: var(--secondary-font);
    background-color: var(--white-color);
    padding: 0.55rem 0.5rem ;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
    border: none;
}

.return-flow__add-btn:hover {
    background-color:var(--primary-hover-color);
    color: var(--white-color);
}

.return-flow__confirm-btn {
    background-color: var(--success-color);
    color: white;
    border: none;
    border-radius: var(--radius);
    padding: 0.75rem 1.5rem;
    font-weight: 500;
    cursor: pointer;
    transition: background-color 0.2s;
}

.return-flow__confirm-btn:hover:not(:disabled) {
    background-color: #218838;
}

.return-flow__confirm-btn:disabled {
    background-color: var(--border-color);
    cursor: not-allowed;
}

.return-flow__navigation {
    display: flex;
    justify-content: space-between;
    margin-top: 1.5rem;
}

.return-flow__nav-btn {
    padding: 0.5rem 1rem;
    border-radius: var(--radius);
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
}

.return-flow__nav-btn--primary {
    background-color: var(--primary-text-color);
    color:var(--white-color);
    border: none;
    font-family: var(--secondary-font);
}

.return-flow__nav-btn--primary:hover:not(:disabled) {
    background-color: var(--primary-hover-color);

}

.return-flow__nav-btn--primary:disabled {
    background-color: var(--secondary-card-color);
    color: var(--primary-hover-color);
    cursor: not-allowed;
}

.return-flow__nav-btn--secondary {
    background-color: var(--secondary-card-color);
    color: var(--primary-text-color);
    border: 1px solid var(--border-color);
    font-family: var(--secondary-font);
}

.return-flow__nav-btn--secondary:hover {
    background-color: var(--primary-hover-color);
}

.return-flow__product-card {
    background-color: var(--primary-card-color);
    padding: 1.5rem;
    position: -webkit-sticky;
    position: sticky;
    top: 1rem;
}

.return-flow__product-title {
    font-size: 1.2rem;
    font-weight: 600;
    color: var(--priamry-hover-color) ;
    margin-bottom: 1.5rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid var(--border-color);
}

.return-flow__product-content {
    display: flex;
    gap: 1rem;
}

.return-flow__product-image {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 4px;
}

.return-flow__product-info {
    flex: 1 1;
}

.return-flow__product-name {
    font-weight: 500;
    color: var(--primary-text-color);
    margin: 0 0 0.5rem 0;
    font-size: 1.1rem;
}

.return-flow__product-price {
    font-weight: 500;
    color: var(--priamry-text-color);
    margin: 0 0 1rem 0;
    font-size: 1.1rem;
    font-family: var(--secondary-font);
}

.return-flow__product-meta {
    font-size: 0.9rem;
}

.return-flow__product-meta p {
    margin: 0.25rem 0;
    color: var(--text-light);
}

.return-flow__meta-label {
    font-weight: 500;
    color: var(--text-color);
}

.return-flow__modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
    padding: 1rem;
}

.return-flow__modal-content {
    background-color: var(--primary-color);
    border-radius: var(--radius);
    width: 100%;
    max-width: 500px;
    max-height: 90vh;
    overflow-y: auto;
    box-shadow: var(--shadow);
}

.return-flow__modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem;
    border-bottom: 1px solid var(--border-color);
}

.return-flow__modal-header h3 {
    margin: 0;
    font-size: 1.3rem;
    font-weight: 600;
    color: var(--text-color);
}

.return-flow__modal-close {
    background: none;
    border: none;
    font-size: 1.5rem;
    color: var(--text-light);
    cursor: pointer;
    padding: 0;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.return-flow__modal-body {
    padding: 1.5rem;
}

.return-flow__form-field {
    margin-bottom: 1rem;
}

.return-flow__form-label {
    display: block;
    font-weight: 600;
    color: var(--primary-hover-color) ;
    font-family: var(--secondary-font);
    margin-bottom: 0.5rem;
}

.return-flow__form-input {
    width: 100%;
    border: none;
    border-radius: var(--radius);
    padding: 0.55rem;
    font-family: inherit;
    background-color: var(--primary-card-color);
    color: var(--priamry-text-color);
    font-family: var(--secondary-font);
}


.return-flow__form-input--error {
    border-color: var(--danger-color);
}

.return-flow__form-error {
    color: var(--danger-color);
    font-size: 0.85rem;
    margin-top: 0.25rem;
}

.return-flow__checkbox {
    display: flex;
    align-items: center;
    cursor: pointer;
    margin-top: 1.5rem;
}

.return-flow__checkbox input {
    display: none;
}

.return-flow__checkbox-label {
    position: relative;
    padding-left: 2rem;
    line-height: 1.5;
}

.return-flow__checkbox-label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 4px;
    background-color: var(--primary-hover-color);
    transition: all 0.2s;
}

.return-flow__checkbox input:checked+.return-flow__checkbox-label:before {
    background-color: var(--green-color);
}

.return-flow__checkbox input:checked+.return-flow__checkbox-label:after {
    content: '✓';
    position: absolute;
    left: 0.3rem;
    top: 50%;
    transform: translateY(-50%);
    color: var(--white-color);
    font-size: 0.9rem;
}

.return-flow__modal-footer {
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
    padding: 1.5rem;
    border-top: 1px solid var(--border-color);
}

.return-flow__btn {
    padding: 0.75rem 1.5rem;
    border-radius: var(--radius);
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
}

.return-flow__btn--primary {
    background-color: var(--primary-hover-color);
    color:var(--white-color);
    border: none;
    font-family: var(--secondary-font);
}

.return-flow__btn--primary:hover {
    background-color: var(--green-color);
    color: var(--white-color);
}

.return-flow__btn--secondary {
    background-color: var(--priamry-hover-color);
    color: var(--white-light);
    font-family: var(--secondary-font);
}

.return-flow__btn--secondary:hover {
    background-color: transparent;
    
}

@media (max-width: 992px) {
    .return-flow__content {
        grid-template-columns: 1fr;
    }

    .return-flow__sidebar {
        grid-column: 1;
        order: -1;
    }

    .return-flow__progress {
        flex-wrap: wrap;
        gap: 1rem;
    }

    
}

@media (max-width: 576px) {
    .return-flow {
        padding: 1rem;
    }

    .return-flow__container {
        padding: 1.5rem;
    }

    .return-flow__address-item {
        flex-direction: column;
    }

    .return-flow__address-details {
        margin: 1rem 0;
    }

    .return-flow__address-actions {
        flex-direction: row;
        width: 100%;
        justify-content: flex-end;
    }
.return-flow__product-title{
    font-size: 0.8rem;
}
.return-flow__product-name{
font-size: 0.8rem;
}.return-flow__product-price{
    font-size: 0.8rem;
}
.return-flow__step-label{
    font-size:0.6rem
}
    
}
.maintenance-container {
    width: 100%;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.maintenance-content {
    display: flex;
    flex-wrap: wrap;
    /* prevents overlap */
    width: 100%;
    min-height: 400px;
    max-width: 1400px;
    border-radius: 20px;
    overflow: hidden;
}

.image-section {
    flex: 1.2 1;
    /* desktop ratio */
    min-height: 250px;
    background-color: #f0f2f5;
}


.showroom-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.form-section {
    flex: 1 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px;
    background: var(--primary-card-color);
}

.maintenance-card {
    width: 100%;
    max-width: 380px;
    text-align: center;
}

.maintenance-card h1 {
    font-family: var(--title-font);
    font-size: 2rem;
    background: var(--gradient-text);
    background-clip: text;
    -webkit-background-clip: text;
    color: none;
    margin-bottom: 0.5rem;
    font-weight: bolder;
}

.maintenance-card p {
    color: var(--primary-text-color);
    font-size: 0.95rem;
    margin-bottom: 1rem;
    line-height: 1.5;
    font-family: var(--secondary-font);
}

.maintenance-card input {
    width: 100%;
    padding: 0.75rem 1rem;
    border: 1px solid #ddd;
    border-radius: 10px;
    margin-bottom: 0.75rem;
    outline: none;
    font-size: 1rem;
    transition: all 0.2s ease;
    background-color: var(--primary-card-color);
}

.maintenance-card input:focus {
    border-color: var(--primary-hover-color);
    box-shadow: 0 0 0 3px rgba(58, 87, 232, 0.1);
}

.maintenance-card button {
    padding: 0.75rem;
    border: none;
    border-radius: 10px;
    background: var(--primary-hover-color);
    color: var(--white-color);
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    font-family: var(--secondary-font);
}

.maintenance-card button:hover {
    background: var(--primary-text-color);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(58, 87, 232, 0.2);
}

.maintenance-error {
    color: #e74c3c;
    font-size: 0.85rem;
    margin-bottom: 0.75rem;
    text-align: left;
    padding-left: 5px;
}

/* Responsive design */
@media (max-width: 900px) {
    .maintenance-content {
        flex-direction: column;
        max-width: 500px;
    }

    .image-section {
        height: 250px;
    }

    .form-section {
        padding: 30px 20px;
    }
}

@media (max-width: 480px) {
    .maintenance-container {
        padding: 15px !important;
        max-width: 100% !important;
    }

    .maintenance-content {
        min-height: auto;
    }

    .image-section {
        height: 200px;
    }

    .maintenance-card h1 {
        font-size: 1.75rem;
    }
}
.form-section {
    flex: 0.8 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px;
    background: var(--primary-card-color);
    overflow-y: auto;
}
/* PaymentFailure.css */
.payment-failure-container {
    min-height: 70vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 2rem;
    background: var(--primary-gradient);
    margin: 150px auto 0 ;
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-lg);
    max-width: 800px;
    position: relative;
    overflow: hidden;
}

.payment-failure-container::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: var(--gradient-border);
}

.failure-icon {
    margin-bottom: 1.5rem;
    animation: iconPulse 2s infinite;
}

@keyframes iconPulse {
    0% {
        transform: scale(1);
        opacity: 1;
    }

    50% {
        transform: scale(1.05);
        opacity: 0.8;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.failure-title {
    font-family: var(--primary-font);
    color: var(--red-color);
    font-size: 2.5rem;
    margin-bottom: 1rem;
    text-shadow: var(--text-shadow);
    animation: fadeInDown 0.8s ease;
}

.failure-subtitle {
    font-family: var(--secondary-font);
    color: var(--primary-text-color);
    font-size: 1.2rem;
    margin-bottom: 1.5rem;
    animation: fadeInUp 0.8s ease 0.2s both;
}

.order-info {
    font-family: var(--secondary-font);
    background: var(--secondary-card-color);
    padding: 0.8rem 1.5rem;
    border-radius: var(--radius-md);
    margin-bottom: 1.5rem;
    box-shadow: var(--shadow-sm);
    animation: fadeIn 1s ease 0.4s both;
}

.status-text {
    font-family: var(--secondary-font);
    font-size: 1.1rem;
    margin-bottom: 2rem;
    padding: 0.8rem 1.5rem;
    border-radius: var(--radius-md);
    background: var(--primary-card-color);
    animation: fadeIn 1s ease 0.6s both;
}

.status-text.warning {
    color: var(--orange-color);
    background: rgba(243, 156, 18, 0.1);
    border-left: 4px solid var(--orange-color);
}

.failure-actions {
    display: flex;
    gap: 1rem;
    margin-bottom: 2rem;
    flex-wrap: wrap;
    justify-content: center;
    animation: fadeIn 1s ease 0.8s both;
}

.btn-primary,
.btn-secondary {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.8rem 1.5rem;
    border-radius: var(--radius-md);
    font-family: var(--secondary-font);
    font-weight: 600;
    transition: var(--transition);
    cursor: pointer;
    border: none;
    box-shadow: var(--shadow-md);
}

.btn-primary {
    background: var(--button-bg);
    color: white;
}

.btn-primary:hover {
    background: var(--primary-hover-color);
    transform: translateY(-2px);
    box-shadow: var(--shadow-lg);
}

.btn-secondary {
    background: var(--primary-card-color);
    color: var(--primary-text-color);
    border: 1px solid var(--grey-color);
}

.btn-secondary:hover {
    background: var(--secondary-card-color);
    transform: translateY(-2px);
    box-shadow: var(--shadow-lg);
}

.help-text {
    font-family: var(--secondary-font);
    color: var(--primary-text-color);
    animation: fadeIn 1s ease 1s both;
}

.help-link {
    color: var(--blue-color);
    text-decoration: none;
    font-weight: 600;
    transition: var(--transition);
}

.help-link:hover {
    color: var(--purple-color);
    text-decoration: underline;
}

/* Animations */
@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Responsive design */
@media (max-width: 768px) {
    .payment-failure-container {
        padding: 1.5rem;
        margin: 130px auto 0px;
    }

    .failure-title {
        font-size: 2rem;
    }

    .failure-subtitle {
        font-size: 1rem;
    }

    .failure-actions {
        flex-direction: column;
        width: 100%;
        max-width: 300px;
    }

    .btn-primary,
    .btn-secondary {
        width: 100%;
        justify-content: center;
    }
}
/* PaymentStatus.css - Enhanced Professional Version */
.payment-status-container {
    text-align: center;
    padding: clamp(2rem, 5vw, 4rem) 1.5rem;
    font-family: var(--secondary-font);
    min-height: calc(100vh - var(--header-height) - 120px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-width: 800px;
    margin: 150px auto 0;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-lg);
    transition: all 0.3s ease;
    background: var(--primary-gradient);
    border: 1px solid rgba(255, 255, 255, 0.2);
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
}

.payment-status-container.success {
    background: linear-gradient(135deg, rgba(236, 253, 245, 0.95) 0%, rgba(209, 250, 229, 0.95) 100%);
    border-color: rgba(16, 185, 129, 0.2);
}

.payment-status-container.failure {
    background: linear-gradient(135deg, rgba(254, 242, 242, 0.95) 0%, rgba(254, 226, 226, 0.95) 100%);
    border-color: rgba(248, 113, 113, 0.2);
}

.payment-status-container.pending {
    background: linear-gradient(135deg, rgba(255, 251, 235, 0.95) 0%, rgba(254, 243, 199, 0.95) 100%);
    border-color: rgba(245, 158, 11, 0.2);
}

.payment-status-container::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    animation: progressLine 1.2s ease-in-out;
    z-index: 2;
}

.payment-status-container.success::before {
    background: linear-gradient(90deg, var(--green-color), #10b981, var(--primary-hover-color));
}

.payment-status-container.failure::before {
    background: linear-gradient(90deg, var(--red-color), #f87171, var(--orange-color));
}

.payment-status-container.pending::before {
    background: linear-gradient(90deg, var(--orange-color), #f59e0b, #fbbf24);
}

@keyframes progressLine {
    0% {
        width: 0%;
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        width: 100%;
        opacity: 1;
    }
}

/* Floating shapes background */
.floating-shapes {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    overflow: hidden;
    z-index: 0;
}

.floating-shape {
    position: absolute;
    background: rgba(205, 134, 92, 0.08);
    border-radius: 50%;
    animation: float 18s infinite ease-in-out;
    opacity: 0.3;
    filter: blur(1px);
}

.floating-shape:nth-child(odd) {
    width: 60px;
    height: 60px;
}

.floating-shape:nth-child(even) {
    width: 30px;
    height: 30px;
}

@keyframes float {

    0%,
    100% {
        transform: translateY(0) rotate(0deg) scale(1);
    }

    33% {
        transform: translateY(-30px) rotate(120deg) scale(1.1);
    }

    66% {
        transform: translateY(20px) rotate(240deg) scale(0.9);
    }
}

/* Confetti container */
.confetti-container {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: 1;
}

.confetti {
    position: absolute;
    opacity: 0;
    animation: confettiFall 2.5s ease-out forwards;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

@keyframes confettiFall {
    0% {
        transform: translateY(-100px) rotate(0deg) scale(0.5);
        opacity: 0;
    }

    10% {
        opacity: 1;
    }

    90% {
        opacity: 1;
    }

    100% {
        transform: translateY(500px) rotate(720deg) scale(1);
        opacity: 0;
    }
}

/* Status icon with ring animation */
.status-icon-container {
    position: relative;
    margin-bottom: 1rem;
    z-index: 2;
}

.icon-ring {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 120px;
    height: 120px;
    border-radius: 50%;
    animation: pulseRing 2s infinite;
    z-index: -1;
}

.success-ring {
    background: rgba(16, 185, 129, 0.1);
    box-shadow: 0 0 0 rgba(16, 185, 129, 0.4);
}

.failure-ring {
    background: rgba(239, 68, 68, 0.1);
    box-shadow: 0 0 0 rgba(239, 68, 68, 0.4);
}

.pending-ring {
    background: rgba(245, 158, 11, 0.1);
    box-shadow: 0 0 0 rgba(245, 158, 11, 0.4);
}

@keyframes pulseRing {
    0% {
        transform: translate(-50%, -50%) scale(0.8);
        opacity: 0.7;
    }

    50% {
        transform: translate(-50%, -50%) scale(1.1);
        opacity: 0.3;
    }

    100% {
        transform: translate(-50%, -50%) scale(0.8);
        opacity: 0.7;
    }
}

.status-icon {
    margin-bottom: 0;
    opacity: 0;
    transform: scale(0);
    transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.status-icon.animate-in {
    opacity: 1;
    transform: scale(1);
}

.status-icon[data-animate="zoom-in"].animate-in {
    animation: iconPop 0.6s ease-out forwards;
}

@keyframes iconPop {
    0% {
        transform: scale(0) rotate(-180deg);
        opacity: 0;
    }

    70% {
        transform: scale(1.15) rotate(10deg);
    }

    100% {
        transform: scale(1) rotate(0deg);
        opacity: 1;
    }
}

/* Title */
.payment-title {
    font-family: var(--primary-font);
    font-size: clamp(1.5rem, 2vw, 2.5rem);
    font-weight: 700;
    margin-bottom: 1rem;
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.5s ease;
    z-index: 2;
    position: relative;
    background: var(--gradient-text);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    letter-spacing: -0.5px;
}

.payment-title.animate-in {
    opacity: 1;
    transform: translateY(0);
}

/* Subtitle */
.payment-subtitle {
    font-size: clamp(0.9rem, 1.5vw, 1rem);
    margin-bottom: 1rem;
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.5s ease 0.1s;
    z-index: 2;
    position: relative;
    color: var(--primary-text-color);
    line-height: 1.6;
    max-width: 600px;
}

.payment-subtitle.animate-in {
    opacity: 1;
    transform: translateY(0);
}

/* Order info */
.order-info-container {
    margin-bottom: 1.5rem;
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.5s ease 0.2s;
    z-index: 2;
    position: relative;
}

.order-info-container.animate-in {
    opacity: 1;
    transform: translateY(0);
}

.order-id-badge {
    display: inline-flex;
    align-items: center;
    padding: 0.8rem 1.5rem;
    border-radius: var(--radius-md);
    background: rgba(255, 255, 255, 0.7);
    box-shadow: var(--shadow-sm);
    font-weight: 500;
    color: var(--primary-text-color);
    border: 1px solid rgba(4, 31, 96, 0.1);
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
}

.order-id-badge strong {
    font-weight: 700;
    color: var(--primary-hover-color);
    margin-left: 0.5rem;
    font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
}

/* Status info */
.status-info {
    margin-bottom: 1rem;
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.5s ease 0.3s;
    z-index: 2;
    position: relative;
}

.status-info.animate-in {
    opacity: 1;
    transform: translateY(0);
}

.status-badge {
    display: inline-flex;
    align-items: center;
    padding: 1rem 1.8rem;
    border-radius: var(--radius-lg);
    font-size: clamp(1rem, 2.5vw, 1.1rem);
    box-shadow: var(--shadow-md);
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
    border: 1px solid transparent;
}

.status-badge.success {
    background: rgba(16, 185, 129, 0.15);
    color: #065f46;
    border-color: rgba(16, 185, 129, 0.2);
}

.status-badge.error {
    background: rgba(239, 68, 68, 0.15);
    color: #991b1b;
    border-color: rgba(239, 68, 68, 0.2);
}

.status-badge.warning {
    background: rgba(245, 158, 11, 0.15);
    color: #92400e;
    border-color: rgba(245, 158, 11, 0.2);
}

.status-badge.loading {
    background: rgba(4, 31, 96, 0.1);
    color: var(--primary-text-color);
    border-color: rgba(4, 31, 96, 0.2);
}

.status-badge span {
    margin-right: 0.5rem;
}

.status-badge strong {
    font-weight: 700;
}

.loading-dots {
    display: inline-flex;
    margin-right: 0.8rem;
}

.loading-dots span {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--primary-text-color);
    animation: loadingDots 1.4s infinite ease-in-out both;
    margin: 0 2px;
}

.loading-dots span:nth-child(1) {
    animation-delay: -0.32s;
}

.loading-dots span:nth-child(2) {
    animation-delay: -0.16s;
}

@keyframes loadingDots {

    0%,
    80%,
    100% {
        transform: scale(0);
        opacity: 0.5;
    }

    40% {
        transform: scale(1);
        opacity: 1;
    }
}

/* Order details */
.order-details {
    font-size: clamp(0.9rem, 2vw, 1rem);
    margin-bottom: 1rem;
    max-width: 600px;
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.5s ease 0.4s;
    z-index: 2;
    position: relative;
    text-align: left;
    padding: 1.8rem;
    border-radius: var(--radius-lg);
    background: rgba(255, 255, 255, 0.7);
    box-shadow: var(--shadow-sm);
    border: 1px solid rgba(4, 31, 96, 0.1);
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
}

.order-details.animate-in {
    opacity: 1;
    transform: translateY(0);
}

.order-details h3 {
    margin-bottom: 0.5rem;
    font-family: var(--primary-font);
    text-align: center;
    color: var(--primary-text-color);
    font-size: 1.3rem;
}

.order-details ul {
    list-style-type: none;
    padding: 0;
}

.order-details li {
    margin-bottom: 0.5rem;
    padding-left: 2rem;
    position: relative;
    color: var(--primary-text-color);
    line-height: 1.5;
}

.order-details li:before {
    content: "✓";
    position: absolute;
    left: 0;
    color: var(--green-color);
    font-weight: bold;
    font-size: 1.1rem;
}

.order-details li.reason:before {
    content: "!";
    color: var(--orange-color);
}

/* Action buttons */
.payment-actions {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 1rem;
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.5s ease 0.5s;
    z-index: 2;
    position: relative;
}

.payment-actions.animate-in {
    opacity: 1;
    transform: translateY(0);
}

.btn {
    font-family: var(--secondary-font);
    font-weight: 600;
    padding: clamp(0.7rem, 2vw, 0.9rem) clamp(1.4rem, 3vw, 1.8rem);
    border-radius: var(--radius-md);
    border: none;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    display: flex;
    align-items: center;
    gap: 0.6rem;
    font-size: clamp(0.9rem, 2vw, 1rem);
    position: relative;
    overflow: hidden;
    box-shadow: var(--shadow-md);
}

.btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
    transition: left 0.7s ease;
}

.btn:hover::before {
    left: 100%;
}

.btn-primary {
    background: var(--button-bg);
    color: white;
}

.btn-primary:hover {
    background: var(--primary-hover-color);
    box-shadow: var(--shadow-lg);
    transform: translateY(-2px) scale(1.02);
}

.btn-secondary {
    background: transparent;
    border: 2px solid var(--button-bg);
    color: var(--button-bg);
}

.btn-secondary:hover {
    background: var(--primary-hover-color);
    color: var(--white-color);
    box-shadow: var(--shadow-lg);
    transform: translateY(-2px) scale(1.02);
}

.btn-tertiary {
    background: rgba(255, 255, 255, 0.8);
    color: var(--primary-text-color);
    border: 1px solid var(--grey-color);
}

.btn-tertiary:hover {
    background: var(--secondary-card-color);
    box-shadow: var(--shadow-lg);
    transform: translateY(-2px) scale(1.02);
}

.button-icon {
    flex-shrink: 0;
}

/* Help section */
.help-section {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.5s ease 0.6s;
    z-index: 2;
    position: relative;
    width: 100%;
    max-width: 500px;
}

.help-section.animate-in {
    opacity: 1;
    transform: translateY(0);
}

.support-card {
    background: rgba(255, 255, 255, 0.8);
    border-radius: var(--radius-lg);
    padding: 1.5rem;
    box-shadow: var(--shadow-sm);
    border: 1px solid rgba(4, 31, 96, 0.1);
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
}

.support-card h4 {
    margin-bottom: 0.8rem;
    color: var(--primary-text-color);
    font-size: 1.2rem;
}

.support-card p {
    color: var(--primary-text-color);
    margin-bottom: 1.2rem;
    line-height: 1.5;
}

.support-actions {
    display: flex;
    gap: 1rem;
    justify-content: center;
}

.support-link {
    color: var(--blue-color);
    text-decoration: none;
    font-weight: 600;
    transition: var(--transition);
    position: relative;
    padding: 0.5rem 1rem;
    border-radius: var(--radius-sm);
}

.support-link:hover {
    color: var(--purple-color);
    background: rgba(59, 130, 246, 0.1);
}

.support-link::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 2px;
    background: var(--blue-color);
    transition: width 0.3s ease;
}

.support-link:hover::after {
    width: 100%;
}

/* Loading spinner */
.loading-spinner {
    width: 60px;
    height: 60px;
    border: 4px solid rgba(4, 31, 96, 0.1);
    border-left: 4px solid var(--primary-hover-color);
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* Responsive Design */
@media (max-width: 992px) {
    .payment-status-container {
        margin-top: 150px;
    }
}

@media (max-width: 768px) {
    .payment-status-container {
        padding: clamp(1.5rem, 4vw, 2rem) 1rem;
        margin-top: 120px;
        min-height: calc(100vh - var(--mobile-header-height) - 100px);
        border-radius: var(--radius-lg);
    }

    .payment-title {
        font-size: clamp(1.5rem, 3.5vw, 2rem);
    }

    .order-id-badge,
    .order-details {
        padding: 0.8rem 1rem;
    }

    .btn {
        padding: clamp(0.6rem, 2vw, 0.8rem) clamp(1.2rem, 2.5vw, 1.5rem);
        font-size: clamp(0.85rem, 2vw, 0.95rem);
    }

    .support-actions {
        flex-direction: column;
        gap: 0.8rem;
    }
}

@media (max-width: 576px) {
    .payment-status-container {
        padding: clamp(1rem, 3vw, 1.5rem) 0.8rem;
        margin: 120px 0.5rem 0;
    }

    .payment-title {
        font-size: clamp(1.3rem, 3vw, 1.7rem);
    }

    .order-id-badge,
    .order-details {
        font-size: clamp(0.8rem, 2vw, 0.9rem);
    }

    .payment-actions {
        flex-direction: column;
        gap: 0.8rem;
    }

    .btn {
        width: 100%;
        max-width: 280px;
        justify-content: center;
    }

    .status-badge {
        flex-direction: column;
        gap: 0.5rem;
        text-align: center;
    }

    .loading-dots {
        margin-right: 0;
        margin-bottom: 0.5rem;
    }
}

/* Print Styles */
@media print {
    .payment-status-container {
        background: white;
        color: black;
        margin: 0;
        box-shadow: none;
        border-radius: 0;
        border: none;
    }

    .status-icon-container,
    .payment-actions,
    .confetti-container,
    .floating-shapes,
    .help-section {
        display: none;
    }

    .payment-title,
    .order-id-badge,
    .order-details {
        color: black;
        text-align: center;
    }

    .payment-title {
        background: none;
        -webkit-text-fill-color: black;
        background-clip: border-box;
        background-clip: initial;
    }
}
@charset "UTF-8";/*!
 * animate.css - https://animate.style/
 * Version - 4.1.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2020 Animate.css
 */
:root {
  --animate-duration: 1s;
  --animate-delay: 1s;
  --animate-repeat: 1;
}
.animate__animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-duration: var(--animate-duration);
  animation-duration: var(--animate-duration);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animate__animated.animate__infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.animate__animated.animate__repeat-1 {
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-iteration-count: var(--animate-repeat);
  animation-iteration-count: var(--animate-repeat);
}
.animate__animated.animate__repeat-2 {
  -webkit-animation-iteration-count: calc(1 * 2);
  animation-iteration-count: calc(1 * 2);
  -webkit-animation-iteration-count: calc(var(--animate-repeat) * 2);
  animation-iteration-count: calc(var(--animate-repeat) * 2);
}
.animate__animated.animate__repeat-3 {
  -webkit-animation-iteration-count: calc(1 * 3);
  animation-iteration-count: calc(1 * 3);
  -webkit-animation-iteration-count: calc(var(--animate-repeat) * 3);
  animation-iteration-count: calc(var(--animate-repeat) * 3);
}
.animate__animated.animate__delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-delay: var(--animate-delay);
  animation-delay: var(--animate-delay);
}
.animate__animated.animate__delay-2s {
  -webkit-animation-delay: calc(1s * 2);
  animation-delay: calc(1s * 2);
  -webkit-animation-delay: calc(var(--animate-delay) * 2);
  animation-delay: calc(var(--animate-delay) * 2);
}
.animate__animated.animate__delay-3s {
  -webkit-animation-delay: calc(1s * 3);
  animation-delay: calc(1s * 3);
  -webkit-animation-delay: calc(var(--animate-delay) * 3);
  animation-delay: calc(var(--animate-delay) * 3);
}
.animate__animated.animate__delay-4s {
  -webkit-animation-delay: calc(1s * 4);
  animation-delay: calc(1s * 4);
  -webkit-animation-delay: calc(var(--animate-delay) * 4);
  animation-delay: calc(var(--animate-delay) * 4);
}
.animate__animated.animate__delay-5s {
  -webkit-animation-delay: calc(1s * 5);
  animation-delay: calc(1s * 5);
  -webkit-animation-delay: calc(var(--animate-delay) * 5);
  animation-delay: calc(var(--animate-delay) * 5);
}
.animate__animated.animate__faster {
  -webkit-animation-duration: calc(1s / 2);
  animation-duration: calc(1s / 2);
  -webkit-animation-duration: calc(var(--animate-duration) / 2);
  animation-duration: calc(var(--animate-duration) / 2);
}
.animate__animated.animate__fast {
  -webkit-animation-duration: calc(1s * 0.8);
  animation-duration: calc(1s * 0.8);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.8);
  animation-duration: calc(var(--animate-duration) * 0.8);
}
.animate__animated.animate__slow {
  -webkit-animation-duration: calc(1s * 2);
  animation-duration: calc(1s * 2);
  -webkit-animation-duration: calc(var(--animate-duration) * 2);
  animation-duration: calc(var(--animate-duration) * 2);
}
.animate__animated.animate__slower {
  -webkit-animation-duration: calc(1s * 3);
  animation-duration: calc(1s * 3);
  -webkit-animation-duration: calc(var(--animate-duration) * 3);
  animation-duration: calc(var(--animate-duration) * 3);
}
@media print, (prefers-reduced-motion: reduce) {
  .animate__animated {
    -webkit-animation-duration: 1ms !important;
    animation-duration: 1ms !important;
    -webkit-transition-duration: 1ms !important;
    transition-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
  }

  .animate__animated[class*='Out'] {
    opacity: 0;
  }
}
/* Attention seekers  */
@-webkit-keyframes bounce {
  from,
  20%,
  53%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
    transform: translate3d(0, -30px, 0) scaleY(1.1);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
    transform: translate3d(0, -15px, 0) scaleY(1.05);
  }

  80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
    transform: translate3d(0, 0, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
    transform: translate3d(0, -4px, 0) scaleY(1.02);
  }
}
@keyframes bounce {
  from,
  20%,
  53%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
    transform: translate3d(0, -30px, 0) scaleY(1.1);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
    transform: translate3d(0, -15px, 0) scaleY(1.05);
  }

  80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
    transform: translate3d(0, 0, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
    transform: translate3d(0, -4px, 0) scaleY(1.02);
  }
}
.animate__bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
@-webkit-keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}
@keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}
.animate__flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.animate__pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.animate__rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}
@-webkit-keyframes shakeX {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
@keyframes shakeX {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
.animate__shakeX {
  -webkit-animation-name: shakeX;
  animation-name: shakeX;
}
@-webkit-keyframes shakeY {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
}
@keyframes shakeY {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
}
.animate__shakeY {
  -webkit-animation-name: shakeY;
  animation-name: shakeY;
}
@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.animate__headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}
@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.animate__swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}
@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.animate__tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}
@-webkit-keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
@keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
.animate__jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}
@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.animate__heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: calc(1s * 1.3);
  animation-duration: calc(1s * 1.3);
  -webkit-animation-duration: calc(var(--animate-duration) * 1.3);
  animation-duration: calc(var(--animate-duration) * 1.3);
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
/* Back entrances */
@-webkit-keyframes backInDown {
  0% {
    -webkit-transform: translateY(-1200px) scale(0.7);
    transform: translateY(-1200px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInDown {
  0% {
    -webkit-transform: translateY(-1200px) scale(0.7);
    transform: translateY(-1200px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInDown {
  -webkit-animation-name: backInDown;
  animation-name: backInDown;
}
@-webkit-keyframes backInLeft {
  0% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInLeft {
  0% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInLeft {
  -webkit-animation-name: backInLeft;
  animation-name: backInLeft;
}
@-webkit-keyframes backInRight {
  0% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInRight {
  0% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInRight {
  -webkit-animation-name: backInRight;
  animation-name: backInRight;
}
@-webkit-keyframes backInUp {
  0% {
    -webkit-transform: translateY(1200px) scale(0.7);
    transform: translateY(1200px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInUp {
  0% {
    -webkit-transform: translateY(1200px) scale(0.7);
    transform: translateY(1200px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInUp {
  -webkit-animation-name: backInUp;
  animation-name: backInUp;
}
/* Back exits */
@-webkit-keyframes backOutDown {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateY(700px) scale(0.7);
    transform: translateY(700px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutDown {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateY(700px) scale(0.7);
    transform: translateY(700px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutDown {
  -webkit-animation-name: backOutDown;
  animation-name: backOutDown;
}
@-webkit-keyframes backOutLeft {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutLeft {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutLeft {
  -webkit-animation-name: backOutLeft;
  animation-name: backOutLeft;
}
@-webkit-keyframes backOutRight {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutRight {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutRight {
  -webkit-animation-name: backOutRight;
  animation-name: backOutRight;
}
@-webkit-keyframes backOutUp {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateY(-700px) scale(0.7);
    transform: translateY(-700px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutUp {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateY(-700px) scale(0.7);
    transform: translateY(-700px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutUp {
  -webkit-animation-name: backOutUp;
  animation-name: backOutUp;
}
/* Bouncing entrances  */
@-webkit-keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.animate__bounceIn {
  -webkit-animation-duration: calc(1s * 0.75);
  animation-duration: calc(1s * 0.75);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
    transform: translate3d(0, -3000px, 0) scaleY(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
    transform: translate3d(0, 25px, 0) scaleY(0.9);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
    transform: translate3d(0, -10px, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
    transform: translate3d(0, 5px, 0) scaleY(0.985);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
    transform: translate3d(0, -3000px, 0) scaleY(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
    transform: translate3d(0, 25px, 0) scaleY(0.9);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
    transform: translate3d(0, -10px, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
    transform: translate3d(0, 5px, 0) scaleY(0.985);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
    transform: translate3d(-3000px, 0, 0) scaleX(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
    transform: translate3d(25px, 0, 0) scaleX(1);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
    transform: translate3d(-10px, 0, 0) scaleX(0.98);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
    transform: translate3d(5px, 0, 0) scaleX(0.995);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
    transform: translate3d(-3000px, 0, 0) scaleX(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
    transform: translate3d(25px, 0, 0) scaleX(1);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
    transform: translate3d(-10px, 0, 0) scaleX(0.98);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
    transform: translate3d(5px, 0, 0) scaleX(0.995);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
    transform: translate3d(3000px, 0, 0) scaleX(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
    transform: translate3d(-25px, 0, 0) scaleX(1);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
    transform: translate3d(10px, 0, 0) scaleX(0.98);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
    transform: translate3d(-5px, 0, 0) scaleX(0.995);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
    transform: translate3d(3000px, 0, 0) scaleX(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
    transform: translate3d(-25px, 0, 0) scaleX(1);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
    transform: translate3d(10px, 0, 0) scaleX(0.98);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
    transform: translate3d(-5px, 0, 0) scaleX(0.995);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
    transform: translate3d(0, 3000px, 0) scaleY(5);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
    transform: translate3d(0, 10px, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
    transform: translate3d(0, -5px, 0) scaleY(0.985);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
    transform: translate3d(0, 3000px, 0) scaleY(5);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
    transform: translate3d(0, 10px, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
    transform: translate3d(0, -5px, 0) scaleY(0.985);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}
/* Bouncing exits  */
@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.animate__bounceOut {
  -webkit-animation-duration: calc(1s * 0.75);
  animation-duration: calc(1s * 0.75);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
    transform: translate3d(0, 10px, 0) scaleY(0.985);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
    transform: translate3d(0, 2000px, 0) scaleY(3);
  }
}
@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
    transform: translate3d(0, 10px, 0) scaleY(0.985);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
    transform: translate3d(0, 2000px, 0) scaleY(3);
  }
}
.animate__bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
    transform: translate3d(20px, 0, 0) scaleX(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
    transform: translate3d(-2000px, 0, 0) scaleX(2);
  }
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
    transform: translate3d(20px, 0, 0) scaleX(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
    transform: translate3d(-2000px, 0, 0) scaleX(2);
  }
}
.animate__bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
    transform: translate3d(-20px, 0, 0) scaleX(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
    transform: translate3d(2000px, 0, 0) scaleX(2);
  }
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
    transform: translate3d(-20px, 0, 0) scaleX(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
    transform: translate3d(2000px, 0, 0) scaleX(2);
  }
}
.animate__bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
    transform: translate3d(0, -10px, 0) scaleY(0.985);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
    transform: translate3d(0, 20px, 0) scaleY(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
    transform: translate3d(0, -2000px, 0) scaleY(3);
  }
}
@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
    transform: translate3d(0, -10px, 0) scaleY(0.985);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
    transform: translate3d(0, 20px, 0) scaleY(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
    transform: translate3d(0, -2000px, 0) scaleY(3);
  }
}
.animate__bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}
/* Fading entrances  */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

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

  to {
    opacity: 1;
  }
}
.animate__fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeInTopLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInTopLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInTopLeft {
  -webkit-animation-name: fadeInTopLeft;
  animation-name: fadeInTopLeft;
}
@-webkit-keyframes fadeInTopRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInTopRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInTopRight {
  -webkit-animation-name: fadeInTopRight;
  animation-name: fadeInTopRight;
}
@-webkit-keyframes fadeInBottomLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInBottomLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInBottomLeft {
  -webkit-animation-name: fadeInBottomLeft;
  animation-name: fadeInBottomLeft;
}
@-webkit-keyframes fadeInBottomRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInBottomRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInBottomRight {
  -webkit-animation-name: fadeInBottomRight;
  animation-name: fadeInBottomRight;
}
/* Fading exits */
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

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

  to {
    opacity: 0;
  }
}
.animate__fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.animate__fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.animate__fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.animate__fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.animate__fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.animate__fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.animate__fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.animate__fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.animate__fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}
@-webkit-keyframes fadeOutTopLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
}
@keyframes fadeOutTopLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
}
.animate__fadeOutTopLeft {
  -webkit-animation-name: fadeOutTopLeft;
  animation-name: fadeOutTopLeft;
}
@-webkit-keyframes fadeOutTopRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
}
@keyframes fadeOutTopRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
}
.animate__fadeOutTopRight {
  -webkit-animation-name: fadeOutTopRight;
  animation-name: fadeOutTopRight;
}
@-webkit-keyframes fadeOutBottomRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
}
@keyframes fadeOutBottomRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
}
.animate__fadeOutBottomRight {
  -webkit-animation-name: fadeOutBottomRight;
  animation-name: fadeOutBottomRight;
}
@-webkit-keyframes fadeOutBottomLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
}
@keyframes fadeOutBottomLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
}
.animate__fadeOutBottomLeft {
  -webkit-animation-name: fadeOutBottomLeft;
  animation-name: fadeOutBottomLeft;
}
/* Flippers */
@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
.animate__animated.animate__flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}
@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.animate__flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}
@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.animate__flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.animate__flipOutX {
  -webkit-animation-duration: calc(1s * 0.75);
  animation-duration: calc(1s * 0.75);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
.animate__flipOutY {
  -webkit-animation-duration: calc(1s * 0.75);
  animation-duration: calc(1s * 0.75);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}
/* Lightspeed */
@-webkit-keyframes lightSpeedInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes lightSpeedInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__lightSpeedInRight {
  -webkit-animation-name: lightSpeedInRight;
  animation-name: lightSpeedInRight;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
    transform: translate3d(-100%, 0, 0) skewX(30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(5deg);
    transform: skewX(5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes lightSpeedInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
    transform: translate3d(-100%, 0, 0) skewX(30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(5deg);
    transform: skewX(5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__lightSpeedInLeft {
  -webkit-animation-name: lightSpeedInLeft;
  animation-name: lightSpeedInLeft;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOutRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOutRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.animate__lightSpeedOutRight {
  -webkit-animation-name: lightSpeedOutRight;
  animation-name: lightSpeedOutRight;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
@-webkit-keyframes lightSpeedOutLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
    transform: translate3d(-100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOutLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
    transform: translate3d(-100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
}
.animate__lightSpeedOutLeft {
  -webkit-animation-name: lightSpeedOutLeft;
  animation-name: lightSpeedOutLeft;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
/* Rotating entrances */
@-webkit-keyframes rotateIn {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateIn {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
  -webkit-transform-origin: center;
  transform-origin: center;
}
@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}
@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}
@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}
@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}
/* Rotating exits */
@-webkit-keyframes rotateOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
.animate__rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
  -webkit-transform-origin: center;
  transform-origin: center;
}
@-webkit-keyframes rotateOutDownLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
.animate__rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}
@-webkit-keyframes rotateOutDownRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.animate__rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}
@-webkit-keyframes rotateOutUpLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.animate__rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}
@-webkit-keyframes rotateOutUpRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
.animate__rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}
/* Specials */
@-webkit-keyframes hinge {
  0% {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.animate__hinge {
  -webkit-animation-duration: calc(1s * 2);
  animation-duration: calc(1s * 2);
  -webkit-animation-duration: calc(var(--animate-duration) * 2);
  animation-duration: calc(var(--animate-duration) * 2);
  -webkit-animation-name: hinge;
  animation-name: hinge;
  -webkit-transform-origin: top left;
  transform-origin: top left;
}
@-webkit-keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.animate__jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
@keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
.animate__rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}
/* Zooming entrances */
@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}
.animate__zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}
/* Zooming exits */
@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

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

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}
.animate__zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
  }
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
  }
}
.animate__zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
  -webkit-transform-origin: left center;
  transform-origin: left center;
}
@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
  }
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
  }
}
.animate__zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
  -webkit-transform-origin: right center;
  transform-origin: right center;
}
@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
/* Sliding entrances */
@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}
/* Sliding exits */
@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.animate__slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.animate__slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.animate__slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.animate__slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #CCC;
}
.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
}
.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
}
.mfp-arrow:before, .mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}
.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}
.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}
.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    transform: scale(0.75);
  }

  .mfp-arrow-left {
    transform-origin: 0;
  }

  .mfp-arrow-right {
    transform-origin: 100%;
  }

  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}

/*# sourceMappingURL=magnific-popup.css.map */
/*!
 * Font Awesome Pro 5.8.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 */
.fa,.fab,.fal,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-feature-settings:normal;font-variant:normal;text-rendering:auto;line-height:1}.fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em}.fa-spin{animation:fa-spin 2s infinite linear}.fa-pulse{animation:fa-spin 1s infinite steps(8)}@keyframes fa-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";transform:scaleX(-1)}.fa-flip-vertical{transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical,.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{transform:scale(-1)}:root .fa-flip-both,:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270{filter:none}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-500px:before{content:"\f26e"}.fa-abacus:before{content:"\f640"}.fa-accessible-icon:before{content:"\f368"}.fa-accusoft:before{content:"\f369"}.fa-acorn:before{content:"\f6ae"}.fa-acquisitions-incorporated:before{content:"\f6af"}.fa-ad:before{content:"\f641"}.fa-address-book:before{content:"\f2b9"}.fa-address-card:before{content:"\f2bb"}.fa-adjust:before{content:"\f042"}.fa-adn:before{content:"\f170"}.fa-adobe:before{content:"\f778"}.fa-adversal:before{content:"\f36a"}.fa-affiliatetheme:before{content:"\f36b"}.fa-air-freshener:before{content:"\f5d0"}.fa-airbnb:before{content:"\f834"}.fa-alarm-clock:before{content:"\f34e"}.fa-algolia:before{content:"\f36c"}.fa-alicorn:before{content:"\f6b0"}.fa-align-center:before{content:"\f037"}.fa-align-justify:before{content:"\f039"}.fa-align-left:before{content:"\f036"}.fa-align-right:before{content:"\f038"}.fa-alipay:before{content:"\f642"}.fa-allergies:before{content:"\f461"}.fa-amazon:before{content:"\f270"}.fa-amazon-pay:before{content:"\f42c"}.fa-ambulance:before{content:"\f0f9"}.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-amilia:before{content:"\f36d"}.fa-analytics:before{content:"\f643"}.fa-anchor:before{content:"\f13d"}.fa-android:before{content:"\f17b"}.fa-angel:before{content:"\f779"}.fa-angellist:before{content:"\f209"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-down:before{content:"\f107"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angry:before{content:"\f556"}.fa-angrycreative:before{content:"\f36e"}.fa-angular:before{content:"\f420"}.fa-ankh:before{content:"\f644"}.fa-app-store:before{content:"\f36f"}.fa-app-store-ios:before{content:"\f370"}.fa-apper:before{content:"\f371"}.fa-apple:before{content:"\f179"}.fa-apple-alt:before{content:"\f5d1"}.fa-apple-crate:before{content:"\f6b1"}.fa-apple-pay:before{content:"\f415"}.fa-archive:before{content:"\f187"}.fa-archway:before{content:"\f557"}.fa-arrow-alt-circle-down:before{content:"\f358"}.fa-arrow-alt-circle-left:before{content:"\f359"}.fa-arrow-alt-circle-right:before{content:"\f35a"}.fa-arrow-alt-circle-up:before{content:"\f35b"}.fa-arrow-alt-down:before{content:"\f354"}.fa-arrow-alt-from-bottom:before{content:"\f346"}.fa-arrow-alt-from-left:before{content:"\f347"}.fa-arrow-alt-from-right:before{content:"\f348"}.fa-arrow-alt-from-top:before{content:"\f349"}.fa-arrow-alt-left:before{content:"\f355"}.fa-arrow-alt-right:before{content:"\f356"}.fa-arrow-alt-square-down:before{content:"\f350"}.fa-arrow-alt-square-left:before{content:"\f351"}.fa-arrow-alt-square-right:before{content:"\f352"}.fa-arrow-alt-square-up:before{content:"\f353"}.fa-arrow-alt-to-bottom:before{content:"\f34a"}.fa-arrow-alt-to-left:before{content:"\f34b"}.fa-arrow-alt-to-right:before{content:"\f34c"}.fa-arrow-alt-to-top:before{content:"\f34d"}.fa-arrow-alt-up:before{content:"\f357"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-down:before{content:"\f063"}.fa-arrow-from-bottom:before{content:"\f342"}.fa-arrow-from-left:before{content:"\f343"}.fa-arrow-from-right:before{content:"\f344"}.fa-arrow-from-top:before{content:"\f345"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-square-down:before{content:"\f339"}.fa-arrow-square-left:before{content:"\f33a"}.fa-arrow-square-right:before{content:"\f33b"}.fa-arrow-square-up:before{content:"\f33c"}.fa-arrow-to-bottom:before{content:"\f33d"}.fa-arrow-to-left:before{content:"\f33e"}.fa-arrow-to-right:before{content:"\f340"}.fa-arrow-to-top:before{content:"\f341"}.fa-arrow-up:before{content:"\f062"}.fa-arrows:before{content:"\f047"}.fa-arrows-alt:before{content:"\f0b2"}.fa-arrows-alt-h:before{content:"\f337"}.fa-arrows-alt-v:before{content:"\f338"}.fa-arrows-h:before{content:"\f07e"}.fa-arrows-v:before{content:"\f07d"}.fa-artstation:before{content:"\f77a"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asterisk:before{content:"\f069"}.fa-asymmetrik:before{content:"\f372"}.fa-at:before{content:"\f1fa"}.fa-atlas:before{content:"\f558"}.fa-atlassian:before{content:"\f77b"}.fa-atom:before{content:"\f5d2"}.fa-atom-alt:before{content:"\f5d3"}.fa-audible:before{content:"\f373"}.fa-audio-description:before{content:"\f29e"}.fa-autoprefixer:before{content:"\f41c"}.fa-avianex:before{content:"\f374"}.fa-aviato:before{content:"\f421"}.fa-award:before{content:"\f559"}.fa-aws:before{content:"\f375"}.fa-axe:before{content:"\f6b2"}.fa-axe-battle:before{content:"\f6b3"}.fa-baby:before{content:"\f77c"}.fa-baby-carriage:before{content:"\f77d"}.fa-backpack:before{content:"\f5d4"}.fa-backspace:before{content:"\f55a"}.fa-backward:before{content:"\f04a"}.fa-bacon:before{content:"\f7e5"}.fa-badge:before{content:"\f335"}.fa-badge-check:before{content:"\f336"}.fa-badge-dollar:before{content:"\f645"}.fa-badge-percent:before{content:"\f646"}.fa-badger-honey:before{content:"\f6b4"}.fa-balance-scale:before{content:"\f24e"}.fa-balance-scale-left:before{content:"\f515"}.fa-balance-scale-right:before{content:"\f516"}.fa-ball-pile:before{content:"\f77e"}.fa-ballot:before{content:"\f732"}.fa-ballot-check:before{content:"\f733"}.fa-ban:before{content:"\f05e"}.fa-band-aid:before{content:"\f462"}.fa-bandcamp:before{content:"\f2d5"}.fa-barcode:before{content:"\f02a"}.fa-barcode-alt:before{content:"\f463"}.fa-barcode-read:before{content:"\f464"}.fa-barcode-scan:before{content:"\f465"}.fa-bars:before{content:"\f0c9"}.fa-baseball:before{content:"\f432"}.fa-baseball-ball:before{content:"\f433"}.fa-basketball-ball:before{content:"\f434"}.fa-basketball-hoop:before{content:"\f435"}.fa-bat:before{content:"\f6b5"}.fa-bath:before{content:"\f2cd"}.fa-battery-bolt:before{content:"\f376"}.fa-battery-empty:before{content:"\f244"}.fa-battery-full:before{content:"\f240"}.fa-battery-half:before{content:"\f242"}.fa-battery-quarter:before{content:"\f243"}.fa-battery-slash:before{content:"\f377"}.fa-battery-three-quarters:before{content:"\f241"}.fa-battle-net:before{content:"\f835"}.fa-bed:before{content:"\f236"}.fa-beer:before{content:"\f0fc"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-bell:before{content:"\f0f3"}.fa-bell-school:before{content:"\f5d5"}.fa-bell-school-slash:before{content:"\f5d6"}.fa-bell-slash:before{content:"\f1f6"}.fa-bells:before{content:"\f77f"}.fa-bezier-curve:before{content:"\f55b"}.fa-bible:before{content:"\f647"}.fa-bicycle:before{content:"\f206"}.fa-bimobject:before{content:"\f378"}.fa-binoculars:before{content:"\f1e5"}.fa-biohazard:before{content:"\f780"}.fa-birthday-cake:before{content:"\f1fd"}.fa-bitbucket:before{content:"\f171"}.fa-bitcoin:before{content:"\f379"}.fa-bity:before{content:"\f37a"}.fa-black-tie:before{content:"\f27e"}.fa-blackberry:before{content:"\f37b"}.fa-blanket:before{content:"\f498"}.fa-blender:before{content:"\f517"}.fa-blender-phone:before{content:"\f6b6"}.fa-blind:before{content:"\f29d"}.fa-blog:before{content:"\f781"}.fa-blogger:before{content:"\f37c"}.fa-blogger-b:before{content:"\f37d"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-bold:before{content:"\f032"}.fa-bolt:before{content:"\f0e7"}.fa-bomb:before{content:"\f1e2"}.fa-bone:before{content:"\f5d7"}.fa-bone-break:before{content:"\f5d8"}.fa-bong:before{content:"\f55c"}.fa-book:before{content:"\f02d"}.fa-book-alt:before{content:"\f5d9"}.fa-book-dead:before{content:"\f6b7"}.fa-book-heart:before{content:"\f499"}.fa-book-medical:before{content:"\f7e6"}.fa-book-open:before{content:"\f518"}.fa-book-reader:before{content:"\f5da"}.fa-book-spells:before{content:"\f6b8"}.fa-book-user:before{content:"\f7e7"}.fa-bookmark:before{content:"\f02e"}.fa-books:before{content:"\f5db"}.fa-books-medical:before{content:"\f7e8"}.fa-boot:before{content:"\f782"}.fa-booth-curtain:before{content:"\f734"}.fa-bootstrap:before{content:"\f836"}.fa-bow-arrow:before{content:"\f6b9"}.fa-bowling-ball:before{content:"\f436"}.fa-bowling-pins:before{content:"\f437"}.fa-box:before{content:"\f466"}.fa-box-alt:before{content:"\f49a"}.fa-box-ballot:before{content:"\f735"}.fa-box-check:before{content:"\f467"}.fa-box-fragile:before{content:"\f49b"}.fa-box-full:before{content:"\f49c"}.fa-box-heart:before{content:"\f49d"}.fa-box-open:before{content:"\f49e"}.fa-box-up:before{content:"\f49f"}.fa-box-usd:before{content:"\f4a0"}.fa-boxes:before{content:"\f468"}.fa-boxes-alt:before{content:"\f4a1"}.fa-boxing-glove:before{content:"\f438"}.fa-brackets:before{content:"\f7e9"}.fa-brackets-curly:before{content:"\f7ea"}.fa-braille:before{content:"\f2a1"}.fa-brain:before{content:"\f5dc"}.fa-bread-loaf:before{content:"\f7eb"}.fa-bread-slice:before{content:"\f7ec"}.fa-briefcase:before{content:"\f0b1"}.fa-briefcase-medical:before{content:"\f469"}.fa-broadcast-tower:before{content:"\f519"}.fa-broom:before{content:"\f51a"}.fa-browser:before{content:"\f37e"}.fa-brush:before{content:"\f55d"}.fa-btc:before{content:"\f15a"}.fa-buffer:before{content:"\f837"}.fa-bug:before{content:"\f188"}.fa-building:before{content:"\f1ad"}.fa-bullhorn:before{content:"\f0a1"}.fa-bullseye:before{content:"\f140"}.fa-bullseye-arrow:before{content:"\f648"}.fa-bullseye-pointer:before{content:"\f649"}.fa-burn:before{content:"\f46a"}.fa-buromobelexperte:before{content:"\f37f"}.fa-burrito:before{content:"\f7ed"}.fa-bus:before{content:"\f207"}.fa-bus-alt:before{content:"\f55e"}.fa-bus-school:before{content:"\f5dd"}.fa-business-time:before{content:"\f64a"}.fa-buysellads:before{content:"\f20d"}.fa-cabinet-filing:before{content:"\f64b"}.fa-calculator:before{content:"\f1ec"}.fa-calculator-alt:before{content:"\f64c"}.fa-calendar:before{content:"\f133"}.fa-calendar-alt:before{content:"\f073"}.fa-calendar-check:before{content:"\f274"}.fa-calendar-day:before{content:"\f783"}.fa-calendar-edit:before{content:"\f333"}.fa-calendar-exclamation:before{content:"\f334"}.fa-calendar-minus:before{content:"\f272"}.fa-calendar-plus:before{content:"\f271"}.fa-calendar-star:before{content:"\f736"}.fa-calendar-times:before{content:"\f273"}.fa-calendar-week:before{content:"\f784"}.fa-camera:before{content:"\f030"}.fa-camera-alt:before{content:"\f332"}.fa-camera-retro:before{content:"\f083"}.fa-campfire:before{content:"\f6ba"}.fa-campground:before{content:"\f6bb"}.fa-canadian-maple-leaf:before{content:"\f785"}.fa-candle-holder:before{content:"\f6bc"}.fa-candy-cane:before{content:"\f786"}.fa-candy-corn:before{content:"\f6bd"}.fa-cannabis:before{content:"\f55f"}.fa-capsules:before{content:"\f46b"}.fa-car:before{content:"\f1b9"}.fa-car-alt:before{content:"\f5de"}.fa-car-battery:before{content:"\f5df"}.fa-car-bump:before{content:"\f5e0"}.fa-car-crash:before{content:"\f5e1"}.fa-car-garage:before{content:"\f5e2"}.fa-car-mechanic:before{content:"\f5e3"}.fa-car-side:before{content:"\f5e4"}.fa-car-tilt:before{content:"\f5e5"}.fa-car-wash:before{content:"\f5e6"}.fa-caret-circle-down:before{content:"\f32d"}.fa-caret-circle-left:before{content:"\f32e"}.fa-caret-circle-right:before{content:"\f330"}.fa-caret-circle-up:before{content:"\f331"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-caret-square-down:before{content:"\f150"}.fa-caret-square-left:before{content:"\f191"}.fa-caret-square-right:before{content:"\f152"}.fa-caret-square-up:before{content:"\f151"}.fa-caret-up:before{content:"\f0d8"}.fa-carrot:before{content:"\f787"}.fa-cart-arrow-down:before{content:"\f218"}.fa-cart-plus:before{content:"\f217"}.fa-cash-register:before{content:"\f788"}.fa-cat:before{content:"\f6be"}.fa-cauldron:before{content:"\f6bf"}.fa-cc-amazon-pay:before{content:"\f42d"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-apple-pay:before{content:"\f416"}.fa-cc-diners-club:before{content:"\f24c"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-cc-visa:before{content:"\f1f0"}.fa-centercode:before{content:"\f380"}.fa-centos:before{content:"\f789"}.fa-certificate:before{content:"\f0a3"}.fa-chair:before{content:"\f6c0"}.fa-chair-office:before{content:"\f6c1"}.fa-chalkboard:before{content:"\f51b"}.fa-chalkboard-teacher:before{content:"\f51c"}.fa-charging-station:before{content:"\f5e7"}.fa-chart-area:before{content:"\f1fe"}.fa-chart-bar:before{content:"\f080"}.fa-chart-line:before{content:"\f201"}.fa-chart-line-down:before{content:"\f64d"}.fa-chart-network:before{content:"\f78a"}.fa-chart-pie:before{content:"\f200"}.fa-chart-pie-alt:before{content:"\f64e"}.fa-chart-scatter:before{content:"\f7ee"}.fa-check:before{content:"\f00c"}.fa-check-circle:before{content:"\f058"}.fa-check-double:before{content:"\f560"}.fa-check-square:before{content:"\f14a"}.fa-cheese:before{content:"\f7ef"}.fa-cheese-swiss:before{content:"\f7f0"}.fa-cheeseburger:before{content:"\f7f1"}.fa-chess:before{content:"\f439"}.fa-chess-bishop:before{content:"\f43a"}.fa-chess-bishop-alt:before{content:"\f43b"}.fa-chess-board:before{content:"\f43c"}.fa-chess-clock:before{content:"\f43d"}.fa-chess-clock-alt:before{content:"\f43e"}.fa-chess-king:before{content:"\f43f"}.fa-chess-king-alt:before{content:"\f440"}.fa-chess-kMonth:before{content:"\f441"}.fa-chess-kMonth-alt:before{content:"\f442"}.fa-chess-pawn:before{content:"\f443"}.fa-chess-pawn-alt:before{content:"\f444"}.fa-chess-queen:before{content:"\f445"}.fa-chess-queen-alt:before{content:"\f446"}.fa-chess-rook:before{content:"\f447"}.fa-chess-rook-alt:before{content:"\f448"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-double-down:before{content:"\f322"}.fa-chevron-double-left:before{content:"\f323"}.fa-chevron-double-right:before{content:"\f324"}.fa-chevron-double-up:before{content:"\f325"}.fa-chevron-down:before{content:"\f078"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-chevron-square-down:before{content:"\f329"}.fa-chevron-square-left:before{content:"\f32a"}.fa-chevron-square-right:before{content:"\f32b"}.fa-chevron-square-up:before{content:"\f32c"}.fa-chevron-up:before{content:"\f077"}.fa-child:before{content:"\f1ae"}.fa-chimney:before{content:"\f78b"}.fa-chrome:before{content:"\f268"}.fa-chromecast:before{content:"\f838"}.fa-church:before{content:"\f51d"}.fa-circle:before{content:"\f111"}.fa-circle-notch:before{content:"\f1ce"}.fa-city:before{content:"\f64f"}.fa-claw-marks:before{content:"\f6c2"}.fa-clinic-medical:before{content:"\f7f2"}.fa-clipboard:before{content:"\f328"}.fa-clipboard-check:before{content:"\f46c"}.fa-clipboard-list:before{content:"\f46d"}.fa-clipboard-list-check:before{content:"\f737"}.fa-clipboard-prescription:before{content:"\f5e8"}.fa-clipboard-user:before{content:"\f7f3"}.fa-clock:before{content:"\f017"}.fa-clone:before{content:"\f24d"}.fa-closed-captioning:before{content:"\f20a"}.fa-cloud:before{content:"\f0c2"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-download-alt:before{content:"\f381"}.fa-cloud-drizzle:before{content:"\f738"}.fa-cloud-hail:before{content:"\f739"}.fa-cloud-hail-mixed:before{content:"\f73a"}.fa-cloud-meatball:before{content:"\f73b"}.fa-cloud-moon:before{content:"\f6c3"}.fa-cloud-moon-rain:before{content:"\f73c"}.fa-cloud-rain:before{content:"\f73d"}.fa-cloud-rainbow:before{content:"\f73e"}.fa-cloud-showers:before{content:"\f73f"}.fa-cloud-showers-heavy:before{content:"\f740"}.fa-cloud-sleet:before{content:"\f741"}.fa-cloud-snow:before{content:"\f742"}.fa-cloud-sun:before{content:"\f6c4"}.fa-cloud-sun-rain:before{content:"\f743"}.fa-cloud-upload:before{content:"\f0ee"}.fa-cloud-upload-alt:before{content:"\f382"}.fa-clouds:before{content:"\f744"}.fa-clouds-moon:before{content:"\f745"}.fa-clouds-sun:before{content:"\f746"}.fa-cloudscale:before{content:"\f383"}.fa-cloudsmith:before{content:"\f384"}.fa-cloudversify:before{content:"\f385"}.fa-club:before{content:"\f327"}.fa-cocktail:before{content:"\f561"}.fa-code:before{content:"\f121"}.fa-code-branch:before{content:"\f126"}.fa-code-commit:before{content:"\f386"}.fa-code-merge:before{content:"\f387"}.fa-codepen:before{content:"\f1cb"}.fa-codiepie:before{content:"\f284"}.fa-coffee:before{content:"\f0f4"}.fa-coffee-togo:before{content:"\f6c5"}.fa-coffin:before{content:"\f6c6"}.fa-cog:before{content:"\f013"}.fa-cogs:before{content:"\f085"}.fa-coins:before{content:"\f51e"}.fa-columns:before{content:"\f0db"}.fa-comment:before{content:"\f075"}.fa-comment-alt:before{content:"\f27a"}.fa-comment-alt-check:before{content:"\f4a2"}.fa-comment-alt-dollar:before{content:"\f650"}.fa-comment-alt-dots:before{content:"\f4a3"}.fa-comment-alt-edit:before{content:"\f4a4"}.fa-comment-alt-exclamation:before{content:"\f4a5"}.fa-comment-alt-lines:before{content:"\f4a6"}.fa-comment-alt-medical:before{content:"\f7f4"}.fa-comment-alt-minus:before{content:"\f4a7"}.fa-comment-alt-plus:before{content:"\f4a8"}.fa-comment-alt-slash:before{content:"\f4a9"}.fa-comment-alt-smile:before{content:"\f4aa"}.fa-comment-alt-times:before{content:"\f4ab"}.fa-comment-check:before{content:"\f4ac"}.fa-comment-dollar:before{content:"\f651"}.fa-comment-dots:before{content:"\f4ad"}.fa-comment-edit:before{content:"\f4ae"}.fa-comment-exclamation:before{content:"\f4af"}.fa-comment-lines:before{content:"\f4b0"}.fa-comment-medical:before{content:"\f7f5"}.fa-comment-minus:before{content:"\f4b1"}.fa-comment-plus:before{content:"\f4b2"}.fa-comment-slash:before{content:"\f4b3"}.fa-comment-smile:before{content:"\f4b4"}.fa-comment-times:before{content:"\f4b5"}.fa-comments:before{content:"\f086"}.fa-comments-alt:before{content:"\f4b6"}.fa-comments-alt-dollar:before{content:"\f652"}.fa-comments-dollar:before{content:"\f653"}.fa-compact-disc:before{content:"\f51f"}.fa-compass:before{content:"\f14e"}.fa-compass-slash:before{content:"\f5e9"}.fa-compress:before{content:"\f066"}.fa-compress-alt:before{content:"\f422"}.fa-compress-arrows-alt:before{content:"\f78c"}.fa-compress-wide:before{content:"\f326"}.fa-concierge-bell:before{content:"\f562"}.fa-confluence:before{content:"\f78d"}.fa-connectdevelop:before{content:"\f20e"}.fa-container-storage:before{content:"\f4b7"}.fa-contao:before{content:"\f26d"}.fa-conveyor-belt:before{content:"\f46e"}.fa-conveyor-belt-alt:before{content:"\f46f"}.fa-cookie:before{content:"\f563"}.fa-cookie-bite:before{content:"\f564"}.fa-copy:before{content:"\f0c5"}.fa-copyright:before{content:"\f1f9"}.fa-corn:before{content:"\f6c7"}.fa-couch:before{content:"\f4b8"}.fa-cow:before{content:"\f6c8"}.fa-cpanel:before{content:"\f388"}.fa-creative-commons:before{content:"\f25e"}.fa-creative-commons-by:before{content:"\f4e7"}.fa-creative-commons-nc:before{content:"\f4e8"}.fa-creative-commons-nc-eu:before{content:"\f4e9"}.fa-creative-commons-nc-jp:before{content:"\f4ea"}.fa-creative-commons-nd:before{content:"\f4eb"}.fa-creative-commons-pd:before{content:"\f4ec"}.fa-creative-commons-pd-alt:before{content:"\f4ed"}.fa-creative-commons-remix:before{content:"\f4ee"}.fa-creative-commons-sa:before{content:"\f4ef"}.fa-creative-commons-sampling:before{content:"\f4f0"}.fa-creative-commons-sampling-plus:before{content:"\f4f1"}.fa-creative-commons-share:before{content:"\f4f2"}.fa-creative-commons-zero:before{content:"\f4f3"}.fa-credit-card:before{content:"\f09d"}.fa-credit-card-blank:before{content:"\f389"}.fa-credit-card-front:before{content:"\f38a"}.fa-cricket:before{content:"\f449"}.fa-critical-role:before{content:"\f6c9"}.fa-croissant:before{content:"\f7f6"}.fa-crop:before{content:"\f125"}.fa-crop-alt:before{content:"\f565"}.fa-cross:before{content:"\f654"}.fa-crosshairs:before{content:"\f05b"}.fa-crow:before{content:"\f520"}.fa-crown:before{content:"\f521"}.fa-crutch:before{content:"\f7f7"}.fa-crutches:before{content:"\f7f8"}.fa-css3:before{content:"\f13c"}.fa-css3-alt:before{content:"\f38b"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-curling:before{content:"\f44a"}.fa-cut:before{content:"\f0c4"}.fa-cuttlefish:before{content:"\f38c"}.fa-d-and-d:before{content:"\f38d"}.fa-d-and-d-beyond:before{content:"\f6ca"}.fa-dagger:before{content:"\f6cb"}.fa-dashcube:before{content:"\f210"}.fa-database:before{content:"\f1c0"}.fa-deaf:before{content:"\f2a4"}.fa-debug:before{content:"\f7f9"}.fa-deer:before{content:"\f78e"}.fa-deer-rudolph:before{content:"\f78f"}.fa-delicious:before{content:"\f1a5"}.fa-democrat:before{content:"\f747"}.fa-deploydog:before{content:"\f38e"}.fa-deskpro:before{content:"\f38f"}.fa-desktop:before{content:"\f108"}.fa-desktop-alt:before{content:"\f390"}.fa-dev:before{content:"\f6cc"}.fa-deviantart:before{content:"\f1bd"}.fa-dewpoint:before{content:"\f748"}.fa-dharmachakra:before{content:"\f655"}.fa-dhl:before{content:"\f790"}.fa-diagnoses:before{content:"\f470"}.fa-diamond:before{content:"\f219"}.fa-diaspora:before{content:"\f791"}.fa-dice:before{content:"\f522"}.fa-dice-d10:before{content:"\f6cd"}.fa-dice-d12:before{content:"\f6ce"}.fa-dice-d20:before{content:"\f6cf"}.fa-dice-d4:before{content:"\f6d0"}.fa-dice-d6:before{content:"\f6d1"}.fa-dice-d8:before{content:"\f6d2"}.fa-dice-five:before{content:"\f523"}.fa-dice-four:before{content:"\f524"}.fa-dice-one:before{content:"\f525"}.fa-dice-six:before{content:"\f526"}.fa-dice-three:before{content:"\f527"}.fa-dice-two:before{content:"\f528"}.fa-digg:before{content:"\f1a6"}.fa-digital-ocean:before{content:"\f391"}.fa-digital-tachograph:before{content:"\f566"}.fa-diploma:before{content:"\f5ea"}.fa-directions:before{content:"\f5eb"}.fa-discord:before{content:"\f392"}.fa-discourse:before{content:"\f393"}.fa-disease:before{content:"\f7fa"}.fa-divide:before{content:"\f529"}.fa-dizzy:before{content:"\f567"}.fa-dna:before{content:"\f471"}.fa-do-not-enter:before{content:"\f5ec"}.fa-dochub:before{content:"\f394"}.fa-docker:before{content:"\f395"}.fa-dog:before{content:"\f6d3"}.fa-dog-leashed:before{content:"\f6d4"}.fa-dollar-sign:before{content:"\f155"}.fa-dolly:before{content:"\f472"}.fa-dolly-empty:before{content:"\f473"}.fa-dolly-flatbed:before{content:"\f474"}.fa-dolly-flatbed-alt:before{content:"\f475"}.fa-dolly-flatbed-empty:before{content:"\f476"}.fa-donate:before{content:"\f4b9"}.fa-door-closed:before{content:"\f52a"}.fa-door-open:before{content:"\f52b"}.fa-dot-circle:before{content:"\f192"}.fa-dove:before{content:"\f4ba"}.fa-download:before{content:"\f019"}.fa-draft2digital:before{content:"\f396"}.fa-drafting-compass:before{content:"\f568"}.fa-dragon:before{content:"\f6d5"}.fa-draw-circle:before{content:"\f5ed"}.fa-draw-polygon:before{content:"\f5ee"}.fa-draw-square:before{content:"\f5ef"}.fa-dreidel:before{content:"\f792"}.fa-dribbble:before{content:"\f17d"}.fa-dribbble-square:before{content:"\f397"}.fa-dropbox:before{content:"\f16b"}.fa-drum:before{content:"\f569"}.fa-drum-steelpan:before{content:"\f56a"}.fa-drumstick:before{content:"\f6d6"}.fa-drumstick-bite:before{content:"\f6d7"}.fa-drupal:before{content:"\f1a9"}.fa-duck:before{content:"\f6d8"}.fa-dumbbell:before{content:"\f44b"}.fa-dumpster:before{content:"\f793"}.fa-dumpster-fire:before{content:"\f794"}.fa-dungeon:before{content:"\f6d9"}.fa-dyalog:before{content:"\f399"}.fa-ear:before{content:"\f5f0"}.fa-ear-muffs:before{content:"\f795"}.fa-earlybirds:before{content:"\f39a"}.fa-ebay:before{content:"\f4f4"}.fa-eclipse:before{content:"\f749"}.fa-eclipse-alt:before{content:"\f74a"}.fa-edge:before{content:"\f282"}.fa-edit:before{content:"\f044"}.fa-egg:before{content:"\f7fb"}.fa-egg-fried:before{content:"\f7fc"}.fa-eject:before{content:"\f052"}.fa-elementor:before{content:"\f430"}.fa-elephant:before{content:"\f6da"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-h-alt:before{content:"\f39b"}.fa-ellipsis-v:before{content:"\f142"}.fa-ellipsis-v-alt:before{content:"\f39c"}.fa-ello:before{content:"\f5f1"}.fa-ember:before{content:"\f423"}.fa-empire:before{content:"\f1d1"}.fa-empty-set:before{content:"\f656"}.fa-engine-warning:before{content:"\f5f2"}.fa-envelope:before{content:"\f0e0"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-dollar:before{content:"\f657"}.fa-envelope-open-text:before{content:"\f658"}.fa-envelope-square:before{content:"\f199"}.fa-envira:before{content:"\f299"}.fa-equals:before{content:"\f52c"}.fa-eraser:before{content:"\f12d"}.fa-erlang:before{content:"\f39d"}.fa-ethereum:before{content:"\f42e"}.fa-ethernet:before{content:"\f796"}.fa-etsy:before{content:"\f2d7"}.fa-euro-sign:before{content:"\f153"}.fa-evernote:before{content:"\f839"}.fa-exchange:before{content:"\f0ec"}.fa-exchange-alt:before{content:"\f362"}.fa-exclamation:before{content:"\f12a"}.fa-exclamation-circle:before{content:"\f06a"}.fa-exclamation-square:before{content:"\f321"}.fa-exclamation-triangle:before{content:"\f071"}.fa-expand:before{content:"\f065"}.fa-expand-alt:before{content:"\f424"}.fa-expand-arrows:before{content:"\f31d"}.fa-expand-arrows-alt:before{content:"\f31e"}.fa-expand-wide:before{content:"\f320"}.fa-expeditedssl:before{content:"\f23e"}.fa-external-link:before{content:"\f08e"}.fa-external-link-alt:before{content:"\f35d"}.fa-external-link-square:before{content:"\f14c"}.fa-external-link-square-alt:before{content:"\f360"}.fa-eye:before{content:"\f06e"}.fa-eye-dropper:before{content:"\f1fb"}.fa-eye-evil:before{content:"\f6db"}.fa-eye-slash:before{content:"\f070"}.fa-facebook:before{content:"\f09a"}.fa-facebook-f:before{content:"\f39e"}.fa-facebook-messenger:before{content:"\f39f"}.fa-facebook-square:before{content:"\f082"}.fa-fantasy-flight-games:before{content:"\f6dc"}.fa-fast-backward:before{content:"\f049"}.fa-fast-forward:before{content:"\f050"}.fa-fax:before{content:"\f1ac"}.fa-feather:before{content:"\f52d"}.fa-feather-alt:before{content:"\f56b"}.fa-fedex:before{content:"\f797"}.fa-fedora:before{content:"\f798"}.fa-female:before{content:"\f182"}.fa-field-hockey:before{content:"\f44c"}.fa-fighter-jet:before{content:"\f0fb"}.fa-figma:before{content:"\f799"}.fa-file:before{content:"\f15b"}.fa-file-alt:before{content:"\f15c"}.fa-file-archive:before{content:"\f1c6"}.fa-file-audio:before{content:"\f1c7"}.fa-file-certificate:before{content:"\f5f3"}.fa-file-chart-line:before{content:"\f659"}.fa-file-chart-pie:before{content:"\f65a"}.fa-file-check:before{content:"\f316"}.fa-file-code:before{content:"\f1c9"}.fa-file-contract:before{content:"\f56c"}.fa-file-csv:before{content:"\f6dd"}.fa-file-download:before{content:"\f56d"}.fa-file-edit:before{content:"\f31c"}.fa-file-excel:before{content:"\f1c3"}.fa-file-exclamation:before{content:"\f31a"}.fa-file-export:before{content:"\f56e"}.fa-file-image:before{content:"\f1c5"}.fa-file-import:before{content:"\f56f"}.fa-file-invoice:before{content:"\f570"}.fa-file-invoice-dollar:before{content:"\f571"}.fa-file-medical:before{content:"\f477"}.fa-file-medical-alt:before{content:"\f478"}.fa-file-minus:before{content:"\f318"}.fa-file-pdf:before{content:"\f1c1"}.fa-file-plus:before{content:"\f319"}.fa-file-powerpoint:before{content:"\f1c4"}.fa-file-prescription:before{content:"\f572"}.fa-file-signature:before{content:"\f573"}.fa-file-spreadsheet:before{content:"\f65b"}.fa-file-times:before{content:"\f317"}.fa-file-upload:before{content:"\f574"}.fa-file-user:before{content:"\f65c"}.fa-file-video:before{content:"\f1c8"}.fa-file-word:before{content:"\f1c2"}.fa-files-medical:before{content:"\f7fd"}.fa-fill:before{content:"\f575"}.fa-fill-drip:before{content:"\f576"}.fa-film:before{content:"\f008"}.fa-film-alt:before{content:"\f3a0"}.fa-filter:before{content:"\f0b0"}.fa-fingerprint:before{content:"\f577"}.fa-fire:before{content:"\f06d"}.fa-fire-alt:before{content:"\f7e4"}.fa-fire-extinguisher:before{content:"\f134"}.fa-fire-smoke:before{content:"\f74b"}.fa-firefox:before{content:"\f269"}.fa-fireplace:before{content:"\f79a"}.fa-first-aid:before{content:"\f479"}.fa-first-order:before{content:"\f2b0"}.fa-first-order-alt:before{content:"\f50a"}.fa-firstdraft:before{content:"\f3a1"}.fa-fish:before{content:"\f578"}.fa-fish-cooked:before{content:"\f7fe"}.fa-fist-raised:before{content:"\f6de"}.fa-flag:before{content:"\f024"}.fa-flag-alt:before{content:"\f74c"}.fa-flag-checkered:before{content:"\f11e"}.fa-flag-usa:before{content:"\f74d"}.fa-flame:before{content:"\f6df"}.fa-flask:before{content:"\f0c3"}.fa-flask-poison:before{content:"\f6e0"}.fa-flask-potion:before{content:"\f6e1"}.fa-flickr:before{content:"\f16e"}.fa-flipboard:before{content:"\f44d"}.fa-flower:before{content:"\f7ff"}.fa-flower-daffodil:before{content:"\f800"}.fa-flower-tulip:before{content:"\f801"}.fa-flushed:before{content:"\f579"}.fa-fly:before{content:"\f417"}.fa-fog:before{content:"\f74e"}.fa-folder:before{content:"\f07b"}.fa-folder-minus:before{content:"\f65d"}.fa-folder-open:before{content:"\f07c"}.fa-folder-plus:before{content:"\f65e"}.fa-folder-times:before{content:"\f65f"}.fa-folder-tree:before{content:"\f802"}.fa-folders:before{content:"\f660"}.fa-font:before{content:"\f031"}.fa-font-awesome:before{content:"\f2b4"}.fa-font-awesome-alt:before{content:"\f35c"}.fa-font-awesome-flag:before{content:"\f425"}.fa-font-awesome-logo-full:before{content:"\f4e6"}.fa-fonticons:before{content:"\f280"}.fa-fonticons-fi:before{content:"\f3a2"}.fa-football-ball:before{content:"\f44e"}.fa-football-helmet:before{content:"\f44f"}.fa-forklift:before{content:"\f47a"}.fa-fort-awesome:before{content:"\f286"}.fa-fort-awesome-alt:before{content:"\f3a3"}.fa-forumbee:before{content:"\f211"}.fa-forward:before{content:"\f04e"}.fa-foursquare:before{content:"\f180"}.fa-fragile:before{content:"\f4bb"}.fa-free-code-camp:before{content:"\f2c5"}.fa-freebsd:before{content:"\f3a4"}.fa-french-fries:before{content:"\f803"}.fa-frog:before{content:"\f52e"}.fa-frosty-head:before{content:"\f79b"}.fa-frown:before{content:"\f119"}.fa-frown-open:before{content:"\f57a"}.fa-fulcrum:before{content:"\f50b"}.fa-function:before{content:"\f661"}.fa-funnel-dollar:before{content:"\f662"}.fa-futbol:before{content:"\f1e3"}.fa-galactic-republic:before{content:"\f50c"}.fa-galactic-senate:before{content:"\f50d"}.fa-gamepad:before{content:"\f11b"}.fa-gas-pump:before{content:"\f52f"}.fa-gas-pump-slash:before{content:"\f5f4"}.fa-gavel:before{content:"\f0e3"}.fa-gem:before{content:"\f3a5"}.fa-genderless:before{content:"\f22d"}.fa-get-pocket:before{content:"\f265"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-ghost:before{content:"\f6e2"}.fa-gift:before{content:"\f06b"}.fa-gift-card:before{content:"\f663"}.fa-gifts:before{content:"\f79c"}.fa-gingerbread-man:before{content:"\f79d"}.fa-git:before{content:"\f1d3"}.fa-git-square:before{content:"\f1d2"}.fa-github:before{content:"\f09b"}.fa-github-alt:before{content:"\f113"}.fa-github-square:before{content:"\f092"}.fa-gitkraken:before{content:"\f3a6"}.fa-gitlab:before{content:"\f296"}.fa-gitter:before{content:"\f426"}.fa-glass:before{content:"\f804"}.fa-glass-champagne:before{content:"\f79e"}.fa-glass-cheers:before{content:"\f79f"}.fa-glass-martini:before{content:"\f000"}.fa-glass-martini-alt:before{content:"\f57b"}.fa-glass-whiskey:before{content:"\f7a0"}.fa-glass-whiskey-rocks:before{content:"\f7a1"}.fa-glasses:before{content:"\f530"}.fa-glasses-alt:before{content:"\f5f5"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-globe:before{content:"\f0ac"}.fa-globe-africa:before{content:"\f57c"}.fa-globe-americas:before{content:"\f57d"}.fa-globe-asia:before{content:"\f57e"}.fa-globe-europe:before{content:"\f7a2"}.fa-globe-snow:before{content:"\f7a3"}.fa-globe-stand:before{content:"\f5f6"}.fa-gofore:before{content:"\f3a7"}.fa-golf-ball:before{content:"\f450"}.fa-golf-club:before{content:"\f451"}.fa-goodreads:before{content:"\f3a8"}.fa-goodreads-g:before{content:"\f3a9"}.fa-google:before{content:"\f1a0"}.fa-google-drive:before{content:"\f3aa"}.fa-google-play:before{content:"\f3ab"}.fa-google-plus:before{content:"\f2b3"}.fa-google-plus-g:before{content:"\f0d5"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-wallet:before{content:"\f1ee"}.fa-gopuram:before{content:"\f664"}.fa-graduation-cap:before{content:"\f19d"}.fa-gratipay:before{content:"\f184"}.fa-grav:before{content:"\f2d6"}.fa-greater-than:before{content:"\f531"}.fa-greater-than-equal:before{content:"\f532"}.fa-grimace:before{content:"\f57f"}.fa-grin:before{content:"\f580"}.fa-grin-alt:before{content:"\f581"}.fa-grin-beam:before{content:"\f582"}.fa-grin-beam-sweat:before{content:"\f583"}.fa-grin-hearts:before{content:"\f584"}.fa-grin-squint:before{content:"\f585"}.fa-grin-squint-tears:before{content:"\f586"}.fa-grin-stars:before{content:"\f587"}.fa-grin-tears:before{content:"\f588"}.fa-grin-tongue:before{content:"\f589"}.fa-grin-tongue-squint:before{content:"\f58a"}.fa-grin-tongue-wink:before{content:"\f58b"}.fa-grin-wink:before{content:"\f58c"}.fa-grip-horizontal:before{content:"\f58d"}.fa-grip-lines:before{content:"\f7a4"}.fa-grip-lines-vertical:before{content:"\f7a5"}.fa-grip-vertical:before{content:"\f58e"}.fa-gripfire:before{content:"\f3ac"}.fa-grunt:before{content:"\f3ad"}.fa-guitar:before{content:"\f7a6"}.fa-gulp:before{content:"\f3ae"}.fa-h-square:before{content:"\f0fd"}.fa-h1:before{content:"\f313"}.fa-h2:before{content:"\f314"}.fa-h3:before{content:"\f315"}.fa-hacker-news:before{content:"\f1d4"}.fa-hacker-news-square:before{content:"\f3af"}.fa-hackerrank:before{content:"\f5f7"}.fa-hamburger:before{content:"\f805"}.fa-hammer:before{content:"\f6e3"}.fa-hammer-war:before{content:"\f6e4"}.fa-hamsa:before{content:"\f665"}.fa-hand-heart:before{content:"\f4bc"}.fa-hand-holding:before{content:"\f4bd"}.fa-hand-holding-box:before{content:"\f47b"}.fa-hand-holding-heart:before{content:"\f4be"}.fa-hand-holding-magic:before{content:"\f6e5"}.fa-hand-holding-seedling:before{content:"\f4bf"}.fa-hand-holding-usd:before{content:"\f4c0"}.fa-hand-holding-water:before{content:"\f4c1"}.fa-hand-lizard:before{content:"\f258"}.fa-hand-middle-finger:before{content:"\f806"}.fa-hand-paper:before{content:"\f256"}.fa-hand-peace:before{content:"\f25b"}.fa-hand-point-down:before{content:"\f0a7"}.fa-hand-point-left:before{content:"\f0a5"}.fa-hand-point-right:before{content:"\f0a4"}.fa-hand-point-up:before{content:"\f0a6"}.fa-hand-pointer:before{content:"\f25a"}.fa-hand-receiving:before{content:"\f47c"}.fa-hand-rock:before{content:"\f255"}.fa-hand-scissors:before{content:"\f257"}.fa-hand-spock:before{content:"\f259"}.fa-hands:before{content:"\f4c2"}.fa-hands-heart:before{content:"\f4c3"}.fa-hands-helping:before{content:"\f4c4"}.fa-hands-usd:before{content:"\f4c5"}.fa-handshake:before{content:"\f2b5"}.fa-handshake-alt:before{content:"\f4c6"}.fa-hanukiah:before{content:"\f6e6"}.fa-hard-hat:before{content:"\f807"}.fa-hashtag:before{content:"\f292"}.fa-hat-santa:before{content:"\f7a7"}.fa-hat-winter:before{content:"\f7a8"}.fa-hat-witch:before{content:"\f6e7"}.fa-hat-wizard:before{content:"\f6e8"}.fa-haykal:before{content:"\f666"}.fa-hdd:before{content:"\f0a0"}.fa-head-side:before{content:"\f6e9"}.fa-head-side-brain:before{content:"\f808"}.fa-head-side-medical:before{content:"\f809"}.fa-head-vr:before{content:"\f6ea"}.fa-heading:before{content:"\f1dc"}.fa-headphones:before{content:"\f025"}.fa-headphones-alt:before{content:"\f58f"}.fa-headset:before{content:"\f590"}.fa-heart:before{content:"\f004"}.fa-heart-broken:before{content:"\f7a9"}.fa-heart-circle:before{content:"\f4c7"}.fa-heart-rate:before{content:"\f5f8"}.fa-heart-square:before{content:"\f4c8"}.fa-heartbeat:before{content:"\f21e"}.fa-helicopter:before{content:"\f533"}.fa-helmet-battle:before{content:"\f6eb"}.fa-hexagon:before{content:"\f312"}.fa-highlighter:before{content:"\f591"}.fa-hiking:before{content:"\f6ec"}.fa-hippo:before{content:"\f6ed"}.fa-hips:before{content:"\f452"}.fa-hire-a-helper:before{content:"\f3b0"}.fa-history:before{content:"\f1da"}.fa-hockey-mask:before{content:"\f6ee"}.fa-hockey-puck:before{content:"\f453"}.fa-hockey-sticks:before{content:"\f454"}.fa-holly-berry:before{content:"\f7aa"}.fa-home:before{content:"\f015"}.fa-home-alt:before{content:"\f80a"}.fa-home-heart:before{content:"\f4c9"}.fa-home-lg:before{content:"\f80b"}.fa-home-lg-alt:before{content:"\f80c"}.fa-hood-cloak:before{content:"\f6ef"}.fa-hooli:before{content:"\f427"}.fa-hornbill:before{content:"\f592"}.fa-horse:before{content:"\f6f0"}.fa-horse-head:before{content:"\f7ab"}.fa-hospital:before{content:"\f0f8"}.fa-hospital-alt:before{content:"\f47d"}.fa-hospital-symbol:before{content:"\f47e"}.fa-hospital-user:before{content:"\f80d"}.fa-hospitals:before{content:"\f80e"}.fa-hot-tub:before{content:"\f593"}.fa-hotdog:before{content:"\f80f"}.fa-hotel:before{content:"\f594"}.fa-hotjar:before{content:"\f3b1"}.fa-hourglass:before{content:"\f254"}.fa-hourglass-end:before{content:"\f253"}.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-start:before{content:"\f251"}.fa-house-damage:before{content:"\f6f1"}.fa-house-flood:before{content:"\f74f"}.fa-houzz:before{content:"\f27c"}.fa-hryvnia:before{content:"\f6f2"}.fa-html5:before{content:"\f13b"}.fa-hubspot:before{content:"\f3b2"}.fa-humidity:before{content:"\f750"}.fa-hurricane:before{content:"\f751"}.fa-i-cursor:before{content:"\f246"}.fa-ice-cream:before{content:"\f810"}.fa-ice-skate:before{content:"\f7ac"}.fa-icicles:before{content:"\f7ad"}.fa-id-badge:before{content:"\f2c1"}.fa-id-card:before{content:"\f2c2"}.fa-id-card-alt:before{content:"\f47f"}.fa-igloo:before{content:"\f7ae"}.fa-image:before{content:"\f03e"}.fa-images:before{content:"\f302"}.fa-imdb:before{content:"\f2d8"}.fa-inbox:before{content:"\f01c"}.fa-inbox-in:before{content:"\f310"}.fa-inbox-out:before{content:"\f311"}.fa-indent:before{content:"\f03c"}.fa-industry:before{content:"\f275"}.fa-industry-alt:before{content:"\f3b3"}.fa-infinity:before{content:"\f534"}.fa-info:before{content:"\f129"}.fa-info-circle:before{content:"\f05a"}.fa-info-square:before{content:"\f30f"}.fa-inhaler:before{content:"\f5f9"}.fa-instagram:before{content:"\f16d"}.fa-integral:before{content:"\f667"}.fa-intercom:before{content:"\f7af"}.fa-internet-explorer:before{content:"\f26b"}.fa-intersection:before{content:"\f668"}.fa-inventory:before{content:"\f480"}.fa-invision:before{content:"\f7b0"}.fa-ioxhost:before{content:"\f208"}.fa-island-tropical:before{content:"\f811"}.fa-italic:before{content:"\f033"}.fa-itch-io:before{content:"\f83a"}.fa-itunes:before{content:"\f3b4"}.fa-itunes-note:before{content:"\f3b5"}.fa-jack-o-lantern:before{content:"\f30e"}.fa-java:before{content:"\f4e4"}.fa-jedi:before{content:"\f669"}.fa-jedi-order:before{content:"\f50e"}.fa-jenkins:before{content:"\f3b6"}.fa-jira:before{content:"\f7b1"}.fa-joget:before{content:"\f3b7"}.fa-joint:before{content:"\f595"}.fa-joomla:before{content:"\f1aa"}.fa-journal-whills:before{content:"\f66a"}.fa-js:before{content:"\f3b8"}.fa-js-square:before{content:"\f3b9"}.fa-jsfiddle:before{content:"\f1cc"}.fa-kaaba:before{content:"\f66b"}.fa-kaggle:before{content:"\f5fa"}.fa-key:before{content:"\f084"}.fa-key-skeleton:before{content:"\f6f3"}.fa-keybase:before{content:"\f4f5"}.fa-keyboard:before{content:"\f11c"}.fa-keycdn:before{content:"\f3ba"}.fa-keynote:before{content:"\f66c"}.fa-khanda:before{content:"\f66d"}.fa-kickstarter:before{content:"\f3bb"}.fa-kickstarter-k:before{content:"\f3bc"}.fa-kidneys:before{content:"\f5fb"}.fa-kiss:before{content:"\f596"}.fa-kiss-beam:before{content:"\f597"}.fa-kiss-wink-heart:before{content:"\f598"}.fa-kite:before{content:"\f6f4"}.fa-kiwi-bird:before{content:"\f535"}.fa-knife-kitchen:before{content:"\f6f5"}.fa-korvue:before{content:"\f42f"}.fa-lambda:before{content:"\f66e"}.fa-lamp:before{content:"\f4ca"}.fa-landmark:before{content:"\f66f"}.fa-landmark-alt:before{content:"\f752"}.fa-language:before{content:"\f1ab"}.fa-laptop:before{content:"\f109"}.fa-laptop-code:before{content:"\f5fc"}.fa-laptop-medical:before{content:"\f812"}.fa-laravel:before{content:"\f3bd"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-laugh:before{content:"\f599"}.fa-laugh-beam:before{content:"\f59a"}.fa-laugh-squint:before{content:"\f59b"}.fa-laugh-wink:before{content:"\f59c"}.fa-layer-group:before{content:"\f5fd"}.fa-layer-minus:before{content:"\f5fe"}.fa-layer-plus:before{content:"\f5ff"}.fa-leaf:before{content:"\f06c"}.fa-leaf-heart:before{content:"\f4cb"}.fa-leaf-maple:before{content:"\f6f6"}.fa-leaf-oak:before{content:"\f6f7"}.fa-leanpub:before{content:"\f212"}.fa-lemon:before{content:"\f094"}.fa-less:before{content:"\f41d"}.fa-less-than:before{content:"\f536"}.fa-less-than-equal:before{content:"\f537"}.fa-level-down:before{content:"\f149"}.fa-level-down-alt:before{content:"\f3be"}.fa-level-up:before{content:"\f148"}.fa-level-up-alt:before{content:"\f3bf"}.fa-life-ring:before{content:"\f1cd"}.fa-lightbulb:before{content:"\f0eb"}.fa-lightbulb-dollar:before{content:"\f670"}.fa-lightbulb-exclamation:before{content:"\f671"}.fa-lightbulb-on:before{content:"\f672"}.fa-lightbulb-slash:before{content:"\f673"}.fa-lights-holiday:before{content:"\f7b2"}.fa-line:before{content:"\f3c0"}.fa-link:before{content:"\f0c1"}.fa-linkedin:before{content:"\f08c"}.fa-linkedin-in:before{content:"\f0e1"}.fa-linode:before{content:"\f2b8"}.fa-linux:before{content:"\f17c"}.fa-lips:before{content:"\f600"}.fa-lira-sign:before{content:"\f195"}.fa-list:before{content:"\f03a"}.fa-list-alt:before{content:"\f022"}.fa-list-ol:before{content:"\f0cb"}.fa-list-ul:before{content:"\f0ca"}.fa-location:before{content:"\f601"}.fa-location-arrow:before{content:"\f124"}.fa-location-circle:before{content:"\f602"}.fa-location-slash:before{content:"\f603"}.fa-lock:before{content:"\f023"}.fa-lock-alt:before{content:"\f30d"}.fa-lock-open:before{content:"\f3c1"}.fa-lock-open-alt:before{content:"\f3c2"}.fa-long-arrow-alt-down:before{content:"\f309"}.fa-long-arrow-alt-left:before{content:"\f30a"}.fa-long-arrow-alt-right:before{content:"\f30b"}.fa-long-arrow-alt-up:before{content:"\f30c"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-long-arrow-up:before{content:"\f176"}.fa-loveseat:before{content:"\f4cc"}.fa-low-vision:before{content:"\f2a8"}.fa-luchador:before{content:"\f455"}.fa-luggage-cart:before{content:"\f59d"}.fa-lungs:before{content:"\f604"}.fa-lyft:before{content:"\f3c3"}.fa-mace:before{content:"\f6f8"}.fa-magento:before{content:"\f3c4"}.fa-magic:before{content:"\f0d0"}.fa-magnet:before{content:"\f076"}.fa-mail-bulk:before{content:"\f674"}.fa-mailbox:before{content:"\f813"}.fa-mailchimp:before{content:"\f59e"}.fa-male:before{content:"\f183"}.fa-mandalorian:before{content:"\f50f"}.fa-mandolin:before{content:"\f6f9"}.fa-map:before{content:"\f279"}.fa-map-marked:before{content:"\f59f"}.fa-map-marked-alt:before{content:"\f5a0"}.fa-map-marker:before{content:"\f041"}.fa-map-marker-alt:before{content:"\f3c5"}.fa-map-marker-alt-slash:before{content:"\f605"}.fa-map-marker-check:before{content:"\f606"}.fa-map-marker-edit:before{content:"\f607"}.fa-map-marker-exclamation:before{content:"\f608"}.fa-map-marker-minus:before{content:"\f609"}.fa-map-marker-plus:before{content:"\f60a"}.fa-map-marker-question:before{content:"\f60b"}.fa-map-marker-slash:before{content:"\f60c"}.fa-map-marker-smile:before{content:"\f60d"}.fa-map-marker-times:before{content:"\f60e"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-markdown:before{content:"\f60f"}.fa-marker:before{content:"\f5a1"}.fa-mars:before{content:"\f222"}.fa-mars-double:before{content:"\f227"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mask:before{content:"\f6fa"}.fa-mastodon:before{content:"\f4f6"}.fa-maxcdn:before{content:"\f136"}.fa-meat:before{content:"\f814"}.fa-medal:before{content:"\f5a2"}.fa-medapps:before{content:"\f3c6"}.fa-medium:before{content:"\f23a"}.fa-medium-m:before{content:"\f3c7"}.fa-medkit:before{content:"\f0fa"}.fa-medrt:before{content:"\f3c8"}.fa-meetup:before{content:"\f2e0"}.fa-megaphone:before{content:"\f675"}.fa-megaport:before{content:"\f5a3"}.fa-meh:before{content:"\f11a"}.fa-meh-blank:before{content:"\f5a4"}.fa-meh-rolling-eyes:before{content:"\f5a5"}.fa-memory:before{content:"\f538"}.fa-mendeley:before{content:"\f7b3"}.fa-menorah:before{content:"\f676"}.fa-mercury:before{content:"\f223"}.fa-meteor:before{content:"\f753"}.fa-microchip:before{content:"\f2db"}.fa-microphone:before{content:"\f130"}.fa-microphone-alt:before{content:"\f3c9"}.fa-microphone-alt-slash:before{content:"\f539"}.fa-microphone-slash:before{content:"\f131"}.fa-microscope:before{content:"\f610"}.fa-microsoft:before{content:"\f3ca"}.fa-mind-share:before{content:"\f677"}.fa-minus:before{content:"\f068"}.fa-minus-circle:before{content:"\f056"}.fa-minus-hexagon:before{content:"\f307"}.fa-minus-octagon:before{content:"\f308"}.fa-minus-square:before{content:"\f146"}.fa-mistletoe:before{content:"\f7b4"}.fa-mitten:before{content:"\f7b5"}.fa-mix:before{content:"\f3cb"}.fa-mixcloud:before{content:"\f289"}.fa-mizuni:before{content:"\f3cc"}.fa-mobile:before{content:"\f10b"}.fa-mobile-alt:before{content:"\f3cd"}.fa-mobile-android:before{content:"\f3ce"}.fa-mobile-android-alt:before{content:"\f3cf"}.fa-modx:before{content:"\f285"}.fa-monero:before{content:"\f3d0"}.fa-money-bill:before{content:"\f0d6"}.fa-money-bill-alt:before{content:"\f3d1"}.fa-money-bill-wave:before{content:"\f53a"}.fa-money-bill-wave-alt:before{content:"\f53b"}.fa-money-check:before{content:"\f53c"}.fa-money-check-alt:before{content:"\f53d"}.fa-monitor-heart-rate:before{content:"\f611"}.fa-monkey:before{content:"\f6fb"}.fa-monument:before{content:"\f5a6"}.fa-moon:before{content:"\f186"}.fa-moon-cloud:before{content:"\f754"}.fa-moon-stars:before{content:"\f755"}.fa-mortar-pestle:before{content:"\f5a7"}.fa-mosque:before{content:"\f678"}.fa-motorcycle:before{content:"\f21c"}.fa-mountain:before{content:"\f6fc"}.fa-mountains:before{content:"\f6fd"}.fa-mouse-pointer:before{content:"\f245"}.fa-mug-hot:before{content:"\f7b6"}.fa-mug-marshmallows:before{content:"\f7b7"}.fa-music:before{content:"\f001"}.fa-napster:before{content:"\f3d2"}.fa-narwhal:before{content:"\f6fe"}.fa-neos:before{content:"\f612"}.fa-network-wired:before{content:"\f6ff"}.fa-neuter:before{content:"\f22c"}.fa-newspaper:before{content:"\f1ea"}.fa-nimblr:before{content:"\f5a8"}.fa-nintendo-switch:before{content:"\f418"}.fa-node:before{content:"\f419"}.fa-node-js:before{content:"\f3d3"}.fa-not-equal:before{content:"\f53e"}.fa-notes-medical:before{content:"\f481"}.fa-npm:before{content:"\f3d4"}.fa-ns8:before{content:"\f3d5"}.fa-nutritionix:before{content:"\f3d6"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-octagon:before{content:"\f306"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-oil-can:before{content:"\f613"}.fa-oil-temp:before{content:"\f614"}.fa-old-republic:before{content:"\f510"}.fa-om:before{content:"\f679"}.fa-omega:before{content:"\f67a"}.fa-opencart:before{content:"\f23d"}.fa-openid:before{content:"\f19b"}.fa-opera:before{content:"\f26a"}.fa-optin-monster:before{content:"\f23c"}.fa-ornament:before{content:"\f7b8"}.fa-osi:before{content:"\f41a"}.fa-otter:before{content:"\f700"}.fa-outdent:before{content:"\f03b"}.fa-page4:before{content:"\f3d7"}.fa-pagelines:before{content:"\f18c"}.fa-pager:before{content:"\f815"}.fa-paint-brush:before{content:"\f1fc"}.fa-paint-brush-alt:before{content:"\f5a9"}.fa-paint-roller:before{content:"\f5aa"}.fa-palette:before{content:"\f53f"}.fa-palfed:before{content:"\f3d8"}.fa-pallet:before{content:"\f482"}.fa-pallet-alt:before{content:"\f483"}.fa-paper-plane:before{content:"\f1d8"}.fa-paperclip:before{content:"\f0c6"}.fa-parachute-box:before{content:"\f4cd"}.fa-paragraph:before{content:"\f1dd"}.fa-parking:before{content:"\f540"}.fa-parking-circle:before{content:"\f615"}.fa-parking-circle-slash:before{content:"\f616"}.fa-parking-slash:before{content:"\f617"}.fa-passport:before{content:"\f5ab"}.fa-pastafarianism:before{content:"\f67b"}.fa-paste:before{content:"\f0ea"}.fa-patreon:before{content:"\f3d9"}.fa-pause:before{content:"\f04c"}.fa-pause-circle:before{content:"\f28b"}.fa-paw:before{content:"\f1b0"}.fa-paw-alt:before{content:"\f701"}.fa-paw-claws:before{content:"\f702"}.fa-paypal:before{content:"\f1ed"}.fa-peace:before{content:"\f67c"}.fa-pegasus:before{content:"\f703"}.fa-pen:before{content:"\f304"}.fa-pen-alt:before{content:"\f305"}.fa-pen-fancy:before{content:"\f5ac"}.fa-pen-nib:before{content:"\f5ad"}.fa-pen-square:before{content:"\f14b"}.fa-pencil:before{content:"\f040"}.fa-pencil-alt:before{content:"\f303"}.fa-pencil-paintbrush:before{content:"\f618"}.fa-pencil-ruler:before{content:"\f5ae"}.fa-pennant:before{content:"\f456"}.fa-penny-arcade:before{content:"\f704"}.fa-people-carry:before{content:"\f4ce"}.fa-pepper-hot:before{content:"\f816"}.fa-percent:before{content:"\f295"}.fa-percentage:before{content:"\f541"}.fa-periscope:before{content:"\f3da"}.fa-person-booth:before{content:"\f756"}.fa-person-carry:before{content:"\f4cf"}.fa-person-dolly:before{content:"\f4d0"}.fa-person-dolly-empty:before{content:"\f4d1"}.fa-person-sign:before{content:"\f757"}.fa-phabricator:before{content:"\f3db"}.fa-phoenix-framework:before{content:"\f3dc"}.fa-phoenix-squadron:before{content:"\f511"}.fa-phone:before{content:"\f095"}.fa-phone-office:before{content:"\f67d"}.fa-phone-plus:before{content:"\f4d2"}.fa-phone-slash:before{content:"\f3dd"}.fa-phone-square:before{content:"\f098"}.fa-phone-volume:before{content:"\f2a0"}.fa-php:before{content:"\f457"}.fa-pi:before{content:"\f67e"}.fa-pie:before{content:"\f705"}.fa-pied-piper:before{content:"\f2ae"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-pied-piper-hat:before{content:"\f4e5"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pig:before{content:"\f706"}.fa-piggy-bank:before{content:"\f4d3"}.fa-pills:before{content:"\f484"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-p:before{content:"\f231"}.fa-pinterest-square:before{content:"\f0d3"}.fa-pizza:before{content:"\f817"}.fa-pizza-slice:before{content:"\f818"}.fa-place-of-worship:before{content:"\f67f"}.fa-plane:before{content:"\f072"}.fa-plane-alt:before{content:"\f3de"}.fa-plane-arrival:before{content:"\f5af"}.fa-plane-departure:before{content:"\f5b0"}.fa-play:before{content:"\f04b"}.fa-play-circle:before{content:"\f144"}.fa-playstation:before{content:"\f3df"}.fa-plug:before{content:"\f1e6"}.fa-plus:before{content:"\f067"}.fa-plus-circle:before{content:"\f055"}.fa-plus-hexagon:before{content:"\f300"}.fa-plus-octagon:before{content:"\f301"}.fa-plus-square:before{content:"\f0fe"}.fa-podcast:before{content:"\f2ce"}.fa-podium:before{content:"\f680"}.fa-podium-star:before{content:"\f758"}.fa-poll:before{content:"\f681"}.fa-poll-h:before{content:"\f682"}.fa-poll-people:before{content:"\f759"}.fa-poo:before{content:"\f2fe"}.fa-poo-storm:before{content:"\f75a"}.fa-poop:before{content:"\f619"}.fa-popcorn:before{content:"\f819"}.fa-portrait:before{content:"\f3e0"}.fa-pound-sign:before{content:"\f154"}.fa-power-off:before{content:"\f011"}.fa-pray:before{content:"\f683"}.fa-praying-hands:before{content:"\f684"}.fa-prescription:before{content:"\f5b1"}.fa-prescription-bottle:before{content:"\f485"}.fa-prescription-bottle-alt:before{content:"\f486"}.fa-presentation:before{content:"\f685"}.fa-print:before{content:"\f02f"}.fa-print-search:before{content:"\f81a"}.fa-print-slash:before{content:"\f686"}.fa-procedures:before{content:"\f487"}.fa-product-hunt:before{content:"\f288"}.fa-project-diagram:before{content:"\f542"}.fa-pumpkin:before{content:"\f707"}.fa-pushed:before{content:"\f3e1"}.fa-puzzle-piece:before{content:"\f12e"}.fa-python:before{content:"\f3e2"}.fa-qq:before{content:"\f1d6"}.fa-qrcode:before{content:"\f029"}.fa-question:before{content:"\f128"}.fa-question-circle:before{content:"\f059"}.fa-question-square:before{content:"\f2fd"}.fa-quidditch:before{content:"\f458"}.fa-quinscape:before{content:"\f459"}.fa-quora:before{content:"\f2c4"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-quran:before{content:"\f687"}.fa-r-project:before{content:"\f4f7"}.fa-rabbit:before{content:"\f708"}.fa-rabbit-fast:before{content:"\f709"}.fa-racquet:before{content:"\f45a"}.fa-radiation:before{content:"\f7b9"}.fa-radiation-alt:before{content:"\f7ba"}.fa-rainbow:before{content:"\f75b"}.fa-raindrops:before{content:"\f75c"}.fa-ram:before{content:"\f70a"}.fa-ramp-loading:before{content:"\f4d4"}.fa-random:before{content:"\f074"}.fa-raspberry-pi:before{content:"\f7bb"}.fa-ravelry:before{content:"\f2d9"}.fa-react:before{content:"\f41b"}.fa-reacteurope:before{content:"\f75d"}.fa-readme:before{content:"\f4d5"}.fa-rebel:before{content:"\f1d0"}.fa-receipt:before{content:"\f543"}.fa-rectangle-landscape:before{content:"\f2fa"}.fa-rectangle-portrait:before{content:"\f2fb"}.fa-rectangle-wide:before{content:"\f2fc"}.fa-recycle:before{content:"\f1b8"}.fa-red-river:before{content:"\f3e3"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-alien:before{content:"\f281"}.fa-reddit-square:before{content:"\f1a2"}.fa-redhat:before{content:"\f7bc"}.fa-redo:before{content:"\f01e"}.fa-redo-alt:before{content:"\f2f9"}.fa-registered:before{content:"\f25d"}.fa-renren:before{content:"\f18b"}.fa-repeat:before{content:"\f363"}.fa-repeat-1:before{content:"\f365"}.fa-repeat-1-alt:before{content:"\f366"}.fa-repeat-alt:before{content:"\f364"}.fa-reply:before{content:"\f3e5"}.fa-reply-all:before{content:"\f122"}.fa-replyd:before{content:"\f3e6"}.fa-republican:before{content:"\f75e"}.fa-researchgate:before{content:"\f4f8"}.fa-resolving:before{content:"\f3e7"}.fa-restroom:before{content:"\f7bd"}.fa-retweet:before{content:"\f079"}.fa-retweet-alt:before{content:"\f361"}.fa-rev:before{content:"\f5b2"}.fa-ribbon:before{content:"\f4d6"}.fa-ring:before{content:"\f70b"}.fa-rings-wedding:before{content:"\f81b"}.fa-road:before{content:"\f018"}.fa-robot:before{content:"\f544"}.fa-rocket:before{content:"\f135"}.fa-rocketchat:before{content:"\f3e8"}.fa-rockrms:before{content:"\f3e9"}.fa-route:before{content:"\f4d7"}.fa-route-highway:before{content:"\f61a"}.fa-route-interstate:before{content:"\f61b"}.fa-rss:before{content:"\f09e"}.fa-rss-square:before{content:"\f143"}.fa-ruble-sign:before{content:"\f158"}.fa-ruler:before{content:"\f545"}.fa-ruler-combined:before{content:"\f546"}.fa-ruler-horizontal:before{content:"\f547"}.fa-ruler-triangle:before{content:"\f61c"}.fa-ruler-vertical:before{content:"\f548"}.fa-running:before{content:"\f70c"}.fa-rupee-sign:before{content:"\f156"}.fa-rv:before{content:"\f7be"}.fa-sack:before{content:"\f81c"}.fa-sack-dollar:before{content:"\f81d"}.fa-sad-cry:before{content:"\f5b3"}.fa-sad-tear:before{content:"\f5b4"}.fa-safari:before{content:"\f267"}.fa-salad:before{content:"\f81e"}.fa-salesforce:before{content:"\f83b"}.fa-sandwich:before{content:"\f81f"}.fa-sass:before{content:"\f41e"}.fa-satellite:before{content:"\f7bf"}.fa-satellite-dish:before{content:"\f7c0"}.fa-sausage:before{content:"\f820"}.fa-save:before{content:"\f0c7"}.fa-scalpel:before{content:"\f61d"}.fa-scalpel-path:before{content:"\f61e"}.fa-scanner:before{content:"\f488"}.fa-scanner-keyboard:before{content:"\f489"}.fa-scanner-touchscreen:before{content:"\f48a"}.fa-scarecrow:before{content:"\f70d"}.fa-scarf:before{content:"\f7c1"}.fa-schlix:before{content:"\f3ea"}.fa-school:before{content:"\f549"}.fa-screwdriver:before{content:"\f54a"}.fa-scribd:before{content:"\f28a"}.fa-scroll:before{content:"\f70e"}.fa-scroll-old:before{content:"\f70f"}.fa-scrubber:before{content:"\f2f8"}.fa-scythe:before{content:"\f710"}.fa-sd-card:before{content:"\f7c2"}.fa-search:before{content:"\f002"}.fa-search-dollar:before{content:"\f688"}.fa-search-location:before{content:"\f689"}.fa-search-minus:before{content:"\f010"}.fa-search-plus:before{content:"\f00e"}.fa-searchengin:before{content:"\f3eb"}.fa-seedling:before{content:"\f4d8"}.fa-sellcast:before{content:"\f2da"}.fa-sellsy:before{content:"\f213"}.fa-server:before{content:"\f233"}.fa-servicestack:before{content:"\f3ec"}.fa-shapes:before{content:"\f61f"}.fa-share:before{content:"\f064"}.fa-share-all:before{content:"\f367"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-share-square:before{content:"\f14d"}.fa-sheep:before{content:"\f711"}.fa-shekel-sign:before{content:"\f20b"}.fa-shield:before{content:"\f132"}.fa-shield-alt:before{content:"\f3ed"}.fa-shield-check:before{content:"\f2f7"}.fa-shield-cross:before{content:"\f712"}.fa-ship:before{content:"\f21a"}.fa-shipping-fast:before{content:"\f48b"}.fa-shipping-timed:before{content:"\f48c"}.fa-shirtsinbulk:before{content:"\f214"}.fa-shish-kebab:before{content:"\f821"}.fa-shoe-prints:before{content:"\f54b"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-shopping-cart:before{content:"\f07a"}.fa-shopware:before{content:"\f5b5"}.fa-shovel:before{content:"\f713"}.fa-shovel-snow:before{content:"\f7c3"}.fa-shower:before{content:"\f2cc"}.fa-shredder:before{content:"\f68a"}.fa-shuttle-van:before{content:"\f5b6"}.fa-shuttlecock:before{content:"\f45b"}.fa-sickle:before{content:"\f822"}.fa-sigma:before{content:"\f68b"}.fa-sign:before{content:"\f4d9"}.fa-sign-in:before{content:"\f090"}.fa-sign-in-alt:before{content:"\f2f6"}.fa-sign-language:before{content:"\f2a7"}.fa-sign-out:before{content:"\f08b"}.fa-sign-out-alt:before{content:"\f2f5"}.fa-signal:before{content:"\f012"}.fa-signal-1:before{content:"\f68c"}.fa-signal-2:before{content:"\f68d"}.fa-signal-3:before{content:"\f68e"}.fa-signal-4:before{content:"\f68f"}.fa-signal-alt:before{content:"\f690"}.fa-signal-alt-1:before{content:"\f691"}.fa-signal-alt-2:before{content:"\f692"}.fa-signal-alt-3:before{content:"\f693"}.fa-signal-alt-slash:before{content:"\f694"}.fa-signal-slash:before{content:"\f695"}.fa-signature:before{content:"\f5b7"}.fa-sim-card:before{content:"\f7c4"}.fa-simplybuilt:before{content:"\f215"}.fa-sistrix:before{content:"\f3ee"}.fa-sitemap:before{content:"\f0e8"}.fa-sith:before{content:"\f512"}.fa-skating:before{content:"\f7c5"}.fa-skeleton:before{content:"\f620"}.fa-sketch:before{content:"\f7c6"}.fa-ski-jump:before{content:"\f7c7"}.fa-ski-lift:before{content:"\f7c8"}.fa-skiing:before{content:"\f7c9"}.fa-skiing-nordic:before{content:"\f7ca"}.fa-skull:before{content:"\f54c"}.fa-skull-crossbones:before{content:"\f714"}.fa-skyatlas:before{content:"\f216"}.fa-skype:before{content:"\f17e"}.fa-slack:before{content:"\f198"}.fa-slack-hash:before{content:"\f3ef"}.fa-slash:before{content:"\f715"}.fa-sledding:before{content:"\f7cb"}.fa-sleigh:before{content:"\f7cc"}.fa-sliders-h:before{content:"\f1de"}.fa-sliders-h-square:before{content:"\f3f0"}.fa-sliders-v:before{content:"\f3f1"}.fa-sliders-v-square:before{content:"\f3f2"}.fa-slideshare:before{content:"\f1e7"}.fa-smile:before{content:"\f118"}.fa-smile-beam:before{content:"\f5b8"}.fa-smile-plus:before{content:"\f5b9"}.fa-smile-wink:before{content:"\f4da"}.fa-smog:before{content:"\f75f"}.fa-smoke:before{content:"\f760"}.fa-smoking:before{content:"\f48d"}.fa-smoking-ban:before{content:"\f54d"}.fa-sms:before{content:"\f7cd"}.fa-snake:before{content:"\f716"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-snow-blowing:before{content:"\f761"}.fa-snowboarding:before{content:"\f7ce"}.fa-snowflake:before{content:"\f2dc"}.fa-snowflakes:before{content:"\f7cf"}.fa-snowman:before{content:"\f7d0"}.fa-snowmobile:before{content:"\f7d1"}.fa-snowplow:before{content:"\f7d2"}.fa-socks:before{content:"\f696"}.fa-solar-panel:before{content:"\f5ba"}.fa-sort:before{content:"\f0dc"}.fa-sort-alpha-down:before{content:"\f15d"}.fa-sort-alpha-up:before{content:"\f15e"}.fa-sort-amount-down:before{content:"\f160"}.fa-sort-amount-up:before{content:"\f161"}.fa-sort-down:before{content:"\f0dd"}.fa-sort-numeric-down:before{content:"\f162"}.fa-sort-numeric-up:before{content:"\f163"}.fa-sort-up:before{content:"\f0de"}.fa-soundcloud:before{content:"\f1be"}.fa-soup:before{content:"\f823"}.fa-sourcetree:before{content:"\f7d3"}.fa-spa:before{content:"\f5bb"}.fa-space-shuttle:before{content:"\f197"}.fa-spade:before{content:"\f2f4"}.fa-speakap:before{content:"\f3f3"}.fa-speaker-deck:before{content:"\f83c"}.fa-spider:before{content:"\f717"}.fa-spider-black-widow:before{content:"\f718"}.fa-spider-web:before{content:"\f719"}.fa-spinner:before{content:"\f110"}.fa-spinner-third:before{content:"\f3f4"}.fa-splotch:before{content:"\f5bc"}.fa-spotify:before{content:"\f1bc"}.fa-spray-can:before{content:"\f5bd"}.fa-square:before{content:"\f0c8"}.fa-square-full:before{content:"\f45c"}.fa-square-root:before{content:"\f697"}.fa-square-root-alt:before{content:"\f698"}.fa-squarespace:before{content:"\f5be"}.fa-squirrel:before{content:"\f71a"}.fa-stack-exchange:before{content:"\f18d"}.fa-stack-overflow:before{content:"\f16c"}.fa-staff:before{content:"\f71b"}.fa-stamp:before{content:"\f5bf"}.fa-star:before{content:"\f005"}.fa-star-and-crescent:before{content:"\f699"}.fa-star-christmas:before{content:"\f7d4"}.fa-star-exclamation:before{content:"\f2f3"}.fa-star-half:before{content:"\f089"}.fa-star-half-alt:before{content:"\f5c0"}.fa-star-of-david:before{content:"\f69a"}.fa-star-of-life:before{content:"\f621"}.fa-stars:before{content:"\f762"}.fa-staylinked:before{content:"\f3f5"}.fa-steak:before{content:"\f824"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-steam-symbol:before{content:"\f3f6"}.fa-steering-wheel:before{content:"\f622"}.fa-step-backward:before{content:"\f048"}.fa-step-forward:before{content:"\f051"}.fa-stethoscope:before{content:"\f0f1"}.fa-sticker-mule:before{content:"\f3f7"}.fa-sticky-note:before{content:"\f249"}.fa-stocking:before{content:"\f7d5"}.fa-stomach:before{content:"\f623"}.fa-stop:before{content:"\f04d"}.fa-stop-circle:before{content:"\f28d"}.fa-stopwatch:before{content:"\f2f2"}.fa-store:before{content:"\f54e"}.fa-store-alt:before{content:"\f54f"}.fa-strava:before{content:"\f428"}.fa-stream:before{content:"\f550"}.fa-street-view:before{content:"\f21d"}.fa-stretcher:before{content:"\f825"}.fa-strikethrough:before{content:"\f0cc"}.fa-stripe:before{content:"\f429"}.fa-stripe-s:before{content:"\f42a"}.fa-stroopwafel:before{content:"\f551"}.fa-studiovinari:before{content:"\f3f8"}.fa-stumbleupon:before{content:"\f1a4"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-subscript:before{content:"\f12c"}.fa-subway:before{content:"\f239"}.fa-suitcase:before{content:"\f0f2"}.fa-suitcase-rolling:before{content:"\f5c1"}.fa-sun:before{content:"\f185"}.fa-sun-cloud:before{content:"\f763"}.fa-sun-dust:before{content:"\f764"}.fa-sun-haze:before{content:"\f765"}.fa-sunrise:before{content:"\f766"}.fa-sunset:before{content:"\f767"}.fa-superpowers:before{content:"\f2dd"}.fa-superscript:before{content:"\f12b"}.fa-supple:before{content:"\f3f9"}.fa-surprise:before{content:"\f5c2"}.fa-suse:before{content:"\f7d6"}.fa-swatchbook:before{content:"\f5c3"}.fa-swimmer:before{content:"\f5c4"}.fa-swimming-pool:before{content:"\f5c5"}.fa-sword:before{content:"\f71c"}.fa-swords:before{content:"\f71d"}.fa-symfony:before{content:"\f83d"}.fa-synagogue:before{content:"\f69b"}.fa-sync:before{content:"\f021"}.fa-sync-alt:before{content:"\f2f1"}.fa-syringe:before{content:"\f48e"}.fa-table:before{content:"\f0ce"}.fa-table-tennis:before{content:"\f45d"}.fa-tablet:before{content:"\f10a"}.fa-tablet-alt:before{content:"\f3fa"}.fa-tablet-android:before{content:"\f3fb"}.fa-tablet-android-alt:before{content:"\f3fc"}.fa-tablet-rugged:before{content:"\f48f"}.fa-tablets:before{content:"\f490"}.fa-tachometer:before{content:"\f0e4"}.fa-tachometer-alt:before{content:"\f3fd"}.fa-tachometer-alt-average:before{content:"\f624"}.fa-tachometer-alt-fast:before{content:"\f625"}.fa-tachometer-alt-fastest:before{content:"\f626"}.fa-tachometer-alt-slow:before{content:"\f627"}.fa-tachometer-alt-slowest:before{content:"\f628"}.fa-tachometer-average:before{content:"\f629"}.fa-tachometer-fast:before{content:"\f62a"}.fa-tachometer-fastest:before{content:"\f62b"}.fa-tachometer-slow:before{content:"\f62c"}.fa-tachometer-slowest:before{content:"\f62d"}.fa-taco:before{content:"\f826"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-tally:before{content:"\f69c"}.fa-tanakh:before{content:"\f827"}.fa-tape:before{content:"\f4db"}.fa-tasks:before{content:"\f0ae"}.fa-tasks-alt:before{content:"\f828"}.fa-taxi:before{content:"\f1ba"}.fa-teamspeak:before{content:"\f4f9"}.fa-teeth:before{content:"\f62e"}.fa-teeth-open:before{content:"\f62f"}.fa-telegram:before{content:"\f2c6"}.fa-telegram-plane:before{content:"\f3fe"}.fa-temperature-frigid:before{content:"\f768"}.fa-temperature-high:before{content:"\f769"}.fa-temperature-hot:before{content:"\f76a"}.fa-temperature-low:before{content:"\f76b"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-tenge:before{content:"\f7d7"}.fa-tennis-ball:before{content:"\f45e"}.fa-terminal:before{content:"\f120"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-th:before{content:"\f00a"}.fa-th-large:before{content:"\f009"}.fa-th-list:before{content:"\f00b"}.fa-the-red-yeti:before{content:"\f69d"}.fa-theater-masks:before{content:"\f630"}.fa-themeco:before{content:"\f5c6"}.fa-themeisle:before{content:"\f2b2"}.fa-thermometer:before{content:"\f491"}.fa-thermometer-empty:before{content:"\f2cb"}.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-theta:before{content:"\f69e"}.fa-think-peaks:before{content:"\f731"}.fa-thumbs-down:before{content:"\f165"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbtack:before{content:"\f08d"}.fa-thunderstorm:before{content:"\f76c"}.fa-thunderstorm-moon:before{content:"\f76d"}.fa-thunderstorm-sun:before{content:"\f76e"}.fa-ticket:before{content:"\f145"}.fa-ticket-alt:before{content:"\f3ff"}.fa-tilde:before{content:"\f69f"}.fa-times:before{content:"\f00d"}.fa-times-circle:before{content:"\f057"}.fa-times-hexagon:before{content:"\f2ee"}.fa-times-octagon:before{content:"\f2f0"}.fa-times-square:before{content:"\f2d3"}.fa-tint:before{content:"\f043"}.fa-tint-slash:before{content:"\f5c7"}.fa-tire:before{content:"\f631"}.fa-tire-flat:before{content:"\f632"}.fa-tire-pressure-warning:before{content:"\f633"}.fa-tire-rugged:before{content:"\f634"}.fa-tired:before{content:"\f5c8"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-toilet:before{content:"\f7d8"}.fa-toilet-paper:before{content:"\f71e"}.fa-toilet-paper-alt:before{content:"\f71f"}.fa-tombstone:before{content:"\f720"}.fa-tombstone-alt:before{content:"\f721"}.fa-toolbox:before{content:"\f552"}.fa-tools:before{content:"\f7d9"}.fa-tooth:before{content:"\f5c9"}.fa-toothbrush:before{content:"\f635"}.fa-torah:before{content:"\f6a0"}.fa-torii-gate:before{content:"\f6a1"}.fa-tornado:before{content:"\f76f"}.fa-tractor:before{content:"\f722"}.fa-trade-federation:before{content:"\f513"}.fa-trademark:before{content:"\f25c"}.fa-traffic-cone:before{content:"\f636"}.fa-traffic-light:before{content:"\f637"}.fa-traffic-light-go:before{content:"\f638"}.fa-traffic-light-slow:before{content:"\f639"}.fa-traffic-light-stop:before{content:"\f63a"}.fa-train:before{content:"\f238"}.fa-tram:before{content:"\f7da"}.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-trash:before{content:"\f1f8"}.fa-trash-alt:before{content:"\f2ed"}.fa-trash-restore:before{content:"\f829"}.fa-trash-restore-alt:before{content:"\f82a"}.fa-treasure-chest:before{content:"\f723"}.fa-tree:before{content:"\f1bb"}.fa-tree-alt:before{content:"\f400"}.fa-tree-christmas:before{content:"\f7db"}.fa-tree-decorated:before{content:"\f7dc"}.fa-tree-large:before{content:"\f7dd"}.fa-tree-palm:before{content:"\f82b"}.fa-trees:before{content:"\f724"}.fa-trello:before{content:"\f181"}.fa-triangle:before{content:"\f2ec"}.fa-tripadvisor:before{content:"\f262"}.fa-trophy:before{content:"\f091"}.fa-trophy-alt:before{content:"\f2eb"}.fa-truck:before{content:"\f0d1"}.fa-truck-container:before{content:"\f4dc"}.fa-truck-couch:before{content:"\f4dd"}.fa-truck-loading:before{content:"\f4de"}.fa-truck-monster:before{content:"\f63b"}.fa-truck-moving:before{content:"\f4df"}.fa-truck-pickup:before{content:"\f63c"}.fa-truck-plow:before{content:"\f7de"}.fa-truck-ramp:before{content:"\f4e0"}.fa-tshirt:before{content:"\f553"}.fa-tty:before{content:"\f1e4"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-turkey:before{content:"\f725"}.fa-turtle:before{content:"\f726"}.fa-tv:before{content:"\f26c"}.fa-tv-retro:before{content:"\f401"}.fa-twitch:before{content:"\f1e8"}.fa-twitter:before{content:"\f099"}.fa-twitter-square:before{content:"\f081"}.fa-typo3:before{content:"\f42b"}.fa-uber:before{content:"\f402"}.fa-ubuntu:before{content:"\f7df"}.fa-uikit:before{content:"\f403"}.fa-umbrella:before{content:"\f0e9"}.fa-umbrella-beach:before{content:"\f5ca"}.fa-underline:before{content:"\f0cd"}.fa-undo:before{content:"\f0e2"}.fa-undo-alt:before{content:"\f2ea"}.fa-unicorn:before{content:"\f727"}.fa-union:before{content:"\f6a2"}.fa-uniregistry:before{content:"\f404"}.fa-universal-access:before{content:"\f29a"}.fa-university:before{content:"\f19c"}.fa-unlink:before{content:"\f127"}.fa-unlock:before{content:"\f09c"}.fa-unlock-alt:before{content:"\f13e"}.fa-untappd:before{content:"\f405"}.fa-upload:before{content:"\f093"}.fa-ups:before{content:"\f7e0"}.fa-usb:before{content:"\f287"}.fa-usd-circle:before{content:"\f2e8"}.fa-usd-square:before{content:"\f2e9"}.fa-user:before{content:"\f007"}.fa-user-alt:before{content:"\f406"}.fa-user-alt-slash:before{content:"\f4fa"}.fa-user-astronaut:before{content:"\f4fb"}.fa-user-chart:before{content:"\f6a3"}.fa-user-check:before{content:"\f4fc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-clock:before{content:"\f4fd"}.fa-user-cog:before{content:"\f4fe"}.fa-user-crown:before{content:"\f6a4"}.fa-user-edit:before{content:"\f4ff"}.fa-user-friends:before{content:"\f500"}.fa-user-graduate:before{content:"\f501"}.fa-user-hard-hat:before{content:"\f82c"}.fa-user-headset:before{content:"\f82d"}.fa-user-injured:before{content:"\f728"}.fa-user-lock:before{content:"\f502"}.fa-user-md:before{content:"\f0f0"}.fa-user-md-chat:before{content:"\f82e"}.fa-user-minus:before{content:"\f503"}.fa-user-ninja:before{content:"\f504"}.fa-user-nurse:before{content:"\f82f"}.fa-user-plus:before{content:"\f234"}.fa-user-secret:before{content:"\f21b"}.fa-user-shield:before{content:"\f505"}.fa-user-slash:before{content:"\f506"}.fa-user-tag:before{content:"\f507"}.fa-user-tie:before{content:"\f508"}.fa-user-times:before{content:"\f235"}.fa-users:before{content:"\f0c0"}.fa-users-class:before{content:"\f63d"}.fa-users-cog:before{content:"\f509"}.fa-users-crown:before{content:"\f6a5"}.fa-users-medical:before{content:"\f830"}.fa-usps:before{content:"\f7e1"}.fa-ussunnah:before{content:"\f407"}.fa-utensil-fork:before{content:"\f2e3"}.fa-utensil-knife:before{content:"\f2e4"}.fa-utensil-spoon:before{content:"\f2e5"}.fa-utensils:before{content:"\f2e7"}.fa-utensils-alt:before{content:"\f2e6"}.fa-vaadin:before{content:"\f408"}.fa-value-absolute:before{content:"\f6a6"}.fa-vector-square:before{content:"\f5cb"}.fa-venus:before{content:"\f221"}.fa-venus-double:before{content:"\f226"}.fa-venus-mars:before{content:"\f228"}.fa-viacoin:before{content:"\f237"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-vial:before{content:"\f492"}.fa-vials:before{content:"\f493"}.fa-viber:before{content:"\f409"}.fa-video:before{content:"\f03d"}.fa-video-plus:before{content:"\f4e1"}.fa-video-slash:before{content:"\f4e2"}.fa-vihara:before{content:"\f6a7"}.fa-vimeo:before{content:"\f40a"}.fa-vimeo-square:before{content:"\f194"}.fa-vimeo-v:before{content:"\f27d"}.fa-vine:before{content:"\f1ca"}.fa-vk:before{content:"\f189"}.fa-vnv:before{content:"\f40b"}.fa-volcano:before{content:"\f770"}.fa-volleyball-ball:before{content:"\f45f"}.fa-volume:before{content:"\f6a8"}.fa-volume-down:before{content:"\f027"}.fa-volume-mute:before{content:"\f6a9"}.fa-volume-off:before{content:"\f026"}.fa-volume-slash:before{content:"\f2e2"}.fa-volume-up:before{content:"\f028"}.fa-vote-nay:before{content:"\f771"}.fa-vote-yea:before{content:"\f772"}.fa-vr-cardboard:before{content:"\f729"}.fa-vuejs:before{content:"\f41f"}.fa-walker:before{content:"\f831"}.fa-walking:before{content:"\f554"}.fa-wallet:before{content:"\f555"}.fa-wand:before{content:"\f72a"}.fa-wand-magic:before{content:"\f72b"}.fa-warehouse:before{content:"\f494"}.fa-warehouse-alt:before{content:"\f495"}.fa-watch:before{content:"\f2e1"}.fa-watch-fitness:before{content:"\f63e"}.fa-water:before{content:"\f773"}.fa-water-lower:before{content:"\f774"}.fa-water-rise:before{content:"\f775"}.fa-wave-square:before{content:"\f83e"}.fa-waze:before{content:"\f83f"}.fa-webcam:before{content:"\f832"}.fa-webcam-slash:before{content:"\f833"}.fa-weebly:before{content:"\f5cc"}.fa-weibo:before{content:"\f18a"}.fa-weight:before{content:"\f496"}.fa-weight-hanging:before{content:"\f5cd"}.fa-weixin:before{content:"\f1d7"}.fa-whale:before{content:"\f72c"}.fa-whatsapp:before{content:"\f232"}.fa-whatsapp-square:before{content:"\f40c"}.fa-wheat:before{content:"\f72d"}.fa-wheelchair:before{content:"\f193"}.fa-whistle:before{content:"\f460"}.fa-whmcs:before{content:"\f40d"}.fa-wifi:before{content:"\f1eb"}.fa-wifi-1:before{content:"\f6aa"}.fa-wifi-2:before{content:"\f6ab"}.fa-wifi-slash:before{content:"\f6ac"}.fa-wikipedia-w:before{content:"\f266"}.fa-wind:before{content:"\f72e"}.fa-wind-warning:before{content:"\f776"}.fa-window:before{content:"\f40e"}.fa-window-alt:before{content:"\f40f"}.fa-window-close:before{content:"\f410"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-windows:before{content:"\f17a"}.fa-windsock:before{content:"\f777"}.fa-wine-bottle:before{content:"\f72f"}.fa-wine-glass:before{content:"\f4e3"}.fa-wine-glass-alt:before{content:"\f5ce"}.fa-wix:before{content:"\f5cf"}.fa-wizards-of-the-coast:before{content:"\f730"}.fa-wolf-pack-battalion:before{content:"\f514"}.fa-won-sign:before{content:"\f159"}.fa-wordpress:before{content:"\f19a"}.fa-wordpress-simple:before{content:"\f411"}.fa-wpbeginner:before{content:"\f297"}.fa-wpexplorer:before{content:"\f2de"}.fa-wpforms:before{content:"\f298"}.fa-wpressr:before{content:"\f3e4"}.fa-wreath:before{content:"\f7e2"}.fa-wrench:before{content:"\f0ad"}.fa-x-ray:before{content:"\f497"}.fa-xbox:before{content:"\f412"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-y-combinator:before{content:"\f23b"}.fa-yahoo:before{content:"\f19e"}.fa-yammer:before{content:"\f840"}.fa-yandex:before{content:"\f413"}.fa-yandex-international:before{content:"\f414"}.fa-yarn:before{content:"\f7e3"}.fa-yelp:before{content:"\f1e9"}.fa-yen-sign:before{content:"\f157"}.fa-yin-yang:before{content:"\f6ad"}.fa-yoast:before{content:"\f2b1"}.fa-youtube:before{content:"\f167"}.fa-youtube-square:before{content:"\f431"}.fa-zhihu:before{content:"\f63f"}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:normal;font-display:auto;src:url(/static/media/fa-brands-400.5c97ac97573e1198ec89.eot);src:url(/static/media/fa-brands-400.5c97ac97573e1198ec89.eot?#iefix) format("embedded-opentype"),url(/static/media/fa-brands-400.c5fb524739123733372f.woff2) format("woff2"),url(/static/media/fa-brands-400.f323920420dd345f3887.woff) format("woff"),url(/static/media/fa-brands-400.c521b81978c927cd92ed.ttf) format("truetype"),url(/static/media/fa-brands-400.a9304bc02b41c5ceb55a.svg#fontawesome) format("svg")}.fab{font-family:"Font Awesome 5 Brands"}@font-face{font-family:"Font Awesome 5 Pro";font-style:normal;font-weight:300;font-display:auto;src:url(/static/media/fa-light-300.d2b5d1b58dd1c394ce78.eot);src:url(/static/media/fa-light-300.d2b5d1b58dd1c394ce78.eot?#iefix) format("embedded-opentype"),url(/static/media/fa-light-300.9c312fbfce1d73c12ef5.woff2) format("woff2"),url(/static/media/fa-light-300.49f690d93f681a892fee.woff) format("woff"),url(/static/media/fa-light-300.6ebfe5141e8f4bb0d964.ttf) format("truetype"),url(/static/media/fa-light-300.5c559a0713a2b37af0a0.svg#fontawesome) format("svg")}.fal{font-weight:300}@font-face{font-family:"Font Awesome 5 Pro";font-style:normal;font-weight:400;font-display:auto;src:url(/static/media/fa-regular-400.63a91fd0c71d9e5b3f14.eot);src:url(/static/media/fa-regular-400.63a91fd0c71d9e5b3f14.eot?#iefix) format("embedded-opentype"),url(/static/media/fa-regular-400.865872d76dd7708aae30.woff2) format("woff2"),url(/static/media/fa-regular-400.bc7401a8b6f3ad218e81.woff) format("woff"),url(/static/media/fa-regular-400.a118809331010fa7e607.ttf) format("truetype"),url(/static/media/fa-regular-400.b3569a2ff08918c13613.svg#fontawesome) format("svg")}.fal,.far{font-family:"Font Awesome 5 Pro"}.far{font-weight:400}@font-face{font-family:"Font Awesome 5 Pro";font-style:normal;font-weight:900;font-display:auto;src:url(/static/media/fa-solid-900.21a9fa37d0ab4b35fa1b.eot);src:url(/static/media/fa-solid-900.21a9fa37d0ab4b35fa1b.eot?#iefix) format("embedded-opentype"),url(/static/media/fa-solid-900.e182c9675a68494073bc.woff2) format("woff2"),url(/static/media/fa-solid-900.d201bbc04967d816d5b3.woff) format("woff"),url(/static/media/fa-solid-900.6e198dc60bc03c6871a0.ttf) format("truetype"),url(/static/media/fa-solid-900.1cb6f0f137d13710f8f4.svg#fontawesome) format("svg")}.fa,.fas{font-family:"Font Awesome 5 Pro";font-weight:900}
/*
  	Flaticon icon font: Flaticon
  	Creation date: 15/06/2020 05:17
  	*/

@font-face {
	font-family: 'Flaticon';
	src: url(/static/media/Flaticon.b4dda4b6a186f0a11b01.eot);
	src: url(/static/media/Flaticon.b4dda4b6a186f0a11b01.eot?#iefix) format('embedded-opentype'),
		url(/static/media/Flaticon.8d06f2e7abc7dcc60376.woff2) format('woff2'),
		url(/static/media/Flaticon.7d7eaa1312972446d4ad.woff) format('woff'),
		url(/static/media/Flaticon.81c04409a1ac1d060f8c.ttf) format('truetype'),
		url(/static/media/Flaticon.e26ea2c9328b8fd3860a.svg#Flaticon) format('svg');
	font-weight: normal;
	font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
	@font-face {
		font-family: 'Flaticon';
		src: url(/static/media/Flaticon.e26ea2c9328b8fd3860a.svg#Flaticon) format('svg');
	}
}

[class^='flaticon-'],
[class*=' flaticon-'],
[class^='flaticon-'],
[class*=' flaticon-'] {
	line-height: 1;
}

[class^='flaticon-']:before,
[class*=' flaticon-']:before,
[class^='flaticon-']:after,
[class*=' flaticon-']:after {
	font-family: Flaticon;
	font-style: normal;
}

.flaticon-menu:before {
	content: '\f100';
}
.flaticon-call:before {
	content: '\f101';
}
.flaticon-phone:before {
	content: '\f102';
}
.flaticon-envelope:before {
	content: '\f103';
}
.flaticon-message:before {
	content: '\f104';
}
.flaticon-clipboard:before {
	content: '\f105';
}
.flaticon-checklist:before {
	content: '\f106';
}
.flaticon-calendar:before {
	content: '\f107';
}
.flaticon-event:before {
	content: '\f108';
}
.flaticon-man:before {
	content: '\f109';
}
.flaticon-user:before {
	content: '\f10a';
}
.flaticon-group:before {
	content: '\f10b';
}
.flaticon-teamwork:before {
	content: '\f10c';
}
.flaticon-team:before {
	content: '\f10d';
}
.flaticon-back:before {
	content: '\f10e';
}
.flaticon-arrow:before {
	content: '\f10f';
}
.flaticon-tick:before {
	content: '\f110';
}
.flaticon-close:before {
	content: '\f111';
}
.flaticon-accept:before {
	content: '\f112';
}
.flaticon-menu-1:before {
	content: '\f113';
}
.flaticon-upload:before {
	content: '\f114';
}
.flaticon-next:before {
	content: '\f115';
}
.flaticon-download:before {
	content: '\f116';
}
.flaticon-back-1:before {
	content: '\f117';
}
.flaticon-back-3:before {
	content: '\f118';
}
.flaticon-back-2:before {
	content: '\f119';
}
.flaticon-bread:before {
	content: '\f11a';
}
.flaticon-breakfast:before {
	content: '\f11b';
}
.flaticon-coffee:before {
	content: '\f11c';
}
.flaticon-airplane:before {
	content: '\f11d';
}
.flaticon-marker:before {
	content: '\f11e';
}
.flaticon-location-pin:before {
	content: '\f11f';
}
.flaticon-barbecue:before {
	content: '\f120';
}
.flaticon-hotel:before {
	content: '\f121';
}
.flaticon-pixels:before {
	content: '\f122';
}
.flaticon-air-freight:before {
	content: '\f123';
}
.flaticon-world:before {
	content: '\f124';
}
.flaticon-fast-food:before {
	content: '\f125';
}
.flaticon-swimming:before {
	content: '\f126';
}
.flaticon-paper-plane:before {
	content: '\f127';
}
.flaticon-facebook:before {
	content: '\f128';
}
.flaticon-twitter:before {
	content: '\f129';
}
.flaticon-behance:before {
	content: '\f12a';
}
.flaticon-youtube:before {
	content: '\f12b';
}
.flaticon-linkedin:before {
	content: '\f12c';
}
.flaticon-rating:before {
	content: '\f12d';
}
.flaticon-clock:before {
	content: '\f12e';
}
.flaticon-clock-1:before {
	content: '\f12f';
}
.flaticon-credit-card:before {
	content: '\f130';
}
.flaticon-discount:before {
	content: '\f131';
}
.flaticon-user-1:before {
	content: '\f132';
}
.flaticon-like:before {
	content: '\f133';
}
.flaticon-suitcase:before {
	content: '\f134';
}
.flaticon-bed:before {
	content: '\f135';
}
.flaticon-wifi:before {
	content: '\f136';
}
.flaticon-car:before {
	content: '\f137';
}
.flaticon-coffee-cup:before {
	content: '\f138';
}
.flaticon-dice:before {
	content: '\f139';
}
.flaticon-serving-dish:before {
	content: '\f13a';
}
.flaticon-expand:before {
	content: '\f13b';
}
.flaticon-double-angle-pointing-to-right:before {
	content: '\f13c';
}
.flaticon-double-left-chevron:before {
	content: '\f13d';
}
.flaticon-bath:before {
	content: '\f13e';
}
.flaticon-cut:before {
	content: '\f13f';
}
.flaticon-housekeeping:before {
	content: '\f140';
}
.flaticon-groceries:before {
	content: '\f141';
}
.flaticon-shopping-cart:before {
	content: '\f142';
}
.flaticon-kitchen:before {
	content: '\f143';
}
.flaticon-hamburger:before {
	content: '\f144';
}
.flaticon-towel:before {
	content: '\f145';
}
.flaticon-key:before {
	content: '\f146';
}
.flaticon-shield:before {
	content: '\f147';
}
.flaticon-headphones:before {
	content: '\f148';
}
.flaticon-pizza:before {
	content: '\f149';
}
.flaticon-cake:before {
	content: '\f14a';
}
.flaticon-boiled:before {
	content: '\f14b';
}
.flaticon-cookie:before {
	content: '\f14c';
}
.flaticon-cocktail:before {
	content: '\f14d';
}
.flaticon-witness:before {
	content: '\f14e';
}
.flaticon-chat:before {
	content: '\f14f';
}
.flaticon-quote:before {
	content: '\f150';
}
.flaticon-quote-1:before {
	content: '\f151';
}
.flaticon-search:before {
	content: '\f152';
}
.flaticon-grid:before {
	content: '\f153';
}
.flaticon-back-4:before {
	content: '\f154';
}
.flaticon-pen:before {
	content: '\f155';
}
.flaticon-globe:before {
	content: '\f156';
}
.flaticon-home:before {
	content: '\f157';
}
.flaticon-notebook:before {
	content: '\f158';
}

	/*
  	Flaticon icon font: Flaticon
  	Creation date: 24/09/2020 14:02
  	*/
	
	@font-face {
	    font-family: "Flaticon";
	    src: url(/static/media/Flaticons.5bed7ea0e3fb799eb321.eot);
	    src: url(/static/media/Flaticons.5bed7ea0e3fb799eb321.eot?#iefix) format("embedded-opentype"), url(/static/media/Flaticons.3815a7c27b58e39a3c08.woff2) format("woff2"), url(/static/media/Flaticons.1e709c5c0a4c07e9b356.woff) format("woff"), url(/static/media/Flaticons.e8423cd0c46f4ef178e2.ttf) format("truetype"), url(/static/media/Flaticons.dacae9806b8139a4f17c.svg#Flaticon) format("svg");
	    font-weight: normal;
	    font-style: normal;
	}
	
	@media screen and (-webkit-min-device-pixel-ratio:0) {
	    @font-face {
	        font-family: "Flaticon";
	        src: url(/static/media/Flaticons.dacae9806b8139a4f17c.svg#Flaticon) format("svg");
	    }
	}
	
	[class^="flaticon-"]:before,
	[class*=" flaticon-"]:before,
	[class^="flaticon-"]:after,
	[class*=" flaticon-"]:after {
	    font-family: Flaticon;
	    font-style: normal;
	}
	
	.flaticon-message:before {
	    content: "\f100";
	}
	
	.flaticon-ring:before {
	    content: "\f101";
	}
	
	.flaticon-earrings:before {
	    content: "\f102";
	}
	
	.flaticon-bracelet:before {
	    content: "\f103";
	}
	
	.flaticon-necklace:before {
	    content: "\f104";
	}
	
	.flaticon-bracelet-1:before {
	    content: "\f105";
	}
	
	.flaticon-phone:before {
	    content: "\f106";
	}
	
	.flaticon-bracelet-2:before {
	    content: "\f107";
	}
	
	.flaticon-diamond:before {
	    content: "\f108";
	}
/* Deafult Margin & Padding */
/*-- Margin Top --*/
.mt-5 {
	margin-top: 5px;
}
.mt-10 {
	margin-top: 10px;
}
.mt-15 {
	margin-top: 15px;
}
.mt-20 {
	margin-top: 20px;
}
.mt-25 {
	margin-top: 25px;
}
.mt-30 {
	margin-top: 30px;
}
.mt-35 {
	margin-top: 35px;
}
.mt-40 {
	margin-top: 40px;
}
.mt-45 {
	margin-top: 45px;
}
.mt-50 {
	margin-top: 50px;
}
.mt-55 {
	margin-top: 55px;
}
.mt-60 {
	margin-top: 60px;
}
.mt-65 {
	margin-top: 65px;
}
.mt-70 {
	margin-top: 70px;
}
.mt-75 {
	margin-top: 75px;
}
.mt-80 {
	margin-top: 80px;
}
.mt-85 {
	margin-top: 85px;
}
.mt-90 {
	margin-top: 90px;
}
.mt-95 {
	margin-top: 95px;
}
.mt-100 {
	margin-top: 100px;
}
.mt-105 {
	margin-top: 105px;
}
.mt-110 {
	margin-top: 110px;
}
.mt-115 {
	margin-top: 115px;
}
.mt-120 {
	margin-top: 120px;
}
.mt-125 {
	margin-top: 125px;
}
.mt-130 {
	margin-top: 130px;
}
.mt-135 {
	margin-top: 135px;
}
.mt-140 {
	margin-top: 140px;
}
.mt-145 {
	margin-top: 145px;
}
.mt-150 {
	margin-top: 150px;
}
.mt-155 {
	margin-top: 155px;
}
.mt-160 {
	margin-top: 160px;
}
.mt-165 {
	margin-top: 165px;
}
.mt-170 {
	margin-top: 170px;
}
.mt-175 {
	margin-top: 175px;
}
.mt-180 {
	margin-top: 180px;
}
.mt-185 {
	margin-top: 185px;
}
.mt-190 {
	margin-top: 190px;
}
.mt-195 {
	margin-top: 195px;
}
.mt-200 {
	margin-top: 200px;
}
/*-- Margin Bottom --*/

.mb-5 {
	margin-bottom: 5px;
}
.mb-10 {
	margin-bottom: 10px;
}
.mb-15 {
	margin-bottom: 15px;
}
.mb-20 {
	margin-bottom: 20px;
}
.mb-25 {
	margin-bottom: 25px;
}
.mb-30 {
	margin-bottom: 30px;
}
.mb-35 {
	margin-bottom: 35px;
}
.mb-40 {
	margin-bottom: 40px;
}
.mb-45 {
	margin-bottom: 45px;
}
.mb-50 {
	margin-bottom: 50px;
}
.mb-55 {
	margin-bottom: 55px;
}
.mb-60 {
	margin-bottom: 60px;
}
.mb-65 {
	margin-bottom: 65px;
}
.mb-70 {
	margin-bottom: 70px;
}
.mb-75 {
	margin-bottom: 75px;
}
.mb-80 {
	margin-bottom: 80px;
}
.mb-85 {
	margin-bottom: 85px;
}
.mb-90 {
	margin-bottom: 90px;
}
.mb-95 {
	margin-bottom: 95px;
}
.mb-100 {
	margin-bottom: 100px;
}
.mb-105 {
	margin-bottom: 105px;
}
.mb-110 {
	margin-bottom: 110px;
}
.mb-115 {
	margin-bottom: 115px;
}
.mb-120 {
	margin-bottom: 120px;
}
.mb-125 {
	margin-bottom: 125px;
}
.mb-130 {
	margin-bottom: 130px;
}
.mb-135 {
	margin-bottom: 135px;
}
.mb-140 {
	margin-bottom: 140px;
}
.mb-145 {
	margin-bottom: 145px;
}
.mb-150 {
	margin-bottom: 150px;
}
.mb-155 {
	margin-bottom: 155px;
}
.mb-160 {
	margin-bottom: 160px;
}
.mb-165 {
	margin-bottom: 165px;
}
.mb-170 {
	margin-bottom: 170px;
}
.mb-175 {
	margin-bottom: 175px;
}
.mb-180 {
	margin-bottom: 180px;
}
.mb-185 {
	margin-bottom: 185px;
}
.mb-190 {
	margin-bottom: 190px;
}
.mb-195 {
	margin-bottom: 195px;
}
.mb-200 {
	margin-bottom: 200px;
}
/*-- margin left --*/
.ml-5 {
	margin-left: 5px;
}
.ml-10 {
	margin-left: 10px;
}
.ml-15 {
	margin-left: 15px;
}
.ml-20 {
	margin-left: 20px;
}
.ml-25 {
	margin-left: 25px;
}
.ml-30 {
	margin-left: 30px;
}
.ml-35 {
	margin-left: 35px;
}
.ml-40 {
	margin-left: 40px;
}
.ml-45 {
	margin-left: 45px;
}
.ml-50 {
	margin-left: 50px;
}
.ml-55 {
	margin-left: 55px;
}
.ml-60 {
	margin-left: 60px;
}
.ml-65 {
	margin-left: 65px;
}
.ml-70 {
	margin-left: 70px;
}
.ml-75 {
	margin-left: 75px;
}
.ml-80 {
	margin-left: 80px;
}
.ml-85 {
	margin-left: 85px;
}
.ml-90 {
	margin-left: 90px;
}
.ml-95 {
	margin-left: 95px;
}
.ml-100 {
	margin-left: 100px;
}
.ml-105 {
	margin-left: 105px;
}
.ml-110 {
	margin-left: 110px;
}
.ml-115 {
	margin-left: 115px;
}
.ml-120 {
	margin-left: 120px;
}
.ml-125 {
	margin-left: 125px;
}
.ml-130 {
	margin-left: 130px;
}
.ml-135 {
	margin-left: 135px;
}
.ml-140 {
	margin-left: 140px;
}
.ml-145 {
	margin-left: 145px;
}
.ml-150 {
	margin-left: 150px;
}
.ml-155 {
	margin-left: 155px;
}
.ml-160 {
	margin-left: 160px;
}
.ml-165 {
	margin-left: 165px;
}
.ml-170 {
	margin-left: 170px;
}
.ml-175 {
	margin-left: 175px;
}
.ml-180 {
	margin-left: 180px;
}
.ml-185 {
	margin-left: 185px;
}
.ml-190 {
	margin-left: 190px;
}
.ml-195 {
	margin-left: 195px;
}
.ml-200 {
	margin-left: 200px;
}
/*-- margin right --*/
.mr-5 {
	margin-right: 5px;
}
.mr-10 {
	margin-right: 10px;
}
.mr-15 {
	margin-right: 15px;
}
.mr-20 {
	margin-right: 20px;
}
.mr-25 {
	margin-right: 25px;
}
.mr-30 {
	margin-right: 30px;
}
.mr-35 {
	margin-right: 35px;
}
.mr-40 {
	margin-right: 40px;
}
.mr-45 {
	margin-right: 45px;
}
.mr-50 {
	margin-right: 50px;
}
.mr-55 {
	margin-right: 55px;
}
.mr-60 {
	margin-right: 60px;
}
.mr-65 {
	margin-right: 65px;
}
.mr-70 {
	margin-right: 70px;
}
.mr-75 {
	margin-right: 75px;
}
.mr-80 {
	margin-right: 80px;
}
.mr-85 {
	margin-right: 85px;
}
.mr-90 {
	margin-right: 90px;
}
.mr-95 {
	margin-right: 95px;
}
.mr-100 {
	margin-right: 100px;
}
.mr-105 {
	margin-right: 105px;
}
.mr-110 {
	margin-right: 110px;
}
.mr-115 {
	margin-right: 115px;
}
.mr-120 {
	margin-right: 120px;
}
.mr-125 {
	margin-right: 125px;
}
.mr-130 {
	margin-right: 130px;
}
.mr-135 {
	margin-right: 135px;
}
.mr-140 {
	margin-right: 140px;
}
.mr-145 {
	margin-right: 145px;
}
.mr-150 {
	margin-right: 150px;
}
.mr-155 {
	margin-right: 155px;
}
.mr-160 {
	margin-right: 160px;
}
.mr-165 {
	margin-right: 165px;
}
.mr-170 {
	margin-right: 170px;
}
.mr-175 {
	margin-right: 175px;
}
.mr-180 {
	margin-right: 180px;
}
.mr-185 {
	margin-right: 185px;
}
.mr-190 {
	margin-right: 190px;
}
.mr-195 {
	margin-right: 195px;
}
.mr-200 {
	margin-right: 200px;
}

/*-- Padding Top --*/

.pt-5 {
	padding-top: 5px;
}
.pt-10 {
	padding-top: 10px;
}
.pt-15 {
	padding-top: 15px;
}
.pt-20 {
	padding-top: 20px;
}
.pt-25 {
	padding-top: 25px;
}
.pt-30 {
	padding-top: 30px;
}
.pt-35 {
	padding-top: 35px;
}
.pt-40 {
	padding-top: 40px;
}
.pt-45 {
	padding-top: 45px;
}
.pt-50 {
	padding-top: 50px;
}
.pt-55 {
	padding-top: 55px;
}
.pt-60 {
	padding-top: 60px;
}
.pt-65 {
	padding-top: 65px;
}
.pt-70 {
	padding-top: 70px;
}
.pt-75 {
	padding-top: 75px;
}
.pt-80 {
	padding-top: 80px;
}
.pt-85 {
	padding-top: 85px;
}
.pt-90 {
	padding-top: 90px;
}
.pt-95 {
	padding-top: 95px;
}
.pt-100 {
	padding-top: 100px;
}
.pt-105 {
	padding-top: 105px;
}
.pt-110 {
	padding-top: 110px;
}
.pt-115 {
	padding-top: 115px;
}
.pt-120 {
	padding-top: 120px;
}
.pt-125 {
	padding-top: 125px;
}
.pt-130 {
	padding-top: 130px;
}
.pt-135 {
	padding-top: 135px;
}
.pt-140 {
	padding-top: 140px;
}
.pt-145 {
	padding-top: 145px;
}
.pt-150 {
	padding-top: 150px;
}
.pt-155 {
	padding-top: 155px;
}
.pt-160 {
	padding-top: 160px;
}
.pt-165 {
	padding-top: 165px;
}
.pt-170 {
	padding-top: 170px;
}
.pt-175 {
	padding-top: 175px;
}
.pt-180 {
	padding-top: 180px;
}
.pt-185 {
	padding-top: 185px;
}
.pt-190 {
	padding-top: 190px;
}
.pt-195 {
	padding-top: 195px;
}
.pt-200 {
	padding-top: 200px;
}

.pt-201 {
	padding-top: 400px;
}

/*-- Padding Bottom --*/

.pb-5 {
	padding-bottom: 5px;
}
.pb-10 {
	padding-bottom: 10px;
}
.pb-15 {
	padding-bottom: 15px;
}
.pb-20 {
	padding-bottom: 20px;
}
.pb-25 {
	padding-bottom: 25px;
}
.pb-30 {
	padding-bottom: 30px;
}
.pb-35 {
	padding-bottom: 35px;
}
.pb-40 {
	padding-bottom: 40px;
}
.pb-45 {
	padding-bottom: 45px;
}
.pb-50 {
	padding-bottom: 50px;
}
.pb-55 {
	padding-bottom: 55px;
}
.pb-60 {
	padding-bottom: 60px;
}
.pb-65 {
	padding-bottom: 65px;
}
.pb-70 {
	padding-bottom: 70px;
}
.pb-75 {
	padding-bottom: 75px;
}
.pb-80 {
	padding-bottom: 80px;
}
.pb-85 {
	padding-bottom: 85px;
}
.pb-90 {
	padding-bottom: 90px;
}
.pb-95 {
	padding-bottom: 95px;
}
.pb-100 {
	padding-bottom: 100px;
}
.pb-105 {
	padding-bottom: 105px;
}
.pb-110 {
	padding-bottom: 110px;
}
.pb-115 {
	padding-bottom: 115px;
}
.pb-120 {
	padding-bottom: 120px;
}
.pb-125 {
	padding-bottom: 125px;
}
.pb-130 {
	padding-bottom: 130px;
}
.pb-135 {
	padding-bottom: 135px;
}
.pb-140 {
	padding-bottom: 140px;
}
.pb-145 {
	padding-bottom: 145px;
}
.pb-150 {
	padding-bottom: 150px;
}
.pb-155 {
	padding-bottom: 155px;
}
.pb-160 {
	padding-bottom: 160px;
}
.pb-165 {
	padding-bottom: 165px;
}
.pb-170 {
	padding-bottom: 170px;
}
.pb-175 {
	padding-bottom: 175px;
}
.pb-180 {
	padding-bottom: 180px;
}
.pb-185 {
	padding-bottom: 185px;
}
.pb-190 {
	padding-bottom: 190px;
}
.pb-195 {
	padding-bottom: 195px;
}
.pb-200 {
	padding-bottom: 200px;
}

/*-- Padding left --*/

.pl-0 {
	padding-left: 0px;
}
.pl-5 {
	padding-left: 5px;
}
.pl-10 {
	padding-left: 10px;
}
.pl-15 {
	padding-left: 15px;
}
.pl-20 {
	padding-left: 20px;
}
.pl-25 {
	padding-left: 25px;
}
.pl-30 {
	padding-left: 30px;
}
.pl-35 {
	padding-left: 35px;
}
.pl-40 {
	padding-left: 40px;
}
.pl-45 {
	padding-left: 45px;
}
.pl-50 {
	padding-left: 50px;
}
.pl-55 {
	padding-left: 55px;
}
.pl-60 {
	padding-left: 60px;
}
.pl-65 {
	padding-left: 65px;
}
.pl-70 {
	padding-left: 70px;
}
.pl-75 {
	padding-left: 75px;
}
.pl-80 {
	padding-left: 80px;
}
.pl-85 {
	padding-left: 85px;
}
.pl-90 {
	padding-left: 90px;
}
.pl-100 {
	padding-left: 100px;
}
.pl-105 {
	padding-left: 105px;
}
.pl-110 {
	padding-left: 110px;
}
.pl-115 {
	padding-left: 115px;
}
.pl-120 {
	padding-left: 120px;
}
.pl-125 {
	padding-left: 125px;
}
/*-- Padding right --*/

.pr-0 {
	padding-right: 0px;
}
.pr-5 {
	padding-right: 5px;
}
.pr-10 {
	padding-right: 10px;
}
.pr-15 {
	padding-right: 15px;
}
.pr-20 {
	padding-right: 20px;
}
.pr-25 {
	padding-right: 25px;
}
.pr-30 {
	padding-right: 30px;
}
.pr-35 {
	padding-right: 35px;
}
.pr-40 {
	padding-right: 40px;
}
.pr-45 {
	padding-right: 45px;
}
.pr-50 {
	padding-right: 50px;
}
.pr-55 {
	padding-right: 55px;
}
.pr-60 {
	padding-right: 60px;
}
.pr-65 {
	padding-right: 65px;
}
.pr-70 {
	padding-right: 70px;
}
.pr-75 {
	padding-right: 75px;
}
.pr-80 {
	padding-right: 80px;
}
.pr-85 {
	padding-right: 85px;
}
.pr-90 {
	padding-right: 90px;
}
.pr-95 {
	padding-right: 95px;
}
.pr-100 {
	padding-right: 100px;
}
.pr-105 {
	padding-right: 105px;
}

/* Border */
.border-bottom{
	border-bottom: 1px solid #40403b !important;
}
.border-top{
	border-top: 1px solid #40403b !important;
}
.border-left{
	border-left: 1px solid #40403b !important;
}
.border-right{
	border-right: 1px solid #40403b !important;
}

/* BG */
.bg-norepeat{
	background-repeat: no-repeat;
}
.bg-center{
	background-position: center;
}
.bg-left{
	background-position: left;
}
.bg-right{
	background-position: right;
}
.bg-bottom{
	background-position: bottom;
}
.bg-top{
	background-position: top;
}

/*-----------------------------------------------------------------------------------
    CSS INDEX
    ===================
    Common
    Header
    -- Off canvas menu
    -- Breadcrumb CSS
    Banner
    About
    Jewelries Tab
    Call TO Action
    Text Block
    Testimonial
    Latest Post
    Core Feature
    -- Dark Style
    Jewelries
    -- Jewelries Gird
    -- Jewelries List
    -- Jewelries Slider
      -- Jewelries Slider One
      -- Jewelries Slider Two
    -- Jewelries Details
    Counter
    Our Menu
    Contact
    -- Contact info box
    Offers
    Gallery
    News
    -- News Details
    -- Paginations
    -- Sidebars
    Booking Form
    Places
    -- Places Details
    Gold Earring
    Footer
    -- Subscibe
    -- Widgets
    -- Copy Right
    -- Back to top

-----------------------------------------------------------------------------------*/


/*=======  COMMON CSS  =======*/
:root {
    --primary-font: 'Gloock', 'serif';
        --secondary-font: 'Domine', 'Montserrat','sans-serif';
        --title-font: 'Dancing Script';
        --primary-color: #f6f6f6;
        --primary-text-color: #041f60;
        --primary-card-color: #eeece8;
        --primary-hover-color: #cd865c;
        --secondary-card-color: rgb(238, 246, 247);
        --feature-bg-color:#ece6d3;
        --cat-bg-color:#f2e7e9;
        --main-cat-bg-color:#eef7ee;
        --white-color: #ffffff;
        --header-height: 80px;
        --mobile-header-height: 60px;
        --green-color: #024908;
        --grey-color: #A9A9A9;
        --black-color: #101010;
        --gold-color: #e6d710;
        --gradient-text: linear-gradient(90deg, #31063a, #ff2b59);
        --shadow-color: rgba(0, 0, 0, 0.1);
        --focus-outline: var(--primary-hover-color);
        --overlay-blur: blur(2px);
        --gradient-border: linear-gradient(145deg, var(--primary-hover-color), var(--gold-color)) ;
        --text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
        --primary-gradient: linear-gradient(135deg, var(--secondary-card-color) 0%, var(--primary-card-color) 100%);
        --button-bg: var(--primary-hover-color);
        --shimmer-color: rgba(255, 255, 255, 0.2);
        --overlay-bg: rgba(0, 0, 0, 0.3);
        --gradient-bg-color: linear-gradient(145deg, #edebe7, #ebe8c5);
        --virtual-shop-card:#f6ebd5;
        --shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
            --shadow-md: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
            --shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
            --radius-sm: 0.375rem;
            --radius-md: 0.5rem;
            --radius-lg: 0.75rem;
            --radius-xl: 1rem;
            --transition: all 0.3s ease;
            --transition-fast: all 0.15s ease;
            --blue-color: #3498db;
            --purple-color: #9b59b6;
            --orange-color: #f39c12;
            --red-color: #e74c3c;
    }

        /* Dark mode support */
        @media (prefers-color-scheme: dark) {
            :root {
            --primary-font: 'Gloock', 'serif';
                --secondary-font: 'Domine','Montserrat', 'sans-serif';
                --title-font: 'Dancing Script';
                --primary-color: #f6f6f6;
                --primary-text-color: #041f60;
                --primary-card-color: #eeece8;
                --primary-hover-color: #cd865c;
                --secondary-card-color: rgb(238, 246, 247);
                --feature-bg-color: #ece6d3;
                --cat-bg-color: #f2e7e9;
                --main-cat-bg-color: #eef7ee;
                --white-color: #ffffff;
                --header-height: 80px;
                --mobile-header-height: 60px;
                --green-color: #024908;
                --grey-color: #A9A9A9;
                --black-color: #101010;
                --gold-color: #e6d710;
                --gradient-text: linear-gradient(90deg, #31063a, #ff2b59);
                --shadow-color: rgba(0, 0, 0, 0.1);
                --focus-outline: var(--primary-hover-color);
                --overlay-blur: blur(2px);
                --gradient-border: linear-gradient(145deg, var(--primary-hover-color), var(--gold-color));
                --text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
                --primary-gradient: linear-gradient(135deg, var(--secondary-card-color) 0%, var(--primary-card-color) 100%);
                --button-bg: var(--primary-hover-color);
                --shimmer-color: rgba(255, 255, 255, 0.2);
                --overlay-bg: rgba(0, 0, 0, 0.3);
                --gradient-bg-color: linear-gradient(145deg, #edebe7, #ebe8c5);
                --virtual-shop-card: #f6ebd5;
                --shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
                --shadow-md: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
                --shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
                --radius-sm: 0.375rem;
                --radius-md: 0.5rem;
                --radius-lg: 0.75rem;
                --radius-xl: 1rem;
                --transition: all 0.3s ease;
                --transition-fast: all 0.15s ease;
                --blue-color: #3498db;
                --purple-color: #9b59b6;
                --orange-color: #f39c12;
                --red-color: #e74c3c;
            }
        }
.texture-1 {
    position: absolute;
    bottom: -250px;
    left: -220px;
}

html {
    width: 100%;
    overflow-x: hidden;
}

.circle-out {
    border-radius: 50%;
    height: 40px;
    width: 40px;
    background-color: rgba(255, 255, 255, .2);
    border: 1px solid #a3a3a3;
    position: absolute;
    z-index: 39393993;
}

body {
    font-family: 'Domine';
    font-weight: normal;
    font-style: normal;
    color: #041f60;
    overflow: hidden;
    font-size: 14px;
    line-height: 1.6;
    background-color: #f6f6f6 !important;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    text-decoration: none !important;

}

img {
    max-width: 100%;
    transition: all 0.4s ease-out 0s;
}

a:focus,
input:focus,
textarea:focus,
button:focus,
.slick-initialized .slick-slide:focus,
.btn:focus {
    text-decoration: none;
    outline: none;
    box-shadow: none;
}

a:focus,
a:hover {
    text-decoration: none;
}

i,
span,
a {
    display: inline-block;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Montserrat", serif;
    font-weight: 400;
    margin: 0px;
}

h1,
h1 a,
h2,
h2 a,
h3,
h3 a,
h4,
h4 a,
h5,
h5 a,
h6,
h6 a {
    color: #000000;
}

h1 {
    font-size: 48px;
}

h2 {
    font-size: 36px;
}

h3 {
    font-size: 28px;
}

h4 {
    font-size: 22px;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 16px;
}

ul,
ol {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

p {
    margin: 0px;
}

a {
    transition: all 0.3s ease-out 0s;
}

a,
a:hover {
    color: #cd865c;
    color: var(--primary-hover-color);
}

input,
select,
textarea,
select {
    border: none;
    width: 100%;
    height: 70px;
    background-color: #1c1b19;
    padding: 0 40px;
}

textarea {
    height: 250px;
    padding-top: 25px;
}

::placeholder,
input,
textarea,
select {
    font-family: "Montserrat", sans-serif;
    color: #a3a3a3;
}

.nice-select {
    width: 100%;
    background-color: transparent;
    border-radius: 0;
    position: relative;
    border: none;
    height: 70px;
    padding-left: 50px;
    line-height: 70px;
}

.nice-select .list {
    width: 100%;
    border-radius: 0;
    background-color: #353530;
}

.nice-select .option:hover,
.nice-select .option.focus,
.nice-select .option.selected.focus {
    background-color: #272626;
}

.nice-select .list li {
    line-height: 35px;
    color: #a3a3a3;
}

.nice-select .list li:hover,
.nice-select .list li.option:hover {
    background-color: #fcd462;
    color: #fff;
}

.nice-select::after {
    display: none;
}

.nice-select::before {
    content: '\f063';
    font-family: 'Montserrat';
    font-weight: 300;
    position: absolute;
    left: 30px;
    top: 50%;
    color: #fcd462;
    transform: translateY(-50%);
}

.input-group input,
.input-group select,
.input-group textarea,
.input-group select {
    padding-left: 80px;
}

.input-group label {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 10px;
    color: #fff;
    display: block;
}

.input-group .icon {
    position: absolute;
    left: 40px;
    bottom: 35px;
    color: #fcd462;
    transform: translateY(50%);
}

.input-group.textarea .icon {
    top: 25px;
    bottom: auto;
    transform: translateY(0);
}

.input-group .nice-select {
    padding-left: 80px;
}

.input-group .nice-select::before {
    left: 40px;
}

.input-group.input-group-two input,
.input-group.input-group-two select,
.input-group.input-group-two textarea,
.input-group.input-group-two select {
    height: 60px;
    padding: 0px 50px 0 30px;
    background-color: #353530;
    color: #a3a3a3;
}

.input-group.input-group-two ::placeholder {
    opacity: 1;
    color: #a3a3a3;
}

.input-group.input-group-two .icon {
    left: auto;
    bottom: 30px;
    right: 30px;
}

.input-group.input-group-two .nice-select {
    background-color: #353530;
    padding: 0 50px 0 30px;
    height: 60px;
    line-height: 60px;
}

.input-group.input-group-two .nice-select::before {
    left: auto;
    right: 30px;
}


/*=======  COMMON CLASS  =======*/

@media(min-width:2000px){
    .container{
        width:100%
    }
}


.slick-slide img {
    display: inline-block;
}

.bg-black {
    background-color: #f6f6f6;
    background-color: var(--primary-color);
}

.text-yellow {
    color: #041f60;
    color: var(--primary-text-color);
}

.main-btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    user-select: none;
    padding: 0 20px !important;
    font-size: 14px;
    line-height: 40px;
    cursor: pointer;
    transition: all 0.4s ease-out 0s;
    text-transform: capitalize;
    color: #041f60;
    color: var(--primary-text-color);
    border: none !important; 
    font-family: 'Montserrat';
}

.main-btn.btn-filled {
    position: relative;
    background-color: #ffffff;
    background-color: var(--white-color) ;
    color: #041f60;
    color: var(--primary-text-color);
    transform-origin: center;
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out, background-color 0.3s;
    border: none !important;
}

.main-btns {
    display: inline-block;
    font-weight: 300;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    user-select: none;
    padding: 0 20px;
    font-size: 14px;
    line-height: 40px;
    cursor: pointer;
    transition: all 0.4s ease-out 0s;
    text-transform: capitalize;
    letter-spacing: 1px;
    color: #f6f6f6;
    color: var(--primary-color);
    border: none;
    font-family: 'Montserrat';
}

.main-btns.btn-filled {
    background-color: #cd865c !important;
    background-color: var(--primary-hover-color) !important;
    color: #f6f6f6 !important;
    color: var(--primary-color) !important;
}

.main-btns.btn-filled:hover {
    background-color: #024908 !important;
    background-color: var(--green-color) !important;
    color: #ffffff !important;
    color: var(--white-color) !important;
    box-shadow: none;

}
.btn-main {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    user-select: none;
    padding: 0 20px;
    font-size: 14px;
    line-height: 40px;
    cursor: pointer;
    transition: all 0.4s ease-out 0s;
    text-transform: capitalize;
    color: #041f60;
    color: var(--primary-text-color);
    border: none;
    font-family: 'Montserrat';
}

.btn-main.main-filled {
    position: relative;
    background-color: #3498db;
    background-color: var(--blue-color);
    color: #ffffff;
    color: var(--white-color);
    transform-origin: center;
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out, background-color 0.3s;
}
.btn-main.main-filled:hover {
    background-color: #cd865c !important;
    background-color: var(--primary-hover-color) !important;
    color: #ffffff !important;
    color: var(--white-color) !important;
    box-shadow: none;
    border: #cd865c !important;
    border: var(--primary-hover-color) !important;
    position: relative;

}
.btn-main.main-filled::after {
    content: "";
    position: absolute;
    bottom: 6px;
    left: 50%;
    transform: translateX(-50%);
    width: 0%;
    height: 2px;
    background-color: #ffffff;
    background-color: var(--white-color);
    /* Or any line color you prefer */
    transition: width 0.3s ease-in-out;
}

.btn-main.main-filled:hover::after {
    width: 60%;
    /* How long you want the line */
}
.main-btn.btn-filled:hover {
    background-color: #cd865c !important;
    background-color: var(--primary-hover-color) !important;
    color: #ffffff !important;
    color: var(--white-color) !important;
    box-shadow: none;
    border: #cd865c !important;
    border: var(--primary-hover-color) !important;
    position: relative;

}

.main-btn.btn-filled::after {
    content: "";
    position: absolute;
    bottom: 6px;
    left: 50%;
    transform: translateX(-50%);
    width: 0%;
    height: 2px;
    background-color: #ffffff;
    background-color: var(--white-color);
    /* Or any line color you prefer */
    transition: width 0.3s ease-in-out;
}

.main-btn.btn-filled:hover::after {
    width: 60%;
    /* How long you want the line */
}

.main-btn.btn-border:hover {
    background-color: #f6f6f6 !important;
    background-color: var(--primary-color) !important;
    color: #f6f6f6 !important;
    color: var(--primary-color) !important;
    box-shadow: 0px 14px 24px 0px rgba(190, 173, 142, 0.4);
}

.section-title .title-tag {
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #041f60;
    color: var(--primary-text-color);
    font-family: 'Gloock', 'serif';
    font-family: var(--primary-font);
}

.section-title .sub-title {
    margin-top: 20px;
    font-size: 24px;
    color: #A9A9A9;
    color: var(--grey-color);
    font-family: 'Domine', 'Montserrat','sans-serif';
    font-family: var(--secondary-font);
}

@media (max-width: 767px) {
    .section-title span.title-tag {
        letter-spacing: 1px;
        font-size: 16px;
    }
}

@media (max-width: 399px) {
    .section-title span.title-tag {
        font-size: 14px;
    }
}

.section-title h2 {
    font-size: 32px;
    letter-spacing: -2px;
    font-family: 'Domine', 'Montserrat','sans-serif';
    font-family: var(--secondary-font);
    color: #041f60;
    color: var(--primary-text-color);
}

.section-title .section-title-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-bottom: 30px;
    color: #cd865c;
    color: var(--primary-hover-color);
}

.diamond-spark.spark-1 {
    animation-name: spark1;
    animation-iteration-count: infinite;
    animation-fill-mode: forwards;
    animation-duration: 1.5s;
}

.diamond-spark.spark-2 {
    animation-name: spark2;
    animation-iteration-count: infinite;
    animation-fill-mode: forwards;
    animation-duration: 1.5s;
}

.diamond-spark.spark-3 {
    animation-name: spark3;
    animation-iteration-count: infinite;
    animation-fill-mode: forwards;
    animation-duration: 1.5s;
}

.diamond-spark.spark-4 {
    animation-name: spark4;
    animation-iteration-count: infinite;
    animation-fill-mode: forwards;
    animation-duration: 1.5s;
}

.section-title .section-title-icon:before,
.section-title .section-title-icon:after {
    content: "";
    width: 160px;
    height: 1px;
    background-color: #f6f6f6;
    background-color: var(--primary-color);
}

.section-title .section-title-icon svg {
    margin: 0 15px;
    width: 45px;
    height: 45px;
    color: #041f60;
    color: var(--primary-text-color);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .section-title h2 {
        font-size: 24px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-title h2 {
        font-size: 24px;
    }
}

@media (max-width: 767px) {
    .section-title h2 {
        font-size: 22px;
    }
}

@media (max-width: 399px) {
    .section-title h2 {
        font-size: 20px;
    }
}

.section-title.white-color span.title-tag {
    color: #fcd462;
}

.section-title.white-color h2 {
    color: #041f60;
    color: var(--primary-text-color);
}

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

.section {
    position: relative;
}

.arrow-style {
    display: flex;
    justify-content: flex-end;
}

.arrow-style .slick-arrow {
    height: 50px;
    width: 50px;
    text-align: center;
    line-height: 50px;
    font-size: 18px;
    color: #ffffff;
    color: var(--white-color);
    background-color: #cd865c;
    background-color: var(--primary-hover-color);
    cursor: pointer;
    transition: all 0.3s ease-out 0s;
}

.bg-black .arrow-style .slick-arrow {
    background-color: #cd865c;
    background-color: var(--primary-hover-color);
}

.arrow-style .slick-arrow.next-arrow {
    margin-left: 20px;
}

.arrow-style .slick-arrow:hover,
.arrow-style .slick-arrow.next-arrow {
    background-color: rgb(238, 246, 247);
    background-color: var(--secondary-card-color);
    color: #041f60;
    color: var(--primary-text-color);
    box-shadow: 0px 14px 24px 0px rgba(190, 173, 142, 0.3);
}


/*=======  Preloader  =======*/

.preloader {
    background-color: #353530;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
}

.preloader svg {
    width: 400px;
    height: 100px;
}

.preloader .cssload-container {
    width: 60px;
    height: 60px;
    position: absolute;
    transition: all 0.4s ease-out 0s;
    top: 50%;
    left: 50%;
    margin: -30px 0 0 -30px;
    transform: rotate(45deg);
}

.preloader .cssload-container div {
    width: 6px;
    height: 6px;
    background: #000;
    border-radius: 100%;
    float: left;
    margin-bottom: 12px;
    animation: scaleDot 2s ease infinite;
}

.preloader .cssload-container div:not(:nth-child(4n+4)) {
    margin-right: 12px;
}

.preloader .cssload-container div:nth-child(1) {
    animation-delay: 0;
}

.preloader .cssload-container div:nth-child(2),
.preloader .cssload-container div:nth-child(5) {
    animation-delay: 0.1s;
}

.preloader .cssload-container div:nth-child(3),
.preloader .cssload-container div:nth-child(6),
.preloader .cssload-container div:nth-child(9) {
    animation-delay: 0.2s;
}

.preloader .cssload-container div:nth-child(4),
.preloader .cssload-container div:nth-child(7),
.preloader .cssload-container div:nth-child(10),
.preloader .cssload-container div:nth-child(13) {
    animation-delay: 0.3s;
}

.preloader .cssload-container div:nth-child(8),
.preloader .cssload-container div:nth-child(11),
.preloader .cssload-container div:nth-child(14) {
    animation-delay: 0.4s;
}

.preloader .cssload-container div:nth-child(12),
.preloader .cssload-container div:nth-child(15) {
    animation-delay: 0.5s;
}

.preloader .cssload-container div:nth-child(16) {
    animation-delay: 0.6s;
}


/*=======  ANIMATION  =======*/

@keyframes spark1 {
    0% {
        transform: translate(0, 0);
        opacity: 1;
    }

    100% {
        transform: translate(-100px, -100px);
        opacity: 0;
    }
}

@keyframes spark2 {
    0% {
        transform: translate(0, 0);
        opacity: 1;
    }

    100% {
        transform: translate(100px, -100px);
        opacity: 0;
    }
}

@keyframes spark3 {
    0% {
        transform: translate(0, 0);
        opacity: 1;
    }

    100% {
        transform: translate(-100px, 100px);
        opacity: 0;
    }
}

@keyframes spark4 {
    0% {
        transform: translate(0, 0);
        opacity: 1;
    }

    100% {
        transform: translate(100px, 100px);
        opacity: 0;
    }
}

@keyframes scaleDot {
    40% {
        transform: scale(1.3) translate(-2px, -2px);
    }

    80% {
        transform: scale(1);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes sticky {
    0% {
        top: -200px;
    }

    100% {
        top: 0;
    }
}

@keyframes pulse-border {
    0% {
        transform: scale(1);
        opacity: 1;
    }

    100% {
        transform: scale(1.3);
        opacity: 0;
    }
}

@keyframes pulse-border-2 {
    0% {
        transform: scale(1);
        opacity: 1;
    }

    100% {
        transform: scale(1.5);
        opacity: 0;
    }
}

@keyframes cssload-loading-ani1 {
    100% {
        transform: translate(39px);
        opacity: 0;
    }
}

@keyframes cssload-loading-ani2 {
    100% {
        transform: translate(19px);
        opacity: 1;
    }
}

@keyframes cssload-loading-ani3 {
    100% {
        transform: translate(19px);
    }
}

@keyframes zoomIn {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.2);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes hvr-buzz-out {
    10% {
        transform: translateX(3px) rotate(2deg);
    }

    20% {
        transform: translateX(-3px) rotate(-2deg);
    }

    30% {
        transform: translateX(3px) rotate(2deg);
    }

    40% {
        transform: translateX(-3px) rotate(-2deg);
    }

    50% {
        transform: translateX(2px) rotate(1deg);
    }

    60% {
        transform: translateX(-2px) rotate(-1deg);
    }

    70% {
        transform: translateX(2px) rotate(1deg);
    }

    80% {
        transform: translateX(-2px) rotate(-1deg);
    }

    90% {
        transform: translateX(1px) rotate(0);
    }

    100% {
        transform: translateX(-1px) rotate(0);
    }
}

@keyframes back-forth {

    0%,
    100% {
        transform: translate(0, 0);
    }

    50% {
        transform: translate(5px, 0);
    }

    80% {
        transform: translate(0px, 0);
    }
}


/*=======  Modals  =======

Moved to seperate css file named as NewsletterStyles.css

*/


/*=======  Topbar CSS  =======*/

.lr-topbar {
    padding-top: 10px;
}

.lr-topbar .lr-topbar-controls>ul>li {
    margin-bottom: 10px;
}

.lr-topbar .lr-topbar-controls>ul>li>a {
    color: #fff;
}

.lr-topbar .lr-topbar-controls.style-2>ul>li>a:hover,
.lr-topbar .lr-topbar-controls>ul>li>a:hover {
    color: #fcd462;
}

.lr-topbar .lr-topbar-controls .css-yk16xz-control {
    line-height: normal;
    height: auto;
    padding: 0;
    padding-left: 20px;
    color: #fff;
}

.lr-topbar .lr-topbar-controls .css-yk16xz-control:before {
    left: 0px;
}

.lr-topbar .lr-topbar-controls .css-yk16xz-control .list {
    width: 150px;
    left: -70px;
    right: 0;
}

.lr-topbar .lr-topbar-controls.style-2>ul {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.lr-topbar .lr-topbar-controls.style-2>ul>li {
    margin-left: 20px;
    padding-left: 20px;
    position: relative;
}

.lr-topbar .lr-topbar-controls.style-2>ul>li:after {
    content: '';
    height: 70%;
    width: 2px;
    display: block;
    background: #40403b;
    position: absolute;
    top: 4px;
    left: 0;
}

.lr-topbar .lr-topbar-controls.style-2>ul>li:first-child {
    padding-left: 0;
    margin-left: 0;
}

.lr-topbar .lr-topbar-controls.style-2>ul>li:first-child:after {
    display: none;
}

.lr-topbar .lr-topbar-controls.style-2>ul>li>a {
    color: #fff;
    font-weight: 600;
}

@media (max-width: 991px) {

    .lr-topbar .lr-topbar-controls.style-2>ul,
    .lr-topbar .lr-topbar-controls>ul {
        justify-content: center;
        text-align: center;
        flex-wrap: wrap;
    }
}


/*=======  HEADER CSS  =======*/

header.header-absolute {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 99;
    background-color: #f6f5f0;
    padding: 10px !important;
    top: 0px;
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    header .container.container-custom-one {
        max-width: 100%;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    header .container.container-custom-one {
        max-width: 100%;
    }
}

header .nav-container {
    position: relative;
    background-color: #f6f5f0;
}

header .nav-container .toggle {
    margin-right: 50px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    header .nav-container .toggle {
        margin-right: 20px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    header .nav-container .toggle {
        margin-right: 15px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    header .nav-container .toggle {
        display: none;
    }
}

@media (max-width: 767px) {
    header .nav-container .toggle {
        display: none;
    }
}

header .nav-container .toggle a {
    color: #fff;
    font-size: 24px;
    padding: 10px;
}

header.plus-three span.dd-trigger {
    display: none;
}

header .nav-container .site-logo img {
    max-width: 250px;
}

.site-logo.site-logo-text a {
    display: flex;
    align-items: center;
}

.site-logo.site-logo-text a svg {
    width: 35px;
    height: 35px;
}

.site-logo.site-logo-text.primray a svg path {
    fill: #fcd462;
}

.site-logo.site-logo-text .site-logo-text {
    margin-left: 20px;
}

.site-logo.site-logo-text .site-logo-text h3,
.site-logo.site-logo-text .site-logo-text h6 {
    color: #404040;
}

.site-logo.site-logo-text .site-logo-text h6 {
    text-transform: lowercase;
    font-family: "Montserrat", sans-serif;
    letter-spacing: 2px;
}

header.plus-three .nav-container {
    justify-content: center;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    header .nav-container .site-logo img {
        max-width: 200px;
    }
}

@media (max-width: 991px) {
    header.plus-three .nav-container {
        justify-content: space-between;
    }

    .site-logo.site-logo-text .site-logo-text {
        margin-left: 15px;
    }

    .site-logo.site-logo-text .site-logo-text h3 {
        font-size: 24px;
    }

    .site-logo.site-logo-text .site-logo-text h6 {
        font-size: 14px;
    }
}

@media (max-width: 575px) {
    header .nav-container .site-logo img {
        max-width: 180px;
    }

    .site-logo.site-logo-text .site-logo-text {
        margin-left: 10px;
    }

    .site-logo.site-logo-text .site-logo-text h3 {
        font-size: 22px;
    }

    .site-logo.site-logo-text .site-logo-text h6 {
        font-size: 12px;
    }
}

header .nav-container .site-logo .sticky-logo {
    display: none;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    header .nav-container .header-info {
        padding: 40px 20px 0;
    }
}

@media (max-width: 767px) {
    header .nav-container .header-info {
        padding: 40px 20px 0;
    }
}

header .nav-container .header-info .item {
    padding-left: 50px;
    position: relative;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    header .nav-container .header-info .item {
        color: #fff;
    }
}

@media (max-width: 767px) {
    header .nav-container .header-info .item {
        color: #fff;
    }
}

header .nav-container .header-info .item i {
    position: absolute;
    left: 0;
    top: 6px;
    height: 30px;
    width: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 4px;
    background: #f8d161;
    color: #353530;
    font-size: 14px;
}

header.sticky-active .nav-container .header-info .item i {
    background: #f8d161;
    color: #353530;
}

header .nav-container .header-info .item span {
    font-weight: 600;
    font-size: 14px;
    padding-bottom: 4px;
}

header .nav-container .header-info .item a {
    display: block;
}

header .nav-container .header-info .item .title {
    font-size: 24px;
    font-weight: 400;
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    header .nav-container .header-info .item .title {
        font-size: 20px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    header .nav-container .header-info .item .title {
        font-size: 16px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    header .nav-container .header-info .item .title {
        color: #fff;
        font-size: 22px;
    }
}

@media (max-width: 767px) {
    header .nav-container .header-info .item .title {
        color: #fff;
        font-size: 22px;
    }
}

header .nav-container .header-info .item:not(:last-child) {
    margin-right: 45px;
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    header .nav-container .header-info .item:not(:last-child) {
        margin-right: 15px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    header .nav-container .header-info .item:not(:last-child) {
        margin-right: 15px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    header .nav-container .header-info .item:not(:last-child) {
        margin-right: 0;
        margin-bottom: 30px;
    }
}

@media (max-width: 767px) {
    header .nav-container .header-info .item:not(:last-child) {
        margin-right: 0;
        margin-bottom: 30px;
    }
}

header .nav-container .menu-items ul li {
    display: inline-block;
    position: relative;
}

header .nav-container .menu-items ul li a {
    font-size: 16px;
    font-weight: 600;
    color: #041f60;
    color: var(--primary-text-color);
    text-transform: capitalize;
    line-height: 80px;
    padding: 0px 20px;
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    header .nav-container .menu-items ul li a {
        font-size: 14px;
        padding: 0 10px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    header .nav-container .menu-items ul li a {
        padding: 0 8px;
    }
}

header .nav-container .menu-items ul li .submenu {
    position: absolute;
    left: 0;
    top: 110%;
    width: 200px;
    background-color: #f6f5f0;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-out 0s;
    z-index: 99;
    height: auto;
}

header .nav-container .menu-items ul li .submenu li {
    display: block;
}

header .nav-container .menu-items ul li .submenu li a {
    display: block;
    padding: 8px 24px;
    position: relative;
    transition: all 0.3s ease-out 0s;
    border-radius: 0;
    margin: 0 0;
    line-height: 30px;
    border-bottom: 1px solid rgb(117 117 117 / 70%);
    color: #404040;
}

header .nav-container .menu-items ul li .submenu li:last-child a {
    border-bottom: none;
}

header .nav-container .menu-items ul li .submenu li a.active {
    background-color: #fcd462;
    color: #fff !important;
    border-color: #fcd462;
}

header .nav-container .menu-items ul li .submenu li a:hover {
    background-color: #fcd462;
    color: #fff !important;
    border-color: #fcd462;
}

header .nav-container .menu-items ul li .submenu li .submenu {
    left: 100%;
    top: 50%;
}

header .nav-container .menu-items ul li .submenu li:hover .submenu {
    top: 0;
}

header .nav-container .menu-items ul li:hover>.submenu {
    opacity: 1;
    visibility: visible;
    top: 100%;
}

header .nav-container .menu-items ul li .dd-trigger {
    display: none;
}

header .nav-container .nav-pushed-item {
    display: none;
}

header .nav-container .navbar-toggler {
    border: none;
    background-color: transparent;
    cursor: pointer;
    display: none;
}

header .nav-container .navbar-toggler span {
    position: relative;
    background-color: #f6f5f0;
    border-radius: 3px;
    display: block;
    height: 3px;
    margin-top: 5px;
    padding: 0;
    transition-duration: 300ms;
    width: 30px;
    cursor: pointer;
    display: block;
}

header .nav-container .navbar-toggler.active span:nth-of-type(1) {
    transform: rotate3d(0, 0, 1, 45deg);
    top: 8px;
}

header .nav-container .navbar-toggler.active span:nth-of-type(2) {
    opacity: 0;
}

header .nav-container .navbar-toggler.active span:nth-of-type(3) {
    transform: rotate3d(0, 0, 1, -45deg);
    top: -8px;
}

header .nav-container .navbar-close {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 12;
    display: none;
}

header .nav-container .navbar-close .cross-wrap {
    width: 26px;
    height: 26px;
    cursor: pointer;
    position: relative;
}

header .nav-container .navbar-close .cross-wrap span {
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    border-radius: 6px;
    background-color: #353530;
}

header .nav-container .navbar-close .cross-wrap span.top {
    top: 12px;
    left: 0;
    transform: rotate(45deg);
}

header .nav-container .navbar-close .cross-wrap span.bottom {
    bottom: 12px;
    left: 0;
    transform: rotate(-45deg);
}

header .nav-container.breakpoint-on .nav-menu {
    background-color: #f6f5f0;
    position: fixed;
    top: 0;
    left: -300px;
    z-index: 9999;
    width: 300px;
    height: 100%;
    transition-duration: 500ms;
    padding: 0;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    display: block;
    overflow-x: hidden;
    overflow-y: scroll;
    padding-top: 70px;
}

header .nav-container.breakpoint-on .nav-menu .menu-items ul li {
    display: block;
}

header .nav-container.breakpoint-on .nav-menu .menu-items ul li a {
    display: block;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    color: #fff !important;
    line-height: 45px !important;
}

header .nav-container.breakpoint-on .nav-menu .menu-items ul li .submenu {
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    box-shadow: none;
    background-color: transparent;
    visibility: visible;
    opacity: 1;
    display: none;
    transition: none;
}

header .nav-container.breakpoint-on .nav-menu .menu-items ul li .submenu li a {
    color: #fff;
    padding: 0px 20px 0 40px;
    line-height: 45px !important;
}

header .nav-container.breakpoint-on .nav-menu .menu-items ul li .submenu li a:hover {
    border-color: rgba(255, 255, 255, 0.5);
}

header .nav-container.breakpoint-on .nav-menu .menu-items ul li .dd-trigger {
    display: block;
    position: absolute;
    right: 0;
    height: 45px;
    width: 45px;
    top: 0;
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    z-index: 2;
    background: transparent;
    text-align: center;
    line-height: 45px;
    cursor: pointer;
    color: #fff;
    font-size: 20px;
}

header .nav-container.breakpoint-on .nav-menu.menu-on {
    left: 0;
}

header .nav-container.breakpoint-on .nav-pushed-item,
header .nav-container.breakpoint-on .navbar-close,
header .nav-container.breakpoint-on .navbar-toggler {
    display: block;
}

header.header-two .site-logo {
    margin: 0 20px;
}

header.header-two .nav-container .toggle a,
header.header-two .nav-container .menu-items ul li a {
    color: #fff;
}

header.header-two .nav-container .navbar-toggler span {
    background-color: #353530;
}

header.header-two .header-info .item i {
    background: #fcd462;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    header.header-two .header-info .item i {
        background: #fff;
    }
}

@media (max-width: 767px) {
    header.header-two .header-info .item i {
        color: #fff;
    }
}

header.header-two .header-info .item a,
header.header-two .header-info .item,
header.header-two .header-info .item .title {
    color: #fff;
}

header.header-three {
    background-color: transparent;
    position: relative;
}

header.header-three.header-absolute {
    position: absolute;
    top: 0;
}

header.header-three .main-menu-area {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 99;
    height: auto;
    bottom: -45px;
    margin-top: -20px !important;

}

@media (max-width: 399px) {
    header.header-three .main-menu-area {
        position: relative;
        bottom: 0;
        top: 0;
    }
}

header.header-three .main-menu-area.sticky-header.sticky-active {
    position: relative;
    top: '-20px' ;
    left: 0;
    right: 0;
    bottom: auto;
    z-index: 999;
    animation: sticky 1.2s;
    background-color: #f6f6f6;
    background-color: var(--primary-color);

}

header.header-three .main-menu-area.sticky-header.sticky-active .nav-container {
    box-shadow: 0px 5px 5px 0px rgba(194, 194, 194, 0.04);
}

header.header-three .main-menu-area.sticky-header.sticky-active .nav-container .menu-items ul li a {
    line-height: 80px;
}








header.header-three .nav-container {
    background-color: #f6f5f0;
    padding: 0 20px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    header.header-three .nav-container {
        padding: 0 10px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    header.header-three .nav-container {
        padding: 10px;
    }
}

@media (max-width: 767px) {
    header.header-three .nav-container {
        padding: 10px;
    }
}

@media (max-width: 399px) {
    header.header-three .nav-container {
        padding: 10px 5px;
        margin-left: -15px;
        margin-right: -15px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    header.header-three .nav-container .site-logo img {
        max-width: 200px;
    }
}

@media (max-width: 399px) {
    header.header-three .nav-container .site-logo img {
        max-width: 150px;
    }
}

header.header-three .nav-container .menu-items ul li a {
    line-height: 60px;
}

header.header-three .nav-container .menu-items ul li .submenu li a {
    line-height: 30px;
}

header.header-three .nav-container .menu-right-buttons {
    display: flex;
}

header.header-three .nav-container .menu-right-buttons .toggle {
    margin-right: 0;
}

header.header-three .nav-container .menu-right-buttons .toggle.dropdown-btn {
    position: static;
}

header.header-three .nav-container .menu-right-buttons>div {
    margin-left: 20px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    header.header-three .nav-container .menu-right-buttons>div {
        margin-left: 5px;
    }
}

@media (max-width: 767px) {
    header.header-three .nav-container .menu-right-buttons>div {
        margin-left: 5px;
    }
}

header.header-three .nav-container .menu-right-buttons .navbar-toggler {
    border: 2px solid rgba(133, 133, 133, 0.2);
    padding: 15px;
}

@media (max-width: 575px) {
    header.header-three .nav-container .menu-right-buttons .navbar-toggler {
        padding: 5px 10px;
    }

    header.header-three .nav-container .menu-right-buttons .navbar-toggler span {
        width: 20px;
    }
}

header.header-three .nav-container .menu-right-buttons a {
    width: 25px;
    height: 25px;
    border: none;
    text-align: center;
    line-height: 25px;
    padding: 0;
    color: #404040;
}

@media (max-width: 575px) {
    header.header-three .nav-container .menu-right-buttons a {
        height: 40px;
        width: 40px;
        line-height: 40px;
        font-size: 14px;
    }
}

header.header-three .nav-container .menu-right-buttons a:hover {

    color: #cd865c;
}

header.header-three .search {
    position: relative;
}

header.header-three .search .search-icon {
    position: relative;
    display: block;
}

header.header-three .search .search-icon .close-icon,
header.header-three .search .search-icon .open-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    transform: translate(-50%, -50%);
}

header.header-three .search .search-icon .close-icon {
    visibility: hidden;
    opacity: 0;
}

header.header-three .search .search-icon.active .close-icon {
    visibility: visible;
    opacity: 1;
}

header.header-three .search .search-icon.active .open-icon {
    visibility: hidden;
    opacity: 0;
}

header.header-three .search .search-form {
    position: absolute;
    right: 0;
    width: 350px;
    display: none;
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.1);
    top: calc(100% + 27px);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    header.header-three .search .search-form {
        top: calc(100% + 17px);
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    header.header-three .search .search-form {
        top: calc(100% + 10px);
    }
}

@media (max-width: 575px) {
    header.header-three .search .search-form {
        top: calc(100% + 20px);
        width: 250px;
    }
}

@media (max-width: 399px) {
    header.header-three .search .search-form {
        right: -100%;
        top: calc(100% + 12px);
    }
}

header.header-three .search .search-form form {
    position: relative;
}

header.header-three .search .search-form form input {
    width: 100%;
    background-color: #353530;
    height: 60px;
    border: none;
    padding-left: 30px;
    padding-right: 60px;
    font-size: 14px;
}

@media (max-width: 575px) {
    header.header-three .search .search-form form input {
        height: 50px;
    }
}

header.header-three .search .search-form form button {
    border: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 60px;
    height: 100%;
    z-index: 1;
    background-color: #fcd462;
    font-size: 14px;
    color: #fff;
    transition: all 0.3s ease-out 0s;
}

header.header-three .search .search-form form button:hover {
    background-color: #f6f5f0;
    color: #1c1b19;
}

header.inner-page.header-absolute {
    background-color: #353530;
    top: 0;
}



@media only screen and (min-width: 768px) and (max-width: 991px) {
    header.inner-page.header-absolute .nav-container {
        padding: 10px 0;
    }
}

@media (max-width: 767px) {
    header.inner-page.header-absolute .nav-container {
        padding: 10px 0;
    }
}

header.inner-page.header-absolute .nav-container .menu-items ul li a {
    line-height: 60px;
}

header.sticky-header.sticky-active {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background-color: #f6f5f0 !important;
    z-index: 999;
    animation: sticky 1.2s;
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.04);
        margin-top: -32px !important;
}

header.sticky-header.sticky-active .lr-topbar {
    display: none;
}

header.sticky-header.header-three.sticky-active {
    background-color: transparent;
}

header.sticky-header.header-three.sticky-active .main-menu-area {
    bottom: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    header.sticky-header.sticky-active .nav-container {
        padding: 10px 0;
    }

    header.sticky-header.sticky-active .nav-container .site-logo img {
        max-width: 200px;
    }
}

@media (max-width: 767px) {
    header.sticky-header.sticky-active .nav-container {
        padding: 10px 0;
    }
}

header.sticky-header.sticky-active .nav-container .menu-items ul li a {
    line-height: 60px;
}

header.sticky-header.sticky-active .nav-container .site-logo .main-logo {
    display: none;
}

header.sticky-header.sticky-active .nav-container .site-logo .sticky-logo {
    display: block;
}

header.sticky-header.sticky-active.header-two .nav-container .toggle a,
header.sticky-header.sticky-active.header-two .nav-container .menu-items ul li a {
    color: #fff;
}

header.sticky-header.sticky-active.header-two .nav-container .navbar-toggler span {
    background-color: #f6f5f0;
}

header.sticky-header.sticky-active.header-two .header-info .item a,
header.sticky-header.sticky-active.header-two .header-info .item,
header.sticky-header.sticky-active.header-two .header-info .item .title {
    color: #fff;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {

    header.sticky-header.sticky-active.header-two .header-info .item a,
    header.sticky-header.sticky-active.header-two .header-info .item,
    header.sticky-header.sticky-active.header-two .header-info .item .title {
        color: #fff;
    }
}

@media (max-width: 767px) {

    header.sticky-header.sticky-active.header-two .header-info .item a,
    header.sticky-header.sticky-active.header-two .header-info .item,
    header.sticky-header.sticky-active.header-two .header-info .item .title {
        color: #fff;
    }
}


/*=====sigma-header======*/

.sigma-header {
    position: relative;
}

.sigma-header .sigma-notification {

    color: #404040;
    width: 15px;
    height: 15px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 10px;
    margin-right: 0;
    position: relative;
    top: -12px;
    left: 35px;
    margin-left: -20px;
}

.sigma-header .sigma-topbar-controls>li.dropdown-btn {
    position: static;
}

.sigma-header .dropdown-btn .cart-dropdown-menu {
    border: none;
    padding: 0;
    margin: 0;
    border-radius: 0;
    padding: 15px;
    width: 350px;
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.1);
    right: 0;
    left: auto;
    background-color: #f6f5f0;
}

.sigma-header .cart-dropdown-menu .cart-items-box {
    display: block;
    overflow-y: auto;
    height: 300px;
}

.sigma-header .cart-dropdown-menu div.cart-items-box {
    height: auto;
    padding-top: 15px;
    overflow: hidden;
}

.sigma-header .cart-dropdown-menu .cart-item {
    border-bottom: 1px solid #40403b;
    padding-bottom: 15px;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sigma-header .cart-dropdown-menu .cart-item:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;
}

.sigma-header .cart-dropdown-menu .cart-item span {
    font-weight: 600;
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
}

.sigma-header .cart-dropdown-menu .cart-item.actions {
    justify-content: flex-start;
}

.sigma-header .cart-dropdown-menu .cart-item.actions button {
    margin-right: 5px;
    padding: 0 15px;
    line-height: 50px;
    height: 50px;
}

.sigma-header .cart-dropdown-menu .cart-item.actions button.btn-borderd {
    background-color: transparent;
    border-color: #40403b;
}

.sigma-header .cart-dropdown-menu .cart-item .img {
    width: 80px;
    height: 80px;
    margin-right: 10px;
}

.sigma-header .cart-dropdown-menu .cart-item .content {
    width: calc(100% - 90px);
}

.sigma-header .cart-dropdown-menu .cart-item .content h5 {
    font-size: 14px;
    margin-bottom: 5px;
    line-height: normal;
}

.sigma-header .cart-dropdown-menu .cart-item .content h5 a {
    font-size: inherit;
}

header.header-three.sigma-header .nav-container .menu-right-buttons .cart-dropdown-menu a {
    width: auto;
    height: auto;
    border: none;
    text-align: left;
    line-height: normal;
    color: inherit;
}

header.header-three.sigma-header .nav-container .menu-right-buttons .cart-dropdown-menu a:hover {
    background-color: transparent;
}

.sigma-header .cart-dropdown-menu .cart-item .content p {
    color: #fcd462;
    margin-bottom: 0;
}


/*=====sigma-navigation======*/

.sigma-mobile-header {
    padding: 0 10px;
    width: 100%;

}

.sigma-header .sigma-main-menu {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sigma-header .sigma-main-menu>.menu-item {
    margin: 0px;
}

.sigma-header .sigma-main-menu>.menu-item>a {
    color: #041f60;
    color: var(--primary-text-color);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 5px;
    line-height: 0px;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Gloock', 'serif';
    font-family: var(--primary-font);
}

@media(max-width:1200px) {
    .sigma-header .sigma-main-menu>.menu-item>a {

        padding: 0px;
        line-height: 0px;
        font-size: 14px;

    }

}

.sigma-header .sigma-main-menu>.menu-item:hover>a {

    color: #cd865c;

    color: var(--primary-hover-color);
}

.sigma-header .sigma-main-menu>.menu-item>a>i {
    margin-right: 0px;
    font-size: 15px;
}

.sigma-header .sigma-main-menu .menu-item-has-children {
    position: relative;
}

.sigma-header .sigma-main-menu .menu-item-has-children .dd-trigger {
    display: none;
}

.sigma-header .sigma-main-menu .menu-item-has-children>.sub-menu {
    position: absolute;
    top: 120%;
    left: 0;
    right: 0;
    background: #f6f5f0;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease-out 0s;
    width: 250px;
    z-index: 10;
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.1);

}

.sigma-header .sigma-main-menu .menu-item-has-children:hover>.sub-menu {
    opacity: 1;
    visibility: visible;
    top: 100%;

}

.sigma-header .sigma-main-menu .menu-item-has-children>.sub-menu>li.menu-item>a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 24px;
    transition: all 0.3s ease-out 0s;
    font-weight: 300;
    text-transform: capitalize;
    font-size: 14px;
    color: #404040;
    line-height: 30px;
    font-family: 'Montserrat';
    background-color: #f6f5f0;
}

.sigma-header .sigma-main-menu .menu-item-has-children>.sub-menu>li.menu-item:last-child>a {
    border-bottom: 0;
}

.sigma-header .sigma-main-menu .menu-item-has-children>.sub-menu>li.menu-item:hover>a {
    background-color: #fcd462;
    color: #cd865c;
    color: var(--primary-hover-color);
    border-color: #fcd462;
}

.sigma-header .sigma-main-menu .menu-item-has-children>.sub-menu>li.menu-item-has-children>a:after {
    position: absolute;
    right: 20px;
    transform: rotate(-90deg);
    display: inline-block;
    margin-left: 0;
    content: "\f107";
    font-family: "Montserrat";
    font-weight: 300;
}

.sigma-header .sigma-main-menu .menu-item-has-children>.sub-menu>li.menu-item-has-children>.sub-menu {
    left: 100%;
    top: -0%;
}

@media(max-width:991px) {
    .sigma-header .sigma-main-menu>.menu-item>a {
        line-height: 70px;
        font-size: 14px;
    }

    .sigma-header .sigma-main-menu .menu-item-has-children:hover>.sub-menu {
        opacity: 1;
        visibility: visible;
        top: 0%;
    }
}

@media(max-width:991px) {
    .sigma-header .sigma-main-menu>.menu-item>a {
        line-height: 70px;
    }

    .sigma-header .sigma-main-menu .menu-item-has-children:hover>.sub-menu {
        opacity: 1;
        visibility: visible;
        top: 0%;
    }
}

/*=======Additional Header css =========*/
.sub-menu {
    width: 90% !important;
    /* Adjust this value as needed */
    left: 50% !important;
    transform: translateX(-50%) !important;
}

/* Adjust the column widths inside the dropdown */
.sub-menu .container .row {
    margin-left: -10px;
    margin-right: -10px;
}

.sub-menu .container .row>div {
    padding-left: 10px;
    padding-right: 10px;
}

/* Specifically target the shop dropdown columns */
.sub-menu .col-lg-3 {
    width: 25%;
    /* Adjust if needed */
    flex: 0 0 25%;
    max-width: 25%;
}

.sub-menu .col-lg-9 {
    width: 75%;
    /* Adjust if needed */
    flex: 0 0 75%;
    max-width: 75%;
}

/* Make the dropdown more compact */
.sigm-megamenu-nav {
    padding: 10px 0;
}


.sigm-megamenu-nav .nav-link {
    padding: 8px 15px !important;
    font-size: 14px;
}

/* Adjust the tab content area */
.tab-content {
    padding: 10px;
}

.sigma-megamenu-navbox {
    margin-bottom: 5px;
}

.sigma-megamenu-navbox h5.sigma-title {
    font-size: 16px;
    margin-bottom: 10px;
    color: #041f60;
    color: var(--primary-text-color);
    font-family: 'Gloock', 'serif';
    font-family: var(--primary-font);
}

.sigma-megamenu-navbox h5.sigma-title a {
    font-size: 16px;
    margin-bottom: 10px;
    color: #041f60;
    color: var(--primary-text-color);
    font-family: 'Gloock', 'serif';
    font-family: var(--primary-font);
}

.sigma-megamenu-navbox .sub-menu li a {
    padding: 5px 0 !important;
    font-size: 13px;
}

/* Make images in dropdown smaller */
.sigma-megamenu-img img {
    max-width: 100%;
    height: auto;
}

/*=====sigma-megamenu======*/

.sigma-header .menu-item-has-megamenu .tab-item {
    display: none;
}

.sigma-header .menu-item-has-megamenu .tab-item.active {
    display: block;
}

.sigma-header .sigma-main-menu .menu-item-has-children.menu-item-has-megamenu {
    position: static;
}

.sigma-header .sigma-main-menu .menu-item-has-children.menu-item-has-megamenu>.sub-menu {
    width: 100%;
    padding: 0 15px;
    top: 120%;
    transition: all 0.3s ease-out 0s;
    opacity: 0;
    visibility: hidden;
}

.sigma-header .sigma-main-menu .menu-item-has-children.menu-item-has-megamenu>.sub-menu .sigm-megamenu-nav {
    border-bottom: 0;
    border-right: 1px solid rgb(117 117 117 / 70%);
    padding: 10px 10px;
    display: block;
    padding-right: 0;
    height: 100%;
}

.sigma-header .sigma-main-menu .menu-item-has-children.menu-item-has-megamenu>.sub-menu .sigma-megamenu-img,
.sigma-header .sigma-main-menu .menu-item-has-children.menu-item-has-megamenu>.sub-menu .sigma-megamenu-navbox {
    padding: 40px 0;
}

.sigma-header .sigma-main-menu .menu-item-has-children.menu-item-has-megamenu>.sub-menu .sigma-megamenu-navbox .sigma-title {
    padding-bottom: 10px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sigma-header .sigma-main-menu .menu-item-has-children.menu-item-has-megamenu>.sub-menu .sigma-megamenu-navbox .sigma-title>a {
    font-size: 14px;
}

.sigma-header .sigma-main-menu .menu-item-has-children.menu-item-has-megamenu>.sub-menu .menu-item-has-children>.sub-menu {
    position: relative;
    width: 100%;
    opacity: 1;
    visibility: visible;
    box-shadow: none;
    top: 0;
    display: none;
}

.sigma-header .sigma-main-menu .menu-item-has-children.menu-item-has-megamenu:hover>.sub-menu .menu-item-has-children>.sub-menu {
    display: block;
}

.sigma-header .sigma-main-menu .menu-item-has-children.menu-item-has-megamenu>.sub-menu .menu-item-has-children>.sub-menu>.menu-item>a {
    padding: 3px 0;
}

.sigma-header .sigma-main-menu .menu-item-has-children.menu-item-has-megamenu>.sub-menu .menu-item-has-children>.sub-menu>.menu-item:hover>a {
    background-color: transparent;
}

.sigma-header .sigma-main-menu .menu-item-has-children.menu-item-has-megamenu:hover>.sub-menu {
    top: 100%;
    opacity: 1;
    visibility: visible;
}

.sigma-header .sigma-main-menu .menu-item-has-children.menu-item-has-megamenu>.sub-menu .sigma-megamenu-image {
    text-align: center;
}

.sigma-header .sigma-main-menu .menu-item-has-children.menu-item-has-megamenu>.sub-menu .sigma-megamenu-image span {
    color: #a3a3a3;
    margin-bottom: 10px;
}

.sigma-header .sigma-main-menu .menu-item-has-children.menu-item-has-megamenu>.sub-menu .sigma-blog-block>img {
    margin-bottom: 10px;
}

.sigma-header .sigma-main-menu .menu-item-has-children.menu-item-has-megamenu>.sub-menu .sigma-blog-block>p {
    text-transform: uppercase;
    font-size: 14px;
    margin-bottom: 5px;
}

.sigma-header .sigma-main-menu .menu-item-has-children.menu-item-has-megamenu>.sub-menu .sigma-blog-block>a {
    font-size: 14px;
    color: #a3a3a3;
}

.sigma-header .sigma-main-menu .menu-item-has-children.menu-item-has-megamenu>.sub-menu .sigma-blog-block>a:hover {
    color: #fcd462;
}

.sigma-header .sigma-main-menu .menu-item-has-children.menu-item-has-megamenu>.sub-menu img {
    width: 100%;
}


/*=====sigma-Mobile header======*/

.sigma-mobile-header {
    display: none;
}

.sigma-mobile-header .sigma-mobile-header-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 10px;
    width: 100% !important;
}

.sigma-mobile-header .sigma-mobile-header-inner .site-logo {
    width: 100%;
}

.sigma-mobile-header .sigma-hamburger-menu {
    display: flex;
    align-items: center;
    cursor: pointer;
    width: 40px;
    height: 40px;
    justify-content: center;
}

.sigma-mobile-header .sigma-hamburger-menu .sigma-menu-btn {
    transition: 0.3s;
}

.sigma-mobile-header .sigma-hamburger-menu .sigma-menu-btn span {
    background: #f6f6f6;
    background: var(--primary-color);
    height: 2px;
    width: 25px;
    margin-bottom: 5px;
    display: block;
    transform: 0.3s;
}

.sigma-mobile-header .sigma-hamburger-menu .sigma-menu-btn span:last-child {
    margin-bottom: 0;
}

.sigma-mobile-header .sigma-hamburger-menu .sigma-menu-btn.active {
    position: relative;
    top: -4px;
    transition: 0.3s;
}

.sigma-mobile-header .sigma-hamburger-menu .sigma-menu-btn.active span:first-child {
    transform: rotate(45deg);
    transition: 0.3s;
    position: relative;
    top: 7.4px;
}

.sigma-mobile-header .sigma-hamburger-menu .sigma-menu-btn.active span:nth-child(2) {
    display: none;
}

.sigma-mobile-header .sigma-hamburger-menu .sigma-menu-btn.active span:last-child {
    transform: rotate(-45deg);
    transition: 0.3s;
}


/*=====Sigma Mobile Menu======*/

.sigma-mobile-menu {
    width: 300px;
    transform: translateX(-100%);
    position: fixed;
    top: 0;
    left: 0;
    background-color: #f6f6f6;
    background-color: var(--primary-color);
    height: 100vh;
    z-index: 10;
    transition: 0.3s all;
    display: none;
    overflow-y: auto;
    overflow-x: hidden;
}

.sigma-mobile-menu.active {
    transform: translateX(0%);
}

.sigma-mobile-menu .sigma-main-menu {
    display: block;
    padding: 40px 0;
}

.sigma-mobile-menu .sigma-main-menu>.menu-item {
    width: 100%;
    margin: 0;
}

.sigma-mobile-menu .sigma-main-menu>.menu-item>a {
    justify-content: space-between;
    padding: 10px;
    line-height: normal !important;
}

.sigma-mobile-menu .sigma-main-menu>.menu-item.menu-item-has-children>a:after {
    display: inline-block;
    margin-left: 0;
    content: "\f107";
    font-family: 'Domine', 'Montserrat','sans-serif';
    font-family: var(--secondary-font);
    font-weight: 400;
}

.sigma-mobile-menu .sigma-main-menu .menu-item-has-children>.sub-menu {
    position: relative;
    top: 0;
    width: 100%;
    opacity: 1;
    visibility: visible;
    display: none;
}

.sigma-mobile-menu .sigma-main-menu .menu-item-has-children>.sub-menu>li.menu-item-has-children>a:after {
    position: relative;
    transform: none;
    right: -10px;
    font-size: 16px;
}

.sigma-mobile-menu .sigma-main-menu .menu-item-has-children>.sub-menu>li.menu-item-has-children>.sub-menu {
    left: 0;
}

.sigma-mobile-menu .sigma-main-menu .menu-item {
    position: relative;
    padding: 0 0px 0 6px;
}

.sigma-mobile-header {
    background-color: #f6f6f6;
    background-color: var(--primary-color);
    padding-top: -50px;
}

@media (max-width: 991px) {

    header.header-three .main-menu-area,
    .sigma-header .sigma-header-nav {
        display: none;
        padding-bottom: 10px;
        width: 100%;
    }

    .sigma-mobile-menu,
    .sigma-mobile-header {
        display: block;
        width: 104% !important;
        margin-left: -12px !important;
    }



}

@media (max-width: 767px) {
    .sigma-mobile-menu,
        .sigma-mobile-header {
            display: block;
            width: 105% !important;
            margin-left: -12px !important;
        }
    .sigma-mobile-header .sigma-mobile-header-inner {
        padding: 10px 0;
    }

}

@media (max-width: 576px) {
    .sigma-header .sigma-topbar-controls.style-2>li {
        margin-left: 10px;
    }

    .lr-topbar-controls {
        display: none;
    }

}


/*=======  Off canvas menu  =======*/

.offcanvas-wrapper {
    position: fixed;
    width: 450px;
    top: 0;
    min-height: 100vh;
    left: 0;
    transition: all 0.4s;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    margin-left: -450px;
}

.offcanvas-wrapper.show-offcanvas {
    margin-left: 0;
    opacity: 1;
    visibility: visible;
}

.offcanvas-wrapper .offcanvas-overly {
    position: fixed;
    height: 100vh;
    width: 100%;
    z-index: 98;
    background-color: #1e1e1e;
    left: 0;
    top: 0;
    transition: all 0.4s;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
}

.offcanvas-wrapper .offcanvas-overly.show-overly {
    visibility: visible;
    opacity: 0.5;
}

.offcanvas-wrapper .offcanvas-widget {
    background-color: #353530;
    width: 100%;
    height: 100vh;
    overflow-y: auto;
    padding: 70px 40px;
    position: relative;
    z-index: 99;
}

.offcanvas-wrapper .offcanvas-widget a.offcanvas-close {
    position: absolute;
    right: 30px;
    top: 30px;
    font-size: 28px;
    color: #fcd462;
}

.offcanvas-wrapper .offcanvas-widget .widget {
    margin-bottom: 50px;
    font-size: 14px;
    /* Search Widget */
    /* Nav Widget */
    /* Social Link */
}

.offcanvas-wrapper .offcanvas-widget .widget .widget-title {
    font-size: 20px;
    margin-bottom: 25px;
    line-height: 1;
    position: relative;
    padding-left: 30px;

}

.offcanvas-wrapper .offcanvas-widget .widget .widget-title::before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 2px;
    background-color: #fcd462;
    content: '';
}

.offcanvas-wrapper .offcanvas-widget .widget.search-widget form {
    position: relative;
}

.offcanvas-wrapper .offcanvas-widget .widget.search-widget form input {
    width: 100%;
    background-color: #1c1b19;
    height: 60px;
    border: none;
    padding-left: 30px;
    padding-right: 60px;
    font-size: 14px;
}

.offcanvas-wrapper .offcanvas-widget .widget.search-widget form button {
    border: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 60px;
    height: 100%;
    z-index: 1;
    background-color: #0a0a0a;
    font-size: 14px;
    color: #fff;
    transition: all 0.3s ease-out 0s;
}

.offcanvas-wrapper .offcanvas-widget .widget.search-widget form button:hover {
    background-color: #f6f5f0;
    color: #1c1b19;
}

.offcanvas-wrapper .offcanvas-widget .widget.nav-widget ul li {
    line-height: 30px;
}

.offcanvas-wrapper .offcanvas-widget .widget.nav-widget ul li a {
    color: #a3a3a3;
    font-weight: 700;
}

.offcanvas-wrapper .offcanvas-widget .widget.nav-widget ul li a:hover {
    padding-left: 10px;
    color: #fcd462;
}

.offcanvas-wrapper .offcanvas-widget .widget.nav-widget ul li .submenu {
    padding-left: 10px;
}

.offcanvas-wrapper .offcanvas-widget .widget.social-link ul li {
    display: inline-block;
    margin-right: 5px;
}

.offcanvas-wrapper .offcanvas-widget .widget.social-link ul li a {
    height: 40px;
    width: 40px;
    background-color: #fcd462;
    color: #fff;
    line-height: 40px;
    text-align: center;
}

.offcanvas-wrapper .offcanvas-widget .widget.social-link ul li a:hover {
    background-color: #f6f5f0;
    color: #1c1b19;
}


/*=======  Breadcrumb CSS  =======*/

.breadcrumb-area {
    background-size: cover;
    background-position: center;
    position: relative;
    z-index: 1;
    margin-top: 130px;
    padding: 50px;

}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .breadcrumb-area {
        margin-top: 100px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .breadcrumb-area {
        margin-top: 100px;
    }
}

@media (max-width: 575px) {
    .breadcrumb-area {
        margin-top: 80px;
    }
}

.breadcrumb-area::before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
    background-color: #353530;
    content: '';
    opacity: 0;
    background-size: contain;
}

.breadcrumb-area .breadcrumb-text {
    position: relative;
    padding: 140px 0;
    text-align: center;
}

.breadcrumb-area .breadcrumb-text,
.breadcrumb-area .breadcrumb-text h2.page-title {
    color: #fff;
}

/* .breadcrumb-area .breadcrumb-text h2.page-title {
    font-size: 72px;
    letter-spacing: -1px;
} */

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .breadcrumb-area .breadcrumb-text h2.page-title {
        font-size: 60px;
    }
}

@media (max-width: 575px) {
    .breadcrumb-area .breadcrumb-text h2.page-title {
        font-size: 50px;
    }
}

.breadcrumb-area .breadcrumb-text span {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 4px;
    text-transform: uppercase;
    padding-bottom: 25px;
}

@media (max-width: 767px) {
    .breadcrumb-area .breadcrumb-text span {
        letter-spacing: 2px;
    }
}

@media (max-width: 575px) {
    .breadcrumb-area .breadcrumb-text span {
        font-size: 12px;
    }
}

.breadcrumb-area .breadcrumb-text .breadcrumb-nav {
    position: absolute;
    left: 50%;
    bottom: -32px;
    background-color: #353530;
    padding: 20px 40px;
    z-index: 2;
    transform: translateX(-50%);
}

@media (max-width: 575px) {
    .breadcrumb-area .breadcrumb-text .breadcrumb-nav {
        padding: 15px 20px;
        font-size: 14px;
        font-family: 'Montserrat';
    }
}

.breadcrumb-area .breadcrumb-text .breadcrumb-nav li {
    display: inline-block;
    font-weight: 700;
    position: relative;

}

.breadcrumb-area .breadcrumb-text .breadcrumb-nav li,
.breadcrumb-area .breadcrumb-text .breadcrumb-nav li a {
    color: #fff;

}

.breadcrumb-area .breadcrumb-text .breadcrumb-nav li a:hover {
    color: #fcd462;

}

.breadcrumb-area .breadcrumb-text .breadcrumb-nav li:not(:first-child) {
    padding-left: 20px;
    margin-left: 20px;
}

.breadcrumb-area .breadcrumb-text .breadcrumb-nav li:not(:first-child)::before {
    position: absolute;
    left: -6px;
    font-size: 7px;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    content: "\f45c";
    font-family: "Montserrat";
    font-weight: 900;
    color: #fff;
}

.breadcrumb-area .breadcrumb-text .breadcrumb-nav li.active {
    color: #fcd462;
}

.breadcrumb-area .breadcrumb-text .breadcrumb-nav li.active::before {
    color: #fcd462;
}


/*=======  BANNER CSS  =======*/

/* ===== Banner Area ===== */
.banner-area {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    margin-top: 160px;
}

/* Slider Wrapper */
.combined-slider {
    height: 100%;
}

/* Single Slide */
.single-slide {
    width: 100%;
    height: 100vh;
    position: relative;
}

/* Image Styling */
.slide-image-wrapper {
    width: 100%;
    height: 100%;
    position: relative;
}

.slide-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Overlay */
.image-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

/* Content Overlay */
.content-overlay {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}

/* Banner Content */
.banner-content {
    position: relative;
    z-index: 3;
    max-width: 100%;
    margin-left: -200px;
}

.banner-content .title {
    font-size: clamp(42px, 8vw, 62px);
    line-height: 1.2;
    font-weight: 400;
    letter-spacing: 2px;
    margin-bottom: 15px;
    color: #041f60;
    color: var(--primary-text-color);
    font-family: 'Gloock', 'serif';
    font-family: var(--primary-font);
}

.banner-content .description {
    font-size: 14px;
    font-family: 'Domine', 'Montserrat','sans-serif';
    font-family: var(--secondary-font);
    line-height: 2;
    margin-bottom: 30px;
}

/* Button */
.button-group {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}



/* === Responsive Breakpoints === */

/* Desktop Adjustments */
@media (min-width: 1300px) {
    .banner-content {
        margin-left: 0px;
    }
}

/* Tablets & Small Desktops */
@media (max-width: 1300px) {
    .banner-area {
        min-height: 500px;
    }

    .single-slide {
        min-height: 500px;
    }

    .content-overlay {
        padding-top: 80px;
        padding-top: var(--header-height);
        margin-left: 0;
    }

    .banner-content {
        padding-top: 40px;
        padding-bottom: 40px;
        text-align: center;
        margin-left: 50px;
    }

    .banner-content .title {
        font-size: 36px;
    }

    .button-group {
        justify-content: center;
    }
}

@media (max-width: 992px) {
    .banner-area {
        min-height: 400px;
        margin-top: 50px;
    }

    .single-slide {
        min-height: 400px;
    }

    .content-overlay {
        padding-top: 80px;
        padding-top: var(--header-height);
        margin-left: 0;
    }

    .banner-content {
        padding-top: 40px;
        padding-bottom: 40px;
        text-align: left;
        margin-left: -50px;
    }

    .banner-content .title {
        font-size: 36px;
    }

    .button-group {
        justify-content: center;
    }
}

/* Mobile Devices */
@media (max-width: 767px) {
    .banner-area {
        height: auto;
        min-height: 100vh;
    }

    .single-slide {
        min-height: 100vh;
    }

    .slide-image {
        opacity: 0.7;
    }

    .banner-content {
        padding-top: 150px;
        padding-bottom: 60px;
        margin: 0 auto;
    }

    .banner-content .title {
        padding-bottom: 15px;
        font-size: clamp(28px, 8vw, 36px);
        line-height: 1.2;
    }

    .main-btn {
        padding: 0px 15px;
        font-size: 12px;
    }
}

/* Extra Small Screens */
@media (max-width: 575px) {
    .button-group {
        flex-direction: column;
        align-items: center;
    }
}

/* Touch Devices */
@media (hover: none) and (pointer: coarse) {
    .combined-slider .slick-slider {
        touch-action: pan-y pinch-zoom;
        -webkit-user-select: none;
        user-select: none;
    }

    .main-btn {
        padding: 0px 20px;
        font-size: 14px;
    }

    .single-slide {
        -webkit-tap-highlight-color: transparent;
    }
}

/*=======  ABOUT CSS  =======*/

.about-section {
    position: relative;
    z-index: 1;
}

.about-section.style-2 img {
    width: 100%;
}

.about-section .down-arrow-wrap {
    padding-bottom: 125px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .about-section .down-arrow-wrap {
        padding-bottom: 90px;
    }
}

@media (max-width: 767px) {
    .about-section .down-arrow-wrap {
        padding-bottom: 90px;
    }
}

.about-section .down-arrow-wrap a.down-arrow {
    height: 60px;
    width: 60px;
    text-align: center;
    line-height: 60px;
    background: #fcd462;
    border-radius: 50%;
    color: #fff;
    box-shadow: 0px 14px 24px 0px rgba(190, 173, 142, 0.3);
    position: relative;
}

.about-section .down-arrow-wrap a.down-arrow::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    border: 1px solid #cccccc;
    border-radius: 50%;
    animation: pulse-border-2 1s linear infinite;
}

.about-section .down-arrow-wrap a.down-arrow::after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    border: 1px solid #cccccc;
    border-radius: 50%;
    animation: pulse-border-2 1.5s linear infinite;
}

.about-section .about-title span.title-tag span {
    color: #1a28a5;
    font-family: 'Gloock', 'serif';
    font-family: var(--primary-font);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .about-section .about-title h2 {
        font-size: 45px;
    }
}

@media (max-width: 575px) {
    .about-section .about-title h2 {
        font-size: 30px;
    }
}

.about-section .about-features {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 35px;
    margin-top: 100px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .about-section .about-features {
        grid-column-gap: 20px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .about-section .about-features {
        grid-column-gap: 15px;
    }
}

@media (max-width: 767px) {
    .about-section .about-features {
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: 2fr;
        grid-column-gap: 15px;
        margin-top: 60px;
    }
}

@media (max-width: 575px) {
    .about-section .about-features {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: 3fr;
    }
}

.about-section .about-features li {
    margin-top: 15px;
}

.about-section .about-features li a {
    background-color: #eeece8;
    background-color: var(--primary-card-color);
    padding: 55px 0 45px;
    box-shadow: 0px 14px 24px 0px rgba(184, 184, 184, 0.1);
    text-align: center;
    display: block;
    color: #041f60;
    color: var(--primary-text-color);
    position: relative;
    z-index: 1;
}

.about-section .about-features li a,
.about-section .about-features li a i,
.about-section .about-features li a span {
    transition: all 0.3s ease-out 0s;
}

.about-section .about-features li a i {
    font-size: 75px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .about-section .about-features li a i {
        font-size: 55px;
    }
}

.about-section .about-features li a img {
    max-width: 75px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .about-section .about-features li a img {
        max-width: 55px;
    }
}

.about-section .about-features li a .title {
    font-size: 12px;
    color: #cd865c;
    color: var(--primary-hover-color);
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 3px;
    padding-top: 10px;
    display: block;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .about-section .about-features li a .title {
        letter-spacing: 2px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .about-section .about-features li a .title {
        letter-spacing: 1px;
    }
}

@media (max-width: 767px) {
    .about-section .about-features li a .title {
        letter-spacing: 1px;
    }
}

.about-section .about-features li a .hover-icon {
    position: absolute;
    right: 0;
    bottom: 0;
    color: #cd865c;
    color: var(--primary-hover-color);
    font-size: 75px;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
}

.about-section .about-features li a:hover {
    background: rgb(238, 246, 247);
    background: var(--secondary-card-color);
    color: #cd865c;
    color: var(--primary-hover-color);
}

.about-section .about-features li a:hover .title {
    color: #041f60;
    color: var(--primary-text-color);
}

.about-section .about-features li a:hover .hover-icon {
    visibility: visible;
    opacity: 0.1;
}

.about-section .about-features.masonry-layout {
    margin-top: 0;
}

@media (max-width: 767px) {
    .about-section .about-features.masonry-layout {
        margin-top: 50px;
    }
}

.about-section .about-features.masonry-layout li {
    margin-top: 0;
}

.about-section .about-features.masonry-layout li:nth-child(2) {
    margin-top: 100px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .about-section .about-features.masonry-layout li:nth-child(2) {
        margin-top: 50px;
    }
}

@media (max-width: 767px) {
    .about-section .about-features.masonry-layout li:nth-child(2) {
        margin-top: 50px;
    }
}

.about-section .about-features.masonry-layout li:nth-child(3) {
    margin-top: 200px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .about-section .about-features.masonry-layout li:nth-child(3) {
        margin-top: 100px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .about-section .about-features.masonry-layout li:nth-child(3) {
        margin-top: 100px;
    }
}

@media (max-width: 575px) {
    .about-section .about-features.masonry-layout li:nth-child(3) {
        margin-top: 0;
    }
}

.about-section .about-features.masonry-layout li:nth-child(4) {
    margin-top: 100px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .about-section .about-features.masonry-layout li:nth-child(4) {
        margin-top: 50px;
    }
}

@media (max-width: 767px) {
    .about-section .about-features.masonry-layout li:nth-child(4) {
        margin-top: -50px;
    }
}

@media (max-width: 575px) {
    .about-section .about-features.masonry-layout li:nth-child(4) {
        margin-top: 50px;
    }
}

.about-section .about-features-boxes .single-feature-box {
    background-color: #eeece8;
    background-color: var(--primary-card-color);
    padding: 50px 30px;
    box-shadow: 0px 8px 16px 0px rgba(34, 34, 34, 0.02);
    text-align: center;
    font-size: 14px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .about-section .about-features-boxes .single-feature-box {
        padding: 50px 18px;
    }
}

.about-section .about-features-boxes .single-feature-box .icon {
    font-size: 70px;
    margin-bottom: 20px;
    line-height: 1;
    color: #041f60;
    color: var(--primary-text-color);
}

.about-section .about-features-boxes .single-feature-box h4 {
    margin-bottom: 20px;
    font-size: 30px;
    letter-spacing: -1px;
    font-family: 'Gloock', 'serif';
    font-family: var(--primary-font);
    color: #041f60;
    color: var(--primary-text-color);
}

.about-section .about-features-boxes .single-feature-box .title {
    color: #041f60;
    color: var(--primary-text-color);
}

.about-section .about-features-boxes .single-feature-box .title:hover {
    color: #cd865c;
    color: var(--primary-hover-color);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .about-section .about-features-boxes .single-feature-box h4 {
        font-size: 24px;
    }
}

.about-section .about-features-boxes .single-feature-box.only-bg {
    width: 100%;
    height: 100%;
    box-shadow: none;
    min-height: 315px;
    padding: 0;
    background-size: cover;
    background-position: center;
}

.about-section .about-features-boxes .single-feature-box.dark {
    background-color: #eeece8;
    background-color: var(--primary-card-color);
}

.about-section .about-features-boxes .single-feature-box.dark,
.about-section .about-features-boxes .single-feature-box.dark h4,
.about-section .about-features-boxes .single-feature-box.dark h4 a {
    color: #041f60;
    color: var(--primary-text-color);
    font-family: 'Gloock', 'serif';
    font-family: var(--primary-font);
}

.about-section .about-features-boxes .single-feature-box.dark a:hover {
    font-family: 'Gloock', 'serif';
    font-family: var(--primary-font);
    color: #041f60;
    color: var(--primary-text-color);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .about-section .abour-text {
        padding: 0;
        margin-top: 50px;
    }
}

@media (max-width: 767px) {
    .about-section .abour-text {
        padding: 0;
        margin-top: 50px;
    }
}

.about-section .about-text-box {
    background-color: #eeece8;
    background-color: var(--primary-card-color);
    padding: 30px;
    margin-top: 40px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .about-section .about-text-box {
        padding: 50px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .about-section .about-text-box {
        padding: 50px;
    }
}

@media (max-width: 575px) {
    .about-section .about-text-box {
        padding: 40px 20px;
    }
}

.about-section .about-text-box .about-text {
    font-size: 14px;
    padding-left: 20px;
    font-family: 'Domine', 'Montserrat','sans-serif';
    font-family: var(--secondary-font);
    color: #041f60;
    color: var(--primary-text-color);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .about-section .about-text-box .about-text {
        padding: 0;
        margin-top: 50px;
    }
}

@media (max-width: 767px) {
    .about-section .about-text-box .about-text {
        padding: 0;
        margin-top: 50px;
    }
}

.about-section .about-text-box .about-text span {
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 15px;
    font-family: 'Gloock', 'serif';
    font-family: var(--primary-font);
    color: #041f60;
    color: var(--primary-text-color);
}

.about-section .about-text-box .about-text h3 {
    font-size: 38px;
    margin-bottom: 30px;
    letter-spacing: -1px;
    font-family: 'Gloock', 'serif';
    font-family: var(--primary-font);
    color: #041f60;
    color: var(--primary-text-color);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .about-section .about-text-box .about-text h3 {
        font-size: 38px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .about-section .about-text-box .about-text h3 {
        font-size: 34px;
    }
}

@media (max-width: 575px) {
    .about-section .about-text-box .about-text h3 {
        font-size: 32px;
    }
}

.about-section .about-text-box .about-text .main-btn {
    margin-top: 30px;
}

@media (max-width: 575px) {
    .about-section .about-text-box .about-text .main-btn {
        padding: 0 35px;
    }
}

.about-section .about-right-bottom {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
}

.about-section .about-right-bottom .about-bottom-img {
    position: relative;
}

.about-section .about-right-bottom .about-bottom-img::before {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(/static/media/pattern-04.8b620cac5f7553ef6187.png);
    content: "";
    background-size: cover;
    background-position: center;
}

/*========Additional Styles---------*/
.trendy-card-container {
    display: flex;
    flex-direction: row;
    background-color: #d48b5a;
    color: #ffffff;
    /* border-radius: 8px; */
    overflow: hidden;
    font-family: 'Gloock', 'serif';
    font-family: var(--primary-font);
    min-height: 400px;
    /* width: 100%; */
}

.card-image {
    flex: 1 1;
    max-height: 500px;
    overflow: hidden;
}

.card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.card-content {
    flex: 1 1;
    padding: 50px 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: #d48b5a;
}

.card-title {
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 20px;
    color: #ffffff;
    color: var(--white-color);
    font-family: 'Gloock', 'serif';
    font-family: var(--primary-font);
}

.card-desc {
    font-size: 16px;
    line-height: 1.7;
    margin-bottom: 30px;
    color: #041f60;
    color: var(--primary-text-color);
    font-family: 'Domine', 'Montserrat','sans-serif';
    font-family: var(--secondary-font);
}

.shop-btn {
    padding: 12px 26px;
    background-color: #f6f5f0;
    color: #000;
    font-weight: 500;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
    width: -webkit-fit-content;
    width: fit-content;
    border-radius: 4px;
}

.shop-btn:hover {
    background-color: #000;
    color: #fff;
}

/* 🔽 Tablet (768px to 991px) */
@media (max-width: 991px) {
    .card-title {
        font-size: 28px;
    }

    .card-content {
        padding: 40px 30px;
    }

    .card-desc {
        font-size: 15px;
    }

    .shop-btn {
        padding: 10px 22px;
    }
}

/* 🔽 Mobile (max-width: 767px) */
@media (max-width: 767px) {
    .trendy-card-container {
        flex-direction: column;
    }

    .card-content {
        padding: 30px 20px;
        text-align: center;
    }

    .card-title {
        font-size: 24px;
    }

    .card-desc {
        font-size: 14px;
    }

    .shop-btn {
        margin: 0 auto;
        font-size: 14px;
        padding: 10px 20px;
    }

    .card-image {
        max-height: 250px;
    }
}

/*---for shop now button in 50% offer section----------*/
.shop-btn {
    padding: 12px 26px;
    background-color: #f6f6f6;
    background-color: var(--primary-color);
    color: #041f60;
    color: var(--primary-text-color);
    font-weight: 500;
    font-family: 'Domine', 'Montserrat','sans-serif';
    font-family: var(--secondary-font);
    border: none;
    border-radius: 6px;
    text-decoration: none;
    transition: all 0.3s ease;
    display: inline-block;
    font-size: 16px;
}

.shop-btn:hover {
    background-color: var(--secondary-text-color);
    color: #041f60;
    color: var(--primary-text-color);
}

/* 🔽 Responsive Styles */
@media (max-width: 768px) {
    .shop-btn {
        padding: 10px 22px;
        font-size: 15px;
    }
}

@media (max-width: 480px) {
    .shop-btn {
        padding: 8px 20px;
        font-size: 14px;
        width: 100%;
        /* Optional: make full width on mobile */
        text-align: center;
    }
}

/* ==================================
   What We Provide Section Styling
================================== */
.provide-card {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 40px;
    padding: 130px 50px;
    background-color: #cd865c;
    background-color: var(--primary-hover-color);
    /* border-radius: 10px; */
    color: #ffffff;
    color: var(--white-color);
    margin-top: 60px;
    font-family: 'Gloock', 'serif';
    font-family: var(--primary-font);
}

.provide-text {
    flex: 1 1;
    min-width: 300px;
}

.provide-text h2 {
    font-size: 32px;
    margin-bottom: 20px;
    font-weight: 600;
    font-family: 'Gloock', 'serif';
    font-family: var(--primary-font);
}

.provide-text p {
    font-size: 16px;
    line-height: 1.8;
    font-family: 'Domine', 'Montserrat','sans-serif';
    font-family: var(--secondary-font);
    color: #ffffff;
    color: var(--white-color);
}

.provide-bars {
    flex: 1 1;
    min-width: 300px;
    display: flex;
    flex-direction: column;
    gap: 25px;
    justify-content: center;
}

.progress-wrapper {
    width: 100%;
}

.progress-label {
    display: flex;
    justify-content: space-between;
    font-size: 16px;
    margin-bottom: 6px;
    font-family: 'Domine', 'Montserrat','sans-serif';
    font-family: var(--secondary-font);
}

.progress-bar {
    width: 100%;
    height: 14px;
    background-color: #ffffff;
    background-color: var(--white-color);
    border-radius: 8px;
    overflow: hidden;
}

.progress-fill {
    height: 100%;
    background-color: #041f60;
    background-color: var(--primary-text-color);
    transition: width 0.6s ease-in-out;
}

/* ==================================
        Responsive Styling
================================== */
@media (max-width: 1024px) {
    .provide-card {
        padding: 50px 20px;
        gap: 30px;
    }

    .provide-text h2 {
        font-size: 28px;
    }

    .provide-text p {
        font-size: 15px;
    }
}

@media (max-width: 768px) {
    .provide-card {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .provide-text,
    .provide-bars {
        min-width: 100%;
    }

    .progress-label {
        justify-content: space-between;
        font-size: 15px;
    }
}

@media (max-width: 480px) {
    .provide-card {
        padding: 40px 16px;
        gap: 25px;
    }

    .provide-text h2 {
        font-size: 24px;
    }

    .provide-text p {
        font-size: 14px;
        line-height: 1.6;
    }

    .progress-label {
        font-size: 14px;
    }

    .progress-bar {
        height: 12px;
    }
}


/*--------- Testimonials Section ---------*/
.testimonial-section {
    background-color: #f6f6f6;
    background-color: var(--primary-color);
    padding: 80px 20px;
    font-family: 'Gloock', 'serif';
    font-family: var(--primary-font);
    text-align: center;
    /* Ensures all child elements are centered */
}

.testimonial-container {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* This centers all content horizontally */
}

.testimonial-title {
    font-size: 36px;
    font-weight: 600;
    color: #041f60;
    color: var(--primary-text-color);
    margin-bottom: 50px;
    position: relative;
    text-align: center;
    /* Explicit center alignment */
    width: 100%;
    /* Ensures full width for proper centering */
}

.testimonial-title::after {
    content: '';
    position: absolute;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 3px;
    background-color: #cd865c;
    background-color: var(--primary-hover-color);
}

/* Rest of your existing CSS remains the same */
.testimonial-slider {
    position: relative;
    padding: 0 50px;
    width: 100%;
    /* Ensures slider takes full width */
}


.testimonial-item {
    max-width: 820px;
    margin: 0 auto;
    color: #041f60;
    color: var(--primary-text-color);
    padding: 0 20px;
    display: flex !important;
    flex-direction: column;
    align-items: center;
}

.testimonial-quote {
    font-size: 72px;
    color: #cd865c;
    color: var(--primary-hover-color);
    margin-bottom: 20px;
    line-height: 1;
    font-family: 'Gloock', 'serif';
    font-family: var(--primary-font);
}

.testimonial-text {
    font-size: 18px;
    color: #041f60;
    color: var(--primary-text-color);
    margin-bottom: 30px;
    line-height: 1.8;
    font-family: 'Domine', 'Montserrat','sans-serif';
    font-family: var(--secondary-font);
    font-weight: 300;
    position: relative;
    padding: 0 20px;
}

.testimonial-profile {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 20px;
}

.testimonial-profile img.testimonial-img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    object-fit: cover;
    margin-bottom: 15px;
    border: 2px solid #cd865c;
    border: 2px solid var(--primary-hover-color);
}

.testimonial-profile h5 {
    margin: 0 0 5px 0;
    font-weight: 600;
    font-size: 18px;
    color: #041f60;
    color: var(--primary-text-color);
    font-family: 'Gloock', 'serif';
    font-family: var(--primary-font);
}

.testimonial-profile span {
    font-size: 14px;
    color: var(--secondary-text-color);
    font-family: 'Domine', 'Montserrat','sans-serif';
    font-family: var(--secondary-font);
    font-weight: 300;
    margin-bottom: 40px;
}

/* Slider Navigation */
.testimonial-slider .slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    border: none;
    font-size: 24px;
    color: #cd865c;
    color: var(--primary-hover-color);
    cursor: pointer;
    z-index: 10;
    transition: all 0.3s ease;
}

.testimonial-slider .slick-arrow:hover {
    color: #041f60;
    color: var(--primary-text-color);
}

.testimonial-slider .slick-prev {
    left: 0;
}

.testimonial-slider .slick-next {
    right: 0;
}

.testimonial-slider .slick-dots {
    bottom: -40px;
}

.testimonial-slider .slick-dots li button:before {
    font-size: 10px;
    color: #cd865c;
    color: var(--primary-hover-color);
    opacity: 0.5;
}

.testimonial-slider .slick-dots li.slick-active button:before {
    opacity: 1;
}

/* Responsive Styles */
@media (max-width: 992px) {
    .testimonial-title {
        font-size: 32px;
        margin-bottom: 40px;
    }

    .testimonial-title::after {
        bottom: -12px;
        width: 60px;
    }

    .testimonial-text {
        font-size: 17px;
        padding: 0 15px;
    }

    .testimonial-quote {
        font-size: 60px;
    }
}

@media (max-width: 768px) {
    .testimonial-section {
        padding: 60px 15px;
    }

    .testimonial-title {
        font-size: 28px;
    }

    .testimonial-text {
        font-size: 16px;
        line-height: 1.6;
        padding: 0 10px;
    }

    .testimonial-slider {
        padding: 0 30px;
    }
}

@media (max-width: 576px) {
    .testimonial-title {
        font-size: 24px;
        margin-bottom: 30px;
    }

    .testimonial-quote {
        font-size: 48px;
        margin-bottom: 15px;
    }

    .testimonial-text {
        font-size: 15px;
        margin-bottom: 20px;
    }

    .testimonial-profile img.testimonial-img {
        width: 60px;
        height: 60px;
    }

    .testimonial-slider {
        padding: 0 20px;
    }
}

/*=======  ROOM Tab CSS  =======*/

.room-type-section {
    position: relative;
    z-index: 1;
    background-size: 100% 100%;
    background-position: center;
}

.room-type-section::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    background-color: #f6f6f6;
    background-color: var(--primary-color);
    opacity: 0.6;
    z-index: -1;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
}

.room-type-section .room-filter {
    text-align: right;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .room-type-section .room-filter {
        margin-top: 30px;
    }
}

@media (max-width: 767px) {
    .room-type-section .room-filter {
        margin-top: 30px;
    }
}

.slick-dots li {
    height: auto;
    width: auto;
    margin: 0;
}

.slick-dots li button::before {
    display: none;
}

.slick-dots li button {
    padding: 0;
}




.room-type-section .room-items .row {
    margin-left: -7.5px;
    margin-right: -7.5px;
}

.room-type-section .room-items .row>.col,
.room-type-section .room-items .row>[class*='col-'] {
    padding-left: 7.5px;
    padding-right: 7.5px;
}

.room-type-section .room-items .room-box {
    width: 100%;
    height: 280px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    margin-top: 15px;
}

.room-type-section .room-items .room-box.extra-height {
    height: 575px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .room-type-section .room-items .room-box.extra-height {
        height: 280px;
    }
}

@media (max-width: 767px) {
    .room-type-section .room-items .room-box.extra-height {
        height: 280px;
    }
}

.room-type-section .room-items .room-box::after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(45deg, rgba(17, 17, 17, 0.50196) 0%, rgba(17, 17, 17, 0.25) 44%, rgba(17, 17, 17, 0) 100%);
    content: '';
}

.room-type-section .room-items .room-box .room-bg {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    transition: all 0.4s ease-out 0s;
}

.room-type-section .room-items .room-box .room-content {
    position: absolute;
    left: 30px;
    bottom: 30px;
    z-index: 2;
    right: 30px;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .room-type-section .room-items .room-box .room-content {
        left: 15px;
    }
}

.room-type-section .room-items .room-box .room-content h3 {
    font-size: 26px;
    font-family: 'Gloock', 'serif';
    font-family: var(--primary-font);
    color: #ffffff;
    color: var(--white-color);
}

.room-type-section.style-2 .room-items .room-box .room-content h3 {
    margin-bottom: 10px;
}

.room-type-section.style-2 .room-items .room-box .room-content p {
    max-width: 80%;
    font-family: 'Domine', 'Montserrat','sans-serif';
    font-family: var(--secondary-font);
    color: #A9A9A9;
    color: var(--grey-color);
}

@media (max-width: 767px) {
    .room-type-section .room-items .room-box .room-content h3 {
        font-size: 18px;
    }

    .room-type-section.style-2 .room-items .room-box .room-content p {
        font-size: 12px;
    }
}

.room-type-section .room-items .room-box .room-content h3 a {
    color: #f6f6f6;
    color: var(--primary-color);
}

.room-type-section .room-items .room-box .room-content span {
    color: #f6f6f6;
    color: var(--primary-color);
    padding-bottom: 15px;
    font-weight: 700;
}

.room-type-section .room-items .room-box .room-content span i {
    margin-right: 10px;
}

@media (max-width: 767px) {
    .room-type-section .room-items .room-box .room-content span {
        font-size: 14px;
    }
}

.room-type-section .room-items .room-box .room-link {
    border: 2px solid rgba(255, 255, 255, 0.2);
    width: 60px;
    height: 60px;
    position: absolute;
    right: 15px;
    bottom: 0;
    border-radius: 50%;
    z-index: 3;
    color: #f6f6f6;
    color: var(--primary-color);
    font-size: 18px;
    line-height: 60px;
    text-align: center;
    opacity: 0;
    visibility: hidden;
}

@media (max-width: 767px) {
    .room-type-section .room-items .room-box .room-link {
        height: 40px;
        width: 40px;
        text-align: center;
        right: 10px;
        line-height: 40px;
    }
}

.room-type-section .room-items .room-box .room-link:hover {
    background-color: #cd865c;
    background-color: var(--primary-hover-color);
    color: #f6f6f6;
    color: var(--primary-color);
}

.room-type-section .room-items .room-box.extra-wide .room-link {
    right: 40px;
}

.room-type-section .room-items .room-box:hover .room-link {
    opacity: 1;
    visibility: visible;
    bottom: 30px;
}

.room-type-section .room-items .room-box:hover .room-bg {
    transform: scale(1.1);
}


/*=======  CALL TO ACTIONS  =======*/

.cta-section .cta-inner {
    padding: 70px 0px;
    background-color: #f6f6f6 !important;
    background-color: var(--primary-color) !important;
    position: relative;
    z-index: 1;
    overflow: hidden;
    margin-bottom: 30px !important;
}

.cta-section .cta-inner .cta-text p {
    font-size: 20px;
    line-height: 1.6;
    color: #041f60;
    color: var(--primary-text-color);
}

.cta-section .cta-inner .cta-text a.main-btn.btn-filled {
    margin-top: 40px;
}

.cta-section .cta-inner .cta-text a.main-btn.btn-filled:hover {
    background-color: #cd865c;
    background-color: var(--primary-hover-color);
    border-color: #cd865c;
    border-color: var(--primary-hover-color);
    color: #f6f6f6;
    color: var(--primary-color);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .cta-section .cta-inner .cta-text {
        margin-top: 60px;
    }
}

@media (max-width: 767px) {
    .cta-section .cta-inner .cta-text {
        margin-top: 60px;
    }
}

.cta-section .cta-inner .cta-features .single-feature {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 120px 1fr;
    margin-bottom: 45px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .cta-section .cta-inner .cta-features .single-feature {
        grid-template-columns: 100px 1fr;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .cta-section .cta-inner .cta-features .single-feature {
        grid-template-columns: 100px 1fr;
    }
}

@media (max-width: 575px) {
    .cta-section .cta-inner .cta-features .single-feature {
        display: block;
    }
}

.cta-section .cta-inner .cta-features .single-feature .icon {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background-color: #f6f6f6;
    background-color: var(--primary-color);
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.1);
    text-align: center;
    line-height: 120px;
    font-size: 60px;
    color: #041f60;
    color: var(--primary-text-color);
    transition: all 0.3s ease-out 0s;
    position: relative;
    z-index: 2;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .cta-section .cta-inner .cta-features .single-feature .icon {
        height: 100px;
        width: 100px;
        line-height: 100px;
        font-size: 40px;
    }
}

@media (max-width: 767px) {
    .cta-section .cta-inner .cta-features .single-feature .icon {
        height: 100px;
        width: 100px;
        line-height: 100px;
        font-size: 40px;
    }
}

@media (max-width: 575px) {
    .cta-section .cta-inner .cta-features .single-feature .icon {
        margin-bottom: 30px;
    }
}

.cta-section .cta-inner .cta-features .single-feature .cta-desc {
    position: relative;
    padding-left: 40px;
    z-index: 1;
    font-size: 14px;
}

@media (max-width: 575px) {
    .cta-section .cta-inner .cta-features .single-feature .cta-desc {
        padding-left: 0;
    }
}

.cta-section .cta-inner .cta-features .single-feature .cta-desc h3 {
    font-size: 30px;
    color: #fff;
    margin-bottom: 20px;
    letter-spacing: -1px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .cta-section .cta-inner .cta-features .single-feature .cta-desc h3 {
        font-size: 26px;
    }
}

.cta-section .cta-inner .cta-features .single-feature .cta-desc .count {
    position: absolute;
    font-size: 120px;
    font-weight: 700;
    left: -32px;
    top: 0;
    line-height: 1;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 1px #fff;
    z-index: -1;
    color: transparent;
    opacity: 0.1;
}

.cta-section .cta-inner .cta-features .single-feature:hover .icon {
    background-color: #f6f6f6;
    background-color: var(--primary-color);
    color: #fff;
}

.cta-section .cta-inner .cta-features .single-feature:last-child {
    margin-bottom: 0;
}

.cta-section .cta-inner::after {
    content: "";
    position: absolute;
    left: 35px;
    right: 35px;
    bottom: -40px;
    background-color: rgb(238, 246, 247);
    background-color: var(--secondary-card-color);
    height: 20px;
}

.cta-section .cta-inner::before {
    content: "\f108";
    font-family: 'Gloock', 'serif';
    font-family: var(--primary-font);
    left: -60px;
    bottom: -60px;
    line-height: 1;
    color: #f6f6f6;
    font-size: 350px;
    opacity: 0.1;
    position: absolute;
}

@media (max-width: 575px) {
    .cta-section .cta-inner .cta-features .single-feature .cta-desc .count {
        left: 0;
        top: -75px;
    }

    .cta-section .cta-inner::before {
        content: none;
    }
}


/*=======  Call TO Action Two  =======*/

.room-gallery-cta {
    position: relative;
    z-index: 1;
    background-size: cover;
    background-position: center;
    padding: 120px 0;
    background-attachment: fixed;
}

.room-gallery-cta::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-color: #f6f5f0;
    opacity: 0.7;
    content: '';
}

.room-gallery-cta ul li {
    display: inline-block;
    margin: 0px 10px;
}

@media (max-width: 767px) {
    .room-gallery-cta ul li {
        margin: 0 5px;
    }
}

@media (max-width: 767px) {
    .room-gallery-cta ul li .main-btn {
        padding: 0 25px;
        letter-spacing: 1px;
    }
}

@media (max-width: 399px) {
    .room-gallery-cta ul li .main-btn {
        padding: 0 15px;
        letter-spacing: 1px;
        font-size: 12px;
    }
}

.room-gallery-cta ul li .main-btn.btn-filled,
.room-gallery-cta ul li .main-btn.btn-border:hover {
    box-shadow: none;
}

.room-gallery-cta ul li .main-btn.btn-filled:hover,
.room-gallery-cta ul li .main-btn.btn-border {
    border-color: rgba(255, 255, 255, 0.2);
    color: #fff;
}

.room-gallery-cta .cta-text h2 {
    font-size: 80px;
    line-height: 1.125;
    letter-spacing: -3px;
    color: #fff;
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .room-gallery-cta .cta-text h2 {
        font-size: 72px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .room-gallery-cta .cta-text h2 {
        font-size: 60px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .room-gallery-cta .cta-text h2 {
        font-size: 52px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .room-gallery-cta .cta-text h2 {
        font-size: 42px;
    }
}

@media (max-width: 575px) {
    .room-gallery-cta .cta-text h2 {
        font-size: 32px;
    }
}

@media (max-width: 399px) {
    .room-gallery-cta .cta-text h2 {
        font-size: 28px;
    }
}

.room-gallery-cta .cta-text span {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 3px;
    padding-bottom: 20px;
    color: #fcd462;
}

.room-gallery-cta .rotate-images img {
    position: absolute;
    z-index: 1;
    bottom: 0;
    transform: rotate(-37deg);
    left: 3%;
    z-index: -1;
}

@media (max-width: 767px) {
    .room-gallery-cta .rotate-images img {
        max-width: 150px;
    }
}

@media (max-width: 399px) {
    .room-gallery-cta .rotate-images img {
        max-width: 100px;
    }
}

.room-gallery-cta .rotate-images img.rotate-image-one {
    left: 8%;
    top: 0;
    bottom: auto;
    max-width: 260px;
    transform: rotate(-37deg);
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .room-gallery-cta .rotate-images img.rotate-image-one {
        left: 2%;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .room-gallery-cta .rotate-images img.rotate-image-one {
        left: 2%;
        max-width: 220px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .room-gallery-cta .rotate-images img.rotate-image-one {
        left: 1%;
        max-width: 180px;
    }
}

@media (max-width: 767px) {
    .room-gallery-cta .rotate-images img.rotate-image-one {
        left: 1%;
        max-width: 150px;
    }
}

@media (max-width: 399px) {
    .room-gallery-cta .rotate-images img.rotate-image-one {
        max-width: 100px;
    }
}

.room-gallery-cta .rotate-images img.rotate-image-three {
    right: 5%;
    left: auto;
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .room-gallery-cta .rotate-images img.rotate-image-three {
        left: auto;
        right: 2%;
        max-width: 250px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .room-gallery-cta .rotate-images img.rotate-image-three {
        left: auto;
        right: 2%;
        max-width: 250px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .room-gallery-cta .rotate-images img.rotate-image-three {
        left: auto;
        right: 1%;
        max-width: 200px;
    }
}

@media (max-width: 767px) {
    .room-gallery-cta .rotate-images img.rotate-image-three {
        left: auto;
        right: 1%;
        max-width: 150px;
    }
}

@media (max-width: 399px) {
    .room-gallery-cta .rotate-images img.rotate-image-three {
        max-width: 100px;
    }
}


/*=======  TEXT BLOCK  =======*/
/* Text Block Base Styles */
.text-block {
    position: relative;
    z-index: 1;
}

/* Background Variant */
.text-block.with-bg {
    background-size: cover;
    background-position: center;
}

.text-block.with-bg::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #353530;
    z-index: -1;
    opacity: 0.94;
}

/* Black Background Variant */
.text-block.bg-black p,
.text-block.bg-black .section-title h2 {
    color: #fff;
}

.text-block.bg-black .section-title .title-tag {
    color: #041f60;
    color: var(--primary-text-color);
}

/* Button Styles */
.text-block.bg-black .main-btn.btn-filled {
    box-shadow: none;
}

.text-block.bg-black .main-btn.btn-filled:hover {
    color: #fff;
}

/* Pattern Background Variant */
.text-block.with-pattern .pattern-wrap {
    position: absolute;
    background: #f6f6f6;
    background: var(--primary-color);
    right: 0;
    top: 0;
    height: 100%;
    width: 30%;
    z-index: -1;
}

.text-block.with-pattern .pattern-wrap .pattern {
    position: relative;
    width: 100%;
    height: 100%;
}

.text-block.with-pattern .pattern-wrap .pattern::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-size: cover;
    background-position: right;
}

/* Text Content Alignment */
.block-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.block-text p {
    font-family: 'Domine', 'Montserrat','sans-serif';
    font-family: var(--secondary-font);
    font-size: 16px;
    color: #041f60;
    color: var(--primary-text-color);
    text-align: left;
    margin-bottom: 20px;
    align-self: flex-start;
}

.section-title {
    align-self: flex-start;
}

.section-title .title-tag {
    display: block;
    margin-bottom: 10px;
    align-self: flex-start;
}

/* Spacing Utility */
.text-block .mb-small {
    margin-bottom: 30px;
}

/* ---------------------------- */
/*      RESPONSIVE STYLES       */
/* ---------------------------- */

/* Tablets (768px - 991px) */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .text-block.with-pattern .pattern-wrap {
        width: 100%;
        height: 320px;
    }

    .text-block .mb-small {
        margin-bottom: 50px;
    }
}

/* Small Devices (max 767px) */
@media (max-width: 767px) {
    .text-block.with-pattern .pattern-wrap {
        width: 100%;
        height: 320px;
    }

    .text-block .mb-small {
        margin-bottom: 50px;
    }

    .block-text {
        align-items: center;
        text-align: center;
    }

    .block-text p,
    .section-title,
    .section-title .title-tag {
        align-self: center;
        text-align: center;
    }
}

/* Extra Small Devices (max 575px) */
@media (max-width: 575px) {
    .block-text p {
        padding-right: 0;
        font-size: 14px;
    }
}

/*=======  Video  =======*/

.video-wrap {
    width: 100%;
    height: 480px;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 575px) {
    .video-wrap {
        height: 350px;
    }
}

.video-wrap .popup-video {
    border-radius: 50%;
    box-shadow: 0px 14px 24px 0px rgba(190, 173, 142, 0.3);
    width: 40px;
    height: 40px;
    line-height: 40px;
    background-color: #f6f6f6;
    background-color: var(--primary-color);
    text-align: center;
    font-size: 16px;
    color: #041f60;
    color: var(--primary-text-color);
    position: relative;
}

.video-wrap .popup-video::before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    border: 1px solid #cccccc;
    border-radius: 50%;
    animation: pulse-border-2 1s linear infinite;
}

.video-wrap .popup-video::after {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    border: 1px solid #cccccc;
    border-radius: 50%;
    animation: pulse-border-2 1.5s linear infinite;
}

.video-wrap.video-wrap-two {
    height: 460px;
}

.intro-video.overlapped .video-wrap.video-wrap-two {
    position: relative;
    margin-top: -70px;
    z-index: 2;
    height: 500px;
}

@media (max-width: 575px) {
    .video-wrap.video-wrap-two {
        height: 350px;
    }
}

.video-wrap.video-wrap-two .popup-video {
    height: 120px;
    width: 120px;
    line-height: 120px;
    font-size: 20px;
    box-shadow: none;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .video-wrap.video-wrap-two .popup-video {
        height: 100px;
        width: 100px;
        line-height: 100px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .video-wrap.video-wrap-two .popup-video {
        width: 80px;
        height: 80px;
        line-height: 80px;
    }
}

@media (max-width: 767px) {
    .video-wrap.video-wrap-two .popup-video {
        width: 80px;
        height: 80px;
        line-height: 80px;
    }
}

.video-wrap.full-section {
    height: 700px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .video-wrap.full-section {
        height: 550px;
    }
}

@media (max-width: 767px) {
    .video-wrap.full-section {
        height: 380px;
    }
}

.video-wrap.full-section .popup-video {
    height: auto;
    width: auto;
    background-color: transparent;
}

.video-wrap.full-section .popup-video::before,
.video-wrap.full-section .popup-video::after {
    display: none;
}

.video-wrap.full-section .popup-video img {
    max-width: 115px;
    max-height: 115px;
}

@media (max-width: 767px) {
    .video-wrap.full-section .popup-video img {
        max-width: 80px;
        max-height: 80px;
    }
}

.video-wrap.video-about {
    height: 650px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .video-wrap.video-about {
        height: 500px;
    }
}

@media (max-width: 767px) {
    .video-wrap.video-about {
        height: 300px;
    }
}


/*=======  Testimonial  =======*/

.testimonial-box {
    background-color: #353530;
    text-align: center;
    padding: 50px 30px;
    transition: all 0.3s ease-out 0s;
    margin-bottom: 40px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .testimonial-box {
        padding: 50px 20px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .testimonial-box {
        padding: 50px 20px;
        font-size: 14px;
    }
}

.testimonial-box .client-img {
    max-width: 150px;
    max-height: 150px;
    margin: auto;
    position: relative;
}

.testimonial-box .client-img img {
    max-width: 150px;
    max-height: 150px;
    border-radius: 50%;
}

.testimonial-box .client-img .check {
    position: absolute;
    right: 0;
    top: 0;
    border: 4px solid #fff;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    background-color: #fcd462;
    text-align: center;
    line-height: 50px;
    color: #fff;
}

.testimonial-box h3 {
    font-size: 30px;
    margin-bottom: 15px;
    margin-top: 35px;
    letter-spacing: -1px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .testimonial-box h3 {
        font-size: 26px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .testimonial-box h3 {
        font-size: 22px;
    }
}

.testimonial-box .clinet-post {
    font-weight: bold;
    text-transform: uppercase;
    color: #fcd462;
    margin-bottom: 30px;
    letter-spacing: 2px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .testimonial-box .clinet-post {
        font-size: 14px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .testimonial-box .clinet-post {
        font-size: 12px;
    }
}

.testimonial-box:hover {
    box-shadow: 0px 14px 24px 0px rgba(190, 173, 142, 0.2);
}

.testimonial-slider ul.slick-dots {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
}

.testimonial-slider ul.slick-dots li {
    display: inline-block;
    cursor: pointer;
}

.testimonial-slider ul.slick-dots li button {
    font-size: 0;
    border: 0;
    background: #e7e7e7;
    width: 16px;
    height: 4px;
    margin: 0 5px;
    transition: all 0.3s ease-out 0s;
}

.testimonial-slider ul.slick-dots li.slick-active button {
    width: 26px;
    background-color: #fcd462;
}


/*=======  Latest Post   =======*/

.latest-news .latest-post-box .post-img {
    height: 260px;
    width: 100%;
    background-size: cover;
    background-position: center;
}

.section-fw {
    width: 100%;
    padding: 0 75px;
}

@media (max-width: 767px) {
    .latest-news .latest-post-box .post-img {
        height: 220px;
    }
}

.latest-news .latest-post-box .post-desc {
    background-color: #eeece8;
    background-color: var(--primary-card-color);
    padding: 40px 35px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .latest-news .latest-post-box .post-desc {
        padding: 35px 25px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .latest-news .latest-post-box .post-desc {
        padding: 35px 18px;
        font-size: 14px;
    }
}

@media (max-width: 399px) {
    .latest-news .latest-post-box .post-desc {
        padding: 35px 25px;
        font-size: 14px;
    }
}

.latest-news .latest-post-box .post-desc .post-meta {
    margin-bottom: 20px;
}

.latest-news .latest-post-box .post-desc .post-meta li {
    display: inline-block;
    margin-right: 20px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .latest-news .latest-post-box .post-desc .post-meta li {
        margin-right: 5px;
        font-size: 14px;
    }

    .section-fw {
        padding: 0 60px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .latest-news .latest-post-box .post-desc .post-meta li {
        margin-right: 10px;
    }

    .section-fw {
        padding: 0 50px;
    }
}

@media (max-width: 576px) {
    .section-fw {
        padding: 0 20px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .latest-news .latest-post-box .post-desc .post-meta li {
        margin-right: 5px;
        font-size: 12px;
    }
}

@media (max-width: 399px) {
    .latest-news .latest-post-box .post-desc .post-meta li {
        margin-right: 5px;
        font-size: 12px;
    }
}

.latest-news .latest-post-box .post-desc .post-meta li a {
    font-weight: 500;
    color: #041f60;
    color: var(--primary-text-color);
    font-family: 'Domine', 'Montserrat','sans-serif';
    font-family: var(--secondary-font);
}

.latest-news .latest-post-box .post-desc .post-meta li a i {
    margin-right: 10px;
}

.latest-news .latest-post-box .post-desc .post-meta li:last-child {
    margin-right: 0;
}

.latest-news .latest-post-box .post-desc h4 a {
    font-size: 24px;
    color: #041f60;
    color: var(--primary-text-color);
    margin-bottom: 25px;
    letter-spacing: -1px;
    line-height: 1.4;
    font-family: 'Gloock', 'serif';
    font-family: var(--primary-font);
}

.latest-news .latest-post-box .post-desc h4 a:hover {

    color: #cd865c;

    color: var(--primary-hover-color);

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .latest-news .latest-post-box .post-desc h4 {
        font-size: 22px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .latest-news .latest-post-box .post-desc h4 {
        font-size: 20px;
    }
}

@media (max-width: 399px) {
    .latest-news .latest-post-box .post-desc h4 {
        font-size: 20px;
    }
}


/*=======  Blog Post   =======*/

.blog-style-2 .blog-post {
    position: relative;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    z-index: 1;
    display: flex;
    align-items: flex-end;
    padding: 35px 40px;
    padding-top: 80%;
}

.blog-style-2 .blog-post>a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.blog-style-2 .blog-post:after {
    content: '';
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    width: 100%;
    z-index: -1;
    max-width: none;
    height: 100%;
}

.blog-style-2 .blog-post .blog-data .post-date {
    margin-bottom: 10px;
    color: #101010;
    color: var(--black-color);
    font-family: 'Domine', 'Montserrat','sans-serif';
    font-family: var(--secondary-font);
    font-weight: 600;
    font-size: 16px;
}

.blog-post .blog-data .post-title {
    margin-bottom: 20px;
    color: #041f60;
    color: var(--primary-text-color);
    font-family: 'Domine', 'Montserrat','sans-serif';
    font-family: var(--secondary-font);
    font-size: 22px;
    font-weight: 400;
}

.blog-style-2 .blog-post .blog-data .post-link {
    display: flex;
    align-items: center;
    color: #ffffff;
    color: var(--white-color);
}

.blog-style-2 .blog-post .blog-data .post-link>span {
    transition: opacity 1s ease, width 1s ease, margin 1s ease;
    margin-left: 15px;
    white-space: nowrap;
}

.blog-style-2 .blog-post .blog-data .post-link:before {
    content: '';
    width: 40px;
    height: 2px;
    background-color: #ffffff;
    background-color: var(--white-color);
    transition: opacity 1s ease, width 1s ease, margin 1s ease;
}

.blog-style-2 .blog-post .blog-data .post-link:after {
    content: "\f054";
    font-family: "Font Awesome 5 Pro";
    margin-left: 15px;
    font-size: 14px;
    line-height: 0;
    position: relative;
    top: 0px;
    transition: opacity 1s ease, width 1s ease, margin 1s ease;
}

.blog-style-2 .blog-post .blog-data .post-link:hover {
    color: #cd865c;
    color: var(--primary-hover-color);
}

.no-gutters .slick-slide {
    padding-left: 0;
    padding-right: 0;
}


/*=======  Cta   =======*/

.cta-sec {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.cta-sec:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    z-index: -1;
    opacity: 0.6;
}

.spacer {
    height: 140px;
    width: 100%;
    background-color: #000;
    position: absolute;
    top: 0;
    z-index: -1;
}

.spacer.spacer-lg {
    height: 190px;
}

.spacer.spacer-xl {
    height: 300px;
}

.spacer.spacer-bottom {
    top: auto;
    bottom: 0;
}


/*=======  Core Feature  =======*/

.features-loop .feature-box {
    padding: 45px;
    background-color: #353530;
    font-size: 14px;
    background-color: #353530;
    border: 2px solid #40403b;
    position: relative;
    margin-top: 30px;
    /*=======  Dark Style  =======*/
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .features-loop .feature-box {
        padding: 45px 30px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .features-loop .feature-box {
        padding: 45px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .features-loop .feature-box {
        padding: 35px 25px;
    }
}

@media (max-width: 575px) {
    .features-loop .feature-box {
        padding: 45px 30px;
    }
}

.features-loop .feature-box .icon {
    margin-bottom: 30px;
    font-size: 70px;
    color: #fcd462;
    line-height: 1;
}

.features-loop .feature-box.dark-box .icon {
    font-size: 100px;
    color: #fcd462;
    position: absolute;
    right: -10px;
    top: -10px;
    opacity: 0.2;
    line-height: 1;
    margin-bottom: 0;
}

.features-loop .feature-box:hover .icon i {
    animation: hvr-buzz-out 0.75s linear 1;
}

.features-loop .feature-box h3 {
    font-size: 30px;
    margin-bottom: 30px;
    letter-spacing: -1px;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .features-loop .feature-box h3 {
        font-size: 24px;
    }
}

.features-loop .feature-box .count {
    line-height: 1;
    position: absolute;
    right: 0;
    top: -10px;
    font-size: 120px;
    color: #3d3c38;
}

.features-loop .feature-box.dark-box .count {
    font-size: 120px;
    position: static;
    color: #3d3c38;
    margin-bottom: 15px;
    font-family: "Prata", serif;
}

.features-loop .feature-box.with-hover-img .hover-img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    transition: all 0.3s ease-out 0s;
    visibility: visible;
    opacity: 1;
}

.features-loop .feature-box.with-hover-img:hover .hover-img {
    opacity: 0;
    visibility: hidden;
}

.features-loop .feature-box.dark-box {
    background-color: #292929;
    border: none;
    overflow: hidden;
}

.features-loop .feature-box.dark-box,
.features-loop .feature-box.dark-box h3 a {
    color: #fff;
}

.features-loop .feature-box.dark-box .count {
    color: #353530;
}


/*=======  Jewelries Gird  =======*/

.room-gird-loop .room-box .room-img-wrap {
    overflow: hidden;
    width: 100%;
    height: 240px;
}

.room-gird-loop .room-box .room-img-wrap .room-img {
    height: 100%;
    width: 100%;
    transition: all 0.3s ease-out 0s;
    background-size: cover;
    background-position: center;
}

.room-gird-loop .room-box:hover .room-img {
    transform: scale(1.1);
}

.room-gird-loop .room-box .room-desc {
    background-color: #f6f6f6;
    background-color: var(--primary-color);
    font-size: 14px;
    text-align: center;
    padding: 30px 35px;
    position: relative;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .room-gird-loop .room-box .room-desc {
        padding: 30px 25px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .room-gird-loop .room-box .room-desc {
        padding: 30px 20px;
    }
}

.room-gird-loop .room-box .room-desc .icons {
    background-color: #f6f6f6;
    background-color: var(--primary-color);
    padding: 15px;
    position: absolute;
    left: 25px;
    right: 25px;
    top: 0;
    transform: translateY(-50%);
    box-shadow: 0px 8px 16px 0px rgba(138, 138, 138, 0.04);
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .room-gird-loop .room-box .room-desc .icons {
        left: 12px;
        right: 12px;
        padding: 15px 5px;
    }
}

.room-gird-loop .room-box .room-desc .icons li {
    display: inline-block;
    margin: 0px 10px;
    color: #fff;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .room-gird-loop .room-box .room-desc .icons li {
        margin: 0 5px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .room-gird-loop .room-box .room-desc .icons li {
        margin: 0 8px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .room-gird-loop .room-box .room-desc .icons li {
        margin: 0 5px;
    }
}

@media (max-width: 399px) {
    .room-gird-loop .room-box .room-desc .icons li {
        margin: 0 5px;
    }
}

.room-gird-loop .room-box .room-desc h4 {
    font-size: 24px;
    letter-spacing: -1px;
    margin-bottom: 15px;

}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .room-gird-loop .room-box .room-desc h4 {
        font-size: 20px;
    }
}

.room-gird-loop .room-box .room-desc span.price,
.room-gird-loop .room-box .room-desc a.book-btn {
    font-size: 16px;
    font-weight: 700;
    color: #041f60;
    color: var(--primary-text-color);
    margin-top: 25px;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {

    .room-gird-loop .room-box .room-desc span.price,
    .room-gird-loop .room-box .room-desc a.book-btn {
        font-size: 14px;
    }
}

.room-gird-loop .room-box .room-desc a.book-btn {
    color: #bdbdbd;
    margin-left: 20px;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .room-gird-loop .room-box .room-desc a.book-btn {
        margin-left: 10px;
    }
}

.room-gird-loop .room-box .room-desc a.book-btn:hover {
    color: #fcd462;
}


/*=======  Jewelries List  =======*/

.room-list-loop .room-box .room-img-wrap {
    overflow: hidden;
    width: 100%;
    height: 100%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .room-list-loop .room-box .room-img-wrap {
        min-height: 350px;
    }
}

@media (max-width: 575px) {
    .room-list-loop .room-box .room-img-wrap {
        min-height: 250px;
    }
}

@media (max-width: 767px) {
    .room-list-loop .room-box .room-img-wrap {
        min-height: 250px;
    }
}

.room-list-loop .room-box .room-img-wrap .room-img {
    height: 100%;
    width: 100%;
    transition: all 0.4s ease-out 0s;
    background-size: cover;
    background-position: center;
}

.room-list-loop .room-box:hover .room-img {
    transform: scale(1.1);
}

.room-list-loop .room-box .room-desc {
    background-color: #f6f6f6;
    background-color: var(--primary-color);
    font-size: 14px;
    padding: 50px 20px 50px 40px;
    position: relative;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .room-list-loop .room-box .room-desc {
        padding: 50px 20px 50px 25px;
    }
}

@media (max-width: 575px) {
    .room-list-loop .room-box .room-desc {
        padding: 50px 30px;
    }
}

@media (max-width: 399px) {
    .room-list-loop .room-box .room-desc {
        padding: 50px 25px;
    }
}

.room-list-loop .room-box .room-desc .icons {
    background-color: #f6f6f6;
    background-color: var(--primary-color);
    padding: 15px;
    box-shadow: 0px 8px 16px 0px rgba(138, 138, 138, 0.04);
    display: inline-block;
    margin-bottom: 25px;
}

.room-list-loop .room-box .room-desc .icons li {
    display: inline-block;
    margin: 0px 10px;
    color: #fff;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .room-list-loop .room-box .room-desc .icons li {
        margin: 0 8px;
    }
}

@media (max-width: 575px) {
    .room-list-loop .room-box .room-desc .icons li {
        margin: 0 5px;
    }
}

.room-list-loop .room-box .room-desc h4 {
    font-size: 24px;
    letter-spacing: -1px;
    margin-bottom: 15px;
}

.room-list-loop .room-box .room-desc a.book-btn {
    font-size: 16px;
    font-weight: 700;
    color: #041f60;
    color: var(--primary-text-color);
    position: relative;
    margin-top: 20px;
    padding-top: 20px;
}

.room-list-loop .room-box .room-desc a.book-btn:hover {
    color: #fcd462;
}

.room-list-loop .room-box .room-desc a.book-btn::before {
    position: absolute;
    content: '';
    left: 50%;
    top: 0;
    height: 2px;
    transform: translateX(-50%);
    width: 60px;
    background-color: #efefef;
}

.room-list-loop .room-box .room-desc .price {
    font-size: 40px;
    font-weight: 700;
    color: #041f60;
    color: var(--primary-text-color);
    line-height: 1;
    display: block;
    font-family: 'Gloock', 'serif';
    font-family: var(--primary-font);
}

@media (max-width: 575px) {
    .room-list-loop .room-box .room-desc .price {
        margin-top: 30px;
    }
}

.room-list-loop .room-box .room-desc .price span {
    font-size: 16px;
}


/*=======  Jewelries Slider  =======*/

.room-slider {
    position: relative;
    z-index: 1;
    background-color: #f6f6f6 !important;
    background-color: var(--primary-color) !important;
    /*=======  Jewelries Slider One  =======*/
    /*=======  Jewelries Slider Two  =======*/
}

.trending-sec {
    background-color: #f6f6f6 !important;
    background-color: var(--primary-color) !important;
}

.room-slider .rooms-slider-one.row {
    margin-left: -20px;
    margin-right: -20px;
}

.room-slider .rooms-slider-one.row>.col {
    padding-left: 20px;
    padding-right: 20px;
}

.room-slider .rooms-slider-one .slider-img {
    width: 100%;
    height: 580px;
    background-size: cover;
    background-position: center;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .room-slider .rooms-slider-one .slider-img {
        height: 500px;
    }
}

@media (max-width: 767px) {
    .room-slider .rooms-slider-one .slider-img {
        height: 450px;
    }
}

@media (max-width: 575px) {
    .room-slider .rooms-slider-one .slider-img {
        height: 400px;
    }
}

@media (max-width: 767px) {
    .room-slider .rooms-content-wrap {
        margin-bottom: 100px;
    }
}

.room-slider .rooms-content-wrap .room-content-box {
    background-color: #f6f6f6 !important;
    background-color: var(--primary-color) !important;
    color: #041f60;
    color: var(--primary-text-color);
    font-size: 14px;
    padding: 60px 50px;
    position: relative;
    z-index: 2;
    margin-top: -495px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .room-slider .rooms-content-wrap .room-content-box {
        margin-top: -445px;
    }
}

@media (max-width: 767px) {
    .room-slider .rooms-content-wrap .room-content-box {
        margin-top: -100px;
        padding: 50px 30px;
    }
}

@media (max-width: 575px) {
    .room-slider .rooms-content-wrap .room-content-box {
        margin-top: -50px;
        padding: 50px 30px;
    }
}

.room-slider .rooms-content-wrap .room-content-box .slider-count {
    position: absolute;
    right: 50px;
    font-size: 14px;
    font-weight: 700;
    top: 90px;
    color: #4c4c4c;
    z-index: 3;
    letter-spacing: 2px;
}

.room-slider .rooms-content-wrap .room-content-box .slider-count .current {
    color: #fcd462;
}

.room-slider .rooms-content-wrap .room-content-box .slider-count-big {
    position: absolute;
    bottom: -30px;
    right: 0;
    line-height: 1;
    font-size: 200px;
    z-index: -1;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 1px rgba(255, 255, 255, 0.6);
    opacity: 0.1;
}

@media (max-width: 767px) {
    .room-slider .rooms-content-wrap .room-content-box .slider-count-big {
        font-size: 150px;
    }
}

.room-slider .rooms-content-wrap .room-content-box h3 {
    font-size: 36px;
    color: #fff;
    margin-bottom: 20px;
}

.room-slider .rooms-content-wrap .room-content-box h3,
.room-slider .rooms-content-wrap .room-content-box h3 a {
    color: #fff;
    white-space: nowrap;
}

.room-slider .rooms-content-wrap .room-content-box .icon {
    line-height: 1;
    color: #fcd462;
    margin-bottom: 40px;
    font-size: 70px;
}

.room-slider .rooms-content-wrap .room-content-box .room-content-slider {
    padding-bottom: 45px;
}

.room-slider .rooms-content-wrap .room-content-box .room-content-slider .single-content {
    overflow: hidden;
}

.room-slider .rooms-content-wrap .room-content-box .room-content-slider ul.slick-dots {
    position: absolute;
    left: 0;
    bottom: 0;
}

.room-slider .rooms-content-wrap .room-content-box .room-content-slider ul.slick-dots li {
    display: inline-block;
    cursor: pointer;
}

.room-slider .rooms-content-wrap .room-content-box .room-content-slider ul.slick-dots li button {
    font-size: 0;
    border: 0;
    background: #434343;
    width: 16px;
    height: 4px;
    margin: 0 5px;
    transition: all 0.3s ease-out 0s;
}

.room-slider .rooms-content-wrap .room-content-box .room-content-slider ul.slick-dots li.slick-active button {
    width: 26px;
    background-color: #fcd462;
}

.room-slider .rooms-slider-two .single-rooms-box {
    position: relative;
    margin-bottom: 130px;
}

.room-slider .rooms-slider-two .single-rooms-box .room-img {
    overflow: hidden;
    width: 100%;
    height: 500px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .room-slider .rooms-slider-two .single-rooms-box .room-img {
        height: 420px;
    }
}

@media (max-width: 767px) {
    .room-slider .rooms-slider-two .single-rooms-box .room-img {
        height: 350px;
    }
}

.room-slider .rooms-slider-two .single-rooms-box .room-img .img {
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center;
    transition: all 0.3s ease-out 0s;
}

.room-slider .rooms-slider-two .single-rooms-box:hover .img {
    transform: scale(1.1);
}

.room-slider .rooms-slider-two .single-rooms-box .icons {
    background-color: #353530;
    padding: 15px;
    position: absolute;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
    box-shadow: 0px 8px 16px 0px rgba(138, 138, 138, 0.04);
    visibility: visible;
    opacity: 0;
    transition: all 0.3s ease-out 0s;
    width: -webkit-max-content;
    width: max-content;
}

.room-slider .rooms-slider-two .single-rooms-box .icons li {
    display: inline-block;
    margin: 0px 10px;
    color: #fff;
}

@media (max-width: 575px) {
    .room-slider .rooms-slider-two .single-rooms-box .icons li {
        margin: 0px 5px;
    }
}

.room-slider .rooms-slider-two .single-rooms-box .room-desc {
    position: absolute;
    left: 40px;
    right: 40px;
    bottom: -65px;
    background-color: #eeece8;
    background-color: var(--primary-card-color);
    padding: 20px;
    font-size: 14px;
    visibility: visible;
    opacity: 0;
    transition: all 0.3s ease-out 0s;
    font-family: 'Domine', 'Montserrat','sans-serif';
    font-family: var(--secondary-font);
}

.room-slider .rooms-slider-two .single-rooms-box .room-desc div div .title {
    font-size: 28px;
    font-family: 'Gloock', 'serif';
    font-family: var(--primary-font);
    margin-bottom: 10px;
    color: #041f60;
    color: var(--primary-text-color);
}

.room-slider .rooms-slider-two .single-rooms-box .room-desc div div p {
    font-size: 16px;
    font-family: 'Domine', 'Montserrat','sans-serif';
    font-family: var(--secondary-font);
}

.room-slider .rooms-slider-two .single-rooms-box .room-desc div div .price {
    text-align: right;
    font-size: 18px;
    color: #041f60;
    color: var(--primary-text-color);
    font-family: 'Gloock', 'serif';
    font-family: var(--primary-font);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .room-slider .rooms-slider-two .single-rooms-box .room-desc {
        left: 20px;
        right: 20px;
        padding: 10px;
    }

    .room-slider .rooms-slider-two .single-rooms-box .room-desc div div .title {
        font-size: 24px;

    }

    .room-slider .rooms-slider-two .single-rooms-box .room-desc div div p {
        font-size: 14px;

    }

    .room-slider .rooms-slider-two .single-rooms-box .room-desc div div .price {
        font-size: 16px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .room-slider .rooms-slider-two .single-rooms-box .room-desc {
        left: 20px;
        right: 20px;
        padding: 8px;
    }

    .room-slider .rooms-slider-two .single-rooms-box .room-desc div div .title {
        font-size: 20px;

    }

    .room-slider .rooms-slider-two .single-rooms-box .room-desc div div p {
        font-size: 12px;

    }

    .room-slider .rooms-slider-two .single-rooms-box .room-desc div div .price {
        font-size: 14px;
    }

}

@media (max-width: 767px) {
    .room-slider .rooms-slider-two .single-rooms-box .room-desc {
        left: 10px;
        right: 10px;
        padding: 5px;
    }

    .room-slider .rooms-slider-two .single-rooms-box .room-desc div div .title {
        font-size: 18px;

    }

    .room-slider .rooms-slider-two .single-rooms-box .room-desc div div p {
        font-size: 12px;

    }

    .room-slider .rooms-slider-two .single-rooms-box .room-desc div div .price {
        font-size: 14px;
    }
}


.room-slider .rooms-slider-two .single-rooms-box .room-desc .title:hover {
    color: #cd865c;
    color: var(--primary-hover-color);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .room-slider .rooms-slider-two .single-rooms-box .room-desc h3 {
        font-size: 32px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .room-slider .rooms-slider-two .single-rooms-box .room-desc h3 {
        font-size: 28px;
    }
}

@media (max-width: 767px) {
    .room-slider .rooms-slider-two .single-rooms-box .room-desc h3 {
        font-size: 26px;
    }
}


@media only screen and (min-width: 768px) and (max-width: 991px) {
    .room-slider .rooms-slider-two .single-rooms-box .room-desc .price {
        font-size: 32px;
    }
}

@media (max-width: 767px) {
    .room-slider .rooms-slider-two .single-rooms-box .room-desc .price {
        font-size: 28px;
    }
}

@media (max-width: 575px) {
    .room-slider .rooms-slider-two .single-rooms-box .room-desc .price {
        text-align: left;
        margin-top: 10px;
        font-family: 'Gloock', 'serif';
        font-family: var(--primary-font);
    }
}

.room-slider .rooms-slider-two .single-rooms-box .room-desc .price span {
    font-size: 16px;
    font-family: 'Gloock', 'serif';
    font-family: var(--primary-font);
}

.room-slider .rooms-slider-two .slick-current .single-rooms-box .room-desc,
.room-slider .rooms-slider-two .slick-current .single-rooms-box .icons {
    visibility: visible;
    opacity: 1;
}

.room-slider .rooms-slider-two .slick-arrow {
    height: 60px;
    width: 60px;
    text-align: center;
    line-height: 60px;
    font-size: 20px;
    color: #041f60;
    color: var(--primary-text-color);
    background-color: #f6f6f6;
    background-color: var(--primary-color);
    cursor: pointer;
    transition: all 0.3s ease-out 0s;
    position: absolute;
    top: 40%;
    z-index: 2;
    left: 22%;
    transform: translateY(-50%);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .room-slider .rooms-slider-two .slick-arrow {
        left: 10%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .room-slider .rooms-slider-two .slick-arrow {
        left: 5%;
    }
}

@media (max-width: 767px) {
    .room-slider .rooms-slider-two .slick-arrow {
        left: 2%;
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 15px;
    }
}

.room-slider .rooms-slider-two .slick-arrow.next-arrow {
    margin-left: 20px;
    left: auto;
    right: 22%;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .room-slider .rooms-slider-two .slick-arrow.next-arrow {
        left: auto;
        right: 10%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .room-slider .rooms-slider-two .slick-arrow.next-arrow {
        left: auto;
        right: 5%;
    }
}

@media (max-width: 767px) {
    .room-slider .rooms-slider-two .slick-arrow.next-arrow {
        left: auto;
        right: 2%;
    }
}

.room-slider .rooms-slider-two .slick-arrow:hover,
.room-slider .rooms-slider-two .slick-arrow.next-arrow {
    background-color: #cd865c;
    background-color: var(--primary-hover-color);
    color: #ffffff;
    color: var(--white-color);
    box-shadow: 0px 14px 24px 0px rgba(190, 173, 142, 0.3);
}


/*=======  Jewelries Details  =======*/

.room-details .deatils-box {
    font-family: "Roboto", sans-serif;
}

.room-details .deatils-box .title-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 40px 50px;
    background-color: #353530;
    margin-right: 40px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .room-details .deatils-box .title-wrap {
        padding: 40px 30px;
        margin-right: 30px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .room-details .deatils-box .title-wrap {
        padding: 30px 20px;
        margin-right: 20px;
    }
}

@media (max-width: 575px) {
    .room-details .deatils-box .title-wrap {
        padding: 30px;
        margin-right: 20px;
        display: block;
    }
}

.room-details .deatils-box .title-wrap .title .room-cat {
    text-transform: uppercase;
    padding-bottom: 10px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 3px;
}

.room-details .deatils-box .title-wrap .title h2 {
    font-size: 48px;
    letter-spacing: -1px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .room-details .deatils-box .title-wrap .title h2 {
        font-size: 42px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .room-details .deatils-box .title-wrap .title h2 {
        font-size: 32px;
    }
}

@media (max-width: 575px) {
    .room-details .deatils-box .title-wrap .title h2 {
        font-size: 28px;
    }
}

.room-details .deatils-box .title-wrap .price {
    font-size: 40px;
    color: #fcd462;
    font-weight: 700;
    font-family: "Rubik", sans-serif;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .room-details .deatils-box .title-wrap .price {
        font-size: 35px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .room-details .deatils-box .title-wrap .price {
        font-size: 30px;
    }
}

@media (max-width: 575px) {
    .room-details .deatils-box .title-wrap .price {
        font-size: 24px;
        margin-top: 15px;
    }
}

.room-details .deatils-box .title-wrap .price span {
    font-size: 16px;
}

.room-details .deatils-box .thumb {
    margin-top: -90px;
    position: relative;
    z-index: -1;
    margin-bottom: 60px;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .room-details .deatils-box .thumb {
        margin-top: -65px;
    }
}

.room-details .deatils-box h3.subtitle {
    font-size: 30px;
    padding-bottom: 20px;
    margin-bottom: 40px;
    border-bottom: 1px solid #f1f1f1;
}

.room-details .deatils-box .room-fearures {
    background-color: #353530;
    padding: 50px 50px 30px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .room-details .deatils-box .room-fearures {
        padding: 50px 35px 30px;
    }
}

@media (max-width: 575px) {
    .room-details .deatils-box .room-fearures {
        padding: 50px 30px 30px;
    }
}

.room-details .deatils-box .room-fearures .room-fearures-list li {
    width: 33.33%;
    float: left;
    margin-bottom: 20px;
    padding-left: 40px;
    position: relative;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .room-details .deatils-box .room-fearures .room-fearures-list li {
        width: 50%;
    }
}

@media (max-width: 575px) {
    .room-details .deatils-box .room-fearures .room-fearures-list li {
        width: 100%;
    }
}

.room-details .deatils-box .room-fearures .room-fearures-list li i {
    color: #fcd462;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.room-details .deatils-box .room-rules {
    background-color: #353530;
    padding: 50px 50px 30px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .room-details .deatils-box .room-rules {
        padding: 50px 35px 30px;
    }
}

@media (max-width: 575px) {
    .room-details .deatils-box .room-rules {
        padding: 50px 30px 30px;
    }
}

.room-details .deatils-box .room-rules .room-rules-list li {
    margin-bottom: 20px;
    position: relative;
    padding-left: 40px;
}

.room-details .deatils-box .room-rules .room-rules-list li::before {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    color: #fcd462;
    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    content: '\f00c';
}

.room-details .deatils-box .cancellation-box {
    background-color: #353530;
    padding: 50px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .room-details .deatils-box .cancellation-box {
        padding: 50px 35px;
    }
}

@media (max-width: 575px) {
    .room-details .deatils-box .cancellation-box {
        padding: 50px 30px;
    }
}

.room-details .deatils-box .cancellation-box strong {
    color: #fff;
}

.room-details .deatils-box .room-map {
    width: 100%;
    height: 390px;
    background-color: #353530;
}

@media (max-width: 575px) {
    .room-details .deatils-box .room-map {
        height: 320px;
    }
}

.room-details .deatils-box .room-map iframe {
    width: 100%;
    height: 100%;
}

.room-details .deatils-box .related-room h3.subtitle {
    border-color: #dddddd;
}

.room-details .room-booking-form {
    background-color: #353530;
    padding: 40px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .room-details .room-booking-form {
        margin-top: 30px;
    }
}

@media (max-width: 767px) {
    .room-details .room-booking-form {
        margin-top: 30px;
    }
}

.room-details .room-booking-form input,
.room-details .room-booking-form .nice-select,
.room-details .room-booking-form select {
    background-color: #1c1b19;
}

.room-details .room-booking-form .main-btn {
    height: 60px;
    line-height: 60px;
    box-shadow: none;
    width: 100%;
    padding: 0;
}

.room-details .room-booking-form .title {
    font-weight: 700;
    font-family: "Rubik", sans-serif;
    margin-bottom: 30px;
    padding-left: 60px;
    position: relative;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .room-details .room-booking-form .title {
        padding-left: 50px;
    }
}

@media (max-width: 399px) {
    .room-details .room-booking-form .title {
        padding-left: 50px;
    }
}

.room-details .room-booking-form .title::before {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 2px;
    background-color: #fcd462;
    content: '';
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .room-details .room-booking-form .title::before {
        width: 30px;
    }
}

@media (max-width: 399px) {
    .room-details .room-booking-form .title::before {
        width: 30px;
    }
}


/*=======  COUNTER CSS  =======*/
.counter-section {
    background-color: #eeece8;
    background-color: var(--primary-card-color);
}

.counter-section .counter-box {
    margin-bottom: 50px;

}

@media (max-width: 575px) {
    .counter-section .counter-box {
        font-size: 12px;
    }

}

.counter-section .counter-box .icon {
    margin-bottom: 20px;
}

.counter-section .counter-box .icon i {
    font-size: 60px;
    font-weight: 400;
    line-height: 1;
    color: #cd865c;
    color: var(--primary-hover-color);
}

.counter-section .counter-box .icon img {
    max-width: 100px;
}

.counter-section .counter-box,
.counter-section .counter-box h4 {
    color: #041f60;
    color: var(--primary-text-color);
    font-weight: 600;
    font-family: 'Domine', 'Montserrat','sans-serif';
    font-family: var(--secondary-font);
    font-size: 14px;
}

.counter-section .counter-box h4 {
    font-size: 30px;
    word-spacing: 0;
    font-family: 'Gloock', 'serif';
    font-family: var(--primary-font);
}

.counter-section .counter-box h4 .plus-icon {
    font-size: 26px;
}

.counter-section .counter-box .title {
    color: #041f60;
    color: var(--primary-text-color);
    font-size: 22px;
}

@media (max-width: 575px) {
    .counter-section .counter-box h4 {
        font-size: 18px;

    }

    .counter-section .counter-box .title {
        color: #041f60;
        color: var(--primary-text-color);
        font-size: 18px;
    }

    .counter-box .icon i {
        font-size: 40px !important;
    }
}



@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .counter-section .counter-box.box-layout {
        font-size: 12px;
    }
}

.counter-section .counter-box.counter-box-two {
    background-color: #353530;
    padding: 30px 40px 30px 120px;
    position: relative;
    margin-bottom: 30px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .counter-section .counter-box.counter-box-two {
        padding: 30px 20px 30px 115px;
    }
}

@media (max-width: 767px) {
    .counter-section .counter-box.counter-box-two {
        padding: 110px 25px 30px;
    }
}

.counter-section .counter-box.counter-box-two,
.counter-section .counter-box.counter-box-two h4 {
    font-weight: 400;
    color: #a3a3a3;
}

.counter-section .counter-box.counter-box-two .icon {
    position: absolute;
    top: 40px;
    left: 40px;
    font-size: 60px;
    color: #fcd462;
    margin: 0;
    line-height: 1;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .counter-section .counter-box.counter-box-two .icon {
        left: 30px;
    }
}

@media (max-width: 767px) {
    .counter-section .counter-box.counter-box-two .icon {
        top: 30px;
        left: 25px;
    }
}

.counter-section .counter-box.counter-box-two h4 {
    color: #fff;
    letter-spacing: -1px;
    font-family: "Prata", serif;
}


/*=======  Our Menu  =======*/

.menu-area {
    position: relative;
    z-index: 1;
}

.menu-area.menu-nagative-gallery {
    padding-top: 115px;
    margin-bottom: 305px;
    padding-bottom: 285px;
}

.menu-area.style-2.menu-nagative-gallery {
    padding-top: 0;
    margin-bottom: 305px;
    padding-bottom: 200px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .menu-area.menu-nagative-gallery {
        margin-bottom: 230px;
        padding-bottom: 220px;
    }

    .menu-area.style-2.menu-nagative-gallery {
        padding-top: 0;
        margin-bottom: 250px;
        padding-bottom: 200px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .menu-area.menu-nagative-gallery {
        margin-bottom: 200px;
        padding-bottom: 200px;
    }

    .menu-area.style-2.menu-nagative-gallery {
        padding-top: 0;
        margin-bottom: 200px;
        padding-bottom: 200px;
    }
}

@media (max-width: 767px) {
    .menu-area.menu-nagative-gallery {
        margin-bottom: 200px;
        padding-bottom: 200px;
    }

    .menu-area.style-2.menu-nagative-gallery {
        padding-top: 0;
        margin-bottom: 200px;
        padding-bottom: 200px;
    }
}

@media (max-width: 575px) {
    .menu-area.menu-nagative-gallery {
        margin-bottom: 230px;
        padding-bottom: 240px;
    }

    .menu-area.style-2.menu-nagative-gallery {
        padding-top: 0;
        margin-bottom: 250px;
        padding-bottom: 200px;
    }
}

.menu-area.menu-nagative-gallery .gallery-wrap {
    position: absolute;
    bottom: -190px;
    width: 100%;
    left: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .menu-area.menu-nagative-gallery .gallery-wrap {
        bottom: -130px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .menu-area.menu-nagative-gallery .gallery-wrap {
        bottom: -100px;
    }
}

@media (max-width: 767px) {
    .menu-area.menu-nagative-gallery .gallery-wrap {
        bottom: -100px;
    }
}

@media (max-width: 575px) {
    .menu-area.menu-nagative-gallery .gallery-wrap {
        bottom: -150px;
    }
}

.menu-area.menu-with-shape .shape-one {
    position: absolute;
    left: 2%;
    top: -70px;
    max-width: 250px;
    z-index: 2;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .menu-area.menu-with-shape .shape-one {
        max-width: 180px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .menu-area.menu-with-shape .shape-one {
        max-width: 180px;
    }
}

@media (max-width: 767px) {
    .menu-area.menu-with-shape .shape-one {
        display: none;
    }
}

.menu-area.menu-with-shape .shape-two {
    position: absolute;
    right: 3%;
    bottom: 160px;
    z-index: -1;
    max-width: 250px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .menu-area.menu-with-shape .shape-two {
        max-width: 180px;
    }
}

.menu-area .menu-loop .single-menu-box {
    align-items: center;
    margin-bottom: 20px;
    padding-left: 120px;
    position: relative;
}

@media (max-width: 575px) {
    .menu-area .menu-loop .single-menu-box {
        padding-left: 0;
        padding-top: 140px;
    }
}

.menu-area .menu-loop .single-menu-box .menu-desc {
    position: relative;
    transition: all 0.3s ease-out 0s;
    font-size: 14px;
    color: #fff;
    padding: 20px 85px 20px 30px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .menu-area .menu-loop .single-menu-box .menu-desc {
        padding: 20px 50px 20px 30px;
    }
}

@media (max-width: 399px) {
    .menu-area .menu-loop .single-menu-box .menu-desc {
        padding: 20px 50px 20px 30px;
    }
}

.menu-area .menu-loop .single-menu-box .menu-desc h4 {
    font-size: 24px;
    letter-spacing: -1px;
    margin-bottom: 8px;
}

.menu-area .menu-loop .single-menu-box .menu-desc .menu-link {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 24px;
    color: #fcd462;
    z-index: 2;
    transition: all 0.3s ease-out 0s;
    visibility: hidden;
    opacity: 0;
}

.menu-area .menu-loop .single-menu-box .menu-img {
    position: absolute;
    left: 0;
    top: 0;
    width: 120px;
    height: 100%;
    background-size: cover;
    background-position: center;
}

@media (max-width: 575px) {
    .menu-area .menu-loop .single-menu-box .menu-img {
        height: 120px;
        left: 30px;
    }
}

.menu-area .menu-loop .single-menu-box:hover .menu-desc {
    background-color: #353530;
}

.menu-area .menu-loop .single-menu-box:hover .menu-desc .menu-link {
    right: 40px;
    visibility: visible;
    opacity: 1;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .menu-area .menu-loop .single-menu-box:hover .menu-desc .menu-link {
        right: 15px;
    }
}

@media (max-width: 399px) {
    .menu-area .menu-loop .single-menu-box:hover .menu-desc .menu-link {
        right: 15px;
    }
}

.menu-area .menu-loop .single-menu-box.hover-drak:hover .menu-desc {
    background-color: #f6f5f0;
}

.menu-area .menu-loop .single-menu-box.hover-drak:hover .menu-desc,
.menu-area .menu-loop .single-menu-box.hover-drak:hover .menu-desc h4 a {
    color: #fff;
}

.gallery-wrap .gallery-popup {
    overflow: hidden;
}

.gallery-wrap .gallery-popup img {
    transition: all 0.4s ease-out 0s;
}

.gallery-wrap .gallery-popup:hover img {
    transform: scale(1.1);
}


/*=======  CONTACT   =======*/

.contact-part .contact-info .info-box {
    padding: 50px 45px;
    background-color: #353530;
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 40px 1fr;
    margin-bottom: 30px;
    grid-column-gap: 30px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .contact-part .contact-info .info-box {
        padding: 50px 30px;
        grid-template-columns: 30px 1fr;
    }
}

@media (max-width: 767px) {
    .contact-part .contact-info .info-box {
        display: block;
        padding: 30px 20px;
    }
}

.contact-part .contact-info .info-box .icon {
    font-size: 40px;
    color: #fcd462;
}

@media (max-width: 767px) {
    .contact-part .contact-info .info-box .icon {
        margin-bottom: 15px;
    }
}

.contact-part .contact-info .info-box .desc h4 {
    font-size: 24px;
    margin-bottom: 20px;
}

.contact-part .contact-maps {
    height: 700px;
    width: 100%;
}

.contact-part .contact-form {
    background-color: #353530;
    padding: 100px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .contact-part .contact-form {
        padding: 50px;
    }
}

@media (max-width: 767px) {
    .contact-part .contact-form {
        padding: 50px;
    }
}

.contact-part .contact-form .main-btn.btn-filled {
    box-shadow: none;
}


/*=======  Offers  =======*/

.offers-area .offer-boxes-loop .offer-box {
    margin-bottom: 60px;
}

.offers-area .offer-boxes-loop .offer-box .offer-desc {
    background-color: #353530;
    padding: 65px 60px 60px;
    margin-left: 60px;
    margin-right: 60px;
    border-top: 6px solid #fcd462;
    margin-top: -75px;
    z-index: 2;
    position: relative;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .offers-area .offer-boxes-loop .offer-box .offer-desc {
        margin-left: 30px;
        margin-right: 30px;
        padding: 65px 40px 60px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .offers-area .offer-boxes-loop .offer-box .offer-desc {
        margin-left: 20px;
        margin-right: 20px;
        padding: 40px 30px 30px;
        margin-top: -50px;
    }
}

@media (max-width: 575px) {
    .offers-area .offer-boxes-loop .offer-box .offer-desc {
        margin-left: 15px;
        margin-right: 15px;
        padding: 40px 20px 30px;
        margin-top: -30px;
    }
}

@media (max-width: 399px) {
    .offers-area .offer-boxes-loop .offer-box .offer-desc {
        margin-left: 5px;
        margin-right: 5px;
        padding: 30px 15px 20px;
    }
}

.offers-area .offer-boxes-loop .offer-box .offer-desc .main-btn {
    box-shadow: none;
    margin-top: 30px;
}

@media (max-width: 575px) {
    .offers-area .offer-boxes-loop .offer-box .offer-desc .main-btn {
        padding: 0 35px;
        line-height: 40px;
    }
}

.offers-area .offer-boxes-loop .offer-box .offer-desc .title-wrap {
    border-bottom: 2px solid #40403b;
    margin-bottom: 40px;
    padding-bottom: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.offers-area .offer-boxes-loop .offer-box .offer-desc .title-wrap .title .room-cat {
    text-transform: uppercase;
    padding-bottom: 10px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 3px;
}

@media (max-width: 575px) {
    .offers-area .offer-boxes-loop .offer-box .offer-desc .title-wrap .title .room-cat {
        letter-spacing: 2px;
    }
}

.offers-area .offer-boxes-loop .offer-box .offer-desc .title-wrap .title h2 {
    font-size: 48px;
    letter-spacing: -1px;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .offers-area .offer-boxes-loop .offer-box .offer-desc .title-wrap .title h2 {
        font-size: 32px;
    }
}

@media (max-width: 575px) {
    .offers-area .offer-boxes-loop .offer-box .offer-desc .title-wrap .title h2 {
        font-size: 24px;
    }
}

.offers-area .offer-boxes-loop .offer-box .offer-desc .title-wrap .price {
    font-size: 40px;
    color: #fcd462;
    font-weight: 700;
    text-align: right;
    line-height: 1;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .offers-area .offer-boxes-loop .offer-box .offer-desc .title-wrap .price {
        font-size: 32px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .offers-area .offer-boxes-loop .offer-box .offer-desc .title-wrap .price {
        font-size: 28px;
    }
}

@media (max-width: 575px) {
    .offers-area .offer-boxes-loop .offer-box .offer-desc .title-wrap .price {
        font-size: 20px;
    }
}

.offers-area .offer-boxes-loop .offer-box .offer-desc .title-wrap .price span {
    font-size: 16px;
}

.offers-area .offer-boxes-loop .offer-box .offer-desc .offer-text,
.offers-area .offer-boxes-loop .offer-box .offer-desc .offer-feature {
    font-family: "Roboto", sans-serif;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .offers-area .offer-boxes-loop .offer-box .offer-desc .offer-feature {
        margin-top: 50px;
    }
}

@media (max-width: 767px) {
    .offers-area .offer-boxes-loop .offer-box .offer-desc .offer-feature {
        margin-top: 50px;
    }
}

.offers-area .offer-boxes-loop .offer-box .offer-desc .offer-feature li {
    width: 50%;
    float: left;
    margin-bottom: 20px;
    padding-left: 40px;
    position: relative;
}

.offers-area .offer-boxes-loop .offer-box .offer-desc .offer-feature li i {
    color: #fcd462;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}


/*=======  Gallery  =======*/

.gallery-loop {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 30px;
}

.gallery-loop.columns-3 {
    grid-template-columns: repeat(3, 1fr);
}

@media (max-width: 767px) {
    .gallery-loop {
        grid-gap: 10px;
    }
}

@media (max-width: 575px) {
    .gallery-loop {
        grid-gap: 10px;
    }
}

.gallery-loop .single-gallery-image {
    overflow: hidden;
}

.gallery-loop .single-gallery-image img {
    transition: all 0.4s ease-out 0s;
}

.gallery-loop .single-gallery-image:hover img {
    transform: scale(1.1);
}

.gallery-loop:not(.columns-3) .single-gallery-image:nth-child(3),
.gallery-loop:not(.columns-3) .single-gallery-image:nth-child(6),
.gallery-loop:not(.columns-3) .single-gallery-image:nth-child(9),
.gallery-loop:not(.columns-3) .single-gallery-image:nth-child(12) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1 / 3;
}

.gallery-loop:not(.columns-3) .single-gallery-image:nth-child(3) {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2 / 3;
}

.gallery-loop:not(.columns-3) .single-gallery-image:nth-child(6) {
    -ms-grid-row: 4;
    -ms-grid-row-span: 1;
    grid-row: 4 / 5;
}

.gallery-loop:not(.columns-3) .single-gallery-image:nth-child(9) {
    -ms-grid-row: 6;
    -ms-grid-row-span: 1;
    grid-row: 6 / 7;
}

.gallery-loop:not(.columns-3) .single-gallery-image:nth-child(12) {
    -ms-grid-row: 8;
    -ms-grid-row-span: 1;
    grid-row: 8 / 9;
}


/*=======  News   =======*/

.post-box .post-desc {
    padding: 50px;
    background-color: #353530;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .post-box .post-desc {
        padding: 40px 30px;
    }
}

@media (max-width: 575px) {
    .post-box .post-desc {
        padding: 40px 30px;
        font-size: 14px;
    }
}

@media (max-width: 399px) {
    .post-box .post-desc {
        padding: 40px 20px;
    }
}

.post-box .post-desc .cat {
    margin-bottom: 25px;
    padding: 10px 30px;
    font-size: 14px;
    font-weight: 700;
    font-family: "Roboto", sans-serif;
    display: inline-block;
    color: #fff;
    background-color: #fcd462;
}

.post-box .post-desc .cat:hover {
    background-color: #f6f5f0;
    color: #1c1b19;
}

.post-box .post-desc h2 {
    font-size: 42px;
    margin-bottom: 20px;
    letter-spacing: -2px;
    line-height: 1;
    color: #fff;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .post-box .post-desc h2 {
        font-size: 34px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .post-box .post-desc h2 {
        font-size: 32px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .post-box .post-desc h2 {
        font-size: 30px;
    }
}

@media (max-width: 575px) {
    .post-box .post-desc h2 {
        font-size: 24px;
    }
}

.post-box .post-desc .post-meta {
    margin-bottom: 30px;
}

.post-box .post-desc .post-meta li {
    display: inline-block;
    margin-right: 30px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .post-box .post-desc .post-meta li {
        margin-right: 15px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .post-box .post-desc .post-meta li {
        margin-right: 15px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .post-box .post-desc .post-meta li {
        margin-right: 10px;
    }
}

@media (max-width: 575px) {
    .post-box .post-desc .post-meta li {
        font-size: 14px;
        margin-right: 15px;
        margin-bottom: 5px;
    }
}

.post-box .post-desc .post-meta li a {
    color: #a3a3a3;
}

.post-box .post-desc .post-meta li a:hover {
    color: #fcd462;
}

.post-box .post-desc .post-meta li a i {
    margin-right: 5px;
}

.post-box .post-desc .post-footer {
    margin-top: 35px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.post-box .post-desc .post-footer .author {
    font-family: "Prata", serif;
    letter-spacing: -1px;
}

.post-box .post-desc .post-footer .author a {
    color: #a3a3a3;
}

.post-box .post-desc .post-footer .author img {
    margin-right: 15px;
}

.post-box .post-desc .post-footer .read-more a {
    font-size: 14px;
    color: #a3a3a3;
    font-family: "Roboto", sans-serif;
}

.post-box .post-desc .post-footer .read-more a i {
    margin-right: 5px;
}

.post-box .post-desc .post-footer .read-more a:hover {
    color: #fcd462;
}

.post-box.with-video .post-media {
    position: relative;
}

.post-box.with-video .post-media .play-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 80px;
    height: 80px;
    background-color: #fcd462;
    color: #fff;
    line-height: 80px;
    text-align: center;
    transform: translate(-50%, -50%);
}

@media (max-width: 767px) {
    .post-box.with-video .post-media .play-icon {
        height: 50px;
        width: 50px;
        line-height: 50px;
        font-size: 14px;
    }
}

.post-box.with-video .post-media .play-icon:hover {
    background-color: #d2ae49;
}

.post-box.title-with-thumb {
    position: relative;
    z-index: 1;
}

.post-box.title-with-thumb::after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    background-image: url(data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAAwIAAAEVBAMAAACh3k+BAAAAG1BMVEXMzMyWlpacnJyqqqrFxcWxsbGjo6O3t7e+vr6He3KoAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAH9UlEQVR4nO3cy3PTRhzA8ZUsP45WQqFHC2jLEVM606MNlOkxSqc9RzMUONrA5BzT6f9drR72vrSSMqWZst/PDHH80i/8dv3b1UqyEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA/L98fJg+2t3ifX+/zb7/c/Nv/zVfh2lquC9Ebj521by4fuJibIzkWfW+s90tQn79xqTjRX3v7GZkjA/tpjejQwZgRDoW7d1vx4WYpfobaQHNiHQcjvdvRoUoUv2NtIBmeDqS7Hh/NSbCRNnQvXEhgzA8HUomz8dE2OsbpwUMVjrOHel4Kl8pM3n/U3ItH7gZEUF+dM4/iV+rCdFuVMggLH5XratC8bf60G9lOjbylVkzC/qcjipDMt/n1Qby5o3DQwYos2f7cZp+I2/lTOix/EWOByNmQ+X7m23Oy98ejAkZoGlTqVV5U5Nnx+JzGDUQKK/eOzbvCxmgQzNbUSzairA9ZnIyqkisT9t0vdEXMkBZPVSq4rZy5MdUJemYlQnlxYljDPeFDI+3Iij1ekyVSNQOXVhNRxHSbO2KcEyg2n/LyrEcus1y+D073rFz6wsZoLU9DZ+01V/NZGxMhvbK/D025vJTddg+WC3gCxmecgQ82xiPHZopqMzLcYY4NWaLcprU9uTc6MEztahvzT0Jb8jwzBwjYNEOlGq/nxvFe5Eeu60sIWbrnD4vkVm+vCHDs7dHwFOuI6VgyzRrL1sfB4mpucMcq4XeagFvyPBk9lzx1PO1ApIZY+X2uJS2TY0erLXA1mwBb8jg+CeG2iBaGImTPb9O29rciNbtzXGAuagmcnS+0xR0r05a1mapzppUJqm5kdnbt1fHOwejBfwhg+PofEofzdWdqdzcs9o3xWfmX1c2Q/hDBsdfk7VuvzfzHDcD8MG/N2XuEzMMqHpqslb6rT2rRbPwXHjXlRdGhWEY0Lg6n9JHC7Vzb600FdUu89x/8CY2ZrE9IUOT28mbKisRmdECxmu31RJobM5FdYWx3tATMjQ9x6p6WmBSLUy4DsGcqIsXQ0IGZu4YQ/dKxnpaoF6N8B6/TApjotQXMjAzx4pkoWRMK+HW6kK9IveLdy4qj/BrFaYvZGD6jhb2tYAcAgrfXLQ6R0ULwQFKzdqeBU7Uqt7XAvP6NJ/OIl7VIH2a0xcyLIljFrNVl477WqA5O3TVFUDWIH2Q6A0Zlqnj45+rVaJnJG7P6+2ai1anPOqnvfeGDEvs+PhnapXobYEqx10lZFGd9ftmXMiwHOyP/0Lr0r0tkFhlRiFnSubEpzdkWHK7sk+10q+tSthH3OtNdM0kX1c1aGe93h8yLJmdvVjrtf6VOWndORC7atCAkEFxffz1KuFfnW420TGRyV1P9YcMysTx8V9rVcJ/hEY0V4s5V9WqfbHmKr4xIYMSOeYlqVZq/EcpRXupjOt80tw5Te0PGZSDvTe70PPpPVIv1VeZOWbzC9cgMCRkUNZ27oxTzb1nq4jjpUmOgfSF++H+kEHJ7GlMrFd17xlboj5EkzszWLgn+f0hQ5I4pvJbvefO9LMWrUyVXfo8dtXxuXtHbUDIkEwd3TTXZ4ZT/cxdM1Myofecye44cjkgZEhmjvJR6HV6oZ+9bmaqPlGocHw49u4l6wEhQxI5Mmfs4RpXcJiZqk8UOjg6duGeYQ4IGZKDXVYWZp0uvFcx1ScKzewcdh31GhIyII4CbNXp3Hcl37zeFbCuHtCv/BgbMiCOAmzV6a3vatb2su219VTcUduHhAxI5j7yrj2gXdFtrifkTVXfWoXEdShhaMhwJI55/NZMs+9bDY7V53QhQaucCj1/pdiMCBmOuWM9xp5EZt3f7DFpH0qsI5V5qluOCRmMYXtHcqrZ8e02p2uXcnNThbsF2CHTzOycyswZpcbzDU+nPbH2QoKjzN0Cw0IGwzUEOkbKUzKN633bqwdEXV20UpK6W2BgyFAM3D89HNN4oz+hdvxMv0Y76WgBdok1jjVJ19Jl57dd7pWiftCH2K4WGBgyFI5JiGuuUp956PjG10zp0MZFAouOFhgaErq8SiJpukMfs9t98zcAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAH2i5h/uCi3w30jPnnc8Y7TAsrwXpWkqzoSIl/Ju6WX2TojX6RsRrYTIvuxf+rVaJj92PONogern/Rtx3bRA8t3mr/LHq8tN9F7Miy//136NluKFePZIxJt5+cv04VMRXS7lzeRhXj4bXT4Ss135jNICD67Eu6YFJhf1j+nT6FrM9nf5//j/Kltg+ub1xWS3FR/FH69+EtGb6uaPV7JLR+VTi5X4SSgtsHyyWDUtEG/qH8kqim8+M2jcSlmF4k2yWjy93P0sHpe9PdpUN4/Ftnw2Kp8S78p/5YAhx4CqBa5nu6YFovbHMppfvaMFbqUciauuvXpytZJZlgmVN8t2HFiKz5OdUD8D8QdhfwbEDyta4FaWMoWyo1+9vyo7fpVmeaN8BuLL5oVNC0y/EfY4IPILWuBWykzKcUBc7j5ciOvNS5lmeXMaB8T8QfPCpgWqO9VPZS4k2Hm4JZnJci4kDpvtRsyzJzKP8uY0FxLzVfNCtQXqSvUybfcHBC3w5cx2d/0XhO7DXf8BoYue3PVfAAAAAAz1DxNMgkmu+pY8AAAAAElFTkSuQmCC);
    background-size: cover;
    background-position: center;
    z-index: -1;
    opacity: 0.1;
}

.post-box.title-with-thumb .post-desc {
    background-color: transparent;
}

.post-box.title-with-thumb .post-desc .post-meta {
    margin-bottom: 0;
}

.post-box.quote-post {
    padding: 50px;
    position: relative;
    z-index: 1;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .post-box.quote-post {
        padding: 40px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .post-box.quote-post {
        padding: 40px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .post-box.quote-post {
        padding: 40px 25px;
    }
}

@media (max-width: 575px) {
    .post-box.quote-post {
        padding: 40px 15px;
    }
}

.post-box.quote-post::before,
.post-box.quote-post::after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fcd462;
    z-index: -1;
    content: '';
}

.post-box.quote-post::after {
    background-image: url(/static/media/pattern-05.3ed226083b9edaa02ae4.png);
    z-index: -1;
    opacity: 0.6;
}

.post-box.quote-post .post-desc {
    border: none;
    position: relative;
    z-index: 1;
    padding: 0;
    padding-left: 115px;
    background-color: transparent;
}

.post-box.quote-post .post-desc,
.post-box.quote-post .post-desc h2,
.post-box.quote-post .post-desc a {
    color: #fff;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .post-box.quote-post .post-desc {
        padding-left: 75px;
    }
}

@media (max-width: 767px) {
    .post-box.quote-post .post-desc {
        padding-left: 75px;
    }
}

@media (max-width: 399px) {
    .post-box.quote-post .post-desc {
        padding-left: 0;
        padding-top: 70px;
    }
}

.post-box.quote-post .post-desc::before {
    position: absolute;
    left: 0;
    top: 5px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAE0AAABQCAYAAABcQfj1AAAFDUlEQVR4nO2cWYgdRRSGv7mZGJdoFhVlEtxRgxujhrhFUNwIKqgY4kaMiKgv+qAigr6JAQVxAdEHH0RRn6I+qPiQ+CDRiCvjgmJiXHAnmqhhzOiUlJxrbu65c2/3OdU990J90DCc7lt95u+uqlOnqnoohEAN7A6cBpwEHA8cDSwE5gObgYuAz+twpCCLgNPF1+OAg4H9gSjWXVWKtgdwKXA5cC6wp7piJ48DNyprvZwKXA0sAw7pcuetw8rkZwS4DVgFzC1Y2t7KUg/x/18J3AocW/COc1KKNge4G7hZ3rJ+ZwVwL3BYWT9TiXYJ8Ki8Zf3OocBjwPlWP72izRKxrldn+pPLgCeBfTzeeURbALwAnKzO9B9DwH3AHfK3C6toRwKvSVfc78T/8SngilR+WkQ7Alg3IO3XDOA5qZbJaJQsaD/glQERLLI6tWCUFG034Hl50waBmyReTE4Z0R4EzlbW/mQJ8HBVnhUV7WIJWgeBOLp4JmEMqigi2r4yNqySXxKWHWvE4cqaji1FRIuN6YHKmoYtErrcn6i8U4DrlDUN48BHwLW9shwxcH07RUAobJPO5EVgPfCrusJOfAE2JAy2ozBrJWR5HdgoNoiidTnWhjRMhBAeCSHM7XIv77Eqka+RN0MIi6fyRxlajqWqKBubQgijHcpPeQyHEDYm8DU+3FtCCEPdfOvWw9yjLOX5GDgH+CFRlZmKqywpnjZ2AMul6ejKVG3aYmnLPHwtKeNvk0nTmdjefiIpdA8rZYzak6l6T29M9pfk2KoWLHJeAsEeKCrYf3Sos/NCCNtVbS/H7R3KrepY4/T1nRDCzDK+dXrTrnGmqz+UALMODgAudNxnErgBmFBnutBJNG/e6U7gb2WthhXO4dKzwHvK2oP2jiBOXW1yBLMxCDxLWatjvUy9WYhv11HAl2V/2/6mLXdG/6uVpTpGZNhkZY1FMDqIdoG6ojhfyDiyLpY5H7C53W0VLc5bnqGuKM4T/4/N6sHzgMeAt5S1IK2ixQTjTGM5kzKwrYsZMtKw8rTHz1bRzlRni/MG8E2Noo1KzbAQJNNiJpVoLylLtSx1lP4+8JWylqAp2mzgBEc5LytLtXja3leVpSRN0U6UdsLCz8CnNYvmSTSuU5aStIpmxdwLGYlzrwcZfzshAbGLpmieqlm3aKPKUpwPgO1eB5qiHaPOFKdu0RYpS3HeTeFAUzRrPuqfBMnKsvSFaAsdyzfj2O0PZa0WT8IxSYfV6LEotxYnSuLxN8kKcq9onylLtQxLzbDwm4RHbhrOhXmm1IqDEUfSMdk+hYakjK24hiMGPMsjNiuLkYZzgd6PylItCxylf6csRqJo8xy//15ZqmW+o/RkD7jhSLFEflKWaukb0YpuxWlna9mprwR4akWSnpMEotXNbMf9timLkYajC/9dWarHM8eZbOTiadPGlaV6um1/7EWypsTz5GYZJzfGZZC/Q53pjXXiB0l/WWLSsfZOJM6w1znt1mSD7DSeVGe6E1dtX9n1ivT8KbP4Y82SO63lqIMlzkC1TvZqn2OdLtFIuPi5DnaZP5lO0QaWLJqBLJqBLJqBLJqBLJqBLJqBLJqBLJqBLJqBLJqBLJqBLJqBLJqBLJqBLJqBLJqBLJqBLJqBLJqBLJqBLJqBLJqBLJqBLJqBxjRsnmhiWXWU8tNhZdhlP1VDPjZZ51qz+Emd+M1sy9LTh6Zhw0fctbdz+zbwL2SJ0QPoRVs0AAAAAElFTkSuQmCC);
    width: 75px;
    height: 90px;
    background-size: contain;
    background-position: left top;
    background-repeat: no-repeat;
    content: '';
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .post-box.quote-post .post-desc::before {
        width: 50px;
    }
}

@media (max-width: 767px) {
    .post-box.quote-post .post-desc::before {
        width: 50px;
        height: 50px;
    }
}

.post-box.quote-post .post-desc .post-meta {
    margin-bottom: 0;
}

@media (max-width: 767px) {
    .post-box.quote-post .post-desc .post-meta li {
        margin-right: 5px;
    }
}

.post-box.quote-post .post-desc .post-meta li a {
    color: #fff;
}


/*=======  News Details  =======*/

.news-details-box {
    padding: 40px;
    background-color: rgb(238, 246, 247);
    background-color: var(--secondary-card-color);
    font-family: 'Domine', 'Montserrat','sans-serif';
    font-family: var(--secondary-font);
    color: #041f60;
    color: var(--primary-text-color);

    /*=======  Comment Template  =======*/
}

@media (max-width: 767px) {
    .news-details-box {
        padding: 30px;
        font-size: 14px;
    }
}

@media (max-width: 399px) {
    .news-details-box {
        padding: 15px;
    }
}

.news-details-box .entry-content .cat {
    margin-bottom: 25px;
    padding: 10px 30px;
    display: inline-block;
    font-weight: 700;
    color: #041f60;
    color: var(--primary-text-color);
    background-color: #fcd462;
}

.news-details-box .entry-content .cat:hover {
    background-color: #f6f5f0;
    color: #1c1b19;
}

.news-details-box .entry-content .title,
.news-details-box .entry-content .subtitle {
    margin-bottom: 30px;
    letter-spacing: -1px;
    font-family: 'Gloock', 'serif';
    font-family: var(--primary-font);
    color: #041f60;
    color: var(--primary-text-color);
}

.news-details-box .entry-content h2.title {
    font-size: 36px;
    margin-bottom: 15px;
    color: #041f60;
    color: var(--primary-text-color);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .news-details-box .entry-content h2.title {
        font-size: 28px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .news-details-box .entry-content h2.title {
        font-size: 34px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .news-details-box .entry-content h2.title {
        font-size: 28px;
    }
}

@media (max-width: 575px) {
    .news-details-box .entry-content h2.title {
        font-size: 20px;
    }
}

@media (max-width: 399px) {
    .news-details-box .entry-content h2.title {
        font-size: 18px;
    }
}

.news-details-box .entry-content h3.subtitle {
    font-size: 30px;
    color: #041f60;
    color: var(--primary-text-color);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .news-details-box .entry-content h3.subtitle {
        font-size: 24px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .news-details-box .entry-content h3.subtitle {
        font-size: 26px;
    }
}

@media (max-width: 575px) {
    .news-details-box .entry-content h3.subtitle {
        font-size: 18px;
    }
}

.news-details-box .entry-content .gap {
    height: 80px;
}

.news-details-box .entry-content .post-meta {
    margin-bottom: 25px;
}

.news-details-box .entry-content .post-meta li {
    display: inline-block;
    margin-right: 25px;
    color: #041f60;
    color: var(--primary-text-color);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .news-details-box .entry-content .post-meta li {
        margin-right: 15px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .news-details-box .entry-content .post-meta li {
        margin-right: 15px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .news-details-box .entry-content .post-meta li {
        margin-right: 10px;
    }
}

@media (max-width: 575px) {
    .news-details-box .entry-content .post-meta li {
        margin-right: 15px;
        margin-bottom: 5px;
    }
}

.news-details-box .entry-content .post-meta li a {
    color: #041f60;
    color: var(--primary-text-color);
    font-size: 14px;
}

.news-details-box .entry-content .post-meta li a:hover {
    color: #fcd462;
}

.news-details-box .entry-content .post-meta li a i {
    margin-right: 5px;
}

.news-details-box .entry-content ul.list-icon li {
    padding-left: 60px;
    position: relative;
}

@media (max-width: 767px) {
    .news-details-box .entry-content ul.list-icon li {
        padding-left: 40px;
    }
}

@media (max-width: 399px) {
    .news-details-box .entry-content ul.list-icon li {
        padding-left: 25px;
    }
}

.news-details-box .entry-content ul.list-icon li:not(:last-child) {
    margin-bottom: 10px;
}

.news-details-box .entry-content ul.list-icon li::before {
    position: absolute;
    left: 30px;
    top: 50%;
    transform: translateY(-50%);
    content: '\f00c';
    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
}

@media (max-width: 767px) {
    .news-details-box .entry-content ul.list-icon li::before {
        left: 0;
    }
}

.news-details-box .entry-content blockquote {
    position: relative;
    padding: 45px 55px;
    background-color: #eeece8;
    background-color: var(--primary-card-color);
    border-radius: 0;
    z-index: 1;
    font-size: 28px;
    font-family: "Prata", serif;
    font-weight: 400;
    line-height: 1.5;
    color: #000000;
    text-align: center;
    letter-spacing: -1px;
    position: relative;
}

.news-details-box .entry-content blockquote::after {
    position: absolute;
    right: 40px;
    left: 40px;
    top: 40px;
    bottom: 40px;
    content: '';
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALkAAADACAYAAABYgMJVAAAIs0lEQVR4nO2dC2/aSBRGrw0B8mqT7v7/X7hVumlCEgJ45ezQAA4G49c31+dIqFVAapg5/eZ6HnaSZZnBHxIzG5nZRfhz+5W/l4bXysxezOy3mdGA3TLeem36J917rc3szcwe874auuS5zJOtP8eFT5SzMLOfiN4a4y/6J6nwj+Vh9M/QJM//18/MbBoaLS18ojr/mtlz11/EKWnom1non1EDX3NeNbliJG+oy/C6aOH3nyF5LdLQN5vwaZqZV8mT0HBXIRHapInRYIjMQv9MK5YgVUm9SZ6n9nVoPOTTIw19c91QKXISXiTPv8dNSO82UwHOIw39c91H/8QueZ4G34LcoEevcm+IVXKJxoODJKFvbhTKxhglvwrpTc2tSX4h+V3JrZgkz3/Xuw5mS+A80iC3XOkYi+TXIb0pTTSZhQCSHF3VJc8b7b6lRQKoTxLS+0q5LZUln4Z06Gw+FSoxDgHUxipyo6hKfh0SAjSZBcGjKB/VJI9i+Bs4N+H6KBqUJM8F/0H9Lc1djAGkIvkoCC5f3w2UJJQnsxi/voLkueB/OdpH443oR9i+xcoF/5sZFFmSEEBRL8D1OXmP4Nq4ENx6lDwNQyCC63LvZQtFH5InXGTKcxfrReZX9CG5m4Rwyq23dYquJf/mKSEcchkkd0WXkl+G1TLQZBLKFHd0JfmF1wZ0QhrTXpSqdCF54rkBnXDveaarC8nvWM2U5sb7fqG2Jb/iJL00k9h2FJ5Dm5KPhtCAEZMM5TqpTcllz/zBB7dDKSPbkvB6QPvCV4Wf6DMZ0HTusg3JRx4XFEqYH35LksGUKYF5G5IP6cY/T2b2WvipNtcDmu3K++ap6S87dTybkoXSJH8tw+NUFoVPaeN5lM3CY1Q2/fO6CaCmJfd0wv49PHdmEf4eY+29z3dHi3LLvf5ZFj4RaFJyD8Pge6ixX51Ivc3Ewea4VXiqx2uZ1Ps0JWUa+TD4Eurr98I7foh5lF2EJ+29Fd45gaYkl7hF7xlsHoPnWW5r8XlJbfMe5K51cd+E5GkoVWJiHeSObfrvXGIbZbMwsj418fjIJiS/jexiJh/6HhzW3Ie4iuxaaRn6p7HRte6XH0V2VOo5JPhQHl6ah09MKZ6XJb/CSNsYdSW/iSjFh/hQ2bwWj2Wf+HPoo8apI3kaUYr/GlD9vU0s+1OewgjbCnUkj+WhVA9hinBoXEZSi7cquNWY9ksimVF5HKjgFkn/vLQtuNWQ/DKCefF5SIkhMong3jZvoYxsnXNFVU+JRVsXMZGg3j+rUEZ2Mst1juQX4qtn6y4bUJBRBHtUHpqeJizjHMnVU+LXgBZ6vuJKfELgd9dblKtKnorvF59HeIihaZSndTcbrTqlquSXwimx6uJKXZyp8OJP1tWF5j5VJVcuVR67rPNEUU7x5yp7wJukiuQT4cWFtwHPh29IhS84V32UKRuqSK5ciw+9TLEguGop2eumuFMlT4Qlnw/g0MMpqJYqi75H2VMln4qucGZ9DoNCjIRXOHvvn1PFVa315gOfE9+gOsouzj2X2SSnSJ6ISp4NeG/KPqohJDHKniL5RLRUeSHFP1AtVd4VUtxOlFc1JUjx/6F/jhCr5G99LSwIonj34JXSusUxyceiy8RDO6t5iERUcqmjhsckV0zxFZuw/jARXQCKSnLFlBj68v02iiEkdx/JMskT0av2IZ66PwQhdAJlkk8Fh8LSW/QOjLHghrlMsZQsk1xxKKRU+UQxxV8Vjx2WSa5YqiD5J5SSJ3JI8lRwKHxjhXMHtSRfq6xw7nNIcsWUkGzAnhiX9F1fyE7rHmooRcmZG/9EsR6XDaFDkqs14pJZlR3UQiiLTfJE8OZBlCq7qEm+UD5E/pXklCrapIL7iaRDKAbJswgfCtsmhFBFvpJcrVRZDPi+hl+h1j9r9eulWCSHT+ifiuxLTr2nD5MCFdmXXK0BM+6psoNiCEWX5GqSv1OP76BYj8uHkLrk1OO7qM2sRDHKInlcqG2ai6J/9iVXq/eox3dRkzy6JB+LnQRas7W2AJKfwb7kSpDiu4wIofNA8nhQnPmKgm3JaURtCKEzUU5y9o/vguRnsi252swKku9C/5zJRvL0i+nEPlmy0lmAkfZMNmKTEvoo9dEqphBC8jigf2qA5HFAqVKDjeRqjchK5y5qIRRV/5DkcUD/1GB7dkUJknwXkrwGikmO4EXUQogkrwmlShGlEFrHtoaxWQRS290GuyiFUHT9o3gwlnKlCOVkDdSW8w3JC9A/NVGUnHJlFySvCUmuDyFUE5JcH/qnJmozK4bkBZC8JiS5PvRPTdQkR/AijLQ1UStXOA1UBMlrwmqnPmrlSnRBpFaukORFGGlrQrmiDyNtTbhyhyqQ5A1AkhehnKwJFzVQBZK8AZBcGySHViCEaqJWrgA0jtr9VmYip2DyO7bOme0pkN/e+77w0+5Zhv45aVu2muRjkd/p0syuzewnB6t3GIW2UeDGzB5Oea4/5cph8g79cfBd6JskjCpHHUbycvJRZVr6CeiT5JSRBcmPo3Y3A9jlaHmL5MdhijVykBzcg+TgHiQH9yA5uAfJwT1IDu5BcnAPkoN7kBzcg+TgHiQH9yA5uAfJwT1IDu5BcnAPkoN7kBzcg+TgHiQH9yA5uAfJwT1IDu5BcnAPkoN7kBzcg+TgHiQH9yA5uAfJwT1IDu5BcnAPkoN7kBzcg+TgHiQH9yA5uAfJwT1IDu5BcnAPkoN7kBzcg+TgHiQH9yA5uAfJwT1IDu5BcnAPkoN7kBzcg+TgHiQH9yA5uAfJwT1IDu5BcnAPkoN7kBzcg+TgHiQH9yA5uAfJwT1IDu5BcnBPLvmabi5lVfZmB9A/5Rxtn1zy18JPYUNmZoueW4P+Kedo++SSPwqklSr/CiTpXOA/mirPZvZ+7HdLsiwPqw/Zv5nZ1MxGhU8Niyw03G8zexP55omZ3ZrZJf3z0T/LIHgeAOWY2X9n+ljx7TBRZwAAAABJRU5ErkJggg==);
    z-index: -1;
    background-size: contain;
    background-position: right center;
    background-repeat: no-repeat;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .news-details-box .entry-content blockquote {
        font-size: 22px;
        padding: 40px;
    }
}

@media (max-width: 767px) {
    .news-details-box .entry-content blockquote {
        padding: 30px 20px;
        font-size: 18px;
    }
}

@media (max-width: 399px) {
    .news-details-box .entry-content blockquote {
        font-size: 16px;
    }
}

.news-details-box .entry-content blockquote span {
    display: block;
    font-family: "Roboto", sans-serif;
    margin-bottom: 15px;
    font-size: 14px;
    color: #041f60;
    color: var(--primary-text-color);
    text-transform: none;
}

.news-details-box .entry-footer .tag-and-share h5 {
    font-size: 20px;
    letter-spacing: -1px;
    margin-bottom: 25px;
    color: #041f60;
    color: var(--primary-text-color);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .news-details-box .entry-footer .tag-and-share h5 {
        font-size: 18px;
    }
}

@media (max-width: 767px) {
    .news-details-box .entry-footer .tag-and-share .tag {
        margin-bottom: 30px;
    }
}

.news-details-box .entry-footer .tag-and-share .tag li {
    display: inline-block;
    margin-right: 5px;
}

.news-details-box .entry-footer .tag-and-share .tag li a {
    font-size: 12px;
    padding: 10px 20px;
    display: block;
    background-color: #eeece8;
    background-color: var(--primary-card-color);
    text-transform: uppercase;
    color: #041f60;
    color: var(--primary-text-color);
}

.news-details-box .entry-footer .tag-and-share .tag li a:hover {
    background-color: #fcd462;
    color: #041f60;
    color: var(--primary-text-color);
}

.news-details-box .entry-footer .tag-and-share .share li {
    display: inline-block;
    margin-left: 25px;
    color: #041f60;
    color: var(--primary-text-color);
}

.news-details-box .entry-footer .tag-and-share .share li a {
    color: #041f60;
    color: var(--primary-text-color);
    font-size: 18px;
}

.news-details-box .entry-footer .post-nav {
    padding: 50px 0;
    border-top: 1px solid #40403b;
    border-bottom: 2px solid #40403b;
    position: relative;
}

.news-details-box .entry-footer .post-nav span.icon {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);

}

@media (max-width: 767px) {
    .news-details-box .entry-footer .post-nav span.icon {
        display: none;
    }
}

.news-details-box .entry-footer .post-nav .prev-post span,
.news-details-box .entry-footer .post-nav .next-post span {
    font-size: 14px;
    font-weight: 700;
    display: block;
    color: #041f60;
    color: var(--primary-text-color);
}

.news-details-box .entry-footer .post-nav .prev-post a,
.news-details-box .entry-footer .post-nav .next-post a {
    color: #041f60;
    color: var(--primary-text-color);
    font-size: 28px;
    letter-spacing: -1px;
    font-family: "Prata", serif;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .news-details-box .entry-footer .post-nav .prev-post a,
    .news-details-box .entry-footer .post-nav .next-post a {
        font-size: 22px;
    }
}

@media (max-width: 767px) {

    .news-details-box .entry-footer .post-nav .prev-post a,
    .news-details-box .entry-footer .post-nav .next-post a {
        font-size: 20px;
    }
}

.news-details-box .entry-footer .post-nav .prev-post {
    text-align: left;
}

@media (max-width: 767px) {
    .news-details-box .entry-footer .post-nav .prev-post {
        margin-bottom: 30px;
    }
}

.news-details-box .entry-footer .related-post-box h3 {
    font-size: 26px;
    letter-spacing: -1px;
    color: #041f60;
    color: var(--primary-text-color);
}

.news-details-box .related-post h3 {
    font-family: 'Gloock', 'serif';
    font-family: var(--primary-font);
    color: #041f60 !important;
    color: var(--primary-text-color) !important;
}

.news-details-box .entry-footer .related-post-box .thumb {
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 300px;
}

.news-details-box .entry-footer .related-post-box .desc {
    font-size: 14px;
    padding: 40px;
    box-shadow: 0px 8px 16px 0px rgba(93, 93, 93, 0.06);
    transition: 0.3s;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .news-details-box .entry-footer .related-post-box .desc {
        padding: 30px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .news-details-box .entry-footer .related-post-box .desc {
        padding: 30px;
    }
}

@media (max-width: 767px) {
    .news-details-box .entry-footer .related-post-box .desc {
        padding: 30px;
    }
}

.news-details-box .entry-footer .related-post-box .desc .date {
    display: inline-block;
    margin-bottom: 10px;
    color: #041f60;
    color: var(--primary-text-color);
}

.news-details-box .entry-footer .related-post-box .desc .date i {
    margin-right: 5px;
    color: #041f60;
    color: var(--primary-text-color);
}

.news-details-box .entry-footer .related-post-box .desc h4 a {
    font-size: 22px;
    margin-bottom: 20px;
    letter-spacing: -1px;
    color: #041f60;
    color: var(--primary-text-color);
}

.news-details-box .entry-footer .related-post-box .desc h4 a:hover {
    font-size: 22px;
    margin-bottom: 20px;
    letter-spacing: -1px;
    color: #ffffff;
    color: var(--white-color);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .news-details-box .entry-footer .related-post-box .desc h4 {
        font-size: 18px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .news-details-box .entry-footer .related-post-box .desc h4 {
        font-size: 22px;
    }
}

@media (max-width: 399px) {
    .news-details-box .entry-footer .related-post-box .desc h4 {
        font-size: 20px;

    }
}

.news-details-box .entry-footer .related-post-box:hover .desc {
    background-color: #1c1b19;
    box-shadow: none;
}

.news-details-box .entry-footer .author-info-box {
    padding: 40px;
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 180px 1fr;
    background-color: #1c1b19;
    grid-column-gap: 35px;
    font-size: 14px;
    align-items: center;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .news-details-box .entry-footer .author-info-box {
        padding: 30px;
    }
}

@media (max-width: 767px) {
    .news-details-box .entry-footer .author-info-box {
        display: block;
        padding: 30px;
    }
}

@media (max-width: 767px) {
    .news-details-box .entry-footer .author-info-box .info-text {
        margin-top: 30px;

    }
}

.news-details-box .entry-footer .author-info-box .info-text span {
    font-weight: 700;
    margin-bottom: 5px;
    color: #fcd462;
}

.news-details-box .entry-footer .author-info-box .info-text h3 {
    font-size: 36px;
    letter-spacing: -1px;
    margin-bottom: 15px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .news-details-box .entry-footer .author-info-box .info-text h3 {
        font-size: 22px;
    }
}

@media (max-width: 767px) {
    .news-details-box .entry-footer .author-info-box .info-text h3 {
        font-size: 22px;
    }
}

.news-details-box .comment-template h3.box-title {
    margin-bottom: 30px;
    letter-spacing: -1px;
    font-size: 26px;
    color: #041f60;
    color: var(--primary-text-color);
}

@media (max-width: 767px) {
    .news-details-box .comment-template h3.box-title {
        font-size: 24px;
    }
}

.news-details-box .comment-template .comments-list li {
    padding-left: 130px;
    position: relative;
    font-size: 14px;
    padding-top: 15px;
    min-height: 130px;
}

@media (max-width: 575px) {
    .news-details-box .comment-template .comments-list li {
        padding-left: 0;
    }
}

.news-details-box .comment-template .comments-list li:not(:first-child) {
    padding-top: 45px;
    margin-top: 30px;
    border-top: 1px solid #40403b;
}

.news-details-box .comment-template .comments-list li:not(:first-child) .comment-img {
    top: 30px;
}

.news-details-box .comment-template .comments-list li .comment-img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100px;
    height: 100px;
}

.news-details-box .comment-template .comments-list li .comment-img img {
    max-width: 100px;
    max-height: 100px;
}

@media (max-width: 575px) {
    .news-details-box .comment-template .comments-list li .comment-img {
        position: static;
        position: initial;
        margin-bottom: 30px;
    }
}

.news-details-box .comment-template .comments-list li .comment-desc .desc-top {
    margin-bottom: 20px;
    position: relative;
}

.news-details-box .comment-template .comments-list li .comment-desc .desc-top h6 {
    font-size: 18px;
    letter-spacing: -1px;
    margin-bottom: 10px;
    color: #041f60;
    color: var(--primary-text-color);
}

.news-details-box .comment-template .comments-list li .comment-desc .desc-top span.date {
    font-weight: 700;
    font-size: 12px;
}

.news-details-box .comment-template .comments-list li .comment-desc .desc-top .reply-link {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    padding: 10px 20px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    z-index: 2;
    color: #a3a3a3;
}

.news-details-box .comment-template .comments-list li .comment-desc .desc-top .reply-link i {
    margin-right: 5px;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .news-details-box .comment-template .comments-list li .children {
        margin-left: -80px;
    }
}

@media (max-width: 575px) {
    .news-details-box .comment-template .comments-list li .children {
        padding-left: 30px;
    }
}

.news-details-box .comment-template .comments-list li .children li:first-child {
    padding-top: 45px;
    margin-top: 30px;
    border-top: 1px solid #40403b;
}

.news-details-box .comment-template .comments-list li .children li:first-child .comment-img {
    top: 30px;
}

.news-details-box .comment-template .comment-form {
    padding: 45px;
    background-color: #eeece8;
    background-color: var(--primary-card-color);
}

@media (max-width: 575px) {
    .news-details-box .comment-template .comment-form {
        padding: 20px;
    }
}

@media (max-width: 399px) {
    .news-details-box .comment-template .comment-form {
        padding-left: 15px;
    }
}

.news-details-box .comment-template .comment-form textarea {
    height: 150px;
    padding-top: 25px;
}

.news-details-box .comment-template .comment-form .main-btn {
    box-shadow: none;
}

@media (max-width: 575px) {
    .news-details-box .comment-template .comment-form .main-btn {
        padding: 0px 30px;
    }
}


/*=======  Paginations  =======*/

.pagination-wrap {
    text-align: center;
    padding-top: 20px;
}

.pagination-wrap ul li {
    display: inline-block;
    margin: 0 5px;
}

.pagination-wrap ul li a {
    height: 50px;
    width: 50px;
    line-height: 50px;
    color: #a3a3a3;
    font-weight: 700;
    font-family: "Roboto", sans-serif;
    background-color: #353530;
    color: #fff;
}

@media (max-width: 575px) {
    .pagination-wrap ul li {
        margin: 0;
    }

    .pagination-wrap ul li a {
        width: 38px;
        height: 38px;
        line-height: 42px;
    }
}

.pagination-wrap ul li a:hover {
    background-color: #fcd462;
    color: #fff;
}

.pagination-wrap ul li.active a {
    background-color: #fcd462;
    color: #fff;
}


/*=======  Sidebars  =======*/

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .sidebar {
        margin-bottom: 80px;
    }

    .column-reverse {
        flex-direction: column-reverse;
    }
}

@media (max-width: 767px) {
    .sidebar {
        margin-bottom: 80px;
    }

    .column-reverse {
        flex-direction: column-reverse;
    }
}

.sidebar .widget {
    padding: 40px;
    background-color: #353530;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .sidebar .widget {
        padding: 40px 20px;
    }
}

@media (max-width: 399px) {
    .sidebar .widget {
        padding: 40px 20px;
    }
}

.sidebar .widget .widget-title {
    font-size: 20px;
    margin-bottom: 40px;
    line-height: 1;
    position: relative;
    padding-left: 30px;
    color: #041f60;
    color: var(--primary-text-color);
}

.sidebar .widget .widget-title::before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 2px;
    background-color: #fcd462;
    content: '';
}

.sidebar .widget.about-author-widget .author-box {
    font-size: 14px;
    text-align: center;
}

.sidebar .widget.about-author-widget .author-box h6 {
    font-size: 24px;
    letter-spacing: -1px;
    margin-top: 30px;
    padding-bottom: 20px;
}

.sidebar .widget.about-author-widget .author-box .social-icon {
    margin-top: 25px;
}

.sidebar .widget.about-author-widget .author-box .social-icon li {
    display: inline-block;
    margin: 0 5px;
}

.sidebar .widget.about-author-widget .author-box .social-icon li a {
    padding: 5px;
    color: #b3bed3;
}

.sidebar .widget.about-author-widget .author-box .social-icon li a:hover {
    color: #fcd462;
}

.sidebar .widget.search-widget form {
    position: relative;
}

.sidebar .widget.search-widget form input {
    width: 100%;
    background-color: #1c1b19;
    height: 60px;
    border: none;
    padding-left: 30px;
    padding-right: 60px;
    font-size: 14px;
}

.sidebar .widget.search-widget form button {
    border: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 60px;
    height: 100%;
    z-index: 1;
    background-color: #fcd462;
    font-size: 14px;
    color: #fff;
    transition: all 0.3s ease-out 0s;
}

.sidebar .widget.search-widget form button:hover {
    background-color: #f6f5f0;
    color: #1c1b19;
}

.sidebar .widget.popular-feeds .single-popular-feed {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 80px 1fr;
    grid-column-gap: 15px;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #40403b;
    align-items: center;
}

.sidebar .widget.popular-feeds .single-popular-feed:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border: none;
}

.sidebar .widget.popular-feeds .single-popular-feed .feed-desc h6 {
    font-size: 16px;
    margin-bottom: 10px;
}

.sidebar .widget.popular-feeds .single-popular-feed .feed-desc .time {
    font-size: 14px;
}

.sidebar .widget.popular-feeds .single-popular-feed .feed-desc .time i {
    margin-right: 5px;
}

.sidebar .widget.categories-widget ul li {
    margin-bottom: 10px;
}

.sidebar .widget.categories-widget ul li:last-child {
    margin-bottom: 0;
}

.sidebar .widget.categories-widget ul li a {
    font-size: 14px;
    padding-left: 30px;
    height: 50px;
    background-color: #1c1b19;
    display: block;
    position: relative;
    line-height: 50px;
    color: #a3a3a3;
    transition: all 0.3s ease-out 0s;
}

.sidebar .widget.categories-widget ul li a span {
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background-color: #272626;
    transition: all 0.3s ease-out 0s;
    color: #fff;
}

.sidebar .widget.categories-widget ul li a:hover {
    background-color: #fcd462;
    color: #fff;
}

.sidebar .widget.categories-widget ul li a:hover span {
    background-color: #26323c;
    color: #fff;
}

.sidebar .widget.socail-widget ul li {
    display: inline-block;
    margin-right: 10px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .sidebar .widget.socail-widget ul li {
        margin-right: 5px;
    }
}

@media (max-width: 399px) {
    .sidebar .widget.socail-widget ul li {
        margin-right: 5px;
    }
}

.sidebar .widget.socail-widget ul li a {
    height: 40px;
    width: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #a3a3a3;
    background-color: #1c1b19;
    text-align: center;
}

.sidebar .widget.socail-widget ul li a:hover {
    background-color: #fcd462;
    color: #fff;
}

.sidebar .widget.twitter-feed-widget .twitter-looop .single-twitter {
    margin-bottom: 30px;
    padding-bottom: 30px;
    font-size: 12px;
    border-bottom: 1px solid #40403b;
    padding-left: 35px;
    position: relative;
}

.sidebar .widget.twitter-feed-widget .twitter-looop .single-twitter::before {
    position: absolute;
    left: 0;
    top: 0;
    content: '\f099';
    font-family: 'Font Awesome 5 Brands';
    font-size: 14px;
    color: #fcd462;
}

.sidebar .widget.twitter-feed-widget .twitter-looop .single-twitter:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border: none;
}

.sidebar .widget.twitter-feed-widget .twitter-looop .single-twitter a {
    color: #fff;
}

.sidebar .widget.twitter-feed-widget .twitter-looop .single-twitter .date {
    margin-top: 15px;
    font-weight: 500;
}

.sidebar .widget.instagram-feed-widget ul {
    display: grid;
    grid-template-rows: repeat(3, 1fr);
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 15px;
}

.sidebar .widget.popular-tag-widget ul li {
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 10px;
}

.sidebar .widget.instagram-feed-widget ul li img,
.sidebar .widget.banner-ad-widget img {
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: cover;
}

.sidebar .widget.popular-tag-widget ul li a {
    font-size: 12px;
    color: #ffffff;
    padding: 10px 20px;
    background-color: #272626;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .sidebar .widget.popular-tag-widget ul li a {
        padding: 10px 15px;
    }
}

@media (max-width: 399px) {
    .sidebar .widget.popular-tag-widget ul li a {
        padding: 10px 15px;
    }
}

.sidebar .widget.popular-tag-widget ul li a:hover {
    background-color: #fcd462;
    color: #fff;
}

.sidebar .widget.banner-ad-widget {
    padding: 0;
    border: none;
}

.sidebar .widget.banner-ad-widget .ad-banner-content {
    padding: 30px 50px;
    background-color: #353530;
}

.sidebar .widget.banner-ad-widget .ad-banner-content .icon {
    padding: 20px 0;
    text-align: center;
    font-size: 40px;
    color: #fff;
}

.sidebar .widget.banner-ad-widget .ad-banner-content .Phone-box h4 {
    color: #fff;
    font-weight: 600;
}

.sidebar .widget.banner-ad-widget .ad-banner-content .Phone-box hr {
    background-color: #40403b;
    width: 100%;
    height: 1px;
    margin: 12px 0;
    border-top: 0;
}


/*=======  BOOKING FORM  =======*/

.booking-form {
    position: relative;
    margin-top: -70px;
    z-index: 2;
}

.booking-form.overlapped {
    margin-bottom: -70px;
}

.booking-form .booking-form-inner {
    background-color: #353530;
    padding: 10px 40px 40px;
}

.booking-form form input,
.booking-form form select,
.booking-form form .nice-select {
    background-color: transparent;
    width: 100%;
    height: 50px;
    font-size: 14px;
    border: none;
    border-bottom: 2px solid #fcd462;
    line-height: 50px;
    color: #a3a3a3;
}

.booking-form form .nice-select {
    border-color: #fcd462 !important;
    padding-left: 0;
}

.booking-form form .nice-select::after {
    display: none;
}

.booking-form form .nice-select::before {
    left: 0;
}

.booking-form form label {
    color: #fff;
    font-weight: 700;
    font-family: "Roboto", sans-serif;
    display: block;
    margin: 0;
}

.booking-form form .inputs-filed {
    position: relative;
}

.booking-form form .inputs-filed input,
.booking-form form .inputs-filed .nice-select {
    padding: 0 20px;
}

.booking-form form .inputs-filed .icon {
    position: absolute;
    left: 0;
    bottom: 15px;
    font-size: 14px;
    color: #fcd462;
}

.booking-form form button {
    width: 100%;
    border: none;
    background-color: #fcd462;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    height: 60px;
    letter-spacing: 2px;
    transition: all 0.3s ease-out 0s;
}

.booking-form form button:hover {
    background-color: #d2ae49;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .booking-form form button {
        font-size: 12px;
        letter-spacing: 1px;
    }
}

.booking-form.booking-form-dark {
    background-color: #353530;
    margin-top: 0;
}

.booking-form.booking-form-dark .booking-form-inner {
    background-color: transparent;
}

.booking-form.booking-form-dark form label {
    color: #fff;
}

.booking-form.boxed-layout {
    margin-top: -40px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .booking-form.boxed-layout {
        margin-top: 0;
    }
}

@media (max-width: 767px) {
    .booking-form.boxed-layout {
        margin-top: 0;
    }
}

.booking-form.boxed-layout form button {
    font-size: 12px;
    letter-spacing: 1;
}


/*------  categories-box-layout -----*/

.categories-box-layout {
    margin-top: 80px;
    z-index: 2;
    width: 100%;
    padding: 10px 40px;
}

.categories-box-layout .custom-category-row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}

.categories-box-layout .category-col {
    padding: 0 10px;
    margin-bottom: 20px;
    flex: 0 0 34.333%;
    width: 100%;
}

.categories-box-layout .categories-box {
    margin-bottom: 30px;
    border: none;
    padding: 0;
    display: flex;
    position: relative;
    z-index: 1;
    overflow: hidden;
    height: 100%;
    transition: all 0.3s ease;
    width: 100%;
    height: 300px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}



.category-content {
    position: relative;
    z-index: 2;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 60px;
    width: 50%;
    background: none;
}

.categories-box-layout .categories-box .icon {
    display: flex;
    margin-bottom: 10px;

}

.categories-box-layout .categories-box .title-name {
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    color: #cd865c;
    color: var(--primary-hover-color);
    margin-bottom: 10px;
    font-family: 'Domine', 'Montserrat','sans-serif';
    font-family: var(--secondary-font);
}

.categories-box-layout .categories-box .title {
    margin-bottom: 20px;
    font-size: 30px;
    font-weight: 500;
    font-family: 'Gloock', 'serif';
    font-family: var(--primary-font);
    color: #041f60;
    color: var(--primary-text-color);
    line-height: 1.2;
    transition: color 0.3s ease;
}


.overlay-icon {
    display: none;
    /* Removed to ensure text is not overlaid */
}

/* Responsive Styles */
@media (max-width: 1199px) {
    .categories-box-layout .category-col {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .categories-box-layout .categories-box .title {
        font-size: 24px;
    }

    .categories-box-layout .categories-box {
        min-height: 280px;
    }

    .categories-box .main-btn .btn-filled {
        padding: 10px;
    }
}

@media (max-width: 991px) {
    .categories-box-layout .category-col {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .categories-box-layout .categories-box {
        min-height: 250px;
    }

    .categories-box-layout .categories-box .title {
        font-size: 22px;
    }

    .category-content {
        width: 60%;
        /* More space for text on tablet */
        padding: 30px;
    }

}

@media (max-width: 767px) {
    .categories-box-layout .category-col {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .categories-box-layout .categories-box {
        min-height: 200px;
    }

    .category-content {
        width: 80%;
        /* Full space for text on small mobile */
        padding: 15px;
    }

}

@media (max-width: 575px) {
    .categories-box-layout .category-col {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .categories-box-layout .categories-box {
        min-height: 200px;
    }

    .category-content {
        width: 80%;
        /* Full space for text on small mobile */
        padding: 15px;
    }
}


/* Touch device specific styles */
@media (hover: none) and (pointer: coarse) {
    .categories-box {
        -webkit-tap-highlight-color: transparent;
    }


}

/*------  Category Box -----*/

.category-box-sec.bg-black {
    background-color: #eeece8;
    background-color: var(--primary-card-color);
}

.category-box-sec .category-box-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: 0.5s all;
}

.category-box-sec .category-box-wrap .category-box-image,
.category-box-sec .category-box-wrap .category-box-content {
    flex: 0 0 50%;
    max-width: 50%;
}

.category-box-sec .category-box-wrap .category-box-image>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.category-box-sec .category-box-wrap .category-box-content {
    display: flex;
    align-items: center;
    justify-content: center;
}

.category-box-sec .category-box-wrap .category-box-content .title {
    margin-bottom: 30px;
}

.category-box-sec .category-box-wrap:hover {
    background-color: #cd865c;
    background-color: var(--primary-hover-color);
}

.category-box-sec .category-box-wrap:hover .main-btn {
    background-color: #1c1b19;
    border-color: #1c1b19;
}


/*------  BOOKING FORM STYLE 2 -----*/

.book-room-style2 {
    position: relative;
    background-color: #353530;
    z-index: 1;
}

.book-room-style2:before {
    content: '\f127';
    font-family: 'Flaticon';
    left: 0;
    bottom: 0;
    line-height: 1;
    color: #e3e3e3;
    font-size: 200px;
    position: absolute;
    opacity: .1;
}

.book-room-style2:after {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    width: 50%;
    height: 100%;
    background-color: #fcd462;
    z-index: -1;
}

.book-room-style2 .book-room-content,
.book-room-style2 .calender-box {
    padding: 56px 20px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

.book-room-style2 .book-room-content .action a {
    margin-right: 20px;
}

.book-room-style2 .book-room-content .big-title a {
    font-size: 28px;
}

.book-room-style2 .book-room-content a {
    margin-top: 15px;
    font-size: 18px;
}

.book-room-style2 .book-room-content a i {
    margin-right: 8px;
}

.book-room-style2 .calender-box ul li {
    max-width: 300px;
    float: left;
    width: 25%;
    padding-right: 3px;
    margin: 0 0 22px;
}

.book-room-style2 .calender-box ul li.small-width {
    width: 21%;
}

.book-room-style2 .calender-box ul li label {
    display: inline-block;
    font-weight: 500;
    color: #fff;
    letter-spacing: 1px;
    margin-bottom: 12px;
}

.book-room-style2 .calender-box ul li .calender-input-box {
    position: relative;
    width: 100%;
    background-color: #353530;
}

.calender-box ul li .calender-input-box .calender-input-inner {
    padding: 30px 15px 10px;
    position: relative;
    width: 100%;
}

.calender-box ul li .calender-input-box .calender-input-inner span {
    position: absolute;
    top: 10px;
    font-weight: 600;
    text-transform: uppercase;
    color: #c6c6c6;
    padding-right: 14px;
}

.calender-box ul li .calender-input-box .calender-input-inner h3 {
    display: inline-block;
    font-size: 60px;
    font-weight: 600;
    vertical-align: top;
}

@media only screen and (min-width: 575px) and (max-width: 768px) {
    .calender-box ul li .calender-input-box .calender-input-inner h3 {
        font-size: 40px;
    }

    .book-room-style2 .calender-box ul li label {
        font-size: 12px;
    }
}

.calender-box ul li .calender-input-box .calender-input-inner .next-day,
.calender-box ul li .calender-input-box .calender-input-inner .prev-day {
    font-size: 15px;
    color: #8a8a8a;
    border: 1px solid #8a8a8a;
    border-radius: 50%;
    text-align: center;
    width: 24px;
    height: 24px;
}

.calender-box ul li .calender-input-box .calender-input-inner .next-day:hover,
.calender-box ul li .calender-input-box .calender-input-inner .prev-day:hover {
    background-color: #cd865c;
    background-color: var(--primary-hover-color);
    color: #fff;
}

.calender-box ul li .calender-input-box .calender-input-inner .prev-day {
    margin-top: 10px;
}

.calender-box ul li .calender-input-box .calender-input-inner .calendar-controls {
    position: absolute;
    bottom: 50%;
    transform: translateY(50%);
    z-index: 5;
    right: 10px;
    display: flex;
    flex-direction: column;
}

.book-room-style2 .calender-box ul li .calender-input-box .capacity {
    display: inline-block;
    font-size: 74.38px;
    font-weight: 600;
    vertical-align: top;
    margin-top: -3px;
    height: 75px;
    margin-bottom: 4px;
    border: none;
    padding: 0;
    line-height: 100%;
    color: #3d3935;
}

.calender-box .reserve-block span {
    margin-right: 78px;
    color: #fff;
}

.calender-box .reserve-block a {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.calender-box .reserve-block a::before {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    width: 0;
    transition: .6s;
    height: 1px;
    opacity: 0;
    visibility: hidden;
    background-color: #353530;
}

.calender-box .reserve-block a:hover::before {
    width: 100%;
    opacity: 1;
    visibility: visible;
}

.calender-box .reserve-block a i {
    animation: 1s linear 0s normal none infinite back-forth;
    margin-right: 10px;
    font-size: 20px;
}

@media (max-width: 1199px) {
    .book-room-style2:after {
        position: absolute;
        content: "";
        right: 0;
        top: auto;
        width: 100%;
        height: 369px;
        background-color: #fcd462;
        z-index: -1;
        bottom: 0;
    }

    .book-room-style2:before {
        content: none;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    .book-room-style2:after {
        height: 280px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 768px) {
    .book-room-style2:after {
        height: 255px;
    }
}

@media (max-width: 576px) {
    .book-room-style2:after {
        content: none;
    }

    .book-room-style2 .mobile-none {
        background-color: #fcd462;
    }

    .book-room-style2 .book-room-content,
    .book-room-style2 .calender-box {
        padding-left: 0;
        padding-right: 0;
    }

    .book-room-style2 .calender-box ul li,
    .book-room-style2 .calender-box ul li.small-width {
        width: 50%;
    }
}


/*=======  Places   =======*/

.places-wrapper .places-maps {
    width: 100%;
    height: 700px;
}

.places-wrapper .gm-style .gm-style-iw-c {
    padding: 0;
    border-radius: 0;
}

.places-wrapper .gm-style .gm-style-iw-d {
    overflow: hidden !important;
    width: 290px;
}

.places-wrapper .map-info-window .info-window-img {
    width: 100%;
    height: 190px;
    background-size: cover;
    background-position: center;
}

.places-wrapper .map-info-window .info-content {
    text-align: center;
    padding: 20px 10px;
    font-size: 14px;
}

.places-wrapper .map-info-window .info-content h4 {
    margin-bottom: 5px;
}

.places-boxes .place-box .place-bg-wrap {
    overflow: hidden;
}

.places-boxes .place-box .place-bg-wrap .place-bg {
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 190px;
    transition: all 0.3s ease-out 0s;
}

@media (max-width: 575px) {
    .places-boxes .place-box .place-bg-wrap .place-bg {
        height: 220px;
    }
}

.places-boxes .place-box:hover .place-bg {
    transform: scale(1.1);
}

.places-boxes .place-box .desc {
    background-color: #353530;
    padding: 20px;
    text-align: center;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .places-boxes .place-box .desc {
        padding: 20px 15px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .places-boxes .place-box .desc {
        padding: 20px 15px;
    }
}

.places-boxes .place-box .desc h4 {
    font-size: 24px;
    margin-bottom: 10px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .places-boxes .place-box .desc h4 {
        font-size: 22px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .places-boxes .place-box .desc h4 {
        font-size: 22px;
    }
}

.places-boxes .place-box .desc .time {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
}


/*=======  404 and coming soon  =======*/

.error {
    height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.error svg {
    height: 90px;
    width: 300px;
    margin-bottom: 70px;
    opacity: .3;
}

.error h1 {
    font-size: 200px;
    line-height: 1;
    margin-bottom: 20px;
}

.error p {
    margin: 30px 0 70px;
}

.error .error-texts {
    max-width: 600px;
    margin: 0 auto;
}

.error form {
    max-width: 700px;
    margin: 60px auto 0;
    padding: 20px;
    background-color: rgba(28, 27, 25, .6);
}

.error form button {
    padding: 0;
    height: 100%;
}

.error .sigma_countdown-timer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 700px;
    margin: 0 auto;
}

.error .sigma_countdown-timer li {
    text-align: center;
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-color: rgba(28, 27, 25, .6);
}

.error .sigma_countdown-timer li span {
    display: block;
    margin-bottom: 10px;
    color: #fff;
}

@media (max-width: 768px) {
    .error h1 {
        font-size: 130px;
        line-height: 1;
        margin-bottom: 20px;
    }

    .error p {
        margin: 20px 0 40px;
    }

    .error svg {
        margin-bottom: 40px;
    }
}


/*=======  Places Details  =======*/

.places-details .title-wrap .place-cat {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    padding-bottom: 5px;
    letter-spacing: 2px;
}

@media (max-width: 575px) {
    .places-details .title-wrap .place-cat {
        letter-spacing: 0;
        font-size: 12px;
    }
}

.places-details .title-wrap h2 {
    font-size: 48px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .places-details .title-wrap h2 {
        font-size: 38px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .places-details .title-wrap h2 {
        font-size: 32px;
    }
}

@media (max-width: 575px) {
    .places-details .title-wrap h2 {
        font-size: 28px;
    }
}

@media (max-width: 399px) {
    .places-details .title-wrap h2 {
        font-size: 24px;
    }
}

.places-details .title-wrap .link a {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    background-color: #353530;
    color: #a3a3a3;
    padding: 25px 45px;
    letter-spacing: 2px;
}

@media (max-width: 767px) {
    .places-details .title-wrap .link a {
        padding: 20px 30px;
    }
}

@media (max-width: 575px) {
    .places-details .title-wrap .link a {
        padding: 15px 25px;
        letter-spacing: 0px;
    }
}

.places-details .title-wrap .link a:hover {
    background-color: #cd865c;
    background-color: var(--primary-hover-color);
    color: #fff;
}


/*=======  Gold Earring CSS  =======*/

.restaurant-tab-area .restaurant-rood-list .nav-link {
    padding: 0;
    border-radius: 0;
    transition: all 0.3s ease-out 0s;
    background-color: #eeece8;
    background-color: var(--primary-card-color);
    text-align: center;
    display: block;
    padding: 35px 25px;
    margin-bottom: 30px;
    font-family: 'Domine', 'Montserrat','sans-serif';
    font-family: var(--secondary-font);
}

@media (max-width: 575px) {
    .restaurant-tab-area .restaurant-rood-list .nav-link {
        padding: 25px;
    }
}

.restaurant-tab-area .restaurant-rood-list .nav-link .title {
    display: block;
    font-size: 12px;
    font-weight: 700;
    padding-top: 20px;
    text-transform: uppercase;
    transition: all 0.3s ease-out 0s;
    color: #cd865c;
    color: var(--primary-hover-color);
}

.restaurant-tab-area .restaurant-rood-list .nav-link i {
    color: #041f60;
    color: var(--primary-text-color);
    font-size: 60px;
    transition: all 0.3s ease-out 0s;
}

@media (max-width: 575px) {
    .restaurant-tab-area .restaurant-rood-list .nav-link i {
        font-size: 40px;
    }
}

.restaurant-tab-area .restaurant-rood-list .nav-link.active,
.restaurant-tab-area .restaurant-rood-list .nav-link:hover {
    background-color: rgb(238, 246, 247);
    background-color: var(--secondary-card-color);
}

.restaurant-tab-area .restaurant-rood-list .nav-link.active i,
.restaurant-tab-area .restaurant-rood-list .nav-link.active .title,
.restaurant-tab-area .restaurant-rood-list .nav-link:hover i,
.restaurant-tab-area .restaurant-rood-list .nav-link:hover .title {
    color: #041f60;
    color: var(--primary-text-color);
}

.restaurant-tab-area .food-box {
    margin-bottom: 30px;
}

@media (max-width: 399px) {
    .restaurant-tab-area .food-box {
        margin-left: -5px;
        margin-right: -5px;
    }
}

.restaurant-tab-area .food-box .thumb {
    position: relative;
}

.restaurant-tab-area .food-box .thumb img {
    width: 100%;
}

.restaurant-tab-area .food-box .thumb .price {
    position: absolute;
    right: 10px;
    top: 10px;
    background-color: #fcd462;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    padding: 8px 15px;
}

.restaurant-tab-area .food-box .desc {
    padding: 30px;
    background-color: #eeece8;
    background-color: var(--primary-card-color);
    position: relative;
}

.restaurant-tab-area.bg-black .food-box .desc {
    background-color: #eeece8;
    background-color: var(--primary-card-color);
}

@media (max-width: 575px) {
    .restaurant-tab-area .food-box .desc {
        padding: 15px;
    }
}

.restaurant-tab-area .food-box .desc a.cat {
    font-size: 12px;
    color: #a3a3a3;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 10px;
}

@media (max-width: 575px) {
    .restaurant-tab-area .food-box .desc a.cat {
        letter-spacing: 1px;
    }
}

@media (max-width: 399px) {
    .restaurant-tab-area .food-box .desc a.cat {
        letter-spacing: 0;
    }
}

.restaurant-tab-area .food-box .desc h4 {
    font-size: 24px;
}

@media (max-width: 575px) {
    .restaurant-tab-area .food-box .desc h4 {
        font-size: 20px;
    }
}

@media (max-width: 399px) {
    .restaurant-tab-area .food-box .desc h4 {
        font-size: 18px;
    }
}

.restaurant-tab-area .food-box .desc .link {
    color: #d2d2d2;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px;
    transition: all 0.3s ease-out 0s;
    visibility: hidden;
    opacity: 0;
}

.restaurant-tab-area .food-box:hover .desc .link {
    visibility: visible;
    opacity: 1;
    right: 30px;
}

@media (max-width: 575px) {
    .restaurant-tab-area .food-box:hover .desc .link {
        right: 10px;
    }
}

.feature-room-section.with-bg {
    background-size: cover;
    background-position: center;
    position: relative;
    z-index: 1;
}

.feature-room-section.with-bg::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    background-color: #353530;
    opacity: 0.6;
    z-index: -1;
}


/*=======  condos apartment  =======*/

.apartment-box {
    margin-top: 30px;
    overflow: hidden;
}

.content-box-2 {
    background-color: #f6f6f6;
    background-color: var(--primary-color);
    font-size: 14px;
    text-align: center;
    padding: 20px 20px 0;
    position: relative;
    color: #041f60;
    color: var(--primary-text-color);
}

.content-box-2 h3 {
    font-size: 16px;
    color: #cd865c !important;
    color: var(--primary-hover-color) !important;
    font-family: 'Domine', 'Montserrat','sans-serif';
    font-family: var(--secondary-font);

}

.content-box-2 .tren-title {
    color: #cd865c;
    color: var(--primary-hover-color);
    margin-bottom: 5px;
}

.content-box-2 p {
    color: #041f60;
    color: var(--primary-text-color);
    font-family: 'Domine', 'Montserrat','sans-serif';
    font-family: var(--secondary-font);
}

.content-box-2 .price {
    font-size: 16px;
    font-weight: 600;
    color: #041f60;
    color: var(--primary-text-color);
    font-family: 'Gloock', 'serif';
    font-family: var(--primary-font);
    letter-spacing: 1px;
}

.apartment-box .image-box img {
    width: 100%;
    object-position: center;
    object-fit: cover;
}

.apartment-box:hover .image-box img {
    transform: scale(1.1);
}


/*=======  Condos Overlay  =======*/

.condo-item {
    position: relative;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 450px;
    z-index: 1;
}

.condo-item:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(83, 12, 12, 0.12);
    z-index: -1;
    transition: all 0.4s ease 0s;
}

.condo-item .title {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    opacity: 1;
    visibility: visible;
    width: 100%;
    transition: opacity 0.4s ease 0.4s, visibility 0.4s ease 0.4s;
}

.condo-item .title i {
    color: #041f60;
    color: var(--primary-text-color);
}

.condo-item .title h4 {
    margin-bottom: 15px;
    margin-top: 10px;
    font-weight: 600;
    color: #041f60;
    color: var(--primary-text-color);

}

.condo-item .main-btn {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    bottom: 35px;
    color: #041f60;
    color: var(--primary-text-color);
    background-color: #ffffff;
    background-color: var(--white-color);
    font-family: 'Domine', 'Montserrat','sans-serif';
    font-family: var(--secondary-font);
    line-height: 45px;
    padding: 0 25px;
}

.condo-item .title.title-hidden,
.condo-item.hotel-intro .display-on-hover {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s ease 0s, visibility 0.4s ease 0s;
}

.condo-item .title-hidden p {
    color: #041f60;
    color: var(--primary-text-color);
    font-family: 'Domine', 'Montserrat','sans-serif';
    font-family: var(--secondary-font);
    font-size: 14px;
    font-weight: 500px;

}

.condo-item .title.title-hidden .book-btn a {
    color: #f6f6f6;
    color: var(--primary-color);
    margin-top: 15px;
    font-weight: 500;
    font-family: 'Gloock', 'serif';
    font-family: var(--primary-font);
}

.condo-item .title.title-hidden .book-btn a i {
    margin-right: 6px;
}

.condo-item:hover:before {
    background-color: rgb(207 221 221 / 46%);
}

.condo-item:hover .title {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s ease 0s, visibility 0.4s ease 0s;
}

.condo-item:hover .title.title-hidden,
.condo-item.hotel-intro:hover .display-on-hover {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.4s ease .4s, visibility .4s ease .4s;
}

.condo-item:hover .title.title-hidden h4 {
    color: #cd865c;
    color: var(--primary-hover-color);
}

.condo-item:hover .main-btn {
    border-color: #cd865c;
    border-color: var(--primary-hover-color);
    color: #041f60;
    color: var(--primary-text-color);
}

.condo-item:hover .main-btn:hover {
    background-color: #cd865c;
    background-color: var(--primary-hover-color);
    color: #f6f6f6;
    color: var(--primary-color);
}

/*----- Hotel Intro ----*/

.condo-item.hotel-intro {
    height: 370px;
    margin-top: 30px;
}

.condo-item.hotel-intro .icon {
    color: #fff;
    font-size: 60px;
    line-height: 1;
}

.condo-item.hotel-intro:before {
    background-color: rgb(0 0 0 / 55%);
}

.condo-item.hotel-intro:hover:before {
    background-color: rgb(94 81 42 / 86%);
}

.condo-item.hotel-intro .title h4 {
    margin: 15px 0;
}

.condo-item.hotel-intro:hover .title {
    opacity: 1;
    visibility: visible;
}


/*=======  Team  =======*/

.team-section.has-slider .container-fluid {
    padding-left: 0;
    padding-right: 0;
    margin-top: 20px !important;
}

@media (max-width: 575px) {
    .team-section.has-slider .container-fluid {
        padding-left: 40px;
        padding-right: 40px;
    }
}

@media (max-width: 399px) {
    .team-section.has-slider .container-fluid {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.team-section .team-loop .member-box {
    position: relative;
    margin-bottom: 30px;
}

.team-section .team-loop .member-box .member-img {
    position: relative;
    overflow: hidden;
}

.team-section .team-loop .member-box .member-img img {
    width: 100%;
}

.team-section .team-loop .member-box .member-img::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    opacity: 0.7;
    content: '';
    z-index: 1;
}

.team-section .team-loop .member-box:hover .member-img img {
    transform: scale(1.1);
}

.team-section .team-loop .member-box .member-info {
    position: absolute;
    bottom: 40px;
    left: 40px;
    z-index: 2;
}

@media (max-width: 767px) {
    .team-section .team-loop .member-box .member-info {
        left: 20px;
        bottom: 20px;
    }
}

.team-section .team-loop .member-box .member-info h3 {
    font-size: 30px;
    text-transform: uppercase;
    margin-bottom: 10px;
    color: #fff;
}

@media (max-width: 767px) {
    .team-section .team-loop .member-box .member-info h3 {
        font-size: 22px;
    }
}

.team-section .team-loop .member-box .member-info span {
    color: #fcd462;
    font-weight: 700;
    text-transform: uppercase;
}

.team-section .team-loop .member-box .social-links {
    padding: 12px;
    background-color: #1c1b19;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.team-section .team-loop .member-box .social-links li a {
    height: 50px;
    width: 50px;
    line-height: 54px;
    display: block;
    text-align: center;
    color: #fff;
    background-color: #212121;
}

.team-section .team-loop .member-box .social-links li a:hover {
    background-color: #cd865c;
    background-color: var(--primary-hover-color);
}

.team-section .team-loop .member-box .social-links li+li a {
    margin-top: 10px;
}

.team-section .team-loop .member-box .socail-trigger {
    position: absolute;
    z-index: 2;
    font-weight: 400;
    font-size: 30px;
    background-color: #353530;
    color: #fff;
    right: 0;
    top: 0;
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 57px;
}

.team-section .team-loop .member-box .socail-trigger:hover {
    background-color: #cd865c;
    background-color: var(--primary-hover-color);
    color: #f6f6f6;
    color: var(--primary-color);
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .team-section .team-loop.team-slider-one .member-box .member-info {
        left: 20px;
        bottom: 20px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .team-section .team-loop.team-slider-one .member-box .member-info {
        left: 20px;
        bottom: 20px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .team-section .team-loop.team-slider-one .member-box .member-info {
        left: 15px;
        bottom: 15px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .team-section .team-loop.team-slider-one .member-box .member-info h3 {
        font-size: 22px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .team-section .team-loop.team-slider-one .member-box .member-info h3 {
        font-size: 22px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .team-section .team-loop.team-slider-one .member-box .member-info h3 {
        font-size: 22px;
    }
}


/*=======  Subscribe Area style2  =======*/

.Subscribe-map-sec {
    position: relative;
}

.footer-subscibe-area.style-2 {
    background-color: #353530;
}

.footer-subscibe-area.style-2 .subscribe-text .subscribe-form button {
    position: static;
    background-color: #fcd462;
    color: #fff;
    box-shadow: none;
    padding: 0 40px;
}

.footer-subscibe-area.style-2 .subscribe-text .subscribe-form button:hover {
    color: #fff;
    background-color: #d2ae49;
}

.footer-subscibe-area.style-2 .subscribe-text .subscribe-form input {
    padding: 0 40px;
    height: 64px;
    background-color: rgba(0, 0, 0, 0.2);
    color: #fff;
}

.footer-subscibe-area.style-2 .subscribe-text .subscribe-form input::placeholder {
    color: #fff;
}

.contact-maps {
    height: 700px;
    width: 100%;
}

@media (max-width: 991px) {
    .footer-subscibe-area.style-2 .subscribe {
        text-align: center;
        margin-bottom: 20px;
    }

    .header-two.header-absolute .sigma-mobile-header {
        background-color: transparent;
    }
}

@media (max-width: 767px) {

    .footer-subscibe-area.style-2 .subscribe-text .subscribe-form input {
        margin-bottom: 20px;
    }
}


/*======================
 about
========================*/

.about-style-2 {
    position: relative;
    background-color: #1c1b19;
}

.about-style-2 .about-text-descr {
    text-align: right;
    max-width: 400px;
    margin: 0 30px 0 auto;
    position: relative;
}

.about-style-2 .about-text-descr:after {
    content: "";
    background: #617680;
    height: 100%;
    width: 2px;
    display: block;
    position: absolute;
    right: -45px;
    top: 0;
}

.about-style-2 .section-header {
    padding-left: 30px;
    margin-bottom: 0;
}

.about-style-2 .section-header h5 {
    color: #d2cece;
    margin-bottom: 10px;
}

.dark-bg {
    background-color: #1c1b19;
}

@media (max-width: 991px) {
    .about-style-2 .about-text-descr {
        max-width: 100%;
        margin-bottom: 30px;
        margin-right: 0;
        text-align: left;
    }

    .about-style-2 .about-text-descr:after {
        left: 0;
        right: 0;
        height: 2px;
        width: 100%;
        bottom: -30px;
        top: auto;
    }

    .about-style-2 .section-header {
        padding-left: 0;
        padding-top: 30px;
    }

    .about-style-2 .section-title-wrap.section-header {
        margin-bottom: 0;
    }
}


/*=======  Shop Section  =======*/

.food-box.shop-box {
    overflow: hidden;
}

.food-box.shop-box:hover .thumb img {
    transform: scale(1.1);
}

.food-box.shop-box .desc {
    background-color: #eeece8;
    background-color: var(--primary-card-color);
}

.food-box.shop-box .desc .title {
    color: #041f60;
    color: var(--primary-text-color);
    font-family: 'Domine', 'Montserrat','sans-serif';
    font-family: var(--secondary-font);
    font-size: 18px;
}

.food-box.shop-box .desc .title:hover {
    color: #cd865c;
    color: var(--primary-hover-color);
}

@media(max-width:991px) {
    .food-box.shop-box .desc .title {
        font-size: 16px;
    }
}

@media(max-width:567px) {
    .food-box.shop-box .desc .title {
        font-size: 14px;
    }
}

.desc .price {
    font-size: 18px;
    font-weight: 700;
    display: block;
    color: #cd865c;
    color: var(--primary-hover-color);
    font-family: 'Domine', 'Montserrat','sans-serif';
    font-family: var(--secondary-font);
}

.desc .price span {
    text-decoration: line-through;
    font-size: 15px;
    margin-left: 2px;
    color: #041f60;
    color: var(--primary-text-color);
}

.food-box.shop-box .desc h4 {
    margin-bottom: 10px;
    font-size: 18px;
}

.food-box.shop-box .thumb .badges {
    position: absolute;
    top: 10px;
    left: 10px;
    right: auto;
}

.food-box.shop-box .thumb .badges .price {
    font-weight: 500;
    padding: 2px 15px;
    font-size: 16px;
    background-color: #cd865c;
    background-color: var(--primary-hover-color);
    color: #f6f6f6;
    color: var(--primary-color);
    position: static;
    display: block;
}

.shop-box .thumb .badges .price.discounted {
    background-color: #f6f6f6;
    background-color: var(--primary-color);
    padding: 2px 12px;
    color: #041f60;
    color: var(--primary-text-color);
}

.shop-box .thumb .badges span+span {
    margin-top: 10px;
}

.shop-box .thumb .button-group {
    position: absolute;
    right: 10px;
    top: 10px;
}

.shop-box .thumb .button-group a {
    width: 40px;
    height: 40px;
    display: block;
    font-size: 14px;
    line-height: 42px;
    color: #041f60;
    color: var(--primary-text-color);
    text-align: center;
    border-radius: 0;
    margin-bottom: 10px;
    background-color: rgb(238, 246, 247);
    background-color: var(--secondary-card-color);
    transform: scale(0.6);
    transition: all 0.3s ease-out 0s;
    opacity: 0;
    visibility: hidden;
}

.shop-box:hover .thumb .button-group a {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
}

.shop-box .thumb .button-group a:hover {
    color: #f6f6f6;
    color: var(--primary-color);
    background-color: #cd865c;
    background-color: var(--primary-hover-color);
}




/*------  Shop Section Style 2  ------*/

.food-box.shop-box.shop-box-2 {
    position: relative;
    z-index: 1;
}

.food-box.shop-box.shop-box-2:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    transition: all 0.3s ease-out 0s;
    z-index: -1;
}

.food-box.shop-box.shop-box-2:hover:before {
    background-color: rgba(255, 255, 255, 0.7);
}

.food-box.shop-box-2 .desc {
    padding: 18px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.food-box.shop-box-2 .desc .link {
    display: none;
}

.shop-box.shop-box-2 .thumb .button-group a {
    background-color: transparent;
    display: inline-block;
    color: #fff;
}

.shop-box.shop-box-2 .thumb .button-group a:hover {
    background-color: transparent;
    color: #fcd462;
}

.shop-box.shop-box-2 .thumb .button-group {
    top: 5px;
    left: 5px;
    right: auto;
}

.shop-box-2 .thumb .cart-block {
    position: absolute;
    top: 50%;
    text-align: center;
    width: 100%;
    visibility: hidden;
    opacity: 0;
    transform: scale(0.6);
    transition: all 0.3s ease-out 0s;
}

.shop-box-2:hover .thumb .cart-block {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
}

.shop-box-2 .thumb .cart-block a {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
}

.shop-box-2 .thumb .cart-block a:hover {
    color: #fcd462;
}


/*------  Shop Left  ------*/

.widget .irs--flat .irs-handle>i:first-child,
.widget .irs--flat .irs-single {
    background-color: #fcd462;
}

.widget .irs--flat .irs-bar {
    background-color: #fcd462;
    height: 5px;
}

.widget .irs--flat .irs-single:before {
    border-top-color: #fcd462;
}

.widget .irs--flat .irs-line {
    height: 5px;
    background-color: #40403b;
}

.widget .irs--flat .irs-handle {
    top: 20px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: #fcd462;
}

.widget .filter-color .checkbox {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 10px;
    cursor: pointer;
    line-height: 1.4;
    font-size: 15px;
}

.widget .filter-color .checkbox input,
.color-sec label input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.widget .filter-color .checkbox .custom-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background-color: #272626;
    border-radius: 0;
    border: 1px solid #444444;
}

.widget .filter-color .checkbox .custom-box:after {
    left: 6px;
    top: 4px;
    width: 5px;
    height: 9px;
    border: 1px solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    content: "";
    position: absolute;
}

.widget .filter-color .checkbox input:checked~.custom-box:after {
    display: block;
}

.widget .filter-color .checkbox input:checked~.custom-box {
    border: 1px solid #fcd462;
    background-color: #fcd462;
}

.shop-product-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 40px;
}

.shop-product-top .sorting-box .nice-select {
    border: solid 1px #40403b;
    height: 60px;
    line-height: 58px;
}

.sidebar .widget.popular-feeds .single-popular-feed .feed-desc .cart-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cart-flex .remove {
    font-size: 24px;
    color: #fcd462;
}

.widget-cart-info .cart-details {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    font-weight: 600;
    padding-bottom: 25px;
    border-bottom: 1px solid #40403b;
}

.widget-cart-info .cart-buttons {
    padding-top: 25px;
    display: inline-block;
}

.widget-cart-info .cart-buttons a {
    padding: 0 15px;
    line-height: 40px;
}

.widget-cart-info .cart-buttons a:last-child {
    margin-left: 12px;
}

@media (max-width: 339px) {
    .widget-cart-info .cart-buttons a {
        width: 100%;
    }

    .widget-cart-info .cart-buttons a:last-child {
        margin-left: 0;
        margin-top: 12px;
    }
}


/*------  Shop Left style 2  ------*/

.shop-box.style-2 .thumb .badges .price.discounted {
    background-color: #1c1b19;
    color: #fff;
    padding: 0;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 14px;
    font-weight: 600;
}

.shop-box.style-2 .thumb .button-group {
    top: auto;
    bottom: 10px;
}

.shop-box.style-2 .thumb .button-group a {
    width: 35px;
    height: 35px;
    font-size: 16px;
    line-height: 35px;
}

.shop-box.style-2 .desc .main-btn {
    padding: 0px 22px;
    line-height: 46px;
}

.shop-box.style-2 .thumb .rating {
    position: absolute;
    left: 10px;
    bottom: 10px;
}


/*------  Shop Detail  ------*/

.detail-slider-1 .image-box {
    position: relative;
}

.detail-slider-1 .image-box a,
.detail-slider-1 .image-box a img,
.detail-slider-2 .image-box img {
    width: 100%;
    height: 100%;
}

.detail-slider-1 .image-box .price {
    position: absolute;
    top: 10px;
    background-color: #fcd462;
    color: #fff;
    font-weight: 500;
    padding: 2px 15px;
    font-size: 16px;
    left: auto;
    right: 10px;
}

.shop-detail-image .detail-slider-2 {
    padding-top: 15px;
}

.shop-detail-image .detail-slider-2 .slick-list {
    margin: 0 -5px;
}

.shop-detail-image .detail-slider-2 .slick-list .slick-slide {
    margin: 0 5px;
}

.shop-detail-content .rating {
    display: flex;
    align-items: center;
}

.shop-detail-content .rating .pro-review {
    padding-left: 10px;
}

.shop-detail-content .rating .pro-review span {
    font-size: 12px;
    color: #fff;
}

.shop-detail-content .desc .price {
    font-size: 24px;
    font-family: 'Gloock', 'serif';
    font-family: var(--primary-font);
}

.shop-detail-content .desc .price span {
    font-size: 18px;
}

.color-sec label {
    margin-bottom: 8px;
    color: #fff;
    font-weight: 500;
    font-weight: 600;
}

.color-sec .color-box {
    line-height: 0;
}

.color-sec .color-box label .choose-color {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: block;
    cursor: pointer;
    margin: 0 5px 5px 0;
    position: relative;
}

.color-sec .color-box label .choose-color.red {
    background-color: #BD2031;
}

.color-sec .color-box label .choose-color.yellow {
    background-color: #cea40e;
}

.color-sec .color-box label .choose-color.blue {
    background-color: #3939c5;
}

.color-sec .color-box label .choose-color.green {
    background-color: #329832;
}

.color-sec .color-box label .choose-color::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: scale(0);
    transition: .3s;
    background-color: #353530;
    width: 10px;
    height: 10px;
    margin-top: -5px;
    margin-left: -5px;
    border-radius: 50%;
    transform-origin: center;
}

.color-sec .color-box label input:checked+span::before {
    transform: scale(1);
}

.color-sec .color-box label .choose-material {
    border-radius: 0;
    display: block;
    background-color: #272626;
    cursor: pointer;
    transition: .3s;
    margin: 0 5px 5px 0;
    line-height: 1;
    font-size: 12px;
    position: relative;
    padding: 10px 20px;
    color: #ffffff;
}

.color-sec .color-box label .choose-material:hover {
    background-color: #fcd462;
    color: #fff;
}

.color-sec .color-box label input:checked+span {
    background-color: #fcd462;
    color: #fff;
}

.shop-detail-content .quantity-cart .main-btn {
    border-color: #a3a3a3;
    color: #a3a3a3;
    border-width: 1px;
}

.shop-detail-content .quantity-cart .main-btn:hover {
    border-color: #fcd462;
    color: #fcd462;
    background-color: transparent;
}

.shop-detail-content .quantity-cart .cart-btn {
    padding-left: 40px;
}

.shop-detail-content .quantity-box {
    width: 215px;
    height: 62px;
    display: flex;
    border: 0;
    border-radius: 0;
}

.shop-detail-content .quantity-box button {
    border: 0px;
    padding: 0 20px;
    background: #272626;
    color: #fff;
    transition: .3s;
}

.shop-detail-content .quantity-box button:hover {
    background-color: #fcd462;
    color: #fff;
}

.shop-detail-content .quantity-box .input-qty {
    border: 0;
    height: auto;
    color: #fff;
    text-align: center;
    background-color: #272626;
    font-size: 15px;
    padding: 0 20px;
    width: 112px;
}

.shop-detail-content .other-info h6 {
    font-size: 14px;
}

.shop-detail-content .other-info .grey {
    color: #a3a3a3;
    font-weight: 400;
    font-size: 14px;
}

.shop-detail-content .other-info a.grey:hover {
    color: #fff;
}

.shop-detail-content .other-info.flex {
    display: flex;
    align-items: center;
}

.shop-detail-content .other-info.flex ul {
    margin-left: 15px;
}

.product-description .nav-tabs {
    border-bottom: 0;
}

.product-description .nav-tabs .nav-link.active {
    color: #fcd462;
}

.product-description .nav-tabs .nav-link {
    color: #a3a3a3;
}

.product-description .nav-tabs .nav-link:hover {
    color: #fff;
}

.product-description .tabs .tab-content {
    padding: 20px;
    margin-top: 30px;
}

.input-group.input-group-two input,
.input-group.input-group-two select,
.input-group.input-group-two textarea {
    background-color: #f6f5f0;
    border: 0;
}

.product-description .additional-info table th {
    color: #fff;
    font-weight: 600;
}

.product-description .additional-info table th,
.product-description .additional-info table td {
    border: 1px solid #40403b;
    vertical-align: middle;
    color: #fff;
}

.product-description .additional-info table td.value {
    color: #a3a3a3;
}

@media (max-width: 991px) {
    .shop-detail-content {
        margin-top: 60px;
    }
}

@media (max-width: 576px) {
    .shop-detail-content .quantity-box {
        height: 58px;
    }

    .shop-detail-content .quantity-cart .cart-btn {
        padding-left: 0;
        padding-top: 20px;
    }

    .shop-detail-content .other-info.flex {
        display: block;
    }

    .shop-detail-content .other-info.flex ul {
        margin-left: 0;
        margin-top: 10px;
    }
}

@media (max-width: 399px) {
    .product-description .tabs .tab-content {
        padding: 0;
    }
}


/*------ Cart  ------*/

.cw-cart-table thead {
    background: transparent;
    color: #fff;
}

.table thead th,
.table td {
    vertical-align: bottom;
    border: 1px solid #40403b;
}

.table .cw-align {
    vertical-align: middle;
}

.product-remove a i {
    color: #fff;
    text-align: center;
}

.product-thumbnail {
    width: 32px;
    display: inline-block;
    margin-right: 1rem;
}

.btn-link {
    color: grey;
    text-decoration: none;
}

.cw-cart-table input.btn {
    border-radius: 7px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-transform: capitalize;
    line-height: 24px;
    height: auto;
    margin: auto;
    letter-spacing: 0.4px;
    padding: 13px 40px;
    transition: all 0.3s linear 0s;
}

.cw-qty-btn {
    padding: .375rem .75rem;
}

.btn.btn-outline-secondary {
    color: #131313;
    border-color: #131313;
}

.qty {
    width: 40px;
    text-align: center;
    border: 0;
    outline: none;
}

.cw-product-promo {
    border: 1px solid #40403b;
    padding: 1.5rem;
    box-shadow: 0 3px 24px rgba(0, 0, 0, .04);
}

.cw-product-promo h5 {
    font-size: 30px;
    margin-bottom: 20px;
    font-weight: 600;
}

.cw-product-promo .form-group .form-control {
    background: transparent;
    border: 1px solid #40403b;
    border-radius: 0;
    box-shadow: none;
    color: #fff;
    font-size: 13px;
    min-height: 63px;
    line-height: 33px;
    padding: 10px 30px;
    font-weight: 500;
    margin: 0;
}

.cw-product-promo .cw-table-borderless tbody td {
    border: none;
    color: #fff;
}

.cw-qty-sec .quantity-box {
    width: 215px;
    display: flex;
    border: 1px solid #a3a3a3;
    border-radius: 0;
}

.cw-qty-sec .btn {
    cursor: pointer;
    width: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    font-size: 11px;
    background-color: #f6f5f0;
    transition: .3s;
}

.cw-qty-sec .form-control {
    background-color: #f6f5f0;
    outline: none;
    width: 60px;
    height: 28px;
    border-radius: 0;
    text-align: center;
    font-weight: 600;
    border: 0;
    font-size: 14px;
    color: #848484;
    line-height: normal;
    padding: 0px 15px;
    box-shadow: none;
}

td.has-title {
    vertical-align: middle;
}

@media (max-width: 991px) {
    .cw-cart-table tbody td.shop-detail-content {
        margin-top: 0;
    }
}

@media (max-width: 767px) {
    .cw-product-promo .form-group .btn {
        margin: 15px 0 0;
    }

    .cw-cart-table thead {
        display: none;
    }

    .cw-cart-table tbody td {
        position: relative;
        display: block;
        width: 100%;
    }

    .cw-cart-table tbody td.has-title {
        text-align: right;
    }

    .cw-cart-table tbody td.has-title::before {
        content: attr(data-title) ": ";
        font-weight: 700;
        color: #fff;
        float: left;
    }

    .cw-cart-table tfoot .main-btn {
        width: 100%;
    }

    .cw-cart-table tfoot .main-btn.float-right {
        margin-top: 10px;
    }

    .cw-cart-table tbody td.quantity {
        justify-content: space-between;
        display: flex;
    }
}

@media (max-width: 575px) {
    .cw-qty-sec .quantity-box {
        width: 180px;
    }
}


/*------ Wishlist  ------*/

.wishlist .main-btn {
    padding: 0 18px;
    line-height: 52px;
}

.wishlist .share-wishlist h4 {
    margin-bottom: 30px;
    font-weight: 600;
}

.wishlist .share-wishlist .social-media a {
    height: 60px;
    width: 60px;
    line-height: 60px;
    text-align: center;
    color: #fff;
    background-color: #353530;
    margin-left: 10px;
}

.wishlist .share-wishlist .social-media a:hover {
    background-color: #fcd462;
}


/*------ Checkout  ------*/

.checkout-form h4 {
    margin-bottom: 30px;
    font-weight: 600;
}

.checkout-form .nice-select .list {
    background-color: #353530;
}

.checkout-form .input-group.input-group-two textarea {
    height: auto;
    padding-top: 25px;
}

.checkout-table table {
    width: 100%;
    margin-bottom: 30px;
}

.checkout-table th,
.checkout-table td {
    border: 1px solid #40403b;
    padding: 10px;
    vertical-align: middle;
}

@media (max-width: 1199px) {
    .space-top {
        margin-top: 50px;
    }
}


/*------ login/Register  ------*/

.login-content {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 1;
    height: 100%;
    padding: 20px;
}

.login-content:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}

.login-content .description {
    max-width: 400px;
}

.login-content .description h2 {
    margin-bottom: 20px;
    font-weight: 600;
    color: #fff;
}

.login-form {
    padding: 60px;
    text-align: center;
    background-color: #cfdcdd;
    border-top: 1px solid #40403b;
    border-right: 1px solid #40403b;
    border-bottom: 1px solid #40403b;
}

.login-form h2 {
    margin-bottom: 50px;
    color: #404040;
    font-weight: 500;
    font-family: 'Gloock', 'serif';
    font-family: var(--primary-font);
    font-size: 36px;
}

.login-form a {
    text-decoration: underline;
    color: #404040;
    font-family: 'Montserrat';
    display: block;
    text-decoration: none;
}

.login-form a:hover {
    color: #cd865c;
}

.login-form .login-btn {
    line-height: 44px;
    box-shadow: none;
}

.login-form .form-seperator {
    margin: 30px 0;
    text-align: center;
}

.login-form .form-seperator span {
    position: relative;
    display: flex;
    align-items: center;
    color: #a7a2a2;
    font-size: 14px;
}

.login-form .form-seperator span:before {
    content: '';
    flex: 1 1;
    background-color: rgb(255 245 245 / 55%);
    height: 1px;
    margin-right: 20px;
}

.login-form .form-seperator span:after {
    content: '';
    flex: 1 1;
    background-color: rgb(255 245 245 / 55%);
    height: 1px;
    margin-left: 20px;
}

.login-form .social-buttons button.main-btn {
    line-height: 45px;
    width: 100%;
    box-shadow: none;
}

.login-form .social-buttons button.main-btn.facebook {
    border: 2px solid #fcd462;
    background-color: #f6f5f0;
}

.login-form .social-buttons button i {
    margin-right: 5px;
}

@media (max-width: 991px) {
    .login-content {
        height: 700px;
        object-fit: contain;
    }

    .login-form {
        border-left: 1px solid #40403b;
    }
}

@media (max-width: 575px) {
    .login-content {
        width: 100%;
        height: 450px;
        object-fit: contain;
    }

    .login-form {
        padding: 30px;
    }
}


/*------ Account  ------*/


.tab-content .tab-pane {
    width: 100%;
    height: 100%;
}

.tab-content .content-heading h3 {
    color: #fff;
    font-weight: 600;
    margin-bottom: 20px;
}

.tab-content .order-table a.main-btn {
    padding: 0 20px;
    line-height: 50px;
    box-shadow: none;
}

.tab-content .download-content {
    max-width: 400px;
    text-align: center;
    margin: 0 auto;
}

.tab-content .address-content .extra-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.tab-content .address-content .extra-info h3 {
    color: #fff;
    font-weight: 600;
    margin-bottom: 15px;
}

.tab-content .address-content .extra-info .btn-link {
    color: #a3a3a3;
    font-size: 16px;
    font-weight: 500;
    text-decoration: underline;
}

.tab-content .address-content .extra-info .btn-link:hover {
    color: #fcd462;
}

@media (max-width: 991px) {
    .account-sec .tab-content {
        margin-top: 60px;
    }
}


/*=======  New Collections  =======*/

.service-wrapper .service-content {
    padding: 30px;
    background-color: #eeece8;
    background-color: var(--primary-card-color);
}

.service-wrapper .service-content .icon {
    color: #041f60;
    color: var(--primary-text-color);
    font-size: 40px;
    margin-bottom: 20px;
}

.service-wrapper .service-content h3 a {
    color: #041f60;
    color: var(--primary-text-color);
    margin-bottom: 20px;
    font-size: 18px;
    font-family: 'Domine', 'Montserrat','sans-serif';
    font-family: var(--secondary-font);
}



.service-wrapper .service-content h3 a:hover {
    color: #cd865c;
    color: var(--primary-hover-color);
}


/*-----  Style 2  -------*/

.service-wrapper.style-2 .service-content {
    background-color: #353530;
}

.service-wrapper .service-content p {
    font-family: 'Domine', 'Montserrat','sans-serif';
    font-family: var(--secondary-font);
    color: #041f60;
    color: var(--primary-text-color);
    font-size: 14px;
}


/*=======  Legal  =======*/

.legal-wrapper .legal-content {
    margin-bottom: 40px;
}

.legal-wrapper .legal-content h3 {
    color: #fff;
    font-weight: 600;
    margin-bottom: 20px;
}


/*=======  FAQ  =======*/



/*=======  Location  =======*/

.location-wrapper {
    overflow: hidden;
    margin-bottom: 30px;
}

.location-thumb {
    position: relative;
}

.location-thumb:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, transparent 0, transparent 30%, #000);
    opacity: 0.8;
    z-index: 1;
    transition: all 0.3s ease-out 0s;
}

.location-thumb a {
    display: block;
    overflow: hidden;
}

.location-thumb a img {
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center;
    transition: all 0.3s ease-out 0s;
}

.location-thumb:hover a img {
    transform: scale(1.1);
}

.location-thumb .location-content {
    position: absolute;
    bottom: 20px;
    height: auto;
    background-color: transparent;
    padding: 20px;
    z-index: 2;
}

.location-thumb .location-content .icon {
    margin-bottom: 15px;
    font-size: 22px;
    font-weight: 600;
    color: #000;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease-out 0s;
}

.location-thumb .location-content h4 {
    color: #fff;
    margin-bottom: 8px;
    font-weight: 600;
}

.location-thumb .location-content h4 a {
    color: #fff;
}

.location-thumb .location-content span {
    color: #e7e7ef;
}

.location-wrapper:hover .location-thumb:before {
    background: linear-gradient(180deg, #9e7f27 0, #fcd462 30%, #b08f33);
    opacity: 1;
}

.location-thumb:hover .location-content h4 a,
.location-thumb:hover .location-content span {
    color: #000;
}

.location-thumb:hover .location-content .icon {
    visibility: visible;
    opacity: 1;
}

.container-wide .row {
    flex-wrap: initial;
    align-items: center;
}

@media (max-width: 991px) {
    .container-wide .row {
        flex-wrap: wrap;
    }
}


/*=======  Intro Wrapper  =======*/


/*=======  FOOTER  =======*/

footer .footer-subscibe-area {
    background-color: #353530;
}

footer .footer-subscibe-area .subscribe-text .subscribe-form {
    position: relative;
}

footer .footer-subscibe-area .subscribe-text .subscribe-form input {
    width: 100%;
    border: none;
    height: 90px;
    background-color: #1c1b19;
    padding-left: 50px;
    padding-right: 230px;
    font-size: 14px;
    color: #aeaeae;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    footer .footer-subscibe-area .subscribe-text .subscribe-form input {
        padding-left: 20px;
        padding-right: 200px;
    }
}

@media (max-width: 575px) {
    footer .footer-subscibe-area .subscribe-text .subscribe-form input {
        padding-left: 20px;
        padding-right: 20px;
        height: 70px;
    }
}

footer .footer-subscibe-area .subscribe-text .subscribe-form button {
    position: absolute;
    right: 15px;
    bottom: 15px;
    top: 15px;
    background-color: #fcd462;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    border: none;
    width: 200px;
    letter-spacing: 3px;
    transition: all 0.3s ease-out 0s;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    footer .footer-subscibe-area .subscribe-text .subscribe-form button {
        width: 180px;
    }
}

@media (max-width: 575px) {

    footer .footer-subscibe-area .subscribe-text .subscribe-form button,
    footer .footer-subscibe-area.style-2 .subscribe-text .subscribe-form button {
        position: static;
        position: initial;
        width: 100%;
        height: 60px;
    }
}

footer .footer-subscibe-area .subscribe-text .subscribe-form button:hover {
    background-color: #f6f5f0;
    color: #1c1b19;
}

footer .footer-widget-area {
    position: relative;
    z-index: 1;
}

footer .footer-widget-area::after,
.sigma-footer::after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(/static/media/footer.ebd8d8cb5b23e811d5b1.webp);
    content: '';
    background-size: cover;
    background-repeat: repeat;
    background-position: center;
    z-index: -1;
}

@media(min-width: 1600px) {
    .sigma-footer .container-fluid {
        padding-left: 65px;
        padding-right: 65px;
    }
}

footer .footer-widget-area .widget,
footer .footer-widget-area .widget a,
footer .footer-widget-area .widget .widget-title,
footer .footer-widget-area .widget h6 {
    color: #000;
    font-family: 'Domine', 'Montserrat','sans-serif';
    font-family: var(--secondary-font);


}

footer .footer-widget-area .widget .widget-title {
    font-family: 'Gloock', 'serif' !important;
    font-family: var(--primary-font) !important;
}

footer .footer-widget-area .widget h4.widget-title {
    font-size: 24px;
    margin-bottom: 4px;
    margin-bottom: 40px;
}

footer .footer-widget-area .widget.site-info-widget {
    color: #bababa;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    footer .footer-widget-area .widget.site-info-widget {
        font-size: 14px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    footer .footer-widget-area .widget.site-info-widget {
        font-size: 14px;
    }
}

footer .footer-widget-area .widget.site-info-widget .social-links {
    text-align: left;
}

footer .footer-widget-area .widget.site-info-widget .social-links a {
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    background-color: #2e2e2e;
    margin-right: 5px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    footer .footer-widget-area .widget.site-info-widget .social-links a {
        height: 35px;
        width: 35px;
        line-height: 35px;
        font-size: 14px;
        margin-right: 2px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    footer .footer-widget-area .widget.site-info-widget .social-links a {
        height: 35px;
        width: 35px;
        line-height: 35px;
        font-size: 14px;
        margin-right: 2px;
    }
}

footer .footer-widget-area .widget.site-info-widget .social-links a:hover {
    background-color: #fcd462;
}

footer .footer-widget-area .widget.nav-widget {
    padding-left: 70px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    footer .footer-widget-area .widget.nav-widget {
        padding-left: 0;
    }
}

@media (max-width: 767px) {
    footer .footer-widget-area .widget.nav-widget {
        padding-left: 0;
    }
}

footer .footer-widget-area .widget.nav-widget ul li {
    margin-bottom: 35px;
    width: 50%;
    float: left;
}

@media (max-width: 399px) {
    footer .footer-widget-area .widget.nav-widget ul li {
        margin-bottom: 20px;
        width: 100%;
    }
}

footer .footer-widget-area .widget.nav-widget ul li a {
    font-family: 'Domine', 'Montserrat','sans-serif';
    font-family: var(--secondary-font);
    position: relative;
    display: flex;
    align-items: center;
}

footer .footer-widget-area .widget.nav-widget ul li a:hover {
    padding-left: 10px;
    color: #fcd462;
}

footer .footer-widget-area .widget.nav-widget ul li a::before {
    content: '\f108';
    font-family: flaticon;
    font-size: 20px;
    line-height: 1;
    margin-right: 10px;
}

footer .footer-widget-area .widget.nav-widget ul li:last-child {
    margin-bottom: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    footer .footer-widget-area .widget.contact-widget {
        padding-left: 70px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    footer .footer-widget-area .widget.contact-widget {
        padding-left: 20px;
    }
}

footer .footer-widget-area .widget.contact-widget .contact-lists .contact-box {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #2e2e2e;
    display: grid;
    grid-template-columns: 40px 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 20px;
    font-size: 14px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    footer .footer-widget-area .widget.contact-widget .contact-lists .contact-box {
        grid-column-gap: 15px;
    }
}

footer .footer-widget-area .widget.contact-widget .contact-lists .contact-box:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border: none;
}

footer .footer-widget-area .widget.contact-widget .contact-lists .contact-box h6 {
    font-size: 20px;
    margin-bottom: 10px;
    color: #041f60;
    color: var(--primary-text-color);
    font-family: 'Gloock', 'serif';
    font-family: var(--primary-font);
}

footer .footer-widget-area .widget.contact-widget .contact-lists .contact-box .icon {
    font-size: 40px;
    color: #fcd462;
}

footer .footer-widget-area.light-theme {
    background-image: url(/static/media/pattern-02.f565dbce9279d73fe8d0.png);
}

footer .footer-widget-area.light-theme::after {
    display: none;
}

footer .footer-widget-area.light-theme .widget,
footer .footer-widget-area.light-theme .widget a {
    color: #a3a3a3;
}

footer .footer-widget-area.light-theme .widget .widget-title,
footer .footer-widget-area.light-theme .widget h6 {
    color: #041f60;
    color: var(--primary-text-color);
}

footer .footer-widget-area.light-theme .widget.site-info-widget .social-links a {
    background-color: #1c1b19;
    color: #a3a3a3;
}

footer .footer-widget-area.light-theme .widget.site-info-widget .social-links a:hover {
    background-color: #fcd462;
}

footer .footer-widget-area.light-theme .widget.contact-widget .contact-box {
    border-color: #e1e1e1;
}

footer .copyright-area {
    color: #000;
}

footer .copyright-area .social-links {
    text-align: right;
}

@media (max-width: 767px) {
    footer .copyright-area .social-links {
        text-align: center;
        margin-bottom: 10px;
    }
}

footer .copyright-area .social-links a {
    height: 60px;
    width: 60px;
    line-height: 60px;
    text-align: center;
    color: #000;
    background-color: #212121;
    margin-left: 10px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    footer .copyright-area .social-links a {
        margin-left: 5px;
        width: 50px;
        height: 50px;
        line-height: 50px;
    }
}

@media (max-width: 767px) {
    footer .copyright-area .social-links a {
        margin: 0 5px;
        width: 50px;
        height: 50px;
        line-height: 50px;
    }
}

@media (max-width: 575px) {
    footer .copyright-area .social-links a {
        margin: 0 2px;
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 12px;
    }
}

footer .copyright-area .social-links a:hover {
    background-color: #fcd462;
}

footer .copyright-area .copyright-text {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
}

@media (max-width: 575px) {
    footer .copyright-area .copyright-text {
        letter-spacing: 0;
    }
}

footer .copyright-area .copyright-text a {
    color: #000;
    text-decoration: underline;
}

footer .copyright-area .copyright-text.copyright-two {
    text-transform: none;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    letter-spacing: 0;
}

@media (max-width: 767px) {
    footer .copyright-area .copyright-text {
        margin-top: 10px;
        text-align: center;
    }
}

footer .copyright-area .footer-menu ul li {
    display: inline-block;
    position: relative;
    padding-left: 15px;
    margin-right: 15px;
}

@media (max-width: 399px) {
    footer .copyright-area .footer-menu ul li {
        padding-left: 0;
        margin-right: 0;
    }
}

footer .copyright-area .footer-menu ul li::before {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 12px;
    background-color: #353530;
    content: '';
}

@media (max-width: 399px) {
    footer .copyright-area .footer-menu ul li::before {
        display: none;
    }
}

footer .copyright-area .footer-menu ul li:first-child {
    padding-left: 0;
    margin-left: 0;
}

footer .copyright-area .footer-menu ul li:first-child::before {
    display: none;
}

footer .copyright-area .footer-menu ul li a {
    color: #000;
    font-weight: 700;
    font-family: "Roboto", sans-serif;
}

footer .copyright-area .footer-menu ul li a:hover {
    color: #cd865c;
}

footer .copyright-area.light-theme {
    background-color: #f6f5f0;
}

footer .copyright-area.light-theme,
footer .copyright-area.light-theme a,
footer .copyright-area.light-theme .copyright-text,
footer .copyright-area.light-theme .footer-menu ul li a {
    color: #000;
}

footer .copyright-area.light-theme .footer-menu ul li::before {
    background-color: #737373;
}


/*------Styles for Popular Searches--------*/
/* Payment Icons Section */
.payment-icons {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    /* Align to the left */
    align-items: center;
    gap: 15px;
    margin-top: 20px;
}

.payment-icons i {
    font-size: 28px;
    color: #c38c66;
    background-color: #f3ece6;
    padding: 8px 12px;
    border-radius: 6px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
}

.payment-icons i:hover {
    transform: scale(1.1);
    color: #a06b47;
}

/* Ensure Useful Links column is styled correctly */
.widget.nav-widget {
    display: flex;
    flex-direction: column;
}

.widget.nav-widget .useful-links {
    display: flex;
    flex-wrap: wrap;
    gap: 0 40px;
    margin-bottom: 1px;
    padding: 0;
    list-style: none;
}

.widget.nav-widget .useful-links li {
    width: 45%;
    /* Two columns */
    margin-bottom: 20px!important;
}

/* Responsive behavior */
@media (max-width: 768px) {
    .payment-icons {
        justify-content: center;
    }

    .widget.nav-widget .useful-links li {
        width: 100%;
        /* Stack links on small screens */
    }

    .payment-icons i {
        font-size: 24px;
        padding: 6px 10px;
    }
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-links li {
    margin-bottom: 15px;
    font-size: 15px;
    color: #000;
    /* White for dark background */
    transition: color 0.3s ease, padding-left 0.3s ease;
}

.footer-links li a {
    color: inherit;
    text-decoration: none;
    font-family: 'Domine', 'Montserrat','sans-serif';
    font-family: var(--secondary-font);
}

.footer-links li:hover {
    color: #ffd8a4;
    /* Light gold on hover */
    padding-left: 5px;
}

.footer-links li a:hover {
    color: #ffd8a4;
}

.text-dark {
    font-family: 'Gloock', 'serif';
    font-family: var(--primary-font);
}


/*=======  Sigma Footer  =======*/

.sigma-footer {
    position: relative;
    z-index: 1;
}

.sigma-footer .sigma-footer-top .sigma-backto-top {
    width: 100%;
    padding: 40px;
}

.sigma-footer .sigma-footer-top .sigma-backto-top .back-to-top {
    position: relative;
    opacity: 1;
    visibility: visible;
    width: auto;
    background: transparent;
    height: auto;
    line-height: normal;
    line-height: initial;
    top: 0;
    bottom: 0;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    right: 0;
}

.sigma-footer .sigma-footer-top .sigma-backto-top .back-to-top:hover i {
    color: #fff;
}

.sigma-footer .sigma-footer-top .sigma-backto-top .back-to-top i {
    margin-right: 10px;
    height: 40px;
    width: 40px;
    line-height: 40px;
    background-color: #fcd462;
}

.sigma-footer .contact-maps {
    height: 100%;
}

.sigma-footer .sigma-footer-box {
    background-color: #353530;
    padding: 40px;
    padding-bottom: 25px;
}

.sigma-footer .sigma-footer-box .sigma-footer-box-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sigma-footer .sigma-footer-box .sigma-footer-box-top .ft-logo,
.sigma-footer .sigma-footer-box .sigma-footer-box-top .ft-social-media {
    display: flex;
    margin-bottom: 40px;
}

.sigma-footer .sigma-footer-box .sigma-footer-box-top .ft-social-media>li {
    margin-left: 10px;
}

.sigma-footer .sigma-footer-box .sigma-footer-box-top .ft-social-media>li>a {
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    background-color: #2e2e2e;
    margin-right: 5px;
}

.sigma-footer .sigma-footer-box .sigma-footer-box-top .ft-social-media>li:hover>a {
    background-color: #fcd462;
}

.sigma-footer .sigma-copyright-inner a:hover,
.sigma-footer .sigma-footer-contact ul>li:hover>a {
    color: #fcd462;
}

.sigma-footer .sigma-footer-nav .ft-nav {
    display: flex;
}

.sigma-footer .sigma-footer-nav .ft-nav>.menu-item {
    margin-bottom: 15px;
    margin-right: 25px;
}

.sigma-footer .sigma-footer-nav .ft-nav>.menu-item>a {
    color: #fff;
    font-family: "Roboto", sans-serif;
    position: relative;
    display: flex;
    align-items: center;
}

.sigma-footer .nice-select .list {
    background-color: #1c1b19;
}

.sigma-footer .sigma-footer-nav .ft-nav>.menu-item>a:before {
    content: '\f108';
    font-family: flaticon;
    font-size: 16px;
    line-height: 1;
    margin-right: 10px;
}

.sigma-footer .sigma-footer-nav .ft-nav>.menu-item:hover>a {
    padding-left: 10px;
    color: #fcd462;
}

.sigma-footer .sigma-footer-bottom .sigma-footer-bottom-inner {
    background-color: #353530;
    padding: 40px;
    padding-bottom: 25px;
}

.sigma-footer .sigma-footer-contact ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.sigma-footer .sigma-footer-contact ul>li {
    margin-bottom: 15px;
    margin-right: 40px;
    display: flex;
    align-items: center;
}

.sigma-footer .sigma-footer-contact ul>li>a {
    color: #fff;
}

.sigma-footer .sigma-footer-contact ul>li>i {
    color: #fcd462;
    text-align: center;
    vertical-align: middle;
    font-size: 40px;
    line-height: normal;
    margin-right: 15px;
}

.sigma-footer .sigma-footer-contact ul>li>a span {
    font-size: 20px;
    margin-bottom: 0px;
    font-family: "Prata", serif;
    font-weight: 400;
    display: flex;
}

.sigma-footer .sigma-footer-contact.style-2 ul>li>a span,
.sigma-footer .sigma-footer-contact.style-2 ul,
.sigma-footer .sigma-footer-contact.style-2 ul>li {
    margin-right: 0;
    flex-direction: row-reverse;
}

.sigma-footer .sigma-footer-contact.style-2 ul>li>i {
    margin-right: 0;
    margin-left: 15px;
}

.sigma-footer .sigma-footer-search {
    margin-bottom: 15px;
}

.sigma-footer .sigma-footer-search .form-control {
    height: 50px;
    background: transparent;
    border-radius: 0;
    border: none;
    border-bottom: 2px solid #40403b;
    padding-left: 50px;
    color: #fff;
}

.sigma-footer .sigma-footer-search .form-control:focus {
    box-shadow: none;
    border-bottom-color: #fff;
}

.sigma-footer .sigma-footer-search .form-control::placeholder {
    color: #fff;
}

.sigma-footer .sigma-footer-search .input-group-prepend {
    position: absolute;
    height: 50px;
    width: 50px;
    left: 0;
    z-index: 1;
}

.sigma-footer .sigma-footer-search .input-group-prepend>button {
    width: 100%;
    border: none;
    background: #f6f5f0;
    color: #404040;
    position: relative;
}

.sigma-footer .sigma-copyright-inner {
    padding-top: 40px;
    padding-left: 40px;
    padding-right: 40px;
    background-color: #353530;
}

.sigma-footer .sigma-copyright-inner p {
    margin-bottom: 40px;
    text-transform: none;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    letter-spacing: 0;
    font-size: 14px;
}

.sigma-footer .sigma-copyright-inner a {
    color: #fff;
    text-decoration: underline;
    margin-left: 4px;
}

.sigma-footer .sigma-copyright-inner .sigma-copyright-menu>ul {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.sigma-footer .sigma-copyright-inner .sigma-copyright-menu>ul>li {
    margin-left: 15px;
    padding-left: 15px;
    margin-bottom: 40px;
}

.sigma-footer .sigma-copyright-inner .sigma-copyright-menu>ul>li>a {
    text-decoration: none;
    font-weight: 700;
    font-family: "Roboto", sans-serif;
    margin-left: 0;
}

.sigma-footer .sigma-copyright-inner .sigma-copyright-menu>ul>li:after {
    content: '';
    width: 3px;
    height: 12px;
    background: #40403b;
    position: absolute;
    top: 8px;
    margin-left: 15px;
}

.sigma-footer .sigma-copyright-inner .sigma-copyright-menu>ul>li:last-child:after {
    display: none;
}

.sigma-footer .sigma-copyright-inner .sigma-copyright-menu>ul>li:first-child {
    padding-left: 0;
    margin-left: 0;
}

@media (max-width: 1200px) {
    .sigma-footer .sigma-footer-contact ul>li {
        margin-right: 10px;
    }

    .sigma-footer .sigma-footer-contact ul>li>a {
        font-size: 14px;
    }
}

@media (max-width: 991px) {
    .sigma-footer .contact-maps {
        height: 350px;
    }

    .sigma-footer .sigma-footer-contact ul {
        justify-content: center;
        text-align: center;
    }

    .sigma-footer .sigma-footer-contact.style-2 ul>li>a span,
    .sigma-footer .sigma-footer-contact.style-2 ul,
    .sigma-footer .sigma-footer-contact.style-2 ul>li {
        margin-right: 0;
        flex-direction: initial;
    }

    .sigma-footer .sigma-footer-contact.style-2 ul>li>i {
        margin-right: 15px;
        margin-left: 0;
    }
}

@media (max-width: 767px) {
    .sigma-footer .sigma-footer-nav .ft-nav {
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .sigma-footer .sigma-copyright-inner .sigma-copyright-menu>ul,
    .sigma-footer .sigma-footer-contact ul {
        justify-content: flex-start;
        text-align: left;
    }
}

@media (max-width: 576px) {

    .sigma-footer .sigma-copyright-inner,
    .sigma-footer .sigma-footer-top .sigma-backto-top {
        padding: 20px;
    }

    .sigma-footer .sigma-footer-bottom .sigma-footer-bottom-inner,
    .sigma-footer .sigma-footer-box {
        padding: 20px;
        padding-bottom: 5px;
    }

    .sigma-footer .sigma-copyright-inner .sigma-copyright-menu>ul>li,
    .sigma-footer .sigma-copyright-inner p,
    .sigma-footer .sigma-footer-box .sigma-footer-box-top .ft-logo,
    .sigma-footer .sigma-footer-box .sigma-footer-box-top .ft-social-media {
        margin-bottom: 20px;
    }
}


/*=======  Back to top  =======*/

.back-to-top {
    position: fixed;
    right: 0;
    bottom: 40px;
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 40px;
    background-color: #fcd462;
    z-index: 99;
    color: #fff;
    font-size: 18px;
    opacity: 0;
    visibility: hidden;
}

.back-to-top.active {
    visibility: visible;
    opacity: 1;
    right: 40px;
}

.back-to-top:hover {
    background-color: #f6f5f0;
}

.alert.d-block {
    display: block !important;
}



.Shop-section {
    padding: 50px 50px;

}

@media(max-width:992px) {
    .Shop-section {
        padding: 50px 30px;

    }
}

@media(max-width:568px) {
    .Shop-section {
        padding: 50px 20px;

    }
}

@media(max-width:568px) {
    .Shop-section {
        padding: 50px 20px;

    }
}





.custom-shop-layout {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}

.sidebar-area {
    flex: 0 0 40%;
    max-width: 30%;
}

.product-area {
    flex: 1 1;
    min-width: 0;
}

/* Responsive: stack sidebar below 768px */
@media (max-width: 767px) {
    .sidebar-area {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .product-area {
        flex: 0 0 100%;
        max-width: 100%;
    }
}


/* Add to your CSS file */
.slick-slider {
    width: 100%;
    margin: 0 auto;
}

.slick-list {
    overflow: hidden;
}

.slick-track {
    display: flex;
    width: 100%;
    height: 100%;
}

.detail-slider-2 .image-box img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}


.custom-horizontal-padding {
    padding-left: 100px;
    padding-right: 100px;
}

/* Medium screens (tablets) */
@media (max-width: 992px) {
    .custom-horizontal-padding {
        padding-left: 50px;
        padding-right: 50px;
    }
}

/* Small screens (phones) */
@media (max-width: 576px) {
    .custom-horizontal-padding {
        padding-left: 20px;
        padding-right: 20px;
    }
}




@media (min-width: 2000px) {
    .container-custom-one {
        max-width: 1600px;
    }

    .container {
        max-width: 1600px !important;
    }
}

@media (min-width: 1600px) {
    .container-custom-two {
        max-width: 1400px;
    }

    .container {
        max-width: 1400px;
    }
}




/*# sourceMappingURL=main.029b908c.css.map*/