/* screen - contact-desktop-u401280u41 */

.contact-desktop-u401280u41 {
  align-items: flex-start;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  position: relative;
}

.contact-desktop-u401280u41 .frame-88 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 24px;
  position: relative;
}

.contact-desktop-u401280u41 .frame-2 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 23px;
  position: relative;
}

.contact-desktop-u401280u41 .frame-1 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 17px;
  position: relative;
}

.contact-desktop-u401280u41 .place {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.contact-desktop-u401280u41 .phone {
  letter-spacing: 0;
  line-height: 26.4px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

 .frame-204 {
  align-items: flex-start;
  align-self: stretch;
  background: linear-gradient(90deg, rgba(239, 239, 233, 1) 0%, rgba(255, 255, 255, 0) 100%);
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 376px;
  position: relative;
  width: 100%;
}

.beautiful-natural-green-plant-1 {
  height: 376px;
  object-fit: cover;
  position: relative;
  width: 100%;
}

.frame-113 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 21px;
  left: 60px;
  position: absolute;
  top: 127px;
  width: auto;
}

.frame-6 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 9px;
  position: relative;
}

.vector-1 {
  height: 26px;
  margin-left: -1.50px;
  position: relative;
  width: 3px;
}

.contact-desktop-u401280u41 .home-products {
  line-height: 30px;
  width: 176px;
}

.contact-desktop-u401280u41 .title {
  letter-spacing: 0;
  line-height: 72px;
  position: relative;
  width: 666px;
}

.frame-135 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 44px 44px;
  justify-content: space-between;
  padding: 60px;
  position: relative;
  width: 100%;
}

.frame-134 {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 50px;
  min-width: 380px;
  position: relative;
}

.frame-133 {
  align-items: flex-start;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 39px;
  position: relative;
  width: 386px;
}

.frame-13 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 16px;
  position: relative;
  width: 100%;
}

.frame {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 16px;
  position: relative;
}

.address {
  letter-spacing: 0;
  line-height: 63px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

 .frame-132 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: flex-start;
  padding: 0px 0px 0px 46px;
  position: relative;
  width: 100%;
}

.x4-thirumalai-nagar {
  flex: 1;
  letter-spacing: 0;
  line-height: 27.4px;
  margin-top: -1.00px;
  position: relative;
}

.fi_126341 {
  background-image: url(../img/group-3@2x.png);
  background-size: 100% 100%;
  height: 32.0px;
  position: relative;
  width: 32.0px;
}

.phone-1 {
  flex: 1;
  letter-spacing: 0;
  line-height: 27.4px;
  margin-top: -1.00px;
  position: relative;
}

 .csmuhilcoin {
  flex: 1;
  letter-spacing: 0;
  line-height: 27.4px;
  margin-top: -1.00px;
  position: relative;
}

.frame-48 {
  align-items: flex-start;
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--foundation-greygrey-50);
  border-radius: 16px;
  box-shadow: 0px 0px 48px #00000012;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 32px;
  min-width: 380px;
  padding: 32px;
  position: relative;
}

.input-field {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 8px;
  position: relative;
}

.label {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 22.4px;
  margin-top: -1.00px;
  position: relative;
}

.input {
  align-items: center;
  align-self: stretch;
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--alto);
  border-radius: 8px;
  display: flex;
  flex: 0 0 auto;
  margin-bottom: -1.00px;
  margin-left: -1.00px;
  margin-right: -1.00px;
  min-width: 240px;
  overflow: hidden;
  padding: 12px 16px;
  position: relative;
  width: 100%;
}

.value {
  flex: 1;
  letter-spacing: 0;
  line-height: 16px;
  margin-top: -0.50px;
  position: relative;
}

.textarea-field {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 8px;
  height: 110px;
  position: relative;
  width: 100%;
}

.label-1 {
  align-self: stretch;
  color: var(--eerie-black);
  font-weight: 400;
  line-height: 22.4px;
  margin-top: -1.00px;
  position: relative;
}

.textarea {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--alto);
  border-radius: 8px;
  display: flex;
  flex: 0 0 auto;
  margin-bottom: -1.00px;
  margin-left: -1.00px;
  margin-right: -1.00px;
  min-height: 80px;
  min-width: 240px;
  overflow: hidden;
  padding: 12px 16px;
  position: relative;
  width: 100%;
}

.value-1 {
  flex: 1;
  letter-spacing: 0;
  line-height: 22.4px;
  margin-top: -0.50px;
  position: relative;
}

.drag {
  height: 7px;
  left: 504px;
  position: absolute;
  top: 67px;
  width: 7px;
}

.default-button {
  align-items: center;
  background-color: var(--foundation-greengreen-500);
  border-radius: 8px;
  box-shadow: 0px 2px 6px #4ac9594c;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  position: relative;
  width: 167px;
}

.frame-136 {
  align-self: stretch;
  background-image: url(../img/frame-136-2.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 542px;
  position: relative;
  width: 100%;
}

.frame-115 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.frame-84 {
  align-items: center;
  background-color: var(--foundation-greengreen-500);
  border-radius: 99px;
  display: flex;
  flex-wrap: wrap;
  gap: 29px 29px;
  justify-content: space-between;
  left: 72px;
  padding: 24px;
  position: absolute;
  top: -42px;
  width: 1148px;
}

 .phone-2 {
  height: 34px;
  position: relative;
  width: 34px;
}

.phone-3 {
  letter-spacing: 0;
  line-height: 23.8px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}
.quando-normal-masala-18px {
    white-space: normal;
}
.x4-thirumalai-nagar-1 {
  letter-spacing: 0;
  line-height: 27.4px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.home-6 {
  letter-spacing: 0;
  margin-top: -1.00px;
  position: relative;
}
.sec-pad {
    padding: 60px 60px;
}
.write-to-us-sec {
    background-color: var(--white);
    border: 1px solid;
    border-color: var(--foundation-greygrey-50);
    border-radius: 16px;
    box-shadow: 0px 0px 48px #00000012;
    padding: 30px;
}
@media screen and (min-width: 1600px) {
.sec-pad {
    padding: 60px 100px;
}
.frame-113 {
    left: 100px;
}
}
  @media screen and (min-width: 1920px) {
  .sec-pad {
    padding: 60px 250px;
}
.frame-113 {
    left: 250px;
}
}

@media screen and (max-width: 991px) {
.frame-48 {
  width: 100%;
}
.write-to-us-sec{
    margin-top: 30px;
}
.footer-logo {
    text-align: center;
    padding-top: 180px;
}
section.map {
    margin-bottom: 160px;
}
}
@media screen and (max-width: 767px) {
.frame-133 {
    width: 300px;
}
.sec-pad {
    padding: 60px 20px;
}
.frame-135 {
    padding: 60px 20px;
    position: relative;
    width: 100%;
}
 .frame-84 {
        padding: 40px;
        left: 0;
        right: 0;
        top: -150px !important;
        margin: 0 auto;
    }
section.map {
    margin-bottom: 200px !important;
}
    .frame-84 {
        padding: 40px;
        left: 0;
        right: 0;
        top: -150px;
        margin: 0 auto;
    }
.footer-logo{
    text-align: center;
    padding-top: 180px !important;
}
}