/* sector  main page css start */

.hero-content-section {
  /* height: calc(100vh - 253px); */
}
section.sector-banner {
  background:
    linear-gradient(0deg, rgba(192, 57, 43, 0) 48.83%, #c0392b 100%),
    linear-gradient(180deg, rgba(255, 255, 255, 0) 48.27%, #fff 100%),
    url(../images/secotor-banner-img.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: auto !important;
  padding-top: 88px;
  padding-bottom: 88px;
}
.sector-title-width {
  max-width: 800px;
}
.sector-desc-color {
  color: #c23f3a;
  max-width: 970px;
}
.sectors-cta-row a {
  font-family: "Satoshi-Bold";
  font-size: 32px;
  color: #ffffff;
  text-decoration: none;
  padding: 18px;
  border-radius: 16px;
  background: #c23f3a;
  box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.15);
  gap: 23px;
  min-width: 268px;
}
.section-row .text strong,
.sectors-section-list strong {
  font-family: "Satoshi-Bold";
  font-weight: 700;
}
.sectors-cta-row a:hover {
  color: #c23f3a;
  background: #fff;
}
.sectors-cta-row a span.icon-blk {
  display: flex;
  width: 56px;
  height: 56px;
  padding: 12px;
  border-radius: 12px;
  /* background: rgba(255, 255, 255, 0.1); */
  justify-content: center;
  align-items: center;
}
.sectors-cta-row a:hover span.icon-blk {
  /* background: rgba(194, 63, 58, 0.1); */
}
.sectors-cta-row a span.icon-blk.ele {
  background:
    linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1)),
    url(../images/electricity-icon-small-hover.svg);
  background-repeat: no-repeat;
  background-position: center center;
}
.sectors-cta-row a:hover span.icon-blk.ele {
  background:
    linear-gradient(rgba(194, 63, 58, 0.1), rgba(194, 63, 58, 0.1)),
    url(../images/electricity-icon-small.svg);
  background-repeat: no-repeat;
  background-position: center center;
}

.sectors-cta-row a span.icon-blk.ind {
  background:
    linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1)),
    url(../images/industry-icon-small.svg);
  background-repeat: no-repeat;
  background-position: center center;
}
.sectors-cta-row a:hover span.icon-blk.ind {
  background:
    linear-gradient(rgba(194, 63, 58, 0.1), rgba(194, 63, 58, 0.1)),
    url(../images/industry-icon-small-hover.svg);
  background-repeat: no-repeat;
  background-position: center center;
}

