/*
 * about-us.css
 * Converted from:
 *   frontend-nextjs/src/views/pages/AboutUsPage/_about-page.scss
 *   frontend-nextjs/src/views/pages/AboutUsPage/_keepgrowing.scss
 * Generated by Claude Code Phase 2B — Developer review required
 *
 * SCSS variables resolved to hex values:
 *   $secondary        → #19263a
 *   $white            → #ffffff
 *   $color_shark      → #232528
 *   $color_raven      → #7b7c7e
 *   $font-secondary   → "DM Serif Display", Georgia, serif
 *
 * SCSS mixins expanded:
 *   @include border-radius(n)   → border-radius: n
 *   @include breakpoint(max, n) → @media (max-width: npx)
 *   @include box-shadow(...)    → box-shadow: ...
 */

/* ──────────────────────────────────────────────────────────────
   ABOUT CONTENT BLOCK (shared wrapper for all sections)
   Source: _about-page.scss .about-content-block
   ────────────────────────────────────────────────────────────── */

.about-content-block {
	padding: 60px 0 30px;
}

@media (max-width: 767px) {
	.about-content-block {
		padding: 48px 0 10px;
	}
}

.about-content-block.our-motto-wrap {
	padding-bottom: 68px;
}

/* Content block heading/text area */
.about-content-block .content-block {
	padding-bottom: 0;
	max-width: 603px;
	margin: 0 auto;
}

.about-content-block .content-block h2,
.about-content-block .content-block .h1 {
	text-align: center;
	padding-bottom: 46px;
	font-size: 42px;
    line-height: 115%;
    font-weight: 400;
    font-family: "DM Serif Display", -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
}

@media (max-width: 767px) {
	.about-content-block .content-block h2,
	.about-content-block .content-block .h1 {
		padding-bottom: 34px;
		font-size: 30px;
	}
}

.about-content-block .content-block p:last-child {
	margin-bottom: 0;
}

/* ──────────────────────────────────────────────────────────────
   ABOUT IMAGE GRID (Section 1 — 3-image grid)
   Source: _about-page.scss .about-img-block
   ────────────────────────────────────────────────────────────── */

.about-content-block .about-img-block {
	padding-top: 70px;
}

@media (max-width: 767px) {
	.about-content-block .about-img-block {
		padding-top: 40px;
	}
}

.about-content-block .about-img-block .img {
	margin-bottom: 30px;
}

@media (max-width: 767px) {
	.about-content-block .about-img-block .img {
		margin-bottom: 20px;
	}
}

.about-content-block .about-img-block .img:last-child {
	margin-bottom: 0;
}

@media (max-width: 767px) {
	.about-content-block .about-img-block .img:last-child {
		margin-bottom: 20px;
	}
}

.about-content-block .about-img-block .img img {
	width: 100%;
	border-radius: 4px;
}

/* ──────────────────────────────────────────────────────────────
   PROMOTER BOX (Section 5 — Our Promoter)
   Source: _about-page.scss .promoter-box
   ────────────────────────────────────────────────────────────── */

.about-content-block .promoter-box {
	display: flex;
}

@media (max-width: 600px) {
	.about-content-block .promoter-box {
		flex-wrap: wrap;
		text-align: center;
	}
}

.about-content-block .promoter-box__img {
	width: 186px;
	margin-right: 26px;
	flex-shrink: 0;
}

@media (max-width: 600px) {
	.about-content-block .promoter-box__img {
		width: 100%;
		margin-right: 0;
		margin-bottom: 15px;
		text-align: center;
	}
}

.about-content-block .promoter-box__img img {
	border-radius: 4px;
}

.about-content-block .promoter-box__txt {
	width: 100%;
	line-height: 150%;
}

.about-content-block .promoter-box__txt p a {
	font-weight: 500;
	text-decoration: none;
}

/* ──────────────────────────────────────────────────────────────
   FAQ BLOCK (Section 8 — About FAQ)
   Source: _about-page.scss .about-faq-block
   ────────────────────────────────────────────────────────────── */

.about-content-block.about-faq-block .faq-block {
	max-width: 818px;
	margin: 0 auto;
	padding-bottom: 24px;
}

@media (max-width: 767px) {
	.about-content-block.about-faq-block .faq-block {
		padding-bottom: 0;
	}
}

