.header-area {

    background: transparent;

    padding: 0 0px 5px;

    position: relative;

    margin-bottom: -104px;

    z-index: 2;

    border-bottom: 1px solid#2D305B;

}

.led-green {

    display: inline-block;

    margin: 0px 6px 0 -9px;

    width: 6px;

    height: 6px;

    background-color: #9dff00;

    border-radius: 50%;

    box-shadow: rgb(0 0 0 / 20%) 0 -1px 7px 1px, inset #aff918 1px -1px 9px, #89ff00 0px -2px 8px;

    z-index: 10000;

    position: absolute;

    top: 14px;

    left: 25px;

}



.sticky-nav {

    left: 0;

    margin: auto;

    top: 0;

    width: 100%;

    position: fixed!important;

    box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.07);

    -webkit-animation: 300ms running fadeInDown;

    animation: 500ms running fadeInUp;

    -webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);

    transition: .5s !important;

    background: rgb(10 16 90 / 75%)!important;

    z-index: 9999 !important;

    animation-name: slideInDown;

    animation-duration: 1.5s;

}

.sticky-nav .header-btn a {

    background: #fff;

    color: #0e5ed7;

}

.sticky-nav .header-btn a:hover{

    color: #fff;

}

.cryptozen_menu ul {

    display: inline-block;

}

.cryptozen_menu ul li {

    list-style: none;

    display: inline;

    position: relative;

}

.cryptozen_menu ul li a {

    display: inline-block;

    font-size: 15px;

    padding: 36px 14px;

    text-transform: capitalize;

    transition: .5s;

    letter-spacing: 1px;

    color: #fff;

    font-weight: 600;

}

.cryptozen_menu ul li a:hover {

    color: #0e5ed7;

}

.sticky-nav .cryptozen_menu ul li a{

    color:#fff;

}

.sticky-nav .header-top-social ul li a{

    color:#fff;

}

.sticky-nav .header-top-social ul li a:hover{

    color:#FB4242;

}

.sticky-nav .cryptozen_menu ul li a:hover {

    color: #2370e5!important;

}



.table{

    background-color: rgb(19 23 67 / 80%);

    border-bottom: 1px solid #111110;

    padding: 17px;

    margin: 5px 0;

    border-radius: 5px;

}

.table th, .table td {

    padding: 0.75rem;

    vertical-align: top;

    border-top: none;

    color: #fff;

    background: none;

}

.alert-info {

    color: #ffffff;

    background-color: rgb(39 51 70 / 72%);

    border: none;

    border-left: 3px solid #0089ff;

}

.alert-success {

    color: #ffffff;

    background-color: rgb(39 51 70 / 72%);

    border: none;

    border-left: 3px solid #90ff00;

}

.alert-danger {

    color: #ffffff;

    background-color: rgb(39 51 70 / 72%);

    border: none;

    border-left: 3px solid #ff0000;

}

.alert-warning {

    color: #000000;

    background-color: #fff;

    border: none;

    border-left: 3px solid #f3a61a;

}

nav.cryptozen_menu {

    float: right;

}

/*sticky logo*/

a.stiky-logo img {

    display: none;

}

.sticky-nav a.main-logo img {

    display: none;

}

.header-button {

    display: inline-block;

    margin-left: 8px;

}

.header-button a {

    color: #fff;

    display: inline-block;

    font-size: 14px;

    margin-bottom: 0;

    text-align: center;

    text-transform: capitalize;

    transition: all 0.5s;

    border-radius: 5px;

    margin-left: 15px;

    background: -moz-linear-gradient(-9deg, #fb239a 0%, #9b3bf5 97%);

    padding: 14px 48px;

}

.header-button a:hover{

    background: -moz-linear-gradient(-9deg, #9b3bf5 0%, #fb239a 97%);

    color:#fff;

}

.header-src-btn {

    display: inline-block;

    padding-right: 14px;

}

.nav-btn.navSidebar-button {

    display: inline-block;

    color: #fff;

    font-size: 25px;

    cursor: pointer;

    position: relative;

    top: 3px;

}

.sticky-nav .nav-btn.navSidebar-button {

    display: inline-block;

    color: #fff;

    font-size: 30px;

    cursor: pointer;

    position: relative;

    top: 6px;

}

/*start sub menu*/

.cryptozen_menu .sub-menu {

    height: auto;

    width: 230px;

    background: #fff;

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

    position: absolute;

    text-align: left;

    top: 65px;

    transition: .5s;

    opacity: 0;

    left: 0;

    visibility: hidden;

    border-radius: 0;

    padding: 9px 14px 25px;

    transform: scaleY(0);

    transform-origin: center top 0;

    transition: all 0.4s ease-in-out;

}

.header-area  .sub-menu ul li {

    display: block;

    margin-bottom: -43px;

    transition: .5s;

}

.header-area .sub-menu ul li a {

    position: relative;

    color: #616161!important;

    margin: 10px 8px 2px 12px;

    font-weight: 500;

    font-size: 16px;

    text-transform: capitalize;

    letter-spacing: 0;

    display: inline-block;

    z-index: 2;

    padding: 0;

}

.header-menu .sub-menu ul li a{

    padding: 0;

}

.cryptozen_menu ul li:hover .sub-menu {

    opacity: 1;

    visibility: visible;

    z-index: 9;

    left: 0;

    transform: scaleY(1);

}

.cryptozen_menu li {

    padding-bottom: 48px;

}

.header-area .sub-menu ul li a::before {

    content: "";

    position: absolute;

    height:1px;

    width: 181px;

    background-color: #F1F1F1;

    left: 0;

    top: 30px;

    opacity: 1;

    transition: .5s;

}

.header-area .sub-menu ul li a:hover:before{

    background:#0e5ed7;

}

.header-area .sub-menu ul li a:hover {

    color: #0e5ed7!important;

}

.header-area.style-two .sub-menu ul li:before{

    display: none;

}

.sticky-nav.header-area .sub-menu ul li a:hover {

	color: #0e5ed7;

}

.header-btn {

    display: inline-block;

    position: relative;

    top: 20px;

}

.header-btn a {

    color: #fff;

    display: inline-block;

    padding: 10px 33px;

    font-size: 15px;

    position: relative;

    z-index: 1;

    overflow: hidden;

    font-weight: 600;

    border-radius: 30px;

    border: 1px solid#535578;

}

.header-btn a i {

    font-size: 18px;

}

.header-btn a:after{

    position: absolute;

    content: "";

    height: 100%;

    width: 0;

    right: 0;

    top: 0;

    transition: .5s;

    background: #37A2FF;

    z-index: -1;

}

.header-btn a:hover:after{

    left:0;

    width:100%;

}

.mobile-menu.mean-container {

    overflow: hidden;

}

html{

    scroll-behavior: smooth;

}

/*header area style two*/

.header-area.style-two{

    border-bottom: 1px solid#0551c1;

}

.header-area.style-two .header-btn a {

    border: 1px solid#38A1FD;

}

/*header area style two*/

.header-area.style-three{

    margin-bottom:0;

    border-bottom:none;

    background:#fff;

}

.sticky-nav a.stiky-logo img {

 display:block!important;

}

.header-area.style-three .cryptozen_menu ul li a {

    color: #0B0B47;

}

.header-area.style-three.sticky-nav .cryptozen_menu ul li a:hover{

    color:#fff!important;

}

.header-area.style-three .cryptozen_menu ul li a:hover{

    color:#d93c1a;

}

.header-area.style-three .header-btn a {

    color: #0B0B47;

    transition:.5s;

}

.header-area.style-three .header-btn a:hover{

    color:#fff;

}



.header-area.style-three.sticky-nav .nav-btn.navSidebar-button {

    color: #fff;

}

.header-area.style-three .search-box-btn.search-box-outer i {

    color: #0B0B47;

    top: -3px;

    position: relative;

}

.header-area.style-three .nav-btn.navSidebar-button {

    color: #0B0B47;

}

.header-area.style-three.sticky-nav .search-box-btn.search-box-outer i {

    color: #fff;

}

.link_box{

    background: rgb(18 25 74 / 55%);

    position: relative;

    border-radius: 7px;

    transition: 300ms;

    margin: 5px 0;

    border: 1px solid #24295e;

}

.link_box_nolink{

    background: rgb(18 25 74 / 55%);

    position: relative;

    border-radius: 7px;

    transition: 300ms;

    margin: 5px 0;

    border: 1px solid #24295e;

}

.link_box:hover{

    background: rgb(22 32 106 / 55%);

}

.link_icon{

    position: absolute;

    float: left;

    height: 100%;

    width: 90px;

    background: rgb(16 50 145 / 23%);

    border-right: 1px solid #272e62;

    border-bottom-left-radius: 5px;

    border-top-left-radius: 5px;

}

.link_icon i{

    position: absolute;

    top: 50%;

    left: 50%;

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

    font-size: 32px;

}

.link_text{

    position: relative;

    float: left;

    margin-left: 100px;

    padding: 12px 0;

    color: #fff;

}

.link_box a{

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 20;

}

.link_desc{

    color: #a2bbd2;

    font-size: 14px;

}



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

 slider section

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

.slider-area {

    background: url(assets/images/hero/bg.png);

    height: 949px;

    position: relative;

    z-index: 1;

}

.slider-content h1 {

    font-size: 70px;

    margin: 0 0 14px;

}

.slider-content h4 {

    font-size: 40px;

    font-weight: 200;

    margin: 0 0 0;

}

.slider-content span {

    color: #0e5ed7;

}

.slider-content p {

    font-size: 18px;

    margin: 23px 0 36px;

    width: 99%;

    font-weight: 500;

}

.slider-button {

    display: inline-block;

    margin-right: 28px;

}

.slider-button a {

    display: inline-block;

    background: #d93c1a;

    padding: 17px 37px;

    border-radius: 30px;

    font-size: 15px;

    transition: .5s;

    font-family: 'Inter';

    overflow: hidden;

    position: relative;

    z-index:1;

}

.slider-button a:after {

    position: absolute;

    content: "";

    top: 0;

    right: 0;

    height: 100%;

    width: 0;

    background: #fff;

    transition: .6s;

    z-index: -1;

    border-radius: 30px;

}

.slider-button a:hover:after{

    left: 0;

    width:100%;

}

.slider-button a:hover{

    color:#d93c1a; 

}

.slider-btn {

    display: inline-block;

}

.slider-btn a {

    display: inline-block;

    border: 1px solid#525578;

    padding: 15px 37px;

    font-family: 'Inter';

    font-size: 15px;

    transition: .5s;

    border-radius: 30px;

    overflow: hidden;

       position: relative;

    z-index:1;

}

.slider-btn a:after {

    position: absolute;

    content: "";

    top: 0;

    right: 0;

    height: 100%;

    width: 0;

    background: #fff;

    transition: .6s;

    z-index: -1;

    border-radius: 30px;

}

.slider-btn a:hover:after{

    left: 0;

    width:100%;

}

.slider-btn a:hover{

    color:#d93c1a; 

}

.slider-thumb {

    position: relative;

    z-index: 1;

}

/*slider shape*/

.slider-area .shape {

    position: absolute;

    top: 0;

    left: 0;

    z-index: -1;

}

.hero-shape2 {

    position: absolute;

    top: 41px;

    left: 56%;

}

.hero-shape {

    position: absolute;

    top: 26%;

    left: 10%;

}

.hero-shape3 {

    position: absolute;

    top: 26%;

    right: -7%;

}

/*slider section srtyle two*/

.slider-area.two{

    background: url(assets/images/hero/hero-bg2.png);

    height: 949px;

    position: relative;

    z-index: 1;

}

.slider-area.two .slider-thumb.wow.fadeInUp {

    position: relative;

}

.slider-area.two .slider-content h1 {

    font-size: 45px;

    margin: 0 0 14px;

}

.slider-button2 {

    display: inline-block;

}

.slider-area.two .slider-btn {

    display: block;

}

.slider-area.two .slider-button a {

    display: inline-block;

    background: transparent;

    padding: 0;

    border-radius: 0;

    font-size: 15px;

    transition: .5s;

    font-family: 'Inter';

    overflow: inherit;

    position: relative;

    z-index: 1;

}

.slider-area.two .slider-button a:hover{

	color: #fff;

}

.slider-area.two .slider-button2 a:hover{

	color: #fff;

}

.slider-area.two .slider-button a i {

    margin-right: 11px;

}

.slider-area.two .slider-button2 a i {

    margin-right: 11px;

}

.slider-button2 a {

    font-family: 'Inter';

    display: inline-block;

}

.slider-area.two .slider-button a:after{

	display: none;

}

.slider-area.two .slider-btn a {

    padding: 16px 37px;

    font-size: 15px;

    background: #37a1ff;

}

.slider-coundown-box {

    border: 1px solid#37a1ff;

    padding: 40px 0 37px;

    text-align: center;

    border-radius: 5px;

    background: rgb(5,81,193,0.3);

    width: 80%;

    margin: 0 auto 42px;

}

.slider-area.two #countdown .labels {

    bottom: -5px;

    left: 38px;

    font-size: 15px;

}

.slider-area.two #countdown {

    width: 465px;

    position: relative;

    display: inline-block;

    height: auto;

}

.slider-area.two .coundown-title h3 {

    margin: 0;

    font-size: 22px;

    font-weight: 500;

}

.token-target ul li {

    display: inline-block;

    margin-right: 85px;

    text-align: center;

    position: relative;

    left: 40px;

    font-size: 16px;

    color: #fff;

    top: 24px;

}

.token-target ul li:before {

    position: absolute;

    content: "";

    top: -40px;

    left: 32px;

    height: 38px;

    width: 1px;

    background: #fff;

    z-index: 4;

}

.shape10 {

    position: absolute;

    left: 120px;

    top: 147px;

}

.shape20 {

    position: absolute;

    top: 60px;

    left: 49%;

}



/*owl dots*/

.owl-dots {

    text-align: center;

    position: relative;

    justify-content: center;

    display: flex;

    top: -100px;

}

.owl-dot {

    height: 18px;

    width: 18px;

    line-height: 14px;

    border: 1px solid#fff;

    margin-right: 12px;

    border-radius: 100%;

}

.owl-dot.active {

    height: 20px;

    width: 20px;

    background: #0e5ed7;

    border-color: #0e5ed7;

}



/*processbar*/

.text {

    font-size: 16px;

    margin: 1px 0 6px;

    animation: text 2s ease;

    font-family: 'Inter';

    color: #fff;

}

/*slider- style five*/

.slider-area.style-five {

    background: url(assets/images/new/hero.jpg);

    background-position: center center;

    background-size: cover;

    background-repeat: no-repeat;

    height: 1000px;

    position: relative;

    z-index: 1;

}

.slider-area.style-five:before {

    position: absolute;

    content: "";

    top: 0;

    left: 0;

    height: 100%;

    width: 100%;

    background: rgb(3,3,65, .7);

    z-index:2;

}

.slider-area.style-five .container {

    z-index:2;

}

.slider-area.style-five video.lazy-video {

    position: absolute;

    width: 100%;

    height: 114%;

    left: 0;

    right: 0;

    overflow: hidden;

    margin: auto;

}



video {

    position: absolute;

    display: flex;

    justify-content: center;

    height: 200vh;

    width: 245%;

    z-index: 1;

    top: -107px;

    left: 0;

}

.slider-area.style-five .slider-content h4 {

    font-size: 16px;

    font-weight: 400;

    position: relative;

    margin: 0 0 30px;

    z-index: 1;

    /* display: inline-block; */

    left: 19px;

}

span.other {

    height: 25px;

    width: 25px;

    line-height: 25px;

    text-align: center;

    background: #0e5ed7;

    display: inline-block;

    border-radius: 100%;

    color: #fff;

    position: relative;

    left: -10px;

}

.slider-area.style-five .slider-content h4:before {

    position: absolute;

    content: "";

    top: -10px;

    left: -20px;

    height: 46px;

    width: 54%;

    background: #06206D;

    z-index: -1;

    border-radius: 30px;

}

.slider-area.style-five .slider-content h1 {

    font-size: 60px;

    margin: 0 0 14px;

}

.slider-area.style-five .slider-content p {

    font-size: 16px;

    margin: 14px 0 33px;

    width: 96%;

}

.slider-area.style-five .slider-button a {

    padding: 15px 37px;

    border-radius: 5px;

    font-size: 15px;

    z-index: 22;

}

.slider-area.style-five .slider-button a i{

    margin-right:5px;

    position: relative;

    z-index:1;

}

.slider-area.style-five .slider-button a i:after {

    position: absolute;

    content: "";

    top: -3px;

    left: -7px;

    height: 25px;

    width: 25px;

    line-height: 25px;

    border: 1px solid#fff;

    text-align: center;

    border-radius: 100%;

    transition:.5s;

}

.slider-button a:hover {

    color: #d93c1a;

}

.slider-button a:hover i:after{

    border-color:#0e5ed7!important;

}

.slider-area.style-five .slider-button a:after {

    border-radius: 5px;

}

.slider-area.style-five .slider-btn a i {

    margin-right: 5px;

    height: 25px;

    width: 25px;

    line-height: 25px;

    background: #0194FB;

    border-radius: 100%;

    font-size: 13px;

    display: inline-block;

    text-align: center;

    transition:.5s;

}

.slider-area.style-five .slider-btn a:hover i{

    color: #fff!important;

}

