@charset "utf-8";
main a {outline: 0 !important;text-decoration: none !important;}
main a:active,main a:hover,main a:focus {outline: 0 !important;text-decoration: none !important;}
svg {fill: currentColor;}
/* ====== comman css  ====== */
html{height:100%;overscroll-behavior: smooth;overflow-x:hidden;width: 100%;}
body {overflow-x: hidden;font-weight:400;font-style: normal;position: relative;font: 400 16px/26px 'DM Sans', sans-serif;color: #666666;background-color: #fff;margin: 0;padding: 0;}
.dFlx {display: -webkit-flex;display: -moz-flex;display: -o-flex;display: -ms-flex;display: flex;}
.alignCen{align-items: center;}
html {height: 100%;}
.clear{clear: both;}
* {margin: 0px;padding: 0px;text-decoration: none;box-sizing: border-box;list-style: none;border: none;}
body,ul,ol,li,p {margin: 0;padding: 0;list-style: none;}
a:focus,a:hover,a:active{outline: none; text-decoration: none;box-shadow: none;}
.wrapper{width: 1200px;margin:0 auto;padding:0;}
h1,h2,h3,h4{margin: 0; padding: 0;}
.secTitle{color: #000;font: 700 36px/48px 'DM Sans', sans-serif;margin-bottom: 16px;}
.hedingOne{color: #000;font: 700 50px/52px 'DM Sans', sans-serif;margin-bottom: 16px;}
.topTitle{text-align: center; position: relative; margin-bottom: 50px;}
.topTitle h2{color: #000;font: 700 46px/48px 'DM Sans', sans-serif;}
.topTitle:before{position: absolute;content: '';width: 95px;height: 4px;margin: 0 auto;top:-50px; background: #000; left: 0;right: 0; text-align: center; display: block;}
.mc_container{width: 1280px;margin: 0 auto;}

/**** header ******/
header{background: #E5E5E5; margin-bottom: 80px;; }
.logoCont{align-items: center;min-height: 125px;}
.topLine{position: relative; font-size: 18px; color: #333; margin-left: 30px; padding-left: 30px; font-weight: normal;}
.topLine::before{position: absolute;content:'';width: 1px;height: 68px; background: #999;left:0;top:-21px;}

/**** banner_Sec ******/
.banner_Sec{margin-bottom: 100px;}
.bannLft{width: 396px; flex-shrink: 0;}
.bannLft p{margin-bottom: 30px;}
.bannRgt{width: calc(100% - 396px); flex-shrink: 0; text-align: center;position: relative;}
.bannRgt:before{content:'';position: absolute;width: 100%;height: 130%;background: url('https://images.moneycontrol.com/images/ms/trading_view/blur.png')left top no-repeat; left:-80px;top:-20%;background-size: 100%;}
.blkBtn{background: #000;color: #fff;border-radius:5px;display: inline-block; font-size: 18px;padding: 12px 23px;}
.bannRgt img{position: relative;}

/**** chart_Sec ******/
.chart_Sec{position: relative;margin-bottom: 50px;padding-bottom: 50px;}
.chart_Sec:last-child{padding-bottom: 0;}
.chart_Sec:last-child::after{display: none;}
.chart_Sec:after{position: absolute;content: '';width: 97px;height: 1px;border-bottom: 1px dotted rgba(0,0,0,0.5); margin: 0 auto;left: 0;right: 0;bottom: 5px;}
.chrtDescription{width: 413px; flex-shrink: 0;}
.chart_Sec.dFlx{justify-content: space-between;}
.revDiv{flex-direction: row-reverse;}
.chartImg img { filter: drop-shadow(5px 5px 13px rgba(0, 0, 0, 0.1)); }

/*** footer Note *****/
.footerNote{background: #F8F7F7; border: 1px solid #D6D6D6; border-radius: 12px; padding: 15px; margin-top: 60px;}
.footerNote p{font-size: 12px;line-height: 20px;}
.footerNote p span{font-weight: 700;}
.footerNote p a{color: #3664f7; text-decoration: underline !important;}

/**** footer ******/
footer{background: #000; color: #fff; margin-top: 50px;}
footer .dFlx{justify-content: space-between; align-items: center; min-height: 69px;}
footer ul{display: flex;}
footer a,footer p,footer a:active,footer a:focus,footer a:hover{color:rgba(255,255,255,0.7); font-size: 14px;}
footer a:hover{text-decoration: underline;}
footer ul li{position: relative;margin-left: 7px;padding-left: 7px;}
footer ul li:first-child{padding-left: 0;margin-left: 0;}
footer ul li:before { position: absolute; top: 7px; left: -0px; content: ''; width: 1px; height: 15px; background: rgba(255,255,255,0.7); }
footer ul li:first-child:before { display: none; }
.mobView{display: none;}
.deskView{display: block;}

@media (max-width: 991px) {
    body{font-size: 14px;line-height: 20px;}
    .mobView{display: block;}
    .deskView{display: none;}
    .mc_container{width: auto;padding: 0 15px;}
    .dFlx{flex-direction: column;}
    footer{margin-top: 30px;}
    footer .dFlx{justify-content: center;padding:10px 0}
    footer a,footer p,footer a:active,footer a:focus,footer a:hover{font-size: 12px;}
    .footerNote p{font-size: 10px;line-height:16px;}
    .mc_container .mc_container{padding: 0;}
    img{width: 100%; height: auto;}
    .chart_Sec.dFlx{flex-direction: column-reverse;}
    .secTitle{font-size: 18px; line-height: 20px;margin-bottom: 5px;}
    .chrtDescription{width: 100%;}
    .chart_Sec{margin-bottom: 30px;padding-bottom: 30px;}
    .footerNote{margin-top: 0;}
    .chart_Sec p{margin-bottom: 15px;}
    .topTitle{margin-bottom: 30px;}
    .topTitle h2{font-size: 24px; line-height: 30px;}
    .logoCont img{width: 106px; height: 51px;}
    .logoCont.dFlx{flex-direction: row;min-height: 73px;}
    .topLine{font-size: 14px;margin-left: 20px;padding-left: 15px;}
    header{margin-bottom: 40px;}
    .bannLft,.bannRgt{width: auto;}
    .hedingOne{font-size: 30px;line-height: 34px;}
    .bannLft p{margin-bottom: 20px;}
    .blkBtn{font-size: 16px;padding: 15px 29px; margin-left: 15px;}
    .banner_Sec{margin-bottom: 60px;}
    .topTitle:before{top:-20px}
    .bannRgt{margin-bottom: 15px;}
    .bannRgt:before { content: ''; position: absolute; width: 100%; height: 450px; background: url('https://images.moneycontrol.com/images/ms/trading_view/blurbgMob.png') left top no-repeat; left: 0; top: -100%; background-size: 100% 110%; }
    .banner_Sec .mc_container{padding: 0;}
    .hedingOne,.bannLft p,.bannRgt{ padding: 0 15px;}
    .topLine::before{height: 39px;top: 0;}
    
}