#wrapper{max-width: 600px;}
.header-img{
    min-height: 200px;
    background-attachment: fixed;
    background-position: top;
    background-repeat: no-repeat;
    background-size: contain;
}
.main-box{min-height: 500px; margin-top: -40px; background: #F5F5F5}
.bg-main{background: #F5F5F5!important;}
footer{min-height: 30px;}
.fs-7 {
    font-size: 0.8rem !important;
}
.btn-call{width: 60px; height: 60px; left: 15px; z-index: 999}
.nmt-50{
    margin-top: -50px
}
.btn-pink-moon {
    background: #ec008c;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #940000, #c83804);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #940000, #c83804); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    color: #fff;
    border: 1px solid #eee;
}
.btn-pink-moon:hover, .btn-pink-moon:active{
    color: #fff;
}
.offer-box{min-height: 290px!important;}
.slick-list{
    padding-right: 1px!important;
}
/*------*/
.btn-float{
    position: fixed; width: 50px; height: 50px; left: 20px; bottom: 20px; border-radius: 15px; background-color: #21BF73; color: white; text-align: center;
}
.shake {
    animation: shake-animation 4.72s ease infinite;
    transform-origin: 50% 50%;
}
@keyframes shake-animation {
    0% { transform:translate(0,0) }
    1.78571% { transform:translate(5px,0) }
    3.57143% { transform:translate(0,0) }
    5.35714% { transform:translate(5px,0) }
    7.14286% { transform:translate(0,0) }
    8.92857% { transform:translate(5px,0) }
    10.71429% { transform:translate(0,0) }
    100% { transform:translate(0,0) }
}
/*------*/
@font-face {
    font-family: myFirstFont;
    src: url('../fonts/IRANSansWeb.eot') format('eot'), url('../fonts/IRANSansWeb.woff') format('woff'), url('../fonts/IRANSansWeb.woff2') format('woff2'), url('../fonts/IRANSansWeb.ttf') format('truetype');
    font-display: swap;
}

* {
    font-family: myFirstFont; word-spacing: -3px;
}