.slider-area.style-five .slider-btn a {

    border-radius: 5px;

}

.slider-area.style-five .slider-btn a:after{

    border-radius: 5px;

}

/*slider section right side*/

.slider-area.style-five .slider-thumb {

    left: 30%;

    top: 15px;

}

.slider-area.style-five .hero-shape {

    top: -25%;

    left: -20%;

    z-index: -1;

    animation-name: rotatemeTwo;

    animation-duration: 15s;

    animation-iteration-count: infinite;

}

.slider-area.style-five .hero-shape4 {

    position: absolute;

    top: 0;

    left: -91px;

}

.slider-area.style-five .hero-shape3 {

    position: absolute;

    top: -11%;

    right: 5%;

    z-index: -1;

    animation-name: rotateme;

    animation-duration: 20s;

    animation-iteration-count: infinite;

    animation-timing-function: linear;

}

.slider-area.style-five .hero-shape5 {

    position: absolute;

    right: 33px;

    bottom: -58px;

}

.slider-area.style-five .hero-shape7 {

    position: absolute;

    top: -79px;

    right: -53px;

}

.slider-area.style-five .hero-shape8 {

    position: absolute;

    top: 36%;

    left: 35%;

}

.slider-area.style-five .shape-one {

    position: absolute;

    left: 4%;

    bottom: 25%;

}

/*hero secetion*/

.hero-section{

   background: url(assets/images/banner/banner4.jpg);

    background-position: center center;

    background-size: cover;

    background-repeat: no-repeat;

    height: 1000px;

    position: relative;

    z-index: 1;

    overflow: hidden; 

}

.hero-content {

    position: relative;

    z-index: 22;

}

.hero-content:before{

    position: absolute;

    content: "";

    top: 0;

    left: -31px;

    height: 100%;

    width: 1px;

    background-image: linear-gradient(#0e5ed7, #02383D);

    -webkit-animation: 0.8s 0.8s fadeInUp both;

    animation: 0.9s 0.9s fadeInUp both;

}

.hero-section .hero-content h4 {

    background: #081B5E;

    display: inline-block;

    padding: 9px 19px;

    border-radius: 4px;

    font-size: 18px;

    font-weight: 600;

}

.hero-section .hero-content h1 {

    font-size: 60px;

    font-weight: 600;

    margin: 14px 0 24px;

}

.hero-section .hero-thumb {

    position: relative;

    top: 0;

    left: 202px;

}

.hero-section .hero-shape3 {

    position: absolute;

    top: 6%;

    right: 10%;

}

.hero-section .hero-shape4 {

    position: absolute;

    top: 4%;

    left: -26%;

}

.hero-section .hero-shape5 {

    position: absolute;

    top: 50%;

    left: -31%;

}

.hero-section .dreamit-btn a i {

    position: relative;

    left: -15px;

    color: #0e5ed7;

    top: 1px;

}

.hero-section .hero-content p {

    margin: 0 0 24px;

}

.hero-section .coin-animation {

    position: absolute;

    min-height: 1000px!important;

    left: 0;

    right: 0;

    top: 45%;

}

.hero-section .rs-video {

    top: -39px;

    left: 68px;

}





/* start coundown section*/

.countdown-area {

    background: rgb(1,53,126,0.7);

    width: 63%;

    padding: 30px 0 23px;

    z-index: 22;

    border-radius: 7px;

    position: absolute;

    top: 86%;

    left: -112px;

}

.coundown-content {

    text-align: center;

}

.coundown-title-two h4 {

    font-size: 16px;

    text-transform: capitalize;

    font-weight: 500;

    margin: 0 0 17px;

}

div#countdown-two ul li {

    display: inline-block;

}

li.frist {

    background: #47DBA7!important;

}

li.secound {

    background: #FFC107!important;

}

li.third {

    background: #E230CC!important;

}

div#countdown-two ul li {

    height: 50px;

    width: 50px;

    line-height: 48px;

    text-align: center;

    background: #5AB3FF;

    color: #fff;

    font-size: 22px;

    border-radius: 4px;

    font-family: 'Inter';

}

div#countdown-two ul li p{

    font-size: 13px;

    text-transform: uppercase;

}

/* Processbar-Wordpress */

.process-bar-wordpress {

    width: 100%;

    height: 15px;

    background-color: #3867C1;

    position: relative;

    border-radius: 10px;

    z-index: 1;

}



.single-process-box {

    position: relative;

}

span.right {

    position: absolute;

    right: 0;

    top: 0;

    font-family: 'Inter';

    color: #fff;

}

.process-bar-wordpress:before {

    content: '';

    position: absolute;

    width:25%;

    height: 15px;

    border-radius: 10px;

    background-color: #48DCA8;

    animation: processbar-wordpress 2s ease-in;

    z-index: 3;

}

.process-bar-wordpress:after {

    content: '';

    position: absolute;

    width:50%;

    height: 15px;

    border-radius: 10px;

    background-color: #d93c1a;

    animation: wordpress 2s ease-in;

    z-index: 2;

}



/* Animation Title */

@keyframes translate{

  from{

    transform: translate(0,-100px);

  }

  to{

    transform: translate(0);

  }

}



/* Animation Text */

@keyframes text{

  from{

    transform: scale(0);

  }

  to{

    transform: scale(1);

  }

}

/* End Animation Text */



/* Animation Wordpress */

@keyframes processbar-wordpress{

  from{

    width: 0;

  }

  to{

    width: 25%;

  }

}

/* End Animation Wordpress*/

@keyframes wordpress{

  from{

    width: 0;

  }

   to{

    width: 50%;

  }

}

/* Animation Design */

@keyframes processbar-design{

  from{

    width: 0;

  }

  to{

    width: 60%;

  }

}

/* End Animation Design */



/* Animation Css */

@keyframes processbar-css{

  from{

    width: 0;

  }

  to{

    width: 90%;

  }

}

/* End Animation Css*/



/* Animation Html */

@keyframes processbar-html{

  from{

    width: 0;

  }

  to{

    width: 90%;

  }

}

/*coundown section*/

#countdown {

    width: 465px;

    height: 112px;

    text-align: center;

    border-radius: 5px;

    margin: auto;

    padding: 24px 0;

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

}



#countdown:before {

    content: "";

    width: 8px;

    height: 65px;

    border-top-left-radius: 6px;

    border-bottom-left-radius: 6px;

    display: block;

    position: absolute;

    top: 48px;

    left: -10px;

}



#countdown:after {

    content: "";

    width: 8px;

    height: 65px;

    border-top-right-radius: 6px;

    border-bottom-right-radius: 6px;

    display: block;

    position: absolute;

    top: 48px;

    right: -10px;

}



#countdown #tiles{

  position: relative;

  z-index: 1;

}



#countdown #tiles > span{

  width:64px;

  max-width:70px;

  font: bold 48px 'Droid Sans', Arial, sans-serif;

  text-align: center;

  color: #111;

  background-color: #ddd;

  background-image: -webkit-linear-gradient(top, #bbb, #eee); 

  background-image:    -moz-linear-gradient(top, #bbb, #eee);

  background-image:     -ms-linear-gradient(top, #bbb, #eee);

  background-image:      -o-linear-gradient(top, #bbb, #eee);

  border-radius: 3px;

  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.7);

  margin: 0 7px;

  padding: 10px 0;

  display: inline-block;

  position: relative;

  z-index:1;

  

}



#countdown #tiles > span:after{

  content:"";

  width: 100%;

  height:50%;

  background: #d93c1a;

  display: block;

  position: absolute;

  top:0; 

  left: 0;

  z-index:-1;

  

}

#countdown .labels {

    width: 82%;

    height: 25px;

    text-align: center;

    position: absolute;

    bottom: -95px;

    left: 38px;

}

#countdown .labels ul{

    display: inline-block;

}

#countdown .labels ul li {

    width: 71px;

    color: #fff;

    text-align: center;

    text-transform: uppercase;

    display: inline-block;

    font-size: 14px;

}

.coundown-title h3 {

    color: #fff;

    margin: 0 0 11px;

    font-weight: 600;

}

.coundown-title {

    position: relative;

    top: -37px;

}

.coundown-title span {

    color: #45DCA5;

}

.irs {

    position: relative; display: block;

    -webkit-touch-callout: none;

    -webkit-user-select: none;

     -khtml-user-select: none;

       -moz-user-select: none;

        -ms-user-select: none;

            user-select: none;

}

    .irs-line {

        position: relative; display: block;

        overflow: hidden;

        outline: none !important;

    }

        .irs-line-left, .irs-line-mid, .irs-line-right {

            position: absolute; display: block;

            top: 0;

        }

        .irs-line-left {

            left: 0; width: 11%;

        }

        .irs-line-mid {

            left: 9%; width: 82%;

        }

        .irs-line-right {

            right: 0; width: 11%;

        }



    .irs-bar {

        position: absolute; display: block;

        left: 0; width: 0;

    }

        .irs-bar-edge {

            position: absolute; display: block;

            top: 0; left: 0;

        }



    .irs-shadow {

        position: absolute; display: none;

        left: 0; width: 0;

    }



    .irs-slider {

        position: absolute; display: block;

        cursor: default;

        z-index: 1;

    }

        .irs-slider.single {



        }

        .irs-slider.from {



        }

        .irs-slider.to {



        }

        .irs-slider.type_last {

            z-index: 2;

            background: #0093FA;

        }



        .irs-min {

        position: absolute; display: block;

        left: 0;

        cursor: default;

    }

    .irs-max {

        position: absolute; display: block;

        right: 0;

        cursor: default;

    }



    .irs-from, .irs-to, .irs-single {

        position: absolute; display: block;

        top: 0; left: 0;

        cursor: default;

        white-space: nowrap;

    }



.irs-grid {

    position: absolute; display: none;

    bottom: 0; left: 0;

    width: 100%; height: 20px;

}

.irs-with-grid .irs-grid {

    display: block;

}

    .irs-grid-pol {

        position: absolute;

        top: 0; left: 0;

        width: 1px; height: 8px;

        background: #000;

    }

    .irs-grid-pol.small {

        height: 4px;

    }

    .irs-grid-text {

        position: absolute;

        bottom: 0; left: 0;

        white-space: nowrap;

        text-align: center;

        font-size: 9px; line-height: 9px;

        padding: 0 3px;

        color: #000;

    }



.irs-disable-mask {

    position: absolute; display: block;

    top: 0; left: -1%;

    width: 102%; height: 100%;

    cursor: default;

    background: rgba(0,0,0,0.0);

    z-index: 2;

}

.lt-ie9 .irs-disable-mask {

    background: #000;

    filter: alpha(opacity=0);

    cursor: not-allowed;

}



.irs-disabled {

    opacity: 0.4;

}

.irs-hidden-input {

    position: absolute !important;

    display: block !important;

    top: 0 !important;

    left: 0 !important;

    width: 0 !important;

    height: 0 !important;

    font-size: 0 !important;

    line-height: 0 !important;

    padding: 0 !important;

    margin: 0 !important;

    outline: none !important;

    z-index: -9999 !important;

    background: none !important;

    border-style: solid !important;

    border-color: transparent !important;

}



.irs {

    height: 55px;

}

.irs-with-grid {

    height: 75px;

}

.irs-line {

    height: 15px;

    top: 33px;

    background: #395489;

    border-radius: 16px;

    -moz-border-radius: 16px;

    width: 92%;

}

    .irs-line-left {

        height: 8px;

    }

    .irs-line-mid {

        height: 8px;

    }

    .irs-line-right {

        height: 8px;

    }



.irs-bar {

    height: 14px;

    top: 33px;

    border-top: 1px solid #428bca;

    border-bottom: 1px solid #428bca;

    background: #0093FA;

    border-radius: 30px;

}

    .irs-bar-edge {

        height: 10px; top: 33px;

        width: 14px;

        border: 1px solid #428bca;

        border-right: 0;

        background: #428bca;

        background: linear-gradient(to top, rgba(66,139,202,1) 0%,rgba(127,195,232,1) 100%); /* W3C */

        border-radius: 16px 0 0 16px;

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

    }



.irs-shadow {

    height: 2px; top: 38px;

    background: #000;

    opacity: 0.3;

    border-radius: 5px;

    -moz-border-radius: 5px;

}

.lt-ie9 .irs-shadow {

    filter: alpha(opacity=30);

}



.irs-slider {

    top: 26px;

    width: 27px;

    height: 27px;

    border: 1px solid #AAA;

    background: #DDD;

    background: #46DDA8;

    border-radius: 27px;

    -moz-border-radius: 27px;

    box-shadow: 1px 1px 3px rgba(0,0,0,0.3);

    cursor: pointer;

}



.irs-slider.state_hover, .irs-slider:hover {

    background: #FFF;

}



.irs-min, .irs-max {

    color: #333;

    font-size: 12px; line-height: 1.333;

    text-shadow: none;

    top: 0;

    padding: 1px 5px;

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

    border-radius: 3px;

    -moz-border-radius: 3px;

}



.lt-ie9 .irs-min, .lt-ie9 .irs-max {

    background: #ccc;

}

.single-range-box {

    position: relative;

    top: -6px;

}

.irs-from, .irs-to, .irs-single {

    color: #fff;

    font-size: 14px; line-height: 1.333;

    text-shadow: none;

    padding: 1px 5px;

    background: #428bca;

    border-radius: 3px;

    -moz-border-radius: 3px;

}

.lt-ie9 .irs-from, .lt-ie9 .irs-to, .lt-ie9 .irs-single {

    background: #999;

}



.irs-grid {

    height: 27px;

}

.irs-grid-pol {

    opacity: 0.5;

    background: #428bca;

}

.irs-grid-pol.small {

    background: #999;

}

.right-side-single-box {

    position: relative;

    top: 28px;

}

.irs-grid-text {

    bottom: 5px;

    color: #99a4ac;

}



.irs-disabled {

}

.row.upper {

    background: #062661;

    padding: 45px 19px 139px 0;

    border-radius: 15px;

}

.coundown-title {

    position: relative;

    top: -26px;

}

input.js-input-to.form-control {

    position: absolute!important;

    right: 20px;

    top: 8px;

    width: 15%;

    background: transparent!important;

    border: none!important;

}

.coundoun .form-control {

    display: block;

    width:15%;

    height: 18px;

    padding: 0;

    font-size: 1rem;

    font-weight: 400;

    line-height: 1.5;

    color: #fff;

    background-color: transparent;

    background-clip: padding-box;

    border: none;

    border-radius: .25rem;

    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;

}

.range-slider {

    position: relative;

    top: 7px;

}

span.another {

    color: #fff;

    position: relative;

    top: 11px;

    font-size: 14px;

}

/*coundown style three*/

.coundoun.style-three .row.upper {

    position: relative;

    margin-top: -153px;

    z-index: 2;

}



/*right side*/

.right-side-content h3 {

    font-size: 20px;

    margin: 0 0 0px;

}

.right-side-btn a {

    display: inline-block;

    border: 1px solid#536895;

    padding: 10px 29px;

    border-radius: 30px;

}

.right-side-btn a:hover {

    background: #fff;

    border-color: #fff;

}

.shape {

    position: absolute;

    top: 83px;

    left: 5px;

}

/*service section*/

.service-section {

    background: url(assets/images/service/circle.jpg);

    background-position: center center;

    background-repeat: no-repeat;

    position: relative;

    z-index: 1;

    background-size: cover;

}

.dreamit-section-content-text-inner p {

    width: 56%;

    margin: 0 auto 0;

    font-weight: 600;

}

.dreamit-section-title-two.text-center .dreamit-section-main-title h1 {

    margin: 0 0 14px;

}

.service-section .dreamit-section-title.text-center .dreamit-section-main-title span{

    color:#46DDA8;

}

.single-service-box {

    text-align: right!important;

    position: relative;

    margin-bottom: 30px;

    padding: 45px 0 46px;

    right: 44px;

}

.single-service-box.two {

    right: 112px;

}

.single-service-box.three {

    right: 73px;

}

.service-conmtent h2 {

    font-size: 22px;

    margin: 0 0 13px;

    font-weight: 600;

}

.service-conmtent p {

    width: 80%;

    margin: 0 0 0;

    float: right;

    font-weight: 600;

}

.service-thumb {

    position: absolute;

    right: -86px;

}

/*right side*/

.single-service-box-two {

    text-align: left!important;

    position: relative;

    margin-bottom: 30px;

    padding: 45px 0 46px;

    left:21px;

}

.single-service-box-two.five {

    left: 95px;

}

.single-service-box-two.six {

    left: 54px;

}

.single-service-box-two .service-thumb {

    position: absolute;

    left: -86px;

    right: inherit;

}

.single-service-box-two .service-conmtent p {

    width: 80%;

    margin: 0 0 0;

    float: left;

    right: inherit;

}

/*shape*/

.shape15 {

    position: absolute;

    right: -55px;

    margin: auto;

    z-index: -1;

}

.shape18 {

    position: absolute;

    left: -27px;

    top: 39px;

    z-index:-1;

}

/*service section style three*/

.service-section.style-three {

    background: url(assets/images/new/service-bg.png);

    background-position: center center;

    background-size: cover;

    background-repeat: no-repeat;

}

