@import"https: //fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";body {
    font-family: Inter,sans-serif
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

:root {
    --tg-body-font-family: "Inter", serif;
    --tg-heading-font-family: "Inter", serif;
    --tg-icon-font-family: "Font Awesome 5 Free";
    --tg-body-font-size: 16px;
    --tg-body-line-height: 1.62;
    --tg-heading-line-height: 1.2;
    --tg-body-color: #9E9E9E;
    --tg-heading-color: #ffffff;
    --tg-theme-primary: #4b59f5;
    --tg-theme-secondary: #0bf;
    --tg-color-white-default: #ffffff;
    --tg-color-blue-default: #EAC14C;
    --tg-color-blue-default-2: #EAC14C;
    --tg-color-dark-blue: #000000;
    --tg-color-light-blue: #3e4af1;
    --tg-color-gray-1: #777;
    --tg-color-dark: #0C0C0C;
    --tg-color-dark-2: #000000;
    --tg-color-dark-3: #262626;
    --tg-border-1: #363636;
    --tg-fw-extra-bold: 800;
    --tg-fw-bold: 700;
    --tg-fw-semi-bold: 600;
    --tg-fw-medium: 500;
    --tg-fw-regular: 400;
    --tg-fw-light: 300
}

body {
    font-family: var(--tg-body-font-family);
    font-size: var(--tg-body-font-size);
    font-weight: var(--tg-fw-regular);
    color: var(--tg-body-color);
    line-height: var(--tg-body-line-height);
    background: var(--tg-color-dark)
}

img,.img {
    max-width: 100%;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s
}

a,button {
    color: var(--tg-theme-primary);
    outline: none;
    text-decoration: none;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s
}

a:focus,.btn:focus,.button:focus {
    text-decoration: none;
    outline: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none
}

a:hover,button:hover {
    color: var(--tg-theme-primary);
    text-decoration: none
}

button:focus,input:focus,textarea,textarea:focus {
    outline: 0
}

h1,h2,h3,h4,h5,h6 {
    font-family: var(--tg-heading-font-family);
    color: var(--tg-heading-color);
    margin-top: 0;
    font-weight: var(--tg-fw-semi-bold);
    line-height: var(--tg-heading-line-height);
    text-transform: unset
}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
    color: inherit
}

h1 {
    font-size: 2.5rem
}

h2 {
    font-size: 2rem
}

h3 {
    font-size: 1.75rem
}

h4 {
    font-size: 1.5rem
}

h5 {
    font-size: 1.25rem
}

h6 {
    font-size: 1rem
}

.list-wrap {
    margin: 0;
    padding: 0
}

.list-wrap li {
    list-style: none
}

p {
    margin-bottom: 15px
}

hr {
    border-bottom: 1px solid var(--tg-common-color-gray);
    border-top: 0 none;
    margin: 30px 0;
    padding: 0
}

label {
    color: var(--tg-heading-color);
    cursor: pointer;
    font-size: var(--tg-body-font-size);
    font-weight: var(--tg-fw-regular)
}

input[type=color] {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: none;
    border: 0;
    cursor: pointer;
    height: 100%;
    width: 100%;
    padding: 0;
    border-radius: 50%
}

*::-moz-selection {
    background: var(--tg-theme-primary);
    color: var(--tg-color-white-default);
    text-shadow: none
}

::-moz-selection {
    background: var(--tg-theme-primary);
    color: var(--tg-color-white-default);
    text-shadow: none
}

::selection {
    background: var(--tg-theme-primary);
    color: var(--tg-color-white-default);
    text-shadow: none
}

input,textarea {
    color: var(--tg-body-color)
}

*::-moz-placeholder {
    color: var(--tg-body-color);
    font-size: var(--tg-body-font-size);
    opacity: 1
}

*::placeholder {
    color: var(--tg-body-color);
    font-size: var(--tg-body-font-size);
    opacity: 1
}

.fix {
    overflow: hidden
}

.clear {
    clear: both
}

.section-py-120 {
    padding: 120px 0
}

@media (max-width: 991.98px) {
    .section-py-120 {
        padding:100px 0
    }
}

.section-pb-120 {
    padding-bottom: 120px
}

@media (max-width: 991.98px) {
    .section-pb-120 {
        padding-bottom:100px
    }
}

.container {
    padding-left: 15px;
    padding-right: 15px
}

.row {
    --bs-gutter-x: 30px
}

.gutter-y-30 {
    --bs-gutter-y: 30px
}

.gx-0 {
    --bs-gutter-x: 0
}

.gutter-20 {
    --bs-gutter-x: 20px
}

.gutter-24 {
    --bs-gutter-x: 24px
}

.gutter-40 {
    --bs-gutter-x: 40px
}

@media (max-width: 1199.98px) {
    .gutter-40 {
        --bs-gutter-x: 24px
    }
}

.gutter-50 {
    --bs-gutter-x: 50px
}

@media (max-width: 1199.98px) {
    .gutter-50 {
        --bs-gutter-x: 24px
    }
}

.container {
    max-width: 1330px
}

@media (max-width: 1500px) {
    .container {
        max-width:1330px
    }
}

@media (max-width: 1199.98px) {
    .container {
        max-width:960px
    }
}

@media (max-width: 991.98px) {
    .container {
        max-width:720px
    }
}

