CODE FAQ 2

<div id="row-59920160" class="RowUi-okiyiz-0 fyvZZg" style="background-size: initial; background-position: 50% 50%; background-repeat: repeat; background-attachment: initial;"><div size="12" class="ColumnUi-sc-2n8p1b-0 kxDUMc"><div class="StyleWrapperUi-tm5iqm-0 kKyYSI"><div id="rawhtml-988044f0" class="RawHtmlUi-sc-1lqhwfx-0 ePOjZl"><ul class="faq">
    <li><input type="checkbox" checked="checked"> <i></i>
    <h2><span>1:</span> What is in the course?</h2>
    <p>Inside the course you'll get access to a series of short, straight to the point, videos that will give you all the information you need to improve your content creation process.</p>
    </li>
    <li><input type="checkbox" checked="checked"> <i></i>
    <h2><span>2:</span> How does it compare to other courses out there?</h2>
    <p> This process is the documentation of over 3 years of content creation optimization. You'll learn my way of creating content, fast, consistently and in a way that connects with your audience and boosts interest and desire.</p>
    </li>
    <li><input type="checkbox" checked="checked"> <i></i>
    <h2><span>3:</span> When can I see results?</h2>
    <p>You'll be able to finish the course in just a few hours, and start implementing right away. Results will vary from person to person, but the sooner you start improving your content the faster you'll get results. </p>
    </li>
    <li><input type="checkbox" checked="checked"> <i></i>
    <h2><span>4:</span> Is there any guarantee?</h2>
    <p> I offer no refunds nor guarantees, every purchase is final. But I can confidently say that I've personally generated 6-figures and won a $100k award using the content strategy and framework that I teach inside this course. If you're looking for straight to the point, no BS information this will give you exactly that.</p>
    </li>
    <li><input type="checkbox" checked="checked"> <i></i>
    <h2><span>5:</span> Is there any support available</h2>
    <p> Since this course is straight forward, I don't offer a specific support method. But you can get my 1-on-1 mentorship if you'd like to have consistent support, or send me an email if you have any questions about the course.</p>
    </li>
    </ul>
    <style> .transition, p, .faq li i:before, .faq li i:after {
        transition: all 0.25s ease-in-out;
    }
    .flipIn, h1, .faq li {
        animation: flipdown 0.5s ease both;
    }
    .no-select, h2 {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    .faq p {
        color: rgba(22, 22, 55, 0.8);
        font-size: 14px;
        line-height: 26px;
        position: relative;
        overflow: hidden;
        max-height: 800px;
        opacity: 1;
        transform: translate(0, 0);
        margin-top: 14px;
        margin-bottom: 0;
        z-index: 2;
        font-family: 'Poppins', sans-serif !important;
    }
    .faq {
        list-style: none;
        perspective: 900;
        padding: 0;
        margin: 0;
    }
    .faq h2{
        margin: 0;
        color: black;
        font-size: 16px;
        font-family: 'Poppins', sans-serif !important;
    }
    .faq li {
        position: relative;
        padding: 0;
        margin-top: 20px;
        color: white;
        background: #F3F4F3;
        padding: 20px;
        border: 1px solid rgb(255, 255, 255, 0.2);
    }
    .faq li:nth-of-type(1) {
        animation-delay: 0.5s;
    }
    .faq li:nth-of-type(2) {
        animation-delay: 0.75s;
    }
    .faq li:nth-of-type(3) {
        animation-delay: 1s;
    }
    .faq span{
        color: #50E3C2;
        margin-right: 5px;
    }
    .faq li i {
        position: absolute;
        transform: translate(-6px, 0);
        right: 0;
        top: 10px;
    }
    .faq li i:before, .faq li i:after {
        content: "";
        position: absolute;
        background: #161637;
        width: 3px;
        height: 9px;
        right: 23px;
        top: 20px;
    }
    .faq li i:before {
        transform: translate(-2px, 0) rotate(45deg);
    }
    .faq li i:after {
        transform: translate(2px, 0) rotate(-45deg);
    }
    .faq li input[type=checkbox] {
        background: #161637;
        position: absolute;
        cursor: pointer;
        width: 100%;
        height: 100%;
        z-index: 1;
        opacity: 0;
        left: 0px;
        top: 0;
    }
    .faq li input[type=checkbox]:checked ~ p {
        background: #161637;
        margin: 0;
        max-height: 0;
        opacity: 0;
        transform: translate(0, 50%);
    }
    .faq li input[type=checkbox]:checked ~ i:before {
        background: #161637;
        transform: translate(2px, 0) rotate(45deg);
    }
    .faq li input[type=checkbox]:checked ~ i:after {
        background: #161637;
        transform: translate(-2px, 0) rotate(-45deg);
    }
    @keyframes flipdown {
        0% {
            opacity: 0;
            transform-origin: top center;
            transform: rotateX(-90deg);
        }
        5% {
            opacity: 1;
        }
        80% {
            transform: rotateX(8deg);
        }
        83% {
            transform: rotateX(6deg);
        }
        92% {
            transform: rotateX(-3deg);
        }
        100% {
            transform-origin: top center;
            transform: rotateX(0deg);
        }
    }
     </style>
    </div></div></div></div>