@charset "UTF-8";




/*!
* Start Bootstrap - Creative v7.0.5 (https://startbootstrap.com/theme/creative)
* Copyright 2013-2021 Start Bootstrap
* Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-creative/blob/master/LICENSE)
*/

/*!
* Important Note: 
  The following styles where customized for Bootstrap v5.1.3 implementation but may apply for any of Bootstrap 5 versions.

/* These styles are aimed to improve UI & UX for the theme. */

:root {
    --bs-orange: #f4623a;
    --bs-primary: #f4623a;
    --bs-primary-rgb: 244, 98, 58;
    --bs-font-sans-serif: "Merriweather Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-body-font-family: Merriweather, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
}

body {
    text-size-adjust: 100%;
}

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
    font-family: "Merriweather Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

a {
    color: #f4623a;
}
  a:hover {
    color: #c34e2e;
}

th {
    text-align: -webkit-match-parent;
    text-align: inherit;
}

.table-primary {
    --bs-table-bg: #fde0d8;
    --bs-table-striped-bg: #f0d5cd;
    --bs-table-active-bg: #e4cac2;
    --bs-table-hover-bg: #eacfc8;
    border-color: #e4cac2;
}

.form-control {
    -webkit-background-clip: padding-box;
}

.form-control:focus {
    border-color: #fab19d;
    box-shadow: 0 0 0 0.25rem rgba(244, 98, 58, 0.25);
}

.form-control:-ms-input-placeholder {
    color: #6c757d;
    opacity: 1;
}

.form-select:focus {
    border-color: #fab19d;
    box-shadow: 0 0 0 0.25rem rgba(244, 98, 58, 0.25);
}

.form-check-input:focus {
    border-color: #fab19d;
    box-shadow: 0 0 0 0.25rem rgba(244, 98, 58, 0.25);
}

.form-check-input:checked {
    background-color: #f4623a;
    border-color: #f4623a;
}

.form-check-input[type=checkbox]:indeterminate {
    background-color: #f4623a;
    border-color: #f4623a;
}

.form-switch .form-check-input:focus {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fab19d'/%3e%3c/svg%3e");
}

.form-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(244, 98, 58, 0.25);
}
  .form-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(244, 98, 58, 0.25);
}

.form-range::-webkit-slider-thumb {
    background-color: #f4623a;
}

.form-range::-webkit-slider-thumb:active {
    background-color: #fcd0c4;
}

.form-range::-moz-range-thumb {
    background-color: #f4623a;
}

.form-range::-moz-range-thumb:active {
    background-color: #fcd0c4;
}

.form-floating > .form-control:-ms-input-placeholder {
    color: transparent;
}

.form-floating > .form-control:not(:-ms-input-placeholder) {
    padding-top: 1.625rem;
    padding-bottom: 0.625rem;
}

.form-floating > .form-control:not(:-ms-input-placeholder) ~ label {
    opacity: 0.65;
    transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

.btn {
    font-family: "Merriweather Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    -ms-user-select: none;
}

.btn-check:focus + .btn, .btn:focus {
    box-shadow: 0 0 0 0.25rem rgba(244, 98, 58, 0.25);
}

.btn-primary {
    background-color: #f4623a;
    border-color: #f4623a;
}

.btn-primary:hover {
    background-color: #cf5331;
    border-color: #c34e2e;
}

.btn-check:focus + .btn-primary, .btn-primary:focus {
    background-color: #cf5331;
    border-color: #c34e2e;
    box-shadow: 0 0 0 0.25rem rgba(246, 122, 88, 0.5);
}

.btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle {
    background-color: #c34e2e;
    border-color: #b74a2c;
}

.btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(246, 122, 88, 0.5);
}
  
.btn-primary:disabled, .btn-primary.disabled {
    background-color: #f4623a;
    border-color: #f4623a;
}

.btn-outline-primary {
    color: #f4623a;
    border-color: #f4623a;
}

.btn-outline-primary:hover {
    background-color: #f4623a;
    border-color: #f4623a;
}

.btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus {
    box-shadow: 0 0 0 0.25rem rgba(244, 98, 58, 0.5);
}

.btn-check:checked + .btn-outline-primary, .btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show {
    background-color: #f4623a;
    border-color: #f4623a;
}

.btn-check:checked + .btn-outline-primary:focus, .btn-check:active + .btn-outline-primary:focus, .btn-outline-primary:active:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 0.25rem rgba(244, 98, 58, 0.5);
}

