/**
 * Theme Name:     OceanWP Child
 * Author:         Betatestsolutions
 * Template:       oceanwp
 * Text Domain:	   oceanwp-child
 * Description:    OceanWP is the perfect theme for your project. Lightweight and highly extendable, it will enable you to create almost any type of website such a blog, portfolio, business website and WooCommerce storefront with a beautiful & professional design. Very fast, responsive, RTL & translation ready, best SEO practices, unique WooCommerce features to increase conversion and much more. You can even edit the settings on tablet & mobile so your site looks good on every device. Work with the most popular page builders as Elementor, Beaver Builder, Brizy, Visual Composer, Divi, SiteOrigin, etc... Developers will love his extensible codebase making it a joy to customize and extend. Best friend of Elementor & WooCommerce. Looking for a Multi-Purpose theme? Look no further! Check the demos to realize that it
 * Theme URI:      https://betatestsolutions.com
 * Author URI:     https://betatestsolutions.com
 * Version:        1.0
 * Tags:           dharmahomoeo, betatestsolutions
 */

#scroll-popup-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 100;
}
#scroll-popup-overlay .scroll-popup {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: white;
  /*padding: 30px; */
  padding: 30px 30px 11px 30px;
  min-width: 500px;
  max-width: 600px;
  /*height: 525px; */
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
.scroll-popup .scroll-popup-close {
  position: absolute;
  top: 7px;
  right: 7px;
  font-size: 20px;
  cursor: pointer;
  line-height: 20px;
  width: 20px;
  height: 20px;
  text-align: center;
  font-weight: 600;
}
#scroll-popup-overlay .scroll-popup h3 {
  font-size: 24px;
  margin: 0 0 10px;
  line-height: 1.3;
  text-align: center;
}
#scroll-popup-overlay .scroll-popup .scroll-popup-text {
  text-align: center;
  font-size: 14px;
  line-height: 1.3;
  margin: 0 0 25px;
}
#scroll-popup-overlay .wpcf7-form .wpcf7-text {
  width: 100%;
}
#scroll-popup-overlay .wpcf7-form .wpcf7-submit {
  width: 100%;
  border: 1px solid #5cb85c;
  background: #5cb85c;
  border-radius: 10px;
  line-height: 1.5;
  text-transform: uppercase;
}
#scroll-popup-overlay .wpcf7-form .wpcf7-submit:hover {
  opacity: 0.7;
}
.wpcf7-form-control-wrap > .iti {
  width: 100%;
}

.select2-container--default .select2-search--inline .select2-search__field {
  min-height: inherit;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
  margin: inherit;
}

@media (max-width: 576px) {
  #scroll-popup-overlay .scroll-popup {
    min-width: inherit;
    width: calc(100% - 40px);
  }
}

