.bg-color-header {
    background-color: #c4fdf3 !important
    }
.bg-blue {
    background-color: #3800a2
    }
.main-header {
    top: 0;
    position: relative;
    background-color: #c4fdf3;
    background-image: url(../img/Hero-BG.svg);
    z-index: 0;
    /*height: 100vh;*/
    width: 100%
    }
.main-container-full {
    min-height: calc(100vh - 880px)
    }
.platform-section {
    margin-top: 4rem;
    padding-top: 2rem;
    padding-bottom: 2rem
    }
.check-circle {
    background-color: #25F5CE;
    border-radius: 50%;
    width: 3rem;
    height: 3rem;
    text-align: center
    }
.x-circle {
    background-color: rgba(248, 43, 87, 0.3);
    color: #F82B57;
    border-radius: 50%;
    width: 3rem;
    height: 3rem;
    text-align: center
    }
.demo-test-input input {
    background: white;
    border-radius: 1.8125rem !important;
    height: 3.625rem;
    padding-right: 10.375rem;
    padding-left: 2rem
    }
.container .demo-test-input input.form-control:focus {
    z-index: 0 !important
    }
.demo-test-input button {
    border-radius: 1.8125rem !important;
    position: absolute !important;
    right: 0;
    height: 100%;
    width: 9rem;
    z-index: 9999
    }
.card-deck-publications .card-title {
    font-size: 1.5rem;
    font-family: Styrene A Bold
    }
.card-deck-publications .card-text {
    font-size: 1rem
    }
.card-deck-publications .badge {
    margin: 0.5rem
    }
.card-img, .card-img-top {
    border-top-left-radius: 9px;
    border-top-right-radius: 9px
    }
.with-elevation-secondary {
    box-shadow: 0 8px 16px -8px rgba(37, 245, 206, 0.16)
    }
.dark-footer {
    min-height: 450px
    }
/*LOGO ROTATION*/
.oval {
    box-sizing: border-box;
    height: 68.9px;
    width: 68.9px;
    border: 5.68px dashed #25f5ce;
    transform: rotate(89.5deg)
    }
.footer .social-link {
    color: white;
    font-size: 1.825rem;
    margin-right: 2.6875rem
    }
.usp-icon {
    text-align: center;
    width: 64px;
    height: 61px;
    padding-right: 12px;
    padding-left: 12px;
    border-radius: 10px;
    padding: 14px;
    padding-top: 18px;
    padding-bottom: 18px
    }
.usp p {
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 26px;
    text-align: center
    }
.testimonial blockquote {
    color: #1b004e;
    font-family: "Styrene A Regular";
    font-size: 1.625rem
    }
/*
.testimonial .open-quote {
  content: open-quote;
  font-size: 72px;
}

.testimonial .close-quote {
  content: close-quote;
  font-size: 72px;
}
*/
.avatar {
    height: 3.5rem;
    width: 3.5rem;
    border-radius: 1.75rem
    }
.person {
    display: flex;
    align-items: center
    }
.person > .name {
    font-size: 1.25rem;
    margin-left: 1.25rem
    }
.story-line p {
    font-size: 1.25rem
    }
/**
* Policy text
*/
.text-policy {
    padding-bottom: 40px
    }
.text-policy a:hover {
    text-decoration: none
    }
.text-policy h1 {
    color: #1B004E;
    font-family: "Styrene A Bold";
    font-size: 52px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 68px
    }
.text-policy h2 {
    color: #1B004E;
    font-family: "Styrene A Regular";
    font-size: 32px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 40px;
    padding-top: 20px;
    padding-bottom: 14px
    }
.text-policy h3 {
    color: #1B004E;
    font-family: "Styrene A Regular";
    font-size: 26px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 34px;
    padding-bottom: 10px
    }
.text-policy p {
    color: #1B004E;
    font-family: "Quicksand Medium";
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 32px
    }
.text-policy p, .text-policy ol li, .text-policy ul li {
    color: #1B004E;
    font-family: "Quicksand Medium";
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 32px
    }
.text-policy ol p {
    padding-bottom: 40px;
    font-weight: 500 !important
    }
.contact-block-links .card {
    height: 15rem
    }
.contact-block-links .card a {
    height: 100%
    }
.contact-block-links .card:hover {
    border-color: #3800a2
    }
