<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<style>
    .interestedBtn {
        width: 70% !important;
        box-sizing: border-box !important;
        display: inline-block !important;
        padding: 11px !important;
        border: 1px !important;
        border-color: #ddd !important;
        margin-top: 10px !important;
        background-color: #ec6e1d !important;
        background-image: none !important;
        text-shadow: none !important;
        color: #fff !important;
        font-size: 14px !important;
        line-height: 20px !important;
        border-radius: 5px !important;
        margin: 0 !important;
        cursor: pointer !important;
    }

    .tnp-email {
        width: 70% !important;
        box-sizing: border-box;
        padding: 5px 10px;
        display: inline-block;
        border: 1px solid #ddd;
        background-color: #fff;
        color: #444;
        font-size: 13px;
        line-height: 20px;
        border-radius: 5px;
    }

    .formSec {
        float: left !important;
        width: 55% !important;
    }

    .mainBox {
        max-width: 600px !important;
        margin: 0 auto !important;
        border: 2px solid #eb7c35 !important;
        padding: 20px !important;
        font-family: Arial, Helvetica, sans-serif !important;
    }

    .boxDiv {
        display: flex !important;
    }

    .boxConsult {
        float: left !important;
        width: 45% !important;
    }

    .formSecTwo {
        text-align: right !important;
        width: 100% !important;
    }

    .formHeading {
        font-family: Arial, Helvetica, sans-serif;
        margin-top: 0px;
        font-weight: 700;
        line-height: 25px;
        padding: 0px 5px 5px 10px;
        font-size: 18px;
        margin-bottom: 70px;
    }

    .fieldHeading {
        margin: 0 !important;
        font-size: 13px !important;
        text-align: left !important;
        margin: 0px 39px 2px 93px !important;
        font-weight: 500 !important;
    }

    .image {
        max-width: 100% !important;
        height: auto !important;
    }

    @media screen and (max-width: 480px) {
        .boxDiv {
            display: block !important;
            padding: 15px !important;
            border: 2px solid #eb7c35 !important;
        }

        .image{
            width: 60% !important;
        }
        .fieldHeading {
            text-align: left !important;
            margin: unset !important;
        }

        .boxConsult {
            width: unset !important;
            float: none !important;
        }

        .mainBox {
            border: unset !important;
        }

        .formSec {
            float: unset !important;
            width: 100% !important;
        }

        .formSecTwo {
            text-align: center !important;
        }

        .tnp-email {
            width: 100% !important;
        }

        .formHeading {
            margin-bottom: unset !important;
        }
    }
</style>

<body>


    <div class="mainBox" box-sizing:="" border-box;="">

        <div class="boxDiv">

            <div class="boxConsult">
                <div>
                    <h3 class="formHeading">
                        Book a Free Consultation with our Cyber Security Experts</h3>
                </div>
                <img src="https://awareness.threatcop.ai/marketing/cybergeek.webp" class="image">
            </div>


            <div class="formSec">
                <div class="wp-block-tnp-minimal formSecTwo">
                    <div class="tnp tnp-subscription-minimal">
                        <form action="https://kratikal.com/thanks/thankyou-blog" method="get" target="_blank">

                            <div style="margin-bottom: 12px;">

                                <h6 class="fieldHeading">
                                    Name</h6>
                                <input class="tnp-email" type="text" required="" name="FullName" value=""
                                    placeholder="Enter full name">
                            </div>


                            <div style="margin-bottom: 12px;">
                                <h6 class="fieldHeading">
                                    Email</h6>
                                <input class="tnp-email" type="email" required="" name="email" value=""
                                    placeholder="your name @ example.com">
                            </div>


                            <div style="margin-bottom: 12px;">
                                <h6 class="fieldHeading">
                                    Company Name</h6>
                                <input class="tnp-email" type="text" required="" name="CompanyName" value=""
                                    placeholder="Enter company name">

                            </div>


                            <div>
                                <h6 class="fieldHeading">
                                    Phone Number</h6>
                                <input class="tnp-email" type="number" required="" name="Phone" value=""
                                    placeholder="Enter phone number"><br>
                            </div>
                            <input type="hidden" name="BlogForm" value="BlogForm"><br>
                            <input class="tnp-submit interestedBtn" name="submit" type="submit"
                                value="I am interested!">

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

        </div>
    </div>

</body>

</html>