::selection {
    background: #d67063;
    color: white;
}

:root {
    --text-light: #dbdbdbd3;
}

footer {
    width: 100%;
    background-color: black;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 20px 10px;
    border-top: 1px solid rgba(155, 150, 150, 0.425);
}

.footer-container {
    max-width: 1500px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 80px;
    padding: 40px 0;
    border-bottom: 1px solid rgb(155, 150, 150);
    color: var(--text-light);

}

.about-us {
    max-width: 390px;
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.contact-us {
    max-width: 400px;
}

.quick-links div a:hover,
.follow-us div a:hover {
    opacity: 1;
}

.quick-links,
.follow-us,
.contact-us {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.about-us h3,
.quick-links h3,
.follow-us h3,
.contact-us h3 {
  display: flex;              
  align-items: center;
  justify-content: flex-start;
}

.about-us h3 span,
.quick-links h3 span,
.follow-us h3 span,
.contact-us h3 span {
  position: relative;
  display: inline-block;      
  padding-bottom: 5px;
}

.about-us h3 span::after,
.quick-links h3 span::after,
.follow-us h3 span::after,
.contact-us h3 span::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;                
  height: 3px;
  background: linear-gradient(135deg, #00468b, #0059b3, #66b2ff);
}

.about-us div p,
.quick-links div p,
.follow-us div p,
.contact-us div p {
    margin: 0;
}

.quick-links div,
.follow-us div,
.contact-us div {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.quick-links div a:hover,
.follow-us div a:hover{
  text-decoration: underline;
}


.contact-us div p a {
    color: inherit;
}

.copy-right {
    padding: 10px 0;
    text-align: center;
}

.copy-right a {
    color: rgb(0, 140, 255);
}

.up-arrow {
    margin-left: 20px;
    color: aliceblue !important;
}

@media (max-width: 800px) {
    .footer-container {
        padding: 20px 0;
        gap: 40px;
    }

    .about-us {
        gap: 15px;
    }

    .quick-links,
    .follow-us,
    .contact-us {
        gap: 15px;
    }

    .about-us div p,
    .quick-links div p,
    .follow-us div p,
    .contact-us div p {
        margin-top: 5px;
    }
}