/* Mobile-first styling for .tb-h1, .tb-h2, .tb-h3, and .tb-p */

.tb-h1 {
    font-size: 38px !important; /* Adjust for mobile */
    font-weight: bold;
    line-height: 1.4;
}

.tb-h2 {
    font-size: 28px !important; /* Slightly smaller than h1 */
    font-weight: bold;
    line-height: 1.4;
}

.tb-h3 {
    font-size: 22px !important; /* Suitable for smaller headers */
    font-weight: bold;
    line-height: 1.4;
}

.tb-p {
    font-size: 18px !important; /* Base paragraph size for readability */
    line-height: 1.6; /* Improved readability */
}

/* Heading Margins Class */
.tb-inner-heading-margins {
    margin-top: 24px !important;
    margin-bottom: 10px !important;
}

.tb-outer-heading-margins {
    margin-top: 34px !important;
    margin-bottom: 10px !important;
}

.tb-heading-color {
    color: #3a3a3c;
}

.tb-section-border-radius {
    border-radius: 77px !important;
  }


/* Add responsive tweaks if needed */
@media (max-width: 580px) {
    .tb-row {
        margin-left: 10px;
        margin-right: 10px;
    }

    .tb-h1 {
        font-size: 28px; /* Slightly smaller for very small screens */
    }

    .tb-h2 {
        font-size: 24px;
    }

    .tb-h3 {
        font-size: 20px;
    }

    .tb-p {
        font-size: 16px;
    }

    .tb-inner-heading-margins {
        margin-top: 16px;
        margin-bottom:5px;
    }
    
    .tb-outer-heading-margins {
        margin-top:25px;
        margin-bottom:8px;
    }

    .tb-section-border-radius {
        border-radius: 47px !important;
      }

      .tb-text-aline-center{
        text-align: center;
      }
}








  /* <-------- colors -------> */

  .tb-color-primary {
    color: var(--color-primary) !important; /* Primary text color */
    font-weight: bold !important;
}

.tb-color-secondary {
    color: var(--color-white) !important; /* Secondary text color */
}

.tb-color-heading {
    color: var(--color-heading-text) !important; /* Heading color */
}

.tb-color-paragraph {
    color: var(--color-paragraph-text) !important; /* Paragraph color */
}

/* Background Colors */
.tb-bg-color-primary {
    background-color: var(--color-primary) !important; /* Primary background color */
}

.tb-bg-color-secondary {
    background-color: var(--color-white) !important; /* Secondary background color */
}

  .tb-btn-primary {
    background-color: var(--color-primary) !important;
    color: var(--color-white) !important;
    box-shadow: 0 8px 16px rgba(0,0,0,.38);
    border: none;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    display: inline-block !important;
    padding: 10px 20px !important;
    border-radius: 25px !important;
    font-weight: bold !important;
    font-size: 15px!important;
    box-shadow: 0 8px 16px rgba(0,0,0,.38) !important;
}

.tb-btn-primary:hover {
    background-color: var(--color-hover) !important;
    color: var(--color-hover-text) !important;
    box-shadow: 0 8px 16px var(--color-hover-shadow);
}