.p {
   color: black;
   font-weight: 600;
   font-size: 1.5rem;
   text-align: center;
   padding: 15px;
}

   .oblast {
    background: linear-gradient(93.67deg, rgba(235, 234, 234, 0.5) 0%, rgba(41, 146, 217, 0.135) 100%);
    border-radius: 40px 40px;
    font-size: 40px;
    height: 350px;
    width: 100%;
    max-width: 1065px;
}

   .line {
    display: flex;
    position: relative;
    justify-content: center;
}

   .services, .mani, .chec   {
    background: white;
    width: 275px;
    height: 10.7em;
    border-radius: 40px;
    margin: -14.5em 1.7em;

}

   .img {
    padding-top: 1.5em;
    display: flex;
}

   .oblast .h1 {
    text-align: center;
}

   .oblast .p {
    text-align: center;
    font-size: 1.75rem;
    line-height: 3rem;
    color: inherit;
}

   .info {
   margin-top: 50px;
   overflow: hidden;
}


@media screen and (min-width: 1080px) and (max-width: 1990px){
   .services, .mani, .chec {
    transition: 1s; /* Время эффекта */
   }
   .services:hover, .mani:hover, .chec:hover {
    transform: scale(1.1); /* Увеличиваем масштаб */
    box-shadow: 0.4em 0.4em 5px rgb(0 0 102 / 40%);
   }
}

@media screen and (min-width: 672px) and (max-width: 1190px){
  .p {
  font-size: 1.2rem;
   }
   .services, .mani, .chec {
    margin: -14.5em 0.7em;
   }
}

@media screen and (min-width: 910px) and (max-width: 759px){
  .p {
  font-size: 1.2rem;
   }
   .services, .mani, .chec {
    margin: -14.5em 0.7em;
   }
}

@media screen and (max-width: 672px) {
.oblast .p {
font-size: 1.45rem;
}
.oblast {
position: relative;
height: 650px;
}

.info {
}

.services,
.mani,
.chec {
    background: white;
    width: 275px;
    height: 9.7em;
    border-radius: 40px;
    padding: -8px;
    margin: 15px auto;
}

.line{
    display: block;
    position: absolute;
    top: 150px;
    left: 0px;
    right: 0;
    margin: 0 auto;
    /* width: 50%; */
}

.p {
    font-size: 1.2rem;
}
}