/**
* Appointment Form
**/
:root {
  --dmaform-theme: #5cb85c;
  --dmaform-color: #c0c0c0;
  --dmaform-text-color: #5f6771;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes loading {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
@keyframes progress {
  0% {
    transform: translateX(-100%);
  }
  50% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(100%);
  }
}
/**
Preloader
*/
.dma-skeleton-content {
  padding: 25px 0;
}
.dma-skeleton-loader {
  display: none;
}
.dma-skeleton-loader.loading {
  display: block;
}
.dma-skeleton {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: loading 1.5s infinite;
  border-radius: 8px;
}
.dma-skeleton-header {
  margin-bottom: 40px;
}
.dma-skeleton-title {
  height: 28px;
  width: 60%;
  margin: 0 0 15px;
}
.dma-skeleton-subtitle {
  height: 20px;
  width: 40%;
}
.dma-skeleton-row {
  display: flex;
  gap: 20px;
  margin-bottom: 25px;
}
.dma-skeleton-group {
  flex: 1;
}
.dma-skeleton-label {
  height: 15px;
  width: 30%;
  margin-bottom: 8px;
}
.dma-skeleton-input {
  height: 40px;
  width: 100%;
}
.dma-skeleton-textarea {
  height: 100px;
  width: 100%;
}
.dma-skeleton-btn {
  height: 40px;
  width: 100px;
  float: right;
}
.dma-skeleton-steps {
  display: flex;
  padding: 0 0 30px;
}
.dma-skeleton-step-container {
  flex: 1;
}
.dma-skeleton-step {
  display: flex;
  align-items: center;
  justify-content: center;
}
.dma-skeleton-step-icon {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin-right: 5px;
  margin-left: 5px;
}
.dma-skeleton-step-text {
  height: 10px;
  flex: 1;
}
.dma-skeleton-step-line {
  height: 17px;
  margin: 15px 20px 0;
}
.dma-row {
  display: flex;
  flex-wrap: wrap;
  margin: -10px;
}
.dma-row > *,
[class*="dma-col"] {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding: 12px;
}
.dma-col-1 {
  flex: 0 0 auto;
  width: 8.333333%;
}
.dma-col-2 {
  flex: 0 0 auto;
  width: 16.666667%;
}
.dma-col-3 {
  flex: 0 0 auto;
  width: 25%;
}
.dma-col-4 {
  flex: 0 0 auto;
  width: 33.333333%;
}
.dma-col-5 {
  flex: 0 0 auto;
  width: 41.666667%;
}
.dma-col-6 {
  flex: 0 0 auto;
  width: 50%;
}
.dma-col-7 {
  flex: 0 0 auto;
  width: 58.333333%;
}
.dma-col-8 {
  flex: 0 0 auto;
  width: 66.666667%;
}
.dma-col-9 {
  flex: 0 0 auto;
  width: 75%;
}
.dma-col-10 {
  flex: 0 0 auto;
  width: 83.333333%;
}
.dma-col-11 {
  flex: 0 0 auto;
  width: 91.666667%;
}
.dma-col-12 {
  flex: 0 0 auto;
  width: 100%;
}
.dma-form-container {
  line-height: 1.5;
  font-size: 16px;
}
.dma-form-container.loading .dma-form-content {
  filter: blur(2px);
  opacity: 0.3;
  transition: all 0.3s ease;
}
.dma-loading-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.95);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  z-index: 2;
}
.dma-form-container.loading .dma-loading-overlay {
  opacity: 1;
  visibility: visible;
}
.dma-progress-container {
  display: none;
  width: 200px;
  height: 4px;
  background: #e9ecef;
  border-radius: 2px;
  overflow: hidden;
  margin-bottom: 20px;
}
.dma-form-container.loading.progress .dma-progress-container {
  display: block;
}
.dma-progress-bar {
  height: 100%;
  background: linear-gradient(90deg, #28a745, #20c997);
  border-radius: 2px;
  transform: translateX(-100%);
  animation: progress 3s ease-in-out infinite;
}
.dma-loading-text {
  color: #666;
  font-weight: 500;
}
.dma-success-check {
  display: none;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: var(--dmaform-theme);
  position: relative;
  margin-bottom: 20px;
  animation: scaleIn 0.5s ease-in-out;
}
.dma-success-check::after {
  content: "✓";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  font-size: 30px;
  font-weight: bold;
}
.dma-form-container.loading.success .dma-success-check {
  display: block;
}
.dma-alerts {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 20px;
}
.dma-alerts .dma-alert {
  position: relative;
  padding: 12px 64px 12px 20px;
  border: 1px solid transparent;
  border-radius: 4px;
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
  line-height: 1.33;
}
.dma-alerts .dma-alert .dma-alert-close {
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  padding: 10px 19px;
  line-height: 1.33;
}
.dma-alerts .dma-alert.error {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}
.dma-alerts .dma-alert.success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}

ul.dma-form-stepbar {
  overflow: hidden;
  margin: 0 -8px;
  display: flex;
  flex-wrap: wrap;
}
ul.dma-form-stepbar > li {
  list-style-type: none;
  color: #c2c2c2;
  position: relative;
  padding: 0 8px;
  margin: 0;
  text-align: center;
  line-height: 1.5;
  display: flex;
  flex-direction: column;
  gap: 7px;
  max-width: 100%;
  flex-shrink: 0;
  flex: 0 0 auto;
  width: 25%;
}
ul.dma-form-stepbar > li strong {
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 3px;
}
ul.dma-form-stepbar > li .dma-step-bar {
  width: 100%;
  height: 9px;
  background: #c2c2c2;
  border-radius: 5px;
  margin-top: auto;
}
ul.dma-form-stepbar > li .dma-step-number {
  height: 16px;
  width: 16px;
  display: inline-block;
  background-color: #c2c2c2;
  color: #fff;
  border-radius: 50%;
  line-height: 16px;
  font-weight: normal;
  font-size: 10px;
  vertical-align: middle;
}
ul.dma-form-stepbar > li.fill {
  color: var(--dmaform-theme);
}
ul.dma-form-stepbar > li.fill .dma-step-bar,
ul.dma-form-stepbar > li.fill .dma-step-number {
  background-color: var(--dmaform-theme);
}

