/*
Author       : theme_ocean
Template Name: Cryptonio - Cryptocurrency Landing Page HTML Template
Version      : 1.0
*/
/*=============================================================
    CSS INDEX
    =============================
    01. GENERAL STYLE (body, link color, section-title, preloader btn, overlay, section-padding etc)
    02. START BOOTSTRAP NAVIGATION OVERRIDES
    03. START HOME DESIGN
    04. START ABOUT DESIGN
    05. START BUY SELL DESIGN
    06. START TOKEN SALE DESIGN
    07. START ROADMAP DESIGN
    08. START DOWNLOAD DESIGN
    09. START TEAM DESIGN
    10. START ADVISOR DESIGN
    11. START PARTNER DESIGN
    12. START FAQ DESIGN
    13. START PROMOTION DESIGN
    14. START CONTACT DESIGN
    15. START BLOG DESIGN
    16. START FOOTER DESIGN
    17. START SECTION TOP DESIGN
  =============================================================*/
/*
* ----------------------------------------------------------------------------------------
* 01.GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/
body {
	color: #444;
	font-family: "Open Sans", sans-serif !important;
	font-size: 16px;
	font-weight: 400;
	line-height: 26px;
	background: #fff;
	/*background: url(../img/body-bg.png) no-repeat scroll 0 0;*/
	overflow-x: hidden;
	background: #fff;
}
body.hidden {
	overflow: hidden;
	height: 100vh;
}
html,
body {
	height: 100%;
	position: relative;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	letter-spacing: 0px;
	margin-top: 0px;
	/*font-family: "Montserrat", sans-serif;*/
	color: #1b2032;
	font-weight: 400;
	position: relative;
}
a {
	/*font-family: "Montserrat", sans-serif;*/
	text-decoration: none;
	-webkit-transition: all 0.2s ease 0s;
	-o-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
}
a:hover {
	color: #fff;
	text-decoration: none;
}
a:focus {
	outline: none;
	text-decoration: none;
}
p {
	margin-bottom: 0;
	position: relative;
}
ul,
li {
	margin: 0;
	padding: 0;
}
fieldset {
	border: 0 none;
	margin: 0 auto;
	padding: 0;
}
/*START PRELOADER DESIGN*/
.preloader {
	background: #fff;
	bottom: 0;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 99999;
}
.spinner {
	width: 50px;
	height: 50px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -25px 0 0 -25px;
	font-size: 10px;
	text-indent: -12345px;
	z-index: 10000;
}

.double-bounce1,
.double-bounce2 {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background: #1652f0;
	opacity: 0.6;
	position: absolute;
	top: 0;
	left: 0;

	-webkit-animation: sk-bounce 2s infinite ease-in-out;
	animation: sk-bounce 2s infinite ease-in-out;
}

.double-bounce2 {
	-webkit-animation-delay: -1s;
	animation-delay: -1s;
}

@-webkit-keyframes sk-bounce {
	0%,
	100% {
		-webkit-transform: scale(0);
	}
	50% {
		-webkit-transform: scale(1);
	}
}

@keyframes sk-bounce {
	0%,
	100% {
		transform: scale(0);
		-webkit-transform: scale(0);
	}
	50% {
		transform: scale(1);
		-webkit-transform: scale(1);
	}
}
.status-mes h4 {
	color: #f7f7f7;
	position: relative;
	font-size: 24px;
	margin-top: 30px;
	text-transform: capitalize;
	letter-spacing: 1px;
}
.no-padding {
	padding: 0;
}
/*END PRELOADER DESIGN*/
.section-padding {
	padding: 80px 0;
}
/*START SECTION TITLE DESIGN*/
.section-title {
	margin-bottom: 60px;
}
.section-title h2 {
	font-size: 38px;
	font-weight: 600;
	margin-top: 0;
	position: relative;
}
h2.section-title-white {
	color: #fff;
	font-size: 40px;
	line-height: 70px;
	font-weight: 600;
	margin-top: 0;
	position: relative;
}
p.section-title-white {
	color: #fff;
}
@media only screen and (max-width: 768px) {
	.section-title h2 {
		font-size: 40px;
	}
}
@media only screen and (max-width: 480px) {
	.section-title h2 {
		font-size: 30px;
	}
}
.section-title span {
	background: #f5325c none repeat scroll 0 0;
	display: block;
	height: 2px;
	margin: 10px auto;
	width: 100px;
}

.section-title-white {
	color: #fff;
	position: relative;
}
.section-title p {
	padding: 0 10px;
	width: 60%;
	margin: auto;
}
@media only screen and (max-width: 880px) {
	.section-title p {
		padding: 0 10px;
		width: 90%;
		margin: auto;
	}
}
/*END SECTION TITLE DESIGN*/
/*START SCROLL TO TOP*/
.topcontrol {
	background: #4328b7 none repeat scroll 0 0;
	border-radius: 30px;
	bottom: 5px;
	-webkit-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
	color: #fff;
	cursor: pointer;
	font-size: 22px;
	height: 50px;
	line-height: 47px;
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	position: fixed;
	right: 5px;
	text-align: center;
	-webkit-transition: all 0.2s ease 0s;
	-o-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
	width: 50px;
}
@media only screen and (max-width: 768px) {
	.topcontrol {
		bottom: 0.9em !important;
		right: 0.7em !important;
	}
}
.topcontrol:hover {
	background: #fff;
	color: #1b2032;
}
/*END SCROLL TO TOP*/

