/*  Mautic Styles  */

.mautic-form-width { max-width: 500px; margin: 0px auto;}
.mauticform_wrapper { max-width: 100%; margin: 0px auto; }
.mauticform-innerform {}
.mauticform-post-success {}
.mauticform-name { font-weight: bold; font-size: 1.5em; margin-bottom: 3px; }
.mauticform-description { margin-top: 2px; margin-bottom: 10px; }
.mauticform-error { margin-bottom: 10px; color: #eb439b; }

.mauticform-message {
    margin-bottom: 10px;
    font-family: "Sometype Mono", monospace;
    font-optical-sizing: auto;
    font-weight: 100;
    font-style: normal;
    font-size: 16px;
    color: #05c7f2;
    text-align: center;
}
.mauticform-row { display: block; margin-bottom: 20px; }
.mauticform-label { font-size: 1.1em; display: block; font-weight: bold; margin-bottom: 5px; }
.mauticform-row.mauticform-required .mauticform-label:after { color: #e32; content: " *"; display: inline; }
.mauticform-helpmessage { display: block; font-size: 0.9em; margin-bottom: 3px; }

.mauticform-errormsg {
    display: block;
    color: #eb439b;
    margin-top: 2px;
    text-align: left;
    font-family: "Sometype Mono", monospace;
    font-optical-sizing: auto;
    font-weight: 100;
    font-style: normal;
    font-size: 14px;
}
.mauticform-selectbox, .mauticform-input, .mauticform-textarea {
    width: 100%;
    padding:15px;
    border: 1px solid #3a3a3a;
    background: #fff;
    border-radius: 5px;
    box-sizing: border-box;
    background-color: #0e0f11;
    color: #FFFFFF;
    font-family: "Sometype Mono", monospace;
    font-optical-sizing: auto;
    font-weight: 100;
    font-style: normal;
    font-size: 14px;
}


.mauticform-selectbox, .mauticform-input-2, .mauticform-textarea {
    width: 100%;
    padding:15px;
    border: 1px solid #3a3a3a;
    background: #fff;
    border-radius: 10px 0px 0px 10px;
    box-sizing: border-box;
    background-color: #0e0f11;
    color: #FFFFFF;
    font-family: "Sometype Mono", monospace;
    font-optical-sizing: auto;
    font-weight: 100;
    font-style: normal;
    font-size: 14px;
}

.mauticform-checkboxgrp-row {}
.mauticform-checkboxgrp-label { font-weight: normal; }
.mauticform-checkboxgrp-checkbox {}
.mauticform-radiogrp-row {}
.mauticform-radiogrp-label { font-weight: normal; }
.mauticform-radiogrp-radio {}
.mauticform-button-wrapper .mauticform-button.btn-default, .mauticform-pagebreak-wrapper .mauticform-pagebreak.btn-default { color: #5d6c7c;background-color: #ffffff;border-color: #dddddd;}
.mauticform-button-wrapper .mauticform-button, .mauticform-pagebreak-wrapper .mauticform-pagebreak { display: inline-block;margin-bottom: 0;font-weight: 600;text-align: center;vertical-align: middle;cursor: pointer;background-image: none;border: 1px solid transparent;white-space: nowrap;padding: 6px 12px;font-size: 13px;line-height: 1.3856;border-radius: 3px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.mauticform-button-wrapper .mauticform-button.btn-default[disabled], .mauticform-pagebreak-wrapper .mauticform-pagebreak.btn-default[disabled] { background-color: #ffffff; border-color: #dddddd; opacity: 0.75; cursor: not-allowed; }
.mauticform-pagebreak-wrapper .mauticform-button-wrapper {  display: inline; }


.mauticform-field-hidden { display:none }
                                   

body {
}

.pt-25 {
    padding-top: 25px;
}

.pt-30 {
    padding-top: 30px;
}

.pt-50 {
    padding-top: 50px;
}

.px-25 {
    padding: 0px 25px;
}

.px-15 {
    padding: 0px 15px;
}

.pnk-blu-g-cta {
    display: flex;
    padding: 15px 0px;
}

.pnk-blu-g-cta a{
    font-family: "Sometype Mono", monospace;
    font-optical-sizing: auto;
    font-weight: 100;
    font-style: normal;
    font-size: 14px;
    color:#0e0f11 ;
    background: rgb(5,199,242);
    background: linear-gradient(90deg, rgba(5,199,242,1) 0%, rgba(235,67,155,1) 100%);
}

.pnk-blu-g-cta a:hover{
    font-family: "Sometype Mono", monospace;
    font-optical-sizing: auto;
    font-weight: 100;
    font-style: normal;
    font-size: 14px;
    color:#0e0f11 ;
    background: rgb(5,199,242);
    background: linear-gradient(450deg, rgba(5,199,242,1) 0%, rgba(235,67,155,1) 100%);
    transition: 2s;
}



 /*  Form Buttons not flex  */

 .pnk-blu-form-cta{
    font-family: "Sometype Mono", monospace;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
    font-size: 18px;
    color:#0e0f11 ;
    background-color:#05c7f2 ;
    padding: 10px 35px;
    border-radius: 10px;
    border: none;
    transition:all 0.5s ease;
}
.pnk-blu-form-cta:hover{
    font-family: "Sometype Mono", monospace;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
    font-size: 18px;
    color:#ffffff ;
    background-color: #eb439b;
    transition:all 0.5s ease;
}

/*  Form Buttons not flex  */
.pnk-blu-flex-form-cta{
    font-family: "Sometype Mono", monospace;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
    font-size: 18px;
    color:#0e0f11 ;
    background-color:#05c7f2 ;
    padding: 12.5px 35px;
    border-radius: 0px 10px 10px 0px;
    border: none;
    transition:all 0.5s ease;
}
.pnk-blu-flex-form-cta:hover{
    font-family: "Sometype Mono", monospace;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
    font-size: 18px;
    color:#ffffff ;
    background-color: #eb439b;
    transition:all 0.5s ease;
}

.pnk-blu-g-form-cta{
    font-family: "Sometype Mono", monospace;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
    font-size: 18px;
    color:#0e0f11 ;
    background: rgb(5,199,242);
    background: linear-gradient(90deg, rgba(5,199,242,1) 25%, rgba(235,67,155,1) 65%);
    padding: 10px 35px;
    border-radius: 10px;
    border: none;
    transition: 0.5s ease;
}
.pnk-blu-g-form-cta:hover{
    font-family: "Sometype Mono", monospace;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
    font-size: 18px;
    color:#0e0f11 ;
    background: rgb(5,199,242);
    background: linear-gradient(90deg, rgba(5,199,242,1) 25%, rgba(235,67,155,1) 85%);
    transition:ll 0.5s ease;
}



.sticky-top {
    top: 20px !important;
}

.selector-for-some-widget {
    box-sizing: content-box;
}

.top-head-line {
    font-family: "Sometype Mono", monospace;
    font-optical-sizing: auto;
    font-weight: 100;
    font-style: normal;
    font-size: 14px;
    padding: 15px 25px;
    text-align: center;
    color: #FFFFFF;
    position: relative;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 11;
}

.top-head-line span{
    color: #FFFFFF;
    font-weight: 400;
}

.fixed-nav {
    width: 100%;
    z-index: 10;
}

.nav-container {
    max-width: 1400px;
    margin: 0px auto;
    padding: 20px 25px;
}

.navigation {
    max-width: 1400px;
    margin: 0px auto;
    padding: 20px 25px 0px;
}

.navigation-bg {
    background-color: rgba(30, 32, 36, 0.7);
    border-radius: 50px ;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    transition: background-color .2s ease;
}

.navbar-nav a {
    font-family: "Sometype Mono", monospace;
    font-optical-sizing: auto;
    font-weight: 100;
    font-style: normal;
    font-size: 14px;
}

.cus-container-logo {
    padding: 20px;
    background-color: #1e202490;
    border-radius: 50px;
    
}


.logo-container {
    display: flex;
}

.display-flex {
    display: flex;
    justify-content: center;
}

.logo {
    width: 40px;
    margin-right: 10px;
}

.logo-nav-text {
    font-family: "Sometype Mono", monospace;
    font-optical-sizing: auto;
    font-weight: 100;
    font-style: normal;
    font-size: 20px;
    text-align: center;
    color: #FFFFFF;
}

.tagline {
    font-family: "Sometype Mono", monospace;
    font-optical-sizing: auto;
    font-weight: 100;
    font-style: normal;
    font-size: 14px;
    color: #464646;
}

.hero-ban {
    
}

.vert-center {
    display: flex;
    align-items: center;
    padding: 0px 15px;
}

.vert-center-sub {
    display: flex;
    align-items: center;
    justify-content: center;
}

.input-widt {
    max-width: 100%;
}

.img-column {
    border-radius: 15px;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
}

.hero-subheader {
    font-family: "Space Grotesk", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-size: 22px;
    line-height: 30px;
    color: #05C7F2;
    text-align: left;
    padding-bottom: 10px;
}

.hero-subheader span {
    background-color: #f9889f;
    color: #000000;
    font-family: "Sometype Mono", monospace;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-size: 32px;
    line-height: 40px;
}

.body-header {
    font-family: "Sometype Mono", monospace;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-size: 42px;
    line-height: 50px;
    color: #FFFFFF;
    text-align: center;
    padding-bottom: 10px;
}

.body-subheader {
    font-family: "Sometype Mono", monospace;
    font-optical-sizing: auto;
    font-weight: 200;
    font-style: normal;
    font-size: 24px;
    line-height: 30px;
    color: #d3d3d3;
    text-align: center;
    padding-bottom: 10px;
}

.body-text {
    font-family: "Space Grotesk", sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
    font-size: 16px;
    line-height: 24px;
    color: #d3d3d3;
    text-align: left;
}

.body-text span {
    font-family: "Sometype Mono", monospace;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 24px;
    color: #58C4EC;
    text-align: left;
    display: block;
    padding-bottom: 10px;
}

.body-text ul li span {
    font-family: "Sometype Mono", monospace;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-size: 16px;
    line-height: 24px;
    color: #ffffff;
    text-align: left;
    display:unset;
    padding-bottom: 0px;
}

.body-text ul li {
    padding-bottom: 15px;
}

.body-text ul {
    padding-inline-start: 10px !important;
}

.body-text-dark {
    font-family: "Space Grotesk", sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
    font-size: 16px;
    line-height: 24px;
    color: #0e0f11;
    text-align: left;
}

.body-text-dark p {
    font-size: 12px;
    line-height: 20px;
    color: #0e0f11;
    text-align: left;
    padding-left: 20px;
    margin-bottom: 0px;
}

.body-text-dark span {
    font-family: "Sometype Mono", monospace;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 24px;
    color: #0e0f11;
    text-align: left;
    display: block;
    padding-bottom: 10px;
}

.body-text-construction {
    font-family: "Sometype Mono", monospace;
    font-optical-sizing: auto;
    font-weight: 200;
    font-style: normal;
    font-size: 18px;
    line-height: 24px;
    color: #d3d3d3;
    text-align: center;
}

.progress-logo {
    display: flex;
    justify-content: center;
    max-width: 460px;
    margin: 0px auto;
    padding: 10px 0px 0px;
}
.progress-percent {
    color: #FFFFFF;
    font-family: "Sometype Mono", monospace;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-size: 22px;
    line-height: 28px;
    text-align: center;
    padding: 20px 0px 40px;
}

.pink-cta {
    font-family: "Sometype Mono", monospace;
    font-optical-sizing: auto;
    font-weight: 200;
    font-style: normal;
    font-size: 18px;
    line-height: 24px;
    color: #000000;
    padding: 15px 30px;
    background-color: #f9889f;
    border: 1px solid #000000 ;
    text-align: center; 
}
.pink-cta:hover {
    font-family: "Sometype Mono", monospace;
    font-optical-sizing: auto;
    font-weight: 200;
    font-style: normal;
    font-size: 18px;
    line-height: 24px;
    color: #f9889f;
    padding: 15px 30px;
    background-color: #000000;
    border: 1px solid #f9889f ;
    text-align: center;
    transition: 0.3s;
}

.pink-cta-link {
    font-family: "Sometype Mono", monospace;
    font-optical-sizing: auto;
    font-weight: 200;
    font-style: normal;
    font-size: 18px;
    line-height: 24px;
    color: #f9889f;
    padding: 15px 30px;
    text-align: center; 
}

.pink-cta-link:hover {
    text-decoration: underline;
    transition: 0.3s;
    color: #f9889f;
}


.lblue-cta-link {
    font-family: "Sometype Mono", monospace;
    font-optical-sizing: auto;
    font-weight: 200;
    font-style: normal;
    font-size: 18px;
    line-height: 24px;
    color: #05C7F2;
    padding: 15px 30px;
    text-align: center; 
}

.lblue-cta-link:hover {
    text-decoration: underline;
    transition: 0.3s;
    color: #05C7F2;
}


.bg-body-grey {
    background-color: #0e0f11;
}

.pk-bg-col {
    background-color: #fcb4c3;
}

.grey {
    background-color: #1e2024;
}

.cus-bg-gry-new {
    background: rgb(9,9,9);
    background: radial-gradient(circle, rgba(3, 22, 38,1) 0%, rgba(0, 0, 0,1) 100%);
}

.cus-bg-gry {
    background: rgb(3,22,38);
background: radial-gradient(circle, rgba(3,22,38,1) 0%, rgba(0,0,0,1) 73%, rgba(1,6,10,1) 100%);
}

.cus-bg-bor {
    background: rgb(3,22,38);
    background: linear-gradient(90deg, rgba(3,22,38,1) 25%, rgba(5,199,242,1) 75%, rgba(235,67,155,1) 100%);
    margin-bottom: 20px;
}

.cus-bg-bor-h {
    height: 1px;
}


.cus-bg-bor-foot {
    background: rgb(3,22,38);
    background: linear-gradient(90deg, rgba(3,22,38,1) 25%, rgba(5,199,242,1) 75%, rgba(235,67,155,1) 100%);
}

.row-eq-height {
    align-items: center;
    height: 100%;
    width: 100%;
}

.footer {
    background-color: #21252920;
    padding: 15px 0px;
}

.copyright {
    font-family: "Sometype Mono", monospace;
    font-optical-sizing: auto;
    font-weight: 200;
    font-style: normal;
    font-size: 14px;
    line-height: 16px;
    color: #D3D3D3;

}

 /*  MOB-MIN-WIDTH  */

/* Small devices (landscape phones, 576px and up */
@media (min-width: 576px) {

    .cus-container {
        max-width: 1400px;
        padding: 50px 0px 75px;
        margin: 0px auto;
    }

    .cus-container-pk-bg {
        max-width: 1400px;
        padding: 0px 0px 75px;
        margin: 0px auto;
    }

    .cus-column {
        padding: 35px;
        border: 1px solid #373737;
        border-radius: 15px;
        height: 100%;
        width: 100%;
    }

    .cus-column-col-bg {
        padding: 35px;
        border: 1px solid #37373740;
        border-radius: 15px;
        height: 100%;
        width: 100%;
    }

    .cus-column-no-bor {
        padding: 35px;
        height: 100%;
        width: 100%;
    }

    .cus-img-column {
        padding: 5px;
        border: 1px solid #373737;
        border-radius: 15px;
        height: 100%;
        width: 100%;
    }

    .spline-img-container {
        width: 100%;
            height: 100%;
            position: relative;
            overflow: hidden;
            transform: translateZ(0);
    }

    .hero-header {
        font-family: "Sometype Mono", monospace;
        font-optical-sizing: auto;
        font-weight: 600;
        font-style: normal;
        font-size: 44px;
        line-height: 60px;
        color: #d3d3d3;
        text-align: left;
        padding-bottom: 10px;
    }
    
    .hero-header span { 
        display: block;
    }

    .body-header {
        font-family: "Sometype Mono", monospace;
        font-optical-sizing: auto;
        font-weight: 600;
        font-style: normal;
        font-size: 42px;
        line-height: 50px;
        color: #FFFFFF;
        text-align: center;
        padding-bottom: 10px;
    }

}

/* Medium devices (tablets, 768px and up */
@media (min-width: 768px) {
    
}

/* Large devices (desktops, 992px and up */
@media (min-width: 992px) {

    .pr-25 {
        padding-right: 25px;
    }

}

/* Extra large devices (large desktops, 1200px and up */
@media (min-width: 1200px) {

}
/* (large desktops, 1400px and up */
@media (min-width: 1400px) {
    
}





/*  MOB-MAX-WIDTH  */

/* Small devices (mobile phones, less than 576px */
@media (max-width: 575.98px) {

    .navigation-bg {
        background-color: rgba(30, 32, 36, 0.9);
        border-radius: 30px ;
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
        transition: background-color .2s ease;
    }

    .hero-header {
        font-family: "Sometype Mono", monospace;
        font-optical-sizing: auto;
        font-weight: 600;
        font-style: normal;
        font-size: 34px;
        line-height: 50px;
        color: #FFFFFF;
        text-align: left;
        padding-bottom: 10px;
    }
    
    .hero-header span { 
        display: block;
    }

    .body-header {
        font-family: "Sometype Mono", monospace;
        font-optical-sizing: auto;
        font-weight: 600;
        font-style: normal;
        font-size: 36px;
        line-height: 44px;
        color: #FFFFFF;
        text-align: center;
        padding-bottom: 10px;
    }

    .cus-container {
        padding: 0px 0px 25px;
        margin: 0px auto;
    }

    .cus-container-pk-bg {
        padding: 0px;
        margin: 0px auto;
    }

    .cus-column {
        padding: 25px;
        border: 1px solid #373737;
        border-radius: 15px;
        height: 100%;
        width: 100%;
    }
    .cus-column-col-bg {
        padding: 25px;
        border: 1px solid #37373740;
        border-radius: 15px;
        height: 100%;
        width: 100%;
    }
    .cus-column-no-bor {
        padding: 25px;
        height: 100%;
        width: 100%;
    }
    .cus-img-column {
        padding: 5px;
        border: 1px solid #373737;
        border-radius: 15px;
        height: 100%;
        width: 100%;
        
    }

    .spline-img-container {
        position: relative;
        overflow: hidden;
        transform: translateZ(0);
        aspect-ratio: 1 / 1;
    }

    /*  Form Buttons not flex  */
    .pnk-blu-flex-form-cta{
    font-family: "Sometype Mono", monospace;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
    font-size: 14px;
    color:#0e0f11 ;
    background-color:#05c7f2 ;
    padding: 15.5px 10px;
    border-radius: 0px 10px 10px 0px;
    border: none;
    transition:all 0.5s ease;
}
.pnk-blu-flex-form-cta:hover{
    font-family: "Sometype Mono", monospace;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
    font-size: 14px;
    color:#ffffff ;
    background-color: #eb439b;
    transition:all 0.5s ease;
}

}

/* Medium devices (mobile phones landscape, less than 768px */
@media (max-width: 767.98px) {

}

/* Large devices (tablets, less than 992px */
@media (max-width: 991.98px) {

}


/* Extra Large devices (desktops, less than 1200px */
@media (max-width: 1199.98px) {

}

/* (desktops, less than 1400px */
@media (max-width: 1400px) {

}