/* Custom display utility classes for xxl breakpoint */
@media (min-width: 1400px) {
    .d-xxl-none {
        display: none !important;
    }

    .d-xxl-inline {
        display: inline !important;
    }

    .d-xxl-inline-block {
        display: inline-block !important;
    }

    .d-xxl-block {
        display: block !important;
    }

    .d-xxl-grid {
        display: grid !important;
    }

    .d-xxl-inline-grid {
        display: inline-grid !important;
    }

    .d-xxl-flex {
        display: flex !important;
    }

    .d-xxl-inline-flex {
        display: inline-flex !important;
    }
}

@font-face {
    font-family: 'PF Bague Sans Pro';
    src: url('./font/PFBagueSansPro-Medium.eot');
    src: local('PF Bague Sans Pro Medium'), local('PFBagueSansPro-Medium'),
    url('./font/PFBagueSansPro-Medium.eot?#iefix') format('embedded-opentype'),
    url('./font/PFBagueSansPro-Medium.woff2') format('woff2'),
    url('./font/PFBagueSansPro-Medium.woff') format('woff'),
    url('./font/PFBagueSansPro-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'PF Bague Sans Pro';
    src: url('./font/PFBagueSansPro-UltraBlack.eot');
    src: local('PF Bague Sans Pro Ultra Black'), local('PFBagueSansPro-UltraBlack'),
    url('./font/PFBagueSansPro-UltraBlack.eot?#iefix') format('embedded-opentype'),
    url('./font/PFBagueSansPro-UltraBlack.woff2') format('woff2'),
    url('./font/PFBagueSansPro-UltraBlack.woff') format('woff'),
    url('./font/PFBagueSansPro-UltraBlack.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'PF Bague Sans Pro';
    src: url('./font/PFBagueSansPro-LightItalic.eot');
    src: local('PF Bague Sans Pro Light Italic'), local('PFBagueSansPro-LightItalic'),
    url('./font/PFBagueSansPro-LightItalic.eot?#iefix') format('embedded-opentype'),
    url('./font/PFBagueSansPro-LightItalic.woff2') format('woff2'),
    url('./font/PFBagueSansPro-LightItalic.woff') format('woff'),
    url('./font/PFBagueSansPro-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'PF Bague Sans Pro';
    src: url('./font/PFBagueSansPro-ExtraThin.eot');
    src: local('PF Bague Sans Pro Extra Thin'), local('PFBagueSansPro-ExtraThin'),
    url('./font/PFBagueSansPro-ExtraThin.eot?#iefix') format('embedded-opentype'),
    url('./font/PFBagueSansPro-ExtraThin.woff2') format('woff2'),
    url('./font/PFBagueSansPro-ExtraThin.woff') format('woff'),
    url('./font/PFBagueSansPro-ExtraThin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'PF Bague Sans Pro';
    src: url('./font/PFBagueSansPro-ExtraThinItalic.eot');
    src: local('PF Bague Sans Pro Extra Thin Italic'), local('PFBagueSansPro-ExtraThinItalic'),
    url('./font/PFBagueSansPro-ExtraThinItalic.eot?#iefix') format('embedded-opentype'),
    url('./font/PFBagueSansPro-ExtraThinItalic.woff2') format('woff2'),
    url('./font/PFBagueSansPro-ExtraThinItalic.woff') format('woff'),
    url('./font/PFBagueSansPro-ExtraThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'PF Bague Sans Pro';
    src: url('./font/PFBagueSansPro-Hairline.eot');
    src: local('PF Bague Sans Pro Hairline'), local('PFBagueSansPro-Hairline'),
    url('./font/PFBagueSansPro-Hairline.eot?#iefix') format('embedded-opentype'),
    url('./font/PFBagueSansPro-Hairline.woff2') format('woff2'),
    url('./font/PFBagueSansPro-Hairline.woff') format('woff'),
    url('./font/PFBagueSansPro-Hairline.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PF Bague Sans Pro';
    src: url('./font/PFBagueSansPro-Thin.eot');
    src: local('PF Bague Sans Pro Thin'), local('PFBagueSansPro-Thin'),
    url('./font/PFBagueSansPro-Thin.eot?#iefix') format('embedded-opentype'),
    url('./font/PFBagueSansPro-Thin.woff2') format('woff2'),
    url('./font/PFBagueSansPro-Thin.woff') format('woff'),
    url('./font/PFBagueSansPro-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'PF Bague Sans Pro';
    src: url('./font/PFBagueSansPro-BoldItalic.eot');
    src: local('PF Bague Sans Pro Bold Italic'), local('PFBagueSansPro-BoldItalic'),
    url('./font/PFBagueSansPro-BoldItalic.eot?#iefix') format('embedded-opentype'),
    url('./font/PFBagueSansPro-BoldItalic.woff2') format('woff2'),
    url('./font/PFBagueSansPro-BoldItalic.woff') format('woff'),
    url('./font/PFBagueSansPro-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'PF Bague Sans Pro';
    src: url('./font/PFBagueSansPro-Light.eot');
    src: local('PF Bague Sans Pro Light'), local('PFBagueSansPro-Light'),
    url('./font/PFBagueSansPro-Light.eot?#iefix') format('embedded-opentype'),
    url('./font/PFBagueSansPro-Light.woff2') format('woff2'),
    url('./font/PFBagueSansPro-Light.woff') format('woff'),
    url('./font/PFBagueSansPro-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'PF Bague Sans Pro';
    src: url('./font/PFBagueSansPro.eot');
    src: local('PF Bague Sans Pro'), local('PFBagueSansPro'),
    url('./font/PFBagueSansPro.eot?#iefix') format('embedded-opentype'),
    url('./font/PFBagueSansPro.woff2') format('woff2'),
    url('./font/PFBagueSansPro.woff') format('woff'),
    url('./font/PFBagueSansPro.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PF Bague Sans Pro';
    src: url('./font/PFBagueSansPro-UltraBlackItalic.eot');
    src: local('PF Bague Sans Pro Ultra Black Italic'), local('PFBagueSansPro-UltraBlackItalic'),
    url('./font/PFBagueSansPro-UltraBlackItalic.eot?#iefix') format('embedded-opentype'),
    url('./font/PFBagueSansPro-UltraBlackItalic.woff2') format('woff2'),
    url('./font/PFBagueSansPro-UltraBlackItalic.woff') format('woff'),
    url('./font/PFBagueSansPro-UltraBlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'PF Bague Sans Pro';
    src: url('./font/PFBagueSansPro-BlackItalic.eot');
    src: local('PF Bague Sans Pro Black Italic'), local('PFBagueSansPro-BlackItalic'),
    url('./font/PFBagueSansPro-BlackItalic.eot?#iefix') format('embedded-opentype'),
    url('./font/PFBagueSansPro-BlackItalic.woff2') format('woff2'),
    url('./font/PFBagueSansPro-BlackItalic.woff') format('woff'),
    url('./font/PFBagueSansPro-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'PF Bague Sans Pro';
    src: url('./font/PFBagueSansPro-Black.eot');
    src: local('PF Bague Sans Pro Black'), local('PFBagueSansPro-Black'),
    url('./font/PFBagueSansPro-Black.eot?#iefix') format('embedded-opentype'),
    url('./font/PFBagueSansPro-Black.woff2') format('woff2'),
    url('./font/PFBagueSansPro-Black.woff') format('woff'),
    url('./font/PFBagueSansPro-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'PF Bague Sans Pro';
    src: url('./font/PFBagueSansPro-MediumItalic.eot');
    src: local('PF Bague Sans Pro Medium Italic'), local('PFBagueSansPro-MediumItalic'),
    url('./font/PFBagueSansPro-MediumItalic.eot?#iefix') format('embedded-opentype'),
    url('./font/PFBagueSansPro-MediumItalic.woff2') format('woff2'),
    url('./font/PFBagueSansPro-MediumItalic.woff') format('woff'),
    url('./font/PFBagueSansPro-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'PF Bague Sans Pro';
    src: url('./font/PFBagueSansPro-HairlineItalic.eot');
    src: local('PF Bague Sans Pro Hairline Italic'), local('PFBagueSansPro-HairlineItalic'),
    url('./font/PFBagueSansPro-HairlineItalic.eot?#iefix') format('embedded-opentype'),
    url('./font/PFBagueSansPro-HairlineItalic.woff2') format('woff2'),
    url('./font/PFBagueSansPro-HairlineItalic.woff') format('woff'),
    url('./font/PFBagueSansPro-HairlineItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'PF Bague Sans Pro';
    src: url('./font/PFBagueSansPro-Italic.eot');
    src: local('PF Bague Sans Pro Italic'), local('PFBagueSansPro-Italic'),
    url('./font/PFBagueSansPro-Italic.eot?#iefix') format('embedded-opentype'),
    url('./font/PFBagueSansPro-Italic.woff2') format('woff2'),
    url('./font/PFBagueSansPro-Italic.woff') format('woff'),
    url('./font/PFBagueSansPro-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'PF Bague Sans Pro';
    src: url('./font/PFBagueSansPro-ThinItalic.eot');
    src: local('PF Bague Sans Pro Thin Italic'), local('PFBagueSansPro-ThinItalic'),
    url('./font/PFBagueSansPro-ThinItalic.eot?#iefix') format('embedded-opentype'),
    url('./font/PFBagueSansPro-ThinItalic.woff2') format('woff2'),
    url('./font/PFBagueSansPro-ThinItalic.woff') format('woff'),
    url('./font/PFBagueSansPro-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'PF Bague Sans Pro';
    src: url('./font/PFBagueSansPro-Bold.eot');
    src: local('PF Bague Sans Pro Bold'), local('PFBagueSansPro-Bold'),
    url('./font/PFBagueSansPro-Bold.eot?#iefix') format('embedded-opentype'),
    url('./font/PFBagueSansPro-Bold.woff2') format('woff2'),
    url('./font/PFBagueSansPro-Bold.woff') format('woff'),
    url('./font/PFBagueSansPro-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

html {
    font-family: 'PF Bague Sans Pro', serif;
    font-feature-settings: 'liga' off, 'clig' off;
}

#blueWrapper {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat, no-repeat;
    min-height: 500px;
}

optgroup[label] {
    font-weight: bold;
}


#darkBlueWrapper {
    background-color: #00085C;
}

#mainMenu a {
    font-size: 18px;
    font-style: normal;
}

.contentWrapper {
    width: 100%;
    max-width: 1800px;
    margin-left: auto;
    margin-right: auto;
}

.become-a-member-wrapper {
    width: 100%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.loginButton {
    border-radius: 14px;
    background: #099;
    text-decoration: none;
    padding: 0.6em 1.8em;
    font-weight: bold;
}

.btn-green {
    background: #099;
    border-radius: 14px;
    font-weight: bold;
    text-decoration: none;
    padding: 0.6em 1.8em;
}

.fs-big {
    font-size: 3rem;
}

.fs-7 {
    font-size: 0.875rem; /* 14px */
}
.fs-8 {
    font-size: 0.75rem; /* 12px */
}

.line-height-1 {
    line-height: 1;
}

.line-height-12 {
    line-height: 1.2;
}

.homepageInfoStepsDot {
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background-color: #0C467C;
    display: inline-block;
    position: absolute;
    z-index: -1;
    margin-left: -12px;
    margin-top: -2px;
}
.homepageInfoSteps {
    width: 100%;
    max-width: 180px;
    position: relative;
    z-index: 1;
}

.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
@media (min-width: 768px) {
    .container {
        width: 750px;
    }

}
@media (min-width: 992px) {
    .container {
        width: 970px;
    }
}
@media (min-width: 1200px) {
    .container {
        width: 1170px;
    }
}
@media (max-width: 767px) {
    #featureContainer .carousel-inner .carousel-item > div {
        display: none;
    }
    #featureContainer .carousel-inner .carousel-item > div:first-child {
        display: block;
    }


}
#featureContainer .carousel-inner .carousel-item.active,
#featureContainer .carousel-inner .carousel-item-next,
#featureContainer .carousel-inner .carousel-item-prev {
    display: flex;
}
@media (min-width: 768px) {

    #featureContainer .carousel-inner .carousel-item-end.active,
    #featureContainer .carousel-inner .carousel-item-next {
        transform: translateX(25%);
    }
    #featureContainer .carousel-inner .carousel-item-start.active,
    #featureContainer .carousel-inner .carousel-item-prev {
        transform: translateX(-25%);
    }
    #featureContainer .card img{
        width: 90%;
        height: 40vh;
    }
    #featureContainer .carousel-item{
        justify-content: space-between;
    }
}
@media (max-width: 767px) {

    .blur-bg-blue-effect {
        display: none !important;
    }


    #featureContainer .card img{
        width: 100%;
        height: 75vh;
    }
}
#featureContainer .carousel-inner .carousel-item-end,
#featureContainer .carousel-inner .carousel-item-start {
    transform: translateX(0);
}
#featureContainer .card{
    border: 0;
}
#featureContainer .card{
    position: relative;
}
#featureContainer .card .card-img-overlays{
    position: absolute;
    bottom: 15%;
    left: 10%;
}
#featureContainer a{
    text-decoration: none;
}
#featureContainer .indicator{
    border: 1px solid rgb(202, 202, 202);
    padding: 3px 6px 3px 6px;
}
#featureContainer .indicator:hover{
    background-color: blue;
    border: 1px solid blue;
    transition: 200ms;
}
#featureContainer .indicator:hover{
    color: white;
    transition: 200ms;
}
#featureContainer .indicator {
    color: lightgray;
}
#featureContainer .float-end{
    padding-top: 10px;
}

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

