a {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    list-style: none;
    text-decoration: none;
    color: black;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}
input{
    height: 2rem !important;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type="number"],
input[type="number"]:hover,
input[type="number"]:focus {
  -moz-appearance: textfield;
}

.head-font-size{
    font-size: clamp(1rem, 2vw + .4rem, 5rem);
    line-height: 1;
}
.lb-font-size{
    font-size: clamp(0.8rem, 1vw + .1rem, 3rem);
    line-height: 1;
}
.lb-padding-left{
    padding-left: max(1vw, 1rem) 1.5rem;
}
select{
    height: 2rem !important;
}

table.ex1 {
  empty-cells: hide;
}

#main_nav li:hover {
    cursor: pointer;
    color: #fff !important;
    border: 2px;
    border-radius: 7px;
    border-style: solid;
    border-color: rgb(180, 180, 180);
    background: linear-gradient(180deg, rgba(9,9,9,1) 0%, rgba(138,124,124,1) 50%, rgba(10,10,10,1) 100%) !important;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
}

#main_nav li a:hover {
    cursor: pointer;
    color: #fff !important;
    border: 2px;
    border-radius: 7px;
    border-style: solid;
    border-color: rgb(180, 180, 180);
    background: linear-gradient(180deg, rgba(9,9,9,1) 0%, rgba(138,124,124,1) 50%, rgba(10,10,10,1) 100%) !important;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
}

#user-profile-div li:hover {
    cursor: pointer;
    color: #fff !important;
    border: 2px;
    border-radius: 7px;
    border-style: solid;
    border-color: rgb(180, 180, 180);
    background: linear-gradient(180deg, rgba(9,9,9,1) 0%, rgba(138,124,124,1) 50%, rgba(10,10,10,1) 100%) !important;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
}

#user-profile-div li a:hover {
    cursor: pointer;
    color: #fff !important;
    border: 2px;
    border-radius: 7px;
    border-style: solid;
    border-color: rgb(180, 180, 180);
    background: linear-gradient(180deg, rgba(9,9,9,1) 0%, rgba(138,124,124,1) 50%, rgba(10,10,10,1) 100%) !important;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
}
 .text-orange{
  color: rgb(253, 57, 8);
 }

 .bg-orange{
  background-color: rgb(253, 57, 8);
 }

.h-font {
    font-family: "Merienda", cursive;
}

.h-10 {
    height: 10% !important
}
.h-15 {
    height: 15% !important
}
.h-20 {
    height: 20% !important
}
.h-30 {
    height: 30% !important
}
.h-35 {
    height: 35% !important
}
.h-40 {
    height: 40% !important
}
.h-45 {
    height: 45% !important
}
.h-55 {
    height: 55% !important
}
.h-60 {
    height: 60% !important
}
.h-65 {
    height: 65% !important
}
.h-70 {
    height: 70% !important
}
.h-80 {
    height: 80% !important
}
.h-85 {
    height: 85% !important
}
.h-90 {
    height: 90% !important
}
.h-95 {
    height: 95% !important
}



.menu-card{
  box-shadow: 8px 8px 10px rgba(31, 30, 30, 0.438) !important;
  cursor: pointer !important;
  transition: all 0.7s;
}

.menu-card img{
  height: 9rem !important;
  border-top-left-radius: 1rem !important;
  border-top-right-radius: 1rem !important
}

.menu-card .card-footer{
  border-bottom-left-radius: 1rem !important;
  border-bottom-right-radius: 1rem !important
}

.menu-card:hover {
  transform: scale(1.10);
  box-shadow: 0 5px 10px rgb(53, 0, 0);
}

.home-card{
  box-shadow: 8px 8px 10px rgba(31, 30, 30, 0.438) !important;
  cursor: pointer !important;
  transition: all 0.7s;
}

.home-card img{
  height: 20rem !important;
  border-top-left-radius: 1rem !important;
  border-top-right-radius: 1rem !important
}

.home-card .card-footer{
  border-bottom-left-radius: 1rem !important;
  border-bottom-right-radius: 1rem !important
}

.home-card:hover {
  transform: scale(1.10);
  box-shadow: 0 5px 10px rgb(53, 0, 0);
}

.carousel-img{
  width: 100% !important;
  height: 25rem !important;
}



.w-35{
  width: 35% !important;
}
.w-90 {
    width: 90% !important
}
.w-95 {
    width: 95% !important
}

.custom-border-color:focus {
  color: #212529;
  background-color: #fff;
  border-color: #202327;
  outline: 1;
  box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0.8);
}

