.category-posts {
    padding-bottom: 40px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 25px;
}
@media (max-width: 1279px) {
	.post-card:not(:first-child) > .image-box {
		display: none;
	}
}

/* Stripe Why Gosta - Start */
.why-gosta {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    gap: 24px;
    color: #fbfbfb;
}
.why-gosta img {
    position: relative;
    top: 3px;
}
.stripe-why {
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 64px 0;
    background: var(--dark-blue);
}
.stripe-why .why {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.stripe-why .why span {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    gap: 8px;
}
.stripe-why .how-much {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 24px;
}
.info-why {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    row-gap: 32px;
    width: 324px;
    padding: 24px;
    border: 1px solid #0000ef;
    border-radius: 12px;
}
.info-why > span {
    display: flex;
    flex-direction: row;
    width: 100%;
    gap: 12px;
}
.info-why span:not(.h2) {
    display: flex;
    align-items: flex-end;
    font-size: 15px;
    line-height: 26px;
}
.mob {
	display: none;
}

@media (max-width: 1366px) {
    .why-gosta img {
        width: 190px;
    }
}
@media (max-width: 1279px) {
    .stripe-why {
        padding: 48px 0;
    }
    .stripe-why .why-gosta {
        flex-direction: column;
        align-items: center;
    }
    .stripe-why .why img {
        width: 228px;
        position: relative;
        top: 0;
    }
    .stripe-why .why span {
        align-items: flex-end;
        font-size: 20px;
        line-height: 24px;
    }
    .stripe-why .how-much {
        flex-direction: column;
    }
    .stripe-why .how-much .info-why {
        width: 100%;
        max-width: 360px;
    }
    .stripe-why .how-much .info-why span.h2 {
        font-size: 28px;
        line-height: 34px;
    }
	
	/* Slider - End */
	.blog-slider-navigation.mob {
		display: flex;
		justify-content: center;
		gap: 16px;
		margin-top: 7px;
	}
	.blog-dot {
		display: flex;
		width: 14px;
		height: 14px;
		border: 1px solid #F0F0F6;
		border-radius: 50%;
		cursor: pointer;
		transition: all 0.3s ease-in-out;
	}
	.blog-dot.active {
	    background: #F0F0F6;
	}
	/* Slider - End */
	
}
/* Stripe Why Gosta - End */

/* Description - Start */
section.category-description {
    padding: 96px 0px;
    gap: 24px;
}
.category-description h1 {
    margin-bottom: auto;
}
.category-description a {
	text-decoration: underline;
}
.ads-banner-category {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 24px;
    margin-top: auto;
    border-radius: 12px;
    color: #fbfbfb;
    background: var(--dark-blue);
    overflow: hidden;
}
.ads-banner-category .huge-g {
    position: absolute;
    color: transparent;
    -webkit-text-stroke: 2px #0000ef;
    font-family: "Noto Sans";
    font-weight: 400;
    font-size: 320px;
    line-height: 1;
    right: 10px;
    left: initial;
    bottom: 48px;
    top: initial;
}
.ads-banner-category p {
    max-width: 468px;
    font-size: 16px;
    z-index: 1;
}
@media (max-width: 1279px) {
    section.category-description {
        padding: 48px 0px;
    }
    .ads-banner-category {
        margin-bottom: 32px;
    }
    .ads-banner-category .huge-g {
        bottom: 90px;
        z-index: 0;
    }
}
/* Description - End */

/* Guest - Start */
.category-services {
    padding: 64px 0;
    background: #dadaec;
}
.category-services .block-with-cols {
    flex-wrap: nowrap;
    gap: 24px;
}
.add-post,
.guest-post {
    display: flex;
    flex-direction: column;
    width: 50%;
}
.add-post .h3,
.guest-post .h3 {
    padding: 16px 36px;
    text-align: center;
    background: var(--dark-blue);
    color: #fbfbfb;
    border-radius: 12px 12px 0 0;
}
.guest-content {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    gap: 24px;
    padding: 24px 36px 32px 36px;
    background: #fff;
    border-radius: 0 0 12px 12px;
}
.guest-content > p {
    font-size: 15px;
    line-height: 20px;
}
.guest-content > p + ol {
    margin-top: -8px !important;
}
.guest-content > p:last-child {
    margin: 16px auto 0;
}
@media (min-width: 1024px) {
    .btn-invert {
        margin: 0 auto;
        margin-top: auto;
    }
}
@media (max-width: 1023px) {
    .category-services {
        padding: 48px 0;
    }
    .category-services > .container {
        display: flex;
        flex-direction: column;
    }
    .add-post,
    .guest-post {
        width: 100%;
    }
    .add-post .h3 br,
    .guest-post .h3 br {
        display: none;
    }
    .guest-content {
        padding: 32px 24px 32px 24px;
    }
    .guest-content .btn {
        width: 100%;
    }
}
/* Guest - End */

/* Contact - Start */
.category-contact {
    padding: 96px 0;
    background: #dadaec;
}
.category-contact .contact-wrapper {
    display: flex;
    justify-content: space-between;
}
.category-contact .contact-box {
    display: flex;
    gap: 16px;
}
.category-contact .col-right {
    justify-content: center;
}
.category-contact .icon-circle {
    width: 48px;
    height: 48px;
    min-width: 48px;
    background: var(--blue);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.category-contact img {
    width: 23px;
    filter: brightness(0) invert(1);
}
.category-contact .contact-text {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
@media (max-width: 1279px) {
    .category-contact {
        padding: 48px 0;
    }
    .category-contact .container {
        gap: 28px;
    }
    .category-contact .h2 {
        font-size: 24px;
        line-height: 32px;
    }
    .category-contact .contact-wrapper {
        display: flex;
        flex-direction: column;
        gap: 28px;
    }
}
/* Contact - End */
@media (max-width: 1279px) {
    .category-posts {
        padding-bottom: 25px;
    }
    .category-description h1 {
        font-size: 24px;
        line-height: 32px;
    }
    .category-description h2 {
        font-size: 20px;
        line-height: 26px;
    }
    .category-description h3 {
        font-size: 16px;
        line-height: 20px;
    }
}