#early-bird-content {
    margin-left: -80px;
    position: relative;
    z-index: 10;
    flex-grow: 0;
    background-color:transparent;
    display: flex;
    align-items: center;
}

#early-bird-content-inner {
    padding: 20px;
    border: 1px solid #ffffff;
    border-radius: 40px;
    box-shadow: 6px 0px 69px -34px rgba(39,39,39,0.64);
    -webkit-box-shadow: 6px 0px 69px -34px rgba(39,39,39,0.64);
    -moz-box-shadow: 6px 0px 69px -34px rgba(39,39,39,0.64);
    margin-bottom: 20px;
}

.blur-bg-blue-effect{
    width: 1179px;
    height: 1179px;
    flex-shrink: 0;
    border-radius: 1179px;
    background-color: rgba(211, 232, 249, 0.45);
    filter: blur(120px);
    z-index: -1;
}

.ms-neg-5-percent {
    margin-left: -5%;
}

.ms-neg-10-percent {
    margin-left: -10%;
}

.ms-neg-20-percent {
    margin-left: -20%;
}


.ms-neg-50-percent {
    margin-left: -50%;
}

.me-neg-50-percent {
    margin-right: -50%;
}

.mt-neg-20-percent {
    margin-left: -20%;
}


.mt-neg-50-percent {
    margin-left: -50%;
}

