/* xl */
@media (max-width: 1200px){
    .card-wrapper .card:last-child{
        margin-top: 80px;
    }

    .card-wrapper .card {
        min-height: 275px;
    }
}

/* lg */
@media (max-width: 992px){
    .feature-container .left-side{
        padding-right: 15px;
    }

    .feature-container .right-side{
        padding-left: 15px;
    }

    .feature-container img{
        margin-top: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .feature-container .artwork-right::before{
        right: initial;
        left: 0;
    }

    .feature-container * {
        margin-inline: auto;
        text-align: center;
    }
}

/* md */
@media (max-width: 768px){
}

/* sm */
@media (max-width: 576px){
    .section-impact,
    .ywli-section,
    .mission-section,
    .request-demo-section
    {
        padding: 50px 0px;
    }


    .hero-header, .feature-header,
    .section-impact .title,
    .ywli-section .title,
    .mission-section .title,
    .request-demo-section .title
    {
        font-size: 40px;
        line-height: 58px;
        margin-bottom: 20px;
        text-align: center;
        max-width: initial;
    }


    .hero-desc, .feature-desc,
    .section-impact .description,
    .ywli-section .description,
    .mission-section .desc,
    .section-impact .card .desc,
    .panel
    {
        font-size: 16px;
        line-height: 24px;
        text-align: center;
        max-width: initial;
    }

    .section-impact .description,
    .ywli-section .description
    {
        margin-bottom: 0;
    }
    
    .hero-desc, .hero-header{
        text-align: center;
    }

    .cta-wrapper{
        text-align: center;
    }

    .navbar-expand-lg>.container{
        padding-left: 15px;
        padding-right: 15px;
    }

    .card-wrapper .card{
        margin-top: 80px;
    }
    
    .accordion-wrapper{
        margin-top: 40px;
    }

    .request-demo-section .contact-form .form-control{
        margin-bottom: 24px;
    }

    footer{
        text-align: center;
    }
}

@media (min-width: 1250px) {
    .section-impact .container {
        max-width: 1280px;
    }
}