.container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}
.br_m{
display: none;
}
.d-block{
 display: block;
} 
.d-none{
    display: none;
}

@media (max-width: 992px) {
    .container {
        max-width: 960px;
    }
    .d-md-block{
        display: block;
    }
    .d-md-none{
        display: none;
    }
}

@media (max-width: 768px) {
    .container {
        max-width: 720px;
        padding-left: 15px;
        padding-right: 15px;
    }
    
    
}

@media (max-width: 576px) {
    .container {
        max-width: calc(100% - 20px);
        padding-left: 10px;
        padding-right: 10px;
    }
    .br_m{
        display: block;
        }
}
.text_center{
    text-align: center;
}
@media (max-width: 768px) {
    .md-text_center {
        text-align: center;
    }
}

.mx-auto {
    margin-left: auto;
    margin-right: auto;
}
.mt-1 { margin-top: 0.5rem; } /* 8px */
.mb-1 { margin-bottom: 0.5rem; }
.ml-1 { margin-left: 0.5rem; }
.mr-1 { margin-right: 0.5rem; }
.mx-1 { margin-left: 0.5rem; margin-right: 0.5rem; }
.my-1 { margin-top: 0.5rem; margin-bottom: 0.5rem; }
.mt-2 { margin-top: 1rem; } /* 16px */
.mb-2 { margin-bottom: 1rem; } 
.ml-2 { margin-left: 1rem; }
.mr-2 { margin-right: 1rem; }
.mx-2 { margin-left: 1rem; margin-right: 1rem; }
.my-2 { margin-top: 1rem; margin-bottom: 1rem; }
.mt-3 { margin-top: 2rem; }/* 32px */
.mb-3 { margin-bottom: 2rem; }
.ml-3 { margin-left: 2rem; }
.mr-3 { margin-right: 2rem; }
.mx-3 { margin-left: 2rem; margin-right: 2rem; }
.my-3 { margin-top: 2rem; margin-bottom: 2rem; }
.pt-1 { padding-top: 0.5rem; }
.pb-1 { padding-bottom: 0.5rem; }
.pl-1 { padding-left: 0.5rem; }
.pr-1 { padding-right: 0.5rem; }
.px-1 { padding-left: 0.5rem; padding-right: 0.5rem; }
.py-1 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.pt-2 { padding-top: 1rem; }
.pb-2 { padding-bottom: 1rem; }
.pl-2 { padding-left: 1rem; }
.pr-2 { padding-right: 1rem; }
.px-2 { padding-left: 1rem; padding-right: 1rem; }
.py-2 { padding-top: 1rem; padding-bottom: 1rem; }
.pt-3 { padding-top: 2rem; }
.pb-3 { padding-bottom: 2rem; }
.pl-3 { padding-left: 2rem; }
.pr-3 { padding-right: 2rem; }
.px-3 { padding-left: 2rem; padding-right: 2rem; }
.py-3 { padding-top: 2rem; padding-bottom: 2rem; }

