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

.footer-main {

    margin-top: -55px;

    width: 100%;

    background: #07090a;

    color: #ffffff;

}



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

.footer-container {

    width: 100%;

    max-width: 1240px;

    margin: 60px auto 0;

    padding: 55px 20px 45px;

    box-sizing: border-box;

    display: grid;

    grid-template-columns:
        1.35fr 1fr 1.15fr 1.15fr;

    gap: 55px;

}



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

.footer-about {

    padding-right: 25px;

}



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

.footer-logo {

    width: 255px;

    height: 120px;

    margin-bottom: 35px;

    display: flex;

    align-items: center;

    justify-content: flex-start;

}



.footer-logo img {

    width: 275px;

    height: auto;

    display: block;

}



/*====================================================*
FOOTER ABOUT TEXT
*====================================================*/

.footer-about p {

    max-width: 550px;

    margin: 0;

    color: #777777;

    font-size: 15px;

    line-height: 1.8;

    font-weight: 400;

}



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

.footer-column h3 {

    margin: 0 0 25px;

    color: #ffffff;

    font-size: 18px;

    line-height: 1.3;

    font-weight: 700;

}



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

.footer-column ul {

    margin: 0;

    padding: 0;

    list-style: none;

}



.footer-column ul li {

    margin-bottom: 16px;

}



.footer-column ul li a {

    display: flex;

    align-items: center;

    gap: 10px;

    color: #ffffff;

    text-decoration: none;

    font-size: 16px;

    line-height: 1.4;

    font-weight: 400;

    transition: 0.25s ease;

}



.footer-column ul li a span {

    color: #ffffff;

    font-size: 25px;

    line-height: 15px;

}



.footer-column ul li a:hover {

    color: #f47700;

}



.footer-column ul li a:hover span {

    color: #f47700;

}



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

.contact-item {

    display: flex;

    align-items: flex-start;

    gap: 15px;

    margin-bottom: 24px;

}



.contact-icon {

    width: 20px;

    min-width: 20px;

    padding-top: 2px;

    color: #ffffff;

    font-size: 17px;

}



.contact-content {

    display: flex;

    flex-direction: column;

}



.contact-content span {

    margin-bottom: 5px;

    color: #ffffff;

    font-size: 16px;

    line-height: 1.4;

    font-weight: 400;

}



.contact-content a {

    color: #999999;

    text-decoration: none;

    font-size: 14px;

    line-height: 1.6;

    transition: 0.25s ease;

}



.contact-content a:hover {

    color: #f47700;

}



.contact-content p {

    margin: 0;

    color: #999999;

    font-size: 13px;

    line-height: 1.8;

    font-weight: 400;

}



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

.footer-bottom {

    width: 100%;

    border-top: 1px solid #202223;

}



.footer-bottom-container {

    width: 100%;

    max-width: 1240px;

    min-height: 82px;

    margin: 0 auto;

    padding: 0 5px;

    box-sizing: border-box;

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.footer-bottom p {

    margin: 0;

    color: #999999;

    font-size: 15px;

    line-height: 1.5;

}



/*====================================================*
SCROLL TOP
*====================================================*/

.scroll-top {

    width: 58px;

    height: 58px;

    border: none;

    border-radius: 50%;

    background: #4a3de0;

    color: #ffffff;

    font-size: 18px;

    display: flex;

    align-items: center;

    justify-content: center;

    cursor: pointer;

    transition: all 0.25s ease;

}



.scroll-top:hover {

    background: #f47700;

    transform: translateY(-3px);

}



/*====================================================*
TABLET
*====================================================*/

@media (max-width: 992px) {

    .footer-container {

        grid-template-columns:
            1fr 1fr;

        gap: 50px 35px;

        padding-top: 60px;

        padding-bottom: 55px;

    }


    .footer-about {

        padding-right: 0;

    }

}



/*====================================================*
MOBILE
*====================================================*/

@media (max-width: 600px) {

    .footer-container {

        grid-template-columns: 1fr;

        gap: 40px;

        padding: 50px 25px 45px;

    }


    .footer-about p {

        max-width: 100%;

    }


    .footer-bottom-container {

        min-height: 100px;

        padding: 20px 25px;

        gap: 20px;

    }


    .footer-bottom p {

        font-size: 13px;

    }


    .scroll-top {

        width: 50px;

        min-width: 50px;

        height: 50px;

    }

}