*{
 box-sizing: border-box;
 margin: 0;
 padding: 0;

}
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
*{
  font-family: "Roboto", sans-serif;
  
}
  
  html {
    box-sizing: border-box;
    width: 100vw;
    overflow-x: hidden;
  }
  
  html, body {
    height: 100%;
  }
  
  body {
    overflow-x: hidden;
  }
  #pencet{
    display:flex;
    align-items:center;

    flex-direction:column;
    cursor:pointer;
  }
 
  .navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow:none;
}
.navbar-toggler {
transition:none !important;
}
.nav-link{
  color:  #00000094 !important;
  font-weight: 600;
}
.nav-item{
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.headercommoncode{
  color:black !important;
  background-color:#FFA54D !important;
  border-radius: 12px !important;
  height:fit-content;
  margin-top: auto;
  margin-bottom: auto;
}
.headercommonbtncode{
  color:black !important;
  background-color:#FFA54D !important;
  height:fit-content;
  margin-top: auto;
  margin-bottom: auto;
}
.navtoggleheader{
  color:transparent !important; 
  border-color:transparent !important;
  padding:0;
}
  #pencet span{
    background-color:ghostwhite;
    width:2em;
    height:.2em;
    margin:0.26em 0;
    display:block;
    transition: all .4s ease;
    transform-origin:0 0;
  }
  
  .Diam span:nth-child(1) {
    transform: rotate(45deg) translate(1px, -1px);
  }
  
  .Diam span:nth-child(2) {
    Transform: scaleX(0);
  }
  
  .Diam span:nth-child(3) {
    transform: rotate(-45deg) translate(1px, 0);
  }
.myfluid{
    max-width: 1300px !important;
}
.myfluid2{
    max-width: 1300px !important;
}
@media(min-width:1440px){
  .myfluid2{
      max-width: 1400px !important;
  }
  .myfluid{
    max-width: 1400px !important;
}
  }
  @media(min-width:1600px){
    .myfluid2{
        max-width: 1500px !important;
    }
    .myfluid{
        max-width: 1500px !important;
    }
    }
  
  @media(min-width:1700px){
    .myfluid2{
        max-width: 1600px !important;
    }
    .myfluid{
        max-width: 1600px !important;
    }
    }
  
  @media(min-width:1800px){
    .myfluid2{
        max-width: 1700px !important;
    }
    .myfluid{
        max-width: 1700px !important;
    }
    }
  
  @media(min-width:1900px){
    .myfluid2{
        max-width: 1800px !important;
    }
    .myfluid{
        max-width: 1800px !important;
    }
    }
  @media(min-width:2000px){
    .myfluid2{
        max-width: 1900px !important;
    }
    .myfluid{
        max-width: 1900px !important;
    }
    }
