/* ========== Footer ========== */
footer {

    color: #fff;
    bottom: 0;
    z-index: 999;
    width: 100%;
    box-sizing: border-box;

}

footer *,
footer *::before,
footer *::after {
    box-sizing: border-box;
}

/* Footer Layout */
.footer-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin: 0;
    padding: 0;
}

/* Footer Sections */
.footer-section {
    text-align: center;
    flex: 1;
}

/* Footer Contact Info */
.footer-section .label {
    display: inline;
    margin-right: 15px;
    font-size: 18px;
    color: rgba(255, 255, 255, 0.5);
}

.footer-section p {
    display: inline;
    margin: 0;
    font-size: 18px;
}

/* Footer Services */
.footer-section.services {
    flex: 3;
    display: flex;
    justify-content: center;
    align-items: stretch;
    cursor: pointer;
    width: 100%;
    background-color: transparent;
}

.service-item {
    flex: 0 0 30%;
    max-width: 30%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 25px 10px 25px 0px;
    background-color: #142B5E;
    text-decoration: none;
    border-right: 1px solid rgba(255, 255, 255, 0.185);
}

.service-item:last-child {
    border-right: none;
}

.service-item span {
    flex: 1;
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    text-align: left;
    padding-left: 70px;
}

.service-item img {
    padding-right: 10px;
}


/* Footer Location */
.footer-section.location,
.footer-section.location img {
    display: inline-block;
    vertical-align: middle;
}

.footer-section.location {
    text-decoration: none;
    color: #fff;
    padding-right: 10px;
    font-size: 18px;
}

.footer-section.location span {
    padding-right: 10px;
}

.footer-section.contact,
.footer-section.location {
    flex: 0 0 20%;
    max-width: 20%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    background-color: #606060;
}

.footer-section.contact {
    cursor: default;
}

.service-item:hover {
    background-color: #1a3d73;
    color: #fff;
}

.service-item img:hover {
    filter: brightness(0.8);
}

.footer-section.location:hover {
    background-color: #808080;
}

@media (max-width:1024px){
  .service-item{flex:0 0 20%;max-width:20%}
  .footer-section.contact,.footer-section.location{flex:0 0 30%;max-width:30%}
  .service-item span{padding-left:20px}
}
@media (max-width:768px){
  #main-container{height:calc(100svh - 103px)}
  .footer-section.services{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .footer-section.contact,
  .service-item,
  .footer-section.location{display:flex;align-items:center;justify-content:center;width:100%;max-width:100%;padding:6px 8px;min-height:52px}
  .footer-section .label{font-size:12px}
  .footer-section p{font-size:13px}
  .service-item span,
  .footer-section.location span{font-size:13px}
  .service-item img,
  .footer-section.location img{height:16px;width:auto}
}

@media (max-width:480px){
  #main-container{height:calc(100svh - 95px)}
  .footer-section.contact,
  .service-item,
  .footer-section.location{padding:5px 8px;min-height:48px}
  .footer-section p{font-size:12px}
  .service-item span,
  .footer-section.location span{font-size:12px}
  .service-item img,
  .footer-section.location img{height:15px;width:auto}
}