/*START BUTTON DESING*/
.btn_one {
	padding: 15px 40px;
	color: #fff;
	border-radius: 30px;
	font-size: 15px;
	font-weight: 500;
	position: relative;
	transition: all 0.3s;
	background: linear-gradient(270deg, #3854DE 0.2%, #4328B7 99.8%);
	display: flex;
	width: max-content;
	max-width: 100%;
	align-items: center;
	gap: 8px;
}

.btn_one:hover,
.btn_one:focus {
	background: linear-gradient(270deg, #4328B7 0.2%, #4328B7 99.8%);
}

.button-transparent {
	position: relative;
}

.button-transparent a {
	border-radius: 58px;
	border: 1px solid #FFF;
	padding: 15px 32px;
	color: #FFF;
	text-align: center;
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
	box-sizing: border-box;
	min-width: 221px;
	display: block;
	transition: all 0.3s;
}
.button-transparent a:hover {
	border: 1px solid #3C45D0;

}

.promo-button {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
	margin-top: 40px;
}


.link-bottom {
	color: #fff;
	margin-top: 16px;
}
.link-bottom a {
	color: #fff;
	text-decoration: underline;
}
.link-bottom a:hover {
	text-decoration: unset;
}

.btn_two {
	background: #fff;
	padding: 14px 40px;
	border: 2px solid #fff;
	color: #4328B7;
	border-radius: 30px;
	position: relative;
	display: inline-block;
	font-weight: 500;
	font-size: 15px;
	text-transform: capitalize;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.btn_two:hover,
.btn_two:focus {
	color: #4328B7;
	border: 1px solid rgba(67, 40, 183, 0.30) !important;
}
.btn_three {
	background: #fff;
	padding: 10px 36px;
	border: 2px solid #fff;
	color: #1d1e20;
	border-radius: 30px;
	position: relative;
	display: inline-block;
	font-weight: 500;
	font-size: 15px;
	text-transform: capitalize;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.btn_three:hover,
.btn_three:focus {
	background: none;
	color: #fff;
	border: 2px solid #fff;
}
/*END BUTTON DESING*/
@media (max-width: 1440px) {
	.btn_two, .btn_one {
		padding: 14px 30px;
	}
}
/*


* ----------------------------------------------------------------------------------------
* 01.END GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 02.START BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
.navbar-brand img {
	fill: #ffffff;
	width: 140px;
	height: auto;
}

.navbar-custom {
	background-color: transparent;
	padding: 20px 0;
	width: 100%;
	border-radius: 0px;
	z-index: 999;
	margin-bottom: 0px;
	border-bottom: 0px;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.navbar-custom .navbar-toggler {
	color: #fff;
	font-size: 30px;
	padding: 0px;
}
.navbar-custom .navbar-brand {
	color: #fff !important;
	text-transform: uppercase;
	font-weight: 500;
	letter-spacing: 1.5px;
}
.navbar-custom .navbar-nav li a {
	color: #fff !important;
	font-size: 16px;
	background-color: transparent !important;
	margin: 0 5px;
	/*font-family: "Montserrat", sans-serif;*/
	letter-spacing: 0.5px;
	line-height: 24px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	text-transform: capitalize;
	font-weight: 500;
}
.navbar-custom .navbar-nav li a:hover,
.navbar-custom .navbar-nav li a:active,
.navbar-custom .navbar-nav li a.active {
	color: #fff !important;
}
.navbar-custom .navbar-nav .nav-item:last-child .nav-link {
	margin-right: 0;
	padding-right: 0;
}
.navbar-custom.nav-sticky {
	background-color: #1b2032 !important;
	padding: 15px 0px;
	border-bottom: none;
	-webkit-box-shadow: 0 10px 40px -10px rgba(0, 64, 128, 0.2);
	box-shadow: 0 10px 40px -10px rgba(0, 64, 128, 0.2);
}
.nav-sticky .navbar-nav li a {
	color: #1b2032;
}
@media (max-width: 1023px) {
	.navbar-custom .nav-social {
		display: none;
	}
}
@media (max-height: 480px) {
	.navbar-nav {
		max-height: 200px;
		overflow-y: auto;
	}
}
@media (min-width: 200px) and (max-width: 992px) {
	.navbar-custom {
		background-color: #1b2032;
		padding: 10px 0 !important;
		overflow: auto;
	}
	
	.navbar-collapse.collapse.show {
		min-height: 100vh;
	}
}
.mdi-menu::before {
	content: "\F035C";
}
.mdi::before,
.mdi-set {
	display: inline-block;
	font: normal normal normal 24px/1 "Material Design Icons";
	font-size: inherit;
	text-rendering: auto;
	line-height: inherit;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
/*
* ----------------------------------------------------------------------------------------
* 02.END BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 03.START HOME DESIGN
* ----------------------------------------------------------------------------------------
*/
.home_bg {
	position: relative;
	padding-bottom: 94px;
}
.home_bg::before {
	background: #020928;
	bottom: 0;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	opacity: 0.7;
}
.hero-text {
	text-align: center;
}
.hero-text h2 {
	color: #fff;
	font-size: 74px;
	font-weight: 500;
	line-height: 90px;
	margin: 0 auto 24px;
}

.hero-text-position {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
}

@media only screen and (max-width: 768px) {
	.hero-text h2 {
		font-size: 42px;
		line-height: 52px;
	}
}
@media only screen and (max-width: 480px) {
	.hero-text h2 {
		font-size: 32px;
	}
}
.hero-text p {
	color: #fff;
	margin: auto;
	max-width: 500px;
}
@media only screen and (max-width: 480px) {
	.hero-text p {
		/* width: 45%; */
		/* margin: auto; */
	}
}

#particles-js {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
}
.value_top {
	margin-top: 150px;
}
.single_live_market {
	position: relative;
}
.tradingview-widget-copyright {
	font-size: 13px !important;
	line-height: 32px !important;
	text-align: center !important;
	vertical-align: middle !important;
	font-family: "Trebuchet MS", Arial, sans-serif !important;
	color: #fff !important;
	position: relative;
	display: none;
}
/*
* ----------------------------------------------------------------------------------------
* 03.END HOME DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 04.START ABOUT DESIGN
* ----------------------------------------------------------------------------------------
*/
.about_us {
	padding-bottom: 50px;
}
.single_about {
	margin-bottom: 30px;
	position: relative;
	-webkit-box-shadow: 0 10px 40px -10px rgba(0, 64, 128, 0.2);
	box-shadow: 0 10px 40px -10px rgba(0, 64, 128, 0.2);
	padding: 60px;
	border-radius: 3px;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	display: block;
	color: #000;
}
.single_about:hover {
	background: #4328b7;
}
.single_about svg {
	width: 60px;
	margin-bottom: 30px;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.single_about h3 {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 24px;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.single_about:hover h3 {
	color: #fff;
}
.single_about p {
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.single_about:hover p {
	color: #fff;
}
.about-img {
	text-align: center;
}

@media only screen and (max-width: 880px) {
	.about-img img {
		margin-top: 60px;
	}
}
.about-text {
}
.about-text h2 {
	margin-bottom: 20px;
	font-size: 60px;
	font-weight: 500;
}
@media only screen and (max-width: 480px) {
	.about-text h2 {
		font-size: 40px;
	}
}
.about-text p {
	margin-bottom: 20px;
}
.about_btn {
	margin-top: 30px;
}
/*START HOW IT WORKS*/
.howitworks-img {
	text-align: center;
}
.howitworks-img img {
	margin-bottom: 50px;
}
.howitworks-text {
}
.howitworks-text h2 {
	margin-bottom: 20px;
	font-size: 40px;
	font-weight: 500;
}
@media only screen and (max-width: 480px) {
	.howitworks-text h2 {
		font-size: 40px;
	}

	section#howitworks .col-lg-6.col-sm-12.col-xs-12.wow.fadeInRight {
		order: 1;
	}
	section#howitworks .col-lg-6.col-sm-12.col-xs-12.wow.fadeInLeft {
		order: 2;
	}
}
.howitworks-text p {
	margin-bottom: 20px;
}
.about_btn {
	margin-top: 30px;
}
/*END HOW IT WORKS*/
/*
* ----------------------------------------------------------------------------------------
* 04.END ABOUT DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 05.START WHY START CTYPTO DESIGN
* ----------------------------------------------------------------------------------------
*/
.why_invest_crypto_area {
	background: #4328b7;
	padding-bottom: 50px;
}
.single_why_invest {
	margin-bottom: 30px;
	padding: 60px;
	border: 1px solid #674ae5;
	border-radius: 3px;
}
.single_invest_info h1 {
	color: #fff;
	font-size: 60px;
	font-weight: 500;
	margin-bottom: 30px;
	line-height: 70px;
}
.single_invest_info p {
	color: #fff;
}
.single_why_invest {
	margin-bottom: 30px;
}
.single_why_invest img {
	width: 60px;
	margin-bottom: 20px;
}
.single_why_invest h3 {
	color: #fff;
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 10px;
	overflow: hidden;
}
.single_why_invest p {
	overflow: hidden;
	color: #fff;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.single_why_invest {
		height: calc(100% - 30px);
	}
	.partner_img .partner_img_svg {
		width: 80% !important;
	}
}

@media screen and (max-width: 1400px) {
	.single_why_invest {
		padding: 60px 30px;
	}
}
/*
* ----------------------------------------------------------------------------------------
* 05.END WHY START CTYPTO DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
 * ----------------------------------------------------------------------------------------
 * 06.START ROADMAP+TOKEN+BITCON CALCULATER DESIGN
 * ----------------------------------------------------------------------------------------
 */
.currency_live {
}
.currency_live iframe {
	width: 100%;
	height: 420px;
	box-shadow: 0 10px 10px -10px rgba(0, 64, 128, 0.2);
}
/*START TOKEN SALE*/
.pre_sale_area {
}
.single_presale {
	margin-bottom: 30px;
	background: #4328b7;
	padding: 20px;
	border-radius: 10px 100px 100px 10px;
	text-align: center;
	box-shadow: 0 10px 10px -10px rgba(0, 64, 128, 0.2);
}
.brright {
	border-radius: 100px 10px 10px 100px;
}
.single_presale h5 {
	font-size: 20px;
	font-weight: 500;
	color: #fff;
}
.single_presale p {
	color: #fff;
	font-size: 14px;
}

.buy-icons {
	background: #4328b7;
	padding: 40px;
	border-radius: 5px;
	overflow: hidden;
	margin-top: 0px;
	margin-left: 40px;
}

.ca-starts-in h3 {
	font-size: 28px;
	font-weight: 600;
	color: #fff;
	margin-bottom: 25px;
}
.ca-starts-in h1 {
	font-size: 30px;
	font-weight: 600;
	margin: 0 0 12px;
}

.ca-starts-in .info_token {
	font-size: 14px;
	line-height: 16px;
	margin: 0 0 34px;
}

.ca-starts-in .timer-area {
	margin: 0 0 25px;
}

.ca-starts-in .timer-area div {
	color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
}

.ca-starts-in .timer-area div .cdown {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 25%;
	flex: 1 1 25%;
	max-width: 25%;
	display: block;
	background: rgba(24, 17, 55, 0.3);
	border-radius: 5px;
	text-align: center;
	margin-right: 16px;
	padding: 13px 4px;
}

.ca-starts-in .timer-area div .cdown:last-child {
	margin-right: 0;
}

.ca-starts-in .timer-area div .cdown .time-count {
	display: block;
	font-size: 20px;
	line-height: 26px;
	font-weight: 700;
}
.ca-starts-in .timer-area div .cdown p {
	display: block;
	font-size: 14px;
	line-height: 18px;
}

.buy-icons h4 {
	color: #fff;
	margin-bottom: 20px;
	font-weight: 500;
	font-size: 30px;
}
.buy-icons img {
	float: right;
	margin-top: 20px;
}
/*END TOKEN SALE*/

/*START BITCOIN CALCULATER*/
.bitcoin_area {
	padding: 80px 0;
}
.currency_content {
	background: #fff;
	padding: 60px;
	box-shadow: 0 10px 40px -10px rgba(0, 64, 128, 0.2);
	border-radius: 5px;
}
.currency_content h3 {
	font-size: 56px;
	font-weight: 700;
}
.currency_content h5 {
	font-size: 22px;
	font-weight: 600;
}
.currency_content p {
	margin-top: 20px;
	margin-bottom: 30px;
}

.cryptonatorwidget {
	border: 0 !important;
	padding: 0 !important;
	margin-bottom: 20px;
}
.cryptonatorwidget input {
	border: 2px solid #eee;
	height: 52px !important;
	margin-bottom: 5px;
	text-transform: capitalize;
	background: none;
	color: #1b2032;
	padding: 0 10px;
	border-radius: 2px;
}
.cryptonatorwidget select {
	border: 2px solid #eee;
	height: 52px !important;
	margin-bottom: 5px;
	text-transform: capitalize;
	background: none;
	color: #1b2032;
	padding: 0 10px;
	font-family: "Poppins", sans-serif !important;
	border-radius: 2px;
}
.cryptonatorwidget > div {
	display: none;
}
/*END BITCOIN CALCULATER*/
.timeline {
	margin: 0 15px;
}
.timeline-content {
	color: #4328b7;
	text-align: center;
	display: block;
}
.timeline-content:hover {
	text-decoration: none;
	color: #4328b7;
}
.timeline-year {
	font-size: 20px;
	font-weight: 700;
	padding: 0 0 15px;
	margin: 0 0 60px;
	border-bottom: 2px solid #eee;
	position: relative;
	z-index: 1;
	transition: 0.3s;
}
.timeline-year:before,
.timeline-year:after {
	content: "";
	background: radial-gradient(#fff, #4328b7, #4328b7);
	height: 20px;
	width: 20px;
	border-radius: 50%;
	transform: translateX(-50%);
	position: absolute;
	left: 50%;
	bottom: -10px;
}
.timeline-year:after {
	background: #eee;
	height: 55px;
	width: 3px;
	border-radius: 0;
	bottom: -55px;
	z-index: -1;
}
.inner-content {
	position: relative;
}
.inner-content:after {
	background-color: #444;
	height: 15px;
	width: 15px;
	border-radius: 50%;
	top: -20px;
}
.roadmap_title {
	font-size: 20px;
	font-weight: 700;
	margin: 0 0 15px 0;
}
.roadmap_description {
	color: #444;
}
@media screen and (max-width: 767px) {
	.timeline {
		margin: 0 0 15px;
	}
}
/*
 * ----------------------------------------------------------------------------------------
 * 06.END ROADMAP+TOKEN+BITCON CALCULATER DESIGN
 * ----------------------------------------------------------------------------------------
 */

/*
* ----------------------------------------------------------------------------------------
* 06.START DIVE IN CRYPTO DESIGN
* ----------------------------------------------------------------------------------------
*/
.promotion_area {
	position: relative;
	background: url(../img/bg/dive-bg.webp);
}
/* .promotion_area::before {
	background: #020928;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	opacity: 0.7;
} */



.promotion_crypto_info h2,
.promotion_crypto_info p {
	margin-bottom: 10px;
	font-size: 57px;
	line-height: 78px;
	text-align: center;
	color: #FFFFFF;
	font-weight: 300;
}


.promotion_crypto_info p span {
	font-weight: 700;
}

.promotion_crypto_info .slick-slider {
	padding-bottom: 30px;
}

@media only screen and (max-width: 480px) {
	.promotion_crypto_info h2 {
		font-size: 40px;
		line-height: 56px;
	}
}
.promotion_crypto_info a {
	margin: 0 auto;
}
/*
* ----------------------------------------------------------------------------------------
* 06.END DIVE IN CRYPTO DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 07.START MARKET ANALYSIS DESIGN
* ----------------------------------------------------------------------------------------
*/

@media only screen and (max-width: 880px) {
	.market-text {
		margin-top: 0px;
		margin-bottom: 60px;
	}
}
.market-text h2 {
	margin-bottom: 30px;
	font-size: 60px;
	font-weight: 500;
}
.market-text p {
	margin-bottom: 30px;
}
.market-img {
}
/*
* ----------------------------------------------------------------------------------------
* 07.END MARKET ANALYSIS DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 08.START MARKET VALUES DESIGN
* ----------------------------------------------------------------------------------------
*/
.market_value_area {
	position: relative;
	background: url(../img/bg/market_value.jpg) no-repeat;
	background-size: cover;
	padding: 150px 0;
}
/* .market_value_area::before {
	background: #020928;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	opacity: 0.6;
} */
.market_value {
}
.market_value h2 {
	color: #fff;
	font-size: 60px;
	font-weight: 500;
	margin-bottom: 30px;
}
.market_value p {
	color: #fff;
	margin-bottom: 30px;
}
.market_value a {
	position: relative;
}
/*
* ----------------------------------------------------------------------------------------
* 08.END MARKET VALUES DESIGN
* ----------------------------------------------------------------------------------------
*/

/* ----------------------------------------------------------------------------------------
* 09.START TEAM DESIGN
* ----------------------------------------------------------------------------------------
*/
.our-team {
	background: #fff;
	-webkit-box-shadow: 0 10px 40px -10px rgba(0, 64, 128, 0.2);
	box-shadow: 0 10px 40px -10px rgba(0, 64, 128, 0.2);
	padding: 0px 0 30px 0;
	border-radius: 5px;
	height: 100%;
	position: relative;
}
@media only screen and (max-width: 768px) {
	.our-team {
		margin-bottom: 30px;
	}
}
.single-team {
	margin-bottom: 10px;
}
.single-team img {
	margin-bottom: 20px;
}
.single-team h3 {
	font-size: 18px;
	color: #1b2032;
	font-weight: 600;
	margin-bottom: 10px;
}
.single-team p {
	margin-bottom: 0px;
	color: #1b2032;
}

.our-team .social {
	list-style: none;
	padding: 0;
	margin: 0;
	text-align: center;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	display: flex;
	align-items: center;
	justify-content: center;
}
.our-team .social li {
	display: inline-block;
}
.our-team .social li a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 35px;
	height: 35px;
	line-height: 35px;
	font-size: 17px;
	color: #fff;
	color: #1c58a1 !important;
	position: relative;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
	border-radius: 30px;
	margin: 3px;
}
.our-team:hover .social li:nth-child(1) a {
	-webkit-transition-delay: 0.3s;
	-o-transition-delay: 0.3s;
	transition-delay: 0.3s;
}
.our-team:hover .social li:nth-child(2) a {
	-webkit-transition-delay: 0.2s;
	-o-transition-delay: 0.2s;
	transition-delay: 0.2s;
}
.our-team:hover .social li:nth-child(3) a {
	-webkit-transition-delay: 0.1s;
	-o-transition-delay: 0.1s;
	transition-delay: 0.1s;
}
.our-team:hover .social li:nth-child(4) a {
	-webkit-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
}
.our-team .social li a:hover {
	background: #f0fbff;
	-webkit-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
}
/*.facebook {*/
/*	background: #1c58a1;*/
/*}*/
.facebook:hover {
	background: #fff;
	color: #1c58a1 !important;
}
.twitter {
	background: #0cbce3;
}
.twitter:hover {
	background: #fff;
	color: #0cbce3 !important;
}
.google {
	background: #f04537;
}
.google:hover {
	background: #fff;
	color: #f04537 !important;
}
/* ----------------------------------------------------------------------------------------
* 09.END TEAM DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
 * ----------------------------------------------------------------------------------------
 * 10.START NEWSLETTER DESIGN
 * ----------------------------------------------------------------------------------------
 */
.newslatter_area {
	background: #4328b7;
}
.project_title {
}
.project_title h2 {
	font-size: 32px;
	font-weight: 700;
	line-height: normal;
	max-width: 942px;
	margin: 0 auto;
}
.single-project {
	padding: 0 40px;
	position: relative;
}
@media only screen and (max-width: 768px) {
	.single-project {
		margin-bottom: 60px;
	}
}
.single-project h2 {
	font-weight: 600;
	font-size: 50px;
	color: #4328b7;
}
.single-project h4 {
	margin-bottom: 0;
	font-size: 16px;
	text-transform: capitalize;
	font-weight: 500;
}

.newsletter_form {
}
.newsletter_form h4 {
	color: #fff;
	margin-bottom: 50px;
	font-size: 55px;
	line-height: 66px;
	font-weight: 500;
}
.newsletter_form input {
	height: 52px;
	position: relative;
	padding: 10px 20px;
	width: 75%;
	margin-right: 10px;
	border-radius: 30px;
	border: 1px solid #fff;
}
@media only screen and (max-width: 480px) {
	.newsletter_form input {
		margin-bottom: 15px;
	}
}
.newsletter_form input:focus {
	border: 1px solid #1652f0;
}
/*
 * ----------------------------------------------------------------------------------------
 * 10.END NEWSLETTER DESIGN
 * ----------------------------------------------------------------------------------------
 */

/*
 * ----------------------------------------------------------------------------------------
 * 11.START PARTNER DESIGN
 * ----------------------------------------------------------------------------------------
 */
.partner_area {
	padding-bottom: 20px;
}
.partner_img {
}
.partner_img img {
	width: 100%;
	max-width: 200px;
	margin-bottom: 60px;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
/*
 * ----------------------------------------------------------------------------------------
 * 11.END PARTNER DESIGN
 * ----------------------------------------------------------------------------------------
 */
/* ----------------------------------------------------------------------------------------
* 12.START FAQ DESIGN
* ----------------------------------------------------------------------------------------
*/
.faq1-area {
}
.accordion-item {
	background-color: #fff;
	border: 1px solid #eee;
	margin-bottom: 30px;
	-webkit-box-shadow: 0 10px 40px -10px rgba(0, 64, 128, 0.1);
	box-shadow: 0 10px 40px -10px rgba(0, 64, 128, 0.1);
}
.accordion-body {
	padding: 1rem 1.25rem;
	background: #f0fbff;
}
.accordion-button {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	padding: 20px;
	font-size: 20px;
	color: #1d1e20;
	text-align: left;
	background-color: #fff;
	border: 0;
	border-radius: 0;
	-webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
		border-radius 0.15s ease, -webkit-box-shadow 0.15s ease-in-out;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
		border-radius 0.15s ease, -webkit-box-shadow 0.15s ease-in-out;
	-o-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
		box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
		box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
		box-shadow 0.15s ease-in-out, border-radius 0.15s ease, -webkit-box-shadow 0.15s ease-in-out;
	background: #fff;
	font-weight: 600;
}
.accordion-button:not(.collapsed) {
	color: #1d1e20;
	background-color: #fff;
	-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125);
	box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125);
}
.accordion-button:not(.collapsed)::after {
	-webkit-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	transform: rotate(-180deg);
	content: "\f077";
	font-family: fontAwesome;
	font-size: 14px;
	color: #1d1e20;
	background-image: none;
}
.accordion-button::after {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 1.02rem;
	margin-left: auto;
	content: "";
	-webkit-transition: -webkit-transform 0.2s ease-in-out;
	transition: -webkit-transform 0.2s ease-in-out;
	-o-transition: transform 0.2s ease-in-out;
	transition: transform 0.2s ease-in-out;
	transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
	content: "\f077";
	font-family: fontAwesome;
	font-size: 14px;
	color: #1d1e20;
	background-image: none;
}
.faq_email {
	text-align: center;
}
.faq_email p {
	font-weight: 500;
}
.faq_email a {
	color: #4328b7;
	font-weight: 600;
}
/* ----------------------------------------------------------------------------------------
* 12.END FAQ DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
 * ----------------------------------------------------------------------------------------
 * 13.START BLOG DESIGN
 * ----------------------------------------------------------------------------------------
 */
.single-blog {
	margin: 0 5px;
	position: relative;
}
.blog-description {
	padding: 20px 30px;
	position: absolute;
	left: auto;
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	bottom: 10px;
	width: 100%;
	text-align: center;
	display: block;
}
.blog-image img {
	width: 100%;
}
.single-blog:hover .blog-description,
.single-blog:hover {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.single-blog:hover .blog-description {
	bottom: 0px;
}
.blog_cat {
	color: #fff;
	margin-bottom: 15px;
	display: inline-block;
}
.blog-description h4 a {
	color: #fff;
	font-size: 26px;
	font-weight: 600;
	margin-bottom: 10px;
	margin-top: 0;
	text-transform: capitalize;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	line-height: 34px;
}
.blog-description h4 a:hover {
	color: #4328b7;
}
.blog-description p {
	color: #fff;
}
.single-blog,
.blog-description {
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	overflow: hidden;
}
figure {
	margin: 0 0 0rem;
}
figure.effect-ruby {
	background-color: #000;
}

figure.effect-ruby img {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, -webkit-transform 0.35s;
	-o-transition: opacity 0.35s, transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
	-webkit-transform: scale(1.15);
	-ms-transform: scale(1.15);
	transform: scale(1.15);
	opacity: 0.5;
}

figure.effect-ruby:hover img {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 0.3;
}

figure.effect-ruby h2 {
	margin-top: 20%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: -webkit-transform 0.35s;
	-o-transition: transform 0.35s;
	transition: transform 0.35s;
	transition: transform 0.35s, -webkit-transform 0.35s;
	-webkit-transform: translate3d(0, 20px, 0);
	transform: translate3d(0, 20px, 0);
}

figure.effect-ruby p {
	margin: 1em 0 0;
	padding: 3em;
	border: 1px solid #fff;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, -webkit-transform 0.35s;
	-o-transition: opacity 0.35s, transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
	-webkit-transform: translate3d(0, 20px, 0) scale(1.1);
	transform: translate3d(0, 20px, 0) scale(1.1);
}

figure.effect-ruby:hover h2 {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

figure.effect-ruby:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0) scale(1);
	transform: translate3d(0, 0, 0) scale(1);
}
.blog_btn {
	margin-top: 60px;
}
/*BLOG PAGES DESIGN*/
.blog-page {
}

.post-slide-blog {
	background: #fff none repeat scroll 0 0;
	border-radius: 10px;
	-webkit-box-shadow: 0 10px 40px -10px rgba(0, 64, 128, 0.08);
	box-shadow: 0 10px 40px -10px rgba(0, 64, 128, 0.08);
	margin-bottom: 30px;
	overflow: hidden;
	padding: 40px;
}
.blog-img img {
	position: relative;
	height: 350px;
	width: 100%;
}
@media only screen and (max-width: 768px) {
	.blog-img img {
		width: 100%;
	}
}
.blog-img a {
	position: absolute;
	left: 4%;
	top: 5%;
	background: #4328b7;
	padding: 3px 15px;
	border-radius: 4px;
	color: #fff;
	font-weight: 600;
	font-size: 16px;
}
@media only screen and (max-width: 768px) {
	.blog-img a {
		top: 5%;
		left: 6%;
	}
}
.post-slide-blog h2 {
	font-weight: 700;
	font-size: 20px;
	margin-bottom: 20px;
}
.post-slide-blog h2 a {
	color: #1d293e;
}
.post-slide-blog h2 a:hover {
	color: #4328b7;
}
.post-slide-blog span {
	text-transform: capitalize;
	padding-right: 10px;
	margin-bottom: 15px;
	display: inline-block;
	font-weight: 600;
	margin-top: 20px;
}
.post-slide-blog span a {
	color: #4328b7;
}
.post-slide-blog > a {
	margin-bottom: 0px;
}
.post-slide-blog p {
	margin-bottom: 30px;
}

.main_btn {
	border: 2px solid #fff;
	padding: 12px 40px;
	border-radius: 30px;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	background: #4328b7;
}
.main_btn:hover {
	border: 2px solid #1b2032;
	background: #fff;
	color: #1b2032;
}

/*START PAGINATION*/
ul.blog_pagination li a {
	border: 1px solid #eee;
	border-radius: 30px;
	color: #1d293e;
	display: block;
	font-size: 22px;
	font-weight: 500;
	background: #fff;
	height: 60px;
	line-height: 60px;
	margin: 5px;
	text-align: center;
	width: 60px;
}
ul.blog_pagination li a:hover {
	color: #fff;
	background: #4328b7;
	border: 1px solid #4328b7;
}
/*END PAGINATION*/
/*START BLOG SIDEBAR DESIGN*/
.contact_form_blog {
	padding-top: 0px !important;
}
.blog_sidebar_title {
	border-bottom: 1px solid #eee;
	color: #1d293e;
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 15px;
	margin-top: 0;
	padding-bottom: 10px;
	text-transform: capitalize;
}
.blog_search,
.latest_blog,
.advertisement_post,
.video_post,
.categories,
.tag,
.banner {
	margin-bottom: 30px;
	background: #fff;
	padding: 30px 30px;
	border-radius: 10px;
	border-top: 3px solid #4328b7;
	-webkit-box-shadow: 0 10px 40px -10px rgba(0, 64, 128, 0.2);
	box-shadow: 0 10px 40px -10px rgba(0, 64, 128, 0.2);
}
.tag {
	overflow: hidden;
}
@media only screen and (max-width: 768px) {
	.blog_search {
		margin-top: 60px;
	}
}
.blog_search {
}
.blog_search input {
	background: #e6f2ff none repeat scroll 0 0;
	border: 1px solid #e6f2ff;
	border-radius: 0;
	color: #282828;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	height: 50px;
}
.blog_search input:focus {
	border: 1px solid #4328b7;
}
.single_latest_blog {
	overflow: hidden;
	border-bottom: 1px solid #eee;
	padding-bottom: 15px;
	margin-bottom: 20px;
}
.single_latest_blog h4 {
	color: #666;
	font-size: 15px;
	font-weight: 500;
	line-height: 28px;
	margin: 0;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.single_latest_blog:hover h4 {
	color: #4328b7;
}
.single_latest_blog span {
	color: #161616;
}
.single_upcoming_event {
	margin-bottom: 20px;
}
.single_upcoming_event h4 {
	color: #1d293e;
	font-size: 17px;
	font-weight: 600;
	line-height: 28px;
	margin: 10px 0 0;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.single_upcoming_event:hover h4 {
	color: #4328b7;
}
.single_upcoming_event span i {
	margin-right: 5px;
	color: #4328b7;
}
.single_upcoming_event span {
	color: #777;
}
.categories ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.categories ul li {
}
.categories ul li a {
	color: #1d293e;
	display: block;
	font-size: 14px;
	padding: 5px 0;
	font-family: poppins;
	font-weight: 400;
}
.categories ul li a:hover {
	color: #4328b7;
}
.categories ul li a i {
	margin-right: 10px;
}
.video_post iframe {
	width: 100%;
	height: 100%;
	border: medium none;
}
.tag a {
	border: 2px solid #e6f2ff;
	border-radius: 3px;
	color: #1d293e;
	display: block;
	float: left;
	font-size: 14px;
	font-weight: 600;
	margin: 6px 4px;
	padding: 3px 15px;
	text-transform: capitalize;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	background: #e6f2ff;
}
.tag a:hover {
	background: #4328b7;
	color: #fff;
	border: 2px solid #4328b7;
}
/*END BLOG SIDEBAR DESIGN*/
/*START BLOG SINGLE PAGE DESIGN*/
.bc_left {
	padding-left: 30px;
	font-style: italic;
	font-weight: 600;
}
.bc_bottom {
	margin-bottom: 30px;
}
.single_blog_post {
	margin-bottom: 60px;
}
.single_blog_post img {
	width: 750px;
	height: 455px;
}
.blog_post_text h4 {
	margin: 30px 0;
}
.author_part {
	margin-bottom: 30px;
	overflow: hidden;
	margin-top: 60px;
}
.single_author {
	background: #fff none repeat scroll 0 0;
	padding: 40px;
	border-radius: 10px;
	-webkit-box-shadow: 0 10px 40px -10px rgba(0, 64, 128, 0.08);
	box-shadow: 0 10px 40px -10px rgba(0, 64, 128, 0.08);
	overflow: hidden;
}
.author_part img {
	border: 4px solid #4328b7;
	border-radius: 100px;
	float: left;
	height: 120px;
	margin-right: 20px;
	width: 120px;
}
.author_part h4 {
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 1px;
}
.author_part p {
	margin-bottom: 0;
}
.blog_head_title {
	border-bottom: 1px solid #eee;
	margin: 0 0 30px;
	padding-bottom: 10px;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 18px;
}
.comments_part {
	margin-bottom: 60px;
}
.single_comment {
	margin-bottom: 30px;
	background: #fff;
	padding: 40px;
	border-radius: 10px;
	-webkit-box-shadow: 0 10px 40px -10px rgba(0, 64, 128, 0.08);
	box-shadow: 0 10px 40px -10px rgba(0, 64, 128, 0.08);
	overflow: hidden;
}
.single_comment_mbnone {
	margin-bottom: 0px;
}
.single_comment img {
	border: 4px solid #4328b7;
	border-radius: 100px;
	float: left;
	height: 120px;
	margin-right: 20px;
	width: 120px;
}
.single_comment h4 {
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.single_comment p {
	margin-bottom: 0;
}
.comment-box {
	border-radius: 10px;
}
.comment_form input,
.comment_form textarea {
}

.comment_form textarea {
}
@media only screen and (max-width: 768px) {
	.comment_form textarea {
		width: 100%;
	}
}
/*END BLOG SINGLE PAGE DESIGN*/

/*
 * ----------------------------------------------------------------------------------------
 * 13.END BLOG DESIGN
 * ----------------------------------------------------------------------------------------
*/

/*
 * ----------------------------------------------------------------------------------------
 * 14.START TESTIMONIAL DESIGN
 * ----------------------------------------------------------------------------------------
*/
.testimonial-demo {
}
.testimonial {
	background: #f0fbff;
	padding: 30px;
	border-radius: 5px;
	margin: 0px 15px;
	/* -webkit-box-shadow: 0 10px 30px -10px rgba(0,64,128,.2); */
	/* box-shadow: 0 10px 30px -10px rgba(0,64,128,.2); */
	/* margin-bottom: 30px; */
}
.testimonial .pic {
	float: left;
	width: 100px;
	height: 100px;
	margin-right: 15px;
	margin-bottom: 90px;
}
.testimonial .pic img {
	width: 100%;
	height: auto;
	border-radius: 100px;
}
.testimonial_content {
}
.testimonial_content h3 {
	font-weight: 600;
	font-size: 20px;
	color: #1b2032;
}
.testimonial_content i {
	color: #e8d219;
}
.testimonial_content p {
	overflow: hidden;
	margin-top: 10px;
	color: #1b2032;
}
.testimonial_content small {
	font-weight: 500;
	color: #1b2032;
	font-size: 14px;
	margin-top: 8px;
	display: block;
}

.owl-theme .owl-controls .owl-page span {
	border: 2px solid #4328b7;
	background: #fff;
	opacity: 1;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls .owl-page:hover span {
	background: #4328b7;
}
@media only screen and (max-width: 767px) {
	.testimonial {
		padding: 20px;
		text-align: center;
	}
	.testimonial .pic {
		display: block;
		position: static;
		margin: 0 auto 15px;
	}
}
.owl-theme .owl-controls .owl-page {
	display: inline-block;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div {
	cursor: pointer;
}
.owl-theme .owl-controls .owl-page span {
	background-color: #4328b7 !important;
	border-radius: 20px;
	display: block;
	height: 6px;
	margin: 5px 3px;
	width: 6px;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
	background-color: #fff;
}
.owl-theme .owl-controls {
	display: block !important;
	margin-top: 10px;
	text-align: center;
}
/*
 * ----------------------------------------------------------------------------------------
 * 14.END TESTIMONIAL DESIGN
 * ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 15.START CONTACT DESIGN
* ----------------------------------------------------------------------------------------
*/
.contact_us {
}

.contact_us-flex {
	display: flex;
	gap:24px;
	width: 100%;
	flex-wrap: wrap;
	justify-content: center;
}
.contact_us-card {
	border-radius: 8px;
	border: 1px solid rgba(27, 32, 50, 0.20);
	padding: 24px 24px 32px;
	width: calc(50% - 12px);
	text-align: center;
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.contact_us-card .img-fluid {
	width: 100px;
	border-radius: 50%;
	margin: 0 auto;
	display: block;
}
.contact_us-card span.name {
	color: #1B2032;
	text-align: center;
	font-size: 18px;
	font-weight: 600;
	line-height: 24px;
}

.contact_us-card ul {
	margin-top: -12px;
}
.contact_us-card ul li {
	list-style: none;
	color: #1B2032;
	text-align: center;
	font-size: 14px;
	font-weight: 400;
	line-height: normal;
}

.contact_us-card a.btn_one {
	margin: 0 auto;
}

.contact .form p {
	margin: 40px 0;
	max-width: 100%;
}

.contact {
	max-width: 680px;
	width: 100%;
	margin: 0 auto;
}
.contact h4 {
	font-weight: 700;
	font-size: 40px;
	margin-bottom: 20px;
}
.contact p {
	color: #1B2032;
	text-align: center;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	max-width: 407px;
	margin: 0 auto 40px;
}

.contact p span {
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
	display: inline-block;
}

.contact input {
	margin-bottom: 15px;
	-webkit-box-shadow: none;
	box-shadow: none;
	position: relative;
	padding: 15px 16px;
	width: 100%;
	border-radius: 8px;
	border: 1px solid rgba(27, 32, 50, 0.20);
	background: #FFF;
	color: #1B2032;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.contact .textarea-wrap {
	position: relative;
	padding: 15px 16px 64px;
	width: 100%;
	border-radius: 8px;
	border: 1px solid rgba(27, 32, 50, 0.20);
	background: #FFF;
}

.contact .textarea-wrap.active {
	border: 1px solid #4328b7;
}

.contact textarea {
	-webkit-box-shadow: none;
	box-shadow: none;
	position: relative;
	width: 100%;
	color: #1B2032;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	resize: none;
	max-height: 160px;
	padding: 0;
	border: none !important;
}

.contact textarea::placeholder,
.contact input::placeholder {
	opacity: 0.5;
}

.contact .form-group {
	position: relative;
}

.contact .form-group .contact_btn{
	position: absolute;
	right: 28px;
	bottom: 16px;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: linear-gradient(270deg, #3854DE 0.2%, #4328B7 99.8%);
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s;
}

.contact .form-group .contact_btn:hover, .contact .form-group .contact_btn:focus {
	background: linear-gradient(270deg, #4328B7 0.2%, #4328B7 99.8%);
}

.contact input:focus {
	border: 1px solid #4328b7;
	-webkit-box-shadow: none;
	box-shadow: none;
	outline: 0 none;
}
.contact textarea:focus {
	border: 1px solid #4328b7;
	-webkit-box-shadow: none;
	box-shadow: none;
	outline: 0 none;
}
.contact button {
	position: relative;
	width: 100%;
	font-size: 16px;
}

.address_area {
}
.single_address {
	background: #fff;
	margin-bottom: 30px;
	padding: 30px;
	border-radius: 5px;
	-webkit-box-shadow: 0 10px 40px -10px rgba(0, 64, 128, 0.1);
	box-shadow: 0 10px 40px -10px rgba(0, 64, 128, 0.1);
}
@media only screen and (max-width: 768px) {
	.single_address {
		margin-bottom: 30px;
	}
}
.address_br {
}
.single_address span {
	color: #4328b7;
	font-size: 40px;
	margin-bottom: 30px;
	display: block;
}
.single_address h4 {
	font-weight: 600;
	font-size: 18px;
	overflow: hidden;
	display: flex;
	align-items: center;
	gap: 16px;
	color: #fff;
	margin-bottom: 48px;
}
.single_address p {
	overflow: hidden;
	text-align: left;
}
.row-detail-cont {
	display: flex;
	align-items: flex-start;
}

.single_address a {
	color: #fff;
	overflow: hidden;
	font-weight: 700;
	position: relative;
	display: inline-block;
	font-size: 18px;
}

.single_address a img {
	transform: rotate(45deg);
	transition: all 0.3s;
}

.single_address a:hover {
	text-decoration: underline;
}

.single_address a:hover img {
	transform: rotate(0);
}

.contact_btn {
	background: #4328b7;
	padding: 10px;
	color: #fff;
	text-transform: capitalize;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.contact_btn:hover {
	background: #1b2032;
	color: #fff;
}

.map {
}
.map iframe {
	width: 100%;
	height: 500px;
	margin-bottom: -8px;
}
/*
* ----------------------------------------------------------------------------------------
* 15.END CONTACT DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 16.START FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/
.footer {
	/*padding-bottom: 50px;*/
	/*padding-top: 80px;*/
	background-size: 100% 100%;
}
.footer_logo {

}
.footer_logo img {
	width: 150px;
}
.footer_logo p {
	color: #fff;
	margin-top: 10px;
	margin-bottom: 25px;
}
.single_footer {
	padding-top: 160px;
}
.single_footer_top {
}
@media only screen and (max-width: 768px) {
	.single_footer_top {
		padding-top: 50px;
	}
}
@media only screen and (max-width: 480px) {
	.single_footer_top_one {
		padding-top: 50px;
	}
}
.single_footer h4 {
	color: #fff;
	margin-top: 0;
	margin-bottom: 25px;
	font-weight: 600;
	text-transform: capitalize;
	font-size: 17px;
}
.single_footer p {
	color: #a9b4c7;
}
.single_footer ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.single_footer ul li {
}
.single_footer ul li a {
	color: #fff;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	line-height: 36px;
	font-size: 15px;
	text-transform: capitalize;
}
.single_footer ul li a:before {
	content: "-";
	font-family: "LineAwesome";
	font-weight: 400;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	font-size: 20px;
	margin-right: 6px;
}
.single_footer ul li a:hover {
	text-decoration: underline;
}

.single_footer_address {
}
.single_footer_address ul {
}
.single_footer_address ul li {
	color: #fff;
}
.single_footer_address ul li span {
	font-weight: 400;
	color: #fff;
	line-height: 28px;
}
.contact_social ul {
	list-style: outside none none;
	margin: 0;
	padding: 0;
}
.single_footer_address p {
	margin-bottom: 10px;
}

/*START SOCIAL PROFILE CSS*/
.newsletter-form {
	padding-top: 160px;
}
@media only screen and (max-width: 768px) {
	.newsletter-form {
		padding-top: 50px;
	}
}
.newsletter-form h4 {
	color: #fff;
	margin-top: 0;
	margin-bottom: 25px;
	font-weight: 600;
	text-transform: capitalize;
	font-size: 18px;
}
.newsletter-form input {
	width: 100%;
	margin-bottom: 20px;
	height: 50px;
	padding: 10px;
	color: #1d293e;
	border-radius: 2px;
	border: 0px;
}
.subscribe button {
	border: 2px solid #4328b7;
	width: 100%;
}
.social_profile ul {
	list-style: outside none none;
	/*margin: 0 auto;*/
	/*width: max-content;*/
	padding: 0;
}
.social_profile ul li {
	float: left;
}
.social_profile ul li a {
	text-align: center;
	border: 0;
	text-transform: uppercase;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	margin-right: 10px;
	font-size: 16px;
	background: #fff;
	display: block;
	width: 40px;
	height: 40px;
	line-height: 36px;
	border-radius: 30px;
}

.social_profile ul li:last-child a {
	margin-right: 0;
}

@media only screen and (min-width: 1200px) {
	.social_profile ul li a:hover {
		background: #3F29B0;
	}

	.social_profile ul li a:hover img {
		filter: invert(1);
	}
}
@media only screen and (max-width: 768px) {
	.social_profile ul li a {
		margin-right: 10px;
		margin-bottom: 10px;
	}
}
@media only screen and (max-width: 480px) {
	.social_profile ul li a {
		width: 40px;
		height: 40px;
		line-height: 36px;
	}
}
.social_profile ul li a:hover {
	color: #fff;
}
.f_facebook {
	background: #3b5998;
}
.f_twitter {
	background: #1a90d9;
}
.f_instagram {
	background: #ff5252;
}
.f_linkedin {
	background: #0e76a8;
}
/*END SOCIAL PROFILE CSS*/
.footer_copyright {
	border-top: 1px solid rgba(255, 255, 255, 0.08);
	padding-top: 30px;
	margin-top: 60px;
}
.footer_copyright p {
	color: #a9b4c7;
	text-align: center;
	text-transform: capitalize;
}
.portfolio{
	margin-top: 10px;
}
.portfolio .section-title{
	margin-bottom: 10px;
}
.portfolio .btn_one{
	margin-top: 15px;
}

.portfolio-grid {
	display: flex;
	flex-wrap: wrap;
	gap: 58px;
	justify-content: center;
}
.portfolio-grid a{
	display: block;
	width: calc(33.333% - 39px);
}
.portfolio-grid a img{
	display: block;
	width: 100%;
}
.portfolio-header{
	color: #1B2032;
	margin-bottom: 0;
	font-weight: bold;
	text-align: left;
	font-size: 40px;
}
.portfolio-slider{
	background-color: #ffffff;
	margin-top: 60px;
}
.row.portfolio-top {
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-between;
}
.row.portfolio-top .arrow-slider-btn {
	width: 200px;
	display: flex;
	gap: 16px;
	justify-content: flex-end;
}

.row.portfolio-top .arrow-slider-btn .slick-arrow {
	width: 52px;
	height: 52px;
	border: 1px solid #3F29B0;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all 0.3s;
}

.row.portfolio-top .arrow-slider-btn .slick-arrow.next {
	transform: rotate(180deg);
}

@media only screen and (min-width: 1200px) {
	.row.portfolio-top .arrow-slider-btn .slick-arrow:hover img {
		filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(144deg) brightness(104%) contrast(101%);
	}
	.row.portfolio-top .arrow-slider-btn .slick-arrow:hover {
		background: #3F29B0;
	}
}

.bg-footer-top{
	/*background-size: 100% 180%;*/
	/*padding: 40px 0 120px;*/
	padding: 100px 0 35px;
}
.bg-footer-bot{
	padding-top: 40px;
	background-color: #1B2032;
}
.item a{
	display: inline-block;
}
.portfolio-slider .slick-slide img {
	width: 100%;
}
.portfolio-slider .slick-slide {
	margin: 0 12px;
}
/*.slick-slide {*/
/*	width: 291px;*/
/*	margin-right: 20px;*/
/*}*/
.social_profile_container{
	display: flex;
	align-items: end;
	flex-direction: column;
}
.social_profile_container .btn_one{
	margin-top: 15px;
	margin-bottom: 30px;
}
.vbox-close {
	margin-right: 20px;
}
.vbox-next {
	right: 23px;
}
#topcontrol {
	z-index: 9;
}
.socials{
	width: 40px;
	bottom: 70px;
	right: 10px;
	position: fixed;
	z-index: 9;
}

.socials a{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 10px;
	transition: all 0.3s;
	border-radius: 50%;
	border: 1px solid transparent;
	background: #553DBE;
	width: 40px;
	height: 40px;
}

.socials a:hover {
	background: #fff;
	border: 1px solid #553DBE;
}

.socials a:hover svg path {
	transition: all 0.3s;
}

.socials a:hover svg path{
	fill: #4328B7;
}

.socialas-row svg{
	margin-right: 10px;
	margin-top: 10px;
}
/*
* ----------------------------------------------------------------------------------------
* 16.END FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 17.START SECTION TOP DESIGN
* ----------------------------------------------------------------------------------------
*/
.section-top {
	background: #4328b7;
	position: relative;
	padding: 80px 0;
}
.section-top {
	padding-bottom: 100px;
	padding-top: 160px;
	position: relative;
}
.section-top-title h1 {
	color: #fff;
	font-weight: 600;
}
@media only screen and (max-width: 768px) {
	.bg-footer-top {
		position: relative;
		padding-bottom: 152px;
	}
	.row.portfolio-top .arrow-slider-btn {
		justify-content: center;
	}
	.arrow-slider-btn {
		position: absolute;
		bottom: 60px;
		left: 50%;
		transform: translateX(-50%);
	}
	.portfolio-header {
		text-align: center;
		font-size: 34px;
	}
	.portfolio-slider {
		margin-top: 40px;
	}
}
@media only screen and (max-width: 480px) {
	.bg-footer-top {
		padding-bottom: 144px;
	}
	.row.portfolio-top .arrow-slider-btn .slick-arrow {
		width: 44px;
		height: 44px;
	}

}
/*
* ----------------------------------------------------------------------------------------
* 17.END SECTION TOP DESIGN
* ----------------------------------------------------------------------------------------
*/

@media only screen and (max-width: 1368px) {
	.hero-text h2{
		/*margin-top: 150px;*/
	}
}

@media only screen and (max-width: 1200px) {
	.navbar-custom .navbar-nav li a {
		font-size: 12px;
	}
}

@media only screen and (max-width: 991px) {
	.navbar-custom .navbar-nav li a {
		font-size: 16px;
	}
}

@media only screen and (max-width: 480px) {
	.market-text h2 {
		font-size: 40px;
	}

	section#howitworks {
		padding: 0;
		padding-top: 58px;
	}

	section#market_area, #about_area, #service, #promotion, #team , #contact {
		padding-top: 58px;
	}

	.howitworks-img img {
		margin-bottom: 40px;
		margin-top: 40px;
	}

	.newsletter_form h4 {
		font-size: 38px;
		line-height: 52px;
	}

	#home br {
		display: none;
	}

	.value_top {
		margin-top: 60px;
	}

	#about_area .btn_one,
	#market_area .btn_one,
	#howitworks .btn_one {
		margin: 0 auto;
		display: list-item;
		width: max-content;
	}
	.contact {
		margin-right: 0;
	}
	.contact h4 {
		font-size: 34px;
	}

	.partner_img img {
		margin-bottom: 0px;
	}
}

/* 
* писал Богдан
*/

.navbar-light .navbar-nav .nav-link {
	position: relative;
	opacity: 0.7;
}
.navbar-light .navbar-nav .nav-link::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	width: 0;
	max-width: 160px;
	height: 3px;
	border-radius: 1px;
	background-color: #fff;
	transition: width 0.5s ease;
}

.navbar-light .navbar-nav .nav-link:hover {
	opacity: 1;
	transition: all 0.5s ease;
}

.navbar-light .navbar-nav .nav-link:hover::before {
	width: 100%;
	transition: all 0.5s ease;
}

.navbar-light .navbar-nav .nav-link:focus {
	opacity: 1;
	color: #3f29b0 !important;
}

.navbar-light .navbar-nav .nav-link:focus::before {
	width: 100%;
	background-color: #3f29b0 !important;
}

.partner_img a {
	display: block;
	height: fit-content;
	position: relative;
}

.partner_img a::before {
	content: "";
	top: 0;
	left: 0;
	border-radius: 0.5rem;
	position: absolute;
	z-index: -1;
	width: 0;
	height: 125px;
	background-color: #3f29b0;
	opacity: 0;
	transition: all 0.7s;
}

.partner_img a:hover::before {
	opacity: 1;
	width: 100%;
}

.partner_img .partner_img_svg {
	width: 100%;
	max-width: 200px;
	margin-bottom: 60px;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

/* .partner_img a:hover .partner_img .partner_img_svg path {
	fill: #fff;
} */

.partner_img .partner_img_svg {
	width: 200px;
	height: 125px;
}

.partner_img a:hover svg path {
	fill: #fff;
}

.partner_img a:hover svg {
	transform: scale(1.1);
	transform-origin: center;
}

.single_about:hover svg path {
	fill: #fff;
}

.single_about:hover svg {
	transform: scale(1.1);
	transform-origin: center;
}

.single_about {
	min-height: 435px;
	padding: 14%;
}

.single-team img.img-fluid {
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

.single_address p a {
	margin-top: 0;
}

.single_address p a.phone {
	margin-top: 10px;
}

.single_address a.upload,
.single_address a.adress {
	margin-top: 15px;
}

.clear {
	position: fixed;
	z-index: 0;
	top: 357px;
	width: 100%;
	height: 100vh;
	visibility: hidden;
}

.clear.show {
	visibility: visible;
}
.form-select.form-select-sm {
	width: fit-content;
	background-color: transparent;
	color: #fff;
	opacity: 0.7;
	transition: all 0.5s;
}
.form-select.form-select-sm:hover {
	opacity: 1;
	transition: all 0.5s;
}
select.form-select.form-select-sm option {
	background: #0a0c27 !important;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}

@media (max-width: 1400px) {
	.navbar-custom .navbar-nav li a {
		font-size: 14px;
	}
}
@media (max-width: 1200px) {
	.navbar-custom .navbar-nav li a {
		font-size: 10px;
	}
}
@media only screen and (max-width: 991px) {
	.navbar-custom .navbar-nav li a {
		font-size: 16px;
	}
	.form-select.form-select-sm {
		margin: 0 5px;
	}
}


/*NEW DESIGN*/

.home-bottom.block {
	border-radius: 16px;
	max-width: 595px;
	margin: 38px auto 0;
	width: 100%;
	position: absolute;
	z-index: 1;
	padding: 16px 26px;
	bottom: 32px;
	left: 0;
	right: 0;
	border: 2px solid rgba(56, 82, 220, 0.10);
	background: rgba(56, 82, 220, 0.08);
	backdrop-filter: blur(8px);
}

.home-bottom.block .flex {
	display: flex;
	align-items: center;
}

.home-bottom.block .flex span {
	padding-left: 26px;
	display: block;
	text-align: left;
	font-weight: 400;
	font-size: 16px;
	line-height: 19px;
	color: #FFFFFF;
}

.single_about-wrapper {
	margin-right: 16px;
	width: calc(20% - 13px);
	padding: 0;
}

.single_about-wrapper:last-child {
	margin-right: 0;
}

.single_about {
	padding: 32px 24px 50px;
	text-align: left;
	height: 100%;
	min-height: initial;
	position: relative;
}

.single_about .bottom-label {
	padding: 10px;
	border: 1px dashed #3F29B0;
	font-size: 14px;
	line-height: 20px;
	color: #3F29B0;
	margin-top: 20px;
	display: block;
}

.single_about .bottom-label span {
	 font-weight: 700;
}
@media only screen and (min-width: 991px) {
.single_about:hover .bottom-label {
	color: #fff;
	border-color: #fff;
}
}

.single_about .bottom-btn {
	position: absolute;
	bottom: 38px;
	left: 24px;
	right: 24px;
	display: flex;
	align-items: center;
	gap: 8px;
	color: #4328B7;
	font-weight: 600;
}
.single_about:hover .bottom-btn {
	color: #fff;
}
.single_about .bottom-btn img {
	margin-bottom: 0;
	transition: all 0.3s;
}

.single_about:hover .bottom-btn img {
	transform: rotate(45deg);
}

.single_about img {
	margin-bottom: 17px;
}

#about_us .container {
	max-width: 1490px;
}

.single_about p {
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
	color: #000000;
}

.single_about:hover img {
	filter: brightness(0) invert(1);
}

.howitworks-cont p {
	font-weight: 400;
	font-size: 20px;
	line-height: 30px;
	color: #000000;
	max-width: 90%;
}

.howitworks-cont .show-text {
	display: none;
}

.howitworks-cont-bottom .flex {
	display: flex;
	align-items: center;
	padding-top: 32px;
	gap: 24px;
}

.howitworks-cont-bottom .about_btn {
	margin-top: 0;
}

.howitworks-cont-bottom a.link {
	font-weight: 600;
	color: #4328B7;
	font-size: 16px;
	line-height: 24px;
	display: flex;
}

.howitworks-cont-bottom a.link:hover {
	text-decoration: underline;
}

.howitworks-cont-bottom a.link img {
	margin-right: 2px;
}

.howitworks-cont-bottom a.link:hover {
	color: #3F29B0;
}

.howitworks-text h2  {
	font-weight: 700;
	font-size: 40px;
	line-height: 1.4;
	color: #000000;
	margin-bottom: 0;
}

.howitworks-text h2 span {
	font-weight: 600;
	font-size: 20px;
	color: #AFADAD;
	display: block;
	margin-bottom: 2px;
}

.howitworks-text p.description {
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	color: #000000;
	padding-top: 24px;
	margin-bottom: 24px;
}

.howitworks-text p.description span {
	font-weight: 700;
}

.howitworks-text-item .text-label {
	font-size: 14px;
	line-height: 20px;
	color: #3F29B0;
}

.howitworks-text-item .text-label:hover {
	color: #000000;
}

a.link-mail {
	font-size: 18px;
	display: flex;
	align-items: center;
	gap: 10px;
}

.howitworks-text-item span.text-label span {
	font-weight: 700;
}

.howitworks-text-item {
	width: 48%;
}

.howitworks-text-item img {
	margin-right: 10px;
}

.howitworks-text-item span.name {
	font-weight: 700;
	font-size: 14px;
	line-height: 19px;
	color: #000000;
	display: block;
	padding: 10px 0 8px;
}

.howitworks-text-item span.name .text-label {
	display: none;
}

.howitworks-text-item span.name.h-56 {
	min-height: 56px;
}

#howitworks .row, #about_area .row, #market_area .row {
	align-items: center;
}

.howitworks-text-item p {
	font-weight: 400;
	color: #000000;
	margin-bottom: 32px;
	font-size: 14px;
	line-height: 20px;
}

.howitworks-text .flex {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.howitworks-text .howitworks-cont-bottom.tab .flex {
	justify-content: flex-start;
	display: none;
}
.single-team h3 {
	margin-bottom: 4px;
	font-weight: 500;
	font-size: 18px;
	line-height: 27px;
	color: #000000;
}

.our-team {
	padding: 32px 24px;
	padding-bottom: 73px;
}

.our-team .social {
	position: absolute;
	bottom: 32px;
	left: 24px;
	right: 24px;
}

.single-team p.work-name {
	font-weight: 400;
	font-size: 14px;
	line-height: 21px;
	color: #717171;
	margin-bottom: 23px;
}

.single-team {
	margin-bottom: 20px;
}

.single-team  p.description {
	font-weight: 400;
	font-size: 14px;
	line-height: 21px;
	text-align: center;
	color: #000000;
}

.link-block-row, .single_address-cont {
	display: flex;
	flex-direction: column;
	gap: 32px;
}

.single_address .link-block-item a {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	text-transform: initial;
	gap: 10px;
}

.address_area-wrap {
	height: inherit;
}

.address_area-wrap .single_address {
	height: 100%;
	border-radius: 4px;
	border: 1px solid rgba(255, 255, 255, 0.20);
	background: transparent;
	padding: 40px;
}

/*.single_address .link-block-item a:hover {*/
/*	color: #3F29B0;*/
/*}*/

/*.single_address .row-detail-cont {*/
/*	display: flex;*/
/*	align-items: flex-start;*/
/*	justify-content: center;*/
/*	padding-top: 28px;*/
/*	max-width: 280px;*/
/*	margin: 0 auto;*/
/*}*/

.single_address .row-detail-cont .cont {
	width: 100%;
	text-align: left;
}

.single_address .row-detail-cont span.name {
	font-size: 18px;
	font-weight: 700;
	line-height: 24px;
	display: block;
	text-align: left;
	color: #fff;
	margin-bottom: 8px;
	padding-top: 4px;
}

.single_address .row-detail-cont span.text-row {
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	color: #fff;
	margin-bottom: 0;
}

.single_address .row-detail-cont a {
	text-align: left;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}


.single_address .row-detail-cont img {
	padding-top: 6px;
	margin-right: 19px;
}


.hover-slider__description {
	position: absolute;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 24px;
	z-index: 2;
	-webkit-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
	top: 45%;
	left: 50%;
	transform: translate(-50%, 0);
	justify-content: flex-start;
}

.hover-slider__description span {
	font-size: 1.5rem;
	margin-right: 16px;
}

.hover-slider__title {
	font-weight: 500;
	font-size: 24px;
	line-height: 36px;
	color: #FFFFFF;
	margin: 0;
}


.hover-box {
	border-radius: 4px;
	overflow: hidden;
	background-color: #777;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	position: relative;
}

.hover-link {
	color: #fff;
	width: calc(100% / 3);
	padding: 30px 30px 30px;
	height: 680px;
	position: relative;
	overflow: hidden;
	z-index: 3;
}

.hover-link.off {
	z-index: 4;
}

.hover-link.off .hover-slider__img {
	opacity: 0;
}

.hover-link.off .hover-slider__description {
	opacity: 0.4;
}

.hover-link::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 4px;
	z-index: 1;
	background-color: #000;
	opacity: 0.4;
}



.hover-slider__img {
	background-image: url(../img/bg/bg1.webp);
	background-size: cover;
	background-position: center;
	z-index: 1;
	-webkit-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
	position: absolute;
	top: 0;
	left: 0;
	width: 400%;
	height: 100%;
}

.hover-slider__description .flex {
	display: flex;
	align-items: center;
	width: 100%;
}

.hover-link:nth-child(2) .hover-slider__img {
	background-image: url(../img/bg/bg2.webp);
	left: -100%;
}

.hover-link:nth-child(3) .hover-slider__img {
	background-image: url(../img/bg/bg3.webp);
	left: -200%;
}

.hover-link:nth-child(4) .hover-slider__img {
	background-image: url(../img/bg/bg4.webp);
	left: -300%;
}

.hover-slider__description p {
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #FFFFFF;
}

.hover-link::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 4px;
	z-index: 1;
	background-color: #000;
	opacity: 0.4;
}

.hover-link:hover {
	overflow: visible;
}

.hover-link.off {
	z-index: 4;
}

.slick-dots li {
	width: 23px;
	height: 23px;
	display: inline-block;
	margin: 0 5px;
	list-style: none;
	font-size: 0;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.3);
}

.slick-dots li.slick-active {
	background: rgba(255, 255, 255, 0.7);
}

.slick-dots li button {
	width: 100%;
	height: 100%;
	background: transparent;
	border: none;
	border-radius: 50%;
}

/* Icons */
@font-face
{
	font-family: 'slick';
	font-weight: normal;
	font-style: normal;

	src: url('../fonts/slick.eot');
	src: url('../fonts/slick.eot?#iefix') format('embedded-opentype'), url('../fonts/slick.woff') format('woff'), url('../fonts/slick.ttf') format('truetype'), url('../fonts/slick.svg#slick') format('svg');
}

/* Arrows */
.slick-prev,
.slick-next
{
	font-size: 0;
	line-height: 0;

	position: absolute;
	top: 50%;

	display: block;

	width: 20px;
	height: 20px;
	padding: 0;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);

	cursor: pointer;

	color: transparent;
	border: none;
	outline: none;
	background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
	color: transparent;
	outline: none;
	background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
	opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
	opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
	font-family: 'slick';
	font-size: 31px;
	line-height: 1;

	opacity: .75;
	color: white;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
	left: -36px;
}
[dir='rtl'] .slick-prev
{
	right: -40px;
	left: auto;
}
.slick-prev:before
{
	content: '←';
}
[dir='rtl'] .slick-prev:before
{
	content: '→';
}

.slick-next
{
	right: -21px;
}
[dir='rtl'] .slick-next
{
	right: auto;
	left: -30px;
}
.slick-next:before
{
	content: '→';
}
[dir='rtl'] .slick-next:before
{
	content: '←';
}

#service .slick-slide {
	margin: 0 10px;
}

.howitworks-text.mob {
	display: none;
}

.contact-info {
	display: none;
}

.navbar-expand-lg .navbar-nav {
	width: 100%;
}

button.navbar-toggler.active .mdi-menu::before {
	content: "\F0156";
}

@media only screen and (max-width: 1199px) {
	.single_about-wrapper {
		width: calc(33.333% - 16px);
		margin-bottom: 16px;
	}
	#about_us .row.text-center {
		justify-content: center;
	}

	.img-block {
		order: 1;
	}

	.img-block .img-fluid {
		margin: 0 auto;
		display: block;
	}

	.cont-block {
		order: 2;
	}

	.teem-block-cont {
		margin-bottom: 20px;
	}

	.howitworks-cont-bottom .flex{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.howitworks-cont-bottom a.link {
		margin-left: 25px;
		margin-top: 5px;
	}
}

@media only screen and (max-width: 991px) {
	.address_area-wrap.col-lg-4.col-sm-4.col-xs-12 {
		width: 100%;
		margin-bottom: 20px;
	}

	.howitworks-cont-bottom .flex{
		display: block;
		text-align: center;
	}

	.howitworks-cont-bottom .flex .btn_contact{
		width: 100%;
		margin: 10px 0;
	}
	.howitworks-cont-bottom .flex .btn_contact .btn_two{
		width: 100%;
		margin: 0;
	}

	.bg-footer-top {
		background-size: 200% 100%;
		background-position: 30%;
		/*padding: 0 0 90px;*/
	}
	.portfolio {
		margin-top: 0;
	}
	/*.portfolio-header {*/
	/*	margin-top: 170px;*/
	/*}*/
	.footer .col-xs-12{
		width: 100%;
	}

	.bg-footer-bot{
		text-align: center;
	}

	.social_profile_container{
		align-items: center;
	}

	.contact-info {
		display: block;
		margin-top: 24px;
		padding-top: 29px;
		border-top: 1px solid #fff;
	}

	.contact-info .contact-title {
		font-weight: 600;
		font-size: 20px;
		line-height: 27px;
		color: #BABECA;
		margin-bottom: 23px;
	}

	.contact-info-row {
		font-weight: 400;
		font-size: 20px;
		line-height: 27px;
		color: #C3C7D3;
		margin-bottom: 14px;
	}
	.contact-info-row a {
		font-weight: 400;
		font-size: 20px;
		line-height: 27px;
		text-decoration-line: underline;
		color: #C3C7D3;
		margin-bottom: 14px;
	}

	.contact-info-row img {
		margin-right: 10px;
	}
	.socials{
		display: none;
	}
}

@media only screen and (max-width: 480px) {
	.single_about:hover {
		background: #fff;
	}

	.single_about:hover img {
		filter: none;
	}

	.single_about:hover h3 {
		color: #1b2032;
	}

	.single_about:hover p {
		color: #000000;
	}

	.home_bg {
		height: 100vh;
		min-height: 760px;
	}

	.home-bottom.block .flex span {
		padding-left: 24px;
		font-size: 14px;
	}

	.home-bottom.block {
		width: calc(100% - 46px);
		padding: 20px 22px;
		bottom: 95px;
	}

	.hero-text-position {
		top: 42%;
	}

	.howitworks-text-item .text-label {
		display: none;
	}

	.howitworks-text-item span.name .text-label {
		display: block;
		padding-top: 5px;
	}

	.section-padding {
		padding: 32px 23px;
	}
	.section-title h2 {
		font-size: 32px;
		line-height: 44px;
		text-align: left;
	}
	.section-title {
		margin-bottom: 30px;
	}

	.single_about-wrapper {
		width: 100%;
		margin-bottom: 32px;
		margin-right: 0;
	}

	.single_about-wrapper:last-child {
		margin-bottom: 0;
	}

	.single_about {
		display: flex;
		flex-wrap: wrap;
		padding: 32px 20px 0;
		justify-content: space-between;
	}

	/*.single_about-wrapper:first-child .single_about{*/
	/*	padding-bottom: 78px;*/
	/*}*/

	.single_about h3 {
		margin-bottom: 0;
		width: calc(100% - 63px);
	}

	.single_about p {
		display: none;
	}

	.single_about img {
		margin-bottom: 0;
		max-width: 47px;
		height: auto;
		align-self: baseline;
	}

	.howitworks-text h2 {
		font-size: 32px;
	}

	.howitworks-text-item {
		width: 100%;
	}

	#howitworks .row {
		padding: 0 23px;
	}

	.cont-block {
		padding: 0;
	}

	.howitworks-cont-bottom .flex {
		flex-wrap: wrap;
		padding-top: 0;
	}

	.howitworks-cont-bottom .about_btn {
		width: 100%;
		order: 2;
	}

	#about_area .btn_one, #market_area .btn_one, #howitworks .btn_one {
		width: 100%;
		text-align: center;
	}

	.howitworks-cont-bottom a.link {
		margin: 0 auto 23px;
		order: 1;
	}

	.howitworks-text h2 {
		display: none;
	}

	.howitworks-text.mob {
		display: block;
	}

	.howitworks-text.mob h2 {
		display: block;
		text-align: left;
		padding-bottom: 14px;
	}

	.img-block {
		padding: 0;
	}

	#service .container {
		padding: 0;
	}

	#service .container .section-title-white {
		text-align: center;
	}

	.single_why_invest {
		height: inherit;
	}

	#service .single_why_invest img {
		margin: 0 auto 20px;
	}

	.promotion_crypto_info h2, .promotion_crypto_info p {
		font-size: 36px;
		line-height: 42px;
		font-weight: 300;
	}

	.promotion_crypto_info p span {
		font-weight: 700;
		font-size: 36px;
		line-height: 42px;
	}

	section#promotion {
		padding-top: 80px;
		padding-bottom: 80px;
	}

	#team .section-title h2 {
		text-align: center;
	}

	.newsletter_form h4 {
		font-size: 32px;
		line-height: 44px;
	}

	section.newslatter_area.section-padding {
		padding: 115px 23px;
	}

	.partner_area.section-padding h2 {
		text-align: center;
	}

	.switch-container .slick-slide:nth-child(1) .hover-link .hover-slider__img {
		background-image: url(../img/bg/bg1.webp);
		left: 0;
		width: 100%;
	}

	.switch-container .slick-slide:nth-child(2) .hover-link .hover-slider__img {
		background-image: url(../img/bg/bg2.webp);
		left: 0;
		width: 100%;
	}

	.switch-container .slick-slide:nth-child(3) .hover-link .hover-slider__img {
		background-image: url(../img/bg/bg3.webp);
		left: 0;
		width: 100%;
	}

	.switch-container .slick-slide:nth-child(4) .hover-link .hover-slider__img {
		background-image: url(../img/bg/bg4.webp);
		left: 0;
		width: 100%;
	}
	.switch-container .slick-slide:nth-child(5) .hover-link .hover-slider__img {
		background-image: url(../img/bg/bg1.webp);
		left: 0;
		width: 100%;
	}

	.switch-container .slick-slide:nth-child(6) .hover-link .hover-slider__img {
		background-image: url(../img/bg/bg2.webp);
		left: 0;
		width: 100%;
	}

	.switch-container .slick-slide:nth-child(7) .hover-link .hover-slider__img {
		background-image: url(../img/bg/bg3.webp);
		left: 0;
		width: 100%;
	}

	.switch-container .slick-slide:nth-child(8) .hover-link .hover-slider__img {
		background-image: url(../img/bg/bg4.webp);
		left: 0;
		width: 100%;
	}

	.switch-container .hover-link {
		height: 445px;
		border-radius: 8px;
		border: 2px solid #4B4B4B;
	}

	.switch-container .slick-slide {
		height: 444px;
		width: 300px;
		padding: 0 6px;
	}

	.hover-slider__description {
		top: 40%;
		left: 40%;
	}

	.hover-box {
		border-radius: 0;
		padding-top: 32px;
		background: #3F29B0;
	}

	.hover-link.off .hover-slider__img {
		opacity: 0.4;
	}

	.hover-link::after {
		border-radius: 0;
	}

	.navbar-nav {
		padding-top: 10px;
	}

	.contact-info-row {
		font-size: 16px;
		line-height: 1.5;
	}

	.contact-info-row a {
		font-size: 16px;
		line-height: 1.5;
	}
}


