* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    font-family: "Roboto", sans-serif;
}

#nav_top_bar {
    background-color: #1e1854;

}

#nav_top_bar_content {
    display: flex;
    flex-direction: row;
    width: fit-content;
    margin-left: auto;
    margin-right: 5%;
    justify-content: center;
    align-items: center;
    height: fit-content;
    padding: 10px 0px;
}

#nav_top_bar_content div {
    height: 30px;
    width: 5px;
    background-color: #ca12a2;
    margin: 0px 20px;
}

#nav_top_bar_content p {
    margin-top: 0px;
    color: white !important;
    font-size: 14px;
}

#logo_container img {
    height: 100px !important;
    width: auto !important;
    margin-left: 5%;
}

#nav_bar_button {
    display: flex;
    height: 100%;
    width: 100%;
    border-left: 2px #ca12a2 solid;
    background-color: #ca12a2;
}

#nav_bar_button a {
    color: white;
    display: flex;
    width: 100%;
    text-decoration: none;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    background-color: #ca12a2;
}

#nav_bar_button a:hover {
    color: #ca12a2;
    background-color: white;
}

#main_bar_nav{
    display: flex;
    justify-content: space-between;
    align-items: center;
}


.nav-items-container{
    padding-right: 5%;
}

.nav-items{
    list-style-type: none;
    align-items: center;
}

.nav-items a{
    color:#1e1854 !important;
    text-decoration: none;
}

.nav-items a:hover{
    text-decoration: underline;
}

.section-img {
    background-image: url("/images/sphere_background_v3.jpg");
    height: 500px;
    width: 100%;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: end;
    position: relative;
    justify-content: center;
    align-items: center;
}

.top-svg {
    margin-top: -400px !important;
    z-index: 100 !important;
    position: relative;
}

.bottom-svg{
    /* margin-top: -135px;*/
    width:102vw;
    margin-bottom: 50px;
}

.bottom-svg-home{
    position: relative;
    bottom: 20vw;
    margin-bottom: 50px;
}

.bottom-svg-privacy{
    /* margin-top: -135px;
    width:102vw;
    margin-bottom: 140px; */
}

h1 {
    color: #1e1854 !important;
    margin-bottom: 50px;
    font-size: 30px;
    text-align: center;
    position: relative;
    top:20%;
    margin-top: 4rem;
    z-index: 200;
}

h2 {
    color: #1e1854;
    font-size: 25px;
}

h3 {
    color: #1e1854;
    font-size: 20px;
}

ol {
    margin-top: 25px;
    margin-bottom: 25px;
    font-weight: 300;
    line-height: 25px;
    font-size: 15px;
    padding: 0px 0px 0px 40px;
}


ul {
    margin-top: 25px;
    margin-bottom: 25px;
    list-style-type: initial;
    margin-left: 0px;
    list-style-type: square;
    font-weight: 300;
    line-height: 25px;
    padding: 0px 0px 0px 40px!important;
}

li {
    margin-bottom: 5px;
    color: #1e1854 !important;
    font-size: 20px;
}

.hero{
    display: grid;
    grid-template-columns: 5fr 2fr;
    max-width: 1000px;
    margin: auto;
    justify-items: center;
    align-items: center;
    justify-content: center;
    margin-bottom: 50px;
}



