/* screen - desktop-3-all-breakpoints */
.desktop-3-all-breakpoints .elevate-your-spaces-1 {
  align-self: stretch;
  color: transparent;
  font-family: var(--font-family-quando);
  font-size: 56px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 72px;
  margin-top: -1.00px;
  position: relative;
}

.desktop-3-all-breakpoints .span0 {
  color: var(--foundation-greygrey-500);
}

.desktop-3-all-breakpoints .premium-artificial-p-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 30px;
  position: relative;
}

.desktop-3-all-breakpoints .frame-4-2 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 18px;
  position: relative;
  width: 100%;
}

.desktop-3-all-breakpoints .default-button-2 {
  display: inline-flex;
}

.desktop-3-all-breakpoints .btn-primary-btn-lg-1 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  padding: 11px 26px;
  position: relative;
}

.desktop-3-all-breakpoints .button-1 {
  letter-spacing: 0;
  line-height: 22px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.desktop-3-all-breakpoints .masked-icon-2 {
  height: 22px;
  position: relative;
  width: 14px;
}

.desktop-3-all-breakpoints .arrow-up-right-4 {
  height: 20px;
  left: -3px;
  position: absolute;
  top: 1px;
  width: 20px;
}

.desktop-3-all-breakpoints .masked-icon-3 {
  height: 20px;
  position: relative;
  width: 12px;
}

.desktop-3-all-breakpoints .arrow-right-2 {
  width: 16px;
}

.desktop-3-all-breakpoints .frame-6-4 {
  flex: 1;
  flex-grow: 1;
  height: 392px;
  position: relative;
}

.desktop-3-all-breakpoints .frame-109-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 97px 97px;
  justify-content: center;
  padding: 60px;
  position: relative;
  width: 100%;
}

.desktop-3-all-breakpoints .frame-110-1 {
  align-items: center;
  display: flex;
  flex: 1;
  flex-grow: 1;
  flex-wrap: wrap;
  gap: 32px 32px;
  justify-content: center;
  position: relative;
}

.desktop-3-all-breakpoints .frame-7-1 {
  background-image: url(../img/frame-7-1.png);
  background-position: 50% 50%;
  background-size: cover;
  border-radius: 999px 999px 0px 0px;
  flex: 1;
  flex-grow: 1;
  height: 631px;
  max-width: 525px;
  min-width: 360px;
  position: relative;
}

.desktop-3-all-breakpoints .frame-108-1 {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 24px;
  min-width: 380px;
  position: relative;
}

.desktop-3-all-breakpoints .frame-10 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 9px;
  position: relative;
  width: 100%;
}

.desktop-3-all-breakpoints .frame-6-5 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 9px;
  position: relative;
  width: 100%;
}

.desktop-3-all-breakpoints .about-us-1 {
  letter-spacing: 0;
  line-height: 30px;
  margin-top: -1.00px;
  position: relative;
  width: 109px;
}

.desktop-3-all-breakpoints .where-nature-meets-e-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 72px;
  position: relative;
}

.desktop-3-all-breakpoints .at-muhil-we-craft-t-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 30px;
  position: relative;
}

.desktop-3-all-breakpoints .frame-1-2 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  justify-content: space-between;
  position: relative;
  width: 100%;
}

.desktop-3-all-breakpoints .frame-1-3 {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  position: relative;
}

.desktop-3-all-breakpoints .x12-k-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.15px;
  position: relative;
}

.desktop-3-all-breakpoints .text-2 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.15px;
  position: relative;
}

.desktop-3-all-breakpoints .percent-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.15px;
  position: relative;
}

.desktop-3-all-breakpoints .frame-111-1 {
  align-items: center;
  align-self: stretch;
  background-image: url(../img/frame-111.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  padding: 0px 60px 60px;
  position: relative;
  width: 100%;
}

.desktop-3-all-breakpoints .frame-113-1 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  position: relative;
  width: 100%;
}

.desktop-3-all-breakpoints .frame-8-2 {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 9px;
  min-width: 360px;
  padding: 60px 0px;
  position: relative;
}

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

.desktop-3-all-breakpoints .what-we-offer-1 {
  letter-spacing: 0;
  line-height: 30px;
  margin-top: -1.00px;
  position: relative;
  width: 176px;
}

.desktop-3-all-breakpoints .versatile-green-solu-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 72px;
  position: relative;
}

.desktop-3-all-breakpoints .frame-17-4 {
  flex: 1;
  flex-grow: 1;
  height: 183px;
  min-width: 360px;
  position: relative;
}

.desktop-3-all-breakpoints .x107ac277-7767-4c75-a021-36452f80d694-1-1 {
  height: 335px;
  left: 718px;
  position: absolute;
  top: 0;
  width: 475px;
}

.desktop-3-all-breakpoints .frame-16-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 32px 20px;
  position: relative;
  width: 100%;
}

.desktop-3-all-breakpoints .frame-1-4 {
  align-items: center;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 18px;
  justify-content: center;
  min-width: 372px;
  position: relative;
}

.desktop-3-all-breakpoints .frame-17-5 {
  align-self: stretch;
  background-image: url(../img/frame-17-3@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  border-radius: 100%;
  height: 300px;
  position: relative;
  width: 300px;
  margin: 0 auto;
}

.desktop-3-all-breakpoints .artificial-1 {
  letter-spacing: 0;
  line-height: 40px;
  position: relative;
  text-align: center;
  width: 281px;
}

.desktop-3-all-breakpoints .outline-button-1 {
  align-items: center;
  border: 1px solid;
  border-color: var(--chicago);
  border-radius: 6px;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  position: relative;
}

.desktop-3-all-breakpoints .outline-button-1:hover{
  border-color: var(--foundation-greengreen-500);
}

.desktop-3-all-breakpoints .outline-button-1:hover .publicsans-medium-chicago-15px{
  color: var(--foundation-greengreen-500);
}

.desktop-3-all-breakpoints .btn-outline-secondary-1 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 8px;
  justify-content: center;
  padding: 8px 20px;
  position: relative;
}

.desktop-3-all-breakpoints .frame-13-1 {
  align-items: center;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 18px;
  position: relative;
}

.desktop-3-all-breakpoints .frame-17-6 {
  align-self: stretch;
  background-image: url(../img/frame-17-4@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  border-radius: 100%;
  height: 300px;
  position: relative;
  width: 300px;
  margin: 0 auto;
}

.desktop-3-all-breakpoints .frame-17-7 {
  align-self: stretch;
  background-image: url(../img/frame-17-5@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  border-radius: 100%;
  height: 300px;
  position: relative;
  width: 300px;
  margin: 0 auto;
}

.desktop-3-all-breakpoints .frame-33-1 {
  align-items: flex-start;
  align-self: stretch;
  background-image: url(../img/frame-33.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex: 0 0 auto;
  gap: 10px;
  padding: 60px;
  position: relative;
  width: 100%;
}

.desktop-3-all-breakpoints .frame-32-1 {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 32px;
  position: relative;
}

.desktop-3-all-breakpoints .products-1 {
  letter-spacing: 0;
  line-height: 30px;
  margin-top: -1.00px;
  position: relative;
  width: 176px;
}

.desktop-3-all-breakpoints .frame-30-2 {
  gap: 9px;
}

.desktop-3-all-breakpoints .our-products-1 {
  flex: 1;
  letter-spacing: 0;
  line-height: 72px;
  margin-top: -1.00px;
  position: relative;
}

.desktop-3-all-breakpoints .frame-31-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 20px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.desktop-3-all-breakpoints .frame-2-3 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 18px 18px;
  justify-content: start;
  position: relative;
  width: 100%;
}

.desktop-3-all-breakpoints .frame-2-4 {
  align-items: flex-start;
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--foundation-greygrey-50);
  border-radius: 16px;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  overflow: hidden;
  position: relative;
  transition: all .3s;
  max-width: 25%;
}

.desktop-3-all-breakpoints .frame-2-4:hover{
 box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.desktop-3-all-breakpoints .rectangle-19-1 {
  align-self: stretch;
  height: 350px;
  object-fit: cover;
  position: relative;
  width: 100%;
}

.desktop-3-all-breakpoints .frame-29-1 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 4px;
  padding: 24px;
  position: relative;
  width: 100%;
}

.desktop-3-all-breakpoints .price-1 {
  height: 25px;
  position: relative;
  width: 207px;
}

.desktop-3-all-breakpoints .monstera-deliciosa-1 {
  left: 0;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 0;
  left: 0;
    letter-spacing: 0;
    line-height: normal;
    position: absolute;
    top: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.desktop-3-all-breakpoints .text-button-3 {
  display: flex;
  width: 119px;
}

.desktop-3-all-breakpoints .btn-text-secondary-3 {
  margin-left: -9.50px;
  margin-right: -9.50px;
}

.desktop-3-all-breakpoints .frame-2-5 {
  align-items: flex-start;
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--foundation-greygrey-50);
  border-radius: 16px;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  overflow: hidden;
  position: relative;
  transition: all .3s;
}

.desktop-3-all-breakpoints .frame-2-5:hover{
 box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.desktop-3-all-breakpoints .frame-116 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 32px;
  padding: 60px;
  position: relative;
  width: 100%;
}

.desktop-3-all-breakpoints .projects-1 {
  letter-spacing: 0;
  line-height: 30px;
  margin-top: -1.00px;
  position: relative;
  width: 176px;
}

.desktop-3-all-breakpoints .frame-30-1 {
  flex-wrap: wrap;
  gap: 9px 9px;
}

.desktop-3-all-breakpoints .latest-projects-1 {
  flex: 1;
  letter-spacing: 0;
  line-height: 72px;
  margin-top: -1.00px;
  position: relative;
}

.desktop-3-all-breakpoints .frame-101-1 {
  justify-content: center;
  position: relative;
  width: 100%;
}

.desktop-3-all-breakpoints .frame-99 {
  background-image: url(../img/frame-99.png);
  background-position: 50% 50%;
  background-size: cover;
  border-radius: 16px;
  flex: 1;
  flex-grow: 1;
  height: 517px;
  overflow: hidden;
  position: relative;
}

.desktop-3-all-breakpoints .frame-100-3 {
    align-items: flex-start;
    background-color: var(--white);
    display: flex;
    flex-direction: column;
    gap: 10px;
    height: 95px;
    left: 0;
    right: 0;
    padding: 20px;
    top: 400px;
    width: 95%;
    margin: 0 auto;
}

.desktop-3-all-breakpoints .frame-104-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 58px;
  position: relative;
  width: 100%;
}

