:root {
    --dl-color-gray-500: #595959;
    --dl-color-gray-700: #999999;
    --dl-color-gray-900: #D9D9D9;
    --dl-size-size-large: 144px;
    --dl-size-size-small: 48px;
    --dl-color-danger-300: #A22020;
    --dl-color-danger-500: #BF2626;
    --dl-color-danger-700: #E14747;
    --dl-color-gray-black: #000000;
    --dl-color-gray-white: #FFFFFF;
    --dl-size-size-medium: 96px;
    --dl-size-size-xlarge: 192px;
    --dl-size-size-xsmall: 16px;
    --dl-space-space-unit: 16px;
    --dl-color-greys-grey0: rgba(255, 255, 255, 1);
    --dl-color-greys-grey100: rgba(235, 235, 235, 1);
    --dl-color-greys-grey300: rgba(194, 194, 194, 1);
    --dl-color-greys-grey600: rgba(122, 122, 122, 1);
    --dl-color-greys-grey700: rgba(61, 61, 61, 1);
    --dl-color-greys-grey800: rgba(0, 0, 0, 1);
    --dl-color-primary-100: #003EB3;
    --dl-color-primary-300: #0074F0;
    --dl-color-primary-500: #14A9FF;
    --dl-color-primary-700: #85DCFF;
    --dl-color-success-300: #199033;
    --dl-color-success-500: #32A94C;
    --dl-color-success-700: #4CC366;
    --dl-size-size-xxlarge: 288px;
    --dl-size-size-maxwidth: 1400px;
    --dl-color-greys-grey800: rgba(0, 0, 0, 1);
    --dl-radius-radius-round: 50%;
    --dl-space-space-halfunit: 8px;
    --dl-space-space-sixunits: 96px;
    --dl-space-space-twounits: 32px;
    --dl-radius-radius-radius2: 2px;
    --dl-radius-radius-radius4: 4px;
    --dl-radius-radius-radius8: 8px;
    --dl-space-space-fiveunits: 80px;
    --dl-space-space-fourunits: 64px;
    --dl-space-space-threeunits: 48px;
    --dl-color-primary-primary500: rgba(77, 25, 231, 1);
    --dl-space-space-oneandhalfunits: 24px;
    --dl-color-warning-warning50: #faf5b3;
    --dl-color-primary-primary50: rgba(249, 249, 249, 1);
    --dl-color-greys-grey50: rgba(249, 249, 249, 1);
    --dl-color-success-success50: rgba(240, 249, 240, 1);
    --dl-color-success-success100: rgba(224, 243, 224, 1);
    --color-secondary: #f7fdff;
    --color-primary: rgba(77, 25, 231, 1);
    --background: white;
}