/* ──────────────────────────────────────────────────────────────
   FOUNDERS LIST (Section 6 — About The Founders)
   Source: _about-page.scss .the-founder-list
   ────────────────────────────────────────────────────────────── */

.the-founder-list {
	max-width: 606px;
	margin: 0 auto;
}

.the-founder-list ul {
	padding-bottom: 20px;
}

.the-founder-list ul li {
	padding-bottom: 32px;
}

@media (max-width: 600px) {
	.the-founder-list ul li:last-child {
		padding-bottom: 0;
	}
}

.the-founder-list .founder-box {
	display: flex;
}

@media (max-width: 600px) {
	.the-founder-list .founder-box {
		flex-wrap: wrap;
		text-align: center;
	}
}

.the-founder-list .founder-box__img {
	width: 180px;
	margin-right: 32px;
	flex-shrink: 0;
}

@media (max-width: 600px) {
	.the-founder-list .founder-box__img {
		width: 100%;
		text-align: center;
		margin-right: 0;
		margin-bottom: 15px;
	}
}

.the-founder-list .founder-box__img img {
	border-radius: 4px;
}

.the-founder-list .founder-box__info {
	width: 100%;
}

.the-founder-list .founder-box__name {
	font-size: 24px;
	line-height: 1.2;
	font-weight: 500;
	color: #232528;
}

@media (max-width: 600px) {
	.the-founder-list .founder-box__name {
		font-size: 18px;
		padding-bottom: 8px;
		font-weight: 600;
	}
}

.the-founder-list .founder-box__position {
	font-size: 12px;
	line-height: 150%;
	color: #7b7c7e;
	padding-bottom: 12px;
}

@media (max-width: 600px) {
	.the-founder-list .founder-box__position {
		max-width: 270px;
		margin: 0 auto;
	}
}

.the-founder-list .founder-box__txt {
	font-size: 16px;
	line-height: 150%;
	color: #232528;
	letter-spacing: 0.02em;
}

@media (max-width: 600px) {
	.the-founder-list .founder-box__txt {
		font-size: 14px;
		max-width: 340px;
		margin: 0 auto;
	}
}

/* ──────────────────────────────────────────────────────────────
   FEATURED LOGOS (Section 7 — Featured In)
   Source: _about-page.scss .featured-logos
   ────────────────────────────────────────────────────────────── */

.featured-logos ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0 -15px;
	padding: 0;
	list-style: none;
}

@media (max-width: 991px) {
	.featured-logos ul {
		margin: 0 -10px;
	}
}

.featured-logos ul li {
	width: 16.66%;
	padding: 0 15px 15px;
}

@media (max-width: 991px) {
	.featured-logos ul li {
		padding: 0 10px 20px;
		width: 33.33%;
	}
}

@media (max-width: 500px) {
	.featured-logos ul li {
		width: 50%;
	}
}

.featured-logos ul li .box {
	border: 1px solid rgba(123, 124, 126, 0.3);
	height: 182px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px;
	border-radius: 4px;
}

@media (max-width: 1100px) {
	.featured-logos ul li .box {
		height: 120px;
		overflow: hidden;
	}
}

.featured-logos ul li .box img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}

/* ──────────────────────────────────────────────────────────────
   KEEP GROWING — STATISTICS SECTION (Section 4)
   Source: _keepgrowing.scss .keep-growing-wrap
   ────────────────────────────────────────────────────────────── */

@media (max-width: 767px) {
	.keep-growing-wrap .container {
		padding-left: 0;
		padding-right: 0;
	}
}

.keep-growing-wrap .keep-growing-box {
	background: #19263a;
	border-radius: 4px;
	padding: 56px 20px 30px;
}

@media (max-width: 767px) {
	.keep-growing-wrap .keep-growing-box {
		border-radius: 0;
	}
}

.keep-growing-wrap .keep-growing-box__title {
	text-align: center;
}

.keep-growing-wrap .keep-growing-box__title h2 {
	font-size: 34px;
	line-height: 130%;
	font-weight: 400;
	font-family: "DM Serif Display", Georgia, serif;
	color: #ffffff;
	padding-bottom: 16px;
}

@media (max-width: 767px) {
	.keep-growing-wrap .keep-growing-box__title h2 {
		font-size: 30px;
	}
}

