:root {
  /* Brand  Colors */
  --primary: #0054E2;
  --bs-btn-bg: #0054E2;
  --bs-btn-border-color: #0054E2;
  --bs-primary-rgb: 0, 84, 226;
  --secondary: #9ADEFA;
  --bs-secondary-rgb: 154, 222, 250;
  --bs-link-color-rgb: 0, 84, 226;
  --bs-btn-hover-bg: transparent;
  --cyan: #00B1FF;
  --cyan-30: #00B1FF4D;
  --turqoise: #00CECE;
  --t100: #C5EEF0;
  --b600: #085EB4;
  --dark: #707070;


  /* Gradient */
  --gradient0deg: linear-gradient(0deg, var(--cyan), var(--turqoise));
  --gradient45deg: linear-gradient(45deg, var(--cyan), var(--turqoise));

  /* Primary */
  --primary-25: #FBFCFE;
  --primary-50: #F1F6FD;
  --primary-100: #E0EBF9;
  --primary-200: #C9DDF4;
  --primary-300: #A3C7ED;
  --primary-400: #77A8E3;
  --primary-500: #578BDA;
  --primary-600: #4370CD;
  --primary-700: #3a5ebb;
  --primary-800: #30478D;
  --primary-900: #2E437A;

  /* Gray */
  --gray-25: #FCFCFD;
  --gray-50: #F9FAFB;
  --gray-100: #F2F4F7;
  --gray-200: #EAECF0;
  --gray-300: #D0D5DD;
  --gray-400: #98A2B3;
  --gray-500: #667085;
  --gray-600: #475467;
  --gray-700: #344054;
  --gray-800: #1D2939;
  --gray-900: #101828;

  /* Green */
  --success-25: #F6FEF9;
  --success-50: #ECFDF3;
  --success-100: #D1FADF;
  --success-200: #A6F4C5;
  --success-300: #6CE9A6;
  --success-400: #32D583;
  --success-500: #12B76A;
  --success-600: #039855;
  --success-700: #027A48;
  --success-800: #05603A;
  --success-900: #054F31;

  /* Warning */
  --warning-25: #FFFCF5;
  --warning-50: #FFFAEB;
  --warning-100: #FEF0C7;
  --warning-200: #FEDF89;
  --warning-300: #FEC84B;
  --warning-400: #FDB022;
  --warning-500: #F79009;
  --warning-600: #DC6803;
  --warning-700: #B54708;
  --warning-800: #93370D;
  --warning-900: #7A2E0E;

  /* Danger */
  --danger-25: #FFFBFA;
  --danger-50: #FEF3F2;
  --danger-100: #FEE4E2;
  --danger-200: #FECDCA;
  --danger-300: #FDA29B;
  --danger-400: #F97066;
  --danger-500: #F04438;
  --danger-600: #D92D20;
  --danger-700: #B42318;
  --danger-800: #912018;
  --danger-900: #7A271A;

  --base-white: #F9FAFB;
  --white: #fff;
  --translucent-white-65: #FFFFFFA6;

  --radius-16: 16px;

  --bs-box-shadow: 0 1.1rem 1rem rgba(0, 0, 0, 0.15);

  --font: "Mukta", sans-serif;
  ;
  --font-highlight: "Allison", cursive;

  --dev-form-check-icon: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='19' height='19' rx='9.5' fill='%234370CD'/%3E%3Crect x='0.5' y='0.5' width='19' height='19' rx='9.5' stroke='%234370CD'/%3E%3Cpath d='M14.6673 6.5L8.25065 12.9167L5.33398 10' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  --dev-bs-accordion-btn-active-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-dash-lg'%3E%3Cpath fill-rule='evenodd' d='M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z'/%3E%3C/svg%3E");
  --dev-bs-accordion-btn-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-plus-lg'%3E%3Cpath fill-rule='evenodd' d='M8 2a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 8 2Z'/%3E%3C/svg%3E");

  --dev-breadcrumb-icon: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.850098 0.5L7.0001 6.65C7.04792 6.69489 7.08602 6.74911 7.11212 6.80931C7.13812 6.8695 7.15162 6.9344 7.15162 7C7.15162 7.0656 7.13812 7.1305 7.11212 7.19069C7.08602 7.25089 7.04792 7.30511 7.0001 7.35L0.850098 13.5' stroke='%23101828' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

body {
  font-family: var(--font);
  font-optical-sizing: auto;
}

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

.btn {
  /* padding: .6rem 2rem; */
  /* border: none; */
}

.btn-hover {
  background-color: var(--bs-btn-hover-bg) !important;
}

.btn-primary {
  --bs-btn-bg: #0054E2;
  --bs-btn-border-color: #0054E2;
  color: var(--white);
  font-weight: 600;
}

.btn-primary:hover {
  background-color: var(--primary-700) !important;
  color: #fff !important;
}

.btn-secondary {
  background-color: var(--primary-50) !important;
  border: 1px solid var(--primary-200);
  color: var(--primary-500);
  font-weight: 600;
}

.btn-secondary:hover {
  background-color: var(--primary-100) !important;
  color: var(--primary-500);
}

.btn-ghost:hover {
  background-color: var(--gray-100) !important;
}

.border-dark {
  border-color: var(--dark) !important;
}

.bg-base-white {
  background-color: var(--base-white) !important;
}

.bg-primary-100 {
  background-color: var(--primary-100) !important;
}

.bg-primary-200 {
  background-color: var(--primary-200) !important;
}

.bg-primary-300 {
  background-color: var(--primary-300) !important;
}

.bg-primary-400 {
  background-color: var(--primary-400) !important;
}

.bg-primary-500 {
  background-color: var(--primary-500) !important;
}

.bg-primary-600 {
  background-color: var(--primary-600) !important;
}

.bg-primary-700 {
  background-color: var(--primary-700) !important;
}

.bg-primary-800 {
  background-color: var(--primary-800) !important;
}

.bg-primary-900 {
  background-color: var(--primary-900) !important;
}

.bg-gray-50 {
  background-color: var(--gray-50) !important;
}

.bg-gray-100 {
  background-color: var(--gray-100) !important;
}

.bg-gray-200 {
  background-color: var(--gray-200) !important;
}

.bg-gray-300 {
  background-color: var(--gray-300) !important;
}

.bg-gray-400 {
  background-color: var(--gray-400) !important;
}

.bg-gray-500 {
  background-color: var(--gray-500) !important;
}

.bg-gray-600 {
  background-color: var(--gray-600) !important;
}

.bg-gray-700 {
  background-color: var(--gray-700) !important;
}

.bg-gray-800 {
  background-color: var(--gray-800) !important;
}

.bg-gray-900 {
  background-color: var(--gray-900) !important;
}

.bg-success-25 {
  background-color: var(--success-25) !important;
}

.bg-success-50 {
  background-color: var(--success-50) !important;
}

.bg-success-100 {
  background-color: var(--success-100) !important;
}

.bg-success-200 {
  background-color: var(--success-200) !important;
}

.bg-success-300 {
  background-color: var(--success-300) !important;
}

.bg-success-400 {
  background-color: var(--success-400) !important;
}

.bg-success-500 {
  background-color: var(--success-500) !important;
}

.bg-success-600 {
  background-color: var(--success-600) !important;
}

.bg-success-700 {
  background-color: var(--success-700) !important;
}

.bg-success-800 {
  background-color: var(--success-800) !important;
}

.bg-success-900 {
  background-color: var(--success-900) !important;
}

.bg-warning-25 {
  background-color: var(--warning-25) !important;
}

.bg-warning-50 {
  background-color: var(--warning-50) !important;
}

.bg-warning-100 {
  background-color: var(--warning-100) !important;
}

.bg-warning-200 {
  background-color: var(--warning-200) !important;
}

.bg-warning-300 {
  background-color: var(--warning-300) !important;
}

.bg-warning-400 {
  background-color: var(--warning-400) !important;
}

.bg-warning-500 {
  background-color: var(--warning-500) !important;
}

.bg-warning-600 {
  background-color: var(--warning-600) !important;
}

.bg-warning-700 {
  background-color: var(--warning-700) !important;
}

.bg-warning-800 {
  background-color: var(--warning-800) !important;
}

.bg-warning-900 {
  background-color: var(--warning-900) !important;
}

.bg-danger-25 {
  background-color: var(--danger-25) !important;
}

.bg-danger-50 {
  background-color: var(--danger-50) !important;
}

.bg-danger-100 {
  background-color: var(--danger-100) !important;
}

.bg-danger-200 {
  background-color: var(--danger-200) !important;
}

.bg-danger-300 {
  background-color: var(--danger-300) !important;
}

.bg-danger-400 {
  background-color: var(--danger-400) !important;
}

.bg-danger-500 {
  background-color: var(--danger-500) !important;
}

.bg-danger-600 {
  background-color: var(--danger-600) !important;
}

.bg-danger-700 {
  background-color: var(--danger-700) !important;
}

.bg-danger-800 {
  background-color: var(--danger-800) !important;
}

.bg-danger-900 {
  background-color: var(--danger-900) !important;
}

.bg-white-65 {
  background-color: var(--translucent-white-65) !important;
}

.text-white-65 {
  color: var(--translucent-white-65) !important;
}

.text-primary-100 {
  color: var(--primary-100);
}

.text-primary-200 {
  color: var(--primary-200);
}

.text-primary-300 {
  color: var(--primary-300);
}

.text-primary-400 {
  color: var(--primary-400);
}

.text-primary-500 {
  color: var(--primary-500);
}

.text-primary-600 {
  color: var(--primary-600);
}

.text-primary-700 {
  color: var(--primary-700);
}

.text-primary-800 {
  color: var(--primary-800);
}

.text-primary-900 {
  color: var(--primary-900);
}

.text-white-65 {
  color: var(--translucent-white-65) !important;
}

.text-gray-100 {
  color: var(--gray-100);
}

.text-gray-200 {
  color: var(--gray-200);
}

.text-gray-300 {
  color: var(--gray-300);
}

.text-gray-400 {
  color: var(--gray-400);
}

.text-gray-500 {
  color: var(--gray-500);
}

.text-gray-600 {
  color: var(--gray-600);
}

.text-gray-700 {
  color: var(--gray-700);
}

.text-gray-800 {
  color: var(--gray-800);
}

.text-gray-900 {
  color: var(--gray-900);
}

.text-success-25 {
  color: var(--success-25) !important;
}

.text-success-50 {
  color: var(--success-50) !important;
}

.text-success-100 {
  color: var(--success-100) !important;
}

.text-success-200 {
  color: var(--success-200) !important;
}

.text-success-300 {
  color: var(--success-300) !important;
}

.text-success-400 {
  color: var(--success-400) !important;
}

.text-success-500 {
  color: var(--success-500) !important;
}

.text-success-600 {
  color: var(--success-600) !important;
}

.text-success-700 {
  color: var(--success-700) !important;
}

.text-success-800 {
  color: var(--success-800) !important;
}

.text-success-900 {
  color: var(--success-900) !important;
}

.text-warning-100 {
  color: var(--warning-100) !important;
}

.text-warning-200 {
  color: var(--warning-200) !important;
}

.text-warning-300 {
  color: var(--warning-300) !important;
}

.text-warning-400 {
  color: var(--warning-400) !important;
}

.text-warning-500 {
  color: var(--warning-500) !important;
}

.text-warning-600 {
  color: var(--warning-600) !important;
}

.text-warning-700 {
  color: var(--warning-700) !important;
}

.text-warning-800 {
  color: var(--warning-800) !important;
}

.text-warning-900 {
  color: var(--warning-900) !important;
}

.text-danger-100 {
  color: var(--danger-100) !important;
}

.text-danger-200 {
  color: var(--danger-200) !important;
}

.text-danger-300 {
  color: var(--danger-300) !important;
}

.text-danger-400 {
  color: var(--danger-400) !important;
}

.text-danger-500 {
  color: var(--danger-500) !important;
}

.text-danger-600 {
  color: var(--danger-600) !important;
}

.text-danger-700 {
  color: var(--danger-700) !important;
}

.text-danger-800 {
  color: var(--danger-800) !important;
}

.text-danger-900 {
  color: var(--danger-900) !important;
}

.border-primary-100 {
  border-color: var(--primary-100) !important;
}

.border-primary-200 {
  border-color: var(--primary-200) !important;
}

.border-primary-300 {
  border-color: var(--primary-300) !important;
}

.border-primary-400 {
  border-color: var(--primary-400) !important;
}

.border-primary-500 {
  border-color: var(--primary-500) !important;
}

.border-primary-600 {
  border-color: var(--primary-600) !important;
}

.border-primary-700 {
  border-color: var(--primary-700) !important;
}

.border-primary-800 {
  border-color: var(--primary-800) !important;
}

.border-primary-900 {
  border-color: var(--primary-900) !important;
}

.border-gray-100 {
  border-color: var(--gray-100) !important;
}

.border-gray-200 {
  border-color: var(--gray-200) !important;
}

.border-gray-300 {
  border-color: var(--gray-300) !important;
}

.border-gray-400 {
  border-color: var(--gray-400) !important;
}

.border-gray-500 {
  border-color: var(--gray-500) !important;
}

.border-gray-600 {
  border-color: var(--gray-600) !important;
}

.border-gray-700 {
  border-color: var(--gray-700) !important;
}

.border-gray-800 {
  border-color: var(--gray-800) !important;
}

.border-gray-900 {
  border-color: var(--gray-900) !important;
}

.border-success-25 {
  border-color: var(--success-25) !important;
}

.border-success-50 {
  border-color: var(--success-50) !important;
}

.border-success-100 {
  border-color: var(--success-100) !important;
}

.border-success-200 {
  border-color: var(--success-200) !important;
}

.border-success-300 {
  border-color: var(--success-300) !important;
}

.border-success-400 {
  border-color: var(--success-400) !important;
}

.border-success-500 {
  border-color: var(--success-500) !important;
}

.border-success-600 {
  border-color: var(--success-600) !important;
}

.border-success-700 {
  border-color: var(--success-700) !important;
}

.border-success-800 {
  border-color: var(--success-800) !important;
}

.border-success-900 {
  border-color: var(--success-900) !important;
}

.border-warning-100 {
  border-color: var(--warning-100) !important;
}

.border-warning-200 {
  border-color: var(--warning-200) !important;
}

.border-warning-300 {
  border-color: var(--warning-300) !important;
}

.border-warning-400 {
  border-color: var(--warning-400) !important;
}

.border-warning-500 {
  border-color: var(--warning-500) !important;
}

.border-warning-600 {
  border-color: var(--warning-600) !important;
}

.border-warning-700 {
  border-color: var(--warning-700) !important;
}

.border-warning-800 {
  border-color: var(--warning-800) !important;
}

.border-warning-900 {
  border-color: var(--warning-900) !important;
}

.border-danger-100 {
  border-color: var(--danger-100) !important;
}

.border-danger-200 {
  border-color: var(--danger-200) !important;
}

.border-danger-300 {
  border-color: var(--danger-300) !important;
}

.border-danger-400 {
  border-color: var(--danger-400) !important;
}

.border-danger-500 {
  border-color: var(--danger-500) !important;
}

.border-danger-600 {
  border-color: var(--danger-600) !important;
}

.border-danger-700 {
  border-color: var(--danger-700) !important;
}

.border-danger-800 {
  border-color: var(--danger-800) !important;
}

.border-danger-900 {
  border-color: var(--danger-900) !important;
}

.bg-gradient-0deg {
  background: var(--gradient0deg);
}

.bg-gradient-45deg {
  background: var(--gradient45deg);
}

.rounded {
  border-radius: var(--radius-16);
}

label {
  font-size: .9rem;
  font-weight: 500;
  color: var(--gray-600);
}

.dropdown-item {
  margin: 5px auto;
  /* padding: 10px 15px!important; */
  padding: 6px 8px;
  white-space: normal;
  font-weight: medium;
  border-radius: 6px;
}

@media (min-width: 576px) {
  .dropdown-menu {
    width: 350px;
  }
}

.dropdown-menu li {
  margin: 10px;
  padding: 0 auto;
}

footer .nav-item .nav-link {
  color: #fff;
  font-weight: 600;
}

/* .navbar-nav.nav-item .nav-link {
  color: #000;
  font-weight: 600;
} */

.navbar-white-header .nav-item .nav-link {
  color: #000;
  font-weight: 600;
}

@media (min-width: 992px) {
  .navbar-transparent-header .nav-item .nav-link {
    color: #fff;
    font-weight: 600;
  }
}


@media (min-width: 992px) {
  .navbar-expand-lg .navbar-nav .nav-link {
    padding: 10px 14px !important;
  }
}

.card-img-top {
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}

#header {
  transition: top .3s ease;
}