/**
* Main menu
*/
.main-menu .navbar, .main-menu .nav-logo {
    min-height: 80px
    }
.main-menu .nav-link {
    border-bottom: 0.1375rem solid transparent
    }
.main-menu .get-started {
    width: 160px
    }
.main-menu .nav-link[aria-expanded="false"]:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "";
    margin-left: 0.5rem
    }
.main-menu .nav-link[aria-expanded="true"]:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "";
    margin-left: 0.5rem
    }
.main-menu .navbar {
    padding: 0
    }
.main-menu .navbar-brand {
    margin-left: 1rem
    }
.main-menu .navbar-light .navbar-toggler {
    border: none;
    font-size: 1.875rem;
    line-height: 1.875rem
    }
.main-menu .navbar-toggler[aria-expanded] .navbar-toggler-icon {
    background-image: none
    }
.main-menu .navbar-toggler[aria-expanded] .navbar-toggler-icon::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 1.875rem;
    line-height: 3rem
    }
.main-menu .navbar-toggler[aria-expanded="false"] .navbar-toggler-icon::after, .main-menu .navbar-toggler[aria-expanded="false"] .navbar-toggler-icon.text-dark::after {
    content: ""
    }
.main-menu .navbar-toggler[aria-expanded="false"] .navbar-toggler-icon.text-white::after {
    content: "";
    color: white
    }
.main-menu .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::after {
    content: ""
    }
/* Light theme */
.main-menu .navbar-light .navbar-toggler-icon, .main-menu .navbar-light .navbar-toggler-icon::after {
    color: #1B004E
    }
.main-menu {
    transition: background-color 0.5s ease
    }
@media only screen and (max-width: 1199.95px) {
    /* .main-menu .navbar-light .navbar-collapse {
          background-color: white;
      } */
    .main-menu .nav-item, .main-menu .dropdown-item {
        border-top: 0.0125rem solid #86828e
        }
    .main-menu .nav-link, .main-menu .dropdown-item {
        padding: 1rem
        }
    .main-menu .nav-item .dropdown-menu {
        border: none;
        padding: 0;
        margin: 0
        }
    .main-menu .nav-item .dropdown-menu .dropdown-item {
        padding: 1rem 1rem 1rem 2rem
        }
    .check-circle, .x-circle {
        width: 2rem;
        height: 2rem;
        line-height: 2rem
        }
    }
@media (min-width: 768px) {
    .main-menu .nav-btns > li {
        float: left !important
        }
    .main-menu-collapse {
        width: 100vw;
        z-index: 1900
        }
    .main-menu-collapse .card {
        overflow: hidden;
        height: 11.25rem
        }
    .main-menu-collapse .card > a img {
        width: 100%
        }
    .main-menu-collapse .card > a {
        height: 100%
        }
    .main-menu-collapse .card:hover {
        border-color: #3800a2
        }
    }
@media (min-width: 1199.95px) {
    .main-header {
        min-height: 45rem
        }
    .main-menu .nav-item {
        margin-left: 0.938rem;
        margin-right: 0.938rem
        }
    .main-menu .nav-link:hover, .main-menu .nav-link[aria-expanded="true"] {
        cursor: pointer;
        border-bottom: 0.1375rem solid #3800a2
        }
    .main-menu .sign-in-dashboard {
        margin-right: 20px;
        width: 100px
        }
    /*.main-menu .sign-in-dashboard {
         width: 100px;
         margin-left: 0.938rem;
       }*/
    }
/******FOOTER */
footer h5, footer p, footer input, footer a {
    font-family: Styrene A Regular !important
    }
footer.dark-footer {
    background-color: #103
    }
footer .container {
    padding-top: 209px
    }
footer .footer-logo {
    padding-bottom: 72px
    }
footer .subscribe-input {
    color: #fff;
    opacity: 0.8;
    width: 90%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.7) !important;
    padding-bottom: 1rem !important;
    border-radius: inherit !important
    }
footer h4 {
    color: #fff
    }
footer .container .row:last-child {
    border-top: 1px solid rgba(255, 255, 255, 0.5) !important;
    padding-top: 1.5rem !important;
    padding-bottom: 4rem !important
    }
footer ul h5 {
    color: #fff;
    opacity: 0.6
    }
footer .container ul li {
    padding-bottom: 0.6rem
    }
footer .container ul li a {
    text-decoration: none;
    color: #fff
    }
