nav {
    background: linear-gradient(to right, rgb(30, 58, 138) 0%, rgba(88, 28, 135, 0.8) 50%, transparent 100%);
    transition: background-color 0.3s ease, background 0.3s ease;
    position: sticky;
    top: 0;
    z-index: 50;

    a, .ri-menu-line, .ri-close-line {
        color: white;
        cursor: pointer;
    }
}
.hide-scrollbar::-webkit-scrollbar {
    display: none;
}
.hide-scrollbar {
    -ms-overflow-style: none;  
    scrollbar-width: none;    
}
/* White background when in #sec2 */
nav.white-bg {
    background: white;

    a, .ri-menu-line, .ri-close-line {
        color: black;
        cursor: pointer;
    }
    
}
.custom-shadow {
    box-shadow: 0px 0px 8px 2px rgb(0 0 0 / 12%);
}
/* White background when in #sec2 */
nav.white-bg {
    background: white;
}

/* Adjust margin for #sec1 */
#sec1 {
    margin-top: -65px;
}

:where([class^="ri-"])::before {
    content: "\f3c2";
}

.main-container {
    max-width: 1680px;
}

.gradient-bg {
    background: linear-gradient(135deg, #1e1b4b 0%, #312e81 25%, #3730a3 50%, #4338ca 75%, #4f46e5 100%);
}

.gradient-bg2 {
    background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 25%, #bae6fd 50%, #7dd3fc 75%, #38bdf8 100%);
}

.ai-card,
.product-card {
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.feature-card {
    background: linear-gradient(145deg, rgba(59, 130, 246, 0.05) 0%, rgba(139, 92, 246, 0.05) 100%);
    border: 1px solid rgba(59, 130, 246, 0.1);
}

.glow-effect {
    box-shadow: 0 0 30px rgba(59, 130, 246, 0.3);
}

.zombie-glow {
    box-shadow: 0 0 30px rgba(34, 197, 94, 0.4);
}

.vision-highlight {
    background: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 50%, #06b6d4 100%);
}

.text-gradient {
    background: linear-gradient(135deg, #06b6d4 0%, #3b82f6 50%, #8b5cf6 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.privacy-gradient {
    background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 50%, #cbd5e1 100%);
}

.contact-form {
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.7) 100%);
    backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.partnership-highlight {
    position: relative;
    z-index: 1; /* Lower z-index to ensure the iframe is above the ::before pseudo-element */
    border-radius: 2rem; /* Ensure the border radius matches the pseudo-element */
    overflow: hidden; /* Prevent the pseudo-element from overflowing */
}

.partnership-highlight::before {
    content: '';
    position: absolute;
    inset: 0;
    padding: 2px;
    background: linear-gradient(135deg, #38bdf8, #8b5cf6);
    border-radius: inherit;
    z-index: -1; /* Place the pseudo-element behind the iframe */
}

/* home s1 */
.neural-network {
    background-image: url('./assets/neural-network-img.jpg');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

/* about s1 */
.hero-bg {
    background-image: url('/assets/abouts1-img.jpg');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

/* product s1 */
.product-hero-bg {
    background-image: url('/assets/other-product-s1-img.jpg');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

/* posterum s1 */
.hero-neural {
    background: linear-gradient(135deg, rgba(15, 23, 42, 0.95) 0%, rgba(30, 27, 75, 0.9) 25%, rgba(49, 46, 129, 0.85) 50%, rgba(67, 56, 202, 0.8) 75%, rgba(79, 70, 229, 0.75) 100%),
        url('/assets/posterum-s1-img.jpg');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

.press-left{
    width: 30%;
}

.press-right{
    width: 70%;
}

.press-logo{
    width: 300px;
    height: 300px;
}


@media screen and (max-width:850px) {
    .press{
        flex-direction: column;
        row-gap: 40px;
    }
        .press-right {
        width: 100%;
        margin: 0px !important;
    }
        .press-left {
        width: 100%;
    }
    .press-logo{
        width: 180px;
        height: 180px;
    }
    .press-right .text-justify, .press-right{
        row-gap: 15px !important;
    }
}