/*!
Theme Name: Prosys Theme Master
Theme URI: https://prosysthemes.com/themes/prosys-theme-master
Author: Prosys Theme
Author URI: https://prosysthemes.com
Description: Prosys Theme Master is beautiful theme for business organization
Version: 1.0.7
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: prosys-theme-master
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Prosy Theme Master is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

:root {
  --color-primary: #009806;
  --color-primary-dark: #00572a;
  --color-primary-light: #2f8c04;
  --color-accent: #249c5e;
  --color-accent-dark: #15541d;
  --color-success: #099a09;
  --color-danger: #e91e63;
  --color-warning: #ffbd2e;
  --color-button-bg: #81b609;
  --color-button-hover: #259207;
  --color-scroll-bg: #16900c;
  --color-scroll-hover: #15a909;
  --color-text-dark: #111;
  --color-text-gray: #454652;
  --color-border: #ccc;
  --color-border-light: #e5e7eb;
  --color-background: #f5f5f5;
}

img.custom-logo {
  height: 50px;
  width: auto;
}

.header-bottom ul li {
  position: relative;
}

.header-bottom ul li a {
  padding: 10px 0;
}

.header-bottom ul li ul {
  display: none;
  width: 272px;
  margin-top: 9px;
  position: absolute;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  z-index: 999;
}

.header-bottom ul li ul li {
  padding: 10px;
  border-bottom: 1px solid var(--color-border);
}

.header-bottom ul li ul li:hover {
  background: var(--color-background);
}

.header-bottom ul li:hover ul {
  display: block;
}

.header-bottom ul li a {
  color: #111;
  font-weight: 500;
  font-size: 16px;
  text-transform: uppercase;
}

.neon-glow:hover {
  box-shadow: 0 0 60px rgb(155 229 70 / 40%);
}

.glass-panel {
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.05);
}

.prosys-featured-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
}

a.scrollup {
  border: 1px solid;
  padding: 10px 20px;
  background: var(--color-scroll-bg);
  position: fixed;
  left: 20px;
  bottom: 20px;
  transition: background-color 0.3s ease;
}

a.scrollup:hover {
  background: var(--color-scroll-hover);
}

.footer-b {
  background: #30562d;
  padding: 15px 0;
}

.site-footer {
  background: #95b795;
  color: #fff;
  transition: background-color 0.3s ease;
}

/* Container to align the dots horizontally */
.mac-dots {
  display: flex;
  gap: 8px;
  padding: 15px 0;
  border-radius: 8px 8px 0 0;
  width: fit-content;
}

/* Base styles for all dots */
.dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  display: inline-block;
}

/* Specific colors matching the macOS style */
.close {
  background-color: #ff5f56;
}

.minimize {
  background-color: #ffbd2e;
}

.maximize {
  background-color: #27c93f;
}

.button-group.filter-button-group {
  gap: 10px;
  display: flex;
  margin-bottom: 30px;
}

.button-group.filter-button-group button {
  border: 1px solid #a9a9a9;
  color: #157c08;
  padding: 10px 20px;
  border-radius: 50px;
  transition: all 0.3s ease;
}

.button-group.filter-button-group button:hover {
  border-color: #00b71e;
  background: #00b71e;
  color: #eee;
}

header.page-header {
  background: var(--color-primary);
  padding: 20px 0;
  text-align: center;
  font-size: 48px;
  font-weight: 600;
  color: #fff;
}
.row {
  margin: 0 -15px;
}
.col-4 {
  padding: 0 15px;
  width: 33.333%;
  margin-bottom: 30px;
}

a {
  color: var(--color-text-dark);
  transition: color 0.3s ease;
}

a:hover {
  color: var(--color-primary-dark);
}

a.bg-primary-container:hover {
  color: #fff;
}

.material-symbols-outlined {
  font-variation-settings:
    "FILL" 0,
    "wght" 400,
    "GRAD" 0,
    "opsz" 24;
}
.material-symbols-outlined[data-weight="fill"] {
  font-variation-settings: "FILL" 1;
}

.indigo-glow {
  box-shadow: 0 4px 20px rgba(36, 56, 156, 0.08);
}
.indigo-glow:hover {
  box-shadow: 0 8px 30px rgba(36, 56, 156, 0.12);
}