.desktop-3-all-breakpoints .frame-103-1 {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 6px;
  position: relative;
}

.desktop-3-all-breakpoints .place-4 {
  align-self: stretch;
}

.desktop-3-all-breakpoints .frame-102-1 {
  align-items: center;
  background-color: var(--foundation-greengreen-500);
  border-radius: 999px;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10px;
  overflow: hidden;
  padding: 10px;
  position: relative;
  transition: all .5s;
}

.desktop-3-all-breakpoints .frame-102-1:hover{
      transform: rotate(45deg);
      background-color: #000000;
}

.desktop-3-all-breakpoints .arrow-up-right-5 {
  height: 24px;
  position: relative;
  width: 24px;
}

.desktop-3-all-breakpoints .frame-100-4 {
  background-image: url(../img/frame-100.png);
  background-position: 50% 50%;
  background-size: cover;
  flex: 1;
  flex-grow: 1;
  height: 517px;
  min-width: 370px;
}

.desktop-3-all-breakpoints .frame-100-5 {
  align-items: flex-start;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  gap: 10px;
  left: 15px;
  padding: 20px;
  top: 400px;
  width: 340px;
}

.desktop-3-all-breakpoints .place-5 {
  align-self: stretch;
}

.desktop-3-all-breakpoints .arrow-up-right-6 {
  height: 24px;
  position: relative;
  width: 24px;
}

.desktop-3-all-breakpoints .frame-101-2 {
  background-color: var(--white);
  border-radius: 16px;
  flex: 1;
  flex-grow: 1;
  height: 517px;
  min-width: 370px;
  overflow: hidden;
  position: relative;
}

.desktop-3-all-breakpoints .overlap-group-1 {
  align-items: flex-end;
  background-image: url(../img/image-1-3.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 517px;
  min-width: 371px;
  padding: 22px 14.9px;
}

.desktop-3-all-breakpoints .frame-100-6 {
  align-items: flex-start;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 20px;
  width: 341px;
}

.desktop-3-all-breakpoints .place-6 {
  align-self: stretch;
}

.desktop-3-all-breakpoints .arrow-up-right-7 {
  height: 24px;
  position: relative;
  width: 24px;
}

.desktop-3-all-breakpoints .frame-43-1 {
  align-items: flex-start;
  align-self: stretch;
  background-image: url(../img/frame-43-1.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 10px;
  padding: 194px 60px;
  position: relative;
  width: 100%;
}

.desktop-3-all-breakpoints .frame-44-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  height: 174px;
  position: relative;
  width: 100%;
}

.desktop-3-all-breakpoints .what-our-customers-are-talking-about-1 {
  align-self: stretch;
  flex: 1;
  letter-spacing: 0;
  line-height: 72px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.desktop-3-all-breakpoints .frame-42-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 16px;
  margin-top: -160px;
  padding: 0px 60px;
  position: relative;
  width: 100%;
}

.desktop-3-all-breakpoints .frame-11 {
  align-items: flex-start;
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--foundation-greygrey-50);
  border-radius: 16px;
  box-shadow: 0px 0px 24px #00000012;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 20px;
  padding: 24px;
  position: relative;
}

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

.desktop-3-all-breakpoints .avatar-1 {
  background-image: url(../img/variant-circle--badge-false--icon-false--image-true--brand-false@4x.png);
  background-position: 50% 50%;
  background-size: cover;
  border-radius: 500px;
  height: 52px;
  position: relative;
  width: 52px;
}

.desktop-3-all-breakpoints .frame-34-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 12px;
  position: relative;
  width: 188px;
}

.desktop-3-all-breakpoints .name-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.desktop-3-all-breakpoints .vector-3-4 {
  margin-right: -13.33px;
}

.desktop-3-all-breakpoints .frame-38-1 {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  gap: 136px;
  justify-content: space-around;
  margin-right: -13.33px;
  position: relative;
  width: 100%;
}
.blog-list.frame-18 {
    margin-bottom: 20px;
}
.desktop-3-all-breakpoints .frame-98-1 {
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 48px;
  padding: 60px;
  position: relative;
  width: 100%;
}

.desktop-3-all-breakpoints .frame-17-8 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 9px;
  height: 111px;
  position: relative;
  width: 100%;
}

.desktop-3-all-breakpoints .blogs-1 {
  letter-spacing: 0;
  line-height: 30px;
  margin-top: -1.00px;
  position: relative;
  width: 176px;
}

.desktop-3-all-breakpoints .read-our-blogs-1 {
  flex: 1;
  letter-spacing: 0;
  line-height: 72px;
  margin-top: -1.00px;
  position: relative;
}

.desktop-3-all-breakpoints .frame-93-1 {
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 24px 24px;
  position: relative;
  width: 100%;
}

.desktop-3-all-breakpoints .frame-18 {
  align-items: flex-start;
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--foundation-greygrey-50);
  border-radius: 16px;
  box-shadow: 0px 0px 24px #00000012;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  overflow: hidden;
  position: relative;
}

.desktop-3-all-breakpoints .frame-96-3 {
  background-image: url(../img/frame-96-3@2x.png);
}

.desktop-3-all-breakpoints .frame-95-1 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 30px;
  padding: 24px;
  position: relative;
  width: 100%;
}

.desktop-3-all-breakpoints .frame-19 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 20px;
  position: relative;
  width: 100%;
}

.desktop-3-all-breakpoints .x3-june-2025-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.desktop-3-all-breakpoints .address-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 32px;
  position: relative;
}

.desktop-3-all-breakpoints .make-your-big-day-st-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
}

.desktop-3-all-breakpoints .frame-94-1 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 14px;
  margin-right: -7.33px;
  position: relative;
}

.desktop-3-all-breakpoints .vector-3-5 {
  margin-top: -0.50px;
}

.desktop-3-all-breakpoints .text-button-4 {
  display: flex;
  width: 93px;
}

.desktop-3-all-breakpoints .btn-text-secondary-4 {
  margin-left: -13.50px;
  margin-right: -13.50px;
}

.desktop-3-all-breakpoints .arrow-right-3 {
  width: 12px;
}

.desktop-3-all-breakpoints .frame-96-4 {
  background-image: url(../img/frame-96-4@2x.png);
}

.desktop-3-all-breakpoints .x5-june-2025-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.desktop-3-all-breakpoints .transform-your-offic-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 32px;
  position: relative;
}

.desktop-3-all-breakpoints .learn-how-artificial-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
}

.desktop-3-all-breakpoints .frame-96-5 {
  background-image: url(../img/frame-96-5.png);
}

.desktop-3-all-breakpoints .x7-june-2025-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.desktop-3-all-breakpoints .artificial-grass-for-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 32px;
  position: relative;
}

.desktop-3-all-breakpoints .we-break-down-the-pr-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
}

.desktop-3-all-breakpoints .frame-92-1 {
  align-items: center;
  align-self: stretch;
  background-color: var(--concrete);
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 64px 64px;
  padding: 60px 60px 100px;
  position: relative;
  width: 100%;
}

.desktop-3-all-breakpoints .frame-91-1 {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 54px;
  max-width: 676px;
  min-width: 372px;
  position: relative;
}

.desktop-3-all-breakpoints .contact-us-1 {
  letter-spacing: 0;
  line-height: 30px;
  margin-top: -1.00px;
  position: relative;
  width: 176px;
}

