/* Front Banner */
.frontBannerHolder {width: 97%;max-width: 1344px;margin:0 auto;background: linear-gradient(91.39deg, #1E74AA 4.21%, #2480BB 86.69%);border-radius: 20px;}
.frontBannerContent {display: flex;height: 600px;width: 100%;border-radius: 20px;background: url("../../images/bg_white.svg") right center no-repeat;}
.frontBannerContent > .leftSide {display: flex;width: 70%;flex-direction: column;justify-content: center;padding-left: 100px;}
.frontBannerContent > .leftSide > h1 {font-size: 55px;color: white;font-weight: 400;}
.frontBannerContent > .rightSide {position: relative;width: 50%;background: url("../../images/mirror.png") 70% center no-repeat;background-size: 90%;}

.greenTriangle {position: absolute;top: 40%;}
.whiteTriangle {position: absolute;top: 58%;right: 52px;}

/* Front statistics */
.statisticsHolder {display: flex;width: 99%;max-width: 1144px;margin: 0 auto;border-bottom: 1px solid #E0EDFB;margin-top: 40px;}
.statisticsHolder > .oneColumn {display: flex;flex-direction: column;justify-content: center;padding-bottom: 65px;}
.statisticsHolder > .oneColumn > .top {display: flex;justify-content: center;align-items: center;gap: 22px;border-left: 1px solid #E0EDFB;border-right: 1px solid #E0EDFB;
    padding-left: 55px;padding-right: 55px;}
.statisticsHolder > .oneColumn > .top > img {width: 26px;height: 27px;}
.statisticsHolder > .oneColumn > .top > span {font-size: 66px;color: #69C4B4;font-weight: 500;width: 75px;}
.statisticsHolder > .oneColumn > .top > span > span {font-size: 66px;}
.statisticsHolder > .oneColumn > .top > span.withoutUnit {width: 135px;}
.statisticsHolder > .oneColumn > .top > span.unit {font-size: 28px;width: 120px;}
.statisticsHolder > .oneColumn > .title {font-size: 22px;color: #284F74;font-weight: 400;padding-left: 55px;padding-right: 55px;border-left: 1px solid #E0EDFB;border-right: 1px solid #E0EDFB;
    text-align: center;}
.statisticsHolder > .oneColumn > .title.wider {padding-left: 15px;padding-right: 15px;height: 45px;}

/* Front Hero Text */
.heroTextHolder {width: 100%;max-width: 1344px;margin: 70px auto;padding-left: 100px;margin-bottom: 78px;}
.heroTextHolder > .text {width: 98%;max-width: 900px;font-size: 30px;line-height: 40px;font-weight: 400;color: #284F74;margin-top: 50px;}

/* Investments boxes */
.investmentsHolder {width: 100%;max-width: 1145px;margin: 0 auto;padding-left: 1px;}
.investmentBoxes {display: flex;flex-wrap: wrap;margin-top: 50px;gap: 25px;}
.investmentBoxes > .oneBox {display: flex;position: relative;flex-direction: column;background: white;width: 95%;max-width: 363px;min-height: 364px;border:1px solid #D7E2EE;
    border-radius: 20px;justify-content: center;padding: 0 35px;cursor: pointer;}
.investmentBoxes > .oneBox > h3 {margin-top: 30px;margin-bottom: 20px;}
.investmentBoxes > .oneBox > .textHolder {font-size: 18px;line-height: 32px;color: #284F74;min-height: 160px;}
.textHolder a {color: #3E87CB;text-decoration: underline;}

/* Team boxes */
.teamHolder {width: 100%;max-width: 1145px;margin:100px auto;padding-left: 1px;}
.teamRosterHolder {display: flex;margin-top: 50px;justify-content: space-between;flex-wrap: wrap;}
.teamRosterHolder > .oneBoxHolder > .oneBox {display: flex;position: relative;flex-direction: column;width: 250px;height: 304px;box-shadow: 0 -13px 33.1px 0 #C5C5C540;border-top-left-radius: 20px;border-top-right-radius: 20px;
                                                overflow: hidden;}
.teamRosterHolder > .oneBoxHolder > .oneBox > .imageHolder > img {border-top-left-radius: 20px;border-top-right-radius: 20px;}
.gradientMask {position: absolute;width: 100%;height: 310px;top:0;left:0;background: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 0) 40%,
        #ffffff 100%
);}
.oneBoxHolder > .oneBoxTextHolder {background: transparent;}
.memberName {font-size: 30px;color: #2D659A;font-weight: 500;margin-top: 20px;margin-bottom: 20px;}
.additionalText {font-size: 18px;font-weight: 400;margin-bottom: 5px;}
.additionalText > a {font-weight: 400;color: #3E87CB;}

.oneBox .success {display: flex;position: absolute;top:-15px; right:15px;background: #69C4B4;border-radius: 4px;color: white;font-size: 14px;font-weight: 500;padding: 8px 12px;align-items: center;}
.success > .text {height: 12px;}

.gradientHolder {background: radial-gradient(circle at center, rgb(211 219 242 / 50%) 0%, rgba(255, 255, 255, 0) 60%), linear-gradient(white, white);padding: 0 25px;}

.modalTextHolder {font-size: 22px;color: #284F74;line-height: 35px;font-weight: 400;font-family: "League Spartan", sans-serif;hyphens: auto;}
.modalLogoHolder {width: 137px;margin-bottom: 35px;}
.modalLogoHolder > img {width: 100%;}
.modalTextHolder a {color: #3E87CB !important;}

.ui-widget.ui-widget-content {border-radius: 20px;border: 1px solid #D7E2EE !important;}
.ui-widget-header {border: 0 !important;background: transparent !important;}
.ui-dialog .ui-dialog-content {padding: 20px 50px !important;padding-top: 0 !important;}
.dialogCloseButton {background: none !important;border: none !important}
.ui-button .ui-icon {background-image: url("../../images/icons/close-modal.svg") !important;}
.ui-icon-closethick {background-position: 0 0 !important;}
.ui-dialog .ui-dialog-titlebar-close {font-size: 18px !important;height:18px !important;width: 18px !important;right: 1em !important;top: 80% !important;}
.ui-icon {width: 18px !important;height: 18px !important;}
.ui-dialog-titlebar-close:focus {
    outline: none !important;
    box-shadow: none !important;
}
@media all and (max-width: 1250px) {
    .frontBannerContent > .leftSide {width: 55%;}
    .frontBannerContent > .leftSide > h1 {
        font-size: 43px;
    }
    .investmentBoxes {justify-content: center;}
}
@media all and (max-width: 1050px) {
    .frontBannerContent > .leftSide {width: 50%;padding-left: 35px;}
    .oneNews {margin-bottom: 25px;}
}
@media all and (max-width: 1000px) {
    .statisticsHolder > .oneColumn > .top {gap: 10px;padding-left: 25px;padding-right: 25px;}
    .frontBannerContent > .rightSide {background-size: contain;}
}

@media all and (max-width: 800px) {
    .frontBannerContent {flex-direction: column-reverse;}
    .frontBannerContent > .leftSide {padding-left: 20px;width: 100%;padding-right: 20px;}
    .frontBannerContent > .leftSide > h1 {font-size: 31px;}
    .frontBannerContent > .rightSide {height: 345px;background-size: contain;margin:0 auto;width: 70%;margin-bottom: 20px;}
    .oneBoxHolder {display: flex;flex-direction: column;justify-content: center;align-items: center;margin-bottom: 50px;}
    .gradientHolder {background: radial-gradient(circle at center, rgb(211 219 242 / 50%) 50%, rgba(255, 255, 255, 0) 100%), linear-gradient(white, white);}
    .whiteTriangle {width: 146px;}
    .greenTriangle {width: 28vw;left: -50px;}

    .bannerButton {margin-top: 30px;margin-bottom: 30px;}

    .heroTextHolder > .text {font-size: 28px;line-height: 33px;}

    .teamHolder {margin: 40px auto;}
    .teamRosterHolder {flex-direction: column;}
    .oneBoxHolder > .oneBoxTextHolder {width: 250px;}
    .memberName {font-size: 36px;}
    .additionalText {font-size: 22px;}
}

@media all and (max-width: 700px) {
    .statisticsHolder {flex-direction: column;overflow: hidden;}
    .investmentBoxes {justify-content: center;}
    .heroTextHolder {padding-left: 20px;margin: 40px auto;padding-right: 20px;}

    .frontBannerHolder {width: 95%;}

    .frontBannerContent {height: auto;}
}

@media all and (max-width: 500px) {
    .fp-header{height:200px;}
    .fp-intro > .actions{padding:0px 20px;}
    .fp-intro > .actions > .get-started{width:100%;}

    .whiteTriangle {width: 28vw;}
}