.become-a-member-text {
    width: 100%;
    max-width: 600px;
}

.become-a-member-img{
    width: 100%;
    max-width: 450px;
    border-radius: 100%;
    text-align: center;
}

.become-a-member-img img {
    border-radius: 100%;
    height: 100%;
}

.opacity-50 {
    opacity: 0.5;
}

.opacity-60 {
    opacity: 0.6;
}
@media screen and (max-width: 992px) {
    .become-a-member-img{
        width:400px;
        height: 400px;
    }

    .fs-big {
        font-size: 3rem;
    }

    .donut-chart {
        display: none;
    }

    .circle-early-bird {
        display: none;
    }

    #early-bird-content {
        margin-left: 0 !important;
    }
}

@media screen and (max-width: 766px) {
    /*.become-a-member-img{*/
    /*    width:300px;*/
    /*    height: 300px;*/
    /*}*/

    .fs-big {
        font-size: 1.8rem !important;;
    }



    .become-a-member-text {
        margin-right: 0 !important;
        margin-top: 40px !important;
        padding: 20px;
    }

    .circle-img {
        height: 50px !important;
    }

    .early-bird-wrapper {
        padding: 0px 20px;
    }

    .text-sm-center {
        text-align: center !important;
    }
}

.overflow-x-hidden {
    overflow-x: hidden;!important;
}

