@import url('https://fonts.googleapis.com/css2?family=Anek+Latin:wght@100..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');

*{margin:0;padding:0;box-sizing:border-box;font-family: "Rubik", serif;}

  p {
  color: #000;
  font-size: 16px;
  line-height: 32px;
  font-weight: 400;
}  
    
img{width: 100%; height: auto;}
@media (min-width: 1200px) {
    .container{max-width:1100px;}
    }
/* .Aboutinsidebanner{
  position: relative;
  width: 100%;
  height: 397px;
  background: url("../images/over-banner.png") center center no-repeat;
  background-size: cover;
} */

/* .bodinsidebanner{
  position: relative;
  width: 100%;
  background: url("../images/bod-banner.png") center center no-repeat;
  background-size: cover;
} */
.bannerText p{color: #fff;}
.missiontext p{color: #fff;}

/* .leaderinsidebanner{
  position: relative;
  width: 100%;
  height: 397px;
  background: url("../images/lead-banner.png") center center no-repeat;
  background-size: cover;
} */

/* .ourprojectinsidebanner{
  position: relative;
  width: 100%;
  height: 397px;
  background: url("../images/our-project-overiew.png") center center no-repeat;
  background-size: cover;
} */
/* .milestoneinsidebanner{
  position: relative;
  width: 100%;
  height: 397px;
  background: url("../images/milestone-banner.png") center center no-repeat;
  background-size: cover;
} */
/* .investorinsidebanner{
  position: relative;
  width: 100%;
  height: 397px;
  background: url("../images/inestor-banner-bg.jpg") center center no-repeat;
  background-size: cover;
} */

/*.bannerText{color: #fff;    position: absolute;
    left: 38%;
    bottom: 7%;}*/
.bannerText{color: #fff;}
.bannerText h1{font-size: 70px; font-weight: 400;}
h2{font-size: 50px;
    font-weight: 400;
    line-height: 58px;
    color: #013973;}
/* .bluepowerbox{padding: 25px 40px;}*/
 .bluboxitemtext {
      height: 215px;
    border-radius: 25px;
    background: #F0F9FE;
    padding: 20px 26px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.journeybox p{font-size: 22px;}
/* .bluepowerbox{border-radius: 25px;
background: #F0F9FE;}*/
.OverviewSection{padding: 4rem 0;}
.OverviewSection .row{align-items: center;}
.blutext p{    font-size: 22px;
    line-height: 38px; font-weight: 400;}

#blueboxslider div.owl-dots {
               margin-top: 24px;
               display: flex;
               justify-content: center;
            }

            

            #blueboxslider .owl-dots .owl-dot span {
               width: 13px !important;
               height: 13px !important;
               border-radius: 50%;
            }

            #blueboxslider .owl-dots .owl-dot span {
               width: 10px;
               height: 10px;
               margin: 5px 7px;
               background: #bbd4e3;
               display: block;
               -webkit-backface-visibility: visible;
               transition: opacity .2s ease;
               border-radius: 50%;
            }

             #blueboxslider .owl-dots .owl-dot.active span,
            #blueboxslider .owl-dots .owl-dot:hover span {
               background: linear-gradient(90deg, #2F82C3 0%, #1DD47D 100%);
            }
.powerText p{margin: 20px 0px 20px 0px;}
.visionmissionWrap .container{border-radius: 25px;
background: #013973; color: #fff;}
.visionmissionWrap .col-md-6{padding: initial;}
.missiontext h3{    font-weight: 400;
    font-size: 35px;
}
.missiontext {
    padding: 50px 48px 20px 48px;
}
.visionmissionWrap{padding: 3rem;}
.journeybox {
  position: relative;
}
/*.timelineJourney .container{border-radius: 25px;
background: #F0F9FE; padding: 60px 30px;}*/
.text {
  display: flex;
      align-items: end;
  justify-content: space-evenly;
}

.text p {
    font-size: 1.4rem;
    margin-bottom: 1.2rem;
    color: #013973;
}

.text h1 {
  font-size: 1.9rem;
  font-weight: bold;
  margin-bottom: 2.4rem;
}

hr {
  height: 1px;
  background-color: #ACACAC;
}


.dot {
  width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #013973;
        margin: 0 auto;
    z-index: 1111;
}
.one,.two,.three,.four,.five{text-align: center;}
.timelineJourney{padding: 3rem 0;}
.timelineJourney h2{margin-bottom: 25px;}
.bluedot1,.bluedot2,.bluedot3,.bluedot4,.bluedot5{position: absolute;
    bottom: -52px;}
.bluedot1 {
  left: 8%;
      z-index: 1111;
}

.bluedot2 {
  left: 24%;
      z-index: 1111;
}

.bluedot3 {
  left: 42%;
      z-index: 1111;
}

.bluedot4 {
  left: 63%;
      z-index: 1111;
}

.bluedot5 {
  left: 85%;
      z-index: 1111;
}
.one img{width: 105px; margin-bottom: 25px;}
.two img{width: 130px; margin-bottom: 25px;}
.three img{width: 155px; margin-bottom: 25px;}
.four img{width: 175px; margin-bottom: 25px;}
.five img{width: 195px; margin-bottom: 25px;}

.boardname{color: #013973;
font-size: 22px;
font-style: normal;
font-weight: 400;
line-height: 10px;}
.boardpos{font-size: 13px;
    font-weight: 300;
    /* height: 50px; */
    line-height: 24px;}
button{border-radius: 30px;
background: linear-gradient(90deg, #2F82C3 0%, #1DD47D 100%); cursor: pointer; border: none;color: #fff;    font-size: 16px;}
.blutext{width: 78%; }
.bluimg{width: 22%; }
/*.bodinsidebanner .bannerText{left: 28%;}*/
.investorSection button{    width: 222px;
    height: 54px;}
    .boardbox{    border-radius: 17px;border: 1px solid #E1E1E1;margin-bottom: 60px;}
    .boardbox:hover{
    border: 1px solid #2F82C3; 
       
}

.boardimg img{   -webkit-transition: 0.4s ease;
  transition: 0.4s ease;}
 .boardimg img:hover{ -webkit-transform: scale(1.08);
  transform: scale(1.08);}

.boardtext{padding: 30px 20px;}
.BoardWrap{    margin: 5rem 0 3rem 0;}
.introTextwithbg{background-image: url("../images/gradient-bg.png"); background-size: cover; background-position: center; background-repeat: no-repeat; width: 100%; height: 240px; border-radius: 15px; }
.introtext h3{    font-size: 38px;
    font-weight: 400;
    line-height: 54px;}
.introtext{position: absolute;
    right: 7%;
    color: #fff;
    top: 33%;}
.introtext p{font-size: 18px; color: #fff;}
.leaderbanner{position: relative;}
.leadimg{position: absolute; bottom: 0;}
.leadimg img{width: 430px;}
.leaderIntro {
    padding: 11rem 0 4rem 0;
}
.leadertext{padding: 2rem 0;}
.boardimg{overflow: hidden;border-radius: 15px 15px 0 0;}
.introText{margin: 3rem 0;}
.solarText h3{color: #013973;font-size: 42px;
    font-weight: 400;line-height: 50px;}
    .solarSection .container{border-radius: 25px;
background: #F0F9FE;}
.solarSection .row{align-items: center;}
.solarSection .col-md-6{padding-left: initial; padding-right: initial;}
.introText p {
  padding: 0 76px;
}
@media (max-width: 767px) {
  .boardbox {
      margin-bottom: 35px;
      margin-left: 15px;
      margin-right: 15px;
  }
}
.solarSection{padding: 0 180px;     margin-bottom: 70px;}
.solarText{    padding: 0 35px;}
.windSection{background-image: url("../images/wind-turbines-farmland 1.png"); margin: 3rem 0; background-position: center; background-size: cover; background-repeat: no-repeat; height: 700px;}
.fdreSection{background-image: url("../images/FDRE-BG_banner.png"); margin: 3rem 0; background-position: center; background-size: cover; background-repeat: no-repeat; height: 780px; position: relative;}

.windText {padding: 68px 115px;}
.solarwind .row{align-items: center;}
.solarwind .col-md-6{padding-left: initial; padding-right: initial;}
.solarwind .container{background-color: #013973;
    padding: 50px 60px;
    border-radius: 25px;}
.solarwind{padding: 30px 180px; color: #fff;}
.solarwindtText h3{color: #fff;}
.solarwindtText p{color: #fff;}
.solarwindtText{padding: 0 0 0 40px;}
.fdreText{padding: 0 115px;}
.fdreSection h3,.fdreSection p{color: #fff;}
.fdreText{position: absolute;
    bottom: 10%;
    left: 0;
    right: 0;}
.milestoneDetails{display: flex; align-items: center;}
.footerWrap{background-image: url("../images/footer-banner-bg.png"); height: 200px; 
 background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom; background-repeat: no-repeat; position: relative; }
.footerWrap ul {
    display: flex;
    list-style-type: none;
    text-align: center;
    justify-content: center;
    margin-bottom: 25px;
    color: #fff;} 
.footerWrap .container {
   margin: 0 auto;
    justify-content: center;
    text-align: center;
    position: absolute;
    top: 42%;
    right: 0;
    left: 0;
}
.footerWrap ul li{padding-right: 30px;}
/*footer{margin-top: 4rem;}*/
.bottomfooter {
    display: flex;
    justify-content: center;
    align-items: center;
}
.SocialICo img{width: initial; align-items: center; justify-content: center;    margin-right: 10px;}
.top-arrow{position: absolute;
    right: 4%;
    top: 36%;}
header .navigation {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 90px;
  min-width: 100%;
  z-index: 10;
  background: transparent;
}

/*header .navigation .logo{
  margin-left: 20px;
}
*/
header .navigation .menu-list {
        list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* margin: auto 20px auto 0; */
    margin-bottom: 0;
    /*margin-top: 20px;*/
}
.logo{margin-top: -7px;}
/* .logo img{height: 60px;} */
.logo img{width: 115px;}
header .navigation .humbarger {
  margin-right: 20px;
  display: none;
 }
 
header .navigation .humbarger .bar{
  width: 30px;
  height: 2px;
  margin: 7px;
  background: #b1d4e0;
 }
header .navigation .menu-list li a{color: #000; text-decoration: none;}
header .navigation .menu-list li:last-child{padding: 11px 0px 10px 15px;}
/*header .navigation .menu-list li:hover{border-bottom: 1px solid #BF2A2D;}
*/header .navigation .menu-list li{
    font-family: Rubik;
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    line-height: 36px;
    margin-right: 0px;
    padding: 11px 15px 10px 15px;
    cursor: pointer;
    
    text-decoration: none;
}
.textfooter p{    opacity: 0.7;
    margin-bottom: 0;
    color: #fff;
    font-size: 14px;
    margin-right: 19px;}
 
@media only screen and (min-width: 960px){
  .footerWrap .container{top: 70px;}
  .top-arrow {
    position: absolute;
    right: 4%;
    top: 39%;
}
.footerWrap ul {
    display: flex;
    list-style-type: none;
    text-align: center;
    justify-content: center;
    margin-bottom: 25px;
    color: #fff;
    padding-left: initial;
}
.footerWrap ul li {
    /* padding-right: 30px; */
    padding: 0 20px;
}
}


 @media only screen and (min-width: 1440px) {
  .footerWrap ul li {
    /* padding-right: 30px; */
    padding: 0 30px;
}
  .footerWrap ul {
    display: flex;
    list-style-type: none;
    text-align: center;
    justify-content: center;
    margin-bottom: 35px;
    color: #fff;
}
.footerWrap .container {
        top: 40%;
    }
.blueSection{padding: 60px 120px 50px 120px; background-image: url("../images/blue-banner.jpg"); background-position: center; background-size: cover; height: 200px; border-radius: 25px;}
.insideNumber.lspadd {
    padding: initial;
}
/*.blueSection{padding: 60px 30px 50px 50px!important;}
*/.insideNumber{padding: initial!important;}
.insideNumber h3 {
    font-size: 30px;}
.insideNumber.lastpadd{padding: initial!important;}
.blueSection .row .col-md-3:after {
    content: "";
    position: absolute;
    right: 6%!important;
    width: 1px;
    height: 100px;
    background-color: #fff;
    top: -7%;
    opacity: 0.5;
}
}
.nsebseWrap .container{margin-top:4rem;background-image: url("../images/Stock watch banner.jpg"); background-position: center; background-size: cover; background-repeat: no-repeat; height: 400px; border-radius: 25px; color: #fff;}
.blueSection{padding: 60px 120px 50px 120px;
    background-image: url(../images/blue-banner.jpg);
    background-position: center;
    background-size: cover;
    color: #fff;
    height: 200px;
    border-radius: 25px;}
.instorWrap{margin: 4rem 0 3rem 0;}
/*.blueSection{border-radius: 15px;
background: #013973; color: #fff;    padding: 60px 40px 50px 50px;}*/
.insideNumber{padding: 0px 25px; text-align: center;}
.insideNumber p{color: #fff; font-size: 18px;}
.insideNumber h3{    font-size: 52px;
    font-weight: 400; margin-bottom: 3px; }
.instorWrap h2{margin-bottom: 22px;}
.blueSection .row .col-md-3{position: relative;}
.blueSection .row .col-md-3:after {
    content: "";
    position: absolute;
    right: 3%;
    width: 1px;
    height: 100px;
    background-color: #fff;
    top: -4%;
    opacity: 0.5;
}
.insideNumber.lspadd{padding: 0px 0px;}
.insideNumber.lastpadd{padding: 0px 12px;}
.blueSection .row .col-md-3:last-child:after{display: none;}
.financialWrap{margin: 3rem 0 4rem 0;}
.whitebox img{height: 70px; width: 70px;    margin-bottom: 12px;}
.investorlast{padding: 4rem 0; background-color: #F0F9FE;}
.whitebox {
    background-color: #fff;
    padding: 40px 20px 40px 20px;
    border-radius: 25px;
    height: 260px;
}
.whitebox h5{color: #004073;
    font-weight: 400;
    line-height: 30px;
    font-size: 24px;}
.finbox p {
    line-height: 30px;
    margin-top: -106px;
    color: #fff;
    font-size: 20px;
}

    .financialWrap .col-md-3{padding-right: initial; padding-left: initial;}
.policybox {
    background-image: url(../images/Investor-Presentation.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    border-radius: 25px;
    padding: 50px 70px;
    background-position: center;
}


.top5-yrfilter-wrap{margin: 3rem 0;}
.pdfFileWrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 23px;
    border-radius: 15px;
        margin-bottom: 20px;
    background: #FFF;
    border-bottom: 1px solid #E1E1E1;
}
.PdfIco{    display: flex;
    align-items: center;
    justify-content: center;}
.filename p {
    margin-bottom: 0;
    font-size: 20px;
    font-weight: 300;
}

.filename{width: 85%;}
a.pdf-anchor:hover{color: #383838;}





  .yr-dropdown {
    -webkit-appearance: none;
/*    -moz-appearance: window;
*/    padding: 13px 50px 13px 15px;
    border-radius: 5px;
    border: none;
    background-image: url(../images/select-down_arrow.png);
     background-color: #F5F5F5;
    
    font-size: 14px;
    width: 250px;
    /* background-size: auto calc(100% - 20px); */

    background-position: right 10px center;
  background-repeat: no-repeat;
  background-size: auto 20%;
  border-radius:2px;
  border:none;
  outline: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;

}


.yr-dropdown:active, .yr-dropdown:focus, .yr-dropdown:visited {

  outline:none;

  border:none;

}

.top5-yrfilter-wrap .pdf-icon-wrap{

  padding-right:40px;

  vertical-align: middle;

}

.top5-yrfilter-wrap .pdf-icon-wrap img{

  width:22px;

  height:auto;

}

.pdf-anchor{

  text-decoration:none;

  color:#000;

  margin-top: 15px;

}

.d-icon-wrap img{

  width:35px;

}

.file-content{

  border-bottom:1px solid #ccc;

}
.invsmalltext{    color: #fff;
    font-size: 25px;
    line-height: 40px;}
.newsTitle{    font-size: 53px;
    color: #fff;
    font-weight: 400;}
.date{    margin-bottom: 0;
    color: #fff;}
.investorSection{margin-top: 4rem;}
.milestoneWrapper{    margin: 4rem 0;
    background: #F0F9FE;
    padding: 4rem 0;}
.flex-column{width: 15%;}
.flex-column button{width: initial; padding: initial;    color: #013973 !important;}
.miletext{width: 70%; padding-right: 30px;}
.miletext {
    padding-right: 30px;
}
.miletext h3 {
        font-weight: 400;
        font-size: 40px;
        color: #013973;
        margin-bottom: 20px;
    }
    .miletext h4 {
        font-size: 37px;
        font-weight: 400;
    }
    .tab-content{width: 100%;}
    .mileImg img{width: 540px;}

    /*button#v-pills-profile-tab.nav-link.active img:before{content: ""; background-image: url("../images/");
    background-repeat: no-repeat; background-size: cover; background-position: center;
  }*/
  .nav-link.active img:before {
    content: "";
    display: block;
    position: absolute; height: 15px; width: 15px; border-radius: 90px;  background-image: url("../images/Ellipse.png"); 
}
.showactive{display: none;}
.nav-link.active .showactive{display: block!important;}
  .nav-link{position: relative;}
  /*button#v-pills-profile-tab.nav-link img:before{content: ""; position: absolute; height: 5px; width: 5px; border-radius: 90px; background-color: #000;
  }*/
  .whitebox p{background: linear-gradient(90deg, #2F82C3 0%, #1DD47D 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
border-bottom: 1px solid transparent;
    border-image: linear-gradient(90deg, #2F82C3 0%, #1DD47D 100%);
    border-image-slice: 1;

}
.top5-yrfilter-wrap #itemList{margin-top: 25px;}
.PdfIco img:nth-child(1){width: initial!important;margin: 5px 10px!important; height: 20px!important;}
.PdfIco img:nth-child(2){margin: 5px!important;
    width: 2px!important;
    height: 20px!important;}
.PdfIco img:nth-child(3){margin: 5px 10px!important; width: 18px!important; height: 18px!important;}
header{
    box-shadow: 0 13px 43px 0 #00000014;
    background-color: #fff;
}

.leaderinsidebanner{margin-top: 90px;}
.Aboutinsidebanner{margin-top: 90px;}
.bodinsidebanner{margin-top: 90px;}
.sus-idebanner{margin-top: 90px;}
.media-pg-banner{margin-top: 90px;}
.contact-pg-banner{margin-top: 90px;}
.ourprojectinsidebanner{margin-top: 90px;}

.viewDoc {
   background-image: url('../images/SHARE.png');
   height: 20px;
   width: 20px;
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat;
   margin: 5px 10px;
}

.viewDoc:hover {
   background-image: url('../images/blue-eye.png');
}

.downico {
   background-image: url('../images/DOWNLOAD-black.png');
   height: 18px;
   width: 18px;
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat;
   margin: 5px 10px;
}

.downico:hover {
   background-image: url('../images/DOWNLOAD.png');
   height: 18px;
   width: 18px;
}
@media(max-width: 767px){
.footerWrap ul{display: none;}
.footerWrap {
    background-image: url(../images/footer-banner-bg.png);
    height: 128px;
    background-size: cover!important;
    background-repeat: no-repeat;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}
.bottomfooter{flex-wrap: wrap-reverse;}
.top-arrow{display: none;}
.bannerText p{display: none;}
.footerWrap .container{top: 16%;}
.SocialICo{margin-bottom: 15px;}
/*button#navToggle.navbar-toggler{width: initial!important;}*/
.navbar-toggler{
      margin-top:10px;
    }
    header{
      min-height: 100px !important;
    }
    .navbar-toggler{
      margin-top:10px;
    }
    .fixed-top {
      padding: 5px 15px;
      background:#fff;
    }
      p {
  color: #000;
  font-size: 16px;
  line-height: 29px!important;
  font-weight: 400;
}
}


.backbtn{margin-top: -135px!important;}

.recognise-btn:hover {
    background: linear-gradient(90deg, #2f82c3 0%, #2f82c3 100%);
    color: #fff;
}
@media (min-width: 1600px) and (max-width: 3000px) {
    .container {
        max-width: 1250px !important;
    }
}