
:root {
  --body: #fff;
  --black: #000;
  --white: #fff;
  --theme: #00813D;
  --theme2: #c03d3b;
  --theme3: #FFB936;
  --header: #212121;
  --base: #00813D;
  --text: #5C5C5B;
  --border: #D9D9D9;
  --border2: #ffffff2b;
  --button: #1C2539;
  --button2: #030734;
  --ratting: #FF9F0D;
  --bg: #F4F1EA;
  --bg2: #DF0A0A0D;
}

/* #9f5f39 */

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

 
h1, h2, h3, h4, h5, h6
 {
    /*font-family: "Barlow Condensed", sans-serif;*/
     font-family: "Poppins", sans-serif;
    margin: 0px;
    padding: 0;
    color: #9f5f39;
    text-transform: capitalize;
    transition: all 0.4s ease-in-out;
}

.logo a h2 {
    font-size: 30px !important;
    font-weight: 700;
    text-transform: uppercase;
    background-color: #fef6ea;
    padding: 12px;
    color: #c03d3b;
    border-radius: 10px;
}

h2 {
    font-size: 48px;
    line-height: 1.2;
    font-weight: 700;
}
.header-left .logo {
    /* position: absolute; */
    /* background-color: #fff; */
    padding: 10px;
    top: 37px;
    border-radius: 20px;
    filter: drop-shadow(1px 0px 0px white);
}
.hero-5 .hero-content {
    position: relative;
    padding: 150px 0 150px;
}
.bglogo img{
    filter: drop-shadow(0px 0px 5px white);
        filter: brightness(1.2);

}


.header-main .main-menu ul li a{
      font-family: "Poppins", sans-serif;  
          font-size: 16px;
}
.header-main .main-menu ul li .submenu li a{
        font-size: 16px;
}
a{
        font-family: "Poppins", sans-serif;
        font-size:16px;
}

.booking-content .icon-items .content h3 a {
    color: var(--theme);
    font-size: 40px;
}




     .booking-contact .form-clt textarea{    width: 100%;
    outline: none;
    border: none;
    padding: 18px 25px;
    color: var(--white);
    background-color: transparent;
    font-size: 18px;
    text-transform: capitalize;
    font-weight: 500;
    border: 1px solid var(--border2);
    border-radius: 9px;}
    textarea::placeholder{color:#fff;}
            

.hero-slider-5{
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px;
}

.swiper-slide{
    display: flex;
    align-items: center;
    height: 100vh;
    justify-content: center;
}

.hero-5 .hero-image::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-color: #00000000;
    opacity: 0.7;
}
.hero-image{
    background-position: 50% 80%;
}

.hero-5 .swiper-slide-active .hero-image {
   -webkit-transform: scale(1); 
  -moz-transform: scale(1);
   transform: scale(1); 
}

.about-image img{
    border-radius: 20px;
    box-shadow: 5px 5px 0px #a05e38;
}

.food-product-wrapper .product-outer-items .product-content h4 {
    margin-bottom: 10px;
       font-size: 48px;
    font-weight: 700;
}
.food-product-wrapper .product-outer-items .product-content .product-btn {
    display: inline-block;
    line-height: 1;
    padding: 16px 35px;
    background-color: #c03d3b;
    border-radius: 50px;
    color: #fff;
}

.food-product-image{
        /*border-bottom: 7px solid #c03d3b;*/
        /*border-top: 7px solid #c03d3b;*/
        text-align:center;
   
}