.btn-outline-primary:disabled, .btn-outline-primary.disabled {
    color: #f4623a;
}

.btn-link {
    color: #f4623a;
}
  
.btn-link:hover {
    color: #c34e2e;
}

.dropdown-menu {
    -webkit-background-clip: padding-box;
}

.dropdown-item.active, .dropdown-item:active {
    background-color: #f4623a;
}

.dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active {
    background-color: #f4623a;
}

.nav-link {
    color: #f4623a;
}

.nav-link:hover, .nav-link:focus {
    color: #c34e2e;
}

.nav-pills .show > .nav-link {
    background-color: #f4623a;
}

.card {
    -webkit-background-clip: padding-box;
}

.accordion-button:not(.collapsed) {
    color: #dc5834;
    background-color: #feefeb;
}

.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23dc5834'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.accordion-button:focus {
    border-color: #fab19d;
    box-shadow: 0 0 0 0.25rem rgba(244, 98, 58, 0.25);
}

.page-link {
    color: #f4623a;
}

.page-link:hover {
    color: #c34e2e;
}

.page-link:focus {
    color: #c34e2e;
    box-shadow: 0 0 0 0.25rem rgba(244, 98, 58, 0.25);
}

.page-item.active .page-link {
    background-color: #f4623a;
    border-color: #f4623a;
}

.alert-primary {
    color: #923b23;
    background-color: #fde0d8;
    border-color: #fcd0c4;
}

.alert-primary .alert-link {
    color: #752f1c;
}

.alert-info {
    color: #087990;
}
  
.alert-info .alert-link {
    color: #066173;
}
  
.alert-warning {
    color: #997404;
}

.alert-warning .alert-link {
    color: #7a5d03;
}

.progress-bar {
    background-color: #f4623a;
}

.list-group-item.active {
    background-color: #f4623a;
    border-color: #f4623a;
}

.list-group-item-primary {
    color: #923b23;
    background-color: #fde0d8;
}

.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
    color: #923b23;
    background-color: #e4cac2;
}
  
.list-group-item-primary.list-group-item-action.active {
    background-color: #923b23;
    border-color: #923b23;
}

.list-group-item-info {
    color: #087990;
}

.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
    color: #087990;
}
  
.list-group-item-info.list-group-item-action.active {
    background-color: #087990;
    border-color: #087990;
}
  
.list-group-item-warning {
    color: #997404;
}
  
.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
    color: #997404;
}
  
.list-group-item-warning.list-group-item-action.active {
    background-color: #997404;
    border-color: #997404;
}

.btn-close:focus {
    box-shadow: 0 0 0 0.25rem rgba(244, 98, 58, 0.25);
}

.btn-close:disabled, .btn-close.disabled {
    -ms-user-select: none;
}

.toast {
    -webkit-background-clip: padding-box;
}

.toast-header {
    -webkit-background-clip: padding-box;
}

.modal-content {
    -webkit-background-clip: padding-box;
}

