/*Reset*/
html{height:100%;scroll-behavior: smooth;}
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,strong,sub,sup,tt,var,b,u,i,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,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body,*{padding:0;margin:0;-webkit-overflow-scrolling:touch;box-sizing:border-box;}
ol,ul,li{list-style:none;padding:0;margin:0}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
a{text-decoration:none;outline:none}
a:focus,img:focus,input:focus,button:focus,div:focus{outline:none;}
*{box-sizing:border-box;}
/*Reset*/

body{background:#fff;font-size:100%;font-family:'Open Sans';}
.max-width-class{max-width:100%;z-index:99;margin:0 auto;position:relative;box-sizing:border-box}
#wrapper{width:100%;margin:0 auto;padding:20px 0;}
.top-bg{background-color:#f6f6f6;padding-top:30px;border-radius: 25px;}
.top-bar{text-align: right;}
.back-lg .cnbc{margin-right: 24px;width: 165px;}
.circ{position: relative;}
.circle{width: 48px;position: absolute;left: -220px;top: -32px;}
.logo-sec{margin-top:30px;position: relative;}
.left-an{position: absolute;left: 8%;top:30%;}
.right-cr{position: absolute;right: 0;top:18%;}
.logo{margin:0 auto;display: block;}
.left-ang{position: absolute;left: 56px;top:188px;}
.left-angl{position: absolute;left: 0;top:-60px;}
.right-crc{position: absolute;right: 17%;top:-34%;width: 60px;opacity: 0}
.right-rc{position: absolute;right: 5%;top: 0;}
.mid-bn{margin:0 auto;display: block;width: 900px;}
.mid-bn img{width: 100%;}
.sildebg{margin: 30px 0 50px;}
.slide-h{font-size: 36px;color: #006dee;font-weight: 800;font-family: "Open Sans";text-align: center;margin-bottom: 50px;line-height: 38px;}
.play{position: absolute;top:35%;left: 40%;}
.logo-se{position: relative;}
.panelWrap{background-color: #eef5ff;margin-bottom: 25px;border-radius:0 0 25px 25px;padding-bottom: 50px;}
.panelWrap .flexwrap{display: flex;flex-wrap: wrap;padding:0 30px;position: relative;top:-30px;align-items: center;justify-content: center;}
.panelWrap .imgwrap{position: relative;padding:30px 35px;transition:all 0.5s;width: 33.33%;}
.panelWrap .imgwrap:hover{background-color: #fff;border-radius: 25px;box-shadow: 0px 0px 0px 2px #006dee;opacity:1; transition:all 0.5s;}
.vid-head{background: url('http://stgwww.moneycontrol.com/assets/images/ms/google/mid-bn.png');background-position: top;margin: 0 auto;height: 160px;}
.vid-head .vid-lh{font-size: 36px;color: #000000;font-weight: 800;font-family: "Open Sans";text-align: center;position: relative;left: 0;top:23px;opacity: 1;visibility: visible;} 
.vid-hed{background: url('http://stgwww.moneycontrol.com/assets/images/ms/google/mid-bn.png');background-position: bottom;margin: 0 auto;height: 180px;}
.vid-h{font-size: 22px;line-height: 34px;color: #000000;font-weight: 700;font-family: "Open Sans";text-align: center;margin-top:10px;}
.vid-sub{font-size: 20px;line-height: 30px;color: #000000;font-weight: 400;font-family: "Open Sans";text-align: center;margin-top:20px;}
.vid-hed .vid-lh{font-size: 36px;color: #000000;font-weight: 800;font-family: "Open Sans";text-align: center;position: relative;top:60px;opacity: 0;}
.vid{width: 100%;border-radius:45px}
.vid-s{font-size: 20px;line-height: 31px;color: #000000;font-weight: 400;font-family: "Open Sans";text-align: center;width: 60%;margin: 0 auto;display: block;position: relative;top: 40px;}
.load-m{background-color: #006dee;color:#fff;padding:18px;border-radius: 12px;font-family:"Open Sans";font-weight: 700;font-size: 16px;display: table;margin:0 auto;}
.swiper-container:hover .swiper-button-prev,.swiper-container:hover .swiper-button-next{transform:translateX(0);opacity:1;visibility:visible}
[class^=swiper-button-]{width:46px;opacity:.6; height: 80px}
.slider-image{/*background: url('http://stgwww.moneycontrol.com/assets/images/ms/google/slider.png')center top no-repeat;*/position: relative;z-index: 9;width: 100%;height: 340px; color: #6d6d6d;border-radius: 20px;border: 1px solid #eee;background: #fff;}
.s-lft-txt{float: left;width: 330px;text-align: left;padding:0 30px;}
.s-rgt-txt{float: right;}
.s-lft-txt h3{font-size: 20px;font-weight: 600;color: #6d6d6d;margin-bottom: 20px}
.s-lft-txt p{line-height: 24px;color: #6d6d6d;margin-bottom: 20px;font-weight: 400;font-size: 16px;
overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;-webkit-line-clamp: 4;

}
.sildetop{background-image:url(http://stgwww.moneycontrol.com/assets/images/ms/google/slidetop.png);background-size:cover;background-repeat:no-repeat;padding:4% 20px 8%;box-sizing:content-box;background-position:center;}
.swiper-slide{box-sizing:border-box;width: 798px;}
.swiper-slide.swiper-slide-active{position:relative;margin:0;box-sizing:border-box}
.slider-image {filter:blur(4px);border-radius: 25px;pointer-events: none;padding: 45px 0; border-width: 10px;}
.swiper-slide-active .slider-image {filter:blur(0px);pointer-events: unset;padding: 0;border-width: 1px;box-shadow: 0px 2px 14px #e5e5e5;}
.slidetext{display:none}
.swiper-button-next:after,.swiper-button-prev:after{font-size:0}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next{top:30%;left:20%;right:auto;background-image:url(http://stgwww.moneycontrol.com/assets/images/ms/google/left.png);background-position:center;background-repeat:no-repeat}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{top:30%;right:20%;left:auto;background-image:url(http://stgwww.moneycontrol.com/assets/images/ms/google/right.png);background-position:center;background-repeat:no-repeat}
.swiper-slide-active .slidetext{display:block;font-size: 22px;color: #6d6d6d;font-weight: bold;font-family: "Open Sans";padding:20px 0;text-align: center;}
.s-rgt-btn{position: absolute;left: 20px;bottom: 20px;}
.s-rgt-btn a{background: #4284f4;color: #fff;text-transform: uppercase;font-size: 17px;padding: 5px 15px;display: inline-block;font-weight: 500;font-family: "Open Sans";}
.slidetext .silde-sub{font-size: 18px;line-height: 29px;color: #ffffff;font-weight: 400;font-family: "Open Sans";text-align: center;display: flex;margin:20px 0;position: relative;}
.slide-tri{position: absolute;bottom: 38px;left: 12%;}
.modal-class{position:fixed;top:50%;left:50%;background:transparent;transform:translate(-50%,-50%);z-index:101;max-width:600px;margin:0 auto;padding:20px;height:100%;margin:0 auto;text-align:center;box-sizing:border-box;max-height:366px;width:100%}
.lightbox{display:none;position:fixed;z-index:999;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8)}
.lightbox .lightbox-video{width:100%;padding-bottom:56%}
.lightbox iframe{position:absolute;height:100%;width:100%;left:0;right:0}
.lightbox .lightbox-column{height:350px;overflow:scroll}
.lightbox img{display:block;margin:0 auto}
.lightbox .lightbox-close{position:absolute;display:block;top:-12px;right:0;color:#fff;font-size:16px;height:35px;width:35px;background:rgb(0 0 0 / 80%);border:3px solid #fff;border-radius:50%;line-height:31px;text-align:center;z-index:9999}
.lightbox .lightbox-close:hover{text-decoration:none}
.video-frame{height:0;max-width:100%;overflow:hidden;padding-bottom:58%;position:relative}
#dmVideoContainer,.video-js,.video-frame iframe{height:100%!important;left:0!important;position:absolute!important;top:0!important;width:100%!important}
.flexleft{position:relative;z-index:99;margin-top:0}
.flexleft:before{position:absolute;content:"";border:1px solid yellow;top:10px;left:10px;right:0;bottom:0;width:100%;z-index:-1;margin-bottom:10px}
 .swiper-wrapper .slick-arrow{position:absolute;bottom:0;top:0;display:flex;align-items:center;cursor:pointer;z-index:99}
.swiper-wrapper .slick-next{right:-40px}
.swiper-wrapper .slick-prev{left:-40px}
.footer{background-color: #fff9eb;padding:40px;border-radius:25px;}
.foot-inner{display: flex;align-items: center;justify-content: space-between;}
.l-inner p{font-size: 16px;line-height: 22px;color: #000000;font-weight: 400;font-family: "Open Sans";margin-right: 50px;}
.l-inner { width: 70%;}
.r-inner{display: flex;justify-content: space-between;}
.r-in{position: relative;text-align: right;}
.in-links {display: flex;justify-content: space-between;}
.in-links a{font-size: 16px;line-height: 31px;color: #000000;font-weight: 600;font-family: "Open Sans";margin-right: 25px;}
.cp-r{font-size: 12px;letter-spacing: 2px;line-height: 22px;color: #000000;font-weight: 600;font-family: "Open Sans";margin-top: 12px;text-align: right;}
.m-show{display: none;}
.load-toggle{display: none;}
.back-lg{font-size: 20px;color: #000;font-weight: 400;font-family: "Open Sans";}
.back-lg span{font-weight: 700;}
.in-links li:last-child a { margin-right: 0;}
.vid-thumb{position: relative;}
.visitme{color: #0678ea;font-size: 20px;font-weight: 400;font-family: "Open Sans";text-transform: capitalize;position: absolute;left: 30px;top: 30px;}
.blue-lg{font-weight: 700;color:#0678ea;text-transform: lowercase;}
.hapmob{display: none}
.hapdesk{margin: 0 auto 0; text-align: center;padding-top: 30px;}
.swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white {
    --swiper-navigation-color: #4284f4 !important;
}
@media(max-width: 769px){
    .vid{border-radius:25px}
    .in-links a{margin-right: 6px;}
    #wrapper{padding:40px 0;}
    .top-bg{margin:0 10px;}
    .logo{width: 270px;}
    .foot-inner{flex-direction: column;}
    .l-inner p{margin-right: 0;margin-bottom: 25px;text-align: center;}
    .l-inner { width: 100%;}
    .r-inner{flex-direction: column;}
    .in-links{align-items: center;justify-content: center;margin-top: 25px;}
    .cp-r{text-align: center;margin-top:20px;margin-bottom: 25px;}
    .r-in img{margin:0 auto;display: block;}
    [class^=swiper-button-]{display: none;}
    .circle, .left-an, .right-cr, .left-angl, .right-rc, .left-ang{display: none;}
    .back-lg{position: absolute;left: 25%;top:-30px;font-size: 15px;}
    .panelWrap .imgwrap{margin-right: 0;padding: 15px;margin-bottom: 20px;width: 100%;}
    .panelWrap .flexwrap{padding: 0 20px;flex-direction: column;margin-top:0;}
    .vid-hed{background: unset;height: 200px;}
    .vid-hed .vid-lh{top:110px;font-size: 30px;line-height: 32px;}
    .play{top:35%;left: 40%;width: 50px;}
    .vid-head .vid-lh{font-size: 40px;line-height: 46px;top:-150px;padding:0 40px;}
    .vid-head{margin-top:180px;height: 200px;}
    .vid-s{width: auto;top:-130px;line-height: 29px;padding: 0 5px;}

    .slider-image iframe{filter:blur(0px);pointer-events: unset;padding: 100px 0;}
    .slidetext{display:block;font-size: 26px;color: #ffffff;font-weight: bold;font-family: "Proxima Nova Rg";padding:20px 0;text-align: center;line-height: 30px;padding-bottom: 0;}
    .slidetext .silde-sub{margin-bottom: 0;line-height: 27px;width: auto;left: 0;}
    .sildebg{padding:35px 15px;}
    .swiper-wrapper .slick-next {right: -24px;top:210px;height: 40px;width: 40px;}
    .swiper-wrapper .slick-prev {left: 0px;top:210px;height: 40px;width: 40px;}
    .swiper-wrapper .slick-prev img , .swiper-wrapper .slick-next img{width: 20px;}
    .slide-h{margin-bottom: 30px;font-size: 30px;line-height: 31px;}
    .slider-image{padding: 0 20px;}
    .m-show{display: block;}
    .left-m{position: absolute;top: -145px;left: 0;width: 40px;}
    .m-cir{position: absolute;top: -90px;right: -10px;width: 80px;}
    .vid-h{font-size: 18px;line-height: 22px;}
    .vid-sub{font-size: 16px;line-height: 20px;margin-top: 10px;}
    .slide-tri{width: 35px;left: unset;right: 20%;bottom: 15px;}
    .visitme {
        position: absolute;
        left: 0px;
        top: 20px;
        right: 0;
        text-align: center;
    }
    .hapdesk{display: none;}
    .hapmob{display: block;margin: 0 auto 0; text-align: center;padding-top: 30px;}
}
@media (max-width: 540px){
.vid-head .vid-lh {padding:0 45px;}

}
@media (max-width: 375px){
.vid-head .vid-lh {padding:0 25px;}
.vid-head{height: 227px;}
}
@media (max-width: 360px){
.vid-head .vid-lh {padding:0;}
.vid-head{height: 227px;}
}
@media (max-width: 320px){
.vid-head .vid-lh {padding:0;}
.vid-head{height: 250px;}
}