/* =========================================================
   FOOTER SECTION
========================================================= */

.footer-section {

    position: relative;

    padding-top: 120px;

    background:
        linear-gradient(135deg,
            #07143B,
            #0B2C8A);

    overflow: hidden;

}

/* =========================================================
   SHAPES
========================================================= */

.footer-shape {

    position: absolute;

    border-radius: 50%;

    filter: blur(100px);

}

/* Shape 1 */

.footer-shape-1 {

    width: 350px;
    height: 350px;

    background: rgba(15, 157, 88, 0.10);

    top: -120px;
    left: -120px;

}

/* Shape 2 */

.footer-shape-2 {

    width: 280px;
    height: 280px;

    background: rgba(255, 255, 255, 0.06);

    bottom: -100px;
    right: -100px;

}

/* =========================================================
   FOOTER TOP
========================================================= */

.footer-top {

    position: relative;

    z-index: 2;

    padding-bottom: 70px;

    border-bottom: 1px solid rgba(255, 255, 255, 0.10);

}

/* =========================================================
   FOOTER WIDGET
========================================================= */

.footer-widget {

    position: relative;

}

/* Logo */

.footer-logo {

    margin-bottom: 15px;

}

.footer-logo img {

    max-width: 240px;
    margin-top: -14px;

}

/* About */

.footer-about {

    font-size: 16px;

    line-height: 1.9;

    color: rgba(255, 255, 255, 0.78);

    margin-bottom: 30px;

}

/* =========================================================
   SOCIAL
========================================================= */

.footer-social {

    display: flex;

    align-items: center;

    gap: 15px;

}

/* Social Link */

.footer-social a {

    width: 48px;
    height: 48px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: rgba(255, 255, 255, 0.08);

    color: #ffffff;

    font-size: 18px;

    text-decoration: none;

    transition: 0.4s ease;

}

/* Hover */

.footer-social a:hover {

    background:
        linear-gradient(135deg,
            #0F9D58,
            #13C172);

    transform: translateY(-5px);

}

/* =========================================================
   WIDGET TITLE
========================================================= */

.footer-widget h4 {

    font-size: 24px;

    font-weight: 700;

    color: #ffffff;

    margin-bottom: 35px;

    position: relative;

}

/* Underline */

.footer-widget h4::after {

    content: '';

    position: absolute;

    left: 0;
    bottom: -12px;

    width: 55px;
    height: 4px;

    border-radius: 50px;

    background:
        linear-gradient(90deg,
            #0F9D58,
            #13C172);

}

/* =========================================================
   LINKS
========================================================= */

.footer-widget ul {

    padding: 0;

    margin: 0;

    list-style: none;

}

/* List */

.footer-widget ul li {

    margin-bottom: 18px;

}

/* Links */

.footer-widget ul li a {

    position: relative;

    color: rgba(255, 255, 255, 0.78);

    font-size: 16px;

    text-decoration: none;

    transition: 0.4s ease;

    padding-left: 18px;

}

/* Arrow */

.footer-widget ul li a::before {

    content: '›';

    position: absolute;

    left: 0;

    color: #0F9D58;

    transition: 0.4s ease;

}

/* Hover */

.footer-widget ul li a:hover {

    color: #ffffff;

    padding-left: 25px;

}

/* =========================================================
   CONTACT ITEM
========================================================= */

.footer-contact-item {

    display: flex;

    gap: 18px;

    margin-bottom: 25px;

}

/* Icon */

.footer-contact-icon {

    min-width: 58px;
    height: 58px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 18px;

    background: rgba(255, 255, 255, 0.08);

    color: #0F9D58;

    font-size: 24px;

}

/* Span */

.footer-contact-item span {

    display: block;

    font-size: 14px;

    color: rgba(255, 255, 255, 0.60);

    margin-bottom: 6px;

}

/* Text */

.footer-contact-item h5 {

    font-size: 17px;

    font-weight: 600;

    color: #ffffff;

    margin: 0;

    line-height: 1.7;

}

/* =========================================================
   FOOTER BOTTOM
========================================================= */

.footer-bottom {

    position: relative;

    z-index: 2;

    padding: 28px 0;

}

/* Text */

.footer-bottom p {

    margin: 0;

    color: rgba(255, 255, 255, 0.70);

    font-size: 15px;

    line-height: 1.8;

}

/* =========================================================
   RESPONSIVE
========================================================= */

@media(max-width:991px) {

    .footer-section {

        padding-top: 90px;

    }

    .footer-widget {

        margin-bottom: 40px;

    }

}

@media(max-width:576px) {

    .footer-section {

        padding-top: 80px;

    }

    .footer-widget h4 {

        font-size: 22px;

    }

    .footer-about {

        font-size: 15px;

    }

    .footer-bottom {

        text-align: center;

    }

    .footer-bottom .text-lg-end {

        text-align: center !important;

        margin-top: 10px;

    }

}