*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "PublicSans-Regular", sans-serif;
}

body
{
    font-family: "PublicSans-Regular", sans-serif;
  
}

.addon-custom-model-inner .pop-up-content-wrap{
    overflow: scroll;
    height: fit-content; 
}
button{
    cursor: pointer;
}

@import url('https://fonts.googleapis.com/css2?family=Courgette&display=swap');

::placeholder {
    color: black;
    filter: grayscale(100%);
}

.navbar{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 10px;  
     background-color: black;
   
}

.navbar2{
     background-color: black;
    
    
}

.bottom-navbar2{
    background-color: black;
  
    display: flex;
    justify-content: space-between;
    padding-bottom: 0.2vw;
    
}



.navbarul{
    display: flex;
    justify-content: space-between;
   
    margin: 5px 5px 0px 5px;
}

.navbarul li{
    margin: 15px 15px 0px 15px;
    list-style-type: none;
    font-size: 1.5vw;
}


.mnumber{
    text-align: right;
    margin-right: 10px;
    font-size: 1vw;
}
 

.admin-name-text-l{
    font-size: 1vw;
    text-align: center;
    
}

.imglogo img{
    width: 200px !important;
}

.navbar-search{
    width: 30vw;
    font-size: 1vw;
    position: relative;

}

.navbar-search input{
    width: 100%;
    outline: none;
    padding: 0.5vw;
    border: none;
    outline: none;
}

.navbar-search-btn{
    position: absolute;
    right: 2%;
    top: 50%;
    transform: translateY(-50%);

}

.navbar-search-btn button{
    border: 0px;
    outline: 0px;
    background-color: transparent;
    font-size: 1.2vw;
    color: gray;
}


.navbar-search2{
    width: 30vw;
    font-size: 1vw;
    position: relative;

}


.navbar-search2 input{
    width: 100%;
    outline: none;
    padding: 0.5vw;
    border: none;
  
}

.navbar-search-btn{
    position: absolute;
    right: 2%;
    top: 50%;
    transform: translateY(-50%);

}

.navbar-search-btn button{
    border: 0px;
    outline: 0px;
    background-color: transparent;
    font-size: 1.2vw;
    color: gray;
}

.navbar-search2{
          display: none;
      }
      
    
      .navbar-search{
          display: block;
      }
     


.imgwidth{
    width: 100% !important;
    position: relative;
    background-color: #F6F6F6;

}

.delivery{
    position:absolute;
    bottom: 5%;
    left: 49%;
    transform: translateX(-50%);
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    line-height: 0px;
    background-color: rgba(0, 0, 0, 0.649);
    font-weight: bold;
    color: white;
    padding: 5px;
    width: 60% !important;
    border-radius: 10px;
}
.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 40px !important;
    user-select: none;
    font-size: 20px !important;
    font-weight: normal !important;
    color: #000 !important;
}

.delivery div{
    margin: 5px;
    font-size: 20px;
    line-height: 26px;
}
.imageres{
    margin-bottom: 5px;
    overflow: scroll;
    scrollbar-width: thin;
    scrollbar-color: transparent transparent;
    display: flex;
    justify-content: space-around;
    flex-wrap: nowrap;
    background: #f9f9f9;
    margin: 0px !important;
    padding: 5px 0px 10px 5px;
}

a{
    text-decoration: none !important;
}

.imageres::-webkit-scrollbar {
    display: none;
}

.imageres span{
    display: block;
    color: #075351;
    text-align: center;
    font-weight: bold;
    transition:  5s all;
    font-size: 1vw;

}

.imageres div a div{
    width: 11vw;
    height: 10vw;
     margin: 0.3vw 0.93vw;
}
.imageres div a div img{
    width: 100%;
    height:100%;
    transition:  2s all;
}

.imgwidth2{
    position: relative;
    margin-bottom: 10px;
    background-color: #fff;
    flex-wrap: wrap;
    padding: 30px 50px;
}


.imgwidth2 div img{
    width: 30.9vw;
}

.imgwidth2 div{
    position: relative;
}


.imgwidth2 span{
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0%;
    width: 100%;
    transform: translate(-50%);
    color: white;
    text-align: center;
    font-weight: bold;
    background-color: rgb(0 0 0 / 92%) !important;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 10px;
    transition: 1s all;
}

.imgwidth2 div:hover span{
    padding: 20px;
}




.bestsell{
    text-align: center;
    font-size: 2vw;
    font-family: 'Courgette', cursive;
    background-color: #EAEFF3;
}



.imgwidth3{
    margin-bottom: 10px;
    margin-top: 15px;
    position: relative;
    font-size: 1vw;
    background: #fff;
    padding: 0 50px !important;
}

.imgwidth3 .custom a{
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100%;
      width: 100%;
      overflow:hidden;
}

.imgwidth3 span{
    padding: 15px;
    margin: 0px 0px 20px 0px;
    background-color: white;
    border-radius: 12px;
    padding-bottom: 1vw;
}
.imgwidth3 span:hover, .allcakes7 .product-card:hover{
    border: 0px;
    box-shadow: rgb(118 118 118 / 43%) 0px 4px 3px;
}
.imgwidth3 span, .allcakes7 .product-card{
    border: 0px;
    box-shadow: rgb(118 118 118 / 36%) 0px 2px 3px;
}


.allcakes7 a{
    padding: 8px;
    margin: 0px 0vw;
    background-color: white;
    border-radius: 12px;
    padding-bottom: 1vw;
    
}
.allcakes7 .product-card{
    padding: 20px;
    margin-bottom: 1rem!important;
}
.allcakes7 a:hover{
    border: 0px;
    /*box-shadow: 0 0 10px #ddd;*/
}
@keyframes categorydiv {
    0%{
        width: 100%
    }
    25%{
        width: 90%
    }
    50%{
        width: 95%;
    }
    75%{
        width: 90%
    }
    100%{
        width: 100%
    }
    
}

.imgwidth3 span .clred{
   font-size: 36px;
   line-height: 28px;
}
.allcakes7 .allcakes7-text, .allcakes7 .allcakes7-rates, .allcakes7 .d-flex{
    font-size: 14px;
}
.allcakes7-rates{
    line-height: 25px;
}
.imgwidth3 span div i:first-of-type{
    padding: 0 5px;
}

.imgwidth3 img{
    width: 21vw; 
    transition: transform 0.1s ease-in-out;
    border-radius: 7px;
  
}

.leftbtn{
    position: absolute;
    left: 3%;
    bottom: 50%;
    transform: translateX(-50%);
    cursor: pointer;
}

.leftbtn img{
    width: 3vw;
}


.rightbtn{
    position: absolute;
    right: 0%;
    bottom: 50%;
    transform: translateX(-50%);
    cursor: pointer;
}

.rightbtn img{
    width: 3vw;
}

.clred{
    color: red;
}

.clgray{
    color: gray;
    padding-left: 11px;
    /* font-family: "PublicSans Regular"; */
    font-size: 13px;
    line-height: 16px;
}

.clbg{
    /*background-color: #db3333;*/
    padding-bottom: 25px;
    padding: 0;
    border: none;
}

.bgimg{
    position: relative;
    width: calc(25vw - (30px + 1vw));
    height: calc(25vw - (30px + 1vw));
    overflow: hidden;
    border-radius: 20px;
}
.bgimg img{
    width: 100%;
    height: 100%;
    border-radius: 20px;
}

.bgimg1{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 70%;
    height: 70%;
    background-color: rgb(0 0 0 / 70%);
    border: 2px solid white;
    align-items: center;
    text-align: center;
    display: block;
    justify-content: center;
    font-size: 34px !important;
    color: white;
    font-weight: bolder;
    z-index: 100;
    transform: translate(-50% , -50%);
    border-radius: 100%;
}

.bgimg1 span{
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50% , -50%);
    font-size: 25px !important;
}

.bgi1{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0%;
    top: 0%;
    border-radius: 50px;
}

.bgimgflex{
    display: flex;
    justify-content: start;
    gap:1vw;
}

.bgimg2{
    width: calc(25vw - (30px + 1vw));
    height: calc(25vw - (30px + 1vw));
}

.bgimg2 img{
    width: 100%;
    height: 100%;
    border: 2px solid #fff;
    padding: 2px;
    border-radius: 15px;
    background: #fff;
}

.bgimg3{
    text-align: center;
    font-weight: bold;
    color: #2e2d42;
    font-size: 1.2vw;
    background: #000000c4;
    padding: 10px 0px !important;
    border-radius: 0px 0px 15px 15px !important;
    position: relative;
    top: -12%;
    color: #fff !important;
    font-size: 21px !important;
}

.viewall{
    text-align: center;
    width:100%;
    padding: 0 3vw;
    margin: 1vw 0.5vw;
}

.viewall a{
    text-align: center;
    border: solid 1px red;
    padding: 7px 22px;
    color: red;
    font-size: 16px;
    border-radius:5px;
    display: inline-block;
    transition: transform 0.3s linear;
}
.viewall a:hover {
    transform: scale(1.1); /* Zoom in on hover */
}

.viewall button{
    border: 0px;
    background-color: red;
    color: white;
    border-radius: 3px;
    padding: 2px;
    font-size: 1vw;
}

.custom{
    position: relative;
}

.customizable{
    position: absolute;
    left: -6%;
    bottom: 5%;
}


.customizable2{
    position: absolute;
    left: -5%;
    bottom: 8%;
    background-color: red!important;
    color: white;
    width: 10vw;
    padding: 0.2vw 0.5vw;
    font-size: 1vw;
    z-index: 3 !important;
}

.customizable3{
    position: absolute;
    left: -3%;
    bottom: 2.9%;
    background-color: rgb(151, 24, 24)!important;
    color: white;
    width: 2vw;
    padding: 0.2vw 0.5vw;
    font-size: 1vw;
    rotate: 45deg;
    z-index: -5 !important;
}

.customizable15{
    position: absolute;
    left: -3.2%;
    bottom: 4.4%;
    background-color: rgb(151, 24, 24)!important;
    color: white;
    width: 25px;
    padding: 0.2vw 0.5vw;
    font-size: 1vw;
    rotate: 45deg;
    z-index: -2 !important;
}

.customizable img{
    width: 10vw;
}

.borderblack{
    border: none;
    padding: 1.5vw;
    margin: 1vw 3.2vw;
}


.browsemain{
    padding: 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    background: #f9f9f9;
}
.browse1{
    width: 13vw;
    position: relative;
    margin: 1vw;
    text-decoration: none !important;
    color: black;
}

.browse2{
    padding: 1.8vw 3vw;
    background-color: #EBEBEB;
}

.browse2 img{
    width: 5vw;
}

.browse3{
    width: 100%;
    border-left: 1px solid black !important;
    background-color: white !important;
    display: block;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 10%;
    font-size: 1.5vw;
}

.stor{
    margin-bottom: 13px;
    padding: 0px 57px;
}
.subcategory_card_4{
    display: none;
}

.stories1{
    display: flex;
    justify-content: space-around;
    margin-top: 0px;
    margin-bottom: 0px;
    background: #fff;
    padding: 0px 0px;
}

.stories-box{
    box-shadow: 0px 0px 10px #cacaca;
    width: 97%!important;
    display: flex!important;
    padding: 20px 20px 25px 20px;
    border-radius: 10px;
    margin:1rem 0;
    background: #fff;
}

.storiesimg{
    border-radius: 2vw;
    overflow: hidden;
    margin-top: 2.6vw;
}

.stories-box img{
    height: 10rem;
    margin-right: 1rem;
    border-radius: 10px;
    margin-top: 18px;
}
.storiestxt{
    font-size: 15px;
}
.storiesalign{
    text-align: right;
    margin: 2vw 0px;
}
.storiesalignc{
    text-align: center;
}
.rountbtn{
    display: flex;
    justify-content: center;
    display: none;
}
.clsky{
    background-color: #14A59E !important;
}

.rountbtn span{
    display: block;
    width: 5px;
    background-color: black;
    border-radius: 50%;
    padding: 8px;
    margin: 3px;
}

.fontsyle{
    font-family: 'Courgette', cursive;
}

.rcimg{
    position: relative;
    width: 22vw;
    height: 92%;
    overflow: hidden;
}
.rcimg img{
    width: 22vw;
}

.rcimg1{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80%;
    height: 80%;
    background-color: rgba(0, 0, 0, 0.634);
    border: 2px solid white;
    align-items: center;
    text-align: center;
    display: block;
    justify-content: center;
    font-size: 1.5vw;
    color: white;
    font-weight: bolder;
    z-index: 100;
    transform: translate(-50% , -50%);
}

.rcimg1 span{
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50% , -50%);
}

.rci1{
    background-color: rgba(0, 0, 0, 0.601);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0%;
    top: 0%;
}
.rcimgflex{
    display: flex;
    justify-content: center;
    padding: 0.5vw;
}

.allrc{
    padding: 2%;
    position: relative;
}

.rcimg2{
    width: 20vw!important;
    height: 20vw;
    margin: 0px 1vw;
    position: relative;
    background-color: white;
    
}

.rcimg-res{
    display: block;
    width: 20vw !important;
    height: 20vw !important;
    border: 1px solid #D3D3D3;
    border-radius: 15px;
}

.rcimg2 img{
    width: 100%;
    height: 100%;
    padding: 3px;
    border-radius: 15px;
}

.rcimg3{
    text-align: center;
    font-weight: bold;
    font-size: 1.5vw;
    display: block;
    
}


.textr{
    font-size: 1vw;
    padding: 10px;
}

.textr1{
    font-size: 0.8vw;
}

.textline{
    width: 100%;
    height: 1.2px;
    background-color: gray;
}


.footer{
    color: white;
    background-color: black;
    padding: 5%;
    font-size: 1.2vw;
}


.footer1{
    display: flex;
    justify-content: space-around;
    text-align: center;
}

