@import url(https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Orbitron:wght@400..900&display=swap);:root{--black:#0A0A0A;--white:#F2F2F2;--dark-gray:#1A1A1A;--red:#E32636;--text:#aaa}*{margin:0;padding:0;box-sizing:border-box;text-decoration:none;outline:none;border:none;transition:all .2s linear}html{font-size:62.5%;scroll-behavior:smooth;scroll-padding-top:5rem;overflow-x:hidden}html::-webkit-scrollbar{width:1rem}html::-webkit-scrollbar-track{background:var(--black)}html::-webkit-scrollbar-thumb{background:var(--red)}body{font-family:"Nunito",sans-serif;background:var(--black)}section{padding:5rem 9%}.heading{text-align:center;margin:4rem;position:relative;color:var(--white);font-family:"Orbitron",sans-serif;text-transform:uppercase;font-size:3rem}.heading::before{content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);height:.1rem;width:100%;background:var(--red);z-index:-1}.heading-box{display:inline-block;position:relative}.heading-box::before{content:"";width:20%;height:160%;background:var(--red);position:absolute;z-index:-2;top:-1.9rem;left:-1.8rem}.heading-box::after{content:"";width:20%;height:160%;background:var(--red);position:absolute;z-index:-2;bottom:-1.9rem;right:-1.8rem}.heading span{color:var(--red);background:var(--black);padding:.5rem 1.5rem}.heading .span-2{color:var(--white)}.btn{margin-top:1rem;display:inline-block;padding:1rem 2.8rem;padding-right:3rem;background:linear-gradient(130deg,var(--red) 93%,transparent 90%);color:var(--white);cursor:pointer;font-size:1.7rem}.btn:hover{transform:scale(1.1)}.header{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:2rem 9%;z-index:1000;background:#fff0}.header.sticky{position:fixed;padding:1rem 9%;background:var(--black)}.header .logo{font-family:"Orbitron",sans-serif;font-weight:bolder;font-size:3rem;color:var(--white)}.header .logo span{color:var(--red)}#menu-btn{font-size:3rem;color:var(--white);cursor:pointer;display:none}.navbar a{display:inline-block;padding:1.5rem 2rem;font-size:1.7rem;color:var(--white)}.navbar a:hover{background:var(--red)}.home{padding:0}.home .swiper-slide{min-height:100vh;background-size:cover!important;background-position:center!important;background-repeat:no-repeat;padding:2rem 9%;display:flex;align-items:center}.home .swiper-slide .content{width:60rem}.home .swiper-slide .content span{font-size:2rem;color:var(--red);display:block}.home .swiper-slide .content h3{font-size:5rem;color:var(--white);text-transform:uppercase;font-weight:800}.swiper-pagination-bullet{height:2rem;width:2rem;background:var(--white);border-radius:0}.swiper-pagination-bullet.swiper-pagination-bullet-active{background:var(--red)}.about{display:flex;align-items:center;flex-wrap:wrap;gap:8rem}.about .image{flex:1 1 42rem;position:relative}.about .image::before,.about .image::after{content:'';position:absolute;z-index:-1;background:var(--red);height:15rem;width:15rem}.about .image::before{top:0;left:0}.about .image::after{bottom:0;right:0}.about .image img{width:100%;padding:2rem}.about .content{flex:1 1 42rem}.about .content span{font-size:2rem;color:var(--red)}.about .content .title{font-size:4rem;color:var(--white);margin-top:.5rem}.about .content .box-container{display:flex;flex-wrap:wrap;gap:2rem;margin-top:2rem}.about .content .box-container .box{flex:1 1 20rem}.about .content .box-container .box h3{font-size:2rem;color:var(--white)}.about .content .box-container .box h3 i{padding-right:1.5rem;color:var(--red)}.about p{font-size:1.7rem;line-height:1.6;color:#aaa;padding:1rem 0}.features .box-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(32rem,1fr));gap:2rem;padding:4rem 0}.features .box-container .box{background:var(--dark-gray)}.features .box-container .box .image{height:30rem;width:100%;overflow:hidden}.features .box-container .box .image img{height:100%;width:100%;object-fit:cover}.features .box-container .box:hover .image img{transform:scale(1.1)}.features .box-container .box.second{display:flex;flex-direction:column-reverse}.features .box-container .box .content{padding:2rem;text-align:center}.features .box-container .box .content img{height:9rem;margin-bottom:1rem;filter:invert(1)}.features .box-container .box .content h3{font-size:2rem;color:var(--red)}.features .box-container .box .content p{line-height:2;font-size:1.5rem;color:var(--text);padding:1rem 0}.pricing{display:grid;grid-template-columns:repeat(auto-fit,minmax(32rem,1fr));gap:2rem}.pricing .information span{font-size:2rem;color:var(--red)}.pricing .information h3{font-size:4rem;padding-top:.5rem;color:var(--white)}.pricing .information p{line-height:2;padding:1rem 0;font-size:1.4rem;color:var(--text)}.pricing .information p i{padding-right:1rem;color:var(--red)}.pricing .plan{text-align:center;padding:2rem}.pricing .plan.basic{background:linear-gradient(130deg,var(--dark-gray) 93%,transparent 90%)}.pricing .plan h3{font-size:2.5rem;margin:1rem 0;color:var(--white)}.pricing .plan .price{font-size:5rem;font-weight:bolder;color:var(--red)}.pricing .plan .price span{color:var(--white);font-size:2rem}.pricing .plan .list{padding:1rem 0}.pricing .plan .list p{line-height:2;padding:1rem 0;font-size:1.4rem;color:var(--text)}.pricing .plan .list p i{padding-right:1rem;color:var(--red)}@media (max-width:991px){html{font-size:55%}section{padding:3rem 2rem}.header,.header.sticky{padding:1rem 2rem}.home .slide{padding:2rem 5%}.home .slide .content{width:50rem}.home .slide .content h3{font-size:4rem}}@media (max-width:768px){.heading span{display:block}.heading-box::before{height:100%}.heading-box::after{height:100%}.header.sticky{padding:1rem 2rem}#menu-btn{display:inline-block}#menu-btn.fa-xmark{transform:rotate(180deg)}.header .navbar{position:absolute;top:99%;left:0;right:0;background:var(--dark-gray);clip-path:polygon(0 0,100% 0,100% 0,0 0)}.header .navbar.active{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.header .navbar a{display:block;font-size:2rem}.about{gap:3rem}.about .image{margin-top:5rem}.about .content .title{font-size:3rem}.features .box-container .box.second{flex-flow:column}}@media (max-width:600px){.heading{font-size:2rem;margin:4rem 2rem}.heading-box::before{height:100%;top:-1rem;left:-1rem}.heading-box::after{height:100%;bottom:-1rem;right:-1rem}}@media (max-width:450px){html{font-size:50%}.heading{margin:4rem 1rem}}