body .landing-main,
body .landing-header, 
body .landing-footer{
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    line-height: 160%;
    letter-spacing: 0px;
    color: #111827;
    overflow: visible;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Montserrat', sans-serif;
}
a:visited {
    color: inherit;
}
.landing-hero {
	overflow: hidden;
}
.landing-title,
.landing-title-h1 {
    font-size: 60px;
    font-weight: 700;
    line-height: 130%;
    margin-bottom: 15px;
}

.landing-images {
    display: flex;
    justify-content: center;
    gap: 24px;
}

.landing-img {
    width: 141px;
    height: 442px;
    object-fit: cover;
    border-radius: 24px;
    transition: width 0.4s ease, height 0.4s ease, object-fit 0.4s ease;
}

.landing-img.active {
    width: 801px;
    height: 442px;
    object-fit: cover;
    transition: width 0.4s ease, height 0.4s ease, object-fit 0.4s ease;
}

.landing-header {
    padding-top: 24px;
}

.site-branding img {
    width: 190px;
    height: auto;
}

.landing-navigation-mobile,
.landing-navigation {
    display: flex;
    align-items: center;
}

.landing-navigation-mobile ul,
.landing-navigation ul {
    align-items: center;
    display: flex;
    list-style: none;
    gap: 10px;
    margin-bottom: 0;
}

.landing-navigation-mobile ul a,
.landing-navigation ul a {
    padding: 10px;
    font-weight: 500;
    line-height: 34px;
    letter-spacing: 0%;
    vertical-align: middle;
    color: #111827;
    text-decoration: none;
    transition: .4s ease;
}

.landing-navigation-mobile ul a:hover,
.landing-navigation ul a:hover {
    color: #000;
    font-weight: 500;
    border-bottom: 1px solid #2F88E1;
    transition: .4s ease;
}

