.getin--touch--card {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  background: linear-gradient(180deg, #146aae 0%, #082c48 100%);
  border-radius: 20px;
  overflow: hidden;
  padding: 50px 100px;
  align-items: center;
  gap: 20px;
}

.getin--touch--card .left-panel {
  display: flex;
  flex-direction: column;
  gap: 0;
  position: relative;
  padding-right: 100px;
}

.getin--touch--card .left-panel .label-tag {
  color: var(--white);
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
}

.getin--touch--card .left-panel .headline {
  text-transform: uppercase;
  font-family: "Anton", sans-serif;
  color: var(--white);
}
.getin--touch--card .left-panel .headline span {
  color: var(--accent-red2);
}

.getin--touch--card .left-panel .sub {
  color: var(--white);
  font-size: 16px;
}

.getin--touch--card .right-panel {
  padding: 50px 30px;
  display: flex;
  flex-direction: column;
  background: rgb(255 255 255 / 22%);
  backdrop-filter: blur(6.800000190734863px);
  border-radius: 20px;
  padding-bottom: 20px;
}

.getin--touch--card .right-panel .results-title {
  color: var(--white);
  font-size: 20px;
  font-weight: 700;
}

.getin--touch--card .right-panel .getin--touch--form .common--btn {
  width: 100%;
  justify-content: center;
  align-items: center;
  margin-top: 5px;
}

.getin--touch--card .right-panel .getin--touch--form .common--btn:hover {
  color: var(--white);
  border-color: var(--white);
}
.getin--touch--card .left-panel .info--contact ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}

.getin--touch--card .left-panel .info--contact ul li .icon--contact img {
  width: 44px;
  height: 44px;
  object-fit: contain;
}

.getin--touch--card .left-panel .info--contact ul li {
  display: flex;
  gap: 25px;
  color: var(--white);
}

.getin--touch--card .left-panel .info--contact ul li:not(:last-child) {
  margin-bottom: 30px;
}

.getin--touch--card .left-panel .info--contact ul li a {
  color: var(--white);
}

.getin--touch--card .left-panel .info--contact ul li a:hover {
  text-decoration: none;
}

.getin--touch--card .left-panel .info--contact ul li:not(:first-child) {
  align-items: center;
}

.getin--touch--card .left-panel .info--contact {
  margin-top: 10px;
}

.getin--touch--card .right-panel .getin--touch--form label {
  color: var(--white);
  font-size: 14px;
}

.getin--touch--card .right-panel .getin--touch--form label .text--red {
  color: var(--primary);
}

.getin--touch--card .right-panel .form--info {
  color: var(--white);
  text-align: center;
  margin-bottom: 0;
  margin-top: 10px;
  font-size: 12px;
}

.getin--touch--card .right-panel .getin--touch--form input,
.getin--touch--card .right-panel .getin--touch--form select {
  border-radius: 10px;
  background-color: transparent;
  border: 1px solid #ffffff;
  min-height: 50px;
  color: var(--white);
  backdrop-filter: blur(8.199999809265137px);
  font-size: 14px;
}

.getin--touch--card .right-panel .getin--touch--form select option{

  color: var(--black);

}

.getin--touch--card .right-panel .results-desc {
  color: var(--white);
  font-size: 14px;
}

.getin--touch--card .right-panel .getin--touch--form {
  margin-top: 30px;
}



@media (max-width: 1440px) {
  .getin--touch--card {
    padding: 40px 50px;
  }
}



@media (max-width: 1024px) {

  .getin--touch--card {
    padding: 20px;
    width: 100%;
  }
  .getin--touch--card .left-panel {
    padding-right: 50px;
  }
}

@media (max-width: 992px) {
  .getin--touch--card {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px) {

  .getin--touch--card .left-panel {
    padding-right: 0px;
  }

  .getin--touch--card .right-panel {
    padding: 15px;
  }

  .getin--touch--card {
    padding: 25px 10px;
  }

  .getin--touch--card .left-panel .info--contact ul li {
    gap: 10px;
  }

  .getin--touch--card .left-panel .info--contact ul li .icon--contact img {
    width: 35px;
    height: 35px;
  }

  .getin--touch--card .left-panel .info--contact ul li .icon--text {
    font-size: 15px;
  }
  .getin--touch--card .right-panel .getin--touch--form input, .getin--touch--card .right-panel .getin--touch--form select {
    min-height: 45px;
}

.getin--touch--card .right-panel .getin--touch--form label {
    font-size: 13px;
}
}