/* font-family: "Bricolage Grotesque", sans-serif;font-family: "Libertinus Sans", sans-serif;font-family: "Nata Sans", sans-serif; */
.header_logo>span,
a {
    font-family: "Libertinus Sans", sans-serif
}
body{
     top: 0px !important;
}
.errorContainer,
.footerMenu>a,
.heroheading,
.heroheading_tag,
.pagination,
footer>p {
    text-align: center
}

#loadMoreBtn,
.Icon_container>div,
.crossError,
.menuCross,
.profileicon {
    cursor: pointer
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif
}
/* Hide the Google Translate top bar */
.goog-te-banner-frame.skiptranslate {
  display: none !important;
} 
iframe#\:2\.container {
    display: none;
}
.goog-logo-link {
  display: none !important;
}
.goog-te-gadget {
  color: transparent !important;
}
img.goog-te-gadget-icon {
    display: none;
}
/* Hide Google Translate tooltip */
.goog-tooltip {
  display: none !important;
}
.goog-tooltip:hover {
  display: none !important;
}
.goog-text-highlight {
  background-color: transparent !important;
  box-shadow: none !important;
  display: none;
}
#goog-gt-tt{
    display: none !important;
}
.VIpgJd-yAWNEb-VIpgJd-fmcmS-sn54Q{
    background: transparent !important;
    box-shadow: none !important;
}
#google_translate_element{
    display: none;
}
/* iframe.VIpgJd-ZVi9od-xl07Ob-OEVmcd.skiptranslate{
    display: block !important;
} */
/* google services finish */
h1,
h2,
h3,
h4,
h5,
h6 {
    text-transform: capitalize
}

a {
    text-decoration: none;
    color: #000
}

li {
    list-style-type: none
}

.required {
    color: #f5222d
}

.errorContainer {
    width: 95%;
    padding: 20px;
    margin: 20px auto;
    border-radius: 10px;
    box-shadow: rgba(50, 50, 93, .25) 0 6px 12px -2px, rgba(0, 0, 0, .3) 0 3px 7px -3px;
    background-color: #f15a24;
    position: relative
}

.crossError {
    position: absolute;
    width: 50px;
    top: 5px;
    right: 3px
}

.header_container {
    width: 95%;
    min-height: 80px;
    margin: 10px auto;
    padding: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 5px 10px;
    box-shadow: rgba(0, 0, 0, .07) 0 1px 1px, rgba(0, 0, 0, .07) 0 2px 2px, rgba(0, 0, 0, .07) 0 4px 4px, rgba(0, 0, 0, .07) 0 8px 8px, rgba(0, 0, 0, .07) 0 16px 16px;
    border-radius: 5px
}

.header_logo>a {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 3px;
    font-size: 12px
}

.profilecontainer,
.profileicon {
    display: flex;
    justify-content: center
}

.header_menu_item>a {
    position: relative;
    height: 21px
}

.header_menu_item>a::before,
.submenus>a::before {
    content: '';
    position: absolute;
    width: 0%;
    height: 1px;
    background-color: #f15a24;
    bottom: 0;
    transition: .4s
}

.header_menu_item>a:hover::before,
.submenus>a:hover::before {
    width: 100%
}


/* =============manue flag ===============*/
.language{
    display: flex;
    justify-content: center;
    align-items: center;
    gap:5px;
}
.language>span{
    width:25px;
    height:25px;
   
}
.language>span>img{
    width:25px;
    height:25px;
    
}
.lanen,.lanar{
    display: none;
}
/* ================= */

.profilecontainer {
    position: relative;
    align-items: center
}

.profileicon {
    width: 35px;
    height: 35px;
    border: 1px solid #f15a24;
    border-radius: 50%;
    align-items: center;
    color: #f15a24
}

#loadMoreBtn:hover,
.catergyContainer .category>a:hover,
.profileicon:hover {
    background-color: #f15a24;
    color: #fff
}

.submenus {
    display: none;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 8px;
    width: 150px;
    background-color: #fff;
    box-shadow: rgba(100, 100, 111, .2) 0 7px 29px 0;
    position: absolute;
    padding: 20px 3px;
    border-radius: 5px;
    height: 120px;
    top: 35px
}

