.footer-area {background:#000;position:relative;}
.footer-widget-box {margin-bottom:20px;}
.footer-widget {position:relative;z-index:1;padding:60px 0;}
.footer-widget-wrapper {display:flex;justify-content:space-between;}
.footer-logo img{margin-bottom:20px;}
.footer-contact,.footer-list {padding:0;}


.copyright {position:relative;padding:20px 0;background:#181818;border-bottom:5px solid var(--color-primary);z-index:1;}
.copyright::before {content:"";position:absolute;right:0;top:-10px;bottom:-1px;background:var(--color-primary);width:50%;clip-path:polygon(8% 0%,100% 0,100% 100%,0% 100%);z-index:-1;}
.copyright .footer-menu {margin:0;padding:0;text-align:right;}
.copyright .footer-menu li {display:inline-block;margin-left:25px;font-size:16px;}
.copyright .footer-menu li a {color:#fff;transition:all 0.5s ease-in-out;}
.copyright .footer-menu li a:hover {color:var(--color-primary);}
.copyright .copyright-text {color:#fff;margin-bottom:0px;font-size:16px;}
.copyright .copyright-text a {color:var(--color-primary);font-weight:500;}


.footer-widget-title {color:#fff;position:relative;padding-bottom:20px;margin-bottom:30px;font-size:21px;font-weight:600;z-index:1;overflow-wrap:break-word;}
.footer-widget-title::before {position:absolute;content:"";z-index:-1;width:90px;height:2px;background:rgba(255,255,255,0.2);bottom:0;left:0;}
.footer-widget-title::after {position:absolute;content:"";z-index:-1;width:30px;height:2px;background-color:var(--color-primary);bottom:0;left:18px;}
.footer-list {display:flex;flex-direction:column;gap:0.65rem;}
.footer-list li a {color:#fff;max-width:150px;transition:all 0.5s ease-in-out;overflow-wrap:break-word;}
.footer-list li a i {margin-right:5px;color:var(--color-primary);}
.footer-list li a:hover {padding-left:10px;color:var(--color-primary);}
.footer-widget-box p {color:#fff;padding-right:18px;margin-bottom:20px;}
.footer-social {display:flex;gap:15px;justify-content:flex-end;flex-wrap:wrap;margin:0;}
.footer-social li a i {display:block;font-size:22px;height:45px;width:45px;line-height:45px;text-align:center;border-radius:50px;background:#000;color:var(--color-primary);transition:all 0.5s ease-in-out;}
.footer-social li a i:hover {background:#fff;color:var(--color-primary);}
.footer-contact li {position:relative;display:flex;justify-content:start;align-items:center;color:#fff;font-size:16px;margin-bottom:10px;word-break:break-word;}
.footer-contact li a {color:#fff;transition:0.3s;}
.footer-contact li i {flex:none;display:inline-block;width:35px;height:35px;line-height:35px;font-size:16px;margin-right:15px;border-radius:50px;background:var(--color-primary);text-align:center;transition:0.3s;color:#fff;}

.subscribe-form .form-control {height:auto;padding:16px 20px;border-radius:12px;box-shadow:none;border:none;}
.subscribe-form .theme-btn {margin-top:20px;width:100%;padding:14px;font-size:14px;color:#fff;transition:all 0.5s;text-transform:uppercase;position:relative;z-index:1;border-radius:12px;font-weight:600;letter-spacing:0.5px;cursor:pointer;text-align:center;overflow:hidden;border:none;background:var(--color-primary);box-shadow:0 0 40px 5px rgb(0 0 0 / 5%);}
.subscribe-form .theme-btn:hover {color:var(--color-primary);}
.subscribe-form .theme-btn::before {background:#fff;content:"";height:600px;width:600px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translateY(-50%) translateX(-50%) scale(0);transition:1s cubic-bezier(0.25,0.46,0.45,0.94);z-index:-1;}
.subscribe-form .theme-btn:hover::before {transform:translateY(-50%) translateX(-50%) scale(1);}

@media all and (min-width:768px) and (max-width:1199px) {
#scroll-top.active {bottom:100px;}
}

@media all and (max-width:1199px) {
.footer-widget-box {margin-bottom:50px;}
}

@media all and (max-width:991px) {
.footer-widget-wrapper {padding-bottom:0px;}
.copyright .footer-menu {float:left;margin-top:20px;text-align:left;}
.copyright .footer-menu li {margin-left:0;margin-right:15px;}
}

@media all and (max-width:767px) {
.footer-widget-wrapper {padding-bottom:0px;}
.footer-social {justify-content:flex-start;margin-top:20px;}
.copyright::before {clip-path:polygon(30% 1%,100% 0,100% 100%,0% 100%);}
.copyright .copyright-text a {color:var(--color-primary);}
}