.d-inline-block {
    display: inline-block;
}

.text-blue {
    color:#00085C
}

.text-light-blue {
    color:#5784AE
}

.text-white {
    color: #fff
}
.sc-card {
    padding: 20px;
    border-radius: 28px;
    background: #FFF;
    box-shadow: 0px 10px 20px 0px rgba(191, 224, 255, 0.40);
}

.user-avatar-sm {
    border-radius: 100%;
    border:2px solid #B7B7B7;
    width:48px;
    height: 48px;
}

.h-stack-of-avatars {
    display:inline-flex;
    justify-content: start;
}
.h-stack-of-avatars img {
    margin-left: -10%
}

.h-stack-of-avatars img:first-child {
    margin-left: 0% !important;
}

.bottom-20 {
    bottom:20% !important;
}

.bt-1-white {
    border-top: 1px solid white;
}

.footer-blue-line {
    border-top: 1px solid #5784AE;
    width: 100%;
}

/* mobile menu */
#main-menu-mobile {
    background-color: rgba(12, 70, 124, 0.8);
    transition: opacity 0.5s ease, visibility 0.5s ease;
    z-index: 100;
}
/* end mobile menu */

.donut-chart {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: rgb(129, 128, 152);
    position: relative;
}

.donut-chart::before {
    content: '';
    position: absolute;
    top: 25%;
    left: 25%;
    width: 50%;
    height: 50%;
    background: white;
    border-radius: 50%;
}