.gradient-text {
  background: linear-gradient(135deg, #24389c, #6b38d4);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

footer a:hover {
  color: #b5ff0d;
}

.widget:last-child {
  position: sticky;
  top: 0;
}

.widget.widget_prosys_theme_master_download_info .price-tag {
  color: #000;
  background: none;
  padding: 0;
  display: block;
  text-align: initial;
  margin-bottom: 10px;
  font-size: 32px;
}

.widget.widget_prosys_theme_master_download_info label {
  font-weight: bold;
  margin-right: 15px;
}

.widget.widget_prosys_theme_master_download_info ul li {
  list-style: none;
  padding: 0 0 10px;
}

.widget.widget_prosys_theme_master_download_info ul li::after {
  content: none;
}
#secondary .widget.widget_prosys_theme_master_download_info {
  margin-bottom: 0;
}

.widget.widget_prosys_theme_master_download_info {
  display: inline-block;
  width: 100%;
}

.single-download #secondary .edd_download_purchase_form {
  width: 100%;
  margin-bottom: 10px;
}

.single-download
  #secondary
  .edd_download_purchase_form
  a.edd-add-to-cart.button.blue.btn-small.darkred.right.edd-has-js {
  display: inline-block;
  width: 100%;
  text-align: center;
  margin: 0;
  padding: 15px;
}

#secondary ul li a.page-scroll.docu-title {
  background: var(--color-primary-light);
  border-radius: 5px;
  color: #fff;
  transition: all 0.3s ease;
}

#secondary ul li a.page-scroll.docu-title:hover,
#secondary ul li a.page-scroll.docu-title:active,
#secondary ul li a.page-scroll.docu-title:focus {
  background: var(--color-accent-dark);
  color: #fff;
}

.single-documentation .widget-area ul ul li:hover {
  background: #daffdb;
  border-radius: 5px;
}

.repeater-button ul li ul {
  list-style: none;
  margin: 0;
}

h1.title,
h3.title {
  font-weight: bold;
}

.ps_pro_url a:focus,
.ps_pro_url a:hover,
.ps_doc_url a:focus,
.ps_doc_url a:hover,
.ps_hire_url a:focus,
.ps_hire_url a:hover {
  opacity: 0.7;
}

.single-documentation .widget-area .repeater-button ul li::after {
  content: none;
}

.type-download #tabs {
  border: 0;
  padding: 0;
}

.type-download #tabs ul {
  background: transparent;
  border: 0;
  gap: 0;
}

.type-download #tabs ul li {
  background: transparent;
  border: 0;
  gap: 2rem;
}

.type-download #tabs ul li.ui-tabs-active {
  color: #111;
}

.type-download #tabs ul li.ui-tabs-active a {
  color: var(--color-accent);
  border-bottom: 2px solid var(--color-accent);
}

.type-download #tabs ul li a {
  background: transparent;
  border: 0;
}

.type-download.ui-tabs .ui-tabs-panel {
  padding: 0;
}

.type-download.ui-tabs .ui-tabs-panel img {
  width: 100%;
}

.type-download .ui-widget-content p {
  font-size: 18px;
  color: var(--color-text-gray);
  font-family: Inter;
  margin-bottom: 2rem;
}

.type-download .banner-buttons {
  display: none;
}

.type-download table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 1rem;
  text-align: left;
}

.type-download table thead {
  background-color: #dceeff;
}

.type-download table tr {
  border-bottom-width: 1px;
  border-color: rgb(197 197 212 / 0.5);
}

.type-download table th {
  color: var(--color-text-gray);
  letter-spacing: 0.05em;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  font-family: JetBrains Mono;
  padding: 0.75rem 1rem;
}

.type-download table tbody {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.05em;
  font-weight: 500;
  font-family: JetBrains Mono;
}

.type-download table tbody tr {
  transition:
    color 0.15s cubic-bezier(0.4, 0, 0.2, 1),
    background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1),
    border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  background-color: rgb(255 255 255);
  border-color: rgb(197 197 212 / 0.3);
  border-bottom-width: 1px;
}

.type-download table tbody tr:nth-child(2n) td {
  background-color: rgb(211 226 255 / 30%);
  border-color: rgb(197 197 212 / 0.3);
}

