body{
    background: #12326b;
    color: #fff;
}

h4, h3 {
    color: #fff !important;
}

.left-background-shape
{
	background-repeat:no-repeat;
	background-position:0 0
}
.right-background-shape
{
	background-repeat:no-repeat;
	background-position:100% 0
}
.hero-section
{
	position:relative;
	padding:125px 0 300px
}
.hero-section.bg-img
{
	background-position:0 0;
	background-size:cover
}
.hero-text
{
	position:relative;
	z-index:99;
	padding:165px 0 195px
}
.hero-text h1
{
	padding-bottom:20px;
	color:#fff
}
.hero-text p
{
	margin-bottom:35px;
	color:#fff
}
.hero-lines p{
    line-height: 0px !important;
    font-weight: 600;
    letter-spacing: 1px;
}
.hero-image-wrap
{
	position:absolute;
	right:0;
	width:45%;
	top:40%;
	height:50%;
	transform:translateY(-50%)
}
.hero-mobile1
{
	position:absolute;
	animation-duration:2s;
	left:2%;
	top:0;
	z-index:9;
	width:50%
}
.hero-mobile2
{
	position:absolute;
	animation-duration:2s;
	animation-delay:.7s;
	left:24%;
	top:25px;
	z-index:1;
	width:50%
}
.about-us-area
{
	position:relative;
	background-repeat:no-repeat;
	margin-top:-70px
}
.about-image
{
	margin-left:-84px;
	margin-right:-95px
}
.about-content
{
	margin-left:45px
}
.about-content .section-title
{
	margin-bottom:35px
}
.vedio-button
{
	color:#425ece;
	display:flex;
	align-items:center
}
.vedio-button .icon
{
	width:43px;
	height:43px;
	line-height:43px;
	font-size:18px;
	border-radius:50%;
	background:#425ece;
	display:inline-block;
	color:#fff;
	text-align:center;
	padding-left:4px;
	float:left;
	margin-right:15px;
	vertical-align:middle
}
.vedio-button .btn-text
{
	font-weight:600;
}
.vedio-button span
{
	display:inline-block;
	position:relative;
	color: #fff;
	font-weight:500
}
.mobile-app-section
{
	position:relative;
	background-repeat:no-repeat
}
.mobile-app-content
{
	margin-right:40px
}
.share-btn-wrap a
{
	display:inline-block;
	margin-right:12px;
	margin-bottom:30px
}
.bitcoin-mobile
{
	margin-right:-70px;
	margin-left:-60px
}
.easy-mobile
{
	margin-left:-90px;
	margin-right:-55px
}
.easy-to-access-content
{

}
	@media(min-width:1400px)
{
.road-map-section .container
{
	max-width:1370px
}

}
.road-map-section
{
	background-position:top right;
	background-repeat:no-repeat;
	padding:100px 0
}
.road-map-section .section-title
{
	margin-bottom:40px
}
.timeline--horizontal
{
	overflow:visible;
	padding:0;
	margin-top:20px
}
.timeline__wrap
{
	overflow:visible
}
.timeline__items
{
	transform:translate3d(50px,0px,0px)!important
}
.timeline--horizontal .timeline-divider
{
	background-color:#2a43aa;
	height:2px;
	width:200%;
	left:-20%
}
.timeline:not(.timeline--horizontal):before
{
	background-color:#2a43aa
}
.timeline--mobile .timeline__item
{
	left:-2px
}
.timeline__item:after
{
	background:#2a43aa;
	border:4px solid #fff;
	height:25px;
	width:25px;
	box-shadow:0 0 50px rgba(146,158,178,.4)
}
.timeline__item.fifth:after
{
	background:#4ddbf9;
	height:40px;
	width:40px;
	box-shadow:0 6px 50px rgba(146,158,178,.4)
}
.timeline--horizontal .timeline__item .timeline__content:before
{
	width:2px;
	height:152px;
	background:#4ddbf9;
	border:0;
	top:100%
}
.timeline--horizontal .timeline__item.first .timeline__content:before
{
	height:152px;
	top:128%
}
.timeline--horizontal .timeline__item.third .timeline__content:before
{
	height:82px;
	top:131%
}
.timeline--horizontal .timeline__item.fifth .timeline__content:before
{
	height:136px;
	top:124%
}
.timeline--horizontal .timeline__item.seven .timeline__content:before
{
	height:50px;
	top:120%
}
.timeline--horizontal .timeline__item:nth-child(even) .timeline__content:before
{
	height:100px;
	background:#4ddbf9;
	border:0;
	bottom:117%
}
.timeline--horizontal .timeline__item.second .timeline__content:before
{
	height:158px
}
.timeline--horizontal .timeline__item.forth .timeline__content:before
{
	height:76px
}
.timeline--horizontal .timeline__item.sixth .timeline__content:before
{
	height:138px
}
.timeline--horizontal .timeline__item.eight .timeline__content:before
{
	height:68px
}
.timeline--horizontal .timeline__item .timeline__content:after
{
	width:16px;
	height:16px;
	border:0;
	background:#4ddbf9;
	border-radius:50%;
	top:119%
}
.timeline--horizontal .timeline__item:nth-child(even) .timeline__content:after
{
	width:16px;
	height:16px;
	border:0;
	background:#4ddbf9;
	border-radius:50%;
	bottom:auto;
	top:-28px
}
.timeline__items
{
	width:100%
}
.timeline--horizontal .timeline__item
{
	padding-bottom:170px
}
.timeline--horizontal .timeline__item.first
{
	width:242px!important;
	padding-bottom:210px
}
.timeline--horizontal .timeline__item.second
{
	width:200px!important;
	margin-left:-108px;
	padding-top:196px
}
.timeline--horizontal .timeline__item.third
{
	width:200px!important;
	margin-left:-30px;
	padding-bottom:137px
}
.timeline--horizontal .timeline__item.forth
{
	width:224px!important;
	margin-left:-102px;
	padding-top:115px
}
.timeline--horizontal .timeline__item.fifth
{
	width:306px!important;
	margin-left:-65px;
	padding-bottom:202px
}
.timeline--horizontal .timeline__item.sixth
{
	width:153px!important;
	margin-left:-173px;
	padding-top:173px
}
.timeline--horizontal .timeline__item.seven
{
	width:309px!important;
	margin-left:80px;
	padding-bottom:122px
}
.timeline--horizontal .timeline__item.eight
{
	width:267px!important;
	margin-left:-320px;
	padding-top:106px
}
.timeline__content
{
	border:0;
	padding:30px 30px 20px;
	color:#6a7596;
	box-shadow:0 0 50px rgba(146,158,178,.15);
	transition:.4s
}
.timeline__content:hover
{
	box-shadow:0 14px 60px rgba(199,199,225,.41)
}
.timeline__item.forth .timeline__content
{
	background:#2a43aa;
	color:#fff
}
.timeline__item.forth .timeline__content h5
{
	color:#fff
}
.timeline__content h5
{
	margin-bottom:13px
}
.timeline__content p
{
	font-size:16px
}
.accordion-section
{
	background-repeat:no-repeat;
	background-position:-150px 0
}
.general-btn-wrap .general
{
	font-family:poppins,sans-serif;
	font-size:20px;
	color:#fff;
	background:#2a43aa;
	display:inline-block;
	padding:21px 34px;
	border-radius:5px 5px 0 0;
	box-shadow:0 0 15px rgba(146,158,178,.15)
}
.token-btn-wrap .token
{
	font-family:poppins,sans-serif;
	font-size:20px;
	color:#fff;
	background:#4ddbf9;
	display:inline-block;
	padding:21px 34px;
	border-radius:5px 5px 0 0;
	box-shadow:0 0 15px rgba(146,158,178,.15)
}
.accordion-box .accordion
{
	margin-bottom:7px;
	position:relative;
}
.accord-content {
    background-color: #12326b !important;
}
.accordion-box .accordion .accord-btn
{
	padding:24px 50px 23px 34px;
	cursor:pointer;
	background:#12326b;
	box-shadow:0 14px 60px rgba(199,199,225,.41);
	border-radius:5px;
	z-index:9
}

