/* screen - project-u401280u41-2 */

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

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

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

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

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

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

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

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

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

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

.project-u401280u41-2 .home-products {
  line-height: 30px;
  width: auto;
}

.project-u401280u41-2 .title {
  letter-spacing: 0;
  line-height: 72px;
  position: relative;
  width: auto;
}

.project-u401280u41-2 .frame-203 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 19px;
  padding: 60px 60px 90px;
  position: relative;
  width: 100%;
}

.project-u401280u41-2 .frame-204 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 24px 24px;
  position: relative;
  width: 100%;
}

.project-u401280u41-2 .frame-171 {
  background-image: url(../img/frame-171-1.png);
  background-position: 50% 50%;
  background-size: cover;
  border-radius: 16px;
  height: 460px;
  position: relative;
  width: 726px;
}

.project-u401280u41-2 .frame-172 {
  align-items: flex-start;
  background-color: var(--foundation-greygrey-50);
  border-radius: 16px;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 41px;
  overflow: hidden;
  padding: 54px 24px;
  position: relative;
}

.project-u401280u41-2 .frame-17 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 8px;
  position: relative;
  width: 100%;
}

.project-u401280u41-2 .audi-showroom {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
}

.project-u401280u41-2 .frame-181 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 8px 8px;
  position: relative;
  width: 100%;
}

.project-u401280u41-2 .frame-178 {
  background-image: url(../img/frame-178-1@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  border-radius: 16px;
  flex: 1;
  flex-grow: 1;
  height: 284px;
  min-width: 284px;
  overflow: hidden;
  position: relative;
}

.project-u401280u41-2 .plus {
  height: 44px;
  left: 120px;
  position: absolute;
  top: 120px;
  width: 44px;
}

.project-u401280u41-2 .frame-181-1 {
  background-image: url(../img/frame-181@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  border-radius: 16px;
  flex: 1;
  flex-grow: 1;
  height: 284px;
  min-width: 284px;
  position: relative;
}

.product-detailu401280u41 .frame-166 {
    align-items: center;
    align-self: stretch;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 40px;
    padding: 100px 60px;
    position: relative;
    width: 100%;
}

.project-u401280u41-2 .frame-183-1 {
  align-items: center;
  align-self: stretch;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-color: var(--foundation-greygrey-50);
  display: flex;
  flex: 0 0 auto;
  justify-content: space-between;
  padding: 40px 0px;
  position: relative;
  width: 100%;
}

.project-u401280u41-2 .default-button {
  align-items: center;
  background-color: var(--chicago-2);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  position: relative;
  width: 174px;
}

.project-u401280u41-2 .masked-icon {
  height: 22px;
  position: relative;
  width: 14px;
}

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

.project-u401280u41-2 .frame-166 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 40px;
  position: relative;
  width: 100%;
}

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

.project-u401280u41-2 .frame-104-1 {
  flex-wrap: wrap;
  gap: 24px 24px;
  justify-content: center;
}

.project-u401280u41-2 .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;
  min-width: auto;
  overflow: hidden;
  position: relative;
}

.project-u401280u41-2 .frame-100 {
  align-items: flex-start;
  background-color: var(--white);
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 95px;
  left: 13px;
  overflow: hidden;
  padding: 20px;
  position: relative;
  top: 400px;
  width: 344px;
}

.project-u401280u41-2 .arrow-up-right {
  height: 24px;
  position: relative;
  width: 24px;
}

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

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

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

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

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

.project-u401280u41-2 .frame-104-2 {
  justify-content: space-between;
}

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

.project-u401280u41-2 .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;
}

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

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

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

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

.project-u401280u41-2 .frame-100-4 {
  border-radius: 16px;
  overflow: hidden;
  position: relative;
}

.project-u401280u41-2 .home-6 {
  letter-spacing: 0;
  margin-top: -1.00px;
  position: relative;
}

.project-u401280u41-2 .place-4 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
}
.project-img img {
    height: 450px;
    width: 100%;
    object-fit: cover;
    border-radius: 16px;
}
.gallery-list img {
    height: 250px;
    width: 100%;
    object-fit: cover;
    border-radius: 12px;
    margin-bottom: 20px;
}

.project-u401280u41-2 .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;
}

.project-u401280u41-2 .frame-102-1:hover{
      transform: rotate(45deg);
      background-color: #000000;
}
.project {
    margin-bottom: 20px;
}
.frame-177 {
    gap: 0 !important;
    padding: 40px 0px;
}
@media screen and (min-width: 1600px) {
.project-u401280u41-2 .frame-203 {
    padding: 60px 100px 90px;
}
.project-u401280u41-2 .frame-113 {
    left: 100px;
}
.product-detailu401280u41 .frame-166 {
    padding: 60px 100px;
}
}
@media screen and (min-width: 1920px) {
.project-u401280u41-2 .frame-203 {
    padding: 60px 250px 90px;
}
.project-u401280u41-2 .frame-113 {
    left: 250px;
}
.product-detailu401280u41 .frame-166 {
    padding: 60px 100px;
}
}
@media screen and (max-width: 991px) {

}
  @media screen and (max-width: 767px) {

.project-u401280u41-2 .frame-203 {
    padding: 60px 20px 90px;
}
.project-details .row {
    --bs-gutter-x: auto !important;
}
.project-img {
    margin-bottom: 30px;
}
.row{
    margin: 0 !important;
    padding: 0 !important;
}
.row>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: 0 !important;
    padding-left: 0 !important;
}
.project-u401280u41-2 .frame-113 {
    left: 20px;
    position: relative;
    top: 127px;
    width: auto;
}
.project-u401280u41-2 .frame-99 {
    background-image: url(../img/frame-99.png);
    background-position: 50% 50%;
    background-size: cover;
    border-radius: 16px;
    flex: 1;
    height: 517px;
    min-width: 100%;
    overflow: hidden;
    position: relative;
}
.project-u401280u41-2 .frame-84 {
    top: -72px;
    width: 90%;
    padding: 50px;
    left: 0;
    right: 0;
}
.project-u401280u41-2 .x4-thirumalai-nagar {
    letter-spacing: 0;
    line-height: 27.4px;
    margin-top: -1.00px;
    position: relative;
    white-space: normal;
    width: fit-content;
}
}