@media only screen and (max-width: 350px) {
	.home_bg {
		min-height: 780px;
	}
}
@media only screen and (max-width: 768px) {
	.hero-text h2 {
		/*margin-top: 150px;*/
	}
	.portfolio-slider{
		padding-top: 0;
		padding-bottom: 0;
	}
	.why_invest_crypto_area{
		display: flex;
		align-items: center;
		/*height: 100vh;*/
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.menu-scroll{
		margin-top: 30px;
	}
	.hero-text p {
		width: 65%;
	}
	/*.slider-portfolio .slick-slide img{*/
	/*	width: 310px;*/
	/*	height: 310px;*/
	/*}*/
	/*.slider-portfolio .slick-slide{*/
	/*	height: 310px;*/
	/*}*/
}
.btn_contact .btn_two{
	border: 1px solid #4328b7;
}


.contact_btn_home a{
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
	text-decoration-line: underline;
	color: #fff;
	position: relative;
}

.ccm__cheading__close {
	font-size: 0 !important;
}

.ccm__cheading__close:before {
	content: "";
	background: url(../img/icon/close.svg) no-repeat;
	font-size: 26px;
	width: 26px;
	height: 26px;
	display: block;
}

#cconsent-modal .ccm__content > .ccm__content__body .ccm__tab-head__status.ccm__tab-head__status--checked,
#cconsent-modal .ccm__content > .ccm__content__body .ccm__tab-head__status.ccm__tab-head__status--unchecked {
	font-size: 0 !important;
}