.footer1 .footerimg{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .footer1 .footerimg a i{
        width: 2vw;
        height: 2vw;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .footer1 .footerimg a .fa-facebook-f{
        background: #3b5998;
    }
    .footer1 .footerimg a .fa-twitter{
        background: #00acee;
    }
    .footer1 .footerimg a .fa-pinterest-p{
        background: #c8232c;
    }
    .footer1 .footerimg a .fa-instagram{
        background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);;
    }


.heightline{
    height: 7vw;
    width: 2px;
    background-color: white;
}

.footerimg img{
    width: 2.5vw;
    margin: 3px;
}

.footerimg2 img{
    width: 4vw;
    margin: 3px;
}


.footer2, .footer3{
    text-align: center;
    margin-top: 3%;
    font-size: 1rem;
}

.emailbtn input{
    padding: 5px;
}

.emailbtn button{
    padding: 6px;
    border: none;
    outline: none;
}

.optionsurl{
    font-size: 0.8vw;
    padding: 11px 40px 0px 40px;
}


.optionsurl a{
    text-decoration: none;
    color: black;
    font-size: 16px;
}

.filter-select{
    display: flex;
    justify-content: start;
    align-items: center;
    margin-left: 2vw;
    gap: 15px;

}



.custom-select {
    font-size: 1rem;
    padding: 0.25rem 0.55rem;
    margin: 15px;
    border: none;
    box-shadow: 0px 1px 5px gray;
    background-color: rgb(243, 242, 242);
    
}

.header-all-cakes{
    font-family: 'Courgette', cursive;
    margin: 20px 2vw;
    font-size: 2vw;
    color: black;
  }

  .header-all-cakes span{
    font-size: 1vw;
  }

  .allcakes{
   
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
    align-items: center;
    margin-left: 2vw;
    font-size: 1.5vw;
  }
  #accordionExample{
      background: #eaeff3;
  }

  .allcakes button{
    border: none;
    outline: none;
    padding: 0.5vw 0.5vw;
    margin: 0.1vw 0.5vw;
    transition: 1s all;
    font-size: 0.9vw;
    background-color: #eaeff3;
    border: solid 1px #e2e2e2;
    /*color: #545454;*/
    color:#db3333;
    text-transform: capitalize;
    color: black;
  }

  .allcakes button:hover{
    background-color: #db3333;
    color: #fff;
    border: none;
  }

  .allcakes2{
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;

  }
  .allcakes2 a{
    width: 23vw;
    transition: 1.5s all;

  }
  .allcakes2 a img{
    width: 100%;
  }
  .all-cake-text{
    position: relative;
    margin: 0.5vw;
  }
  .all-cake-text2{

    position: absolute;
    bottom: 0%;
    left: 0%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.59);
    text-align: center;
    padding: 2%;
    color: white;
    font-weight: bold;
    transition: 1.5s all;
    font-size: 1.6vw;
  }

  .allcakes2 div:hover .all-cake-text2 {
    padding:5%;
  }
  .allcakes2 div:hover{
    opacity: 0.8;
    
    
  }

  .allcakes7{
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
    margin-top: 1vw;
    margin-left: 1vw;
    height: 65vh;
    overflow: scroll;
  }


  .allcakes7 a{
    width: 22vw;
    height: 30vw;
    /*transition: 1.5s all;*/
    text-decoration: none;
    /*padding: 0.3rem;*/
    margin: 0.9vw;
    text-decoration: none;
    color: gray;
    /* border: 1px solid #f9f9f9; */
    /*border-radius: 15px;*/
    background: #fdfdfd;
    padding: 0;
  }

  .allcakes7 a img{
    width: 100%;
    height: 100%;
    border-radius: 15px;
    position:absolute;
    top:0;
    left:0;
  }

  .allcakes7-text{
    font-size: 19px;
    font-weight: 400;
    padding: 0;
    color: rgb(34, 34, 34);
  }

  .allcakes7-rates{
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 21px;
    font-weight: 500;
    padding-left: 0;
    color: #db3333;
  }
  .allcakes7-off{
    background-color: #d83333;
    padding: 0.1vw 0.5vw;
    border-radius: 0.5vw;
    font-size: 1vw;
    color: white;
    text-transform: capitalize;
    align-self:center;
    position: absolute;
    top: 20px;
    left: 20px;
    margin: 0!important;
  }


  .allcakes7-rating{
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 15px;
    font-weight: 500;
    gap: 10px;
    padding-left: 12px;
  }

  .allcakes7-rating button{
    width: 100%;
    background-color: black;
    color: white;
    border: none;
    outline: none;
    border-radius: 0.3vw;
    padding: 5px;
    font-size: 0.9vw;
    font-weight: 600;
    margin: 0;
  }

  .allcakes7-dis{
    color: gray;
    text-decoration: line-through;
    font-size: 14px;
  }

.allcakes7-show-more{
    text-align: center;
    margin: 2vw 0vw;
}

.allcakes7-show-more button{
    font-size: 1.3vw;
    background-color: black;
    color: white;
    padding: 0.5vw 1vw;
    border-radius: 0.1vw;
    font-weight: 500;
}

.allcakes7-bottom{
    font-size: 1.2vw;
    text-align: start;
    font-weight: 600;
    padding-left: 10px;
    text-transform: capitalize;
    background: #ddd;
    padding: 11px 20px 6px 10px;
}
.allcakes7-bottom2{
    padding-left: 10px;
    text-align: justify;
    background: #ddd;
    padding: 0px 10px 10px 10px;
}

.prod-blk-img a.active img {
    border: 1px solid rgb(180, 81, 15);
    
  }

  .prod-blk-img div{
    cursor: pointer;
  }
.all-prod-wrapperManu, .recent_viewwrappermanu, .customerwrapperManu, .recommendedManu, .reviewsManu, .customerSpokeManu{
   /* box-shadow: 0 7px 2px -2px rgba(0, 0, 0, 0.2); */
   background: white;
}
.textr{
    background: white;
    
}
.all-prod-wrapperManu{
    /* margin-bottom: 1rem; */
}
.recent_viewwrappermanu, .customerwrapperManu, .recommendedManu, .reviewsManu, .customerSpokeManu{
    padding: 1rem 0;
    margin-bottom: 0px;
}
.all-prod{
    display: flex;
    justify-content: center;
    align-items: flex-start;
    margin: 1vw;
}

.prod1{
    margin-right: 3vw;
    display: flex;
    flex-direction: row-reverse;
    justify-content: start;
    align-items: center;
    width: 33vw;
}


.prod-fl-img{
    display: block;
    width: 35vw;
    height: 35vw;
    text-align:center;
    margin-bottom: 1vw;
}

.f-prod{
    box-shadow: 0px 0px 5px #e1dddd;
    padding: 0.5vw;
    margin: 1vw;
   
}

.prod-fl-img img{
    width: 100%;
    height: 100%;
}

.prod-blk-img video{
    width: 100%;
}

.prod-blk-img div{
    border: 1px solid #ddd;
    padding: 0.1vw;
    width: 7vw;
    height: 7vw;
    margin-bottom: 0.7rem;
    border-radius: 7px !important;
}
.prod-blk-img a img{
    transition: transform 0.3s ease;
}
.prod-blk-img a:hover img{
    transform: scale(1.1);
}

.small_img{
    vertical-align: top !important;
}

.prod-blk-img img{
    width: 100%;
    height: 100%;
}


.prod-shr-img{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    margin-right: 1rem;
    width: 100%;
    margin: 10px 0px !important;
    float: left;
}

.prod-shr-img a{
    width: 1.5rem;
    text-align: center;
   
    margin: 0 9px;
}

.prod-shr-img div img{
    width: 100%;
}

.prod2{
    width: 45vw;
    font-size: 1.5vw;
    height: 52vw;
    overflow: scroll;
}

.prod2::-webkit-scrollbar {
  display: none;
}

.prod2-title{
    font-size: 2vw;

}

.prod2-rating{
    font-size: 1vw;
    border-bottom: dotted 1px #ddd;
    padding-bottom: 10px;
}

.prod2-rates{
    font-size: 2vw;
    font-weight: bold;
    margin-right: 1vw !important;
}

.prod2-rates span{
    font-size: 26px;
    font-family: "PublicSans-Regular", sans-serif !important;
    line-height: 50px;
}

.view-more-details{
    font-size: 1.2vw;
}

.view-more-details a{
    color: red;
    text-decoration: none;
    font-size: 11px;
    /* border: solid 1px #ccc; */
    padding: 8px 10px;
    background: #fefefe;
    border-radius: 5px;
    box-shadow: 0px 4px 3px #a3a3a3;
}

.prod2-warning{
    font-size: 1.2vw;
}

.prod2-input{
    display: flex;
    justify-content: flex-start;
    margin: 0.5vw 0;
    margin-bottom: 0.8vw;
    gap: 2vw;
    float: left;
    width: 99%;
}

/*@keyframes inputdatef{*/
/*    0%{*/
/*        box-shadow: 0 0 1px #ff9212;*/
/*    }*/
/*     50%{*/
/*        box-shadow: 0 0 10px #ff9212;*/
/*    }*/
/*     100%{*/
/*        box-shadow: 0 0 1px #ff9212;*/
/*    }*/
/*}*/

.prod2-input input{
    border: 1px solid #ff9212;
    padding: 0.6vw 1vw;
    font-size: 0.9vw;
    border-radius: 5px;
    width: 100%;
    height: 50px !important;
}
.prod2-pincode, .prod2-date{
    width: 100%;
}


.prod2-input .prod2-pincode input{
  width: 100%;
  height: 50px !important;
}
.prod2-input .prod2-pincode input:focus{
  outline: none;
  border: 1px solid red;
}
/*.inputdatepincodeani:focus{*/
/*    animation-name: inputdatef;*/
/*  animation-duration: 2s;*/
/*  animation-timing-function: ease-in-out;*/
/*  animation-iteration-count: infinite;*/
/*}*/


.inputdatedisabled{
    background: #f2f2f2;
}


.prod2-btn{
    display: flex;
    justify-content: space-between;
    margin: 1vw;
}

.prod2-btn button{
    outline: none;
    border: none;
    box-shadow: 0px 1px 5px gray;
    padding: 0.3vw 2vw;
    border-radius: 0.1vw;
    font-size: 1vw;
}

.prod2-card button{
    background-color: black;
    color: white;
}

.prod2-buy button{
    background-color: red;
    color: white;
    font-weight: 700;
}


.prod2-size{
    display: flex;
    justify-content: space-around;
}

.prod2-size div{
    width: 8vw;
    height: 8vw;
}

.prod2-size div img{
    width: 100%;
    height: 100%;
    border: 1px solid black;
    padding: 0.2vw;
}

.prod2-small{
    font-size: 0.7vw;
    display: flex;
    justify-content: space-between;

}

.prod2-small span{
    color: red;
    font-size: 0.9vw;
    text-align: right;
}


.quantity3{
    font-size: 1.1vw !important;
    height: 2vw !important;
    width: 2vw !important;
    
}
.quantity4{
    font-size: 1.3vw;
    height: 2vw !important;
    width: 5vw !important;
    padding: 0px !important;
    
}
.quantity2 div{
    width: 17vw !important;
    margin-bottom: 29px;
}
.prod3-box1{
    box-shadow: 0px 0px 10px gray;
    padding: 0.5vw;
}

.addons{
    font-size: 1vw;
}


.prod3-img{
    font-size: 0.7vw;
    border: 1px solid black;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    padding: 0.5vw;
    width: 15vw;

}


.prod3-box12{
    width: 1px solid black;
}

.prod3-img2{
    width: 5vw;
    margin: 0.5vw;

}

.prod3-img2 img{
    width: 100%;
    border: 1px solid black;
}




.prod3-rates{
    display: flex;
    justify-content: space-between;
    
}

.prod3-rates div{
    color: red;
    font-size: 1vw;
}

.prod3-rates div button{
    background-color: red;
    color: white;
    border: none;
    padding: 0px 0.2vw;
    font-weight: bold;
}



.delivery-option{
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    padding: 0.5vw;
    width: 15vw;

}

.delivery-box{
    box-shadow: 0px 0px 5px gray;
    width: 5vw;
    padding: 0.2vw;
    font-size: 0.5vw;
    text-align: center;
    font-weight: bold;
    margin: 0.5vw;
    border-radius: 5px;

}

.delivery-box img{
    width: 100%;
    padding: 0.8vw;

}


.whatsapp{
 box-shadow: 0px 2px 5px gray;
 text-align: center;
 padding: 0.4vw 0.5vw;
 margin: 1vw;
 font-size: 1vw;
}


.main-prod-h{
    padding: 0.3vw;
    color: white;
    background-color: black;
    width: fit-content;
    border-radius: 0.5vw;
    font-size: 1.2vw;
    margin-left: 2vw;
}


.prod-specif{
    color: gray;
    font-size: 0.8vw;
    margin-top: 1vw;
    padding: 0.5vw;
    border-radius: 1.5vw;
    display: flex;
    justify-content: space-around;
    margin: 0px;
    text-align: left;
    float: left;
    width: 100%;
}
.prod-specif-h{
    font-size: 1.2vw;
    font-weight: bold;
}

.prod-specif-sub-h{
    font-size: 1.5vw;
}