.dma-form-main {
  margin-top: 50px;
}
.dma-form-heading {
  color: #333539;
  text-align: center;
}
.dma-form-heading h2 {
  font-size: 20px;
  font-weight: 600;
  margin: 0;
}
.dma-form-heading .dma-form-subheading {
  font-size: 18px;
  margin: 10px 0 0;
}
.dma-form-fields {
  margin-top: 25px;
}
.dma-row.dma-fields-item > * {
  flex: 0 0 auto;
  width: 100%;
}
.dma-form-container .form-group {
}
.dma-form-container .form-group label {
  width: 100%;
  margin-bottom: 8px;
  display: inline-block;
  font-weight: 500;
}
.dma-form-container .form-group label .label-text {
  color: #dc3545;
}
.dma-form-container .form-group .iti {
  width: 100%;
}
.dma-form-container .form-control {
  display: block;
  min-height: 40px;
  width: 100%;
  padding: 6px 12px;
  font-weight: 400;
  line-height: 1.5;
  color: var(--dmaform-text-color);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #ededed;
  background-clip: padding-box;
  border: 1px solid #d8e1e7;
  border-radius: 8px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.dma-form-container .form-control:focus {
  border-color: var(--dmaform-theme);
  outline: 0;
}
.dma-form-container .form-control.input-error,
.dma-form-container .form-control.error,
.dma-form-container .form-control.input-error:focus,
.dma-form-container .form-control.error:focus {
  border-color: #dc3545;
}
.dma-form-container .dma-error {
  color: #dc3545;
  font-size: 14px;
  margin-top: 5px;
  width: 100%;
  display: block;
}
.dma-form-container .align-right {
  text-align: right;
}
.dma-form-container .select2-container--default .select2-selection--multiple {
  min-height: 40px;
  padding: 6px 12px;
  margin: 0;
  border: 1px solid #d8e1e7;
  background-color: #ededed;
  border-radius: 8px;
}
.dma-form-container
  .select2-container--default.select2-container--focus
  .select2-selection--multiple {
  border-color: var(--dmaform-theme);
  outline: 0;
}
.dma-form-container
  .select2-container--default
  .select2-selection--multiple.select2-selection--clearable {
  padding-right: 25px;
  padding-top: 4px;
}
.dma-form-container
  .select2-container--default
  .select2-selection--multiple
  .select2-selection__choice {
  margin-left: 5px;
}
.dma-form-container
  .select2-container--default
  .select2-selection--multiple
  .select2-selection__choice:first-child {
  margin-left: 0;
}
.dma-form-container
  .select2-container
  .select2-search--inline
  .select2-search__field {
  width: 100%;
  margin: 0;
  vertical-align: middle;
}
.dma-form-container button[type="button"].dma-btn,
.dma-form-container button[type="submit"].dma-btn,
.dma-form-container input[type="submit"].dma-btn,
.dma-form-container .dma-btn {
  color: #fff;
  text-align: center;
  text-decoration: none !important;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border: 1px solid #004900;
  border-radius: 4px;
  background: #004900;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  line-height: 1.5;
  padding: 6px 15px;
  min-height: 40px;
}
.dma-form-container button[type="button"].dma-btn.btn-prev,
.dma-form-container button[type="submit"].dma-btn.btn-prev,
.dma-form-container input[type="submit"].dma-btn.btn-prev,
.dma-form-container .dma-btn.btn-prev {
  background-color: transparent;
  color: #004900;
}
.dma-form-container button[type="button"].dma-btn:hover,
.dma-form-container button[type="submit"].dma-btn:hover,
.dma-form-container input[type="submit"].dma-btn:hover,
.dma-form-container .dma-btn:hover {
  opacity: 0.8;
}
.dma-form-container button[type="button"].dma-btn:disabled,
.dma-form-container button[type="submit"].dma-btn:disabled,
.dma-form-container input[type="submit"].dma-btn:disabled,
.dma-form-container .dma-btn:disabled,
.dma-form-container button[type="button"].dma-btn:disabled:hover,
.dma-form-container button[type="submit"].dma-btn:disabled:hover,
.dma-form-container input[type="submit"].dma-btn:disabled:hover,
.dma-form-container .dma-btn:disabled:hover {
  background-color: #004900;
  opacity: 0.65;
  pointer-events: none;
}
.dma-form-container button[type="button"].dma-btn.btn-prev:disabled,
.dma-form-container button[type="submit"].dma-btn.btn-prev:disabled,
.dma-form-container input[type="submit"].dma-btn.btn-prev:disabled,
.dma-form-container .dma-btn.btn-prev:disabled,
.dma-form-container button[type="button"].dma-btn.btn-prev:disabled:hover,
.dma-form-container button[type="submit"].dma-btn.btn-prev:disabled:hover,
.dma-form-container input[type="submit"].dma-btn.btn-prev:disabled:hover,
.dma-form-container .dma-btn.btn-prev:disabled:hover {
  background-color: transparent;
  opacity: 0.65;
  pointer-events: none;
}
.dma-form-container button[type="button"].dma-btn > .spinner,
.dma-form-container button[type="submit"].dma-btn > .spinner,
.dma-form-container input[type="submit"].dma-btn > .spinner,
.dma-form-container .dma-btn > .spinner {
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 2px solid #fff;
  border-top: 2px solid var(--dmaform-theme);
  border-radius: 50%;
  animation: spin 0.6s linear infinite;
  vertical-align: middle;
  margin-left: 8px;
}

.dma-form-actions {
  border-top: 1px solid #d8e1e7;
  margin-top: 30px;
  padding: 15px 0 0;
}
.dma-form-actions .dma-row > .dma-col-half {
  flex: 0 0 auto;
  width: 50%;
}
.dma-timeslor-row {
  display: flex;
  flex-wrap: nowrap;
  margin: -10px;
}
.dma-col-calendar {
  flex: 1 1 auto;
  max-width: 100%;
  padding: 10px;
}
.dma-col-slots {
  flex: 0 0 115px;
  flex-shrink: 0;
  max-width: 100%;
  padding: 10px;
}
.dma-col-slots > * {
  height: 100%;
}
.dma-timeslot-grid {
  max-height: 320px;
  overflow-y: auto;
  scroll-behavior: smooth;
  padding-right: 10px;
  position: relative;
  scrollbar-width: thin;
  scrollbar-color: #5cb85c99 transparent;
}
.dma-timeslot-grid::-webkit-scrollbar,
.dma-timeslot-gridr:hover::-webkit-scrollbar,
.dma-timeslot-gridr:focus::-webkit-scrollbar,
.dma-timeslot-grid:active::-webkit-scrollbar {
  width: 2px !important;
  scrollbar-width: thin;
}
.dma-timeslot-grid::-webkit-scrollbar-track {
  background: transparent;
}
.dma-timeslot-grid::-webkit-scrollbar-thumb {
  background-color: #5cb85c99;
  border-radius: 3px;
  border: none;
  background-clip: content-box;
}
.dma-timeslot-grid:hover::-webkit-scrollbar-thumb,
.dma-timeslot-grid:focus::-webkit-scrollbar-thumb {
  background-color: var(--dmaform-theme);
}
.dma-timeslot-grid > .dma-timeslot-item {
  padding: 0;
  margin-bottom: 8px;
}
.dma-timeslot-grid > .dma-timeslot-item:last-child {
  margin-bottom: 0;
}
.dma-timeslot-item .dma-timeslot-label {
  width: 100%;
  border: 1px solid var(--dmaform-theme);
  border-radius: 45px;
  padding: 10px 10px;
  margin: 0;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  position: relative;
  color: #333539;
  text-align: center;
  display: block;
}
.dma-timeslot-item .dma-timeslot-label.checked,
.dma-timeslot-item .dma-timeslot-label:has(input[type="radio"]:checked),
.dma-timeslot-item .dma-timeslot-label:hover {
  background-color: var(--dmaform-theme);
  color: #fff;
}
.dma-timeslot-item .dma-timeslot-label.disabled,
.dma-timeslot-item .dma-timeslot-label.checked.disabled,
.dma-timeslot-item .dma-timeslot-label:has(input[type="radio"]:disabled),
.dma-timeslot-item .dma-timeslot-label.disabled:hover {
  text-decoration: line-through;
  opacity: 0.4;
  pointer-events: none;
}
.dma-timeslot-item .dma-timeslot-label input[type="radio"] {
  display: none;
}
.dma-service-icon {
  vertical-align: middle;
  margin-right: 5px;
}
.dma-service-icon > svg {
  height: 16px;
  width: 16px;
  fill: #333539;
}
.dma-timeslot .dma-calendar {
}
.dma-timeslot .dma-calendar .ui-datepicker {
  width: 100%;
  border: none;
  padding: 0;
  margin: 0;
}
.dma-timeslot .ui-datepicker .ui-datepicker-prev,
.dma-timeslot .ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 5px;
  width: 25px;
  height: 25px;
}
.dma-timeslot .ui-datepicker .ui-datepicker-header {
  background: transparent;
  color: #333539;
  border: none;
  padding: 10px 0;
  font-weight: normal;
}
.dma-timeslot .ui-datepicker .ui-datepicker-header a {
  color: var(--dmaform-theme);
  text-decoration: none !important;
}
.dma-timeslot .ui-datepicker .ui-datepicker-prev span.ui-icon,
.dma-timeslot .ui-datepicker .ui-datepicker-next span.ui-icon {
  font-size: 20px;
  height: inherit;
  width: inherit;
  text-indent: 0;
  position: relative;
  margin: 0;
  padding: 0;
  left: initial;
  top: initial;
  background: transparent;
  vertical-align: middle;
  line-height: 25px;
  text-align: center;
}
.dma-timeslot .ui-datepicker .ui-datepicker-prev span.ui-icon::before,
.dma-timeslot .ui-datepicker .ui-datepicker-next span.ui-icon::before {
  content: "\f3cf";
  font-family: "Ionicons";
  speak: none;
  -webkit-font-smoothing: antialiased;
  text-indent: initial;
}
.dma-timeslot .ui-datepicker .ui-datepicker-next span.ui-icon::before {
  content: "\f3d1";
}
.dma-timeslot .ui-datepicker .ui-datepicker-prev,
.dma-timeslot .ui-datepicker .ui-datepicker-next {
  border: none;
  background: transparent;
  color: #fff;
  border-radius: 50%;
}
.dma-timeslot .ui-datepicker .ui-datepicker-prev.ui-state-hover,
.dma-timeslot .ui-datepicker .ui-datepicker-next.ui-state-hover {
  border: none;
  background-color: #5cb85c33;
  color: var(--dmaform-theme);
}
.dma-timeslot .ui-datepicker .ui-datepicker-prev,
.dma-timeslot .ui-datepicker .ui-datepicker-prev-hover {
  left: 5px;
}
.dma-timeslot .ui-datepicker .ui-datepicker-next,
.dma-timeslot .ui-datepicker .ui-datepicker-next-hover {
  right: 5px;
}
.dma-timeslot .ui-datepicker .ui-datepicker-header a.ui-state-hover {
  color: var(--dmaform-theme);
}
.dma-timeslot .ui-datepicker th {
  padding: 10px 3px;
  text-align: center;
  font-weight: normal;
  border: 0;
  font-size: 12px;
  color: #333539;
  text-transform: uppercase;
}
.dma-timeslot .ui-datepicker td {
  border: 0;
  padding: 1px;
  text-align: center;
}
.dma-timeslot .ui-datepicker td span,
.dma-timeslot .ui-datepicker td a {
  background: transparent;
  color: #333539;
  text-align: center;
  text-decoration: none !important;
  font-weight: normal;
  text-align: center;
  background: transparent;
  vertical-align: middle;
  padding: 5px;
  border: 1px solid transparent;
  border-radius: 4px;
  width: 100%;
}
.dma-timeslot .ui-widget-content .ui-state-hover {
  background-color: transparent;
  border-color: var(--dmaform-theme);
}
.dma-timeslot .ui-datepicker td span.ui-state-active,
.dma-timeslot .ui-datepicker td a.ui-state-active {
  border-color: var(--dmaform-theme);
  background-color: var(--dmaform-theme);
  color: #fff;
}
.dma-timeslot .ui-datepicker td span.ui-state-highlight,
.dma-timeslot .ui-datepicker td a.ui-state-highlight {
  border-color: #ffd60a;
  background-color: #ffd60a;
  color: #fff;
}
.dma-timeslot .ui-datepicker td span.ui-state-highlight.ui-state-active,
.dma-timeslot .ui-datepicker td a.ui-state-highlight.ui-state-active {
  border-color: #ffd60a;
  background-color: var(--dmaform-theme);
  color: #ffd60a;
}
.dma-service-info-box {
  background: #5cb85c1a;
  border: 1px solid #5cb85c1a;
  padding: 18px;
  border-radius: 12px;
  color: #333539;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.dma-service-info-box p {
  margin: 0;
}
.dma-service-staffname {
  margin: 15px 0 0;
  color: var(--dmaform-theme);
  font-weight: 500;
}