#header.navbar-white-header {
  transition: all .3s ease;
  /* background-color: var(--bs-body-bg); */
  background-color: rgba(255, 255, 255);
  /* backdrop-filter: saturate(180%) blur(10px); */
}

#header.navbar-transparent-header {
  background-color: transparent;
  transition: all .3s ease;
}

#header.navbar-white-header .bi,
#header.navbar-white-header .dropdown button,
#header.navbar-white-header .main-menu-item {
  /* color: #000 !important; */
}

#header.navbar-white-header .bi-list {
  color: #000 !important;
}

#header.navbar-white-header .logo-brand {
  color: #000 !important;
}

.card-img-scale .card-img-scale-wrapper {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  position: relative;
  overflow: hidden;
  height: 100%;
  width: 100%;
}

.card-img-scale:hover img {
  -webkit-transform: scale(1.01);
  transform: scale(1.01);
}

.card-img-scale img {
  will-change: transform;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  -webkit-transform: scale(11);
  transform: scale(1);
}

#main-search .nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
  background-color: var(--white) !important;
  color: var(--primary-700) !important;
}

#main-search .fade {
  transition: none;
}

#main-search .dropdown input[aria-expanded="true"]>.search-bar {
  border-bottom-left-radius: 0px;
}

.form-check-input:checked {
  background-color: var(--primary-600) !important;
  border-color: var(--primary-600);
}

