/* Temporary compatibility for templates not yet reconstructed. Remove progressively. */
.ribbon-r {
        border-left: 5px solid #C62529;
        padding-left: 5px;
    }
    .logo-img {
        width: 100%;
        min-width: 30px;
        max-width: 35px;
    }

    @media (min-width: 768px) {
        .logo-img {
            min-width: 35px;
            max-width: 40px;
        }
    }

    .deco-non {
        text-decoration: none;
    }

    .password-container {
        position: relative;
        width: 100%;
    }

    .eyeicon {
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
        cursor: pointer;
        pointer-events: auto;
        z-index: 10;
    }

    .bgc-rg-ltd {
        margin: 0;
        /* height: 100vh; */
        background: linear-gradient(to bottom, #BD1E1C, #6C1110);
    }

    .bgc-rg-dtl {
        margin: 0;
        /* height: 100vh; */
        background: linear-gradient(to bottom, #6C1110, #BD1E1C);
    }

    .bgc-gg-ltg {
        margin: 0;
        /* height: 100vh; */
        background: linear-gradient(to bottom, #ffffff, #EAEAEA);
    }

    .primary-wm-size {
        font-size: 1rem !important;
        font-weight: 600;
        letter-spacing: 6.3px;
    }

    .secondary-wm-size {
        font-size: 0.6rem !important;
        font-weight: 600;
        letter-spacing: 4.5px;
    }

    .dash-button-0 {
        padding: 0.3rem;
        padding-left: 0.6rem;
        padding-right: 0.6rem;
        margin-left: 10px;
        margin-right: 10px;
        font-size: 1rem;
        border: none;
        border-radius: 0.5rem;
        color: white;
    }

    @media (max-width: 550px) {
        .primary-wm-size {
            font-size: 0.7rem !important;
            letter-spacing: 5.5px;
        }

        .secondary-wm-size {
            font-size: 0.45rem !important;
            letter-spacing: 3.55px;
        }

        .dash-button-0 {
        padding: 0.2rem;
        padding-left: 0.5rem;
        padding-right: 0.5rem;
        margin-left: 10px;
        margin-right: 10px;
        font-size: 0.7rem;
        border: none;
        border-radius: 0.2rem;
        color: white;
    }
    }
.SQR721B {
        font-family: 'Inter', Arial, sans-serif;
    }
.SQR721B {
        font-family: 'Inter', Arial, sans-serif;
    }  

    .btn-red {
        background-color: #b00e0e;
    }

    .btn-yellow {
        background-color: #FEB23F;
    }

    .btn-grey {
        background-color: #212531;
    }

    .btn-red:hover {
        background-color: #b98585;
    }

    .btn-yellow:hover {
        background-color: #f1c481;
    }

    .btn-grey:hover {
        background-color: #333a50;
    }

    .btn-disabled {
        background-color: #1f1f1f;
        color: #828282;
    }


    .margin-con-0 {
        margin-left: 12rem !important;
        margin-right: 12rem !important;
    }

    .d-font-0 {
        font-size: 1.4rem;
    }

    @media (max-width: 1600px) {

        .margin-con-0 {
            margin-left: 5rem !important;
            margin-right: 5rem !important;
        }

    }

    @media (max-width: 1200px) {
        .d-font-0 {
            font-size: 1.2rem;
        }

        .margin-con-0 {
            margin-left: 2rem !important;
            margin-right: 2rem !important;
        }

    }



    @media (max-width: 600px) {
        .d-font-0 {
            font-size: 0.9rem;
        }

        .margin-con-0 {
            margin-left: 0rem !important;
            margin-right: 0rem !important;
        }
    }
    .shadow-bottom {
  box-shadow: 0 4px 8px -3px rgba(0, 0, 0, 0.2);
}

.shadow-left {
  box-shadow: -4px 0 8px -3px rgba(0, 0, 0, 0.2);
}

.shadow-right {
  box-shadow: 4px 0 8px -3px rgba(0, 0, 0, 0.2);
}

.shadow-left-right {
  box-shadow:
    -7px 0 8px -3px #1d1d1d27,
     7px 0 8px -3px #1d1d1d27;
}

.shadow-box {
  box-shadow: 0 0 8px #1d1d1d27;
}