/* Local Phetsarath OT font for Lao text - Optimized with WOFF2 */
@font-face {
  font-family: 'Phetsarath';
  src: url('/base/fonts/Phetsarath-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0E80-0EFF;
}

/* src: url('/fonts/phetsarath_ot.woff2') format('woff2'),
url('/fonts/phetsarath_ot.woff') format('woff'),
url('/fonts/phetsarath_ot.ttf') format('truetype'); */
/* Apply Phetsarath font to all text elements */
body,
.homepage,
.homepage *,
.hero-content,
.hero-content *,
.heading,
.tagsNum,
.tagstxt,
.stats-cards,
.stats-cards *,
.search-input,
.search-input *,
.navbar,
.navbar *,
.btn,
.btn * {
  font-family: 'Phetsarath', 'Noto Sans Lao', 'Saysettha OT', 'Lao UI', sans-serif !important;
}

/* Specific styling for Lao text elements */
.lao-text, 
[lang="lo"], 
.search-input input::placeholder,
.stats-cards small,
.hero-content h1,
.heading,
.tagsNum,
.tagstxt {
  font-family: 'Phetsarath', 'Noto Sans Lao', 'Saysettha OT', 'Lao UI', sans-serif !important;
}

/* Navigation menu font styling */
.navbar-nav .nav-link,
.navbar-nav > li > a,
.navbar-brand,
.navbar .btn,
.header-navbar .nav-link,
.header-navbar .btn,
.navbar-light .nav-link,
.navbar-light .navbar-nav .nav-link {
  font-family: 'Phetsarath', 'Noto Sans Lao', 'Saysettha OT', 'Lao UI', sans-serif !important;
}

/* Login button and authentication elements */
.btn,
.btn-primary,
.btn-secondary,
.btn-success,
.btn-danger,
.btn-warning,
.btn-info,
.btn-light,
.btn-dark,
.navbar .btn,
.header-navbar .btn,
.account-masthead .btn,
.account-masthead a,
.account-masthead .account ul li a,
.navbar-nav .dropdown-menu .dropdown-item,
.dropdown-menu .dropdown-item {
  font-family: 'Phetsarath', 'Noto Sans Lao', 'Saysettha OT', 'Lao UI', sans-serif !important;
}


/* Force Lao font on homepage */
.homepage,
.homepage *,
.homepage h1,
.homepage h2,
.homepage h3,
.homepage h4,
.homepage h5,
.homepage h6,
.homepage p,
.homepage span,
.homepage div,
.homepage a,
.homepage button,
.homepage input,
.homepage label {
  font-family: 'Phetsarath', 'Noto Sans Lao', 'Saysettha OT', 'Lao UI', sans-serif !important;
}

/* Preserve Font Awesome icons */
.homepage i,
.homepage .fa,
.homepage .fas,
.homepage .far,
.homepage .fab,
.homepage .fal,
.homepage .fad,
.homepage .fa-solid,
.homepage .fa-regular,
.homepage .fa-brands,
.homepage .fa-light,
.homepage .fa-duotone {
  font-family: 'Font Awesome 5 Free', 'Font Awesome 5 Pro', 'Font Awesome 6 Free', 'Font Awesome 6 Pro', 'FontAwesome' !important;
}

/* Preserve Font Awesome icons globally */
i,
.fa,
.fas,
.far,
.fab,
.fal,
.fad,
.fa-solid,
.fa-regular,
.fa-brands,
.fa-light,
.fa-duotone,
.fa-plus-square,
.fa-plus,
.fa-edit,
.fa-eye,
.fa-trash,
.fa-search,
.fa-calendar,
.fa-user,
.fa-building,
.fa-file-text,
.fa-check-circle,
.fa-map-marker-alt,
.fa-chart-line,
.fa-database,
.fa-users,
.fa-globe,
.fa-download,
.fa-upload {
  font-family: 'Font Awesome 5 Free', 'Font Awesome 5 Pro', 'Font Awesome 6 Free', 'Font Awesome 6 Pro', 'FontAwesome' !important;
}
/* ---------------------------------------------------------------------------------------------------------------------- */
/* ----the font lao store in /usr/lib/ckan/src/ckan/ckan/public/base/fonts/Phetsarath-Regular.ttf */


.body{
  background-color: #F5F5F5;
}

/* 1) Top header bar (dark blue) */
.header-navbar {
  background-color: #1c237e;
  padding: 0.5rem 0;
}
.header-navbar .navbar-brand,
.header-navbar .btn {
  color: #fff;
}
.header-navbar .btn:hover,
.header-navbar .btn:focus {
  color: #e0e0e0;
}
.no-padding {
  padding: 0 !important;
}
.bg-darkblue {
  background-color: #1C237E !important;
}

/* 2) Main navigation bar (white) */
.navbar-light.bg-white {
  background-color: #fff;
  border-bottom: 1px solid #e5e5e5;
  padding: 0.5rem 0;
}
.navbar-light.bg-white .nav-link {
  color: #333;
}
.navbar-light.bg-white .nav-link:hover,
.navbar-light.bg-white .nav-link:focus {
  color: #007bff;
}
.navbar-light.bg-white .nav-link.active {
  color: #d00;
}

/* 3) Common focus style */
.navbar .btn:focus-visible,
.navbar .nav-link:focus-visible,
.navbar-toggler:focus-visible {
  outline: 2px solid #4a90e2;
  outline-offset: 2px;
}
/* -----------------------------------------------------------*/
/* --언어 선택  -----------------------------------------------*/
/* -----------------------------------------------------------*/
.desaturated {
  filter: grayscale(100%);
  opacity: 0.6;
}

.selected-lang span {
  font-weight: 600;
}

.unselected-lang span {
  font-weight: 400;
}

/* -----------------------------------------------------------*/
/* --히어로 전체 -----------------------------------------------*/
/* -----------------------------------------------------------*/
.hero-section {
  display: flex;
  background: url('/images/hero_img.png') no-repeat left center;
  max-width: 1280px;
  /* aspect-ratio: 1282 / 464; */
  /* margin: 2rem auto; */
  border-radius: 1rem;
  overflow: hidden;
  /* background: #1c237e; */
}

.hero-image {
  flex: 0 0 30%;
  background-size: cover;
  min-height: 400px;
}

.hero-content {
  flex: 1;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), #1c237e 100%);
  /* background: transparent; */
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 2.5rem 2rem;
}

