html,
body {
  min-width: 330px;
}

* {
  font-family: "Arial Nova";
  font-style: normal;
}

:root {
  --bs-primary: #f79727;
  --bs-secondary-rgb: #3e3e40;
}

.navbar {
  --bs-navbar-toggler-focus-width: 0;
}

.modal {
  --bs-modal-border-radius: 0;
}
.modal-backdrop {
  --bs-backdrop-opacity: 0.85;
}
@media (min-width: 992px) {
  .modal-lg,
  .modal-xl {
    --bs-modal-width: 700px;
  }
}

.pagination {
  --bs-pagination-color: #000;
  --bs-pagination-bg: #f2f2f2;
  --bs-pagination-active-bg: #f79727;
  --bs-pagination-active-color: #fff;
  --bs-pagination-border-width: 0;
  --bs-pagination-border-radius: 0;
  --bs-pagination-padding-x: 0.9rem;
}

li.page-item {
  border-left: 5px solid #fff;
}

.accordion {
  --bs-accordion-active-bg: #f79727;
  --bs-accordion-active-color: #fff;
  --bs-accordion-btn-focus-border-color: transparent;
  --bs-accordion-btn-focus-box-shadow: none;
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #f79727;
  --bs-btn-border-color: #f79727;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #151b26;
  --bs-btn-hover-border-color: #151b26;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #151b26;
  --bs-btn-active-border-color: #0a53be;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #f79727;
  --bs-btn-disabled-border-color: #f79727;
  --bs-btn-font-family: "Arial Nova";
}

.btn-secondary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #323639;
  --bs-btn-border-color: #323639;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #f79727;
  --bs-btn-hover-border-color: #f79727;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #323639;
  --bs-btn-active-border-color: #323639;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #323639;
  --bs-btn-disabled-border-color: #323639;
  --bs-btn-font-family: "Arial Nova";
}

.btn-outline-primary {
  --bs-btn-color: #f79727;
  --bs-btn-border-color: #f79727;
  --bs-btn-hover-bg: #f79727;
  --bs-btn-hover-border-color: #f79727;
}

.btn-outline-dark {
  --bs-btn-hover-bg: #fff;
  --bs-btn-hover-color: #f79727;
  --bs-btn-hover-border-color: #f79727;
}

.btn-primary.hover-white:hover {
  background: #fff;
  color: #f79727;
}

.btn {
  --bs-btn-border-radius: 0;
}

.dropdown-menu {
  --bs-dropdown-link-hover-color: #f79727;
  --bs-dropdown-link-hover-bg: #fff;
  --bs-dropdown-link-active-color: #f79727;
  --bs-dropdown-link-active-bg: transparent;
  margin-top: -2px !important;
  margin-bottom: -2px !important;
  border: 0;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 5px;
  z-index: 5;
}

.dropdown-menu::-webkit-scrollbar {
  width: 18px;
}
.dropdown-menu::-webkit-scrollbar-track {
  background: #fff;
}
.dropdown-menu::-webkit-scrollbar-thumb {
  background: #d8d8d8;
  border-radius: 8px;
  border-right: solid 7px #fff;
  border-left: solid 7px #fff;
}
.dropdown-menu::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.dropdown-menu.dropdown-menu-dark::-webkit-scrollbar-track {
  background: #191f22;
}
.dropdown-menu.dropdown-menu-dark::-webkit-scrollbar-thumb {
  background: #d8d8d8;
  border-radius: 8px;
  border-right: solid 7px #191f22;
  border-left: solid 7px #191f22;
}
.dropdown-menu.dropdown-menu-dark::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.dropdown-menu-dark {
  --bs-dropdown-bg: #191f22;
  --bs-dropdown-link-hover-color: #fff;
  --bs-dropdown-link-hover-bg: #f79727;
  --bs-dropdown-link-color: #fff;
}

.container {
  background: #fff;
}

h2,
.h2 {
  font-weight: 300;
  font-size: 32px;
  line-height: 38px;
  color: #191f22;
}

h3,
.h3 {
  font-weight: 300;
}

.container,
.container-sm,
.container-md,
.container-lg,
.container-xl,
.container-xxl {
  max-width: 1400px;
}

.nav-link {
  transition: color 0s;
}

