body {
    background-color: white;
    --bs-border-color: #999;
    display: flex;

    --navbar_edge-inset: 0rem;
    --navbar_radius: 1.5rem;
    --navbar_radius_bottom: 0.75rem;
}
body, html {
    margin: 0;
    padding: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
}
main {
    flex: 1;
}

.btn > a {
    color: inherit;
    text-decoration: none;
}

.link-reset {
    color: inherit;
    text-decoration: none;
}

summary.list-style-none {
    list-style: none;
    cursor: pointer;
}
summary.list-style-none::-webkit-details-marker {
    display: none;
}
.details-arrow {
    transition: transform 0.2s ease;
    font-size: 0.8em;
}
details[open] .details-arrow {
    transform: rotate(180deg);
}


/* SIGN IN CSS */

.form-signin {
    max-width: 330px;
    padding: 15px;
    margin: 0 auto;
    padding-top: 40px;
}

.form-signin > a {
    padding-top: 0.5rem;
    display: inline-block;
}

.info-message {
    border-radius: 7px;
    border-width: 2px;
    border-style: solid;
    padding: 10px;
    margin: 10px 0;
    display: none;
}

.success-message {
    background-color: #cbeccb;
    border-color: #a6d5a6;
    display: block;
}

.failure-message {
    background-color: #fdd;
    border-color: #f7b7b7;
    display: block;
}

#loginViaTelegram {
    line-height: 1.25rem;
    padding: 0.5625rem 1.3125rem 0.6875rem;
    background-color: #54a9eb;
    border: 2px solid #54a9eb;
    color: #fff;
    cursor: pointer;
    width: 100%;
}

.tgstat-link {
    background-color: #3688fc;
    border-color: #3688fc;
    color: white;
}

.tgstat-link:hover {
    background-color: #0359d3;
    border-color: #0359d3;
}

.telemetr-link {
    background-color: #ffcb5f;
    border-color: #ffcb5f;
    color: #282a3c;
}

.telemetr-link:hover {
    background-color: #f5a500;
    border-color: #f5a500;
    color: #282a3c;
}

.hover-underline {
    text-decoration: none;
    color: inherit;
}

.hover-underline:hover {
    text-decoration: underline;
}

.hover-link-fix {
    text-decoration: none;
    color: inherit;
}

.line-height-1 {
    line-height: 1;
}

.line-height-1-25 {
    line-height: 1.25;
}

.line-height-1-4 {
    line-height: 1.4;
}

.div-hover:hover {
    background-color: #ebebeb !important;
    transition-duration: 0.3s;
    cursor: pointer;
}

.div-hover-subtle:hover {
    background-color: #f8f8f8 !important;
    transition-duration: 0.3s;
    cursor: pointer;
}

#loginViaTelegram:disabled,
#loginViaTelegram[disabled],
.btn:disabled {
    border: 1px solid #afafaf;
    background-color: #cccccc;
    color: #666666;
}

@media (hover: hover) {
    #loginViaTelegram:hover, #loginViaTelegram:focus-visible, #loginViaTelegram:active  {
        background-color: #0b5ed7;
        border: 2px solid #0b5ed7;
        color: white;
    }
}

.icon-telegram {
    width: 24px;
    height: 22px;
    margin: 0 13px -2px -7px;
    background: url('data:image/svg+xml,%3Csvg%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m1.95617055%2011.392196c5.77764656-2.42328736%209.63031585-4.02086673%2011.55800785-4.79273807%205.5039525-2.20384954%206.6476266-2.5866818%207.3930574-2.59932314.1639507-.00278035.5305319.0363352.7679878.22182361.2005031.15662277.2556695.36819788.2820684.51669348.026399.1484956.0592719.48677234.0331404.75109194-.2982611%203.0169019-1.5888322%2010.33812718-2.2454015%2013.71710898-.2778191%201.4297738-.8288514%201.7357846-1.3584441%201.7826999-1.1509274.1019576-2.0208916-.5588425-3.1356211-1.2622918-1.7443316-1.1007592-2.3854935-1.3972358-4.0786694-2.4713734-1.95675765-1.2413519-.8891962-1.8911034.2259543-3.0061212.2918402-.2918054%205.3989024-4.83750096%205.497052-5.24030969.0122753-.05037796-.1557336-.55407742-.2716182-.65323489-.1158847-.09915747-.2869204-.06524947-.4103446-.03828214-.17495.03822537-2.9615423%201.81132342-8.35977698%205.31929412-.79096496.5228681-1.50739646.7776269-2.1492945.7642766-.70764107-.0147176-2.06885864-.3851791-3.08078398-.7018404-1.24116762-.388398-1.69932554-.5713149-1.61342745-1.2309348.04474105-.3435709.36011227-.7024173.94611366-1.0765391z%22%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E') no-repeat 0 -1px;
    display: inline-block;
    vertical-align: top;
}

