/******************************************Navbar CSS************************************************ */
.uk-navbar {
  height: 70px;
  padding: 5px 0;
}

.uk-main-header-transparent {
  z-index: 1;
  width: 100%;
  display: block;
  background-color: #fff;
}

.uk-main-header-transparent .uk-navbar-nav > li > a {
  color: var(--black);
  height: 70px;
}

.uk-navbar-nav {
  gap: 40px;
}
.uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-item,
.uk-navbar-nav > li > a,
.uk-navbar-toggle {
  font-family: "Montserrat", sans-serif;
}
.uk-navbar-container:not(.uk-navbar-transparent) {
  background: #ffffff !important;
}
.uk-navbar-toggle-animate svg > [class*="line-"] {
  fill: var(--secondary);
}

.uk-main-header-transparent .uk-dropbar .uk-container {
  border-top: 1px solid rgb(255 255 255 / 15%);
}

.uk-sticky.uk-sticky-below.uk-sticky-fixed
  .uk-main-header-transparent
  .uk-dropbar
  .uk-container {
  margin-top: 0;
  padding: 0;
  border: 0;
}

.uk-navbar-container.uk-navbar-transparent.uk-navbar-sticky {
  background-color: var(--white);
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

.uk-navbar-nav > li > a:active {
  color: var(--secondary);
}

.uk-navbar-dropdown {
  position: absolute;
  top: 68px !important;
  padding: 8px 17px 17px;
  border-bottom: 3px solid var(--secondary);
}

.uk-navbar-nav > li:hover > a,
.uk-navbar-nav > li > a[aria-expanded="true"],
.uk-navbar-dropdown-nav > li > a:hover,
.uk-navbar-dropdown-nav > li.uk-active > a {
  color: var(--secondary);
}

.uk-navbar-nav > li > a {
  color: var(--black);
  position: relative;
  font-weight: 500;
  font-size: 15px;
}

.uk-sticky.uk-sticky-below.uk-sticky-fixed .uk-navbar-nav > li > a {
  color: var(--black);
}

.uk-navbar-nav > li:hover > a::before,
.uk-navbar-nav > li > a[aria-expanded="true"]::before {
  left: var(--uk-navbar-nav-item-line-margin-horizontal);
  right: var(--uk-navbar-nav-item-line-margin-horizontal);
  opacity: 1;
}

.uk-navbar-nav > li > a::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  bottom: 0;
  height: 2px;
  background-color: transparent;
  transition: 0.5s ease-in-out;
  transition-property: background-color, border-color, box-shadow, height, left,
    right, opacity;
  --uk-navbar-nav-item-line-margin-horizontal: 0;
  left: var(--uk-navbar-nav-item-line-margin-horizontal);
  left: 50%;
  right: 50%;
  background: var(--secondary);
  opacity: 0;
}

.uk-navbar-dropdown-nav > li {
  position: relative;
  padding: 5px 0;
  border-bottom: 1px solid #8080801f;
}

.uk-navbar-dropdown-nav > li > a {
  text-transform: uppercase;
}

.uk-navbar-dropdown-nav > li > a:hover {
  color: var(--secondary);
}

.uk-navbar-dropdown-nav > li.uk-active:before {
  content: ">";
  position: absolute;
  right: 0;
  top: 0;
  color: var(--secondary);
  font-weight: bold;
  font-size: 20px;
  line-height: 36.25px;
}

.uk-nav.uk-nav-divider
  > :not(.uk-nav-header, .uk-nav-divider)
  + :not(.uk-nav-header, .uk-nav-divider) {
  border-color: rgb(0 0 0 / 12%);
}

.uk-nav-primary li a {
  padding: 8px 40px;
  font-size: 17px;
}

.uk-nav-primary > li > a {
  color: var(--black);
}

.uk-nav-primary > li > a:hover,
.uk-nav-primary > li > a:focus,
.uk-nav-primary > li.uk-active a {
  color: var(--secondary);
}

.uk-can-btn {
  padding: 0px 11px !important;
  border-color: var(--primary) !important;
  background: var(--primary) !important;
  color: var(--white) !important;
  border-radius: 6px !important;
}
.uk-res-imag {
  height: 56px;
}
@media (max-width: 440px) {
  .uk-res-imag {
    height: 40px;
  }
}
.uk-offcanvas-bar {
  background: #d0ddf2;
}

.uk-offcanvas-header {
  background-color: var(--white);
  padding-left: 15px;
}

.uk-offcanvas-close {
  background: #342f7f;
  color: white !important;
  padding: 10px;
  border-radius: 6px;
  top: 18px;
}

.uk-offcanvas-nav {
  list-style: none;
  padding: 0;
}

.uk-offcanvas-nav li a {
  font-weight: 600;
  color: #454545;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  transition: 0.2s ease-in-out;
  font-size: 17px;
}

.uk-offcanvas-nav li {
  padding: 10px;
  border-bottom: 1px solid #b8b8b8;
}

.uk-offcanvas-nav li a:hover {
  color: var(--secondary);
}

.uk-border-bottom {
  border-bottom: 1px solid #d4d4d4;
}

/******************************************End  Navbar CSS************************************************ */
.uk-text-mute {
  color: var(--primary);
  font-weight: 600;
}
.uk-form-label {
  color: var(--primary);
  font-size: 16px;
  font-weight: 500;
}

