:root {
  --theme-font-primary: 'Jost', sans-serif;
  --theme-font-secondary: 'Outfit', sans-serif;
  --theme-color-white-100: rgba(255, 255, 255, 0.1);
  --theme-color-white-200: rgba(255, 255, 255, 0.2);
  --theme-color-white-300: rgba(255, 255, 255, 0.3);
  --theme-color-white-400: rgba(255, 255, 255, 0.4);
  --theme-color-white-500: rgba(255, 255, 255, 0.5);
  --theme-color-white-600: rgba(255, 255, 255, 0.6);
  --theme-color-white-700: rgba(255, 255, 255, 0.7);
  --theme-color-white-800: rgba(255, 255, 255, 0.8);
  --theme-color-white-900: rgba(255, 255, 255, 0.9);
  --theme-color-white: #FFFFFF;
  --theme-color-black-100: rgba(32, 32, 32, 0.1);
  --theme-color-black-200: rgba(32, 32, 32, 0.2);
  --theme-color-black-300: rgba(32, 32, 32, 0.3);
  --theme-color-black-400: rgba(32, 32, 32, 0.4);
  --theme-color-black-500: rgba(32, 32, 32, 0.5);
  --theme-color-black-600: rgba(32, 32, 32, 0.6);
  --theme-color-black-700: rgba(32, 32, 32, 0.7);
  --theme-color-black-800: rgba(32, 32, 32, 0.8);
  --theme-color-black-900: rgba(32, 32, 32, 0.9);
  --theme-color-black: #202020;
  --theme-color-light: #F8F9FA;
  --theme-color-primary: #F76D0C;
  --theme-color-primary-dark: #AD4D08;
  --theme-color-secondary: #003569;
  --theme-color-secondary-dark: #00254A;
}

::selection {
  -webkit-text-fill-color: var(--theme-color-white);
  background-color: var(--theme-color-primary) !important;
}

html,
body {
  height: 100%;
}

body {
  font-family: var(--theme-font-primary);
  position: relative;
  font-size: 18px;
  line-height: normal;
  font-weight: normal;
  background-color: var(--theme-color-white) !important;
  overflow-x: hidden !important;
  color: var(--theme-color-black);
}

body.visible {
  overflow-y: hidden;
}

@media (min-width: 576px) {
  .container {
    max-width: calc(576px - 1rem);
  }
}

@media (min-width: 768px) {
  .container {
    max-width: calc(768px - 1rem);
  }
}

@media (min-width: 992px) {
  .container {
    max-width: calc(992px - 1rem);
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: calc(1200px - 1rem);
  }
}

h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: normal;
}

p {
  font-size: 18px;
  font-weight: 300;
  line-height: 1.5;
  color: var(--theme-color-black);
}

dl,
ol,
ul {
  margin-top: 0 !important;
}

li,
address {
  color: var(--theme-color-black);
  line-height: 1.5;
  font-weight: 300;
}

main {
  position: relative;
  background-color: var(--theme-color-white);
  z-index: 1020;
}

.owl-carousel .owl-stage {
  margin: 1px;
}

label {
  font-family: var(--theme-font-secondary);
  color: var(--theme-color-black);
  font-size: 15px;
  font-weight: 400;
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-text-fill-color: var(--theme-color-black) !important;
  transition: background-color 5000s ease-in-out 0s;
  outline: 0 none !important;
}

input:focus {
  outline: none !important;
}

iframe {
  position: relative;
  width: 100%;
  border-radius: 2px;
}

button {
  box-shadow: none !important;
  outline: none !important;
  background: transparent;
}

button:focus {
  outline: none !important;
}

img {
  border-radius: 2px;
}

a {
  -webkit-transition: all 0.27s ease-in-out;
  -o-transition: all 0.27s ease-in-out;
  -moz-transition: all 0.27s ease-in-out;
  transition: all 0.27s ease-in-out;
}

hr {
  border-top: 1px solid var(--theme-color-black-500);
}

a.a-hover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 20;
}

.m-6 {
  margin: 6rem !important;
}

.mt-6,
.my-6 {
  margin-top: 6rem !important;
}

.me-6,
.mx-6 {
  margin-right: 6rem !important;
}

.mb-6,
.my-6 {
  margin-bottom: 6rem !important;
}