#cconsent-modal .ccm__content > .ccm__content__body .ccm__tab-head__status.ccm__tab-head__status--checked:before {
	content: "";
	background: url(../img/icon/check.svg) no-repeat center/contain;
	font-size: 20px;
	width: 20px;
	height: 20px;
	display: block;
}

#cconsent-modal .ccm__content > .ccm__content__body .ccm__tab-head__status.ccm__tab-head__status--unchecked:before {
	content: "";
	background: url(../img/icon/unchecked.svg) no-repeat center/contain;
	font-size: 20px;
	width: 20px;
	height: 20px;
	display: block;
}

#cconsent-bar {
	z-index: 2147483640 !important;
}

#cconsent-modal {
	z-index: 2147483641 !important;
}

#cconsent-bar, #cconsent-modal .ccm__footer button {
	background-color: #4328b7 !important;
}

#cconsent-bar {
	background-color: transparent !important;
}

#cconsent-modal .ccm__footer button:hover {
	background: #1b2032 !important;
}

.ccb__wrapper {
	max-width: 946px !important;
	border-radius: 16px;
	background-color: #4328b7;
	padding: 15px;
}

#cconsent-bar button.consent-give {
	background-color: #fff;
	padding: 16px 32px !important;
	border-radius: 100px;
	color: #4328B7 !important;
	text-align: center;
	font-weight: 500;
	border: 1px solid #fff !important;
	transition: all 0.3s;
}