@-moz-keyframes topToBottom {
    0% {
        opacity: 0;
    }

    1% {
        opacity: 0;
        -moz-transform: translateY(-20px);
    }

    2% {
        opacity: 1;
        -moz-transform: translateY(0px);
    }

    30% {
        opacity: 1;
        -moz-transform: translateY(0px);
    }

    31% {
        opacity: 0;
        -moz-transform: translateY(20px);
    }

    32% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@-webkit-keyframes topToBottom {
    0% {
        opacity: 0;
    }

    1% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
    }

    2% {
        opacity: 1;
        -webkit-transform: translateY(0px);
    }

    30% {
        opacity: 1;
        -webkit-transform: translateY(0px);
    }

    31% {
        opacity: 0;
        -webkit-transform: translateY(20px);
    }

    32% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@-ms-keyframes topToBottom {
    0% {
        opacity: 0;
    }

    1% {
        opacity: 0;
        -ms-transform: translateY(-20px);
    }

    2% {
        opacity: 1;
        -ms-transform: translateY(0px);
    }

    30% {
        opacity: 1;
        -ms-transform: translateY(0px);
    }

    31% {
        opacity: 0;
        -ms-transform: translateY(20px);
    }

    32% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

html {
    font-family: 'Inter';
}

body {
    background: url(../assets/v5/backplus.webp);
    background-repeat: no-repeat;
    background-size: 100%;
}

.button {
    color: var(--dl-color-gray-black);
    display: inline-block;
    padding: 0.5rem 1rem;
    border-color: var(--dl-color-gray-black);
    border-width: 1px;
    border-radius: 4px;
    background-color: var(--dl-color-gray-white);
}

.input {
    color: var(--dl-color-gray-black);
    cursor: auto;
    padding: 0.5rem 1rem;
    border-color: var(--dl-color-gray-black);
    border-width: 1px;
    border-radius: 4px;
    background-color: var(--dl-color-gray-white);
}

.textarea {
    color: var(--dl-color-gray-black);
    cursor: auto;
    padding: 0.5rem;
    border-color: var(--dl-color-gray-black);
    border-width: 1px;
    border-radius: 4px;
    background-color: var(--dl-color-gray-white);
}

.list {
    width: 100%;
    margin: 1em 0px 1em 0px;
    display: block;
    padding: 0px 0px 0px 1.5rem;
    list-style-type: none;
    list-style-position: outside;
}

.list-item {
    display: list-item;
}

.teleport-show {
    display: flex !important;
}

body {
    font-size: 14px;
    font-style: normal;
    font-family: Inter;
    font-weight: 400;
    font-stretch: normal;
}

.smsm-Regular {
    font-size: 14px;
    font-style: normal;
    font-family: Inter;
    font-weight: 400;
    font-stretch: normal;
}

.smsm-Semibold {
    font-size: 14px;
    font-style: normal;
    font-family: Inter;
    font-weight: 700;
    font-stretch: normal;
}

.s4xl4xl-Semibold {
    font-size: 36px;
    font-style: normal;
    font-family: 'Montserrat';
    font-weight: 700;
    font-stretch: normal;
}

.s4xl4xl-Regular {
    font-size: 36px;
    font-style: normal;
    font-family: 'Montserrat';
    font-weight: normal;
    font-stretch: normal;
}

.basebase-Regular {
    font-size: 16px;
    font-style: normal;
    font-family: Inter;
    font-weight: 400;
    font-stretch: normal;
}

.xsxs-Regular {
    font-size: 12px;
    font-style: normal;
    font-family: Inter;
    font-weight: 400;
    font-stretch: normal;
}

.s5xl5xl-Semibold {
    font-size: 48px;
    font-style: normal;
    font-family: Montserrat;
    font-weight: 700;
    font-stretch: normal;
}

.lglg-Semibold {
    font-size: 18px;
    font-style: normal;
    font-family: Inter;
    font-weight: 700;
    font-stretch: normal;
}

.s2xl2xl-Semibold {
    font-size: 24px;
    font-style: normal;
    font-family: Montserrat;
    font-weight: 700;
    font-stretch: normal;
}

.s3xl3xl-Semibold {
    font-size: 30px;
    font-style: normal;
    font-family: Montserrat;
    font-weight: 700;
    font-stretch: normal;
}

.s3xl3xl-Regular {
    font-size: 30px;
    font-style: normal;
    font-family: Montserrat;
    font-weight: normal;
    font-stretch: normal;
}

.xlxl-Semibold {
    font-size: 20px;
    font-style: normal;
    font-family: Montserrat;
    font-weight: 700;
    font-stretch: normal;
}

.xsxs-Caption {
    font-size: 12px;
    font-style: normal;
    font-family: Inter;
    font-weight: 700;
    font-stretch: normal;
}

.xsxs-Semibold {
    font-size: 12px;
    font-style: normal;
    font-family: Inter;
    font-weight: 700;
    font-stretch: normal;
}

.content {
    font-size: 16px;
    font-family: Inter;
    font-weight: 400;
    line-height: 1.15;
    text-transform: none;
    text-decoration: none;
}


.content {
    font-size: 16px;
    font-family: Inter;
    font-weight: 400;
    line-height: 1.15;
    text-transform: none;
    text-decoration: none;
}

.header-header {
    display: flex;
    padding: 32px 72px;
    position: relative;
    align-self: stretch;
    box-sizing: border-box;
    align-items: center;
    border-color: transparent;
    justify-content: space-between;
}

.header-logo {
    width: 127.99999237060547px;
    height: 16px;
    display: flex;
    position: relative;
    box-sizing: border-box;
    align-items: flex-start;
    border-color: transparent;
}

.header-svg {
    top: 1px;
    width: calc(130px + 5vw);
    position: absolute;
}

.header-svg1 {
    top: 1px;
    position: absolute;
}

.header-frame1 {
    display: flex;
    position: relative;
    box-sizing: border-box;
    align-items: center;
    flex-shrink: 1;
    border-color: transparent;
}

.header-defaultlink {
    margin: 0;
    display: flex;
    position: relative;
    box-sizing: border-box;
    align-items: flex-start;
    flex-shrink: 1;
    border-color: transparent;
}


/* suur */
@media (min-width: 992px) {

    .header-defaultlink {
        margin: 0 24px 0 0;
    }
}


.header-text {
    color: var(--dl-color-greys-grey800);
    height: auto;
    align-self: auto;
    text-align: left;
    line-height: 30px;
    text-decoration: none;
}

.header-defaultlink1 {
    margin: 0 24px 0 0;
    display: flex;
    position: relative;
    box-sizing: border-box;
    align-items: flex-start;
    flex-shrink: 1;
    border-color: transparent;
}

.header-text1 {
    color: var(--dl-color-greys-grey800);
    height: auto;
    align-self: auto;
    text-align: left;
    line-height: 24px;
    text-decoration: none;
}

.header-defaultlink2 {
    margin: 0 24px 0 0;
    display: flex;
    position: relative;
    box-sizing: border-box;
    align-items: flex-start;
    flex-shrink: 1;
    border-color: transparent;
}

.header-text2 {
    color: var(--dl-color-greys-grey800);
    height: auto;
    align-self: auto;
    text-align: left;
    line-height: 24px;
    text-decoration: none;
}

.header-textbtn {
    display: flex;
    padding: 12px 24px;
    position: relative;
    box-shadow: 0px 4px 0px 0px rgba(0, 0, 0, 0.07999999821186066);
    box-sizing: border-box;
    align-items: flex-start;
    flex-shrink: 1;
    border-color: rgba(61, 61, 61, 1);
    border-style: solid;
    border-width: 1px;
    border-radius: 32px;
    background-color: var(--dl-color-greys-grey0);
}

.header-text3 {
    color: var(--dl-color-greys-grey800);
    height: auto;
    align-self: auto;
    text-align: left;
    line-height: 24px;
    text-decoration: none;
}

.header-textbtn1 {
    background-color: var(--dl-color-primary-primary500);
}

.header-image24arrowsmright {
    width: 24px;
    height: 24px;
    position: relative;
    box-sizing: border-box;
    object-fit: cover;
    border-color: transparent;
}

.frame1-textbtn02 {
    margin-top: 40px;
    display: flex;
    padding: 12px 24px;
    position: relative;
    box-shadow: 0px 4px 0px 0px rgba(0, 0, 0, 0.07999999821186066);
    box-sizing: border-box;
    align-items: flex-start;
    flex-shrink: 1;
    border-color: rgba(61, 61, 61, 1);
    border-style: solid;
    border-width: 1px;
    border-radius: 32px;
    background-color: var(--dl-color-greys-grey0);
}

.frame1-frame7 {
    display: flex;
    padding: 0 72px;
    position: relative;
    box-sizing: border-box;
    align-items: center;
    border-color: transparent;
    flex-direction: column;
}

.frame1-frame6 {
    display: flex;
    padding: 0 48px;
    position: relative;
    box-sizing: border-box;
    align-items: center;
    flex-shrink: 1;
    border-color: transparent;
    flex-direction: column;
}

.frame1-frame4 {
    /* width: 784px; */
    margin: 0 0 24px 0;
    position: relative;
    box-sizing: border-box;
    align-items: center;
    border-color: transparent;
}

.frame1-frame3 {
    margin: 0 0 12px 0;
    display: flex;
    position: relative;
    box-sizing: border-box;
    align-items: flex-start;
    flex-shrink: 1;
    border-color: transparent;
}

.frame1-frame2 {
    display: flex;
    position: relative;
    box-sizing: border-box;
    align-items: flex-start;
    flex-shrink: 1;
    border-color: transparent;
    flex-direction: column;
}

.frame1-frame95 {
    display: flex;
    position: relative;
    box-sizing: border-box;
    align-items: center;
    flex-shrink: 1;
    border-color: transparent;
    flex-direction: column;
}

.frame1-text008 {
    color: var(--dl-color-greys-grey700);
    /* width: 784px; */
    height: auto;
    align-self: auto;
    text-align: center;
    line-height: 24px;
    text-decoration: none;
    margin-top: 40px;
    margin-bottom: 40px;
}

.frame1-text005 {
    color: var(--dl-color-greys-grey800);
    height: auto;
    margin: 0 12px 0 0;
    align-self: auto;
    text-align: left;
    line-height: 40px;
    text-decoration: none;
}

.frame1-text006 {
    height: auto;
    align-self: auto;
    text-align: left;
    line-height: 40px;
    text-decoration: none;
    color: var(--dl-color-success-700);
}

.frame1-text007 {
    color: var(--dl-color-greys-grey800);
    height: auto;
    align-self: auto;
    text-align: left;
    line-height: 40px;
    text-decoration: none;
}

.frame1-text016 {
    color: var(--dl-color-greys-grey800);
    width: 396px;
    height: auto;
    margin: 0 64px 0 0;
    flex-grow: 1;
    align-self: auto;
    text-align: left;
    line-height: 56px;
    text-decoration: none;
}

    .frame1-text016 span {
        white-space: nowrap;
    }

.frame1-text017 {
    color: var(--dl-color-greys-grey800);
    width: 324px;
    height: auto;
    margin: 0 0 8px 0;
    align-self: stretch;
    text-align: left;
    line-height: 28px;
    text-decoration: none;
}

.frame1-text018 {
    color: var(--dl-color-greys-grey800);
    height: auto;
    align-self: stretch;
    text-align: left;
    line-height: 24px;
    text-decoration: none;
    margin-bottom: 30px;
}
/*Vertical Sliding*/
.slidingVertical {
    text-align: center;
    /* text-indent: 8px; */
    /* opacity:1; */
}

.frame174-frame4.onlySmall {
    padding-top: 0 !important;
    padding-bottom: 30px !important;
    margin-left: 0;
}

.noTopBottomPadding {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

.vertical {
    position: relative;
    width: 100%;
    text-align: left !important;
}

.slidingVertical span {
    text-align: left !important;
}

.vertical span {
    color: #411fe0;
    position: absolute;
    left: 0;
    top: 0;
}

.slidingVertical span {
    animation: topToBottom 7.5s linear infinite 0s;
    -ms-animation: topToBottom 7.5s linear infinite 0s;
    -webkit-animation: topToBottom 7.5s linear infinite 0s;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    text-align: center;
    left: 0;
    top: 0;
}

.slogan.onlySmall .arrowImages {
    text-align: right;
    position: absolute;
    width: 100%;
}

.slogan.onlySmall img {
    width: 80px;
    float: right;
}

.slidingVertical span:nth-child(2) {
    animation-delay: 2.5s;
    -ms-animation-delay: 2.5s;
    -webkit-animation-delay: 2.5s;
}


.slidingVertical span:nth-child(3) {
    animation-delay: 5s;
    -ms-animation-delay: 5s;
    -webkit-animation-delay: 5s;
}

.slidingVertical span:nth-child(4) {
    animation-delay: 7.5s;
    -ms-animation-delay: 7.5s;
    -webkit-animation-delay: 7.5s;
}

/*
.slidingVertical span:nth-child(5) {
    animation-delay: 10s;
    -ms-animation-delay: 10s;
    -webkit-animation-delay: 10s;
}*/
.frame1-text023 {
    color: var(--dl-color-greys-grey800);
    height: auto;
    margin: 0 0 88px 0;
    align-self: stretch;
    text-align: center;
    line-height: 32px;
    text-decoration: none;
}

.frame1-text024 {
    color: var(--dl-color-greys-grey800);
    width: 404px;
    height: auto;
    margin: 0 0 16px 0;
    align-self: stretch;
    text-align: left;
    line-height: 28px;
    text-decoration: none;
}

.frame1-text025 {
    color: var(--dl-color-greys-grey800);
    width: 404px;
    height: auto;
    align-self: stretch;
    text-align: left;
    line-height: 24px;
    text-decoration: none;
}

.frame1-frame181 {
    width: 404px;
    margin: 0 48px 0 0;
    display: flex;
    position: relative;
    flex-grow: 1;
    box-sizing: border-box;
    align-items: flex-start;
    border-color: transparent;
    flex-direction: column;
    justify-content: center;
}

.frame1-textbtn03 {
    display: flex;
    padding: 12px 24px;
    position: relative;
    box-shadow: 0px 4px 0px 0px rgba(232, 230, 239, 1);
    box-sizing: border-box;
    align-items: flex-start;
    flex-shrink: 1;
    border-color: rgba(61, 61, 61, 1);
    border-style: solid;
    border-width: 1px;
    border-radius: 32px;
    margin: 35px 0;
    background-color: var(--dl-color-primary-primary500);
    color: white;
}

.todoimg {
    width: 330px;
}

.frame1-frame34 {
    /* width: 306px; */
    margin: 0 24px 0 0;
    display: flex;
    padding: 24px;
    position: relative;
    flex-grow: 1;
    box-shadow: 8px 8px 0px 0px rgba(0, 0, 0, 0.07999999821186066);
    box-sizing: border-box;
    align-items: flex-start;
    border-color: transparent;
    border-radius: 8px;
    flex-direction: column;
    justify-content: flex-end;
    height: 350px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position-x: center;
    background-color: #000000;
}

.sector1 {
    background-image: linear-gradient(transparent, #00000099 95%),url(../assets/v2/industry_logistics_small.jpg);
}

.sector2 {
    background-image: linear-gradient(transparent, #00000099 95%),url(../assets/v2/industry_green_small.jpg);
}

.sector3 {
    background-image: linear-gradient(transparent, #00000099 95%),url(../assets/v2/industry_dao_small.jpg);
    background-size: auto 210%;
    background-position-y: 30%;
}

.sector4 {
    background-image: linear-gradient(transparent, #00000099 95%),url(../assets/v2/industry_realestate_small.jpg);
}

.frame1-text032 {
    color: var(--dl-color-greys-grey0);
    height: auto;
    margin: 0 0 8px 0;
    align-self: auto;
    text-align: left;
    line-height: 28px;
    text-decoration: none;
}

.frame1-text033 {
    color: var(--dl-color-greys-grey0);
    height: 100px;
    margin: 0 0 8px 0;
    align-self: stretch;
    text-align: left;
    line-height: 24px;
    text-decoration: none;
}

.frame1-link {
    display: flex;
    position: relative;
    box-sizing: border-box;
    align-items: flex-start;
    flex-shrink: 1;
    border-color: transparent;
}

.frame1-image24arrowsmright03 {
    width: 24px;
    height: 24px;
    margin: 0 4px 0 0;
    position: relative;
    box-sizing: border-box;
    object-fit: cover;
    border-color: transparent;
}

.frame1-defaultlink03 {
    display: flex;
    position: relative;
    box-sizing: border-box;
    align-items: flex-start;
    flex-shrink: 1;
    border-color: transparent;
    flex-direction: column;
}

.frame1-text034 {
    color: var(--dl-color-greys-grey0);
    height: auto;
    align-self: auto;
    text-align: left;
    line-height: 24px;
    text-decoration: none;
}

.frame1-frame53 {
    margin: 0 0 48px 0;
    display: flex;
    position: relative;
    align-self: stretch;
    box-sizing: border-box;
    align-items: flex-start;
    border-color: transparent;
}

.frame1-cards {
    width: 360px;
    margin: 0 24px 0 0;
    display: flex;
    position: relative;
    box-sizing: border-box;
    align-items: flex-start;
    border-color: transparent;
    flex-direction: column;
}

.frame1-frame56 {
    display: flex;
    padding: 0 16px;
    position: relative;
    align-self: stretch;
    box-sizing: border-box;
    align-items: flex-start;
    flex-shrink: 1;
    border-color: transparent;
    flex-direction: column;
}

.frame1-cardsfaqatom {
    display: flex;
    position: relative;
    align-self: stretch;
    box-sizing: border-box;
    align-items: flex-start;
    flex-shrink: 1;
    border-color: transparent;
    flex-direction: column;
}

.frame1-frame49 {
    display: flex;
    position: relative;
    align-self: stretch;
    box-sizing: border-box;
    align-items: center;
    border-color: transparent;
}

.frame1-avatar {
    margin: 0 8px 0 0;
    display: flex;
    padding: 8px 4px;
    position: relative;
    box-sizing: border-box;
    align-items: flex-start;
    flex-shrink: 1;
    border-color: rgba(61, 61, 61, 1);
    border-style: solid;
    border-width: 1px;
    border-radius: 12px;
    background-color: var(--dl-color-greys-grey600);
}

.frame1-text046 {
    color: var(--dl-color-greys-grey0);
    width: 24px;
    height: auto;
    align-self: auto;
    text-align: center;
    line-height: 16px;
    text-decoration: none;
}

.frame1-text047 {
    color: var(--dl-color-greys-grey800);
    width: 288px;
    height: auto;
    flex-grow: 1;
    align-self: auto;
    text-align: left;
    line-height: 16px;
    text-decoration: none;
}

.frame1-frame52 {
    display: flex;
    position: relative;
    align-self: stretch;
    box-sizing: border-box;
    align-items: flex-start;
    border-color: transparent;
}

.frame1-frame55 {
    width: 32px;
    height: 48px;
    margin: 0 8px 0 0;
    position: relative;
    align-self: stretch;
    box-sizing: border-box;
    object-fit: cover;
    border-color: transparent;
    background-image: url(../assets/v2/upline.svg);
    background-repeat: repeat;
}

.frame1-text048 {
    color: var(--dl-color-greys-grey800);
    width: 288px;
    height: auto;
    flex-grow: 1;
    font-size: 14px;
    align-self: auto;
    font-style: normal;
    text-align: left;
    font-family: Inter;
    font-weight: 400;
    line-height: 24px;
    font-stretch: normal;
    text-decoration: none;
}

.frame1-frame551 {
    width: 320px;
    height: 24px;
    position: relative;
    box-sizing: border-box;
    object-fit: cover;
    border-color: transparent;
}

.frame1-cardsfaqatom1 {
    display: flex;
    padding: 16px;
    position: relative;
    align-self: stretch;
    box-shadow: 0px 4px 0px 0px rgba(0, 0, 0, 0.07999999821186066);
    box-sizing: border-box;
    align-items: flex-start;
    flex-shrink: 1;
    border-color: rgba(61, 61, 61, 1);
    border-style: solid;
    border-width: 1px;
    border-radius: 8px;
    flex-direction: column;
}

.frame1-frame491 {
    display: flex;
    position: relative;
    align-self: stretch;
    box-sizing: border-box;
    align-items: center;
    border-color: transparent;
}

.frame1-avatar1 {
    margin: 0 8px 0 0;
    display: flex;
    padding: 8px 4px;
    position: relative;
    box-sizing: border-box;
    align-items: flex-start;
    flex-shrink: 1;
    border-color: transparent;
    border-radius: 12px;
    background-color: var(--dl-color-primary-primary500)
}

.frame1-text049 {
    color: var(--dl-color-greys-grey0);
    width: 24px;
    height: auto;
    align-self: auto;
    text-align: center;
    line-height: 16px;
    text-decoration: none;
}

.frame1-text050 {
    color: var(--dl-color-greys-grey800);
    width: 288px;
    height: auto;
    flex-grow: 1;
    align-self: auto;
    text-align: left;
    line-height: 16px;
    text-decoration: none;
}

.frame1-frame521 {
    display: flex;
    padding: 0 0 0 40px;
    position: relative;
    align-self: stretch;
    box-sizing: border-box;
    align-items: flex-start;
    flex-shrink: 1;
    border-color: transparent;
    flex-direction: column;
}

.frame1-text051 {
    color: var(--dl-color-greys-grey800);
    width: 288px;
    height: auto;
    margin: 0 0 4px 0;
    font-size: 14px;
    align-self: stretch;
    font-style: normal;
    text-align: left;
    font-family: Inter;
    font-weight: 400;
    line-height: 24px;
    font-stretch: normal;
    text-decoration: none;
}

.frame1-defaultlink07 {
    display: flex;
    position: relative;
    box-sizing: border-box;
    align-items: flex-start;
    flex-shrink: 1;
    border-color: transparent;
    flex-direction: column;
}

.frame1-text052 {
    height: auto;
    align-self: auto;
    text-align: left;
    line-height: 24px;
    text-decoration: none;
}

.frame1-frame57 {
    display: flex;
    position: relative;
    align-self: stretch;
    box-sizing: border-box;
    align-items: flex-start;
    border-color: transparent;
}

.frame1-cardsworkflow {
    width: 306px;
    margin: 0 24px 0 0;
    display: flex;
    padding: 24px;
    position: relative;
    flex-grow: 1;
    box-shadow: 0px 4px 0px 0px rgba(0, 0, 0, 0.07999999821186066);
    box-sizing: border-box;
    align-items: flex-start;
    border-color: rgba(61, 61, 61, 1);
    border-style: solid;
    border-width: 1px;
    border-radius: 8px;
    flex-direction: column;
    background-color: var(--dl-color-greys-grey0);
}

.frame1-frame91 {
    margin: 0 0 16px 0;
    display: flex;
    position: relative;
    align-self: stretch;
    box-sizing: border-box;
    align-items: center;
    border-color: transparent;
    justify-content: space-between;
}

.frame1-frame8 {
    display: flex;
    padding: 16px;
    position: relative;
    box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.11999999731779099);
    box-sizing: border-box;
    align-items: center;
    flex-shrink: 1;
    border-color: rgba(77, 25, 231, 1);
    border-style: solid;
    border-width: 1px;
    border-radius: 8px;
    background-color: var(--dl-color-greys-grey0);
}

.frame1-image32logisticsmerchant {
    width: 32px;
    height: 32px;
    position: relative;
    box-sizing: border-box;
    object-fit: cover;
    border-color: transparent;
}

.frame1-frame912 {
    width: 9px;
    height: 2px;
    position: relative;
    box-sizing: border-box;
    object-fit: cover;
    border-color: transparent;
}

.frame1-frame100 {
    display: flex;
    position: relative;
    box-sizing: border-box;
    align-items: flex-start;
    flex-shrink: 1;
    border-color: transparent;
}

.frame1-group15 {
    width: 16px;
    height: 16px;
    margin: 0 8px 0 0;
    display: flex;
    position: relative;
    box-sizing: border-box;
    align-items: flex-start;
    flex-shrink: 1;
    border-color: transparent;
}

.frame1-svg44 {
    /* width: 16px; */
    /* height: 16px; */
    position: absolute;
}

.frame1-svg45 {
    top: 6px;
    left: 6px;
    /* width: 4px; */
    /* height: 4px; */
    position: absolute;
}

.frame1-group16 {
    width: 16px;
    height: 16px;
    margin: 0 8px 0 0;
    display: flex;
    position: relative;
    box-sizing: border-box;
    align-items: flex-start;
    flex-shrink: 1;
    border-color: transparent;
}

.frame1-svg46 {
    width: 16px;
    height: 16px;
    position: absolute;
}

.frame1-svg47 {
    top: 6px;
    left: 6px;
    width: 4px;
    height: 4px;
    position: absolute;
}

.frame1-group17 {
    width: 16px;
    height: 16px;
    display: flex;
    position: relative;
    box-sizing: border-box;
    align-items: flex-start;
    flex-shrink: 1;
    border-color: transparent;
}

.frame1-svg48 {
    width: 16px;
    height: 16px;
    position: absolute;
}

.frame1-svg49 {
    top: 6px;
    left: 6px;
    width: 4px;
    height: 4px;
    position: absolute;
}

.frame1-frame97 {
    width: 9px;
    height: 2px;
    position: relative;
    box-sizing: border-box;
    object-fit: cover;
    border-color: transparent;
}

.frame1-frame96 {
    display: flex;
    padding: 16px;
    position: relative;
    box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.11999999731779099);
    box-sizing: border-box;
    align-items: center;
    flex-shrink: 1;
    border-color: rgba(87, 159, 87, 1);
    border-style: solid;
    border-width: 1px;
    border-radius: 8px;
    background-color: var(--dl-color-greys-grey0);
}

.frame1-image32logisticsdelivered {
    width: 32px;
    height: 32px;
    position: relative;
    box-sizing: border-box;
    object-fit: cover;
    border-color: transparent;
}

.frame1-frame88 {
    display: flex;
    position: relative;
    align-self: stretch;
    box-sizing: border-box;
    align-items: center;
    border-color: transparent;
    justify-content: space-between;
}

.frame1-frame103 {
    display: flex;
    position: relative;
    box-sizing: border-box;
    align-items: flex-start;
    flex-shrink: 1;
    border-color: transparent;
    flex-direction: column;
}

.frame1-text075 {
    color: var(--dl-color-greys-grey800);
    height: auto;
    align-self: auto;
    text-align: left;
    line-height: 24px;
    text-decoration: none;
}

.frame1-frame104 {
    display: flex;
    position: relative;
    box-sizing: border-box;
    align-items: flex-start;
    flex-shrink: 1;
    border-color: transparent;
}

.frame1-frame101 {
    margin: 0 8px 0 0;
    display: flex;
    position: relative;
    box-sizing: border-box;
    align-items: center;
    flex-shrink: 1;
    border-color: transparent;
}

.frame1-svg50 {
    width: 10px;
    height: 10px;
    margin: 0 8px 0 0;
}

.frame1-text076 {
    color: var(--dl-color-greys-grey600);
    height: auto;
    align-self: auto;
    text-align: left;
    line-height: 24px;
    text-decoration: none;
}

.frame1-svg51 {
    width: 1px;
    height: 24px;
    margin: 0 8px 0 0;
}

.frame1-text077 {
    color: var(--dl-color-greys-grey600);
    height: auto;
    align-self: auto;
    text-align: left;
    line-height: 24px;
    text-decoration: none;
}

.frame1-textbtn07 {
    display: flex;
    /* padding: 12px; */
    position: relative;
    box-sizing: border-box;
    align-items: flex-start;
    flex-shrink: 1;
    border-color: transparent;
    border-radius: 32px;
}

.frame1-image24arrowsmright09 {
    width: 24px;
    height: 24px;
    position: relative;
    box-sizing: border-box;
    object-fit: cover;
    border-color: transparent;
}

.cardsworkflow-container {
    width: 304px;
    margin-right: 24px;
}

.frame1-frame111 {
    display: flex;
    overflow: hidden;
    position: relative;
    align-self: stretch;
    align-items: flex-start;
    border-radius: 16px;
    background-color: var(--dl-color-warning-warning50);
}

.frame1-frame62 {
    display: flex;
    padding: 40px;
    position: relative;
    flex-grow: 1;
    box-sizing: border-box;
    align-items: flex-start;
    /* border-color: transparent; */
    flex-direction: column;
    background-color: white;
}

.frame1-input {
    margin: 0 0 24px 0;
    display: flex;
    position: relative;
    align-self: stretch;
    box-sizing: border-box;
    align-items: flex-start;
    flex-shrink: 1;
    border-color: transparent;
    flex-direction: column;
}


.frame1-formlabel {
    width: 71px;
    height: 24px;
    margin: 0 0 4px 0;
    display: flex;
    position: relative;
    box-sizing: border-box;
    align-items: flex-start;
    border-color: transparent;
}

.frame1-text087 {
    top: 0px;
    left: 0px;
    color: var(--dl-color-greys-grey800);
    height: auto;
    position: absolute;
    align-self: auto;
    text-align: left;
    line-height: 24px;
    text-decoration: none;
}

.frame1-frame12 {
    display: flex;
    /* padding: 12px 16px; */
    position: relative;
    align-self: stretch;
    box-shadow: 0px 4px 0px 0px rgba(0, 0, 0, 0.07999999821186066);
    box-sizing: border-box;
    align-items: flex-start;
    border-color: rgba(61, 61, 61, 1);
    border-style: solid;
    border-width: 1px;
    border-radius: 8px;
    background-color: var(--dl-color-greys-grey0);
}

.frame1-input1 {
    margin: 0 0 24px 0;
    display: flex;
    position: relative;
    align-self: stretch;
    box-sizing: border-box;
    align-items: flex-start;
    flex-shrink: 1;
    border-color: transparent;
    flex-direction: column;
}

.frame1-formlabel1 {
    width: 71px;
    height: 24px;
    margin: 0 0 4px 0;
    display: flex;
    position: relative;
    box-sizing: border-box;
    align-items: flex-start;
    border-color: transparent;
}

.frame1-text088 {
    top: 0px;
    left: 0px;
    color: var(--dl-color-greys-grey800);
    height: auto;
    position: absolute;
    align-self: auto;
    text-align: left;
    line-height: 24px;
    text-decoration: none;
}

.frame1-frame13 {
    display: flex;
    padding: 12px 16px;
    position: relative;
    align-self: stretch;
    box-shadow: 0px 4px 0px 0px rgba(0, 0, 0, 0.07999999821186066);
    box-sizing: border-box;
    align-items: flex-start;
    border-color: rgba(61, 61, 61, 1);
    border-style: solid;
    border-width: 1px;
    border-radius: 8px;
    background-color: var(--dl-color-greys-grey0);
}

.frame1-calendar {
    margin: 0 0 24px 0;
    display: flex;
    position: relative;
    align-self: stretch;
    box-sizing: border-box;
    align-items: flex-start;
    flex-shrink: 1;
    border-color: transparent;
    flex-direction: column;
}

.frame1-formlabel2 {
    width: 71px;
    height: 24px;
    margin: 0 0 4px 0;
    display: flex;
    position: relative;
    box-sizing: border-box;
    align-items: flex-start;
    border-color: transparent;
}

.frame1-text089 {
    top: 0px;
    left: 0px;
    color: var(--dl-color-greys-grey800);
    height: auto;
    position: absolute;
    align-self: auto;
    text-align: left;
    line-height: 24px;
    text-decoration: none;
}

.frame1-frame14 {
    display: flex;
    padding: 12px 16px;
    position: relative;
    align-self: stretch;
    box-shadow: 0px 4px 0px 0px rgba(0, 0, 0, 0.07999999821186066);
    box-sizing: border-box;
    align-items: flex-start;
    border-color: rgba(61, 61, 61, 1);
    border-style: solid;
    border-width: 1px;
    border-radius: 8px;
    justify-content: space-between;
    background-color: var(--dl-color-greys-grey0);
}

.frame1-placeholder {
    display: flex;
    position: relative;
    box-sizing: border-box;
    align-items: flex-start;
    flex-shrink: 1;
    border-color: transparent;
}

.frame1-text090 {
    color: var(--dl-color-greys-grey300);
    height: auto;
    align-self: auto;
    text-align: left;
    line-height: 24px;
    text-decoration: none;
}

.frame1-image24generalcalendar {
    width: 24px;
    height: 24px;
    position: relative;
    box-sizing: border-box;
    object-fit: cover;
    border-color: transparent;
}

.frame1-input2 {
    margin: 0 0 24px 0;
    display: flex;
    position: relative;
    align-self: stretch;
    box-sizing: border-box;
    align-items: flex-start;
    flex-shrink: 1;
    border-color: transparent;
    flex-direction: column;
}

.frame1-formlabel3 {
    width: 71px;
    height: 24px;
    margin: 0 0 4px 0;
    display: flex;
    position: relative;
    box-sizing: border-box;
    align-items: flex-start;
    border-color: transparent;
}

.frame1-text091 {
    top: 0px;
    left: 0px;
    color: var(--dl-color-greys-grey800);
    height: auto;
    position: absolute;
    align-self: auto;
    text-align: left;
    line-height: 24px;
    text-decoration: none;
}

.frame1-frame15 {
    display: flex;
    padding: 12px 16px;
    position: relative;
    align-self: stretch;
    box-shadow: 0px 4px 0px 0px rgba(0, 0, 0, 0.07999999821186066);
    box-sizing: border-box;
    align-items: flex-start;
    border-color: rgba(61, 61, 61, 1);
    border-style: solid;
    border-width: 1px;
    border-radius: 8px;
    background-color: var(--dl-color-greys-grey0);
}

.frame1-textbtn11 {
    display: flex;
    padding: 12px 24px;
    position: relative;
    box-shadow: 0px 4px 0px 0px rgba(232, 230, 239, 1);
    box-sizing: border-box;
    align-items: flex-start;
    flex-shrink: 1;
    border-color: rgba(61, 61, 61, 1);
    border-style: solid;
    border-width: 1px;
    border-radius: 32px;
}

.frame1-text092 {
    color: var(--dl-color-greys-grey0);
    height: auto;
    margin: 0 8px 0 0;
    align-self: auto;
    text-align: left;
    line-height: 24px;
    text-decoration: none;
}

.frame1-image24arrowsmright13 {
    width: 24px;
    height: 24px;
    position: relative;
    box-sizing: border-box;
    object-fit: cover;
    border-color: transparent;
}

.frame1-frame109 {
    display: flex;
    padding: 40px;
    flex-grow: 1;
    align-self: stretch;
    box-sizing: border-box;
    align-items: flex-start;
    flex-shrink: 1;
    flex-direction: column;
    /* justify-content: center; */
    background-color: var(--dl-color-warning-warning50);
}

.frame1-phonecall1 {
    width: 150px;
    margin: 0 0 32px 0;
    position: relative;
    box-sizing: border-box;
    object-fit: cover;
    border-color: transparent;
}

.frame1-frame61 {
    display: flex;
    position: relative;
    align-self: stretch;
    box-sizing: border-box;
    align-items: flex-start;
    flex-shrink: 1;
    border-color: transparent;
    flex-direction: column;
}

.frame1-frame58 {
    margin: 0 0 32px 0;
    display: flex;
    position: relative;
    align-self: stretch;
    box-sizing: border-box;
    align-items: flex-start;
    flex-shrink: 1;
    border-color: transparent;
    flex-direction: column;
}

.frame1-text093 {
    color: var(--dl-color-greys-grey800);
    width: 456px;
    height: auto;
    margin: 0 0 16px 0;
    align-self: stretch;
    text-align: left;
    line-height: 32px;
    text-decoration: none;
}

.frame1-text094 {
    color: var(--dl-color-greys-grey800);
    /* width: 456px; */
    height: auto;
    align-self: stretch;
    text-align: left;
    line-height: 24px;
    text-decoration: none;
}

.frame1-frame60 {
    display: flex;
    position: relative;
    align-self: stretch;
    box-sizing: border-box;
    align-items: flex-start;
    flex-shrink: 1;
    border-color: transparent;
    flex-direction: column;
}

.frame1-text095 {
    color: var(--dl-color-greys-grey800);
    width: 456px;
    height: auto;
    margin: 0 0 16px 0;
    align-self: stretch;
    text-align: left;
    line-height: 28px;
    text-decoration: none;
}

.frame1-frame59 {
    display: flex;
    position: relative;
    align-self: stretch;
    box-sizing: border-box;
    align-items: flex-start;
    flex-shrink: 1;
    border-color: transparent;
    flex-direction: column;
}

.frame1-text096 {
    color: var(--dl-color-greys-grey800);
    width: 1296px;
    height: auto;
    align-self: auto;
    text-align: left;
    line-height: 24px;
    text-decoration: none;
}

.frame1-text097 {
    color: var(--dl-color-greys-grey800);
    width: 1296px;
    height: auto;
    align-self: auto;
    text-align: left;
    line-height: 24px;
    text-decoration: none;
}

.frame1-svg76 {
    width: 640px;
    height: 1px;
}

.frame34-frame7 {
    /* width: 1440px; */
    /* height: 1168px; */
    display: flex;
    padding: 0 72px;
    position: relative;
    align-self: stretch;
    box-sizing: border-box;
    align-items: flex-start;
    flex-shrink: 1;
    border-color: transparent;
}

.frame34-frame75 {
    display: flex;
    padding: 45px;
    align-self: stretch;
    box-sizing: border-box;
    align-items: flex-start;
    border-color: transparent;
    border-radius: 16px 16px 0 0;
    flex-direction: column;
    justify-content: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position-x: center;
    background-color: black;
}

    .frame34-frame75.sectorLogistics {
        background-image: linear-gradient(#00000055, #00000044),url("/assets/v2/industry_logistics_large.jpg");
    }

    .frame34-frame75.sectorDao {
        background-image: url("/assets/v2/industry_dao_large.jpg");
    }

    .frame34-frame75.sectorLifecycle {
        background-image: linear-gradient(#000000AA, #00000033),url("/assets/v2/industry_green_large.jpg");
        background-position-y: center;
    }

    .frame34-frame75.sectorRealestate {
        background-image: linear-gradient(#00000033, #00000022),url("/assets/v2/industry_realestate_large.jpg");
        background-position-y: 20%;
    }

.frame34-frame105 {
    width: 650px;
    margin: 0 0 32px 0;
    display: flex;
    position: relative;
    box-sizing: border-box;
    align-items: flex-start;
    border-color: transparent;
    flex-direction: column;
}

.frame34-text005 {
    color: var(--dl-color-greys-grey0);
    /* width: 650px; */
    height: auto;
    margin: 0 0 24px 0;
    align-self: stretch;
    text-align: left;
    line-height: 40px;
    text-decoration: none;
}

.frame34-text006 {
    color: var(--dl-color-greys-grey0);
    /* width: 650px; */
    height: auto;
    align-self: stretch;
    text-align: left;
    line-height: 28px;
    text-decoration: none;
}

.frame34-frame5 {
    display: flex;
    position: relative;
    box-sizing: border-box;
    align-items: flex-start;
    flex-shrink: 1;
    border-color: transparent;
}

.frame34-textbtn02 {
    display: flex;
    padding: 12px 24px;
    position: relative;
    box-shadow: 0px 4px 0px 0px rgba(0, 0, 0, 0.07999999821186066);
    box-sizing: border-box;
    align-items: flex-start;
    flex-shrink: 1;
    border-color: rgba(61, 61, 61, 1);
    border-style: solid;
    border-width: 1px;
    border-radius: 32px;
    background-color: var(--dl-color-greys-grey0);
}

.frame34-text007 {
    color: var(--dl-color-greys-grey800);
    height: auto;
    margin: 0 8px 0 0;
    align-self: auto;
    text-align: left;
    line-height: 24px;
    text-decoration: none;
}

.frame34-image24arrowsmright01 {
    width: 24px;
    height: 24px;
    position: relative;
    box-sizing: border-box;
    object-fit: cover;
    border-color: transparent;
}

.blueSection {
    background-color: #f5f8ff;
}

.centerSection .col {
    text-align: center;
    padding: 7em 2em;
}

.centerSection p, .centerSection h1, .centerSection h2, .centerSection h3, .centerSection h4 {
    text-align: center;
    padding: 2em;
}

#faqSection {
    margin-top: 3em;
    margin-bottom: 5em;
}

@media (max-width:920px) {
    .px-4 {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
    }
}

#academySection {
    background-color: var(--color-secondary);
    background-image: url('../assets/v3/academy_background.png');
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: -70px 20px;
    padding: 2em;
    height: 250px;
    display: flex;
    flex-flow: row-reverse;
    align-items: flex-start;
    margin-top: 5em;
}


.academyInfo {
    padding: 1.5em;
    text-align: right;
    width: fit-content;
    float: right;
    font-weight: 400;
}

    .academyInfo img {
        display: inline;
    }

    .academyInfo div {
        text-align: right;
        margin-bottom: 20px;
    }

.frame1-frame3 .col:nth-of-type(1) span {
    text-align: right;
    display: block;
    right: 0;
}

.frame1-frame3 .col {
    padding: 0;
}

    .frame1-frame3 .col:nth-of-type(2) {
        position: relative;
    }

.frame1-frame3 .ringarrow {
    position: absolute;
    margin-top: -2em;
    align-content: center;
    text-align: center;
    width: 100%;
}

    .frame1-frame3 .ringarrow img {
        display: inline;
    }

.frame1-frame3 span {
    width: 100%;
    float: left;
}

h1.frame1-frame3.row {
    height: 300px;
    justify-content: center;
    align-content: center;
    width: 1000px;
    margin: auto;
}

#picbreaksection {
    position: relative;
}

    #picbreaksection div {
        position: absolute;
        bottom: 0;
    }

    #picbreaksection .adaPic {
        right: 5em;
        bottom: 1.5em;
    }

    #picbreaksection .plusPic {
        bottom: -20px;
        left: 5em;
    }

        #picbreaksection .plusPic img {
            width: 220px;
        }

    #picbreaksection .adaPic img {
        width: 340px;
    }