.tooltip {
    font-family: "Merriweather", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.popover {
    font-family: "Merriweather", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    -webkit-background-clip: padding-box;
}

.carousel-indicators [data-bs-target] {
    -webkit-background-clip: padding-box;
}

.offcanvas {
    -webkit-background-clip: padding-box;
}

.link-primary {
    color: #f4623a;
}

.link-primary:hover, .link-primary:focus {
    color: #c34e2e;
}

.border-primary {
    border-color: #f4623a !important;
}

.user-select-auto {
    -ms-user-select: auto !important;
}

.user-select-none {
    -ms-user-select: none !important;
}

/*
=================================================
    2. Harnish Design' Squeeze
=================================================
*/

/* 
=================================================

* Template Name: DomainX - Domain for Sale HTML Template
* Written by: 	 Harnish Design - (http://www.harnishdesign.net)
* File Description : Main CSS File of the Template Squeeze
	
=================================================
  Table of Contents
=================================================

	2.1. Basic
      - Preloader
      - Keyframes
	2.2. Helpers Classes
      - Text Size
      - Line Height
      - Font Weight
      - Opacity
      - Background Light
      - Background Dark
	2.3. Layouts
      - Main Wrapper
      - Fullscreen Height
	2.4. Elements
      - Hero Background

================================================= 
*/

/* =================================== */
/*  2.1. Basic Style 
/* =================================== */

body, html {
    height: 100%;
  }
  
  body {
    background: #dddddd;
    color: #4c4d4d;
  }
  
  /*-------- Preloader --------*/
  .preloader {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 999999999 !important;
    background-color: #fff;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  
  .preloader .lds-ellipsis {
    display: inline-block;
    position: absolute;
    width: 80px;
    height: 80px;
    margin-top: -40px;
    margin-left: -40px;
    top: 50%;
    left: 50%;
  }
  
  .preloader .lds-ellipsis div {
    position: absolute;
    top: 33px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: #000;
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
  }
  
  .preloader .lds-ellipsis div:nth-child(1) {
    left: 8px;
    animation: lds-ellipsis1 0.6s infinite;
  }
  
  .preloader .lds-ellipsis div:nth-child(2) {
    left: 8px;
    animation: lds-ellipsis2 0.6s infinite;
  }
  
  .preloader .lds-ellipsis div:nth-child(3) {
    left: 32px;
    animation: lds-ellipsis2 0.6s infinite;
  }
  
  .preloader .lds-ellipsis div:nth-child(4) {
    left: 56px;
    animation: lds-ellipsis3 0.6s infinite;
  }
  
  .preloader.preloader-dark {
    background-color: #000;
  }
  
  .preloader.preloader-dark .lds-ellipsis div {
    background-color: #fff;
  }
  
  /*-------- Keyframes --------*/
  @keyframes lds-ellipsis1 {
    0% {
      transform: scale(0);
    }
    100% {
      transform: scale(1);
    }
  }
  
  @keyframes lds-ellipsis3 {
    0% {
      transform: scale(1);
    }
    100% {
      transform: scale(0);
    }
  }
  
  @keyframes lds-ellipsis2 {
    0% {
      transform: translate(0, 0);
    }
    100% {
      transform: translate(24px, 0);
    }
  }
  
  /* =================================== */
  /*  2.2. Helpers Classes
  /* =================================== */
  
  /* Text Size */
  .text-0 {
    font-size: 11px !important;
    font-size: 0.6875rem !important;
  }
  
  .text-1 {
    font-size: 12px !important;
    font-size: 0.75rem !important;
  }
  
  .text-2 {
    font-size: 14px !important;
    font-size: 0.875rem !important;
  }
  
  .text-3 {
    font-size: 16px !important;
    font-size: 1rem !important;
  }
  
  .text-4 {
    font-size: 18px !important;
    font-size: 1.125rem !important;
  }
  
  .text-5 {
    font-size: 21px !important;
    font-size: 1.3125rem !important;
  }
  
  .text-6 {
    font-size: 24px !important;
    font-size: 1.50rem !important;
  }
  
  .text-7 {
    font-size: 28px !important;
    font-size: 1.75rem !important;
  }
  
  .text-8 {
    font-size: 32px !important;
    font-size: 2rem !important;
  }
  
  .text-9 {
    font-size: 36px !important;
    font-size: 2.25rem !important;
  }
  @media (max-width: 1200px) {
    .text-9 {
      font-size: calc(1.35rem + 1.2vw)  !important;
    }
  } 
  
  .text-10 {
    font-size: 40px !important;
    font-size: 2.50rem !important; 
  }
  @media (max-width: 1200px) {
    .text-10 {
      font-size: calc(1.375rem + 1.5vw)  !important;
    }
  } 
  
  .text-11 {
    font-size: 2.75rem !important;
  }
  @media (max-width: 1200px) {
    .text-11 {
      font-size: calc(1.4rem + 1.8vw)  !important;
    }
  }
  
  .text-12 {
    font-size: 3rem !important;
  }
  @media (max-width: 1200px) {
    .text-12 {
      font-size: calc(1.425rem + 2.1vw)  !important;
    }
  }
  
  .text-13 {
    font-size: 3.25rem !important;
  }
  @media (max-width: 1200px) {
    .text-13 {
      font-size: calc(1.45rem + 2.4vw)  !important;
    }
  }
  
  .text-14 {
    font-size: 3.5rem !important;
  }
  @media (max-width: 1200px) {
    .text-14 {
      font-size: calc(1.475rem + 2.7vw)  !important;
    }
  }
  
  .text-15 {
    font-size: 3.75rem !important;
  }
  @media (max-width: 1200px) {
    .text-15 {
      font-size: calc(1.5rem + 3vw)  !important;
    }
  }
  
  .text-16 {
    font-size: 4rem !important;
  }
  @media (max-width: 1200px) {
    .text-16 {
      font-size: calc(1.525rem + 3.3vw)  !important;
    }
  }
  
  .text-17 {
    font-size: 4.5rem !important;
  }
  @media (max-width: 1200px) {
    .text-17 {
      font-size: calc(1.575rem + 3.9vw)  !important;
    }
  }
  
  .text-18 {
    font-size: 5rem !important;
  }
  @media (max-width: 1200px) {
    .text-18 {
      font-size: calc(1.625rem + 4.5vw)  !important;
    }
  }
  
  .text-19 { 
    font-size: 5.25rem !important;
  }
  @media (max-width: 1200px) {
    .text-19 {
      font-size: calc(1.425rem + 2.1vw)  !important;
    }
  }
  
  .text-20 {
    font-size: 5.75rem !important;
  }
  @media (max-width: 1200px) {
    .text-20 {
      font-size: calc(1.7rem + 5.4vw)  !important;
    }
  }
  
  .text-21 {
    font-size: 6.5rem !important;
  }
  @media (max-width: 1200px) {
    .text-21 {
      font-size: calc(1.775rem + 6.3vw)  !important;
    }
  }
  
  .text-22 {
    font-size: 7rem !important;
  }
  @media (max-width: 1200px) {
    .text-22 {
      font-size: calc(1.825rem + 6.9vw)  !important;
    }
  }
  
  .text-23 {
    font-size: 7.75rem !important;
  }
  @media (max-width: 1200px) {
    .text-23 {
      font-size: calc(1.9rem + 7.8vw)  !important;
    }
  }
  
  .text-24 {
    font-size: 8.25rem !important;
  }
  @media (max-width: 1200px) {
    .text-24 {
      font-size: calc(1.95rem + 8.4vw)  !important;
    }
  }
  
  .text-25 {
    font-size: 9rem !important;
  }
  @media (max-width: 1200px) {
    .text-25 {
      font-size: calc(2.025rem + 9.3vw)  !important;
    }
  }
  
  .text-11, .text-12, .text-13, .text-14, .text-15, .text-16, .text-17, .text-18, .text-19, .text-20, .text-21, .text-22, .text-23, .text-24, .text-25 {
    line-height: 1.3;
  }
  
  /* Line Height */
  .line-height-07 {
    line-height: 0.7 !important;
  }
  
  .line-height-1 {
    line-height: 1 !important;
  }
  
  .line-height-2 {
    line-height: 1.2 !important;
  }
  
  .line-height-3 {
    line-height: 1.4 !important;
  }
  
  .line-height-4 {
    line-height: 1.6 !important;
  }
  
  .line-height-5 {
    line-height: 1.8 !important;
  }
  
  /* Font Weight */
  .font-weight-100 {
    font-weight: 100 !important;
  }
  
  .font-weight-200 {
    font-weight: 200 !important;
  }
  
  .font-weight-300 {
    font-weight: 300 !important;
  }
  
  .font-weight-400 {
    font-weight: 400 !important;
  }
  
  .font-weight-500 {
    font-weight: 500 !important;
  }
  
  .font-weight-600 {
    font-weight: 600 !important;
  }
  
  .font-weight-700 {
    font-weight: 700 !important;
  }
  
  .font-weight-800 {
    font-weight: 800 !important;
  }
  
  .font-weight-900 {
    font-weight: 900 !important;
  }
  
  /* Opacity */
  .opacity-0 {
    opacity: 0;
  }
  
  .opacity-1 {
    opacity: 0.1;
  }
  
  .opacity-2 {
    opacity: 0.2;
  }
  
  .opacity-3 {
    opacity: 0.3;
  }
  
  .opacity-4 {
    opacity: 0.4;
  }
  
  .opacity-5 {
    opacity: 0.5;
  }
  
  .opacity-6 {
    opacity: 0.6;
  }
  
  .opacity-7 {
    opacity: 0.7;
  }
  
  .opacity-8 {
    opacity: 0.8;
  }
  
  .opacity-9 {
    opacity: 0.9;
  }
  
  .opacity-10 {
    opacity: 1;
  }

/* Background Light */
.bg-light-1 {
  background-color: #e9ecef !important;
}

.bg-light-2 {
  background-color: #dee2e6 !important;
}

.bg-light-3 {
  background-color: #ced4da !important;
}

.bg-light-4 {
  background-color: #adb5bd !important;
}

/* Background Dark */
.bg-dark {
  background-color: #111418 !important;
}

.bg-dark-1 {
  background-color: #212529 !important;
}

.bg-dark-2 {
  background-color: #343a40 !important;
}

.bg-dark-3 {
  background-color: #495057 !important;
}

.bg-dark-4 {
  background-color: #6c757d !important;
}
  
  /* =================================== */
  /*  2.3. Layouts
  /* =================================== */
  
  /* Main Wrapper */
  #main-wrapper {
    background: #fff;
  }
  
  .section {
    position: relative;
    padding: 104px 0;
    padding: 6.5rem 0;
    overflow: hidden;
  }
  
  @media (max-width: 767.98px) {
    .section {
      padding: 3.5rem 0;
    }
  }
  
  @media (min-width: 1200px) {
    .container {
      max-width: 1170px !important;
    }
  }
  
  /* Fullscreen Height */
  .fullscreen {
    min-height: 100vh !important;
  }
  
  .fullscreen-with-header {
    min-height: calc(100vh - 67px) !important;
  }
  
  /* =================================== */
  /*  2.4. Elements
  /* =================================== */
  
  /* Hero Background */
  .hero-wrap {
    position: relative;
    overflow: hidden;
    z-index: 0;
  }
  
  .hero-wrap .hero-mask, .hero-wrap .hero-bg, .hero-wrap .hero-bg-slideshow {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
  }
  
  .hero-wrap .hero-mask {
    z-index: 1;
  }
  
  .hero-wrap .hero-content {
    position: relative;
    z-index: 2;
  }
  
  .hero-wrap .hero-particles {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 3;
  }
  
  .hero-wrap .hero-bg-slideshow {
    z-index: 0;
  }
  
  .hero-wrap .hero-bg {
    z-index: 0;
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    transition: background-image 300ms ease-in 200ms;
  }
  
  .hero-wrap .hero-bg.hero-bg-scroll {
    background-attachment: scroll;
  }
  
  .hero-wrap .hero-bg-slideshow .hero-bg {
    background-attachment: inherit;
  }
  
  .hero-wrap .hero-bg-slideshow.owl-carousel .owl-stage-outer, .hero-wrap .hero-bg-slideshow.owl-carousel .owl-stage, .hero-wrap .hero-bg-slideshow.owl-carousel .owl-item {
    height: 100%;
  }




/*!
* Start Bootstrap - Creative v7.0.5 (https://startbootstrap.com/theme/creative)
* Copyright 2013-2021 Start Bootstrap
* Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-creative/blob/master/LICENSE)
*/

/*!
* Description: Main Theme CSS File Squeeze
*/

html {
    height: 100%;
    scroll-padding-top: calc(4.5rem - 1px);
  }
  
  body {
    width: 100%;
    height: 100%;
  }
  
  .page-section {
    padding: 8rem 0;
  }
  
  .text-white-75 {
    color: rgba(255, 255, 255, 0.75) !important;
  }
  
  .btn-xl {
    padding: 1.25rem 2.25rem;
    font-size: 0.85rem;
    font-weight: 700;
    text-transform: uppercase;
    border: none;
    border-radius: 10rem;
  }
  
  hr.divider {
    height: 0.2rem;
    max-width: 3.25rem;
    margin: 1.5rem auto;
    background-color: #f4623a;
    opacity: 1;
  }
  
  hr.divider-light {
    background-color: #fff;
  }
  
  #mainNav {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    background-color: #fff;
    transition: background-color 0.2s ease;
  }
  #mainNav .navbar-brand {
    font-family: "Merriweather Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: 700;
    color: #212529;
  }
  #mainNav .navbar-nav .nav-item .nav-link {
    color: #6c757d;
    font-family: "Merriweather Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: 700;
    font-size: 0.9rem;
    padding: 0.75rem 0;
  }
  #mainNav .navbar-nav .nav-item .nav-link:hover, #mainNav .navbar-nav .nav-item .nav-link:active {
    color: #f4623a;
  }
  #mainNav .navbar-nav .nav-item .nav-link.active {
    color: #f4623a !important;
  }
  @media (min-width: 992px) {
    #mainNav {
      box-shadow: none;
      background-color: transparent;
    }
    #mainNav .navbar-brand {
      color: rgba(255, 255, 255, 0.7);
    }
    #mainNav .navbar-brand:hover {
      color: #fff;
    }
    #mainNav .navbar-nav .nav-item .nav-link {
      color: rgba(255, 255, 255, 0.7);
      padding: 0 1rem;
    }
    #mainNav .navbar-nav .nav-item .nav-link:hover {
      color: #fff;
    }
    #mainNav .navbar-nav .nav-item:last-child .nav-link {
      padding-right: 0;
    }
    #mainNav.navbar-shrink {
      box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
      background-color: #fff;
    }
    #mainNav.navbar-shrink .navbar-brand {
      color: #212529;
    }
    #mainNav.navbar-shrink .navbar-brand:hover {
      color: #f4623a;
    }
    #mainNav.navbar-shrink .navbar-nav .nav-item .nav-link {
      color: #212529;
    }
    #mainNav.navbar-shrink .navbar-nav .nav-item .nav-link:hover {
      color: #f4623a;
    }
  }