.dma-form-container .bookly-payment-nav {
  width: 100%;
  display: block;
}
.dma-form-container .bookly-payment-nav .bookly-box {
  margin-bottom: 20px;
}
.dma-form-container .bookly-payment-nav .bookly-list {
  margin-bottom: 10px;
}
.dma-form-container .bookly-payment-nav .bookly-box:last-child,
.dma-form-container .bookly-payment-nav .bookly-list:last-child {
  margin-bottom: 0;
}
.dma-form-container .bookly-payment-nav .bookly-list label {
  cursor: pointer;
}
.dma-form-container .bookly-payment-nav [type="radio"] {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  margin: 0 10px 0 0;
  vertical-align: top;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  background-image: none;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1px solid #dee2e6;
  -webkit-print-color-adjust: exact;
  color-adjust: exact;
  print-color-adjust: exact;
  border-radius: 50%;
  vertical-align: middle;
}
.dma-form-container .bookly-payment-nav [type="radio"]:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
  background-color: var(--dmaform-theme);
  border-color: var(--dmaform-theme);
}
.bookly-js-payment-error {
  color: #ff0000;
  font-size: 14px;
}
.bookly-js-payment-error > p {
  margin: 0 0 10px;
}
.bookly-js-payment-error > p:last-child {
  margin: 0;
}

