@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&family=Sen:wght@400..800&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&family=Sen:wght@400..800&display=swap');



body, html {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
}


html{
    overflow-x: hidden !important;
}
.logo_img{
    width: 200px;
}
.active{
    color: #FC0000 !important;
}
.font_1{
    font-family: "Lexend", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  
}
.navbar-nav{
    gap: 14px;
}
.navbar-toggler{
    border: 2px solid #FC0000;
    color: #FC0000;
}
.navbar-toggler:focus{
    box-shadow: none;
}
.active::before{
    content:"" ;
    color: #FC0000 !important;
    height: 3px !important;
    width: 20px !important;
}
.card_green{
    background-color: #00A829 !important;
    color: #eeeeee;
    border-radius: 20px;
    padding: 7px 13px !important;
    border: 3px solid #00A829;
   
}
.card_green:hover{
    background-color: #eeeeee !important;
    color: #00A829;
    border: 3px solid #00A829;
}
a{
    text-decoration: none;
    color: rgb(0, 0, 0);
}
.breadcrumb_bg{
   background-image: url(./img/aboutbg.jpg);
    padding: 7% ;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    
    
   
}
.breadcrumb {
   background-color: transparent;
    padding: 10px 30px;
    border-radius: 20px;
    backdrop-filter: blur(50px);
    border: 1px solid #acacac5d;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.red_color{
    color: #fc0000;
}
.name{
    color: darkgray;
}
.font_2{
    font-family: "Sen", serif;
  font-optical-sizing: auto;
  font-weight: 600;
  
}

