body {
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; }

p {
  color: #b3b3b3;
  font-weight: 300; }

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; }

a {
  -webkit-transition: .3s all ease;
  -o-transition: .3s all ease;
  transition: .3s all ease; }
  a, a:hover {
    text-decoration: none !important; }

.content {
  height: 100vh; }

.modal {
  border-radius: 7px;
  overflow: hidden;
  background-color: transparent; }
  .modal .logo a img {
    width: 30px; }
  .modal .modal-content {
    background-color: transparent;
    border: none;
    border-radius: 7px; }
    .modal .modal-content .modal-body {
      border-radius: 7px;
      overflow: hidden;
      background-color: #fff;
      padding-left: 0px;
      padding-right: 0px;
      -webkit-box-shadow: 0 10px 50px -10px rgba(0, 0, 0, 0.9);
      box-shadow: 0 10px 50px -10px rgba(0, 0, 0, 0.9); }
      .modal .modal-content .modal-body h2 {
        font-size: 18px; }
      .modal .modal-content .modal-body p {
        color: #777;
        font-size: 14px; }
      .modal .modal-content .modal-body h3 {
        color: #000;
        font-size: 22px; }
      .modal .modal-content .modal-body .close-btn {
        color: #000; }
      .modal .modal-content .modal-body .promo-img {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%; }
  .modal .cancel {
    color: gray;
    font-size: 14px; }
  .modal .btn-primary {
    padding-top: 10px;
    padding-bottom: 10px; }

.form-control {
  border: transparent;
  border: 1px solid #ccc; }
  .form-control:active, .form-control:focus, .form-control:hover {
    -webkit-box-shadow: none !important;
    box-shadow: none !important; }

.btn {
  border-radius: 4px;
  border: none; }
  .btn:active, .btn:focus {
    outline: none;
    -webkit-box-shadow: none !important;
    box-shadow: none !important; }

.bg-image {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }

.logo img {
  width: 70px; }

.custom-note {
  color: #999; }
  .custom-note a {
    color: #555;
    font-weight: 900 !important; }


    /* Gradient Button */
.gradient-btn {
  background: linear-gradient(270deg, #b92c62ff, #e68b7bd5, #770f0a);
  background-size: 600% 600%;
  color: white;
  padding: 10px 30px;
  border: none;
  border-radius: 50px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.2);
  animation: gradientMove 4s ease infinite;
  transition: transform 0.2s ease;
}
.gradient-btn:hover {
  transform: scale(1.05);
}
@keyframes gradientMove {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

/* Form Styling */
.red-border {
  border: 1px solid #ccc;
  border-radius: 5px;
}
.pl-35 { padding-left: 35px !important; }

/* Responsive Adjustments */
@media (max-width: 767px) {
  .modal-dialog { max-width: 95%; }
  .modal-body .row { flex-direction: column; }
  .modal-body img {
    height: 200px;
    object-fit: cover;
    border-top-left-radius:20px;
    border-top-right-radius:20px;
  }
  .form-box { padding: 20px; }
  .modal-content { border-radius:20px; }
  .gradient-btn { width: 100%; }
}

/* Focus hone par border color change */
  .form-control:focus {
    border-color: #770f0a !important;
    box-shadow: none; /* agar shadow nahi chahiye */
  }
  
    header {
    border: none;         /* kisi bhi border ko remove kare */
    box-shadow: none;     /* agar shadow hai to remove kare */
}
.header-top, .main-menu {
    border: none;
    box-shadow: none;
}