@import url(_default-banner.css?v15100);
@import url("_cta-module.css");
@import url("_industries-module.css");
@import url("_scrolly-section.css");
@import url("_offices-module.css");
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@600&display=swap');

.our-story {padding:80px 0 80px 0; clear: both; width: 100%; background: var(--white);}
.our-story .section-head {margin-bottom: 40px;}
.story-main + .values-grid {margin-top:80px;}

.values-grid {display: flex; flex-wrap: wrap; gap: 40px 24px;}
.value-item {display: flex; gap: 14px; align-items: flex-start; width: calc((100% - 72px) / 4);}
.value-icon {flex-shrink: 0; width: 35px;}
.value-icon img, .value-icon svg path {filter: brightness(0) saturate(100%) invert(39%) sepia(95%) saturate(1892%) hue-rotate(170deg) brightness(95%) contrast(101%);}
.value-icon svg {width: 100%; height: 100%; fill:var(--blue-sky)}
.value-desc {font-size: 14px; color: var(--muted); line-height: 20px;}
.value-item .h6 {margin-bottom: 5px;}


.our-journey {padding: 80px 0;}
.leadership-section {padding: 80px 0; clear: both; width: 100%; background: var(--blue-10);}
.leadership-inner {display: flex; flex-wrap: wrap; width: 100%; gap:30px 5%; justify-content: space-between; align-items: center;}
.leadership-lt {flex:1;}
.leadership-lt h2 {margin-bottom: 10px; max-width: 530px;}
.leadership-rt {flex:1;}
.leadership-rt img {border-radius: 16px;}
.leadership-rt-inner {max-width: 670px; margin-top: auto; margin-left: auto; height: 377px;}
.leadership-inner + .leaders {margin-top: 120px;}
.leaders {display:flex; gap:50px 1.646090534979424%; flex-wrap: wrap; width: 100%;}
.leader-card {background: var(--white); border-radius: 10px; padding: 24px 20px; box-shadow: 0 2px 10px rgba(0,0,0,.04); width:23.7%;}
.leader-top {display: flex; flex-wrap: wrap; width: 100%; gap: 15px; margin-bottom: 15px;}
.leader-avatar {width: 118px; height: 118px; border-radius: 50%; display: flex; align-items: center; justify-content: center; overflow: hidden; border: 5px solid var(--white); margin: -50px 0 0 0;}
.leader-info {flex: 1;}
.leader-txt {width: 100%; clear: both;}
.leader-name {font-weight: 700; color: var(--navy); font-size: 18px;}
.leader-role {font-size: 14px; color: var(--muted); font-weight:500; line-height: normal;}
.author-sm {margin:20px 0 0 0; display: flex; flex-wrap: wrap; gap: 6px;}
.author-sm li:before {display: none;}
.author-sm li {display: inline-block; margin: 0;}
.author-sm li a {font-size: 13px; color: var(--white); width: 30px; height: 30px; position: relative; z-index: 1; line-height: 1; border-radius: 8px; background-color: var(--blue-light);}
.author-sm li a:hover {background: var(--orange); transform: translateY(-2px);}

@media screen and (max-width:1199px) and (min-width:1024px) {
.leader-info {flex:100%;}
}
@media screen and (max-width:1023px) and (min-width:200px) {
.our-story {padding: 64px 0;}
.our-journey {padding: 64px 0;}
.leadership-section {padding: 64px 0;}
}
@media screen and (max-width:1023px) and (min-width:768px) {
.value-item {width: calc((100% - 24px) / 2);}
.leadership-inner + .leaders {margin-top: 80px;}
.leaders {gap: 50px 3%;}
.leader-card {width: 48.5%;}
}
@media screen and (max-width:767px) and (min-width:200px) {
.value-item {width: 100%;}
.leadership-lt {flex:100%;}
.leadership-lt h2 {max-width: 100%;}
.leadership-inner {gap: 50px 5%;}
.leadership-rt-inner {max-width: 100%;}
.leadership-inner + .leaders {margin-top: 80px;}
.leader-card {width: 337px; margin-right: 20px;}
.leaders .slick-list {overflow: visible;}
}

