body{
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

img{
    -webkit-user-drag: none;
    user-select: none;
    pointer-events: none;
}

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

.main-footer{

    background:#081d33;

    color:#ffffff;

    position:relative;

    overflow:hidden;
}

/* TOP SECTION */

.footer-top{

    padding:80px 0 50px;

    border-bottom:1px solid rgba(255,255,255,.10);
}

.footer-grid{

    display:grid;

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

    gap:50px;
}

/* COMPANY INFO */

.footer-about h3{

    font-size:28px;

    margin-bottom:20px;

    color:#ffffff;
}

/* Footer Logo */
.footer-logo{
    margin-bottom:20px;
}

.footer-logo img{
    max-width:200px;
    height:auto;
    display:block;
    transition:all .3s ease;
}

.footer-logo img:hover{
    transform:scale(1.05);
}


.footer-about p{

    line-height:1.9;

    color:#c9d3df;
}

/* FOOTER TITLES */

.footer-title{

    font-size:20px;

    margin-bottom:20px;

    color:#ffffff;

    position:relative;
}

.footer-title::after{

    content:"";

    position:absolute;

    left:0;
    bottom:-8px;

    width:45px;
    height:3px;

    background:#00A8E8;
}

/* LINKS */

.footer-links{

    list-style:none;

    padding:0;
    margin:0;
}

.footer-links li{

    margin-bottom:12px;
}

.footer-links li a{

    color:#c9d3df;

    text-decoration:none;

    transition:.3s;
}

.footer-links li a:hover{

    color:#00A8E8;

    padding-left:5px;
}

/* CONTACT */

.footer-contact p{

    margin-bottom:12px;

    line-height:1.8;

    color:#c9d3df;
}

.footer-contact i{

    color:#00A8E8;

    margin-right:8px;
}

/* SOCIAL */

.footer-social{

    display:flex;

    gap:12px;

    margin-top:20px;
}

.footer-social a{

    width:42px;
    height:42px;

    display:flex;

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

    border-radius:50%;

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

    color:#fff;

    text-decoration:none;

    transition:.3s;
}

.footer-social a:hover{

    background:#00A8E8;

    transform:translateY(-4px);
}

/* CTA STRIP */

.footer-cta{

    text-align:center;

    padding:70px 20px;

    background:
    linear-gradient(
    135deg,
    #0A2540,
    #143d66
    );
}

.footer-cta h2{

    font-size:42px;

    margin-bottom:15px;
	color:white;
}

.footer-cta p{

    max-width:800px;

    margin:auto;

    line-height:1.8;

    color:#d6e2ee;
}

/* BOTTOM */

.footer-bottom{

    text-align:center;

    padding:25px 15px;

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

    color:#a8b6c4;

    font-size:14px;
}

/* FOOTER SHAPE */

.main-footer::before{

    content:"";

    position:absolute;

    top:-120px;
    right:-120px;

    width:300px;
    height:300px;

    border-radius:50%;

    background:
    rgba(0,168,232,.05);
}




/* RESPONSIVE */

@media(max-width:991px){

    .footer-grid{

        grid-template-columns:
        repeat(2,1fr);
    }

    .footer-cta h2{
        font-size:32px;
    }
}

@media(max-width:768px){

    .footer-grid{

        grid-template-columns:1fr;
    }

    .footer-top{

        padding:60px 0 40px;
    }

    .footer-cta{

        padding:50px 20px;
    }

    .footer-cta h2{

        font-size:26px;
		color:white;
    }
}

.footer-bottom p{
    margin:5px 0;
}

.footer-about p{
    margin-bottom:20px;
}

.footer-contact p{
    display:flex;
    align-items:flex-start;
    gap:10px;
}

.footer-contact i{
    min-width:20px;
    margin-top:4px;
}

.footer-social{
    margin-top:25px;
}

.footer-cta .btn-primary{
    margin-top:20px;
}