.food-product-wrapper .food-product-image {
    height: auto!important;
}
.main-cta-banner-2{
    margin: 20px!important;
    border-radius: 15px;
         background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
}
.main-cta-banner-wrapper-2 h2 {
    filter: drop-shadow(2px 2px 5px #000);
}

.main-cta-banner-wrapper-2 .delivery-man {
    position: absolute;
    right: 0%;
    bottom: -30%;
}

.main-cta-banner-wrapper-2 p{
 font-size: 20px;
}

.booking-section {
    margin-top: 10px;
    position: relative;
}
.count-wrapper .count-items .count-title h2 {
    font-size: 100px;
    opacity: 0.3;
}
.about-image-2 img{
        border-radius: 30px 0px 0px 30px;
}
.booking-contact {
    padding: 55px;
    background-color: #c03d3b;
    border-radius: 20px 20px 0 0;
    margin-bottom: -120px;
}

.support-text h3 a{
 font-size: 18px;
 margin-bottom: 5px;
 text-transform: capitalize;
 font-family: poppins;
}
.support-text h3{
    display: flex;
    gap: 10px;
    align-items: center;
    margin: 10px 0px;
}
.footer-widgets-wrapper .single-footer-widget .list-items li:not(:last-child) {
    margin-bottom: 4px;
}

.footer-bottom {
    padding: 35px 0;
    background-color: transparent;
}

.footer-bottom p {
    margin: 0;
    color: #200000!important;
    font-size: 18px;
}

.sticky {
    position: fixed !important;
    top: 0 !important;
    left: 0;
    width: 100%;
    z-index: 100;
    transition: all 0.9s;
    background-color: #fffbf2;
    box-shadow: 0px 0px 62px 0px rgba(0, 22, 89, 0.17);
    animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
}

.hero-5 .hero-content h1 {
    text-transform: uppercase;
    font-size: 60px;
    font-weight: 700;
    line-height: 1.2;
    filter: drop-shadow(2px 1px 20px black);
    letter-spacing: -1px;
}

.coimg{
    padding:50px 0px
}
.coimg .coimgw img{
    border-radius:20px;
}

.text-slider.text-color {
    color: #A4A4A4;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #c03d3b;
    -webkit-text-fill-color: transparent;
    font-style: italic;
}

.food-product-wrapper .product-outer-items .product-content {
    padding: 10px 25px;
}

.content p {
    font-size:20px;
    font-weight:600;
}
.content p a{
    font-size:23px;
    font-weight:600;
}
@media (max-width: 767px){
    .mail p a{
    font-size:16px;
    font-weight:600;
   }
}
@media (min-width: 768px) and (max-width: 1020px) {
    .mail p a {
        font-size: 18px;
        font-weight: 600;
    }
}
@media (min-width: 1024px) and (max-width: 1200px) {
    .mail p a {
        font-size: 16px;
        font-weight: 600;
    }
}
@media (min-width: 1250px) and (max-width: 1450px) {
    .mail p a {
        font-size: 20px;
        font-weight: 600;
    }
}
.contact-info-items .icon img{
    width:64px;
} 

.breadcrumb-wrapper .page-heading {
     position: relative; 
     padding: 0px 20px; 
    display: flex;
    /* flex-direction: column; */
    justify-content: center;
    height: 500px;
    align-items: end;
    padding-bottom:50px;
}

.innerbg:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 157px;
    background-image: linear-gradient(#74707000, #254a03);
    z-index: 0;
} 
.innerbgs:before {
     content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 157px;
    background-image: linear-gradient(#74707000, #4a3903) !important;
    z-index: 0;
} 


.breadcrumb-wrapper .page-heading .breadcrumb-items li {
    font-size: 16px;
    color: #fffeca;
    font-weight: 600;
    text-transform: uppercase;
}
.breadcrumb-wrapper .page-heading .breadcrumb-items li a {
    color: #ffffff;
    transition: all 0.4s ease-in-out;
}


.page-heading h1 {
    filter: drop-shadow(2px 2px 15px black);
}


.nav-tabs .nav-link img{
    width:80px;
    height:80px;
        border-radius: 10px;
}

.product-details-wrapper .product-details-content .price-list span {
    font-weight: 600;
    font-size: 42px;
    color: var(--header);
}
.product-details-wrapper .product-image-items .nav {
    border: unset;
    display: flex;
    align-items: center;
    margin-top: 20px;
    justify-content: space-between;
}

.product-details-wrapper .product-image-items .tab-content .tab-pane .product-image .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 50%;
    background-color: #fffbf2;
    text-align: center;
}

.shop-text{
    font-weight:600!important;
}

.tab-content .product-image img{
    border-radius:10px;
}
.header-2 .header-main .header-right .mean__menu-wrapper .main-menu ul li a {
  color: var(--white);
     filter: drop-shadow(0px 0px 1px black);
      font-family: "Poppins", sans-serif;
      font-size:17px;
}

.sticky.header-2 .header-main .header-right .mean__menu-wrapper .main-menu ul li a
 {
    color: var(--header);
         filter: drop-shadow(0px 0px 0px black);
}

.catagory-product-card-3 .catagory-image img {
    width: 100%;
    height: 100%;
    transition: all 0.4s ease-in-out;
    border-radius: 20px 20px 0px 0px;
}


.hero-5 .hero-image {
  animation: none;     
  transform: scale(1);  
      transition: none;
}

.innerbg {
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    background-position: center;
     width: auto; 
    height: 100%;
    overflow: hidden;
    margin: 20px;
    border-radius: 20px;
}
.innerbgs {
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    background-position: center;
     width: auto; 
    height: 100%;
    overflow: hidden;
    margin: 20px;
    border-radius: 20px;
}
.product-details-wrapper .product-details-content .cart-wrp .shop-button .theme-btn {
    width: 100%;
    border-radius: 30px;
}

.inbtn{
    display:flex;
    gap:10px;
    max-width:50%;
}
.inbtn a{
    font-size:24px;
    font-weight:600;
    border:1px solid #00000014;
}

.sizeh h3{
    font-size:25px;
    font-weight:600;
    color:#282828;
    margin:15px auto;
}

.shop-text{
    font-size:25px;
    font-weight:600px;
}
.inprod h2{
    color:#fff;
    font-size:30px;
    font-weight:600;
    line-height:1.2;
    margin-bottom:15px;
}
.inprod h4{
    color:#fff5c0;
    font-size:20px;
    font-weight:500;
    line-height:1.2;
    margin-bottom:10px;
}
.inprod p{
    color:#fff;
    font-size:18px;
    font-weight:500;
    line-height:1.2;
}
.whybg{
    padding: 71px;
    background-size: cover;
    border-radius:15px;
}

.catagory-product-card-3.style-burger .catagory-content h4 {
    font-size: 28px;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.food-product-wrapper .product-outer-items .product-content h4 {
 text-transform: uppercase;}
 
 .header-top{
     padding:10px 0px;
 }
 
/* .preloader.loaded .animation-preloader {*/
/*    opacity: 1;*/
/*    transition: 1s ease-out;*/
/*    justify-content: center;*/
/*    text-align: center;*/
/*}*/
/*.animation-preloader img{*/
/*    text-align:center;*/
/*}*/
/*.preloader{*/
/*    text-align:center;*/
/*}*/





/* Preloader wrapper */
#preloader {
  position: fixed;
  inset: 0;
   background: #ffffff; 
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction:column;

}

/* Loader animation */
.loader {
  /* width: 100%; */
  font-size: 50px;
  line-height: 1.5;
  font-family: system-ui, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  color: #0000;
  -webkit-text-stroke: 0.5px #202020; /* stroke color changed */
  background: radial-gradient(1.13em at 50% 1.6em, #c03d3b 99%, #0000 101%) calc(50% - 1.6em) 0 / 3.2em 100% text, radial-gradient(1.13em at 50% -0.8em, #0000 99%, #c03d3b 101%) 50% .8em / 3.2em 100% repeat-x text;
  animation: l9 5s linear infinite;
}

.loader:before {
  content: "AAIFood Products";
}
@keyframes l9 {
  to {background-position: calc(50% + 1.6em) 0,calc(50% + 3.2em) .8em}
}


.catagory-content h4 a{
    font-size:24px;
}

/*modal*/

/* Modal form styling */
#enquiryForm .form-label ,#businessform .form-label {
  font-weight: 600;
  color: #333;
  margin-bottom: 6px;
}

#enquiryForm .form-control,
#enquiryForm .form-select,
#businessform .form-control,
#businessform .form-select{
  border: 1px solid #ccc;
  border-radius: 8px;
  padding: 10px 12px;
  font-size: 15px;
  transition: all 0.3s ease;
  box-shadow: none;
  color:#000;
      /*background-color: #333333;*/
}