.type-download table tbody tr:nth-child(2n + 1) td {
  background: #f9f9f9;
}

.type-download table td {
  padding: 0.75rem 1rem;
}

i.fa.fa-check {
  color: var(--color-success);
}

i.fa.fa-times {
  color: var(--color-danger);
}

#edd-purchase-button {
  background: var(--color-button-bg);
  margin: 20px 0;
  font-size: 20px;
  transition: background-color 0.3s ease;
}

#edd-purchase-button:hover {
  background: var(--color-button-hover);
}

#edd_checkout_user_info input[type="text"],
#edd_checkout_user_info input[type="email"],
#edd_checkout_user_info input[type="password"] {
  border: 1px solid #ccc;
  padding: 10px;
  width: 100%;
}

#edd_checkout_user_info p {
  padding: 10px 0;
}

#edd_checkout_user_info p .edd-description {
  display: none;
}

/* =========================================
   EDD Purchase Confirmation / Receipt
   ========================================= */

.entry-content {
  margin: 0 auto;
  color: #1f2937;
}

/* Thank You Message */
.entry-content > p:first-child {
  margin: 0 0 28px;
  padding: 18px 22px;
  border: 1px solid #dbeafe;
  border-radius: 12px;
  background: #eff6ff;
  color: #1d4ed8;
  font-size: 16px;
  font-weight: 600;
}

/* =========================================
   Common EDD Table
   ========================================= */

#edd_purchase_receipt,
#edd_purchase_receipt_products {
  width: 100%;
  margin: 0 0 32px;
  border: 1px solid #e5e7eb;
  border-radius: 14px;
  border-spacing: 0;
  border-collapse: separate;
  background: #ffffff;
  overflow: hidden;
  box-shadow: 0 6px 24px rgba(15, 23, 42, 0.06);
  font-size: 15px;
}

/* Table Header */

#edd_purchase_receipt thead th,
#edd_purchase_receipt_products thead th {
  padding: 17px 22px;
  background: #f8fafc;
  border-bottom: 1px solid #e5e7eb;
  color: #374151;
  font-size: 14px;
  font-weight: 700;
  text-align: left;
}

/* Receipt Header */

#edd_purchase_receipt thead th:first-child {
  width: 40%;
  color: #6b7280;
}

#edd_purchase_receipt thead th:last-child {
  color: #111827;
}

/* Table Body */

#edd_purchase_receipt tbody td,
#edd_purchase_receipt_products tbody td {
  padding: 17px 22px;
  border-bottom: 1px solid #f1f5f9;
  vertical-align: middle;
}

#edd_purchase_receipt tbody tr:last-child td,
#edd_purchase_receipt_products tbody tr:last-child td {
  border-bottom: 0;
}

/* Receipt Labels */

#edd_purchase_receipt tbody td:first-child {
  width: 40%;
  color: #6b7280;
}

#edd_purchase_receipt tbody td:first-child strong {
  color: #374151;
  font-weight: 600;
}

/* Receipt Values */

#edd_purchase_receipt tbody td:last-child {
  color: #111827;
  font-weight: 500;
}

/* =========================================
   Order Status
   ========================================= */

#edd_purchase_receipt .edd_receipt_payment_status.complete {
  display: inline-flex;
  align-items: center;
  padding: 6px 12px;
  border-radius: 999px;
  background: #dcfce7;
  color: #15803d;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  margin: 16px 24px;
}

/* =========================================
   Total
   ========================================= */

#edd_purchase_receipt tbody tr:last-child td {
  background: #f8fafc;
}

#edd_purchase_receipt tbody tr:last-child td:last-child {
  font-size: 18px;
  font-weight: 700;
  color: #111827;
}

/* =========================================
   Products Heading
   ========================================= */

.entry-content h3 {
  /* margin: 38px 0 16px; */
  color: #111827;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.3;
}

/* =========================================
   Products Table
   ========================================= */

#edd_purchase_receipt_products thead th:first-child {
  width: 70%;
}

#edd_purchase_receipt_products thead th:last-child,
#edd_purchase_receipt_products tbody td:last-child {
  width: 30%;
  text-align: right;
}

/* Product Name */