/* sliders */
/* 
#banner .swiper {
    width: 100%;
    height: 100vh;
    margin-top: -100px;
  }


#banner .swiper-slide {
    text-align: center;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
     }

#banner .swiper-slide img {

    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: contrast(0.7);
  }
  #banner .swiper-slide7 {
    width: 100px;
    height: 100px;
    z-index:50;
background: rgb(46,46,46);
/* background: linear-gradient(45deg, rgba(46,46,46,0.577468487394958) 0%, rgba(196,196,196,0.3757878151260504) 29%, rgba(255,255,255,0.6587009803921569) 49%, rgba(185,185,185,0.227328431372549) 66%, rgba(46,46,46,0.6502976190476191) 100%);  
  }
#banner .swiper-slide .center-catchy{
    font-size: 30px;
  }
  @media (max-width:700px) {
    .bty-mybox{

    font-size: 25px;
    padding-right: 5%;
    padding-left: 5%;
    }
  }
#banner .autoplay-progress {
    position: absolute;
    right: auto;
    left:16px;
    bottom: 16px;
    z-index: 10;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    color:  #f67A21;
  }

#banner .autoplay-progress svg {
    --progress: 0;
    position: absolute;
    right: 0;
    top: 0px;
    z-index: 10;
    width: 100%;
    height: 100%;
    stroke-width: 4px;
    stroke:  #0c076b ;
    fill: none;
    stroke-dashoffset: calc(125.6px * (1 - var(--progress)));
    stroke-dasharray: 125.6;
    transform: rotate(-90deg);
  }
#banner .swiper-pagination-bullet{
    width: 20px !important;
    height: 20px !important;
  }
#banner .swiper-pagination-bullet-active{
    background-color: #0c076b ;
  }
#banner .myplayicon{
font-size: 30px;

  }



.addresscontainer{
    height:100px;
background-color: #f1934f;
  }
  
.myicon{
    font-size: 20px;
}
#contactus{
background: rgb(240, 189, 122);
background: linear-gradient(180deg, rgb(240, 189, 122) 0%, rgba(241,208,122,0) 100%);
padding-top: 30px;
}

#contactus .row .col-xl-6{
    position: relative;
   color:#0c076b;
    height:500px;
 
}
.img-about{
    width:40%;
    height:300px;
    object-fit: cover;
    z-index:1;
    top:140px;
    left:100px;
    position: absolute;
    border: 5px solid #f67A21;
    border-radius: 12px;
}
.img-about2{
    width:40%;
    height:300px;
    object-fit: cover;
    position: absolute;
    left:250px;
    top:70px;
    z-index:-1;
    border-radius: 12px;
    border: 5px solid #f1c76e;
}
.img-about3{
    width:40%;
    height:300px;
    object-fit: cover;
    position: absolute;
    right:100px;
    bottom:100px;
    z-index:-2;
    border-radius: 12px;
    border: 5px solid #f6e121;
}
.img-about:hover,
.img-about2:hover,
.img-about3:hover {
    z-index: 2;
}

.aboutushead{
    font-size: 50px;
    font-weight: bolder;
    color:#0c076b;
}


#contactus .promotion-header {
    height:100%;
  
   
  }
  #contactus .promotion-header .header-text {
    padding: 50px 0;
  }
  #contactus .promotion-header .header-text h1 {
    flex: unset;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
    font-size: 2rem;
    margin-bottom: 20px;
    position: relative;
    padding: 20px;
  }
  #contactus .promotion-header .header-text h1 .artifacts .artifact-left {
    background: rgb(240, 189, 122) !important;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 50%;
  }
  #contactus .promotion-header .header-text h1 .artifacts .artifact-left:after {
    content: "";
    background:rgb(240, 189, 122) !important;
    width: 5px;
    display: block;
    height: 100%;
    position: absolute;
    left: 100%;
  }
  #contactus .promotion-header .header-text h1 .artifacts .artifact-right {
    background:  rgb(240, 189, 122) !important;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0%;
    width: 50%;
  }
  #contactus .promotion-header .header-text h1 .artifacts .artifact-right:after {
    content: "";
    background: rgb(240, 189, 122) !important;
    width: 5px;
    display: block;
    height: 100%;
    position: absolute;
    right: 100%;
  }


    
  #ourspcials {

    background: rgb(240, 189, 122);
    background: linear-gradient(0deg, rgb(240, 189, 122) 0%, rgba(241,208,122,0) 100%);  
}
  #ourspcials .swiper {
    width: 100%;
    height: 100%;
  }

  #ourspcials  .swiper-slide {
    background: #ffffff;
    display: flex;
    position: relative;
  
  }
  .menu-nav{
    width:120px;
    height: 70px;
  
    margin-left:auto;
}
.mySwiper7 .swiper-pagination-bullet-active {
opacity: var(--swiper-pagination-bullet-opacity, 1);
background: #f5680a !important;
}
.menu-nav .swiper-button-next,.menu-nav .swiper-button-prev {

width: 50px !important;
height: 50px !important;
border-radius: 50%;
opacity: 1 !important;
/* box-shadow: 0px 5px 10px rgba(90, 116, 148, 0.3); 
}
.menu-nav .swiper-button-prev {
left:0;
bottom:0;
}
.menu-nav .swiper-button-next{
right:0;
bottom: 0;
}
.menu-nav .swiper-button-next:after,.menu-nav .swiper-button-prev:after {
font-size: 20px !important;
color:#f5680a;
opacity: 1 !important;
}
.product-card{
border-radius: 12px;
padding: 10px;
border: none;
box-shadow: 0px 5px 10px rgba(90, 116, 148, 0.3); 

}
.product-card-img{
border-radius: 12px;
height: 300px;
z-index:-1;
object-fit:cover;
transition: transform 0.3s ease;
}
.product-card:hover .product-card-img{
  transform: scale(1.05); /* Scale up on hover 

}

.product-img-container{
position: relative;
height: 200px;
overflow: hidden;
border-radius: 12px;
width: 100% !important;
}
.product-card-content{

border-radius: 0 0 12px 12px;
padding-top:10px;
width: 100%;
top:160px;
/* text-align: center; 
z-index:2;


}
.quick-search-box{
  cursor: pointer;
}
.product-card-content2{

border-radius: 0 0 12px 12px;
padding-top:4px;

 text-align: right;


}
.product-card-tittle{
font-size: 16px;
font-weight:bold;
padding-top:5px;
width:50%;
/* text-align: center; 
font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
color:#0c076b;
}
#ourspcials .addtocart{
    bottom:95px;
    right:15px;
    display: none;
}
@media (max-width:640px) {
    #ourspcials .addtocart{
        bottom:95px;
        right:3px;
    } 
    .product-card-tittle{
       width:50%;
        }
}
.price {
  font-size: 18px;
  color: #f5680a;
  font-weight: 600;
  line-height: 1.3;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease; }
 .rating-badge {
    display: inline-flex;
    align-items: center;
    background-color: #e63946; /* Badge background color 
    color: white;
    padding: 5px 10px;
    border-radius: 15px; /* Rounded corners 
    position: absolute;
    top: 10px;
    right: 10px;
}
.star-icon {
    margin-right: 2px;
    color: rgb(245, 212, 29);
}
#ourspcials .menu-nav .swiper-button-next {
    right: 0;
}
#ourspcials .menu-nav .swiper-button-next, .menu-nav .swiper-button-prev {
    width: 50px !important;
    height: 50px !important;
    border-radius: 50%;
    box-shadow: 0px 5px 10px rgba(90, 116, 148, 0.3);
}
  
  #ourspcials .product-card-img {
    border-radius: 12px;
    z-index: -1;
    object-fit: cover;
    width:100%;
    transition: transform 0.3s ease;
} 
  #ourspcials .product-card {
    border-radius: 12px;
    padding: 10px;
    border: none;
    /* box-shadow: 0px 5px 10px rgba(90, 116, 148, 0.3); 
}
#ourspcials .product-img-container {
    position: relative;
    height: 400px;
    overflow: hidden;
    border-radius: 12px;
}


#ourspcials .promotion-header {
    height:100%;
  
   
  }
  #ourspcials .promotion-header .header-text {
    padding: 50px 0;
  }
  #ourspcials .promotion-header .header-text h1 {
    flex: unset;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
    font-size: 2rem;
    margin-bottom: 20px;
    position: relative;
    padding: 20px;
  }
  #ourspcials .promotion-header .header-text h1 .artifacts .artifact-left {
    background: rgb(240, 189, 122) !important;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 50%;
  }
  #ourspcials .promotion-header .header-text h1 .artifacts .artifact-left:after {
    content: "";
    background:rgb(240, 189, 122) !important;
    width: 5px;
    display: block;
    height: 100%;
    position: absolute;
    left: 100%;
  }
  #ourspcials .promotion-header .header-text h1 .artifacts .artifact-right {
    background:  rgb(240, 189, 122) !important;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0%;
    width: 50%;
  }
  #ourspcials .promotion-header .header-text h1 .artifacts .artifact-right:after {
    content: "";
    background: rgb(240, 189, 122) !important;
    width: 5px;
    display: block;
    height: 100%;
    position: absolute;
    right: 100%;
  }


.order-tmt-section {
    padding-top:100px;
    padding-bottom:100px;
}
.order-tmt-section .top-svg-border path,
.order-tmt-section .top-svg-border polygon {
  fill: #9b9a9a;
}
.order-tmt-section .bottom-svg-border path,
.order-tmt-section .bottom-svg-border polygon {
  fill: #000;
}

.order-tmt-section {
  background-color: #000;
      background-image: url('../img/img/background5.jpeg');
      background-size: cover;
      background-repeat: no-repeat;
  }
.order-tmt-section h1 {
  color: #fff;
}
.order-tmt-section h2 {
  color: #fff;
}
.order-tmt-section p {
  color: #fff;
}
.section-header{
    color:white;
   
    text-align: center;
}
.custom-temp-btn1 {
    background-color: #BF4A43;
    background: #BF4A43;
    border: 2px solid #BF4A43;
    color: #fff !important;
    text-decoration: none;
    padding: 5px;
    margin-left: auto !important;
    margin-right: auto !important;
    
}


.img-fluid2{
    width:100%;
    height:200px;
    object-fit: cover;
}
.img-fluid3{
    
    height:100%;
    object-fit: cover;
}

.creative-testimonial--slider {
    background: #f9f6f3;
    padding: 90px 10px;
    position: relative;
}

.testimonial-left--thumb img,
.testimonial-right--thumb img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    margin-top: 7%;
}

.testimonial-left--thumb {
    position: absolute;
    display: inline-block;
    left: 50px;
}

.testimonial-right--thumb {
    position: absolute;
    display: inline-block;
    right: 50px;
    top: 0px;
}
.creative-testimonial--slider .slider-row {
    max-width: 700px;
    margin: auto;
}
.slider-row .swiper {
    width: 80%;
    max-width: 650px;
    margin: 0 auto;
}

.slider-row .swiper-slide {
    text-align: center;
}

.testimonial-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.testimonial-wrap--inner {
    text-align: center;
}

.quote-icon {
    margin-bottom: 30px;
    border-radius: 50%;
}

.testimonial-heading {
    line-height: 42px;
    color: #333;
    margin-bottom: 35px;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 500;
    font-family: "Bebas Neue", sans-serif;
    margin-top: 0px;
}

.testimonial-user {
    font-size: 20px;
    font-weight: 500;
    color:#d39121;
}

.slider-custom-image-pagination .swiper-pagination-bullet {
    width: 100px;
    height: 100px;
    background-size: cover;
    margin: 0 15px !important;
    transition: .3s;
    filter: grayscale(1);
    border-radius: 50%;
    opacity: 1;
}

.slider-custom-image-pagination .swiper-pagination-bullet-active {
    filter: grayscale(0);
    transform: scale(1.2);
    opacity: 1;
}

.swiper-button-next,
.swiper-button-prev {
    color: #fff;
}

.creative-testimonial--slider .slider-row .swiper-pagination {
    margin-top: 35px;
    position: relative;
}

.creative-testimonial--slider .slider-row .swiper-pagination{
    bottom: 0;
}
/* ================= RESPONSIVE IPAD PRO ====================== 
@media only screen and (max-width: 1024px) {
 .testimonial-left--thumb, .testimonial-right--thumb{
    display:none;
 }
}

/* ================= RESPONSIVE IPHONE ====================== 
@media only screen and (max-width: 480px) {
  .slider-row .swiper {
    width: 100%;
    max-width: 100%;
  }
 .slider-custom-image-pagination .swiper-pagination-bullet {
    width: 70px;
    height: 70px;
}
.testimonial-heading{
        margin-bottom: 15px;
    font-size: 18px;
        line-height: 34px;
}
.creative-testimonial--slider .slider-row .swiper-pagination {
    margin-top: 15px;
}
}



#contact{
    background: rgb(240, 189, 122);
background: linear-gradient(180deg, rgb(240, 189, 122) 0%, rgba(241,208,122,0) 100%);
color: #0c076b;

}
#contact .row .content-left {
    background: url('../img/food-background.jpeg');
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height:100%;
    position: relative;
}

#contact .row .content-left:before {
    content: '';
    width: 100%; 
    height: 100%; 
    background-color: rgba(245, 239, 206, 0.637);
    position: absolute;
 
    top: 0;
    z-index: 1;
}

#contact .row>*{
    padding-left: 0;
    padding-right: 0;
}

#contact .row .content-left .promotion-header .content-news{
padding-left:90px;
padding-right: 90px;
font-weight: 700;
}
 #contact .row .content-left .promotion-header {
    height:100%;
    left: auto;
    right: auto; 
    position: relative;
    z-index: 4;
  }
  #contact .row .content-left .promotion-header .header-text {
    padding: 50px 0;
  }
  #contact .row .content-left .promotion-header .header-text h1 {
    flex: unset;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
    font-size: 2rem;
    margin-bottom: 20px;
    position: relative;
    padding: 20px;
  }
  #contact .row .content-left .promotion-header .header-text h1 .artifacts .artifact-left {
    background: rgb(240, 189, 122) !important;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 50%;
  }
  #contact .row .content-left .promotion-header .header-text h1 .artifacts .artifact-left:after {
    content: "";
    background:rgb(240, 189, 122) !important;
    width: 5px;
    display: block;
    height: 100%;
    position: absolute;
    left: 100%;
  }
  #contact .row .content-left .promotion-header .header-text h1 .artifacts .artifact-right {
    background:  rgb(240, 189, 122) !important;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0%;
    width: 50%;
  }
  #contact .row .content-left .promotion-header .header-text h1 .artifacts .artifact-right:after {
    content: "";
    background: rgb(240, 189, 122) !important;
    width: 5px;
    display: block;
    height: 100%;
    position: absolute;
    right: 100%;
  }
  .mysubscribe{
    margin-left: auto;
    margin-right: auto;
  }
  .mysubscribe input{
    background-color: transparent;
    border: none;
    border-bottom: 3px solid #BF4A43;
  }
  .mysubscribe input:focus{
    background-color: transparent;
    border: none;
    border-bottom: 3px solid #BF4A43;
    outline: none; /* Remove the outline 
  }
  .mysubscribe input::placeholder {
    color: rgb(253, 253, 253);
    font-size: 20px;
  } */