@media (max-width: 767.98px) {
    .container {
        max-width:100%
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .container {
        max-width:540px
    }
}

.custom-container {
    max-width: 1750px
}

@media (max-width: 1800px) {
    .custom-container {
        max-width:1680px
    }
}

@media (max-width: 1500px) {
    .custom-container {
        max-width:1320px
    }
}

@media (max-width: 1199.98px) {
    .custom-container {
        max-width:960px
    }
}

@media (max-width: 991.98px) {
    .custom-container {
        max-width:720px
    }
}

@media (max-width: 767.98px) {
    .custom-container {
        max-width:100%
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .custom-container {
        max-width:540px
    }
}

.custom-container-two {
    max-width: 1900px
}

@media (max-width: 1800px) {
    .custom-container-two {
        max-width:1680px
    }
}

@media (max-width: 1500px) {
    .custom-container-two {
        max-width:1320px
    }
}

@media (max-width: 1199.98px) {
    .custom-container-two {
        max-width:960px
    }
}

@media (max-width: 991.98px) {
    .custom-container-two {
        max-width:720px
    }
}

@media (max-width: 767.98px) {
    .custom-container-two {
        max-width:100%
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .custom-container-two {
        max-width:540px
    }
}

.custom-container-three {
    max-width: 1530px
}

@media (max-width: 1800px) {
    .custom-container-three {
        max-width:1530px
    }
}

@media (max-width: 1500px) {
    .custom-container-three {
        max-width:1320px
    }
}

@media (max-width: 1199.98px) {
    .custom-container-three {
        max-width:960px
    }
}

@media (max-width: 991.98px) {
    .custom-container-three {
        max-width:720px
    }
}

@media (max-width: 767.98px) {
    .custom-container-three {
        max-width:100%
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .custom-container-three {
        max-width:540px
    }
}

.include-bg {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.tg-button-wrap {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.tg-btn {
    -webkit-user-select: none;
    user-select: none;
    -moz-user-select: none;
    box-shadow: 0 -14px 48px #28336fb0,0 16px 24px #00000040;
    background: linear-gradient(180deg,var(--tg-color-blue-default-2) 0%,var(--tg-color-dark-blue) 100%);
    color: var(--tg-color-white-default);
    cursor: pointer;
    font-size: 16px;
    font-weight: var(--tg-fw-semi-bold);
    letter-spacing: -.02em;
    line-height: 1;
    margin-bottom: 0;
    text-align: center;
    text-transform: uppercase;
    touch-action: manipulation;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    vertical-align: middle;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -o-border-radius: 16px;
    -ms-border-radius: 16px;
    border-radius: 16px;
    white-space: nowrap;
    overflow: hidden;
    padding: 2px;
    border: none;
    position: relative;
    height: 60px;
    display: inline-flex
}

.tg-btn .right_arrow {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.tg-btn span {
    background: linear-gradient(180deg,var(--tg-color-blue-default) 0%,var(--tg-color-dark-blue) 100%);
    padding: 7px 16px 7px 12px;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    -o-border-radius: 14px;
    -ms-border-radius: 14px;
    border-radius: 14px;
    gap: 20px;
    display: inline-flex;
    align-items: center
}

.tg-btn:hover,.tg-btn:focus-visible {
    color: var(--tg-color-white-default);
    transform: translateY(-3px);
    box-shadow: none
}

.tg-btn-two {
    background: #fff3
}

.tg-btn-two span {
    background: var(--tg-color-dark-2)
}

#preloader {
    background-color: var(--tg-color-dark);
    height: 100%;
    width: 100%;
    position: fixed;
    margin-top: 0;
    top: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center
}

#preloader .loader {
    width: 60px;
    display: flex;
    align-items: flex-start;
    aspect-ratio: 1
}

#preloader .loader:before,#preloader .loader:after {
    content: "";
    flex: 1;
    aspect-ratio: 1;
    --g: conic-gradient(from -90deg at 10px 10px, #4b59f5 90deg, #0000 0);
    background: var(--g),var(--g),var(--g);
    filter: drop-shadow(30px 30px 0 #4b59f5);
    animation: l20 1s infinite
}

#preloader .loader:after {
    transform: scaleX(-1)
}

@keyframes l20 {
    0% {
        background-position: 0 0,10px 10px,20px 20px
    }

    33% {
        background-position: 10px 10px
    }

    66% {
        background-position: 0 20px,10px 10px,20px 0
    }

    to {
        background-position: 0 0,10px 10px,20px 20px
    }
}

.grey-bg {
    background: var(--tg-color-gray-4)
}

.grey-bg-two {
    background: var(--tg-color-gray-2)
}

.grey-bg-three {
    background: var(--tg-border-5)
}

.white-bg {
    background: var(--tg-color-white-default)
}

.black-bg {
    background: var(--tg-common-color-black)
}

.offCanvas-toggle {
    position: relative;
    margin-right: 40px;
    padding-right: 40px
}

@media (max-width: 991.98px) {
    .offCanvas-toggle {
        margin-right:25px;
        padding-right: 25px
    }
}

@media (max-width: 767.98px) {
    .offCanvas-toggle {
        display:none
    }
}

.offCanvas-toggle:before {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 60px;
    background: var(--tg-border-1)
}

.offCanvas-toggle .menu-tigger {
    color: var(--tg-heading-color)
}

.offCanvas-toggle .menu-tigger:hover {
    color: var(--tg-theme-primary)
}

.offCanvas-toggle-two {
    margin-right: 0;
    padding-right: 0;
    padding-left: 40px
}

.offCanvas-toggle-two:before {
    right: auto;
    left: 0;
    height: 104px
}

.offCanvas__info {
    background: var(--tg-color-white-default) none repeat scroll 0 0;
    height: 100%;
    padding: 30px;
    position: fixed;
    right: 0;
    top: 0;
    transition: all .3s cubic-bezier(.785,.135,.15,.86);
    -moz-transition: all .3s cubic-bezier(.785,.135,.15,.86);
    -webkit-transition: all .3s cubic-bezier(.785,.135,.15,.86);
    -ms-transition: all .3s cubic-bezier(.785,.135,.15,.86);
    -o-transition: all .3s cubic-bezier(.785,.135,.15,.86);
    width: 340px;
    z-index: 999;
    overflow-y: scroll;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translate(100%)
}

.offCanvas__info.active {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translate(0)
}

.offCanvas__info::-webkit-scrollbar {
    width: 0px
}

.offCanvas__close-icon {
    margin-top: -16px;
    text-align: right
}

.offCanvas__close-icon button {
    background: transparent;
    border: 0 none;
    color: var(--tg-theme-primary);
    cursor: pointer;
    font-size: 20px;
    padding: 0
}

.offCanvas__logo img {
    max-height: 34px
}

.offCanvas__side-info {
    border-top: 1px solid var(--tg-theme-primary);
    padding-top: 25px
}

.offCanvas__side-info .contact-list h4 {
    color: var(--tg-heading-color);
    font-weight: 700;
    font-size: 18px
}

.offCanvas__side-info .contact-list p {
    color: var(--tg-body-color);
    margin: 0 0 2px;
    line-height: 26px
}

.offCanvas__social-icon a {
    color: var(--tg-theme-primary);
    display: inline-block;
    margin-right: 20px;
    text-align: center
}

.offCanvas__social-icon a:hover {
    color: var(--tg-theme-secondary)
}

.offCanvas__overly {
    position: fixed;
    background: #000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s
}

.offCanvas__overly.active {
    opacity: .7;
    visibility: visible
}

.breadcrumb__area {
    position: relative;
    z-index: 1;
    padding: 240px 0 150px
}

@media (max-width: 1199.98px) {
    .breadcrumb__area {
        padding:180px 0 120px
    }
}

@media (max-width: 991.98px) {
    .breadcrumb__area {
        padding:160px 0 100px
    }
}

@media (max-width: 767.98px) {
    .breadcrumb__area {
        padding:150px 0 100px
    }
}

.breadcrumb__bg {
    background-size: cover;
    background-position: center;
    position: absolute;
    left: 0;
    top: 85px;
    z-index: -1;
    width: 100%;
    height: 620px
}

.breadcrumb__content .sub-title {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    gap: 20px;
    line-height: 1;
    margin-bottom: 15px;
    color: var(--tg-color-white-default);
    font-weight: 600
}

.breadcrumb__content .sub-title svg {
    color: var(--tg-theme-primary)
}

.breadcrumb__content .title {
    margin-bottom: 0;
    font-size: 64px;
    font-weight: 600;
    letter-spacing: -.02em
}

@media (max-width: 1199.98px) {
    .breadcrumb__content .title {
        font-size:55px
    }
}

@media (max-width: 991.98px) {
    .breadcrumb__content .title {
        font-size:50px
    }
}

@media (max-width: 767.98px) {
    .breadcrumb__content .title {
        font-size:40px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .breadcrumb__content .title {
        font-size:44px
    }
}

.scroll__top {
    width: 40px;
    height: 40px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    position: fixed;
    bottom: -10%;
    right: 50px;
    font-size: 14px;
    border-radius: 50%;
    z-index: 99;
    color: var(--tg-heading-color);
    text-align: center;
    cursor: pointer;
    background: linear-gradient(180deg,var(--tg-color-blue-default) 0%,var(--tg-color-dark-blue) 100%);
    transition: 1s ease;
    border: none
}

@media (max-width: 1199.98px) {
    .scroll__top {
        right:25px;
        bottom: 25px
    }
}

@media (max-width: 991.98px) {
    .scroll__top {
        right:30px
    }
}

@media (max-width: 767.98px) {
    .scroll__top {
        right:15px;
        width: 35px;
        height: 35px;
        font-size: 14px
    }
}

.scroll__top.open {
    bottom: 30px
}

@media (max-width: 767.98px) {
    .scroll__top.open {
        bottom:15px
    }
}

.scroll__top:after {
    position: absolute;
    z-index: -1;
    content: "";
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 1;
    background: radial-gradient(ellipse at center,#00000040,#0000 80%)
}

.scroll__top:hover {
    color: var(--tg-color-white-default)
}

.section__title .sub-title {
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: -.02em;
    display: inline-flex;
    align-items: center;
    font-size: 16px;
    font-weight: 600;
    gap: 15px;
    margin-bottom: 10px;
    color: var(--tg-color-white-default)
}

.section__title .sub-title svg {
    color: var(--tg-color-blue-default)
}

.section__title .sub-title.white-title svg {
    color: var(--tg-color-white-default)
}

.section__title .title {
    font-size: 48px;
    margin: 0;
    font-weight: 600;
    letter-spacing: -.02em
}

@media (max-width: 1500px) {
    .section__title .title {
        font-size:45px
    }
}

@media (max-width: 1199.98px) {
    .section__title .title {
        font-size:42px
    }
}

@media (max-width: 767.98px) {
    .section__title .title {
        font-size:36px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .section__title .title {
        font-size:36px
    }
}

@media (max-width: 991.98px) {
    .section__title.mb-70,.section__title.mb-60 {
        margin-bottom:40px
    }
}

.tgmobile__search {
    padding: 0 20px 25px 25px
}

.tgmobile__search form {
    position: relative
}

.tgmobile__search input {
    display: block;
    width: 100%;
    border: none;
    padding: 10px 45px 10px 20px;
    font-size: 15px;
    height: 45px;
    background: transparent;
    color: var(--tg-heading-color);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    border: 1px solid rgba(255,255,255,.1)
}

.tgmobile__search input::placeholder {
    font-size: 15px;
    color: var(--tg-body-color)
}

.tgmobile__search button {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    border: none;
    padding: 0;
    right: 20px;
    line-height: 1;
    background: transparent;
    color: var(--tg-heading-color)
}

.tgmobile__menu {
    position: fixed;
    right: 0;
    top: 0;
    width: 300px;
    padding-right: 30px;
    max-width: 100%;
    height: 100%;
    z-index: 99;
    border-radius: 0;
    transition: all .3s cubic-bezier(.785,.135,.15,.86);
    -moz-transition: all .3s cubic-bezier(.785,.135,.15,.86);
    -webkit-transition: all .3s cubic-bezier(.785,.135,.15,.86);
    -ms-transition: all .3s cubic-bezier(.785,.135,.15,.86) e;
    -o-transition: all .3s cubic-bezier(.785,.135,.15,.86);
    -webkit-transform: translateX(101%);
    -moz-transform: translateX(101%);
    -ms-transform: translateX(101%);
    -o-transform: translateX(101%);
    transform: translate(101%)
}

.tgmobile__menu .navbar-collapse {
    display: block!important
}

.tgmobile__menu .nav-logo {
    position: relative;
    padding: 30px 25px;
    text-align: left
}

.tgmobile__menu .nav-logo img {
    height: 40px
}

.tgmobile__menu .navigation {
    position: relative;
    display: block;
    width: 100%;
    float: none;
    margin: 0;
    padding: 0
}

.tgmobile__menu .navigation li {
    position: relative;
    display: block;
    border-top: 1px solid rgba(255,255,255,.1)
}

.tgmobile__menu .navigation li.active>a {
    color: var(--tg-theme-primary)
}

.tgmobile__menu .navigation li.menu-item-has-children .dropdown-btn {
    position: absolute;
    right: 20px;
    top: 6px;
    width: 32px;
    height: 32px;
    text-align: center;
    font-size: 16px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--tg-heading-color);
    background: var(--tg-theme-primary);
    cursor: pointer;
    border-radius: 5px;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    z-index: 5
}

.tgmobile__menu .navigation li.menu-item-has-children .dropdown-btn .plus-line {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%) rotate(0);
    -ms-transform: translate(-50%,-50%) rotate(0);
    transform: translate(-50%,-50%) rotate(0);
    border-radius: 10px;
    width: 12px;
    height: 2px;
    background-color: var(--tg-color-white-default);
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.tgmobile__menu .navigation li.menu-item-has-children .dropdown-btn .plus-line:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%) rotate(0);
    -ms-transform: translate(-50%,-50%) rotate(0);
    transform: translate(-50%,-50%) rotate(0);
    border-radius: 10px;
    width: 2px;
    height: 12px;
    background-color: var(--tg-color-white-default);
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.tgmobile__menu .navigation li.menu-item-has-children .dropdown-btn.open {
    background-color: var(--tg-theme-primary)
}

.tgmobile__menu .navigation li.menu-item-has-children .dropdown-btn.open .plus-line {
    background-color: var(--tg-color-white-default)
}

.tgmobile__menu .navigation li.menu-item-has-children .dropdown-btn.open .plus-line:after {
    display: none
}

.tgmobile__menu .navigation li>a {
    position: relative;
    display: block;
    padding: 10px 60px 10px 25px;
    font-size: 15px;
    font-weight: 600;
    color: var(--tg-heading-color);
    text-transform: uppercase;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    border: none;
    letter-spacing: 1px
}

.tgmobile__menu .navigation li>a:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 0;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    width: 2px;
    background: var(--tg-theme-primary);
    pointer-events: none
}

.tgmobile__menu .navigation li ul li>a {
    margin-left: 20px
}

.tgmobile__menu .navigation li ul li ul li a {
    margin-left: 40px
}

.tgmobile__menu .navigation li ul li ul li ul li a {
    margin-left: 60px
}

.tgmobile__menu .navigation li>ul {
    display: none
}

.tgmobile__menu .navigation li>ul>li>ul {
    display: none
}

.tgmobile__menu .navigation ul {
    padding: 0;
    margin: 0
}

.tgmobile__menu .navigation ul li a {
    display: block
}

.tgmobile__menu .navigation ul li ul li>a {
    font-size: 16px;
    margin-left: 20px;
    text-transform: capitalize
}

.tgmobile__menu .navigation:last-child {
    border-bottom: 1px solid rgba(255,255,255,.1)
}

.tgmobile__menu .navigation>li>ul>li:first-child {
    border-top: 1px solid rgba(255,255,255,.1)
}

.tgmobile__menu .navigation>li.active>a:before {
    height: 100%
}

.tgmobile__menu .close-btn {
    position: absolute;
    right: 15px;
    top: 28px;
    line-height: 30px;
    width: 35px;
    text-align: center;
    font-size: 14px;
    color: var(--tg-theme-primary);
    cursor: pointer;
    padding: 8px;
    z-index: 10;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.tgmobile__menu .close-btn i[class^=flaticon-]:before {
    font-weight: var(--tg-fw-bold)!important
}

.tgmobile__menu-backdrop {
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    transition: all .7s ease;
    -moz-transition: all .7s ease;
    -webkit-transition: all .7s ease;
    -ms-transition: all .7s ease;
    -o-transition: all .7s ease;
    opacity: 0;
    visibility: hidden;
    background: #00000080
}

.tgmobile__menu .social-links ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    position: relative;
    text-align: center;
    padding: 30px 20px 20px;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap
}

.tgmobile__menu .social-links ul li {
    position: relative;
    display: inline-block;
    margin: 0 6px 10px
}

.tgmobile__menu .social-links ul li a {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    position: relative;
    line-height: 32px;
    font-size: 16px;
    color: var(--tg-theme-primary);
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 5px
}

.tgmobile__menu .social-links ul li a:hover {
    border-color: var(--tg-theme-primary);
    background: var(--tg-theme-primary);
    color: var(--tg-color-white-default)
}

.tgmobile__menu .tgmenu__action {
    padding: 0;
    margin: 0
}

.tgmobile__menu .tgmenu__action>ul {
    margin: 0;
    padding: 30px 20px 0;
    justify-content: center;
    gap: 0 15px
}

.tgmobile__menu .tgmenu__action>ul li {
    margin: 0
}

.tgmobile__menu .tgmenu__action>ul .header-btn {
    display: block
}

.tgmobile__menu-box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    max-height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    background: var(--tg-color-dark);
    padding: 0;
    z-index: 5;
    box-shadow: -9px 0 14px #0000000f
}

.tgmobile__menu-outer .mobile-nav-toggler {
    position: relative;
    float: right;
    font-size: 40px;
    line-height: 50px;
    cursor: pointer;
    display: none;
    color: var(--tg-color-white-default);
    margin-right: 30px;
    top: 15px
}

.mobile-menu-visible {
    overflow: hidden
}

.mobile-menu-visible .tgmobile__menu {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translate(0)
}

.mobile-menu-visible .tgmobile__menu-backdrop {
    opacity: 1;
    visibility: visible
}

.mobile-menu-visible .tgmobile__menu .close-btn {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg)
}

@-webkit-keyframes hoverShine {
    to {
        left: 125%
    }
}

@keyframes hoverShine {
    to {
        left: 125%
    }
}

.rotateme {
    -webkit-animation-name: rotateme;
    animation-name: rotateme;
    -webkit-animation-duration: 180s;
    animation-duration: 180s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

@keyframes rotateme {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes rotateme {
    0% {
        -webkit-transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

.alltuchtopdown {
    -webkit-animation: alltuchtopdown 1.5s ease-in-out 0s infinite alternate;
    animation: alltuchtopdown 1.5s ease-in-out 0s infinite alternate;
    animation-duration: 3s
}

@keyframes alltuchtopdown {
    0% {
        -webkit-transform: rotateX(0deg) translateY(0px);
        -moz-transform: rotateX(0deg) translateY(0px);
        -ms-transform: rotateX(0deg) translateY(0px);
        -o-transform: rotateX(0deg) translateY(0px);
        transform: rotateX(0) translateY(0)
    }

    50% {
        -webkit-transform: rotateX(0deg) translateY(-20px);
        -moz-transform: rotateX(0deg) translateY(-20px);
        -ms-transform: rotateX(0deg) translateY(-20px);
        -o-transform: rotateX(0deg) translateY(-20px);
        transform: rotateX(0) translateY(-20px)
    }

    to {
        -webkit-transform: rotateX(0deg) translateY(0px);
        -moz-transform: rotateX(0deg) translateY(0px);
        -ms-transform: rotateX(0deg) translateY(0px);
        -o-transform: rotateX(0deg) translateY(0px);
        transform: rotateX(0) translateY(0)
    }
}

@-webkit-keyframes alltuchtopdown {
    0% {
        -webkit-transform: rotateX(0deg) translateY(0px);
        -moz-transform: rotateX(0deg) translateY(0px);
        -ms-transform: rotateX(0deg) translateY(0px);
        -o-transform: rotateX(0deg) translateY(0px);
        transform: rotateX(0) translateY(0)
    }

    50% {
        -webkit-transform: rotateX(0deg) translateY(-20px);
        -moz-transform: rotateX(0deg) translateY(-20px);
        -ms-transform: rotateX(0deg) translateY(-20px);
        -o-transform: rotateX(0deg) translateY(-20px);
        transform: rotateX(0) translateY(-20px)
    }

    to {
        -webkit-transform: rotateX(0deg) translateY(0px);
        -moz-transform: rotateX(0deg) translateY(0px);
        -ms-transform: rotateX(0deg) translateY(0px);
        -o-transform: rotateX(0deg) translateY(0px);
        transform: rotateX(0) translateY(0)
    }
}

.img-custom-anim-left {
    animation: img-anim-left 1.3s forwards cubic-bezier(.645,.045,.355,1) .4s;
    opacity: 0
}

@keyframes img-anim-left {
    0% {
        transform: translate(-5%);
        clip-path: inset(0 100% 0 0);
        opacity: 0
    }

    to {
        transform: translate(0);
        clip-path: inset(0 0 0 0);
        opacity: 1
    }
}

.img-custom-anim-right {
    animation: img-anim-right 1.3s forwards cubic-bezier(.645,.045,.355,1) .4s;
    opacity: 0
}

@keyframes img-anim-right {
    0% {
        transform: translate(5%);
        clip-path: inset(0 0 0 100%);
        opacity: 0
    }

    to {
        transform: translate(0);
        clip-path: inset(0 0 0 0);
        opacity: 1
    }
}

.img-custom-anim-top {
    animation: img-anim-top 1.3s forwards cubic-bezier(.645,.045,.355,1);
    opacity: 0
}

@keyframes img-anim-top {
    0% {
        transform: translateY(-5%);
        clip-path: inset(0 0 100% 0);
        opacity: 0
    }

    to {
        transform: translateY(0);
        clip-path: inset(0 0 0 0);
        opacity: 1
    }
}

@keyframes fadeInUp2 {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.fadeInUp2 {
    -webkit-animation-name: fadeInUp2;
    animation-name: fadeInUp2;
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@keyframes fadeRight2 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100px);
        -ms-transform: translateX(100px);
        transform: translate(100px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translate(0)
    }
}

.fadeRight2 {
    -webkit-animation-name: fadeRight2;
    animation-name: fadeRight2;
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@keyframes pulse-border {
    0% {
        transform: translate(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1
    }

    to {
        transform: translate(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0
    }
}

@-webkit-keyframes pulse-border {
    0% {
        transform: translate(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1
    }

    to {
        transform: translate(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0
    }
}

.search__popup {
    padding-top: 70px;
    padding-bottom: 100px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    background: var(--tg-color-white-default);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    z-index: 99;
    -webkit-transform: translateY(calc(-100% - 80px));
    -moz-transform: translateY(calc(-100% - 80px));
    -ms-transform: translateY(calc(-100% - 80px));
    -o-transform: translateY(calc(-100% - 80px));
    transform: translateY(calc(-100% - 80px));
    -webkit-transition: transform .3s ease-in-out,opacity .3s ease-in-out;
    -moz-transition: transform .3s ease-in-out,opacity .3s ease-in-out;
    transition: transform .3s ease-in-out,opacity .3s ease-in-out;
    transition-delay: .5s
}

.search__popup.search-opened {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0);
    transition-delay: 0s;
    z-index: 99999999
}

.search__popup.search-opened .search__input {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0);
    opacity: 1;
    transition-delay: .3s
}

.search__popup.search-opened .search__input:after {
    width: 100%;
    transition-delay: .5s
}

.search__input {
    position: relative;
    height: 80px;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    transition-delay: .5s;
    opacity: 0
}

.search__input:after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 0%;
    height: 1px;
    background-color: var(--tg-theme-primary);
    transition-delay: .3s;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s
}

.search__input input {
    width: 100%;
    height: 100%;
    background-color: transparent;
    border: 0;
    outline: 0;
    font-size: 24px;
    color: var(--tg-heading-color);
    border-bottom: 1px solid transparent;
    padding: 0 30px 0 0
}

.search__input input::placeholder {
    font-size: 24px
}

.search__input button {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 18px;
    color: var(--tg-theme-primary);
    border: none;
    padding: 0;
    background: transparent
}

.search__close {
    position: absolute;
    top: 10%;
    right: 2%;
    z-index: 2
}

.search-close-btn {
    margin: 0;
    padding: 0;
    border: none;
    color: var(--tg-theme-primary);
    cursor: pointer;
    background: transparent
}

.search-popup-overlay {
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 4;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    transition-delay: .5s;
    opacity: 0;
    visibility: hidden;
    background: #000d25
}

.search-popup-overlay.search-popup-overlay-open {
    opacity: .55;
    visibility: visible;
    transition-delay: 0s
}

.search-input-field~.search-focus-border {
    position: absolute;
    bottom: 0;
    left: auto;
    right: 0;
    width: 0;
    height: 1px;
    background-color: var(--tg-theme-primary);
    transition: all .5s
}

.search-input-field:focus~.search-focus-border {
    width: 100%;
    left: 0;
    right: auto;
    transition: all .5s
}

.transparent-header {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 9;
    height: auto
}

@media (max-width: 767.98px) {
    .transparent-header {
        top:0
    }
}

.tg-header__area {
    padding: 15px 0
}

.tg-header__top {
    background-color: var(--tg-color-dark);
    padding: 7px 0
}

@media (max-width: 991.98px) {
    .tg-header__top-menu {
        display:none
    }
}

.tg-header__top-menu .list-wrap {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    gap: 20px
}

.tg-header__top-menu .list-wrap li a {
    color: var(--tg-color-white-default);
    text-transform: uppercase;
    font-size: 12px;
    position: relative;
    font-weight: 600
}

.tg-header__top-menu .list-wrap li a:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: var(--tg-color-white-default);
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top;
    -webkit-transform: scale(0,1);
    -ms-transform: scale(0,1);
    transform: scaleX(0);
    -webkit-transition: transform .4s cubic-bezier(1,0,0,1);
    transition: transform .4s cubic-bezier(.74,.72,.27,.24)
}

.tg-header__top-menu .list-wrap li a:hover:before {
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: scale(1,1);
    -ms-transform: scale(1,1);
    transform: scale(1)
}

.tg-header__top-delivery p {
    margin-bottom: 0;
    text-align: center;
    color: var(--tg-color-white-default);
    font-weight: 500;
    font-size: 14px
}

@media (max-width: 991.98px) {
    .tg-header__top-social {
        display:none
    }
}

.tg-header__top-social .list-wrap {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 20px
}

.tg-header__top-social .list-wrap li a {
    font-size: 12px;
    font-weight: 600;
    color: var(--tg-color-white-default);
    position: relative
}

.tg-header__top-social .list-wrap li a:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: var(--tg-color-white-default);
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top;
    -webkit-transform: scale(0,1);
    -ms-transform: scale(0,1);
    transform: scaleX(0);
    -webkit-transition: transform .4s cubic-bezier(1,0,0,1);
    transition: transform .4s cubic-bezier(.74,.72,.27,.24)
}

.tg-header__top-social .list-wrap li a:hover:before {
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: scale(1,1);
    -ms-transform: scale(1,1);
    transform: scale(1)
}

@media (max-width: 1199.98px) {
    .tg-header__area {
        padding:20px 0
    }
}

.tg-header__area .mobile-nav-toggler {
    position: relative;
    font-size: 30px;
    cursor: pointer;
    line-height: 1;
    color: var(--tg-color-white-default);
    display: none
}

@media (max-width: 1199.98px) {
    .tg-header__area .mobile-nav-toggler {
        display:block
    }
}

.tg-header__area.sticky-menu {
    padding: 0
}

@media (max-width: 1199.98px) {
    .tg-header__area.sticky-menu {
        padding:20px 0
    }
}

.tgmenu__nav {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start
}

@media (max-width: 991.98px) {
    .tgmenu__nav {
        justify-content:space-between
    }
}

.tgmenu__nav .logo img {
    max-height: 45px
}

.tgmenu__navbar-wrap {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-grow: 1
}

.tgmenu__navbar-wrap ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding: 0;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0 auto
}

.tgmenu__navbar-wrap ul li {
    display: block;
    position: relative;
    list-style: none
}

.tgmenu__navbar-wrap ul li a {
    font-size: 16px;
    font-weight: var(--tg-fw-semi-bold);
    text-transform: uppercase;
    color: var(--tg-heading-color);
    padding: 40px 20px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    line-height: 1;
    position: relative;
    z-index: 1;
    letter-spacing: -.02em
}

@media (max-width: 1500px) {
    .tgmenu__navbar-wrap ul li a {
        padding:42px 18px
    }
}

.tgmenu__navbar-wrap ul li .sub-menu {
    position: absolute;
    left: 0;
    top: 100%;
    min-width: 230px;
    border: 1px solid rgba(255,255,255,.1);
    background: var(--tg-color-dark);
    margin: 0;
    -webkit-transform: scale(1,0);
    -moz-transform: scale(1,0);
    -ms-transform: scale(1,0);
    -o-transform: scale(1,0);
    transform: scaleY(0);
    transform-origin: 0 0;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    box-shadow: 0 -14px 48px #28336fb0,0 16px 24px #00000040;
    border-radius: 10px;
    padding: 18px 0;
    display: block;
    visibility: hidden;
    opacity: 0;
    z-index: 9
}

.tgmenu__navbar-wrap ul li .sub-menu.sub-menu-right {
    right: 0;
    left: auto
}

.tgmenu__navbar-wrap ul li .sub-menu .sub-menu {
    right: auto;
    left: 100%;
    top: 0
}

.tgmenu__navbar-wrap ul li .sub-menu li {
    margin-left: 0;
    text-align: left;
    display: block
}

.tgmenu__navbar-wrap ul li .sub-menu li a {
    padding: 8px 15px 8px 25px;
    display: block;
    color: var(--tg-heading-color);
    font-size: 16px;
    letter-spacing: 1px;
    text-transform: uppercase;
    letter-spacing: -.02em
}

.tgmenu__navbar-wrap ul li .sub-menu li:hover>a,.tgmenu__navbar-wrap ul li .sub-menu li.active>a {
    color: var(--tg-theme-primary)
}

.tgmenu__navbar-wrap ul li .sub-menu li:hover>a {
    -webkit-transform: translateX(8px);
    -moz-transform: translateX(8px);
    -ms-transform: translateX(8px);
    -o-transform: translateX(8px);
    transform: translate(8px)
}

.tgmenu__navbar-wrap ul li:hover>.sub-menu {
    opacity: 1;
    visibility: visible;
    transform: scale(1)
}

.tgmenu__navbar-wrap>ul>li.active a,.tgmenu__navbar-wrap>ul>li:hover a {
    color: var(--tg-theme-primary)
}

.tgmenu__main-menu li.menu-item-has-children .dropdown-btn {
    display: none
}

.tgmenu__search {
    margin-inline-end:25px}

@media (max-width: 1199.98px) {
    .tgmenu__search {
        margin-left:auto
    }
}

.tgmenu__search-form {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 535px;
    border-radius: 100px;
    border: 1px solid #D3D2DF
}

@media (max-width: 1800px) {
    .tgmenu__search-form {
        width:485px
    }
}

@media (max-width: 1500px) {
    .tgmenu__search-form {
        width:380px
    }
}

@media (max-width: 1199.98px) {
    .tgmenu__search-form {
        width:500px
    }
}

@media (max-width: 991.98px) {
    .tgmenu__search-form {
        width:auto
    }
}

.tgmenu__search-form .select-grp {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    background: transparent;
    border: none;
    padding: 12px 0 12px 17px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    width: 153px;
    flex: 0 0 auto;
    position: relative
}

.tgmenu__search-form .select-grp:after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1px;
    height: 20px;
    background: #bdbabb
}

@media (max-width: 991.98px) {
    .tgmenu__search-form .select-grp:after {
        display:none
    }
}

.tgmenu__search-form .select-grp svg {
    width: 16px;
    height: 16px;
    flex: 0 0 auto
}

.tgmenu__search-form .select-grp path {
    fill: var(--tg-theme-primary)
}

.tgmenu__search-form .form-select {
    outline: none;
    box-shadow: none;
    border: none;
    padding-left: 8px;
    color: var(--tg-heading-color);
    font-family: var(--tg-heading-font-family);
    font-size: 14px
}

.tgmenu__search-form .input-grp {
    position: relative;
    flex-grow: 1;
    margin-left: -1px
}

@media (max-width: 991.98px) {
    .tgmenu__search-form .input-grp {
        display:none
    }
}

.tgmenu__search-form input {
    display: block;
    width: 100%;
    background: transparent;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    padding: 12px 50px 10px 20px;
    height: 50px;
    font-size: 15px;
    font-family: var(--tg-heading-font-family)
}

.tgmenu__search-form input::placeholder {
    color: #8d9db5;
    font-size: 14px
}

.tgmenu__search-form [type=submit] {
    position: absolute;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 4px;
    width: 44px;
    height: 44px;
    border: none;
    padding: 0;
    background: var(--tg-theme-primary);
    font-size: 20px;
    color: var(--tg-color-white-default);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%
}

.tgmenu__search-form [type=submit]:hover {
    background: var(--tg-theme-secondary);
    color: var(--tg-heading-color)
}

.tgmenu__search-bar {
    flex-grow: 1
}

@media (max-width: 1500px) {
    .tgmenu__search-bar {
        max-width:240px
    }
}

@media (max-width: 1199.98px) {
    .tgmenu__search-bar {
        max-width:100%
    }
}

@media (max-width: 991.98px) {
    .tgmenu__search-bar {
        display:none
    }
}

.tgmenu__search-bar form {
    position: relative
}

.tgmenu__search-bar form input {
    display: block;
    width: 100%;
    background: var(--tg-color-white-default);
    border: 1px solid var(--tg-border-2);
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -o-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
    padding: 12px 50px 10px 20px;
    height: 45px;
    font-size: 15px;
    font-family: var(--tg-heading-font-family)
}

.tgmenu__search-bar form input::placeholder {
    color: #8d9db5;
    font-size: 14px
}

.tgmenu__search-bar form [type=submit] {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(-90deg);
    -moz-transform: translateY(-50%) rotate(-90deg);
    -ms-transform: translateY(-50%) rotate(-90deg);
    -o-transform: translateY(-50%) rotate(-90deg);
    transform: translateY(-50%) rotate(-90deg);
    right: 10px;
    border: none;
    padding: 0;
    background: transparent;
    font-size: 24px;
    color: #8d9db5
}

.tgmenu__search-bar form [type=submit]:hover {
    color: var(--tg-theme-primary)
}

@media (max-width: 1199.98px) {
    .tgmenu__action {
        margin:0 30px 0 auto
    }
}

@media (max-width: 767.98px) {
    .tgmenu__action {
        display:none
    }
}

.tgmenu__action>ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    gap: 8px
}

.tgmenu__action>ul li {
    position: relative;
    margin-left: 30px;
    flex: 0 0 auto
}

@media (max-width: 991.98px) {
    .tgmenu__action>ul li {
        margin-left:20px
    }
}

.tgmenu__action>ul li.header-search a {
    font-size: 18px;
    color: var(--tg-color-dark);
    line-height: 0
}

.tgmenu__action>ul li.header-search a:hover {
    color: var(--tg-theme-primary)
}

.tgmenu__action>ul li.header-search-two a {
    color: var(--tg-color-white-default)
}

.tgmenu__action>ul li .cart-count {
    color: var(--tg-color-dark);
    font-size: 20px;
    line-height: 0;
    margin: 0;
    position: relative
}

.tgmenu__action>ul li .cart-count span {
    position: absolute;
    bottom: -4px;
    right: -11px;
    width: 20px;
    height: 20px;
    font-size: 12px;
    font-weight: 500;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--tg-theme-primary);
    color: var(--tg-color-white-default);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    z-index: 1
}

.tgmenu__action>ul li .cart-count:hover {
    color: var(--tg-theme-primary)
}

.tgmenu__action>ul li .cart-count-two {
    color: var(--tg-color-white-default)
}

.tgmenu__action>ul li.header-btn {
    margin-left: 50px
}

@media (max-width: 1199.98px) {
    .tgmenu__action>ul li.header-btn {
        margin-left:40px
    }
}

@media (max-width: 991.98px) {
    .tgmenu__action>ul li.header-btn {
        margin-left:30px
    }
}

.tgmenu__action>ul li.header-btn-three .btn {
    color: var(--tg-theme-secondary)
}

.tgmenu__action>ul li.header-btn-three .btn:hover {
    color: var(--tg-color-white-default)
}

.tgmenu__action>ul li:first-child {
    margin-left: 0
}

@media (max-width: 1500px) {
    .tgmenu__action>ul li.free-btn {
        display:none
    }
}

.tgmenu__action>ul li.login-btn {
    padding: 0;
    margin-inline-start:15px}

@media (max-width: 1199.98px) {
    .tgmenu__action>ul li.login-btn {
        display:none
    }
}

.tgmenu__action>ul li.login-btn a {
    display: block;
    border-radius: 50px;
    padding: 12px 26px;
    border: 1px solid rgba(6,35,91,.19);
    background: var(--tg-theme-secondary);
    font-size: 15px;
    color: var(--tg-heading-color);
    font-weight: 600;
    line-height: 18px
}

.tgmenu__action>ul li.login-btn a:hover {
    background: var(--tg-theme-primary);
    color: var(--tg-color-white-default)
}

.sticky-menu {
    position: fixed;
    left: 0;
    margin: auto;
    top: 0;
    width: 100%;
    z-index: 99;
    background: var(--tg-color-dark);
    -webkit-animation: 1s ease-in-out 0s normal none 1 running fadeInDown;
    animation: 1s ease-in-out 0s normal none 1 running fadeInDown;
    -webkit-box-shadow: 0 -14px 48px 0 rgba(40,51,111,.69),0 16px 24px 0 rgba(0,0,0,.25);
    box-shadow: 0 -14px 48px #28336fb0,0 16px 24px #00000040;
    border-radius: 0;
    border-bottom: 1px solid rgba(255,255,255,.1)
}

.sticky-menu ul li .sub-menu {
    -webkit-border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    -o-border-radius: 0 0 10px 10px;
    -ms-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px
}

#header-fixed-height.active-height {
    display: block;
    height: 90px
}

.banner__area {
    padding: 135px 0 200px
}

@media (max-width: 1500px) {
    .banner__area {
        padding:100px 0 170px
    }
}

@media (max-width: 1199.98px) {
    .banner__area {
        padding:60px 0 130px
    }
}

@media (max-width: 991.98px) {
    .banner__area {
        padding:50px 0 100px
    }
}

@media (max-width: 991.98px) {
    .banner__img {
        margin-bottom:50px
    }
}

.banner__content {
    width: 90%
}

@media (max-width: 1199.98px) {
    .banner__content {
        width:100%
    }
}

@media (max-width: 991.98px) {
    .banner__content {
        text-align:center
    }
}

.banner__content .sub-title {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    gap: 15px;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 10px;
    color: var(--tg-color-white-default)
}

@media (max-width: 991.98px) {
    .banner__content .sub-title {
        justify-content:center
    }
}

.banner__content .sub-title svg {
    color: var(--tg-theme-primary)
}

.banner__content .title {
    margin-bottom: 60px;
    font-size: 80px;
    letter-spacing: -.02em;
    text-align: start
}

#strip {
    padding: 40px 0;
    background-color: #000
}

#strip ul {
    padding: 0;
    margin: 0
}