.hero_left_heroimage,
.hero_middle_slider,
.hero_right_heroimage,
.mobile_menu {
    box-shadow: rgba(0, 0, 0, .2) 0 12px 28px 0, rgba(0, 0, 0, .1) 0 2px 4px 0, rgba(255, 255, 255, .05) 0 0 0 1px inset
}

.cartIc,
.submenus>a {
    position: relative
}

#loadMoreBtn {
    margin: 5px auto 10px;
    outline: 0;
    border: 1px solid #f15a24;
    padding: 5px 10px;
    background: #fff;
    border-radius: 5px;
    display: block
}

.header_logo>a>img {
    height: 100%;
    width: 80px
}

.header_logo>span {
    font-size: 9px
}

.heroheading,
.text_banner>h1,
.text_banner>p {
    font-family: "Bricolage Grotesque", sans-serif
}

.Icon_container,
.header_menu,
.header_menu_item {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 2px 20px
}

.menu_hamburder,
.mobile_menu {
    display: none
}

.cartCount {
    position: absolute;
    font-weight: 700;
    color: #f15a24;
    right: 0;
    top: -12px;
    font-size: .85rem
}

.menuCross,
.mobile_menu {
    position: absolute;
    right: 10px
}

.mobile_menu {
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 20px;
    width: 220px;
    padding: 20px 50px;
    border-radius: 10px;
    background-color: #fff;
    top: 20px;
    z-index: 10
}

.menuCross {
    color: #ac0505;
    top: 10px
}

.heroheading {
    margin-top: 40px;
    font-weight: 400
}

.heroheading_tag {
    font-family: "Nata Sans", sans-serif;
    margin: 20px
}

.hero_container {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 99%;
    margin: 10px auto;
    padding-bottom: 20px;
    gap: 5px
}

.hero_left_heroimage,
.hero_right_heroimage {
    width: 250px;
    border-radius: 15px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center
}

.hero_right_heroimage {
    background-color: #653e23
}

.hero_left_heroimage {
    background-color: #ffc2c5
}

.hero_middle_slider {
    border-radius: 15px;
    width: 600px;
    height: 400px
}

.hero_middle_heroimage,
.hero_middle_heroimage_second {
    height: 400px;
    overflow: hidden;
    border-radius: 15px;
    width: 250px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #e6debe
}

.catergyContainer,
.text_banner {
    display: flex;
    justify-content: center
}

.hero_middle_heroimage_second {
    background: #32100c
}

.banner_image_container {
    width: 95%;
    margin: auto;
    background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)) no-repeat, url("/images/banner_image.webp") center/cover no-repeat, no-repeat #f5f5f5;
    height: 380px;
    border-radius: 15px;
    padding: 20px 10px;
    animation: 1s fadeInlong
}

.text_banner {
    color: #fff;
    width: 100%;
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
    height: 100%;
    padding-right: 20px
}

.text_banner>h1 {
    padding-left: 20px;
    font-size: 3rem
}

.text_banner>p {
    padding-left: 20px;
    font-size: 1.8rem
}

.catergyContainer .category>h2,
.text_banner>a {
    font-size: 1.3rem
}

.catergyContainer .category>a,
.catergyContainer .category>h2,
.text_banner>a {
    font-family: "Libertinus Sans", sans-serif
}

.text_banner>a {
    margin: 5px 20px;
    padding: 10px 15px;
    border: 1px solid #5d9100;
    border-radius: 15px;
    color: #fff;
    font-weight: 700;
    transition: .3s
}

.catergyContainerHeading,
.homeStoreSection>h1 {
    font-family: "Bricolage Grotesque", sans-serif;
    text-align: center
}

.text_banner>a:hover {
    background: #fff;
    color: #5d9100
}

.catergyContainerHeading {
    margin-top: 50px;
    font-weight: 400;
    width: 100%
}

.catergyContainerHeading_tag {
    font-family: "Nata Sans", sans-serif;
    width: 100%;
    text-align: center;
    font-size: 16px;
    margin-top: 5px;
    margin-bottom: 20px
}

