.kv{background:#e8ebf0;}
.kv-inner{width:100%; max-width:1584px; margin:0 auto; position:relative; display:flex; align-items: center;}
.kv-inner div.kv-txt{width:50%; margin:10px 0; position:absolute; left:5%; top:calc(50% - 160px); text-align:center;}

.kv-inner div.kv-txt h1{font-size:42px; color:var(--strong-theme); font-weight:800;}
.kv-inner div.kv-txt h2{font-size:21px; font-weight:700; padding:10px 0;}
.kv-inner div.kv-txt p{font-size:16px; padding:20px 0; font-size:14px; font-weight:500;}
.kv-inner div.kv-txt .blue-button a{display:block; background:var(--accent-color); color:var(--white); font-weight:500; text-align:center; border-radius:30px; padding:10px 30px; width:200px; font-size:var(--f-M); text-decoration:none; transition:all .4s; margin:10px auto;}
.kv-inner div.kv-txt .blue-button a:hover{opacity:.75; font-weight:600;}

@media print, screen and (max-width: 960px) {
    .kv-inner div.kv-txt{width:50%; margin:10px 0; position:absolute; left:3%; top:calc(50% - 130px); text-align:center;}
    .kv-inner div.kv-txt h1{font-size:36px; color:var(--strong-theme); font-weight:800;}
    .kv-inner div.kv-txt h2{font-size:18px; font-weight:700; padding:10px 0;}
    .kv-inner div.kv-txt p{font-size:14px; padding:15px 0; font-size:14px; font-weight:500;}    
}

@media print, screen and (max-width: 768px) {
    .kv-inner div.kv-txt{width:50%; margin:10px 0; position:absolute; left:3%; top:calc(50% - 120px); text-align:center;}
    .kv-inner div.kv-txt h1{font-size:30px; color:var(--strong-theme); font-weight:800;}
    .kv-inner div.kv-txt h2{font-size:15px; font-weight:700; padding:10px 0 0;}
    .kv-inner div.kv-txt p{font-size:13px; padding:15px 0 5px; font-size:14px; font-weight:500;}    
}
@media print, screen and (max-width: 640px) {
    .kv-inner div.kv-txt{width:50%; margin:10px 0; position:absolute; left:3%; top:calc(50% - 100px); text-align:center;}
    .kv-inner div.kv-txt h1{font-size:24px; color:var(--strong-theme); font-weight:800;}
    .kv-inner div.kv-txt h2{font-size:14px; font-weight:700; padding:10px 0 0;}
    .kv-inner div.kv-txt p{font-size:12px; padding:8px 0 5px;}
    .kv-inner div.kv-txt .blue-button a{font-size:var(--f-S);width:160px; }
}

@media print, screen and (max-width: 576px) {
    .kv-inner div.kv-txt{width:50%; margin:10px 0; position:absolute; left:1%; top:calc(50% - 90px);}
    .kv-inner div.kv-txt h1{font-size:24px; color:var(--strong-theme); font-weight:800;}
    .kv-inner div.kv-txt h2{font-size:12px; font-weight:700; padding:10px 0 0;}
    .kv-inner div.kv-txt p{font-size:11px; padding:8px 0 0;}
    .kv-inner div.kv-txt .blue-button a{font-size:var(--f-S);width:140px; padding:5px 20px; }
}

@media print, screen and (max-width: 480px) {
    .kv-inner div.kv-txt{width:60%; margin:10px 0; position:absolute; left:1%; top:calc(50% - 75px);}
    .kv-inner div.kv-txt h1{font-size:18px; color:var(--strong-theme); font-weight:800;}
    .kv-inner div.kv-txt h2{font-size:11px; font-weight:700; padding:5px 0 0;}
    .kv-inner div.kv-txt p{font-size:10px; padding:4px 0 0;}
    .kv-inner div.kv-txt .blue-button a{font-size:var(--f-S);width:140px; padding:5px 20px; }
}


.how-to-column{display:flex; gap:40px; padding-bottom:80px;}
.how-to-column h2{font-size:var(--f-L); }

.how-to-column > .left-column{width:30%;}
.how-to-column > .right-column{width:70%; display:flex; gap:30px;}
.how-to-column > .right-column .steps{background:#f4b9d4; border-radius:20px 20px 0 0; padding:20px 20px 20px 20px; width:33%; position:relative; display:flex; flex-direction: column;}
.how-to-column > .right-column .steps .steps-bottom{display:block; position:absolute; bottom:-72px; left:0;}
.how-to-column > .right-column .steps p{color:var(--white); font-size:var(--f-S); font-family:var(--nonJost); text-align:center;}

.how-to-column > .left-column .blue-button{width:240px; margin:2em 0;}


@media print, screen and (max-width: 960px) {
    .how-to-column{display:flex; gap:40px; flex-wrap:wrap; padding-bottom:110px;}
    .how-to-column h2{font-size:var(--f-L); }
    .how-to-column > .left-column{width:100%;}
    .how-to-column > .right-column{width:100%; display:flex; gap:20px;}
    .how-to-column > .right-column .steps .steps-bottom{display:block; position:absolute; bottom:-18%; left:0;}
    .how-to-column > .left-column .blue-button{width:270px; margin:2em auto;}
}

@media print, screen and (max-width: 576px) {
    .how-to-column{display:flex; gap:40px; flex-wrap:wrap; padding-bottom:80px;}
    .how-to-column h2{font-size:var(--f-L); }
    .how-to-column > .left-column{width:100%;}
    .how-to-column > .right-column{width:100%; display:flex; flex-wrap:wrap; gap:20px; justify-content: center;}
    .how-to-column > .right-column .steps{width:calc(50% - 10px);}
    .how-to-column > .right-column .steps:nth-child(3){margin-top:70px}
    .how-to-column > .right-column .steps .steps-bottom{display:block; position:absolute; bottom:-18%; left:0;}
    .how-to-column > .left-column .blue-button{width:270px; margin:2em auto;}
}