/* حالت پایه */
.dis-left{
    height: 566px;
}
.ico-p{width:40px; height: 45px; object-fit: contain;}

.left-img{height: 290px; width: 290px}
.ico-story{width:40px; height:40px }
.ce{width:81% ;}

.login-btn{width:100px ; height:60px ;}
.shop-btn{ height:60px ; }
.curved{height:250px;}
.card-content img{width:115px ; height: 115px; }

@media (min-height: 900px){
.card-content img{width:155px ; height: 135px; padding: 4px }
.header {height: 135px}
.login-btn{width:120px ; height:70px ;}
.shop-btn{ height:70px ;width:70px;   }
.img-shop{top: 0.1px;
right: 1px}


    .dis-left{
        height: 920px;
        width: 20% !important;
    }

    .ico-story{width:60px; height:60px;margin-right: 2px }
.story-btn{font-size: 27px !important;}

     .btn-lefter {
        --green: #bcb5ff;
        font-size: 22px;
        width: 300px;
        height: 100px;}


    .left-img{height: 490px; width: 490px}
.ico-p{width:60px; height: 65px; object-fit: contain;}

.sec{width: 100% !important;}

.ce{width:100% ;

  display: flex;
    position: relative;
    left: 180px;



}
.curved{height:275px;}
.text-foo{font-size:17px }


.icon-bouten-slider{margin-top: 15px}


    .w1 {

        width: 100%; /* عرض کامل */
        height: 400px; /* ارتفاع مشخص */
        object-fit: cover;
        transform: translatey(-2px);

        /* تصویر به صورت متناسب در می‌آید */


    }

    .w2 {

        width: 100%; /* عرض کامل */
        height:350px; /* ارتفاع مشخص */
        object-fit: cover;

        transform: translatey(-1px) !important;
        /* تصویر به صورت متناسب در می‌آید */


    }


    .w3 {

        width: 100%; /* عرض کامل */
        height: 400px; /* ارتفاع مشخص */
        object-fit: cover;
        transform: translatey(5px);

        /* تصویر به صورت متناسب در می‌آید */


    }



.text-user{font-size: 18px; padding: 3px}

.ribbon h1{font-size: 35px !important;}


    .pagination {
        padding: 10px;
background: #ffffff !important;
background: linear-gradient(180deg, rgba(255, 255, 255, 1) 48%, rgba(0, 63, 122, 1) 88%, rgba(0, 212, 255, 1) 100%) !important;        border-radius: 5px;
        list-style: none;
    }



}