.accordion-box .accordion .accord-btn h5{
    color: #fff;
}

.accordion-box .accordion .accord-btn.active
{
	color:#fff;
	box-shadow:none;
	position:relative;
	z-index:99
}
.accordion-box .accordion .accord-btn:hover
{
	box-shadow:none;
	position:relative;
	z-index:99
}
.accordion-box .accordion .accord-btn.active h4
{
	color:#262ec1
}
.accordion-box .accordion .accord-btn:after
{
	content:'\f078';
	font-family:fontawesome;
	position:absolute;
	right:10px;
	top:15px;
	width:30px;
	height:30px;
	color:#98aafd;
	line-height:30px;
	font-size:16px;
	font-weight:400
}
.accordion-box.right .accordion .accord-btn:after
{
	color:#4ddbf9
}
.accordion-box .accordion .accord-btn.active:after
{
	content:'\f077'
}
.accordion-box .accordion .accord-content
{
	padding:4px 34px 40px;
	position:relative;
	display:none;
	background:#fff;
	box-shadow:0 14px 60px rgba(199,199,225,.41)
}
.accordion-box .accordion .accord-content p
{
	margin-bottom:0
}
.accordion-box .accordion .accord-content.collapsed
{
	display:block
}
.accord-content.collapsed p
{
	margin-bottom:0
}
.contact-title h3
{
	color:#191c3c;
	font-size:34px;
	font-weight:500
}
.contact-item
{
	display:block;
	margin-bottom:30px;
	border-radius:4px;
	transition:.5s;
	padding:34px 15px
}
.service-icon a
{
	width:62px;
	height:62px;
	display:inline-block;
	line-height:62px;
	font-size:28px;
	text-align:center;
	border-radius:50%;
	background-color:#4ddbf9;
	color:#fff
}
.service-icon a i.flaticon-twitter
{
	margin-top:4px;
	display:inline-block
}
.footer
{
	background-position:0 0;
	background-repeat:no-repeat;
	background-size:cover;
	margin-top:-125px;
	padding-top:280px
}
.footer-menu
{
	margin:30px
}
.footer-menu li
{
	display:inline-block
}
.footer-menu a
{
	padding:25px;
	font-weight:500;
	color:#fff;
	display:block
}
.footer-share-icon
{

}
.footer-share-icon li
{
	display:inline-block
}
.footer-share-icon a
{
	color:#4ddbf9;
	background:#fff;
	border-radius:50%;
	display:block;
	width:62px;
	height:62px;
	line-height:62px;
	font-size:28px;
	margin:40px
}
.footer-bottom
{
	text-align:center;
	position:relative
}
.copyright
{
	color:#fff
}
.banner-section
{
	height:400px;
	position:relative;
	background-size:cover;
	display:flex;
	align-items:center
}
.banner-inner
{
	padding-top:100px;
	position:relative;
	z-index:1
}
.page-title
{
	color:#fff
}
.breadcrumb
{
	background:0 0;
	margin-bottom:0;
	padding:0
}
.banner-inner nav
{
	display:inline-block
}
.breadcrumb-item a
{
	color:#fff
}
.breadcrumb-item a:hover
{
	color:#00ba74
}
.breadcrumb-item.active
{
	color:rgba(255,255,255,.45)
}
.breadcrumb-item+.breadcrumb-item::before
{
	color:#fff;
	content:"/"
}
.single-box
{
	border-radius:10px;
	padding:20px 40px;
	background:#2a43aa;
	transition:.4s;
	box-shadow:0 0 50px rgba(146,158,178,.15)
}