.clipped-shape-wave{
   clip-path: polygon(100% 100%, 0% 100%, 0.00% 34.40%, 1.11% 36.87%, 2.22% 39.42%, 3.33% 42.04%, 4.44% 44.72%, 5.56% 47.45%, 6.67% 50.22%, 7.78% 53.00%, 8.89% 55.80%, 10.00% 58.58%, 11.11% 61.35%, 12.22% 64.08%, 13.33% 66.76%, 14.44% 69.38%, 15.56% 71.93%, 16.67% 74.40%, 17.78% 76.77%, 18.89% 79.03%, 20.00% 81.17%, 21.11% 83.17%, 22.22% 85.04%, 23.33% 86.76%, 24.44% 88.32%, 25.56% 89.72%, 26.67% 90.94%, 27.78% 91.99%, 28.89% 92.85%, 30.00% 93.53%, 31.11% 94.01%, 32.22% 94.30%, 33.33% 94.40%, 34.44% 94.30%, 35.56% 94.01%, 36.67% 93.53%, 37.78% 92.85%, 38.89% 91.99%, 40.00% 90.94%, 41.11% 89.72%, 42.22% 88.32%, 43.33% 86.76%, 44.44% 85.04%, 45.56% 83.17%, 46.67% 81.17%, 47.78% 79.03%, 48.89% 76.77%, 50.00% 74.40%, 51.11% 71.93%, 52.22% 69.38%, 53.33% 66.76%, 54.44% 64.08%, 55.56% 61.35%, 56.67% 58.58%, 57.78% 55.80%, 58.89% 53.00%, 60.00% 50.22%, 61.11% 47.45%, 62.22% 44.72%, 63.33% 42.04%, 64.44% 39.42%, 65.56% 36.87%, 66.67% 34.40%, 67.78% 32.03%, 68.89% 29.77%, 70.00% 27.63%, 71.11% 25.63%, 72.22% 23.76%, 73.33% 22.04%, 74.44% 20.48%, 75.56% 19.08%, 76.67% 17.86%, 77.78% 16.81%, 78.89% 15.95%, 80.00% 15.27%, 81.11% 14.79%, 82.22% 14.50%, 83.33% 14.40%, 84.44% 14.50%, 85.56% 14.79%, 86.67% 15.27%, 87.78% 15.95%, 88.89% 16.81%, 90.00% 17.86%, 91.11% 19.08%, 92.22% 20.48%, 93.33% 22.04%, 94.44% 23.76%, 95.56% 25.63%, 96.67% 27.63%, 97.78% 29.77%, 98.89% 32.03%, 100.00% 34.40%);
    background-color: #fff;
    height: 150px;
    position: relative;
    top: -149px;
}

.clipped-shape-wave-aqua{
   clip-path: polygon(100% 100%, 0% 100%, 0.00% 34.40%, 1.11% 36.87%, 2.22% 39.42%, 3.33% 42.04%, 4.44% 44.72%, 5.56% 47.45%, 6.67% 50.22%, 7.78% 53.00%, 8.89% 55.80%, 10.00% 58.58%, 11.11% 61.35%, 12.22% 64.08%, 13.33% 66.76%, 14.44% 69.38%, 15.56% 71.93%, 16.67% 74.40%, 17.78% 76.77%, 18.89% 79.03%, 20.00% 81.17%, 21.11% 83.17%, 22.22% 85.04%, 23.33% 86.76%, 24.44% 88.32%, 25.56% 89.72%, 26.67% 90.94%, 27.78% 91.99%, 28.89% 92.85%, 30.00% 93.53%, 31.11% 94.01%, 32.22% 94.30%, 33.33% 94.40%, 34.44% 94.30%, 35.56% 94.01%, 36.67% 93.53%, 37.78% 92.85%, 38.89% 91.99%, 40.00% 90.94%, 41.11% 89.72%, 42.22% 88.32%, 43.33% 86.76%, 44.44% 85.04%, 45.56% 83.17%, 46.67% 81.17%, 47.78% 79.03%, 48.89% 76.77%, 50.00% 74.40%, 51.11% 71.93%, 52.22% 69.38%, 53.33% 66.76%, 54.44% 64.08%, 55.56% 61.35%, 56.67% 58.58%, 57.78% 55.80%, 58.89% 53.00%, 60.00% 50.22%, 61.11% 47.45%, 62.22% 44.72%, 63.33% 42.04%, 64.44% 39.42%, 65.56% 36.87%, 66.67% 34.40%, 67.78% 32.03%, 68.89% 29.77%, 70.00% 27.63%, 71.11% 25.63%, 72.22% 23.76%, 73.33% 22.04%, 74.44% 20.48%, 75.56% 19.08%, 76.67% 17.86%, 77.78% 16.81%, 78.89% 15.95%, 80.00% 15.27%, 81.11% 14.79%, 82.22% 14.50%, 83.33% 14.40%, 84.44% 14.50%, 85.56% 14.79%, 86.67% 15.27%, 87.78% 15.95%, 88.89% 16.81%, 90.00% 17.86%, 91.11% 19.08%, 92.22% 20.48%, 93.33% 22.04%, 94.44% 23.76%, 95.56% 25.63%, 96.67% 27.63%, 97.78% 29.77%, 98.89% 32.03%, 100.00% 34.40%);
    background-color: #60c6c1;
    height: 300px;
    width:110%;
    position: absolute;
    inset:0;
    index: -1;
}



div#content a[target="_blank"]::after {
  content: "\f08e";
  font-family: 'FontAwesome';
  margin: 0 3px 0 5px;
}