.icon-telegram-dark {
    width: 1.5rem;
    height: 1.375rem;
    margin: 0 0.8125rem -0.125rem -0.4375rem;
    background: url('data:image/svg+xml,%3Csvg%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m1.95617055%2011.392196c5.77764656-2.42328736%209.63031585-4.02086673%2011.55800785-4.79273807%205.5039525-2.20384954%206.6476266-2.5866818%207.3930574-2.59932314.1639507-.00278035.5305319.0363352.7679878.22182361.2005031.15662277.2556695.36819788.2820684.51669348.026399.1484956.0592719.48677234.0331404.75109194-.2982611%203.0169019-1.5888322%2010.33812718-2.2454015%2013.71710898-.2778191%201.4297738-.8288514%201.7357846-1.3584441%201.7826999-1.1509274.1019576-2.0208916-.5588425-3.1356211-1.2622918-1.7443316-1.1007592-2.3854935-1.3972358-4.0786694-2.4713734-1.95675765-1.2413519-.8891962-1.8911034.2259543-3.0061212.2918402-.2918054%205.3989024-4.83750096%205.497052-5.24030969.0122753-.05037796-.1557336-.55407742-.2716182-.65323489-.1158847-.09915747-.2869204-.06524947-.4103446-.03828214-.17495.03822537-2.9615423%201.81132342-8.35977698%205.31929412-.79096496.5228681-1.50739646.7776269-2.1492945.7642766-.70764107-.0147176-2.06885864-.3851791-3.08078398-.7018404-1.24116762-.388398-1.69932554-.5713149-1.61342745-1.2309348.04474105-.3435709.36011227-.7024173.94611366-1.0765391z%22%20fill%3D%22%23000%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E') no-repeat 0 -0.0625rem;
    display: inline-block;
    vertical-align: top;
    background-size: cover;
}

.telegram-media {
    background-color: white;
}

.telegram-media .telegram-video-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 20%;
}

.telegram-media .telegram-no-image {
    width: 100%;
    height: 200px;
}

.bg-purple {
    background: #9961ca !important;
}

.bg-green {
    background: #14862c !important;
}

.telegram-channel-name {
    color: #45a32d;
    font-weight: bold;
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
    padding-left: .5rem;
    background-color: white;
    font-size: 0.9rem;
}

.telegram-post {
    background-image: url("/img/tg-bg-full.svg");
    background-size: cover;
    font-size: 0.8rem;
}

.telegram-post .image-spoiler {
    filter: blur(20px);
    clip-path: inset(0);
    transition-duration: 0.2s;
}

.telegram-post .image-spoiler:hover {
    filter: blur(0px);
}

.telegram-post-text {
    overflow-wrap: break-word;
    white-space: pre-wrap;
    line-height: 1.35;
    background-color: white;
}

.telegram-post-text a {
    color: #168ace;
    text-decoration: none;
}
.telegram-post-text a:hover {
    text-decoration: underline;
}

.telegram-post-text .tg-blockquote {
    display:inline-block;
    width: 100%;
    background-color: #eaf5e6;
    border-left: .3rem solid #61b542;
    border-top-left-radius: .2rem;
    border-bottom-left-radius: .2rem;
    padding: .2rem .2rem .2rem .4rem;
    margin-top: .2rem;
    margin-bottom: .2rem;
}

.telegram-post-text .tg-monospace {
    display:inline-block;
    width: 100%;
    background-color: #eaeff2;
    border-left: .3rem solid #60819c;
    border-top-left-radius: .2rem;
    border-bottom-left-radius: .2rem;
    padding: .2rem .2rem .2rem .4rem;
    margin-top: .2rem;
    margin-bottom: .2rem;
    font-family: monospace;
}

