@font-face {
    font-family: "VCIRANSans";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("/Content/css/fonts/iransans-medium.woff2") format("woff2"),
         url("/Content/css/fonts/iransans-medium.woff") format("woff"),
         url("/Content/css/fonts/iransans-medium.ttf") format("truetype");
}

html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    max-width: 100%;
    min-height: 100%;
    overflow-x: hidden;
    background: #ffffff;
    font-family: "VCIRANSans", Tahoma, Arial, sans-serif;
}

.wrapper {
    box-sizing: border-box;
    width: 100%;
    max-width: 1320px;
    margin: 0 auto;
    padding: 16px;
}

.container {
    width: 100%;
    max-width: 100%;
}

.vclick-watch-card {
    box-sizing: border-box;
    width: 100%;
    padding: 0;
    border-radius: 22px;
    background: transparent;
    border: 0;
    box-shadow: none;
}

.vclick-watch-card .vclickp {
    border-radius: 20px;
}

@media (max-width: 640px) {
    .wrapper {
        width: 100%;
        padding: 8px;
    }

    .vclick-watch-card {
        border-radius: 0;
        padding: 0;
        border: 0;
        background: transparent;
        box-shadow: none;
    }

    .vclick-watch-card .vclickp {
        border-radius: 16px;
    }
}

    .vclick-watch-card {
    box-sizing: border-box;
    width: 100%;
    padding: 0;
    border-radius: 22px;
    background: transparent;
    border: 0;
    box-shadow: none;
}

    .vclick-watch-card .vclickp {
        border-radius: 0;
    }
}