.ms-6,
.mx-6 {
  margin-left: 6rem !important;
}

.p-6 {
  padding: 6rem !important;
}

.pt-6,
.py-6 {
  padding-top: 6rem !important;
}

.pr-6,
.px-6 {
  padding-right: 6rem !important;
}

.pb-6,
.py-6 {
  padding-bottom: 6rem !important;
}

.pl-6,
.px-6 {
  padding-left: 6rem !important;
}

.m-n6 {
  margin: -6rem !important;
}

.mt-n6,
.my-n6 {
  margin-top: -6rem !important;
}

.me-n6,
.mx-n6 {
  margin-right: -6rem !important;
}

.mb-n6,
.my-n6 {
  margin-bottom: -6rem !important;
}

.ms-n6,
.mx-n6 {
  margin-left: -6rem !important;
}

.font-family-primary {
  font-family: var(--theme-font-primary);
}

.font-family-secondary {
  font-family: var(--theme-font-secondary);
}

.font-weight-300 {
  font-weight: 300 !important;
}

.font-weight-400 {
  font-weight: 400 !important;
}

.font-weight-500 {
  font-weight: 500 !important;
}

.font-size-1 {
  font-size: 55px !important;
}

.font-size-2 {
  font-size: 42px !important;
}

.font-size-3 {
  font-size: 34px !important;
}

.font-size-4 {
  font-size: 23px !important;
}

.font-size-default {
  font-size: 18px !important;
}

.font-size-normal {
  font-size: 15px !important;
}

.font-size-small {
  font-size: 13px !important;
}

.letter-spacing {
  letter-spacing: 1px !important;
}

.material-icons-round {
  font-size: 20px;
}

.text-color-white {
  color: var(--theme-color-white) !important;
}

.text-color-black {
  color: var(--theme-color-black) !important;
}

.text-color-light {
  color: var(--theme-color-light) !important;
}

.text-color-dark {
  color: var(--theme-color-dark) !important;
}

.text-color-primary {
  color: var(--theme-color-primary) !important;
}

.text-color-primary-dark {
  color: var(--theme-color-primary-dark) !important;
}

.text-color-secondary {
  color: var(--theme-color-secondary) !important;
}

.text-color-secondary-dark {
  color: var(--theme-color-secondary-dark) !important;
}

.text-color-gray {
  color: var(--theme-color-black-100) !important;
}

a.text-color-white:hover,
a.text-color-white:focus {
  color: var(--theme-color-white) !important;
}

a.text-color-black:hover,
a.text-color-black:focus {
  color: var(--theme-color-black) !important;
}

a.text-color-light:hover,
a.text-color-light:focus {
  color: var(--theme-color-light) !important;
}

a.text-color-dark:hover,
a.text-color-dark:focus {
  color: var(--theme-color-dark) !important;
}

a.text-color-primary:hover,
a.text-color-primary:focus {
  color: var(--theme-color-primary) !important;
}

a.text-color-primary-light:hover,
a.text-color-primary-light:focus {
  color: var(--theme-color-primary-light) !important;
}

a.text-color-primary-dark:hover,
a.text-color-primary-dark:focus {
  color: var(--theme-color-primary-dark) !important;
}

a.text-color-secondary:hover,
a.text-color-secondary:focus {
  color: var(--theme-color-secondary) !important;
}

a.text-color-secondary-light:hover,
a.text-color-secondary-light:focus {
  color: var(--theme-color-secondary-light) !important;
}

a.text-color-secondary-dark:hover,
a.text-color-secondary-dark:focus {
  color: var(--theme-color-secondary-dark) !important;
}

.text-color-hover-white {
  color: var(--theme-color-white) !important;
}

.text-color-hover-white:hover {
  color: var(--theme-color-white-700) !important;
}

.text-color-hover-black {
  color: var(--theme-color-black) !important;
}

.text-color-hover-black:hover {
  color: var(--theme-color-black-700) !important;
}

.text-color-hover-primary {
  color: var(--theme-color-primary) !important;
}

.text-color-hover-primary:hover {
  color: var(--theme-color-primary-dark) !important;
}

.text-color-hover-secondary {
  color: var(--theme-color-secondary) !important;
}

.text-color-hover-secondary:hover {
  color: var(--theme-color-secondary-dark) !important;
}

