
.dp-contactfooter__about{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}

.dp-contactfooter__phone{
    display: flex;
    align-items: center;
    gap: 20px;
    color: #023F63;
    font-size: 18px;
    font-weight: 600;
    
}

.dp-contactfooter__phone::after{
    content: " ";
    display: block;
    width: 1px;
    height: 16px;
    background: #CEE7EB;
}


.dp-contactfooter__items{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
    margin-top: 20px;
}


.dp-contactfooter__item{
    display: flex;
    align-items: center;
    gap: 10px;
    color: #062E46;
    font-size: 14px;
    font-weight: 300;
}


.dp-contactfooter__item:last-child::after{
    display: none;
}



.dp-contactfooter__item::after{
   content: "";
   display: block;
   width: 1px;
   height: 12px;
   background: #062E46;
}


.dp-contactfooter__email{
    color: #18DAD4;
    font-size: 18px;
    font-weight: 600;
    margin-left: 10px;
}

.dp-contactfooter__email img{
    width: 31px;
    height: 22px;
    margin-left: 20px;
}

.dp-contactfooter__social img{
    width: 10px;
    height: 22px;
}

.dp-contactfooter__social{
    margin-left: 10px;
}



@media (max-width: 1400px) {

    .dp-contactfooter__phone{
    font-size: 16px;
  }

  .dp-contactfooter__email{
    font-size: 16px;
  }
}

@media (max-width: 1200px) {

    
    .dp-contactfooter{
        width: 100%;
        margin-top: 20px;
    }

     .dp-contactfooter__about{
       
        justify-content: center;
     }

    .dp-contactfooter__items{
        justify-content: center;
       
     }
}


@media (max-width: 768px) {
    
    .dp-contactfooter__about{
        gap: 0px;
        
     }

     .dp-contactfooter__phone{
        font-size: 12px;
        gap: 8px;
     }


     
     .dp-contactfooter__email{
        font-size: 12px;
     }

     .dp-contactfooter__email img{
        margin-left: 10px;
     }

     .dp-contactfooter__items{
        gap: 4px;
     }

     .dp-contactfooter__item{
        font-size: 12px;
     }
}