html{
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
}
body{
    width: 100%;
    max-width: 100%;
	overflow-x: hidden;
}

.header-block {
    z-index: 10;
}
#logo img.action-2 {
    display: inline-block !important;
}
#logo img.default {
    display: none !important;
}
.wa-icon-white {
    display: inline-block !important;
}
.wa-icon-defolt {
    display: none !important;
}
.nav-link.dropdown-toggle {
    color: #FFFFFF !important;
}
.tel-icon svg {
    height: 24px;
}
.tel-icon svg path {
    stroke: #FFFFFF !important;
}
.tel-number .mgo-number-13230{
    color: #FFFFFF;
}
a svg #lk-img, a svg #lk-circle {
    fill: #fff !important;
}
.action .mini-cart-background{
    background-image:url(../img/icons/menu/cart-white.svg);
}
span.cart-items-number {
    color:#fff;
}
.user-activity .dropdown > a.btn:hover {
    background: #fff !important;
    border: 1px solid #fffF;
    color: #000 !important;
}
.mgo-number-13230-mob svg path  {
    fill: #FFFFFF !important;
}
.mgo-number-13230-mob svg rect,
.mgo-number-13230-mob svg line,
.header__show-menu svg rect {
    stroke: #FFFFFF !important;
}
#nav_desktop ul li:nth-child(5):after {
    top:8px !important;
}
.header__show-menu svg path {
    stroke: #ffffff !important;
}

.page-content .cards, .page-content .form-wrap, .page-content .all-rules, .page-content .got-questions, footer {
    position: relative;
    z-index: 2;
}

.nowrap {
    white-space: nowrap;
}

.page-content {
    font-family: "SF Pro Text", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #2C7582;
}
.content-title {
    max-width: 680px;
    margin:auto;
    font-weight: 700;
    font-size: 40px;
    line-height: normal;
    text-align: center;
    text-transform: uppercase;
    color: #0097A1;
}

.text-pink {
    color: #FF5E88 !important;
}
.text-yellow {
    color: #FFFB02 !important;
}