#cconsent-bar button.consent-give:hover {
	background-image: linear-gradient(to right,#4328b7, #3854de, #093fc1) !important;
	color: #fff !important;
}

#cconsent-bar button.ccb__edit {
	margin-right: 10px !important;
	color: #fff;
	padding: 16px 32px  !important;
	border: 1px solid #fff  !important;
	border-radius: 100px  !important;
	text-decoration: none !important;
	text-align: center;
	font-weight: 500;
	transition: all 0.3s;
}

#cconsent-bar button.ccb__edit:hover {
	background-image: linear-gradient(to right,#4328b7, #3854de, #093fc1) !important;
	color: #fff !important;
}

.ccb__left .cc-text {
	max-width: 327px;
	color: #FFF;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	order: 2;
}

#cconsent-bar .ccb__left {
	display: flex;
	align-items: center;
}

#cconsent-bar .ccb__left img {
	order: 1;
	margin-right: 10px;
}
#cconsent-modal .ccm__content {
	 max-width: 700px !important;
	 min-height: 400px !important;
	 max-height: 480px !important;
	 background-color: #fff !important;
	 border-radius: 16px;
 }

#cconsent-modal .ccm__content > .ccm__content__heading h2 {
	margin-bottom: 32px !important;
	border-bottom: 1px solid #ddd;
	width: calc(100% + 64px);
	margin-left: -32px !important;
	padding: 0 32px 24px;
	color: #1B2032 !important;
	font-size: 18px !important;
}
#cconsent-modal .ccm__content > .ccm__content__heading {
	padding-bottom: 32px !important;
	border-bottom: none !important;
}
#cconsent-modal .ccm__content > .ccm__content__heading,
#cconsent-modal .ccm__footer {
	background-color: #fff !important;
}

