.elementor-18 .elementor-element.elementor-element-c5a61cd{margin-top:-127px;margin-bottom:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-18 .elementor-element.elementor-element-3a5fe4c{text-align:center;}.elementor-18 .elementor-element.elementor-element-6a214c3{background-color:#FFFFFF;text-align:center;}.elementor-18 .elementor-element.elementor-element-2c5a137 > .elementor-background-overlay{background-color:transparent;background-image:linear-gradient(180deg, #BBFF00 0%, #000000B3 100%);opacity:0.5;}.elementor-18 .elementor-element.elementor-element-2c5a137{margin-top:43px;margin-bottom:0px;}.elementor-18 .elementor-element.elementor-element-11699b3f:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-18 .elementor-element.elementor-element-11699b3f > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-18 .elementor-element.elementor-element-11699b3f > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-18 .elementor-element.elementor-element-11699b3f > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-18 .elementor-element.elementor-element-3804833f{width:var( --container-widget-width, 57.199% );max-width:57.199%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 107px;--container-widget-width:57.199%;--container-widget-flex-grow:0;text-align:end;}.elementor-18 .elementor-element.elementor-element-3804833f:not( .elementor-widget-image ), .elementor-18 .elementor-element.elementor-element-3804833f.elementor-widget-image img{-webkit-mask-image:url( https://anshedits.online/wp-content/plugins/elementor/assets/mask-shapes/pill-vertical.svg );-webkit-mask-size:contain;-webkit-mask-position:center center;-webkit-mask-repeat:no-repeat;}.elementor-18 .elementor-element.elementor-element-3804833f img{opacity:1;filter:brightness( 128% ) contrast( 200% ) saturate( 200% ) blur( 0px ) hue-rotate( 360deg );border-style:none;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-18 .elementor-element.elementor-element-18be7235{margin:41px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -20px;}.elementor-18 .elementor-element.elementor-element-18be7235 .elementor-menu-toggle{margin:0 auto;}.elementor-18 .elementor-element.elementor-element-18be7235 .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-weight:600;}.elementor-18 .elementor-element.elementor-element-18be7235 .elementor-nav-menu--main .elementor-item{color:#000000;fill:#000000;}.elementor-18 .elementor-element.elementor-element-18be7235 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-18 .elementor-element.elementor-element-18be7235 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-18 .elementor-element.elementor-element-18be7235 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-18 .elementor-element.elementor-element-18be7235 .elementor-nav-menu--main .elementor-item:focus{color:#000000;fill:#000000;}.elementor-18 .elementor-element.elementor-element-18be7235 .e--pointer-framed .elementor-item:before{border-width:0px;}.elementor-18 .elementor-element.elementor-element-18be7235 .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 0px 0px;}.elementor-18 .elementor-element.elementor-element-18be7235 .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:0px 0px 0 0;}.elementor-18 .elementor-element.elementor-element-18be7235 .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:0px 0 0 0px;}.elementor-18 .elementor-element.elementor-element-18be7235 .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 0px 0px 0;}.elementor-18 .elementor-element.elementor-element-18be7235 .e--pointer-underline .elementor-item:after,
					 .elementor-18 .elementor-element.elementor-element-18be7235 .e--pointer-overline .elementor-item:before,
					 .elementor-18 .elementor-element.elementor-element-18be7235 .e--pointer-double-line .elementor-item:before,
					 .elementor-18 .elementor-element.elementor-element-18be7235 .e--pointer-double-line .elementor-item:after{height:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-18 .elementor-element.elementor-element-53af72ec .elementor-button{background-color:#000000;border-radius:45px 45px 45px 45px;}.elementor-18 .elementor-element.elementor-element-53af72ec{margin:48px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 23px;}.elementor-18 .elementor-element.elementor-element-1e0c343 .elementor-heading-title{color:#000000;}.elementor-18 .elementor-element.elementor-element-1e0c343{color:#FFFFFF;margin-top:-30px;margin-bottom:-30px;}.elementor-18 .elementor-element.elementor-element-cbc3329{margin:-12px -36px calc(var(--kit-widget-spacing, 0px) + -36px) -44px;text-align:center;}.elementor-18 .elementor-element.elementor-element-cbc3329 .elementor-heading-title{font-family:"Risque", Sans-serif;font-size:22px;font-weight:600;color:#000000;}.elementor-18 .elementor-element.elementor-element-cbc3329 .elementor-heading-title a:hover, .elementor-18 .elementor-element.elementor-element-cbc3329 .elementor-heading-title a:focus{color:#000000;}.elementor-18 .elementor-element.elementor-element-d0215b5:not(.elementor-motion-effects-element-type-background), .elementor-18 .elementor-element.elementor-element-d0215b5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;background:url("https://anshedits.online/wp-content/uploads/2026/08/badminton-background-1.png") 50% 50%;background-size:cover;}.elementor-18 .elementor-element.elementor-element-d0215b5{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;color:#000000;margin-top:40px;margin-bottom:40px;}.elementor-18 .elementor-element.elementor-element-d0215b5 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-18 .elementor-element.elementor-element-d0215b5 .elementor-heading-title{color:#FFFFFF;}.elementor-18 .elementor-element.elementor-element-d0215b5 a{color:#FFFFFF;}.elementor-18 .elementor-element.elementor-element-d0215b5 a:hover{color:#000000;}.elementor-18 .elementor-element.elementor-element-db7136c > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:-7px -7px -7px -7px;--e-column-margin-right:-7px;--e-column-margin-left:-7px;}.elementor-18 .elementor-element.elementor-element-db7136c > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-18 .elementor-element.elementor-element-5d07694{width:var( --container-widget-width, 121.667% );max-width:121.667%;--e-transform-translateX:24px;--e-transform-translateY:0px;margin:89px -3px calc(var(--kit-widget-spacing, 0px) + 4px) 5px;--container-widget-width:121.667%;--container-widget-flex-grow:0;}.elementor-18 .elementor-element.elementor-element-5d07694 .elementor-heading-title{font-family:"Bebas Neue", Sans-serif;font-size:36px;font-weight:600;font-style:normal;-webkit-text-stroke-color:#000;stroke:#000;color:#F1F0F0;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-18 .elementor-element.elementor-element-1fd17d1{margin:82px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 228px;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-18 .elementor-element.elementor-element-1fd17d1 .elementor-icon-list-icon i{color:#FFFFFF;transition:color 0.3s;}.elementor-18 .elementor-element.elementor-element-1fd17d1 .elementor-icon-list-icon svg{fill:#FFFFFF;transition:fill 0.3s;}.elementor-18 .elementor-element.elementor-element-1fd17d1 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-18 .elementor-element.elementor-element-1fd17d1 .elementor-icon-list-item > a{font-family:"Roboto", Sans-serif;font-size:26px;font-weight:400;}.elementor-18 .elementor-element.elementor-element-1fd17d1 .elementor-icon-list-text{text-shadow:0px 0px 27px rgba(0,0,0,0.3);color:#FFFFFF;transition:color 0.3s;}.elementor-18 .elementor-element.elementor-element-3fd13da{width:initial;max-width:initial;margin:54px -1px calc(var(--kit-widget-spacing, 0px) + -1px) -27px;}.elementor-18 .elementor-element.elementor-element-f8dd70f{margin-top:-87px;margin-bottom:0px;}.elementor-18 .elementor-element.elementor-element-72c0122{margin:-12px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-18 .elementor-element.elementor-element-4e6f904{--e-transform-scale:0.7;margin:-14px -14px calc(var(--kit-widget-spacing, 0px) + -14px) 108px;text-align:start;}.elementor-18 .elementor-element.elementor-element-4e6f904 .elementor-heading-title{font-family:"Oswald", Sans-serif;font-size:49px;font-weight:600;color:#FFFEFFE6;}.elementor-18 .elementor-element.elementor-element-e7967f2{width:var( --container-widget-width, 56.993% );max-width:56.993%;margin:-64px -24px calc(var(--kit-widget-spacing, 0px) + 0px) 176px;--container-widget-width:56.993%;--container-widget-flex-grow:0;text-align:start;}.elementor-18 .elementor-element.elementor-element-e7967f2 .elementor-heading-title{font-family:"Oswald", Sans-serif;font-size:25px;font-weight:600;text-transform:capitalize;color:#FFF4F4;}.elementor-18 .elementor-element.elementor-element-dec145f .elementor-button{background-color:#FFFFFF;fill:#000000;color:#000000;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);}.elementor-18 .elementor-element.elementor-element-dec145f{width:var( --container-widget-width, 26.163% );max-width:26.163%;margin:22px 11px calc(var(--kit-widget-spacing, 0px) + 0px) 271px;--container-widget-width:26.163%;--container-widget-flex-grow:0;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-18 .elementor-element.elementor-element-6691990{width:var( --container-widget-width, 8.754% );max-width:8.754%;margin:19px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -7px;padding:3px 0px 0px 0px;--container-widget-width:8.754%;--container-widget-flex-grow:0;border-radius:-7px -7px -7px -7px;}.elementor-18 .elementor-element.elementor-element-6691990 .elementor-icon-wrapper{text-align:center;}.elementor-18 .elementor-element.elementor-element-6691990.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-18 .elementor-element.elementor-element-6691990.elementor-view-framed .elementor-icon, .elementor-18 .elementor-element.elementor-element-6691990.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-18 .elementor-element.elementor-element-6691990.elementor-view-framed .elementor-icon, .elementor-18 .elementor-element.elementor-element-6691990.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-18 .elementor-element.elementor-element-6691990 .elementor-icon{font-size:41px;}.elementor-18 .elementor-element.elementor-element-6691990 .elementor-icon svg{height:41px;}.elementor-18 .elementor-element.elementor-element-4edaeef{margin:-58px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-18 .elementor-element.elementor-element-11699b3f{width:23.684%;}.elementor-18 .elementor-element.elementor-element-2fd3c12a{width:51.229%;}.elementor-18 .elementor-element.elementor-element-c1075f1{width:52.105%;}.elementor-18 .elementor-element.elementor-element-2505bc2{width:47.851%;}}/* Start custom CSS for button, class: .elementor-element-53af72ec */<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<style>

/* HERO / BACKGROUND */
.hero-section {
    position: relative;
    width: 100%;
    min-height: 650px;

    background:
        linear-gradient(
            rgba(0,0,0,0.15),
            rgba(0,0,0,0.15)
        ),
        url("YOUR-BACKGROUND-IMAGE.jpg");

    background-size: cover;
    background-position: center;
    border-radius: 30px;
    overflow: hidden;
}


/* =========================
   GLASS NAVBAR
========================= */

.glass-navbar {

    position: absolute;
    top: 30px;
    left: 50%;
    transform: translateX(-50%);

    width: calc(100% - 70px);
    max-width: 1400px;

    min-height: 105px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    padding: 20px 28px;

    /* GLASS EFFECT */
    background: rgba(255, 255, 255, 0.16);

    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);

    /* GLASS BORDER */
    border: 1px solid rgba(255, 255, 255, 0.22);

    /* ROUND CORNERS */
    border-radius: 22px;

    /* SOFT SHADOW */
    box-shadow:
        0 8px 35px rgba(0, 0, 0, 0.15),
        inset 0 1px 1px rgba(255, 255, 255, 0.25);

    z-index: 1000;
}


/* LOGO */

.logo {
    display: flex;
    align-items: center;
    gap: 12px;

    color: white;
    text-decoration: none;

    font-size: 27px;
    font-weight: 800;
}


/* NAVIGATION */

.nav-menu {
    display: flex;
    align-items: center;
    gap: 35px;
}

.nav-menu a {

    color: white;

    text-decoration: none;

    font-size: 17px;
    font-weight: 600;

    transition: 0.3s ease;
}

.nav-menu a:hover {
    color: #c8ff00;
}


/* ACTIVE LINK */

.nav-menu a.active {
    color: #c8ff00;
}


/* JOIN BUTTON */

.join-btn {

    display: flex;
    align-items: center;
    gap: 15px;

    padding: 14px 18px 14px 25px;

    background: #c8ff00;

    color: #111;

    border-radius: 50px;

    text-decoration: none;

    font-size: 16px;
    font-weight: 700;

    transition: 0.3s ease;
}

.join-btn span {

    width: 42px;
    height: 42px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #000;

    color: white;

    border-radius: 50%;

    font-size: 22px;
}

.join-btn:hover {
    transform: translateY(-3px);

    box-shadow:
        0 10px 25px rgba(200,255,0,0.35);
}


/* MOBILE */

@media (max-width: 900px) {

    .glass-navbar {
        width: calc(100% - 30px);
        min-height: 75px;
        padding: 15px 20px;
    }

    .nav-menu {
        display: none;
    }

    .logo {
        font-size: 20px;
    }

    .join-btn {
        padding: 10px 12px 10px 18px;
        font-size: 14px;
    }

    .join-btn span {
        width: 35px;
        height: 35px;
    }
}

</style>
</head>


<body>


<section class="hero-section">

    <!-- GLASS HEADER -->

    <header class="glass-navbar">

        <a href="#" class="logo">
            🏸 VISHAL
            <span>BADMINTON</span>
        </a>


        <nav class="nav-menu">

            <a href="#" class="active">Home</a>

            <a href="#">About Us</a>

            <a href="#">Training</a>

            <a href="#">Coaches</a>

            <a href="#">Tournaments</a>

            <a href="#">Contact Us</a>

        </nav>


        <a href="#" class="join-btn">

            Join The Academy

            <span>↗</span>

        </a>

    </header>


    <!-- HERO CONTENT -->

    <div style="
        position:absolute;
        top:50%;
        left:50%;
        transform:translate(-50%,-50%);
        text-align:center;
        color:white;
        width:90%;
    ">

        <h1 style="
            font-size:clamp(45px,7vw,90px);
            margin:0;
            font-weight:800;
        ">
            Play. Train. Win.
        </h1>

        <p style="
            font-size:20px;
            margin-top:15px;
        ">
            Train like a champion with Vishal Badminton Academy
        </p>

    </div>

</section>


</body>
</html>/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-dec145f */anshedits.online/book-court/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-6691990 */<div id="vba-booking">
  <div class="booking-card">

    <h1>🏸 Book Your Badminton Court</h1>
    <p class="subtitle">Vishal Badminton Academy • MLA Sports Complex</p>

    <div class="price">₹300 <span>/ hour / court</span></div>

    <label>Select Date</label>
    <input type="date" id="bookingDate">

    <label>Select Court</label>
    <select id="court">
      <option value="Court 1">Court 1</option>
      <option value="Court 2">Court 2</option>
      <option value="Court 3">Court 3</option>
      <option value="Court 4">Court 4</option>
    </select>

    <label>Select Time</label>
    <select id="time">
      <option value="">Select Time Slot</option>
      <option>6:00 AM - 7:00 AM</option>
      <option>7:00 AM - 8:00 AM</option>
      <option>8:00 AM - 9:00 AM</option>
      <option>9:00 AM - 10:00 AM</option>
      <option>10:00 AM - 11:00 AM</option>
      <option>11:00 AM - 12:00 PM</option>
      <option>12:00 PM - 1:00 PM</option>
      <option>1:00 PM - 2:00 PM</option>
      <option>2:00 PM - 3:00 PM</option>
      <option>3:00 PM - 4:00 PM</option>
      <option>4:00 PM - 5:00 PM</option>
      <option>5:00 PM - 6:00 PM</option>
      <option>6:00 PM - 7:00 PM</option>
      <option>7:00 PM - 8:00 PM</option>
      <option>8:00 PM - 9:00 PM</option>
      <option>9:00 PM - 10:00 PM</option>
    </select>

    <label>Your Name</label>
    <input type="text" id="name" placeholder="Enter your name">

    <label>Mobile Number</label>
    <input type="tel" id="phone" placeholder="Enter mobile number">

    <button onclick="confirmBooking()">CONFIRM BOOKING</button>

    <div id="confirmation"></div>

  </div>
</div>

<style>
#vba-booking {
  min-height: 100vh;
  padding: 50px 20px;
  display: flex;
  justify-content: center;
  align-items: center;

  background:
    linear-gradient(rgba(0,0,0,.65),rgba(0,0,0,.65)),
    url("http://anshedits.online/wp-content/uploads/2026/08/Badminton_arena_with_players_tra…_202606051401.mp4");

  background-size: cover;
  background-position: center;
  font-family: Arial, sans-serif;
}

.booking-card {
  width: 100%;
  max-width: 500px;
  padding: 35px;
  border-radius: 25px;

  background: rgba(255,255,255,.15);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);

  border: 1px solid rgba(255,255,255,.3);
  box-shadow: 0 20px 50px rgba(0,0,0,.35);
  color: white;
}

.booking-card h1 {
  text-align: center;
  margin-bottom: 8px;
  font-size: 30px;
}

.subtitle {
  text-align: center;
  opacity: .85;
}

.price {
  text-align: center;
  font-size: 32px;
  font-weight: bold;
  margin: 20px 0;
}

.price span {
  font-size: 15px;
  font-weight: normal;
}

.booking-card label {
  display: block;
  margin-top: 16px;
  margin-bottom: 7px;
  font-weight: bold;
}

.booking-card input,
.booking-card select {
  width: 100%;
  padding: 13px;
  border-radius: 10px;
  border: none;
  box-sizing: border-box;
  font-size: 15px;
}

.booking-card button {
  width: 100%;
  margin-top: 25px;
  padding: 15px;
  border: none;
  border-radius: 12px;
  background: #ffffff;
  color: #111;
  font-size: 17px;
  font-weight: bold;
  cursor: pointer;
}

.booking-card button:hover {
  transform: scale(1.02);
}

#confirmation {
  margin-top: 20px;
  padding: 15px;
  border-radius: 12px;
  background: rgba(0,0,0,.35);
  display: none;
}
</style>

<script>
function confirmBooking() {

  const date = document.getElementById("bookingDate").value;
  const court = document.getElementById("court").value;
  const time = document.getElementById("time").value;
  const name = document.getElementById("name").value;
  const phone = document.getElementById("phone").value;

  if (!date || !time || !name || !phone) {
    alert("Please fill all details.");
    return;
  }

  const confirmation = document.getElementById("confirmation");

  confirmation.style.display = "block";

  confirmation.innerHTML = `
    <strong>✅ Booking Request Confirmed</strong><br><br>
    Name: ${name}<br>
    Mobile: ${phone}<br>
    Date: ${date}<br>
    Court: ${court}<br>
    Time: ${time}<br>
    Amount: ₹300
  `;
}
</script>/* End custom CSS */