.all-page-bg {
    /* background: #F8FBFF;
    Градиент */
    background: linear-gradient(0deg, #C3FFFC -33.4%, #F8FBFF 72.48%);
}

.imges-bg {
    position: absolute;
    top: 790px;
    left: 50%;
    width: 1721px;
    height: 2972px;
    margin-left: -894px;
    background: url(https://cdn.tion.ru/images/2025/07/montage-present-lending/bg-img-desktop.png) no-repeat top;
    z-index: 1;
}

.top__img {
    position: relative;
    background: url(https://cdn.tion.ru/images/2025/07/montage-present-lending/top-banner-desktop.jpeg)no-repeat top; 
    /* background-size: contain; */
    height: 640px;
    max-width: 2170px;
    margin:auto;
    margin-top: -105px;
}

.action-end {
    margin-top: 50px;
    padding-bottom: 100px;
    font-size: 44px;
    line-height: 50px;
    font-weight: bold;
    color: #000000;
    text-align:center;
}

/* SECTION CARDS */
.cards {
    margin-top: 146px;
    margin-bottom: 10px;
}
.cards__slick{
    justify-content: space-between;
    max-width: 1150px;
    margin: auto;
}
.cards__card-wrap {
    height: 860px;
    max-width: 350px;
    margin:auto;
    margin-top: 38px;
    margin-bottom: 25px;
    padding:34px 0 25px;
    border-radius: 25px;
    /* Градиент и тень */
    background: linear-gradient(180deg, #51D4CB 0%, #00A6B2 100%);
    box-shadow: 1px 5px 19px 0px rgba(0, 0, 0, 0.20);
    box-sizing: border-box;
}
/* .cards__card-wrap.card-gradient-2 {
    background: linear-gradient(151deg, #FFFFFF -5.82%, #BFE3FF 179.63%);
}
.cards__card-wrap.card-gradient-3 {
    background: linear-gradient(151deg, #FFFFFF -5.82%, #BFE3FF 179.63%);
}
.cards__card-wrap.card-gradient-4 {
    background: linear-gradient(151deg, #FFFFFF -5.82%, #BFE3FF 179.63%);
} */
.cards__card-wrap .tehnikal {
    max-width: 200px;
    margin:auto;
    margin-top: -24px;
}
.indent-20 {
    margin-left: 20px;
    margin-right: 20px;
}
.cards__card-wrap .flex-content{
    display: flex;
    justify-content: space-between;
}
.cards__card-wrap .text-right-left{
    text-align:right;
}
.cards__card-wrap .text-left-center{
    text-align:left;
}
.fix-indent{
    margin-top: 69px;
}
.cards p{
    margin-top: 0px;
    margin-bottom: 0px;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 21px;
    text-align: center;
    color: #FFF;
}
.cards p.note{
    font-size: 12px;
    line-height: 15px;
}
.cards p s {
    font-size: 20px;
}
.cards .big-text{
    font-size: 20px;
    line-height: 14px;
    text-align: center;
    font-weight: 700;
}
.big-text2 {
    font-weight: 800;
    font-size: 30px;
    line-height: 20px;
    color: #FFFB02;
}
.cards hr {
    margin-top: 50px;
    margin-bottom: 40px;
    border: none;
    color: #069CE0;
    background-color: #069CE0;
    height: 1px;
    width: 286px;
}
.cards hr.br4s {
    margin-top: 27px;
}
.img-breezer-biox {
    background: url(https://cdn.tion.ru/images/2025/07/montage-present-lending/breezer-biox-desk.png) no-repeat center;
    width: 350px;
    height: 379px;
    background-size: cover;
    margin:auto;
    margin-top: -34px;
}
.img-breezer-4s{
    background: url(https://cdn.tion.ru/images/2025/07/montage-present-lending/breezer-4S-desk.png) no-repeat center;
    width: 350px;
    height: 379px;
    background-size: cover;
    margin:auto;
    margin-top: -34px;
}
.img-breezer-o2{
    background: url(https://cdn.tion.ru/images/2025/07/montage-present-lending/breezer-o2-desk.png) no-repeat center;
    width: 350px;
    height: 379px;
    background-size: cover;
    margin:auto;
    margin-top: -34px;
}
.img-breezer-lite{
    background: url(https://cdn.tion.ru/images/2025/07/montage-present-lending/breezer-lite-desk.png) no-repeat center;
    width: 350px;
    height: 379px;
    background-size: cover;
    margin:auto;
    margin-top: -34px;
}
.slick-row-prev{
    position: absolute;
    z-index: 1;
    top: 435px;
    left: -90px;
    cursor: pointer;
}
.slick-row-next{
    position: absolute;
    z-index: 1;
    top: 435px;
    right: -90px;
    cursor: pointer;
}
.slick-prev {
    left: 0;
}
.slick-next {
    right: 0;
}
.slogan-text {
    width: 1111px;
    height: 362px;
    margin:auto;
    margin-top: 25px;
    background: url(https://cdn.tion.ru/images/2025/07/montage-present-lending/slogan-desk-1x.png) no-repeat center;
}

#popUp-MP-btn {
    z-index: 3;
}
.green-btn, .green-btn:focus {
    display: block;
    width: 300px;
    height: 70px;
    margin:auto;
    margin-bottom: 50px;
    padding-top: 20px;
    font-family: "SF Pro Display", sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    text-align: center;
    color: #ffffff !important;
    text-decoration: none;
    cursor: pointer;
    /* Градиент */
    background: #FF3C5F;
    border-radius: 100px;
    transition: 0.2s linear;
    border: none;
}
.green-btn:hover{
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}
.form {
    position: relative;
    z-index: 2;
    max-width: 920px;
    margin:auto;
    padding: 0px 15px 43px;
}
.form .content-title {
    font-size: 30px;
    line-height: 40px;
}
#popUp-MP {
    max-width: 730px;
    margin: auto;
    margin-top: 38px;
}
#popUp-MP input {
    display: block;
    height: 55px;
    margin-top: 13px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    padding: 10px 30px;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: #47D5D2;
    background: #FFFFFF;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    box-shadow: 0px 14px 18.4px 0px rgba(0, 0, 0, 0.05);
    border-radius: 100px;
    border: 1px solid #FFFFFF;
}
#popUp-MP input:focus, #popUp-MP input:active{
    opacity: 1;
    box-shadow: none !important;
    background: #FFF;
    border: 1px solid #47D5D2;
}
#popUp-MP input:-webkit-autofill, #popUp-MP input:-webkit-autofill:focus{
    opacity: 1;
    box-shadow: none !important;
    background-color: #FFF;
    border: 1px solid #47D5D2;
}
#popUp-MP input::-webkit-input-placeholder { /* подсказывающий текст */
    font-family: 'SF Pro Text';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    font-weight: 200;
    color: #47D5D2;
}
#popUp-MP input:focus::-webkit-input-placeholder{
    color: #47D5D2;
}
#popUp-MP label {
  display: none;
}
#popUp-MP .note{
    margin-top: 12px;
    font-style: normal;
    font-weight: normal;
    text-align: center;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: -0.04em;
    color: #2C7582;
}
#popUp-MP .note a:link{
    color: #2C7582 !important;
    border-bottom: 1px solid #2C7582;
}
#popUp-MP .note a:link:hover{
    border-bottom: none;
}
#popUp-MP_form_success {
    max-width: 920px;
    margin:auto;
    margin-top: 30px;
    padding: 96px 50px 60px 50px;
    /* Градиент - всю фоновую картинку */
    background: url(https://cdn.tion.ru/images/2025/07/montage-present-lending/form-success-bg.jpeg) no-repeat center;
    text-align: center;
    color: #FFFFFF;
}
#popUp-MP_form_success .success-title {
    font-size: 35px;
    line-height: normal;
    font-weight: 700;
    color: #FFFFFF;
}
#popUp-MP_form_success p {
    max-width: 620px;
    margin:auto;
    margin-bottom: 40px;
    font-size: 25px;
    line-height: 30px;
    font-weight: 400;
}
#popUp-MP_form_success p.success-title{
    max-width: 620px;
    margin:auto;
    margin-bottom: 40px;
    font-weight: 700;
    font-size: 35px;
    line-height: 42px;
}
#popUp-MP-btn .green-btn {
    position: relative;
    padding-top:0;
    font-size: 20px;
    line-height: 24px;
}

