@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap";*{margin:0;padding:0;box-sizing:border-box;text-decoration:none;border:none;outline:none;scroll-behavior:smooth;font-family:Poppins,sans-serif}html{font-size:62.5%;overflow-x:hidden}@media (max-width: 1200px){html{font-size:55%}}@media (max-width: 450px){html{font-size:50%}}body{background:#1f242d;color:#fff}section{padding:10rem 9%}a{text-decoration:none}.header{position:fixed;top:0;left:0;width:100%;padding:2rem 9%;background:#1f242d;display:flex;justify-content:space-between;align-items:center;z-index:100}.header.sticky{border-bottom:.1rem solid rgba(0,0,0,.2)}.logo{font-size:2.5rem;color:#fff;font-weight:600;cursor:default;display:flex;align-items:center}.logo img{height:40px;margin-right:10px}.navbar a{font-size:1.7rem;color:#fff;margin-left:4rem;transition:.3s;text-decoration:none}.navbar a:hover,.navbar a.active{color:#ffca0d}@media (max-width: 768px){.navbar{position:absolute;top:100%;left:0;width:100%;padding:1rem 3%;background:#1f242d;border-top:.1rem solid rgba(0,0,0,.2);box-shadow:0 .5rem 1rem #0003;display:none}.navbar.active{display:block}.navbar a{display:block;font-size:2rem;margin:3rem 0}}#menu-icon{font-size:3.6rem;color:#fff;display:none}@media (max-width: 768px){#menu-icon{display:block}}.home{display:flex;justify-content:center;align-items:center;padding-top:150px}@media (max-width: 768px){.home{flex-direction:column}}.home .home-img{margin-left:60px}.home .home-img img{width:30vw;filter:drop-shadow(0 0 12rem #ffca0d);animation:floatImage 4s ease-in-out infinite}@media (max-width: 768px){.home .home-img img{width:70vw;margin-top:4rem}}.home .home-content h3{font-size:3.2rem;font-weight:700}.home .home-content h3:nth-of-type(2){margin-bottom:2rem}.home .home-content h1{font-size:5.6rem;font-weight:700;line-height:1.3}@media (max-width: 768px){.home .home-content h1{font-size:5rem}}.home .home-content p{font-size:1.6rem}span{color:#ffca0d}@keyframes floatImage{0%{transform:translateY(0)}50%{transform:translateY(-2.4rem)}to{transform:translateY(0)}}.social-media a{display:inline-flex;justify-content:center;align-items:center;width:4rem;height:4rem;background:transparent;border:.2rem solid #ffca0d;border-radius:50%;font-size:2rem;color:#ffca0d;margin:3rem 1.5rem 3rem 0;transition:.5s ease;text-decoration:none}.social-media a:hover{background:#ffca0d;color:#323946;box-shadow:0 0 1rem #ffca0d}.btn-main{padding:1rem 2.8rem;background:#ffca0d;border-radius:4rem;box-shadow:0 0 1rem #ffca0d;font-size:1.6rem;color:#323946;letter-spacing:.1rem;font-weight:600;transition:.5s ease;display:inline-flex;align-items:center}.btn-main:hover{box-shadow:none}.btn-main i{margin-left:5px;font-size:3rem}.heading{text-align:center;font-size:4.5rem}.about{display:flex;justify-content:center;align-items:center;padding:0}.about__form{display:flex;flex-direction:column;gap:1.8rem;align-items:center;background:#323946;padding:4rem 5rem;border-radius:1rem}@media (min-width: 768px){.about__form{flex-direction:row;align-items:stretch;padding:3rem 2rem}}.about__form-group{display:flex;flex-direction:column;gap:.5rem;position:relative;width:100%}@media (min-width: 768px){.about__form-group{flex:1}}.about__form-alert{position:absolute;right:1.5rem;top:50%;transform:translateY(-50%);font-size:1.4rem;display:none}.about__form-alert.error{color:#ff5959;display:block}.about__form-alert.success{color:#4bb543;display:block}.about__form-input{height:5rem;font-size:1.6rem;padding:0 1.5rem;border-radius:.5rem;background-color:#1f242d;color:#fff}@media (min-width: 768px){.about__form-input{height:100%}}.about__form-btn{border-radius:.5rem;font-size:2rem}.about__form-btn:disabled{opacity:.6;box-shadow:none;cursor:not-allowed}.about__form p{margin-bottom:0;font-size:1.6rem;align-self:center}.about__form p span{font-weight:700}.about .about-img img{width:35vw}.about .about-content h2{text-align:left;line-height:1.2}.about .about-content h3{font-size:2.6rem}.about .about-content p{font-size:1.6rem;margin:2rem 0 3rem}.services h2{margin-bottom:5rem}@media (max-width: 768px){.services h2{margin-bottom:3rem}}.services-container .services-box{height:100%;background:#323946;padding:3rem 2rem 4rem;border-radius:2rem;text-align:center;border:.2rem solid #1f242d;transition:.5s ease;display:flex;flex-direction:column;align-items:center}.services-container .services-box:hover{border-color:#ffca0d;transform:scale(1.02)}.services-container .services-box i{font-size:7rem;color:#ffca0d}.services-container .services-box h3{font-size:3.6rem}.services-container .services-box p{font-size:1.6rem;margin:1rem;flex:1}.hosting-services .heading{margin-bottom:10rem}@media (max-width: 768px){.hosting-services .heading{margin-bottom:3rem}}.hosting-services__container .hosting-services__box{width:95%;height:100%;background:#323946;padding:7rem 2rem 6rem;border-radius:2rem;text-align:center;border:.2rem solid #1f242d;transition:.5s ease;display:flex;flex-direction:column;align-items:center;position:relative}.hosting-services__container .hosting-services__box.best-seller{border-color:#ffca0d}@media screen and (min-width: 1200px){.hosting-services__container .hosting-services__box.best-seller{transform:scale(1.1)}}.hosting-services__container .hosting-services__box .btn-main{margin-bottom:4rem}.hosting-services__container .hosting-services__box-popular{position:absolute;top:3rem;color:#ffca0d;font-size:1.3rem;font-weight:700;border:1px solid #ffca0d;padding:.3rem 2rem;border-radius:5rem}.hosting-services__container .hosting-services__box-currency{font-size:3rem;margin-right:1rem}.hosting-services__container .hosting-services__box-amount{font-size:4rem;color:#ffca0d;font-weight:600;margin-right:.5rem}.hosting-services__container .hosting-services__box-billing-cycle{font-size:1.6rem;color:#ffd12bab;align-self:flex-end;margin-bottom:1.3rem}.hosting-services__container .hosting-services__box h3{font-size:2.5rem;margin-bottom:2rem}.hosting-services__container .hosting-services__box ul{margin:0;padding:0;width:80%}.hosting-services__container .hosting-services__box ul li{list-style:none;font-size:1.5rem;text-align:left}.hosting-services__container .hosting-services__box ul li:not(:last-child){margin-bottom:1.8rem}.portfolio{background:#323946}.portfolio h2{margin-bottom:4rem}@media (max-width: 768px){.portfolio h2{margin-bottom:3rem}}.portfolio-container{display:grid;grid-template-columns:repeat(3,1fr);align-items:center;gap:2.5rem}@media (max-width: 768px){.portfolio-container{grid-template-columns:repeat(2,1fr)}}@media (max-width: 617px){.portfolio-container{grid-template-columns:1fr}}.portfolio-container .portfolio-box{position:relative;border-radius:.5rem;box-shadow:0 0 1rem #1f242d;overflow:hidden;display:flex}.portfolio-container .portfolio-box img{width:100%;transition:.5s ease}.portfolio-container .portfolio-box img:hover{transform:scale(1.1)}.portfolio-container .portfolio-box .portfolio-layer{position:absolute;bottom:0;left:0;width:100%;height:100%;background:linear-gradient(#0000001a,#1f242d);display:flex;justify-content:flex-end;align-items:flex-start;flex-direction:column;padding:4rem;transform:translateY(100%);transition:.5s ease}.portfolio-container .portfolio-box .portfolio-layer h4{font-size:3rem}.portfolio-container .portfolio-box .portfolio-layer p{font-size:1.6rem;margin:.3rem 0 1rem}.portfolio-container .portfolio-box .portfolio-layer a{display:inline-flex;justify-content:center;align-items:center;width:5rem;height:5rem;background:#fff;border-radius:50%}.portfolio-container .portfolio-box .portfolio-layer a i{font-size:2rem;color:#323946}.portfolio-container .portfolio-box:hover .portfolio-layer{transform:translateY(0)}.contact h2{margin-bottom:1rem}.contact p{font-size:1.6rem;text-align:center;max-width:600px;margin:1rem auto 5rem}.contact form{max-width:70rem;margin:1rem auto 3rem;text-align:center}.contact form .form-group{display:flex;flex-direction:column}.contact form .form-group .form-message-error{text-align:left;font-size:14px;display:none;color:#ff9595}.contact form .input-box{display:flex;justify-content:space-between;flex-wrap:wrap}.contact form .input-box .form-group{width:49%}.contact form .input-box input{width:100%;padding:1.5rem;font-size:1.6rem;color:#fff;background:#323946;border-radius:.8rem;margin:.7rem 0}.contact form textarea{resize:none;width:100%;padding:1.5rem;font-size:1.6rem;color:#fff;background:#323946;border-radius:.8rem;margin:.7rem 0}.contact form .btn-main{margin-top:2rem;cursor:pointer}.footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:2rem 9%;background:#323946}@media (max-width: 365px){.footer{flex-direction:column-reverse}.footer p{text-align:center;padding:2rem}}.footer-text p{font-size:1.6rem}.footer-iconTop a{display:inline-flex;justify-content:center;align-items:center;padding:.8rem;background:#ffca0d;border-radius:.8rem}.footer-iconTop a:hover{box-shadow:0 0 1rem #ffca0d}.footer-iconTop a i{font-size:2.4rem;color:#323946}#contactFormBtnLoading{display:none}#contactFormMessage{margin-bottom:0;box-shadow:0 0 1rem #ffca0d;color:#ffca0d;padding:10px;border-radius:10px;display:none}