.form-switch .form-check-input {
  height: 1.2em;
  background-color: var(--gray-100);
  border-color: transparent;
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255%29'/%3e%3c/svg%3e");
}

.form-switch .form-check-input:focus {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255%29'/%3e%3c/svg%3e");
}

.form-check-input:checked[type=radio] {
  --bs-form-check-bg-image: var(--dev-form-check-icon);
}

.form-check-input {
  width: 1.2em;
  height: 1.2em;
  background-size: inherit;
}

.list-group-item:hover:not(disabled) {
  cursor: pointer;
}

.highlight {
  font-family: var(--font-highlight);
  color: var(--warning-200);
  font-weight: 400;
  font-style: normal;
}

.highlight-info {
  font-family: var(--font-highlight);
  color: var(--primary-200);
  font-weight: 400;
  font-style: normal;
}

.highlight-success {
  font-family: var(--font-highlight);
  color: var(--success-100);
  font-weight: 400;
  font-style: normal;
}

.highlight-danger {
  font-family: var(--font-highlight);
  color: var(--danger-100);
  font-weight: 400;
  font-style: normal;
}

@media (min-width: 992px) {

  .highlight,
  .highlight-info,
  .highlight-success,
  .highlight-danger {
    font-size: 10rem;
  }
}

@media (min-width: 992px) {
  .rounded-bg {
    background-position: 100% 100%;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 480px;
  }
}

