squirtazzer

<div class="byblos-contact-form <?php echo isset( $instance['scmod_contact_form_width'] ) ? 'col-sm-' . $instance['scmod_contact_form_width'] : 'col-sm-12'; ?>">

    <div class="widget">
        
        <div class="inner">

            <h2 class="widget-title">
                <?php echo !empty( $instance['scmod_contact_form_title'] ) ? esc_html( $instance['scmod_contact_form_title'] ) : ''; ?>
            </h2>

            <div class="byblos-underline"></div>
            
            <div class="detail">
                <?php echo !empty( $instance['scmod_contact_form_detail'] ) ? esc_html( $instance['scmod_contact_form_detail'] ) : ''; ?>
            </div>

            <form action="<?php echo esc_url( admin_url( 'admin-ajax.php' ) ); ?>" id="scmod-contact-form">

                <input type="hidden" class="recipient" name="recipient" value="<?php echo !empty( $instance['scmod_contact_form_recipient_email'] ) ? $instance['scmod_contact_form_recipient_email'] : ''; ?>" />

                <div class="group">
                    <label><?php echo !empty( $instance['scmod_contact_form_from_label'] ) ? esc_html( $instance['scmod_contact_form_from_label'] ) : ''; ?></label>
                    <input type="text" name="name" class="control name"/>
                </div>

                <div class="group">
                    <label><?php echo !empty( $instance['scmod_contact_form_email_label'] ) ? esc_html( $instance['scmod_contact_form_email_label'] ) : ''; ?></label>
                    <input type="text" name="email" class="control email"/>
                </div>

                <div class="group">
                    <label class="message"><?php echo !empty( $instance['scmod_contact_form_message_label'] ) ? esc_html( $instance['scmod_contact_form_message_label'] ) : ''; ?></label>
                    <textarea name="message" class="control message"></textarea>
                </div>

                <input type="submit" class="accent-button" value="<?php echo !empty( $instance['scmod_contact_form_submit_label'] ) ? esc_attr( $instance['scmod_contact_form_submit_label'] ) : ''; ?>"/>
                <div class="subscribe">
        <input style="vertical-align: top;margin: 4px 5px 0px 0px;" type="checkbox" id="subscribeNews" required="" name="subscribe" value="newsletter"><font-size: 8px;" for="subscribeNews">нажимая кнопку отправить я согласен(на) на обработку данных и ознакомлен(а) с <a href="/politika-konfitsintsialnosti/" style="color:#d85904">политикой
            конфиденциальности</a>
    </div>

                <div class="mail-sent"><span class="fa fa-check-circle"></span> <?php _e( 'Email отправлен!', 'byblos' ); ?></div>
                <div class="mail-not-sent"><span class="fa fa-exclamation-circle"></span> <?php _e( 'There has been an error, please check the information you entered and try again.', 'byblos' ); ?></div>

            </form>

        </div>
            
    </div>
    
</div>

* {
box-sizing:border-box;
}
.services {
display: flex;
}
.service-item {
position: relative;
width: 95%; /* Ширина первого слоя */
height: 400px;
padding: 15px; /* Поля вокруг текста */
background: #fff; /* Цвет фона */
margin: 5px auto 15px;
border:1px solid #FF6600;
}

.service-item::before {
content:"\f005";
font-family: 'FontAwesome';
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
background: orange;
border-radius: 0 0 50% 0;
}

media (max-width: 767px) {
.service-item {
width: 100%;
}
}