/*/PREMIUM KONTEN/*/
.text-transparent {
    color: transparent !important;
}

.premium-top-container {
    font-family: "Roboto", sans-serif !important;
    max-width: 100%;
}

.premium-top-header p {
    font-size: 16px;
}

.premium-top-header h3 {
    font-size: 28px;
    font-family: "Roboto", sans-serif !important;
}

.premium-top {
    flex-wrap: wrap;
}

.premium-top-content {
    /* height: 223px; */
    margin: 0 10px 20px;
}

.premium-top-content .premium-card {
    /* height: 475px; */
    height: 550px;
    padding: 40px 13px 25px 13px;
    border-radius: 12px;
    border: 1px solid #d7d7d7;
    background: #fff;
    position: relative;
    width: 236px;
}

@media only screen and (max-width: 480px) {
    .premium-top-content .premium-card{
        height: auto;
        padding: 40px 13px 50px 13px;
    }
}

.premium-top-content.recommended .premium-card::after {
    content: url('data:image/svg+xml,<svg width="83" height="86" viewBox="0 0 83 86" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.5 11C0.5 4.92487 5.42487 0 11.5 0H82.5L0.5 86V11Z" fill="url(%23paint0_linear_3682_2256)"/><path d="M18.5321 12.589C18.928 11.8037 20.072 11.8037 20.4679 12.589L22.1039 15.834C22.2611 16.1458 22.565 16.362 22.9166 16.412L26.5747 16.9324C27.46 17.0583 27.8135 18.1234 27.1729 18.7347L24.5258 21.2605C24.2715 21.5033 24.1554 21.853 24.2154 22.1958L24.8403 25.7624C24.9915 26.6256 24.066 27.2838 23.2742 26.8763L20.0023 25.1924C19.6878 25.0305 19.3122 25.0305 18.9977 25.1924L15.7258 26.8763C14.934 27.2838 14.0085 26.6256 14.1597 25.7624L14.7846 22.1958C14.8446 21.853 14.7285 21.5033 14.4742 21.2605L11.8271 18.7347C11.1865 18.1234 11.54 17.0583 12.4254 16.9324L16.0834 16.412C16.435 16.362 16.7389 16.1458 16.8961 15.834L18.5321 12.589Z" fill="white"/><path d="M10.5643 61.2319L5.93977 56.6075L7.50248 55.0448C7.82303 54.7242 8.15302 54.4791 8.49243 54.3094C8.83655 54.1349 9.18304 54.076 9.53187 54.1326C9.88071 54.1797 10.2272 54.3754 10.5713 54.7195C10.9249 55.073 11.1252 55.4431 11.1724 55.8296C11.2242 56.2115 11.1582 56.5886 10.9744 56.961L14.0079 57.7883L13.0886 58.7076L10.2814 57.8944L9.5743 58.6015L11.3845 60.4117L10.5643 61.2319ZM8.92376 57.951L9.58137 57.2934C9.89721 56.9775 10.0716 56.6711 10.1046 56.3741C10.1376 56.0677 10.0245 55.7849 9.76522 55.5256C9.50123 55.2616 9.23253 55.1626 8.95912 55.2286C8.6857 55.2852 8.39108 55.4714 8.07523 55.7872L7.41763 56.4448L8.92376 57.951ZM15.0317 56.7645L10.4073 52.14L13.1933 49.354L13.8862 50.0469L11.9205 52.0127L13.1013 53.1936L14.763 51.5319L15.456 52.2248L13.7943 53.8865L15.159 55.2513L17.1955 53.2148L17.8884 53.9077L15.0317 56.7645ZM21.0498 50.9161C20.6633 51.3026 20.2201 51.5619 19.7205 51.6939C19.2208 51.8259 18.6999 51.8094 18.1577 51.6444C17.6156 51.47 17.09 51.1282 16.5809 50.6191C16.0765 50.1147 15.7394 49.5891 15.5697 49.0422C15.4 48.486 15.3812 47.9533 15.5132 47.4442C15.6404 46.9304 15.8974 46.4802 16.2839 46.0936C16.5762 45.8013 16.8944 45.601 17.2385 45.4926C17.5826 45.3841 17.9055 45.3346 18.2072 45.3441L18.2992 46.3128C18.0588 46.3081 17.8301 46.3435 17.6133 46.4189C17.3964 46.4849 17.1984 46.6074 17.0193 46.7866C16.7695 47.0364 16.6139 47.3287 16.5526 47.6634C16.4913 47.9887 16.529 48.3328 16.6658 48.6958C16.8072 49.054 17.0523 49.4076 17.4011 49.7564C17.9291 50.2844 18.4594 50.5837 18.9921 50.6544C19.5201 50.7204 19.9774 50.5602 20.3639 50.1736C20.5713 49.9662 20.7128 49.7399 20.7882 49.4948C20.8589 49.2449 20.8895 48.9833 20.8801 48.7099L21.8347 48.7877C21.863 49.1931 21.8135 49.5773 21.6862 49.9403C21.5589 50.2938 21.3468 50.6191 21.0498 50.9161ZM25.1225 46.8434C24.7218 47.2441 24.2716 47.501 23.772 47.6141C23.2676 47.7225 22.749 47.6848 22.2163 47.501C21.6836 47.3077 21.1674 46.9612 20.6678 46.4615C20.1681 45.9618 19.8263 45.4504 19.6425 44.9271C19.4633 44.3991 19.4327 43.8877 19.5505 43.3927C19.6684 42.8977 19.9277 42.4499 20.3283 42.0492C20.7338 41.6438 21.1839 41.3821 21.6789 41.2643C22.1739 41.1464 22.683 41.1794 23.2063 41.3633C23.7342 41.5424 24.2481 41.8818 24.7478 42.3815C25.2475 42.8812 25.5916 43.3998 25.7801 43.9372C25.9687 44.4651 26.0088 44.9813 25.9003 45.4857C25.7872 45.9854 25.5279 46.438 25.1225 46.8434ZM24.4084 46.1292C24.7713 45.7662 24.908 45.3231 24.8185 44.7998C24.7242 44.2719 24.4178 43.7486 23.8992 43.23C23.3807 42.7115 22.8669 42.4145 22.3577 42.3391C21.8439 42.259 21.4055 42.4004 21.0425 42.7634C20.6795 43.1263 20.5381 43.5647 20.6183 44.0786C20.6937 44.5877 20.9907 45.1015 21.5092 45.6201C22.0278 46.1386 22.551 46.445 23.079 46.5393C23.6023 46.6289 24.0454 46.4922 24.4084 46.1292ZM28.2892 43.507L23.6647 38.8826L24.591 37.9562L27.674 39.3987C27.872 39.493 28.0723 39.5944 28.275 39.7028C28.4777 39.8018 28.6781 39.9031 28.8761 40.0069L28.9043 39.9786C28.8053 39.7759 28.704 39.5755 28.6003 39.3775C28.4919 39.1748 28.3881 38.9768 28.2892 38.7836L26.8254 35.7218L27.7588 34.7884L32.3833 39.4129L31.6267 40.1695L29.5124 38.0552C29.3663 37.9091 29.2131 37.7465 29.0528 37.5673C28.8926 37.3788 28.7323 37.1902 28.572 37.0017C28.4164 36.8084 28.275 36.634 28.1477 36.4784L28.1194 36.5067L28.8195 37.9562L30.1418 40.7917L29.6539 41.2796L26.8113 39.9644L25.3688 39.2573L25.3405 39.2856C25.4961 39.4129 25.6681 39.5567 25.8567 39.7169C26.05 39.8725 26.2385 40.0328 26.4224 40.1978C26.6062 40.3533 26.7712 40.5042 26.9174 40.6503L29.0316 42.7646L28.2892 43.507ZM33.8408 37.9554L29.2163 33.3309L30.1426 32.4046L33.2256 33.8471C33.4236 33.9414 33.6239 34.0428 33.8266 34.1512C34.0293 34.2502 34.2297 34.3515 34.4277 34.4552L34.456 34.427C34.357 34.2243 34.2556 34.0239 34.1519 33.8259C34.0435 33.6232 33.9398 33.4252 33.8408 33.2319L32.3771 30.1702L33.3104 29.2368L37.9349 33.8613L37.1783 34.6179L35.0641 32.5036C34.9179 32.3575 34.7647 32.1949 34.6044 32.0157C34.4442 31.8272 34.2839 31.6386 34.1236 31.45C33.968 31.2568 33.8266 31.0823 33.6993 30.9268L33.6711 30.9551L34.3711 32.4046L35.6934 35.2401L35.2055 35.728L32.3629 34.4128L30.9204 33.7057L30.8921 33.734C31.0477 33.8613 31.2198 34.005 31.4083 34.1653C31.6016 34.3209 31.7902 34.4812 31.974 34.6462C32.1579 34.8017 32.3228 34.9526 32.469 35.0987L34.5832 37.213L33.8408 37.9554ZM39.3924 32.4038L34.7679 27.7793L37.5539 24.9933L38.2469 25.6863L36.2811 27.652L37.462 28.8329L39.1237 27.1712L39.8167 27.8642L38.155 29.5259L39.5197 30.8906L41.5561 28.8541L42.2491 29.5471L39.3924 32.4038ZM43.4801 28.3161L38.8556 23.6916L39.697 22.8502L43.7417 24.0098L45.1983 24.519L45.2266 24.4907C44.9721 24.2738 44.6916 24.0405 44.3852 23.7906C44.0835 23.5361 43.803 23.2792 43.5437 23.0199L41.5355 21.0117L42.3204 20.2268L46.9449 24.8513L46.1034 25.6928L42.0588 24.5331L40.6021 24.024L40.5739 24.0523C40.8378 24.2785 41.116 24.5142 41.4082 24.7594C41.7052 24.9998 41.9834 25.2496 42.2426 25.5089L44.265 27.5312L43.4801 28.3161ZM48.4033 23.3929L43.7788 18.7684L45.0163 17.531C45.7234 16.8239 46.4658 16.4632 47.2436 16.4491C48.0215 16.435 48.7922 16.8097 49.5559 17.5734C50.3243 18.3418 50.7108 19.1196 50.7155 19.9068C50.7155 20.6894 50.3714 21.4248 49.6832 22.113L48.4033 23.3929ZM48.5589 21.908L48.9195 21.5473C49.3862 21.0806 49.6125 20.5857 49.5983 20.0624C49.5795 19.5344 49.2848 18.9853 48.7144 18.4149C48.1487 17.8492 47.609 17.564 47.0952 17.5593C46.5813 17.5545 46.0911 17.7855 45.6244 18.2522L45.2637 18.6128L48.5589 21.908ZM53.1056 18.6906L48.4811 14.0661L51.2671 11.2801L51.96 11.9731L49.9943 13.9389L51.1752 15.1197L52.8369 13.458L53.5298 14.151L51.8681 15.8127L53.2328 17.1774L55.2693 15.141L55.9623 15.8339L53.1056 18.6906ZM57.1932 14.6029L52.5688 9.97846L53.8062 8.74103C54.5133 8.03392 55.2558 7.6733 56.0336 7.65915C56.8114 7.64501 57.5822 8.01978 58.3458 8.78345C59.1142 9.55184 59.5008 10.3297 59.5055 11.1169C59.5055 11.8994 59.1614 12.6348 58.4731 13.3231L57.1932 14.6029ZM57.3488 13.118L57.7094 12.7574C58.1761 12.2907 58.4024 11.7957 58.3883 11.2725C58.3694 10.7445 58.0748 10.1953 57.5044 9.62491C56.9387 9.05922 56.3989 8.77402 55.8851 8.76931C55.3713 8.7646 54.881 8.99559 54.4143 9.46228L54.0537 9.8229L57.3488 13.118Z" fill="white"/><defs><linearGradient id="paint0_linear_3682_2256" x1="0.5" y1="0" x2="80.0914" y2="35.5448" gradientUnits="userSpaceOnUse"><stop offset="0.125" stop-color="%23FFB72C"/><stop offset="0.63" stop-color="%23DA4809"/></linearGradient></defs></svg>');
    position: absolute;
    top: 0;
    left: 0;
}
.premium-top-content.new .premium-card::after {
    content: url('data:image/svg+xml,<svg width="83" height="86" viewBox="0 0 83 86" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.5 11C0.5 4.92487 5.42487 0 11.5 0H82.5L0.5 86V11Z" fill="url(%23paint0_linear_3774_2306)"/><path d="M21.6612 45.4482L13.3372 37.1241L14.8518 35.6095L22.1322 37.6969L24.7541 38.6133L24.805 38.5624C24.3468 38.1721 23.8419 37.752 23.2904 37.3023C22.7473 36.8441 22.2425 36.3817 21.7758 35.915L18.161 32.3002L19.5738 30.8874L27.8979 39.2115L26.3833 40.7261L19.1029 38.6387L16.481 37.7223L16.43 37.7733C16.9052 38.1805 17.4059 38.6048 17.9319 39.046C18.4665 39.4788 18.9671 39.9285 19.4338 40.3952L23.074 44.0354L21.6612 45.4482ZM30.523 36.5864L22.199 28.2623L27.2138 23.2475L28.4611 24.4948L24.9227 28.0332L27.0483 30.1588L30.0394 27.1677L31.2867 28.415L28.2956 31.4061L30.7521 33.8626L34.4178 30.197L35.6651 31.4443L30.523 36.5864ZM38.7082 28.4012L28.7295 21.7318L30.2441 20.2172L35.1698 23.6919C35.6789 24.0652 36.1923 24.4428 36.7099 24.8247C37.2275 25.1895 37.7366 25.5629 38.2373 25.9447L38.2882 25.8938C37.9403 25.3593 37.5881 24.8289 37.2317 24.3028C36.8754 23.7598 36.5232 23.221 36.1753 22.6864L32.9933 17.4679L34.2789 16.1824L39.4973 19.3644C40.0234 19.7038 40.558 20.0517 41.101 20.4081C41.6356 20.756 42.1744 21.1081 42.7175 21.4645L42.7684 21.4136C42.3866 20.896 42.009 20.3826 41.6356 19.8735C41.2623 19.3644 40.8847 18.8595 40.5028 18.3589L37.0281 13.4332L38.4409 12.0204L45.174 21.9354L43.3411 23.7683L37.9318 20.4208C37.5415 20.1663 37.1511 19.9117 36.7608 19.6571C36.379 19.3941 36.0056 19.1311 35.6408 18.868L35.5898 18.9189C35.8444 19.2923 36.099 19.6741 36.3535 20.0644C36.6166 20.4463 36.8754 20.8324 37.1299 21.2227L40.5028 26.6066L38.7082 28.4012Z" fill="white"/><defs><linearGradient id="paint0_linear_3774_2306" x1="0.5" y1="0" x2="50.2336" y2="26.7816" gradientUnits="userSpaceOnUse"><stop offset="0.125" stop-color="%232C9AFF"/><stop offset="0.63" stop-color="%23095DDA"/></linearGradient></defs></svg>');
    position: absolute;
    top: 0;
    left: 0;
}
.premium-top-content.greenAction .premium-card::after {
    content: url("data:image/svg+xml,%3Csvg width='213' height='49' viewBox='0 0 213 49' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.955 0.854492C13.955 0.854492 0.490603 0.854492 0 14.0874H37.4135V0.854492H13.955Z' fill='%23138747'/%3E%3Cpath d='M13.955 0.854492C13.955 0.854492 0.490603 0.854492 0 14.0874H37.4135V0.854492H13.955Z' fill='url(%23paint0_linear_5065_5042)'/%3E%3Cpath d='M199.045 0.854492C199.045 0.854492 212.51 0.854492 213 14.0874H175.587V0.854492H199.045Z' fill='%23138747'/%3E%3Cpath d='M199.045 0.854492C199.045 0.854492 212.51 0.854492 213 14.0874H175.587V0.854492H199.045Z' fill='url(%23paint1_linear_5065_5042)'/%3E%3Cpath d='M12.2266 0.854004H200.774V35.7797C200.774 40.198 197.193 43.7797 192.774 43.7797H20.2266C15.8083 43.7797 12.2266 40.198 12.2266 35.7797V0.854004Z' fill='url(%23paint2_linear_5065_5042)'/%3E%3Cpath d='M40.0116 30.0369C38.9316 30.0369 37.9316 29.8569 37.0116 29.4969C36.1049 29.1236 35.3049 28.6036 34.6116 27.9369C33.9316 27.2702 33.3983 26.4969 33.0116 25.6169C32.6383 24.7236 32.4516 23.7569 32.4516 22.7169C32.4516 21.6636 32.6449 20.6969 33.0316 19.8169C33.4316 18.9236 33.9849 18.1502 34.6916 17.4969C35.3983 16.8302 36.2183 16.3169 37.1516 15.9569C38.0983 15.5836 39.1049 15.3969 40.1716 15.3969C41.4383 15.3969 42.5849 15.6236 43.6116 16.0769C44.6383 16.5169 45.4716 17.1302 46.1116 17.9169L43.7116 20.3169C43.2316 19.7436 42.7049 19.3169 42.1316 19.0369C41.5583 18.7436 40.8916 18.5969 40.1316 18.5969C39.3583 18.5969 38.6649 18.7702 38.0516 19.1169C37.4516 19.4502 36.9716 19.9236 36.6116 20.5369C36.2516 21.1502 36.0716 21.8702 36.0716 22.6969C36.0716 23.5236 36.2383 24.2502 36.5716 24.8769C36.9183 25.5036 37.3849 25.9902 37.9716 26.3369C38.5716 26.6836 39.2583 26.8569 40.0316 26.8569C40.8049 26.8569 41.4583 26.7102 41.9916 26.4169C42.5383 26.1236 42.9516 25.6969 43.2316 25.1369C43.5249 24.5769 43.6716 23.9102 43.6716 23.1369L46.0916 24.6969L39.6316 24.5369V21.6169H47.2716V22.1569C47.2716 23.8502 46.9649 25.2836 46.3516 26.4569C45.7383 27.6302 44.8849 28.5236 43.7916 29.1369C42.7116 29.7369 41.4516 30.0369 40.0116 30.0369ZM51.8119 24.0769V21.5169H54.5119C55.0986 21.5169 55.5452 21.3769 55.8519 21.0969C56.1719 20.8036 56.3319 20.4102 56.3319 19.9169C56.3319 19.4369 56.1719 19.0502 55.8519 18.7569C55.5452 18.4502 55.0986 18.2969 54.5119 18.2969H51.8119V15.6369H55.0119C55.9719 15.6369 56.8119 15.8169 57.5319 16.1769C58.2652 16.5369 58.8386 17.0302 59.2519 17.6569C59.6652 18.2836 59.8719 19.0169 59.8719 19.8569C59.8719 20.6969 59.6586 21.4369 59.2319 22.0769C58.8186 22.7036 58.2386 23.1969 57.4919 23.5569C56.7452 23.9036 55.8719 24.0769 54.8719 24.0769H51.8119ZM48.9719 29.8169V15.6369H52.5519V29.8169H48.9719ZM56.6519 29.8169L52.5319 23.7369L55.7519 22.9569L60.7919 29.8169H56.6519ZM61.9602 29.8169V15.6369H65.5402V29.8169H61.9602ZM64.8002 29.8169V26.7969H72.4802V29.8169H64.8002ZM64.8002 24.0569V21.1169H71.7602V24.0569H64.8002ZM64.8002 18.6569V15.6369H72.3602V18.6569H64.8002ZM74.4993 29.8169V15.6369H78.0793V29.8169H74.4993ZM77.3393 29.8169V26.7969H85.0193V29.8169H77.3393ZM77.3393 24.0569V21.1169H84.2993V24.0569H77.3393ZM77.3393 18.6569V15.6369H84.8993V18.6569H77.3393ZM87.0383 29.8169V15.6369H89.5383L90.6183 18.5369V29.8169H87.0383ZM96.8183 29.8169L88.5383 19.2969L89.5383 15.6369L97.8383 26.1569L96.8183 29.8169ZM96.8183 29.8169L95.8983 26.8369V15.6369H99.4783V29.8169H96.8183ZM104.084 29.8169L109.584 15.6369H113.044L118.484 29.8169H114.744L110.644 17.8969H111.944L107.744 29.8169H104.084ZM107.424 27.3369V24.4969H115.244V27.3369H107.424ZM125.969 30.0369C124.889 30.0369 123.889 29.8569 122.969 29.4969C122.049 29.1236 121.242 28.6102 120.549 27.9569C119.869 27.2902 119.336 26.5102 118.949 25.6169C118.576 24.7236 118.389 23.7569 118.389 22.7169C118.389 21.6636 118.576 20.6969 118.949 19.8169C119.336 18.9236 119.869 18.1502 120.549 17.4969C121.242 16.8436 122.042 16.3302 122.949 15.9569C123.869 15.5836 124.862 15.3969 125.929 15.3969C127.049 15.3969 128.056 15.5769 128.949 15.9369C129.842 16.2836 130.629 16.7702 131.309 17.3969L128.909 19.7969C128.576 19.4236 128.162 19.1302 127.669 18.9169C127.176 18.7036 126.596 18.5969 125.929 18.5969C125.356 18.5969 124.829 18.6902 124.349 18.8769C123.882 19.0636 123.476 19.3436 123.129 19.7169C122.782 20.0769 122.509 20.5102 122.309 21.0169C122.122 21.5236 122.029 22.0902 122.029 22.7169C122.029 23.3436 122.122 23.9102 122.309 24.4169C122.509 24.9236 122.782 25.3636 123.129 25.7369C123.476 26.0969 123.882 26.3769 124.349 26.5769C124.829 26.7636 125.356 26.8569 125.929 26.8569C126.596 26.8569 127.182 26.7569 127.689 26.5569C128.196 26.3436 128.629 26.0436 128.989 25.6569L131.389 28.0569C130.696 28.6836 129.909 29.1702 129.029 29.5169C128.162 29.8636 127.142 30.0369 125.969 30.0369ZM136.181 29.8169V15.7369H139.761V29.8169H136.181ZM131.841 18.7169V15.6369H144.101V18.7169H131.841ZM145.73 29.8169V15.6369H149.31V29.8169H145.73ZM158.723 30.0769C157.63 30.0769 156.623 29.8902 155.703 29.5169C154.783 29.1436 153.977 28.6236 153.283 27.9569C152.603 27.2902 152.07 26.5102 151.683 25.6169C151.297 24.7102 151.103 23.7369 151.103 22.6969C151.103 21.6569 151.29 20.6969 151.663 19.8169C152.05 18.9236 152.583 18.1436 153.263 17.4769C153.943 16.8102 154.743 16.2969 155.663 15.9369C156.583 15.5636 157.59 15.3769 158.683 15.3769C159.777 15.3769 160.783 15.5636 161.703 15.9369C162.623 16.2969 163.423 16.8102 164.103 17.4769C164.783 18.1436 165.31 18.9236 165.683 19.8169C166.07 20.7102 166.263 21.6769 166.263 22.7169C166.263 23.7569 166.07 24.7236 165.683 25.6169C165.31 26.5102 164.783 27.2969 164.103 27.9769C163.423 28.6436 162.623 29.1636 161.703 29.5369C160.797 29.8969 159.803 30.0769 158.723 30.0769ZM158.683 26.8769C159.483 26.8769 160.177 26.7036 160.763 26.3569C161.35 26.0102 161.803 25.5236 162.123 24.8969C162.443 24.2702 162.603 23.5369 162.603 22.6969C162.603 22.0836 162.51 21.5236 162.323 21.0169C162.15 20.5102 161.89 20.0769 161.543 19.7169C161.197 19.3436 160.783 19.0569 160.303 18.8569C159.823 18.6569 159.283 18.5569 158.683 18.5569C157.883 18.5569 157.19 18.7302 156.603 19.0769C156.017 19.4102 155.563 19.8902 155.243 20.5169C154.923 21.1436 154.763 21.8702 154.763 22.6969C154.763 23.3369 154.85 23.9169 155.023 24.4369C155.21 24.9436 155.477 25.3836 155.823 25.7569C156.17 26.1169 156.583 26.3969 157.063 26.5969C157.543 26.7836 158.083 26.8769 158.683 26.8769ZM168.054 29.8169V15.6369H170.554L171.634 18.5369V29.8169H168.054ZM177.834 29.8169L169.554 19.2969L170.554 15.6369L178.854 26.1569L177.834 29.8169ZM177.834 29.8169L176.914 26.8369V15.6369H180.494V29.8169H177.834Z' fill='white'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_5065_5042' x1='18.7068' y1='14.0872' x2='18.7068' y2='0.854185' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-opacity='0'/%3E%3Cstop offset='1'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_5065_5042' x1='194.294' y1='14.0872' x2='194.294' y2='0.854185' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-opacity='0'/%3E%3Cstop offset='1'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint2_linear_5065_5042' x1='97.5057' y1='8.52576' x2='97.9787' y2='39.2705' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%239BC38E'/%3E%3Cstop offset='1' stop-color='%234B9A2D'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
    position: absolute;
    top: -13px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 2;
    width: fit-content;
}
.premium-top-content.orange .premium-card {
    border-radius: 12px;
    border: 1px solid #CCE4B7;
    background: #F1FFD7;
}
.premium-top-content.flash .premium-card {
    background: #fff8ef;
}
.premium-top-content.flash .premium-card::after {
    content: " ";
    position: absolute;
    top: -13px;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 100%;
    width: 90%;
    background-image: url("../images/premium/img-flashsale.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 47px;
    height: 47px;
}
@media only screen and (max-width: 600px) {
    .premium-top-content.flash .premium-card::after {
        width: 70%;
    }
}
.premium-top-content .premium-card .period {
    color: #303030;
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.premium-top-content .premium-card .price {
    color: #396daa;
    font-size: 25px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 5px;
}
.premium-top-content.green .premium-card .price {
    color: #1f9038;
}
.premium-top-content.orange .premium-card .price {
    color: #F39828;
}
.premium-top-content.purple .premium-card .price {
    color: #7526d9;
}
.premium-top-content .premium-card .discount {
    color: #d3d3d3;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.45px;
    position: relative;
    width: fit-content;
    margin: 0 auto;
}
.premium-top-content .premium-card .discount.show::after {
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 50%;
    transform: translateY(-50%);
    background: url('data:image/svg+xml,<svg width="91" height="8" viewBox="0 0 91 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.5 7L89.5 1" stroke="%23F12C18" stroke-width="2" stroke-linecap="round"/></svg>');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.premium-top-content .premium-card .discpercent {
    margin: 20px auto;
}
.premium-top-content .premium-card .separator {
    margin: 20px auto;
    position: relative;
}
.premium-top-content .premium-card .separator svg {
    display: block;
    margin: auto;
}
.premium-top-content .premium-card .separator .flashDiscount {
    position: absolute;
    right: -15px;
    top: 50%;
    transform: translateY(-60%);
}
.premium-top-content .premium-card .separator .flashDiscount .content {
    position: relative;
}
.premium-top-content .premium-card .separator .flashDiscount .content .wrapper {
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    top: 0;
    text-align: center;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    padding-top: 10px;
}
.premium-top-content
    .premium-card
    .separator
    .flashDiscount
    .content
    .wrapper
    .toplabel {
    color: #fff;
    text-align: center;
    font-family: "Outfit", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    margin: 0;
}
.premium-top-content
    .premium-card
    .separator
    .flashDiscount
    .content
    .wrapper
    .percentage {
    color: #fff;
    font-family: "Outfit", sans-serif;
    font-size: 23px;
    font-style: normal;
    font-weight: 700;
    margin: 0;
}
.premium-top-content .premium-card .package-list .package-list-content {
    color: #434343;
    font-size: 12px;
    font-weight: 400;
    position: relative;
    padding-left: 23px;
    line-height: 18px;
}
.premium-top-content .premium-card .package-list {
    text-align: start;
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 25px;
    padding: 0 5px;
    width: 180px;
}
.premium-top-content .premium-card .package-list .package-list-content::before {
    content: url("https://toko.bisnis-cdn.com/assets/images/epaper/icon-check-blue.svg");
    position: absolute;
    left: 0;
    top: -3px;
}
.premium-top-content.green
    .premium-card
    .package-list
    .package-list-content::before {
    content: url('data:image/svg+xml,<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.5 12L11.5 15L16.5 9" stroke="%231F9138" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.premium-top-content.purple
    .premium-card
    .package-list
    .package-list-content::before {
    content: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8 12L11 15L16 9" stroke="%237526D9" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.premium-top-content.orange
    .premium-card
    .package-list
    .package-list-content::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17' fill='none'%3E%3Cpath d='M4.5 8.69092L7.5 11.6909L12.5 5.69092' stroke='%23F39828' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.premium-top-content .premium-card .package-btn {
    display: block;
    position: absolute;
    bottom: 25px;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 3px;
    background: #396daa;
    padding: 7px;
    width: 90%;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 26px; /* 162.5% */
    letter-spacing: 0.48px;
    text-transform: uppercase;
    text-align: center;
    transition: background 0.3s;
}
.premium-top-content .premium-card .package-btn:hover {
    background: #305c8f;
}
.premium-top-content.green .premium-card .package-btn {
    background: #1f9038;
}
.premium-top-content.green .premium-card .package-btn:hover {
    background: #1b8232;
}
.premium-top-content.purple .premium-card .package-btn {
    background: #7526d9;
}
.premium-top-content.purple .premium-card .package-btn:hover {
    background: #6521be;
}
.premium-top-content.orange .premium-card .package-btn {
    background: #19B860;
}
.premium-top-content.orange .premium-card .package-btn:hover {
    background: #1dcb6b;
}

.premium-top-content-label {
    border: 1px solid #d3d3d3;
    border-top: 0;
    border-radius: 10px;
    position: relative;
    /* width: 100%; */
    height: 100%;
}

.premium-top-content-label .shadow-checked {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 0;
    opacity: 0;
}

/* .premium-top-content-label .card-input-element{
   position: absolute;
   bottom: 5%;
} */

.card-input-element {
    display: none;
    cursor: pointer;
}

.best-package-decor {
    position: absolute;
    top: -15px;
    left: 15px;
}

.premium-top-content .card {
    position: relative;
    cursor: pointer;
}

.premium-top-content .card .card-image {
    position: relative;
    text-align: center;
    margin: auto;
}

.premium-top-content .card .card-image img {
    background-color: #d3d3d3;
    border-radius: 10px;
    max-width: unset;
    width: 101%;
}

/* .premium-top-content .card .bronze::before{
    content: 'Bronze';
    font-weight: 600;
    font-size: 20px;
    color: white;
    text-align: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}
.premium-top-content .card .silver::before{
    content: 'Silver';
    font-weight: 600;
    font-size: 20px;
    color: #444444;
    text-align: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}
.premium-top-content .card .gold::before{
    content: 'Gold';
    font-weight: 600;
    font-size: 20px;
    color: #444444;
    text-align: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}
.premium-top-content .card .diamond::before{
    content: 'Diamond';
    font-weight: 600;
    font-size: 20px;
    color: #444444;
    text-align: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
} */

.premium-top-content .card .card-body {
    background-color: white;
    border-radius: 10px 10px 0 0;
    position: relative;
    margin: auto;
    margin-top: -20px;
    padding-top: 14px;
    width: 85%;
    height: 140px;
}

.premium-top-content .card .card-body .card-price {
    /* padding-top: 14px; */
}

.premium-top-content .card .card-body .card-price .card-discount {
    color: #8f8f8f;
    font-size: 16px;
    text-decoration: line-through;
    margin-bottom: 0;
}

.premium-top-content .card .card-body .card-price .card-title {
    color: #e06c52;
    font-size: 30px;
    font-weight: 500;
    margin: 0;
    font-family: "Roboto", sans-serif !important;
}

.premium-top-content .card .card-body .card-price .card-title span {
    font-size: 10px;
    position: relative;
    vertical-align: top;
}

.premium-top-content .card .card-body .card-info {
    margin-bottom: 5px;
    margin-top: 7px;
}

.premium-top-content .card .card-body .card-info .card-info-content {
    color: #3fac18;
    margin-bottom: 0;
    font-size: 12px;
    letter-spacing: 0.1px;
}

.premium-top-content .card .card-body .card-text {
    color: #444444;
    font-size: 14px;
    margin-bottom: 0;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
}

.premium-top-content-label .card .card-footer {
    position: absolute;
    bottom: 0;
    /* height: 20px; */
}

.premium-top-content-label .card-footer .card-radio {
    position: absolute;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    border: 1px solid #d0d0d0;
    bottom: 5px;
    cursor: pointer;
}

.premium-top-content-label .card-footer .card-radio::after {
    content: " ";
    position: absolute;
    /* display: none; */
    left: 7px;
    top: 3px;
    width: 6px;
    height: 10px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.premium-top-content .card-wrap {
    height: 100%;
    width: 100%;
}

.card-input-element:checked ~ .card-footer .card-radio {
    /* display: block !important; */
    background-color: #f08c1a;
    border: unset;
    /* display: none; */
}

.card-input-element:checked ~ .shadow-checked {
    box-shadow: 5px 5px 20px #bebebe;
    opacity: 25%;
    border-radius: 10px;
}

.premium-top-btn a {
    background-color: #f39828;
    width: 213px;
    padding: 10px 0;
    transition: color 0.3s, background-color 0.3s, border 0.3s;
}

.premium-top-btn a:hover {
    background-color: white;
    color: #f39828 !important;
    border: 1px solid #f39828;
    width: 213px;
    padding: 10px 0;
}

.premium-middle {
    font-size: 14px;
    font-family: "Roboto", sans-serif !important;
}
/*/PREMIUM KONTEN END/*/

/*/PREMIUM BANNER/*/
.premium-banner {
    width: 100%;
    padding: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
}
.premium-banner .banner-masking {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        0deg,
        rgba(0, 0, 0, 0.5) 0%,
        rgba(0, 0, 0, 0.5) 100%
    );
}
.premium-banner .banner-wrap {
    max-width: 570px;
    position: relative;
}
.premium-banner .banner-wrap .banner-title {
    color: #fff;
    font-size: 48px;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 10px;
    text-align: center;
}
.premium-banner .banner-wrap .banner-title span {
    color: #ffc633;
}
.premium-banner .banner-wrap .banner-description {
    color: #fff;
    text-align: center;
    font-size: 18px;
    font-weight: normal;
    line-height: normal;
    margin-bottom: 40px;
}
.premium-banner .banner-wrap .banner-btn {
    border-radius: 3px;
    background: linear-gradient(119deg, #f2a714 0%, #d34a0f 100%);
    padding: 10px;
    width: 290px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background 0.3s;
    position: relative;
    margin: auto;
    margin-bottom: 8px;
    overflow: hidden;
}
.premium-banner .banner-wrap .banner-btn::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    background: linear-gradient(299deg, #f2a714 0%, #d34a0f 100%);
    opacity: 0;
    transition: all 0.3s ease-in-out;
}
.premium-banner .banner-wrap .banner-btn span {
    color: #fff;
    font-size: 19px;
    font-weight: 700;
    line-height: 26px; /* 136.842% */
    letter-spacing: 0.57px;
    text-transform: uppercase;
    position: relative;
}
.premium-banner .banner-wrap .banner-btn:hover::before {
    opacity: 1;
}
.premium-banner .banner-wrap .banner-note {
    color: #fff;
    text-align: center;
    font-size: 12px;
    font-style: italic;
    font-weight: normal;
    letter-spacing: 0.7px;
}
.premium-banner.yellow .banner-wrap .banner-image{
    margin: 0 auto 10px;
    text-align: center;
}
.premium-banner.yellow .banner-wrap .banner-image img{
    width: 400px;
}
.premium-banner.yellow .banner-wrap .banner-title{
    font-weight: bold;
    color: black;
    font-size: 20px;
    line-height: 24px;
}
.premium-banner.yellow .banner-wrap .banner-description{
    font-weight: bold;
    color: white;
    font-size: 22px;
    margin-bottom: 20px;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    /* -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 1px; */
}
.premium-banner.yellow .banner-wrap .banner-description span{
    font-size: 12px;
}
.premium-banner.yellow .banner-wrap .banner-btn{
    background: black;
}
.premium-banner.yellow .banner-wrap .banner-btn::before{
    background: black;
}
.premium-banner.yellow .banner-wrap .banner-btn span{
    font-size: 16px;
    text-transform: none;
}
.premium-banner.yellow .banner-wrap .banner-note{
    font-style: normal;
    color: black;
    text-align: left;
    margin: 15px auto 0;
    width: fit-content;
    letter-spacing: 0;
}
/*/PREMIUM BANNER END/*/

/*/FAQ/*/
.premium-faq .faq-title {
    color: #000;
    font-size: 22px;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 20px;
    text-align: center;
}
.premium-faq .panel {
    border: 1px solid #c7c7c7;
    background: 0 0;
    background-color: white;
    box-shadow: none;
    margin: 0 auto 2px;
    border-radius: 12px !important;
}
.premium-faq .panel-heading {
    border-radius: 0px !important;
    border-color: 1px solid #c7c7c7;
    color: #333333;
    padding: 0;
}
.premium-faq .panel-title a {
    display: block;
    color: #0733d0;
    padding: 15px 14px;
    position: relative;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
}
@media only screen and (max-width: 576px) {
    .premium-faq .panel-title a {
        padding-right: 35px;
    }
}
.premium-faq .panel-title .collapsed {
    color: #333333;
}
.premium-faq .panel-body {
    font-size: 16px;
    color: #333333;
    border-top: none !important;
}
.premium-faq .panel-body a {
    font-weight: bold;
}
.premium-faq .panel-body a:hover {
    text-decoration: underline;
}

.closed .vertical {
    transition: all 0.5s ease-in-out;
    transform: rotate(-90deg);
    background-color: #333;
}
.closed .horizontal {
    transition: all 0.5s ease-in-out;
    transform: rotate(-90deg);
    background-color: #333;
    opacity: 1;
}

.opened {
    opacity: 1;
}
.opened .vertical {
    transition: all 0.5s ease-in-out;
    transform: rotate(90deg);
    background-color: #0733d0;
}
.opened .horizontal {
    transition: all 0.5s ease-in-out;
    transform: rotate(90deg);
    background-color: #0733d0;
    opacity: 0;
}

.circle-plus {
    height: 15px;
    width: 15px;
    font-size: 1em;
    opacity: 0.7;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.circle-plus .circle {
    position: relative;
    width: 100%;
    height: 100%;
}
.circle-plus .circle .horizontal {
    position: absolute;
    width: 15px;
    height: 4px;
    left: 50%;
    /* margin-left: -15px; */
    margin-left: -12.5px;
    top: 50%;
    /* margin-top: -2.5px; */
    margin-top: -5px;
}
.circle-plus .circle .vertical {
    position: absolute;
    width: 4px;
    height: 15px;
    left: 50%;
    margin-left: -7px;
    top: 50%;
    margin-top: -11px;
}
.download-wrap .download-left {
    margin-right: 20px;
}
/*/FAQ END/*/

/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (max-width: 380px) {
    /*Mini Mobile Styles*/
}

@media only screen and (max-width: 480px) {
    /* Mobile styles */
    .premium-top {
        display: flex !important;
        flex-wrap: wrap;
        justify-content: center !important;
        align-items: center;
    }
    .premium-top-content {
        margin-bottom: 25px;
    }
    .ps-xs-0 {
        padding-left: 0;
    }
    .pe-xs-0 {
        padding-right: 0;
    }
    .p-xs-0 {
        padding: 0;
    }
    .premium-top-content .premium-card .period {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .premium-top-content .premium-card .price {
        font-size: 30px;
        margin-bottom: 8px;
    }
    .premium-top-content .premium-card .discount {
        font-size: 16px;
    }
    .premium-top-content .premium-card .package-list {
        width: auto;
    }
}
@media only screen and (max-width: 576px) {
    .download-wrap {
        margin: auto;
        display: block !important;
        width: 100%;
        padding: 0 10px;
    }
    .download-wrap .download-left {
        margin-right: 0px;
    }
    .download-wrap .download-right {
        float: right;
    }
    .panel-group {
        margin: 0;
    }
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
    /* Tablet styles */
    .premium-top {
        display: flex !important;
        flex-wrap: wrap;
        justify-content: center !important;
        align-items: center;
    }
    .premium-top-content {
        margin-bottom: 15px;
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
    .premium-top-content .card .card-body .card-info .card-info-content {
        font-size: 11px;
    }
    .premium-top-content .card .card-body .card-text {
        font-size: 16px;
    }
    .p-sm-0 {
        padding: 0;
    }
}
@media screen and (min-width: 1024px) and (max-width: 1139px) {
    /* Notebook styles */
}
@media only screen and (min-width: 1140px) and (max-width: 1399px) {
    /* Laptop styles */
}
@media only screen and (min-width: 1400px) {
    /*Desktop styles */
}
