/* ==========================================================================
   MathB Events Theme
   Sections
   ========================================================================== */

/* ==========================================================================
   Default Section
   ========================================================================== */

.mathb-section {

    position: relative;

    overflow: hidden;

}

.mathb-section>.mathb-container {

    position: relative;

    z-index: 2;

}

/* ==========================================================================
   Light Section
   ========================================================================== */

.mathb-section-light {

    background: var(--mathb-white);

}

/* ==========================================================================
   Alternate Section
   ========================================================================== */

.mathb-section-alt {

    background: var(--mathb-light);

}

/* ==========================================================================
   Dark Section
   ========================================================================== */

.mathb-section-dark {

    color: var(--mathb-white);

    background: var(--mathb-dark);

}

.mathb-section-dark h1,
.mathb-section-dark h2,
.mathb-section-dark h3,
.mathb-section-dark h4,
.mathb-section-dark h5,
.mathb-section-dark h6 {

    color: var(--mathb-white);

}

.mathb-section-dark p {

    color: rgba(255,255,255,.82);

}

/* ==========================================================================
   Intro
   ========================================================================== */

.mathb-section-intro {

    max-width: 760px;

    margin: 0 auto 5rem;

    text-align: center;

}

.mathb-section-intro.text-left {

    margin-left: 0;

    text-align: left;

}

/* ==========================================================================
   Two Columns
   ========================================================================== */

.mathb-two-columns {

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    gap: 5rem;

    align-items: center;

}

.mathb-two-columns img {

    width: 100%;

    border-radius: var(--mathb-radius-xl);

}

/* ==========================================================================
   Feature Section
   ========================================================================== */

.mathb-features {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(280px,1fr));

    gap: 2rem;

}

/* ==========================================================================
   Statistics
   ========================================================================== */

.mathb-stats {

    display: grid;

    grid-template-columns: repeat(4,1fr);

    gap: 2rem;

    text-align: center;

}

.mathb-stat {

    padding: 2rem;

}

.mathb-stat-value {

    display: block;

    margin-bottom: .5rem;

    font-size: clamp(2.5rem,4vw,4rem);

    font-weight: var(--mathb-fw-bold);

    color: var(--mathb-primary);

}

.mathb-stat-label {

    color: var(--mathb-text-light);

}

/* ==========================================================================
   CTA Banner
   ========================================================================== */

.mathb-cta {

    position: relative;

    overflow: hidden;

    padding: 5rem;

    color: var(--mathb-white);

    background: var(--mathb-dark);

    border-radius: var(--mathb-radius-xl);

}

.mathb-cta::before {

    content: "";

    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            135deg,
            rgba(214,177,106,.15),
            transparent 60%
        );

}

.mathb-cta-content {

    position: relative;

    z-index: 2;

    max-width: 720px;

}

.mathb-cta h2 {

    margin-bottom: 1.5rem;

    color: var(--mathb-white);

}

.mathb-cta p {

    margin-bottom: 2rem;

    color: rgba(255,255,255,.82);

}

/* ==========================================================================
   Logo Wall
   ========================================================================== */

.mathb-logo-wall {

    display: grid;

    grid-template-columns: repeat(auto-fit,minmax(160px,1fr));

    gap: 2rem;

    align-items: center;

}

.mathb-logo-wall img {

    margin: auto;

    max-height: 70px;

    opacity: .7;

    transition:
        opacity var(--mathb-transition),
        transform var(--mathb-transition);

}

.mathb-logo-wall img:hover {

    opacity: 1;

    transform: scale(1.05);

}

/* ==========================================================================
   Spacer
   ========================================================================== */

.mathb-spacer-sm {

    height: 2rem;

}

.mathb-spacer {

    height: 4rem;

}

.mathb-spacer-lg {

    height: 7rem;

}
/* ==========================================================================
   Testimonials
   ========================================================================== */

.mathb-testimonials {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));

    gap: 2rem;

}

