/* ====================================================================

  Google fonts

==================================================================== */



@import url('https://fonts.googleapis.com/css?family=Poppins:200,300,400,500,600,700');

@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@300;400;500;600;700&display=swap');





/* ====================================================================

  Import All Css

==================================================================== */



@import 'bootstrap.min.css';

@import 'animate.css';

@import 'font-awesome.min.css';



/* ====================================================================

  General css style

==================================================================== */

* {

    margin: 0;

    padding: 0;

}



html {

    scroll-behavior: smooth;

}



body {

    font-family: 'Poppins', sans-serif;

    overflow-x: hidden;

    background-color: #2f2f2f;

}



.darker {

    background: transparent;

}



h1,

h2 {

    font-family: "Rajdhani", sans-serif;

    color: #fff;

    line-height: 1.4;

    font-weight: 700;

}



h3,

h4,

h5,

h6 {

    font-family: 'Poppins', sans-serif;

    color: #fff;

    line-height: 1.4;

    font-weight: 500;

}



table {

    display: none

}



a,

a:hover,

a:focus,

a:active {

    text-decoration: none;

    -webkit-transition-duration: 500ms;

    transition-duration: 500ms;

    outline: none;

}



li {

    list-style: none;

}



p {

    line-height: 1.9;

    color: rgba(255, 255, 255, 0.5);

    font-size: 18px;

}



img {

    max-width: 100%;

    height: auto;

}



ul,

ol {

    margin: 0;

    padding: 0;

}



.section-header {

    position: relative;

    margin-bottom: 50px

}



.section-title {

    font-size: 44px;

    margin-bottom: 20px;

    margin-top: 0;

    position: relative;

    text-align: center;

    color: #fff;

}



.section-header .desc {

    max-width: 800px;

    text-align: center;

    margin: 0 auto

}



.bg-title {

    margin-bottom: -37px;

    margin-left: -30px;

    font-size: 66px;

    opacity: .04;

    font-weight: bold;

    text-align: center;

    line-height: 1;

    text-transform: uppercase;

}



.header-area .light.classy-nav-container a {

    color: #fff

}



.header-area.sticky .classy-navbar-toggler .navbarToggler span {

    background: #333 !important

}



#preloader {

    position: fixed;

    width: 100%;

    height: 100%;

    z-index: 99999;

    top: 0;

    left: 0;

    background: #FF5455;

}



.preload-content {

    position: absolute;

    top: 50%;

    left: 50%;

    margin-top: -35px;

    margin-left: -35px;

    z-index: 100;

}



#dream-load {

    width: 70px;

    height: 70px;

    border-radius: 50%;

    border: 3px;

    border-style: solid;

    border-color: transparent;

    border-top-color: rgba(255, 255, 255, 0.5);

    -webkit-animation: dreamrotate 2400ms linear infinite;

    animation: dreamrotate 2400ms linear infinite;

    z-index: 999;

}



#dream-load:before {

    content: "";

    position: absolute;

    top: 7.5px;

    left: 7.5px;

    right: 7.5px;

    bottom: 7.5px;

    border-radius: 50%;

    border: 3px;

    border-style: solid;

    border-color: transparent;

    border-top-color: rgba(255, 255, 255, 0.5);

    -webkit-animation: dreamrotate 2700ms linear infinite;

    animation: dreamrotate 2700ms linear infinite

}



#dream-load:after {

    content: "";

    position: absolute;

    top: 20px;

    left: 20px;

    right: 20px;

    bottom: 20px;

    border-radius: 50%;

    border: 3px;

    border-style: solid;

    border-color: transparent;

    border-top-color: rgba(255, 255, 255, 0.5);

    -webkit-animation: dreamrotate 1800ms linear infinite;

    animation: dreamrotate 1800ms linear infinite

}



@-webkit-keyframes dreamrotate {

    0% {

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg)

    }



    100% {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg)

    }

}



@keyframes dreamrotate {

    0% {

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg)

    }



    100% {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg)

    }

}



/* Blip CSS */



.dream-blip {

    position: absolute;

    width: 8px;

    height: 8px;

    border-radius: 2em 2em 2em 2em;

    background-color: #21d397;

    box-shadow: 0 0 5px #fff;

    -webkit-transform-origin: 50% 50%;

    transform-origin: 50% 50%;

    opacity: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    -webkit-animation: dreamblipper ease 4s none infinite;

    animation: dreamblipper ease 4s none infinite;

}



@-webkit-keyframes dreamblipper {

    0% {

        opacity: 0;

        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    }



    35% {

        opacity: 0;

        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    }



    50% {

        opacity: 1;

        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

    }



    100% {

        opacity: 0;

        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    }

}



@keyframes dreamblipper {

    0% {

        opacity: 0;

        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    }



    35% {

        opacity: 0;

        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    }



    50% {

        opacity: 1;

        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

    }



    100% {

        opacity: 0;

        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    }

}



.dream-blip.blip1 {

    top: 20%;

    left: 20%;

}



.dream-blip.blip2 {

    top: 70%;

    left: 30%;

}



.dream-blip.blip3 {

    top: 30%;

    left: 10%;

}



.dream-blip.blip4 {

    top: 60%;

    left: 10%;

}



.mt-15 {

    margin-top: 15px;

}



.mt-20 {

    margin-top: 20px;

}



.mt-30 {

    margin-top: 30px;

}



.mt-40 {

    margin-top: 40px;

}



.mt-50 {

    margin-top: 50px;

}



.mt-100 {

    margin-top: 100px;

}



.mt-150 {

    margin-top: 150px;

}



.mr-15 {

    margin-right: 15px;

}



.mr-30 {

    margin-right: 30px;

}



.mr-50 {

    margin-right: 50px;

}



.mr-100 {

    margin-right: 100px;

}



.no-padding-right {

    padding-right: 0 !important

}



.no-padding-left {

    padding-left: 0 !important

}



@media (max-width: 767px) {

    .no-padding-right {

        padding-right: 15px !important

    }



    .no-padding-left {

        padding-left: 15px !important

    }

}



.mb-0 {

    margin-bottom: 0 !important

}



.mb-15 {

    margin-bottom: 15px;

}



.mb-30 {

    margin-bottom: 30px;

}



.mb-40 {

    margin-bottom: 40px;

}



.mb-50 {

    margin-bottom: 50px;

}



.mb-100 {

    margin-bottom: 100px;

}



.ml-8 {

    margin-left: 8px;

}



.ml-15 {

    margin-left: 15px;

}



.ml-30 {

    margin-left: 30px;

}



.ml-50 {

    margin-left: 50px;

}



.ml-100 {

    margin-left: 100px;

}



.pt-30 {

    padding-top: 30px

}



.pt-60 {

    padding-top: 60px

}



@media (max-width: 992px) {

    .double-bg {

        background-size: cover !important

    }



    .mt-s {

        margin-top: 30px !important

    }



    .padding-t-md-0 {

        padding-top: 0 !important

    }

}



@media (max-width: 767px) {

    .mt-x {

        margin-top: 30px !important

    }



    .main-ilustration-5 {

        height: 65vh !important

    }

}



@media (max-width: 480px) {



    .welcome_area.ico {

        height: 100vh !important;

    }



    .main-ilustration-5 {

        display: none;

    }



    .integration-text {

        font-size: 12px

    }



    .integration-icon .badge {

        display: none;

    }



    .spons {

        border-top: 1px solid #eee

    }



    .spons img {

        width: 80%

    }

}



.section-padding-100 {

    padding-top: 100px;

    padding-bottom: 100px;

}



.section-padding-100-70 {

    padding-top: 100px;

    padding-bottom: 70px;

}



.section-padding-0-70 {

    padding-top: 0px;

    padding-bottom: 70px;

}



.section-padding-100-85 {

    padding-top: 100px;

    padding-bottom: 85px;

}



.section-padding-0-100 {

    padding-top: 0px;

    padding-bottom: 100px;

}



.relative {

    position: relative;

}



.box-shadow {

    -webkit-box-shadow: 0px 10px 27px 0px rgba(154, 161, 171, 0.18);

    box-shadow: 0px 10px 27px 0px rgba(154, 161, 171, 0.18);

    -webkit-transition: all 0.2s ease-in-out;

    -moz-transition: all 0.2s ease-in-out;

    -ms-transition: all 0.2s ease-in-out;

    -o-transition: all 0.2s ease-in-out;

    transition: all 0.2s ease-in-out;

    position: relative;

    display: block;

    top: 0;

}





.section-padding-0-100 {

    padding-top: 0;

    padding-bottom: 100px;

}



.section-padding-100-0 {

    padding-top: 100px;

    padding-bottom: 0;

}



.section-padding-100-50 {

    padding-top: 100px;

    padding-bottom: 50px;

}



.section-padding-0-50 {

    padding-top: 0;

    padding-bottom: 50px;

}



.section-padding-50-0 {

    padding-top: 50px;

    padding-bottom: 0;

}



.section-padding-200 {

    padding-top: 200px;

    padding-bottom: 200px;

}



.section-padding-0-200 {

    padding-top: 0;

    padding-bottom: 200px;

}



.section-padding-200-0 {

    padding-top: 200px;

    padding-bottom: 0;

}



.section-padding-200-100 {

    padding-top: 200px;

    padding-bottom: 100px;

}



.section-padding-150 {

    padding-top: 150px;

    padding-bottom: 150px;

}



.section-padding-150-120 {

    padding-top: 150px;

    padding-bottom: 120px;

}



.section-padding-150-100 {

    padding-top: 150px;

    padding-bottom: 100px;

}



.section-padding-100-150 {

    padding-top: 100px;

    padding-bottom: 150px;

}



.section-padding-50-150 {

    padding-top: 50px;

    padding-bottom: 150px;

}



.section-heading {

    position: relative;

    z-index: 1;

    margin-bottom: 50px;

}



.section-heading h2 {

    font-size: 50px;

    font-weight: 700;

    text-transform: capitalize;

    margin-bottom: 5px;

    -webkit-text-stroke: 2px #FC2638;

    letter-spacing: 2px;

}



.section-heading p {

    margin-bottom: 0;

    line-height: 2;

    font-size: 18px;

    font-weight: 600;

    max-width: 600px;

    margin: 0 auto;

}



#scrollUp {

    bottom: 130px;

    font-size: 12px;

    line-height: 22px;

    right: 30px;

    width: 100px;

    background-color: transparent;

    color: #fff;

    text-align: center;

    height: 20px;

    -webkit-transition-duration: 500ms;

    transition-duration: 500ms;

    text-transform: uppercase;

    -webkit-transform: rotate(-90deg);

    transform: rotate(-90deg);

}



#scrollUp:before {

    position: absolute;

    width: 30%;

    height: 2px;

    background-color: #fff;

    content: "";

    top: 10px;

    right: 100%;

    z-index: -200 !important;

}



.bg-overlay {

    position: relative;

    z-index: 1;

}



