.logo-arrow-icon-child {
  height: 85px;
  width: 170px;
  position: relative;
  background-color: var(--color-darkslategray-100);
  display: none;
}
.capital-beauty {
  position: relative;
  font-size: var(--font-size-xl);
  letter-spacing: 0.15px;
  line-height: 24px;
  font-family: var(--paragraph);
  color: var(--white);
  text-align: left;
  white-space: nowrap;
  z-index: 4;
}
.logo-arrow-icon {
  cursor: pointer;
  border: 0;
  padding: 30px 18px var(--padding-10xl) var(--padding-5xl);
  background-color: var(--color-darkslategray-100);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  white-space: nowrap;
  z-index: 3;
}
.logo-arrow-icon:hover {
  background-color: #616163;
}
.about-us,
.home {
  position: relative;
  letter-spacing: 0.5px;
  line-height: 24px;
  text-transform: capitalize;
}
.home {
  color: var(--color-forestgreen-100);
}
.about-us {
  font-weight: 500;
  white-space: nowrap;
}
.call-to-action-button {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.column-one-frame {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-8xs);
}
.csr-projects {
  position: relative;
  letter-spacing: 0.5px;
  line-height: 24px;
  text-transform: capitalize;
  font-weight: 500;
  white-space: nowrap;
}
.column-one-frame-child {
  height: 16px;
  width: 16px;
  position: relative;
}
.column-one-frame1 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-8xs);
}
.collaboration-with-cda {
  position: relative;
  letter-spacing: 0.5px;
  line-height: 24px;
  text-transform: capitalize;
  font-weight: 500;
  white-space: nowrap;
}
.frame-icon {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.column-one-frame2 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-8xs);
}
.learning-tips {
  position: relative;
  letter-spacing: 0.5px;
  line-height: 24px;
  text-transform: capitalize;
  font-weight: 500;
  white-space: nowrap;
}
.frame-icon1 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.column-one-frame3 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-8xs);
}
.news-feeds {
  position: relative;
  letter-spacing: 0.5px;
  line-height: 24px;
  text-transform: capitalize;
  font-weight: 500;
  white-space: nowrap;
}
.frame-icon2 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.column-one-frame4 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-8xs);
}
.get-in-touch {
  position: relative;
  letter-spacing: 0.5px;
  line-height: 24px;
  text-transform: capitalize;
  font-weight: 500;
  white-space: nowrap;
}
.blog-three-frame {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-xl) 0;
  box-sizing: border-box;
  gap: var(--gap-9xl);
  max-width: 100%;
}
.c-t-a-text-two-child {
  height: 85px;
  width: 169px;
  position: relative;
  background-color: var(--color-forestgreen-100);
  display: none;
}
.facebook-negative,
.instagram-negative,
.twitter-negative {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  min-height: 16px;
  z-index: 3;
}
.c-t-a-text-two {
  background-color: var(--color-forestgreen-100);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 35px 45px 34px var(--padding-25xl);
  gap: var(--gap-base);
  z-index: 2;
}
.logo-title-text,
.main-content-frame {
  display: flex;
  flex-direction: row;
  margin-left: -4px;
  max-width: 100%;
}
.logo-title-text {
  align-items: center;
  justify-content: flex-start;
  padding: 0 0 0 var(--padding-xl)x;
  box-sizing: border-box;
  gap: 120px;
}
.main-content-frame {
  align-self: stretch;
  align-items: flex-start;
  justify-content: flex-end;
  flex-shrink: 0;
  text-align: center;
  font-size: var(--font-size-mini);
  color: var(--black);
  font-family: var(--font-roboto);
}
.logo-logo-one {
  width: 1042px;
  position: absolute;
  margin: 0 !important;
  height: calc(100% - 4px);
  top: 4px;
  bottom: 0;
  left: 4px;
  background: linear-gradient(
    90deg,
    rgba(38, 89, 86, 0.55),
    rgba(38, 89, 86, 0) 41%,
    rgba(38, 89, 86, 0)
  );
}
.logo-logo-two {
  height: 605px;
  flex: 1;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  object-fit: cover;
  z-index: 1;
}
.sponsor-logos-group {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 var(--padding-10xs) 0 var(--padding-11xs);
  box-sizing: border-box;
  position: relative;
  max-width: 100%;
  flex-shrink: 0;
}
.text-child {
  width: 689px;
  position: relative;
  background: linear-gradient(
    90deg,
    rgba(38, 89, 86, 0.3),
    rgba(38, 89, 86, 0.3) 41%,
    rgba(38, 89, 86, 0)
  );
  height: 601px;
  display: none;
  max-width: 100%;
}
.welcome-to-islamabad {
  position: relative;
  letter-spacing: 0.5px;
  line-height: 65px;
  text-transform: capitalize;
  font-weight: 800;
  z-index: 3;
}
.islamabad1,
.span {
  font-family: var(--font-poppins);
}
.islamabad {
  text-transform: uppercase;
}
.beautiful,
.islamabad-the {
  margin: 0;
}
.islamabad-the-beautiful-container,
.welcome-to-islamabads {
  align-self: stretch;
  position: relative;
  letter-spacing: 0.5px;
  z-index: 3;
}
.islamabad-the-beautiful-container {
  margin: 0;
  font-size: inherit;
  line-height: 60px;
  font-family: inherit;
}
.welcome-to-islamabads {
  height: 75px;
  font-size: 14px;
  line-height: 25px;
  font-weight: 500;
  font-family: var(--font-nunito);
  color: var(--color-whitesmoke);
  display: inline-block;
}
.car-frame {
  gap: 9px;
  margin-top: -9px;
  font-size: 50px;
  font-family: var(--font-yesteryear);
}
.car-frame,
.welcome-to-islamabad-parent {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.background {
  height: 72px;
  width: 479px;
  position: relative;
  border-radius: var(--br-3xs);
  background-color: var(--white);
  display: none;
  max-width: 100%;
}
.button-text,
.enter-your-email {
  position: relative;
  line-height: 150%;
}
.enter-your-email {
  text-transform: capitalize;
  opacity: 0.4;
  z-index: 4;
}
.button-text {
  font-size: var(--font-size-smi);
  font-family: var(--font-roboto);
  color: var(--white);
  text-align: center;
}
.button,
.form {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.button {
  cursor: pointer;
  border: 0;
  padding: var(--padding-base) var(--padding-8xl) 17px 31px;
  background-color: var(--color-forestgreen-100);
  border-radius: var(--br-xs);
  justify-content: center;
  white-space: nowrap;
  z-index: 4;
}
.button:hover,
.group-button:hover {
  background-color: var(--color-mediumseagreen-100);
}
.form {
  width: 479px;
  border-radius: var(--br-3xs);
  background-color: var(--white);
  justify-content: space-between;
  padding: 10px var(--padding-2xl) 9px var(--padding-3xl);
  box-sizing: border-box;
  gap: var(--gap-xl);
  max-width: 100%;
  z-index: 3;
}
.form-wrapper,
.text,
.text1 {
  display: flex;
  justify-content: flex-start;
  max-width: 100%;
}
.form-wrapper {
  align-self: stretch;
  flex-direction: row;
  align-items: flex-start;
  font-size: var(--font-size-smi);
  color: var(--primary);
  font-family: var(--font-roboto);
}
.text,
.text1 {
  flex-direction: column;
  box-sizing: border-box;
}
.text1 {
  align-self: stretch;
  background: linear-gradient(
    90deg,
    rgba(38, 89, 86, 0.3),
    rgba(38, 89, 86, 0.3) 41%,
    rgba(38, 89, 86, 0)
  );
  align-items: center;
  padding: 126px 85px 112px 77px;
  gap: 29px;
  z-index: 2;
}
.text {
  flex: 1;
  align-items: flex-start;
  padding: 0 0 25px;
  min-width: 448px;
}
.blog-title-child {
  height: 99px;
  width: 291px;
  position: relative;
  background-color: var(--color-forestgreen-100);
  display: none;
}
.headphones-icon {
  height: 45px;
  width: 45px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  z-index: 3;
}
.email-me-at {
  position: relative;
  line-height: 32px;
  z-index: 4;
}
.contact-us-button {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0;
}
.contactwebsitecom {
  position: relative;
  font-size: var(--paragraph-size);
  line-height: 28px;
  font-family: var(--font-roboto);
  color: var(--color-whitesmoke);
  opacity: 0.8;
  white-space: nowrap;
  z-index: 3;
}
.blog-title,
.contact-us-button-parent {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.blog-title {
  background-color: var(--color-forestgreen-100);
  flex-direction: row;
  align-items: center;
  padding: var(--padding-2xl) var(--padding-20xl) var(--padding-2xl) 36px;
  gap: var(--gap-sm);
  z-index: 2;
}
.email-input-child {
  height: 99px;
  width: 291px;
  position: relative;
  background-color: var(--black);
  display: none;
}
.mail-icon {
  width: 45px;
  height: 45px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  z-index: 3;
}
.message {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 0 var(--padding-9xs);
}
.call-us {
  flex: 1;
  position: relative;
  line-height: 32px;
  flex-shrink: 0;
  z-index: 4;
}
.contact-details {
  width: 65px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0;
  box-sizing: border-box;
}
.header-frame {
  position: relative;
  font-size: var(--paragraph-size);
  line-height: 28px;
  font-family: var(--font-roboto);
  opacity: 0.8;
  z-index: 3;
}
.facebook-linked-twitter {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.email-input,
.image,
.text-parent {
  display: flex;
  flex-direction: row;
  justify-content: flex-start; 
}
.email-input {
  background-color: var(--black);
  align-items: center;
  padding: var(--padding-5xl) 50px var(--padding-base) 51px;
  gap: var(--gap-xl);
  z-index: 2;
}
.image,
.text-parent {
  max-width: 100%;
}
.image {
  align-items: flex-start;
  min-width: 582px;
  row-gap: 20px;
  font-size: var(--font-size-lgi);
  font-family: var(--paragraph);
}
.text-parent {
  align-self: stretch;
  align-items: flex-end;
  gap: 169px;
  /* min-height: 749px; */
  /* min-height: 749px; */
  flex-shrink: 0;
  text-align: left;
  font-size: var(--label-03-size);
  color: var(--white);
  font-family: var(--font-nunito-sans);
}
.heading,
.islamabad-the-capital {
  position: relative;
  display: inline-block;
}
.heading {
  margin: 0;
  font-size: inherit;
  letter-spacing: -0.01em;
  line-height: 64px;
  text-transform: uppercase;
  font-weight: 700;
  font-family: inherit;
  max-width: 100%;
}
.islamabad-the-capital {
  align-self: stretch;
  height: 58px;
  font-size: var(--font-size-xl);
  letter-spacing: 0.5px;
  line-height: 29px;
  font-weight: 500;
  font-family: var(--font-nunito);
  color: var(--color-dimgray-100);
}
.text-block {
  width: 756px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-mid);
  max-width: 100%;
}
.background1 {
  width: 100%;
  position: absolute;
  margin: 0 !important;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 1px solid var(--medium-grey);
  box-sizing: border-box;
  opacity: 0.3;
}
.business {
  margin: 0;
  position: relative;
  font-size: inherit;
  letter-spacing: -1px;
  line-height: 40px;
  font-weight: 700;
  font-family: inherit;
  z-index: 1;
}
.lorem-ipsum-dolor {
  align-self: stretch;
  height: 56px;
  position: relative;
  font-size: var(--paragraph-size);
  line-height: 28px;
  font-family: var(--body);
  color: var(--medium-grey);
  display: inline-block;
  z-index: 1;
}
.t-e-x-t {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-9xs);
}
.icon-background {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.group,
.icon,
.icon-background {
  position: absolute;
}
.icon {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 2;
}
.group {
  width: 48px;
  height: 48px;
  margin: 0 !important;
  top: 32px;
  left: 32px;
}
.item {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  padding: var(--padding-13xl);
  box-sizing: border-box;
  position: relative;
  min-width: 252px;
  max-width: 296px;
  min-height: 228px;
}
.background2 {
  width: 296px;
  position: relative;
  background-color: var(--color-forestgreen-100);
  height: 228px;
  display: none;
  z-index: 0;
}
.startup {
  margin: 0;
  position: relative;
  font-size: inherit;
  letter-spacing: -1px;
  line-height: 40px;
  font-weight: 700;
  font-family: inherit;
  z-index: 1;
}
.lorem-ipsum-dolor1 {
  align-self: stretch;
  height: 56px;
  position: relative;
  font-size: var(--paragraph-size);
  line-height: 28px;
  font-family: var(--body);
  color: var(--color-whitesmoke);
  display: inline-block;
  z-index: 1;
}
.startup-parent {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-9xs);
}
.icon-background1,
.icon1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.icon1 {
  top: 12px;
  left: 12px;
  width: 23px;
  height: 23px;
  z-index: 2;
}
.icon-background-parent {
  width: 48px;
  height: 48px;
  position: absolute;
  margin: 0 !important;
  top: 32px;
  left: 32px;
}
.item-hover {
  flex: 1;
  background-color: var(--color-forestgreen-100);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  padding: var(--padding-13xl);
  box-sizing: border-box;
  position: relative;
  min-width: 252px;
  max-width: 296px;
  min-height: 228px;
  color: var(--white);
}
.background3 {
  width: 100%;
  position: absolute;
  margin: 0 !important;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 1px solid var(--medium-grey);
  box-sizing: border-box;
  opacity: 0.3;
}
.economy {
  margin: 0;
  position: relative;
  font-size: inherit;
  letter-spacing: -1px;
  line-height: 40px;
  font-weight: 700;
  font-family: inherit;
  z-index: 1;
}
.lorem-ipsum-dolor2 {
  align-self: stretch;
  height: 56px;
  position: relative;
  font-size: var(--paragraph-size);
  line-height: 28px;
  font-family: var(--body);
  color: var(--medium-grey);
  display: inline-block;
  z-index: 1;
}
.economy-parent {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-9xs);
}
.icon-background2,
.icon2 {
  position: absolute;
  top: 1px;
  left: 0;
  width: 48px;
  height: 48px;
  z-index: 1;
}
.icon2 {
  top: 0;
  overflow: hidden;
  z-index: 2;
}
.icon-background-group {
  width: 48px;
  height: 49px;
  position: absolute;
  margin: 0 !important;
  top: 32px;
  left: 32px;
}
.background4,
.item1 {
  box-sizing: border-box;
}
.item1 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  padding: var(--padding-13xl);
  position: relative;
  min-width: 252px;
  max-width: 296px;
  min-height: 228px;
}
.background4 {
  width: 100%;
  position: absolute;
  margin: 0 !important;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 1px solid var(--medium-grey);
  opacity: 0.3;
}
.technology {
  margin: 0;
  position: relative;
  font-size: inherit;
  letter-spacing: -1px;
  line-height: 40px;
  font-weight: 700;
  font-family: inherit;
  z-index: 1;
}
.lorem-ipsum-dolor3 {
  align-self: stretch;
  height: 56px;
  position: relative;
  font-size: var(--paragraph-size);
  line-height: 28px;
  font-family: var(--body);
  color: var(--medium-grey);
  display: inline-block;
  z-index: 1;
}
.technology-parent {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-9xs);
}
.business-and-trade-1-icon,
.icon-background3 {
  position: absolute;
  top: 2px;
  left: 0;
  width: 48px;
  height: 48px;
  z-index: 1;
}
.business-and-trade-1-icon {
  top: 0;
  overflow: hidden;
  z-index: 2;
}
.icon-background-container {
  width: 48px;
  height: 50px;
  position: absolute;
  margin: 0 !important;
  top: 32px;
  left: 32px;
}
.item2 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  padding: var(--padding-13xl);
  box-sizing: border-box;
  position: relative;
  min-width: 252px;
  max-width: 296px;
  min-height: 228px;
}
.cateories,
.frame-group {
  display: flex;
  justify-content: flex-start;
}
.cateories {
  align-self: stretch;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 34px;
  text-align: left;
  font-size: var(--font-size-9xl);
  color: var(--black2);
  font-family: var(--font-roboto);
}
.frame-group {
  width: 1326px;
  flex-direction: column;
  align-items: center;
  padding: 0 var(--padding-xl);
  box-sizing: border-box;
  gap: var(--gap-38xl);
  min-height: 574px;
  max-width: 100%;
  flex-shrink: 0;
  text-align: center;
  font-size: var(--font-size-36xl);
  color: var(--black);
  font-family: var(--paragraph);
}
.heading1,
.islamabad-the-capital1 {
  position: relative;
  display: inline-block;
}
.heading1 {
  margin: 0;
  font-size: inherit;
  letter-spacing: -0.01em;
  line-height: 64px;
  text-transform: uppercase;
  font-weight: 700;
  font-family: inherit;
  max-width: 100%;
}
.islamabad-the-capital1 {
  align-self: stretch;
  height: 58px;
  font-size: var(--font-size-xl);
  letter-spacing: 0.5px;
  line-height: 29px;
  font-weight: 500;
  font-family: var(--font-nunito);
  color: var(--color-dimgray-100);
}
.t-e-x-t1 {
  width: 756px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-xl) 0;
  box-sizing: border-box;
  gap: var(--gap-mid);
  max-width: 100%;
}
.arrow-left-icon,
.arrow-left-icon1 {
  height: 45px;
  width: 45px;
  position: absolute;
  margin: 0 !important;
  bottom: 102px;
  overflow: hidden;
  flex-shrink: 0;
}
.arrow-left-icon {
  left: 20px;
}
.arrow-left-icon1 {
  right: 20px;
  object-fit: contain;
}
.t-e-x-t-parent {
  width: 1326px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 0 var(--padding-xl);
  box-sizing: border-box;
  position: relative;
  min-height: 196px;
  max-width: 100%;
  flex-shrink: 0;
  text-align: center;
  font-size: var(--font-size-36xl);
  color: var(--black);
  font-family: var(--paragraph);
}
.frame-child,
.frame-inner,
.frame-item,
.rectangle-icon {
  align-self: stretch;
  width: 335px;
  position: relative;
  /* max-height: 100%; */
  height: 470px;
  flex-shrink: 0;
  object-fit: cover;
  /* min-height: 500px; */
  max-width: 100%;
  margin-left: 2px;
  border-radius: 5%
}
.frame-inner,
.frame-item,
.rectangle-icon {
  width: 335px;
  border-radius: var(--br-21xl);
}
.desktop-13-inner,
.frame-parent,
.frame-wrapper {
  display: flex;
  width:auto;
  flex-direction: row;
  align-items: flex-start;
}
.frame-parent {
  width: 1440px;
  /* width: 1440px; */
  overflow-x: auto;
  flex-shrink: 0;
  justify-content: flex-start;
  gap: 26px;
  max-width: 100%;
}
.desktop-13-inner,
.frame-wrapper {
  box-sizing: border-box;
}
.frame-wrapper {
  justify-content: flex-start;
  padding: 0 13px 0 0;
  max-width: 101%;
  flex-shrink: 0;
}
.desktop-13-inner {
  align-self: stretch;
  height: 686px;
  justify-content: flex-end;
  padding: 0;
  max-width: 100%;
}
.heading2,
.islamabad-the-capital2 {
  position: relative;
  display: inline-block;
}
.heading2 {
  margin: 0;
  font-size: inherit;
  letter-spacing: -0.01em;
  line-height: 64px;
  text-transform: uppercase;
  font-weight: 700;
  font-family: inherit;
  max-width: 100%;
}
.islamabad-the-capital2 {
  align-self: stretch;
  height: 58px;
  font-size: var(--font-size-xl);
  letter-spacing: 0.5px;
  line-height: 29px;
  font-weight: 500;
  font-family: var(--font-nunito);
  color: var(--color-dimgray-100);
}
.read-more {
  width: 756px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-mid);
  max-width: 100%;
}
.button-child,
.frame-child1 {
  position: relative;
  display: none;
}
.frame-child1 {
  height: 313px;
  width: 311px;
  border-radius: var(--br-xl);
  object-fit: cover;
}
.button-child {
  width: 273px;
  border-radius: var(--br-3xs);
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.4),
    rgba(255, 255, 255, 0.3)
  );
  backdrop-filter: blur(30px);
  height: 119px;
}
.faisal-mosque {
  flex: 1;
  position: relative;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  z-index: 2;
}
.faisal-mosque-wrapper {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 var(--padding-mini) 0 0;
}
.this-iconic-mosque {
  align-self: stretch;
  position: relative;
  font-size: var(--font-size-smi);
  line-height: 20px;
  opacity: 0.78;
  z-index: 2;
}
.button1 {
  flex: 1;
  border-radius: var(--br-3xs);
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.4),
    rgba(255, 255, 255, 0.3)
  );
  backdrop-filter: blur(30px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-2xl) var(--padding-7xs) var(--padding-10xl)
    var(--padding-sm);
  gap: var(--gap-6xs);
  z-index: 1;
}
.group-div,
.rectangle-parent {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.rectangle-parent {
  align-self: stretch;
  flex: 1;
  border-radius: var(--br-xl);
  align-items: flex-end;
  padding: var(--padding-3xl) var(--padding-lgi);
  background-image: url(./public/mosque.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
.group-div {
  height: 313px;
  align-items: center;
}
.frame-child2,
.rectangle-div {
  position: relative;
  display: none;
}
.frame-child2 {
  height: 313px;
  width: 311px;
  border-radius: var(--br-xl);
  object-fit: cover;
}
.rectangle-div {
  width: 273px;
  border-radius: var(--br-3xs);
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.4),
    rgba(255, 255, 255, 0.3)
  );
  backdrop-filter: blur(30px);
  height: 119px;
}
.damn-e-koh {
  flex: 1;
  position: relative;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  z-index: 2;
}
.damn-e-koh-wrapper {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 var(--padding-mini) 0 0;
}
.this-iconic-mosque1 {
  align-self: stretch;
  position: relative;
  font-size: var(--font-size-smi);
  line-height: 20px;
  opacity: 0.78;
  z-index: 2;
}
.rectangle-container {
  flex: 1;
  border-radius: var(--br-3xs);
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.4),
    rgba(255, 255, 255, 0.3)
  );
  backdrop-filter: blur(30px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-2xl) var(--padding-7xs) var(--padding-10xl)
    var(--padding-sm);
  gap: var(--gap-6xs);
  z-index: 1;
}
.frame-wrapper1,
.rectangle-group {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.rectangle-group {
  align-self: stretch;
  flex: 1;
  border-radius: var(--br-xl);
  align-items: flex-end;
  padding: var(--padding-3xl) var(--padding-lgi);
  background-image: url(./public/damn.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
.frame-wrapper1 {
  height: 313px;
  align-items: center;
}
.frame-child3,
.frame-child4 {
  position: relative;
  display: none;
}
.frame-child3 {
  height: 313px;
  width: 311px;
  border-radius: var(--br-xl);
  object-fit: cover;
}
.frame-child4 {
  width: 273px;
  border-radius: var(--br-3xs);
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.4),
    rgba(255, 255, 255, 0.3)
  );
  backdrop-filter: blur(30px);
  height: 119px;
}
.margalla-hills {
  flex: 1;
  position: relative;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  z-index: 2;
}
.margalla-hills-wrapper {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 var(--padding-mini) 0 0;
}
.this-iconic-mosque2 {
  align-self: stretch;
  position: relative;
  font-size: var(--font-size-smi);
  line-height: 20px;
  opacity: 0.78;
  z-index: 2;
}
.frame-div {
  flex: 1;
  border-radius: var(--br-3xs);
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.4),
    rgba(255, 255, 255, 0.3)
  );
  backdrop-filter: blur(30px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-2xl) var(--padding-7xs) var(--padding-10xl)
    var(--padding-sm);
  gap: var(--gap-6xs);
  z-index: 1;
}
.frame-wrapper2,
.rectangle-parent1 {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.rectangle-parent1 {
  align-self: stretch;
  flex: 1;
  border-radius: var(--br-xl);
  align-items: flex-end;
  padding: var(--padding-3xl) var(--padding-lgi);
  background-image: url(./public/margala.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
.frame-wrapper2 {
  height: 313px;
  align-items: center;
}
.frame-child5,
.frame-child6 {
  position: relative;
  display: none;
}
.frame-child5 {
  height: 313px;
  width: 311px;
  border-radius: var(--br-xl);
  object-fit: cover;
}
.frame-child6 {
  width: 273px;
  border-radius: var(--br-3xs);
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.4),
    rgba(255, 255, 255, 0.3)
  );
  backdrop-filter: blur(30px);
  height: 119px;
}
.f-9-park {
  flex: 1;
  position: relative;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  z-index: 2;
}
.f-9-park-wrapper {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 var(--padding-mini) 0 0;
}
.this-iconic-mosque3 {
  align-self: stretch;
  position: relative;
  font-size: var(--font-size-smi);
  line-height: 20px;
  opacity: 0.78;
  z-index: 2;
}
.rectangle-parent3 {
  flex: 1;
  border-radius: var(--br-3xs);
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.4),
    rgba(255, 255, 255, 0.3)
  );
  backdrop-filter: blur(30px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-2xl) var(--padding-7xs) var(--padding-10xl)
    var(--padding-sm);
  gap: var(--gap-6xs);
  z-index: 1;
}
.frame-wrapper3,
.rectangle-parent2 {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.rectangle-parent2 {
  align-self: stretch;
  flex: 1;
  border-radius: var(--br-xl);
  align-items: flex-end;
  padding: var(--padding-3xl) var(--padding-lgi);
  background-image: url(./public/f9.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
.frame-wrapper3 {
  height: 313px;
  align-items: center;
}
.frame-container {
  align-self: stretch;
  display: grid;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 var(--padding-11xs) 0 0;
  gap: var(--gap-sm);
  grid-template-columns: repeat(4, minmax(233px, 1fr));
  text-align: left;
  font-size: var(--font-size-lgi);
  color: var(--white);
}
.read-more-parent {
  width: 1328px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 0 var(--padding-xl);
  box-sizing: border-box;
  gap: var(--gap-38xl);
  min-height: 659px;
  max-width: 100%;
  flex-shrink: 0;
  text-align: center;
  font-size: var(--font-size-36xl);
  color: var(--black);
  font-family: var(--paragraph);
}
.group1,
.proffesional {
  position: relative;
  letter-spacing: -0.03em;
  line-height: 76px;
  font-weight: 800;
}
.proffesional {
  margin: 0;
  font-size: inherit;
  line-height: 36px;
  font-weight: 600;
  font-family: inherit;
  opacity: 0.7;
}
.privacy-policy-terms-condition {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 0 0 var(--padding-9xs);
  text-align: left;
  font-size: var(--heading-h5-size);
  color: var(--color-dimgray-100);
}
.facebook-negative-twitter-nega {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-11xs);
}
.read-more-button,
.years-eperience {
  position: relative;
  letter-spacing: -0.03em;
  line-height: 76px;
  font-weight: 800;
}
.years-eperience {
  margin: 0;
  font-size: var(--heading-h5-size);
  line-height: 36px;
  font-weight: 600;
  font-family: inherit;
  color: var(--color-dimgray-100);
  text-align: left;
  opacity: 0.7;
}
.car-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-11xs);
}
.k,
.service-closed {
  position: relative;
  letter-spacing: -0.03em;
  line-height: 76px;
  font-weight: 800;
}
.service-closed {
  margin: 0;
  font-size: inherit;
  line-height: 36px;
  font-weight: 600;
  font-family: inherit;
  opacity: 0.7;
}
.facebook-negative-twitter-nega1,
.service-closed-wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.service-closed-wrapper {
  flex-direction: row;
  padding: 0 0 0 var(--padding-8xs);
  text-align: left;
  font-size: var(--heading-h5-size);
  color: var(--color-dimgray-100);
}
.facebook-negative-twitter-nega1 {
  flex-direction: column;
  gap: var(--gap-11xs);
}
.customer-satisfaction,
.div {
  position: relative;
  letter-spacing: -0.03em;
  line-height: 76px;
  font-weight: 800;
}
.customer-satisfaction {
  margin: 0;
  font-size: inherit;
  line-height: 36px;
  font-weight: 600;
  font-family: inherit;
  opacity: 0.7;
}
.customer-satisfaction-wrapper {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 0 0 var(--padding-8xs);
  text-align: left;
  font-size: var(--heading-h5-size);
  color: var(--color-dimgray-100);
}
.facebook-negative-twitter-nega2,
.find-us-here {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-11xs);
}
.find-us-here {
  width: 1322px;
  flex-direction: row;
  justify-content: space-between;
  padding: 0 var(--padding-xl);
  box-sizing: border-box;
  min-height: 264px;
  gap: var(--gap-xl);
  max-width: 100%;
  flex-shrink: 0;
  text-align: center;
  font-size: var(--heading-h2-size);
  color: var(--color-forestgreen-100);
  font-family: var(--body-02);
}
.apartments-plans {
  margin: 0;
}
.heading3 {
  margin: 0;
  position: relative;
  font-size: inherit;
  letter-spacing: -0.01em;
  line-height: 64px;
  text-transform: uppercase;
  font-weight: 700;
  font-family: inherit;
  display: inline-block;
  max-width: 100%;
}
.frame-child7 {
  height: 79px;
  width: 196px;
  position: relative;
  border-radius: var(--br-3xs);
  background-color: var(--color-forestgreen-100);
  display: none;
}
.pent-house {
  position: relative;
  font-size: var(--label-03-size);
  font-weight: 500;
  font-family: var(--font-roboto);
  color: var(--white);
  text-align: left;
  z-index: 1;
}
.group-button {
  cursor: pointer;
  border: 0;
  padding: var(--padding-10xl) var(--padding-21xl) var(--padding-10xl)
    var(--padding-25xl);
  background-color: var(--color-forestgreen-100);
  border-radius: var(--br-3xs);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}