.reviews{
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.review-h div{
    font-size: 2vw;
  
    margin: 1vw;
}


.review-img img{
    width: 40vw;
}


.heart-round{
    border: 3.5vw solid red;
    border-radius: 50%;
    width: 20vw;
    height: 20vw;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.heart-img{
    width: 3vw;
    margin-top: -2vw;
    margin-right: -1vw;
}

.heart-img img{
    width: 100%;
}

.start-rating div{
    box-shadow: 0px 0px 5px gray;
    width: 20vw;
   border-radius: 2vw;
    font-size: 0.2;
    overflow: hidden;
    font-size: 1.5vw;
}

.start-rating-first{
    background-color: black;
    color: white;
    padding: 0vw 1vw;
}

.start-rating-second{
    text-align: center;
    display: flex;
    justify-content: center;
}

.start-rating-second i{
    margin: 0.5vw;
}

.cust-spoke{
    font-size: 1vw;
}

.cust-spoke-h{
    font-size: 2vw;
}

.custspoke ul{
    font-size: 1.5vw;
}


.cust-spoke-img img{
    width: 5vw;
}

.cust-spoke-img{
    width: 30vw;
}

.s-view-h{
    font-size: 2vw;
}


.s-view input{
    display: block;
    background-color: red;
    color: white;
    font-size: 1vw;
    padding: 0.1vw 1vw;
    border: none;
    
}

.s-view textarea{
    width: 30vw;
    height: 8vw;
    font-size: 1vw;
    border: 1px solid #d0cccc;
    border-radius: 17px;
    padding: 0 10px;

}

.card-img img{
    width: 7vw;
}


.cart-table{
    margin: 2vw;
    font-size: 1.2vw;
    width: 96%;
}

.cart-table th{
    padding-bottom: 2vw;
    width: 25vw;
}

.cart-body{
    background-color: #cdcccc;
    font-size: 1vw;

}

.cart-body td{
    padding: 1vw;
}

.cart-left{
    text-align: left !important;
}

.cart-body input{
    width: 4vw;
}

.cart-body button{
    border: none;
    background-color: transparent;
}


.total-amount{
    text-align: right;
    margin: 2vw;
    font-size: 1.2vw;
}

.cart-bottom{
    background-color: #cdcccc;
    margin: 2vw;
    padding: 1vw;
    font-size: 1vw;
}


.cart-bottom2{
    padding: 0.8vw;
    background-color: white;
    width: 32vw;
    align-items: center;
}

.heightline2{
    width: 0.2vw;
    background-color: red;
}

.cart-bottom3{
    background-color: black;
    color: white;
    padding: 0.5vw;
}

.cart-checkout-btn button{
    background-color: black;
    color: white;
    width: 50vw;
    padding: 0.8vw;
    font-size: 1.5vw;
}

.cart-chekkout-amt{
    font-size: 1.7vw;
    text-align: center;
    font-weight: bold;
}


.main-login{
position: relative;
margin: 0;
}


.login-bg{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;

    

    
}

.lgoin-btn{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}
.login-bg img{
    width: 100%;
    margin-top: 5vw;
   
}

.lgoin-btn{
    width: 50vw;
    margin: 5vw;

}


.login-btn-h{
    font-size: 2vw;
    font-weight: bold;
    text-align: center;
    margin-bottom: 1vw;
}


.login-shr-btn{
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

.login-shr-btn div{
    width: 20vw;
    margin: 0.5vw;
}

.login-shr-btn div button{
    width: 100%;
    padding: 0.7vw 0.8vw;
    background-color: white;
    color: black;
    font-weight: bold;
    font-size: 1vw;
    transition: 0.5s all;
}

.login-shr-btn div button:hover{
    box-shadow: 0px 0px 5px rgb(149, 149, 146);
}

.bgclred button{
    background-color: #DD3824 !important;
    color: white !important;
    border: none;
}

.bgclblue button{
    background-color: #3B5999 !important;
    color: white !important;
}

.login-main-text{
    text-align: center;
    font-size: 1vw;
    margin: 1vw;
    font-weight: bold;
}

.login-main-text div{
    margin: 1vw;
}

.login-main-text a{
    text-decoration: none;
    color: #DD3824;
}

.login-new{
    color: #DD3824;
    font-size: 1.5vw;
    font-weight: bold;
}

.login-pravacy{
    color: #DD3824;
    font-size: 1.2vw;
    font-weight: bold;


}

.user-main{
    position: relative;
}

.user-name{
    display: flex;
    justify-content: start;
    position: absolute;
    bottom: -6%;
    left: 5%;
    align-items: center;
}

.user-name div{
    margin: 0.5vw;
}


.user-name-first{
    font-size: 5vw;
    width: 8vw;
    background-color: red;
    color: white;
    text-align: center;
}

.user-name-second{
    font-weight: bold;
    font-size: 1vw;
}

.user-name-edit a{
    font-size: 1.5vw;
    text-decoration: none;
    color: black;
}


.info-main{
    display: flex;
    justify-content: center;
    font-size: 1.5vw;
}


.info-menu{
    margin: 2vw;
}


.info-menu div a{
    text-decoration: none;
    color: black;
    padding: 0.5vw;
    font-weight: 500;
}

.info-menu div{
    margin-top: 0.2vw;

}

.info-menu-1{
    border-bottom: 2px solid red;
}


.info-menu-2 a{
    color: red !important;
}

.info-menu-active{
    background-color: black;
}

.info-menu-active2 a{
    color: white !important;

}
.cont-main{
    width: 50vw;
    font-size: 1.5vw;
    margin: 2vw;
}


.cont-main div{
    display: flex;
    justify-content: start;
    border-bottom: 1px solid gray;
    margin-bottom: 0.4vw;
}
.cont-main div span{
    width: 15vw;
}
.cont-main div div input{
    border: none;
    outline: none;
    border-bottom: 1px solid black;
}

.user-page-btn{
    border-bottom: 0px !important;
}

.user-page-btn button{
    border: none;
    outline: none;
    padding: 0.5vw;
    font-size: 1.2vw;
}

.user-allrc{
    padding: 1vw;
    font-size: 1.2vw;
}

.user-rcimgflex{
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
}

.user-rcimg2{
    width: 20vw;
    box-shadow: 0px 1px 8px gray;
    padding: 1vw;
    margin: 2vw;
}
.user-rcimg2 img{
    width: 100%;
}
.user-rc-amt{
    font-weight: 500;
    font-size: 1.5vw;
}
.user-rc-rating{
    display: flex;
    justify-content: space-between;
    font-size: 1vw;
}
.user-same-day{
    background-color: red;
    color: white;
    padding: 1px;
    border-radius: 4px;
    font-size: 0.8vw;
}

.check1-bg{
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.check1-bg img{
    width: 100%;
  

}

.check1-bg::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.711); 
    z-index: 1;
}

.check1-btn{
    color: white;
    z-index: 2;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.2vw;
    margin-top: 0.5vw;
}
 
.check1-btn-main{
    background-color: white;
    color: black;
    width: 30vw;
    padding: 2vw;
    border: 1px solid #D3D3D3;
    border-radius: 15px;
    box-shadow: 0px 0px 5px #D3D3D3;
  

}

.check1-login{
   
    background-color: #F0F0F0;
    display: flex;
    justify-content: start;
}

.check1-login span{
    background-color: black;
    color: white;
    width: 2vw;
    height: 2vw;
    text-align: center;
    margin-top: 1vw;
}

.check1-login2 div{
    margin-left: 2vw;
    font-weight: bold;
    font-size: 1.5vw;
}

.check1-login3{
    margin-left: 2vw;
    margin-top: 1vw;
    padding-bottom: 2vw;


}

.check1-login-name{
    font-weight: bold;
    font-size: 1.5vw;
    margin-bottom:20px;
}

.check1-email input{
    border: none;
    outline: none;
    border-bottom: 2px solid #E90303;
    background-color: transparent;
    margin-top: 0.5vw;
    width: 18vw;

}

.check1-continue input{
    border: none;
    outline: none;
    color: white;
    text-align: center;
    background-color: #E90303;
    margin-top: 0.5vw;
    width: 18vw;
    border-radius: 5px;
    padding: 0.2vw;


}

.check1-login-using{
    font-size: 1.3vw;
    font-weight: 400;
}

.check1-btn-shr{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.check1-btn-shr button{
    width: 12vw;
    border: none;
    outline: none;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
}


.check1-btn-shr button span{
    font-size: 2vw;
    margin: 0vw 1vw;
}

.check1-btn-shr-fb{
    background-color: #3B5999;
    color: white;
}

.check1-btn-shr-google{
    background-color: #E90303;
    color: white;
}


.check1-order{
    display: flex;
    justify-content: start;
    align-items: center;
   
    padding-bottom: 0.5vw;
    background-color: #F0F0F0;
    margin-top: 1vw;


}

.check1-order span{
    background-color: black;
    color: white;
    width: 2vw;
    height: 2vw;
    text-align: center;
    margin-top: 0.5vw;
}

.check1-order div{
    margin-top: 0.5vw;
    font-size: 1.2vw;
    font-weight: bold;
    margin-left: 2vw;

}



.check1-payment{
    display: flex;
    justify-content: start;
    align-items: center;
  
    padding-bottom: 0.5vw;
    background-color: #F0F0F0;
    margin-top: 1vw;


}

.check1-payment span{
    background-color: black;
    color: white;
    width: 2vw;
    height: 2vw;
    text-align: center;
    margin-top: 0.5vw;
}

.check1-payment div{
    margin-top: 0.5vw;
    font-size: 1.2vw;
    font-weight: bold;
    margin-left: 2vw;

}


.check1-img img{
    width: 25vw;
}

.checkout-h{
    display: flex;
    justify-content: space-between;
    padding: 0.5vw 2vw;
    /* box-shadow: 0px 2px 0.7vw gray; */
    border-radius: 0px;
    border-bottom: solid 1px #ddd;
}


.checkout-h-img1 img{
    width:15vw;
}

.checkout-h-img2 img{
    width: 43vw;
    margin-top: 16px;
}


.checkout-main{
    display: flex;
    
}


.checkout-col1{
    width: 70vw;
    padding: 3vw;
    font-size: 1vw;
}

.checkout-product-delivery{
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}
.checkout-row3-col3-end{
    flex-direction: column;
}

.checkout-row1{
       display: flex;
    justify-content: space-between;
    background-color: transparent;
    padding: 0.5vw 1vw;
    text-align: center;
    align-items: center;
    margin: 0.3vw;
    box-shadow: 0 0 10px #b89f9f;
    /* border-radius: 7px; */
    margin-bottom: 20px;
    border: 2px solid red;
}
#toggleNewAddressForm{
    font-size: 1.4vw!important;
    margin-left: 0;
    border: 2px solid blue;
    background: white;
    color: blue;
    font-family: inherit;
}

.checkout-row1 span
{width: 2vw;
    background-color: black;
    color: white;
    text-align: center;
    padding: 0.3vw;}



.checkout-num{
    display: flex;
    align-items: center;
    background-color: #fff;
    padding: 0.5vw 1vw;
    text-align: center;
    align-items: center;
    margin: 0;
    /* box-shadow: 0 0 10px #e3e3e3; */
    border-radius: 7px;
    margin-bottom: 0;
}


.checkout-num span{
    width: 2vw;
    background-color: red;
    color: white;
    text-align: center;
    padding: 0px;
    font-weight: bold;
    font-size: 1.5vw;
}


.checkout-name{
    font-weight: bold;
    font-size: 1.5vw;
    margin-left: 3vw;
    margin-right: 20px;
    text-transform: capitalize;
    color: black;
    text-transform: uppercase;
    font-family: system-ui;
}



.checkout-row2{
    background-color: #f8f8f8;
    padding: 0.5vw 1vw;
    margin: 0.3vw;
}

.checkout-gift1 button{
    outline: none;
    border: none;
    background-color: black;
    color: white;
    border-radius: 5px;
    padding: 0.3vw 0.5vw;
    font-weight: bold;
    font-size: 1.2vw;
}

.checkout-row3{
    display: flex;
    margin: 0.5vw;
    margin-left: 1vw;
}


.checkout-row3-col1{
    text-align: center;
    width: 12vw;
}

.checkout-row3-col1 img{
    width: 100%;
}

.checkout-row3-col1 button{
    border: none;
    outline: none;
    color: gray;
    background: red;
    padding: 2px 4px;
    border-radius: 3px;
    color: #fff;
    margin-top: 10px;
}


.checkout-row3-col2{
    margin-left: 1.5vw;
    width: 18vw;

}
.checkout-row3-col2 ul{
    padding-left: 2vw;
}
.checkout-row3-h{
    font-size: 1.5rem;
    font-weight: 600;
    color: black;
    line-height: normal;
    padding-bottom: 13px;
    text-align: left;
}
.productincreaseqtywrapper{
    text-align: left;
    display: flex;
    justify-content: start;
    align-items: center;

}
.checkout-row3-r{
    font-size: 19px;
    font-weight: 600;
    text-align: left;
}
.checkout-row3-col3{
    width: 18vw;
}
.checkout-row3-col3-end{
    display: flex;
    justify-content: space-between;
    font-size: 19px;
    font-weight: 600;
}

.checkout-row3-col3-end button{
    border: none;
    outline: none;
    background-color: black;
    color: white;
    padding: 0.2vw 0.5vw;
    border-radius: 5px;
}


.massage-on-cake{
    font-size: 1vw;
    width: 18vw;
    text-align: center;
    margin-bottom: 2vw;
    color: black;
}

.massage-on-cake input{
    width: 100%;
    outline: #14A59E;
    /*border: 0px;*/
    /*padding: 0.3vw;*/
    /* box-shadow: 0px 0px 10px #ddd; */
    border-radius: 0.5vw;
    font-family: system-ui;
    border: solid 1px #b4a1a1;
    margin-top: 11px;
    padding: 8px 10px;
    font-size: 1.1vw;

}

.massage-on-cake div{
    font-size: 1.2vw;
    font-weight: 700;
    margin-bottom: 0.3vw;
    font-family: system-ui;
    margin-top: 10px;
}

.checkout-h2{
    font-size: 1.5vw;
    font-weight: bold;
    margin: 1vw 0vw;
}

.addons2{
    background-color: #f8f8f8;
    position: relative;
    padding: 1vw;
    display: flex;
    justify-content: space-evenly;

}

.addons2-row1{
    margin: 0.5vw;
    width: 17vw;
}

.addons2-row2{
    display: flex;
    font-weight: 700;
    font-size: 1vw;
}

.addons2-row2 div{
    margin-left: 0.5vw;
}


.addons2-img{
    width: 7vw;
    height: 7vw;
}

.addons2-img img{
    width: 100%;
}


.addons2-row3{
    display: flex;
    justify-content: center;
    margin-top: 1vw;
}
.addons2-row3 input{
    width: 3.5vw;
    outline: none;
    border: 1px solid black;
    border-radius: 0.1vw;
    text-align: center;
    font-weight: bold;

}

.addons2-row3 button{
    outline: none;
    border: 1px solid black;
    border-radius: 0.1vw;
    width: 3vw;
    font-weight: bold;

}
.addons2-row4{
    text-align: center;
    margin-top: 0.5vw;
    margin-bottom: 0.5vw;
}

.addons2-row4 button{
    outline: none;
    border: none;
    background-color: black;
    color: white;
    font-weight: bold;
    width: 10vw;
    padding: 0.4vw 0.6vw;
    border-radius: 0.5vw;
    transition: 1s all;

}

.addons2-row4 button:hover{
    box-shadow: 0px 0px 0.5vw gray;
}


.addons2-left-right-btn div button{
    outline: none;
    border: none;
    font-size: 1.5vw;
    background-color: transparent;
    font-weight: bold;
}

.addons2-left-btn{
    position: absolute;
    top: 35%;
    left: 0%;
}

.addons2-right-btn{
    position: absolute;
    top: 35%;
    right: 0%;
}


.checkout-col2{
    width: 25vw;
}

.checkout-col2-main{
    /*background-color: #f8f8f8;*/
    /*margin-top: 3vw;*/
    /*padding-bottom: 1vw;*/
    background-color: transparent;
    /*padding: 0.5vw 1vw;*/
    text-align: center;
    align-items: center;
    margin: 0.3vw;
    box-shadow: 0 0 10px #b89f9f;
    /* border-radius: 7px; */
    margin-bottom: 20px;
    margin-top: 44px;
    color: black;
    border: 2px solid red;
}


.checkout-col2-h{
    font-size: 1.5vw;
    font-weight: bold;
    padding-top: 0;
    padding-bottom: 0;
    background: red;
    color: white;
    margin-bottom: 1rem;
    font-family: system-ui;
}

.checkout-col2-flex{
    display: flex;
    justify-content: space-between;
    font-size: 1.3vw;
    color: black;
    font-family: system-ui;
}
.checkout-col2-main .checkout-col2-flex div{
    font-family: system-ui;
}

.coupon-btn span, .coupon-btn a{
    font-size: 1.1rem;
}
.font-c-bold{
    font-weight: bold;
    margin: 1vw 0vw;
    font-size: 1.5vw;
    color: black;
}


.checkout-discount{
    text-align: center;
    color: gray;
    font-size: 1vw;
}

.checkout-discount a{
    text-decoration: none;
    color: gray;

}

.checkout-secure-main{
    background-color: #fff;
    padding: 0.5vw 1vw;
    text-align: center;
    align-items: center;
    margin: 0.3vw;
    box-shadow: 0 0 10px #e3e3e3;
    border-radius: 7px;
    margin-bottom: 20px;
}

.checkout-secure-row1{
    display: flex;
    align-items: center;
    font-size: 1.1vw;
    font-weight: 500;
    margin-top: 2vw;
    padding: 1vw;
}

.checkout-secure-row1 div{
    margin-right: 0.7vw;
}

.checkout-secure-row1 div img{
    width: 2vw;
}


.checkout-secure-row2{
    display: flex;
    justify-content: space-between;
    padding:0vw 1vw;

}


.checkout-secure-row2 div img{
    width: 6vw;
}


.checkout-secure-row3{
    display: flex;
    margin-top: 3vw;
    background-color: #fff;
    padding: 0.5vw 1vw;
    text-align: center;
    align-items: center;
    margin: 0.3vw;
    box-shadow: 0 0 10px #e3e3e3;
    border-radius: 7px;
    margin-bottom: 20px;
}

.checkout-secure-row3 div{
    margin-right: 1vw;
}

.checkout-secure-row3 ul{
    font-size: 1vw;
    padding-left: 2vw;
}

.checkout-secure-row3 div img{
    width: 8vw;
}

.font-c-bold2{
    font-weight: bold;
    font-size: 1.1vw;
}

.checkout-need-help{
    text-align: center;
    margin: 2vw;
    font-size: 1.5vw;
}

.checkout-need-help a{
    text-decoration: none;
    color: black;
}


.new-address{
    background-color: #f9f9f9;
    padding: 3vw;
    font-size: 1vw;
    box-shadow: 0 0 10px #e3e3e3;
    border-radius: 7px;
    margin-bottom: 20px;
    margin-top: 20px;
}


.new-address-input{
    display: flex;
}
.new-address-inputManu{
    margin-left: 1vw;
    margin-bottom: 1rem;
    
}

.new-address div{
    width: 100%;
}

.new-address-input div input[type="text"], .new-address-input div input[type="tel"] {
    width: 100%;
    outline: #14A59E;
    border: 0px;
    padding: 0.3vw;
    box-shadow: 0px 0px 5px #ddd;
    border-radius: 0.5vw;
    padding: 0.5vw;
    height: 46px;
}

.address-type{
    display: flex;
    align-items: center;
    margin-left: 2vw;
}

.address-type input{
    width: 2vw;
}

.margin-left-2vw{
    margin-left: 2vw !important;
}


.new-address-btn{
    text-align: right;
    width: 100%;
    padding-top: 2vw;

}

.new-address-btn button{
    outline: none;
    border: none;
    background-color: #242424;
    color: white;
    padding: 20px;
    border-radius: 0px;
    font-size: 1.2vw;
}

.free-message-card{
    display: flex;
    align-items: center;
    font-size: 1.1vw;
    font-weight: 600;
    cursor: pointer;
    justify-content: end;
}


.free-message-card div img{
    width: 5vw;
}
.free-message-card .editbtn{
    font-size: 0.8rem;
}

.free-message-card div{
    font-family: system-ui;
}

.width-line-1{
    width: 100%;
    height: 0.3vw;
    background-color: black;
}


.sender-details{
    margin-top: 2vw;
    background: transparent;
    box-shadow: 0 0 10px #b89f9f;
    display: inline-block;
    border: 2px solid black;
}

.sender-details-h{
    display: flex;
    align-items: baseline;
    font-size: 1.7vw;
    font-weight: 600;
    padding: 01vw 1.5vw 0vw;
    text-align: center;
    align-items: center;
    border-radius: 7px;
    margin-bottom: 0;
    color: black;
}
.sender-details-h div{
    font-size: 1.5vw;
}
.sender-details-h span{
    margin-left: 1vw;
}
.coupon-btn{
    border: solid 1px #ddd;
    padding: 8px;
    background: none;
    color: #fff;
    box-shadow: 0 0 10px #e3e3e3;
    border-radius: 7px;
    text-align: center;
    font-weight: bold;
}

.sender-details-input{
    display: flex;
    flex-wrap: wrap;
    /* background-color: black; */
    padding: 1.5vw 1vw;
    text-align: center;
    align-items: center;
    margin: 5px 0;
    /* box-shadow: 0 0 10px #e3e3e3; */
    border-radius: 7px;
    margin-bottom: 20px;
    padding-top: 0;
}


.sender-details-input input{
    width: 20vw;
    outline: #396865;
    border: 0px;
    box-shadow: none;
    border-radius: 0.5vw;
    padding: 5px 10px;
    margin: 0.5vw;
    border: solid 1px #ddd;
    font-family: "PublicSans-Regular", sans-serif !important;
    border: solid 1px #8b7f7f;
    margin-top: 11px;
    padding: 8px 10px;
    font-size: 15px;
}

.sender-details-btn{
    text-align: right;
}

.sender-details-btn button{
    outline: none;
    border: 1px solid black;
    border-radius: 0.5vw;
    background-color: transparent;
    width: 5vw;
    padding: 0.2vw;
    margin: 0.5vw;
}



.sender-contactless{
    width: 100%;
    font-size: 1.1vw;
    text-align: center;
    align-items: center;
    margin: 0.3vw;
    box-shadow: 0 0 10px #e3e3e3;
    border-radius: 7px;
    margin-bottom: 20px;
    padding: 20px;
}

.sender-proceed-btn{
    margin: 2vw 0vw;
}

.sender-proceed-btn button{
    outline: none;
    border: none;
    background-color: gray;
    color: white;
    font-weight: bold;
   
    padding: 0.5rem;
}



.add-to-cart7{
    font-weight: 900;
    font-size: 1vw;
}

.add-to-cart8{
    background: red!important;
    border-radius: 50%;
    /* padding: 0.2vw 0.5vw; */
    font-size: 0.8vw;
    position: absolute;
    right: 0;
    height: 1rem;
    width: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
}


.add-to-cart6{
    color:#fff;
    display: inline-block;
    
}








@media (max-width: 900px) {
    .check1-btn-main .sin-in-with{
       font-size: 1rem;       
    	}
    .check1-btn-main .sin-in-with img{
       height: 2rem;
    	} 
    .bgimg2{
        margin-left: 1vw;    
    }
    .add-to-cart7{
        font-weight: 900;
        font-size: 3vw;
    }
.add-to-cart8{
    background: red;
    border-radius: 50%;
    padding: 0.2vw 0.5vw;
    font-size: 1.6vw;
}
    
    .imglogo img{
        width: 125px !important;
    }
    
    .navbar-search{
        width: 25vw;
        margin-left: 2vw;
      
    
    }
    


  
    

    .navbarul li{
        margin: 5px 1.5px;
        list-style-type: none;
         font-size: 5vw;
        
    }

    .mnumber{
        font-size: 2vw;
        margin-right: 6px;
    }
    
    .admin-name-text-l{
    font-size: 1.2vw;
  
    
}

    .menubarbt{
        font-size: 7px;
    }


    .delivery{
        position:absolute;
        bottom: 5%;
        left: 50%;
        width: 90%;
        transform: translateX(-50%);
        display: flex;
        justify-content: space-between;
        align-items: center;
        text-align: center;
        line-height: 0px;
        background-color: rgba(0, 0, 0, 0.649);
        font-weight: bold;
        color: white;
        padding: 1px;
        border-radius: 5px;

    }
    
    .delivery div{
        margin: 3px;
        font-size: 8px !important;
        line-height: 9px !important;
    }
    .findgifts{
        font-size: 6px !important;
        padding: 5px !important;
    }

    .delivery select{
    font-size: 3.7vw !important;

    }

    .imgwidth2 span{
        font-size: 7px;
        padding: 5px;
    }



    .imgwidth3{
        margin-bottom: 10px;
        margin-top: 15px;
        position: relative;
        background-color: #F6F6F6;
        font-size: 1.65vw;
    
    }
    
    .imgwidth3 span{
        padding: 5px;
        margin: 10px -1vw;
    }
    
    .imgwidth3 img{
        width: 20vw;
    }

    .leftbtn{
        position: absolute;
        left: 2%;
        bottom: 50%;
        transform: translateX(-50%);
        cursor: pointer;
    }
    
    .leftbtn img{
        width: 3vw;
    }
    
    .rightbtn{
        position: absolute;
        right: 0%;
        bottom: 50%;
        transform: translateX(-50%);
        cursor: pointer;
    }
    
    .rightbtn img{
        width: 3vw;
    }
    

    .bgimg1{
        border: 1px solid white;
    }

    .borderblack{
        border: 1px solid black !important;
        padding: 1.5vw;
        margin: 2.5vw 0.9vw;
    }


    .viewall{
        text-align: right;
        margin-top: -5vw;
        margin-right: 2vw;
    }
    
    .viewall button{
        border: 0px;
        background-color: red;
        color: white;
        border-radius: 3px;
        padding: 2px;
    }
    
    .rountbtn span{
    
        width: 2px;
       
        padding: 4px;
      
        
    }


    .fontsyle{
        font-size: 2vw;
    }

    .heightline{
        height: 35px;
        width: 2px;
        
    }
  
    .optionsurl{
        background-color: #F8F6EA;
        padding: 0px 2vw;
        font-size: 0.8vw;
    }

    .custom-select {
        font-size: 0.35rem; 
        padding: 0.15rem 0.25rem; 
        margin: 5px;
      }

      .filter-select div{
        font-size: 2.5vw;
      }

      .allcakes button{
        font-size: 3vw;
        box-shadow: 0px 1px 2px gray;

      }

      .browse3{
        padding-top: 14%;    
        
    }

    
    .emailbtn input{
        padding: 3px;
    }
    
    .emailbtn button{
        padding: 4px;
      
    }


    .customizable3{
      
        left: -2.5%;
        bottom: 2.7%;
    
    }
    
    .customizable15{
 
    left: -3.8%;
    bottom: 2.5%;
  
}

.navbar-search2{
          display: none;
      }
     
      .navbar-search{
          display: block;
      }
     
   
  }
  
  
  
  
  @media (max-width: 500px) {
     .check1-btn-main .sin-in-with{
       font-size: 1rem;       
    	}
    .check1-btn-main .sin-in-with img{
       height: 2rem;
    	}
      .navbar-search{
          display: none;
      }
      .subcategory_card_4{
        display: block;
    }
      
    .navbar-search2{
        display: block;
        width: 55vw;
        font-size: 3vw;
        margin-left: 2vw;
    }
    
    .pincode_alert{
        font-size: 1.7vw !important;
    }
    .mnumber{
        font-size: 3vw;
        margin-right: 6px;
    }
    
    .navbar-search-btn button{
    font-size: 3.5vw;
    outline: none;
    border: none;
}
.cust-spoke{
    font-size: 1.5vw;
}

.cust-spoke-h{
    font-size: 2.5vw;
}

.custspoke ul{
    font-size: 2vw;
}


.cust-spoke-img img{
    width: 8vw;
}

.cust-spoke-img{
    width: 40vw;
}
      
      .s-view-h{
    font-size: 3vw;
}


.s-view input{
    font-size: 2vw;
    
}

.s-view textarea{
    width: 40vw;
    height: 12vw;
    font-size: 2vw;

}
      
.storiesimg{
    margin-top: 0.5vw;
}
.stories-margin-top{
    margin-top: -2.5vw;
}
.add-to-cart8{
    background: red!important;
    border-radius: 50%;
    /* padding: 0.5vw 0.5vw; */
    font-size: 2.5vw;
    height: 1rem;
    width: 1rem;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    right: 0;
}


.imageres div a div{
    width: 13.9vw;
    height: 11vw;
    
     margin: 0.3vw 0.93vw;
}

.imageres span{
    font-size: 1.5vw;
}

   .admin-name-text-l{
    font-size: 1.3vw;
}
.tab-content>.tab-pane.active span{
    font-size: 13px!important;
}

  .customizable15{
 
    left: -3%;
    bottom: 4%;
    width: 9px;
  
}

.prod-fl-img{
    width: 40vw;
    height: 41vw;
}

.prod-blk-img a{
    width: 8vw;
    height: 8vw;
}

.prod-shr-img div{
    width: 4vw;
    text-align: center;
    font-size: 2vw;
}

.prod2{
    width: 45vw;
    font-size: 4vw;
    height: 58vw;

}

.prod2-title{
    font-size: 3.5vw;

}

.prod2-rating{
    font-size: 2.5vw;
}

.prod2-rating i{
    font-size: 2vw !important;
}

.prod2-rates{
    font-size: 3.5vw;
    font-weight: bold;
}

.prod2-rates span{
    font-size: 4vw;
}

.view-more-details{
    font-size: 2vw;
}

.view-more-details a{
    text-decoration: none;
    font-size: 1.9vw;
}

.prod2-warning{
    font-size: 1.5vw;
}

.prod2-input{
    display: flex;
    justify-content: space-between;
    margin: 0.5vw;
    
}

.prod2-input input{
    border: 1px solid #ff9212;
    padding: 0.8vw 1vw;
    font-size: 1.6vw;
    margin-right: 1vw;
    width: 22vw !important;
    border-radius: 5px;

}

@keyframes inputdatef2 {
    0% {
        box-shadow: 0 0 1px #ff9212;
    }
    50% {
        box-shadow: 0 0 5px red;
    }
    100% {
        box-shadow: 0 0 1px red;
    }
}


.inputdatepincodeani:focus, .pincodeManu:focus {
    box-shadow: 0 0 1px #ff9212!important; /* Fallback for no animation */
    animation: inputdatef2 4s linear infinite; /* Combined shorthand property */
}



.prod2-btn{
    display: block;
    justify-content: space-between;
    margin: 0.2vw;
    text-align: center;
}

.prod2-btn button{
    outline: none;
    border: none;
    box-shadow: 0px 1px 5px gray;
    padding: 0.3vw 1.5vw;
    border-radius: 0.5vw;
    font-size: 2.5vw;
    width: 40vw !important;
    margin-bottom: 1vw;
}

.prod2-card button{
    background-color: black;
    color: white;
    padding: 6px 0 !important;
}

.prod2-buy button{
    background-color: red;
    color: white;
}


.prod2-size{
    display: flex;
    justify-content: space-around;
}

.prod2-size div div{
    width: 10vw;
    height: 10vw;
}

.prod2-size div div img{
    width: 100%;
    height: 100%;
    border: 1px solid black;
    padding: 0.2vw;
}

.prod2-small{
    font-size: 1.4vw;
    display: flex;
    justify-content: space-between;
 
}

.prod2-small span{
    color: red;
    font-size: 1.4vw;
    text-align: right;
}

.product_related_info .text-success span{
    font-size: 2vw !important;
}
.product_related_info .text-success{
    line-height: 2vw !important;
}
.quantity3{
    font-size: 3vw !important;
    height: 6vw !important;
    width: 6vw !important;
}
.quantity4{
    font-size: 5vw;
    height: 9vw !important;
    width: 20vw !important;
    padding: 0px !important;
}
.quantity2 div{
    width:54vw !important;
}
.checkout-row3-r {
    font-size: 17px;
}
.checkout-row3-col1, .checkout-row3-col2, .checkout-row3-col3{
    text-align: left;
}
.checkout-col1 #checkout-container5 .checkout-row3-col2 .productincreaseqtywrapper button{
    font-size: 21px!important;
    padding: 0px 0px !important;
    background: white;
}
.checkout-col1 #checkout-container5 .checkout-row3-col2 .productincreaseqtywrapper button i{
    color:red!important;
}
#productincreasedQtyInput{
    width: 3.75rem!important;
}
.checkout-row3-h{
    font-size: 16px!important;
}
  .remove_checkout_item {
      font-size: 1rem;
  }