#whatissection {
    padding-bottom: 20px;
}

    #whatissection p {
        margin-bottom: 0;
    }

    #whatissection .col:nth-of-type(2) {
    }

.exampleBox {
    height: 410px;
    width: 100%;
    background-color: var(--color-secondary);
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    margin-bottom: 20px;
}


    .exampleBox > *:not(img) {
        width: 70%;
    }

    .exampleBox > *:not(.exampleScreen) {
        margin: 20px;
    }

    .exampleBox .exampleScreen {
        height: 410px;
        position: absolute;
        right: 0;
    }


    .exampleBox .exampleFlow {
        max-height: 150px;
    }

img.avatar {
    border-radius: 50%;
    box-shadow: 0px 4px 0px 0px rgba(0, 0, 0, 0.07999999821186066);
    box-sizing: border-box;
    border: 1px solid black;
    height: 100px;
}

.profileInfo {
}

@media(max-width: 1000px) {
    #whatissection .col:nth-of-type(2) {
    }

    #academySection {
        background-image: none;
    }

    .academyInfo {
        float: left;
        text-align: left;
    }

        .academyInfo div {
            text-align: left;
        }

    .exampleBox .exampleScreen {
        right: -60px;
    }

    .exampleBox {
        height: auto;
        padding-bottom: 40px;
    }

        .exampleBox > *:not(img) {
            width: 60%;
        }

    .exampleFlow {
        width: 50vw;
    }
}