.green-btn__spruce-branch-bottom {
    position: absolute;
    bottom: -121px;
    left: 50%;
    margin-left: -152px;
}
.green-btn__spruce-branch-top {
    position: absolute;
    bottom: -45px;
    margin-left: 49px;
}

.all-rules{
    max-width: 740px;
    margin-top: 130px;
    margin-bottom: 28px;
}
p.content-text{
    margin-bottom: 10px;
    font-family: "SF Pro Text", "sans-serif";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    text-align: justify;
    letter-spacing: -0.02em;
    color:#2C7582;
}
p.content-text a{
    color:  #2C7582 !important;
    text-decoration: none;
    border-bottom: 2px solid  #2C7582;
}
p.content-text a:hover{
    border-bottom: none;
}
p.content-text.note{
    margin-bottom: 15px;
    font-weight: 500;
    color:  #2C7582;
} 
.collapsible p.content-text span{
    color: #0097A1;
    font-size: 25px;
    line-height: 30px;
    font-weight: bold;
    border-bottom: 2px solid  #0097A1;
    cursor: pointer;
}
.collapsible-content {
    overflow: hidden;
    display: none;
}
/* .all-rules hr {
    margin-top: 25px;
    margin-bottom: 20px;
    border: none;
    color: #714525;;
    background-color: #714525;;
    height: 1px;
    width: 18px;
} */

.got-questions{
    margin: 85px auto 180px;
}
.got-questions .text-block {
    margin-bottom: 45px;
    font-family: "SF Pro Text", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    text-align: center;
    color: #2C7582;
}
.got-questions .text-block a, .rules-link a{
  color:  #2C7582 !important;
  cursor:pointer;
  text-decoration: none;
  border-bottom: 1px solid  #2C7582;
}
.got-questions .text-block a:hover, .rules-link a:hover{
  color:  #2C7582;
  border-bottom: none;
}
.headset{
    height:150px;
    width:150px;
    cursor:pointer;
    border-radius:75px;
    background:#67E1F8;
    margin:0 auto 0px;
    transition: 0.2s linear;
}
.headset:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}
.headset-img {
    height: 60px;
    width: 64px;
    margin-top: 45px;
}
.headset .pulse-block{
    position:absolute;
    left:0;
    bottom:-20px;
}
.pulse-block{
    height:170px;
}
.pulse-block a{
    position:absolute;
    left:0;
    right:0;
    width:165px;
    margin:auto;
    z-index:3;
}