.checkout-row3 .checkout-row3-col1 .checkout-row3-col1-manu {
    text-align: right;
}
.remove_checkout_item i{
    font-size: 1rem!important;
}
.productincreasedQtyInput{
    font-size: 14px!important;
}
.checkout-row3-col1 button{
    font-size: 13px!important;
}
.userMessagePart .free-message-card{
    flex-direction: row;
} 
.form-check-label{
    margin-left: 1.2rem;
    padding-left:  0!important;
}
.form-check-input{
    margin-left: 0!important;
    width: 3em;
    height: 3em;
}
.massage-on-cake input {
    font-size: 3.1vw!important;
}

}

  @media (max-width: 412px) {
  .customizable15{
    left: -3%;
    bottom: 3.5%;
    width: 7px;
  
}
}

  @media (max-width: 350px) {
  .customizable15{
 
    left: -3%;
    bottom: 3.2%;
    width: 7px;
  
}


/*=================MANU=================*/
}
.header-all-cakes{
    font-weight: bold;
    letter-spacing: -0.32px;
    line-height: 1;
    background: none;
    color: #000;
    padding: 10px 0px;
    border-radius: 0px;
    font-family: "PublicSans-Regular", sans-serif !important;
    font-size: 39px;
    background: #eaeff3;
    width: 100%;
    text-align: center;
}
.prev-arrow .la-angle-left{
    font-size: 1.5vw;
    font-weight: 800;
    background: #000;
    color: #fff;
    padding: 10px;
top: 41%;
    position: absolute;
    z-index: 999;
    border-radius:50%;
    left:2vw;
}