.mainpoints ul {
}

    .mainpoints ul li {
        list-style-type: none;
        font-size: 12pt;
    }

.mainpoints img {
}

.mainpoints .benefitimg {
    height: 90px;
}

@media (max-width:992px) {
    .mainpoints ul li {
        font-size: 10pt;
    }

    .mainpoints .benefitimg {
        height: 60px;
    }
}


.mainpoints h2 {
    position: absolute;
    margin-left: 3em;
    line-height: 50px;
    font-size: 14pt;
    font-family: Inter;
}

#benefitsSection .col {
    place-content: center;
}

.mainthreebullets {
    width: fit-content;
    margin: auto;
    display: flex;
    vertical-align: middle;
}

    .mainthreebullets span {
        font-size: 35pt;
        font-style: normal;
        font-family: Montserrat;
        font-weight: 700;
    }

.frame34-text008 {
    color: var(--dl-color-greys-grey800);
    width: 1104px;
    height: auto;
    margin: 0 0 32px 0;
    align-self: stretch;
    text-align: left;
    line-height: 32px;
    text-decoration: none;
}

.frame34-frame186 {
    margin: 0 0 32px 0;
    display: flex;
    position: relative;
    align-self: stretch;
    box-sizing: border-box;
    align-items: flex-start;
    border-color: transparent;
}

.frame34-frame187 {
    /* width: 346.6666564941406px; */
    margin: 0 32px 0 0;
    display: flex;
    position: relative;
    flex-grow: 1;
    box-sizing: border-box;
    align-items: flex-start;
    border-color: transparent;
    flex-direction: column;
}

.frame34-image48generalfast {
    width: 48px;
    height: 48px;
    margin: 0 0 16px 0;
    position: relative;
    box-sizing: border-box;
    object-fit: cover;
    border-color: transparent;
}

.frame34-text009 {
    color: var(--dl-color-greys-grey800);
    width: 320px;
    height: auto;
    align-self: auto;
    text-align: left;
    line-height: 28px;
    text-decoration: none;
}

.frame34-frame188 {
    width: 346.6666564941406px;
    margin: 0 32px 0 0;
    display: flex;
    position: relative;
    flex-grow: 1;
    box-sizing: border-box;
    align-items: flex-start;
    border-color: transparent;
    flex-direction: column;
}

.frame34-image48generalwarning {
    width: 48px;
    height: 48px;
    margin: 0 0 16px 0;
    position: relative;
    box-sizing: border-box;
    object-fit: cover;
    border-color: transparent;
}

.frame34-text010 {
    color: var(--dl-color-greys-grey800);
    width: 320px;
    height: auto;
    align-self: auto;
    text-align: left;
    line-height: 28px;
    text-decoration: none;
}

.frame34-frame189 {
    width: 346.6666564941406px;
    display: flex;
    position: relative;
    flex-grow: 1;
    box-sizing: border-box;
    align-items: flex-start;
    border-color: transparent;
    flex-direction: column;
}

.frame34-image48generalqr {
    width: 48px;
    height: 48px;
    margin: 0 0 16px 0;
    position: relative;
    box-sizing: border-box;
    object-fit: cover;
    border-color: transparent;
}

.frame34-text011 {
    color: var(--dl-color-greys-grey800);
    width: 320px;
    height: auto;
    align-self: auto;
    text-align: left;
    line-height: 28px;
    text-decoration: none;
}

.frame34-frame1871 {
    margin: 0 0 32px 0;
    display: flex;
    position: relative;
    align-self: stretch;
    box-sizing: border-box;
    align-items: flex-start;
    border-color: transparent;
}

.frame34-frame1872 {
    width: 346.6666564941406px;
    margin: 0 32px 0 0;
    display: flex;
    position: relative;
    flex-grow: 1;
    box-sizing: border-box;
    align-items: flex-start;
    border-color: transparent;
    flex-direction: column;
}

.frame34-image48generaldesign {
    width: 48px;
    height: 48px;
    margin: 0 0 16px 0;
    position: relative;
    box-sizing: border-box;
    object-fit: cover;
    border-color: transparent;
}

.frame34-text012 {
    color: var(--dl-color-greys-grey800);
    width: 320px;
    height: auto;
    align-self: auto;
    text-align: left;
    line-height: 28px;
    text-decoration: none;
}

.frame34-frame1881 {
    width: 346.6666564941406px;
    margin: 0 32px 0 0;
    display: flex;
    position: relative;
    flex-grow: 1;
    box-sizing: border-box;
    align-items: flex-start;
    border-color: transparent;
    flex-direction: column;
}

.frame34-image48generalshield {
    width: 48px;
    height: 48px;
    margin: 0 0 16px 0;
    position: relative;
    box-sizing: border-box;
    object-fit: cover;
    border-color: transparent;
}

.frame34-text013 {
    color: var(--dl-color-greys-grey800);
    width: 320px;
    height: auto;
    align-self: auto;
    text-align: left;
    line-height: 28px;
    text-decoration: none;
}

.frame34-frame1891 {
    width: 346.6666564941406px;
    display: flex;
    position: relative;
    flex-grow: 1;
    box-sizing: border-box;
    align-items: flex-start;
    border-color: transparent;
    flex-direction: column;
}

.frame34-data48generaldata {
    width: 48px;
    height: 48px;
    margin: 0 0 16px 0;
    position: relative;
    box-sizing: border-box;
    object-fit: cover;
    border-color: transparent;
}

.frame34-text014 {
    color: var(--dl-color-greys-grey800);
    width: 320px;
    height: auto;
    align-self: auto;
    text-align: left;
    line-height: 28px;
    text-decoration: none;
}

.frame34-textbtn03 {
    display: flex;
    padding: 12px 24px;
    position: relative;
    box-shadow: 0px 4px 0px 0px rgba(0, 0, 0, 0.07999999821186066);
    box-sizing: border-box;
    align-items: flex-start;
    flex-shrink: 1;
    border-color: rgba(61, 61, 61, 1);
    border-style: solid;
    border-width: 1px;
    border-radius: 32px;
    background-color: var(--dl-color-greys-grey0);
}

.frame34-text015 {
    color: var(--dl-color-greys-grey800);
    height: auto;
    margin: 0 8px 0 0;
    align-self: auto;
    text-align: left;
    line-height: 24px;
    text-decoration: none;
}

.frame34-image24arrowsmright02 {
    width: 24px;
    height: 24px;
    position: relative;
    box-sizing: border-box;
    object-fit: cover;
    border-color: transparent;
}

.frame34-svg03 {
    top: 448.75958251953125px;
    left: -91.13621520996094px;
    width: 229px;
    height: 229px;
    position: absolute;
}

.frame34-svg04 {
    top: 1031.7578125px;
    left: 1228px;
    width: 260px;
    height: 260px;
    position: absolute;
}

.frame34-frame162 {
    top: 0px;
    /* left: 72px; */
    /* width: 1296px; */
    display: flex;
    padding: 24px 96px;
    /* position: absolute; */
    box-sizing: border-box;
    align-items: center;
    border-color: rgba(61, 61, 61, 1);
    /* border-style: solid; */
    /* border-width: 1px; */
    justify-content: center;
    border-top: 1px black dashed;
}

.frame34-underlinedlink {
    margin: 0 32px 0 0;
    display: flex;
    position: relative;
    box-sizing: border-box;
    align-items: flex-start;
    flex-shrink: 1;
    border-color: transparent;
    flex-direction: column;
}

.frame34-text016 {
    height: auto;
    align-self: auto;
    text-align: left;
    line-height: 24px;
    text-decoration: none;
}

.frame34-svg05 {
    width: 59px;
    height: 1px;
}

.frame34-defaultlink03 {
    margin: 0 32px 0 0;
    display: flex;
    position: relative;
    box-sizing: border-box;
    align-items: flex-start;
    flex-shrink: 1;
    border-color: transparent;
}

.frame34-text017 {
    color: var(--dl-color-greys-grey800);
    height: auto;
    align-self: auto;
    text-align: left;
    line-height: 24px;
    text-decoration: none;
}

.frame34-defaultlink04 {
    margin: 0 32px 0 0;
    display: flex;
    position: relative;
    box-sizing: border-box;
    align-items: flex-start;
    flex-shrink: 1;
    border-color: transparent;
}

.frame34-text018 {
    color: var(--dl-color-greys-grey800);
    height: auto;
    align-self: auto;
    text-align: left;
    line-height: 24px;
    text-decoration: none;
}