.center-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-weight: bold;
    font-size: 1.2em;
}

.circle {
    width: 250px;
    height: 250px;
    background-color: rgb(184, 183, 201);
    border-radius: 50%;
    opacity: 75%;
}

.circle-early-bird {
    margin-left: -70px;
    position: relative;
    z-index: 2;
}

.donut-early-bird {
    margin-left: -70px;
    position: relative;
    z-index: 1;
}

/* Display */
.d-flex { display: flex !important; }
.d-inline-flex { display: inline-flex !important; }

/* Flex Direction */
.flex-row { flex-direction: row !important; }
.flex-row-reverse { flex-direction: row-reverse !important; }
.flex-column { flex-direction: column !important; }
.flex-column-reverse { flex-direction: column-reverse !important; }

/* Justify Content */
.justify-content-start { justify-content: flex-start !important; }
.justify-content-end { justify-content: flex-end !important; }
.justify-content-center { justify-content: center !important; }
.justify-content-between { justify-content: space-between !important; }
.justify-content-around { justify-content: space-around !important; }
.justify-content-evenly { justify-content: space-evenly !important; }

/* Align Items */
.align-items-start { align-items: flex-start !important; }
.align-items-end { align-items: flex-end !important; }
.align-items-center { align-items: center !important; }
.align-items-baseline { align-items: baseline !important; }
.align-items-stretch { align-items: stretch !important; }

/* Align Self */
.align-self-start { align-self: flex-start !important; }
.align-self-end { align-self: flex-end !important; }
.align-self-center { align-self: center !important; }
.align-self-baseline { align-self: baseline !important; }
.align-self-stretch { align-self: stretch !important; }

/* Align Content */
.align-content-start { align-content: flex-start !important; }
.align-content-end { align-content: flex-end !important; }
.align-content-center { align-content: center !important; }
.align-content-between { align-content: space-between !important; }
.align-content-around { align-content: space-around !important; }
.align-content-stretch { align-content: stretch !important; }

/* Flex Wrap */
.flex-wrap { flex-wrap: wrap !important; }
.flex-nowrap { flex-wrap: nowrap !important; }
.flex-wrap-reverse { flex-wrap: wrap-reverse !important; }

/* Flex Grow/Shrink */
.flex-grow-0 { flex-grow: 0 !important; }
.flex-grow-1 { flex-grow: 1 !important; }
.flex-shrink-0 { flex-shrink: 0 !important; }
.flex-shrink-1 { flex-shrink: 1 !important; }

/* Order */
.order-0 { order: 0 !important; }
.order-1 { order: 1 !important; }
.order-2 { order: 2 !important; }
.order-3 { order: 3 !important; }
.order-4 { order: 4 !important; }
.order-5 { order: 5 !important; }
.order-first { order: -1 !important; }
.order-last { order: 6 !important; }

.fw-bold {
    font-weight: bold;
}

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

.text-start {
    text-align: left;
}

.text-end {
    text-align: right;
}