/* overall classes for contact */
.yiconcontact{
  font-size: 40px;
}
.yh3contact{
  font-size: 30px;
  font-weight: 700;
}
.ypcontact{
  font-size: 14px;
  font-weight: 500;
}
.yacontact{
color: black;
font-size: 14px;
}
    /* banner  */
  #banner .order-tmt-section .top-svg-border path,
  #banner .order-tmt-section .top-svg-border polygon {
    fill: #9b9a9a;
  }
  #banner .order-tmt-section .bottom-svg-border path,
  #banner .order-tmt-section .bottom-svg-border polygon {
    fill: #000;
  }
  
  #banner .order-tmt-section {
    background-color: #000;
        background-image: url('../img/hero.jpg');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
    #banner .order-tmt-section h1 {
    color: #fff;
  }
  #banner .order-tmt-section h2 {
    color: #fff;
  }
  #banner .order-tmt-section p {
    color: #fff;
  }
  #banner  .bty-mybox {
      position: static;
      text-align: left;
      padding-left: 3%;
      width: 100%;
      padding-top: 10%;
      padding-bottom: 10%;
      background: #00000069;
      height:100%;
  }
  #order .bty-my{
    background-color: #ffd600;
    color: #000;
    font-weight: 600;
  
  }
 #banner .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
  }


 #banner .swiper {
    margin-left: auto;
    margin-right: auto;
  }