.frame-child8 {
  height: 79px;
  width: 196px;
  position: relative;
  border-radius: var(--br-3xs);
  background-color: var(--color-gray-100);
  display: none;
}
.pent-house1 {
  position: relative;
  font-size: var(--label-03-size);
  font-weight: 500;
  font-family: var(--font-roboto);
  color: var(--black);
  text-align: left;
  z-index: 1;
}
.frame-child9,
.rectangle-parent4 {
  border-radius: var(--br-3xs);
  background-color: var(--color-gray-100);
}
.rectangle-parent4 {
  cursor: pointer;
  border: 0;
  padding: var(--padding-10xl) var(--padding-21xl) var(--padding-10xl)
    var(--padding-25xl);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}
.rectangle-parent4:hover,
.rectangle-parent5:hover,
.rectangle-parent6:hover {
  background-color: var(--color-darkslategray-200);
}
.frame-child9 {
  height: 79px;
  width: 196px;
  position: relative;
  display: none;
}
.pent-house2 {
  position: relative;
  font-size: var(--label-03-size);
  font-weight: 500;
  font-family: var(--font-roboto);
  color: var(--black);
  text-align: left;
  z-index: 1;
}
.frame-child10,
.rectangle-parent5 {
  border-radius: var(--br-3xs);
  background-color: var(--color-gray-100);
}
.rectangle-parent5 {
  cursor: pointer;
  border: 0;
  padding: var(--padding-10xl) var(--padding-21xl) var(--padding-10xl)
    var(--padding-25xl);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}