.cta-button-gradient,
.landing-navigation-mobile ul a.cta-button-gradient,
.landing-navigation ul a.cta-button-gradient {
    display: block;
	border: 0;
    background: linear-gradient(180deg, #2F88E1 0%, #0063A6 100%);
    color: #ffffff !important;
    box-shadow: 0px 1px 3px 0px #0000001A;
    border-radius: 99px;
    padding: 14px 32px;
    font-weight: 700;
    font-size: 18px;
    text-decoration: none;
    width: fit-content;
    transition: .4s ease;

}

.cta-button-gradient:hover,
.landing-navigation-mobile ul a.cta-button-gradient:hover,
.landing-navigation ul a.cta-button-gradient:hover {
    transition: .4s ease;
    background: linear-gradient(180deg, #0064a6e2 0%, #0063A6 100%);
    box-shadow: 0px 10px 20px 0px #0000001A;
    color: #ffffff;
    border: none;
    padding: 14px 36px;
    text-decoration: none;
}

.landing-main section {
    padding: 72px 0;
}

.general-subtitle {
    color: #0063A6;
    font-weight: 600;
    font-size: 14px;
    line-height: 160%;
    text-transform: uppercase;

}

.general-h2 {
    color: #111827;
    font-weight: 700;
    font-size: 44px;
}

.general-h3 {
    font-weight: 700;
    font-size: 24px;
}

.body-18 {
    font-size: 18px;
}

.mt-24 {
    margin-top: 24px;
}

.mt-48 {
    margin-top: 48px;
}

.why-ewb-cards .feature-card {
    background-color: #F7F9FB;
    border-radius: 10px;
    padding: 20px;
    text-align: center;
}

.why-ewb-cards h3 {
    margin-top: 20px;
    font-size: 16px;
    margin-bottom: 0;
}

.why-ewb-cards img,
.why-ewb-cards svg {
    width: 40px;
    height: auto;
}

.how-we-work {
    background-color: #F7F9FB;
}

.how-we-work .right-images img {
    width: 170px;
    height: 356px;
    object-fit: cover;
    border-radius: 24px;

}

.how-we-work-steps {
    gap: 12px;
}

.blue-title-text {
    color: #0063A6;
    font-weight: 600;
}

.how-we-work-steps .step {
    background-color: #FFFFFF;
    border-radius: 10px;
    padding: 16px;
    padding-left: 24px;
    border-left: 3px solid #0063A6;
}

.fs-italic {
    font-style: italic;
}

.how-we-get-sourcing-right .feature-card {
    background-color: #F7F9FB;
    border-radius: 10px;
    padding: 20px;
    text-align: start;
}

.what-makes-ewb h3,
.how-we-get-sourcing-right h3 {
    font-size: 16px;
    margin-bottom: 0;
}

.what-makes-ewb img,
.what-makes-ewb svg,
.how-we-get-sourcing-right img,
.how-we-get-sourcing-right svg {
    width: 40px;
    height: auto;
}

.what-we-source-img {
    max-width: 849px;
    width: 100%;
    height: auto;
}

.country-hub {
    border-radius: 10px;
    padding: 12px 24px;
    background-color: #F7F9FB;
}

.country-hub .title-with-icon {
    font-size: 18px;
    line-height: 130%;
    display: flex;
    align-items: center;
}

.country-hub .title-with-icon img {
    margin-right: 8px;
    width: 32px;
    height: 32px;
}

.country-hub ul {
    list-style: none;
    padding-left: 0;
}

.country-hub ul li {
    position: relative;
    padding-left: 32px;
    margin-bottom: 0;
}

.country-hub ul li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 4px;
    width: 24px;
    height: 24px;
    background: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M18.7144 7.28595C18.8973 7.46889 19 7.71697 19 7.97565C19 8.23432 18.8973 8.48241 18.7144 8.66535L11.4024 15.9773C11.3058 16.0739 11.1911 16.1506 11.0648 16.2029C10.9386 16.2552 10.8032 16.2821 10.6666 16.2821C10.5299 16.2821 10.3946 16.2552 10.2683 16.2029C10.142 16.1506 10.0273 16.0739 9.9307 15.9773L6.29782 12.3451C6.20464 12.2551 6.13033 12.1474 6.0792 12.0284C6.02807 11.9094 6.00116 11.7814 6.00004 11.6518C5.99891 11.5223 6.02359 11.3939 6.07264 11.274C6.1217 11.1541 6.19413 11.0452 6.28573 10.9536C6.37732 10.862 6.48624 10.7895 6.60613 10.7405C6.72602 10.6914 6.85448 10.6667 6.98401 10.6679C7.11354 10.669 7.24155 10.6959 7.36057 10.747C7.47958 10.7982 7.58723 10.8725 7.67722 10.9657L10.6662 13.9547L17.3343 7.28595C17.4249 7.19529 17.5325 7.12338 17.6509 7.07432C17.7693 7.02525 17.8962 7 18.0244 7C18.1525 7 18.2794 7.02525 18.3978 7.07432C18.5162 7.12338 18.6238 7.19529 18.7144 7.28595Z" fill="%232F88E1"/></svg>');
    background-size: 24px 24px;
    background-repeat: no-repeat;
}

.grey-bg-section {
    background-color: #F7F9FB;
}

.rounded-10 {
    border-radius: 10px;
}

.p-20 {
    padding: 20px;
}

.client-results-cards img {
    max-width: 588px;
    width: auto;
    height: auto;
    object-fit: cover;
}

.client-results-cards .feature-info h3 {
    font-weight: 700;
    font-size: 32px;
    line-height: 130%;

}

.client-results-cards .feature-info p {
    color: #57534E;
    font-weight: 600;
    font-size: 14px;
    line-height: 160%;

}

.client-results-cards .feature-card {
    border: 1px solid #E5E7EB;
    flex: 1;
}

.client-results-cards .feature-card ul {
    list-style: none;
    padding-left: 0;
}

.client-results-cards .feature-card ul li {
    position: relative;
    padding-left: 32px;
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 18px;
}

.client-results-cards .feature-card ul li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 4px;
    width: 24px;
    height: 24px;
    background: url('data:image/svg+xml;utf8,<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M21.546 5.61107C21.8272 5.89236 21.9852 6.27382 21.9852 6.67157C21.9852 7.06931 21.8272 7.45077 21.546 7.73207L10.303 18.9751C10.1544 19.1237 9.97805 19.2416 9.7839 19.322C9.58976 19.4024 9.38167 19.4438 9.17153 19.4438C8.96138 19.4438 8.75329 19.4024 8.55915 19.322C8.365 19.2416 8.1886 19.1237 8.04003 18.9751L2.45403 13.3901C2.31076 13.2517 2.19649 13.0862 2.11787 12.9032C2.03926 12.7202 1.99788 12.5233 1.99615 12.3242C1.99442 12.125 2.03237 11.9275 2.10779 11.7431C2.18322 11.5588 2.29459 11.3913 2.43543 11.2505C2.57627 11.1096 2.74375 10.9983 2.92809 10.9228C3.11244 10.8474 3.30996 10.8095 3.50913 10.8112C3.7083 10.8129 3.90513 10.8543 4.08813 10.9329C4.27114 11.0115 4.43666 11.1258 4.57503 11.2691L9.17103 15.8651L19.424 5.61107C19.5633 5.47168 19.7287 5.3611 19.9108 5.28566C20.0928 5.21022 20.288 5.17139 20.485 5.17139C20.6821 5.17139 20.8772 5.21022 21.0593 5.28566C21.2413 5.3611 21.4067 5.47168 21.546 5.61107Z" fill="%2319D45E"/></svg>');
    background-size: 24px 24px;
    background-repeat: no-repeat;
}