.service-section.style-three .single-service-box {

    text-align: left!important;

    position: relative;

    margin-bottom: 30px;

    padding: 39px 33px 21px;

    right: 0;

    background: rgb(35,24,117,0.3);

    box-shadow: 6px 0 21px rgb(0 0 0 / 14%);

    transition:.5s;

    z-index:1;  

}

.service-section.style-three .single-service-box:before{

    position: absolute;

    content:"";

    top: 0;

    right: 0;

    height: 100%;

    width: 0;

    transition: .5s;

    border-radius: 4px;

    z-index:-1;

    background: -webkit-linear-gradient(-9deg, #2A0365 30%, #03224A 70%)

}

.service-section.style-three .single-service-box:hover:before{

    left:0;

    width:100%;

}



.service-section.style-three .single-service-box:hover{

     box-shadow: 6px 0 21px rgb(0 0 0 / 25%);

}

.service-section.style-three .service-thumb {

    position: relative;

    z-index: 1;

    right: 8px;

    margin-right: 13px;

}

.style-three .service-thumb img {

    transition: .8s;

}

.style-three .single-service-box:hover .service-thumb img {

    transform: rotateY(180deg);

}

.service-section.style-three .service-content h3 {

    font-size: 24px;

    font-weight: 600;

    margin: 0 0 16px;

}

/*service section four*/

.service-section.style-four {

    background: url(assets/images/new/service-bg.png);

    background-position: center center;

    background-size: cover;

    background-repeat: no-repeat;

}

.service-section.style-four .single-service-box {

    text-align: center!important;

    position: relative;

    margin-bottom: 30px;

    padding: 39px 23px 21px;

    right: 0px;

    background: rgb(35,24,117,0.5);

    box-shadow: 6px 0 21px rgb(0 0 0 / 14%);

    border-radius: 4px;

    z-index: 1;

}

.service-section.style-four .single-service-box:before{

    position: absolute;

    content: "";

    top: 0;

    right: 0;

    z-index: -1;

    transition: .5s;

    height: 100%;

    width:0;

    background: -webkit-linear-gradient(-9deg, #2A0365 30%, #03224A 70%);

}

.service-section.style-four .single-service-box:hover:before{

    width: 100%;

    left: 0;

}

.service-section.style-four .service-icon i {

    margin-bottom: 55px;

    display: inline-block;

    color: #fff;

    background: #0093FB;

    height: 81px;

    width: 81px;

    line-height: 81px;

    border-radius: 100%;

    transition: .5s;

    font-size: 35px;

}

.service-section.style-four .service-content h2 {

    font-size: 22px;

    font-weight: 600;

    margin: 0 0 14px;

    position: relative;

}

.service-section.style-four .service-content h2:before {

    position: absolute;

    content: "";

    top: -41px;

    right: 0;

    left: 0;

    margin: auto;

    height: 35px;

    width: 2px;

    background-image: linear-gradient(#0e5ed7, #02383D);

}

.service-section.style-four .single-service-box:hover .service-icon i {

    box-shadow: 2px 10px 57px rgb(0 147 255 / 67%)!important;

}



/* start date table section*/

.table-section {

    background: url(assets/images/new/table-bg.jpg);

    background-position: center center;

    background-size: cover;

    background-repeat: no-repeat;

}

.table-reponsive.box {

    width: 100%;

}

.box{

  padding: 20px 10px;

  max-width:100%;

  margin: 0 auto;

}

.table-responsive-content h2 {

    font-weight: 600;

    margin: 0 0 15px;

    font-size: 36px;

}

.table-responsive-content span {

    font-family: 'Inter';

    height: 34px;

    width: 88px;

    background: #072B4D;

    display: inline-block;

    text-align: center;

    line-height: 33px;

    color: #63BCC2;

}

.table-responsive-content p {

    display: inline-block;

    margin-left: 15px;

}

div#example_length label {

    display: none;

}

div#example_filter label {

    color: #fff;

}

.dataTables_wrapper .dataTables_filter input {

    border: 1px solid #332269;

    color: #fff;

    margin-bottom: 18px;

}

.table-bordered td, .table-bordered th {

    border: 1px solid #332269;

}

.table-bordered {

    border: none;

}

th.sorting.sorting_asc {

    color: #fff;

}

th.sorting {

    color: #fff;

}

td.sorting_1 {

    color: #fff;

}

td {

    color: #fff;

}

table.dataTable tbody tr {

    background-color: transparent;

}

table.dataTable tbody th, table.dataTable tbody td {

    padding: 8px 10px;

    font-family: 'Inter';

}

div#example_info {

    display: none;

}

a#example_previous {

    display: none;

}

a.paginate_button.current {

    display: none!important;

}

a.paginate_button {

    display: none!important;

}

/*why choose section*/

.why-choose-section {

    background: #FFFFFF;

}

.why-choose-section .dreamit-section-content-text-inner p {

    color: #616161;

}

.single-why-choose-box {

    text-align: center;

    margin-bottom: 30px;

    box-shadow: 10px 0 40px rgb(71, 219,167, 0.3);

    background: #fff;

    padding: 40px 0 19px;

    border-radius: 4px;

    transition:.5s;

}

.single-why-choose-box:hover{

    box-shadow: 10px 0 40px rgb(71, 219,167, 0.5);

   transform: translateY(-10px); 

}

.why-choose-content h2 {

    font-size: 22px;

    margin: 24px 0 32px;

    position: relative;

    color: #091A60;

    font-weight: 600;

}

.why-choose-content h2:before {

    position: absolute;

    content: "";

    top: 39px;

    left: 0;

    height: 2px;

    width: 60px;

    background: #1FD5A4;

    right: 0;

    margin: auto;

}

.why-choose-content.two h2:before {

    background: #d93c1a;

}

.why-choose-content.three h2:before {

    background: #FDC206;

}

.why-choose-content.four h2:before {

    background: #E031CA;

}

.why-choose-content p {

    color: #616161;

    font-weight: 500;

}

.why-choose-section .dreamit-section-title-two.text-center .dreamit-section-main-title h1 {

    color: #081B5F;

}

 .dreamit-section-title-two.text-center .dreamit-section-main-title span {

    color: #46DDA8;

}

/*about section*/

.about-section .about-thumb {

    position: relative;

    left: -120px;

}

.about-section .shape1 {

    position: absolute;

    right: 196px;

    top: 113px;

}

.about-section .shape2{

    position: absolute;

    top: 298px;

    left: 3px;

}

.about-section .shape3 {

    position: absolute;

    bottom: 230px;

    right: -73px;

}

/*section title*/

.dreamit-section-sub-title h5 {

    font-size: 18px;

    margin: 0 0 12px;

    font-weight: 300;

    position: relative;

    left: 72px;

    z-index:1;

    display: inline-block;

}

.dreamit-section-sub-title h5:before {

    position: absolute;

    content: "";

    top: 17px;

    left: -73px;

    height: 2px;

    width: 59px;

    background: #0093FA;

}

.dreamit-section-main-title h1 {

    font-size: 42px;

    margin: 0 0 22px;

}

.dreamit-section-content-text p {

    text-align: justify;

}

/*about right side*/

.about-icon-thumb {

    height: 61px;

    width: 61px;

    line-height: 56px;

    text-align: center;

    background: #0e5ed7;

    border-radius: 100%;

    transition: .5s;

}

.about-content h2 {

    font-size: 26px;

    margin: 25px 0 12px;

}

.about-single-icon-box:hover .about-icon-thumb{

    background: #0e5ed7; 

}

.about-btn a {

    display: inline-block;

    background: #d93c1a;

    padding: 17px 39px;

    font-size: 15px;

    border-radius: 30px;

    position: relative;

    z-index: 1;

    overflow: hidden;

    transition: .5s;

    font-weight: 600;

}

.about-btn a:hover{

   color: #d93c1a; 

}

.about-btn a:after {

    position: absolute;

    content: "";

    top: 0;

    right: 0;

    height: 100%;

    width: 0;

    transition: .5s;

    z-index: -1;

    background: #fff;

    border-radius: 30px;

}

.about-btn a:hover:after{

    left:0;

    width:100%;

} 

/*about section style two*/

.about-section.style-two {

    background: #fff;

    margin-top: -175px;

    position: relative;

}

.about-section.style-two .about-content p {

    color: #616161;

}

.about-section.style-two .about-content h2 {

    color: #081B5F;

}

.about-section.style-two .dreamit-section-main-title h1 {

    color: #081B5F;

}

.about-section.style-two .dreamit-section-sub-title h5 {

    color: #081B5F;

}

.about-section.style-two .dreamit-section-content-text p {

    color: #616161;

}

.about-section.style-two .about-btn a {

    border: 1px solid#d93c1a;

}

/*about style three*/

.about-section.style-three {

    background: url(assets/images/new/bg.png);

    background-repeat: no-repeat;

    background-position: center center;

    background-size: cover;

    position: relative;

    z-index:1;

}

.about-section.style-three .dreamit-section-content-text p {

    width: 40%;

    text-align: center;

    margin: 0 auto 0;

}

.about-section.style-three .dreamit-section-title.text-center .dreamit-section-main-title h1 {

    font-size: 36px;

    margin: 0 0 22px;

    font-weight: 600;

}

/*left side*/

.about-section.style-three .about-thumb {

    position: relative;

    left: 0;

    top: 22px;

}

/*right side*/

.about-section.style-three .about-single-icon-box {

    margin-bottom: 18px;

}

.about-section.style-three .about-icon-thumb {

    background: transparent;

    margin-right: 35px;

}

.about-section.style-three .about-content h2 {

    font-size: 20px;

    margin: 0px 0 14px;

    font-weight: 500;

}

.about-section.style-three .about-shape {

    position: absolute;

    top: 0;

    right: 16px;

}

/*about section five */

.about-section.style-five .dreamit-content-text-inner p {

    width: 99%;

}

 .dreamit-section-title.two .dreamit-section-sub-title h5 {

    margin: 0 0 33px;

}

 .dreamit-section-title.two .dreamit-section-sub-title h5 {

    left: 29px;

}

 .dreamit-section-title.two .dreamit-section-sub-title h5 img {

    margin-right:9px;

}

.dreamit-section-title.two .dreamit-section-sub-title h5 {

    background: #081B5E;

    padding: 11px 29px;

    left: 0;

    border-radius: 4px;

}

.dreamit-section-title.two .dreamit-section-sub-title h5:before {

    display: none;

}



.dreamit-section-title.two .dreamit-section-main-title h1 {

    font-size: 36px;

    margin: 0 0 22px;

    font-weight: 600;

}

 .dreamit-section-title.two.text-center .dreamit-section-sub-title h5:after{

    display: none;

}

/*about shape*/

.about-section.style-three .about-shape-one {

    position: absolute;

    top: 17%;

    left: 10%;

    z-index: -1;

}



/*choose section*/

.choose-section {

    background: url(assets/images/choose/section.jpg);

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

}

.choose-single-box {

    background: #004c99;

    padding: 43px 26px 16px;

    transition: .5s;

    border-radius: 4px;

    margin-bottom: 30px;

}

.choose-single-box.two {

    background: #063c72;

}

.choose-single-box.three {

    background: #081f50;

}

.choose-single-box.four {

    background: #392E32;

}

.choose-content h2 {

    font-size: 22px;

    margin: 17px 0 15px;

    font-weight: 500;

    line-height: 1.4;

}

/*choose section style two*/

.choose-section.style-two {

    background: url(assets/images/new/bg2.png);

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

}

.choose-section.style-two .dreamit-content-text-inner p {

    margin: 21px 0 39px;

}

.choose-section.style-two .dreamit-section-title.two .dreamit-section-content-text p {

    width: 100%;

    text-align: left;

    margin: 0 auto 0;

}

.choose-section.style-two .choose-btn a {

    display: inline-block;

    background: #0094fb;

    font-size: 16px;

    padding: 14px 29px;

    border-radius: 4px;

    position: relative;

    text-transform: capitalize;

    position: relative;

    z-index:1;

    transition:.5s;

}

.choose-section.style-two .choose-btn a:after{

    position: absolute;

    content:"";

    top: 0;

    right: 0;

    transition:.5s;

    height:100%;

    width: 0;

    z-index:-1;

    background:#fff;

    border-radius: 4px;

}

.choose-section.style-two .choose-btn a:hover:after{

    left:0;

    width: 100%;

}

.choose-section.style-two .choose-btn a:hover{

    color:#0094fb; 

}

.choose-section.style-two .choose-btn a:hover i{

    border-color: #0094fb;

}

.choose-section.style-two .choose-btn a i {

    margin-right: 5px;

    width: 25px;

    height: 25px;

    line-height: 25px;

    border: 1px solid#fff;

    display: inline-block;

    text-align: center;

    border-radius: 100%;

    transition: .5s;

    font-size: 10px;

}

/*right side*/

.choose-section.style-two .choose-thumb {

    position: relative;

    left: 95px;

}

/*feature section*/

.feature-section {

    background: url(assets/images/new/ground.png);

    background-position: center center;

    background-size: cover;

    background-repeat: no-repeat;

}

.single-feature-box {

    background: #09185E;

    position: relative;

    z-index: 1;

    padding: 29px 29px 29px;

    border-radius: 5px;

}