footer ul li a:hover {
    text-decoration: none;
    color: #fff;
    opacity: 0.7
    }
footer .text-content li a {
    font-size: 1rem;
    opacity: 0.61
    }
footer .text-content span {
    opacity: 0.43;
    color: #fff
    }
footer .copyright {
    opacity: 0.61;
    color: #fff;
    font-size: 1rem
    }
footer .social-media a {
    margin-right: 2.68rem
    }
.fab.fa-facebook {
    content: url(../img/svg/facebook-brands.svg);
    width: 28px
    }
.fab.fa-linkedin {
    content: url(../img/svg/linkedin-brands.svg);
    width: 25px
    }
.footer-nav {
    padding-bottom: 0.5rem
    }
.arrow-right {
    content: url(../img/svg/iconmonstr-arrow-right-thin.svg);
    position: absolute;
    height: 24px;
    font-size: 18px;
    padding-top: 6px;
    margin-left: 5px
    }
.arrow-right-thin-dark {
    content: url(../img/svg/iconmonstr-arrow-right-thin-dark.svg);
    position: absolute;
    height: 24px;
    font-size: 18px;
    padding-top: 6px;
    margin-left: 5px
    }
.arrow-left-thin-dark {
    content: url(../img/svg/iconmonstr-arrow-right-thin-dark.svg);
    position: absolute;
    height: 24px;
    font-size: 18px;
    padding-top: 6px;
    margin-left: 5px;
    transform: rotate(180deg)
    }
.arrow-right-dark {
    content: url(../img/svg/arrow-dark.svg);
    position: absolute;
    height: 24px;
    font-size: 18px;
    padding-top: 6px;
    margin-left: 5px
    }
footer .footer-nav .arrow-right {
    content: url(../img/svg/iconmonstr-arrow-right-thin.svg);
    position: absolute;
    height: 24px;
    right: 10%;
    opacity: 0.5;
    font-size: 18px;
    padding-top: 6px
    }
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {
    .footer-nav {
        padding-bottom: 5rem
        }
    }
/* *** END FOOTER */
/* funky box */
.funky-box {
    border-radius: 1.875rem 0 !important
    }
.funky-box-graphics {
    position: relative;
    z-index: 0
    }
.funky-box-graphics .funky-box-graphic {
    height: 173.95px;
    width: 173.95px;
    position: absolute;
    z-index: -1
    }
.funky-box-graphics .funky-box-graphic-top {
    transform: rotate(180deg);
    top: -1.8rem;
    right: -1.9rem
    }
.funky-box-graphics .funky-box-graphic-bottom {
    bottom: -1.9rem;
    left: -1.8rem
    }
.funky-box-graphics .funky-box-graphic-green {
    content: url(../img/svg/graphic-green.svg)
    }
.funky-box-graphics .funky-box-graphic-lilla {
    content: url(../img/svg/graphic-lilla.svg)
    }
.top-graphic-lilla-small {
    right: -1.5rem !important;
    height: 100.95px !important;
    width: 117.95px !important;
    transform: rotate(180deg) !important
    }
.bottom-graphic-green-small {
    top: -5.3rem !important;
    left: -1.625rem !important;
    height: 100.95px !important;
    width: 117.95px !important
    }
/* end funcky-box */
/* top funky box */
.funky-box-top {
    position: relative;
    z-index: 1
    }
.b-minus-22-rem {
    bottom: -22rem
    }
.b-minus-18-rem {
    bottom: -18rem
    }
.my-8-rem {
    margin-top: 8rem;
    margin-bottom: 8rem
    }
.mb-8-rem {
    margin-bottom: 8rem
    }
.b-minus-10-rem {
    bottom: -10rem
    }
.mt-minus-16-rem {
    margin-top: -16rem
    }
.mt-minus-6-rem {
    margin-top: -6rem
    }
.py-7-rem {
    padding-top: 7rem;
    padding-bottom: 7rem
    }
/* end top funky box */
/**
* Form Components
*/
.phone-code {
    border: 0 !important;
    background: transparent;
    border-bottom: 2px solid #1b004e !important;
    border-radius: 0 !important;
    line-height: 1.1rem;
    padding: 0.59rem 0.5rem 0.563rem 0.5rem;
    font-size: 1rem
    }
.g-recaptcha {
    display: inline-block
    }
