/*
Theme Name: Kadence Child
Theme URI: https://www.kadencewp.com/kadence-theme/
Template: kadence
Author: Kadence WP
Author URI: https://www.kadencewp.com/
Description: Kadence Theme is a lightweight yet full featured WordPress theme for creating beautiful fast loading and accessible websites, easier than ever. It features an easy to use drag and drop header and footer builder to build any type of header in minutes. It features a full library of gorgeous starter templates that are easy to modify with our intelligent global font and color controls. With extensive integration with the most popular 3rd party plugins, you can quickly build impressive ecommerce websites, course websites, business websites, and more.
Tags: translation-ready,two-columns,right-sidebar,left-sidebar,footer-widgets,blog,custom-logo,custom-background,custom-menu,rtl-language-support,editor-style,threaded-comments,custom-colors,featured-images,wide-blocks,full-width-template,theme-options,e-commerce
Version: 1.2.24.1751364992
Updated: 2025-07-01 10:16:32

*/

body.footer-on-bottom #inner-wrap {
  background: #ebebeb;
}

/* Basic responsive and layout styles */
.lms-container {
  display: flex;
  flex-wrap: wrap;
  max-width: 1280px;
  margin: 0 auto;
  padding: 60px 15px;
}
.lms-main {
  flex: 1;
  min-width: 0;
  padding-right: 30px;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.lms-sidebar {
  width: 320px;
  min-width: 320px;
  position: sticky;
  top: 30px;
  padding: 20px;
  background: #fff;
  border-radius: 6px;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
  height: fit-content;
}

.progress-container {
  margin: 20px 0;
}
.progress-bar {
  background: #eee;
  height: 10px;
  border-radius: 5px;
  overflow: hidden;
}
.progress-filled {
  background: #4caf50;
  height: 100%;
  width: 0;
  transition: width 0.4s ease;
}
.progress-percent {
  margin-top: 4px;
  font-size: 14px;
}

/* Hide quantity column header and cells */
.woocommerce-cart-form__contents th.product-quantity,
.woocommerce-cart-form__contents td.product-quantity {
  display: none !important;
}
.woocommerce-cart table.cart .coupon .button:not(:hover),
.woocommerce-checkout table.cart .coupon .button:not(:hover),
#add_payment_method table.cart .coupon .button:not(:hover) {
  background: #005f73 !important;
  color: #f4f4f4 !important;
}
.woocommerce-cart-form__contents td.product-thumbnail img {
  width: 60px;
  height: auto;
  border-radius: 4px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
}
.woocommerce-notices-wrapper .woocommerce-message {
  background-color: #ffdd00 !important; /* Your theme yellow */
  color: #000000 !important; /* Black text */
  border-color: #000000 !important; /* Optional border color */
}

.woocommerce-notices-wrapper .woocommerce-message a {
  color: #000000 !important; /* Make Undo link black too */
  text-decoration: underline;
}
/* WooCommerce notice boxes */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-notices-wrapper .woocommerce-error,
.woocommerce-notices-wrapper .woocommerce-message,
.woocommerce-notices-wrapper .woocommerce-info {
  background-color: #f4cd00 !important; /* light yellow */
  color: #000 !important; /* black text */
  border-color: #f4cd00; /* optional: border to match background */
}

/* Link inside notices (e.g., undo link) */
.woocommerce-message a,
.woocommerce-info a,
.woocommerce-error a {
  color: #000 !important;
  text-decoration: underline;
}

/* Optional: for smoother design, tweak padding and borders */
.woocommerce-message,
.woocommerce-error,
.woocommerce-info {
  padding: 15px 20px;
  border-radius: 4px;
  border: 1px solid #f4cd00;
}

/* Hide update cart button */
.woocommerce .cart .actions .button[name="update_cart"] {
  display: none !important;
}
.course-material-wrapper {
  background-color: #f2c400; /* match yellow */
  border: 1px solid #000;
  padding: 20px;
  margin-top: 20px;
}

.course-material-wrapper h3 {
  margin-top: 0;
  font-weight: bold;
}
.table-responsive {
  overflow: auto;
}

table.course-material-table {
  border-collapse: collapse;
  margin: 10px auto;
}

/* Zebra striping */
.course-material-table tr:nth-of-type(odd) {
  background: #eee;
}

.course-material-table th {
  background: #005f73;
  color: white;
  font-weight: bold;
}

.course-material-table td,
.course-material-table th {
  padding: 10px;
  border: 1px solid #ccc;
  text-align: left;
  font-size: 16px;
  font-family: Poppins, sans-serif;
}
.course-material-table td a {
  display: flex;
  padding: 10px;
  background: #005f73;
  color: #fff;
  text-decoration: none;
  border-radius: 5px;
  max-width: 40px;
  justify-content: center;
  align-items: center;
}

.course-material-table td a .fa {
  font: normal normal normal 16px/1 FontAwesome;
  color: #fff;
}
.course-material-table td a:hover .fa {
  color: #f4cd00;
}