.desktop-3-all-breakpoints .lets-green-up-your-space-the-smart-way-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 72px;
  position: relative;
}

.desktop-3-all-breakpoints .frame-50-1 {
  align-self: stretch;
  background-image: url(../img/frame-50-1.png);
  background-position: 50% 50%;
  background-size: cover;
  border-radius: 16px;
  height: 296px;
  position: relative;
  width: 100%;
}

.desktop-3-all-breakpoints .frame-48-1 {
  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: 20px;
  min-width: 372px;
  padding: 32px;
  position: relative;
}

.desktop-3-all-breakpoints .write-to-us-1 {
    letter-spacing: 0;
    line-height: normal;
    margin-top: -1.00px;
    position: relative;
    white-space: nowrap;
    width: fit-content;
}

.desktop-3-all-breakpoints .vector-4-1 {
  height: 4px;
  margin-left: -2.00px;
  position: relative;
  width: 58.5px;
}

.desktop-3-all-breakpoints .frame-47-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 16px 16px;
  position: relative;
  width: 100%;
}

.desktop-3-all-breakpoints .input-field-2 {
  flex: 1;
  flex-grow: 1;
  min-width: 274px;
}

.desktop-3-all-breakpoints .label-2 {
  letter-spacing: 0;
}

.desktop-3-all-breakpoints .input-1 {
  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%;
}

.desktop-3-all-breakpoints .value-2 {
  line-height: 16px;
}

.desktop-3-all-breakpoints .input-field-3 {
  align-self: stretch;
  flex: 0 0 auto;
  width: 100%;
}

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

.desktop-3-all-breakpoints .label-3 {
  color: var(--eerie-black);
  font-weight: 400;
}

.desktop-3-all-breakpoints .textarea-1 {
  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%;
}

.desktop-3-all-breakpoints .value-3 {
  line-height: 22.4px;
}

.desktop-3-all-breakpoints .drag-1 {
  height: 7px;
  left: 472px;
  position: absolute;
  top: 67px;
  width: 7px;
}

.desktop-3-all-breakpoints .default-button-3 {
  display: flex;
  width: 167px;
}

.desktop-3-all-breakpoints .frame-90-1 {
  align-self: stretch;
  flex: 0 0 auto;
  object-fit: cover;
  position: relative;
  width: 100%;
}

.desktop-3-all-breakpoints .frame-84-2 {
  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: 0;
  right: 0;
  margin: 0 auto;
  padding: 24px;
  position: absolute;
  top: -42px;
  width: 90%;
}

.desktop-3-all-breakpoints .phone-3 {
  height: 34px;
  position: relative;
  width: 34px;
}

.desktop-3-all-breakpoints .phone-4 {
  letter-spacing: 0;
  line-height: 23.8px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.desktop-3-all-breakpoints .mail-1 {
  height: 34px;
  position: relative;
  width: 34px;
}

.desktop-3-all-breakpoints .frame-84-3 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 16px;
  position: relative;
}

.desktop-3-all-breakpoints .map-pin-1 {
  height: 34px;
  position: relative;
  width: 34px;
}

.desktop-3-all-breakpoints .x4-thirumalai-nagar-1 {
  letter-spacing: 0;
  line-height: 27.4px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.desktop-3-all-breakpoints .arrow-right {
  height: 16px;
  left: -2px;
  position: absolute;
  top: 2px;
}

.desktop-3-all-breakpoints .btn-text-secondary {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 8px;
  justify-content: center;
  padding: 8px 12px;
  position: relative;
}

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

.desktop-3-all-breakpoints .default-button:hover {
  background-color: #000000;
}

.desktop-3-all-breakpoints .frame-100 {
  border-radius: 16px;
  overflow: hidden;
  position: relative;
}

.desktop-3-all-breakpoints .frame-30 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  position: relative;
  width: 100%;
}

.desktop-3-all-breakpoints .frame-96 {
  align-self: stretch;
  background-position: 50% 50%;
  background-size: cover;
  height: 236px;
  position: relative;
  width: 100%;
}

.desktop-3-all-breakpoints .home-6 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.desktop-3-all-breakpoints .input-field {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 8px;
  position: relative;
}

.desktop-3-all-breakpoints .label {
  align-self: stretch;
  line-height: 22.4px;
  margin-top: -1.00px;
  position: relative;
}

.desktop-3-all-breakpoints .place {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
}

.desktop-3-all-breakpoints .text-button {
  align-items: center;
  border-radius: 6px;
  flex: 0 0 auto;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  position: relative;
}

.desktop-3-all-breakpoints .value {
  flex: 1;
  letter-spacing: 0;
  margin-top: -0.50px;
  position: relative;
}

.desktop-3-all-breakpoints .vector-3 {
  height: 1px;
  object-fit: cover;
  position: relative;
  width: 330px;
}
/* screen - mobileu40412u41 */

.mobileu40412u41 {
  align-items: flex-start;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  min-width: 412px;
  position: relative;
}

.mobileu40412u41 .frame-5-1 {
  align-items: center;
  height: 88px;
  justify-content: space-between;
  padding: 0px 20px;
  width: 412px;
}

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

.mobileu40412u41 .menu-2 {
  height: 38px;
  position: relative;
  width: 38px;
}

.mobileu40412u41 .frame-107 {
  align-items: center;
  align-self: stretch;
  background-image: url(../img/frame-107-1.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  gap: 10px;
  height: 590px;
  padding: 10px 16px;
  position: relative;
  width: 100%;
}

.mobileu40412u41 .frame-5-2 {
  align-items: flex-start;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 36px;
  min-width: 360px;
}

.mobileu40412u41 .elevate-your-spaces {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.mobileu40412u41 .premium-artificial-p {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 30px;
  position: relative;
}

.mobileu40412u41 .frame-4-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 18px;
  position: relative;
  width: 100%;
}

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

.mobileu40412u41 .masked-icon {
  height: 22px;
  position: relative;
  width: 14px;
}

.mobileu40412u41 .arrow-up-right {
  height: 20px;
  left: -3px;
  position: absolute;
  top: 1px;
  width: 20px;
}

.mobileu40412u41 .text-button-2 {
  display: inline-flex;
}

.mobileu40412u41 .masked-icon-1 {
  height: 20px;
  position: relative;
  width: 12px;
}

.mobileu40412u41 .arrow-right {
  height: 16px;
  left: -2px;
  position: absolute;
  top: 2px;
  width: 16px;
}

.mobileu40412u41 .frame-6-1 {
  flex: 1;
  flex-grow: 1;
  height: 392px;
  position: relative;
}

.mobileu40412u41 .frame-109 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 97px 97px;
  justify-content: center;
  padding: 60px 16px;
  position: relative;
  width: 100%;
}

.mobileu40412u41 .frame-110 {
  align-items: center;
  display: flex;
  flex: 1;
  flex-grow: 1;
  flex-wrap: wrap;
  gap: 32px 32px;
  justify-content: center;
  position: relative;
}

.mobileu40412u41 .frame-7 {
  background-image: url(../img/frame-7.png);
  background-position: 50% 50%;
  background-size: cover;
  border-radius: 999px 999px 0px 0px;
  flex: 1;
  flex-grow: 1;
  height: 631px;
  max-width: 525px;
  min-width: 360px;
  position: relative;
}

.mobileu40412u41 .frame-108 {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 24px;
  position: relative;
}

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

.mobileu40412u41 .frame-6-2 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 9px;
  position: relative;
  width: 100%;
}

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

.mobileu40412u41 .about-us {
  letter-spacing: 0;
  line-height: 30px;
  margin-top: -1.00px;
  position: relative;
  width: 109px;
}

.mobileu40412u41 .where-nature-meets-e {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
}

.mobileu40412u41 .at-muhil-we-craft-t {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 30px;
  position: relative;
}

.mobileu40412u41 .frame-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  justify-content: space-between;
  position: relative;
  width: 100%;
}

.mobileu40412u41 .frame-1-1 {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  position: relative;
}

.mobileu40412u41 .x12-k {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.15px;
  position: relative;
}

.mobileu40412u41 .text-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.15px;
  position: relative;
}

.mobileu40412u41 .percent {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.15px;
  position: relative;
}

.mobileu40412u41 .frame-111 {
  align-items: center;
  align-self: stretch;
  background-image: url(../img/frame-111.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  padding: 0px 16px 60px;
  position: relative;
  width: 100%;
}

.mobileu40412u41 .frame-113 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  position: relative;
  width: 100%;
}

.mobileu40412u41 .frame-8-1 {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 9px;
  min-width: 360px;
  padding: 60px 0px;
  position: relative;
}

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

.mobileu40412u41 .what-we-offer {
  letter-spacing: 0;
  line-height: 30px;
  margin-top: -1.00px;
  position: relative;
  width: 176px;
}

.mobileu40412u41 .versatile-green-solu {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
}