.checkbox-group {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 15px;
  margin-bottom: 30px;
}

.checkbox-item {
  background: #f8f9fa;
  padding: 15px;
  border-radius: 8px;
  transition: all 0.3s ease;
  color: var(--primary);
  font-weight: 500;
}

.checkbox-item:hover {
  background: #e9ecef;
  transform: translateX(5px);
}

.checkbox-item input[type="checkbox"]:checked ~ label {
  color: #667eea;
  font-weight: 600;
}

.login-img {
  height: 118px;
}

.uk-inner-banner {
  height: 90px;
  display: flex;
  align-items: center;
  padding-left: 45px;
}

.uk-inner-banner h2 {
  color: white;
  margin: 0;
  font-weight: 600;
}

.section-divider {
  padding: 10px;
  background: #f5f5f5;
  border-left: 4px solid #1e87f0;
  font-weight: 600;
}

.step {
  display: none;
}

.step.active {
  display: block;
}

.video-background-controls {
  display: none;
}
.banner-carousel {
  height: 78vh;
}
.uk-banner-overlay {
  background-color: #00000078;
}
.banner-large-text {
  font-weight: 700;
  text-transform: uppercase;
  color: white;
}
.other-large-text {
  font-weight: 700;
  text-transform: uppercase;
}
.banner-small-text {
  font-weight: 500;
  color: white;
  margin-bottom: 8px;
}
.uk-accordion-title {
  background: #2d3b54;
  color: white;
  padding: 11px;
  margin-top: 15px;
  font-size: 18px;
}
.uk-accordion-title:hover {
  color: white;
  background-color: var(--primary);
}
.uk-accordion-content {
  border: 1px solid var(--primary);
  margin: 0;
  padding: 13px;
}
.uk-res-tag {
  background-color: var(--secondary);
  padding: 8px 19px;
  color: white;
  font-weight: 500;
}
.uk-resource-list li a {
  color: var(--primary) !important;
  font-weight: 500;
}
.uk-list-divider > :nth-child(n + 2) {
  border-top: 1px solid #0f2d6147;
}
.uk-list li,
.uk-list li a {
  color: var(--white);
}
.firm-card {
  border-radius: 14px;
  padding: 20px;
  box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.06);
}
.firm-card .uk-btn {
    display: block;
    text-align: center;
}
.firm-tag {
  border: solid 1px #0f2d6140;
  background: #aec6f18c;
  color: #0f2d61;
  padding: 4px 10px;
  border-radius: 30px;
  font-size: 11px;
  margin-right: 4px;
  margin-bottom: 5px;
  font-weight: 600;
}

.detail-tag {
  background: #eef2ff !important;
  color: #3f51b5 !important;
  padding: 9px 13px;
  border-radius: 30px;
  font-size: 13px;
  font-weight: 700;
  margin-right: 4px;
  margin-bottom: 5px;
}
.uk-star-rating {
  font-size: 12px;
  color: var(--secondary);
}

.page-btn {
  color: white;
  background: var(--primary);
  padding: 10px;
  border-radius: 5px;
}
.uk-pagination > * > * {
  color: var(--primary);
  font-weight: 500;
}
.uk-pagination > .uk-active > * {
  color: var(--secondary);
}

.sidebar-filters {
            background: white;
            padding: 20px;
            border-radius: 4px;
            box-shadow: 0 1px 3px rgba(0,0,0,0.1);
            position: sticky;
            top: 20px;
        }
        
        .filter-group {
            margin-bottom: 25px;
            padding-bottom: 20px;
            border-bottom: 1px solid #e5e5e5;
        }
        
        .filter-group:last-child {
            border-bottom: none;
            margin-bottom: 0;
            padding-bottom: 0;
        }
        
        .filter-title {
            font-weight: 700;
            font-size: 14px;
            color: #003d82;
            margin-bottom: 12px;
            text-transform: uppercase;
        }
        
        .filter-option {
            display: flex;
            align-items: center;
            margin-bottom: 10px;
            cursor: pointer;
        }
        
        .filter-option input[type="checkbox"],
        .filter-option input[type="radio"] {
            margin-right: 8px;
            cursor: pointer;
        }
        
        .filter-option label {
            cursor: pointer;
            margin: 0;
            font-size: 13px;
            color: #333;
        }
        
        .filter-option input:checked + label {
            color: #003d82;
            font-weight: 600;
        }
        
        .rating-filter {
            display: flex;
            align-items: center;
            margin-bottom: 10px;
            cursor: pointer;
        }
        
        .rating-filter input[type="radio"] {
            margin-right: 8px;
        }
        
        .star-display {
            color: #ffc107;
            font-size: 12px;
            margin-right: 4px;
        }
        
        .btn-reset {
            width: 100%;
            background-color: #e5e5e5;
            color: #333;
            border: none;
            padding: 10px;
            border-radius: 4px;
            font-weight: 600;
            cursor: pointer;
            transition: background-color 0.3s;
        }
        
        .btn-reset:hover {
            background-color: #d5d5d5;
        }
        
        .firm-card {
            transition: box-shadow 0.3s;
        }
        
        .firm-card:hover {
            box-shadow: 0 5px 15px rgba(0,0,0,0.15);
        }