.comp-header {
    background: url(/img/logo-background.58a85335.svg);
    background-repeat: no-repeat;
    position: absolute;
    padding: 8px 10px;
    background-position: 8px 0;
    background-size: 250px 125px;
    height: 115px;
    left: 0;
    top: 0;
    right: 0;
    z-index: 99
}

.comp-header__nav {
    --active-w: 0px;
    --translate-x: 0px;
    --expanded-w: 0px;
    --extra-padding: 48px;
    position: fixed;
    bottom: -60px;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    border-radius: 100px;
    box-shadow: 0 8px 20px rgba(33, 33, 33, .12);
    overflow: hidden;
    white-space: nowrap;
    transition: width .35s ease, transform .35s ease;
    width: calc(var(--active-w) + var(--extra-padding));
    height: 60px;
    display: flex;
    border: 1px solid #046ee1;
    animation: slideUpNav .6s ease-out forwards;
    animation-delay: 1.5s;
    min-width: 100px
}

.comp-header__nav.hidden {
    transform: translate(-50%, 100px)
}

@keyframes slideUpNav {
    to {
        bottom: 15px
    }
}

.comp-header__nav:hover {
    width: calc(var(--expanded-w) + var(--extra-padding))
}

.comp-header__nav:hover ul {
    transform: translateX(0)
}

.comp-header__nav:hover .nav-item {
    opacity: 1;
    transform: scale(1)
}

.comp-header__nav:hover .nav-item:after {
    opacity: 1
}

.comp-header__nav ul {
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
    height: 100%;
    transform: translateX(var(--translate-x));
    transition: transform .35s ease;
    background: #046ee1;
    margin-left: -3px;
    position: relative
}

.comp-header__nav ul:after {
    content: "";
    position: absolute;
    left: 0;
    right: -20px;
    top: 0;
    bottom: 0;
    background: #046ee1;
    z-index: -1
}

.comp-header__nav ul li.nav-item {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
    cursor: pointer;
    opacity: 0;
    transform: scale(.85);
    transition: opacity .25s ease, transform .25s ease;
    position: relative
}

.comp-header__nav ul li.nav-item:after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    bottom: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 15px;
    background: hsla(0, 0%, 100%, .5);
    opacity: 0
}

.comp-header__nav ul li.nav-item:last-child:after {
    display: none
}

.comp-header__nav ul li.nav-item.active {
    opacity: 1;
    transform: scale(1)
}

.comp-header__nav ul li.nav-item.active a {
    color: #fff
}

.comp-header__nav ul li a {
    text-decoration: none;
    padding: 10px 7px;
    font-size: 1.6rem;
    text-transform: capitalize;
    color: hsla(0, 0%, 100%, .5);
    text-transform: uppercase;
    transition: all .5s ease-in-out
}

.comp-header__nav ul li a:hover {
    color: #fff
}

.comp-header__logo svg {
    max-width: 190px
}

.comp-header__hamburgerMenu {
    display: none
}

.comp-header__menu-label {
    padding: 0 20px 0 22px;
    font-size: 1.6rem;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    background: #fff;
    z-index: 2
}

@media(min-width:768px) {
    .comp-header {
        background-position: 14px -2px;
        background-size: 260px 138px;
        height: 175px
    }

    .comp-header__wrapper {
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .comp-header__logo {
        text-align: center
    }

    .comp-header__logo svg {
        max-width: 220px
    }
}

@media(min-width:992px) {
    .comp-header {
        padding: 20px 5px;
        background-position: 14px 0;
        background-size: 357px 186px;
        height: 175px
    }

    .comp-header__logo svg {
        max-width: 255px;
        margin-left: 15px;
        margin-top: 5px
    }
}

.comp-footer {
    background: #008b00;
    padding: 45px 15px;
    text-align: center;
    color: #fff;
    position: relative
}

.comp-footer__copyRight {
    font-size: 1.6rem;
    font-weight: 300
}

.comp-footer__left-col {
    text-align: center
}

.comp-footer__left-col ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 20px 0 25px
}

.comp-footer__left-col ul li {
    margin: 0 20px;
    position: relative
}