.frame34-defaultlink05 {
    display: flex;
    position: relative;
    box-sizing: border-box;
    align-items: flex-start;
    flex-shrink: 1;
    border-color: transparent;
}

.frame34-text019 {
    color: var(--dl-color-greys-grey800);
    height: auto;
    align-self: auto;
    text-align: left;
    line-height: 24px;
    text-decoration: none;
}

.frame34-frame73 {
    border-color: transparent;
    padding: 30px;
    border-radius: 0 0 16px 16px;
}

    .frame34-frame73 .col {
        padding: 0 20px;
    }
nav
{
    z-index:10;
}
nav .frame34-frame73 {
    justify-content: space-between;
    display: flex;
    flex-wrap: inherit;
    align-items: center;
    width: 100%;
}

a.nav-link.selected, a.nav-link:hover, a.nav-link:active, a.in-link.selected, a.in-link:hover, a.in-link:active {
    text-decoration: underline;
    text-underline-position: under;
    color: var(--dl-color-primary-primary500) !important;
}

.frame34-frame33 {
    margin: 0 0 128px 0;
    display: flex;
    padding: 0 72px;
    position: relative;
    align-self: stretch;
    box-sizing: border-box;
    align-items: flex-start;
    border-color: transparent;
}

.frame34-frame901 {
    /* width: 416px; */
    margin: 0 64px 0 0;
    display: flex;
    position: relative;
    box-sizing: border-box;
    align-items: flex-start;
    border-color: transparent;
    flex-direction: column;
}

.frame34-text033 {
    color: var(--dl-color-greys-grey800);
    /* width: 416px; */
    height: auto;
    margin: 0 0 32px 0;
    align-self: stretch;
    text-align: left;
    line-height: 32px;
    text-decoration: none;
}

.frame34-text034 {
    color: var(--dl-color-greys-grey800);
    /* width: 416px; */
    height: auto;
    margin: 0 0 32px 0;
    font-size: 14px;
    align-self: stretch;
    font-style: normal;
    text-align: left;
    font-family: Inter;
    font-weight: 400;
    line-height: 24px;
    font-stretch: normal;
    text-decoration: none;
}

.frame34-textbtn08 {
    display: flex;
    padding: 12px 24px;
    position: relative;
    box-shadow: 0px 4px 0px 0px rgba(232, 230, 239, 1);
    box-sizing: border-box;
    align-items: flex-start;
    flex-shrink: 1;
    border-color: rgba(61, 61, 61, 1);
    border-style: solid;
    border-width: 1px;
    border-radius: 32px;
}

.frame34-text035 {
    color: var(--dl-color-greys-grey0);
    height: auto;
    margin: 0 8px 0 0;
    font-size: 14px;
    align-self: auto;
    font-style: normal;
    text-align: left;
    font-family: Inter;
    font-weight: 700;
    line-height: 24px;
    font-stretch: normal;
    text-decoration: none;
}

.frame34-image24arrowsmright07 {
    width: 24px;
    height: 24px;
    position: relative;
    box-sizing: border-box;
    object-fit: cover;
    border-color: transparent;
}

.frame34-frame127 {
    display: flex;
    position: relative;
    flex-grow: 1;
    box-sizing: border-box;
    align-items: flex-start;
    flex-shrink: 1;
    border-color: transparent;
}

.frame34-frame83 {
    /* width: 384px; */
    margin: 0 16px 0 0;
    display: flex;
    position: relative;
    flex-grow: 1;
    box-sizing: border-box;
    align-items: flex-start;
    border-color: transparent;
    border-radius: 8px;
    flex-direction: column;
}

.frame34-frame80 {
    display: flex;
    position: relative;
    align-self: stretch;
    box-sizing: border-box;
    align-items: flex-start;
    border-color: transparent;
    height: 70px;
}

.frame34-frame81 {
    display: flex;
    padding: 8px;
    position: relative;
    flex-grow: 1;
    box-sizing: border-box;
    align-items: flex-start;
    flex-shrink: 1;
    border-color: transparent;
}

.frame34-frame811 {
    display: flex;
    padding: 16px 0 16px 24px;
    position: relative;
    align-self: stretch;
    box-sizing: border-box;
    align-items: flex-start;
    flex-shrink: 1;
    border-color: transparent;
    flex-direction: column;
    height: 152px;
}

.frame34-text036 {
    color: var(--dl-color-greys-grey800);
    height: auto;
    margin: 0 0 8px 0;
    align-self: auto;
    text-align: left;
    line-height: 24px;
    text-decoration: none;
}

.frame34-text037 {
    color: var(--dl-color-greys-grey600);
    /* width: 360px; */
    height: auto;
    align-self: stretch;
    text-align: left;
    text-decoration: none;
    font-size: 13pt;
}

.frame34-svg38 {
    width: 384px;
    height: 1px;
}

.frame34-frame812 {
    display: flex;
    padding: 16px 0 16px 24px;
    position: relative;
    align-self: stretch;
    box-sizing: border-box;
    align-items: flex-start;
    flex-shrink: 1;
    border-color: transparent;
    flex-direction: column;
}

.frame34-text038 {
    color: var(--dl-color-greys-grey800);
    height: auto;
    margin: 0 0 8px 0;
    font-size: 14px;
    align-self: auto;
    font-style: normal;
    text-align: left;
    font-family: Inter;
    font-weight: 700;
    line-height: 24px;
    font-stretch: normal;
    text-decoration: none;
}

.frame34-text039 {
    color: var(--dl-color-greys-grey600);
    width: 360px;
    height: auto;
    font-size: 14px;
    align-self: stretch;
    font-style: normal;
    text-align: left;
    font-family: Inter;
    font-weight: 400;
    line-height: 24px;
    font-stretch: normal;
    text-decoration: none;
}

.frame34-svg39 {
    width: 384px;
    height: 1px;
}

.frame34-frame813 {
    display: flex;
    padding: 16px 0 16px 24px;
    position: relative;
    align-self: stretch;
    box-sizing: border-box;
    align-items: flex-start;
    flex-shrink: 1;
    border-color: transparent;
    flex-direction: column;
}

.frame34-text040 {
    color: var(--dl-color-greys-grey800);
    height: auto;
    margin: 0 0 8px 0;
    font-size: 14px;
    align-self: auto;
    font-style: normal;
    text-align: left;
    font-family: Inter;
    font-weight: 700;
    line-height: 24px;
    font-stretch: normal;
    text-decoration: none;
}

.frame34-text041 {
    color: var(--dl-color-greys-grey600);
    width: 360px;
    height: auto;
    font-size: 14px;
    align-self: stretch;
    font-style: normal;
    text-align: left;
    font-family: Inter;
    font-weight: 400;
    line-height: 24px;
    font-stretch: normal;
    text-decoration: none;
}

.frame34-svg40 {
    width: 384px;
    height: 1px;
}

.frame34-frame814 {
    display: flex;
    padding: 16px 0 16px 24px;
    position: relative;
    align-self: stretch;
    box-sizing: border-box;
    align-items: flex-start;
    flex-shrink: 1;
    border-color: transparent;
    flex-direction: column;
}

.frame34-text042 {
    color: var(--dl-color-greys-grey800);
    height: auto;
    margin: 0 0 8px 0;
    font-size: 14px;
    align-self: auto;
    font-style: normal;
    text-align: left;
    font-family: Inter;
    font-weight: 700;
    line-height: 24px;
    font-stretch: normal;
    text-decoration: none;
}

.frame34-text043 {
    color: var(--dl-color-greys-grey600);
    width: 360px;
    height: auto;
    font-size: 14px;
    align-self: stretch;
    font-style: normal;
    text-align: left;
    font-family: Inter;
    font-weight: 400;
    line-height: 24px;
    font-stretch: normal;
    text-decoration: none;
}

.frame34-svg41 {
    width: 384px;
    height: 1px;
}

.frame34-frame815 {
    display: flex;
    padding: 16px 0 16px 24px;
    position: relative;
    align-self: stretch;
    box-sizing: border-box;
    align-items: flex-start;
    flex-shrink: 1;
    border-color: transparent;
    flex-direction: column;
}

.frame34-text044 {
    color: var(--dl-color-greys-grey800);
    height: auto;
    margin: 0 0 8px 0;
    font-size: 14px;
    align-self: auto;
    font-style: normal;
    text-align: left;
    font-family: Inter;
    font-weight: 700;
    line-height: 24px;
    font-stretch: normal;
    text-decoration: none;
}

.frame34-text045 {
    color: var(--dl-color-greys-grey600);
    width: 360px;
    height: auto;
    font-size: 14px;
    align-self: stretch;
    font-style: normal;
    text-align: left;
    font-family: Inter;
    font-weight: 400;
    line-height: 24px;
    font-stretch: normal;
    text-decoration: none;
}

.frame34-svg42 {
    width: 384px;
    height: 1px;
}

.frame34-frame816 {
    display: flex;
    padding: 16px 0 16px 24px;
    position: relative;
    align-self: stretch;
    box-sizing: border-box;
    align-items: flex-start;
    flex-shrink: 1;
    border-color: transparent;
    flex-direction: column;
}

.frame34-text046 {
    color: var(--dl-color-greys-grey800);
    height: auto;
    margin: 0 0 8px 0;
    font-size: 14px;
    align-self: auto;
    font-style: normal;
    text-align: left;
    font-family: Inter;
    font-weight: 700;
    line-height: 24px;
    font-stretch: normal;
    text-decoration: none;
}

.frame34-text047 {
    color: var(--dl-color-greys-grey600);
    width: 360px;
    height: auto;
    font-size: 14px;
    align-self: stretch;
    font-style: normal;
    text-align: left;
    font-family: Inter;
    font-weight: 400;
    line-height: 24px;
    font-stretch: normal;
    text-decoration: none;
}

.frame34-frame120 {
    width: 300px;
    margin: 0 16px 0 0;
    display: flex;
    overflow: hidden;
    position: relative;
    align-self: stretch;
    box-shadow: 0px 4px 0px 0px rgba(0, 0, 0, 0.07999999821186066);
    box-sizing: border-box;
    align-items: flex-start;
    border-color: rgba(61, 61, 61, 1);
    border-style: solid;
    border-width: 1px;
    border-radius: 8px;
    flex-direction: column;
}

.frame34-frame114 {
    width: 100%;
    display: flex;
    padding: 24px 0;
    position: relative;
    box-sizing: border-box;
    align-items: flex-start;
    border-bottom: 1px solid rgba(61, 61, 61, 1);
    border-radius: 8px 8px 0 0;
    background-color: white;
}

.frame34-text048 {
    color: var(--dl-color-greys-grey700);
    /* width: 200px; */
    height: auto;
    flex-grow: 1;
    font-size: 14px;
    align-self: auto;
    font-style: normal;
    text-align: center;
    font-family: Inter;
    font-weight: 700;
    line-height: 24px;
    font-stretch: normal;
    text-decoration: none;
    margin-left: 5px;
}

.frame34-frame115 {
    height: 152px;
    display: flex;
    padding: 32px 16px;
    position: relative;
    flex-grow: 1;
    box-sizing: border-box;
    align-items: center;
    border-color: transparent;
    justify-content: center;
    background-color: white;
    width: 100%;
}

.frame34-image24generalcheck {
    width: 24px;
    height: 24px;
    position: relative;
    box-sizing: border-box;
    object-fit: cover;
    border-color: transparent;
}

.frame34-svg43 {
    width: 200px;
    height: 1px;
}

.frame34-frame125 {
    height: 152px;
    display: flex;
    padding: 32px 16px;
    position: relative;
    flex-grow: 1;
    box-sizing: border-box;
    align-items: center;
    border-color: transparent;
    justify-content: center;
}

.frame34-image24generalcheck1 {
    width: 24px;
    height: 24px;
    position: relative;
    box-sizing: border-box;
    object-fit: cover;
    border-color: transparent;
}

.frame34-svg44 {
    width: 200px;
    height: 1px;
}

.frame34-frame126 {
    height: 152px;
    display: flex;
    padding: 32px 16px;
    position: relative;
    flex-grow: 1;
    box-sizing: border-box;
    align-items: center;
    border-color: transparent;
    justify-content: center;
}

.frame34-image24generalcheck2 {
    width: 24px;
    height: 24px;
    position: relative;
    box-sizing: border-box;
    object-fit: cover;
    border-color: transparent;
}

.frame34-svg45 {
    width: 200px;
    height: 1px;
}

.frame34-frame1271 {
    height: 152px;
    display: flex;
    padding: 32px 16px;
    position: relative;
    flex-grow: 1;
    box-sizing: border-box;
    align-items: center;
    border-color: transparent;
    justify-content: center;
}

.frame34-image24generalcheck3 {
    width: 24px;
    height: 24px;
    position: relative;
    box-sizing: border-box;
    object-fit: cover;
    border-color: transparent;
}

.frame34-svg46 {
    width: 200px;
    height: 1px;
}

.frame34-frame128 {
    height: 152px;
    display: flex;
    padding: 32px 16px;
    position: relative;
    flex-grow: 1;
    box-sizing: border-box;
    align-items: center;
    border-color: transparent;
    justify-content: center;
}

.frame34-image24generalcheck4 {
    width: 24px;
    height: 24px;
    position: relative;
    box-sizing: border-box;
    object-fit: cover;
    border-color: transparent;
}

.frame34-svg47 {
    width: 200px;
    height: 1px;
}

.frame34-frame129 {
    height: 152px;
    display: flex;
    padding: 32px 16px;
    position: relative;
    flex-grow: 1;
    box-sizing: border-box;
    align-items: center;
    border-color: transparent;
    justify-content: center;
}