@media (max-width: 992px) {
  .rounded-bg {
    min-height: 200px;
  }
}

.square-corner-start {
  border-bottom-left-radius: 0px !important;
}

.square-corner-end {
  border-bottom-right-radius: 0px !important;
}

.nav-pills .nav-link {
  color: var(--gray-500);
  font-weight: 600;
  padding: 7px 12px;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
  color: var(--primary-700);
  font-weight: 600;
  background-color: var(--primary-50);
}

.btn-check:checked+.btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check)+.btn:active {
  background-color: var(--gray-100);
  border-color: var(--gray-200);
}

.dropdown-item.active,
.dropdown-item:active {
  color: var(--gray-900);
  text-decoration: none;
  background-color: var(--gray-200);
}


@media only screen and (min-width: 768px) {
  .owl-prev {
    width: 20px;
    height: auto;
    position: absolute;
    bottom: 15px;
    right: 70px;
    display: block !important;
    font-family: var(--font);
    font-size: 30px !important;
  }
}

@media only screen and (max-width: 768px) {
  .owl-prev {
    width: 20px;
    height: auto;
    position: absolute;
    bottom: 15px;
    right: 70px;
    display: block !important;
    font-family: var(--font);
    font-size: 30px !important;
  }
}

@media only screen and (min-width: 768px) {
  .owl-next {
    width: 20px;
    height: auto;
    position: absolute;
    bottom: 15px;
    right: 35px;
    display: block !important;
    font-family: var(--font);
    font-size: 30px !important;
  }
}

@media only screen and (maX-width: 768px) {
  .owl-next {
    width: 20px;
    height: auto;
    position: absolute;
    bottom: 15px;
    right: 35px;
    display: block !important;
    font-family: var(--font);
    font-size: 30px !important;
  }
}

.owl-prev i,
.owl-next i {
  transform: scale(1, 6);
  color: #fff;
}

.owl-theme .owl-nav [class*=owl-]:hover {
  background: transparent;
  color: #FFF;
  text-decoration: none;
}

span.fa.fa-chevron-right.hidden-md-down:hover {
  color: var(--secondary) !important;
  font-size: 25px !important;
}

span.fa.fa-chevron-left.hidden-md-down:hover {
  color: var(--secondary-text) !important;
  font-size: 25px !important;
}

.owl-theme .owl-dots .owl-dot span {
  width: 25px;
  height: 3px;
  margin: 5px 10px;
  background: #c7c7c7;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity .2s ease;
  border-radius: 0px;
}

.owl-theme .owl-nav [class*=owl-] {
  color: #FFF;
  font-size: 14px;
  margin: 0px;
  padding: 0px;
  background: transparent;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px;
}

.owl-stage {
  display: flex;
  align-items: center;
}

.searchbox-container {
  min-height: 60dvh;
  padding-top: 50px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
  .searchbox-container {
    min-height: 40dvh;
  }
}

