@font-face {
  font-family: "metropolis",sans-serif;
  src: url(../fonts/Metropolis-Thin.otf); }
.infrastructureSection {
  overflow-x: hidden;
  position: relative; }
  .infrastructureSection .InforHeroMain figure {
    position: relative; }
    .infrastructureSection .InforHeroMain figure .imagesanimation {
      position: absolute;
      width: 100%;
      opacity: 0;
      animation: change-img-anim 20s ease-in-out forwards;
      animation-iteration-count: 1; }
      .infrastructureSection .InforHeroMain figure .imagesanimation:nth-of-type(1) {
        animation-delay: 0s; }
      .infrastructureSection .InforHeroMain figure .imagesanimation:nth-of-type(2) {
        animation-delay: 2s; }
@keyframes change-img-anim {
  0% {
    opacity: 1; }
  100% {
    opacity: 1; } }
  .infrastructureSection .InforHeroMain .heroText {
    position: absolute;
    top: 50%;
    right: 0%;
    transform: translate(-50%, -50%); }
    .infrastructureSection .InforHeroMain .heroText h1 {
      color: #fff;
      font-size: 40px; }
    .infrastructureSection .InforHeroMain .heroText h2 {
      color: #fff;
      font-size: 32px;
      font-weight: 300; }
    .infrastructureSection .InforHeroMain .heroText .top-line {
      margin-bottom: 50px; }
      .infrastructureSection .InforHeroMain .heroText .top-line .vertical-line-left {
        background: #fff;
        height: 2px;
        border-radius: 1px;
        margin-right: auto;
        text-align: left;
        width: 10px; }
        .infrastructureSection .InforHeroMain .heroText .top-line .vertical-line-left span {
          width: 30px;
          height: 30px;
          display: inline-block;
          border: 2px solid #fff;
          border-radius: 50%;
          margin: -8px -9px 8px -8px; }
      .infrastructureSection .InforHeroMain .heroText .top-line [data-aos="lineExamplkichenleft"].aos-animate {
        animation: infraheroanimation 4s forwards;
        animation-delay: 3s; }
@keyframes infraheroanimation {
  0% {
    width: 10px; }
  100% {
    width: 157px; } }
    .infrastructureSection .InforHeroMain .heroText .bottom-line {
      margin-top: 40px; }
      .infrastructureSection .InforHeroMain .heroText .bottom-line .vertical-line {
        background: #fff;
        height: 2px;
        border-radius: 1px;
        margin-left: auto;
        text-align: right;
        width: 10px; }
        .infrastructureSection .InforHeroMain .heroText .bottom-line .vertical-line span {
          width: 30px;
          height: 30px;
          display: inline-block;
          border: 2px solid #fff;
          border-radius: 50%;
          margin: -8px -9px 8px 0px; }
      .infrastructureSection .InforHeroMain .heroText .bottom-line [data-aos="lineExamplkichen"].aos-animate {
        animation: infraheroAnimation 4s forwards;
        animation-delay: 3s; }
@keyframes infraheroAnimation {
  0% {
    width: 10px; }
  100% {
    width: 372px; } }
.abhiyanOfficeSection {
  background: url(../images/common-bg.jpg);
  background-size: cover !important;
  background-repeat: no-repeat !important;
  padding: 150px 0 0;
  overflow-x: hidden;
  margin-top: -100px;
  position: relative; }
  .abhiyanOfficeSection .topText {
    position: relative; }
    .abhiyanOfficeSection .topText .rihgtLine {
      margin-bottom: 60px;
      padding-right: 10%; }
      .abhiyanOfficeSection .topText .rihgtLine .vertical-line {
        background: #fff;
        height: 2px;
        border-radius: 1px;
        margin-left: auto;
        text-align: right;
        width: 10px; }
        .abhiyanOfficeSection .topText .rihgtLine .vertical-line span {
          width: 30px;
          height: 30px;
          display: inline-block;
          border: 2px solid #fff;
          border-radius: 50%;
          margin: -14px -12px 8px 0px; }
      .abhiyanOfficeSection .topText .rihgtLine [data-aos="lineExamplkichen"].aos-animate {
        animation: infraLine 4s forwards; }