#edd_purchase_receipt_products .edd_purchase_receipt_product_name {
  color: #111827;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
}

/* Download Files */

#edd_purchase_receipt_products .edd_purchase_receipt_files {
  margin: 8px 0 0;
  padding: 0;
  list-style: none;
}

#edd_purchase_receipt_products .edd_download_file {
  margin: 0;
}

#edd_purchase_receipt_products .edd_download_file_link {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 7px 11px;
  border-radius: 7px;
  background: #f1f5f9;
  color: #475569;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.2s ease;
}

#edd_purchase_receipt_products .edd_download_file_link::before {
  content: "↓";
  font-size: 14px;
  font-weight: 700;
}

#edd_purchase_receipt_products .edd_download_file_link:hover {
  background: #e2e8f0;
  color: #0f172a;
}

/* Product Price */

#edd_purchase_receipt_products tbody td:last-child {
  color: #111827;
  font-size: 16px;
  font-weight: 700;
}

/* =========================================
   Hover Effect
   ========================================= */

#edd_purchase_receipt tbody tr:not(:last-child):hover td,
#edd_purchase_receipt_products tbody tr:hover td {
  background: #fafafa;
}

/* =========================================
   Rounded Corners
   ========================================= */

#edd_purchase_receipt thead tr:first-child th:first-child,
#edd_purchase_receipt_products thead tr:first-child th:first-child {
  border-top-left-radius: 14px;
}

#edd_purchase_receipt thead tr:first-child th:last-child,
#edd_purchase_receipt_products thead tr:first-child th:last-child {
  border-top-right-radius: 14px;
}

#edd_purchase_receipt tbody tr:last-child td:first-child,
#edd_purchase_receipt_products tbody tr:last-child td:first-child {
  border-bottom-left-radius: 14px;
}

#edd_purchase_receipt tbody tr:last-child td:last-child,
#edd_purchase_receipt_products tbody tr:last-child td:last-child {
  border-bottom-right-radius: 14px;
}

.edd-success #primary {
  padding: 0 48px;
}

/* =========================================================
   PROSYS THEME — CONTACT PAGE REDESIGN
   CSS ONLY
========================================================= */

/* ---------------------------------------------------------
   PAGE HEADER
--------------------------------------------------------- */