.frame34-image24generalcheck5 {
    width: 24px;
    height: 24px;
    position: relative;
    box-sizing: border-box;
    object-fit: cover;
    border-color: transparent;
}

.frame34-frame1261 {
    width: 300px;
    display: flex;
    overflow: hidden;
    position: relative;
    align-self: stretch;
    box-shadow: 0px 4px 0px 0px rgba(0, 0, 0, 0.07999999821186066);
    box-sizing: border-box;
    align-items: flex-start;
    border-color: rgba(61, 61, 61, 1);
    border-style: solid;
    border-width: 1px;
    border-radius: 8px;
    flex-direction: column;
}

.frame34-frame79 {
    width: 200px;
    display: flex;
    padding: 24px 0;
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
    align-items: flex-start;
    border-color: rgba(61, 61, 61, 1);
    border-style: solid;
    border-width: 1px;
    border-radius: 8px 8px 0 0;
    background-color: var(--dl-color-greys-grey0);
}

.frame34-text049 {
    color: var(--dl-color-greys-grey800);
    width: 200px;
    height: auto;
    flex-grow: 1;
    font-size: 14px;
    align-self: auto;
    font-style: normal;
    text-align: center;
    font-family: Inter;
    font-weight: 700;
    line-height: 24px;
    font-stretch: normal;
    text-decoration: none;
}

.frame34-frame121 {
    height: 152px;
    display: flex;
    padding: 32px 16px;
    position: relative;
    flex-grow: 1;
    box-sizing: border-box;
    align-items: center;
    border-color: transparent;
    justify-content: center;
    background-color: var(--dl-color-greys-grey0);
}

.frame34-image24generalclose {
    width: 24px;
    height: 24px;
    position: relative;
    box-sizing: border-box;
    object-fit: cover;
    border-color: transparent;
}

.frame34-svg48 {
    width: 200px;
    height: 1px;
}

.frame34-frame131 {
    height: 152px;
    display: flex;
    padding: 32px 16px;
    position: relative;
    flex-grow: 1;
    box-sizing: border-box;
    align-items: center;
    border-color: transparent;
    justify-content: center;
    background-color: var(--dl-color-greys-grey0);
}

.frame34-image24generalclose1 {
    width: 24px;
    height: 24px;
    position: relative;
    box-sizing: border-box;
    object-fit: cover;
    border-color: transparent;
}

.frame34-svg49 {
    width: 200px;
    height: 1px;
}

.frame34-frame132 {
    height: 152px;
    display: flex;
    padding: 32px 16px;
    position: relative;
    flex-grow: 1;
    box-sizing: border-box;
    align-items: center;
    border-color: transparent;
    justify-content: center;
    background-color: var(--dl-color-greys-grey0);
}

.frame34-image24generalclose2 {
    width: 24px;
    height: 24px;
    position: relative;
    box-sizing: border-box;
    object-fit: cover;
    border-color: transparent;
}

.frame34-svg50 {
    width: 200px;
    height: 1px;
}

.frame34-frame133 {
    height: 152px;
    display: flex;
    padding: 32px 16px;
    position: relative;
    flex-grow: 1;
    box-sizing: border-box;
    align-items: center;
    border-color: transparent;
    justify-content: center;
    background-color: var(--dl-color-greys-grey0);
}

.frame34-image24generalclose3 {
    width: 24px;
    height: 24px;
    position: relative;
    box-sizing: border-box;
    object-fit: cover;
    border-color: transparent;
}

.frame34-svg51 {
    width: 200px;
    height: 1px;
}

.frame34-frame135 {
    height: 152px;
    display: flex;
    padding: 32px 16px;
    position: relative;
    flex-grow: 1;
    box-sizing: border-box;
    align-items: center;
    border-color: transparent;
    justify-content: center;
    background-color: var(--dl-color-greys-grey0);
}

.frame34-image24generalclose4 {
    width: 24px;
    height: 24px;
    position: relative;
    box-sizing: border-box;
    object-fit: cover;
    border-color: transparent;
}

.frame34-svg52 {
    width: 200px;
    height: 1px;
}

.frame34-frame134 {
    height: 152px;
    display: flex;
    padding: 32px 16px;
    position: relative;
    flex-grow: 1;
    box-sizing: border-box;
    align-items: center;
    border-color: transparent;
    justify-content: center;
    background-color: var(--dl-color-greys-grey0);
}

.frame34-image24generalclose5 {
    width: 24px;
    height: 24px;
    position: relative;
    box-sizing: border-box;
    object-fit: cover;
    border-color: transparent;
}

.frame174-textbtn {
    display: flex;
    padding: 12px;
    position: relative;
    box-shadow: 0px 4px 0px 0px rgba(0, 0, 0, 0.07999999821186066);
    box-sizing: border-box;
    align-items: flex-start;
    flex-shrink: 1;
    border-color: rgba(61, 61, 61, 1);
    border-style: solid;
    border-width: 1px;
    border-radius: 32px;
    background-color: var(--dl-color-greys-grey0);
    margin-right: .6em;
}

.frame174-frame4 {
    margin: 0 0 16px 0;
    display: flex;
    position: relative;
    align-self: stretch;
    box-sizing: border-box;
    align-items: center;
    flex-shrink: 1;
    border-color: transparent;
    flex-direction: column;
    text-align: left;
}

.frame174-text {
    color: var(--dl-color-greys-grey800);
    height: auto;
    align-self: stretch;
    text-align: left;
    line-height: 36px;
    text-decoration: none;
}

.frame174-text01 {
    color: rgba(0, 0, 0, 1);
    width: 328px;
    height: auto;
    align-self: stretch;
    font-style: normal;
    text-align: left;
    font-weight: bold;
    font-stretch: normal;
    text-decoration: none;
}

.frame174-text02 {
    color: rgba(87, 159, 87, 1);
    width: 328px;
    height: auto;
    align-self: stretch;
    font-style: normal;
    text-align: left;
    font-weight: 700;
    font-stretch: normal;
    text-decoration: none;
}

.frame174-text03 {
    color: rgba(87, 159, 87, 1);
    width: 328px;
    height: auto;
    align-self: stretch;
    font-style: normal;
    text-align: left;
    font-weight: 700;
    font-stretch: normal;
    text-decoration: none;
}

.frame174-text04 {
    color: rgba(0, 0, 0, 1);
    width: 328px;
    height: auto;
    align-self: stretch;
    font-style: normal;
    text-align: left;
    font-weight: 700;
    font-stretch: normal;
    text-decoration: none;
}

.frame174-text05 {
    color: rgba(0, 0, 0, 1);
    width: 328px;
    height: auto;
    align-self: stretch;
    font-style: normal;
    text-align: left;
    font-weight: bold;
    font-stretch: normal;
    text-decoration: none;
}

.frame174-frame181 {
    position: relative;
    box-sizing: border-box;
    align-items: flex-start;
    flex-shrink: 1;
    border-color: transparent;
}

.frame174-text18 {
    color: var(--dl-color-greys-grey800);
    /* width: 288px; */
    height: auto;
    margin: 0 0 16px 0;
    align-self: stretch;
    text-align: left;
    line-height: 28px;
    text-decoration: none;
}

.frame174-text19 {
    color: var(--dl-color-greys-grey800);
    /* width: 288px; */
    height: auto;
    align-self: stretch;
    text-align: left;
    line-height: 24px;
    text-decoration: none;
}

/*.carousel-item.active + div {
    display: block !important;
    transform: translateX(100%);
}*/

.carousel-item {
    padding: 0 20px;
}

.carousel-indicators [data-bs-target] {
    position: relative;
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 8px;
    height: 8px;
    padding: 0;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border: 0;
    opacity: 0.5;
    transition: opacity 0.6s ease;
    background: url(/assets/v2/indicator_disabled.svg)
}

.carousel-indicators {
    position: relative;
    z-index: 100000;
    right: inherit;
    bottom: 0;
    display: flex;
    justify-content: normal;
    padding: 0;
    margin-right: 0px;
    margin-bottom: 1rem;
    margin-left: 0px;
    margin-top: 15px;
    list-style: none;
}

    .carousel-indicators .active[data-bs-target] {
        background: url(/assets/v2/indicator_active.svg)
    }

.carouselMask {
    /* left: 320px; */
    width: 50px;
    position: absolute;
    height: 500px;
    z-index: 10000;
    background-image: linear-gradient(to right, transparent, white 60%);
    right: 0;
}

.carousel-heading {
    width: 350px;
    padding: 15px;
}

.carousel-inner {
    height: 430px;
}

.carousel {
    max-width: 550px;
}

.ok {
    color: var(--dl-color-success-700)
}

.compSummarySmall {
    display: block !important;
}

    .compSummarySmall img {
        position: absolute;
        right: 0;
    }

form {
    width: 100%;
}

.button a:visited, .button a:hover, .button a:active, .button a, .button span, .button {
    text-decoration: none !important;
}

.button {
    margin-bottom: 10px;
    margin-top: 10px;
}

nav .button {
    margin-bottom: 10px;
    margin-top: 0;
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%234d19e7' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
    width: 100px;
    height: 100px;
}

.carousel-control-next {
    z-index: 30000;
    position: absolute;
    right: 0;
}

footer {
    background-color: var(--color-primary) !important;
    color: white;
}

    footer a, footer a:hover, footer a:visited, footer a:active {
        color: white !important;
    }


.slogan.hero {
    margin-bottom: 20px;
    margin-top: 30px;
    padding-bottom:10px;
}
/* v�ike */
@media (max-width: 991px) {
    .nav-item a.btnPrimary {
        margin: 60px 20px !important;
        line-height: 50px;
    }

    .slogan.hero {
        margin-bottom: 10px;
        margin-top: 30px;
    }

    .px-5 {
        padding: 1.5rem .5rem !important;
        margin: 0px;
    }

    .my-5 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important;
    }

    .nav-link {
        margin-left: 2em;
    }

    section > div > div.col-2 {
        width: 5%;
    }

    section > div > div.col-8 {
        width: 90%;
    }

    div.onlySmall, section.onlySmall {
        display: inherit;
    }

    div.onlyBig, section.onlyBig, table.onlyBig {
        display: none !important;
    }


    .frame1-text008 {
        text-align: left;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .basebase-Regular {
        font-size: 14px;
    }

    .frame1-frame95, .frame34-frame5 {
        display: block;
        width: 100%;
    }

    .col-6, .two-pane .col {
        width: 100%;
    }

    .s5xl5xl-Semibold {
        font-size: 30px;
        font-style: normal;
        font-family: Montserrat;
        font-weight: 700;
        font-stretch: normal;
        line-height: 1.05;
    }

    
    /*remove paddings*/
    .frame1-frame6, .frame1-frame7 {
        padding: 0px;
    }

    .frame1-frame6, .frame34-frame901 {
        width: 100%;
    }

    #industriesSection .col-3 {
        width: 100%;
        margin-bottom: 1rem;
    }

    .frame1-frame34 {
        height: 250px;
    }

    .frame1-frame57 {
        display: flex;
        flex-direction: column;
    }

    .frame1-cardsworkflow {
        margin-bottom: 20px;
    }

    .frame1-frame109 {
        border-right: none;
        border-bottom: 1px black dashed;
    }

    .frame34-frame73 .col-4 {
        width: 100%;
    }

    .frame34-frame811 {
        padding: 10px 0px;
    }

    .frame34-frame811 {
        height: auto;
        border-bottom: 1px solid black;
    }

    .frame34-frame75 {
        padding: 40px 10px;
    }

    #industryheader > .px-5, #waitlistheader > .px-5 {
        padding: 0 !important;
    }

    #threePointHeader > .row > .col-1 {
        display: none;
    }

    #comparisonHeader .col-3, #comparisonHeader .col-9, #threePointHeader > .row > .col-10 {
        width: 100%;
    }

    .frame34-frame75, .frame1-frame111 {
        border-radius: 0;
    }

    .frame34-text034 {
        width: 100%;
    }

    .frame1-frame111 {
        border-left: 0;
        border-right: 0;
    }

    input, button.header-textbtn1 {
        width: 100%;
    }

    .frame1-frame62 {
        height: auto;
    }

    footer .header-header, footer .header-frame1 {
        flex-direction: column;
        width: 100%;
    }

        footer .header-frame1 > a {
            width: 100%;
        }

        footer .header-frame1 > div {
            padding: 10px;
        }

    .navbar-brand {
        height: 100px;
    }

    footer .header-svg {
        left: -5px;
        top: -10px;
        width: 140px;
    }

    .frame34-frame162 {
        padding: 20px 0;
    }
}
/* suur */
@media (min-width: 992px) {

    .frame174-textbtn {
        display: none;
    }

    div.onlySmall, section.onlySmall {
        display: none !important;
    }

    div.onlyBig, section.onlyBig, table.onlyBig {
        display: table;
    }
}

.blogContent {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* number of lines to show */
    line-clamp: 2;
    -webkit-box-orient: vertical;
    font-weight:normal !important;
}

.blogContent strong {
    font-weight: normal !important;
}

.blogReadMore {
    text-align: left;
}

.blogMeta {
    display: flex;
    vertical-align: center;
    align-items: center;
}

    .blogMeta > * {
        margin-right: 20px;
    }

    .blogMeta img {
        height: 40px;
        border-radius: 50%;
        box-shadow: 0px 4px 0px 0px rgba(0, 0, 0, 0.07999999821186066);
        box-sizing: border-box;
    }

@media(min-width:1200px) {
    #blogSection {
        width: 70%;
    }
}

#blogSection figcaption {
    font-style: italic;
    color: darkgrey;
}