/* Input focus effect */
#enquiryForm .form-control:focus,
#enquiryForm .form-select:focus,
#businessform .form-control:focus,
#businessform .form-select:focus{
  border-color: #f39c12;   /* highlight color */
  box-shadow: 0 0 0 0.2rem rgba(243, 156, 18, 0.25);
}

/* Dropdown select styling */
#enquiryForm .form-select,
#businessform .form-select{
  cursor: pointer;
  color:#000;
}

/* Placeholder & option text */
#enquiryForm .form-control::placeholder,
#businessform .form-control::placeholder{
  color: #000;
  font-size: 14px;
}

#enquiryForm .nice-select .option,
#businessform .nice-select .option{
  color: #000;
  font-size: 14px;
}

#enquiryForm .nice-select span,
#businessform .nice-select span{
    color:#000;
}
.modal-title {
    font-size: 24px;
    font-weight: 600;
    color:#fff;
}



/* Buttons */
.modal-footer .btn-primary {
  background: #f39c12;
  border: none;
  border-radius: 6px;
  padding: 8px 20px;
  font-weight: 600;
  transition: 0.3s ease;
}
.modal-footer .btn-primary:hover {
  background: #e67e22;
}

.modal-footer .btn-secondary {
  border-radius: 6px;
  padding: 8px 20px;
  font-weight: 500;
}