.bg {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.bg-blur-dark {
  background-color: rgba(0, 0, 0, 0.2);
}

.bg-blur-light {
  background-color: rgba(255, 255, 255, 0.4);
}

.bg-1 {
  background-image: url('/dir/fundal/1.jpg?v=2');
}

.bg-2 {
  background-image: url('/dir/fundal/2.jpg?v=2');
}

.bg-3 {
  background-image: url('/dir/fundal/3.jpg?v=2');
}

.bg-4 {
  background-image: url('/dir/fundal/4.jpg?v=2');
}

.bg-5 {
  background-image: url('/dir/fundal/5.jpg?v=2');
}

.bg-6 {
  background-image: url('/dir/fundal/6.jpg?v=2');
}

.bg-7 {
  background-image: url('/dir/fundal/7.jpg?v=2');
}

.bg-8 {
  background-image: url('/dir/fundal/8.jpg?v=2');
}

.bg-9 {
  background-image: url('/dir/fundal/9.jpg?v=2');
}

.bg-10 {
  background-image: url('/dir/fundal/10.jpg?v=2');
}

.selectable {
  cursor: pointer;
}

.selectable:hover {
  background-color: var(--gray-200);
  border-radius: var(--bs-border-radius);
}

.jcalendar .jcalendar-content {
  top: 12px !important;
  left: -13px !important;
  border-bottom-left-radius: var(--bs-border-radius-xxl);
  border-bottom-right-radius: var(--bs-border-radius-xxl);
  box-shadow: var(--bs-box-shadow) !important;
}

.jcalendar .jcalendar-container {
  top: 0px !important;
}

.jcalendar-table>table>tbody td.jcalendar-set-month {
  padding: 25px 30px;
  margin: 3px;
  border-radius: 5px;
  color: #084298;
}

.jcalendar-table>table>tbody td.jcalendar-set-month:hover {
  background-color: #eee;
}

.jcalendar-table>table>tbody td.jcalendar-set-month.jcalendar-disabled:hover {
  background-color: #fff;
}

.jcalendar-table>table>tbody td.jcalendar-set-month.jcalendar-disabled {
  color: #ccc;
}

.jcalendar-table>table>tbody td.jcalendar-set-month::before {
  content: '';
  display: block;
  color: #084298;
  width: 24px;
  height: 24px;
  margin-bottom: 8px;
  background-image: url('data:image/svg+xml,<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.5 10.5H3.5M16.5 2.5V6.5M8.5 2.5V6.5M8.3 22.5H16.7C18.3802 22.5 19.2202 22.5 19.862 22.173C20.4265 21.8854 20.8854 21.4265 21.173 20.862C21.5 20.2202 21.5 19.3802 21.5 17.7V9.3C21.5 7.61984 21.5 6.77976 21.173 6.13803C20.8854 5.57354 20.4265 5.1146 19.862 4.82698C19.2202 4.5 18.3802 4.5 16.7 4.5H8.3C6.61984 4.5 5.77976 4.5 5.13803 4.82698C4.57354 5.1146 4.1146 5.57354 3.82698 6.13803C3.5 6.77976 3.5 7.61984 3.5 9.3V17.7C3.5 19.3802 3.5 20.2202 3.82698 20.862C4.1146 21.4265 4.57354 21.8854 5.13803 22.173C5.77976 22.5 6.61984 22.5 8.3 22.5Z" stroke="%23395EBC" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  text-align: center;
}

.jcalendar-table>table>tbody td.jcalendar-set-month.jcalendar-disabled::before {
  color: #ccc;
  background-image: url('data:image/svg+xml,<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.5 10.5H3.5M16.5 2.5V6.5M8.5 2.5V6.5M8.3 22.5H16.7C18.3802 22.5 19.2202 22.5 19.862 22.173C20.4265 21.8854 20.8854 21.4265 21.173 20.862C21.5 20.2202 21.5 19.3802 21.5 17.7V9.3C21.5 7.61984 21.5 6.77976 21.173 6.13803C20.8854 5.57354 20.4265 5.1146 19.862 4.82698C19.2202 4.5 18.3802 4.5 16.7 4.5H8.3C6.61984 4.5 5.77976 4.5 5.13803 4.82698C4.57354 5.1146 4.1146 5.57354 3.82698 6.13803C3.5 6.77976 3.5 7.61984 3.5 9.3V17.7C3.5 19.3802 3.5 20.2202 3.82698 20.862C4.1146 21.4265 4.57354 21.8854 5.13803 22.173C5.77976 22.5 6.61984 22.5 8.3 22.5Z" stroke="%2398A2B3" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');

}

.jcalendar-controls {
  display: none;
}

.offcanvas.offcanvas-bottom.mobileOffcanvas {
  height: 100svh !important;
}

.submenu-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  transform: translateX(-100%);
  transition: transform 0.4s ease;
  z-index: 100;
}

.submenu-container.active {
  transform: translateX(0);
}

#mainMenu {
  position: relative;
  z-index: 10;
}

.hidden {
  transform: translateX(100%);
}

.summary-dropdown-travellers {
  width: 20rem !important;
  top: 100% !important;
  right: auto !important;
  left: 50% !important;
}

.summary-dropdown-calendar {
  top: 100% !important;
  right: auto !important;
  /* left: 50%!important; */
}

@media screen and (max-width: 768px) {
  .dropdown-menu.shadow {
    box-shadow: none !important;
  }

}

.bg-main-menu {
  background-color: rgba(0, 0, 0, 0.5) !important;
}

.secondary-search .scrollable-tabs {
  overflow-x: auto;
  white-space: nowrap;
}

.secondary-search .tab-btn {
  flex: 1 1 auto;
  display: inline-block;
  text-align: center;
}

.secondary-search .search-bar {
  border-radius: 50px;
  padding: 15px;
  background-color: #fff;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
}

.secondary-search .search-input {
  border: none;
  outline: none;
  width: 100%;
}

.secondary-search .search-input:focus {
  box-shadow: none;
}

.secondary-search .search-bar input {
  padding: 0px;
}

.upperBorder {
  background: var(--gray-200) !important;
}