.hero-content h1 {
  font-size: 2.0rem;
  font-weight: 700;
  width: 100%;
  margin-bottom: 1.5rem;
}

/* 검색창 전체 래퍼 */
.tagsNum, .tagstxt{
  font-size: 1.5rem;
}
.heading{
  font-size: 2.3rem;
  padding-left: 0.5rem;
}

.search-input.form-group {
  display: flex;
  align-items: center;
  /* background: white; */
  border-radius: 2em;
  padding: 0.2em 0.5em;
  box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}

/* 검색 input */
.search-input input {
  border: none;
  outline: none;
  flex: 1;
  background: transparent;
  font-size: 1rem;
  padding: 0.7em 1em;
  border-radius: 2em;
}

/* 검색 버튼 */
.search-btn {
  background: none;
  border: none;
  outline: none;
  cursor: pointer;
  margin-left: 0.3em;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.2em;
  height: 2.2em;
  border-radius: 50%;
  transition: background 0.2s;
}

.search-btn:hover {
  background: #f0f0f0;
}

.search-btn i.fa-search {
  font-size: 1.5em;
  color: #ffffff; /* 아이콘 색상 조정 */
}


/* Remove the border box around search and cards */
.homepage .module-search {
  border: none !important;
  background: transparent !important;
  padding: 10px;
  color: #fff;
}

/* Override the background for stats cards container */
.homepage .module-search .tags {
  background-color: transparent !important;
  margin-top: -5px;
  padding: 5px 10px 10px 10px;
}

/* 통계 카드 전체 컨테이너 */
.stats-cards {
  display: flex;
  gap: 1.5rem;
  justify-content: flex-start;
}

/* 각 카드 아이템 */
.stats-cards > div {
  background: transparent;
  border: 1.5px solid #fff;
  border-radius: 1rem;
  padding: 1.2rem 0rem;
  /* min-width: 140px; */
  flex: 1;
  text-align: center;
}

