/* ----- Projects ----- */

.projects{
}

.section-desc {
	font-size: 18px;
    line-height: 1.6;
    color: #64748b !important; 
    margin: -35px auto 45px !important;
}


.projects-grid{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
}
@media screen and (max-width:720px){
	.projects-grid{
		display: grid;
		grid-template-columns: repeat(1, 1fr);
	}
}

.projects-card{
	display: block;
	overflow: hidden;
	border-radius: 12px;
	background-color: #fff;
	box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
	color: #333;
	transition: transform 0.25s, box-shadow 0.25s;
}

.projects-card:hover{
	transform: translateY(-6px);
	box-shadow: 0 14px 40px rgba(0, 0, 0, 0.12);
	color: #333;
}

.projects-card__img{
	display: block;
	overflow: hidden;
	aspect-ratio: 16 / 10;
}

.projects-card__img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.35s ease;
}

.projects-card:hover .projects-card__img img{
	transform: scale(1.05);
}

.projects-card__body{
	padding: 22px 24px 24px;
}

.projects-card__title{
	margin: 0 0 8px;
	font: 700 2rem/1.3 var(--ff-calibri);
	color: var(--dark-blue);
}

.projects-card__text{
	margin: 0 0 12px;
	font-size: 1.7rem;
	line-height: 1.5;
	color: #666;
}

.projects-card__client{
	display: inline-block;
	padding: 4px 10px;
	border-radius: 4px;
	background-color: var(--yellow);
	font-size: 1.2rem;
	font-weight: 700;
	text-transform: uppercase;
	color: #1a1a1a;
}

/* ----- Reviews ----- */

.reviews{
	background-color: #fff;
}

.reviews-slider{
	margin: 0 -12px;
}

.reviews-slider .slick-slide{
	padding: 0 12px;
}

.reviews-card{
	display: block;
	height: 100%;
	padding: 18px;
	border: 1px solid #e5e5e5;
	border-radius: 12px;
	background-color: #fff;
	box-shadow: 0 6px 24px rgba(0, 0, 0, 0.06);
	color: #333;
	transition: border-color 0.25s, box-shadow 0.25s;
}

.reviews-card:hover{
	border-color: var(--dark-blue);
	box-shadow: 0 10px 30px rgba(22, 51, 158, 0.12);
	color: #333;
}

.reviews-card__img{
	display: block;
	overflow: hidden;
	margin-bottom: 16px;
	border-radius: 8px;
	aspect-ratio: 3 / 4;
	background-color: #f3f3f3;
}

.reviews-card__img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.reviews-card__title{
	margin: 0 0 8px;
	font: 700 1.8rem/1.3 var(--ff-calibri);
	color: var(--dark-blue);
}

.reviews-card__text{
	margin: 0;
	font-size: 1.4rem;
	line-height: 1.55;
	color: #666;
	font-style: italic;
}

.reviews-card__author{
	display: block;
	margin-top: 12px;
	font-size: 1.3rem;
	font-weight: 700;
	color: #333;
}

/* ----- Certificates ----- */

.certificates{
	background: linear-gradient(125deg, #f7f9fc 0%, #eef3fb 100%);
}

.certificates-grid{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
}

.certificates-item{
	display: block;
	overflow: hidden;
	padding: 12px;
	border: 1px solid #e3e8f0;
	border-radius: 10px;
	background-color: #fff;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
	transition: transform 0.25s, box-shadow 0.25s;
}

.certificates-item:hover{
	transform: translateY(-4px);
	box-shadow: 0 10px 28px rgba(22, 51, 158, 0.12);
}

.certificates-item img{
	display: block;
	width: 100%;
	aspect-ratio: 3 / 4;
	object-fit: contain;
	background-color: #fafafa;
}

.certificates-item__caption{
	display: block;
	margin-top: 10px;
	font-size: 1.3rem;
	line-height: 1.4;
	text-align: center;
	color: #555;
}

/* ----- Partners / Clients ----- */

.partners {
    background-color: #1e2229 !important; /* Глубокий темно-серый под цвет меню */
    padding: 80px 0 !important;
}

.partners .m-tit {
    color: #ffffff !important; /* Белый заголовок на темном фоне */
}

.partners .section-desc {
    color: #94a3b8 !important; /* Светлый текст описания */
}

/* Слайдер с логотипами */
.partners-logos__item {
    display: flex !important;
    align-items: center;
    justify-content: center;
    height: 100px !important; /* Чуть увеличим высоту для солидности */
    padding: 15px 25px !important;
    border-radius: 8px !important;
    background-color: #ffffff !important;
    border: 1px solid transparent;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2) !important; /* Мягкая тень */
    transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* Эффект при наведении на логотип партнера */
.partners-logos__item:hover {
    transform: translateY(-5px) !important;
    border-color: #ff9900 !important; /* Оранжевая рамка при наведении */
    box-shadow: 0 12px 30px rgba(255, 153, 0, 0.25) !important; /* Теплое оранжевое свечение */
}

.partners-logos__item img {
    filter: grayscale(100%) contrast(90%) !important; /* Логотипы по умолчанию аккуратные черно-белые */
    opacity: 0.75 !important;
    transition: filter 0.3s ease, opacity 0.3s ease !important;
}

.partners-logos__item:hover img {
    filter: grayscale(0%) contrast(100%) !important; /* При наведении логотип становится цветным */
    opacity: 1 !important;
}

/* Специфическое оформление стрелок слайдера партнеров на темном фоне */
.partners .section-slider-nav .articles-block__arrow {
    background-color: rgba(255, 255, 255, 0.08) !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
}

.partners .section-slider-nav .articles-block__arrow:hover {
    background-color: #ff9900 !important;
    border-color: #ff9900 !important;
}
/* Section slider nav (shared) */

.section-slider-wrap{
	position: relative;
}

.section-slider-nav{
	position: absolute;
	    top: -65px !important; /* Слегка опускаем стрелки к заголовку */

	right: 0;
	display: flex;
	gap: 10px;
}

.section-slider-nav .articles-block__arrow {
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important; /* Делаем круглыми */
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    transition: all 0.25s ease !important;
}
.section-slider-nav .articles-block__arrow:hover {
    background-color: #ff9900 !important;
    border-color: #ff9900 !important;
    filter: brightness(0) invert(1) !important; /* Делает стрелку белой при наведении */
    box-shadow: 0 4px 12px rgba(255, 153, 0, 0.3) !important;
}

.partners .section-slider-nav .articles-block__arrow{
	background-color: #444;
	border-color: #666;
}

.partners .section-slider-nav .articles-block__arrow--prev,
.partners .section-slider-nav .articles-block__arrow--next{
	filter: brightness(0) invert(1);
}