.background-color-white {
  background-color: var(--theme-color-white) !important;
}

.background-color-black {
  background-color: var(--theme-color-black) !important;
}

.background-color-light {
  background-color: var(--theme-color-light) !important;
}

.background-color-primary {
  background-color: var(--theme-color-primary) !important;
}

.background-color-primary-dark {
  background-color: var(--theme-color-primary-dark) !important;
}

.background-color-secondary {
  background-color: var(--theme-color-secondary) !important;
}

.background-color-secondary-dark {
  background-color: var(--theme-color-secondary-dark) !important;
}

.background-color-gray {
  background-color: var(--theme-color-black-100) !important;
}

.background-img-scroll {
  position: relative;
  background-attachment: scroll;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.background-img-fixed {
  position: relative;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.btn {
  position: relative;
  font-family: var(--theme-font-secondary);
  font-size: 18px;
  display: inline-block;
  border-radius: 25px;
}

.btn:hover {
  outline: none !important;
  box-shadow: none;
}

.btn:focus,
.btn:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}

.btn-solid-primary {
  position: relative;
  color: var(--theme-color-white) !important;
  padding: 10px 17px;
  background-color: var(--theme-color-primary);
  overflow: hidden;
  border: none;
  z-index: 0;
}

.btn-solid-primary:hover,
.btn-solid-primary:focus,
.btn-solid-primary:focus-visible {
  background-color: var(--theme-color-primary-dark);
}

.btn-solid-secondary {
  position: relative;
  color: var(--theme-color-white) !important;
  padding: 10px 17px;
  background-color: var(--theme-color-secondary);
  overflow: hidden;
  border: none;
  z-index: 0;
}

.btn-solid-secondary:hover,
.btn-solid-secondary:focus,
.btn-solid-secondary:focus-visible {
  background-color: var(--theme-color-secondary-dark);
}

.text-decoration-none {
  text-decoration: none !important;
}

.text-decoration {
  text-decoration: underline !important;
}

.text-decoration:hover {
  text-decoration: underline !important;
}

.rounded-design {
  position: relative;
  border-radius: 1rem 0 1rem 0;
  border: 1px solid var(--theme-color-black-100);
}

.navbar-toggler {
  padding: 5px;
  line-height: 1;
  color: var(--theme-color-black);
  background-color: transparent;
  border: 1px solid var(--theme-color-black);
  border-radius: 5px;
}

.navbar-toggler-icon {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="rgba(0,0,0,1)"><path d="M3 4H21V6H3V4ZM3 11H21V13H3V11ZM3 18H21V20H3V18Z"></path></svg>');
}

.logo {
  display: block;
  width: 160px;
  height: auto;
}

#productCarousel .carousel-control-prev,
#productCarousel .carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  padding: 0;
  color: #fff;
  text-align: center;
  background: none;
  border: 0;
  opacity: 1;
  transition: opacity 0.15s ease;
}

#productCarousel .carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  padding: 0;
  margin-bottom: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none;
}

#productCarousel .carousel-indicators [data-bs-target] {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 7px !important;
  height: 7px !important;
  padding: 0;
  margin-right: 5px;
  margin-left: 5px;
  text-indent: -999px;
  cursor: pointer;
  background-color: var(--theme-color-black-400);
  background-clip: padding-box;
  border-radius: 50%;
  border: none;
  opacity: 1;
}

#productCarousel .carousel-indicators .active {
  background-color: var(--theme-color-black);
}

#productCarousel2 .carousel-control-prev,
#productCarousel2 .carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  padding: 0;
  color: #fff;
  text-align: center;
  background: none;
  border: 0;
  opacity: 1;
  transition: opacity 0.15s ease;
}

#productCarousel2 .carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  padding: 0;
  margin-bottom: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none;
}

#productCarousel2 .carousel-indicators [data-bs-target] {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 7px !important;
  height: 7px !important;
  padding: 0;
  margin-right: 5px;
  margin-left: 5px;
  text-indent: -999px;
  cursor: pointer;
  background-color: var(--theme-color-black-400);
  background-clip: padding-box;
  border-radius: 50%;
  border: none;
  opacity: 1;
}

#productCarousel2 .carousel-indicators .active {
  background-color: var(--theme-color-black);
}

