.headline { font-size: 3.4rem; color: #f6416f; font-weight: 500; max-width: 880px; text-align: center; margin-left: auto; margin-right: auto;}
.sub-headline { color: #54008f; max-width: 850px; margin-left: auto; margin-right: auto; text-align: center; }
.sub-headline.__sub-headline2 { max-width: none; text-align: left; margin: 0 0 10px; }
h2 { font-size: 2.8rem; font-weight: 300; }
h3 { font-size: 2.2rem; font-weight: 300; line-height: 1.6; }

.page { position: relative; }
.page:before { content: ''; opacity: 0.25; position: absolute; width: 100%; height: 100%; background: url(./../images/bg-texture.webp) top right no-repeat; background-attachment: fixed; background-size: cover; }

.blk-1 { background: #fff; border-top-right-radius: 3px; border-top-left-radius: 3px; }
.blk-2 { background: #f9f9f9; padding: 30px; }

.blk-1-flex { display: flex; gap: 20px; }
.blk-1-flex > div:first-child { width: 280px; flex-shrink: 0; }
.blk-1-flex > div:last-child {  flex-grow: 1;  }

.video-blk { max-width: 400px; width: 100%; margin: 10px auto 30px; }
.video-wrap { padding: 177.78%  0 0 0; position:relative; }
.video-wrap iframe { position:absolute; top:0; left:0; width:100%; height:100%; }

.faqs { max-width: 980px; margin-left: auto; margin-right: auto; }
.faq-blk { border-bottom: 1px solid #dfdfdf; }
.faq-blk:last-child { border-bottom: 0;  }
.faq-ques { padding: 18px 5px 13px 10px; display: flex; cursor: pointer; transition: color 0.2s ease; font-weight: 500; }
.faq-ques svg { width: 24px; height: 24px; margin-top: 1px; transition: transform 0.2s ease; }
.faq-ans { display: none; }
.faq-ans-content { padding: 0 15px 15px 38px; }

.faq-ques:hover, .faq-blk.active .faq-ques { color: #f6416f; }
.faq-ques:hover svg, .faq-blk.active .faq-ques svg { fill: #f6416f; }
.faq-blk.active .faq-ques svg { transform: rotate(90deg); }

.note { padding: 20px; background: rgb(255 252 236); font-size: 1.6rem; max-width: 860px; margin-left: auto; margin-right: auto; border-radius: 3px; font-style: italic; border: 1px solid #dbdbdb; }

.cta-in-btn { margin-left: auto; margin-right: auto; display: flex; align-items: center; justify-content: center; font-family: Arial, sans-serif; font-size: 4rem; max-width: 500px; width: 100%; padding: 10px; border: none; outline: none; color: #ffffff; background: #ffffff; text-transform: uppercase; font-weight: 500; letter-spacing: 2px; line-height: 1.4; cursor: pointer; position: relative; z-index: 0; transition: 0.3s ease-in-out; text-decoration: none; }
.cta-in-btn > span:last-child { display: flex; align-items: center; justify-content: center; margin-left: -28px; opacity: 0; transition: all 0.5s ease; }
.cta-in-btn svg { width: 44px; height: 44px; fill: #ffffff; margin-top: -2px; }

.cta-in-btn:after { z-index: -1; content: ''; position: absolute; width: 100%; height: 100%; background: #ff934c; left: 0; top: 0; }
.cta-in-btn:hover { box-shadow: 0 0 5px rgba(183, 87, 24, 0.75); }
.cta-in-btn:hover > span:last-child { margin-left: 0; opacity: 1; }

.pink { color: #f6416f; }
.purple { color: #54008f; }

@keyframes glowing {
    0% { background-position: 0 0; }
    50% { background-position: 400% 0; }
    100% { background-position: 0 0; }
}

@media screen and (max-width: 1200px) {
    .blk-1-flex > div:last-child { width: 330px; }
}

@media screen and (max-width: 1080px) {
    .blk-1-flex { flex-direction: column-reverse; align-items: center; max-width: 100%; width: 100%; gap: 0; }
    .blk-1-flex > div:first-child { max-width: 100%; width: 100%; flex-shrink: 1; }
    .blk-1-flex > div:last-child { max-width: 100%; width: 100%; }

    .video-blk { max-width: 240px; }
}

@media screen and (max-width: 1000px) {
    .headline { font-size: 2.5rem; }
    h2, .sub-headline { font-size: 1.8rem; }
    h3 { font-size: 1.8rem; }
    .emailbox { font-size: 1.8rem; }
    .cta-in-btn svg { width: 30px; height: 30px; }
    .cta-in-btn svg {  margin-top: -1px; }
    .cta-in-btn { font-size: 1.8rem; padding: 7px; }
    .blk-2 { padding: 15px; }
    .note { padding: 15px; }
    .video-blk { border: 0; }

}

@media screen and (max-width: 500px) {
    .cta-in-btn { font-size: 3.2rem; }
}
@media screen and (max-width: 400px) {
    .cta-in-btn { font-size: 2.8rem; }
}