.faq-section .faq-card {
    max-width: 49%;
    background-color: #F7F9FB;
    padding: 24px;
    border-radius: 10px;

}

.faq-section .faq-card .title {
    font-weight: 700;
    line-height: 130%;
    font-size: 24px;
    margin-bottom: 12px;
}

.logo-sliders {
    overflow: hidden;
}

.cards-images {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: center;
    align-items: flex-start;
    max-width: 1400px;
    margin: 0 auto;
    margin-top: 48px;
}

.cards-images>div {
    flex: 0 0 163px;
    width: 163px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 0;
}

.card-image {
    width: 163px;
    height: 232px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    transition: background 0.5s ease-in-out, opacity 0.5s ease-in-out;
}

.card-image img {
    width: 163px;
    height: 232px;
    object-fit: cover;
    border-radius: 8px;
    display: block;
    transition: opacity 0.5s ease-in-out;
}

.card-image p {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 18px;
    opacity: 0;
    z-index: 2;
    pointer-events: none;
    width: 100%;
    padding: 0 8px;
    transition: opacity 0.5s ease-in-out;
}

.card-image:hover img {
    opacity: 0;
}

.card-image:hover {
    background: #0063A6;
    border-radius: 10px;
}

.card-image:hover p {
    opacity: 1;
}

.card-image.active {
    background: #0063A6;
    border-radius: 10px;
}

.card-image.active img {
    opacity: 0;
}

.card-image.active p {
    opacity: 1;
}

.landing-footer {
    padding: 72px 0 12px;
    background-color: #0A2436;
}

.footer-links {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.mt-100 {
    margin-top: 100px;
}

.footer-links>a {
    flex: 1 1 45%;
    margin-bottom: 8px;
    text-decoration: none;
    color: #fff;
    font-weight: 500;
}

#burger-button {
    display: none;
    background: none;
    border: none;
    cursor: pointer;
}

.landing-navigation-mobile {
    display: none;
}

.product-category-swiper .category-caption {
    font-weight: 700;
    text-align: center;
    font-size: 18px;
    margin-top: 24px;
}

.product-category-swiper img {
    width: 301px;
    height: 430px;

    object-fit: cover;
}
.product-categories {
    overflow: hidden;
}
.product-categories .container {
    overflow: visible;
}