.single-feature-box:before{

    position: absolute;

    content:"";

    top: 0;

    right: 0;

    height: 100%;

    width: 0;

    transition:.5s;

    border-radius: 4px;

    z-index:-1;

    background: -webkit-linear-gradient(-9deg, #0A2C56 0%, #441459 97%)

}

.single-feature-box:hover:before{

    width: 100%;

    left: 0;

}

.feature-thumb {

    margin-bottom: 20px;

}

.feature-content span {

    font-size: 18px;

    color: #486178;

    margin: 0;

    font-weight: 600;

}

.feature-content h3 {

    margin: 13px 0 0;

    font-size: 22px;

    font-weight: 500;

}

.feature-content p {

    color: #375079;

    position: absolute;

    right: 26px;

    bottom: 13px;

    font-weight: 600;

}



/*feature shape*/

.feature-section .shape {

    top: 29px;

    right: 28px;

    position: absolute;

    left: inherit;

}

/*start token section*/

.token-section{

    position: relative;

}

.dreamit-section-title.text-center .dreamit-section-sub-title h5 {

    left: 0;

    margin: 0 0 17px;

    font-weight: 500;

    z-index: 1;

}

.dreamit-section-title.two .dreamit-section-sub-title h5 {

    margin: 0 0 21px;

    color: #0e5ed7;

}

.dreamit-section-title.text-center .dreamit-section-main-title h1 {

    font-size: 40px;

    margin: 0 0 22px;

}

.dreamit-section-title.two .dreamit-section-main-title h1 {

    font-size: 36px;

    margin: 0 0 22px;

    font-weight: 600;

}

.dreamit-section-title.two .dreamit-section-content-text p {

    width: 40%;

    text-align: center;

    margin: 0 auto 0;

}

.dreamit-section-title.two.left .dreamit-section-content-text p {

    width: 100%;

    text-align: left;

    margin: 0 auto 20px;

}

/*dreamit button*/

.dreamit-btn{

    position: relative;

    margin-top: 13px;

    display: inline-block;

    z-index: 1;

}

.dreamit-btn:before{

    position: absolute;

    content: "";

    z-index: 1;

    left: 0;

    top: -15px;

    width: 39%;

    height: 24%;

    box-shadow: 12px 40px 52px #21b68f;

}

.dreamit-btn a {

    position: relative;

    color: #fff;

    cursor: pointer;

    display: inline-block;

    font-size: 16px;

    margin-bottom: 0;

    padding: 15px 35px 15px 56px;

    text-align: center;

    text-transform: capitalize;

    -webkit-transition: all 0.3s ease 0s;

    -o-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

    vertical-align: middle;

    font-weight: 600;

    letter-spacing: 0.5px;

    z-index: 1;

    background-image: linear-gradient(to left, #02383D, #0e5ed7);

    border-radius: 50px;

    box-shadow: -82px 3px 110px 5px #0e5ed7;

}

.dreamit-btn a::before{

    content: '';

    position: absolute;

    height: 96%;

    width: 98%;

    background-color: #0D192F;

    left: 1%;

    top: 1%;

    z-index: -1;

    border-radius: 50px;

    transition: .5s;

}

.dreamit-btn a:after {

    position: absolute;

    content: "";

    top: 16px;

    left: 34px;

    height: 26px;

    width: 26px;

    background: #fff;

    z-index: -1;

    border-radius: 100%;

}

.dreamit-btn a:hover::before {

    left: 0;

    top: 0;

    bottom: 0;

    background: #0e5ed7;

}

.dreamit-btn a img {

    position: relative;

    left: -15px;

}









/*token section*/

.token-section .single-token-box {

    padding-bottom: 100px;

    text-align: center;

}

.token-section .token-content {

    background: #0A245F;

    text-align: center;

    padding: 29px 0 29px;

    border-radius: 4px;

    position: relative;

    margin-bottom: 30px;

}

.token-section .token-content:before {

    position: absolute;

    content: "";

    height: 34px;

    width: 34px;

    background: #0A245F;

    transform: rotate(45deg);

    bottom: -11px;

    left: 0;

    right: 0;

    margin: auto;

}

.token-section .token-content:after {

    position: absolute;

    left: 0;

    bottom: -105px;

    content: "";

    width: 2px;

    height: 80px;

    border-right: 2px dashed #0094fb;

    right: 0;

    margin: auto;

}

.token-section .single-token-box .token-content h2 {

    font-size: 22px;

    margin: 0 0 2px;

    color: #0094fb;

}

.token-section .single-token-box .token-content span {

    font-size: 14px;

    font-weight: 600;

    font-family: 'Inter';

}

.token-section .single-token-box .token-content.two h2 {

    color: #44DBA6;

}

.token-section .single-token-box .token-content.three h2 {

    color: #FFC207;

}

.token-section .single-token-box .token-content.four h2 {

    color: #DF32CA;

}

/*start token section style two*/

.token-thumb {

    position: relative;

}

.single-token-box-two {

    background: #162A83;

    padding: 23px 26px 18px;

    transition: .5s;

}

.single-token-content {

    background: #162A83;

    border-top: 1px solid#134B9E;

    padding: 21px 27px 22px;

}

.token-counter-content h1 {

    font-size: 28px;

    font-weight: 400;

    margin: 0 0 0;

}

.single-token-btn {

    margin-right: 39px;

}

.single-token-btn a {

    display: inline-block;

    background: #1DD5A3;

    font-size: 15px;

    font-family: 'Inter';

    padding: 13px 33px;

    border-radius: 30px;

    transition: .5s;

}

.single-token-btn a:hover {

    background: #fff;

    color: #47DCA8;

}

span.count {

    font-size: 15px;

}

.token-counter-content p {

    font-size: 13px;

    margin: 0;

}

/* token shape*/

.token-section .shape1 {

    position: absolute;

    top: 66px;

    left: 44%;

}

.token-section .shape2 {

    position: absolute;

    top: 108px;

    left: 15%;

}

.token-section .shape3 {

    position: absolute;

    top: 111px;

    right: 15%;

}

/*style three */

.token-section.style-three {

    background: #fff;

}

.token-section.style-three .dreamit-section-title.text-center .dreamit-section-main-title h1 {

    color: #08195E;

}

.token-section.style-three .dreamit-section-title.text-center .dreamit-section-sub-title h5 {

    color: #08195E;

}

.token-section.style-three .single-token-box .token-inner-content h4 {

    color: #0095FC;

}

/*token style four*/

.token-section.style-four {

    background: url(assets/images/new/token.png);

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

}

.token-section.style-four .single-token-box {

    padding: 40px 27px 42px;

    text-align: center;

    background: rgb(28,25,94,0.6);

    transition: .5s;

    position: relative;

    z-index: 1;

    margin-bottom: 30px;

    border-radius: 5px;

}

.token-section.style-four .single-token-box:before{

    position: absolute;

    content:"";

    top: 0;

    right: 0;

    height: 100%;

    width: 0;

    transition:.5s;

    border-radius:5px;

    z-index: -1;

    background: -webkit-linear-gradient(-9deg, #032241 0%, #3B035A 97%)

    

}

.token-section.style-four .single-token-box:after{

    position: absolute;

    content:"";

    bottom: 0;

    left: 0;

    height:4px;

    width:100%;

    transition:.5s;

    border-radius:5px;

    z-index: -1;

    background: -webkit-linear-gradient(-9deg, #213981 0%, #3B035A 97%)

    

}

.token-section.style-four .single-token-box:hover:before{

    left: 0;

    width: 100%;

}

.token-section.style-four .single-token-box:hover{

    transform:translateY(-10px); 

}

.token-section.style-four .token-content:before {

   display:none;

}

.token-section.style-four .token-content:after{

    display: none;

}

.token-section.style-four .token-content {

    background: transparent;

    padding: 18px 0 0;

    margin-bottom: 0px;

}

.token-section.style-four .token-btn {

    margin-top: 15px;

}

.token-section.style-four .token-btn a {

    border: 1px solid#0d3e92;

    display: inline-block;

    padding: 0px 43px;

    font-size: 24px;

    font-weight: 600;

    border-radius: 4px;

    position: relative;

    z-index: 1;

    transition: .5s;

    font-family: 'Inter';

}

.token-section.style-four .token-btn a:after{

    position: absolute;

    content:"";

    top: 0;

    right:0;

    transition:.5s;

    height:100%;

    width: 0;

    z-index:-1;

    background: #fff;

    border-radius: 4px;

    

}

.token-section.style-four .token-btn a:hover:after{

    width: 100%;

    left:0;

}

.token-section.style-four .token-btn a:hover{

    border-color:#fff;

}





/*right side*/

.single-inner-token-box {

    background: #102278;

    padding: 24px 31px 22px;

    position: relative;

    z-index: 1;

    border-radius: 5px;

    overflow: hidden;

    margin-bottom: 37px;

}

.single-inner-token-box:before{

    position: absolute;

    content:"";

    top: 0;

    right:0;

    height:100%;

    width: 0;

    transition:.9s;

    z-index:-1;

    background:#1FD5A4;

    border-radius: 5px;

}

.single-inner-token-box:hover:before{

    width: 100%;

    left:0;

}

.single-inner-token-box:hover .inner-token-content h3,

.single-inner-token-box:hover .inner-token-content span{

    color:#fff;

}

 .inner-token-content span {

    transition: .5s;

    font-family: inter;

}

.inner-token-content h3 {

    font-size: 22px;

    margin: 0 0 9px;

    font-weight: 500;

    transition:.5s;

}

/*token inner box*/

.token-section.style-two .token-content {

    top: 130px;

}

.token-section.style-two .token-inner-content {

    position: relative;

    top:0;

}

.token-section.style-two .token-content:before {

    top: -11px;

    bottom: inherit;

}

.token-section.style-two .token-content:after {

    top: -98px;

    bottom: inherit;

}

.token-section.style-two .shape5 {

    position: absolute;

    bottom: 300px;

    left: 0;

    right: 0;

    margin: auto;

    text-align: center;

}

.token-section.style-two .token-inner-content:before {

    top: 40px;

    background: #1FD5A4;

    z-index:2;

}

.token-inner-content:after {

    top: 40px;

    z-index: 2;

}

/*inner towen box*/

.token-inner-content {

    position: relative;

    top: 92px;

}

.token-inner-content:before {

    position: absolute;

    content: "";

    top: -30px;

    height: 20px;

    width: 20px;

    background: #0095FC;

    border-radius: 100%;

    left: 0;

    right: 0;

    margin: auto;

}

.token-inner-content:after {

    position: absolute;

    content: "";

    top: -30px;

    height: 22px;

    width: 22px;

    border: 2px solid#fff;

    border-radius: 100%;

    left: 0;

    right: 0;

    margin: auto;

}

/*chart js*/

.single-chart {

    background: #062663;

    padding: 43px 0px 33px;

    position: relative;

}

.single-chart-two {

    background: #0D3151;

    padding: 43px 0px 103px;

    position: relative;

}

canvas#yourChart {

    height:470px!important;

    width:470px!important;

    position: relative;

    left: 20px;

}

.chart-menu {

    position: relative;

    left: 43px;

}

.chart-menu ul li {

    font-size: 16px;

    margin-bottom: 16px;

    font-weight: 600;

    list-style: none;

    position: relative;

}

.chart-menu ul li:before {

    position: absolute;

    content: "";

    top: 0;

    left: -27px;

    height: 20px;

    width: 20px;

    border-radius: 100%;

    background: #AA3BC5;

}

.chart-menu li.another2:before {

    background: #1ED4A4;

}

.chart-menu li.another3:before {

    background: #F97431;

}

.chart-menu li.another4:before {

    background: #09B1F2;

}

.chart-menu li.another5:before {

    background: #FEB81A;

}

.chart-menu li.another6:before {

    background: #ED3954;

}

/*graph section*/

.graph-section {

    background: #07093C;

}

.row.upper14 {

    border-top: 1px solid#252855;

    padding-top: 89px;

}

.graph-section .dreamit-section-main-title h1 {

    margin: 0 0 13px;

}

.right-side-graph-btn {

    float: right;

}

.right-side-graph-btn a {

    display: inline-block;

    background: #0e5ed7;

    padding: 17px 45px;

    font-family: 'Inter';

    text-transform: uppercase;

    border-radius: 30px;

    font-weight: 600;

    position: relative;

    z-index: 1;

    overflow: hidden;

}

.right-side-graph-btn a:after {

    position: absolute;

    content: "";

    top: 0;

    right: 0;

    transition: .5s;

    height: 100%;

    width: 0;

    z-index: -1;

    border-radius: 30px;

    background: #fff;

}

.right-side-graph-btn a:hover:after {

    width: 100%;

    left: 0;

}

.right-side-graph-btn a:hover {

    color: #0e5ed7;

}

/*graph  section style three*/

.graph-section.style-three {

    background: url(assets/images/new/000.jpg);

    background-position: center center;

    background-size: cover;

    background-repeat: no-repeat;

}

.graph-section.style-three .row.upper14 {

    border-top: none;

}

.graph-section.style-three .right-side-graph-btn a {

    border-radius: 5px;

    padding: 13px 45px;

}

.graph-section.style-three .dreamit-section-main-title h1 {

    font-size: 36px;

    font-weight: 600;

}

.graph-section.style-three .right-side-graph-btn a:after{

    border-radius: 5px;

}

/* graph shape*/

.shape12 {

    position: absolute;

    top: 36%;

    left: 39%;

}

.shape13{

    position: absolute;

    top: 28%;

    left: 32%;

    right: 0;

    margin: auto;

}

.chart-menu ul li span {

    font-size: 16px;

    font-family: 'Inter';

    margin-right: 13px;

}

.row.upper13 {

    position: relative;

    top: 70px;

}

.token-section .single-token-box .token-inner-content h4 {

    font-size: 18px;

    margin: 0;

    font-weight: 600;

}

/*chart*/







/*token shape*/

.token-section .shape5 {

    position: absolute;

    bottom: 132px;

}

/*road map section*/

.road-map {

    position: relative;

    z-index: 1;

    background: url(assets/images/bg.jpg);

    background-position: center center;

    background-size: cover;

    background-repeat: no-repeat;

}

.single-road-map-box {

    border: 1px solid#034F9B;

    padding: 23px 0 23px 26px;

    border-radius: 10px;

    margin-bottom: 30px;

    transition: .5s;

    background: #06174F;

    position: relative;

    left: 26px;

}

.single-road-map-box.two {

    border: 1px solid#034F9B;

    padding: 22px 0 9px 26px;

    border-radius: 5px;

    margin-bottom: 30px;

    transition: .5s;

    position: relative;

    left: 77px;

}

.single-road-map-box.three {

    border: 1px solid#034F9B;

    padding: 22px 0 9px 26px;

    border-radius: 5px;

    margin-bottom: 30px;

    transition: .5s;

    position: relative;

    left: 24px;

}

.road-map-content h3 {

    font-size: 18px;

    margin: 10px 0 20px;

}

.road-map-content span {

    color: #d93c1a;

    font-family: 'Inter';

}

.road-map-list ul li {

    font-weight: 500;

    margin-bottom: 4px;

    position: relative;

    list-style: none;

    left: 19px;

}

.road-map-list ul li:before {

    position: absolute;

    content: "";

    height: 10px;

    width: 10px;

    background: #0e5ed7;

    border-radius: 100%;

    left: -19px;

    top: 8px;

}

/*single road map box*/

.row.upper5 {

    background: url(assets/images/map/bg.png);

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

    padding: 69px 16px 65px 45px;

    border-radius: 20px;

}

.road-map .dreamit-section-main-title h1 {

    font-size: 40px;

    margin: 0 0 23px;

}

.single-road-icon-box {

    margin-bottom: 27px;

}

.road-icon {

    height: 37px;

    width: 37px;

    line-height: 37px;

    text-align: center;

    background: #0094FD;

    border-radius: 100%;

    margin-right: 15px;

}

.road-icon.two{

    background: #47DBA7;

}

.road-icon.three{

    background: #FEC106;

}

.road-icon.three{

    background: #E231CA;

}

.road-icon i {

    color: #fff;

    font-size: 18px;

}

.icon-content h4 {

    font-size: 18px;

    margin: 0;

    font-weight: 600;

}

.road-icon-btn {

    margin-top: 40px;

}

.road-icon-btn a {

    display: inline-block;

    background: #d93c1a;

    color: #fff;

    padding: 15px 39px;

    border-radius: 30px;

    text-transform: uppercase;

    position: relative;

    z-index: 1;

    font-weight: 600;

    overflow: hidden;

}

.road-icon-btn a:after{

    position: absolute;

    content:'';

    height:100%;

    width:0;

    transition:.5s;

    border-radius:30px;

    background:#fff;

    z-index:-1;

    top: 0;

    right:0;

}

.road-icon-btn a:hover:after{

    width: 100%;

    left: 0;

}

.road-icon-btn a:hover{

    color:#d93c1a;

}

.road-icon-btn a i{

    font-size:10px;

    margin-left:6px;

}

.road-map a {

    display: inline-block;

    background: #d93c1a;

    color: #fff;

    font-size: 16px;

    text-transform: uppercase;

    padding: 18px 37px;

    transition: .5s;

    position: relative;

    z-index: 1;

    border-radius: 30px;

    font-family: 'Inter';

    font-weight: 400;

    overflow: hidden;

}

.road-map-btn :hover {

    color: #0e5ed7;

}

.road-map-btn a:hover:after {

    width: 100%;

    left: 0;

}

.road-map-btn a:after {

    position: absolute;

    content: "";

    top: 0;

    right: 0;

    height: 100%;

    width: 0;

    transition: .5s;

    z-index: -1;

    background: #fff;

    border-radius: 30px;

}

/*right side*/

.road-thumb {

    position: relative;

    z-index: 1;

    left: 25px;

    top: 50px;

}

/*shape */

.shape6 {

    position: absolute;

    top: 11%;

    left: 50%;

    right: 0;

    margin: 0;

    transform: translateX(-9%);

    z-index: -1;

}

.shape7 {

    position: absolute;

    bottom: -56px;

    z-index: -1;

    left: 10px;

}

/*road map style two*/

.road-map.style-two {

    position: relative;

    z-index: 1;

    background: url(assets/images/map/map.png);

    background-position: center center;

    background-size: cover;

    background-repeat: no-repeat;

}

.road-map.style-two .dreamit-section-title-two.text-center .dreamit-section-main-title h1 {

    margin: 0 0 14px;

    color: #08195E;

}

.road-map.style-two .dreamit-section-content-text-inner p {

    color: #616161;

}

.road-map.style-two .single-road-map-box {

    border: none;

    padding: 23px 0 23px 26px;

    background: none;

    left: 0;

    text-align: center;

    margin-right: 29px;

}

.road-map-content-inner {

    background: #fff;

    box-shadow: 10px 0 30px rgb(255,255,255,0.4);

    padding: 27px 19px 24px;

    border-radius: 5px;

    position:relative;

    z-index:1;

    overflow: hidden;

}

.road-map-content-inner:before {

    position: absolute;

    content: "";

    top: 0;

    right: 0;

    height: 100%;

    width: 0;

    transition: .5s;

    z-index: -1;

    background:#1FD5A4;

    border-radius: 5px;

}

.single-road-map-box:hover .road-map-content-inner:before{

    width:100%;

    left:0;

}

.single-road-map-box:hover .road-map-content-inner h3,

.single-road-map-box:hover .road-map-content-inner p{

    color: #fff;

}

.road-map-content-inner h3 {

    color: #1FD5A4;

    font-size: 18px;

    font-weight: 500;

    margin: 0 0 9px;

}

.single-road-map-content h4 {

    font-size: 18px;

    margin: 0 0 19px;

    font-weight: 600;

    color: #08195E;

}

.road-map-content-inner p {

    margin: 0 0 0;

    color: #717171;

}

.shape16 {

    position: absolute;

    top: 271px;

    left: -27px;

    right: 0;

    margin: auto;

    text-align: center;

    z-index: -1;

}

/*road map style three*/

.road-map.style-two.upper {

    background: url(assets/images/new/map.jpg);

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

}

.road-map.style-two.upper .single-road-map-box {

    border: none;

    padding: 23px 0 23px 26px;

    margin-right: 60px;

}

.road-map.style-two.upper .single-road-map-box.two {

    width: 64%;

    margin-left: 23px;

}

.road-map.style-two.upper .single-road-map-content h4 {

    color: #fff;

}

.road-map.style-two.upper .road-map-content-inner p {

    font-size: 15px;

        color: #a2bbd2;

}

.road-map.style-two.upper .single-road-map-box:hover .road-map-content-inner h3,

 .road-map.style-two.upper .single-road-map-box:hover .road-map-content-inner p {

    color: #fff;

}

.road-map.style-two.upper .road-map-content-inner {

    background: #0B2D6D;

    box-shadow: none;

    padding: 22px 19px 19px;

}

.road-map.style-two.upper .road-map-content-inner h3 {

    color: #fff;

}

.road-map.style-two.upper .road-map-content-inner:before {

    background: #0094FF;

}

/*shape*/

.road-map.style-two.upper .shape16 {

    top: 355px;

    left: -68px;

}

.road-map.style-two.upper .shape17 {

    position: absolute;

    top: 12%;

    left: 12%;

    z-index: -1;

}

/*call section*/

.call-section {

    background: url(assets/images/new/call.jpg);

    background-repeat: no-repeat;

    background-position: center center;

    background-size: cover;

}

.call-section .row.section {

    background: url(assets/images/new/shape.png);

    background-position: center center;

    background-size: cover;

    background-repeat: no-repeat;

    padding: 67px 34px 79px;

    position: relative;

    border-radius: 7px;

}

.call-section .call-shape {

    position: absolute;

    top: -110px;

}

.call-section .call-shape2 {

    position: absolute;

    left: 94px;

    animation: wooo 3s infinite;

}

.call-section .call-title h2 {

    font-size: 36px;

    font-weight:500;

    margin: 0 0 0;

    line-height: 1.3;

}

.call-section .call-content-text p {

    margin: 13px 0 46px;

}

.call-section span.more {

    margin-left: 16px;

}



/*start document section*/

.document-section {

    background: url(assets/images/document/back2.png);

    background-repeat: no-repeat;

    background-position: center center;

    background-size: cover;

}

.single-document-box {

    text-align: center;

    margin-bottom: 30px;

    overflow: hidden;

}

.document-thumb{

	position: relative;

}

.document-thumb img {

    width: 100%;

}

.document-content {

    padding: 41px 0 4px;

    position: relative;

}

.document-content h2 {

    font-size: 20px;

    font-weight:600;

    margin: 0 0 7px;

}

h2.other {

    color: #1FD5A4;

    margin: 0 0 9px;

}

.document-btn {

    position: absolute;

    left: 0;

    right: 0;

    top: -26px;

}

.document-btn a {

    display: inline-block;

    height: 50px;

    width: 50px;

    line-height: 50px;

    text-align: center;

    background: #20D6A5;

    border-radius: 100%;

    transition: .5s;

}

/* start team section*/

.team-section {

    background: url(assets/images/team/abvice.png);

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

}

.single-team-box {

    text-align: center;

    margin-bottom: 30px;

    transition: .5s;

}

.single-team-box:hover .team-social-icon ul li a{

    opacity: 1;

    transform: translateY(0px);

    opacity: 1;

    overflow: hidden;

    visibility: visible;

}

.single-team-box-two {

    transition: .5s;

}

.single-team-box-two:hover {

    transform: translateY(-10px);

}

.team-thumb {

    position: relative;

    overflow: hidden;

     border-radius: 50% 50% 0 0;

}

.team-thumb img {

    width: 100%;

}

.team-thumb:before {

    position: absolute;

    content: "";

    top: 0;

    left: 0px;

    height: 0;

    width: 100%;

    transition: .9s;

    background: rgb(10,31,98,0.6);

    border-radius: 50% 50% 0 0;

}

.single-team-box:hover .team-thumb:before {

    height: 0%;

}

.team-content {

    background: #0A1F62;

    padding: 23px 0 26px;

    border-bottom-left-radius: 10px;

    border-bottom-right-radius: 10px;

    position: relative;

}

.team-content:before {

    position: absolute;

    content: "";

    top: 0;

    left: 0;

    height:5px;

    width: 50%;

    background: #0093FA;

    transition: .5s;

}

.team-content.two:before {

    background: #48DCAA;

}

.team-content.three:before {

    background: #FEC106;

}

.team-content.four:before {

    background: #E031CA;

}

.single-team-box:hover .team-content:before{

    width: 100%;

}

.team-content h3 {

    font-size: 22px;

    margin: 0 0 6px;

}

.team-social-icon {

    position: absolute;

    left: 50%;

    transform: translate(-50%);

    bottom: 10px;

    transition: .5s;

}

.team-social-icon ul li {

    display: inline-block;

    margin-right: 3px;

}

 .team-social-icon ul li:nth-child(1) a {

    transition-delay: 0.1s;

}

 .team-social-icon ul li:nth-child(2) a {

    transition-delay: 0.3s;

}

.team-social-icon ul li:nth-child(3) a {

    transition-delay: 0.4s;

}

.team-social-icon ul li a {

    display: inline-block;

    height: 37px;

    width: 37px;

    line-height: 37px;

    text-align: center;

    background: rgb(133,148,169,0.5);

    border-radius: 100%;

    transition: .5s;

       transition-delay: .3s;

    z-index: -1;

    overflow: hidden;

    transform: translateY(-100px);

    opacity: 0;

    visibility: hidden;

}

.team-social-icon ul li a:hover{

    background: rgb(56,163,254,0.6);

    color:#fff;

}

/*start team inner box*/

.team-inner-thumb {

    display: inline-block;

    margin-right: 14px;

}

.inner-btn {

    display: inline-block;

}

.inner-btn a {

    font-size: 16px;

    display: inline-block;

    font-weight: 600;

}

.inner-btn a:hover {

    color: #fff;

}

.inner-btn a i{

    margin-left:6px;

}

/* start team section style two*/

.team-section.style-two {

    background: #fff;

}

.team-section.style-two .dreamit-section-title-two.text-center .dreamit-section-main-title h1 {

    margin: 0 0 14px;

    color: #08195E;

}

.team-section.style-two .dreamit-section-content-text-inner p {

    width: 55%;

    margin: 0 auto 0;

    color: #616161;

}

.single-team-thumb{

	position: relative;

}

.single-team-thumb img {

    width: 100%;

}

.single-team-content {

    background: #fff;

    text-align: center;

    width: 80%;

    left: 25px;

    right: 0;

    margin: 0;

    position: absolute;

    padding: 26px 0 9px;

    border-radius: 5px;

    bottom: -64px;

}

.single-team-content h3 {

    color: #08195E;

    font-size: 20px;

    margin: 0 0 4px;

    font-weight: 600;

}

.single-team-content span {

    font-weight: 500;

    color: #1dd5a3;

}

.single-team-inner-content {

    padding: 80px 0 26px;

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

    background: #fff;

    border-bottom-left-radius: 7px;

    border-bottom-right-radius: 7px;

    text-align: center;

}

.single-team-social-icon ul li {

    display: inline-block;

    margin-right: 4px;

}

.single-team-social-icon ul li.first span {

    color: #9797a1;

    position: relative;

    left: 2px;

}

.single-team-social-icon ul li.first {

    height:45px;

    width: 100px;

    background: #f5f5f5;

}

.single-team-social-icon ul li a {

    color: #9797a1;

    display: inline-block;

    background: #f5f5f5;

    height: 45px;

    width: 45px;

    line-height: 45px;

    text-align: center;

    font-size: 16px;

    transition: .5s;

    border-radius: 5px;

}

.single-team-social-icon ul li a:hover{

    background:#1ed5a4;

    color: #fff;

}

/*team section style three*/

.team-section.style-three {

    background: #fff;

}

.team-section.style-three .dreamit-section-title.text-center .dreamit-section-sub-title h5 {

    color: #081B5F;

}

.team-section.style-three .dreamit-section-title.text-center .dreamit-section-main-title h1 {

    color: #081B5F;

}

.team-section.style-three .inner-btn a {

    color: #081B5F;

}

/*team section style three upper*/

.team-section.style-two.upper {

    background: #080A3D;

}

.team-section.style-two.upper .dreamit-section-title-two.text-center .dreamit-section-main-title h1 {

    margin: 0 0 14px;

    color: #fff;

}

.team-section.style-two.upper .dreamit-section-content-text-inner p {

    color: #fff;

}

/*team section style fouir*/

.team-section.style-four {

    background: transparent;

}

.team-section.style-four .single-team-box-two{

    transition:.5s;

}

.team-section.style-four .single-team-box-two:hover{

    transform: translateY(-10px);

}

.team-section.style-four .team-thumb {

    border-radius: 0;

}

.team-section.style-four .single-team-thumb:before {

    content: "";

    position: absolute;

    background: -webkit-linear-gradient(-9deg, #0A2C56 0%, #441459 97%);

    height: 100%;

    width: 100%;

    left: 0;

    top: 0;

    opacity: 0.7;

    z-index: 0;

    transition: 500ms;

    transform: scaleX(0);

}

.team-section.style-four .single-team-box-two:hover .single-team-thumb:before{

    transform: scaleY(1);

}

.team-section.style-four .single-team-content {

    background: #0A2D6D;

    text-align: center;

    width: 100%;

    position: inherit;

    padding: 26px 0 31px;

    border-radius: 0;

    bottom: 0;

    border-bottom-left-radius: 5px;

    border-bottom-right-radius: 5px;

}

.team-section.style-four .single-team-social-icon {

    margin-top: 20px;

}

.team-section.style-four .single-team-social-icon ul li {

    border-radius: 4px;

    transition:.5s;

}

.team-section.style-four .single-team-content h3 {

    color: #fff;

}

.team-section.style-four .single-team-social-icon ul li.first {

    background: #23407A;

}

.team-section.style-four .single-team-social-icon ul li.first a:hover{

    background:#0095FF;

    color:#fff!important;

}

.team-section.style-four .single-team-social-icon ul li.first a:hover{

    background:transparent;

    color:#fff!important;

}

.team-section.style-four .single-team-social-icon ul li:hover{

    background:#0095FF;

    color:#fff!important;

}

.team-section.style-four .single-team-social-icon ul li.first a{

    background:transparent;

}

.team-section.style-four .single-team-social-icon ul li a {

    color: #9797a1;

    background: #23407A;

}

.team-section.style-four .single-team-social-icon ul li a:hover{

    background:#0095FF;

    color:#fff!important; 

}

.team-section.style-four .single-team-content span {

    font-weight: 500;

    color: #a2bbd2;

}

/*team section upper*/

.team-section.style-four.upper {

    background: url(assets/images/new/000.jpg);

    background-position: center center;

    background-size: cover;

    background-repeat: no-repeat;

}





/*animation shine*/

@-webkit-keyframes shine {

  100% {

    left: 125%;

  }

}



@keyframes shine {

  100% {

    left: 125%;

  }

}











/*advosor section*/

.single-advisor-box {

    text-align: center;

    margin-bottom: 30px;

    background: #102171;

    padding: 31px 0 25px;

    border-radius: 5px;

    position: relative;

    z-index:1;

}

.single-advisor-box:before {

    position: absolute;

    content: "";

    top: 0;

    height: 100%;

    width: 0;

    transition: .5s;

    background: #0f46c1;

    right: 0;

    z-index: -1;

    border-radius: 5px;

}

.single-advisor-box.two:before {

    position: absolute;

    content: "";

    top: 0;

    height: 100%;

    width: 0;

    transition: .5s;

    background: #0f46c1;

    right: 0;

    z-index: -1;

    border-radius: 5px;

}

.single-advisor-box.three:before {

    background: #0f46c1;



}

.single-advisor-box:hover:before{

    left:0;

    width:100%;

}

.single-advisor-box:hover .advisor-content span{

    color: #fff;

}

.advisor-thumb {

    position: relative;

}

.advisor-social-icon {

    position: absolute;

    left: 0;

    right: 0;

    margin: auto;

    bottom: -11px;

}

.advisor-social-icon a {

    display: inline-block;

    height: 39px;

    width: 39px;

    line-height: 39px;

    text-align: center;

    color: #fff !important;

    background: #556fa9;

    border-radius: 100%;

    transition: .5s;

    box-shadow: 5px 0 30px rgb(55,63,254,0.4);

}

.advisor-social-icon.two a {

    background: #556fa9;

    color: #fff !important;

    box-shadow: 5px 0 30px rgb(55,63,254,0.4);

}

.advisor-social-icon.three a {

    color: #fff !important;

    background: #556fa9;

    box-shadow: 5px 0 30px rgb(55,63,254,0.4);

}

.advisor-content h2 {

    font-size: 22px;

    margin: 37px 0 6px;

}



/*faq section*/

.faq-section {

    background: #080A3D;

}

/*faq section style five*/

.faq-section.style-five {

    background: url(assets/images/new/table-bg.jpg);

    background-position: center center;

    background-size: cover;

    background-repeat: no-repeat;

}



/* start tab section*/

ul.tabs {

    margin: 0;

    padding: 0;

    float: left;

    list-style: none;

    height: 32px;

    border-bottom: none;

    width: 100%;

}

ul.tabs li {

    float: left;

    margin: 0;

    cursor: pointer;

    padding: 0px 21px;

    height: 31px;

    line-height: 31px;

    border-top: 1px solid #333;

    border-left: 1px solid #333;

    border-bottom: 1px solid #333;

    background-color: #fff;

    color: #0e5ed7;

    overflow: hidden;

    position: relative;

    margin-right: 10px;

    font-weight: 600;

    transition:.5s;

}



.tab_last { border-right: 1px solid #333; }



ul.tabs li:hover {

  background-color: #0e5ed7;

  color: #fff;

}



ul.tabs li.active {

    background-color: #0e5ed7;

    color: #fff;

    display: block;

    font-weight: 600;

}



.tab_container {

    border-top: none;

    clear: both;

    float: left;

    width: 100%;

}



.tab_content {

    padding: 23px 0 0 4px;

    display: none;

}



.tab_drawer_heading { display: none; }



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

  .tabs {

    display: none;

  }

  .tab_drawer_heading {

    background-color: #ccc;

    color: #fff;

    border-top: 1px solid #333;

    margin: 0;

    padding: 5px 20px;

    display:none;

    cursor: pointer;

    -webkit-touch-callout: none;

    -webkit-user-select: none;

    -khtml-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

  }

  .d_active {

    background-color: #666;

    color: #fff;

  }

}

/*faq section style two*/

.contact-section.style-two {

    position: relative;

    margin-top: 0;

    background: url(assets/images/connect.jpg);

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

}

.contact-section.style-two .info-socail-address ul li a:after{

    position: absolute;

    content:"";

    height:100%;

    width:0;

    right:0;

    top: 0;

    transition:.5s;

    z-index:-1;

    background:#0e5ed7;

    border-radius: 100%;

}

.contact-section.style-two .info-socail-address ul li a:hover:after{

    width: 100%;

    left:0;

}

.contact-section.style-two .info-socail-address ul li a:hover{

    color: #fff!important;

}

.contact-section.style-two .form-control::placeholder {

    color: #616161;

    opacity: 1;

}

/*contact section style three*/

.contact-section.style-three {

    margin-top: 0;

}

/*contact four*/

.contact-section.style-four .contact-icon {

    right: 25px;

    position: relative;

    z-index:1;

}

.contact-section.style-four .contact-icon:after {

    position: absolute;

    content: "";

    top: -8px;

    left: -8px;

    height: 65px;

    width: 65px;

    z-index: -1;

    background: rgb(55,163,254,0.5);

    border-radius: 100%;

}

.contact-section.style-four .contact-icon i {

    display: inline-block;

    height: 49px;

    width: 49px;

    line-height: 49px;

    text-align: center;

    background: #0195F9;

    font-size: 22px;

    color: #fff;

    border-radius: 100%;



}

.contact-section.style-four .contact-content-text p {

    color: #fff;

    font-family: 'Inter';

    font-size: 20px;

    font-weight: 600;

}

/*contact from*/

.contact-section.style-four {

    margin-top: 0;

    background: url(assets/images/new/blog.jpg);

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

}

.contact-section.style-four .dreamit-section-sub-title h5 {

    font-size: 18px;

}

.contact-section.style-four .contact_from.upper10 {

    background: transparent;

    padding: 0;

    border-top-left-radius: 0;

    border-bottom-left-radius: 0;

}

.contact-section.style-four .row.upper12 {

    background: transparent;

    border-radius:0px;

}

.contact-section.style-four .form-control {

    height: 58px;

    padding: 14px 0 14px 25px;

    background-color: #1E1D56;

    border-bottom: 1px solid #1E1D56!important;

    font-family: 'Inter';

    border: none;

    margin-bottom: 26px;

}

.contact-section.style-four textarea.form-control {

    height: 154px!important;

}

.contact-section.style-four .quote_btn.text_center {

    margin: auto;

}

.contact-section.style-four .btn {

    border-radius: 5px;

}

.contact-section.style-four .btn:after {

    border-radius: 5px;

}

/*contact section style four focus*/

.contact-section.style-four .form-control:focus {

    color: #495057;

    background-color: #1E1D56 !important;

    border-bottom: 1px solid#fff;

    outline: 0;

    box-shadow: none;

}



/*start faq section*/

.faq-section.style-two ul.tabs {

    justify-content: center;

    display: flex;

}

.faq-section.style-two .accordion a:before {

    top: 36px;

}

.faq-section.style-two .accordion a:after {

    top: 30px;

}

.faq-section.style-two a.active:after {

    transform: rotate(90deg);

    top: 22px!important;

}

.faq-section.style-two .accordion a {

    color: #fff!important;

}

/*faq section style three*/

.faq-section.style-three .accordion a {

    color: #0095FC!important;

}

.faq-section.style-three .accordion li p {

    color: #a2bbd2;

}

.faq-section.style-three {

    background: #fff;

}

.faq-section.style-three .dreamit-section-title-two.text-center .dreamit-section-main-title h1 {

    color: #08195E;

}

.faq-section.style-three ul.tabs {

    justify-content: center;

    display: flex;

}

.faq-section.style-three ul.tabs li {

    border: 1px solid #d93c1a;

}

.faq-section.style-three .accordion a:after {

    border-right: 2px solid #d93c1a;

}

.faq-section.style-three .accordion a:before {

    border-top: 2px solid #d93c1a;

}

/*faq section style four*/

.faq-section.style-four {

    background: url(assets/images/new/call.jpg);

    background-position: center center;

    background-size: cover;

    background-repeat: no-repeat;

}

.faq-section.style-four .accordion a:after {

    top: 26px;

}

.faq-section.style-four .accordion a:before{

    top:32px;

}



.faq-section.style-four .dreamit-section-title.two .dreamit-section-sub-title h5:before {

    width: 186%;

}

.faq-section.style-four ul.tabs {

    justify-content: center;

    display: flex;

}





/*contact four*/

.contact-section.style-four {

    margin-top: 0;

}











/*accordion section*/

.accordion {

    max-width: 517px;

    border-top: 1px solid #d9e5e8;

    height: 360px;

    scroll-behavior: none;

}

ul.accordion {

  padding: 0;

}

.accordion li {

  list-style-type: none;

  padding: 0;

  border-bottom: 1px solid #d9e5e8;

  position: relative;

}

.accordion li:last-child{

    border-bottom: none;

}

.accordion li p {

    display: none;

    padding: 0px 0px 5px 17px;

    color: #fff;

    font-size: 16px;

}

.accordion a {

    width: 100%;

    display: block;

    cursor: pointer;

    font-weight: 600;

    line-height: 3.5;

    font-size: 14px;

    font-size: 0.875rem;

    text-indent: 15px;

    user-select: none;

    font-size: 20px;

    color: #0094fb!important;

    display: inline-block;

    font-family: 'Inter';

}

.accordion a:after {

    width: 8px;

    height: 16px;

    border-right: 2px solid #fff;

    position: absolute;

    right: 16px;

    content: " ";

    top: 34px;

    transform: rotate(1deg);

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

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

    transition: all 0.2s ease-in-out;

}

.accordion a:before {

    width: 15px;

    height: 8px;

    border-top: 2px solid #fff;

    position: absolute;

    right: 10px;

    content: " ";

    top: 41px;

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

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

    transition: all 0.2s ease-in-out;

}

.accordion p {

    font-size: 13px;

    font-size: 0.8125rem;

    line-height: 1.8;

}



a.active:after {

    transform: rotate(90deg);

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

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

    transition: all 0.2s ease-in-out;

}

a.active:before{

    display: none;

}



/***************/

mark {

  background-color: transparent;

  position: relative;

}

mark::before {

  content: "";

  position: absolute;

  display: block;

  width: calc(100% + 0.4em);

  height: 95%;

  left: -0.2em;

  top: 3%;

  background-color: rgba(0, 255, 0, 0.4);

  transform: skew(-10deg, 0);

  z-index: -1;

  border-right: 2px solid rgba(0, 255, 0, 0.5);

}

/*contact-section*/

.contact-section {

    position: relative;

    margin-top: -272px;

}

.row.upper12 {

    background: #0A1F62;

    border-radius: 10px;

}

.contact-section .dreamit-section-sub-title h5 {

    font-size: 24px;

    margin: 0 0 31px;

    font-weight: 600;

    text-transform: capitalize;

}

.contact_from.upper10 {

    background: #0A1F62;

    padding: 55px 55px 43px 55px;

    border-top-left-radius: 10px;

    border-bottom-left-radius: 10px;

}

.right-side-info {

    background: #d93c1a;

    padding: 57px 50px 72px 50px;

    border-top-right-radius: 10px;

    border-bottom-right-radius: 10px;

    height: 100%;

}

.right-side-info .dreamit-section-sub-title h5:before {

    background: #fff;

}

.form-control {

    display: block;

    width: 100%;

    height: calc(1.5em + .75rem + 2px);

    padding: 0 0 14px 0;

    font-size: 1rem;

    font-weight: 400;

    line-height: 1.5;

    color: #fff!important;

    background-color: transparent;

    background-clip: padding-box;

    border-bottom: 1px solid #314D8E!important;

    border-radius: 0;

    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;

    font-family: 'Inter';

    border: none;

    margin-bottom: 26px;

}

.btn {

    display: inline-block;

    font-weight: 600;

    color: #fff;

    text-align: center;

    vertical-align: middle;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    background-color: #d93c1a;

    border: 1px solid transparent;

    padding: 16px 42px;

    font-size: 16px;

    transition:.5s;

    line-height: 1.5;

    border-radius: 30px;

    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;

    position: relative;

    z-index: 1;

    overflow: hidden;

    font-family: inter;

}

.btn:after{

    position: absolute;

    content:"";

    height:100%;

    width:0;

    transition:.5s;

    border-radius: 30px;

    background:#fff;

    top: 0;

    right:0;

    z-index:-1;

    

}

.btn:hover:after{

    width:100%;

    left:0;

}

.btn:hover{

    color: #d93c1a;

}

.info-icon i {

    display: inline-block;

    height: 47px;

    width: 47px;

    line-height: 47px;

    text-align: center;

    background: #fff;

    border-radius: 100%;

    font-size: 22px;

    color: #0093FA;

}

.single-info-box {

    border-bottom: 1px solid#4EB4FC;

    margin-bottom: 21px;

}



.info-content h4 {

    font-size: 16px;

    margin: 0 0 5px;

    font-weight: 500;

}

.info-content-inner h4 {

    font-size: 16px;

    margin: 0 0 17px;

}



.info-icon {

    margin-right: 21px;

}

.info-icon.two i {

    color: #47DBA7;

}

.info-icon.three i {

    color: #FEC106;

}

.info-content p {

    color: #fff;

    font-family: 'Inter';

    line-height: 1.5;

}

/*contact-section style two*/



.contact-section.style-two .dreamit-section-sub-title h5 {

    left: 0;

}

.contact-section.style-two .dreamit-section-sub-title h5:before {

    display: none;

}

.contact-section.style-two .contact_from.upper10 {

    background: #fff;

    padding: 47px 55px 49px 55px;

    border-top-left-radius: 10px;

    border-radius: 5px;

    box-shadow: 0px 0 32px rgb(0 0 0 / 8%);

}

.contact-section.style-two  .dreamit-section-sub-title h5 {

    font-size: 24px;

    margin: 0 0 31px;

    font-weight: 700;

    color: #08195F;

}

.contact-section.style-two .info-content h4 {

    color: #08195F;

}

.contact-section.style-two .info-content p {

    color: #626262;

}

.contact-section.style-two .info-icon i {

    box-shadow: 10px 0 42px rgb(0 0 0 /15%);

}

.contact-section.style-two .form-control {

    height: 55px;

    padding: 11px 17px;

    font-size: 1rem;

    border: 1px solid #314D8E!important;

    border-radius: 5px;

    margin-bottom: 21px;

    color:#314D8E!important;

}

.contact-section.style-two textarea.form-control {

    height: 140px;

    border-radius: 5px;

}

.contact-section.style-two .right-side-info {

    background: #F7F7F7;

    padding: 45px 50px 42px 50px;

    border-radius: 5px;

    height: 100%;

}

.contact-section.style-two .info-content-inner h4 {

    font-size: 22px;

    margin: 0 0 15px;

    font-weight: 600;

    position: relative;

    display: inline-block;

    color: #09175E;

}

.contact-section.style-two .info-content-inner h4:before {

    position: absolute;

    content: "";

    top: 16px;

    right: -157px;

    height: 1px;

    width: 150px;

    background: #09175E;

}

.contact-section.style-two .info-socail-address ul li a {

    border: 1px solid#48DCA8;

    color: #55B6FB;

}

.contact-section.style-two .info-socail-address ul li a:hover{

    border-color:#0e5ed7;

}

a.othrer1 {

    color: #01EFFB!important;

}

a.othrer2 {

    color: #07689D!important;

}

a.othrer3 {

    color: #C60506!important;

}

.contact-section.style-two .single-info-box {

    border-bottom: none;

    margin-bottom: 17px;

}



/*social address*/

.info-socail-address ul li {

    display: inline-block;

    margin-right: 8px;

}

.info-socail-address ul li a {

    display: inline-block;

    height: 35px;

    width: 35px;

    line-height: 35px;

    text-align: center;

    border: 1px solid#fff;

    border-radius: 100%;

    transition: .5s;

    position: relative;

    z-index: 1;

    overflow: hidden;

}

.info-socail-address ul li a:after{

    position: absolute;

    content:"";

    height:100%;

    width:0;

    right:0;

    top: 0;

    transition:.5s;

    z-index:-1;

    background:#fff;

    border-radius: 100%;

}

.info-socail-address ul li a:hover:after{

    width: 100%;

    left:0;

}

.info-socail-address ul li a:hover{

    color:#d93c1a;

}



.form-control:focus {

    color: #495057;

    background-color: transparent !important;

    border-bottom: 1px solid#fff;

    outline: 0;

    box-shadow: none;

}

.form-control::placeholder {

    color: #fff;

    opacity: 1;

}

/*blog section*/

.single-blog-box {

    margin-bottom: 30px;

    transition: .5s;

    box-shadow: 0px 0px 24px rgb(255 255 255 / 9%);

    position: relative;

    z-index: 1;

}

.blog-thumb {

    position: relative;

    z-index: 1;

    transition:.5s;

}

.blog-thumb img {

    width: 100%;

}

.blog-thumb:before {

    position: absolute;

    content: "";

    height: 100%;

    width: 100%;

    background: linear-gradient(to bottom, rgba(164,85,84, .2) 69%, #46DDA8 100%);

    right: 0px;

    top: 0;

    transition: all 5s ease-in-out;

}

.single-blog-box:hover .blog-thumb:before {

    left:0;

    background: linear-gradient(to top, #0e5ed7 0% , rgba(0,0,0, .1) 73%);

}

.blog-content-text p {

    transition: .5s;

    color: #616161;

    margin: 0 0 11px;

}

/*blog meta*/

.blog-meta {

    height: 91px;

    width: 88px;

    background: #4AF0C4;

    text-align: center;

    padding: 18px 0 0;

    position: absolute;

    top: 0;

    right: 0;

    border-bottom-left-radius: 30px;

}

.meta-content h4 {

    font-size: 28px;

    color: #fff;

    font-weight: 600;

    margin: 0px 0 0;

}

.meta-content span {

    color: #fff;

    font-size: 16px;

}

/*blog content*/

.blog-content {

    left: 35px;

    bottom: 0;

    padding: 24px 0px 22px 23px;

    background: #fff;

    border-bottom-left-radius: 5px;

    border-bottom-right-radius: 5px;

}

.blog-title h2 {

    font-size: 24px;

    margin: 0 0 12px;

    position: relative;

    transition: .5s;

    color: #08195E;

    font-weight: 600;

}

.blog-btn a {

    display: inline-block;

    transition: .5s;

    color: #06305f;

    font-size: 16px;

    font-weight: 600;

}

.blog-title h2:hover{

    color: #4AF0C4;

}

.blog-btn a i {

    font-size: 13px;

    margin-left: 5px;

    display: inline-block;

}

.blog-btn a:hover{

   color: #0e5ed7; 

}

/*blog style two*/

.blog-section.style-two .single-blog-box {

    box-shadow: none;

}

.blog-section.style-two .blog-thumb img{

    position: relative;

    border-radius: 6px!important;

}

.blog-section.style-two .blog-thumb{

    position: relative;

}

.blog-section.style-two .blog-thumb:before {

    z-index: 1;

    background: linear-gradient(to bottom, rgba(164,85,84, .2) 99%, #4E1972 100%);

    transition:.5s;

}

.blog-section.style-two .single-blog-box:hover .blog-thumb:before {

    left: 0;

    background: linear-gradient(to top, #571376 0% , rgba(0,0,0, .1) 73%);

}

.blog-section.style-two .blog-content {

    padding: 19px 0px 22px 0;

    background: transparent;

    border-bottom-left-radius: 0px;

    border-bottom-right-radius: 0px;

}

.blog-section.style-two .meta-box {

    line-height: 1;

}

.blog-section.style-two .meta-icon {

    display: inline-block;

}

.blog-section.style-two .meta-icon i {

    color: #a2bbd2;

    font-size: 13px;

}

.blog-section.style-two .meta-date {

    display: inline-block;

}

.blog-section.style-two .meta-date p {

    font-family: 'Inter';

}

.blog-section.style-two .meta-icon {

    display: inline-block;

}

.blog-section.style-two .blog-title h2 {

    font-size: 20px;

    color: #fff;

    font-weight: 500;

    margin-bottom: 9px;

}

.blog-section.style-two .blog-title h2:hover{

    color:#0389EF; 

}

.blog-section.style-two .blog-content-text p {

    color: #a2bbd2;

    margin: 0 0 13px;

}

.blog-section.style-two .blog-btn a {

    color: #0e5ed7;

    font-size: 15px;

    font-weight:500;

}

.blog-section.style-two .blog-btn a:hover{

    color: #fff;

}

/*blog style three*/

.blog-section.style-three .single-blog-box:hover .blog-content{

    background: #0e5ed7;

}

.blog-section.style-three .blog-thumb {

    position: relative;

    z-index: 1;

    transition: .5s;

    overflow: hidden;

    border-bottom-left-radius: 4px;

    border-bottom-right-radius: 4px;

}

.blog-section.style-three .blog-thumb:before {

   display: none;

}

.blog-section.style-three .blog-catagories a h4 {

    color: #fff;

    display: inline-block;

    background: #0e5ed7;

    padding: 16px 26px;

    border-radius: 4px;

    font-size: 13px;

    text-transform: uppercase;

    font-weight: 500;

}

.blog-section.style-three .blog-meta-two {

    display: inline-block;

    margin-right: 10px;

}

.blog-section.style-three .meta-date {

    display: inline-block;

}

.blog-section.style-three .blog-catagories {

    position: absolute;

    top: 10px;

    left: 11px;

}

.blog-section.style-three .blog-meta-two h3 {

    color: #fff;

    font-weight: 500;

    display: inline-block;

    font-size: 16px;

}

.blog-section.style-three .meta-date p {

    font-weight: 500;

    margin: 0 0 9px;

    color: #fff;

}

.blog-section.style-three .blog-content {

    left: 0;

    bottom: -101px;

    padding: 24px 0px 22px 23px;

    background: rgb(55,163,254,0.9);

    border-bottom-left-radius: 4px;

    border-bottom-right-radius: 4px;

    position: absolute;

    transition: .5s;

}

.blog-section.style-three .blog-title h2 {

    font-size: 22px;

    margin: 0 0 12px;

    position: relative;

    transition: .5s;

    color: #fff;

    font-weight: 600;

}

.blog-section.style-three .blog-content-text p {

    transition: .5s;

    color: #fff;

    margin: 0 0 5px;

}

.blog-section.style-three .single-blog-box:hover .blog-content{

    bottom: 0;

}

/*owl dots*/

.blog-section.style-three .owl-dots {

    top: 0;

}



/*another more animation section*/

.visible .coin-animation .coin-1 {

    animation: coinanimation 3s linear 0s infinite;

    opacity: 1;

    position: relative;

    height: 1000px;

}

.about-mercury-animation {

    min-height: 950px!important;

}

.coin-animation .coin-1 {

    background: url('assets/images/banner/coin1.png');

    height:33px;

    width:33px;

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center center;

    position: absolute;

    top: 0;

    left:20px;

    transition: all 600ms;

    opacity: 0;

}



.coin-animation .coin-2 {

    background: url('assets/images/banner/coin2.png');

    height: 44px;

    width: 44px;

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center center;

    position: absolute;

    /* top: 0; */

    right: 0;

    left: 80%;

    margin: auto;

    transition: all 600ms;

    opacity: 0;

}

.coin-animation .coin-3 {

   background: url('assets/images/banner/coin3.png');

    height:37px;

    width: 37px;

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center center;

    position: absolute;

    top: 0;

    left:30%;

    transition: all 600ms;

    opacity: 0;

}

.coin-animation .coin-4 {

    background: url('assets/images/banner/coin4.png');

    height:25px;

    width: 25px;

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center center;

    position: absolute;

    top: 0;

    left:45%;

    transition: all 600ms;

    opacity: 0;

}

.coin-animation .coin-5 {

    background: url('assets/images/banner/coin5.png');

    height:30px;

    width:30px;

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center center;

    position: absolute;

    top: 0;

    left:65%;

    transition: all 600ms;

    opacity: 0;

}

.coin-animation .coin-5 {

    background: url('assets/images/about/1010.png');

    height:35px;

    width:35px;

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center center;

    position: absolute;

    top: 0;

    left:10%;

    transition: all 600ms;

    opacity: 0;

}

.coin-animation .coin-5 {

    background: url('assets/images/banner/coin1.png');

    height:35px;

    width: 35px;

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center center;

    position: absolute;

    top: 0;

    left:50%;

    transition: all 600ms;

    opacity: 0;

}

.coin-animation .coin-5 {

     background: url('assets/images/banner/coin3.png');

    height:40px;

    width: 40px;

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center center;

    position: absolute;

    top: 0;

    left:0px;

    transition: all 600ms;

    opacity: 0;

}

.animation-box{

    height: 950px!important;

}



.visible .coin-animation .coin-1{

    animation: coinanimation 5s linear 0s infinite;

    opacity:1; 

}

.visible .coin-animation .coin-2{

    animation: coinanimationtwo 8s linear 0s infinite;

    opacity:1;

}

.visible .coin-animation .coin-3 {

    animation: coinanimation 5.5s linear 0s infinite;

    opacity: 1;

}

.visible .coin-animation .coin-4{

    animation: coinanimationtwo 6s linear 0s infinite;

    opacity:1;

}

.visible .coin-animation .coin-5{

    animation: coinanimationtwo 7s linear 0s infinite;

    opacity:1;

}

.visible .coin-animation .coin-6{

    animation: coinanimationtwo 4s linear 0s infinite;

    opacity:1;

}

.visible .coin-animation .coin-7{

    animation: coinanimation 6s linear 0s infinite;

    opacity:1;

}

.visible .coin-animation .coin-8{

    animation: coinanimationtwo 6s linear 0s infinite;

    opacity:1;

}





/*keyfram*/

@-webkit-keyframes coinanimation {

  0% {

    -webkit-transform: translateY(1000%) rotate(0deg);

  }

  50% {

    -webkit-transform: translateY(300%) rotate(360deg);

  }

  100% {

    -webkit-transform: translateY(-200%) rotate(720deg);

  }

}

@-webkit-keyframes coinanimationtwo {

  0% {

    -webkit-transform: translateY(1000%) rotate(0deg);

  }

  50% {

    -webkit-transform: translateY(300%) rotate(-360deg);

  }

  100% {

    -webkit-transform: translateY(-200%) rotate(-720deg);

  }

}











/*breatcome area*/

.breatcome-area {

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    padding: 132px 0 132px;

}

.breatcome-content-title h1 {

    font-size: 40px;

    margin: 0 0 15px;

    font-weight: 600;

}

.breatcome-content-text ul li i {

    margin: 0 8px;

    display: inline-block;

    font-size: 13px;

}

.breatcome-content-text ul li a {

    font-weight: 600;

    display: inline-block;

}

.breatcome-content-text ul li a:hover{

    color:#fff;

}

.breatcome-content-text ul li {

    list-style: none;

}

.breatcome-content-text ul li span {

    color: #fff;

    font-weight: 600;

}

/*blog grid*/

/*start blog grid*/

.blog-grid-section {

    background: #F6F6F6;

}

.single-blog-grid-box {

    margin-bottom: 30px;

    transition: .5s;

    position: relative;

    z-index: 1;

    background: #FEF3F8;

    border-bottom-left-radius: 5px;

    border-bottom-right-radius: 5px;

    box-shadow: 6px 5px 30px rgb(0 0 0 / 12%);

}

.blog-grid-thumb {

    position: relative;

    z-index:1;

}

.blog-grid-thumb a img {

    width: 100%;

}

.blog-grid-thumb:before {

    content: "";

    position: absolute;

    background: #0e5ed7;

    height: 100%;

    width: 100%;

    left: 0;

    top: 0;

    opacity: 0.7;

    z-index: 0;

    transition: 500ms;

    transform: scaleX(0);

}

.single-blog-grid-box:hover .blog-grid-thumb:before{

    transform: scaleY(1);

}

.blog-grid-thumb img{

    z-index:2;

}

.blog-grid-content {

    padding: 19px 27px 30px 34px;

}

.blog-grid-section .blog-grid-title a h2 {

    font-size: 24px;

    font-weight: 600;

    margin: 10px 0 0;

    display: inline-block;

    transition: .5s;

    color: #081B5F;

}

.blog-grid-section .blog-grid-title a h2:hover{

    color:#0e5ed7;

}

.blog-grid-meta a {

    display: inline-block;

    font-size: 16px;

    font-weight: 500;

    transition: .5s;

    margin-right: 15px;

    color: #0e5ed7;

    font-family: 'Inter';

}

.blog-grid-meta span {

    font-size: 17px;

    font-weight:500;

}

/*pagination*/

.pagination.text-center {

    display: flex;

    justify-content: center;

}

.pagination ul li {

    display: inline-block;

}

.page-number ul li a {

    display: inline-block;

    height: 45px;

    width: 45px;

    line-height: 45px;

    text-align: center;

    border-radius: 4px;

    border: 1px solid#0e5ed7;

    font-size: 22px;

    transition: .5s;

    color: #0e5ed7;

    margin-right: 11px;

}

.page-number ul li a:hover{

    color:#fff;

    background:#0e5ed7;

    border-color:#0e5ed7; 

}



/*blog details section*/

.blog-details-section {

    background: #F6F6F6;

}

.single-blog-details-box {

    border: 2px solid#F6F6F6;

    border-bottom-left-radius: 5px;

    border-bottom-right-radius: 5px;

    box-shadow: 6px 5px 30px rgb(0 0 0 / 8%);

}

.blog-details-section textarea.form-control {

    height: 150px!important;

    padding-top: 12px;

}

.single-blog-thumb img {

    width: 100%;

}

.details-thumb img {

    width: 100%;

}

.blog-details-meta a {

    margin-right: 18px;

    color: #081a5f;

    font-family: 'Inter';

}

.blog-details-meta a i {

    margin-right: 8px;

}

.blog-details-meta span i {

    margin-right: 8px;

    transition: .5s;

    color: #081a5f;

}

.blog-details-meta a:hover {

    color: #0e5ed7;

}

.blog-details-meta span i:hover {

    color:  #0e5ed7;

}

.blog-details-content {

    padding: 24px 30px 43px 33px;

    border-bottom-left-radius: 5px;

    border-bottom-right-radius: 5px;

}

.blog-details-title a h2 {

    font-size: 40px;

    margin: 0 0 18px;

    color: #081a5f;

}

.blog-details-content-text p {

    text-align: justify;

    margin: 10px 0 14px;

    color: #616161;

}

.blog-details-content-text-inner p {

    text-align: justify;

    margin: 0 0 12px;

    color: #616161;

}

.blog-details-title h2 {

    font-size: 24px;

    margin: 17px 0 16px;

}

.row.upper10{

    margin-top: 19px;

}

.blog-details-title.two h2 {

    margin: 6px 0 17px;

    color: #081a5f;

}

 .blog-details-social-address {

    border-top: 1px solid #e6e6e6;

    margin-top: 33px;

}

.blog-details-social-address ul li {

    display: inline-block;

}

.blog-details-social-address ul li a {

    display: inline-block;

    height: 35px;

    width: 35px;

    line-height: 35px;

    border: 1px solid #050505;

    text-align: center;

    transition: .5s;

    margin-right: 10px;

    border-radius: 3px;

    font-size: 15px;

    color: #050505;

}

.blog-details-social-address ul li a:hover {

    background: #0e5ed7;

    border-color: #0e5ed7;

    color: #fff;

}

.blog-details-section .form-control::placeholder {

    color: #616161;

    opacity: 1;

}

/*owl dots*/

.blog-details-section .owl-dot {

    border: 1px solid#37a2ff;

}

/*contact form section*/

.contact_title h1 {

    font-size: 24px;

    margin: 0 0 40px;

    color: #081a5f;

}

.blog-details-section textarea.form-control {

    height: 150px!important;

}

.blog-details-section .form-control:focus {

    border-color: #0e5ed7;

    box-shadow: 10px 0 30px rgb(0 0 0 /10%);

    outline: 0;

}

/*sideber right site*/

.sidebar-search {

    position: relative;

}

button.btn2 {

    position: absolute;

    right: 18px;

    top: 9px;

    border: none;

    background: transparent;

    font-size: 20px;

}

.blog-details-section .sidebar-search-box {

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

    padding: 36px 32px 12px;

    border-radius: 3px;

    margin-bottom: 30px;

}

.blog-details-section .sidebar-box {

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

    padding: 36px 32px 19px;

    margin-bottom: 30px;

    border-radius: 3px;

}

.blog-details-section .sidebar-title h2 {

    font-size: 24px;

    margin: 0 0 16px;

    color: #081B5F;

}

.sidebar-content-text p {

    font-size: 16px;

    color: #616161;

    font-weight: 500;

}

.blog-details-section .sidebar-category ul li {

    margin-bottom: 6px;

    list-style: none;

}

.blog-details-section .sidebar-category ul li a {

    font-weight: 400;

    color: #081a5f;

}

.blog-details-section .sidebar-category ul li a:hover {

    color: #0e5ed7;

}

/*start resent post*/

.blog-details-section .sidebar-thumb-title a h2 {

    font-size: 18px;

    margin: 0 0 3px;

    display: inline-block;

    transition: .5s;

    color: #081a5f;

}

.blog-details-section .form-control {

    height: 52px;

    padding: 0 0 0px 21px;

    border: 1px solid #0e5ed7!important;

    border-radius: 4px;

    color: #616161!important;

}

.sidebar-thumb-title span {

    color: #081a5f;

    font-family: 'Inter';

}

.sidebar-thumb img {

    width: 100%;

}

.sideber-thumb-content {

    padding: 18px 14px 0;

}

.blog-details-section .owl-dots {

    top: -4px;

    left: 16px;

}

.blog-details-section .quote_btn.text_center {

    margin-left: 9px;

}

/*start footer section*/

.footer {

    background: url(assets/images/footer/footer.jpg);

    background-position: center center;

    background-size: cover;

    background-repeat: no-repeat;

}

.footer-content p {

    margin: 21px 0 27px;

}

.footer-widget-title h3 {

    font-size: 20px;

    margin: 0 0 39px;

}

.footer-quick-link-list ul li {

    list-style: none;

    margin-bottom: 9px;

}

.footer-quick-link-list ul li a {

    color: #a2bbd2;

    display: inline-block;

    transition: .5s;

    position: relative;

    left: 24px;

    transition: .5s;

    background-image: linear-gradient( to right, #0e5ed7, #0e5ed7, 50%, #a2bbd2 50%);

    background-size: 200% 100%;

    background-position: 100%;

    -webkit-text-fill-color: transparent;

    -webkit-background-clip: text;

    font-weight: 600;

}

.footer-quick-link-list ul li a:hover {

    background-position: 0;

}

.footer-quick-link-list ul li a:before {

    position: absolute;

    content: "";

    top: 11px;

    height: 1px;

    width: 16px;

    left: -24px;

    background: #a2bbd2;

}

.social-content h3 {

    font-size: 20px;

    margin: 0 0 0;

}

.footer-about-social-icon ul li {

    display: inline-block;

    margin-right: 7px;

}

.footer-about-social-icon ul li a {

    display: inline-block;

    height: 42px;

    width: 42px;

    line-height: 42px;

    text-align: center;

    transition: .5s;

    position: relative;

    overflow: hidden;

    background: #333067;

    border-radius: 100%;

    z-index: 1;

}

.footer-about-social-icon ul li a:after{

    position: absolute;

    content:"";

    top: 0;

    right:0;

    transition:.5s;

    z-index:-1;

    height:100%;

    width: 0;

    border-radius: 100%;

    background:#d93c1a; 

}

.footer-about-social-icon ul li a:hover:after{

    left:0;

    width:100%;

}

.footer-about-social-icon ul li a:hover{

    color: #fff;

}

/*subscribe*/

.subscribe-area {

    position: relative;

}

input.subscribe-mail-box {

    background: #1C2960;

    border: none;

    padding: 14px 21px;

    border-top-left-radius: 30px;

    border-bottom-left-radius: 30px;

    outline: 0;

    color: #fff;

}

button.subscribe-button {

    position: absolute;

    right: 0;

    background: #d93c1a;

    border: none;

    height: 55px;

    width: 113px;

    border-top-right-radius: 30px;

    border-bottom-right-radius: 30px;

    color: #fff;

    text-transform: uppercase;

    font-size: 15px;

    outline: 0;

}

/*video*/

.rs-video {

    display: inline-block;

    position: relative;

    top: -65px;

    left: 33px;

}

 .rs-video .animate-border a {

    left: 50%;

    top: 50%;

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

}

.animate-border a i {

    color: #fff;

}

.rs-video .animate-border .video-vemo-icon {

    background-image: linear-gradient(12deg, #0e5ed7 0%, #47DCA8 100%);

    width: 70px;

    height: 70px;

    line-height: 70px;

    text-align: center;

    display: inline-block;

    border-radius: 50%;

    position: absolute;

    left: 50%;

    transform: translateX(-50%);

}

.rs-video .animate-border .video-vemo-icon:before {

    content: "";

    border: 2px solid #0e5ed7;

    position: absolute;

    z-index: 0;

    left: 50%;

    top: 50%;

    transform: translateX(-50%) translateY(-50%);

    display: block;

    width: 150px;

    height: 150px;

    border-radius: 50%;

    animation: zoomBig 3.25s linear infinite;

    -webkit-animation-delay: .75s;

    animation-delay: .75s;

}

.rs-video .animate-border .video-vemo-icon:after {

    content: "";

    border: 2px solid #0e5ed7;

    position: absolute;

    z-index: 0;

    left: 50%;

    top: 50%;

    transform: translateX(-50%) translateY(-50%);

    display: block;

    width: 150px;

    height: 150px;

    border-radius: 50%;

    animation: zoomBig 3.25s linear infinite;

    -webkit-animation-delay: 0s;

    animation-delay: 0s;

}

@keyframes zoomBig {

  0% {

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

    opacity: 1;

    border-width: 3px;

  }

  40% {

    opacity: .5;

    border-width: 2px;

  }

  65% {

    border-width: 1px;

  }

  100% {

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

    opacity: 0;

    border-width: 1px;

  }

}



/*footer bottom*/

.footer-copyright-content {

    float: right;

}

.footer-sicial-address-link ul li {

    display: inline-block;

    margin-left: 24px;

}

.footer-copyright-text p {

    margin: 0;

}

.row.upper11 {

    border-top: 1px solid#3E407B;

    padding: 33px 0 31px;

}

.subscribe-area ::placeholder {

    color: #fff;

    font-size: 15px;

}

/*scroll section*/

.scroll-area{

  position: relative;

  z-index: 999;

 }

.scroll-area .go-top {

    position: fixed;

    cursor: pointer;

    top: 0;

    right: 30px;

    color: #ffffff;

    background-image: -moz-linear-gradient(0deg, #d1651a 0%, #c1282a 100%);

    background-image: -webkit-linear-gradient(0deg, #d1651a 0%, #c1282a 100%);

    background-image: -ms-linear-gradient(0deg, #d1651a 0%, #c1282a 100%);

    z-index: 9999;

    width: 45px;

    text-align: center;

    height: 45px;

    line-height: 42px;

    opacity: 0;

    visibility: hidden;

    -webkit-transition: all 0.9s ease-out 0s;

    -moz-transition: all 0.9s ease-out 0s;

    -ms-transition: all 0.9s ease-out 0s;

    -o-transition: all 0.9s ease-out 0s;

    transition: all 0.9s ease-out 0s;

    border-radius: 10px; 

}

.scroll-area .go-top i {

      position: absolute;

      top: 50%;

      left: -4px;

      right: 0;

      margin: 0 auto;

      font-size: 15px;

      -webkit-transform: translateY(-50%);

      -moz-transform: translateY(-50%);

      -ms-transform: translateY(-50%);

      -o-transform: translateY(-50%);

      transform: translateY(-50%);

      -webkit-transition: all 0.5s ease-out 0s;

      -moz-transition: all 0.5s ease-out 0s;

      -ms-transition: all 0.5s ease-out 0s;

      -o-transition: all 0.5s ease-out 0s;

      transition: all 0.5s ease-out 0s; 

  }

.scroll-area .go-top i:last-child {

        opacity: 0;

        visibility: hidden;

        top: 60%; 

    }

.scroll-area .go-top::before {

    content: "";

    border: 3px solid #0e5ed7;

    position: absolute;

    z-index: 0;

    left: 50%;

    top: 50%;

    transform: translateX(-50%) translateY(-50%);

    display: block;

    width: 130px;

    height: 130px;

    border-radius: 50%;

    animation: zoomBig 3.25s linear infinite;

    -webkit-animation-delay: .75s;

    animation-delay: .75s;

}

.scroll-area .go-top:focus, .scroll-area .go-top:hover {

      color: #fff; 

  }

.scroll-area .go-top:focus::before, .scroll-area .go-top:hover::before {

        opacity: 1;

        visibility: visible; 

}

.scroll-area .go-top:focus i:first-child, .scroll-area .go-top:hover i:first-child {

        opacity: 0;

        top: 0;

        visibility: hidden;

 }

.scroll-area .go-top:focus i:last-child, .scroll-area .go-top:hover i:last-child {

        opacity: 1;

        visibility: visible;

        top: 50%; 

}

.scroll-area .go-top.active {

    top: 95%;

    -webkit-transform: translateY(-98%);

    -moz-transform: translateY(-98%);

    -ms-transform: translateY(-98%);

    -o-transform: translateY(-98%);

    transform: translateY(-98%);

    opacity: 1;

    visibility: visible;

    border-radius: 0;

    right: 50px;

    border-radius: 100%;

}

.top-wrap {

  position: relative; 

}

.top-wrap .go-top-button {

    display: inline-block;

    width: 50px;

    height: 50px;

    line-height: 40px;

    text-align: center;

    color: #fff;

    top: 3px;

    z-index: 1;

    background-image: -moz-linear-gradient(0deg, #d1651a 0%, #c1282a 100%);

    background: #0e5ed7;

    background-image: -ms-linear-gradient(0deg, #d1651a 0%, #c1282a 100%);

}

 .top-wrap .go-top-button i {

      font-size: 20px;

      font-weight: 700;

      padding-left: 4px;

      color: #fff;

 }

.top-wrap .go-top-button::after {

    content: "";

    border: 3px solid #0e5ed7;

    position: absolute;

    z-index: 0;

    left: 50%;

    top: 50%;

    transform: translateX(-50%) translateY(-50%);

    display: block;

    width: 130px;

    height: 130px;

    border-radius: 50%;

    animation: zoomBig 3.25s linear infinite;

    -webkit-animation-delay: 0s;

    animation-delay: 0s;

}

.top-wrap .go-top-button:hover {

    background-color: #20D6A5;

    color: #fff;

}



@keyframes zoomBig {

  0% {

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

    opacity: 1;

    border-width: 3px;

  }

  40% {

    opacity: .5;

    border-width: 2px;

  }

  65% {

    border-width: 1px;

  }

  100% {

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

    opacity: 0;

    border-width: 1px;

  }

}







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

start search Popup Css

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



.sidebar {

    display: inline-block;

    position: relative;

    left: 13px;

    top: 7px;

}



.search-popup{

    position: fixed;

    left: 0;

    top: 0;

    height: 100vh;

    width: 100%;

    z-index: 99999;

    margin-top: -540px;

    transform: translateY(-100%);

    background-color: rgba(0,0,0,0.90);

    -webkit-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition: all 1500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); /* easeInOutQuint */

    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); /* easeInOutQuint */

}

.search-popup{

    width: 100%;

}

.search-active .search-popup{

    transform: translateY(0%);

    margin-top: 0;

}

.search-popup .close-search {

    position: absolute;

    left: 0;

    right: 0;

    top: 75%;

    margin: 0 auto;

    margin-top: -200px;

    border-radius: 50%;

    text-align: center;

    background-color: #0e5ed7;

    width: 70px;

    cursor: pointer;

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

    border-bottom: 3px solid #ffffff;

    -webkit-transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    transition: all 500ms ease;

    opacity: 0;

    visibility: hidden;

    height: 70px;

    line-height: 70px;

    text-align: center;

}

.search-popup .close-search i{

    position: relative;

    font-size: 30px;

    color: #ffffff;

}

.search-active .search-popup .close-search{

    visibility: visible;

    opacity: 1;

    top: 50%;

    -webkit-transition-delay: 1500ms;

    -moz-transition-delay: 1500ms;

    -ms-transition-delay: 1500ms;

    -o-transition-delay: 1500ms;

    transition-delay: 1500ms;

}

.search-popup form{

    position: absolute;

    max-width: 700px;

    top: 50%;

    left: 15px;

    right: 15px;

    margin:-35px auto 0;

    transform: scaleX(0);

    transform-origin: center;

    background-color: #111111;

    -webkit-transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    transition: all 300ms ease;

}

.search-active .search-popup form{

    transform: scaleX(1);

    -webkit-transition-delay: 1200ms;

    -moz-transition-delay: 1200ms;

    -ms-transition-delay: 1200ms;

    -o-transition-delay: 1200ms;

    transition-delay: 1200ms;

}

.search-popup .form-group{

    position:relative;

    margin:0px; 

    overflow: hidden;

}

.search-popup .form-group input[type="text"],

.search-popup .form-group input[type="search"]{

    position:relative;

    display:block;

    font-size:18px;

    line-height: 50px;

    color:#000000;

    height:70px;

    width:100%;

    padding: 10px 30px;

    background-color: #ffffff;

    -webkit-transition:all 500ms ease;

    -moz-transition:all 500ms ease;

    -ms-transition:all 500ms ease;

    -o-transition:all 500ms ease;

    transition:all 500ms ease;

    font-weight:500;

    text-transform:capitalize;

}

.search-popup .form-group input[type="submit"], .search-popup .form-group button {

    position: absolute;

    right: 30px;

    top: 0px;

    height: 70px;

    line-height: 70px;

    background: transparent;

    text-align: center;

    font-size: 24px;

    color: #000000;

    padding: 0;

    cursor: pointer;

    -webkit-transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    transition: all 500ms ease;

    border: none;

}

.search-popup .form-group input[type="submit"]:hover,

.search-popup .form-group button:hover{

    color: #000000;

}

.search-popup input::placeholder,

.search-popup textarea::placeholder{

    color:#000000;

}

.search-popup .close-search.style-two{

    position: absolute;

    right: 25px;

    left: auto;

    color:#ffffff;

    width:auto;

    height:auto;

    top:25px;

    margin:0px;

    border:none;

    background:none !important;

    box-shadow:none !important;

    -webkit-transition:all 500ms ease;

    -moz-transition:all 500ms ease;

    -ms-transition:all 500ms ease;

    -o-transition:all 500ms ease;

    transition:all 500ms ease;

}

.search-popup .close-search.style-two i{

    font-size:20px;

    color:#ffffff;

}

.header-src-btn {

    display: inline-block;

    position: relative;

    top: -3px;

}

.search-box-btn.search-box-outer i {

    font-size: 18px;

    color: #fff;

    cursor: pointer;

    display: inline-block;

    text-align: center;

}

/*start sidebar section*/

.xs-sidebar-group .dt-overlay {

    left: 100%;

    top: 0;

    position: fixed;

    z-index: 101;

    height: 100%;

    opacity: 0;

    width: 100%;

    visibility: hidden;

    -webkit-transition: all 0.4s ease-in 0.8s;

    -o-transition: all 0.4s ease-in 0.8s;

    transition: all 0.4s ease-in 0.8s;

}

.xs-sidebar-group .widget-top {

    position: absolute;

    top: 0;

    right: 0;

    padding: 25px;

}

.dt-sidebar-widget {

    position: fixed;

    right: -100%;

    top: 0;

    bottom: 0;

    width: 100%;

    max-width: 360px;

    z-index: 999999;

    overflow: hidden;

    overflow-y: auto;

    -webkit-overflow-scrolling: touch;

    background-color: #272727;

    -webkit-transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;

    -o-transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;

    transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;

    visibility: hidden;

    opacity: 0;

}

.xs-sidebar-group.isActive .dt-overlay {

    opacity: 0.9;

    visibility: visible;

    -webkit-transition: all 0.8s ease-out 0s;

    -o-transition: all 0.8s ease-out 0s;

    transition: all 0.8s ease-out 0s;

    left: 0;

}

.xs-sidebar-group.isActive .dt-sidebar-widget{

    opacity: 1;

    visibility: visible;

    right: 0;

    -webkit-transition: all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s;

    -o-transition: all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s;

    transition: all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s;

}

.sidebar-textwidget {

    padding: 40px;

}

.close-side-widget {

    color: #1768dd;

    font-size: rem(15px);

    display: block;

}

.sidebar-container {

    position: relative;

    top: 150px;

    opacity: 0;

    visibility: hidden;

    -webkit-transition: all 0.3s ease-in 0.3s;

    -o-transition: all 0.3s ease-in 0.3s;

    transition: all 0.3s ease-in 0.3s;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

}

.xs-sidebar-group.isActive .sidebar-container {

    top: 0px;

    opacity: 1;

    visibility: visible;

    -webkit-transition: all 1s ease-out 1.2s;

    -o-transition: all 1s ease-out 1.2s;

    transition: all 1s ease-out 1.2s;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

}

.dt-overlay {

    position: absolute;

    top: 0;

    left: 0;

    height: 100%;

    width: 100%;

    opacity: 0.5;

    z-index: 0;

}

.bt-black {

    background:rgb(204,100,99,0.5)!important;

}

.close {

    color: #fff;

    opacity: .9;

}

.close:hover {

    color: #0093FB;

    text-decoration: none;

}

.content-text p {

    margin: 32px 0 53px;

}

/*social button*/

.social-icon ul li {

    display: inline-block;

    margin-right: 6px;

}

.social-icon ul li a {

    height: 41px;

    width: 41px;

    line-height: 41px;

    text-align: center;

    background: #2B4868;

    display: inline-block;

    transition: .5s;

    border-radius: 100%;

    color: #fff;

    position: relative;

    z-index:1;

    overflow: hidden;

}

.social-icon ul li a:after{

    position: absolute;

    content:"";

    top:0;

    right:0;

    height:100%;

    width:0;

    transition:.5s;

    background:#0e5ed7;

    z-index: -1;

    border-radius:100%;

}

.social-icon ul li a:hover:after{

    left:0;

    width:100%;

}

.location-icon {

    margin-right: 17px;

}

.location-icon i {

    color: #0e5ed7;

    font-size: 25px;

}

.location-content-text p {

    font-family: 'Inter';

    color: #fff;

}

.location-title h2 {

    font-size: 30px;

    margin: 0 0 17px;

}



/*animation*/



.rotatemeTwo {

  animation-name: rotateme;

  animation-duration: 20s;

  animation-iteration-count: infinite;

  animation-timing-function: linear;

}

@keyframes rotatemeTwo{

  0%{ 

    transform:rotate(0deg);

   }

  25%{ 

    transform:rotate(-90deg);

   }

  50%{ 

    transform:rotate(-180deg);

   }

  100%{

     transform:rotate(-360deg);

  }

}



/*animation rotateme */

#rotateMe{

  animation: wooo 3s infinite;

  trasnform-origin: 50% 50% 50%;

}



@keyframes wooo{

  0%{

    transform: rotate3d(0, 0, 0)   

  }

  50%{

    transform: rotate3d(0, 1, 0, 180deg)   

  }

  100%{

    transform: rotate3d(0, 1, 0, 359deg)   

  }

}





/*tab*/

/* start tab section*/

.faq-section.style-five ul.tabs {

    margin: 0;

    padding: 0;

    float: left;

    list-style: none;

    height: 32px;

    border-bottom: none;

    width: 100%;

}

.faq-section.style-five ul.tabs li {

    float: left;

    margin: 0;

    cursor: pointer;

    padding: 13px 0 0 34px;

    height: 59px;

    line-height: 31px;

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

    background-color: #0A2D6D;

    color: #0e5ed7;

    overflow: hidden;

    position: relative;

    margin-right: 10px;

    font-weight: 600;

    transition: .5s;

    width: 100%;

    text-align: left;

    border-radius: 0;

}



.faq-section.style-five .tab_last { border-right: 1px solid #333; }



.faq-section.style-five ul.tabs li:hover {

  background-color: #0094FF;

  color: #fff;

}



.faq-section.style-five ul.tabs li.active {

    background-color: #0094FF;

    color: #fff;

    display: block;

    font-weight: 600;

}

.faq-section.style-five ul.tabs li.active i{

   color: #fff;

}

.faq-section.style-five ul.tabs li:hover i{

    color: #fff;

}





.faq-section.style-five .tab_container {

    border-top: none;

    clear: both;

    float: left;

    width: 100%;

}



.faq-section.style-five .tab_content {

    padding: 0px 0 0 4px;

    display: none;

}



/*.faq-section.style-five .tab_drawer_heading { display: none; }*/



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

 /* .tabs {

    display: none;

  }*/

  .tab_drawer_heading {

    background-color: #ccc;

    color: #fff;

    border-top: 1px solid #333;

    margin: 0;

    padding: 5px 20px;

    display:none;

    cursor: pointer;

    -webkit-touch-callout: none;

    -webkit-user-select: none;

    -khtml-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

  }

  .d_active {

    background-color: #666;

    color: #fff;

  }

}

/*footer social menu*/



.faq-section.style-five li#menu-item-1487 {

    height: 45px;

    border-radius: 100%;

}

.faq-section.style-five a.hfe-menu-item {

    border-radius: 100%;

}







/*accordion section*/

.faq-section.style-five .accordion {

    max-width: 517px;

    height: 360px;

    scroll-behavior: none;

    border-top: none;

}

.faq-section.style-five ul.accordion {

  padding: 0;

}

.faq-section.style-five .accordion li {

  list-style-type: none;

  padding: 0;

  position: relative;

}

.faq-section.style-five .accordion li:last-child{

    border-bottom: none;

}

.faq-section.style-five .accordion li p {

    display: none;

    padding: 0px 0px 5px 17px;

    color: #fff;

    font-size: 16px;

}

.faq-section.style-five .accordion a {

    width: 100%;

    display: block;

    cursor: pointer;

    font-weight: 600;

    line-height: 3.5;

    font-size: 14px;

    font-size: 0.875rem;

    text-indent: 15px;

    user-select: none;

    font-size: 20px;

    color: #0094fb!important;

    display: inline-block;

}

.faq-section.style-five .accordion a:after {

    width: 8px;

    height: 16px;

    border-right: 2px solid #fff;

    position: absolute;

    right: 16px;

    content: " ";

    top: 34px;

    transform: rotate(1deg);

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

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

    transition: all 0.2s ease-in-out;

}

.faq-section.style-five .accordion a:before {

    width: 15px;

    height: 8px;

    border-top: 2px solid #fff;

    position: absolute;

    right: 10px;

    content: " ";

    top: 41px;

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

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

    transition: all 0.2s ease-in-out;

}

.faq-section.style-five .accordion p {

    font-size: 13px;

    font-size: 0.8125rem;

    line-height: 1.8;

}



.faq-section.style-five a.active:after {

    transform: rotate(90deg)!important;

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

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

    transition: all 0.2s ease-in-out;

    left: 43px!important;

    top: 29px!important;

}

.faq-section.style-five a.active:before{

    display: none;

}







.faq-section.style-five .accordion {

    max-width: 100%;

    height: 480px;

    scroll-behavior: none;

    padding-right: 116px;

}

.faq-section.style-five ul.accordion {

  padding: 0;

}

.faq-section.style-five .accordion li {

    list-style-type: none;

    padding: 6px 21px 7px;

    position: relative;

    background: #0A2D6D;

    margin-bottom: 24px;

    border-radius: 5px;

}

.faq-section.style-five .accordion li:before {

    position: absolute;

    content: "";

    left: 31px;

    top: 23px;

    width: 32px;

    height: 32px;

    border-radius: 30px;

    background: #0e5ed7;

}



.faq-section.style-five ul.tabs li i {

    font-size: 12px;

    margin-right: 7px;

    color: #0094FF;

}

.faq-section.style-five .accordion li:last-child{

    border-bottom: none;

}

.faq-section.style-five .accordion li p {

    display: none;

    padding: 0px 0px 5px 17px;

    color: #a2bbd2;

    font-size: 16px;

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

    margin: 5px 0 13px 15px;

    padding: 17px 0px 0 0px;

    width: 97%;

}

.faq-section.style-five .accordion a {

    width: 100%;

    display: block;

    cursor: pointer;

    font-weight: 600;

    line-height: 3.5;

    font-size: 14px;

    font-size: 0.875rem;

    text-indent: 15px;

    user-select: none;

    font-size: 18px;

    color: #fff!important;

    display: inline-block;

    padding-left: 40px;

}

.faq-section.style-five .accordion a:after {

    width: 8px;

    height: 13px;

    border-right: 2px solid #fff;

    position: absolute;

    left: 41px;

    content: " ";

    top: 32px;

    transform: rotate(1deg);

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

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

    transition: all 0.2s ease-in-out;

}

.faq-section.style-five .accordion a:before {

    width: 12px;

    height: 8px;

    border-top: 2px solid #fff;

    position: absolute;

    left: 42px;

    content: " ";

    top: 37px;

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

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

    transition: all 0.2s ease-in-out;

}

.faq-section.style-five .accordion p {

    font-size: 13px;

    font-size: 0.8125rem;

    line-height: 1.8;

}

.faq-section.style-five a.active:before{

    display: none;

}



/***************/

mark {

  background-color: transparent;

  position: relative;

}

mark::before {

  content: "";

  position: absolute;

  display: block;

  width: calc(100% + 0.4em);

  height: 95%;

  left: -0.2em;

  top: 3%;

  background-color: rgba(0, 255, 0, 0.4);

  transform: skew(-10deg, 0);

  z-index: -1;

  border-right: 2px solid rgba(0, 255, 0, 0.5);

}









/*particle js css*/

div#particles {

    position: relative;

}



#webcoderskull {

    position: absolute;

    left: 0;

    top: 0;

    padding: 0 20px;

    width: 100%;

}





div#particles .slider-area.style-five {

    background: inherit;

}

div#particles .slider-area.style-five:before {

    background: inherit;

}

.style-two.header-area {

    background: #110340;

    padding: 2px 0px 5px;

    position: relative;

    margin-bottom: -102px;

    z-index: 2;

    border-bottom: 1px solid#2D305B;

}



@media(max-width: 1100px){

    .mean-container .mean-bar {

        background: #10196a !important;

    }

    .mean-container .mean-bar::before{

        content: "Unity RP" !important;

        top: 14px !important;

        font-family: 'Montserrat' !important;

    }

    .about-section .shape3{

        right: 7px !important;

    }

    .tooper {

        padding-top: 10px !important;

    }

    .shape6{

        display: none !important;

    }

    .road-thumb {

        position: relative;

        z-index: 1;

        left: -115px !important;

        top: 110px !important;

    }

}



.form-control {

    color: #ffffff;

    background-color: #1d2b3c;

    background-clip: padding-box;

    border: 1px solid #326191;

}



.form-control {

    display: block;

    width: 100%;

    height: calc(1.5em + 0.75rem + 2px);

    padding: 0.375rem 0.75rem;

    font-size: 1rem;

    font-weight: 400;

    line-height: 1.5;

    color: #495057;

    background-color: #fff;

    background-clip: padding-box;

    border: 1px solid #ced4da;

    border-radius: 0.25rem;

    margin-bottom: 0;

    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

}

.rene_h3{

    text-transform: none !important;

    font-size: 20px !important;

    margin-bottom: 0px !important;

}