/*
    Created on : Apr 21, 2023, 11:05:43 AM
    Author     : bob
*/

/* Font */
/* SourceSans */
/* https://fonts.google.com/specimen/Source+Sans+3 */
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap');

/* General */
body {
    font-family: 'Source Sans 3', sans-serif !important;
    font-size: 0.875rem;
    font-weight: 400;
}

.lead-text {
    font-size: 1rem;
}

/* html header fixed and footer absolute bottom */
html {
    min-height: 100%;
    /* min-height 100% so footer would be always on bottom */
    position: relative;
    /* set padding-top padding-bottom according to header footer height */
    padding-top: 0;
}

html.full-height {
    /* no header and footer */
    padding-top: 0;
    padding-bottom: 0;
}

html.no-footer {
    /* no footer */
    padding-bottom: 0;
}

html.no-header {
    /* no header */
    padding-top: 0;
}

/* .footer {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1020;
} */

/* Main container */
.main-container {
    padding: 2rem 0;
}

.main-container .container-fluid {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}

.main-container.blank-page-main-container {
    padding-top: 0;
}

/* Headers */
h1 {
    font-size: 1.875rem;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400;
}

/* ::selection */
::selection {
    background: #616161;
    color: #fafafa;
}

img::selection {
    background: transparent;
    color: unset;
}

/* Focus disable dotted box on focus */
a:focus,
button:focus,
.btn:focus,
.form-control:focus,
.form-check-input:focus,
.form-select:focus,
.choices__inner:focus,
.is-focused .choices__inner,
.is-open .choices__inner,
.choices__input,
.choices__input:focus {
    outline: none !important;
    box-shadow: none !important;
}

a.disabled,
a:disabled,
.btn.disabled,
.btn:disabled {
    pointer-events: unset;
    cursor: not-allowed;
    opacity: 0.5;
}

a.disabled:hover,
a:disabled:hover,
.btn.disabled:hover,
.btn:disabled:hover {
    text-decoration: none !important;
}

.visibility-hidden {
    visibility: hidden;
}

strong {
    font-weight: 600;
}

/* a */
a {
    text-decoration: none;
}

a:hover,
a:focus {
    text-decoration: underline;
    text-underline-offset: 0.188rem;
}

a.btn:hover,
a.btn:focus {
    text-decoration: none;
}

a.link-underline {
    text-decoration: underline;
}

a.link-underline:hover {
    text-decoration: none;
}

a.dark-link-underline {
    text-decoration: underline;
}

a.dark-link-underline:hover {
    text-decoration: none;
}

a.item-link {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
}

/* Image */
img {
    max-width: 100%;
    height: auto;
}

svg {
    flex-shrink: 0;
}

/* Highlight text */
.highlight {
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 0.188rem;
}

.highlight:hover {
    text-decoration: none;
}

/* Scroll line */
.scroll-line {
    top: 0;
    left: 0;
    height: 3px;
    position: fixed;
    z-index: 1040;
    transition: 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
}

/* Breadcrumb */
.breadcrumb {
    padding: 1rem 0;
    margin-bottom: 0;
    font-weight: 500;
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: 0.25rem;
}

.breadcrumb-item+.breadcrumb-item::before {
    position: relative;
    top: 2px;
    width: 0.875rem;
    height: auto;
    padding: 0;
    margin-right: 0.25rem;
}

.breadcrumb-item span {
    font-weight: 500;
}

.breadcrumb-item span i {
    margin-right: 0.313rem;
}

.breadcrumb-item.active {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 20rem;
}

/* Toggle content */
.toggle-content {
    display: none;
}

.toggle-content.is-visible {
    display: block;
}

/* Popover */
.popover.custom-popover.timeline-popover {
    width: 276px;
}

.popover {
    border: 0 none;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem;
    font-size: 0.75rem;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}

.popover-header {
    border-bottom: 0 none;
    -webkit-border-top-left-radius: 0.5rem;
    -webkit-border-top-right-radius: 0.5rem;
    -moz-border-radius-topleft: 0.5rem;
    -moz-border-radius-topright: 0.5rem;
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
}

.popover.custom-popover h2 {
    font-size: 0.875rem;
    font-weight: 500;
    margin-bottom: 0;
}

.popover.custom-popover .item-progress {
    font-size: 0.75rem;
    display: inline-flex;
    align-items: center;
    margin-bottom: 0.125rem;
}

.popover.custom-popover .item-progress .badge:empty {
    display: block;
}

.popover.custom-popover .item-progress .badge {
    position: relative;
    top: 0;
    left: 0;
    margin-right: 0.25rem;
    padding: 0;
    width: 0.5rem;
    height: 0.5rem;
}

.popover.custom-popover .item-content {
    margin-top: 0.25rem;
}

.popover.custom-popover .item-content p {
    font-size: 0.75rem;
    margin-bottom: 0.25rem;
}

.popover.custom-popover .item-content p span {
    font-weight: 500;
}

.popover.custom-popover .item-content ul {
    padding: 0;
    margin: 0;
}

.popover.custom-popover .item-content ul li {
    list-style: none;
    font-size: 0.75rem;
    padding: 0 0 0.125rem 0;
}

.popover.custom-popover .item-content ul li a {
    font-weight: 500;
}