.product-category-descr {
    max-width: 856px;
}

.product-category-button-next rect,
.product-category-button-prev rect {
    fill: #0063A6;
}

.product-category-button-next path,
.product-category-button-prev path {
    fill: #fff;
}

.product-category-button-next.swiper-button-disabled rect,
.product-category-button-prev.swiper-button-disabled rect {
    fill: #E2E8F0;
}

.product-category-button-next.swiper-button-disabled path,
.product-category-button-prev.swiper-button-disabled path {
    fill: #000;
}

.logo-swiper img {
    width: 102px;
    height: 70px;
    object-fit: cover;
}
@media (min-width: 968px) and (max-width: 1460px) {
    .landing-navigation{
        width: fit-content !important;

    }
}
@media (min-width: 968px) and (max-width: 1331px) {
    .landing-navigation {
        width: fit-content !important;

    }
    .landing-navigation ul {
        margin-left: 0 !important;
        padding-left: 0 !important;
        gap: 4px;

    }
}
@media (min-width: 968px) and (max-width: 1199px) {

    .landing-navigation ul a{
        padding: 10px 5px;
        font-size: 14px;
    }
}
@media (min-width: 968px) and (max-width: 1074px) {
    
    .landing-navigation ul{
        justify-content: center;
        flex-wrap: wrap;
    }
}
/* Header Mobile styles */
@media (max-width: 968px) {

    #burger-button {
        display: block;
    }

    .landing-navigation-mobile {
        display: block;
        height: 0;
        overflow: hidden;
        transition: height 0.4s ease, opacity 0.3s ease;
    }

    .landing-navigation-mobile.open {
        height: 800px;
        /* enough to show all items */
        transition: height 0.4s ease, opacity 0.3s ease;
    }

    .landing-header {
        justify-content: space-between;
        align-items: center;
    }

    .landing-navigation {
        display: none;
        width: 100%;
        margin: 0;
    }

    .landing-navigation-mobile ul {
        margin: 0;
        display: flex;
        flex-direction: column;
        text-align: center;
        width: 100%;
        padding: 18px;
    }

    .landing-navigation-mobile ul li {
        padding: 24px;
        border-bottom: 2px solid #F4F4F4;
        width: 100%;
    }

    .landing-navigation-mobile ul li:last-child {
        padding: 24px;
        border-bottom: none;
        width: 100%;
        display: flex;
        justify-content: center;

    }

    .landing-navigation.open,
    .landing-navigation-mobile.open {
        display: block;
    }

    .landing-navigation ul {
        flex-direction: column;
        gap: 0.75rem;
        margin: 1rem 0 0;
        padding: 0;
    }
}


@media (max-width: 600px) {
    .footer-links {
        flex-direction: column;
        gap: 8px;
    }

    .footer-links>a {
        flex: 1 1 100%;
        min-width: unset;
    }
}

