/*== common css ==*/
* { margin: 0px; padding: 0px; text-decoration: none; border: none; box-sizing: border-box; list-style: none; border: none;}
.clearfix { clear:both; }
.clearfix::after {content: ""; clear: both; display: table;}
a,a:hover,a:visited {text-decoration:none; outline:none !important;}
input:focus, select:focus {outline:none;}
h1, .h1, h2, .h2, h3, .h3 {margin:0px;}
.wrapper {width: 1140px; margin: auto;}
p{margin: 0;}
body {font-family: 'Open Sans', sans-serif; font-weight: 400; margin: 0; padding: 0;color: #6d6d6d;}
/*== common css ==*/

.clear{clear: both}
.d-flx{display: flex; align-items: center;}
.spce-bet {justify-content: space-between;}
.d-flex{display: flex;justify-content: space-between;align-items: center;}

.headind2{font-weight: 700;font-size: 42px;color: #4284f4;;text-align: center;font-family: 'Noto Sans', sans-serif;margin-bottom: 50px;}
.head2{font-weight: 700;font-size: 42px;color: #4284f4;;font-family: 'Noto Sans', sans-serif;margin-bottom: 0;text-align: left;line-height: 1;position: absolute;}

.blu-btn{background: rgb(63,138,245);
background: -moz-linear-gradient(0deg, rgba(63,138,245,1) 0%, rgba(16,241,254,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(63,138,245,1) 0%, rgba(16,241,254,1) 100%);
background: linear-gradient(0deg, rgba(63,138,245,1) 0%, rgba(16,241,254,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3f8af5",endColorstr="#10f1fe",GradientType=1);
padding: 10px 30px;display: inline-block;color: #fff;font-size: 21px;font-weight: 700;border-radius: 25px;}
.blue-link{color: #4284f4;text-decoration: underline;font-size: 14px;font-weight: 600;}
.blue-link2{color: #4284f4;text-decoration: underline;font-size: 17px;font-weight: 600;}


/***** start banner *****/
.banner{background: url('http://images.moneycontrol.com/assets/images/ms/google/header-img.jpg')right center no-repeat;padding-top: 20px;position: relative;}
.logo1{width: 120px;}
.logo2{margin-bottom: 25px;}
.banner-lft{float: left;width: 500px;padding-top: 125px;padding-bottom: 90px;}
.banner-lft span{font-size: 16px;display: block;color: #000;margin-bottom: 20px;}
.banner-rgt{position: absolute;bottom: 20px;right: 100px}
.heading-tym{display: flex;align-items: center;}
.heading-tym p{color: #fff;font-size: 21px;font-weight: 700;margin-right: 15px;}
.logo3{width: 215px;}
/***** end banner *****/



/**** navigation ****/
.menu_wrapper {
    cursor: pointer;
    color: #00447C;
    font-size: 12px;
    position: absolute;
    right: 80px;
    top: 10px;
}



.menu_wrap {
    fill: none;
    stroke: #00447c;
    stroke-width: 2px;
}

svg {
    fill: currentColor;
}


/*== pancake ==*/

.menu_container { position: relative; z-index: 9999;}
.dell_pancake {  background:#fff url(http://images.moneycontrol.com/assets/images/ms/google/hamburger.png)center center no-repeat;
    width: 55px; height: 55px; z-index: 9; position: fixed; left: 20px; top: 30px; cursor: pointer;border-radius: 50%;
    box-shadow: 0px 1px 5px -2px #000000;}
.dell_pancake:before {  content: ""; font: 400 12px/25px "Open Sans", sans-serif; color: #00447C; margin-top: -22px; display: block;}
.dell_pancake.dell_pancake_close:before { content: ""; font: 400 12px/25px "Open Sans", sans-serif; color: #00447C; margin-top: -22px;display: block;}
.dell_pancake.dell_pancake_close { background:#fff url(http://images.moneycontrol.com/assets/images/ms/google/pancake_close.png)center center no-repeat; width: 55px; height:55px; position: fixed; /*right: 65px;*/top: 30px; cursor: pointer; z-index: 9; content: ""; transition: 0.5s all;box-shadow: none;left: 470px;}
#menus { opacity: 0; left: -560px; position: absolute; z-index: 1;transition: 0.7s all;}
#menus.activemenu {  left: 0px; opacity: 1;transition: 0.7s all;}
.menus { position: fixed;  z-index: 1;  width: 560px; transition: 0.7s all; background-color: #fff; top: 0px; height: 100%; padding: 85px 60px 0 60px;}
.bodyhiddn { overflow: hidden;}
.overlaybg { position: fixed;left: 0; top: 0; right: 0; bottom: 0; height: 100%;content: ""; width: 100%; z-index: 999; background: #000; opacity: 0.5;}
.top_links li { margin-bottom: 35px; border-bottom: 1px dashed #ccc; padding-bottom: 10px; position: relative;}
.top_links li a {  font: 400 25px/30px "Open Sans", sans-serif; color: #6d6d6d; display: block;}
.top_sublinks { display: none;}
.top_sublinks li { border-bottom: 0; margin-bottom: 0;}
.top_sublinks_active span { border: solid #00447C; border-width: 0 3px 3px 0; padding: 10px; display: inline-block; transform: rotate(45deg); position: absolute; top: -5px; right: 20px;}
.top_sublinks_active { border-bottom: 1px dashed #ccc; padding-bottom: 5px;}
.top_sublinks_active.active { border-bottom: 1px dashed #ccc;}
.top_links li.sublinks { border-bottom: 0;}
.top_sublinks_active.active span { border-width: 3px 0 0 3px; top: 10px;}
.top_sublinks { margin-top: 15px; padding-left: 25px;}
.top_sublinks li a {font: 400 25px/30px "Open Sans", sans-serif; color: #0076CE;}
.menusocial svg {fill: #C8C9C7; margin: 0 10px 0 5px;}
.top_links li.menusocial {border-bottom: 0;}
.menusocial .insta_icon,.menusocial .tt_icon,.menusocial .fb_icon { display: inline-block; vertical-align: middle;}
.menusocial div { font: 400 25px/30px "Open Sans", sans-serif;color: #00447C; display: inline-block; vertical-align: middle;}
.menusocial a { line-height: 15px;}


/*== pancake ==*/


/****** start about ******/
.about{padding: 85px 0;background: #fbfbfb;border-top: 1px solid #eeeeee;border-bottom: 1px solid #eeeeee;margin-bottom: 70px;}
.d-flex2{display: flex;justify-content: space-between; /*align-items: center;*/}
.heading1{font-size: 42px;font-weight: 700;color: #4284f4;font-family: 'Noto Sans', sans-serif;}
.line{margin: 0 40px}
.line2{width: 97px;}
.about p{font-size: 20px;line-height: 40px;}
/***** end about ******/


/****** start mid-thumb *****/
.mid-thumb{border: 1px solid #eeeeee;margin-bottom: 80px;}
.mid-thumb ul{display: flex;}
.mid-thumb li{width: 50%;padding: 30px;background: #fff url('http://images.moneycontrol.com/assets/images/ms/google/square-bg.png')right bottom no-repeat;background-size: 60px;}
.mid-thumb li:first-child{border-right: 1px solid #eee;}
.thumb-inn h2{font-size: 33px;font-weight: 600;color: #4284f4;;margin-bottom: 50px}
.thumb-inn h3{font-weight: bold;}
.thumb-inn p{font-size: 18px;line-height: 40px;color: #6d6d6d;margin-bottom: 25px;}
/****** end mid-thumb ******/


/***** start events-main ******/
.cent-bx{width: 656px;margin: 0 auto}
.events-main {background: url('http://images.moneycontrol.com/assets/images/ms/google/bg1.jpg')center top no-repeat;background-attachment: fixed;padding: 60px 0;background-size: cover;border-top: 1px solid #eeeeee;border-bottom: 1px solid #eeeeee;}
.event-thumb{display: flex;margin-bottom: 50px;}
.event-lft {width: 85px;height: 85px;flex-shrink: 0;background: url('http://images.moneycontrol.com/assets/images/ms/google/box-bg.jpg')right bottom no-repeat; text-align: center;display: flex;flex-direction: column;justify-content: center; align-items: center;margin-right: 20px;color: #4284f4;text-transform: uppercase;font-family: 'Noto Sans', sans-serif;font-weight: 700;line-height: 30px;font-size:42px}
.event-lft span{font-size: 21px;color: #4284f4}
.event-rgt h3{color: #6d6d6d;font-size: 21px;font-weight: 700;margin-bottom:15px;/*line-height: 13px;*/}
.event-rgt p{font-size: 17px;line-height: 20px;margin-bottom: 10px;}
/***** end events-main *****/



/***** article start *****/
.article-main{padding: 40px 0;}
.article-main .slick-slide{margin: 0 15px}
.art-container{display: flex;gap: 30px;flex-wrap: wrap;}
.article-thumb{border: 1px solid #eeeeee;border-radius: 5px;padding: 30px;width: 545px;}
.article-thumb h3{font-size: 20px;font-weight: 600;color: #6d6d6d;margin-bottom: 10px}
.article-thumb p{font-size: 16px;line-height: 24px;color: #6d6d6d;margin-bottom: 10px;
    overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-box-orient: vertical;-webkit-line-clamp: 4;}
.article-main .slick-next{background: url('http://images.moneycontrol.com/assets/images/ms/google/arrow.png')right center no-repeat;width: 28px;height: 53px;font-size: 0;background-size: 100%;position: absolute; top: 40%;right: -30px}
.article-main .slick-prev{background: url('http://images.moneycontrol.com/assets/images/ms/google/arrow.png')right center no-repeat;width: 28px;height: 53px;font-size: 0;background-size: 100%;transform: rotate(180deg);position: absolute; top: 40%;left: -30px}

.dis-flx{display: flex;}
.art-lft{width: 150px;margin-right: 15px;margin-bottom: 15px;float: left;flex-shrink: 0;}
.art-lft img {width: 100%;object-fit: cover;height: auto;margin-top: 7px;}

/**** article end ******/




/***** more video *****/
.more-vid{position: relative;background: url('http://images.moneycontrol.com/assets/images/ms/google/video-bg.jpg')center top no-repeat;background-size: cover;background-attachment: fixed;padding: 75px 0}
.mid-video{display: block;justify-content: space-between;}
.vid-thumb{width: 350px;}
.mid-video .slick-slide{margin: 0 20px;}
.vid-thumb img {width: 100%; }
.vid-top {height: 188px;position: relative;padding-bottom: 56.2%;}
.vid-img{position: relative;}
.vid-btn {position: absolute;left: 0;right: 0;margin: 0 auto;width: 53px;height: 53px;top: 33%;z-index: 10;}
.vid-btn img{width: 100%;}
.vid-bot p{color: #6D6E71;font-size: 16px;line-height: 26px;}
 
.more-vid .slick-next{background: url('http://images.moneycontrol.com/assets/images/ms/google/arrow.png')right center no-repeat;width: 28px;height: 53px;font-size: 0;background-size: 100%;position: absolute; top: 30%;right: -20px}
.more-vid .slick-prev{background: url('http://images.moneycontrol.com/assets/images/ms/google/arrow.png')right center no-repeat;width: 28px;height: 53px;font-size: 0;background-size: 100%;transform: rotate(180deg);position: absolute; top: 30%;left: -20px}


img {width: 300px;}
.modal-header { padding:25px 15px 0 15px; border: none; text-align: center; }
.modal-header .close {
    position: absolute;
    right: 10px;
    top: 5px;
    font-size: 26px;
    opacity: 1;
    font-weight: normal;
}
.close {
    position: absolute;
    right: 0;
    top: -60px;
    z-index: 999;
    font-size: 2rem;
    font-weight: normal;
    color: #fff;
    opacity: 1;
}
.close img {
    width: 35px;
}
.close-pop {
  position:absolute;
  right:20px;
  top:20px;
  z-index:999;
  opacity:1;background: none;
}
.close-pop img {width: 28px;height: 28px;}
#vid-one .modal-dialog{width: 800px;height: 450px;margin: 100px auto;}
#vid-one .modal-body{padding: 5px;}

/**** start regnow *****/
.reg-now{background: #4b4b4b;padding: 42px 0;color: #fff;}
.tym p{font-weight: 700;font-size: 21px;color: #fff;}
/**** end regnow *****/


/**** footer start *******/
footer{padding: 35px 0;display: flex;justify-content: space-between;}
footer p{color: #9d9d9d;font-size: 15px;}
.fot-rgt ul li{display: inline-block;}
footer a,footer a:hover{color: #818181;font-size: 12px;text-decoration: none;text-transform: uppercase;display: inline-block;}
/**** footer end ******/


/****** tab ******/

/*== heros ==*/

.heros_section {
    position: relative;

}

.heros_tabs li {
    display: inline-block;
    font-size: 17px;font-weight: 600;
    background: #f3f3f3;
    padding: 13px 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    color: #6d6d6d;
}


.heros_tabs li a {
    color: #6d6d6d;
}

.heros_tabs li.active a {
    color: #fff;
}


.content_block:hover,
.content_block:focus {
    color: #000;
}

.heros_tabs_content>.tab-pane {
    display: none;
}

.heros_tabs_content>.tab-pane.active {
    display: block;
}

.heros_tabs {
  border-bottom: 1px solid #e5e5e5;text-align: right;position: relative;
}
.heros_tabs li.active { background-color: #4284f4; color: #fff;}
.heros_slider{margin-bottom: 20px;}

 .swiper-container2{
      width: 100%;
      padding-top: 50px;
      padding-bottom: 50px;
    }

    .swiper-slide2 {
      background-position: center;
      background-size: cover;
      width: 300px;
      height: 300px;

    }

/*== heros ==*/

.mob-banner{display: none;}

.swiper-container1{
      width: 100%;
      padding-top: 50px;
      padding-bottom: 50px;
    }

    .swiper-slide1 {
      background-position: center;
      background-size: cover;
      width: 300px;
      height: 300px;

    }
  


@media all and (max-width: 1279px) {
	.wrapper{width: 100%;padding: 0 15px}
	.mid-video{gap: 15px}
  .article-thumb{width: 48%;}
	}
@media all and (max-width: 1100px){
  .more-vid .slick-next{right: -10px;}
  .more-vid .slick-prev{left: -10px;}
}

@media all and (max-width: 980px) {
.wrapper{width: 100%;padding: 0 15px}
.top-bar{padding-right: 15px;}
.dell_pancake{left: 15px;top: 20px}
.banner-lft{padding-top: 50px;}
.banner { background: url(http://images.moneycontrol.com/assets/images/ms/google/banner.jpg)230px bottom no-repeat; background-size: 100%;}
.blu-btn{font-size: 17px;padding: 10px 20px;}
.slider-image{filter: none;}
.slider-image { background: #fff;height:100%;}
.logo3 {
    width: 185px;
}
.s-rgt-btn{left: 0;right: 0;position: relative;bottom: 0;}
.swiper-slide2,.swiper-slide1{height: 100%;}
.heading-tym p{font-size: 16px;margin-bottom: 10px;}
.banner-rgt{right: 10px;}
.about{margin-bottom: 40px;}
.head2{position: relative;text-align: center;margin-bottom: 20px;font-size: 34px;}
.heros_tabs{text-align: center;}
.more-vid .headind2{margin-bottom: 30px;}
.vid-btn2{width: 50px;height: 50px;}
.mid-video,.d-flx{display: block;}
footer{text-align: center;display: block;padding: 15px 0;}
.vid-thumb{margin:0 auto 30px;flex-shrink: 0;}
.headind2{font-size: 34px;margin-bottom: 30px;}
.more-vid:before{top: 38px}
.main-vid{padding: 40px 0;margin-bottom: 40px;}
#vid-one .modal-dialog{width: 95%;}
.sildebg{margin: 30px 0}
.event-lft{font-size: 35px;}
.event-lft span{font-size: 17px;}
.s-lft-txt p{overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;-webkit-line-clamp: 3;}

.s-lft-txt{width: 100%;padding-left: 40px;}
.s-lft-txt p{font-size: 17px;line-height: 26px;}

.reg-now .d-flex{display: block;text-align: center;}
.tym{margin-bottom: 20px;}
.reg-now{padding: 15px 0;}
.mid-video{display: flex;overflow: auto;}
.more-vid,.events-main,.about,.article-main{padding: 40px 0;}
.events-main{padding-bottom: 10px;}

.article-thumb h3,.thumb-inn h2,.heading1{font-size: 20px;}
.article-thumb p,.blue-link,.thumb-inn p,.about p{font-size: 16px;line-height: 26px;}

.art-container{width: 100%;overflow: auto;flex-wrap: nowrap;}
.article-thumb{flex-shrink: 0;}

.cent-bx{width: 100%;}

.event-rgt h3{line-height: 25px;}
.mid-thumb ul,.d-flex2{display: block;}
.mid-thumb li{width: 100%;padding: 20px;}
.thumb-inn h2,.thumb-inn p{margin-bottom: 25px;}
.mid-thumb li:first-child { border-bottom: 1px solid #eee;border-right: 0;}
.line{display: none;}
.swiper-slide-active .slider-image{background: #fff !important;}

.dell_pancake.dell_pancake_close {
  left:300px;
}

}

@media all and (max-width: 767px){
  .banner{background: #fff;}
.banner .wrapper{padding: 0;}
.banner-lft a,.banner-lft span{padding-left: 15px;}
.head-vid,.banner-lft,.banner-rgt{width: 100%;}
.banner-lft{padding-top: 50px;padding-bottom: 0;}
.mob-banner{display: block;background: url('http://images.moneycontrol.com/assets/images/ms/google/m-header.jpg') center top no-repeat;background-size: cover;width: 100%;height: 250px;margin: 20px 0 0;}
.heading-tym{flex-direction: column;padding: 10px 0;}
.banner-rgt{/***** background: #4b4b4b;******/left: 0;right: 0;bottom: 0;}
.article-thumb{width: 300px;padding: 15px;}
.dis-flx{flex-direction: column;}
.art-lft{width: 100%;margin: 0 0 15px}
.art-lft img {width: 100%;}
.heros_tabs li{font-size: 14px;padding: 10px 12px;}
.swiper-container1{padding-top: 0;padding-bottom: 0;}

}




/***** new slider css start *******/
.main-banner{background: #fff;height:577px ;}
.grey-bottom{background: #494949;padding: 10px 0;}
.gry-content{display: flex;justify-content: space-between;align-items: center;}
.gry-content p{font-size: 25px;color: #fff;font-weight: 400;padding-right: 15px;}
.heading-tym{width: 35%;flex-shrink: 0;justify-content: flex-end;}
.left-text h2{font-size: 30px;color: #6d6d6d;margin-bottom: 15px;}
.left-text p{font-size: 20px;color: #6d6d6d;line-height: 30px;margin-bottom: 15px;}
.blu-btn{font-weight: 400;}
.top-slider{position: relative;}
.banner-img:after { width: 0; height: 0;  border-top: 577px solid #fff  ;  border-right: 350px solid transparent;  position: absolute; content: ''; left: 0; top: 0;}
.banner-img{background: #fff;position: absolute;right: 0;top: 0;width: 800px;height: 577px;}
.left-text{width: 500px;height: 577px;padding-top: 100px;position: relative;}
.main-banner .slick-prev {
    background: #fff url(http://images.moneycontrol.com/assets/images/ms/google/arrow2.png)center center no-repeat;
    width: 34px;
    height: 42px;
    font-size: 0;
    background-size: 16px;
    transform: rotate(180deg);
    position: absolute;
    top: 40%;
    left: 20px;
    box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.5);
    z-index: 1;
}
.main-banner .slick-next {
    background:#fff url(http://images.moneycontrol.com/assets/images/ms/google/arrow2.png)center center no-repeat;
    width: 34px;
    height: 42px;
    font-size: 0;
    background-size: 16px;
    position: absolute;
    top: 40%;
    right: 20px;
    box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.5);
    z-index: 1;
}
.mob-img{display: none;}
.main-banner .left-text span {
    font-size: 16px;
    display: block;
    color: #000;
    margin-bottom: 15px;
}
.cen-logo{padding-left: 10%;}

@media all and (max-width: 980px){
.gry-content{flex-direction: column;}
.banner-img,.main-banner{height: 570px;}
.banner-img:after{display: none;}
.left-text{width: 100%;height: 360px;}
.banner-img{display: none;}
.gry-content{text-align: center;}
.gry-content p{font-size: 20px;padding-right: 0;margin-bottom: 10px;}
.heading-tym{width: 100%;justify-content: center;}
.left-text h2{font-size: 23px;}
.left-text p,.left-text h2{overflow: hidden;  text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.main-banner .slick-dots{margin-top: -70px;}
.mob-img{display: block;height: 200px;}
.mob-img img {width: 100%;height: 200px;object-fit: cover;margin: 15px 0}
.main-banner .slick-prev,.main-banner .slick-next{top: 59%}
.main-banner .slick-prev,.main-banner .slick-next{width: 36px;height: 40px;background-size: 16px;}
.main-banner .slick-next{right: unset;left: 80px}
.cen-logo{margin: 0 auto;
    text-align: center;
    display: block;
    width: 100%;padding-left: 0;}
    .logo3{width: 150px;margin: 0 auto}
    .logo2{margin:0 auto 15px;width: 250px;}
    .cloud-logo{width: 230px;margin: 0 auto 5px}
}

@media screen and (min-width:769px) and (max-width:1024px) {
.banner-img{width: 650px;}
.heading-tym{width: 50%;}
}