#strip ul li {
    padding: 20px 0
}

#strip .topslider {
    background: linear-gradient(180deg,var(--tg-color-blue-default) 0%,var(--tg-color-dark-blue) 100%);
    transform: rotate(2deg)
}

#strip .bottomslider {
    background: linear-gradient(180deg,var(--tg-color-blue-default) 0%,var(--tg-color-dark-blue) 100%);
    transform: rotate(-1deg)
}

#strip ul li h2 {
    font-size: 60px;
    margin: 0 10px
}

#strip {
    overflow: hidden
}

.marquee-wrap {
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
    padding: 12px 0;
    border-radius: 8px
}

.marquee {
    display: flex;
    gap: 24px;
    align-items: center;
    white-space: nowrap
}

.marquee ul {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 24px;
    align-items: center
}

.marquee li {
    flex: 0 0 auto;
    color: #fff;
    padding: 12px 18px
}

.scroll-left,.scroll-right {
    display: flex;
    align-items: center;
    width: 200%
}

@keyframes move-left {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(-50%)
    }
}

@keyframes move-right {
    0% {
        transform: translate(-50%)
    }

    to {
        transform: translate(0)
    }
}

.scroll-left {
    animation: move-left 18s linear infinite
}

.scroll-right {
    animation: move-right 20s linear infinite
}