/* all mobile styles */
@media (max-width: 768px) {
    .product-category-descr {
        max-width: auto;
    }
.cards-images > div:nth-child(n+9) {
    display: none !important;
  }
    body .landing-main,
    body .landing-header {
        font-size: 14px;
    }

    .landing-main section {
        padding: 24px 12px 32px;
    }

    .general-subtitle {
        margin-bottom: 0;
        color: #0063A6;
        font-weight: 600;
        font-size: 12px;
        line-height: 160%;
        text-transform: uppercase;

    }

    .general-h2 {
        color: #111827;
        font-weight: 700;
        font-size: 28px;
    }

    .general-h3 {
        font-weight: 700;
        font-size: 24px;
    }

    .body-18 {
        font-size: 16px;
    }

    .mt-24 {
        margin-top: 12px;
    }

    .mt-48 {
        margin-top: 24px;
    }

    .cta-button-gradient {
        font-size: 16px;
    }

    .why-ewb-cards h3 {
        margin-top: 0px;
    }

    .why-ewb-cards {
        flex-direction: column;
    }

    .why-ewb-cards .feature-card {
        display: flex;
        align-items: center;
        text-align: start;
        gap: 12px;
        padding: 12px;
    }

    .why-ewb-cards .feature-card p {
        margin-bottom: 0;
    }

    .how-we-work>.container {
        flex-direction: column;
		padding: 0;
    }

    .how-we-work>.container>.col-md-4 {
        text-align: center;
        padding: 0 !important;
    }

    .how-we-work>.container>.col-md-4 a {
        display: none;
    }

    .how-we-work>.container>.col-md-8 {
        margin-top: 24px;
        flex-direction: column-reverse;
    }

    .how-we-work .right-images img {
        width: 100%;
        height: auto;
		max-height: 190px;
        object-fit: cover;
        border-radius: 24px;

    }

    .how-we-work .right-images img:first-child {
        display: none;

    }

    .how-we-get-sourcing-cards {
        display: flex;
        flex-direction: column;
    }

    .how-we-get-sourcing-cards .feature-image {
        display: flex;
        align-items: center;
        gap: 12px;
    }

    .what-we-source-titles {
        text-align: center;
        flex-direction: column;
    }

    .what-we-source-titles .cta-button-gradient {
        margin: 0 auto;
        margin-top: 12px;
    }

    .countries-what-we-source {
        display: flex;
        flex-direction: column;
    }

    .what-makes-ewb-container .feature-card {
        padding: 12px 16px;
    }

    .what-makes-ewb-container {
        display: flex;
        flex-direction: column;
    }

    .client-results-cards {
        display: flex;
        flex-direction: column;
    }

    .client-results-cards img {
        max-width: 100%;
        width: auto;
        height: auto;
        object-fit: cover;
    }

    .client-results-cards .feature-info h3 {
        font-size: 24px;
    }

    .client-results-cards .feature-info p {
        font-size: 12px;
    }

    .client-results-cards .feature-card ul li {
        position: relative;
        padding-left: 32px;
        font-size: 16px;
		margin-bottom: 8px;
    }

    .faq-section {
        flex-direction: column;
        gap: 24px;
    }

    .faq-section .col-md-4 {
        text-align: center;
    }

    .faq-section .faq-card {
        max-width: 100%;
        width: 100%;
        padding: 16px;
    }

    .faq-section .faq-card .title {
        font-size: 20px;
    }

    .faq-section .faq-card .answer {
        font-size: 14px;
    }

    .card-image.active {
        background: #0063A6;
        border-radius: 10px;
    }

    .card-image.active img {
        opacity: 0;
    }

    .card-image.active p {
        opacity: 1;
    }

    .card-image {
        width: 162px;
        height: 87px;
    }

    .card-image img {
        width: 162px;
        height: 87px;
        object-fit: cover;
    }

    .footer-nav {
        flex-direction: column;
        text-align: center;
        justify-content: center;
    }

    .footer-links {
        margin: 24px 0;
        flex-direction: column;
        text-align: center;
        justify-content: center;
    }

    .footer-cta .cta-button-gradient {
        margin: 0 auto;
    }

    .landing-footer {
        padding-top: 32px;
    }

    .mt-100 {
        margin-top: 24px;
    }

    .product-category-swiper img {
        width: 100%;
        height: auto;
        object-fit: cover;
    }

    .logo-swiper img {
        width: 73px;
        height: 50px;
        object-fit: cover;
    }

    .landing-images {
        display: flex;
        justify-content: center;
        gap: 6px;
    }

    .landing-img {
        width: 15%;
        height: 200px;
        object-fit: cover;
        border-radius: 24px;
        transition: width 0.4s ease, height 0.4s ease, object-fit 0.4s ease;
    }

    .landing-img.active {
        width: 45%;
        height: 200px;
        object-fit: cover;
        transition: width 0.4s ease, height 0.4s ease, object-fit 0.4s ease;
    }

}

.countries-what-we-source {
    display: flex;
    gap: 16px;
    /* spacing between cards */
    align-items: flex-start;
}