.mobileu40412u41 .frame-17 {
  flex: 1;
  flex-grow: 1;
  height: 183px;
  margin-right: -340.00px;
  min-width: 360px;
  position: relative;
}

.mobileu40412u41 .x107ac277-7767-4c75-a021-36452f80d694-1 {
  height: 140px;
  left: 256px;
  position: absolute;
  top: 0;
  width: 156px;
}

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

.mobileu40412u41 .frame-14 {
  align-items: center;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 18px;
  justify-content: center;
  min-width: 372px;
  position: relative;
}

.mobileu40412u41 .frame-17-1 {
  background-image: url(../img/frame-17@2x.png);
}

.mobileu40412u41 .artificial {
  letter-spacing: 0;
  line-height: 40px;
  position: relative;
  text-align: center;
  width: 281px;
}

.mobileu40412u41 .outline-button {
  align-items: center;
  border: 1px solid;
  border-color: var(--chicago);
  border-radius: 6px;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  position: relative;
}

.mobileu40412u41 .btn-outline-secondary {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 8px;
  justify-content: center;
  padding: 8px 20px;
  position: relative;
}

.mobileu40412u41 .frame-13 {
  align-items: center;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 18px;
  margin-left: -380px;
  min-width: 372px;
  position: relative;
}

.mobileu40412u41 .frame-17-2 {
  background-image: url(../img/frame-17-1@2x.png);
}

.mobileu40412u41 .frame-15 {
  align-items: center;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 18px;
  justify-content: center;
  margin-left: -380px;
  min-width: 372px;
  position: relative;
}

.mobileu40412u41 .frame-17-3 {
  background-image: url(../img/frame-17-2@2x.png);
}

.mobileu40412u41 .frame-33 {
  align-items: flex-start;
  align-self: stretch;
  background-image: url(../img/frame-33.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex: 0 0 auto;
  gap: 10px;
  padding: 60px 16px;
  position: relative;
  width: 100%;
}

.mobileu40412u41 .frame-32 {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 32px;
  position: relative;
}

.mobileu40412u41 .products {
  letter-spacing: 0;
  line-height: 30px;
  margin-top: -1.00px;
  position: relative;
  width: 176px;
}

.mobileu40412u41 .frame-30 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 9px 9px;
  position: relative;
  width: 100%;
}

.mobileu40412u41 .our-products {
  flex: 1;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.mobileu40412u41 .frame-31 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 20px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.mobileu40412u41 .frame-2 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 18px 18px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.mobileu40412u41 .frame-2-1 {
  max-width: 372px;
  min-width: 276.5px;
}

.mobileu40412u41 .rectangle-19 {
  align-self: stretch;
  height: 350px;
  object-fit: cover;
  position: relative;
  width: 100%;
}

.mobileu40412u41 .text-button {
  align-items: center;
  border-radius: 6px;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  position: relative;
  width: 119px;
}

.mobileu40412u41 .btn-text-secondary {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 8px;
  justify-content: center;
  margin-left: -9.50px;
  margin-right: -9.50px;
  padding: 8px 12px;
  position: relative;
}

.mobileu40412u41 .frame-2-2 {
  min-width: 293px;
}

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

.mobileu40412u41 .projects {
  letter-spacing: 0;
  line-height: 30px;
  margin-top: -1.00px;
  position: relative;
  width: 176px;
}

.mobileu40412u41 .latest-projects {
  flex: 1;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.mobileu40412u41 .frame-101 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 24px 24px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.mobileu40412u41 .frame-3 {
  background-color: var(--white);
  border-radius: 16px;
  flex: 1;
  flex-grow: 1;
  height: 517px;
  max-width: 424px;
  min-width: 370px;
  overflow: hidden;
  position: relative;
}

.mobileu40412u41 .overlap-group {
  background-image: url(../img/image-1.png);
  padding: 22px 13.4px;
}

.mobileu40412u41 .frame-100 {
  align-items: flex-start;
  background-color: var(--white);
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 95px;
  overflow: hidden;
  padding: 20px;
  position: relative;
  width: 352px;
}

.mobileu40412u41 .audi-showroom {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.mobileu40412u41 .overlap-group1 {
  background-image: url(../img/image-1-1.png);
  padding: 22px 15.2px;
}

.mobileu40412u41 .frame-100-1 {
  width: 349px;
}

.mobileu40412u41 .overlap-group2 {
  background-image: url(../img/image-1-2.png);
  justify-content: flex-end;
  padding: 22px 15.2px;
}

.mobileu40412u41 .frame-100-2 {
  width: 350px;
}

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

.mobileu40412u41 .frame-43 {
  align-items: flex-start;
  align-self: stretch;
  background-image: url(../img/frame-43-1.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 10px;
  padding: 194px 16px;
  position: relative;
  width: 100%;
}

.mobileu40412u41 .what-our-customers-are-talking-about {
  align-self: stretch;
  color: var(--white);
  flex: 1;
  font-family: var(--font-family-quando);
  font-size: var(--font-size-xxxl);
  font-weight: 400;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.mobileu40412u41 .frame-42 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 12px;
  margin-top: -160px;
  padding: 0px 16px;
  position: relative;
  width: 100%;
}

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

.mobileu40412u41 .vector-3-1 {
  margin-right: -83.00px;
  width: 330px;
}

.mobileu40412u41 .frame-38 {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  gap: 136px;
  justify-content: space-around;
  margin-right: -83.00px;
  position: relative;
  width: 330px;
}

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

.mobileu40412u41 .star-fill-1 {
  width: 24px;
}

.mobileu40412u41 .star-fill-2 {
  width: 24px;
}

.mobileu40412u41 .star-fill-3 {
  width: 24px;
}

.mobileu40412u41 .star-fill-4 {
  width: 24px;
}

.mobileu40412u41 .vector-3-2 {
  width: 65px;
}

.mobileu40412u41 .star-fill-5 {
  width: 24px;
}

.mobileu40412u41 .star-fill-6 {
  width: 24px;
}

.mobileu40412u41 .star-fill-7 {
  width: 1px;
}

.mobileu40412u41 .star-fill-8 {
  margin-left: -5945.00px;
  margin-top: -12619.00px;
  width: 24px;
}

.mobileu40412u41 .star-fill-9 {
  margin-left: -5913.00px;
  margin-top: -12619.00px;
  width: 24px;
}

.mobileu40412u41 .vector-3-3 {
  margin-left: -6324.00px;
  margin-top: -12067.00px;
  width: 330px;
}

.mobileu40412u41 .star-fill-10 {
  margin-left: -6348.00px;
  margin-top: -12619.00px;
  width: 24px;
}

.mobileu40412u41 .star-fill-11 {
  margin-left: -6316.00px;
  margin-top: -12619.00px;
  width: 24px;
}

.mobileu40412u41 .star-fill-12 {
  margin-left: -6284.00px;
  margin-top: -12619.00px;
  width: 24px;
}

.mobileu40412u41 .star-fill-13 {
  margin-left: -6252.00px;
  margin-top: -12619.00px;
  width: 24px;
}

.mobileu40412u41 .star-fill-14 {
  margin-left: -6220.00px;
  margin-top: -12619.00px;
  width: 24px;
}

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

.mobileu40412u41 .blogs {
  letter-spacing: 0;
  line-height: 30px;
  margin-top: -1.00px;
  position: relative;
  width: 176px;
}

.mobileu40412u41 .read-our-blogs {
  flex: 1;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.mobileu40412u41 .frame-93 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 24px 24px;
  position: relative;
  width: 100%;
}

.mobileu40412u41 .frame-4 {
  align-items: flex-start;
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--foundation-greygrey-50);
  border-radius: 16px;
  box-shadow: 0px 0px 24px #00000012;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  min-width: 370px;
  overflow: hidden;
  position: relative;
}

.mobileu40412u41 .frame-96 {
  align-self: stretch;
  background-image: url(../img/frame-96-3@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 236px;
  position: relative;
  width: 100%;
}

.mobileu40412u41 .frame-95 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 30px;
  padding: 24px;
  position: relative;
  width: 100%;
}

.mobileu40412u41 .x3-june-2025 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.mobileu40412u41 .address {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 32px;
  position: relative;
}

.mobileu40412u41 .make-your-big-day-st {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
}

.mobileu40412u41 .frame-94 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 14px;
  position: relative;
}

.mobileu40412u41 .vector-3 {
  height: 1px;
  margin-top: -0.50px;
  object-fit: cover;
  position: relative;
  width: 330px;
}

.mobileu40412u41 .text-button-1 {
  display: flex;
  width: 93px;
}

.mobileu40412u41 .btn-text-secondary-1 {
  margin-left: -13.50px;
  margin-right: -13.50px;
}

.mobileu40412u41 .arrow-right-1 {
  height: 16px;
  left: -2px;
  position: absolute;
  top: 2px;
  width: 12px;
}

.mobileu40412u41 .frame-96-1 {
  background-image: url(../img/frame-96-4@2x.png);
}

.mobileu40412u41 .x5-june-2025 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.mobileu40412u41 .transform-your-offic {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 32px;
  position: relative;
}

.mobileu40412u41 .learn-how-artificial {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
}

.mobileu40412u41 .frame-96-2 {
  background-image: url(../img/frame-96-5.png);
}

.mobileu40412u41 .x7-june-2025 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.mobileu40412u41 .artificial-grass-for {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 32px;
  position: relative;
}

.mobileu40412u41 .we-break-down-the-pr {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
}

.mobileu40412u41 .frame-92 {
  align-items: center;
  align-self: stretch;
  background-color: var(--concrete);
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 64px 64px;
  padding: 60px 16px 100px;
  position: relative;
  width: 100%;
}

.mobileu40412u41 .lets-green-up-your-space-the-smart-way {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
}

.mobileu40412u41 .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: 372px;
  padding: 32px;
  position: relative;
}

.mobileu40412u41 .input-field {
  align-items: flex-start;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 8px;
  min-width: 274px;
}

.mobileu40412u41 .label {
  letter-spacing: 0;
}

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

.mobileu40412u41 .value {
  line-height: 16px;
}

.mobileu40412u41 .textarea-field {
  flex-direction: column;
  gap: 8px;
  height: 110px;
}

.mobileu40412u41 .label-1 {
  color: var(--eerie-black);
  font-weight: 400;
}

.mobileu40412u41 .textarea {
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--alto);
  border-radius: 8px;
  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;
}

