.tm-header {

  background: #0f172a;}

  body{
    background: linear-gradient(180deg, #2563eb 0%, #c7d2fe 50%, #ddd6fe 100%);
  }

.contact-grid{
  margin: 150px auto 120px;
  display: grid;
  grid-template-columns: 1fr 3fr;
   max-width: 1200px;
  height: 450px;
}

.text-block {background-color: #fff;
  text-decoration: none;
  color:#000;
  min-width: 300px;
  height: 450px;
  width: 80%;
  border: 2px solid rgb(185, 125, 250,0.4);
  height: 100%;
  padding-top: 30px;

  box-shadow: 0 0 2px rgb(185, 125, 250,0.8);
}


.text-block .tm-btn-primary {
  display: block;
  margin: 50px auto 0px;
  width: 180px;
  text-align: center;
}


.contact-img{
  height: 450px;
}
.contact-img img{
width: 100%;
height: 100%;
object-fit: cover;
}


.text-block h3 {
  text-align: center;
  margin-bottom: 20px;
}
.text-block p {
  line-height: 30px;
}

.contacts__map {
  width: 100%;
  height: 29.8125rem;
  -webkit-border-radius: 1.5rem;
  border-radius: 1.5rem;
  border: 0.1875rem solid #d2d9db;
  overflow: hidden;
}

.contacts__map {
  height: 17.5rem;
}

.contacts__map iframe {
  width: 100%;
  height: 100%;
}

.contacts__map {
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
}

.text-block .icon {
  width: 30px;
  height: 30px;
  transform: translateY(8px);
  margin-right: 10px;
}

.text-block a {
  text-decoration: none;
  color: #000;
}


.text-block .inner-text{
  padding-left: 20px;

}

@media (max-width:800px) {
  .contact-grid{
    margin: 60px auto 0px;
    display: flex;
    flex-direction: column;
    height: auto;
  }


  .text-block {

    width: 100%;
    margin: 40px auto;

  }
  .text-block .inner-text{
    padding-left: 50px;
  
  }


  .text-block .tm-btn-primary {
    display: block;
    margin: 20px auto 40px;}
  body{
    margin: 20px;
  }
}