:root {
    --bs-font-sans-serif: HurmeGeometricSans1-Light, HurmeGeometricSans1-Regular, HurmeGeometricSans1-Thin, HurmeGeometricSans1-SemiBold;
    --bs-body-font-family: var(--font-regular);
    --bs-body-font-size: 1rem;
    --background-color: #ffffff;
    --accent-color: #a6a6a6;
    --black-color: #000000;
    --white-color: #fff;
    --hover-color: #eea501;
    --border-color: #dee2e6;
    /* Fonts */
    --font-15: 1.5rem;
    --font-14: 14px;
    --font-08: 0.8rem;
    --font-regular: HurmeGeometricSans1-Regular;
    --font-thin: HurmeGeometricSans1-Thin;
    --font-light: HurmeGeometricSans1-Light;
    --font-semibold: HurmeGeometricSans1-SemiBold;
    --default-font: var(--font-regular);
    --default-font-size: var(--bs-body-font-size);
    /* Nav Menu Colors */
    --nav-white-color: #f5f5f5;
    --nav-hover-color: #eea501;
    --nav-black-color: #1b1a1a;
    --padding-container: 0px 80px;
    --ring-offset-shadow: 0 0 transparent;
    --ring-shadow: 0 0 transparent;
    --shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
    /* Smooth scroll */
    scroll-behavior: smooth;
}

:root {
  --swiper-theme-color: #151616;
  ;
}

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/

body {
  color: var(--black-color);
  background-color: var(--background-color);
  overflow-x: hidden;
  font-family: var(--font-regular);
}

body>a:hover {
  color: inherit;
}

a {
  color: var(--black-color);
  text-decoration: none;
}

a:focus-visible,
button:focus-visible {
  outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  /* color: var(--heading-color); */
  font-family: var(--default-font);
}

p {
  margin: 0;
}


ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

li {
  list-style: none;
}

button {
  border: none;
  background-color: transparent;
}

input:-webkit-autofill,
input:-webkit-autofill:focus {
  transition: background-color 0s 600000s, color 0s 600000s !important;
}

.dropdown-item.active,
.dropdown-item:active {
  background-color: transparent;
  color: var(--black-color);
}

.dropdown-container .dropdown-item {
  cursor: pointer;
  padding: 5px 10px;
  text-decoration: none;
  display: block;
  font-size: 15px;
  text-transform: capitalize;
  font-family: var(--font-regular);
  display: flex;
  justify-content: space-between;
}

.dropdown-menu {
  width: max-content;
  padding: 10px !important;
}

.form-check-input:checked {
    background-color: #1e1f21;
    border-color: #1e1f21;
}

.form-check-input:focus {
    border-color: #000000;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgb(243 243 243 / 25%);
}

.form-check-input {
  border: 1px solid #898989;
  cursor: pointer;
}

.smv .smv-button-fullscreen .smv-icon {
/*    background-color: #f9f9f9 !important;*/
    width: 30px !important;
    height: 30px !important;
}
.smv-arrow-control .smv-arrow .smv-icon {
    background-color: #999 !important;
    background-color: whitesmoke;
    max-height: 50% !important;
}

/*#343a40*/
.loading-bar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: transparent;
    z-index: 9999;
    display: none;
}

.progress-bar {
    width: 0;
    height: 100%;
    background: #343a40;
    animation: loading 4.5s infinite cubic-bezier(0.4, 0, 0.2, 1);
}

.loading-bar.active {
    display: block;
}

@keyframes loading {
    0% {
        width: 0;
        opacity: 1;
    }

    80% {
        width: 100%;
        opacity: 1;
    }

    100% {
        width: 100%;
        opacity: 0;
    }
}


.skeleton-container {
  
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 9998;
    display: none;
}

    .skeleton-container.active {
        display: block;
    }

.skeleton-header {
    width: 100%;
    height: 60px;
    background: #e0e0e0;
    animation: pulse 1.5s infinite ease-in-out;
}

.skeleton-content {
    padding: 20px;
    max-width: 1200px;
    margin: 0 auto;
}

.skeleton-block {
    width: 100%;
    height: 100px;
    background: #e0e0e0;
    margin-bottom: 20px;
    border-radius: 4px;
    animation: pulse 1.5s infinite ease-in-out;
}

@keyframes pulse {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.6;
    }

    100% {
        opacity: 1;
    }
}

