/* Media Query for max-width: 1015px */
@media (max-width: 1015px) {
    .header {
        padding: 0.8rem 3%;
    }

    .home, .about {
        padding: 80px 4% 36px;
    }

    .signup-form {
        max-width: 530px;
    }

    .signup-form label {
        font-size: 1rem;
        margin-bottom: 2px;
    }

    .home-img img, .about-img img {
        max-width: 26rem;
        height: 27.25rem;
        width: 27.25rem;
    }

    .home-content h1 {
        font-size: 2.85rem;
    }

    .home-content h3, .about-content h3 {
        font-size: 1.75rem;
    }

    .home-content p {
        font-size: 1rem;
    }

    .home-content h3:nth-of-type(2) {
        margin-bottom: 1.45rem;
    }

    .btn, .btn-2 {
        padding: 10px 25px;
        font-size: 0.85rem;
    }

    .btn-2 {
        background: #0ef;
    }

    .heading {
        font-size: 2.85rem;
    }

    .about-content p {
        margin: 1.8rem 0 1.85rem;
    }

    .skills h2, .study h2 {
        margin-bottom: 2rem;
    }

    .skills-container {
        flex-wrap: wrap;
        gap: 1.5rem;
    }

    .skills-container .skills-box {
        flex: 1 1 15rem;
    }

    .skills-box i {
        font-size: 3rem;
        color: #0ef;
    }

    .skills-box h3 {
        font-size: 1.5rem;
    }

    .skills-box p {
        font-size: 1rem;
        margin: 1rem 0 1.5rem;
    }

    .hr {
        margin: 0 290px;
    }

    .education-box h3 {
        font-size: 1.6rem;
        margin-bottom: 8px;
    }

    .education-box p {
        font-size: 1rem;
    }

    .study-container {
        gap: 1.8rem;
    }

    .signup .heading {
        font-size: 3rem;
    }
}

/* Media Query for max-width: 931px */
@media (max-width: 931px) {
    .skills h2, .study h2 {
        margin-bottom: 2rem;
    }

    .skills-container {
        flex-wrap: wrap;
        gap: 1.2rem;
    }

    .skills-container .skills-box {
        flex: 1 1 10rem;
    }

    .skills-box i {
        font-size: 2.5rem;
        color: #0ef;
    }

    .skills-box h3 {
        font-size: 1.3rem;
    }

    .skills-box p {
        font-size: 0.9rem;
        margin: 1rem 0 1.5rem;
    }
}

/* Media Query for max-width: 872px */
@media (max-width: 872px) {
    .home-content h1 {
        font-size: 2.65rem;
    }

    .home-content h3, .about-content h3 {
        font-size: 1.5rem;
    }

    .home-content p {
        font-size: 0.85rem;
    }

    .heading {
        font-size: 2.5rem;
    }

    .hidden {
        display: none;
    }
}

/* Media Query for max-width: 500px */
@media (max-width: 500px) {
    .doubt{
        display: flex;
        align-items: center;
        justify-content: center;
    }    
    .btn-db {
        padding: 10px 25px;
        font-size: 0.9rem;
    }
    .logo {
        font-size: 1.65rem;
    }
    .navbar a.btn-3 {
        font-size: 0.8rem;
        padding: 8px 16px;
    }

    .navbar a {
        font-size: 0.6rem;
        margin-left: 0.3rem;
    }

    .btn-1-1 {
        display: none;
    }

    .home {
        display: flex;
        flex-direction: column-reverse;
    }

    .home, .about {
        padding: 80px 4% 50px;
    }

    .about, .skills {
        background: #000000;
        display: flex;
        flex-direction: column;
    }

    .hr {
        margin: 0 25px;
    }

    .home-img img, .about-img img {
        max-width: 16rem;
        height: 16rem;
        width: 16rem;
    }

    .home-content h1 {
        display: flex;
        justify-content: center;
        font-size: 1.7rem;
        margin: 2px 0 5px 0;
    }

    .home-content h3, .about-content h3 {
        display: flex;
        justify-content: center;
        font-size: 1rem;
    }

    .multiple-text, .multiple-text-2 {
        margin-left: 5px;
    }

    .home-content p {
        font-size: 0.8rem;
        margin-left: 25px;
    }

    .home-content h3:nth-of-type(2) {
        margin-bottom: 0.9rem;
    }

    .skills-container .skills-box {
        flex: 1 1 15rem;
    }

    .btn-2 {
        padding: 10px 25px;
        font-size: 0.85rem;
    }

    .heading {
        display: flex;
        justify-content: center;
        font-size: 2.2rem;
    }

    .active {
        margin-left: 6px;
    }

    .about-content p {
        font-size: 0.85rem;
        margin: 1rem 0 1.5rem;
    }
}