.mathb-testimonial {

    padding: 2.5rem;

    background: var(--mathb-white);

    border-radius: var(--mathb-radius-xl);

    box-shadow: var(--mathb-shadow-sm);

}

.mathb-testimonial-text {

    margin-bottom: 2rem;

    font-size: 1.05rem;

    line-height: 1.9;

    color: var(--mathb-text);

}

.mathb-testimonial-author {

    display: flex;

    align-items: center;

    gap: 1rem;

}

.mathb-testimonial-author img {

    width: 64px;
    height: 64px;

    border-radius: 50%;

    object-fit: cover;

}

.mathb-testimonial-author strong {

    display: block;

    color: var(--mathb-heading);

}

.mathb-testimonial-author span {

    font-size: .9rem;

    color: var(--mathb-text-light);

}

/* ==========================================================================
   FAQ
   ========================================================================== */

.mathb-faq {

    max-width: 900px;

    margin-inline: auto;

}

.mathb-faq-item {

    margin-bottom: 1.5rem;

    padding: 2rem;

    background: var(--mathb-white);

    border-radius: var(--mathb-radius-lg);

    box-shadow: var(--mathb-shadow-sm);

}

.mathb-faq-question {

    margin-bottom: 1rem;

    font-weight: var(--mathb-fw-semibold);

}

.mathb-faq-answer {

    color: var(--mathb-text-light);

}

/* ==========================================================================
   Timeline
   ========================================================================== */

.mathb-timeline {

    position: relative;

    padding-left: 3rem;

}

.mathb-timeline::before {

    content: "";

    position: absolute;

    top: 0;
    bottom: 0;
    left: 12px;

    width: 2px;

    background: var(--mathb-border);

}

.mathb-timeline-item {

    position: relative;

    margin-bottom: 3rem;

}

.mathb-timeline-item:last-child {

    margin-bottom: 0;

}

.mathb-timeline-item::before {

    content: "";

    position: absolute;

    top: .35rem;
    left: -3rem;

    width: 18px;
    height: 18px;

    background: var(--mathb-primary);

    border: 4px solid var(--mathb-white);

    border-radius: 50%;

    box-shadow: var(--mathb-shadow-sm);

}

/* ==========================================================================
   Video Section
   ========================================================================== */

.mathb-video-section {

    position: relative;

    overflow: hidden;

    border-radius: var(--mathb-radius-xl);

}

.mathb-video-section img {

    width: 100%;

}

.mathb-video-play {

    position: absolute;

    inset: 0;

    display: flex;

    align-items: center;

    justify-content: center;

}

.mathb-video-play a {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 90px;
    height: 90px;

    color: var(--mathb-white);

    background: rgba(214,177,106,.92);

    border-radius: 50%;

    transition:
        transform var(--mathb-transition),
        background var(--mathb-transition);

}

.mathb-video-play a:hover {

    background: var(--mathb-primary);

    transform: scale(1.08);

}

/* ==========================================================================
   Background Utilities
   ========================================================================== */

.bg-primary {

    background: var(--mathb-primary);

}

.bg-light {

    background: var(--mathb-light);

}

.bg-dark {

    color: var(--mathb-white);

    background: var(--mathb-dark);

}

/* ==========================================================================
   Decorative Shapes
   ========================================================================== */

.mathb-shape-top,
.mathb-shape-bottom {

    position: absolute;

    left: 0;

    width: 100%;

    overflow: hidden;

    line-height: 0;

}

.mathb-shape-top {

    top: 0;

}

.mathb-shape-bottom {

    bottom: 0;

}

.mathb-shape-top svg,
.mathb-shape-bottom svg {

    display: block;

    width: 100%;

    height: auto;

}

/* ==========================================================================
   Reveal Animation
   ========================================================================== */

.mathb-reveal {

    opacity: 0;

    transform: translateY(40px);

    transition:
        opacity .8s ease,
        transform .8s ease;

}

.mathb-reveal.is-visible {

    opacity: 1;

    transform: translateY(0);

}

/* ==========================================================================
   End
   ========================================================================== */