.c-section--1 {
  background-color: var(--light-blue-color);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(69, 152, 159, 0)), url('/wp-content/themes/chirag/assets/img/hero-banner-bg.jpg');
  background-size: cover;
  background-position: bottom center;
  background-repeat: no-repeat;
}

/* .c-section--1::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, #06060600, #ffffffde) !important;
  pointer-events: none;
  max-height: 10%;
} */

/* portrait */
@media screen and (min-width: 768px) and (max-width: 1024px) {

  .home-banner1,
  .home-banner2 {
    height: 50vh !important;
  }

  /* .home-banner2 {
    padding: 0 70px !important;
  } */
}

/* landscape */
@media screen and (min-width: 300px) and (max-width: 1024px) and (orientation: landscape) {

  .home-banner1,
  .home-banner2 {
    height: 100vh !important;
  }

  .home-banner1,
  .home-banner1-desc {
    transform: unset !important;
    text-align: center !important;
    justify-content: center;
  }

  .home-banner1-desc h2,
  .home-banner2-desc h2 {
    letter-spacing: 0.15rem !important;
    line-height: 36px !important;
  }

  .home-banner1-desc {
    padding-top: 4rem;
  }

}

@media (max-width: 1024px) {
  .c-section--1 {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(69, 152, 159, 0)), url('/wp-content/themes/chirag/assets/img/hero-banner-bg-i.jpg');
  }
}

/*----------------------------------- LATEST LAUNCHES SECTION -----------------------------------*/
.c-section--2 {
  background: linear-gradient(to bottom, #06060600, #E0F7DE);
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(69, 152, 159, 0)), url('/wp-content/themes/chirag/assets/img/latest-launch-bg.jpg');
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
}

/* .c-section--2::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, #06060600, #ffffffde) !important;
  pointer-events: none;
  max-height: 10%;
} */

.c-section--2::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  background: linear-gradient(to bottom, #06060600, #a4c9b9);
  max-height: 13%;
}


/* swiper styling */
.swiper-pagination.swiper-pagination-cards {
  display: none;
}

@media (max-width: 767px) {

  /* .c-section--2 {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(69, 151, 159, 0.48)), url('/wp-content/themes/chirag/assets/img/latets-launch-bg-mbl.jpg');
  } */

  .swiper-pagination.swiper-pagination-cards {
    display: block !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {

  .swiper-pagination.swiper-pagination-cards {
    display: block !important;
  }
}

@media (max-width: 1024px) {
  .c-section--2 {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(69, 152, 159, 0)), url('/wp-content/themes/chirag/assets/img/latest-launch-bg-i.jpg');
  }
}

/*----------------------------------- END LATEST LAUNCHES SECTION -----------------------------------*/


/*----------------------------------- OPERATING SUSTAINABLY SECTION -----------------------------------*/
.c-section--3 {
  background: linear-gradient(to top, #3d975800, #E0F7DE00), url('/wp-content/themes/chirag/assets/img/operating-sustainably-bg.jpg');
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  background-color: #bcddaa;
}

.c-section--3::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(to top, #E0F7DE00, #a4c9b9);
  pointer-events: none;
  max-height: 6%;
}

.c-section--3::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, #06060600, #fff);
  pointer-events: none;
  max-height: 12%;
}

@media (max-width: 767px) {
  .c-section--3 {
    padding-top: unset !important;
  }
}

/*----------------------------------- END OPERATING SUSTAINABLY SECTION -----------------------------------*/


/*----------------------------------- INVESTOR SECTION -----------------------------------*/
.c-section--4 {
  background-color: var(--white-color);
}

.c-section--4::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-image: linear-gradient(to top, #06060600, rgba(255, 255, 255, 0.839)), url('/wp-content/themes/chirag/assets/img/investor-bg.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  mix-blend-mode: multiply;
  filter: contrast(1.5);
  pointer-events: none;
  opacity: .2;
}

.c-section--4::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, #06060600, #D7ECE4);
  pointer-events: none;
  max-height: 450px;
}

/*----------------------------------- END INVESTOR SECTION -----------------------------------*/


/*----------------------------------- SETIA IN THE NEWS SECTION -----------------------------------*/
.c-section--5 {
  background-color: #D7ECE4;
}

.c-section--5::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-image: linear-gradient(to top, #06060600, rgba(255, 255, 255, 0.839)), url('/wp-content/themes/chirag/assets/img/Setia-In-The-News-Background.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  mix-blend-mode: multiply;
  filter: contrast(1.5);
  pointer-events: none;
  opacity: .2;
}

.c-section--5::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, #06060600, #FFF);
  pointer-events: none;
  max-height: 350px;
}

@media (max-width: 767px) {
  .c-section--5::before {
    background-image: linear-gradient(to top, #06060600, rgba(255, 255, 255, 0.839)), url('/wp-content/themes/chirag/assets/img/Setia-In-The-News-Background-m.jpg') !important;
    background-position: top;
  }
}

/*----------------------------------- END SETIA IN THE NEWS SECTION -----------------------------------*/


/*----------------------------------- CONTACT SECTION -----------------------------------*/
.c-section--6 {
  background-image: url('/wp-content/themes/chirag/assets/img/contact-fr.svg');
  background-repeat: no-repeat;
  background-size: 25%;
  background-position: bottom 0 left 32%;
}

.c-section--6::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-image: linear-gradient(to top, #06060600, rgba(255, 255, 255, 0.839)), url('/wp-content/themes/chirag/assets/img/contact-bg.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  /* mix-blend-mode: multiply; */
  filter: contrast(1.5);
  pointer-events: none;
  /* opacity: .6; */
  z-index: -1;
}

.c-section--6::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, #06060600, #DEECDD);
  pointer-events: none;
  /* max-height: 735px; */
  z-index: -1;
}