/* single lesson style */
.lesson-nav-buttons {
  margin-top: 20px;
}
.nex-pre-btns {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
}
.nex-pre-btns a.button,
button.complete-btn {
  font-size: 14px;
  font-weight: 500;
  font-family: "Poppins";
  padding: 10px 15px;
}
.nex-pre-btns a.button.next-btn {
  margin-left: auto;
}
button.complete-btn {
  background: #4caf50;
  margin: 0 auto;
  margin-top: 10px;
}
button.complete-btn i {
  font-size: 16px;
}
.lesson-actions {
  display: flex;
  flex-wrap: wrap;
  max-width: calc(1280px - 30px);
  width: calc(100% - 30px);
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.lesson-actions .lesson-container {
  margin-bottom: 20px;
  flex-direction: column;
  padding: 20px;
  background: #fff;
  border-radius: 6px;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
  margin-bottom: 60px;
  width: 100%;
}
.lesson-actions:empty {
  display: none;
}
.lesson-actions h3 {
  font-weight: 600;
}
.lesson-info-box {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 0;
  flex-direction: column;
  padding: 20px;
  background: #fff;
  border-radius: 6px;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
}
.content-sec {
  display: block;
  padding: 0;
}
.content-sec div {
  margin: 0;
  margin-bottom: 8px;
}
.content-sec div:empty,
.content-sec p:empty {
  display: none;
}
.content-sec p {
  margin: 0;
  margin-bottom: 8px;
}
.content-sec p:last-child {
  margin-bottom: 0;
}
.lesson-info-left h2 {
  margin-top: 0;
  font-size: 24px;
  color: #000;
}
.lesson-info-left img {
  width: 100%;
  height: auto;
  object-fit: cover;
  max-height: 300px;
  margin-bottom: 20px;
}
.lesson-details-box h5 {
  font-size: 16px;
  color: #000;
  display: block;
  margin: 10px 0;
}
.lesson-details-box h5 a {
  color: #005f73;
}
.lesson-duraction {
  font-weight: 600;
  font-size: 14px;
}
.lesson-info-left p,
.lesson-info-right {
  font-size: 16px;
  color: #111;
}
.lesson-complete-msg,
p.lesson-complete-msg {
  color: green;
  font-size: 20px;
  font-weight: 500;
  margin: 0 0 10px 0;
  /*text-align: center;*/
}
a.button {
  display: flex;
  gap: 5px;
  align-items: center;
}

.lesson-info-right ul {
  padding-left: 20px;
  margin: 0;
  list-style-type: disc;
}

.lesson-info-right li {
  font-size: 15px;
}
.lesson-content-wrapper {
  display: flex;
  flex-direction: column;
  gap: 30px;
  padding: 20px;
}

.lesson-block {
  background: #f4cd00;
  padding: 20px;
  border: 1px solid #000000;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
  font-family: "Segoe UI", sans-serif;
  color: #111;
}

/* WYSIWYG text */
.lesson-text {
  font-size: 16px;
  line-height: 1.7;
}

/* Image block */
.lesson-image img {
  max-width: 100%;
  height: auto;
  border-radius: 6px;
}

/* Bullet points */
.lesson-points ul {
  padding-left: 20px;
  list-style-type: disc;
  margin: 0;
}

.lesson-points li {
  margin-bottom: 8px;
  font-size: 15px;
}

/* YouTube or MP4 Video block */
.lesson-video {
  display: flex;
  justify-content: center;
}

.lesson-video iframe,
.lesson-video video {
  width: 80%;
  max-width: 720px;
  height: auto;
  aspect-ratio: 16 / 9;
  border-radius: 10px;
  border: 1px solid #ccc;
}
.lesson-page-layout {
}
.lesson-sidebar .progress-container {
}
.lesson-sidebar .curriculum-item-title,
.lesson-sidebar .curriculum-item-title a {
  font-size: 14px;
  font-family: "Poppins";
  color: #000;
  font-weight: 500;
}
.lesson-sidebar .curriculum-item-title:hover,
.lesson-sidebar .curriculum-item-title a:hover {
  color: #005f73;
}
.lesson-sidebar-topics:not(:last-child) {
  margin-bottom: 7px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 7px;
}
.lesson-main-content {
  flex: 1;
}

.lesson-sidebar-topics h3 {
  margin-top: 0;
  font-size: 20px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #dddddd;
}

.lesson-sidebar-topics ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.lesson-sidebar-topics li {
  margin-bottom: 0;
  list-style: none !important;
  display: flex;
  width: 100%;
  gap: 8px;
  align-items: flex-start;
  color: #000;
  font-family: "Poppins";
  font-size: 12px;
  padding: 5px;
  border-radius: 3px;
}
.lesson-sidebar-topics li:hover {
  background: #dfdfdf;
}
.lesson-sidebar-topics ul li.topic i {
  color: #747474;
  font-size: 16px;
}
.lesson-sidebar-topics ul li.topic a {
  color: #747474;
}
.lesson-sidebar-topics ul li.topic:hover i {
  color: #005f73;
}
.lesson-sidebar-topics ul li.topic:hover a,
.lesson-sidebar-topics ul li.topic:hover a:hover {
  color: #005f73 !important;
  font-family: "Poppins";
  color: #747474;
  font-size: 12px;
}
.lesson-sidebar-topics ul li.topic.done a {
  color: #000;
}
.lesson-sidebar-topics ul li.topic.done span.icon,
.lesson-sidebar-topics ul li.topic.done span.icon i {
  color: #4caf50;
  line-height: 20px;
}

.lesson-sidebar-topics a {
  text-decoration: none;
  color: #000;
  font-weight: 500;
}
/* === TOPIC STYLES === */
.lms-topic-main {
  flex: 1;
  min-width: 0;
  padding-right: 20px;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.topic-info-box {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  flex-direction: column;
  padding: 20px;
  background: #fff;
  border-radius: 6px;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
  width: 100%;
}
.topic-info-left .title-btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.topic-info-left .title-btn .topic-complete-msg {
  margin-top: 0;
  font-size: 16px;
  display: flex;
  align-items: center;
  gap: 7px;
}
.topic-info-left h2 {
  margin-top: 0;
  font-size: 24px;
  color: #000;
  max-width: 70%;
}
.topic-info-left h5 {
  font-size: 16px;
  color: #000;
  display: block;
  margin: 10px 0;
}
.topic-info-left a {
  color: #005f73;
}
.topic-info-left a:hover {
  color: #d62828;
}
.topic-info-left p,
.topic-info-right {
  font-size: 16px;
  color: #111;
}
.topic-info-right ul {
  padding-left: 20px;
  margin: 0;
  list-style-type: disc;
}
.topic-info-right li {
  font-size: 15px;
}
.topic-nav-buttons {
  margin-top: 10px;
}
.topic-content-wrapper {
  display: flex;
  flex-direction: column;
  gap: 30px;
  padding: 20px;
}
.topic-block {
  background: #f4cd00;
  padding: 20px;
  border: 1px solid #000;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
  font-family: "Segoe UI", sans-serif;
  color: #111;
}
.topic-text {
  font-size: 16px;
  line-height: 1.7;
}
.topic-image img {
  max-width: 100%;
  height: auto;
  border-radius: 6px;
}
.topic-points ul {
  padding-left: 20px;
  list-style-type: disc;
  margin: 0;
}
.topic-points li {
  margin-bottom: 8px;
  font-size: 15px;
}
.topic-video {
  display: flex;
  justify-content: center;
}
.topic-video iframe,
.topic-video video {
  width: 80%;
  max-width: 720px;
  height: auto;
  aspect-ratio: 16 / 9;
  border-radius: 10px;
  border: 1px solid #ccc;
}
/* custom dashboard start*/

.dashboard-sidebar {
  flex: 0 0 320px;
  max-width: 320px;
}

.referral-box {
  /*position: sticky;
    top: 30px;
*/
  padding: 20px;
  background: #fff;
  border-radius: 6px;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
  height: fit-content;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.referral-box h3 {
  font-size: 22px;
  font-weight: 600;
  /*margin-bottom: 20px;*/
}

.referral-btn {
  background-color: #005d69;
  color: #000000;
  padding: 10px 20px;
  display: inline-block;
  border-radius: 4px;
  text-decoration: none;
  font-weight: 600;
  transition: background 0.3s ease;
}

.referral-btn:hover {
  background-color: #004652;
}
.dashboard-wrapper {
  padding: 40px 20px;
  max-width: 1200px;
  margin: auto;
}
.dashboard-header-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 30px;
}
.welcome-box {
  flex-grow: 1;
  color: #000000;
  padding: 20px;
  background: #fff;
  border-radius: 6px;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
  width: 100%;
}
.user-info {
  display: flex;
  align-items: center;
  gap: 15px;
}

.welcome-box img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  object-fit: cover;
}

/* custom dashboard end */
/* referral-modal start */
.referral-modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9999;
  display: none;
  justify-content: center;
  align-items: center;
}

.referral-content {
  background: white;
  padding: 30px;
  width: 500px;
  border-radius: 8px;
  position: relative;
}

.close {
  position: absolute;
  right: 15px;
  top: 10px;
  font-size: 20px;
  cursor: pointer;
}

.email-preview {
  margin-top: 20px;
  background: #f5f5f5;
  padding: 15px;
  border-radius: 6px;
}
.email-preview p {
  margin: 0;
}
.tagify__input {
  flex-grow: 1;
  display: inline-block;
  min-width: 425px !important;
  margin: 5px;
  padding: var(--tag-pad);
  line-height: normal;
  position: relative;
  white-space: pre-wrap;
  color: var(--input-color);
  box-sizing: inherit;
  overflow: hidden;
}
/* referral-modal end */
/* Reward Points Box Start */
.reward-points-box {
  padding: 20px;
  background: #fff;
  border-radius: 6px;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
  width: 100%;
}

.reward-points-content {
  display: flex;
  align-items: center;
  gap: 12px;
}

.gift-icon {
  font-size: 26px;
}

