.wwe-pl-header {
	text-align: center;
	margin-bottom: 30px;
}
.wwe-product-list {
	padding: 60px 0;
	position: relative;
}
.wwe-pl-tabs {
	margin-bottom: 40px;
	border-bottom: 1px solid #DDE4EB;
}
.wwe-pl-tabs-list {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 8px;
}
.wwe-pl-mobile-filter {
	display: none;
}

.site-main .wwe-pl-tab-link {
    display: inline-block;
    padding: 0 20px 20px;
    color: #515F7C;
    transition: all 0.3s ease-in-out;
    font-weight: 500;
    font-size: 18px;
    line-height: 100%;
	text-decoration: none !important;
}
.wwe-pl-tab-link:hover,
.wwe-pl-tab-link:focus {
	color: #000F4B;
}

.wwe-pl-tab-link.is-active {
	position: relative;
	color: #000F4B;
}
.wwe-pl-tab-link.is-active::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: -1px;
	left: 0;
	height: 3px;
	background: #0068B3;
}

.wwe-pl-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 24px;
	position: relative;
}
.plugin-card.plugin-card--list {
    box-shadow: 0px 14px 14px 0px #091A360D;
    border: 1px solid #DDE4EB;
    background: #FFFFFF;
    border-radius: 16px;
}
.plugin-card-head {
    background: linear-gradient(97.81deg, #F7FBFD 2.23%, #F2FFFF 102.35%);
    border-bottom: 1px solid #DDE4EB;
    border-radius: 16px 16px 0 0;
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 20px;
}
.plugin-card-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    border: 2.73px solid #F8FAFF;
    border-radius: 16px;
    box-shadow: inset 0 -4px 4px rgba(0, 19, 88, 0.1), 0 0 2px rgba(0, 19, 88, 0.15);
}
.plugin-card-icon img {
    width: 50px;
    height: 50px;
    display: block;
}
.plugin-card-title {
    width: calc(100% - 88px);
    font-weight: 600;
    font-size: 18px;
    line-height: 130%;
    color: #020F19;
	margin: 0;
}
.plugin-card-body {
    padding: 20px;
}
.plugin-card-excerpt p {
    color: #020F19;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    min-height: 87px;
}
.plugin-card-excerpt {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px dashed #CDDAF3;
}
.plugin-card-title a {
    text-decoration: none;
    color: inherit;
}
.plugin-card-title a:hover {
	color: #0068B3; 
}


/* ---------- Load more ---------- */

.wwe-pl-more {
	display: flex;
	justify-content: center;
	margin-top: 40px;
}
.wwe-pl-more .button-outline {
    padding: 10px 30px;
}

.case-loader-after-cases {
	display: none;
}

.case-loader-after-cases.is-active {
	display: block;
}

.case-loader-after-cases { text-align: center; position: relative }
.case-loader-after-cases .case-loader { width: 100%; }
.case-loader-after-cases .with-loader { display: none; position: absolute; left: 50px; top: 0; width: 100%; height: 100%; z-index: 100; opacity: 0; transform: scale(0, 0); -webkit-transform: scale(0, 0); transition: opacity .25s ease-in-out, transform .25s ease-in-out }
.case-loader-after-cases .loading { display: block }
.case-loader-after-cases .loading:after { content: ""; display: block; position: absolute; left: 50%; top: 50%; margin: -30px 0 0 -30px; width: 60px; height: 60px; border-radius: 100%; z-index: 1000; border-top: 5px solid #0068B3; border-left: 5px solid #ededed; border-right: 5px solid #ededed; border-bottom: 5px solid #ededed; -webkit-animation: spin 1s linear infinite; animation: spin 1s linear infinite; box-sizing: border-box }
.case-loader-after-cases .go-loading { opacity: 1; transform: scale(1, 1); -webkit-transform: scale(1, 1) }



.tab-case-loader-after-cases {
	display: none;
}

.tab-case-loader-after-cases.is-active {
	display: block;
}

.tab-case-loader-after-cases {
    text-align: center;
    position: absolute;
    left: 50%;
    top: 40%;
    transform: translate(-50% , -60%);
    z-index: 2;
}
.tab-case-loader-after-cases .tab-case-loader { width: 100%; }
.tab-case-loader-after-cases .with-loader { display: none; position: absolute; left: 50px; top: 0; width: 100%; height: 100%; z-index: 100; opacity: 0; transform: scale(0, 0); -webkit-transform: scale(0, 0); transition: opacity .25s ease-in-out, transform .25s ease-in-out }
.tab-case-loader-after-cases .loading { display: block }
.tab-case-loader-after-cases .loading:after { content: ""; display: block; position: absolute; left: 50%; top: 50%; margin: -30px 0 0 -30px; width: 60px; height: 60px; border-radius: 100%; z-index: 1000; border-top: 5px solid #0068B3; border-left: 5px solid #ededed; border-right: 5px solid #ededed; border-bottom: 5px solid #ededed; -webkit-animation: spin 1s linear infinite; animation: spin 1s linear infinite; box-sizing: border-box }
.tab-case-loader-after-cases .go-loading { opacity: 1; transform: scale(1, 1); -webkit-transform: scale(1, 1) }
.tab-is-loading:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: #0000002e;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.search .plugin-search-results {
    padding: 60px 0;
}
.search .wwe-blog-hero__head {
    margin: 0 auto;
	max-width: 100%;
}

@media (max-width: 991px) {

	.wwe-pl-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 20px;
	}
}

@media (max-width: 767px) {
	.case-loader-after-cases .loading:after {
		width: 30px;
		height: 30px;
		left: 50%;
		top: 35px;
	}
	.case-loader-after-cases.is-active {
		width: 100%;
	}
	.wwe-pl-more {
		flex-wrap: wrap;
	}

	.wwe-product-list,
	.search .plugin-search-results {
		padding: 40px 0;
	}
	.wwe-pl-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 20px;
	}
	.plugin-card-icon {
		width: 70px;
		height: 70px;
	}
	.plugin-card-icon img {
		width: 40px;
		height: 40px;
	}
	.plugin-card-title {
		width: calc(100% - 78px);
	}
	 
	.wwe-pl-tabs-list {
		display: none;
	}
	.wwe-pl-mobile-filter {
		display: block;
		margin: 0 0 24px;
	}
	.wwe-pl-tabs {
		margin-bottom: 0;
		border-bottom: none;
	}
	.wwe-pl-category-select {
		width: 100%;
		min-height: 48px;
		padding: 10px 40px 10px 14px;
		border: 1px solid #DDE4EB;
		border-radius: 8px;
		background-color: #fff;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='m4 6 4 4 4-4' stroke='%23000F4B' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
		background-repeat: no-repeat;
		background-position: right 14px center;
		background-size: 16px;
		color: #000F4B;
		font: inherit;
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
	}
	 
}

@media (max-width: 575px) {

	.wwe-pl-grid {
		grid-template-columns: minmax(0, 1fr);
	}
}