.modal-header{
    background-color:#601e1d;
} 

.modal-header .btn-close{
    background-color:#fff;
}




@media screen and (max-width: 1440px) {
    .header-left .logo a img{
        width:80px;
    }
    .hero-5 .hero-content h1 {
    text-transform: uppercase;
    font-size: 55px;
    font-weight: 600;
    line-height: 1.2;
    filter: drop-shadow(2px 1px 20px black);
}

.food-product-wrapper .food-product-image {
    height: auto!important;
}

.breadcrumb-wrapper .page-heading {
     position: relative; 
     padding: 0px 20px; 
    display: flex;
    /* flex-direction: column; */
    justify-content: center;
    height: 390px;
    align-items: end;
    padding-bottom:50px;
}

.breadcrumb-wrapper .page-heading h1 {
    color: var(--white);
    font-size: 35px;
    position: relative;
    z-index: 9;
}
    
}

.catagory-product-card-3.style-burger .catagory-image {
    position: relative;
    overflow: hidden;
     max-width: 100%; 
     margin: 0 0; 
}




@media screen and (max-width: 767px) {
    #preloader { text-align:center;}
    .loader { font-size:30px;}
     
    
    .whybg{
    padding: 30px;
    background-size: cover;
            background-position: 68% 80%;
}

.header-logo img{
    width:95px;
}

.hero-content h5{
    font-size:12px;
}

.hero-5 .hero-content p {
    font-size: 16px;
    color: var(--white);
    margin-top: 20px;
}
    h2 {
    font-size: 36px;
    line-height: 1.2;
    font-weight: 700;
}
    .bg-cover {
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
        background-position: 88% 60%;
        width: auto;
        height: 100%;
    }
    
    .hero-5 .hero-image::before {
        background-color: #000000c7;
    }

    .hero-5 .hero-content h1 {
        font-size: 28px;
    }
    .hero-slider-5{
        height: 70vh;
    }
    .swiper-slide{
        height: 70vh;
    }
    .food-product-wrapper .product-outer-items .product-content h4 {
        font-size: 30px;
    }
    .food-product-wrapper .product-outer-items .product-content .product-btn {
        padding: 10px 20px
        font-size: 14px;
    }
  
    .booking-contact {
        padding: 30px;
        margin-bottom: -80px;
    }

    .count-wrapper .count-items .count-title h2 {
    font-size: 48px;
    opacity: 0.3;
    margin-bottom: 62px;
}

.footer-section{
        background: antiquewhite!important;
}

 .header-left .logo{
        
        background-color:transparent;
        padding: 0px;
        top: 4px;
}
}

.bg-with {
    background-color: #a15d36 !important;
    color: #fff !important;
}
.p-16{
    padding:16px;
}