#content-outer {
    background-color: #ffffff;
    width: 100%;

}

#content_bg {
    background-color: #ffffff;
    padding: 0px 10px 0px 10px;
    overflow: hidden;
    margin-top: -100px;
}

#content {
    max-width: 1000px;
    padding: 20px;
    margin: 0px auto;
    position: relative;
    z-index: -10px;
}

.image{
    width:100%;
    height:100%;
}

p {
    margin-top: 20px;
    color: #1e1854 !important;
    font-size: 20px;
}

a{color:#1e1854;}

.links-footer a{color:#fff;}

.grid{
    display: grid;

}

.grid1{
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin: 50px 0px;
    gap:40px;
}

.grid1-item{
    display: grid;
    grid-template-columns: 1fr 2fr;
    justify-content: center;
    align-items: center;
    justify-items: center;
}

.uk-text1{
    position:relative;
    right: 50px;
}

.uk-text2{
    position:relative;
    right: 20px;
}


.blueBG{
    background-color:#11115a;
    border-radius: 20px;
    color: #fff;
    padding: 50px 100px;
}

.blueBG p{color:#fff!important;}

#bottom_section {
    background-color: #61C6C1;
    padding-bottom: 100px;
    position: relative;
    margin-top: -20vw;
}

#bottom_section_privacy{
    background-color: #61C6C1;
    padding-bottom: 100px;
    position: relative;
    margin-top: -20px;
}

#bottom_title {
    max-width: 1000px;
    margin: auto;
    padding: 20px;
    font-size: 18px;
    color: #1e1854 !important;
    text-align: center;
}

.small {
    font-size: 16px;
    color: #1e1854 !important;
    text-align: center;
    padding: 20px;
    max-width: 1000px;
    margin: auto;
}

button {
    margin-top: 50px;
    margin-bottom: 50px;
    color: white;
    background-color: #ca12a2;
    padding: 20px 40px;
    font-size: 20px;
    border-radius: 7.5px;
    border: 2px solid #ca12a2;
    margin-left: auto;
    margin-right: auto;
    transition: 0.5s ease;
}

button:hover {
    color: #ca12a2;
    background-color: white;
    cursor: pointer;
    border: 2px solid #ca12a2;
}

footer{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 10px !important;
    background-color: #1e1854;
    height: fit-content;
    padding: 10px 10px;
}

 #links-footer{
    color: white!important;
    font-size: 18px;
}

footer a {
    color: white;
    font-size: 18px;
}

footer p {
    font-size: 18px;
    font-weight: bold;
    margin: 0px;

}

#icons_container img {
    height: 150px;
    width: auto;
}



#icons_container {
    display: grid;
    grid-template-columns: 1fr 1fr;
}


#icon-doc{
    fill: #1e1854;
    height:50px;
}

#link-bottom{
    color: #1e1854;
    text-decoration: none;
}

#link-bottom:hover{
    text-decoration: underline;
}

td{
    padding: 8px;
    font-size: 18px;
    color: #1e1854;
}

.table-bordered > thead > tr > th {
    border-bottom-width: 1px;
    background-color: #6e9e60 !important;
    
    }

.table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
    border: 1px solid #ddd;}

th{
    color: #ffffff;
    padding: 8px;
    
}

.list-inline li{
    font-size: 18px;
}


.feature-box{
    border-radius: 20px;
    background-color: #100f5a;
    color: #60c5c2;
    padding: 15px 15px;
    max-width:1200px;
    margin: 0px auto;
    z-index: 1;
    position: relative;
}

.feature-box h2{
    color: #ee3897;
}

.feature-box p{
    color: #fff!important;
}

.aqua-background{
    background-color: #60c6c1;
    min-width:101vw;
    position: relative;
    right: 10px;
}

