html {
  height: 100%;
}

body {
  /* background-image: linear-gradient(102.1deg, rgba(96, 221, 142, 1) 8.7%, rgba(24, 138, 141, 1) 88.1%); */
  background-image: radial-gradient(circle farthest-corner at 7.2% 13.6%, rgba(37, 249, 245, 1) 0%, rgba(8, 70, 218, 1) 90%);
  /* background-image: linear-gradient(96.5deg, rgba(39, 103, 187, 1) 10.4%, rgba(16, 72, 144, 1) 87.7%); */
  /* background-image: linear-gradient(109.6deg, rgba(62, 161, 219, 1) 11.2%, rgba(93, 52, 236, 1) 100.2%); */
}

.box {
  width: 100%;
  margin-top: 100px;
}

.wraper-img {
  height: 100%;
  overflow: hidden;
  background-size: cover;
  background-position: center center;
}

.text-dinas {
  color: #ffffff;
  font-weight: 600;
  font-size: 12pt;
  position: absolute;
  padding: 20px 20px 0 20px;
  z-index: 120;
}

.btn-blue {
  background-color: #004299;
  width: 150px;
  color: #fff;
  border-radius: 2px
}

.btn-blue:hover {
  background-color: #ffffff;
  color: #004299;
  border: solid 1px #004299;
  cursor: pointer
}


@media screen and (max-width: 991px) {
  .box {
    width: 85%;
    background-color: #fff;
    margin-top: 100px;
    box-shadow: 0px 4px 8px 0px #757575;
    border-radius: 5px
  }
}