#banner .bty-my{
    background-color:#ffd600;
    color: #000;
    font-weight: 600;

}
.ybannercatchy{
  color:#ffffff !important;
  font-size:55px !important;
}  
.ybannerp{
  color: #ffffffc2;
  font-size:17px
}  
/* homeaway */
.yhomeawaycatchy{
 
  font-size:45px !important;
}  

.yhomeawayp{
  word-spacing: 0.3px;
  text-align: justify;
  font-size: 16px;
}





.img-fluid2{
height:100%;
width: 100%;
object-fit: cover;
}
.pt-10{
    padding-top: 10rem;
}
/* newsleeter contact */
.ycontactnewsh2{
  font-size:45px;
}
.ycontactnewsh6{
  color: #00000094;
}
.ycontactnewsinput\button{
  border-radius: 12px;
  color: #00000094;
}

.ycontactnewsp{
  font-size: 12px;
  color: #00000094;
}

/* cards */
.yimgcards{
  height: 200px;
  width: 100% !important;
  object-fit: cover;
}
.yh6cards{
  font-size:14px ;
}
.yh3cards{
  font-size:30px;
}
.ypcards{
  font-size:15px ;
}
/* placing Order */
.ycatchyorder{
  color:#ffffff !important;
  font-size:45px !important;
}
.yporder{
  color: #ffffffc2;
  font-size:18px;
}