.product_bg{
    background-image: url(./img/products-bgg.jpg);
     padding: 7% ;
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
     
    
 }
 .fru_bg{
    background-image: url(./img/fru.jpg);
     padding: 7% ;
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
     
    
 }
 .cart_bg{
    background-image: url(./img/cart-bg.jpg);
    padding: 7% ;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

 }
 .fb{
    padding: 7% ;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(https://marketudachi.ru/upload/shop_15/2/item_22010/191934e2fc7a11e8969f005056899a29_c0a23854fd7d11e80e88005056899a29.jpg);
 }
 .vegbg{
    padding: 7% ;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(https://cdnn1.inosmi.ru/img/24770/21/247702129_0:100:1921:1180_1240x0_80_0_0_8d49d78fb6fdd7af7daeffaa62f9a60f.jpg);
 }
 .pro-veg{
    background-image: url(./img/vegetables-bg.jpg);
    height: 424px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    filter: blur();
    
 }
 .pro-fru{
    background-image: url(./img/fruit-bg.jpg);
    
    /* height: 424px; */
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    
 }
 
 .pro-veg:hover .c1{
    display: block;
    /* filter: grayscale(100%); */
    justify-content: center;
    align-items: center;
    display: flex;
    backdrop-filter: blur(11px);
   
    
 }
 .veg{
    background-image: url(./img/vegetables-bg.jpg);
    height: 100%;
    width: 100%;
 }
 .c1{
    height: 100%;
    justify-content: center;
    align-items: center;
    display: none;
 }

 .pro-fru:hover .c1{
    display: block;
    /* filter: grayscale(100%); */
    justify-content: center;
    align-items: center;
    display: flex;
    backdrop-filter: blur(11px);
    
 }
 .v_btn{
    background-color: #00A829 !important;
    padding: 10px 30px;
   
 }
 .card_red{
    background-color: #fc0000 !important;
    color: #eeeeee;
    border-radius: 20px;
    padding: 7px 13px !important;
    border: 3px solid #fc0000;
 }
 .card_red:hover{
    background-color: #eeeeee !important;
    color: #fc0000;
    border: 3px solid #fc0000;
 }
 .c111{
    text-align: justify;
 }
.green_color{
    color: #00A829;
}
.contact_bg{
    background-image: url(./img/contact-bg.jpg);
    padding: 7% ;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.form-control:focus{
    outline: none !important;
    /* border: 2px solid red !important; */
    box-shadow: none;
    border-color: rgba(128, 128, 128, 0.316);
}
button:focus{
    box-shadow: none !important;

}
.fbox{
   
   border: 3px solid #FC0000;
    padding: 20px;
    border-radius:13px ;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    
    /* background-image: linear-gradient(to left,#00A829,rgb(250, 250, 250)); */
}

.bg-img{
    background-image: url(./img/home-bg.jpg);
    height: 100vh;
    /* opacity: 0.8; */
    /* filter:blur(1px); */
    overflow:  hidden !important;
    
}


.box_div{
    backdrop-filter: blur(7px);
    background: transparent;
    height: 100vh;
    overflow: hidden;
    justify-content: center;
    align-items: center;
    display: flex;
}
.slide_img{
    /* height: 500px; */
    border-radius: 9px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
.con_box{
    background-color: transparent;
    backdrop-filter: blur(90px);
    border: 1px solid rgba(186, 186, 186, 0.377);
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}
.pass{
    height: 38px;
  margin-top: 16px;
}

.input-group-text{
    color: #00A829 !important;
}
.foot{
    border-top: 2px solid #FC0000;
}
.text-end{
    font-size: 20px;
  
}
.fa-brands:hover{
    color: #FC0000;
}
.banner-vid{
    height: 405px;
}
@media only screen and (max-width: 768px) {
    .banner-vid{
        height: auto;
        margin-bottom: 30px;
    }
    .car{
       display: none;
    }
    
}

/* home fruits start   */

.home-fruit{
    border-radius: 7px;
    /* padding: 5px; */
    
}
.home-fruit:hover{
    
    /* padding: 5px; */
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
}
.img-txt{
    color: #00A829;
    font-weight: 700;
}



.col-lg-2:hover .img-txt {
    color: #FC0000; /* Change 'red' to any color you like */
    transition: color 0.3s ease; /* Optional: smooth transition for the color change */
}
.side-heading{
    font-weight: 600;
    font-family: "Lexend", sans-serif;
    color: #FC0000;
    
}
.btn-danger{
    background-color: #FC0000;
}
.btn-success{
    background-color: #00A829 !important;
    font-size: 18px;
    border-radius: 2px;
    font-weight: 600;
    border: none;
}
/* home fruits end   */
/* fruits page start */
.img-div{
    box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
    padding: 10px;
   background-color: #eeeeee; 
    border-radius: 5px;
}
.con_bg{
    background-color: rgba(245, 216, 177, 0.788);
}
.img-div:hover{
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
    
}
/* .foto:hover{
    transform: translateY(-20px)
    
} */
/* fruits page end */
.four_icon{
    border: 2px solid #00a828;
    padding: 10px;
    /* margin: 10px; */
    transition:  .9s;
}
.four_icon p{
    padding-top:10px ;
}
.four_icon:hover{
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    background-color: #00a82752;
   
}
.hb{
    width: 60%;
   
   
    object-fit: cover;
    overflow: hidden;
}
.green_span{
    font-size: 15px;
}
.img-div:hover .name{
    color: #fc0000 !important;
}
.test{
    align-items: center;
}
p::selection{
    color: #000000 !important;
    background-color: #fc000091 !important;
}
a::selection{
    color: #000000 !important;
    background-color: #fc000091 !important;
}
span::selection{
    color: #000000 !important;
    background-color: #fc000091 !important;
}
h2::selection{
    color: #000000 !important;
    background-color: #fc000091 !important;
}
h3::selection{
    color: #000000 !important;
    background-color: #fc000091 !important;
}
h5::selection{
    color: #000000 !important;
    background-color: #fc000091 !important;
}
h6::selection{
    color: #000000 !important;
    background-color: #fc000091 !important;
}
img::selection{
    color: #000000 !important;
    background-color: #fc000091 !important;
}
b::selection{
    color: #000000 !important;
    background-color: #fc000091 !important;
}
h1::selection{
    color: #000000 !important;
    background-color: #fc000091 !important;
}.vas{
    background-image: linear-gradient(to right, #ffdc58,#ff914d);
    justify-content: center;
    align-items: center;
    display: flex;
}
.fbox:hover{
 background-color: rgba(255, 0, 0, 0.286);
    transition: 0.9s;
}