:root {
  --clamp-reduceH1: 30pt;
  --clamp-reduceH2: 15pt;
}

.grecaptcha-badge {
display : none	
}

/* .wpcf7-form-control-wrap {
  display: contents;
} */


.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {

border : none !important;
margin-left: 0 !important;
padding-left: 0 !important;

}

.wpcf7-not-valid-tip {

margin-top: 10px;

}

.flag_land {
	
position: absolute;
  bottom: -5px;
  width: 100vw;
	z-index : 5;
	height : fit-content;
	
}

.flag_land path.landd {
	
vector-effect: non-scaling-stroke;
  transform-origin: center;
  transform: scaleX(1.55);	
	
}

.flag_land_mobile {
		
		
	display : none;	
		
	}


* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;

}

html {

    scroll-behavior: smooth;

}

body {
    font-family: Inter;
    overflow-x: hidden;
}


.logo_mobile {

    display: none;

}

.hero-section {
    position: relative;
    min-height: 100vh;
    /* background: linear-gradient(180deg,
            #000000 0%,
            #1a0a2e 25%,
            #4a1942 45%,
            #e8345f 65%,
            #ff6b4a 80%,
            #ffa057 100%); */
    overflow: hidden;
    background-image: url("images/bg_hero_equity_nation.png");
    background-size: cover;
    background-repeat: no-repeat;

}

/* .hero-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(ellipse at center top,
            rgba(100, 150, 255, 0.15) 0%,
            transparent 50%);
} */

nav {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: clamp(62px, 4.538799414348462vw, 87.14494875549047px) clamp(57px, 4.172767203513909vw, 80.11713030746706px);
    z-index: 10;
}

.nav-links li {
    position: relative;
}

.nav-links li.coming_soon {
	
cursor : context-menu;
	
}

/* Hidden by default */
.nav-links li.coming_soon::after {
    content: "COMING SOON";
    position: absolute;
    top: clamp(30px, 2.1961932650073206vw, 42.166910688140554px);
    left: clamp(-60px, -4.392386530014641vw, -84.33382137628111px);

    padding: clamp(6px, 0.43923865300146414vw, 8.433382137628112px);
    letter-spacing: 0.6px;

    color: #fff;
    background: rgba(255, 255, 255, 0.3);
    ;
    border-radius: 999px;

    white-space: nowrap;
    pointer-events: none;

    opacity: 0;
    transform: translateY(6px) scale(0.95);
    transition: opacity 0.2s ease, transform 0.2s ease;

    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.4);

    font-family: Inter;
    font-weight: 300;
    font-size: clamp(8px, 0.5856515373352855vw, 11.244509516837482px);
    line-height: 100%;
    text-transform: uppercase;

}

/* Show on hover */
.nav-links li.coming_soon:hover::after {
    opacity: 1;
    transform: translateY(0) scale(1);
}



.logo svg {
    width: clamp(131px, 9.5900439238653vw, 184.12884333821378px);
    height: clamp(64px, 4.685212298682284vw, 89.95607613469986px);
}

.nav-links {
    display: flex;
    gap: 2.5rem;
    align-items: center;
    list-style: none;
}

.nav-links a {
    color: rgba(255, 255, 255, 0.3);
    text-decoration: none;
    font-size: 0.95rem;
    transition: color 0.3s;
}

/* .nav-links a:hover {
    color: white;
} */






.contact-btn {
    /* background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(10px);
    padding: 0.6rem 1.5rem;
    border-radius: 25px;
    color: white !important;
    border: 1px solid rgba(255, 255, 255, 0.2); */
    color: rgba(255, 255, 255, 1) !important;
}

.hero-content {
    position: relative;
    text-align: center;
    padding: 4rem 0;
    z-index: 5;
}

h1 {
    font-family: Inter;
    font-weight: 400;
    font-size: clamp(104px, 7.613469985358711vw, 146.17862371888725px);
    line-height: 100%;
    text-align: center;
    color: #FFFFFF;
    margin-bottom: clamp(25px, 1.8301610541727673vw, 35.13909224011714px);
}

.bold {

    font-weight: 700;

}



.subtitle {
    color: white;
    font-family: Inter;
    font-weight: 400;
    font-size: clamp(24px, 1.7569546120058566vw, 33.733528550512446px);
    line-height: 135%;
    text-align: center;

}