.marquee-wrap:hover .scroll-left,.marquee-wrap:hover .scroll-right {
    animation-play-state: paused
}

@media (max-width: 600px) {
    .marquee li {
        padding:10px 14px;
        font-size: 14px
    }

    .scroll-left {
        animation-duration: 26s
    }

    .scroll-right {
        animation-duration: 28s
    }
}

@media (max-width: 1199.98px) {
    .banner__content .title {
        margin-bottom:40px;
        font-size: 65px
    }
}

@media (max-width: 991.98px) {
    .banner__content .title {
        margin-bottom:35px;
        font-size: 60px
    }
}

@media (max-width: 767.98px) {
    .banner__content .title {
        font-size:36px;
        text-align: center
    }
}

.banner__btn {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap
}

@media (max-width: 991.98px) {
    .banner__btn {
        justify-content:center
    }
}

.area__bg {
    background-size: cover;
    background-position: center;
    padding-top: 120px
}

@media (max-width: 767.98px) {
    .area__bg {
        padding-top:80px
    }
}

.features__area {
    padding: 0 0 130px
}

@media (max-width: 991.98px) {
    .features__area {
        padding:0 0 100px
    }
}

.token__wrap {
    background: var(--tg-color-dark);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    padding: 60px;
    position: relative;
    z-index: 1
}

@media (max-width: 1500px) {
    .token__wrap {
        padding:60px 50px
    }
}

@media (max-width: 1199.98px) {
    .token__wrap {
        padding:40px 30px
    }
}

@media (max-width: 991.98px) {
    .token__wrap {
        margin-bottom:30px
    }
}

.token__wrap>.title {
    margin-bottom: 30px;
    font-size: 32px
}

@media (max-width: 767.98px) {
    .token__wrap>.title {
        font-size:28px
    }
}

.token__btn {
    text-align: center
}

.token__sales-info {
    background: var(--tg-color-dark);
    padding: 60px 60px 70px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px
}

@media (max-width: 1500px) {
    .token__sales-info {
        padding:60px 50px 70px
    }
}

@media (max-width: 1199.98px) {
    .token__sales-info {
        padding:40px 30px
    }
}

.token__sales-info .title {
    margin-bottom: 52px;
    font-size: 32px;
    letter-spacing: -.02em
}

@media (max-width: 1199.98px) {
    .token__sales-info .title {
        margin-bottom:42px
    }
}

@media (max-width: 767.98px) {
    .token__sales-info .title {
        font-size:28px
    }
}

.token__sales-info .list-wrap li {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    letter-spacing: -.02em;
    text-transform: uppercase;
    color: var(--tg-color-white-default);
    font-size: 16px;
    font-weight: 600;
    gap: 5px;
    justify-content: space-between;
    border-bottom: 1px solid rgba(255,255,255,.1);
    padding-bottom: 18px;
    margin-bottom: 18px
}

.token__sales-info .list-wrap li:last-child {
    margin-bottom: 0
}

.token__sales-info .list-wrap li span {
    font-weight: 400;
    color: var(--tg-body-color)
}

.token__sales-info .list-wrap li.payment-method {
    color: var(--tg-theme-secondary)
}

.token__sales-info .list-wrap li.payment-method span {
    color: var(--tg-color-white-default)
}

.coin__progress-title {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px
}

.coin__progress-title li {
    letter-spacing: -.02em;
    text-transform: uppercase;
    color: var(--tg-color-white-default);
    font-weight: 600
}

.coin__progress-title li span {
    color: var(--tg-body-color);
    display: block;
    font-weight: 400
}

.coin__progress-title li:last-child {
    text-align: right
}

.coin__progress-wrap {
    margin-bottom: 50px
}

.coin__progress-wrap .progress {
    width: 100%;
    height: 4px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -o-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0;
    overflow: visible;
    background: var(--tg-color-dark-3)
}

.coin__progress-wrap .progress .progress-bar {
    background: linear-gradient(90deg,var(--tg-color-blue-default-2) 0%,var(--tg-color-light-blue) 100%);
    position: relative;
    overflow: visible
}

.coin__progress-wrap .progress .progress-bar:after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 12px;
    background: var(--tg-color-light-blue)
}

.coin__progress-cap {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-top: 25px
}

.coin__progress-cap li {
    letter-spacing: -.02em;
    text-transform: uppercase;
    color: var(--tg-theme-secondary);
    text-align: center;
    font-weight: 600;
    position: relative
}

.coin__progress-cap li:before {
    content: "";
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    top: -25px;
    width: 2px;
    height: 16px;
    background: var(--tg-color-dark-3);
    z-index: -1
}

.coin__progress-cap li span {
    display: block;
    color: var(--tg-body-color);
    font-weight: 400
}

.countdown__wrap {
    margin-bottom: 50px
}

.countdown__wrap .title {
    margin-bottom: 40px;
    text-align: center;
    font-size: 20px
}

.countdown__wrap .coming-time {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap
}

.countdown__wrap .time-count {
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    color: var(--tg-body-color);
    text-transform: capitalize
}

.countdown__wrap .time-count span {
    width: 100px;
    height: 100px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(180deg,#323232,#0c0c0c00);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid var(--tg-border-1);
    font-size: 40px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: -.03em;
    color: var(--tg-color-white-default);
    margin-bottom: 8px
}

@media (max-width: 1199.98px) {
    .countdown__wrap .time-count span {
        width:80px;
        height: 80px;
        font-size: 34px
    }
}

.marquee__area {
    padding: 0 0 60px
}

@media (max-width: 767.98px) {
    .marquee__area {
        padding:0
    }
}

.marquee-wrap {
    position: relative;
    z-index: 1
}

.marquee__item {
    margin-right: 20px;
    display: inline;
    font-size: 80px;
    letter-spacing: -.02em;
    line-height: 1
}

@media (max-width: 1199.98px) {
    .marquee__item {
        font-size:70px
    }
}

@media (max-width: 991.98px) {
    .marquee__item {
        font-size:60px
    }
}

@media (max-width: 767.98px) {
    .marquee__item {
        font-size:45px
    }
}

.area__bg-two {
    background-size: cover;
    background-position: center
}

.choose__area {
    padding: 120px 0
}

@media (max-width: 991.98px) {
    .choose__area {
        padding:80px 0 100px
    }
}

.choose__item {
    -webkit-backdrop-filter: blur(40px);
    backdrop-filter: blur(40px);
    background: #d9d9d903;
    border: 1px solid rgba(255,255,255,.1);
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -o-border-radius: 16px;
    -ms-border-radius: 16px;
    border-radius: 16px;
    padding: 60px 35px
}

@media (max-width: 1199.98px) {
    .choose__item {
        padding:45px 22px
    }
}

.choose__item:hover .choose__icon {
    transform: translateY(5px)
}

.choose__icon {
    margin-bottom: 50px;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s
}

.choose__content .title {
    margin-bottom: 20px;
    letter-spacing: -.02em;
    font-size: 24px
}

.choose__content p {
    margin-bottom: 0
}

.brand__inner-wrap {
    border-top: 1px solid rgba(255,255,255,.1);
    padding: 120px 0
}

@media (max-width: 991.98px) {
    .brand__inner-wrap {
        padding:100px 0
    }
}

.brand-title {
    text-align: center;
    margin-bottom: 60px;
    color: var(--tg-theme-secondary);
    text-transform: uppercase
}

.brand__item {
    min-height: 30px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center
}

.brand__item img {
    cursor: pointer
}

.roadMap__area {
    position: relative;
    z-index: 1;
    padding: 120px 0
}

@media (max-width: 991.98px) {
    .roadMap__area {
        padding:100px 0
    }
}

.roadMap__content-wrap {
    position: relative;
    z-index: 1
}

.roadMap__item {
    width: 50%;
    margin-left: auto;
    padding-left: 50px;
    position: relative;
    margin-bottom: 10px
}

.roadMap__item:before {
    content: "";
    position: absolute;
    left: 1px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 2px;
    background: #252525;
    z-index: -2
}

.roadMap__item .date {
    letter-spacing: -.02em;
    text-transform: uppercase;
    display: block;
    margin-bottom: 10px
}

.roadMap__item .title {
    margin-bottom: 0;
    letter-spacing: -.02em;
    font-size: 20px;
    line-height: 1.5
}

@media (max-width: 1199.98px) {
    .roadMap__item .title {
        font-size:18px
    }
}

.roadMap__item:nth-child(odd) {
    margin-left: 0;
    padding-right: 50px;
    padding-left: 0;
    text-align: right
}

.roadMap__item:nth-child(odd):before {
    left: auto;
    right: 1px
}

.roadMap__item:last-child {
    margin-bottom: 0
}

.roadMap__item-wrap {
    position: relative;
    z-index: 1;
    margin-left: 100px
}

@media (max-width: 1199.98px) {
    .roadMap__item-wrap {
        margin-left:0
    }
}

@media (max-width: 991.98px) {
    .roadMap__item-wrap {
        margin-top:50px
    }
}

.roadMap__line {
    width: 4px;
    height: 100%;
    background: #262626;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    top: 0;
    z-index: -1
}

.roadMap__line .progress-line {
    width: 100%;
    height: 40%;
    background: linear-gradient(var(--tg-color-blue-default-2) 0%,var(--tg-color-light-blue) 100%);
    position: absolute;
    left: 0;
    top: 0
}

.roadMap__shape img {
    position: absolute;
    z-index: -1;
    right: -18%;
    top: 12%
}

@media (max-width: 991.98px) {
    .roadMap__shape img {
        right:0%;
        top: 18%
    }
}

.advisors__area {
    padding: 120px 0
}

@media (max-width: 991.98px) {
    .advisors__area {
        padding:100px 0
    }
}

.advisors__item:hover .advisors__thumb img {
    transform: scale(1.1)
}

.advisors__thumb {
    margin-bottom: 40px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -o-border-radius: 16px;
    -ms-border-radius: 16px;
    border-radius: 16px;
    overflow: hidden
}

@media (max-width: 1199.98px) {
    .advisors__thumb {
        margin-bottom:25px
    }
}

.advisors__thumb img {
    width: 100%
}

.advisors__content {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: flex-end
}

.advisors__content-left span {
    display: block;
    letter-spacing: -.02em;
    text-transform: uppercase;
    line-height: 1;
    margin-bottom: 15px
}

.advisors__content-left .title {
    margin-bottom: 0;
    font-size: 24px;
    letter-spacing: -.02em
}

.advisors__social {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 20px;
    margin-bottom: 5px
}

.area__bg-three {
    background-size: cover;
    background-position: top
}

.ticker__area {
    padding: 0 0 120px
}

@media (max-width: 991.98px) {
    .ticker__area {
        padding:0 0 100px
    }
}

.ticker__item {
    border-radius: 10px;
    border: 1px solid rgba(255,255,255,.1);
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    padding: 14px;
    gap: 20px;
    width: 300px;
    justify-content: space-between;
    position: relative;
    z-index: 1
}

.ticker__item:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: radial-gradient(51.38% 57.58% at 50% 56.03%,#000 82.2011113167%,#525252);
    opacity: .15;
    z-index: -1
}

.ticker__item-left {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    gap: 10px
}

.ticker__item-left img {
    width: 30px;
    height: 30px;
    object-fit: cover;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -o-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    flex: 0 0 auto
}

.ticker__item-left span {
    font-size: 16px;
    color: var(--tg-color-white-default);
    letter-spacing: -.02em;
    font-weight: 600;
    display: block
}

.ticker__item .price {
    display: block;
    letter-spacing: -.02em;
    font-weight: 600;
    color: var(--tg-theme-secondary)
}

.swiper-wrapper {
    transition-timing-function: linear
}

[dir=rtl] .ticker__item {
    flex-direction: row-reverse;
    text-align: left
}

[dir=rtl] .ticker__item-left {
    flex-direction: row-reverse
}

[dir=rtl] .ticker__item .price {
    direction: ltr
}

.slide-transition {
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear
}

.ticker-active .swiper-slide {
    width: auto!important
}

.summary__area {
    position: relative;
    z-index: 1;
    background-color: #030406
}

.summary__img {
    text-align: center
}

@media (max-width: 991.98px) {
    .summary__img {
        margin-bottom:50px
    }
}

.progress__item {
    margin-bottom: 30px
}

.progress__item:last-child {
    margin-bottom: 0
}

.progress__item .progress {
    height: 4px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    background: transparent
}

.progress__item .progress-bar {
    background: linear-gradient(90deg,var(--tg-color-blue-default-2) 0%,var(--tg-color-light-blue) 100%)
}

.progress__title {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 15px
}

.progress__title span {
    color: var(--tg-theme-secondary);
    font-weight: 600
}

#particles-js {
    position: absolute;
    height: 95%;
    width: 750px;
    background-color: transparent;
    background-image: url();
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    z-index: -1;
    object-fit: cover;
    left: -50px;
    top: 0
}

@media (max-width: 1500px) {
    #particles-js {
        width:660px
    }
}

@media (max-width: 1199.98px) {
    #particles-js {
        width:530px
    }
}

@media (max-width: 991.98px) {
    #particles-js {
        width:80%;
        height: 52%
    }
}

@media (max-width: 767.98px) {
    #particles-js {
        width:100%
    }
}