.blogItem {
    margin-top: 1em;
    margin-bottom: 2em;
    font-size:12pt;
}

    .blogItem .blogTitle a {
        color: black;
        text-decoration: none;
    }
        .blogItem .blogTitle a:hover {
            color: black;
            text-decoration: underline;
        }

    .blogItem img:not(.profileImage) {
        width: 100%;
    }

.blogItem strong{
    font-weight:600;
}

    .blogItem > * {
        margin-bottom: 1.5em;
    }

.modal-footer .btn-primary, .btnPrimary {
    border-radius: 25px;
    background-color: var(--dl-color-primary-primary500);
    border: 0;
    padding: 10px 25px;
    font-weight: 600;
    color: white;
    box-shadow: 0px 4px 0px 0px rgba(0, 0, 0, .1);
    box-sizing: border-box;
}

a.btnPrimary, a.btnPrimary:hover, a.btnPrimary:active, a.btnPrimary.selected, a.silentLink, a.silentLink:hover, a.silentLink:active, a.silentLink.selected, a.btnSecondary, a.btnSecondary:hover, a.btnSecondary:active, a.btnSecondary.selected {
    text-decoration: none !important;
    color: black;
}

    .btnSecondary, a.btnSecondary:hover, a.btnSecondary:active, a.btnSecondary.selected {
        color: black !important;
    }

    a.btnPrimary, a.btnPrimary:hover, a.btnPrimary:active, a.btnPrimary.selected {
        color: white;
    }

.modal-footer .btn-secondary, .btnSecondary {
    border-radius: 25px;
    background-color: var(--background);
    border: 1px solid black;
    padding: 10px 25px;
    font-weight: 600;
    color: black;
    box-shadow: 0px 4px 0px 0px rgba(0, 0, 0, .1);
    box-sizing: border-box;
}


.btnTertiary {
    border-radius: 25px;
    background-color: white;
    border: none;
    padding: 10px 25px;
    font-weight: 600;
    color: black;
    box-shadow: 0px 4px 0px 0px rgba(0, 0, 0, .1);
    box-sizing: border-box;
}

.btnSmall {
    padding: 5px 12px;
    font-size: 13px !important;
}

.blendIn {
    background-color: inherit;
}

.blockchainLogos {
    width: 100%;
}

.smallExampleContainer h4 {
    padding: .5em;
    font-size: 12pt;
    border-radius: 10px;
    border: 1px solid lightgrey;
    font-weight: normal;
}

.smallExampleContainer.col {
    padding: .2em 1em;
}

.winDiv {
    width: calc(100vw - 120px);
    background-color: #fff;
    margin-bottom: 10px;
    padding: 15px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 15px;
    font-size: 10pt;
}

.winTable {
    border-collapse: collapse;
    margin-left: auto;
    margin-right: auto;
}

    .winTable td {
        padding: 0 10px;
    }

.winCol a {
    /* color: #79775e !important;*/
}

.adaCol {
    position: relative;
}

    .adaCol p {
        text-align: right;
        margin-right: 80px;
        margin-bottom: 0;
    }

    .adaCol img {
        width: 65px;
        position: absolute;
        bottom: 0;
        right: 10px;
    }

.winForm .row {
    margin-top: 20px;
    /*border: 3px solid #fffaf3;*/
    background-color: #fffaf3;
    padding: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

@media (max-width:1052px) {
    .winForm .row {
        background: none;
        display: none !important;
    }

    .winForm .col {
        width: 100%;
    }
}

.winLogo {
    height: 20px;
}

.winPrize {
    height: 50px;
    margin-right: 20px;
}

.adaCol {
    border-left: 2px solid white;
}

.blockRibbon {
    width: 100%;
}
/* suur */
@media (max-width: 991px) {
    .adaCol {
        border-left: none;
    }
}

/* v�ike */
@media (max-width: 600px) {


    .frame34-frame73 {
        padding: 0 1em;
    }

        .frame34-frame73 .col {
            padding: 10px;
        }

    .exampleBox > *:not(.exampleScreen) {
        margin: 20px 0;
    }

    .exampleBox > *:not(img) {
        width: 100%;
    }

    .exampleFlow {
        display: none;
    }

    .exampleBox {
        background-color: white;
    }

        .exampleBox .exampleScreen {
            height: auto;
            max-height: 410px;
            right: 0px;
            position: relative;
        }

    .winDiv {
        width: calc(100vw - 60px);
    }

    .bigarrow {
        display: none;
    }

    .profileRow .col {
        width: 100% !important;
    }
}

.frontIcon {
    height: 45px;
    object-fit: contain;
    border-color: transparent;
    margin: 0 0 16px 0;
}

.hostingpic {
    width: 230px;
}


#benefitsSection b {
    font-weight: 500 !important;
}

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

.tnwlogo {
    max-width: 300px;
    display: inline;
    margin: 2rem;
    border-radius: 20px;
}

.llmlogo {
    width: 100%;
}

.llmContainer h2 {
    text-align: center;
}

.llmSection {
    height: 100%;
}

.tnwthanks li {
    list-style-type: none;
}

#waitlistheader a.btnSecondary {
    line-height: 50px;
}

th {
    font-weight: normal;
}

.badge {
    display: inline-block;
    padding: 0.35em 0.65em;
    font-size: 0.75em;
    font-weight: 700;
    line-height: 1;
    background-color: var(--color-primary);
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
}

.card {
    display: flex;
    flex-direction: column; /* Set card as a flex container with column direction */
    border-radius: 15px;
    border: 0;
    min-height: 320px;
    height: 100%;
}

.card-body {
    flex: 1; /* This will make the card-body take up all available space, pushing the anchor to the bottom */
    overflow-y: auto; /* In case the content inside card-body is too long */
    padding: 1rem 1rem 0 1rem;
}

.card a {
    margin: 1rem 0; /* Top and bottom margin set to 1rem, left and right margin set to 0 */
    display: block; /* To make the button take the full width */
}

.card-header {
    display: flex; /* Set card-header as a flex container */
    align-items: center; /* Vertically align the heading and the tabs in the middle */
    justify-content: space-between; /* Distribute space between the heading and the tabs */
    /*background-color: #ebfaff;*/
    /*border-top-left-radius: 15px !important;
    border-top-right-radius: 15px !important;*/
    border: 0;
    font-weight:bold;
}

.card-body li:not(.nocheck)::before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px; /* Assuming a square image, adjust if needed */
    background-image: url("/assets/v3/okbox.webp");
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 5px; /* Optional: Add some space between the image and the text */
    vertical-align: middle; /* Aligns the image with the middle of the text */
}

li.nocheck {
    color: #666;
    /* margin-top: 5px; */
    padding-left: 20px;
}

.card-title sup {
    font-size: 12pt;
    font-weight: 300;
}

.card ul.nav.nav-pills.mb-3 {
    margin-left: auto; /* Push the tabs to the right */
}

.card ul .nav-link {
    padding: 0.2rem .6rem;
    width: 27px;
    border-radius: 50%;
    color: black;
}

.card .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: var(--color-primary);
    font-weight: bold;
}

.card-header.bg-primary {
    background-color: #fbf6be !important;
}

.card .tab-pane.active, .card .card-body:not(.tab-pane) {
    display: flex;
    flex-direction: column; /* Stack children vertically */
}

.card a.btnPrimary {
    margin-top: auto; /* Push the button to the bottom */
}

.custompricing {
    box-sizing: border-box;
}

    .custompricing > * {
        text-align: right;
    }

.tab-pane .exampleContainer {
    margin-top: 20px;
}

#myTab button.nav-link {
    font-weight: 500;
}

    #myTab button.nav-link[aria-selected=false] {
        color: var(--dl-color-primary-primary500);
    }

@media (max-width:1200px) {
    .pricingcards .col {
        width: 50%;
        flex: auto;
    }

    .mainthreebullets {
        margin: 10px;
    }
}

@media (max-width:600px) {

    .pricingcards .col {
        width: 100%;
    }

    .card {
        min-height: auto;
    }

    .custompricing > * {
        text-align: left;
    }

    .comparisoncontainer {
        overflow: scroll;
    }
}

#supportedchainssection img {
    filter: grayscale(100%);
    opacity: .5;
}

@media (max-width: 992px) {
    .frame34-frame73 {
        padding: 0 10px;
    }
}

@media (min-width: 992px) {
    #supportedchainssection img {
        width: 90%;
    }

    #supportedchainssection .col:nth-child(1) img {
        margin-right: 1.5rem;
        margin-left: auto;
    }

    #supportedchainssection .col:nth-child(2) img {
        margin-left: 1.5rem;
    }

    .slogan {
        margin-left: .8em;
    }

    #whatissection {
        overflow: hidden;
    }
}

.text-small {
    font-size: 10pt;
}

body {
    min-height: 100%;
}

footer {
    width: 100%;
    margin-top: auto;
    left: 0;
    right: 0;
    bottom: 0;
}

    footer .header-header {
        margin: 0;
        padding: 22px 30px 20px 20px;
    }

#waitlistheader .row {
    margin: 0;
    padding: 0;
}

#waitlistheader > .row > .col {
    margin: 0;
    padding: 0;
}

#whatissection > .row {
    width: 90%;
}

ul.checklist {
    list-style-type: none;
    padding-left: 0;
    font-size: 12px;
}

    ul.checklist li a {
        list-style-type: none;
        font-size: var(--bs-body-font-size);
    }

    ul.checklist li {
        margin-top: 5px;
    }

#whatissection h2 {
    margin-top: 5px;
    display: block;
    font-weight: normal;
    font-family: 'Inter';
    font-size: 27pt !important;
    font-weight: 500;
}

ul.checklist li h2, ul.checklist li span {
    margin-left: 35px;
    display: block;
    font-weight: normal;
    font-family: 'Inter';
    font-size: 13pt !important;
}

header.firstpage h1 {
    margin: 10px 0 0 0;
    line-height: 1;
    font-size: 6em;
    text-align: center;
}

.arrow {
    margin: 0;
    padding: 0;
    text-align: center;
}

    .arrow img {
        width: 30%;
        margin: 0;
        padding: 0;
        display: inline;
        min-width: 200px;
        max-width: 400px;
    }

header h1 {
    margin: 50px 0 30px 0;
}

.btnLarge {
    padding: 15px 50px;
    font-size: 15pt;
    margin: 15px 0px;
    border-radius: 40px;
    display: inline-block !important;
}

@media (max-width:1200px) {
    header.firstpage h1 {
        font-size: 5em;
    }
}

@media (max-width:700px) {
    header.firstpage h1 {
        font-size: 3em;
    }

    #whatissection.firstpage h2 {
        font-size: 12pt !important;
        font-weight: normal;
    }
}

@media (max-width:420px) {
    header.firstpage h1 {
        font-size: 2.5em;
    }

    .btnLarge {
        padding: 10px 20px;
        font-size: 12pt;
        margin: 10px 0px;
        border-radius: 25px;
    }
}

header.firstpage h2, .firstpage .slogan {
    text-align: center;
}

ul.checklist {
    padding: 20px 0 !important;
}

#landingSection .landing {
    background-color: #f5f8ff;
    border-radius: 20px;
    position: relative;
    height: 130px;
    padding: 2em 3em;
    margin: 10px;
    display: block;
    text-decoration: none;
    color: black;
}

#landingSection .col {
    padding: 0;
    display: inline;
}

#landingSection .landingWithDetails {
    height: 270px;
}

    #landingSection .landingWithDetails:hover img.landingIcon {
        transform: scale(0.9); /* Decrease the size by 10% */
        transition: transform 1s; /* Animate the scaling effect over 1 second */
        transform-origin: right center; /* Anchor the transformation to the right */
    }

#landingSection .landingIcon {
    /* ... (rest of your styles) ... */
    transition: transform 1s; /* Ensure the scaling effect is also animated when not hovering */
    transform-origin: right center; /* Anchor the transformation to the right */
}


#landingSection .landingIcon {
    width: auto;
    right: 0;
    position: absolute;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    height: 160px;
    top: 0;
}

#landingSection .landingIconSmall {
    width: auto;
    right: 0;
    position: absolute;
    height: 80px;
    top: auto;
    right: 30px;
    border-radius: 10px;
    border: 1px solid #edecfa;
}

#landingSection .landingLargeIcon {
    width: calc(9rem + 5vw);
    height: auto;
}

#landingSection h2, #landingSection ul {
    position: relative;
}



#landingSection .landing:not(.landingWithDetails) h2 {
    width: 50%;
    height: 100%;
    /* vertical-align: middle; */
    /* line-height: 100px; */
    display: flex;
    /* justify-content: center; */
    align-items: center;
}

#landingSection .landingWithDetails h2 {
}

#landingSection a.col {
    text-decoration: none;
    color: black;
}

#landingSection .readMore {
    font-size: 13pt;
    opacity: .5;
    color: blue;
    margin-top: 20px;
    display:none;
}

#whatissection .landingHero img {
    height: 500px;
    width: 500px;
    display: inline;
    margin-bottom: -20px;
    margin-right: -40px;
}

#whatissection .landingHero {
    text-align: right;
}

.landingSection {
    margin-top: -100px;
    padding-top: 50px;
}

    .landingSection .frame34-frame73 {
        padding: 30px 30px 0 30px;
        z-index: 1;
        position: relative;
    }


