body {
      margin: 0;
      padding: 0;
      height: 100vh;
      
      color: #fff; /* Set text color to white for better visibility */
      position: relative;
     

    }

    .logo-main
    {
      position: fixed; 
      top: 20px;
    }
    .vapp-below
    {
      font-size: 16px; 
      font-family: system-ui;
    }

    .build-card{
      border: 1px solid rgb(53, 135, 190); 
      margin-top: 200px;
    }



    /* build registration page start */
    .build_form{
      overflow-y: scroll;
      overflow-x: hidden;
      height: 230px;
    }

    .event_form
    {
      overflow-y: scroll;
      overflow-x: hidden;
      height: 230px;
    }
    .vapp_form
    {
      overflow-y: scroll;
      overflow-x: hidden;
      height: 230px;
    }



    /* build registration page end */
    .logo_img
    {
     
      position: relative;
      top: 80px;
    }


/* rewrite css style start */
.table
{
  --bs-table-bg:none;
}


/* rewrite css style end */


/* Elements design start */

/* element in build registration start*/
.camel-build
{
  width: 10%;
  height: 20%;
  position: absolute;
  top: 76%;
  right: 9%;
  z-index: 3;
}
.hand-build
{
  width: 20%;
  height: 38%;
  position: absolute;
  right: 70%;
  top: 50%;
  z-index: 1;
}
.astro-build
{
  width: 13%;
  height: 30%;
  position: absolute;
  top: 4%;
  right: 28%;
  z-index: 1;
}
.card
{
  z-index: 2;
  position: relative;
}



/* element in  build registration end*/


.hand
{
  width: 40%;
height: 60%;
position: absolute;
top: 58%;
right:70%;
z-index: 1;
}
.camel
{
  width: 25%;
  height: 38%;
  position: absolute;
  top: 46%;
  left: 84%;
  z-index: 1;
}
.astro
{
  width: 36%;
  height: 45%;
  position: absolute;
  bottom: 77%;
  left: 70%;
  z-index: 1;
}



@media (min-width: 1441px) and (max-width: 2600.98px) { 
  .build_form
  {
    height: 400px !important;
  }

.hand
{
  top: 55%;
  right: 65%;
}
.camel
{
  top: 46%;
  left: 79% !important;

}
.astro
{
  width: 33%;
}

 }

 @media (min-width: 1400px) and (max-width: 1440px) { 

  .hand
  {
    top: 55%;
    right: 65%;
}
  
  .camel
{
  top: 46%;
    left: 79%;
}
   }


   @media (min-width: 431px) and (max-width:550px) { 
    .rst_button
    {
      font-size: 12px !important;
    }
    .evnt_button
    {
      font-size: 12px !important;
    }
    .blk_button
    {
      font-size: 12px !important;
    }
    .bulk-img
    {
      display: none;
    }
    .build-card{
      border: 1px solid rgb(53, 135, 190); 
      margin-top: 140px !important;
    }

    .build_pass
    {
      font-size: 18px !important;
    }
    .build_reg
    {
      font-size: 18px !important;
    }
    .build_vapp
    {
      font-size: 18px !important;
      padding-left: 40px !important;
    padding-right: 40px !important;
    }
    .hand
    {
      width: 35%;
      height: 54%;
    }



   }


   @media (min-width: 768px) and (max-width:991px) { 
.astro
{
  bottom: 82%;
  left: 83%;
  width: 35%;
  height: 41%;
}
.camel
{
  top: 46%;
  left: 97%;

}
.hand
{
  top: 56%;
    right: 81%;
}

    .build_pass
    {
      font-size: 20px !important;
    }
    .build_reg
    {
      font-size: 20px !important;
    }
    .build_vapp
    {
      font-size: 20px !important;
    }

   }

   @media (min-width: 769px) and (max-width: 1024px) { 

    .hand
    {
      top: 55%;
      right:80%;
    }
    .camel
    {
      top: 46%;
      left: 91%;
    }
     }
     @media (min-width: 380px) and (max-width: 430px) { 
      .rst_button
      {
        font-size: 12px !important;
      }
      .evnt_button
      {
        font-size: 12px !important;
      }
      .blk_button
      {
        font-size: 12px !important;
      }
      .build_form
      {
        height: 240px !important;
      }
      .logo-main
      {
        position: fixed; 
        top:auto !important;
      }
      .bulk-img
      {
        display: none;
      }
      .build-card{
        border: 1px solid rgb(53, 135, 190); 
        margin-top: 140px !important;
      }
      .build_pass
      {
        font-size: 18px !important;
      
      }
.build_reg
{
  font-size: 18px !important;
} 
.build_vapp
{
  font-size: 18px !important;
  padding-left: 40px !important;
    padding-right: 40px !important;
}
      .hand
      {
        width: 30%;
        height: 40%;
        top: 70%;
    right: 74%;
      }
      .camel
      {
        width: 16%;
        height: 23%;
        position: absolute;
        top: 54%;
        left: 87%;
      }
       }
       @media (min-width: 250px) and (max-width: 379px) { 
        .rst_button
        {
          font-size: 12px !important;
        }
        .evnt_button
        {
          font-size: 12px !important;
        }
        .blk_button
        {
          font-size: 12px !important;
        }
        .build_form
{
  height: 240px !important;
}
        .logo-main
        {
          position: fixed; 
          top:auto !important;
        }
        .bulk-img
        {
          display: none;
        }
        .vapp-below
        {
          font-size: 12px; 
          font-family: system-ui;
        }
        .build-card{
          border: 1px solid rgb(53, 135, 190); 
          margin-top: 140px !important;
        }
        .build_pass
        {
          font-size: 18px !important;
        
        }
  .build_reg
  {
    font-size: 18px !important;
  } 
  .build_vapp
  {
    font-size: 18px !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
  }

        .hand
        {
          width: 32%;
          height: 40%;
          top: 69%;
          right: 74%;
        }
        .camel
        {
          display: none;
        }
         }