.single-box:hover
{
	box-shadow:0 14px 60px rgba(199,199,225,.41)
}
.single-box i
{
	font-size:60px;
	margin-bottom:20px
}
.single-box h4
{
	margin-bottom:20px;
	font-size:24px;
	color:#191c3c
}
.single-box-one i
{
	color:#4f17ef
}
.single-box-two i
{
	color:#38b7fa
}
.single-box-three i
{
	color:#ee798e
}
.single-news-block
{
	background:#fafbff;
	box-shadow:0 14px 60px #929eb229;
	border-radius:10px;
	transition:.4s
}
.single-news-block:hover
{
	background:#fff
}
.single-news-block .blog-thumb
{
	position:relative
}
.single-news-block .blog-thumb img
{
	border-radius:10px 10px 0 0;
	width:100%
}
.single-news-block .news-inner
{
	padding:25px 15px 1px 25px
}
.single-news-block .news-inner h4
{
	font-size:24px;
	font-weight:500
}
.single-news-block .post-date
{
	color:#98aafd;
	margin-bottom:10px;
	display:inline-block;
	font-size:14px
}
.properties-pazination li
{
	display:inline-block;
	margin-right:12px
}
.properties-pazination li a
{
	color:#191c3c;
	display:block;
	font-weight:500;
	font-size:24px;
	height:55px;
	width:55px;
	line-height:55px;
	border-radius:50%;
	text-align:center;
	background:#fafbff
}
.properties-pazination li.active a,.properties-pazination a:hover
{
	color:#fff;
	background:#4ddbf9
}
.title-bar
{
	padding-bottom:15px;
	font-size:24px;
	color:#191c3c;
	font-weight:500;
	position:relative
}
.title-bar:after
{
	position:absolute;
	left:0;
	bottom:0;
	width:95px;
	height:2px;
	background:#98aafd;
	content:"";
	z-index:1;
	border-radius:51px
}
.widget
{
	margin-bottom:50px
}
.widget:last-child
{
	margin-bottom:0
}
.search-widget
{
	position:relative
}
.search-widget input
{
	background:#fafbff;
	width:100%;
	padding:11px 20px;
	color:#6a7596;
	border-radius:10px
}
.search-widget input::placeholder
{
	color:#b4b3c5
}
.search-widget button
{
	position:absolute;
	top:0;
	right:0;
	height:100%;
	font-size:18px;
	width:60px;
	color:#6a7596;
	cursor:pointer;
	background:0 0;
	border-radius:0 5px 5px 0
}
.post-widget .post-title .date
{
	margin-bottom:3px;
	color:#ec398b
}
.post-widget .post-item
{
	margin-bottom:25px
}
.post-widget .post-item:last-child
{
	margin-bottom:0
}
.post-widget .post-img img
{
	width:86px;
	height:86px;
	border-radius:5px
}
.post-widget .post-title h5
{
	font-size:18px;
	font-weight:500;
	display:flex
}
.post-widget .post-title h5 a
{
	color:#6a7596;
	margin-left:10px
}
.post-widget .post-title h5 i
{
	margin-top:4px;
	color:#2a43aa
}
.post-widget .post-title h5:hover i,.post-widget .post-title h5:hover a
{
	color:#98aafd
}
.category-widget li
{
	display:flex;
	transition:.5s
}
.category-widget li:hover
{
	color:#98aafd
}
.category-widget li i
{
	margin-top:9px;
	color:#2a43aa
}
.category-widget li a
{
	color:#6a7596;
	margin-bottom:5px;
	display:inline-block;
	margin-left:10px;
	font-size:18px;
	font-weight:500
}
.category-widget li span
{
	margin-left:auto
}
.category-widget a:hover
{
	color:#98aafd
}
.tag-widget a
{
	color:#fff;
	font-size:18px;
	padding:5px 15px;
	margin:0 10px 15px 0;
	display:inline-block;
	border:1px solid;
	font-weight:500;
	transition:.5s;
	border-radius:30px;
	background:#2a43aa
}
.tag-widget a:hover
{
	color:#4ddbf9
}
.single-post-title
{
	margin-bottom:50px
}
.blog-details-img img
{
	border-radius:10px
}
.blog-details .post-admin
{
	margin-bottom:15px;
	overflow:hidden;
	font-size:14px
}
.single-blog-post-date
{
	float:left;
	margin-right:15px;
	color:#98aafd
}
.single-blog-post-date a
{
	margin-bottom:15px;
	display:inline-block
}
.blog-details .admin-by .by
{
	color:#6a7596
}
.blog-details .admin-by a
{
	color:#191c3c;
	font-weight:500
}
.blog-details-content
{
	margin-bottom:40px
}
.blog-details-img
{
	margin-bottom:20px
}
.blog-header
{
	margin-bottom:25px
}
.blog-header ul li
{
	display:inline-block
}
.blog-header ul li:after
{
	content:'';
	height:4px;
	width:4px;
	background:#2d3954;
	display:inline-block;
	margin:0 15px 3px
}
.blog-header ul li:last-child:after
{
	display:none
}
.blog-details-content blockquote
{
	color:#6a7596;
	padding:15px 25px;
	margin:25px 0;
	font-weight:500;
	align-items:center;
	background:#fafbff;
	border-radius:3px;
	font-style:italic;
	position:relative
}
.blog-details-content blockquote:before
{
	position:absolute;
	left:0;
	top:0;
	width:5px;
	height:100%;
	content:"";
	background:#98aafd;
	z-index:1;
	border-radius:51px
}
.post-tag
{
	margin-bottom:40px
}
.post-tag .tag-title
{
	color:#191c3c;
	font-size:16px;
	font-weight:500;
	margin-right:15px
}
.post-tag .tag-item a
{
	border:1px solid #6a7596;
	border-radius:21px;
	padding:0 21px;
	margin:7px;
	display:inline-block
}
.comment-item
{
	display:flex;
	margin-bottom:40px
}
.commenter-name h6
{
	font-size:16px
}
.commenter-name span
{
	color:#98aafd;
	font-size:14px
}
.comment-item .reply
{
	border:1px solid #6a7596;
	border-radius:21px;
	padding:0 21px;
	display:inline-block
}
.comment-reply
{
	margin-left:75px
}
.comment-author-img
{
	flex:none;
	margin-right:30px
}
.comment-author-img img
{
	width:100px;
	height:100px;
	border-radius:10px
}
.comment-form .form-group
{
	margin-bottom:30px
}
.comment-form textarea
{
	min-height:135px
}
.comment-form .btn-bg
{
	min-width:133px;
	background:#2a43aa;
	font-weight:600;
	padding:13px
}
.faq-form textarea
    
