footer#footer {
    width: 100%;
    height: 100%;
    padding: 50px;
    background: #7402F7;
    position: relative;
}

.footer_contain {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: start;
    flex-wrap: wrap;
    height: 100%;
    width: 100%;
}
.footer_header{
    width: 100%;
    padding: 0px 50px 20px;
}
.footer_header>a{
    display: flex;
    color: #fff;
    position: relative;
}
.footer_header>a:before {
    position: absolute;
    content: '';
    width: 85%;
    height: 1px;
    background: #fff;
    bottom: 7px;
    right: 0;
}
.footer_item {
    flex: 0 0 25%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    
}
.media{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    height: 100%;
    width: 100%;
    /* border: 1px solid; */
    color: #fff;
}
.media>h4{
    margin-bottom: 20px;
    font-size: 20px;

}
ul.media>li {
    margin-bottom: 15px;
}
ul.media>li a{
    color: #fff;
    transition: all 0.2s ease;
    font-weight: 500;
    overflow: hidden;
    position: relative;

}
ul.media>li a:before{
    position: absolute;
    content: '';
    width: 0%;
    height: 2px;
    background: #FF4F6A;
    left: 0;
    bottom: 0;
    transition: all 0.7s ease;
}
ul.media>li a:hover::before{
    width: 100%;
}
ul.media>li a:hover{
    color: #FF4F6A;
    font-weight: 500;
}

.footer_item:first-child .media {
    text-align: end !important;
}
.footer_item:first-child .media h4{
    text-align: end;
    width: 100%;
}
.footer_item:last-child .media{
    align-items:start;
}
@media (max-width:1250px) {
    .footer_header>a:before {
        position: absolute;
        content: '';
        width: 80% !important;
      
    }
}
@media (max-width:1010px) {
    .footer_header>a:before {
        position: absolute;
        content: '';
        width: 76% !important;
      
    }
}
@media (max-width:900px) {
    .footer_header>a:before {
        position: absolute;
        content: '';
        width: 70% !important;
      
    }
}
@media (max-width:820px) {
    .footer_header>a:before {
        position: absolute;
        content: '';
        width: 65% !important;
      
    }
    .footer_item {
        flex: 0 0 50%;
        margin-bottom: 20px;
    }
    footer#footer{
        height: 100%;
    }
    .footer_item:first-child .media {
        text-align: center !important;
    }
    .footer_item:first-child .media h4{
        text-align: center;
        width: 100%;
    }
    .footer_item:last-child .media{
        align-items:center;
    }
}
@media (max-width:780px) {
    .footer_header>a:before {
        position: absolute;
        content: '';
        width: 50% !important;
    }
    }
    @media (max-width:669px) {
        .footer_header>a:before {
            position: absolute;
            content: '';
            width: 60% !important;
        }
        .footer_item {
            flex: 0 0 50%;
            margin-bottom: 20px;
        }
        
        
    }
    @media (max-width:630px) {
        .footer_header>a:before {
            position: absolute;
            content: '';
            width: 40% !important;
          
        }
    }
    @media (max-width:500px) {
        h1 {
            font-size: 2.2em;
        }
        p {
            font-size: 16px !important;
            margin-bottom: 10px;
        }
        h2{
            font-size: 2.1rem;
        }
       
        footer#footer{
            padding: 50px 20px 50px 20px !important;
        }
        .footer_header {
            width: 100%;
            padding: 0px 50px 20px;
            text-align: center;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .footer_header>a:before {
            position: absolute;
            content: '';
            width: 0% !important;
        }
        .footer_item:first-child {
            flex: 0 0 100% !important;
        }
    }