/* Start custom CSS for html, class: .elementor-element-4fd19bc *//*==================================================
                FOOTER
==================================================*/

.ps-footer{

    background:#0a0a0a;

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

    padding:90px 0 0;

    position:relative;

    overflow:hidden;

}


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

.ps-footer-container{

    width:100%;

    max-width:1400px;

    margin:auto;

    padding:0 40px;

    box-sizing:border-box;

    display:grid;

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

    gap:60px;

    position:relative;

    z-index:2;

}


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

.footer-logo{

    width:180px;

    max-width:100%;

    height:auto;

    display:block;

    margin-bottom:25px;

}


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

.footer-about{

    color:#bfbfbf;

    line-height:1.8;

    font-size:15px;

    margin-bottom:30px;

    max-width:420px;

}


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

.footer-column h3{

    color:#ffffff;

    font-size:22px;

    margin:0 0 28px;

    position:relative;

}


.footer-column h3::after{

    content:"";

    position:absolute;

    left:0;

    bottom:-10px;

    width:45px;

    height:3px;

    background:#ffc400;

}


/*==========================
            LIST
===========================*/

.footer-column ul{

    list-style:none;

    padding:0;

    margin:0;

}


.footer-column ul li{

    color:#bfbfbf;

    margin-bottom:16px;

    line-height:1.6;

    transition:.3s;

}


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

.footer-column a{

    color:#bfbfbf;

    text-decoration:none;

    transition:.3s;

}


.footer-column a:hover{

    color:#ffc400;

    padding-left:8px;

}


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

.footer-social{

    display:flex;

    gap:15px;

    flex-wrap:wrap;

}


.footer-social a{

    width:48px;

    height:48px;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    background:#181818;

    color:#ffffff;

    font-size:18px;

    transition:.35s;

    flex-shrink:0;

}


.footer-social a:hover{

    background:#ffc400;

    color:#000;

    transform:translateY(-5px);

}


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

.footer-contact li{

    display:flex;

    gap:12px;

    align-items:flex-start;

}


.footer-contact i{

    color:#ffc400;

    margin-top:4px;

    width:18px;

    min-width:18px;

}


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

.footer-bottom{

    margin-top:70px;

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

    text-align:center;

    padding:28px 20px;

    box-sizing:border-box;

    position:relative;

    z-index:2;

}


.footer-bottom p{

    color:#9f9f9f;

    font-size:14px;

    line-height:1.6;

    margin:0;

    letter-spacing:.3px;

}


/*==========================
            GLOW
===========================*/

.ps-footer::before{

    content:"";

    position:absolute;

    width:420px;

    height:420px;

    background:rgba(255,196,0,.06);

    border-radius:50%;

    filter:blur(120px);

    top:-180px;

    left:-120px;

    pointer-events:none;

}


.ps-footer::after{

    content:"";

    position:absolute;

    width:320px;

    height:320px;

    background:rgba(255,196,0,.04);

    border-radius:50%;

    filter:blur(120px);

    bottom:-160px;

    right:-100px;

    pointer-events:none;

}


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

.footer-cta{

    text-align:center;

    padding:0 30px 70px;

    position:relative;

    z-index:2;

}


.footer-cta h2{

    color:#fff;

    font-size:38px;

    line-height:1.25;

    margin:0 0 15px;

}


.footer-cta p{

    color:#bfbfbf;

    font-size:18px;

    line-height:1.7;

    margin:0 0 35px;

}


.footer-cta-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:18px 40px;

    background:#ffc400;

    color:#000;

    text-decoration:none;

    font-weight:700;

    border-radius:50px;

    transition:.35s;

}


.footer-cta-btn:hover{

    transform:translateY(-5px);

    box-shadow:0 20px 40px rgba(255,196,0,.35);

}


/*==================================================
              BACK TO TOP
==================================================*/