/**
Posts
**/
.dma-form-posts {
}
.dma-form-posts-heading {
  font-weight: normal;
  font-size: 18px;
  margin: 0;
}
.dma-form-posts-container {
  margin-top: 20px;
}
.dma-post-item {
}
.dma-post-item .dma-post-thumbnail {
  display: inline-block;
}
.dma-post-item .dma-post-thumbnail img {
  border-radius: 7px;
  width: 100%;
  aspect-ratio: 3/2;
  object-fit: cover;
}
.dma-post-item .dma-post-heading {
  font-size: 17px;
  font-weight: 600;
  margin: 5px 0 0;
}
.dma-post-item .dma-post-heading a {
  text-decoration: none !important;
  text-underline-offset: 0 !important;
}
.dma-post-item .dma-post-date {
  color: #c2c2c2;
  font-size: 14px;
}
.dma-post-item .dma-post-excerpt {
  font-size: 14px;
  margin-top: 10px;
}
.dma-post-item .dma-post-excerpt p {
  margin: 0;
}
.dma-post-item .dma-post-excerpt .dma-post-excerpt-url {
  text-underline-offset: 0 !important;
  text-decoration: none !important;
  color: var(--dmaform-theme);
}
.dma-form-posts-container .owl-carousel .owl-nav {
  position: absolute;
  top: 50%;
  width: 100%;
  display: flex;
  justify-content: space-between;
  transform: translateY(-50%);
}
.dma-form-posts-container .owl-carousel .owl-nav button.owl-next,
.dma-form-posts-container .owl-carousel .owl-nav button.owl-prev {
  color: var(--dmaform-theme);
  background: #5cb85c33;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  cursor: pointer;
  transition: background-color 0.3s ease;
  vertical-align: middle;
  line-height: 30px;
  text-align: center;
  position: relative;
}
.dma-form-posts-container .owl-carousel .owl-nav button.owl-prev:hover,
.dma-form-posts-container .owl-carousel .owl-nav button.owl-next:hover {
  background-color: var(--dmaform-theme);
  color: #fff;
}
.dma-form-posts-container .owl-carousel .owl-nav button.owl-next span,
.dma-form-posts-container .owl-carousel .owl-nav button.owl-prev span {
  font-size: 25px;
  line-height: 25px;
  margin: 0;
  padding: 0;
}
.dma-form-posts-container .owl-carousel .owl-nav button.owl-prev {
  left: -36px;
}
.dma-form-posts-container .owl-carousel .owl-nav button.owl-next {
  right: -36px;
}