.points-label {
  font-size: 14px;
  font-weight: 600;
  color: #000;
}

.points-value {
  font-size: 20px;
  font-weight: bold;
  color: #000;
}
/* Reward Points Box End */
/* progress functionlity */
.topic.locked {
  opacity: 0.5;
  pointer-events: none;
  cursor: not-allowed;
}
.lock-icon {
  color: red;
  margin-left: 6px;
}
.lms-spinner {
  animation: spin 1s linear infinite;
  display: inline-block;
}
@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}
.topic-complete-msg {
  color: green !important;
  font-weight: 600;
  margin-top: 15px;
}
/* Progress functionlity end */

@media (max-width: 901px) {
  .topic-info-left h2 {
    max-width: 100%;
  }
  .lesson-page-layout {
    flex-direction: column;
  }

  .lesson-sidebar {
    width: 100%;
  }
  .lms-container {
    flex-direction: column;
    gap: 30px;
    padding: 30px 15px;
  }
  .lms-sidebar {
    width: 100%;
  }
  .course-header {
    flex-direction: column;
  }
  .course-header img {
    width: 100%;
  }
  a.button.btn-buy,
  .btn-enroll-free,
  .btn-enroll {
    margin: 15px 95px;
    border-radius: 0px;
  }
  /* Shrink text and padding for better fit on small screens */
  .course-material-table th,
  .course-material-table td {
    font-size: 14px;
    padding: 8px;
  }

  /* Make table scrollable on small screens to prevent layout breaking */
  .course-material-wrapper {
    overflow-x: auto;
  }
  .lesson-info-box {
    flex-direction: column;
  }

  .lesson-info-left,
  .lesson-info-right {
    width: 100%;
  }

  .lesson-content-wrapper {
    padding: 15px;
  }

  .lesson-block {
    padding: 15px;
  }

  .lesson-text {
    font-size: 15px;
  }

  .lesson-points li {
    font-size: 14px;
  }
  .lesson-video iframe,
  .lesson-video video {
    width: 100%;
  }
  .lms-topic-main {
    padding-right: 0;
  }
  .topic-info-box {
    flex-direction: column;
  }
  .topic-info-left,
  .topic-info-right {
    width: 100%;
  }
  .topic-content-wrapper {
    padding: 15px;
  }
  .topic-block {
    padding: 15px;
  }
  .topic-text {
    font-size: 15px;
  }
  .topic-video iframe,
  .topic-video video {
    width: 100%;
  }
  .topic-points li {
    font-size: 14px;
  }
  .course-grid {
    justify-content: center;
  }

  .welcome-box {
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
  }
  .topic.locked {
    opacity: 0.5;
    pointer-events: none;
    cursor: not-allowed;
  }
  .lock-icon {
    color: red;
    margin-left: 6px;
  }
}