@media (max-width: 1320px) {
    /* .top__img {
        background: url(https://cdn.tion.ru/images/2024/07/luky-summer-lending/top-banner-tablet.jpg) no-repeat top;
        height: 388px;
        max-width: 991px;
        margin:auto;
        margin-top: -105px;
    } */
    .top__img {
        left: 50%;
        margin-left: -73vw;
        width: 149%;
        height: 45vw;
        background: url(https://cdn.tion.ru/images/2025/07/montage-present-lending/top-banner-desktop.jpeg) no-repeat top;
        background-size: contain;
    }
}

@media (max-width: 1080px) {
    .imges-bg {
        top: 532px;
        left: 50%;
        width: 840px;
        height: 2630px;
        margin-left: -422px;
        background: url(https://cdn.tion.ru/images/2025/07/montage-present-lending/bg-img-tab.png) no-repeat top;
        z-index: 1;
    }
    .cards {
        margin-top: 0;
        padding-top: 100px;
    }
    .cards__slick {
        position: relative;
        z-index: 2;
        max-width: 650px;
    }
    .cards__card-wrap {
        height: 715px;
        max-width: 206px;
        margin-top: 35px;
        padding: 20px 0 65px;
        box-shadow: none;
        border-radius: 15px;
    }
    .indent-20 {
        margin-left: 9px;
        margin-right: 9px;
    }
    .img-breezer-biox {
        height: 203px;
        width: 155px;
        background: url(https://cdn.tion.ru/images/2025/03/montage-present/breezer-biox-mob-crop-2X.png) no-repeat center;
        background-size: contain;
    }
    .img-breezer-4s {
        height: 203px;
        width: 155px;
        background: url(https://cdn.tion.ru/images/2025/03/montage-present/breezer-4S-mob-crop-2X.png) no-repeat center;
        background-size: contain;
    }
    .img-breezer-o2 {
        height: 203px;
        width: 155px;
        background: url(https://cdn.tion.ru/images/2025/03/montage-present/breezer-o2-mob-crop-2X.png) no-repeat center;
        background-size: contain;
    }
    .img-breezer-lite {
        height: 203px;
        width: 155px;
        background: url(https://cdn.tion.ru/images/2025/03/montage-present/breezer-lite-mob-crop-2X.png) no-repeat center;
        background-size: contain;
    }
    .cards hr {
        margin-top: 45px;
        margin-bottom: 20px;
        width: 164px;
    }
    .cards hr.br4s {
        margin-top: 24px;
    }
    .cards p {
        font-size: 16px;
        line-height: 21px; 
    }
    .cards p s {
        font-size: 20px;
        line-height: 20px; 
    }
    .cards p.big-text{
        font-size: 18px;
        line-height: 12px;
    }
    .cards__card-wrap .tehnikal {
        margin-top: 0;
    }
    .cards .mb-5{
        margin-bottom: 7px !important;
    }
    .cards .mt-5{
        margin-top: 45px !important;
    }
    .cards .mb-2.mob-indent-none {
        margin-bottom: 0 !important;
    }
    .cards__card-wrap .flex-content{
        flex-direction: column;
    }
    .cards__card-wrap .text-left-center{
        text-align: center;
    }
    .cards__card-wrap .text-right-left{
        text-align: center;
    }
    .cards p.small-mob-text{
        font-size: 14px;
        line-height: 15px;
    }
    .fix-indent{
        margin-top: 29px;
    }
    .cards p.slogan-text {
        margin-top: 60px;
        font-size: 40px;
        line-height: 55px;
    }
    .slick-row-prev {
        top: 325px;
        left: -33px;
    }
    .slick-row-next {
        top: 325px;
        right: -33px;
    }
    .slogan-text {
        width: 738px;
        height: 236px;
        margin:auto;
        margin-top: 12px;
        margin-bottom: 31px;
        background: url(https://cdn.tion.ru/images/2025/07/montage-present-lending/slogan-tab-1x.png) no-repeat center;
    }
    .all-rules {
        margin-top: 80px;
    }
    footer {
        padding-bottom: 600px;
    }
}

@media (max-width: 991px) {
    .content-title, .form .content-title {
        font-size: 27px;
    }
    .top__img {
        left: 50%;
        margin-left: -69vw;
        width: 140%;
        height: 50vw;
        background: url(https://cdn.tion.ru/images/2025/07/montage-present-lending/top-banner-tablet-2x.jpeg) no-repeat top;
        background-size: contain;
    }
    .cards {
        margin-top: 0;
    }
    .form {
        padding: 0 15px 43px;
    }
    #popUp-MP{
        max-width: 648px;
    }
    #popUp-MP-btn .green-btn {
        height: 60px;
    }
    #popUp-MP .note {
        font-size: 13px;
        text-align: justify;
    }
}

@media (max-width: 680px) {
    .cards__slick {
        max-width: 460px;
    }
    .form {
        padding: 0 12px 43px;
    }
}

@media (max-width: 660px){
    .content-title {
        max-width: 860px;
        font-size: 20px;
        line-height: 25px;
    }
    .top__img {
        background: url(https://cdn.tion.ru/images/2025/07/montage-present-lending/top-banner-mob-2x.jpeg) no-repeat top;
        background-size: contain;
        height: 463px;
        width: 663px;
        margin-left: -330px;
        margin-top: -102px;
        margin-bottom: 36px;
    }
    .top-leafs {
        width: 51%;
        bottom: -76px;
        margin-left: -375px;
    }
    .slogan-text {
        width: 400px;
        height: 128px;
        margin:auto;
        margin-top: 22px;
        background: url(https://cdn.tion.ru/images/2025/07/montage-present-lending/slogan-mob-2x.png) no-repeat center;
        background-size: cover;
    }
    .form {
        margin-top: 20px;
        padding-bottom: 15px;
    }
}

@media (max-width: 575px) {
    .imges-bg {
        top: 511px;
        left: 50%;
        width: 536px;
        height: 2637px;
        margin-left: -267px;
        background: url(https://cdn.tion.ru/images/2025/07/montage-present-lending/bg-img-mob.png) no-repeat top;
        z-index: 1;
    }
    .top__img {
        margin-left: -338px;
    }
    .action-end{
        margin-top: 50px;
        padding-bottom: 25px;
        font-size: 32px;
        line-height: 40px;
    }
    .cards {
        padding-top: 50px;
    }
    .cards__card-wrap{
        height: 583px;
        padding: 30px 20px 25px;
        max-width: 327px;
    }
    .indent-20 {
        margin-left: 5px;
        margin-right: 5px;
    }
    .img-breezer-4s, .img-breezer-o2 {
        margin-left: auto;
    }
    .cards__card-wrap .tehnikal {
        max-width: unset;
        margin-bottom:22px !important;
    }
    .cards .mob-mt{
        margin-top: 20px !important;
    }
    .cards p.small-mob-text {
        font-size: 16px;
        line-height: 21px;
    }
    .cards__card-wrap .flex-content{
        flex-direction: row;
    }
    .cards__card-wrap .text-right-left{
        text-align:right;
    }
    .cards__card-wrap .text-left-center{
        text-align:left;
    }
    .cards hr {
        margin-top: 39px;
        margin-bottom: 30px;
        width: 295px;
    }
    .cards hr.br4s {
        margin-top: 19px;
    }
    .slick-row-prev{
        left: 50%;
        margin-left: -182px;
    }
    .slick-row-next{
        left: 50%;
        margin-left: 167px;
    }
    .cards p.slogan-text {
        max-width: 325px;
        font-size: 25px;
        line-height: 35px;
    }
    .form .content-title {
        max-width: 300px;
        font-size: 20px;
        line-height: 25px;
    }
    #popUp-MP {
        max-width: 332px;
        margin-top: 24px;
    }
    #popUp-MP input {
        height: 50px;
        margin-top: 19px;
        font-size: 16px;
        line-height: 19px;
    }
    #popUp-MP input::-webkit-input-placeholder { /* подсказывающий текст */
        font-size: 16px;
        line-height: 19px;
    }
    #popUp-MP-btn .green-btn {
        margin-top: 15px;
        width: 327px;
        height: 70px;
    }
    #popUp-MP .note{
        font-size: 13px;
        line-height: 16px;
        text-align: center;
    }
    #popUp-MP_form_success {
        max-width: 840px;
        padding: 54px 30px 60px 30px;
        background-size: cover;
    }
    #popUp-MP_form_success p {
        max-width: 340px;
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 10px;
    }
    #popUp-MP_form_success p.success-title{
        font-size: 25px;
        line-height: 30px;
        margin-bottom: 20px;
    }
    .all-rules {
        margin-top: 99px;
    }
    .collapsible-content {
        max-width: 360px;
        margin: auto;
    }
    .collapsible p.content-text span {
        font-size: 20px;
    }
}

@media (max-width:370px){
    #popUp-MP-btn .green-btn{
        width: 270px;
    }
    .got-questions .text-block{
        font-size: 14px;
    }
}