.author-page .header__wrapper {
	 background: #151520;
	 color: #fff;
	 padding: 80px 0;
}
 .author-page .header__wrapper .grid-headerwrap {
	 grid-template-columns: 4fr 2fr;
	 align-items: center;
}
 .author-page .header__wrapper .author-contact a {
	 background: #fff;
	 height: 10px;
	 display: inline-table;
	 border-radius: 8px;
	 padding: 5px;
	 color: #151520;
}
 .author-page .header__wrapper .author-contact a:hover {
	 color: #fff;
	 background-color: #151520;
	 text-decoration: none;
}
 .author-page .header__wrapper .author-experience {
	 margin: 40px 0;
}
 .author-page .header__wrapper .author-experience .grid-experience {
	 grid-template-columns: 1fr 1fr 1fr;
}
 .author-page .header__wrapper .author-experience .grid-experience .experience-item {
	 border: 1px solid #fff;
	 padding: 20px;
	 border-radius: 8px;
}
 .author-page .header__wrapper .author-experience .grid-experience .experience-item .job-title {
	 margin-bottom: 0;
}
 .author-page .header__wrapper .author-experience .grid-experience .experience-item .time-line {
	 margin-bottom: 0;
}

 .author-page .author-stats .grid-stats {
	 grid-template-columns: 1fr 1fr 1fr 1fr;
}
 .author-page .author-stats .grid-stats .stat-item {
	 text-align: center;
	 background: #fff;
	 color: #000;
	 padding: 20px;
	 border-radius: 8px;
	 box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, .1);
}
 .author-page .author-stats .grid-stats .stat-item .number__stats {
	 font-size: 52px;
	 font-weight: 300;
	 margin-bottom: 0;
}

 .author-page .author-expert-block .grid-expertblock {
	 grid-template-columns: 1fr 2fr;
	 align-items: center;
}
 .author-page .author-achievements {
	 margin-top: 100px;
}
 .author-page .author-achievements .grid-achievements {
	 grid-template-columns: 1fr 1fr 1fr 1fr;
}
 .author-page .author-achievements .grid-achievements .stat-item {
	 text-align: center;
	 text-transform: capitalize;
	 background: #fff;
	 color: #000;
	 padding: 20px;
	 box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, .1);
	 border-radius: 8px;
}
 .author-page .author-testimonials {
	 margin-top: 100px;
}
 .author-page .author-testimonials .grid-testimonials {
	 grid-template-columns: 1fr 1fr 1fr;
}
 .author-page .author-testimonials .grid-testimonials blockquote {
	 background: #fff;
	 color: #000;
	 padding: 20px;
	 border-radius: 8px;
	 margin-bottom: 30px;
	 box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, .1);
}
 .author-page .author-testimonials .grid-testimonials blockquote footer {
	 margin-top: 10px;
	 font-style: italic;
}
 .author-page .author-qa {
	 max-width: 800px;
	 margin: 60px 0;
	 font-family: inherit;
	 margin: auto;
	 margin-top: 100px;
}
 .author-page .author-qa .qa-title {
	 font-size: 28px;
	 font-weight: 700;
	 margin-bottom: 25px;
	 padding-bottom: 10px;
	 border-bottom: 2px solid #ededed;
}
 .author-page .author-qa .qa-list {
	 display: block;
}
 .author-page .author-qa .qa-item {
	 border-bottom: 1px solid #e5e5e5;
	 background-color: #fff;
	 margin-bottom: 10px;
}
 .author-page .author-qa .qa-item.active .qa-icon {
	 transform: rotate(45deg);
}
 .author-page .author-qa .qa-question {
	 width: 100%;
	 background: none;
	 border: none;
	 padding: 18px;
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 text-align: left;
	 cursor: pointer;
	 box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, .1);
	 font-size: 18px;
	 font-weight: 600;
	 color: #111;
	 transition: color 0.3s ease;
}
 .author-page .author-qa .qa-question:hover {
	 color: #151520;
}
 .author-page .author-qa .qa-question .qa-q {
	 margin-right: 8px;
	 font-weight: 700;
	 color: #151520;
}
 .author-page .author-qa .qa-question .qa-icon {
	 font-size: 22px;
	 font-weight: 400;
	 transition: transform 0.3s ease;
}
 .author-page .author-qa .qa-answer {
	 display: none;
	 padding: 20px;
}
 .author-page .author-qa .qa-answer .qa-answer-inner {
	 font-size: 16px;
	 line-height: 1.7;
	 color: #444;
	 padding-right: 30px;
}
 .author-page .author-qa .qa-answer .qa-answer-inner .qa-a {
	 margin-right: 6px;
	 font-weight: 700;
	 color: #151520;
}
 @media (max-width: 1024px) {
	 .expert-images {
		 text-align: center;
	}
	 .author-page .header__wrapper {
		 padding: 60px 0;
	}
	 .author-page .header__wrapper .grid-headerwrap {
		 grid-template-columns: 1fr;
	}
	 .author-page .header__wrapper .author-experience .grid-experience {
		 grid-template-columns: 1fr 1fr;
	}
	 .author-page .author-stats .grid-stats {
		 grid-template-columns: 1fr 1fr;
	}
	 .author-page .author-expert-block .grid-expertblock {
		 grid-template-columns: 1fr;
	}
	 .author-page .author-achievements .grid-achievements {
		 grid-template-columns: 1fr 1fr;
	}
	 .author-page .author-testimonials .grid-testimonials {
		 grid-template-columns: 1fr 1fr;
	}
}
 @media (max-width: 768px) {
	 .author-page .header__wrapper {
		 padding: 40px 0;
	}
	 .author-page .header__wrapper .author-experience .grid-experience {
		 grid-template-columns: 1fr;
	}
	 .author-page .author-stats .grid-stats {
		 grid-template-columns: 1fr;
	}
	 .author-page .author-achievements .grid-achievements {
		 grid-template-columns: 1fr;
	}
	 .author-page .author-testimonials .grid-testimonials {
		 grid-template-columns: 1fr;
	}
	 .author-page .author-qa {
		 max-width: 100%;
		 margin: 40px 0;
	}
	 .author-page .author-qa .qa-question {
		 font-size: 16px;
		 padding: 15px;
	}
	 .author-page .author-qa .qa-answer-inner {
		 padding-right: 15px;
	}
}
 @media (max-width: 480px) {
	 .author-page .header__wrapper {
		 padding: 30px 0;
	}
	 .author-page .header__wrapper .author-contact a {
		 font-size: 12px;
		 padding: 4px;
	}
	 .author-page .author-stats .stat-item .number__stats {
		 font-size: 36px;
	}
	 .author-page .author-qa .qa-title {
		 font-size: 22px;
	}
	 .author-page .author-qa .qa-question {
		 font-size: 14px;
	}
}
 