/* Button styling like Typeform */
.forminator-ui .forminator-button {
  background-color: #3b0ca0; /* Purple like Typeform */
  color: white;
  font-weight: bold;
  border-radius: 8px;
  padding: 12px 25px;
  font-size: 16px;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
  margin-right: 10px !important;
}
button.forminator-button.forminator-button-back.hide_btn {
  display: none !important;
}
button.forminator-button.forminator-button-back.hide_btn {
  display: none !important;
}
/* Container for options */
.forminator-radio {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* Each radio option styled as a button */
.forminator-radio .forminator-radio-label {
  display: flex;
  align-items: center;
  background-color: #d6b330;
  border: 1px solid #000;
  padding: 10px 32px 10px 10px;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  font-size: 18px;
}

/* Letter badge */
.forminator-radio .forminator-radio-label:before {
  content: attr(data-label);
  display: inline-block;
  background: #000;
  color: #ffd700;
  font-weight: bold;
  font-size: 16px;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  border-radius: 2px;
  margin-right: 12px;
}

/* Selected State */
.forminator-radio input:checked + .forminator-radio-label {
  background-color: #b8931a;
  box-shadow: inset 0 0 0 2px #000;
}

/* Hide default radio dot */
.forminator-radio input {
  display: none;
}

/* Optional: Style OK button */
.forminator-button-submit {
  background-color: #4b00a3;
  color: white;
  border-radius: 4px;
  font-weight: bold;
  padding: 10px 20px;
  box-shadow: 2px 2px 5px #0002;
}
.type-line {
  opacity: 0;
  transform: translateY(20px);
  animation: fadeInUp 0.6s ease forwards;
  color: black;
  font-size: 1.2rem;
  margin-bottom: 10px;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* Align form content to center */
.forminator-ui {
  background-color: #ffd233; /* Yellow background */
  padding: 50px;
  max-width: 100%;
  margin: 40px auto;
  border-radius: 12px;
}

/* Input field styling */
.forminator-ui input,
.forminator-ui textarea {
  font-size: 18px;
  padding: 10px;
  border: none;
  border-bottom: 2px solid #444;
  background: transparent;
  width: 100%;
  margin-bottom: 20px;
}
.forminator-response-message.moved-below {
  margin-top: 30px;
  padding: 20px;
  background-color: #f6f6f6;
  border: 1px solid #ddd;
  border-radius: 6px;
}
.forminator-response-message {
  text-align: left !important;
  display: block;
  width: 100%;
  margin: 20px auto 0;
}

@media screen and (min-width: 768px) {
  .woocommerce-cart table.cart th.product-name {
    position: relative !important;
  }
}
@media (max-width: 768px) {
  .lms-topic-main {
    width: 100%;
    padding-right: 0;
  }
  .topic-info-left h2 {
    max-width: 100%;
  }
  .lms-container {
    padding: 30px 15px;
  }
  .lesson-page-layout {
    flex-direction: column;
  }
  .lesson-sidebar {
    width: 100%;
    margin-bottom: 0;
    min-width: 100%;
  }
  .lesson-info-box {
    flex-direction: column;
  }

  .lesson-info-left,
  .lesson-info-right {
    width: 100%;
  }
  .lesson-content-wrapper {
    padding: 15px;
  }

  .lesson-block {
    padding: 15px;
  }

  .lesson-text {
    font-size: 15px;
  }
  .lesson-video iframe,
  .lesson-video video {
    width: 100%;
  }
  .lesson-points li {
    font-size: 14px;
  }
  .topic-info-box {
    flex-direction: column;
  }
  .topic-info-left,
  .topic-info-right {
    width: 100%;
  }
  .topic-content-wrapper {
    padding: 15px;
  }
  .topic-block {
    padding: 15px;
  }
  .topic-text {
    font-size: 15px;
  }
  .topic-video iframe,
  .topic-video video {
    width: 100%;
  }
  .topic-points li {
    font-size: 14px;
  }
  /*.course-grid {
      justify-content: center;
  }

  .course-card {
      width: 100%;
      max-width: 320px;
  }
*/
  .welcome-box {
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
  }
  .topic.locked {
    opacity: 0.5;
    pointer-events: none;
    cursor: not-allowed;
  }
  .lock-icon {
    color: red;
    margin-left: 6px;
  }
}

/* Course */

.banner {
  /*background: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4));*/
  background-size: cover !important;
  background-position: center center !important;
  height: 380px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  text-align: center;
  padding: 20px;
}

.banner h1 {
  font-size: clamp(20px, 3vw, 46px);
  margin-bottom: 1rem;
  font-weight: 600;
  color: #fff;
  margin: 0;
}

.courses-section {
  padding: 50px 20px;
  max-width: 1200px;
  margin: 0 auto;
}

.course-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 30px;
}

.course-card {
  border: 1px solid #eee;
  border-radius: 8px;
  overflow: hidden;
  transition: transform 0.3s ease;
  background: white;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.course-card:hover {
  transform: translateY(-5px);
}

.course-thumbnail {
  width: 100%;
  object-fit: cover;
  overflow: hidden;
  position: relative;
}
.course-thumbnail a {
  position: relative;
}
.course-thumbnail img,
.course-thumbnail a img {
  display: block;
  width: 100%;
  height: 100% !important;
  object-fit: cover;
  aspect-ratio: 16 / 9;
}
.course-content {
  padding: 20px;
}

.course-title {
  font-size: 18px;
  text-transform: capitalize;
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  margin-bottom: 15px;
  color: #333;
  font-weight: 600;
  min-height: 55px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.course-card .course-excerpt {
  font-size: 16px;
  line-height: 1.5;
  text-transform: none;
  font-family: Lato;
  font-style: normal;
  font-weight: 400;
}
.progress-container {
  background: #f0f0f0;
  height: 10px;
  border-radius: 5px;
  margin: 15px 0 30px 0;
}

/* .progress-bar {
    height: 100%;
    background: #4CAF50;
    border-radius: 5px;
    transition: width 0.3s ease;
} */

.author {
  display: flex;
  align-items: center;
  gap: 10px;
}

.author-image {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
}

.author-name {
  color: #666;
  font-size: 0.9rem;
  font-weight: 500;
}

.course-meta {
  font-size: 13px;
  margin-top: auto;
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  margin-bottom: 10px;
  align-items: center;
  font-weight: 600;
  color: #666;
  justify-content: start;
}
.course-meta i {
  font-size: 16px;
  color: #005f73;
}
.course-price {
  color: #f3cc04;
  background: #000;
  align-content: center;
  padding: 4px 10px;
  border-radius: 4px;
  font-weight: bold;
}
.course-label {
  padding: 2px 10px;
  border-radius: 4px;
  font-weight: bold;
  position: absolute;
  right: 5px;
  top: 5px;
  z-index: 9;
  font-size: 12px;
}
span.cust-lable {
  display: flex;
  align-items: center;
  gap: 5px;
}
.course-label.free {
  background: #34d399;
  color: #fff;
}
.course-label.paid {
  background: #f43f5e;
  color: #fff;
}

.read-more {
  font-size: 13px;
  font-weight: 500;
  color: #000;
  text-decoration: none;
  margin-top: auto;
  display: inline-block;
}
.read-more:hover {
  text-decoration: underline;
}

@media (max-width: 768px) {
  .banner {
    height: 260px;
  }
  .course-title {
    min-height: inherit;
  }
}

/* Single Course page Start Here */
.course-header {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  flex-direction: column;
  padding: 20px;
  background: #fff;
  border-radius: 6px;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
}
.course-header img {
  width: 100%;
  height: auto;
  object-fit: cover;
  max-height: 300px;
}
.course-details-box {
  display: flex;
  flex-direction: column;
}
.course-details-box h1 {
  margin-top: 0;
  font-size: clamp(30px, 4vw, 36px);
  color: #000;
  font-weight: 600;
  line-height: 1.3;
}
.course-details-box {
}

.lesson-details {
  display: flex;
  flex-wrap: none;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
}
.lesson-details .lesson-detail-item {
}
.lesson-details .lesson-detail-item strong {
  color: #005f73;
  text-transform: capitalize;
}

.curriculum-section {
  padding: 20px;
  background: #fff;
  border-radius: 6px;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
}
.curriculum-section h2 {
  font-size: clamp(24px, 4vw, 30px);
  color: #000;
  font-weight: 600;
  line-height: 1.3;
  margin-bottom: 20px;
}
.curriculum-item {
  /*border: 1px solid #000000;*/
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.15);
  padding: 12px;
  margin-bottom: 10px;
  border-radius: 4px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.curriculum-item:last-child {
  margin-bottom: 0;
}
.curriculum-item details {
  width: 100%;
}
.curriculum-item ul.topic-list li {
  display: flex;
  gap: 10px;
  list-style: none;
}
.curriculum-item .curriculum-item-duration {
  font-weight: 600;
  font-size: 14px;
  text-align: right;
}
.curriculum-item ul.topic-list {
  margin: 0;
  padding: 10px 0;
}
.curriculum-item ul.topic-list li.topic.done i {
  color: #4caf50;
}
.curriculum-item ul.topic-list li:not(.done) a {
  color: #747474;
}
.curriculum-item-title {
  font-weight: bold;
  font-size: 18px;
  gap: 10px;
}
.curriculum-item-title span {
  margin-left: 10px;
  font-size: 12px;
  line-height: 1.2;
  display: inline-block;
  color: #fff;
  padding: 5px 10px;
  background: #005f73;
  border-radius: 30px;
  position: relative;
  top: -3px;
}
.curriculum-item-title a {
  text-decoration: none !important;
}
.lms-sidebar button {
  display: block;
  width: 100%;
}
.course-sidebar-info h3 {
  margin-top: 0;
  font-weight: 600;
  border-bottom: 1px solid #005f73;
  padding-bottom: 10px;
  margin-bottom: 10px;
  line-height: 1.2;
}
.course-sidebar-info ul {
  padding: 0;
  margin: 0;
}
.course-sidebar-info ul li {
  margin: 0 0 6px 0;
  font-size: 14px;
  list-style: none;
  color: #000;
}
.course-sidebar-info ul.course-info-list li {
  display: flex;
  gap: 5px;
  font-size: 16px;
  font-weight: 600;
}
.course-sidebar-info ul.course-info-list li span {
  width: 18px;
}
.already-enrolled-msg {
  display: block;
  text-align: center;
  color: #4caf50;
  font-size: 18px;
  margin: 10px 0;
}
span.cust-lable i {
  font-size: 16px;
  color: #005f73;
}
li.topic {
  list-style: auto;
}
li.topic a {
  text-decoration: none;
}
a.button.btn-buy,
.btn-enroll-free,
.btn-enroll {
  display: block;
  margin: 10px auto;
  border-radius: 0px;
  width: 100%;
  text-align: center;
  border-radius: 4px;
}
.header-cart-wrap.kadence-header-cart {
  display: none;
}
.wc-block-components-quantity-selector {
  display: none !important;
}
.course-detail-price {
  text-align: center;
  font-weight: 600;
  color: #000;
  font-size: 18px;
}

.speaker-section {
  padding: 20px;
  background: #fff;
  border-radius: 6px;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
}

.speaker-section h2 {
  font-size: 1.75rem;
  color: #1a1a1a;
  margin-bottom: 10px;
}

.speaker-card {
  display: flex;
  gap: 1.5rem;
}

.speaker-image {
  flex-shrink: 0;
}

.speaker-image img {
  width: 150px;
  height: 150px;
  border-radius: 4px;
  object-fit: cover;
}

.speaker-info {
  flex-grow: 1;
}

.speaker-info h3 {
  font-size: 1.5rem;
  color: #000;
  margin: 0;
  font-weight: 600;
}

.speaker-bio {
  font-size: 1rem;
  line-height: 1.6;
  color: #000;
  margin: 0 0 10px 0;
}

.course-count {
  font-size: 0.9rem;
  color: #666;
  margin: 0;
}
.course-details-box .progress-container {
  margin-bottom: 30px;
}
.lms-sidebar .progress-container {
  margin-bottom: 40px;
}

/* Responsive Design */
@media (max-width: 768px) {
  .lms-main {
    padding-right: 0;
  }
}
@media (max-width: 600px) {
  .speaker-card {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .speaker-image img {
    width: 120px;
    height: 120px;
  }
  .speaker-section h2 {
    text-align: center;
  }
  .curriculum-item {
    flex-wrap: wrap;
  }
  .curriculum-item-title span {
    margin-left: 0;
    display: block;
    width: fit-content;
  }
  .curriculum-item-title a {
    display: block;
    line-height: 1.2;
    margin-bottom: 10px;
  }
}
/* Single Course page End Here */

/* Dashboard Style Start Here */
.progress-wrapper {
  position: relative;
  width: 80px;
  height: 80px;
}
.progress-bar-round {
  margin-left: auto;
  max-width: 80px;
}
.user-info .user-name {
  flex: 1;
}
h5.progress-title {
}
.progress-ring {
  transform: rotate(-90deg);
}

.progress-ring__background {
  fill: none;
  stroke: #f1f1f1;
  stroke-width: 10;
}

.progress-ring__circle {
  fill: none;
  stroke: #005f73;
  stroke-width: 10;
  stroke-linecap: round;
  stroke-dasharray: 314; /* 2 * π * r */
  stroke-dashoffset: 314;
}

.progress-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 1.4rem;
  color: #005f73;
  font-weight: bold;
}

.badge {
  background: #f4cd00;
}
.dash-course-content {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.dash-course-content .dash-sec-title {
  text-align: left;
  font-size: clamp(26px, 3vw, 30px);
}
.dashboard-layout {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  padding: 60px 20px;
  max-width: 1200px;
  margin: 0 auto;
}
@media (max-width: 580px) {
  .user-info {
    flex-direction: column;
  }
  .progress-bar-round {
    margin-left: auto;
    max-width: 120px;
    margin-right: auto;
  }
  .user-info .user-name {
    text-align: center;
  }
}

/* Referel Popup Start Here */
/* Modal background */
.referral-modal {
  display: none;
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  background-color: rgba(0, 0, 0, 0.6);
  transition: opacity 0.3s ease;
}

/* Popup card */
.referral-content {
  background: #ffffff;
  margin: 5% auto;
  padding: 30px;
  border-radius: 12px;
  width: 90%;
  max-width: 500px;
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2);
  position: relative;
  animation: slideIn 0.4s ease-out;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

/* Animation */
@keyframes slideIn {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Close button */
.close {
  position: absolute;
  top: 15px;
  right: 20px;
  font-size: 24px;
  font-weight: bold;
  color: #aaa;
  cursor: pointer;
  transition: color 0.3s ease;
}

.close:hover {
  color: #000;
}

/* Headings */
.referral-content h2 {
  margin-bottom: 20px;
  font-size: 24px;
  color: #333;
}

/* Input group */
.form-group {
  margin-bottom: 20px;
}
.form-group br {
  display: none;
}
.form-group label {
  display: block;
  margin-bottom: 6px;
  font-weight: 600;
  color: #444;
}

/* Inputs */
.input-full,
.input-preview {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 15px;
  transition: border 0.3s;
}

.input-full:focus {
  border-color: #0073aa;
  outline: none;
}

.input-preview {
  background-color: #f5f5f5;
  user-select: none;
  cursor: default;
  font-family: monospace;
  color: #333;
}

/* Email preview section */
.email-preview {
  background: #f9f9f9;
  padding: 15px;
  border-left: 4px solid #005f73;
  border-radius: 6px;
  margin-bottom: 20px;
}

.email-preview h3 {
  margin-top: 0;
  color: #0073aa;
  font-size: 16px;
}

/* Send button */
.referral-submit-btn {
  width: 100%;
  padding: 12px;
  background: #005f73;
  color: white;
  font-size: 16px;
  font-weight: 600;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: background 0.3s ease;
}

.referral-submit-btn:hover {
  background: #d62828;
}

/* Loader & Success Message */
.referral-loader,
.referral-success {
  margin-top: 15px;
  font-size: 14px;
  display: none;
}

.referral-loader {
  color: #0073aa;
}

.referral-success {
  color: #28a745;
}

/* Referel Popup End Here */

/* Dashboard Style End Here */

/* Login Register Page Design Start Here */
body.logged-in.woocommerce-account .entry-content .woocommerce {
  padding: 20px;
  background: #fff;
  border-radius: 6px;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
}

.woocommerce form.login,
.woocommerce form.checkout_coupon,
.woocommerce form.register {
  border: 0 !important;
  background: #fff;
  border-radius: 6px !important;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
  background: transparent;
}
/* Login Register Page Design End Here */
/* 
 listing */
.blog-banner {
  background-image: url("<?php echo esc_url($banner_img); ?>");
  background-size: cover;
  background-position: center;
  padding: 100px 20px;
  color: white;
  text-align: center;
}
.blog-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  padding: 40px 20px;
  max-width: 1200px;
  margin: auto;
}
.blog-card {
  background: #fff;
  border: 1px solid #ddd;
  padding: 20px;
  width: calc(33.33% - 20px);
  box-sizing: border-box;
  border-radius: 8px;
}
.blog-card img {
  max-width: 100%;
  height: auto;
  border-radius: 6px;
}
.blog-card h3 {
  font-size: 18px;
  margin-top: 15px;
}
.read-more-btn {
  display: inline-block;
  margin-top: 15px;
  background: #0073aa;
  color: #fff;
  padding: 10px 20px;
  text-decoration: none;
  border-radius: 5px;
}
.read-more-btn:hover {
  color: #fff !important;
}
.popup-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  justify-content: center;
  align-items: center;
  z-index: 9999;
}
.popup-box {
  background: #fff;
  padding: 30px;
  border-radius: 8px;
  width: 400px;
  text-align: center;
}
.popup-box input[type="email"] {
  width: 100%;
  padding: 12px;
  margin-top: 10px;
}
.popup-box button {
  margin-top: 15px;
  padding: 10px 20px;
  background: #0073aa;
  color: white;
  border: none;
  border-radius: 4px;
}
.popup-box h2 {
  font-size: 20px;
  line-height: 1.3;
  margin: 10px auto;
}
.popup-box {
  width: 500px;
}

/* form loading messages  */
.loading-wrapper {
  text-align: center;
  margin-top: 20px;
}

.spinner {
  width: 40px;
  height: 40px;
  margin: 0 auto 10px;
  border: 4px solid #ccc;
  border-top: 4px solid #000;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

.progress-steps .step {
  display: inline-block;
  margin: 0 10px;
  opacity: 0.5;
}

.progress-steps .step.active {
  font-weight: bold;
  opacity: 1;
}
/* OverRide css for Form */

/* market-validation-tool Form */
#forminator-module-1973 .forminator-field .forminator-label {
  margin: 0px;
  max-width: 100%;
  width: inherit;
  font-weight: unset !important;
  font-size: clamp(18px, 3vw, 24px) !important;
  line-height: 32px;
  color: rgb(0, 0, 0) !important;
  text-align: start;
}
#forminator-module-1973 .forminator-field .forminator-input {
  width: 100%;
  font-family: inherit;
  color: rgb(0, 0, 0);
  padding-block-start: 0px;
  padding-block-end: var(--spacing-100);
  padding-inline: 0px;
  border: none;
  outline: none;
  border-radius: 0px;
  appearance: none;
  transform: translateZ(0px);
  font-size: clamp(18px, 4vw, 30px);
  line-height: unset;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 1px;
  background-color: transparent !important;
}
#forminator-module-1973 .forminator-ui .forminator-button {
  margin-right: 10px !important;
}

#forminator-module-1973 .forminator-field.forminator-merge-tags {
  margin: 0px;
  max-width: 100%;
  width: inherit;
  font-weight: unset;
  font-size: clamp(16px, 2.5vw, 20px);
  line-height: 28px;
  color: rgba(0, 0, 0, 0.7);
  text-align: start;
  overflow-wrap: break-word;
}