#cconsent-modal .ccm__tab-trigger {
	padding: 17px 32px 17px 32px !important;
	color: #1B2032 !important;
	font-size: 16px;
}
#cconsent-modal .ccm__content > .ccm__content__body .ccm__tab-head__status.ccm__tab-head__status--checked,
#cconsent-modal .ccm__content > .ccm__content__body .ccm__tab-head__status.ccm__tab-head__status--unchecked {
	display: none !important;
}
#cconsent-modal .ccm__content > .ccm__content__body .ccm__tabgroup {
	border-bottom: 0 !important;
}
#cconsent-modal .ccm__footer button#ccm__footer__consent-modal-submit {
	border: 1px solid #1B2032;
	color: #1B2032 !important;
	font-size: 14px;
	font-weight: 500;
	background-color: #fff !important;
}

#cconsent-modal .ccm__footer button {
	padding: 16px 32px !important;
	border-radius: 100px !important;
	border: 1px solid transparent;
	transition: all 0.3s;
}

#cconsent-modal .ccm__footer button#ccm__footer__consent-modal-submit:hover {
	color: #fff !important;
}

#cconsent-modal .ccm__footer button:hover {
	background-image: linear-gradient(to right,#4328b7, #3854de, #093fc1) !important;
	color: #fff !important;
}

