*,
*::before,
*::after {
margin: 0;
padding: 0;
box-sizing: border-box;
}
:root { --primary-color: #ff5733;
--bg-color: #f4f4f4;
--text-color: #333333;
--white-color: #fff;
--green-color: #208752;
--nav-black: #131517;
--cta-dark: #231F20;
--footer-link: #d1d1d2;
--navy: #14263B;
--cream: #F6F3EC;
--paper: #FFFFFF;
--gold: #A9803E;
--gold-soft: #E4D3B3;
--sage: #208752;
--sage-soft: #CFE0D3;
--ink: #1C2A36;
--ink-soft: #231F20;
--hairline: #DAD3C2;
--label-bg: #F3F3F3;
--text-navy: #233647; --Inter: "Inter", sans-serif;
--arial: "Arial", sans-serif;
}
html {
scroll-behavior: smooth;
}
body {
color: var(--text-color);
font-family: var(--Inter);
-webkit-font-smoothing: antialiased;
scroll-behavior: smooth;
overflow-x: hidden;
}
body.overlay {
overflow-y: hidden;
} img,picture,video,canvas,svg {
display: block;
max-width: 100%;
} .container {
width: 100%;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 641px) {
.container {
max-width: calc(100% - 60px);
}
}
@media (min-width: 1200px) {
.container {
max-width: 1140px;
}
}
@media (min-width: 1400px) {
.container {
max-width: 1280px;
}
}  .page-title {
font-size: clamp(36px, 4.7vw, 75px);
color: var(--white-color);
font-weight: normal;
font-weight: 200;
line-height: 108%;
letter-spacing: -3%;
}
.discipline_title {
font-weight: 200;
font-size: clamp(36px, 4.5vw, 75px);
line-height: 108%;
letter-spacing: -3%;
}
.discipline_title .accent {
color: #3f9463;
display: block;
}
p {
color: #3a4547;
margin: 0;
font-weight: 300;
font-size: 18px;
line-height: 134%;
letter-spacing: 0%;
} .buttons > .dark {
margin-right: 10px;
} .btn {
display: inline-flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
font-family: var(--Inter);
font-size: 18px;
font-weight: 300;
text-decoration: none;
text-align: center;
color: var(--cta-dark);
background: transparent;
border: 1px solid var(--green-color);
border-radius: 5px;
padding: 8px 60px 8px 18px;
position: relative;
overflow: hidden;
cursor: pointer;
transition: all 0.3s ease-in-out;
line-height: 134%;
letter-spacing: 0%;
height: 43px;
}
.btn:hover{
background: var(--cta-dark);
color: var(--white-color);
}
.btn:hover:after{
color: var(--white-color);
}
.btn::after {
content: "›";
position: absolute;
top: 0;
right: 0;
width: 45px;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
font-size: 20px;
font-weight: 300;
color: var(--cta-dark);
border-left: 1px solid var(--green-color);
box-sizing: border-box;
line-height: 134%;
}
.dark {
background-color: var(--cta-dark);
color: var(--white-color);
border: transparent;
}
.btn > span {
display: inline-block;
margin-left: 5px;
}
.dark:hover {
background-color: var(--green-color);
color: var(--white-color);
}
.dark.btn::after{
color: var(--white-color);
border-left-color: #575758;
}
.green {
background-color: var(--green-color);
color: var(--white-color);
border: transparent;
}
.green.btn::after{
color: var(--white-color);
border-left-color: #99999a;
}  header {
width: 100%;
transition: all 0.6s ease;
position: fixed;
top: 0;
z-index: 3;
}
.scrolled,.dark-header .scrolled {
background: var(--white-color) ;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
}
.scrolled .nav-links a {
color: var(--cta-dark);
}
.default-logo{
display: none;
}
.dark-header header{
background: var(--nav-black);
}
.scroll-logo{
display: inline-block;
transition: width 0.6s ease, filter 0.6s ease;
filter: brightness(0) invert(1);
width: 145px;
}
.scrolled .custom-logo-link {
padding: 15px 0;
}
.scrolled .custom-logo-link .scroll-logo{
width: 90px;
filter: brightness(1) invert(0);
}
@media (max-width: 1400px){
.scroll-logo{
width: 115px;
}
}
a.custom-logo-link {
display: flex;
padding: 20px 0;
}
.navbar {
display: flex;
align-items: center;
justify-content: space-between;
transition: all 0.3s ease;
}
.logo {
color: #222;
font-size: 28px;
font-weight: 700;
text-decoration: none;
padding: 20px 0;
}
.mobile-logo {
display: none;
}
.nav-links {
display: flex;
align-items: center;
gap: 30px;
list-style: none;
}
.nav-links .current-menu-item a {
position: relative;
}
.nav-links .current-menu-item a:hover{
color: var(--white-color);
}
.nav-links a {
color: var(--white-color);
text-decoration: none;
transition: 0.3s;
padding: 20px 0;
display: block;
font-weight: 300;
font-size: 18px;
line-height: 134%;
}
.dark-text-header .nav-links a,
.dark-text-header .nav-links .current-menu-item a:hover{
color: #231F20;
}
.nav-links .current-menu-item a:after {
background: #20875226;
content: "";
position: absolute;
left: -10px;
right: -10px;
top: 16px;
bottom: 16px;
border-radius: 100px;
}
.nav-links li:nth-last-child(2) {
position: relative;
}
.nav-links li:nth-last-child(2):after {
content: "";
width: 1px;
height: 20px;
background: #208752;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
left: -4px;
}
.scrolled .nav-links li:nth-last-child(2):after {
background: var(--cta-dark);
}
.nav-links li:nth-last-child(2) {
padding-left: 29px;
}
.nav-links a:hover {
color: var(--green-color);
}
.menu-toggle {
display: none;
border: none;
background: transparent;
font-size: 28px;
cursor: pointer;
}
@media (max-width: 1399px){
.nav-links{
gap: 24px;
}
.nav-links li:nth-last-child(2){
padding-left: 20px;
}
.nav-links a{
font-size: 17px;
}
}  .inner-hero {
width: 100%;
min-height: 580px;
background: #ffffff;
}
.inner-hero__container {
margin: 0 auto;
display: flex;
align-items: flex-start;
gap: 25px;
padding: 220px 0 80px;
}
.inner-hero__content,
.inner-hero__text {
width: 627.5px;
}
.inner-hero__text {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 50px;
}
.inner-hero__title {
margin: 0;
font-style: normal;
font-weight: 200;
font-size: clamp(60px, 6.2vw, 99px);
line-height: 108%;
letter-spacing: -0.03em;
color: inherit;
}
.inner-hero__subtitle {
margin: 0;
font-style: normal;
font-weight: 200;
font-size: clamp(31px, 3.2vw, 51px);
line-height: 111%;
letter-spacing: -0.03em;
color: inherit;
}
.inner-hero__container p {
margin: 0;
max-width: 627.5px;
font-style: normal;
font-weight: 400;
font-size: 1.125rem;
line-height: 134%;
color: inherit;
}
.inner-hero--light {
background: #ffffff;
color: #231f20;
}
.inner-hero--light .inner-hero__subtitle {
color: #208752;
}
.inner-hero--light .inner-hero__container p {
color: var(--text-navy);
}
.inner-hero--green {
background: #18453b;
color: #ffffff;
}
.inner-hero--green .inner-hero__subtitle {
color: #32a86b;
}
.inner-hero--green .inner-hero__container p {
color: #ffffff;
}
.inner-hero--dark {
background: #131517;
color: #ffffff;
}
.inner-hero--dark .inner-hero__subtitle {
color: #208752;
}
.inner-hero--dark .inner-hero__container p {
color: #ffffff;
}
span.text-green {
color: #208752;
}  .parallex-banner {
position: relative;
width: 100%;
height: 360px;
overflow: hidden;
isolation: isolate;
background-color: #fff;
}
.parallex-banner__image {
position: absolute;
left: 0;
top: -20%;          
width: 100%;
height: 140%;          
object-fit: cover;
object-position: center center;
transform: translateY(var(--parallax-shift, 0px));
will-change: transform;
display: block;
} .frame-slider {
width: 100%;
}
.frame-slider__viewport {
overflow: hidden;
position: relative;
border-top: 1px solid #828384;
}
.frame-slider__track {
display: flex;
gap: 51px;
transform: translateX(0);
transition: transform 200ms ease;
will-change: transform;
align-items: stretch;
padding: 0 80px;
}
.frame-slider__item {
flex: 0 0 380px;
min-width: 380px;
border-right: 1px solid #828384;
}
.frame-slider__item:last-child {
border-right: none;
}
.frame-slider__card {
padding: 51px 51px 105px 0;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
gap: 81px;
position: relative;
box-sizing: border-box;
}
.frame-slider__icon {
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
color: #208752;
}
.frame-slider__title {
margin: 0;
font-weight: 300;
font-size: 24px; line-height: 129%;
color: var(--text-navy);
max-width: 310px;
}
.frame-slider__text {
margin: 0;
font-weight: 300;
font-size: 18px; line-height: 134%;
color: var(--text-navy);
}
.frame-slider.is-dragging .frame-slider__track {
transition: none;
cursor: grabbing;
}
.frame-slider__track {
touch-action: pan-y;
will-change: transform;
}
.frame-slider.is-dragging {
cursor: grabbing;
}
.frame-slider__track {
cursor: grab;
} section.afetr-banner {
padding: 105px 0;
}
.col2_section{
display: flex;
gap: 105px;
}
.section-title {
font-weight: 200;
font-size: clamp(30px, 3vw, 39px);
line-height: 121%;
letter-spacing: 0%;
max-width: 546px;
}
.section-title > span {
color: #48a875;
}
.right .text-box {
max-width: 586px;
margin-bottom: 50px;
}
.right .text-box p {
font-weight: 300;
font-size: clamp(16px, 1.8vw, 24px);
line-height: 129%;
letter-spacing: 0%;
}  .prefooter {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
min-height: 741px;
overflow: hidden;
background: #a8a8a8;
z-index: 1;
}
.prefooter:after {
content: "";
background: #00000014;
position: absolute;
top: 0;
border: 0;
left: 0;
right: 0;
bottom: 0;
}
.prefooter__image {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.prefooter__title span{
display: block;width:100%
}
.prefooter__container {
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 81px;
padding-top: 250px;
padding-bottom: 150px;
}
.prefooter__title {
margin: 0;
max-width: 622px;
text-align: center;
font-style: normal;
font-weight: 200;
font-size: clamp(36px, 4.2vw, 75px);
line-height: 108%;
letter-spacing: -0.03em;
color: #ffffff;
}  .two-column {
display: flex;
flex-direction: row;
align-items: flex-start;
padding: 105px 0;
gap: 25px;
width: 100%;
background: var(--white-color);
} .two-column__title {
flex: 1 1 0;
margin: 0;
font-weight: 200;
font-size: clamp(38px, 4.5vw, 75px);
line-height: 108%;
letter-spacing: -0.03em;
color: inherit;
} .two-column__content {
flex: 1 1 0;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 51px;
}
.two-column__body {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 30px;
width: 100%;
}
.two-column__body p {
margin: 0;
width: 100%;
font-weight: 500;
font-size: 15px;
line-height: 150%;
letter-spacing: 0.09em;
text-transform: uppercase;
color: var(--green-color);
}
.two-column__headline {
margin: 0;
width: 100%;
font-weight: 300;
font-size: 32px;
line-height: 129%;
color: var(--text-navy);
}
.two-column__paragraph {
margin: 0;
width: 100%;
font-weight: 300;
font-size: 18px;
line-height: 134%;
color: var(--text-navy);
} .intro {
box-sizing: border-box;
padding: 0px 0 0;
gap: 150px;
border-bottom: 1px solid #828384;
background: #FFFFFF;
z-index: 1;
position: relative;
top:0px;position: sticky;height: 100vh;
display: flex;
flex-direction: column;
justify-content: end;
}
#our-platform .intro{ gap: 128px;}
.intro .intro-top {
display: flex;
flex-direction: column;
gap: 24px;
}
.intro .intro-inner {
max-width: 1280px;
margin: 0 auto;
}
.intro .intro-eyebrow {
font-weight: 500;
font-size: 15px;
line-height: 150%;
letter-spacing: 0.09em;
text-transform: uppercase; color: #208752;
}
.intro-title {
font-family: 'Inter', system-ui, sans-serif;
font-weight: 200;
font-size: clamp(2.8rem, 4.2vw, 4.6875rem);
line-height: 108%;
color: #231F20;
}
.intro-body {
display: flex;
gap: 50px; }
.intro-body p {
margin: 0;
font-weight: 300;
font-size: 18px;
line-height: 134%;
color: #233647;
} footer {
background: var(--nav-black);
color: #fff;
position: relative;
}
.footer {
margin: auto;
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 50px;
padding: 105px 0;
}
.footer-left {
width: 30%;
}
.footer-left h2 {
font-size: 30px;
margin-bottom: 15px;
}
.footer-left p {
color: #9ca3af;
line-height: 1.7;
font-size: 15px;
}
.footer-links { display: flex;
}
.footer-links .footer-box:last-child {
position: relative;
flex: 0 0 167px;
}
.footer-links .footer-box:last-child:after {
content: "";
position: absolute;
width: 1px;
height: 245%;
background: #d1d1d240;
top: -104px;
left: -80px;
}
.footer-box ul {
list-style: none;
padding: 0;
margin: 0;
}
.footer-menu ul {
display: flex;
flex-wrap: wrap;
}
.footer-menu ul li {
flex: 0 0 50%;
max-width: 50%;
}
.footer-box ul li {
margin-bottom: 12px;
}
.footer-box ul li a {
color: var(--footer-link);
text-decoration: none;
font-size: 15px;
transition: 0.3s;
font-weight: 300;
font-size: 18px;
line-height: 134%;
}
.footer-box ul li a:hover { padding-left: 2px;
} .social-icons {
display: flex;
flex-wrap: wrap;
gap: 16px;
}
.social-icons a {
width: 18px;
height: 18px;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
border-radius: 50%;
text-decoration: none;
font-size: 17px;
font-weight: bold;
transition: 0.3s;
}
.social-icons a:hover {
transform: translateY(-3px);
}
.footer-bottom {
border-top: 1px solid #d1d1d240;
text-align: center;
padding: 30px 0;
display: flex;
justify-content: space-between;
align-items: center;
}
.footer-bottom p {
margin: 0;
color: var(--footer-link);
font-weight: 300;
font-size: 18px;
line-height: 134%;
} .video-caption {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
max-width: 990px;
height: 300px;
margin: auto;
text-align: center;
display: flex;
align-items: end;
justify-content: center;
padding: 0 15px;
box-sizing: border-box;
z-index: 1;
}
.video-title {
font-weight: 300;
font-size: clamp(28px, 3.9vw, 51px);
line-height: 111%;
letter-spacing: -3%;
text-align: center;
color: #fff;
z-index: 1;
}
section.video_section {
position: relative;
}
section.video_section:after {
content: "";
background: #000;
opacity: .3;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.playbtn {
width: 150px;
height: 150px;
border-radius: 60%;
border: 2px solid #fff;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
span.playbtn:after {
border-top: 25px solid transparent;
border-bottom: 25px solid transparent;
border-left: 45px solid #fff;
content: "";
margin-left: 15px;
}
span.pause:before{
content: "";
width: 12px;
height: 45px;
background: #fff;
margin-left: -15px;
box-shadow: 20px 0 0 #fff;
}
span.pause:after{
display: none;
}  .dark-text-header .scroll-logo {
filter: brightness(1) invert(0);
}
.dark-text-header .default-logo {
display: none;
}
section.error-404 {
padding: 26vh 0 17vh 0;
text-align: center;
}
.error-title{
font-size: clamp(36px, 4.7vw, 75px);
color: #000;
font-weight: 200;
line-height: 108%;
letter-spacing: -3%;
}
.error-title > span {
display: block;
color: #208752;
}
.error-404 p {
font-size: 24px;
line-height: 129%;
}
.error-message {
margin-top: 12.5vh;
margin-bottom: 9.5vh;
}
section.disclaimer {
margin-top: 180px;
margin-bottom: 105px;
}
section.disclaimer p{
font-size: 14px;
}
section.disclaimer .h1 {
font-size: clamp(36px, 4.7vw, 75px);
color: #000;
font-weight: 200;
line-height: 108%;
letter-spacing: -3%;
margin-bottom: 40px;
text-align: center;
}
section.disclaimer ol.terms-list {
margin-left: 37px;
margin-top: 10px;
margin-bottom: 10px;
}
section.disclaimer ol.terms-list li {
margin-bottom: 8px;
}
section.disclaimer ol.terms-list li:last-child{
margin-bottom: 0;
}  .video-popup {
display: none;
position: fixed;
inset: 0;
z-index: 9999;
}
.video-popup.active {
display: flex;
background: rgba(0, 0, 0, 0.8);
align-items: center;
}
.video-popup-inner {
position: relative;
max-width: 900px;
width: 90%;
margin: auto;
z-index: 2;
}
.video-popup-video {
width: 100%;
display: block;
border-radius: 10px;
}
.video-popup-close {
position: relative;
top: -10px;
background: none;
border: none;
color: #fff;
font-size: 32px;
cursor: pointer;
float: right;
width: 32px;
height: 32px;
right: -10px;
}
button.video-popup-close:after {
width: 30px;
content: "";
position: absolute;
height: 1px;
background: #fff;
transform: rotate(-45deg);
left: 0;
}
button.video-popup-close:before {
width: 30px;
content: "";
position: absolute;
height: 1px;
background: #fff;
transform: rotate(45deg);
left: 0;
} .fade-in-up {
opacity: 0;
transform: translateY(10px);
transition: opacity 0.6s ease, transform 0.6s ease;
}
.fade-in-up.is-visible {
opacity: 1;
transform: translateY(0);
} .contact-overlay.active {
opacity: 1;
visibility: visible;
}
.contact-overlay {
position: fixed;
inset: 0;
z-index: 9999;
display: flex;
align-items: center;
justify-content: center;
background: rgba(0, 0, 0, 0.45);
backdrop-filter: blur(3px);
opacity: 0;
visibility: hidden;
transition: 0.4s ease;
}
.contact-overlay .contact-modal.active {
display: block;
}
.contact-overlay .contact-modal {
position: relative;
max-width: 560px;
background: #fff;
padding: 80px 50px 50px 50px;
max-height: 90vh;
overflow-y: auto;
display: none;
border-radius: 15px;
}
.contact-overlay .close-contact {
position: absolute;
top: 38px;
right: 38px;
width: 30px;
height: 30px;
cursor: pointer;
transition: 0.35s ease;
border: 0;
background: transparent;
}
.contact-overlay .script-text {
font-weight: 200;
font-size: clamp(42px, 4.8vw, 75px);
line-height: 108%;
letter-spacing: -3%;
color: #208752;
margin-bottom: 40px;
}
.contact-overlay .contact-desc {
max-width: 440px;
font-size: 18px;
line-height: 150%;
color: #111315;
margin-bottom: 20px;
}
.contact-overlay .radio-title {
font-size: 16px;
font-weight: 500;
line-height: 130%;
text-transform: uppercase;
letter-spacing: 1.6px;
color: #111315;
margin-bottom: 20px;
}
.contact-overlay .radio-wrap {
display: flex;
align-items: center;
gap: 12px;
font-size: 18px;
color: #111315;
cursor: pointer;
margin-right: 20px;
}
.contact-overlay .radio-wrap input {
width: 18px;
height: 18px;
border: 1px solid #208752;
accent-color: #208752;
}
.contact-overlay #contact-btn.show {
display: inline-flex;
align-items: center;
justify-content: center;
}
.contact-overlay #contact-btn {
display: none;
transition: 0.3s ease;
}
.radio-wrap-cover {
display: flex;
margin-bottom: 20px;
}
.contact-overlay .contact-modal .note {
font-weight: 300;
font-size: 12px;
line-height: 130%;
letter-spacing: 0%;
color: #233647;
}
.contact-overlay .contact-modal .note + #contact-btn{
margin-top: 30px;
}
.contact-overlay .close-contact span:first-child {
transform: translate(-50%, -50%) rotate(45deg);
}
.contact-overlay .close-contact span:last-child {
transform: translate(-50%, -50%) rotate(-45deg);
}
.contact-overlay .close-contact span {
position: absolute;
top: 50%;
left: 50%;
width: 40px;
height: 1px;
background: #111315;
transition: 0.35s ease;
}
.contact-overlay .close-contact:hover span {
opacity: 0.7;
}
@media (max-width: 1600px) {
.intro{
gap:105px;
}
#our-platform .intro{ gap: 80px;}
}
@media (min-width: 1279px) and (max-width: 1300px){
.frame-slider__title{
font-size: 20px;
}
.block-container h2{font-size: 48px;}
}
@media (min-width: 1279px) and (min-height: 750px) and (max-height: 850px) {
.intro, #our-platform .intro{
gap:60px;
}
}
@media (min-width: 1279px) and (max-height: 750px){
.intro, #our-platform .intro{
gap:30px;
}
.frame-slider__card {
padding: 31px 51px 40px 0; gap: 41px;
}
.frame-slider__icon {
width: 40px;
height: 40px;
}
}
@media (max-width: 1280px) {
.frame-slider__card {
padding: 21px 51px 25px 0; gap: 31px;
}
.intro .intro-top{gap:18px;}
} @media (max-width: 1199px) {
.contact-overlay .contact-modal{
padding: 60px 30px 30px 30px;
margin: 0 15px;
}
.footer-left {
width: 25%;
}
.footer-links {
width: 75%;
}
.footer-links .footer-box:last-child:after {
display: none;
}
.nav-links {
gap: 15px;
}
.nav-links a {
font-size: 16px;
}
.nav-links li:nth-last-child(2) {
padding-left: 15px;
}
.custom-logo-link svg {
width: 120px;
height: 70px;
}
.col2_section{
gap: 55px;
}
}
@media (max-width: 1099px) {
.frame-slider__track{
flex-wrap: wrap;padding: 0px;gap:0px;
}
.frame-slider__item {
flex: 0 0 33.3%;
min-width: 33.3%;min-height: 300px;padding:30px;border-bottom: 1px solid #828384;
}
.frame-slider__item:last-child{border-bottom: 1px solid #828384;border-right: 1px solid #828384;}
.frame-slider__card {
padding: 30px;}
.frame-slider__item:nth-child(3), .frame-slider__item:nth-child(6){
border-right: 0px;
}
.intro{gap:60px;height: auto;
position: relative;
padding: 60px 0;}
}
@media (max-width: 1024px) {
.frame-slider__item {
flex: 0 0 50%;
min-width: 50%;min-height: 300px;padding:30px;border-bottom: 1px solid #828384;
}
.frame-slider__item:nth-child(2n){
border-right: 0px;
}
.frame-slider__item:nth-child(2n+1){
border-right: 1px solid #828384;
}
.frame-slider__side-line {
right: -28px;
height: 340px;
}
.two-column {
padding: 80px 50px;
gap: 40px;
}
}
@media (max-width: 900px) {
.footer {
flex-direction: column;
}
.footer-left {
width: 100%;
}
.footer-links {
width: 100%;
}
} @media (max-width: 991px) {
.menu-toggle {
display: block;
position: relative;
z-index: 1001;
}
i.default-logo {
width: 120px;
height: 80px;
}
.nav-links.active + .menu-toggle span {
background: #fff;
}
.scrolled button.menu-toggle > span {
background: #000;
}
.mobile-logo {
display: block;
margin-bottom: 50px;
}
.nav-links li:nth-last-child(2):after {
display: none;
}
.nav-links li:nth-last-child(2) a {
padding-left: 0;
}
button.menu-toggle > span {
width: 41px;
height: 1px;
background: #fff;
display: block;
transition: all 0.3s ease;
}
.dark-text-header button.menu-toggle > span {
background: #000;
}
.dark-text-header .nav-links-cover.active + button.menu-toggle > span{
background: #fff;
}
.dark-text-header .nav-links a{
color: #fff;
}
.nav-links li:nth-last-child(2){
padding-left: 0;
}
button.menu-toggle > span:nth-child(2) {
margin-top: 7px;
}
.nav-links-cover {
display: flex;
position: fixed;
top: 5px;
width: calc(100% - 10px);
padding: 30px 25px;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
background: var(--nav-black);
transition: transform 0.7s ease;
z-index: 1000;
overflow-y: scroll;
gap: 0;
margin: auto;
left: 0;
right: 0;
border-radius: 15px;
display: none;
transition: transform 0.7s ease, opacity 0.7s ease;
} .nav-links-cover.active {
box-shadow: -5px 3px 5px rgba(0, 0, 0, 0.15);
display: block;
}
.scrolled .nav-links-cover.active + button.menu-toggle > span {
background: #fff;
}
.nav-links-cover .nav-links{
display: block;
} 
.nav-links .current-menu-item a:after{
display: none;
}
.nav-links-cover.active + button.menu-toggle > span:first-child {
transform: rotate(45deg);
}
.nav-links-cover.active + button.menu-toggle > span:last-child {
transform: rotate(-45deg);
margin-top: -2px;
}
.nav-links-cover li {
width: 100%;
text-align: left;
}
.nav-links a,
.scrolled .nav-links-cover a {
font-weight: 300;
font-size: 38px;
line-height: 129%;
padding: 0;
color: #fff;
}
.nav-links li {
position: relative;
margin: 10px 0;
} .submenu {
background: #fff;
margin: 0;
list-style: none;
display: none;
transition: transform 0.7s ease;
}
.submenu li {
width: 100%;
}
.submenu a {
display: block;
padding: 10px 15px;
color: #000;
} .dropdown:hover .submenu {
display: block;
}
.submenu a:hover {
background: #f2f2f2;
}
.footer {
padding: 45px 0;
gap: 35px;
}
.footer-links {
grid-template-columns: 1fr 1fr;
gap: 30px 20px;
}
.footer-bottom {
display: block;
}
.footer-box ul li a {
font-size: 16px;
}
.social-icons {
justify-content: center;
margin-top: 25px;
}
.footer-bottom p {
font-size: 16px;
}
}
@media (max-width: 768px){
section.prefooter{
padding: 50px 0;
}
#investment-approach .intro, #our-platform .intro{padding:50px 0}
.col2_section{
display: block;
}
.col2_section .right {
margin-top: 40px;
} .frame-slider__card {
padding: 24px 24px 35px 0;
}  .intro-title {
font-size: clamp(1.6rem, 6.5vw, 2.4rem);
}
.intro-body {
max-width: 100%;
display: flex;
flex-direction: column;
gap: 24px;
margin-bottom: 50px;
}
.value {
width: 100%;
background: #ffffff;
padding: 150px 0;
} .intro {
box-sizing: border-box;   
gap: 30px;
border-bottom: 1px solid #828384;
background: #FFFFFF;
}
.intro-top {
display: flex;
flex-direction: column;
gap: 24px;
}
.intro-inner {
max-width: 1280px;
margin: 0 auto;
}
.intro-eyebrow {
font-family: 'Inter', system-ui, sans-serif;
font-weight: 500;
font-size: 15px;
line-height: 150%;
letter-spacing: 0.09em;
text-transform: uppercase;
color: #231F20;
margin: 0 0 8px 0;
}
.intro-title {
font-family: 'Inter', system-ui, sans-serif;
font-weight: 200;
font-size: clamp(2.8rem, 4.2vw, 4.6875rem);
line-height: 108%;
color: #231F20;
}
.intro-body {
display: flex;
gap: 50px;
margin-bottom: 0px;
}
.intro-body p {
margin: 0;
font-weight: 300;
font-size: 18px;
line-height: 134%;
color: #233647;
}
}
@media (max-width: 767px) {
section.disclaimer{
margin-bottom: 50px;
}
.nav-links a,
.scrolled .nav-links-cover a{
font-size: 28px;
}
.nav-links.active + .menu-toggle {
margin-right: 18px;
}
.footer-left a img{
margin: auto;
}
.footer-links .footer-box:nth-child(2){
margin-left: 25px;
}
.footer-links{
display: none;
}
.footer-box.footer-left svg {
margin: auto;
} .frame-slider__viewport {
overflow: visible;
}
.frame-slider__track {
display: block;
gap: 0;
padding: 0 0;
transform: none !important;
}
.frame-slider__item {
display: block;
width: 100% !important;
min-width: auto !important;
flex: none;
margin-bottom: 0px;
height: auto;
border-right: none;
border-bottom: 0px solid #828384; }
.frame-slider__item:last-child {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0px;
}
.frame-slider__card {
padding: 20px 0 24px;
box-shadow: none;
}
.frame-slider__side-line { display: none; }
.frame-slider__viewport {
border: none;
} .inner-hero {
min-height: unset;
}
.inner-hero__container {
flex-direction: column;
gap: 20px;
padding: 160px 0 50px;
}
.inner-hero__container p {
font-size: 16px;
line-height: 129%;
}
.inner-hero__content, .inner-hero__text {
width: unset;
} .parallex-banner {
padding: 0;
}
.parallex-banner__image {
width: 100%;
object-fit: cover;
transform: none;
} .frame-slider__track {
gap: 24px;
padding: 0 16px;
}
.frame-slider__item {
flex: 0 0 100%;
min-width: 100%;border-right:0px;border-bottom: 1px solid #828384;
height: auto;
}
.frame-slider__title{max-width: 100%;}
.frame-slider__item:nth-child(2n+1){border-right:0px}
.frame-slider__side-line { display: none; }
.frame-slider__card { padding: 30px 0 ; gap: 30px;}
.prefooter {
min-height: 667px;
display: block;
}
.prefooter__title{
text-align: left;
}
.prefooter__container {
gap: 45px;
align-items: center;
justify-content: center;
padding-top: 0;
padding-bottom: 0;
align-items: self-start;
} .prefooter__image {
object-position: center center;
opacity: 0.9;
}
.two-column {
flex-direction: column;
padding: 60px 0;
gap: 35px;
}
.two-column__title,
.two-column__content {
flex: none;
width: 100%;
}
.two-column__headline {
font-size: 26px;
}
.two-column__content {
gap: 35px;
}
.two-column__body {
gap: 20px;
}
.housing-content{
padding-top: 0;
}
section.tra-section{
padding-bottom: 0 !important;
}
}
@media (max-width: 640px) {
.container {
padding-left: 22px;
padding-right: 22px;
}
.btn > span {
display: none;
margin-left: 0px;
}
.btn{
font-size: 16px;
}
p{
font-size: 16px;
}  
section.video_section {
position: relative;
height: 100vh;
}
section.video_section video{
height: 100%;
width: 100%;
object-fit: cover;
}
}
@media (max-width: 420px){
.footer-bottom p{
max-width: 220px;
margin: auto;
}
} .fade-up {
opacity: 0;
transform: translateY(80px);
transition: opacity 0.6s ease-out, transform 0.6s ease-out; }
.fade-up.show {
opacity: 1;
transform: translateY(0);
}.map-wrap{
position: relative;
margin: 0 auto;
border-radius: 10px;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12);
border: 1px solid #e6e6e2;
z-index: 1;
}
.map-section {
position: relative;
}
.current-and-exited {
padding: 14px 19px 14px 30px;
border-radius: 5px;
background: #fff;
box-shadow: 0px 2px 15px 0px #b5b4b4;
position: absolute;
bottom: 20px;
right: 30px;
z-index: 11;
list-style: none;
}
.current-and-exited li{
color: #233647;
font-weight: 300;
font-size: 15px;
line-height: 134%;
letter-spacing: 0%;
position: relative;
}
.current-and-exited li:after{
content: "";
width: 10px;
height: 10px;
border-radius: 100px;
background: #828384;
position: absolute;
left: -16px;
top: 1px;
bottom: 0;
margin: auto;
}
.current-and-exited li:first-child:after{
background: #208752;
}
.current-and-exited li:first-child {
margin-bottom: 2px;
}
.map-wrap > img{
width: 100%;
}
.map-wrap img.base-map{
position:absolute;
inset:0;
width:100%;
height:100%;
display:block;
object-fit:cover;
user-select:none;
pointer-events:none;
}
.pin{
position:absolute;
transform:translate(-50%,-100%);
width:25px; height:25px;
cursor:pointer;
z-index:2;
}
.pin.open{ z-index:50; }
.pin-body{
width: 22px;
height: 22px;
border-radius:50% 50% 50% 0;
transform:rotate(-45deg);
display:flex; align-items:center; justify-content:center;
box-shadow:0 2px 5px rgba(0,0,0,0.35);
transition:transform .12s ease;
}
.pin:hover .pin-body{ transform:rotate(-45deg) scale(1.15); }
.pin.current .pin-body{ background:#208752; }
.pin.exited .pin-body{ background:#828384;}
.pin-num{
transform:rotate(45deg);
color:#fff;
font-size:10px;
}
.popup{
display: none;
position: absolute;
top: 11px;
right: 50px;
transform: translatey(-50%);
background: #1e1e28;
border-radius: 8px;
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
padding: 30px;
min-width: 230px;
font-size: 12.5px;
color: #fff;
transition: transform .12s ease;
}
.pin.open .popup{ display:block; }
.popup::after{
left: 99%;
border: 36px solid transparent;
content: "";
position: absolute;
top: 0;
width: 0;
height: 0;
border-top: 24px solid transparent;
border-bottom: 23px solid transparent;
border-left: 24px solid #1e1e28;
bottom: 0;
margin: auto;
}
.popup .p-title{
font-weight: 400;
align-items: center;
font-size: 22px;
margin-bottom: 14px;
}
.popup .p-dot{
width:8px; height:8px; border-radius:50%;
display:inline-block;
}
.pin.current .popup .p-dot{ background:var(--green); }
.pin.exited .popup .p-dot{ background:var(--gray); }
.popup .p-row{ color:#fff; margin-top:2px; }
.hint{
text-align:center;
color:#999;
font-size:12px;
margin-top:10px;
}  .tables-section {
padding: 105px 0;
}
.section-title.spaced{
margin-top:56px;
}
.section-title-m{
color: #233647;
font-family: Inter;
font-weight: 300;
font-size: clamp(28px, 5.4vw, 40px);
line-height: 129%;
letter-spacing: 0%;
text-align: center;
margin-bottom: 28px;
}
.section-title-m.current-portfolio {
margin-top: 50px;
}
.desktop-view{
display:block;
}
table.desktop-table{
width:100%;
border-collapse:collapse;
background:var(--paper);
margin-top:0;
}
table.desktop-table.current-table{
margin-top: 80px;
}
table.desktop-table thead th{
text-align: left;
color: var(--ink-soft);
padding: 14px 18px;
border-bottom: 1px solid #208752;
font-weight: 500;
font-size: 15px;
line-height: 150%;
letter-spacing: 9%;
text-transform: uppercase;
}
table.desktop-table tbody tr:nth-child(odd){
background: #F3F3F3;
}
table.desktop-table thead th.num, table.desktop-table tbody td.num{
text-align:center;
}
table.desktop-table thead th.center, table.desktop-table tbody td.center{
text-align:center;
}
table.desktop-table tbody td{
padding: 10px 18px;
white-space: nowrap;
font-family: Inter;
font-weight: 300;
font-size: 18px;
line-height: 134%;
letter-spacing: 0%;
}
table.desktop-table tbody tr:last-of-type td{
border-bottom:none;
}
table.desktop-table tbody td.idx{
width: 34px;
font-weight: 500;
}
table.desktop-table.current-table .idx {
color: #208752;
}
table.desktop-table tfoot td{
padding: 10px 18px;
background: var(--navy);
color: var(--cream);
border: none;
font-family: Inter;
font-weight: 500;
font-size: 18px;
line-height: 134%;
letter-spacing: 0%;
text-align: center;
}
table.desktop-table tfoot td.center {
text-align: center;
}
table.desktop-table tfoot td.text-align-left {
font-weight: 500;
font-size: 15px;
line-height: 150%;
letter-spacing: 9%;
text-transform: uppercase;
text-align: left;
}
table.desktop-table tfoot .idx{
color:var(--gold-soft);
}
table.desktop-table.current-table tfoot td{
background: var(--sage);
}
table.desktop-table.current-table tfoot .idx{
color: var(--sage-soft);
} .summary-bar{
display: flex;
justify-content: center;
gap: 64px;
flex-wrap: wrap;
padding: 10px 0 8px;
border-top: 1px solid #828384;
margin-top: 20px;
}
.summary-item{
text-align: center;
display: flex;
align-items: baseline;
gap: 10px;
}
.summary-item label {
display: block;
text-transform: uppercase;
font-weight: 500;
font-size: clamp(12px, 1vw, 15px);
line-height: 150%;
letter-spacing: 9%;
color: #231F20;
}
.summary-item .val{
color: #231F20;
font-weight: 300;
font-size: clamp(16px, 2.1vw, 32px);
line-height: 129%;
letter-spacing: 0%;
}
.summary-item .val.accent{
color:var(--sage);
} .mobile-view{
display:none;
}
.table-shell{
border-top: 1px solid var(--hairline);
border-bottom: 1px solid var(--hairline);
background: var(--paper);
overflow-x: auto;
-webkit-overflow-scrolling: touch;
margin-top: 8px;
scrollbar-width: none;
-ms-overflow-style: none;
}
table.mobile-table{
border-collapse:collapse;
table-layout:fixed;
}
table.mobile-table th, table.mobile-table td{
border-bottom:1px solid var(--hairline);
border-right:1px solid var(--hairline);
padding:14px 16px;
text-align: center;
}
table.mobile-table td.label-col,
table.mobile-table th.label-col{
position:sticky;
left:0;
background:var(--label-bg);
width:120px;
min-width:120px;
max-width:120px;
white-space:normal;
font-size:13px;
font-weight:600;
color:var(--ink);
box-shadow:2px 0 4px rgba(20,38,59,0.06);
text-align: left;
}
thead th.label-col{
background:var(--label-bg);
}
.data-col{
width:132px;
min-width:132px;
}
thead th.data-col{
font-weight:500;
font-size:15px; 
background:var(--paper);
}
tbody td.data-col{
font-size:14px;
color:var(--ink);
}
tr.prop-row td.data-col{
font-size:15px;
font-weight:500;
color:var(--navy);
white-space:normal;
}
tr.date-row td.data-col{
color:var(--ink-soft);
font-size:13px;
}
table.mobile-table tr:last-of-type td{
border-bottom:none;
} .total-col{
background:var(--navy) !important;
color:var(--cream) !important;
}
tr.prop-row td.total-col{ 
color:var(--cream) !important;
}
.total-col-current{ 
background:var(--sage) !important;
color:var(--cream) !important;
}
tr.prop-row td.total-col-current{ 
color:var(--cream) !important;
}  .m-controls{
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
padding: 26px 10px 0px 10px;
}
.m-arrow{
width:34px;
height:34px;
border-radius:50%;
background:var(--paper);
display:flex;
align-items:center;
justify-content:center;
cursor:pointer;
color:var(--navy);
flex:0 0 auto;
transition: opacity 150ms ease, transform 100ms ease;
}
.m-arrow:active{
transform:scale(0.92);
}
.m-arrow.disabled{
opacity:0.3;
pointer-events:none;
}
.m-arrow svg{
width:20px;
height:20px;
}
.m-dots{
display:flex;
align-items:center;
gap:6px;
overflow-x:auto;
max-width:170px;
scrollbar-width:none;
padding:2px;
}
.m-dots::-webkit-scrollbar{
display:none;
}
.m-dot{
width:6px;
height:6px;
border-radius:50%;
background:#D1D1D2;
flex:0 0 auto; cursor:pointer;
transition: background 150ms ease, transform 150ms ease;
}
.m-dot.active{
background:#233647;
transform:scale(1.35);
} .awards {
display: flex;
justify-content: space-between;
align-items: flex-start;
margin: 0 auto;
text-align: center;
background: url(//www.trackrecordassets.com/wp-content/themes/track-record/assets/images/award-bg.png);
background-size: cover;
background-repeat: no-repeat;
background-position: top -139px center; 
margin-bottom: 105px;
}
.award {
flex: 1;
padding: 30px 30px 170px 30px;
position: relative;
}
.award-details {
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.award img {
width: 100%;
max-width: 83%;
object-fit: contain;
display: block;
margin: auto;
}
.award h2 {
margin: 5px 0;
color: #208752;
font-weight: 500;
font-size: clamp(16px, 1vw, 18px);
line-height: 134%;
letter-spacing: 0%;
text-align: center;
}
.award p  {
color: #231F20;
font-weight: 300;
font-size: clamp(21px, 1.2vw, 24px);
line-height: 129%;
letter-spacing: 0%;
text-align: center;
max-width: 234px;
display: block;
margin: auto;
}  .scroll-tab{
background: #000;
z-index: 4;
position: relative;
} 
.pin-wrap {
position: relative;
height: 150vh; 
}
.pin-inner {
position: sticky;
top: 0;
height: 100vh;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
overflow: hidden;
border-top: 1px solid #1e1e1e;
border-bottom: 1px solid #1e1e1e;
}
.eyebrow {
color: #208752;
font-weight: 500;
font-size: clamp(12px, 4.2vw, 15px);
line-height: 150%;
letter-spacing: 9%;
text-align: center;
text-transform: uppercase;
display: block;
}
.investment-content  .eyebrow{
margin-bottom:  50px;
}
.headline {
font-size: clamp(36px, 4.2vw, 75px);
font-weight: 200;
line-height: 108%;
letter-spacing: -3%;
opacity: 0;
transform: translateY(10px);
transition: opacity 0.55s ease, transform 0.55s ease;
color: #fff;
text-align: center;
max-width: 760px;
margin: 5.5vh auto 8.4vh;
}
.body-copy {
max-width: 890px;
opacity: 0;
transform: translateY(10px);
transition: opacity 0.55s ease 0.05s, transform 0.55s ease 0.05s;
text-align: center;
}
.body-copy > p{
color: #fff;
margin-bottom: 15px;
}
.body-copy > p:last-child{
margin-bottom: 0;
}
.panel { display: none;transform:translateY(-70px) !important;}
.panel.active { display: block; }
.panel.active .eyebrow,
.panel.active .headline,
.panel.active .body-copy {
opacity: 1;
transform: translateY(0);
}
.tabs {
position: absolute;
bottom: 0;
left: 0;
right: 0;
display: flex;
border-top: 1px solid #1e1e1e;
}
.tab {
flex: 1;
color: #55554f;
position: relative;
transition: color 0.4s ease;
font-weight: 500;
font-size: 15px;
line-height: 150%;
letter-spacing: 9%;
text-transform: uppercase;
padding: 7.5vh 0;
}
.tab:first-child { text-align: center; padding-left: 0; }
.tab:last-child { text-align: center; padding-right: 0; }
.tab.active { color: #f2f2f0; }
.tab::after {
content: '';
position: absolute;
top: -1px;
left: 0;
height: 1px;
width: 0;
background: #f2f2f0;
transition: width 0.5s ease;
}
.tab.active::after { width: 100%; }  section.investment-criteria {
padding: 105px 0;
}
.investment-content {
max-width: 870px;
margin: auto;
}
.investment-content > h4{
text-align: center;
font-weight: 200;
font-size: clamp(28px, 2.5vw, 39px);
line-height: 121%;
letter-spacing: 0%;
} .value-creation-group {
padding: 105px 0;
}
.value-title{
font-weight: 200;
font-size: clamp(36px, 4.1vw, 51px);
line-height: 121%;
letter-spacing: -3%;
}
.value-title > span{
color: #208752;
}
.top-row {
display: flex;
justify-content: space-between;
gap: 25px;
}
.top-row .col{
flex: 1;
}
.col p{
margin-bottom: 15px;
}
.col p:last-child{
margin-bottom: 0;
}
.bottom-row {
display: flex;
justify-content: space-between;
gap: 20px;
margin-top: 80px;
}
.stat {
border-top: 1.5px solid #208752;
padding-top: 20px;
width: 100%;
text-align: center;
list-style: none;
}
.stat .number {
color: #231F20;
white-space: nowrap;
font-weight: 100;
font-size: clamp(90px, 6.3vw, 100px);
line-height: 108%;
letter-spacing: -3%;
}
.stat .number .unit {
vertical-align: baseline;
font-weight: 200;
font-size: 51px;
line-height: 111.00000000000001%;
letter-spacing: -3%;
margin-left: 6px;
}
.stat .number > .unit{
margin-right: 6px;
} 
.bottom-row li:last-child .number .unit:first-child {
margin: 0;
}
.stat .label {
color: #233647;
font-weight: 300;
font-size: 18px;
line-height: 134%;
letter-spacing: 0%;
text-align: center;
} .desktop-table tr {
opacity: 0;
transform: translateY(40px);
transition: opacity 0.3s ease, transform 0.3s ease;
} .desktop-table tr.show {
opacity: 1;
transform: translateY(0);
}
@media (max-width: 1199px){
table.desktop-table thead th{
font-size: 13px;
}
table.desktop-table tbody td{
font-size: 15px;
}
}
@media (max-width: 1024px){
.pin-wrap{
height: inherit;
}
.tabs{
display: none;
}
.panel{
display: block;
transform: translateY(0) !important;
}
.panel.active{
margin-bottom: 50px;
}
.pin-inner{
height: auto;
overflow: initial;
border: 0;
padding: 0 40px;
}
.headline{
margin: 50px auto;
opacity: 1; 
padding: 0 14px;
}
.eyebrow,.body-copy{
opacity: 1;
}
.scroll-tab {
z-index: 1;
padding: 105px 0;
}
}
@media (max-width: 992px){
.value-creation-box .bottom-row {
display: flex;
gap:0;
margin-top: 80px;
flex-wrap: wrap;
}
.stat {
flex: 0 0 48%;
max-width: 48%;
padding-bottom: 20px;
}
}
@media (max-width: 991px){
.award img{
max-width: 100%;
}
.desktop-view{
display:none;
}
.mobile-view{
display:block;
}
.awards{
flex-wrap: wrap;
margin-bottom: 0;
}
.award{
flex: 0 0 50%;
background: #ddd;
padding: 0;
}
.stat .number .unit {
font-weight: 100;
font-size: 66px;
}
.award img {
max-width: 270px;
padding: 20px 0;
}
.award-details{
position: static;
background: #fff;
padding: 60px 0;
}
}
@media (max-width: 768px){
section:not(.map-section,.awards,.inner-hero--dark){
padding: 50px 0;
} 
}
@media (max-width: 767px){
.headline {
margin: 30px auto;
}
.summary-bar{
border-top: 0;
}
.popup {
display: none;
position: absolute;
top: 359%;
right: -70px;
background: #1e1e28;
border-radius: 8px;
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
padding: 19px;
min-width: 163px;
font-size: 9.5px;
color: #fff;
}
.popup::after {
left: 0;
top: -31px;
border-top: 13px solid transparent;
border-bottom: 13px solid transparent;
border-left: 13px solid #1e1e28;
transform: rotate(-90deg);
right: 0;
bottom: auto;
}
.popup .p-title{
font-size: 14px;
}
.pin-body {
width: 16px;
height: 16px;
}
.pin-num {
font-size: 8px;
}
.summary-bar{
display: block;
padding-bottom: 0;
}
.summary-bar .summary-item:nth-child(2) {
margin: 20px 0;
}
.top-row{
display: block;
}
.top-row .col > h2{
margin-bottom: 40px;
}
.value-creation-box .bottom-row{
margin-top: 50px;
}
.summary-item .val{
font-size:22px;
}
.map-wrap{
height: 667px
}
.map-wrap > img{
height: 100%;
object-fit: cover;
}
.tables-section .container {
padding: 0;
}
}
@media (max-width: 640px){
.pin-inner{
padding: 10px 22px;
}
.summary-bar{
padding-left: 22px;
}
.stat .label{
text-align: left;
font-size: 16px;
margin-top: 10px;
}
.stat{
flex: 0 0 100%;
max-width: 100%;
text-align: left;
}
.award p{
max-width: 100%;
}
.current-and-exited {
padding: 7px 14px 7px 24px;
bottom: 7px;
right: 7px;
}
.current-and-exited li{
font-size: 12px;
}
.current-and-exited li:after{
width: 7px;
height: 7px;
left: -13px;
}
}
@media (max-width: 575px){
.award img {
max-width: 350px;
padding: 0; 
}
.awards{
display: block;
background: transparent;
margin-bottom: 0;
}
}