.forminator-ui {
  max-width: 100% !important;
  margin: 40px auto !important;
  border-radius: 12px !important;
  background-color: rgb(251, 206, 55) !important;
  border-top: 4px solid rgba(51, 12, 145, 0.56) !important;
  padding: 100px 65px !important;
}

#forminator-module-1973 .forminator-field {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 30px;
}

.forminator-pagination-footer {
  display: flex;
  justify-content: start !important;
}
.forminator-error-message {
  font-size: clamp(12px, 2vw, 14px);
  color: rgb(140, 3, 3);
  font-family: sans-serif;
}

#forminator-module-1973 .forminator-checkbox-label {
     margin: 0px;
    max-width: max-content;
    width: inherit;
    font-weight: unset;
    font-size: clamp(16px, 2.5vw, 20px);
    line-height: 28px;
    color: rgb(0, 0, 0);
    line-height: 1;
}

#forminator-module-1973 .forminator-description {
  margin: 0px;
  max-width: 100%;
  width: inherit;
  font-weight: unset;
  font-size: 24px;
  line-height: 32px;
}

#forminator-module-1973 .generate-ai-response-btn {
  font-style: normal;
  font-weight: normal;
  font-size: clamp(12px, 2vw, 13px) !important;
  font-family: Poppins, sans-serif;
  text-transform: uppercase;
  border-radius: 50px !important;
  padding: 15px 30px 15px 30px !important;
  border: 0px solid currentColor !important;
  border-color: var(--global-palette1) !important;
  box-shadow: 0px 0px 0px -7px rgba(0, 0, 0, 0) !important;
  white-space: nowrap;
  width: auto !important;
}