.catergyContainer {
    width: 95%;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
    margin: 20px auto
}


.homeStoreSection {
    box-shadow: rgba(0, 0, 0, .2) 0 12px 28px 0, rgba(0, 0, 0, .1) 0 2px 4px 0, rgba(255, 255, 255, .05) 0 0 0 1px inset;
    justify-content: center;
    height: 300px;
    display: flex
}

.catergyContainer .category {
    box-shadow: rgba(0, 0, 0, .2) 0 12px 28px 0, rgba(0, 0, 0, .1) 0 2px 4px 0, rgba(255, 255, 255, .05) 0 0 0 1px inset;
    width: 300px;
    align-items: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: 10px;
    padding: 30px 20px;
    border-radius: 15px;
    cursor: pointer;
    height: 340px;
}

.catergyContainer .category>img {
    width: 90%;
    height: 90%;
    border-radius: 15px
}

.catergyContainer .category>a {
    font-size: 1rem;
    padding: 10px 15px;
    border: 1px solid #f15a24;
    border-radius: 20px;
    transition: .4s
}

.homeStoreSection {
    width: 95%;
    align-items: center;
    flex-direction: column;
    gap: 20px;
    margin: 50px auto;
    padding: 20px 10px;
    border-radius: 15px;
    background-image: url('/images/homevisitshopbg.jpg');
    background-position: center center;
    background-size: cover
}

.homeStoreSection>a {
    padding: 10px 20px;
    border-radius: 20px;
    border: 1px solid #32cd32;
    transition: .4s;
    font-weight: 700;
    background-color: #000;
    color: #fff
}

.choose_heading,
.option_container>h1 {
    font-family: "Bricolage Grotesque", sans-serif;
    font-weight: 400
}

.homeStoreSection>a:hover {
    background-color: rgba(1, 103, 1, .721);
    color: #fff
}

.choose_heading {
    text-align: center
}

.whyChooseContainer {
    width: 90%;
    margin: 50px auto;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 50px
}

.whyChooseContainer_option {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px
}

.homeCartIcon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #f15a24;
    display: flex;
    justify-content: center;
    align-items: center
}

.homeCartIcon>i {
    color: #fff
}

.option_container>h1 {
    font-size: 20px
}

.option_container>p {
    font-family: "Libertinus Sans", sans-serif;
    font-size: 15px
}

footer {
    width: 100%;
    padding: 20px 10px;
    box-shadow: rgba(0, 0, 0, .35) 0 5px 15px
}

.footerMenuContainer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 20px 5px;
    flex-wrap: wrap
}

.footerMenu,
.footerSocialIcon {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px
}

.footerMenu {
    flex-wrap: wrap
}

.footerSocialIcon {
    font-size: 30px
}

.footerSocialIcon>a {
    font-size: 30px;
    color: #f15a24
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes fadeInlong {
    from {
        opacity: 0;
        transform: translateY(20px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@media (max-width:950px) {
    .whyChooseContainer {
        flex-wrap: wrap;
        justify-content: center;
        gap: 30px
    }

    .whyChooseContainer_option {
        width: 300px
    }

    .footerMenuContainer {
        justify-content: center;
        gap: 20px
    }
}

@media (max-width:720px) {

    .hero_left_heroimage,
    .hero_middle_heroimage_second {
        display: none
    }

    .hero_middle_slider {
        width: 95%;
        margin: auto
    }

    .catergyContainer .category {
        width: 200px;
        flex-wrap: nowrap
    }

    .description_right_homedescription,
    .image_left_homedescription {
        width: 80%
    }
}

@media (max-width:780px) {
    .header_menu_item {
        display: none
    }

    .menu_hamburder {
        display: block
    }
}

@media (max-width:530px) {
    .hero_right_heroimage,
    .grocetryVideo_middlehero {
        display: none
    }
    .hero_middle_heroimage{
        width:90%;
    }
    .catergyContainer .category {
        width: 350px
    }

    .footerMenu {
        gap: 20px
    }

    .footerMenu>a {
        font-size: 12px
    }
}