.mobileu40412u41 .value-1 {
  line-height: 22.4px;
}

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

.mobileu40412u41 .default-button-1 {
  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;
}

.mobileu40412u41 .frame-84 {
  align-items: center;
  background-color: var(--foundation-greengreen-500);
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 29px;
  justify-content: center;
  padding: 24px;
  position: relative;
}

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

.mobileu40412u41 .phone-1 {
  letter-spacing: 0;
  line-height: 23.8px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

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

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

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

.mobileu40412u41 .arrow-up-right-4 {
  height: 24px;
  position: relative;
  width: 24px;
}

.mobileu40412u41 .btn-text-secondary-3 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 8px;
  justify-content: center;
  padding: 8px 12px;
  position: relative;
}

.mobileu40412u41 .frame-100-3 {
  align-items: flex-start;
  background-color: var(--white);
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  overflow: hidden;
  padding: 20px;
  position: relative;
}

.mobileu40412u41 .frame-17-4 {
  align-self: stretch;
  background-position: 50% 50%;
  background-size: cover;
  border-radius: 999px;
  height: 380px;
  position: relative;
  width: 100%;
}

.mobileu40412u41 .frame-2-3 {
  align-items: flex-start;
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--foundation-greygrey-50);
  border-radius: 16px;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  overflow: hidden;
  position: relative;
}

.mobileu40412u41 .frame-5-3 {
  display: flex;
  position: relative;
}

.mobileu40412u41 .frame-96-3 {
  align-self: stretch;
  background-position: 50% 50%;
  background-size: cover;
  height: 236px;
  position: relative;
  width: 100%;
}

.mobileu40412u41 .input-1 {
  display: flex;
  position: relative;
}

.mobileu40412u41 .label-2 {
  align-self: stretch;
  line-height: 22.4px;
  margin-top: -1.00px;
  position: relative;
}

.mobileu40412u41 .lorem-ipsum-3 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
}

.mobileu40412u41 .overlap {
  align-items: flex-end;
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 517px;
  min-width: 380px;
}

.mobileu40412u41 .place-3 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
}

.mobileu40412u41 .star-fill-15 {
  height: 24px;
  position: relative;
}

.mobileu40412u41 .text-button-3 {
  align-items: center;
  border-radius: 6px;
  flex: 0 0 auto;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  position: relative;
}

.mobileu40412u41 .textarea-1 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  position: relative;
  width: 100%;
}

.mobileu40412u41 .value-2 {
  flex: 1;
  letter-spacing: 0;
  margin-top: -0.50px;
  position: relative;
}

.mobileu40412u41 .vector-3-4 {
  height: 1px;
  object-fit: cover;
  position: relative;
}
/* screen - tabu40991u41 */

.tabu40991u41 {
  align-items: flex-start;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  min-width: 991px;
  position: relative;
}

.tabu40991u41 .frame-4-3 {
  height: 88px;
  justify-content: space-between;
  padding: 0px 20px;
}

.tabu40991u41 .muhil-final-1-2 {
  height: 76px;
  object-fit: cover;
  position: relative;
  width: 170px;
}

.tabu40991u41 .frame-88-2 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 48px;
  position: relative;
}

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

.tabu40991u41 .frame-87-1 {
  align-items: center;
  align-self: stretch;
  background-color: var(--foundation-greengreen-50);
  border-radius: 99px;
  display: flex;
  gap: 10px;
  justify-content: center;
  position: relative;
  width: 50px;
}

.tabu40991u41 .call_end-1 {
  height: 34px;
  position: relative;
  width: 34px;
}

.tabu40991u41 .frame-85-1 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 3px;
  position: relative;
}

.tabu40991u41 .enquire-now-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 21.1px;
  margin-top: -1.00px;
  position: relative;
}

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

.tabu40991u41 .menu-2-1 {
  height: 38px;
  position: relative;
  width: 38px;
}

.tabu40991u41 .frame-107-2 {
  align-items: center;
  align-self: stretch;
  background-image: url(../img/frame-107-1.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  gap: 10px;
  height: 590px;
  padding: 10px 40px;
  position: relative;
  width: 100%;
}

.tabu40991u41 .frame-5-4 {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 36px;
  min-width: 480px;
  position: relative;
}

.tabu40991u41 .elevate-your-spaces-2 {
  align-self: stretch;
  color: transparent;
  font-family: var(--font-family-quando);
  font-size: 56px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 72px;
  margin-top: -1.00px;
  position: relative;
}

.tabu40991u41 .span0-1 {
  color: var(--foundation-greygrey-500);
}

.tabu40991u41 .premium-artificial-p-2 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 30px;
  position: relative;
}

.tabu40991u41 .frame-4-4 {
  flex: 0 0 auto;
  gap: 18px;
}

.tabu40991u41 .default-button-4 {
  display: inline-flex;
}

.tabu40991u41 .btn-primary-btn-lg-2 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  padding: 11px 26px;
  position: relative;
}

.tabu40991u41 .button-2 {
  letter-spacing: 0;
  line-height: 22px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.tabu40991u41 .masked-icon-4 {
  height: 22px;
  position: relative;
  width: 14px;
}

.tabu40991u41 .arrow-up-right-8 {
  height: 20px;
  left: -3px;
  position: absolute;
  top: 1px;
  width: 20px;
}

.tabu40991u41 .text-button-8 {
  display: inline-flex;
}

.tabu40991u41 .masked-icon-5 {
  height: 20px;
  position: relative;
  width: 12px;
}

.tabu40991u41 .arrow-right-4 {
  width: 16px;
}

.tabu40991u41 .frame-6-7 {
  flex: 1;
  flex-grow: 1;
  height: 392px;
  position: relative;
}

.tabu40991u41 .frame-109-2 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 97px 97px;
  justify-content: center;
  padding: 60px 40px;
  position: relative;
  width: 100%;
}

.tabu40991u41 .frame-110-2 {
  align-items: center;
  display: flex;
  flex: 1;
  flex-grow: 1;
  flex-wrap: wrap;
  gap: 32px 32px;
  justify-content: center;
  position: relative;
}

.tabu40991u41 .frame-7-2 {
  background-image: url(../img/frame-7-2.png);
  background-position: 50% 50%;
  background-size: cover;
  border-radius: 999px 999px 0px 0px;
  flex: 1;
  flex-grow: 1;
  height: 631px;
  max-width: 525px;
  min-width: 360px;
  position: relative;
}

.tabu40991u41 .frame-108-2 {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 24px;
  min-width: 380px;
  position: relative;
}

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

.tabu40991u41 .frame-6-8 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 9px;
  position: relative;
  width: 100%;
}

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

.tabu40991u41 .about-us-2 {
  letter-spacing: 0;
  line-height: 30px;
  margin-top: -1.00px;
  position: relative;
  width: 109px;
}

.tabu40991u41 .where-nature-meets-e-2 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 72px;
  position: relative;
}

.tabu40991u41 .at-muhil-we-craft-t-2 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 30px;
  position: relative;
}

.tabu40991u41 .frame-1-6 {
  align-items: center;
  align-self: stretch;
  flex: 0 0 auto;
  justify-content: space-between;
  width: 100%;
}

.tabu40991u41 .frame-1-7 {
  align-items: flex-start;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
}

.tabu40991u41 .x12-k-2 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.15px;
  position: relative;
}

.tabu40991u41 .text-3 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.15px;
  position: relative;
}

.tabu40991u41 .percent-2 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.15px;
  position: relative;
}

