.elementor-1563 .elementor-element.elementor-element-f15f78c > .elementor-container{max-width:1300px;}.elementor-1563 .elementor-element.elementor-element-b800e3b > .elementor-container{max-width:1300px;}.elementor-1563 .elementor-element.elementor-element-b800e3b{margin-top:70px;margin-bottom:50px;}:root{--page-title-display:none;}/* Start custom CSS for shortcode, class: .elementor-element-8cc99c6 *//* =========================================
   Khayraat Trust - Clean GiveWP Final CSS
   Class: custom562-givewp-donation
========================================= */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700&family=Poppins:wght@400;500;600;700&display=swap');

/* Outer Elementor Widget / Container Box */
body .custom562-givewp-donation {
  font-family: 'Poppins', sans-serif !important;
  border: 1px solid rgba(170,128,82,0.28) !important;
  border-radius: 22px !important;
  padding: 32px !important;
  background: #ffffff !important;
  box-shadow: 0 22px 60px rgba(34,25,18,0.08) !important;
  overflow: hidden !important;
}

/* Remove GiveWP Inner Box Border / Padding */
body .custom562-givewp-donation .give-form,
body .custom562-givewp-donation .give-form-wrap,
body .custom562-givewp-donation form[id*="give-form"] {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-family: 'Poppins', sans-serif !important;
}

/* Form Title / Legend */
body .custom562-givewp-donation .give-form-title,
body .custom562-givewp-donation h2,
body .custom562-givewp-donation legend {
  font-family: 'Playfair Display', serif !important;
  color: #241b15 !important;
  font-size: 34px !important;
  line-height: 1.18 !important;
  font-weight: 700 !important;
  margin: 0 0 18px !important;
  padding: 0 !important;
  border: none !important;
}

/* Labels */
body .custom562-givewp-donation label,
body .custom562-givewp-donation .give-label {
  color: #241b15 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  font-family: 'Poppins', sans-serif !important;
  margin-bottom: 8px !important;
}

/* Fieldsets */
body .custom562-givewp-donation fieldset {
  border: none !important;
  padding: 0 !important;
  margin: 0 0 18px !important;
}

/* Remove Extra Margin From Rows */
body .custom562-givewp-donation .form-row,
body .custom562-givewp-donation .give-section,
body .custom562-givewp-donation .give-form-section {
  margin-bottom: 18px !important;
}

/* =========================================
   Amount Field - No Double Border
========================================= */

