<style>
  .top-form {
    position: static;
    bottom: auto;
    right: auto;
  }

  .banner-sec {
    background: rgba(0, 0, 0, .8);
  }
</style>
<section class="banner-sec">

  <img src="assets/images/slide21.jpg">

  <div class="container hm_container" style="position: absolute;
left: 0;
right: 0;
top: 50%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
z-index: 3;">

    <div class="row">

      <div class="col-md-8 col-lg-8 col-sm-6">

        <!--<div class="banner-img">-->

        <!--<img src="assets/images/banner-text.png" class="hidden-xs">

<img src="assets/images/banner-text2.png" class="visible-xs">

-->

        <!--</div>-->
        <div class="banner-content">
          <p itemprop="headline" style="font-size:30px; text-align:center; background-color:#483a3a0f; color:#FFF; font-weight:700;"><span style="color:#02c1ff; ">Gain a firm </span><span style="color:#FFF;"> grounding in understanding</span> <span style="color:#FFF;"> diverse learners</span><span style="color:#02c1ff; "> with special needs</span> </p>


          <!-- <h2 itemprop="headline" style="font-size:31px;"><span style="color:#9F3;">Special</span> Educational<span style="color:#9F3;"> Needs </span>Webinar</h2>-->
          <center>
            <p style="font-size: 16px; padding-top:25px; font-weight: 700; color:#e9e9e9; padding-bottom:17px;">Get trained for Inclusive Classrooms</p>
          </center>


          <div class="row">

            <div class="col-md-6 mt-4">
              <div class="icon-box">
                <i class="ri-store-line"></i>
                <!--<h3 style="color:#fff;">Mode of learning</h3>-->
                <p style="border: 1px solid;
    color: #faf90b; background-color:rgb(189 107 107 / 0%); text-align:center; padding: 10px 20px 10px 20px;""><span style=" font-weight: 700;
                  color: #02c1ff; font-size: 18px;">Mode of learning</span><br><span style="font-size: 15px;
    color: #ffffff;">Live Online Classes, Online Programs</span><br><br></p>
              </div>
            </div>
            <div class="col-md-6 mt-4">
              <div class="icon-box">
                <i class="ri-bar-chart-box-line"></i>
                <!-- <h3 style="color:#fff;">Who can join?</h3>-->
                <p style="border: 1px solid;
    color:#faf90b; background-color:rgb(189 107 107 / 0%); text-align:center; padding: 10px 20px 10px 20px;"><span style="font-weight: 700;
    color: #02c1ff; font-size: 18px;">Who can join?</span><br><span style="font-size: 15px;
    color: #ffffff;">Regular teachers, Inclusive teachers, Shadow teachers, Parents</span></p>
              </div>
            </div>
            <div class="col-md-6 mt-4" style="margin: 23px 0px 0px 0px;">
              <div class="icon-box">
                <i class="ri-calendar-todo-line"></i>
                <!--<h3 style="color:#fff;">Placement & Internship</h3>-->
                <p style="border: 1px solid;
    color:#faf90b; background-color:rgb(189 107 107 / 0%); text-align:center; padding: 15px 20px 10px 20px;"><span style="font-weight: 700;
    color: #02c1ff; font-size: 18px;">Placement & Internship</span><br><span style="font-size: 15px;
    color: #ffffff;">

                    Work as an intern with ACT Training Partners<br></span></p>
              </div>
            </div>

            <div class="col-md-6 mt-4" style="margin: 23px 0px 0px 0px;">
              <div class="icon-box">
                <i class="ri-database-2-line"></i>
                <!-- <h3 style="color:#fff;">International Certification</a></h3>-->
                <!--  <p style="border: 1px solid;
    color:#faf90b; background-color:rgb(189 107 107 / 0%); text-align:center; padding: 10px 20px 10px 20px;""><span style="font-weight: 700;
    color: #97fb34; font-size: 18px;"><span style="font-weight: 700;
    color: #02c1ff; font-size: 18px;">International Certification</span><br><span style="font-size: 15px;
    color: #ffffff">ACT, CPD Certification, UK, NCC Education, UK, CACHE</span></p>-->

                <p style="border: 1px solid;
    color:#faf90b; background-color:rgb(189 107 107 / 0%); text-align:center; padding: 15px 20px 10px 20px;"><span style="font-weight: 700;
    color: #02c1ff; font-size: 18px;">International Certification</span><br><span style="font-size: 15px;
    color: #ffffff;">

                    ACT, CPD Certification, UK, NCC Education, UK<br></span></p>
              </div>
            </div>




          </div>
        </div>
        <center><a href="#news-letters"><button class="btn btn-sm btn-primary visible-lg" style="font-size:17px; background-color:#098bfd; margin-top:30px;"><b>Subscribe to our Newsletter</b></button></a></center>

      </div>

      <!--<img src="assets/images/13.png" class="hidden-xs" style="width:173px;position:absolute;top:218px;left:0px;">-->

      <center><a href="#newsltr"><button class="btn btn-sm btn-primary visible-xs"><b>Subscribe to our Newsletter</b></button></a></center>

      <div class="col-md-4 col-lg-4 col-sm-6">

        <div class="top-form">

          <form name="form1" id="form1" method="POST" style="padding:10px; font-size:13px;">

            <span style="font-size:16px;font-weight:bold;margin-top:10px;">APPLY - SEN COURSE International</span><br>

            <!--<span style="font-size:12px;">Asian College of Teachers</span>-->

            <hr style="border-bottom: 1px dotted #ccc;">

            <div class="form-group"> <!-- Name field -->

              <label class="control-label " for="txtname">Name <span class="asteriskField" style="color:#F00">*</span></label>

              <input class="form-control" id="txtname" name="txtname" type="text" required />

            </div>

            <div class="form-group">

              <label class="control-label" for="subject">Phone Number <span class="asteriskField" style="color:#F00">*</span></label>

              <input class="form-control" id="contact" name="contact" type="text" required />

            </div>

            <div class="form-group">

              <label class="control-label requiredField" for="email">Email <span class="asteriskField" style="color:#F00">*</span></label>

              <input class="form-control" id="email" name="email" type="email" required />

            </div>

            <div class="form-group">

              <label class="control-label" for="country">Country<span class="asteriskField" style="color:#F00">*</span> </label>

              <input class="form-control" id="country" name="country" type="text" required />

            </div>



            <div class="form-group">

              <label class="control-label" for="location">City<span class="asteriskField" style="color:#F00">*</span> </label>

              <input class="form-control" id="location" name="location" type="text" required />

            </div>

            <div class="form-group">

              <label class="control-label " for="cmbCourse">Please select your course<span class="asteriskField" style="color:#F00">*</span></label>


              <select class="form-control" name="cmbCourse" id="cmbCourse" required>

                <option value="">Select Course</option>

                <!--<option value="Special Education">Special Education</option>-->

                <option value="Special Educationl Needs (SEN) Courses - Online">Special Educationl Needs (SEN) Courses - Online </option>

                <option value="Learning Disabilities (LD) Courses - Online">Learning Disabilities (LD) Courses - Online</option>

                <option value="Autism Courses - Online">Autism Courses - Online</option>

                <option value="ADHD Courses - Online">ADHD Courses - Online</option>

                <option value="SEN Course for Parents">SEN Course for Parents</option>

                <option value="Live Online Workshop on SEN">Live Online Workshop on SEN</option>

                <!--   <option value="1 Year Diploma in SEN (Blended)">1 Year Diploma in SEN (Blended)</option>-->



                <option value="SEN Seminar">SEN Seminar</option>

                <!--<option value="SEN Degree Courses">SEN Degree Courses</option>-->
                <option value="B.Ed. in Special Educational Needs">B.Ed. in Special Educational Needs</option>
                <option value="M.Ed. with Special Education">M.Ed. with Special Education</option>
                <option value="M.Ed. with Early Childhood and Special Education">M.Ed. with Early Childhood and Special Education</option>
                <option value="Professional Doctoral Certificate in Education">Professional Doctoral Certificate in Education</option>

              </select>

            </div>

            <div class="form-group">

              <label class="control-label" for="comment">Why are you interested in this course? <span class="asteriskField" style="color:#F00">*</span> </label>

              <textarea class="form-control" name="comment" id="comment" required></textarea>

            </div>

            <center>

              <button type="submit" class="btn btn-primary" name="submit" id="submit" style="font-size:16px;" onClick="SaveData()">SUBMIT</button>

              <input type="hidden" name="txtAction" id="txtAction">

            </center>

          </form>

        </div>

      </div>

    </div>

  </div>

</section>