/* ====================
ABOUT PAGE
==================== */
/* breadcrumb */
.static-page .breadcrumb a { text-decoration: unset;}
.static-page .breadcrumb span {color: var(--c-hover);}

/* heading */
.about-page .heading > :first-child {font-size: 20px; font-weight: 500; line-height: 1.2; color: var(--c-card-anchor); margin: 0 0 24px;}
.about-page .heading p {font-size: 13px; color: #000; margin-bottom: 30px;}
.about-page .team-heading {text-align: center; margin-bottom: 35px;}
.about-page .team-heading > :first-child {font-size: 32px; font-weight: 500; line-height: 1.2; margin-bottom: 8px;}
.about-page .team-heading strong {font-size: 13px; font-weight: 800;}

/* team member row */
.about-page .team-member {display: grid; grid-template-columns: 295px 1fr; align-items: center; gap: 30px; padding-bottom: 15px; border-bottom: 1px solid var(--c-content-br); margin-bottom: 15px;}

.about-page .member-pic {text-align: center; margin-bottom: 15px;}
.about-page .member-pic img {width: 100%; border-radius: 5px; margin-bottom: 4px;}
.about-page .member-pic strong {display: block; font-size: 13px; font-weight: 800; color: #000;}
.about-page .member-pic span {display: block; font-size: 14px; color: #000;}

.about-page .member-info p {font-size: 13px; margin-bottom: 12px;}
.about-page .member-info p:last-child {margin-bottom: 0;}
.about-page .member-info strong {font-weight: 800;}

/* ====================
CONTACT PAGE
==================== */
.static-title > :first-child{display: inline-block;text-transform: capitalize; font-weight: 700;position: relative;margin: 0 0 30px;padding-bottom: 15px;color: var(--c-card-anchor);font-size: 20px;}
.static-title > :first-child:after{content: "";width: 70px;height: 3px;position: absolute;bottom: 0;left: 0;background: var(--c-heading-after);}
.contact-page .contact-map{margin-bottom: 40px;}
.contact-page .contact-map iframe{width: 100%;height: 450px; border: 5px solid var(--c-cart-br);}
.contact-page .contact-info > :first-child {width: 100%;margin-bottom: 25px;font-weight: 600;font-size: 20px;}
.contact-page .contact-info p {font-size: 12px; margin-bottom: 16px; color: #000;}
.contact-page .contact-info p span {width: 20px; display: inline-block;}
.contact-page .contact-info a {font-size: 12px; font-weight: 400; color: #000; transition: color var(--trans-3);}
.contact-page .contact-info a:hover {color: var(--c-hover-lg);}

/* ====================
REFUND PAGE
==================== */
.refund-policy {margin-bottom: 40px;}
.refund-policy .refund-title > :first-child {font-size: 40px; font-weight: 500; line-height: 1.2; margin-bottom: 8px;}
.refund-policy p {font-size: 13px; color: #000; margin-bottom: 16px;}
.refund-policy p strong {font-size: 13px; font-weight: 800; color: #000;}
.refund-policy > a, .refund-policy p a {font-size: 13px; font-weight: 400; text-decoration: underline; color: var(--c-blue);}
.refund-policy li {list-style: none; font-size: 13px; color: #000;}
.refund-policy > :where(h2, h3, h4, h5, h6) {font-size: 28px; font-weight: 500; line-height: 1.2; border-bottom: 1px solid #000; margin-bottom: 8px;}


@media only screen and (max-width: 1200px) {
    /* ABOUT PAGE */
    .about-page .heading > :first-child {margin-bottom: 16px;}
    .about-page .heading p {margin-bottom: 20px}
    .about-page .team-heading {margin-bottom: 20px;}
    .about-page .team-member {gap: 20px;}
    .about-page .member-pic {margin-bottom: 0;}
    .about-page .team-heading > :first-child {font-size: 28px;}
    /*  REFUND PAGE */
    .refund-policy .refund-title > :first-child {font-size: 36px;}
}

@media only screen and (max-width: 992px) {
    /* ABOUT PAGE */
    .about-page .team-heading {margin-bottom: 20px;}
    .about-page .team-member {grid-template-columns: 180px 1fr; gap: 10px;}
    .about-page .team-heading > :first-child {font-size: 24px;}
    /* CONTACT PAGE */
    .static-title > :first-child {font-size: 18px;}
    .contact-page .contact-map iframe {height: 380px;}
    .contact-page .contact-info > :first-child {font-size: 18px;}
    /*  REFUND PAGE */
    .refund-policy .refund-title > :first-child {font-size: 28px;}
}

@media only screen and (max-width: 768px) {
    /* ABOUT PAGE */
    .about-page .heading h1 {font-size: 18px;}
    .about-page .team-heading h2 {font-size: 18px;}

    .about-page .team-member {grid-template-columns: 1fr; gap: 15px; text-align: center;}
    .about-page .member-pic img {max-width: 160px;}
    .about-page .member-info {text-align: left;}
    .about-page .team-heading > :first-child {font-size: 20px;}
    /* CONTACT PAGE */
    .static-title > :first-child {font-size: 17px; margin-bottom: 20px;}
    .contact-page .contact-map {margin-bottom: 25px;}
    .contact-page .contact-map iframe {height: 300px; border-width: 3px;}
    .contact-page .contact-info > :first-child {font-size: 16px; margin-bottom: 18px;}
    .contact-page .contact-info p {display: flex; align-items: flex-start; gap: 8px;}
    .contact-page .contact-info p span {flex: none; margin-top: 1px;}
    .contact-page .contact-info a {display: flex; align-items: flex-start; gap: 8px;}
    /*  REFUND PAGE */
    .refund-policy .refund-title > :first-child {font-size: 24px;}
}

@media only screen and (max-width: 576px) {
    /* ABOUT PAGE */
    .about-page .heading p {font-size: 12px;}
    .about-page .member-info p {font-size: 12px;}
    .about-page .member-pic img {max-width: 120px;}
    .about-page .team-heading > :first-child {font-size: 18px;}
    /* CONTACT PAGE */
    .static-title > :first-child {font-size: 16px;}
    .contact-page .contact-map iframe {height: 220px;}
    .contact-page .contact-info > :first-child {font-size: 15px;}
    .contact-page .contact-info p,.contact-page .contact-info a {font-size: 12px; line-height: 1.5;}
}