.back-to-top{

    position:fixed;

    right:30px;

    bottom:30px;

    width:55px;

    height:55px;

    border-radius:50%;

    background:#ffc400;

    display:flex;

    justify-content:center;

    align-items:center;

    cursor:pointer;

    font-size:20px;

    color:#000;

    opacity:0;

    visibility:hidden;

    transition:.35s;

    z-index:9999;

    box-shadow:0 15px 30px rgba(255,196,0,.3);

}


.back-to-top.show{

    opacity:1;

    visibility:visible;

}


.back-to-top:hover{

    transform:translateY(-6px);

}


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

@media(max-width:1100px){

    .ps-footer-container{

        grid-template-columns:1fr 1fr;

        gap:50px;

    }

}


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

@media(max-width:768px){

    .ps-footer{

        padding-top:70px;

    }


    /* CTA */

    .footer-cta{

        padding:0 20px 55px;

    }


    .footer-cta h2{

        font-size:30px;

        line-height:1.3;

    }


    .footer-cta p{

        font-size:15px;

        line-height:1.7;

    }


    .footer-cta-btn{

        width:100%;

        max-width:320px;

        box-sizing:border-box;

        padding:16px 25px;

    }


    /* FOOTER COLUMNS */

    .ps-footer-container{

        width:100%;

        grid-template-columns:1fr;

        gap:40px;

        padding:0 22px;

    }


    /* LOGO */

    .footer-logo{

        width:150px;

        margin-bottom:20px;

    }


    /* ABOUT */

    .footer-about{

        font-size:14px;

        line-height:1.8;

        max-width:100%;

        margin-bottom:0;

    }


    /* HEADINGS */

    .footer-column h3{

        font-size:19px;

        margin-bottom:23px;

    }


    .footer-column h3::after{

        width:38px;

        height:2px;

    }


    /* LIST */

    .footer-column ul li{

        font-size:14px;

        margin-bottom:13px;

    }


    /* SOCIAL */

    .footer-social{

        gap:12px;

    }


    .footer-social a{

        width:44px;

        height:44px;

        font-size:17px;

    }


    /* CONTACT */

    .footer-contact li{

        gap:10px;

        font-size:14px;

    }


    /* BOTTOM */

    .footer-bottom{

        margin-top:50px;

        padding:22px 18px;

    }


    .footer-bottom p{

        font-size:12px;

        line-height:1.7;

    }


    /* BACK TO TOP */

    .back-to-top{

        width:46px;

        height:46px;

        right:16px;

        bottom:16px;

        font-size:17px;

    }

}


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

@media(max-width:480px){

    .ps-footer{

        padding-top:60px;

    }


    .footer-cta{

        padding:0 18px 50px;

    }


    .footer-cta h2{

        font-size:26px;

    }


    .footer-cta p{

        font-size:14px;

    }


    .footer-cta-btn{

        max-width:100%;

        width:100%;

        padding:15px 20px;

        font-size:15px;

    }


    .ps-footer-container{

        padding:0 18px;

        gap:35px;

    }


    .footer-logo{

        width:140px;

    }


    .footer-column h3{

        font-size:18px;

    }


    .footer-about{

        font-size:13px;

    }


    .footer-column ul li{

        font-size:13px;

        margin-bottom:12px;

    }


    .footer-social a{

        width:42px;

        height:42px;

        font-size:16px;

    }


    .footer-bottom{

        padding:20px 15px;

    }


    .footer-bottom p{

        font-size:11px;

    }


    .back-to-top{

        width:42px;

        height:42px;

        right:12px;

        bottom:12px;

        font-size:15px;

    }

}


/*==================================================
              VERY SMALL MOBILE
==================================================*/

@media(max-width:360px){

    .footer-cta h2{

        font-size:24px;

    }


    .footer-cta p{

        font-size:13px;

    }


    .ps-footer-container{

        padding:0 15px;

    }


    .footer-logo{

        width:130px;

    }


    .footer-column h3{

        font-size:17px;

    }


    .footer-column ul li{

        font-size:12px;

    }


    .footer-social{

        gap:10px;

    }


    .footer-social a{

        width:40px;

        height:40px;

    }

}/* End custom CSS */