/* .aqua-background::after{
    content: '';
    clip-path: polygon(100% 100%, 0% 100%, 0.00% 34.40%, 1.11% 36.87%, 2.22% 39.42%, 3.33% 42.04%, 4.44% 44.72%, 5.56% 47.45%, 6.67% 50.22%, 7.78% 53.00%, 8.89% 55.80%, 10.00% 58.58%, 11.11% 61.35%, 12.22% 64.08%, 13.33% 66.76%, 14.44% 69.38%, 15.56% 71.93%, 16.67% 74.40%, 17.78% 76.77%, 18.89% 79.03%, 20.00% 81.17%, 21.11% 83.17%, 22.22% 85.04%, 23.33% 86.76%, 24.44% 88.32%, 25.56% 89.72%, 26.67% 90.94%, 27.78% 91.99%, 28.89% 92.85%, 30.00% 93.53%, 31.11% 94.01%, 32.22% 94.30%, 33.33% 94.40%, 34.44% 94.30%, 35.56% 94.01%, 36.67% 93.53%, 37.78% 92.85%, 38.89% 91.99%, 40.00% 90.94%, 41.11% 89.72%, 42.22% 88.32%, 43.33% 86.76%, 44.44% 85.04%, 45.56% 83.17%, 46.67% 81.17%, 47.78% 79.03%, 48.89% 76.77%, 50.00% 74.40%, 51.11% 71.93%, 52.22% 69.38%, 53.33% 66.76%, 54.44% 64.08%, 55.56% 61.35%, 56.67% 58.58%, 57.78% 55.80%, 58.89% 53.00%, 60.00% 50.22%, 61.11% 47.45%, 62.22% 44.72%, 63.33% 42.04%, 64.44% 39.42%, 65.56% 36.87%, 66.67% 34.40%, 67.78% 32.03%, 68.89% 29.77%, 70.00% 27.63%, 71.11% 25.63%, 72.22% 23.76%, 73.33% 22.04%, 74.44% 20.48%, 75.56% 19.08%, 76.67% 17.86%, 77.78% 16.81%, 78.89% 15.95%, 80.00% 15.27%, 81.11% 14.79%, 82.22% 14.50%, 83.33% 14.40%, 84.44% 14.50%, 85.56% 14.79%, 86.67% 15.27%, 87.78% 15.95%, 88.89% 16.81%, 90.00% 17.86%, 91.11% 19.08%, 92.22% 20.48%, 93.33% 22.04%, 94.44% 23.76%, 95.56% 25.63%, 96.67% 27.63%, 97.78% 29.77%, 98.89% 32.03%, 100.00% 34.40%);
    background-color: #60c6c1;
    height: 300px;
    width:110%;
    position: absolute;
    inset:0;
    z-index: -1;
} */

.wave-background{
    position:relative;
}

 /* .wave-background::after{
    content: '';
    clip-path: polygon(100% 100%, 0% 100%, 0.00% 34.40%, 1.11% 36.87%, 2.22% 39.42%, 3.33% 42.04%, 4.44% 44.72%, 5.56% 47.45%, 6.67% 50.22%, 7.78% 53.00%, 8.89% 55.80%, 10.00% 58.58%, 11.11% 61.35%, 12.22% 64.08%, 13.33% 66.76%, 14.44% 69.38%, 15.56% 71.93%, 16.67% 74.40%, 17.78% 76.77%, 18.89% 79.03%, 20.00% 81.17%, 21.11% 83.17%, 22.22% 85.04%, 23.33% 86.76%, 24.44% 88.32%, 25.56% 89.72%, 26.67% 90.94%, 27.78% 91.99%, 28.89% 92.85%, 30.00% 93.53%, 31.11% 94.01%, 32.22% 94.30%, 33.33% 94.40%, 34.44% 94.30%, 35.56% 94.01%, 36.67% 93.53%, 37.78% 92.85%, 38.89% 91.99%, 40.00% 90.94%, 41.11% 89.72%, 42.22% 88.32%, 43.33% 86.76%, 44.44% 85.04%, 45.56% 83.17%, 46.67% 81.17%, 47.78% 79.03%, 48.89% 76.77%, 50.00% 74.40%, 51.11% 71.93%, 52.22% 69.38%, 53.33% 66.76%, 54.44% 64.08%, 55.56% 61.35%, 56.67% 58.58%, 57.78% 55.80%, 58.89% 53.00%, 60.00% 50.22%, 61.11% 47.45%, 62.22% 44.72%, 63.33% 42.04%, 64.44% 39.42%, 65.56% 36.87%, 66.67% 34.40%, 67.78% 32.03%, 68.89% 29.77%, 70.00% 27.63%, 71.11% 25.63%, 72.22% 23.76%, 73.33% 22.04%, 74.44% 20.48%, 75.56% 19.08%, 76.67% 17.86%, 77.78% 16.81%, 78.89% 15.95%, 80.00% 15.27%, 81.11% 14.79%, 82.22% 14.50%, 83.33% 14.40%, 84.44% 14.50%, 85.56% 14.79%, 86.67% 15.27%, 87.78% 15.95%, 88.89% 16.81%, 90.00% 17.86%, 91.11% 19.08%, 92.22% 20.48%, 93.33% 22.04%, 94.44% 23.76%, 95.56% 25.63%, 96.67% 27.63%, 97.78% 29.77%, 98.89% 32.03%, 100.00% 34.40%);
    background-color: #60c6c1;
    height: 300px;
    width:110%;
    position: absolute;
    /*top:31%;*/
    /* left:-10px;
    bottom: -1px;
    z-index: 0;
} */