.section-divider span {
    display: block;
    height: 1px;
    background: linear-gradient(180deg,#000,#202020 66.5%,#0c0c0c)
}

.counter__item {
    border: 1px solid rgba(255,255,255,.1);
    text-align: center;
    padding: 60px 30px;
    border-right: none
}

@media (max-width: 991.98px) {
    .counter__item {
        border-right:1px solid rgba(255,255,255,.1);
        border-bottom: none
    }
}

.counter__item .title {
    display: block;
    text-transform: uppercase;
    color: var(--tg-theme-secondary);
    font-size: 16px;
    margin-bottom: 55px
}

.counter__item .count {
    margin-bottom: 18px;
    font-size: 80px;
    font-weight: 600;
    line-height: .8;
    letter-spacing: -.02em;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center
}

@media (max-width: 1199.98px) {
    .counter__item .count {
        font-size:70px
    }
}

.counter__item p {
    margin-bottom: 0;
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase
}

.counter__item-wrap {
    margin-bottom: 50px
}

.counter__item-wrap .row>*:last-child .counter__item {
    border-right: 1px solid rgba(255,255,255,.1)
}

@media (max-width: 991.98px) {
    .counter__item-wrap .row>*:last-child .counter__item {
        border-bottom:1px solid rgba(255,255,255,.1)
    }
}

.faq__content {
    width: 78%
}

@media (max-width: 1199.98px) {
    .faq__content {
        width:100%
    }
}

@media (max-width: 991.98px) {
    .faq__content {
        margin-bottom:50px
    }
}

.faq__content p {
    margin-bottom: 60px
}

@media (max-width: 991.98px) {
    .faq__content p {
        margin-bottom:40px
    }
}

.faq__wrap .accordion-item {
    background: transparent;
    border: none;
    border-bottom: 1px solid rgba(255,255,255,.1);
    border-radius: 0;
    margin-bottom: 20px
}

.faq__wrap .accordion-item:first-child {
    border-top: 1px solid rgba(255,255,255,.1)
}

.faq__wrap .accordion-button {
    font-weight: 600;
    font-size: 20px;
    letter-spacing: -.02em;
    background: transparent;
    color: var(--tg-color-white-default);
    padding: 30px 0 30px 68px;
    border: none;
    box-shadow: none;
    position: relative;
    border: 1px solid var(--tg-color-blue-default)
}

.faq__wrap .accordion-button:focus {
    outline: none
}

.faq__wrap .accordion-button:after {
    content: "";
    position: absolute;
    right: 11px;
    top: 21px;
    border: 1px solid var(--tg-color-blue-default);
    background-image: none;
    width: 38px;
    height: 38px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%
}

.faq__wrap .accordion-button:before {
    content: "";
    font-family: var(--tg-icon-font-family);
    font-weight: 700;
    font-size: 14px;
    box-shadow: inset 0 3px 4px #aa8418,0 0 9px #eac14c,0 1px 18px #70550a;
    background: linear-gradient(180deg,var(--tg-color-blue-default) 0%,var(--tg-color-dark-blue) 100%);
    width: 30px;
    height: 30px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    right: 15px;
    top: 24px;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s
}

.faq__wrap .accordion-button:not(.collapsed):before {
    transform: rotate(45deg)
}

.faq__wrap .accordion-body {
    padding: 20px 40px 40px
}

.faq__wrap .accordion-body p {
    margin-bottom: 0;
    color: var(--tg-body-color)
}

#robot {
    background: #000
}

#robot .img img {
    width: 100%;
    filter: contrast(1.5)
}

#robot .des h2 {
    font-size: 60px;
    font-weight: 800;
    color: #cdc5df;
    line-height: 80px
}

#newsletter {
    padding: 40px 0;
    background: linear-gradient(0deg,#101435b3,#101435b3),url(/assets/cardbg1-C4CHM5jq.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed
}

#ftr {
    background-color: #161000;
    padding: 40px 0
}

#ftr .logo img {
    width: 100px
}

#ftr .f-detail p {
    margin-bottom: 0
}

.social-icons {
    display: inline-block
}

.social-icons a {
    background: #ffffff1a;
    margin: 0 10px;
    padding: 10px;
    border-radius: 6px
}

.social-icons a i {
    color: #fff
}

.dark-scheme .social-icons i {
    background: #ffffff1a
}

#newsletter .contact-detail {
    text-align: center
}

#newsletter .contact-detail h2 {
    font-size: 50px
}

#newsletter .contact-detail p {
    width: 60%;
    margin: 0 auto;
    padding: 20px 0
}

#newsletter .contact-detail .input-flex input {
    color: #fff;
    border: solid 1px rgba(255,255,255,.2);
    background: #ffffff06;
    border-radius: 10px;
    width: 25%;
    padding: 15px 0
}

#newsletter .contact-detail .input-flex input::placeholder {
    text-align: center
}

#newsletter .contact-detail .input-flex button {
    background: linear-gradient(180deg,var(--tg-color-blue-default) 0%,var(--tg-color-dark-blue) 100%);
    color: #fff;
    outline: none;
    border: none;
    padding: 10px 20px;
    border-radius: 10px;
    margin-left: 10px;
    text-transform: uppercase;
    font-size: 20px
}

.download__icon {
    position: relative;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    display: block
}

.download__icon .icon {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 32px
}

.download__icon .icon-shape {
    width: 88px;
    height: 88px
}

.download__icon:hover {
    transform: translateY(-5px)
}

.download__icon-wrap {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap
}

.contact__inner-wrap {
    background: linear-gradient(180deg,#703bff,#162561);
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -o-border-radius: 15px;
    -ms-border-radius: 15px;
    border-radius: 15px;
    padding: 120px 50px;
    position: relative;
    z-index: 1
}

@media (max-width: 991.98px) {
    .contact__inner-wrap {
        padding:90px 50px
    }
}

@media (max-width: 767.98px) {
    .contact__inner-wrap {
        padding:90px 30px
    }
}

.contact__form .form-grp {
    margin-bottom: 30px
}

.contact__form .form-grp label {
    display: block;
    font-weight: 600;
    font-size: 16px;
    text-transform: capitalize;
    line-height: 1;
    margin-bottom: 15px
}

.contact__form .form-grp textarea,.contact__form .form-grp input {
    width: 100%;
    background: #ffffff0f;
    border: 1px solid transparent;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -o-border-radius: 15px;
    -ms-border-radius: 15px;
    border-radius: 15px;
    padding: 16px 20px;
    font-size: 16px;
    font-weight: 400;
    color: var(--tg-color-white-default);
    height: 60px;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    display: block
}

.contact__form .form-grp textarea::placeholder,.contact__form .form-grp input::placeholder {
    color: var(--tg-body-color)
}

.contact__form .form-grp textarea:focus,.contact__form .form-grp input:focus {
    border-color: var(--tg-theme-secondary)
}

.contact__form .form-grp textarea {
    min-height: 150px;
    max-height: 150px
}

.contact__shape-wrap img {
    position: absolute;
    z-index: -1
}

@media (max-width: 767.98px) {
    .contact__shape-wrap img {
        display:none
    }
}

.contact__shape-wrap img:nth-child(1) {
    left: -90px;
    top: 80px;
    max-width: 270px
}

@media (max-width: 1500px) {
    .contact__shape-wrap img:nth-child(1) {
        left:-30px;
        top: 50px;
        max-width: 175px
    }
}

@media (max-width: 991.98px) {
    .contact__shape-wrap img:nth-child(1) {
        left:-40px;
        top: 23px;
        max-width: 110px
    }
}

.contact__shape-wrap img:nth-child(2) {
    right: -50px;
    bottom: 80px;
    max-width: 255px
}

@media (max-width: 1500px) {
    .contact__shape-wrap img:nth-child(2) {
        right:-10px;
        bottom: 70px;
        max-width: 190px
    }
}

@media (max-width: 991.98px) {
    .contact__shape-wrap img:nth-child(2) {
        bottom:45px;
        max-width: 120px
    }
}

.ajax-response.error,.ajax-response.success {
    margin: 20px 0 0!important
}

.ajax-response.error {
    color: red
}

.ajax-response.success {
    color: var(--tg-color-white-default)
}

.blog__post-area {
    position: relative;
    z-index: 1
}

.blog__post-item {
    margin-bottom: 60px
}

.blog__post-thumb {
    margin-bottom: 35px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -o-border-radius: 16px;
    -ms-border-radius: 16px;
    border-radius: 16px;
    overflow: hidden
}

.blog__post-thumb img {
    width: 100%
}

.blog__post-content .date {
    display: block;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1;
    color: var(--tg-theme-secondary);
    margin-bottom: 20px
}

.blog__post-content .title {
    margin-bottom: 0;
    font-weight: 600;
    font-size: 24px;
    letter-spacing: -.02em;
    line-height: 1.4;
    color: var(--tg-color-white-default)
}

@media (max-width: 1199.98px) {
    .blog__post-content .title {
        font-size:22px
    }
}

.blog__post-content .title a {
    display: inline;
    background-image: linear-gradient(var(--tg-color-white-default),var(--tg-color-white-default)),linear-gradient(var(--tg-color-white-default),var(--tg-color-white-default));
    background-size: 0% 2px,0 2px;
    background-position: 100% 100%,0 100%;
    background-repeat: no-repeat;
    transition: background-size .4s linear
}

.blog__post-content .title a:hover {
    color: inherit;
    background-size: 0 2px,100% 2px
}

.blog__details-area {
    position: relative;
    z-index: 1
}

.blog__details-thumb {
    margin-bottom: 30px
}

.blog__details-thumb-wrap {
    margin-bottom: 50px
}

@media (max-width: 991.98px) {
    .blog__details-thumb-wrap {
        margin-bottom:30px
    }
}

.blog__details-thumb img {
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -o-border-radius: 16px;
    -ms-border-radius: 16px;
    border-radius: 16px;
    width: 100%
}

.blog__details-content .date {
    display: block;
    font-weight: 500;
    text-transform: uppercase;
    color: var(--tg-theme-secondary);
    line-height: 1;
    margin-bottom: 20px
}

.blog__details-content .title {
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 40px;
    letter-spacing: -.02em
}

@media (max-width: 767.98px) {
    .blog__details-content .title {
        font-size:36px
    }
}

.blog__details-content p {
    margin-bottom: 30px
}

.blog__details-content p:last-child {
    margin-bottom: 0
}

.blog__details-inner-wrap {
    margin: 80px 0
}

@media (max-width: 1199.98px) {
    .blog__details-inner-wrap {
        margin:60px 0
    }
}

@media (max-width: 991.98px) {
    .blog__details-inner-thumb {
        margin-bottom:40px
    }
}

.blog__details-inner-thumb img {
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -o-border-radius: 16px;
    -ms-border-radius: 16px;
    border-radius: 16px
}

@media (max-width: 991.98px) {
    .blog__details-inner-thumb img {
        width:100%
    }
}

.blog__details-inner-content .title-two {
    margin-bottom: 40px;
    font-weight: 600;
    font-size: 32px
}

@media (max-width: 1199.98px) {
    .blog__details-inner-content .title-two {
        margin-bottom:30px
    }
}

.blog__details-inner-content .list-wrap li {
    border-bottom: 1px solid #242424;
    padding-bottom: 26px;
    margin-bottom: 26px
}

@media (max-width: 1199.98px) {
    .blog__details-inner-content .list-wrap li {
        padding-bottom:20px;
        margin-bottom: 20px
    }
}

.blog__details-inner-content .list-wrap li:last-child {
    margin-bottom: 0
}

blockquote {
    position: relative;
    padding: 2px 25px;
    margin-bottom: 40px;
    margin-top: 40px
}

@media (max-width: 767.98px) {
    blockquote {
        padding:2px 10px 2px 25px
    }
}

blockquote:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 2px;
    height: 100%;
    background: linear-gradient(180deg,#703bff,#162561)
}

blockquote>p {
    margin-bottom: 10px!important;
    font-size: 16px;
    line-height: 1.6;
    color: var(--tg-color-white-default)
}

blockquote cite {
    font-style: normal;
    color: var(--tg-theme-secondary);
    line-height: 1
}

.shine__animate-link {
    display: block;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.shine__animate-link:before {
    position: absolute;
    top: 0;
    left: -100%;
    display: block;
    content: "";
    width: 50%;
    height: 100%;
    background: -o-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,.3) 100%);
    background: -webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0)),to(rgba(255,255,255,.3)));
    background: linear-gradient(to right,#fff0,#ffffff4d);
    -webkit-transform: skewX(-25deg);
    -ms-transform: skewX(-25deg);
    transform: skew(-25deg)
}

.shine__animate-item:hover .shine__animate-link:before {
    -webkit-animation: hoverShine 1.2s;
    animation: hoverShine 1.2s
}

.footer__area {
    padding: 30px 0
}

.footer__area-two {
    padding: 0
}

.footer__inner-wrap {
    border-top: 1px solid rgba(255,255,255,.1);
    padding: 30px 0
}

.footer__view-channel {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 20px
}

@media (max-width: 767.98px) {
    .footer__view-channel {
        justify-content:center
    }
}

.footer__view-channel>span {
    color: var(--tg-theme-secondary);
    text-transform: uppercase
}

@media (max-width: 767.98px) {
    .copyright-text {
        text-align:center;
        margin-bottom: 20px
    }
}

.copyright-text p {
    margin-bottom: 0;
    font-weight: 400;
    font-size: 14px;
    color: var(--tg-color-white-default)
}

.copyright-text p a {
    font-weight: 600;
    color: var(--tg-theme-secondary)
}

#body-bg {
    background-image: url(/assets/area_bg-BH6lDWmx.webp);
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat
}

.summary__content p {
    font-size: 20px;
    padding: 10px 0
}

.Whychoose {
    background: linear-gradient(to bottom right,#141414,#000 25%,#000)
}

.Whychoose .SectionHeading {
    font-size: 40px;
    font-weight: 600;
    color: #fff;
    text-align: center
}

.Whychoose .perogarphsub {
    font-size: 15px;
    color: #fff;
    opacity: .7;
    text-align: center
}

.Whychoose .card {
    background: radial-gradient(circle,#0f1e1a80,#0f1e1a80 40%,#ffffff13);
    position: relative;
    border: 0
}

.card .top-left {
    position: absolute;
    top: 0;
    height: 2px;
    inset-inline-start: 0;
    background: #ffffff1a;
    width: 20px
}

.card .top-left:before {
    content: "";
    position: absolute;
    width: 10px;
    height: 100%;
    background: linear-gradient(to right,transparent,rgb(0,255,190));
    inset-inline-end: 0
}

.card .top-right {
    position: absolute;
    top: 0;
    height: 2px;
    inset-inline-end: 0;
    background: #ffffff1a;
    width: 20px
}

.card .top-right:before {
    content: "";
    position: absolute;
    width: 10px;
    height: 100%;
    background: linear-gradient(to left,transparent,rgb(0,255,190));
    inset-inline-start: 0
}

.card .bottom-left {
    position: absolute;
    bottom: 0;
    height: 2px;
    inset-inline-start: 0;
    background: #ffffff1a;
    width: 20px
}

.card .bottom-left:before {
    content: "";
    position: absolute;
    width: 10px;
    height: 100%;
    background: linear-gradient(to right,transparent,rgb(0,255,190));
    inset-inline-end: 0
}

.card .bottom-right {
    position: absolute;
    bottom: 0;
    height: 2px;
    inset-inline-end: 0;
    background: #ffffff1a;
    width: 20px
}

.card .bottom-right:before {
    content: "";
    position: absolute;
    width: 10px;
    height: 100%;
    background: linear-gradient(to left,transparent,rgb(0,255,190));
    inset-inline-start: 0
}

.Whychoose .card .card-icon {
    width: 64px;
    height: 64px;
    border-radius: 4px;
    line-height: 4rem;
    font-size: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 11px #00ffbe8c;
    color: #fff;
    margin: auto
}

.Whychoose .card .card-heading {
    font-size: 20px;
    margin-bottom: 20px;
    text-align: center;
    margin-top: 20px;
    color: #fff
}

.Whychoose .card p {
    font-size: 14px;
    margin-bottom: 20px;
    padding-top: 10px;
    text-align: center;
    color: #fff;
    opacity: .7
}

.custom-grid {
    flex-wrap: wrap;
    display: flex;
    justify-content: space-between;
    align-items: center
}

strong {
    background: linear-gradient(90deg,var(--tg-color-blue-default-2) 0%,var(--tg-color-light-blue) 100%);
    color: #fff;
    padding: 1px 10px;
    display: inline-block;
    line-height: 1.6;
    margin: 15px 0;
    font-size: 1.1em;
    border-radius: 5px
}

.services {
    padding: 20px;
    transition: ease-in-out .5s;
    border-radius: 6px;
    margin-top: 20px
}

.services i {
    font-size: 3em;
    margin: 30px 0 15px;
    color: #9463ea
}

.services:hover {
    background: linear-gradient(90deg,var(--tg-color-blue-default-2) 0%,var(--tg-color-light-blue) 100%);
    color: #fff
}

.services:hover i {
    color: #fff
}

.read-more {
    background-color: #bf033b;
    background-image: linear-gradient(315deg,#bf033b,#ffc719 74%);
    border: none;
    color: #fff;
    text-align: center;
    transition: all .5s;
    cursor: pointer;
    margin: 5px;
    width: 150px;
    padding: 12px;
    border-radius: 30px;
    font-weight: 500;
    font-size: 18px;
    text-shadow: 0px 1px 2px rgba(0,0,0,.3607843137254902)
}

.read-more span {
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: .5s
}

.read-more span:after {
    content: "f105";
    font-family: FontAwesome;
    position: absolute;
    opacity: 0;
    top: 0;
    right: -20px;
    transition: .5s
}

.read-more:hover span {
    padding-right: 25px
}

.read-more:hover span:after {
    opacity: 1;
    right: 0
}

.btn:hover {
    color: #fff
}

#earth-box span {
    position: relative;
    width: 400px;
    height: 400px;
    margin: 0 auto;
    transition: transform .2s linear;
    animation: rotate 8s linear infinite;
    color: #000;
    border-radius: 50%;
    background: url(/assets/mercury-earth-map-Bx6X0L0s.png) 0 0 repeat;
    background-size: 730px;
    box-shadow: inset 20px 0 80px 6px #000;
    transform-style: preserve-3d;
    display: block
}

#earth-box {
    width: 400px;
    height: 400px;
    background: url(/assets/mercury-earth-Vvpyi01v.png) 0 0 repeat;
    background-size: 100%;
    border-radius: 50%;
    margin: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

#earth-box-cover {
    position: relative;
    width: 590px;
    height: 590px
}

#earth-box-cover .earth-icons {
    width: 100%;
    height: 100%;
    position: absolute
}

