body {
    margin-bottom: 50px;
}

p {
    font-size: 16px;
    /* Adjust the size as needed */
}

.circle-with-triangles {
    position: relative;
    width: 140px;
    height: 140px;
    background-color: #4CAF50;
    border-radius: 50%;
    margin: 50px auto;
    overflow: hidden; /* Ensure that the pseudo-elements are contained within the circle */
}

.circle-with-triangles::before, .circle-with-triangles::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    clip-path: polygon(
        50% 0%, 52% 6%, 58% 9%, 60% 15%, 66% 18%, 70% 24%, 76% 27%, 80% 33%, 86% 36%, 90% 42%,
        95% 45%, 98% 50%, 95% 55%, 90% 58%, 86% 64%, 80% 67%, 76% 73%, 70% 76%, 66% 82%, 60% 85%,
        58% 91%, 52% 94%, 50% 100%, 48% 94%, 42% 91%, 40% 85%, 34% 82%, 30% 76%, 24% 73%, 20% 67%,
        14% 64%, 10% 58%, 5% 55%, 2% 50%, 5% 45%, 10% 42%, 14% 36%, 20% 33%, 24% 27%, 30% 24%, 
        34% 18%, 40% 15%, 42% 9%, 48% 6%
    );
    background: inherit;
    transform: rotate(15deg); /* Adjust rotation if necessary */
}

.circle-with-triangles::after {
    transform: rotate(-15deg); /* Adjust rotation if necessary */
}

@media only screen and (max-width: 768px) {
    p {
        font-size: 18px;
        /* Adjust the size for mobile devices */
    }
}

.no-select {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Firefox, Safari */
}

.text-bg-water {
    color: #FFF;
    background-color: #2389da;
}

.app-title-water {
    padding-bottom: 1rem;
    border-bottom: 1px solid #2389da;
}

.app-title-white {
    padding-bottom: 1rem;
    border-bottom: 1px solid white;
}

.app-page-start {
    background: no-repeat center top fixed;
    height: calc(100vh - 160px);
    background-size: cover;
    position: relative;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

.app-page-start-sm {
    background: no-repeat center center fixed;
    height: calc(100vh - 320px);
    background-size: cover;
    position: relative;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

.app-page-start-content {
    display: flex;
    height: 100%;
    background-color: transparent;
    opacity: 0.9;
    padding: 2rem 0;
}

.app-pointer {
    cursor: pointer;
}

footer {
    background-color: #FFF;
    /* color: #fff; */
    padding: 2rem;
    text-align: center;
    /* Fixed positioning */
    /* position: fixed; */
    left: 0;
    bottom: 0;
    width: 100%;
}