/* FOUNDER'S MESSAGE */
.founder-message-section {padding: 80px 0; clear: both; width: 100%; background: var(--blue-10); --gold: #C9A227; --cream: #F7EEDF;}
.founder-message-section .optional-text {color:var(--optional-txt);}
.founder-message-section .small-hr { margin-bottom: 20px; position: relative;}
.founder-message-section .small-hr:after {content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--gold); position: absolute; top: 50%; left: calc(100% + 10px); transform: translateY(-50%);}
.founder-message-section .section-head p {max-width: 900px;}

.founder-card {display: flex; flex-wrap: wrap; background: var(--white); border-radius: 20px; box-shadow: 0 10px 40px rgba(0,32,86,.08); overflow: hidden;}

.founder-photo-col {width: 34%; display: flex; flex-direction: column;}
.founder-photo-fig {flex: 1; min-height: 320px;}
.founder-photo-fig img {width: 100%; height: 100%; object-fit: cover; display: block;}
.founder-strip {background: var(--navy); padding: 20px 24px; flex-shrink: 0;}
.founder-strip-name {color: var(--gold); font-weight: 700; font-size: 20px; margin-bottom: 4px;}
.founder-strip-role {color: var(--white); font-size: 14px; margin-bottom: 14px;}
.founder-linkedin {display: flex; align-items: center; gap: 10px; color: var(--white-70); font-size: 13px; text-decoration: none;}
.founder-linkedin i {width: 26px; height: 26px; border: 1px solid var(--gold); border-radius: 6px; color: var(--gold); display: flex; align-items: center; justify-content: center; font-size: 13px; flex-shrink: 0;}
.founder-linkedin:hover {color: var(--white);}

.founder-msg-col {width: 66%; padding: 44px 48px;}
.founder-msg-head {display: flex; align-items: center; gap: 14px; margin-bottom: 18px;}
.founder-quote-mark {font-family: Georgia, serif; font-size: 56px; line-height: 1; color: var(--gold); font-weight: 700; flex-shrink: 0;}
.founder-msg-head h3 {margin: 0; font-size: 24px; line-height: 32px; color: var(--navy); font-weight: 700;}
.founder-msg-col > p {color: var(--muted2); font-size: 15px; line-height: 1.7; margin-bottom: 16px;}
.founder-highlight {background: var(--cream); border-radius: 10px; padding: 18px 22px; display: flex; gap: 12px; align-items: flex-start; margin: 24px 0;}
.founder-highlight .founder-quote-mark-sm {font-size: 32px;}
.founder-highlight p {font-style: italic; color: var(--navy); margin: 0; font-size: 15px; line-height: 1.6;}
.founder-signature {font-family: 'Dancing Script', cursive; color: var(--gold); font-size: 30px; line-height: 1;}
.founder-signature-role {color: var(--navy); font-weight: 700; font-size: 14px; margin-top: 6px;}

.founder-stats {width: 100%; display: flex; flex-wrap: wrap; border-top: 1px solid var(--line); padding: 28px 48px;}
.founder-stat-item {flex: 1; display: flex; align-items: center; gap: 14px; padding: 0 20px; border-right: 1px solid var(--line);}
.founder-stat-item:last-child {border-right: 0 none;}
.founder-stat-icon {width: 48px; height: 48px; border-radius: 50%; background: var(--navy); display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
.founder-stat-icon img {width: 22px; height: 22px; filter: brightness(0) invert(1);}
.founder-stat-txt strong {display: block; color: var(--navy); font-size: 17px; font-weight: 700; line-height: 1.3;}
.founder-stat-txt span {display: block; color: var(--muted); font-size: 13px; line-height: 1.4; margin-top: 2px;}

@media screen and (max-width:1023px) and (min-width:200px) {
.founder-message-section {padding: 64px 0;}
.founder-photo-col {width: 100%;}
.founder-photo-fig {min-height: 280px;}
.founder-msg-col {width: 100%; padding: 32px 24px;}
.founder-stats {padding: 24px;}
}
@media screen and (max-width:767px) and (min-width:200px) {
.founder-stats {gap: 20px 0;}
.founder-stat-item {flex: 0 0 50%; border-right: 0 none; padding: 0 10px 20px; border-bottom: 1px solid var(--line);}
.founder-stat-item:nth-last-child(-n+2) {border-bottom: 0 none; padding-bottom: 0;}
}
@media screen and (max-width:480px) and (min-width:200px) {
.founder-stat-item {flex: 0 0 100%; border-bottom: 1px solid var(--line); padding-bottom: 20px;}
.founder-stat-item:last-child {border-bottom: 0 none; padding-bottom: 0;}
}