@media (max-width: 768px) {
    label.cross {
        display: block;
    }

    nav ul {
        display: none;
        flex-direction: column;
        text-align: center;
        margin: 0;
    }

    #menu-toggle:checked~#nav-links ul {
        display: flex;
    }
}

@media (max-width: 992px) {
    .navbar-nav {
        text-align: center;
    }

    .navbar-nav .nav-item {
        margin: 10px 0;
    }

    .navbar-toggler {
        margin-left: auto;
    }

    .navbar-brand {
        font-size: 1.2rem;
    }

    .section {
        padding: 80px 20px 50px;
        /* Adjusted for smaller screens */
    }
}

@media (max-width: 768px) {
    .navbar-brand {
        font-size: 1rem;
    }

    .navbar-nav .nav-item .nav-link {
        font-size: 0.9rem;
    }
}

@media (max-width: 768px) {
    .loader {
        font-weight: 400;
        font-size: 15px;
    }
}

@media (max-width: 480px) {
    .loader {
        font-weight: 300;
        font-size: 10px;
    }

    .navbar-brand h2 {
        display: none;
    }
}

/* Responsive styles */
@media (max-width: 1200px) {
    .solar-animation {
        top: -80px;
        left: -150px;
        width: 500px;
        height: 500px;
    }
}

@media (max-width: 768px) {
    .solar-animation {
        top: -50px;
        left: -100px;
        width: 400px;
        height: 400px;
    }
}

@media (max-width: 480px) {
    .solar-animation {
        top: -30px;
        left: -70px;
        width: 300px;
        height: 300px;
    }
}

/* Responsive styles */
@media (max-width: 1200px) {
    .shape.one {
        width: 150px;
        height: 150px;
        top: 12%;
        left: 15%;
    }

    .shape.two {
        width: 200px;
        height: 200px;
        top: 55%;
        left: 65%;
    }

    .shape.three {
        width: 180px;
        height: 180px;
        top: 75%;
        left: 35%;
    }
}

@media (max-width: 768px) {
    .shape.one {
        width: 120px;
        height: 120px;
        top: 15%;
        left: 10%;
    }

    .shape.two {
        width: 150px;
        height: 150px;
        top: 60%;
        left: 60%;
    }

    .shape.three {
        width: 140px;
        height: 140px;
        top: 70%;
        left: 30%;
    }
}

@media (max-width: 480px) {
    .shape.one {
        width: 100px;
        height: 100px;
        top: 18%;
        left: 8%;
    }

    .shape.two {
        width: 120px;
        height: 120px;
        top: 65%;
        left: 55%;
    }

    .shape.three {
        width: 100px;
        height: 100px;
        top: 65%;
        left: 25%;
    }
}

#blog-carousel .card-img-top {
    height: 400px; /* Default height */
    object-fit: cover;
}

/* Adjust height for smaller screens */
@media screen and (max-height: 800px) {
    #blog-carousel .card-img-top {
        height: 300px;
    }
}

@media only screen and (max-width: 768px) {
    .section {
        min-height: unset;
        padding-top: 7rem !important;
        padding-bottom: 7rem !important;
    }
}

@media screen and (max-height: 600px) {
    #blog-carousel .card-img-top {
        height: 250px;
    }
}

@media screen and (max-height: 400px) {
    #blog-carousel .card-img-top {
        height: 200px;
    }
}


/* for technologies section */
#mobile-tech {
    display: none;
}

@media (max-width: 1000px) {
    #desktop-tech {
        display: none;
    }
    #mobile-tech {
        display: block;
    }
}