.next-arrow .la-angle-right{
    font-size: 1.5vw;
    font-weight: 800;
    background: #000;
    color: #fff;
    padding: 10px;
    top: 41%;
    position: absolute;
    z-index: 999;
    right: 36px !important;
    border-radius:50%;
}



.sameDayDelivery{
    font-size: 0.9vw;
    color: red;
    /* color: #000; */
    text-decoration: none;
    font-size: 11px;
    /* border: solid 1px #ccc; */
    /*padding: 3px 8px;*/
    /*background: #fefefe;*/
    /*border-radius: 2px;*/
    /*box-shadow: 0px 2px 3px #a3a3a3;*/

}
.dropdown-menu1{
    max-height: 90vh;
    height: fit-content;
}
.meta-tagsbuttons{
    text-align: right;
}
.meta-tagsbuttons a{
    border: 1px solid #e71717;
    border-radius: 15px;
    padding: 7px 9px;
    color: #e71717;
    font-size: 0.9rem;
}
.navbarbottom a{
    font-size: 0.9rem;
}
.homecategoryManu{
    color: white;
    font-size: 31px;
    line-height: 29px;
    text-shadow: 0 0 5px #000;
}
.homesubcategoryManu{
    color: #222;
    font-size: 1rem;
}
.cartdatawithaddons{
    box-shadow: 0px 9px 10px #bdbdbd;
    padding: 1rem;
    background-color: #fff;
    padding: 0.5vw 1vw;
    text-align: center;
    align-items: center;
    margin: 0.3vw;
    box-shadow: 0 0 10px #e3e3e3;
    border-radius: 7px;
    margin-bottom: 20px;
    margin-top: 20px;
}
.showAllusershippingAddress h5, .showAllusershippingAddress p{
    text-transform: capitalize;
}
/*====================13-05-2024 MANU===========*/
.prod1{
    margin-right: 14vw;
}
.tab-content ul li, .tab-content p{
    font-size: 14px;
    margin: 11px 0px;
}
#buy-now-btn span{
     display: inline-block;
     transition: transform 0.5s linear;
     color: #fff;
     font-family: "PublicSans-Regular", sans-serif;
     font-weight: bold;
}

#buy-now-btn span:hover {
    transform: scale(1.1);
}
.prod2-card .add-on-product-model-btn .addtocartwithicon {
    display: inline-block; 
    transition: transform 0.5s linear;
}
del{
    color: #727272;
    font-size: 14px;
}

.prod2-card .add-on-product-model-btn:hover .addtocartwithicon {
    transform: scale(1.1); 
}
.product_tab_button .product_responsive_btn a.active{
    font-size: 16px;
    font-weight: 600;
    color: #222;
    padding: 0px 0px 9px 0px;
    /* margin-bottom: 18px; */
    /* float: left; */
    text-transform: uppercase;
}

.product_tab_button .product_responsive_btn a{
    font-size: 14px;
    font-weight: 400;
    color: #222;
    padding: 0px 0px 9px 0px;
    /* margin-bottom: 18px; */
    /* float: left; */
    text-transform: uppercase;
}

.productnameManu a{
    font-size: 14px;
    font-weight: 500;
}
.productdetailManu a{
    font-size: 18px;
    font-weight: 500;
    padding-left: 0px;
}
.samedaydelivermenu{
    font-size: 0.8rem;
}
.topmenuhemburger{
    font-size: 1.1rem;
}
.topdropdownmenus .dropdown-item{
    font-size: 0.9rem;
    font-weight: 500;
}
.footertextmanu{
    color: #676767;
    font-size: 0.8rem;
}
.imgwidth3 .custom {
    height: 22.5vw;
    width: 100% !important;
    /* border: 1px solid blue; */
    z-index: 6 !important;
    text-align: center;
}


.f-prod2 .header-all-cakes
{
     background: none !important;
     color: #000 !important;
     padding-left: 0px !important;
     font-family: "PublicSans-Regular", sans-serif !important;
     font-size: 28px;
     letter-spacing: -0.4px;
     /*line-height: 11px;*/
     font-weight: bold;
     text-align: left;
}

.hand_courier_box button {
    width: 47% !important;
    margin: 6px 0px;
    display: flex;
    border: none;
    box-shadow: 0px 0px 8px #9b9b9b;
    padding: 5px;
    border-radius: 10px;
    align-items: center;
    padding: 6px 16px !important;
}

#buy-now-btn {
    border-radius: 5px;
    cursor: pointer;
    color: white;
    font-weight: 500;
    background: #f70000;
    box-shadow: none !important;
    border: solid 1px #ddd !important;
    color: #fff !important;
}

.tab-content {
    margin-left: 0px !important;
    font-size: 1vw;
    float: left !important;
    width: 100% !important;
}

.recently
{text-align: center;font-family: "PublicSans-Regular", sans-serif !important;font-size: 35px;color: #000;font-weight: bold;margin-bottom: -40px;background: #eaeff3;padding-top: 0;z-index: 99;position: relative;}

.cliwnt-syss {
    text-align: center;
    font-family: "PublicSans-Regular", sans-serif !important;
    /*font-size: 35px;*/
    color: #000;
    font-weight: bold;
    background: #f9f9f9;
    margin: 0px !important;
    background: #eaeff3;
    padding-top: 0px !important;
    padding-bottom: 8px;
}

.hand_delivery p, .courier_delivery p {
    font-size: 13px !important;
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.navbar-dark ul
{margin-left: 0rem !important;}

.star-s
{padding-left:10px;}

.prod5-pincode span {
    font-size: 1rem;
    border: 0px solid gray !important;
    height: max-content;
    width: 100%;
    padding: 0.5rem 1rem;
    border-radius: 10px;
    color: black;
    font-weight: 700;
    margin: 14px 0px;
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
    font-size: 20px ;
    font-weight: 600 !important;
    padding: 7px 15px;
}


.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    height: 39px;
    padding-top: 5px !important;
}

.form-select-sm {
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: .5rem;
    font-size: .875rem;
    height: 40px !important;
    font-size: 19px !important;
}


.sub-cat-img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
}


.accordion-button:not(.collapsed){
    color:black;    
}

.accordion-button:not(.collapsed)::after {
  background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="%23000" viewBox="0 0 16 16"><path 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"/></svg>');
  /*background-size: 1rem;*/
}

.rate-this{
    font-size:1vw;
}
.social-icons-footer a i{
    font-size: 2vw !important;
    margin:10px 0;
}
@media (max-width: 320px), (max-width: 375px), (max-width: 384px), (max-width: 414px), (max-device-width: 450px), (max-device-width: 480px), (max-device-width: 540px){
  .diss
{
 display: none !important;
} 
#personalizePreviewWrapper, .product-pincode-part #selected-courier-delivery-pincode{
    width: 100%!important;
}
.product-pincode-part{
    display: revert!important;
}

.footertextmanu {
color: #676767;
font-size: 11px !important;
}

.footer2, .footer3 {
  text-align: center;
  margin-top: 5%;
  font-size: 3vw;
  line-height: 15px;
}
.footer4{
    font-size: 3vw!important;
}

/*.stor*/
/*{ */
/*    display: none !important;*/
/*}*/

.samedaydelivermenu {
  font-size: 8px !important;
  text-align: center;
}   
.collapse:not(.show) {
  display: block!important;
}

.navbar-nav {
  margin-top: -15px;
}

.navbar-nav .dropdown-menu {
  position: absolute !important;
  float: none;
  top: 100% !important;
}

/*.slick-initialized .slick-slide {*/
  /*! display: block; */
  /*! margin-left: 7px !important; */
  /*! width:132px !important; */
/*}*/

.delivery {
    position: absolute;
    bottom: 0%;
    left: 50% !important;
    width: 100% !important;
    float: left;
    border-radius: 0px !important;
  }
  .select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 30px !important;
  }
  .select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
  height:30px;
  padding-top: 0px !important;
}
.form-select-sm {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 6px;
  height: 30px !important;
  margin: 0px;
  padding-right: 0px;
}
  
  .select2-container .select2-selection--single .select2-selection__rendered {
  font-size: 3.7vw !important;
  padding: 0px 6px !important;
  text-align: left;
}
.select2-results {
  display: block;
  font-size: 8px !important;
}
  
  .btn:not(:disabled):not(.disabled) {
  cursor: pointer;
  font-size: 11px !important;
  font-weight: 600 !important;
  padding: 7px 3px !important;
  float: left;
  width: 100%;
}
.viewall {
    margin-bottom: 0 !important;
  }
  
  .browsemain img {
}
.allcakes7-text {
    color: rgb(34, 34, 34);
    line-height:normal!important;
    font-size: 12px !important;
    font-weight: bold;
    background-color: #fff;
    padding: 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    float: left;
    text-align: left;
    }
    .allcakes7 .allcakes7-text, .allcakes7 .allcakes7-rates, .allcakes7 .d-flex{
        font-size: 12px;
    }
  
  .imgwidth2 {

  padding: 30px 9px !important;
}

  .random-product-area-wrapper .product-bg-img[data-height] {
    height: 32vw !important;
    border-radius: 10px;
    box-shadow: 0 0 0px #0000003b !important;
    border: solid 1px #e8e8e8 !important;
  }
  
  .imgwidth2 span {
  display: block;
  position: absolute;
  left: 50%;
  bottom: 0%;
  width: 100%;
  transform: translate(-50%);
  color: white;
  text-align: center;
  font-weight: bold;
  /*background-color: rgb(0 0 0 / 92%) !important;*/
  background-color:rgb(219 89 89 / 77%) !important;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  padding: 2px !important;
  transition: 1s all;
}

.header-all-cakes {
  padding: 16px 0px 20px 0px !important;
  font-size: 23px !important;
  margin: 0px;
  float: left;
  width: 100%;
  /*position: ;*/
}


.imgwidth3 {
  padding: 40px 10px 10px !important;
}

.productdetailManu a
{
    font-size: 11px !important;
}


  .productnameManu a {
    font-size: 11px !important;
    font-weight: bold;
    background-color: #fff;
    padding:05px 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    float: left;
    text-align: left;
  }
  
  .btn:not(:disabled):not(.disabled) {
  /*! cursor: pointer; */
  font-size: 11px !important;
  /*! font-weight: 600 !important; */
  padding: 6px 9px !important;
  /*! float: left; */
  /*! width: 100%; */
  /*! position: absolute; */
  /*! z-index: 99999999999999999999; */
  /*! top: 10%; */
}

del {
  color: #c5c5c5;
  font-size:11px;
}

.bgimg1 span {
  font-size: 20px !important;
  line-height: 16px;
  color: #fff;
  width: 100%;
  float: left;
  text-align: center;
  background: #000;
  padding: 10px;
  border-radius: 0px 0px 20px 20px;
}
  .bgimg {
    position: relative;
    width: 70vw;
    height: 60vw;
    overflow: hidden;
    border-radius: 0px !important;
    margin:auto;
    margin-bottom: 10px;
  }

  .bgimg3 {
    font-size: 8px !important;
    line-height: 12px;
    padding: 4px !important;
    top: -20% !important;
  }