#forminator-module-1973 .generate-ai-response-btn:hover {
  background-color: var(--global-palette-btn-bg-hover) !important;
}
#forminator-module-1973 .forminator-checkbox {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100% !important;
  justify-content: start;
}
#forminator-module-1973 .forminator-checkbox input{
  width: auto;
  margin-bottom: 0;
  margin-right: 10px;
}

/* #forminator-field-checkbox-1-1-689188ec3d7f1 {
  width: 20px;
  height: 20px;
  accent-color: #3b0ca0;
} */
#forminator-module-1973
  input[type="checkbox"][name="checkbox-1[]"][value="one"] {
  width: 20px;
  height: 20px;
  accent-color: #3b0ca0;
}

.ai_prompt {
  line-height: 1.6;
}

.ai_prompt p {
  margin-bottom: 20px;
  font-size: 16px;
}

.ai_prompt h3 {
  font-size: 20px;
  margin-top: 30px;
  margin-bottom: 10px;
  color: #0073aa;
  border-bottom: 2px solid #0073aa;
  padding-bottom: 5px;
}

.ai_prompt ul {
  list-style: disc inside;
  margin-left: 20px;
  padding-left: 10px;
  margin-bottom: 20px;
}

.ai_prompt li {
  margin-bottom: 10px;
  font-size: 15px;
}

#survey-output {
  font-size: 14px;
  color: #555;
  margin-top: 30px;
  font-style: italic;
}

.ai-response-placeholder {
  display: none;
  color: #999;
  font-size: 14px;
}
@media (max-width: 390px) {
  .forminator-pagination-footer {
    display: block;
    justify-content: unset !important; /* optional: resets flex behavior */
  }
  .forminator-field {
    align-items: center !important;
  }
}

/* idea-surveys Form */
#forminator-module-2005 .forminator-merge-tags strong {
  font-size: 30px;
  font-size: 24px;
  line-height: 32px;
}

.forminator-field .forminator-label {
  margin: 0px;
  max-width: 100%;
  width: inherit;
  font-weight: unset !important;
  font-size: 20px !important;
  line-height: 28px;
  color: rgb(0, 0, 0) !important;
  text-align: start;
}
#forminator-module-2005 .forminator-field .forminator-input {
  width: 100%;
  font-family: inherit;
  color: rgb(0, 0, 0);
  padding-block-start: 0px;
  padding-block-end: var(--spacing-100);
  padding-inline: 0px;
  border: none;
  outline: none;
  border-radius: 0px;
  appearance: none;
  transform: translateZ(0px);
  font-size: clamp(18px, 4vw, 22px);
  line-height: unset;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 1px;
  background-color: transparent !important;
  min-height: 48px;
}
#forminator-module-2005 .forminator-field {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
}
#forminator-module-2005 .forminator-row .forminator-field-text {
  margin: 0;
}
#forminator-module-2005 .forminator-row .forminator-field-select {
  margin: 0;
}
.select2-results,
.forminator-select--field option {
  position: relative;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  border-radius: var(--sampler-theme-border-radius);
  background-color: rgb(226, 185, 50);
  box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 0px 1px inset;
  color: rgb(0, 0, 0);
  max-width: 100%;
  height: inherit;
  min-height: 40px;
  outline: 0px;
  padding-block: 4px;
  transition-duration: 0.1s;
  transition-property: background-color, color, border-color, opacity,
    box-shadow;
  transition-timing-function: ease-out;
  width: 100%;
  word-break: break-word;
  cursor: pointer;
  opacity: 1;
}

.forminator-select--field {
  width: 100%;
  background-color: rgb(251, 206, 55) !important;
  border: none;
  color: #000;
  font-size: 22px;
  border-bottom: 1px solid;
}
.forminator-input::placeholder {
  color: #b09027 !important;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__placeholder {
  color: #b09027; /* or your desired placeholder color */
}
#forminator-module-2005 .forminator-pagination-footer {
  display: flex;
  justify-content: start !important;
  margin-left: 0;
  margin-top: 30px;
}
.forminator-ui#forminator-module-2005.forminator-design--default .forminator-button-submit,
.forminator-ui#forminator-module-2005.forminator-design--default .forminator-button-next {
    font-size: 16px !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: bold !important;
    background-color: #3b0ca0;
    color: white;
    font-weight: bold;
    border-radius: 8px;
    padding: 12px 25px;
    font-size: 16px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
    margin-right: 10px !important;
    min-width: max-content;
}
.forminator-ui#forminator-module-2005.forminator-design--default select.forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__rendered {
    line-height: 30px !important;
    min-height: 48px;
}
#forminator-module-2005 .forminator-field-html div {
  font-size: 20px;
  font-size: 20px;
  line-height: 28px;
  color: rgba(0, 0, 0, 0.7);
}
#forminator-module-2005 .forminator-merge-tags p strong {
  font-size: 20px;
  display: flex;
}
.kt-inside-inner-col .context-text p{
  margin-bottom: 10px;
}
/* legal-entity-tool Form  */

#forminator-module-2011 .forminator-pagination--content {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
#forminator-module-2011 .forminator-pagination {
  width: 100%;
  max-width: 719px;
  margin: 0px auto;
  padding-inline: 0px;
}
#forminator-module-2011
  .forminator-row
  .forminator-field-radio
  .forminator-field {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: flex-start;
}

#forminator-module-2011 .forminator-field .forminator-radio {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 3px !important;
}

