.elementor-5645 .elementor-element.elementor-element-7cc2c5c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5645 .elementor-element.elementor-element-7cc2c5c:not(.elementor-motion-effects-element-type-background), .elementor-5645 .elementor-element.elementor-element-7cc2c5c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#002147;}.elementor-5645 .elementor-element.elementor-element-f45e563{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-5645 .elementor-element.elementor-element-0094e72{--display:flex;}.elementor-5645 .elementor-element.elementor-element-583d8a7{text-align:start;}.elementor-5645 .elementor-element.elementor-element-f1610b1 .elementor-button{background-color:#E6E0E0;fill:#2E2D7E;color:#2E2D7E;border-radius:20px 20px 20px 20px;}.elementor-5645 .elementor-element.elementor-element-edc40d9 .elementor-heading-title{color:#FFFFFF;}.elementor-5645 .elementor-element.elementor-element-ba24399 .elementor-button{background-color:#333A3E;fill:#FDC801;color:#FDC801;border-radius:20px 20px 20px 20px;}.elementor-5645 .elementor-element.elementor-element-3a5c343{color:#FFFFFF;}.elementor-5645 .elementor-element.elementor-element-17b3ad9 > .elementor-widget-container{background-color:#FFFFFF;}.elementor-5645 .elementor-element.elementor-element-17b3ad9 .swiper-wrapper{display:flex;align-items:center;}.elementor-5645 .elementor-element.elementor-element-17b3ad9 .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-radius:5px 5px 5px 5px;}.elementor-5645 .elementor-element.elementor-element-f8283e4{--display:flex;}.elementor-5645 .elementor-element.elementor-element-50a3369{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-5645 .elementor-element.elementor-element-63c6473 .elementor-icon-box-wrapper{gap:15px;}.elementor-5645 .elementor-element.elementor-element-63c6473 .elementor-icon-box-title{color:#FFFFFF;}.elementor-5645 .elementor-element.elementor-element-63c6473 .elementor-icon-box-description{color:#030101;}.elementor-5645 .elementor-element.elementor-element-2e11e11 .elementor-icon-box-wrapper{gap:15px;}.elementor-5645 .elementor-element.elementor-element-2e11e11 .elementor-icon-box-title{margin-block-end:0px;color:#FDFDFD;}.elementor-5645 .elementor-element.elementor-element-2e11e11 .elementor-icon-box-description{color:#000000;}.elementor-5645 .elementor-element.elementor-element-538cbf1 .elementor-icon-box-wrapper{gap:15px;}.elementor-5645 .elementor-element.elementor-element-538cbf1 .elementor-icon-box-title{color:#FFFFFF;}.elementor-5645 .elementor-element.elementor-element-538cbf1 .elementor-icon-box-description{color:#030202;}.elementor-5645 .elementor-element.elementor-element-9681134 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-5645 .elementor-element.elementor-element-9681134 .elementor-icon-box-wrapper{gap:15px;}.elementor-5645 .elementor-element.elementor-element-9681134 .elementor-icon-box-title{color:#FFFFFF;}.elementor-5645 .elementor-element.elementor-element-9681134 .elementor-icon-box-description{color:#030101;}.elementor-5645 .elementor-element.elementor-element-683a72f .elementor-button{background-color:#FDC801;font-size:16px;word-spacing:0px;fill:#381B1B;color:#381B1B;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);border-radius:10px 10px 10px 10px;padding:17px 160px 17px 160px;}.elementor-5645 .elementor-element.elementor-element-683a72f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-5645 .elementor-element.elementor-element-683a72f.elementor-element{--flex-grow:1;--flex-shrink:1;}.elementor-5645 .elementor-element.elementor-element-50674f3{--display:flex;--border-radius:20px 20px 20px 20px;}.elementor-5645 .elementor-element.elementor-element-50674f3:not(.elementor-motion-effects-element-type-background), .elementor-5645 .elementor-element.elementor-element-50674f3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F7;}.elementor-5645 .elementor-element.elementor-element-ca40171 > .elementor-widget-container{border-radius:10px 10px 10px 10px;}.elementor-5645 .elementor-element.elementor-element-295c19a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5645 .elementor-element.elementor-element-295c19a:not(.elementor-motion-effects-element-type-background), .elementor-5645 .elementor-element.elementor-element-295c19a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-5645 .elementor-element.elementor-element-aa81784 > .elementor-widget-container{padding:13px 0px 0px 0px;}.elementor-5645 .elementor-element.elementor-element-aa81784{text-align:center;font-size:20px;}.elementor-5645 .elementor-element.elementor-element-1575162{text-align:center;}.elementor-5645 .elementor-element.elementor-element-f1e2b9c{--display:flex;}.elementor-5645 .elementor-element.elementor-element-5d30f43{--display:grid;--min-height:150px;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-5645 .elementor-element.elementor-element-483178a .elementor-icon-box-wrapper{text-align:center;}.elementor-5645 .elementor-element.elementor-element-483178a .elementor-icon-box-title, .elementor-5645 .elementor-element.elementor-element-483178a .elementor-icon-box-title a{font-size:40px;}.elementor-5645 .elementor-element.elementor-element-4840b3a .elementor-icon-box-title, .elementor-5645 .elementor-element.elementor-element-4840b3a .elementor-icon-box-title a{font-size:40px;}.elementor-5645 .elementor-element.elementor-element-cf7871c .elementor-icon-box-title, .elementor-5645 .elementor-element.elementor-element-cf7871c .elementor-icon-box-title a{font-size:40px;}.elementor-5645 .elementor-element.elementor-element-06bc395{--display:flex;}.elementor-5645 .elementor-element.elementor-element-ac28773{--display:flex;}.elementor-5645 .elementor-element.elementor-element-b7e827b.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-5645 .elementor-element.elementor-element-b7e827b .elementor-swiper-button{font-size:20px;}.elementor-5645 .elementor-element.elementor-element-1a40436 .elementor-button{background-color:#FDC801;fill:#341B1B;color:#341B1B;border-radius:10px 10px 10px 10px;}.elementor-5645 .elementor-element.elementor-element-05f243b{text-align:center;}.elementor-5645 .elementor-element.elementor-element-b94afc4{--e-image-carousel-slides-to-show:6;}.elementor-5645 .elementor-element.elementor-element-37e2444{--e-image-carousel-slides-to-show:6;}.elementor-5645 .elementor-element.elementor-element-1b84855{--display:flex;--border-radius:20px 20px 20px 20px;}.elementor-5645 .elementor-element.elementor-element-1b84855:not(.elementor-motion-effects-element-type-background), .elementor-5645 .elementor-element.elementor-element-1b84855 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#002147;}.elementor-5645 .elementor-element.elementor-element-5ad370b > .elementor-widget-container{margin:17px 0px 0px 0px;}.elementor-5645 .elementor-element.elementor-element-5ad370b{text-align:center;}.elementor-5645 .elementor-element.elementor-element-5ad370b .elementor-heading-title{color:#FFFFFF;}.elementor-5645 .elementor-element.elementor-element-1da7c5a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-5645 .elementor-element.elementor-element-1da7c5a{text-align:center;color:#D8C0C0;}.elementor-5645 .elementor-element.elementor-element-9396df8 .elementor-button{background-color:#FDC801;fill:#080404;color:#080404;border-radius:10px 10px 10px 10px;}.elementor-5645 .elementor-element.elementor-element-5b8e5bf{--display:flex;}.elementor-5645 .elementor-element.elementor-element-5e92d19{--display:flex;}.elementor-5645 .elementor-element.elementor-element-4d4b8eb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5645 .elementor-element.elementor-element-3018cf1{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-5645 .elementor-element.elementor-element-ccdc712{--display:flex;}.elementor-5645 .elementor-element.elementor-element-aebc550{--display:flex;}.elementor-5645 .elementor-element.elementor-element-ae0b22f{--display:flex;}.elementor-5645 .elementor-element.elementor-element-d1c916f{--display:flex;}.elementor-5645 .elementor-element.elementor-element-eaa30d1{--display:flex;}.elementor-5645 .elementor-element.elementor-element-00b560c{--display:flex;}.elementor-5645 .elementor-element.elementor-element-34ed01a{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}.elementor-5645 .elementor-element.elementor-element-2171322 .elementor-button{background-color:#EC2F27;fill:#F3EAEA;color:#F3EAEA;border-radius:10px 10px 10px 10px;}.elementor-5645 .elementor-element.elementor-element-0834672{text-align:center;}.elementor-5645 .elementor-element.elementor-element-14afc3f{text-align:center;}.elementor-5645 .elementor-element.elementor-element-8aa1302{--display:flex;}.elementor-5645 .elementor-element.elementor-element-5b5a5f8{--e-image-carousel-slides-to-show:6;}.elementor-5645 .elementor-element.elementor-element-1980b04{--e-image-carousel-slides-to-show:6;}@media(min-width:768px){.elementor-5645 .elementor-element.elementor-element-f8283e4{--width:100%;}.elementor-5645 .elementor-element.elementor-element-5d30f43{--width:100%;}}@media(max-width:1024px){.elementor-5645 .elementor-element.elementor-element-f45e563{--grid-auto-flow:row;}.elementor-5645 .elementor-element.elementor-element-50a3369{--grid-auto-flow:row;}.elementor-5645 .elementor-element.elementor-element-5d30f43{--grid-auto-flow:row;}.elementor-5645 .elementor-element.elementor-element-b7e827b.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-5645 .elementor-element.elementor-element-3018cf1{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-5645 .elementor-element.elementor-element-f45e563{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-5645 .elementor-element.elementor-element-50a3369{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-5645 .elementor-element.elementor-element-5d30f43{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-5645 .elementor-element.elementor-element-b7e827b.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-5645 .elementor-element.elementor-element-3018cf1{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for wpforms, class: .elementor-element-ca40171 */<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>100% Placement Guarantee</title>
<link href="https://fonts.googleapis.com/css2?family=Syne:wght@700;800&family=DM+Sans:wght@400;500;600&display=swap" rel="stylesheet">
<style>
  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

  body {
    background: #e8edf5;
    font-family: 'DM Sans', sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
  }

  .card {
    background: #ffffff;
    border-radius: 18px;
    width: 437.325px;
    height: 915.2px;
    padding: 48px 36px 40px;
    box-shadow: 0 6px 30px rgba(0,0,0,0.1);
    position: relative;
    display: flex;
    flex-direction: column;
  }

  .top-block {
    text-align: center;
    margin-bottom: 28px;
  }

  .lpa-line {
    font-family: 'Syne', sans-serif;
    font-size: 24px;
    font-weight: 800;
    color: #0d1b3e;
    margin-bottom: 6px;
  }

  .guarantee-line {
    font-family: 'Syne', sans-serif;
    font-size: 22px;
    font-weight: 800;
    color: #f5a800;
    margin-bottom: 18px;
  }

  .sub-text {
    font-size: 14px;
    color: #6b7a99;
    line-height: 1.65;
    padding: 0 10px;
  }

  .form-area {
    margin-top: 30px;
  }

  .field {
    margin-bottom: 16px;
  }

  .field input {
    width: 100%;
    border: 1.5px solid #d4d9e8;
    border-radius: 10px;
    padding: 16px 18px;
    font-family: 'DM Sans', sans-serif;
    font-size: 15px;
    color: #0d1b3e;
    background: #fff;
    outline: none;
    transition: border-color 0.2s, box-shadow 0.2s;
  }
  .field input::placeholder { color: #aab0c6; }
  .field input:focus {
    border-color: #f5a800;
    box-shadow: 0 0 0 3px rgba(245,168,0,0.1);
  }

  .phone-row { display: flex; }
  .prefix-box {
    border: 1.5px solid #d4d9e8;
    border-right: none;
    border-radius: 10px 0 0 10px;
    padding: 16px 14px;
    font-size: 15px;
    font-weight: 500;
    color: #0d1b3e;
    background: #f7f9ff;
    display: flex;
    align-items: center;
    gap: 4px;
    white-space: nowrap;
    cursor: pointer;
    font-family: 'DM Sans', sans-serif;
  }
  .prefix-box .arr { font-size: 9px; color: #aab0c6; }
  .phone-row input {
    border-radius: 0 10px 10px 0 !important;
    flex: 1;
  }

  .cta-btn {
    width: 100%;
    background: #f5c518;
    color: #0d1b3e;
    border: none;
    border-radius: 10px;
    padding: 17px;
    font-family: 'Syne', sans-serif;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 0.09em;
    text-transform: uppercase;
    cursor: pointer;
    margin-top: 18px;
    transition: background 0.15s, transform 0.15s, box-shadow 0.15s;
    box-shadow: 0 3px 14px rgba(245,197,24,0.35);
  }
  .cta-btn:hover {
    background: #ffd31a;
    transform: translateY(-1px);
    box-shadow: 0 6px 20px rgba(245,197,24,0.4);
  }
  .cta-btn:active { transform: translateY(0); }

  .feedback-tab {
    position: fixed;
    left: 0;
    bottom: 36px;
    background: #f5c518;
    color: #0d1b3e;
    font-family: 'Syne', sans-serif;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    padding: 10px 11px;
    border-radius: 0 7px 7px 0;
    writing-mode: vertical-lr;
    transform: rotate(180deg);
    cursor: pointer;
    box-shadow: 2px 0 8px rgba(0,0,0,0.1);
    z-index: 100;
  }
</style>
</head>
<body>

<div class="card">
  <div class="top-block">
    <p class="lpa-line">Up to ₹12 LPA Package</p>
    <p class="guarantee-line">100% Placement Guarantee</p>
    <p class="sub-text">Fill out the form below and our experts will
      contact you within 10 minutes</p>
  </div>

  <form class="form-area" onsubmit="handleSubmit(event)">
    <div class="field">
      <input type="email" placeholder="Enter Email Address *" required>
    </div>

    <div class="field">
      <div class="phone-row">
        <div class="prefix-box">+91<span class="arr">▼</span></div>
        <input type="tel" placeholder="Enter Mobile Number *"
          required maxlength="10" pattern="[0-9]{10}">
      </div>
    </div>

    <button type="submit" class="cta-btn">GET YOUR FIRST JOB</button>
  </form>
</div>

<div class="feedback-tab">Feedback</div>

<script>
function handleSubmit(e) {
  e.preventDefault();
  const btn = e.target.querySelector('.cta-btn');
  btn.textContent = '✅ WE WILL CALL YOU!';
  btn.style.background = '#22c55e';
  btn.style.color = '#fff';
  btn.disabled = true;
  setTimeout(() => {
    btn.textContent = 'GET YOUR FIRST JOB';
    btn.style.background = '';
    btn.style.color = '';
    btn.disabled = false;
    e.target.reset();
  }, 3000);
}
</script>

</body>
</html>/* End custom CSS */