@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
footer {
    width: 100%;
    height: 300px;
    background: #010180;
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
 }
 .footer-left {
     width: 40%;
 }
 footer .footer-left h4 {
     font-family: 'Roboto', sans-serif;
     font-size: 15px;
     font-weight: 400;
     line-height: 26px;
     letter-spacing: 0em;
     text-align: left;
     color: #fff;
 }
 footer .footer-left p{
     font-family: 'Roboto', sans-serif;
     font-size: 13px;
     font-weight: 400;
     line-height: 23px;
     letter-spacing: 0em;
     text-align: left;
     color: #DDDDDD;
 }
 .footer-right {
     width: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
 }
 .footer-right nav {
     margin-left: 100px;
     height: 200px;
     display: flex;
     align-items: flex-start;
     flex-direction: column;
 }
 .footer-right nav p {
     color: #fff;
     font-family: 'Roboto', sans-serif;
     font-size: 18px;
     font-weight: 700;
     line-height: 21px;
     letter-spacing: 0em;
     text-align: left;
     margin-bottom: 20px;
 }
 .footer-right nav ul li {
     list-style: none;
     margin-top: 10px;
 }
 .footer-right nav ul li a {
     text-decoration: none;
     color: #DDDDDD;
     font-family: 'Roboto', sans-serif;
     font-size: 14px;
     font-weight: 400;
     line-height: 16px;
     letter-spacing: 0em;
     text-align: left;
 }
 .footer-right nav:nth-child(3) ul li a {
     display: flex;
     align-items: flex-start;
     justify-content: flex-start;
 }
 .footer-right nav:nth-child(3) ul li a img {
     margin-right: 4px;
 }
 .left-icon {
     margin-top: 20px;
 }
 .left-icon a {
     margin-left: 10px;
 }