.contact-tab {
  display: none;
  animation: fadeIn ease 2s;
  -webkit-animation: fadeIn ease 2s;
  -moz-animation: fadeIn ease 2s;
  -o-animation: fadeIn ease 2s;
  -ms-animation: fadeIn ease 2s;
}

.contact-tab.tab-active {
  display: block;
}


.contact-tab-header-m {
  position: relative;
  cursor: pointer;
  background-color: var(--royal-blue-color);
}

.contact-tab-header-m>a {
  width: 100%;
  float: left;
  color: #D6D6D6;
  font-size: 15px;
  text-decoration: none;
  overflow: hidden;
  text-align: center;
}

.contact-tab-title-m {
  transition: unset !important;
}

.optionDropdown.contact-tab-title-m.contact-title-active-m {
  background: #f8f8f8;
  font-family: "Noto Sans, Black" !important;
  color: var(--light-red-color);
}

.contact-tab-header-m.openn .contact-tab-title-m {
  height: max-content;
  max-height: 200px;
}

.openn.contact-tab-header-m>a {
  min-height: 33px;
}


/* toggle btn for contact tabs */
.selectInput {
  position: relative;
  margin: 0 0.2em;
  transition: .3s ease-in-out all;
  cursor: pointer;
  min-width: 11em;
  display: flex;
  align-items: center;
}

.selectInput .selectBtn {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  cursor: pointer;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-bottom: 0 !important;
  font-size: 1.3rem;
  font-family: 'Stone Sans, SemiBold';
  display: flex;
  align-items: center;
  color: var(--light-red-color);
  transition: .3s ease-in-out all;
}

.selectBtn.toggleBg {
  color: var(--light-red-color);
}

.selectInput .selectBtn::after {
  content: "";
  position: absolute;
  top: 45%;
  right: 2px;
  width: 10px;
  height: 10px;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  border-right: 2px solid var(--light-red-color);
  border-bottom: 2px solid var(--light-red-color);
  transition: 0.2s ease;
}

.selectInput .selectBtn.toggle:after {
  -webkit-transform: translateY(-50%) rotate(-135deg);
  transform: translateY(-50%) rotate(-135deg);
}

.selectInput .selectDropdown {
  position: absolute;
  top: 100%;
  width: 100%;
  overflow: hidden;
  background: var(--bg1);
  border-top: 1px solid #eee;
  z-index: 1;
  background: #fff;
  -webkit-transform: scale(1, 0);
  transform: scale(1, 0) translateX(-50%);
  -webkit-transform-origin: top center;
  transform-origin: top center;
  visibility: hidden;
  transition: 0.2s ease;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  left: 50%;
  min-width: 20em;
  margin-top: 15px;
  border-radius: 0.45rem;
}

.selectInput .selectDropdown .optionDropdown {
  padding: 10px;
  box-sizing: border-box;
  cursor: pointer;
  font-family: "Noto Sans, Light";
  font-size: 1rem;
  transition: 0.2s ease;
}

.selectInput .selectDropdown.toggle {
  visibility: visible;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1) translateX(-50%);
}

.selectInput .selectDropdown .optionDropdown:hover {
  background: #f8f8f8;
}



/* For only wider screen */
@media screen and (min-width : 1440px) {
  .c-section--6 {
    background-size: 30%;
    background-position: bottom 0 left 32%;
  }
}

@media screen and (min-width : 1500px) {
  .c-section--6 {
    background-size: 23%;
    background-position: bottom 0 left 35%;
  }
}

@media screen and (max-width: 767px) {
  .c-section--6 {
    background-image: url('/wp-content/themes/chirag/assets/img/contact-fr.svg');
    background-repeat: no-repeat;
    background-size: 35%;
    background-position: top 33% right 8%;
  }

  .c-section--6::before {
    background-image: linear-gradient(to top, #06060600, rgba(255, 255, 255, 0.839)), url('/wp-content/themes/chirag/assets/img/Contact-Background-m.jpg');
  }
}

@media (max-width: 767px) {
  .selectInput {
    min-width: 8em !important;
    max-width: 8em !important;
  }

  .selectInput .selectBtn {
    font-size: 14px !important;
  }

  .selectInput .selectBtn::after {
    right: 2px;
    width: 8px;
    height: 8px;
  }

  .selectInput .selectDropdown .optionDropdown {
    font-size: 13px !important;
  }

  .selectInput .selectDropdown.toggle {
    transform: scale(1, 1) translateX(-50%);
  }

  .selectInput .selectDropdown {
    left: 50%;
    min-width: 100% !important;
  }
}

@media screen and (max-width: 400px) {
  .c-section--6 {
    background-image: url('/wp-content/themes/chirag/assets/img/contact-fr.svg');
    background-repeat: no-repeat;
    background-size: 31%;
    background-position: top 35% right 8%;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {

  .c-section--6 {
    background-image: none !important;
  }
}


/* landscape */
@media screen and (min-width: 300px) and (max-width: 1024px) and (orientation: landscape) {
  .c-section--6 {
    background-image: none !important;
  }
}