.about-us-wrapper {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.about-us-wrapper .contentWrapper{
    padding: 80px 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 800px;
}

/* Spacing values */
:root {
    --bs-space-0: 0;
    --bs-space-1: 0.25rem;
    --bs-space-2: 0.5rem;
    --bs-space-3: 1rem;
    --bs-space-4: 1.5rem;
    --bs-space-5: 3rem;
}

/* === MARGIN === */
/* All sides */
.m-0 { margin: var(--bs-space-0) !important; }
.m-1 { margin: var(--bs-space-1) !important; }
.m-2 { margin: var(--bs-space-2) !important; }
.m-3 { margin: var(--bs-space-3) !important; }
.m-4 { margin: var(--bs-space-4) !important; }
.m-5 { margin: var(--bs-space-5) !important; }

/* X-axis (start & end) */
.mx-0 { margin-left: var(--bs-space-0) !important; margin-right: var(--bs-space-0) !important; }
.mx-1 { margin-left: var(--bs-space-1) !important; margin-right: var(--bs-space-1) !important; }
.mx-2 { margin-left: var(--bs-space-2) !important; margin-right: var(--bs-space-2) !important; }
.mx-3 { margin-left: var(--bs-space-3) !important; margin-right: var(--bs-space-3) !important; }
.mx-4 { margin-left: var(--bs-space-4) !important; margin-right: var(--bs-space-4) !important; }
.mx-5 { margin-left: var(--bs-space-5) !important; margin-right: var(--bs-space-5) !important; }

/* Y-axis (top & bottom) */
.my-0 { margin-top: var(--bs-space-0) !important; margin-bottom: var(--bs-space-0) !important; }
.my-1 { margin-top: var(--bs-space-1) !important; margin-bottom: var(--bs-space-1) !important; }
.my-2 { margin-top: var(--bs-space-2) !important; margin-bottom: var(--bs-space-2) !important; }
.my-3 { margin-top: var(--bs-space-3) !important; margin-bottom: var(--bs-space-3) !important; }
.my-4 { margin-top: var(--bs-space-4) !important; margin-bottom: var(--bs-space-4) !important; }
.my-5 { margin-top: var(--bs-space-5) !important; margin-bottom: var(--bs-space-5) !important; }

/* Individual sides */
.mt-0 { margin-top: var(--bs-space-0) !important; }
.mt-1 { margin-top: var(--bs-space-1) !important; }
.mt-2 { margin-top: var(--bs-space-2) !important; }
.mt-3 { margin-top: var(--bs-space-3) !important; }
.mt-4 { margin-top: var(--bs-space-4) !important; }
.mt-5 { margin-top: var(--bs-space-5) !important; }

.me-0 { margin-right: var(--bs-space-0) !important; }
.me-1 { margin-right: var(--bs-space-1) !important; }
.me-2 { margin-right: var(--bs-space-2) !important; }
.me-3 { margin-right: var(--bs-space-3) !important; }
.me-4 { margin-right: var(--bs-space-4) !important; }
.me-5 { margin-right: var(--bs-space-5) !important; }

.mb-0 { margin-bottom: var(--bs-space-0) !important; }
.mb-1 { margin-bottom: var(--bs-space-1) !important; }
.mb-2 { margin-bottom: var(--bs-space-2) !important; }
.mb-3 { margin-bottom: var(--bs-space-3) !important; }
.mb-4 { margin-bottom: var(--bs-space-4) !important; }
.mb-5 { margin-bottom: var(--bs-space-5) !important; }

.ms-0 { margin-left: var(--bs-space-0) !important; }
.ms-1 { margin-left: var(--bs-space-1) !important; }
.ms-2 { margin-left: var(--bs-space-2) !important; }
.ms-3 { margin-left: var(--bs-space-3) !important; }
.ms-4 { margin-left: var(--bs-space-4) !important; }
.ms-5 { margin-left: var(--bs-space-5) !important; }

/* === PADDING === */
/* All sides */
.p-0 { padding: var(--bs-space-0) !important; }
.p-1 { padding: var(--bs-space-1) !important; }
.p-2 { padding: var(--bs-space-2) !important; }
.p-3 { padding: var(--bs-space-3) !important; }
.p-4 { padding: var(--bs-space-4) !important; }
.p-5 { padding: var(--bs-space-5) !important; }

/* X-axis (start & end) */
.px-0 { padding-left: var(--bs-space-0) !important; padding-right: var(--bs-space-0) !important; }
.px-1 { padding-left: var(--bs-space-1) !important; padding-right: var(--bs-space-1) !important; }
.px-2 { padding-left: var(--bs-space-2) !important; padding-right: var(--bs-space-2) !important; }
.px-3 { padding-left: var(--bs-space-3) !important; padding-right: var(--bs-space-3) !important; }
.px-4 { padding-left: var(--bs-space-4) !important; padding-right: var(--bs-space-4) !important; }
.px-5 { padding-left: var(--bs-space-5) !important; padding-right: var(--bs-space-5) !important; }

/* Y-axis (top & bottom) */
.py-0 { padding-top: var(--bs-space-0) !important; padding-bottom: var(--bs-space-0) !important; }
.py-1 { padding-top: var(--bs-space-1) !important; padding-bottom: var(--bs-space-1) !important; }
.py-2 { padding-top: var(--bs-space-2) !important; padding-bottom: var(--bs-space-2) !important; }
.py-3 { padding-top: var(--bs-space-3) !important; padding-bottom: var(--bs-space-3) !important; }
.py-4 { padding-top: var(--bs-space-4) !important; padding-bottom: var(--bs-space-4) !important; }
.py-5 { padding-top: var(--bs-space-5) !important; padding-bottom: var(--bs-space-5) !important; }

/* Individual sides */
.pt-0 { padding-top: var(--bs-space-0) !important; }
.pt-1 { padding-top: var(--bs-space-1) !important; }
.pt-2 { padding-top: var(--bs-space-2) !important; }
.pt-3 { padding-top: var(--bs-space-3) !important; }
.pt-4 { padding-top: var(--bs-space-4) !important; }
.pt-5 { padding-top: var(--bs-space-5) !important; }

.pe-0 { padding-right: var(--bs-space-0) !important; }
.pe-1 { padding-right: var(--bs-space-1) !important; }
.pe-2 { padding-right: var(--bs-space-2) !important; }
.pe-3 { padding-right: var(--bs-space-3) !important; }
.pe-4 { padding-right: var(--bs-space-4) !important; }
.pe-5 { padding-right: var(--bs-space-5) !important; }

.pb-0 { padding-bottom: var(--bs-space-0) !important; }
.pb-1 { padding-bottom: var(--bs-space-1) !important; }
.pb-2 { padding-bottom: var(--bs-space-2) !important; }
.pb-3 { padding-bottom: var(--bs-space-3) !important; }
.pb-4 { padding-bottom: var(--bs-space-4) !important; }
.pb-5 { padding-bottom: var(--bs-space-5) !important; }

.ps-0 { padding-left: var(--bs-space-0) !important; }
.ps-1 { padding-left: var(--bs-space-1) !important; }
.ps-2 { padding-left: var(--bs-space-2) !important; }
.ps-3 { padding-left: var(--bs-space-3) !important; }
.ps-4 { padding-left: var(--bs-space-4) !important; }
.ps-5 { padding-left: var(--bs-space-5) !important; }

.content-wrapper-1024 {
    width: 100%;
    max-width: 930px;
}

.bubble {
    max-width: 764px;
    background-color:rgb(73, 77, 133);
    border: 1px solid rgb(73, 77, 133);
    border-radius: 2em;
    margin-left: auto;
    margin-right: auto;
    color: white;
}

.bubble-green {
    max-width: 300px;
    background-color:rgb(131, 171, 163);
    border: 1px solid rgb(131, 171, 163);
    border-radius: 2em;
    margin-left: auto;
    margin-right: auto;
    color: white;
    min-height: 85px;
    min-width: 260px;
    margin-bottom: 20px !important;
}


.bubbleWrapper {
    float: left;
    width: 100%;
}
.bubbleWrapper:nth-child(odd) .bubble {
    float: left;
}

.bubbleWrapper:nth-child(even) .bubble {
    float: right;
}
.bubblesWrapper {
    margin-left: auto;
    margin-right: auto;
}

.circles-content {
    max-width: 930px;
    min-height: 170px;
}

.dots-border {
    max-width: 930px;
    margin-left: auto;
    margin-right: auto;

}

.dots-border div {
    border: 6px dashed rgb(238, 238, 242);
    border-radius: 3em;
}

.form-header {
    border-bottom: 1px solid #00085C;
}

label {
    color: #00085C;
    font-weight: 600;
}

input.form-control, select.form-select {
    border: none;
    box-shadow: none;
    background-color: rgba(0, 8, 92, 0.05);
    padding: 12px 15px;
    color: #00085C;
    font-weight: 500;
    border-radius: 0.6em;
}

input.form-control:focus, select.form-select:focus {
    border: none;
    box-shadow: none;
    outline: none;
    background-color: rgba(0, 8, 92, 0.05);
}

.text-decoration-none {
    text-decoration: none;
}

.fw-normal {
    font-weight: normal !important;
}

.line-height-1 {
    line-height: 1 !important;
}

.form-check-label {
    padding-top: 3px !important;
}

.form-check-input:checked {
    background-color: #00085C !important;
    border-color: #00085C !important;
}

.modal#statusSuccessModal .modal-content,
.modal#statusErrorsModal .modal-content {
    border-radius: 30px;
}
.modal#statusSuccessModal .modal-content svg,
.modal#statusErrorsModal .modal-content svg {
    display: block;
    margin: 0 auto;
}
.modal#statusSuccessModal .modal-content .path,
.modal#statusErrorsModal .modal-content .path {
    stroke-dasharray: 1000;
    stroke-dashoffset: 0;
}
.modal#statusSuccessModal .modal-content .path.circle,
.modal#statusErrorsModal .modal-content .path.circle {
    -webkit-animation: dash 0.9s ease-in-out;
    animation: dash 0.9s ease-in-out;
}
.modal#statusSuccessModal .modal-content .path.line,
.modal#statusErrorsModal .modal-content .path.line {
    stroke-dashoffset: 1000;
    -webkit-animation: dash 0.95s 0.35s ease-in-out forwards;
    animation: dash 0.95s 0.35s ease-in-out forwards;
}
.modal#statusSuccessModal .modal-content .path.check,
.modal#statusErrorsModal .modal-content .path.check {
    stroke-dashoffset: -100;
    -webkit-animation: dash-check 0.95s 0.35s ease-in-out forwards;
    animation: dash-check 0.95s 0.35s ease-in-out forwards;
}