.clbg {
  /*background-color: #db3333;*/
  padding-bottom: 25px;
  padding: 30px !important;
  border: none;
  float: left;
  width: 100%;
  margin-bottom: 1rem;
}

  .bgimg2 {
    font-size: 11px !important;
    line-height: 12px;
    float: left !important;
    margin-bottom:16px !important;
    width: 47% !important;
    height: 150px;
  }
  
  .viewall a {
  text-align: center;
  border: solid 1px red;
  padding: 6px 10px;
  color: red;
  font-size: 14px;
  margin-right: 120px;
  border-radius: 3px;
  font-weight: 600;
}

.productdetailManu a {
padding-left: 0px !important;
}
  
  .bgimg1 {
  position: absolute;
  bottom:0px;
  top:auto;
  left: 0;
  width: 100% !important;
  height: 80%;
  border: 0px solid white;
  align-items: center;
  text-align: center;
  display: block;
  justify-content: center;
  font-size: 34px !important;
  color: white;
  font-weight: bolder;
  z-index: 99;
  border-radius: 100%;
  transform: translate(0);
  background: none !important;
}
.bgimg1 span{
    bottom:0;
    top:auto;
    left:0;
    transform:translate(0);
}
.borderblack {
  float: left;
  width: 206vw;
  height: 300px;
  display: contents !important;
}

.allcakes::-webkit-scrollbar {
  width: 8px; /* Width of the scrollbar */
}

.allcakes::-webkit-scrollbar-track {
  background: #eee; /* Background of the scrollbar track */
}

.allcakes::-webkit-scrollbar-thumb {
  background-color: #888; /* Color of the scrollbar thumb */
  border-radius: 10px; /* Roundness of the scrollbar thumb */
  border: 2px solid #eee; /* Padding around the thumb */
}

.imgwidth3 span div {
  font-size: 11px;
}

  .browsemanu {
width: 110px !important;
    height: auto;
margin: 7px 10px;
  }
  

.browsemain {
  padding: 15px !important;
  float: left;
  width: 100%;
}

  .imageres div {
    float: left;
    /*margin: 2px;*/
  }


/* .imageres {
    padding: 6px !important;
    float: left;
    display: block !important;
  }
  
  


  .imageres div a {
    float: left !important;
    width: 97px !important;
    border: solid 1px #ddd;
    height: 71px;
    margin-bottom: 10px;
    padding: 5px;
  }
  

.imageres div a img {
  width: 84%;
  height: 100%;
  transition: 2s all;
}
  .imageres span {
    display: initial !important;
    margin-top: 28px !important;
    float: left !important !important;
    width: 93% !impo !important;tant;
    background: #000 !important;
    padding: 4px 4px 4px 4px !important;
    margin-left: 3px !important;
    color: #fff !important;
  }
.topcategoryimgwrapper {
  overflow: inherit !important;
  border-radius:0px !important;
}*/

/*.slick-initialized .slick-slide img*/
/*{*/
/*    margin-left:0px !important;*/
/*    width: 94%;*/
/*    height: 46px;*/
/*}*/
  
 .navbar-search input{
    width: 100%;
    outline: none;
    padding: 1.5vw !important;
    border: none;
    outline: none;
} 
.imgwidth3 span div img
{   width: 94%;
    height: 46px;
    
}

    
}

 @media (min-width: 576px) {
    /* .category-heading {*/
    /*    font-size: 16px !important;*/
    /*}*/
    /*.dropdown-container {*/
    /*    margin-right: 0.5rem !important;*/
    /*    margin-left: 0.5rem !important;*/
    /*}*/
    .custom-col {
        flex-basis:30% !important;
    }
    
}
 @media (max-width: 480px) {
     
     .category-heading {
        font-size: 16px !important;
    }
    .dropdown-container {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important;
    }
    .navbarul li {
        font-size: 8vw!important;
        margin: 9px 0 0 6.5vw!important;
    }
    .logout_submit_btn_anchor{
        margin-left: 1rem!important;
    }
    .mobile-align-right{
        line-height: normal;
    }
}

@media (min-width: 992px) {
    .custom-col {
        /* Large screens (7 columns) */
        flex-basis: 14% !important;
    }
    
}

.delivery .select2
{
    width:100% !important;
}
.mobile-case{
    display:none !important;
}
.categoryImageManu{
    border-radius:15px;
    position:relative;
    width:100%;
    padding-top:100%;
}
.categoryImageManu img{
    position:relative;
}
.sub-cat-height{
    max-height:65vh;
}
/*.inside-shadow{*/
/*    box-shadow:inset 0px -10px 10px 0px #cdcdcd;*/
/*}*/
#blackout.visable {
    z-index:998 !important;
}
#popup{
    z-index:999 !important;
}