.bottom-dots-green-right, .bottom-dots-green-left {
    display: block;
    background-image: url(../img/svg/icon-dots.svg);
    background-repeat: no-repeat;
    z-index: 1
    }
.bottom-dots-green-right {
    position: relative;
    top: 215px;
    left: -7px;
    background-position: -971px -196px;
    background-size: 1180px;
    width: 202px;
    height: 210px;
    margin-bottom: -300px
    }
.bottom-dots-green-left {
    position: relative;
    bottom: 363px;
    right: 0;
    background-position: 5px -110px;
    background-size: 1180px;
    width: 165px;
    height: 268px;
    margin-bottom: -300px
    }
.fa-phone-alt {
    content: url(../img/svg/phone-alt-solid.svg);
    width: 18px
    }
.fas.fa-envelope {
    content: url(../img/svg/envelope-solid.svg);
    width: 18px
    }
.span-light {
    color: #8C7FA6;
    font-family: "Quicksand Medium";
    font-size: 1.25rem;
    font-weight: 500
    }
.font-size-4 {
    font-family: "Styrene A Bold";
    font-size: 32px
    }
.font-size-20 {
    font-size: 1.25rem
    }
.border-bottom-opacity {
    border-bottom: 1px solid rgba(27, 0, 78, 0.2)
    }
.green-text {
    font-size: 1rem;
    color: #25F5CE
    }
.book-icon {
    content: url(../img/svg/book.svg);
    width: 40px
    }
.code-icon {
    content: url(../img/svg/code.svg);
    width: 40px
    }
.puzzle-icon {
    content: url(../img/svg/puzzle.svg);
    width: 40px
    }
.font-size-3 {
    font-family: "Styrene A Bold";
    font-size: 3.25rem;
    line-height: 4.125rem
    }
/**
* Pagination
*/
.pagination {
    border: 0 !important
    }
.pagination ul {
    border: 0 !important
    }
.pagination li {
    border: 0 !important
    }
.pagination a {
    width: 3.25rem;
    height: 3.25rem;
    border: 0 !important;
    border-radius: 1.625rem;
    text-align: center;
    padding-top: 1rem;
    color: #8c7fa6;
    background-color: transparent;
    font-family: Styrene A Regular;
    font-size: 1rem
    }
.pagination .active > a {
    color: white;
    background-color: cyan
    }
.pagination .page-item-prev > a {
    font-size: 2.5rem;
    line-height: 0
    }
.pagination .page-item-next > a {
    font-size: 2.5rem;
    line-height: 0
    }
.pagination li {
    margin-right: 10px
    }
.pagination .arrow-right-thin-dark {
    position: relative;
    top: -6px;
    left: -3px
    }
.pagination .arrow-left-thin-dark {
    position: relative;
    left: -2px
    }
.pagination .page-item.active .page-link {
    border-radius: 50px !important
    }
.pagination .page-item:last-child .page-link {
    border-radius: 50px !important
    }
/* Component class styles */
.funky-box-top-long-2, .get-started-footer-cta-new {
    position: relative;
    top: 6.5rem;
    z-index: 1;
    padding-left: 0
    }
.bottom-graphic-green, .top-graphic-green {
    content: url(../img/svg/graphic-green.svg);
    height: 173.95px;
    width: 173.95px;
    position: relative;
    z-index: -1
    }
.top-graphic-green {
    transform: rotate(180deg);
    top: 2.375rem;
    left: -2.525rem;
    margin: -4.063rem
    }
.bottom-graphic-lilla, .top-graphic-lilla {
    content: url(../img/svg/graphic-lilla.svg);
    height: 173.95px;
    width: 173.95px;
    position: relative;
    z-index: -1
    }
.top-graphic-lilla {
    top: 2.375rem;
    left: -2.525rem;
    margin: -4.063rem
    }
.bottom-graphic-lilla {
    transform: rotate(180deg);
    right: 1.688rem;
    top: -9.25rem
    }
.bottom-graphic-white-right, .bottom-graphic-white-left {
    content: url(../img/svg/graphic-white.svg);
    height: 173.95px;
    width: 173.95px;
    position: relative;
    z-index: 1
    }
.bottom-graphic-white-right {
    top: -8.625rem;
    left: 1.475rem;
    margin: -4.063rem;
    transform: rotate(289deg)
    }
.bottom-graphic-white-left {
    transform: rotate(204deg);
    right: 2.688rem;
    top: -14.25rem
    }
