:root{--default-font: "Roboto", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--heading-font: "Cardo", sans-serif;--nav-font: "Inter", sans-serif}:root{--background-color: #000000;--default-color: #fafafa;--heading-color: #ffffff;--accent-color: #3b82f6;--surface-color: #1e293b;--contrast-color: #ffffff}:root{--nav-color: rgba(255, 255, 255, .5);--nav-hover-color: #ffffff;--nav-mobile-background-color: #1e293b;--nav-dropdown-background-color: #1e293b;--nav-dropdown-color: rgba(255, 255, 255, .5);--nav-dropdown-hover-color: #ffffff}.light-background{--background-color: #1e293b;--surface-color: #334155}.dark-background{--background-color: #0f172a;--default-color: #ffffff;--heading-color: #ffffff;--surface-color: #1e293b;--contrast-color: #ffffff}:root{scroll-behavior:smooth}body{color:var(--default-color);background-color:var(--background-color);font-family:var(--default-font)}#root{overflow-x:hidden}a{color:var(--accent-color);text-decoration:none;transition:.3s}a:hover{color:color-mix(in srgb,var(--accent-color),transparent 25%);text-decoration:none}h1,h2,h3,h4,h5,h6{color:var(--heading-color);font-family:var(--heading-font)}.php-email-form .error-message{display:none;background:#df1529;color:#fff;text-align:left;padding:15px;margin-bottom:24px;font-weight:600}.php-email-form .sent-message{display:none;color:#fff;background:#059652;text-align:center;padding:15px;margin-bottom:24px;font-weight:600}.php-email-form .loading{display:none;background:var(--surface-color);text-align:center;padding:15px;margin-bottom:24px}.php-email-form .loading:before{content:"";display:inline-block;border-radius:50%;width:24px;height:24px;margin:0 10px -6px 0;border:3px solid var(--accent-color);border-top-color:var(--surface-color);animation:php-email-form-loading 1s linear infinite}@keyframes php-email-form-loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media screen and (max-width: 768px){[data-aos-delay]{transition-delay:0!important}}.page-title{color:var(--default-color);background-color:var(--background-color);position:relative}.page-title .heading{padding:80px 0;border-top:1px solid color-mix(in srgb,var(--default-color),transparent 90%)}.page-title .heading h1{font-size:64px;font-weight:400}.page-title .heading .cta-btn{color:var(--default-color);background:var(--accent-color);font-weight:400;font-size:14px;display:inline-block;margin-top:20px;padding:12px 40px;border-radius:4px;transition:.5s;text-transform:uppercase;letter-spacing:1px}.page-title .heading .cta-btn:hover{background-color:color-mix(in srgb,var(--accent-color) 90%,white 10%)}.page-title nav{background-color:color-mix(in srgb,var(--default-color),transparent 90%);padding:20px 0}.page-title nav ol{display:flex;flex-wrap:wrap;list-style:none;margin:0;font-size:16px;font-weight:600}.page-title nav ol li+li{padding-left:10px}.page-title nav ol li+li:before{content:"/";display:inline-block;padding-right:10px;color:color-mix(in srgb,var(--default-color),transparent 70%)}section,.section{color:var(--default-color);background-color:var(--background-color);padding:60px 0;scroll-margin-top:100px;overflow:clip}@media (max-width: 1199px){section,.section{scroll-margin-top:66px}}.section-title{padding-bottom:60px;position:relative}.section-title h2{font-size:14px;font-weight:400;padding:0;line-height:1px;margin:0;letter-spacing:1.5px;text-transform:uppercase;color:color-mix(in srgb,var(--default-color),transparent 50%);position:relative;font-family:var(--default-font)}.section-title h2:after{content:"";width:120px;height:1px;display:inline-block;background:var(--accent-color);margin:4px 10px}.section-title p{color:var(--heading-color);margin:0;font-size:36px;font-weight:400;font-family:var(--heading-font)}.hero{width:100%;min-height:30vh;position:relative;padding:0 0 30px;display:flex;align-items:center}.hero h2{margin:0 0 10px;font-size:38px;font-weight:700}.hero h2 .underlight{position:relative;z-index:1;padding:0 5px;display:inline-block}.hero h2 .underlight:before{content:"";position:absolute;height:50%;bottom:0;left:0;right:0;background:var(--accent-color);z-index:-1}.hero p{color:color-mix(in srgb,var(--default-color),transparent 30%);margin-bottom:30px;font-size:18px}@media (max-width: 768px){.hero h2{font-size:32px}}.hero .btn-get-started{color:var(--contrast-color);background:var(--accent-color);font-weight:400;font-size:14px;display:inline-block;padding:12px 40px;border-radius:4px;transition:.5s;text-transform:uppercase;letter-spacing:1px}.hero .btn-get-started:hover{background-color:color-mix(in srgb,var(--accent-color) 90%,white 10%)}.gallery .gallery-item{position:relative;overflow:hidden;border-radius:10px}.gallery .gallery-item img{transition:.3s}.gallery .gallery-links{position:absolute;inset:0;opacity:0;transition:all ease-in-out .3s;background:#0009;z-index:3}.gallery .gallery-links .preview-link,.gallery .gallery-links .details-link{font-size:20px;color:#ffffff80;transition:.3s;line-height:1.2;margin:30px 8px 0}.gallery .gallery-links .preview-link:hover,.gallery .gallery-links .details-link:hover{color:#fff}.gallery .gallery-links .details-link{font-size:30px;line-height:0}.gallery .gallery-item:hover .gallery-links{opacity:1}.gallery .gallery-item:hover .preview-link,.gallery .gallery-item:hover .details-link{margin-top:0}.gallery .gallery-item:hover img{transform:scale(1.1)}.glightbox-clean .gslide-description{background:#272727}.glightbox-clean .gslide-title{color:#fffc;margin:0}.about .content h2{font-weight:700;font-size:24px}.about .content ul{list-style:none;padding:0}.about .content ul li{margin-bottom:20px;display:flex;align-items:center}.about .content ul strong{margin-right:10px}.about .content ul i{font-size:16px;margin-right:5px;color:var(--accent-color);line-height:0}.testimonials .testimonial-item{background-color:var(--surface-color);box-shadow:0 0 20px #0000001a;box-sizing:content-box;padding:30px;margin:40px 30px;min-height:320px;display:flex;flex-direction:column;text-align:center;transition:.3s}.testimonials .testimonial-item .stars{margin-bottom:15px}.testimonials .testimonial-item .stars i{color:#ffc107;margin:0 1px}.testimonials .testimonial-item .testimonial-img{width:90px;border-radius:50%;border:4px solid var(--background-color);margin:0 auto}.testimonials .testimonial-item h3{font-size:18px;font-weight:700;margin:10px 0 5px}.testimonials .testimonial-item h4{font-size:14px;color:color-mix(in srgb,var(--default-color),transparent 40%);margin:0}.testimonials .testimonial-item p{font-style:italic;margin:0 auto 15px}.testimonials .swiper-wrapper{height:auto}.testimonials .swiper-pagination{margin-top:20px;position:relative}.testimonials .swiper-pagination .swiper-pagination-bullet{width:12px;height:12px;background-color:color-mix(in srgb,var(--default-color),transparent 85%);opacity:1}.testimonials .swiper-pagination .swiper-pagination-bullet-active{background-color:var(--accent-color)}.testimonials .swiper-slide{opacity:.3}@media (max-width: 1199px){.testimonials .swiper-slide-active{opacity:1}.testimonials .swiper-pagination{margin-top:0}.testimonials .testimonial-item{margin:40px 20px}}@media (min-width: 1200px){.testimonials .swiper-slide-next{opacity:1;transform:scale(1.12)}}.gallery-details .portfolio-details-slider img{width:100%}.gallery-details .swiper-wrapper{height:auto}.gallery-details .swiper-button-prev,.gallery-details .swiper-button-next{width:48px;height:48px}.gallery-details .swiper-button-prev:after,.gallery-details .swiper-button-next:after{color:#fffc;background-color:#00000026;font-size:24px;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;transition:.3s}.gallery-details .swiper-button-prev:hover:after,.gallery-details .swiper-button-next:hover:after{background-color:#0000004d}@media (max-width: 575px){.gallery-details .swiper-button-prev,.gallery-details .swiper-button-next{display:none}}.gallery-details .swiper-pagination{margin-top:20px;position:relative}.gallery-details .swiper-pagination .swiper-pagination-bullet{width:10px;height:10px;background-color:color-mix(in srgb,var(--default-color),transparent 85%);opacity:1}.gallery-details .swiper-pagination .swiper-pagination-bullet-active{background-color:var(--accent-color)}.gallery-details .portfolio-info h3{font-size:22px;font-weight:700;margin-bottom:20px;padding-bottom:20px;position:relative}.gallery-details .portfolio-info h3:after{content:"";position:absolute;display:block;width:50px;height:3px;background:var(--accent-color);left:0;bottom:0}.gallery-details .portfolio-info ul{list-style:none;padding:0;font-size:15px}.gallery-details .portfolio-info ul li{display:flex;flex-direction:column;padding-bottom:15px}.gallery-details .portfolio-info ul strong{text-transform:uppercase;font-weight:400;color:color-mix(in srgb,var(--default-color),transparent 50%);font-size:14px}.gallery-details .portfolio-info .btn-visit{padding:8px 40px;background:var(--accent-color);color:var(--contrast-color);border-radius:50px;transition:.3s}.gallery-details .portfolio-info .btn-visit:hover{background:color-mix(in srgb,var(--accent-color),transparent 20%)}.gallery-details .portfolio-description h2{font-size:26px;font-weight:700;margin-bottom:20px}.gallery-details .portfolio-description p{padding:0}.gallery-details .portfolio-description .testimonial-item{padding:30px 30px 0;position:relative;background:color-mix(in srgb,var(--default-color),transparent 97%);margin-bottom:50px}.gallery-details .portfolio-description .testimonial-item .testimonial-img{width:90px;border-radius:50px;border:6px solid var(--background-color);float:left;margin:0 10px 0 0}.gallery-details .portfolio-description .testimonial-item h3{font-size:18px;font-weight:700;margin:15px 0 5px;padding-top:20px}.gallery-details .portfolio-description .testimonial-item h4{font-size:14px;color:#6c757d;margin:0}.gallery-details .portfolio-description .testimonial-item .quote-icon-left,.gallery-details .portfolio-description .testimonial-item .quote-icon-right{color:color-mix(in srgb,var(--accent-color),transparent 50%);font-size:26px;line-height:0}.gallery-details .portfolio-description .testimonial-item .quote-icon-left{display:inline-block;left:-5px;position:relative}.gallery-details .portfolio-description .testimonial-item .quote-icon-right{display:inline-block;right:-5px;position:relative;top:10px;transform:scale(-1)}.gallery-details .portfolio-description .testimonial-item p{font-style:italic;margin:0 0 15px 0 0 0;padding:0}.pricing .pricing-item{border-bottom:1px dashed color-mix(in srgb,var(--default-color),transparent 60%);width:100%;height:100%;padding:0 0 15px}.pricing .pricing-item h3{margin:0;font-size:20px;font-weight:600}.pricing .pricing-item h4{margin:0;font-size:18px;color:var(--accent-color)}.contact .info-wrap{margin-bottom:30px}.contact .info-item i{font-size:20px;color:var(--accent-color);width:56px;height:56px;display:flex;justify-content:center;align-items:center;transition:all .3s ease-in-out;border-radius:50%;border:1px solid color-mix(in srgb,var(--accent-color),transparent 40%);margin-right:15px}.contact .info-item h3{font-size:18px;font-weight:700;margin:0 0 5px;font-family:var(--default-font)}.contact .info-item p{padding:0;margin-bottom:0;font-size:14px}.contact .info-item:hover i{background:var(--accent-color);color:var(--contrast-color)}@media (max-width: 575px){.contact .php-email-form{padding:20px}}.contact .php-email-form input[type=text],.contact .php-email-form input[type=email],.contact .php-email-form textarea{font-size:14px;padding:10px 15px;box-shadow:none;border-radius:0;color:var(--default-color);background-color:var(--surface-color);border-color:color-mix(in srgb,var(--default-color),transparent 80%)}.contact .php-email-form input[type=text]:focus,.contact .php-email-form input[type=email]:focus,.contact .php-email-form textarea:focus{border-color:var(--accent-color)}.contact .php-email-form input[type=text]::placeholder,.contact .php-email-form input[type=email]::placeholder,.contact .php-email-form textarea::placeholder{color:color-mix(in srgb,var(--default-color),transparent 70%)}.contact .php-email-form button[type=submit]{color:var(--default-color);background:var(--accent-color);font-weight:400;font-size:14px;display:inline-block;margin-top:20px;padding:14px 40px;border:0;border-radius:4px;transition:.5s;text-transform:uppercase;letter-spacing:1px}.contact .php-email-form button[type=submit]:hover{background-color:color-mix(in srgb,var(--accent-color) 90%,white 10%)}.header{color:var(--default-color);background-color:var(--background-color);padding:20px 0;transition:all .5s;z-index:997;border-bottom:1px solid var(--background-color)}.header .logo{line-height:1}.header .logo img{max-height:36px;margin-right:8px}.header .logo h1{font-size:32px;margin:0;font-weight:400;color:var(--heading-color)}.header .logo i{font-size:28px;margin-right:6px}.header .header-social-links{padding-right:15px}.header .header-social-links a{color:color-mix(in srgb,var(--default-color),transparent 40%);padding-left:6px;display:inline-block;transition:.3s;font-size:16px}.header .header-social-links a:hover{color:var(--accent-color)}.header .header-social-links a i{line-height:0px}@media (max-width: 1200px){.header .logo{order:1}.header .logo h1{font-size:26px}.header .logo i{font-size:20px}.header .header-social-links{order:2}.header .header-social-links a{font-size:16px}.header .navmenu{order:3}}.scrolled .header{border-color:color-mix(in srgb,var(--background-color) 90%,white 20%)}@media (min-width: 1200px){.navmenu{padding:0}.navmenu ul{margin:0;padding:0;display:flex;list-style:none;align-items:center}.navmenu li{position:relative}.navmenu a,.navmenu a:focus{color:var(--nav-color);padding:18px 15px;font-size:14px;font-family:var(--nav-font);font-weight:400;display:flex;align-items:center;justify-content:space-between;white-space:nowrap;transition:.3s;text-transform:uppercase;letter-spacing:1px}.navmenu a i,.navmenu a:focus i{font-size:12px;line-height:0;margin-left:5px;transition:.3s}.navmenu li:last-child a{padding-right:0}.navmenu li:hover>a,.navmenu .active,.navmenu .active:focus{color:var(--nav-hover-color)}.navmenu .dropdown ul{margin:0;padding:10px 0;background:var(--nav-dropdown-background-color);display:block;position:absolute;visibility:hidden;left:14px;top:130%;opacity:0;transition:.3s;border-radius:4px;z-index:99}.navmenu .dropdown ul li{min-width:200px}.navmenu .dropdown ul a{padding:10px 20px;font-size:15px;text-transform:none;color:var(--nav-dropdown-color)}.navmenu .dropdown ul a i{font-size:12px}.navmenu .dropdown ul a:hover,.navmenu .dropdown ul .active:hover,.navmenu .dropdown ul li:hover>a{color:var(--nav-dropdown-hover-color)}.navmenu .dropdown:hover>ul{opacity:1;top:100%;visibility:visible}.navmenu .dropdown .dropdown ul{top:0;left:-90%;visibility:hidden}.navmenu .dropdown .dropdown:hover>ul{opacity:1;top:0;left:-100%;visibility:visible}}@media (max-width: 1199px){.mobile-nav-toggle{color:var(--nav-color);font-size:28px;line-height:0;margin-right:10px;cursor:pointer;transition:color .3s}.navmenu{padding:0;z-index:9997}.navmenu ul{display:none;position:absolute;inset:60px 20px 20px;padding:10px 0;margin:0;border-radius:6px;background-color:var(--nav-mobile-background-color);overflow-y:auto;transition:.3s;z-index:9998;box-shadow:0 0 30px #0000001a}.navmenu a,.navmenu a:focus{color:var(--nav-dropdown-color);padding:10px 20px;font-family:var(--nav-font);font-size:17px;font-weight:500;display:flex;align-items:center;justify-content:space-between;white-space:nowrap;transition:.3s}.navmenu a i,.navmenu a:focus i{font-size:12px;line-height:0;margin-left:5px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:.3s;background-color:color-mix(in srgb,var(--accent-color),transparent 90%)}.navmenu a i:hover,.navmenu a:focus i:hover{background-color:var(--accent-color);color:var(--contrast-color)}.navmenu a:hover,.navmenu .active,.navmenu .active:focus{color:var(--nav-dropdown-hover-color)}.navmenu .active i,.navmenu .active:focus i{background-color:var(--accent-color);color:var(--contrast-color);transform:rotate(180deg)}.navmenu .dropdown ul{position:static;display:none;z-index:99;padding:10px 0;margin:10px 20px;background-color:var(--nav-dropdown-background-color);border:1px solid color-mix(in srgb,var(--default-color),transparent 90%);box-shadow:none;transition:all .5s ease-in-out}.navmenu .dropdown ul ul{background-color:#2125291a}.navmenu .dropdown>.dropdown-active{display:block;background-color:#21252908}.mobile-nav-active{overflow:hidden}.mobile-nav-active .mobile-nav-toggle{color:#fff;position:absolute;font-size:32px;top:15px;right:15px;margin-right:0;z-index:9999}.mobile-nav-active .navmenu{position:fixed;overflow:hidden;inset:0;background:#212529cc;transition:.3s}.mobile-nav-active .navmenu>ul{display:block}}#player-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:430px;height:100px;margin:-4px auto}#player-bg-artwork{position:fixed;inset:-30px;background-image:url(https://raw.githubusercontent.com/himalayasingh/music-player-1/master/img/_1.jpg);background-repeat:no-repeat;background-size:cover;background-position:50%;filter:blur(40px);-webkit-filter:blur(40px);z-index:-1}#player-bg-layer{position:fixed;inset:0;background-color:#fff;opacity:.5;z-index:2}#player{position:relative;height:100%;z-index:3}#player-track{position:absolute;top:0;right:15px;left:15px;padding:13px 22px 10px 184px;background-color:#ffffff24;-webkit-backdrop-filter:blur(14px) saturate(120%);backdrop-filter:blur(14px) saturate(120%);border:1px solid rgba(255,255,255,.28);border-radius:15px 15px 0 0;transition:.3s ease top;z-index:1}#player-track.active{top:-92px}#album-name{color:#fffffff2;font-size:17px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.25)}#track-name{color:#ffffffc7;font-size:13px;margin:2px 0 13px;text-shadow:0 1px 2px rgba(0,0,0,.2)}#track-time{height:12px;margin-bottom:3px;overflow:hidden}#current-time{float:left}#track-length{float:right}#current-time,#track-length{color:transparent;font-size:11px;background-color:#ffffff2e;border-radius:10px;transition:.3s ease all}#track-time.active #current-time,#track-time.active #track-length{color:#fff;background-color:transparent;text-shadow:0 1px 2px rgba(0,0,0,.2)}#seek-bar-container,#seek-bar{position:relative;height:4px;border-radius:4px}#seek-bar-container{background-color:#ffffff2e;cursor:pointer}#seek-time{position:absolute;top:-29px;color:#fff;font-size:12px;white-space:pre;padding:5px 6px;border-radius:4px;display:none;background-color:#3b3d50cc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#s-hover{position:absolute;top:0;bottom:0;left:0;opacity:.2;z-index:2}#seek-time,#s-hover{background-color:#3b3d5099}#seek-bar{content:"";position:absolute;top:0;bottom:0;left:0;width:0;background-color:#fd6d94;transition:.2s ease width;z-index:1}#player-content{position:relative;height:100%;background-color:#ffffff29;-webkit-backdrop-filter:blur(18px) saturate(120%);backdrop-filter:blur(18px) saturate(120%);border:1px solid rgba(255,255,255,.28);box-shadow:0 30px 80px #00000059;border-radius:15px;z-index:2}#album-art{position:absolute;top:-40px;width:115px;height:115px;margin-left:40px;transform:rotate(0);transition:.3s ease all;box-shadow:0 0 0 10px #ffffffb3;border-radius:50%;overflow:hidden;pointer-events:none}#album-art.active{top:-60px;box-shadow:0 0 0 4px #ffffffbf,0 30px 50px -15px #afb7c1cc}#album-art:before{content:"";position:absolute;top:50%;right:0;left:0;width:20px;height:20px;margin:-10px auto 0;background-color:#d6dee7;border-radius:50%;box-shadow:inset 0 0 0 2px #fff;z-index:2}#album-art img{display:block;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;z-index:-1}#album-art img.active{opacity:1;z-index:1}#album-art.active img.active{z-index:1;-webkit-animation:rotateAlbumArt 3s linear 0s infinite forwards;animation:rotateAlbumArt 3s linear 0s infinite forwards}@-webkit-keyframes rotateAlbumArt{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotateAlbumArt{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#buffer-box{position:absolute;top:50%;right:0;left:0;height:13px;color:#fff;font-size:13px;font-family:Helvetica;text-align:center;font-weight:700;line-height:1;padding:6px;margin:-12px auto 0;background-color:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;z-index:2}#album-art img,#buffer-box{transition:.1s linear all}#album-art.buffering img{opacity:.25}#album-art.buffering img.active{opacity:.8;filter:blur(2px);-webkit-filter:blur(2px)}#album-art.buffering #buffer-box{opacity:1}#player-controls{width:250px;height:100%;margin:0 5px 0 141px;float:right;overflow:hidden;position:relative;z-index:5}.control{height:100%;width:33.333%;float:left;padding:12px 0}.button{width:26px;height:26px;box-sizing:content-box;padding:25px;background-color:#ffffff29;-webkit-backdrop-filter:blur(12px) saturate(120%);backdrop-filter:blur(12px) saturate(120%);border:1px solid rgba(255,255,255,.28);border-radius:6px;cursor:pointer}.button i{display:block;color:#ffffffd9;font-size:26px;text-align:center;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.25)}.button,.button i{transition:.2s ease all}.button:hover{background-color:#ffffff47}.button:hover i{color:#fff}.footer{--background-color: color-mix(in srgb, var(--default-color), transparent 95%);border-top:1px solid color-mix(in srgb,var(--default-color),transparent 90%);color:var(--default-color);background-color:var(--background-color);font-size:14px;padding:40px 0;position:relative}.footer .copyright p{margin-bottom:0}.footer .social-links{margin-top:20px}.footer .social-links a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1px solid color-mix(in srgb,var(--default-color),transparent 50%);font-size:16px;color:color-mix(in srgb,var(--default-color),transparent 50%);margin:0 5px;transition:.3s}.footer .social-links a:hover{color:var(--accent-color);border-color:var(--accent-color)}.footer .credits{margin-top:10px;font-size:13px;text-align:center}.copyright .underlight{position:relative;z-index:1;padding:0 4px;display:inline-block}.copyright .underlight:before{content:"";position:absolute;height:40%;bottom:0;left:0;right:0;background:var(--accent-color);z-index:-1}.footer .beian{margin-top:8px;padding-top:8px;text-align:center;font-size:13px;color:color-mix(in srgb,var(--default-color),transparent 10%)}.footer .beian a{color:inherit;text-decoration:underline;margin-left:4px}.footer .beian a:hover{color:var(--accent-color)}.scroll-top{position:fixed;visibility:hidden;opacity:0;right:15px;bottom:-15px;z-index:99999;background-color:var(--accent-color);width:44px;height:44px;border-radius:50px;transition:all .4s}.scroll-top i{font-size:24px;color:var(--default-color);line-height:0}.scroll-top:hover{background-color:color-mix(in srgb,var(--accent-color),transparent 20%)}.scroll-top.active{visibility:visible;opacity:1;bottom:15px}#preloader{display:flex;position:fixed;inset:0;width:100%;height:100vh;z-index:99999}#preloader:before,#preloader:after{content:"";background-color:#000;position:absolute;inset:0;width:50%;height:100%;transition:all .3s ease 0s;z-index:-1}#preloader:after{left:auto;right:0}#preloader .line{position:relative;overflow:hidden;margin:auto;width:1px;height:280px;transition:all .8s ease 0s}#preloader .line:before{content:"";position:absolute;background-color:#fff;left:0;top:50%;width:1px;height:0%;transform:translateY(-50%);animation:lineincrease 1s ease-in-out 0s forwards}#preloader .line:after{content:"";position:absolute;background-color:color-mix(in srgb,var(--default-color),transparent 95%);left:0;top:0;width:1px;height:100%;transform:translateY(-100%);animation:linemove 1.2s linear 0s infinite;animation-delay:2s}#preloader.loaded .line{opacity:0;height:100%!important}#preloader.loaded .line:after{opacity:0}#preloader.loaded:before,#preloader.loaded:after{animation:preloaderfinish .3s ease-in-out .5s forwards}@keyframes preloaderfinish{0%{width:5 0%}to{width:0%}}@keyframes linemove{0%{transform:translateY(200%)}to{transform:translateY(-100%)}}@keyframes lineincrease{0%{height:0%}to{height:100%}}