/* ----------------------------- */
   /* ------- CONTACT PAGE CSS ----- */
   /* ----------------------------- */

  .contact-section-bg {
    background: url("../images/contact-bg.svg") no-repeat center center/cover;
    padding: 20px 0;
    width: 100%;
}


   .contact-form-box {
       background: rgba(255, 255, 255, 0.03);
       border: 1px solid rgba(255, 255, 255, 0.12);
       border-radius: 14px;
       backdrop-filter: blur(14px);
       padding: 30px;
   }

   .form-control {
       background: rgba(255, 255, 255, 0.05);
       border: 1px solid rgba(255, 255, 255, 0.15);
       color: #fff;
   }

   .form-control:focus {
       background: rgba(255, 255, 255, 0.1);
       border-color: #33e6c2;
       color: #fff;
   }

   .info-label {
       font-size: 19px;
       font-weight: 500;
       margin-bottom: 12px;
       background: linear-gradient(90deg, #3DAAFF -1.26%, #70EA83 17.89%);
       -webkit-background-clip: text;
       -webkit-text-fill-color: transparent;
       background-clip: text;
       /* added for better browser support */
   }


   .contact-sub-title {
       font-size: 18px;
   }

   .submit-btn {
       background: rgba(255, 255, 255, 0.08);
       border: 1px solid rgba(255, 255, 255, 0.15);
       color: #fff;
       width: 100%;
       padding: 12px;
       border-radius: 8px;
       transition: 0.3s ease;
   }

   .submit-btn:hover {
       border-color: #3dabff;
       box-shadow: 0 0 15px rgba(60, 224, 168, 0.4);
       color: #3dabff;
   }

   /* Back Button */
   .back-btn {
       color: #ffffff;
       font-weight: 600;
       font-size: 16px;
       display: inline-flex;
       align-items: center;
       gap: 8px;
       padding: 10px 16px;
       background: rgba(255, 255, 255, 0.12);
       border-radius: 8px;
       backdrop-filter: blur(6px);
       text-decoration: none !important;
       transition: all 0.25s ease;
   }

   .back-btn i {
       font-size: 18px;
   }

   .back-btn:hover {
       background: rgba(255, 255, 255, 0.22);
       text-decoration: none !important;
   }

   .margin-align {
       margin-bottom: 5rem;
   }

   /* White placeholder text for all inputs & textareas */
   .form-control::placeholder {
       color: rgba(255, 255, 255, 0.7);
       /* soft white */
   }

   .form-control:-ms-input-placeholder {
       color: rgba(255, 255, 255, 0.7);
   }

   .form-control::-ms-input-placeholder {
       color: rgba(255, 255, 255, 0.7);
   }

   .form-control {

       padding: 9px 0.75rem !important;
   }