*,
p,
h1,
h2,
h3,
h4,
h5,
h6,
figure {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none; }

a,
a:hover,
a:focus {
  text-decoration: none;
  box-shadow: none;
  outline: none; }

html {
  font-size: 10px; }
  @media screen and (max-width: 991px) {
    html {
      font-size: 9px; } }
  @media screen and (max-width: 767px) {
    html {
      font-size: 8px; } }

body {
  font-family: "Roboto", sans-serif;
  font-size: 1.6rem;
  color: #454545;
  line-height: 1.4;
  font-weight: 400;
  overflow-x: hidden;
  background: #dddddd; }
  body.bodyhiden {
    overflow: hidden; }
  body.bgwhite {
    background: #ffffff; }

h1,
h2 {
  font-family: "Montserrat", sans-serif; }

h2 {
  background: url("../images/heading-style.png") bottom center no-repeat;
  padding-bottom: 2rem;
  margin: 7rem 0 2rem;
  text-transform: uppercase;
  text-align: center;
  font-weight: 700;
  font-size: 3.6rem; }
  @media screen and (max-width: 1399px) {
    h2 {
      font-size: 3rem; } }
  h2 span {
    font-size: 1.4rem;
    display: block; }

.mrbt {
  margin-bottom: 3rem; }

ul.number {
  list-style: decimal;
  margin-left: 2rem; }
ul li {
  margin-bottom: 1rem; }

section {
  position: relative;
  overflow: hidden; }
  @media screen and (max-width: 1199px) {
    section {
      padding: 3rem 0; } }
  section.banner {
    padding: 0;
    height: 700px; }
    @media screen and (max-width: 1600px) {
      section.banner {
        height: 650px; } }
    @media screen and (max-width: 1399px) {
      section.banner {
        height: 550px; } }
    @media screen and (max-width: 767px) {
      section.banner {
        height: 500px; } }
  section.innerpagebanner {
    height: 390px;
    padding: 0; }
    @media screen and (max-width: 991px) {
      section.innerpagebanner {
        height: 250px; } }
    @media screen and (max-width: 767px) {
      section.innerpagebanner {
        height: 200px; } }
    section.innerpagebanner img {
      width: 100%;
      min-width: 90rem;
      min-height: 95%; }
    section.innerpagebanner.bannerfaqs::before {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      right: 0;
      content: "";
      opacity: 0.5; }
    section.innerpagebanner.bannerfaqs.energy {
      background: url("../images/energy.png") top right repeat; }
      section.innerpagebanner.bannerfaqs.energy::before {
        background: linear-gradient(to bottom, #d15830 0%, transparent 100%); }
    section.innerpagebanner.bannerfaqs.urban {
      background: url("../images/urban.jpg") top right repeat; }
      section.innerpagebanner.bannerfaqs.urban::before {
        background: linear-gradient(to bottom, #6a980e 0%, transparent 100%); }
    section.innerpagebanner.bannerfaqs.mobility {
      background: url("../images/mobility.jpg") top right repeat; }
      section.innerpagebanner.bannerfaqs.mobility::before {
        background: linear-gradient(to bottom, #c8314f 0%, transparent 100%); }
    section.innerpagebanner.bannerfaqs.water {
      background: url("../images/water.jpg") top right repeat; }
      section.innerpagebanner.bannerfaqs.water::before {
        background: linear-gradient(to bottom, #1986b9 0%, transparent 100%); }
    section.innerpagebanner.bannerfaqs.waste {
      background: url("../images/waste.jpg") top right repeat; }
      section.innerpagebanner.bannerfaqs.waste::before {
        background: linear-gradient(to bottom, #5b4992 0%, transparent 100%); }
    section.innerpagebanner.bannerfaqs.general {
      background: url("../images/general.png") top right repeat; }
      section.innerpagebanner.bannerfaqs.general::before {
        background: linear-gradient(to bottom, #31bbc5 0%, transparent 100%); }
    section.innerpagebanner.bannerfaqs.national {
      background: url("../images/national.png") top right repeat; }
      section.innerpagebanner.bannerfaqs.national::before {
        background: linear-gradient(to bottom, #bf5ba9 0%, transparent 100%); }
    section.innerpagebanner.bannerfaqs .bannercaption {
      position: relative; }
    section.innerpagebanner.bannerfaqs img {
      min-width: auto;
      width: 140px;
      min-height: auto;
      margin-top: 6rem; }
  section.video {
    background: url("../images/video-bg.jpg") bottom center no-repeat;
    background-size: cover;
    min-height: 900px; }
    @media screen and (max-width: 767px) {
      section.video {
        min-height: 600px; } }

header {
  padding: 10px 0;
  background: #ffffff; }
  header .smartcity img {
    width: 80px; }
    @media screen and (max-width: 991px) {
      header .smartcity img {
        width: 50px; } }
    @media screen and (max-width: 480px) {
      header .smartcity img {
        width: 50px; } }
    @media screen and (max-width: 360px) {
      header .smartcity img {
        width: 40px; } }
  header .Smartnet img {
    width: 300px; }
    @media screen and (max-width: 991px) {
      header .Smartnet img {
        width: 200px; } }
    @media screen and (max-width: 480px) {
      header .Smartnet img {
        width: 130px; } }
    @media screen and (max-width: 360px) {
      header .Smartnet img {
        width: 100px; } }
  @media screen and (max-width: 991px) {
    header .swachh-bharat img {
      width: 150px; } }
  @media screen and (max-width: 480px) {
    header .swachh-bharat img {
      width: 110px; } }
  @media screen and (max-width: 360px) {
    header .swachh-bharat img {
      width: 90px; } }

.bannercaption {
  position: absolute;
  top: 7rem;
  left: 0;
  width: 100%; }
  @media screen and (max-width: 991px) {
    .bannercaption {
      top: 5rem; } }
  .bannercaption h2 {
    font-size: 3.5rem;
    color: #ffffff;
    text-align: left;
    margin-bottom: 0;
    background: none;
    padding-bottom: 1rem;
    margin-top: 3rem;
    font-weight: 400; }
    @media screen and (max-width: 991px) {
      .bannercaption h2 {
        font-size: 2.4rem; } }
  .bannercaption ul li {
    display: inline-block; }
    .bannercaption ul li a {
      color: #ffffff;
      font-size: 1.5rem;
      font-weight: 300; }
      .bannercaption ul li a span {
        font-size: 9px;
        margin: 0 1.5rem; }
      .bannercaption ul li a:hover {
        color: #000000; }
    .bannercaption ul li:last-child a span {
      display: none; }

.bannercarousal {
  position: relative; }
  .bannercarousal .carousel-item {
    height: 700px; }
    @media screen and (max-width: 1600px) {
      .bannercarousal .carousel-item {
        height: 650px; } }
    @media screen and (max-width: 767px) {
      .bannercarousal .carousel-item {
        height: 500px; } }
    .bannercarousal .carousel-item img {
      width: auto; }
    .bannercarousal .carousel-item .forbg {
      height: 100%;
      width: 100%;
      position: relative; }
      .bannercarousal .carousel-item .forbg .bannercap {
        padding-top: 10rem; }
        @media screen and (max-width: 1399px) {
          .bannercarousal .carousel-item .forbg .bannercap {
            padding-top: 7rem; } }
        @media screen and (max-width: 767px) {
          .bannercarousal .carousel-item .forbg .bannercap {
            padding-top: 3rem; } }
        .bannercarousal .carousel-item .forbg .bannercap h2 {
          font-size: 2.4rem;
          color: #ffffff;
          text-align: left;
          background: none;
          padding-bottom: 0;
          margin-top: 2rem;
          margin-bottom: 1rem; }
          @media screen and (max-width: 1399px) {
            .bannercarousal .carousel-item .forbg .bannercap h2 {
              font-size: 2rem; } }
          @media screen and (max-width: 767px) {
            .bannercarousal .carousel-item .forbg .bannercap h2 {
              font-size: 1.8rem; } }
        .bannercarousal .carousel-item .forbg .bannercap p {
          color: #ffffff;
          font-size: 1.8rem;
          margin-bottom: 4rem; }
          @media screen and (max-width: 1399px) {
            .bannercarousal .carousel-item .forbg .bannercap p {
              font-size: 1.6rem; } }
        .bannercarousal .carousel-item .forbg .bannercap a {
          display: inline-block;
          padding: 1.5rem 5rem;
          color: #000000;
          background: #ffffff;
          border-radius: 3rem;
          text-transform: uppercase;
          font-weight: 600;
          font-size: 1.8rem; }
          @media screen and (max-width: 1399px) {
            .bannercarousal .carousel-item .forbg .bannercap a {
              font-size: 1.6rem;
              padding: 1.2rem 4rem; } }
        @media screen and (max-width: 1399px) {
          .bannercarousal .carousel-item .forbg .bannercap .cap-icon {
            max-width: 22rem; } }
        @media screen and (max-width: 767px) {
          .bannercarousal .carousel-item .forbg .bannercap .cap-icon {
            display: none; } }
      .bannercarousal .carousel-item .forbg::before {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        content: "";
        opacity: 0.5; }
      .bannercarousal .carousel-item .forbg.energy {
        background: url("../images/energy.png") top right repeat; }
        .bannercarousal .carousel-item .forbg.energy::before {
          background: linear-gradient(to bottom, #d15830 0%, transparent 100%); }
        .bannercarousal .carousel-item .forbg.energy a:hover {
          color: #f2744a; }
      .bannercarousal .carousel-item .forbg.urban {
        background: url("../images/urban.jpg") top right repeat; }
        .bannercarousal .carousel-item .forbg.urban::before {
          background: linear-gradient(to bottom, #6a980e 0%, transparent 100%); }
        .bannercarousal .carousel-item .forbg.urban a:hover {
          color: #9dcb41; }
      .bannercarousal .carousel-item .forbg.mobility {
        background: url("../images/mobility.jpg") top right repeat; }
        .bannercarousal .carousel-item .forbg.mobility::before {
          background: linear-gradient(to bottom, #c8314f 0%, transparent 100%); }
        .bannercarousal .carousel-item .forbg.mobility a:hover {
          color: #ec4a6a; }
      .bannercarousal .carousel-item .forbg.water {
        background: url("../images/water.jpg") top right repeat; }
        .bannercarousal .carousel-item .forbg.water::before {
          background: linear-gradient(to bottom, #1986b9 0%, transparent 100%); }
        .bannercarousal .carousel-item .forbg.water a:hover {
          color: #3daee3; }
      .bannercarousal .carousel-item .forbg.waste {
        background: url("../images/waste.jpg") top right repeat; }
        .bannercarousal .carousel-item .forbg.waste::before {
          background: linear-gradient(to bottom, #5b4992 0%, transparent 100%); }
        .bannercarousal .carousel-item .forbg.waste a:hover {
          color: #7666ac; }
      .bannercarousal .carousel-item .forbg.national {
        background: url("../images/national.png") top right repeat; }
        .bannercarousal .carousel-item .forbg.national::before {
          background: linear-gradient(to bottom, #bf5ba9 0%, transparent 100%); }
        .bannercarousal .carousel-item .forbg.national a:hover {
          color: #d06eba; }

.cornor-top {
  position: relative; }
  .cornor-top:before {
    width: 130%;
    height: 200px;
    background: #dddddd;
    position: absolute;
    transform: rotate(-5deg);
    z-index: 2;
    top: -100px;
    right: -10%;
    content: ""; }
    @media screen and (max-width: 1199px) {
      .cornor-top:before {
        bottom: -110px; } }
    @media screen and (max-width: 991px) {
      .cornor-top:before {
        top: -150px; } }

.cornor-bottom {
  position: relative; }
  .cornor-bottom:after {
    width: 130%;
    height: 200px;
    background: #dddddd;
    position: absolute;
    transform: rotate(-5deg);
    z-index: 2;
    bottom: -80px;
    left: -10%;
    content: ""; }
    @media screen and (max-width: 1199px) {
      .cornor-bottom:after {
        bottom: -110px; } }
    @media screen and (max-width: 991px) {
      .cornor-bottom:after {
        bottom: -150px; } }

.carousel-indicators {
  z-index: 2;
  bottom: 20%; }
  @media screen and (max-width: 1399px) {
    .carousel-indicators {
      bottom: 40%; } }
  .carousel-indicators li {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 1px solid #ffffff;
    display: inline-block;
    margin: 0 0.4rem;
    background: transparent; }
    .carousel-indicators li.active {
      background: #ffffff; }
    .carousel-indicators li:focus {
      outline: none;
      box-shadow: none; }

.owl-carousel .owl-dots {
  position: absolute;
  bottom: 15%;
  text-align: center;
  z-index: 2;
  width: 100%; }
  .owl-carousel .owl-dots button.owl-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 1px solid #ffffff;
    display: inline-block;
    margin: 0 0.4rem; }
    .owl-carousel .owl-dots button.owl-dot.active {
      background: #ffffff; }
    .owl-carousel .owl-dots button.owl-dot:focus {
      outline: none;
      box-shadow: none; }
.owl-carousel.testislider .owl-dots {
  bottom: -3rem; }
  .owl-carousel.testislider .owl-dots button.owl-dot {
    border: 1px solid #4577e7; }
    .owl-carousel.testislider .owl-dots button.owl-dot.active {
      background: #4577e7; }

.humbergar {
  font-size: 4.5rem;
  color: #606060; }
  @media screen and (max-width: 480px) {
    .humbergar {
      font-size: 3.5rem; } }
  @media screen and (max-width: 360px) {
    .humbergar {
      font-size: 3rem; } }

.actioncard {
  background: #ffffff;
  display: block;
  box-shadow: none;
  transition: all 0.2s ease-in-out;
  overflow: hidden;
  position: relative;
  height: 100%; }
  .actioncard figure {
    position: relative;
    overflow: hidden; }
    .actioncard figure img {
      width: 100%; }
    .actioncard figure:after {
      position: absolute;
      bottom: -30%;
      left: -10%;
      height: 50%;
      width: 130%;
      content: "";
      transform: rotate(14deg);
      background: #ffffff; }
    .actioncard figure .icon {
      position: absolute;
      bottom: 30px;
      left: 30px;
      background: #ffffff;
      width: 10rem;
      height: 10rem;
      border-radius: 50%;
      text-align: center;
      font-size: 4rem;
      padding: 2rem;
      z-index: 2;
      color: #4577e7;
      transition: all 0.3s ease-in-out; }
  .actioncard .card-content {
    padding: 3rem;
    height: 100%; }
    .actioncard .card-content h3 {
      font-size: 2.1rem;
      font-weight: 700;
      margin-bottom: 2rem;
      color: #606060;
      text-transform: uppercase; }
      @media screen and (max-width: 1399px) {
        .actioncard .card-content h3 {
          font-size: 1.8rem; } }
    .actioncard .card-content p {
      font-weight: 300;
      font-size: 1.6rem;
      margin-bottom: 2rem;
      color: #454545; }
    .actioncard .card-content span {
      color: #4577e7;
      font-size: 1.8rem;
      position: absolute;
      bottom: 25px;
      left: 2.5rem; }
  .actioncard .seeresult {
    font-size: 2rem;
    color: #ffffff;
    padding: 1rem 1.5rem;
    text-align: center;
    z-index: 3;
    position: absolute;
    display: flex;
    align-items: center;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all 0.2s ease-in-out;
    background: rgba(69, 119, 231, 0.9);
    text-align: center; }
    .actioncard .seeresult i {
      font-style: normal;
      text-transform: uppercase;
      border: 1px solid #ffffff;
      max-width: 85%;
      padding: 1rem 2rem;
      margin: 0 auto;
      display: inline-block; }
      .actioncard .seeresult i:hover {
        color: #4577e7;
        background: #ffffff; }
    .actioncard .seeresult.energy {
      background: rgba(242, 116, 74, 0.9); }
      .actioncard .seeresult.energy i:hover {
        color: #d15830; }
    .actioncard .seeresult.urban {
      background: rgba(157, 203, 65, 0.9); }
      .actioncard .seeresult.urban i:hover {
        color: #6a980e; }
    .actioncard .seeresult.mobility {
      background: rgba(236, 74, 106, 0.9); }
      .actioncard .seeresult.mobility i:hover {
        color: #c8314f; }
    .actioncard .seeresult.water {
      background: rgba(61, 174, 227, 0.9); }
      .actioncard .seeresult.water i:hover {
        color: #1986b9; }
    .actioncard .seeresult.waste {
      background: rgba(118, 102, 172, 0.9); }
      .actioncard .seeresult.waste i:hover {
        color: #5b4992; }
    .actioncard .seeresult.general {
      background: rgba(75, 207, 217, 0.9); }
      .actioncard .seeresult.general i:hover {
        color: #31bbc5; }
  .actioncard:hover {
    box-shadow: 0 10px 25px rgba(125, 125, 125, 0.2); }
    .actioncard:hover span.arrow {
      color: #4577e7;
      font-size: 1.8rem;
      animation: move 1s linear infinite; }
    .actioncard:hover .seeresult {
      top: 0; }

@keyframes move {
  0% {
    margin-left: 0; }
  50% {
    margin-left: 10px; }
  100% {
    margin-left: 0; } }
.testislider {
  margin-bottom: 7rem; }
  .testislider .item {
    padding: 15px; }
  .testislider .testcard {
    width: 100%;
    box-shadow: 0 0 15px rgba(1, 1, 1, 0.2);
    display: flex;
    font-size: 0;
    height: 235px;
    overflow: hidden;
    background: #ffffff; }
    @media screen and (max-width: 480px) {
      .testislider .testcard {
        display: block;
        height: auto; } }
    .testislider .testcard .testiavtar {
      display: inline-block;
      width: 190px;
      height: 100%;
      position: relative; }
      @media screen and (max-width: 480px) {
        .testislider .testcard .testiavtar {
          display: block;
          width: 100%;
          height: auto;
          text-align: center;
          padding: 2rem 0 0; } }
      .testislider .testcard .testiavtar img {
        object-fit: cover; }
        @media screen and (max-width: 480px) {
          .testislider .testcard .testiavtar img {
            display: inline-block;
            width: 150px;
            height: 150px;
            border-radius: 50%; } }
      .testislider .testcard .testiavtar:after {
        position: absolute;
        right: -13%;
        top: -10%;
        height: 120%;
        width: 60px;
        content: "";
        transform: rotate(12deg);
        background: #ffffff; }
        @media screen and (max-width: 480px) {
          .testislider .testcard .testiavtar:after {
            display: none; } }
    .testislider .testcard .test-content {
      display: inline-block;
      width: calc(100% - 190px);
      height: 100%;
      position: relative; }
      @media screen and (max-width: 480px) {
        .testislider .testcard .test-content {
          display: block;
          width: 100%;
          padding-bottom: 8rem; } }
      .testislider .testcard .test-content p {
        font-size: 1.5rem;
        font-style: italic;
        padding: 20px 15px 0 0; }
        @media screen and (max-width: 480px) {
          .testislider .testcard .test-content p {
            padding: 15px; } }
        .testislider .testcard .test-content p.postby {
          padding: 0 3.5rem 15px 0;
          width: 100%;
          position: absolute;
          left: 0;
          bottom: 0;
          font-style: normal;
          background: url("../images/test-icon.png") 97% 10px no-repeat;
          font-size: 12px; }
          @media screen and (max-width: 480px) {
            .testislider .testcard .test-content p.postby {
              width: calc(100% - 30px);
              left: 15px; } }
          .testislider .testcard .test-content p.postby strong {
            display: block;
            font-size: 13px;
            text-transform: uppercase; }

footer {
  border-top: 1px solid #cccccc;
  background: #ffffff;
  margin-top: 7rem; }
  footer ul {
    margin: 2rem 0;
    font-size: 0; }
    footer ul li {
      display: inline-block;
      width: calc(100% / 4);
      text-align: center;
      min-height: 90px;
      padding: 10px 15px; }
      @media screen and (max-width: 767px) {
        footer ul li {
          width: calc(100% / 3); } }
      @media screen and (max-width: 480px) {
        footer ul li {
          width: calc(100% / 2); } }
      footer ul li:last-child {
        min-height: 50px; }
        @media screen and (max-width: 480px) {
          footer ul li:last-child {
            margin-left: 25%; } }
  footer .copyright {
    padding: 2rem;
    font-size: 1.3rem;
    border-top: 1px solid #cccccc; }
    footer .copyright a {
      color: #085af2; }
    @media screen and (max-width: 480px) {
      footer .copyright {
        text-align: center; } }
  footer .social-icons {
    text-align: right; }
    footer .social-icons a {
      font-size: 2rem;
      margin-left: 1rem; }
    @media screen and (max-width: 480px) {
      footer .social-icons {
        text-align: center;
        margin-top: 1rem; } }

.videotext {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
  text-align: center; }
  @media screen and (max-width: 480px) {
    .videotext {
      width: 90%;
      margin-left: 5%; } }
  .videotext h3 {
    color: #ffffff;
    font-size: 4rem;
    text-transform: uppercase; }
    @media screen and (max-width: 1399px) {
      .videotext h3 {
        font-size: 3.2rem; } }
    @media screen and (max-width: 480px) {
      .videotext h3 {
        font-size: 2.4rem; } }
  .videotext p {
    margin: 3rem 0; }
  .videotext a {
    font-size: 10rem;
    color: #ffffff;
    line-height: 1; }
    @media screen and (max-width: 480px) {
      .videotext a {
        font-size: 8rem; } }

.overlay {
  background: #000000;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
  opacity: 0.6;
  display: none; }

.sidebar {
  position: fixed;
  height: 100%;
  width: 35rem;
  background-color: #4577e7;
  top: 0;
  right: -35rem;
  z-index: 3;
  padding-left: 3rem;
  padding-bottom: 3rem;
  transition: all 0.3s ease-in-out; }
  .sidebar.open {
    right: 0; }
  @media screen and (max-width: 1600px) {
    .sidebar {
      width: 30rem; } }
  .sidebar_header {
    text-align: right;
    margin-bottom: 0rem;
    padding: 2rem 3rem 0 0; }
    .sidebar_header--closebtn {
      background: transparent;
      border: 0;
      outline: 0 !important; }
      .sidebar_header--closebtn i {
        color: #ffffff;
        font-size: 1.8rem; }
  .sidebar_list {
    padding-right: 3rem; }
    .sidebar_list > ul > li {
      margin-bottom: 0; }
      .sidebar_list > ul > li > a {
        color: #ffffff;
        text-transform: capitalize;
        display: block;
        padding: 1rem;
        font-size: 2rem; }
        @media screen and (max-width: 1600px) {
          .sidebar_list > ul > li > a {
            font-size: 1.8rem; } }
        .sidebar_list > ul > li > a.active, .sidebar_list > ul > li > a:hover {
          background: #3d6ad6; }
    .sidebar_list .submenu > li {
      margin-bottom: 0; }
      .sidebar_list .submenu > li > a {
        color: #ffffff;
        font-size: 1.8rem;
        display: block;
        line-height: 3.2rem;
        font-weight: 300;
        padding-left: 1.5rem;
        text-transform: capitalize; }
        @media screen and (max-width: 1600px) {
          .sidebar_list .submenu > li > a {
            font-size: 1.4rem; } }
        .sidebar_list .submenu > li > a.active, .sidebar_list .submenu > li > a:hover {
          background: #3d6ad6; }
    .sidebar_list .social-icons {
      padding: 1rem; }
      .sidebar_list .social-icons a {
        margin-right: 1rem;
        font-size: 2rem;
        color: #ffffff; }

.popup_box {
  background: #000000;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 89rem;
  width: 100%;
  height: 50.4rem;
  z-index: 4;
  border: solid 2px #565656;
  display: none; }
  @media screen and (max-width: 991px) {
    .popup_box {
      max-width: 70rem;
      height: 39.4rem; } }
  @media screen and (max-width: 991px) {
    .popup_box {
      max-width: 39rem;
      height: 22.4rem; } }
  .popup_box_header {
    position: relative; }
    .popup_box_header--closebtn {
      position: absolute;
      top: -36px;
      right: 0;
      border: 0;
      background: transparent;
      padding: 1rem;
      outline: 0 !important;
      cursor: pointer; }
      .popup_box_header--closebtn i {
        color: #ffffff;
        font-size: 1.8rem; }
  .popup_box .popup-content iframe {
    width: 100%;
    height: 50rem; }
    @media screen and (max-width: 991px) {
      .popup_box .popup-content iframe {
        height: 39rem; } }
    @media screen and (max-width: 991px) {
      .popup_box .popup-content iframe {
        height: 22rem; } }

.inner_content h2 {
  background: none;
  padding: 0;
  font-size: 2.8rem;
  text-align: left;
  margin: 0 0 2rem;
  text-transform: none; }
  @media screen and (max-width: 991px) {
    .inner_content h2 {
      font-size: 2.4rem; } }
  @media screen and (max-width: 767px) {
    .inner_content h2 {
      font-size: 2rem; } }
.inner_content p {
  font-size: 1.6rem;
  margin-bottom: 2.5rem;
  text-align: justify; }
.inner_content ul {
  list-style: disc;
  margin-left: 2.5rem; }
  .inner_content ul.number {
    list-style: decimal; }
  .inner_content ul.roman {
    list-style: lower-roman; }
.inner_content_cat {
  width: calc(100% / 5);
  padding: 2rem 1.5rem 5rem; }
  @media screen and (max-width: 767px) {
    .inner_content_cat {
      width: calc(100% / 2);
      padding-top: 0; } }
  .inner_content_cat h5 {
    font-size: 1.8rem;
    margin-top: 1.5rem;
    line-height: 2.5rem; }
  .inner_content_cat figure {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    display: inline-block;
    padding: 2rem;
    vertical-align: middle;
    text-align: center; }
    .inner_content_cat figure img {
      max-width: 100%;
      max-height: 100%; }
    .inner_content_cat figure.energy {
      background: #f2744a; }
    .inner_content_cat figure.urban {
      background: #9dcb41; }
    .inner_content_cat figure.mobility {
      background: #ec4a6a; }
    .inner_content_cat figure.water {
      background: #3daee3; }
    .inner_content_cat figure.waste {
      background: #7666ac; }

.overview {
  background: url("../images/overview_bg.jpg") bottom center no-repeat;
  background-size: cover;
  min-height: 80rem;
  padding-top: 25rem; }
  @media screen and (max-width: 767px) {
    .overview {
      min-height: 100rem;
      padding-top: 15rem; } }
  .overview_chart_circle {
    width: 19rem;
    height: 19rem;
    background-color: #ffffff;
    border-radius: 50%;
    margin: 0 auto 2.5rem;
    text-align: center;
    position: relative;
    box-shadow: 0px 0px 2rem 0px #0000006b; }
    .overview_chart_circle:before {
      position: absolute;
      content: "";
      width: 118%;
      height: 118%;
      top: -1.7rem;
      right: -1.7rem;
      border: dashed 2px #ffffff;
      border-radius: 50%; }
    .overview_chart_circle h4 {
      font-size: 5.5rem;
      color: #000000;
      padding-top: 4rem;
      font-weight: bolder; }
    .overview_chart_circle h6 {
      font-size: 2.8rem;
      color: #000000;
      font-weight: 400;
      text-transform: uppercase; }
  .overview_chart_desc {
    font-size: 2.5rem;
    text-align: center;
    color: #ffffff; }

@media screen and (max-width: 767px) {
  .mtover {
    margin-top: 50px; } }

.faqs {
  text-align: center; }
  .faqs .card-content p {
    text-align: center; }
  .faqs .card-content span.arrow {
    left: 47%; }
  .faqs .card-content figure {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    display: inline-block;
    padding: 2rem;
    vertical-align: middle;
    text-align: center;
    margin-bottom: 3rem; }
    .faqs .card-content figure::after {
      display: none; }
    .faqs .card-content figure span {
      color: #ffffff;
      font-size: 5rem; }
    .faqs .card-content figure img {
      max-width: 100%;
      max-height: 100%; }
    .faqs .card-content figure.genral {
      background: #4dd0d8;
      padding: 2.5rem; }
    .faqs .card-content figure.default {
      background: #4577e7;
      padding: 1.5rem 0; }
      .faqs .card-content figure.default span {
        left: 2.5rem; }
    .faqs .card-content figure.energy {
      background: #f2744a; }
    .faqs .card-content figure.urban {
      background: #9dcb41; }
    .faqs .card-content figure.mobility {
      background: #ec4a6a; }
    .faqs .card-content figure.water {
      background: #3daee3; }
    .faqs .card-content figure.waste {
      background: #7666ac; }
    .faqs .card-content figure.icons {
      width: 25rem;
      height: auto; }

.accordion > .card {
  border: none;
  margin-bottom: 1rem; }
  .accordion > .card .card-header {
    background: #ffffff;
    border-radius: 0 !important;
    border: none;
    margin: 0;
    padding: 0; }
    .accordion > .card .card-header a {
      display: inline-block;
      width: 100%;
      min-height: 7rem;
      position: relative; }
      .accordion > .card .card-header a span {
        font-size: 4.5rem;
        min-height: 100%;
        width: 7rem;
        min-width: 7rem;
        position: relative;
        text-align: center;
        color: #ffffff; }
        .accordion > .card .card-header a span.energy {
          background: #f2744a; }
        .accordion > .card .card-header a span.urban {
          background: #9dcb41; }
        .accordion > .card .card-header a span.mobility {
          background: #ec4a6a; }
        .accordion > .card .card-header a span.water {
          background: #3daee3; }
        .accordion > .card .card-header a span.waste {
          background: #7666ac; }
        .accordion > .card .card-header a span.general {
          background: #4bcfd9;
          font-size: 2.4rem;
          padding: 1.8rem 0; }
        .accordion > .card .card-header a span.default {
          background: #4577e7;
          font-size: 2rem;
          padding: 1.8rem 0; }
        .accordion > .card .card-header a span i {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%); }
        .accordion > .card .card-header a span.arrow {
          font-size: 3rem;
          background: none;
          color: #cccccc; }
      .accordion > .card .card-header a h4 {
        color: #606060;
        padding: 0 1.5rem;
        font-weight: 400;
        font-size: 1.6rem; }
      .accordion > .card .card-header a .minus {
        display: inline-block; }
      .accordion > .card .card-header a .plus {
        display: none; }
      .accordion > .card .card-header a.collapsed .minus {
        display: none; }
      .accordion > .card .card-header a.collapsed .plus {
        display: inline-block; }
  .accordion > .card .card-body {
    border: 1px solid #ffffff;
    border-top: none;
    background: #dddddd;
    padding: 2rem; }
    .accordion > .card .card-body h3 {
      margin: 2rem 0;
      color: #606060;
      font-weight: 500; }
      .accordion > .card .card-body h3:first-child {
        margin: 0; }
    .accordion > .card .card-body p {
      margin-top: 2rem;
      color: #606060; }
      .accordion > .card .card-body p a {
        color: #4577e7; }
    .accordion > .card .card-body ul {
      margin-top: 1.5rem;
      list-style-type: disc; }
      .accordion > .card .card-body ul li {
        margin-left: 2rem;
        position: relative;
        margin-bottom: 0.5rem; }
        .accordion > .card .card-body ul li:last-child {
          margin-bottom: 0; }

.national-page p, .national-page ul li {
  font-size: 1.6rem; }

.scrollable-table {
  width: 100%;
  margin-bottom: 2rem; }
  @media screen and (max-width: 767px) {
    .scrollable-table {
      overflow: scroll; } }
  .scrollable-table table {
    width: 100%;
    min-width: 70rem;
    border-collapse: collapse;
    margin-top: 2rem; }
    .scrollable-table table th {
      background: #ffffff;
      padding: 0.5rem;
      border: 1px solid #cccccc; }
    .scrollable-table table td {
      padding: 0.5rem;
      border: 1px solid #cccccc;
      background: #e6e6e6; }

.videoplay {
margin: 0 auto;
    width: 100%;
    max-width: 145rem;
    height: 40rem;
    margin-top: 3rem;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); }
  @media screen and (max-width: 767px) {
    .videoplay {
      height: 30rem; } }
  .videoplay iframe {
    width: 100%;
    height: 40rem; }
    @media screen and (max-width: 767px) {
      .videoplay iframe {
        height: 30rem; } }

.casestudy {
  background: #ffffff; }
  .casestudy h3 {
    background: #cccccc;
    padding: 1.5rem;
    color: #606060;
    font-size: 1.8rem; }
  .casestudy ul {
    padding: 1rem; }
    .casestudy ul li {
      display: block;
      padding: 1.5rem 1rem;
      border-bottom: dashed 1px #d9d9d9; }
      .casestudy ul li:last-child {
        border: none; }
      .casestudy ul li a {
        padding-left: 5rem;
        min-height: 40px;
        display: block;
        color: #606060;
        position: relative; }
    .casestudy ul.energy li a {
      background: url("../images/pdf-icon-energy.png") top left no-repeat; }
    .casestudy ul.energy li a:hover {
      color: #f2744a; }
    .casestudy ul.urban li a {
      background: url("../images/pdf-icon-urban.png") top left no-repeat; }
    .casestudy ul.urban li a:hover {
      color: #9dcb41; }
    .casestudy ul.mobility li a {
      background: url("../images/pdf-icon-mobility.png") top left no-repeat; }
    .casestudy ul.mobility li a:hover {
      color: #ec4a6a; }
    .casestudy ul.water li a {
      background: url("../images/pdf-icon-water.png") top left no-repeat; }
    .casestudy ul.water li a:hover {
      color: #3daee3; }
    .casestudy ul.waste li a {
      background: url("../images/pdf-icon-waste.png") top left no-repeat; }
    .casestudy ul.waste li a:hover {
      color: #7666ac; }
    .casestudy ul.general li a {
      background: url("../images/pdf-icon-general.png") top left no-repeat; }
    .casestudy ul.general li a:hover {
      color: #4bcfd9; }

.tabaccord {
  font-size: 0;
  position: relative; }
  .tabaccord .nav-tabs {
    display: none; }
  .tabaccord .tab-content {
    font-size: 1.4rem;
    display: inline-block;
    width: calc(100% - 270px);
    vertical-align: top;
    margin-left: 270px; }
    @media screen and (max-width: 767px) {
      .tabaccord .tab-content {
        margin-left: 0px;
        width: 100%; } }
    .tabaccord .tab-content p {
      font-size: 1.6rem;
      margin-bottom: 1.5rem; }
      .tabaccord .tab-content p.abbr {
        font-size: 1.1rem;
        text-align: left;
        border-top: 1px solid #cccccc;
        padding-top: 1rem;
        margin-bottom: 0; }
        .tabaccord .tab-content p.abbr sup {
          font-weight: 700; }
        .tabaccord .tab-content p.abbr a {
          color: #454545; }
          .tabaccord .tab-content p.abbr a:hover {
            color: #4577e7; }
    .tabaccord .tab-content .card {
      margin-bottom: 1rem; }
      .tabaccord .tab-content .card .card-header {
        background: #ffffff;
        border: none;
        padding: 0; }
        .tabaccord .tab-content .card .card-header h5 {
          padding: 0.75rem 1.25rem; }
        .tabaccord .tab-content .card .card-header a {
          display: block;
          font-size: 1.6rem;
          color: #454545;
          padding: 1rem 5rem 1rem 1rem;
          position: relative; }
          .tabaccord .tab-content .card .card-header a span {
            font-size: 3rem;
            position: absolute;
            top: 50%;
            margin-top: -12px;
            right: 0; }
          .tabaccord .tab-content .card .card-header a .minus {
            display: inline-block; }
          .tabaccord .tab-content .card .card-header a .plus {
            display: none; }
          .tabaccord .tab-content .card .card-header a.collapsed .minus {
            display: none; }
          .tabaccord .tab-content .card .card-header a.collapsed .plus {
            display: inline-block; }
          .tabaccord .tab-content .card .card-header a.tabiconaccord {
            display: flex;
            padding: 0;
            align-items: center; }
            .tabaccord .tab-content .card .card-header a.tabiconaccord span {
              right: 1rem; }
              .tabaccord .tab-content .card .card-header a.tabiconaccord span.accordicon {
                padding: 0 1rem;
                font-size: 5rem;
                color: #ffffff;
                position: relative;
                top: 0;
                left: 0;
                margin: 0 1rem 0 0;
                width: 7rem; }
                .tabaccord .tab-content .card .card-header a.tabiconaccord span.accordicon.energy {
                  background: #f2744a; }
                .tabaccord .tab-content .card .card-header a.tabiconaccord span.accordicon.urban {
                  background: #9dcb41; }
                .tabaccord .tab-content .card .card-header a.tabiconaccord span.accordicon.mobility {
                  background: #ec4a6a; }
                .tabaccord .tab-content .card .card-header a.tabiconaccord span.accordicon.water {
                  background: #3daee3; }
                .tabaccord .tab-content .card .card-header a.tabiconaccord span.accordicon.waste {
                  background: #7666ac; }
                .tabaccord .tab-content .card .card-header a.tabiconaccord span.accordicon.general {
                  background: #4bcfd9; }
      .tabaccord .tab-content .card .card-body {
        background: #ffffff;
        padding: 2rem;
        min-height: 50rem; }
        .tabaccord .tab-content .card .card-body p img {
          max-width: 80%; }
          @media screen and (max-width: 480px) {
            .tabaccord .tab-content .card .card-body p img {
              max-width: 90%; } }
        @media screen and (max-width: 767px) {
          .tabaccord .tab-content .card .card-body {
            border-top: 1px solid #dddddd;
            min-height: auto;
            padding: 1rem; } }
        .tabaccord .tab-content .card .card-body ul {
          margin-bottom: 1.5rem;
          list-style: disc; }
          .tabaccord .tab-content .card .card-body ul.number {
            list-style: decimal; }
          .tabaccord .tab-content .card .card-body ul.roman {
            list-style: lower-roman; }
          .tabaccord .tab-content .card .card-body ul li {
            margin-left: 2rem;
            font-size: 1.6rem;
            position: relative;
            margin-bottom: 0.5rem; }
            .tabaccord .tab-content .card .card-body ul li:last-child {
              margin-bottom: 0; }

@media (min-width: 768px) {
  .tabaccord .nav-tabs {
    display: inline-block;
    width: 270px;
    font-size: 1.5rem;
    vertical-align: top;
    z-index: 2;
    border: none;
    list-style: none;
    margin-left: 0; }
    .tabaccord .nav-tabs li a {
      padding: 2rem; }
    .tabaccord .nav-tabs .nav-link {
      color: #606060;
      border: none; }
      .tabaccord .nav-tabs .nav-link:hover {
        border: none; }
      .tabaccord .nav-tabs .nav-link.energy:hover {
        color: #d15830; }
      .tabaccord .nav-tabs .nav-link.urban:hover {
        color: #6a980e; }
      .tabaccord .nav-tabs .nav-link.mobility:hover {
        color: #c8314f; }
      .tabaccord .nav-tabs .nav-link.water:hover {
        color: #1986b9; }
      .tabaccord .nav-tabs .nav-link.waste:hover {
        color: #5b4992; }
      .tabaccord .nav-tabs .nav-link.general:hover {
        color: #31bbc5; }
      .tabaccord .nav-tabs .nav-link.iconstab {
        padding: 0 1rem 0 0;
        display: flex;
        align-items: center;
        margin-bottom: 1rem; }
        .tabaccord .nav-tabs .nav-link.iconstab span {
          width: 5rem;
          min-width: 5rem;
          margin-right: 1rem;
          padding: 1rem;
          font-size: 3rem; }
          .tabaccord .nav-tabs .nav-link.iconstab span i {
            color: #454545; }
      .tabaccord .nav-tabs .nav-link.active, .tabaccord .nav-tabs .nav-link.show .nav-link {
        background: #ffffff;
        border: none;
        color: #4577e7; }
        .tabaccord .nav-tabs .nav-link.active.energy, .tabaccord .nav-tabs .nav-link.show .nav-link.energy {
          color: #d15830; }
          .tabaccord .nav-tabs .nav-link.active.energy span, .tabaccord .nav-tabs .nav-link.show .nav-link.energy span {
            background: #f2744a; }
        .tabaccord .nav-tabs .nav-link.active.urban, .tabaccord .nav-tabs .nav-link.show .nav-link.urban {
          color: #6a980e; }
          .tabaccord .nav-tabs .nav-link.active.urban span, .tabaccord .nav-tabs .nav-link.show .nav-link.urban span {
            background: #9dcb41; }
        .tabaccord .nav-tabs .nav-link.active.mobility, .tabaccord .nav-tabs .nav-link.show .nav-link.mobility {
          color: #c8314f; }
          .tabaccord .nav-tabs .nav-link.active.mobility span, .tabaccord .nav-tabs .nav-link.show .nav-link.mobility span {
            background: #ec4a6a; }
        .tabaccord .nav-tabs .nav-link.active.water, .tabaccord .nav-tabs .nav-link.show .nav-link.water {
          color: #1986b9; }
          .tabaccord .nav-tabs .nav-link.active.water span, .tabaccord .nav-tabs .nav-link.show .nav-link.water span {
            background: #3daee3; }
        .tabaccord .nav-tabs .nav-link.active.waste, .tabaccord .nav-tabs .nav-link.show .nav-link.waste {
          color: #5b4992; }
          .tabaccord .nav-tabs .nav-link.active.waste span, .tabaccord .nav-tabs .nav-link.show .nav-link.waste span {
            background: #7666ac; }
        .tabaccord .nav-tabs .nav-link.active.general, .tabaccord .nav-tabs .nav-link.show .nav-link.general {
          color: #31bbc5; }
          .tabaccord .nav-tabs .nav-link.active.general span, .tabaccord .nav-tabs .nav-link.show .nav-link.general span {
            background: #4bcfd9; }
        .tabaccord .nav-tabs .nav-link.active span i, .tabaccord .nav-tabs .nav-link.show .nav-link span i {
          color: #ffffff; }

  .tabaccord .card {
    border: none; }

  .tabaccord .card .card-header {
    display: none; }

  .tabaccord .card .collapse {
    display: block; } }
@media (max-width: 767px) {
  .tabaccord .tab-content .tab-pane {
    display: block !important;
    opacity: 1; } }
.success_subhead {
  background-color: #4577e7;
  margin: 1.5rem 0;
  color: #ffffff;
  padding: 0.8rem 1.2rem;
  font-size: 1.6rem;
  text-transform: uppercase; }

.contenttable {
  border-collapse: collapse;
  font-size: 1.4rem;
  width: 100%; }
  .contenttable tr th {
    background: #ffffff;
    border: 1px solid #cccccc;
    padding: 1rem;
    font-size: 1.6rem;
    font-weight: 500; }
  .contenttable tr td {
    border: 1px solid #cccccc;
    padding: 1rem;
    background: #f1f1f1; }
    .contenttable tr td.energy {
      background: #f2744a;
      color: #ffffff;
      padding-top: 2rem;
      padding-bottom: 2rem; }
    .contenttable tr td.urban {
      background: #9dcb41;
      color: #ffffff;
      padding-top: 2rem;
      padding-bottom: 2rem; }
    .contenttable tr td.mobility {
      background: #ec4a6a;
      color: #ffffff;
      padding-top: 2rem;
      padding-bottom: 2rem; }
    .contenttable tr td.water {
      background: #3daee3;
      color: #ffffff;
      padding-top: 3rem;
      padding-bottom: 3rem; }
    .contenttable tr td.waste {
      background: #7666ac;
      color: #ffffff;
      padding-top: 3rem;
      padding-bottom: 3rem; }
    .contenttable tr td a {
      color: #454545; }
      .contenttable tr td a:hover {
        color: #4577e7; }

.performers {
  width: 100%; }
  .performers_list {
    background: #ffffff;
    margin-bottom: 1rem;
    font-size: 0; }
    .performers_list div.icon {
      width: 7rem;
      height: 7rem;
      padding: 1rem;
      text-align: center;
      color: #ffffff;
      display: inline-block; }
      .performers_list div.icon.blue {
        font-size: 3.5rem;
        padding: 1.5rem;
        background: #4577e7; }
      .performers_list div.icon.energy {
        background: #f2744a; }
      .performers_list div.icon.urban {
        background: #9dcb41; }
      .performers_list div.icon.mobility {
        background: #ec4a6a; }
      .performers_list div.icon.water {
        background: #3daee3; }
      .performers_list div.icon.waste {
        background: #7666ac; }
    .performers_list div.text {
      width: calc(100% - 7rem);
      height: 7rem;
      font-size: 2.2rem;
      font-weight: 700;
      text-transform: uppercase;
      display: inline-block;
      vertical-align: top; }
      @media (max-width: 480px) {
        .performers_list div.text {
          font-size: 1.6rem; } }
      .performers_list div.text span {
        padding: 0 2rem;
        height: 7rem;
        display: table-cell;
        vertical-align: middle; }
        .performers_list div.text span.statename {
          width: 135px;
          position: relative; }
          @media (max-width: 480px) {
            .performers_list div.text span.statename {
              width: 90px; } }
          .performers_list div.text span.statename:after {
            content: '';
            position: absolute;
            right: 0;
            height: 4rem;
            top: 1.5rem;
            width: 1px;
            background: #cccccc; }
        .performers_list div.text span.catlist {
          font-size: 1.4rem;
          font-weight: 400;
          text-transform: none; }

.popup {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  background: #ffffff;
  display: none; }
  .popup a {
    position: fixed;
    top: 15px;
    right: 15px;
    width: 40px;
    height: 40px;
    background: #ffffff;
    color: #454545;
    z-index: 1;
    font-size: 3rem; }
  .popup.open {
    display: block; }

.knowledge a {
  padding: 4rem 1rem;
  display: block;
  text-align: center;
  height: 100%;
  color: #454545;
  border: 1px solid #cccccc;
  position: relative;
  overflow: hidden; }
  .knowledge a:hover {
    border: 1px solid #cccccc; }
  .knowledge a img {
    margin-bottom: 2rem; }
  .knowledge a h3 {
    font-size: 1.5rem;
    font-weight: 400; }
    @media (max-width: 480px) {
      .knowledge a h3 {
        font-size: 1.4rem; } }
  .knowledge a .seeresult {
    font-size: 1.4rem;
    color: #ffffff;
    padding: 1rem 1.5rem;
    text-align: center;
    z-index: 3;
    position: absolute;
    display: flex;
    align-items: center;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all 0.2s ease-in-out;
    background: rgba(69, 119, 231, 0.9);
    text-align: center; }
    .knowledge a .seeresult i {
      font-style: normal;
      text-transform: uppercase;
      border: 1px solid #ffffff;
      max-width: 95%;
      padding: 0.5rem 1rem;
      margin: 0 auto;
      display: inline-block; }
      .knowledge a .seeresult i:hover {
        color: #4577e7;
        background: #ffffff; }
    .knowledge a .seeresult.energy {
      background: rgba(242, 116, 74, 0.9); }
      .knowledge a .seeresult.energy i:hover {
        color: #d15830; }
    .knowledge a .seeresult.urban {
      background: rgba(157, 203, 65, 0.9); }
      .knowledge a .seeresult.urban i:hover {
        color: #6a980e; }
    .knowledge a .seeresult.mobility {
      background: rgba(236, 74, 106, 0.9); }
      .knowledge a .seeresult.mobility i:hover {
        color: #c8314f; }
    .knowledge a .seeresult.water {
      background: rgba(61, 174, 227, 0.9); }
      .knowledge a .seeresult.water i:hover {
        color: #1986b9; }
    .knowledge a .seeresult.waste {
      background: rgba(118, 102, 172, 0.9); }
      .knowledge a .seeresult.waste i:hover {
        color: #5b4992; }
    .knowledge a .seeresult.general {
      background: rgba(75, 207, 217, 0.9); }
      .knowledge a .seeresult.general i:hover {
        color: #31bbc5; }
  .knowledge a:hover .seeresult {
    top: 0; }

.accord {
  width: 100%; }
  .accord_item {
    border: 1px solid #cccccc;
    margin-bottom: 1rem; }
  .accord_header {
    background: #ffffff;
    display: flex;
    cursor: pointer; }
    .accord_header h4 {
      font-weight: 400;
      padding: 0.5rem 2rem;
      font-size: 1.6rem; }
      @media (max-width: 767px) {
        .accord_header h4 {
          padding: 0.5rem 1rem; } }
    .accord_header span {
      width: 7rem;
      min-width: 7rem;
      font-size: 4.5rem;
      padding: 0.5rem 0;
      text-align: center; }
      .accord_header span.energy {
        background: #f2744a; }
      .accord_header span.urban {
        background: #9dcb41; }
      .accord_header span.mobility {
        background: #ec4a6a; }
      .accord_header span.water {
        background: #3daee3; }
      .accord_header span.waste {
        background: #7666ac; }
      .accord_header span.arrow {
        width: 5rem;
        font-size: 2.5rem;
        padding: 1.5rem 0; }
        @media (max-width: 767px) {
          .accord_header span.arrow {
            min-width: 4rem; } }
        .accord_header span.arrow .minus {
          display: none; }
        .accord_header span.arrow .plus {
          display: inline-block; }
    .accord_header.active {
      border-bottom: 1px solid #cccccc; }
      .accord_header.active .arrow .minus {
        display: inline-block; }
      .accord_header.active .arrow .plus {
        display: none; }
  .accord_body {
    background: #ffffff;
    padding: 2rem;
    display: none; }
    @media screen and (max-width: 767px) {
      .accord_body {
        padding: 1rem; } }
    .accord_body.open {
      display: block; }

.nationalpage {
  background: linear-gradient(to bottom, #4777e6 0%, #3fb3ee 100%);
  background-size: cover;
  padding: 25rem 0; }
  @media screen and (max-width: 767px) {
    .nationalpage {
      padding: 15rem 0; } }

.logoslider.owl-carousel .owl-dots {
  bottom: -5rem; }

.owl-carousel .owl-nav {
  position: absolute;
  bottom: 50%;
  text-align: center;
  margin-bottom: -21px;
  z-index: 2;
  width: 100%;
  color: #ffffff; }
  .owl-carousel .owl-nav button.owl-prev {
    font-size: 3rem;
    position: relative;
    left: -50px;
    float: left;
    transform: rotate(-180deg); }
    @media screen and (max-width: 1199px) {
      .owl-carousel .owl-nav button.owl-prev {
        left: -40px; } }
  .owl-carousel .owl-nav button.owl-next {
    font-size: 3rem;
    position: relative;
    right: -50px;
    float: right; }
    @media screen and (max-width: 1199px) {
      .owl-carousel .owl-nav button.owl-next {
        right: -40px; } }

.bgwhite .cornor-bottom:after {
  background: #ffffff; }
.bgwhite .cornor-top:after {
  background: #ffffff; }

p.coming {
  font-size: 90px;
  color: #333;
  text-transform: uppercase;
  font-family: 'Roboto Condensed', sans-serif;
  letter-spacing: 1px;
  word-spacing: 5px;
  font-weight: 300;
  margin: 10%; }

img.img-fluid.wri-logo {
    width: 68%;
}

img.img-fluid.niua-logo {
    width: 58%;
}

/*# sourceMappingURL=main.css.map */
footer .img-fluid {
  max-height: 100px;
}
.custom-tabs-box .horizontal-tab .nav-link {
  border: 0px;
  padding: 8px 16px;
}
.custom-tabs-box .horizontal-tab .nav-link.active {
  background: #007bff;
  padding: 8px 16px;
  color: #fff;
}
.custom-tabs-box .horizontal-tab .nav-item {
  margin-bottom: 0px;
  width: 50%;
  text-align: center;
}
.custom-tabs-box .horizontal-tab-content {
  border: 1px solid #fff;
  padding: 15px 0px;
  border-top: 0px;
}
.custom-tabs-box .horizontal-tab {
  background: #FFFFFF;
}
.card-content p {
  margin-bottom: 15px;
}
.inner-custom-tabs-box .horizontal-tab .nav-link {
  border: 0px;
  padding: 8px 16px;
}
.inner-custom-tabs-box .horizontal-tab .nav-link.active {
  background: #007bff;
  padding: 8px 16px;
  color: #fff;
}
.inner-custom-tabs-box .horizontal-tab, .inner-custom-tabs-box{
  width: 100%;
}
.inner-custom-tabs-box .horizontal-tab .nav-item{
  display: inline-block;
  margin-bottom: 0px;
  width: 46%;
  text-align: center;
  border: 1px solid #ddd;
}
.inner-custom-tabs-box .tab-content {
  margin-left: 0px;
  border: 1px solid #fff;
  padding: 15px 0px;
  border-top: 0px;
}
.accord_item .indicator-label {
  font-size: 17px;
  color: #fff;
  min-width: 100px;
  padding-left: 10px;
}
.accord_body .down-btn {
  font-size: 14px;
  width: 100%;
}
.actioncard .seeresult.document, .faqs .card-content figure.document {
background: rgba(69, 119, 231, 0.9);
}
.videoplaylist iframe{
  width: 100%;
  height: 300px;
}
section.general-faq-video {
  background: url("../images/video-bg.jpg") bottom center no-repeat;
  background-size: cover;
  min-height: 1080px;
}
section.general-faq-video .container {
  margin-top: 135px;
  text-align: center;
}
section.general-faq-video h3 {
  color: #FFFFFF;
  font-size: 30px;
  margin-top: 10px;
}
.swachh-bharat img {
  width: 145px;
}
.contact-us-div {
  background: #FFFFFF;
  padding: 18px;
}
.contact-us-div span {
  font-weight: bold;
  font-size: 18px;
}
.tabaccord .nav-tabs .nav-link {
  background: #6BBAF4;
  color: #fff;
  border: 1px solid #FFFFFF;
}
.tabaccord .nav-tabs .nav-link:hover {
  border: 1px solid #FFFFFF;
}
.tabaccord .nav-tabs .nav-link.active, .tabaccord .nav-tabs .nav-link.show .nav-link {
  color: #555;
}
.tabaccord .inner-tabs .nav-link {
  background: unset;
  color: unset;
  border: 0px;
}
.tabaccord .inner-tabs .nav-link.active {
  color: #FFFFFF;
}
.tabaccord .inner-tabs .nav-link:hover {
  border: 0px !important;
}
.down-btn-box {
  padding: 0px;
}
.down-btn-box .down-btn {
  font-size: 14px;
  width: 100%;
}
.text-justify {
  text-align:justify !important;
}
.tool-box-heading {
  vertical-align: bottom;
  position: absolute;
  bottom: 0px;
  margin-bottom: 3rem !important;
  width: 100%;
  left: 0px;
}
.team-page-box {
  padding: 20px;
}
.team-page-box .actioncard {
  height: 310px !important;
}
.team-page-box .actioncard label {
  color: #666666;
}
.team-page-box .actioncard .card-content {
  padding: 0px !important;
}
.team-page-box .actioncard .card-content img {
  height: 250px;
  object-fit: cover;
  width: 100%;
}
.team-page-box .actioncard .seeresult {
  font-size: 1.5rem;
}
.team-detail-modal .modal-header, .team-detail-modal .modal-body {
  padding: 2rem;
}
.team-detail-modal .modal-body p {
  text-align: justify;
  margin-bottom: 20px;
}
.team-detail-modal .modal-header .modal-title {
  font-size: 16px;
}
.team-detail-modal .close {
  font-size: 22px;
}
.theme-expert-box {
  padding: 15px 0px !important;
}
.theme-expert-box figure {
  margin-bottom: 1rem !important;
}
.theme-expert-box .content-area {
  font-size: 16px;
}
.theme-expert-box figure {
  width: 85px !important;
  height: 85px !important;
}
.theme-expert-box .card-content h3 {
  font-size: 17px;
}