.bottom-dots-green-right, .bottom-dots-green-left {
    display: block;
    background-image: url(../img/svg/icon-dots.svg);
    background-repeat: no-repeat;
    z-index: 1
    }
.bottom-dots-green-right {
    position: relative;
    top: 215px;
    left: -7px;
    background-position: -971px -196px;
    background-size: 1180px;
    width: 202px;
    height: 210px;
    margin-bottom: -300px
    }
.bottom-dots-green-left {
    position: relative;
    bottom: 363px;
    right: 0;
    background-position: 5px -110px;
    background-size: 1180px;
    width: 165px;
    height: 268px;
    margin-bottom: -300px
    }
.underline--magical-purple {
    background-image: linear-gradient(120deg, #9963FE 0%, #9963FE 100%);
    background-repeat: no-repeat;
    background-size: 100% 0.25em;
    background-position: 0 90%;
    transition: background-size 0.25s ease-in
    }
.font-size-3 {
    font-family: "Styrene A Bold";
    font-size: 52px;
    line-height: 66px
    }
.font-size-2 {
    font-family: "Styrene A Bold";
    font-size: 3.25rem;
    line-height: 4.125rem
    }
.font-size-1 {
    font-family: "Styrene A Bold";
    font-size: 68px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 80px
    }
.font-size-p {
    font-family: "Quicksand Medium";
    font-size: 22px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 32px
    }
.text-color-p {
    color: #1B004E
    }
.section-p {
    color: #3800a2;
    font-family: "Styrene A Regular";
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 24px
    }
.name-h4 {
    color: #1B004E;
    font-family: "Quicksand Medium";
    font-size: 20px;
    font-weight: bold
    }
.name-h2 {
    font-family: "Styrene A Regular";
    font-size: 26px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 34px
    }
.after-h4-font-p {
    font-size: 18px;
    font-weight: 500
    }
.after-h2-font-p {
    font-size: 26px;
    letter-spacing: 0;
    font-weight: 100
    }
.bottom-dots-green-right, .bottom-dots-green-left {
    display: block;
    background-image: url(../img/svg/icon-dots.svg);
    background-repeat: no-repeat;
    z-index: 1
    }
.bottom-dots-green-right {
    position: relative;
    top: 215px;
    left: -7px;
    background-position: -971px -196px;
    background-size: 1180px;
    width: 202px;
    height: 210px;
    margin-bottom: -300px
    }
.bottom-dots-green-left {
    position: relative;
    bottom: 363px;
    right: 0;
    background-position: 5px -110px;
    background-size: 1180px;
    width: 165px;
    height: 268px;
    margin-bottom: -300px
    }
.fa-phone-alt {
    content: url(../img/svg/phone-alt-solid.svg);
    width: 18px
    }
.fas.fa-envelope {
    content: url(../img/svg/envelope-solid.svg);
    width: 18px
    }
.span-light {
    color: #8C7FA6;
    font-family: "Quicksand Medium";
    font-size: 1.25rem;
    font-weight: 500
    }
.font-size-4 {
    font-family: "Styrene A Bold";
    font-size: 32px
    }
.font-size-20 {
    font-size: 1.25rem
    }
.border-bottom-opacity {
    border-bottom: 1px solid rgba(27, 0, 78, 0.2)
    }
.green-text {
    font-size: 1rem;
    color: #25F5CE
    }
.book-icon {
    content: url(../img/svg/book.svg);
    width: 40px
    }
.code-icon {
    content: url(../img/svg/code.svg);
    width: 40px
    }
.puzzle-icon {
    content: url(../img/svg/puzzle.svg);
    width: 40px
    }
.font-size-3 {
    font-family: "Styrene A Bold";
    font-size: 3.25rem;
    line-height: 4.125rem
    }
.investors-advisors-desc {
    font-family: Quicksand Medium;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 32px
    }
.icon-team-member {
    content: url(../img/svg/icon-team-member.svg);
    max-width: 100%
    }
/* team member hover efects */
/*
.overflow-hover {
position: relative;
width: 100%;
max-width: 400px;
}


.overlay {
position: absolute;
top: 0;
bottom: 0;
left: 16px;
right: 0;
transition: .3s ease;
width: 237px;
height: 204px;
border-top-left-radius: 25px;
}

.overflow-hover:hover .overlay {
background-color: rgba(27, 0, 78, 0.4);
}

.overflow-hover:hover .overlay .overlay-icon {
display: inline-block;
}

.overlay-icon {
display: none;
color: white;
font-size: 100px;
position: absolute;
top: 40%;
left: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
text-align: center;
}

.overlay-icon i {
font-size: 40px;
} */
.alert-flash {
    border-radius: 1.875rem 0;
    box-shadow: 0 2px 4px 0 rgba(50, 50, 93, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.01);
    right: 2rem;
    top: 5rem;
    z-index: 2000;
    width: 80vh;
    max-width: 80vw;
    display: flex
    }
.flash-danger {
    background-color: #FFC1CE
    }
.flash-success {
    background-color: #C4FDF3
    }
.flash-warning {
    background-color: #FDF9C4
    }
.flash-info {
    background-color: #E9DEFC
    }
@media (max-width: 1444px) {
    .funky-box-top-long-2 {
        max-width: 77vw !important
        }
    }
@media (max-width: 768px) {
    .funky-box-top-long-2 .container-quotes .row:first-child {
        display: flex !important
        }
    .font-size-3 {
        font-size: 2.125rem !important;
        line-height: 3.125rem !important
        }
    .font-size-2 {
        font-size: 2.25rem !important;
        line-height: 3.125rem !important
        }
    .font-size-1 {
        font-size: 40px;
        line-height: 48px
        }
    .funky-box-top-long-2 {
        max-width: 100% !important
        }
    .funky-box-top-long-2 .container-quotes {
        border-radius: unset !important
        }
    }
.linkedin-square-icon {
    content: url(../img/svg/linkedin-square.svg);
    width: 40px
    }
/** Cookie Consent */
#cookie-consent {
    bottom: 10px;
    left: 10px;
    max-width: 70%;
    min-width: 10%;
    z-index: 1000
    }