.product-total-with-addon-details {
    white-space: nowrap;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.product-total-with-addon-details > * {
    flex: 1 1 auto;
    text-align: center;
}

.custom-padd-dash{
    padding:30px 30px 10px !important;
}
.accordion-body{
    padding:0px !important;
}
/*.allcakes{*/
/*    scrollbar-width:none;*/
/*    -webkit-scrollbar-width:none;*/
/*}*/
.swal-delete{
    margin-left:10px !important;
    margin-bottom:0px !important;
}

.customizable2 {
    left:0;
}

.imageres {
    display: flex;
    overflow-x: auto;
    padding: 10px 0;
}


.category-item {
    display: inline-block;
    width: 150px;
    margin-right: 10px;
    text-align: center;
    flex-shrink: 0;
}

.category-item img {
    max-width: 100%;
    height: auto;
}
.accordion-body .allcakes{
    margin-left:0px !important;
}
.accordion-body .allcakes div{
    padding: 0px 20px;
}
.accordion-body .allcakes div .filtertypes{
    text-align:left;
}
.accordion-body .allcakes div button{
    width: 100%;
    margin: 5px 0px;
}

.address-type{
    justify-content:space-between;
}
.cart-box {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.cart-item-card {
    display: flex;
    padding:10px 30px !important;
    flex-direction: row;
    border: 1px solid #efefef;
    border-radius: 10px;
    padding: 1rem;
    background: #fff;
    box-shadow: 0 2px 3px 4px rgba(0, 0, 0, .12);
    align-items: center;
    gap: 1rem;
    white-space:nowrap;
}
.cart-item-thumb{
    max-width:150px;
    text-wrap:wrap;
}
.cart-item-thumb img {
    max-width: px;
    height: 140px;
    border-radius: 3px;
}
.cart-item-content {
    display: flex;
    gap: 1rem;
    flex-grow: 1;
}
.product-name {
    align-self:center;
   }
.addon-wrapper {
    min-width:170px;
    max-width:200px;
    display: flex;
    flex-direction: column;
}
.addon-name-cart{
    text-wrap:wrap;
}
.addon-header, .addon-row {
    display: flex;
    justify-content: space-between;
}
.cart-item-details {
    display: flex;
    flex-direction: row;
    gap: 5rem;
}
.quantity input {
    width: 60px;
}
.total {
    display: flex;
    justify-content: space-between;
  align-items: center;
}
.total .price {
    font-weight: bold;
}
.cart-total {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    background-color: #fff;
    margin-top: 1rem;
}
.total-label {
    font-size: 20px;
    font-weight: bold;
    color: #000;
    text-transform: uppercase;
}
.btn-wrapper {
    display: flex;
    gap: 1rem;
}

.content .btn-wrapper{
    justify-content:center
}

.cart-btn-wrapper {
    margin-top: 1rem;
}
/* General Styles */
.cart-box {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.cart-item-thumb img {
    max-width: 140px;
    height: 140px;
    border-radius: 3px;
}
.quantity {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    align-items:center;
}

.quantity label{
    width:100%;
}
.delivery-options {
    display: flex;
    gap: 3rem;
}
.delivery-options>div {
    justify-content:space-between;
}
.delivery-options label, .quantity label, .total label {
    font-weight: bold;
}
.remove_cart_item {
    background: #db3333;
    color: #fff;
    border-radius: 3px;
    padding: 5px 8px;
    align-self:center;
}
.check1-btn label{
    font-size:0.8vw ;
}
.check1-btn {
    font-size:0.7vw;
    font-family:"PublicSans-Regular", sans-serif !important;
}
.category-divider{
    height:2.6vw;
    background:white;
    opacity:1;
    width:calc(100% + 30px);
    position:relative;
    left:-15px;
}
.country-size-box .lense-text{
    text-align:center;
}
.count-box{
    font-size:0.5vw;
}
.userprofilealternative{
    width:50px;
    height:50px;
    border-radius:50%;
    color:white;
    box-shadow:7px 7px 10px 0px #b7b7b7;
}
.browsemain img {
    width: 11vw;
    height: 11vw;
    border-radius: 50%;
    object-fit: cover;
}

.stories-box {
    display: flex;
    flex-direction: column;
    margin: 0px;
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 15px;
}

.stories-margin-top {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.user-image {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-right: 10px;
}

.rating i {
    margin-right: 2px;
}

.feedback-details {
    display: flex;
    flex-direction: column;
}

.feedback-name {
    font-size: 1rem;
    font-weight: bold;
}

.feedback-text {
    margin-top: 10px;
}

.review-msg {
    font-size: 0.9rem;
    color: #101010;
    font-family:"PublicSans-Regular", sans-serif !important;
    min-height:5vw;
    
}

.stor {
    margin-top: 20px;
}   



.cart-image-box a{
    display:block;
    text-align:center;
}
.card-preview-button .btn:not(:disabled):not(.disabled){
    font-size:1.1vw !important;
}
.personalizethis{
    /*position:absolute;*/
    bottom:0;
    left:0;
    /*width:100% !important;*/
}
.personalizethis .btn:not(:disabled):not(.disabled){
    padding:10px !important;
}

.cart-option{
    position:relative;
}
.feedback-slider-main .feedback-details .slick-list{
    display:flex;
}
.feedback-slider-main .feedback-details .slick-list .slick-track {
    display:flex;
    margin:auto !important;
}
.feedback-slider-main .feedback-details .slick-list .slick-track .slick-slide{
    margin-left:0 !important;
}
.view-more-details-mobileview{
        display: none;
    }

@media only screen and (min-width:320px) and (max-width:576px)
{
    .logout_submit_btn_anchor{
        font-size: 18px!important;
        margin-left: 0;
    }
    .checkout-payment-wrapper{
        margin-top: 1rem!important;
    }
    .viewall a{
        margin-top:65% !important;
    }
    .prod2-date{
        margin-bottom:10px;
    }
    .f-prod2 .header-all-cakes {
        line-height:normal;
    }
    .view-more-details-mobileview{
        display: flex;
    }
    .view-more-details-desktop{
        display: none;
    }
    .navbar-search
    {
        display:none !important;
        margin:0px;
    }
    
    .navbarul{
        align-items:center;
    }
    .navbarul li{
        display:flex;
        align-items:center;
        font-size: 1.9rem;
        margin: 9px 0 0 15px;
    }
    .mobile-case{
        display:block !important;
    }
    
    .navbar-search{
        width:100% !important;
        padding: 10px;
    }
    .navbar-search-btn
    {
        right:5%;
        top:50%;
        transform:translateY(-50%);
    }
    .navbar-search input {
        padding :2.5vw !important;
        border-radius:2px;
        font-size:14px;
    }
    .navbar-search input::placeholder{
        font-size:14px;
    }
    .browseByCat a img {
        width: 100px;
        height: 100px;
        border-radius:10px;
    }
    .viewall a
    {
        display: flex !important;
        justify-content: center;
        width: 100%;
        align-items: center;
    }
    .bgimg3{
        top:-13.1% !important;
    }
    .browsemainmanu img{
        width:75px !important;
        height:75px !important;
    }
    .allcakes7-bottom{
        font-size:3.3vw;
    }
    .footer1{
        flex-direction:column;
        justify-content:center;
        align-items:center;
    }
    .heightline{
        opacity:0;
        height:5px;
    }
    .footer1 .emailbtn input{
        width:85%;
        padding:5px;
    }
    .footer1 .emailbtn input::placeholder{
        font-size:8px;
    }
    .footer1 .emailbtn button{
        width:15%;
        padding:6px;
    }
    .footer-email-btn{
        width:100%;
    }
    .footer-some-head{
        font-size:3.5vw;
        margin-bottom:8px;
    }
    .optionsurl i{
        font-size:10px;
    }
    .subcathead{
        font-size:16px !important;
    }
    /* Product-card component start*/
    .allcakes7-rates{
        font-size:12px;
        padding-left: 1px !important;
        line-height: 28px;
    }
    .allcakes7-dis{
        font-size:9px;
    }
    .allcakes7-rating .rate-this{
        font-size:3vw;
    }
    .allcakes7 a{
        padding:0px;
    }
    .allcakes7-off-filter{
        font-size: 10px;
        padding: 0px 6px;
        /* height: 1.5rem; */
        /* width: 1.5rem; */
        border-radius: 4px;
        /* text-align: center; */
        margin: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: 600;
        top: 0;
        position: absolute;
        left: 0;
        line-height: 19px;
    }
    .sub-cat-height{
        max-height:25vh;
    }
    .sub-cat-button-filter{
        margin-bottom:2px;
    }
    .categoryImageManu {
        position: relative;
        width: 100%;
        padding-top: 100%; /* This creates a 1:1 aspect ratio box */
        overflow: hidden;
    }
    
    .categoryImageManu img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover; /* This ensures the image covers the entire area without distorting */
    }
    .allcakes7 a img {
        height:100%;
    }
    .accordion .accordion-item .accordion-collapse{
        display: none;
    }
    
    .all-prod{
        flex-wrap:wrap;
    }
    .prod1,
    .prod2{
        width:100%;
        margin: 10px;
    }
    .prod2{
        max-height:unset!important;
    }
    .prod1 {
        flex-direction:column;
    }
    .f-prod,
    .prod2-input .prod2-pincode input,
    .prod2-date input{
        width:100% !important;
    }

    .prod-shr-img div{
        width:auto;
    }
    .prod-blk-img div {
        width:24%;
        height:24%;
    }
    .sameDayDelivery{
        font-size:3vw;
    }
    .view-more-details a{
        font-size:3vw;
    }
    .hand_courier_box button {
        width:100% !important;
        margin:5px 0px 10px;
    }
    .prod2-input .prod2-pincode input,
    .prod2-date input{
        height:30px !important;
    }
    
    .add_to_cart{
        width:100% !important;
    }
    
    .prod2-btn button{
        width:100% !important;
    }
    .prod-buy,
    .prod2-buy{
        width:100% !important;
    }
    .prod-specif{
        width:100%;
        text-align:center;
    }
    .prod-specif li{
        margin: 8px 0px 0px;
        width: 100%;
    }
    .tab-content ul{
        margin-left:0px;
    }
    .recently{
        font-size:24px;
        padding:10px 0px;
    }
    .cliwnt-syss{
        font-size:24px;
    }
    .stories-box{
        width:100%;
        flex-direction:column;
    }
    .stories-inside-box{
        flex-direction:column-reverse;
    }
    .storiestxt{
        flex-direction:column;
    }
    .stars-of-rating{
        width:100% !important;
    }
    .stories-box img{
        width:100% !important;
    }
    .stor{
        padding:0px 10px;
    }
    .review-msg{
        font-size: 0.8rem!important;
    }
    .prod-blk-img{
        display:flex;
        gap:10px;
        justify-content: center;
    }
    .single-checkbox-wrap{
        margin-right:0px !important;
    }
    .dimentions .col-3{
        padding:0px;
    }
    .dimentions div b{
        font-size:10px !important;
    }
    
    .view-product-home {
        display: flex;
        flex-wrap: wrap;
    }
    
    .custom.slick-item {
        position: relative;
        width: 100%;
        padding-top: 100%;
        overflow: hidden;
    }
    
    .custom.slick-item img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .startsareshining{
        padding:0px;
    }
    .imglogo{
        margin-right:0px !important;
    }
    .filtertypes{
        padding:10px !important;
    }
    /* Product View Page end*/   
    
    /* Login Page start*/
    
    .check1-btn-main{
        width:100%;
        margin:10px 20px;
    }
    .check1-login span {
        width:10vw;
        height:10vw;
        font-size:16px;
    }
    .check1-login3{
        width:100%;
        margin-right:10vw;
    }
    .check1-login-name{
        font-size:6vw;
    }
    #login_email{
        width:100%;
        font-size:16px;
    }
    .btn-wrapper{
        margin-top:10px;
    }
    #login_btn{
        padding: 5px 0px;
        font-size:12px;
    }
    .check1-login-using{
        font-size:12px;
    }
    .check1-btn-shr button {
        width:30vw;
    }
    .check1-btn-shr-google {
        font-size:12px;
    }
    .check1-btn-shr button span {
        font-size:5vw;
    }
    .check1-login3 {
        padding-bottom:5vw;
    }
    /* Login Page end*/
    
    /* OTP Page start*/
    .check1-btn{
        padding:10px 20px;
    }
    
    .userInput input{
        width:40px;
    }
    .otp-heading{
        font-size:30px;
    }
    .otp-box{
        font-size:16px;
    }
    .check1-continue input{
        font-size:16px;
        width:100%;
        height: 2rem;
    }
    /* OTP Page end */
    
    /* Register start */
    .login-new{
        font-size:12px;
        margin-top:12px;
    }
    /* Register end */
    
    /* Dashboard start*/
    .dashboard-form-wrapper label{
        font-size:16px;
    }
    .dashboard-form-wrapper small{
        font-size:12px;
    }
    .prod2-buy button{
        padding: 9px 0px !important;
    }
   
    /* Dashboard end */
    
    /* Details Page Start*/
    
    #presentation-area{
        height:300px !important;
    }
    #popup.visable{
        top:50% !important;
    }
    #popup{
        width:70vw !important;
    }
    /* Details Page End*/
    .selected-type-time-slot span {
        width:80% !important;
    }
    #left-btn{
        width:auto;
    }
    .slide .heading {
        font-size:1rem !important;
    }
    .time_slots{
        font-size:12px !important;
    }
    .selected-delivery-type h4{
        font-size:14px;
    }
    .selected-type-time-slot span {
        height:2rem !important;
        margin: 0.2rem 0 !important;
    }
    .delivery_type label {
        padding-left:0.5rem !important;
    }
    .addon-quantity-selection .addon-quantity-input{
        text-align:center;
    }
    .addon-custom-model-wrap .row {
        max-height:50vh !important;
    }
    .product-total-with-addon-details{
        max-height: 20vh;
        overflow-y: scroll;
        position: fixed;
        bottom: 0;
        height: 22vh;
    }
    .continue-with-addons-btn{
        font-size: 7px!important;
        padding: 6px 0px !important;
    }
    .prod2-pincode input,
    .prod2-date input{
        font-size:9px;
    }
    .add-on-close-btn .addon-heading {
        font-size:1rem;
    }
    .modal-price-head-manu{
        width:100% !important;
        display:block;
    }
    .continue-with-addons-btn {
        width: 100%;
    }
    .addon-qty-price-details,
    .modal-product-price-details,
    .modal-shipping-details,
    .modal-final-total-addon-product-details{
        width:100% !important;
    }
    .modal-final-total-addon-product-details{
        padding-bottom:30px;
    }
    .pop-up-content-wrap{
        position:relative;
    }
    .continue-with-addons-btn-wrapper {
        margin:0px;
        position:fixed;
        left:0;
        bottom:0;
    }
    #pincodeAvailable_alert,
    .alert_message{
        font-size:14px !important;
    }
    .checkout-main {
        flex-direction:column;
    }
    .checkout-col1{
        width:100vw;
    }
    .checkout-col2 {
        width:100vw;
        padding:0px 20px;
    }
    .cartdatawithaddons{
        margin-top:10px;
    }
    .checkout-gift1 button{
        padding: 6px;
        margin: 4px 0px;
        font-size: 10px;
    }
    .checkout-row3{
        flex-direction:column;
    }
    .checkout-row3-col1,
    .checkout-row3-col2,
    .checkout-row3-col3{
        width:87vw;
        margin-top:5px;
    }
    .checkout-num span {
        width:5vw;
    }
    .productincreaseqtywrapper{
        display:flex;
        margin: 14px 0;
    }
    .checkout-row3-col1 button,
    .productincreasedQtyInput{
        font-size:20px;
    }
    .productincreasedQtyInput{
        text-align:center;
    }
    .checkout-row3-col3-end{
        align-items:baseline;
        text-align:left;
    }
    .checkout-row2{
        margin-bottom:20px;
    }
    .checkout-addon-quantity-input{
        font-size:20px;
        text-align:center;
    }
    .massage-on-cake div {
        font-size: 15px;
        color: black;
    }
    .checkout-h-img1 img{
        width:26vw;
    }
    .address-content{
        margin-left:16px !important;
        margin-top: 10px !important;
    }
    .address-content i{
        font-size:1.4rem;
    }
    .form-check-label p{
        font-size:12px;
    }
    .form-check-label h5{
        font-size:14px;
    }
    .sender-details-h div{ 
        font-size: 20px;
        font-weight: 600;
        margin-top: 1rem;
    }
    .sender-details-h span{
        font-size: 10px;
    }
    .sender-details-h{
        margin-bottom: 0;
        font-size: 4.5vw!important;
    }
    #toggleNewAddressForm{
        margin:0px !important;
        font-size:4vw !important;
    }
    .sender-details-input div {
        width:100%;
        padding:0 10px;
    }
    .sender-details-input input {
        width:100%;
    }
    .sender-details-input{
        padding: 0vw 1vw!important;
    }
    .sender-contactless {
        font-size:3vw;
        padding:10px;
    }
    .sender-disclaimer{
        font-size:3vw;
    }
    .sender-details{
        padding: 12px;
    }
    .checkout-col2-main{
        margin-top: 0;
    }
    #proceed-button{
        font-size:1.1rem;
        padding:0.8rem 1rem!important;
        position: fixed;
        bottom: 0;
        width: 100%;
        left: 0;
        border-radius: 0!important;
    }
    .checkout-name{
        font-size:14px;
       
    }
    .checkout-col2-h{
        
    }
    .checkout-email{
        font-size:14px !important;
    }
    .checkout-col2-h {
        font-size:16px;
    }
    .checkout-col2-flex-total{
        margin-top: 1rem;
    }
    .coupon-btn, .coupon-btn a{
        font-size: 13px!important;
    }
  
    .checkout-col2-flex {
        font-size:13px;
    }
    .checkout-secure-row1 div img,
    .checkout-secure-row3 div img{
        width:10vw;
    }
    .checkout-secure-row3 div ul li{
        font-size:14px;
    }
    .checkout-secure-row3
    .font-c-bold2,
    .checkout-secure-row3 div div{
        font-size: 4vw;
    }
    .checkout-secure-row1 div
    { 
        font-size:10px; 
    }
    .checkout-secure-row3{
        justify-content: space-between;
        align-items: center;
    }
    .checkout-secure-row2 img{
        width:15vw !important;
    }
    .checkout-row3-col3-end {
        font-size: 12px;
    }
    .navbarul{
        margin:0px;
        padding: 0;
    }
    .checkout-payment-wrapper .container-fluid{
        padding:0 1.5rem !important;
    }
    .checkout-payment-wrapper .select-payment-option-wrapper p {
        width:100% !important;
        padding: 1rem 0;
    }
    .sender-proceed-btn{
        margin-bottom:20px;
    }
    .checkout-payment-wrapper .order-detail-wrapper {
        padding:1rem !important;
    }
    .payment-success-wrapper {
        padding:10px;
    }
    .payment-list li{
        font-size:14px !important;
    }
    .payment-strong{
        font-size:12px !important;
    }
    .mobilewrapper{
        display:flex;
        gap:10px;
    }
    .form-header-wrap{
        margin-bottom:20px;
    }
    .reviewModalbutton{
        font-size:0.5rem;
    }
    .tab-content{
        font-size:4vw;
    }
    .actions{
        gap:10px;
    }
    .actions a{
        width:auto !important;
        margin-bottom:0px !important;
    }
    .support-ticket-page-area {
        padding:0px;
    }
    .support-ticket-wrapper{
        padding:10px !important;
    }
    .support-ticket-wrapper .title{
        font-size:28px;
        margin-bottom:30px;
    }
    .header-wrap {
        flex-wrap:wrap;
    }
    .header-wrap a{
        margin:10px 0px 10px;
    }
    .error-page-content{
        padding:30px 20px;
    }
    .gig-message-start-wrap{
        padding:15px !important;
        margin:40px 0px !important;
    }
    .reply-message-wrap {
        padding:20px 10px !important;
    }
    #gdpr-cookie-message button{
        width:100%;
    }
    #gdpr-cookie-advanced{
        margin-left:0px !important;
    }
    .swal-delete{
        margin-left:0px !important;
    }
    .header-area-wrapper .slick-slide{
        margin-left:0px ;
    }
    .delivery{
        margin:0px !important;
    }
    .delivery .col{
        padding-right:0px;
    }
    .delivery .col:last-child{
        padding-right:15px;
    }
    .samedaydelivermenu{
        font-size:3vw !important;
    }
    .continue-with-addons-btn{
        font-size:14px !important;
    }
    .quantity.quantity2{
        margin-top:20px;
    }
    #pincode_alert{
        font-size:4vw !important;
        margin-left: 1rem!important;
        margin-bottom: 1rem!important;
    }
    .category-item {
        width: 25vw;
        margin: 0;
    }
    .dimentions{
        margin-left: 0px;
        margin-right: 0px;
        padding:0px 0.1px 0px 0px;
    }
    .new-address-input{
        flex-wrap:wrap;
    }
    .new-address{
        font-size:4vw;
    }
    .checkout-h2{
        font-size:5vw;
        padding:0 !important;
        margin:10px 0px !important;
    }
    .new-address input{
        padding:0px 0px 0px 10px !important;
    }
    .ok-free-message-card{
        font-size:14px;
        margin-bottom:5px;
    }
    .free-message-card div img {
        width:30vw;
    }
    .total{
        width:100%;
    }
    .cart-area-wrapper{
        padding: 0 !important;
    }
    .cart-total{
        flex-direction:column;
        padding:0px !important;
    }
    .total-label{
        font-size:12px !important;
    }
    .proceed_to_checkout_btn{
        font-size:14px !important;
    }
    .proceed_to_checkout_btn,
    .btn-wrapper form{
        width:100%;
    }
  .cart-box table tr td {
	padding: 0 12px!important;
  }
  .remove_cart_item{
        bottom: 0;
        top: unset !important;bottom: 0;
  }
    .total-label{
        padding:0px;
    }
  .cart-delivery-detail{
    font-size: 12px!important;
  }
    .btn-wrapper{
        width:100%;
    }
    .cart-item-card {
        flex-direction: column;
        padding:0 !important;
      	gap: 0;
      
    }
  .card-wrapper-manu .cart-total{
    width: 100vw;
    margin: 0!important;
  }
    .cart-item-details {
        flex-direction: column;
    }
    .cart-item-content{
       flex-direction:column; 
      justify-content: space-between;
      align-items: normal;
      width: 100%;
      padding-left: 1rem;
    }
  .cart-proceed-continew-btn .btn-wrapper{
    width: 100vw!important;
    left: -16px;
    position: relative;
  }
  .cart-item-name{
   padding-left: 1rem; 
  }
  #cart-container{
    max-height: 58vh;
  }
    .delivery-options{
        flex-direction:column;
    }
    .quantity{
        flex-wrap:nowrap !important;
    }
    .remove-from-wish-list{
        width:auto !important;
        padding:0px 4px !important;
        margin-left:10px !important;
    }
    .add-to-cart-wish-from-list{
        width:auto !important;
    }
    .remove-from-wish-list i{
        font-size:14px !important;
    }
    .user-login-icon-list-wrapper{
        flex-direction: row !important;
        text-align:center;
    }
  .card_table_2547{
   	height: 55vh; 
  }
    .topcategoryimgwrapper {
        border-radius:10px !important;
    }
    .imageres div a div{
        width: 18vw;
        height: 18vw;
        
    }
    .admin-name-text-l{
        display:none;
    }
    .bgimg2{
        width:38vw !important;
        height:38vw !important;
        margin:3.5vw !important;
    }
    .bgimg2 {
        position:relative;
    }
    .bgimg3 {
        position:absolute;
        width:100%;
        top:auto !important;
        bottom:0;
        left:0;
        transform:translate(0);
        font-size:3vw !important;
        padding: 1.5vw 0px !important;
        color: black !important;
        text-align: center;
    }
    .browsemainmanu img {
        border-radius:10px !important;
    }
    .allcakes7 {
        gap:20px 0px;
        margin-bottom:20px;
    }
    .imageresmanu{
        flex-wrap:wrap;
        justify-content:flex-start;
    }
    .bgimg{
        border-radius:20px !important;
    }
    .optionsurl{
        display:none;
    }
    .allcakes7 a{
        margin: 0;
    }
    .allcakes7-bottom{
        font-size:3.5vw;
        line-height:12px;
    }
    .allcakes7-bottom2{
        font-size:3vw;
        line-height:11px;
    }
    .allcakes7-bottom b{
        padding-left:0px !important;
    }
    .footertextmanu{
        padding:0px !important;
    }
    
    .footer{
        padding:20px 10px;
    }
    .footer1 .emailbtn input {
        padding:10px;
    }
    .footer1 .emailbtn input::placeholder {
        font-size:3.5vw;
    }
    .emailbtn{
        display:flex;
        justify-content:center;
    }
    .footer1 .emailbtn button {
        padding:10px 5px;
        font-size:2.5vw;
    }
    .social-icons-footer{
        padding:4px 0px;
    }
    .social-icons-footer a i{
        font-size: 10vw !important;
    }
    .product-image-container{
        width:100%;
        height:100%;
    }
    .magnifier,
    .cursorshade{
        display:none !important;
    }
    .header-all-cakes {
        padding:5px 0px !important;
    }
    .save-address-for-delivery-button{
        font-size: 1.1rem!important;
        padding: 11px 0px !important;
    }
 
    .prod2-rates span{
        font-size:6vw;
    }
    .locationWithPincode{
        flex-direction: column;
    }
    .locationWithPincode span{
        font-size: 1rem!important;
    }
    .allcakes7-dis {
        font-size:11px;
    }
    .user-select-option{
        margin-top:5px;
    }
    .prod2-input{
        flex-direction:column;
    }
    .allcakes7 .ms-lg-3{
        font-size: 11px;
    }
    .prod2-pincode,
    .prod2-date{
        width:100%;
    }
    .prod2-pincode{
        text-align:left!important;
    }
    .prod2-input .prod2-pincode input, .prod2-date input{
        height: 60px !important;
        font-size: 5.5vw;
        padding-left: 1rem;
    }
    .prod2-input .prod2-pincode input:placeholder, .prod2-date input:placeholder {
        font-size: 5.5vw;
    }
   .prod2-input .prod2-pincode input::placeholder, 
