.bg-img-1{           /*fixed bg image of section first*/
    background-image: linear-gradient(#00000050,#00000050),url(./img/hero-bg.jpg);
    width: 100%;
    height: 500px;
    background-attachment: fixed;
}

a{
    text-decoration: none;
}



.nav-link{                 /* navigation words color size weight*/

    color: #000000;
    font-size: larger;
    font-weight: 500;
}

.nav-link:hover{          /* navigation words hover*/

    color: #F28123;
}



.heading-1{
    color:#F28123;
    letter-spacing: 2px;
}

.cart-color,.search-color{
    color: #051922;
}

.heading-2{
    color: white;
    font-size: 64px;
    font-weight: 700;
    line-height: 1.3;
}

.btn-1{                                         /* section 1 fruit collection btn */
    background-color: #F28123;
    border-radius: 30px;
    padding: 15px 35px;
    color: white;
    border: 0;
    font-size: large;
}

.btn-2{                         /* section 1 contact us btn */

  
    border-radius: 30px;
    padding: 15px 35px;
    color: white;
    border: 2px solid #F28123;
    background: transparent;
    font-size: large;
}

.btn-2:hover{                        /* section 1 contact us btn hover */
    background-color: #F28123;
    transition: 0.3s;
}


.sec-2{
    background-color: #f5f5f5;;
}
.color-our{                   /* our product's our coloring */
    color: #F28123;
    font-size: 44px;
    font-weight: bolder;
}

.our-product {          /*  font size and weight of our project hrading */
    font-size: 30px;
    font-weight: bolder;

}

.oraange-support-line-ourproduct{  /*  support orange line of our project hrading */
    background-color: #F28123;
    width: 10px;
    height: 5px;
    padding: 0px 40px;
    margin-left: 47%;
    border-radius: 5px;
    
}

.straw-btn{     /* Product btns css */

    background-color: #F28123;
    color: aliceblue;
    border: 0;
  padding: 5px 20px;
  border-radius: 25px;

}

.product-div-1{     /* products box shadow  */
    box-shadow: 0 0 20px #e4e4e4;
    border-radius: 5px;
    padding-bottom: 10px;
}  

.product-div-1:hover{             /* products box hover */
    box-shadow: 0 0 50px #544f4f;
    transition: 0.3s;
}


.Deal-color{     /* Deal of month heading deal's css */
    
    color:#F28123;
}

.num-color{    /* orange block after deal heading numbers css */

    color: #F28123;

}

.add-to-cart-sec-4-btn{   /* btn from section 4 css */

    color: white;
    background-color: #F28123;
    border: 0;
    padding: 10px 30px;
    border-radius: 25px;
}

.frutika-color{  /* frutika word color sec-6 */

    color: #F28123;

}

.Know-more-btn-sec-6{   /* sec-6 know more btn css */
    color: white;
    background-color: #F28123;
    border: 0;
    padding: 10px 30px;
    border-radius: 25px;
}

.fifty-percent-color{  /* 50% color section-7 */

    color: #F28123;
    font-size: 30px;

}



.sec-4{
    background-color: #f5f5f5;
}

.bg-img-sec-3{
    background-image: url(./img/bg-img-sec-3.jpg);
    height: 600px;
    width: 100%;
    background-repeat: no-repeat;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.orange-circle{
    background-color: #F28123;
    border-radius: 95px;
    border: 10px solid #e69756;
    height: 150px;
    width: 150px;

}

.border-block{
    border: 3px solid #F28123;
}

.carousel-img-1 img{

    border-radius: 100px;
    height: 200px;
    width: 200px;

}

.sec-5{

    background-color: #b6bdca;;

}

iframe{
    border-radius: 10px;
}

.sec-9{
    background-color: #6c757d50;
}

.sec-10{
    background-color:  #051922;
    color: white;
   
}

.support-line{                /* orange base line after footers hearings */
    background-color: #F28123;
    width: 5px;
    height: 2px;
    padding: 0px 40px;
    margin-left: 1%;
    border-radius: 5px;
 
}

.foot-nav:hover{
    
    color: #F28123;

}

@media(min-width:320px){

    .btns{
        display: block;
    }

    .support-line{
        display: none;
    }
    
}