/* If GiveWP wraps amount inside give-total-wrap, remove wrapper styling */
body .custom562-givewp-donation .give-total-wrap:has(.give-donation-amount) {
  margin: 0 0 18px 0 !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

/* Main Amount Box */
body .custom562-givewp-donation .give-donation-amount {
  width: 100% !important;
  display: flex !important;
  align-items: stretch !important;
  margin: 0 0 18px 0 !important;
  padding: 0 !important;
  border: 1px solid rgba(170,128,82,0.32) !important;
  border-radius: 16px !important;
  background: #fffaf5 !important;
  overflow: hidden !important;
  box-shadow: none !important;
}

/* Currency Symbol */
body .custom562-givewp-donation .give-currency-symbol {
  width: 58px !important;
  min-width: 58px !important;
  min-height: 60px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background: #AA8052 !important;
  color: #ffffff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 20px !important;
  font-weight: 700 !important;
}

/* Amount Input */
body .custom562-givewp-donation input.give-amount-top,
body .custom562-givewp-donation input#give-amount,
body .custom562-givewp-donation .give-donation-amount input {
  flex: 1 !important;
  width: 100% !important;
  min-height: 60px !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 20px !important;
  border: none !important;
  border-radius: 0 !important;
  background: #fffaf5 !important;
  color: #241b15 !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Amount Focus */
body .custom562-givewp-donation .give-donation-amount:focus-within {
  border-color: #AA8052 !important;
  box-shadow: 0 0 0 4px rgba(170,128,82,0.13) !important;
}

body .custom562-givewp-donation .give-donation-amount:focus-within input {
  background: #ffffff !important;
}

/* =========================================
   Donation Total Styling
========================================= */

/* Donation Total Wrapper */
body .custom562-givewp-donation .give-total-wrap:not(:has(.give-donation-amount)),
body .custom562-givewp-donation .give-final-total-wrap,
body .custom562-givewp-donation .give-donation-total {
  display: inline-flex !important;
  align-items: stretch !important;
  width: auto !important;
  max-width: 100% !important;
  margin: 18px 0 !important;
  padding: 0 !important;
  border: 1px solid rgba(170,128,82,0.32) !important;
  border-radius: 14px !important;
  background: #fffaf5 !important;
  overflow: hidden !important;
  box-shadow: none !important;
  font-family: 'Poppins', sans-serif !important;
}

/* Donation Total Label */
body .custom562-givewp-donation .give-total-wrap:not(:has(.give-donation-amount)) strong,
body .custom562-givewp-donation .give-total-wrap:not(:has(.give-donation-amount)) .give-donation-total-label,
body .custom562-givewp-donation .give-final-total-wrap .give-donation-total-label,
body .custom562-givewp-donation .give-donation-total-label {
  display: inline-flex !important;
  align-items: center !important;
  padding: 12px 16px !important;
  margin: 0 !important;
  background: #fffaf5 !important;
  color: #241b15 !important;
  border-right: 1px solid rgba(170,128,82,0.25) !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
}

/* Donation Total Amount */
body .custom562-givewp-donation .give-total-wrap:not(:has(.give-donation-amount)) .give-final-total-amount,
body .custom562-givewp-donation .give-final-total-wrap .give-final-total-amount,
body .custom562-givewp-donation .give-final-total-amount {
  display: inline-flex !important;
  align-items: center !important;
  padding: 12px 16px !important;
  margin: 0 !important;
  background: #ffffff !important;
  color: #AA8052 !important;
  border: none !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}

/* =========================================
   Donation Level Buttons
========================================= */

body .custom562-givewp-donation .give-donation-levels-wrap {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin: 18px 0 !important;
}

body .custom562-givewp-donation .give-donation-level-btn {
  background: #fffaf5 !important;
  color: #241b15 !important;
  border: 1px solid rgba(170,128,82,0.32) !important;
  border-radius: 14px !important;
  padding: 13px 18px !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  transition: all 0.3s ease !important;
  box-shadow: none !important;
}

body .custom562-givewp-donation .give-donation-level-btn:hover,
body .custom562-givewp-donation .give-donation-level-btn.give-default-level,
body .custom562-givewp-donation .give-donation-level-btn.give-btn-level-custom.give-default-level,
body .custom562-givewp-donation .give-donation-level-btn.give-btn-level-selected {
  background: #AA8052 !important;
  color: #ffffff !important;
  border-color: #AA8052 !important;
  transform: translateY(-2px) !important;
}

/* =========================================
   Other Inputs
========================================= */

body .custom562-givewp-donation input[type="text"],
body .custom562-givewp-donation input[type="email"],
body .custom562-givewp-donation input[type="tel"],
body .custom562-givewp-donation input[type="number"]:not(#give-amount):not(.give-amount-top),
body .custom562-givewp-donation textarea,
body .custom562-givewp-donation select,
body .custom562-givewp-donation .give-input,
body .custom562-givewp-donation .give-text-input:not(.give-amount-top) {
  width: 100% !important;
  background: #fffaf5 !important;
  color: #3b3028 !important;
  border: 1px solid rgba(170,128,82,0.32) !important;
  border-radius: 14px !important;
  padding: 15px 16px !important;
  font-size: 15px !important;
  font-family: 'Poppins', sans-serif !important;
  min-height: 52px !important;
  box-shadow: none !important;
  outline: none !important;
}

body .custom562-givewp-donation input:focus,
body .custom562-givewp-donation textarea:focus,
body .custom562-givewp-donation select:focus {
  background: #ffffff !important;
  border-color: #AA8052 !important;
  box-shadow: 0 0 0 4px rgba(170,128,82,0.13) !important;
}

/* =========================================
   Donate Button
========================================= */

body .custom562-givewp-donation .give-submit,
body .custom562-givewp-donation button.give-submit,
body .custom562-givewp-donation input.give-submit,
body .custom562-givewp-donation .give-btn {
  width: 100% !important;
  background: #AA8052 !important;
  color: #ffffff !important;
  border: 1px solid #AA8052 !important;
  border-radius: 14px !important;
  padding: 15px 28px !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  text-transform: none !important;
  box-shadow: 0 14px 35px rgba(170,128,82,0.24) !important;
  transition: all 0.3s ease !important;
}

body .custom562-givewp-donation .give-submit:hover,
body .custom562-givewp-donation button.give-submit:hover,
body .custom562-givewp-donation input.give-submit:hover,
body .custom562-givewp-donation .give-btn:hover {
  background: #241b15 !important;
  border-color: #241b15 !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
}

/* =========================================
   Notices
========================================= */

body .custom562-givewp-donation .give_error,
body .custom562-givewp-donation .give_warning,
body .custom562-givewp-donation .give_success {
  border-radius: 14px !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 14px !important;
}

/* =========================================
   Mobile
========================================= */

@media (max-width: 650px) {
  body .custom562-givewp-donation {
    padding: 22px !important;
    border-radius: 18px !important;
  }

  body .custom562-givewp-donation .give-donation-amount {
    border-radius: 14px !important;
  }

  body .custom562-givewp-donation .give-currency-symbol {
    min-height: 56px !important;
    width: 52px !important;
    min-width: 52px !important;
    font-size: 18px !important;
  }

  body .custom562-givewp-donation input.give-amount-top,
  body .custom562-givewp-donation input#give-amount,
  body .custom562-givewp-donation .give-donation-amount input {
    min-height: 56px !important;
    font-size: 17px !important;
  }

  body .custom562-givewp-donation .give-total-wrap:not(:has(.give-donation-amount)),
  body .custom562-givewp-donation .give-final-total-wrap,
  body .custom562-givewp-donation .give-donation-total {
    width: 100% !important;
    display: flex !important;
  }

  body .custom562-givewp-donation .give-total-wrap:not(:has(.give-donation-amount)) strong,
  body .custom562-givewp-donation .give-total-wrap:not(:has(.give-donation-amount)) .give-donation-total-label,
  body .custom562-givewp-donation .give-final-total-wrap .give-donation-total-label,
  body .custom562-givewp-donation .give-donation-total-label,
  body .custom562-givewp-donation .give-total-wrap:not(:has(.give-donation-amount)) .give-final-total-amount,
  body .custom562-givewp-donation .give-final-total-wrap .give-final-total-amount,
  body .custom562-givewp-donation .give-final-total-amount {
    font-size: 14.5px !important;
    padding: 12px 13px !important;
  }
}/* End custom CSS */