#cconsent-bar.ccb--hidden {
	transform: translateY(100%) !important;
	bottom: 0 !important;
}

@media only screen and (max-width: 480px){
	#cconsent-bar {
		width: 100% !important;
	}
	#cconsent-bar .ccb__wrapper {
		max-width: 375px !important;
		justify-content: center;
	}
	#cconsent-bar .ccb__right .ccb__button {
		display: flex !important;
		flex-wrap: wrap;
		gap: 10px;
	}
	#cconsent-bar button.ccb__edit {
		width: 100%;
		margin: 0 !important;
	}
	#cconsent-bar button.consent-give {
		width: 100%;
	}

	#cconsent-modal .ccm__content > .ccm__content__heading {
		padding: 20px 24px 20px;
	}
	#cconsent-modal .ccm__content > .ccm__content__heading h2 {
		margin-bottom: 20px !important;
		width: calc(100% + 48px);
		margin-left: -24px !important;
		padding: 0 24px 20px;
	}
	#cconsent-modal .ccm__tab-trigger {
		padding: 13px 24px 13px 24px !important;
	}
	#cconsent-modal .ccm__content > .ccm__content__heading {
		padding-bottom: 11px !important;
	}
	#cconsent-modal .ccm__content > .ccm__content__body .ccm__tabgroup .ccm__tab-content__inner {
		padding: 15px 24px;
	}
	#cconsent-modal .ccm__content > .ccm__content__body .ccm__tab-content h3 {
		font-size: 16px !important;
	}
	#cconsent-modal .ccm__footer {
		padding: 24px!important;
		display: flex;
		align-items: center;
		justify-content: center !important;
		flex-wrap: wrap;
		gap: 10px;
	}
	#cconsent-modal .ccm__footer button#ccm__footer__consent-modal-submit {
		width: 100%;
		order: 2;
	}
	#cconsent-modal .ccm__footer button + button {
		margin-left: 0 !important;
		width: 100%;
	}

}

