.o-dark--services{--osa-ink: #2b2e3d; --osa-yellow: #ffe100; --osa-line: #626573; background: var(--osa-ink); border-radius: 24px; color: #fff; padding: 60px; font-size: 18px; line-height: 1.6}
.o-dark--services h3{font: 400 20px/1.42 'Unbounded', sans-serif; letter-spacing: -.025em; color: #fff; margin: 0}
.o-dark--services p{color: #cbcbd4; margin: 0}
.o-dark--services .o-service-list{display: grid; grid-template-columns: repeat(2, 1fr); gap: 0 36px}
.o-dark--services .o-service{display: grid; grid-template-columns: 34px 1fr 32px; gap: 14px; padding: 27px 0; border-top: 1px solid var(--osa-line); align-items: start; color: inherit; text-decoration: none}
.o-dark--services .o-service:first-child { border: none}
.o-dark--services .o-service > small{font-size: 12px; color: #c1c2cb; padding-top: 3px}
.o-dark--services .o-service h3{font-size: 20px; transition: color .2s ease}
.o-dark--services .o-service p{font-size: 15px; line-height: 1.55; margin-top: 11px; max-width: 620px}
.o-dark--services .o-service .o-service__price{margin-top: 8px; font-size: 14px; color: var(--osa-yellow)}
.o-dark--services .o-service .o-arrow{width: 31px; height: 31px; display: grid; place-items: center; background: var(--osa-yellow); color: var(--osa-ink); border-radius: 50%; font-size: 20px; line-height: 1; transition: all .2s ease}
.o-dark--services .o-service:hover h3{color: var(--osa-yellow)}
.o-dark--services .o-service:hover .o-arrow{background: #fff}
.o-dark--services .o-service:hover .o-arrow svg{transform: rotate(45deg)}
.o-dark--services .o-service:focus-visible{outline: 3px solid var(--osa-yellow); outline-offset: 5px}
@media (min-width: 992px){
	.o-dark--services .o-service:nth-child(2) {border: none}
}
@media (max-width: 1279px){
	.o-dark--services{padding: 42px}
}
@media (max-width: 991px){
	.o-dark--services{padding: 32px}
	.o-dark--services .o-service-list{grid-template-columns: 1fr; gap: 0}
}
@media (max-width: 575px){
	.o-dark--services{padding: 32px 20px; border-radius: 22px; font-size: 16px}
	.o-dark--services .o-service{grid-template-columns: 24px 1fr 28px; gap: 9px; padding: 23px 0}
	.o-dark--services .o-service h3{font-size: 16px}
	.o-dark--services .o-service p{font-size: 14px}
}

@media (prefers-reduced-motion: reduce){
	.o-dark--services .o-service h3, .o-dark--services .o-service .o-arrow{transition: none}
}