.country-hub {
    min-height: 265px;
}

.country-hub ul {
    max-height: 160px;
    overflow: hidden;
    transition: max-height 0.4s ease;
}

.country-hub ul.open {
    max-height: 1000px;
    /* temporarily large; JS can dynamically calculate */
}

.country-hub .toggle-ul {
    opacity: 0;
    /* show only if JS detects overflow */
    padding-left: 30px;
    margin-bottom: 12px;
    margin-top: 0;
    color: #2F88E1;
    cursor: pointer;
    font-weight: 700;
    text-decoration: underline;
}

.toggle-ul {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  gap: 6px;
}

.toggle-arrow {
  transition: transform 0.3s ease;
}

.toggle-ul.open .toggle-arrow {
  transform: rotate(180deg);
}

.landing-cta-form {
    background: linear-gradient(180deg, #0770B3 0%, #03304D 100%);

}

.landing-cta-form .container {
    justify-content: space-between;
}

@media (max-width: 768px) {
    .landing-cta-form .container {
        flex-direction: column;
    }

    .country-hub ul {
        max-height: 94px;
        overflow: hidden;
        transition: max-height 0.4s ease;
    }

    .country-hub {
        width: 100%;
        min-height: auto;
    }

    /* Collapse only ULs inside client-results */
    .client-results .feature-card ul {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.4s ease;
    }

    .client-results .feature-card ul.open {
        max-height: 1000px;
        /* enough for content, or use dynamic JS for exact height */
    }

    /* Toggle link styling */
    .client-results .feature-card .toggle-ul {
        display: block;
        margin-top: 12px;
        color: #2F88E1;
        cursor: pointer;
        font-weight: 700;
        text-decoration: underline;
    }

    .country-hub ul li::before {
        top: 0;
    }
	.faq-cards {
		padding: 0;
		
	}
	.what-makes-ewb .container{
		padding: 0;
	}
	.faq-section{
		padding-top: 32px !important;
	}
	.landing-cta-form .container {
		padding: 0;
	}
	.landing-cta-form .container .col-md-4{
		text-align: center;
	}
	 .client-results .feature-card p {
		display: -webkit-box;
		-webkit-line-clamp: 3;       /* number of lines to show */
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		transition: all 0.4s ease;
    }

    .client-results .feature-card p.open {
		-webkit-line-clamp: unset;   /* remove clamp */
		-webkit-box-orient: unset;
		overflow: visible;
	}
}

.hubspot-form {
    background: #FFFFFF;
    border-radius: 24px;
    padding: 24px;
}

.hubspot-form-text p {
	line-height: 130%;
    font-size: 24px;
    font-weight: 700;
}

.hubspot-form-text ul {
    list-style-type: decimal;
    margin-top: 12px;
    font-size: 18px;
	line-height: 160%;
    margin-bottom: 24px;
    padding: 0;
    margin-left: 20px;
}

.custom-form {
    max-width: 900px;
    margin: 0 auto;
    font-family: sans-serif;
}


.custom-form .form-row {
    display: flex;
    gap: 16px;
    margin-bottom: 16px;
    flex-wrap: wrap;
}

.custom-form .form-row .form-group {
    flex: 1;
    min-width: 250px;
}

.custom-form label {
    display: block;
    font-size: 14px;
    margin-bottom: 4px;
    font-weight: bold;
}

.custom-form input,
.custom-form select,
.custom-form textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid #E2E8F0;
    background-color: #fff !important;
    border-radius: 12px;
    font-size: 14px;
}

.custom-form textarea {
    min-height: 120px;
    resize: vertical;
}

.custom-form .submit-btn {
    margin-top: 20px;
    padding: 12px 24px;
    background: #0073e6;
    color: white;
    border: none;
    border-radius: 6px;
    font-size: 16px;
    cursor: pointer;
}
/* Hide the native checkbox */
.custom-checkbox input[type="checkbox"] {
  display: none;
}
.checkbox-group-multi .custom-checkbox{
    font-weight: 500;
}
/* Custom box */
.custom-checkbox .checkmark {
  width: 20px;
  height: 20px;
  margin-bottom: 4px;
  border: 1px solid #9CA3AF;
  border-radius: 8px;
  display: inline-block;
  position: relative;
  margin-right: 10px;
  vertical-align: middle;
}