/* elements design end */



/* event success message start */

.evnt_scs_card
{
  margin-top:100px;
  padding:50px; 
  background: rgb(53, 135, 190) !important;
  border-bottom: 5px solid rgb(36, 97, 138);
  border-right: 5px solid rgb(36, 97, 138);

  
}
.build_scs_card
{
  margin-top:100px;
  padding:50px; 
  background: none;
border: none;
}
.vapp_scs_card
{
  margin-top:100px;
  padding:50px; 
  background: rgb(190, 53, 183) !important;
  border-bottom: 5px solid rgb(156, 43, 151);
  border-right: 5px solid rgb(156, 43, 151);
}
.vapp_scs_card h2
{
  color: white;
}
.build_scs_card h2
{
color: white;
}

.evnt_scs_card h2
{
  color: white ;
}

/* event success message end */


  .build_reg
    {
      background-color:white;
      padding: 20px;
      padding-top: 20px;
      padding-bottom: 20px;
      padding-left: 10px;
      padding-right: 10px;
      font-size: 25px;
      width: 100%;
      border: 4px solid #c7c7c7;
      border-radius: 30px;   
      color: black;
      text-align: center;      
      margin: 10px;      
      font-weight: bold;
    }
.build_pass
{
  background-color:white;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 10px;
padding-right: 10px;
  font-size: 25px;
  width: 100%;
  border: 4px solid #c7c7c7;
  border-radius: 30px ;
margin-top: 100px !important;
  color: black;
  text-align: center;

  
  margin: 10px;

  font-weight: bold;
}

.build_vapp
{
  background-color: white;

  padding-left: 50px;
  padding-right: 50px;
  padding-top: 10px;
  font-size: 25px;
  width: 100%;
  border: 4px solid #c7c7c7;
  border-radius: 30px;
  color: black;
  text-align: center;
  margin: 10px;
  font-weight: bold;
}
.build_vapp:hover{

  cursor: pointer;
}


.build_reg:hover
{

  cursor: pointer;
}
.build_pass:hover
{

  cursor: pointer;
}



/* motn 2023 style start */

.footer_img
{
  z-index: 1000; 
  position: absolute; 
  width: 100%; 
  height: 120px;
}


.card-head{
  background-color: white; 
  padding: 10px;
  border-radius: 10px;
}
.buildcard-head
{
  background-color: white; 
  padding: 10px;
  border-radius: 10px;
}
.vappcard-head
{
  background-color: white; 
  padding: 10px;
  border-radius: 10px;
}

.event_form .form-control 
{
  border: 1px solid rgba(53, 135, 190, 0.705);
  border-bottom: 3px solid rgba(53, 135, 190, 0.342);
  font-family: 'Mont', sans-serif;
}
.event_form .form-select
{
  border: 1px solid rgba(53, 135, 190, 0.705);
  border-bottom: 3px solid rgba(53, 135, 190, 0.342);
  font-family: 'Mont', sans-serif;
}
.event_form .form-select:focus
{
  box-shadow: none;
  border-bottom: 1px solid rgba(53, 135, 190, 0.705); 
  font-family: 'Mont', sans-serif;
}
.vapp_form .form-control
{
  border: 1px solid rgba(190, 53, 183, 0.788);
  border-bottom: 3px solid rgba(90, 32, 87, 0.678);
  font-family: 'Mont', sans-serif;
}
.vapp_form .form-select
{
  border: 1px solid rgba(190, 53, 183, 0.788);
  border-bottom: 3px solid rgba(90, 32, 87, 0.678);
  font-family: 'Mont', sans-serif;
}
.vapp_form .form-select:focus
{
  box-shadow: none;
  border-bottom: 1px solid rgba(190, 53, 183, 0.788); 
  font-family: 'Mont', sans-serif;
}
.event_form .form-control:focus
{
  box-shadow: none;
  border-bottom: 1px solid rgba(53, 135, 190, 0.705); 
  font-family: 'Mont', sans-serif;
}
.vapp_form .form-control:focus
{
  box-shadow: none;
  border-bottom: 1px solid rgba(190, 53, 183, 0.788); 
  font-family: 'Mont', sans-serif;
}

