@charset "UTF-8";




footer {
    margin-top: -180px;
    padding-top: 100px;
}


body {
    font-family: 'Roboto', Arial, sans-serif; /* Fallback to Arial and generic sans-serif */
    font-weight: normal; /* Adjust weight if necessary */
    font-style: normal; /* Adjust style if necessary */
    overflow-x: hidden;
    min-height: 100;
    display: flex;
    flex-direction: column;
}


button svg {
    display: inline;
}

.above-slice {
    margin-bottom: -200px;
    padding-bottom: 200px;
}




.h2RichText {
    font-size: 40px;
    font-weight: 500;
    
}

.pattern-bg {
    z-index: 10;
}

.colorLightBlue {
    color: #88aef9;
}

.dropdown-menu {
    z-index: 1000;
    margin-top: 0;
}

.nav-item:hover .dropdown-menu {
    display: block !important;
}

.dropdown-menu {
    display: none !important;
}

/* .sticky-nav {
    transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, top 0.3s ease-in-out;
}

.sticky-nav.is-sticky {
    position: sticky;
    top: 0;
    z-index: 1000;
}

.sticky-nav.is-absolute {
    position: absolute;
    top: -10px;

    z-index: 1000;
} */

.z-500 {
    z-index: 500;
}

z-999 {
    z-index: 999;
}

.light-sky-blue {
    background-color: #88AEF9;
    /* or your preferred shade of light blue */
}

.blueText {
    color: #002250;
}


/**umb_name:Heading 1*/

.h1RichText {
    font-size: clamp(4.75rem,9.9vh,5.875rem);
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -4px;
    opacity: 0.7;
    
}




/**umb_name:Heading 2*/

.h2RichText {
    font-size: 48px;
    font-weight: 500;
    
}


/**umb_name:Heading 3*/

.h3RichText {
    font-size: 40px;
    font-weight: 500;
    
}


/**umb_name:Heading 4*/

.h4RichText {
    font-size: 34px;
    font-weight: 500;
    
}


/**umb_name:Heading 5*/

.h5RichText {
    font-size: 28px;
    font-weight: 500;
    
}


/**umb_name:Paragraph 1*/

.paragraph1 {
    font-size: 20px;
    font-weight: 500;
    
}


/**umb_name:Paragraph 2*/

.paragraph2 {
    font-size: 18px;
    font-weight: 400;
    font-color: gray;
    line-height: 1.6;
    
    
}


/**umb_name:Paragraph 3*/

.paragraph3 {
    font-size: 12px;
    font-weight: 300;
    
}


/**umb_name:Nexa Slab Font*/

.nexaSlab {
    
}


/**umb_name:Color light blue*/

.colorLightBlue {
    color: #88aef9;
}


/**umb_name:Color blue*/

.blueText {
    color: #002250;
}


/**umb_name:Color gray*/

.colorGray {
    color: #cbd5e1;
}


/**umb_name:Color black*/

.colorBlack {
    color: #000000;
}


/**umb_name:Color white*/

.colorWhite {
    color: white;
}

.bg-white .nav-logo img {
    filter: invert(1);
}

.nav-signin a {
    color: red;
}

.tab-button-container {
    position: relative;
}

.tab-button-container:hover::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.4);
    z-index: -1;
    border-radius: inherit;
}

.tab-button-container:hover {
    z-index: 1;
}

.mobile-normal-tab {
    background-color: transparent;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    color: white;
    margin-left: 10px;
}

.mobile-desc {
    padding-left: 10px;
    padding-right: 10px;
}

.mobile-active-tab {
    background-color: white;
    border-radius: 0.9rem;
    padding-left: 10px;
    padding-right: 10px;
    /* Rounded corners */
    color: #d3e458 !important;
    /* Adjust as needed */
}


.section-title-1 {
    font-size:72px;
    font-weight:500;
    width:500px;
    max-width:80vw;
    line-height: 1.25;
}

.hide-image {
    display: block;
}

@media (max-width: 768px) {

    
.hide-image {
    display: none;
}



    .price-container {
        width: 100% !important;
        /* Force full width on mobile */
    }
}


.polygon{
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 40%, 0% 100%);
    clip-path: polygon(0% 0%, 100% 0%, 100% 40%, 0% 100%);
  
}



.slice {
    -webkit-clip-path: polygon(0% 180px, 100% 0%, 100% 100%, 0% 100%);
      clip-path: polygon(0% 180px, 100% 0%, 100% 100%, 0% 100%);
    }

    .slice-reverse {
        -webkit-clip-path: polygon(0% 0%, 100% 180px, 100% 100%, 0% 100%);
        clip-path: polygon(0% 0%, 100% 180px, 100% 100%, 0% 100%);
    }


.slice .slice-content {
    padding-top: 140px;
}

.float-right-display {
    display: none !important;
}

/* Extra small devices (phones, less than 576px) */
@media (max-width: 575.98px) {
    .float-right-display {
        display: none !important;
    }

    .h1RichText {
        font-size: 3.2rem;
        font-weight: 600;
        line-height: 1.2;
        letter-spacing: -4px;
        opacity: 0.7;
        
    }

    .section-title-1 {
        font-size:3.2rem;
        font-weight:500;
        width:100%;
        max-width:92vw;
        line-height: 1.25;
    }

    .polygon{
        -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 70%, 0% 100%) !important;
        clip-path: polygon(0% 0%, 100% 0%, 100% 70%, 0% 100%) !important;
    }
    
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
    .float-right-display {
        display: none !important;
    }

    .polygon{
        -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 70%, 0% 100%) !important;
        clip-path: polygon(0% 0%, 100% 0%, 100% 70%, 0% 100%) !important;
    }

    .section-title-1 {
        font-size:4rem;
        font-weight:500;
        width:500px;
        max-width:80vw;
        line-height: 1.25;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
    .float-right-display {
        display: none !important;
    }

    .polygon{
        -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 60%, 0% 100%);
        clip-path: polygon(0% 0%, 100% 0%, 100% 60%, 0% 100%);
    }

    .section-title-1 {
        font-size:58px;
        font-weight:500;
        width:380px;
        max-width:80vw;
        line-height: 1.25;
    }
   
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
    .float-right-display {
        display: none !important;
    }

    polygon{
        -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 30%, 0% 100%);
        clip-path: polygon(0% 0%, 100% 0%, 100% 30%, 0% 100%);
    }

    .section-title-1 {
        font-size:74px;
        font-weight:500;
        width:500px;
        max-width:80vw;
        line-height: 1.25;
    }
   
}

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

    .polygon{
        -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 40%, 0% 100%);
        clip-path: polygon(0% 0%, 100% 0%, 100% 40%, 0% 100%);
    }
    .float-right-display {
        display: block !important;
    }
    .section-title-1 {
        font-size:84px;
        font-weight:500;
        width:600px;
        max-width:80vw;
        line-height: 1.25;
    }
    
}



/* Ultra large devices (4K screens, 1600px and up) */
@media (min-width: 1600px) {

    .polygon{
        -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 22%, 0% 100%);
        clip-path: polygon(0% 0%, 100% 0%, 100% 22%, 0% 100%);
    }

    .float-right-display {
        display: block !important;
    }

    .section-title-1 {
        font-size:84px;
        font-weight:500;
        width:600px;
        max-width:80vw;
        line-height: 1.25;
    }
   
}

[x-cloak] {
    display: none !important;
}



.text {
    min-height: 200px;
    display: flex;
    align-items: flex-end;
}
.text-blended {
    mix-blend-mode: color-burn;
}
.text-under-overlay {
    opacity: 0.2;
}