/* Check indicator */
.custom-checkbox input[type="checkbox"]:checked + .checkmark::after {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 8px;
  background: #2F88E1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.landing-hero{
    margin-top: 86px;
}
#form-message {
  font-size: 14px;
  font-weight: 600;
}
.lh-180{
	line-height: 180% !important;
}
@media (max-width: 768px) {

	html, body {
	  height: auto;   /* not 100% unless needed */
	  overflow-x: hidden;
	  overflow-y: auto;
	}
	.what-we-source-img {
		margin-top: 20px;
	}
     .how-we-get-sourcing-right h3{
        font-size: 20px;
     }

	.landing-title,
	.landing-title-h1 {
		font-size: 32px;
		font-weight: 700;
		line-height: 130%;
		margin-bottom: 6px;
	}
    .landing-hero{
        margin-top: 102px;
    }
    .hubspot-form {
        margin-top: 24px;
    	font-family: 'Montserrat', sans-serif;
    }
    
    .hubspot-form-text p {
        font-size: 18px;
        font-weight: 700;
    }

    .hubspot-form-text ul {
        list-style-type: decimal;
        margin-top: 12px;
        font-size: 14px;
        margin-bottom: 24px;
        padding: 0;
        margin-left: 20px;
    }
}

.fade-in-element {
  opacity: 0;              
  transform: translateY(30px);
}

.fade-in-element.visible {
  animation: fadeInUp 1.5s forwards;  
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
#landing-header{
    position: fixed;
  	left: 0;
	top: 0;
  	width: 100%;
	max-width: 100vw;
  	background: #fff;
  	z-index: 9999999;
    padding-bottom: 20px;
}
.what-makes-ewb .feature-card:hover .logo,
.what-makes-ewb .feature-card .logo-hovered,
.how-we-get-sourcing-right .feature-card:hover .logo,
.how-we-get-sourcing-right .feature-card .logo-hovered,
.why-ewb .feature-card:hover .logo,
.why-ewb .feature-card .logo-hovered{
    display: none;
}
.what-makes-ewb .feature-card:hover .logo-hovered,
.how-we-get-sourcing-right .feature-card:hover .logo-hovered,
.why-ewb .feature-card:hover .logo-hovered{
    display: block;
}
.what-makes-ewb .feature-card,
.how-we-get-sourcing-right .feature-card,
.why-ewb .feature-card{
    transition: .4s ease;
}
.what-makes-ewb .feature-card:hover,
.how-we-get-sourcing-right .feature-card:hover,
.why-ewb .feature-card:hover{
    color: #fff !important;
    background-color: #0063A6 !important;
    transition: .4s ease;
}
.landing-footer .cta-button-gradient {min-width: 302px; }
.landing-footer .cta-button-gradient:hover {min-width: 310px; }
@media (min-width: 768px) {
	
	.landing-cta-form { overflow: visible; }            /* important */
	.landing-cta-form .container { align-items: flex-start; overflow: visible; }
	.landing-cta-form .col-md-4 {
	  position: sticky;
	  top: 120px;              /* adjust for your fixed header */
	  align-self: flex-start; /* don’t stretch in flex layout */
	  height: max-content;    /* avoids weird stretching */
	}
	.client-results-cards .toggle-ul {
		display: none !important;
	}
	.why-ewb-cards > * {
	  flex: 1 1 0;       /* grow/shrink equally */
	  max-width: 20%;    /* 5 items per row → 100% / 5 */
	  box-sizing: border-box;
	}
     .how-we-get-sourcing-right h3{
        font-size: 24px;
     }
}
.how-we-get-sourcing-right img {
    width: 70px;
    height: 70px;
}