.has-gradient {

    background-image: linear-gradient(to right, #21d397 0%, #7450fe 100%);

}



.has-border-top {

    border-top: 1px solid #eee

}



@media (max-width: 992px) {

    .has-border-top-md {

        border-top: 1px solid #eee

    }

}



.bg-overlay:after {

    background: rgba(72, 52, 212, 0.95);

    background: -webkit-linear-gradient(to right, rgba(72, 52, 212, 0.95), rgba(52, 31, 151, 0.95));

    background: -webkit-linear-gradient(left, rgba(72, 52, 212, 0.95), rgba(52, 31, 151, 0.95));

    background: linear-gradient(to right, rgba(72, 52, 212, 0.95), rgba(52, 31, 151, 0.95));

    position: absolute;

    content: "";

    height: 100%;

    width: 100%;

    top: 0;

    left: 0;

    z-index: -1;

}



.bg-img {

    background-position: center center;

    background-size: cover;

    background-repeat: no-repeat;

}



.height-400 {

    height: 400px;

}



.height-600 {

    height: 600px;

}



.height-700 {

    height: 700px;

}



.height-800 {

    height: 800px;

}



.height-900 {

    height: 900px;

}



.height-1000 {

    height: 1000px;

}



.dream-dots {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    margin-bottom: 10px;

}



.dream-dots span {

    font-weight: bold;

    display: inline-block;

    font-size: 20px;

    background-image: linear-gradient(180deg, #9c62f5 0%, #9c62f5 100%);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    background-clip: text;

    text-fill-color: transparent;

}



.dream-dots span:first-child {

    /* background-color: #00a8ff; */

}



.dream-dots span:nth-child(2) {

    background-color: #9c88ff;

}



.dream-dots span:nth-child(3) {

    background-color: #fbc531;

}



.dream-dots span:nth-child(4) {

    background-color: #4cd137;

}



.dream-dots span:nth-child(5) {

    background-color: #487eb0;

}



.dream-dots span:nth-child(6) {

    background-color: #e84118;

}



.dream-dots span:nth-child(7) {

    background-color: #8c7ae6;

}



.login-btn {

    position: relative;

    z-index: 1;

    color: #fff;

    font-size: 12px !important;

    text-transform: uppercase;

    line-height: 33px;

    padding: 0 20px;

    min-width: 100px;

    color: #fff !important;

    background: #09BE8B;

    height: 35px;

    border-radius: 5px;

    border: 1px solid #fff;

    letter-spacing: 1px;

}



.login-btn:hover,

.login-btn:focus {

    color: #fff;

    background: #fb4e4e;

    border-color: #fb4e4e;

}



.dream-btn {

    position: relative;

    z-index: 1;

    min-width: 180px;

    height: 48px;

    line-height: 48px;

    font-size: 12px;

    font-weight: 600;

    letter-spacing: 1px;

    display: inline-block;

    padding: 0 20px;

    text-align: center;

    text-transform: uppercase;

    background-size: 200% auto;

    color: #000;

    box-shadow: 0 3ox 20px rgba(0, 0, 0, 0.1);

    border-radius: 10px;

    background: #FFD700;

    border: 1px solid #fff;

    -webkit-transition: all 500ms;

    transition: all 500ms;

}



/*

    background-image: -webkit-linear-gradient(to right,#FF4137 0,#FDC800 51%,#FF4137 100%);

    background-image: linear-gradient(to right,#FF4137 0,#FDC800 51%,#FF4137 100%);

    box-shadow: 0 0 15px 0 rgba(255, 125, 55, 0.9);

*/

.dream-btn:hover {

    background-position: right center;

    color: #808080;

}



.more-btn {

    position: relative;

    font-size: 20px;

    text-decoration: none;

    font-weight: 900;

    font-family: "Rajdhani", sans-serif;

    color: #0d142f;

    padding: 0 1.7rem;

    line-height: 60px;

    min-width: 200px;

    transition: all 0.3s ease;

    background: #fff;

    border-radius: 18px;

    background-size: cover;

}



.more-btn.v2 {

    background: #000;

    color: #fff;

}



.more-btn:hover {

    color: #fb4e4e;

}



/* ### Clients #####*/

.client-logo-row {

    display: -ms-flexbox;

    display: flex;

    -ms-flex-pack: center;

    justify-content: center;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    max-width: 50.625rem;

    margin: 0 auto;

}



.client-logo {

    background-size: cover;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-pack: center;

    justify-content: center;

    -ms-flex-align: center;

    align-items: center;

    width: 6.875rem;

    height: 8.125rem;

    margin: 0 -.3rem;

}



.client-logo img {

    margin: -10px 6px 0 0;

    max-height: 2rem;

    max-width: 3rem;

}



@media (min-width: 1024px) {

    .client-logo img {

        max-width: 3.5rem;

        max-height: 3rem;

    }

}



/* ##### 2.0 Header Area CSS ##### */

.nav {

    transition: all .5s ease-in

}



.fixed-top {

    border-bottom: 1px solid #8B0000;

    background: #2F2F2F;

    margin: 0;

    box-shadow: 0 5px 40px 0 rgb(0 0 0 / 11%);

}



.navbar-brand {

    color: #fff;

    font-size: 25px;

    font-weight: 600;

    font-family: 'Poppins', sans-serif;

    padding: 0;

    margin: 0

}



.lh-55px {

    line-height: 55px

}



.navbar-nav .nav-item .nav-link {

    padding: 20px 12px;

    font-size: 16px;

    font-weight: 700;

    letter-spacing: 1px;

    color: #fff;

}



.navbar-nav .nav-item .nav-link:hover {

    color: #FC2638;

}



.navbar-expand-md .navbar-nav .dropdown-menu {

    border-top: 3px solid #fed136;

}



.dropdown-item:hover {

    background-color: #0b8f18;

    color: #fff;

}



nav {

    -webkit-transition: padding-top .3s, padding-bottom .3s;

    -moz-transition: padding-top .3s, padding-bottom .3s;

    transition: padding-top .3s, padding-bottom .3s;

    border: none;

}



.shrink {

    animation: .3s ease-in-out;

    animation-name: fadeInDown;

    background-color: #FF5455;

}



@-webkit-keyframes fadeInDown {

    0% {

        opacity: 0;

        -webkit-transform: translateY(-20px);

        transform: translateY(-20px);

    }



    100% {

        opacity: 1;

        -webkit-transform: translateY(0);

        transform: translateY(0);

    }

}



.navbar-white .navbar-brand:hover {

    color: #fff

}



.navbar-dark .navbar-brand:hover {

    color: #333

}



/* mobile view */

@media (max-width:500px) {

    .navbar-nav {

        border-top: 1px solid #fed136;

        color: #fff;

        z-index: 1;

        margin-top: 5px;

    }



    .navbar-nav .nav-item .nav-link {

        padding: 0.7em 1em !important;

        font-size: 100%;

        font-weight: 500;

    }



}



.navbar-dark .navbar-toggler,

.navbar-white .navbar-toggler,

.navbar-cyan .navbar-toggler {

    background: #FC2638;

    border-color: #333;

}



.navbar-white .navbar-toggler-icon {

    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")

}



@media(max-width: 992px) {

    .shrink {

        animation: none;

    }



    .login-btn {

        margin-left: 15px !important;

        margin-top: 15px !important

    }



    .navbar-collapse .navbar-nav .nav-item .nav-link {

        padding: 5px 12px;

        color: #333

    }



    .navbar-expand-lg.navbar-dark {

        background: #FF5455;

    }



    .navbar-collapse {

        padding-top: 20px;

        background: #FF5455;

    }

}



.navbar-white.shrink .navbar-brand,

.shrink .navbar-nav .nav-item .nav-link {

    color: #333

}



.navbar-dark .navbar-brand,

.navbar-dark .navbar-nav .nav-item .nav-link {

    color: #333

}



.navbar-cyan .navbar-brand,

.navbar-cyan .navbar-nav .nav-item .nav-link {

    color: #04d0ff

}





.hero-section {

    position: relative;

    min-height: 730px;

    background-size: cover;

    display: flex;

    justify-content: center;

    align-items: center;

    margin-top: 80px;

    padding-bottom: 50px;

}



.hero-section.extended {

    position: relative;

    min-height: 1080px;

    background-size: cover;

    display: block;

    padding-bottom: 50px;

    margin-top: -20px;

}



.hero-section.version1 {

    position: relative;

    min-height: 730px;

    background-size: cover;

    padding-bottom: 50px;

}



.hero-section.de-3 {

    position: relative;

    background-size: cover;

    display: flex;

    justify-content: center;

    align-items: center;

}



.hero-section.app {

    background-size: cover;

    padding-bottom: 70px;

    min-height: 800px;

}



.hero-section.hero-bg {

    position: relative;

    background-size: cover;

    padding-bottom: 50px;

}



.hero-section.jungle-bg {

    padding-bottom: 50px;

}



.hero-section.v2 {

    padding-bottom: 120px;

    margin-top: 0;

}



.hero-section.fullwidth-header .special-head.dark {

    padding-left: 0

}



.hero-section.fullwidth-header .special-head.dark:before {

    display: none;

}



@media (max-width: 991px) {

    .hero-section.fullwidth-header {

        padding-bottom: 285px;

        background-position: 50% 100%;

        background-size: 753px;

    }



    .hero-section.app,

    .hero-section.de-3 {

        padding-bottom: 100px;

    }



}



@media (max-width: 991px) {

    .hero-section.fullwidth-header {

        background-position: 50% 100%;

        background-size: 897px;

    }

}



.hero-section.gradient {

    overflow: hidden;

    background-image: linear-gradient(106deg, #040044, #7222a7)

}



.hero-section.moving {

    overflow: hidden;

    position: relative;

}



@keyframes cloudwash {

    0% {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }



    100% {

        -webkit-transform: translate3d(-45%, 0, 0);

        transform: translate3d(-45%, 0, 0);

    }

}





.gradient-text {

    font-weight: bold;

    display: inline-block;

    background-image: linear-gradient(180deg, #28cc8b 0%, #28cc8b 100%);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    background-clip: text;

    text-fill-color: transparent;

}



.gradient-text.blue {

    background-image: linear-gradient(180deg, #28cc8b 0%, #28cc8b 100%);

}



@media (min-width: 767px) {

    .hero-section.curved-section {

        padding-top: 50px

    }

}



@media (min-width: 992px) {

    .hero-section.curved-section {

        padding-top: 100px

    }

}



@media (max-width: 767px) {

    .hero-section.curved-section img.curved {

        display: none;

    }

}



.hero-section.curved-section .special-head {

    padding-left: 0

}



.hero-section.curved-section .special-head:before {

    display: none;

}



.welcome_area {

    position: relative;

    z-index: 1;

    width: 100%;

    height: 900px !important;

}



.hero-content {

    width: 100%;

    height: 100%;

    background: rgba(72, 52, 212, 0.95);

    background: -webkit-linear-gradient(to right, rgba(72, 52, 212, 0.95), rgba(52, 31, 151, 0.95));

    background: -webkit-linear-gradient(left, rgba(72, 52, 212, 0.95), rgba(52, 31, 151, 0.95));

    background: linear-gradient(to right, rgba(72, 52, 212, 0.95), rgba(52, 31, 151, 0.95));

    position: absolute !important;

    top: 0;

    left: 0;

    z-index: 10;

}



.hero-content.globe {

    background: linear-gradient(to right, rgba(72, 52, 212, 0.95), rgba(52, 31, 151, 0.75));

}



.hero-content.transparent {

    background: transparent;

}



.hero-content.dark-blue {

    background: rgb(33, 0, 67, 0.9);

}



.hero-content .ico-counter {

    margin: 100px 7% 0;

}



@media (max-width: 992px) {



    .hero-content .ico-counter,

    .hero-content .service-img-wrapper .image-box {

        margin-top: 0px !important

    }



    .hero-section.moving {

        background-position: top left;

    }

}



.hero-content .service-img-wrapper .image-box .rings {

    position: absolute;

    top: 50%;

    z-index: -1;

    margin: 0 auto;

    left: 50% !important;

    width: 120%;

    transform: translate(-50%, -50%);

    animation: unset;

    -webkit-animation: unset;

}



.welcome-content {

    position: relative;

    z-index: 1;

    margin-top: 20px;

}



@media (max-width: 992px) {

    .gaming .welcome-content {

        margin-top: 120px;

    }

}



.promo-section {

    margin-bottom: 30px;

}



.special-head {

    color: #28cc8b;

    padding-left: 40px;

    font-size: 18px;

    position: relative;

    text-shadow: 2px 0.1em 0 hsl(200deg 50% 30%);

}



.special-head:before {

    content: '';

    background: #28cc8b;

    position: absolute;

    top: 50%;

    left: 0;

    width: 30px;

    height: 2px;

}



.special-head.dark {

    color: #f8f517;

    font-weight: bold;

}



.special-head.dark:before {

    background: #fff

}



.integration-link {

    padding: 8px 10px;

    display: inline-block;

    vertical-align: top;

    position: relative;

    letter-spacing: .58px;

    font-size: 14px;

    color: #333;

    line-height: 24px;

    color: #d5d5ea

}



.integration-link:before {

    content: "";

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    background: #eee;

    border-radius: 100px;

}



.integration-icon {

    margin: 0 5px 0 0;

}



.integration-icon .badge {

    background: #14cab1;

    margin-bottom: 0;

    font-size: 12px;

    font-weight: 500;

    color: #fff;

    border-radius: 100px;

    padding: 6px 13px;

}



.integration-text {

    margin: 0 7px 0 0;

    color: #7e7b7b

}



.integration-link>* {

    position: relative;

    z-index: 2;

    display: inline-block;

    vertical-align: top;

}



.header-ilustration-1 {

    min-width: 0px;

    margin-top: 60px;

    position: relative;

}



.header-ilustration-1 img {

    width: 100%;

    border-radius: 10px

}



.header-ilustration-1.small img {

    width: 85%

}



.header-ilustration-1.big img {

    width: 105%

}



.has-shadow {

    -webkit-box-shadow: 0 9px 68px 0 rgba(62, 57, 107, .2);

    box-shadow: 0 9px 68px 0 rgba(62, 57, 107, .2);

    border-radius: 10px

}



@media (max-width: 992px) {

    .header-ilustration-1 {

        margin-top: 0

    }



    .bub-right {

        background-size: cover;

    }



    .bub-left {

        background-size: cover;

    }



}



@media (max-width: 767px) {

    .mt-sm-30 {

        margin-top: 30px

    }



    .mt-smy-0 {

        margin-top: 0px

    }



    .mb-sm-30 {

        margin-bottom: 30px

    }



    .main-ilustration-6 {

        height: 65vh

    }



    .main-ilustration-3 {

        background-size: contain;

        background-position: left;

    }



    .main-ilustration-3 .inovation {

        right: 0% !important;

        top: 42%;

        display: inline-table;

    }



    .main-ilustration-3 .inovation.num2 {

        right: 5%;

        top: auto;

    }



    .welcome-small-wrapper {

        position: absolute;

        width: 38%;

    }



    .welcome-content-small {

        position: absolute;

        top: -30px;

    }



    .welcome-content.ill {

        margin-top: 120px !important

    }



    .header-ilustration-1 .video-btn-container {

        width: 150px;

        height: 150px

    }

}



@media (max-width: 480px) {



    .main-ilustration-6,

    .header-ilustration-1 {

        display: none;

    }



    .welcome-content {

        vertical-align: middle;

        margin-top: 80px !important

    }

    .welcome-content.hat{

        margin-top: 0 !important

    }



    .main-ilustration-3 {

        display: none;

    }



    .welcome-small-wrapper {

        display: none;

    }



}



.main-ilustration-2:before {

    content: '';

    position: absolute;

    width: 30%;

    height: 1000px;

    left: 50%;

    top: -30%;

    transform: rotate(21deg);

    background: rgba(0, 0, 128, 0.7);

}



.main-ilustration-3 .inovation {

    position: absolute;

    bottom: 10%;

    right: -15%;

    width: 40%;

    background: #0d003b;

    padding: 20px;

}



.inovation.num2 {

    right: -57%;

}



.inovation h5 {

    padding-left: 25px;

    position: relative;

}



.inovation h5:before {

    content: '';

    position: absolute;

    top: 12px;

    left: 0;

    width: 15px;

    height: 2px;

    background: #25cbd3;

}



.inovation p {

    font-size: 12px;

    margin-bottom: 0;

}



@media (min-width: 1200px) {

    .main-ilustration {

        min-width: 650px;

    }



    .hero-section.gradient img {

        margin-bottom: -53px;

    }

}



.welcome-content h2 {

    font-size: 52px;

    font-weight: 500;

    margin-bottom: 20px;

}



.welcome-content h1 {

    font-size: 100px;

    font-weight: 900;

    color: #15447e;

    line-height: 1.1;

    margin-bottom: 20px;

    letter-spacing: 3px;

    -webkit-text-stroke: 3px #fff;

}



.welcome-content h1.v2 {

    color: #FC2638;

    -webkit-text-stroke: 3px #FC2638;

}



.welcome-content h1.v2 span {

    color: #FC2638;

}



.welcome-content h1.v3 {

    color: #fff;

    -webkit-text-stroke: 6px #fff;

    font-size: 130px;

}



.b-stroke {

    -webkit-text-stroke: 3px #000 !important;

}



.welcome-content p {

    font-size: 18px;

    color: #15447e;

    font-weight: 600;

    margin-bottom: 30px;

}



.character-features {

    position: relative;

    height: 100vh;

    border-left: 1px solid #00e0c4;

    display: flex;

    align-items: center;

    flex-direction: column;

    justify-content: center;

}



.header-video {

    position: absolute;

    width: 100%;

    height: 150px;

    bottom: 30px;

    left: 15px;

}



@media (max-width: 992px) {



    .character-features,

    .header-video {

        display: none;

    }

}



.header-video span {

    font-size: 12px;

    color: #fff;

    text-transform: capitalize;

    font-weight: 600;

}



.header-video .video-btn {

    width: 50px;

    height: 50px;

    color: #fff;

    border-radius: 50%;

    line-height: 50px;

    padding: 0;

    text-align: center;

    min-width: 50px;

    font-size: 18px;

}



.artficial {

    padding-left: 20px;

    border-left: 2px solid #fff;

    position: relative;

    margin-left: -30px;

}



.welcome-content-small {

    margin-bottom: 30px

}



.welcome-content-small h4 {

    margin-bottom: 20px

}



.artficial p {

    font-size: 12px

}



.welcome-video-area {

    position: relative;

    z-index: 1;

    margin-top: 90px;

}



.welcome-video-area .welcome-thumb {

    position: relative;

    z-index: 1;

    margin-top: 30px;

    border: 1px solid #25cbd3;

    border-radius: 15px;

    padding: 0px 30px 0;

}



.welcome-video-area .welcome-thumb img {

    width: 100%;

    border-radius: 15px;

    box-shadow: 0 0 50px rgba(0, 0, 0, 0.15);

    position: relative;

    top: -30px

}



.video-icon {

    position: absolute;

    top: 50%;

    left: 50%;

    font-size: 40px;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    z-index: 10;

    color: #4834d4;

}



.video-btn {

    background-color: #4834d4;

    width: 70px;

    height: 70px;

    color: #fff;

    border-radius: 50%;

    line-height: 70px;

    padding: 0;

    text-align: center;

    min-width: 70px;

    font-size: 24px;

}



.video-btn:hover {

    background-color: #4834d4;

    color: #fff;

}





.fullscreen-bg {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    overflow: hidden;

    z-index: -100;

}



.fullscreen-bg__video {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}



@media (max-width: 767px) {

    .welcome-content h1 {

        font-size: 40px;

    }

}



@media (max-aspect-ratio: 16/9) {

    .fullscreen-bg__video {

        width: 300%;

        left: -100%;

    }

}



.welcome_area.video .desc {

    max-width: 60%;

    margin: 0 auto

}



@media (max-width: 767px) {

    .fullscreen-bg {

        background: url('video/video-frame.html') center center / cover no-repeat;

    }



    .welcome_area.video .desc {

        max-width: 80%;

        margin: 0 auto

    }



    .fullscreen-bg__video {

        display: none;

    }

}



.video-bg-illution {

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

    top: 0;

    width: 100vw;

    height: 100vh;

    background: #010111;

    z-index: 50;

    opacity: .7;

}



/* ##### Partners Area ##### */



.parttns {

    padding: 50px 30px;

    background-color: #1E2738;

    overflow: hidden;

    position: relative;

    border-radius: 10px;

}



.contract-add {

    position: relative;

    padding: 20px 35px 20px 20px;

    background: #e9999a;

    border-radius: 10px;

    display: flex;

}



.contract-add.v2 {

    background: #fff;

}



.contract-add button {

    margin-right: 10px;

    border: none;

    border-radius: 5px;

}



.contract-add i {

    color: #000;

    cursor: pointer;

    font-size: 20px;

    background: #FC2638;

    width: 40px;

    height: 40px;

    font-weight: 500;

    text-align: center;

    line-height: 40px;

    border-radius: 5px;

}



.contract-add span {

    word-break: break-all;

    font-size: 20px;

}



.tooltipy {

    position: relative;

    display: inline-block;

}



.tooltipy .tooltiptext {

    visibility: hidden;

    width: 140px;

    background-color: #000;

    color: #fff;

    font-size: 14px;

    text-align: center;

    border-radius: 6px;

    padding: 5px;

    position: absolute;

    z-index: 1;

    bottom: 150%;

    left: 50%;

    margin-left: -75px;

    opacity: 0;

    transition: opacity 0.3s;

}



#myInput {

    display: none;

}



.tooltipy .tooltiptext::after {

    content: "";

    position: absolute;

    top: 100%;

    left: 50%;

    margin-left: -5px;

    border-width: 5px;

    border-style: solid;

    border-color: #000 transparent transparent transparent;

}



.tooltipy:hover .tooltiptext {

    visibility: visible;

    opacity: 1;

}



.social-lin {

    position: relative;

    background: #FC2638;

    padding: 15px;

    border-radius: 15px;

    display: inline-block;

    transition: all .4s ease-in-out;

}



.social-lin:hover {

    top: -5px;

}



.right-box .social-lin {

    border: 2px solid #000;

}



.copy-btn {

    position: relative;

    font-size: 20px;

    text-decoration: none;

    font-weight: 900;

    font-family: "Rajdhani", sans-serif;

    min-width: 200px;

    color: #fff;

    padding: 0 1.7rem;

    line-height: 60px;

    transition: all 0.3s ease;

    min-width: 200px;

    border-radius: 18px;

    background: #d01010;

    background-size: cover;

}



.copy-btn:hover {

    color: #0d142f

}



.copy-btn i {

    display: inline;

}



.mask {

    -webkit-mask: radial-gradient(10px, #0000 98%, #000) 10000% 10000%/99.5% 99.5%;

}



.navbar-nav .copy-btn {

    line-height: 50px;

}



.symbol-img {

    position: absolute;

    right: 10px;

    top: -30px;

}



.partners {

    padding: 0 0 70px

}



.partner-box {

    border: 1px solid #25cbd3;

    border-radius: 10px;

    padding: 20px 10px;

    text-align: center;

    vertical-align: middle;

    background-color: #0d003b;

    margin-bottom: 30px;

    transition: all .3s ease-in-out;

}



.partner-box:hover {

    background: #25cbd3;

    cursor: pointer;

}



.b-text {

    color: #000 !important;

}



.w-text {

    color: #fff !important;

}



.g-text {

    color: #d8d0d0 !important

}



.rd-text {

    color: #FC2638 !important;

}



.bold {

    font-weight: 600 !important

}



.p-text {

    color: blueviolet !important

}



.normal {

    font-weight: 500

}



.about-us-area {

    position: relative;

    z-index: 1;

}



.small-text {

    font-size: 11px !important;

}



.main-color {

    -webkit-text-fill-color: #FC2638;

    -webkit-text-stroke: #FC2638;

}



@media (min-width: 1200px) {

    .hedo-wrapper img {

        max-width: 90%;

        width: 90%;

    }



    .hedo-wrapper.v2 img {

        max-width: 110%;

    }



    .hedo-wrapper.v3 img {

        max-width: 100%;

        z-index: 2;

        position: relative;

        width: 100%;

        margin-top: 0px;

    }



    .stage-wrap img {

        position: relative;

        z-index: 2;

        margin-top: -100px;

    }

}



@-webkit-keyframes fadeInAndOut {

    0% {

        opacity: 0;

    }



    100% {

        opacity: 1;

    }

}



@-moz-keyframes fadeInAndOut {

    0% {

        opacity: 0;

    }



    100% {

        opacity: 1;

    }

}



@-o-keyframes fadeInAndOut {

    0% {

        opacity: 0;

    }



    100% {

        opacity: 1;

    }

}



@keyframes fadeInAndOut {

    0% {

        opacity: 0;

    }



    100% {

        opacity: 1;

    }

}



.moving-bg {

    position: relative;

    background: #9c62f5;

    width: 160em;

    padding: 20px 0 15px;

    border-top: 4px solid #1d4676;

    border-bottom: 4px solid #1d4676;

    visibility: inherit;

    animation: cloudwash 15s linear infinite;

    overflow: hidden;

}



.moving-wave-top,

.moving-bg.v2 {

    background: transparent;

    border: none;

    width: 63em;

    padding: 0;

}



.marquee-block {

    display: inline-block;

    width: 24.5em;

}



.marquee-block p {

    display: inline-block;

    padding-left: 5px;

    font-family: "Rajdhani", sans-serif;

    letter-spacing: 2px;

    font-size: 22px;

    margin-bottom: 0;

    margin-left: 10px;

}



.marquee-block img {

    max-width: 50px;

    position: relative;

    top: -3px;

}





@media(max-width:992px) {

    /* .moving-bg{display: none;} */

}



.space-bg {

    background: url(../images/space.jpg) no-repeat top center;

    background-size: cover;

    position: relative;

}



.trees-bg {

    background: url(../images/pinkland.jpg) no-repeat top center;

    background-size: cover;

    position: relative;

}



.stage-bg {

    background: url(../images/stage.jpeg) no-repeat top center;

    background-size: cover;

    position: relative;

}



.trees-bg::before,

.space-bg::before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    height: 100%;

    width: 100%;

    mix-blend-mode: multiply;

    background-color: hsl(333deg 95% 11% / 80%);

}



.stage-bg::before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    height: 100%;

    width: 100%;

    mix-blend-mode: multiply;

    background-color: hsl(0, 0%, 75%);

}



.red-bg {

    background: #FF5455

}



.lred-bg {

    background-color: #e9999a;

    overflow: hidden;

}



.lred-bg::before {

    content: "$BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ❤ $BWULLWIF ";

    color: #fff;

    opacity: 0.2;

    font-size: 25px;

    position: absolute;

    top: 0;

}



.mainbwullwif {

    position: absolute;

    bottom: 115px;

    width: 100%;

    text-align: center;

    z-index: 2;

}



.mainbwullwif img {

    width: 650px;

}



.radiant {

    width: 100%;

    position: absolute;

    bottom: 240px;

    text-align: center;

    z-index: 1;

}



@keyframes radiant-pulse {

    0% {

        box-shadow: 0px 0px 60px 20px rgba(250, 216, 113, 0.6),

                    0px 0px 120px 40px rgba(250, 180, 80, 0.4),

                    0px 0px 180px 60px rgba(250, 150, 50, 0.2);

    }

    50% {

        box-shadow: 0px 0px 80px 30px rgba(255, 230, 120, 0.8),

                    0px 0px 140px 50px rgba(255, 200, 90, 0.5),

                    0px 0px 200px 70px rgba(255, 170, 60, 0.3);

    }

    100% {

        box-shadow: 0px 0px 60px 20px rgba(250, 216, 113, 0.6),

                    0px 0px 120px 40px rgba(250, 180, 80, 0.4),

                    0px 0px 180px 60px rgba(250, 150, 50, 0.2);

    }

}



.radiant .radiant-inner {

    width: 190px;

    height: 375px;

    margin: auto;

    animation: radiant-pulse 1s infinite ease-in-out;

}



.family {

    width: 100%;

    display: contents;

}



.family .gang-left {

    width: 50%;

    position: absolute;

    height: 100%;

}



.family .gang-right {

    width: 50%;

    position: absolute;

    height: 100%;

    right: 0;

}



.family img.family-inner {

    position: absolute;

    bottom: 0;

    width: 300px;

}



.family .gang-left img.family-inner {

    transform: scaleX(-1);

}



.family img.family-inner.fam1 {

    left: 240px;

    bottom: 9px;

}



.family img.family-inner.fam2 {

    left: 110px;

    bottom: -20px;

}



.family img.family-inner.fam3 {

    left: 350px;

    bottom: -60px;

}



.family img.family-inner.fam4 {

    left: 10px;

    bottom: -20px;

}



.family img.family-inner.fam5 {

    right: 260px;

    bottom: -40px;

}

.family img.family-inner.fam6 {

    right: 0px;

    bottom: -20px;

}

.family img.family-inner.fam7 {

    right: 184px;

    bottom: 65px;

}

.family img.family-inner.fam8 {

    right: 380px;

    bottom: 30px;

}



.ahatiswrapper{

    position: absolute;

    bottom: 25px;

    width: 100%;

}

.ahatiswrapper .copy-btn{

    font-size: 2rem;

    padding: 5px 2rem;

}





.marquee {

    width: 100%;

    overflow: hidden;

    white-space: nowrap;

    position: relative;

    background: black;

    /* Optional: Background styling */

    padding: 15px 0;

}



.marquee-content {

    display: flex;

    gap: 10vh;

    /* Adjust spacing */

    align-items: center;

    width: max-content;

    animation: marquee-scroll 25s linear infinite;

    /* Adjust speed as needed */

}



.marquee-content::after {

    content: attr(data-content);

    display: flex;

    align-items: center;

}



@keyframes marquee-scroll {

    from {

        transform: translateX(0%);

    }



    to {

        transform: translateX(-50%);

    }

}



/* Optional: Adjust text and image styling */

.golden-text {

    color: #fff;

    -webkit-text-stroke-width: 1px;

    -webkit-text-stroke-color: #c5a44fad;

    /* text-transform: uppercase; */

    -webkit-text-fill-color: transparent;

    background-image: url('../images/gold.jpg'), linear-gradient(176deg, #ebbb0f, #866a05);

    background-position: 50%, 0 0;

    background-repeat: no-repeat, repeat;

    background-size: cover, auto;

    -webkit-background-clip: text;

    background-clip: text;

    padding-left: 0;

    padding-right: 0;

    font-family: "Rajdhani", sans-serif;

    font-size: 3vw;

    font-weight: 900;

    line-height: 1;

}



.marquee-inner img {

    height: 100px;

    border-radius: 50%;

    background-color: #ff5455;

}



.custom-divider {

    padding: 50px 0;

    margin-top: -50px;

    z-index: 2;

    position: relative;

    margin-bottom: -177px;

}



.custom-divider svg {

    position: relative;

    display: block;

    width: calc(100% + 1.3px);

    height: 134px;

}



.custom-divider .shape-fill {

    fill: #FF5455;

}



.left-box {

    padding: 100px;

    position: relative;

    background: #FF5455;

}



.right-box {

    padding: 100px 50px;

    background: #000;

}



.hanger-1 {

    position: absolute;

    top: -40px;

    right: 40px;

    width: 200px;

    animation: sway 4s infinite;

    transform-origin: top;

}



.hanger-2 {

    position: absolute;

    top: 90px;

    left: 7px;

    width: 300px;

    transform: rotate(5deg);

}



.offer-img {

    position: absolute;

    z-index: 2;

    right: -30px;

    top: -30px;

    width: 100px;

    animation: dreamrotate 15s linear infinite;

}



.offer-text {

    position: absolute;

    z-index: 2;

    right: -7px;

    top: 0;

    font-size: 14px;

    font-weight: 700 !important;

    line-height: 1.2;

    text-align: center;

    margin-bottom: 0;

    color: #000;

}



.bottom-head {

    position: absolute;

    top: -70px;

    left: 50%;

    width: 150px;

    transform: translateX(-50%);

    z-index: 2;

}



.c-left {

    position: absolute;

    top: 0px;

    left: 0px;

    width: 250px;

}



.c-right {

    position: absolute;

    top: 0px;

    right: 0px;

    width: 250px;

}



.stage-wrap {

    position: relative;

}



@media (max-width: 992px) {



    .hanger-1,

    .hanger-2,

    .offer-img,

    .offer-text,

    .bottom-head,

    .c-left,

    .c-right {

        display: none;

    }

}



@keyframes sway {

    0% {

        transform: rotate(3deg);

    }



    50% {

        transform: rotate(-3deg);

    }



    100% {

        transform: rotate(3deg);

    }

}



.wavy-border {

    position: relative;

    padding: 50px 30px;

    background: #e9999a;

    border-radius: 30px;

}



.step-number {

    color: #fff !important;

    font-size: 50px;

    font-weight: 700;

    margin-bottom: 0;

    line-height: 1.6;

    font-family: "Rajdhani", sans-serif;

    -webkit-text-stroke: 1px #fff;

}



.who-we-contant h4 {

    margin-bottom: 20px;

    font-size: 50px;

    padding-left: 25px;

    color: #FC2638;

    font-weight: 700;

    position: relative;

    font-family: "Rajdhani", sans-serif;

}



.who-we-contant h4::before {

    content: '';

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    left: 0;

    width: 7px;

    background: #FC2638;

    height: 80%;

}



.who-we-contant h4.v2 {

    color: #fff !important;

}



.who-we-contant h4.v3 {

    padding-left: 0;

    font-size: 40px;

    line-height: 1.2;

}



.who-we-contant h4.v3::before {

    display: none;

}



.feature-img {

    border-radius: 250px 250px 0 0;

}



.feature-box {

    padding: 30px 15px;

    background: #53c91a36;

    background: #FF5455;

    margin-bottom: 30px;

    position: relative;

    overflow: hidden;

}



.feature-box::before {

    content: '';

    position: absolute;

    right: -33px;

    top: -21px;

    background-size: contain;

    height: 100px;

    width: 100px;

    opacity: .2;

}



.feature-box h4 {

    margin-top: 15px;

    font-family: "Rajdhani", sans-serif;

    font-weight: 700;

    line-height: 1.4;

    color: #fff;

}



.feature-box p {

    font-size: 15px;

    margin-bottom: 0;

}



.rotating-anim {

    animation: dreamrotate 15s linear infinite

}

.spinning-anim {

    animation: dreamrotate 2s linear infinite

}



.darker .rotating-anim {

    border: 4px dashed #FF5455;

    border-radius: 50%;

}



.buy-option-wrap {

    overflow: hidden;

}



.buy-option {

    background: #fff;

    border: 2px solid #000;

    display: inline-block;

    padding: 10px 20px;

    border-radius: 15px;

    text-align: center;

    min-width: 160px;

}



.buy-option h5 {

    font-size: 20px;

    text-transform: uppercase;

    color: #000;

    margin: 0;

    font-weight: 700;

    font-family: "Rajdhani", sans-serif;

    display: inline;

    margin-left: 5px;

}

.buy-option:hover{

    background: #FF5455;

}

.buy-option:hover h5{

    color: #fff;

}



.moving-bg.v2:hover {

    animation-play-state: paused;

}





.our-mission-content {

    position: absolute !important;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    z-index: 10;

    background: rgba(72, 52, 212, 0.95);

    background: -webkit-linear-gradient(to right, rgba(72, 52, 212, 0.95), rgba(52, 31, 151, 0.95));

    background: -webkit-linear-gradient(left, rgba(72, 52, 212, 0.95), rgba(52, 31, 151, 0.95));

    background: linear-gradient(to right, rgba(72, 52, 212, 0.95), rgba(52, 31, 151, 0.95));

}



.single-mission {

    position: relative;

    z-index: 1;

    text-align: center;

}



.single-mission i {

    font-size: 50px;

    margin-bottom: 30px;

    display: block;

    color: #fff;

}



.single-mission h6 {

    margin-bottom: 15px;

}



.single-mission p {

    margin-top: 0;

    margin-bottom: 0

}



.welcome-meter {

    position: relative;

    z-index: 1;

}



.comp-img {

    width: 100%;

    position: relative;

}



.compimg-wrapper {

    position: relative;

}



.supportImg {

    position: absolute;

    right: 50px;

    top: 0%;

    height: 126px;

    z-index: 1;

    animation: fadeInAndOut 6s ease-in-out 0s infinite alternate;

}



.trade1 {

    position: absolute;

    top: 140px;

    right: 37px;

}



.welcome-meter.arficial {

    position: relative;

    z-index: 1;

    height: 427px;

    background-size: 137%;

    background-position: center center;

}



@media (max-width: 992px) {

    .welcome-meter {

        text-align: center;

    }



    .welcome-meter.arficial {

        background-size: 100%;

    }

}



.growing-company p {

    font-size: 12px;

    font-weight: 600;

    margin-bottom: 0;

}



.growing-company p .counter {

    color: #fff;

}



.box-shadow:hover {

    -webkit-box-shadow: 0px 25px 36px 0px rgba(154, 161, 171, 0.24);

    box-shadow: 0px 25px 36px 0px rgba(154, 161, 171, 0.24);

    top: -3px;

}



.article {

    background: #fff;

    padding: 25px 15px 15px;

    border: 1px solid #00dcd8;

    margin-bottom: 30px;

    text-align: left;

    border-radius: 5px;

    transition: all .4s ease-in-out;

}



.article__icon {

    font-size: 40px;

    position: relative;

    color: #00dcd8;

}



.article__icon .flag-img {

    position: absolute;

    bottom: 19.8%;

    width: 30px;

    right: 12.7%;

}



.article__title {

    font-size: 18px;

    margin-top: 8px;

    color: #333

}



.article p {

    color: #888

}



.article:hover,

.article.hover {

    background-image: linear-gradient(to right, #21d397 0%, #7450fe 100%);

}



.article:hover .article__title,

.article:hover p,

.article:hover .article__icon,

.article.hover .article__title,

.article.hover p,

.article.hover .article__icon {

    color: #fff

}



/* ====================================================================

  Contribution Cycle style

==================================================================== */







.vission .dark-row {

    padding: 30px;

}



.vission .dark-row p {

    margin-bottom: 0

}



.dark-row {

    background: rgba(255, 255, 255, 0.05)

}



.cycle_icon {

    position: absolute;

    background: #262554;

    width: 60px;

    height: 60px;

    text-align: center;

    line-height: 60px;

    border-radius: 50%;

    top: -30px;

    left: 50%;

    transform: translateX(-50%);

}



.cycle_icon span {

    display: block;

    font-size: 23px;

    font-weight: 600;

}



.gradient-t {

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    background-clip: text;

    text-fill-color: transparent;

    position: relative;

}



.gradient-t.pink {

    background-image: linear-gradient(0deg, #846FF4 0%, #F17674 100%);

}



.gradient-t.orange {

    background-image: linear-gradient(180deg, #FC2638 0%, #FC2638 100%);

}



.gradient-t.green {

    background-image: linear-gradient(180deg, #061229 0%, #020916 100%)

}





.contribution-c-wapper {

    position: relative;

    padding: 30px

}



.join-us .service_single_content {

    background: #030239;

    padding: 60px 15px 15px;

}



@media (min-width: 991px) {



    .has-arrow-right-lg:after,

    .has-arrow-left-lg:after {

        content: '';

        position: absolute;

        top: 47%;

        transform: translateY(-50%);

        right: -45px;

        width: 60px;

        height: 20px;

    }



    .has-arrow-left-lg:after {

        transform: rotate(180deg);

    }

}



@media(max-width: 992px) {



    .has-arrow-bottom-md:after,

    .has-arrow-top-md:after {

        content: '';

        position: absolute;

        bottom: -13px;

        transform: translateX(-50%);

        right: 44%;

        width: 21px;

        height: 55px;

    }



    .has-arrow-top-md:after {

        transform: rotate(180deg);

        left: 47%;

    }



    .has-arrow-right-md:before,

    .has-arrow-left-md:before {

        content: '';

        position: absolute;

        top: 47%;

        transform: translateY(-50%);

        right: -45px;

        width: 60px;

        height: 20px;

    }



    .has-arrow-left-md:before {

        transform: rotate(180deg);

    }

}



@media (max-width: 767px) {



    .has-arrow-right-md:before,

    .has-arrow-left-md:before {

        display: none;

    }



    .has-arrow-down-sm:after {

        content: '';

        position: absolute;

        bottom: -13px;

        transform: translateX(-50%);

        left: 50%;

        width: 26px;

        height: 55px;

    }

}



.arrow-img {

    max-height: 60px

}



.arrow-img.rotated {

    transform: rotate(180deg);

}



/* ====================================================================

  services-block-four style

==================================================================== */

.features {

    position: relative;

}



.services-block-four {

    position: relative;

    margin-bottom: 30px;

    background: #fff

}



.icon-img-box {

    position: absolute;

    left: 0;

    top: 0;

}



@media (max-width: 480px) {

    .icon-img-box {

        position: relative;

        margin-bottom: 15px

    }



    .services-block-four .inner-box {

        padding-left: 0px !important;

    }

}



.services-block-four .inner-box {

    position: relative;

    padding-left: 100px;

}



.services-block-four.v2 .inner-box {

    position: relative;

    padding-left: 70px;

}



.services-block-four.v3 {

    position: relative;

    background: transparent;

    padding: 15px 0 5px

}



.services-block-four.v3 .inner-box {

    padding-left: 85px;

}



.services-block-four.v3 .icon-img-box {

    top: 50%;

    transform: translateY(-50%);

}



.services-block-four.v3:after {

    content: '';

    position: absolute;

    width: 95%;

    height: 100%;

    top: 0;

    right: 0;

    border-radius: 15px;

    z-index: -1;

    background: rgba(255, 255, 255, 0.05);

}





.features .services-block-four {

    padding: 30px 20px 20px;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

    background: rgba(255, 255, 255, 0.05);

}



.features .services-block-four .icon-img-box {

    max-width: 80px

}



.features2 .services-block-four {

    padding: 20px 15px 10px;

    background: rgba(255, 255, 255, 0.05);

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

}



.special .services-block-four {

    padding: 20px 20px 30px;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

    background: #181734

}



.special .services-block-four .inner-box {

    position: relative;

    padding-left: 160px;

}



.demo-video.features .services-block-four {

    padding: 25px 20px 15px;

    margin-bottom: 20px

}



.licenes .services-block-four .inner-box .icon-box {

    font-size: 56px;

    border-radius: 0%

}



.licenes .services-block-four .inner-box .icon-box:after {

    border-radius: 0%

}



.services-block-four .inner-box .icon-box:after,

.services-block-four .inner-box .icon-box:before {

    background: #25cbd3

}



.services-block-four .inner-box .icon-box {

    position: absolute;

    left: 0px;

    top: 0px;

    width: 100px;

    height: 100px;

    border: 2px solid;

    font-size: 40px;

    line-height: 98px;

    text-align: center;

    border-radius: 50%;

    margin-bottom: 20px !important;

    transition: .3s ease;

}



.service-img-wrapper .image-box {

    position: relative;

}



@media (max-width: 1200px) {

    .service-img-wrapper .image-box .rings {

        left: 3% !important;

    }



    .service-img-wrapper .image-box {

        margin-top: 0 !important

    }

}



@media (min-width: 992px) {

    .special-size {

        max-width: 120%

    }

}



@media (max-width: 992px) {

    .service-img-wrapper .image-box {

        margin-top: 30px !important

    }



    .service-img-wrapper .image-box.no-mt {

        margin-top: 0px !important

    }



    .service-img-wrapper .phone-img {

        padding: 0 10% !important

    }



    .service-img-wrapper .image-box .rings {

        left: 9% !important;

        width: 80%;

        z-index: -1

    }

}



.service-img-wrapper .image-box .rings {

    position: absolute;

    top: -17%;

    z-index: -1;

    margin: 0 auto;

    left: 0%;

    transform: translate(-50%, -50%);

}



.services-block-four .inner-box .icon-box span {

    position: relative;

    z-index: 99;

}



.services-block-four .inner-box:hover .icon-box,

.services-block-four .inner-box:hover .icon-box span {

    color: #fff;

    transition: .5s ease;

}



.services-block-four .inner-box .icon-box:after {

    position: absolute;

    content: '';

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    border-radius: 50%;

    transform: scale(0);

    transition: .7s ease;



}



.services-block-four .inner-box:hover .icon-box:after {

    transform: scale(1);

    transition: .7s ease;

}



.services-block-four .inner-box .icon-box:before {

    position: absolute;

    content: '';

    left: 50%;

    top: 100%;

    width: 1px;

    height: 95%;

    background: #25cbd3

}



.services-block-four:last-child .inner-box .icon-box:before {

    display: none;

}



.services-block-four .inner-box h3 {

    position: relative;

    font-size: 18px;

    font-weight: 600;

    text-transform: capitalize;

}



.services-block-four.how .inner-box {

    padding-left: 70px

}



.services-block-four.how {

    padding: 30px;

    margin-bottom: 30px;

    background: #fff

}



@media (max-width: 992px) {

    .service-img-wrapper.how .image-box img {

        width: 100%;

        margin-bottom: 50px

    }

}



.services-block-four .inner-box .step {

    position: absolute;

    left: 0px;

    top: 0px;

    width: 40px;

    height: 40px;

    border: 2px solid;

    background: #7d60f9;

    border-color: #7d60f9;

    font-size: 18px;

    color: #fff;

    line-height: 40px;

    text-align: center;

    border-radius: 50%;

    margin-bottom: 20px !important;

    transition: .3s ease;

}



.services-block-four.how .inner-box .text {

    margin-bottom: 0

}



.services-block-four .inner-box h3 a {

    color: #fff;

    transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -webkit-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

}



.services-block-four .inner-box .icon-box {

    color: #25cbd3

}



.services-block-four .inner-box h3 a:hover {}



.services-block-four .inner-box .text {

    font-size: 14px;

    color: #888;

    margin-top: 8px;

    margin-bottom: 10px;

}



.services-block-four .inner-box .read-more {

    font-weight: 500;

    font-size: 13px;

    text-transform: uppercase;

    transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -webkit-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

}



.services-block-four .inner-box .read-more:hover {

    color: #253267;

}



.service-img-wrapper .image-box img {

    animation: floating2 7s infinite;

    -webkit-animation: floating2 7s infinite;

}



.floating-anim {

    animation: floating2 7s infinite;

    -webkit-animation: floating2 7s infinite;

}



@media (min-width: 992px) {

    .service-img-wrapper .image-box {

        margin-top: 0px;

    }

}



@media (max-width: 992px) {

    .service-img-wrapper .image-box img {

        width: 100%;

    }

}



@media (max-width: 767px) {

    .services-block-four {

        margin-bottom: 40px

    }

}



@media (max-width: 480px) {

    .services-block-four .inner-box .step {

        position: relative;

    }

}



.service-img-wrapper .image-box {

    position: relative;

}



@keyframes floating2 {

    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(0deg) translateY(0px);

    }



    50% {

        -webkit-transform: rotateX(0deg) translateY(15px);

        -moz-transform: rotateX(0deg) translateY(15px);

        -ms-transform: rotateX(0deg) translateY(15px);

        -o-transform: rotateX(0deg) translateY(15px);

        transform: rotateX(0deg) translateY(15px);

    }



    100% {

        -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(0deg) translateY(0px);

    }

}



@-webkit-keyframes floating2 {

    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(0deg) translateY(0px);

    }



    50% {

        -webkit-transform: rotateX(0deg) translateY(15px);

        -moz-transform: rotateX(0deg) translateY(15px);

        -ms-transform: rotateX(0deg) translateY(15px);

        -o-transform: rotateX(0deg) translateY(15px);

        transform: rotateX(0deg) translateY(15px);

    }



    100% {

        -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(0deg) translateY(0px);

    }

}



.features-list {

    background: rgba(255, 255, 255, 0.05);

    background-size: cover;

    padding: 30px;

    border-radius: 20px;

}



.features-list.v2 {

    background-image: linear-gradient(35deg, #17EAD9 0%, #6078EA 100%);

    background-image: -webkit-linear-gradient(35deg, #17EAD9 0%, #6078EA 100%)

}



.list-marked li {

    top: 8px;

    padding: 7px 0;

    color: #fff;

    left: 0;

}



.list-marked i {

    font-weight: normal;

    margin-right: 10px;

    color: #9a68ed;

    line-height: 30px;

    text-align: center;

    background: rgba(255, 255, 255, 0.09);

    width: 30px;

    height: 30px;

}



.features-list.v2 .list-marked i {

    background: #1c3368;

    color: #fff

}



.counter-boxed-warrper {

    overflow: hidden;

    position: relative;

    box-shadow: 0px 2px 27px 0px rgba(154, 161, 171, 0.18);

    -webkit-box-shadow: 0px 2px 27px 0px rgba(154, 161, 171, 0.18);

    -webkit-border-radius: 0 20px 20px 0;

    -moz-border-radius: 0 20px 20px 0;

    border-radius: 0 20px 20px 0;

    padding-bottom: 30px;

}



.counter-boxed-warrper:before {

    content: '';

    width: 100%;

    height: 64%;

    position: absolute;

    top: 0;

    left: 0;

    background: #f1f6fc;

    z-index: -1;

    border-radius: 0 0px 274px 0px;

}



.counter-boxed {

    padding: 30px 20px 0;

}



.counter-boxed .counter {

    font-size: 36px

}



.box-list .text-bismark {

    color: #96aabf;

    font-size: 16px

}



@media(max-width: 767px) {}



/* ##### demo-video Area CSS ##### */

.demo-video {

    position: relative;

}



.demo-video .welcome-video-area {

    margin-top: 0

}



@media (max-width: 992px) {

    .vertical-social {

        display: none !important;

    }

}



.vertical-social {

    position: fixed;

    top: 50%;

    transform: translateY(-50%);

    left: 0;

    background: #0d003b;

    height: 370px !important;

    margin-left: 30px;

    border-radius: 40px;

    padding: 30px 15px;

    z-index: 999;

    transition: 1s;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-align: center;

    align-items: center;

    box-shadow: 0px 4px 13px 0 rgba(168, 67, 253, .3);

    overflow: hidden;

    border-bottom: 3px solid #a843fd;

}



.vertical-social li {

    padding: 7px 0;

    text-align: center;

}



.vertical-social li a {

    color: #fff;

    opacity: .6;

    font-size: 22px;

}



.vertical-social li a:hover {

    opacity: 1

}



/* ##### trust Area CSS ##### */

.trust-section {

    position: relative;

}



.trust-item {

    background-color: #fff;

    border-radius: 10px;

    margin-bottom: 30px;

    padding: 0 35px;

    min-height: 205px;

    padding-top: 37px;

    padding-bottom: 25px;

    box-shadow: 4px 4px 10px 0 rgba(168, 67, 253, .3);

    overflow: hidden;

    border-bottom: 3px solid #a843fd;

}



.ico-platform-logo {

    margin-bottom: 25px;

    min-height: 75px

}



@media (max-width: 767px) {

    .ico-platform-logo {

        min-height: 107px

    }

}



.check {

    height: 40px;

    margin: 0 -10px;

    background-color: rgba(13, 0, 59, .9);

    border-radius: 5px;

    color: #25cbd3;

    position: relative;

}



.check .value {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    font-size: 24px;

    font-weight: 600;

    text-shadow: 0 0 5px rgba(0, 243, 255, .5);

}



.check .check-icon {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    background-size: contain;

    width: 31px;

    height: 23px;

}



.gradient-section-bg {

    background-image: linear-gradient(106deg, #6c7cf5, #1a2dab);

    background-image: -webkit-linear-gradient(106deg, #6c7cf5, #1a2dab);

}



.dark-sec {

    background: #181734

}



.token-distribution {

    padding-bottom: 100px;

    overflow: hidden;

}



@media (max-width: 767px) {

    .token-info-wapper {

        margin-top: 30px;

    }

}



.token-information {

    position: relative;

    margin: 0 10px

}



.token-information .mon-img1 {

    position: absolute;

    top: -25px;

    left: -20px;

    max-width: 80px;

    max-height: 90px;

}



.token-information .mon-img2 {

    position: absolute;

    bottom: -25px;

    right: -20px;

    max-width: 80px;

    max-height: 95px;

}



.token-information a {

    color: inherit;

    position: relative;

    transition: all .3s ease-in-out;

}



.token-information li {

    position: relative;

    padding: 0px;

    padding-left: 70px;

    margin-bottom: 15px;

    border-radius: 10px;

    overflow: hidden;

}



.token-information span {

    position: absolute;

    width: 30px;

    top: 50%;

    transform: translateY(-50%);

    height: 30px;

    left: 17px;

    border-radius: 50%;

}



.token-information .one {

    border: 7px solid #ffb600

}



.token-information .two {

    border: 7px solid #e66392

}



.token-information .three {

    border: 7px solid #2acd72

}



.token-information .four {

    border: 7px solid #1eb8e0

}



.token-information a:hover {

    top: -5px;

}



.token-information h6 {

    font-size: 30px;

    text-transform: uppercase;

    font-family: "Rajdhani", sans-serif;

    margin-bottom: 0;

    line-height: 1;

    font-weight: 700;

}



.token-information p {

    margin-bottom: 0;

}



.token-info {

    width: 100%;

    margin-bottom: 10px;

    float: left;

    display: flex;

}



.token-info .info-wrapper {

    border-radius: 0 10px 10px 0;

    padding: 10px 15px;

    padding-left: 60px;

    background: rgba(255, 255, 255, 0.05);

    border: solid 1px rgba(255, 255, 255, 0.25);

    width: 100%;

    position: relative;

    -ms-flex: 1;

    flex: 1;

    display: -ms-flexbox;

    display: flex;

    box-shadow: 0px 2px 27px 0px rgba(154, 161, 171, 0.18);

    -webkit-box-shadow: 0px 2px 27px 0px rgba(154, 161, 171, 0.18);

}



.token-info .info-wrapper.one {

    border-left: 7px solid #997dea

}



.token-info .info-wrapper.two {

    border-left: 7px solid #e66392

}



.token-info .info-wrapper.three {

    border-left: 7px solid #2acd72

}



.token-info .info-wrapper.four {

    border-left: 7px solid #1eb8e0

}



.token-info .info-wrapper.five {

    border-left: 7px solid #b843b6

}



.token-info .info-wrapper.six {

    border-left: 7px solid #f5a67e

}



.token-info .info-wrapper.seven {

    border-left: 7px solid #e16e3a

}



.token-info .info-wrapper.eight {

    border-left: 7px solid #4581da

}



.info-wrapper .token-icon {

    left: 12px;

    width: 38px;

    height: 38px;

    font-size: 25px;

    line-height: 38px;

    font-weight: 700;

    opacity: 1;

    color: #fff;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    background-position: 50%;

    background-size: contain;

}



.info-wrapper .token-icon.img {

    opacity: 1

}



.info-wrapper .token-descr {

    display: block;

    font-size: 14px;

    color: #fff;

    padding-left: 0px;

    font-weight: 300;

    line-height: 1.25;

}



/* ##### Service Area CSS ##### */



.service_single_content {

    position: relative;

    z-index: 1;

    transition: all .3s ease-in-out;

}



.service_single_content p {

    margin-bottom: 0

}



.darky .service_single_content {

    border-radius: 10px;

    text-align: left;

    background-repeat: no-repeat;

    background-position: center;

    box-shadow: none;

    background-size: cover;

    border: none;

    padding: 40px 20px;

}





.pizza-prop li {

    padding: 5px 0

}



.pizza-prop p {

    display: inline-block;

    margin-bottom: 0;

    text-align: left;

    text-transform: uppercase;

    width: 50%;

    color: #cfc9c9 !important;

}



.pizza-prop span {

    width: 50%;

    color: #fff;

}



.service_single_content .service_icon i {

    font-size: 30px;

    margin-bottom: 20px;

    color: #fff;

    display: block;

}



.embed-video {

    max-width: 250px !important;

    height: auto !important;

}



.light-version .how .service_single_content {

    background: #FC2638

}



.service_icon {

    padding: 0 15px;

    position: relative;

    background: #c3adff;

    max-width: 100%;

    height: 80px;

    border-radius: 5%;

    transition: all .3s ease-in-out;

}



.how .service_icon .white-icon {

    top: 50%;

    left: 50%;

    transform: translate(0%, -56%);

}



.features .service_single_content {

    background: rgba(255, 255, 255, 0.1);

    padding: 30px 15px;

}



.step-img {

    position: absolute;

    top: 0px;

    left: 0;

    background-size: cover;

    width: 100%;

    height: 100px;

}



.service_icon {

    margin-bottom: 30px;

    display: inline-block;

    min-height: 60px;

}



.service_single_content h6 {

    margin-bottom: 15px;

    font-size: 22px;

    font-family: "Rajdhani", sans-serif;

}



.side-feature-list-item {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    padding-top: 10px;

    padding-bottom: 10px;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    font-size: 16px;

    line-height: 20px;

    font-weight: 700;

}



.check-mark-icon {

    margin-right: 16px;

    width: 50px;

    height: 50px

}



.check-mark-icon.v2 {

    margin-right: 6px;

    width: 35px;

    height: 35px

}



.foot-c-info {

    font-weight: 600;

    color: #fff;

    line-height: 1.7;

}



.step-block {

    display: flex;

    align-items: center;

    box-shadow: 0 0 20px rgb(0 0 0 / 40%) inset;

    padding: 23px 30px 8px;

    border-radius: 20px;

    background: #dd757536;

    margin-bottom: 30px;

    border: 2px dashed #FC2638;

}



.darker .step-block {

    background: #FF5455;

    border: none;

}



.step-how-num {

    font-size: 80px;

    font-weight: 900;

    color: transparent;

    line-height: 1.1;

    margin-bottom: 20px;

    min-width: 108px;

    -webkit-text-stroke: 3px #FC2638;

    margin-right: 20px;

}



.step-info h4 {

    display: block;

    font-size: 33px;

    border-radius: 10px;

    font-family: "Rajdhani", sans-serif;

    font-weight: 700;

    margin-bottom: 0;

}



@media (max-width:480px) {

    .step-block {

        display: block;

    }



    .step-how-num {

        margin-bottom: 0;

    }

}



/* ##### 6.0 CTA Area CSS ##### */



.call_to_action_area {

    position: relative;

    z-index: 1;

    width: 100%;

    height: 500px !important;

}



.cta-content h2 {

    font-size: 40px;

    margin-bottom: 15px;

}



.cta-content p {

    font-size: 18px;

    margin-bottom: 25px;

}



.cta-content-area {

    position: absolute !important;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    z-index: 10;

    background: rgba(72, 52, 212, 0.95);

    background: -webkit-linear-gradient(to right, rgba(72, 52, 212, 0.95), rgba(52, 31, 151, 0.95));

    background: -webkit-linear-gradient(left, rgba(72, 52, 212, 0.95), rgba(52, 31, 151, 0.95));

    background: linear-gradient(to right, rgba(72, 52, 212, 0.95), rgba(52, 31, 151, 0.95));

}





.form-block-rcl>.login-message {

    color: #fff;

}







/******************* Timeline Demo - 2 *****************/

.main-timeline3 {

    overflow: hidden;

    position: relative

}



.main-timeline3:before {

    content: "";

    width: 10px;

    height: 100%;

    border: 3px solid #959595;

    position: absolute;

    top: 40px;

    left: 50%;

    transform: translateX(-50%)

}



.main-timeline3 .timeline {

    width: 50%;

    padding: 10px 0 10px 80px;

    float: right;

    position: relative

}



.main-timeline3 .timeline:before {

    content: "";

    width: 40px;

    height: 40px;

    border-radius: 50%;

    background: #b05151;

    border: 5px solid #fff;

    box-shadow: 0 0 1px 5px #b05151;

    position: absolute;

    top: 42px;

    left: -20px

}



.main-timeline3 .timeline-content {

    display: block;

    background: #e9e9e7;

    padding: 70px 30px 20px;

    box-shadow: 0 0 10px rgba(0, 0, 0, .2) inset;

    position: relative

}



.main-timeline3 .timeline-content:hover {

    text-decoration: none

}



.main-timeline3 .year {

    display: block;

    width: 80%;

    height: 50px;

    background: #b05151;

    padding: 0 0 0 50px;

    font-size: 25px;

    font-weight: 500;

    color: #fff;

    line-height: 50px;

    box-shadow: 0 0 20px rgba(0, 0, 0, .4) inset;

    border-radius: 10px 10px 10px 0;

    position: absolute;

    top: 20px;

    left: -20px

}



.main-timeline3 .year:before {

    content: "";

    border-top: 40px solid #b05151;

    border-left: 20px solid transparent;

    border-bottom: 20px solid transparent;

    position: absolute;

    bottom: -60px;

    left: 0

}



.main-timeline3 .title {

    font-size: 18px;

    font-weight: 600;

    margin-top: 20px;

    text-transform: uppercase;

    color: #000

}



.main-timeline3 .description {

    font-size: 15px;

    color: #6f6f6f;

    margin: 0 0 5px;

    position: relative;

}



.main-timeline3 .description.done{

    text-decoration: line-through;

    color: #008000;

}



.main-timeline3 .timeline:nth-child(2n) {

    padding: 10px 80px 10px 0;

    text-align: right

}



.main-timeline3 .timeline:nth-child(2n):before {

    left: auto;

    right: -20px;

    background: #b05151;

    box-shadow: 0 0 1px 5px #b05151;

}



.main-timeline3 .timeline:nth-child(2n) .year {

    padding-right: 50px;

    border-radius: 10px 10px 0;

    left: auto;

    right: -20px;

    background: #b05151;

}



.main-timeline3 .timeline:nth-child(2n) .year:before {

    border-left: none;

    border-right: 20px solid transparent;

    left: auto;

    right: 0;

    border-top-color: #b05151;

}



.main-timeline3 .timeline:nth-child(2) {

    margin-top: 140px

}



.main-timeline3 .timeline:nth-child(odd) {

    margin: -140px 0 0

}



.main-timeline3 .timeline:nth-child(even) {

    margin-bottom: 60px

}



.main-timeline3 .timeline:first-child,

.main-timeline3 .timeline:last-child:nth-child(even) {

    margin: 0

}



.main-timeline3 .timeline:nth-child(3n):before {

    background: #b05151;

    box-shadow: 0 0 1px 5px #b05151;

}



.main-timeline3 .timeline:nth-child(3n) .year {

    background: #b05151;

}



.main-timeline3 .timeline:nth-child(3n) .year:before {

    border-top-color: #b05151;

}



.main-timeline3 .timeline:nth-child(4n):before {

    background: #b05151;

    box-shadow: 0 0 1px 5px #b05151

}



.main-timeline3 .timeline:nth-child(4n) .year {

    background: #b05151

}



.main-timeline3 .timeline:nth-child(4n) .year:before {

    border-top-color: #b05151

}



.main-timeline3 .description:before{

    content: "💎";

    position: absolute;

    top: 0;

    left: -20px;

}

.main-timeline3 .timeline:nth-child(2n) .description:after{

    content: "💎";

    position: absolute;

    top: 0;

    right: -20px;

}

.main-timeline3 .timeline:nth-child(2n) .description:before{

    content: "";

}





@media only screen and (max-width:990px) {

    .main-timeline3:before {

        top: 8%

    }



    .main-timeline3 .timeline {

        padding: 10px 10px 10px 100px

    }



    .main-timeline3 .timeline:nth-child(2n) {

        padding: 10px 100px 10px 10px

    }

}



@media only screen and (max-width:767px) {

    .main-timeline3:before {

        width: 8px;

        top: 0;

        left: 12px;

        transform: translateX(0)

    }



    .main-timeline3 .timeline,

    .main-timeline3 .timeline:nth-child(even),

    .main-timeline3 .timeline:nth-child(odd) {

        width: 100%;

        float: none;

        text-align: left;

        padding: 0 0 0 60px;

        margin: 0 0 30px

    }



    .main-timeline3 .timeline:before,

    .main-timeline3 .timeline:nth-child(2n):before {

        width: 20px;

        height: 20px;

        border: 3px solid #fff;

        top: 38px;

        left: 6px

    }



    .main-timeline3 .timeline:nth-child(2n) .year {

        right: auto;

        left: -20px;

        border-radius: 10px 10px 10px 0

    }



    .main-timeline3 .timeline:nth-child(2n) .year:before {

        border-left: 20px solid transparent;

        border-bottom: 20px solid transparent;

        border-right: none;

        right: auto;

        left: 0

    }

}



/* ##### 10.0 Cool Fact Area CSS ##### */



.cool-facts-area {

    padding: 100px 0 70px;



}



.single_cool_fact {

    position: relative;

    z-index: 1;

    background: #0d003b;

    border: 1px solid #25cbd3;

    border-bottom: 3px solid #25cbd3;

    border-radius: 0 0 20px 20px;

    padding: 30px;

    overflow: hidden;

    margin-bottom: 30px;

}





.cool_fact_icon i {

    font-size: 20px;

    margin-top: 15px;

    color: #fff;

}



.cool_fact_detail h3 {

    font-size: 20px;

    margin-top: 15px;

}



.cool_fact_detail h2 {

    font-size: 12px;

    margin-bottom: 0;

    text-transform: uppercase;

}



/* ##### 11.0 Price Table Area CSS ##### */

.pricing-item {

    border-radius: 10px;

    background-color: rgba(255, 255, 255, 0.05);

    border: solid 1px rgba(255, 255, 255, 0.25);

    text-align: center;

    padding: 30px 0 20px;

    margin: 0 0 30px;

    cursor: pointer;

}



.pricing-item h4 {

    font-size: 14px;

    font-weight: bold;

    line-height: 1.43;

    letter-spacing: 0.8px;

    color: #00e0c4;

    margin: 0 0 20px;

}



.pricing-item h3 {

    font-size: 52px;

    font-weight: 400;

    line-height: 0.92;

    margin: 0 0 10px;

}



.pricing-item .pricing {

    font-size: 15px;

    line-height: 18px;

    margin: 0 0 20px;

    color: #fff

}



.pricing-item span {

    font-size: 14px;

    display: inline-block;

    color: #00e0c4;

    margin: 0 0 20px;

}



.pricing-item label {

    height: 40px;

    line-height: 40px;

    font-size: 16px;

    width: 100%;

    color: #fff;

    font-weight: normal;

    letter-spacing: 0.5px;

    background-image: linear-gradient(117deg, #724eff, #5187ff);

    background-repeat: no-repeat;

    background-position: left;

}





.single_price_table_content {

    padding: 50px;

    margin-bottom: 30px;

    position: relative;

    z-index: 2;

    border-radius: 6px;

}



.single_price_table_content.active {

    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.15);

}



.price_table_text {

    margin-bottom: 45px;

}



.price_table_text>h5 {

    font-size: 18px;

    text-transform: uppercase;

    margin-bottom: 20px;



}



.price_table_text>h1 {

    font-size: 48px;

    margin-bottom: 25px;

    line-height: 1;

    color: #3964f9

}



.price_table_text>p,

.table_text_details>p {

    font-size: 16px;

    font-weight: 400;

    margin-bottom: 0;

    line-height: 1;

}



.table_text_details>p {

    margin-bottom: 20px;

}



.single-testimonial {

    border-radius: 15px;

    border: 1px solid #eee;

    margin: 0 15px;

    padding: 30px 20px;

}



.testimonial-description {

    position: relative;

    z-index: 2;

    background-color: transparent;

    text-align: center;

    -webkit-transition-duration: 500ms;

    transition-duration: 500ms;

}



.testimonial_image {

    height: 100px;

    width: 100px;

    margin: auto;

}



.testimonial_image>img {

    border-radius: 50%;

}



.testimonial_text>p {

    font-weight: 500;

    color: #fff;

    margin-top: 20px;

    margin-bottom: 25px;

    font-size: 14px;

}



.admin_text>h5 {

    font-size: 16px;

    color: #fff;

    margin-top: 0;

    margin-bottom: 5px;

}



.admin_text>p {

    color: #fff;

    font-weight: 500;

    margin-bottom: 0;

}



.client_slides .owl-dots {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    margin-top: 50px;

}



.client_slides .owl-dot {

    margin: 0 5px;

    line-height: 1;

    color: #fff;

    width: 30px;

    height: 30px;

    line-height: 30px;

    text-align: center;

    font-size: 12px;

    border-radius: 50%;

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);

}



.client_slides .owl-dot.active {

    box-shadow: 0 0 10px rgba(255, 255, 255, 0.15);

}



/* ##### 13.0 Team Area CSS ##### */



.single-team-member {

    position: relative;

    z-index: 1;

    margin-bottom: 100px;

    background: #1E2738;

    padding: 30px;

    border-radius: 100px 100px 0 0px;

}



.team-member-thumb {

    width: 190px;

    height: 190px;

    border: 7px solid #47DCA8;

    overflow: hidden;

    position: relative;

    border-radius: 50%;

    margin: 0 auto;

    margin-bottom: 40px;

}



.team-info h5 {

    color: #7057f9;

    text-transform: uppercase;

    font-size: 18px;

    text-align: center;

    margin-bottom: 0px;

}



.team-info p {

    color: #a592b4;

    text-transform: uppercase;

    font-size: 13px;

    margin-bottom: 0;

    text-align: center;

}



.team-social-icon {

    text-align: center;

    position: absolute;

    top: 170px;

    left: 50%;

    transform: translateX(-50%);

}



.team-social-icon a {

    font-size: 22px;

    margin-top: 10px;

    width: 80px;

    height: 80px;

    background-size: contain;

    color: #fff;

    line-height: 70px;

    display: inline-block;

}



/*

* ----------------------------------------------------------------------------------------

*  START Subscribe STYLE

* ----------------------------------------------------------------------------------------

*/

.subscribe {

    position: relative;

}



.subscribe .section-heading>p {

    color: #000

}



.subscribe .section-heading {

    margin-bottom: 30px

}



.subscribe .service-text {

    padding-top: 0

}



.subscribe .title-box {

    margin-bottom: 30px

}



.subscribe-section {

    background: #fff;

    padding: 10px;

    border: 3px solid #000;

    display: inline-block;

    border-radius: 20px !important;

}



.subscribe-section .input-wrapper {

    position: relative;

    display: inline-block;

}



.underline {

    text-decoration: underline;

}



.subscribe-section input {

    padding: 10px;

    position: relative;

    min-width: 350px;

    border-radius: 5px;

    background: transparent;

    border: none;

}



.subscribe-section input:focus {

    border-radius: 25px;

    outline: none;

    border-color: #4e8ccf

}



.subscribe-section i {

    font-size: 20px;

    color: #3a80fe;

    position: absolute;

    z-index: 1;

    top: 13px;

    left: 15px

}



.subscribe-wrapper {

    padding: 60px;

    box-sizing: border-box;

    border-radius: 20px;

    background: #328e0591;

    border: 3px dashed #FC2638;

}



.darker .subscribe-wrapper {

    background: #FF5455;

    border: none;

}



.sunscribe-lg {

    display: block;

    position: absolute;

    left: -80px;

    top: -255px;

    max-width: 145%;

}



.telegram-text {

    font-size: 20px;

    color: #fff;

    margin-right: 10px;

    position: relative;

    z-index: 2

}



.social-list {

    display: inline-block;

    margin-bottom: 0;

    height: 40px;

    position: relative;

    z-index: 2;

}



.social-list li {

    float: left;

    padding: 0 14px

}



.social-list li a {

    font-size: 34px;

    color: #fff;

    opacity: .8

}



.social-list li a:hover {

    opacity: 1

}



.subscribe .buy-tokens i {

    margin-right: 10px

}



.subscribe .dream-btn {

    position: absolute;

    top: -2px;

    right: -10px;

    min-width: 48px;

    height: 48px;

    padding: 0;

    border-color: #fff;

}



.subscribe .dream-btn:hover {

    cursor: pointer;

}



.button {

    position: relative;

    z-index: 0;

    overflow: hidden;

    display: inline-block;

    padding: 14px 40px;

    font-size: 16px;

    z-index: 2;

    line-height: 1.25;

    color: #25cbd3;

    background: #fff;

    border: 0 solid;

    border-radius: 40px;

    font-weight: 600;

    letter-spacing: 0.02em;

    text-transform: none;

    white-space: nowrap;

    text-overflow: ellipsis;

    text-align: center;

    cursor: pointer;

    vertical-align: middle;

    user-select: none;

    transition: 250ms all ease-in-out;

    box-shadow: 0 3px 21px 4px rgba(41, 41, 58, 0.2);

}



.button:hover {

    background: #25cbd3;

    color: #fff

}



.button i {

    margin-right: 10px

}



@media(max-width: 500px) {

    .subscribe-section input {

        min-width: 100%;

    }



    .subscribe-wrapper {

        padding: 60px 30px;

    }



    .subscribe-section {

        display: inherit;

    }

}



/* ====================================================================

    What we do

====================================================================



 ***/

@media(max-width: 767px) {

    .what-we-do {

        padding-bottom: 50px

    }

}



.what-we-do .outer {

    position: relative;

    padding-top: 20px;

}



.what-we-do .outer .inner-circle {

    position: absolute;

    left: 50%;

    margin-left: -150px;

    top: 50%;

    margin-top: -150px;

    width: 300px;

    height: 300px;

    border: 1px dashed #d0d0d0;

    line-height: 300px;

    text-align: center;

    border-radius: 50%;

    z-index: 2;

}



.what-we-do .outer .phone {

    position: absolute;

    width: 100%;

    left: 50%;

    top: -110px;

    transform: translateX(-50.5%);

}



.what-we-do .outer:after {

    content: '';

    position: absolute;

    left: 50%;

    margin-left: -250px;

    top: 50%;

    margin-top: -250px;

    width: 500px;

    height: 500px;

    border: 1px solid #f5f5f5;

    border-radius: 50%;

}



.what-we-do .outer .header-wraperumn {

    float: right;

}



.service-box-three {

    position: relative;

    margin-bottom: 30px;

    z-index: 1;

}



.what-we-do .outer .service-box-three {

    margin-bottom: 50px;

}



.what-we-do .outer .service-box-three:first-child {

    left: 0px;

    top: 10px;

}



.what-we-do .outer .service-box-three:last-child {

    margin-bottom: 0px;

    left: 0px;

    top: 0px;

}



.service-box-three .inner-box {

    position: relative;

    display: block;

    text-align: right;

    padding-right: 0px;

}



.service-box-three .icon-box {

    position: relative;

    right: 0px;

    top: 0px;

    margin-bottom: 20px;

    width: 72px;

    height: 72px;

    text-align: center;

    line-height: 58px;

    color: #fff !important;

    font-size: 30px;

    border-radius: 50%;

    background-image: linear-gradient(to right, #21d397 0%, #7450fe 100%);

    transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    -webkit-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

}



.service-box-three .icon-box img {

    max-width: 35px

}



.service-box-three h3 {

    position: relative;

    line-height: 1.6em;

    font-size: 17px;

    text-transform: capitalize;

    margin-bottom: 15px;

    font-weight: 600;

}



.service-box-three h3 a {

    position: relative;

    color: #2a2a2a;

}



.service-box-three .text {

    position: relative;

    line-height: 1.7em;

    color: #888

}



.service-box-four {

    position: relative;

    margin-bottom: 30px;

    z-index: 1;

}



.what-we-do .outer .service-box-four {

    margin-bottom: 50px;

}





.what-we-do .outer .service-box-four:last-child {

    margin-bottom: 0px;

    top: 0px;

}



.service-box-four .inner-box {

    position: relative;

    display: block;

    text-align: left;

    padding-left: 0px;

}



.service-box-four .icon-box {

    position: relative;

    left: 0px;

    top: 0px;

    margin-bottom: 20px;

    width: 72px;

    height: 72px;

    text-align: center;

    line-height: 58px;

    color: #fff !important;

    font-size: 30px;

    border-radius: 50%;

    background-image: linear-gradient(to right, #7450fe 0%, #21d397 100%);

    transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    -webkit-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

}



.service-box-four .icon-box img {

    max-width: 35px

}



.service-box-four h3 {

    position: relative;

    line-height: 1.6em;

    font-size: 17px;

    text-transform: capitalize;

    margin-bottom: 15px;

    font-weight: 600;

}



.service-box-four h3 a {

    position: relative;

    color: #2a2a2a;

    transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    -webkit-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

}



.service-box-four .text {

    position: relative;

    line-height: 1.7em;

    color: #888

}



@media only screen and (max-width: 1200px) {

    .what-we-do .outer .inner-circle {

        display: none;

    }



    .what-we-do .outer .service-box-three:first-child,

    .what-we-do .outer .service-box-three:last-child,

    .what-we-do .outer .service-box-four:first-child,

    .what-we-do .outer .service-box-four:last-child {

        left: 0px;

        top: 0px;

        right: 0px;

        bottom: 0px;

    }

}



@media only screen and (max-width: 767px) {



    .what-we-do .outer:before,

    .what-we-do .outer:after {

        display: none;

    }



    .what-we-do .outer .service-box-three,

    .what-we-do .outer .service-box-four {

        padding: 0 20px

    }



    .what-we-do .outer .service-box-three:last-child,

    .what-we-do .outer .service-box-four:last-child,

    .what-we-do .outer .service-box-three,

    .what-we-do .outer .service-box-four {

        margin-bottom: 50px;

    }



    .service-box-three .inner-box,

    .service-box-four .inner-box {

        padding-left: 0px;

        padding-right: 0px;

        text-align: center;

    }



    .service-box-three .icon-box,

    .service-box-four .icon-box {

        position: relative;

        display: block;

        left: 0px;

        top: 0px;

        right: 0px;

        bottom: 0px;

        margin: 0 auto 30px;

    }

}







/* ##### 14.0 Our Blog Area CSS ##### */



.single-blog-area {

    position: relative;

    z-index: 1;

    margin-bottom: 100px;

}



.post-meta p {

    color: rgba(255, 255, 255, 0.7);

    font-size: 12px;

    text-transform: uppercase;

}



.post-meta p a {

    color: #fff;

    font-size: 12px;

    text-transform: uppercase;

    margin-right: 30px;

}



.post-title {

    margin-bottom: 20px;

    display: block;

}



.blog_thumbnail img {

    width: 100%;

}



.single-blog-area blockquote {

    background-color: rgba(255, 255, 255, 0.1);

    padding: 30px;

    border-radius: 3px;

    margin: 30px 0;

    display: block;

}



.single-blog-area blockquote span {

    margin-bottom: 0;

    color: #fff;

    font-size: 12px;

    text-transform: uppercase;

}



.comment_area {

    border-top: 1px solid rgba(255, 255, 255, 0.1);

    border-bottom: 1px solid rgba(255, 255, 255, 0.1);

    padding-top: 50px;

    padding-bottom: 50px;

}



.comment_area .title {

    margin-bottom: 50px;

}



@media only screen and (max-width: 767px) {

    .comment_area .comment-content {

        padding: 20px 15px;

    }

}



.comment_area .comment-content .comment-author {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 79px;

    flex: 0 0 79px;

    min-width: 79px;

    margin-right: 55px;

    border-radius: 50%;

}



@media only screen and (max-width: 767px) {

    .comment_area .comment-content .comment-author {

        -webkit-box-flex: 0;

        -ms-flex: 0 0 60px;

        flex: 0 0 60px;

        min-width: 60px;

        margin-right: 15px;

    }

}



.comment_area .comment-content .comment-author img {

    border-radius: 50%;

}



.comment_area .comment-content .comment-meta {

    margin-bottom: 30px;

}



.comment_area .comment-content .comment-meta .post-date {

    color: #fff;

    font-size: 11px;

    text-transform: uppercase;

    letter-spacing: 3px;

    margin-bottom: 0;

    display: block;

}



.comment_area .comment-content .comment-meta .post-author {

    margin-bottom: 15px;

    display: block;

    color: #fff;

}



.comment_area .comment-content .comment-meta p {

    margin-bottom: 15px;

    font-size: 14px;

    font-family: "Open Sans", sans-serif;

    line-height: 2;

}



.comment_area .comment-content .comment-meta .comment-reply {

    font-size: 11px;

    color: #fff;

    text-transform: uppercase;

}



.comment_area .single_comment_area {

    margin-bottom: 30px;

}



.comment_area .single_comment_area:last-of-type {

    margin-bottom: 0;

}



.comment_area .children .single_comment_area {

    margin-left: 50px;

    margin-top: 30px;

}



@media only screen and (max-width: 767px) {

    .comment_area .children .single_comment_area {

        margin-left: 15px;

    }

}



.single_comment_area .children .single_comment_area .comment-meta {

    margin-bottom: 0;

}





/* ##### Contact Area CSS ##### */



.group {

    position: relative;

    z-index: 1;

    margin-bottom: 30px;

}



.group input,

.group textarea {

    font-size: 12px;

    font-style: italic;

    padding: 10px;

    display: block;

    width: 100%;

    height: 55px;

    border: none;

    background-color: transparent;

    color: #fff;

    border-radius: 0;

    border-bottom: 2px solid rgba(255, 255, 255, 0.2);

}



.group input:focus,

.group textarea:focus {

    outline: none !important;

    box-shadow: none !important;

    background-color: transparent !important;

}



.group label {

    color: #fff;

    font-style: italic;

    font-size: 12px;

    font-weight: 500;

    position: absolute;

    pointer-events: none;

    left: 20px;

    top: 18px;

    -webkit-transition: 0.5s ease all;

    transition: 0.5s ease all;

    margin-bottom: 0;

}



.group .bar {

    position: relative;

    display: block;

    width: 100%;

}



.group .bar:before,

.group .bar:after {

    content: '';

    height: 2px;

    width: 0;

    bottom: 0;

    position: absolute;

    background-color: #fff;

    -webkit-transition: 0.5s ease all;

    transition: 0.5s ease all;

}



.group .bar:before {

    left: 50%;

}



.group .bar:after {

    right: 50%;

}



.group textarea {

    height: 130px;

}



/* Form Active State */



.group input:focus~label,

.group textarea:focus~label,

.group input:valid~label,

.group textarea:valid~label {

    top: -17px;

    font-size: 12px;

    color: #fff;

}



.group input:focus~.bar:before,

.group textarea:focus~.bar:before,

.group input:focus~.bar:after,

.group textarea:focus~.bar:after {

    width: 50%;

    background-color: #fff;

}



input:required,

textarea:required {

    box-shadow: none !important;

}



/* ##### Footer Area ##### */



.footer-area {

    position: relative;

    z-index: 1;

    padding: 0;

}



.footer-content-area {

    padding: 8rem 0 80px;

    background: #000;

}



.footer-content-area.demo {

    margin-top: 70px

}



.footer-logo {

    margin-bottom: 15px

}



.footer-logo a {

    color: #fff;

    font-size: 20px

}



.footer-logo img {

    width: 40px

}



.footer-side-thumbnail {

    position: absolute;

    width: 50%;

    top: 0;

    left: 0;

    height: 100%;

    background-size: cover;

    background-position: top center;

    opacity: 0.3;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";

}



.copywrite_text>p {

    margin-bottom: 20px;

    color: #fff !important;

    font-size: 16px;

}



.copywrite_text>p>a {

    color: #fff;

}



.footer-social-info a i {

    font-size: 18px;

    background: #FC2638;

    color: #000;

    width: 40px;

    margin-right: 5px;

    transition-duration: 500ms;

    height: 35px;

    border-radius: 5px;

    line-height: 35px;

    text-align: center;

}



.footer-social-info a i:hover {

    color: #4a7aec;

    border: 2px solid #000

}



.contact_info_area .contact_info {

    text-align: left !important;

}



.contact_info_area .contact_info h5 {

    font-size: 18px;

    border-bottom: 2px solid #FC2638;

    padding-bottom: 10px;

    margin-bottom: 20px;

    display: inline-block;

}



.contact_info_area .contact_info p {

    margin-bottom: 0;

    font-size: 14px;

    color: #eee;

}



.contact_info_area .contact_info a:hover p {

    color: #fff

}



/* ##### Breadcumb Area ##### */



.breadcumb-area {

    position: relative;

    z-index: 1;

    height: 400px !important;

}



.breadcumb-content {

    position: absolute !important;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    z-index: 10;

    background: rgba(72, 52, 212, 0.95);

    background: -webkit-linear-gradient(to right, rgba(72, 52, 212, 0.95), rgba(52, 31, 151, 0.95));

    background: -webkit-linear-gradient(left, rgba(72, 52, 212, 0.95), rgba(52, 31, 151, 0.95));

    background: linear-gradient(to right, rgba(72, 52, 212, 0.95), rgba(52, 31, 151, 0.95));

}



.breadcumb--con {

    padding-top: 90px;

}



.breadcrumb {

    padding: 0;

    margin-bottom: 0;

    list-style: none;

    background-color: transparent;

    border-radius: 0;

}



.breadcumb--con .title {

    font-size: 42px;

    margin-bottom: 15px;

    margin-left: 0;

}



.breadcrumb-item,

.breadcrumb-item.active,

.breadcrumb-item>a {

    font-size: 13px;

    text-transform: uppercase;

    color: #fff;

}



.page-item:first-child .page-link {

    margin-left: 0;

    border-top-left-radius: 0;

    border-bottom-left-radius: 0;

}



.page-item:last-child .page-link {

    border-top-right-radius: 0;

    border-bottom-right-radius: 0;

}



.page-link {

    color: #fff;

    background-color: transparent;

    border: 1px solid rgba(255, 255, 255, 0.05);

    margin: 0 2px;

}



/* ##### Sidebar CSS ##### */



.search-widget-area form {

    position: relative;

    z-index: 1;

}



.search-widget-area form input {

    width: 100%;

    height: 45px;

    border: 2px solid rgba(255, 255, 255, 0.2);

    background-color: transparent;

    padding: 0 15px;

    color: #fff;

    font-size: 12px;

    border-radius: 30px;

}



.search-widget-area form button {

    width: 60px;

    height: 45px;

    background-color: transparent;

    padding: 0 15px;

    color: #fff;

    font-size: 14px;

    border-radius: 30px;

    position: absolute;

    top: 0;

    right: 0;

    z-index: 100;

}



.widget-title h5 {

    margin-bottom: 30px;

    font-size: 18px;

    text-transform: capitalize;

    border-bottom: 1px solid #fff;

    padding: 0 0 5px 0;

}



.dont-miss-post-content>a {

    font-size: 16px;

    color: #fff;

    display: block;

    margin-top: 15px;

}



.dont-miss-post-content>span {

    font-size: 12px;

    color: #fff;

    display: block;

    text-transform: uppercase;

}



.subscribe-form input {

    width: 100%;

    height: 45px;

    border-radius: 45px;

    border: none;

    padding: 0 20px;

    font-size: 12px;

    font-style: italic;

    color: #fff;

    margin-bottom: 15px;

    background-color: rgba(255, 255, 255, 0.1);

}



.subscribe-form button {

    width: 100%;

    height: 45px;

    border-radius: 45px;

    border: none;

    font-size: 12px;

    padding: 0;

    text-transform: uppercase;

    color: #fff;

    margin-bottom: 15px;

    background-color: rgba(255, 255, 255, 0.2);

    cursor: pointer;

}



/* ##### Timeline CSS ##### */



.timelineBox {

    width: 100%;

    height: auto;

    overflow: hidden;

    border-radius: 2px;

}



.timelineHeader {

    padding: 32px;

    padding: 32px;

    padding: 2rem;

    background: #e91e63;

    position: relative;

    z-index: 3;

}



.timelineHeader h3 {

    font-size: 32px;

    font-size: 32px;

    font-size: 2rem;

    margin: 0;

}



.timelineHeader h3+span {

    font-size: 19.2px;

    font-size: 19.2px;

    font-size: 1.2rem;

    color: #fff;

}



.timelineBody {

    max-height: 480px;

    overflow-x: hidden;

    overflow-y: auto;

}



.timelineBody .timeline {

    padding: 2em;

    margin: 0;

    list-style: none;

    position: relative;

    z-index: 2;

}



.timelineBody .timeline li {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start;

    -webkit-box-pack: start;

    -ms-flex-pack: start;

    justify-content: flex-start;

    padding: 1em 0;

    position: relative;

}



.timelineBody .timeline li:before {

    position: absolute;

    content: '';

    left: 7px;

    top: 0;

    width: 1px;

    height: 100%;

    background: #25cbd3

}



.timelineBody .timeline li:last-child {

    margin-bottom: 0;

}



.timelineBody .timeline .timelineDot {

    height: 15px;

    width: 15px;

    background: #fff;

    border-radius: 2rem;

    -webkit-box-flex: 0;

    -ms-flex: 0 0 15px;

    flex: 0 0 15px;

    margin-right: auto;

    margin-top: 6px;

    box-shadow: 0 0 8px #56cb5f;

}



.timelineBody .timeline .timelineDot:after {

    content: '';

    position: absolute;

    top: 25px;

    left: 3px;

    height: 9px;

    width: 9px;

    background: #25cbd3;

    border-radius: 50%;

}



.timelineBody .timeline .timelineDate {

    font-size: 14px;

    -webkit-box-flex: 0;

    -ms-flex: 0 0 80px;

    flex: 0 0 80px;

    padding: 0;

}



.timelineBody .timeline .timelineDate p {

    color: #25cbd3;

}



.timelineBody .timeline .timelineWork {

    font-size: 16px;

    margin-left: auto;

    -webkit-box-flex: 0;

    -ms-flex: 0 0 65%;

    flex: 0 0 65%;

}



.timelineBody .timeline .timelineWork h6 {

    color: #fff;

}



.timelineBody .timeline .timelineWork span {

    display: block;

    color: #bdbdbd;

    font-size: 13px;

}







.lock {

    position: relative;

    overflow: hidden;

    padding-top: 27px;

    padding-top: 15px

}



.lock img {

    display: inline-block;

    vertical-align: middle;

    float: left;

    margin: 0px 20px;

}



.lock img:first-child {

    margin-left: 0;

}



.lock .ball {

    width: 6px;

    height: 6px;

    border-radius: 3px;

    margin: 38px 4px 0 4px;

    vertical-align: middle;

    display: inline-block;

    float: left;

}



.lock .ball.ball_active {

    background: #1666ed;

    background: -moz-linear-gradient(45deg, #1666ed 0%, #57c6f3 100%);

    background: -webkit-gradient(left bottom, right top, color-stop(0%, #1666ed), color-stop(100%, #57c6f3));

    background: -webkit-linear-gradient(45deg, #1666ed 0%, #57c6f3 100%);

    background: -o-linear-gradient(45deg, #1666ed 0%, #57c6f3 100%);

    background: -ms-linear-gradient(45deg, #1666ed 0%, #57c6f3 100%);

    background: linear-gradient(45deg, #1666ed 0%, #57c6f3 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1666ed', endColorstr='#57c6f3', GradientType=1);

}



.lock .ball.ball_blue {

    background: #22047a;

}



/*

================================================

   Map style

================================================

*/



.spread-map {

    overflow: hidden;

}



.spread-map .sec-title {

    margin-bottom: 0

}



.spread-map .counter-container {

    margin-top: 20px

}



@media (max-width: 767px) {

    .spread-map .map-container {

        margin-top: 30px

    }



    .token-allocation .visa {

        margin-bottom: 30px

    }

}



.spread-map .s-list-icon {

    position: absolute;

    top: 8px;

    padding: 7px;

    border: 1px solid;

    left: 0;

}



.spread-map .s-list-desc {

    padding-left: 45px;

}



.counter-wrapper {

    position: relative;

    margin-top: 20px;

    color: #222;

    z-index: 5;

}



.counter-wrapper .icon-box {

    position: relative;

    width: 50px;

    height: 50px;

    margin-bottom: 20px;

    border: 2px solid #ffb426;

}



.counter-wrapper .icon-box img {

    position: absolute;

    max-width: 30px;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

}



.counter-wrapper .counter {

    color: #ffb426;

    font-size: 20px;

    text-align: left;

    font-weight: 700;

    font-family: 'Roboto', sans-serif;

    margin-bottom: 5px;

}



.counter-wrapper h5 {

    font-family: 'Open Sans', sans-serif;

    font-weight: 400;

    font-size: 14px;

    line-height: 24px;

}



/*

* ----------------------------------------------------------------------------------------

*  START counter-down STYLE

* ----------------------------------------------------------------------------------------

*/

.ico-counter {

    /* background: url(../img/bg-img/counter-bg.png) no-repeat center; */

    padding: 45px 40px;

    border-radius: 20px;

}



.ico-counter.dotted-bg {

    /* background: url(../img/bg-img/dotted-bg.html) no-repeat; */

    background-size: cover;

}



.counter-map {

    position: relative;

}



.ico-counter.mapy {

    position: absolute;

    min-width: 40%;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

}



@media (max-width: 767px) {

    .ico-counter {

        margin-bottom: 30px;

        padding: 45px 15px;

    }



    .ico-counter.mapy {

        min-width: 60%

    }



    .contract-add {

        display: block;

    }



    .contract-add h6 {

        margin: 10px 0 !important;

    }



    .contract-add span {

        margin: 10px 0;

        display: block;

    }



    .supportImg {

        top: -50px;

        right: 0;

        width: 100px;

        height: 100px;

    }

}



@media (max-width: 480px) {

    .contract-add span {

        margin: 10px 0 !important;

        display: block;

        word-break: break-all;

    }



    .section-heading p {

        font-size: 20px;

    }



    .welcome-content h1 {

        font-size: 80px;

    }

    .welcome-content.hat h1 {

        font-size: 50px;

    }



    .left-box {

        padding: 50px 20px;

    }

}



.ico-counter .dream-btn,

.ico-counter .more-btn {

    min-width: 205px

}



.counter-down {

    position: relative;

}



.conuter-header {

    overflow: hidden;

    position: relative;

}



.timer-body-block {

    display: flex

}



.count-down .table-cell {

    position: relative;

    width: 25%

}



.count-down .tab-val {

    width: 90%;

    font-size: 30px;

    font-weight: 500;

    height: 75px;

    line-height: 75px;

    margin: 0 auto;

    background-size: contain;

    color: #15447e;

}



.count-down .tab-metr {

    margin-top: 15px;

    font-size: 16px;

    color: #ffffff;

    font-weight: 600

}



@media (max-width: 480px) {

    .count-down .tab-metr {

        font-size: 14px

    }

}



.conuter-header h3 {

    font-weight: 600;

    font-size: 24px;

    color: #fff

}



.conuter-header h4 {

    font-size: 18px;

    text-transform: uppercase;

}



.counterdown-content {

    padding: 30px 0 0;



}



.clock-wrapper {

    position: relative;

    background: #fff;

    padding: 30px 0 15px 9px;

    border-radius: 14px;

    overflow: hidden;

    border: 1px solid

}



.dollar-earning {

    font-size: 24px;

    font-weight: 600;

    padding-left: 10px;

    color: #fff;

}



.btc-earning {

    font-size: 24px;

    font-weight: 600;

    padding-right: 45px;

    color: #fff;

    position: relative;

}



.ico-sales-status {

    overflow: hidden;

}



.ico-sales-status p {

    font-size: 12px;

    margin-bottom: 0;

    color: rgba(255, 255, 255, 0.62)

}



.btc-earning span {

    font-size: 13px;

    font-weight: bold;

    position: absolute;

    right: 10px;

    top: 6px;

}



.ico-progress {

    margin: 0px 0px 20px;

}



.ico-progress ul {

    margin-bottom: 5px

}



.ico-progress li {

    font-size: 18px;

    font-weight: 400;

}



.ico-progress li.title {

    float: left;

    padding-left: 30px;

    font-weight: 600;

    color: #15447e;

}



.pre-sale-bg {

    padding: 30px 10px;

    border-radius: 30px;

    position: relative;

}



@media (min-width:1200px) {

    .pre-sale-bg:after {

        content: '';

        position: absolute;

        background-size: cover;

        background-position: bottom left;

        bottom: -100px;

        right: 0;

        width: 230px;

        height: 250px;

    }



    .hello-img {

        max-width: 120%;

    }



    .mt-lg-50 {

        margin-top: 50px;

    }

}



.pre-price {

    margin: 50px 0 30px;

    font-family: "Alfa Slab One", cursive

}



.ico-progress li.strength {

    float: right;

    font-weight: 600;

    color: #15447e;

}



.ico-progress .current-progress {

    width: 100%;

    height: 16px;

    position: relative;

    background: rgba(122, 95, 95, 0.6);

    border-radius: 7px

}



.ico-progress .current-progress:before {

    content: '';

    position: absolute;

    width: 3px;

    height: 26px;

    bottom: -5px;

    left: 12%;

    background: #15447e

}



.current-progress .progress-bar {

    border-radius: 7px;

    height: 100%;

    background-image: -webkit-linear-gradient(left, #fb881d 0%, #ffad34 100%);

    background-image: -o-linear-gradient(left, #fb881d 0%, #ffad34 100%);

    background-image: -webkit-gradient(linear, left top, right top, from(#fb881d), to(#ffad34));

    background-image: linear-gradient(to right, #fb881d 0%, #ffad34 100%);

}



.ico-progress span {

    color: #4a77dc;

    font-size: 14px;

    font-weight: 700;

    padding-top: 7px;

    display: inline-block;

}



.doc-element {

    background-color: #1d025c;

    border-radius: 4px;

    border-bottom: 2px solid #25cbd3;

    position: relative;

    transition: .5s;

    cursor: pointer;

    padding: 20px;

    margin-top: 20px;

    -ms-flex: 1;

    flex: 1;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}



.doc-element:before {

    content: "";

    display: block;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    right: 30px;

    transition: .3s;

    right: 15px;

    width: 27px;

    height: 34px;

    background-size: contain;

}



.doc-element:after {

    content: "";

    display: block;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    right: 30px;

    transition: .3s;

    right: 15px;

    width: 27px;

    height: 30px;

    background-size: contain;

    opacity: 0;

}



.doc-element .document-entry .title {

    font-size: 14px;

    color: #fff;

    line-height: 1.35;

}



.doc-element:hover {

    background-color: #25cbd3;

}



.doc-element:hover:after {

    opacity: 1;

}



.ico-info-table {

    border-radius: 7px;

    overflow: hidden;

    border: 1px solid #eee;

    box-shadow: 0px 2px 27px 0px rgba(154, 161, 171, 0.18);

    -webkit-box-shadow: 0px 2px 27px 0px rgba(154, 161, 171, 0.18);

}



.banner-bg {

    padding-top: 100px;

    background-size: cover;

    position: relative;

    border-radius: 50px 50px 0 0;

}



.banner-bg::before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    height: 100%;

    width: 100%;

    mix-blend-mode: multiply;

    background-color: hsl(140deg 86% 25%);

}



/* ##### Accordians CSS ##### */



.dream-faq-area dl {

    width: 100%;

}



.dream-faq-area dt {

    cursor: pointer;

    overflow: visible;

    padding: 15px 25px;

    background: url(../images/treasure.jpg);

    border-radius: 10px 10px 0 0;

}



.dream-faq-area dd {

    margin: 0;

    padding: 10px 20px;

    background: #fff;

    border-radius: 0 0px 10px 10px;

}



.dream-faq-area dd p {

    font-size: 16px;

    margin-bottom: 0;

    color: #000;

}



/* ##### Button Effects ##### */

.main-color2 {

    color: #2f9902 !important;

}



.ms-color2 {

    -webkit-text-stroke: 2px #2f9902 !important;

    color: #2f9902 !important;

}



.ripple {

    position: absolute;

    height: .25em;

    width: .25em;

    opacity: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    z-index: -1;

    border-radius: 50%;

    background: rgba(255, 255, 255, 0.2);

    -webkit-transform-origin: center 50%;

    transform-origin: center 50%;

    -webkit-transition: opacity 1.6s;

    transition: opacity 1.6s;

    -webkit-animation: ripple 1.6s;

    animation: ripple 1.6s;

    -webkit-animation-fill-mode: forwards;

    animation-fill-mode: forwards;

}



.ripple-active {

    opacity: 1;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

}



@-webkit-keyframes ripple {

    0% {

        -webkit-transform: scale3d(0, 0, 0);

        transform: scale3d(0, 0, 0);

    }



    100% {

        -webkit-transform: scale3d(50, 50, 50);

        transform: scale3d(50, 50, 50);

    }

}



@keyframes ripple {

    0% {

        -webkit-transform: scale3d(0, 0, 0);

        transform: scale3d(0, 0, 0);

    }



    100% {

        -webkit-transform: scale3d(50, 50, 50);

        transform: scale3d(50, 50, 50);

    }

}



/* ##### Animated Headline CSS ##### */



.cd-intro.default-title>h2 {

    font-size: 50px;

}



.cd-headline.clip b,

.cd-words-wrapper b {

    font-weight: 500;

}



.cd-headline {

    font-weight: 500;

}



/* ##### particless CSS ##### */



#particles-js {

    height: 900px;

    width: 100%;

    position: relative;

    z-index: 1;

}



#particles-js canvas.particles-js-canvas-el {

    position: absolute !important;

    top: 0 !important;

    left: 0 !important;

}



/* ##### Snow Version CSS ##### */



.snow-content-text {

    position: absolute;

    top: 0;

    left: 0;

    height: 100%;

    width: 100%;

    z-index: 2;

}



.fullwidth {

    width: 100vw !important;

    height: 100vh !important;

}



@media only screen and (max-width: 991px) and (min-width: 768px) {

    .welcome_area.ico {

        height: 1200px !important

    }

}



/* ##### Slider Area CSS ##### */



.welcome_area .welcome_slides .owl-prev,

.welcome_area .welcome_slides .owl-next {

    color: #fff;

    font-size: 24px;

    left: -100px;

    margin-top: -44px;

    position: absolute;

    text-align: center;

    top: calc(50% + 90px);

    -webkit-transition-duration: 500ms;

    transition-duration: 500ms;

    z-index: 99;

}



.welcome_area .welcome_slides .owl-next {

    right: -100px;

    left: auto;

}



.welcome_area .welcome_slides:hover .owl-next {

    right: 30px;

}



.welcome_area .welcome_slides:hover .owl-prev {

    left: 30px;

}





/* ##### Subscribe form area CSS ##### */



.welcome-content .subscribe-email {

    width: 70%;

    height: 55px;

    border: none;

    padding: 0 25px;

    border-radius: 8px;

    font-size: 12px;

    font-style: italic;

}



/* ##### Light Version CSS ##### */



body.light-version {

    background: #fff !important;

}



.light-version p {

    font-weight: 500;

}



.light-version h2,

.light-version h3,

.light-version h6,

.light-version .growing-company p .counter,

.light-version .service_single_content .service_icon i,

.light-version .portfolio-menu button,

.light-version .post-meta p a,

.light-version .group label,

.light-version input:focus~label,

.light-version textarea:focus~label,

.light-version input:valid~label,

.light-version textarea:valid~label,

.light-version .copywrite_text>p>a {

    color: #FC2638;

}



.dream-faq-area dt {

    margin-top: 15px;

    color: #fff;

    font-weight: 600;

    font-size: 17px;

    margin-bottom: 0px;

}



.light-version .timelineBox {

    background: #f2f4f8;

    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);

}



.light-version .single-mission h6,

.light-version .single-mission p,

.light-version .welcome-content h2,

.light-version .cool_fact_detail h3,

.light-version .cool_fact_detail h2,

.light-version .cta-content h2,

.light-version .cta-content p,

.contact_info_area .contact_info h5 {

    color: #fff;

}



.light-version .portfolio-menu button.active {

    color: #222;

    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);

}



.light-version .single-team-member {

    padding: 30px

}



.light-version .single-team-member:after {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    background-image: linear-gradient(to right, #846FF4 0%, #F17674 100%);

    background-image: -webkit-linear-gradient(to right, #846FF4 0%, #F17674 100%);

    content: "";

    z-index: -5;

}



.light-version .single-team-member.v2:after {

    background: #f4f9ff

}



.light-version .trust-item {

    border: 1px solid #ddd

}



.light-version #scrollUp {

    color: #000;

}



.light-version .demo-video h2,

.light-version .subscribe .group label,

.light-version .subscribe .group input {

    color: #fff

}



.light-version .subscribe .group input {

    border-bottom-color: rgba(255, 255, 255, 0.2) !important

}



.light-version .demo-video {

    background: linear-gradient(to right, #4834d4, #341f97);

    overflow: hidden;

    border-top: 1px solid #eee

}



.light-version .demo-video p {

    color: rgba(255, 255, 255, .7)

}



.light-version .our_services_area {

    padding-bottom: 70px

}



.light-version .service_single_content {

    border-radius: 10px;

    background-color: #fff;

    border: none;

    padding: 130px 20px 40px;

    margin-bottom: 30px;

    overflow: hidden;

}



.light-version .service_single_content p {

    margin-bottom: 0

}



.light-version .services-block-four .inner-box h3 a {

    color: #222

}



.token .service_single_content {

    background-image: none;

    padding: 0;

    box-shadow: none;

    background: none

}



.token .service_single_content .service_icon {

    max-width: 150px;

    height: 150px

}



.token.v2 .service_single_content .service_icon {

    max-width: 60px;

    height: 60px;

    box-shadow: 0px 2px 27px 0px rgba(154, 161, 171, 0.54)

}



.token .service_single_content .service_icon img {

    height: 100%

}



.light-version #scrollUp:before {

    position: absolute;

    width: 30%;

    height: 2px;

    background-color: #000;

    content: "";

    top: 10px;

    right: 100%;

    z-index: -200 !important;

}



.light-version .our_blog_area {

    background: #edf6fd

}



.light-version .group input,

.light-version .group textarea {

    background: rgb(215, 223, 239);

    color: #222 !important;

    border: 3px solid;

    border-radius: 10px;

}



.light-version .group input:focus~.bar:before,

.light-version .group textarea:focus~.bar:before,

.light-version .group input:focus~.bar:after,

.light-version .group textarea:focus~.bar:after {

    background-color: #222;

}



.light-version .client_slides .owl-dot {

    color: #222;

    background-color: transparent;

}



.light-version .client_slides .owl-dot.active {

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);

}





/* demo page */

.demo-item {

    -webkit-box-shadow: 0 2px 28px rgba(0, 0, 0, .1);

    box-shadow: 0 2px 28px rgba(0, 0, 0, .1);

    overflow: hidden;

    background: #fff;

    margin-bottom: 30px;

    border: 10px solid #0ba513;

    border-radius: 10px;

    transition: all .3s ease-in;

}



@media (min-width: 1200px) {

    .demo .container {

        max-width: 1280px;

    }



    .hero-section .w-app {

        max-width: 100%;

        margin-top: 80px;

    }



    .hero-section .illusto img {

        max-width: 140%;

        margin-left: -100px;

        margin-top: 60px;

    }



    .hero-section .illusto-1 img {

        max-width: 100%;

        margin-left: 0px;

        margin-top: 60px;

    }



    .hero-section .illusto-2 img {

        max-width: 160%;

        margin-left: -150px;

        margin-top: 0px;

    }



    .hero-section .curved {

        max-width: 100%;

        margin-top: 30px

    }

}



.demo-item:hover {

    box-shadow: 0 1px 28px rgb(218 98 242 / 66%);

    transform: translate(0, -9px);

    -webkit-transform: translate(0, -9px);

}



.extended.v2 {

    padding: 50px;

}



.btc-img {

    position: absolute;

    top: 15%;

    left: 10%;

    animation: floating2 7s infinite;

    -webkit-animation: floating2 7s infinite;

}



.eth-img {

    position: absolute;

    bottom: 25%;

    left: 37%;

    animation: floating2 5s infinite;

    -webkit-animation: floating2 5s infinite;

}



@media (min-width: 1200px) {

    .extended.v2:before {

        background: linear-gradient(310deg, #268D94 25%, #417B52 100%);

        border-radius: 15px;

        content: '';

        position: absolute;

        padding: 50px 50px;

        width: 1114px;

        height: 100%;

        left: 0;

        top: 0;

        z-index: -1;

    }



    .app-img {

        max-width: 140%;

        margin-left: -250px;

    }

}



@media (max-width: 1200px) {

    .extended.v2 {

        background: linear-gradient(310deg, #268D94 25%, #417B52 100%);

    }

}



.preview-link {

    text-align: center;

}



.preview-demo {

    position: relative;

    display: inline-block;

    padding: 20px 30px;

    width: 100%;

    font-weight: 700;

    color: #fff;

    background: #3a80fe;

    text-transform: uppercase;

    border: 1px solid #673AB7;

}



.preview-demo i {

    margin-left: 10px

}



.preview-demo:hover {

    color: #333

}