html{
scroll-behavior:smooth;
}
/* header */
.img-fluid {
    max-width: 100%;
    height: 70px;
}
/* .ng img{
    height: 60px !important;
}
/* .logo{ */
    /* height: 80px !important; */ 
.bg-body-tertiary {
    --bs-bg-opacity: 1;
    background-color: #ffe8ee !important;
}
.img-fluid {
    max-width: 100%;
    height: 60px;
    justify-content: center;
    align-items: center;
    display: flex;
    
    /* padding-left: 60px; */
} 
.lo {
    font-size: 20px !important;
}
.navbar-nav{
    margin: auto;
}
.nav-link {
    display: block;
    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
    font-size: 20px;
    font-weight: var(--bs-nav-link-font-weight);
    color: rgb(3, 3, 3) !important;
    text-decoration: none;
    background: 0 0;
    border: 0;
    font-size: 20px;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
}
/* end header */
/* menu */
.menuba{
    background-color: #ffe8ee;
}
.menub{
    background-color: #ffe8ee;
    
}
.menuhd{
    justify-content: center;
    align-items: center;
    font-family: po;
}
.menuhd h2{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px 10px 5px 10px ;
    color: red;
    position: relative;
    font-family: po;
}
.menuhd p{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px 10px 20px 10px;
    font-size: 20px;
    position: relative;
}
.container-fluid{
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.container-fluid .card{
     background-color:#ffe8ee;
     padding: 1px 2px;
      justify-content: center;
     align-items: center;
}
.container-fluid .card p{
     background-color:#ffe8ee;
     font-family: "Sofia";
     font-size: 20px;
    
}
.menup{
    padding: 10px 20px 40px 20px;
    justify-content: space-evenly;
    align-items: center;
}
/* menu2 */
.starmenu{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: end;
    padding: 20px 30px 1px 30px;
    font-family: po;
    font-size: 42px;
    color: red;
    gap: 20px;
    
}
.starmenu2{
    display: flex;
    flex-wrap: wrap;
    justify-content: center !important;
    align-items: center;
    font-size: 20px;
    color: darkslategrey;
}
.star{
    padding: 20px 1px 10px 1px;
}
.star img:hover{
    transition: transform 0.5s;
    transform: scale(1.1);
}
.star img{
    padding-bottom: 15px;
}

/* menu2 end */
/* menu end */
/* offer images */
.offer{
    padding: 80px 100px;

}
/* end offer images */
/* footer */
.foot{
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    display: flex;
    width: 100%;
    background-image: url(https://bkassets.bakingo.com/bakingo-ssr/static/media/footer-background.0f80c8bb.svg);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 40px;
    padding-bottom: 40px;
    cursor: default;
    flex-wrap: wrap;
}
.foot img {
    width: 400px;
    margin-left: 80px;
    padding-bottom: 20px;
}
.footinfo{
    list-style-type: none;
    padding: 10px;
}
.footinfo li{
    font-size: 16px;
}
.sct i{
    padding-top: 10px;
    font-size: 40px;
    color: black !important;
    /* transition: 0.5s; */
}
.sct i:hover{
    padding-top: 10px;
    font-size: 40px;
    color:red !important;

}
.foot p{
    display: flex;
    justify-content: center;
    font-style: italic;
}
.foot img{
    width: 400px;
}
.footin h3{
    padding-bottom: 20px;
    font-family: po;
}
.footin li{
    line-height: 30px;
}
.footic li{
line-height: 30px;
}
.footic h3{
    font-family: po;
}
/* end footer */
/* image and text */
.text{
    padding: 10px 40px;
    margin: auto;
}
.text h3{
    display: flex;
    padding-bottom: 20px;
    font-family: po;
    color: red;
    justify-content: center;
    padding-right: 30px;
}
/* end of image and text */
/*  ice start */
.ic{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px 1px;
    font-family: po;

}
.ici{
    padding-bottom: 60px;
}
.ici img{
    border-radius: 10px;
}
/* end start */
/* FAQ */
.bo{
    display: flex;
    font-family: po;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    font-size: 40px;
    padding-left: 20px;
    
}
.custom-accordion-btn {
  background-color: #ffe8ee;
  color: #000;
}
/* end FAQ */
.accordion-button{
    font-size: 20px !important;
}
/* form section */
.Fo{
    padding-bottom: 40px;
    padding-top: 40PX;
}
.bo{
font-family: Arial;
margin:0;
background:#f5f5f5;
/* padding-bottom: 40px; */
}

.contact-section{
display:flex;
width:100%;
max-width:1200px;
margin:auto;
background:white;
box-shadow:0 0 10px rgba(0,0,0,0.1);
}

/* MAP */

.map{
flex:1;
}

.map iframe{
width:100%;
height:100%;
border:0;
}

/* CONTACT INFO */

.contact-info{
flex:1;
padding:40px;
background:#f2f2f2;
}

.contact-info h2{
margin-bottom:20px;
}

.contact-info p{
margin:10px 0;
font-size:15px;
}

/* FORM */

.contact-form{
flex:1;
padding:40px;
}

.contact-form h2{
margin-bottom:20px;
}

input, textarea{
width:100%;
padding:12px;
margin-bottom:15px;
border:1px solid #ddd;
border-radius:5px;
font-size:14px;
}

.go{
width:100%;
padding:12px;
background:#f80202;
border:none;
color:rgb(255, 255, 255);
font-size:16px;
border-radius:5px;
cursor:pointer;
}

.go:hover{
background:#4ada08;
}




.contact-section{
display:grid;
grid-template-columns: repeat(3, 1fr);
gap:30px;
max-width:1200px;
margin:auto;
padding:40px 20px;
}

.map iframe{
width:100%;
height:100%;
min-height:350px;
border:0;
}

.contact-info{
background:#f5f5f5;
padding:30px;
}

.contact-form{
padding:30px;
background:#ffffff;
box-shadow:0 5px 15px rgba(0,0,0,0.08);
}

.contact-form input,
.contact-form textarea{
width:100%;
padding:12px;
margin-bottom:15px;
border:1px solid #ddd;
border-radius:6px;
}

.go{
background:#ff2d6f;
color:white;
border:none;
padding:12px;
width:100%;
cursor:pointer;
border-radius:6px;
}

/* Tablet */

@media (max-width: 992px){

.contact-section{
grid-template-columns: repeat(2,1fr);
}

.map{
grid-column: span 2;
}

}

/* Mobile */

@media (max-width: 600px){

.contact-section{
grid-template-columns: 1fr;
}

.map{
grid-column: span 1;
}

}
/* end form section */
.sos{
    position: relative !important;
    overflow: hidden;
}
.ho{ 
    background: rgba(255,255,255,0.2);
  backdrop-filter: blur(10px);
    position: absolute !important;
    bottom: -100%;
    left: 0%;
    width: 100%;
    height: 100%;
    transition: 0.5s;

}
.sos:hover .ho{
    bottom: 0%;

}
.ho{
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: po;
    color: #241717;
}
.numb{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
}
.numb h6{
color: #000;
}
.numb h6:hover{
color: #db3545;
}



.whatsapp-float {
    position: fixed;
    left: 25px;
    bottom: 25px;
    z-index: 9999;
    background: #25D366;
    padding: 12px;
    border-radius: 50%;
    box-shadow: 0 4px 12px rgb(255, 247, 247);
    transition: transform 0.3s ease;
}

.whatsapp-float img {
    width: 28px;
    height: 28px;
    display: block;
}

/* Hover Effect */
.whatsapp-float:hover {
    transform: scale(1.1);
}

/* Responsive */
@media (max-width: 768px) {
    .whatsapp-float {
        left: 20px;
        bottom: 20px;
        padding: 10px;
    }

    .whatsapp-float img {
        width: 24px;
        height: 24px;
    }
}


.call-float {
    position: fixed;
    right: 25px;
    bottom: 25px;
    z-index: 9999;
    background: #db3545;;
    padding: 12px;
    border-radius: 50%;
    box-shadow: 0 4px 12px rgb(255, 255, 255);
    transition: transform 0.3s ease;
}

.call-float img {
    width: 28px;
    height: 28px;
    display: white;
}
.call-float img:hover{
    color:#db3545; ;
} 

/* Hover Effect */
.call-float:hover {
    transform: scale(1.1);
  
}

/* Responsive */
@media (max-width: 768px) {
    .call-float {
        right: 20px;
        bottom: 20px;
        padding: 10px;
    }

    .call-float img {
        width: 24px;
        height: 24px;
    }
}