@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@700&family=Source+Sans+Pro:wght@300;400;900&display=swap');
@font-face {
    font-family: 'Helvetica Neue LT Std';
    src: url('https://www.moneycontrol.com/commonfiles/font/HelveticaNeueLTStd-Md.woff2?classic=true') format('woff2'),
        url('https://www.moneycontrol.com/commonfiles/font/HelveticaNeueLTStd-Md.woff?classic=true') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HelveticaNeue';
    src: url('https://www.moneycontrol.com/commonfiles/font/HelveticaNeueLight.woff2?classic=true') format('woff2'),
        url('https://www.moneycontrol.com/commonfiles/font/fonts/HelveticaNeueLight.woff?classic=true') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}



*{margin:0; padding:0; border:0; box-sizing:border-box;}
/*// CSS RESET ---- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0; padding: 0; border: 0;}
body { background-color:rgba(204, 198, 198, .13);}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: ''; content: none;}
#marketRadar table {border-collapse: collapse;border-spacing: 0;}
*{padding:0; margin:0; outline:0}
a{text-decoration:none;} a:hover{text-decoration:none;}
/*// Float containers fix ---- */
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {	display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {	height: 1%;}
.clearfix {	display: block;}
/* End hide from IE-mac */
img{max-width:100%; height:auto;}

.blog_banner{position:relative; min-height:720px;}

.responsive_bnr {width: 100%; height: 720px;object-fit: cover;}
img{max-width:100%; height:auto;}
.blog_wrappermid{width:1130px; position:absolute; left:50%; margin-left:-565px; top:0px;}
.top_right{ float:right; width:665px; padding-top:140px; color:#231F20; font:300 25px 'Source Sans Pro', sans-serif; background-color: rgba(255,255,255,0.88); padding: 37px; top: 130px; position: relative;}
.MT20{margin-top:20px;}
.title_investment{font:700 20px 'Roboto', sans-serif; color:#B11116; letter-spacing: 4px;}
.main_heading{font: 35px/40px 'Source Sans Pro',sans-serif; color:#231F20; margin:20px 0px 60px; position:relative; letter-spacing: 1px; font-weight: normal;}
.main_heading:after{content: none; height:3px; background-color:#707070; position:absolute; left:0px; bottom:-30px; width:112px;}
.mid_wrapper{ max-width:1130px; margin:0 auto;}
.mid_wrapper article{ color:rgba(35, 31, 32, 1); font-size: 20px; line-height: 32px; padding:90px 0px 0px; position:relative; font-family: 'Source Sans Pro'; font-weight: 300;}
.mid_wrapper article .para_content{ padding-left:120px;}
.mid_wrapper article .para_content > p{margin-bottom: 30px;}
.para_content a {color: #005E9E;}
.mid_box{display:flex; margin-bottom:90px;}
.lftbg{ background-color:rgba(234, 247, 251, 1); padding:20px; font:700 27px/59px 'Source Sans Pro',sans-serif; color:rgba(35, 31, 32, 1); width:645px; margin-right:30px;}
.banner_box{text-align:center; margin-bottom:50px;}
.recommend_box{ margin-top:90px; padding-bottom:100px;}
.sharebox{fill:#1a3e6d;}
.recom_title{font:900 30px/30px 'Source Sans Pro',sans-serif; color:rgba(26, 62, 109, 1); position:relative;}
.recom_title:before{ content:""; height:2px; background-color:rgba(237, 29, 36, 1); position:absolute; left:0px; top:-10px; width:54px;}
.recom_small{ font:400 22px 'Source Sans Pro',sans-serif; display:block; color:rgba(237, 29, 36, 1);}

.recom_firsbox ul{display:flex; margin-top:60px;}
.recom_firsbox ul > li{flex: 0 0 700px; font:700 25px/25px 'Source Sans Pro',sans-serif; color:#231F20; position:relative; margin-right: auto;}
.recom_firsbox ul > li h3 {font:700 25px/25px 'Source Sans Pro',sans-serif; color:#231F20;}
.recom_firsbox ul > li a{ display:block; color:#231F20; height:100%;}
.recom_firsbox ul > li figure{background-color:#fff; box-shadow:0px 3px 6px rgba(0, 0, 0, 0.16); height:100%;}
.recom_firsbox ul > li figure figcaption{padding:20px 20px 30px;}
.recom_firsbox ul > li:last-child{flex: 0 0 345px; margin-right:auto; align-self: flex-end;}
.recom_sub_title{ color:#000000; font:700 20px 'Roboto',sans-serif; position:relative; padding-bottom:20px; margin-bottom:20px; text-transform:uppercase;}
.recom_sub_title:after{content:""; height:1px; background-color:#707070; position:absolute; left:0px; bottom:0px; width:33px;}

.recom_firsbox.second ul > li{flex: 0 0 345px; margin-right:43px;}
.recom_firsbox.second ul > li:last-child{margin-right:0px; align-self: inherit;}

.top_share{text-align:center; position:absolute; top:auto; margin-top:15px}
.top_share > li{ padding-bottom: 20px;}
.top_share a{ display:block;}
.twitshare{fill:#1a3e6d;}
.linkdenshare{fill:#1a3e6d;}
.whatsshare{fill:#1a3e6d;}
.fbsahre{fill:#1a3e6d;}
svg{fill:currentColor;}
.share_bloc_essen{position:relative;}
.essen_share_pos li{float:left; color:#1A3E6D;}
.share_bloc_essen a{color:#1A3E6D; display:inline-block; margin-right:30px;}
.essen_share_pos{ position:absolute; background-color:#f8f7f7; top: -1px; display:none;}
.close_shareesn{ cursor:pointer; display:inline-block; vertical-align: top; color:#1A3E6D;}
.mob-show{display:none;}
.recom_firsbox.second {margin-top: 50px;}
.recom_firsbox.second .recomm_slider_list figure {background-color: #fff; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); height: 100%;}
.recom_firsbox.second .recomm_slider_list figure figcaption { padding: 20px 20px 30px; text-align: left;}
.recom_firsbox.second .recomm_slider_list figcaption h3 { font: 700 25px/25px 'Source Sans Pro', sans-serif; color: #231F20; height: 100px; overflow: hidden;}
.recom_firsbox.second .recomm_slider .slick-track {padding-bottom: 20px;}
.recomm_slider .slick-prev {left: 0px; cursor: pointer;}
.recomm_slider .slick-next {right: 0px; cursor: pointer;}
.recomm_slider_list .readmore {font: 16px/20px 'Source Sans Pro', sans-serif; font-weight: normal; color: #2e5f9e; text-transform: uppercase; background-color: transparent; margin-top: 24px; display: block; padding: 0; letter-spacing: 1px;}
.recomm_slider_list .readmore:hover {color: #ED1D24;}




@media screen and (max-width:1279px) {
.mid_wrapper{max-width:1000px;}
.blog_wrappermid{width:100%;}
.top_right{width:610px;}
.recom_firsbox ul > li {flex: 0 0 640px;}
.recom_firsbox.second ul > li {flex: 0 0 320px; margin-right: 20px;}
}

@media screen and (max-width:980px) {
.mid_wrapper{max-width:100%; width:100%;}
.blog_wrappermid{position:relative; width:100%; left:auto; top:auto; margin-left:0px; padding:0 10px;}
.blog_banner{position:relative; min-height: auto;}

.responsive_bnr {width: 100%; height: auto;object-fit: cover;}
.top_right{float:none; width:100%; padding-top:20px; font-size:20px; top: 0; padding: 20px 0;}
.title_investment{font-size:20px;}
.main_heading{font-size:25px; line-height:30px; margin: 5px 0px -20px}
.main_heading:after{height:2px; bottom:-15px; width:35px;}
.MT20{margin-top:10px;}
.top_share {text-align: center; position: relative; top: auto; margin-top: 0px; padding-left:10px; width: 100%;}
.top_share > li {padding-bottom: 0px; float: left; margin-right: 20px;}
.mid_wrapper article{padding-top:20px; font-size:25px; line-height:40px;}
.mid_wrapper article .para_content{ padding:10px;}

.top_share li:nth-child(4) svg{ width:27px; height:22px;}
.top_share li:nth-child(3) svg{ width:23px; height:22px;}
.top_share li:nth-child(2) svg{ width:27px; height:27px;}
.top_share li:nth-child(1) svg{ width:14px; height:26px;}
.mid_box{display:block; margin-bottom:20px;}
.lftbg{width:100%; font-size:30px; line-height:50px; margin-bottom:20px;}
.mid_wrapper article .para_content > p{margin-bottom:30px;}
.banner_box{margin-bottom:0px;}
.recommend_box{padding:10px; margin-top:50px;}
.recom_title{font-size:40px; line-height:50px;}
.recom_small{font-size:20px;}
.recom_firsbox ul{display:block; margin-top:20px;}
.recom_firsbox ul > li{margin-bottom:30px;}
.recom_firsbox ul > li img, .mid_box img{width:100%; height:auto;}
.mob-hide{display:none;}
.mob-show{display:block;}
.recomm_slider .slick-list {height: 375px !important; margin-bottom: 30px;}
.recomm_slider_list.slick-slide {margin: 0 15px;}
}