body {
      font-family: Arial, sans-serif;
      background: #0d1b2a;
      margin: 0;
      padding: 0;
      text-align: center;
    }
    header {
      background: #0d1b2a;
      color: #fff;
      padding: 40px 20px;
    }
  
    .content {
      padding: 40px 20px;
    }
    .content img {
      max-width: 100%;
      height: auto;
    }
    button {
      padding: 15px 30px;
      background: #007bff;
      color: white;
      border: none;
      font-size: 18px;
      border-radius: 5px;
      cursor: pointer;
    }

    .form-popup {
      position: fixed;
      top: -100%;
      left: 50%;
      transform: translateX(-50%);
      width: 90%;
      max-width: 400px;
      background: white;
      box-shadow: 0 4px 10px rgba(0,0,0,0.3);
      padding: 20px;
      z-index: 1000;
      transition: top 0.5s ease-in-out;
    }

    .form-popup.active {
      top: 10%;
    }

    .form-popup input {
      width: 100%;
      padding: 10px;
      margin: 10px 0;
      font-size: 16px;
    }

    .form-popup .submit-btn {
      background: green;
      color: white;
    }

    .overlay {
      position: fixed;
      display: none;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0,0,0,0.5);
      z-index: 999;
    }

    .overlay.active {
      display: block;
    }
    
    @media screen and (min-width: 480px) {
 .images img{
               height: 53vh;

    }
    .head{
        display: flex;
    justify-content: space-between;
   padding: 7px 22px;
    align-items: center;
    }
    .sign{
               text-decoration: none;
        background: yellow;
        padding: 20px 24px;
        font-size: 34px;
        border-radius: 13px;
    }
    .mainhead{
              position: relative;
        font-size: 68px;
        font-family: "Playfair Display", serif;
        color: white;
        top: -142px;
        letter-spacing: 4px;
        margin-bottom: -77px;
    }
    .mainhead span{
               font-size: 76px;
        text-transform: uppercase;
        color: #bd6464;
        letter-spacing: 8px;
        font-family: "Roboto", sans-serif;
        font-weight: 400;
        text-align: center;
    }
    .logo{
    width: 527px;
    }
    .content{
      padding: 40px;
    }
    .content img{
margin: 23px 0px;
    }
    .conhead h3{
     background: yellow;
        padding: 21px;
        font-size: 41px;
        font-family: "Roboto", sans-serif;
        font-weight: 500;
        border-radius: 15px;
    }
    .downbtn{
           background: yellow;
        padding: 21px 125px;
        font-size: 41px;
        font-family: "Roboto", sans-serif;
        font-weight: 600;
        border-radius: 15px;
        text-decoration: none;
        color: black;
        margin: 0px 20px;
    }
    .para{
                position: relative;
        color: white;
        font-family: "Roboto", sans-serif;
        padding: 25px 42px;
        font-size: 41px;
        top: -75px;
    }
     .para2{
                        position: relative;
        color: white;
        font-family: "Roboto", sans-serif;
        padding: 0px 42px;
        font-size: 43px;
        text-align: left;
        line-height: 81px;
        font-weight: 400;
    }
    .paraa{
      position: relative;
        color: white;
        font-family: "Roboto", sans-serif;
        padding: 25px 42px;
        font-size: 45px;
        text-align: justify;
        font-weight: 300;
    }
    .fnq{
          padding: 43px;
    }
    .ques{
      font-size: 37px !important;
    }
    .ans{
          font-size: 30px;

    }
    .fnqqq{
      margin: 72px 0px;
    }
    .seccont img{
      margin: 81px 0px;
    width: 905px;
    }
        .modal-dialog {
        /* max-width: var(--bs-modal-width); */
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
    .modal-content {
    left: 131px !important;
    top: 567px !important;
   
    width: 700px !important;
    }
    .headsss{
      font-size: 29px !important;
        font-family: "Roboto", sans-serif !important;

    }.form-control{
        font-family: "Roboto", sans-serif;
font-size: 34px !important;
      background-color: black;
    }
            .footer {
        height: 106px;
        background: #02021c;
        margin-top: -46px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .footer-text {
        font-size: 34px;
        font-family: "Playfair Display", serif;
        color: white;
        text-align: center;
    }
    .footer-text a{
       text-decoration: none;
        color: white;
       font-weight: 200;
    }
}