.grid-table{
    display: grid;
    margin: 4vw auto;
    padding: 0px 0px 30px 0px;
    background-color: #fff;
    border-radius: 20px;
    overflow: hidden;
    gap:10px;
}

.grid-table-row{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}

.grid-table-row.header{
    background-color:#ee3897;
    padding: 1rem;
}

.grid-table h3{
    color:#fff;
}

.grid-item{
    display: grid;
    justify-content: center;
    align-items: center;
}

.svg-container{
    width:60px;
}

.doc-container{
    display: flex;
    flex-wrap:wrap;
    gap:20px;
    
}

.doc-item{
    max-width:280px;
    margin: 20px 10px;
    
    overflow: hidden;
    /*box-shadow: 3px 2px 10px 1px #c4c4c4; */
}


.doc-item-img{
    overflow:hidden;
    width: 100%;
    height: 200px;
}

.doc-item-img img{
    width:100%;
    transition: transform 0.25s ease;
    aspect-ratio: 3/2;
    object-fit: cover;
    height:200px;
    object-position:top;
}

.doc-item-text{
    padding:20px;
}

.doc-item-text a{
    text-decoration: none!important;
}

.doc-item:hover .doc-item-img img{
    transform: scale(1.05);
}



@media only screen and (max-width:700px){
    .grid1{
        grid-template-columns: 1fr;
    }

    .uk-text1, .uk-text2{
        right:0px;
    }
    
}

@media only screen and (max-width:648px){
    .wave-background::after{
        bottom:-50px;
    }
}

@media only screen and (min-width: 600px) {
    .section-img {

        height: 600px;
        background-position: center bottom;
    }

    h1 {
        font-size: 40px;
    }

    h2 {
        font-size: 30px;
    }
}

@media only screen and (max-width:800px){
    .hero{
        grid-template-columns: 1fr;
    }
}

@media only screen and (min-width: 800px) {
    .section-img {
        background-position: center bottom;
    }

    #content_bg{
        margin-top: -100px;
    }
}

@media only screen and (max-width:800px){
    .graphic {
        padding: 0px !important;
        height: 300px;
        width: 300px;
        bottom: 100px;
}
}


@media only screen and (min-width: 900px) {
    #content_bg {
        position: relative;
        z-index: 200 !important;
        margin-top: -100px;
    }

    #bottom_section {
        position: relative;
        /*margin-top: -100px;*/
        width:102%;
        right: 10px;
    }

    #content>div {
        /* display: flex; */
        /*justify-content: center;*/
        align-items: center;
        /*flex-direction: column;*/
    }

    .section-img {
        background-position: center bottom;
    }

    .wave-background::after{
        z-index: -1;
    }
}

@media only screen and (min-width: 1000px) {
    .section-img {
        background-position: center bottom;
    }
}

@media only screen and (min-width: 1100px) {
    .section-img {
        background-position: center bottom;
    }

    .top-svg {
        margin-top: -500px !important;
        z-index: 100 !important;
        position: relative;

    }
}

@media only screen and (min-width: 1200px) {
    .section-img {
        height: 700px;
    }
}


@media only screen and (min-width: 1300px) {
    .section-img {
        height: 800px;
    }
}

 @media only screen and (min-width: 1600px) {

        .section-img {
            height: 900px;
            background-position: center bottom;
        }

        #content_bg {
            position: relative;
            z-index: 200 !important;
            margin-top: -150px;
        }
}

 @media only screen and (min-width: 2050px) {
        .top-svg {
            margin-top: -500px !important;
        }

        #content_bg {
            position: relative;
            z-index: 200 !important;
            /*margin-top: -180px; */
        }

}

@media only screen and (min-width: 2150px) {
        /*.section-img {
            background-position: 0px -600px;
        } */
}

@media only screen and (min-width: 2400px) {
        .section-img {
            height: 1000px;
            background-position: center bottom;
        }
}