{
	min-height:135px;
    background: transparent;
    border: 1px solid #98aafd;
}

.faq-form input{
    background: #2a43aa;
    border: 1px solid #98aafd;
}
.faq-form .form-group
{
	margin-bottom:30px
}
.faq-form .btn-bg
{
	min-width:182px;
	background:#2a43aa;
	font-weight:600;
	padding:13px
}
.contact-title .title-bar
{
	font-size:16px;
	color:#98aafd;
	font-weight:600;
	margin-bottom:10px
}
.contact-site
{
	margin-bottom:30px
}
.contact-text
{
	margin-bottom:20px;
	margin-right:60px
}
.contact-info
{
	margin-bottom:20px
}
.contact-info i
{
	color:#6a7596;
	float:left;
	margin-top:7px;
	font-size:20px
}
.contact-info span
{
	margin-left:20px;
	display:inline-block
}
.map-site
{
	width:100%;
	height:100%;
	min-height:350px
}
.map-site iframe
{
	width:100%;
	height:100%;
	border-radius:5px
}






#footer-06 {
	background: transparent;
	padding-top: 90px;
    margin-top: 20px;
	z-index: 1;
    border-top: 1px solid #271e5f;
	position: relative;
    text-align: left;
}
#footer-06 .footer-btm-wrapper {
	padding-bottom: 80px;
}
#footer-06 .footer_items {
	display: flex;
	justify-content: space-between;
}
#footer-06 .footer_items .footer_single_list_1 {
	width: 40%;
}
#footer-06 .footer_items .footer_single_list_2 {
	width: 20%;
}
#footer-06 .footer_items .footer_single_list_3 {
	width: 20%;
}
#footer-06 .footer_items .footer_single_list_4 {
	width: 20%;
}
#footer-06 .social-links {
	display: flex;
	justify-content: start;
	margin-top: 30px;
}
#footer-06 .social-links li {
	display: inline-flex;
	margin-right: 25px;
	line-height: 55px;
}
#footer-06 .social-links li a {
	color: #ffffff;
	font-size: 16px;
	transition: all 0.3s ease 0s;
	background: transparent;
	padding: 0px;
	height: 46px;
	width: 46px;
	border-radius: 100%;
	line-height: 46px;
	position: relative;
	z-index: 1;
	text-align: center;
	border: 1px solid #a481e7;
}
#footer-06 .social-links li a:before {
	position: absolute;
	height: 100%;
	width: 100%;
	background: linear-gradient(to bottom, #ee7abc 0%, #a481e7 100%);
	left: 0;
	right: 0;
	content: "";
	border-radius: 50%;
	z-index: -1;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease-in-out;
}
#footer-06 .social-links li a:hover:before {
	visibility: visible;
	opacity: 1;
}
#footer-06 .subtitle_1 {
	font-size: 16px !important;
	font-weight: 600;
	background-image: linear-gradient(to bottom, #9982ed 0%, #f879b6 100%);
	color: transparent;
	-webkit-background-clip: text;
	background-clip: text;
	display: inline-block;
}
#footer-06 ul li a {
	font-weight: 400;
	font-size: 14px;
	color: #ffffff;
}
#footer-06 p {
	color: #ffffff;
	font-weight: 400;
	margin: 0 20% 0 0;
	font-size: 16px;
	line-height: 26px;
}
#footer-06 .copyright p {
	font-size: 12px;
	margin: 0;
	padding: 20px 0;
	border-top: 1px solid #271e5f;
	line-height: 12px;
	text-align: center;
	position: relative;
}
#footer-06 .header-shape {
	position: absolute;
	z-index: -1;
}
#footer-06 .shape1 {
	bottom: 0%;
	left: 0%;
}
#footer-06 .shape2 {
	bottom: 0%;
	right: 0%;
}
#footer-06 .shape3 {
	bottom: 2%;
	right: -9%;
}



