/* Auto-generated from the original style.css during code reorganization.
   Grouped by component so each concern can be found and debugged independently. */

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

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

.footer{

    position:relative;

    overflow:hidden;

    padding:110px 0 35px;

    color:#fff;

    background:

        radial-gradient(circle at top right,
            rgba(0,194,181,.14),
            transparent 35%),

        radial-gradient(circle at bottom left,
            rgba(11,114,133,.18),
            transparent 40%),

        linear-gradient(
            135deg,
            #062733 0%,
            #0A3544 50%,
            #082D3A 100%
        );

}

.footer::before{

    content:"";

    position:absolute;

    inset:0;

    background:

        linear-gradient(

            rgba(255,255,255,.03),

            transparent 25%

        );

    pointer-events:none;

}

.footer .container{

    position:relative;

    z-index:2;

}

.footer-top{

    display:grid;

    grid-template-columns:2fr 1fr 1fr 1.3fr;

    gap:55px;

    margin-bottom:60px;

    align-items:start;

}

.footer-about{

    position:relative;

    padding:35px;

    border-radius:28px;

    background:

        rgba(255,255,255,.07);

    border:1px solid rgba(255,255,255,.08);

    backdrop-filter:blur(16px);

    -webkit-backdrop-filter:blur(16px);

    box-shadow:

        0 20px 50px rgba(0,0,0,.18);
		inset 0 1px 0 rgba(255,255,255,.06);

}

.footer-logo{

    width:95px;

    margin-bottom:28px;

}

.footer-about p{

    color:rgba(255,255,255,.82);

    line-height:1.9;

    font-size:15px;

    margin-bottom:28px;

}

/* ==========================================================
   FOOTER SOCIALS
========================================================== */

.social-links{

    display:flex;

    gap:16px;

    margin-top:10px;

}

.social-links a{

    width:52px;

    height:52px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:18px;

    color:#fff;

    text-decoration:none;

    background:rgba(255,255,255,.08);

    border:1px solid rgba(255,255,255,.08);

    transition:all .35s ease;

}

.social-links a:hover{

    transform:translateY(-6px);

    background:var(--secondary);

    border-color:var(--secondary);

    box-shadow:

        0 15px 35px rgba(0,194,181,.30);

}

/* ==========================================================
   FOOTER HEADINGS
========================================================== */

.footer h3{

    position:relative;

    display:inline-block;

    margin-bottom:28px;

    padding-bottom:12px;

    font-size:28px;

    font-weight:700;

    color:#fff;

}

.footer h3::after{

    content:"";

    position:absolute;

    left:0;

    bottom:0;

    width:48px;

    height:4px;

    border-radius:20px;

    background:linear-gradient(
        90deg,
        var(--secondary),
        var(--primary)
    );

}

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

.footer ul{

    list-style:none;

    padding:0;

    margin:0;

}

.footer li{

    margin-bottom:18px;

    color:rgba(255,255,255,.82);

    transition:.3s;

}

.footer a{

    color:rgba(255,255,255,.82);

    text-decoration:none;

    transition:all .3s ease;

}

.footer-links li:hover{

    transform:translateX(8px);

}

.footer-links a:hover{

    color:#fff;

}

/* ==========================================================
   FOOTER CONTACT
========================================================== */

.footer-contact ul li{

    position:relative;

    padding-left:34px;

    margin-bottom:18px;

    line-height:1.7;

}

.footer-contact ul li::before{

    position:absolute;

    left:0;

    top:2px;

    width:20px;

    text-align:center;

    color:var(--secondary);

    font-family:"Font Awesome 6 Free";

    font-weight:900;

}

.footer-contact ul li:nth-child(1)::before{

    content:"\f3c5";

}

.footer-contact ul li:nth-child(2)::before{

    content:"\f095";

}

.footer-contact ul li:nth-child(3)::before{

    content:"\f0e0";

}

.footer-contact ul li:nth-child(4)::before{

    content:"\f017";

}

/* ==========================================================
   FOOTER DIVIDER
========================================================== */

.footer hr{

    border:none;

    height:1px;

    margin:60px 0 30px;

    background:

        linear-gradient(

            90deg,

            transparent,

            rgba(255,255,255,.18),

            transparent

        );

}

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

.footer-bottom{

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:20px;

    flex-wrap:wrap;

    color:rgba(255,255,255,.75);

    font-size:15px;

}

.footer-bottom strong{

    color:#fff;

    font-weight:700;

}

.footer-bottom p{

    margin:0;

}

.footer-bottom a{

    color:inherit;

}

/* ==========================================================
   FOOTER MICRO ANIMATIONS
========================================================== */

.footer-links li,

.footer-contact li{

    transition:

        transform .3s ease,

        color .3s ease;

}

.footer-contact li:hover{

    transform:translateX(6px);

    color:#fff;

}