footer {
    margin-top: 171px;
    position: relative;
     z-index:  1;
     border-top: 1px solid #1C3B4A;
}
img.footer-img {
    position: absolute;
    right: 0;
    top: -70%;
    transform: translateY(50%);
}
footer .container-p {
    padding: 144px 0 0;
}
.logo-footer img {
    width: auto;
    height: auto;
 }
 .logo-footer p {
    color: #8199AA;
    font-size: 14px;
    max-width: 262px;
    padding-top: 12px;
}
 footer p {
    color: #8199AA;
    font-size: 14px;
    font-weight: 500;
 }
 

footer ul li  {
    color: #8199AA;
}
.foot-puiux p {
    color: #8199AA;
    }
    .foot-puiux p span {
        color: #707070;
text-transform: uppercase;
font-weight: bold;
        }
footer ul li a {
    display: flex;
    gap: 10px;
    align-items: center;
    transition: var(--transition);
}
footer ul li a:hover {
    color: #FFF !important;
    padding-left: 10px;
}
footer ul li i {
   font-size: 14px;
}
footer h4 {
    color: #fff;
font-size: 20px;
padding-bottom: 42px;
padding-top: 9px;
font-weight: 800;
text-transform: uppercase;
}
footer ul {
display: flex;
gap: 20px;
flex-direction: column;
}

 
 
 

 
.gap-flex {
    display: flex;
    gap: 30px;
    align-items: center;
    color: #8199AA;
    transition: var(--transition);
    padding-top: 50px;
}

.radius img {
    width: 100%;
    height: 100%;
}
    .radius {
    width: 200px;
    height: 200px;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;
}
.gap-flex a {
    color: #8199AA !important;
}
.gap-flex i {
    transition: var(--transition);
    font-size: 20px;
}

.gap-flex a:hover {
    color: #fff !important;
    transform: translateY(-7px);
}
.foot-puiux {
    margin-top: 50px;
    padding: 39px 0;
   
    border-top: 1px solid #1C3B4A;

}
 
 
.foot-puiux-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.foot-puiux img {
    width: 94px;
height: 35px;
}