:root {
  /* Brand  Colors */
  --primary: #003C78;
  --secondary: #003C78;
  --cyan: #00B1FF;
  --cyan-30: #00B1FF4D;
  --turqoise: #00CECE;
  --t100: #C5EEF0;
  --b600: #085EB4;

  /* 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;
}

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

.btn-primary {
  background-color: var(--primary-600) !important;
  /* border: 1px solid var(--primary-200); */
  color: var(--white);
  font-weight: 600;
}

.btn-primary:hover {
  background-color: var(--primary-700) !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;
}

.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-primary {
  color: var(--primary-600) !important;
}

.text-secondary {
  color: var(--secondary) !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;
  }
}

section {
  /* padding-top: 75px; */
  padding-bottom: 75px;
}

.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);
  color: var(--primary-700) !important;
}

#main-search .nav.nav-pills {
  background-color: rgba(50, 75, 120, var(--bs-bg-opacity)) !important;
  backdrop-filter: blur(20px);
}

#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;
}

@media (min-width: 992px) {
  .highlight, .highlight-info {
    font-size: 10rem;
  }
}

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

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

.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;
}

.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');
}

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

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

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

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

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

.bg-7 {
  background-image: url('/dir/fundal/7.png');
}

.bg-8 {
  background-image: url('/dir/fundal/8.png');
}

.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;
  }

  .dropdown-menu.border-0 {
    border: 1px solid var(--bs-border-color-translucent) !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;
}

.search-type-content {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}
/* Desktop Megamenu */
@media (min-width: 992px) {
  .navbar .dropdown {
    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 */
  .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;
  }
}

/* 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%;
  }

  /* h1 {
    font-size: px;
  }

  h2 {
    font-size: px;
  }

  h3 {
    font-size: px;
  }

  h4 {
    font-size: px;
  }

  h5 {
    font-size: px;
  } */
}