.tabu40991u41 .frame-111-2 {
  align-items: center;
  align-self: stretch;
  background-image: url(../img/frame-111.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  padding: 0px 40px 60px;
  position: relative;
  width: 100%;
}

.tabu40991u41 .frame-113-2 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  position: relative;
  width: 100%;
}

.tabu40991u41 .frame-8-4 {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 9px;
  min-width: 360px;
  padding: 60px 0px;
  position: relative;
}

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

.tabu40991u41 .what-we-offer-2 {
  letter-spacing: 0;
  line-height: 30px;
  margin-top: -1.00px;
  position: relative;
  width: 176px;
}

.tabu40991u41 .versatile-green-solu-2 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 72px;
  position: relative;
}

.tabu40991u41 .frame-17-9 {
  flex: 1;
  flex-grow: 1;
  height: 183px;
  min-width: 360px;
  position: relative;
}

.tabu40991u41 .x107ac277-7767-4c75-a021-36452f80d694-1-2 {
  height: 335px;
  left: 429px;
  position: absolute;
  top: 0;
  width: 475px;
}

.tabu40991u41 .frame-16-2 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 20px 20px;
  position: relative;
  width: 100%;
}

.tabu40991u41 .frame-1-8 {
  align-items: center;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 18px;
  justify-content: center;
  min-width: 290.33px;
}

.tabu40991u41 .frame-17-10 {
  align-self: stretch;
  background-image: url(../img/frame-17-6@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  border-radius: 999px;
  height: 290.33px;
  position: relative;
  width: 100%;
}

.tabu40991u41 .artificial-2 {
  letter-spacing: 0;
  line-height: 40px;
  position: relative;
  text-align: center;
  width: 281px;
}

.tabu40991u41 .outline-button-2 {
  align-items: center;
  border: 1px solid;
  border-color: var(--chicago);
  border-radius: 6px;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  position: relative;
}

.tabu40991u41 .btn-outline-secondary-2 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 8px;
  justify-content: center;
  padding: 8px 20px;
  position: relative;
}

.tabu40991u41 .frame-13-2 {
  align-items: center;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 18px;
  min-width: 290.33px;
  position: relative;
}

.tabu40991u41 .frame-17-11 {
  align-self: stretch;
  background-image: url(../img/frame-17-7@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  border-radius: 999px;
  height: 290.33px;
  position: relative;
  width: 100%;
}

.tabu40991u41 .frame-17-12 {
  align-self: stretch;
  background-image: url(../img/frame-17-8@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  border-radius: 999px;
  height: 290.33px;
  position: relative;
  width: 100%;
}

.tabu40991u41 .frame-33-2 {
  align-items: flex-start;
  align-self: stretch;
  background-image: url(../img/frame-33.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex: 0 0 auto;
  gap: 10px;
  padding: 60px 40px;
  position: relative;
  width: 100%;
}

.tabu40991u41 .frame-32-2 {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 32px;
  position: relative;
}

.tabu40991u41 .products-2 {
  letter-spacing: 0;
  line-height: 30px;
  margin-top: -1.00px;
  position: relative;
  width: 176px;
}

.tabu40991u41 .frame-30-3 {
  gap: 9px;
}

.tabu40991u41 .our-products-2 {
  flex: 1;
  letter-spacing: 0;
  line-height: 72px;
  margin-top: -1.00px;
  position: relative;
}

.tabu40991u41 .frame-31-2 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 20px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.tabu40991u41 .frame-2-7 {
  align-items: center;
  align-self: stretch;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 18px 18px;
  justify-content: center;
  width: 100%;
}

.tabu40991u41 .frame-2-8 {
  align-items: flex-start;
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--foundation-greygrey-50);
  border-radius: 16px;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  min-width: 293px;
  overflow: hidden;
}

.tabu40991u41 .rectangle-19-2 {
  height: 350px;
}

.tabu40991u41 .frame-29-2 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 4px;
  padding: 24px;
  position: relative;
  width: 100%;
}

.tabu40991u41 .price-2 {
  height: 25px;
  position: relative;
  width: 207px;
}

.tabu40991u41 .monstera-deliciosa-2 {
  left: 0;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 0;
}

.tabu40991u41 .text-button-6 {
  display: flex;
  width: 119px;
}

.tabu40991u41 .btn-text-secondary-6 {
  margin-left: -9.50px;
  margin-right: -9.50px;
}

.tabu40991u41 .frame-28 {
  align-items: flex-start;
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--foundation-greygrey-50);
  border-radius: 16px;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  min-width: 276.5px;
  overflow: hidden;
  position: relative;
}

.tabu40991u41 .rectangle-19-3 {
  height: 420.09px;
}

.tabu40991u41 .frame-116-1 {
  align-items: flex-start;
  align-self: stretch;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 32px;
  padding: 40px;
  width: 100%;
}

.tabu40991u41 .projects-2 {
  letter-spacing: 0;
  line-height: 30px;
  margin-top: -1.00px;
  position: relative;
  width: 176px;
}

.tabu40991u41 .latest-projects-2 {
  flex: 1;
  letter-spacing: 0;
  line-height: 72px;
  margin-top: -1.00px;
  position: relative;
}

.tabu40991u41 .frame-101-3 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 24px 24px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.tabu40991u41 .frame-99-1 {
  background-image: url(../img/frame-99-1.png);
  background-position: 50% 50%;
  background-size: cover;
  border-radius: 16px;
  flex: 1;
  flex-grow: 1;
  height: 517px;
  min-width: 370px;
  overflow: hidden;
  position: relative;
}

.tabu40991u41 .frame-100-7 {
  align-items: flex-start;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 95px;
  left: 16px;
  padding: 20px;
  top: 400px;
  width: 411px;
}

.tabu40991u41 .frame-104-2 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 58px;
  position: relative;
  width: 100%;
}

.tabu40991u41 .frame-103-2 {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 6px;
  position: relative;
}

.tabu40991u41 .audi-showroom-2 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.tabu40991u41 .frame-102-2 {
  align-items: center;
  background-color: var(--foundation-greengreen-500);
  border-radius: 999px;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10px;
  overflow: hidden;
  padding: 10px;
  position: relative;
}

.tabu40991u41 .arrow-up-right-9 {
  height: 24px;
  position: relative;
  width: 24px;
}

.tabu40991u41 .frame-100-8 {
  background-image: url(../img/frame-100-1.png);
  background-position: 50% 50%;
  background-size: cover;
  flex: 1;
  flex-grow: 1;
  height: 517px;
  min-width: 370px;
}

.tabu40991u41 .frame-100-9 {
  align-items: flex-start;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  gap: 10px;
  left: 18px;
  padding: 20px;
  top: 400px;
  width: 407px;
}

.tabu40991u41 .bmw-showroom-2 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.tabu40991u41 .arrow-up-right-10 {
  height: 24px;
  position: relative;
  width: 24px;
}

.tabu40991u41 .frame-101-4 {
  background-color: var(--white);
  border-radius: 16px;
  flex: 1;
  flex-grow: 1;
  height: 517px;
  min-width: 370px;
  overflow: hidden;
  position: relative;
}

.tabu40991u41 .overlap-group-2 {
  align-items: flex-end;
  background-image: url(../img/image-1-4.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 517px;
  min-width: 911px;
  padding: 22px 36.5px;
}

.tabu40991u41 .frame-100-10 {
  align-items: flex-start;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 20px;
  width: 838px;
}

.tabu40991u41 .ramanujam-it-park-2 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.tabu40991u41 .arrow-up-right-11 {
  height: 24px;
  position: relative;
  width: 24px;
}

.tabu40991u41 .frame-114-2 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  justify-content: center;
  position: relative;
  width: 100%;
}

.tabu40991u41 .frame-43-2 {
  align-items: flex-start;
  align-self: stretch;
  background-image: url(../img/frame-43-1.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 10px;
  padding: 194px 40px;
  position: relative;
  width: 100%;
}

.tabu40991u41 .frame-44-2 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  height: 174px;
  position: relative;
  width: 100%;
}

.tabu40991u41 .what-our-customers-are-talking-about-2 {
  align-self: stretch;
  flex: 1;
  letter-spacing: 0;
  line-height: 72px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.tabu40991u41 .frame-42-2 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 12px 12px;
  margin-top: -160px;
  padding: 0px 40px;
  position: relative;
  width: 100%;
}

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

.tabu40991u41 .frame-35-1 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 16px;
  margin-right: -8.33px;
  position: relative;
}

.tabu40991u41 .avatar-2 {
  background-image: url(../img/variant-circle--badge-false--icon-false--image-true--brand-false@4x.png);
  background-position: 50% 50%;
  background-size: cover;
  border-radius: 500px;
  height: 52px;
  position: relative;
  width: 52px;
}

.tabu40991u41 .frame-34-2 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 12px;
  position: relative;
  width: 188px;
}

.tabu40991u41 .name-2 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 72px;
  margin-top: -1.00px;
  position: relative;
}