.landscape {
    position: absolute;
    bottom: 0;
    left: 50%;
    height: clamp(3496px, 255.92972181551977vw, 4913.850658857979px);
    width: clamp(3496px, 255.92972181551977vw, 4913.850658857979px);
    z-index: 3;
    background-size: cover;
    background-position: center;
    top: 85vh;
    background: white;
    border-radius: 50%;
    transform: translate(-50%);
    z-index: 2;
}

.flag-container {
    position: absolute;
    top: 66vh;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;

    /* animation: wave 3s ease-in-out infinite; */
}

/* .flag-pole {
    width: 3px;
    height: 180px;
    background: linear-gradient(180deg, #333 0%, #666 100%);
    position: relative;
    left: 50%;
    transform: translateX(-50%);
} */

.flag {
    position: absolute;
    top: 10px;
    left: 3px;
    width: 120px;
    height: 80px;
    background: black;
    transform-origin: left center;
    animation: flagWave 2s ease-in-out infinite;
    clip-path: polygon(0 0, 100% 0, 95% 50%, 100% 100%, 0 100%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.flag-text {
    color: white;
    font-weight: 700;
    font-size: 0.85rem;
    letter-spacing: -0.5px;
    text-align: center;
    line-height: 1.2;
}

@keyframes wave {

    0%,
    100% {
        transform: translateX(-50%) rotate(-2deg);
    }

    50% {
        transform: translateX(-50%) rotate(2deg);
    }
}

@keyframes flagWave {

    0%,
    100% {
        transform: rotateY(0deg);
    }

    50% {
        transform: rotateY(-15deg);
    }
}

.about-section {
    background: white;
    padding: 0 4rem 4rem;
    position: relative;
/*     margin-top: clamp(-140px, -10.248901903367496vw, -196.77891654465594px); */
    position: relative;
    z-index: 3;
}

.about-header {
    margin-bottom: clamp(18px, 1.3177159590043923vw, 25.30014641288433px);
}

.tagline {

    font-weight: 600;
    font-size: clamp(24px, 1.7569546120058566vw, 33.733528550512446px);
    line-height: 100%;
    color: #000;

}

.about-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-bottom: 6rem;
    align-items: start;
}

.about-left h2 {
    font-weight: 500;
    font-size: clamp(64px, 4.685212298682284vw, 89.95607613469986px);
    line-height: 110.00000000000001%;

    color: #000;
}

.about-right p {
    font-weight: 400;
    font-size: clamp(24px, 1.7569546120058566vw, 33.733528550512446px);
    line-height: 120%;
    color: #000;


}

.clients-section {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 3rem;
    padding: 2rem 0;
    flex-wrap: wrap;
}

.client-logo {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #ccc;
    font-size: 1.2rem;
    font-weight: 500;
    letter-spacing: 0.5px;
    transition: color 0.3s;
}


.client-logo img {

    width: clamp(132px, 9.66325036603221vw, 185.53440702781845px);

}

.client-logo:hover {
    color: #999;
}

.client-logo svg {
    width: 40px;
    height: 40px;
}

/* .client-logo.microsoft {
    display: grid;
    grid-template-columns: 8px 8px;
    gap: 2px;
    font-size: 0;
} */

/* .client-logo.microsoft::before,
.client-logo.microsoft::after {
    content: '';
    width: 8px;
    height: 8px;
    background: currentColor;
}

.client-logo.microsoft span {
    grid-column: 1 / -1;
    font-size: 1.2rem;
    margin-top: 0.5rem;
    display: block;
} */



.journey-section {
    background: white;
    padding: 0rem 4rem;
    position: relative;
}

.journey-header {
    text-align: center;
    margin-bottom: 4rem;
}

.journey-title {
    font-family: Inter;
    font-weight: 600;
    font-size: clamp(24px, 1.7569546120058566vw, 33.733528550512446px);
    line-height: 100%;
    text-align: center;

}

.journey-header h2 {

    font-weight: 600;
    font-size: clamp(64px, 4.685212298682284vw, 89.95607613469986px);;
    line-height: 110.00000000000001%;
    text-align: center;
    margin-top: clamp(14px, 1.0248901903367496vw, 19.67789165446559px);
    color: #000;
}

.gradient-text {
    background: linear-gradient(270.03deg, #FF8E38 24.77%, #F03E5A 39.31%, #FF9EF9 60.5%, #81B2FC 75.42%);

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-family: Inter;
    font-weight: 600;
    font-size: clamp(64px, 4.685212298682284vw, 89.95607613469986px);;
    line-height: 110.00000000000001%;
    text-align: center;

}

.journey-image {
    position: relative;
    width: 100%;
    max-width: 100vw;
    margin: 0 auto 0;
    border-radius: 12px;
    overflow: hidden;
}

.journey-image img {
    width: 100%;
    height: 400px;
    object-fit: cover;
    display: block;
}

.vertical-line {
    position: absolute;
    left: 50%;
    top: 0;
    bottom: -4rem;
    width: 3px;
    background: linear-gradient(180deg,
            transparent 0%,
            #e74c3c 20%,
            #e74c3c 100%);
    transform: translateX(-50%);
}

.journey-stages {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 3rem;
    /* max-width: 1200px; */
    margin: 0 auto;
    position: relative;
    padding-bottom: clamp(128px, 9.370424597364568vw, 179.9121522693997px);
}

.stage {
    position: relative;
    padding-top: 3rem;
}


.stage .top {

    display: flex;
    align-items: center;
    gap: clamp(11px, 0.8052708638360175vw, 15.461200585651536px);
    margin-bottom: clamp(37px, 2.7086383601756956vw, 52.00585651537335px);

}



.stage-indicator {

    width: clamp(28px, 2.049780380673499vw, 39.35578330893118px);
    background-size: cover;
    height: clamp(20px, 1.4641288433382138vw, 28.11127379209371px)
}

.stage-indicator.blue {
    /* background: #60a5fa; */
    background-image: url("data:image/svg+xml,%3Csvg width='28' height='20' viewBox='0 0 28 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28 20H0V0H28L21.821 9.99041L28 20Z' fill='%2381B2FC'/%3E%3C/svg%3E%0A");
}

.stage-indicator.pink {

    background-image: url("data:image/svg+xml,%3Csvg width='28' height='20' viewBox='0 0 28 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28 20H0V0H28L21.821 9.99041L28 20Z' fill='%23FF9EF9'/%3E%3C/svg%3E%0A");
}

.stage-indicator.red {

    background-image: url("data:image/svg+xml,%3Csvg width='28' height='20' viewBox='0 0 28 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28 20H0V0H28L21.821 9.99041L28 20Z' fill='%23F03E5A'/%3E%3C/svg%3E%0A");
}

.stage-indicator.orange {

    background-image: url("data:image/svg+xml,%3Csvg width='28' height='20' viewBox='0 0 28 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28 20H0V0H28L21.821 9.99041L28 20Z' fill='%23FF8E38'/%3E%3C/svg%3E%0A");
}

.stage h3 {

    font-weight: 600;
    font-size: clamp(28px, 2.049780380673499vw, 39.35578330893118px);
    line-height: 110.00000000000001%;

    color: #000;

}

.stage p {
    font-weight: 400;
    font-size: 20px;
    line-height: 130%;
    color: #000;

}

.impact-section {


    width: 100%;
    padding: clamp(20px, 1.4641288433382138vw, 28.11127379209371px) 4rem;

}

.impact-content {
    /* max-width: 1200px; */
    margin: 0 auto;

    background: linear-gradient(135deg, #f5f3f0 0%, #ede8e3 100%);
    margin: auto;
    padding: clamp(20px, 1.4641288433382138vw, 28.11127379209371px) clamp(20px, 1.4641288433382138vw, 28.11127379209371px) clamp(20px, 1.4641288433382138vw, 28.11127379209371px) clamp(34px, 2.4890190336749636vw, 47.7891654465593px);
    border-radius: clamp(32px, 2.342606149341142vw, 44.97803806734993px);
}

.impact-header {
    margin-bottom: 4rem;
}

.impact-header h2 {
    font-weight: 500;
    font-size: lamp(64px, 4.685212298682284vw, 89.95607613469986px);;
    line-height: 110.00000000000001%;
    margin-bottom: clamp(37px, 2.7086383601756956vw, 52.00585651537335px);
}

.impact-subtitle {
    font-weight: 600;
    font-size: clamp(24px, 1.7569546120058566vw, 33.733528550512446px);;
    line-height: 120%;

}

.stats-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
    width: clamp(977px, 71.52269399707174vw, 1373.2357247437776px);
}


.wrppr_grid {


    display: flex;
    justify-content: end;
}

.stat-card {
    padding: 2.5rem;
    border-radius: 16px;
    transition: transform 0.3s, box-shadow 0.3s;
    cursor: default;
}



.stat-card.white {
    background: white;
}

.stat-card.pink {
    background: #FF9EF9;
    color: #fff;
}

.stat-card.orange {
    background: #FF8E38;
    color: #fff;
}

.stat-card.red {
    background: #F03E5A;
    color: #fff;
}

.stat-card.blue {
    background: #81B2FC;
    color: #fff;
}

.stat-card.black {
    background: #000;
    color: #fff;
    display: flex;
    /* align-items: center; */
    justify-content: space-between;
    cursor: pointer;
    flex-direction: column;
	text-decoration : none
}


.stat-card.black .arrow_wrrpr {

    display: flex;
    justify-content: flex-end;

}

.stat-card.black:hover {
    background: #0f0f0f;
}

.stat-number {

    font-weight: 300;
    font-size: clamp(78px, 5.710102489019033vw, 109.63396778916544px);
    line-height: 110.00000000000001%;
    letter-spacing: -4%;
    color: #000;
    ;

}

.stat-card p {
    font-family: Inter;
    font-weight: 400;
    font-size: 20px;
    line-height: 130%;
    letter-spacing: 0%;
    color: #000;

}

.stat-card.white p {
    color: #000;
}

.stat-card strong {
    font-weight: 600;
}

.cta-text {

    font-weight: 500;
    font-size: clamp(20px, 1.4641288433382138vw, 28.11127379209371px);
    line-height: 100%;
    letter-spacing: 0%;

}

.arrow-icon {
    width: 32px;
    height: 32px;
    transition: transform 0.3s;
}

.stat-card.black:hover .arrow-icon {
    transform: translate(10px, 6px);
}

.services-section {
    background: white;
    padding: 6rem 4rem;
}

.services-content {
    /* max-width: 1200px; */
    margin: 0 auto;
}

.services-header {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
    margin-bottom: 4rem;
    align-items: start;
}

.header-left h2 {

    font-weight: 500;
    font-size: clamp(64px, 4.685212298682284vw, 89.95607613469986px);
    line-height: 110.00000000000001%;

    color: #000;
}

.header-right p {

    font-weight: 400;
    font-size: clamp(24px, 1.7569546120058566vw, 33.733528550512446px);
    line-height: 140%;
    color: #000;


}

.services-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
}

.service-card {
    padding: clamp(20px, 1.4641288433382138vw, 28.11127379209371px);
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


.service-card h3 {
    font-weight: 500;
    font-size: clamp(64px, 4.685212298682284vw, 89.95607613469986px);
    line-height: 110.00000000000001%;
    margin-bottom: clamp(30px, 2.1961932650073206vw, 42.166910688140554px);

}

.service-card p {

    font-weight: 400;
    font-size: clamp(20px, 1.4641288433382138vw, 28.11127379209371px);
    line-height: 130%;

}

.pink-card {
    background: rgba(255, 158, 249, 1);
    color: #000;
}

.red-card {
    background: rgba(240, 62, 90, 1);
}

.orange-card {
    background: rgba(255, 142, 56, 1);
    color: #000;
    grid-row: span 1;
}

.service-image {
    border-radius: 16px;
    overflow: hidden;
    grid-row: span 1;
}

.service-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.footer-section {
    background: #000;
    color: white;
    padding: clamp(30px,2.1961932650073206vw,42.166910688140554px);
}

.footer-content {
    /* max-width: 1200px; */
    margin: 0 auto;
}

.contact-form-container {
    margin-bottom: clamp(50px, 3.6603221083455346vw, 70.27818448023427px);
}

form {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.form-row-full {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 1rem;
    align-items: start;
}

.form-input,
.form-textarea {
    background: #2a2a2a;
    border: none;
    border-radius: 8px;
    padding: 1rem 1.5rem;
    color: white;
    font-size: 0.95rem;
    font-family: inherit;
    outline: none;
    transition: background 0.3s;
    resize: none;
    width: 100%;
}

.form-input::placeholder,
.form-textarea::placeholder {
    color: #888 !important;
}

.form-input:focus,
.form-textarea:focus {
    background: #333;
}

.form-textarea {
    min-height: 150px;
}

.submit-btn {
    background: #FF9EF9;
    border: none;
    border-radius: 8px;
    padding: clamp(23px, 1.6837481698389458vw, 32.32796486090776px) clamp(20px, 1.4641288433382138vw, 28.11127379209371px);
    color: #000;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    transition: transform 0.3s, box-shadow 0.3s;
    height: 100%;
    white-space: nowrap;

    font-weight: 400;
    font-size: clamp(20px, 1.4641288433382138vw, 28.11127379209371px);
    line-height: 140%;


}



.submit-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 16px rgba(236, 72, 153, 0.3);
}


.submit-btn .wrppr_text {

    display: flex;
    align-items: flex-end;
    height: 100%;

}

.submit-btn .wrppr_arrow {

    display: flex;
    align-items: flex-start;
    height: 100%;

}



.submit-arrow {
    /* width: clamp(36px, 2.6354319180087846vw, 50.60029282576866px);
    height: clamp(36px, 2.6354319180087846vw, 50.60029282576866px); */
    transition: transform 0.3s;
}

.submit-btn:hover .submit-arrow {
    transform: translate(2px, -2px);
}

.footer-bottom {
    display: flex;
    justify-content: space-between;
    align-items: end;
    padding-top: 0;
}

.footer-bottom .left {

    display: flex;
    align-items: center;
    gap: clamp(90px, 6.588579795021962vw, 126.50073206442168px);

}

.footer-logo .logo-text {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.5px;
}

.footer-links {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding-left: 2rem;
    border-left: 1px solid #fff;
}

.footer-links a {
    color: white;
    text-decoration: none;
    font-weight: 400;
    font-size: clamp(20px, 1.4641288433382138vw, 28.11127379209371px);
    line-height: 140%;

    transition: color 0.3s;
}

.footer-links a:hover {
    color: #ec4899;
}

.footer-credits {
    text-align: right;
}

.footer-credits p {
    font-weight: 400;
    font-size: clamp(14px, 1.0248901903367496vw, 19.67789165446559px);
    line-height: 140%;
    text-align: right;

    color: #fff;
}

.footer-credits .credit {


    font-weight: 400;
    font-size: clamp(12px, 0.8784773060029283vw, 16.866764275256223px);
    text-align: right;


}

.copyright {
    margin-bottom: clamp(141px, 10.322108345534406vw, 198.1844802342606px);
}


@media (min-width: 1730px) {


h1 {

font-size: clamp(
  calc(104px - var(--clamp-reduceH1)),
  7.613469985358711vw,
  calc(146.17862371888725px - var(--clamp-reduceH1))
);

}

.about-left h2, .journey-header h2, .gradient-text, .impact-header h2, .header-left h2, .service-card h3 {

font-size: clamp(
  calc(64px - var(--clamp-reduceH2)),
  4.685212298682284vw,
  calc(89.95607613469986px - var(--clamp-reduceH2))
);

}





}


@media (max-width: 1340px) {


   

    nav .coming_soon {

        display: none;

    }



}

@media (max-width: 1150px) {


 .hero-section {

        background-size: contain;
    }

}

@media (max-width: 1024px) {

    .logo_mobile {

        display: block;
        margin-top: 40px;

    }


    .footer-bottom .left {

        gap: 0;

    }

    .footer-credits .credit {

        display: none;

    }


    .footer-bottom .left svg {


        display: none;


    }


    .submit-btn {

        height: 163px;

    }


    .about-content {
        grid-template-columns: 1fr;
        gap: 3rem;
    }


    .hero-section {

        background: none;
        position: relative;
    }

    .hero-section::after {

        background-image: url("images/bg_hero_equity_nation.png");
        content: "";
        position: absolute;
        height: 100%;
        width: 100%;
        left: 0;
        top: 0;
        background-repeat: no-repeat;

        background-size: 100% 100%;
        background-position: center;
    }


    .hero-content {

        padding-left: 50px;
        padding-right: 50px;

    }


    .hero-content h1 {

        font-size: 85px;


    }


    .about-left h2 {
        font-size: 2.5rem;
    }

    .journey-stages {
        grid-template-columns: repeat(2, 1fr);
        gap: 2.5rem;
    }

    .journey-header h2 {
        font-size: 2.5rem;
    }

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

    .impact-header h2 {
        font-size: 2.5rem;
    }

    .services-header {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .header-left h2 {
        font-size: 2.5rem;
    }

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

    .form-row-full {
        grid-template-columns: 1fr;
    }

    .submit-btn {
        width: 100%;
        justify-content: space-between;
    }

    .footer-bottom {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .footer-links {

        border-left: none;
        /* border-top: 1px solid #333; */
        padding-left: 0;
        /* padding-top: 1rem; */
        border-left: 1px solid #fff;
        padding-left: 2rem;

    }

    .footer-credits {
        text-align: left;
        display: flex;
        justify-content: space-between;
        width: 100%;
    }


    .footer-bottom {

        flex-direction: column;
        align-items: flex-start;

    }

    .footer-bottom .right {

        width: 100%;


    }


    .copyright {

        margin-bottom: 0;

    }



}

@media (max-width: 768px) {
	
	
	.stat-card.black {
		
	height : 236px	
		
	}
	
	
	.flag_land {
		
		
	display : none;	
		
	}
	
	.flag_land.flag_land_mobile {
		
		
	display : block;	
		
	
		
	}
	
	


    .footer-links {

     margin-bottom: 20px;   

    }

    .footer-credits p {

     text-align: left;   

    }


/*     .about-section {

    margin-top: -320px !important;    

    }
 */

      .landscape {

    top : 66% !important;    

    }

    .flag-container {

    top : 50% !important    

    }


    .hero-section::after {


        background-image: url("images/bg_hero_mobile_equity__nation.png");
        height: 100%;

    }


    .hero-content {

        padding: 107px 15px 0 15px;

    }

    .hero-content h1 {
        font-size: 40px;
        line-height: 120%;
    }


    .gradient-text {

        font-size: 40px;
        line-height: 120%;
        font-weight: 700;

    }

    .journey-image img {

        height: 209px;

    }


    .subtitle {

        font-size: 20px;

    }


    nav {
        padding: 1.5rem 2rem;
        display: flex;
        align-items: flex-start;
    }

    .nav-links {
        gap: 1.5rem;
        font-size: 0.85rem;
    }

    .flag-container {
        bottom: 15vh;
    }

    .about-section {
        padding: 4rem 2rem 3rem;
    }


    .about-header p {

        font-size: 20px;
        line-height: 140%;

    }


    .about-left h2 {
        font-size: 40px;
        line-height: 120%;
        font-weight: 500;
    }

    .about-right p {

        font-size: 20px;
        line-height: 140%;

    }

    .clients-section {
        gap: 2rem;

    }

    .client-logo {
        font-size: 1rem;
    }

    .journey-section {
        padding: 50px 14px 10px 14px;
    }

    .journey-header h2 {
        font-size: 40px;
        line-height: 120%;
        font-weight: 700;
    }

    .journey-stages {
        grid-template-columns: 1fr;
        gap: 0;
        margin-top: 20px;
        padding-right: 36px;
        padding-bottom: 0;
    }

    .stage {

        padding-top: 40px;

    }

    .impact-section {
        padding: 4rem 14px;
    }

    .impact-content {

        padding: 20px;

    }


    .impact-header h2 {
        font-size: 40px;
        line-height: 120%;
        font-weight: 500;
    }

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

    .stat-number {
        font-size: 3rem;
    }

    .services-section {
        padding: 4rem 2rem;
    }

    .header-left h2 {
        font-size: 40px;
        line-height: 120%;
        font-weight: 500;
    }

    .service-card.empty {

        display: none;

    }


    .service-card h3 {
        font-size: 1.8rem;
    }

    .service-image {
        height: 300px;
    }

    .footer-section {
        padding: 40px;
    }

    .form-row {
        grid-template-columns: 1fr;
    }
}


@media (max-width: 445px) {
	
	
	
	.hero-section .subtitle {

        margin-bottom: 300px !important;

    }	

	
	.mac-os .hero-section .subtitle {
		
	margin-bottom : 350px !important;	
		
	}
	
	
	.flag_land.flag_land_mobile {
		
	transform : scale(1.8);	
		
	}	
	
}


@media screen and (min-width: 1024px) and (max-height: 810px) {


.landscape {

top : 130vh !important;


}    

.flag-container {

top : 100vh !important

}


}


@media (max-height: 1366px) {
	
  .hero-section {

        min-height: auto;

    }

    .hero-section .subtitle {

        margin-bottom: 500px;

    }	
	
}



@media (max-height: 1080px) {

/* 
    .hero-section {

        min-height: auto;

    }

    .hero-section .subtitle {

        margin-bottom: 500px;

    } */

    .flag-container {

        top: 66vh
    }


  


}


@media (min-width: 2100px) {
	

	.hero-section .subtitle {
		
	margin-bottom : 750px	
		
	}
	
	
}


@media (min-height: 1081px) {

    .about-section {

        margin-top: 80px;

    }


}



@media (min-width: 1560px) {


    .flag-container {

        top: 73vh;

    }

    .landscape {

        top: 90vh
    }


}