@keyframes infraLine {
  0% {
    width: 10px; }
  100% {
    width: 100px; } }
    .abhiyanOfficeSection .topText .midText {
      padding: 20px;
      width: 50%;
      margin: 0 auto -2px;
      border-radius: 20px 20px 0 0;
      background: linear-gradient(180deg, #264b53 0%, #2f4e47 100%);
      text-align: center; }
      .abhiyanOfficeSection .topText .midText p {
        font-size: 18px;
        color: #fff;
        font-style: italic;
        margin-bottom: 0; }
    .abhiyanOfficeSection .topText .left-line {
      position: absolute;
      left: 5%;
      bottom: 20%; }
      .abhiyanOfficeSection .topText .left-line .vertical-line-left {
        background: #fff;
        height: 2px;
        border-radius: 1px;
        margin-right: auto;
        text-align: left;
        width: 10px; }
        .abhiyanOfficeSection .topText .left-line .vertical-line-left span {
          width: 30px;
          height: 30px;
          display: inline-block;
          border: 2px solid #fff;
          border-radius: 50%;
          margin: -14px -9px 8px -12px; }
      .abhiyanOfficeSection .topText .left-line [data-aos="lineExamplkichenleft"].aos-animate {
        animation: infraleftline 4s forwards; }
@keyframes infraleftline {
  0% {
    width: 10px; }
  100% {
    width: 100px; } }
  .abhiyanOfficeSection .bottom-img {
    position: relative; }

.infraBottomSection {
  background: url(../images/common-bg.jpg);
  background-size: cover !important;
  background-repeat: no-repeat !important;
  padding: 150px 0 0;
  overflow-x: hidden; }
  .infraBottomSection .infraTopLeft {
    position: relative;
    margin-top: 50px; }
    .infraBottomSection .infraTopLeft .infraline {
      height: 200px;
      position: relative; }
      .infraBottomSection .infraTopLeft .infraline .lineOne {
        position: absolute;
        top: 0;
        right: 0; }
      .infraBottomSection .infraTopLeft .infraline .linetwo {
        position: absolute;
        top: 15px;
        right: 0px;
        width: 212px; }
      .infraBottomSection .infraTopLeft .infraline .lineThree {
        position: absolute;
        right: 0;
        bottom: 10px; }
      .infraBottomSection .infraTopLeft .infraline .linefour {
        position: absolute;
        right: 0;
        bottom: 10px; }
    .infraBottomSection .infraTopLeft .left-line-animation {
      position: absolute;
      left: 10%;
      top: 10%; }
      .infraBottomSection .infraTopLeft .left-line-animation .vertical-line-left {
        background: #fff;
        height: 2px;
        border-radius: 1px;
        margin-right: auto;
        text-align: left;
        width: 10px; }
        .infraBottomSection .infraTopLeft .left-line-animation .vertical-line-left span {
          width: 30px;
          height: 30px;
          display: inline-block;
          border: 2px solid #fff;
          border-radius: 50%;
          margin: -14px -9px 8px -12px; }
      .infraBottomSection .infraTopLeft .left-line-animation [data-aos="lineExamplkichenleft"].aos-animate {
        animation: infralefttop 4s forwards; }
@keyframes infralefttop {
  0% {
    width: 10px; }
  100% {
    width: 65px; } }
    .infraBottomSection .infraTopLeft figure img {
      border-radius: 20px; }
  .infraBottomSection .infraTopRight figure img {
    border-radius: 20px; }
  .infraBottomSection .infraTopRight .text {
    padding-top: 80px;
    width: 90%;
    text-align: right;
    margin-left: auto;
    margin-right: 20px; }
    .infraBottomSection .infraTopRight .text p {
      font-size: 18px;
      color: #fff; }
  .infraBottomSection .infraTopRight .right-line {
    margin: 80px 50px 0 0px; }
    .infraBottomSection .infraTopRight .right-line .vertical-line {
      background: #fff;
      height: 2px;
      border-radius: 1px;
      margin-left: auto;
      text-align: right;
      width: 10px; }
      .infraBottomSection .infraTopRight .right-line .vertical-line span {
        width: 30px;
        height: 30px;
        display: inline-block;
        border: 2px solid #fff;
        border-radius: 50%;
        margin: -14px -12px 8px 0px; }
    .infraBottomSection .infraTopRight .right-line [data-aos="lineExamplkichen"].aos-animate {
      animation: infraLine1 4s forwards; }
@keyframes infraLine1 {
  0% {
    width: 10px; }
  100% {
    width: 116px; } }
  .infraBottomSection .machine {
    position: relative;
    overflow: hidden; }
    .infraBottomSection .machine .machine-main {
      margin-top: 50px; }
      .infraBottomSection .machine .machine-main figure {
        width: 75%;
        margin-left: auto;
        position: relative;
        z-index: 1; }
        .infraBottomSection .machine .machine-main figure img {
          border-radius: 20px; }
      .infraBottomSection .machine .machine-main p {
        width: 55%;
        text-align: center;
        margin: 30px auto 60px;
        color: #fff;
        font-size: 18px; }
      .infraBottomSection .machine .machine-main .animationlne {
        margin-left: 50px; }
        .infraBottomSection .machine .machine-main .animationlne .vertical-line-left {
          background: #fff;
          height: 2px;
          border-radius: 1px;
          margin-right: auto;
          text-align: left;
          width: 10px; }
          .infraBottomSection .machine .machine-main .animationlne .vertical-line-left span {
            width: 30px;
            height: 30px;
            display: inline-block;
            border: 2px solid #fff;
            border-radius: 50%;
            margin: -14px -9px 8px -12px; }
        .infraBottomSection .machine .machine-main .animationlne [data-aos="lineExamplkichenleft"].aos-animate {
          animation: inframidline 4s forwards; }
@keyframes inframidline {
  0% {
    width: 10px; }
  100% {
    width: 65px; } }
  .infraBottomSection .line-1 {
    position: absolute;
    left: 0;
    top: 29%;
    width: 30%; }
  .infraBottomSection .line-2 {
    position: absolute;
    right: 0;
    top: 29%;
    width: 10%; }
  .infraBottomSection .line-3 {
    position: absolute;
    right: 4%;
    bottom: 0;
    transform: rotate(90deg); }
  .infraBottomSection .godawnInternal {
    position: relative;
    margin-top: -30px;
    padding-bottom: 60px; }
    .infraBottomSection .godawnInternal .col-md-4 {
      z-index: 9; }
    .infraBottomSection .godawnInternal .godawn-img {
      position: relative;
      z-index: 1; }
    .infraBottomSection .godawnInternal .lines-3 {
      position: absolute;
      left: 3%;
      bottom: 10%; }
    .infraBottomSection .godawnInternal .lines-4 {
      position: absolute;
      left: 1.6%;
      bottom: 5.5%; }
    .infraBottomSection .godawnInternal .lines-5 {
      position: absolute;
      right: 3%;
      bottom: 10%; }
    .infraBottomSection .godawnInternal .lines-6 {
      position: absolute;
      right: 1.6%;
      bottom: 5.5%; }

@media (min-width: 1920px) and (max-width: 2560px) {
  .infraBottomSection .machine .machine-main figure {
    width: 100%;
    margin-left: 180px; }
  .infraBottomSection .line-3 {
    right: 12%; } }
@media (min-width: 768px) and (max-width: 991px) {
  .infrastructureSection .InforHeroMain figure .imagesanimation {
    height: 70vh; }
  .infrastructureSection .InforHeroMain .heroText {
    right: 0%;
    transform: translate(-10%, -50%); }
    .infrastructureSection .InforHeroMain .heroText h1 {
      font-size: 20px; }

  .abhiyanOfficeSection {
    padding: 100px 0 0;
    overflow-x: hidden; }
    .abhiyanOfficeSection .topText .midText {
      width: 80%; } }
@media (max-width: 767px) {
  .infrastructureSection {
    overflow-x: hidden; }
    .infrastructureSection .InforHeroMain .heroText {
      top: 60%;
      left: 70%;
      width: 100%;
      text-align: center; }
      .infrastructureSection .InforHeroMain .heroText h1 {
        font-size: 20px; }
      .infrastructureSection .InforHeroMain .heroText h2 {
        font-size: 18px; }
      .infrastructureSection .InforHeroMain .heroText .top-line {
        padding-left: 20px; }
      .infrastructureSection .InforHeroMain .heroText .bottom-line {
        display: none; }

  .abhiyanOfficeSection {
    padding: 100px 0 0;
    overflow-x: hidden; }
    .abhiyanOfficeSection .topText {
      padding: 0 20px; }
      .abhiyanOfficeSection .topText .midText {
        padding: 20px;
        width: 100%; }
        .abhiyanOfficeSection .topText .midText p {
          font-size: 11px; }
      .abhiyanOfficeSection .topText .left-line {
        display: none; }

  .infraBottomSection {
    padding: 50px 0 0;
    overflow-x: hidden; }
    .infraBottomSection .infraTopLeft {
      margin-top: 0; }
      .infraBottomSection .infraTopLeft .left-line-animation {
        display: none; }
      .infraBottomSection .infraTopLeft figure img {
        border-radius: 0; }
      .infraBottomSection .infraTopLeft .infraline {
        display: none; }
    .infraBottomSection .infraTopRight .text {
      display: none; }
    .infraBottomSection .infraTopRight .right-line {
      display: none; }
    .infraBottomSection .infraTopRight figure img {
      border-radius: 0; }
    .infraBottomSection .mob-text {
      text-align: right;
      margin-top: 30px; }
      .infraBottomSection .mob-text p {
        color: #fff;
        font-size: 12px;
        font-style: italic; }
    .infraBottomSection .machine .machine-main figure {
      width: 100%; }
      .infraBottomSection .machine .machine-main figure img {
        border-radius: 0; }
    .infraBottomSection .machine .machine-main .animationlne {
      display: none; }
    .infraBottomSection .machine .machine-main p {
      width: 100%;
      text-align: left;
      font-size: 12px;
      font-style: italic; }
    .infraBottomSection .line-3 {
      display: none; }
    .infraBottomSection .godawonSection {
      padding: 0 15px; }
    .infraBottomSection .godawnInternal {
      margin-top: -10px; }
      .infraBottomSection .godawnInternal .godawn-img {
        margin-bottom: 30px; }
      .infraBottomSection .godawnInternal .line-1 {
        display: none; }
      .infraBottomSection .godawnInternal .line-2 {
        display: none; }
      .infraBottomSection .godawnInternal .lines-3 {
        display: none; }
      .infraBottomSection .godawnInternal .lines-4 {
        display: none; }
      .infraBottomSection .godawnInternal .lines-5 {
        display: none; }
      .infraBottomSection .godawnInternal .lines-6 {
        display: none; } }

/*# sourceMappingURL=infrastructure.css.map */