 
/*.footer-grid {*/
    /* display: grid; */
/*    gap: 24px;*/
     /*grid-template-columns: repeat(auto-fill, minmax(200px , 1fr)); */
    /* justify-content: center; */
/*    border-bottom: 1px solid #d0d2c52b;*/
/*    padding-bottom: 104px;*/
/*}*/
 
footer {
    background: #676B55;
    padding: 50px 20px 0;
}
.links-footer h3
{
    color:  #CFB07B;
    font-size: 20px;
    padding-bottom: 25px;
}
 .footer_locaticon {
    display: flex;
    gap: 28px;
    flex-direction: column;
}

.links-footer ul {
    display: flex;
    flex-direction: column;
    gap: 16px;
} 

.links-footer ul li {
font-size: 14px;
color: #D0D2C5;
}
img.logo-footer {
    padding-bottom: 20px;
    width: auto;
    height: auto;
}

.flex-gap-contect-foot img {
    width: auto;
    height: auto;
}

.flex-gap-contect-foot a {
    display: flex;
    transition: var(--transition);
    gap: 10px;
    align-items: center;
    color: #D0D2C5 !important;
}

.flex-gap-contect-foot {
    display: flex;
    flex-direction: column;
    font-size: 14px;
    transition: var(--transition);
    gap: 15px;
}
.footer-locaticon h3 {
    padding-bottom: 18px;
}

 
.footer-locaticon {
    display: flex;
    flex-direction: column;
    gap: 38px;
}
.sochial-icon {
    display: flex;
    align-items: center;
    transition: var(--transition);
    gap: 20px;
}
.sochial-icon a {
color: #D0D2C5 !important;
}
.sochial-icon i 
{
    font-size: 15px;
}
.sochial-icon a:hover {
color: #CFB07B !important;
transform: translateY(-7px);
}
.vision-2023 {
    padding-top: 20px;
    width: 100%;
    height: auto;
    max-width: 144px;
  }
.footer-puiux {
    padding: 25px 34px;
    color: #cdcdcd;
    font-size: 14px;
    text-align: center;
 }
  .footer-puiux span {
    color: #CFB07B;
    text-transform: uppercase;
  }
  

  
a.gap-links-footer img {
    padding-top: 4px !important;
    width: auto;
    height: auto;
    max-width: 20px;
}
.gap-links-footer {
    display: flex;
    transition: var(--transition);
    gap: 10px;
    align-items: flex-start;
    color: #D0D2C5 !important;
}







