@font-face {
	font-family: 'Yekan';
	src: url( 'http://localhost/new/fonts/yekan/Yekan.eot' );
	src: url( 'http://localhost/new/fonts/yekan/Yekan.eot?#iefix' ) format( 'embedded-opentype' ),
		url( 'http://localhost/new/fonts/yekan/Yekan.woff2' ) format( 'woff2' ),
		url( 'http://localhost/new/fonts/yekan/Yekan.woff' ) format( 'woff' ),
		url( 'http://localhost/new/fonts/yekan/Yekan.ttf' ) format( 'truetype' ),
		url( 'http://localhost/new/fonts/yekan/Yekan.svg#Yekan' ) format( 'svg' );
	font-weight: normal;
	font-style: normal;
}
/* -----------------tag styles:-------------------- */
body{
    font-family: 'Yekan'!important;
    background-color:#e2eff3;
    
    }
    a{
        color: black;
        text-decoration: none !important;
        -webkit-tap-highlight-color:transparent;
    
    }
    html {
        font-size:4vw ;
    }
    /* -----------------------------tag styles ends------------------------------ */
.body_container {
margin: 6.5rem .5rem 6.5vh .5rem;
}


/* -------------------------dropdown menu starts------------------------ */
.dropdown {
    padding: 0;
    margin-left: 5px;
    top: 2rem;
    left: 0;
    width: 40%;
    display: none;
    flex-direction: column;
    position: absolute;
    z-index: 100;
}
.dropdown.active {display: flex;}

    .dropdown li {
        display: flex;
        align-items: center;
        
        padding: 1vh;
        height: 1rem;
        border-bottom: 2px solid #2d7ef7;
        border-radius: 3px;
        background: #c2e4ff;
        font-size: 3vw;

    }


/* -------------------------dropdown menu ends------------------------ */

/* ----------------------------navnar starts--------------------------------- */

.navbar{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    position: fixed;
    width: 100%;
    height: 6rem;
    left: 0px;
    right: 0px;
    top: 0px;
    z-index: 9999;
    background-color: #9ed1e9;
    /* border-radius: 0px 0px  1rem 1rem; */
    }
    #navbar_part1{
        display: flex;
        width: 100%;
        justify-content: space-around;
        align-items: center;
        height: 3rem;
    }
#navbar_part2{
    display: flex;
    position: relative;
    width:80% ;
    justify-content: center;
    background-color: #cdedfc;
    border-radius: 10px;
    height: 2rem;
    }
    #navbar_part2 form{width: 100%;
        display: flex;
        height:100%;}
    
    #logo{
    font-size: 2rem;
    }
    #search_box{
    width: 100%;
    display: flex;
    align-items: center;
    padding: 0% 3%;
     }
    
    #search_box input{
        direction: rtl;
        background: transparent;
        border:transparent;
        outline: none;
        line-height: 1rem;
        position: absolute;
        right: 3vw;
    }
    /* --------------------------navnar ends--------------------------- */
    .product_container{
        direction: rtl;
        font-size: 1rem;
        font-weight: 500;
        background-color: #bae0f1;
        border-radius: 1rem;
        padding: 5vw;
    }
    .product_title{
        margin: 2rem 0px;
        font-size: 1rem;
        font-weight: 500;
    }

    /* .product_img_container{

    } */
    .product_img{
        width: 100% !important;
        border-radius: 1rem;
        
    }
    #orginal_price{
    text-decoration-line: line-through;
    color: red;
    
    }
    #final_price{
        color: green; font-weight: bold;font-size: 1.2rem
    }

    .description{
        font-size: .9rem;
    font-weight: 400;
    line-height: 2.15;
    }
    /*----------------------- bottom menu start ----------------------------*/
    #bottom_menu {
        direction: rtl;
        display: flex;
        position: fixed;
        width: 100%;
        overflow: hidden;
        height: 4rem;
        right: 0;
        left: 0;
        bottom: 0;
        z-index: 10000;
        justify-content: space-around;
        align-items: center;
        background-color: #9ed1e9;
    }

    #add_to_cart{
        display: flex;
        justify-content: center;
        width: 50%;
       background-color: #699be6;
       height: 75%;
        

       border-radius: 1rem;
    }
   #add_to_cart_btn{
        width: 100%;
        height: 3rem;
        border-radius: 1rem;
        background:transparent;
    }
    #price{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        line-height: 1.5;
        width: 40%;
    }
    #orginal_price_and_discount{
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        align-items: center;
    }
    .discount_percent {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 0.8rem;
        background-color: #e63946;
        border-radius: 40%;
        width: 1.5rem;
        height: 1.5rem;
        top: 0px;
        right: 0px;
        z-index: 100;
    }
    .orginal_price{
        text-decoration: line-through;
        color: #757373;
        font-size: .9rem;
    }
    #final_price{ color: green; font-weight: bold; font-size: 1rem;}
    /*-------------------------- bottom menu ends ------------------------------*/
/*-------------------------- cart start ------------------------------*/

  
/*-------------------------- cart ends ------------------------------*/