.page-header {
  position: relative;
  padding: 70px 20px;
  text-align: center;
  overflow: hidden;

  background:
    radial-gradient(
      circle at 15% 20%,
      rgba(99, 102, 241, 0.12),
      transparent 35%
    ),
    radial-gradient(
      circle at 85% 80%,
      rgba(20, 184, 166, 0.1),
      transparent 35%
    ),
    var(--wp--preset--color--surface-container-lowest, #fff);

  border-bottom: 1px solid var(--wp--preset--color--outline-variant, #ddd);
}

.page-header::before {
  content: "";
  position: absolute;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  background: rgba(99, 102, 241, 0.06);
  top: -120px;
  left: -80px;
}

.page-header::after {
  content: "";
  position: absolute;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  background: rgba(20, 184, 166, 0.06);
  right: -70px;
  bottom: -100px;
}

.page-header .entry-title {
  position: relative;
  z-index: 1;

  margin: 0;

  /* font-size: clamp(36px, 5vw, 56px); */
  line-height: 1.1;
  /* font-weight: 800; */
  letter-spacing: -0.04em;

  color: #fff;
}

/* ---------------------------------------------------------
   CONTACT CONTENT CONTAINER
--------------------------------------------------------- */

.contact-section,
.max-w-container-max {
  box-sizing: border-box;
}

#primary {
  width: 100%;
}

.entry-content {
  max-width: 1100px;
  margin: 0 auto;
}

/* ---------------------------------------------------------
   INTRO TEXT
--------------------------------------------------------- */

.entry-content > p:first-child {
  margin: 0 0 8px;

  /* font-size: clamp(28px, 4vw, 40px); */
  line-height: 1.15;
  /* font-weight: 800; */
  letter-spacing: -0.035em;

  color: var(--wp--preset--color--on-surface, #171721);
}

.entry-content > p:nth-child(2) {
  margin: 0 0 32px;

  color: var(--wp--preset--color--on-surface-variant, #686873);

  font-size: 16px;
}

/* ---------------------------------------------------------
   CONTACT FORM CARD
--------------------------------------------------------- */

.entry-content .wpcf7 {
  position: relative;
  margin: 0 auto;

  padding: 38px;

  background: var(--wp--preset--color--surface-container-lowest, #ffffff);

  border: 1px solid var(--wp--preset--color--outline-variant, #dedee5);

  border-radius: 24px;

  box-shadow:
    0 20px 60px rgba(20, 20, 40, 0.08),
    0 4px 15px rgba(20, 20, 40, 0.04);
}

/* ---------------------------------------------------------
   FORM
--------------------------------------------------------- */

.entry-content .wpcf7-form {
  margin: 0;
}

.entry-content .wpcf7-form > p {
  margin: 0 0 20px;
}

/* ---------------------------------------------------------
   LABELS
--------------------------------------------------------- */

.entry-content .wpcf7-form label {
  display: block;

  color: var(--wp--preset--color--on-surface, #171721);

  font-size: 14px;
  font-weight: 600;
}

/* ---------------------------------------------------------
   INPUT WRAPPER
--------------------------------------------------------- */

.entry-content .wpcf7-form-control-wrap {
  display: block;
  width: 100%;
  margin-top: 8px;
}

/* ---------------------------------------------------------
   INPUTS + TEXTAREA
--------------------------------------------------------- */

.entry-content .wpcf7-form input[type="text"],
.entry-content .wpcf7-form input[type="email"],
.entry-content .wpcf7-form input[type="url"],
.entry-content .wpcf7-form input[type="tel"],
.entry-content .wpcf7-form input[type="number"],
.entry-content .wpcf7-form textarea {
  width: 100%;
  box-sizing: border-box;

  padding: 14px 16px;

  border: 1px solid var(--wp--preset--color--outline-variant, #d8d8df);

  border-radius: 12px;

  background: var(--wp--preset--color--surface-container-low, #fafafd);

  color: var(--wp--preset--color--on-surface, #171721);

  font-family: inherit;
  font-size: 15px;
  line-height: 1.5;

  outline: none;

  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease,
    background-color 0.2s ease,
    transform 0.2s ease;
}

/* Input height */

.entry-content .wpcf7-form input[type="text"],
.entry-content .wpcf7-form input[type="email"],
.entry-content .wpcf7-form input[type="url"],
.entry-content .wpcf7-form input[type="tel"],
.entry-content .wpcf7-form input[type="number"] {
  min-height: 52px;
}

/* Textarea */

.entry-content .wpcf7-form textarea {
  min-height: 180px;

  resize: vertical;
}

/* Placeholder */

.entry-content .wpcf7-form input::placeholder,
.entry-content .wpcf7-form textarea::placeholder {
  color: #9999a5;
  opacity: 1;
}

/* Hover */

.entry-content .wpcf7-form input:hover,
.entry-content .wpcf7-form textarea:hover {
  border-color: #b5b5c0;

  background: #fff;
}

/* Focus */

.entry-content .wpcf7-form input:focus,
.entry-content .wpcf7-form textarea:focus {
  border-color: var(--wp--preset--color--primary, #5146e5);

  background: #fff;

  box-shadow: 0 0 0 4px rgba(81, 70, 229, 0.1);
}

/* ---------------------------------------------------------
   REQUIRED FIELDS
--------------------------------------------------------- */

.entry-content .wpcf7-form label::first-letter {
  color: inherit;
}

/* ---------------------------------------------------------
   SUBMIT BUTTON
--------------------------------------------------------- */

.entry-content .wpcf7-form input[type="submit"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-height: 52px;

  padding: 13px 28px;

  border: 0;
  border-radius: 12px;

  background: var(--wp--preset--color--primary, #5146e5);

  color: var(--wp--preset--color--on-primary, #ffffff);

  font-family: inherit;
  font-size: 15px;
  font-weight: 700;

  cursor: pointer;

  box-shadow: 0 8px 20px rgba(81, 70, 229, 0.18);

  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease,
    background-color 0.2s ease;
}

.entry-content .wpcf7-form input[type="submit"]:hover {
  transform: translateY(-2px);

  background: var(--wp--preset--color--primary, #5146e5);

  box-shadow: 0 12px 26px rgba(81, 70, 229, 0.25);
}

.entry-content .wpcf7-form input[type="submit"]:active {
  transform: translateY(0);
}

/* ---------------------------------------------------------
   RESPONSE MESSAGE
--------------------------------------------------------- */

.entry-content .wpcf7-response-output {
  margin: 20px 0 0 !important;
  padding: 14px 16px !important;

  border-radius: 12px !important;

  font-size: 14px;
  line-height: 1.5;
}

/* ---------------------------------------------------------
   VALIDATION
--------------------------------------------------------- */

.entry-content .wpcf7-not-valid {
  border-color: #ba1a1a !important;
}

.entry-content .wpcf7-not-valid-tip {
  display: block;

  margin-top: 6px;

  font-size: 13px;
  line-height: 1.4;

  color: #ba1a1a;
}

/* ---------------------------------------------------------
   SPINNER
--------------------------------------------------------- */

.entry-content .wpcf7-spinner {
  margin: 0 0 0 10px;
}

/* ---------------------------------------------------------
   REMOVE DEFAULT PARAGRAPH SPACING
--------------------------------------------------------- */

.entry-content .wpcf7-form p:last-child {
  margin-bottom: 0;
}

/* =========================================================
   EDD LOGIN FORM
   Modern Prosys Theme Design
   CSS ONLY
========================================================= */

#edd_login_form {
  width: 100%;
  max-width: 480px;
  margin: 60px auto;
  padding: 40px;

  box-sizing: border-box;

  background: var(--wp--preset--color--surface-container-lowest, #ffffff);

  border: 1px solid var(--wp--preset--color--outline-variant, #dedee5);

  border-radius: 24px;

  box-shadow:
    0 24px 70px rgba(20, 20, 40, 0.08),
    0 4px 18px rgba(20, 20, 40, 0.04);
}

/* =========================================================
   FIELDSET
========================================================= */

#edd_login_form fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}

/* =========================================================
   LOGIN TITLE
========================================================= */

#edd_login_form legend {
  display: block;

  margin: 0 0 8px;
  padding: 0;

  color: var(--wp--preset--color--on-surface, #171721);

  font-size: 32px;
  line-height: 1.2;
  font-weight: 800;

  letter-spacing: -0.035em;
}

/* Add subtitle without changing HTML */

#edd_login_form legend::after {
  content: "Sign in to access your account and purchases.";

  display: block;

  margin-top: 10px;

  color: var(--wp--preset--color--on-surface-variant, #686873);

  font-size: 14px;
  line-height: 1.5;
  font-weight: 400;

  letter-spacing: 0;
}

/* =========================================================
   FORM PARAGRAPHS
========================================================= */

#edd_login_form p {
  margin: 0 0 20px;
}

/* =========================================================
   LABELS
========================================================= */

#edd_login_form p > label {
  display: block;

  margin-bottom: 8px;

  color: var(--wp--preset--color--on-surface, #171721);

  font-size: 14px;
  line-height: 1.4;
  font-weight: 600;
}

/* =========================================================
   INPUT FIELDS
========================================================= */

#edd_login_form input[type="text"],
#edd_login_form input[type="email"],
#edd_login_form input[type="password"] {
  display: block;

  width: 100%;
  min-height: 52px;

  box-sizing: border-box;

  margin: 0;
  padding: 13px 16px;

  border: 1px solid var(--wp--preset--color--outline-variant, #d8d8df);

  border-radius: 12px;

  background: var(--wp--preset--color--surface-container-low, #fafafd);

  color: var(--wp--preset--color--on-surface, #171721);

  font-family: inherit;
  font-size: 15px;
  line-height: 1.5;

  outline: none;

  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease,
    background-color 0.2s ease;
}

/* =========================================================
   PLACEHOLDER
========================================================= */

#edd_login_form input::placeholder {
  color: #9999a5;
  opacity: 1;
}

/* =========================================================
   INPUT HOVER
========================================================= */

#edd_login_form input[type="text"]:hover,
#edd_login_form input[type="email"]:hover,
#edd_login_form input[type="password"]:hover {
  border-color: #b7b7c2;
  background: #ffffff;
}

/* =========================================================
   INPUT FOCUS
========================================================= */

#edd_login_form input[type="text"]:focus,
#edd_login_form input[type="email"]:focus,
#edd_login_form input[type="password"]:focus {
  border-color: var(--wp--preset--color--primary, #5146e5);

  background: #ffffff;

  box-shadow: 0 0 0 4px rgba(81, 70, 229, 0.1);
}

/* =========================================================
   USERNAME / PASSWORD SPACING
========================================================= */

#edd_login_form .edd-login-username {
  margin-top: 30px;
}

#edd_login_form .edd-login-password {
  margin-bottom: 16px;
}

/* =========================================================
   REMEMBER ME
========================================================= */

#edd_login_form .edd-login-remember {
  margin: 0 0 24px;
}

#edd_login_form .edd-login-remember label {
  display: inline-flex;
  align-items: center;
  gap: 9px;

  margin: 0;

  color: var(--wp--preset--color--on-surface-variant, #686873);

  font-size: 14px;
  font-weight: 500;

  cursor: pointer;
}

/* =========================================================
   CHECKBOX
========================================================= */

#edd_login_form #rememberme {
  width: 17px;
  height: 17px;

  margin: 0;

  accent-color: var(--wp--preset--color--primary, #5146e5);

  cursor: pointer;
}

/* =========================================================
   RECAPTCHA
========================================================= */

#edd_login_form .gglcptch {
  margin: 0 0 20px;
}

/*
 * The actual reCAPTCHA v3 field is hidden.
 * Don't style the hidden input itself.
 */

#edd_login_form .gglcptch input[type="hidden"] {
  display: none;
}

/* =========================================================
   RECAPTCHA ERROR
========================================================= */

#edd_login_form .gglcptch_error_text {
  display: block;

  margin: 0;
  padding: 12px 14px;

  border: 1px solid #f1b8b8;
  border-radius: 10px;

  background: #fff4f4;

  color: #a51d1d;

  font-size: 13px;
  line-height: 1.5;
}

/* =========================================================
   LOGIN BUTTON
========================================================= */

#edd_login_form .edd-login-submit {
  margin: 0 0 16px;
}

/* =========================================================
   SUBMIT BUTTON
========================================================= */

#edd_login_form #edd_login_submit,
#edd_login_form .edd-submit {
  display: block;

  width: 100%;
  min-height: 52px;

  box-sizing: border-box;

  margin: 0;
  padding: 13px 24px;

  border: 0;
  border-radius: 12px;

  background: var(--wp--preset--color--primary, #5146e5);

  color: var(--wp--preset--color--on-primary, #ffffff);

  font-family: inherit;
  font-size: 15px;
  line-height: 1.4;
  font-weight: 700;

  cursor: pointer;

  box-shadow: 0 8px 20px rgba(81, 70, 229, 0.18);

  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease,
    opacity 0.2s ease;
}

/* =========================================================
   BUTTON HOVER
========================================================= */

#edd_login_form #edd_login_submit:hover,
#edd_login_form .edd-submit:hover {
  transform: translateY(-2px);

  box-shadow: 0 12px 28px rgba(81, 70, 229, 0.25);
}

/* =========================================================
   BUTTON ACTIVE
========================================================= */

#edd_login_form #edd_login_submit:active,
#edd_login_form .edd-submit:active {
  transform: translateY(0);
}

/* =========================================================
   LOST PASSWORD
========================================================= */

#edd_login_form .edd-lost-password {
  margin: 0;

  text-align: center;
}

#edd_login_form .edd-lost-password a {
  display: inline-block;

  color: var(--wp--preset--color--primary, #5146e5);

  font-size: 14px;
  font-weight: 600;

  text-decoration: none;

  transition: color 0.2s ease;
}

#edd_login_form .edd-lost-password a:hover {
  color: var(--wp--preset--color--primary, #5146e5);

  text-decoration: underline;
}

/* =========================================================
   HIDDEN INPUTS
========================================================= */

#edd_login_form input[type="hidden"] {
  display: none;
}

/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {
  #edd_login_form {
    max-width: 100%;

    margin: 35px auto;
    padding: 30px 22px;

    border-radius: 20px;

    box-shadow: 0 14px 40px rgba(20, 20, 40, 0.07);
  }

  #edd_login_form legend {
    font-size: 28px;
  }
}

/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {
  #edd_login_form {
    margin: 25px auto;
    padding: 26px 18px;

    border-radius: 18px;
  }

  #edd_login_form legend {
    font-size: 26px;
  }

  #edd_login_form input[type="text"],
  #edd_login_form input[type="email"],
  #edd_login_form input[type="password"] {
    min-height: 50px;
    font-size: 16px;
  }
}