.sectors-cta-row a span.icon-blk.trans {
  background:
    linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1)),
    url(../images/transport-icon-small.svg);
  background-repeat: no-repeat;
  background-position: center center;
}
.sectors-cta-row a:hover span.icon-blk.trans {
  background:
    linear-gradient(rgba(194, 63, 58, 0.1), rgba(194, 63, 58, 0.1)),
    url(../images/transport-icon-small-hover.svg);
  background-repeat: no-repeat;
  background-position: center center;
}
.sectors-cta-row a span.icon-blk.food {
  background:
    linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1)),
    url(../images/food-icon-small.svg);
  background-repeat: no-repeat;
  background-position: center center;
}
.sectors-cta-row a:hover span.icon-blk.food {
  background:
    linear-gradient(rgba(194, 63, 58, 0.1), rgba(194, 63, 58, 0.1)),
    url(../images/food-icon-small-hover.svg);
  background-repeat: no-repeat;
  background-position: center center;
}
.sectors-cta-row a span.icon-blk.built {
  background:
    linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1)),
    url(../images/built-icon-small.svg);
  background-repeat: no-repeat;
  background-position: center center;
}
.sectors-cta-row a:hover span.icon-blk.built {
  background:
    linear-gradient(rgba(194, 63, 58, 0.1), rgba(194, 63, 58, 0.1)),
    url(../images/built-icon-small-hover.svg);
  background-repeat: no-repeat;
  background-position: center center;
}
.sectors-cta-row a span.icon-blk.water {
  background:
    linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1)),
    url(../images/water-icon-small.svg);
  background-repeat: no-repeat;
  background-position: center center;
}
.sectors-cta-row a:hover span.icon-blk.water {
  background:
    linear-gradient(rgba(194, 63, 58, 0.1), rgba(194, 63, 58, 0.1)),
    url(../images/water-icon-small-hover.svg);
  background-repeat: no-repeat;
  background-position: center center;
}
.sectors-cta-row a span.icon-blk.adap {
  background:
    linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1)),
    url(../images/adaptation-icon-small.svg);
  background-repeat: no-repeat;
  background-position: center center;
}
.sectors-cta-row a:hover span.icon-blk.adap {
  background:
    linear-gradient(rgba(194, 63, 58, 0.1), rgba(194, 63, 58, 0.1)),
    url(../images/adaptation-icon-small-hover.svg);
  background-repeat: no-repeat;
  background-position: center center;
}
.sectors-global-bg {
  background-position: center;
  background-repeat: no-repeat;
  padding-top: 146px;
  padding-bottom: 146px;
  background-size: cover;
}
.sectors-electricity-section {
  background:
    linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0) 17.73%),
    url(../images/sector-electricity-section.jpg) lightgray 0px 0px / 100%
      119.061% no-repeat;
}
.sectors-industry-section {
  background-image: url(../images/sectors-industries-bannerimage.jpg);
}
.sectors-transport-section {
  background-image: url(../images/sectors-transport-bannerimage.jpg);
}
.sectors-food-section {
  background-image: url(../images/sectors-food-bannerimage.png);
}
.sectors-built-section {
  background-image: url(../images/sectors-built-bannerimage.jpg);
}
.sectors-water-section {
  background-image: url(../images/sectors-water-bannerimage.jpg);
}
.sectors-adapt-section {
  background-image: url(../images/sectors-adapt-bannerimage.jpg);
}
.sectors-red-card {
  max-width: 370px;
  padding: 32px;
  border-radius: 16px;
  background: #c23f3a;
  box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.15);
  margin-left: 55px;
  color: #fff;
}
.sectors-white-card {
  max-width: 370px;
  padding: 32px;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.15);
  backdrop-filter: blur(2px);
  color: #c23f3a;
}

.sectors-card-custom {
  max-width: 477px !important;
}

.sectors-card .card-title {
  font-family: "Satoshi-Bold";
  font-size: 32px;
  margin-top: 24px;
  margin-bottom: 34px;
}
.card-description {
  min-height: 365px;
  margin-bottom: 40px;
}
.sectors-card .card-text {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 22.4px */
}
.card-btn {
  font-size: 14px;
  display: flex;
  padding: 12px 16px;
  align-items: center;
  gap: 10px;
  border-radius: 999px;
  background-color: #fff;
}
a.card-btn.red {
  font-family: "Satoshi-Bold";
  color: #c23f3a;
}
a.card-btn img {
  transition: transform 0.3s ease;
}
a.card-btn:hover img {
  transform: translateX(3px); /* Move 3px to the right */
}
.sectors-white-card .card-btn {
  font-size: 14px;
  display: flex;
  padding: 12px 16px;
  align-items: center;
  gap: 10px;
  border-radius: 999px;
  background-color: #c23f3a;
}
.sectors-white-card a.card-btn.red {
  font-family: "Satoshi-Bold";
  color: #ffffff;
}
/* sector main page css start */

