.m-0{
margin: 0px !important;
}
picture{
display: grid;
}
b{
 font-family: "HelveticaNeueBold";   
}
.popup-body{
    font-family: "HelveticaNeueLight";
   /* letter-spacing: 1.2px; */
}
.loylnost-container {
    padding-left: 40px;
	padding-right: 40px;
    box-sizing: border-box;
    max-width: 1200px;
    margin: 0 auto;
}

/* Flex Grid System */
.loylnost-row {
    display: flex;
    flex-wrap: wrap;
    gap: 20px; /* Отступ между колонками */ 
}
.flex-top { 
    gap: 84px !important; /* Отступ между колонками */ 
}
.loylnost-col-6-top {
    flex: 0 0 calc(50% - 42px); /* 50% ширины минус половина gap */
    box-sizing: border-box;
} 

.loylnost-col-6 {
    flex: 0 0 calc(50% - 10px); /* 50% ширины минус половина gap */
    box-sizing: border-box;
}

.loylnost-cols-3 .loylnost-col,.loylnost-cols-3 .loylnost-urovni-col {
    flex: 0 0 calc(33.333% - 14px); /* 3 колонки с учетом gap */
    box-sizing: border-box;
}
 .loylnost-urovni-col>div,.loylnost-col-6,.w-100{
    width: 100%;
 }
  .loylnost-urovni-col>div>div{
padding: 10px 13px 20px;
 }
 .loylnost-urovni-col .list{
     text-transform: uppercase;
 }
.list{
pading-top:20px;
}
.list div{
    font-family: "HelveticaNeueBold";
}
 .list>div{
    align-items: center;
    font-size: 11px;
    font-weight: 800;
    margin-bottom: 20px;
        display: flex ;
    justify-content: space-between;
 }
.mt-70{
margin-top:70px;
}
 .list .sub-title{
    text-transform: math-auto;
    display: block;
    font-size: 10px;
     font-family: "HelveticaNeueLight";
    margin-bottom: 10px;
 }
.py-20{
padding-top: 20px;
    padding-bottom: 20px;
}
.urovni-fs-big{
    font-size: 14px;
}
.mt-5{
margin-top:5px;
}
/* Элементы интерфейса */
button {
    width: 100%;
    background: #000;
    color: #fff;
    border: solid 1px white;
    padding: 12px 24px;
    font-size: 16px;
    cursor: pointer; 
    margin-top: 5px;
    transition: background 0.3s ease;
}
.online-text{
        font-size: 8px;
    text-transform: uppercase;
    bottom: 70px;
    left: 35px;
    position: absolute;
}
button:hover {
    background: #333;
}

/* Стили для первого блока */
.loylnost-row:first-child {
    align-items: center;
}

.loylnost-row:first-child span {
    display: block;
    margin-bottom: 6px;
}
 

/* Стили для второго блока */
section:nth-child(2) > span {
    display: block;
    font-size: 24px;
    font-weight: bold; 
}

.loylnost-cols-3 .loylnost-col { 
    padding: 19px; 
    min-height: 135px;
    display: flex;
}

.loylnost-cols-3 .loylnost-urovni-col {   
    display: flex;
    align-items: center;
}
.title-bonus{
    letter-spacing: 2.5px;
font-size: 14px;
}
.btn-top{
width: 355px;
}
.p-content{
    padding-top: 68px;
}
.loylnost-title{
    margin-bottom: 33px; 
    display: block;
    text-align: center;
    font-size: 33px;
    font-family: "BebasNeue";
}
.loylnost-title-top{   
    font-size: 44px;
    font-family: "BebasNeue";
}
.loylnost-urovni-title{ 
    font-size: 40px;  
    font-family: "BebasNeue";
}
.urovni-fs-11{
 font-family: "HelveticaNeueBold";
    font-size: 13px; 
}
.loylnost-program-title{
    font-family: "HelveticaNeueBold";
     font-size: 13px;   
     font-weight: 800;
}
.card {
    border: solid 1px black; 
}
.fs-16{
font-size: 16px; 
}
.fs-14{
font-size: 14px; 
}
.dark{
    background: black;
    color: white;
}
.dark-top-bg{
    background: #141414;
    color: white;
}
.dark-2{
    background: #262626;
    color: white;
}
.dark-3{
    background: #444444;
    color: white;
}
.uppercase{
 text-transform: uppercase;
}
.bg-rose{
    background: #E0418B;
    color: white;
}
.m-auto{
    margin: auto;
}
.d-block{
    display: block;
}
.bg-logo{
    bottom: 0; 
    width: 100%;
    position: absolute;
}
.lady-img{
        width: 60%;
}
.relative{
    position: relative;
}
/*.strech{
    letter-spacing: 2px;
}*/
.strech-2{
    letter-spacing: 3.9px;
}
.btn-wallet{
width: 355px;
}
.py-wallet{
    padding-bottom: 70px;
    padding-top: 70px;
}
.nowrap{
        white-space: nowrap;
}
.disable-text{
    text-decoration: line-through;
    color: #838383;
}
.p-10{
    padding: 20px;

}
.popup-body{
    font-size: 15px;
}
	.urovni-br{
    font-family: "BebasNeue";
display:block;
}
/* Медиа-запрос для мобильных устройств (до 767px) */
@media (max-width: 767px) {
	picture{
    padding-bottom: 15px;
}
	.p-20-mob{
    padding-bottom: 20px;
}
	.loylnost-container {
    padding-left: 15px;
    padding-right: 15px;
}
.flex-top {
    gap: 0px !important;
}

	.urovni-br{
    font-family: "BebasNeue";
display:block;
}
.strech-2{
    letter-spacing: 2.6px;
}

.popup-body{
    font-size: 9px;
}
.title-bonus{
font-size: 13px;
        letter-spacing: 1.9px;
}
.loylnost-title-top {
    font-size: 39px; 
}

/*  br {
  display: none;
}*/
.loylnost-cols-3 .loylnost-col { 
    min-height: 82px;
	}
 .fs-16{
font-size: 11px;
}
    .loylnost-row {
        flex-direction: column;
        gap: 12px;
    }
    .mob-reverse{
    flex-direction: column-reverse;
}
    .loylnost-col-6,
    .loylnost-cols-3 .loylnost-col {
        flex: 0 0 100%; /* На мобилах все колонки на всю ширину */
    }
    .loylnost-cols-sm-2{
        flex-direction: inherit; 
    }
     .loylnost-cols-sm-2 .loylnost-col{
            flex: 0 0 calc(50% - 8px) !important; 
    }
    
    button {
        width: 100% !important;
        padding: 15px;
    } 

.online-text {
    font-size: 8px;
    text-transform: uppercase;
    bottom: 125px;
    right: 95px;
    left: auto;
    position: absolute;
}

}