.row {
    --bs-gutter-x: 0 !important;
}

.collab-bg {
    background-image: url(../images/collab.png);
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    height: 1160px;
    position: fixed;
    display: flex;
    width: 100%;
    z-index: -1;
    left: 0;
    top: -100px;
}

.white-text-for-rows {
    color: var(--white);
    cursor: pointer;
    font-family: var(--font-family-myriadpro-bold);
    font-size: var(--font-size-xxxl);
    font-weight: 700;
    height: 164px;
    letter-spacing: 0;
    line-height: 26.4px;
    width: 350px;
}

.elements-row {
    height: 320px;
}

.transparent-chelsea {
    background-color: var(--chelsea-cucumber);
    opacity: 0.9;
    position: absolute;
    height: inherit;
    max-width: fit-content;
}

a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:active {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

.funding-click-link {
    height: 100%;
    width: 360px;
    margin-right: 50px;
}

.market-click-link {
    height: 100%;
    width: 360px;
    margin-right: 50px;
}

.technology-click-lin {
    height: 100%;
    width: 360px;
    margin-right: 50px;
}

.space {
    height: 50%;
    display: flex;
    flex-direction: column-reverse;
}

.row-space-text {
    letter-spacing: 0;
    line-height: 36.7px;
    white-space: nowrap;
    width: 30%;
}

.myriadpro-bold-white-30-6px {
    color: var(--white);
    font-family: var(--font-family-myriadpro-bold);
    font-size: 30.6px;
    font-style: normal;
    font-weight: 700;
}

.green-block-initial {
    height: 100%;
    margin-right: 45px;
    padding-left: 25px;
    padding-top: 40px;
    width: 360px;
}

.access-to-block-first-row {
    height: 320px;
    width: 100%
}

.access-to-block-second-row {
    height: 320px;
    width: 100%;
    background-color: white
}

.access-to-green-block {
    background-color: var(--chelsea-cucumber);
    opacity: 0.9;
    height: 320px;
    display: flex;
    flex-wrap: inherit;
    /* width: 100.7%; */
}

.access-to-white-block {
    height: 320px;
    display: flex;
    flex-wrap: inherit;
}


.access-to-block {
    margin-right: 12px;
    height: 100%;
    width: 340px;
}

.center-align-text {
    text-align: center;
}

.funding-bg {
    background-image: linear-gradient(0deg, #000000 0%, rgba(0, 0, 0, 0) 98.88%), url(../images/funding.png);
    background-position: 70% 35%;
    background-size: inherit;
    height: inherit;
    width: inherit;
}

.market-bg {
    background-image: linear-gradient(0deg, #000000 0%, rgba(0, 0, 0, 0) 98.88%), url(../images/market.png);
    background-position: 70% 35%;
    background-size: inherit;
    height: inherit;
    width: inherit;
}

.technology-bg {
    background-image: linear-gradient(0deg, #000000 0%, rgba(0, 0, 0, 0) 98.88%), url(../images/technology.png);
    background-position: 70% 35%;
    background-size: inherit;
    height: inherit;
    width: inherit;
}

.access-to {
    color: var(--white);
    font-family: var(--font-family-myriadpro-bold);
    font-size: 75.8px;
    font-weight: 701;
    letter-spacing: 0;
    line-height: 91.0px;
    white-space: nowrap;
}

.access-to-second-row-spacer {
    /* margin-right: 50px; */
}

.ellipse {
    border: 4px solid;
    border-color: var(--abbey);
    border-radius: 96.69px;
    height: 196px;
    width: 197px;
    padding-top: 20px;
    margin-left: 70px;
    margin-right: 70px;
}

.big-green {
    margin-top: 20px;
    letter-spacing: 0;
    line-height: 55px;
    white-space: nowrap;
    color: var(--chelsea-cucumber);
    font-family: var(--font-family-myriadpro-bold);
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    text-align: center;
}

.million {
    color: var(--black);
    font-family: var(--font-family-myriadpro-semibold);
    font-size: 37.7px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 60px;
    white-space: nowrap;
    margin-left: 4.5%;
    text-align: center;
    margin-top: 10px;
}

.white-bg {

    background-color: var(--white);

}

.normal-info-text {
    color: var(--mine-shaft);
    font-family: var(--font-family-myriadpro-regular);
    font-size: 22.4px;
    font-style: normal;
    font-weight: 400;
    text-align: center;
}

.b2b {
    letter-spacing: 0;
    line-height: 23.6px;
    text-align: center;
    white-space: nowrap;
    color: var(--black);
    font-family: var(--font-family-myriadpro-semibold);
    font-size: 17px;
    font-style: normal;
    font-weight: 600;
}

.tech-bbbe {
    letter-spacing: 0;
    text-align: center;
    white-space: nowrap;
    color: var(--black);
    font-family: var(--font-family-myriadpro-semibold);
    font-size: 17px;
    font-style: normal;
    font-weight: 600;
    margin-top: 50px;
    margin-bottom: 0px;
}

.big-green-bbe {
    margin: 0px;
}

/* ------------------------------------------ */

.fit-for-purpose-bg {
    background-image: linear-gradient(0deg, rgba(67, 198, 247, 0.9), rgba(160, 190, 125, 0.9));
    height: 1340px;
}


.myriadpro-regular-normal-white-22px {
    color: var(--white);
    font-family: var(--font-family-myriadpro-regular);
    font-size: var(--font-size-xxxl);
    font-style: normal;
    font-weight: 400;
}

.fit-for-purpose-heading {
    color: var(--white);
    font-family: var(--font-family-myriadpro-bold);
    font-size: 83px;
    font-weight: 700;
    height: 146px;
    letter-spacing: 0;
    line-height: 99.6px;
    position: absolute;
    width: 914px;
}

.fit-for-purpose-products {
    color: var(--white);
    font-family: var(--font-family-myriadpro-bold);
    font-size: 60px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 72px;
    width: 448px;
}

.fit-for-purpose-products-row {
    padding-top: 75px;
    background-color: #67AEB2;
    height: 720px;
    display: flex;
    justify-content: center
}

.height-inherit {
    height: inherit;
}

.product-box-row {
    height: 75%;
}

.product-box {
    background-color: white;
}

.product-box-element {
    display: flex;
    justify-items: center;
    flex-direction: column;
    align-items: center;
    padding: 0px;
    justify-content: space-between;
}


.invest-management-row {
    padding-bottom: 0px;
    margin-bottom: 0px
}

.see-how {
    padding-top: 70px;
}

.see-how p {
    color: var(--white);
    font-family: var(--font-family-myriadpro-bold);
    font-size: 56px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 60px;
    min-height: 118px;
    white-space: nowrap;
}

.see-how-investment {
    background-color: var(--shakespeare);

}


.see-how-services {
    background-color: var(--green-sheen);

}

.right-white-arrow {
    background-image: url(../images/rigt-white-arrow.ph.png);
    background-position: 50% 50%;
    background-size: cover;
    height: 33px;
    background-repeat: no-repeat;
    width: 16px;
    margin-left: 7px;
    margin-top: 20px;
}

.product-bg-container {
    margin-top: 0;
    margin-bottom: 0;
    height: 30%;
    align-items: center;
}

.xasa-product-bg {
    background-image: url(../images/xasa-product-bg.png);
    background-position: 50% 50%;
    background-size: cover;
    height: 77px;
    width: 318px;
    margin-top: 0;
    margin-bottom: 0;
}

.product-line-yellow {
    background-image: url(../images/product-yellow-line.png);
    background-position: 50% 50%;
    background-size: cover;
    height: 5px;
    width: 120px;
}

.product-line-blue {
    background-image: url(../images/product-blue-line.png);
    background-position: 50% 50%;
    background-size: cover;
    height: 5px;
    width: 120px;
}

.simply-bee-product-bg {
    background-image: url(../images/simply-bee-product.png);
    background-position: 50% 50%;
    background-size: cover;
    height: 134px;
    width: 318px;
    margin-top: 0;
    margin-bottom: 0;
}

.product-text-normal {
    color: var(--mine-shaft);
    font-family: var(--font-family-calibri-light);
    font-style: normal;
    font-weight: 300;
    text-align: center;
    margin: 0px;
}

.product-explore-bar {
    padding: 5px;
    width: 100%;
}

.product-explore-bar p {
    color: var(--white);
    font-family: var(--font-family-myriadpro-bold);
    font-size: var(--font-size-xxxxxl);
    font-weight: 700;
    letter-spacing: 0;
    line-height: 30.0px;
    text-align: center;
    margin: 0px;
}

.yellow-explore {
    background-color: #C5B10C;
}

.blue-explore {
    background-color: #27A8E0;
}

/* --------------------------------------------------- */
.investment-management-heading {
    color: var(--mine-shaft);
    font-family: var(--font-family-myriadpro-bold);
    font-size: var(--font-size-xxxxxl);
    font-weight: 700;
    height: 90px;
    letter-spacing: 0;
    line-height: 30.0px;
    white-space: nowrap;
    width: 320px;
}

.investment-ellipse {

    border: 45px solid;
    border-color: var(--shakespeare);
    border-radius: 321px;
    height: 321px;
    width: 321px;
    padding-top: 20px;
}

.services-ellipse {

    border: 50px solid;
    border-color: var(--green-sheen);
    border-radius: 188px;
    height: 374px;
    width: 374px;
    padding: 36px;
    margin-left: 70px;
}

.services-ellipse-green-text {
    color: var(--green-sheen);
    font-family: var(--font-family-myriadpro-bold);
    font-size: 48.6px;
    font-weight: 700;
    letter-spacing: 0;
    white-space: nowrap;
    line-height: normal;
}

.services-budget-range {
    color: var(--mine-shaft);
    font-family: var(--font-family-Myriad-Pro);
    font-size: 30.2px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 36.2px;
    text-align: center;
    white-space: nowrap;
}

.service-text-row {
    height: 60px;
}

.service-text {
    margin-top: 15px;
    left: 71px;
    letter-spacing: 0;
    line-height: 36.2px;
    color: var(--mine-shaft);
    font-family: var(--font-family-myriadpro-regular);
    font-size: 30.2px;
    font-style: normal;
    font-weight: 400;
    text-align: center;
}

.investment-info-block {
    width: 260px;
    height: 300px;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}

.down-arrow-investment {
    height: 18px;
    object-fit: cover;
    width: 30px;
    padding: 0px;
    margin: 10px;
}

.big-grey {
    color: var(--concord);
    font-family: var(--font-family-myriadpro-bold);
    font-size: 92px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1;
    white-space: nowrap;
    text-align: center;
    margin: 0px;
    padding: 0px;
}

.medium-grey {
    color: var(--concord);
    font-family: var(--font-family-myriadpro-bold);
    font-size: 49px;
    letter-spacing: 0;
    line-height: 1;
    white-space: nowrap;
    text-align: center;
    margin: 0px;
    padding: 0px;
}

.small-grey {
    color: var(--concord);
    font-family: var(--font-family-myriadpro-bold);
    font-size: var(--font-size-xxxxxl);
    letter-spacing: 0;
    line-height: 1;
    white-space: nowrap;
    text-align: center;
    margin: 0px;
    padding: 0px;
    ;
}

.medium-shakespeare {
    color: var(--shakespeare);
    font-family: var(--font-family-myriadpro-bold);
    font-size: 56px;
    font-style: normal;
    font-weight: 700;
}

.big-green-sheen {
    color: var(--green-sheen);
    font-family: var(--font-family-myriadpro-bold);
    font-size: 99px;
    font-style: normal;
    font-weight: 700;
}

/* icons */

.buildings-icon {
    background-image: url(../images/city-building.png);
    background-size: inherit;
    background-repeat: no-repeat;
    height: 60px;
    width: 60px;
}

.gears-icon {
    background-image: url(../images/gears.png);
    background-size: inherit;
    background-repeat: no-repeat;
    height: 60px;
    width: 87px;
}

.house-icon {
    background-image: url(../images/house.png);
    background-size: inherit;
    background-repeat: no-repeat;
    height: 50px;
    width: 71px;
}

.stacks-icon {
    background-image: url(../images/stacks.png);
    background-size: inherit;
    background-repeat: no-repeat;
    height: 42px;
    width: 75px;
}

.standing-people {
    background-image: url(../images/people-standing.png);
    background-position: 50% 50%;
    background-size: cover;
    height: 74px;
    width: 73px;
}

.movies-icon {
    background-image: url(../images/movies-icon.png);
    background-position: 50% 50%;
    background-size: cover;
    height: 66px;
    width: 81px;
}


.flex-center {
    display: flex;
    justify-content: center;
}

.blue-right-border {
    border-right-color: #50afd1;
    border-right-width: thin;
    border-right-style: solid;
}

.green-right-border {
    border-right-color: #73ac99;
    border-right-width: thin;
    border-right-style: solid;
}