.telegram-post-text .tg-language {
    width: calc(100% + .2rem);
    display:inline-block;
    background-color: #cad5de;
    color: #4e7391;
    outline: #cad5de solid;
    margin-left: -.2rem;
    padding-left: .2rem;
    margin-bottom: .4rem;
}

.telegram-post-text .tg-spoiler {
    color: transparent;
    background-color: #b4b4b4!important;
    text-decoration: none;
}

.telegram-post-text .tg-code {
    color: #4e7391;
    font-family: monospace;
    font-weight: bold;
}

.telegram-post-text .tg-spoiler:hover {
    color: inherit;
    background-color: inherit!important;
    transition-duration: 0.2s;
    text-decoration: inherit;
}
.telegram-post-text .tg-spoiler:hover:after,
.telegram-post-text .tg-spoiler:focus:after {
    background-color: transparent; /* Hide the cover on hover/focus */
}

.telegram-post-text .tg-phone-number {
    text-decoration: underline dashed;
}

.telegram-post-button {
    background-color: rgba(61, 103, 55, 0.5);
    color: white;
    text-align: center;
    margin-top: 0.15rem;
}

.telegram-post-button:hover {
    background-color: rgba(61, 103, 55, 0.3);
    transition-duration: 0.3s;
    cursor: pointer;
}

.ads-table {
    table-layout: fixed;
}

.ad-post-card-body {
    --line-height: 1.35rem;
    --rows-visible: 6;
    line-height: var(--line-height);
    min-height: calc(var(--line-height) * var(--rows-visible));
    max-height: calc(var(--line-height) * var(--rows-visible));
    overflow: hidden;
}

.multiline-overflow-hidden {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.glowing-circle {
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.3);
}
.glowing-circle.bg-success {
    box-shadow: 0 0 10px 1px rgba(40, 167, 69, 0.6);
}
.glowing-circle.bg-danger {
    box-shadow: 0 0 10px 1px rgba(220, 53, 69, 0.6);
}

.rkn-verified-icon {
    color: #0d6efd;
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}

.verified-icon-green {
    color: green;
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}

.verified-icon-yellow {
    color: #cfc531;
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}

.verified-icon-red {
    color: red;
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}

.bg-danger-subtle-2 {
    background-color: #fff0f1;
}

.bg-success-subtle-2 {
    background-color: #e7f3ed;
}

.bg-warning-subtle-2 {
    background-color: #fff7dd;
}

.bg-orange {
    background-color: #d15f1a;;
}
.bg-warning-darker {
    background-color: #fca130;
}
.opacity-85 {
    opacity: 0.85 !important;
}

a.fix-width {
    display: inline-block;
    word-wrap: break-word;
    overflow-wrap: break-word;
    max-width: 100%;
}

.bg-secondary-2 {
    background-color: rgb(150, 155, 158) !important;
}

.bg-secondary-subtle-2 {
    background-color: #f8f8f8;
}

.text-warning-darker {
    color: rgb(221, 166, 0) !important;
}

