.h50{ height: 50px }
.h60{ height: 60px; }
.h80{ height: 80px; }

.homeBanner .container{ flex-direction: column; padding-top: 40px; align-items: flex-start; padding-left: 70px; }

.bannerTxt1{ font-size: 36px; color: #fff; font-weight: 900;  line-height: 43px; }
.bannerTxt1 span{ color: #96C22E; }

.bannerTxt2{ color: #96C22E;font-size: 22px;letter-spacing: 0.44px; margin-bottom: 50px; font-weight: normal; margin-top: 10px; }

.bannerImg1{ max-width: 500px; width: 100%; }
.bannerImg1 img{ width: 100%; }

.bannerTxt3{ font-size: 14px; color: #FFFFFF; }

.homeBanner .btnInvest{ box-shadow: 0px 2px 6px #1A4387; background: #8DC63F; width: 190px; height: 44px; display: flex; align-items: center; justify-content: center; margin-top: 20px; border-radius: 6px; color: #fff; font-size: 18px; font-weight: 500; margin-bottom: 33px; }


.bannerTxt4{ color: #FFFFFF; font-size: 16px; }
.bannerTxt4 span{ font-weight: 500; }
.bannerTxt4 strong{ font-weight: 900; }


.neddAss .container{ padding: 20px; }

h3, .consumptionBoxInTxt h1{ font-size: 24px; font-weight: bold; color: #034EA2; margin-bottom: 20px;}

.noteTxt1{ font-size:12px; color: #4B4B4B; font-weight: 300; position: initial; }
.noteTxt1 span{ color: #4B4B4B; font-weight: normal; }


.newBoxes3{  }
.dotsBox{  display: inline-flex; justify-content: center; align-items: center; width: 100%; margin-bottom: 20px; }
.dotsBoxIn{padding: 10px 28px; color: #323232; font-size: 18px; font-weight: 500; margin: auto; border: 1px dashed #034EA280;
background: #034EA20D; border-radius: 5px; text-align: center; }

.dotsBox span{ font-weight: bold; }

.newBoxes3 ul{ background: url(../images/logoBg.svg) no-repeat center center;  }

.catalystBox{ display: flex; gap:20px; border-bottom: dotted 1px #323232; min-height: 180px; height: auto; margin-bottom: 40px; }
.catalystBoxH{ font-size: 16px; font-weight: bold; padding-bottom: 10px; }
.catalystBox p{ font-size: 14px; color: #323232; }
.catalystBox p strong{ font-weight: bold; }

.col1{ color: #053C7D; }
.col2{ color: #92D050; }
.col3{ color: #61D5C7; }
.col4{ color: #3391FB; }
.col5{ color: #727271; }
.col6{ color: #264796; }



.consumptionBox{ background: #2857A4 url(../images/logoBg2.svg) no-repeat top center; }
.consumptionBoxIn{ display: flex; max-width: 880px; width: 100%; margin: auto; justify-content: flex-start; gap:50px; flex-wrap: wrap; }
.consumptionBoxIn h3,
.consumptionBoxInTxt h1{ text-align: left; color: #fff; }
.consumptionBoxIn p{ color: #fff; font-style: italic; padding-bottom: 70px; }

.consumptionBoxInTxt{ width: calc(100% - 280px); }

.consumptionBoxInTxt h1{  }

.stockBoxMain{ position: relative; }
.stockBoxBg{ background: #2857A4; height: 50%; position: absolute; width: 100%; left: 0; top: 0;  }

.stockBoxMain .container { position: relative; z-index: 1; background: #E7F6F5; border-radius: 8px; min-height: 455px; padding-top: 50px;}
.stockBoxMain p{ font-size: 14px; color: #323232; max-width: 733px; font-weight: 500; width: 100%; margin: auto; text-align: center; padding-bottom: 30px; }
.stockBoxMain .container ul{ max-width: 960px; margin: auto; }
.stockImg{ height: 140px; margin-bottom: 15px; }
.stockBox{ text-align: center;  }

.stockBox h4{ color: #323232; font-weight: bold; padding-bottom: 10px; font-size: 14px; }
.stockBox p{ max-width: 260px; width: 100%; margin: auto; color: #323232; font-weight: normal; }

.profileBox{ text-align: center; }
.profileBox ul{  max-width: 1060px; width: 100%; margin: auto; margin-top: 20px;}
.profileBox .stockBox{ max-width: 320px; width: 100%;box-shadow: 0px 0px 15px #00000014; background: #fff; border-radius: 10px; border: 1px solid #E8E8E8; padding: 40px 30px; margin: auto;}

.profileBox .stockImg{ height: 64px;  margin-bottom: 30px;  }

.profileTxt1{ font-size: 20px; line-height: 28px; padding-top: 20px; font-weight: bold; color: #415EA3; position: relative; }
.profileTxt2{ color: #92D050; }
.profileTxt3{  color: #3AB6AB; }

.profileTxt1:after{ content: ''; width: 80px; height: 3px; margin: auto; background: #415EA3; margin-top: 10px; display: block; }
.profileTxt2:after{ background: #92D050; }
.profileTxt3:after{ background: #3AB6AB; }

.whyConsumptionBox{ text-align: center; }
.whyConsumptionBox ul{ background: rgba(141, 198, 63, 0.15); border-radius: 10px;margin-top: 30px; padding: 30px 0; }
.whyConsumptionBox ul p{ font-size: 13px; max-width: 340px; }
.whyConsumptionBox .stockImg { height: 66px; }
.whyConsumptionBox p{ max-width: 1075px; width: 100%; margin: auto; font-weight: normal; }

.whyConsumptionBox .stockBox{ position: relative; }
.whyConsumptionBox .stockBox:after{ content:'' ; width: 1px; height: 100%; position: absolute; right: -20px; top: 0; background: #fff; }
.whyConsumptionBox li:last-child  .stockBox:after{ display: none; }

.whyConsumptionBox p.cosTxtSm{ color: #323232; text-align: center; max-width: 740px; font-style: italic; margin: auto; width: 100%; font-size: 14px;  margin-top: 20px; margin-bottom: 10px; }
.cosTxtSm strong{ font-weight: bold;}

.performanceSlider{ text-align: center; box-shadow: 0px 0px 30px #25469426; background: #fff; padding: 40px; border-radius: 10px;}
.perBox1{ display: flex; gap:15px; text-align: left;}

.perBox1Img{ width: 60px; }

.performanceSlider .perBox1 p{ font-size: 13px; line-height: 20px; }
.performanceSlider ol{ padding-bottom: 40px; }
.performanceSlider p { line-height: 26px; }
.performanceSlider p strong{ font-weight: bold; }

.perforBox2{ margin-top: 20px; }
.perforBox2 .perBox1{ flex-direction: column; justify-content: center; align-items: center; text-align: center;  }
.perforBox2  li:first-child{ padding-left: 15px; }
.perforBox2 .perBox1 strong{ display: block; }

.slick-arrow{ background: url(../images/ic_arrow5.svg) no-repeat center center; box-shadow: none; width: 40px; height: 40px; background-size: 120%; padding: 0; margin-top: -17px; }
.performanceSlider .slick-arrow.slick-next{ right: -22px; }
.performanceSlider .slick-arrow.slick-prev{ left: -22px; margin-top: -22px;  }
.slick-arrow.slick-disabled{background: url(../images/ic_arrow5_2.svg) no-repeat center center; box-shadow: none;width: 40px; height: 40px; background-size: 120%; padding: 0;  }



.performanceSlider .perforBox2 .perBox1 p{ font-size: 11px; color: #848688; line-height: 16px; }
.performanceSlider .perforBox2 .perBox1 p strong{ color: #323232; font-size: 13px; }

.performanceSlider ol.perforBox2{ padding-bottom: 25px; }
.perforBox2Txt p{ line-height: 22px; padding-bottom: 20px; color: #4B4B4B; }
.whoConsumptionBox{ position: relative; }
.whoConsumptionBox .container{ position: relative; z-index: 1; }
.whoConsumptionBg{ height: 50%; background: #034EA2; position: absolute; bottom: 0; width: 100%; }

.schemeDetails { background: #034EA2; }
.schemeDetails h3{ color: #fff; }
.whoConsumptionBox .neddAss .schemeDetail{ margin-top: 0; }

.schemeDetails .container{ padding: 30px 30px 0; }
.schemeBox{ padding-bottom: 30px; }
.schemeBox h5{ font-size: 18px; padding-bottom: 10px; }
.schemeBox p { font-size: 14px; color: #4B4B4B; }

.fungMain{ margin: 0; padding: 0; }
.fungMain h5{ font-size: 18px; }

.fundImg{ width: 80px; height: 80px;  }
.fundImg img{ width: 100%; }

.fundMain{ display: flex; align-items: center; gap:20px }
.fungMain li h6{ font-size: 14px; padding-bottom: 7px;}
.fungMain li p{ padding-bottom: 0; font-size: 12px; color: #CFDBEF; }
.fungMain ul{ padding-left: 45px; }

.blueBg{ height: 100%; }

.riskTxt2{ font-size: 12px; font-weight: 500; }

.schemeBoxPTxt p img{ position: absolute; left: 0; top: 6px; }
.schemeBoxPTxt p{ padding-left: 22px; position: relative; }

.videoSlider{ box-shadow: 0px 5px 20px #00000033; }

.videoBoxMain{ position: relative; }
.videoBoxMain .videoBox { position: relative; z-index: 1; }
.blueBg2{ background: #E8F2FB; position: absolute; bottom: 0; height: 50%; width: 100%; left: 0; }

.productLitMain{   background: #E8F2FB; }
.productLit{ border: 0; background: transparent; }

.productLit h4{ font-size: 20px; color: #4B4B4B; text-align: center; font-weight: bold; padding-bottom: 20px; }

.neddAssMain{ position: relative; }
.neddAss{ margin: 0; }
.neddAssMain .stockBoxBg{ background: #034EA2; }
.afterSumbit p{ font-size: 14px; padding-bottom: 20px; }

.circleBox{ width: 38px; height: 38px; background: url(../images/circleBoxImg.svg) no-repeat center center; display: inline-flex; justify-content: center ; color: #FFFFFF; font-weight: 900; align-items: center; }

.unplugBox{ background: #000; color: #fff; display: flex; align-items: center; justify-content: center; flex-direction: column; margin-bottom: 10px; border-radius: 6px; }
.unplugBox h5{ font-size: 22px; font-weight: bold; padding-bottom: 5px; }
.unplugBox p{ font-size: 14px; font-weight: 500; color: #fff; max-width: 200px; text-align: center; line-height: 1.2; }

.unplugBox1{ height: 160px; background: url(../images/unplugBox1Bg.png) no-repeat center center; background-size: cover; }
.unplugBox2{ height: 90px; background: url(../images/unplugBox2Bg.png) no-repeat center center; background-size: cover; }
.unplugBox3{ height: 260px; background: url(../images/unplugBox3Bg.png) no-repeat center center; background-size: cover; }
.unplugBox4{ height: 100px; background: url(../images/unplugBox4Bg.png) no-repeat center center; background-size: cover; }
.unplugBox5{ height: 100px; background: url(../images/unplugBox5Bg.png) no-repeat center center; background-size: cover; }
.unplugBox6{ height: 260px; background: url(../images/unplugBox6Bg.png) no-repeat center center; background-size: cover; }
.unplugBox7{ height: 125px; background: url(../images/unplugBox7Bg.png) no-repeat center center; background-size: cover; }
.unplugBox8{ height: 125px; background: url(../images/unplugBox8Bg.png) no-repeat center center; background-size: cover; }

.unpluggedMain { margin-top: -100px; position: relative; z-index: 1;} 
.unpluggedMain .container{box-shadow: 0px 5px 20px #25469414;  background: #fff; padding: 30px 30px 10px;  border-radius: 8px; }
.unpluggedMain .noteTxt1{ text-align: center; }

.unpluggedMain .container li li{ padding:0 5px;}


.faqs .accordion-body{ font-size: 14px; }
.faqs .accordion-body ul{ padding-top: 10px; }
.smalln .investBt{ display: block; }
.investBt{ display: none; }
.investBt{ width: 100px; height: 100px; }
.investBt img{ width: 100%; height: auto; }
.investBt span{ width: 100%; height: 100%; right: 0; padding: 0 20px 7px; bottom: auto; display: flex; align-items: center; justify-content: center; }

.showText{ display: none; line-height: 1.5; }


@media (max-width: 1024px){

  .consumptionBoxIn{ justify-content: center; }
}

@media (max-width: 768px){ 
  h3,
  .consumptionBoxInTxt h1{ font-size: 18px !important; }
  .h80{ height: 40px; }

  .consumptionfundBox p{ font-size: 14px !important; }
  .stockBox{ padding-bottom: 20px; }
  .perBox1{ padding-bottom: 20px; }
  .performanceSlider ol,
  .performanceSlider ol.perforBox2{ padding-bottom: 0; }
  .performanceSlider .slick-arrow.slick-next{ right: 0; }
  .performanceSlider .slick-arrow.slick-prev{ left: 0; }

  .fungMain ul{ padding-left: 34px; }
  .schemeDetails .container{ margin-top: 0; }

  .schemeBox h5{ font-size: 16px; }

  .fundMain{ gap:10px }
  .fundTxtBox{ width: calc(100% - 90px); }
  .profileTxt1{ font-size: 18px; line-height: 1.2; margin-bottom: 30px; }

  .consumptionBoxInTxt{ width: 100%; }

  .homeBanner .container{ padding-left: 20px; }

  .bannerTxt1{ font-size: 28px; }
  .bannerTxt2{ font-size: 18px; margin-bottom: 20px; }
  .bannerImg1{ width:70% }
  .homeBanner .btnInvest{ font-size: 14px !important; }

  .homeBanner{ min-height: auto; padding-bottom: 120px; }
  .dotsBoxIn{ font-size: 15px; }
  .bannerTxt3{ font-size: 13px; }
}

@media (max-width: 640px){ 
 
  .investBt{ transform: scale(.7); right: -10px; bottom: -20px; }

  }

@media (max-width: 575px){ 
  .performanceSlider ol.perforBox2 li{ width: 50%; }

  .catalystBox{ min-height: auto; padding-bottom: 20px; margin-bottom: 30px; }

  .riskometerRight img{ width: 90%; margin: auto; }
  .bannerTxt3{  text-align: center; width: 100%; }
  .bannerImg1{ width: 60%; }
  .bannerTxt4{ text-align: center; width: 100%; font-size: 14px; }
  .homeBanner .btnInvest{ margin-bottom: 20px;   margin-left: auto; margin-right: auto; }

   .homeBanner{ background: url(../images/bannerHomeMob.png) no-repeat; height: 800px; background-size: 100%; }
   .bannerTxt1,
   .bannerTxt2,
   .bannerImg1{ width: 100%; text-align: center; }
   .bannerImg1{margin: auto; margin-top: 67%; width: 70%; text-align: center;  }


}


@media (max-width: 480px){
  .homeBanner .container{ padding-top: 25px; } 
  .bannerTxt1{ font-size: 20px; line-height: 1; }
  .bannerTxt2{ margin-top: 0; font-size: 14px; }
   .homeBanner { height: 700px; } 

}

@media (max-width: 380px){
   .homeBanner{ height: 650px; }
  }