#forminator-module-2011
  .forminator-row
  .forminator-field-html
  .forminator-field
  p
  strong {
  font-weight: bold;
  font-size: 24px;
  line-height: 32px;
  color: #000;
}
#forminator-module-2011
  .forminator-row
  .forminator-field-radio
  .forminator-field
  .forminator-label {
  font-weight: unset;
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 30px;
}

#forminator-module-2011 .forminator-button.forminator-button-next,
#forminator-module-2005 .forminator-button.forminator-button-next {
  background-color: #3b0ca0;
  color: white;
  font-weight: bold !important;
  border-radius: 8px;
  padding: 12px 25px;
  font-size: 16px !important;
  font-family: 'Poppins', sans-serif !important;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
  margin-right: 10px !important;
  min-width: max-content;
}
#forminator-module-2011 .forminator-button.forminator-button-submit,
#forminator-module-2005 .forminator-button.forminator-button-submit {
  background-color: #3b0ca0;
  color: white;
  font-weight: bold;
  border-radius: 8px;
  padding: 12px 25px;
  font-size: 16px;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
  margin-right: 10px !important;
}
#forminator-module-2011 .forminator-button.forminator-button-back ,
#forminator-module-2005 .forminator-button.forminator-button-back {
  background-color: #3b0ca0;
  color: white;
  font-weight: bold !important;
  border-radius: 8px;
  padding: 12px 25px;
  font-size: 16px !important;
  font-family: 'Poppins', sans-serif !important;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
  margin-right: 10px !important;
}
/* .forminator-ui#forminator-module-2011.forminator-design--default
  .forminator-radio
  .forminator-radio-bullet:before {
  background-color: #000 !important;
}

.forminator-ui#forminator-module-2011.forminator-design--default
  .forminator-radio
  input:checked
  + .forminator-radio-bullet {
  border-color: #000 !important;
  background-color: #ededed;
} */

#forminator-module-2011 .forminator-radio .forminator-radio-label:before {
  background-color: rgb(251, 206, 55) !important;
  color: #000 !important;
}
#forminator-module-2011 .forminator-radio .forminator-radio-label {
  font-weight: unset !important;
  font-size: 20px !important;
  margin: 0px !important;
}
#forminator-module-2011
  .forminator-field
  .TextWrapper-sc-__sc-1f8vz90-0.lcdugT {
  font-weight: unset;
  font-size: 20px;
  line-height: 28px;
  color: rgba(0, 0, 0, 0.7);
  text-align: start;
  overflow-wrap: break-word;
}
/* Hide the bullet */
.forminator-radio-bullet {
  opacity: 0 !important;
  display: none !important;
}

/* On selected (active) radio */
/* Base styles for radio label */
.forminator-radio-label {
  position: relative;
  display: inline-block;
  padding: 10px 16px;
  border: 2px solid #ccc;
  border-radius: 8px;
  color: #333;
  background-color: #fff;
  cursor: pointer;
  transition: all 0.3s ease;
}

/* Hover effect */
.forminator-radio-label:hover {
  border-color: #000;
  background-color: #b19126;
}

/* Checked state */
label.forminator-is_checked .forminator-radio-label {
  border-color: #000;
  background-color: #a18222;
  color: #000;
}

/* Checkmark icon using ::after */
label.forminator-is_checked .forminator-radio-label::after {
  content: "✔";
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 16px;
  color: #000;
}

.forminator-ui#forminator-module-2011.forminator-design--default
  .forminator-select2
  + .forminator-select
  .selection
  .select2-selection--single[role="combobox"] {
  width: 100%;
  background-color: rgb(251, 206, 55) !important;
  border: none;
  color: #000;
  font-size: 22px;
  border-bottom: 1px solid;
}

@media (max-width: 425px) {
  .forminator-ui {
    padding: 25px !important;
  }
}

#forminator-module-2011 .forminator-pagination-footer {
  width: 100%;
  max-width: 715px;
  margin: 31px auto;
  padding-inline: 0px;
}

/* === Base Styles === */
.forminator-ui#forminator-module-2011.forminator-design--default
  .forminator-select2
  + .forminator-select
  .selection
  .select2-selection--single[role="combobox"] {
  border-color: #000 !important;
  background-color: #ededed;
}

.forminator-ui#forminator-module-2011.forminator-design--default
  .forminator-select2
  + .forminator-select
  .selection
  .select2-selection--single[role="combobox"]:focus,
.forminator-ui#forminator-module-2011.forminator-design--default
  .forminator-select2
  + .forminator-select.select2-container--open
  .selection
  .select2-selection--single[role="combobox"] {
  border-color: #000 !important;
  background-color: #e6e6e6;
}

.forminator-ui#forminator-module-2011.forminator-design--default
  .forminator-select2
  + .forminator-select
  .selection
  .select2-selection--single[role="combobox"]:hover {
  border-color: #000 !important;
  background-color: #e6e6e6;
}

/* === Arrow Icon Color === */
.forminator-ui#forminator-module-2011.forminator-design--default
  .forminator-select2
  + .forminator-select
  .selection
  .select2-selection--single[role="combobox"]:focus
  .select2-selection__arrow,
.forminator-ui#forminator-module-2011.forminator-design--default
  .forminator-select2
  + .forminator-select.select2-container--open
  .selection
  .select2-selection--single[role="combobox"]
  .select2-selection__arrow,
.forminator-ui#forminator-module-2011.forminator-design--default
  .forminator-select2
  + .forminator-select
  .selection
  .select2-selection--single[role="combobox"]:hover
  .select2-selection__arrow,
.forminator-ui#forminator-module-2011.forminator-design--default
  .forminator-select2
  + .forminator-select
  .selection
  .select2-selection--single[role="combobox"]
  .select2-selection__arrow {
  color: #000 !important;
}

/* === Selected Option Rendered Text === */
.forminator-ui#forminator-module-2011.forminator-design--default
  select.forminator-select2
  + .forminator-select
  .selection
  .select2-selection--single[role="combobox"]
  .select2-selection__rendered {
  line-height: 22px;
  font-weight: 400 !important;
  width: 100%;
  background-color: rgb(251, 206, 55) !important;
  border: none;
  color: #000;
  font-size: 22px !important;
  white-space: pre-wrap !important;
}

/* === Form Field Margin === */
.forminator-ui.forminator-custom-form[data-design="default"]
  select.forminator-select2
  + .forminator-select {
      margin-top: 20px;
}

/* === Dropdown Container Styling === */
.forminator-select-dropdown-container--open
  .forminator-custom-form-2011.forminator-dropdown--default {
  border-color: #ededed !important;
  background-color: rgb(226, 185, 50) !important;
}

/* === Dropdown Options === */
.forminator-select-dropdown-container--open
  .forminator-custom-form-2011.forminator-dropdown--default
  .select2-results__option,
.forminator-select-dropdown-container--open
  .forminator-custom-form-2011.forminator-dropdown--default
  .select2-results__option
  span:not(.forminator-checkbox-box) {
  color: #000 !important;
  font-size: 18px !important;
  padding: 5px 8px;
}

/* === Highlighted & Selected Options === */
.forminator-select-dropdown-container--open
  .forminator-custom-form-2011.forminator-dropdown--default
  .select2-results__option.select2-results__option--selected,
.forminator-select-dropdown-container--open
  .forminator-custom-form-2011.forminator-dropdown--default
  .select2-results__option.select2-results__option--selected
  span:not(.forminator-checkbox-box),
.forminator-select-dropdown-container--open
  .forminator-custom-form-2011.forminator-dropdown--default
  .select2-results__option.select2-results__option--highlighted:not(
    .select2-results__option--selected
  ),