.bg-buy-opt {
    background: linear-gradient(135deg, #FFA07A, #ED8356) !important;
}

.border-success-light {
    --bs-border-opacity: 1;
    border-color: rgb(65, 181, 48) !important;
}

.add-new-card {
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    text-align: center;
    font-size: 1.5rem;
    color: #0d6efdc8;
    border-color: #0d6efd80;
}

.add-new-card:hover {
    background-color: #eef3ff;
    transition-duration: 0.3s;
    cursor: pointer;
}

div.table-primary {
    background-color: #cfe2ff;
}
div.table-secondary {
    background-color: #e2e3e5;
}
div.table-success {
    background-color: #d1e7dd;
}
div.table-danger {
    background-color: #f8d7da;
}
div.table-warning {
    background-color: #fff3cd;
}
div.table-info {
    background-color: #cff4fc;
}

div.table-primary.color-hover:hover {
    background-color: #bfd1ec;
}
div.table-secondary.color-hover:hover {
    background-color: #d1d2d4;
}
div.table-success.color-hover:hover {
    background-color: #c1d6cc;
}
div.table-danger.color-hover:hover {
    background-color: #e5c7ca;
}
div.table-warning.color-hover:hover {
    background-color: #ece1be;
}
div.table-info.color-hover:hover {
    background-color: #bfe2e9;
}
div.color-hover:hover {
    background-color: #ececec;
}

.grey-link {
    color: black;
    opacity: 0.5;
    cursor: pointer;
}

.grey-link:hover {
    opacity: 0.75;
}

.bigger-hitbox {
    position: relative;
    display: inline-block;
}
.bigger-hitbox:before {
    content: '';
    position: absolute;
    top: -1rem;
    bottom: -1rem;
    left: -1rem;
    right: -1rem;
    background: transparent;
    z-index: 0;
}

.bigger-hitbox-sm {
    position: relative;
    display: inline-block;
}
.bigger-hitbox-sm:before {
    content: '';
    position: absolute;
    top: -0.5rem;
    bottom: -0.5rem;
    left: -0.5rem;
    right: -0.5rem;
    background: transparent;
    z-index: 0;
}

/* MAIN CSS */



.telegram-text {
    word-wrap: break-word;
}

.w-60px {
    min-width: 4.25rem!important;
    width: 4.25rem!important;
    max-width: 4.25rem!important;
}

.h-60px {
    min-height: 4.25rem!important;
    height: 4.25rem!important;
    max-height: 4.25rem!important;
}

.w-100px {
    min-width: 6.25rem!important;
    width: 6.25rem!important;
    max-width: 6.25rem!important;
}

.h-100px {
    min-height: 6.25rem!important;
    height: 6.25rem!important;
    max-height: 6.25rem!important;
}

.w-50px {
    min-width: 3.125rem!important;
    width: 3.125rem!important;
    max-width: 3.125rem!important;
}

.h-50px {
    min-height: 3.125rem!important;
    height: 3.125rem!important;
    max-height: 3.125rem!important;
}

.h-20px {
    min-height: 1.25rem!important;
    height: 1.25rem!important;
    max-height: 1.25rem!important;
}

.h-200px {
    min-height: 12.50rem!important;
    height: 12.50rem!important;
    max-height: 12.50rem!important;
}

.search-price-width {
    width: 5rem;
}
@media (min-width: 768px) {
    .search-price-width {
        width: 6rem;
    }
}

.fs-5-5 {
    font-size: 1.15rem !important;
}

.fs-6-5 {
    font-size: 0.85rem !important;
}

.fs-7 {
    font-size: 0.75rem !important;
}

.fs-7-5 {
    font-size: 0.65rem !important;
}

.inset-0 {
    inset: 0 !important;
}

.telegram-channel-icon {
    max-width: 6.3125rem;
    max-height: 6.3125rem;
    min-width: 6.3125rem;
    min-height: 6.3125rem;
}

.telegram-row-channel-icon {
    max-width: 4.3125rem;
    max-height: 4.3125rem;
    min-width: 4.3125rem;
    min-height: 4.3125rem;
}

.telegram-channel-icon-small {
    max-width: 2.5625rem;
    max-height: 2.5625rem;
    min-width: 2.5625rem;
    min-height: 2.5625rem;
}

.good-growth {
    color: #4eac4e;
}

.bad-growth {
    color: #cb2727;
}

#subs-growth .col-auto div {
    min-width: 60px;
}

.hours-views {
    min-width: 2.6rem;
    text-align: center;
}

.disabled-date {
    color: #a2a2a2 !important;
}

.ads-green {
    background-color: #82dd58;
}

.ads-red {
    background-color: #ffdbdb;
}


.header {
    background-color: #fe7201;
    margin-inline: auto;

    width: calc(100% - 2 * var(--navbar_edge-inset));

    border-bottom-left-radius: var(--navbar_radius);
    border-bottom-right-radius: var(--navbar_radius);

    padding: 0.5rem 1rem;
}
.admin-header {
    background-color: #6c04f3;
}
.footer {
    background-color: #828282;
    color: #d3d3d3;
    margin-inline: auto;

    width: calc(100% - 2 * var(--navbar_edge-inset));

    border-top-left-radius: var(--navbar_radius_bottom);
    border-top-right-radius: var(--navbar_radius_bottom);

    padding: 0.5rem 1rem;
}


