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

   .oblast {
    margin: auto;
    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;
}

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

   .services, .chec   {
    background: white;
    width: 275px;
    height: 10.7em;
    border-radius: 40px;
    margin: -13.5em 15.5em;
}

input[type="number"]::-webkit-inner-spin-button, 
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
}


@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 5.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;
  line-height: 2rem;
}
  .oblast {
  position: relative;
  height: 500px;
}

  .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;
}
}


  .form-container button {
    width: 100%;
    margin-top: 10px;
    background-color: #000066;
    color: white;
    border: none;
    cursor: pointer;
}

  .form-containerr button {
    width: 100%;
    margin-top: 10px;
    background-color: #000066;
    color: white;
    border: none;
    cursor: pointer;
}

  .modal {
    overflow: hidden;
    display: none;
    position: fixed;
    z-index: 1;
    left: 375px;
	top: 350px;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.4);
}

  .form-containerr {
    line-height: 55px;
    width: 390px;
    background-color: #fefefe;
    margin: 32% 45%;
    padding: 20px 45px;
    border: 1px solid #888;
}

  .form-container {
    display: flex;
    line-height: 55px;
    width: 780px; /* удвоенная ширина, чтобы вместить изображение и форму */
    background-color: #fefefe;
    margin: 32% auto; /* центрирование формы */
    padding: 20px;
    border: 1px solid #888;
}

  .form-content {
    width: 390px;
    padding: 0 45px;
}

  .image-content {
    width: 350%;
}

  .image-content img {
    width: 100%;
    height: 100%;
}

  #dataProcess {
    font-weight: 400;
    font-size: 11px;
    margin-bottom: 0px;
}

  #closeModal {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

  #closeModal:hover,
  #closeModal:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

  #fullName {
    line-height: 50px;
    width: 300px;;
}
  #checkNumber{
    line-height: 50px;
    width: 300px;;
}
  #phone_number{
    line-height: 50px;
    width: 300px;;
}
  #email{
    line-height: 50px;
    width: 300px;;
}
  #checkDate{
    line-height: 50px;
    width: 300px;;
}
  #photo{
    line-height: 50px;
    width: 300px;;
}
  #orderNumber{
    line-height: 50px;
    width: 300px;;
}
@media screen and (min-width: 122px) and (max-width: 672px){
  .form-container {
    line-height: 50px;
    width: 350px;
    background-color: #fefefe;
    margin: 100% 5%;
    padding: 10px 25px;
    border: 1px solid #888;
    }
 }

@media screen and (min-width: 672px) and (max-width: 1190px){
  .form-container {
    line-height: 40px;
    width: 370px;
    background-color: #fefefe;
    margin: 40% 25%;
    padding: 16px 35px;
    border: 1px solid #888;
    }
}
@media screen and (min-width: 672px) and (max-width: 1190px){
  .form-container {
    line-height: 50px;
    width: 370px;
    background-color: #fefefe;
    margin: 35% 40%;
    padding: 17px 33px;
    border: 1px solid #888;
    }
}
/*
.modal {
    top: 90px;
    right: 0;
    bottom: 0;
    left: 10px;
    z-index: 1040;
}