@media (min-width: 576px) {
  .dma-col-sm-1 {
    flex: 0 0 auto;
    width: 8.333333%;
  }
  .dma-col-sm-2 {
    flex: 0 0 auto;
    width: 16.666667%;
  }
  .dma-col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .dma-col-sm-4 {
    flex: 0 0 auto;
    width: 33.333333%;
  }
  .dma-col-sm-5 {
    flex: 0 0 auto;
    width: 41.666667%;
  }
  .dma-col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .dma-col-sm-7 {
    flex: 0 0 auto;
    width: 58.333333%;
  }
  .dma-col-sm-8 {
    flex: 0 0 auto;
    width: 66.666667%;
  }
  .dma-col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .dma-col-sm-10 {
    flex: 0 0 auto;
    width: 83.333333%;
  }
  .dma-col-sm-11 {
    flex: 0 0 auto;
    width: 91.666667%;
  }
  .dma-col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .dma-form-container button[type="button"].dma-btn,
  .dma-form-container button[type="submit"].dma-btn,
  .dma-form-container input[type="submit"].dma-btn,
  .dma-form-container .dma-btn {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media (min-width: 768px) {
  .dma-col-md-1 {
    flex: 0 0 auto;
    width: 8.333333%;
  }
  .dma-col-md-2 {
    flex: 0 0 auto;
    width: 16.666667%;
  }
  .dma-col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .dma-col-md-4 {
    flex: 0 0 auto;
    width: 33.333333%;
  }
  .dma-col-md-5 {
    flex: 0 0 auto;
    width: 41.666667%;
  }
  .dma-col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .dma-col-md-7 {
    flex: 0 0 auto;
    width: 58.333333%;
  }
  .dma-col-md-8 {
    flex: 0 0 auto;
    width: 66.666667%;
  }
  .dma-col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .dma-col-md-10 {
    flex: 0 0 auto;
    width: 83.333333%;
  }
  .dma-col-md-11 {
    flex: 0 0 auto;
    width: 91.666667%;
  }
  .dma-col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .dma-row.dma-fields-item > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .dma-row.dma-fields-item.dma-items-3 > .dma-col,
  .dma-row.dma-fields-item.dma-items-5 > .dma-col:nth-child(1),
  .dma-row.dma-fields-item.dma-items-5 > .dma-col:nth-child(2),
  .dma-row.dma-fields-item.dma-items-5 > .dma-col:nth-child(3),
  .dma-row.dma-fields-item.dma-items-6 > .dma-col,
  .dma-row.dma-fields-item.dma-items-7 > .dma-col:nth-child(1),
  .dma-row.dma-fields-item.dma-items-7 > .dma-col:nth-child(2),
  .dma-row.dma-fields-item.dma-items-7 > .dma-col:nth-child(3),
  .dma-row.dma-fields-item.dma-items-7 > .dma-col:nth-child(4),
  .dma-row.dma-fields-item.dma-items-7 > .dma-col:nth-child(5),
  .dma-row.dma-fields-item.dma-items-7 > .dma-col:nth-child(7) {
    flex: 0 0 auto;
    width: 33.333333%;
  }
  ul.dma-form-stepbar > li strong {
    flex-direction: row;
    gap: 8px;
  }
}

@media (min-width: 992px) {
  .dma-col-lg-1 {
    flex: 0 0 auto;
    width: 8.333333%;
  }
  .dma-col-lg-2 {
    flex: 0 0 auto;
    width: 16.666667%;
  }
  .dma-col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .dma-col-lg-4 {
    flex: 0 0 auto;
    width: 33.333333%;
  }
  .dma-col-lg-5 {
    flex: 0 0 auto;
    width: 41.666667%;
  }
  .dma-col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .dma-col-lg-7 {
    flex: 0 0 auto;
    width: 58.333333%;
  }
  .dma-col-lg-8 {
    flex: 0 0 auto;
    width: 66.666667%;
  }
  .dma-col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .dma-col-lg-10 {
    flex: 0 0 auto;
    width: 83.333333%;
  }
  .dma-col-lg-11 {
    flex: 0 0 auto;
    width: 91.666667%;
  }
  .dma-col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}

@media (min-width: 1200px) {
  .dma-col-xl-1 {
    flex: 0 0 auto;
    width: 8.333333%;
  }
  .dma-col-xl-2 {
    flex: 0 0 auto;
    width: 16.666667%;
  }
  .dma-col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .dma-col-xl-4 {
    flex: 0 0 auto;
    width: 33.333333%;
  }
  .dma-col-xl-5 {
    flex: 0 0 auto;
    width: 41.666667%;
  }
  .dma-col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .dma-col-xl-7 {
    flex: 0 0 auto;
    width: 58.333333%;
  }
  .dma-col-xl-8 {
    flex: 0 0 auto;
    width: 66.666667%;
  }
  .dma-col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .dma-col-xl-10 {
    flex: 0 0 auto;
    width: 83.333333%;
  }
  .dma-col-xl-11 {
    flex: 0 0 auto;
    width: 91.666667%;
  }
  .dma-col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}

@media (min-width: 1400px) {
  .dma-col-xxl-1 {
    flex: 0 0 auto;
    width: 8.333333%;
  }
  .dma-col-xxl-2 {
    flex: 0 0 auto;
    width: 16.666667%;
  }
  .dma-col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .dma-col-xxl-4 {
    flex: 0 0 auto;
    width: 33.333333%;
  }
  .dma-col-xxl-5 {
    flex: 0 0 auto;
    width: 41.666667%;
  }
  .dma-col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .dma-col-xxl-7 {
    flex: 0 0 auto;
    width: 58.333333%;
  }
  .dma-col-xxl-8 {
    flex: 0 0 auto;
    width: 66.666667%;
  }
  .dma-col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .dma-col-xxl-10 {
    flex: 0 0 auto;
    width: 83.333333%;
  }
  .dma-col-xxl-11 {
    flex: 0 0 auto;
    width: 91.666667%;
  }
  .dma-col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}

/* Universal table styling */
.single-post .table-wrapper table,
.single-post .entry-content table,
.single-post .elementor-widget-container table,
.single-post .elementor-text-editor table,
.single-post .post-content table,
.single-post .blog-post-content table {
  width: 100%;
  border-collapse: separate; /* important for border-radius */
  border-spacing: 0;
  font-size: 16px;
  background-color: #fff;
  table-layout: fixed; /* enables equal column width */
  border: 1px solid #0b660a; /* outer border */
  border-radius: 12px; /* rounded corners */
  overflow: hidden; /* clip cell borders inside rounded corners */
  display: table; /* ⬅ fix broken layout caused by block */
}

/* Equal column widths for all td cells */
.single-post .entry-content table td,
.single-post .elementor-widget-container table td,
.single-post .elementor-text-editor table td,
.single-post .post-content table td,
.single-post .blog-post-content table td {
  width: 1%; /* ⬅ forces equal column width */
  border: none;
  border-bottom: 1px solid #0b660a;
  border-right: 1px solid #0b660a;
  padding: 12px;
  text-align: left;
  vertical-align: top;
}

/* Remove fixed width from first column */
.single-post .entry-content table td:first-child,
.single-post .elementor-widget-container table td:first-child,
.single-post .elementor-text-editor table td:first-child,
.single-post .post-content table td:first-child,
.single-post .blog-post-content table td:first-child {
  width: 1% !important;
  min-width: auto !important;
  max-width: auto !important;
  white-space: normal !important;
}

/* Alternate row background */
.single-post .entry-content table tr:nth-child(even),
.single-post .elementor-widget-container table tr:nth-child(even),
.single-post .elementor-text-editor table tr:nth-child(even),
.single-post .post-content table tr:nth-child(even),
.single-post .blog-post-content table tr:nth-child(even) {
  background-color: #fafffa; /* or any light color you like */
}

/* Remove right border on last cell of each row */
.single-post .entry-content table tr td:last-child,
.single-post .elementor-widget-container table tr td:last-child,
.single-post .elementor-text-editor table tr td:last-child,
.single-post .post-content table tr td:last-child,
.single-post .blog-post-content table tr td:last-child {
  border-right: none;
}

/* Remove bottom border on cells in last row */
.single-post .entry-content table tr:last-child td,
.single-post .elementor-widget-container table tr:last-child td,
.single-post .elementor-text-editor table tr:last-child td,
.single-post .post-content table tr:last-child td,
.single-post .blog-post-content table tr:last-child td {
  border-bottom: none;
}

/* Header row styling */
.single-post .entry-content table tr:first-child td,
.single-post .entry-content table tr:nth-child(1) td,
.single-post .elementor-widget-container table tr:first-child td,
.single-post .elementor-widget-container table tr:nth-child(1) td,
.single-post .elementor-text-editor table tr:first-child td,
.single-post .elementor-text-editor table tr:nth-child(1) td,
.single-post .post-content table tr:first-child td,
.single-post .post-content table tr:nth-child(1) td,
.single-post .blog-post-content table tr:first-child td,
.single-post .blog-post-content table tr:nth-child(1) td {
  background-color: #5db95c !important;
  font-weight: bold !important;
  color: white !important;
  text-align: center !important;
}

/* Form Submit Button on Blogs */
.single-post .wpcf7-form .wpcf7-form-control.wpcf7-submit {
  border-color: #004900 !important;
  background-color: #004900 !important;
  border-radius: 10px !important;
}