.nav-tabs .nav-link {
  color: #151b26;
  text-decoration: none;
  background-color: transparent;
  border: 1px solid transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.nav-tabs .nav-link:hover {
  border: 1px solid transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.nav-tabs .nav-item {
  margin-bottom: -1px;
}

.nav-tabs .nav-link {
  border: 1px solid transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
}
.nav-tabs .nav-link:hover {
  border: 1px solid transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: #f79727;
  background-color: #fff;
  border-color: #f79727;
  border-bottom: 3px solid #f79727;
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
}

a {
  color: #f79727;
  text-decoration: none;
  background-color: transparent;
}
a:hover {
  color: #191f22;
}

a.theme-secondary {
  color: #191f22;
}
a.theme-secondary:hover {
  color: #f79727;
}

a.text-inverse {
  color: #fff;
}
a.text-inverse:hover {
  color: #f79727;
}

/*
* logo
*/
#primary-menu.bg-transparent .logo-white {
  display: block;
}
#primary-menu.bg-transparent .logo-dark {
  display: none;
}

.navbar-brand img {
  width: 300px;
}

@media only screen and (max-width: 991px) {
  .navbar-brand img {
    width: 150px;
  }
}

#primary-menu.bg-white .logo-white {
  display: none;
}
#primary-menu.bg-white .logo-dark {
  display: block;
}

/*
* navbar items
*/
#primary-menu.bg-transparent .nav-item a.nav-link,
#primary-menu.bg-transparent .nav-item a i {
  color: #fff;
}
#primary-menu.bg-transparent .nav-item a.nav-link:hover {
  color: #f79727;
}
#primary-menu.bg-transparent .nav-item a.nav-link:hover i {
  color: #f79727;
}
#primary-menu.bg-white .nav-item a.nav-link {
  color: #191f22;
}
#primary-menu.bg-white .nav-item a.nav-link:hover {
  color: #f79727;
}

#primary-menu.bg-transparent .menu-sec {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

#primary-menu.bg-white .menu-sec {
  border-top: 1px solid #dddddd;
}

#primary-menu.bg-white {
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.15);
}

/*
* input
*/
.form-control,
.form-select {
  padding: 0.75rem 1rem;
  border: 1px solid #e3e6f0;
  border-radius: 0;
  color: #191f22;
}

.input-group > .form-control,
.input-group > .form-control-plaintext,
.input-group > .custom-select,
.input-group > .custom-file {
  position: relative;
  -ms-flex: 1 1 0%;
  flex: 1 1 0%;
  min-width: 0;
  margin-bottom: 0;
}

.form-control:focus,
.form-select:focus {
  border-color: rgba(21, 27, 38, 0.5);
}

textarea:focus,
textarea.form-control:focus,
.form-check-input:focus,
select.form-select:focus,
input.form-control:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
[type="text"].form-control:focus,
[type="password"].form-control:focus,
[type="email"].form-control:focus,
[type="tel"].form-control:focus,
[contenteditable].form-control:focus {
  box-shadow: inset 0 -1px 0 #ddd;
}

.form-check-input {
  border: 0;
}

.form-check-input[type="checkbox"] {
  border-radius: 0;
  cursor: pointer;
}

.form-check-input:checked {
  background-color: #f79727;
}

select.input-bcch {
  border: 1px solid #191f22;
  line-height: 15px;
  padding: 0.875rem 1rem;
}

.form-check-input.input-bcch {
  width: 30px;
  height: 30px;
  border: 1px solid #323639;
}
.form-check-input.input-bcch:checked {
  border: 0;
}

.dropdown.dropdown-bcch .dropdown-menu {
  border-radius: 0;
}
.dropdown.dropdown-bcch button.dropdown-toggle {
  border: 1px solid #323639;
  padding: 0.875rem 1rem;
}

.dropdown.dropdown-bcch .dropdown-menu li {
  border-top: 1px solid #eee;
}

.dropdown.dropdown-bcch .dropdown-menu li a {
  padding: 10px 15px;
}

.dropdown.dropdown-bcch .dropdown-menu li a:hover {
  color: #f79727;
}

.accordion-button {
  line-height: 24px;
}

.footer-link {
  color: #ededed;
  font-size: 15px;
  display: block;
}

.footer-link:hover {
  color: #f79727;
}