.active .upperBorder {
  background: var(--primary-600) !important;
}

.active .upperBorder~div {
  color: var(--primary-600);
}

#facturareTab .nav-item .active {
  color: var(--gray-700);
  background: var(--white);
}

.scrollable-tabs {
  overflow-x: auto;
  white-space: nowrap;
}

.tab-btn {
  flex: 1 1 auto;
  display: inline-block;
  text-align: center;
}

.search-bar {
  border-radius: 50px;
  padding: 15px;
  background-color: #fff;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
}

.search-input {
  border: none;
  outline: none;
  width: 100%;
}

.search-input:focus {
  box-shadow: none;
}

.search-bar input {
  padding: 0px;
}

.popular-img {
  height: 100px;
}

.border-md-end {
  border-right: none;
}

@media (min-width: 768px) {
  .popular-img {
    height: 150px;
  }

  .border-md-end {
    border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
  }

  .border-md-top-0 {
    border-top: none !important;
  }

}

.text-truncate-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.text-truncate-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

#custom-pagination .page-link {
  position: relative;
  display: block;
  padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
  font-size: var(--bs-pagination-font-size);
  color: var(--gray-500);
  text-decoration: none;
  background-color: var(--bs-pagination-bg);
  border: none;
  border-radius: 50%;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

#custom-pagination .active>.page-link,
.page-link.active {
  z-index: 3;
  color: var(--gray-900);
  padding: 5px 14px;
  background-color: var(--gray-50);
  border: none;
}

.alert {
  padding: 10px;
  font-weight: 500;
  font-size: 14px;
}

.alert.alert-success {
  border-color: var(--success-500);
  background-color: var(--success-500);
  color: var(--white);
}

.alert .bi {
  font-size: 20px;
  margin-right: 5px;
}

.card-charter-acasa {
  min-height: 550px;
}

.main-menu .navbar-nav .nav-link {
  font-size: 0.9rem;
}

@media (max-width: 992px) {
  .main-menu .navbar-nav .nav-link {
    font-size: 1.3rem;
  }

  .main-menu .navbar-nav {
    background-color: #F7FAFE;
  }

  .main-menu .navbar-nav .nav-link.show {
    color: #fff;
    background-color: var(--primary);
  }

  .main-menu .navbar-nav .nav-link.show:hover {
    color: #fff !important;
    background-color: var(--primary);
  }

  .main-menu .navbar-nav .nav-link.dropdown-toggle.show:hover:after {
    border-color: #fff;
  }

  .main-menu .navbar-nav .dropdown-toggle::after {
    right: 40%;
  }
}

.search-type-content {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}

/* Desktop Megamenu */
@media (min-width: 992px) {
  .navbar .dropdown:has(.megamenu) {
    position: static;
  }

  .navbar .dropdown-menu.megamenu {
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    width: 80vw;
    max-width: 1400px;
    margin: 0;
    top: 100%;
    margin-top: 0.65rem;
  }

  /* Arrow styles - megamenu */
  .dropdown-menu.megamenu::before {
    content: '';
    position: absolute;
    top: -10px;
    left: var(--arrow-left, 50%);
    transform: translateX(-50%);
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #ffffff;
    z-index: 1;
  }

  /* Shadow behind arrow to match dropdown shadow */
  .dropdown-menu.megamenu::after {
    content: '';
    position: absolute;
    top: -11px;
    left: var(--arrow-left, 50%);
    transform: translateX(-50%);
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-bottom: 11px solid rgba(0, 0, 0, 0.1);
    z-index: 0;
  }

  /* Arrow styles - dropdown normal */
  .navbar .dropdown-menu:not(.megamenu) {
    margin-top: 19px;
    overflow: visible;
  }

  .navbar .dropdown-menu:not(.megamenu)::before {
    content: '';
    position: absolute;
    top: -10px;
    right: 5%;
    transform: translateX(-50%);
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #ffffff;
    z-index: 1;
  }
}

/* Mobile Menu Styles - remains the same */
@media (max-width: 991.98px) {
  .navbar .dropdown-menu {
    position: static !important;
    float: none;
    width: 100%;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none;
  }

  .navbar .dropdown-menu .dropdown-item {
    padding: 0.75rem 1.5rem;
    color: #000;
  }

  .navbar .dropdown-toggle {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }

  .navbar .dropdown-toggle::after {
    margin-left: auto;
  }

  .navbar .nav-item {
    border-bottom: 1px solid #eee;
  }

  .offcanvas .navbar-nav {
    width: 100%;
  }
}

.card h3 {
  font-size: 1.25rem;
}

.list-group-item+.list-group-item.active {
  background-color: #0054E2 !important;
  color: #fff;
}

.blog-nav {
  border-bottom: 1px solid #e9ecef;
  margin-bottom: 2rem;
  display: flex !important;
  flex-wrap: nowrap !important;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
  /* Internet Explorer 10+ */
}

.blog-nav::-webkit-scrollbar {
  display: none;
  /* Safari and Chrome */
}

.blog-nav .nav-link {
  border: none !important;
  border-radius: 0 !important;
  padding: 1rem 1.5rem;
  font-weight: 500;
  color: #6c757d !important;
  background: transparent !important;
  position: relative;
  transition: all 0.3s ease;
  white-space: nowrap;
  flex-shrink: 0;
  min-width: max-content;
}

.blog-nav .nav-link:hover {
  color: #495057 !important;
  background: transparent !important;
}

.blog-nav .nav-link.active {
  color: #007bff !important;
  background: transparent !important;
  border-bottom: 3px solid #007bff !important;
}

.blog-nav .nav-link.active::after {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 3px;
  background: #007bff;
}

/* Asigură-te că tab-urile nu au border implicit */
.nav-tabs .nav-link {
  border: none;
}

