/**
 * Place for paragraph-primery-rabot styles here.

MAIN

*/
 
/* MAIN */
.paragraph-primery-rabot {
  
}

.paragraph-primery-rabot__title {
 text-align: center;
}

.paragraph-primery-rabot__description {
 text-align: center;
 color: var(--dark-gray);
}

.paragraph-primery-rabot__widgets {
 margin-top: 3rem;
}

.paragraph-primery-rabot__widgets > div {
 display: grid;
 grid-template-columns: 1fr 1fr 1fr;
 grid-gap: 32px;
}

.paragraph-primery-rabot__widgets .paragraph-primer-raboty {
 background-color: #fff;
 transition: all .5s ease;
}

.paragraph-primery-rabot__widgets .paragraph-primer-raboty:hover {
 box-shadow: 0px 5px 6px 0px rgb(0 0 0 / 10%);
}

.paragraph-primery-rabot__widgets .front-third-screen__widgets > div,
.paragraph-primery-rabot__widgets .front-third-screen__widgets > div > div {
 display: flex;
 column-gap: 30px;
 justify-content: center;
 row-gap: 30px;
}

.paragraph-primery-rabot__widgets .paragraph-primer-raboty {
 max-width: none;
 width: 100%;
 position: relative;
 height: 100%;
 display: grid;
 grid-template-rows: auto 1fr;
}

.paragraph-primery-rabot__widgets .paragraph-primer-raboty__title a,
.paragraph-primery-rabot__widgets .paragraph-primer-raboty__title {
 font-family: var(--font-primary);
 text-align: left;
 color: var(--subtitle);
 text-transform: uppercase;
 font-weight: bold;
 font-size: 2rem;
 grid-column: 1;
 grid-row: 2;
 margin-bottom: 12px;
}

.paragraph-primery-rabot__widgets .paragraph-primer-raboty__title p {
 margin: 0;
}

.paragraph-primery-rabot__widgets .paragraph-primer-raboty__content {
 position: relative;
 padding: 32px;
}

.paragraph-primery-rabot__widgets .paragraph-primer-raboty__content:after {
 position: absolute;
 content: '';
 width: 0;
 height: 3px;
 background-color: #000;
 transition: all .5s ease;
 z-index: 3;
 top: 0;
 left: 0;
 right: 0;
}

.paragraph-primery-rabot__widgets .paragraph-primer-raboty:hover .paragraph-primer-raboty__content:after {
 width: 100%;
}

.paragraph-primery-rabot__widgets .paragraph-primer-raboty__text {
 margin-bottom: 1rem;
}

.paragraph-primery-rabot__widgets .paragraph-primer-raboty__media {
 position: relative;
 overflow: hidden;
 height: 100%;
}

.paragraph-primery-rabot__widgets .paragraph-primer-raboty .paragraph-primer-raboty__media:before {
 content: '';
 position: absolute;
 background: -webkit-linear-gradient(180deg, rgb(0 0 0 / 0%), rgb(0 0 0 / 0%) 100%, rgb(0, 0, 0) 100%);
 background: -moz-linear-gradient(180deg, rgb(0 0 0 / 0%), rgb(0 0 0 / 0%) 100%, rgb(0, 0, 0) 100%);
 background: linear-gradient(180deg, rgb(0 0 0 / 0%), rgb(0 0 0 / 0%) 100%, rgb(0, 0, 0) 100%);
 width: 100%;
 height: 50%;
 bottom: 0;
 transition: all .5s ease-in-out;
 opacity: 0;
}

.paragraph-primery-rabot__widgets .paragraph-primer-raboty:hover .paragraph-primer-raboty__media:before {
 background: -webkit-linear-gradient(180deg, rgb(0 0 0 / 0%), rgb(0 0 0 / 20%) 38%, rgb(0, 0, 0) 100%);
 background: -moz-linear-gradient(180deg, rgb(0 0 0 / 0%), rgb(0 0 0 / 20%) 38%, rgb(0, 0, 0) 100%);
 background: linear-gradient(180deg, rgb(0 0 0 / 0%), rgb(0 0 0 / 20%) 38%, rgb(0, 0, 0) 100%);
 z-index: 1;
 opacity: 1;
}

