@font-face {
    font-family: 'Micado'; 
    src: url("fonts/mikado/Mikado-Black.cd23c67d8617.woff2") format('woff2'), 
    url("fonts/mikado/Mikado-Black.c822709812cb.woff") format('woff'),
    url("fonts/mikado/Mikado-Black.af569dcd095f.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'tildaScaansRegular'; 
    src: url("fonts/tildaScans/TildaSans-Regular.0e620daec2f6.woff2") format('woff2'), 
    url("fonts/tildaScans/TildaSans-Regular.9e22b54f85ab.woff") format('woff'),
    url("fonts/tildaScans/TildaSans-Regular.279e2ab4ce64.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'tildaScaansMedium'; 
    src: url("fonts/tildaScans/TildaSans-Medium.0d4d3b30ada5.woff2") format('woff2'), 
    url("fonts/tildaScans/TildaSans-Medium.44d9c2ea4ea0.woff") format('woff'),
    url("fonts/tildaScans/TildaSans-Medium.065a2d909529.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'tildaScaansSemibold'; 
    src: url("fonts/tildaScans/TildaSans-Semibold.fb83f889635f.woff2") format('woff2'), 
    url("fonts/tildaScans/TildaSans-Semibold.39303c6ca59b.woff") format('woff'),
    url("fonts/tildaScans/TildaSans-Semibold.b8aa7037bb76.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'tildaScaansBold'; 
    src: url("fonts/tildaScans/TildaSans-Bold.5afcc96dec53.woff2") format('woff2'), 
    url("fonts/tildaScans/TildaSans-Bold.f2bc29bc2dab.woff") format('woff'),
    url("fonts/tildaScans/TildaSans-Bold.3b3b7d02957c.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
}

.popup-loader {
    position: absolute;
}

.tab {
    display: none !important;
}

.tab-active {
    display: flex !important;
}

.form-error {
    color:red;
    display: none;
}

.form-error-active {
    display: block !important;
}

.basket {
    width: 23px;
    height: 26.29px;
    display: block;
    background: url("img/svg/trash.edb9074473a0.svg");
    background-size: 23px 26.29px;
    cursor: pointer;
}

.no-cursor {
    cursor: default;
}

.gui-hidden {
    display: none !important;
}

.gui-inline {
    display: inline;
}

.preloader-white {
    background-color: rgba(255, 255, 255, 0.1) !important;
}

.preloader-white .preload-coin {
    display: none !important;
}

.margin-bottom-zero {
    margin-bottom: 0 !important;
}

.radio-error {
    margin-top: -13px !important;
    margin-bottom: 17px !important;
}

.bg-transparent {
    background-color: rgba(0,0,0,0.5) !important;
}

.find-user-container {
    margin-top: 10px;
}

.kassa-close-button-container {
    position: relative;
    top: -45px;
    right: -21px;
}
@media (max-width: 418px) {
    .kassa-close-button-container {
        top: -20px;
        right: 3px;
    }
}

.body-modal {
    overflow: hidden;
}

.kard-extra-margin {
    margin-right: 10px !important;
}

.coin-image-kind1 {
    position: relative;
    top: -13px;
}

.coin-image-kind2 {
    position: relative;
    top: -13px;
}

.coin-image-kind3 {
    position: relative;
    top: -10px;
}

.coin-image-kind4 {
    position: relative;
    top: -10px;
}

.coin-image-kind5 {
    position: relative;
    top: -5px;
}

.coin-image-kind6 {
    position: relative;
    top: -5px;
}

*{
    padding: 0;
    margin: 0;
    border: 0;
    box-sizing: border-box;
}

*,*:before,*:after{
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
:focus,:active{outline: none;}
a:focus,a:active{outline: none;}

nav,footer,header,aside{display: block;}

html,body{
    height: 100%;
    width: 100%;
    font-size: 100%;
    background-color: #FFF8E0;
    line-height: 1;
    color: #923B09;
    font-family: 'Micado', 'Arial', sans-serif;
    font-weight: 900;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

input,button,textarea{font-family:inherit;}

input::-ms-clear{display: none;}
button{cursor: pointer;}
button::-moz-focus-inner {padding:0;border:0;}
a, a:visited{text-decoration: none; display: block;}
a:hover{text-decoration: none;}
ul, li{list-style: none; display: block;}
img{vertical-align: top;}

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





.popUpOverlay_redirectStatus4 {
    display: none; 
    position: fixed;
    z-index: 1000; 
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.75);
}

.popUpOverlay_redirectStatus4.active{
    display: grid;
    place-items: center; 
}

.popUpWrapper_redirectStatus4 {
    width: 100%;
    max-width: 358px;
    padding: 88px 95px 31px 95px;
    border: 1px solid #E0AF7D;
    background-color: #FFF8DF;
    border-radius: 20px;
    position: relative;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    -webkit-box-shadow: 0 -4px 0 2px rgba(224, 175, 125, 1);
    -moz-box-shadow: 0 -4px 0 2px rgba(224, 175, 125, 1);
    box-shadow: 1px -4px 0 -1px rgba(224, 175, 125, 1);
}

.textBlock_redirectStatus4 {
    font-weight: 900;
    text-align: center;
    font-size: 16px;
    line-height: 16.8px;
    color: #A73E36;
    margin-bottom: 10px;
}

.modalText_redirectStatus4 {
    margin: 0;
    font-size: 15px;
    line-height: 15.75px;
    font-weight: 900;
    color: #A25028;
    font-family: 'Micado', 'Arial', sans-serif;
}

.modalLogo_redirectStatus4 {
    position: absolute;
    top: -90px;
    right: 50px;
    z-index: 100;
}




.popUpOverlay_redirectStatus3 {
    display: none; 
    position: fixed;
    z-index: 1000; 
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.75);
}

.popUpOverlay_redirectStatus3.active{
    display: grid;
    place-items: center; 
}

.popUpWrapper_redirectStatus3 {
    width: 100%;
    max-width: 358px;
    padding: 88px 95px 31px 95px;
    border: 1px solid #E0AF7D;
    background-color: #FFF8DF;
    border-radius: 20px;
    position: relative;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    -webkit-box-shadow: 0 -4px 0 2px rgba(224, 175, 125, 1);
    -moz-box-shadow: 0 -4px 0 2px rgba(224, 175, 125, 1);
    box-shadow: 1px -4px 0 -1px rgba(224, 175, 125, 1);
}

.textBlock_redirectStatus3 {
    font-weight: 900;
    text-align: center;
    font-size: 16px;
    line-height: 16.8px;
    color: #A73E36;
    margin-bottom: 10px;
}

.modalText_redirectStatus3 {
    margin: 0;
    font-size: 15px;
    line-height: 15.75px;
    font-weight: 900;
    color: #A25028;
    font-family: 'Micado', 'Arial', sans-serif;
}

.modalLogo_redirectStatus3 {
    position: absolute;
    top: -90px;
    right: 50px;
    z-index: 100;
}





.popUpOverlay_redirectStatus2 {
    display: none; 
    position: fixed;
    z-index: 1000; 
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.75);
}

.popUpOverlay_redirectStatus2.active{
    display: grid;
    place-items: center; 
}

.popUpWrapper_redirectStatus2 {
    width: 100%;
    max-width: 358px;
    padding: 88px 95px 31px 95px;
    border: 1px solid #E0AF7D;
    background-color: #FFF8DF;
    border-radius: 20px;
    position: relative;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    -webkit-box-shadow: 0 -4px 0 2px rgba(224, 175, 125, 1);
    -moz-box-shadow: 0 -4px 0 2px rgba(224, 175, 125, 1);
    box-shadow: 1px -4px 0 -1px rgba(224, 175, 125, 1);
}

.textBlock_redirectStatus2 {
    font-weight: 900;
    text-align: center;
    font-size: 16px;
    line-height: 16.8px;
    color: #A73E36;
    margin-bottom: 10px;
}

.modalText_redirectStatus2 {
    margin: 0;
    font-size: 15px;
    line-height: 15.75px;
    font-weight: 900;
    color: #A25028;
    font-family: 'Micado', 'Arial', sans-serif;
}

.modalLogo_redirectStatus2 {
    position: absolute;
    top: -90px;
    right: 50px;
    z-index: 100;
}





.popUpOverlay_redirectStatus1 {
    display: none; 
    position: fixed;
    z-index: 1000; 
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.75);
}

.popUpOverlay_redirectStatus1.active{
    display: grid;
    place-items: center; 
}

.popUpWrapper_redirectStatus1 {
    width: 100%;
    max-width: 358px;
    padding: 88px 95px 31px 95px;
    border: 1px solid #E0AF7D;
    background-color: #FFF8DF;
    border-radius: 20px;
    position: relative;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    -webkit-box-shadow: 0 -4px 0 2px rgba(224, 175, 125, 1);
    -moz-box-shadow: 0 -4px 0 2px rgba(224, 175, 125, 1);
    box-shadow: 1px -4px 0 -1px rgba(224, 175, 125, 1);
}

.textBlock_redirectStatus1 {
    font-weight: 900;
    text-align: center;
    font-size: 16px;
    line-height: 16.8px;
    color: #A73E36;
    margin-bottom: 10px;
}

.modalText_redirectStatus1 {
    margin: 0;
    font-size: 15px;
    line-height: 15.75px;
    font-weight: 900;
    color: #A25028;
    font-family: 'Micado', 'Arial', sans-serif;
}

.modalLogo_redirectStatus1 {
    position: absolute;
    top: -90px;
    right: 50px;
    z-index: 100;
}





.popUpOverlay_modalError {
    display: none; 
    position: fixed;
    z-index: 1000; 
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.75);
}

.popUpOverlay_modalError.active{
    display: grid;
    place-items: center; 
}



.popUpWrapper_modalError {
    width: 100%;
    max-width: 358px;
    padding: 88px 35px 31px 35px;
    border: 1px solid #E0AF7D;
    background-color: #FFF8DF;
    border-radius: 20px;
    position: relative;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    -webkit-box-shadow: 0 -4px 0 2px rgba(224, 175, 125, 1);
    -moz-box-shadow: 0 -4px 0 2px rgba(224, 175, 125, 1);
    box-shadow: 1px -4px 0 -1px rgba(224, 175, 125, 1);
}


.modalLogo_modalError {
    position: absolute;
    top: -90px;
    right: 50px;
    z-index: 100;
}

.textBlock_modalError {
    margin-bottom: 10px;
}

.modalText_modalError {
    margin: 0;
    font-size: 15px;
    line-height: 22px;
    font-weight: 900;
    color: #A25028;
    font-family: 'Micado', 'Arial', sans-serif;
}

.buttonWrapper_modalError {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.buttonLink_modalError {
    width: 170px;
    height: 51px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.button_modalError {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.greenButtonText_modalError {
    position: relative;
    z-index: 2;
    color: #FDFAE7;
    font-size: 24px;
    line-height: 25.2px;
    font-weight: 900;
    -webkit-text-stroke: 1.5px rgba(70, 99, 7, 1); 
    text-stroke: 1.5px rgba(70, 99, 7, 1); 
    font-family: 'Micado', 'Arial', sans-serif;
}





.popUpOverlay_modalErrorNoMoney {
    display: none; 
    position: fixed;
    z-index: 1000; 
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.75);
}

.popUpOverlay_modalErrorNoMoney.active{
    display: grid;
    place-items: center; 
}



.popUpWrapper_modalErrorNoMoney {
    width: 100%;
    max-width: 358px;
    padding: 88px 95px 31px 95px;
    border: 1px solid #E0AF7D;
    background-color: #FFF8DF;
    border-radius: 20px;
    position: relative;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    -webkit-box-shadow: 0 -4px 0 2px rgba(224, 175, 125, 1);
    -moz-box-shadow: 0 -4px 0 2px rgba(224, 175, 125, 1);
    box-shadow: 1px -4px 0 -1px rgba(224, 175, 125, 1);
}


.modalLogo_modalErrorNoMoney {
    position: absolute;
    top: -90px;
    right: 50px;
    z-index: 100;
}


.modalText_modalErrorNoMoney {

    width: 293px;
    text-align: center;
    font-size: 16px;
    line-height: 16.8px;
    font-weight: 900;
    color: #A25028;
    font-family: 'Micado', 'Arial', sans-serif;
    margin-bottom: 10px;
}

.buttonWrapper_modalErrorNoMoney {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.buttonLink_modalErrorNoMoney {
    width: 170px;
    height: 51px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.button_modalErrorNoMoney {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.greenButtonText_modalErrorNoMoney {
    position: relative;
    z-index: 2;
    color: #FDFAE7;
    font-size: 24px;
    line-height: 25.2px;
    font-weight: 900;
    -webkit-text-stroke: 1.5px rgba(70, 99, 7, 1); 
    text-stroke: 1.5px rgba(70, 99, 7, 1); 
    font-family: 'Micado', 'Arial', sans-serif;
}






.popUpOverlay_friendsProfile {
    display: none; 
    position: fixed;
    z-index: 1000; 
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.75);
}

.popUpOverlay_friendsProfile.active{
    display: grid;
    place-items: center; 
}


.authButtonsWrapper_friendsProfile {
    width: 100%;
    max-width: 358px;
    padding: 88px 27px 31px;
    background-color: #FFF8DF;
    border-radius: 20px;
    position: relative;

    -webkit-box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
    -moz-box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
    box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
}

.logo_friendsProfile {
    position: absolute;
    top: -70px;
    left: 40px;
}

.modalBox_friendsProfile {
    width: 100%;
    display: flex;
    flex-direction: column;
    text-align: center;
}

.modalText_friendsProfile{
    font-weight: 900;
    text-align: center;
    font-size: 16px;
    line-height: 16.8px;
    color: #A73E36;
    margin-bottom: 10px;
}

.inputWrapper_friendsProfile {
    background-color: #FFEAC9;
    border-radius: 20px;
    padding: 14px;
    margin-bottom: 10px;
}

.input_friendsProfile {
    resize: none; 
    background-color: #F8D49D;
    border-radius: 15px;
    width: 100%;
    padding: 5px 0 5px 0;
    font-weight: 900;
    font-size: 16px;
    line-height: 16.8px;
    color: rgba(200, 169, 122, 0.8);

    border: 1px solid rgba(224, 175, 125, 1);
    -webkit-box-shadow: 0px -3px 0px 0px rgba(224, 175, 125, 1);
    -moz-box-shadow: 0px -3px 0px 0px rgba(224, 175, 125, 1);
    box-shadow: 0px -3px 0px 0px rgba(224, 175, 125, 1);

    -webkit-box-shadow: 0px 3px 0px 0px rgba(224, 175, 125, 1) inset;
    -moz-box-shadow: 0px 3px 0px 0px rgba(224, 175, 125, 1) inset;
    box-shadow: 0px 3px 0px 0px rgba(224, 175, 125, 1) inset;
}

.input_friendsProfile::placeholder {
    font-weight: 900;
    font-size: 16px;
    line-height: 16.8px;
    color: #923B09;
    text-align: center;
}

.checkboxWrapper_friendsProfile {
    width: 100%;
    display: flex;
    justify-content: center;
    position: relative;
    margin-bottom: 10px;
}

.checkboxLabel_friendsProfile {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.checkbox_friendsProfile {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    display: none; 
}

.fakeCheckbox_friendsProfile {
    display: flex;
    width: 21.47px;
    height: 21.47px;
    justify-content: center;
    align-items: center;
    padding: 1px;
    border: 3px solid #DFAF7D;
    border-radius: 2px;
    position: relative; 
}

.fakeCheckboxMark_friendsProfile {
    display:none;
    position: absolute;
    top: 8px;
    left:  9px;
    transform: translate(-50%, -50%); 
    width: 14.86px;
    height: 11.74px;
    
    background-size: contain;
    background-repeat: no-repeat;
}

.checkbox_friendsProfile:checked + .fakeCheckbox_friendsProfile .fakeCheckboxMark_friendsProfile {
    display: block;
    transition: 0.2s ease-in-out;
}

.checkboxText_friendsProfile {
    margin-left: 18px;
    font-size: 10px;
    line-height: 10.4px;
    color: #A4735B;
    font-weight: 900;
}


.buttonWrapper_friendsProfile {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.buttonLink_friendsProfile {
    width: 174px;
    height: 51px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.button_friendsProfile {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.greenButtonText_friendsProfile {
    position: relative;
    z-index: 2;
    color: #FDFAE7;
    font-size: 24px;
    line-height: 25.2px;
    font-weight: 900;
    -webkit-text-stroke: 1.5px rgba(70, 99, 7, 1); 
    text-stroke: 1.5px rgba(70, 99, 7, 1); 
    font-family: 'Micado', 'Arial', sans-serif;
}







.popUpOverlay_findFriendById {
    display: none; 
    position: fixed;
    z-index: 1000; 
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.75);
}

.popUpOverlay_findFriendById.active{
    display: grid;
    place-items: center; 
}



.authButtonsWrapper_findFriendById {
    width: 100%;
    max-width: 358px;
    padding: 88px 27px 31px;
    background-color: #FFF8DF;
    border-radius: 20px;
    position: relative;

    -webkit-box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
    -moz-box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
    box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
}

.logo_findFriendById {
    position: absolute;
    top: -70px;
    left: 40px;
}

.modalBox_findFriendById {
    width: 100%;
    display: flex;
    flex-direction: column;
    text-align: center;
}

.modalText_findFriendById {
    font-weight: 900;
    text-align: center;
    font-size: 16px;
    line-height: 16.8px;
    color: #A73E36;
    margin-bottom: 10px;
}

.inputWrapper_findFriendById {
    background-color: #FFEAC9;
    border-radius: 20px;
    padding: 14px;
    margin-bottom: 10px;
}

.input_findFriendById {
    background-color: #F8D49D;
    border-radius: 15px;
    width: 100%;
    padding: 17px 0 17px 25px;
    font-weight: 900;
    font-size: 16px;
    line-height: 16.8px;
    color: rgba(200, 169, 122, 0.8);

    border: 1px solid rgba(224, 175, 125, 1);
    -webkit-box-shadow: 0px -3px 0px 0px rgba(224, 175, 125, 1);
    -moz-box-shadow: 0px -3px 0px 0px rgba(224, 175, 125, 1);
    box-shadow: 0px -3px 0px 0px rgba(224, 175, 125, 1);
}

.input_findFriendById::placeholder {
    font-weight: 900;
    font-size: 16px;
    line-height: 16.8px;
    color: rgba(200, 169, 122, 0.8);
}


.buttonWrapper_findFriendById {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 10px;
}

.buttonLink_findFriendById {
    width: 142.83px;
    height: 49px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.button_findFriendById {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.greenButtonText_findFriendById {
    position: relative;
    z-index: 2;
    color: #FDFAE7;
    font-size: 24px;
    line-height: 25.2px;
    font-weight: 900;
    -webkit-text-stroke: 1.5px rgba(70, 99, 7, 1); 
    text-stroke: 1.5px rgba(70, 99, 7, 1); 
    font-family: 'Micado', 'Arial', sans-serif;
}







.popUpOverlay_selectCustomer {
    display: none; 
    position: fixed;
    z-index: 1000; 
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.75);
}

.popUpOverlay_selectCustomer.active{
    display: grid;
    place-items: center; 
}



.popUpWrapper_selectCustomer {
    width: 100%;
    max-width: 358px;
    padding: 88px 95px 31px 95px;
    border: 1px solid #E0AF7D;
    background-color: #FFF8DF;
    border-radius: 20px;
    position: relative;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    -webkit-box-shadow: 0 -4px 0 2px rgba(224, 175, 125, 1);
    -moz-box-shadow: 0 -4px 0 2px rgba(224, 175, 125, 1);
    box-shadow: 1px -4px 0 -1px rgba(224, 175, 125, 1);
}

.textBlock_selectCustomer {
    margin-bottom: 10px;
}

.modalLogo_selectCustomer {
    position: absolute;
    top: -90px;
    right: 50px;
    z-index: 100;
}

.modalText_selectCustomer {
    margin: 0;
    font-size: 15px;
    line-height: 15.75px;
    font-weight: 900;
    color: #A25028;
    font-family: 'Micado', 'Arial', sans-serif;
}

.buttonWrapper_selectCustomer {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
}

.buttonLink_selectCustomer {
    width: 136px;
    height: 53px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.button_selectCustomer {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.greenButtonText_selectCustomer {
    position: relative;
    z-index: 2;
    color: #FFF2A9;
    font-size: 24px;
    line-height: 25.2px;
    font-weight: 900;

    -webkit-text-stroke: 1.5px rgba(70, 99, 7, 1); 
    text-stroke: 1.5px rgba(70, 99, 7, 1); 
    font-family: 'Micado', 'Arial', sans-serif;
}






.popUpOverlay_modalLogOut {
    display: none; 
    position: fixed;
    z-index: 1000; 
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(61, 0, 0, 1); 
}

.popUpOverlay_modalLogOut.active{
    display: grid;
    place-items: center; 
}



.authButtonsWrapper_modalLogOut {
    width: 100%;
    max-width: 358px;
    padding: 88px 27px 31px;
    background-color: #FFF8DF;
    border-radius: 20px;
    position: relative;

    -webkit-box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
    -moz-box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
    box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
}

.logo_modalLogOut {
    position: absolute;
    top: -70px;
    left: 40px;
}

.close-btn_modalLogOut {
    width: 39px;
    height: 39px;
    
    background-color: inherit;
    background-size: cover;
    background-repeat:  no-repeat;
    background-position: center center;
    cursor: pointer;
    border: 0;

    position: absolute;
    top: 15px;
    right: 15px;
    margin: 0;
}

.modalBox_modalLogOut{
    width: 100%;
    display: flex;
    flex-direction: column;
    text-align: center;
}

.modalText_modalLogOut {
    font-weight: 900;
    text-align: center;
    font-size: 16px;
    line-height: 16.8px;
    color: #A73E36;
    margin-bottom: 10px;
}

.buttonWrapper_modalLogOut {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.buttonLink_modalLogOut {
    width: 136px;
    height: 53px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.button_modalLogOut {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.redButtonText_modalLogOut {
    position: relative;
    z-index: 2;
    color: #FDFAE7;
    font-size: 24px;
    line-height: 25.2px;
    font-weight: 900;
    -webkit-text-stroke: 1.5px rgba(143, 4, 20, 1); 
    text-stroke: 1.5px rgba(143, 4, 20, 1); 
    font-family: 'Micado', 'Arial', sans-serif;
}




.popUpOverlay_modalRedirect {
    display: none; 
    position: fixed;
    z-index: 1000; 
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(61, 0, 0, 1); 
}

.popUpOverlay_modalRedirect.active{
    display: grid;
    place-items: center; 
}



.authButtonsWrapper_modalRedirect {
    width: 100%;
    max-width: 358px;
    padding: 88px 27px 31px;
    background-color: #FFF8DF;
    border-radius: 20px;
    position: relative;

    -webkit-box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
    -moz-box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
    box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
}

.logo_modalRedirect {
    position: absolute;
    top: -70px;
    left: 40px;
}

.close-btn_modalRedirect {
    width: 39px;
    height: 39px;
    
    background-color: inherit;
    background-size: cover;
    background-repeat:  no-repeat;
    background-position: center center;
    cursor: pointer;
    border: 0;

    position: absolute;
    top: 15px;
    right: 15px;
    margin: 0;
}

.modalBox_modalRedirect{
    width: 100%;
    display: flex;
    flex-direction: column;
    text-align: center;
}

.modalText_modalRedirect {
    font-weight: 900;
    text-align: center;
    font-size: 16px;
    line-height: 16.8px;
    color: #A73E36;
    margin-bottom: 10px;
}

.loaderWrapper_modalRedirect {
    width: 100%;
    max-width: 190px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 3px;
    margin-top: 25px;
    align-self: center;
}

.loader_modalRedirect {
    width: 6.5px;
    height: 7px;
    border-radius: 100%;
}

.color_1 {
    background-color: #FF8A07;
}

.color_2 {
    background-color: #FF6E1C;
}

.color_3 {
    background-color: #FF4B39;
}

.color_4 {
    background-color: #FF2358;
}

.color_5 {
    background-color: #FF0472;
}



.popUpOverlay_authByProfile {
    display: none; 
    position: fixed;
    z-index: 1000; 
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.75);
}

.popUpOverlay_authByProfile.active{
    display: grid;
    place-items: center; 
}



.authButtonsWrapper_authByProfile {
    width: 100%;
    max-width: 358px;
    padding: 88px 27px 31px;
    background-color: #FFF8DF;
    border-radius: 20px;
    position: relative;

    -webkit-box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
    -moz-box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
    box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
}

.logo_authByProfile {
    position: absolute;
    top: -70px;
    left: 40px;
}

.modalBox_authByProfile {
    width: 100%;
    display: flex;
    flex-direction: column;
    text-align: center;
}

.modalText_authByProfile {
    font-weight: 900;
    text-align: center;
    font-size: 16px;
    line-height: 16.8px;
    color: #A73E36;
    margin-bottom: 10px;
}

.inputWrapper_authByProfile {
    background-color: #FFEAC9;
    border-radius: 20px;
    padding: 14px;
    margin-bottom: 10px;
}

.input_authByProfile {
    resize: none; 
    background-color: #F8D49D;
    border-radius: 15px;
    width: 100%;
    padding: 5px 0 5px 0;
    font-weight: 900;
    font-size: 16px;
    line-height: 16.8px;
    color: rgba(200, 169, 122, 0.8);

    border: 1px solid rgba(224, 175, 125, 1);
    -webkit-box-shadow: 0px -3px 0px 0px rgba(224, 175, 125, 1);
    -moz-box-shadow: 0px -3px 0px 0px rgba(224, 175, 125, 1);
    box-shadow: 0px -3px 0px 0px rgba(224, 175, 125, 1);
}

.input_authByProfile::placeholder {
    font-weight: 900;
    font-size: 16px;
    line-height: 16.8px;
    color: #923B09;
    text-align: center;
}

.checkboxWrapper_authByProfile {
    width: 100%;
    display: flex;
    justify-content: center;
    position: relative;
    margin-bottom: 10px;
}

.checkboxLabel_authByProfile {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.checkbox_authByProfile {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    display: none; 
}

.fakeCheckbox_authByProfile {
    display: flex;
    width: 21.47px;
    height: 21.47px;
    justify-content: center;
    align-items: center;
    padding: 1px;
    border: 3px solid #DFAF7D;
    border-radius: 2px;
    position: relative; 
}

.fakeCheckboxMark_authByProfile {
    display:none;
    position: absolute;
    top: 8px;
    left:  9px;
    transform: translate(-50%, -50%); 
    width: 14.86px;
    height: 11.74px;
    
    background-size: contain;
    background-repeat: no-repeat;
}

.checkbox_authByProfile:checked + .fakeCheckbox_authByProfile .fakeCheckboxMark_authByProfile {
    display: block;
    transition: 0.2s ease-in-out;
}

.checkboxText_authByProfile {
    margin-left: 18px;
    font-size: 10px;
    line-height: 10.4px;
    color: #A4735B;
    font-weight: 900;
}


.buttonWrapper_authByProfile {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.buttonLink_authByProfile {
    width: 174px;
    height: 51px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.button_authByProfile {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.greenButtonText_authByProfile {
    position: relative;
    z-index: 2;
    color: #FDFAE7;
    font-size: 24px;
    line-height: 25.2px;
    font-weight: 900;
    -webkit-text-stroke: 1.5px rgba(70, 99, 7, 1); 
    text-stroke: 1.5px rgba(70, 99, 7, 1); 
    font-family: 'Micado', 'Arial', sans-serif;
}








.popUpOverlay_authByEmail {
    display: none; 
    position: fixed;
    z-index: 1000; 
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.75);
}

.popUpOverlay_authByEmail.active{
    display: grid;
    place-items: center; 
}



.authButtonsWrapper_authByEmail {
    width: 100%;
    max-width: 358px;
    padding: 88px 27px 31px;
    background-color: #FFF8DF;
    border-radius: 20px;
    position: relative;

    -webkit-box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
    -moz-box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
    box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
}

.logo_authByEmail {
    position: absolute;
    top: -70px;
    left: 40px;
}

.modalBox_authByEmail {
    width: 100%;
    display: flex;
    flex-direction: column;
    text-align: center;
}

.modalText_authByEmail {
    font-weight: 900;
    text-align: center;
    font-size: 16px;
    line-height: 16.8px;
    color: #A73E36;
    margin-bottom: 10px;
}

.inputWrapper_authByEmail {
    background-color: #FFEAC9;
    border-radius: 20px;
    padding: 14px;
    margin-bottom: 10px;
}

.input_authByEmail {
    background-color: #F8D49D;
    border-radius: 15px;
    width: 100%;
    padding: 17px 0 17px 25px;
    font-weight: 900;
    font-size: 16px;
    line-height: 16.8px;
    color: rgba(200, 169, 122, 0.8);

    border: 1px solid rgba(224, 175, 125, 1);
    -webkit-box-shadow: 0px -3px 0px 0px rgba(224, 175, 125, 1);
    -moz-box-shadow: 0px -3px 0px 0px rgba(224, 175, 125, 1);
    box-shadow: 0px -3px 0px 0px rgba(224, 175, 125, 1);
}

.input_authByEmail::placeholder {
    font-weight: 900;
    font-size: 16px;
    line-height: 16.8px;
    color: rgba(200, 169, 122, 0.8);
    text-align: center;
}

.checkboxWrapper_authByEmail {
    width: 100%;
    display: flex;
    justify-content: center;
    position: relative;
    margin-bottom: 10px;
}

.checkboxLabel_authByEmail {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.checkbox_authByEmail {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    display: none; 
}

.fakeCheckbox_authByEmail {
    display: flex;
    width: 21.47px;
    height: 21.47px;
    justify-content: center;
    align-items: center;
    padding: 1px;
    border: 3px solid #DFAF7D;
    border-radius: 2px;
    position: relative; 
}

.fakeCheckboxMark_authByEmail {
    display:none;
    position: absolute;
    top: 8px;
    left:  9px;
    transform: translate(-50%, -50%); 
    width: 14.86px;
    height: 11.74px;
    
    background-size: contain;
    background-repeat: no-repeat;
}

.checkbox_authByEmail:checked + .fakeCheckbox_authByEmail .fakeCheckboxMark_authByEmail {
    display: block;
    transition: 0.2s ease-in-out;
}

.checkboxText_authByEmail {
    margin-left: 18px;
    font-size: 10px;
    line-height: 10.4px;
    color: #A4735B;
    font-weight: 900;
}


.buttonWrapper_authByEmail {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.buttonLink_authByEmail {
    width: 174px;
    height: 51px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.button_authByEmail{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.greenButtonText_authByEmail {
    position: relative;
    z-index: 2;
    color: #FDFAE7;
    font-size: 24px;
    line-height: 25.2px;
    font-weight: 900;
    -webkit-text-stroke: 1.5px rgba(70, 99, 7, 1); 
    text-stroke: 1.5px rgba(70, 99, 7, 1); 
    font-family: 'Micado', 'Arial', sans-serif;
}





.popUpOverlay_authRejected {
    display: none; 
    position: fixed;
    z-index: 1000; 
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.75);
}

.popUpOverlay_authRejected.active{
    display: grid;
    place-items: center; 
}



.authButtonsWrapper_authRejected {
    width: 100%;
    max-width: 358px;
    padding: 88px 27px 31px;
    background-color: #FFF8DF;
    border-radius: 20px;
    position: relative;

    -webkit-box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
    -moz-box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
    box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
}

.logo_authRejected {
    position: absolute;
    top: -70px;
    left: 40px;
}

.modalBox_authRejected {
    width: 100%;
    display: flex;
    flex-direction: column;
    text-align: center;
}

.modalText_authRejected {
    font-weight: 900;
    text-align: center;
    font-size: 16px;
    line-height: 16.8px;
    color: #A73E36;
    margin-bottom: 10px;
}

.colorRed {
    color: #D92323;
}

.inputWrapper_authRejected {
    background-color: #FFEAC9;
    border-radius: 20px;
    padding: 14px;
    margin-bottom: 10px;
}

.input_authRejected {
    background-color: #F8D49D;
    border-radius: 15px;
    width: 100%;
    padding: 17px 0 17px 25px;
    font-weight: 900;
    font-size: 16px;
    line-height: 16.8px;
    color: rgba(200, 169, 122, 0.8);

    border: 1px solid rgba(224, 175, 125, 1);
    -webkit-box-shadow: 0px -3px 0px 0px rgba(224, 175, 125, 1);
    -moz-box-shadow: 0px -3px 0px 0px rgba(224, 175, 125, 1);
    box-shadow: 0px -3px 0px 0px rgba(224, 175, 125, 1);
}

.input_authRejected::placeholder {
    font-weight: 900;
    font-size: 16px;
    line-height: 16.8px;
    color: rgba(200, 169, 122, 0.8);
}


.buttonWrapper_authRejected {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.buttonLink_authRejected {
    width: 142.83px;
    height: 49px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.button_authRejected {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.greenButtonText_authRejected {
    position: relative;
    z-index: 2;
    color: #FDFAE7;
    font-size: 24px;
    line-height: 25.2px;
    font-weight: 900;
    -webkit-text-stroke: 1.5px rgba(70, 99, 7, 1); 
    text-stroke: 1.5px rgba(70, 99, 7, 1); 
    font-family: 'Micado', 'Arial', sans-serif;
}



.popUpOverlay_modalRejected {
    display: none; 
    position: fixed;
    z-index: 1000; 
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.75);
}

.popUpOverlay_modalRejected.active{
    display: grid;
    place-items: center; 
}



.authButtonsWrapper_modalRejected {
    width: 100%;
    max-width: 358px;
    padding: 88px 27px 31px;
    background-color: #FFF8DF;
    border-radius: 20px;
    position: relative;

    -webkit-box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
    -moz-box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
    box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
}

.logo_modalRejected {
    position: absolute;
    top: -70px;
    left: 40px;
}

.modalBox_modalRejected {
    width: 100%;
    display: flex;
    flex-direction: column;
    text-align: center;
}

.modalText_modalRejected {
    font-weight: 900;
    text-align: center;
    font-size: 16px;
    line-height: 16.8px;
    color: #A73E36;
    margin-bottom: 10px;
}

.buttonWrapper_modalRejected {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.buttonLink_modalRejected {
    width: 142.83px;
    height: 49px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.button_modalRejected {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.greenButtonText_modalRejected {
    position: relative;
    z-index: 2;
    color: #FDFAE7;
    font-size: 24px;
    line-height: 25.2px;
    font-weight: 900;
    -webkit-text-stroke: 1.5px rgba(70, 99, 7, 1); 
    text-stroke: 1.5px rgba(70, 99, 7, 1); 
    font-family: 'Micado', 'Arial', sans-serif;
}







.popUpOverlay_authModalBuyAuth {
    display: none; 
    position: fixed;
    z-index: 1000; 
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.75);
}

.popUpOverlay_authModalBuyAuth.active{
    display: grid;
    place-items: center; 
}



.authButtonsWrapper_authModalBuyAuth {
    width: 100%;
    max-width: 358px;
    padding: 88px 27px 31px;
    background-color: #FFF8DF;
    border-radius: 20px;
    position: relative;

    -webkit-box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
    -moz-box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
    box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
}

.logo_authModalBuyAuth {
    position: absolute;
    top: -70px;
    left: 40px;
}

.close-btn_authModalBuyAuth {
    width: 39px;
    height: 39px;
    
    background-color: inherit;
    background-size: cover;
    background-repeat:  no-repeat;
    background-position: center center;
    cursor: pointer;
    border: 0;

    position: absolute;
    top: 15px;
    right: 15px;
    margin: 0;
}

.modalBox_authModalBuyAuth {
    width: 100%;
    display: flex;
    flex-direction: column;
    text-align: center;
}

.modalText_authModalBuyAuth {
    font-weight: 900;
    text-align: center;
    font-size: 16px;
    line-height: 16.8px;
    color: #A73E36;
    margin-bottom: 10px;
}

.inputWrapper_authModalBuyAuth {
    background-color: #FFEAC9;
    border-radius: 20px;
    padding: 14px;
    margin-bottom: 10px;
}

.input_authModalBuyAuth {
    background-color: #F8D49D;
    border-radius: 15px;
    width: 100%;
    padding: 17px 0 17px 25px;
    font-weight: 900;
    font-size: 16px;
    line-height: 16.8px;
    color: rgba(200, 169, 122, 0.8);

    border: 1px solid rgba(224, 175, 125, 1);
    -webkit-box-shadow: 0px -3px 0px 0px rgba(224, 175, 125, 1);
    -moz-box-shadow: 0px -3px 0px 0px rgba(224, 175, 125, 1);
    box-shadow: 0px -3px 0px 0px rgba(224, 175, 125, 1);
}

.input_authModalBuyAuth::placeholder {
    font-weight: 900;
    font-size: 16px;
    line-height: 16.8px;
    color: rgba(200, 169, 122, 0.8);
}


.buttonWrapper_authModalBuyAuth {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.buttonLink_authModalBuyAuth {
    width: 142.83px;
    height: 49px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.button_authModalBuyAuth {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.greenButtonText_authModalBuyAuth {
    position: relative;
    z-index: 2;
    color: #FDFAE7;
    font-size: 24px;
    line-height: 25.2px;
    font-weight: 900;
    -webkit-text-stroke: 1.5px rgba(70, 99, 7, 1); 
    text-stroke: 1.5px rgba(70, 99, 7, 1); 
    font-family: 'Micado', 'Arial', sans-serif;
}






.popUpOverlay_authModalById {
    display: none; 
    position: fixed;
    z-index: 1000; 
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.75);
}

.popUpOverlay_authModalById.active{
    display: grid;
    place-items: center; 
}



.authButtonsWrapper_authModalById {
    width: 100%;
    max-width: 358px;
    padding: 88px 27px 31px;
    background-color: #FFF8DF;
    border-radius: 20px;
    position: relative;

    -webkit-box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
    -moz-box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
    box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
}

.logo_authModalById {
    position: absolute;
    top: -70px;
    left: 40px;
}

.modalBox_authModalById {
    width: 100%;
    display: flex;
    flex-direction: column;
    text-align: center;
}

.modalText_authModalById {
    font-weight: 900;
    text-align: center;
    font-size: 16px;
    line-height: 16.8px;
    color: #A73E36;
    margin-bottom: 10px;
}

.inputWrapper_authModalById {
    background-color: #FFEAC9;
    border-radius: 20px;
    padding: 14px;
    margin-bottom: 10px;
}

.input_authModalById {
    background-color: #F8D49D;
    border-radius: 15px;
    width: 100%;
    padding: 17px 0 17px 25px;
    font-weight: 900;
    font-size: 16px;
    line-height: 16.8px;
    color: rgba(200, 169, 122, 0.8);

    border: 1px solid rgba(224, 175, 125, 1);
    -webkit-box-shadow: 0px -3px 0px 0px rgba(224, 175, 125, 1);
    -moz-box-shadow: 0px -3px 0px 0px rgba(224, 175, 125, 1);
    box-shadow: 0px -3px 0px 0px rgba(224, 175, 125, 1);
}

.input_authModalById::placeholder {
    font-weight: 900;
    font-size: 16px;
    line-height: 16.8px;
    color: rgba(200, 169, 122, 0.8);
}


.buttonWrapper_authModalById {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.buttonLink_authModalById {
    width: 142.83px;
    height: 49px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.button_authModalById {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.greenButtonText_authModalById {
    position: relative;
    z-index: 2;
    color: #FDFAE7;
    font-size: 24px;
    line-height: 25.2px;
    font-weight: 900;
    -webkit-text-stroke: 1.5px rgba(70, 99, 7, 1); 
    text-stroke: 1.5px rgba(70, 99, 7, 1); 
    font-family: 'Micado', 'Arial', sans-serif;
}






.popUpOverlay_authModal {
    display: none; 
    position: fixed;
    z-index: 1000; 
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.75);
}

.popUpOverlay_authModal.active{
    display: grid;
    place-items: center; 
}


.authButtonsWrapper_authModal {
    width: 100%;
    max-width: 358px;
    padding: 88px 27px 31px;
    background-color: #FFF8DF;
    border-radius: 20px;
    position: relative;

    -webkit-box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
    -moz-box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
    box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
}

.close-btn_authModal {
    width: 39px;
    height: 39px;
    
    background-color: inherit;
    background-size: cover;
    background-repeat:  no-repeat;
    background-position: center center;
    cursor: pointer;
    border: 0;

    position: absolute;
    top: 15px;
    right: 15px;
    margin: 0;
}


.modalText_authModal {
    font-weight: 900;
    text-align: center;
    font-size: 16px;
    line-height: 16.8px;
    color: #A73E36;
    margin-bottom: 10px;
}

.logo_authModal {
    position: absolute;
    top: -70px;
    left: 50px;
}

.authButtonsList_authModal {
    padding: 31.5px 26px;
    background-color: #FFEAC9;
    border-radius: 20px;
    display: grid;
    align-items: center;
    gap: 19px;
    list-style: none;
    margin-bottom: 30px;
}

.authButton_authModal {
    width: 100%;
    height: 44px;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    margin: 0;
}

.whiteButton {
    background-color: #FFFFFF;
    color: #1F1F1F;
}

.blackButton {
    background-color: #000000;
    color: #FFFFFF;
}

.blueButton {
    background-color: #0077FF;
    color: #FFFFFF;
}

.inputWrapper_authModal {
    background-color: #FFEAC9;
    border-radius: 20px;
    padding: 14px;
    margin-bottom: 10px;
}

.input_authModal {
    background-color: #F8D49D;
    border-radius: 15px;
    width: 100%;
    padding: 17px 0 17px 25px;
    font-weight: 900;
    font-size: 16px;
    line-height: 16.8px;
    color: rgba(200, 169, 122, 0.8);

    border: 1px solid rgba(224, 175, 125, 1);
    -webkit-box-shadow: 0px -3px 0px 0px rgba(224, 175, 125, 1);
    -moz-box-shadow: 0px -3px 0px 0px rgba(224, 175, 125, 1);
    box-shadow: 0px -3px 0px 0px rgba(224, 175, 125, 1);
}

.input_authModal::placeholder {
    font-weight: 900;
    font-size: 16px;
    line-height: 16.8px;
    color: rgba(200, 169, 122, 0.8);
}


.buttonWrapper_authModal {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.buttonLink_authModal {
    width: 142.83px;
    height: 49px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.button_authModal {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.greenButtonText_authModal {
    position: relative;
    z-index: 2;
    color: #FDFAE7;
    font-size: 24px;
    line-height: 25.2px;
    font-weight: 900;
    -webkit-text-stroke: 1.5px rgba(70, 99, 7, 1); 
    text-stroke: 1.5px rgba(70, 99, 7, 1); 
    font-family: 'Micado', 'Arial', sans-serif;
}


.popUpOverlay_PaymentPageCards {
    display: none; 
    position: fixed;
    z-index: 1000; 
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: #FFF8DF;
}

.popUpOverlay_PaymentPageCards.active{
    display: grid;
}

.popUpWrapper_PaymentPageCards {
    position: relative;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.modalLogo_PaymentPageCards {
    
}

.modalText_PaymentPageCards {
    display: none;
    font-size: 24px;
    font-weight: 900;
    line-height: 25.2px;
    color: #923B09;
    margin-bottom: 15px;
}

@media (max-width: 418px) {
    .modalText_PaymentPageCards {
        display: block;
    }
}

@media (max-width: 418px) {
    .modalLogo_PaymentPageCards {
        display: none;
    }
}

.blockWrapper_PaymentPageCards {
    max-width: 375px;
    width: 100%;
    background-color: #ffe096;
    border-radius: 7px;
    padding: 10px;

    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.block_PaymentPageCards {
    width: 100%;
    background-color: #FFF8DF;
    border-radius: 7px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 18px 24px 16.71px;
    font-weight: 400;
    font-size: 10px;
    line-height: 12px;
    color: #666359;
    font-family: 'tildaScaansRegilar', 'Arial', sans-serif;
}

.block_TopPaymentPageCardsWrapper {
    text-align: start;
    border-bottom: 2px solid #666359;
    padding-bottom: 10px;
}

.block_PaymentPageCardsLogo {
    font-size: 16px;
    line-height: 19.2px;
    font-weight: 600;
    color: #000000;
    font-family: 'tildaScaansSemibold', 'Arial', sans-serif;
    margin-bottom: 5px;
}

.block_BottomPaymentPageCardsWrapper {
    margin-top: 10px;
    text-align: start;
}

.block_PaymentPageCardsPriceTextTop {
    font-size: 16px;
    line-height: 19.2px;
    font-weight: 700;
    color: #000000;
    font-family: 'tildaScaansBold', 'Arial', sans-serif;
    margin-bottom: 3px;
}

.block_PaymentPageCardsPriceTextBottom {
    font-size: 10px;
    line-height: 12px;
    font-weight: 500;
    color: #A7A7A7;
    font-family: 'tildaScaansMedium', 'Arial', sans-serif;
}



.popUpOverlay_PaymentPageCardParams {
    display: none; 
    position: fixed;
    z-index: 1000; 
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: #FFF8DF; 
    padding: 20px 0;

    overflow: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.popUpOverlay_PaymentPageCardParams.active{
    display: grid;
}

.popUpWrapper_PaymentPageCardParams {
    position: relative;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.modalLogo_PaymentPageCardParams {

}

.modalText_PaymentPageCardParams {
    display: none;
    font-size: 24px;
    font-weight: 900;
    line-height: 25.2px;
    color: #923B09;
    margin-bottom: 15px;
}

@media (max-width: 418px) {
    .modalText_PaymentPageCardParams {
        display: block;
    }
}

@media (max-width: 418px) {
    .modalLogo_PaymentPageCardParams {
        display: none;
    }
}

.blockWrapper_PaymentPageCardParams {
    max-width: 387px;
    width: 100%;
    
    background-color: #ffe096;
    border-radius: 7px;
    padding: 10px 0;
}

.block_PaymentPageCardParams {
    
    background-color: #FFF8DF;
    border-radius: 7px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 18px 24px 16.71px;
    font-weight: 400;
    font-size: 10px;
    line-height: 12px;
    color: #666359;
    font-family: 'tildaScaansRegilar', 'Arial', sans-serif;
    margin: 0 16px;
}

.payServiceBox {
    margin-top: 8px;
}



.block_TopPaymentPageCardParamsWrapper {
    text-align: start;
    border-bottom: 2px solid #DBD4B8;
    padding-bottom: 10px;
    width: 100%;
}

.block_PaymentPageCardParamsLogo {
    font-size: 16px;
    line-height: 19.2px;
    font-weight: 600;
    color: #000000;
    font-family: 'tildaScaansSemibold', 'Arial', sans-serif;
    margin-bottom: 5px;
}

.block_PaymentPageCardParamsText {

}

.block_BottomPaymentPageCardParamsWrapper {
    margin-top: 10px;
    text-align: start;
}

.block_PaymentPageCardParamsPriceTextTop {
    font-size: 16px;
    line-height: 19.2px;
    font-weight: 700;
    color: #000000;
    font-family: 'tildaScaansBold', 'Arial', sans-serif;
    margin-bottom: 3px;
}

.block_PaymentPageCardParamsPriceTextBottom {
    font-size: 10px;
    line-height: 12px;
    font-weight: 500;
    color: #A7A7A7;
    font-family: 'tildaScaansMedium', 'Arial', sans-serif;
}




.popUpOverlay_HenPage {
    display: none; 
    position: fixed;
    z-index: 1000; 
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: #FFEBA9; 
}

.popUpOverlay_HenPage.active{
    display: grid;
}

.popUpWrapper_HenPage {
    position: relative;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
}

.textBlock_HenPage {
    margin-bottom: 23px;
}

.modalText_HenPage {
    margin: 0;
    font-size: 15px;
    line-height: 15.75px;
    font-weight: 900;
    color: #A25028;
    font-family: 'Micado', 'Arial', sans-serif;
}

.modalLogo_HenPage {
    margin-bottom: 6px;
}

.modalCoin_HenPage {

}

.modalHen_HenPage {

}




.popUpOverlay_KuzyaError {
    display: none; 
    position: fixed;
    z-index: 1000; 
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: #FFEBA9; 
}

.popUpOverlay_KuzyaError.active{
    display: grid;
    place-items: center; 
}


.popUpWrapper_KuzyaError {
    padding: 18px 167px 19px 17px;
    border: 1px solid #E0AF7D;
    background-color: #FFF8DF;
    border-radius: 20px;
    position: relative;
    text-align: left;

    -webkit-box-shadow: 0 -4px 0 2px rgba(224, 175, 125, 1);
    -moz-box-shadow: 0 -4px 0 2px rgba(224, 175, 125, 1);
    box-shadow: 1px -4px 0 -1px rgba(224, 175, 125, 1);
}


.successBlock_KuzyaError {
    margin-bottom: 41.25px;
}

.textBlock_KuzyaError {
    display: grid;
    gap: 15px;
    margin-bottom: 15px;
}

.modalText_KuzyaError {
    margin: 0;
    padding: 0 0 0 22.25px;
    font-size: 15px;
    line-height: 22px;
    font-weight: 900;
    color: #A25028;
    font-family: 'Micado', 'Arial', sans-serif;
}

.kuzyaImage_KuzyaError {
    position: absolute;
    bottom: 10px;
    right: -60px;
    z-index: 100;
}

.buttonWrapper_KuzyaError {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.buttonLink_KuzyaError {
    width: 174px;
    height: 51px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.button_KuzyaError {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.greenButtonText_KuzyaError {
    position: relative;
    z-index: 2;
    color: #FDFAE7;
    font-size: 24px;
    line-height: 25.2px;
    font-weight: 900;
    -webkit-text-stroke: 1.5px rgba(143, 4, 20, 1); 
    text-stroke: 1.5px rgba(143, 4, 20, 1); 
    font-family: 'Micado', 'Arial', sans-serif;
}



.popUpOverlay_KuzyaSuccess {
    display: none; 
    position: fixed;
    z-index: 1000; 
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: #FFEBA9; 
}

.popUpOverlay_KuzyaSuccess.active{
    display: grid;
    place-items: center; 
}



.popUpWrapper_KuzyaSuccess {
    font-family: 'Micado', 'Arial', sans-serif;
    padding: 18px 167px 19px 17px;
    border: 1px solid #E0AF7D;
    background-color: #FFF8DF;
    border-radius: 20px;
    position: relative;
    text-align: left;

    -webkit-box-shadow: 0 -4px 0 2px rgba(224, 175, 125, 1);
    -moz-box-shadow: 0 -4px 0 2px rgba(224, 175, 125, 1);
    box-shadow: 1px -4px 0 -1px rgba(224, 175, 125, 1);
}


.successBlock_KuzyaSuccess {
    margin-bottom: 41.25px;
}

.textBlock_KuzyaSuccess {
    display: grid;
    gap: 15px;
    margin-bottom: 15px;
}

.modalText_KuzyaSuccess {
    margin: 0;
    padding: 0 0 0 22.25px;
    font-size: 18px;
    line-height: 22px;
    font-weight: 900;
    color: #A25028;

}

.buttonWrapper_KuzyaSuccess {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.buttonLink_KuzyaSuccess {
    width: 174px;
    height: 51px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.button_KuzyaSuccess {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.greenButtonText_KuzyaSuccess {
    position: relative;
    z-index: 2;
    color: #FDFAE7;
    font-size: 24px;
    line-height: 25.2px;
    font-weight: 900;
    -webkit-text-stroke: 1.5px rgba(70, 99, 7, 1); 
    text-stroke: 1.5px rgba(70, 99, 7, 1); 
    font-family: 'Micado', 'Arial', sans-serif;
}


.kuzyaImage_KuzyaSuccess {
    position: absolute;
    bottom: 10px;
    right: -60px;
    z-index: 100;
}


/* ==================== MainPageModalBuyCard ======================*/

.popUpOverlay_mainPageModal {
    display: none; /* Окно скрыто по умолчанию */
    position: fixed;
    z-index: 1000; /* Окно поверх других элементов */
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.75); /* Полупрозрачный черный фон */
}

.popUpOverlay_mainPageModalExtra {
    background-color: rgba(0, 0, 0, 0.75) !important;
}

.popUpOverlay_mainPageModal.active{
    display: grid;
    place-items: center; /* Центрирует по горизонтали и вертикали */
    padding-top: 80px;
}

.modalWrapper_mainPageModalBuyCard {
    display: none;
}


.modalWrapper_mainPageModalBuyCard.active, .modalWrapper_mainPageModalBuyCard.force-active {
    display: block;
    width: 100%;
    max-width: 358px;
    padding: 85px 27px 31px;
    background-color: #FFF8DF;
    border-radius: 20px;
    position: relative;

    -webkit-box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
    -moz-box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
    box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
}

.close-btn_mainPageModalBuyCard {
    width: 39px;
    height: 39px;
    background-image: url("img/btn_close.4579d2a184ea.png") ;
    background-color: inherit;
    background-size: cover;
    background-repeat:  no-repeat;
    background-position: center center;
    cursor: pointer;
    border: 0;

    position: absolute;
    top: 11px;
    right: 15px;
    margin: 0;
}


.modalTextTop_mainPageModalBuyCard {
    font-weight: 900;
    text-align: center;
    font-size: 16px;
    line-height: 16.8px;
    color: #A73E36;
    margin-bottom: 20px;
}

.modalTextBottom_mainPageModalBuyCard {
    font-weight: 900;
    text-align: center;
    font-size: 16px;
    line-height: 16.8px;
    color: rgba(162, 80, 40, 0.5);
    margin-bottom: 25px;
}



.modalCardsWrapper_mainPageModalBuyCard {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 25px;
}

.userCard_mainPageModalBuyCard {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 5px;
}

.userCardContent_mainPageModalBuyCard {
    width: 100%;
    background-color: rgba(255, 233, 201, 1);
    border: 1px solid rgba(190, 129, 85, 1);
    border-radius: 18px;
    padding: 4px 12px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    overflow: hidden;
    cursor: pointer;
}

.radioWrapper_mainPageModalBuyCard {
    margin-right: 9.5px;
}

.radioLabel_mainPageModalBuyCard {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.radio_mainPageModalBuyCard {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    display: none; /* Скрываем стандартный чекбокс */
}

.fakeRadio_mainPageModalBuyCard {
    display: flex;
    width: 32.53px;
    height: 32.53px;
    justify-content: center;
    align-items: center;
    padding: 1px;
    border: 5px solid #DFAF7D;
    background-color: #FFF8DF;
    border-radius: 13px;
}

.fakeRadioMark_mainPageModalBuyCard {
    display: block;
    opacity: 0;
    width: 17px;
    height: 17px;
    background-color: #73A313;
    border-radius: 7px;
}

.radio_mainPageModalBuyCard:checked + .fakeRadio_mainPageModalBuyCard .fakeRadioMark_mainPageModalBuyCard {
    opacity: 1;
    transition: 0.2s ease-in-out;
}

.radio_mainPageModalBuyCard:checked + .fakeRadio_mainPageModalBuyCard {
    border: 5px solid #73A313;
}

.levelBoxWrapper_mainPageModalBuyCard {
    width: 44px;
    height: 44px;
    padding: 5px 7px;
    background-image: url("./img/levelBox.b6f35978c746.png");
    background-repeat: no-repeat;
    background-size: cover;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-right: 6px;
}

.userTextWrapper_mainPageModalBuyCard {
    overflow: hidden;
}

.levelTextTop_mainPageModalBuyCard {
    font-size: 16.57px;
    line-height: 17.39px;
    font-weight: 900;
    color: #A5342C;
}

.levelTextBottom_mainPageModalBuyCard {
    font-size: 9.92px;
    line-height: 10.42px;
    color: #A5342C;
}

.userInfoWrapper_mainPageModalBuyCard {
    margin-right: 12px;
}

.login_mainPageModalBuyCard {
    font-size: 15.66px;
    line-height: 16.45px;
    font-weight: 900;
    color: #A3512A;
    margin-bottom: 3px;
}

.Id_mainPageModalBuyCard {
    font-size: 13px;
    line-height: 13.64px;
    font-weight: 900;
    color: #C07A54;
}

.logo_mainPageModalBuyCard {
    position: absolute;
    top: -85px;
    left: 50px;
}

.goldButtonWrapper_mainPageModalBuyCard {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 20px;
}

.goldButtonLink_mainPageModalBuyCard {
    width: 258px;
    height: 45px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.goldButton_mainPageModalBuyCard {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.goldButtonText_mainPageModalBuyCard {
    position: relative;
    z-index: 2;
    color: #FDFAE7;
    font-size: 24px;
    line-height: 32.33px;
    font-weight: 900;
    -webkit-text-stroke: 2px rgba(152, 70, 11, 1);
    font-family: 'Micado', 'Arial', sans-serif;
}

.goldButtonText_mainPageModalBuyCard span {
    font-size: 30px;
    -webkit-text-stroke: 1.7px rgba(152, 70, 11, 1);

}

.buttonWrapper_mainPageModalBuyCard {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.buttonLink_mainPageModalBuyCard {
    width: 170px;
    height: 49px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.button_mainPageModalBuyCard {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.greenButtonText_mainPageModalBuyCard {
    position: relative;
    z-index: 2;
    color: #FDFAE7;
    font-size: 24px;
    line-height: 25.2px;
    font-weight: 900;
    font-family: 'Micado', 'Arial', sans-serif;

    -webkit-text-stroke: 1px rgba(91, 91, 91, 1);
    text-stroke: 1px rgba(91, 91, 91, 1);

    text-shadow: -1px 3px 0px  rgba(91, 91, 91, 1),
    1px 3px 0px  rgba(91, 91, 91, 1);
}

/* ==================== mainPageModalFindUser ======================*/

.modalWrapper_mainPageModalFindUser {
    display: none;
}

.modalWrapper_mainPageModalFindUser.active, .modalWrapper_mainPageModalFindUser.force-active {
    display: block;
    width: 100%;
    max-width: 358px;
    padding: 88px 27px 15px;
    background-color: #FFF8DF;
    border-radius: 20px;
    position: relative;

    -webkit-box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
    -moz-box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
    box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
}

.logo_mainPageModalFindUser {
    position: absolute;
    top: -88px;
    left: 47px;
}

.back-btn_mainPageModalFindUser {
    width: 30.76px;
    height: 19px;
    cursor: pointer;
    border: 0;
    position: absolute;
    top: 15px;
    left: 12px;
    background-color: inherit;
    margin: 0;
}

.back-btn_mainPageModalFindUser.isSuccess {
    display: none;
}

.close-btn_mainPageModalFindUser {
    width: 39px;
    height: 39px;
    cursor: pointer;
    border: 0;
    position: absolute;
    top: 15px;
    right: 10px;
    background-color: inherit;
    margin: 0;
}

.modalBox_mainPageModalFindUser {
    width: 100%;
    display: flex;
    flex-direction: column;
    text-align: center;
}

.modalText_mainPageModalFindUser, .modalText_mainPageModalFindUserTop {
    font-weight: 900;
    text-align: center;
    font-size: 16px;
    line-height: 16.8px;
    color: #A73E36;
    margin: 25px 0 10px;
}

.modalText_mainPageModalFindUserTop {
    margin-top: 0;
}

.modalTextTop_mainPageModalFindUser, .modalText_mainPageModalFindUserSuccess, .modalUser_success {
    font-weight: 900;
    text-align: center;
    font-size: 16px;
    line-height: 16.8px;
    color: #A73E36;
    margin-bottom: 10px;
}

.modalUser_success {
    display: none;
    color: #73A313;
}

.modalUser_success.isSuccess {
    display: block;
}


.modalTextTop_mainPageModalFindUser.isSuccess {
    display: none;
}

.inputWrapper_mainPageModalFindUser .inputWrapper_mainPageModalFindUserTop{
    background-color: #FFEAC9;
    border-radius: 20px;
    padding: 14px;
}

.inputWrapper_mainPageModalFindUserTop {
    margin-bottom: 10px;
}

.input_mainPageModalFindUser {
    background-color: #F8D49D;
    border-radius: 15px;
    width: 100%;
    padding: 17px 0 15px;
    font-weight: 900;
    font-size: 16px;
    line-height: 16.8px;
    text-align: center;
    color: #C07A54;

    border: 1px solid rgba(224, 175, 125, 1);
    -webkit-box-shadow: 0px 3px 0px 0px rgba(224, 175, 125, 1) inset;
    -moz-box-shadow: 0px 3px 0px 0px rgba(224, 175, 125, 1) inset;
    box-shadow: 0px 3px 0px 0px rgba(224, 175, 125, 1) inset;
}

.input_mainPageModalFindUser.isRejected {
    border: 2px solid #D92323;
}

.input_mainPageModalFindUser::placeholder {
    font-weight: 900;
    font-size: 16px;
    line-height: 16.8px;
    color: rgba(200, 169, 122, 0.8);
    text-align: center;
}


.checkboxWrapper_mainPageModalFindUser {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    position: relative;
    margin: 28px 0 25px;
}

.checkboxLabel_mainPageModalFindUser {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.checkbox_mainPageModalFindUser {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    display: none; /* Скрываем стандартный чекбокс */
}

.fakeCheckbox_mainPageModalFindUser {
    display: flex;
    width: 21.47px;
    height: 21.47px;
    justify-content: center;
    align-items: center;
    padding: 1px;
    border: 3px solid #DFAF7D;
    border-radius: 2px;
    position: relative;
}

.fakeCheckboxMark_mainPageModalFindUser {
    opacity: 0;
    position: absolute;
    top: 8px;
    left:  9px;
    transform: translate(-50%, -50%);
    width: 14.86px;
    height: 11.74px;
    background-size: contain;
    background-repeat: no-repeat;
}

.checkbox_mainPageModalFindUser:checked + .fakeCheckbox_mainPageModalFindUser .fakeCheckboxMark_mainPageModalFindUser {
    background-image: url("img/svg/okGreen.7cfd3dd8c5d6.svg");
    opacity: 1;
    transition: 0.2s ease-in-out;
}

.checkbox_mainPageModalFindUser:checked + .fakeCheckbox_mainPageModalFindUser {
    border: 3px solid  #73A313;
    opacity: 1;
    transition: 0.2s ease-in-out;
}



.checkboxText_mainPageModalFindUser {
    margin-left: 18px;
    font-size: 11px;
    line-height: 12px;
    color: #A4735B;
    font-weight: 900;
    text-align: left;
}

.blueStyle {
    color: #5293CB;
}

.silverButtonWrapper_mainPageModalFindUser.isSuccess {
    display: none;
}

.silverButtonWrapper_mainPageModalFindUser {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 25px;
}

.greenButtonWrapper_mainPageModalFindUser {
    display: none;
}

.greenButtonWrapper_mainPageModalFindUser.isSuccess{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.buttonLink_mainPageModalFindUser {
    width: 170px;
    height: 49px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}


.silverButton_mainPageModalFindUser {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.greenButton_mainPageModalFindUser {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.greenButtonText_mainPageModalFindUser {
    position: relative;
    z-index: 2;
    color: #FDFAE7;
    font-size: 24px;
    line-height: 25.2px;
    font-weight: 900;
    -webkit-text-stroke: 1.5px rgba(91, 91, 91, 1);
    text-stroke: 1.5px rgba(91, 91, 91, 1);
    text-shadow: 0px 2px 0px rgba(91,91,91,0.6);
    font-family: 'Micado', 'Arial', sans-serif;
}

.modalTextBottom_mainPageModalFindUser {
    font-weight: 900;
    text-align: center;
    font-size: 12px;
    line-height: 12.6px;
    color: rgba(218, 181, 150, 1);
    text-decoration: underline;
    margin-top: 5px;
}

.modalTextRejected_mainPageModalFindUserRejected,
.modalCheckboxTextRejected_mainPageModalFindUserRejected,
.modalTextRejected_mainPageModalFindUserRejectedTop {
    display: none;
    font-weight: 900;
    text-align: center;
    font-size: 12px;
    line-height: 12.6px;
    color: #D92323;
    margin-top: 10px;
}

.modalTextRejected_mainPageModalFindUserRejectedTop {
    margin-top: 0;
    margin-bottom: 10px;
}

.modalCheckboxTextRejected_mainPageModalFindUserRejected {
    display: none;
    margin: 0;
}

.modalTextRejected_mainPageModalFindUserRejectedTop.isRejected {
    display: block;
}

.modalCheckboxTextRejected_mainPageModalFindUserRejected.isRejected {
   display: block;
}

.modalTextRejected_mainPageModalFindUserRejected.isRejected {
    display: block;
}

.modalText_mainPageModalFindUserSuccess {
    display: none;
}

.modalText_mainPageModalFindUserSuccess.isSuccess {
    display: block;
}

/* ==================== modalWrapper_mainPageModalCardLink ======================*/


.modalWrapper_mainPageModalCardLink {
    display: none;
}
.modalWrapper_mainPageModalCardLink.link {
    display: block;
    width: 100%;
    max-width: 358px;
    padding: 24px 32px 30px;
    background-color: #FFF8DF;
    border-radius: 20px;
    position: relative;

    -webkit-box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
    -moz-box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
    box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
}

.close-btn_mainPageModalCardLink {
    width: 39px;
    height: 39px;
    cursor: pointer;
    border: 0;
    position: absolute;
    top: 15px;
    right: 10px;
    background-color: inherit;
    margin: 0;
}

.modalBox_mainPageModalCardLink {

}

.modalText_mainPageModalCardLink {
    font-weight: 900;
    text-align: center;
    font-size: 16px;
    line-height: 16.8px;
    color: rgba(162, 80, 40, 0.5);
    margin-bottom: 13px;
}

/* ==================== mainPage ======================*/

/*-----------------------------header---------------------------------------*/

.mainPage_header {
    width: 100%;
    padding: 19px 0 60px;  /*---------------если появится курица нужно 60px поменять на 0---------------*/

}

.mainPage_header {
    width: 100%;
    padding: 19px 0 60px;  /*---------------если появится курица нужно 60px поменять на 0---------------*/

}

@media(max-width: 700px) {
    .mainPage_header {
        width: 100%;
        padding: 19px 0 80px;  /*---------------если появится курица нужно 60px поменять на 0---------------*/

    }
}


._container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}



.mainPage_headerMenuWrapper {
    display: flex;
    justify-content: space-between;
}

@media(max-width: 700px) {
    .mainPage_headerMenuWrapper {
        display: none;
    }
}

.mainPage_headerMenu {
    margin-right: 40px;
}

@media(max-width: 830px) {
    .mainPage_headerMenu {
        margin-right: 10px;
    }
}

.mainPage_headerButtonsWrapper {
    display: flex;
    justify-content: space-between;
    gap: 40px;
    flex-wrap: wrap;
}

@media(max-width: 830px) {
    .mainPage_headerButtonsWrapper {
        gap: 10px;
    }
}

.mainPage_headerButton {
    width: 100%;
    position: relative;
    background-color: inherit;
    padding: 15px 20px;
    border-radius: 90.58px;

    color: #DD7B00;
    font-size: 24px;
    line-height: 25.2px;
}

.mainPage_headerButton:hover, .mainPage_headerButton-active {
    -webkit-box-shadow: 0px 0px 0px 4px rgba(255, 154, 9, 1)inset;
    -moz-box-shadow: 0px 0px 0px 4px rgba(255, 154, 9, 1)inset;
    box-shadow: 0px 0px 0px 4px rgba(255, 154, 9, 1) inset;
}

.mainPage_burgerBtn {
    display: none;
}

.burger_btnCross, .burger_btn {
    position: absolute;
    top: 15px;
    right: 15px;
    background-color: inherit;
}

.mainPage_burgerNavBar {
    display: none;
}


@media(max-width: 700px) {

    .mainPage_burgerBtn {
        position: absolute;
        top: 23px;
        right: 23px;

        width: 30px;
        display: flex;
        flex-direction: column;
        gap: 5px;
        background-color: inherit;
    }

    .mainPage_burgerNavBar {
        display: block;
        width: 100%;
        height: 100vh;
        background-color: #FFF8E0;
        transition: 0.5s;

        position: fixed;
        top: 0;
        right: -700px;
        z-index: 100;
    }

    .mainPage_burgerNavBar.active {
        width: 100%;
        transform: translateX(-700px);
        transition: 0.5s;
    }


    .mainPage_burgerBtnTop{
        width: 100%;
        height: 4px;
        border-radius: 64px;
        background-color: #DD7B00;
    }

    .mainPage_burgerBtnMiddle {
        width: 100%;
        height: 4px;
        border-radius: 64px;
        background-color: #DD7B00;
    }

    .mainPage_burgerBtnBottom {
        width: 100%;
        height: 4px;
        border-radius: 64px;
        background-color: #DD7B00;
    }

    .mainPageBurger_logo {
        width: 100%;
        max-width: 261px;
    }


    .mainPage_burgerBtnTop,
    .mainPage_burgerBtnMiddle,
    .mainPage_burgerBtnBottom {
        transform: none;
        transition: transform 1s ease, opacity 1s ease;
    }

    /* Анимация открытия */
    .mainPage_burgerBtnTop.active {
        transform: translateY(9px) rotate(45deg); /* Линия опускается и поворачивается */
    }

    .mainPage_burgerBtnMiddle.active {
        transform: scale(0); /* Исчезает, уменьшаясь */
    }

    .mainPage_burgerBtnBottom.active {
        transform: translateY(-9px) rotate(-45deg); /* Линия поднимается и поворачивается */
    }

    .mainPageBurger_nawBarWrapperBlock {
        width: 100%;
        height: 100vh;
        padding: 94.69px 0 48px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
    }

    .mainPageBurger_nawBarSection {
        margin-top: 57px;
        margin-bottom: 30px;
        text-align: center;
    }

    .mainPageBurger_buttonsWrapper {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .mainPageBurger_navBarButton {
        width: 100%;
        position: relative;
        background-color: inherit;
        padding: 9.18px 25px;
        border-radius: 22.43px;

        color: #FF9A09;
        font-size: 21.72px;
        line-height: 22.8px;
    }

    .mainPageBurger_navBarButton:hover {
       border: 4px solid #FF9A09;
    }

    @media(max-width: 386px) {
        .border{
            -webkit-box-shadow: 0px 0px 0px 4px rgba(255, 154, 9, 1) inset;
            -moz-box-shadow: 0px 0px 0px 4px rgba(255, 154, 9, 1) inset;
            box-shadow: 0px 0px 0px 4px rgba(255, 154, 9, 1) inset;
        }
    }

}

.header_nawBarWrapperUserInfo {
    display: none;
    margin-bottom: 15px;
}

.header_nawBarWrapperUserInfo.isAuth {
    width: 100%;
    max-width: 270px;

    background-image: url("./img/mobileTopBlock.36f16a806e7b.png");
    background-repeat: no-repeat;
    background-size: cover;

    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 4px 7px 4px 7px;
}


.header_levelWrapper {
    width: 44px;
    height: 44px;
    background-image: url("./img/levelBox.b6f35978c746.png");
    background-repeat: no-repeat;
    background-size: cover;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-right: 6px;
}


.header_levelTextTop, .header_levelTextBottom {
    font-size: 16.5px;
    line-height: 17px;
    font-weight: 900;
    color: #A5342C;
}

.header_levelTextBottom {
    font-size: 10px;
    margin-top: -3px;
}

.header_userInfoWrapper {
    margin-right: 12px;
}


.header_login {
    font-size: 15.66px;
    line-height: 16.45px;
    font-weight: 900;
    color: #A3512A;
    margin-bottom: 3px;
}

.header_Id {
    font-size: 13px;
    line-height: 13.64px;
    font-weight: 900;
    color: #C07A54;
}

.header_buttonWrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.header_buttonLink {
    width: 87.31px;
    height: 39.48px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.header_button {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.header_redButtonText {
    position: relative;
    z-index: 2;
    color: #FDFAE7;
    font-size: 24px;
    line-height: 25px;
    font-weight: 900;

    -webkit-text-stroke: 1px rgba(141, 21, 3, 1);
    text-stroke: 1px rgba(141, 21, 3, 1);

    text-shadow: -1.5px 2px 0px rgba(141, 21, 3, 1),
                  1.5px 2px 0px rgba(141, 21, 3, 1);

    font-family: 'Micado', 'Arial', sans-serif;
}

/*-----------------------------intro---------------------------------------*/

.intro {
    width: 100%;
    overflow: hidden;
}

.intro__main {
    display: flex;
}



@media(max-width: 821px) {
    .intro__main {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}

.intro__main__textWrapper {
    width: 100%;
    padding: 38px 20px 87px;
    position: relative;
}


@media(max-width: 821px) {
    .intro__main__textWrapper {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 66px 0 11.62px;
    }
}

.intro__main__textLogo {
    margin-bottom: 15px;
    font-weight: 900;
    font-size: 64px;
    line-height: 67.2px;
    color: #923B09;
}


@media(max-width: 821px) {
    .intro__main__textLogo {
        font-size: 32px;
        line-height: 33.6px;
    }
}

.intro__main__text {
    font-weight: 900;
    font-size: 20px;
    line-height: 21px;
    color: #A25028;
}

@media(max-width: 821px) {
    .intro__main__text {
        font-size: 14px;
        line-height: 14.7px;
    }
}

@media(max-width: 821px) {
    .introMainImageWrapper {
        position: relative;
    }
}

.introMainImageWrapper {
    width: 100%;
    max-width: 740px;
    min-width: 500px;
    position: relative;
}

@media(max-width: 821px) {
    .introMainImageWrapper {
        width: 100%;
        display: flex;
        justify-content: center;
        position: relative;
    }
}

.introImage {
    max-width: 100%;
    height: auto;
    display: block;

    position: absolute;
    bottom: -86px;
    left: -100px;
}

@media(max-width: 821px) {
    .introImage {
        display: none;
    }
}

.introImageMobile {
    display: none;
}


@media(max-width: 821px) {
    .introImageMobile {
        display: block;
        margin-bottom: -130px;
    }
}
/*----------------------------main---------------------------------------*/


.main {
    width: 100%;
    position: relative;
}

.topSection {
    width: 100%;
    padding-bottom: 30px;
    background: -webkit-linear-gradient(180deg, rgb(115, 50, 7), rgb(187, 85, 18));
    background: -moz-linear-gradient(180deg, rgb(115, 50, 7), rgb(187, 85, 18));
    background: linear-gradient(180deg, rgb(115, 50, 7), rgb(187, 85, 18));
}

.yellowLine {
    width: 100%;
    height: 14px;
    background-image: url("./img/svg/lineSeparator.ec39bd940bb3.svg");
    background-repeat: repeat-x;
    margin-bottom: 30px;
}


.topSectionTitle {
    margin: -100px auto 0;
    padding-bottom: 20px;
    width: 395px;
    height: 130px;
    background-image: url("img/MainLabelPanel.b7945bfa3186.png");
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 25px;
}

.topSectionTitleText {
    font-weight: 900;
    font-size: 78px;
    line-height: 81px;

    color: #FEF6C8;
    text-shadow: -2px 4px 0px rgba(146, 59, 9, 1),
                 -2px 4px 0px rgba(146, 59, 9, 1),
                  2px 4px 0px rgba(146, 59, 9, 1);

    -webkit-text-stroke: 1.5px rgba(146, 59, 9, 1);
}

@media(max-width: 821px) {
    .topSectionTitle {
        width: 261px;
        height: 88px;
        font-size: 51.51px;
        line-height: 54.08px;
        background-image: url("img/MainLabelPanel.b7945bfa3186.png");
        background-repeat: no-repeat;
        background-size: cover;

        -webkit-text-stroke: 2px rgba(146, 59, 9, 1); /* Толщина и цвет обводки */
        text-stroke: 2px rgba(146, 59, 9, 1); /* Толщина и цвет обводки (стандартное свойство) */
    }

    .topSectionTitleText {
        font-weight: 900;
        font-size: 51.5px;
        line-height: 81px;

        color: #FEF6C8;
        text-shadow: -2px 4px 0px rgba(146, 59, 9, 1),
        -2px 4px 0px rgba(146, 59, 9, 1),
        2px 4px 0px rgba(146, 59, 9, 1);

        -webkit-text-stroke: 1.5px rgba(146, 59, 9, 1);
    }
}


.topSectionTopLine1 {
    width: 100%;
    height: 8px;
    background-color: #FCA755;
}

.topSectionTopLine2 {
    width: 100%;
    height: 4px;
    background-color: #AA551A;
}

.topSectionTopLine3 {
    width: 100%;
    height: 4px;
    background-color: #933B09;
}


.topSectionTopLine4 {
    width: 100%;
    height: 2px;
    background-color: #CC6117;
}


.topSectionLine {
    width: 100%;
    height: 55px;
    background-image: url("img/borderItem.a8b83d2ab695.png");
    background-repeat: repeat-x;
}


.sectionTitle {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 25px;
}

.sectionTitleText {
    padding: 0 50px;
    font-size: 64px;
    font-weight: 900;
    color: #FEF6C7;

    -webkit-text-shadow: -1px 1px 0px rgba(146,  59,  9, 1);
    -moz-text-shadow: -1px 1px 0px rgba(146,  59,  9, 1);

    text-shadow: 2px 5px 0px rgba(146,  59,  9, 1),
                 -2px 5px 0px rgba(146,  59,  9, 1);


    -webkit-text-stroke: 1px rgba(146, 59, 9, 1); /* Толщина и цвет обводки */
    text-stroke: 1px rgba(146, 59, 9, 1); /* Толщина и цвет обводки (стандартное свойство) */
}

@media (max-width: 821px) {
    .sectionTitleText {
        padding: 0 20px;
        font-size: 32px;
        line-height: 33.6px;

        -webkit-text-shadow: -1px 3px 0px rgba(146,  59,  9, 1);
        -moz-text-shadow: -1px 3px 0px rgba(146,  59,  9, 1);

        -webkit-text-stroke: 1.5px rgba(146, 59, 9, 1);

        text-shadow: 1.3px 2px 0px rgba(146,  59,  9, 1),
                    -1.3px 2px 0px rgba(146,  59,  9, 1);
    }
}

.decoWrapper {
    max-width: 260px;
    margin: 0 auto;
}

.deco {
    max-width: 100%;
    height: auto;
    display: block;
}


@media (max-width: 821px) {
    .deco {
        width: 100%;
        max-width: 145px;
    }
}

.blueCardsWrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
}

.cardsWrapper {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 30px;
}

.middleSection {
    width: 100%;
    position: relative;
    padding-bottom: 45px;
    background-color: #BB5512;
}

.bottomSectionTitle {
    margin: 0 auto 50px;
    object-fit: cover;
}

.bottomSection {
    width: 100%;
    position: relative;
    padding-bottom: 45px;
    background-color: #BB5512;
}

.priceCardsWrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 32.4px;
}

/*-----------------------------blueCards---------------------------------------*/

.blueCardWrapper {
    position: relative;
}


.blueCardBox {
    width: 100%;
    max-width: 360px;
    position: absolute;
    left: 0;
    top: 0;

    display: flex;
    justify-content: space-between;
}


.blueCardTitle {
    padding-top: 8px;
    padding-left: 50px;
    color: #FDFAE7;
    font-size: 20px;
    line-height: 21px;

    -webkit-text-stroke: 1px rgba(189, 77, 1, 1); /* Толщина и цвет обводки */
    text-stroke: 1px rgba(189, 77, 1, 1); /* Толщина и цвет обводки (стандартное свойство) */

    -webkit-text-shadow: -1px 2px 0px rgba(146,  59,  9, 1);
    -moz-text-shadow: -1px 2px 0px rgba(146,  59,  9, 1);

    text-shadow: 1px 2px 0px rgba(146,  59,  9, 1),
    -1px 2px 0px rgba(146,  59,  9, 1);
}

.blueCardRightSide {
    padding: 110px 5px 0 0 ;
}

.blueCardButtonWrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.blueCardButtonLink {
    width: 142.83px;
    height: 49px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.blueCardGreenButtonText {
    position: relative;
    z-index: 2;
    color: #FDF8DC;
    font-size: 24px;
    line-height: 25.2px;
    font-weight: 900;
    -webkit-text-stroke: 1px rgba(70, 99, 7, 1);
    text-stroke: 1.5px rgba(70, 99, 7, 1);
    font-family: 'Micado', 'Arial', sans-serif;

    text-shadow: 0px 4px 0px rgba(70, 99, 7, 1);
}

.blueCardButton {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}


/*-----------------------------kitCard---------------------------------------*/

.kitCardWrapper {
    position: relative;
    background-image: url("./img/kitCardMainPage.70ab81b443d0.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;

    width: 378px;
    height: 194px;
}


.kitCardLabel {
    position: absolute;
    left: -1px;
    top: -3px;
    z-index:10;
}

.kitCardTopSection {
    display: flex;
    padding: 15px 18px 10px 13px;
}

.kitCardLabelWrapper {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;

    width: 100px;
    height: 90px;
    margin-right: 5px;
}

.kitCardCoinImgWrapper {
    margin: 0 0 -12px 12px;
    width: 77px;
    text-align: center;
    height: 100%;
}

.kitCardCoinImage {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.kitCardCoinWrapper {
    font-size: 22px;
    font-weight: 900;
    color: #FFF2A9;
    text-align: center;
    position: relative;
    left: 5px;

    -webkit-text-stroke: 1px rgba(142, 22, 4, 1);
    text-stroke: 1px rgba(142, 22, 4, 1);

    text-shadow: -1px 3px 0px  rgba(142, 22, 4, 1),
                 1px 3px 0px  rgba(142, 22, 4, 1);
}

.kitCardTopLeftBlock {
    border: 2px solid #E0AF7D;
    background-color: #F8D49D;
    border-radius: 10px;
    width: 100%;
    margin-right: 3px;
    padding: 2px;

    display: flex;
    flex-direction: column;
    justify-content: space-between;

    -webkit-box-shadow: 0px -2px 0px 0px rgba(224, 175, 125, 1);
    -moz-box-shadow: 0px -2px 0px 0px rgba(224, 175, 125, 1);
    box-shadow: 0px -2px 0px 0px rgba(224, 175, 125, 1);
}


.kitCardIconsWrapper {
    display: flex;
}

.kitCardIconWrapper {
    width: 100%;
    text-align: center;
    position: relative;
}

.kitCardLevel {
    font-size: 16px;
    line-height: 16.8px;
    font-weight: 900;
    color: #FFF2A9;
    -webkit-text-stroke: 1px rgba(142, 22, 4, 1); /* Толщина и цвет обводки */
    text-stroke: 1px rgba(142, 22, 4, 1); /* Толщина и цвет обводки (стандартное свойство) */

    position: absolute;
    left: 18px;
    top: 18px;
}

.kitCardTopMiddleBlock {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-right: 3px;
    padding: 2px;

    border: 2px solid #E0AF7D;
    background-color: #F8D49D;
    border-radius: 10px;

    -webkit-box-shadow: 0px -2px 0px 0px rgba(224, 175, 125, 1);
    -moz-box-shadow: 0px -2px 0px 0px rgba(224, 175, 125, 1);
    box-shadow: 0px -2px 0px 0px rgba(224, 175, 125, 1);

    position: relative;
}

.infinityLevel {
    position: absolute;
    left: 18px;
    top: 18px;
}

.kitCardInfinityBottom {
    position: absolute;
    left: 45px;
    top: 22px;
}

.lineShotWrapper {
    position: absolute;
    top: 27px;
}

.kitCardTimeBlockWrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;

}

.kitCardTime {
    font-size: 16px;
    line-height: 16.8px;
    font-weight: 900;
    color: #FFF2A9;
    -webkit-text-stroke: 1px rgba(142, 22, 4, 1); /* Толщина и цвет обводки */
    text-stroke: 1px rgba(142, 22, 4, 1); /* Толщина и цвет обводки (стандартное свойство) */
}


.kitCardTopRightBlock {
    width: 100%;
    max-width: 63px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px 0 2px 0;

    gap: 5px;
    border: 2px solid #E0AF7D;
    background-color: #F8D49D;
    border-radius: 10px;

    -webkit-box-shadow: 0px -2px 0px 0px rgba(224, 175, 125, 1);
    -moz-box-shadow: 0px -2px 0px 0px rgba(224, 175, 125, 1);
    box-shadow: 0px -2px 0px 0px rgba(224, 175, 125, 1);
}


.kitCardBottomSection {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 20px 5px 20px;
}

.kitCardText {
    color: #FFF2A9;
    font-size: 24px;
    line-height: 24.15px;
    align-self: center;
    margin-right: 5px;

    -webkit-text-stroke: 1px rgba(170, 27, 7, 1);
    text-stroke: 1px rgba(170, 27, 7, 1);

    text-shadow: 1.5px 2px 0 rgba(170, 27, 7, 1),
                 -1.5px 2px 0 rgba(170, 27, 7, 1);
}


.kitCardButtonWrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.kitCardButtonLink {
    width: 142.83px;
    height: 49px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.kitCardGreenButtonText {
    position: relative;
    z-index: 2;
    color: #FDFAE7;
    font-size: 24px;
    line-height: 25.2px;
    font-weight: 900;
    font-family: 'Micado', 'Arial', sans-serif;

    -webkit-text-stroke: 1px rgba(70, 99, 7, 1);
    text-stroke: 1.5px rgba(70, 99, 7, 1);

    text-shadow: 0px 4px 0px rgba(70, 99, 7, 1);
}

.kitCardButton {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.rub {
    position: relative;
    left: -3px;
    top: 2px;
}

/*-----------------------------priceCard---------------------------------------*/

@media(max-width: 386px) {
    .priceCardWrapper {
        display: none;
    }
}


.priceCardWrapper {
    width: 173px;
    position: relative;
}

.priceCardBox {
    width: 173px;
    height: 222px;
    position: absolute;
    top: 0;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding: 15px;
}

.priceCardLabel  {
    margin-bottom: 13px;
    text-align: center;
    font-size: 20px;
    line-height: 21px;
    font-weight: 900;
    color: #A25028;
}

.priceCardImageWrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 7px;
    position: relative;
}

.priceCardCoins {
    font-size: 28px;
    line-height: 29.4px;
    font-weight: 900;
    color: #FFF2A9;
    margin-top: -30px;
    position: relative;
    font-family: 'Micado', sans-serif;

    -webkit-text-stroke: 1px rgba(141, 21, 3, 1);
    text-stroke: 1px rgba(141, 21, 3, 1);

    text-shadow: -1px 4px 0px rgba(141, 21, 3, 1),
                  1px 4px 0px rgba(141, 21, 3, 1);
}

.priceCardButtonWrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.priceCardButtonLink {
    width: 142.83px;
    height: 49px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.priceCardGreenButtonText {
    position: relative;

    color: #FDFAE7;
    font-size: 24px;
    line-height: 25.2px;
    font-weight: 900;

    -webkit-text-stroke: 1px rgba(70, 99, 7, 1);
    text-stroke: 1.5px rgba(70, 99, 7, 1);
    font-family: 'Micado', 'Arial', sans-serif;

    text-shadow: 0px 4px 0px rgba(70, 99, 7, 1);
}

.priceCardButton {
    position: absolute;
    left: 0;
    top: 0;

}


/*-----------------------------priceCardMobile---------------------------------------*/


.priceCardsMobileWrapper {
    display: none;
}

@media(max-width: 386px) {

    .priceCardsMobileWrapper {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 3px;
    }

    .priceCardMobileWrapper {
        padding-left: 15px;
        display: block;
        position: relative;
    }

    .priceCardMobileBackPanelImage {}

    .priceCardMobileBox {
        width: 373px;
        height: 73px;
        position: absolute;
        top: 0;
        display: flex;
        gap: 30px;
        align-items: center;
        justify-content: space-between;
        padding: 0 15px 10px 30px;
    }

    .priceCardMobileImageWrapper {
        background-color: #F8D49D;
        border-radius: 10px;
        border: 2px solid #E0AF7D;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 25px;
        position: relative;
        padding: 0 25px 0 10px;

        -webkit-box-shadow: 0px -1px 0px 1px rgba(224, 175, 125, 1);
        -moz-box-shadow: 0px -1px 0px 1px rgba(224, 175, 125, 1);
        box-shadow: 0px -1px 0px 1px rgba(224, 175, 125, 1);
    }

    .priceCardMobileCoinsImage {
        position: absolute;
        left: -25px;
        bottom: -5px;
    }

    .priceCardMobileCoins {
        font-size: 28px;
        line-height: 29.4px;
        font-weight: 900;
        color: #FFF2A9;
        align-self: flex-start;

        -webkit-text-stroke: 1px rgba(141, 21, 3, 1);
        text-stroke: 1px rgba(141, 21, 3, 1);

        text-shadow: -1px 4px 0px rgba(141, 21, 3, 1),
        1px 4px 0px rgba(141, 21, 3, 1);
    }

    .priceCardMobileButtonWrapper {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .priceCardMobileButtonLink {
        width: 142.83px;
        height: 49px;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .priceCardMobileButton {
        position: absolute;
        left: 0;
        top: 0;

    }

    .priceCardMobileGreenButtonText {
        position: relative;

        color: #FDFAE7;
        font-size: 24px;
        line-height: 25.2px;
        font-weight: 900;
        font-family: 'Micado', 'Arial', sans-serif;

        -webkit-text-stroke: 1px rgba(70, 99, 7, 1);
        text-stroke: 1.5px rgba(70, 99, 7, 1);

        text-shadow: 0px 4px 0px rgba(70, 99, 7, 1);
    }
}

/*-----------------------------footer---------------------------------------*/

.footerWrapper {
    display: flex;
    justify-content: center;
    padding: 50px 0;
    color: #640000;
    line-height: 17.65px;
    font-size: 11px;
    font-family: 'tildaScaansRegular', 'Arial', sans-serif;
    font-weight: 400;
}

@media (max-width: 821px) {
    .footerWrapper {
        display: none;
    }
}

.footerLogoWrapper {
    width: 100%;
    max-width: 230px;
    margin-right: 20px;
}

.footerLogo {
    max-width: 100%;
    height: auto;
    display: block;
}


.footerMiddleBlock {
    margin-right: 63.34px;
    text-align: center;
    font-family: 'tildaScaansRegular', 'Arial', sans-serif;
}

.footerMiddleBlock span {
    font-weight: 700;
    font-family: 'tildaScaansBold', 'Arial', sans-serif;
}

.footerRightBlock {
    display: flex;
    flex-direction: column;
    gap: 40px;
}



.footerRightBlockTop a {
    font-weight: 700;
    font-family: 'tildaScaansBold', 'Arial', sans-serif;
    color: #640000;
}

.footerRightBlockBottom {
    line-height: 9.6px;
    font-size: 8px;
}

.iconsWrapper {
    margin: 20px 0;
    display: flex;
    justify-content: center;
    gap: 10px;
}

.footerMobileWrapper {
    display: none;
}


@media(max-width:821px) {

    .footerMobileWrapper {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 34px 0;
        color: #640000;
        line-height: 17.65px;
        font-size: 11px;
        font-family: 'tildaScaansRegular', 'Arial', sans-serif;
        font-weight: 400;
    }

    .footerMobileLogo {
        width: 100%;
        max-width: 200px;
    }

    .iconsWrapper {
        margin: 20px 0;
        display: flex;
        justify-content: center;
        gap: 10px;
    }

    .footerMobileMiddleBlock {
        width: 100%;
        font-family: 'tildaScaansRegular', 'Arial', sans-serif;
        margin-bottom: 20px;
    }

    .footerMobileMiddleBlock span {
        width: 100%;
        font-weight: 700;
        font-family: 'tildaScaansBold', 'Arial', sans-serif;
    }

    .footerMobileRightBlock {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 40px;
    }

    .footerMobileRightBlockTop a {
        font-weight: 700;
        font-family: 'tildaScaansBold', 'Arial', sans-serif;
        color: #640000;
    }

    .footerMobileRightBlockBottom {
        line-height: 9.6px;
        font-size: 8px;
    }

    .footerMobileMobileWrapper {
        display: none;
    }

}