/* ------------------------------
        Top contact Section
------------------------------ */
.c-discription-row {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 40px;
}

.c-discription-card .subHD {
  color: var(--primary);
}

.c-discription-card .min-hd {
  color: var(--txt-lite);
  font-weight: 600;
}

.c-discription-card.c-2 p {
  margin-bottom: 30px;
}

@media (max-width: 768px) {
  .c-discription-row {
    grid-template-columns: repeat(1, 1fr);
    gap: 50px;
  }
}

/* ------------------------------
        MAP Section
------------------------------ */
.map-sec iframe {
  width: 100%;
  height: 65vh;
  border: none;
  border-radius: var(--main-bdr);
}

/* ------------------------------
        Address Section
------------------------------ */
.address-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.address-col .subHD {
  color: var(--primary);
}

.address-col p {
  font-size: 14px;
  margin-bottom: 12px;
  color: var(--txt-lite);
}

.address-col p i {
  margin-right: 5px;
}

.address-col p a {
  font-family: var(--secoundry-font);
  color: var(--txt-lite);
  text-decoration: none;
}

.address-col .btn {
  margin-top: 10px;
}

@media (max-width: 838px) {
  .address-row {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
  }
}

@media (max-width: 471px) {
  .address-row {
    grid-template-columns: repeat(1, 1fr);
    gap: 40px;
  }
}

/* ------------------------------
        Contact form Section
------------------------------ */
.form-col {
  padding: 0;
}
.form-col .subHD {
  color: var(--primary);
}
.contactform .myrow {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin-bottom: 20px;
}

.contactform .form-control:focus {
  box-shadow: none;
  border-color: #3bb77d7d;
}

.contactform label {
  font-weight: 600;
  color: var(--txt-lite);
}

.contactform button {
  margin-top: 25px;
}

.c-formImg-col {
  padding: 0;
  padding-left: 50px;
  align-self: end;
}
.c-formImg-col img {
  width: 100%;
  border-radius: var(--main-bdr);
}

@media (max-width: 991px) {
  .c-formImg-col {
    display: none;
  }
}

@media (max-width: 471px) {
  .contactform :is(input, textarea) {
    font-size: 12px;
  }
  .contactform .myrow {
    grid-template-columns: repeat(1, 1fr);
  }
}