/*
Theme Name:   EduBlink Child
Theme URI:    https://demo.edublink.co/
Author:       DevsBlink
Author URI:   https://themeforest.net/user/devsblink/portfolio
Description:  EduBlink Child Theme For LMS and Education Purpose.
Version:      1.0.0
Template:     edublink
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain:  edublink-child
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

* If you are not familiar with Child Themes, you can read about it here:
* http://codex.wordpress.org/Child_Themes
*/


/* form design */

    .sorath-registration-form {
      background: #f5f6f7;
      padding: 20px;
    }

    /* GRID LAYOUT */
    .sorath-registration-form .form-row {
      display: flex;
      gap: 20px;
      flex-wrap: wrap;
    }

    .sorath-registration-form .form-col {
      flex: 1;
      min-width: 300px;
    }

    /* LEFT CARD */
    .sorath-registration-form .note-card {
      background: #ffffff;
      padding: 30px;
      border-radius: 14px;
      box-shadow: 0 4px 12px rgba(0,0,0,0.06);
      height: 100%;
    }

    .sorath-registration-form .note-title {
      color: #b71c1c;
      font-size: 22px;
      font-weight: 600;
      margin-bottom: 15px;
    }

    .sorath-registration-form .note-text {
      color: #333;
      font-size: 15px;
      line-height: 1.7;
    }

    .sorath-registration-form .note-text a {
      color: #1a73e8;
      text-decoration: none;
    }

    .sorath-registration-form .whatsapp-btn {
      display: inline-block;
      margin-top: 20px;
      padding: 12px 22px;
      background: #2d6cdf;
      color: #fff;
      border-radius: 30px;
      text-decoration: none;
      font-weight: 500;
    }

    /* RIGHT CARD */
    .sorath-registration-form .faq-card {
      background: #f4eded;
      padding: 30px;
      border-radius: 14px;
      border-left: 6px solid #c62828;
      box-shadow: 0 4px 12px rgba(0,0,0,0.05);
      height: 100%;
    }

    .sorath-registration-form .faq-title {
      color: #c62828;
      font-size: 22px;
      font-weight: 600;
      margin-bottom: 15px;
    }

    .sorath-registration-form .faq-text {
      color: #333;
      font-size: 15px;
      line-height: 1.7;
      margin-bottom: 20px;
    }

    .sorath-registration-form .faq-btn {
      display: inline-block;
      padding: 12px 22px;
      background: #c62828;
      color: #fff;
      border-radius: 30px;
      text-decoration: none;
      font-weight: 500;
    }

    /* HEADER */
    .sorath-registration-form .payment-header {
      background: #b30000;
      color: #fff;
      padding: 16px 20px;
      border-radius: 14px 14px 0 0;
      font-size: 20px;
      font-weight: 600;
      display: flex;
      align-items: center;
      gap: 10px;
    }

    .sorath-registration-form .payment-header::before {
      content: "⚑";
      font-size: 18px;
    }

    /* WRAPPER */
    .sorath-registration-form .payment-wrapper {
      background: #fff;
      padding: 25px;
      border-radius: 0 0 14px 14px;
      box-shadow: 0 4px 12px rgba(0,0,0,0.05);
    }

    .sorath-registration-form .payment-desc {
      font-size: 15px;
      color: #444;
      margin-bottom: 20px;
      line-height: 1.6;
    }

    .sorath-registration-form .payment-desc b {
      font-weight: 600;
    }

    /* GRID */
    .sorath-registration-form .payment-row {
      display: flex;
      gap: 20px;
      flex-wrap: wrap;
    }

    .sorath-registration-form .payment-col {
      flex: 1;
      min-width: 280px;
    }

    /* OPTION CARD */
    .sorath-registration-form .payment-card {
      background: #f9f9f9;
      padding: 20px;
      border-radius: 12px;
      display: flex;
      gap: 15px;
      align-items: flex-start;
      box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    }

    /* ICON */
    .sorath-registration-form .payment-icon {
      background: #b30000;
      color: #fff;
      width: 40px;
      height: 40px;
      border-radius: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 18px;
      flex-shrink: 0;
    }

    /* TEXT */
    .sorath-registration-form .payment-title {
      font-weight: 600;
      margin-bottom: 5px;
      color: #222;
    }

    .sorath-registration-form .payment-text {
      font-size: 14px;
      color: #555;
      line-height: 1.6;
    }

    .sorath-registration-form .course-card {
      background: #ffffff;
      border-radius: 16px;
      box-shadow: 0 6px 16px rgba(0,0,0,0.06);
      padding: 25px;
      position: relative;
      overflow: hidden;
    }

    /* TOP RED BORDER */
    .sorath-registration-form .course-card::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 6px;
      background: #b30000;
    }

    /* FLEX LAYOUT */
    .sorath-registration-form .course-row {
      display: flex;
      align-items: center;
      gap: 15px;
      flex-wrap: wrap;
    }

    /* ICON */
    .sorath-registration-form .course-icon {
      font-size: 20px;
      color: #333;
      flex-shrink: 0;
    }

    /* TITLE */
    .sorath-registration-form .course-title {
      font-size: 18px;
      font-weight: 500;
      color: #1a1a1a;
      line-height: 1.5;
      flex: 1;
    }

    /* PRICE BADGE */
    .sorath-registration-form .course-price {
      margin-top: 15px;
      display: inline-block;
      background: #f5e6e6;
      color: #b30000;
      padding: 10px 18px;
      border-radius: 25px;
      font-weight: 600;
      font-size: 16px;
    }

    /* RESPONSIVE */
    @media (max-width: 600px) {
      .sorath-registration-form .course-title {
        font-size: 16px;
      }
    }

    /* RESPONSIVE */
    @media (max-width: 768px) {
      .sorath-registration-form .form-row {
        flex-direction: column;
      }
		.sorath-registration-form .payment-row {
        flex-direction: column;
      }
    }