.form-floating > .custom-border-color:focus,
.form-floating > .custom-border-color:not(:placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .custom-border-color:focus ~ label,
.form-floating > .custom-border-color:not(:placeholder-shown) ~ label,
.form-floating > .form-select ~ label {
  opacity: 0.65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.input-group > .custom-border-color:focus,
.input-group > .form-select:focus {
  z-index: 3;
}

.fs-7 {
    font-size: 0.85rem !important; 
    font-weight: 500;
}
.fs-8 {
    font-size: 0.75rem !important; 
    font-weight: 500;
}


/* Font Size for footer dark */

.f-size {
    font-size: 12px;
}

.custom-alert {
    position: fixed;
    top: 80px;
    right: 25px;
    z-index: 1111;
}



.p-0-5 {
  padding: 0.065rem !important;
}

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

.ps-6 {
    padding-left: 5rem !important
}
.pe-6 {
    padding-right: 4.3rem !important
}

.mb-0-5 {
  margin-bottom: 0.065rem !important;
}
.mb-6 {
    margin-bottom: 4rem !important
}
.mb-7 {
    margin-bottom: 5rem !important
}
.mb-8 {
    margin-bottom: 6rem !important
}
.m-0-5 {
  margin: 0.06rem !important;
}
.mt-0-5 {
    margin-top: 0.065rem !important;
}
.ms-0-5 {
    margin-left: 0.065rem !important;
}
.me-0-5 {
    margin-right: 0.065rem !important;
}
.m-12 {
    margin-right: 0.065rem !important;
}

.ms-3-5 {
  margin-left: 1.2rem !important;
}

.ms-5 {
  margin-left: 2rem !important;
}
.ms-6 {
  margin-left: 2.5rem !important;
}
.ms-7 {
  margin-left: 3rem !important;
}
.ms-8 {
  margin-left: 3.5rem !important;
}
.ms-9 {
  margin-left: 4rem !important;
}
.ms-10 {
  margin-left: 4.5rem !important;
}
.ms-11 {
  margin-left: 9rem !important;
}

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

.mt-7 {
  margin-top: 3rem !important;
}

.mt-8 {
  margin-top: 3.5rem !important;
}

.mt-9 {
  margin-top: 4rem !important;
}

.mt-10 {
  margin-top: 4.5rem !important;
}
.mt-11 {
  margin-top: 5rem !important;
}
.mt-12 {
  margin-top: 5.5rem !important;
}
.mt-13 {
  margin-top: 6rem !important;
}
.mt-14 {
  margin-top: 6.5rem !important;
}

.modal-body-wrapper {
  overflow-y: scroll;
  height: 75vh;
}

.bg-opacity-15 {
  --bs-bg-opacity: 0.15;
}
.bg-opacity-20 {
  --bs-bg-opacity: 0.20;
}
.bg-opacity-30 {
  --bs-bg-opacity: 0.30;
}
.bg-opacity-35 {
  --bs-bg-opacity: 0.35;
}
.bg-opacity-40 {
  --bs-bg-opacity: 0.40;
}
.bg-opacity-45 {
  --bs-bg-opacity: 0.45;
}
.bg-opacity-55 {
  --bs-bg-opacity: 0.55;
}
.bg-opacity-60 {
  --bs-bg-opacity: 0.60;
}
.bg-opacity-65 {
  --bs-bg-opacity: 0.65;
}
.bg-opacity-70 {
  --bs-bg-opacity: 0.70;
}
.bg-opacity-80 {
  --bs-bg-opacity: 0.80;
}
.bg-opacity-85 {
  --bs-bg-opacity: 0.85;
}
.bg-opacity-90 {
  --bs-bg-opacity: 0.90;
}
.bg-opacity-95 {
  --bs-bg-opacity: 0.95;
}
.border-2c {
  border-width: 2px !important;
}
.border-c {
  border: 1px solid #dee2e6 !important;
}

.btn-xsm{
  padding: 0;
  width: 1.5rem;
  height: 1.5rem;
}

.btn-xsm i{
  margin: 0;
}


/* Below this media query is for XXL model size only */
@media (min-width:992px) {

    .modal-xxl {
        --bs-modal-width: 800px
    }
}

@media (min-width:1200px) {
    .modal-xxl {
        --bs-modal-width: 1140px
    }
}

@media (min-width:1300px) {
    .modal-xxl {
        --bs-modal-width: 1275px
    }
}

/* Attachment Icon Css */
.file-attach::before {
  /* content: "\F4B3"; */
  font-size: x-large;
  /* display: inline-block; */
  vertical-align: middle;
  margin-right: 1rem;
  /* width: 1em;
  height: 1em; */
  /* background-size: cover; */
}



.main-slide {
  color: rgb(253, 57, 8);
  text-decoration: underline;
  text-underline-offset: 10px;
  text-decoration-color: rgb(253, 176, 34);
}

h1.quote {
  font-size: 3rem;
  text-align: left;
  font-weight: bolder;
}

.homeimg{
    margin-top: 0px;
    padding: 0px;   
}

.homeimg img {
    margin: 0px;
    padding: 0px;
    border-radius: 45px;
    -moz-border-radius: 45px;
    -ms-border-radius: 45px;
    -o-border-radius: 45px;
}

.cards {

  transition: all 0.2s ease;
  cursor: pointer;
}
    
.cards:hover{

    box-shadow: 5px 6px 6px 2px #e9ecef;
    transform: scale(1.1);
}
.red-btn {
    cursor: pointer;
    width: 160px;
    font-weight: bold;
    color: white;
    background-color: rgb(253, 77, 8);
    border-radius: 5px;
    border: 1px solid rgb(253, 77, 8);
    box-shadow: 0 10px 15px rgb(250, 120, 69);
    transition: all 0.2s;
}

.item {
        width: 60%;
        padding: 30px 5px;
}
.item h3 {
        font-size: 20px;
        margin-bottom: 5px;
}

.food-nav .nav-item.show .nav-link,
.food-nav .nav-link.active {
    color: white !important;
    background-color: rgb(253, 57, 8) !important;
    border-color: rgb(167, 8, 8) !important;
}

.food-nav .nav-link:focus,
.food-nav .nav-link:hover {
    isolation: isolate !important; 
    color: white !important;
    background-color: rgb(253, 57, 8) !important;
    border-color: rgb(167, 8, 8) !important;
}

.food-nav .nav-link {
    margin-bottom: calc(-1 * 1px) !important;
    background: 0 0 !important;
    border: rgb(167, 8, 8) solid transparent !important ;
    border-top-left-radius: .7rem !important;
    border-top-right-radius: .7rem  !important;
}

.tab-top-rounded{
  border-top-left-radius: .7rem; 
  border-top-right-radius: .7rem;
}