/* 아이콘 */
.stats-cards i {
  color: #1c237e;
  margin-bottom: 0.5rem;
}

/* 숫자 */
.stats-cards p.h4 {
  font-weight: 600;
  color: #ffffff;
}

/* 항목명 */
.stats-cards small {
  color: #adb1b4;
}

.stats-icon {
  width: 48px;
  height: 48px;
  margin-bottom: 0.5rem;
  object-fit: contain;
}

/* -----------------------------------------------------------*/
/* --footer --------------------------------------------------*/
/* -----------------------------------------------------------*/

.site-footer {
  font-size: 0.9rem;
  color: #333333;
}

.site-footer a {
  color: #333;
  text-decoration: none;
}

.site-footer a:hover {
  text-decoration: underline;
}

.site-footer i {
  color: #21529c;
}


/* Data Category 카드 */
.category-card {
  background-color: #fff;
  border: 1px solid #e9ecef;
  border-radius: 0.5rem;
  transition: box-shadow .2s ease;
}
.category-card:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.category-card img {
  display: block;
  margin: 0 auto 0.5rem;
}
.category-card .card-title {
  font-size: 1rem;
  margin-bottom: 0.25rem;
  color: #1c237e;
}
.category-card p {
  font-size: 0.875rem;
  color: #6c757d;
}

/* -----------------------------------------------------------*/
/* --News & Activities ---------------------------------------*/
/* -----------------------------------------------------------*/