#earth-box-cover .earth-icons .icon-1 {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAvCAYAAADw46qXAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozODRFRDVENzFDQ0MxMUVCOUE2NUE3RTYxOERCMkJDRSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozODRFRDVEODFDQ0MxMUVCOUE2NUE3RTYxOERCMkJDRSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjM4NEVENUQ1MUNDQzExRUI5QTY1QTdFNjE4REIyQkNFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjM4NEVENUQ2MUNDQzExRUI5QTY1QTdFNjE4REIyQkNFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+nUqKhAAABUlJREFUeNq0WF1oXEUUnp+7EbVQStbsZmOKVKwPbQV9EAQliPahqI0W9aGiIjUgVUFaEQUjqPWvD4raClIp/mBoK7b4g631wUAL2uc+iE2oFW2y2U1CUaHavWfGb/723mQ3m93sZmF25t69c7/5zvnmnDPLhRCsnQ9N3HUlY/pfWfiOmnmetwsY/zl4jAu9kWlVZlxPoP9J9h19cqHnRXvsHuziMnMrYxmhdZTTKrqR8Ug2mhO1RY9HNzOtYVJlTIVrDYI0unyALHOHATGATBsXasa5aAjY0KQ0+cQiJo9ud2tG4xnT/yoLh4ptMIy2U/Hp3Rj8gQZBQBR2rM+D2RTsd4tlqMCOK8N0tC2VUnHHYXT3zZ2hremYUs6UZsz9WNEkxmMYTGF2mekYbI16qaQpLnJB5xYEpOJz5odptFVzf/GABlh7MOM/rRJgHSf3Wex6TujiNxc2Kc/c4MD4XLAApD07yxJrEwEATWCOit1U84jvuWQ/R40FwVkNO81SZgyA5Hs8r7kHZn7sAS2oPhU1lnwADEtlCUMrFA/IhTOjeY77t+vUVDf9d1kYKTYy6Ul8w/G8gL4fVisAaKUzJ5rf6BbYMLRA5Fhx31QwjPX7uy3HUiq9fQVA+qHQXpi0Fy9BoxzevAEMNzm25P1HjrUVULxf5j/c1pHgTaW3ugB+HKMBC8TIg1Y84/gEAO+U+Q8udSC0WV/vAdBAzc6xvmbnmNBbZO69Sx2JpVTa8wy+h9KassFSmQv5DwabZe6d6fQcyTlfGlh53yYI4xMWXlB9j9kydtc/IPOvn+hItqDpT9fBNwdNanBbQCfsnCJfkLlXvqk3t2WGNH0gi24Ucsux+XPdHv1M5p5/tiP5kGaOGEUeZlpc42Ik8yEOSV7YcHcK8WuocwmYZ/ZCkbclEc/4K/JmFOexkHtlz47/OgJIM99vh+oedyoMaUo6UCEvIuIMyp6niou9pykf0uyPAwhlIzbeh/gYMofLiY/Iq7b90MzCo8XBRlejO4QYmbFAKgRrEWLma7L70QPNWkosAnY5uiNoPYkfQ/i3F1+B6HArMlgskO5Du6n2tt13v6A9LLNbdUcAafb4TmyBh2pKC+ezC/DfZtl9/98tl7L1sgXNfrsR7j3mkl4opEPRRIrpyt2ye/DoUqJUVCv/L9dgrx0Ed+GEoVIMbd0yvFSwGkCaGVmB76+hiVXV+iCo0UQUrb7AAt5oJ8NECdjHHKtH9GfrfMGTFCROFqcB9hj8ptsBTByo4xeRqbfYksBka+0btyUC6FVewvUKmv6ctwNoRUPlvfcgJmJPmYJS+oAiWN0y0dSAXJWwsAlbVSMNY4xKOy7D95O2F7inKkWZe3myvkl1vB8m5DYQV8XhzZlWsY0ySiKj+yKKkuI3FFCmJ1t5n8XFtTWANLX7ajyRTaK/TAnFlHrpTO7T0ZwDDIViKem5BR9bQDS0vhqMjRlDrFTz2AWG1bOF8sr1VVoa1DE/Ux9Q0AanSOWYCe8/nmY37+Rki2FKDi/hAJNmuyBDVfkLACfhvwJe0IdVX1Y9I4i0cLSvxtJpSaVOSZQ6OdnrsaZCG5V3ZQHWh59Q2vN+3NqJtnZekYT9ojKpg6jrVZz4VcdrZP7931r+24RKr55Gt96RNAxAgWukLY2opFBI6SyAoFiVBRjSGOVx3Y3xVlTb1NoJeGrYOPMihl1JpavHZW7XdR2JpXX+9lntwOacgs50JJbW/1TW1qqUjS8foK5cXy0rQnXN1PhyMrxgq2zNIAqWR1sJ5LNtB++ma9PJIaPOiuz9KF4q4P8CDAA0LJN1sNxcVAAAAABJRU5ErkJggg==) no-repeat scroll 0px 0px / cover;
    width: 28px;
    height: 47px;
    position: absolute;
    top: 205px;
    left: 115px;
    z-index: 1;
    animation: zoomfade 2s linear infinite
}

#earth-box-cover .earth-icons .icon-2 {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAA0CAYAAABl53MFAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0MzA2NjBFOTFDQ0MxMUVCQjk2QTk1MzcxRDQ3RDJFMCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0MzA2NjBFQTFDQ0MxMUVCQjk2QTk1MzcxRDQ3RDJFMCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQzMDY2MEU3MUNDQzExRUJCOTZBOTUzNzFENDdEMkUwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjQzMDY2MEU4MUNDQzExRUJCOTZBOTUzNzFENDdEMkUwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+9tOfYAAABatJREFUeNqkV1uIVVUYXv9aexwZkNFe7CEKIiQrL/uMwUCBUppjXiqzG2RQ0EMPERVFKtJAg/lkI9VD9hIVEea9CSfqxackmbPVAZlADIwklWwEZaxz9vr7/n+tfc4ZM885MwNr9tl77f3t779/m0yLf9m+nlk4LMKqputHjt7s3qQp2P77vzFMiw3Zu+KlnVjTAzXcsZYNdRpfXKDZzR5pCsqcXAPLTrIMPCuXZk4blFzHODN1s5x4agnUNmfqrhE5kOyQF8i6qfnl/ctvbYXpNQQK4GBJWEw1puWD6+7ERg8R9xhZ7GWdbR4ok4wLGKk/AWppXvbthh9wAgCeAzDxi9iEUw+L+OJ/QLNDq7vZ24VkLXLSLQDKAgFDBuAB9ekcrOXBDEB51l0BJyvgeWeSHXhoHnv3ArlkEWxdyLm9Hb/V3YwVgHA0ken17rEFUw+mel9nAsB7wGoLALGBgERAYwsgBzY2+LOgVw9jEU1lSTaX/RkJAAHQoQ9LhrEAq/+SCIblnAQo2ms0aETB5PCePARSmFq/PzE2uay0qQFQfrNTtspeXKHRD4yVNBcshaG4yhfgO2G+ZbLB5EmA1KFM9QGOjLHI1c3nnKMvvZwI5R9Laz8dFfP/LnyoJkdAowkfmSbi1xCwcCzcKy7QNDJclXvzHbFM3YRGuQDEURgHdkkO8DEwPo77MlzPsCnJ/10RIGHJPpf8HYPfhyOomGTFyeeBchLnJwE4CsAT2DhVenTwn0lleHjLnkamRCFAzNXB0upBdXQClr8Qu7npmi8uNKut8nA/ytI8UYu+MCUN0J+A/rxWg6V1uydwnGil+8M9b6AYbMhfH6pJAkTmk3TVtonWm3T8Gzn83i1oLi9qc5GSNSHh4dIKSH/cXuevd6tXUH1dEkRNPfaxgZivSyu3nmsbtPz9wAwwfFXBrCveItkkafZB+zMq9PKNyIi55Nx1l92R0oo3s7Y7f/lwv2T767XmMTlyO6Y0ThCRVUjue0lq21cbd07j+tAUR7TfrO9WB+Za75LwzLyzp+8t3zZoNvzOMub8AS1blGLoKSwpOo7fn01pRAOoX7OH48zLfTH7d/U8svVK26DZ8GvLALpUnKqAqiW0R1Sw/dGUxARXI0v1mjOBsTClr0p9235rG7Q89PIyiLulipEIsNeFgOUI0sAUZU91c0hLab4+VA8KHHHfnfYNnm4bNBt6vhe+XBEy2IXhqXUuYbcDrdTfDZhW+mVmqS9jz4wKZU+6eteptkGzg4/3Gp+v1FxXteEkyU1sd++32tGSyaWMiJOJsz0KBJ3tdDBd82V2w9Qb2iii4G6sHsRiCRr33Bpo+UBfL1G+UiNupQ3jXi/zXMBpewB4TmbafPxMsZbgBoi0CqQ7dwVN5WWNJQ2JuUlFhWqjYLbUOMAvIuFfyg5t+BAN5T5cnVnvNVyTPtpwpDd4f1WHeHnvgylZV1YhEQWEaiuytXkfqjPIHlNUBcW00wIJ8x8nR5QpzH43RJvC3JH574OcoahMaoANuiy8wBRg+gyYXk7wfZQaqj5GKgywchu1pg2RF6FQSJ4bNOogzHzUVBrcK7A3f1tuZhUGpjbQAriL6s4FD/JkfSp7VMgf9aec5VdhfuU2fNbgBh+Y6bR0AVxnuwkNugAk29AafV1TsT+DNxxDwPYlJs9nGcdBO8UoqizU2R6FW+hO0Y16/FWkAJiOyBFXR9Inf7pUT36qzDIFU/0YEB+5QpbnOHc19SyBZNqUrv95+80rivOukBb2grE8imifgH9HQQ4CzZ5Djv5RF7oKfql5mXLlWeTnWPr0mfPXbx7fO/8OpiDLi5TD33hT0PSZ34/8b/fPK7MLSW7qYnd8ik261qy7wzimhq+T6YJyZbZ+oZhGUJoeKFG1u570dFYaFWJ6YbrmH8O/h1Gy2eKnLv7VapP+V4ABALhsm55kpqfBAAAAAElFTkSuQmCC) no-repeat scroll 0px 0px / cover;
    width: 21px;
    height: 52px;
    position: absolute;
    top: 312px;
    right: 85px;
    z-index: 1;
    animation: zoomfade 1.5s linear infinite
}

#earth-box-cover .earth-icons .icon-3 {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAjCAYAAADxG9hnAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0RjZGRUYwOTFDQ0MxMUVCODhFODk5NzAwMkExMTVCQSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0RjZGRUYwQTFDQ0MxMUVCODhFODk5NzAwMkExMTVCQSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjRGNkZFRjA3MUNDQzExRUI4OEU4OTk3MDAyQTExNUJBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjRGNkZFRjA4MUNDQzExRUI4OEU4OTk3MDAyQTExNUJBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+lG/ZBAAABVlJREFUeNq0V31sFEUUn70W0GBTUdk90UgapCpiwKKBgKlQe73etXetIF+C7R8o/6BEiSYG0YDfGEGMChqjIUE+bNS01+se1zOgVxriR4Xq8eFHjA1Wb7eKYoKApTf+Zm9ub++6e7dX62t/92Z23uy8ffPemzeCw+EghZIS8s+TPIFuq3G1o0YilN5PCN0i1n983s47HYUr0VAJdkgJ+ToVuf56C7FnOb5Rg1VVo66IEmpk8lt51wXEFLnuSVX2jktbwz0TbBXvMkVv+j8s0gTMMvSZAk8DvWqHZwF/tg0QeDtGKHlLU7B9/nNq4M41aqDSdE2hEB+BRSZj398A6gD8A+BCqi3QKHilYawGPhJR2xdMR+cooYki8B6aoA1SY7R/xBaRPK19kqetHs1FwC8mIpXpTxTamRK8/Qp+i8BZb7zgIGr2xGIyEqIkADMwZ5xkWFgb0DjVhK5Rg67bwK8lJFFtmL1O9EcHR0cRQh5IO6G2Mfov14JRBfA5cMYwTxb9n4bMXlg8gvAtBdvEdeC+YElM4nLdjrDGqOURvHs9fiZabBmjqNEsWUq9jci58b9HTXhhGUkkTmCdccm1hkVODJFzKzhyCd0OfntSLqHLgf+Dn410iL4k3d01NFKLvMhzhxWtE737L4p14S/RngM8CPyVJTMWeB7oVFrvuKJgiyjhRXPxJd2wCNGtkWmRNtErNw47d4LVyD2JVm4lXR4WYXknhnlVYmP3gC1FlPA9LCYPA7MtFBnEC6dBkR9MD8H2qishcwyQshRhwwcEhLfdrVkGzM4x/qqVEoxE34Hfwd4d7qFagsOhKCxx5LfG4kvBXsghMsBP2nz0s4kSKWq2Y5GHgck5xpnzrcAJXJTnPTekz0Ihe2xGTh9Rwksk7Of3QInuEykfoXyP086KQ40+JNaFDpn4iBMCJzFempqLg0+fj7l9+SzCMmhJjvHDhjarQ7pUufZ91CQVhqgpR2wG0SzN8Z6obpF454qrnTW7f9Wt0bl0OrQ9CpWLMqIkbZGg5A34UKX50dmGryrLtBL5DY0/0EZxRIWspJaMHKpbZI6mRTyyku1zVzxybyQeWZ5KwS9rR7c5XQQe1UoDbzAAdjPwDHDBIHMVMNXMIbJoK/LIZ6mtWQ1MAdhx/bUSWbYP3J1j8g5Y41u9TvF2nEP4PsW3pycrIqwogb/N4I9p7jtwsPkyOM6PMNHEZIIxVFyUZiav5Nb8CT4FBdJp0+Ql114C1oK5PsM29GDiHrRZhTcW/Dvwj1CX9BnLgLPA4zxXiDa+ZJOVElry8u4/D2VYAjxuCPtZvN8s+j4xrRsc0l27qNP1Hst65cBrwFAOJRDKZHs+TaHM32B7sx7fB2zIW48gYs44XXvW8n2OWshPAJajOLLjBGZfvhHVfIWtwsjp2hsDm88WNLEOi4SdLMIU2X+L5U1PrhUsnN3Brx/2KjTJtY/yULQK33nAEdz2XkcemWQy/givWc3IiyqtxFaFhvAthmcfA8p5tLQB44FqkxSPipzKiDR2pzmLZx7wBn139MjLSGgzUUT32qlZV3PnZXQOWCO5P2RXzHdMZMcAbOEtwJu8nY9O2y2eVxozn+T+oB8VGqvGFxZy+bHw2SOwxim7irAb/BPAT8Bm/mwDjxpG/Tx977SIDutsSsjagqt4lAFjJHfLIErFMqx3UsuKSR9pQlLbpcnI9TPQXw8fWYy9F4ylQZon2IlzAf0m0XewpeB7DVOCN5mXn+Dtr4Dd6XMm2IuzZima0/hBaVYyfgEl5lopUWgVD0G6ChY5jst4dy5Z1CPYQnodFsepTk/hMh7P9/5/BRgA5KJhYS+L0n4AAAAASUVORK5CYII=) no-repeat scroll 0px 0px / cover;
    width: 34px;
    height: 35px;
    position: absolute;
    top: 171px;
    right: 187px;
    z-index: 1;
    animation: zoomfade .9s linear infinite
}

