.cta-2-col-wrapper {padding-top: 120rem; padding-bottom: 200rem; position: relative;}
.cta-2-col-wrapper.default-bg {background: transparent linear-gradient(62deg,#027fb0 0,#090924 100%) 0 0 no-repeat padding-box;}
.cta-2-col-wrapper .row.content-width.cta-boxes, .nonproduct .np-container .cta-boxes {display: flex; justify-content: center; margin-top: 35rem; position: relative; z-index: 2;}
.cta-2-col-wrapper .cta-boxes .cta-box {display: flex; flex-direction: column; align-items: center; width: calc(100% / 4); margin-right: 7px; margin-left: 7px; position: relative; justify-content: space-between; cursor: pointer; padding: 45rem 20rem;}
.cta-2-col-wrapper .cta-boxes .cta-box::before {mix-blend-mode: multiply; content:""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #090924 0 0 no-repeat padding-box; z-index: 0; opacity: .3; backdrop-filter: blur(32px);border-radius: 10px; transition: all .3s ease-in-out;}
.cta-2-col-wrapper .cta-box:hover .cta-box-icon, .nonproduct .np-container .cta-box:hover .cta-box-icon {transform: scale(1.2);}
.cta-2-col-wrapper .cta-boxes .cta-box:hover::before {transform: scale(1.05); opacity: .6;}
.cta-2-col-wrapper .cta-box:hover a.btn-primary-green-on-dark {background: 0 0; color: #fff;}
.cta-2-col-wrapper .cta-box .cta-box-icon {transition: all .3s ease-in-out; display: flex; justify-content: center;}
.cta-2-col-wrapper .cta-boxes .cta-box svg, .nonproduct .np-container .cta-boxes .cta-box svg {fill: #3bcff0; transition: all 0.6s; padding-left: 5px; left: 0;}
.cta-2-col-wrapper .cta-boxes .cta-box svg.fis-icon-arrow, .nonproduct .np-container .cta-boxes .cta-box svg.fis-icon-arrow {position: relative; top: 2px; width: 1.8em;}
.cta-2-col-wrapper .cta-boxes .cta-box:hover .fis-icon-arrow, .nonproduct .np-container .cta-boxes .cta-box:hover svg.fis-icon-arrow {left: 5rem;}
.cta-2-col-wrapper .cta-boxes .cta-box p, .nonproduct .np-container .cta-boxes .cta-box p {font-size: 18px;}
.cta-2-col-wrapper .cta-box-description, .cta-2-col-wrapper .cta-box-icon {position: relative; z-index: 9;}
.cta-2-col-wrapper .cta-box-link {position: relative; z-index: 99;}
.cta-2-col-wrapper .cta-box-icon img, .cta-2-col-wrapper .cta-box-icon svg {min-width: 36px; min-height: 36px;}
.cta-2-col-wrapper .module-title-link {color: #fff;}
.cta-2-col-wrapper .cta-box:hover a.module-title-link, .nonproduct .np-container .cta-box:hover a.module-title-link {color: #4bcd3e;}
.cta-2-col-wrapper .cta-box:hover a.module-title-link .fis-icon-arrow, .nonproduct .np-container .cta-box:hover a.module-title-link .fis-icon-arrow {fill: #4bcd3e !important; margin-left: 15rem;}
.cta-2-col-wrapper .module-title-link svg {width: 1.5em;}

.cta-2-col-wrapper.nonproduct {padding-top: 120rem; padding-bottom: 120rem;}
.nonproduct .np-container {display: flex;}
.nonproduct .np-container .col50 {width: calc(100%/2); flex: 1;}
.nonproduct .np-container .col50 + .col50 {display: flex; flex-direction: column; justify-content: flex-end;}
.nonproduct .np-container .np-assets {max-width: 350px; width: 100%; padding-bottom: 60rem;}
.nonproduct .np-container h2 {font-family: 'Roobert Light',sans-serif; font-weight: 400; line-height: 1.2; font-size: 65rem;}
.nonproduct .np-container .np-intro {max-width: 75%;}
.nonproduct .np-container .cta-boxes .cta-box {flex: 1;}
.nonproduct .np-container .cta-boxes {padding-bottom: 60rem;}
.nonproduct .highlight {position: absolute; left: 50%; bottom: 30%; background: #fff; background: radial-gradient(circle, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0) 72%); transform: translateX(-50%); opacity: .65; z-index: 2; border-radius: 50%; width: calc(114vw); height: 20vh; background: radial-gradient(rgb(255, 255, 255, .64), rgb(255, 255, 255, .0) 68%); mix-blend-mode: overlay;}
.nonproduct .get-in-touch {margin-top: 40rem;margin-left: 7px; margin-right: 7px; position: relative;}
.nonproduct .get-in-touch h3 {margin-bottom: 15rem; font-family: 'Roobert Light', sans-serif;}
.nonproduct .get-in-touch a {color: #fff;}
.nonproduct .get-in-touch .field {font-size: 20rem; color: rgba(255, 255, 255, .65); transition: all .3s ease-in-out;}
.nonproduct .get-in-touch a.cta .field {background: rgba(0,0,0,.3); border-radius: 10px; padding: 22rem 20rem; display: flex; justify-content: space-between; transition: all .3s ease-in-out;}
.nonproduct .get-in-touch a.cta .field:hover {background: rgba(0,0,0,.6); color: rgba(255, 255, 255, 1);}
.nonproduct .get-in-touch .module-link-arrow-width {width: 24px; position: relative; top: 3px;}
.nonproduct .get-in-touch::after {content: ""; bottom: -80rem; position: absolute; border-radius: 50%; width: calc(105%); height: calc(100vw / 35); background: radial-gradient(rgba(0,0,0.9), #fff0 72%); mix-blend-mode: unset; opacity: .25;}
.nonproduct .np-container .np-assets video, .nonproduct .np-container .np-assets img {max-width: 100%;}
.nonproduct .cta-boxes .cta-box {border-radius: 10px; position: relative;}
.nonproduct .cta-boxes .cta-box .bgcolor {position: absolute; left: 0; right: 0; bottom: 0; top: 0; height: 100%; width: 100%; opacity: .3; transition: all .3s ease-in-out; border-radius: 10px; z-index: 3; background: #090924 0 0 no-repeat;}
.nonproduct .cta-boxes .cta-box .bgcolor:hover, .nonproduct .cta-boxes .cta-box .cta-box-description:hover + .cta-box-link + .bgcolor, .nonproduct .cta-boxes .cta-box .cta-box-link:hover + .bgcolor {transform: scale(1.05); opacity: .6;}
.nonproduct .cta-boxes .cta-box .bgcolor.fis-bg-blue-lagoon-blue {background: #090924 0 0 no-repeat !important;}
.nonproduct .cta-boxes .cta-box::before {display: none;}
.nonproduct .cta-box-link .btn-primary-green-on-dark, .nonproduct .cta-box-link .btn-primary-green-on-white {background: #4bcd3e; border-color: #4bcd3e;}
.nonproduct .cta-box-link .btn-primary-green-on-dark:hover {border-color: #4bcd3e;}
.nonproduct .cta-box-link .btn-primary-green-on-white:hover {border-color: #4bcd3e; background: transparent;}

@media (max-width: 991px) {
    .cta-2-col-wrapper .row.content-width.cta-boxes, .nonproduct .np-container .cta-boxes {flex-wrap: wrap;}
    .cta-2-col-wrapper .cta-boxes .cta-box {width: calc(50% - 14px)!important; flex-wrap: wrap; flex: auto; margin-bottom: 14px;}
    .nonproduct .np-container h2 {font-size: 60rem; text-align: center;}
    .nonproduct .np-container {display: block;}
    .nonproduct .np-container .col50 {width: 100%;}
    .nonproduct .np-container .np-intro {max-width: 100%; text-align: center;}
    .nonproduct .get-in-touch {margin-top: 0;}
    .nonproduct .get-in-touch h3 {text-align: center; font-weight: 400;}
    .nonproduct .np-container .np-assets {margin: 0 auto;}
}

@media (max-width: 768px) {
    .nonproduct .np-container .cta-boxes {flex-direction: column;}
}

@media (min-width: 577px) and (max-width: 768px) {
    .nonproduct .np-container .cta-boxes {flex-direction: row;}
}
    
@media(max-width: 576px) {
    .cta-2-col-wrapper .cta-boxes .cta-box {width: 100%!important; margin-right: 0; margin-left: 0;}
    .cta-2-col-wrapper {padding-bottom: 120rem;}
    .cta-2-col-wrapper h2 {margin-bottom: 45rem;}
    .cta-2-col-wrapper .cta-boxes .cta-box p, .nonproduct .np-container .cta-boxes .cta-box p {max-width: 320px; font-size: 16rem;}
    .nonproduct .np-container .np-assets {max-width: 150px;}
}
@media (max-height: 800px) {
    .nonproduct .np-container h2 {font-size: 42rem; margin-bottom: 8rem;}
}