/* MAIN NAVIGATION */
#mainNavigation.navbar {
  top: 30px;
  left: 30px;
  right: 30px;
  border-radius: 30px 0 30px 0;
  box-shadow: 0 1px 5px var(--theme-color-black-100);
  -webkit-transition: all 0.27s ease-in-out;
  -o-transition: all 0.27s ease-in-out;
  -moz-transition: all 0.27s ease-in-out;
  transition: all 0.27s ease-in-out;
  z-index: 1030;
}

#mainNavigation.navbar .nav-item {
  position: relative;
}

#mainNavigation.navbar .nav-item .nav-link {
  position: relative;
  font-family: var(--theme-font-secondary);
  font-size: 18px;
  font-weight: 400;
  color: var(--theme-color-black);
  text-transform: capitalize;
  padding: 20px 0;
  margin-left: 30px;
  margin-right: 0;
}

#mainNavigation.navbar .nav-item .nav-link.active,
#mainNavigation.navbar .nav-item .nav-link:hover {
  color: var(--theme-color-primary);
}

#mainNavigation.navbar.navbar-fixed {
  top: 0;
  left: 0;
  right: 0;
  border-radius: 0;
}

/* MINI TITLE */
.mini-title-devider-line {
  display: block;
  width: 20px;
  height: 3px;
}

.mini-title-devider-text {
  display: inline-block;
  font-family: var(--theme-font-secondary);
  text-transform: uppercase;
  color: var(--theme-color-black-700);
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 1px;
}

/* FAQ */
.faq-item {
  position: relative;
  margin: 0 auto;
}

.faq-item .btn-faq {
  position: relative;
  white-space: normal;
  color: var(--theme-color-black);
}

.faq-item .answer {
  color: var(--theme-color-black-700);
}

.faq-item .btn-faq::before {
  font-family: 'Material Icons Round';
  font-size: 28px;
  content: '\e5ce';
  margin-left: -13px;
  margin-bottom: 3px;
  -webkit-transition: all 0.27s ease-in-out;
  -o-transition: all 0.27s ease-in-out;
  -moz-transition: all 0.27s ease-in-out;
  transition: all 0.27s ease-in-out;
}

.faq-item .btn-faq:not(.collapsed) {
  color: var(--theme-color-primary);
}

.collapsed.btn-faq::before {
  transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
}

/* CONTACT */
#contactForm .form-control {
  display: block;
  width: 100%;
  padding: 12px 15px;
  font-size: 18px;
  color: var(--theme-color-black);
  font-weight: 400;
  height: inherit;
  line-height: 1;
  text-transform: inherit;
  background-color: var(--theme-color-white);
  background-clip: padding-box;
  border: 1px solid var(--theme-color-black-200);
  border-radius: 10px !important;
}

#contactForm .form-control:focus {
  border: 1px solid var(--theme-color-black-600);
  outline: 0;
  box-shadow: none !important;
}

#contactForm .form-control::placeholder {
  color: var(--theme-color-black-500);
  opacity: 1;
}

/*RESPONSE MESSAGES*/
#responseMessage {
  display: none;
  padding: 12px 15px;
  color: #0071BC;
  background-color: #EBF6FE;
  border: 1px solid #0071BC;
  border-radius: 10px;
}

#responseMessage.success {
  color: #006837;
  background-color: #E6F0EC;
  border: 1px solid #006837;
}

#responseMessage.error {
  color: #C1272D;
  background-color: #F9EAEA;
  border: 1px solid #C1272D;
}

@media (max-width: 991px) {

  .logo {
    display: block;
    width: 110px;
    height: auto;
  }

}

@media (max-width: 767px) {

  .logo {
    display: block;
    width: 100px;
    height: auto;
  }

  .font-size-1 {
    font-size: 43px !important;
  }

  .font-size-2 {
    font-size: 38px !important;
  }

  .font-size-3 {
    font-size: 31px !important;
  }

  .font-size-4 {
    font-size: 23px !important;
  }

  #mainNavigation.navbar {
    top: 0;
    border-radius: 0;
    left: 0;
    right: 0;
  }

  #mainNavigation.navbar .nav-item .nav-link {
    padding: 10px 0;
    margin-left: 0;
    margin-right: 0;
  }

}