#earth-box-cover .earth-icons .icon-4 {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAhCAYAAAAswACjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1QTNGREM2RTFDQ0MxMUVCQUZFMEE3MzVDMDczQjdCQiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1QTNGREM2RjFDQ0MxMUVCQUZFMEE3MzVDMDczQjdCQiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjVBM0ZEQzZDMUNDQzExRUJBRkUwQTczNUMwNzNCN0JCIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjVBM0ZEQzZEMUNDQzExRUJBRkUwQTczNUMwNzNCN0JCIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+0hXjaAAAA99JREFUeNqkVt1LVEEUP3N3FcsdTPsyBZESgiiilx6C/oLooYcCCSKoCKGoKHqoiNI0jT4trB6ievG1oCCC3sOXgqjooYIKyj4sdZQld+9Mv5k7M3vvrtWuOzKcuXev53d+53NYJpOhatYXcWyJIvmeSAbYM4rCSUYyL0lChjNE4f40Vb3SxwOS9QAi7HmMggYoJgDgmY0xYq+qAvkqetphfZcikABIYICMcvMHsPOtfHCqKhBGNd2wvoYZy5lRToBilNfnUXxxzXw315h8ExdWQ+0LgDCKXKUtt0zM+dAy3nvZOLQKFn1EigVeqbRuMmtUEd30UZsLwJgY2qBIbQYI6Xho66Ng6zfaABpo5qeyVYEQ1fQzoy40DIxax6GIxZxAfok7m2DvRmVZoCZsoCMWWN1L+dHsnEHGxXAAu3uZsV5DmCyyLsrrTz5h3yqppAoLrxMVsVb5mmBOuWWR61vMD8yUJEm5KTwu7tVCvIaTVpBxkfQBJwBJyn/Cc8civrcEJCg/ZdN7sFcEIA8JgBSk3oE9B2fAa80PMdT9XVytr5jJhHhUDwVvcWxOFl3esIjY5D6CTRvkrYW8a3fFMYGVBzVAdE7ZQLvsClwhtsGQENHqrzgmk+LxQoh32A2FtxogZ5nkLKvcCM43m/iu2xVl14R4sAbiZBKgZA1hn2viOz781RPFTFALC4B9GHsrArwS1W1dEuchDQOdUUjhjgV828w/E7/4BRxxHP4+ooznXTWnfeuL3uddUzz7P4ASJj/F7VZYjyxK1yHAX5GaS12aFnqTomgKhqOYI8sBkv0fSFGdSHTW8DRkBxTdZ7FUdVtaid8GygH4a3b9Enc7iFJvsFNJFt6p32BEeyPvLAtk1uyC9ScQlxT5WnCj1dWHutTIt2fL7hbFTMbEdcMCDFLkiy0BMgZwsNg5VXZbnYVFt2YhTcCjILOYu5BbF1FwU5X07gST7+LCKuC+BAPG/M2DkSrkxwR2OzrteEUDoojFSahkrrNGMWHmombX5UV833il09QzwUVtLTCfA4A5BhEYi13W9PxW03gDd8nfMCKL56w+w8BppH8OUsDFsCp8iCvRkwQT/HhasyDPwrmJ+V4cdWLl6z7qvsoylbZI/SgYTjDBpXkdrH4W1WYhoxyTWerETkblOwD5u5fpBk9b+MCGREzwsodi9w2XUQU3lYJIDxAHdCNZDiZiMqFOrIfFI3aExliwmMtmG2TFTJwMP8N97S38Si7GJI+xGWzBP82Hq+ajPjIAyMC+Ou1NnPW8rsG5IfpecchaQOB7s2uhnkMxAikbAHQDN/lc3KA/AgwAC3/Rc5dJ3uQAAAAASUVORK5CYII=) no-repeat scroll 0px 0px / cover;
    width: 25px;
    height: 33px;
    position: absolute;
    top: 117px;
    left: 193px;
    z-index: 1;
    animation: zoomfade 1.3s linear infinite
}

#earth-box-cover .earth-icons .icon-5 {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAhCAYAAADH97ugAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozRjcwMzIwQjFDREUxMUVCOEM1Q0FGMjU3QURBODhDQyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozRjcwMzIwQzFDREUxMUVCOEM1Q0FGMjU3QURBODhDQyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjNGNzAzMjA5MUNERTExRUI4QzVDQUYyNTdBREE4OENDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjNGNzAzMjBBMUNERTExRUI4QzVDQUYyNTdBREE4OENDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8++LeA/gAABXJJREFUeNq0V1tsVFUU3fvc1xi1BcVEPoQmFaOJD2LsTA0gM9MWq6iRQCCaaIySGHxhBB+o0Q+I2hASrfonisaYaAma0Gqg05kpxdjeQcIPRBIiGFOJCrEISDu9c7frnDtT0JaWVjzJ7plzz2Odtfbj3hKN0Xq+oZnf7SSbLmJTO7bR5Zmv6JF8+9mDbUvNZeX+2NsZe/RiAbH+091Bp22bjirmDaycT0msaiLrGLFVZGVXkXANiepPNP52asqM9B/XoUOWZdUyuR+ROD8Qu/cye4eZPJfEvZXIu4449nNfZva6/8Sot9OZD8E2EDsLwYgotDCjldRmrRVRW3CnY2AWssXTEumDJ6fEqL5peHd905kks3sXGAHExVOPRFz9ew3YrWCOHYEppti8KUt3trmdJBrAM2CQDuy8mcTe+5irQa8vsGDK0p3bejNzTjI7l5FANraMfAgIcydISJBvABMtePBeoqH71BQZ4Qh2BmARIxXDGAxD9wkJY90kMf1sGuxN2BE/d+daP9fkTQkIAAPaN8gjADgwD7+9w4mGriRkS0HaXdp/sCsRkRsx3t/XdXdq8kACRgZEg0W+woGz9FSioT0fT29fCGbLYccRHJphLfouP3ffG31di9WFS6ecASk5uh8Bw2HXnLsmnv6iDc/qkVu/RuxcRuCsg8yf+dl7rAsCglwDbFVAdOQ5Osxn/XtdXfKTQ4jOh+E748soJdwVUYRekHT2aQltw4h1wuqgYLfWz60cFaHx1Ac7wfhbfakIUMvsPO7nli6dWDrLHmRUBW0CNhQxmgdp9vrZ1fcX8s/9AxCsMhVf6uAxYGS3+Nkl1gTSWSd07hhWrEGcSD5yUNG9L1EZegv5V5YVul91o0T0roBkFFUUp7zPrmVlzZ8gj5RgEWkTXfOQuCL2KTgaBdU5LuzFEXFtFMZ+L+TXHyDlPm18OSJ1lOQi1vUT5BEqQKiiKfxm1qB2qS7Z8hbCvAbyvAaHn4BVgckNpP0jduVwXYSjvaJK5x5rXnZ+7vYmKXkJRM/bWPQXTq8shmQGrNpEWup1XXLW79nV+i76DRIGq4hxKy2XFZwxuSBK4aI+Nm0bBYQ2Wx8AexI09kclkA0j1LZRJfG2O55BvaOnALhFwuE2HFpDoVn3LOzDeHrz6fNF3fRyfzVOboCRMQlp5PcYDYB7MDcfmv1ESi4hllY83upnH6seG0ikB4sOwDAI9TjqOcRlNViJEGljfqzUJV/qJxWslDAkKcGk1Mwq3O1nH7hqFFA83duL29+Mw1ei78fCMqDZiC7AOEifr47VLVyfwfxB5pK5FPbeiEvu9HNLLh0VdYnGnlI81blZJJwjYelF2AnWgcMBWAUALO4o5F/o2JN/+ZaxwOCrfUK4kGggvac0lyRoPe+Lr9IK+WXTURG2o/zMM68NUyF0abIEIfY53NZSl9y4r7Lez64Cq2IDq2GsGwJgsdLHE42ZAo/3DvGzy1GlnWVIVAEItHQsLudX2bd9kGg3VJhJMvygAQmLmB/GHEAYYOHQ13gTLx4fKLcki2xPofz0oxwtQqXYhN3NI0AmMkHQ5KYGKZVBitEYYMzDAfoZajwg3G6GYANzcaAu+TGicnATvikxHjprahDrtAGAimXJgmjMJoigd3DTuECsikdBXdP/I0IuVpNUDh58B8+7iYYiAC77pAxGqlgJIowDmYhRMzYtxyF+NB6s0iBgpi2LN20S4xQAOnAB0SD6YgbESKmDIfgF+78f9z8GOFFnblvZcPhQdVQHWbvnzygH2/Po8n2Z5BwExkOoeYsQGNdCPgZIAaBr8GU7yJP5COzLLsD3Hq8G0PMYpnGRvfR/Nj9bPx1WPZk9fwswAKxTc8xLBtXDAAAAAElFTkSuQmCC) no-repeat scroll 0px 0px / cover;
    width: 26px;
    height: 33px;
    position: absolute;
    top: 51px;
    right: 229px;
    z-index: 1;
    animation: zoomfade 1.7s linear infinite
}

#earth-box-cover .earth-icons .icon-6 {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAYCAYAAADzoH0MAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0RDdGQTc2MDFDREUxMUVCODc4RkMzMzg0MjlDNThGNSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0RDdGQTc2MTFDREUxMUVCODc4RkMzMzg0MjlDNThGNSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjREN0ZBNzVFMUNERTExRUI4NzhGQzMzODQyOUM1OEY1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjREN0ZBNzVGMUNERTExRUI4NzhGQzMzODQyOUM1OEY1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+8MAKcwAAAgpJREFUeNqUVD1P3EAQnVmb8yEFASJAFJCSnl+ABBT0iIIiSgFItAgpPUXKJD1KkT8QKQX/gb9Ah4SgQ3ApwlEQ+9be4e2ssaGxfXt6t+O5e28+drxM5Srkyy5TtC4UvSfiBSZegvvC8PdNalhxbSY7RNE2RGAbgoB3/qWWVQkw9QA8OggY7MLUZdUC0sO3BwQKgM14AigB0SdKFwScZjDdXUDJgM+EY+2DVtY9gygOJfSCkDZzrBKiN0pikB1ERH+abBOoOyUmPPrdk5k9Ev3J/l7rkMFLWXk+xkTs6RlR9gH2x+YM2PlO+pkEOQ/P7PoIvwFf1l6CEi1IowBJsacC+yew3liCyLcZcvatnpqU2YRBeuCJg8PGJoo7PkLkSyK7UkWn9AVajtFx/tUIz+nIsG+eK0+i27uAf9orx/YTOn0O1JGjLKBNQGi0GvGPPwXbREAUTsmZDOeBnf7ft5YQ80kRzLSPywQ9jMu7gMcd5WzKVyTqahawstd3VLxjGs1z7dx/QNFTYTTMM32Itv7CgC0DC5iVJaF8UcjNClnPGlYCmXxG341Gfl2C6CfsDl5MKSC622EcyFvawBDZl8GKcCHUZNFRz3VqvQAji7IHo0lWhycHVC+pijgFqUjhs/gH+85Rfh1GmTLcBfwI4i2yGMAeoAzYNEDsG+AO0W9AuvVI+Kwa0ScBBgCldtLcXIAPZAAAAABJRU5ErkJggg==) no-repeat scroll 0px 0px / cover;
    width: 16px;
    height: 24px;
    position: absolute;
    top: 144px;
    right: 145px;
    z-index: 1;
    animation: zoomfade .95s linear infinite
}

#earth-box-cover .earth-icons .icon-7 {
    background: url(/assets/gold-animation-icon-B1iNcKBp.png) no-repeat scroll 0px 0px;
    width: 60px;
    height: 60px;
    position: absolute;
    top: 364px;
    left: 218px;
    z-index: 1;
    background-size: 100%;
    background-position: center;
    animation: zoomfade 2s linear infinite
}

@keyframes zoomfade {
    0% {
        transform: scale(.6);
        opacity: .6
    }

    50% {
        transform: scale(1);
        opacity: 1
    }

    to {
        transform: scale(.6);
        opacity: .6
    }
}

@keyframes rotate {
    0% {
        background-position: 0 0
    }

    to {
        background-position: 730px 0
    }
}

#earth-box-cover:before {
    width: 589px;
    height: 589px;
    background: url(/assets/mercury-earth-cover-CNFqRIHC.png) 0 0 repeat;
    background-size: 100%;
    border-radius: 50%;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 1
}

.hero {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden
}

.videoBg {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: translate(-50%,-50%);
    z-index: 0;
    pointer-events: none
}

.overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #0006;
    z-index: 1
}

.content {
    position: relative;
    z-index: 2;
    color: #fff;
    text-align: center;
    top: 0%;
    padding: 40px 0 0
}

.rotating {
    animation: rotate-animation 10s infinite linear;
    width: 80%
}

@keyframes rotate-animation {
    0% {
        transform: rotate(0)
    }

    50% {
        transform: rotate(180deg)
    }

    to {
        transform: rotate(360deg)
    }
}

.about-us-section {
    background: #000;
    padding: 100px 0;
    z-index: 1
}

.about-us-section .about-content-img {
    position: relative
}

.about-us-section .about-content-img figure {
    position: absolute
}

.about-us-section .about-content-img figure img {
    width: 100%
}

.about-us-section .about-content-img .about-section-f1 {
    top: -24px;
    left: -38px
}

