@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700&display=swap');*{margin:0;padding:0;box-sizing:border-box}
.graphbanner .my-bajaj-dots{position:absolute;top:24px;left:58px}
.graphbanner-cont{margin:48px 0 10px 0}
.graphbanner-cont .header{text-align:center;position:relative}
.graph_banner_img-bg{position:absolute;left:42px}
.graphbanner-cont .header .h1{color:var(--text-black-131619,#131619);font-family:Rubik;font-size:32px;font-style:normal;font-weight:700;line-height:normal}
.graphbanner-cont .header p{margin-top:8px;color:var(--text-black-131619,#131619);text-align:justify;font-family:Rubik;font-size:16px;font-style:normal;font-weight:400;line-height:normal;padding-left:50px;text-align:left;margin-top:18px}
.graphbanner-cont .header p a{color:#0072bc !important}
.graphbanner-cont .container{display:flex;padding:8px 8px;margin-top:36px;position:relative;justify-content:space-between}
.graphbanner-cont .container .con1{display:flex;flex-wrap:wrap;width:800px;justify-content:space-evenly}
.graphbanner-cont .container .con1 .card{position:relative;display:flex;align-items:center;justify-content:space-evenly;flex-direction:column;width:196px;height:96px;margin-left:48px;margin-bottom:4px}
.graphbanner-cont .container .con1 .card svg{width:100%;height:100%}
.graphbanner-cont .container .con1 .card .img-details{position:absolute;display:flex;align-items:start;justify-content:center;flex-direction:column;left:33px;text-align:start}
.graphbanner-cont .container .con1 .card .img-details .h1{width:147px;height:31px;color:var(--text-black-131619,#131619);font-family:Rubik;font-size:22px;font-style:normal;font-weight:700;line-height:normal}
.graphbanner-cont .container .con1 .card .img-details span{color:var(--text-black-131619,#131619);font-family:Rubik;font-size:10px;font-style:normal;font-weight:400;line-height:normal;margin-top:4px;padding:2px}
.graphbanner-cont .container .con1 .card .i{position:absolute;left:-25px;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center}
.graphbanner-cont .container .con1 .card .i>img{width:48px;height:48px}
.container .con2 .rban-img{height:100%}
.container .con2 .rban-img img{height:100%;width:100%}
.container .con2{position:relative;width:500px;height:216px;margin-left:24px;border-radius:10px;background:linear-gradient(180deg,#FFF 0,#daeffa 100%)}
.container .con2 .slideshow-container .slide{width:474.746px;height:201.012px;margin:14px;position:relative}
.container .con2 .slideshow-container .slide .slide-head{display:flex;align-items:center}
.container .card-svg{fill:var(--White,#FFF);stroke-width:.2px;stroke:var(--gradients-blue,#0074c9)}
.container .con2 .slideshow-container .slide .slide-head .h1{color:var(--text-grey-1363-c-41,#363c41);font-family:Rubik;font-size:14px;font-style:normal;font-weight:500;line-height:normal;width:207px;height:16.986px}
.container .con2 .slideshow-container .slide .h2{color:#1e4a86;font-family:Rubik;font-size:32px;font-style:normal;font-weight:700;line-height:normal;width:126px;height:37.969px;margin-left:12px}
.container .con2 .slideshow-container .graph-box{display:flex;width:80%;position:absolute;bottom:14px;justify-content:space-evenly}
.container .con2 .slideshow-container .graph-box .graph-item{display:flex;align-items:center;justify-content:space-between;flex-direction:column;margin-left:16px}
.container .con2 .slideshow-container .graph-box .graph-item .animation{display:flex;align-items:end;width:20px}
.container .con2 .slideshow-container .graph-box .graph-item:nth-child(1) .animation{height:44.457px;margin-top:48px}
.container .con2 .slideshow-container .graph-box .graph-item:nth-child(2) .animation{height:58.445px;margin-top:31px}
.container .con2 .slideshow-container .graph-box .graph-item:nth-child(3) .animation{height:63.451px;margin-top:28px}
.container .con2 .slideshow-container .graph-box .graph-item:nth-child(4) .animation{height:73.44px;margin-top:18px}
.container .con2 .slideshow-container .graph-box .graph-item:nth-child(5) .animation{height:93.424px;margin-bottom:12px}
.container .con2 .slideshow-container .graph-box .graph-item .animation img{width:100%;height:100%}
.container .con2 .slideshow-container .graph-box .graph-item button{display:flex;padding:8px 16px;justify-content:center;align-items:center;border-radius:20px;background:#dedede;color:#5c666e;border:0;color:var(--text-grey-25-c-666-e,#5c666e);font-family:Rubik;font-size:12px;font-style:normal;font-weight:500;line-height:normal}
.container .con2 .slideshow-container .graph-box .graph-item:nth-child(4) button{background:var(--text-grey-1363-c-41,#363c41);color:var(--card-bg-color-f-4-faff,#f4faff)}
.container .con2 .slideshow-container .shub-img{width:86.746px;height:185.025px;position:absolute;right:0;top:15px}
.container .con2 .slideshow-container .shub-img img{width:100%}
.container .con2 .slideshow-container .graph-box .shub-img img{width:100%;height:100%}
.container .con2 .slideshow-container .graph-box .graph-item button{display:flex;padding:8px 16px;justify-content:center;align-items:center;border-radius:20px;background:#dedede;color:#5c666e;border:0}
.container .con2 .slideshow-container::hover{animation:increaseWidth 2s ease}
.graph-dots{text-align:center}
.dotgraphbanner{height:8px;width:8px;margin:0 5px;background-color:#888;border-radius:50%;display:inline-block;cursor:pointer}
.dotgraphbanner.active{background-color:#555}
.bar{animation:increaseWidth 2s ease}
@keyframes increaseWidth{0{height:5.399px}
50%{height:100%}
100%{height:5.399px}
}
@media screen and (max-width:1030px){.graphbanner-cont .container{padding-left:0;flex-direction:column;padding:0;margin-top:24px}
.graphbanner-cont .container .con1{justify-content:center;width:100%}
.container .con2{margin:auto;margin-top:26px}
}
@media screen and (max-width:510px){.d_none{display:none}
.graphbanner .my-bajaj-dots{top:-15px;left:0}
.graphbanner-cont{margin:10px 0 0 0;text-align:center}
.graphbanner-cont .header{padding-left:16px;text-align:center}
.graphbanner-cont .header p{display:none}
.graphbanner-cont .header .h1{font-size:18px}
.graphbanner-cont .container .con1 .card{width:144px;height:80px;margin-left:8px}
.graphbanner-cont .container .con1{gap:16px}
.graphbanner-cont .container .con1 .card .img-details .h1{font-size:14px;height:18px}
.graphbanner-cont .container .con1 .card .img-details span{width:110px}
.graphbanner-cont .container .con1 .card .i{width:32px;height:32px;left:-14px}
.graphbanner-cont .container .con1 .card .i>img{width:100%;height:100%}
.container .con2 .slideshow-container .slide .slide-head{display:block}
.container .con2 .slideshow-container .slide .slide-head .h1{font-size:12px}
.container .con2 .slideshow-container .slide .slide-head .h2{font-size:24px;margin-left:unset}
.container .con2{width:100%;border-radius:1px;padding-left:unset;height:auto}
.container .con2 .slideshow-container{margin:0;width:unset}
.container .con2 .slideshow-container .slide{width:100%;margin:10px 10px 10px 0;position:relative}
.container .con2 .slideshow-container .graph-box{position:absolute;gap:8px;bottom:14px;left:0;width:10vw}
.container .con2 .slideshow-container .graph-box .graph-item button{padding:4px 10px}
.container .con2 .slideshow-container .graph-box .graph-item{margin-left:unset}
.container .con2 .slideshow-container .shub-img{width:77px;height:163px;position:absolute;right:0;top:42px}
.con2 .graph-dots{position:absolute;display:flex;margin:10px 156px}
.graphbanner-cont .container .con1 .card .img-details h3{width:79%}
}
.graphbanner-cont .container .con1 .card .img-details h3{color:var(--text-black-131619,#131619);font-family:Rubik;font-size:11px;font-style:normal;font-weight:400;line-height:normal;margin-top:4px;padding:2px;max-width:95%}