ul{margin:0;padding:0}.footer-section{background:#000;position:relative}.footer-cta{border-bottom:1px solid #373636}.single-cta i{color:#8f9af6;font-size:30px;float:left;margin-top:8px}.cta-text{padding-left:15px;display:inline-block}.cta-text h4{color:#fff;font-size:20px;font-weight:600;margin-bottom:2px}.cta-text span{color:#757575;font-size:15px}.footer-content{position:relative;z-index:2}.footer-pattern img{position:absolute;top:0;left:0;height:330px;background-size:cover;background-position:100% 100%}.footer-logo{margin-bottom:30px}.footer-logo img{max-width:200px}.footer-text p{margin-bottom:14px;font-size:14px;color:#7e7e7e;line-height:28px}.footer-social-icon span{color:#fff;display:block;font-size:20px;font-weight:700;font-family:Poppins,sans-serif;margin-bottom:20px}.footer-social-icon a{color:#fff;font-size:16px;margin-right:15px}.footer-social-icon i{height:40px;width:40px;text-align:center;line-height:38px;border-radius:50%}.facebook-bg{background:#3b5998}.twitter-bg{background:#55acee}.google-bg{background:#dd4b39}.footer-widget-heading h3{color:#fff;font-size:20px;font-weight:600;margin-bottom:40px;position:relative}.footer-widget-heading h3:before{content:"";position:absolute;left:0;bottom:-15px;height:2px;width:50px;background:#8f9af6}.footer-widget ul li{display:inline-block;float:left;width:50%;margin-bottom:12px}.footer-widget ul li a:hover{color:#8f9af6}.footer-widget ul li a{color:#878787;text-transform:capitalize}.subscribe-form{position:relative;overflow:hidden}.subscribe-form input{width:100%;padding:14px 28px;background:#2e2e2e;border:1px solid #2E2E2E;color:#fff}.subscribe-form button{position:absolute;right:0;background:#8f9af6;padding:13px 20px;border:1px solid #8f9af6;top:0}.subscribe-form button i{color:#fff;font-size:22px;transform:rotate(-6deg)}.copyright-area{background:#202020;padding:25px 0}.copyright-text p{margin:0;font-size:14px;color:#878787}.copyright-text p a{color:#8f9af6}.footer-menu li{display:inline-block;margin-left:20px}.footer-menu li:hover a{color:#8f9af6}.footer-menu li a{font-size:14px;color:#878787}.card{position:relative;width:200px;height:200px;background:#d3d3d3;border-radius:30px;overflow:hidden;box-shadow:#64646f33 0 7px 29px;transition:all 1s ease-in-out;border:2px solid rgb(255,255,255)}.background{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#4158d0;background-image:linear-gradient(43deg,#ff0,orange 46%,red)}.logo{position:absolute;right:50%;bottom:50%;transform:translate(50%,50%);transition:all .6s ease-in-out;font-size:1.3em;font-weight:600;color:#fff;letter-spacing:3px}.logo .logo-svg{fill:#fff;width:30px;height:30px}.icon{display:inline-block;width:20px;height:20px}.icon .svg{fill:#ffffffcb;width:100%;transition:all .5s ease-in-out}.box{position:absolute;padding:10px;text-align:right;background:#ffffff63;border-top:2px solid rgb(255,255,255);border-right:1px solid white;border-radius:10% 13% 42% 0%/10% 12% 75% 0%;box-shadow:#64646f5d -7px 7px 29px;transform-origin:bottom left;transition:all 1s ease-in-out}.box:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;opacity:0;transition:all .5s ease-in-out}.box:hover .svg{fill:#fff}.box1{width:70%;height:70%;bottom:-70%;left:-70%}.box1:before{background:radial-gradient(circle at 30% 107%,#fdf497,#fdf497 5%,#ff53d4 60%,#62c2fe 90%)}.box1:hover:before{opacity:1}.box1:hover .icon .svg{filter:drop-shadow(0 0 5px white)}.box2{width:50%;height:50%;bottom:-50%;left:-50%;transition-delay:.2s}.box2:before{background:radial-gradient(circle at 30% 107%,#91e9ff,#00acee 90%)}.box2:hover:before{opacity:1}.box2:hover .icon .svg{filter:drop-shadow(0 0 5px white)}.box3{width:30%;height:30%;bottom:-30%;left:-30%;transition-delay:.4s}.box3:before{background:radial-gradient(circle at 30% 107%,#969fff,#b349ff 90%)}.box3:hover:before{opacity:1}.box3:hover .icon .svg{filter:drop-shadow(0 0 5px white)}.box4{width:10%;height:10%;bottom:-10%;left:-10%;transition-delay:.6s}.card:hover{transform:scale(1.1)}.card:hover .box{bottom:-1px;left:-1px}.card:hover .logo{transform:translate(70px,-52px);letter-spacing:0px}
