/* 
#23252f
#917f9c
#516e8f
#e5e4e2
#edf0f7
*/

/* Animation Keyframes */
@keyframes orbit-glow {
    0% { transform: translate(0, 0) rotate(0deg); }
    50% { transform: translate(15px, -15px) rotate(180deg); }
    100% { transform: translate(0, 0) rotate(360deg); }
}
@keyframes pulse-galactic {
    0% { transform: scale(1); box-shadow: 0 0 10px #917f9c; }
    50% { transform: scale(1.1); box-shadow: 0 0 20px #e5e4e2; }
    100% { transform: scale(1); box-shadow: 0 0 10px #917f9c; }
}
@keyframes spin-cosmic {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
@keyframes fade-in-up {
    from { transform: translateY(20px); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}
@keyframes fade-in-left {
    from { transform: translateX(-20px); opacity: 0; }
    to { transform: translateX(0); opacity: 1; }
}
@keyframes fade-in-right {
    from { transform: translateX(20px); opacity: 0; }
    to { transform: translateX(0); opacity: 1; }
}

/* Animation Classes */
.animate-orbit-glow { animation: orbit-glow 8s linear infinite; }
.animate-pulse-galactic { animation: pulse-galactic 4s infinite; }
.animate-spin-cosmic { animation: spin-cosmic 12s linear infinite; }
.animate-fade-in-up { animation: fade-in-up 1.2s ease-out; }
.animate-fade-in-left { animation: fade-in-left 1.2s ease-out; }
.animate-fade-in-right { animation: fade-in-right 1.2s ease-out; }

/* Custom Clip Paths */
.clip-path-circle {
    clip-path: circle(50% at center);
}

/* Custom Shadows */
.shadow-cosmic {
    box-shadow: 0 0 25px #516e8f, 0 0 40px #917f9c inset;
}

/* Carousel Styling */
.carousel {
    position: relative;
}
.carousel-slide {
    opacity: 0;
}
.carousel-slide.active {
    opacity: 1;
}
.indicator.active {
    background-color: #516e8f;
    transform: scale(1.2);
}

/* Responsive Adjustments */
@media (max-width: 1024px) {
    h1 { font-size: 4rem; }
    .p-3 { padding: 1.5rem; }
}
@media (max-width: 640px) {
    h1 { font-size: 2.5rem; }
    .p-3 { padding: 1rem; }
    #prevBtn, #nextBtn { top: 60%; }
}

/* Transition Effects */
.transition-all { transition: all 0.5s ease; }
.ease-out-back { transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); }

/* about section */

@keyframes spin-slow {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
@keyframes float {
    0% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
    100% { transform: translateY(0); }
}
@keyframes rotate {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
@keyframes bounce-slow {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-5px); }
}
@keyframes fade-in {
    from { opacity: 0; }
    to { opacity: 1; }
}
.animate-spin-slow { animation: spin-slow 10s linear infinite; }
.animate-float { animation: float 4s ease-in-out infinite; }
.animate-rotate { animation: rotate 8s linear infinite; }
.animate-bounce-slow { animation: bounce-slow 2s infinite; }
.animate-fade-in { animation: fade-in 1s ease-in; }
.animate-pulse { animation: pulse 2s infinite; }
.delay-500 { animation-delay: 0.5s; }
@media (max-width: 640px) {
    .container { padding: 1rem; }
    h2 { font-size: 2rem; }
    p { font-size: 1rem; }
    button { width: 100%; margin-top: 1rem; }
}



/* call for research papers */
@keyframes subtle-wave {
    0% { background-position: 0 0; }
    100% { background-position: 100% 100%; }
}
@keyframes glide-left {
    0% { transform: translateX(0); }
    50% { transform: translateX(-20px); }
    100% { transform: translateX(0); }
}
@keyframes glide-right {
    0% { transform: translateX(0); }
    50% { transform: translateX(20px); }
    100% { transform: translateX(0); }
}
@keyframes rotate-slow {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
@keyframes slide-up {
    from { transform: translateY(20px); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}
@keyframes pulse-line {
    0% { width: 0; }
    50% { width: 100%; }
    100% { width: 0; }
}
@keyframes fade-in-left {
    from { transform: translateX(-20px); opacity: 0; }
    to { transform: translateX(0); opacity: 1; }
}
@keyframes fade-in-right {
    from { transform: translateX(20px); opacity: 0; }
    to { transform: translateX(0); opacity: 1; }
}
@keyframes bounce-in {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.05); }
}
.animate-subtle-wave { animation: subtle-wave 8s linear infinite; background-size: 200% 200%; }
.animate-glide-left { animation: glide-left 6s ease-in-out infinite; }
.animate-glide-right { animation: glide-right 7s ease-in-out infinite; }
.animate-rotate-slow { animation: rotate-slow 20s linear infinite; }
.animate-slide-up { animation: slide-up 1s ease-out; }
.animate-pulse-line { animation: pulse-line 3s infinite; }
.animate-fade-in-left { animation: fade-in-left 1.2s ease-out; }
.animate-fade-in-right { animation: fade-in-right 1.2s ease-out; }
.animate-bounce-in { animation: bounce-in 2s infinite; }
.clip-path-polygon { clip-path: polygon(20% 0%, 80% 0%, 100% 20%, 100% 80%, 80% 100%, 20% 100%, 0% 80%, 0% 20%); }
.ease-out-cubic { transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
.ease-out-expo { transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
@media (max-width: 768px) {
    .grid { grid-template-columns: 1fr; }
    h2 { font-size: 3.5rem; }
    .max-w-4xl { max-width: 100%; }
    button { width: 100%; }
}


/* submission guidelines */
/* Animation Keyframes */
@keyframes pulse-slow {
    0% { transform: scale(1); }
    50% { transform: scale(1.05); }
    100% { transform: scale(1); }
}
@keyframes float {
    0% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
    100% { transform: translateY(0); }
}
@keyframes spin-gentle {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
@keyframes slide-up {
    from { transform: translateY(20px); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}
@keyframes fade-in {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* Animation Classes */
.animate-pulse-slow { animation: pulse-slow 4s infinite; }
.animate-float { animation: float 6s ease-in-out infinite; }
.animate-spin-gentle { animation: spin-gentle 15s linear infinite; }
.animate-slide-up { animation: slide-up 1s ease-out; }
.animate-fade-in { animation: fade-in 1.2s ease-in-out; }

/* Custom Clip Path for Hexagon */
.clip-path-hexagon {
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}

/* Responsive Adjustments */
@media (max-width: 640px) {
    .max-w-3xl { max-width: 100%; }
    h3 { font-size: 2rem; }
    p, ul { font-size: 1rem; }
    .p-8 { padding: 1rem; }
}

/* Transition and Hover Effects */
.transition-all { transition: all 0.5s ease; }
.hover:shadow-2xl { box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); }




/* themes of conference */
/* Animation Keyframes */
@keyframes glide-diagonal {
    0% { transform: translate(0, 0); }
    50% { transform: translate(15px, -15px); }
    100% { transform: translate(0, 0); }
}
@keyframes rotate-elegant {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
@keyframes pulse-grand {
    0% { transform: scale(1); }
    50% { transform: scale(1.1); }
    100% { transform: scale(1); }
}
@keyframes wave-horizontal {
    0% { background-position: 0 0; }
    100% { background-position: 200% 0; }
}
@keyframes rise-with-flourish {
    from { transform: translateY(30px); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}
@keyframes glow-line {
    0% { opacity: 0.5; }
    50% { opacity: 1; }
    100% { opacity: 0.5; }
}
@keyframes fade-in-up {
    from { transform: translateY(20px); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}

/* Animation Classes */
.animate-glide-diagonal { animation: glide-diagonal 8s ease-in-out infinite; }
.animate-rotate-elegant { animation: rotate-elegant 20s linear infinite; }
.animate-pulse-grand { animation: pulse-grand 6s infinite; }
.animate-wave-horizontal { animation: wave-horizontal 10s linear infinite; }
.animate-rise-with-flourish { animation: rise-with-flourish 1.5s ease-out; }
.animate-glow-line { animation: glow-line 4s infinite; }
.animate-fade-in-up { animation: fade-in-up 1.2s ease-out; }
.delay-200 { animation-delay: 0.2s; }
.delay-400 { animation-delay: 0.4s; }
.delay-600 { animation-delay: 0.6s; }
.delay-800 { animation-delay: 0.8s; }
.delay-1000 { animation-delay: 1s; }
.delay-1200 { animation-delay: 1.2s; }
.delay-1400 { animation-delay: 1.4s; }
.delay-1600 { animation-delay: 1.6s; }
.delay-1800 { animation-delay: 1.8s; }
.delay-2000 { animation-delay: 2s; }
.delay-2200 { animation-delay: 2.2s; }

/* Custom Clip Path for Octagon */
.clip-path-octagon {
    clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
}

/* Responsive Adjustments */
@media (max-width: 1024px) {
    .grid { grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); }
    .max-w-7xl { max-width: 100%; }
    h2 { font-size: 5rem; }
    .p-12 { padding: 2rem; }
}
@media (max-width: 640px) {
    h2 { font-size: 3.5rem; }
    .p-12 { padding: 1.5rem; }
    .text-2xl { font-size: 1.5rem; }
    .text-lg { font-size: 1rem; }
}

/* Transition and Shadow Effects */
.transition-all { transition: all 0.8s ease; }
.hover:scale-101 { transform-origin: center; }
.shadow-3xl { box-shadow: 0 35px 60px -15px rgba(0, 0, 0, 0.3), 0 20px 25px -5px rgba(0, 0, 0, 0.1); }
.ease-out-quart { transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); }


/* orgainizing committee */
/* Animation Keyframes */
@keyframes gear-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
@keyframes pulse-steam {
    0% { transform: scale(1); box-shadow: 0 0 5px #917f9c; }
    50% { transform: scale(1.05); box-shadow: 0 0 15px #e5e4e2; }
    100% { transform: scale(1); box-shadow: 0 0 5px #917f9c; }
}
@keyframes holo-glide {
    0% { transform: translate(0, 0); }
    50% { transform: translate(15px, -15px); }
    100% { transform: translate(0, 0); }
}
@keyframes rotate-holo {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
@keyframes title-rise {
    from { transform: translateY(40px); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}
@keyframes steam-glow {
    0% { opacity: 0.7; }
    50% { opacity: 1; }
    100% { opacity: 0.7; }
}
@keyframes parallax-up {
    from { transform: translateY(50px); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}
@keyframes parallax-down {
    from { transform: translateY(-50px); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}
@keyframes fade-in {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* Animation Classes */
.animate-gear-spin { animation: gear-spin 12s linear infinite; }
.animate-pulse-steam { animation: pulse-steam 5s infinite; }
.animate-holo-glide { animation: holo-glide 8s ease-in-out infinite; }
.animate-rotate-holo { animation: rotate-holo 20s linear infinite; }
.animate-title-rise { animation: title-rise 1.8s ease-out; }
.animate-steam-glow { animation: steam-glow 4s infinite; }
.animate-parallax-up { animation: parallax-up 1.5s ease-out; }
.animate-parallax-down { animation: parallax-down 1.5s ease-out; }
.animate-fade-in { animation: fade-in 1.2s ease-in; }
.delay-100 { animation-delay: 0.1s; }
.delay-200 { animation-delay: 0.2s; }
.delay-300 { animation-delay: 0.3s; }

/* Custom Clip Paths */
.clip-path-gear {
    clip-path: polygon(50% 0%, 70% 10%, 90% 0%, 100% 20%, 100% 50%, 90% 70%, 100% 80%, 90% 100%, 70% 90%, 50% 100%, 30% 90%, 10% 100%, 0% 80%, 0% 50%, 10% 20%, 0% 0%, 30% 10%);
}
.clip-path-diamond {
    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
}

/* Custom Shadows */
.shadow-steampunk {
    box-shadow: 0 0 20px #516e8f, 0 0 40px #917f9c inset, 0 5px 15px #e5e4e2;
}
.shadow-4xl {
    box-shadow: 0 60px 100px -20px rgba(0, 0, 0, 0.5), 0 30px 50px -10px rgba(0, 0, 0, 0.3);
}

/* Scrollbar Styling */
.scrollbar-thin {
    scrollbar-width: thin;
}
.scrollbar-thumb-#516e8f\/50 {
    background-color: #516e8f50;
}
.scrollbar-track-#edf0f7\/80 {
    background-color: #edf0f780;
}

/* Responsive Adjustments */
@media (max-width: 1024px) {
    .grid { grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); }
    .max-w-6xl { max-width: 100%; }
    h2 { font-size: 5rem; }
    .p-12 { padding: 2rem; }
    /* .h-[500px] { height: 400px; } */
}
@media (max-width: 640px) {
    h2 { font-size: 3.5rem; }
    .p-12 { padding: 1.5rem; }
    .text-3xl { font-size: 2rem; }
    /* .flex { flex-direction: column; space-x-0 space-y-2; } */
    /* .h-[500px] { height: 300px; } */
}

/* Transition Effects */
.ease-out-expo { transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }


/* contact details */

/* Animation Keyframes */
@keyframes star-orbit {
    0% { transform: translate(0, 0) rotate(0deg); }
    50% { transform: translate(20px, -20px) rotate(180deg); }
    100% { transform: translate(0, 0) rotate(360deg); }
}
@keyframes pulse-cosmic {
    0% { transform: scale(1); box-shadow: 0 0 10px #917f9c; }
    50% { transform: scale(1.1); box-shadow: 0 0 25px #e5e4e2; }
    100% { transform: scale(1); box-shadow: 0 0 10px #917f9c; }
}
@keyframes globe-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
@keyframes rotate-holo {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
@keyframes cosmic-rise {
    from { transform: translateY(50px); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}
@keyframes nebula-glow {
    0% { opacity: 0.6; }
    50% { opacity: 1; }
    100% { opacity: 0.6; }
}
@keyframes fade-orbit {
    from { transform: translateX(30px); opacity: 0; }
    to { transform: translateX(0); opacity: 1; }
}
@keyframes slide-cosmic {
    from { transform: translateY(40px); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}
@keyframes parallax-scroll {
    from { transform: translateY(20px); }
    to { transform: translateY(-20px); }
}

/* Animation Classes */
.animate-star-orbit { animation: star-orbit 10s linear infinite; }
.animate-pulse-cosmic { animation: pulse-cosmic 5s infinite; }
.animate-globe-spin { animation: globe-spin 20s linear infinite; }
.animate-rotate-holo { animation: rotate-holo 25s linear infinite; }
.animate-cosmic-rise { animation: cosmic-rise 2s ease-out; }
.animate-nebula-glow { animation: nebula-glow 4s infinite; }
.animate-fade-orbit { animation: fade-orbit 1.5s ease-out; }
.animate-slide-cosmic { animation: slide-cosmic 1.8s ease-out; }
.delay-200 { animation-delay: 0.2s; }

/* Custom Clip Paths */
.clip-path-star {
    clip-path: polygon(50% 0%, 63% 38%, 100% 38%, 75% 63%, 88% 100%, 50% 80%, 13% 100%, 25% 63%, 0% 38%, 38% 38%);
}

/* Custom Shadows */
.shadow-cosmic {
    box-shadow: 0 0 30px #516e8f, 0 0 50px #917f9c inset, 0 10px 20px #e5e4e2;
}
.shadow-5xl {
    box-shadow: 0 70px 120px -30px rgba(0, 0, 0, 0.6), 0 40px 60px -15px rgba(0, 0, 0, 0.4);
}

/* Scrollbar Styling */
.scrollbar-thin {
    scrollbar-width: thin;
}
.scrollbar-thumb-#516e8f\/50 {
    background-color: #516e8f50;
}
.scrollbar-track-#edf0f7\/80 {
    background-color: #edf0f780;
}

/* Responsive Adjustments */
@media (max-width: 1024px) {
    .grid { grid-template-columns: 1fr; }
    .max-w-5xl { max-width: 100%; }
    h2 { font-size: 5rem; }
    .p-12 { padding: 2rem; }
}
@media (max-width: 640px) {
    h2 { font-size: 3.5rem; }
    .p-12 { padding: 1.5rem; }
    .text-3xl { font-size: 2rem; }
    .grid { grid-template-columns: 1fr; }
}

/* Transition Effects */
.ease-out-back { transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); }