@media only screen and (max-width: 375px){
	#cconsent-bar {
		max-width: 327px;
	}
}

.bg-section {
	background: url(../img/bg/bg-shapes.png) no-repeat center/cover;
}

section.counter_area.counter_feature.section-padding {
	padding: 160px 0;
}

.j-cont {
	justify-content: center;
}

@media only screen and (max-width: 820px){
	.promo-button {
		flex-wrap: wrap;
	}
	.howitworks-cont-bottom a.link {
		justify-content: center;
		margin-left: 0;

	}

	.btn_one {
		width: 100%;
		justify-content: center;
	}
	.single_why_invest img {
		margin: 0 auto 20px;
	}

	.switch-container .slick-slide {
		height: 444px;
		width: 300px;
		padding: 0 6px;
	}

	.switch-container ul.slick-dots {
		display: none !important;
	}
}

/*PAGE PORTFOLIO*/
.portfolio-page {
	margin-top: 100px;
}

.portfolio-page .section-title {
	margin-bottom: 0;
}

.portfolio-page .section-title h2 {
	margin-bottom: 0;
}

.vide-block {
	padding: 80px 0;
	display: none;
}
.vide-block-item .card_video-youtube img {
	display: block;
	width: 100%;
}
.card_video-youtube {
	position: relative;
	border-radius: 16px;
	overflow: hidden;
}
.card_video-youtube .video_play {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border: none;
	background: transparent;
}

.card_video-youtube .video_play img {
	display: block;
	width: 60px;
	border-radius: 12px;
}

.video-masc {
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.3);
	position: absolute;
	top: 0;
	left: 0;
}

.topcontrol {
	opacity: 0;
}
.topcontrol.active {
	opacity: 1;
}

/*body #chat-widget-container{*/
/*	opacity: 0 !important;*/
/*}*/
body.active #chat-widget-container{
	opacity: 1 !important;
}

@media only screen and (max-width: 1199px){
	.portfolio-grid a {
		width: calc(50% - 12px);
	}

	.portfolio-grid {
		gap: 24px;
	}
}
@media only screen and (max-width: 680px){
	.contact_us-card {
		width: 100%;
	}
	.portfolio-grid a {
		width: 100%;
	}
	.vide-block {
		padding: 22px 0 60px;
	}
	.portfolio .bg-footer-top {
		padding-top: 40px;
	}
	.portfolio-page {
		margin-top: 60px;
	}
	.portfolio-page .bg-footer-top {
		padding-top: 50px;
		padding-bottom: 0;
	}
	.contact_us.section-padding.pbm {
		padding-bottom: 60px;
	}
	.single_about .bottom-btn {
		display: none;
	}
	.single_about .bottom-label {
		position: absolute;
		bottom: 38px;
		left: 24px;
		right: 24px;
	}
}


/*PORTFOLIO*/

.portfolio-grid .item span {
	display: block;
	text-align: left;
}

.portfolio-grid .item {
	text-decoration: unset;
}

.portfolio-grid .item img {
	margin-bottom: 20px;
	display: block;
	border-radius: 8px;
	width: 100%;
}

.portfolio-grid .item .name {
	color: var(--Dark-blue, #1B2032);
	font-family: "Open Sans", sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 30px;
	margin-bottom: 6px;
}

.portfolio-grid .item .description {
	color: var(--Dark-blue, #1B2032);
	font-family: "Open Sans", sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}

.portfolio-grid .item:first-child {
	width: calc(66.666% - 19px);
}

.portfolio-grid .video-youtube {
	position: relative;
}

.portfolio-grid .video-youtube .video_play {
	display: block;
	border: none;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: transparent;
}

.portfolio-grid .video-youtube .video_play img{
	margin: 0;
}

.portfolio-grid .video-youtube iframe {
	height: calc(100% - 21px);
	border-radius: 8px;
	overflow: hidden;
}

.portfolio-page .b-tab.hidden {
	display: none;
}
.portfolio-page .tab-blocks-wrapper {
	margin-bottom: 80px;
}
.portfolio-page .tabs__caption.tab-block {
	display: flex;
	justify-content: center;
	gap: 16px;
	list-style: none;
	padding-left: 0;
	margin: 0;
}

.portfolio-page .b-nav-tab {
	border-radius: 58px;
	border: 1px solid rgba(27, 32, 50, 0.20);
	padding: 15px 32px;
	color: #4328B7;
	text-align: center;
	font-family: "Open Sans", sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 24px;
	cursor: pointer;
	transition: all 0.5s;
}


.portfolio-page .b-nav-tab.active, .portfolio-page .b-nav-tab:hover {
	background: var(--Gradient, linear-gradient(270deg, #3C45D0 0.15%, #4329B8 99.88%));
	color: #fff;
}

.portfolio-page .tab-section {
	padding-bottom: 100px;
}

.portfolio-flex {
	display: flex;
	flex-wrap: wrap;
	gap: 60px;
}
.portfolio-flex-item {
	width: calc(50% - 30px);
	text-align: left;
}

.portfolio-flex-item img {
	display: block;
	width: 100%;
	border-radius: 8px;
	border: 1px solid rgba(27, 32, 50, 0.10);
	margin-bottom: 24px;
}

.portfolio-flex-item .name {
	color: var(--Dark-blue, #1B2032);
	font-family: "Open Sans", sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: 32px;
	margin-bottom: 14px;
}

.portfolio-flex-item p {
	color: var(--Dark-blue, #1B2032);
	font-family: "Open Sans",sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	margin-bottom: 10px;
}

.portfolio-flex-item p.services {
	margin-bottom: 14px;
	color: var(--Dark-blue, #1B2032);
	font-family: "Open Sans",sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}

.portfolio-flex-item p.services span {
	font-weight: 600;
}
.portfolio-flex-item .bottom-row {
	display: flex;
	gap: 16px;
	flex-wrap: wrap;
}
.portfolio-flex-item .bottom-row a {
	color: #4328B7;
	font-family: "Open Sans", sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 24px;
	text-decoration: none;
}
.portfolio-flex-item .bottom-row a:hover {
	text-decoration: underline;
}

.portfolio-page .section-title h2 {
	color: #1B2032;
	font-family: "Open Sans", sans-serif;
	font-size: 40px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin-bottom: 40px;
}

@media only screen and (max-width: 1199px) {
	.portfolio-grid .item:first-child {
		width: 100%;
	}
}

@media only screen and (max-width: 768px) {
	.portfolio-flex-item {
		width: 100%;
	}
	.portfolio-flex {
		gap: 40px;
	}
}

@media only screen and (max-width: 480px) {
	.portfolio-grid .item img.poster {
		min-height: 350px;
		object-fit: cover;
	}

	.portfolio-grid .item .video-youtube {
		height: 370px !important;
	}

	.portfolio-grid .video-youtube iframe {
		height: 350px !important;
	}

	.portfolio-flex-item .name {
		font-size: 20px;
		line-height: 26px;
	}
	.portfolio-page .tab-section {
		padding-bottom: 20px;
	}

	.portfolio-page .tabs__caption.tab-block {
		gap: 8px;
		justify-content: flex-start;
	}
	.portfolio-page .tab-blocks-wrapper {
		margin-bottom: 40px;
	}

	.portfolio-page .section-title h2 {
		font-size: 32px;
		margin-bottom: 20px;
		text-align: left !important;
	}
	.portfolio-page .section-title {
		text-align: left !important;
	}

	.portfolio-page .b-nav-tab {
		padding: 11px 24px;
	}


}

@media only screen and (max-width: 375px) {
	.portfolio-page .b-nav-tab {
		padding: 8px 12px;
		font-size: 14px;
	}
}