.forminator-select-dropdown-container--open
  .forminator-custom-form-2011.forminator-dropdown--default
  .select2-results__option.select2-results__option--highlighted:not(
    .select2-results__option--selected
  )
  span:not(.forminator-checkbox-box) {
  background-color: grey !important;
}

/* === Remove Padding and Border from Dropdown === */
.forminator-select.forminator-select-dropdown-container--open
  .forminator-select-dropdown.forminator-dropdown--default {
  padding: 0 !important;
  border-style: none !important;
}

/* .forminator-input:-webkit-autofill,
.forminator-input:-webkit-autofill:focus,
.forminator-input:-webkit-autofill:hover,
.forminator-input:-webkit-autofill:active {
  transition: background-color 5000s ease-in-out 0s !important;
  -webkit-text-fill-color: #000 !important;
  box-shadow: 0 0 0px 1000px transparent inset !important;
  background-color: transparent !important;
} */

div#responses-container{
  max-height: 600px;
  overflow: auto;
}
div#responses-container th{
  background: #f7f7f7;
}
div#responses-container th:last-child{
  min-width: 180px;
}
div#responses-container thead,
div#responses-container tbody {
    border-color: #ebebeb;
}
div#responses-container table tbody tr:nth-child(even) {
  background-color: #f7f7f7;
}

/* Odd rows */
div#responses-container table tbody tr:nth-child(odd) {
  background-color: #ffffff;
}

/* Optional: hover effect */
div#responses-container table tbody tr:hover {
  background-color: #f1f1f1;
}

div#responses-container{
  border-left: 1px solid #f7f7f7;
  border-right: 1px solid #f7f7f7;
}
.woocommerce-account .account-navigation-wrap li a{
  border-left: 0 !important;
  border-bottom: 5px solid #f7f7f7;
}
.woocommerce-account .account-navigation-wrap ul{
  display: flex;
  gap: 10px;
  justify-content: start;
  flex-wrap: wrap;
}
.woocommerce-account .account-navigation-wrap ul li{
  min-width: fit-content;
}
.woocommerce-account .account-navigation-wrap li a{
  padding: 5px 7px !important;
  width: fit-content;
}
.woocommerce-account .account-navigation-wrap li a:hover {
  font-weight: normal;
  border-left: 0 !important;
  border-bottom: 5px solid var(--global-palette-highlight);
}
.woocommerce-account .account-navigation-wrap li.is-active a, 
.woocommerce-account .account-navigation-wrap li.is-active a:hover{
    border-left: 0 !important;
    border-bottom: 5px solid var(--global-palette-highlight);
    font-weight: bold;
}

div#ai-response-content{
  text-align: left;
  color: #000;
}
div#ai-response-content h1{
  font-size: clamp(24px, 2vw, 30px);
  font-weight: 700;
}
div#ai-response-content h2{ 
  font-size: clamp(18px, 2vw, 20px);
}
div#ai-response-content h3{
  font-size: clamp(16px, 2vw, 16px);
  font-weight: 600;
  margin: 10px 0 5px 0;
}
div#ai-response-content p{
  margin-top: 0;
  font-size: 16px;
  line-height: 1.5;
}
div#ai-response-content form select,
div#ai-response-content form input:not([type="checkbox"]){
  display: block;
  margin: 10px 0;
  width: 100%;
  background: transparent;
  border-radius: 4px;
  line-height: 1.5;
  min-height: 40px;
}
div#ai-response-content button{
  margin-bottom: 10px;
}
div#ai-response-content form ul{
  list-style: none;
  margin-left: 0;
}
button#close-ai-response{
  padding: 10px 20px 10px 20px;
}
.woocommerce .woocommerce-info .button{
  color: #fff !important;
}

.woocommerce-Address .woocommerce-Address address{
  padding: 15px;
  border: 1px solid #f7f7f7;
  border-radius: 4px;
}
.woocommerce-account .account-navigation-wrap .kadence-customer-image{
  left: 0 !important;
}
.woocommerce-account .account-navigation-wrap .kadence-account-avatar .kadence-customer-name {
    padding-left: 20px !important;
}
.wp-site-blocks .page-title h1{
      font-size: clamp(30px, 3vw, 46px);
}
@media screen and (min-width: 768px) {
  .woocommerce-account .account-navigation-wrap {
    float: none !important;
    width: 100% !important;
    border-left: 0 !important;
    margin-bottom: 30px !important;
    border-bottom: 1px solid #808080;
  }
  .woocommerce-account .woocommerce-MyAccount-content {
    float: none !important;
    width: 100% !important;
  }
}

@media (max-width: 768px){
  .woocommerce-account .woocommerce-MyAccount-content h3{
    font-size: 20px;
    font-weight: 700;
  }
}
/* STart a hustle  */
.page-template-start-a-side-hustle .container {
  max-width: 1240px;
  margin: 0 auto;
}
.page-template-start-a-side-hustle .container .page-title{
  font-size: clamp(30px, 3vw, 46px);
  font-weight: 600;
}
.outer-wrapper {
  /*margin-top: -230px;*/
  padding: 60px 15px;
}
.step-section {
  background: #fff;
  padding: 30px;
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.06);
  margin-top: 2em;
  text-align: center;
}
.step-section p{
  font-size: 16px;
}
.step-button {
  display: inline-block;
  margin-top: 0.1em;
  padding: 0.75em 1.5em;
  background-color: #000;
  color: #fff;
  text-decoration: none;
  border-radius: 8px;
  font-weight: bold;
  transition: background 0.2s ease;
  cursor: pointer;
}
.step-button:hover {
  color: #fff;
  background-color: #333;
}

/* Wrapper (overlay background) */
.guest-popup-wrapper {
  display: none; /* hidden by default */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 9999;
}

.guest-popup-content h2{
  font-size: clamp(24px,3vw,30px);
}
/* Content box */
.guest-popup-content {
  background: #fff;
  width: 480px;
  max-width: 90%;
  margin: 10% auto;
  padding: 30px;
  border-radius: 8px;
  position: relative;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.25);
  text-align: center;
}

/* Close button */
.guest-popup-content .close-popup {
  position: absolute;
  top: 10px;
  right: 15px;
  cursor: pointer;
  font-size: 18px;
  color: #666;
  transition: color 0.3s ease;
}
.guest-popup-content .close-popup:hover {
  color: #000;
}

/* Buttons */
.guest-popup-actions{
  display: flex;
  gap: 10px;
  justify-content: center;
}
.guest-popup-actions button {
  padding: 10px 18px;
  transition: background 0.3s ease;
}

.step-section h2{
  font-size: clamp(20px, 3vw, 26px);
}
@media (max-width: 480px){
  .guest-popup-actions{
    flex-wrap: nowrap;
  }
  .guest-popup-actions button{
    width: 100%;
  }
}
form.form_hidden {
  display: none;
}
.ai-status {
  display: inline-flex;
  align-items: center;
  font-size: 1em; /* keeps same scale as text */
  line-height: 1;
}

.ai-status img {
  width: 1em;   /* same size as text/emoji */
  height: 1em;
  margin-right: 0.3em; /* little space before text */
  vertical-align: middle;
}
.content-area {
  margin-top: 0px !important;
}
.hint-label {
  font-weight: 800;      /* keep bold */
  font-size: 18px;       /* same size as description */
  color: #555;           /* softer gray instead of black */
}
.entry-hero.page-hero-section .entry-header{
  min-height:130px !important;
}
.context-text.hide {
  display: none;
}