.build_form .form-control
{
  border: 1px solid  rgb(176, 190, 53);
  border-bottom: 3px solid rgba(176, 190, 53, 0.432);
  font-family: 'Mont', sans-serif;
}
.build_form .form-select
{
  border: 1px solid  rgb(176, 190, 53);
  border-bottom: 3px solid rgba(176, 190, 53, 0.432);
  font-family: 'Mont', sans-serif;
}
.build_form .form-control:focus
{
  box-shadow: none;
  border-bottom: 1px solid  rgb(176, 190, 53); 
  font-family: 'Mont', sans-serif;
}
.build_form .form-select:focus
{
  box-shadow: none;
  border-bottom: 1px solid  rgb(176, 190, 53); 
  font-family: 'Mont', sans-serif;
}


.evnt_button
{
  background-color:  rgb(53, 135, 190);
  border-bottom: 2px solid  rgba(61, 113, 146, 0.685);
  border-left: none;
  border-right: none;
  border-top: none;
  border-radius: 5px;
  width: 100%;
  padding: 10px;
  margin-top: 20px;
  color: white;
}


.event_form,label
{
  margin-top: 5px;
  font-weight: 400;
  font-size: 15px;
}
.vapp_form,label
{
  margin-top: 5px;
  font-weight: 400;
  font-size: 15px;
}
.rst_button
{
  background-color:  rgb(190, 53, 53);
  border-bottom: 2px solid  rgba(161, 78, 78, 0.473);
border-left: none;
border-right: none;
border-top: none;
border-radius: 5px;
  width: 100%;
  padding: 10px;
  margin-top: 20px;
  color: white;
}
.blk_button
{
  background-color:  rgb(63, 63, 63);
  border-bottom: 2px solid  rgba(19, 19, 19, 0.473);
border-left: none;
border-right: none;
border-top: none;
border-radius: 5px;
  width: 100%;
  padding: 10px;
  margin-top: 20px;
  color: white;
}

.evnt_text
{
  font-family: 'Mont', sans-serif;
}
.form-check-input[type=radio]
{
  border: 1px solid black;
}
.radio-inline
{
  font-family: 'Mont', sans-serif;
}
/* motn 2023 style end */



    header {
      width: 100%;
     
      top: 0;
      z-index: 1000;
    }

    .navbar {
      background: transparent;
    }

    .sbt_btn
    {
background-color:rgb(255 255 255 / 46%);
width: 100%;
padding: 10px;
color: white;
border-radius: 10px;
margin-top: 50px;
font-weight: bold;
border: none;

    }

    .sbt_btn:hover
    {
      cursor: pointer;
      background-color:rgb(255 255 255 / 20%);

    }


    .registration {
      z-index: 900; /* Adjust z-index to be below header */
      margin-top: 100px;
    }
    .reg_main
    {
      z-index: 900;
      position:absolute;
      margin-top: 100px;
    }
    .registartion h3{
        color: white;
    }

    .registration_main
    {
    
    }

    .registration .card
{
    padding: 20px;
    margin-top: 50px;
    z-index: 1000;
}

.reg_card
{
  background:transparent !important;
  border: none;
}
    .background-image {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: -webkit-fill-available;
background-size: cover !important;
       /* Add blur effect */
      background: url('../images/motn2024/reg-plain-we.webp') ;

    }


    .reg_background-image
    {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
background-size: cover !important;
       /* Add blur effect */
      background: url('../img/motn24/REgistration-Page-bg.png');
    }

    @media (min-width: 320px) and (max-width: 425px) {
      .rst_button
      {
        font-size: 12px !important;
      }
      .evnt_button
      {
        font-size: 12px !important;
      }
      .blk_button
      {
        font-size: 12px !important;
      }
      .build_form
{
  height: 240px;
}
      .logo-main
      {
        position: fixed; 
        top:auto !important;
      }
      .bulk-img
      {
        display: none;
      }
      .vapp-below
      {
        font-size: 12px; 
        font-family: system-ui;
      }

      .logo_img
      {
        margin-left: 0px;
      }
      .build_reg
{
  font-size: 18px;


 
}
.build_pass
{
  font-size: 18px;

}
.build_vapp
{
  font-size: 18px;

}
.crop_cont p
{
  display: none;
}
.footer_img
{


  height: 80px;
}
      
      
          }
      
          @media (min-width: 426px) and (max-width: 768px) {

            .crop_cont p
{
  display: none !important;
}
          }
      
          /* mobile design end */