@media (min-width: 768px) {
    .footer-1 {
        background: rgb(4, 198, 189);
        background: linear-gradient(90deg, rgba(4, 198, 189, 1) 44%, rgba(35, 255, 245, 1) 67%);
    }

    .qui-links {
        padding-left: 50px;
    }

    .qui-links1 {
        padding-left: 170px;
    }

    .text-center1 {
        text-align: center;
    }

    .text-right2 {
        text-align: right;
    }

    .container-1 {
        width: 95%;
        margin: 0 auto;
    }

    .container-2 {
        width: 97%;
        margin: 0 auto;
    }

    .showcase .showcase-text {
        padding: 3rem;
    }
}

@media (min-width:1380px) {
    .qui-links {
        padding-left: 50px;
    }

    .qui-links1 {
        padding-left: 250px;
    }
}

@media (min-width:1023px) and (max-width:1024px) {
    .text-right1 {
        margin-left: 30%;
    }

    .qui-links1 {
        padding-left: 50px;
    }

    .qui-links {
        padding-bottom: 40px;
    }

    .container-1 {
        width: 90%;
        margin: 0 auto;
    }

    .container-2 {
        width: 95%;
        margin: 0 auto;
    }
}

@media (max-width:768px) {
    /* .logo img {
        width: 40px;
        height: 40px;
        object-fit: contain;
        object-position: center center;
        vertical-align: middle;
        margin-top: 10px;
    } */

    .logo-title {
        margin-left: 10px;
    }

    .section3 div {
        width: 100%;
    }

    #hero {
        height: 100vh;
        margin-top: 50px;
    }

    .hero-headding span{
        font: var(--font_0);
        color: white;
        font-size: 60px;
    }
    
    .paddingl_5 {
        padding-left: 15px !important;
    }

    .paddingr_5 {
        padding-right: 15px !important;
    }

    .logo span:nth-child(2) {
       display: flex;
       margin-top: 10px;
       margin-left: 15px;
 
    }

    .how-i-impact h1{
        /* margin-top: 50px; */
        font-size: 44px !important;
    }
    .bg-light {
        background: var(--main-heading-color) !important;
        margin-top: 0;
        height: 120px !important;
    }
    .footer .align-items-center {
        height: 320px;
    }

    .image_svg1 {
        left: 100px;
    }
    .main_headding{
        font-size: 46px;
    }
    .heading_test h1{
        font-size: 32px;
    }
    .footer-strip .navbar-nav {
        flex-direction: column;

    }
    .footer-strip {
        height: auto;
        padding: 20px 10px;
    }
    .box_design {
        width: 100%;
        margin-top: 50px;
    }

}

@media (max-width: 1024px) {
    .story-wrap-svg svg {
        display: none;
    }
}