/**
* Market place page style added
**/
:root {
  --main-black-color: #000000;
  --light-grey: #f8f8f8;
  --fw-400: 400;
  --fw-600: 600;
  --fw-700: 700;
}

@media only screen and (max-width: 1024px) {
	.wave-block-content {
		position: absolute !important;
		top: 50% !important;
		right: 50% !important;
		transform: translate(-50%, -50%) !important;
	}
}

.mp-post-container {
    display: grid;
    grid-template-columns: 250px calc(100% - 250px);
    gap: 30px;
    width: 100%;
    margin: 60px auto !important;
}

.retail-post-container {
	display: flex;
    flex-direction: column;
    gap: 30px;
    width: 100%;
    margin: 60px auto !important;
}
.retail-post-container .mp-all-appslist {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}
.retail-post-container .appcard {
	padding-bottom: 80px;
}

.marketplace-hero-banner { max-width:100% !important;  background-color: #000;	padding-bottom:11rem !important;}
.marketplace-hero-banner .wrap { color: #fff; display: flex; align-items: center;justify-content: space-between; width: 100%;}
.marketplace-hero-banner .wrap h1 { display:block !important; font-weight: 600;font-size: 40px; line-height: 48px;  margin-bottom: 8px;}
.syndigo-marketplace-template { padding-bottom: 4rem;background: #f8f8f8;}
.page-template-syndigo-partner .syndigo-marketplace-template { padding-bottom: 0;}
.heroContent {
    display: flex;
    flex-direction: column;
    gap: 25px;
}
.marketplace-hero-banner .hero-desc {
    max-width: 600px;
    position: relative;
    top: -15px;
    font-weight: 500;
    font-size: 1.25rem;
    line-height: 1.75rem;
}
.marketplace-borucher {
    background: #090E13;
    color: #fff;
    padding: 100px 0px !important;
	background-image:url('../png/rectangle-bg.png');
	background-repeat: no-repeat;
    background-position: right bottom;
}
.marketplace-borucher .wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.broucher-content h1 {
   font-size: 40px;
 font-style: normal;
 font-weight: 600;
 line-height: 48px;
	margin-bottom: 12px;
}
.ebook-dwn-btn {
	margin-top:30px;
}
.broucher-content {
    width: 360px;
}
/*** Featured CardBox ***/
.mp-article-section h2 {
    color: #101820;
    font-weight: 600;
    font-size: 28px;
    line-height: 34px;
	margin: 20px 0;
}
.mp-featured-apps {
    margin-top: 50px !important;
}
.mp-article-section .mp-featured-apps h2 {
	margin-top:0px;
}
.appcard {
	position:relative;
    background: #fff;
    border-radius: 8px;
    padding: 25px;
	padding-bottom: 130px;
	box-shadow: 0px 0px 2.75rem 2px rgba(0, 0, 0, .08);
}
.mp-featured-apps .appcard {
	box-shadow:none;
}
.apps-featured-slider .appcard{
	margin: 8px;
}
.appcard .cover {
    width: 150px;
    height: 60px;
}
.appcard .image {
    width: 100%;
    height: 100%;
	object-fit:cover;
    background-repeat: no-repeat;
    background-position: left center;
}
.appcard .app_name {
    font-weight: 600;
    color: #000;
    font-size: 20px;
    line-height: 24px;
}
.appcard p {
    color: #101820;
	line-height:24px;
	margin: 8px 0;
}
.download-sheet a{
	font-weight: 600;
    color: #101820;
    font-size: 18px;
    line-height: 24px;
    text-decoration: underline;
}
.download-sheet a:hover,
.download-sheet a:focus{
	color: #38D200;
	text-decoration: none;
}
.appcard .meta-category {
    display: inline-grid;
    grid-template-columns: auto auto;
    gap: 12px;
}
.appcard .meta-category span {
	display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    line-height: 18px;
    color: #101820;
    padding: 4px 8px;
    background: #F1F1F1;
    border-radius: 8px;
    text-align: center;
}
.appcard .download-sheet {
	text-align:center;
	margin: 24px 0;
	position: absolute;
    bottom: 54px;
    width: 100%;
    left: 0;
}
.mkdemo-requestbtn {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    background: #38D200;
    font-size: 18px;
    text-align: center;
    padding: 15px 0;
	cursor: pointer;
    font-weight: 600;
}
.apps-featured-slider .slick-track { display: flex !important;}
.apps-featured-slider .slick-slide { height: inherit !important; }
.apps-featured-slider .slick-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    margin: 30px 0;
}
.apps-featured-slider .slick-dots li {
    width: 16px;
    height: 16px;
    border-radius: 50%;
}
.apps-featured-slider .slick-dots li button {
    width: 100%;
    height: 100%;
    color: transparent;
    border-radius: 50%;
	border:0;
    background: #383838;
}
.apps-featured-slider .slick-dots li.slick-active button {
	background: #33EA18;
}

/*** All Apps Styles ***/
.mp-all-apps-solutions { margin-top: 50px; }
.page-template-syndigo-partner .mp-all-apps-solutions {margin-top: 0;}
.mp-all-appslist {
    display: grid;
    /*grid-template-columns: auto auto auto;*/
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 15px;
}
.mp-all-appslist .mp-load-more {
    grid-column: 1 / -1; /* Span across all columns */
}
.developed_by_name {
    font-size: 14px;
    color: #8E8E8E;
    line-height: 18px;
    text-align: center;
	position: absolute;
    width: 100%;
    left: 0;
    bottom: 20px;
}
.developed_by_name span {
	font-weight:600;
}
.mp-all-appslist .appcard * {
	transition: all .3s ease-out;
}
.mp-all-appslist .appcard {
	overflow: hidden;
}
.mp-all-appslist .appcard .mkdemo-requestbtn {
	bottom:-100px;
}
.mp-all-appslist .appcard:hover .mkdemo-requestbtn {
	bottom:0;
}
/*** Filter Style ***/
.mp-sidebar .filter h3 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 12px;
}
.mp-sidebar .filter {
    padding-bottom: 30px;
}
.mp-sidebar .mp_checklist_group .form_group {
    padding-bottom: 10px;
}
.mp-sidebar .mp_checklist_group label {
    margin-left: 8px;
}

.mp-sidebar input[type="checkbox"].app_filter {
	display: none;
}
.mp-sidebar input[type="radio"].app_filter {
	display: none;
}
.mp-sidebar .checklist-checkbox {
	display: inline-block;
	width: 18px;
	height: 18px;
	border: 1.5px solid #38D200;
	border-radius: 4px;
	position: relative;
	cursor: pointer;
	vertical-align: middle;
}
.checklist-checkbox::after {
	content: '';
	position: absolute;
	left: 5px;
	top: 2px;
	width: 5px;
	height: 9px;
	border: solid #38D200;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
	opacity: 0;
}
.mp-sidebar input[type="checkbox"].app_filter:checked + .checklist-checkbox::after {
	opacity: 1;
}
.mp-sidebar input[type="radio"].app_filter:checked + .checklist-checkbox::after {
	opacity: 1;
}

/** Partner Card Style **/
.appcard.partner-card {
	padding-top: 35px;
	transition: all .3s ease-out;
	padding-bottom:150px;
}
.mp-all-appslist .appcard.partner-card:hover {
	padding-bottom:150px;
}
.partner-readmore {
	transition: all .3s ease-out;
    position: absolute;
    left: 25px;
    bottom: 35px;
}
.mp-all-appslist .appcard.partner-card:hover .partner-readmore {
	bottom: 60px;
}
.partner-tier-btn {
    position: absolute;
    left: 25px;
    bottom: 80px;
}
.mp-all-appslist .appcard.partner-card:hover .partner-tier-btn {
	bottom: 100px;
}
.partner-card .img-div {
	display: flex;
    height: 5rem;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px;
}
.partner-card .img-div img {
    width: auto;
    height: auto;
    display: block;
    max-width: 100%;
    object-fit: contain;
    max-height: 5rem;
}
.partner-card .title {
    color: #000;
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 2rem;
    margin-bottom: .5rem;
}
.partner-card .content {
	color: #101820;
	font-weight: 400;
	font-size: 1rem;
	line-height: 1.5rem;
}
.partner-readmore .read-more {
	display: flex;
	gap: .5rem;
    color: #38d200;
	font-weight: 600;
    font-size: 1.125rem;
    transition: all 400ms;
    line-height: 1.375rem;
	align-items: center;
}
.partner-readmore .read-more::after {
    content: "";
    width: 1.625rem;
    height: 1.5rem;
    margin-top: .1875rem;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
	background-image:url('../svg/arrow-green.svg');
}
.partner-readmore .read-more:hover {
	gap: 1rem;
}
.partner-tier-btn ul {
    display: flex;
    align-items: center;
    gap: 10px;
}
.partner-tier-btn ul li {
    font-weight: 600;
    font-size: 1rem;
    line-height: 24px;
    padding: 3px 12px;
    border-radius: 21px;
	color:#ffffff;
}
.partner-tier-btn ul li.gold {
	background: linear-gradient(90deg, #E1CB8B 0%, #D0A136 47%, #E8C776 100%);
}
.partner-tier-btn ul li.bronze {
	background: linear-gradient(90deg, #8792A2 0%, #3F4E65 50%, #8792A2 100%);
}
.partner-tier-btn ul li.silver {
	background: linear-gradient(90deg, #8AACC7 0%, #B3D4EC 50%, #97B6CB 100%);
}
.partner-board-btn {
    margin-bottom: 1rem;
}
.partner-board-btn span.boardbtn {
    color: #0473EA;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    border: 1px solid #0473EA;
    padding: 5px 16px;
    border-radius: 100px;
	background: rgb(4 115 234 / 10%);
}
.tire_slug-bronze .partner-tier-btn li,
.tire_slug-gold .partner-tier-btn li,
.tire_slug-silver .partner-tier-btn li {display:none}
.tire_slug-bronze .partner-tier-btn li.bronze,
.tire_slug-gold .partner-tier-btn li.gold,
.tire_slug-silver .partner-tier-btn li.silver {display:block}
.resources-body.template-search-filter {
    background: transparent;
    padding: 0;
}
.resources-body.template-search-filter .search-div {
	width: 640px !important;
	margin: 0 auto;
}
.resources-body.template-search-filter .form-div {
	max-width: 100% !important;
}
.resources-body.template-search-filter .filter-section .search-div .form-div input[type=text] {
	max-width:100%;
}


/*** POPUP STYLE ***/
.page-template-syndigo-marketplace {position:relative;}
.page-template-syndigo-marketplace .mfp-bg {
    background:rgb(10 9 9 / 92%);
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    z-index: 111;
}

.page-template-syndigo-marketplace .mfp-preloader {display:none;}
.page-template-syndigo-marketplace .mfp-wrap h3 {
    font-size: 32px;
    line-height: 40px;
    font-weight: 700;
	margin-bottom: 20px;
}

.page-template-syndigo-marketplace .mfp-wrap {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	z-index:111;

}
.page-template-syndigo-marketplace .mfp-content {
    width: 900px;
	overflow:auto;
    border-radius: 8px;
}
.page-template-syndigo-marketplace .mfp-close {
    position: absolute;
    top: 0;
    right: 0;
    background: #38d200;
    border: 0;
    color: #fff;
    font-size: 1.3rem;
}
.page-template-syndigo-marketplace .mktoForm {
    display: flex;
    flex-wrap: wrap;
}
.page-template-syndigo-marketplace .mfp-ready .popup-mform {display:block !important;background:#fff;}
.mp-load-more {
    width: 100%;
    text-align: center;
    margin: 50px 0;
}
.mp-load-more a {
	color: #101820;
    font-weight: 600;
    background: #38d200;
    line-height: 1.5rem;
    border-radius: 1.875rem;
    padding: 1.0625rem 1.375rem .9375rem 1.375rem;
}
.mp-load-more a:hover {
	background-color: #31d918;
}

@media screen and (max-width: 1023px) {
	.marketplace-hero-banner { padding-bottom: 80px !important; }
	.marketplace-hero-banner .heroBannerimage { text-align: center; margin-top: 30px; }
	.marketplace-hero-banner .wrap { display: flex !important; }
	.marketplace-hero-banner .wrap h1 { text-align: left !important; margin-bottom: 10px !important;}
	.mp-post-container { display: flex; flex-direction: column; }
	.mp--menus .menu-trigger { display:block !important; margin-bottom: 10px; font-weight:600;}
	.mp_checklist_group {display:none;}
	.mp-sidebar {
		background: #000;
		color: #fff;
		padding: 1.5rem;
	}
	.mp-sidebar .filter { 
		padding-bottom: 5px;
        border-bottom: 1px solid #1f2b36;
        margin-bottom: 15px; 
	}
	.mp-sidebar .filter h3 { font-size: 14px; font-weight:400;position: relative; cursor:pointer;}
	.mp-sidebar .filter h3::after {
		content: "";
        width: .875rem;
        height: .5rem;
        transition: all .4s;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        background-image: url(../svg/accordion-white.svg);
		display: block;
        position: absolute;
        right: 10px;
        bottom: 0;
	}
	.mp-sidebar .filter.collapsedFilter h3::after {
		transform: rotate(180deg);
	}
	.page-template-syndigo-retail-list .marketplace-hero-banner .heroBannerimage {
		margin-top:0px;
	}
	.page-template-syndigo-retail-list .marketplace-hero-banner .heroBannerimage img {
		width: 100%;
		height: 100%;
	}
}

@media screen and (max-width: 990px) {
	.mp-all-appslist, .retail-post-container .mp-all-appslist {
		grid-template-columns: auto auto;
	}
	.page-template-syndigo-marketplace .mfp-content {
		width: 100%;
		height: calc(100vh - 150px);
	}
}

@media screen and (max-width: 767px) {
	.marketplace-borucher {
		display: none;
	}
}

@media screen and (max-width: 700px) {
	.marketplace-borucher .wrap {
		flex-direction: column-reverse;
	}
	.broucher-content {
		margin-top: 40px;
		width: 100%;
		max-width: 100%;
	}
}

@media screen and (max-width: 550px) {
	.marketplace-hero-banner .wrap {flex-direction: column;top: 60px;}
	.marketplace-hero-banner { padding-bottom: 0px !important; }
	.marketplace-hero-banner .heroContent { align-items: center;}
	.marketplace-hero-banner .hero-desc {text-align: center; }
	.resources-body.template-search-filter {margin-top: 30px !important;}
	.mp-post-container {margin-top: 30px !important;}
	.retail-post-container { margin-top: 200px !important; }
	.mp-featured-apps { overflow: hidden; margin-top: 160px !important;}
	.mp-all-appslist, .retail-post-container .mp-all-appslist {grid-template-columns: auto;}
	.broucher-image img { max-width: 100%;}
	.page-template-syndigo-marketplace .mktoFormRow { flex: 1 1 100%;}
}


.mp_checklist_group {
	
	.form_group {
		position:relative;
	}

	label:after {
		position: absolute;
		content: '';
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		cursor:pointer;
	}
}

.delivering-image-slider {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
}
.delivering-image-slider .single-image {
    box-shadow: 0px 4px 50px rgba(51,51,51,.15);
	flex: 1 1 25%;
    max-width: calc(25% - 30px);
    display: flex;
    justify-content: center;
    align-items: center;
}
.delivering-image-slider .single-image img {
    max-width: 100%;
    height: auto;
}

@media screen and (max-width: 1200px) {
	.delivering-image-slider .single-image {
		flex: 1 1 33%;
		max-width: calc(33% - 30px);
	}
}
@media screen and (max-width: 800px) {
	.delivering-image-slider .single-image {
		flex: 1 1 50%;
		max-width: calc(50% - 30px);
	}
}
.delivering-image-slider .slick-track { display: flex !important;}
.delivering-image-slider .slick-slide { height: inherit !important; }
.delivering-image-slider .slick-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    margin: 30px 0;
}
.delivering-image-slider .slick-dots li {
    width: 8px;
    height: 12px;
    border-radius: 50%;
}
.delivering-image-slider .slick-dots li button {
    width: 100%;
    height: 100%;
    color: transparent;
    border-radius: 50%;
	border:0;
    background: #383838;
}
.delivering-image-slider .slick-dots li.slick-active button {
	background: #33EA18;
}

/**
* Auto Popup Styles
**/
.modaal-inline {
	.modaal-content-container {
		padding: 0px;
	}
	.modaal-close {
		position: absolute;
		right: -15px;
		top: -15px;
		background: #6F7271 !important;
		width: 30px;
		height: 30px;
		
		&::after,
		&::before {
			top: 8px;
			left: 15px;
			width: 2px;
			height: 14px;
		}
	}
	.modaal-close:hover:after, 
	.modaal-close:hover:before {
		background: #ffffff !important;
	}
}
.autoload-popup-section {
    visibility: hidden;
    height: 0px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    font-size: 0px;
}
.synpopup-start-popup {
	display: grid;
    grid-template-columns: 1fr 1fr;
	height: 400px;
	
	@media screen and (max-width: 800px) {
		grid-template-columns: 1fr;
		height: auto;
	}

	.synpopup-banner {
		height: 400px;
		img {
			height: 100%;
            max-width: 100%;
            width: 100%;
            object-fit: cover;
		}
	}

	.synpopup-content {
		display: flex;
		flex-direction: column;
		gap: 30px;
		padding: clamp(1.25rem, 0.921rem + 1.754vw, 2.5rem);

		h2 {
			font-size: clamp(1.875rem, 1.7386rem + 0.7273vw, 2.375rem);
			line-height: 1;
			font-weight: var(--fw-600);
		}

		p {
			font-size: clamp(1rem, 0.9318rem + 0.3636vw, 1.25rem);
            font-weight: var(--fw-400);
		}
		
		.wp-block-buttons {
			margin-top: auto;
		}

		.wp-block-button__link {
			font-size: 1rem;
			font-weight: var(--fw-600);
			color: #1d1b1d;
			background-color: #38d200;
			
			&:hover {
				background-color: #31d918;
			}
		}

	}
}

@media screen and (max-width: 550px) {
	
	.featured-retail-padding,
	.retail-post-container	{
		margin-top: 2rem !important;
	}
	
}