.prod2-date input::placeholder {
    font-size: 1.2rem; 
}

    .quantity2 div{
        margin:10px 0px;
    }
    .prod5-pincode span{
        width:100%;
        margin:0px !important;
        font-size:0.8rem!important;
    }
    .user-select-option .quantity-add-cart .quantity{
        margin-top:0px;
    }
    .prod-specif{
        flex-wrap:nowrap;
    }
    .product_tab_button .product_responsive_btn a.active, .product_tab_button .product_responsive_btn a{
        font-weight:bold;
        font-size:11px;
    }
    #personalizethis, .buy_now, .add-on-product-model-btn{
        font-size:18px !important;
        height:100%;
    }
     #personalizethis{
        font-size:18px !important;
        padding: 9px 0px !important;
    }
    .cart-option{
        display:flex !important;
        width:100%;
        position:fixed!important;
        bottom:0!important;
        left:0;
        z-index:9999;
    }
    .prod2-btn button{
        border-radius:0px !important;
        margin-bottom:0px;
        border:0 !important;
    }
    #alert_message, #pincode_alert_message{
        font-size: 4vw!important
    }
    #ui-datepicker-div{
        z-index: 9999!important;
    }
    .btn:not(:disabled):not(.disabled){
        padding:10px 0px !important;
    }
    .addon-quantity-selection .addon-prd-quantity-btn{
        padding: 0.5rem 0!important;
    }
    .sub-cat-filter-anchor .btn:not(:disabled):not(.disabled){
        padding:10px !important;
    }
    .scroll-to-top{
        bottom:50px;
    }
    .addon-custom-model-inner{
        max-width: 95% !important;
        margin-top: 60px;
    }
    .addon-custom-model-wrap{
        border:0 !important;
        border-radius:0 !important;
        margin:0px !important;
    }
    .addon-custom-model-wrap>.pop-up-content-wrap>.row {
        max-height:50vh !important;
        height:36vh !important;
    }
    .addon-custom-model-wrap>.pop-up-content-wrap>.row-cols-2 {
        overflow-y: scroll;
        height: 70vh !important;
        max-height: 66vh !important;
    }
    .addon-custom-model-inner .pop-up-content-wrap{
        height: 60vh!important;
    }
    .continue-with-addons-btn-wrapper{
        width:100%;
    }
    .add-on-close-btn .addon-closed{
        font-weight: 400;
        font-size: 2rem;
        color: white;
        right: 0px;
        top: -10px;
        width: 4rem;
    }
    .addon-custom-model-main .addon-img-title{
        padding:0 !important;
    }
    .addon-custom-model-main .card{
        margin:0px !important;
        border:0px !important;
    }
    .addon-img-title img{
        width:100%;
    }
    .addon-custom-model-main .addon-custom-model-inner .addon-img-title img{
        height: 8rem;
    }
    .addon-quantity-selection{
        padding: 6px 10px !important;
    }
    .addon-quantity-selection .addon-quantity-input {
        height: 1rem !important;
        margin: 0px 22px;
        border-radius: 3px;
        font-size: 0.8rem;
    } 
    .addon-prd-quantity-btn i{
        font-size:4.5vw;
    }
    .addon-custom-model-main .addon-custom-model-inner .addon-img-title .addon-price{
        padding-top: 8px!important;
    }
    .card-wrapper-manu .delivery-options{
        gap:0px;
        font-size: 12px;
    }
    .cart-item-thumb img{
        max-width: unset;
        height: unset;
    }
    .card-wrapper-manu .total{
        font-size: 13px;
    }
    .card-wrapper-manu .quantity {
        font-size: 13px;
    }
    .addon-custom-model-main .addon-img-title .addon-title{
        font-size:3.5vw !important;
    }
    .addon-custom-model-main .modal-price-head-manu, .addon-custom-model-main .modal-product-price-details, .addon-custom-model-main .addon-qty-price-details, .addon-custom-model-main .modal-shipping-details, .addon-custom-model-main .modal-final-total-addon-product-details{
        font-size: 0.5rem;
    }
    .product-total-with-addon-details span{
            margin: 0 0.5rem;
    }
   .addon-custom-model-main .product-total-with-addon-details p{
        font-size: 0.8rem;
        font-weight: 600;
    }
    .add-on-product-model-manu .pop-up-content-wrap .product-total-with-addon-details .equal-operator{
        margin-left: 40%!important;
    }
    .add-on-product-model-manu .pop-up-content-wrap .addon-quantity-selection{
        margin: 0 6px 14px;
    }
    .add-on-product-model-manu .pop-up-content-wrap .addon-quantity-input{
        border: 1px solid gray;
    }
    .set-some-margin{
        margin:10px 0px 5px !important;
    }
    .check1-btn-main{
        border-radius:0px;
    }
    .check1-login2{
        display:none;
    }
    .check1-login3{
        margin:0px;
    }
    .check1-login-name{
        font-size:6vw;
        margin: 5px 0px;
    }
    .register-form{
        margin:0 20px;
    }
    .login_email_label{
        font-size:4vw;
        
    }
    .check1-continue input{
        border:1px solid black;
    }
    #login_btn{
        padding:10px 0px;
        background:var(--hover-color-one);
    }
    .check1-btn-shr button{
        width:100%;
        background-color:initial;
        box-shadow:0px 0px 10px 0px #9b9b9ba8;
        color:black;
        font-family:"PublicSans-Regular", sans-serif !important;
        border-radius:5px;
    }
    .check1-btn-shr-google {
        background-color: #fff;
        border: 1px solid #ccc;
        padding: 10px 20px;
        display: flex;
        align-items: center;
        font-size: 16px;
    }
    
    .check1-btn-shr-google span {
        display: flex;
        align-items: center;
        background-color: #fff;
        padding: 5px;
        border-radius: 4px; /* Optional: add border radius for a rounded look */
        position: relative; /* Ensure that the span has position context */
    }
    
    .check1-btn-shr-google i {
        font-size: 24px; /* Size of the icon */
        display: inline-block;
        background: linear-gradient(135deg, #4285F4, #34A853, #FBBC05, #EA4335);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        color: transparent; /* Make sure the text color is transparent */
    }
    .check1-login{
        background:#fff;
        box-shadow:0px 1px 10px 0px #bbbbbb8c;
    }

/* Ensure background color is visible behind the icon */
    .check1-btn label{
        font-size:4.8vw;
    }
    .check1-btn-main {
        border:0;
    }
    .cart-item-details{
        gap:0;
    }
  .cart-item-card .product-name{
    	font-size: 1.2rem;
        font-weight: bold;
    	text-wrap: auto;
  }
    .userMessagePart{
        flex-direction:column;
    }
    .massage-on-cake{
        width:100%;
    }
    .free-message-card{
        width:100%;
        flex-direction:column;
    }
    .birthdayCard{
        max-width:50vw !important;
        max-height:50vh !important;
        top:12% !important;
        left:50% !important;
        transform:translate(0) !important;
    }
    #message-card-message{
        margin-bottom: 0 !important;
    }
    .wishes{
        margin: 10px!important;
    }
    .message-card-title {
        font-size:6vw !important;
        margin-top:15px !important;
    }
    .wishes p{
        font-size: 4vw !important;
        line-height: normal;
    }
    .birthdayCard .name{
        margin-left:40% !important;
    }
    .imageresmanu .allcakes7-text{
        font-size:3vw !important;
        line-height:11px;
    }
    .imgwidth2 span {
        font-size:3vw !important;
    }
    .category-divider{
        margin: 24px 0;
        height: 25px !important;
    }
    .country-size-box .col{
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .allcakes7-rating button {
        padding:0.5vw;
        font-size:2vw;
    }
    .cart-item-thumb{
        max-width:initial;
    }
    .addon-wrapper{
        min-width:initial;
    }
    .card-preview-button .btn:not(:disabled):not(.disabled){
        font-size:14px !important;
    }
    .allcakes7-rating{
        padding:0;
        margin-top: 0.5rem;
    }
    .allcakes7-rating button{
        width:100%;
    }
    button.prd-quantity-btn.btn.btn-outline-info{
        font-size: 29px!important;
        padding: 18px 25px !important;
    }
    .pop-up-content-wrap .addon-quantity-selection {
        justify-content: center!important;
    }
    .pop-up-content-wrap .addon-quantity-selection .addon-quantity-input {
        margin: 0 4px!important;
    }
}

@media only screen and (min-width:576px) and (max-width: 768px) {
    
    .product-total-with-addon-details {
        align-items: flex-start;
        white-space: normal;
    }
    .subcategory_card_4{
        display: block;
    }
    
    .modal-product-price-details, 
    .addon-qty-price-details, 
    .modal-shipping-details, 
    .modal-final-total-addon-product-details {
        display: flex;
        justify-content: space-evenly;
        width: 100%;
    }

    .continue-with-addons-btn-wrapper {
        width: 100% !important;
        margin-top: 10px;
    }

    .continue-with-addons-btn {
        width: 100%;
    }
    .free-message-card div img {
        width:15vw;
    }
    .free-message-card div{
        font-size:8px;
        margin:0px;
    }
    .category-item {
        width: 120px;
        margin-right: 8px;
    }
    .cart-item-card {
        flex-direction: column;
        align-items: flex-start;
    }
    .cart-item-details {
        flex-direction: column;
        align-items: flex-start;
    }
    .total {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }
    .cart-item-content {
        gap: 0.5rem;
    }
    .category-divider{
        margin:30px 0;
    }
    .country-size-box .col{
        flex: 0 0 20%;
        max-width: 20%;
    }
}
button.prd-quantity-btn.btn.btn-outline-info {
  height: 2vw!important;
  width: 4vw!important;
  font-size: 25px!important;
}
.error-border {
    border: 2px solid red !important; /* CSS rule with !important */
}
    .f-prod2 .header-all-cakes {
        text-transform: capitalize;
    }

.product-pincode-part{
    display: flex;
    justify-content: space-between;
    align-items: start;
}
#personalizePreviewWrapper, .product-pincode-part #selected-courier-delivery-pincode{
    width: 50%;
}
#personalizePreviewWrapper{
    display: none;
}
.addon-prd-quantity-btn{
    padding: 0px 4px !important;
}
.otp-box{
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.8rem;
}
.footer-midd-wrapper::after { 
      content: "";

    width: 100%;
    height: 0.1px;
    position: absolute;
    width: 100%;
    background: white;

}

.footer-midd-wrapper { 
     margin-bottom: 1rem;
     position:relative;
}
.footer3{
    margin-top: 2%;
    margin-bottom: 0.5rem;
}
.footer4{
    font-size: 1rem;
}
.feedback-details .slick-track, .feedback-details .slick-track .slick-slide, .feedback-details .slick-track .slick-slide img{
    width: auto!important;
}
.user-login-icon-list-wrapper{
    flex-direction: column;
}
#proceed-button{
	background: red!important
}
.showAllusershippingAddress .address-content .form-check-label{
    padding-left: 2rem;
}
.showAllusershippingAddress .address-content .form-check-input{
    margin-left: 0;
}
.form-check-label{
    width: 100%;
    cursor: pointer;
}
.cartdeliverydata{
  font-size: 13px
}
.card-wrapper-manu .table tbody tr td{
  font-size: 15px
}
.cart-item-card{
  position: relative; 
}
/*.remove_cart_item{*/
/* 	top: 0;*/
/*    position: absolute;*/
/*    right: 0; */
/*  	margin:0.5rem;*/
/*}*/
.cart-proceed-continew-btn{
    display: flex;
    justify-content: center;
    align-items: center; 
}
.cartpage-totalrow{
    position: fixed;
    bottom: 0;
    width: 100vw;
    left: 0;
}
.table thead th{
    vertical-align: middle;
}
.cart-box table tr th {
    font-size: 16px;
}
.header-search_menu-container__2rKkg #search-hint-list{
    max-height: 60vh;
    overflow-y: scroll;
}

@keyframes blinkTextcheckout {
  0% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 1; }
}

#proceed-button .blink {
  animation: blinkTextcheckout 1s infinite;
}

.social-share,
.social-share li {
    list-style: none !important;
    padding: 0;
    margin: 0;
}

.social-share {
    display: flex;
    gap: 10px; /* Optional: adds space between icons */
    align-items: center;
}

.social-share li a .icon {
    font-size: 18px; /* Adjust size */
    transition: color 0.3s ease;
}

.social-share li a:hover .icon {
    color: #007bff;
}