@font-face { 
    font-family:remixicon;
    src:url(https://cdnjs.cloudflare.com/ajax/libs/remixicon/3.5.0/remixicon.eot?t=1690730386070);
    src:url(https://cdnjs.cloudflare.com/ajax/libs/remixicon/3.5.0/remixicon.eot?t=1690730386070#iefix) format('embedded-opentype'),url(https://cdnjs.cloudflare.com/ajax/libs/remixicon/3.5.0/remixicon.woff2?t=1690730386070) format("woff2"),url(https://cdnjs.cloudflare.com/ajax/libs/remixicon/3.5.0/remixicon.woff?t=1690730386070) format("woff"),url(https://cdnjs.cloudflare.com/ajax/libs/remixicon/3.5.0/remixicon.ttf?t=1690730386070) format('truetype'),url(https://cdnjs.cloudflare.com/ajax/libs/remixicon/3.5.0/remixicon.svg?t=1690730386070#remixicon) format('svg');
    font-display:swap;
  } 
  @font-face { 
    font-family:"remixicon";
    src:url('https://cdnjs.cloudflare.com/ajax/libs/remixicon/3.5.0/remixicon.eot?t=1690730386070');
    /* IE9*/
    src:url('https://cdnjs.cloudflare.com/ajax/libs/remixicon/3.5.0/remixicon.eot?t=1690730386070#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url("https://cdnjs.cloudflare.com/ajax/libs/remixicon/3.5.0/remixicon.woff2?t=1690730386070") format("woff2"),
    url("https://cdnjs.cloudflare.com/ajax/libs/remixicon/3.5.0/remixicon.woff?t=1690730386070") format("woff"),
    url('https://cdnjs.cloudflare.com/ajax/libs/remixicon/3.5.0/remixicon.ttf?t=1690730386070') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
    url('https://cdnjs.cloudflare.com/ajax/libs/remixicon/3.5.0/remixicon.svg?t=1690730386070#remixicon') format('svg');
    /* iOS 4.1- */
    font-display:swap;
  } 
  @import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700,800,300i,400i,500i,600i,700i,800i&display=swap'); 
    body {  
      font-family:'Open Sans', sans-serif !important;
      font-size:var(--bs-body-font-size);
      font-weight:var(--bs-body-font-weight);
      line-height:var(--bs-body-line-height);
      color:var(--bs-body-color);
      text-align:var(--bs-body-text-align);
    }  
  
  
  body { 
      background-color: var(--bg-color) !important; 
      scroll-behavior: smooth;
  } 
  
  body { 
      margin: 0; 
      font-family: var(--bs-body-font-family); 
      font-size: var(--bs-body-font-size); 
      font-weight: var(--bs-body-font-weight); 
      line-height: var(--bs-body-line-height); 
      color: var(--bs-body-color); 
      text-align: var(--bs-body-text-align); 
      background-color: var(--bs-body-bg); 
      -webkit-text-size-adjust: 100%; 
      -webkit-tap-highlight-color: transparent;
  } 
  
  body { 
      overflow-x: hidden !important;
  } 
  
  html { 
      background-color: var(--bg-color) !important; 
      scroll-behavior: smooth;
  } 
  
  html { 
      overflow-x: hidden !important;
  } 
  
  :root { 
      --primary-color: #9B2D2A; 
      --secondary-color: #9C7A58; 
      --tertiary-color: #314455; 
      --body-font: #1C2443; 
      --bg-color: #F8F8F8; 
      --header-bg-color: #F2F1EF; 
      --text-size: 1.25rem; 
      --small-text-size: 1.1rem; 
      --regular: 400; 
      --bold: 700; 
  } 
  
  :root { 
      --bs-font-sans-serif: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; 
      --bs-body-font-family: var(--bs-font-sans-serif); 
      --bs-body-font-size: 1rem; 
      --bs-body-font-weight: 400; 
      --bs-body-line-height: 1.5; 
      --bs-body-color: #212529; 
      --bs-body-bg: #fff; 
      --bs-tertiary-color: rgba(33, 37, 41, 0.5); 
      --bs-tertiary-bg: #f8f9fa; 
      --bs-border-width: 1px; 
      --bs-border-color-translucent: rgba(0, 0, 0, 0.175); 
      --bs-border-radius: 0.375rem; 
      --bs-border-radius-xxl: 2rem; 
      --bs-border-radius-2xl: var(--bs-border-radius-xxl); 
  } 
  
  @media (prefers-reduced-motion: no-preference){ 
    :root { 
      scroll-behavior: smooth;
    } 
  }     
  
  .flex-x { 
      display: flex; 
      justify-content: center; 
      align-items: center; 
      flex-wrap: wrap;
  } 
  .flex-x.selected-toggle{
    flex-wrap: nowrap;
    }
    .selected-toggle .selected-heading{
        margin: 0;
        border-right: 2px solid var(--body-font);
        padding-right: 5px;
        margin-right: 5px;
    }
    .selected-toggle .toggle-text{
        font-size: var(--small-text-size) !important;
        padding-left: 5px;
        color: var(--primary-color);
        width: 100px;
        overflow: hidden;
        margin: 0;
        text-align: left;
        }
  body .section-x { 
  margin-top: 0 !important;
    margin-bottom: 30px !important;
  } 
  
  .filter-section { 
      gap: 1.5rem; 
      justify-content: space-between;
  } 
  
  *,:after,:before { 
      box-sizing: border-box;
  } 
  
  .search-wrapper { 
      width: 28%; 
      background-color: var(--header-bg-color); 
      padding: 5px 0.5rem !important; 
      gap: 0.5rem;
  } 
  
  .filter-options { 
      width: 70%; 
      gap: 1.5rem; 
      justify-content: space-between;
  } 
  
  [class^="ri-"] { 
      font-family: 'remixicon' !important; 
      font-style: normal; 
      -webkit-font-smoothing: antialiased; 
      -moz-osx-font-smoothing: grayscale;
  } 
  
  [class^="ri-"] { 
      font-family: remixicon!important; 
      font-style: normal; 
      -webkit-font-smoothing: antialiased; 
      -moz-osx-font-smoothing: grayscale;
  } 
  
  .search-wrapper i  { 
      font-size: 20px; 
      color: var(--tertiary-color);
  } 
  
  .ri-search-line:before { 
      content: "\f0d1";
  } 
  
  input { 
      background: none; 
      outline: none;
  } 
  
  input { 
      margin: 0; 
      font-family: inherit; 
      font-size: inherit; 
      line-height: inherit;
  } 
  
  .search-wrapper input  { 
      width: 85%; 
      font-size: 14px !important; 
      padding: 0.3rem 0.6rem !important; 
      border-left: 3px solid var(--primary-color); 
      font-weight: var(--regular);
  } 
  
  .filter-options-wrapper { 
      width: 85%; 
      gap: 1.5rem; 
      justify-content: space-between;
  } 
  
  button { 
      background: none; 
      border: none !important; 
      outline: none !important; 
      cursor: pointer !important;
  } 
  
  button { 
      border-radius: 0;
  } 
  
  button { 
      margin: 0; 
      font-family: inherit; 
      font-size: inherit; 
      line-height: inherit;
  } 
  
  button { 
      text-transform: none;
  } 
  
  .red-btn { 
      border: 3px solid var(--primary-color) !important; 
      color: var(--primary-color) !important; 
      font-weight: var(--bold) !important; 
      padding: 10px 16px !important; 
      font-size: 14px !important; 
      text-align: center !important; 
      transition: all 300ms ease !important; 
      border-radius: 0 !important;
  } 
  
  [type="submit"],button { 
      -webkit-appearance: button;
  } 
  
  .btn { 
      --bs-btn-padding-x: 0.75em; 
      --bs-btn-padding-y: 0.375em; 
      --bs-btn-font-size: 1em; 
      --bs-btn-font-weight: 400; 
      --bs-btn-line-height: 1.5; 
      --bs-btn-color: var(--bs-body-color); 
      --bs-btn-bg: transparent; 
      --bs-btn-border-width: var(--bs-border-width); 
      --bs-btn-border-color: transparent; 
      --bs-btn-border-radius: var(--bs-border-radius); 
      --bs-btn-hover-border-color: transparent; 
      --bs-btn-focus-box-shadow: 0 0 0 0.25em rgba(var(--bs-btn-focus-shadow-rgb), .5); 
      display: inline-block; 
      padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); 
      font-family: var(--bs-btn-font-family); 
      font-size: var(--bs-btn-font-size); 
      font-weight: var(--bs-btn-font-weight); 
      line-height: var(--bs-btn-line-height); 
      color: var(--bs-btn-color); 
      text-align: center; 
      text-decoration: none; 
      vertical-align: middle; 
      cursor: pointer; 
      -webkit-user-select: none; 
      -moz-user-select: none; 
      user-select: none; 
      border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); 
      border-radius: var(--bs-btn-border-radius); 
      background-color: var(--bs-btn-bg); 
      transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  } 
  
  .filter-options button  { 
      width: 12% !important;
  } 
  
  [type="submit"]:not(:disabled),button:not(:disabled) { 
      cursor: pointer;
  } 
  
  .red-btn:hover { 
      background-color: var(--primary-color) !important; 
      color: var(--bg-color) !important;
  } 
  
  .btn:hover { 
      color: var(--bs-btn-hover-color); 
      background-color: var(--bs-btn-hover-bg); 
      border-color: var(--bs-btn-hover-border-color);
  } 
  
  .filter { 
      width: 33%;
  } 
  
  .filter { 
      width: 31%;
  } 
  
  .dropdown { 
      position: relative;
  } 
  
  .filter .dropdown  { 
      width: 100% !important; 
      border-radius: 0;
  } 
  
  .dropdown-toggle { 
      background-color: var(--header-bg-color) !important; 
      color: var(--body-font) !important; 
      font-size: 14px !important; 
      display: flex !important; 
      justify-content: space-between !important; 
      padding: 0.8em 1.3em !important; 
      align-items: center; 
      overflow: hidden;
  } 
  
  [type="button"],button { 
      -webkit-appearance: button;
  } 
  
  .btn-secondary { 
      --bs-btn-color: #fff; 
      --bs-btn-bg: #6c757d; 
      --bs-btn-border-color: #6c757d; 
      --bs-btn-hover-color: #fff; 
      --bs-btn-hover-bg: #5c636a; 
      --bs-btn-hover-border-color: #565e64; 
      --bs-btn-focus-shadow-rgb: 130,138,145; 
  } 
  
  .dropdown-toggle { 
      white-space: nowrap;
      font-size: 14px !important;
  } 
  
  [type="button"]:not(:disabled),button:not(:disabled) { 
      cursor: pointer;
  } 
  
  .filter .dropdown > button  { 
      width: 100% !important; 
      border-radius: 0;
        font-size: 14px !important;
  } 
  
  .dropdown-toggle:after { 
      font-size: 30px; 
      top: auto; 
      color: var(--secondary-color) !important; 
      transform: scale(1.3);
  } 
  
  .dropdown-toggle:after { 
      display: inline-block; 
      margin-left: .255em; 
      vertical-align: .255em; 
      content: ""; 
      border-top: .3em solid; 
      border-right: .3em solid transparent; 
      border-bottom: 0; 
      border-left: .3em solid transparent;
      position: absolute;
        right: 16px;
  } 
  
  .dropdown-menu { 
      background-color: #FFF !important; 
      border: none !important; 
      padding: 2rem 1rem !important;
  } 
  
  .dropdown-menu { 
      --bs-dropdown-zindex: 1000; 
      --bs-dropdown-min-width: 10rem; 
      --bs-dropdown-padding-x: 0; 
      --bs-dropdown-padding-y: 0.5rem; 
      --bs-dropdown-font-size: 1rem; 
      --bs-dropdown-color: var(--bs-body-color); 
      --bs-dropdown-bg: var(--bs-body-bg); 
      --bs-dropdown-border-color: var(--bs-border-color-translucent); 
      --bs-dropdown-border-radius: var(--bs-border-radius); 
      --bs-dropdown-border-width: var(--bs-border-width); 
      --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width)); 
      --bs-dropdown-divider-bg: var(--bs-border-color-translucent); 
      --bs-dropdown-link-color: var(--bs-body-color); 
      --bs-dropdown-link-hover-color: var(--bs-body-color); 
      --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg); 
      --bs-dropdown-link-disabled-color: var(--bs-tertiary-color); 
      position: absolute; 
      z-index: var(--bs-dropdown-zindex); 
      display: none; 
      min-width: var(--bs-dropdown-min-width); 
      padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x); 
      margin: 0; 
      font-size: var(--bs-dropdown-font-size); 
      color: var(--bs-dropdown-color); 
      text-align: left; 
      list-style: none; 
      background-color: var(--bs-dropdown-bg); 
      background-clip: padding-box; 
      border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color); 
      border-radius: var(--bs-dropdown-border-radius);
  } 
  
  .filter .dropdown > div  { 
      width: 100% !important; 
      border-radius: 0;
  } 
  
  .custom-control { 
      display: flex; 
      justify-content: space-between; 
      flex-direction: row-reverse;
  } 
  
  .custom-checkbox { 
      font-size: var(--small-text-size); 
      padding: 0.7rem 0 0.3rem !important; 
      border-bottom: 2px solid #D8D8D8;
  } 
  
  .custom-checkbox:last-child { 
      border-bottom: none;
  } 
  
  .custom-checkbox input[type="checkbox"] {
    width: 19px;
    padding-left: 8px !important;
    cursor: pointer;
    accent-color: var(--secondary-color);
}
  
  label { 
      display: inline-block;
  } 
  
  .custom-control-label:before { 
      left: auto; 
      right: 0;
  } 
  
  
  .dropdown-menu-scrollable {
    max-height: 250px; 
    overflow-y: auto;
    padding: 1rem !important;
}  
label.custom-control-label {
    font-size: 14px;
    font-weight: 400;
}