#cookie-consent label {
    cursor: pointer
    }
/* icons customer-brands*/
.project-customers-logo-tokenget {
    width: 176px
    }
.project-customers-logo-google, .project-customers-logo-amazon {
    width: 130px
    }
.project-customers-logo-mastercard {
    margin-top: -20px;
    width: 89px
    }
.project-customers-logo-zenogram {
    width: 174px
    }
/**
* Features List
*/
.features-list {
    padding-left: 0
    }
.features-list li {
    list-style-type: none;
    margin-top: 0.5rem
    }
.features-list .fas {
    margin-right: 0.5rem
    }
.underline-pink {
    background-image: linear-gradient(120deg, #9963FE 0%, #9963FE 100%)
    }
.feature {
    padding: 0
    }
.feature .fas {
    margin-right: 0.5rem
    }
.feature-img {
    max-width: 100%
    }
#results-section [class*="metric-"] .text-np-score {
    line-height: 3rem
    }
/* Icons */
.icon-checked-green {
    content: url(./../img/svg/icons/icon-checked-dark-green.svg)
    }
.icon_tbt {
    content: url(./../img/svg/icons/icon_TBT.svg)
    }
.icon_fcp {
    content: url(./../img/svg/icons/icon_FCP.svg)
    }
.icon_ttfb {
    content: url(./../img/svg/icons/icon_TTFB.svg)
    }
.icon_inp {
    content: url(./../img/svg/icons/icon_INP.svg)
    }
.icon_cls {
    content: url(./../img/svg/icons/icon_CLS.svg)
    }
.icon_lcp {
    content: url(./../img/svg/icons/icon_LCP.svg)
    }
.icon_fid {
    content: url(./../img/svg/icons/icon_FID.svg)
    }
.icon_gsi {
    content: url(./../img/svg/icons/icon_GSI.svg)
    }
.icon-did-you-know {
    content: url(./../img/svg/icons/icon-did-you-know.svg)
    }
.icon-chevron-down-dark {
    content: url(/asset/img/svg/icons/chevron-down-dark.svg)
    }
.icon-chevron-down-dark-lilla {
    content: url(/asset/img/svg/icons/chevron-down-dark-lilla.svg)
    }
.icon-demo-share {
    content: url(./../img/svg/icons/icon-demo-share.svg)
    }
.icon-copy-content {
    content: url(./../img/svg/icons/icon-copy-content.svg)
    }
.icon-bfcm-thunder {
    content: url(./../img/svg/icons/bfcm-thunder.svg)
    }