/*All custom Font are there*/


.noto-serif{
  font-family: "Noto Serif", serif;
  font-optical-sizing: auto;
  font-style: normal;
}


.inter{
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}

/*Shared Styles*/

body{
    background-color: aliceblue;
    margin: 0px;
}
:root{
    --primary-color:#E95A08;
}

.all_section{
    max-width: 71.25rem;
    margin: 0 auto;
}

/*Nav_Section*/


.nv_section{
    margin-top: 30px;
    margin-bottom: 120px;
}

.nv_section{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.nv_item{
    display: flex;
    align-items: center;
    justify-content: center;
}

.nv_section_item a{
    text-decoration: none;
    font-size: 1rem;
    color: #000;
}
.hme{
    font-weight: bold;
}

.spe{
    color: #6B7280;
}




/*End Nav_Section*/

/*Hero Section*/
.flower_section{
    margin-bottom: 120px;
}

.fresh_flower{
    display: flex;
    align-items: center;
}

.fresh_flower_desc{
    max-width: 35.6rem;
}

.fresh_flower_desc h3{
    font-weight: bold;
    font-size: 4rem;
    margin-bottom: 0px;
}
.clr{
    color:var(--primary-color) ;
}

.fresh_flower_desc p{
    font-size: 1.37rem;
    color: rgba(0, 0, 0, 0.5);
}


/*card section*/

.plant_section{
    text-align: center;
}
.plant_section h3{
    font-weight: bold;
    font-size: 3.12rem;
    margin-bottom: 10px;
}
.plant_section p{
    font-size: 1.37rem;
    line-height: 30px;
    max-width: 53rem;
    margin: 0 auto;
    color: rgba(0, 0, 0, 0.5);
    margin-bottom: 49px;
}

.card{
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 20px 30px;
}
.card_item{
    max-width: 16.87rem;
}
.card_item p{
    margin-top: 30px;
    color:black;
    font-weight: 500;
    font-size: 1.37rem;
    margin-bottom: 0px;
}
.card_item h3{
    margin-top: 20px;
    font-size: 1.37rem;
    margin-bottom: 30px;
}
.cart_btn{
    width: 100%;
    padding: 1.06rem 5rem;
    background-color: var(--primary-color);
    color: #FFFF;
    border: none;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 600;
}
.cart_btn:hover{
    background-color: burlywood;
    color: #000;
}

/*Plant_section*/

.flower_plants{
    margin-bottom: 133px;
}

.flower_plants_section{
    display: flex;
    column-gap: 60px;
}



.flower_plants_title h3{
    font-weight: bold;
    font-size: 3.12rem;
    max-width: 30rem;
}

.flower_plants_title ul li{
    font-size: 1.37rem;
    color: rgba(0, 0, 0, 0.5);
    margin-bottom: 20px;
}
.trusted_brdge img{
    height: 286px;
    width: 286px;
    position:relative;
    left: 350px;
    top: 140px;
    animation: rotates 15s ease-in-out 1s infinite alternate;
}
.deals{
    margin-bottom: 120px;
}
.deals h3,p{
    text-align: center;
}

.deals h3{
    font-weight: bold;
    font-size: 3.12rem;
}
.lts{
    color: var(--primary-color);
}
.deals p{
    font-size: 1.37rem;
    color: rgba(0, 0, 0, 0.5);
    max-width: 888px;
    margin: 0 auto;
    margin-top: -30px;
    line-height: 30px;
}


/*.special_deals{
    margin-bottom: 120px;
}


.search{
    background: url(../assets/news-letter-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.search{
    height: 33.31rem;
    display: flex;
    align-items: center;
    margin-bottom: 120px;
}

.seach_dv{
    width: 830px;
    margin: 0 auto;
}

.seach_dv h3{
    font-size: 3.12rem;
    color: #FFFF;
    text-align: center;
}

input{
    padding-left: 20px;
    padding-right: 450px;
    padding-top: 20px;
    padding-bottom: 20px;
}
.s_btn{
    padding: 20px 53px;
}*/

.coupons_item{
    width: 22.93rem;
    height: 12.56rem;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.coupons_item h2{
    color: #FFFF;
    font-weight: bold;
    font-size: 1.37rem;

}
.coupons_item li{
    list-style: none;
    font-weight: 600;
    font-size: 1rem;
    margin-top: -7px;
}
.coupons_item li a{
    color: #FFFF;
}


.img_2 h2{
    font-weight: bold;
    font-size: 2.5rem;
}

.img_2 li{
    font-weight: 600;
    font-size: 1.75rem;
    margin-top: -18px;
}

/*for_coupons_images*/
.img_1{
    background-image: url("../assets/deal-bloom.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.img_2{
    background-image: url("../assets/deal-zabo.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: auto;
    height: 26.44rem;
}
.img_3{
    background-image: url("../assets/deal-ana.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
/* End of_coupons_images*/


/*grid Tamplate areas*/

.img_1{
    grid-area: A;
}
.img_2{
    grid-area: B;
}
.img_3{
    grid-area: C;
}

.special_coupons{
    margin-bottom: 120px;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 20px;
    grid-template-areas: "A B B"
    "C B B";
}

footer{
    margin-bottom: 30px;
    margin-top: -100px;
}

.footer_section{
    width: 70rem;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    justify-content:space-evenly;
    margin-bottom: 50px;
    margin: 0 auto;
}
.footer_item{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    justify-content: space-between;
    row-gap: 32px;
}

.subscribe-section {
  background: url('../assets/news-letter-bg.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  height:33.31rem;
}


.search{
    margin-bottom: 200px;
}

.search_section h2{
    font-size: 3.12rem;
    color: #FFFF;
    margin-bottom: 20px;
    text-align: center;
}
.subscribe_form{
    display: flex;
    justify-content: center;
    align-items: center;
}

.subscribe_form input[type="email"]{
    width: 34rem;
    padding: 20px 30px;
    font-size: 1rem;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.5);
}

.search_btn{
    background-color: var(--primary-color);
    padding: 23px 53.5px;
    border: none;
    cursor: pointer;
}

.footer_section{
    margin-top: -120px;

    
}


.footer_img{
    max-width: 22.43rem;
}

.footer_img h3{
    font-weight: normal;
    font-size: 1.37rem;
    color: rgba(0, 0, 0, 0.5);
}

.footer_item{
    margin-top: -20px;
    
}

.f_item{
    list-style: none;
    color: #6B7280;
    margin-left: 30px;
}

.f_images{
    display: flex;
    align-items: center;
    gap: 30px;
}

.f_images img{
    cursor: pointer;
}

.footer_logo{
    margin-left: 90px;
}

.f_images li{
    list-style: none;
}

/* animations*/



@keyframes rotates {
    from{
        rotate: 0deg;
    }
    to{
        rotate: 360deg;
    }
}
















/*Responsive Part*/

@media screen and (max-width:700px) {
    
    .nv_section_item{
        display: none;
    }

    .hd{
        display: block;
    }

    nav{
        margin-top: 20px;
    }

    .nv_section{
        
        width: calc(100% - 40px);
        margin: 20px auto;
    }



    .fresh_flower{
        flex-direction: column-reverse;
    }
    .fresh_flower_desc{
        width: calc(100% - 30px );
        margin: 0 auto;
    }
    .fresh_flower_desc h3{
        font-size:1.5rem ;
        max-width: 11.93rem;
        visibility: hidden;
    }
    .for_br{
        visibility: visible;
    }
    .fresh_flower_desc p{
        font-size: 0.87rem;
        text-align: left;
        line-height: 20px;
    }
    .fresh_flower_img img{
        max-width: 100%;

    }
    .plant_section{
        width: calc(100% - 30px );
        margin: 0 auto;
        margin-bottom: 2.56rem;
    }
    .plant_section h3{
        font-size: 1.5rem;
    }
    .plant_section p{
        font-size: 0.87rem;
        line-height: 20px;
    }

    .card{
        grid-template-columns: repeat(2,1fr);
        width: 100%;
    }

    .card_item img{
        width: 100%;
    }

    .cart_btn{
        padding:18px 30px;
        font-size: 0.7rem;
        font-weight: 600;
    }

    .trusted_brdge{
        display: none;
    }
    .flower_plants_section{
        width: calc(100% - 30px );
        flex-direction: column;
        margin: 0 auto;
    }
    .flower_plants img{
        width: 100%;
    }

    .flower_plants_title h3{
        font-size: 1.5rem;
    }
    .flower_plants_title ul li {
        font-size: 0.87rem;
    }
    .deals{
        width: calc(100% - 30px );
        margin-top:-50px;
        margin: 0 auto;
    }
    .deals h3{
        font-size: 1.5rem;
        margin-bottom: 50px;
    }
    .deals p{
        font-size: 0.87rem;
    }

    .subscribe-section{
        margin: 0 auto;
        margin-top: 30px;
        background-size: cover;
        background-position: center center;
        height: 25rem;
    }
    .search_section h2{
        font-size: 1.25rem;
    }
    .subscribe_form input[type="email"]{
        width: calc(100% - 3px);
        padding: 10px 10px;
    }
    .search_btn{
        padding: 13px 10px;
        cursor: pointer;
    }

    .special{
        grid-template-columns: repeat(1,1fr);
        width: calc(100% - 30px);
        margin: 0 auto;
    }
    .special_card_item2{
        grid-row: none;
        width: calc(100% - 10px);
        margin: 0 auto;
        height: 12.87rem;
        margin-left: -5px;
    }
    .footer_section{
        grid-template-columns: repeat(1,1fr);
        width:calc(100% - 30px);
        margin: 0 auto;
        margin-top: -100px;
        margin-bottom: 40px;
    }

    .footer_item{
        grid-template-columns: repeat(1,1fr);
        
    }
    .footer_logo{
        margin-top:30px;
        margin-left: 0px;
    }
    .img_1{
        grid-area: A;
    }
    .img_2{
        grid-area: B;
    }
    .img_3{
        grid-area: C;
    }

    .footer_item{
        margin-top: 20px;
        margin-bottom: 10px;
    } 

    .special_coupons{
        grid-template-columns: repeat(1,1fr);
        width: calc(100% - 30px);
        margin: 0 auto;
        justify-content: center;
        grid-template-areas: "A"
        "C"
        "B";
    }
    .img_1{
        width: 100%;
    }
    .img_2{
        height: 12.87rem;
        width: 100%;
    }
    .img_3{
        width: 100%;
    }


    .coupons_item h2{
        color: #FFFF;
        font-weight: bold;
        font-size: 1.37rem;
    }

    .coupons_item li{
        list-style: none;
        font-weight: 600;
        font-size: 1rem;
    }
    .img_2 li{
        margin-top: -7px;
    }

    .sp_deals{
        margin-top: 30px;
    }

    .plant_section{
        margin-top: -60px;
    }
    .f_item{
        margin-left:0px ;
    }
    .deals p{
        line-height: 20px;
    }
}