.single-download main,
.post-type-archive-download .download-holder,
.tax-download_category main {
  padding-left: 0;
  padding-right: 0;
}

form#edd_profile_editor_form fieldset p {
  display: flex;
  justify-content: space-between;
}

form#edd_profile_editor_form fieldset input,
form#edd_profile_editor_form fieldset select {
  width: 340px;
}

form#edd_profile_editor_form fieldset input#edd_profile_editor_submit {
  width: 100%;
}
/* ---------------------------------------------------------
   DESKTOP FORM LAYOUT
--------------------------------------------------------- */

@media (min-width: 768px) {
  .entry-content .wpcf7-form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 20px;
  }

  /* Name */
  .entry-content .wpcf7-form > p:nth-of-type(1) {
    grid-column: 1;
  }

  /* Email */
  .entry-content .wpcf7-form > p:nth-of-type(2) {
    grid-column: 2;
  }

  /* Subject */
  .entry-content .wpcf7-form > p:nth-of-type(3) {
    grid-column: 1 / -1;
  }

  /* Message */
  .entry-content .wpcf7-form > p:nth-of-type(4) {
    grid-column: 1 / -1;
  }

  /* Submit */
  .entry-content .wpcf7-form > p:nth-of-type(5) {
    grid-column: 1 / -1;
  }
}