.paragraph-primery-rabot__widgets .paragraph-primer-raboty .paragraph-primer-raboty__media img {
 transition: all .5s ease;
}

.paragraph-primery-rabot__widgets .paragraph-primer-raboty:hover .paragraph-primer-raboty__media img {
 scale: 1.1;
 overflow: hidden;
}

.paragraph-primer-raboty__number {
 position: absolute;
 bottom: 20px;
 left: 20px;
 color: rgb(255 255 255 / 50%);
 font-size: 4rem;
 line-height: normal;
 transition: all .5s ease;
 z-index: 2;
}

.paragraph-primer-raboty:hover .paragraph-primer-raboty__number {
 color: rgb(255 255 255);
}












/* ADAPTIVE */
@media (min-width: 1920px) {

}

@media (max-width: 1920px) {
 .paragraph-primery-rabot__widgets .paragraph-primery-rabot__title a,
 .paragraph-primery-rabot__widgets .paragraph-primery-rabot__title {
  font-size: 1.7rem;
 }
}

@media (max-width: 1919px) {
}

@media (max-width: 1800px) {

}

@media (max-width: 1700px) {
 .paragraph-primery-rabot__widgets .paragraph-primery-rabot__title a,
 .paragraph-primery-rabot__widgets .paragraph-primery-rabot__title {
  font-size: 1.3rem;
 }
}

@media (max-width: 1600px) {
 .paragraph-primer-raboty__number {
  bottom: 15px;
  font-size: 3rem;
 }
 .paragraph-primery-rabot__widgets .paragraph-primer-raboty__content {
  padding: 24px;
 }
 .paragraph-primery-rabot__widgets .paragraph-primer-raboty__title a, .paragraph-primery-rabot__widgets .paragraph-primer-raboty__title {
  font-size: 1.5rem;
 }
}

@media (max-width: 1500px) {

}

@media (max-width: 1440px) {
 
}

@media (max-width: 1366px) {

}

@media (max-width: 1280px) {
 .paragraph-primery-rabot__widgets > div {
  grid-template-columns: 1fr 1fr;
 }
 .paragraph-primery-rabot__widgets .paragraph-primery-rabot__title a,
 .paragraph-primery-rabot__widgets .paragraph-primery-rabot__title {
  font-size: 1.5rem;
 }
}

@media (max-width: 1150px) {

}

@media (max-width: 1024px) {

}

@media (max-width: 991px) {
 .paragraph-primery-rabot__widgets .paragraphs-widget-1 {
  padding: 28px;
  row-gap: 15px;
 }
 .paragraph-primery-rabot__widgets > div {
  grid-template-columns: 1fr 1fr;
  grid-gap: 25px;
 }
}

@media (max-width: 800px) {

}

@media (max-width: 768px) {
 
}

@media (max-width: 650px) {
 .paragraph-primery-rabot__widgets > div > div {
  grid-template-columns: 1fr;
 }
 .paragraph-primery-rabot__widgets .paragraph-primer-raboty__content {
  padding: 20px;
 }
 .paragraph-primer-raboty__number {
  font-size: 3rem;
 }
 .paragraph-primery-rabot__widgets .paragraph-primer-raboty__title a,
 .paragraph-primery-rabot__widgets .paragraph-primer-raboty__title {
  font-size: 1.2rem;
 }
}

@media (max-width: 600px) {
 .paragraph-primery-rabot__widgets > div {
  grid-template-columns: 1fr;
 }
 .paragraph-primery-rabot__widgets .paragraph-primer-raboty__title a,
 .paragraph-primery-rabot__widgets .paragraph-primer-raboty__title {
  font-size: 1.5rem;
 }
}

@media (max-width: 480px) {
}

@media (max-width: 450px) {
}

@media (max-width: 380px) {
}