/* sector electricity page css start */
section.sector-electricity-banner {
  background:
    linear-gradient(0deg, rgba(0, 0, 0, 0) 25.93%, #000 100%),
    url(../images/electricity-grid.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: auto !important;
}

img.factory-icon-width {
  max-width: 65px !important;
  margin-right: 30px;
}

section.sector-electricity-row {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}
.electricity-row-bg-01 {
  background-color: #2f6788;
}
.infogtitle {
  color: #fff;
  font-size: 28px;
  font-style: normal;
}
.infogtitle .infogtitle-tagline {
  font-family: "Satoshi-Regular";
  display: block;
  font-size: 18px !important;
}
.info-source {
  color: #fff;
  font-size: 12px;
  padding-top: 20px;
  max-width: 700px;
}
.info-source a {
  color: #fff;
  text-decoration: underline;
}
.zoom-in {
  min-width: 85px;
}
.zoom-in a {
  font-size: 12px;
  color: #fff;
  font-size: 12px;
  display: inline-flex;
  padding: 8px 14px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  background: rgba(255, 255, 255, 0.15);
  margin-top: 18px;
}
.inner-section-two-column-gap {
  gap: 64px;
}
/* sector Electricity page css end */

/* sector industries css start */
section.sector-industries-banner {
  background:
    linear-gradient(0deg, rgba(0, 0, 0, 0) 26.22%, #000 100%),
    url(../images/sectors-industries-bannerimage.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: auto !important;
  background-blend-mode: luminosity;
}
.industries-row-bg-01 {
  background-color: #af7046;
}
/* sector industries css end */

/* sector transport css end */
section.sector-transport-banner {
  background:
    linear-gradient(0deg, rgba(0, 0, 0, 0) 26.22%, #000 100%),
    url(../images/sectors-transport-bannerimage.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: auto !important;
  background-blend-mode: luminosity;
}
.transport-row-bg-01 {
  background-color: #687d8d;
}

/* sector transport css end */

/* sector transport css end */
section.sector-water-banner {
  background:
    linear-gradient(0deg, rgba(0, 0, 0, 0) 26.22%, #000 100%),
    url(../images/sectors-water-bannerimage.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: auto !important;
  background-blend-mode: luminosity;
}
.water-row-bg-01 {
  background-color: #2b778e;
}

/* sector transport css end */

/* sector food-agriculture css starts */

section.sector-food-banner {
  background:
    linear-gradient(0deg, rgba(0, 0, 0, 0) 26.22%, #000 100%),
    url(../images/sectors-food-bannerimage.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: auto !important;
  background-blend-mode: luminosity;
}
.food-agriculture-row-bg-01 {
  background-color: #5a7a13;
}

/* sector food-agriculture css end */

/* sector Built Environment css starts */

section.sector-built-banner {
  background:
    linear-gradient(0deg, rgba(0, 0, 0, 0) 26.22%, #000 100%),
    url(../images/sectors-built-bannerimage.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: auto !important;
  background-blend-mode: luminosity;
}
.built-environment-row-bg-01 {
  background-color: #a0645a;
}

/* sector Built Environment css end */

/* sector Adaptation & Resilience  css start */

section.sector-adapt-banner {
  background:
    linear-gradient(0deg, rgba(0, 0, 0, 0) 26.22%, #000 100%),
    url(../images/sectors-adapt-bannerimage.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: auto !important;
  background-blend-mode: luminosity;
}
section.sector-electricity-row.sector-adapt-row-bg-01 {
  background-color: #676e50;
  padding-top: 80px !important;
}
.indiafaces {
  margin-top: 33px;
}
.indiafaces .sectors-section-subtitle {
  margin-bottom: 24px !important;
}
/* sector Adaptation & Resilience  css start */

@media (max-width: 576px) {
  section.hero-section-bg {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .sectors-white-card {
    max-width: none !important;
    margin-left: 0 !important;
  }
  .sectors-red-card {
    max-width: none !important;
    margin-left: 0 !important;
  }
  .sectors-card-custom {
    max-width: none !important;
  }
  .sectors-cta-row {
    justify-content: center !important;
  }
  .sectors-cta-row a {
    font-size: 23px;
    padding: 24px;
  }
  .sectors-global-bg {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .hero-description {
    text-align: left;
  }
  .infogtitle {
    text-align: center !important;
  }
}

@media (min-height: 600px) {
  section.hero-section-bg {
    height: 100vh;
  }

  section.hero-section-bg.home-banner {
    height: auto !important;
  }

  .hero-content-section {
    height: calc(100vh - 253px);
    display: flex;
    align-items: center;
  }
}