/*=============STACKED-TRIANGLES-UP-RIGHT START===========*/
.triangle-divider-up-wrapper {
    position: absolute;
    bottom: 0; /* adjust to control how much it overlaps */
    left: 0;
    width: 100%;
    height: 100px; /* adjust to taste */
    margin: 0;
    padding: 0;
    line-height: 0; /* prevents any stray inline spacing behavior */
    z-index: 10;
}

.triangle-divider-up-right {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.triangle-divider-up-right::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #1a6aff;
}

#tdur-1::before {
    height: 100%;
    clip-path: polygon(0 100%, 100% 60% /* <-controls the height*/, 100% 100%);
}

#tdur-2::before {
    height: 100%;
    opacity: 0.5;
    clip-path: polygon(0 100%, 100% 30% /* <-controls the height*/, 100% 100%);
}

#tdur-3::before {
    height: 100%;
    opacity: 0.2;
    clip-path: polygon(0 100%, 100% 0% /* <-controls the height*/, 100% 100%);
}

@media (min-width: 1440px) {
    .triangle-divider-up-wrapper {
        bottom: -0.3px;
    }
}

@media (max-width: 500px) {
    .triangle-divider-up-wrapper {
        display: none;
    }
}

/*=============STACKED-TRIANGLES-UP-RIGHT END===========*/


/*=============STACKED-TRIANGLES-DOWN-RIGHT START===========*/
.triangle-divider-down-wrapper {
    /*position: absolute;*/
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100px; /* adjust to taste */
    margin: 0;
    padding: 0;
    line-height: 0; /* prevents any stray inline spacing behavior */
    z-index: 10;
}

.triangle-divider-down-right {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.triangle-divider-down-right::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #1a6aff;
}

#tddr-1::before {
    height: 100%;
    clip-path: polygon(0 0%, 0 30% /* <-controls the height*/, 100% 0);

}

#tddr-2::before {
    height: 100%;
    opacity: 0.5;
    clip-path: polygon(0 0, 0 60% /* <-controls the height*/, 100% 0);
}

#tddr-3::before {
    height: 100%;
    opacity: 0.2;
    clip-path: polygon(0 0, 0 90% /* <-controls the height*/, 100% 0);
}

@media (min-width: 768px) {
    .triangle-divider-down-wrapper {
        top: -1px;
    }


}

@media (max-width: 500px) {
    .triangle-divider-down-wrapper {
        display: none;
    }
}

/*=============STACKED-TRIANGLES-DOWN-RIGHT END===========*/

/*==============GALLERY CARROUSEL START ===================*/
/*
Source - https://stackoverflow.com/a/76606772
Posted by A Haworth
Retrieved 2026-02-13, License - CC BY-SA 4.0
*/

.gallery_carousel {
    position: relative;
    height: 233px;
    margin-bottom: 30px;
    display: flex;
    width: fit-content;
    gap: 20px;
}

.gallery_carousel img {
    margin: 0 0;
    box-shadow: 2px 2px 8px #8a8a8a;
}

.gallery_carousel {
    animation: bannermove 50s linear infinite;
}

@keyframes gallery_carousel {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

/*============== GALLERY CARROUSEL END ===================*/