.projects {
	 padding: 24px 0;
}
 .projects__header {
	 display: grid;
	 gap: 24px;
}
 .projects__btns {
	 display: flex;
	 gap: 6px;
}
 .projects__swiper {
	 margin-top: 16px;
}
 .projects__btn-prev, .projects__btn-next {
	 width: 100%;
	 font-weight: 500;
	 font-size: 16px;
	 line-height: 24px;
	 padding: 10px 16px;
	 border-radius: 20px;
	 cursor: pointer;
}
 .projects__btn-prev {
	 color: #22233d;
	 background-color: #f5f5f5;
}
 .projects__btn-next {
	 color: #fff;
	 background-color: #22233d;
}
 @media screen and (min-width: 992px) {
	 .projects {
		 padding: 48px 0;
	}
	 .projects__header {
		 display: flex;
		 align-items: center;
		 justify-content: space-between;
	}
	 .projects__btns {
		 display: flex;
		 gap: 6px;
	}
	 .projects__swiper {
		 margin-top: 48px;
	}
	 .projects__btn-prev, .projects__btn-next {
		 width: fit-content;
	}
}

.projects-card {
	 border-radius: 16px;
	 border: 1px solid #e3e3e3;
	 background-color: #fff;
}
 .projects-card__picture {
	 display: block;
}
 .projects-card__img {
	 aspect-ratio: 1.79;
	 width: 100%;
	 object-fit: cover;
	 object-position: center;
	 border-radius: 16px;
}
 .projects-card__block {
	 padding: 12px 16px 16px;
}
 .projects-card__header {
	 display: flex;
	 align-items: flex-start;
	 justify-content: space-between;
	 gap: 16px;
}
 .projects-card__title {
	 font-weight: 600;
	 font-size: 20px;
	 line-height: 32px;
	 color: #000;
	 letter-spacing: -0.02em;
}
 .projects-card__desc {
	 font-size: 12px;
	 line-height: 20px;
	 color: #666;
	 letter-spacing: -0.02em;
}
 .projects-card__author {
	 display: flex;
	 align-items: center;
	 gap: 8px;
}
 .projects-card__author-img {
	 width: 32px;
	 height: 32px;
	 object-fit: cover;
	 object-position: center;
	 border-radius: 50%;
}
 .projects-card__brand-img {
	 width: 32px;
	 height: 32px;
	 object-fit: cover;
	 object-position: center;
}
 .projects-card__author-name {
	 flex-grow: 1;
	 font-weight: 500;
	 font-size: 14px;
	 line-height: 20px;
	 color: #000;
}
 .projects-card__content {
	 border-top: 1px solid #dcdcdc;
	 padding-top: 12px;
	 margin-top: 12px;
}
 .projects-card__content-title {
	 font-weight: 500;
	 font-size: 14px;
	 line-height: 20px;
	 color: #000;
	 letter-spacing: -0.02em;
}
 .projects-card__content-text {
	 display: flex;
	 align-items: flex-start;
	 gap: 32px;
	 font-weight: 400;
	 font-size: 11px;
	 line-height: 20px;
	 margin-top: 4px;
}
 .projects-card__content-text > ul, .projects-card__content-text > ol {
	 display: grid;
	 gap: 4px;
	 list-style-type: none;
	 padding: 0;
}
 .projects-card__content-text > ul li, .projects-card__content-text > ol li {
	 position: relative;
	 gap: 4px;
	 padding-left: 18px;
}
 .projects-card__content-text > ul li::before, .projects-card__content-text > ol li::before {
	 content: '';
	 position: absolute;
	 left: 0;
	 top: 50%;
	 transform: translateY(-50%);
	 width: 14px;
	 min-width: 14px;
	 height: 14px;
	 background-image: url(/wp-content/themes/gas/build/images/icons/icon-check.svg);
	 background-size: 14px;
}
 .projects-card__country {
	 border-radius: 16px;
	 background-color: #f5f5f5;
	 padding: 16px;
	 margin-top: 12px;
}
 .projects-card__country-title {
	 font-weight: 500;
	 font-size: 14px;
	 line-height: 20px;
	 color: #000;
	 letter-spacing: -0.02em;
}
 ul.projects-card__country-list {
	 display: flex;
	 flex-direction: row;
	 flex-wrap: wrap;
	 gap: 12px;
	 margin-top: 12px;
}
 ul.projects-card__country-list .projects-card__country-link {
	 text-decoration: none;
}
 .projects-card__country-link {
	 display: flex;
	 align-items: center;
	 gap: 6px;
	 color: #275894;
	 font-weight: 500;
	 font-size: 12px;
	 line-height: 20px;
	 border-radius: 8px;
	 background-color: rgba(39, 88, 148, 0.10);
	 padding: 4px 8px;
	 transition: 0.3s color, 0.3s background-color;
}
 .projects-card__country-link svg {
	 width: 16px;
	 height: 16px;
	 fill: #275894;
	 transition: 0.3s fill, 0.3s transform;
}
 .projects-card__country-link img {
	 width: 16px;
	 height: 11px;
}
 .projects-card__country-link:hover {
	 background-color: #275894;
	 color: #fff;
}
 .projects-card__country-link:hover svg {
	 fill: #fff;
	 transform: rotate(-45deg);
}
 .projects-card__country-author {
	 display: flex;
	 align-items: center;
	 gap: 8px;
	 color: #000;
	 margin-top: 12px;
}
 .projects-card__country-author-img {
	 width: 28px;
	 height: 28px;
	 object-fit: cover;
	 object-position: center;
	 border-radius: 50%;
}
 .projects-card__country-author-name {
	 font-weight: 400;
	 font-size: 12px;
	 line-height: 16px;
}
 .projects-card__country-author-position {
	 font-weight: 400;
	 font-size: 10px;
	 line-height: 16px;
	 opacity: 0.4;
}
 .projects-card__buttons {
	 display: flex;
	 gap: 16px;
	 margin-top: 12px;
}
 .projects-card__btn {
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 gap: 16px;
	 width: 100%;
	 font-weight: 500;
	 font-size: 12px;
	 line-height: 24px;
	 border-radius: 20px;
	 padding: 7px 12px;
	 border: 1px solid transparent;
	 transition: 0.3s all;
}
 .projects-card__btn svg {
	 width: 24px;
	 height: 24px;
	 transition: 0.3s fill;
}
 .projects-card__btn--main {
	 background-color: #275894;
	 border: 1px solid #275894;
	 color: #fff;
}
 .projects-card__btn--main svg {
	 fill: #fff;
}
 .projects-card__btn--main:hover {
	 background-color: #000;
	 border: 1px solid #000;
}
 .projects-card__btn--transparent {
	 background-color: #fff;
	 border: 1px solid #000;
	 color: #000;
}
 .projects-card__btn--transparent svg {
	 fill: #000;
}
 .projects-card__btn--transparent:hover {
	 background-color: #000;
	 color: #fff;
}
 .projects-card__btn--transparent:hover svg {
	 fill: #fff;
}
 @media screen and (min-width: 992px) {
	 .projects-card {
		 display: flex !important;
	}
	 .projects-card__picture {
		 display: block;
		 width: 200px;
		 min-width: 200px;
	}
	 .projects-card__img {
		 aspect-ratio: unset;
		 height: 100%;
	}
	 .projects-card__block {
		 width: 100%;
		 padding: 24px;
	}
	 .projects-card__title {
		 font-size: 24px;
	}
}