failed to send message

Hello, I failed to submit this form. When I clicked the Submit button, it shows nothing !
I mean, no error no message !

How can i solve this ?

here is my code

<style>
.appheader {
    background-color:#2196F3;
    color:white;
    font-weight: bold;
    text-align:center;
    padding:25px;
}
</style>

<br><br>
<div class="appheader">Personal Information</div>
<br><br>	

	 <strong>
	 Your Name<font color=red>*</font>
	 </strong>
     [text* Applicant-Name placeholder "Your Full Name"]

<div class="customtable" cellpadding="0" cellspacing="0">
    <div class="customrow">
        <div class="customcolumn">

	 <strong>
	 Name of Bride<font color=red>*</font>
	 </strong>
     [text* Bride-Name placeholder "Full Name of Bride"]

        </div>
        <div class="customcolumn2">
        <p>
		<strong>
	    Facebook ID<br />
	    </strong>
        [text Facebook placeholder "Facebook Name/Username"]</p>
        </div>

    </div>
	<div class="customrow">
        <div class="customcolumn">

	 <strong>
	 Name of Groom<font color=red>*</font>
	 </strong>
     [text* Groom-Name placeholder "Full Name of Groom"]

        </div>
        <div class="customcolumn2">
        <p>
		<strong>
	    Facebook ID<br />
	    </strong>
        [text Facebook placeholder "Facebook Name/Username"]</p>
        </div>

    </div>
	<div class="customrow">
        <div class="customcolumn">

	 <strong>
	 Address<font color=red>*</font>
	 </strong>
     [text* Address placeholder "Your Full Address"]

        </div>
        <div class="customcolumn2">
        <p>
		<strong>
	    Email Address<font color=red>*</font>
	    </strong>
        [email* Email-Address placeholder "[email protected]"]
		</p>
        </div>

    </div>
	<div class="customrow">
        <div class="customcolumn">

	 <strong>
	 Contact Number<font color=red>*</font>
	 </strong>
     [tel* Contact-Number placeholder "+8801XXXXXXXXX"]

        </div>
        <div class="customcolumn2">
        <p>
		<strong>
	    Reference<br />
	    </strong>
        [text Reference placeholder "How did you find us ?"]
		</p>
        </div>

    </div>

    </div>
</div>

<br><br>
<div class="appheader">Package Details</div>
<br>

	 <strong>
	 What you need ?<font color=red>*</font>
	 </strong>
     [radio Type-Of-Service default:3 "Photography" "Cinematography" "Both (Photography & Cinematography)"]
	 <hr>
<div class="customtable" cellpadding="0" cellspacing="0">
    <div class="customrow">
        <div class="customcolumn">

	 <strong><br><br>
	 Select Package/Packages
	 </strong>

        </div>
        <div class="customcolumn2">
        <p>
		<strong>
	    Photography<br />
	    </strong>
        [select Photography-Package include_blank "Economy" "Premium" "Standard" "Exclusive"]
		</p>
        </div>
		<div class="customcolumn2">
        <p>
		<strong>
	    Cinematography<br />
	    </strong>
        [select Cinematography-Package include_blank "Economy" "Standard" "Exclusive"]
		</p>
        </div>

    </div>
</div>

<br><br>
<div class="appheader">Event Details</div>
<br>

<div class="customtable" cellpadding="0" cellspacing="0">
    <div class="customrow">
        <div class="customcolumn">

	 <strong>
	 Date of Event<font color=red>*</font>
	 </strong>

        </div>
        <div class="customcolumn2">
        <p>
		<strong>
	    Type of Event<font color=red>*</font>
	    </strong>
        </p>
        </div>
		<div class="customcolumn2">
        <p>
		<strong>
	    Time of Event<font color=red>*</font>
	    </strong>
		</p>
        </div>
		<div class="customcolumn2">
        <p>
		<strong>
	    Place of Event<font color=red>*</font>
	    </strong>
		</p>
        </div>

    </div>

	<div class="customrow">
        <div class="customcolumn">

	 <p>
	 [date* First-Date-of-Event max:2040-12-31 placeholder "DD-MM-YYYY"]
	 </p>

        </div>
        <div class="customcolumn2">
        <p>
	    [select* First-Type-of-Event include_blank "Holud Shondha" "Wedding" "Reception"]
        </p>
        </div>
		<div class="customcolumn2">
        <p>
	    [text* First-Time-of-Event placeholder "5.00pm"]
		</p>
        </div>
		<div class="customcolumn2">
        <p>
	    [text* First-Place-of-Event placeholder "Venue of Event"]
		</p>
        </div>

    </div>

	<div class="customrow">
        <div class="customcolumn">

	 <p>
	 [date Second-Date-of-Event max:2040-12-31 placeholder "DD-MM-YYYY"]
	 </p>

        </div>
        <div class="customcolumn2">
        <p>
	    [select Second-Type-of-Event include_blank "Holud Shondha" "Wedding" "Reception"]
        </p>
        </div>
		<div class="customcolumn2">
        <p>
	    [text Second-Time-of-Event placeholder "5.00pm"]
		</p>
        </div>
		<div class="customcolumn2">
        <p>
	    [text Second-Place-of-Event placeholder "Venue of Event"]
		</p>
        </div>

    </div>

	<div class="customrow">
        <div class="customcolumn">

	 <p>
	 [date Third-Date-of-Event max:2040-12-31 placeholder "DD-MM-YYYY"]
	 </p>

        </div>
        <div class="customcolumn2">
        <p>
	    [select Third-Type-of-Event include_blank "Holud Shondha" "Wedding" "Reception"]
        </p>
        </div>
		<div class="customcolumn2">
        <p>
	    [text Third-Time-of-Event placeholder "5.00pm"]
		</p>
        </div>
		<div class="customcolumn2">
        <p>
	    [text Third-Place-of-Event placeholder "Venue of Event"]
		</p>
        </div>

    </div>

</div>
<br>
[checkbox* checkbox-966 exclusive "I accept the"] terms and conditions
<br>
[submit "Make an Appoinment"]

here is my custom css

.customtable {
    display: table;
    width: 100%;
	padding: 0;

}

.customrow {
    display: table-row;
	padding:5px;
}

.customcolumn {
    display: table-cell;
    width: 25%;
}

.customcolumn2 {
    display: table-cell;
    width: 25%;
	padding:50px;
	padding: 0px 50px;
}

please guys help to solve this problem.

https://www.ads-software.com/plugins/contact-form-7/