//* community-section css start */
.community-section {
  position: relative;
  background-position: top;
  background-size: contain;
}
.community-section .element-shape {
  position: absolute;
  top: 0;
  left: 0;
}
.community-section .element-img {
  position: absolute;
  top: 400px;
  left: 75px;
}
.community-section .object {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
.community-section .shape {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -2;
}
.community-section .section-header p {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}
.community-wrapper {
  position: relative;
  background-color: rgb(23,48,92);
  padding: 50px 50px;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  margin-top: 35px;
}
.community-wrapper::before {
  position: absolute;
  content: '';
  top: -20px;
  left: 50%;
  width: calc(100% - 30px);
  height: 20px;
  background-color: rgb(18, 36, 68);
  opacity: 0.502;
  border-radius: 15px 15px 0 0;
  -webkit-border-radius: 15px 15px 0 0;
  -moz-border-radius: 15px 15px 0 0;
  -ms-border-radius: 15px 15px 0 0;
  -o-border-radius: 15px 15px 0 0;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.community-wrapper::after {
  position: absolute;
  content: '';
  top: -40px;
  left: 50%;
  width: calc(100% - 60px);
  height: 40px;
  background-color: rgb(0, 0, 0);
  opacity: 0.302;
  border-radius: 15px 15px 0 0;
  -webkit-border-radius: 15px 15px 0 0;
  -moz-border-radius: 15px 15px 0 0;
  -ms-border-radius: 15px 15px 0 0;
  -o-border-radius: 15px 15px 0 0;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

.community-item {
  display: flex;
  flex-wrap: wrap;
}
.community-item+.community-item {
  margin-top: 20px;
}
.community-item .icon {
  flex: 0 0 62px;
  -ms-flex: 0 0 62px;
  max-width: 62px;
  padding-top: 8px;
}
.community-item .content {
  flex: 0 0 calc(100% - 62px);
  -ms-flex: 0 0 calc(100% - 62px);
  max-width: calc(100% - 62px);
  padding-left: 25px;
}
.community-item .content .title {
  text-transform: uppercase;
}
.community-item .content p {
  margin-top: 5px;
}
.community-item .content .read-more-btn {
  margin-top: 15px;
  font-size: 14px;
}
.community-item .content .read-more-btn:hover {
  color: var(--main-color);
}

.community-item--style2 {
  background-color: #ffffff;
  box-shadow: 0px 5px 10px 0px rgba(27, 3, 132, 0.2);
  padding: 20px 30px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
.community-item--style2:hover {
  background-image: -moz-linear-gradient( 90deg, rgb(59,38,219) 1%, rgb(123,25,203) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(59,38,219) 1%, rgb(123,25,203) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(59,38,219) 1%, rgb(123,25,203) 100%);
  box-shadow: 0px 15px 20px 0px rgba(67, 36, 217, 0.4);
}
.community-item--style2:hover .title,
.community-item--style2:hover p {
  color: #ffffff;
}
.community-item--style2:hover .read-more-btn {
  color: var(--main-color);
}
.user-wrapper {
  padding: 30px 65px;
  background-color: #12326b;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  text-align: center;
}
.user-wrapper .icon {
  width: 108px;
  height: 108px;
  background-image: -moz-linear-gradient( 90deg, rgb(59,38,219) 1%, rgb(123,25,203) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(59,38,219) 1%, rgb(123,25,203) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(59,38,219) 1%, rgb(123,25,203) 100%);
  box-shadow: 0px 5px 5px 0px rgba(59, 38, 219, 0.4);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  line-height: 108px;
  text-align: center;
  display: inline-block;
}
.user-wrapper .caption {
  display: block;
  font-weight: 600;
  color: var(--heading-color);
  font-size: 24px;
  text-transform: uppercase;
  margin-top: 30px;
}
.user-wrapper .users-area {
  margin: 15px -5px -5px -5px;
}
.user-wrapper .users-area .user-img {
  margin: 5px 5px;
}
.user-wrapper .users-area .user-img {
  width: 36px;
  height: 36px;
  display: inline-block;
  overflow: hidden;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.user-wrapper .users-area .user-img img {
  width: 100%;
}
.user-wrapper .users-area .btn {
  padding: 10px 25px;
  box-shadow: 0px 5px 5px 0px rgba(59, 38, 219, 0.4);
  margin-top: -35px;
}
.community-wrapper .btn-area {
  margin-top: 30px;
}
.community-wrapper .btn-area .btn {
  padding: 12px 45px;
}
.community-thumb {
  margin-bottom: -100px;
}
/* community-section css end */



/* calculate-profit-section css start */
.calculate-profit-section {
  position: relative;
}
.calculate-profit-section .bg_img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 60%;
}
.calculate-profit-section .bg_img.overlay::before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(11, 4, 69);
  opacity: 0.8;
}
.calculate-profit-section .section-header {
  margin-bottom: 150px;
}
.calculate-area {
  background-color: #12326b;
}
.calculate-area .nav-tabs {
  border-bottom: none;
  transform: translateY(-63px);
  -webkit-transform: translateY(-63px);
  -moz-transform: translateY(-63px);
  -ms-transform: translateY(-63px);
  -o-transform: translateY(-63px);
}
.calculate-area .nav-tabs > li {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
.calculate-area .nav-tabs > li .icon {
  width: 126px;
  height: 126px;
  background-color: var(--main-color);
  line-height: 126px;
  display: inline-block;
  margin: 0 auto;
  position: relative;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  z-index: 9;
}
.calculate-area .nav-tabs > li .icon::before {
  position: absolute;
  content: '';
  width: 120px;
  height: 120px;
  background-color: #ffffff;
  z-index: -10;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.calculate-area .nav-tabs > li .icon::after {
  position: absolute;
  content: '';
  width: 100%;
  height: 50%;
  background-color: #ffffff;
  top: 50%;
  left: 0;
  z-index: -10;
}
.calculate-area .nav-tabs > li .package-name {
  text-transform: uppercase;
}
.calculate-area .nav-tabs > li .percentage {
  font-weight: 700;
  font-size: 36px;
  color: var(--main-color);
  margin-bottom: 20px;
}
.calculate-area .nav-tabs > li a {
  background-image: -moz-linear-gradient( 108deg, rgb(59,38,219) 14%, rgb(123,25,203) 100%);
  background-image: -webkit-linear-gradient( 108deg, rgb(59,38,219) 14%, rgb(123,25,203) 100%);
  background-image: -ms-linear-gradient( 108deg, rgb(59,38,219) 14%, rgb(123,25,203) 100%);
  box-shadow: 0px 10px 15px 0px rgba(59, 55, 188, 0.5);
  padding: 8px 25px;
  color: #ffffff;
  font-size: 14px;
  text-transform: uppercase;
  border-radius: 999px;
  -webkit-border-radius: 999px;
  -moz-border-radius: 999px;
  -ms-border-radius: 999px;
  -o-border-radius: 999px;
  position: relative;
  overflow: hidden;
  z-index: 1;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.calculate-area .nav-tabs > li a::before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -10;
  opacity: 0;
  background-image: -moz-linear-gradient( 112deg, rgb(228,91,45) 0%, rgb(240,121,33) 33%, rgb(252,151,21) 100%);
  background-image: -webkit-linear-gradient( 112deg, rgb(228,91,45) 0%, rgb(240,121,33) 33%, rgb(252,151,21) 100%);
  background-image: -ms-linear-gradient( 112deg, rgb(228,91,45) 0%, rgb(240,121,33) 33%, rgb(252,151,21) 100%);
  box-shadow: 0px 5px 15px 0px rgba(230, 97, 43, 0.4);
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.calculate-area .nav-tabs > li a:hover::before,
.calculate-area .nav-tabs > li a.active::before {
  opacity: 1;
}
.invest-amount-area {
  margin-left: 70px;
  margin-right: 70px;
}
.invest-amount-area .title {
  text-transform: uppercase;
  font-size: 24px;
}
.invest-amount-area .main-amount input {
  color: var(--main-color);
  font-size: 50px;
  font-weight: 700;
  border: none;
  display: inline-block;
  width: auto;
  text-align: center;
}
.invest-amount-area .invest-range-slider {
  margin-top: 30px;
  height: 6px;
  background-color: #d2d2d2;
  border: none;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}
.invest-amount-area .invest-range-slider .ui-slider-range-min {
  background-color: var(--main-color);
}
.invest-amount-area .invest-range-slider .ui-slider-handle {
  top: -11px;
  width: 25px;
  height: 25px;
  border: 3px solid #ffffff;
  background-color: var(--main-color);
  box-shadow: 0.5px 0.866px 7px 3px rgba(73, 107, 254, 0.75);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.invest-amount-area .invest-range-slider .ui-slider-handle:focus {
  outline: none;
}

.plan-amount-calculate {
  margin-left: 70px;
  margin-right: 70px;
  padding: 30px 30px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-top: 50px;
  background-color: #12326b;
  box-shadow: 0px 5px 10px 0px rgba(0, 72, 255, 0.4);
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
.plan-amount-calculate .item {
  flex: 0 0 calc(100% / 4);
  -ms-flex: 0 0 calc(100% / 4);
  max-width: calc(100% / 4);
  text-align: center;
}
.plan-amount-calculate .item:first-child {
  text-align: left;
}
.plan-amount-calculate .item:last-child {
  text-align: right;
}
.plan-amount-calculate .item span {
  display: block;
}
.plan-amount-calculate .item .caption {
  color: var(--heading-color);
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 700;
}
.plan-amount-calculate .item .details {
  font-size: 14px;
  text-transform: capitalize;
}
.plan-amount-calculate .item .profit-amount {
  font-size: 28px;
  font-weight: 700;
  color: var(--main-color);
}
.plan-amount-calculate .item .profit-details {
  text-transform: capitalize;
  font-weight: 600;
}
.plan-amount-calculate .item .invest-btn {
  padding: 8px 25px;
  background-image: -moz-linear-gradient( 108deg, rgb(59,38,219) 14%, rgb(123,25,203) 100%);
  background-image: -webkit-linear-gradient( 108deg, rgb(59,38,219) 14%, rgb(123,25,203) 100%);
  background-image: -ms-linear-gradient( 108deg, rgb(59,38,219) 14%, rgb(123,25,203) 100%);
  box-shadow: 0px 10px 15px 0px rgba(59, 55, 188, 0.5);
  color: #ffffff;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 14px;
}


/*Client Section Starts Here*/
.client-sectiont {
    overflow: hidden;
}

.client-item {
    text-align: center;
    margin: 15px;
}

.client-item .client-content {
    padding: 25px 25px 18px;
    background: #12326b;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.client-item .client-content p {
    margin-bottom: 4px;
}

@media (max-width: 767px) {
    .client-item .client-content p {
        font-size: 16px;
    }
}

.client-item .client-content .rating {
    font-size: 16px;
    color: #ffda3c;
}

.client-item .client-thumb {
    width: 74px;
    height: 74px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    margin: 20px auto 0;
}

.client-item .client-thumb a {
    display: block;
}

.client-item .client-thumb img {
    width: 100%;
}

.client-slider {
    padding: 15px;
}


.background-map {
    max-height: 120px;
    text-align: right;
}

@media (max-width: 1399px) {
    .background-map img {
        margin-right: -150px;
    }
}

@media (max-width: 1199px) {
    .background-map {
        margin-right: -200px;
    }
}

@media (max-width: 991px) {
    .background-map {
        display: none;
    }
}


.benifit-box-section img {
    margin-bottom: 30px;
    width: 50px;
}


/*

===============================
Blog Area
===============================

*/
.blog-area {
  /* Pagination */
}

.blog-area .single-blog {
    margin-bottom: 30px;
}

.blog-area .single-blog:hover .single-blog-img::before {
    opacity: 0.7;
}

.blog-area .single-blog:hover .single-blog-img a {
    opacity: 1;
}

.blog-area .single-blog .single-blog-img {
    position: relative;
}

.blog-area .single-blog .single-blog-img img {
    width: 100%;
    border-radius: 8px;
}

.blog-area .single-blog .single-blog-img a {
    font-size: 26px;
    color: #ffffff;
    position: absolute;
    left: 50%;
    top: 45%;
    transform: translate(-45%, -50%);
    opacity: 0;
    transition: 0.3s;
}

.blog-area .single-blog .single-blog-img a:hover {
    color: #ff5252;
}

.blog-area .single-blog .single-blog-img:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #292929;
    opacity: 0;
    transition: 0.4s;
    border-radius: 8px;
}

.blog-area .single-blog .single-blog-content {
    box-shadow: 0px 0px 16px 4px rgba(0, 0, 0, 0.05);
    padding: 30px;
    background: #2D0D6B;
    color: #ffffff;
    width: 90%;
    margin: auto;
    margin-top: -70px;
    position: relative;
}

.blog-area .single-blog .single-blog-content .blog-meta {
    margin-bottom: 10px;
}

.blog-area .single-blog .single-blog-content .blog-meta span a {
    margin-right: 10px;
    font-size: 14px;
    display: inline-block;
    color: #ffffff;
}

.blog-area .single-blog .single-blog-content .blog-meta span a:hover {
    color: #f3b62f;
}

.blog-area .single-blog .single-blog-content .blog-meta span a i {
    color: #f3b62f;
    font-size: 16px;
    font-weight: bold;
    margin-right: 5px;
}

.blog-area .single-blog .single-blog-content h3 {
    font-size: 20px;
    text-transform: capitalize;
    margin-bottom: 5px;
    line-height: 1.4em;
    font-weight: 400;
}

.blog-area .single-blog .single-blog-content h3 a {
    color: #ffffff;
}

.blog-area .single-blog .single-blog-content h3 a:hover {
    color: #f3b62f;
    text-decoration: underline;
}

.blog-area .single-blog .single-blog-content p {
    margin-bottom: 0;
}

.blog-area .single-blog-2 {
    margin-bottom: 30px;
}

.blog-area .single-blog-2:hover .single-blog-img::before {
    opacity: 0.7;
}

.blog-area .single-blog-2:hover .single-blog-img a {
    opacity: 1;
}

.blog-area .single-blog-2 .single-blog-img {
    position: relative;
}

.blog-area .single-blog-2 .single-blog-img img {
    width: 100%;
}

.blog-area .single-blog-2 .single-blog-img a {
    font-size: 26px;
    color: #ffffff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: 0.3s;
}

.blog-area .single-blog-2 .single-blog-img a:hover {
    color: #f3b62f;
}

.blog-area .single-blog-2 .single-blog-img:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #292929;
    opacity: 0;
    transition: 0.4s;
}

.blog-area .single-blog-2 .single-blog-content {
    box-shadow: 0px 0px 16px 4px rgba(0, 0, 0, 0.05);
    padding: 30px;
    background: #ffffff;
    position: relative;
}

.blog-area .single-blog-2 .single-blog-content .blog-meta {
    margin-bottom: 10px;
}

.blog-area .single-blog-2 .single-blog-content .blog-meta span a {
    margin-right: 10px;
    font-size: 14px;
    display: inline-block;
    color: #263845;
}

.blog-area .single-blog-2 .single-blog-content .blog-meta span a:hover {
    color: #f3b62f;
}

.blog-area .single-blog-2 .single-blog-content .blog-meta span a i {
    color: #f3b62f;
    font-size: 16px;
    font-weight: bold;
    margin-right: 5px;
}

.blog-area .single-blog-2 .single-blog-content h3 {
    font-size: 20px;
    text-transform: capitalize;
    margin-bottom: 10px;
    line-height: 1.4em;
}

.blog-area .single-blog-2 .single-blog-content h3 a {
    color: #292929;
}

.blog-area .single-blog-2 .single-blog-content h3 a:hover {
    color: #2D0D6B;
    text-decoration: underline;
}

.blog-area .single-blog-2 .single-blog-content p {
    margin-bottom: 0;
}

.blog-area .single-blog-3 {
    margin-bottom: 30px;
}

.blog-area .single-blog-3:hover .single-blog-img::before {
    opacity: 0.7;
}

.blog-area .single-blog-3:hover .single-blog-img a {
    opacity: 1;
}

.blog-area .single-blog-3 .single-blog-img {
    position: relative;
}

.blog-area .single-blog-3 .single-blog-img img {
    width: 100%;
}

.blog-area .single-blog-3 .single-blog-img .blog-meta {
    color: #ffffff;
    position: absolute;
    left: 0;
    bottom: 0;
}

.blog-area .single-blog-3 .single-blog-img .blog-meta span {
    text-transform: uppercase;
    background: #f3b62f;
    padding: 8px 22px;
    display: block;
    text-align: center;
    line-height: 20px;
    font-size: 14px;
}

.blog-area .single-blog-3 .single-blog-img:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #292929;
    opacity: 0;
    transition: 0.4s;
}

.blog-area .single-blog-3 .single-blog-content {
    box-shadow: 0px 0px 16px 4px rgba(0, 0, 0, 0.05);
    padding: 30px;
    background: #ffffff;
    position: relative;
}

.blog-area .single-blog-3 .single-blog-content h3 {
    font-size: 20px;
    text-transform: capitalize;
    margin-bottom: 10px;
    line-height: 1.4em;
}

.blog-area .single-blog-3 .single-blog-content h3 a {
    color: #292929;
}

.blog-area .single-blog-3 .single-blog-content h3 a:hover {
    color: #f3b62f;
    text-decoration: underline;
}

.blog-area .single-blog-3 .single-blog-content p {
    margin-bottom: 0;
}

.blog-area .styled-pagination {
    position: relative;
    margin-bottom: 30px;
}

.blog-area .styled-pagination li {
    position: relative;
    display: inline-block;
    margin: 0px 3px 0px 0px;
}

.blog-area .styled-pagination li.previous a, .blog-area .styled-pagination li.next a {
    color: #ffffff;
}

.blog-area .styled-pagination li a {
    position: relative;
    display: inline-block;
    line-height: 40px;
    height: 40px;
    font-size: 16px;
    min-width: 40px;
    border-radius: 50%;
    color: #ffffff;
    text-align: center;
    text-transform: capitalize;
    transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    background-color: #2D0D6B;
}

.blog-area .styled-pagination li a:hover, .blog-area .styled-pagination li a.active {
    color: #2D0D6B;
    background-color: #f3b62f;
}

.blog-area .blog-details img {
    width: 100%;
    margin-bottom: 30px;
}

.blog-area .blog-details .blog-meta {
    margin-bottom: 10px;
}

.blog-area .blog-details .blog-meta span a {
    margin-right: 10px;
    font-size: 14px;
    display: inline-block;
    color: #ffffff;
}

.blog-area .blog-details .blog-meta span a:hover {
    color: #f3b62f;
}

.blog-area .blog-details .blog-meta span a i {
    color: #f3b62f;
    font-size: 16px;
    font-weight: bold;
    margin-right: 5px;
}

.blog-area .blog-details h2 {
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 30px;
}

.blog-area .blog-details .blockquote {
    font-size: 16px;
    border-left: 2px solid #f3b62f;
    font-style: italic;
    padding-left: 15px;
    margin: 20px 0;
    padding: 20px;
    background: #2D0D6B;
}

.blog-area .blog-all-comments {
    color: #ffffff;
}

.blog-area .blog-all-comments h3 {
    margin-bottom: 20px;
    font-weight: 600;
}

.blog-area .blog-all-comments .blog-comments {
    margin-bottom: 40px;
    padding: 30px 40px;
    overflow: hidden;
    background: #2D0D6B;
}

.blog-area .blog-all-comments .blog-comments div {
    overflow: hidden;
}

.blog-area .blog-all-comments .blog-comments .author-thumb {
    width: 20%;
    float: left;
}

.blog-area .blog-all-comments .blog-comments .author-thumb img {
    border-radius: 50%;
    width: 70px;
}

.blog-area .blog-all-comments .blog-comments .author-comments .author-details h4 {
    float: left;
    font-size: 18px;
}

.blog-area .blog-all-comments .blog-comments .author-comments .author-details .comment-reply-btn {
    float: right;
}

.blog-area .blog-all-comments .blog-comments .author-comments .author-designation {
    font-weight: 300;
    font-size: 14px;
    margin-bottom: 5px;
    font-style: italic;
}

.blog-area .blog-comment-form {
    margin-bottom: 30px;
    color: #ffffff;
}

.blog-area .blog-comment-form h3 {
    margin-bottom: 15px;
    text-transform: uppercase;
}

.blog-area .blog-comment-form input, .blog-area .blog-comment-form textarea {
    width: 100%;
    border: 2px solid #E5E5E5;
    text-indent: 20px;
    margin-bottom: 30px;
    transition: .3s;
    background: transparent;
    color: #ffffff;
}

.blog-area .blog-comment-form input:focus, .blog-area .blog-comment-form textarea:focus {
    border-color: #f3b62f;
}

.blog-area .blog-comment-form input {
    height: 50px;
}

.blog-area .blog-comment-form textarea {
    padding-top: 15px;
}

.blog-area .blog-comments + .blog-comments {
    margin-left: 15%;
}



/* blog-section css start */

.single-comment-wrap .thumb{
    width: 50px; 
    height: 50px;
    border-radius: 50%;
    background: #00183e;
    float: left;
}

.single-comment-wrap .ratings{
    display: inline;
    color: #f2ee3a;
    padding-left: 50px;
    left: 0;
}

.single-comment-wrap .thumb h4{
    text-align: center;
    color: #fff;
    padding-top: 11px;
}

.single-comment-wrap .content{
    margin-left: 60px;
    padding-bottom: 40px;
}

.single-comment-wrap .content p{
    color: #fff;
}

.single-comment-wrap h5{
    margin: 0;
    padding: 0;
    font-size: 14px;
    color: #fff;
}

.single-comment-wrap h6{
    margin: 0;
    padding: 0;
    font-family: 'calibri';
    color: #fff;
}

.single-comment-wrap .verifyd{
    font-size: 11px;
    color: #ffb400;
    top: 20px;
}

.single-comment-wrap .r_dates {
    float: right !important;
    font-weight: 300;
    font-size: 14px;
    color: #fff;
}

@media (max-width: 575px){
    .single-comment-wrap .content {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 0;
    margin-top: 15px;
    
  }
    .single-comment-wrap .content p{
        font-size: 12px;
    }
  .comment-list li ul li {
    padding-left: 35px;
  }
}