/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 19 2025 | 01:22:30 */
.image-container {
    width: 1000px;
    height: 600px;
    overflow: hidden;
    display: inline-block;
}

@media screen and (max-width: 1024px) {.image-container {
    width:100%;
    height: 300px;
}}
    
    @media screen and (max-width: 767px) {
        .image-container {
    width:100%;
    height: 200px;
}
    }


.image-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    clip-path: polygon(0% 0%, 100% 0%, 80% 100%, 0% 100%);
    transition: clip-path 0.5s ease-in-out;
}


.image-container2 {
    width: 1000px;
    height: 600px;
    overflow: hidden;
    display: inline-block;
}

.image-container2 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    clip-path: polygon(20% 0%, 100% 0%, 100% 100%, 0% 100%);
    transition: clip-path 0.5s ease-in-out;
}


@media screen and (max-width: 1024px) {.image-container2 {
    width:100%;
    height: 300px;
}}
    
    @media screen and (max-width: 767px) {
        .image-container2 {
    width:100%;
    height: 200px;
}
    }



.gradient-text {

    background: linear-gradient(90deg, #FF6EC4 0%,  #7F4BA2 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}