.tabu40991u41 .vector-3-6 {
  margin-right: -82.33px;
  width: 330px;
}

.tabu40991u41 .frame-38-2 {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  gap: 136px;
  justify-content: space-around;
  margin-right: -82.33px;
  position: relative;
  width: 330px;
}

.tabu40991u41 .vector-3-8 {
  margin-right: -64.00px;
  width: 311.67px;
}

.tabu40991u41 .frame-98-2 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 48px;
  padding: 40px;
  position: relative;
  width: 100%;
}

.tabu40991u41 .blogs-2 {
  letter-spacing: 0;
  line-height: 30px;
  margin-top: -1.00px;
  position: relative;
  width: 176px;
}

.tabu40991u41 .frame-30-4 {
  flex-wrap: wrap;
  gap: 9px 9px;
}

.tabu40991u41 .read-our-blogs-2 {
  flex: 1;
  letter-spacing: 0;
  line-height: 72px;
  margin-top: -1.00px;
  position: relative;
}

.tabu40991u41 .frame-93-2 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 24px 24px;
  position: relative;
  width: 100%;
}

.tabu40991u41 .frame-23 {
  align-items: flex-start;
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--foundation-greygrey-50);
  border-radius: 16px;
  box-shadow: 0px 0px 24px #00000012;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  min-width: 370px;
  overflow: hidden;
  position: relative;
}

.tabu40991u41 .frame-96-6 {
  background-image: url(../img/frame-96-3@2x.png);
}

.tabu40991u41 .frame-95-2 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 30px;
  padding: 24px;
  position: relative;
  width: 100%;
}

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

.tabu40991u41 .x3-june-2025-2 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.tabu40991u41 .address-2 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 32px;
  position: relative;
}

.tabu40991u41 .make-your-big-day-st-2 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
}

.tabu40991u41 .frame-94-2 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 14px;
  position: relative;
}

.tabu40991u41 .vector-3-7 {
  margin-top: -0.50px;
  width: 330px;
}

.tabu40991u41 .text-button-7 {
  display: flex;
  width: 93px;
}

.tabu40991u41 .btn-text-secondary-7 {
  margin-left: -13.50px;
  margin-right: -13.50px;
}

.tabu40991u41 .arrow-right-5 {
  width: 12px;
}

.tabu40991u41 .frame-96-7 {
  background-image: url(../img/frame-96-4@2x.png);
}

.tabu40991u41 .x5-june-2025-2 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.tabu40991u41 .transform-your-offic-2 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 32px;
  position: relative;
}

.tabu40991u41 .learn-how-artificial-2 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
}

.tabu40991u41 .frame-96-8 {
  background-image: url(../img/frame-96-5.png);
}

.tabu40991u41 .x7-june-2025-2 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.tabu40991u41 .artificial-grass-for-2 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 32px;
  position: relative;
}

.tabu40991u41 .we-break-down-the-pr-2 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
}

.tabu40991u41 .frame-92-2 {
  align-items: center;
  align-self: stretch;
  background-color: var(--concrete);
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 64px 64px;
  padding: 40px 40px 100px;
  position: relative;
  width: 100%;
}

.tabu40991u41 .frame-91-2 {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 54px;
  max-width: 676px;
  min-width: 372px;
  position: relative;
}

.tabu40991u41 .contact-us-2 {
  letter-spacing: 0;
  line-height: 30px;
  margin-top: -1.00px;
  position: relative;
  width: 176px;
}

.tabu40991u41 .lets-green-up-your-space-the-smart-way-2 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 72px;
  position: relative;
}

.tabu40991u41 .frame-50-2 {
  align-self: stretch;
  background-image: url(../img/frame-50-1.png);
  background-position: 50% 50%;
  background-size: cover;
  border-radius: 16px;
  height: 296px;
  position: relative;
  width: 100%;
}

.tabu40991u41 .frame-48-2 {
  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: 372px;
  padding: 32px;
  position: relative;
}

.tabu40991u41 .write-to-us-2 {
  letter-spacing: 0;
  line-height: 72px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.tabu40991u41 .vector-4-2 {
  height: 4px;
  margin-left: -2.00px;
  position: relative;
  width: 58.5px;
}

.tabu40991u41 .frame-47-2 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 16px 16px;
  position: relative;
  width: 100%;
}

.tabu40991u41 .input-field-4 {
  flex: 1;
  flex-grow: 1;
  min-width: 274px;
}

.tabu40991u41 .label-4 {
  letter-spacing: 0;
}

.tabu40991u41 .input-2 {
  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%;
}

.tabu40991u41 .value-4 {
  line-height: 16px;
}

.tabu40991u41 .input-field-5 {
  align-self: stretch;
  flex: 0 0 auto;
  width: 100%;
}

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

.tabu40991u41 .label-5 {
  color: var(--eerie-black);
  font-weight: 400;
}

.tabu40991u41 .textarea-2 {
  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%;
}

.tabu40991u41 .value-5 {
  line-height: 22.4px;
}

.tabu40991u41 .drag-2 {
  height: 7px;
  left: 348px;
  position: absolute;
  top: 67px;
  width: 7px;
}

.tabu40991u41 .default-button-5 {
  display: flex;
  width: 167px;
}

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

.tabu40991u41 .frame-90-2 {
  align-self: stretch;
  flex: 0 0 auto;
  object-fit: cover;
  position: relative;
  width: 100%;
}

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

.tabu40991u41 .frame-116-2 {
  align-items: center;
  gap: 24px;
  justify-content: center;
  width: 761px;
}

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

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