@media (min-width: 576px) {
    .header, .footer {
        width: 100%;
        max-width: 540px; /* .container at sm */
    }
}
@media (min-width: 768px) {
    .header, .footer {
        max-width: 720px; /* .container at md */
    }
}
@media (min-width: 992px) {
    .header, .footer {
        max-width: 960px; /* .container at lg */
    }
}
@media (min-width: 1200px) {
    .header, .footer {
        max-width: 1140px; /* .container at xl */
    }
}
@media (min-width: 1400px) {
    .header, .footer {
        max-width: 1320px; /* .container at xxl */
    }
}

.fire-sale {
    background: linear-gradient(165deg, rgba(253,207,88,1) 0%, rgba(255,0,0,1) 100%);
    text-shadow: 1px 1px 5px black;
}
.fire-sale:hover {
    background: linear-gradient(165deg, rgb(205, 172, 71) 0%, rgb(214, 2, 2) 100%);
}

.rotate-90 {
    transform: rotate(90deg);
    display: inline-block;
}

td > a {
    color: inherit;
    text-decoration: inherit;
    width: 100%;
    height: 100%;
    display: block;
}

.ad-date-input {
    width: 8rem;
}
@media (min-width: 574px) {
    .ad-date-input {
        width: 9rem;
    }
}

.ad-date-reset {
    cursor: pointer;
}

.selected-dark {
    background: rgb(var(--bs-dark-rgb));
    color: white;
    transition-duration: 0.3s;
    cursor: pointer;
}

.selected-red {
    background: rgb(var(--bs-danger-rgb));
    color: white;
    transition-duration: 0.3s;
    cursor: pointer;
}

.hover-dark:hover {
    background: rgb(var(--bs-dark-rgb)) !important;
    color: white;
    transition-duration: 0.3s;
    cursor: pointer;
}

.hover-red:hover {
    background: rgb(var(--bs-danger-rgb)) !important;
    color: white;
    transition-duration: 0.3s;
    cursor: pointer;
    border-color: rgb(var(--bs-danger-rgb)) !important;;
}

.hover-no-color-change:hover {
    background: inherit !important;
}

.no-blue-link {
    color: inherit;
    text-decoration: none;
}

.weekdays-check:not(:checked) + .btn {
    background-color: #d3d3d3;
    color: black;
    border-color: #9c9c9c;
}

.summary-full-width {
    width: calc(100% - 1.5rem);
}

.tippy-box {
    background-color: white;
    color: black;
    border: 1px solid black;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
    font-size: 0.875rem;
}

.tippy-box[data-placement^='top'] > .tippy-arrow::before,
.tippy-box[data-placement^='top'] > .tippy-arrow::after {
    content: "";
    position: absolute;
    transform-origin: center top;
    border-style: solid;
    border-width: 15px 15px 0;
    left: -6px;
    border-color: transparent;
}

.tippy-box[data-placement^='top'] > .tippy-arrow::before {
    bottom: -15px;
    border-top-color: black;
}

.tippy-box[data-placement^='top'] > .tippy-arrow::after {
    bottom: -14px;
    border-top-color: white;
}

.tippy-box[data-placement^='bottom'] > .tippy-arrow::before,
.tippy-box[data-placement^='bottom'] > .tippy-arrow::after {
    content: "";
    position: absolute;
    transform-origin: center top;
    border-style: solid;
    border-width: 0 15px 15px;
    left: -6px;
    border-color: transparent;
}

.tippy-box[data-placement^='bottom'] > .tippy-arrow::before {
    top: -15px;
    border-bottom-color: black;
}

.tippy-box[data-placement^='bottom'] > .tippy-arrow::after {
    top: -14px;
    border-bottom-color: white;
}

.ads-table-narrow > table > :not(caption) > * > * {
    padding: 1px;
}

.advanced-settings {
    color: black;
    padding-left: 0.35rem;
    padding-right: 0.35rem;
    border-radius: 0.5rem;
}

.advanced-settings:hover, .advanced-settings-active {
    color: white;
    background: black;
    transition-duration: 0.3s;
    cursor: pointer;
}


select {
    background-size: 1rem 0.75rem !important;
}

#filter-ad-price-type, #filter-ad-price-format, #filter-ad-price-as-whom {
    padding-right: 0;
}

#filter-ad-price-type {
    width: 7rem;
}

#filter-ad-price-format {
    width: 8.5rem;
}