.comp-footer__left-col ul li:before {
    content: "";
    display: block;
    position: absolute;
    background: hsla(0, 0%, 100%, .5);
    height: 15px;
    width: 1px;
    left: -20px;
    top: 50%;
    bottom: 0;
    transform: translateY(-50%)
}

.comp-footer__left-col ul li:first-child:before {
    display: none
}

.comp-footer__left-col ul li a {
    text-decoration: none;
    font-weight: 300;
    color: #fff;
    transition: all .5s ease-in-out
}

.comp-footer__left-col ul li a:hover {
    color: #bcdfc1
}

.comp-footer__social {
    text-align: right
}

.comp-footer__social ul {
    display: flex;
    padding: 0 0;
    justify-content: center
}

.comp-footer__social ul li {
    margin: 0 5px
}

.comp-footer__social ul li path,
.comp-footer__social ul li svg {
    fill: #bcdfc1;
    transition: all .5s ease-in-out
}

.comp-footer__social ul li a:hover path {
    fill: #fff
}

@media(min-width:768px) {
    .comp-footer {
        padding: 45px 15px 40px
    }

    .comp-footer__content {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap
    }

    .comp-footer__left-col {
        text-align: left
    }

    .comp-footer__left-col ul {
        padding: 15px 0 0;
        justify-content: flex-start
    }

    .comp-footer__left-col ul li {
        margin: 0 40px 0 0
    }
}

.comp-hero {
    min-height: 500px;
    display: flex;
    align-items: center;
    background: url(/img/hero-bg.e90cf0e0.jpg) no-repeat;
    background-size: cover;
    background-position: 100%;
    margin: 15px;
    border-radius: 20px;
    position: relative;
    overflow: hidden;
    height: calc(100vh - 110px)
}

.comp-hero:before {
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    z-index: 3;
    background: #2a7b9b;
    background: linear-gradient(0deg, rgba(188, 223, 193, .99) 35%, rgba(188, 223, 193, .95) 70%, rgba(4, 110, 225, .65))
}

.comp-hero__arrow {
    position: relative;
    min-width: 30px;
    height: 100%;
    display: inline-block
}

.comp-hero__arrow:before {
    content: "";
    position: absolute;
    background-color: #27af36;
    left: 0;
    top: 0;
    width: 8px;
    height: 30px;
    left: calc(50% - 1px);
    top: calc(50% + 4px);
    transform-origin: center center;
    border-radius: 1px;
    transform: translate(-50%, -50%);
    transform: translate(-50%, -50%) rotate(26deg) skewY(-30deg);
    animation: heightToggle 1s ease-in-out 4 alternate forwards;
    animation-delay: 1.5s
}

.comp-hero__arrow:after {
    content: ".";
    position: absolute;
    left: calc(50% + 4px);
    top: 1px;
    line-height: 0;
    font-size: 4rem;
    color: #27af36;
    display: none
}

.comp-hero__arrow span {
    color: transparent
}

.comp-hero__arrow svg {
    position: absolute;
    width: 100px !important;
    height: 90px !important;
    left: calc(50% - 10px);
    top: calc(50% + 15px);
    transform: translate(-50%, -50%);
    z-index: 7
}

.comp-hero h1 {
    max-width: 570px;
    padding: 0 0 4rem;
    line-height: 5rem;
    min-height: 150px
}

.comp-hero__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #212121;
    position: relative;
    z-index: 9;
    padding: 100px 15px 0;
    text-align: center
}

.comp-hero__content svg {
    max-width: 300px;
    height: 100%
}

.comp-hero__content p {
    max-width: 650px;
    font-size: 1.7rem;
    line-height: 3rem;
    font-weight: 300
}

.comp-hero__content .btn {
    margin-top: 3rem
}

.comp-hero__video {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1
}

.comp-hero__iframe {
    width: 100%;
    height: 100%
}

.comp-hero__access {
    width: 100%
}

.comp-hero__access>p {
    font-weight: 400
}

.comp-hero__form-item {
    max-width: 420px;
    padding: 4px;
    display: flex;
    flex-direction: column;
    position: relative
}

