body {color: #888888;}
a {color: #111111;}
.button {color: #fff;}
a:hover, .button:hover {color: #fff;}
a:hover {color: #403ab8;}
.button {background-image: linear-gradient(to right, #3326b1 , #0ac6d4);}
.button:before {background: linear-gradient(to right, #0ac6d4, #3326b1);}
.purple {background: #f2f8fe;}
.purple-2 {background: #ebf4fc;}
.bluish-purple {background: #fff;}
.sub-title {color: #0ac6d4;}
.read-more {color: #403ab8;}
.read-more:hover {color: #111111;}
.owl-dots .owl-dot span {background: transparent;}
.owl-dots .owl-dot.active span {background: #403ab8;}
.owl-dots .owl-dot {border-color: #fff;}
.form-control {background: #f2f8fe; color: #111111;}
.form-control:focus, input:focus {background: #f2f8fe; color: #111111; box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.1);}
.form-control::-webkit-input-placeholder, input::-webkit-input-placeholder {color: #888888;}
.form-control:-ms-input-placeholder, input:-ms-input-placeholder {color: #888888;}
.form-control::placeholder, input::placeholder {color: #888888;}
.title:before {background: #111111;}
h1, h2, h3, h4, h5, h6 {color: #111111;}
#preloader {background: #fff; color: #403ab8;}
@keyframes dots {
  0%, 20% {color: rgba(0,0,0,0); text-shadow: .25em 0 0 #403ab8, .5em 0 0 #403ab8;}
  40% {color: white; text-shadow: .25em 0 0 #403ab8, .5em 0 0 #403ab8;}
  60% {text-shadow: .25em 0 0 white, .5em 0 0 #403ab8;}
  80%, 100% {text-shadow: .25em 0 0 white, .5em 0 0 white;}
}
.breadcum li {color: #888888;}
.breadcum li a {color: #111111;}
.breadcum li a:hover {color: #403ab8;}
.breadcum li:before {background: #888888;}
/*---------- Header Style ------------*/
.header {background: transparent;}
.header.sticky {background: #fff; box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.1);}
.nav-menu > ul > li > a {color: #888888;}
.nav-menu > ul > li.active > a,
.nav-menu > ul > li:hover > a {color: #403ab8;}
.nav-menu > ul > li > a:before {background: #403ab8;}
.nav-menu > ul ul {background: #3326b1;}
.nav-menu > ul ul li a {color: #fff;}
.nav-menu > ul ul li a:before {background: #0ac6d4;}
.nav-menu > ul ul li.active a,
.nav-menu > ul ul li:hover a {color: #fff;}
.nav-menu > ul ul:before {border-color: transparent transparent #3326b1 transparent;}
/*---------- HOME PAGE ------------*/
.home-banner {background: #fff;}
.countdownHolder .counter-list:before,
.countdownHolder .counter-list:after {background: #d9d9d9;}
.countdownHolder .digit-count {background: #2a229a; color: #fff;}
.watch-video .text {color: #403ab8;}
.watch-video .text:hover {color: #111111;}
.watch-video .icon i {color: #403ab8;}
.watch-video .icon:after {background: #f2f8fe;}
.watch-video .icon:before {background: linear-gradient(135deg, #3329b2 0%, #0ac6d4 100%);}
.feature-title:before {background: #403ab8;}
.roadmap-icon:before {background: linear-gradient(135deg, #3329b2 0%, #0ac6d4 100%);}
.roadmap-icon:after {background: #1c0252;}
.map-year {color: #403ab8;}
.roadmap-slider:before, .roadmap-box:before, .roadmap-box:after {background: #0ac6d4;}
.roadmap-icon:before {background: linear-gradient(135deg, #3329b2 0%, #0ac6d4 100%);}
.roadmap-icon:after {background: #fff;}
.roadmap-box:after {background: #0ac6d4;}
.team-box ul li a {color: #403ab8;}
.team-img {border-color: #403ab8;}
.team-box ul li a:hover {color: #111111;}
.blog-boxs .blog-authore:before {background: #403ab8;}
.partners-grid {border-color: #dddddd !important;}
.nav-tabs {border-bottom: unset;}
.nav-tabs .nav-link{background: #f2f8fe; color: #111111 !important; transition: all 400ms ease;}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link.active{color: #fff !important;}
.nav-tabs .nav-link:before {background-image: linear-gradient(to right, #3326b1 , #0ac6d4);}
.faq-box-in {background: #f2f8fe;}
.faq-title {color: #111111;}
/*---------- ABOUT PAGE ------------*/
.page-banner {background: #f2f8fe;}
.play-icon span i {color: #1c0252;}
.play-icon span:after {background: #fff;}
.play-icon span:before {background: linear-gradient(115deg, #3329b2 0%, #0ac6d4 100%);}
.mission-video .play-icon {background: rgba(64, 58, 184, 0.8);}
.play-icon:hover span:after {background: #403ab8;}
.play-icon:hover span i {color: #fff;}
.modal-content .close {background: #fff;}
/*---------- BLOG LIST PAGE ------------*/
.blog-search input {border-color: #403ab8; color: #111111;}
.blog-search-btn {background: #403ab8; color: #fff;}
.blog-search-btn:hover {background: #3326b1;}
.blog-category {background: #f2f8fe;}
.blog-category ul li:before {background: #403ab8;}
.blog-category ul li a {color: #888888;}
.blog-category ul li a:hover {color: #403ab8;}
.trending-news-date {color: #403ab8;}
.blog-tags ul li a {background: #f2f8fe; color: #888888;}
.blog-tags ul li a:hover {color: #fff;}
.blog-tags ul li a:before {background: linear-gradient(to right, #0ac6d4, #3326b1);}
.archives ul li {border-color: #e2e2e2;}
.archives ul li a {color: #888888;}
.archives ul li a:hover {color: #403ab8;}
.blog-list-content ul li:before {background: #888888;}
.blog-list-pagination ul li a {background: #f2f8fe;}
.blog-list-pagination ul li a:hover, .blog-list-pagination ul li a.active {color: #fff;}
.blog-list-pagination ul li a:before {background: linear-gradient(to right, #0ac6d4, #3326b1);}
/*---------- BLOG DETAIL PAGE ------------*/
.blog-detail-content ul li:before {background: #888888;}
.blog-detail-content p {margin-bottom: 25px;}
.blog-detail-content blockquote {background: #f2f8fe; border-color: #403ab8;}
.blog-detail-tag-social, .blog-comment-post-singel {border-color: rgba(255, 255, 255, 0.1);}
.blog-detail-tag ul li a, .blog-detail-social ul li a {background: #f2f8fe; color: #888888;}
.blog-detail-tag ul li a:hover, .blog-detail-social ul li a:hover {color: #fff;}
.blog-detail-tag ul li a:before, .blog-detail-social ul li a:before {background-image: linear-gradient(to right, #3326b1 , #0ac6d4);}
.blog-detail-tag-social, .blog-comment-post-singel {border-color: #e2e2e2;}
.blog-detail-tag span, .blog-detail-social span {color: #111111;}
/*---------- CONTACT PAGE ------------*/
.contact-content ul li .contact-icon:after {background: #fff;}
.contact-content ul li .contact-icon:before {background: linear-gradient(135deg, #3329b2 0%, #0ac6d4 100%);}
.contact-content ul li .contact-label {color: #111111;}
.contact-content ul li a.contact-label:hover {color: #403ab8;}
.contactfrmmsg {border-color: #33c741; color: #33c741;}
/*---------- ROADMAP PAGE ------------*/
.vertical-roadmap:after {background: #403ab8;}
.vertical-roadmap:before {background: #403ab8;}
.vertical-roadmap-line:after {border-color: #403ab8; background: #ffffff;}
.vertical-roadmap-line:before {border-color: #403ab8; background: #ffffff;}
.vertical-content:before {border-color: #403ab8;}
.vertical-content {background: #f2f8fe;}
.vertical-content:hover {background: #403ab8;}
.vertical-content:hover .year {color: #fff;}
.vertical-content:hover p {color: #fff;}
.vertical-content .year {color: #111111;}
.vertical-icon:after {background: #fff;}
.vertical-icon:before {background: linear-gradient(135deg, #3329b2 0%, #0ac6d4 100%);}
.vertical-roadmap-line {background: #403ab8;}
/*---------- TOKEN SALE PAGE ------------*/
.coins-progress span {background: linear-gradient(to right, #0ac6d4, #3326b1);}
.coins-progress {background: #fff;}
.token-slide-info:before {background: #09718c;}
.coins-counter-loop li:before, .coins-counter-loop li:after {background: #111111;}
.coins-counter-loop li label {color: #403ab8;}
.coins-counter-loop li span {color: #111111;}
.token-sale-counter {background: #f2f8fe;}
.coins-progress span {background: linear-gradient(to right, #0ac6d4, #3326b1);}
/*---------- LOGIN PAGE ------------*/
.checkbox:checked + label::after {border-color: #312eb2;}
.checkbox + label::before {border-color: #312eb2;}
.login-btn-g {border-color: #e2e2e2;}
.forgot-password {color: #312eb2;}
.forgot-password:hover {color: #111111;}
.new-account .link {color: #312eb2;}
.new-account .link:hover {color: #111111;}
/*---------- FOOTER STYLE ------------*/
.copyright {border-color: #e3e3e3;}
.copyright p a {text-decoration: underline;}
.copyright a {color: #403ab8;}
.copyright a:hover {color: #111111;}
.contact-link li .contact-icon:before {background: linear-gradient(135deg, #3329b2 0%, #0ac6d4 100%);}
.contact-link li .contact-icon:after {background: #f2f8fe;}
.footer .form-control {background: #fff;}
@media(max-width: 1024px){
	.header, .header.sticky {background: #f2f8fe;}
	.main-menu {background: #f2f8fe; border-top-color: rgba(0, 0, 0, 0.1) !important;}
	.menu-toggle span, .menu-toggle span:before, .menu-toggle span:after {background: #111111;}
	.menu-toggle.active span {background: transparent;}
	.nav-menu > ul > li.menu-dropdwon > a:before, .nav-menu > ul > li.menu-dropdwon > a:after {background: #111111;}
	.nav-menu > ul > li > a, .nav-menu > ul ul li a {color: #111111;}
	.nav-menu > ul ul li a:before {background: #111111;}
	.nav-menu > ul ul li.active a,
	.nav-menu > ul ul li:hover a {color: #403ab8;}
	.login-box .button {color: #111111;}
	.login-box .button:hover, .login-box .button.active {color: #403ab8;}
	.login-box a:before {opacity: 0 !important;}
}