footerxx{
    background: linear-gradient(to right, #00093c, #2d0b00);
    border-top-left-radius: 100px;
  
    bottom: 0;
    width: 100%;
}



footerxx *{
    color: white;
}

.containeriuoo{
    display: flex;
    justify-content: space-between;
    padding: 50px 7%;
}



.footerxx-col h2{
    font-optical-sizing: 1.7em;
    text-transform: uppercase;
    margin-bottom: 20px;
}

p.email{
    margin: 30px 0;
}

p.phone{
    font-size: 20px;
    font-weight: 400;
}

.footerxx-col .text-office{
    margin-bottom: 20px;
}
.underline{
    width: 70px;
    height: 6px;
    position: relative;
    background-color: white;
    margin-top: 5px;
    margin-bottom: 20px;
    border-radius: 3px;
    overflow: hidden;
}

.underline span{
    width: 20px;
    height: 100%;
    position: absolute;
    left: 10px;
    background-color: #EE4B2B;
    border-radius: 3px;
    animation: moving 1.5s linear infinite;
}

@keyframes moving {
    0%{
        left: -20px;
    }
    100%{
        left: 100%;
    }
}

.footerxx-col ul{
    list-style-type: none;
    padding-top: 10px;
}

.footerxx-col ul li{
    margin: 10px;
}

.footerxx-col form{
    margin-top: 20px;
    border-bottom: 1px solid white;
    padding-bottom: 10px;
    display: flex;
}

.footerxx-col form input{
    width: 70%;
    background: transparent;
    border: none;
    outline: none;
    padding-left: 10px;
}

.footerxx-col form i{
    font-size: 15px;
}

.footerxx-col .social-icons{
    margin-top: 20px;
}

.footerxx-col .social-icons iia{
    padding: 10px;
   font-size: 3em;
    color: #50C878;
    border-radius: 70%;
    margin: 5px;
}
.footerxx-col .social-icons iig{
    padding: 10px;
    font-size: 3em;
    color: #0096FF;
    border-radius: 70%;
    margin: 5px;
}
.footerxx-col .social-icons iiim{
    padding: 10px;
   font-size: 2em;
    color: #C4C4C4;
    border-radius: 50%;
    margin: 5px;
}


.footerxx-para{
    max-width: 250px;
}