@import url('https://fonts.googleapis.com/css2?family=Alexandria:wght@100..900&display=swap');

body {
    background-color: #f8f9fa;
    font-family: "Alexandria", sans-serif;
}

.navbar {
    border-bottom: 2px solid #26271f;
}

.navbar-brand,
.navbar-nav .nav-link {
    color: white;
}

header, section.overview {
    background-image: linear-gradient(to bottom right, rgb(35 138 175 / 60%), rgb(19 100 129 / 56%)), url(../images/textures.png);
    background-size: cover;
    position: relative;
}
section.overview {
    background-attachment: fixed;
}
header a.btn,
section.contact-us button {
    background-color: #e4fe2d !important;
    color: #000 !important;
}

.section-heading {
    color: #146382;
    margin-bottom: 30px;
}

/* Services cards */
.service-card {
    background-color: #ffffff;
    border-radius: 10px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    padding: 20px;
    text-align: center;
    transition: all 0.3s ease;
}

.service-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
}

.service-card img {
    width: 100%;
    /* Set image width to 100% */
    height: auto;
    margin-bottom: 20px;
    border-radius: 10px;
    /* Optional: add border-radius */
}

.service-card p {
    margin-bottom: 0;
}

section.contact-us {
    background-image: linear-gradient(to top left, rgb(35 138 175 / 60%), rgb(19 100 129 / 56%)), url(../images/textures.png);
    background-size: cover;
}

section.contact-us .section-heading {
    color: white;
}

/* Contact form */
.contact-form {
    border-radius: 10px;
    color: white;
}

.contact-form label {
    font-weight: bold;
}

section#language {
    height: 35px;
    padding: 5px 0;
}

section#language .lang {
    height: 100%;
}

section#language img {
    height: 100%;
    border-radius: 7px;
}

.stared {
    color: #136481;
    font-weight: bold;
}

footer {
    border-top: 2px solid #e4fe2d;
}

section#parnter p {
    color: #136481;
    font-weight: bold;
}

section#services p {
    color: white;
    font-weight: bold;
}

section#services .service-card {
    background-color: #136481;
}

:has(> .line-under) {
    width: fit-content;
}

div.line-under {
    position: relative;
    bottom: 5px;
    left: 0;
    display: flex
}

div.line-under .line1,
div.line-under .line2 {
    height: 3px;
    width: 46%;
    background-color: #136481;
    margin: 0 2px;
}

div.line-under .dot {
    background-color: #136481;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    max-resolution: 0 2px;
}

header.section:after {
    content: "";
    background-image: url(../images/wave.png);
    position: absolute;
    width: 100%;
    height: 50px;
    background-size: contain;
    bottom: -10px;
    background-repeat: repeat-x;
}

header.section .row {
    padding-bottom: 20px;
}

section.contact-us {
    position: relative;
}

section.contact-us:before {
    content: "";
    background-image: url(../images/wave2.png);
    position: absolute;
    width: 100%;
    height: 50px;
    background-size: contain;
    top: -10px;
    background-repeat: repeat-x;
}

section#services .service-card {
    background-image: linear-gradient(to top left, rgb(35 138 175 / 40%), rgb(19 100 129 / 46%)), url(../images/textures.png);
    background-size: cover;
}

.navbar-brand, .navbar-nav .nav-link
{
    color: #c7c7c7;
}

.team-item {
    position: relative;
    padding: 30px;
    text-align: center;
    transition: .5s;
    z-index: 1;
}

.team-item::before,
.team-item::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 40%;
    top: 0;
    left: 0;
    border-radius: 5px;
    background: #FFFFFF;
    box-shadow: 0 0 45px rgba(0, 0, 0, .07);
    transition: .5s;
    z-index: -1;
}

.team-item::after {
    top: auto;
    bottom: 0;
}

.team-item:hover::before,
.team-item:hover::after {
    background: #146382;
}

.team-item h5,
.team-item p {
    transition: .5s;
}

.team-item:hover h5,
.team-item:hover p {
    color: #FFFFFF;
}

.team-item img {
    padding: 15px;
    border: 1px solid 146382;
}

.swiper-slide {
    width: fit-content;
}
.swiper-button-next, .swiper-button-prev {
    color: #136481 !important;
}

[type=email], [type=number], [type=tel], [type=url] {
    direction: unset;
}