.order-tmt-section .top-svg-border path,
.order-tmt-section .top-svg-border polygon {
  fill: #9b9a9a;
}
.order-tmt-section .bottom-svg-border path,
.order-tmt-section .bottom-svg-border polygon {
  fill: #000;
}

.order-tmt-section {
  background-color: #000;
      background-image: url('../img/ordernow.jpg');
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
  }
.order-tmt-section h1 {
  color: #fff;
}
.order-tmt-section h2 {
  color: #fff;
}
.order-tmt-section p {
  color: #fff;
}
#order  .bty-mybox {
    position: static;
    text-align: left;
    padding-left: 3%;
    width: 100%;
    padding-top: 10%;
    padding-bottom: 10%;
    background: #00000069;
    height:100%;
}
#order .bty-my{
  background-color: #ffd600;
  color: #000;
  font-weight: 600;

}
/* contact */
#contact .bty-my{
  background-color: #ffd600;
  color: #000;
  font-weight: 500;
  font-size: 15px !important;

}
#contact  .bty-mybox {
  position: static;
  text-align: left;
  padding-left: 3%;
  width: 100%;
  height:100%;
}

/* footer */

/* footer */
#footer .footer {
  background-color: var(--first-color);
}

#footer .footer__container {
  padding-block: 2rem 2rem;
  text-align: center;
  row-gap: 2rem;
}