#filter-ad-price-as-whom {
    width: 7.5rem;
}

@media (max-width: 1199.98px) {
    select {
        background-position: right .00rem center !important;
    }

    #filter-ad-price-type, #filter-ad-price-format, #filter-ad-price-as-whom {
        font-size: 0.9rem;
        padding-left: 0.2rem;
        padding-right: 0.2rem;
    }

    #filter-ad-price-type {
        width: 5.3rem;
    }

    #filter-ad-price-format {
        width: 6.5rem;
    }

    #filter-ad-price-as-whom {
        width: 5.5rem;
    }
}

/*`lg` applies to medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {
    .ads-table > :not(caption) > * > * {
        padding: 1px;
    }
    #search-table > table > :not(caption) > * > *,
    .archive-table > :not(caption) > * > * {
        padding: 5px 2px;
    }
    .nearest-ads-table > .row > div {
        padding-left: 2px;
        padding-right: 2px;
    }
}

.w-20 {
    width: 20% !important;
}

.w-30 {
    width: 30% !important;
}

.w-35 {
    width: 35% !important;
}

.w-45 {
    width: 45% !important;
}

.w-40 {
    width: 40% !important;
}

.w-55 {
    width: 55% !important;
}

.w-60 {
    width: 60% !important;
}

.mnw-3 {
    min-width: 3rem !important;
}

.mnw-4 {
    min-width: 4rem !important;
}

.mnw-4-5 {
    min-width: 4.5rem !important;
}

.mnw-6 {
    min-width: 6rem !important;
}

.ms-0-8 {
    margin-left: .20rem !important
}

.ms-0-4 {
    margin-left: .10rem !important
}

.ms-1-5 {
    margin-left: .40rem !important
}

.ms-2-5 {
    margin-left: .75rem !important
}

.me-1-5 {
    margin-right: .40rem !important
}

.border-1-5 {
    border-width: 1.5px !important;
}

.me-2-5 {
    margin-right: .75rem !important
}

.mt--05 {
    margin-top: -0.5rem !important;
}

.mx-3-5 {
    margin-right:1.28rem!important;
    margin-left:1.28rem!important
}

.mx-4-5 {
    margin-right:2.4rem!important;
    margin-left:2.4rem!important
}

.py-05 {
    padding-top: .10rem !important;
    padding-bottom: .10rem !important;
}

.py-1-5 {
    padding-top: .40rem !important;
    padding-bottom: .40rem !important;
}

.px-05 {
    padding-right:.12rem!important;
    padding-left:.12rem!important
}

.px-1-5 {
    padding-left: .40rem !important;
    padding-right: .40rem !important;
}

.my-05 {
    margin-top:.10rem!important;
    margin-bottom:.10rem!important
}

.pe-cursor {
    cursor: pointer;
}

.w-90 {
    width: 90% !important;
}

.w-85 {
    width: 85% !important;
}

.w-80 {
    width: 80% !important;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
}

.rounded-bottom-left-4 {
    border-bottom-left-radius:var(--bs-border-radius-xl)!important;
}
.rounded-bottom-right-4 {
    border-bottom-right-radius:var(--bs-border-radius-xl)!important;
}


html {
    font-size: calc(min(11px, 5px + max(0px, (100vw - 200px) / 40)));
}



/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 574px) {
    .w-sm-20 {
        width: 20% !important;
    }
    .w-sm-30 {
        width: 30% !important;
    }
    .w-sm-40 {
        width: 40% !important;
    }
    .w-sm-50 {
        width: 50% !important;
    }
    .fs-sm-5 {
        font-size: 1.25rem !important;
    }
    .mnw-sm-3 {
        min-width: 3rem !important;
    }
    .mnw-sm-4 {
        min-width: 4rem !important;
    }
    .mnw-sm-4-5 {
        min-width: 4.5rem !important;
    }
    .mnw-sm-6 {
        min-width: 6rem !important;
    }
    .ms-sm-1-5 {
        margin-left: .40rem !important
    }
    .ms-sm-2-5 {
        margin-left: .75rem !important
    }
    html {
        font-size: 11px;
    }
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
    .w-md-20 {
        width: 20% !important;
    }
    .w-md-30 {
        width: 30% !important;
    }
    .w-md-40 {
        width: 40% !important;
    }
    .w-md-50 {
        width: 50% !important;
    }
    .fs-md-5 {
        font-size: 1.25rem !important;
    }
    .mt--05-md {
        margin-top: -0.5rem !important;
    }
    .fs-md-4 {
        font-size:calc(1.275rem + .3vw)!important;
    }
    .fs-md-2 {
        font-size:2rem!important;
    }
    .fs-md-15 {
        font-size: 2.5rem !important;
    }
    .fs-md-1 {
        font-size: calc(1.375rem + 1.5vw) !important;
    }
    .mnw-md-3 {
        min-width: 3rem !important;
    }
    .mnw-md-4 {
        min-width: 4rem !important;
    }
    .mnw-md-4-5 {
        min-width: 4.5rem !important;
    }
    .mnw-md-6 {
        min-width: 6rem !important;
    }
    .ms-md-1-5 {
        margin-left: .40rem !important
    }
    .ms-md-2-5 {
        margin-left: .75rem !important
    }
    html {
        font-size: 12px;
    }
    .w-md-100px {
        min-width: 6.25rem!important;
        width: 6.25rem!important;
        max-width: 6.25rem!important;
    }
    .h-md-100px {
        min-height: 6.25rem!important;
        height: 6.25rem!important;
        max-height: 6.25rem!important;
    }
    .telegram-row-channel-icon {
        max-width: 6.3125rem;
        max-height: 6.3125rem;
        min-width: 6.3125rem;
        min-height: 6.3125rem;
    }
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
    .w-lg-20 {
        width: 20% !important;
    }
    .w-lg-30 {
        width: 30% !important;
    }
    .w-lg-40 {
        width: 40% !important;
    }
    .w-lg-50 {
        width: 50% !important;
    }
    .fs-lg-5 {
        font-size: 1.25rem !important;
    }
    .fs-lg-4 {
        font-size:calc(1.275rem + .3vw)!important;
    }
    .mnw-lg-3 {
        min-width: 3rem !important;
    }
    .mnw-lg-4 {
        min-width: 4rem !important;
    }
    .mnw-lg-4-5 {
        min-width: 4.5rem !important;
    }
    .mnw-lg-6 {
        min-width: 6rem !important;
    }
    .ms-lg-1-5 {
        margin-left: .40rem !important
    }
    .ms-lg-2-5 {
        margin-left: .75rem !important
    }
    html {
        font-size: 14px;
    }
}

/* X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    .w-xl-20 {
        width: 20% !important;
    }
    .w-xl-30 {
        width: 30% !important;
    }
    .w-xl-40 {
        width: 40% !important;
    }
    .w-xl-50 {
        width: 50% !important;
    }
    .fs-xl-5 {
        font-size: 1.25rem !important;
    }
    .fs-xl-4 {
        font-size:calc(1.275rem + .3vw)!important;
    }
    .mnw-xl-3 {
        min-width: 3rem !important;
    }
    .mnw-xl-4 {
        min-width: 4rem !important;
    }
    .mnw-xl-4-5 {
        min-width: 4.5rem !important;
    }
    .mnw-xl-6 {
        min-width: 6rem !important;
    }
    .ms-xl-1-5 {
        margin-left: .40rem !important
    }
    .ms-xl-2-5 {
        margin-left: .75rem !important
    }
    html {
        font-size: 15px;
    }
}

/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {
    .w-xxl-20 {
        width: 20% !important;
    }
    .w-xxl-30 {
        width: 30% !important;
    }
    .w-xxl-40 {
        width: 40% !important;
    }
    .w-xxl-50 {
        width: 50% !important;
    }
    .fs-xxl-5 {
        font-size: 1.25rem !important;
    }
    .fs-xxl-4 {
        font-size:calc(1.275rem + .3vw)!important;
    }
    .mnw-xxl-3 {
        min-width: 3rem !important;
    }
    .mnw-xxl-4 {
        min-width: 4rem !important;
    }
    .mnw-xxl-4-5 {
        min-width: 4.5rem !important;
    }
    .mnw-xxl-6 {
        min-width: 6rem !important;
    }
    .ms-xxl-1-5 {
        margin-left: .40rem !important
    }
    .ms-xxl-2-5 {
        margin-left: .75rem !important
    }
    html {
        font-size: 16px;
    }
}