.keep-growing-wrap .keep-growing-box__title p {
	font-size: 18px;
	line-height: 160%;
	color: rgba(255, 255, 255, 0.45);
	margin: 0;
}

@media (max-width: 767px) {
	.keep-growing-wrap .keep-growing-box__title p {
		font-size: 14px;
	}
}

.keep-growing-wrap .statistics-list {
	max-width: 742px;
	margin: 0 auto;
	padding-top: 59px;
}

@media (max-width: 767px) {
	.keep-growing-wrap .statistics-list {
		padding-top: 30px;
	}
}

.keep-growing-wrap .statistics-list ul {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	padding: 0;
	list-style: none;
}

@media (max-width: 767px) {
	.keep-growing-wrap .statistics-list ul {
		justify-content: center;
	}
}

.keep-growing-wrap .statistics-list ul li {
	text-align: center;
	padding-bottom: 30px;
}

@media (max-width: 767px) {
	.keep-growing-wrap .statistics-list ul li {
		padding-left: 10px;
		padding-right: 10px;
	}
}

.keep-growing-wrap .statistics-list .statistics-box {
	color: #ffffff;
}

@media (max-width: 767px) {
	.keep-growing-wrap .statistics-list .statistics-box {
		min-width: 110px;
	}
}

.keep-growing-wrap .statistics-list .statistics-box__count {
	font-size: 28px;
	line-height: 1;
	font-weight: 700;
	padding-bottom: 5px;
}

.keep-growing-wrap .statistics-list .statistics-box__name {
	font-size: 16px;
	color: #f5f5f5;
}

/* ──────────────────────────────────────────────────────────────
   QUICK LINK CTA WRAP (bottom of page)
   Source: AboutUsClientPage.js → <div className="quick-link-cta-wrap pt-5">
   ────────────────────────────────────────────────────────────── */

.quick-link-cta-wrap {
	overflow: hidden;
}

/* ──────────────────────────────────────────────────────────────
   QUICK LINKS GRID (bottom of page)
   Converted from: frontend-nextjs/src/components/QuickLinks/_quicklinks.scss
   Not in blog.css or homepage.css at page-load time for about-us,
   so included here to keep a single conditional CSS load.
   ────────────────────────────────────────────────────────────── */

.quick-links-wrap {
	padding-bottom: 100px;
}

@media (max-width: 767px) {
	.quick-links-wrap {
		padding-bottom: 32px;
	}
}

.quick-links-wrap .quick-links-icon-list ul li {
	padding-bottom: 24px;
}

.quick-link-box {
	height: 100%;
	width: 100%;
	display: block;
	padding: 34px 10px;
	text-align: center;
	border: 1px solid #e1cab8;
	border-radius: 6px;
	transition: all 0.3s ease-in-out;
	text-decoration: none;
}

@media (max-width: 767px) {
	.quick-link-box {
		padding: 29px 10px;
	}
}

.quick-link-box:hover {
	background: rgba(231, 129, 37, 0.1);
}

.quick-link-box__icon {
	padding-bottom: 20px;
}

@media (max-width: 767px) {
	.quick-link-box__icon {
		padding-bottom: 12px;
	}
	.quick-link-box__icon svg,
	.quick-link-box__icon img {
		width: 32px;
		height: 32px;
	}
}

.quick-link-box__txt {
	font-size: 18px;
	line-height: 22px;
	font-weight: 500;
	color: #232528;
}

@media (max-width: 767px) {
	.quick-link-box__txt {
		font-size: 12px;
		line-height: 14px;
	}
}
.accordion-button{
    color: #19263a;
	line-height: 1.2;
    margin: 0;
    font-weight: 400;
    font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
	font-size: 18px;
	line-height: 25px;
	background-color: transparent !important;
	    padding-left: 0;
}
.accordion-button:focus{
	box-shadow: none !important;
}
.accordion-body{
	    background: #f9f5f2;
    padding: 24px 24px 10px;
    font-size: 16px;
    line-height: 172%;
    color: #232528;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}
.accordion-button:not(.collapsed)::after{
	background-image: url(../images/icons/plus-minus.svg);
}
.accordion-button::after{
	background-image: url(../images/icons/plus-orange.svg);
	background-size: 15px 15px;
}