* {
    padding: 0;
    margin: 0;
    outline: 0;
    border: 0;
    box-sizing: border-box;
}
html {
    scroll-behavior: smooth;
}
body {
    position: relative;
    display: block;
    font-weight: 500;
    font-size: 14px;
    font-family: "Rajdhani", sans-serif;
    font-style: normal;
    background-color: #161620;
    color: #fff;
    letter-spacing: -.03em;
    overflow: hidden;
}
html {
    height: auto;
    overflow: auto;
}
a {
    text-decoration: none;
    color: #fff;
}
li {
    list-style: none;
}
img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    position: relative;
    vertical-align: middle;
}
em {
    font-style: normal;
}
button {
    font-size: 14px;
    cursor: pointer;
    font-family: "Rajdhani", sans-serif;
}
#demonote { display: none !important;}
img[src*="https://cdn.000webhost.com/000webhost/logo/footer-powered-by-000webhost-white2.png"] {
    display: none !important;}
.elementor--hero {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 100vh;
}
.elementor--container {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    transition: .4s all ease;
}
.elementor--video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: .4s all ease;
    overflow: hidden;
}
.elementor--video video {
    width: 100%;
}
.elementor--video video {
    object-fit: cover;
}
.elementor--video video {
    filter: grayscale(100%);
    opacity: .5;
}
.elementor--bg-highlight:after {
    background-image: radial-gradient(992px circle at 50% -15%,#fff,transparent);
    content: "";
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-repeat: no-repeat;
    background-position: 50% 0;
}
.elementor--bg-highlight:before {
    background-image: radial-gradient(768px circle at 50% -10%,#fff,transparent);
    content: "";
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-repeat: no-repeat;
    background-position: 50% 0;
}
.elementor--bg-highlight {
    position: fixed;
    mix-blend-mode: overlay;
    background-image: radial-gradient(576px circle at 50% -5%,#fff,transparent);
    display: block;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-repeat: no-repeat;
    background-position: 50% 0;
}
.elementor--row {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 100px;
}
.elementor--countdown {
    position: relative;
    z-index: 999;
    transition: .4s all ease;
}
.elementor--countdown ul li span {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 42px;
    font-weight: 600;
}
.elementor--countdown ul li {
    font-size: 18px;
    font-family: 'Rajdhani';
    text-transform: uppercase;
    display: block;
}
.elementor--countdown ul {
    display: flex;
    align-items: center;
    text-align: center;
    position: relative;
    transition: .4s all ease;
}
.elementor--countdown ul li span {
    clip-path: polygon(0 0,100% 0,100% 65%,85% 100%,0 100%);
    border-radius: 17px;
}
.elementor--countdown ul li span {
    background: #fff;
    width: 80px;
    height: 80px;
    color: #000;
}
.elementor--countdown ul {
    gap: 20px;
}
.elementor--countdown ul li span {
    border-bottom-right-radius: 21px;
}
.elementor--countdown ul li {
    display: grid;
    grid-template-columns: 1fr;
    gap: 15px;
    text-align: center;
    justify-content: center;
    align-items: center;
    position: relative;
    transition: .4s all ease;
}
.elementor-page-decor {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 40%;
    z-index: 9;
}
.elementor-page-decor__layer-1 {
    opacity: 1;
    transition: all .8s cubic-bezier(.86,0,.07,1);
    display: block;
    position: absolute;
    left: 53%;
    bottom: 0;
    background-color: #487500;
    background-image: linear-gradient(#73bb00,#1d3000);
    width: 49%;
    height: 73%;
    transform: skew(-20deg) translateX(-50%);
    overflow: hidden;
}
.elementor-page-decor__layer-1:before {
    content: "";
    display: block;
    position: absolute;
    right: 9%;
    top: 0;
    width: 91%;
    bottom: 0;
    background-color: rgba(0,0,0,.2);
    mix-blend-mode: overlay;
}
.elementor-page-decor__layer-bg {
    top: -20%;
    right: -60%;
    transform: skew(20deg);
    background-repeat: no-repeat;
    background-position: 50% 0;
    mix-blend-mode: overlay;
    bottom: 0;
    left: 0;
    position: absolute;
    display: block;
}
.elementor-page-decor__layer-2 {
    opacity: 1;
    transition: all .8s cubic-bezier(.86,0,.07,1);
    display: block;
    position: absolute;
    left: 43%;
    bottom: 0;
    background-color: #7dcd00;
    background-image: linear-gradient(#a0e700,#29a000);
    width: 49%;
    height: 65%;
    transform: skew(-20deg) translateX(-50%);
    overflow: hidden;
}
.elementor-page-decor__layer-2:before {
    content: "";
    display: block;
    position: absolute;
    left: 11%;
    top: 0;
    width: 89%;
    bottom: 0;
    background-color: rgba(0,0,0,.2);
    mix-blend-mode: overlay;
}
.elementor-page-decor__layer-3 {
    opacity: 1;
    transition: all .8s cubic-bezier(.86,0,.07,1);
    transition-delay: .15s;
    display: block;
    position: absolute;
    left: 55%;
    bottom: 0;
    background-color: #85da00;
    background-image: linear-gradient(#e7f800,#24bd00);
    width: 42%;
    height: 100%;
    transform: skew(-20deg) translateX(-50%);
    overflow: hidden;
}
.elementor-page-decor__layer-3:before {
    content: "";
    display: block;
    position: absolute;
    right: 50%;
    top: 0;
    width: 50%;
    bottom: 0;
    background-color: hsla(0,0%,100%,.4);
    mix-blend-mode: overlay;
}
.elementor-page-decor__layer-3:after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 0;
    width: 2px;
    height: 25%;
    background-color: #f3ff38;
}
.elementor-page-decor__layer-4 {
    left: 89%;
    top: 4%;
    opacity: 1;
    display: block;
    position: absolute;
    width: 2px;
    height: 42%;
    background-color: #f3ff38;
    transform: skew(-20deg) translateX(-50%);
    transition: all .8s cubic-bezier(.86,0,.07,1);
    transition-delay: .15s;
}
.elementor-page-decor__layer-5 {
    left: 11%;
    bottom: 0;
    display: block;
    position: absolute;
    width: 2px;
    height: 42%;
    background-color: #f3ff38;
    transform: skew(-20deg) translateX(-50%);
    transition: all .8s cubic-bezier(.86,0,.07,1);
    opacity: 1;
    transition-delay: .15s;
}
.elementor-page-decor__layer-6 {
    clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
    opacity: 1;
    position: absolute;
    overflow: hidden;
    right: 0;
    bottom: 13%;
    width: 58%;
    height: 120px;
    background-color: transparent;
    background-image: radial-gradient(#fff 1px,transparent 0);
    background-position: 0 0;
    background-size: 32px 32px;
    mix-blend-mode: overlay;
    transition: clip-path 2s ease-in-out,-webkit-clip-path 2s ease-in-out;
}
.elementor--hexagon {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 311px;
    height: 480px;
    background-repeat: no-repeat;
    background-position: center;
}
.elementor--hero-info {
    text-align: left;
    position: relative;
    z-index: 999;
}
.elementor-hero-title {
    font-size: 6.375rem;
    letter-spacing: -.06em;
    margin-bottom: 1.125rem;
    font-family: Rajdhani,sans-serif;
    font-weight: 700;
    line-height: .875;
    text-transform: uppercase;
    position: relative;
    transition: .4s all ease;
}
.elementor-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    transition: .4s all ease;
    font-weight: 700;
    font-family: Rajdhani,sans-serif;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
    font-size: 1rem;
    box-shadow: 0 0 40px 2px rgba(163,255,18,.2);
    margin-top: 24px;
    overflow: hidden;
    padding: 1.1875rem 2.75rem;
    background: #a3ff12;
    color: #222430;
    height: 54px;
}
.elementor--countdown {
    margin-bottom: 3.125rem;
    display: block;
}
.elementor--hero-avatar {
    position: absolute;
    bottom: -40px;
    right: -58%;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: contain;
    z-index: 99;
    display: none;
}
.elementor--video video {
    height: 100%;
}
.elementor-btn span {
    position: relative;
    transition: .4s all ease;
    z-index: 9;
}
.elementor-btn:before {
    content: '';
    background: #161620;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50%;
    transform: translate(0px, 50px);
    opacity: 0;
    visibility: hidden;
    transition: .4s all ease;
}
.elementor-btn:hover:before {
    opacity: 1;
    visibility: visible;
    height: 100%;
    transform: translate(0);
}
.elementor-btn:hover {
    color: #fff;
    box-shadow: none;
}
.elementor-btn {
    clip-path: polygon(0 0,100% 0,100% 65%,85% 100%,0 100%);
}
.elementor-hero-title p {
    font-size: 20px;
    letter-spacing: -.03em;
    color: #a3ff12;
    margin-bottom: 0.5rem;
}
.elementor--footer {
    position: absolute;
    bottom: 0;
    left: 0;
    transition: .4s all ease;
    z-index: 9;
    width: 100%;
}
.elementor--footer ul {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    transition: .4s all ease;
}
.elementor--footer ul a {
    width: 50px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: relative;
    transition: .4s all ease;
}
.elementor--footer ul a:before {
    background: #161620;
    clip-path: polygon(0 0,100% 0,100% 65%,85% 100%,0 100%);
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    z-index: -1;
    transform: translate(0px, 50px) rotate(180deg);
    border-bottom-right-radius: 15px;
}
.elementor--footer ul {
    gap: 1px;
}
.elementor--footer ul a:before {
    opacity: 0;
    visibility: hidden;
    transition: .4s all ease;
}
.elementor--footer ul a:hover:before {
    opacity: 1;
    visibility: visible;
    transform: translate(0px, 0px) rotate(180deg);
    height: 100%;
}
.elementor--footer ul a:hover {
    color: #a3ff12;
}
.elementor-preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: .4s all ease;
    background: #161620;
}
#elementor-loader {
    width: 100%;
    height: 100%;
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    outline-offset: -7px;
  padding-right: 8px;
  white-space: pre;
  gap: 12px;
  overflow: hidden;

}
#elementor-preloader {
    position: fixed;
    z-index: 999999;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
#elementor-preloader {
    background: #161620;
}
#elementor-loader {
    font-size: 40px;
}
#elementor-loader>div {
    display: grid;
    grid-template-columns: 1fr;
    text-align: center;
}
#elementor-loader>div span {
    font-size: 1.25rem;
    font-weight: 500;
    letter-spacing: -.03em;
    color: #a3ff12;
}
#elementor-loader>div p {
    font-size: 6.375rem;
    font-family: Rajdhani,sans-serif;
    font-weight: 700;
    line-height: .875;
    text-transform: uppercase;
}
#elementor-loader>div span {
    text-transform: uppercase;
}
.cursor {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    border: 1px solid #a3ff12;
    transition: all 200ms ease-out;
    position: fixed;
    pointer-events: none;
    left: 0;
    top: 0;
    transform: translate(calc(-50% + 15px), -50%);
    z-index: 999999999999;
}
.cursor2 {
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background-color: #a3ff12;
    /* opacity: .3; */
    position: fixed;
    transform: translate(-50%, -50%);
    pointer-events: none;
    transition: width .3s, height .3s, opacity .3s;
    z-index: 9999999999999;
}
.elementor--header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    transition: .4s all ease;
    height: 80px;
}
.elementor--col {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    transition: .4s all ease;
}
.elementor--menu-list {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: relative;
    transition: .4s all ease;
}
.elementor--logo-title {
    font-size: 25px;
    position: relative;
    transition: .4s all ease;
}
.elementor--col {
    gap: 30px;
}
.elementor--menu-link:hover {
    color: #a3ff12;
}
.elementor--menu-link {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: relative;
    transition: .4s all ease;
    line-height: 80px;
    padding: 0px 20px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 15px;
}
.elementor--menu-item:hover .elementor--submenu {
    opacity: 1;
    visibility: visible;
    transform: translate(0);
}

