/* 
#1C3284
#f4f4f4
#000000
*/

.triangle-right,.inner-triangle-right,.innermost-right {
    display: none;
}

.bottom-poly {
    clip-path: polygon(0 75%, 50% 0, 100% 75%, 100% 100%, 0 100%);
    background-color: #f4f4f4;
    width: 100%;
    position: absolute;
    bottom: 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 200px;
}#bottom-1{
    bottom: 25px;
    background-color: #f4f4f4;
}#bottom-2{
    bottom: 20px;
    background-color: #1c3284;
}#bottom-desk{
    display: none;
}

@media (min-width: 1024px){
    .triangle-right,.inner-triangle-right,.innermost-right {
        display: inline-block;
        top: 20%;
    }
    .triangle-right {
        width: 0;
        height: 0;
        border-top: 230px solid transparent; /* Adjust the size of the triangle */
        border-bottom: 230px solid transparent; /* Adjust the size of the triangle */
        border-right: 190px solid #1c3284; /* Adjust the size and color of the triangle */
        position: absolute; /* Position the triangle */
        right: 0; /* Align the triangle to the far right */
        align-self: center;
    }
    .inner-triangle-right {
        position: absolute; /* Position the inner triangle */
        top: 50%;
        transform: translateY(-50%); /* Adjust for vertical centering */
        left: 5px;
        width: 0;
        height: 0;
        border-top: 230px solid transparent;
        border-bottom: 230px solid transparent;
        border-right: 190px solid #f4f4f4;
    }
    .innermost-right {
        width: 0;
        height: 0;
        border-top: 230px solid transparent;
        border-bottom: 230px solid transparent;
        border-right: 190px solid #1c3284;
        position: absolute; /* Position the triangle */
        transform: translateY(-50%); /* Adjust for vertical centering */
        left: 20px;
    }

    .right-poly {
        position: absolute;
        top: calc(100vh - 33.5px);
        height: 200vh;
        width: 75%;
        clip-path: polygon(25% 0, 100% 0, 100% 100%, 25% 100%, 0 50%);
        background-color: #1c3284;
        z-index: 1;
    }.left-poly {
        position: absolute;
        top: calc(100vh - 33.5px);
        height: 200vh;
        width: 75%;
        clip-path: polygon(0 0, 75% 0, 100% 50%, 75% 100%, 0 100%);
        background-color: #1c3284;
        z-index: 1;
    }#right-1{
        right: -220px;
        height: calc(200vh + 60px);
        top: calc(100vh - 33.5px - 30px);
    }#right-2{
        background-color: #f4f4f4;
        right: -225px;
        height: calc(200vh + 50px);
        top: calc(100vh - 33.5px - 25px);
    }#right-3{
        right: -250px;
    }

    .bottom-poly {
        clip-path: polygon(0 75%, 50% 0, 100% 75%, 100% 100%, 0 100%);
        background-color: #1c3284;
    }#bottom-1{
        bottom: 25px;
        background-color: #1c3284;
    }#bottom-2{
        bottom: 20px;
        background-color: #f4f4f4;
    }#bottom-desk{
        display: grid;
        bottom: -100px;
        background-color: #f4f4f4;
    }


    
}