.dropdown.dropdown-hover:hover .dropdown-menu {
  display: block;
  margin-top: 0;
}

.form-floating > label {
  color: #595c5f;
}

a.text-inverse:hover [class*="icon-bcch"] {
  background: #fff;
  line-height: 1rem;
}

.list-group-item {
  --bs-list-group-border-color: #eee;
}

.pagination {
  --bs-link-hover-color: #f79727;
  --bs-pagination-active-border-color: #f79727;
  --bs-pagination-active-bg: #f79727;
}

.collapsing {
  transition: height 0s;
}

.app-wrapper {
  margin-top: 103px;
}

@media only screen and (max-width: 991px) {
  .app-wrapper {
    margin-top: 67px;
  }
}

strong {
  font-weight: 600;
}

nav.bg-transparent .navbar-toggler,
nav.bg-transparent .navbar-toggler i {
  color: #fff;
}

body.menu-open nav .navbar-toggler,
body.menu-open nav .navbar-toggler i {
  color: #fff;
}

img {
  max-width: 100%;
}

.arrow[data-bs-toggle].collapsed:after {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f078";
  right: 10px;
}
.arrow[data-bs-toggle]:not(.collapsed):after {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f077";
  right: 10px;
}

/*
 * page header
 */
.app-wrapper .page-header {
  background: #191f22;
  position: relative;
  min-height: 500px;
  display: flex;
}
.app-wrapper .page-header .header-background {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 1;
}

@media only screen and (max-width: 991px) {
  .app-wrapper .page-header {
    display: block;
    min-height: unset;
  }
  .app-wrapper .page-header .header-background {
    position: unset;
    height: 250px;
  }
}

@media only screen and (max-width: 700px) {
  .app-wrapper .page-header {
    display: block;
    min-height: unset;
  }
  .app-wrapper .page-header .header-cta {
    width: 100%;
  }
}

#mobile-navbar {
  width: 100%;
  max-height: -webkit-fill-available;
  height: calc(100vh - 60px);
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1060;
  display: none;
}
@media (max-width: 991px) {
  body.menu-open #mobile-navbar {
    display: flex;
    flex-direction: column;
    align-items: end;
    backdrop-filter: blur(3px);
    background: rgba(27, 31, 36, 0.5);
  }

  body.menu-open {
    overflow: hidden;
  }

  body.menu-open #primary-menu {
    backdrop-filter: blur(3px);
    background: #191f22 !important;
    border: 0;
    box-shadow: none;
  }

  #mobile-navbar {
    margin-top: 60px;
    padding: 20px 35px 15px;
  }

  body.menu-open #primary-menu .navbar-brand .logo-white {
    display: block;
  }
  body.menu-open #primary-menu .navbar-brand .logo-dark {
    display: none;
  }

  #mobile-navbar .menu-container {
    background: #fff;
    height: 100%;
    width: 100%;
  }

  @media (min-width: 544px) {
    #mobile-navbar .menu-container {
      width: 320px;
    }
  }

  @media (max-width: 450px) {
    #mobile-navbar {
      padding: 20px 18px 25px;
    }
  }

  #mobile-navbar .menu-container .menu-page {
    width: 100%;
    display: flex;
    flex-direction: column;
  }
  #mobile-navbar .menu-page.hide,
  #mobile-navbar .menu-page .entry-sub {
    display: none;
  }
}
ul.list-checks {
  font-weight: 300;
}
ul.list-checks li::marker {
  font-size: 1.75rem;
  line-height: 1rem;
}

body.menu-open #primary-menu #btn-open-menu i::before {
  content: "\f00d";
}

.grid-hover .card-hover img {
  border-bottom: 3px solid #fff;
  z-index: 0;
  background: #151b26;
}
.grid-hover .card-hover:hover img {
  border-bottom: 3px solid #f79727;
}
.grid-hover .card-hover:hover .card-title {
  color: #f79727;
}

.grid-cars .side-bordered {
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
}
.grid-cars .side-bottom-bordered {
  border-bottom: 1px solid #eee;
}

@media (max-width: 576px) {
  .grid-cars .side-bordered {
    border-left: 0;
    border-right: 0;
  }
  .grid-cars .side-bottom-bordered {
    border-bottom: 0;
    padding-bottom: 20px;
  }
}