.comp-hero__form-item input {
    background: rgba(232, 240, 254, .8);
    border: none;
    padding: 15px 10px;
    flex: 1;
    font-weight: 300;
    margin-bottom: 10px;
    border-radius: 12px 12px 0 0;
    text-align: center
}

.comp-hero__form-item button {
    border: none;
    baCkground: #046ee1;
    padding: 15px 20px;
    color: #fff;
    border-radius: 0 0 12px 12px
}

.comp-hero__error-field,
.comp-hero__success-field {
    font-size: 1.6rem !important;
    position: absolute;
    left: 0;
    top: calc(100% + 1px)
}

.comp-hero__error-field {
    color: red
}

.comp-hero__success-field {
    color: #006400
}

.comp-hero--interior .comp-hero__content {
    color: #fff
}

@media(min-width:768px) {
    .comp-hero h1 {
        line-height: 6rem
    }

    .comp-hero__access {
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .comp-hero__access form {
        max-width: 460px;
        width: 100%
    }

    .comp-hero__form-item {
        background: rgba(232, 240, 254, .8);
        padding: 4px;
        border-radius: 0 12px 0 12px;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        max-width: 550px;
        width: 100%
    }

    .comp-hero__form-item input {
        background: none !important;
        margin-bottom: 0;
        text-align: left;
        padding: 15px
    }

    .comp-hero__form-item button {
        border-radius: 4px 10px 0 4px;
        transition: all .25s ease-in-out
    }

    .comp-hero__form-item button:hover {
        background: #55bc63
    }
}

@media(min-width:992px) {
    .comp-hero.section-gap {
        padding: 100px 0
    }

    .comp-hero__content svg {
        max-width: 450px
    }

    .comp-hero__content p {
        font-size: 2rem
    }
}

@media(min-width:1200px) {
    .comp-hero {
        display: flex;
        align-items: center;
        height: calc(100vh - 30px);
        min-height: 300px;
        margin-top: 0
    }

    .comp-hero:before {
        background: #2a7b9b;
        background: linear-gradient(90deg, rgba(188, 223, 193, .85) 35%, rgba(4, 110, 225, .25) 60%, rgba(4, 110, 225, .25))
    }

    .comp-hero__content {
        display: inherit;
        padding-left: 100px;
        text-align: left
    }

    .comp-hero__access {
        align-items: flex-start
    }

    .comp-hero--interior {
        height: 350px
    }

    .comp-hero--interior:before {
        background: rgba(4, 110, 225, .75);
        background: linear-gradient(90deg, rgba(4, 110, 225, .85), rgba(39, 175, 54, .78))
    }

    .comp-hero--interior h1 {
        padding-bottom: 0
    }
}

.draw {
    fill: none;
    stroke: #27af36;
    stroke-width: 9;
    stroke-linecap: round;
    stroke-dasharray: 200;
    stroke-dashoffset: 200;
    animation: draw 2s ease forwards;
    transform: translate(-4px, 8px);
    animation-delay: 5s
}

@keyframes draw {
    to {
        stroke-dashoffset: 0
    }
}

.arrow {
    opacity: 0;
    transform-origin: center;
    animation: showArrow 0s ease forwards;
    animation-delay: 5.7s
}

@keyframes showArrow {
    to {
        opacity: 1
    }
}

@keyframes heightToggle {
    0% {
        height: 30px
    }

    to {
        height: 8px;
        width: 7px;
        border-radius: 4px;
        transform: translate(-50%, -50%) rotate(0deg) skewY(0deg);
        background: #046ee1
    }
}

.comp-feature {
    overflow-x: hidden;
    margin: 0 15px
}

.comp-spotlight__col {
    background: #e0edfb;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 25px;
    position: relative;
    overflow: hidden;
    margin-bottom: 40px
}

.comp-spotlight__content {
    padding: 35px 25px;
    max-width: 600px;
    margin: 0 auto;
    text-align: center;
    position: relative
}

.comp-spotlight__content p {
    line-height: 2.9rem
}

.comp-spotlight__content p strong {
    font-weight: 500;
    color: #046ee1
}

.comp-spotlight__content p strong em,
.comp-spotlight__content p strong span {
    color: #27af36;
    font-style: normal
}

.comp-spotlight__content img,
.comp-spotlight__content svg {
    min-width: 56px
}

.comp-spotlight__content h2 {
    padding: 25px 0
}

.comp-security__col {
    background: rgba(188, 223, 193, .25);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 25px;
    position: relative
}

.comp-security__content {
    max-width: 600px;
    margin: 0 auto;
    padding: 35px 25px
}

.comp-security__content ul li {
    position: relative;
    padding: 20px 0 20px 45px;
    min-height: 75px;
    border-bottom: 1px solid rgba(39, 175, 54, .15)
}

.comp-security__content ul li:after {
    content: "";
    position: absolute;
    background: url(/img/bullet-tick.be81bbb2.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 27px;
    height: 27px;
    left: 0;
    top: 25px
}

.comp-security__content ul li:last-child {
    border: none
}

.comp-security__content ul li strong {
    font-weight: 500
}

@media(min-width:768px) {
    .comp-spotlight__content {
        padding: 75px 0
    }

    .comp-spotlight__content img,
    .comp-spotlight__content svg {
        min-width: 66px;
        max-width: 86px
    }
}

@media(min-width:1200px) {
    .comp-feature {
        margin-top: 50px
    }

    .comp-spotlight__col {
        margin-bottom: 0;
        border-radius: 25px 0 0 25px
    }

    .comp-security__col {
        border-radius: 0 25px 25px 0
    }
}

.comp-partnership {
    background: #ddf3d5;
    border-radius: 20px;
    padding: 50px 25px 0;
    overflow: hidden
}

.comp-partnership__content {
    position: relative;
    z-index: 3
}

.comp-partnership__content h2,
.comp-partnership__content p {
    padding: 0 0 10px
}

.comp-partnership__content .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.comp-partnership__img {
    position: relative;
    padding: 10px 0 50px
}

.comp-partnership__img:after {
    content: "";
    position: absolute;
    left: -30px;
    right: -30px;
    bottom: -25px;
    background: url(data:image/png;base64,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) no-repeat;
    background-position: bottom;
    background-size: 120%;
    height: 500px;
    z-index: 1
}

.comp-partnership__img img {
    position: relative;
    z-index: 2
}

@media(min-width:992px) {
    .comp-partnership__img:after {
        background-size: 100%;
        bottom: -50px
    }

    .comp-partnership .btn--primary {
        margin-bottom: 0
    }
}

@media(min-width:1200px) {
    .comp-partnership {
        padding: 30px 80px
    }

    .comp-partnership__img {
        text-align: center
    }

    .comp-partnership__img:after {
        background-size: 90%;
        bottom: -120px;
        left: -120px
    }
}

.comp-table__table table {
    border: 1px solid rgba(33, 33, 33, .12);
    position: relative
}

.comp-table__table table tr td {
    padding: 15px 20px;
    border: 1px solid rgba(33, 33, 33, .12)
}

.comp-table__table table thead td,
.comp-table__table table thead tr {
    background: rgba(33, 33, 33, .03);
    font-weight: 700;
    letter-spacing: .05rem;
    text-transform: uppercase;
    padding: 25px 20px
}

.comp-table__table table thead tr td:last-child {
    background-color: #27af36;
    color: #fff
}

.comp-table__table table tbody tr td:last-child {
    background: rgba(39, 175, 54, .1)
}

@media(min-width:1200px) {
    .comp-table__table {
        border: 1px solid rgba(33, 33, 33, .12);
        border-radius: 25px;
        border-right: none;
        border-top: none;
        margin: 15px 0 0
    }

    .comp-table__table table {
        border-radius: 25px;
        overflow: hidden;
        margin: 0
    }
}

.comp-founder.section-gap {
    padding-left: 15px;
    padding-right: 15px
}

.comp-founder__profile {
    position: relative;
    max-width: 550px;
    width: 75%;
    margin: 0 auto 40px
}

.comp-founder__profile img {
    max-width: 550px;
    border-radius: 0 25px 0 25px;
    width: 100%
}

.comp-founder__profile:before {
    content: "";
    position: absolute;
    left: 20px;
    right: 0;
    top: -20px;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(85, 188, 99, .35);
    z-index: -1;
    border-radius: 25px 0 25px 0
}

.comp-founder__content strong {
    font-weight: 500
}

@media(min-width:1200px) {
    .comp-founder__profile {
        width: 85%;
        margin: 0
    }

    .comp-founder__profile:before {
        left: 40px;
        top: -40px
    }
}

@media(min-width:1400px) {
    .comp-founder__profile {
        width: 100%
    }
}

.comp-partner.section-gap {
    padding-left: 15px
}

.comp-partner-grid__item {
    background: hsla(0, 0%, 100%, .65);
    padding: 35px 35px 20px;
    border-radius: 6px;
    margin: 0 0 20px;
    height: calc(100% - 17px);
    position: relative;
    box-shadow: 1px 2px 5px rgba(33, 33, 33, .1);
    border: 1px solid rgba(33, 33, 33, .15)
}

.comp-partner-grid__item>p:first-child strong {
    position: relative;
    margin-bottom: 20px
}

.comp-partner-grid__item>p:first-child strong:after {
    content: "";
    position: absolute;
    left: 0;
    top: 100%;
    width: 40px;
    height: 3px;
    background: #27af36
}

.comp-partner-grid__item ul {
    padding: 0 0 20px 20px
}

.comp-partner-grid__item ul li {
    list-style: disc
}

.comp-terms.section-gap {
    padding-left: 15px;
    padding-right: 15px
}

.comp-terms__item {
    padding: 0 0 25px
}

.comp-terms p,
.comp-terms__item p {
    padding-bottom: 5px
}

.comp-terms .h3 {
    font-size: 2.2rem
}

body,
html {
    position: relative;
    height: 100%;
    width: 100%
}

img {
    max-width: 100%;
    border: none
}

a[href^=tel] {
    color: inherit;
    text-decoration: none
}

*,
:after,
:before {
    box-sizing: border-box
}

*,
:after,
:before,
h1,
h2,
h3,
h4,
h5,
h6,
li,
ol,
p,
ul {
    margin: 0;
    padding: 0;
    list-style: none
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    text-decoration: none
}

a {
    outline: none;
    text-decoration: underline;
    color: #212121
}

a:focus,
a:hover {
    color: inherit;
    outline: none;
    text-decoration: none
}

a:hover {
    color: #212121
}

button:focus,
input:focus {
    outline: none
}

input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0
}

button,
button:focus,
button:hover,
ol li:focus,
ul li:focus {
    outline: none
}

.clearfix:after {
    content: "";
    clear: both;
    display: block
}

html {
    font-size: 10px
}

body {
    font: 400 1.6rem/1.6 Fira Sans, Arial, sans-serif, serif;
    color: #212121
}

.h1,
.h2,
.h3,
.h4,
h1,
h2,
h3,
h4 {
    font-weight: 700;
    line-height: 1.1;
    padding-bottom: 20px
}

.h1,
h1 {
    font-size: 4rem
}

.h2,
h2 {
    font-size: 2.5rem
}

.h3,
h3 {
    font-size: 2.2rem
}

.h4,
h4 {
    font-size: 2rem
}

@media(min-width:768px) {

    .h1,
    h1 {
        font-size: 4.7rem
    }

    .h2,
    .h3,
    .h4,
    h2,
    h3,
    h4 {
        line-height: 1.4;
        padding-bottom: 15px
    }
}

@media(min-width:1200px) {

    .h2,
    h2 {
        font-size: 3.5rem
    }

    .h3,
    h3 {
        font-size: 2.6rem
    }
}

.btn {
    font-size: 1.5rem;
    font-weight: 400;
    border-radius: 6rem;
    min-width: 150px;
    text-decoration: none;
    text-align: center;
    transition: all .5s ease-in-out;
    border: 2px solid #046ee1;
    padding: 1.5rem 2.5rem;
    margin: 2.5rem 0;
    color: #046ee1
}

.btn--primary,
.btn:hover {
    background: #046ee1;
    color: #fff
}

.btn--primary {
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.btn--primary:hover {
    background: #27af36
}

.btn--primary:hover .btn-icon-wrapper {
    background: #046ee1
}

.btn--primary:active,
.btn--primary:focus,
.btn--primary:focus-visible {
    background-color: #27af36 !important;
    color: #fff !important
}

.btn .btn-text {
    padding-right: 15px
}

.btn .btn-icon-wrapper {
    position: relative;
    background: #27af36;
    width: 32px;
    height: 32px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .5s ease-in-out
}

@media(min-width:992px) {
    .btn {
        font-size: 1.6rem;
        padding: 1.8rem 3rem;
        min-width: 200px
    }
}

.section-gap {
    padding: 25px 0
}

.page-content {
    padding-bottom: 75px
}

.container {
    padding-left: 15px;
    padding-right: 15px
}

p {
    padding-bottom: 2rem
}

.interior-page {
    background: rgba(188, 223, 193, .25);
    margin: 0;
    position: relative;
    padding: 140px 0 0;
    border-top: 15px solid #fff
}

.interior-page:before {
    content: "";
    position: fixed;
    left: 0;
    top: 0;
    width: 15px;
    height: 100vh;
    background: #fff
}

.comp-twoCol__content {
    max-width: 650px
}

.comp-twoCol__content h2 {
    padding-bottom: 1rem
}

.comp-twoCol__image {
    max-width: 560px;
    margin-left: auto
}

.comp-twoCol--imgLeft .comp-twoCol__image {
    margin-left: 0
}

.comp-twoCol--imgLeft .comp-twoCol__content {
    margin-left: auto
}

.page-title {
    margin: 0 0 35px 0;
    position: relative
}

.page-title h1 {
    color: #046ee1;
    font-size: 3rem;
    position: relative;
    display: inline-block;
    letter-spacing: .05rem
}

.page-title h1:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 10px;
    height: 3px;
    width: 100%;
    background: #27af36
}

.comp-bullets {
    padding: 0 0 20px 20px
}

.comp-bullets li {
    list-style: disc
}

@media(min-width:768px) {
    .comp-twoCol--imgLeft .col-lg-7 {
        order: 2
    }

    .comp-twoCol--imgLeft .col-lg-5 {
        order: 1
    }
}

@media(min-width:992px) {
    .section-gap {
        padding: 55px 0
    }
}

@media(min-width:1200px) {
    body {
        border-top: 15px solid #fff
    }

    main {
        min-height: 100%;
        display: flex;
        flex-direction: column
    }

    .page-content {
        flex: 1
    }
}

.comp-opportunity {
    padding: 20px 0;

    position: relative;
    overflow: hidden
}

.comp-opportunity__headline {
    text-align: center;
    max-width: 900px;
    margin: 0 auto 15px;
    color: #212121;
    font-size: 3.5rem;
    font-weight: 700;
    line-height: 1.2
}

.comp-opportunity__subheadline {
    text-align: center;
    max-width: 750px;
    margin: 0 auto 45px;
    color: #212121;
}



.comp-opportunity__card {
    flex: 1;
    min-width: 300px;
    max-width: 500px;
    background: #fff;
    border-radius: 24px;
    padding: 35px 35px 20px;
    box-shadow: 1px 2px 5px rgba(33, 33, 33, .1);
    border: 1px solid rgba(33, 33, 33, .15);
    transition: transform .3s ease
}

.comp-opportunity__card:hover {
    transform: translateY(-5px)
}

.comp-opportunity__card--distraction {
    border-top: 6px solid #ff4d4d;
    background: linear-gradient(180deg, #fff 0, #fff9f9 100%)
}

.comp-opportunity__card--focus {
    border-top: 6px solid #27af36;
    background: linear-gradient(180deg, #fff 0, #f9fff9 100%)
}

.comp-opportunity__card-title {
    font-size: 2.4rem;
    font-weight: 700;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    gap: 10px
}

.comp-opportunity__card--distraction .comp-opportunity__card-title {
    color: #d32f2f
}

.comp-opportunity__card--focus .comp-opportunity__card-title {
    color: #27af36
}

.comp-opportunity__list {
    list-style: none;
    padding: 0
}

.comp-opportunity__item {
    padding: 15px 0;
    font-size: 1.6rem;
    display: flex;
    align-items: flex-start;
    gap: 12px;
    border-bottom: 1px solid rgba(0, 0, 0, .05)
}

.comp-opportunity__item:last-child {
    border-bottom: none
}



.comp-opportunity__footer {
    text-align: center;
    margin-top: 40px;
    font-size: 2rem;
    font-weight: 500;
    color: #666;
    font-style: italic
}

/* Visual Enhancements */
.comp-opportunity__card-wrapper {
    display: flex;
    justify-content: center;
    gap: 30px;
    flex-wrap: wrap;
    position: relative;
    /* VS positioning */
}

/* VS Badge */
.comp-opportunity__vs {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    padding: 12px;
    border-radius: 50%;
    font-weight: 900;
    color: #ccc;
    font-size: 1.4rem;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
}

@media (max-width: 900px) {
    .comp-opportunity__vs {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 50px;
        height: 50px;
        background: #fff;
        border-radius: 50%;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
        font-weight: 800;
        color: #999;
        font-size: 1.4rem;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 2;
    }

    @media (max-width: 991px) {
        .comp-opportunity__vs {
            position: relative;
            top: auto;
            left: auto;
            transform: none;
            margin: 20px auto;
        }
    }

}

/* Item Overrides */
.comp-opportunity__item {
    font-size: 1.8rem;
    padding-left: 35px;
    /* Icon space */
    position: relative;
    margin-bottom: 2rem;
    line-height: 1.5;
}

/* Icons Overrides - specific selectors to win specificity */
.comp-opportunity__card--distraction .comp-opportunity__item::before {
    content: "🔴";
    position: absolute;
    left: 0;
    top: 16px;
    font-size: 1.2rem;
    line-height: 2.7rem;
    font-weight: normal;
}

.comp-opportunity__card--focus .comp-opportunity__item::before {
    content: "✅";
    position: absolute;
    left: 0;
    top: 16px;
    font-weight: bold;
    font-size: 1.8rem;
    line-height: 2.7rem;
}

/* Bold */
.comp-opportunity__item b {
    font-weight: 700;
    color: inherit;
}

/* Footer Override */
.comp-opportunity__footer {
    text-align: center;
    font-size: 2.4rem;
    font-weight: 600;
    margin-top: 60px;
    color: #333;
    display: block;
    font-style: italic;
}


@media(max-width:768px) {
    .comp-opportunity {
        padding: 60px 15px;
        background-color: transparent;
    }

    .comp-opportunity__card {
        background-color: #fff;
        border-radius: .5rem;
        box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
        padding: 1.5rem;
        height: 100%;
        transition: transform 0.3s ease;
        border: none;
        position: relative;
    }

    @media (min-width: 992px) {
        .comp-opportunity__card {
            padding: 3rem;
        }
    }

    .comp-opportunity__card:hover {
        transform: translateY(-5px);
        box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
    }

    .comp-opportunity__card--distraction {
        border-left: 4px solid #ff4d4d;
        border-top: none;
    }

    .comp-opportunity__card--distraction:before {
        display: none;
    }

    .comp-opportunity__card--focus {
        border-left: 4px solid #27af36;
        border-top: none;
    }

    .comp-opportunity__card--focus:before {
        display: none;
    }

    .comp-opportunity__card-title {
        font-size: 2rem;
        /* Matching Mission/Hero subheads */
        font-weight: 700;
        margin-bottom: 30px;
        display: flex;
        align-items: center;
        gap: 12px;
    }

    .comp-opportunity__card--distraction .comp-opportunity__card-title {
        color: #d32f2f
    }

    .comp-opportunity__card--focus .comp-opportunity__card-title {
        color: #27af36
    }

    .comp-opportunity__list {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .comp-opportunity__item {
        padding: 18px 0;
        font-size: 1.7rem;
        color: #4a4a4a;
        display: flex;
        align-items: flex-start;
        gap: 15px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.04);
        position: relative;
        padding-left: 35px;
        /* Space for icon */
    }

    /* Custom Icons using pseudo-elements */
    .comp-opportunity__card--distraction .comp-opportunity__item:before {
        content: "✕";
        position: absolute;
        left: 0;
        top: 20px;
        /* Align with text */
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background: rgba(255, 77, 77, 0.1);
        color: #ff4d4d;
        font-size: 10px;
        font-weight: bold;
        display: flex;
        align-items: center;
        justify-content: center;
        line-height: 1;
    }

    .comp-opportunity__card--focus .comp-opportunity__item:before {
        content: "✓";
        position: absolute;
        left: 0;
        top: 20px;
        /* Align with text */
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background: rgba(39, 175, 54, 0.1);
        color: #27af36;
        font-size: 11px;
        font-weight: bold;
        display: flex;
        align-items: center;
        justify-content: center;
        line-height: 1;
    }

    .comp-opportunity__item:last-child {
        border-bottom: none
    }



    .comp-opportunity__footer {
        text-align: center;
        margin-top: 60px;
        font-size: 2.2rem;
        font-weight: 700;
        color: #1a1a1a;
        letter-spacing: -0.5px;
    }

    @media(max-width:768px) {
        .comp-opportunity {
            padding: 40px 15px
        }

        .comp-opportunity__card {
            padding: 25px
        }

        .comp-opportunity__headline {
            font-size: 2.8rem
        }

        .comp-opportunity__subheadline {
            font-size: 1.8rem
        }
    }

    /* Hero Refinements */
    /* Stronger White Overlay for Contrast */
    .comp-hero:before {
        background: linear-gradient(0deg, rgba(255, 255, 255, 0.95) 20%, rgba(255, 255, 255, 0.85) 60%, rgba(255, 255, 255, 0.4)) !important;
    }

    .comp-hero h1 {
        font-weight: 800;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
        color: #000;
    }

    .comp-hero__subheadline {
        color: #1a1a1a !important;
        font-size: 2rem !important;
        font-weight: 500 !important;
        margin-bottom: 44px !important;
        line-height: 1.5;
        text-shadow: none;
    }

    .comp-hero__access>p {
        color: #1a1a1a !important;
        font-weight: 600 !important;
        font-size: 1.8rem;
        margin-bottom: 30px !important;
    }

    .comp-hero__form-item button {
        background-color: #046ee1;
        color: #ffffff !important;
        font-weight: 600;
        padding: 18px 28px !important;
        font-size: 1.6rem;
        transition: all 0.3s ease;
        box-shadow: 0 4px 12px rgba(4, 110, 225, 0.3);
    }

    .comp-hero__form-item button:hover {
        background-color: #0356b3 !important;
        transform: translateY(-2px);
        box-shadow: 0 6px 16px rgba(4, 110, 225, 0.4);
    }

    .comp-hero__content>p:last-child {
        margin-top: 60px !important;
        color: #1a1a1a !important;
        font-weight: 500 !important;
        font-size: 1.6rem;
    }

}

/* Mission Section Styles */
.comp-mission {
    padding: 60px 0;
    position: relative;
    overflow: hidden;
}

.comp-mission__box {
    height: 100%;
    transition: transform 0.3s ease;
    background-color: #fff;
    border-radius: .5rem;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
    padding: 1.5rem;
}

@media (min-width: 992px) {
    .comp-mission__box {
        padding: 3rem;
    }
}

.comp-mission__box:hover {
    transform: translateY(-5px);
}

/* Scoped utilities to ensure they apply */
.comp-mission .border-start {
    border-left: 1px solid #dee2e6;
}

.comp-mission .border-4 {
    border-width: 4px !important;
}

.comp-mission .border-primary {
    border-color: #046ee1 !important;
}

.comp-mission .border-success {
    border-color: #27af36 !important;
}

.comp-mission .text-muted {
    color: #212121 !important;
}

.comp-mission .text-primary {
    color: #046ee1 !important;
}

.comp-mission .fw-bold {
    font-weight: 700 !important;
}

.comp-mission .lead {
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 1.6;
}

.comp-mission p {
    font-size: 1.6rem;
}

.comp-mission .shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
}

.comp-mission .bg-white {
    background-color: #fff !important;
}

.comp-mission .rounded-3 {
    border-radius: .3rem !important;
}

.comp-mission .h-100 {
    height: 100% !important;
}

.comp-mission .mb-3 {
    margin-bottom: 1rem !important;
}

.comp-mission .mb-5 {
    margin-bottom: 3rem !important;
}