@media (max-width:992px) {
    #whatissection .landingHero img {
        height: 300px;
        width: 300px;
        right: 0;
        filter: grayscale(100%);
        margin-right: 0;
    }

    #whatissection .landingHero {
        content: "";
        right: 0;
        position: absolute;
        z-index: 0;
        bottom: 0;
        text-align: right;
        padding: 0;
    }

        #whatissection .landingHero::before {
            content: "";
            position: absolute;
            height: 300px;
            width: 300px;
            right: 0;
            bottom: -20px;
            background: linear-gradient(to right, #f9f9f9ee, #f9f9f999); /* Gradient from more translucent on the left to opaque on the right */
            pointer-events: none; /* Ensures the gradient doesn't interfere with interactions on the image */
            z-index: 1;
        }

        #whatissection .landingHero.gradientGrey::before {
            background: linear-gradient(to right, #f9f9f9ee, #f9f9f999); /* Gradient from more translucent on the left to opaque on the right */
        }

        #whatissection .landingHero.gradientCream::before {
            background: linear-gradient(to right, #f5f0eaee, #f5f0ea99); /* Gradient from more translucent on the left to opaque on the right */
        }

        #whatissection .landingHero.gradientBlue::before {
            background: linear-gradient(to right, #ecfaffee, #ecfaff99); /* Gradient from more translucent on the left to opaque on the right */
        }

    .landingSection .frame34-frame73 {
        padding: 0 10px;
    }
}

h1, h2, h3 {
    font-style: normal;
    font-family: Montserrat;
    font-weight: 700;
    font-stretch: normal;
    line-height: 1.05;
}
.slogan h2 {
    line-height: 1.5;
}

#benefitsSection {
    background-color: #fbf6be;
    box-shadow: 0px 4px 0px 0px rgba(0, 0, 0, 0.01999999821186066);
}

    #benefitsSection ul {
        margin: 0;
    }

#landingDetails .col {
    padding: 0 40px;
}

#landingDetails h2 {
    margin: 20px 0 30px 0;
}

#landingDetails p {
    line-height: 2;
    text-align: justify;
    text-justify: inter-word;
}

#landingDetails {
    margin-top: 20px;
}


    #landingDetails p {
        color: var(--dl-color-greys-grey600);
        height: auto;
        align-self: stretch;
        text-align: left;
        text-decoration: none;
        font-size: 13pt;
    }

@media (max-width:992px) {
    #landingDetails .col {
        padding: 0 20px;
    }
}

#pricingSection {
    margin-top: 40px;
}

    #pricingSection .comparisoncontainer table tr > *:nth-child(2) {
        /*background-color: red;
    display:none;*/
    }

.screen img {
    width: 90%;
    border-radius: 10px;
    border: 1px solid lightgrey;
    box-shadow: 0px 4px 0px 0px rgba(0, 0, 0, 0.07999999821186066);
}

.specialOffer {
    text-align: center;
    padding: 0px 30px 50px 30px !important;
    border-radius: 20px;
}

    .specialOffer p {
        font-size: 20pt;
    }

section#pleasewait {
}

.emptyBody {
    background-image: none;
}

section#pleasewait .px-3 {
    height: 100%;
    display: flex;
    align-items: center;
    text-align: center;
}

    section#pleasewait .px-3 > div {
        width: 100%;
    }

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.spinnerBody {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 50px;
}

section#pleasewait p {
    text-align: center;
}

    section#pleasewait p img {
        display: inline;
        width: 250px;
        margin: 20px;
    }

.spinner {
    border: 4px solid white;
    border-top: 4px solid var(--dl-color-primary-primary500);
    border-radius: 50%;
    width: 80px;
    height: 80px;
    animation: spin 700ms linear infinite;
}

.spinnerContent {
    background-color: white;
}

#cookieConsent {
    position: fixed;
    bottom: 0;
    z-index: 100000;
    width: 100%;
}

.cookieBox {
    margin: 20px;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0 15px 15px rgba(0, 0, 0, 0.1);
    padding: 20px;
    min-width: 300px;
    width: 80%;
    background-color: #ecfaff;
    border-radius: 10px;
}

    .cookieBox button {
        width: 100px;
        margin-top: 20px;
    }

a.btnPrimary {
    display: block;
    text-align: center;
}

.badge-recommended {
    background-color: var(--dl-color-warning-warning50);
    color: black;
    border: 2px solid #fff5ba;
    position: absolute;
    right: 10px;
    top: 15px;
    font-size: 15px;
    font-weight: 500;
    border-radius: 10px;
}

@media (max-width:700px) {
    ul.checklist li span {
        font-size: 12pt !important;
    }

    #landingSection .landing {
        padding: 1.5em 2em;
    }

    ul.checklist {
        padding: 10px 0 !important;
    }
}

@media (min-width:1200px) and (max-width:1500px) {
    .badge-recommended {
        top: 19px;
        font-size: 11px;
    }
}

.frame1-input > .checkboxcontainer {
    display: flex;
    flex-direction: row; /* Stack children vertically */
    justify-content: center; /* Vertically center the children */
    height: 100%; /* You might need to set a specific height or min-height for the div */
}

.frame1-input [type=checkbox] {
    width: 20px;
    height: 20px;
    border-radius: 10px;
    margin-right: 10px;
}

.accordion-item:first-of-type {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.accordion-item:last-of-type {
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

.accordion-item:first-of-type .accordion-button {
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
}

.accordion-item:last-of-type .accordion-button.collapsed {
    border-bottom-right-radius: 14px;
    border-bottom-left-radius: 14px;
}

.accordion-button:focus, .accordion-button:not(.collapsed), .accordion-button:focus, .accordion-button:not(.collapsed) {
    background-color: #f5f8ff;
}

.accordion-button {
    color: black !important;
    font-size: 1.2rem;
    line-height: 1.2;
    font-weight: 400 !important;
    font-family: Inter;
    padding: 1rem 1rem;
}

.bookADemo .form-control {
    box-shadow: 0px 4px 3px 0px rgba(0, 0, 0, 0.03);
    box-sizing: border-box;
    border: 1px solid lightgrey;
    padding: 10px;
    margin-bottom: 15px;
}

    .bookADemo .text-danger {
        display: block;
    }

#exampleModal .modal-content {
    width: 650px;
    border-radius: 10px;
}

#exampleModal .alert-danger {
    background-color: transparent;
}

#exampleModal .btnPrimary {
    margin-top: 20px;
}

.required-asterix {
    color: red;
}
.smcx-embed, .smcx-iframe-container {
    max-width: none !important;
    height: 70vh !important;
}
#surveySection
{
    height:100%;
}

#surveySection .smcx-embed iframe {
    max-width: none !important;
}
.landing:hover {
    outline: 2px solid #e3eff5;
}
.devcycle {
    text-align: left;
}
    .devcycle img {
        width: 80%;
        max-width: 1000px;
        display: inline;
        border-radius: 10px;
        border: 1px solid lightgrey;
        box-shadow: 0px 4px 0px 0px rgba(0, 0, 0, 0.07999999821);
    }

    @media (max-width:1500)
    {
        .devcycle img {
            width: 90%;
        }

    }

.contentsection {
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
}

.contentsection .heading {
    margin: 40px 0;
}

.tech1 .col:not(.heading)
{
    padding-bottom:20px;
}

.tech1 .colpoint {
    border-radius: 10px;
    border: 1px solid #eee;
    background-color: white;
    padding: 20px;
    height: 100%;
}
.blueSection.tech1 .colpoint {
    border: none;
}
.poingicon
{
}
.pointicon i {
    border-radius: 5px;
    font-size: 35px;
    color: #4d19e7;
    padding: 10px;
    background-color: #e8efff;
    line-height: 40px;
    margin-bottom:20px;
}
.colpoint a.linktext
{
    display:block;
}
.photopoint {
    float: left;
    filter: grayscale(1);
    width: 200px;
    margin-right: 20px;
    margin-bottom: 20px;
    border-radius: 10px;
}
.historyimage {
    width: 800px;
    max-width: 100%;
    display: inline;
    margin: 20px 0;
}
.devcycleimage {
    width: 800px;
    max-width: 100%;
    display: inline;
}
.howto.left {
    text-align: left;
}
.right {
    text-align: right;
}
.howto img{
    width:80%;
    display:inline;
}
.featureset > div {
    margin-bottom: 40px;
}
.featureset > span {
    margin-bottom: 40px;
    margin-top:20px;
    display:block;
}
.divider
{
    height:40px;
}
@media (max-width: 991px){

    .howto img{
        width:100%;
    }
}
.specialOffer span {
    background-color: black;
    padding: 5px;
    border-radius: 5px;
    background-color: var(--dl-color-warning-warning50);
}
ol, ul, dl {
    margin-top: 0;
    margin-bottom: 0;
}
.brandinglogo
{
    max-width:400px;
    max-height:200px;
    margin-top:100px;
}
.brandingsection ul {
    list-style-type: none; /* Remove bullets */
    padding: 0; /* Remove padding */
    margin: 0; /* Remove margins */
}
@media(min-width:800px) {
    .suggestbreak {
        font-size: 0;
        display: block;
        line-height: 0;
    }
}
@media(max-width:800px) {
    .suggestbreak {
        font-size: 0;
        line-height: 0;
        display:none;
    }
}

/* Rotating text animation */
.rotating-text {
    margin: 0.5rem 0 1.5rem;
    font-size: 1.5rem;
    font-weight: 500;
    text-align: center;
    overflow: hidden;
    height: 2.2rem;
    position: relative;
    white-space: nowrap;
}

.rotating-text span {
    white-space: nowrap;
    display: inline-block;
}

/* Increase the container size further if needed */
.text-rotate-container {
    position: relative;
    display: inline-block;
    height: 2.2rem;
    overflow: hidden;
    vertical-align: top;
    min-width: 250px; /* Further increased for better fit */
    text-align: left;
    white-space: nowrap;
}

.text-rotate {
    display: inline-block;
    font-weight: 700;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    transition: transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s ease;
    white-space: nowrap;
}

.text-rotate.current {
    transform: translateY(0);
    opacity: 1;
}

.text-rotate.next {
    transform: translateY(100%);
    opacity: 0;
}

.text-rotate.previous {
    transform: translateY(-100%);
    opacity: 0;
}

/* Rotating text animation */
h1 .text-rotate-container {
    position: relative;
    display: inline-block;
    overflow: hidden;
    vertical-align: top;
    min-width: 660px; /* Sized for the longest text */
    text-align: center; /* Center the text */
    white-space: nowrap;
}

h1 .text-rotate {
    display: inline-block;
    font-weight: 700;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    text-align: center; /* Center the text */
    transition: transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s ease;
    white-space: nowrap;
}

h1 .text-rotate.current {
    transform: translateY(0);
    opacity: 1;
}

h1 .text-rotate.next {
    transform: translateY(100%);
    opacity: 0;
}

h1 .text-rotate.previous {
    transform: translateY(-100%);
    opacity: 0;
}

h1 p.emphasis {
    text-align: center;
}

h1 span
{
    line-height: 1.2;
}

h1 .text-rotate-container {
    position: relative;
    display: block;
    height: 1.2em;
    overflow: hidden;
    vertical-align: top;
    min-width: 660px; /* Sized for the longest text */
    text-align: center; /* Center the text */
    white-space: nowrap;
    margin: 0 auto 0; /* Center the container and add some bottom spacing */
    width: 100%; /* Take full width */
    line-height: 1.2;
}

@media (max-width: 768px) {
    h1 .text-rotate-container {
        min-width: 100%; /* Full width on mobile */
        width: 100%;
    }
}
.todo {
    font-size: 45px;
    line-height: 1.2em;
}   
/* --- Modern Startup Feature Comparison Table --- */
.comparison-table-wrapper {
    overflow-x: auto;
    margin: 2rem 0;
}
.comparison-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: #fff;
    margin: 0 auto;
    border-radius: 18px;
    box-shadow: 0 4px 32px 0 rgba(0,0,0,0.07);
    overflow: hidden;
    font-family: 'Inter', 'Segoe UI', Arial, sans-serif;
}
.comparison-table th, .comparison-table td {
    padding: 1.5em 1.2em;
    text-align: center;
    border: none;
    vertical-align: middle;
    font-size: 1.08em;
    background: none;
    transition: background 0.2s;
}
.comparison-table th {
    background: #fefaf3;
    font-weight: 700;
    font-size: 1.15em;
    color: #222;
    border-bottom: 2px solid #fff0cc;
}
.comparison-table tr {
    border-radius: 12px;
}
.comparison-table tbody tr:nth-child(even) {
    background: #fafbfc;
}
.comparison-table tbody tr:hover {
    background: #f2f6fa;
}
.comparison-table td .comp-title {
    text-align: left;
    font-weight: 600;
    font-size: 1.13em;
    color: #222;
    border-right: 1px solid #f0f0f0;
    min-width: 200px;
    background: none;
}
.comparison-table td .comp-desc {
    text-align: left;
    font-size: 0.98em;
    color: #666;
    padding-top: 0.2em;
    background: none;
}
.comparison-table td.comp-icon img {
    width: 32px;
    height: 32px;
    filter: drop-shadow(0 1px 2px rgba(0,0,0,0.04));
    margin-left: auto;
    margin-right: auto;
}
.comp-icon img[alt="no"] {
    opacity: 0;
    
}
.comparison-table td {
    min-width: 90px;
    background: none;
}
.comparison-table td:first-child {
    min-width: 240px;
    text-align: left;
    border-left: none;
    background: none;
}
.comparison-table th:not(:first-child),
.comparison-table td.comp-icon {
    width: 15%;
    min-width: 15%;
    max-width: 15%;
    text-align: center;
    padding-left: 0;
    padding-right: 0;
}
.comparison-table th:first-child,
.comparison-table td:first-child {
    width: auto;
}
@media (max-width: 900px) {
    .comparison-table th, .comparison-table td {
        padding: 1em 0.5em;
        font-size: 0.98em;
    }
    .comparison-table td:first-child {
        min-width: 120px;
    }
}
@media (max-width: 600px) {
    .comparison-table th, .comparison-table td {
        padding: 0.7em 0.2em;
        font-size: 0.93em;
    }
    .comparison-table td:first-child {
        min-width: 90px;
    }
    .comparison-table {
        font-size: 0.95em;
    }
}