.nav-tabs {
  border-bottom: 1px solid #dee2e6;
}

.special-offers-nav {
  display: flex !important;
  flex-wrap: nowrap !important;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
  /* Internet Explorer 10+ */
  border-top: 1px solid #e9ecef;
  padding-top: 0;
  margin-top: 1rem;
  border-bottom: none;
}

.special-offers-nav::-webkit-scrollbar {
  display: none;
  /* Safari and Chrome */
}

.special-offers-nav .nav-item {
  flex-shrink: 0;
}

.special-offers-nav .nav-link {
  border: none !important;
  border-radius: 0 !important;
  padding: 1rem 1.5rem;
  font-weight: 500;
  color: #6c757d !important;
  background: transparent !important;
  position: relative;
  transition: all 0.3s ease;
  white-space: nowrap;
  margin-right: 0;
  margin-bottom: 0;
}

.special-offers-nav .nav-link:hover {
  color: #495057 !important;
  background: transparent !important;
}

.special-offers-nav .nav-link.active {
  color: #007bff !important;
  background: transparent !important;
  border-top: 3px solid #007bff !important;
}

/* Override Bootstrap pills default styling */
.nav-pills .nav-link {
  background-color: transparent !important;
}

.nav-pills .nav-link.active {
  background-color: transparent !important;
  color: #007bff !important;
}

::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}

::-webkit-scrollbar-track {
  background: #f8f9fa;
  border-radius: 6px;
}

::-webkit-scrollbar-thumb {
  background: #0054E2;
  border-radius: 6px;
  border: 2px solid #f8f9fa;
}

::-webkit-scrollbar-thumb:hover {
  background: #003bb3;
  /* Nuanță mai închisă la hover */
}

/* Pentru Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: #0054E2 #f8f9fa;
}

/* ===== SCROLLBAR PENTRU NAVIGAREA TA ORIZONTALĂ ===== */

.nav-scroll-wrapper::-webkit-scrollbar {
  height: 8px;
  /* Mai subțire pentru navigare orizontală */
}

.nav-scroll-wrapper::-webkit-scrollbar-track {
  background: rgba(248, 249, 250, 0.8);
  border-radius: 4px;
}

.nav-scroll-wrapper::-webkit-scrollbar-thumb {
  background: #0054E2;
  border-radius: 4px;
  border: 1px solid rgba(248, 249, 250, 0.8);
}

.nav-scroll-wrapper::-webkit-scrollbar-thumb:hover {
  background: #003bb3;
}

/* Pentru Firefox */
.nav-scroll-wrapper {
  scrollbar-width: thin;
  scrollbar-color: #0054E2 rgba(248, 249, 250, 0.8);
}

/* ===== SCROLLBAR PENTRU SWIPER (dacă folosești) ===== */

.swiper-scrollbar {
  background: rgba(248, 249, 250, 0.8) !important;
  border-radius: 4px !important;
}

.swiper-scrollbar-drag {
  background: #0054E2 !important;
  border-radius: 4px !important;
}

/* ===== RESPONSIVE - MAI SUBȚIRE PE MOBIL ===== */

@media (max-width: 768px) {
  ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
  }

  .nav-scroll-wrapper::-webkit-scrollbar {
    height: 6px;
  }
}

/* Stiluri pentru dropdown toggle arrow */
.dropdown-toggle::after {
  display: inline-block;
  margin-left: auto;
  vertical-align: middle;
  content: "";
  width: 8px;
  height: 8px;
  border: none;
  background: none;
  border-right: 2px solid var(--primary);
  border-bottom: 2px solid var(--primary);
  transform: rotate(45deg);
  transition: none;
}

/* Săgeata când dropdown-ul este deschis */
.dropdown-toggle[aria-expanded="true"]::after {
  transform: rotate(45deg);
}