/* ---------------------------------------------------------
   MOBILE
--------------------------------------------------------- */

@media (max-width: 767px) {
  .page-header {
    padding: 48px 20px;
  }

  .max-w-container-max {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .entry-content {
    width: 100%;
  }

  .entry-content > p:first-child {
    font-size: 30px;
  }

  .entry-content .wpcf7 {
    padding: 24px 20px;

    border-radius: 20px;

    box-shadow: 0 12px 35px rgba(20, 20, 40, 0.07);
  }

  .entry-content .wpcf7-form input[type="submit"] {
    width: 100%;
  }
}

/* ---------------------------------------------------------
   SMALL MOBILE
--------------------------------------------------------- */

@media (max-width: 480px) {
  .page-header {
    padding: 40px 16px;
  }

  .page-header .entry-title {
    font-size: 34px;
  }

  .entry-content .wpcf7 {
    padding: 20px 16px;
  }

  .entry-content .wpcf7-form input[type="text"],
  .entry-content .wpcf7-form input[type="email"],
  .entry-content .wpcf7-form textarea {
    font-size: 16px;
  }
}
/* =========================================
   Mobile
   ========================================= */

@media (max-width: 600px) {
  .entry-content {
    width: 100%;
  }

  .entry-content > p:first-child {
    padding: 15px 16px;
    font-size: 14px;
  }

  #edd_purchase_receipt,
  #edd_purchase_receipt_products {
    margin-bottom: 24px;
    border-radius: 10px;
    font-size: 14px;
  }

  #edd_purchase_receipt thead th,
  #edd_purchase_receipt tbody td,
  #edd_purchase_receipt_products thead th,
  #edd_purchase_receipt_products tbody td {
    padding: 14px 15px;
  }

  #edd_purchase_receipt thead th:first-child,
  #edd_purchase_receipt tbody td:first-child {
    width: 45%;
  }

  #edd_purchase_receipt_products thead th:first-child {
    width: 65%;
  }

  #edd_purchase_receipt_products thead th:last-child,
  #edd_purchase_receipt_products tbody td:last-child {
    width: 35%;
  }

  .entry-content h3 {
    margin-top: 30px;
    font-size: 20px;
  }

  #edd_purchase_receipt tbody tr:last-child td:last-child {
    font-size: 16px;
  }

  #edd_purchase_receipt_products .edd_purchase_receipt_product_name {
    font-size: 15px;
  }
}
@media (min-width: 768px) {
  .prosys-featured-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1024px) {
  .prosys-featured-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}