/* Media Query for max-width: 400px */
@media (max-width: 400px) and (min-width: 50px) {
    .logo {
        font-size: 1.65rem;
    }
}

/* Media Query for max-width: 740px and min-width: 500px */
@media (max-width: 740px) and (min-width: 500px) {
    .logo {
        font-size: 1.65rem;
    }
    .navbar a.btn-3 {
        font-size: 0.7rem;
    }

    .navbar a {
        font-size: 0.8rem;
        margin-left: 1.2rem;
    }

    .btn-1-1 {
        display: none;
    }

    .home {
        display: flex;
        flex-direction: column-reverse;
    }

    .home, .about {
        padding: 80px 4% 50px;
    }

    .about, .skills {
        background: #000000;
        display: flex;
        flex-direction: column;
    }

    .hr {
        margin: 0 25px;
    }

    .home-img img, .about-img img {
        max-width: 16rem;
        height: 16rem;
        width: 16rem;
    }

    .home-content h1 {
        display: flex;
        justify-content: center;
        font-size: 1.7rem;
        margin: 2px 0 5px 0;
    }

    .home-content h3, .about-content h3 {
        display: flex;
        justify-content: center;
        font-size: 1rem;
    }

    .multiple-text, .multiple-text-2 {
        margin-left: 5px;
    }

    .home-content p {
        font-size: 0.8rem;
        margin-left: 25px;
    }

    .home-content h3:nth-of-type(2) {
        margin-bottom: 0.9rem;
    }

    .skills-container .skills-box {
        flex: 1 1 15rem;
    }

    .btn-2 {
        padding: 10px 25px;
        font-size: 0.85rem;
    }

    .heading {
        display: flex;
        justify-content: center;
        font-size: 2.2rem;
    }

    .active {
        margin-left: 6px;
    }

    .about-content p {
        font-size: 0.85rem;
        margin: 1rem 0 1.5rem;
    }
}
@media (max-width: 461px){
    .footer-text p{
        font-size: 0.7rem;
    }
    
}








/* Responsive Styles */
@media (max-width: 1024px) {
    .heading-1 {
        font-size: 2.8rem;
        padding: 1.5rem 0;
    }

    .sub-heading {
        font-size: 2rem;
    }

    .steps-container {
        grid-template-columns: repeat(1, 1fr);
        gap: 2rem;
        padding: 1.5rem;
    }

    .step-card {
        padding: 2rem;
    }

    .step-icon {
        font-size: 2.5rem;
    }

    .step-card h3 {
        font-size: 1.6rem;
    }

    .step-card p {
        font-size: 1rem;
    }

    .features-grid {
        grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
        gap: 1.5rem;
    }

    .feature {
        padding: 1.5rem;
    }

    .feature i {
        font-size: 1.8rem;
    }

    .feature span {
        font-size: 1.2rem;
    }

    .feature p {
        font-size: 0.9rem;
    }
}

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

    .sub-heading {
        font-size: 1.8rem;
    }

    .steps-container {
        gap: 1.5rem;
    }

    .step-card {
        padding: 1.5rem;
    }

    .step-icon {
        font-size: 2.2rem;
    }

    .step-card h3 {
        font-size: 1.4rem;
    }

    .step-card p {
        font-size: 0.9rem;
    }

    .features-grid {
        grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    }

    .feature {
        padding: 1.2rem;
    }

    .feature i {
        font-size: 1.6rem;
    }

    .feature span {
        font-size: 1rem;
    }

    .feature p {
        font-size: 0.8rem;
    }
}

@media (max-width: 480px) {
    .heading-1 {
        font-size: 2rem;
    }

    .sub-heading {
        font-size: 1.6rem;
    }

    .steps-container {
        padding: 1rem;
    }

    .step-card {
        padding: 1rem;
    }

    .step-icon {
        font-size: 2rem;
    }

    .step-card h3 {
        font-size: 1.2rem;
    }

    .step-card p {
        font-size: 0.8rem;
    }

    .features-grid {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .feature {
        padding: 1rem;
    }

    .feature i {
        font-size: 1.4rem;
    }

    .feature span {
        font-size: 0.9rem;
    }

    .feature p {
        font-size: 0.7rem;
    }
}
@media (max-width: 856px) and (min-width: 740px) {
    .navbar a.btn-3 {
        font-size: 0.8rem;
    }
    .navbar a {
        font-size: 0.9rem;
        margin-left: 2.5rem;
    }
    
}
@media screen and (max-width: 545px) {
    .navbar a:not(.btn-3) {
        display: none;
        animation: none !important; /* Disable animations */
        transition: none !important; /* Disable transitions */
    }
}