.elementor--submenu p {
    display: flex;
    align-items: center;
    position: relative;
    transition: .4s all ease;
    height: 50px;
    padding: 0px 20px;
    border-bottom: 1px;
    border-style: solid;
    border-color: #ffffff05;
    text-transform: uppercase;
    font-size: 18px;
}
.elementor--submenu a:hover {
    color: #a3ff12;
}
.elementor--submenu a {
    display: flex;
    align-items: center;
    position: relative;
    transition: .4s all ease;
    height: 40px;
    padding: 0px 20px;
    border-bottom: 1px;
    border-style: solid;
    border-color: #ffffff05;
    text-transform: uppercase;
    font-weight: 600;
}
.elementor--menu-item {
    position: relative;
}
.elementor--submenu {
    position: absolute;
    left: 0;
    width: 280px;
    background: #161620;
    top: 100%;
    text-align: left;
    transform: translate(0px, 30px);
    opacity: 0;
    visibility: hidden;
    transition: transform .4s, opacity .5s, visibility .4s;
}
.elementor--menu-mobile {
    display: none;
    align-items: center;
    justify-content: center;
    text-align: center;
    transition: .4s all ease;
    background: 0;
    font-size: 20px;
    color: #fff;
    cursor: pointer;
    width: 40px;
    height: 40px;
}
.elementor--contact {
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 99999999;
}
.elementor--contact-form {
    display: grid;
    align-items: center;
    justify-content: center;
    position: relative;
    transition: .4s all ease;
    grid-template-columns: 1fr;
    gap: 15px;
}
.elementor--contact-form textarea {
    height: 116px;
    display: flex;
    border: 1px;
    border-style: solid;
    border-color: #dfe0e5;
    border-radius: 15px;
    padding: 20px;
}
.elementor--contact-form input {
    width: 360px;
    display: flex;
    align-items: center;
    height: 50px;
    position: relative;
    transition: .4s all ease;
    padding: 0px 20px;
    border: 1px;
    border-style: solid;
    border-color: #dfe0e5;
    border-radius: 50px;
}
.elementor--contact-title {
    font-size: 2rem;
    font-family: "Rajdhani", sans-serif;
    font-style: normal;
    color: #161620;
    letter-spacing: -.06em;
    margin-bottom: 1.125rem;
    font-weight: 700;
    line-height: .875;
    text-transform: uppercase;
    position: relative;
    transition: .4s all ease;
}
.btn-secondary:hover {
    color: #222430;
    background-color: #a3ff12;
    border-color: #a3ff12;
}
.btn-secondary {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #545b62;
    border: 1px;
    border-style: solid;
    border-color: #545b62;
    height: 40px;
    color: #fff;
    font-weight: 700;
    font-family: Rajdhani,sans-serif;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
    vertical-align: middle;
    transition: .4s all ease;
}
.elementor--contact {
    opacity: 0;
    visibility: hidden;
    transition: .4s all ease;
}
.elementor--contact.active {
    opacity: 1;
    visibility: visible;
}
.elementor--contact-close:hover {
    color: #161620;
    border-color: #161620;
}
.elementor--contact-close {
    position: absolute;
    top: 40px;
    left: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 50px;
    height: 50px;
    background: 0;
    border-radius: 50px;
    font-size: 20px;
    cursor: pointer;
    transition: .4s all ease;
    border: 2px;
    border-style: solid;
    border-color: #dfe0e5;
    color: #dfe0e5;
}
.elementor--menu .elementor--menu-mobile {display: none;}
.elementor--menu .elementor--menu-mobile:hover {
    color: #161620;
    border-color: #161620;
}
.elementor--menu .elementor--menu-mobile {
    position: absolute;
    top: 40px;
    left: 40px;
    border: 2px;
    border-style: solid;
    border-color: #dfe0e5;
    color: #dfe0e5;
    width: 50px;
    height: 50px;
    border-radius: 50px;
}
.elementor--menu-list:last-child a {
    gap: 15px;
}
.elementor--menu-link span {
    display: flex;
    position: relative;
    top: -3px;
}
.elementor--menu-link span em {
    display: flex;
    align-items: center;
    width: 3px;
    height: 3px;
    background: #a3ff12;
}
.elementor--menu-link span em:nth-child(2) {
    bottom: -3px;
    position: relative;
}