/* Media */
.media {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.media .media-image {
    display: flex;
    margin-right: 1rem;
}

.media .media-body {
    -ms-flex: 1;
    flex: 1;
}

/* Dropdown */
.dropdown-toggle-no-caret:after {
    display: none;
}

.dropdown-toggle {
    position: relative;
}

.dropdown-toggle svg,
.header .col-header-options .btn-search svg {
    position: absolute;
    top: 50%;
    right: 0.625rem;
    width: 0.625rem;
    height: 0.625rem;
    -webkit-transform: translateY(-50%) rotate(0deg);
    -moz-transform: translateY(-50%) rotate(0deg);
    -ms-transform: translateY(-50%) rotate(0deg);
    -o-transform: translateY(-50%) rotate(0deg);
    transform: translateY(-50%) rotate(0deg);
    -webkit-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.dropdown-toggle.show svg {
    -webkit-transform: translateY(-50%) rotate(180deg);
    -moz-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    -o-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}

.dropdown-toggle.no-transform svg {
    position: relative;
    right: auto;
    top: auto;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

.dropdown-toggle.no-transform.show svg {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

.dropdown-toggle .icon-holder {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2.5rem;
    width: 2.5rem;
    margin-right: 0.5rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.dropdown-toggle .icon-holder svg {
    position: relative;
    top: 0;
    right: 0;
    width: 20px;
    height: auto;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

.dropdown-menu {
    font-size: 0.875rem;
    border: 0 none;
    box-shadow: 0 none;
}

.dropdown-custom.dropdown-menu {
    padding: 1rem;
    border-radius: 0;
    box-shadow: 0 none;
}

.dropdown-custom.dropdown-menu.dropdown-login .btn {
    width: 100%;
}

.dropdown-custom.dropdown-menu.dropdown-login .btn:not(:last-child) {
    margin-bottom: 0.625rem;
}

.user-option .dropdown-custom.dropdown-menu .dropdown-item:hover {
    background-color: transparent;
    text-decoration: underline;
}

.user-option .dropdown-custom.dropdown-menu .dropdown-item.active {
    background-color: transparent;
    text-decoration: none;
    font-weight: 700;
}

.user-option .dropdown-custom.dropdown-menu .dropdown-item.logout:hover,
.user-option .dropdown-custom.dropdown-menu .dropdown-item.logout:focus {
    background-color: transparent;
}

.user-option .user-letters {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    height: 2.5rem;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1;
}

.header .col-header-options .btn-user .media-image {}

/* Mega menu */
.dropdown-mega {
    position: static;
    max-width: 100%;
}

.dropdown-custom.dropdown-menu.dropdown-megamenu {
    top: 1.125rem !important;
    width: 100%;
    padding: 1.25rem 0;
    left: 0;
    right: 0;
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.dropdown-custom.dropdown-menu.dropdown-megamenu .col-mega .content-holder {
    display: block;
    width: 100%;
    height: 100%;
}

.dropdown-custom.dropdown-menu.dropdown-megamenu h2 {
    font-size: 1.25rem;
    font-weight: 600;
}

.dropdown-custom.dropdown-menu.dropdown-megamenu li a {
    color: inherit;
}

.dropdown-toggle:before {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.1);
    content: '';
    z-index: 0;
    cursor: default;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    display: none;
}

.dropdown-toggle.show:before {
    opacity: 1;
    visibility: visible;
}

.col-header-options .dropdown-notification .dropdown-content {
    max-height: 26rem;
    overflow-y: auto;
}

.col-header-options .dropdown-notification .media {
    align-items: flex-start;
}

.col-header-options .dropdown-notification .media-image {
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.col-header-options .dropdown-notification .media-image svg {
    width: 1.25rem;
    height: 1.25rem;
}

.col-header-options .dropdown-notification .media-image img {
    margin-top: 5px;
    width: auto;
    height: 35px;
}

.col-header-options .dropdown-notification .media-body h3 {
    font-size: 1rem;
}

.col-header-options .dropdown-notification .media-body time {
    display: block;
    margin-bottom: .5rem;
}

.col-header-options .dropdown-notification .media-body p {
    margin-bottom: 0;
}

.col-header-options .dropdown-notification .button-holder {
    padding: 1rem 1rem 0 1rem;
}

.col-header-options .dropdown-notification .button-holder .btn {
    width: 100%;
}

.offcanvas-backdrop.show {
    opacity: unset;
}


/* Multilevel Menu  */
.header .dropdown-menu.multilevel-menu {
    padding: 1rem;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
    border-top-right-radius: 0;
    -webkit-border-bottom-left-radius: 0.625rem;
    -moz-border-radius-bottomleft: 0.625rem;
    border-bottom-left-radius: 0.625rem;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
    -webkit-box-shadow: 0 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 0 transparent;
    box-shadow: 0 0 0 0 transparent;
}

.header .dropdown-menu.multilevel-menu .submenu {
    padding: 1rem;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
    border-top-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0.625rem;
    -moz-border-radius-bottomright: 0.625rem;
    border-bottom-right-radius: 0.625rem;
    -webkit-box-shadow: 0 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 0 transparent;
    box-shadow: 0 0 0 0 transparent;
}

.dropdown-menu.multilevel-menu .dropdown-content {
    height: 60vh;
    overflow-y: auto;
    overflow-x: hidden;
    overflow: -moz-scrollbars-none;
    scrollbar-width: none;
    -ms-overflow-style: none;
    overscroll-behavior: contain;
}

.dropdown-menu.multilevel-menu li {
    position: relative;
}

.dropdown-menu.multilevel-menu .dropdown-item {
    font-weight: 500;
    -webkit-border-radius: 0.375rem;
    -moz-border-radius: 0.375rem;
    border-radius: 0.375rem;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.dropdown-menu.multilevel-menu .submenu {
    display: none;
    position: fixed;
    left: 100%;
    top: 0;
    border-left: 1px solid #D9D9D9;
}

.dropdown-menu.multilevel-menu .submenu .dropdown-content {
    height: 60vh;
    overflow-y: auto;
    overflow-x: hidden;
    overflow: -moz-scrollbars-none;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.dropdown-menu.multilevel-menu .submenu.left {
    right: 100%;
    left: auto;
}

.dropdown-menu.multilevel-menu li.dropdown>a {
    padding-right: 25px;
}

.dropdown-menu.multilevel-menu li.dropdown>a::after {
    position: absolute;
    top: 50%;
    right: 8px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block;
    width: 16px;
    height: 16px;
}

.dropdown-menu.multilevel-menu li.dropdown.active>.submenu {
    display: block;
}

/* Multilevel menu style-2 */
.dropdown-menu.multilevel-menu-style2 {
    -webkit-border-top-left-radius: 0.625rem;
    -moz-border-radius-topleft: 0.625rem;
    border-top-left-radius: 0.625rem;
    -webkit-border-top-right-radius: 0.625rem;
    -moz-border-radius-topright: 0.625rem;
    border-top-right-radius: 0.625rem;
    -webkit-border-bottom-left-radius: 0.625rem;
    -moz-border-radius-bottomleft: 0.625rem;
    border-bottom-left-radius: 0.625rem;
    -webkit-border-bottom-right-radius: 0.625rem;
    -moz-border-radius-bottomright: 0.625rem;
    border-bottom-right-radius: 0.625rem;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}

.dropdown-menu.multilevel-menu-style2 li {
    position: relative;
}

.dropdown-menu.multilevel-menu-style2 .submenu {
    display: none;
    position: absolute;
    left: 100%;
    top: -8px;
    border-left: 0 none;
}

.dropdown-menu.multilevel-menu-style2 .submenu.left {
    right: 100%;
    left: auto;
}

/* .dropdown-menu.multilevel-menu-style2 .dropdown-item {
    -webkit-border-radius: 0.375rem;
    -moz-border-radius: 0.375rem;
    border-radius: 0.375rem;
} */

.dropdown-menu.multilevel-menu-style2 li.dropdown>a {
    padding-right: 25px;
}

.dropdown-menu.multilevel-menu-style2 li.dropdown>a::after {
    position: absolute;
    top: 50%;
    right: 8px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block;
    width: 16px;
    height: 16px;
}

.dropdown-menu.multilevel-menu-style2 li.dropdown:hover>.submenu {
    display: block;
}

.dropdown-menu.multilevel-menu,
.dropdown-menu.multilevel-menu-style2,
.col-header-options .cart-option .dropdown-menu,
.col-header-options .user-option .dropdown-menu,
.col-header-options .theme-option .dropdown-menu,
.col-header-options .notification-option .dropdown-menu {
    top: 1.15rem !important;
}

.col-header-options .cart-option .dropdown-toggle.show svg,
.col-header-options .user-option .dropdown-toggle.show svg {
    -webkit-transform: translateY(-50%) rotate(0deg);
    -moz-transform: translateY(-50%) rotate(0deg);
    -ms-transform: translateY(-50%) rotate(0deg);
    -o-transform: translateY(-50%) rotate(0deg);
    transform: translateY(-50%) rotate(0deg);
}

.col-header-options .dropdown-center .dropdown-menu::before {
    content: "";
    position: absolute;
    width: 1rem;
    height: 1rem;
    transform: translateX(-100%) translateY(-50%) rotate(45deg);
    top: 0%;
    right: calc(50% - 1.5rem);
    z-index: -1;
    display: none;
}

.col-header-options .dropdown-menu::before {
    content: "";
    position: absolute;
    width: 1rem;
    height: 1rem;
    transform: translateX(-100%) translateY(-50%) rotate(45deg);
    top: 0%;
    right: 0;
    z-index: -1;
    display: none;
}

.dropdown-menu.dropdown-md {
    min-width: 12.5rem;
    max-width: 12.5rem;
}

.dropdown-menu.dropdown-lg {
    min-width: 17.5rem;
    max-width: 17.5rem;
}

.dropdown-menu.dropdown-xl {
    min-width: 20rem;
    max-width: 20rem;
}

.dropdown-item {
    padding: .5rem 1rem;
    white-space: normal;
}

.dropdown-item:hover,
.dropdown-item:focus {
    text-decoration: none;
}

.dropdown-item.active {
    font-weight: 500;
}

.dropdown-divider {
    opacity: 1;
}

.dropdown-custom .dropdown-content {
    padding: 0;
}

.dropdown-custom .dropdown-content-indented .dropdown-item {
    padding-left: 2rem;
}

.dropdown-custom h6 {
    padding: 0 1rem;
}

.dropdown-custom .dropdown-header {
    display: flex;
    justify-content: flex-start;
    padding: .625rem 1rem;
    align-items: center;
    font-weight: 500;
    text-transform: uppercase;
    -webkit-border-radius: 0.375rem;
    -moz-border-radius: 0.375rem;
    border-radius: 0.375rem;
}

.dropdown-custom .dropdown-header:hover,
.dropdown-custom .dropdown-header:focus {
    text-decoration: none;
}

.dropdown-custom .dropdown-header svg {
    width: 25px;
    height: 25px;
    margin-right: 0.625rem;
}

.dropdown-custom .dropdown-item {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-weight: 500;
    -webkit-border-radius: 0.375rem;
    -moz-border-radius: 0.375rem;
    border-radius: 0.375rem;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.dropdown-custom .dropdown-item svg {
    width: 0.875rem;
    height: 0.875rem;
    margin-right: 0.625rem;
}

.dropdown-custom .dropdown-item.logout {
    font-weight: 700;
}

.dropdown-custom .dropdown-content .dropdown-item.new-request {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    font-weight: 700;
    text-decoration: none;
    text-align: left;
}

.dropdown-custom .dropdown-content .dropdown-item.new-request span:last-child {
    padding: 0 0.5rem;
}

/* Cart dropdown */
.col-header-options .dropdown-cart {
    padding: 0;
}

.col-header-options .dropdown-cart .cart-item {
    display: flex;
    position: relative;
    padding: 1rem;
}

.col-header-options .dropdown-cart .cart-item .cart-item-content {
    display: flex;
    flex-wrap: wrap;
    flex-basis: 100%;
}

.col-header-options .dropdown-cart .cart-item .cart-item-content .cart-item-top {
    display: flex;
    align-items: flex-start;
    align-self: flex-start;
    flex-basis: 100%;
}

.col-header-options .dropdown-cart .cart-item .cart-item-content .cart-item-top .cart-item-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 0.313rem;
}

.col-header-options .dropdown-cart .cart-item .cart-item-content .cart-item-top .cart-item-header .cart-item-image {
    display: flex;
    align-items: flex-start;
    width: 40%;
    margin-top: -0.875rem;
}

.col-header-options .dropdown-cart .cart-item .cart-item-content .cart-item-top .cart-item-header .cart-item-image img {
    max-width: 100%;
    height: auto;
}

.col-header-options .dropdown-cart .cart-item .cart-item-content .cart-item-top .cart-item-header .cart-item-options {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.col-header-options .dropdown-cart .cart-item .cart-item-content .cart-item-top .cart-item-header .cart-item-options .btn-option {
    padding: 0;
    height: auto;
    padding: 0 0.313rem;
}

.col-header-options .dropdown-cart .cart-item .cart-item-content .cart-item-top .cart-item-header .cart-item-options .btn-option:first-child {
    margin-right: 0.313rem;
}

.col-header-options .dropdown-cart .cart-item .cart-item-content .cart-item-top .cart-item-header .cart-item-options svg {
    width: auto;
    height: 1.5rem;
    margin: 0;
}

.col-header-options .dropdown-cart .cart-item .cart-item-content .cart-item-bottom .cart-item-title {
    width: 100%;
    margin-bottom: 0;
}

.col-header-options .dropdown-cart .cart-item .cart-item-content .cart-item-bottom .cart-item-title a {
    display: flex;
    align-items: center;
    margin-bottom: 0.313rem;
}

.col-header-options .dropdown-cart .cart-item .cart-item-content .cart-item-bottom .cart-item-title a svg {
    width: 16px;
    height: auto;
    margin-left: 0.313rem;
}

.col-header-options .dropdown-cart .cart-item .cart-item-content .cart-item-bottom .cart-item-title h2 {
    font-size: 0.875rem;
    margin-bottom: 0.313rem;
    font-weight: 500;
}

.col-header-options .dropdown-cart .cart-item .cart-item-content .cart-item-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    align-self: flex-end;
    flex-basis: 100%;
}

.col-header-options .dropdown-cart .cart-item .cart-item-content .cart-item-bottom .cart-item-price {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    flex-basis: 100%;
    margin-bottom: 0.313rem;
}

.col-header-options .dropdown-cart .cart-item .cart-item-content .cart-item-bottom .cart-item-price del {
    margin-right: 0.625rem;
}

.col-header-options .dropdown-cart .cart-item .cart-item-content .cart-item-bottom .cart-item-price span {
    font-size: 1.5rem;
    margin-right: 3px;
}

.col-header-options .dropdown-cart .cart-item .cart-item-content .cart-item-bottom .cart-item-quantity {
    display: flex;
    align-items: center;
}

.col-header-options .dropdown-cart .cart-item .cart-item-content .cart-item-bottom .cart-item-quantity .form-group {
    margin-bottom: 0;
}

.col-header-options .dropdown-cart .cart-item .cart-item-content .cart-item-bottom .cart-item-quantity .form-group .input-group {
    align-items: center;
}

.col-header-options .dropdown-cart .cart-item .cart-item-content .cart-item-bottom .cart-item-quantity .form-group .btn {
    padding: 0 0.625rem;
}

.col-header-options .dropdown-cart .cart-item .cart-item-content .cart-item-bottom .cart-item-quantity .form-group .btn svg {
    width: 20px;
    height: auto;
    margin: 0;
}

.col-header-options .dropdown-cart .cart-item .cart-item-content .cart-item-bottom .cart-item-quantity .form-group .form-control {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 45px;
    font-size: 1rem;
    padding: 0;
    border: 0 none;
    -webkit-border-radius: 0.375rem;
    -moz-border-radius: 0.375rem;
    border-radius: 0.375rem;
}

.col-header-options .dropdown-cart .cart-total-price-holder {
    padding: 1rem;
}

.col-header-options .dropdown-cart .cart-total-price-holder .cart-total-price {
    position: relative;
    display: inline-block;
}

.col-header-options .dropdown-cart .cart-total-price-holder .cart-total-price .total-price {
    font-size: 2rem;
    font-weight: 500;
    line-height: 1;
    padding: 0.313rem 0;
}

.col-header-options .dropdown-cart .cart-total-price-holder .cart-total-price .total-price small {
    font-size: 1rem;
    margin-left: 0.313rem;
}

.col-header-options .dropdown-cart .cart-total-price-holder p {
    margin-bottom: 0;
}

.col-header-options .dropdown-cart .cart-total-price-holder .total-discount span {
    font-size: 1.25rem;
    font-weight: 500;
}

.col-header-options .dropdown-cart .cart-total-price-holder .total-discount small {
    font-size: 0.875rem;
    font-weight: 500;
    margin-left: 0.313rem;
}

.col-header-options .dropdown-cart .cart-total-price-holder p del {
    margin-left: 0.313rem;
}

.col-header-options .dropdown-cart .button-holder {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.col-header-options .dropdown-cart .button-holder .btn {
    display: inline-flex;
    width: 50%;
    justify-content: center;
    align-items: center;
}

.col-header-options .dropdown-cart .button-holder .btn:first-child {
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
    border-top-right-radius: 0;
    -webkit-border-bottom-left-radius: 0.625rem;
    -moz-border-radius-bottomleft: 0.625rem;
    border-bottom-left-radius: 0.625rem;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
}

.col-header-options .dropdown-cart .button-holder .btn:last-child {
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
    border-top-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0.625rem;
    -moz-border-radius-bottomright: 0.625rem;
    border-bottom-right-radius: 0.625rem;
}


/* Form */

/* Remove Arrows/Spinners */
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.form-group {
    margin-bottom: 1.75rem;
}

.form-group label {
    font-weight: 500;
    padding-left: 0.75em;
    margin-bottom: 0.25rem;
    width: 100%;
    padding-right: 2.5rem;
}

.invalid-feedback {
    padding-left: 0.75em;
    margin-top: 0.25rem;
    width: 100%;
    padding-right: 2.5rem;
    font-weight: 500;
}

.input-with-span {
    position: relative;
}

.input-with-span input {
    padding-right: 5.25rem;
}

.input-with-span span {
    position: absolute;
    right: 0.625rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.input-with-left-icon {
    position: relative;
}

.input-with-left-icon input {
    padding-left: 2.5rem;
}

.input-with-left-icon svg {
    width: 1rem;
    height: auto;
    position: absolute;
    left: 1rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 10;
}

.input-with-left-icon svg.ionicon {
    width: 1.25rem;
    height: auto;
    position: absolute;
    left: 1rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 10;
}

.input-with-right-icon {
    position: relative;
}

.input-with-right-icon input {
    padding-right: 2.5rem;
}

.input-with-right-icon svg {
    width: 1rem;
    height: auto;
    position: absolute;
    right: 1rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 10;
}

.input-with-right-icon svg.ionicon {
    width: 1.25rem;
    height: auto;
    position: absolute;
    right: 1rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 10;
}

label.btn {
    margin: 0;
    font-weight: 500;
    -webkit-appearance: initial;
}

.form-group .toggle-content {
    position: absolute;
    top: 100%;
    width: 100%;
    font-size: 0.75rem;
    font-weight: 500;
    padding: 0.313rem 0.75em;
    z-index: 1;
}

.form-group .form-control {
    height: 3.125rem;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem;
}

.form-control::placeholder {
    opacity: 1;
}

.form-control:disabled,
.form-control[readonly] {
    opacity: 1;
    cursor: not-allowed;
}

form .select-fields {
    margin-bottom: 2rem;
}

/* Choices autocomplete */
.choices {
    font-size: 0.875rem;
    margin-bottom: 0;
}

.choices__inner {
    padding: .375rem .75rem;
    -webkit-border-radius: .625rem;
    -moz-border-radius: .625rem;
    border-radius: .625rem;
    min-height: 3.125rem;
}

.login-section.host-register .choices__inner {
    min-height: 2.5rem;
}

.login-section.host-register .choices__input {
    height: 1.5rem;
}

.is-open .choices__inner {
    border-radius: 0.625rem 0.625rem 0 0;
}

.choices__list--dropdown,
.choices__list[aria-expanded] {
    border-radius: 0 0 .625rem 0.625rem;
    z-index: 2;
}

.choices[data-type*="select-multiple"]::after {
    content: "";
    border: 0 none;
    position: absolute;
    right: 11.5px;
    top: 50%;
    pointer-events: none;
}

.choices[data-type*="select-one"]::after,
.choices[data-type*="select-multiple"]::after {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border: 0 none;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 12px 12px;
    width: 12px;
    height: 12px;
    margin: 0;
    -webkit-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    -webkit-transform: translateY(-50%) rotate(0deg);
    -moz-transform: translateY(-50%) rotate(0deg);
    -ms-transform: translateY(-50%) rotate(0deg);
    -o-transform: translateY(-50%) rotate(0deg);
    transform: translateY(-50%) rotate(0deg);
}


.choices[data-type*="select-one"].is-open::after,
.choices[data-type*="select-multiple"].is-open::after {
    margin: 0;
    border: 0 none;
    -webkit-transform: translateY(-50%) rotate(18deg);
    -moz-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    -o-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}

.choices[data-type*="select-one"] .choices__list--dropdown .choices__item--selectable,
.choices[data-type*="select-one"] .choices__list[aria-expanded] .choices__item--selectable {
    padding-right: 10px;
}

.is-flipped.is-open .choices__inner {
    border-radius: 0 0 0.625rem 0.625rem;
}

.is-flipped .choices__list--dropdown,
.is-flipped .choices__list[aria-expanded] {
    border-radius: 0.625rem 0.625rem 0 0;
}

.choices__input,
.choices[data-type*="select-one"] .choices__input {
    background-color: transparent;
    font-size: 0.875rem;
    height: 1.875rem;
    margin: 0;
    padding: 0;
    vertical-align: middle;
}

.choices__list--multiple .choices__item {
    display: inline-flex;
    align-items: center;
    border: 0 none;
    margin: 0.313rem 0.625rem 0.313rem 0;
    height: 1.875rem;
    font-size: 0.875rem;
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem;
}

.choices[data-type*="select-one"] .choices__inner {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-right: 1.875rem;
    padding-bottom: 0.375rem;
}

.choices__list--multiple .choices__item.is-highlighted {
    border: 0 none;
}

.choices__list--multiple .choices__item[data-deletable],
.choices[data-type*="select-one"] .choices__list--single {
    padding-right: 0.625rem;
}

.choices[data-type*="select-one"] .choices__list--single {
    padding: 0;
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem;
}

.choices[data-type*="select-one"] .choices__list--single .choices__item {
    position: relative;
    display: block;
    align-items: center;
    border: 0 none;
    margin: 0;
    height: 1.875rem;
    padding: 4px 0;
    font-size: 1rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem;
}

.choices[data-type*="select-one"] .choices__button,
.choices[data-type*="select-multiple"] .choices__button {
    background-size: 1rem;
    width: 1rem;
    opacity: 1;
    border-left: 0 none;
    margin-right: 0;
    line-height: 1.5;
}

.choices[data-type*="select-one"] .choices__button {
    right: 10px;
}

.choices__list--dropdown .choices__item--selectable.is-highlighted::after,
.choices__list[aria-expanded] .choices__item--selectable.is-highlighted::after {
    opacity: 1;
}

.choices__list--dropdown .choices__item,
.choices__list[aria-expanded] .choices__item {
    font-size: 1rem;
}

@media (min-width: 992px) {

    .host-register .choices__list--dropdown .choices__list,
    .host-register .choices__list[aria-expanded] .choices__list {
        min-height: 370px;
    }
}

.preview-fields {
    margin-bottom: 2rem;
}

.upload-list {
    padding: 0.75rem 0.75rem;
    min-height: 2.5rem;
    max-height: 25rem;
    overflow-y: auto;
    overflow: -moz-scrollbars-none;
    scrollbar-width: none;
    -ms-overflow-style: none;
    overscroll-behavior: contain;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem;
}

.field-title h2 {
    font-size: 1.25rem;
    padding-bottom: 0.5rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
}

.data-title h3 {
    display: block;
    font-size: 0.875rem;
    font-weight: 500;
    margin-top: 0;
    padding-left: 0.75em;
    margin-bottom: 0.25rem;
}

.upload-fields {
    margin-bottom: 1rem;
}

.upload-fields>.form-group {
    margin-bottom: 2.75rem;
}

.upload-fields>.form-group~.form-group {
    margin-bottom: 1.75rem;
}

.upload-fields .form-group .form-field .btn-upload {
    width: 100%;
}

.upload-list .form-check {
    align-items: flex-start;
    padding-right: 0;
}


.upload-list .form-check {
    margin-bottom: 0.5rem;
}

.upload-list .form-check:last-child {
    margin-bottom: 0;
}

.upload-list .form-check .form-check-input {
    margin-top: 0;
    width: 1.75em;
    height: 1.75em;
}

.upload-list .media {
    flex-wrap: wrap;
    align-items: flex-start;
    position: relative;
    padding: 0.25rem 1rem 0.25rem 1rem;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-border-radius: 0.375rem;
    -moz-border-radius: 0.375rem;
    border-radius: 0.375rem;
}

.upload-list .media:not(:last-child) {
    margin-bottom: 0.5rem;
}

.upload-list .media .linked-documents {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    width: 100%;
}

.upload-list .media .linked-documents .title {
    width: 100%;
    display: block;
    font-size: 0.75rem;
    font-weight: 600;
    margin-bottom: 0.25rem;
}

.upload-list .media .linked-documents .btn {
    display: flex;
    align-items: center;
    padding: 0;
    margin-right: 1rem;
    text-decoration: none;
    font-size: 0.75rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.upload-list .media .linked-documents .btn .icon-holder {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1rem;
    height: 1rem;
    margin-left: 0.313rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.upload-list .media .linked-documents .btn .icon-holder svg {
    width: 0.75rem;
    height: 0.75rem;
}

.upload-list .media a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.upload-list .media .btn-link {
    padding: 0.5rem 4rem 0.5rem 0;
    height: auto;
    text-decoration: none;
    text-align: left;
}

.upload-list .media .btn-link:hover {
    text-decoration: underline;
}

.upload-list .media-image {
    justify-content: center;
    align-items: center;
    width: 2rem;
    height: 2rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.upload-list .media-image svg {
    width: 1.25rem;
    height: 1.25rem;
}

.upload-list .media-body {
    word-break: break-word;
}

.upload-list .media-options {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: absolute;
    top: 7px;
    right: 0.5rem;
}

.upload-list .media .btn-action {
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2rem;
    height: 2rem;
    z-index: 1;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.upload-list .media .btn-action svg {
    width: 1rem;
    height: 1rem;
}

form .select-fields .form-group:last-child {
    margin-bottom: 0;
}

form .preview-fields .form-group {
    margin-bottom: 1rem;
}

.form-group .select-holder {
    display: inline-block;
    width: 50%;
}

form .select-fields .form-group.label-title {
    margin-bottom: 0;
}

.form-text {
    font-size: 1em;
    padding-left: 0.75em;
}

.form-text-preview {
    font-size: 1em;
    font-weight: 500;
    font-style: italic;
    padding-left: 2rem;
}

.form-title {
    font-size: 1.25rem;
    font-weight: 500;
    margin-top: 2rem;
}

.form-title.style-2 {
    border: 0 none;
    margin: 0;
    padding: 0;
    font-weight: 500;
}

.form-title.style-2:not(:first-child) {
    margin-top: 2.5rem;
}

.form-title.style-2 h2 {
    font-size: 1.25rem;
    font-weight: 500;
    margin: 0;
    padding: 0;
}

.form-title.style-2 p {
    font-size: 0.875rem;
}

.form-control {
    font-size: 1rem;
    height: 3.125rem;
}

.input-group>.form-control {
    padding: 0 1rem;
    -webkit-border-top-left-radius: 1.563rem;
    -webkit-border-bottom-left-radius: 1.563rem;
    -moz-border-radius-topleft: 1.563rem;
    -moz-border-radius-bottomleft: 1.563rem;
    border-top-left-radius: 1.563rem;
    border-bottom-left-radius: 1.563rem;
}


.input-group .btn {
    height: 3.125rem;
    padding: 0 2rem;
}

textarea.form-control.height-10 {
    min-height: calc(10em + (.75rem + 2px));
}

.form-control.is-invalid~label,
.was-validated .form-control:invalid~label {
    opacity: 1;
}

.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
    box-shadow: none;
}

.form-control.input-with-icon {
    padding: 0 .75rem 0 3rem;
}

.form-floating {
    position: relative;
}

.form-floating>label {
    padding: 1.5rem 1.5rem 0 1.5rem;
}

.form-floating>.form-control {
    height: calc(4.5rem + 2px);
    padding: 1.5rem 1.5rem;
}

.form-floating>.form-select {
    height: calc(4.5rem + 2px);
    padding: 1.625rem 2.25rem .625rem 1.5rem;
    -moz-padding-start: 1.2rem;
}

/* Form floating with icon*/
.form-floating .form-control~.icon {
    position: absolute;
    left: -3.125rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 2.5rem;
    width: 2.5rem;
    background-image: none;
}

.form-floating>.form-control.is-invalid:not(:placeholder-shown)~label,
label.is-invalid,
.form-control.is-invalid~label,
.was-validated .form-control:invalid~label {
    opacity: 1;
}

.form-floating .form-control~.error {
    display: flex;
    align-items: center;
    position: absolute;
    right: -12.813rem;
    width: 12.5rem;
    top: 0;
}

.form-floating .form-control~.error span {
    flex: 1;
    margin-left: 0.313rem;
}

.form-floating .form-control~.error svg {
    position: relative;
    top: 0.313rem;
    min-width: 2.5rem;
    width: 2.5rem;
    -webkit-transform: rotate(170deg);
    -moz-transform: rotate(170deg);
    -ms-transform: rotate(170deg);
    -o-transform: rotate(170deg);
    transform: rotate(170deg);
}

.form-inline-button {
    display: flex;
    align-items: flex-end;
    height: 100%;
}

/* Browse button */
label.btn-browse {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2.25rem;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem;
    padding: 0 3rem;
}

.image-preview {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 2.5rem;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem;
}

.image-preview img {
    height: 2.25rem;
    width: auto;
}


/* Truncate */
.truncate {
    display: flex;
    width: 100%;
    white-space: nowrap;
}

.truncate p {
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
}

.truncate span {
    padding-left: 0.25rem;
}

.form-group .truncate {
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 0.125rem;
    padding-right: calc(2.5rem + 0.75em);
    padding-left: 0.75em;
}

.form-group .download-link a {
    text-decoration: none;
}

.form-group .download-link a:hover {
    text-decoration: underline;
}

.form-group .download-link a svg {
    width: 1.25rem;
    height: 1.25rem;
    margin-left: 0.125rem;
}


/* Select */
.form-select {
    height: 2.5rem;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.form-select.select-sm {
    height: 1.625rem;
    padding: 0 2.25rem 0 .75rem;
}

.form-select.multiple {
    height: auto;
}

.form-select:focus {
    box-shadow: none;
}

.form-select.select-pill {
    padding: .375rem 2.25rem .375rem 1.2rem;
    -moz-padding-start: calc(1.2rem - 3px);
    -webkit-border-radius: 1.563rem;
    -moz-border-radius: 1.563rem;
    border-radius: 1.563rem;
}

/* Form check */
.check-holder {
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem;
    padding: .375rem .75rem .375rem .75rem;
    margin-bottom: 0.313rem;
    max-height: 9.375rem;
    overflow-y: auto;
}

.check-holder .form-check:last-child {
    margin-bottom: 0;
}

.form-check {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 0.313rem;
    padding-right: 2rem;
}

.form-check.form-check-inline {
    display: inline-flex;
}

.form-check label {
    cursor: pointer;
    font-weight: 500;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
}

.form-check label a {
    font-weight: 500;
}

/* Form Check Media */
.cart-section.cart-payement .form-check label .media {
    align-items: flex-start;
}

.cart-section.cart-payement .form-check label .media-image svg {
    width: 2.5rem;
    height: auto;
}

.cart-section.cart-payement .form-check label .media-body p {
    margin-bottom: 0;
}

.cart-section.cart-payement .form-check label .media-body .media-title {
    font-size: 1.25rem;
    font-weight: 600;
}

.cart-section.cart-payement h2 {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 1.25rem;
}

.cart-section.cart-payement .form-check {
    align-items: flex-start;
}

.cart-section.cart-payement .form-check .form-check-input {
    margin-top: 0.375rem;
    margin-right: 1rem;
}

.cart-section.cart-payement .button-holder {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 1rem;
}

.cart-section.cart-payement .button-holder .btn {
    height: 3.125rem;
    font-weight: 600;
}

.accordion-item .form-check span {
    position: absolute;
    top: 50%;
    right: 0.5rem;
    font-weight: 500;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.accordion-item .form-check label {
    width: 100%;
    font-weight: 500;
}

.form-check .form-check-input {
    flex-shrink: 0;
    width: 1.75em;
    height: 1.75em;
    margin-top: 0;
    margin-right: 0.5rem;
    cursor: pointer;
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem;
}

.form-check-input:disabled~.form-check-label,
.form-check-input[disabled]~.form-check-label {
    cursor: not-allowed;
}

/* Form stacked */
.form-stacked .form-control,
.form-stacked .form-select {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-top: 0;
}

/* Form info */
.form-group .form-field {
    position: relative;
    padding-right: 2.5rem;
}

.login-content .form-group .form-field {
    padding-right: 0;
}

.check-fields .form-field {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding-right: 0;
}

.check-fields .form-field .form-check {
    padding-right: 0;
}

.check-fields .form-field .form-check-inline {
    margin-right: 1.25rem;
}

.check-fields .form-field .form-check-inline:last-child {
    margin-right: 0;
}

.btn-block {
    width: 100%;
}

.form-group .form-info {
    position: absolute;
    right: 0;
    bottom: 0;
    margin-left: 0.75rem;
}

.btn.btn-information {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    width: 2.5rem;
    height: 3.125rem;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.btn-information svg {
    width: 1.5rem;
    height: 1.5rem;
}

.form-group .form-info>svg {
    width: 1.25rem;
    height: auto;
}

.form-group .form-info .hover-notification {
    position: absolute;
    top: 0;
    left: 100%;
    display: flex;
    align-items: baseline;
    opacity: 0;
    visibility: hidden;
    padding-left: 0.5rem;
    font-size: 0.875rem;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.form-group .form-info .hover-notification svg {
    position: relative;
    top: -2.75rem;
    width: 4rem;
    height: auto;
    margin-right: 0.625rem;
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    transform: rotate(30deg);
}

.form-group .form-info .hover-notification span {
    position: absolute;
    left: 100%;
    bottom: calc(100% - 0.313rem);
    width: 8rem;
    margin-left: 0.5rem;
    font-size: 0.875rem;
    -webkit-transform: translateY(25%);
    -moz-transform: translateY(25%);
    -ms-transform: translatY(25%);
    -o-transform: translateY(25%);
    transform: translateY(25%);
}

.form-group .form-info:hover .hover-notification {
    opacity: 1;
    visibility: visible;
}

.form-group .form-info .btn-info {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    width: 2.25rem;
    height: 2.25rem;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.form-group .form-info .btn-info svg {
    width: 1.25rem;
    height: 1.25rem;
}

/* Datepicker */
.datepicker-dropdown .datepicker-picker {
    -webkit-box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.1);
}

.datepicker-cell.focused,
.datepicker-cell.selected,
.datepicker-cell.selected:hover {
    font-weight: 700;
}


/* Alerts */
.alert {
    display: flex;
    align-items: center;
    padding: 1rem 2rem;
    min-height: 4.625rem;
    margin-bottom: 3.125rem;
    -webkit-box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.1);
}

.alert-light {
    border: 0 none;
}

.alert-dismissible {
    padding-right: 6rem;
}

.alert-dismissible .btn-close,
.alert-dismissible .btn-ok {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    width: 2.75rem;
    height: 2.75rem;
    position: absolute;
    top: 50%;
    right: 2rem;
    text-transform: uppercase;
    opacity: 1;
    z-index: 2;
    box-sizing: border-box;
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem;
    border: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.alert-dismissible .btn-close {
    background-image: none;
}

.alert-dismissible .btn-close svg {
    width: 0.75rem;
    height: auto;
}

/* Toast */
.toast-container {
    position: fixed;
    padding: 0 0.75rem;
    top: 9.25rem;
    left: 50%;
    z-index: 1070;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.toast:not(.showing):not(.show) {
    opacity: 0;
    visibility: hidden;
}

.toast {
    position: relative;
    width: 34.5rem;
    border: 0 none;
    padding: 0.625rem 5.625rem 0.625rem 1.375rem;
    -webkit-box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.1);
    opacity: 1;
    visibility: visible;
}

.toast .toast-body {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    flex-basis: 100%;
    padding: 0.75rem 0;
}

.toast .toast-content {
    display: flex;
    flex-wrap: wrap;
    flex-basis: 100%;
    padding-left: 3.438rem;
}

.toast .toast-border {
    width: 0.375rem;
    min-width: 0.375rem;
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem;
}

.toast .toast-icon {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 2.5rem;
    height: 2.5rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.toast .toast-icon svg {
    width: auto;
    height: 1.25rem;
}

.toast h3 {
    width: 100%;
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: 0;
}

.toast p {
    width: 100%;
    margin-bottom: 0;
}

.toast a {
    font-weight: 500;
}

.toast ul {
    padding-left: 0;
    margin-bottom: 0;
}

.toast ul li {
    list-style: none;
}

.toast .svg-deco {
    width: auto;
    height: 1.875rem;
    position: absolute;
    top: 50%;
    right: 5.625rem;
    -webkit-transform: translateY(-50%) rotate(25deg);
    -moz-transform: translateY(-50%) rotate(25deg);
    -ms-transform: translateY(-50%) rotate(25deg);
    -o-transform: translateY(-50%) rotate(25deg);
    transform: translateY(-50%) rotate(25deg);
}

.toast .btn-close {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    margin: 0;
    width: 2.25rem;
    height: 2.25rem;
    position: absolute;
    top: 50%;
    right: 1.375rem;
    text-transform: uppercase;
    background-image: none;
    opacity: 1;
    z-index: 2;
    box-sizing: border-box;
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem;
    border: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.toast .btn-close svg {
    width: 0.75rem;
    height: auto;
}

/* Modal */
.modal-backdrop,
.my-backdrop,
.offcanvas-backdrop {
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
}

.login-section .global-form {
    background-color: transparent;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

.login-section .global-form .form-group label {
    padding-right: 0.75em;
}

.modal-backdrop.show {
    opacity: unset;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.custom-modal .modal-content {
    border: 0 none;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}

.custom-modal .modal-header {
    position: relative;
    justify-content: flex-start;
    border-bottom: 0 none;
    padding: 1.25rem 3.75rem 1.25rem 1.25rem;
}

.custom-modal .modal-header .btn-close {
    position: absolute;
    top: 50%;
    right: 1.25rem;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    margin: 0;
    width: 2.25rem;
    height: 2.25rem;
    background-image: none;
    opacity: 1;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.custom-modal .modal-header .btn-close svg {
    width: 0.75rem;
    height: auto;
}

.custom-modal .modal-icon-holder {
    margin-right: 1.25rem;
}

.custom-modal .modal-icon-holder svg {
    width: 4.375rem;
    height: auto;
}

.custom-modal .modal-header .modal-title {
    position: relative;
    font-size: 1.25rem;
    font-weight: 500;
}

.custom-modal .modal-header-content h5 {
    font-size: 1.25rem;
    font-weight: 500;
}

.custom-modal .modal-header-content p {
    margin-bottom: 0;
    font-weight: 500;
}

.custom-modal .modal-header-content p svg {
    width: 16px;
    height: auto;
    margin-left: 0.313rem;
    flex-shrink: 0;
}

.custom-modal .modal-body {
    padding: 1.25rem;
}

.custom-modal .modal-body p {
    line-height: 1.3;
}

.custom-modal .modal-body p.lead {
    font-size: 1rem;
    font-weight: 500;
}

.custom-modal .modal-header-content .modal-info>a {
    display: none;
}

.custom-modal .modal-header-content .modal-info {
    position: absolute;
    left: 100%;
    top: 50%;
    margin-left: 0.75rem;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
}

.custom-modal .modal-header-content .modal-info>svg {
    width: 1.25rem;
    height: auto;
}

.custom-modal .modal-header-content .modal-info .hover-notification {
    position: absolute;
    top: 0;
    left: 100%;
    display: flex;
    align-items: baseline;
    opacity: 0;
    visibility: hidden;
    padding-left: 1rem;
    font-size: 0.875rem;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.custom-modal .modal-header-content .modal-info .hover-notification svg {
    position: relative;
    top: 0.313rem;
    width: 3.75rem;
    height: auto;
    margin-right: 0.313rem;
    -webkit-transform: rotate(70deg);
    -moz-transform: rotate(70deg);
    -ms-transform: rotate(70deg);
    -o-transform: rotate(70deg);
    transform: rotate(70deg);
}

.custom-modal .modal-header-content .modal-info .hover-notification span {
    position: absolute;
    top: 100%;
    left: -1.25rem;
    width: 9.5rem;
    margin-left: 0;
    font-size: 0.75rem;
    line-height: 1.3;

}

.custom-modal .modal-header-content .modal-info:hover .hover-notification {
    opacity: 1;
    visibility: visible;
}

.custom-modal .modal-footer {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    border-top: 0 none;
    padding: 0.625rem 1.25rem 1.25rem 1.25rem;
}

.custom-modal .modal-footer .btn {
    padding: 0 3rem;
    margin: 0;
}

.custom-modal .modal-footer .btn:not(:last-child) {
    margin-right: 15px;
}

/* Document modal */
.document-modal .modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 1.25rem;
    height: 5rem;
    z-index: 10;
}

.document-modal .document-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.document-modal .select-holder {
    display: flex;
    align-items: center;
}

.document-modal .document-actions .select-holder {
    margin-right: 1rem;
    max-width: 15.5rem;
}

.document-modal .select-holder label {
    font-weight: 500;
    margin-right: 0.313rem;
}

.document-modal .document-actions .btn-action {
    padding: 0;
    margin: 0;
    width: 2.25rem;
    height: 2.25rem;
    flex-shrink: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.document-modal .document-actions .btn-action {
    margin-right: 1rem;
}

.document-modal .document-actions .btn-action svg {
    width: 1.25rem;
    height: auto;
}

.document-modal .document-actions .btn-close {
    position: relative;
    top: unset;
    right: unset;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    flex-shrink: 0;
}

.document-modal .modal-body {
    padding: 1.25rem 0 1.25rem 7rem;
}

.document-modal .document-holder {
    min-width: 0;
    padding: 0;
}

.document-modal .document-holder .image-holder {
    margin-top: -1.5rem;
}

.document-modal .document-holder .page-count {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    margin-left: -7rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 1.5rem;
    padding: 0 1rem 0 1.25rem;
    line-height: 1;
    font-weight: 600;
    font-size: 0.75rem;
    max-width: max-content;
    -webkit-border-top-right-radius: 1.563rem;
    -webkit-border-bottom-right-radius: 1.563rem;
    -moz-border-radius-topright: 1.563rem;
    -moz-border-radius-bottomright: 1.563rem;
    border-top-right-radius: 1.563rem;
    border-bottom-right-radius: 1.563rem;
    z-index: 2;
}

.document-modal .document-holder .document-page {
    position: relative;
    z-index: 1;
}

.document-modal .documents-list {
    position: relative;
    width: 20rem;
    min-height: 100%;
    padding: 0;
    z-index: 3;
}

.document-modal .documents-list .documents-col-holder {
    display: flex;
    flex-direction: column;
    position: fixed;
    top: 0;
    padding-top: 4.75rem;
    padding-bottom: 0;
    bottom: 0;
    width: 20rem;
    max-width: 100%;
    background-clip: padding-box;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    z-index: 3;
}

.document-modal .documents-list .documents-col-holder .documents-holder {
    padding: 1.5rem 1.25rem 4rem 1.25rem;
    overflow-y: auto;
    overflow: -moz-scrollbars-none;
    scrollbar-width: none;
    -ms-overflow-style: none;
    overscroll-behavior: contain;
    z-index: 3;
}

.document-modal .documents-list .documents-col-holder .documents-holder .document-page-item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem 0.75rem 0.75rem 0.75rem;
    border: 2px solid transparent;
    margin-bottom: 1.25rem;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.document-modal .documents-list .documents-col-holder .documents-holder .document-page-item .page-count {
    position: absolute;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0 1rem;
    height: 1.5rem;
    line-height: 1;
    -webkit-border-radius: 1.563rem;
    -moz-border-radius: 1.563rem;
    border-radius: 1.563rem;
}

.document-modal .document-holder .image-holder,
.document-modal .documents-list .documents-col-holder .documents-holder .document-page-item .image-holder,
.document-modal .document-holder .image-holder .image-holder-custom,
.document-modal .documents-list .documents-col-holder .documents-holder .document-page-item .image-holder .image-holder-custom {
    position: relative;
    overflow: hidden;
}

.document-modal .document-holder .highlighted-area,
.document-modal .document-page-item .image-holder .highlighted-area,
.document-modal .document-page-item .image-holder .image-holder-custom .highlighted-area{
    position: absolute;
    z-index: 1;
}

.document-modal .document-holder .highlighted-area {
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem;
}

.document-modal .modal-footer {
    padding: 0 1.25rem;
    height: 4rem;
    z-index: 10;
}


/* Buttons */
.btn {
    font-size: 0.875rem;
    font-weight: 500;
    height: 2.5rem;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.btn,
.btn:hover,
.btn:focus {
    border: 0 none;
}

.btn-categories {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.btn-categories .icon-holder {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.5rem;
    height: 2.5rem;
    margin-right: 0.5rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.btn-categories .icon-holder svg {
    right: unset;
    top: auto;
    margin: 0 !important;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

.col-categories .btn-group .btn:hover span {
    text-decoration: underline;
}

.col-categories .btn-group .btn:hover span,
.col-header-options .btn-group .btn:hover span {
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.btn-square-transparent-white,
.btn-square-blue,
.btn-square-gray,
.btn-square-pink,
.btn-square-red,
.btn-square-yellow,
.btn-square-black,
.btn-square-white,
.btn-square-green {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0 none;
    height: 2.25rem;
    padding: 0 3rem;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem;
}

.btn-square-outline-blue {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    height: 2.25rem;
    padding: 0 3rem;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem;
}

.btn-pill-blue,
.btn-pill-green,
.btn-pill-white,
.btn-pill-yellow,
.btn-pill-gray {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0 none;
    height: 2.25rem;
    padding: 0 3rem;
    -webkit-border-radius: 1.563rem;
    -moz-border-radius: 1.563rem;
    border-radius: 1.563rem;
}

/* Button SM */
.btn-sm {
    height: 1.625rem !important;
    padding: 0 0.5rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    border-radius: 0.25rem;
}

/* Opacity hover 0.8 */
.toast .btn-close:hover,
.aside-col .aside-header .btn:hover,
.footer>a:hover,
.blue-page-footer>a:hover,
.error-footer>a:hover,
.login-footer>a:hover,
.btn-square-yellow:hover,
.btn-pill-yellow:hover,
.btn-pill-blue:hover,
.btn-pill-green:hover,
.btn-pill-gray:hover,
.btn-pill-white:hover,
.btn-square-transparent-white,
.btn-square-blue:hover,
.btn-square-gray:hover,
.btn-square-pink:hover,
.btn-square-red:hover,
.btn-square-green:hover,
.btn-square-white:hover,
.btn-square-black:hover,
.btn-square-outline-blue:hover,
.aside-holder .aside-nav ul li .btn-link.new-request:hover,
.page-holder .page-header .page-header-content .form-select:hover,
.desktop-table .table-header .col .btn-sort:hover,
.desktop-table .col-actions .icon-holder .btn:hover,
.table-holder .controls-container .control:hover,
.btn-browse:hover,
.custom-modal .modal-header .btn-close:hover,
.inner-page-nav .page-nav-holder.content-center .page-nav-pagination-pagination .icon-holder a:hover .icon,
.footer .footer-content .social-links ul li a:hover {
    opacity: 0.8;
}

.btn.disabled:hover,
.btn:disabled:hover {
    opacity: 0.5;
}

/* Badges */
.badge {
    padding: 0.25em 0.5em;
}

.badge.badge-notification {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0.375rem;
    left: 50%;
    width: 0.625rem;
    height: 0.625rem;
    padding: 0;
    font-size: .875em;
    line-height: unset;
    z-index: 1;
    -webkit-transform: translate(-10%, -25%);
    -moz-transform: translate(-10%, -25%);
    -ms-transform: translate(-10%, -25%);
    -o-transform: translate(-10%, -25%);
    transform: translate(-10%, -25%);
}

.badge.badge-red-dot,
.badge.badge-yellow-dot,
.badge.badge-green-dot {
    position: absolute;
    top: 0;
    width: 0.625rem;
    height: 0.625rem;
    padding: 0;
    z-index: 1;
}

.arrow-box {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: max-content;
    height: 1.875rem;
    padding: 0 0.625rem;
    margin-right: 25px;
    font-size: 0.75rem;
    font-weight: 700;
    z-index: 3;
}

.arrow-box .arrow.down-left {
    width: 1.5rem;
    height: 1rem;
    position: absolute;
    top: calc(100% + 0.15rem);
    left: 0.5rem;
    -webkit-transform: translateY(-50%) rotate(0deg);
    -moz-transform: translateY(-50%) rotate(0deg);
    -ms-transform: translateY(-50%) rotate(0deg);
    -o-transform: translateY(-50%) rotate(0deg);
    transform: translateY(-50%) rotate(0deg);
    overflow: hidden;
    z-index: 1;
}

.arrow-box .arrow::after {
    content: "";
    position: absolute;
    width: 1.25rem;
    height: 1.25rem;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
    top: 0;
    left: 50%;
}

/* Header */
/* .header-container {
    position: sticky;
    position: -webkit-sticky;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1020;
} */
.header-container {
    position: relative;
    display: block;
    z-index: 1020;
}

.header {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    height: 5rem;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
}

.top-header-container {
    z-index: 1020;
}

.top-header {
    display: flex;
    align-items: center;
    height: 2.75rem;
    padding: 0 0.75rem;
    z-index: 1021;
}

.top-header .col-top-country {
    display: flex;
    align-items: center;
    min-width: 12.5rem;
}

.top-header .col-top-country .btn {
    display: flex;
    align-items: center;
    font-size: 0.813rem;
    font-weight: 500;
    padding: 0;
    text-decoration: none;
    filter: grayscale(100%);
}

.top-header .col-top-country .btn:hover {
    filter: grayscale(0%);
}

.top-header .col-top-country .btn.active,
.top-header .col-top-country .btn.active:hover {
    filter: grayscale(0%);
}

.top-header .col-top-country .btn:not(:last-child) {
    margin-right: 1rem;
}

.top-header .col-top-country svg {
    width: auto;
    height: 1.25rem;
    width: 1.25rem;
    margin-right: 0.5rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.top-header .col-promo {
    display: flex;
    align-items: center;
    justify-content: center;
}

.top-header .col-promo .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.813rem;
    font-weight: 500;
    padding: 0;
    text-decoration: none;
}

.top-header .col-info {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    min-width: 12.5rem;
}

.top-header .col-info ul {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
}

.top-header .col-info ul li {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    list-style: none;
}

.top-header .col-info ul li:not(:last-child) {
    margin-right: 0.625rem;
}

.top-header .col-info ul li a {
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    font-size: 0.813rem;
    font-weight: 500;
    text-transform: uppercase;
    padding: 0;
}


.top-header .col-info ul li a:hover,
.top-header .col-info ul li a:focus,
.header .col-header-center .header-center-holder nav ul li .btn-nav:hover span,
.col-header-options .btn-group .btn:hover .media-body span,
.col-header-options .btn-group .btn.show .media-body span {
    text-decoration: underline;
    text-underline-offset: 0.188rem;
}

.top-header .col-info ul li a svg {
    width: 1.25rem;
    height: 1.25rem;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.header>.container-fluid {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.header .col-logo,
.header .col-categories,
.header .col-header-options {
    display: flex;
    align-items: center;
}

.header .col-header-options {
    justify-content: flex-end;
    width: 10rem;
}

.header .col-logo {
    position: relative;
    width: 10rem;
}

.header .col-logo .logo-letters {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.header .logo img,
.header .logo svg {
    height: auto;
    width: 100%;
}

.header .col-header-center .header-center-holder,
.header .col-outlet {
    display: flex;
    justify-content: center;
    align-items: center;
}

.header .col-header-center .header-center-holder.search-open {
    position: relative;
}

.header .col-outlet .btn {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    margin-left: 1.5rem;
    text-decoration: none;
}

.header .col-outlet .btn:hover {
    text-decoration: underline;
}

.header .col-header-center .header-center-holder nav {
    display: block;
    width: 100%;
}

.header .col-header-center .header-center-holder nav ul {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0;
}

.header .col-header-center .header-center-holder nav>ul>li:not(:last-child) {
    margin-right: 0.625rem;
}

.header .col-header-center .header-center-holder nav ul.megamenu-list {
    display: block;
}

.header .col-header-center .header-center-holder nav ul.megamenu-list li a {
    display: block;
    padding: 0.25rem 0;
    font-size: 1rem;
}

.header .col-header-center .header-center-holder nav ul li {
    list-style: none;
}

.header .col-header-center .header-center-holder nav ul li .btn-nav {
    padding: 0;
    font-size: 1rem;
}

.header .col-header-center .header-center-holder nav ul li.dropdown-mega .btn-nav {
    padding: 0 1.875rem 0 0;
    font-size: 1rem;
}

.header .col-header-center .header-center-holder nav ul li .btn-nav svg {
    width: 0.625rem;
    height: 0.625rem;
    margin: 0;
}

.header .col-header-center .header-center-holder .search-box {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    max-width: 60vw;
}

.header .col-header-center .header-center-holder .header-search {
    position: absolute;
    width: 100%;
    z-index: 1;
    transition: none;
}

.header .col-header-center .header-center-holder .header-search.collapsing,
.header .col-header-center .header-center-holder .header-search.collapsing .form-control {
    display: none;
}

.header .col-header-center .header-center-holder .search-box .input-group .form-control {
    border-top-left-radius: 0.5rem !important;
    border-bottom-left-radius: 0.5rem !important;
    border-top-right-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
}

.header .col-header-center .header-center-holder .search-box .input-group.focused:before {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.1);
    content: '';
    height: 100vh;
    z-index: 0;
    cursor: default;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.header .col-header-center .header-center-holder .search-box .input-group .form-control.input-with-icon {
    padding: 0 .75rem 0 3rem;
}

.header .col-header-center .header-center-holder .search-box .input-group .select-holder {
    position: relative;
}

.header .col-header-center .header-center-holder .search-box .input-group .select-holder:before {
    content: "";
    height: 30px;
    width: 2px;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.header .col-header-center .header-center-holder .search-box .input-group .select-holder .form-select {
    max-width: 130px;
    min-width: 130px;
    border: 0 none;
    height: 50px;
    padding: .375rem 2.25rem .375rem 1rem;
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: .25rem;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-topright: .25rem;
    border-top-left-radius: 0;
    border-top-right-radius: .25rem;
    -webkit-border-bottom-right-radius: .25rem;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomright: .25rem;
    -moz-border-radius-bottomleft: 0;
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: 0;
}

.header .col-header-center .header-center-holder .search-box .input-group .button-holder {
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: .25rem;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-topright: .25rem;
    border-top-left-radius: 0;
    border-top-right-radius: .25rem;
    -webkit-border-bottom-right-radius: .25rem;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomright: .25rem;
    -moz-border-radius-bottomleft: 0;
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: 0;
}

.header .col-header-center .header-center-holder .search-box .input-group .button-holder .btn {
    border: 0 none;
    height: 2.5rem;
    font-size: 0.875rem;
    padding: 0 1rem 0 0.5rem;
}

.header .col-header-center .header-center-holder .search-box .input-group .button-holder .btn:hover {
    text-decoration: underline;
}

.header .btn svg {
    width: 1.375rem;
    height: 1.375rem;
    margin-right: 0.5rem;
}

.header .col-header-options .btn-group:not(:last-child) {
    margin-right: 1.25rem;
}

.btn-categories,
.header .col-header-options .btn-cart,
.header .col-header-options .btn-user,
.header .col-header-options .btn-search {
    padding: 0 0 0 0;
    border: 0 none;
}

.header .col-header-options .btn-cart .media-image,
.header .col-header-options .btn-user .media-image,
.header .col-header-options .btn-search .media-image {
    position: relative;
    margin-right: 0;
    justify-content: center;
    align-items: center;
}

.header .col-header-options .btn-group .badge-notification {
    top: 0;
    width: 1.125rem;
    height: 1.125rem;
    font-size: 0.75rem;
    font-weight: 400;
}

.header .col-header-options .btn-cart .media-image,
.header .col-header-options .btn-user .media-image,
.header .col-header-options .btn-search .media-image,
.header .col-header-options .btn-user img {
    width: 1.375rem;
    height: 2.5rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.header .col-header-options .btn-cart svg,
.header .col-header-options .btn-user svg,
.header .col-header-options .btn-search svg {
    width: 1.375rem;
    height: 1.375rem;
    margin-right: 0;
    right: unset;
}

.header .col-header-options .btn-icon {
    width: 1.875rem;
    padding: 0;
}

.header .col-header-options .btn-icon svg {
    margin-right: 0;
}

.header .col-header-options .btn-icon-dropdown {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    padding: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}


.header .col-header-options .btn-icon-dropdown svg {
    right: unset;
    margin: 0;
}

.col-header-options .btn-icon .badge.badge-notification-dot:empty,
.accreditation-timeline .timeline-item .item-content .item-progress .badge:empty,
.search-item-holder .item-content .content-col .badge:empty,
.location-status-holder .item-content .content-col .badge:empty,
.search-col .media-body .status .status-item .badge:empty {
    display: block;
}

.col-header-options .btn-icon .badge.badge-notification-dot {
    top: 3px;
}

/* Search */
.search-box svg.search-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 1rem;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 10;
}

.col-header-options .dropdown-cart .dropdown-content {
    max-height: 18.5rem;
    overflow-y: auto;
    overscroll-behavior: contain;
}

/* Autocomplete */
.autocomplete {
    position: absolute;
    top: calc(100% - 0.5rem);
    width: 100%;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    padding: 1.25rem 0 0.625rem 0;
    font-size: 14px;
    z-index: 5;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.search-results-holder {
    display: flex;
    align-items: flex-start;
    flex-basis: 100%;
    overflow: hidden;
}

.search-col {
    overflow: hidden;
}

.search-col:first-child {
    width: 15rem;
    padding-left: 0;
}

.search-col:last-child {
    flex: 1 0 0%;
}

.search-col .search-content {
    height: 50vh;
    padding: 0 1rem 1rem 1rem;
    overflow-x: hidden;
    overflow: -moz-scrollbars-none;
    scrollbar-width: none;
    -ms-overflow-style: none;
    overscroll-behavior: contain;
}

.search-results {
    display: none;
}

.search-results.active {
    display: block;
}

.search-col>h3 {
    padding-left: 1rem;
    padding-bottom: 0.625rem;
    font-size: 1.25rem;
    font-weight: 600;
}

.search-col .media {
    padding: 1rem 0;
}

.search-col .media:first-child {
    padding: 0.5rem 0 1rem 0;
}

.search-col .media:last-child {
    padding: 1rem 0 0 0;
}

.search-col .media:hover h3 {
    text-decoration: underline;
}

.search-col .media-image {
    position: relative;
}

.search-col .media-image::after {
    content: "";
    height: 100%;
    left: 0;
    mix-blend-mode: darken;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}

.search-col .media-image .top-sticker {
    top: 0.313rem;
    left: 0.313rem;
    height: 1.625rem;
    padding: 0 0.625rem;
    font-size: 0.75rem;
}

.search-col .media-image img {
    max-width: 6.5rem;
    height: auto;
}

.search-col .media-body h3 {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.search-col .media-body .status {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.search-col .media-body .status .status-item {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 0.75rem;
}

.search-col .media-body .item-price {
    position: relative;
    display: block;
    font-size: 1rem;
    font-weight: 600;
}

.search-col .media-body .item-price span {
    display: block;
    width: 100%;
}

/* .search-col .media-body .item-price.discount.animation {
    height: 1.875rem;
    overflow: hidden;
} */

.search-col .media-body .item-price.discount.animation>div>div {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    padding: 0;
    height: auto;
}


/* .search-col .media-body .item-price.discount.animation div:first-child {
    -webkit-animation: text-animation 9s infinite;
    /* Safari 4+ */

/*     -moz-animation: text-animation 9s infinite;
    /* Fx 5+ */

/*     -o-animation: text-animation 9s infinite;
    /* Opera 12+ */

/*     animation: text-animation 9s infinite;
    /* IE 10+, Fx 29+ */
/* } */

.search-col .media-body .item-price.discount.animation .animation-item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

/* .search-col .media-body .item-price.discount.animation .animation-item:last-child {
    font-size: 0.875rem;
    font-weight: 500;
} */

.search-col .vertical-menu {
    padding: 0;
    margin: 0;
}

.search-col .vertical-menu li {
    list-style: none;
}

.search-col .vertical-menu li a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    font-size: 1rem;
    font-weight: 500;
    padding: 0.5rem 0;
    -webkit-border-radius: 0.375rem;
    -moz-border-radius: 0.375rem;
    border-radius: 0.375rem;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    text-underline-offset: 0.188rem;
}

.search-col .vertical-menu li a:hover,
.search-col .vertical-menu li a.active {
    text-decoration: underline;
}

.search-col .media {
    position: relative;
}

/* Search page */
.search-item-holder {
    position: relative;
    margin-bottom: 3rem;
    -webkit-border-radius: 0.625rem;
    -moz-border-radius: 0.625rem;
    border-radius: 0.625rem;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.search-item-holder.company-item-holder {
    margin-top: 0;
    margin-bottom: 1rem;
}

.search-item-holder .item-header {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0 3.5rem 1rem 0;
    margin-bottom: 1rem;
}

.search-item-holder .item-title {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.search-item-holder .item-title h2,
.search-item-holder .item-title p {
    width: 100%;
}

.search-item-holder .item-title h1 {
    font-size: 1.25rem;
}

.search-item-holder .item-title h2 {
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: 0.313rem;
}

.search-item-holder .item-title p {
    margin-bottom: 0;
    font-size: 0.75rem;
}

.search-item-holder .item-header .download {
    position: absolute;
    top: 0;
    right: 0;
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.search-item-holder .item-header .download svg {
    width: 1.25rem;
    height: 1.25rem;
}

.search-item-holder .item-content .content-col,
.location-status-holder .item-content .content-col {
    margin-bottom: 1rem;
}

.search-item-holder .item-content .content-col h3,
.location-status-holder .item-content .content-col h3 {
    font-size: 0.875rem;
    font-weight: 500;
}

.search-item-holder .item-content .content-col ul,
.location-status-holder .item-content .content-col ul {
    margin: 0;
    padding: 0;
}

.search-item-holder .item-content .content-col ul li,
.location-status-holder .item-content .content-col ul li {
    list-style: none;
    display: flex;
    align-items: center;
    padding: 0.313rem 0;
    font-size: 0.75rem;
    padding: 0.125rem 0;
    margin-bottom: 0;
}

.search-item-holder .item-content .content-col ul li span:first-child,
.location-status-holder .item-content .content-col ul li span:first-child {
    font-weight: 500;
}

.search-item-holder .item-content .content-col ul li span:last-child,
.location-status-holder .item-content .content-col ul li span:last-child {
    line-height: 1;
    padding: 0.188rem 0;
}

.location-status-holder .item-content .content-col ul li span:first-child {
    min-width: 16rem;
    max-width: 16rem;
}

.search-item-holder .item-content .content-col:nth-child(2) ul li span:first-child {
    min-width: 9rem;
    max-width: 9rem;
}

.search-item-holder .item-content .content-col:first-child ul li span:first-child {
    min-width: 4rem;
    max-width: 4rem;
}

.search-item-holder .item-content .content-col:nth-child(3) ul li span:first-child {
    min-width: 6rem;
    max-width: 6rem;
}

.search-item-holder .item-content .content-col ul li span,
.location-status-holder .item-content .content-col ul li span {
    width: 100%;
    display: flex;
    align-items: center;
}

.search-item-holder .item-content .content-col ul li span a {
    text-decoration: underline;
    font-weight: 500;
}

.search-item-holder .item-content .content-col ul li span a:hover {
    text-decoration: none;
}

.search-col .media-body .status .status-item .badge,
.search-item-holder .item-content .content-col .badge,
.location-status-holder .item-content .content-col .badge {
    position: relative;
    top: 0;
    left: 0;
    margin-right: 0.25rem;
    padding: 0;
    width: 0.5rem;
    height: 0.5rem;
    flex-shrink: 0;
}

.search-item-holder .item-content .info-col {
    margin-bottom: 1rem;
}

.search-item-holder .item-content .info-col h3,
.location-col h3 {
    font-size: 0.875rem;
    font-weight: 500;
}

.search-item-holder .item-content .info-col .info-box {
    align-items: flex-start;
}

.search-item-holder .item-content .info-col .info-box p {
    font-size: 0.75rem;
    margin-bottom: 0.313rem;
}

.search-item-holder .item-content .info-col .info-box p:last-child {
    margin-bottom: 0;
}

.location-col {
    font-size: 0.75rem;
}

.location-col ul {
    padding-left: 0;
}

.location-col ul li {
    list-style: none;
}

/* Main slider */
.main-slider {
    margin-bottom: 1.5rem;
}

.main-slider-holder,
.main-slider-holder .splide,
.main-slider-holder .splide__track {
    -webkit-border-radius: 0.625rem;
    -moz-border-radius: 0.625rem;
    border-radius: 0.625rem;
    overflow: hidden;
}

.main-slider-holder .splide__slide a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.main-slider-holder .slider-button {
    position: absolute;
    bottom: 1rem;
    right: 1rem;
}

/* Feature Categories */
.splide-full-width .splide__track,
.feature-categories .splide__track {
    overflow: visible;
}

.feature-categories .splide .splide__slide {
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    background-color: transparent;
    padding: 0;
}

.feature-categories .splide .splide__slide img {
    width: auto;
    max-width: 100%;
}

.feature-categories .splide .splide__slide a span {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 1.4375rem;
    margin-top: 1.875rem;
    font-weight: 600;
}

.feature-categories .splide__arrow {
    top: calc(50% - 3rem);
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.splide-full-width .splide__arrow--prev,
.feature-categories .splide__arrow--prev {
    left: -1.5rem;
}

.splide-full-width .splide__arrow--next,
.feature-categories .splide__arrow--next {
    right: -1.5rem;
}

.splide__arrow {
    width: 3rem;
    height: 3rem;
    opacity: 1;
}

.splide__arrow svg {
    width: 1.5rem;
    height: 1.5rem;
}

.splide__pagination__page {
    width: 0.5rem;
    height: 0.5rem;
    opacity: 1;
}

.gallery-modal.custom-modal .modal-header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-color: transparent;
    z-index: 1;
}

.gallery-modal.custom-modal .modal-header .btn-close {
    background-color: transparent;
}

.gallery-container .main-carousel .splide__list {
    text-align: center;
}

.gallery-container .main-carousel .splide__list img {
    max-height: 80vh;
    width: auto;
}

.gallery-container .splide-thumbnails {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 1rem;
}

.splide__track--nav>.splide__list>.splide__slide {
    overflow: hidden;
    -webkit-border-radius: 0.625rem;
    -moz-border-radius: 0.625rem;
    border-radius: 0.625rem;
}

.splide__track--nav>.splide__list>.splide__slide img {
    -webkit-border-radius: 0.625rem;
    -moz-border-radius: 0.625rem;
    border-radius: 0.625rem;
}

.gallery-container .splide-thumbnails .splide__slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* .gallery-container .splide-thumbnails .splide__list {
    justify-content: center;
} */

.carousel-progress {
    margin-top: 1.875rem;
}

.carousel-progress-bar {
    height: 2px;
    transition: width 500ms ease;
    width: 0;
}

.design-details h2 {
    font-size: 3rem;
    font-weight: 600;
    text-align: center;
    margin-bottom: 5rem;
}

@media (min-width: 992px) {
    .design-details .splide .splide__list {
        transform: none !important;
        flex-wrap: wrap;
        width: 100%;
    }

    .design-details .splide .splide__slide.quarter-width {
        width: 25% !important;
        padding: 0 2.85%;
        margin-bottom: 2.5rem;
    }

    .design-details .splide .splide__slide.half-width {
        width: 50% !important;
        padding: 0 2.85%;
        margin-bottom: 2.5rem;
    }

    .design-details .splide .splide__slide:nth-child(1) {
        padding-left: 0;
    }

    .design-details .splide .splide__slide:nth-child(2),
    .design-details .splide .splide__slide:nth-child(4) {
        padding: 0;
    }

    .design-details .splide .splide__slide:nth-child(3),
    .design-details .splide .splide__slide:nth-child(5),
    .design-details .splide .splide__slide:nth-child(6) {
        padding-right: 0;
    }
}

.details-item h3 {
    font-size: 1rem;
    font-weight: 600;
    margin-top: 1rem;
}

/* Custom cursor
* {
    cursor: none !important;
}

#custom-cursor {
    position: fixed;
    z-index: 1050;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: none;
}

.cursor {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    border: 0 none;
    transition: all 200ms ease-out;
    position: fixed;
    pointer-events: none;
    left: 0;
    top: 0;
    transform: translate(calc(-50% + 15px), -50%);
}

.cursor2 {
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background: #fecb2e;
    opacity: .8;
    position: fixed;
    transform: translate(-50%, -50%);
    pointer-events: none;
    transition: width .3s, height .3s, opacity .3s;
}

.hover {
    background-color: #2ac38a;
    opacity: .8;
}

.cursorinnerhover {
    width: 30px;
    height: 30px;
    opacity: .5;
}*/

.gallery-splide-thumbnails {
    margin-top: 1rem;
}

.gallery-splide-thumbnails .splide__track--nav>.splide__list>.splide__slide {
    max-width: calc(25%);
    overflow: hidden;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 0.625rem;
}

.gallery-splide-thumbnails .splide__track--nav>.splide__list>.splide__slide img {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

/* Index section */
.stacked-section {
    margin-top: 2rem;
}

/* Section title */
.section-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1rem;
}

.section-title h2 {
    font-size: 1.25rem;
    font-weight: 500;
    padding: 0;
    margin-bottom: 0;
}

.section-title h2 a:hover,
.section-title h2 a:focus {
    text-decoration: none;
}

.view-all-link {
    display: flex;
    align-items: center;
    padding: 0.625rem 0;
    font-size: 0.875rem;
    font-weight: 500;
}

.view-all-link svg {
    width: 1.25rem;
    height: auto;
}

.view-all-link .icon-holder {
    margin-left: 0.313rem;
}

.section-title h2 span {
    font-size: 1.5rem;
    padding: 0 0.5rem 0.5rem 0.5rem;
    transform: translate(-50%, -50%);
    background-image: linear-gradient(#fecb2e, #fecb2e);
    background-size: 100% 3px;
    background-repeat: no-repeat;
    background-position: 0% 100%;
    transition: background-size .3s, background-position .3s ease-in-out;
}

.section-holder:hover .section-title h2 span {
    background-size: 100% 15%;
    background-position: 0% 100%;
    transition: background-position .3s, background-size .3s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

/* Index Featured categories */
.featured-categories,
.recommended-products,
.newsletter {
    margin-bottom: 1.5rem;
}

.featured-categories .categories-item {
    position: relative;
    padding: 0 1.5rem;
}

.featured-categories .categories-item:hover h3 {
    text-decoration: underline;
}

.featured-categories .categories-item h3 {
    font-size: 1rem;
    font-weight: 500;
    text-align: center;
    margin-bottom: 0;
}

.featured-categories .categories-item a {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.section-holder {
    padding: 0;
    -webkit-border-radius: 0.625rem;
    -moz-border-radius: 0.625rem;
    border-radius: 0.625rem;
    overflow: hidden;
}

.section-holder .splide {
    padding: 1rem 0 2rem 0;
}

.featured-categories .section-holder {
    overflow: visible;
}

.recommended-products-holder {
    padding: 2rem 1rem 0.5rem 1rem;
}

/* Newsletter */
.newsletter .section-holder {
    padding: 2rem;
}

.newsletter .section-holder h4 {
    font-weight: 500;
    width: 100%;
}

.newsletter .section-holder h4,
.newsletter .section-holder p {
    margin-bottom: 0;
}

.newsletter .section-holder .col-newsletter {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
}

.newsletter .section-holder .col-newsletter .input-group {
    justify-content: flex-end;
}

.newsletter .section-holder .form-control {
    max-width: 20rem;
    -webkit-border-top-left-radius: 1.563rem;
    -webkit-border-bottom-left-radius: 1.563rem;
    -moz-border-radius-topleft: 1.563rem;
    -moz-border-radius-bottomleft: 1.563rem;
    border-top-left-radius: 1.563rem;
    border-bottom-left-radius: 1.563rem;
}

.newsletter .section-holder .btn {
    height: 2.5rem;
}

/* Banners */
.main-banner .content-holder p.top-title {
    font-size: 1rem;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 1.25rem;
}

.main-banner .content-holder h1 {
    font-size: 3rem;
    font-weight: 600;
    margin-bottom: 1.25rem;
    line-height: 1.1;
}

.main-banner .content-holder p {
    font-size: 1.25rem;
    margin-bottom: 0;
}

.main-banner .content-holder .btn {
    margin-top: 2rem;
    font-size: 1rem;
    height: 3.5rem;
    font-weight: 600;
}

.main-banner .image-holder {
    width: 100%;
}

.main-banner .image-holder img {
    width: 100%;
    height: unset;
}

/* Index banner */
.index-banner {
    margin-bottom: 1.5rem;
}

.index-banner .banner-holder {
    position: relative;
    -webkit-border-radius: 0.625rem;
    -moz-border-radius: 0.625rem;
    border-radius: 0.625rem;
    overflow: hidden;
}

.index-banner .banner-button {
    position: absolute;
    bottom: 1rem;
    right: 1rem;
}

/* Listing banner */
.listing-banner {
    margin-bottom: 1.5rem;
}

.listing-banner-holder {
    position: relative;
    -webkit-border-radius: 0.625rem;
    -moz-border-radius: 0.625rem;
    border-radius: 0.625rem;
    overflow: hidden;
}

.listing-banner-holder .banner-button {
    position: absolute;
    bottom: 1rem;
    right: 1rem;
}

/* Aside */
.aside-col {
    position: relative;
    width: 20rem;
    min-height: 100%;
    padding: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    z-index: 1010;
}

.aside-col.collapse:not(.show) {
    display: block;
    position: relative;
    margin-left: -12.5rem;
    margin-right: 3rem;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.my-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    opacity: unset;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.aside-col.collapsing.collapse-horizontal {
    width: 15rem !important;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.aside-col-holder {
    display: flex;
    flex-direction: column;
    position: sticky;
    position: -webkit-sticky;
    top: 7.5rem;
    padding-top: 0;
    padding-bottom: 0;
    bottom: 0;
    width: 100%;
    max-width: 100%;
    background-clip: padding-box;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.aside-col.in-scroll .aside-col-holder {
    padding-top: 5rem;
}

.aside-col.collapse.show .aside-col-holder {
    visibility: visible;
}

.aside-col.collapsing .aside-col-holder {
    display: none;
}

.aside-holder {
    padding: 0 1.5rem 0 0;
    overflow-y: auto;
    overflow: -moz-scrollbars-none;
    scrollbar-width: none;
    -ms-overflow-style: none;
    overscroll-behavior: contain;
}

.product-aside .aside-holder {
    padding: 0 0 0 1.5rem;
    overscroll-behavior: unset;
}

.product-aside.aside-col-holder {
    top: 2.5rem;
    max-height: 100vh;
    overflow-y: auto;
    padding-bottom: 2.5rem;
}

.product-aside .item-description ul {
    padding: 0;
    margin: 0;
}

.product-aside .item-description ul li {
    list-style: none;
}

.product-aside .item-description span:first-child {
    font-weight: 600;
}

.product-aside .item-colors {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.product-aside .item-colors .btn {
    width: 2.5rem;
    height: 2.5rem;
    padding: 0.125rem;
    margin-right: 0.625rem;
    margin-bottom: 0.625rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.product-aside .item-colors .btn img {
    margin: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.product-aside .button-holder {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 1.875rem 0;
}

.product-aside .button-holder .btn {
    height: 3.125rem;
    margin: 0;
    flex-basis: 100%;
    z-index: 1;
}

.aside-holder.aside-accordion-holder {
    padding-top: 1.1rem;
}

.aside-holder.aside-accordion-holder .custom-accordion .accordion-body .form-check {
    align-items: flex-start;
    padding-right: 2.5rem;
}

.aside-holder.aside-accordion-holder .accordion-item .form-check span {
    top: 0.656rem;
    line-height: 1;
}

/*hide scroll bar web-kit browsers */
.aside-holder::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.aside-holder::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
}

.aside-holder::-webkit-scrollbar-thumb {
    background-color: transparent;
    outline: 0 solid transparent;
}

.aside-holder .aside-title {
    font-size: 1.5rem;
    font-weight: 600;
    padding-bottom: 0.5rem;
}

.product-aside .aside-holder .aside-title {
    padding-bottom: 0.75rem;
    border-bottom: 0;
}

.product-aside .aside-holder .aside-title h1 {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 0;
    line-height: 1.1;
}

.aside-col .aside-header {
    position: relative;
    padding: 0 0.75rem;
    margin-bottom: 1.5rem;
}

.aside-col .aside-header .btn {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 2.25rem;
    height: 2.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    border-radius: 0.25rem;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.aside-header .btn {
    padding: 0;
    border: 0 none;
}

.aside-header svg {
    width: 1.25rem;
    height: auto;
}

.aside-col.collapse:not(.show) .aside-header .btn svg {
    width: 1.875rem;
}

.aside-col.collapse.show .menu-icon,
.aside-col.collapse:not(.show) .close-icon,
.aside-col.collapsing .menu-icon,
.aside-col.collapsing .close-icon {
    display: none;
    opacity: 0;
    visibility: hidden;
}

.aside-col.collapse:not(.show) .menu-icon,
.aside-col.collapse .close-icon {
    display: block;
    opacity: 1;
    visibility: visible;
}

.aside-holder .aside-nav>.btn-link {
    text-decoration: none;
    padding-left: 0;
    padding-right: 0;
}

.aside-holder .aside-nav ul {
    padding: 0;
    margin: 0;
}

.aside-holder .aside-nav ul li {
    list-style: none;
}

.aside-holder .aside-nav ul li .btn {
    text-decoration: none;
    padding: 0.3rem 0;
    text-align: left;
    font-size: 0.75rem;
}

.aside-holder .aside-nav ul li .btn {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    font-weight: 500;
}

.aside-holder .aside-nav ul li .btn.active,
.aside-holder .aside-nav ul li span:last-child {
    font-weight: 700;
}

.aside-holder .aside-nav ul li span:first-child {
    margin-right: 0.5rem;
}

.aside-holder .aside-nav ul li .btn:hover span:first-child {
    text-decoration: underline;
}

.aside-holder .aside-nav ul li span:last-child {
    font-size: 0.75rem;
    padding: 0.25rem 0.5rem;
}

.aside-holder .aside-nav ul li .btn-link.new-request:hover span:first-child {
    text-decoration: none;
}

.aside-holder .aside-nav ul li .btn-link.new-request span:last-child {
    background-color: transparent;
    font-size: 0.75rem;
}

.aside-footer {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 1rem 0.75rem 2rem 0.75rem;
    width: 100%;
    z-index: 3;
}

.aside-footer .btn svg {
    width: 1rem;
    height: auto;
    margin-right: 0.5rem;
}

.page-container {
    min-width: 0;
}

/* Page section */
.page-section {
    padding: 5rem 0 0 0;
}

.page-section.splide-full-width,
.page-section.splide-products {
    overflow: hidden;
}

.page-section.splide-full-width h2 {
    font-size: 2.5rem;
    font-weight: 600;
    margin-bottom: 1.5rem;
}

.splide-products {
    position: relative;
}

.splide-products .col-title::before {
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 25%;
    z-index: 1;
}

.splide-products .col-title {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    z-index: 1;
}

.splide-products .title {
    position: relative;
    z-index: 2;
}

.splide-products .title h2 {
    font-size: 2.5rem;
    font-weight: 600;
    margin: 0;
    line-height: 1.1;
}

.splide-products .splide__track {
    overflow: visible;
}

.splide__arrow {
    top: 50%;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.splide-single .splide__arrow--prev,
.splide-double .splide__arrow--prev,
.splide-products .splide__arrow--prev {
    left: -1.5rem;
}

.splide-single .splide__arrow--next,
.splide-double .splide__arrow--next,
.splide-products .splide__arrow--next {
    right: -1.5rem;
}

.splide-single h2 {
    font-size: 2.5rem;
    font-weight: 600;
    text-align: center;
    margin-bottom: 1.5rem;
}

.splide-double h2 {
    font-size: 2.5rem;
    font-weight: 600;
    text-align: left;
    margin-bottom: 1.5rem;
}

/* Image Box */
.image-box .col {
    display: flex;
    align-items: center;
    justify-content: center;
}

.image-box.image-full-width .col {
    align-items: flex-start;
    justify-content: center;
}

.image-box.image-full-width h3 {
    padding: 3.5rem 0 5rem 0;
    font-size: 2rem;
    font-weight: 600;
}

.image-box.image-full-width h3 strong {
    font-weight: 700;
}

.image-box.image-left .col:first-child {
    order: 1;
}

.image-box.image-left .col:last-child {
    order: 2;
}

.image-box.image-right .col:first-child {
    order: 2;
}

.image-box.image-right .col:last-child {
    order: 1;
}

.image-box .content-holder {
    max-width: 28.75rem;
}

.image-box .content-holder .top-title {
    font-size: 1rem;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 1.25rem;
}

.image-box .content-holder h3 {
    font-size: 3rem;
    font-weight: 600;
    margin-bottom: 1.25rem;
    line-height: 1.1;
}

.image-box .content-holder p {
    font-size: 1.125rem;
    margin-bottom: 0;
}

.image-box .content-holder .btn {
    margin-top: 2rem;
    font-size: 1rem;
    height: 3.125rem;
    font-weight: 600;
}

/* Benefits */
.benefits-wrapper {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 1.875rem 1.25rem;
    -webkit-border-radius: 0.625rem;
    -moz-border-radius: 0.625rem;
    border-radius: 0.625rem;
}

.benefit-item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 33%;
    padding: 0.5rem 1.5rem;
    font-size: 1rem;
    font-weight: 600;
}

.benefit-item .media-image svg {
    width: auto;
    height: 1.875rem;
}

.latest-news h2,
.article-news h2 {
    font-size: 2.5rem;
    font-weight: 600;
    margin-bottom: 1.5rem;
}

.splide-double .image-holder,
.article-news .col .image-holder,
.latest-news .col .image-holder {
    margin-bottom: 1.875rem;
}

.splide-double .content-holder,
.latest-news .col .content-holder {
    padding: 0 2rem;
}

.article-news .col .content-holder {
    padding: 0;
}

.splide-double .content-holder h3,
.latest-news .col .content-holder h3 {
    font-size: 1.75rem;
    font-weight: 600;
    margin-bottom: 1rem;
}

.article-news .col .content-holder h3 {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 1rem;
}

.splide-double .content-holder p {
    margin-bottom: 0;
}

.latest-news .col .content-holder p {
    font-size: 1.2rem;
    margin-bottom: 0;
}

.article-news .col .content-holder p {
    font-size: 1rem;
}

/* Product item */
.product-item .image-holder,
.product-item .image-holder-custom,
.product-featured-image .image-holder,
.product-featured-item .image-holder {
    position: relative;
    margin-bottom: 1.5rem;
}

.product-item .image-holder img {
    display: none;
}

.product-item .image-holder img.main-1 {
    display: block;
}

.product-item .image-holder a:hover img.main-1 {
    display: none;
}

.product-item .image-holder a:hover img.main-2 {
    display: block;
}

.product-item .image-holder::after,
.product-item .image-holder-custom::after,
.product-featured-image .image-holder::after,
.product-featured-item .image-holder::after {
    content: "";
    height: 100%;
    left: 0;
    mix-blend-mode: darken;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}

.product-item h3 {
    font-size: 1.1875rem;
    font-weight: 600;
    margin-bottom: 0.25rem;
}

.product-item .item-price {
    position: relative;
    display: block;
    font-size: 1.1875rem;
    font-weight: 600;
    margin-bottom: 1.125rem;
}

.product-aside .item-price {
    position: relative;
    display: block;
    font-size: 1.375rem;
    font-weight: 600;
    margin-bottom: 1.125rem;
}

.product-item .item-price span,
.product-aside .item-price span {
    display: block;
    width: 100%;
}

.product-aside .item-price small {
    display: block;
    font-size: 0.875rem;
}

/* .product-item .item-price.discount.animation {
    height: 1.875rem;
    overflow: hidden;
} */

.product-item .item-price.discount.animation>div>div {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    padding: 0;
    height: auto;
}

/* .product-item .item-price.discount.animation div:first-child {
    -webkit-animation: text-animation 9s infinite;
    /* Safari 4+ */

/*     -moz-animation: text-animation 9s infinite;
    /* Fx 5+ */

/*     -o-animation: text-animation 9s infinite;
    /* Opera 12+ */

/*     animation: text-animation 9s infinite;
    /* IE 10+, Fx 29+ */
/* } */

.product-item .item-price.discount.animation .animation-item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

/* .product-item .item-price.discount.animation .animation-item:last-child {
    font-size: 1rem;
    font-weight: 500;
} */

.product-title h1 {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 1.25rem;
    line-height: 1.1;
}

.product-elements-holder {
    display: block;
    padding-top: 2.5rem;
}

.product-elements-holder .item-price {
    position: relative;
    display: block;
    font-size: 1.375rem;
    font-weight: 600;
    margin-bottom: 1.125rem;
}

.product-elements-holder .item-price span {
    display: block;
    width: 100%;
}

.product-elements-holder .item-price small {
    display: block;
    font-size: 0.875rem;
}

.product-elements-holder .item-colors {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.product-elements-holder .item-colors .btn {
    width: 2.5rem;
    height: 2.5rem;
    padding: 0.125rem;
    margin-right: 0.625rem;
    margin-bottom: 0.625rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.product-elements-holder .item-colors .btn img {
    margin: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.product-elements-holder .item-description ul {
    padding: 0;
    margin: 0;
}

.product-elements-holder .item-description ul li {
    list-style: none;
}

.product-elements-holder .item-description span:first-child {
    font-weight: 600;
}

.product-elements-holder .button-holder {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 1.875rem 0 0 0;
}

.product-elements-holder .button-holder .btn {
    height: 3.125rem;
    margin: 0;
    flex-basis: 100%;
    z-index: 1;
}


@keyframes text-animation {
    0% {
        top: 0px;
    }

    10% {
        top: 0px;
    }

    20% {
        top: -30px;
    }

    30% {
        top: -30px;
    }

    40% {
        top: -30px;
    }

    50% {
        top: -30px;
    }

    60% {
        top: -60px;
    }

    70% {
        top: -60px;
    }

    80% {
        top: -60px;
    }

    90% {
        top: 0px;
    }

    100% {
        top: 0px;
    }
}

@keyframes text-animation {
    0% {
        top: 0px;
    }

    10% {
        top: 0px;
    }

    20% {
        top: -30px;
    }

    30% {
        top: -30px;
    }

    40% {
        top: -30px;
    }

    50% {
        top: -30px;
    }

    60% {
        top: -60px;
    }

    70% {
        top: -60px;
    }

    80% {
        top: -60px;
    }

    90% {
        top: 0px;
    }

    100% {
        top: 0px;
    }
}

.product-item .item-colors {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.product-item .item-colors .color-option {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 1.75rem;
    height: 1.75rem;
    padding: 0.125rem;
    margin-right: 1rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

.product-item .item-colors .color-option img {
    width: 1.25rem;
    height: 1.25rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.product-item .item-colors .more-options {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0;
    text-align: left;
    line-height: 1;
}

.product-item .item-colors .more-options svg {
    width: 1.25rem;
    height: 1.25rem;
}

/* Product section */
.product-section {
    padding-top: 1.875rem;
}

.product-section .custom-accordion.product-accordion .accordion-button {
    padding: 2rem 0;
    font-size: 1.75rem;
}

.product-section .custom-accordion.product-accordion .accordion-body {
    padding-bottom: 2rem;
}

.product-section .custom-accordion.product-accordion .col:first-child .item-content {
    padding-right: 2.5rem;
}

.product-section .custom-accordion.product-accordion .col:last-child .item-content {
    padding-left: 2.5rem;
}

.product-section .custom-accordion.product-accordion .item-content h3,
.product-section .custom-accordion.product-accordion .dimensions-data h3 {
    font-size: 1rem;
    font-weight: 600;
}

.product-section .custom-accordion.product-accordion .item-content.overall-data h3:not(:first-child),
.product-section .custom-accordion.product-accordion .dimensions-data h3:not(:first-child) {
    margin-top: 1rem;
}

.product-section .custom-accordion.product-accordion .dimensions-data p,
.product-section .custom-accordion.product-accordion .item-content.overall-data p {
    margin: 0;
}

.product-section .custom-accordion.product-accordion .item-content ul {
    padding: 0;
    margin: 0;
}

.product-section .custom-accordion.product-accordion .item-content ul li {
    list-style: none;
}

ul.style-disc,
.product-section .custom-accordion.product-accordion .item-content ul.style-disc {
    padding-left: 0.875rem;
}

ul.style-disc li,
.product-section .custom-accordion.product-accordion .item-content ul.style-disc li {
    list-style-type: circle;
}

ul.style-disc li:not(:last-child),
.product-section .custom-accordion.product-accordion .item-content ul li:not(:last-child) {
    margin-bottom: 0.25rem;
}

.product-section .custom-accordion.product-accordion .media {
    align-items: flex-start;
    margin-bottom: 2rem;
}

.product-section .custom-accordion.product-accordion .media-image img {
    max-width: 12rem;
    margin-top: 0;
}

/* Contact section */
.contact-section .aside-col-contact .aside-col-holder {
    top: 2rem;
}

.contact-section .aside-holder {
    padding-top: 0.375rem;
}

.contact-section .aside-holder .aside-title {
    border-bottom: 0 none;
}

.contact-section .title {
    display: block;
    margin-bottom: 2rem;
}

.contact-section .title h1 {
    font-size: 3rem;
    font-weight: 600;
    line-height: 1;
}

.contact-section .title p {
    margin-bottom: 0;
}

.contact-section .service-item {
    display: block;
    width: 100%;
    padding: 2rem 0;
}

.contact-section .service-item h2 {
    font-size: 1.25rem;
    font-weight: 600;
}

.contact-section .service-item h3 {
    font-size: 1rem;
    font-weight: 600;
    margin-top: 1.875rem;
}

.offcanvas-contact-mobile .nav-aside ul,
.contact-section .nav-aside ul {
    padding: 0;
    margin: 0;
}

.offcanvas-contact-mobile .nav-aside ul li,
.contact-section .nav-aside ul li {
    list-style: none;
}

.offcanvas-contact-mobile .nav-aside ul li a,
.contact-section .nav-aside ul li a {
    display: inline-block;
    padding: 0.5rem 0;
    font-weight: 600;
    font-size: 1rem;
    text-decoration: none;
    text-underline-offset: 0.188rem;
}

.offcanvas-contact-mobile .nav-aside ul li.active a,
.offcanvas-contact-mobile .nav-aside ul li a:hover,
.contact-section .nav-aside ul li.active a,
.contact-section .nav-aside ul li a:hover {
    text-decoration: underline;
}

.contact-section .contact-info-holder ul {
    padding: 0;
    margin: 0;
}

.contact-section .contact-info-holder ul li {
    list-style: none;
    padding: 0.25rem 0;
}

.contact-section .toolbar-contact-holder {
    margin-top: 0.5rem;
    margin-bottom: 1.5rem;
}

/* Profile */
.profile-section .aside-col-contact .aside-col-holder {
    top: 2rem;
}

.profile-section .aside-holder {
    padding-top: 0.375rem;
}

.offcanvas-profile-mobile .profile-title {
    font-size: 1.5rem;
    font-weight: 600;
    padding-bottom: 0.5rem;
}

.offcanvas-profile-mobile .profile-title,
.profile-section .aside-holder .aside-title {
    border-bottom: 0 none;
    line-height: 1.1;
}

.offcanvas-profile-mobile .profile-title .media,
.profile-section .aside-holder .aside-title .media {
    align-items: flex-start;
}

.offcanvas-profile-mobile .profile-title .media-image,
.profile-section .aside-holder .aside-title .media-image {
    align-items: center;
    justify-content: center;
    width: 3.125rem;
    height: 3.125rem;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem;
}

.offcanvas-profile-mobile .profile-title .media-body,
.profile-section .aside-holder .aside-title .media-body {
    padding-top: 0.25rem;
    word-break: break-word;
}

.offcanvas-profile-mobile .profile-title p,
.profile-section .aside-holder .aside-title p {
    font-size: 0.875rem;
    font-weight: 400;
    margin-bottom: 0;
}

.profile-section .title {
    display: block;
    margin-bottom: 2rem;
}

.profile-section .title h1,
.profile-section.cart-section .title h1 {
    font-size: 3rem;
    font-weight: 600;
    line-height: 1;
    text-align: left;
}

.profile-section .title p,
.profile-section.cart-section .title p {
    margin-bottom: 0;
    text-align: left;
}

.offcanvas-profile-mobile .nav-aside ul,
.profile-section .nav-aside ul {
    padding: 0;
    margin: 0;
}

.offcanvas-profile-mobile .nav-aside ul li,
.profile-section .nav-aside ul li {
    list-style: none;
}

.offcanvas-profile-mobile .nav-aside ul li a,
.profile-section .nav-aside ul li a {
    display: inline-block;
    padding: 0.5rem 0;
    font-weight: 600;
    font-size: 1rem;
    text-decoration: none;
    text-underline-offset: 0.188rem;
}

.offcanvas-profile-mobile .nav-aside ul li.active a,
.offcanvas-profile-mobile .nav-aside ul li a:hover,
.profile-section .nav-aside ul li.active a,
.profile-section .nav-aside ul li a:hover {
    text-decoration: underline;
}

.profile-section .toolbar-profile-holder {
    margin-top: 0.5rem;
    margin-bottom: 1.5rem;
}

.profile-section .cart-holder {
    max-height: 30rem;
    overflow-y: auto;
    overflow: -moz-scrollbars-none;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.profile-section .cart-total-holder {
    position: relative;
    padding-top: 1.875rem;
    padding-bottom: 0;
}

.profile-section .cart-item-content time {
    display: block;
    font-size: 0.875rem;
    font-weight: 600;
    margin-bottom: 1rem;
}

.profile-section.cart-section .cart-item:first-child {
    padding-top: 0;
}

/* About Us */
.main-title h1 {
    font-size: 3rem;
    font-weight: 600;
    line-height: 1.1;
    margin-bottom: 1.25rem;
    text-align: center;
}

.main-content p {
    font-size: 1.125rem;
}

.main-content .button-holder {
    display: flex;
    align-items: center;
    justify-content: center;
}

.main-content .button-holder .btn {
    margin-top: 2rem;
    font-size: 1rem;
    height: 3.125rem;
    font-weight: 600;
}

/* Stickers */
.top-sticker {
    position: absolute;
    top: 1rem;
    left: 1rem;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2rem;
    padding: 0 1rem;
    font-weight: 600;
    text-transform: uppercase;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem;
}
.top-sticker-left{
    position: absolute;
    top: 1rem;
    right: 1rem;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2rem;
    padding: 0 1rem;
    font-weight: 600;
    text-transform: uppercase;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem;
}
/* Page holder */
.page-holder {
    padding: 0 0.75rem;
}

.page-holder .page-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2rem;
}

.page-holder .page-header h1 {
    margin-bottom: 0;
    line-height: 1;
    border-bottom: 0 none;
}

/* Listing page */
.page-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.page-title .title-text {
    display: flex;
    align-items: center;
    height: 100%;
}

.page-title .title-text h1 {
    font-size: 3rem;
    font-weight: 600;
    line-height: 1.1;
}

.page-title .title-image {
    display: block;
    width: 100%;
}

.toolbar-section-holder {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.toolbar-section {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    z-index: 10;
}

.toolbar-section .toolbar-holder {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-shrink: 0;
    padding: 0.5rem 0;
    margin-left: 3rem;
}

.toolbar-section .toolbar-holder label {
    display: flex;
    align-items: center;
    margin-right: 0.5rem;
    margin-bottom: 0;
    height: 2.5rem;
    font-weight: 600;
}

.listing-section {
    padding-top: 1.875rem;
}

.listing-section .product-item {
    margin-bottom: 1.875rem;
}

/* Active filters */
.active-filters-container {
    display: flex;
    padding: 0;
    margin-bottom: 0;
    -webkit-border-radius: 0.625rem;
    -moz-border-radius: 0.625rem;
    border-radius: 0.625rem;
}

.active-filters-slider-container {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    position: relative;
    padding: 0;
    overscroll-behavior: contain;
}

.active-filters-slider {
    position: relative;
    overflow-x: scroll;
    overflow: -moz-scrollbars-none;
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding: 0.5rem 0;
}

.active-filters-mask {
    overflow-x: visible;
    padding: 0;
}

.active-filters-content {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow: -moz-scrollbars-none;
    scrollbar-width: none;
    -ms-overflow-style: none;
    width: 100%;
}

.active-filters-content .btn:first-child {
    position: sticky;
    position: -webkit-sticky;
    z-index: 2;
    left: 0;
}

.active-filters-content .btn:nth-child(2) {
    position: relative;
    left: 0;
}

.active-filters-content .btn {
    display: flex;
    align-items: center;
    padding: 0;
    padding-right: 1rem;
    margin-right: 0.25rem;
    text-decoration: none;
}

.active-filters-content .btn:hover {
    text-decoration: underline;
    text-underline-offset: 0.188rem;
}

.active-filters-content .btn .icon-holder {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: 0.313rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    border-radius: 0.25rem;
}

.active-filters-content .btn svg {
    width: 1rem;
    height: 1rem;
}

/* Horizontal menu */
.horizontal-menu-container {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    flex-basis: 100%;
    padding: 0;
    margin-bottom: 1rem;
    overflow: hidden;
}

.horizontal-menu-container>h3 {
    font-size: 1rem;
    font-weight: 500;
    padding-bottom: 0.625rem;
    padding-left: 1rem;
    width: 100%;
}

.horizontal-menu-slider-container {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    position: relative;
    padding: 0 1rem;
}

.horizontal-menu-slider {
    position: relative;
    overflow-x: scroll;
    overflow: -moz-scrollbars-none;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.horizontal-menu-mask {
    overflow-x: visible;
    padding: 0;
}

.horizontal-menu-content {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow: -moz-scrollbars-none;
    scrollbar-width: none;
    -ms-overflow-style: none;

}

.horizontal-menu-content .btn {
    display: flex;
    align-items: center;
    padding: 0 1rem;
    margin-right: 1rem;
    text-decoration: none;
}

/*hide scroll bar web-kit browsers */
.horizontal-menu-slider::-webkit-scrollbar,
.horizontal-menu-content::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.horizontal-menu-slider::-webkit-scrollbar-track,
.horizontal-menu-content::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
}

.horizontal-menu-slider::-webkit-scrollbar-thumb,
.horizontal-menu-content::-webkit-scrollbar-thumb {
    background-color: transparent;
    outline: 0 solid transparent;
}

.horizontal-menu-slider-container .controls-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    visibility: hidden;
    opacity: 0;
}

.horizontal-menu-slider-container:hover .controls-container {
    width: 100%;
    visibility: visible;
    opacity: 1;
}

.horizontal-menu-slider-container .controls-container .control {
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.25rem;
    height: 2.25rem;
    cursor: pointer;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none;
    z-index: 10;
}

.horizontal-menu-slider-container .controls-container .control.left {
    left: 0;
}

.horizontal-menu-slider-container .controls-container .control.right {
    right: 0;
}

.horizontal-menu-slider-container .controls-container .control svg {
    width: 1rem;
    height: auto;
}

.page-holder .page-header.calendar-header {
    margin-bottom: 1rem;
}

.page-holder .page-header .page-header-content {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    flex-basis: 100%;
}

.page-holder .page-header .page-header-content .page-title {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-right: 1rem;
    min-height: 2.25rem;
    flex-basis: 100%;
}

.page-holder .page-header .page-header-content .info-box {
    margin-top: 1rem;
}

.info-box {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-basis: 100%;
    padding: 1.5rem;
    background-color: #f5f6f8;
    -webkit-border-radius: 0.375rem;
    -moz-border-radius: 0.375rem;
    border-radius: 0.375rem;
}

.info-box h3 {
    font-size: 1rem;
    font-weight: 500;
}

.info-box .info-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 2.5rem;
    height: 2.5rem;
    margin-right: 1rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.info-box .info-icon svg {
    width: auto;
    height: 1.25rem;
}

.info-box .info-icon .info-content {
    display: flex;
    flex-wrap: wrap;
}

.page-holder .page-header .page-header-content .info-content p {
    margin: 0;
}

.page-holder .page-header .page-header-content .page-title .button-holder {
    position: relative;
    margin-left: 1rem;
    padding-left: 1rem;
}

.page-holder .page-header .page-header-content .page-title .button-holder::before {
    content: "";
    height: 1.875rem;
    width: 1px;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.page-holder .page-header .page-header-content .page-title .button-holder .btn svg {
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.313rem;
}


.page-holder .page-header .page-header-content .page-title p {
    margin-bottom: 0;
}

.page-holder .page-header .page-header-content .icon-holder {
    position: absolute;
    top: 0;
    left: -2.5rem;
    bottom: 0;
    flex-shrink: 0;
    display: flex;
    align-items: center;
}

.page-holder .page-header .page-header-content .icon-holder img {
    height: 1.875rem;
    width: auto;
}

.page-holder .page-header .page-header-content .icon-holder svg {
    width: 1.875rem;
    height: 1.875rem;
}

.page-holder .page-header .page-header-content h1 {
    font-size: 1.5rem;
    line-height: 1;
    font-weight: 500;
    margin-bottom: 0;
}

.page-holder .page-header .page-header-content p {
    margin-top: 0.313rem;
}

.page-holder .page-header .page-header-content .form-select {
    position: relative;
    top: 1px;
    border: 0 none;
    padding-left: 0;
    height: 1.25rem;
    font-weight: 700;
}

.calendar-section .badge:empty {
    display: block;
}

.calendar-section {
    position: relative;
    width: 100%;
}

.calendar-section .calendar-months-holder {
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    flex-basis: 100%;
    flex-wrap: nowrap;
    height: 6.25rem;
    margin-bottom: 1rem;
    padding-bottom: 0.2rem;
    overflow-x: auto;
    /*hide scroll bar FF*/
    overflow: -moz-scrollbars-none;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.calendar-section .controls-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    visibility: hidden;
    opacity: 0;
}

.calendar-section:hover .controls-container {
    width: 100%;
    visibility: visible;
    opacity: 1;
}

.calendar-section .controls-container .control {
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.625rem;
    height: 100%;
    cursor: pointer;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    border-radius: 0.25rem;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none;
    z-index: 10;
}

.calendar-section .controls-container .control.left {
    left: 0;
}

.calendar-section .controls-container .control.right {
    right: 0;
}

.calendar-section .controls-container .control svg {
    width: 1rem;
    height: auto;
}

/*hide scroll bar web-kit browsers */
.calendar-section .calendar-months-holder::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.calendar-section .calendar-months-holder::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
}

.calendar-section .calendar-months-holder::-webkit-scrollbar-thumb {
    background-color: transparent;
    outline: 0px solid transparent;
}


.calendar-section .calendar-month-item {
    position: relative;
    display: inline-block;
    height: 2.625rem;
}

.calendar-section .calendar-month-item:not(:last-child) {
    margin-right: 2.75rem;
}

.calendar-section .calendar-month-item .btn {
    padding: 0;
    margin: 0;
    font-weight: 500;
    text-decoration: none;
}

.calendar-section .calendar-month-item p {
    position: absolute;
    bottom: calc(0% - 0.15rem);
    margin-bottom: 0;
    text-align: center;
    font-size: 0.75rem;
    font-weight: 400;
    width: 100%;
}

.calendar-section .calendar-month-item .month-name {
    position: relative;
    font-size: 0.875rem;
    font-weight: 700;
    padding: 0.15rem 0.5rem;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem;
}

.calendar-section .calendar-month-item .btn:hover {
    opacity: 1;
}

.calendar-section .calendar-month-item .month-name .item-badges {
    position: absolute;
    top: -0.875rem;
    left: 50%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.calendar-section .calendar-month-item .month-name .badge-holder {
    position: relative;
}

.calendar-section .calendar-month-item .month-name .badge-holder .badge {
    position: relative;
    width: 0.625rem;
    height: 0.625rem;
}

.calendar-section .calendar-month-item .month-name .badge-holder:not(:last-child) {
    margin-right: 0.25rem;
}

.calendar-section .calendar-month-item .month-name .badge-holder:nth-child(1) {
    z-index: 3;
}

.calendar-section .calendar-month-item .month-name .badge-holder:nth-child(2) {
    z-index: 2;
}

.calendar-section .calendar-month-item .month-name .badge-holder:nth-child(3) {
    z-index: 1;
}

.calendar-section .calendar-month-item .month-name .badge-holder .hover-notification {
    position: absolute;
    top: -2.625rem;
    left: -0.9rem;
    display: flex;
    align-items: flex-start;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.calendar-section .calendar-month-item .month-name .badge-holder span:hover~.hover-notification,
.calendar-section .calendar-month-item .month-name .badge-holder .btn-badge:hover~.hover-notification {
    opacity: 1;
    visibility: visible;
}

.calendar-section .calendar-scroll-holder {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    position: relative;
    overflow-x: scroll;
    overflow: -moz-scrollbars-none;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

/*hide scroll bar web-kit browsers */
.calendar-section .calendar-scroll-holder::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.calendar-section .calendar-scroll-holder::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
}

.calendar-section .calendar-scroll-holder::-webkit-scrollbar-thumb {
    background-color: transparent;
    outline: 0px solid transparent;
}

.calendar-section .calendar-days-holder {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 1rem;
    margin-bottom: 3rem;
}

.calendar-section .calendar-day-item {
    position: relative;
    display: inline-flex;
    align-items: flex-end;
    justify-content: center;
    flex-wrap: wrap;
    width: max-content;
    height: 2.5rem;
    font-size: 0.75rem;
}

.calendar-section .calendar-day-item:not(:last-child) {
    margin-right: 1rem;
}

.calendar-section .calendar-day-item.active {
    font-weight: 700;
}

.calendar-section .calendar-day-item.active:before {
    content: "";
    height: 1.5rem;
    width: 1px;
    position: absolute;
    top: calc(100% + 0.313rem);
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.calendar-section .calendar-day-item .month,
.calendar-section .calendar-day-item .day {
    display: block;
    text-align: center;
    width: 100%;
}

.calendar-section .calendar-day-item .month {
    font-weight: 700;
}

.calendar-section .calendar-days-content-holder {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-basis: 100%;
    margin-bottom: 2rem;
}

.calendar-section .calendar-days-content-holder .vacation-holder {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 2.5rem;
    font-size: 0.75rem;
    font-weight: 700;
    padding: 0 0.625rem;
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem;
}

.calendar-section .calendar-days-content-holder .vacation-holder.short {
    justify-content: center;
}

.calendar-section .calendar-days-content-holder .vacation-holder .badge-holder {
    position: absolute;
    bottom: 100%;
    left: 0.625rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: max-content;
    margin-bottom: 0.15rem;
}

.calendar-section .calendar-days-content-holder .vacation-holder .badge-holder .badge {
    position: relative;
    margin-right: 0.313rem;
}

.calendar-section .no-entry {
    display: block;
    text-align: center;
    width: 100%;
}

.calendar-section .no-entry .icon-holder {
    margin-bottom: 1rem;
}

.calendar-section .no-entry .icon-holder svg {
    width: 2.5rem;
    height: auto;
}

.calendar-section .no-entry .no-entry-content h3 {
    font-size: 1.25rem;
    margin-bottom: 1.25rem;
}


/* Table scroll */
.table-scroll {
    position: relative;
    width: 100%;
    z-index: 1;
    margin: 0;
    overflow-x: auto;
    /*hide scroll bar FF*/
    overflow: -moz-scrollbars-none;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.table-data .table-scroll {
    font-size: 0.75rem;
}

/*hide scroll bar web-kit browsers */
.table-scroll::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.table-scroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
}

.table-scroll::-webkit-scrollbar-thumb {
    background-color: transparent;
    outline: 0px solid transparent;
}

.table-scroll .dropdown-toggle.show:before {
    opacity: 0;
    visibility: hidden;
}

.table-scroll table {
    width: 100%;
    min-width: 100%;
    margin: auto;
    border-collapse: separate;
    border-spacing: 0;
}

.table-scroll th,
.table-scroll td {
    padding: 0.625rem 1.125rem;
    vertical-align: middle;
}

.table-scroll th {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
}

.table-scroll th:first-child,
.table-scroll td:first-child,
.table-scroll th:nth-child(2),
.table-scroll td:nth-child(2) {
    position: sticky;
    position: -webkit-sticky;
    z-index: 2;
}

.table-data .table-scroll th:nth-child(2),
.table-data .table-scroll td:nth-child(2) {
    position: relative;
    z-index: unset;
    left: unset;
}

.table-scroll th:first-child,
.table-scroll td:first-child {
    left: 0;
}

.table-scroll th:nth-child(2),
.table-scroll td:nth-child(2) {
    left: 57px;
}

.table-scroll th:last-child,
.table-scroll td:last-child {
    position: sticky;
    position: -webkit-sticky;
    right: 0;
    z-index: 2;
}

.table-scroll thead th {
    z-index: 1;
}

.table-scroll thead th:first-child,
.table-scroll thead th:nth-child(2) {
    font-weight: 500;
}

.table-scroll thead th {
    font-weight: 500;
}

/* safari and ios need the tfoot itself to be position:sticky also */
.table-scroll tfoot,
.table-scroll tfoot th,
.table-scroll tfoot td {
    position: sticky;
    position: -webkit-sticky;
    bottom: 0;
    padding: 1rem 1rem;
    font-weight: 500;
    z-index: 4;
}

.table-scroll thead th:first-child,
.table-scroll tfoot th:first-child,
.table-scroll thead th:nth-child(2),
.table-scroll tfoot th:nth-child(2) {
    z-index: 5;
}

.table-holder {
    position: relative;
}

.table-holder>h3 {
    font-size: 0.875rem;
    font-weight: 500;
}

.table-holder.table-data>h3 {
    margin-bottom: 0.313rem;
}

.table-holder.table-data>p {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 0.75rem;
}

.table-holder.table-data>p strong {
    font-weight: 500;
    margin-right: 0.313rem;
}

.table-holder.table-data>p span {
    width: 1.25rem;
    height: 1.25rem;
    display: inline-block;
    margin: 0 0.313rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.table-holder.table-data .table-scroll .table-title td:first-child {
    left: 0;
    border-left: 0 none;
}

.table-holder.table-data .table-scroll .table-title td {
    padding: 0;
}

.table-holder.table-data .table-title .col-table-title {
    padding: 0.25rem 1.125rem;
    font-weight: 500;
}

.table-holder.table-data {
    margin-top: 1rem;
    margin-bottom: 2.5rem;
}

.table-holder .table-options {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.table-holder .table-options .table-actions {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    flex-basis: 100%;
}

.table-holder .table-options .table-actions .btn .popover-holder {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    padding: 0;
}

.table-holder .table-search .form-group {
    margin-bottom: 0;
}

.table-holder .table-search .form-group .form-control {
    height: 2.25rem;
    min-width: 16rem;
}

.table-holder .controls-container {
    display: inline-flex;
    align-items: center;
}

.table-holder .controls-container .control {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.25rem;
    height: 2.25rem;
    cursor: pointer;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    border-radius: 0.25rem;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.table-holder .controls-container .control:not(:last-child) {
    margin-right: 0.625rem;
}

.table-holder .controls-container .control svg {
    width: 1rem;
    height: auto;
}

/* Desktop table */
.table-options .table-actions .btn-action,
.panel-body .panel-data .btn-action {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    padding: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.table-options .table-actions .btn-action svg,
.panel-body .panel-data .btn-action svg {
    width: 1.25rem;
    height: 1.25rem;
}

.table-options .table-actions .btn,
.table-options .table-actions .btn-action {
    margin-right: 0.625rem;
}

.table-options .table-actions .btn-action:last-of-type {
    margin-right: 1rem;
}

.desktop-table .table-header {
    padding-bottom: 0.625rem;
    font-weight: 500;
}

.desktop-table .table-header th:nth-last-child(2),
.desktop-table .table-content td:nth-last-child(2) {
    border-right: 0 none !important;
}

.desktop-table .table-header .col {
    height: 1.875rem;
}

.desktop-table .table-header .col .btn-sort {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-basis: 100%;
    height: 1.875rem;
    padding: 0;
    border: 0 none;
    font-weight: 500;
    padding-right: 1.25rem;
}

.desktop-table .table-header .col .btn-sort .badge-notification {
    top: 50%;
    left: -0.75rem;
    width: 0.5rem;
    height: 0.5rem;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.desktop-table .table-header .col .btn-sort:hover {
    border: 0 none;
}

.desktop-table .table-header .col .btn-sort svg {
    right: 0;
    width: 0.625rem;
    height: 0.625rem;
    margin: 0;
}

.desktop-table tbody tr th,
.desktop-table tbody tr td {
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.desktop-table .table-content th .col,
.desktop-table .table-content td .col {
    position: relative;
    padding: 0;
    min-height: 2rem;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.desktop-table .table-content .row:last-child {
    border: 0 none;
}

.desktop-table .table-header .col,
.desktop-table .table-content .col {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.desktop-table .table-header .col {
    font-weight: 500;
}

.desktop-table .table-header .col .dropdown-menu .dropdown-item {
    position: relative;
    padding-right: 2rem;
}

.desktop-table .table-header .col .dropdown-menu .dropdown-item.active::after {
    position: absolute;
    top: 50%;
    right: 0.5rem;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1.25rem;
    height: 1.25rem;
}

.desktop-table .table-header .col .dropdown-menu .dropdown-item svg {
    width: 1.25rem;
    height: 1.25rem;
    position: absolute;
    right: 0.5rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.desktop-table .col-check {
    min-width: 1.25rem;
    max-width: 1.25rem;
}

.desktop-table .col-ordinal {
    min-width: 2.5rem;
    font-weight: 500;
}

.desktop-table .col-file-number {
    min-width: 8.5rem;
    font-weight: 500;
}

.desktop-table .col-accreditation {
    min-width: 24rem;
}

.desktop-table .col-extrasmall {
    min-width: 1.25rem;
    max-width: 1.25rem;
}

.desktop-table .col-smaller {
    min-width: 3rem;
    max-width: max-content;
}

.desktop-table .col-small {
    min-width: 10rem;
    max-width: max-content;
}

.desktop-table .col-medium {
    min-width: 13rem;
    max-width: min-content;
}

.desktop-table .col-large {
    min-width: 20rem;
    max-width: min-content;
}

.desktop-table.data-table .col-large {
    min-width: 18rem;
    max-width: min-content;
}

.desktop-table .col-location {
    min-width: 4rem;
}

.desktop-table .col-location .highlight:not(:last-child) {
    margin-right: 0.313rem;
}

.desktop-table .col-check .form-check {
    margin-bottom: 0;
    padding-right: 0;
}

.desktop-table .col-check .form-check .form-check-input {
    margin-right: 0;
}

.custom-accordion .form-check .form-check-input,
.accordion-footer .form-check .form-check-input {
    width: 1.75em;
    height: 1.75em;
}

.custom-accordion .accordion-header {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: unset;
}

.desktop-table .col-date {
    min-width: 5.5rem;
}

.desktop-table .col-submitted {
    min-width: 6rem;
}

.desktop-table .col-processed {
    min-width: 6rem;
}

.desktop-table .col-status {
    min-width: 7rem;
}

.desktop-table .col-actions {
    min-width: 3rem;
}

.desktop-table .col-actions .icon-holder {
    position: relative;
}

.desktop-table .col-actions .icon-holder .btn-action {
    width: 1.875rem;
    padding: 0;
}

.desktop-table .col-actions .icon-holder .btn-action .popover-holder {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.875rem;
    height: 2.25rem;
}

.desktop-table .col-actions .icon-holder .btn-action:disabled {
    opacity: 1;
}

.desktop-table .col-actions .icon-holder svg {
    width: 1.125rem;
    height: 1.125rem;
}

.desktop-table .table-content .tr-collapse td {
    padding: 0;
    border: 0 none;
    background-color: #ffffff;
}

/* pagination */
.page-pagination {
    margin-top: 4.5rem;
    margin-bottom: 0;
    padding: 1.875rem 0;
}

.table-footer {
    padding: 1.25rem 0 4.5rem 0;
}

.page-pagination .pagination-holder,
.table-footer .table-footer-holder {
    display: flex;
    align-items: center;
}

.page-pagination .pagination-holder .form-select,
.table-footer .table-footer-holder .form-select {
    height: 2.25rem;
    max-width: 13rem;
}

.page-pagination .pagination-holder.content-left,
.table-footer .table-footer-holder.content-left {
    justify-content: flex-start;
}

.table-footer .table-footer-holder.content-left .form-check {
    margin-left: 1rem;
    margin-right: 1.5rem;
    margin-bottom: 0;
}

.accordion-footer .accordion-footer-holder.content-left label,
.table-footer .table-footer-holder.content-left label {
    margin-right: 0.625rem;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 500;
}

.accordion-footer .accordion-footer-holder.content-left .form-control,
.table-footer .table-footer-holder.content-left .form-control {
    width: 4.5rem;
    height: 2.125rem;
}

.page-pagination .pagination-holder.content-left label {
    margin-right: 1rem;
}

.page-pagination .pagination-holder.content-center,
.table-footer .table-footer-holder.content-center {
    justify-content: center;
}

.page-pagination .pagination-holder.content-right,
.table-footer .table-footer-holder.content-right {
    justify-content: flex-end;
}

.page-pagination .pagination-holder.content-right .pagination-total-pages,
.table-footer .table-footer-holder.content-right .table-footer-total-pages {
    margin-right: 1rem;
}

.page-pagination .pagination-holder.content-left .form-control {
    width: 3.625rem;
    height: 2.25rem;
}

.page-pagination .pagination-holder.content-right .form-select,
.table-footer .table-footer-holder.content-right .form-select {
    width: 4.625rem;
}

/* Data Card */
.data-card {
    display: block;
    width: 100%;
    margin-bottom: 2rem;
}

.data-card .data-header,
.data-card .data-content {
    display: flex;
    flex-direction: row;
}

.data-card .data-header-col,
.data-card .data-col {
    display: flex;
    align-items: center;
    padding: 0.625rem 0.75rem;
    font-size: 0.75rem;
    font-weight: 500;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.data-card .data-header-col {
    position: relative;
    height: 3rem;
    font-weight: 500;
}

.data-card .data-header-col.item-col,
.data-card .data-col.item-col {
    min-width: 6rem;
    max-width: 6rem;
}

.data-card .data-header-col.col-actions,
.data-card .data-col.col-actions {
    min-width: 10rem;
    max-width: 10rem;
    justify-content: center;
}

.data-card .data-col.col-actions {
    position: relative;
    min-height: 2rem;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.data-card .data-col.col-actions .icon-holder .btn-action .popover-holder {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.875rem;
    height: 1.875rem;
}

.data-card .data-header-col.col-actions .btn {
    width: 100%;
    height: 1.875rem;
    padding: 0;
    font-size: 0.75rem;
}

.data-card .data-col.col-actions .icon-holder {
    position: relative;
}

.data-card .data-col.col-actions .icon-holder .btn-action {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.875rem;
    height: 1.875rem;
    padding: 0;
}

.data-card .data-col.col-actions .icon-holder svg,
.data-card .desktop-table .col-actions .icon-holder svg {
    width: 1rem;
    height: 1rem;
}

.data-card .data-col.col-actions .icon-holder .btn-action svg.chevron {
    width: 0.75rem;
    height: 0.75rem;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.data-card .data-col.col-actions .icon-holder .btn-action.collapsed svg.chevron {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}

.data-card .table-holder.table-data {
    margin-top: 0;
    margin-bottom: 0;
    padding: 1rem 0.75rem 1rem 0.75rem;
}

.data-card .table-holder .table-options {
    margin-bottom: 0.625rem;
}

.data-card .table-holder .controls-container .control {
    width: 1.875rem;
    height: 1.875rem;
}

.data-card .table-options .table-actions .btn {
    width: 8.5rem;
    padding: 0;
    height: 1.875rem;
    font-size: 0.75rem;
}

/* Data Card Mobile */
.mob-data-card {
    display: block;
    width: 100%;
    margin-bottom: 2rem;
    padding: 0.625rem 0 0 0;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem;
    overflow: hidden;
}

.mob-data-card .data-header {
    display: block;
    width: 100%;
    padding: 0 0.625rem 0.625rem;
}

.mob-data-card .data-header .header-options {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-basis: 100%;
}

.mob-data-card .header-options .btn-action {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.875rem;
    height: 1.875rem;
    padding: 0;
}

.mob-data-card .header-options .btn-action:not(:last-child) {
    margin-right: 0.625rem;
}

.mob-data-card .header-options .btn-action .popover-holder {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.875rem;
    height: 1.875rem;
}

.mob-data-card .header-options .btn-action svg {
    width: 1.25rem;
    height: 1.25rem;
}

.mob-data-card .header-options .btn-action svg.add {
    width: 1.5rem;
    height: 1.5rem;
}

.mob-data-card .header-options .btn-action svg.chevron {
    width: 1rem;
    height: 1rem;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.mob-data-card .header-options .btn-action.collapsed svg.chevron {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}

.mob-data-card .data-content {
    display: block;
    width: 100%;
    padding: 0.625rem;
}

.mob-data-card .data-content ul.card-data {
    padding-left: 0;
    margin-bottom: 0;
}

.mob-data-card .data-content ul.card-data li {
    list-style: none;
    padding: 0.313rem 0;
}

.mob-data-card .data-content ul.card-data li span {
    display: block;
    width: 100%;
}

.mob-data-card .data-content ul.card-data li span:first-child {
    font-weight: 500;
}

/* Data Locations */
.modal-actions {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 2.25rem;
}

.data-location {
    display: block;
    width: 100%;
    margin-bottom: 2rem;
}

.data-location .data-header,
.data-location .data-content {
    display: flex;
    flex-direction: row;
}

.data-location .data-header-col,
.data-location .data-col {
    display: flex;
    align-items: center;
    padding: 0.625rem 0.75rem;
    font-weight: 500;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.data-location .data-header-col {
    position: relative;
    height: 3rem;
    font-weight: 500;
}

.data-location .data-header-col.item-col,
.data-location .data-col.item-col {
    min-width: 6rem;
    max-width: 6rem;
}

.data-location .data-header-col.col-marking,
.data-location .data-col.col-marking {
    min-width: 6rem;
    max-width: 6rem;
    justify-content: flex-start;
}

.data-location .data-header-col.col-actions,
.data-location .data-col.col-actions {
    min-width: 7rem;
    max-width: 7rem;
    justify-content: flex-start;
}

.data-location .data-col.col-actions {
    position: relative;
    min-height: 2rem;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.data-location .data-col.col-actions .icon-holder .btn-action .popover-holder {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.875rem;
    height: 1.875rem;
}

.data-location .data-header-col.col-actions .btn {
    width: 100%;
    height: 1.875rem;
    padding: 0;
    font-size: 0.75rem;
}

.data-location .data-col.col-actions .icon-holder {
    position: relative;
}

.data-location .data-col.col-actions .icon-holder .btn-action {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.875rem;
    height: 1.875rem;
    padding: 0;
}

.data-location .data-col.col-actions .icon-holder svg,
.data-location .desktop-table .col-actions .icon-holder svg {
    width: 1.125rem;
    height: 1.125rem;
}

.data-location .custom-accordion ul.accordion-data li span:first-child {
    min-width: 5rem;
    max-width: 5rem;
    font-weight: 500;
    margin-right: 0.313rem;
}

/* inner-page-nav */
.inner-page-nav {
    margin: 1.875rem 0;
    padding: 2.5rem 0;
}

.inner-page-nav .page-nav-holder {
    display: flex;
    align-items: center;
}

.inner-page-nav .page-nav-holder.content-center {
    justify-content: center;
}

.inner-page-nav .page-nav-holder.content-center .page-nav-pagination-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 3rem;
}

.inner-page-nav .page-nav-holder.content-center .page-nav-pagination-pagination a {
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.inner-page-nav .page-nav-holder.content-center .page-nav-pagination-pagination .icon-holder a {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.inner-page-nav .page-nav-holder.content-center .page-nav-pagination-pagination .icon-holder a:hover,
.inner-page-nav .page-nav-holder.content-center .page-nav-pagination-pagination .icon-holder a:focus,
.inner-page-nav .page-nav-holder.content-center .page-nav-pagination-pagination .icon-holder a.disabled:hover span,
.inner-page-nav .page-nav-holder.content-center .page-nav-pagination-pagination .icon-holder a.disabled:focus span {
    text-decoration: none;
}

.inner-page-nav .page-nav-holder.content-center .page-nav-pagination-pagination a {
    position: relative;
    padding: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.inner-page-nav .page-nav-holder.content-center .page-nav-pagination-pagination .icon-holder a.disabled {
    opacity: 0.5;
}

.inner-page-nav .page-nav-holder.content-center .page-nav-pagination-pagination .icon-holder:first-child a span {
    margin-left: 0.625rem;
}

.inner-page-nav .page-nav-holder.content-center .page-nav-pagination-pagination .icon-holder:last-child a span {
    margin-right: 0.625rem;
}

.inner-page-nav .page-nav-holder.content-center .page-nav-pagination-pagination .icon-holder a:hover span {
    text-decoration: underline;
}

.inner-page-nav .page-nav-holder.content-center .page-nav-pagination-pagination .icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    height: 2.25rem;
    width: 2.25rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.inner-page-nav .page-nav-holder.content-center .page-nav-pagination-pagination .icon svg {
    width: 1rem;
    height: 1rem;
}

.inner-page-nav .page-nav-holder.content-center .page-nav-pagination-pagination svg {
    position: absolute;
    top: 50%;
    width: 2rem;
    height: auto;
    flex-shrink: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.inner-page-nav .page-nav-holder.content-center .page-nav-pagination-pagination .page-nav-pagination-pages-count {
    width: 9.375rem;
    font-weight: 500;
    text-align: center;
}

.inner-page-nav .page-nav-holder.content-right {
    justify-content: flex-end;
}

.inner-page-nav .page-nav-holder.content-right label {
    font-weight: 600;
    margin-right: 5px;
    margin-bottom: 0;
    font-size: 14px;
    color: #fff;
}

.inner-page-nav .page-nav-holder.content-right .page-nav-pagination-total-pages {
    flex-basis: 100%;
    margin-right: 20px;
}

/* Vacation form */
.vacation-form .form-group {
    position: relative;
}

.vacation-form .button-holder .btn {
    width: 100%;
}

/* My account  */
.user-header {
    margin-bottom: 2.5rem;
}

.user-header .button-holder {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0.625rem;
}

.user-header .button-holder .btn:not(:last-child) {
    margin-right: 1rem;
}

.user-header .button-holder .btn.disabled,
.user-header .button-holder .btn:disabled {
    opacity: 1;
}

.user-header .media-image {
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 6.625rem;
    height: 6.625rem;
    padding: 0.25rem;
    margin-right: 1.25rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.user-header .media-image img {
    width: 6rem;
    height: 6rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.user-header .media-image svg {
    width: 3rem;
    height: 3rem;
}

.user-header h1,
.user-header p:last-child {
    margin-bottom: 0;
}

.user-header p {
    margin-bottom: 0;
}

.user-header p a {
    margin-left: 0.313rem;
}

.user-header p a.dark-link-underline {
    margin-left: 0;
}

/* Global form */
.global-form .button-holder {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.cart-section .global-form .button-holder {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 2.5rem;
}

.cart-section .global-form .payement-holder {
    margin-bottom: 1.875rem;
}

.cart-section .global-form .payement-holder h3 {
    font-size: 1rem;
    font-weight: 600;
}

.global-form .button-holder .btn {
    height: 3rem;
}

.global-form .button-holder .btn:not(:last-child) {
    margin-right: 1rem;
}

/* Accreditation timeline */
.accreditation-timeline {
    padding: 0;
}

.accreditation-timeline h4 {
    display: block;
    font-size: 1rem;
    font-weight: 500;
    padding: .625rem 0;
    margin-bottom: 0;
    line-height: 1.5;
}

.accreditation-timeline .timeline-item {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: .625rem 1rem .625rem 2rem;
}

.accreditation-timeline .timeline-item:hover {
    text-decoration: none;
}

.accreditation-timeline .timeline-item:not(:last-child)::before {
    content: "";
    position: absolute;
    top: 10px;
    left: 11px;
    right: auto;
    z-index: 1;
    width: 2px;
    height: 100%;
}

.accreditation-timeline .timeline-item:hover h5 {
    text-decoration: underline;
}

.accreditation-timeline .timeline-item .item-icon {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 1.5rem;
    height: 1.5rem;
    top: 8px;
    left: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    cursor: pointer;
    z-index: 2;
}

.accreditation-timeline .timeline-item.disabled {
    cursor: not-allowed;
}

.accreditation-timeline .timeline-item.disabled:hover h5 {
    text-decoration: none;
}

.accreditation-timeline .timeline-item .item-icon .active-border {
    position: absolute;
    display: block;
    background-color: transparent;
    width: 2rem;
    height: 2rem;
    padding: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.accreditation-timeline .timeline-item .item-icon svg {
    width: 1rem;
    height: 1rem;
    margin-right: 0;
}

.accreditation-timeline .timeline-item .item-content {
    white-space: nowrap;
    overflow: hidden;
}

.accreditation-timeline .timeline-item .item-content h5 {
    display: block;
    font-size: 0.875rem;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 0;
    line-height: 1.5;
}

.accreditation-timeline .timeline-item .item-content p {
    margin-bottom: 0;
}

.accreditation-timeline .timeline-item .item-content .item-progress {
    font-size: 0.75rem;
    display: inline-flex;
    align-items: center;
}

.accreditation-timeline .timeline-item .item-content .item-progress .badge {
    position: relative;
    top: 0;
    left: 0;
    margin-right: 0.25rem;
    padding: 0;
    width: 0.5rem;
    height: 0.5rem;
}

/* Resizable and draggable element */
.movable-box {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25%;
    min-height: 3.125rem;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem;
    touch-action: none;
    z-index: 2;
}

.movable-box .drag-handle {
    position: absolute;
    top: 50%;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.movable-box .drag-handle svg {
    width: 1.25rem;
    height: 1.25rem;
}

.movable-box .resize-handle {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
    color: #fff;
}

#drag-1,
#drag-2 {
    touch-action: none;
    user-select: none;
    transform: translate(0px, 0px);
}

.movable-box .movable-box-options,
.highlighted-area .highlighted-area-options {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    bottom: 100%;
    right: 0;
    padding: 0.5rem;
    z-index: 1;
}

.movable-box .movable-box-options .btn,
.highlighted-area .highlighted-area-options .btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1.5rem;
    height: 1.5rem;
    padding: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.movable-box .movable-box-options .btn:not(:last-child),
.highlighted-area .highlighted-area-options .btn:not(:last-child) {
    margin-right: 0.313rem;
}

.movable-box .movable-box-options .btn svg,
.highlighted-area .highlighted-area-options .btn svg {
    width: 1rem;
    height: 1rem;
}


/* Offcanvas */
.offcanvas {
    border: 0 none;
    -webkit-box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.1);
}

.offcanvas.offcanvas-filters {
    width: 20rem;
    padding: 0;
}

.offcanvas.offcanvas-filters .custom-accordion .accordion-body .form-check {
    align-items: flex-start;
    padding-right: 2.5rem;
}

.offcanvas.offcanvas-filters .custom-accordion .accordion-item .form-check span {
    top: 0.656rem;
    line-height: 1;
}

.offcanvas.offcanvas-timeline {
    width: 20rem;
}

.offcanvas.offcanvas-categories,
.offcanvas-contact-mobile {
    width: 20rem;
}

.offcanvas.offcanvas-search {
    width: 100%;
}

.offcanvas-header {
    position: relative;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding: 1rem 4.5rem 1rem 1.5rem;
    min-height: 4.813rem;
}

.offcanvas-header h2 {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 0;
    width: 100%;
}

.offcanvas-header p {
    width: 100%;
    margin-bottom: 0;
}

.offcanvas-body {
    padding: 0 1.5rem 1rem 1.5rem;
}


.offcanvas-divider {
    margin: .5rem 0;
    overflow: hidden;
    opacity: 1;
}

.offcanvas-close {
    display: flex;
    padding: 1rem 0.5rem;
    -webkit-box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.1);
}

.offcanvas .btn-close {
    position: absolute;
    top: 50%;
    right: 1.25rem;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    margin: 0;
    width: 2.25rem;
    height: 2.25rem;
    background-image: none;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 1;
}

.offcanvas .btn-close svg {
    width: 0.75rem;
    height: auto;
}

.offcanvas-close .btn {
    width: 100%;
}

.offcanvas-close .btn svg {
    width: auto;
    height: 0.875rem;
    margin-right: 0.625rem;
}

/* Offcanvas Cart */
.offcanvas.offcanvas-cart {
    width: 30rem;
}

.offcanvas-cart .cart-item {
    display: flex;
    position: relative;
    padding: 2rem 0;
}

.offcanvas-cart .cart-item:first-child {
    padding-top: 0;
}

.offcanvas-cart .cart-item .cart-item-content {
    display: block;
    width: 100%;
}

.offcanvas-cart .cart-item-header {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 1rem;
}

.offcanvas-cart .cart-item-header .cart-item-options {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.offcanvas-cart .cart-item-header .cart-item-options .btn-option {
    display: flex;
    align-items: center;
    height: auto;
    padding: 0 0.313rem;
}

.offcanvas-cart .cart-item-header .cart-item-options .btn-option:hover {
    text-decoration: underline;
    text-underline-offset: 0.188rem;
}

.offcanvas-cart .cart-item-header .cart-item-options .btn-option:not(:last-child) {
    margin-right: 0.313rem;
}

.offcanvas-cart .cart-item-header .cart-item-options .btn-option svg {
    width: 1.25rem;
    height: 1.25rem;
    margin-left: 0.313rem;
}

.offcanvas-cart .cart-item-body {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.offcanvas-cart .cart-item-image {
    position: relative;
    display: flex;
    margin-bottom: 1.5rem;
    margin-right: 1rem;
}

.offcanvas-cart .cart-item-image::after {
    content: "";
    height: 100%;
    left: 0;
    mix-blend-mode: darken;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}

.offcanvas-cart .cart-item-image img {
    max-width: 6.5rem;
}

.offcanvas-cart .cart-item-image .top-sticker {
    top: 0.313rem;
    left: 0.313rem;
    height: 1.625rem;
    padding: 0 0.625rem;
    font-size: 0.75rem;
}

.offcanvas-cart .cart-item-description {
    flex: 1;
}

.offcanvas-cart .cart-item-description h3 {
    font-size: 1rem;
    font-weight: 600;
}

.offcanvas-cart .cart-item-description ul {
    padding: 0;
    margin: 0;
}

.offcanvas-cart .cart-item-description ul li {
    list-style: none;
}

.offcanvas-cart .cart-item-description ul li span:first-child {
    font-weight: 600;
}

.offcanvas-cart .cart-item-description ul li.price {
    font-weight: 600;
}

.offcanvas-cart .cart-item-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 1rem;
}

.offcanvas-cart .cart-item-footer .cart-item-quantity {
    display: flex;
    align-items: center;
}

.offcanvas-cart .cart-item-footer .cart-item-quantity .form-group {
    display: flex;
    flex-shrink: 0;
    margin-bottom: 0;
    margin-right: 1rem;
}

.offcanvas-cart .cart-item-footer .cart-item-quantity .form-group .input-group {
    align-items: center;
}

.offcanvas-cart .cart-item-footer .cart-item-quantity .form-group .input-group .btn {
    padding: 0;
    margin: 0;
    width: 2rem;
    height: 2rem;
}

.offcanvas-cart .cart-item-footer .cart-item-quantity .form-group .input-group .btn svg {
    width: 1rem;
    height: 1rem;
}

.offcanvas-cart .cart-item-footer .cart-item-quantity .form-group .input-group .form-control {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 2.5rem;
    height: 2rem;
    font-size: 1rem;
    padding: 0;
    margin: 0 1px !important;
    border: 0 none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.offcanvas-cart .cart-item-footer .cart-item-price {
    display: flex;
    flex-wrap: wrap;
    flex: 1;
}

.offcanvas-cart .cart-item-footer .cart-item-price {
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1;
}

.offcanvas-cart .cart-item-footer .cart-item-price span {
    display: block;
    width: 100%;
    font-size: 0.875rem;
    font-weight: 500;
    margin-top: 0.25rem;
}

.offcanvas-cart .total-price-holder {
    display: block;
    width: 100%;
    margin-top: 1rem;
}

.offcanvas-cart .total-price-holder .total-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem 0;
    font-size: 1rem;
    font-weight: 600;
}

.offcanvas-cart .total-price-holder .total-item.total-price {
    padding-top: 1rem;
    margin-top: 1rem;
    font-size: 1.25rem;
}

.offcanvas-footer {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    flex-shrink: 0;
    padding: 1rem 2.5rem;
}

.offcanvas-footer .btn {
    font-size: 1rem;
    height: 3rem;
}

.offcanvas-footer .btn:not(:last-child) {
    margin-right: 1.25rem;
}

/* Register */
.register-section .title {
    margin-bottom: 2rem;
}

.register-section .title h1 {
    font-size: 3rem;
    font-weight: 600;
    line-height: 1;
    text-align: center;
}

.register-section .title p {
    margin-bottom: 0;
    text-align: center;
}

.register-section h2 {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 1.25rem;
}

.register-section .form-check {
    padding-right: 0;
}

.register-section .sign-in .btn {
    height: 3.125rem;
}

/* Cart */
.cart-section .title {
    margin-bottom: 2rem;
}

.cart-section .title h1 {
    font-size: 3rem;
    font-weight: 600;
    line-height: 1;
    text-align: center;
}

.cart-section .title p {
    margin-bottom: 0;
    text-align: center;
}

.cart-section .cart-item {
    display: flex;
    position: relative;
    padding: 2rem 0;
}

.cart-section .cart-item .cart-item-content {
    display: block;
    width: 100%;
}

.cart-section .cart-item-header {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 1rem;
}

.cart-section .cart-item-header .cart-item-options {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.cart-section .cart-item-header .cart-item-options .btn-option {
    display: flex;
    align-items: center;
    height: auto;
    padding: 0 0.313rem;
}

.cart-section .cart-item-header .cart-item-options .btn-option svg {
    width: 1.25rem;
    height: 1.25rem;
    margin-left: 0.313rem;
}

.cart-section .cart-item-body {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.cart-section .cart-item-image::after {
    content: "";
    height: 100%;
    left: 0;
    mix-blend-mode: darken;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}

.cart-section .cart-item-image {
    position: relative;
    display: flex;
    margin-bottom: 1.5rem;
    margin-right: 1rem;
}

.cart-section .cart-item-image img {
    max-width: 6.5rem;
}

.cart-section.cart-checkout .cart-total-holder {
    position: relative;
    padding-top: 1.875rem;
    padding-bottom: 0;
}

.cart-section.cart-checkout .cart-item-image img {
    max-width: 5rem;
}

.cart-section.cart-checkout h2 {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 1.25rem;
}

.cart-section.cart-checkout .cart-holder {
    max-height: 30rem;
    overflow-y: auto;
    overflow: -moz-scrollbars-none;
    scrollbar-width: none;
    -ms-overflow-style: none;
    /* overscroll-behavior: contain; */
}

.cart-section.cart-checkout .cart-item:first-child {
    padding-top: 0;
}

.cart-section.cart-checkout .button-holder {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.cart-section.cart-checkout .button-holder .form-check {
    padding-right: 0;
    width: 100%;
    margin-bottom: 1.875rem;
    justify-content: flex-end;
}

.cart-section.cart-checkout .button-holder .btn {
    height: 3.125rem;
    font-weight: 600;
}

.cart-section .cart-item-image .top-sticker {
    top: 0.313rem;
    left: 0.313rem;
    height: 1.625rem;
    padding: 0 0.625rem;
    font-size: 0.75rem;
}

.cart-section .cart-item-description {
    flex: 1;
    padding-right: 1rem;
}

.cart-section .cart-item-description h3 {
    font-size: 1rem;
    font-weight: 600;
}

.cart-section .cart-item-description ul,
.cart-section .cart-item-price ul {
    padding: 0;
    margin: 0;
}

.cart-section .cart-item-description ul li,
.cart-section .cart-item-price ul li {
    display: flex;
    list-style: none;
}

.cart-section .cart-item-description ul li span:first-child,
.cart-section .cart-item-price ul li span:first-child,
.cart-section .cart-item-description ul li.price {
    font-weight: 600;
}

.cart-section .cart-item-price {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    font-size: 1rem;
    font-weight: 600;
    max-width: 12rem;
    margin-right: 0.625rem;
}

.cart-section .cart-item-price h4 {
    font-size: 1rem;
    font-weight: 600;
    text-align: right;
    width: 100%;
}

.cart-section .cart-item-price p.quantity-title {
    font-size: 0.875rem;
    font-weight: 500;
}

.cart-section .cart-item-price ul li {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.cart-section .cart-item-description ul li span:first-child,
.cart-section .cart-item-price ul li span:first-child {
    margin-right: 0.25rem;
}

.cart-section .cart-item-price .price-content {
    max-width: 12rem;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.cart-section .cart-item-price span {
    font-size: 0.875rem;
}

.cart-section .cart-item-quantity {
    display: flex;
    align-items: center;
    margin-top: 1rem;
}

.cart-section .cart-item-quantity .form-group {
    display: flex;
    flex-shrink: 0;
    margin-bottom: 0;
    margin-right: 0;
}

.cart-section .cart-item-quantity .form-group .input-group {
    align-items: center;
}

.cart-section .cart-item-quantity .form-group .input-group .btn {
    padding: 0;
    margin: 0;
    width: 2rem;
    height: 2rem;
}

.cart-section .cart-item-quantity .form-group .input-group .btn svg {
    width: 1rem;
    height: 1rem;
}

.cart-section .cart-item-quantity .form-group .input-group .form-control {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 2.5rem;
    height: 2rem;
    font-size: 1rem;
    padding: 0;
    margin: 0 1px !important;
    border: 0 none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.cart-total-holder {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    padding: 2rem 0;
}

.cart-total-holder .cart-price-item {
    font-size: 1rem;
}

.cart-total-holder .cart-total-header h2 {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1;
}

.cart-total-holder .cart-price-item .price-content {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 0.25rem 0;
}

.cart-total-holder .cart-price-item:first-child .price-content {
    padding-top: 0.125rem;
}

.cart-total-holder .cart-price-item .price-content span {
    font-weight: 600;
}

.cart-total-holder .cart-price-item.total-price .discount-text {
    font-size: 0.875rem;
    text-align: right;
    margin-bottom: 0;
}

.cart-total-holder .cart-price-item.total-price {
    margin: 1.875rem 0 2.875rem;
    padding: 1rem 0;
    font-size: 1.25rem;
}

.cart-total-holder .button-holder .btn {
    height: 3.125rem;
    font-weight: 600;
    width: 100%;
}

.cart-success .title p {
    font-size: 1rem;
}

.cart-success .title .button-holder {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 1.875rem;
}

.cart-success .title .button-holder .btn {
    height: 3.125rem;
    font-weight: 600;
}


/* Pagination custom */
.custom-pagination-holder {
    position: relative;
}

.custom-pagination {
    display: flex;
    justify-content: center;
    width: 18.75rem;
    height: 2.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    border-radius: 0.25rem;
}

.custom-pagination .page {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-basis: 2.25rem;
    flex-shrink: 0;
    height: 2.25rem;
    width: 2.25rem;
    -webkit-border-radius: 0.375rem;
    -moz-border-radius: 0.375rem;
    border-radius: 0.375rem;
    cursor: pointer;
}

.custom-pagination .page svg {
    width: 1rem;
    height: auto;
}

.custom-pagination .pages {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    overflow-x: auto;
    margin: 0 0.625rem;
    overflow: -moz-scrollbars-none;
    scrollbar-width: none;
    -ms-overflow-style: none;
    /* prevent the page from scrolling when scrolling an element */
    overscroll-behavior: contain;
}

.custom-pagination-holder .mouse {
    position: absolute;
    top: calc(100% + 2.25rem);
    left: 50%;
    width: 6.25rem;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.custom-pagination-holder:hover .mouse {
    opacity: 1;
    visibility: visible;
}

.custom-pagination-holder .mouse svg {
    position: relative;
    width: 2.25rem;
    top: -2.25rem;
    right: -0.625rem;
}

.icon-scroll {
    margin-left: 0.313rem;
}

.icon-scroll,
.icon-scroll::before {
    position: absolute;
    left: 50%;
}

.icon-scroll {
    width: 1.25rem;
    height: 2rem;
    top: calc(50% - 2rem);
    -webkit-border-radius: 1.563rem;
    -moz-border-radius: 1.563rem;
    border-radius: 1.563rem;
}

.icon-scroll::before {
    content: '';
    width: 0.313rem;
    height: 0.313rem;
    margin-left: -0.1565rem;
    top: 0.313rem;
    border-radius: 50%;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: scroll;
    animation-name: scroll;
}

@keyframes scroll {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: translateY(1.25rem);
    }
}

.custom-pagination-holder .mouse img {
    width: 3rem;
}

/*hide scroll bar web-kit browsers */
.custom-pagination .pages::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.custom-pagination .pages::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
}

.custom-pagination .pages::-webkit-scrollbar-thumb {
    background-color: transparent;
    outline: 0px solid transparent;
}

.custom-pagination .pages .page {
    font-weight: 500;
    -webkit-border-radius: 0.375rem;
    -moz-border-radius: 0.375rem;
    border-radius: 0.375rem;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.custom-pagination .pages .page:not(.active):hover {
    font-weight: 700;
}

.custom-pagination .page.disabled,
.custom-pagination .page:disabled,
.splide__arrow:disabled {
    cursor: not-allowed;
    opacity: 0.3;
}

/* Accordion custom */
.accordion-title {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding: 0;
    margin-top: 1rem;
}

.accordion-title h3 {
    font-size: 0.875rem;
    font-weight: 500;
    margin-bottom: 0.313rem;
}

.accordion-title p {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 100%;
    font-size: 0.75rem;
}

.accordion-title p strong {
    display: block;
    font-weight: 500;
    margin-right: 0.313rem;
    width: 100%;
}

.accordion-title p span {
    width: 1.25rem;
    height: 1.25rem;
    display: inline-block;
    flex-shrink: 0;
    margin: 0 0.313rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.accordion-section-title {
    padding: 0.313rem 0.625rem;
    font-weight: 500;
}

.accordion-filter {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0;
    margin-bottom: 30px;
}

.accordion-filter .filter-holder {
    display: flex;
    align-items: center;
}

.accordion-filter label {
    font-weight: 500;
    margin-right: 0.313rem;
}

.accordion-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 2.125rem;
    margin-bottom: 2.25rem;
}

.accordion-search .form-group {
    margin-bottom: 0;
}

.accordion-actions .form-check {
    padding-right: 0;
    margin-bottom: 0;
}

.accordion-actions .form-check label {
    display: flex;
    align-items: center;
}

.accordion-actions .accordion-action-buttons {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.accordion-actions .accordion-action-buttons .btn {
    padding: 0;
    width: 2.25rem;
    height: 2.25rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.accordion-actions .accordion-action-buttons .btn:not(:last-child) {
    margin-right: 0.313rem;
}

.accordion-actions .accordion-action-buttons svg {
    width: auto;
    height: 1.25rem;
}

.custom-accordion .accordion-body {
    padding: 0 0 1rem 0;
}

.offcanvas-categories .custom-accordion .accordion-button {
    font-size: 1rem;
    font-weight: 600;
}

.offcanvas-categories .link-item {
    padding: 1rem 0;
    font-size: 1rem;
    font-weight: 600;
}

.custom-accordion .accordion-body ul.mobile-menu {
    position: relative;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    width: 100%;
    padding: 0;
    margin: 0;
}

.custom-accordion .accordion-body ul.mobile-menu li {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-basis: 100%;
    list-style: none;
}

.custom-accordion .accordion-body ul.mobile-menu li .menu-item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    font-weight: 500;
    padding: 0.5rem 0;
    font-size: 0.875rem;
    -webkit-border-radius: 0.375rem;
    -moz-border-radius: 0.375rem;
    border-radius: 0.375rem;
}

.custom-accordion .accordion-body ul.mobile-menu li .menu-item svg {
    position: absolute;
    top: 50%;
    right: 0;
    width: 0.875rem;
    height: 0.875rem;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.custom-accordion .accordion-body ul.mobile-menu li .menu-item:hover,
.custom-accordion .accordion-body ul.mobile-menu li .menu-item:focus {
    text-decoration: none;
}

.custom-accordion .accordion-body ul.mobile-menu li:last-child .menu-item {
    font-weight: 500;
}

.custom-accordion .accordion-body img {
    margin-top: 0.5rem;
}

.custom-accordion .badge:empty {
    display: block;
}

.custom-accordion .accordion-button {
    font-size: 1rem;
    font-weight: 600;
    padding-right: 1.75rem;
}

.custom-accordion.table-company .accordion-item .accordion-button {
    padding-left: 0.625rem;
    padding-right: 1.75rem;
}

.custom-accordion .accordion-header .highlight {
    position: absolute;
    bottom: calc(100% - 0.5rem);
    display: inline-block;
    padding: 0.25rem 0.5rem;
    line-height: 1;
    font-weight: 500;
    font-size: 0.75rem;
    z-index: 10;
}


.custom-accordion .accordion-button .user-badges .badge {
    position: relative;
}

.custom-accordion .accordion-button .user-badges .badge:not(:last-child) {
    margin-right: 0.313rem;
}


.custom-accordion .accordion-item {
    border-top: 0 none;
    border-right: 0 none;
    border-left: 0 none;
}

.table-accordion.custom-accordion.collapse-with-badges .accordion-item {
    margin-bottom: 1.5rem;
}

.table-accordion.custom-accordion .accordion-item .form-check {
    padding-right: 0;
    margin-bottom: 0;
}

.custom-accordion .accordion-item:first-of-type {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.custom-accordion .accordion-item:last-of-type {
    border: 0 none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.custom-accordion .accordion-button {
    padding: 1rem 0;
    font-weight: 600;
}

.custom-accordion .accordion-button:not(.collapsed) {
    box-shadow: none;
}

.custom-accordion .accordion-button::after,
.custom-accordion .accordion-button:not(.collapsed)::after {
    background-image: none;
}

.custom-accordion .accordion-button svg {
    position: absolute;
    top: 50%;
    right: 0.625rem;
    width: 0.625rem;
    height: 0.625rem;
    -webkit-transform: translateY(-50%) rotate(180deg);
    -moz-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    -o-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
    -webkit-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.custom-accordion .accordion-button.collapsed svg {
    -webkit-transform: translateY(-50%) rotate(0deg);
    -moz-transform: translateY(-50%) rotate(0deg);
    -ms-transform: translateY(-50%) rotate(0deg);
    -o-transform: translateY(-50%) rotate(0deg);
    transform: translateY(-50%) rotate(0deg);
}

.custom-accordion .accordion-body .form-check {
    display: flex;
    align-items: center;
    width: 100%;
    margin-bottom: 1rem;
}
.custom-accordion .accordion-body2 .form-check {
    display: flex;
    align-items: center;
    width: 100%;
    margin-bottom: 1rem;
}

.custom-accordion .accordion-body .form-check .form-check-input {
    margin-top: 0;
    margin-right: 1rem;
    -webkit-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.custom-accordion ul.accordion-data {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    margin-bottom: 0;
}

.custom-accordion ul.accordion-data li {
    list-style: none;
    display: flex;
    align-items: center;
    padding: 0.313rem 0;
}

.custom-accordion ul.accordion-data li:last-child {
    padding-bottom: 0;
}

.custom-accordion ul.accordion-data li span:first-child {
    min-width: 6.875rem;
    max-width: 6.875rem;
    font-weight: 500;
    margin-right: 0.313rem;
}

.custom-accordion ul.accordion-data li span {
    width: 100%;
    display: flex;
    align-items: center;
    word-break: break-word;
}

.custom-accordion ul.accordion-data li span a {
    text-decoration: underline;
}

.custom-accordion ul.accordion-data li span .btn-action {
    position: relative;
    padding: 0.313rem;
}

.custom-accordion ul.accordion-data li span .btn-action:not(:last-child) {
    margin-right: 0.625rem;
}

.custom-accordion ul.accordion-data li span .btn-action:first-child {
    padding-left: 0;
}

.custom-accordion ul.accordion-data li span .btn-action svg {
    width: auto;
    height: 1.25rem;
}

.custom-accordion ul.accordion-data li span .highlight:not(:last-child) {
    margin-right: 0.313rem;
}

/* accordion-footer */
.accordion-footer {
    margin-top: 1.625rem;
    padding: 1.25rem 0;
}

.accordion-footer .accordion-footer-holder {
    display: flex;
    align-items: center;
}

.accordion-footer .accordion-footer-holder.content-left {
    justify-content: flex-start;
}

.accordion-footer .accordion-footer-holder.content-left .content-left-holder {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    width: 5.5rem;
}

.accordion-footer .accordion-footer-holder.content-left label {
    margin-right: 0;
    margin-bottom: 0.313rem;
    width: 100%;
}

.accordion-footer .accordion-footer-holder.content-left .form-control {
    width: 100%;
    height: 2.125rem;
}

.accordion-footer .accordion-footer-holder.content-left .form-check {

    margin-bottom: 0;
}

.accordion-footer .accordion-footer-holder.content-center {
    justify-content: center;
}

.accordion-footer .accordion-footer-holder.content-center .accordion-footer-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    margin-top: 2rem;
}

.accordion-footer .accordion-footer-holder.content-center .accordion-footer-pagination .accordion-footer-pages-count {
    width: 9.375rem;
    font-size: 1rem;
    font-weight: 500;
    text-align: center;
}

.accordion-footer .accordion-footer-pagination {
    overflow-x: scroll;
    scroll-behavior: smooth;
    overflow: -moz-scrollbars-none;
    scrollbar-width: none;
    -ms-overflow-style: none;
    margin-bottom: 2rem;
}

/*hide scroll bar web-kit browsers */
.accordion-footer .accordion-footer-pagination::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.accordion-footer .accordion-footer-pagination::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
}

.accordion-footer .accordion-footer-pagination::-webkit-scrollbar-thumb {
    background-color: transparent;
    outline: 0px solid transparent;
}

.accordion-footer .custom-pagination-holder {
    overflow-x: hidden;
}

.accordion-footer .accordion-footer-holder.content-right {
    justify-content: flex-end;
}

.accordion-footer .accordion-footer-holder.content-right .content-right-holder {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap;
    width: 5.5rem;
}

.accordion-footer .accordion-footer-holder.content-right label {
    margin-bottom: 0.313rem;
    width: 100%;
}

.accordion-footer .accordion-footer-holder .accordion-footer-total-pages {
    font-size: 1rem;
    padding: 0 0 1.25rem 0;
}

.accordion-footer .accordion-footer-holder .form-select {
    height: 2.25rem;
}

.accordion-footer .accordion-footer-holder.content-right .form-select {
    width: 5.5rem;
}

.btn-chat-bot {
    position: fixed;
    right: 25px;
    bottom: 75px;
    z-index: 1040;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 45px;
    height: 45px;
    padding: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.btn-chat-bot>svg {
    width: 25px;
    height: auto;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.btn-chat-bot .hover-notification {
    position: absolute;
    top: -15px;
    right: 100%;
    margin-right: 0.625rem;
    display: flex;
    justify-content: flex-end;
    align-items: baseline;
    font-weight: 500;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.btn-chat-bot .hover-notification svg {
    position: relative;
    top: 12px;
    width: 40px;
    height: auto;
    flex-shrink: 0;
    order: 2;
    -webkit-transform: rotate(25deg);
    -moz-transform: rotate(25deg);
    -ms-transform: rotate(25deg);
    -o-transform: rotate(25deg);
    transform: rotate(25deg);
}

.btn-chat-bot .hover-notification span {
    position: relative;
    top: 0;
    order: 1;
    right: 5px;
    width: 200px;
    text-align: right;
}

.btn-chat-bot:hover,
.btn-chat-bot:hover>svg {
    opacity: 1;
}

.btn-chat-bot:hover .hover-notification {
    opacity: 1;
    visibility: visible;
}

.chat-bot {
    position: fixed;
    right: 25px;
    bottom: 140px;
    z-index: 1040;
    width: auto;
    max-width: 500px;
}

.chat-bot .chat-bot-arrow {
    width: 50px;
    height: 25px;
    position: absolute;
    bottom: -36px;
    right: 0;
    -webkit-transform: translateY(-50%) rotate(0deg);
    -moz-transform: translateY(-50%) rotate(0deg);
    -ms-transform: translateY(-50%) rotate(0deg);
    -o-transform: translateY(-50%) rotate(0deg);
    transform: translateY(-50%) rotate(0deg);
    overflow: hidden;
}

.chat-bot .chat-bot-arrow::after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    top: 0;
    left: 50%;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
}

.chat-bot .chat-bot-dialog {
    position: relative;
    width: auto;
    max-width: 420px;
}

.chat-bot .chat-bot-content {
    position: relative;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    background-clip: padding-box;
    width: 100%;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}

.chat-bot .chat-bot-header {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-shrink: 0;
    flex-basis: 100%;
    padding: 0 60px 0 15px;
    height: 86px;
}

.chat-bot .chat-bot-header .chat-bot-icon-holder {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 50px;
    height: 50px;
    padding: 3px;
    margin-right: 0.625rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.chat-bot .chat-bot-header .chat-bot-icon-holder svg {
    width: 30px;
    height: auto;
}

.chat-bot .chat-bot-header .chat-bot-icon-holder img {
    width: 40px;
    height: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.chat-bot .chat-bot-header h5 {
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: 0;
}

.chat-bot .chat-bot-header p {
    margin-bottom: 0;
    font-size: 0.75rem;
}

.chat-bot .chat-bot-header p svg {
    width: 16px;
    height: auto;
    margin-left: 5px;
    flex-shrink: 0;
}

.chat-bot .chat-bot-header .btn-close {
    position: absolute;
    top: 15px;
    right: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    width: 30px;
    height: 30px;
    background-image: none;
    opacity: 1;
}

.chat-bot .chat-bot-header .btn-close svg {
    width: 0.625rem;
    height: auto;
}

.chat-bot .chat-bot-body {
    display: block;
    width: 100%;
    padding: 15px;
    max-height: 350px;
    overflow-y: auto;
}

.chat-bot .chat-bot-body .message {
    display: flex;
    flex-wrap: wrap;
    flex-basis: 100%;
    margin-bottom: 30px;
}

.chat-bot .chat-bot-body .message.message-sent {
    justify-content: flex-start;
}

.chat-bot .chat-bot-body .message.message-received {
    justify-content: flex-end;
}

.chat-bot .chat-bot-body .message .message-content {
    display: flex;
    align-items: flex-end;
    max-width: 80%;
}

.chat-bot .chat-bot-body .message.message-sent .message-content {
    max-width: 90%;
}

.chat-bot .chat-bot-body .message .message-icon-holder {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    padding: 3px;
    margin-right: 0.625rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.chat-bot .chat-bot-body .message .message-icon-holder svg {
    width: 25px;
    height: auto;
}

.chat-bot .chat-bot-body .message .message-icon-holder img {
    width: 32px;
    height: 32px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.chat-bot .chat-bot-body .message .message-bubble {
    padding: 15px 20px;
    word-break: break-word;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.chat-bot .chat-bot-body .message .message-time {
    display: flex;
    justify-content: center;
    flex-basis: 100%;
    margin-bottom: 5px;
}

.chat-bot .chat-bot-input {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-basis: 100%;
    padding: 15px 0;
}

.chat-bot .chat-bot-input .form-control {
    min-height: calc(1.5em + (.75rem + 2px));
    height: 2.75rem;
    border: 0 none;
    padding: 0 15px;
    resize: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.chat-bot .chat-bot-input .btn-send {
    padding: 0 15px 0 0;
}

.chat-bot .chat-bot-input .btn-send svg {
    width: 30px;
    height: auto;
}

/* Blue page */
.blue-page-content {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    min-height: 100vh;
    width: 100%;
    padding: 2rem 0;
}

.blue-page-content .icon-holder {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-basis: 100%;
}

.blue-page-content .icon-holder svg {
    width: 9.375rem;
    height: auto;
}

.blue-page-content .blue-page-content-holder {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    width: 46.875rem;
}

.blue-page-content .blue-page-content-holder .blue-page-body {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    flex-basis: 100%;
}

.blue-page-content .blue-page-content-holder .blue-page-body p {
    margin-bottom: 0;
}

.blue-page-content .blue-page-content-holder .blue-page-body .button-holder {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 3rem;
}

.blue-page-content .blue-page-content-holder .blue-page-body .button-holder .btn:not(:last-child) {
    margin-right: 1rem;
}

.blue-page-content .blue-page-content-holder .blue-page-body .button-holder .btn {
    width: 10rem;
    padding: 0;
    font-weight: 500;
}

.blue-page-content .blue-page-content-holder .blue-page-body .blue-page-title {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    flex-basis: 100%;
    padding: 2rem 0;
}

.blue-page-content .blue-page-content-holder .blue-page-body .blue-page-title h1 {
    text-align: center;
    font-size: 3rem;
    font-weight: 500;
    margin-bottom: 1rem;
}

.blue-page-content .blue-page-content-holder .blue-page-body .blue-page-title p {
    text-align: left;
    font-size: 1.25rem;
    line-height: 1.3;
}

.blue-page-content .blue-page-content-holder .blue-page-body .lead {
    font-size: 10rem;
    font-weight: 500;
    line-height: 0.8;
}

.blue-page-content .blue-page-content-holder .blue-page-body .blue-page-title h1,
.blue-page-content .blue-page-content-holder .blue-page-body p,
.blue-page-content .blue-page-content-holder .blue-page-body .blue-page-title p {
    width: 100%;
}

/* Blank page */
.blank-page-holder {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;
}

.blank-page-holder .blank-page-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-basis: 100%;
    margin-bottom: 3rem;
}

.blank-page-holder .blank-page-icon svg {
    width: 10rem;
    height: auto;
}

.blank-page-holder .blank-page-title {
    margin-bottom: 2rem;
    text-align: center;
}

.blank-page-holder .blank-page-title h1 {
    font-size: 2.25rem;
    font-weight: 500;
    margin-bottom: 0;
}

.blank-page-holder .blank-page-content {
    text-align: left;
    font-size: 1rem;
    line-height: 1.3;
}

.blank-page-holder .blank-page-content .button-holder {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 3rem;
}

/* 404 */
.error-content {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    min-height: 100vh;
    width: 100%;
    padding: 2rem 0;
}

.error-content .icon-holder {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-basis: 100%;
}

.error-content .icon-holder svg {
    width: 10rem;
    height: auto;
}

.error-content .error-content-holder {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.error-content .error-content-holder .error-body {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    flex-basis: 100%;
}

.error-content .error-content-holder .error-body p {
    margin-bottom: 0;
}

.error-content .error-content-holder .error-body .button-holder {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 3rem;
}

.error-content .error-content-holder .error-body .button-holder .btn {
    width: 10rem;
    padding: 0;
    font-weight: 500;
}

.error-content .error-content-holder .error-body .error-title {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    flex-basis: 100%;
    padding: 2rem 0;
}

.error-content .error-content-holder .error-body .error-title h1 {
    font-size: 3rem;
    font-weight: 500;
    margin-bottom: 0;
}

.error-content .error-content-holder .error-body .error-title p {
    font-size: 1.25rem;
}

.error-content .error-content-holder .error-body .lead {
    font-size: 10rem;
    font-weight: 500;
    line-height: 0.8;
}

.error-content .error-content-holder .error-body .error-title h1,
.error-content .error-content-holder .error-body p,
.error-content .error-content-holder .error-body .error-title p {
    width: 100%;
    text-align: center;
}

/* Text Glitch Effect */
.error-content .error-content-holder .error-body .hero {
    line-height: 0.8;
    display: inline-block;
    z-index: 2;

    /* Bright things in dark environments usually cast that light, giving off a glow */
    filter: drop-shadow(0 0 0);
}

.error-content .error-content-holder .error-body .layers {
    position: relative;
}

.error-content .error-content-holder .error-body .layers::before,
.error-content .error-content-holder .error-body .layers::after {
    content: attr(data-text);
    position: absolute;
    width: 90%;
    z-index: -1;
}

.error-content .error-content-holder .error-body .layers::before {
    top: 0.625rem;
    left: 1rem;
    color: #e0287d;
}

.error-content .error-content-holder .error-body .layers::after {
    top: 0.313rem;
    left: -0.625rem;
    color: #1bc7fb;
}

.error-content .error-content-holder .error-body .single-path {
    clip-path: polygon(0% 12%,
            53% 12%,
            53% 26%,
            25% 26%,
            25% 86%,
            31% 86%,
            31% 0%,
            53% 0%,
            53% 84%,
            92% 84%,
            92% 82%,
            70% 82%,
            70% 29%,
            78% 29%,
            78% 65%,
            69% 65%,
            69% 66%,
            77% 66%,
            77% 45%,
            85% 45%,
            85% 26%,
            97% 26%,
            97% 28%,
            84% 28%,
            84% 34%,
            54% 34%,
            54% 89%,
            30% 89%,
            30% 58%,
            83% 58%,
            83% 5%,
            68% 5%,
            68% 36%,
            62% 36%,
            62% 1%,
            12% 1%,
            12% 34%,
            60% 34%,
            60% 57%,
            98% 57%,
            98% 83%,
            1% 83%,
            1% 53%,
            91% 53%,
            91% 84%,
            8% 84%,
            8% 83%,
            4% 83%);
}

.error-content .error-content-holder .error-body .paths {
    animation: paths 5s step-end infinite;
}

@keyframes paths {
    0% {
        clip-path: polygon(0% 43%,
                83% 43%,
                83% 22%,
                23% 22%,
                23% 24%,
                91% 24%,
                91% 26%,
                18% 26%,
                18% 83%,
                29% 83%,
                29% 17%,
                41% 17%,
                41% 39%,
                18% 39%,
                18% 82%,
                54% 82%,
                54% 88%,
                19% 88%,
                19% 4%,
                39% 4%,
                39% 14%,
                76% 14%,
                76% 52%,
                23% 52%,
                23% 35%,
                19% 35%,
                19% 8%,
                36% 8%,
                36% 31%,
                73% 31%,
                73% 16%,
                1% 16%,
                1% 56%,
                50% 56%,
                50% 8%);
    }

    5% {
        clip-path: polygon(0% 29%,
                44% 29%,
                44% 83%,
                94% 83%,
                94% 56%,
                11% 56%,
                11% 64%,
                94% 64%,
                94% 70%,
                88% 70%,
                88% 32%,
                18% 32%,
                18% 96%,
                10% 96%,
                10% 62%,
                9% 62%,
                9% 84%,
                68% 84%,
                68% 50%,
                52% 50%,
                52% 55%,
                35% 55%,
                35% 87%,
                25% 87%,
                25% 39%,
                15% 39%,
                15% 88%,
                52% 88%);
    }

    30% {
        clip-path: polygon(0% 53%,
                93% 53%,
                93% 62%,
                68% 62%,
                68% 37%,
                97% 37%,
                97% 89%,
                13% 89%,
                13% 45%,
                51% 45%,
                51% 88%,
                17% 88%,
                17% 54%,
                81% 54%,
                81% 75%,
                79% 75%,
                79% 76%,
                38% 76%,
                38% 28%,
                61% 28%,
                61% 12%,
                55% 12%,
                55% 62%,
                68% 62%,
                68% 51%,
                0% 51%,
                0% 92%,
                63% 92%,
                63% 4%,
                65% 4%);
    }

    45% {
        clip-path: polygon(0% 33%,
                2% 33%,
                2% 69%,
                58% 69%,
                58% 94%,
                55% 94%,
                55% 25%,
                33% 25%,
                33% 85%,
                16% 85%,
                16% 19%,
                5% 19%,
                5% 20%,
                79% 20%,
                79% 96%,
                93% 96%,
                93% 50%,
                5% 50%,
                5% 74%,
                55% 74%,
                55% 57%,
                96% 57%,
                96% 59%,
                87% 59%,
                87% 65%,
                82% 65%,
                82% 39%,
                63% 39%,
                63% 92%,
                4% 92%,
                4% 36%,
                24% 36%,
                24% 70%,
                1% 70%,
                1% 43%,
                15% 43%,
                15% 28%,
                23% 28%,
                23% 71%,
                90% 71%,
                90% 86%,
                97% 86%,
                97% 1%,
                60% 1%,
                60% 67%,
                71% 67%,
                71% 91%,
                17% 91%,
                17% 14%,
                39% 14%,
                39% 30%,
                58% 30%,
                58% 11%,
                52% 11%,
                52% 83%,
                68% 83%);
    }

    76% {
        clip-path: polygon(0% 26%,
                15% 26%,
                15% 73%,
                72% 73%,
                72% 70%,
                77% 70%,
                77% 75%,
                8% 75%,
                8% 42%,
                4% 42%,
                4% 61%,
                17% 61%,
                17% 12%,
                26% 12%,
                26% 63%,
                73% 63%,
                73% 43%,
                90% 43%,
                90% 67%,
                50% 67%,
                50% 41%,
                42% 41%,
                42% 46%,
                50% 46%,
                50% 84%,
                96% 84%,
                96% 78%,
                49% 78%,
                49% 25%,
                63% 25%,
                63% 14%);
    }

    90% {
        clip-path: polygon(0% 41%,
                13% 41%,
                13% 6%,
                87% 6%,
                87% 93%,
                10% 93%,
                10% 13%,
                89% 13%,
                89% 6%,
                3% 6%,
                3% 8%,
                16% 8%,
                16% 79%,
                0% 79%,
                0% 99%,
                92% 99%,
                92% 90%,
                5% 90%,
                5% 60%,
                0% 60%,
                0% 48%,
                89% 48%,
                89% 13%,
                80% 13%,
                80% 43%,
                95% 43%,
                95% 19%,
                80% 19%,
                80% 85%,
                38% 85%,
                38% 62%);
    }

    1%,
    7%,
    33%,
    47%,
    78%,
    93% {
        clip-path: none;
    }
}

.error-content .error-content-holder .error-body .movement {
    /* Normally this position would be absolute & on the layers, set to relative here so we can see it on the div */
    position: relative;
    animation: movement 8s step-end infinite;
}

@keyframes movement {
    0% {
        top: 0;
        left: -1.25rem;
    }

    15% {
        top: 0.625rem;
        left: 0.625rem;
    }

    60% {
        top: 0.313rem;
        left: -0.625rem;
    }

    75% {
        top: -0.313rem;
        left: 1.25rem;
    }

    100% {
        top: 0.625rem;
        left: 0.313rem;
    }
}

.error-content .error-content-holder .error-body .opacity {
    animation: opacity 5s step-end infinite;
}

@keyframes opacity {
    0% {
        opacity: 0.1;
    }

    5% {
        opacity: 0.7;
    }

    30% {
        opacity: 0.4;
    }

    45% {
        opacity: 0.6;
    }

    76% {
        opacity: 0.4;
    }

    90% {
        opacity: 0.8;
    }

    1%,
    7%,
    33%,
    47%,
    78%,
    93% {
        opacity: 0;
    }
}

.error-content .error-content-holder .error-body .font {
    animation: font 7s step-end infinite;
}

@keyframes font {
    0% {
        font-weight: 100;
        color: #e0287d;
        filter: blur(3px);
    }

    20% {
        font-weight: 500;
        color: #fff;
        filter: blur(0);
    }

    50% {
        font-weight: 300;
        color: #1bc7fb;
        filter: blur(2px);
    }

    60% {
        font-weight: 700;
        color: #fff;
        filter: blur(0);
    }

    90% {
        font-weight: 500;
        color: #e0287d;
        filter: blur(0.375rem);
    }
}

.error-content .error-content-holder .error-body .glitch span {
    animation: paths 5s step-end infinite;
}

.error-content .error-content-holder .error-body .glitch::before {
    animation: paths 5s step-end infinite, opacity 5s step-end infinite,
        font 8s step-end infinite, movement 10s step-end infinite;
}

.error-content .error-content-holder .error-body .glitch::after {
    animation: paths 5s step-end infinite, opacity 5s step-end infinite,
        font 7s step-end infinite, movement 8s step-end infinite;
}

/* Login */

/* page-wrapper.login-wrapper Background Animation */
html.login-page,
html.login-page body,
html.login-page body .page-wrapper {
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden;
    width: 100vw;
    background-color: transparent;

    /* 100vh mobile browser bug CSS Safari fix */
    height: 100%;
    height: -webkit-fill-available;

    /* 100vh mobile browser bug JS fix */
    /* height: 100vh;
    height: var(--app-height); */
}

html.login-page body .page-wrapper {
    overflow-y: auto;
}

html.login-page body .page-wrapper .main-container {
    height: 100%;
    height: -webkit-fill-available;
}

html.login-page body .page-wrapper .main-container .container,
html.login-page body .page-wrapper .main-container .container .row,
html.login-page body .page-wrapper .main-container .container .row .main-content,
html.login-page body .page-wrapper .main-container .container .row .main-content .login-section {
    height: 100%;
}

html.login-page body {
    background-image: url('../images/serbia-3.jpg');
    background-attachment: fixed;
    background-repeat: no-repeat;

    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;

    -webkit-animation: slidein 120s;
    animation: slidein 120s;

    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;

    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;

    -webkit-animation-direction: alternate;
    animation-direction: alternate;

    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

@-webkit-keyframes slidein {
    from {
        background-position: top;
        background-size: 4000px auto;
        -moz-background-size: 4000px auto;
        -webkit-background-size: 4000px auto;
        -o-background-size: 4000px auto;
    }

    to {
        background-position: 0 0;
        background-size: 2500px auto;
        -moz-background-size: 2500px auto;
        -webkit-background-size: 2500px auto;
        -o-background-size: 2500px auto;
    }
}

@keyframes slidein {
    from {
        background-position: top;
        background-size: 4000px auto;
        -moz-background-size: 4000px auto;
        -webkit-background-size: 4000px auto;
        -o-background-size: 4000px auto;
    }

    to {
        background-position: 0 0;
        background-size: 2500px auto;
        -moz-background-size: 2500px auto;
        -webkit-background-size: 2500px auto;
        -o-background-size: 2500px auto;
    }

}

.login-section {
    display: flex;
    justify-content: center;
    align-items: center;
}

.login-section .login-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.5rem 1.625rem 0 1.625rem;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
}

.login-section .login-header .logo-holder {
    display: flex;
    justify-content: flex-start;
}

.login-section .login-header .logo-holder a {
    display: flex;
    align-items: center;
}

.login-section .login-header .logo-holder .logo-text {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    font-size: 0.875rem;
    font-weight: 500;
}

.login-section .login-header .logo-holder .logo-text span {
    width: 100%;
    display: block;
    text-transform: uppercase;
    font-size: 1.25rem;
    line-height: 1;
}

.login-section .login-header .logo-holder .logo {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 0.75rem;
}

.login-section .login-header .logo-holder .logo img {
    width: auto;
    height: 3rem;
}

.login-section .login-header .logo-holder .logo svg {
    height: 3rem;
}

.login-section .login-header .header-button .btn {
    width: 12.5rem;
}

.login-section .login-content {
    display: flex;
    align-items: center;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-width: 100%;
    height: 100%;
}

.login-section .login-content p {
    font-weight: 300;
}

.login-section .global-form {
    width: 34.5rem;
    max-width: 100%;
    padding: 1.5rem 2rem;
    -webkit-border-radius: 0.625rem;
    -moz-border-radius: 0.625rem;
    border-radius: 0.625rem;
}

.login-section.register .global-form {
    width: 55rem;
    max-width: 100%;
    -webkit-border-radius: 0.625rem;
    -moz-border-radius: 0.625rem;
    border-radius: 0.625rem;
}

.login-section .login-content h1 {
    margin-bottom: 0;
}

.login-section .global-form .form-group {
    margin-bottom: 0.75rem;
}

.login-section .login-form .form-floating {
    margin-bottom: 0.5rem;
}

.login-section .login-content .forgoten-password {
    margin: 0.5rem 0;
}

.login-section .login-content .forgoten-password a {
    font-weight: 500;
}

.login-section .login-content .button-holder {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 1.625rem;
}

.login-section .global-form .button-holder .btn {
    width: auto;
}

/* Footer */
.footer {
    display: flex;
    align-items: center;
    align-self: flex-end;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0;
    width: 100%;
    margin-top: 5rem;
}

/* Footer Benefit Item */
.footer .benefits-wrapper {
    padding: 5rem 0;
    background-color: transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.footer .benefit-item a:hover {
    text-decoration: none;
}

.footer .benefit-item a:hover h3 {
    text-decoration: underline;
}

.footer .benefit-item a:hover p {
    text-decoration: none;
}

.footer .benefit-item:not(:last-child) {
    border-right: 0;
}

.footer .benefit-item {
    flex-wrap: wrap;
}

.footer .benefit-item h3 {
    font-size: 1.675rem;
    font-weight: 600;
    margin-bottom: 1.2rem;
}

.footer .benefit-item p {
    font-size: 1.2rem;
    font-weight: 400;
}

.footer .benefit-item .media {
    flex-wrap: wrap;
}

.footer .benefit-item .media-image {
    width: 100%;
    justify-content: center;
    margin-right: 0;
    margin-bottom: 1.25rem;
}

.footer .benefit-item .media-body {
    text-align: center;
}

.footer .benefit-item .media-image svg {
    height: 3rem;
}

.footer .footer-content {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 100%;
    padding: 5rem 0 2.5rem 0;
}

.footer .footer-content h3 {
    display: flex;
    align-items: center;
    font-size: 1.25rem;
    font-weight: 600;
    min-height: 1.875rem;
}

.footer .footer-content.newsletter h3 {
    font-size: 1.5rem;
    font-weight: 600;
}

.footer .footer-content.newsletter .title-holder {
    margin-bottom: 1.75rem;
}

.footer .footer-content.newsletter .title-holder p {
    font-size: 1rem;
}

.footer .footer-content form {
    display: block;
    width: 100%;
    margin-bottom: 1rem;
}

.footer .footer-content .form-group {
    position: relative;
    margin-bottom: 0;
}

.footer .footer-content .form-control {
    padding: 0 6.25rem 0 1rem;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem;
}

.footer .footer-content .form-group .btn {
    position: absolute;
    right: 0;
    top: 0;
    height: 3.125rem;
    width: 6.25rem;
    padding: 0 1rem;
    font-size: 1rem;
    font-weight: 600;
    z-index: 1;
}

.footer .footer-content .footer-nav {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-basis: 100%;
    flex-wrap: wrap;
    padding: 0;
    margin-bottom: 0;
}

.footer .footer-content .footer-nav li {
    list-style: none;
    display: block;
    width: 100%;
}

.footer .footer-content .footer-nav a {
    display: inline-block;
    font-weight: 500;
    padding: 0.125rem 0;
}

.footer .footer-content .footer-nav a:hover {
    text-decoration: underline;
}

.footer .copyright {
    margin: 0;
}

.footer .copyright p {
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.footer .copyright ul {
    padding: 0;
    margin: 0;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.footer .copyright ul li {
    list-style: none;
    font-size: 0.75rem;
}

.footer .copyright ul li:not(:last-child) {
    margin-right: 1rem;
}

.footer .developed-by {
    font-size: 0.75rem;
    margin-top: 1rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.footer .footer-content .social-links {
    width: 100%;
    margin-top: 2.5rem;
}

.footer .footer-content .social-links svg {
    width: 1.25rem;
    height: 1.25rem;
}

.footer .footer-content .social-links ul {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0;
    margin: 0;
}

.footer .footer-content .social-links ul li {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    list-style: none;
}

.footer .footer-content .social-links ul li:not(:last-child) {
    margin-right: 1rem;
}

.footer .footer-content .social-links ul li svg {
    width: 2rem;
    height: 2rem;
}

.footer .payment-cards {
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: flex-end;
}

.footer .payment-cards .payment-item {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    height: 2rem;
    padding: 0.1625rem 0.25rem;
    overflow: hidden;
    -webkit-border-radius: 0.375rem;
    -moz-border-radius: 0.375rem;
    border-radius: 0.375rem;
}

.footer .payment-cards .payment-item:not(:last-child) {
    margin-right: 1rem;
}

.footer .payment-cards .payment-item img {
    height: 1.25rem;
    width: auto;
}

.footer .subfooter {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-basis: 100%;
    padding: 1rem 1.5rem;
    margin-top: 1rem;
    font-size: 0.75rem;
}

.blue-page-footer,
.error-footer,
.login-footer {
    position: absolute;
    bottom: 0;
    padding: 0 1.625rem 1.5rem 1.625rem;
    ;
    display: flex;
    align-items: center;
    align-self: flex-end;
    justify-content: space-between;
    width: 100%;
}

.footer a,
.blue-page-footer>a,
.error-footer>a,
.login-footer>a {
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.footer>a:hover,
.footer>a:focus,
.blue-page-footer>a:hover,
.blue-page-footer>a:focus,
.error-footer>a:hover,
.error-footer>a:focus,
.login-footer>a:hover,
.login-footer>a:focus {
    text-decoration: none;
}

.footer p,
.blue-page-footer p,
.error-footer p,
.login-footer p {
    margin-bottom: 0;
}

.blue-page-footer p a,
.error-footer p a,
.login-footer p a {
    text-decoration: underline;
}

.blue-page-footer p a:hover,
.error-footer p a:hover,
.login-footer p a:hover {
    text-decoration: none;
}

.login-footer p {
    padding: 0.5rem 0.75rem;
    line-height: 1;
    font-weight: 500;
    font-size: 0.75rem;
    -webkit-border-radius: 1.563rem;
    -moz-border-radius: 1.563rem;
    border-radius: 1.563rem;
    background-color: transparent;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

/* Scroll down animated */
.scroll-down-mob {
    display: none;
}

.aside-col .scroll-down {
    display: block;
    position: relative;
    padding-top: 3.75rem;
    text-align: center;
}

.aside-col .scroll-down .arrow-down {
    display: block;
    margin: 0 auto;
    width: 0.625rem;
    height: 1.5rem;
}

.aside-col .scroll-down .arrow-down:after {
    content: '';
    display: block;
    margin: 0;
    padding: 0;
    width: 0.5rem;
    height: 0.5rem;
    border-top: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    behavior: url(-ms-transform.htc);
    -moz-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
}

.aside-col .scroll-down .scroll-title {
    display: block;
    color: #ffffff;
}

.aside-col .scroll-down::before {
    -webkit-animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite;
    /* Safari 4+ */

    -moz-animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite;
    /* Fx 5+ */

    -o-animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite;
    /* Opera 12+ */

    animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite;
    /* IE 10+, Fx 29+ */

    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -0.063rem;
    width: 0.063rem;
    height: 3.75rem;
    background: #ffffff;
    content: ' ';
}

@-webkit-keyframes elasticus {
    0% {
        -webkit-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -o-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: scale(1, 0);
        -ms-transform: scale(1, 0);
        -moz-transform: scale(1, 0);
        -o-transform: scale(1, 0);
        transform: scale(1, 0);
    }

    50% {
        -webkit-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -o-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    50.1% {
        -webkit-transform-origin: 0% 100%;
        -ms-transform-origin: 0% 100%;
        -moz-transform-origin: 0% 100%;
        -o-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    100% {
        -webkit-transform-origin: 0% 100%;
        -ms-transform-origin: 0% 100%;
        -moz-transform-origin: 0% 100%;
        -o-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scale(1, 0);
        -ms-transform: scale(1, 0);
        -moz-transform: scale(1, 0);
        -o-transform: scale(1, 0);
        transform: scale(1, 0);
    }
}

@-moz-keyframes elasticus {
    0% {
        -webkit-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -o-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: scale(1, 0);
        -ms-transform: scale(1, 0);
        -moz-transform: scale(1, 0);
        -o-transform: scale(1, 0);
        transform: scale(1, 0);
    }

    50% {
        -webkit-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -o-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    50.1% {
        -webkit-transform-origin: 0% 100%;
        -ms-transform-origin: 0% 100%;
        -moz-transform-origin: 0% 100%;
        -o-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    100% {
        -webkit-transform-origin: 0% 100%;
        -ms-transform-origin: 0% 100%;
        -moz-transform-origin: 0% 100%;
        -o-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scale(1, 0);
        -ms-transform: scale(1, 0);
        -moz-transform: scale(1, 0);
        -o-transform: scale(1, 0);
        transform: scale(1, 0);
    }
}

@-o-keyframes elasticus {
    0% {
        -webkit-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -o-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: scale(1, 0);
        -ms-transform: scale(1, 0);
        -moz-transform: scale(1, 0);
        -o-transform: scale(1, 0);
        transform: scale(1, 0);
    }

    50% {
        -webkit-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -o-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    50.1% {
        -webkit-transform-origin: 0% 100%;
        -ms-transform-origin: 0% 100%;
        -moz-transform-origin: 0% 100%;
        -o-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    100% {
        -webkit-transform-origin: 0% 100%;
        -ms-transform-origin: 0% 100%;
        -moz-transform-origin: 0% 100%;
        -o-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scale(1, 0);
        -ms-transform: scale(1, 0);
        -moz-transform: scale(1, 0);
        -o-transform: scale(1, 0);
        transform: scale(1, 0);
    }
}

@keyframes elasticus {
    0% {
        -webkit-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -o-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: scale(1, 0);
        -ms-transform: scale(1, 0);
        -moz-transform: scale(1, 0);
        -o-transform: scale(1, 0);
        transform: scale(1, 0);
    }

    50% {
        -webkit-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -o-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    50.1% {
        -webkit-transform-origin: 0% 100%;
        -ms-transform-origin: 0% 100%;
        -moz-transform-origin: 0% 100%;
        -o-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    100% {
        -webkit-transform-origin: 0% 100%;
        -ms-transform-origin: 0% 100%;
        -moz-transform-origin: 0% 100%;
        -o-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scale(1, 0);
        -ms-transform: scale(1, 0);
        -moz-transform: scale(1, 0);
        -o-transform: scale(1, 0);
        transform: scale(1, 0);
    }
}


/******************************/
/* Default light color scheme */
/******************************/

/* Background colors */
/*********************/

/* background #252525 */
html.login-page,
.custom-pagination .previous,
.custom-pagination .next,
.col-header-options .dropdown-cart .button-holder .btn:first-child,
.btn-pill-black,
.btn-pill-black:hover,
.btn-pill-black:focus {
    background-color: #252525;
}

/* background #ffffff */
.btn-square-white,
.btn-square-white:hover,
.btn-square-white:focus,
.splide__arrow,
.splide__pagination__page,
.top-sticker.white,
.footer .payment-cards .payment-item,
.custom-pagination .previous.page,
.custom-pagination .next.page {
    background-color: #ffffff;
}

/* background #ebebeb */
.col-header-options .dropdown-menu,
.col-header-options .dropdown-menu::before,
.benefits-wrapper,
.carousel-progress,
.offcanvas-footer {
    background-color: #ebebeb;
}

/* background #fafafa */
html,
.page-wrapper,
.dropdown-menu,
.aside-col.collapse:not(.show) .aside-header .btn svg,
.aside-footer,
.form-control,
.form-control:disabled,
.form-control[readonly],
.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus,
.form-select,
.form-select:disabled,
.form-check-input,
.form-check .form-check-input:checked,
.form-group .toggle-content,
.form-control:focus,
.form-control.is-invalid:focus,
.mobile-modal-info,
.btn-pill-white,
.btn-pill-white:hover,
.btn-pill-white:focus,
.alert-light,
.toast,
.custom-modal .modal-header .btn-close,
.custom-accordion .accordion-body ul.mobile-menu li .menu-item.active,
.form-group .form-info .btn-info,
.offcanvas,
.custom-accordion .accordion-button,
.custom-accordion .accordion-button:not(.collapsed),
.custom-accordion .accordion,
.custom-accordion .accordion-item,
.login-section .content-col,
.datepicker-picker,
.datepicker-controls .button,
.dropdown-item.active,
.table-scroll th,
.table-scroll td,
.page-pagination,
.active-filters-container,
.autocomplete,
.main-slider-holder,
.splide-products .col-title,
.splide-products .col-title::before,
.aside-col .aside-col-holder,
.section,
.section-holder,
.product-item .item-colors .color-option,
.product-aside .item-colors .color-option,
.product-elements-holder .item-colors .color-option .custom-modal.document-modal .modal-header,
.document-modal .documents-list,
.search-item-holder,
.footer,
.data-card .table-holder .controls-container .control,
.search-col .vertical-menu li a:hover,
.search-col .vertical-menu-mobile li a:hover,
.active-filters-content .btn:first-child,
.active-filters-content .btn .icon-holder,
.choices__inner,
.is-focused .choices__inner,
.is-open .choices__inner,
.choices__list--dropdown,
.choices__list[aria-expanded],
.offcanvas-hr .vimeo-body .offcanvas-licence-section,
.choices__list--single {
    background-color: #fafafa;
}

/* background #f6f6f6 */
.search-col .media-image::after,
.product-featured-image .image-holder::after,
.product-featured-item .image-holder::after,
.product-item .image-holder::after,
.product-featured-image .image-holder-custom::after,
.product-featured-item .image-holder-custom::after,
.product-item .image-holder-custom::after,
.offcanvas-cart .cart-item-image::after,
.cart-section .cart-item-image::after,
.choices__list--multiple .choices__item,
.choices__list--dropdown .choices__item--selectable.is-highlighted,
.choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
    background-color: #f6f6f6;
}

/* background #eeeeee */
.top-header-container,
.accreditation-timeline .timeline-item.active,
.dropdown-item:hover,
.dropdown-item:focus,
.dropdown-menu.multilevel-menu-style2 .dropdown-item:hover,
.dropdown-menu.multilevel-menu-style2 li.dropdown.active>.dropdown-item,
.dropdown-menu.multilevel-menu-style2 li.dropdown:hover>.dropdown-item,
.table-options .table-actions .btn-action,
.accordion-actions .accordion-action-buttons .btn,
.upload-list .media,
.datepicker-cell:not(.disabled):not(.selected):hover,
.accreditation-timeline .timeline-item.disabled .item-icon,
.custom-modal.document-modal .modal-header .btn-close,
.document-modal .document-actions .btn-action,
.document-modal .document-holder .page-count,
.document-modal .modal-footer,
.search-item-holder .item-header .download,
.footer,
.footer .footer-content .form-control,
.choices__list--multiple .choices__item.is-highlighted,
.profile-section .aside-holder .aside-title .media-image,
.offcanvas-profile-mobile .profile-title .media-image {
    background-color: #eeeeee;
}

/* background #f9f9f9*/
.desktop-table tbody tr:hover th,
.desktop-table tbody tr:hover td,
.data-card .data-content:hover .data-col {
    background-color: #f9f9f9;
}

/* background rgba(254, 203, 46, 0.15) */
.document-modal .document-holder .highlighted-area,
.document-modal .document-page-item .image-holder .highlighted-area {
    background-color: rgba(254, 203, 46, 0.15);
}

/* background #E5F4FB */
.upload-list .media:hover,
.table-holder.table-data .table-title .col-table-title,
.accordion-section-title,
.data-card .table-scroll thead th {
    background-color: #E5F4FB;
}

/* background rgba(0, 145, 213, 0.15) */
.movable-box {
    background-color: rgba(0, 145, 213, 0.15);
}


/* background #0091d5 */
.scroll-line,
.popover-header,
.toast.toast-info .toast-icon,
.page-wrapper.blue-bg,
.btn-square-blue,
.btn-square-blue:hover,
.btn-square-blue:focus,
.btn-square-blue.disabled,
.btn-square-blue:disabled,
.blue-bg,
.accreditation-timeline .timeline-item .item-icon,
.datepicker-cell.focused:not(.selected),
.datepicker-cell.focused:not(.selected):hover,
.login-section .login-aside-col,
.inner-page-nav .page-nav-holder.content-center .page-nav-pagination-pagination .icon,
.blue-page-content,
.error-content,
.login-fields .login-icon .icon-holder,
.calendar-section .calendar-days-content-holder .vacation-holder.blue,
.datepicker-cell.selected,
.datepicker-cell.selected:hover,
.datepicker-cell.selected:focus,
.btn-pill-blue,
.btn-pill-blue:hover,
.btn-pill-blue:focus,
.btn-pill-blue.disabled,
.btn-pill-blue:disabled,
.desktop-table .table-header .col .btn-sort .badge-notification,
label.btn-browse,
label.btn-browse:hover,
label.btn-browse:focus,
.movable-box .drag-handle,
.movable-box .movable-box-options .btn,
.info-box.info .info-icon,
.header .col-logo .logo-letters {
    background-color: #3e6bb3;
}

/* background #eeeeee */
.offcanvas-header,
.dropdown-toggle .icon-holder,
.toast .btn-close,
.header .col-header-options .btn-user .media-image,
.header .col-header-options .btn-search .media-image,
.user-header .media-image,
.upload-list .media-image,
.btn-categories .icon-holder,
.dropdown-custom .dropdown-header:hover,
.dropdown-custom .dropdown-header:focus,
.btn-square-gray,
.btn-square-gray:hover,
.btn-square-gray:focus,
.btn-square-gray.disabled,
.btn-square-gray:disabled,
.btn-pill-gray,
.btn-pill-gray:hover,
.btn-pill-gray:focus,
.btn-pill-gray.disabled,
.btn-pill-gray:disabled,
.highlight.gray,
.custom-modal .modal-header,
.col-header-options .btn-icon-dropdown,
.aside-col .aside-header .btn,
.aside-holder .aside-nav ul li span:last-child,
.accreditation-timeline .timeline-item .highlight,
.arrow-box,
.arrow-box .arrow::after,
.calendar-section .calendar-month-item.active .month-name,
.calendar-section .calendar-month-item .btn:hover .month-name,
.calendar-section .calendar-days-content-holder .vacation-holder.gray,
.table-scroll thead th,
.table-holder .controls-container .control,
.custom-pagination .pages .page:not(.active):hover,
.col-header-options .dropdown-cart .cart-item .cart-item-content .cart-item-bottom .cart-item-quantity .form-group .form-control,
.col-header-options .dropdown-cart .cart-total-price-holder,
.document-modal .documents-list .documents-col-holder .documents-holder .document-page-item,
.search-box .input-group .form-control,
.data-card .data-header-col,
.data-card .table-holder.table-data,
.data-location .data-header-col,
.mob-data-card .data-content {
    background-color: #fafafa;
}

/* background #D9D9D9 */
.page-holder .page-header .page-header-content .page-title .button-holder::before,
.accreditation-timeline .timeline-item:not(:last-child)::before {
    background-color: #D9D9D9;
}

/* background rgb(255,255,255) */
.header,
.header .col-header-center .header-center-holder .header-search,
.search-box .input-group .form-control:focus {
    background-color: #fafafa;
}

.modal-backdrop,
.my-backdrop,
.offcanvas-backdrop {
    background-color: rgba(255, 255, 255, 0.3);
}

.btn-square-transparent-white {
    background-color: rgba(255, 255, 255, 0.2);
}

.btn-square-transparent-white:hover,
.btn-square-transparent-white:focus {
    background-color: rgba(255, 255, 255, 0.1);
}

/* background #282C2F */
.highlight.black {
    background-color: #282C2F;
}

/* background #000000 */
.icon-scroll::before,
.btn-square-black,
.btn-square-black:hover,
.btn-square-black:focus,
.custom-pagination .pages .page.active {
    background: #000000;
}

/* background #ee303c */
.toast.toast-danger .toast-icon,
.badge.badge-notification,
.badge.badge-red-dot,
.calendar-section .calendar-days-content-holder .vacation-holder.red,
.highlight.red,
.btn-square-red,
.btn-square-red:hover,
.btn-square-red:focus,
.btn-square-red.disabled,
.btn-square-red:disabled,
.top-sticker.red,
.top-sticker-left.red,
.info-box.danger .info-icon {
    background-color: #ee303c;
}

/* background #fecb2e */
.toast.toast-warning .toast-icon,
.badge.badge-yellow-dot,
.btn-square-yellow,
.btn-square-yellow:hover,
.btn-square-yellow:focus,
.btn-square-yellow.disabled,
.btn-square-yellow:disabled,
.btn-pill-yellow,
.btn-pill-yellow:hover,
.btn-pill-yellow:focus,
.btn-pill-yellow.disabled,
.btn-pill-yellow:disabled,
.highlight.yellow,
.accreditation-timeline .timeline-item .item-content .item-progress .badge,
.popover.custom-popover .item-progress .badge,
.dropdown-menu.multilevel-menu .dropdown-item:hover,
.dropdown-menu.multilevel-menu li.dropdown.active>.dropdown-item,
.dropdown-menu.multilevel-menu li.dropdown:hover>.dropdown-item,
.col-header-options .dropdown-cart .button-holder .btn:last-child,
.top-sticker.yellow,
.splide__pagination__page.is-active,
.highlighted-area .highlighted-area-options .btn,
.upload-list .media .linked-documents .btn .icon-holder {
    background-color: #fecb2e;
}

/* background #79c142 */
.toast.toast-success .toast-icon,
.badge.badge-green-dot,
.highlight.green,
.top-sticker.green,
.btn-square-green,
.btn-square-green:hover,
.btn-square-green:focus,
.btn-square-green.disabled,
.btn-square-green:disabled,
.btn-pill-green,
.btn-pill-green:hover,
.btn-pill-green:focus,
.btn-pill-green.disabled,
.btn-pill-green:disabled,
.accreditation-timeline .timeline-item.success .item-icon,
.accreditation-timeline .timeline-item.success .highlight,
.accreditation-timeline .timeline-item.success .item-content .item-progress .badge,
.popover.custom-popover .item-progress.success .badge,
.document-modal .document-actions .btn-action.green {
    background-color: #5ac2b0;
}

.carousel-progress-bar {
    background-color: #5ac2b0;
}

/* Pulse effect */
.btn-pill-green.pulse-effect,
.btn-pill-blue.pulse-effect {
    -webkit-border-radius: 1.563rem;
    -moz-border-radius: 1.563rem;
    border-radius: 1.563rem;
}

.top-sticker.pulse-effect,
.top-sticker-left.pulse-effect,
.btn.pulse-effect {
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem;
}

.pulse-effect {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.pulse-effect.orange {
    box-shadow: 0 0 0 0 rgba(254, 171, 77, 1);
    animation: pulse-orange 3s infinite;
}

.pulse-effect.blue {
    box-shadow: 0 0 0 0 rgba(0, 145, 213, 1);
    animation: pulse-blue 3s infinite;
}

.pulse-effect.green {
    box-shadow: 0 0 0 0 rgba(90, 194, 176, 1);
    animation: pulse-green 3s infinite;
}

.pulse-effect.red {
    box-shadow: 0 0 0 0 rgba(238, 48, 60, 1);
    animation: pulse-red 3s infinite;
}

@keyframes pulse-orange {
    0% {
        box-shadow: 0 0 0 0 rgba(254, 171, 77, 0.7);
    }

    70% {
        box-shadow: 0 0 0 0.625rem rgba(254, 171, 77, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(254, 171, 77, 0);
    }
}

@keyframes pulse-blue {
    0% {
        box-shadow: 0 0 0 0 rgba(0, 145, 213, 0.7);
    }

    70% {
        box-shadow: 0 0 0 0.625rem rgba(0, 145, 213, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(0, 145, 213, 0);
    }
}

@keyframes pulse-green {
    0% {
        box-shadow: 0 0 0 0 rgba(90, 194, 176, 0.7);
    }

    70% {
        box-shadow: 0 0 0 0.625rem rgba(90, 194, 176, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(90, 194, 176, 0);
    }
}

@keyframes pulse-red {
    0% {
        box-shadow: 0 0 0 0 rgba(238, 48, 60, 0.7);
    }

    70% {
        box-shadow: 0 0 0 0.625rem rgba(238, 48, 60, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(238, 48, 60, 0);
    }
}

/* background #2E53FF */
.top-sticker.blue {
    background-color: #2E53FF;
}

/* background #7121FF */
.top-sticker.violet {
    background-color: #7121FF;
}

/* background #ffeaed */
.btn-square-pink,
.btn-square-pink:hover,
.btn-square-pink:focus,
.btn-square-pink.disabled,
.btn-square-pink:disabled,
.dropdown-custom .dropdown-item.logout:hover,
.dropdown-custom .dropdown-item.logout:focus,
.table-holder.table-data>p span,
.table-holder.table-data .suspended td,
.accordion-title p span,
.custom-accordion .accordion-item.suspended .accordion-button {
    background-color: #ffeaed;
}

/* bacground #e3f1fe*/
.dropdown-custom .dropdown-content .dropdown-item.new-request:hover {
    background-color: #e3f1fe;
}

.newsletter .section-holder {
    background: linear-gradient(225deg, #2E53FF, #0065fa 50%, #2E53FF);
}

/* Font colors */
/*********************/

/* font #252525 */
body,
h1,
h2,
h3,
h4,
h5,
h6,
.top-header ul li a,
.top-header .col-top-country a,
.top-header .col-top-country .btn.active,
.top-header ul li a:hover,
.top-header ul li a:focus,
.top-header ul li a:hover svg,
.col-categories .btn-group .btn span,
.col-categories .btn-group .btn:hover span,
.col-categories .btn-group .btn.show span,
.col-header-options .btn-group .btn:hover .media-body span,
.col-header-options .btn-group .btn.show .media-body span,
.col-header-options .btn-group .btn span,
.header .col-categories .btn-group a:focus,
.btn-categories .icon-holder svg,
.custom-accordion .accordion-body ul.mobile-menu li .menu-item,
.user-option .dropdown-custom.dropdown-menu .dropdown-item.active,
.search-col .vertical-menu li a,
.search-col .vertical-menu-mobile li a,
.toast,
.toast .btn-close,
.breadcrumb-item a,
.breadcrumb-item a:hover,
.breadcrumb-item a:focus,
.breadcrumb-item.active,
a,
a:hover,
a:focus,
a.dark-link,
a.dark-link-underline,
a.dark-link:hover,
a.dark-link:focus,
a.dark-link-underline:hover,
a.dark-link-underline:focus,
.upload-list .media .btn-link,
.offcanvas-header,
.offcanvas-header .btn-close,
.dropdown-item,
.dropdown-custom .dropdown-header,
.form-text,
.form-text-preview,
.form-check label a,
.dropdown-menu,
.dropdown-item:hover,
.dropdown-item:focus,
.dropdown-item.active,
.dropdown-custom .dropdown-header:hover,
.dropdown-custom .dropdown-header:focus,
.form-select,
.form-select:focus,
.form-control,
.form-control:focus,
.form-control::placeholder,
.btn,
.btn:hover,
.btn-square-yellow,
.btn-square-yellow:hover,
.btn-square-yellow:focus,
.btn-square-yellow.disabled,
.btn-square-yellow:disabled,
.btn-square-white,
.btn-square-white:hover,
.btn-square-white:focus,
.btn-square-white.disabled,
.btn-square-white:disabled,
.btn-pill-yellow,
.btn-pill-yellow:hover,
.btn-pill-yellow:focus,
.btn-pill-yellow.disabled,
.btn-pill-yellow:disabled,
.search-col h3 a,
.col-header-options .btn-icon-dropdown svg,
.col-header-options .dropdown-cart .cart-item .cart-item-content .cart-item-bottom .cart-item-title h2 a,
.col-header-options .dropdown-cart .cart-item .cart-item-content .cart-item-top .cart-item-header .cart-item-options .btn-options,
.col-header-options .dropdown-cart .button-holder .btn:last-child,
.btn-square-gray,
.btn-square-gray:hover,
.btn-square-gray:focus,
.btn-square-gray.disabled,
.btn-square-gray:disabled,
.btn-pill-gray,
.btn-pill-gray:hover,
.btn-pill-gray:focus,
.highlight.gray,
.top-sticker.white,
.product-item h3 a,
.btn-square-outline-blue,
.btn-square-outline-blue:hover,
.btn-square-outline-blue:focus,
.btn-square-outline-blue.disabled,
.btn-square-outline-blue:disabled,
.custom-modal .modal-header .btn-close,
.custom-modal .modal-icon-holder svg,
.custom-modal .modal-header-content h5,
.header .col-header-options .btn-cart svg,
.header .col-header-options .btn-user svg,
.header .col-header-options .btn-search svg,
.aside-col .aside-header .btn,
.aside-holder .aside-nav ul li .btn,
.aside-holder .aside-nav ul li span:last-child,
.aside-holder .aside-nav ul li .btn-link.new-request span:first-child,
.calendar-section .calendar-month-item .btn,
.calendar-section .calendar-month-item .btn:hover,
.calendar-section .calendar-month-item .btn:focus,
.calendar-section .calendar-days-content-holder .vacation-holder.gray,
.calendar-section .calendar-days-content-holder .vacation-holder .badge-holder,
.calendar-section .controls-container .control,
.datepicker-controls .button,
.datepicker-header .datepicker-controls .button:hover,
.datepicker-cell.day,
.custom-pagination .previous.page,
.custom-pagination .next.page,
.custom-accordion .accordion-button,
.custom-accordion .accordion-button:not(.collapsed),
.active-filters-content .btn,
.active-filters-content .btn:hover,
.active-filters-content .btn:focus,
.active-filters-content .btn .icon-holder,
.active-filters-content .btn:hover .icon-holder,
.active-filters-content .btn:focus .icon-holder,
.footer .footer-content .footer-nav a,
.footer .footer-content .footer-nav a:hover,
.footer .footer-content .footer-nav a:focus,
.section-title h2 a,
.form-group .download-link a,
.form-group .download-link a:hover,
.form-group .download-link a:focus,
.upload-list .media a,
.upload-list .media a:hover,
.upload-list .media a:focus,
.accreditation-timeline .timeline-item.disabled .item-icon,
.inner-page-nav .page-nav-holder.content-center .page-nav-pagination-pagination .icon-holder a,
.inner-page-nav .page-nav-holder.content-center .page-nav-pagination-pagination .icon-holder a:hover,
.inner-page-nav .page-nav-holder.content-center .page-nav-pagination-pagination .icon-holder a:focus,
.inner-page-nav .page-nav-holder.content-center .page-nav-pagination-pagination .icon-holder a.disabled,
.inner-page-nav .page-nav-holder.content-center .page-nav-pagination-pagination .icon-holder a.disabled:hover,
.view-all-link,
.view-all-link:hover,
.view-all-link:focus,
.movable-box,
.accreditation-timeline .timeline-item .item-content h5,
.accreditation-timeline .timeline-item .item-content p,
.accreditation-timeline .timeline-item .highlight,
.accreditation-timeline .timeline-item .item-content .item-progress,
.popover.custom-popover .item-content ul li a,
.popover.custom-popover .item-content a:hover,
.popover.custom-popover .item-content a:focus,
.document-modal .documents-list .documents-col-holder .documents-holder .document-page-item,
.search-item-holder .item-title h2 a,
.search-item-holder .item-header .download,
.search-item-holder .item-content .content-col ul li span a,
.splide__arrow,
.feature-categories .splide .splide__slide a,
.benefit-item a,
.benefit-item a:hover,
.benefit-item a:focus,
.latest-news .col .content-holder h3 a,
.article-news .col .content-holder h3 a,
.offcanvas-cart .cart-item-description ul li span:first-child,
.cart-section .cart-item-description ul li span:first-child,
.image-box.image-full-width h3 strong,
.footer,
.footer a,
.choices__list--multiple .choices__item,
.choices__list--dropdown .choices__item--selectable.is-highlighted::after,
.choices__list[aria-expanded] .choices__item--selectable.is-highlighted::after {
    color: #252525;
}

svg.black {
    color: #000000;
}

/* font #ffffff */
.popover-header,
.btn-categories,
.btn-categories:hover,
.btn-categories:focus,
.col-header-options .dropdown-cart .button-holder .btn:first-child,
.col-header-options .btn-group .btn span.badge,
.toast .toast-icon svg,
.btn-square-blue,
.btn-square-blue:hover,
.btn-square-blue:focus,
.btn-square-blue.disabled,
.btn-square-blue:disabled,
.btn-square-black,
.btn-square-black:hover,
.btn-square-black:focus,
.btn-square-black.disabled,
.btn-square-black:disabled,
.btn-square-red,
.btn-square-red:hover,
.btn-square-red:focus,
.btn-square-red.disabled,
.btn-square-red:disabled,
.btn-square-green,
.btn-square-green:hover,
.btn-square-green:focus,
.btn-square-green.disabled,
.btn-square-green:disabled,
.btn-square-transparent-white,
.btn-pill-black,
.btn-pill-black:hover,
.btn-pill-black:focus,
.btn-pill-black.disabled,
.btn-pill-black:disabled,
.btn-pill-blue,
.btn-pill-blue:hover,
.btn-pill-blue:focus,
.btn-pill-blue.disabled,
.btn-pill-blue:disabled,
.btn-pill-green,
.btn-pill-green:hover,
.btn-pill-green:focus,
.btn-pill-green.disabled,
.btn-pill-green:disabled,
.datepicker-cell.focused:not(.selected),
.blue-bg,
.login-section .login-aside-col,
.login-footer p,
.login-footer p a,
.blue-page-content .blue-page-content-holder .blue-page-body,
.blue-page-content .icon-holder,
.error-content .error-content-holder .error-body,
.error-content .icon-holder,
.error-footer>a,
.error-footer p a,
.blue-page-footer>a,
.blue-page-footer p a,
.login-section .login-content h1,
.login-section .login-content p,
.login-section .login-content .form-group label,
.login-section .login-content .form-check label,
.login-section .login-header .logo-holder a,
.login-section .login-header .logo-holder a:hover,
.login-section .login-header .logo-holder a:focus,
.login-section .logo-item a,
.login-fields .login-icon .icon-holder,
.calendar-section .calendar-days-content-holder .vacation-holder.blue,
.calendar-section .calendar-days-content-holder .vacation-holder.red,
.inner-page-nav .page-nav-holder.content-center .page-nav-pagination-pagination svg,
.datepicker-cell.selected,
.datepicker-cell.selected:hover,
.datepicker-cell.selected:focus,
.highlight.green,
.highlight.red,
.highlight.black,
.top-sticker.green,
.accreditation-timeline .timeline-item.success .highlight,
.top-sticker.red,
.top-sticker-left.red,
.top-sticker.blue,
.top-sticker.violet,
.custom-pagination .pages .page.active,
.newsletter .section-holder,
.accreditation-timeline .timeline-item .item-icon,
label.btn-browse,
label.btn-browse:hover,
label.btn-browse:focus,
.movable-box .drag-handle,
.movable-box .movable-box-options .btn,
.document-modal .document-actions .btn-action.green,
.info-box.info .info-icon,
.info-box.danger .info-icon,
.header .col-logo .logo-letters {
    color: #ffffff;
}

/* color #0065fa */
.aside-holder .aside-nav li .btn-link.new-request,
.aside-holder .aside-nav ul li .btn-link.new-request span:last-child,
.dropdown-custom .dropdown-content .dropdown-item.new-request span,
.form-group .form-info>svg,
svg.blue,
.custom-modal .modal-header-content .modal-info>svg,
.custom-modal .modal-header-content .modal-info .hover-notification span,
.blank-page-holder .blank-page-icon svg,
.dropdown-item.active,
.dropdown-menu.multilevel-menu-style2 li.dropdown.active:focus>.dropdown-item,
.custom-accordion .accordion-body ul.mobile-menu li .menu-item.active {
    color: #3e6bb3;
}

/* font #92929F */
.text-light {
    color: #92929F !important;
}

.form-select:disabled,
.form-control:disabled,
.form-control[readonly],
.login-fields .login-title p,
.login-section .login-fields .button-holder p,
.calendar-section .calendar-month-item p,
.datepicker-cell.next:not(.disabled),
.datepicker-cell.prev:not(.disabled),
.col-header-options .dropdown-notification .media-body time,
.truncate p,
.truncate span {
    color: #92929F;
}

/* color: #acacac */
.benefit-item .media-image svg {
    color: #acacac;
}

del,
.product-item .item-price,
.product-aside .item-price,
.product-elements-holder .item-price,
.image-box.image-full-width h3,
.search-col .media-body .item-price,
.latest-news .col .content-holder p,
.article-news .col .content-holder p,
.offcanvas-cart .cart-item-description ul li,
.offcanvas-cart .cart-item-footer .cart-item-price,
.cart-section .cart-item-price p.quantity-title {
    color: #616161;
}

/* font #68B984 */
.text-green,
.svg-green {
    color: #68B984 !important;
}

.col-header-options .dropdown-cart .cart-item .cart-item-content .cart-item-top .cart-item-header .cart-item-options .btn:first-child {
    color: #D9D9D9;
}

/* social colors */
a.twitter svg,
.top-header ul li a.twitter:hover svg {
    color: #55acee;
}

a.linkedin svg,
.top-header ul li a.linkedin:hover svg {
    color: #0e76a8;
}

a.youtube svg,
.top-header ul li a.youtube:hover svg {
    color: #b31217;
}

svg.green {
    color: #5ac2b0;
}

.top-header ul li a:hover,
.footer ul li a:hover {
    opacity: 1;
}

/* font #ee303c */
.dropdown-custom .dropdown-item.logout,
.form-control.is-invalid~label,
.was-validated .form-control:invalid~label,
.form-floating>.form-control.is-invalid:not(:placeholder-shown)~label,
label.is-invalid,
.form-control.is-invalid~label,
.was-validated .form-control:invalid~label,
.btn-square-pink,
.btn-square-pink:hover,
.btn-square-pink:focus,
.btn-square-pink.disabled,
.btn-square-pink:disabled,
.text-red,
.svg-red,
.col-header-options .dropdown-cart .cart-item .cart-item-content .cart-item-top .cart-item-header .cart-item-options .btn:first-child:hover,
.header .col-header-center .header-center-holder nav ul li .btn-nav.discounts,
.product-item .item-price.discount span,
.product-aside .item-price.discount span,
.product-elements-holder .item-price.discount span,
.search-col .media-body .item-price.discount span,
.offcanvas-categories .link-item.discounts a,
.offcanvas-cart .cart-item-description ul li.discount,
.offcanvas-cart .cart-item-footer .cart-item-price.discount,
.offcanvas-cart .total-price-holder .total-item.savings,
.cart-section .cart-item-description ul li.discount,
.cart-section .cart-item-price.discount,
.cart-total-holder .cart-price-item.sale-savings {
    color: #ee303c !important;
}

/* border 1px #ff8299 */
.btn-square-pink,
.btn-square-pink:hover,
.btn-square-pink:focus {
    border: 1px solid #ff8299;
}

/* border 2px #feab4d */
.active-border {
    border: 2px solid #feab4d;
}

/* background image section title */
.section-title h2 span {
    background-image: linear-gradient(#fecb2e, #fecb2e);
}

.splide__track--nav>.splide__list>.splide__slide {
    border: 1px solid transparent;
}

.splide__track--nav>.splide__list>.splide__slide.is-active,
.choices__inner,
.is-open .choices__list--dropdown,
.is-open .choices__list[aria-expanded],
.choices__inner:focus,
.is-focused .choices__inner,
.is-open .choices__inner,
.choices[data-type*="select-one"] .choices__input {
    border: 1px solid #000000;
}

.product-item .item-colors .color-option,
.product-aside .item-colors .color-option,
.product-elements-holder .item-colors .color-option {
    border: 2px solid transparent;
}

.product-item .item-colors .color-option.active,
.product-item .item-colors .color-option:hover,
.product-aside .item-colors .color-option.active,
.product-aside .item-colors .color-option:hover,
.product-elements-holder .item-colors .color-option.active,
.product-elements-holder .item-colors .color-option:hover {
    border: 2px solid #252525;
}

/* border-right 1px #acacac */
.benefit-item:not(:last-child) {
    border-right: 1px solid #acacac;
}

.footer .benefits-wrapper,
.offcanvas-cart .cart-item:not(:last-child),
.cart-section .cart-item:not(:last-child),
.toolbar-section {
    border-bottom: 1px solid #D9D9D9;
}

.autocomplete {
    border-top: 1px solid #fafafa;
    border-left: 1px solid #D9D9D9;
    border-right: 1px solid #D9D9D9;
    border-bottom: 1px solid #D9D9D9;
}

/* border 1px #D9D9D9 */
.search-box .form-control,
.search-box .input-group .form-control:focus,
.categories-menu-holder .submenu,
.categories-menu-holder .sub-submenu,
.form-control,
.form-control:disabled,
.form-control[readonly],
.form-select,
.image-preview,
.check-holder,
.upload-list,
.mob-data-card,
.footer .payment-cards .payment-item {
    border: 1px solid #D9D9D9;
}

/* border-color #D9D9D9 */
.form-control:focus,
.form-select:focus {
    border-color: #D9D9D9;
}

/* border-bottom #D9D9D9 */
.custom-accordion .accordion-item,
.calendar-section .calendar-days-holder,
.desktop-table th,
.desktop-table td,
.col-header-options .dropdown-cart .cart-item:not(:last-child),
.horizontal-menu-container>h3,
.search-col>h3,
.search-col .media:not(:last-child),
.document-modal .modal-header,
.search-item-holder .item-header,
.search-item-holder .item-content,
.location-status-holder .item-content,
.data-card .data-header-col,
.data-card .data-col,
.data-location .data-header-col,
.data-location .data-col,
.aside-holder .aside-title {
    border-bottom: 1px solid #D9D9D9;
}

.header {
    border-bottom: 1px solid transparent;
}

.page-pagination,
.cart-total-holder .cart-price-item.total-price {
    border-top: 1px solid #D9D9D9;
    border-bottom: 1px solid #D9D9D9;
}

.contact-section .service-items-holder .service-item:first-child {
    border-top: 1px solid #D9D9D9;
}

.contact-section .service-items-holder .service-item:not(:last-child) {
    border-bottom: 1px solid #D9D9D9;
}

.dropdown-custom.dropdown-menu.dropdown-megamenu {
    border-top: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
}

.dropdown-custom.dropdown-menu.dropdown-megamenu .col-mega:first-child .content-holder {
    border-right: 1px solid #d6d6d6;
}

/* border-top #D9D9D9 */
.inner-page-nav,
.dropdown-divider,
.offcanvas-divider,
.developed-by,
.offcanvas-cart .total-price-holder .total-item.total-price,
.cart-checkout .cart-total-holder,
.profile-section .cart-total-holder {
    border-top: 1px solid #D9D9D9;
}

/* border-right #D9D9D9 */
.desktop-table .table-header th:not(:last-child),
.desktop-table .table-content th,
.desktop-table .table-content td:not(:last-child),
.search-col:first-child .search-content,
.aside-col .aside-col-holder,
.location-status-holder .item-content .content-col:first-child,
.data-card .data-header-col:not(:last-child),
.data-card .data-col:not(:last-child),
.data-location .data-header-col:not(:last-child),
.data-location .data-col:not(:last-child) {
    border-right: 1px solid #D9D9D9;
}

.desktop-table .table-header th:last-child,
.desktop-table .table-content td:last-child {
    border-left: 1px solid #D9D9D9;
}

.search-item-holder .item-content .content-col:nth-child(2) {
    border-left: 1px solid #D9D9D9;
    border-right: 1px solid #D9D9D9;
}

.document-modal .documents-list .documents-col-holder .documents-holder {
    border-left: 1px solid #D9D9D9;
}

/* border-color #D9D9D9 */
.form-check .form-check-input,
.form-check .form-check-input:focus {
    border-color: #D9D9D9;
}

.form-check:hover .form-check-input,
.form-check .form-check-input:checked {
    border-color: #252525;
}

.field-title h2 {
    border-bottom: 1px solid #D9D9D9;
}

.document-modal .documents-list .documents-col-holder .documents-holder .document-page-item:hover {
    border: 2px solid #D9D9D9;
    text-decoration: none;
}

/*  border 1px #000000 */
.splide__arrow,
.top-sticker.white,
.icon-scroll,
.form-control,
.form-control:focus,
.active-filters-content .btn .icon-holder,
.custom-pagination .previous.page,
.custom-pagination .next.page,
.offcanvas-cart .cart-item-footer .cart-item-quantity .form-group .input-group .btn,
.cart-section .cart-item-quantity .form-group .input-group .btn {
    border: 1px solid #000000;
}

.offcanvas-header .btn-close {
    border-color: transparent;
}

/* border #0065fa */
.btn-square-outline-blue,
.btn-square-outline-blue:hover,
.btn-square-outline-blue:focus {
    border: 1px solid #0091d5;
}

.document-modal .documents-list .documents-col-holder .documents-holder .document-page-item.active {
    border: 2px solid #0091d5;
}

/* border-color #ee303c */
.form-control.is-invalid,
.was-validated .form-control:invalid,
.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus,
.form-select.is-invalid,
.was-validated .form-select:invalid,
.form-select.is-invalid:focus,
.was-validated .form-select:invalid:focus,
.form-stacked .form-floating .form-control.is-invalid,
.form-stacked .form-floating:first-of-type .form-control.is-invalid {
    border-color: #ee303c;
}

/* popover-arrow border-color #3e6bb3 */
.blue-arrow.bs-popover-auto[data-popper-placement^="right"]>.popover-arrow::before,
.blue-arrow.bs-popover-end>.popover-arrow::before,
.blue-arrow.bs-popover-auto[data-popper-placement^="right"]>.popover-arrow::after,
.blue-arrow.bs-popover-end>.popover-arrow::after {
    border-right-color: #3e6bb3;
}

.blue-arrow.bs-popover-auto[data-popper-placement^="left"]>.popover-arrow::before,
.blue-arrow.bs-popover-start>.popover-arrow::before,
.blue-arrow.bs-popover-auto[data-popper-placement^="left"]>.popover-arrow::after,
.blue-arrow.bs-popover-start>.popover-arrow::after {
    border-left-color: #3e6bb3;
}

.blue-arrow.bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::before,
.blue-arrow.bs-popover-top>.popover-arrow::before,
.blue-arrow.bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::after,
.blue-arrow.bs-popover-top>.popover-arrow::after {
    border-top-color: #3e6bb3;
}

.blue-arrow.bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow::before,
.blue-arrow.bs-popover-bottom>.popover-arrow::before,
.blue-arrow.bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow::after,
.blue-arrow.bs-popover-bottom>.popover-arrow::after {
    border-bottom-color: #3e6bb3;
}

/* popover-arrow border-color #3e6bb3 */
.green-arrow.bs-popover-auto[data-popper-placement^="right"]>.popover-arrow::before,
.green-arrow.bs-popover-end>.popover-arrow::before,
.green-arrow.bs-popover-auto[data-popper-placement^="right"]>.popover-arrow::after,
.green-arrow.bs-popover-end>.popover-arrow::after {
    border-right-color: #5ac2b0;
}

.green-arrow.bs-popover-auto[data-popper-placement^="left"]>.popover-arrow::before,
.green-arrow.bs-popover-start>.popover-arrow::before,
.green-arrow.bs-popover-auto[data-popper-placement^="left"]>.popover-arrow::after,
.green-arrow.bs-popover-start>.popover-arrow::after {
    border-left-color: #5ac2b0;
}

.green-arrow.bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::before,
.green-arrow.bs-popover-top>.popover-arrow::before,
.green-arrow.bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::after,
.green-arrow.bs-popover-top>.popover-arrow::after {
    border-top-color: #5ac2b0;
}

.green-arrow.bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow::before,
.green-arrow.bs-popover-bottom>.popover-arrow::before,
.green-arrow.bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow::after,
.green-arrow.bs-popover-bottom>.popover-arrow::after {
    border-bottom-color: #5ac2b0;
}

/* popover-arrow border-color #000000 */
.black-arrow.bs-popover-auto[data-popper-placement^="right"]>.popover-arrow::before,
.black-arrow.bs-popover-end>.popover-arrow::before,
.black-arrow.bs-popover-auto[data-popper-placement^="right"]>.popover-arrow::after,
.black-arrow.bs-popover-end>.popover-arrow::after {
    border-right-color: #000000;
}

.black-arrow.bs-popover-auto[data-popper-placement^="left"]>.popover-arrow::before,
.black-arrow.bs-popover-start>.popover-arrow::before,
.black-arrow.bs-popover-auto[data-popper-placement^="left"]>.popover-arrow::after,
.black-arrow.bs-popover-start>.popover-arrow::after {
    border-left-color: #000000;
}

.black-arrow.bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::before,
.black-arrow.bs-popover-top>.popover-arrow::before,
.black-arrow.bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::after,
.black-arrow.bs-popover-top>.popover-arrow::after {
    border-top-color: #000000;
}

.black-arrow.bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow::before,
.black-arrow.bs-popover-bottom>.popover-arrow::before,
.black-arrow.bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow::after,
.black-arrow.bs-popover-bottom>.popover-arrow::after {
    border-bottom-color: #000000;
}



/* dropdown multilevel menu svg color #000000 */
.dropdown-menu.multilevel-menu li.dropdown>a::after,
.dropdown-menu.multilevel-menu-style2 li.dropdown>a::after {
    content: url('data:image/svg+xml,<svg stroke="%23000000" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M184 112l144 144-144 144" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="48"></path></svg>');
}

/* dropdown sort table svg color #0091d5 */
.desktop-table .table-header .col .dropdown-menu .dropdown-item.active::after {
    content: url('data:image/svg+xml,<svg stroke="%230091d5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M416 128L192 384l-96-96"></path></svg>');
}

/* Breadcrumb before svg color #000000 */
.breadcrumb-item+.breadcrumb-item::before {
    content: url('data:image/svg+xml,<svg stroke="%23000000" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M184 112l144 144-144 144" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="48"></path></svg>');
}

/* form-control svg color #ee303c */
.form-control.is-invalid,
.was-validated .form-control:invalid {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23ee303c'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23ee303c' stroke='none'/%3e%3c/svg%3e");
}

/* form-select svg color #000000 */
.form-select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

/* form-select svg color #ee303c */
.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"] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23ee303c'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23ee303c' stroke='none'/%3e%3c/svg%3e");
}

/* form-select:disabled svg color #92929F */
.form-select:disabled {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%2392929F' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    cursor: not-allowed;
}

/* .form-check .form-check-input:checked radio and checkbox color #252525  */
.form-check .form-check-input:checked[type="checkbox"],
.form-check .form-check-input:checked[type="radio"] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23252525' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}

/* choices single chevron */
.choices[data-type*="select-one"]::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23252525' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

.choices[data-type*="select-multiple"]::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23252525' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

.choices[data-type*="select-multiple"] .choices__button {
    background-image: url('data:image/svg+xml,<svg fill="%23252525" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 469.33 469.33"><path d="M256,490.67c129.6,0,234.67-105.06,234.67-234.67S385.6,21.33,256,21.33,21.33,126.4,21.33,256C21.49,385.54,126.46,490.51,256,490.67ZM256,64c106,0,192,86,192,192S362,448,256,448,64,362,64,256,150,64.12,256,64Z" transform="translate(-21.33 -21.33)"></path><path d="M176.92,335.08a21.33,21.33,0,0,0,30.17,0L256,286.17l48.92,48.92a21.33,21.33,0,0,0,30.17-30.17L286.17,256l48.92-48.92a21.33,21.33,0,0,0-30.17-30.17L256,225.83l-48.92-48.92a21.33,21.33,0,0,0-30.17,30.17L225.83,256l-48.92,48.92a21.33,21.33,0,0,0,0,30.17Z" transform="translate(-21.33 -21.33)"></path></svg>');
}

.choices[data-type*="select-one"] .choices__button {
    background-image: url('data:image/svg+xml,<svg fill="%23252525" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 469.33 469.33"><path d="M256,490.67c129.6,0,234.67-105.06,234.67-234.67S385.6,21.33,256,21.33,21.33,126.4,21.33,256C21.49,385.54,126.46,490.51,256,490.67ZM256,64c106,0,192,86,192,192S362,448,256,448,64,362,64,256,150,64.12,256,64Z" transform="translate(-21.33 -21.33)"></path><path d="M176.92,335.08a21.33,21.33,0,0,0,30.17,0L256,286.17l48.92,48.92a21.33,21.33,0,0,0,30.17-30.17L286.17,256l48.92-48.92a21.33,21.33,0,0,0-30.17-30.17L256,225.83l-48.92-48.92a21.33,21.33,0,0,0-30.17,30.17L225.83,256l-48.92,48.92a21.33,21.33,0,0,0,0,30.17Z" transform="translate(-21.33 -21.33)"></path></svg>');
}

@media (max-width: 991px) {

    .accreditation-timeline {
        padding: 1rem 0;
    }

    .search-col .vertical-menu li a,
    .search-col .vertical-menu-mobile li a {
        padding: 0.5rem 0;
    }

    .search-col .vertical-menu li a:hover,
    .search-col .vertical-menu-mobile li a:hover,
    .aside-col,
    .aside-col .dropdown-menu,
    .aside-col .custom-accordion .accordion-item,
    .aside-col .custom-accordion .accordion-button,
    .aside-col .custom-accordion .accordion-button:not(.collapsed),
    .aside-footer {
        background-color: #fafafa;
    }

    .aside-col .aside-header .btn,
    .aside-col .btn-square-gray,
    .aside-holder .aside-nav ul li span:last-child,
    .product-featured-image.image-holder::after,
    .product-featured-item.image-holder::after,
    .product-item .image-holder,
    .product-item .image-holder-custom {
        background-color: #fafafa;
    }

    .login-section .logo-item a {
        color: #000000;
    }

    .top-header .col-featured ul li:last-child a {
        color: #fecb2e;
    }

    .cart-total-holder {
        border-top: 1px solid #D9D9D9;
    }
}

/*********************/
/* Dark color scheme */
/*********************/

@media (prefers-color-scheme: dark) {
    /* Dark color scheme here ... */
}

/*********************/
/**** Media query ****/
/*********************/


/* Custom width container */
/* min-width */
@media (min-width:576px) {
    .container {
        max-width: 576px
    }
}

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

@media (min-width:992px) {
    .container {
        max-width: 95%;
    }

    .main-banner .row {
        margin-right: 0;
    }

    .main-banner .container {
        max-width: 100%;
        margin: 0;
        padding-left: calc(2.5% + 0.75rem);
        padding-right: 0;
    }

    .main-banner .col:last-child {
        padding-right: 0;
    }

    .main-banner .col {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }

    .main-banner .content-holder:first-child {
        max-width: 21.25rem;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 85%;
    }

    .main-banner .container {
        padding-left: calc(7.5% + 0.75rem);
    }
}

@media (min-width:1700px) {
    .container {
        max-width: 85%;
    }

    .main-banner .container {
        padding-left: calc(7.5% + 0.75rem);
    }
}

@media (min-width: 992px) {

    .header .logo-mobile,
    .form-group .toggle,
    .form-group .toggle-content,
    .filters-mobile-button,
    .top-header ul li a .mobile-icon,
    .col-categories.mobile,
    .top-header .col-featured ul.featured-mobile,
    .col-header-options .search-mobile-option,
    .main-slider-holder .splide.mobile-slider {
        display: none;
    }

    .main-slider-holder .splide__slide {
        height: 31.25rem;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top left;
    }

    .main-slider-holder .splide .splide__arrows {
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        bottom: 1rem;
        left: 1rem;
    }

    .main-slider-holder .splide .splide__arrows .splide__arrow {
        position: relative;
        top: unset;
        left: unset;
        right: unset;
        transform: none;
    }

    .main-slider-holder .splide .splide__arrows .splide__arrow:not(:first-of-type) {
        margin-left: 0.5rem;
    }

    .featured-categories .section-holder .splide__arrow--prev {
        left: 0;
        transform: translate(-50%, -50%);
    }

    .featured-categories .section-holder .splide__arrow--next {
        right: 0;
        transform: translate(50%, -50%);
    }

    .col-mobile-total-pages {
        display: none;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {

    .main-banner .content-holder h1,
    .splide-products .title h2,
    .latest-news h2,
    .article-news h2,
    .image-box .content-holder h3 {
        font-size: 2rem;
    }

    .latest-news .col .content-holder h3 {
        font-size: 1.5rem;
    }

    .footer .benefit-item h3,
    .article-news .col .content-holder h3 {
        font-size: 1.25rem;
    }

    .footer .benefit-item p {
        font-size: 1rem;
    }

    .footer .payment-cards .payment-item:not(:last-child) {
        margin-right: 0.5rem;
    }

    .main-banner .content-holder p {
        font-size: 1rem;
    }

    .login-section .aside-content-holder {
        padding: 2rem;
    }

    .login-section .aside-content-holder .aside-body p {
        font-size: 1rem;
    }

    .login-section .logo-item a,
    .login-section .logo-item .hover-notification span {
        font-size: 0.875rem;
    }

    .search-col:first-child {
        width: 40%;
        padding-left: 0;
    }

    .aside-col,
    .aside-col-holder {
        width: 18rem;
    }
}

@media (min-width: 768px) {
    .offcanvas-md .offcanvas-body {
        padding: 0 1.5rem 1rem 1.5rem;
    }
}

/* max-width */
@media (max-width: 1599px) {

    .main-banner .content-holder h1,
    .main-title h1,
    .splide-products .title h2,
    .latest-news h2,
    .article-news h2,
    .image-box .content-holder h3 {
        font-size: 2.5rem;
    }

    .main-banner .content-holder p,
    .image-box .content-holder p {
        font-size: 1.25rem;
    }
}

@media (max-width: 1299px) {
    .product-section .custom-accordion.product-accordion .media-image img {
        max-width: 7rem;
    }

    .cart-section .cart-item-price .price-content {
        font-size: 0.875rem;
    }

    .cart-section .cart-item-description,
    .cart-section .cart-item-price span,
    .offcanvas-cart .cart-item-description {
        font-size: 0.75rem;
    }

    .main-banner .content-holder h1,
    .main-title h1,
    .page-title .title-text h1,
    .page-section.splide-full-width h2,
    .splide-products .title h2,
    .latest-news h2,
    .article-news h2,
    .image-box .content-holder h3,
    .splide-double h2,
    .splide-single h2,
    .cart-section .title h1,
    .contact-section .title h1,
    .profile-section .title h1,
    .profile-section.cart-section .title h1,
    .register-section .title h1 {
        font-size: 2rem;
    }

    .design-details h2 {
        font-size: 2.5rem;
    }

    .main-banner .content-holder p,
    .image-box .content-holder p,
    .main-content p {
        font-size: 1rem;
    }
}

@media (max-width: 1199px) {

    .search-item-holder .item-content .content-col:nth-child(2),
    .location-status-holder .item-content .content-col:first-child {
        border: 0 none;
    }
}

@media (max-width: 991px) {

    .register-section .col:first-child {
        margin-bottom: 3rem;
    }

    .register-section .button-holder .btn {
        width: 100%;
    }

    .contact-section .contact-info-holder {
        margin-top: 2rem;
    }

    .product-section .custom-accordion.product-accordion .col:last-child .item-content {
        padding-left: 0;
        padding-top: 2rem;
    }

    .top-header ul li a span {
        display: none;
    }

    .top-header .col-info ul li:not(:last-child) {
        margin-right: 1.25rem;
    }

    .top-header ul li:nth-child(3) {
        margin-right: 0;
    }

    .header>.container-fluid {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .header .col-logo {
        width: auto;
    }

    .col-categories.desktop {
        display: none;
    }

    .col-categories .btn-group .btn span {
        display: none;
    }

    .header .logo {
        display: none;
    }

    .header .logo-mobile {
        display: block;
        width: 2.5rem;
    }

    .header .logo img {
        height: 2.25rem;
    }

    .header .col-header-center,
    .col-header-options .btn-group .btn .media-body span {
        display: none;
    }

    .col-header-options {
        flex: 1 0 0%;
        justify-content: flex-end;
    }

    .section.main-banner {
        padding: 2.5rem 0;
    }

    .section.main-banner .content-holder {
        margin-bottom: 2.5rem;
    }

    .image-box .image-holder {
        margin-bottom: 2.5rem;
    }

    .image-box .image-holder-custom {
        margin-bottom: 2.5rem;
}

    .image-box.image-right .content-holder {
        margin-bottom: 2.5rem;
    }

    .splide-products .title {
        margin-bottom: 2.5rem;
    }

    .splide-products .col-title::before {
        display: none;
    }

    .recently-viewed-product .splide__slide,
    .feature-categories .splide__slide,
    .splide-products .splide__slide {
        max-width: 18.75rem;
    }

    .latest-news .col:not(:last-of-type),
    .article-news .col:not(:last-of-type) {
        margin-bottom: 5rem;
    }

    .image-box.image-right .col:first-child {
        order: 1;
    }

    .image-box.image-right .col:last-child {
        order: 2;
    }

    .footer .benefit-item h3 {
        font-size: 1.25rem;
    }

    .footer .benefit-item p {
        font-size: 1rem;
    }

    .footer .footer-content {
        max-width: 28.75rem;
        margin: 0 auto;
    }

    .footer .footer-content:not(.newsletter) {
        padding-top: 0;
    }

    .newsletter .section-holder .col-newsletter,
    .newsletter .section-holder .col-newsletter .input-group {
        justify-content: center;
    }

    .newsletter .section-holder .col-newsletter h4 {
        margin-bottom: 0.5rem;
    }

    .newsletter .section-holder .col-newsletter h4,
    .newsletter .section-holder .col-newsletter p {
        text-align: center;
    }

    .newsletter .section-holder .col-newsletter:first-child {
        margin-bottom: 1.5rem;
    }

    .newsletter .section-holder .col-newsletter,
    .newsletter .section-holder .col-newsletter .input-group .btn {
        padding: 0 1rem;
    }

    .footer .copyright {
        text-align: center;
    }

    .footer .copyright ul {
        justify-content: center;
        flex-wrap: wrap;
        margin-bottom: 2.5rem;
    }

    .footer .payment-cards {
        justify-content: center;
        flex-wrap: wrap;
        padding-bottom: 1.5rem;
    }

    .footer .payment-cards .payment-item {
        margin: 0 0.25rem;
    }

    .footer .payment-cards .payment-item:not(:last-child) {
        margin-right: 0.25rem;
    }

    .section-title {
        flex-wrap: wrap;
        justify-content: center;
    }

    .section-title h2 {
        width: 100%;
        text-align: center;
    }

    .view-all-link {
        margin: 15px 0 0 0;
    }

    .preview-fields {
        margin-bottom: 1rem;
    }

    .footer .footer-content .footer-nav ul {
        display: flex;
        flex-wrap: wrap;
    }

    .btn-categories .icon-holder,
    .header .col-header-options .btn-user .media-image,
    .header .col-header-options .btn-cart .media-image,
    .header .col-header-options .btn-search .media-image {
        margin-right: 0;
    }

    .offcanvas.offcanvas.offcanvas-search .offcanvas-body {
        padding: 0;
    }

    .search-box {
        padding: 0 1.5rem 1rem 1.5rem;
    }

    .search-box .input-group .form-control {
        border-top-left-radius: 0.5rem !important;
        border-bottom-left-radius: 0.5rem !important;
        border-top-right-radius: 0.5rem !important;
        border-bottom-right-radius: 0.5rem !important;
    }

    .autocomplete-mobile {
        padding-top: 1rem;
    }

    .search-col .vertical-menu-mobile {
        padding: 0;
        margin: 0;
    }

    .search-col .vertical-menu-mobile li {
        list-style: none;
    }

    .search-col .vertical-menu-mobile li a {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        width: 100%;
        font-size: 1rem;
        font-weight: 500;
        padding: 0.5rem 0;
        -webkit-border-radius: 0.375rem;
        -moz-border-radius: 0.375rem;
        border-radius: 0.375rem;
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

    .search-col .vertical-menu-mobile li a:hover {
        text-decoration: underline;
    }

    .search-results-holder {
        flex-wrap: wrap;
        overflow: unset;
    }

    .search-col,
    .search-col:first-child,
    .search-col:last-child {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .search-col>h3 {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .search-col:first-child .search-content {
        border-right: 0 none;
    }

    .search-col .search-content {
        padding: 0 1.5rem 1.5rem 1.5rem;
        height: auto;
    }

    .search-col .search-content .media-image {
        align-items: flex-start;
    }

    .main-slider-holder .slider-button {
        right: 0;
        left: 0;
        text-align: center;
    }

    .section-holder .splide {
        padding: 1rem 4rem 2rem 4rem;
    }

    .scroll-down-mob {
        display: block;
    }

    .page-container {
        padding: 0;
    }

    .page-holder {
        padding: 0 1rem;
    }

    .aside-col {
        position: fixed;
        top: 0;
        left: 0;
    }

    .aside-col,
    .aside-col .dropdown-menu,
    .aside-col .custom-accordion .accordion-item {
        overscroll-behavior: contain;
    }

    .aside-col .aside-col-holder {
        -webkit-transition: all 0s ease-in-out;
        -o-transition: all 0s ease-in-out;
        transition: all 0s ease-in-out;
        visibility: hidden;
    }

    .page-holder .page-header {
        flex-wrap: wrap;
    }

    .toolbar-section-holder {
        flex-wrap: wrap;
    }

    .active-filters-slider {
        width: 100%;
    }

    .toolbar-section {
        position: relative;
    }

    .toolbar-section .toolbar-holder {
        flex-basis: 100%;
        justify-content: space-between;
        margin-top: 0;
        margin-left: 0;
    }

    .toolbar-section .toolbar-holder label {
        display: none;
    }

    .toolbar-section .toolbar-holder .btn-pill-yellow {
        padding: 0 1.5rem;
    }

    .toolbar-section .toolbar-holder>.btn svg {
        width: 1.25rem;
        height: auto;
        margin-right: 0.313rem;
    }

    .page-holder .page-header .page-header-content .icon-holder {
        position: relative;
        top: 0;
        left: 0;
        margin-right: 0.5rem;
    }

    .aside-col.collapse:not(.show) {
        position: fixed;
        top: 0;
        left: -15rem;
        height: 100vh;
        margin-right: 0;
        margin-left: 0;
    }

    .aside-col .aside-header {
        margin-top: 0.313rem;
    }

    .custom-pagination-holder .mouse {
        display: none;
    }

    .page-pagination .col-go-to-page .pagination-holder.content-left {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: wrap;
        width: 6rem;
    }

    .page-pagination .col-go-to-page .pagination-holder.content-left label {
        margin-right: 0;
        margin-bottom: 0.313rem;
        width: 100%;
    }

    .page-pagination .col-go-to-page .pagination-holder.content-left .form-control {
        width: 100%;
        height: 2.125rem;
    }

    .page-pagination .col-mobile-total-pages {
        order: 1;
        font-size: 1rem;
        padding: 0 0 1.25rem 0;
    }

    .page-pagination .col-go-to-page {
        order: 2;
    }

    .page-pagination .col-show-items {
        display: flex;
        order: 3;
    }

    .page-pagination .col-pagination {
        order: 4;
        margin-top: 2rem;
    }

    .page-pagination .col-show-items {
        justify-content: flex-end;
    }

    .page-pagination .col-show-items .pagination-holder.content-right {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        flex-wrap: wrap;
        width: 5.5rem;
    }

    .page-pagination .col-show-items .pagination-holder.content-right .form-select {
        width: 5.5rem;
    }

    .page-pagination .col-show-items .pagination-holder.content-right label {
        margin-bottom: 0.313rem;
        width: 100%;
    }

    .page-pagination .col-show-items .pagination-holder.content-right .pagination-total-pages {
        display: none;
    }

    .vacation-form {
        padding-right: 2rem;
    }

    .accordion-filter {
        padding: 0 12px;
        margin-bottom: 0.625rem;
    }

    .form-group .form-info .hover-notification,
    .custom-modal .modal-header-content .modal-info .hover-notification {
        display: none;
    }

    .custom-modal .modal-header-content {
        position: relative;
    }

    .custom-modal .modal-header-content .modal-info>a {
        display: block;
    }

    .mobile-modal-info {
        position: absolute;
        top: 100%;
        width: 100%;
        font-size: 0.75rem;
        font-weight: 500;
        padding: 0.313rem 0;
        z-index: 1;
    }

    form.global-form {
        padding-right: 0;
    }

    .upload-fields .form-group .form-field .btn-upload {
        width: 100%;
    }

    .form-group .form-info {
        margin-left: 0.313rem;
    }

    .form-check .form-check-input {
        width: 1.75em;
        height: 1.75em;
    }

    .login-section .aside-content-holder {
        padding: 2rem;
    }

    .login-section .aside-content-holder .aside-body p {
        font-size: 1rem;
    }

    .login-section .logo-item a {
        font-size: 0.875rem;
    }

    .login-section .logo-item {
        width: 50%;
        margin-bottom: 1rem;
    }

    .login-section .logo-item:not(:last-child) {
        margin-right: 0;
    }

    .login-section .logo-section {
        flex-wrap: wrap;
    }

    .login-section .login-holder {
        align-items: flex-start;
    }

    .login-section .login-holder .login-fields {
        height: auto;
    }

    .login-section .login-aside-col:first-child {
        display: none;
    }

    .login-section .logo-section.mobile-only {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }

    .login-section .login-aside-col figure,
    .login-section .logo-item .hover-notification {
        display: none;
    }

    .blue-page-footer,
    .error-footer,
    .login-footer {
        padding: 0 0.75rem 1.5rem 0.75rem;
    }
}

@media (max-width: 767px) {
    .cart-section.cart-checkout .col:not(:last-child) {
        margin-bottom: 2rem;
    }

    .profile-section.cart-section .cart-item-image img {
        max-width: 5rem;
    }

    .top-header .col-promo {
        display: none;
    }

    .gallery-container {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 80vh;
    }

    .gallery-container .splide-thumbnails .splide__list {
        justify-content: flex-start;
    }

    .top-header .col-top-country,
    .top-header .col-info {
        min-width: 0;
    }

    .top-header .col-info.col-auto {
        flex: 1 0 0%;
    }

    .login-section .global-form {
        padding: 1.5rem 1.25rem;
    }

    .custom-modal .modal-header .modal-title {
        font-size: 1.125rem;
    }

    .custom-modal .modal-footer .btn {
        padding: 0 1rem;
    }

    .top-header {
        height: 3rem;
    }

    .top-header .col-top-country .logo-text,
    .login-section .login-header .logo-holder .logo-text {
        display: none;
    }

    .col-header-options .dropdown-custom .dropdown-content,
    .col-header-options .dropdown-notification .dropdown-content {
        max-height: 23rem;
    }

    .benefits-section {
        display: none;
    }

    .cart-section .cart-item-body {
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .cart-section .cart-item-description {
        padding-right: 0.625rem;
    }

    .cart-section .cart-item-price {
        max-width: 100%;
        width: 100%;
        margin-top: 1.875rem;
    }

    .cart-section .cart-item-price .price-content {
        max-width: 12rem;
        display: flex;
        align-items: flex-start;
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    .cart-section .cart-item-price p.quantity-title {
        width: 100%;
        display: block;
        text-align: right;
    }

    .cart-section .cart-item-quantity {
        flex-basis: 100%;
        justify-content: flex-end;
    }

    .offcanvas-footer {
        padding: 1rem 1rem;
    }

    .offcanvas-footer .btn {
        padding: 0 2rem;
    }

    .footer .benefits-wrapper {
        flex-wrap: wrap;
    }

    .footer .benefit-item {
        width: 100%;
    }

    .footer .benefit-item:not(:last-child) {
        margin-bottom: 1.5rem;
    }

    .footer .footer-content,
    .footer .copyright,
    .footer .payment-cards {
        max-width: 20rem;
    }

    .footer .copyright,
    .footer .payment-cards {
        margin: 0 auto;
    }

    .footer .copyright ul li {
        margin-bottom: 0.5rem;
    }

    .footer .payment-cards .payment-item {
        margin-bottom: 0.25rem;
    }

    .page-holder .page-header .page-header-content .page-title {
        margin-right: 0;
    }

    .page-holder .page-header .page-header-content .page-title .button-holder {
        width: 100%;
        padding-left: 0;
        margin-left: 0;
        margin-top: 1rem;
    }

    .page-holder .page-header .page-header-content .page-title .button-holder::before {
        display: none;
    }

    .custom-modal .modal-icon-holder svg {
        width: 3rem;
    }

    .custom-modal .modal-body {
        padding: 1.25rem;
    }

    .custom-modal .modal-body p.lead {
        font-size: 0.875rem;
    }

    .col-header-options .user-option .dropdown-menu {
        right: 0 !important;
    }

    .col-header-options .dropdown-menu::before {
        right: 0.625rem;
    }

    .user-header .media {
        align-items: flex-start;
    }

    .user-header .media-image {
        width: 5.625rem;
        height: 5.625rem;
    }

    .user-header .media-image img {
        width: 5rem;
        height: 5rem;
    }

    .user-header .button-holder .btn {
        flex-basis: 100%;
        padding: 0;
    }

    .user-header .button-holder .btn:not(:last-child) {
        margin-right: 0;
        margin-bottom: 0.625rem;
    }

    .search-item-holder .item-content .content-col ul li,
    .location-status-holder .item-content .content-col ul li {
        flex-wrap: wrap;
    }

    .search-item-holder .item-content .content-col ul li span,
    .location-status-holder .item-content .content-col ul li span {
        width: auto;
    }

    .inner-page-nav .page-nav-holder.content-center .icon-holder a span {
        display: none;
    }

    .inner-page-nav .page-nav-holder.content-center .page-nav-pagination-pagination .icon-holder a {
        justify-content: center;
    }

    .inner-page-nav .page-nav-holder.content-center .page-nav-pagination-pagination a {
        width: 2.25rem;
        height: 2.25rem;
        padding: 0;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
    }

    .login-section .login-header {
        padding: 1.5rem 0.75rem 0 0.75rem;
    }

    html.login-page body .page-wrapper .main-container {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        padding: 6rem 0;
        overflow: -moz-scrollbars-none;
        scrollbar-width: none;
        -ms-overflow-style: none;
        overscroll-behavior: contain;
    }

    html.login-page body .page-wrapper .main-container .container .row .main-content {
        overflow-y: auto;
        overflow: -moz-scrollbars-none;
        scrollbar-width: none;
        -ms-overflow-style: none;
        overscroll-behavior: contain;
    }

    html.login-page body .page-wrapper .main-container .container .row .main-content .login-section.register {
        height: auto;
    }

    .login-section .login-content .button-holder {
        flex-wrap: wrap;
    }

    .login-section .login-content .button-holder .recaptcha-holder {
        width: 100%;
        margin-bottom: 3rem;
    }


    .footer .subfooter {
        flex-wrap: wrap;
    }

    .footer .subfooter p {
        width: 100%;
        text-align: center;
    }

    .blue-page-content .icon-holder svg,
    .blank-page-holder .blank-page-icon svg {
        width: 6rem;
    }

    .blue-page-content .blue-page-content-holder .blue-page-body .blue-page-title h1,
    .blank-page-holder .blank-page-title h1 {
        font-size: 1.625rem;
    }

    .blue-page-content .blue-page-content-holder .blue-page-body .blue-page-title p {
        font-size: 1rem;
    }

    .blue-page-content .blue-page-content-holder .blue-page-body .button-holder .btn {
        width: 8rem;
    }
}

@media (max-width: 375px) {
    .login-section .global-form .button-holder .btn {
        padding: 0 2rem;
    }
}

@media (max-width: 360px) {
    .custom-pagination {
        width: 18rem;
    }

    .col-header-options .dropdown-custom .dropdown-content,
    .col-header-options .dropdown-notification .dropdown-content {
        max-height: 16rem;
        overflow-y: auto;
    }
}

@media (max-width: 340px) {
    .login-section .global-form {
        padding: 1.25rem 1.25rem;
        margin-top: 3rem;
    }

    .login-section .global-form .button-holder .btn {
        padding: 0 1.5rem;
    }
}