/*!
Upper Left Extra Button (1) CSS
*/
#btn-nav-1 {
    position: fixed !important;
    top: 88px;
    left: 16px;
    z-index: 999 !important;
    cursor: pointer !important;
    }
    
    #btn-nav-1:hover {
    opacity: 0.75;
    filter: alpha(opacity=75);
    }
    
    /*!
    Upper Left Extra Button (2) CSS
    */
    #btn-nav-2 {
    position: fixed !important;
    top: 88px;
    left: 72px;
    z-index: 999 !important;
    cursor: pointer !important;
    }
    
    #btn-nav-2:hover {
    opacity: 0.75;
    filter: alpha(opacity=75);
    }
    
    /*!
    Upper Right Extra Button (3) CSS
    */
    #btn-nav-3 {
    position: fixed !important;
    top: 88px;
    right: 16px;
    z-index: 999 !important;
    cursor: pointer !important;
    }
    
    #btn-nav-3:hover {
    opacity: 0.75;
    filter: alpha(opacity=75);
    }

    /*!
    Lower Left Extra Button (4) CSS
    */
    #btn-nav-4 {
    position: fixed !important;
    bottom: 88px;
    left: 16px;
    z-index: 999 !important;
    cursor: pointer !important;
    }

    /*!
    Upper Left Extra Button (5) CSS
    */
    #btn-nav-5 {
    position: fixed !important;
    top: 88px;
    left: 128px;
    z-index: 999 !important;
    cursor: pointer !important;
    }
  
    #btn-nav-4:hover {
    opacity: 0.75;
    filter: alpha(opacity=75);
    }
    
    /*!
    Any Button on Hover Behavior
    */
    .btn-act:hover {
    opacity: 0.75;
    filter: alpha(opacity=75);
    }
    
    /*!
    Any Button Enlarge on Hover
    */
    .btn-enl-lg:hover {
    transform: scale(1.2);
    }
    
    .btn-enl-xl:hover {
    transform: scale(1.5);
    }
    
    .btn-enl-lg:hover,
    .btn-enl-xl:hover {
    color: #0d6efd !important;
    }
    
    /*!
    Badge on Hover Behavior
    */
    .bdg-enl:hover {
    transform: scale(1.05);
    }
    
    /*!
    Any Button Standard Width
    */
    .btn-std {
    width: 256px !important;
    }
    
    /*!
    Any List Item Color and on Hover Behavior
    */
    .list-unstyled-item {
    color: #212529 !important;
    }
    
    .list-unstyled-item:hover {
    color: #f4623a !important;
    }
    
    /*!
    Empty Link Item
    */
    .span-item {
    cursor: pointer !important;
    }
    
    /*!
    Dotted Underline
    */
    .border-bottom-1 {
    border-bottom: 1px dotted black !important;
    }
    
    /*!
    Text Size Options
    */
    .txt-smaller {
    font-size: smaller;
    }
    
    .txt-x-small {
    font-size: x-small;
    }
    
    .txt-larger {
    font-size: larger;
    }
    
    /*!
    Center Image
    */
    img.center {
    display: block;
    margin: 0 auto;
    }
    
    /*!
    Flex Box (Place It in the Very Center)
    */
    .flex-box {
    position: relative !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    }

	  /*!
    Margin Top (Over Bootstrap)
    */
    .mt-6 {
    margin-top: 6rem !important;
    }