/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/Other/CascadeStyleSheet.css to edit this template
*/
/* 
    Created on : Jun 24, 2024, 12:38:51 PM
    Author     : Pravin Nair
*/
/* styles.css */

/* Basic styling for the image container */
.image-container {
    position: relative;
    width: 100%;
    height: 600px; /* Adjust the height as needed */
    overflow: hidden;
}

/* General styling for images */
.image-container img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* This ensures the images cover the container */
    opacity: 0; /* Start all images as invisible */
    animation: fadeAnimation 15s infinite; /* Change the duration as needed */
}

/* Keyframes for fade in and fade out */
@keyframes fadeAnimation {
    0%, 100% {
        opacity: 0;
    }
    10%, 30% {
        opacity: 1;
    }
    40%, 100% {
        opacity: 0;
    }
}

/* Staggering the animation start for each image */
.image-container img:nth-child(1) {
    animation-delay: 0s;
}

.image-container img:nth-child(2) {
    animation-delay: 5s;
}

.image-container img:nth-child(3) {
    animation-delay: 10s;
}

/* Add more nth-child rules if you have more images */

.circular--left {
    /*   border-top-left-radius: 50% 50%; 
       border-top-right-radius: 50% 50%; 
       border-bottom-right-radius: 50% 50%; */
    border-bottom-left-radius: 30% 30%;
}
.circular--right {
    border-bottom-right-radius: 30% 30%;

}
.circular--right {
    /*   border-top-left-radius: 50% 50%; 
       border-top-right-radius: 50% 50%; 
    border-bottom-left-radius: 50% 50%; */
    border-bottom-right-radius: 30% 30%;

}
.circular--top-left{
    border-top-left-radius: 30% 30%;

}
.circular--top-right{
    border-top-right-radius: 30% 30%;
}
.column {
    /*  float: left;*/
    width: 30.33%;
    padding: 0px;
}
.imgsize{
    height:300px;
    width:400px
}
.bgimg {
    /* The image used 
    background-image: url("../assets/images/weddings/KSH_7110.jpg");*/
   /* Full height */
    height: 100%;
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: repeat;
    background-size: cover;
    border-top-right-radius: 20% 20%;
}
.spaceword {
    word-spacing: 8px;
    letter-spacing: 3px;
}
.spaceword1{
    word-spacing: 4px;
    letter-spacing: 2px;
}
.mktext-color{
    color: white;
}
.textgr{
      font-size: 72px;
    background: -webkit-linear-gradient(#eee, #333);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.imgfilter {
  filter: grayscale(50%);
}