@media screen and (max-width: 1024px) {
.md-mt-0 { margin-top: 0rem; }
.md-mt-1 { margin-top: 0.5rem; }
.md-mb-1 { margin-bottom: 0.5rem; }
.md-ml-1 { margin-left: 0.5rem; }
.md-mr-1 { margin-right: 0.5rem; }
.md-mx-1 { margin-left: 0.5rem; margin-right: 0.5rem; }
.md-my-1 { margin-top: 0.5rem; margin-bottom: 0.5rem; }
.md-mt-2 { margin-top: 1rem; }
.md-mb-2 { margin-bottom: 1rem; }
.md-ml-2 { margin-left: 1rem; }
.md-mr-2 { margin-right: 1rem; }
.md-mx-2 { margin-left: 1rem; margin-right: 1rem; }
.md-my-2 { margin-top: 1rem; margin-bottom: 1rem; }
.md-mt-3 { margin-top: 2rem; }
.md-mb-3 { margin-bottom: 2rem; }
.md-ml-3 { margin-left: 2rem; }
.md-mr-3 { margin-right: 2rem; }
.md-mx-3 { margin-left: 2rem; margin-right: 2rem; }
.md-my-3 { margin-top: 2rem; margin-bottom: 2rem; }
.md-pt-0 { padding-top: 0rem; }
.md-pt-1 { padding-top: 0.5rem; }
.md-pb-1 { padding-bottom: 0.5rem; }
.md-pl-1 { padding-left: 0.5rem; }
.md-pr-1 { padding-right: 0.5rem; }
.md-px-1 { padding-left: 0.5rem; padding-right: 0.5rem; }
.md-py-1 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.md-pt-2 { padding-top: 1rem; }
.md-pb-2 { padding-bottom: 1rem; }
.md-pl-2 { padding-left: 1rem; }
.md-pr-2 { padding-right: 1rem; }
.md-px-2 { padding-left: 1rem; padding-right: 1rem; }
.md-py-2 { padding-top: 1rem; padding-bottom: 1rem; }
.md-pt-3 { padding-top: 2rem; }
.md-pb-3 { padding-bottom: 2rem; }
.md-pl-3 { padding-left: 2rem; }
.md-pr-3 { padding-right: 2rem; }
.md-px-3 { padding-left: 2rem; padding-right: 2rem; }
.md-py-3 { padding-top: 2rem; padding-bottom: 2rem; }
}
@media screen and (max-width: 767px) {
.sm-mt-1 { margin-top: 0.5rem; }
.sm-mb-1 { margin-bottom: 0.5rem; }
.sm-ml-1 { margin-left: 0.5rem; }
.sm-mr-1 { margin-right: 0.5rem; }
.sm-mx-1 { margin-left: 0.5rem; margin-right: 0.5rem; }
.sm-my-1 { margin-top: 0.5rem; margin-bottom: 0.5rem; }
.sm-mt-2 { margin-top: 1rem; }
.sm-mb-2 { margin-bottom: 1rem; }
.sm-ml-2 { margin-left: 1rem; }
.sm-mr-2 { margin-right: 1rem; }
.sm-mx-2 { margin-left: 1rem; margin-right: 1rem; }
.sm-my-2 { margin-top: 1rem; margin-bottom: 1rem; }
.sm-mt-3 { margin-top: 2rem; }
.sm-mb-3 { margin-bottom: 2rem; }
.sm-ml-3 { margin-left: 2rem; }
.sm-mr-3 { margin-right: 2rem; }
.sm-mx-3 { margin-left: 2rem; margin-right: 2rem; }
.sm-my-3 { margin-top: 2rem; margin-bottom: 2rem; }
.sm-pt-1 { padding-top: 0.5rem; }
.sm-pb-1 { padding-bottom: 0.5rem; }
.sm-pl-1 { padding-left: 0.5rem; }
.sm-pr-1 { padding-right: 0.5rem; }
.sm-px-1 { padding-left: 0.5rem; padding-right: 0.5rem; }
.sm-py-1 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.sm-pt-2 { padding-top: 1rem; }
.sm-pb-2 { padding-bottom: 1rem; }
.sm-pl-2 { padding-left: 1rem; }
.sm-pr-2 { padding-right: 1rem; }
.sm-px-2 { padding-left: 1rem; padding-right: 1rem; }
.sm-py-2 { padding-top: 1rem; padding-bottom: 1rem; }
.sm-pt-3 { padding-top: 2rem; }
.sm-pb-3 { padding-bottom: 2rem; }
.sm-pl-3 { padding-left: 2rem; }
.sm-pr-3 { padding-right: 2rem; }
.sm-px-3 { padding-left: 2rem; padding-right: 2rem; }
.sm-py-3 { padding-top: 2rem; padding-bottom: 2rem; }
}

.info-popup__content{
    position: absolute;width: 100%;z-index: 999;background-color: #0b0b0b4f;top: 0;bottom: 0;height: 100%;
}
.info-popup__body{
    padding:58px 15px; width: 100%;max-width: 994px;margin: auto;display: flex;flex-direction: column;align-items: center;background-color: rgba(188, 19, 0, 1);border-radius: 16px;height:360px;justify-content: center;margin-top: calc(30% - 360px);
    box-shadow: 1px 1px 1px 0px rgba(38, 22, 8, 0.3);
    box-sizing: border-box;
}

.info-popup__message {
    text-transform: uppercase;
}
.info-popup__text {
    text-align: center;
}
.info-popup__action {
    background-color: white;
    color: black;
    padding: 12px 130px;
    border-radius: 48px;
    cursor: pointer;
}
.info-popup__action_cancel {
    cursor: pointer;
    padding-top: 18px;
}
@media screen and (max-width: 767px) {
    .info-popup__body {
    padding: 51px 15px;
    max-width: 320px;
    height: 244px;
    margin-top: calc(30% - 0px);
    margin-left: 10px;
    margin-right: 10px;
}
.info-popup__action {
    padding: 12px 91px;
}
}