@-webkit-keyframes dash {
    0% {
        stroke-dashoffset: 1000;
    }
    100% {
        stroke-dashoffset: 0;
    }
}
@keyframes dash {
    0% {
        stroke-dashoffset: 1000;
    }
    100%{
        stroke-dashoffset: 0;
    }
}
@-webkit-keyframes dash {
    0% {
        stroke-dashoffset: 1000;
    }
    100% {
        stroke-dashoffset: 0;
    }
}
@keyframes dash {
    0% {
        stroke-dashoffset: 1000;}
    100% {
        stroke-dashoffset: 0;
    }
}
@-webkit-keyframes dash-check {
    0% {
        stroke-dashoffset: -100;
    }
    100% {
        stroke-dashoffset: 900;
    }
}
@keyframes dash-check {
    0% {
        stroke-dashoffset: -100;
    }
    100% {
        stroke-dashoffset: 900;
    }
}
.box00{
    width: 100px;
    height: 100px;
    border-radius: 50%;
}

.message-svg {
    width: 80px;
}

.no-border {
    border: 0px solid #000 !important;
}

#launchWrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.launchBox {
    min-width: 280px;
    max-width: 320px;
    width: 100%;
    height: 90px;
    border-radius: 0.6em;
}

.launchBoxGreen
{
    background: rgb(131, 171, 163);
}

.launchBoxPurple
{
    background: rgb(126, 129, 165);
}


.social-icon {
    fill: rgb(145, 147, 178);
}

@media only screen and (max-width: 768px) {
    #like {
        margin-top: 40px !important;
    }

    #socialWrapper {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    #socialWrapper a {
        margin-top: 20px !important;
    }

    #socialWrapper a:first-child {
        margin-top: 0 !important;
    }



}

@media only screen and (max-width: 1367px) {
    #green-bubbles-wrapper {
        flex-direction: column !important;
    }
    .bubble-green {
        width: 100%;
        font-size:1.3rem;
        text-align: center;
        height: 90px;
        max-width: 450px !important;
    }
}

@media only screen and (max-width: 540px) {
    #b2c-dots {
        margin-left: 5px !important;
        margin-right: 5px !important;
    }

    #b2c-dots-inner {
        padding: 25px !important;
    }
}

.grecaptcha-badge { visibility: hidden; }