body.loaded{overflow:hidden!important;height:100%!important}.preloader{position:fixed;z-index:10;height:100vh;width:100%;left:0;top:0;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:transparent;z-index:99999999999999}.preloader svg{position:absolute;top:0;width:100vw;height:110vh;fill:var(--tj-black-2)}.preloader .preloader-heading .load-text{font-size:50px;font-weight:200;letter-spacing:15px;text-transform:uppercase;z-index:20}@media (max-width: 768px){.preloader .preloader-heading .load-text{font-size:18px}}.load-text span{-webkit-animation:loading 1s infinite alternate;animation:loading 1s infinite alternate}.load-text span:nth-child(1){-webkit-animation-delay:0s;animation-delay:0s}.load-text span:nth-child(2){-webkit-animation-delay:.1s;animation-delay:.1s}.load-text span:nth-child(3){-webkit-animation-delay:.2s;animation-delay:.2s}.load-text span:nth-child(4){-webkit-animation-delay:.3s;animation-delay:.3s}.load-text span:nth-child(5){-webkit-animation-delay:.4s;animation-delay:.4s}.load-text span:nth-child(6){-webkit-animation-delay:.5s;animation-delay:.5s}.load-text span:nth-child(7){-webkit-animation-delay:.6s;animation-delay:.6s}@-webkit-keyframes loading{0%{opacity:1}to{opacity:0}}@keyframes loading{0%{opacity:1}to{opacity:0}}.light-mode .hero-section{background:var(--tj-white)}.light-mode .hero-image-box img{border:2px solid var(--tj-off-white)}.light-mode .hero-image-box img:hover{border:2px solid var(--tj-theme-primary)}.light-mode .tj-header-area .header-info-list ul li a{color:var(--tj-theme-secondary)}.light-mode.inner-page .tj-header-area .header-info-list ul li a{color:var(--tj-white)}.light-mode.inner-page .tj-header-area.header-sticky .header-info-list ul li a{color:var(--tj-theme-secondary)}.light-mode.inner-page .tj-header-area.header-sticky .header-info-list ul li a:hover,.light-mode .tj-header-area .header-info-list ul li a:hover{color:var(--tj-theme-primary)}.light-mode .hero-sub-title{color:var(--tj-theme-secondary)}.light-mode .hero-title,.light-mode .about-area .about-left-content .title{background:var(--tj-theme-primary);background:-webkit-gradient(linear,left top,right top,from(var(--tj-theme-primary)),to(var(--tj-theme-secondary)));background:-o-linear-gradient(left,var(--tj-theme-primary) 0%,var(--tj-theme-secondary) 100%);background:linear-gradient(to right,var(--tj-theme-primary) 0%,var(--tj-theme-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.light-mode .tj-header-area .header-menu ul li a{color:var(--tj-theme-secondary)}.light-mode.inner-page .tj-header-area .header-menu ul li a{color:var(--tj-white)}.light-mode.inner-page .tj-header-area.header-sticky .header-menu ul li a{color:var(--tj-theme-secondary)}.light-mode .hero-section .intro_text svg text.animate-stroke{opacity:.2}.light-mode .hero-section .intro_text svg text{stroke:var(--tj-theme-primary)}.light-mode .funfact-item{color:var(--tj-theme-primary)}.hero-section-image{position:absolute;left:50%;bottom:0;transform:translate(-7%);height:740px;width:650px;object-fit:cover;object-position:top;filter:drop-shadow(0 0 80px rgba(135,80,247,.2));animation:hero-section-image 10s 1s ease-in-out infinite}@media (max-width: 1200px){.hero-section-image{height:600px;width:500px;bottom:-20px;transform:translate(3%)}}@media (max-width: 768px){.hero-section-image{display:none}}.hero-section-cell{opacity:.4;z-index:-1;filter:invert(100%);background:url(https://zelio-html-demo.vercel.app/assets/imgs/hero/hero-1/background.png);animation:hero-section-cell 100s 1s ease-in-out;transform:scale(1);transform-origin:center}@media (max-width: 768px){.hero-sub-title,.hero-title,.lead{text-align:center}}@media (max-width: 768px){.hero-section .btn{width:100%;text-align:center;justify-content:center}}@media (max-width: 768px){.hero-section .social-icons{margin:0 auto}}@media (max-width: 768px){.hero-section .lead{padding:10px 0 20px}}@keyframes hero-section-image{0%{filter:drop-shadow(0 0 10px rgba(135,80,247,0))}50%{filter:drop-shadow(0 0 80px rgba(135,80,247,.2))}to{filter:drop-shadow(0 0 10px rgba(135,80,247,0))}}@keyframes hero-section-cell{0%{transform:scale(1)}50%{transform:scale(2)}to{transform:scale(1)}}