/* Pentru navbar pe mobil */
@media (max-width: 991.98px) {
  .navbar .dropdown-toggle::after {
    margin-left: auto;
  }

  /* Asigură-te că săgeata este vizibilă pe mobil */
  .navbar-nav .nav-link.dropdown-toggle {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}

/* Stiluri suplimentare pentru o experiență mai bună */
.dropdown-toggle {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* Hover effect pentru săgeată */
.dropdown-toggle:hover::after {
  border-right-color: #0054E2;
  border-bottom-color: #0054E2;
}

/* Pentru compatibilitate cu Bootstrap */
.nav-link.dropdown-toggle::after {
  margin-left: auto;
}

/* Variante de culori pentru săgeți */
.dropdown-toggle.text-primary::after {
  border-right-color: #0054E2;
  border-bottom-color: #0054E2;
}

.dropdown-toggle.text-dark::after {
  border-right-color: #212529;
  border-bottom-color: #212529;
}

.dropdown-toggle.text-white::after {
  border-right-color: #ffffff;
  border-bottom-color: #ffffff;
}

/* Animație smoothă pentru toate elementele dropdown */
.dropdown-menu {
  transition: all 0.3s ease;
}

/* Fixează poziția săgeții în dreapta pentru nav-items */
.navbar-nav .dropdown-toggle {
  position: relative;
}

.navbar-nav .dropdown-toggle::after {
  position: absolute;
  right: 0px;
  top: 47%;
  transform: translateY(-50%) rotate(45deg);
  margin-left: 0;
}

.navbar-nav .dropdown-toggle[aria-expanded="true"]::after {
  transform: translateY(-50%) rotate(45deg);
}

/* Chevron style - definit mai sus */

/* Variante de culori pentru săgeți - definite mai sus */

/* Animație smoothă pentru toate elementele dropdown */
.dropdown-menu {
  transition: all 0.3s ease;
}

/* Fixează poziția săgeții în dreapta pentru nav-items */
.navbar-nav .dropdown-toggle {
  position: relative;
}

.navbar-nav .dropdown-toggle::after {
  position: absolute;
  right: 0px;
  top: 47%;
  transform: translateY(-50%) rotate(45deg);
  margin-left: 0;
}

.navbar-nav .dropdown-toggle[aria-expanded="true"]::after {
  transform: translateY(-50%) rotate(45deg);
}

/* Stiluri alternative cu Bootstrap Icons (opțional) */
.dropdown-toggle.use-icon::after {
  content: none;
  /* Elimină chevron-ul CSS */
}

.dropdown-toggle.use-icon::before {
  content: "\F285";
  /* Bootstrap icon chevron-right */
  font-family: "bootstrap-icons";
  margin-left: auto;
  transition: transform 0.3s ease;
}

.dropdown-toggle.use-icon[aria-expanded="true"]::before {
  transform: rotate(90deg);
  /* Rotește iconul */
}

/* col-image ascuns implicit pe toate device-urile */
.col-image {
  display: none !important;
}

/* Modul listă pe desktop */
@media (min-width: 768px) {
  .hotel-list-mode .hotel-top-img-wrapper {
    display: none !important;
  }

  .hotel-list-mode .card-body {
    border-top: 1px solid #000 !important;
    border-radius: 1rem !important;
    padding: 0 !important;
  }

  .hotel-list-mode .row {
    height: 100%;
  }

  .hotel-list-mode .col-image {
    display: block !important;
    flex: 0 0 auto;
    width: 33.333333%;
  }

  .hotel-list-mode .col-content {
    flex: 0 0 auto;
    width: 31.666667%;
  }

  .hotel-list-mode .col-content .hstack .ms-auto {
    display: none !important;
  }

  .hotel-list-mode .col-content .text-primary.fs-7 {
    margin-top: 0.5rem;
  }

  .hotel-list-mode .col-price {
    flex: 0 0 auto;
    width: 35%;
    text-align: right;
    position: relative;
    margin-top: 0 !important;
  }

  .hotel-list-mode .col-price .price-arrow {
    display: block !important;
  }

  .hotel-list-mode .col-price .price-content {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 1rem;
  }
}

/* ── Sub-footer (p45-footer) layout & responsive ── */
.p45-footer {
  overflow-x: hidden;
  max-width: 100vw;
}

/* Band: 3-column equal grid (payments | company | disputes) */
.p45-footer .p45-footer__band {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 20px !important;
  justify-content: space-between !important;
}
.p45-footer .p45-footer__band > div {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

/* Nav columns: equal 3-col layout */
.p45-footer .p45-footer__nav-cols {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 24px !important;
}
.p45-footer .p45-footer__nav-cols > .p45-footer__nav {
  flex: 1 1 0 !important;
  min-width: 150px !important;
}

/* Dispute resolution: always stack images vertically */
.p45-footer .p45-footer__band > div:last-child {
  align-items: center !important;
}
.p45-footer .p45-footer__band > div:last-child > div {
  flex-direction: column !important;
  align-items: center !important;
}

/* Company info: centered */
.p45-footer .p45-footer__band > div:nth-child(2) {
  text-align: center !important;
  align-self: center !important;
}

/* ── Tablet: stack band into rows ── */
@media (max-width: 991px) {
  .p45-footer .p45-footer__top {
    flex-direction: column !important;
  }
  .p45-footer .p45-footer__left {
    max-width: 100% !important;
    flex: unset !important;
  }
}

/* ── Mobile ── */
@media (max-width: 768px) {
  .p45-footer .p45-footer__band {
    flex-direction: column !important;
    align-items: stretch !important;
  }
  .p45-footer .p45-footer__band > div {
    flex: unset !important;
  }
  .p45-footer .p45-footer__nav-cols {
    justify-content: flex-start !important;
  }
  .p45-footer .p45-footer__bottom {
    flex-direction: column !important;
    text-align: center !important;
    gap: 12px !important;
  }
  .p45-footer .p45-footer__bottom > div {
    justify-content: center !important;
  }
  .p45-footer .container > div {
    max-width: 100%;
    overflow-x: hidden;
  }
}

@media (max-width: 480px) {
  .p45-footer .p45-footer__badge-card > div,
  .p45-footer .p45-footer__rates-box > div {
    gap: 4px !important;
  }
  .p45-footer .p45-footer__bank-pill {
    font-size: 9px !important;
    padding: 2px 6px !important;
    height: 24px !important;
  }
}
/* Hotel card images - tablet fix */
@media (min-width: 768px) and (max-width: 991px) {
  .hotel-card-mode .hotel-top-img-wrapper .h-250px,
  .hotel-top-img-wrapper .h-250px {
    height: 200px !important;
  }
}

@media (min-width: 992px) {
  .hotel-card-mode .hotel-top-img-wrapper .h-250px,
  .hotel-top-img-wrapper .h-250px {
    height: 220px !important;
  }
}

/* Breadcrumb */
.breadcrumb-area {
  padding: 12px 0;
}

.breadcrumb-area .breadcrumb {
  margin: 0;
  padding: 0;
  background: transparent;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0;
  list-style: none;
}

.breadcrumb-area .breadcrumb li {
  display: inline-flex;
  align-items: center;
  font-size: .85rem;
  color: #6c757d;
}

.breadcrumb-area .breadcrumb li a {
  color: #6c757d;
  text-decoration: none;
  transition: color 0.2s ease;
}

.breadcrumb-area .breadcrumb li a:hover {
  color: var(--primary);
}

.breadcrumb-area .breadcrumb-separator {
  display: inline-flex;
  align-items: center;
  margin: 0 8px;
  color: #adb5bd;
}

.breadcrumb-area .breadcrumb li:last-child span[itemprop="name"] {
  color: #212529;
  font-weight: 600;
}