@font-face {
    font-family: 'HurmeGeometricSans1-Light';
    src: url('/fonts/HurmeGeometricSans1-Light.woff2') format('woff2'), url('/fonts/HurmeGeometricSans1-Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'HurmeGeometricSans1-Regular';
    src: url('/fonts/HurmeGeometricSans1-Regular.woff2') format('woff2'), url('/fonts/HurmeGeometricSans1-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'HurmeGeometricSans1-Thin';
    src: url('/fonts/HurmeGeometricSans1-Thin.woff2') format('woff2'), url('/fonts/HurmeGeometricSans1-Thin.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap
}


@font-face {
    font-family: 'Didot-HTF-M96-Medium';
    src: url('/fonts/Didot-HTF-M96-Medium.woff') format('woff'), 
        url('/fonts/Didot-HTF-M96-Medium.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'UTMBeautifulCaps';
    src: url('/fonts/UTMBeautifulCaps.woff') format('woff'), 
        url('/fonts/UTMBeautifulCaps.woff') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
  font-family: 'montserratregular';
  src: url('/fonts/montserrat-regular-webfont.woff2') format('woff2'),
    url('/fonts/montserrat-regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap
}

@font-face {
    font-family: 'iconta';
    src: url('/fonts/iconta.woff2') format("woff2"), url('/fonts/iconta.woff') format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: block
}

[class*=" icon-"],
[class^=icon-] {
  font-family: iconta !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.icon-timer:before {
  content: "\e93d"
}

.icon-com:before {
  content: "\e93e"
}

.icon-email-blog:before {
  content: "\e93f"
}

.icon-AXH:before {
  content: "\e93c"
}

.icon-setting:before {
  content: "\e93b"
}

.icon-fax:before {
  content: "\e939"
}

.icon-website:before {
  content: "\e93a"
}

.icon-menu-3:before {
  content: "\e936"
}

.icon-menu-2:before {
  content: "\e937"
}

.icon-user-login-finish:before {
  content: "\e938"
}

.icon-menu:before {
  content: "\e934"
}

.icon-user-login:before {
  content: "\e935"
}

.icon-email:before {
  content: "\e933"
}

.icon-video_pre:before {
  content: "\e931"
}

.icon-video-next:before {
  content: "\e932"
}

.icon-circle_video:before {
  content: "\e930"
}

.icon-back:before {
  content: "\e92f"
}

.icon-eye:before {
  content: "\e92e"
}

.icon-healthy:before {
  content: "\e92a"
}

.icon-salary:before {
  content: "\e92b"
}

.icon-traning:before {
  content: "\e92c"
}

.icon-ward:before {
  content: "\e92d"
}

.icon-arrow-button:before {
  content: "\e929"
}

.icon-checked_thank:before {
  content: "\e928"
}

.icon-shot:before {
  content: "\e927"
}

.icon-minus:before {
  content: "\e925"
}

.icon-plus:before {
  content: "\e926"
}

.icon-help:before {
  content: "\e924"
}

.icon-view_location:before {
  content: "\e922"
}

.icon-google_plus:before {
  content: "\e923"
}

.icon-edit:before {
  content: "\e921"
}

.icon-list-location:before {
  content: "\e920"
}

.icon-circle:before {
  content: "\e91f"
}

.icon-trash:before {
  content: "\e91e"
}

.icon-arrow_back_header:before {
  content: "\e91d"
}

.icon-down:before {
  content: "\e918"
}

.icon-print:before {
  content: "\e919"
}

.icon-zoom_in:before {
  content: "\e91a"
}

.icon-share:before {
  content: "\e91b"
}

.icon-camera360:before {
  content: "\e91c"
}

.icon-home:before {
  content: "\e917"
}

.icon-grid_vertical:before {
  content: "\e915"
}

.icon-grid_horizontal:before {
  content: "\e916"
}

.icon-close:before {
  content: "\e914"
}

.icon-arrow_menu_mobile:before {
  content: "\e913"
}

.icon-arrow_down:before {
  content: "\e900"
}

.icon-arrow_dropdown:before {
  content: "\e901"
}

.icon-arrow_next:before {
  content: "\e902"
}

.icon-arrow_pre:before {
  content: "\e903"
}

.icon-Cart:before {
  content: "\e904"
}

.icon-checked:before {
  content: "\e905"
}

.icon-filter:before {
  content: "\e906"
}

.icon-heart_fill:before {
  content: "\e907"
}

.icon-heart_outline:before {
  content: "\e908"
}

.icon-instagram:before {
  content: "\e909"
}

.icon-location:before {
  content: "\e90a"
}

.icon-log_out:before {
  content: "\e90b"
}

.icon-Oder_History:before {
  content: "\e90c"
}

.icon-plan:before {
  content: "\e90d"
}

.icon-Search:before {
  content: "\e90e"
}

.icon-search_picture:before {
  content: "\e90f"
}

.icon-Store:before {
  content: "\e910"
}

.icon-user:before {
  content: "\e911"
}

.icon-phone:before {
  content: "\e942"
}

.icon-alarm:before {
  content: "\e950"
}

.icon-bubble:before {
  content: "\e96b"
}

.icon-spinner:before {
  content: "\e97a"
}

.icon-enlarge2:before {
  content: "\e98b"
}

.icon-gift:before {
  content: "\e99f"
}

.icon-attachment:before {
  content: "\e9cd"
}

.icon-bookmark:before {
  content: "\e9d2"
}

.icon-google-plus:before {
  content: "\ea8b"
}

.icon-facebook:before {
  content: "\ea90"
}

.icon-instagram1:before {
  content: "\ea92"
}

.icon-whatsapp:before {
  content: "\ea93"
}

.icon-twitter:before {
  content: "\ea96"
}

.icon-linkedin2:before {
  content: "\eaca"
}

.icon-pinterest2:before {
  content: "\ead2"
}

.icon-image:before {
  content: "\e912"
}

.icon-star-empty:before {
  content: "\e9d7"
}

.icon-warning:before {
  content: "\ea07"
}

.icon-rss:before {
  content: "\ea9b"
}

.icon-youtube:before {
  content: "\ea9d"
}