/* CONTAINER */
.container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
}

/* GRID UTILITIES */
.d-grid {
    display: grid;
}

.gap-3 {
    gap: 1rem;
}

.gap-4 {
    gap: 1.5rem;
}

.column-gap-3 {
    column-gap: 1rem;
}

.column-gap-4 {
    column-gap: 1.5rem;
}

/* TEXT UTILITIES */
.text-center {
    text-align: center;
}

.mb-4 {
    margin-bottom: 1.5rem;
}

/* =========================
AUTHOR PAGE
========================= */

.author-page {
    font-family: Arial, sans-serif;
}

/* HEADER */

.header__wrapper {
    padding: 80px 0;
}

.grid-headerwrap {
    grid-template-columns: 1fr 350px;
    align-items: center;
}

.author-intro h1 {
    font-size: 42px;
    margin-bottom: 20px;
}

.author-bio {
    font-size: 18px;
    line-height: 1.6;
    margin-bottom: 25px;
}

.author-photo img {
    width: 100%;
    max-width: 300px;
    border-radius: 12px;
}

/* CONTACT ICONS */

.author-contact {
    margin-top: 20px;
}

.author-contact a {
    margin-right: 15px;
    color: #111;
    transition: 0.2s;
}

.author-contact a:hover {
    opacity: 0.7;
}

/* EXPERIENCE */

.author-experience {
    margin-top: 30px;
}

.grid-experience {
    grid-template-columns: repeat(3, 1fr);
}

.experience-item {
    padding: 15px;
    border: 1px solid #eee;
    border-radius: 8px;
}

.job-title {
    font-weight: bold;
}

.company-name {
    color: #c2c2c2;
}

.time-line {
    font-size: 14px;
    color: #c2c2c2;
}

/* STATS */

.author-stats {
    padding: 80px 0;
    background: #f8f8f8;
}

.grid-stats {
    grid-template-columns: repeat(4, 1fr);
    margin-top: 30px;
}

.stat-item {
    text-align: center;
    padding: 25px;
}

.number__stats {
    font-size: 36px;
    margin-bottom: 10px;
}

/* EXPERT BLOCK */

.author-page h3 {
    font-size: 40px !important;
    margin-bottom: 40px;
}

.author-expert-block {
    padding: 80px 0;
}

.grid-expertblock {
    grid-template-columns: 1fr 1fr;
    align-items: center;
}

.expert-images img {
    width: 100%;
    border-radius: 8px;
    margin-bottom: 10px;
}

.text-side h3 {
    margin-bottom: 20px;
}

/* ACHIEVEMENTS */

.author-achievements {
    padding: 80px 0;
    background: #fafafa;
}

.grid-achievements {
    grid-template-columns: repeat(3, 1fr);
}

.grid-achievements .stat-item {
    padding: 20px;
    border: 1px solid #eee;
    border-radius: 8px;
}

/* TESTIMONIALS */

.author-testimonials {
    padding: 80px 0;
}

.grid-testimonials {
    grid-template-columns: repeat(3, 1fr);
}

blockquote {
    padding: 25px;
    border-left: 4px solid #000;
    background: #f7f7f7;
    border-radius: 6px;
}

blockquote footer {
    margin-top: 10px;
    font-size: 14px;
    color: #555;
}

/* QA */

.author-qa {
    padding: 80px 0;
}

.qa-item {
    border-bottom: 1px solid #eee;
}

.qa-question {
    width: 100%;
    background: none;
    border: none;
    text-align: left;
    font-size: 18px;
    padding: 20px 0;
    display: flex;
    justify-content: space-between;
    cursor: pointer;
}

.qa-answer {
    display: none;
    padding-bottom: 20px;
}

.qa-answer-inner {
    display: flex;
    gap: 10px;
}

.qa-q,
.qa-a {
    font-weight: bold;
}

/* RESPONSIVE */

@media (max-width: 1024px) {

    .grid-headerwrap {
        grid-template-columns: 1fr;
    }

    .grid-stats {
        grid-template-columns: repeat(2, 1fr);
    }

    .grid-achievements {
        grid-template-columns: repeat(2, 1fr);
    }

    .grid-testimonials {
        grid-template-columns: repeat(2, 1fr);
    }

    .grid-experience {
        grid-template-columns: repeat(2, 1fr);
    }

}

@media (max-width: 640px) {

    .grid-stats,
    .grid-achievements,
    .grid-testimonials,
    .grid-experience {
        grid-template-columns: 1fr;
    }

    .grid-expertblock {
        grid-template-columns: 1fr;
    }

}
