/* Start:/bitrix/components/aspro/form.allcorp3/templates/calculate_route/style.css?16711832911602*/
.topDesc__wrapper {
  display: flex;
  justify-content: space-around;
  gap: 10px;
}

.topDesc__decor {
  width: 100%;
  max-width: 600px;
}

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

.openCalcForm {
  width: 100%;
  max-width: 700px;
}

.openCalcForm .top-form {
  padding: 10px;
}

.openCalcForm__form-group input {
  width: 100%;
}

.openCalcForm .top-form.bordered_block {
  padding: 20px 40px;
}

.openCalcForm form .form-body {
  display: grid; 
  grid-template-columns: 1fr 1fr; 
  grid-template-rows: 80px 80px 80px 80px 80px 130px; 
  gap: 10px 10px; 
  grid-template-areas: 
    "sendingCity destinationCity"
    "cargoName cargoName"
    "cargoWeight cargoVolume"
    "userName userName"
    "userPhone userEmail"
    "formFooter formFooter"; 
}

.openCalcForm form .form-body div[data-sid=cargoName] { grid-area: cargoName; }
.openCalcForm form .form-body div[data-sid=sendingCity] { grid-area: sendingCity; }
.openCalcForm form .form-body div[data-sid=destinationCity] { grid-area: destinationCity; }
.openCalcForm form .form-body div[data-sid=cargoWeight] { grid-area: cargoWeight; }
.openCalcForm form .form-body div[data-sid=cargoVolume] { grid-area: cargoVolume; }
.openCalcForm form .form-body div[data-sid=userName] { grid-area: userName; }
.openCalcForm form .form-body div[data-sid=userPhone] { grid-area: userPhone; }
.openCalcForm form .form-body div[data-sid=userEmail] { grid-area: userEmail; }
.openCalcForm form .form-body div.captcha-row { grid-area: formFooter; }


@media (max-width: 1200px) {
  .topDesc__decor {
    display: none;
  }
}
/* End */
/* /bitrix/components/aspro/form.allcorp3/templates/calculate_route/style.css?16711832911602 */