.frame-child10 {
  height: 79px;
  width: 196px;
  position: relative;
  display: none;
}
.pent-house3 {
  position: relative;
  font-size: var(--label-03-size);
  font-weight: 500;
  font-family: var(--font-roboto);
  color: var(--black);
  text-align: left;
  z-index: 1;
}
.rectangle-parent6 {
  cursor: pointer;
  border: 0;
  padding: var(--padding-10xl) var(--padding-21xl) var(--padding-10xl)
    var(--padding-25xl);
  background-color: var(--color-gray-100);
  border-radius: var(--br-3xs);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}
.blog-header,
.first-blog-post,
.frame-parent1 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  max-width: 100%;
}
.frame-parent1 {
  padding: 0 var(--padding-12xs) 0 0;
  box-sizing: border-box;
  gap: 31px;
}
.blog-header,
.first-blog-post {
  gap: var(--gap-21xl);
}
.blog-header {
  flex-direction: column;
  justify-content: flex-start;
}
.apartment-on-the {
  align-self: stretch;
  height: 84px;
  font-weight: 500;
  display: inline-block;
  opacity: 0.7;
}
.apartment-on-the,
.floor-no,
.your-name-input {
  position: relative;
  line-height: 28px;
}
.input-field-group {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--gap-xl);
}
.query-related-input {
  align-self: stretch;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}