#footer .footer__content {
  row-gap: 2rem;
}

#footer .footer__content a,
#footer .footer__copy {
  color: var(--white-color);
  text-decoration: none;
  font-weight: 700;
}

#footer .footer__logo {
  font-size: var(--h1-font-size);
  font-weight: var(--font-semi-bold);
  justify-self: center;
}

#footer .footer__links,
#footer .footer__social {
  display: flex;
  justify-content: center;
}

#footer .footer__links {
  flex-wrap: wrap;
  gap: 2rem;
}

#footer .footer__link {
  font-weight: var(--font-semi-bold);
}

#footer .footer__logo:hover,
#footer .footer__link:hover {
  text-decoration: underline;
}

#footer .footer__social {
  column-gap: 1rem;
}

#footer .footer__social-link {
  font-size: 1.5rem;
  transition: transform 0.4s;
}

#footer .footer__social-link:hover {
  transform: translateY(-0.25rem);
}

#footer .footer__copy {
  font-size: var(--small-font-size);
  font-weight: var(--font-medium);
}

/*=============== MEDIA QUERIES ===============*/
/* For small devices */
@media screen and (max-width: 320px) {
  #footer .container {
    margin-inline: 1rem;
  }
}

/* For large devices */
@media screen and (min-width: 1150px) {
   #footer .container {
    margin-inline: auto;
  }
  #footer .footer__container {
    row-gap: 6rem;
    padding-block: 3.5rem;
  }
  #footer .footer__content {
    grid-template-columns: 0.5fr 2fr 0.5fr;
    align-items: center;
  }
  #footer .footer__logo {
    font-size: var(--h2-font-size);
  }
  #footer .footer__links {
    column-gap: 3rem;
  }
  #footer .footer__social {
    column-gap: 1.5rem;
  }
}
#footer .container {
  max-width: 1300px;

}

#footer .grid {
  display: grid;
  gap: 1.5rem;
}

#footer .section {
  padding-block: 5rem 1rem;
}
#footer .section__title {
  font-size: var(--h1-font-size);
  text-align: center;
  margin-bottom: 2rem;
}