.tabu40991u41 .phone-7 {
  letter-spacing: 0;
  line-height: 23.8px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

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

.tabu40991u41 .csmuhilcoin-2 {
  letter-spacing: 0;
  line-height: 23.8px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.tabu40991u41 .frame-84-5 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 16px;
  position: relative;
}

.tabu40991u41 .map-pin-2 {
  height: 34px;
  position: relative;
  width: 34px;
}

.tabu40991u41 .x4-thirumalai-nagar-2 {
  letter-spacing: 0;
  line-height: 27.4px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.tabu40991u41 .arrow-right {
  height: 16px;
  left: -2px;
  position: absolute;
  top: 2px;
}

.tabu40991u41 .btn-text-secondary {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 8px;
  justify-content: center;
  padding: 8px 12px;
  position: relative;
}

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

.tabu40991u41 .frame-1 {
  display: flex;
  position: relative;
}

.tabu40991u41 .frame-100 {
  border-radius: 16px;
  overflow: hidden;
  position: relative;
}

.tabu40991u41 .frame-116 {
  display: flex;
  position: relative;
}

.tabu40991u41 .frame-2 {
  display: flex;
  position: relative;
}

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

.tabu40991u41 .frame-4 {
  align-items: center;
  align-self: stretch;
  display: flex;
  position: relative;
  width: 100%;
}

.tabu40991u41 .frame-96 {
  align-self: stretch;
  background-position: 50% 50%;
  background-size: cover;
  height: 236px;
  position: relative;
  width: 100%;
}

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

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

.tabu40991u41 .place {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
}

.tabu40991u41 .rectangle-19 {
  align-self: stretch;
  object-fit: cover;
  position: relative;
  width: 100%;
}

.tabu40991u41 .text-button {
  align-items: center;
  border-radius: 6px;
  flex: 0 0 auto;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  position: relative;
}

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

.tabu40991u41 .vector-3 {
  height: 1px;
  object-fit: cover;
  position: relative;
}
header {
    width: 100%;
}
section{
    width: 100%;
}
.frame-117 {
    align-items: center;
    gap: 17px;
    padding: 60px 24px;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    display: flex;
    position: relative;
    justify-content: center;
}
.nav-menu {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 8px;
    position: relative;
    flex: 0 0 auto;
}
.text-wrapper-12 {
    position: relative;
    width: fit-content;
    margin-top: -1.00px;
    font-family: "Quando", Helvetica;
    font-weight: 400;
    color: #ffffff;
    font-size: 15px;
    letter-spacing: 0;
    line-height: normal;
}
footer{
  width: 100%;
    background-image: url(../img/footer-bg.png);
  background-size: cover;
  background-position: 50% 50%;
}
.footer-logo {
    text-align: center;
    padding-top: 100px;
}
.footer-logo img {
    height: 150px;
}
.text-wrapper-13 {
    position: relative;
    align-self: stretch;
    font-family: "Red Hat Text", Helvetica;
    font-weight: 400;
    color: #ffffff;
    font-size: 14px;
    text-align: center;
    letter-spacing: 0;
    line-height: normal;
    padding-bottom: 60px;
}
.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;
}

@media screen and (max-width: 991px) {
.desktop-3-all-breakpoints .frame-99 {
        margin-bottom: 20px;
}
.desktop-3-all-breakpoints .frame-2-4 {
    max-width: 50%;
}
}
@media screen and (min-width: 1280px) {
     .frame.mobile-menu {
    display: none;
}
}
@media screen and (min-width: 1600px) {
  .frame-3-1 {
        padding: 0px 100px !important;
  }
  .frame-113 {
    left: 100px;
}
  .frame-107-1 {
    padding: 10px 100px !important;
}
.desktop-3-all-breakpoints .frame-109-1{
    padding: 60px 100px !important;
}
.desktop-3-all-breakpoints .frame-111-1 {
    padding: 0px 100px 60px !important;
}
.desktop-3-all-breakpoints .frame-33-1{
    padding: 60px 100px !important;
}
.desktop-3-all-breakpoints .frame-116 {
    padding: 60px 100px !important;
}
.desktop-3-all-breakpoints .frame-42-1 {
    padding: 0px 100px !important;
}
.desktop-3-all-breakpoints .frame-98-1{
    padding: 60px 100px !important;
}
.desktop-3-all-breakpoints .frame-92-1{
    padding: 60px 100px 100px !important;
}
.frame-84 {
    width: 80% !important;
}
.desktop-3-all-breakpoints .x107ac277-7767-4c75-a021-36452f80d694-1-1 {
    left: auto;
    right: 100px;
}
}
@media screen and (min-width: 1920px) {
  .frame-3-1 {
        padding: 0px 250px !important;
  }
  .frame-107-1 {
    padding: 10px 250px !important;
}
.desktop-3-all-breakpoints .frame-109-1{
    padding: 60px 250px !important;
}
.desktop-3-all-breakpoints .frame-111-1 {
    padding: 0px 250px 60px !important;
}
.desktop-3-all-breakpoints .frame-33-1{
    padding: 60px 250px !important;
}
.desktop-3-all-breakpoints .frame-116 {
    padding: 60px 250px !important;
}
.desktop-3-all-breakpoints .frame-42-1 {
    padding: 0px 250px !important;
}
.desktop-3-all-breakpoints .frame-98-1{
    padding: 60px 250px !important;
}
.desktop-3-all-breakpoints .frame-92-1{
    padding: 60px 250px 100px !important;
}
.frame-84 {
    width: 80% !important;
}
.desktop-3-all-breakpoints .x107ac277-7767-4c75-a021-36452f80d694-1-1 {
    left: auto;
    right: 250px;
}
 .frame-113 {
    left: 250px;
}
}
@media screen and (max-width: 1024px) {
header{
    width: 100%;
}
.desktop-3-all-breakpoints .frame-3-1 {
    display: none;
}
.frame.mobile-menu {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 20px 50px;
}
.desktop-3-all-breakpoints .x107ac277-7767-4c75-a021-36452f80d694-1-1 {
    height: 335px;
    left: auto;
    right: 50px;
    position: absolute;
    top: 0;
    width: auto;
}
.desktop-3-all-breakpoints .frame-1-4 {
    min-width: auto;
    position: relative;
}
.desktop-3-all-breakpoints .frame-1-4 {
    align-items: center;
    display: flex
;
    flex: 1;
    flex-direction: column;
    flex-grow: 1;
    gap: 18px;
    justify-content: center;
    min-width: auto;
    position: relative;
}
.desktop-3-all-breakpoints .frame-17-5 {
    height: 250px;
    width: 250px;
}
.desktop-3-all-breakpoints .frame-17-6 {
    height: 250px;
    width: 250px;
}
.desktop-3-all-breakpoints .frame-17-7 {
    height: 250px;
    width: 250px;
}
.quando-normal-slimy-green-28px {
    font-size: 24px;
}
.desktop-3-all-breakpoints .frame-8-2 {
    min-width: 80%;
    padding: 60px 0px;
    position: relative;
}
.desktop-3-all-breakpoints .frame-17-4 {
    flex: 1;
    flex-grow: 1;
    height: 150px;
    min-width: auto;
    position: relative;
}
.desktop-3-all-breakpoints .rectangle-19-1 {
    height: 275px;
}
.desktop-3-all-breakpoints .frame-99 {
  background-image: url(../img/frame-99.png);
  background-position: 50% 50%;
  background-size: cover;
  border-radius: 16px;
  flex: 1;
  flex-grow: 1;
  height: 517px;
  overflow: unset;
  position: relative;
}
}
@media screen and (max-width: 990px) {
.frame-3-1.desktop-menu {
    display: none;
}
.desktop-3-all-breakpoints .frame-98-1 {
    padding: 60px 60px 100px;
}
footer .frame-84 {
        padding: 40px;
        left: 0;
        right: 0;
        top: -90px;
        margin: 0 auto;
    }
.frame.mobile-menu {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.desktop-3-all-breakpoints .frame-7-1 {
    height: 500px;
    max-width: 100%;
    min-width: 100%;
    position: relative;
}
.desktop-3-all-breakpoints .frame-108-1 {
    gap: 24px;
    min-width: auto;
    position: relative;
}
.desktop-3-all-breakpoints .frame-1-2 {
    width: 100%;
}
.desktop-3-all-breakpoints .x107ac277-7767-4c75-a021-36452f80d694-1-1 {
        height: 160px;
        left: auto;
        right: 50px;
        position: absolute;
        top: 0;
        width: auto;
}
.desktop-3-all-breakpoints .frame-2-4 {
        display: flex;
        flex: none;
        flex-direction: column;
        flex-grow: unset;
        overflow: hidden;
        position: relative;
        width: 48%;
  }
.desktop-3-all-breakpoints .frame-2-5 {
    flex: unset;
    flex-direction: column;
    flex-grow: unset;
    overflow: hidden;
    position: relative;
    width: 48%;
}
.desktop-3-all-breakpoints .frame-18 {
    flex: auto;
    flex-grow: 1;
}
.desktop-3-all-breakpoints .frame-84-2 {
    display: block;
    }
}
@media screen and (max-width: 767px) {
header{
    width: 100%;
}
.frame.mobile-menu
{
  padding: 20px 20px;
}
.desktop-3-all-breakpoints .frame-5-3 {
    min-width: 100%;
}
.desktop-3-all-breakpoints .elevate-your-spaces-1 {
    font-size: 42px;
    line-height: 72px;
}
.quando-normal-slimy-green-56px {
    font-size: 42px;
}
.desktop-3-all-breakpoints .frame-107-1 {
    height: auto;
    padding: 50px 20px;
}
.desktop-3-all-breakpoints .frame-109-1 {
    padding: 60px 20px;
    position: relative;
    width: 100%;
}
.desktop-3-all-breakpoints .frame-111-1 {
    padding: 0px 20px 60px;
    position: relative;
    width: 100%;
}
.desktop-3-all-breakpoints .x107ac277-7767-4c75-a021-36452f80d694-1-1{
        height: 100px;
        left: auto;
        right: 20px;
        position: absolute;
        top: 0;
        width: auto;
}
.quando-normal-masala-48px {
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
}
.quando-normal-slimy-green-48px {
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
}
.quando-normal-masala-48px {
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
}
.desktop-3-all-breakpoints .where-nature-meets-e-1 {
    line-height: 42px;
}
    .desktop-3-all-breakpoints .frame-8-2 {
        min-width: 90%;
        padding: 60px 0px;
        position: relative;
}
.desktop-3-all-breakpoints .versatile-green-solu-1 {
    line-height: 42px;
}
.desktop-3-all-breakpoints .frame-30 {
    display: block;
}
.desktop-3-all-breakpoints .frame-2-4 {
        width: 100%;
  }
  .desktop-3-all-breakpoints .frame-2-5 {
        width: 100%;
  }
  .desktop-3-all-breakpoints .frame-33-1 {
    padding: 60px 20px;
}
.desktop-3-all-breakpoints .frame-116 {
    padding: 60px 20px;
    position: relative;
    width: 100%;
}
.desktop-3-all-breakpoints .frame-42-1 {
    padding: 0px 20px;
}
.desktop-3-all-breakpoints .frame-92-1 {
    padding: 60px 20px;
}
.desktop-3-all-breakpoints .frame-98-1 {
        padding: 60px 20px 110px;
}
.desktop-3-all-breakpoints .x4-thirumalai-nagar-1 {
    position: relative;
    white-space: inherit;
    width: fit-content;
}
.frame-117 {
    display: block;
}
.frame-117 img {
    display: none;
}
.text-wrapper-12 {
    padding-bottom: 20px;
}
.footer {
    margin-top: 100px;
}
.footer-logo img {
    height: 100px;
}
.frame-117 {
    padding: 40px 24px;
}
.quando-normal-slimy-green-41-3px {
    font-size: 32.3px !important;
}
.redhattext-normal-masala-18-4px {
    font-size: 15.4px !important;
}
.desktop-3-all-breakpoints .frame-100-4 {
    height: 517px;
    min-width: 100%;
}
.desktop-3-all-breakpoints .frame-101-2{
   height: 517px;
    min-width: 100%;
}
.desktop-3-all-breakpoints .frame-2-4 {
    max-width: 100%;
}
}