.floor-no1,
.frame-group1 {
  position: relative;
  line-height: 28px;
}
.content-block {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--gap-xl);
}
.read-more-child {
  align-self: stretch;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}
.floor-no2,
.image-frame {
  position: relative;
  line-height: 28px;
}
.blog-posts {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--gap-xl);
  flex-shrink: 0;
}
.october-dates-icon {
  align-self: stretch;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}
.floor-no3,
.sponsors {
  position: relative;
  line-height: 28px;
}
.floor-no-parent,
.group2 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--gap-xl);
}
.group2 {
  height: 45px;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-mid);
}
.contact-details-icon {
  align-self: stretch;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  flex-shrink: 0;
}
.blog-posts-parent,
.read-more1 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-xs);
}
.read-more1 {
  gap: var(--gap-mid);
}
.message-input {
  align-self: stretch;
  align-items: flex-start;
  gap: var(--gap-xs);
}
.copyright-notice,
.email-input1,
.message-input {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.email-input1 {
  align-self: stretch;
  align-items: center;
  gap: var(--gap-mid);
}
.copyright-notice {
  width: 444px;
  align-items: flex-start;
  gap: var(--gap-xs);
  max-width: 100%;
  font-size: var(--font-size-mid);
  color: var(--color-darkgray);
}
.do-something {
  position: relative;
  font-size: var(--font-size-lgi);
  letter-spacing: 0.5px;
  line-height: 24px;
  font-weight: 500;
  font-family: var(--font-dm-sans);
  color: var(--color-forestgreen-100);
  text-align: left;
}
.stylefilled {
  cursor: pointer;
  border: 2px solid var(--color-forestgreen-100);
  padding: var(--padding-xl) var(--padding-19xl) var(--padding-2xl)
    var(--padding-20xl);
  background-color: transparent;
  border-radius: 50px;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.stylefilled:hover {
  background-color: rgba(43, 184, 99, 0.09);
  border: 2px solid var(--color-mediumseagreen-100);
  box-sizing: border-box;
}
.find-us-on-social-media {
  width: 494px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-13xl);
  min-width: 494px;
  max-width: 100%;
}
.image-3-icon {
  height: 424px;
  flex: 1;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  object-fit: cover;
  min-width: 413px;
}
.address-frame,
.three-blog-posts {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
}
.address-frame {
  align-self: stretch;
  flex-direction: row;
  gap: 164px;
  text-align: left;
  font-size: var(--label-03-size);
  color: var(--dark-blue);
  font-family: var(--font-roboto);
}
.three-blog-posts {
  width: 1333px;
  flex-direction: column;
  padding: 0 var(--padding-xl);
  box-sizing: border-box;
  gap: 78px;
  min-height: 835px;
  flex-shrink: 0;
  text-align: center;
  font-size: var(--font-size-36xl);
  color: var(--black);
  font-family: var(--paragraph);
}
.heading4,
.islamabad-the-capital3 {
  position: relative;
  display: inline-block;
}
.heading4 {
  margin: 0;
  font-size: inherit;
  letter-spacing: -0.01em;
  line-height: 64px;
  text-transform: uppercase;
  font-weight: 700;
  font-family: inherit;
  max-width: 100%;
}
.islamabad-the-capital3 {
  align-self: stretch;
  height: 58px;
  font-size: var(--font-size-xl);
  letter-spacing: 0.5px;
  line-height: 29px;
  font-weight: 500;
  font-family: var(--font-nunito);
  color: var(--color-dimgray-100);
}
.terms-conditions {
  width: 756px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-mid);
  max-width: 100%;
}
.blog-four-left-child {
  width: 537px;
  position: relative;
  background-color: var(--white);
  height: 746px;
  display: none;
  max-width: 100%;
}
.httpsunsplashcomphotoser-icon {
  align-self: stretch;
  height: 330px;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
  z-index: 1;
}
.posted-on-october,
.should-i-buy,
.we-provide-a {
  position: relative;
  display: inline-block;
  z-index: 1;
}
.posted-on-october {
  width: 233.4px;
  line-height: 28px;
  font-weight: 600;
  color: var(--grey);
  opacity: 0.8;
}
.should-i-buy,
.we-provide-a {
  align-self: stretch;
}
.should-i-buy {
  margin: 0;
  height: 112px;
  font-size: inherit;
  letter-spacing: -0.03em;
  line-height: 140%;
  font-weight: 700;
  font-family: inherit;
}
.we-provide-a {
  height: 84px;
  font-size: var(--paragraph-size);
  line-height: 28px;
  font-weight: 600;
  color: var(--black2);
  opacity: 0.6;
}
.should-i-buy-a-new-car-or-leas-parent {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-base);
  min-height: 228px;
  font-size: var(--heading-h4-size);
}
.arrow-icon,
.read-more2 {
  position: relative;
  z-index: 1;
}
.read-more2 {
  line-height: 175%;
  font-weight: 600;
}
.arrow-icon {
  height: 14.7px;
  width: 52px;
}
.read-more-group {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-base);
  font-size: var(--label-03-size);
}
.blog-four-left,
.posted-on-october-6th-2021-parent {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.posted-on-october-6th-2021-parent {
  align-self: stretch;
  align-items: flex-start;
  gap: var(--gap-base);
}
.blog-four-left {
  width: 537px;
  background-color: var(--white);
  align-items: center;
  padding: var(--padding-13xl);
  box-sizing: border-box;
  gap: var(--gap-13xl);
  min-width: 537px;
  max-width: 100%;
}
.httpsunsplashcomphotosyj-icon {
  height: 192px;
  width: 198.8px;
  position: relative;
  object-fit: cover;
}
.get-an-awesome,
.posted-on-october1 {
  position: relative;
  display: inline-block;
}
.get-an-awesome {
  margin: 0;
  align-self: stretch;
  height: 96px;
  font-size: inherit;
  letter-spacing: -0.03em;
  line-height: 48px;
  font-weight: 700;
  font-family: inherit;
}
.posted-on-october1 {
  width: 248.9px;
  font-size: var(--paragraph-size);
  line-height: 28px;
  font-weight: 600;
  color: var(--grey);
  opacity: 0.8;
}
.get-an-awesome-number-plate-fo-parent {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-9xs);
}
.frame-wrapper4,
.httpsunsplashcomphotosyj-parent {
  display: flex;
  justify-content: flex-start;
  max-width: 100%;
}
.frame-wrapper4 {
  flex: 1;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--padding-5xs) 0 0;
  box-sizing: border-box;
  min-width: 322px;
}
.httpsunsplashcomphotosyj-parent {
  align-self: stretch;
  flex-direction: row;
  align-items: center;
  gap: var(--gap-6xl);
}
.httpsunsplashcomphotosyj-icon1 {
  height: 192px;
  width: 198.8px;
  position: relative;
  object-fit: cover;
}
.posted-on-october2,
.would-you-let {
  position: relative;
  display: inline-block;
}
.would-you-let {
  margin: 0;
  align-self: stretch;
  height: 96px;
  font-size: inherit;
  letter-spacing: -0.03em;
  line-height: 48px;
  font-weight: 700;
  font-family: inherit;
}
.posted-on-october2 {
  width: 248.9px;
  font-size: var(--paragraph-size);
  line-height: 28px;
  font-weight: 600;
  color: var(--grey);
  opacity: 0.8;
}
.would-you-let-a-robot-drive-yo-parent {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-9xs);
}
.frame-wrapper5,
.httpsunsplashcomphotosyj-group {
  display: flex;
  justify-content: flex-start;
  max-width: 100%;
}
.frame-wrapper5 {
  flex: 1;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--padding-5xs) 0 0;
  box-sizing: border-box;
  min-width: 322px;
}
.httpsunsplashcomphotosyj-group {
  align-self: stretch;
  flex-direction: row;
  align-items: center;
  gap: var(--gap-6xl);
}
.httpsunsplashcomphotosyj-icon2 {
  height: 192px;
  width: 198.8px;
  position: relative;
  object-fit: cover;
}
.will-electric-technology {
  margin: 0;
  align-self: stretch;
  height: 96px;
  position: relative;
  font-size: inherit;
  letter-spacing: -0.03em;
  line-height: 48px;
  font-weight: 700;
  font-family: inherit;
  display: inline-block;
}
.posted-on-october3 {
  width: 248.9px;
  position: relative;
  font-size: var(--paragraph-size);
  line-height: 28px;
  font-weight: 600;
  color: var(--grey);
  display: inline-block;
  opacity: 0.8;
}
.will-electric-technology-soon-parent {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-9xs);
}
.frame-wrapper6,
.httpsunsplashcomphotosyj-container {
  display: flex;
  justify-content: flex-start;
  max-width: 100%;
}
.frame-wrapper6 {
  flex: 1;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--padding-5xs) 0 0;
  box-sizing: border-box;
  min-width: 322px;
}
.httpsunsplashcomphotosyj-container {
  align-self: stretch;
  flex-direction: row;
  align-items: center;
  gap: var(--gap-6xl);
}
.blog-four-right,
.logo-contact-group {
  flex-direction: column;
  align-items: flex-start;
}
.blog-four-right {
  align-self: stretch;
  display: flex;
  justify-content: flex-start;
  gap: var(--gap-13xl);
  max-width: 100%;
}
.logo-contact-group {
  flex: 1;
  padding: var(--padding-13xl) 0 0;
  box-sizing: border-box;
  min-width: 467px;
  font-size: var(--title-01-size);
}
.copyright-islamabad,
.logo-contact-group,
.privacy-policy {
  display: flex;
  justify-content: flex-start;
  max-width: 100%;
}
.copyright-islamabad {
  align-self: stretch;
  flex-direction: row;
  align-items: flex-start;
  gap: var(--gap-13xl);
  text-align: left;
  font-size: var(--paragraph-size);
  color: var(--dark);
  font-family: var(--body-02);
}
.privacy-policy {
  width: 1328px;
  flex-direction: column;
  align-items: center;
  padding: 0 var(--padding-xl);
  box-sizing: border-box;
  gap: var(--gap-38xl);
  min-height: 1092px;
  flex-shrink: 0;
  text-align: center;
  font-size: var(--font-size-36xl);
  color: var(--black);
  font-family: var(--paragraph);
}
.our-sponsors {
  margin: 0;
  width: 410px;
  position: relative;
  font-size: inherit;
  line-height: 62px;
  font-weight: 700;
  font-family: inherit;
  display: inline-block;
  max-width: 100%;
}
.sponsor-logo-icon,
.sponsor-logo-icon1,
.sponsor-logo-icon2,
.sponsor-logo-icon3,
.sponsor-logo-icon4 {
  width: 416px;
  position: relative;
  max-height: 100%;
  max-width: 100%;
}
.background5 {
  width: 416px;
  position: relative;
  background-color: var(--color-forestgreen-100);
  height: 224px;
  display: none;
  max-width: 100%;
}
.become-a-sponsor1 {
  margin: 0;
  width: 208px;
  font-size: inherit;
  line-height: 125%;
  font-weight: 600;
  font-family: inherit;
  display: inline-block;
}
.become-a-sponsor1,
.contact-now,
.line {
  position: relative;
  z-index: 1;
}
.contact-now {
  line-height: 150%;
}
.line {
  width: 39px;
  height: 4px;
  background-color: #1ad993;
}
.become-a-sponsor,
.email-input2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.email-input2 {
  gap: var(--gap-5xs);
  font-size: var(--paragraph-size);
}
.become-a-sponsor {
  width: 416px;
  background-color: var(--color-forestgreen-100);
  padding: var(--padding-13xl);
  box-sizing: border-box;
  gap: 64px;
  max-width: 100%;
}
.sponsor-logo-parent {
  align-self: stretch;
  flex-direction: row;
  flex-wrap: wrap;
  gap: var(--gap-base);
  min-height: 464px;
  font-size: var(--heading-h5-size);
  color: var(--color-ghostwhite);
  font-family: var(--body);
}
.container-frame,
.our-sponsors-parent,
.sponsor-logo-parent {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
}
.our-sponsors-parent {
  flex: 1;
  flex-direction: column;
  gap: 60px;
}
.container-frame {
  width: 1328px;
  flex-direction: row;
  padding: 0 28px 0 var(--padding-xl);
  box-sizing: border-box;
  min-height: 736px;
  flex-shrink: 0;
  text-align: left;
  font-size: 48px;
  color: var(--black1);
  font-family: var(--paragraph);
}
.contact-us,
.frame-child11 {
  position: relative;
  max-width: 100%;
}
.frame-child11 {
  align-self: stretch;
  width: 1441px;
  background-color: var(--color-forestgreen-200);
  display: none;
}
.contact-us {
  margin: 0;
  width: 527px;
  height: 41px;
  font-size: var(--font-size-16xl);
  letter-spacing: -0.01em;
  text-transform: uppercase;
  font-weight: 700;
  font-family: inherit;
  display: inline-block;
  padding-right: var(--padding-xl);
  z-index: 1;
}
.your-full-name {
  position: relative;
  line-height: 24px;
}
.input {
  width: 624px;
  border-radius: var(--br-9xs);
  background-color: var(--white);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-xl);
  box-sizing: border-box;
  z-index: 1;
  text-align: left;
  font-size: var(--paragraph-size);
  color: var(--black);
  font-family: var(--paragraph);
}
.your-email {
  position: relative;
  line-height: 24px;
}
.input1 {
  width: 624px;
  border-radius: var(--br-9xs);
  background-color: var(--white);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-xl);
  box-sizing: border-box;
  z-index: 1;
}
.query-related {
  position: relative;
  line-height: 24px;
}
.input2 {
  width: 624px;
  border-radius: var(--br-9xs);
  background-color: var(--white);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-xl);
  box-sizing: border-box;
  z-index: 1;
}
.message1 {
  position: relative;
  line-height: 24px;
}
.facebook-negative1,
.input3 {
  width: 624px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.input3 {
  flex: 1;
  border-radius: var(--br-9xs);
  background-color: var(--white);
  flex-direction: row;
  padding: var(--padding-5xl);
  box-sizing: border-box;
  z-index: 1;
}
.facebook-negative1 {
  height: 348px;
  overflow-x: auto;
  flex-shrink: 0;
  flex-direction: column;
  gap: var(--gap-xs);
  max-width: 100%;
  color: var(--black);
}
.button-text1 {
  position: relative;
  line-height: 16px;
  text-transform: uppercase;
  font-weight: 500;
}
.button2 {
  align-self: stretch;
  border-radius: var(--br-xs);
  background-color: var(--color-forestgreen-100);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--padding-5xl);
  z-index: 1;
  text-align: center;
  color: var(--white);
}
.address-frame1,
.contactus-frame {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
}
.contactus-frame {
  align-self: stretch;
  gap: var(--gap-11xl);
}
.address-frame1 {
  width: 624px;
  padding: var(--padding-8xl) 0 0;
  box-sizing: border-box;
  min-width: 624px;
}
.copyright-frame-child,
.frame-group-child {
  position: relative;
  display: none;
  max-width: 100%;
}
.frame-group-child {
  align-self: stretch;
  width: 648px;
  max-height: 100%;
  object-fit: cover;
  min-height: 630px;
}
.copyright-frame-child {
  width: 645px;
  background-color: var(--color-gray-200);
  height: 630px;
}
.address {
  position: relative;
  opacity: 0.7;
  z-index: 3;
}
.nh-234,
.san-francisco {
  margin: 0;
}
.nh-234-public-container {
  margin: 0;
  height: 56px;
  position: relative;
  font-size: var(--heading-h5-size);
  letter-spacing: -0.01em;
  text-transform: uppercase;
  font-weight: 700;
  font-family: inherit;
  white-space: pre-wrap;
  display: inline-block;
  z-index: 3;
}
.address-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-5xs);
}
.contact-details1 {
  position: relative;
  font-size: var(--paragraph-size);
  line-height: 24px;
  opacity: 0.7;
  z-index: 3;
}
.finsweetexamplecom,
.info-panel-frames {
  position: relative;
  letter-spacing: -0.01em;
  text-transform: lowercase;
  z-index: 3;
}
.info-panel-frames {
  align-self: stretch;
}
.finsweetexamplecom {
  margin: 0;
  font-size: inherit;
  font-weight: 700;
  font-family: inherit;
  white-space: nowrap;
}
.findus-here-frame {
  width: 300px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-5xs);
  font-size: var(--heading-h5-size);
}
.find-us-here1 {
  position: relative;
  line-height: 24px;
  opacity: 0.7;
  z-index: 3;
}
.facebook-negative2,
.linkedin-negative,
.twitter-negative1 {
  height: 26px;
  width: 25px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  min-height: 26px;
  z-index: 3;
}
.linkedin-negative,
.twitter-negative1 {
  width: 26px;
}
.linkedin-negative {
  width: 25px;
}
.info-panel-frames2 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--gap-xl);
}
.copyright-frame,
.info-panel-frames1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.info-panel-frames1 {
  width: 140px;
  gap: var(--gap-5xs);
  font-size: var(--paragraph-size);
}
.copyright-frame {
  flex: 1;
  background-color: var(--color-gray-200);
  padding: 178px 118px 149px;
  box-sizing: border-box;
  gap: var(--gap-13xl);
  max-width: 100%;
  z-index: 2;
}
.content-frame,
.frame-group2,
.rectangle-parent7 {
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
}
.frame-group2 {
  flex: 1;
  align-items: center;
  justify-content: center;
  padding: 0 var(--padding-10xs) 0 0;
  background-image: url(./public/rectangle-1348@2x.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  min-width: 421px;
  max-width: 100%;
  z-index: 1;
  font-size: var(--label-03-size);
  color: var(--white);
}
.content-frame,
.rectangle-parent7 {
  justify-content: flex-start;
  flex-shrink: 0;
}
.rectangle-parent7 {
  width: 1451px;
  background-color: var(--color-forestgreen-200);
  align-items: center;
  padding: 0 0 0 71px;
  gap: 108px;
  max-width: 101%;
}
.content-frame {
  align-self: stretch;
  align-items: flex-start;
  padding: 0;
  min-height: 743px;
  max-width: 100%;
  text-align: left;
  font-size: var(--paragraph-size);
  color: var(--dark);
  font-family: var(--paragraph);
}
.frame-child12 {
  height: 108px;
  width: 1440px;
  position: relative;
  background-color: var(--black);
  display: none;
  max-width: 100%;
}
.copyright-2021-islamabad,
.faq,
.privacy-policy1,
.terms-conditions1 {
  position: relative;
  line-height: 28px;
  font-weight: 500;
  z-index: 1;
}
.privacy-policy-parent,
.rectangle-parent8 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-4xl);
}
.rectangle-parent8 {
  flex: 1;
  background-color: var(--black);
  justify-content: space-between;
  padding: var(--padding-21xl) 79px var(--padding-21xl) 81px;
  box-sizing: border-box;
  gap: var(--gap-xl);
  max-width: 100%;
}
.desktop-13,
.info-panel-frames3 {
  display: flex;
  justify-content: flex-start;
}
.info-panel-frames3 {
  align-self: stretch;
  flex-direction: row;
  align-items: flex-start;
  padding: 0 0 0 var(--padding-12xs);
  box-sizing: border-box;
  max-width: 100%;
  flex-shrink: 0;
  text-align: left;
  font-size: var(--paragraph-size);
  color: var(--white);
  font-family: var(--font-roboto);
}
.desktop-13 {
  width: 100%;
/*  height: 6727px;*/
  position: relative;
  background-color: var(--white);
  overflow: hidden;
  flex-direction: column;
  align-items: center;
  letter-spacing: normal;
}
@media screen and (max-width: 1200px) {
  .blog-three-frame {
    display: none;
  }
  .image {
    flex: 1;
  }
  .text-parent {
    flex-wrap: wrap;
  }
  .find-us-on-social-media {
    flex: 1;
  }
  .address-frame {
    flex-wrap: wrap;
    gap: 82px;
  }
  .blog-four-left {
    flex: 1;
  }
  .copyright-islamabad {
    flex-wrap: wrap;
  }
  .address-frame1 {
    flex: 1;
  }
  .rectangle-parent7 {
    flex-wrap: wrap;
    padding-left: var(--padding-xl);
    padding-right: var(--padding-xl);
    padding-bottom: var(--padding-xl);
    box-sizing: border-box;
  }
  .desktop-13 {
    height: auto;
  }
}
@media screen and (max-width: 1050px) {
  .islamabad-the-beautiful-container {
    font-size: var(--heading-h4-size);
    line-height: 48px;
  }
  .heading,
  .heading1,
  .heading2 {
    font-size: var(--font-size-25xl);
    line-height: 51px;
  }
  .frame-container {
    justify-content: center;
    grid-template-columns: repeat(2, minmax(233px, 404px));
  }
  .div,
  .group1,
  .k,
  .read-more-button {
    font-size: var(--font-size-27xl);
    line-height: 61px;
  }
  .find-us-here {
    flex-wrap: wrap;
  }
  .heading3 {
    font-size: var(--font-size-25xl);
    line-height: 51px;
  }
  .first-blog-post {
    flex-wrap: wrap;
  }
  .heading4 {
    font-size: var(--font-size-25xl);
    line-height: 51px;
  }
  .should-i-buy {
    font-size: var(--title-01-size);
    line-height: 45px;
  }
  .get-an-awesome,
  .will-electric-technology,
  .would-you-let {
    font-size: var(--font-size-7xl);
    line-height: 38px;
  }
  .our-sponsors {
    font-size: 38px;
    line-height: 50px;
  }
  .contact-us {
    font-size: var(--font-size-9xl);
  }
}
@media screen and (max-width: 750px) {
  .logo-title-text {
    gap: var(--gap-4xl);
  }
  .text1 {
    padding: 82px 42px 73px var(--padding-19xl);
    box-sizing: border-box;
  }
  .image,
  .text {
    min-width: 100%;
  }
  .image {
    flex-wrap: wrap;
  }
  .text-parent {
    gap: 84px;

  }
  .cateories {
    gap: var(--gap-mid);
  }
  .frame-group,
  .read-more-parent {
    gap: var(--gap-9xl);
  }
  .frame-parent1 {
    flex-wrap: wrap;
    gap: 15px;
  }
  .find-us-on-social-media {
    gap: var(--gap-base);
    min-width: 100%;
  }
  .image-3-icon {
    min-width: 100%;
  }
  .address-frame {
    gap: 41px;
  }
  .three-blog-posts {
    gap: 39px;
  }
  .blog-four-left {
    gap: var(--gap-base);
    padding-top: var(--padding-2xl);
    padding-bottom: var(--padding-2xl);
    box-sizing: border-box;
    min-width: 100%;
  }
  .httpsunsplashcomphotosyj-icon {
    flex: 1;
  }
  .httpsunsplashcomphotosyj-parent {
    flex-wrap: wrap;
  }
  .httpsunsplashcomphotosyj-icon1 {
    flex: 1;
  }
  .httpsunsplashcomphotosyj-group {
    flex-wrap: wrap;
  }
  .httpsunsplashcomphotosyj-icon2 {
    flex: 1;
  }
  .httpsunsplashcomphotosyj-container {
    flex-wrap: wrap;
  }
  .blog-four-right {
    gap: var(--gap-base);
  }
  .logo-contact-group {
    min-width: 100%;
  }
  .copyright-islamabad {
    gap: var(--gap-base);
  }
  .privacy-policy {
    gap: var(--gap-9xl);
  }
  .our-sponsors-parent {
    gap: var(--gap-11xl);
  }
  .address-frame1 {
    min-width: 100%;
  }
  .copyright-frame {
    gap: var(--gap-base);
    padding: 116px 59px 97px;
    box-sizing: border-box;
  }
  .frame-group2 {
    min-width: 100%;
  }
  .rectangle-parent7 {
    gap: 54px;
  }
  .rectangle-parent8 {
    flex-wrap: wrap;
    padding-left: var(--padding-21xl);
    padding-right: var(--padding-20xl);
    box-sizing: border-box;
  }
}
@media screen and (max-width: 450px) {
  .islamabad-the-beautiful-container {
    font-size: 30px;
    line-height: 36px;
  }
  .form {
    flex-wrap: wrap;
  }
  .email-input,
  .text1 {
    padding-right: var(--padding-xl);
    box-sizing: border-box;
  }
  .email-input {
    padding-left: var(--padding-xl);
  }
  .text-parent {
    gap: 42px;
  }
  .heading {
    font-size: var(--font-size-14xl);
    line-height: 38px;
  }
  .islamabad-the-capital {
    font-size: var(--paragraph-size);
    line-height: 23px;
  }
  .business,
  .economy,
  .startup,
  .technology {
    font-size: var(--font-size-3xl);
    line-height: 32px;
  }
  .heading1 {
    font-size: var(--font-size-14xl);
    line-height: 38px;
  }
  .islamabad-the-capital1 {
    font-size: var(--paragraph-size);
    line-height: 23px;
  }
  .heading2 {
    font-size: var(--font-size-14xl);
    line-height: 38px;
  }
  .islamabad-the-capital2 {
    font-size: var(--paragraph-size);
    line-height: 23px;
  }
  .frame-container {
    grid-template-columns: minmax(233px, 1fr);
  }
  .group1 {
    font-size: var(--font-size-16xl);
    line-height: 46px;
  }
  .proffesional {
    font-size: var(--font-size-lgi);
    line-height: 29px;
  }
  .read-more-button {
    font-size: var(--font-size-16xl);
    line-height: 46px;
  }
  .years-eperience {
    font-size: var(--font-size-lgi);
    line-height: 29px;
  }
  .k {
    font-size: var(--font-size-16xl);
    line-height: 46px;
  }
  .service-closed {
    font-size: var(--font-size-lgi);
    line-height: 29px;
  }
  .div {
    font-size: var(--font-size-16xl);
    line-height: 46px;
  }
  .customer-satisfaction {
    font-size: var(--font-size-lgi);
    line-height: 29px;
  }
  .heading3 {
    font-size: var(--font-size-14xl);
    line-height: 38px;
  }
  .blog-header,
  .first-blog-post {
    gap: var(--gap-xl);
  }
  .blog-posts,
  .content-block,
  .floor-no-parent,
  .input-field-group {
    flex-wrap: wrap;
  }
  .group2 {
    height: auto;
  }
  .address-frame {
    gap: var(--gap-xl);
  }
  .three-blog-posts {
    gap: 19px;
  }
  .heading4 {
    font-size: var(--font-size-14xl);
    line-height: 38px;
  }
  .islamabad-the-capital3 {
    font-size: var(--paragraph-size);
    line-height: 23px;
  }
  .should-i-buy {
    font-size: var(--heading-h5-size);
    line-height: 34px;
  }
  .get-an-awesome,
  .will-electric-technology,
  .would-you-let {
    font-size: var(--font-size-lgi);
    line-height: 29px;
  }
  .our-sponsors {
    font-size: 29px;
    line-height: 37px;
  }
  .become-a-sponsor1 {
    font-size: var(--font-size-lgi);
    line-height: 24px;
  }
  .become-a-sponsor {
    gap: var(--gap-13xl);
  }
  .contact-us {
    font-size: 21px;
  }
  .finsweetexamplecom,
  .info-panel-frames,
  .nh-234-public-container {
    font-size: var(--font-size-lgi);
  }
  .copyright-frame {
    padding-left: var(--padding-xl);
    padding-right: var(--padding-xl);
    box-sizing: border-box;
  }
  .rectangle-parent7 {
    gap: 27px;
  }
  .privacy-policy-parent {
    flex-wrap: wrap;
  }
}