.viewMoreBtn{
	display: flex;
	justify-content: space-between;
	align-items: center;
	border: 1px solid #0000000a;
    padding: 4px;
    border-radius: 30px;
	transition: all 0.3s ease-in-out
}
.viewMoreBtn span, .viewMoreBtn i{font-weight: 600;color: #212529;font-size: 15px;}
.viewMoreBtn i.feather{
	width: 36px;
    height: 36px;
    background: #eee;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.viewMoreBtn:hover {background-color: #37474f;}
.viewMoreBtn:hover > span {color: #fff;}
.bg-banner.shadows{box-shadow:0 0.2rem 2rem rgb(0 0 0 / 3%) !important}

.integrate h4 {font-size: 20px;font-weight: 900;}
.swiper-wrapper{width:800px !important;}
.swiper {width: 600px;height: 300px;}
.marketplace-web .border-left{
	border-left:3.5px solid #9CCB3B !important;
}
.marketplace-web .input-group.search{
	max-width: 750px;
	margin: auto;
}
.marketplace-web .form-control {
	border: none;
	background-color:#fff;
	border-radius: 0.5rem;
	padding: 24px 16px;
	color:#52516f !important;
	border:1px solid #37474f30;
}
.marketplace-web .btn-outline-secondary {
	color: #6c757d;
	border: none;
	background-color: #F2F3F5;
	border-radius: .5rem;
	padding-left: 1rem;
	padding-right: 1.5rem;
	border: 1px solid #37474f30;
}
::placeholder{color:red;}
#app_search::placeholder{font-size:13px;}
.marketplace-web .btn-outline-secondary:active,
.marketplace-web .btn-outline-secondary:hover {
	background-color: #E8E8E8 !important;
	border-color: none !important;
}
.marketplace-web .form-control:focus,
.marketplace-web .btn-outline-secondary:active:focus,
.marketplace-web .btn-outline-secondary:focus-visible,
.marketplace-web .btn-outline-secondary:focus {
	box-shadow: none;
	outline:none;
}
.feather.icon-search{
	font-size:1.3rem;
	color:#52526c;
}
.marketplace-web .shadow1{
	box-shadow: 0 0.2rem 2rem rgb(0 0 0 / 3%) !important;
	transition:all 0.3s;
}
.marketplace-web .shadow1:hover{
	box-shadow: 0 0.4rem 4rem rgb(0 0 0 / 12%) !important;
}
a.font-weight-bolder{
	color:#52516f;
	transition:all 0.3s;
}
a.font-weight-bolder:hover{color:#9CCB3B;}

.blue-gradient-bg {
	position: relative;
	padding-top: 60px;
	transform: perspective(1px) translateZ(0);
	-webkit-transform: perspective(1px) translateZ(0);
	background: transparent;
	margin-top: -50px;
}
.blue-gradient-bg::before {
	content: '';
	position: absolute;
	left: -10%;
	right: -10%;
	top: 0;
	bottom: 0;
	z-index: -1;
	background: #fff;
	border-top-right-radius: 100% 50%;
	border-top-left-radius: 100% 50%;
	background: linear-gradient(90deg, rgba(15,184,214,1) 0%,rgba(115,185,67,1) 100%);
}

.btnGradient{
	padding: 14px 24px;
	border-radius: 8px;
	color: #fff !important;
	font-size: 16px;
	font-weight: 500 !important;
	background-color: #9bca3b;
    border-color: #9bca3b;
}
.btnGradient:hover{background-color: #218838;border-color: #1e7e34;}
.joinJobma .card{
	border:2px solid #ffffff4f;
}
.fw8{
	font-weight: 800 !important;
}
.integrations .card{background-color:#37374b;border: 2px solid #ffffff20;border-radius:10px;}
.integrations .blue-gradient-bg{margin-top: 50px;}
.integrations .blue-gradient-bg::before{background:#f8f9fa;}
.border-top {border-top: 1px solid #f6f6f6 !important;}
.swiper-container {width: 100%;padding-left:50px;padding-right:50px;}
.swiper-slide {width: 80%;
	background-position:center;
	background-size:cover;
	max-width:430px;
	/* height:300px; */
	box-shadow: 0 15px 50px rgba(0,0,0,0.2);
}
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-left {background-image: none;}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, 
.swiper-pagination-fraction {bottom: -35px !important;}
.swiper-slide .card {height:340px !important;}
/* =============================================== */

.carousel-indicators{	
	bottom: -50px;
}
.carousel-indicators [data-bs-target]{
	background-color:#d4d4d4 !important;
	list-style: none;
}
.carousel-indicators .active {
	background-color:#9CCB3B !important;
}
#client .carousel-indicators li.active{
	background-color:#52526C;
}
.nav-tabs .nav-link {
	border: none;
	color: #52526C;
}
.marketplace-web .nav-item .nav-link.active {
	border:none;
	border-bottom:4px solid #52526C;
}
.badge-light {
	color: #212529;
	background-color: #F2F3F5;
}
.support-details i{
	background-color: #F2F3F5;
	padding: 10px;
	border-radius: 10px;
	font-size: 14px;
	color: #52526C;
}
.support-details p{
	font-size: 1rem;
	color: #52526C;
}
.social i{
	font-size:20px;
	color: #52526C;
	transition:all 0.3s;
	cursor:pointer;
}
.social i:hover{
	color:#9CCB3B;
}
section .bg-1,
.integrations{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: cover;
}
.integrations{background-image: url(../../images-V3/marketplace/marketplace.jpg);}
section .bg-1 {background-image: url(../../images-V3/bg/demo-bg1.webp);}
.w-custom{overflow: hidden;max-width: calc(100% - 4px); margin: auto;}

@media (min-width: 1200px) { 
	.marketplace-web .container{max-width: 1300px;}
}
@media (max-width: 1024px) { 
	.w-custom{overflow: visible;max-width: 100%;}
}

@media (min-width: 992px) { 
	.py-lg-10{
		padding-top: 100px !important;
		padding-bottom: 100px !important;
	}
}
@media (max-width: 992px) { 
	.text__center{justify-content: center;}
}
@media (max-width: 768px) { 
	.blue-gradient-bg::before {
		border-top-right-radius: 100% 30%;
		border-top-left-radius: 100% 30%;
	}
}
@media (max-width: 576px) { 
	.blue-gradient-bg::before {
		border-top-right-radius: 100% 15%;
		border-top-left-radius: 100% 15%;
	}
}
@media (max-width: 460px) { 
	.swiper-slide {
		width: 270px !important;
	}    
}
.searchResults {
	right: 0;
	left: 0;
	z-index: 4;
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
}
.searchResults ul{
    list-style: none;
}
ul#searchResults li:not(:last-child) {
    margin-bottom: 8px;
}
ul#searchResults li {
    cursor: pointer;
    padding: 12px 0 0 12px;
}

/* integration card css */
.integration-web .card:hover {
	border-color: #9BCA3B !important;
}
.integration-web .card:hover .front-card,
.integration-web .card .back-card {
	visibility: hidden;
	opacity: 0;
}
.integration-web .card .back-card {
	position: absolute;
	inset: 0;
	transform: translateY(100%);
	transition: all .2s ease;
	background-color: #fff;
	border-radius: .5rem;
}
.integration-web .card:hover .back-card {
	visibility: visible;
	opacity: 1;
	transform: translateY(0);
}
.integration-web .card .back-card .line-clamp-3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* pagination */
.custom-pagination .pagination .page-link {
	color: #576981;
	border: none;
	background: transparent;
	padding: .5rem 1rem;
}

.custom-pagination .pagination .page-item.active .page-link {
	background-color: #5a6c82;
	color: #fff;
	border-radius: 6px;
	cursor: not-allowed;
}

.custom-pagination .pagination .page-item:not(.active) .page-link:hover {
	background-color: #e9eef5;
	border-radius: 6px;
}

.custom-pagination .btn-outline-primary {
	border-color: #5a6c82;
	color: #5a6c82;
	border-radius: 6px;
	padding: 6px 20px;
}

.custom-pagination .btn-outline-primary:hover {
	background-color: #5a6c82;
	color: #fff;
}