#footer .perfil {
  width: 250px;
  height: 250px;
  background-color: var(--body-color);
  border: 8px solid var(--first-color);
  border-radius: 50%;
  display: grid;
  place-items: center;
  transition: background-color 0.4s;
}

#footer .perfil__content {
  width: 180px;
  height: 180px;
  border: 10px solid var(--first-color);
  border-radius: 50%;
  overflow: hidden;
  justify-content: center;
  align-items: flex-end;
  background: linear-gradient(
    180deg,
    hsl(var(--hue), 90%, 80%),
    hsl(var(--hue), 90%, 30%)
  );
}

#footer .perfil__img {
  width: 160px;
}

#footer .main {
  overflow: hidden;
}
#footer{
  background-color: #ffd600;
}
#footer .nav__actions {
  display: flex;
  align-items: center;
  column-gap: 1rem;
}
#footer h1,
#footer h2,
#footer h3,
#footer h4 {
  color: var(--title-color);
  font-weight: var(--font-semi-bold);
}

#footer ul {
  list-style: none;
}
.fottergapsize{gap: 30px;font-size: 14px;}
/* copyrights */
/* .copyrightscontainer{
    height:80px;
background-color: #f67A21;
  }

 */

/* ----------------About Us--------------------- */

#about2 .bty-my{
  background-color: #ffd600;
  color: #000;
  font-weight: 600;

}




  /* about us page */
  
#contact1 .row .content-left .promotion-header .content-news{
  padding-left:90px;
  padding-right: 90px;
  font-weight: 700;
  }
   #contact1 .row .content-left .promotion-header {
      height:100%;
      left: auto;
      right: auto; 
      position: relative;
      z-index: 4;
    }
    #contact1 .row .content-left .promotion-header .header-text {
      padding: 50px 0;
    }
    #contact1 .row .content-left .promotion-header .header-text h1 {
      flex: unset;
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
      margin: 0 auto;
      font-size: 2rem;
      margin-bottom: 20px;
      position: relative;
      padding: 20px;
    }
    #contact1 .row .content-left .promotion-header .header-text h1 .artifacts .artifact-left {
      background: rgb(240, 189, 122) !important;
      display: block;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      width: 50%;
    }
    #contact1 .row .content-left .promotion-header .header-text h1 .artifacts .artifact-left:after {
      content: "";
      background:rgb(240, 189, 122) !important;
      width: 5px;
      display: block;
      height: 100%;
      position: absolute;
      left: 100%;
    }
    #contact1 .row .content-left .promotion-header .header-text h1 .artifacts .artifact-right {
      background:  rgb(240, 189, 122) !important;
      display: block;
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0%;
      width: 50%;
    }
    #contact1 .row .content-left .promotion-header .header-text h1 .artifacts .artifact-right:after {
      content: "";
      background: rgb(240, 189, 122) !important;
      width: 5px;
      display: block;
      height: 100%;
      position: absolute;
      right: 100%;
    }
/* about2 */
.yabout2p1{font-weight:600;}
.yabout2p2{font-size: 18px; word-spacing:2px;}
.yabout2img{width: 100%;}
.yabout2h2{font-size: 45px;font-weight: 700;}
    /* about3 */
.yabout3h1{font-size:33px;font-weight: 700;}
.yabout3p2{font-size: 16px;}
.yabout3p{font-size: 16px;}

.yabout3h5{font-weight: 700;}

.yabout3i{font-size: 40px; font-weight: 800;margin-bottom: 2rem;}


/* catering page */
#contact-form .form-container {
  max-width: 800px;
  margin: 10px auto;
  background: transparent;
  padding-top: 100px;
  padding-bottom: 100px;
  border-radius: 8px;

}
#contact-form .form-title {
  text-align: center;
  font-size: 40px;
  margin-bottom: 20px;
  margin-top: 20px;
  font-weight: 700;
}
#contact-form  .bty-my {
  background-color: #ffd600;
  color: #000;
  font-weight: 600;
 
}
#contact-form .form-control, #contact-form select{
  height: 50px;
}
#contact-form textarea{
  height: 200px !important;
}