/* News & Activities 카드 */
.news-card {
  background-color: #fff;
  border: 1px solid #e9ecef;
  border-radius: 0.5rem;
  transition: box-shadow .2s ease;
}
.news-card:hover {
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.news-card img {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 0.5rem;
}
.news-card h5 {
  font-size: 1.125rem;
  margin-top: 0.75rem;
  color: #1c237e;
}
.news-card p {
  font-size: 0.9rem;
  color: #6c757d;
  margin-top: 0.5rem;
}

/* -----------------------------------------------------------*/
/* --Statistics ----------------------------------------------*/
/* -----------------------------------------------------------*/

/* Statistics 섹션 배경 */
.statistics-banner {
/*   background: linear-gradient(135deg, #1c237e 0%, #3a4ab8 100%); */
background: url('/images/news/bg_statistics.svg') no-repeat center center;
background-size: cover;
/* padding-top: 60px !important;
padding-bottom: 60px !important; */
}

/* 각 통계 아이템 */
.stat-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
.stat-number {
  font-size: 2rem;
  font-weight: 600;
}
.stat-label {
  font-size: 1rem;
  font-weight: 300;
}

/* 구획선 색상 조정 (밝은 흰색 반투명) */
.statistics-banner .border-end {
  border-right: 1px solid rgba(255,255,255,0.5) !important;
}
.statistics-banner .border-bottom {
  border-bottom: 1px solid rgba(255,255,255,0.5) !important;
} 

/* -----------------------------------------------------------*/
/* --Recently Update -----------------------------------------*/
/* -----------------------------------------------------------*/
/*  섹션 */
.recent-update h2 {
  color: #1c237e;
}
.recent-update .section-title {
  color: #1c237e;
  margin-bottom: 1rem;
  font-weight: 600;
}
.recent-update .update-list .update-link {
  display: block;
  font-size: 1rem;
  font-weight: 500;
  color: #333;
  text-decoration: none;
}
.recent-update .update-list .update-link:hover {
  text-decoration: underline;
}
.recent-update .update-meta {
  font-size: 0.875rem;
  color: #6c757d;
}

/* -----------------------------------------------------------*/
/* --Dataset left side----------------------------------------*/
/* -----------------------------------------------------------*/
.filter-box {
  font-size: 0.95rem;
  line-height: 1.4;
}

.filter-box h6 {
  font-size: 1rem;
}

.filter-box ul li i {
  font-size: 0.9rem;
  vertical-align: middle;
}

.bg-yellow {
  background-color: #f6ff00;
}
.result-card img {
  flex-shrink: 0;
}

.no-left-padding {
  padding-left: 0 !important;
  margin-left: 0 !important;
} 

/* -----------------------------------------------------------*/
/* --Table Design --------------------------------------------*/
/* -----------------------------------------------------------*/
.table td {
  vertical-align: middle;
  font-size: 0.95rem;
}

.table td:first-child {
  width: 50%;
  font-weight: 500;
}

/* -----------------------------------------------------------*/
/* --SubPage Design ------------------------------------------*/
/* -----------------------------------------------------------*/

.page-title-banner {
  background: url('/images/news/bg_statistics.svg') no-repeat center center;
}


.footer-text {
  font-size: 0.8rem;
  color: #152431;
}






/* -----------------------------------------------------------*/
/* --Data Category -------------------------------------------*/
/* -----------------------------------------------------------*/
.category-row {
  display: flex;
  flex-wrap: wrap;
  gap: 15px; /* 시작 gap */
}

.category-col {
  flex: 0 0 calc(16.666% - 12.5px);  /* 6개 한줄, gap 18px → 보정 15px */
  max-width: calc(16.666% - 12.5px);
}

.media-view {
  border: none !important;
  border-radius: 14px !important;
  transition: none !important;
  box-shadow: none !important;
}

.media-view:hover, .media-view.hovered {
  border-color: transparent !important;
  box-shadow: none !important;
}

@media (max-width: 1199.98px) {
  .category-col {
    flex: 0 0 calc(25% - 11.25px);   /* 4개 한줄, gap 18px → 보정 14px */
    max-width: calc(25% - 11.25px);
  }
}
@media (max-width: 991.98px) {
  .category-col {
    flex: 0 0 calc(33.333% - 10px);  /* 3개 한줄, gap 18px → 보정 12px */
    max-width: calc(33.333% - 10px);
  }
}
@media (max-width: 767.98px) {
  .category-col {
    flex: 0 0 calc(50% - 7.5px);   /* 2개 한줄, gap 18px → 보정 9px */
    max-width: calc(50% - 7.5px);
  }

}
@media (max-width: 575.98px) {
  .category-col {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

/* -----------------------------------------------------------*/
/* --Data Regulation -------------------------------------------*/
/* -----------------------------------------------------------*/
.row.g-5 {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}

.col-12 {
  flex: 0 0 calc(25% - 11.25px);     /* 4 columns, gap adjusted */
  max-width: calc(25% - 11.25px);
}

@media (max-width: 1199.98px) {
  .col-12 {
    flex: 0 0 calc(33.333% - 10px);   /* 3 columns */
    max-width: calc(33.333% - 10px);
  }
}

@media (max-width: 991.98px) {
  .col-12 {
    flex: 0 0 calc(50% - 7.5px);     /* 2 columns */
    max-width: calc(50% - 7.5px);
  }
}

@media (max-width: 767.98px) {
  .col-12 {
    flex: 0 0 calc(50% - 7.5px);     /* Keep 2 columns */
    max-width: calc(50% - 7.5px);
  }
}

@media (max-width: 575.98px) {
  .col-12 {
    flex: 0 0 100%;                  /* 1 column on mobile */
    max-width: 100%;
  }
}
/* 1) Default: center .site-wrapper, max width 1200px */
.site-wrapper {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
  }
  
  /* 2) At 1200px and below: apply 1rem horizontal padding to all .container (site-wrapper ⏤ px-0) */
  @media (max-width: 1200px) {
    .secondary{
      max-width: 300px;
      min-width: 200px;
    }
    .primary {
      max-width: 75%;
      min-width: 0;
    }
  
    .container.site-wrapper,
    .container.px-0 {
      max-width: 100% !important;
      margin: 0 !important;
  /*       padding-left: 1rem !important;
      padding-right: 1rem !important; */
    }
    .navbar-toggler {
      margin-left: 1rem !important;
      background: transparent !important;
      border: none !important;
      box-shadow: none !important;
    }
  
    /* 카드 스타일 */
    .stats-cards {
      gap: 1rem;
    }
    
    .stats-cards > div {
      padding: 1rem 1.5rem;
    }
  
    .stats-icon {
      width: 36px;
      height: 36px;
    }
    .tagsNum, .tagstxt{
      font-size: 1.5rem;
    }
  
    .heading{
      font-size: 2.2rem;
      padding-left: 0.5rem;
    }
  }
  
  
  @media (max-width: 992px) {
    .hero-image { 
      display: none; 
    }
    .hero-content h1 {
      font-size: 1.6rem; /* 필요시 적절히 조정 */
    }
    .stats-cards > div {
      padding: 0.5rem 0;
  /*       min-width: 120px; */
    }
    .stats-icon {
      width: 24px;
      height: 24px;
    }
    .tagsNum, .tagstxt{
      font-size: 1.2rem;
    }
    .heading{
      font-size: 1.8rem;
      padding: 0.5rem;
    }
  }
  
  @media (min-width: 768px) {
    /* 사이드바 */
    .wrapper:before {
      border-right: 0;
    }
  }
  
  @media (max-width: 768px) {
    /* 사이드바 */
    .hero-section { 
      display: flex;
       aspect-ratio: auto; 
    }
    .hero-content h1 {
      font-size: 1rem; /* 필요시 적절히 조정 */
    }
    .hero-image { 
      display: none; 
    }
    .stats-cards {
      display: flex;
      flex-wrap: nowrap;
      justify-content: space-between;
      overflow: hidden;     /* 필요시 overflow-x: auto; 해도 됨 */
      gap: 0.5rem;
      padding: 0 1rem;
    }
    .stats-icon {
      display: none;
    }
    .stats-cards > div {
      flex: 1 1 25%;        /* 전체 넓이의 1/4씩 */
      min-width: 0;         /* flex-basis가 우선하도록 */
      margin-bottom: 0;
      border-radius: 0.8rem;
    }
    
    /* 검색창·아이콘 등도 비율에 맞춰 작게 */
    .hero-search input {
      font-size: 0.875rem;
    }
    .hero-search button {
      font-size: 0.875rem;
    }
  
    .site-footer .text-md-end {
      text-align: left !important;
    }
    .tagsNum, .tagstxt{
      font-size: 1rem;
    }
    .heading{
      font-size: 1.4rem;
      padding-left: 0.5rem;
    }
  }
  
  @media (max-width: 500px) {
    .hero-section {
      padding: 0.5rem 0;         /* 위아래 여백만 주고 */
      border-radius: 0.5rem;
    }
    .hero-content {
      width: 95vw;               /* 화면 거의 꽉 차게 */
      max-width: 98vw;
      min-width: 0;
      margin: 0 auto;
      padding: 0.5rem 0.5rem;
      box-sizing: border-box;
    }
    .hero-image {
      border-radius: 0;          /* 필요시 이미지 둥근 모서리 제거 */
    }
    .tagsNum, .tagstxt{
      font-size: 0.8rem;
    }
    .heading{
      font-size: 1.2rem;
      padding-left: 0.5rem;
    }
  }
  
  @media (max-width: 400px) {
    .hero-section {
      padding: 0.5rem 0;         /* 위아래 여백만 주고 */
      border-radius: 10px;          /* 필요시 둥근 모서리 제거 */
    }
    .hero-content {
      width: 95vw;               /* 화면 거의 꽉 차게 */
      max-width: 98vw;
      min-width: 0;
      margin: 0 auto;
      padding: 0;
      box-sizing: border-box;
    }
    .hero-image {
      border-radius: 0;          /* 필요시 이미지 둥근 모서리 제거 */
    }
    .tags{
      padding: 0 0 0.5rem 0;
    }
    .tagsNum, .tagstxt{
      font-size: 0.5rem;
    }
    .heading{
      font-size: 1rem;
      padding-left: 0.5rem;
    }
  }
/* ===== CKAN 네비/헤더/메인 컬러 오버라이드 ===== */

/* Sidebar */
.row {
  --bs-gutter-x: 0; 
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
}

.secondary {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.secondary.col-md-3 {
  flex: 0 0 calc(25% - 5px);  /* 25% - gap/2 */
  max-width: calc(25% - 5px);
}

.primary.col-md-9 {
  flex: 0 0 calc(75% - 5px);  /* 75% - gap/2 */
  max-width: calc(75% - 5px);
}

/* 992px 이하에서는 둘 다 100% */
@media (max-width: 992px) {
  .secondary_content,
  .primary_content_inner,
  .secondary.col-md-3,
  .primary.col-md-9 {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }
}


.module {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.07), 0 1.5px 4px rgba(0,0,0,0.04);
}

.wrapper.row {
  gap: 10px;
  border: 0;
}

.box, .wrapper {
  background-color: transparent;
  /* border: 0; */
  box-shadow: none;
}


/* 1. 네비게이션 바 배경, 폰트 */
.navbar-header {
  background-color: #1c237e !important;   /* 진한 블루 */
  border: none !important;
  box-shadow: none !important;
}

.navbar-nav > li > a,
.navbar-nav .nav-link {
  color: #000000 !important;                 /* 흰색 글자 */
}

.main-navbar .navbar-nav > li > a:hover,
.main-navbar .navbar-nav > li > a:focus,
.navbar-nav .nav-link.active,
.navbar-nav .nav-link:hover {
  color: #343dbd !important;              /* 진한 블루 글자 */
  background-color: #e6f0fa !important;   /* 연한 블루 배경 */
  border-radius: 4px;
}

.navbar-nav .nav-link.active {
  color: #0818f1 !important;              /* 진한 블루 글자 */
  background-color: #e6f0fa !important;   /* 연한 블루 배경 */
  border-radius: 4px;
}

/* 2. 검색창 */
.tags {
  padding: 0 1.5rem 1.5rem 1.5rem;
}
.site-search input,
.form-control {
  background: #fff !important;
  border: 1px solid #ccc !important;
  color: #1c237e !important;
}

.site-search button,
.site-search .fa-search {
  color: #1c237e !important;
}


/* 3. 주요 버튼 */
.btn-primary,
button.btn-primary {
  background-color: #1c237e !important;
  border-color: #1c237e !important;
  color: #fff !important;
}
.btn-primary:hover,
button.btn-primary:hover {
  background-color: #003b99 !important;  /* 호버 시 더 진한 블루 */
  border-color: #003b99 !important;
}

/* 4. 섹션 타이틀/박스 등 주요 포인트 */
.section-title,
.panel-primary > .panel-heading,
.panel-primary {
  background-color: #e6f0fa !important;
  color: #1c237e !important;
  border: none !important;
}

/* 5. 전체 배경(필요시) */
body {
  background-color: #f6f9fb !important;
}

/* 6. 드롭다운/액티브 등 기타 포인트 */
.dropdown-menu {
  border: 1px solid #e6f0fa !important;
}
.dropdown-item.active, .dropdown-item:active {
  background-color: #e6f0fa !important;
  color: #1c237e !important;
}

/* ===== header/account ===== */

.account-masthead {
  min-height: 45px;
  color: #fff;
  background: #1c237e url(/images/bg.png);
}

.masthead {
  background-color: #fff !important;
}

.navbar, .main-navbar {
  background-color: #fff !important;
  color: #000000 !important;
  border: none !important;
  box-shadow: none !important;
}

.navbar {
  display: flex;
  justify-content: flex-end; /* 우측 정렬 */
  align-items: center;
}


.navbar-toggler {
  margin-left: auto; /* 남은 공간을 왼쪽에 밀어 토글 버튼을 우측에 */
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Remove any background/border from navbar-toggler on mobile */
.navbar-toggler:focus,
.navbar-toggler:hover,
.navbar-toggler:active {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Ensure the button content is visible */
.navbar-toggler .navbar-toggler-icon {
  background-image: none !important;
  background: transparent !important;
}

/* Remove any pseudo-elements that might be covering the button */
.navbar-toggler::before,
.navbar-toggler::after {
  display: none !important;
}

@media (max-width: 991px) {
  .navbar-collapse {
      justify-content: flex-end !important;
      text-align: right;
  }
}

.homepage .hero {
  background: none !important;
  padding: 0;
}
.main {
  background: none !important;
  padding: 0;
}

body .wrapper:before {
  display: none !important;
}