@media screen and (max-width: 1440px) {
    .about-us-section .about-content-img .about-section-f1 {
        left:0
    }
}

.about-us-section .about-content-img .about-section-f2 {
    left: 353px;
    top: 173px
}

@media screen and (max-width: 1440px) {
    .about-us-section .about-content-img .about-section-f2 {
        left:386px
    }
}

.about-us-section .about-content-img .about-section-f3 {
    top: 336px;
    left: 92px
}

@media screen and (max-width: 1440px) {
    .about-us-section .about-content-img .about-section-f3 {
        top:330px;
        left: 125px
    }
}

.about-us-section h6 {
    color: #4aa5f0;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin-bottom: 22px
}

.about-us-section h2 {
    margin-bottom: 33px;
    color: #fff;
    font-size: 52px;
    line-height: 56px;
    font-weight: 700
}

.about-us-section .about-us-content .aboutus-p {
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;
    color: #fff;
    padding-right: 23px;
    margin-bottom: 20px
}

.about-us-section .about-us-content .list-margin-bottom {
    margin-bottom: 0
}

.about-us-section .about-us-content ul i {
    background: var(--tg-color-blue-default);
    color: #1f253e;
    border-radius: 100px;
    width: 20px;
    height: 20px;
    position: relative;
    text-align: center;
    padding: 5px;
    margin-right: 17px;
    font-size: 13px;
    line-height: 12px
}

.about-us-section .about-us-content .banner-btn a {
    color: #fff;
    background: linear-gradient(180deg,var(--tg-color-blue-default) 0%,var(--tg-color-dark-blue) 100%);
    border-radius: 15px;
    padding: 20px 48px 21px 47px;
    display: inline-block;
    position: relative;
    font-weight: 600;
    transition: transform ease .3s;
    line-height: 20px;
    word-spacing: 2px;
    font-size: 20px;
    transition: ease-in-out .3s
}

.about-us-section .about-us-content .list-span {
    color: #afb6d2;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    word-spacing: 0px;
    letter-spacing: 0
}

.about-us-section .about-us-content .cloud-security-li {
    margin-left: 0
}

.about-us-section .about-us-content ul li {
    display: flex!important;
    margin-bottom: 20px!important
}

.about-us-section .about-us-content .threat-detection-li {
    margin-left: 0
}

.about-us-section .about-us-content .cyber-security-li {
    margin-left: 63px
}

.about-us-section .about-us-content .server-security-li {
    margin-left: 61px
}

.pos-rel {
    position: relative
}

.xb-process .xb-item--icon {
    text-align: center;
    margin-bottom: 110px
}

.xb-process .xb-item--icon img {
    animation: gentleSwing 3s ease-in-out infinite
}

@keyframes gentleSwing {
    0% {
        transform: rotate(-8deg)
    }

    50% {
        transform: rotate(8deg)
    }

    to {
        transform: rotate(-8deg)
    }
}

.summary__img img {
    width: 100%;
    margin-left: auto;
    display: block
}

.img2 img {
    margin-left: auto;
    display: block;
    border-radius: 20px
}

.xb-process .xb-item--holder {
    text-align: center;
    padding: 0 20px;
    z-index: 9;
    position: relative
}

.xb-process .xb-item--title {
    font-size: 26px;
    letter-spacing: -.02px;
    text-transform: capitalize;
    padding-bottom: 17px
}

.xb-process .xb-item--content {
    line-height: 24px;
    display: inline-block;
    max-width: 230px;
    color: #fff;
    font-size: 16px
}

.xb-process .xb-item--shape {
    position: absolute;
    right: 0;
    left: 0;
    top: 40%;
    z-index: 1
}

.xb-process .xb-item--shape svg {
    overflow: hidden;
    width: 100%;
    height: 100%;
    display: block
}

.process {
    padding: 20px 0 50px;
    background-color: #000
}

.section2-text {
    padding: 0!important;
    font-size: 16px!important
}

.section2-figure img {
    width: 40px
}

.section2-box h6 {
    font-weight: 300;
    font-size: 18px;
    line-height: 30px
}

#project {
    background-color: #030406;
    padding: 60px 0
}

#project .head {
    margin-bottom: 40px
}

#project .head span {
    color: #fff
}

#project .head h2 {
    color: #fff;
    padding: 10px 0;
    font-size: 40px
}

.card-container {
    transition: flex .6s ease-in-out,transform .6s ease-in-out;
    position: relative;
    overflow: hidden;
    flex: 0 0 17%
}

.card-container.active {
    flex: 0 0 47%;
    z-index: 10
}

.custom-card {
    position: relative;
    height: 583px;
    overflow: hidden;
    border-radius: 30px;
    margin: 0 15px;
    background-color: #000;
    transition: ease-in-out .8s;
    cursor: pointer
}

.card-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 100%;
    transition: opacity .8s ease-in-out
}

.card-container.active .card-img {
    opacity: 100%
}

.card-content {
    position: absolute;
    bottom: 25px;
    left: 25px;
    right: 25px;
    color: #fff;
    background-color: #00000059;
    border-radius: 15px;
    border: 1px solid rgb(255 255 255 / 35%);
    opacity: 0;
    transition: .4s ease-in-out;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 21px 25px
}

.card-top-contnt {
    position: absolute;
    top: 30px;
    left: 25px;
    color: #fff;
    opacity: 0;
    transition: .4s ease-in-out
}

.card-top-contnt span {
    font-size: 14px;
    font-weight: 500;
    background-color: #0006;
    border-radius: 15px;
    padding: 8px 17px
}

.card-container {
    margin-bottom: 30px
}

.card-container.active .card-content,.card-container.active .card-top-contnt {
    opacity: 1
}

.custom-card img {
    border-radius: 30px
}

.project-inner-con {
    margin-bottom: 0
}

.our-projects-con .card-content a {
    color: #fff;
    width: 46px;
    float: right;
    height: 46px;
    border-radius: 100px;
    background: linear-gradient(180deg,var(--tg-color-blue-default) 0%,var(--tg-color-dark-blue) 100%);
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 15px;
    right: 15px;
    flex-shrink: 0
}

.our-projects-con .card-content a:hover {
    text-decoration: none;
    background-image: linear-gradient(to top,var(--e-global-color-bright-violet) 0%,var(--e-global-color-strong-violet) 100%)
}

.card-content h4 {
    font-weight: 600;
    color: #fff;
    margin-bottom: 5px
}

.card-content p {
    color: #fff;
    font-size: 14px
}

#robot {
    position: relative
}

#team {
    padding: 80px 0;
    background-color: #030406
}

#team h2 {
    font-size: 50px
}

#team .head span {
    color: #fff
}

.teams-fig img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    border-radius: 10px
}

.about-left-back-img {
    position: absolute;
    left: -41%;
    top: -385px;
    overflow: hidden;
    z-index: -9
}

.star {
    animation: star 10s ease-out infinite
}

@keyframes star {
    0% {
        opacity: 0;
        transform: scale(1.5) translateY(-.75em)
    }

    20% {
        opacity: 1
    }

    89% {
        opacity: 1;
        transform: scale(1)
    }

    to {
        opacity: 0;
        transform: translateZ(-1000em)
    }
}

.teams-img-content .hover_box_plus {
    margin-bottom: 36px
}

.teams-img-content .hover_box_plus ul {
    position: absolute;
    left: 3px;
    right: 0;
    bottom: 90px
}

.teams-img-content ul li {
    list-style: none;
    display: inline-block;
    margin: 0 3px;
    text-align: center
}

.text-decoration-none {
    text-decoration: none!important
}

.teams-img-content {
    position: relative;
    text-align: center;
    margin-bottom: 40px
}

.teams-img-content ul li i {
    color: #fff;
    background: #4aa5f0;
    border-radius: 100px;
    font-size: 16px;
    line-height: 34px;
    width: 36px;
    height: 36px;
    border: 1px solid #4aa5f0;
    transition: ease-in-out .3s
}

#faq {
    background-color: #030406;
    padding: 40px 0
}

@media (min-width: 768px) and (max-width: 991px) {
    .xb-process .xb-item--icon {
        margin-top:40px
    }
}

@media (min-width: 320px) and (max-width: 767px) {
    #earth-box-cover {
        margin:auto;
        display: table;
        width: 280px;
        height: 280px
    }

    .xb-process .xb-item--icon {
        margin-top: 150px
    }

    #earth-box-cover:before {
        width: 280px;
        height: 280px
    }

    #earth-box-cover .earth-icons .icon-1 {
        width: 20px;
        height: 36px;
        top: 107px;
        left: 58px
    }

    #earth-box-cover .earth-icons .icon-2 {
        width: 12px;
        height: 30px;
        top: 168px;
        right: 46px
    }

    #earth-box-cover .earth-icons .icon-3 {
        top: 92px;
        right: 101px;
        width: 19px;
        height: 20px
    }

    #earth-box-cover .earth-icons .icon-4 {
        top: 63px;
        left: 105px;
        width: 14px;
        height: 17px
    }

    #earth-box-cover .earth-icons .icon-5 {
        top: 25px;
        right: 124px;
        width: 17px;
        height: 22px
    }

    #earth-box-cover .earth-icons .icon-6 {
        width: 10px;
        height: 14px;
        top: 77px;
        right: 78px
    }

    #earth-box-cover .earth-icons .icon-7 {
        width: 34px;
        height: 34px;
        top: 196px;
        left: 117px
    }

    #earth-box,#earth-box span {
        width: 240px;
        height: 240px
    }

    a.navbar-brand img {
        width: 100px!important
    }

    .summary__content p {
        font-size: 14px;
        padding: 10px 0;
        text-align: justify
    }

    .Whychoose .SectionHeading {
        font-size: 40px;
        font-weight: 600;
        color: #fff;
        text-align: center;
        line-height: 45px
    }

    .Whychoose .card {
        margin-bottom: 20px
    }

    #robot:before {
        content: unset
    }

    #robot .des h2 {
        font-size: 50px;
        font-weight: 800;
        color: #cdc5df;
        line-height: 80px
    }
}

@media (min-width: 320px) and (max-width:575.99px) {
    .content {
        padding:0
    }

    .about-us-section {
        padding: 50px 0
    }

    .about-us-section h2 {
        font-size: 25px
    }

    .about-us-section .about-content-img .about-section-f1 {
        position: unset;
        width: 75%;
        margin-left: auto
    }

    .about-us-section .about-content-img .about-section-f3 {
        width: 200px;
        top: 50%;
        left: 0
    }

    #strip ul li h2 {
        font-size: 40px
    }

    .about-us-section h2 {
        margin-bottom: 10px
    }

    #project .head h2 {
        font-size: 18px;
        line-height: 30px
    }

    .custom-card {
        height: 450px
    }

    .card-content h4 {
        font-size: 20px
    }

    .card-top-contnt {
        top: 20px
    }

    .section__title .title {
        font-size: 25px;
        line-height: 35px
    }

    .summary__img img {
        width: 60%;
        margin: 0 auto
    }

    .section2-box h6 {
        font-weight: 300;
        font-size: 14px;
        line-height: 30px
    }

    #team {
        padding: 0
    }

    .section__title .title {
        font-size: 25px
    }

    #robot .des h2 {
        font-size: 25px;
        line-height: 50px
    }

    #newsletter .contact-detail h2 {
        font-size: 25px
    }

    #newsletter .contact-detail p {
        width: 100%
    }

    .faq__wrap .accordion-button {
        padding: 15px 50px 20px 10px;
        font-size: 14px;
        line-height: 26px
    }

    .footer__area {
        padding: 30px 0 0
    }

    #newsletter .contact-detail .input-flex input {
        width: 100%;
        margin-bottom: 10px
    }

    .hero {
        height: 100%;
        padding-bottom: 10px
    }

    .social-icons {
        display: inline-block;
        margin-bottom: 20px
    }

    .about-us-section .about-us-content .aboutus-p {
        font-size: 16px;
        line-height: 30px;
        font-weight: 400;
        color: #fff;
        padding-right: 0;
        margin-bottom: 20px;
        text-align: justify
    }

    .about-us-section .about-us-content .list-span {
        font-size: 16px
    }

    .xb-process .xb-item--icon {
        text-align: center;
        margin-bottom: 90px
    }
}

.homepageheader {
    background-color: #000
}

.homepageheader ul.navbar-nav {
    gap: 30px
}

.homepageheader ul.navbar-nav li a {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    font-size: 18px;
    font-weight: 500;
    gap: 4px;
    line-height: 1;
    line-height: 18px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    color: #fff
}

a.navbar-brand img {
    width: 150px
}

.Loginsigenuppage {
    background: linear-gradient(to bottom,#030303de,#03010dab),url(/assets/bg-BbaG0CRw.jpg) center / cover no-repeat
}

.Loginsigenuppage .card {
    background: transparent;
    transition: box-shadow .3s cubic-bezier(.4,0,.2,1);
    border-radius: 16px;
    z-index: 2;
    border-color: var(--tg-color-blue-default)
}

.Loginsigenuppage .card .loginlogo {
    width: 120px;
    height: auto;
    margin: auto
}

.Loginsigenuppage .card .Heading {
    font-size: 30px;
    text-align: center;
    color: #fff;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0
}

.Loginsigenuppage .card a {
    color: var(--tg-color-blue-default)
}

.Loginsigenuppage .card .input-group .input-group-text i {
    color: #fff
}

.Loginsigenuppage .card p {
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    opacity: .7;
    text-align: center;
    margin-bottom: 15px
}

.Loginsigenuppage .card .form-label {
    margin-bottom: .5rem;
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    margin-bottom: 10px
}

.Loginsigenuppage .card .input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%
}

.Loginsigenuppage .card .input-group .input-group-text {
    background: transparent;
    color: var(--tg-color-blue-default);
    border-color: var(--tg-color-blue-default)
}

.Loginsigenuppage .card .form-control {
    border-color: var(--tg-color-blue-default);
    background-color: transparent!important;
    color: #fff!important;
    font-size: 15px;
    height: 45px;
    box-shadow: none
}

.Loginsigenuppage .card .form-select {
    border-color: var(--tg-color-blue-default)
}

.Loginsigenuppage .card .form-control::placeholder {
    color: #fff
}

.Loginsigenuppage .card .form-control:-webkit-autofill,.Loginsigenuppage .card .form-control:-webkit-autofill:hover,.Loginsigenuppage .card .form-control:-webkit-autofill:focus,.Loginsigenuppage .card .form-control:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 1000px transparent inset!important;
    -webkit-text-fill-color: #fff!important;
    background-color: transparent!important;
    transition: background-color 9999s ease-in-out 0s
}

.Loginsigenuppage .card .tg-btn {
    width: fit-content;
    margin: auto;
    display: flex
}

.Loginsigenuppage .card .account-footer {
    margin-top: -35px;
    padding: 15px;
    background: linear-gradient(180deg,var(--tg-color-blue-default) 0%,var(--tg-color-dark-blue) 100%);
    color: #fff;
    border-radius: 0 0 16px 16px
}

.Loginsigenuppage .card .account-footer a {
    color: #fff;
    text-decoration: none;
    font-weight: 700
}

.Loginsigenuppage .card .form-check .form-check-input:checked {
    background-color: var(--tg-color-blue-default)
}

.Loginsigenuppage .card .form-check .form-check-input {
    border-color: var(--tg-color-blue-default);
    box-shadow: none
}