*{margin:0;padding:0;box-sizing:border-box}
:root{--blue:#0c4486}
body{font-family:'Inter Tight',sans-serif;font-size:16px;line-height:25px;overflow-x:hidden;font-weight:400;color:#494949}
h1,h2,h3,h4,h5,h6{font-weight:600;color:#373637}
h2{letter-spacing:-1px}
a{color:#0d0d0d;cursor:pointer}
ul{list-style-type:none}
a{text-decoration:none}
.container{width:80%;margin:0 auto}
.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.align-items-center{-ms-flex-align:center !important;align-items:center !important}
.justify-content-between{-ms-flex-pack:justify !important;justify-content:space-between !important}
.d-flex{display:-ms-flexbox !important;display:flex !important}
.d-lg-none{display:none}
.flex-column{-ms-flex-direction:column !important;flex-direction:column !important}
.d-block{display:block !important}
.d-none{display:none !important}
.flex-wrap{-ms-flex-wrap:wrap !important;flex-wrap:wrap !important}
.flex-end{display:-ms-flexbox !important;display:flex !important;justify-content:flex-end}
.justify-content-even{justify-content:space-evenly}
.justify-content-center{-ms-flex-pack:justify !important;justify-content:center !important}
.space{padding:90px 0}
.mt0{margin-top:0 !important}
.pd60{padding:60px 0}
.mt100{margin-top:100px}
.sp-sticky{width:100%;height:auto;display:block;position:fixed;z-index:99;left:0;top:0;transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.sp-sticky-child{transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
header .main-menu>li>a{padding:0 1.5vw;font-weight:500;color:#131516;font-size:16px;display:flex !important;align-items:center;height:90px;justify-content:center}
.main-menu a:hover span::after{border-right:2px solid #0d4486}
.main-menu a{position:relative}
.main-menu span{transition:all .3s ease}
.main-menu a::after{position:absolute;content:'';width:0;height:2px;bottom:0;transition:.3s ease;background:var(--blue)}
.main-menu a:hover::after,.main-menu a.active::after{width:100%}
.main-menu a:hover span{color:var(--blue)}
.slang{display:flex;flex-direction:column;align-items:center;gap:35px}
.goog-te-gadget .goog-te-combo{border:1px solid #ccc;padding:3px;border-radius:5px}
.goog-te-gadget .goog-te-combo:focus-visible{border:1px solid #ccc}
.adown{position:relative;margin-left:3px;content:url('data:image/svg+xml,%3Csvgxmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg"width="22"height="22"viewBox="002424"%3E%3Cpathfill="black"d="M16.99.2c-.4-.4-1-.4-1.40L1212.7L8.59.2c-.4-.4-1-.4-1.40s-.4101.4l4.24.2c.2.2.4.3.7.3c.30.5-.1.7-.3l4.2-4.2c.4-.4.4-10-1.4z"%2F%3E%3C%2Fsvg%3E')}
.main-menu a:hover .adown{filter:brightness(0) saturate(100%) invert(19%) sepia(73%) saturate(1705%) hue-rotate(194deg) brightness(93%) contrast(95%)}
.side-menu-wrap{padding-top:75px;width:300px;position:fixed;left:-100%;top:0;background:#fff;height:100%;-webkit-box-shadow:0 1px 5px 0 rgba(83,83,83,0.2);box-shadow:0 1px 5px 0 rgba(83,83,83,0.2);overflow-y:auto;z-index:9999;transition:.4s;-webkit-transition:.4s;-moz-transition:.4s;-ms-transition:.4s;-o-transition:.4s}
.side-menu-wrap.opened{left:0;transition:.8s;-webkit-transition:.8s;-moz-transition:.8s;-ms-transition:.8s;-o-transition:.8s}
p{text-align:left}
.main-menu .sub-menu li{line-height:24px}
.main-menu .sub-menu a{text-transform:capitalize;position:relative}
.side-menu-logo{border-bottom:2px solid #fe8204}
.header-sticky .side-menu-wrap{padding-top:95px}
.side-menu-nav .main-menu>li{position:relative;border-bottom:1px solid #ccc}
.side-menu-nav .main-menu>li>a>i{color:#03328e}
.side-menu-nav .main-menu .sub-menu{border-top:1px solid #0d4486;background:#fff;display:none}
.side-menu-nav .main-menu .sub-menu li{border-bottom:1px solid #eee}
.side-menu-nav .main-menu .sub-menu a{padding:13px 18px;display:block;color:#212529;font-weight:500;font-size:16px;transition:.4s;-webkit-transition:.4s;-moz-transition:.4s;-ms-transition:.4s;-o-transition:.4s}
.side-menu-nav .main-menu .sub-menu a i{color:#03328e}
.side-menu-nav .main-menu .sub-menu~i{position:absolute;padding:17.3px 11px;right:0;top:0;border-left:1px solid #ccc}
.side-menu-nav .main-menu .sub-menu a:hover{background:#0d4486;color:#fff}
.side-menu-nav .main-menu>li>a{color:#212529;padding:13px 30px 13px 10px;font-weight:600;display:block;transition:.4s;-webkit-transition:.4s;-moz-transition:.4s;-ms-transition:.4s;-o-transition:.4s}
.side-menu-wrap .side-menu-close{position:absolute;right:0;top:0;height:30px;width:30px;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0}
.side-menu-close{height:43px;width:43px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%}
.side-menu-close span{height:2px;width:20px;background:var(--blue);position:relative;opacity:1;transition:.4s;-webkit-transition:.4s;-moz-transition:.4s;-ms-transition:.4s;-o-transition:.4s}
.side-menu-close span:nth-child(1){top:-5px}
.side-menu-close span:nth-child(3){bottom:-5px}
.side-menu-close.closed span:nth-child(1){transform:translateY(7px) rotate(45deg);-webkit-transform:translateY(7px) rotate(45deg);-moz-transform:translateY(7px) rotate(45deg);-ms-transform:translateY(7px) rotate(45deg);-o-transform:translateY(7px) rotate(45deg)}
.side-menu-close.closed span:nth-child(2){opacity:0}
.side-menu-close.closed span:nth-child(3){transform:translateY(-7px) rotate(-45deg);-webkit-transform:translateY(-7px) rotate(-45deg);-moz-transform:translateY(-7px) rotate(-45deg);-ms-transform:translateY(-7px) rotate(-45deg);-o-transform:translateY(-7px) rotate(-45deg)}
.sp-sticky{width:100%;height:auto;display:block;position:fixed;z-index:99999;left:0;top:0;background-color:#fff;box-shadow:0 0 11px 3px #b0acac;transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.sp-active{box-shadow:rgb(0 0 0 / 10%) 0 2px 4px;background-color:#fff}
.sp-active .main-menu span::after{top:44%}
.sp-active .goog-te-gadget{color:#fff !important;height:0}
.goog-te-gadget{color:transparent !important;height:5px}
.goog-te-gadget span{display:none}
.psmenu.active>a{background:var(--blue);color:#fff !important}
.psmenu.active>i svg{filter:invert(1)}
.banner{color:#fff;position:relative;overflow:hidden}
.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}
.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}
.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}
.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.swiper-slide .bg{opacity:0}
.swiper-slide-active .bg{opacity:1}
.banner img{width:100%;object-fit:cover}
a.youtube svg,a.twitter svg{width:30px;height:28px;margin-top:-2px}
.swiper-pagination-bullet{width:8px;height:8px;border-radius:50%;position:relative;overflow:hidden;opacity:.8;background:#fff}
.swiper-pagination{bottom:20px;display:flex;justify-content:center;width:100%;margin-left:37px;gap:0 10px}
.swiper-button-prev::after,.swiper-button-next::after{display:none}
.swiper-pagination-banner{display:flex;justify-content:center;position:absolute;bottom:20px !important;left:0 !important;z-index:9}
.bpoints{display:flex;flex-wrap:wrap;gap:20px 10px;margin-top:20px}
.bpoints a{color:#d6d6d0;font-size:18px}
.bpoints li{position:relative;display:flex;align-items:center;padding-right:10px}
.bpoints li::after{content:'';position:absolute;width:1px;height:18px;background:#d6d6d0;right:0}
.bpoints li:last-child::after{display:none}
.pspace3{padding:30px 0}
.pspace5{padding:50px 0}
.mb1{margin-bottom:15px}
.mb2{margin-bottom:25px}
.f20{font-size:20px}
.pspace{padding:80px 0}
.swiper-pagination-bullet::before{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;background-color:#fff}
.swiper-pagination-bullet-active::before{background-color:var(--red);-webkit-animation:slide-progress 2s cubic-bezier(0.3,0,0.3,1) forwards;animation:slide-progress 2s cubic-bezier(0.3,0,0.3,1) forwards}
.swiper-paused .swiper-pagination-bullet-active::before{-webkit-animation-play-state:paused;animation-play-state:paused}
.swiper-slide{display:flex;align-items:center}
.picon .slide svg path{transition:all .1s linear}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next,.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:none !important}
.swiper-button-prev,.swiper-button-next{width:50px;height:50px;background-image:none;display:flex;align-items:center;justify-content:center}
.swiper-button-prev{left:30px}
.swiper-button-prev span{transform:rotate(-135deg);left:50%}
.swiper-button-prev span,.swiper-button-next span{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background-color:transparent;position:absolute;border:solid 3px #0f4484;border-left:0;border-bottom:0;transition:all .3s ease}
.swiper-button-next{right:30px}
.swiper-button-next span{transform:rotate(45deg);right:50%}
.swiper-button-prev:hover span:after,.swiper-button-next:hover span:after{width:calc(20px - 4px)}
.swiper-pagination-bullets{display:none}
.textWrapper{position:absolute;left:10%;padding:30px 50px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;background:#fff;bottom:0;z-index:9;width:80%;border-bottom:1px solid #6b788a85}
.textWrapper .bh1{color:#0f4484;font-size:44px;line-height:47px;font-weight:700;position:relative}
.cls{color:#4b4848;font-size:40px}
.textWrapper p{margin-bottom:20px}
.textWrapper span{font-weight:500;display:flex}
.cbtn:hover{padding-left:100px;background:#0d4488;color:#fff}
.cbtn span{left:15px;position:absolute;transform:translateX(-50px);opacity:0;transition:all .3s ease;white-space:nowrap}
.aboutgrid .cbtn span{font-size:16px;font-weight:400}
.cbtn:hover span:first-child{opacity:1;transform:translateX(0)}
.cbtn{padding:5px 5px;display:inline-flex;color:#fff;margin-top:20px;text-transform:capitalize;background:#6b788a;transition:all .3s linear;font-size:18px;z-index:1;border-radius:0 15px 15px 0;position:relative;align-items:center}
.whatsapp_form .qbtn{padding:10px 25px;display:inline-block;color:#fff;margin-top:0px;text-transform:capitalize;background:#0d4488;transition:all .3s linear;font-size:18px;z-index:1;border-radius: 15px;position:relative;align-items:center;width:100%;}
.qbtn{padding:10px 25px;display:inline-flex;color:#fff;margin-top:0px;text-transform:capitalize;background:#0d4488;transition:all .3s linear;font-size:18px;z-index:1;border-radius:0 15px 15px 0;position:relative;align-items:center}
.qbtn:hover{background:#6b788a !important}
hr{width:150px;margin-top:10px}
img{max-width:100%}
.imgwt{width:100%}
.imght{height:100%}
.aboutgrid{display:grid;grid-template-columns:40% 55%;align-items:center;justify-content:space-between}
.habout{font-size:24px;color:var(--blue);margin-bottom:20px;line-height:33px;font-weight:500}
.col2{display:flex;align-items:center}
.acontent{background:#eff1f3;padding:2%}
.aboutgrid h2{font-size:34px;line-height:30px;color:var(--blue)}
.fw400{font-weight:400}
sub{font-weight:300;font-size:25px}
.awrap{width:90%;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr)}
.data{display:flex;margin:35px 0;justify-content:space-evenly;flex-direction:column;gap:15px;align-items:center}
p.count{line-height:1;font-size:44px;font-weight:600;color:var(--blue);display:flex;align-items:baseline;gap:3px}
p.fs{font-size:20px;line-height:25px;text-align:center}
.fs b{font-weight:500}
.bg,.bg1{background-color:#eff1f3}
.title{font-size:34px;font-weight:600;color:var(--blue);margin-bottom:15px;line-height:1}
.productgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px 30px;margin-top:60px;margin-bottom:60px}
.product{display:flex;justify-content:center;flex-direction:column;position:relative;align-items:center}
.ps1 .pg-sec{min-height:180px;top:80%;padding:25px 25px 0}
.overlaycontent{display:flex;background-color:#eff1f3;position:absolute;bottom:0;top:70%;height:auto;width:80%;margin:0 auto;background:#fff;padding:20px 40px 0;flex-direction:column;justify-content:flex-start;align-items:baseline}
.overlaycontent:hover,.overlay:hover,.sustain .item:hover,.sustain .owl-item:hover{box-shadow:5px 5px 10px #0d44862e;transition:.3s ease-in-out;background:#fff}
.ps{display:grid;grid-template-columns:48% 48%;justify-content:space-between}
.ps1{position:relative;overflow:hidden}
.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:30px 30px;margin-top:40px;margin-bottom:20px}
.overlaycontent.etc{width:400px;left:8%;top:initial}
.overlaycontent.left{width:400px;left:0;top:initial;bottom:50px}
.prow .imgh{height:100%}
.mb-15{margin-bottom:15px}
.mb-30{margin-bottom:30px}
.ab{position:absolute}
.overlay{display:flex;background-color:#fff;position:absolute;right:15%;padding:30px 40px 0;flex-direction:column;align-items:baseline}
.prow{display:flex;flex-wrap:wrap;gap:40px 0;margin-top:60px;justify-content:space-between}
.tech1,.tech3{width:45%;position:relative}
.tech2{width:55%;display:grid;grid-template-columns:repeat(1,1fr);gap:30px;padding-left:30px}
.tech2 .imgh{width:100%}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:30px 30px;margin-top:60px}
.box{border:0 solid #bebebe;padding:10px;height:100%;background:#fff;transition:all .3s ease;display:flex;align-items:center}
.mm{width:100%;margin-top:30px;margin-bottom:10px}
.swrap{position:absolute;bottom:0}
.nm{display:grid;grid-template-columns:61% 35%;justify-content:space-between}
.news,.media{position:relative}
.media1{padding:20px}
.news1{display:grid;justify-content:space-between;grid-template-columns:repeat(2,1fr);gap:30px}
.yicon,.yicon a{position:relative;display:inline-flex;align-items:center;z-index:9;justify-content:center;text-align:center}
.yicon .button.is-play{position:absolute;z-index:9;display:flex;flex-direction:column;align-items:center;gap:20px 0;margin-top:20px}
.media .button-icon{width:60px;height:40px}
.yicon .button-icon{gap:20px;display:flex;flex-direction:column;align-items:center}
.button-icon{border-radius:8px;width:75px;height:50px;display:flex;background:#fff;align-items:center;justify-content:center;background:red;transition:all .3s ease-out}
.media1 .owl-dot{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;width:100px;height:5px;margin-left:2px;margin-right:2px;background:#ccc !important;border:0;height:3px;width:5%}
.owl-dots{display:flex;justify-content:flex-end}
.media1 button.owl-dot.active{background:var(--blue) !important}
.sus .owl-dot,.cdots .owl-dot{webkit-border-radius:0;-moz-border-radius:0;border-radius:10px;width:10px;height:10px;margin-left:12px;margin-right:2px;background:#ccc !important;border:0}
.sus .owl-dots,.cdots .owl-dots{margin-top:30px;display:flex;justify-content:center}
.sus button.owl-dot.active,.cdots button.owl-dot.active{background:var(--blue) !important}
.viewbtn{background-color:#e9e9e9;padding:8px 22px;color:#105283;transition:.25s}
.up:hover,.up:focus,.news .list:hover .up{box-shadow:inset 0 -3.25em 0 0 var(--blue);color:#fff}

.enq{display:flex;justify-content:center;align-items:center;gap:20px 100px}
.action{padding:30px 10px 30px 10px;background-color:#56657ae0;color:#d0d1d3}
.action a{white-space:nowrap}
.action p{font-size:30px;font-weight:500;color:#fff;line-height:32px}
.action .viewbtn{box-shadow:inset 0 -3.25em 0 0 var(--blue);color:#fff}
.action .viewbtn:hover{box-shadow:none;color:#105283}

.textWrapper p.sub{color:#4b4848;font-size:17px;font-weight:400;padding:5px 0 10px 0;margin-bottom:0}
.textWrapper:hover .cbtn span{transform:translateX(0)}
.subtitle{color:#0c4486;font-size:23px;font-weight:500;padding:10px 0 0 0;width:100%;}
.fbg{background-color:#eff1f1}
.wrap{display:grid;grid-template-columns:20% 15% 20% 15% 20%;padding:70px 0;justify-content:space-between}
footer h2{margin-bottom:15px;font-size:20px;font-family:'Inter Tight',sans-serif;display:none}
footer p,footer a{color:#03487e;transition:all .3s ease}
.sicons{display:flex;margin-top:15px}
.sicons svg{width:24px;height:24px}
.sicons li{padding:0 15px 0 0}
.falign{display:flex;flex-wrap:wrap;align-content:space-between;flex-direction:column;justify-content:space-between}
.cr{display:flex;justify-content:space-between;padding:12px;font-size:14px;color:#03487e}
.subbanner{position:relative;background:url(../images/office-banner.webp);display:flex;align-items:flex-end;justify-content:center;color:#fff;background-position:center}

.bcon{height:350px;background-size:cover}
.bancon{position:absolute;bottom:-50px;background-color:#fff;left:10%;padding:3%;width:600px;top:auto;box-shadow:0 0 7px 0 #d6d7d9}
.bancon p{font-size:18px;color:#494949;font-weight:400}
.bancon hr{width:150px;margin-top:25px;height:4px;background:#6b788a85;border:0}
.head{background:#b2b9c2;width:100%;padding:20px 40px;display:flex;justify-content:flex-end;margin-bottom:40px}
.head h1{color:#fff;font-weight:600;font-size:40px;line-height:1}
.mt-40{margin-top:40px}
.breadcrumb{display:flex;list-style-type:none;justify-content:flex-end;align-items:center;flex-wrap:wrap;padding:10px 0}
.pro1.right{display:grid;grid-template-columns:40% 55%;justify-content:space-between;justify-items:end;align-items:center}
.pro1.leftt{display:grid;grid-template-columns:60% 34%;align-items:center;justify-content:space-between}
.pc2{display:flex;align-items:center}
.pc2 h2{font-size:34px;line-height:60px;color:var(--blue);font-weight:500;text-align:center;margin-bottom:30px}
.right .acontent{z-index:99;background:#eff1f3}
.leftt .acontent{left:auto;position:absolute;z-index:99;background:#0d4486;right:40%}
.leftt .acontent h2{color:#fff}
.pro1 .acontent{width:25%;padding:4% 4% 4% 2%}
.leftt .cbtn:hover{padding-left:100px;background:#fff;color:#0d4488}
.leftt .cbtn span{left:15px;position:absolute;transform:translateX(-50px);opacity:0;transition:all .3s ease;white-space:nowrap}
.leftt .cbtn:hover span:first-child{opacity:1;transform:translateX(0)}
.acontent:hover{box-shadow:5px 5px 10px #0d44862e}
.about .acontent{background:var(--blue);width:300px;padding:40px 2% 40px 2%}
.about .acontent h2{color:#fff;margin-bottom:0}
.vision{display:grid;align-items:center;grid-template-columns:45% 45%;justify-content:space-between}
.vwrap .v1{display:grid;grid-template-columns:23% 75%;align-items:center;gap:0 20px}
.v2 h2{display:flex;align-items:center;gap:15px}
.v11{display:grid;grid-template-columns:100%;gap:0 10px}
.ml{margin-left:20%}
.bgb{background-color:#eff4f8}
ul.list li{display:flex;margin-bottom:10px;align-items:center}
.mteam .owl-item{justify-content:space-between;position:relative;display:flex;flex-direction:column;text-align:center;align-items:center;z-index:1}
.timg{position:relative;overflow:hidden}
.mteam .owl-item:hover::after{background-color:#818e9d;color:#fff}
.mteam .owl-item::after{content:'';position:absolute;background:#fff;bottom:0;width:90%;height:90%;box-shadow:0 5px 10px rgb(0 0 0 / 10%);z-index:-1;transition:all .3s linear}
.tdec{display:flex;flex-direction:column;align-items:center;padding:0 25px 40px}
.mteam p{text-align:center}
.tdec p:first-child{font-weight:600;font-size:17px;margin-top:10px}
.mteam .owl-item::before{content:'';position:absolute;width:200px;height:1px;background:#b2b9c2;bottom:25px}
.mteam .owl-item:hover .tdec{color:#fff}
.acount .data{margin:0;justify-content:center}
.bod{position:relative;overflow:hidden}
.mteam img{width:auto !important;margin:0 auto}
.awrap.acount .data:nth-child(even){border-right:0}
.nowrap{white-space:nowrap}
.mteam button.owl-next{position:absolute;left:100%;top:50%}
.mteam button.owl-prev{position:absolute;right:100%;top:50%}
.brand button.owl-next{position:absolute;left:100%;top:50%}
.brand button.owl-prev{position:absolute;right:100%;top:50%}
.cc{display:grid;grid-template-columns:45% 50%;justify-content:space-between}
.acount1{display:grid;background-color:#f0f1f3}
.acount{display:grid;justify-content:space-between;grid-template-columns:repeat(2,1fr);background-color:#f0f1f3;padding:10%}
.acoun{display:flex;width:100%;padding:25px;flex-direction:column;justify-content:space-evenly;align-items:center}
.tl{display:grid;justify-content:space-between;grid-template-columns:repeat(3,1fr);align-items:center;justify-items:center}
.t2{padding:50px}
.t1 h2{font-size:10em;color:#b9b9b9}
.bb{border-bottom:1px solid #b2b9c273}
.br{border-right:1px solid #b2b9c273}
.ec{color:#0e4b8d;font-size:40px;font-weight:500;padding:10px 0 30px 0;line-height:45px}
.aw{display:grid;grid-template-columns:100%;justify-content:space-between}
.award1,.cert{display:grid;justify-content:space-between;grid-template-columns:repeat(2,1fr);gap:30px}
.cert{grid-template-columns:repeat(3,1fr)}
.cert1{position:relative;display:flex;flex-direction:column;text-align:center;align-items:center;z-index:1}
.cert{padding:20px 0}
.cert1 p{text-align:center;padding:0}
.corp h2{margin-bottom:30px}
.corp img{display:block;margin:0 auto}
.bl{border-left:1px solid #b7b2b2}
.pd{display:flex;flex-wrap:wrap;gap:40px;margin-top:60px;justify-content:space-between}
.pd1{position:relative;width:45%}
.pd2{width:45%;display:grid;grid-template-columns:repeat(1,1fr);gap:20px}
.pd21{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.pd22{display:grid;grid-template-columns:repeat(1,1fr);gap:20px}
.pd a.cbtn{position:relative;bottom:0}
.pd hr{position:relative;bottom:0;width:50%}
.qp{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;align-items:center}
.backButton{cursor:pointer;position:fixed;bottom:3rem;right:2rem;z-index:9999;display:none;align-items:center;justify-content:center;width:3rem;height:3rem;transition:transform .55s cubic-bezier(0.215,0.61,0.355,1),opacity .55s cubic-bezier(0.215,0.61,0.355,1)}
.backButton:hover .backButton__bg{background:var(--blue)}
.backButton__bg{position:absolute;z-index:-1;border-radius:100%;width:100%;height:100%;background:#6b788a;box-shadow:0 0 10px rgba(0,0,0,0.3)}
.backButton__icon__wrap{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.preheader{padding-top:5px}
.mt150{margin-top:150px}
.cblue{color:#0f4484}
.cbtn-fw span{position:relative;opacity:1;left:6px;transform:none !important}
.cbtn-fw{padding-left:0 !important;gap:8px}
.preheader select{border:1px solid #ccc;border-radius:5px}
.preheader select:focus-visible{outline:1px solid #ccc}
.goog-te-gadget{color:transparent !important}
.wl{width:260px;object-fit:contain}
.ah-fsize{font-size:18px}
.imgwt{display:flex}
.awrap .data:nth-child(odd),.awrap .data:nth-child(even){border-right:1px solid #b2b9c273}
.awrap .data:nth-child(4){border:0}
.swiper-container video{width:100% !important;object-fit:cover;display:flex}
.voverlay{position:relative;width:100%}
.aboutgrid .tcolor{color:#494949}
.tc{text-align:center}
.banner .voverlay::after{content:'';background:#0000002e;width:100%;height:100%;position:absolute;left:0;top:0;z-index:1}
.sp-ms{font-size:25px;color:var(--blue);line-height:33px;margin-top:30px;margin-bottom:25px}
.g-oder{width:80%}
.stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;content:"";background-color:rgba(0,0,0,0)}
.bcont:hover .cbtn span:first-child,.chover:hover .cbtn span:first-child{opacity:1;transform:translateX(0)}
.bcont,.chover{position:relative}
.bcont:hover .cbtn,.chover:hover .cbtn{padding-left:100px;background:#0d4488;color:#fff}
.swiper-container{display:flex}
.aboutgrid .col2{display:grid;grid-template-columns:35% 65%}
.acontent{padding:12%;transition:.3s ease-in-out;margin-right:-80px;z-index:99}
.plus::after{content:"+";display:inline-block;margin-top:-2px}
.kplus::after{content:"K+";display:inline-block;margin-top:-2px}
.k::after{content:"K";display:inline-block;margin-top:-2px}
.mnplus::after{content:"Mn";display:inline-block;margin-top:-2px}
.imgh img{transition:all .3s ease}
.imgh{position:relative;overflow:hidden}
.chover:hover img{transform:scale(1.1)}
.ch3{font-size:26px;margin-bottom:15px}
.ps1 .pg-sec{position:relative;margin-top:-80px}
.tech1 .product{height:100%}
.fades .owl-stage{display:flex}
.fades .owl-stage-outer{overflow:visible}
.space.bg,.ne{position:relative;overflow:hidden}
.fades .owl-item{opacity:0;transition:all .3s ease}
.fades .owl-item.active{opacity:1}
.dateicon{position:relative;padding-left:0px;margin:10px 0 5px;font-size:15px}
.news .list:hover img{filter:grayscale(0);transform:scale(1)}
.news .imgh img{filter:grayscale(0.7);height:auto}
.news .list:hover{transform:translate(0,-10px);box-shadow:5px 5px 10px #0d44862e}
.news .list{transition:all .3s ease;padding-bottom:60px}
.news .list>div:last-child{padding:0 20px}
.media1 img{height:auto}
.media1 p{margin-top:15px}
footer li{margin-bottom:5px}
footer .sicons li{margin-bottom:0 !important}
footer li a:hover{font-weight:500}
.aboutgrid p{color:var(--blue)}
.aboutgrid span{font-weight:600;display:flex;font-size:20px}
.aboutgrid h2{margin-bottom:10px}
.w50{width:60%}
.fbold{font-weight:bold !important}
.aboutgrid .ah-fsize{color:#0c4486}
.megamenu{display:flex;margin-left:-40px;padding:0;background:#f9f7f7;position:fixed;z-index:99999;width:auto;top:90px;left:40%;opacity:0;transition:all .3s ease;transform:scaleY(0);box-shadow:0 0 6px rgb(0 0 0 / 15%);align-items:flex-start;transform-origin:top left}
.dm1:hover .mm1,.dm2:hover .mm2,.dm3:hover .mm3{transform:scaleY(1);opacity:1;visibility:visible}
.mm3{left:55%}
.mwidth .tab-content{display:flex;gap:40px;padding:20px}
.mwidth .tab-pane{width:240px}
.mwidth .f20{font-weight:600;color:var(--blue)}
.mb1{margin-bottom:15px}
.dash{margin-top:10px}
.dash li::after{content:'';position:absolute;width:10px;height:1px;background:#464646;left:0}
.dash li{display:flex;align-items:center;padding-left:20px;position:relative;margin-bottom:5px}
.dash a::after,.contactpage .action{display:none}
.dash a,.dash li{color:var(--blue)}
.dash a:hover,.dash li:hover{color:#464646}
.mwidth img{width:100%;height:120px;object-fit:cover}
.product .imgh{width:100%}
.angdown svg,.psmenu.active i svg{transform:rotate(450deg) !important}
.psmenu{position:relative}
.dm1>a::before,.dm2>a::before,.dm3>a::before{content:url('data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyMCcgaGVpZ2h0PScyMCcgdmlld0JveD0nMCAwIDI0IDI0Jz48cGF0aCBmaWxsPSdub25lJyBzdHJva2U9JyM2MDYwNjAnIHN0cm9rZS1saW5lY2FwPSdyb3VuZCcgc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCcgc3Ryb2tlLXdpZHRoPScyJyBkPSdtNyAxMGw1IDVsNS01Jy8+PC9zdmc+');position:absolute;line-height:0;left:auto;right:5px;margin-top:2px;bottom:auto}
.vision svg{width:70px;height:70px;margin-bottom:10px}
.v11 li{position:relative;padding-left:28px;align-items:flex-start !important}
.aleft{position:relative;padding-left:25px;margin-bottom:10px}
.v11 li:before,.aleft::before{content:url('data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyNScgaGVpZ2h0PScyNScgdmlld0JveD0nMCAwIDI0IDI0Jz48cGF0aCBmaWxsPSdub25lJyBzdHJva2U9JyM0OTQ5NDknIHN0cm9rZS1saW5lY2FwPSdyb3VuZCcgc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCcgc3Ryb2tlLXdpZHRoPScxLjUnIGQ9J20xMCAxN2w1LTVsLTUtNScvPjwvc3ZnPg==');position:absolute;left:0}
.bh1 span{font-size:34px;font-weight:400}
.bcont{display:flex;align-items:center;justify-content:space-between;width:100%}
.bcont .cbtn span{transform:translateX(0)}
.bcont .cbtn span{opacity:1;transform:translateX(0)}
.bcont .cbtn{padding-left:100px}
.textWrapper p.sub{position:relative;display:flex;justify-content:center;flex-direction:column;text-align:left;width:500px;padding-left:50px;padding-right:20px}
.textWrapper p::after{content:'';position:absolute;width:1px;height:75px;background:#6b788a85;left:0;top:0;bottom:0}
.bcont>div{width:10%}
.gri b{letter-spacing:.5px}
.banner video{height:auto}
.textWrapper p.sub{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;padding-top:0;padding-bottom:0;overflow:hidden}
.v1 h2{display:flex;flex-wrap:wrap;flex-direction:column;align-items:flex-start}
.sh1{font-size:40px;margin-bottom:20px;line-height:1}
.subbanner h1{color:var(--blue)}

.subbanner{background-size: cover !important;}

.vmbtn::after{content:url('../images/arrow-right.svg');position:absolute;right:0;margin-top:2px;}
.vmbtn{position:relative;padding-right:22px;margin-top:15px;display:inline-flex;display:none;color:var(--blue)}
.mteam svg{width:30px}
.brand svg{width:30px}

.cert a:hover{color:var(--blue);text-decoration:underline}
.cert a p{font-weight:500 !important}
.banner .cbtn{margin:0}
#timeline{width:90%;overflow:visible;margin:20px auto 0;position:relative}
#dates{display:flex}
#dates li{list-style:none;width:auto;padding:0;font-size:18px;text-align:center;position:relative}
#dates a{white-space:nowrap;padding:0 30px;line-height:38px;padding-bottom:20px;transition:all .3s ease;color:#888;display:flex;justify-content:center;position:relative}
#dates a::after{content:'';position:absolute;width:0;height:5px;background:var(--blue);bottom:0;transition:all .3s ease}
#dates .selected{color:var(--blue)}
#dates .selected::after,#dates a:hover::after{width:100%}
.bar{position:absolute;width:1px;height:20px;bottom:-20px;background:#fff;display:flex;align-items:center;justify-content:center;transition:all .3s ease}
.bar::after{content:'';position:absolute;width:12px;height:12px;background:var(--yellow);bottom:0;border-radius:50%;transform:scale(0);transition:all .3s ease}
.selected .bar::after{transform:scale(1)}
.selected .bar{height:45px;bottom:-45px;background:var(--yellow)}
.cscroll::-webkit-scrollbar{height:1px;background:#888;border-radius:10px}
.cscroll::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 0 rgba(0,0,0,0)}
.cscroll::-webkit-scrollbar-thumb{height:1px;background-color:#888;border-radius:10px}
.cscroll::-webkit-scrollbar-thumb:hover{background-color:#d9d9d9}
.cscroll::-webkit-scrollbar:vertical{display:none}
.cscroll{max-width:100vw;overflow-x:scroll;padding:0;position:relative;-ms-overflow-style:none}
#mcwrap{overflow:hidden;width:100% !important;height:360px;margin-left:0 !important}
#mcwrap li{list-style:none;width:100%;position:absolute}
#mcwrap li img{background:transparent;zoom:1;-webkit-transition:all 2s ease-in-out;transition:all 2s ease-in-out}
#grad_left,#grad_right{cursor:pointer;width:100px;height:400px;position:absolute;top:0;background-position:center !important;z-index:99}
#prev{filter:invert(1);left:-100px;background:url('data:image/svg+xml,%3Csvgxmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg"width="30"height="30"preserveAspectRatio="xMidYMidmeet"viewBox="001616"%3E%3Cgtransform="rotate(18088)"%3E%3Cpathfill="white"fill-rule="evenodd"d="M18a77010140A7700018zm150A8801108a88001160zM4.57.5a.5.500001h5.793l-2.1472.146a.5.5000.708.708l3-3a.5.50000-.708l-3-3a.5.5010-.708.708L10.2937.5H4.5z"%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat}
#next{right:-100px;filter:invert(1);background:url('data:image/svg+xml,%3Csvgxmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg"width="30"height="30"preserveAspectRatio="xMidYMidmeet"viewBox="001616"%3E%3Cpathfill="white"fill-rule="evenodd"d="M18a77010140A7700018zm150A8801108a88001160zM4.57.5a.5.500001h5.793l-2.1472.146a.5.5000.708.708l3-3a.5.50000-.708l-3-3a.5.5010-.708.708L10.2937.5H4.5z"%2F%3E%3C%2Fsvg%3E') no-repeat}
#next,#prev{position:absolute;top:0;font-size:70px;top:170px;width:40px;height:38px;background-position:0 0;background-repeat:no-repeat;text-indent:-9999px;overflow:hidden}
#next.disabled,#prev.disabled{opacity:.5}
.mimg,.mcont{display:grid;grid-template-columns:60% 35%;justify-content:space-between;align-items:center}
.mcont{grid-template-columns:45% 45%}
.mimg h3{font-size:140px;color:#6b788aa1}
.mimg h4{font-size:24px;font-weight:500;color:var(--blue);line-height:28px}
.awardlist{display:grid;grid-template-columns:repeat(3,1fr);justify-content:space-between;gap:0 50px}
.aww p{text-align:center}
.f500{font-weight:500;font-size:17px;color:#0d0d0d;margin-bottom:5px}
.aww p:last-child{line-height:20px}
.aww img{transition:all .3s ease}
.aww{position:relative;overflow:hidden}
.aww:hover img{transform:scale(1.07)}
.bgimage{background:url(../images/banners/industry.webp);overflow:hidden;background-repeat:no-repeat;background-size:cover;position:relative;z-index:9}
.twhite,.twhite h2,.twhite h3{color:#fff}
.bgimage::after{content:'';position:absolute;width:100%;height:100%;background:rgb(0 0 0 / 40%);bottom:0;z-index:-1}
.bgimage .box,.bgimage .item,.bgimage .item:hover{background:transparent}
.bullet{list-style-type:disc;padding-left:25px;}
.arrows li{position:relative;padding-left:25px;margin-bottom:10px}
.arrows li:last-child{margin-bottom:0}
.arrows li::after{content:'';background:url('data:image/svg+xml,%3Csvgxmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg"width="26"height="26"viewBox="002424"%3E%3Cgtransform="rotate(901212)"%3E%3Cpathfill="%23494949"d="m16.85413.647l-4.5-4.5a.5.5000-.7070l-4.54.5a.5.5000.707.707L1210.207l4.1464.147a.498.498000.7070a.5.50000-.707z"%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');background-size:26px;width:26px;height:26px;background-repeat:no-repeat;right:auto;left:0;bottom:auto;top:0;position:absolute}
.lgborder .box,.lgborder1{border:1px solid #dfe3e7}
.productpage .pro1 .acontent{width:350px}
.productpage .pc2 h2{text-align:left;line-height:40px}
.leftt .acontent{right:80px;position:relative}
.aboutimage{display:flex}
.pro2.right{grid-template-columns:45% 50%}
.bcolor h2,.h2b h2{color:var(--blue);margin-top:10px}
.bcolor>div{background:#fff;transition:all .3s ease;box-shadow:0 0 5px rgba(0,0,0,0.15)}
.bcolor>div div:last-child{padding:15px 20px 25px}
.bcolor>div:hover{box-shadow:0 0 10px rgba(0,0,0,0.25)}
.tabs{display:grid;width:50%;justify-content:flex-start;align-items:center;margin:0 auto;grid-template-columns:repeat(4,1fr);text-align:center;gap:0 5px}
.tabs li{border:1px solid #ccc;padding:10px;transition:all .3s ease;cursor:pointer}
.tabs .active,.tabs li:hover{background:var(--blue);color:#fff}
.tab_drawer_heading,.tab-content a::after{display:none}
.tabdiv{display:grid;grid-template-columns:20% 38% 38%;justify-content:space-between;align-items:center;margin-top:60px}
.tabdiv .title{background:#fff;padding:60px 20px;font-size:30px;margin-bottom:0}
.megamenu .mimg{grid-template-columns:100%}
.material-form{padding:15px;font-family:inherit}
.material-form .input-block{border-bottom:solid 1px #c8c8c8;width:100%;height:50px;padding:0;position:relative;margin-bottom:20px;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.material-form .input-block::before{content:'';position:absolute;left:50%;width:0;bottom:0;height:2px;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;-webkit-transition:all .3s ease-out;transition:all .3s ease-out;background-color:var(--blue)}
.material-form .input-block.focus{border-color:#fff}
.material-form .input-block.focus label{color:var(--blue);top:0;font-size:13px}
.material-form .input-block.focus::before{left:0;width:100%}
.material-form .input-block.has-value{background-color:#fff}
.material-form .input-block.has-value label{top:0;font-size:13px}
.material-form .input-block.error{border-color:#fff}
.material-form .input-block.error::before{left:0;width:100%;background-color:#d50000}
.material-form .input-block.textarea{height:auto}
.material-form .input-block.textarea .form-control{height:auto;resize:none;padding-top:20px}
.material-form .input-block.floating-field{padding:2px 0 0;height:52px}
.material-form .input-block.floating-field.textarea{height:auto}
.material-form .input-block label{position:absolute;left:0;top:29px;width:100%;height:20px;margin:0;font-weight:400;z-index:1;color:#494949;font-size:16px;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;-webkit-transition:all .3s ease-out;transition:all .3s ease-out;line-height:16px;white-space:nowrap;overflow:hidden}
.material-form .input-block .form-control{background-color:transparent !important;padding:4px 0 0;border:0;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;height:100%;width:100%;position:relative;z-index:2;font-size:14px;font-weight:500;color:#494949}
.splist select{color:#494949;font-weight:400 !important;font-size:16px !important;font-family:'Inter Tight'}
.material-form .input-block .form-control:focus{outline:0;background-color:transparent !important}
.material-form .input-block .form-control:focus label{top:0}
.material-form .error-label{color:#d50000;margin-top:-15px;font-size:14px;margin-bottom:10px}
.material-form .form-note{font-size:13px;color:#939393;margin-top:-15px;margin-bottom:15px}
.material-form .square-button:hover,.material-form .square-button:focus{background-color:#0d8aee}
.cform .cbtn input,.careerform .cbtn input{background:transparent;box-shadow:none;outline:0;border:0;font-size:18px;color:#fff}
.cform .cbtn,.careerform .cbtn{padding:10px 50px}
.cform .cbtn svg,.careerform .cbtn svg{width:18px;margin-left:5px}
.cform{display:flex;align-items:center;width:100%}
.cform>div:first-child{width:70%;border:1px solid #dfe3e7;padding:30px 10% 30px 3%;background:#eff1f3}
.mleft{margin-left:-100px;background:#eff1f3;padding:50px;z-index:9;background:var(--blue);color:#fff}
.cnt-sicon{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.mleft h2,.mleft a{color:#fff}
.map{line-height:0}
.joblist{display:grid;grid-template-columns:48% 48%;justify-content:space-between;padding-top:30px}
.jobs{border:1px solid #e3e7eb;padding:40px}
.jobs .cbtn{padding-left:100px}
.jobs .cbtn span{opacity:1;transform:translateX(0)}
.careerform .input-block{width:47%;display:flex;align-items:center}
.careerform{display:flex;flex-wrap:wrap;grid-gap:10px;justify-content:space-around;width:75%;margin:0 auto}
.csubmit,.b0{border-bottom:0 !important}
.csubmit{justify-content:flex-end}
.csubmit .cbtn{margin:0}
.mleft h2{white-space:nowrap}
.mfp-bg,.mfp-wrap{z-index:999999 !important}
.cdots .owl-dot.active{background:var(--blue) !important}
.owl-carousel .owl-dot{background-color:#ccc !important;padding:5px !important;border-radius:50%;width:7px;height:7px;margin:0 10px;outline:0}
.gimg .aboutimage{width:100%;position:relative;overflow:hidden}
.gimg{width:100%;position:relative;overflow:hidden}
.pro3{display:grid;grid-template-columns:55% 45%;justify-content:space-between;align-items:center;margin-top:100px}
.sus .box{padding:20px 20px 100px 20px;display:block}
.sustain .item,.sustain .owl-item{background:#ffffff4a}
.sustain .item:hover,.sustain .owl-item:hover{box-shadow:0 0 2px rgb(255 255 255 / 59%)}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:30px 30px}
.grid3.bcolor>div{background:transparent;box-shadow:none}
.grid3.bcolor>div div:last-child{margin:-60px 20px 0;background:#fff;position:relative;z-index:9;min-height:250px}
.msbtn:hover .cbtn{background:#fff;color:var(--blue)}
.fcol1 li b a{font-weight:bold !important}
.fcol1 .footer-logo{width:280px;height:auto;}

.slogo{width:240px}
.slogo img{width:240px}
.glogo{width:140px}
.glogo img{width:200px}

.main-menu li:last-child a{padding-right:0}
.enq p:first-child{font-weight:300;margin-bottom:8px}
.enq p span{font-weight:500;word-break: break-all;}
.enq p:last-child{text-align:center}
.enq div{margin-right:100px}
.egrid{grid-template-columns:55% 35%;justify-content:space-between;align-items:flex-start}
.stickytop{position:sticky;top:170px}
.justify{text-align:justify}
.glist2{display:grid;grid-template-columns:repeat(2,1fr);gap:0 30px}
.pro1.right.astart{align-items:flex-start}
.ehf.bcolor>div{position:relative;overflow:hidden;padding-bottom:20px}
.ehf.bcolor>div div:last-child{min-height:100% !important}
.bgw{background:#fff}
.banner .cbtn:hover{background:#0d4488 !important}
.csrpage .overlaycontent:hover{box-shadow:none}
.imgzoom{position:relative;overflow:hidden;display:flex}
.msh>div .imgzoom img{transition:all .3s ease}
.msh>div:hover .imgzoom img{transform:scale(1.1)}
.w75{width:75%}
.splist{background-color:transparent !important}
.pbbg{background:url(../images/product-banner.webp)}
.epbanner{background:url(../images/engine-parts-banner.webp)}
.msbanner{background:url(../images/market-segment-banner.webp)}
.techbanner{background:url(../images/technologies-banner.webp)}
.gdcbanner{background:url(../images/gdc-banner.webp)}
.ifbanner{background:url(../images/integrated-banner.webp)}
.lpdcbanner{background:url(../images/lpdc-banner.webp)}
.epolicybanner{background:url(../images/environmental-policy-banner.webp)}
.csrbanner{background:url(../images/csr-banner.webp)}
.careerb{background:url(../images/career-banner.webp)}
.contactbanner{background:url(../images/banners/contact.webp) no-repeat center 100%;}

.pagebanner {
  position: relative;
  width: 100%;
  height: auto;
}
.responsive-banner {
  width: 100%;
  height: auto;
  display: block;
}
@media(max-width:480px){
  .responsive-banner {
     height: 120px;
  }
}

.blog-short{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.csrpage .product .ch3{line-height:30px}
.csrpage .ps1 .pg-sec{padding-bottom:0 !important}
@media(max-width:1875px){.aboutgrid h2{font-size:28px}
}
@media(max-width:1700px){.textWrapper{justify-content:flex-start}
.p1{height:280px}
.cls{font-size:32px}
.sub{font-size:22px}
.textWrapper .cbtn{margin-top:8px}
.aboutgrid h2{font-size:28px}
.dm1>a::before,.dm2>a::before{right:0}
#mcwrap{height:330px}
.pro3{grid-template-columns:55% 40%}
}
@media(max-width:1600px){header .main-menu>li>a{padding:0 1.5vw}
.aboutgrid h2{font-size:25px}
.g-oder{width:90%}
.imgwt{height:350px;object-fit:cover}
.tech1 .imgwt{height:100%}
.tech3 .imgwt{height:350px;}

.megamenu{left:40%}
.textWrapper p.sub{width:520px}
.textWrapper .bh1{width:430px}
.bcont>div{width:12%}
.mteam .owl-item::after{width:95%}
.fpt{padding-top:20px}
.fpb{padding-bottom:20px}
#timeline{width:95%}
#prev{left:-75px}
#next{right:-75px}
.tabs{width:60%}
.grid3.bcolor>div div:last-child{min-height:280px}
.dm1>a::before,.dm2>a::before,.dm3>a::before{right:2px}
}
@media(max-width:1550px){.textWrapper .bh1{font-size:45px;line-height:45px}
.textWrapper::after{width:70px;right:-70px}
.textWrapper p{margin-top:5px}
.textWrapper .bh1{margin-bottom:8px}
.bh1 span{font-size:35px;line-height:35px}
}
@media(max-width:1500px){.container,.textWrapper{width:85%}
p.count{font-size:40px}
sub{font-size:22px}
.textWrapper .bh1{font-size:38px}
.awrap{width:100%}
.megamenu{left:30%}
.cls{font-size:28px}
.sub{padding:8px 0 10px 0}
.textWrapper .bh1{margin-bottom:2px}
.textWrapper{left:7%;padding:30px 50px 30px}
.overlaycontent{padding:20px 30px 0}
.dm1>a::before,.dm2>a::before{right:-3px}
.bh1 span{font-size:30px;line-height:30px}
.vision{grid-template-columns:50% 45%}
.bancon{left:8%}
.mteam .owl-item::after{width:85%}
.grid4{grid-template-columns:repeat(3,1fr)}
.sus{grid-template-columns:repeat(4,1fr)}
}
@media(max-width:1400px){.textWrapper::before{height:14%}
.p1 h3{font-size:24px}
.cs{grid-template-columns:45% 52%}
.cs>div{padding:30px 20px 60px 0}
.f18{width:100%}
header .main-menu>li>a{padding:0 1.4vw}
.aboutgrid h2{font-size:22px}
.news1{gap:20px}
.wrap{grid-template-columns:20% 15% 20% 15% 22%}
.textWrapper p.sub{width:550px;padding-right:30px;padding-left:30px}
.textWrapper .bh1{width:450px;padding-right:20px}
.bcont>div{width:120px}
.mimg h3{font-size:120px}
#mcwrap{height:300px}
.aw{grid-template-columns:55% 38%}
.cert{gap:0}
.productpage .pro1 .acontent{width:270px}
.pro1.leftt{grid-template-columns:55% 40%}
.dm1>a::before,.dm2>a::before,.dm3>a::before{right:0}
}
@media(max-width:1360px){.overlaycontent{padding:25px 25px 0}
.g-oder{width:100%}
.aboutgrid{grid-template-columns:35% 60%}
}
@media(max-width:1320px){.ps1:nth-child(2){font-size:16px}
.sp-ms{font-size:22px;margin-top:18px}
}
@media(max-width:1300px){.data{gap:10px}
p.fs{font-size:20px}
.container1{width:90%}
.flex-lg-row{padding-left:50px}
.wrap{grid-template-columns:20% 15% 18% 13% 24%}
.tabdiv .title{padding:40px 20px}
.qp{gap:30px}
}
@media(max-width:1250px){.container,.textWrapper{width:90%}
.sperson{width:10%}
.megamenu{left:25%}
.slogo{display:none !important}
header .main-menu>li>a{padding:0 1.6vw}
.textWrapper{left:5%}
.bancon{left:5%}
.bcon{height:320px}
}
@media(max-width:1200px){header .main-menu>li>a{font-size:15px}
.main-menu span::after{height:13px}
.w50{width:100%}
.vision{grid-template-columns:60% 35%}
.vmbtn{display:inline-flex}
.vmcnt{display:none}
.mteam .owl-item::after{width:95%}
.acount .data{padding-left:20px;padding-right:20px}
#prev{left:-50px}
#next{right:-50px}
.aw{grid-template-columns:100%;gap:40px}
.productpage .pc2 h2{font-size:30px}
.tabs{width:70%}
.egrid{grid-template-columns:50% 40%}
}
@media(max-width:1165px){.overlaycontent.etc{width:80%}
.sp-ms{font-size:20px}
.megamenu{left:20%}
}
@media(max-width:1150px){header .main-menu>li>a{font-size:14px}
}
@media(max-width:1120px){.head{margin-top:18%}
}
@media(min-width:1100px){.flex-lg-row{-ms-flex-direction:row !important;flex-direction:row !important}
.align-items-lg-center{-ms-flex-align:center !important;align-items:center !important}
.d-lg-block{display:block !important}
.d-lg-none{display:none !important}
.sub-menu{display:none}
}
@media(max-width:1100px){#prev{left:-50px}
.mimg h3{font-size:100px}
#mcwrap{height:250px}
.awrap{width:100%;justify-content:space-between}
.slang{flex-direction:row}
.main-menu span::after{display:none}
header{padding:15px 0}
.flex-lg-row{padding-left:0}
.pd60{padding:40px 0}
.aboutgrid h2{line-height:30px}
.overlaycontent.etc{position:relative;width:100%;left:0;top:initial;padding:20px}
.adown,.megamenu,.main-menu a::after,.dm1>a::before,.dm2>a::before,.dm3>a::before{display:none}
.sp-ms{line-height:28px;font-size:18px}
.bh1 span{font-size:28px;line-height:28px}
.overlaycontent{justify-content:start}
.overlaycontent.left{width:350px}
.wrap{grid-template-columns:30% 30% 33%;gap:20px 0}
.bcont{flex-direction:column}
.textWrapper .bh1,.textWrapper p.sub,.bcont>div{width:100%}
.textWrapper p::after{display:none}
.textWrapper p.sub{padding:0;margin:10px 0}
.bh1 span{display:inline-flex}
.about .acontent{padding:25px 2% 25px 2%;width:350px}
.pro1.right{grid-template-columns:45% 50%}
.about .acontent h2{font-size:30px}
.mteam .owl-item::after{width:85%}
.pro2.right{grid-template-columns:100%;display:flex;flex-direction:column;flex-direction:column-reverse;gap:30px;width:70%;margin:0 auto}
.mleft h2{font-size:30px}
.cform>div:first-child{padding:30px 15% 30px 3%}
.grid3.bcolor>div div:last-child{min-height:300px;margin:-60px 10px 0}
.enq p:last-child{text-align:left}
.astart .stickytop{position:relative;top:0}
}
@media(max-width:991px){.swiper-container{height:650px}
.banner img{height:450px}
.swiper-slide .textWrapper{padding-top:0;justify-content:center}
.textWrapper::after{width:50px;right:-50px}
.gap-20{gap:20px}
.fwrap{grid-template-columns:50% 50%;gap:20px 0}
.fwrap h2{display:block}
.plist{grid-template-columns:repeat(2,1fr)}
.p1{height:200px}
.p1 .pimg{position:relative;width:auto;left:0}
.p1 .pimg img{object-fit:contain}
.tne,.mimg,.infra{grid-template-columns:100%;gap:40px}
.hnews{height:auto}
.sperson{width:13%;right:1%}
.backButton{right:1.5rem}
.sticklist li a,.sticklist1 li a{padding:10px 10px}
.mimg .mcont{order:2}
#mcwrap li img{height:400px;width:100%;object-fit:cover}
#mcwrap{min-height:600px}
.mimg{gap:20px 0}
.mcont h4{margin:20px 0}
.w75{width:100%}
p.count{font-size:35px}
p.fs{font-size:19px}
.textWrapper .bh1{font-size:35px;line-height:1}
.cblue{margin-top:5px !important}
.cls{font-size:26px}
.sub{font-size:20px}
.aboutgrid{grid-template-columns:100%;justify-items:center}
.acontent{margin-right:-60px;position:relative;left:0}
.aboutgrid .aboutimage{width:100%}
.acontent{padding:10%}
.aboutgrid .col2{flex-wrap:wrap;width:100%}
.grid2{margin-top:45px;margin-bottom:0}
.overlaycontent .cbtn{margin-top:15px}
video{width:500px;height:350px}
.banner video{height:100%}
.ps{display:grid;grid-template-columns:100%;justify-content:space-between;align-items:center}
.ps .overlaycontent{position:relative;width:90%;margin-bottom:20px;padding:22px 22px 22px}
.product{gap:0}
.ps{display:flex;flex-direction:column-reverse}
.ps1{width:100%}
.sp-ms{margin-top:18px;margin-bottom:20px}
.swiper-container{height:500px}
.textWrapper{padding:30px 40px 20px}
.imgwt{height:auto}
.overlaycontent.left{width:100%;position:relative;bottom:0}
.tech1,.tech2,.tech3{width:100%}
.tech2{grid-template-columns:repeat(2,1fr)}
.tech1 .imgh,.tech3 .imgh{width:100%;height:auto}
.tech1 .imgwt{height:400px;object-position:top}
.tech3 .imgwt{height:auto;object-position:top}
.tech2{padding-left:0;align-items:inherit}
.tech2 .imgh{display:flex}
.overlaycontent{padding:20px 20px 15px}
.tech1 hr,.tech2 hr,tech3 hr{width:200px}
.overlaycontent.left{background:#eff1f3}
.tech2 .product{justify-content:flex-start;background:#eff1f3}
.tech2 .imgh{height:auto}
.tech2 .overlaycontent:hover{box-shadow:none}
.tech2 .product:hover{box-shadow:5px 5px 10px #0d44862e}
.sustain .item{height:100%}
.nm{grid-template-columns:48% 48%}
.nm{grid-template-columns:100%;gap:50px 0}
.bh1 span{font-size:26px;line-height:26px}
.bancon{width:400px}
.head h1{font-size:34px}
.head{padding:1.2% 4% 1.2% 2%}
.pro1.right,.pro1.leftt{display:flex;flex-wrap:wrap;flex-direction:column-reverse;gap:30px}
.mcont{grid-template-columns:30% 60%}
.mimg h3{font-size:60px}
.ep{margin-top:80px}
.pd2,.pd1{width:100%}
.pd{flex-direction:column-reverse}
.pro2.right,.pro2.right .pc2,.pro2.right .aboutimage,.pro2.right img,.careerform{width:100%}
.pro2.right .d-flex{width:85%}
.grid4{grid-template-columns:repeat(2,1fr)}
.tabs{width:100%}
.tabdiv .title{font-size:26px}
.pro3{grid-template-columns:100%;gap:30px}
.pro3 .aboutimage{text-align:center;display:block;margin:0 auto}
.grid3{grid-template-columns:repeat(2,1fr)}
.grid3.bcolor>div div:last-child{min-height:240px}
.hms{flex-direction:column}
}
@media(max-width:900px){.wrap{grid-template-columns:25% 35% 30%}
.vision,.vwrap .v1{grid-template-columns:100%}
.vwrap,.v2 ul{display:grid;grid-template-columns:47% 47%;justify-content:space-between;align-items:flex-start}
.vwrap h2,.v2 h2{margin-bottom:15px;display:flex;align-items:flex-start;gap:0 30px}
.vwrap .v1{margin-top:0}
.v2{margin-top:40px}
.vision svg{margin-bottom:0}
.v2 ul{margin-top:10px}
.mteam .owl-item::after{width:90%}
.cc{grid-template-columns:100%;gap:60px}
.fpt{padding-top:30px}
.fpb{padding-bottom:30px}
.tabdiv{grid-template-columns:100%;display:flex;flex-wrap:wrap}
.tabdiv .acontent{margin:0;background:transparent}
.tabdiv .title{padding:0 0 40px}
.tabdiv img{width:48%;display:inline-block}
.cform{flex-wrap:wrap;gap:40px}
.cform>div:first-child{width:100%;padding:0 0 30px 0}
.mleft{margin:0;width:100%}
.grid3.bcolor>div div:last-child{min-height:270px}
}
@media(max-width:850px){.head h1{font-size:28px}
.bancon{bottom:-30px}
.mteam .owl-item::after{width:100%}
.joblist{grid-template-columns:100%;gap:20px}
}
@media(max-width:830px){p.fs{font-size:18px}
.awrap{padding:50px 0}
.data{padding:0}
sub{font-size:20px}
.data{margin:0}
.overlaycontent.etc{padding:20px 0}
.ps .overlaycontent{width:90%}
.bb{border-bottom:0}
.fpt{padding-top:50px}
.pro2.right .d-flex{width:100%}
}
@media(max-width:780px){.slang{gap:8px}
}
@media(max-width:767px){.nm{gap:20px 0}
.news .list{padding-bottom:25px}
.enq{flex-wrap:wrap}
.enq p{text-align:center}
#prev{left:0}
#next{right:0}
#prev,#next{background-color:#6b788a;filter:invert(0);background-position:center;height:45px}
#mcwrap{min-height:650px}
.certlist{display:flex;gap:0 20px}
.tech1,.tech2,.tech3{width:100%}
.overlaycontent.left{display:flex;background-color:#eff1f3;position:relative;bottom:0;top:0;margin:0 auto;background:#eff1f3;width:100%;padding:20px 20px 15px;justify-content:center}
.overlay{position:relative;right:0}
.sub{font-size:20px}
.col2{display:flex;align-items:center;flex-direction:column-reverse}
header{padding:15px 0;background:#fff}
.sp-active{padding:15px 0}
.enq p{font-size:30px;line-height:30px}
.grid4{display:grid;grid-template-columns:repeat(2,1fr);gap:30px 30px;margin-top:60px;margin-bottom:60px}
.mb-30{margin-bottom:10px}
.nm{display:grid;grid-template-columns:100%;justify-content:space-between}
.mnone{display:none !important}
.media{margin-top:30px}
.space{padding:50px 0}
.title{font-size:30px;font-weight:500;color:var(--blue);margin-bottom:15px}
.habout{font-size:20px;line-height:26px}
.pro1 .habout{margin-bottom:20px;margin-top:20px}
.left .acontent{position:relative;right:0;width:100%}
.breadcrumb{padding:10px}
.sub-banner{height:120px}
.pc2 h2,.productpage .pc2 h2{font-size:22px;line-height:26px}
.pro1.left{display:grid;grid-template-columns:100%}
.pro1.right{display:flex;flex-wrap:wrap;flex-direction:column-reverse}
.bancon{position:relative;background-color:#fff;padding:4% 2% 2% 3%;width:100%;box-shadow:0 0 20px 0 #d6d7d9;left:0}
.data{flex-wrap:wrap;padding:25px;justify-content:flex-start}
.awrap .data:nth-child(odd){border-right:1px solid #ccc}
.awrap .data:nth-child(even){border:0}
.ct .d-flex{display:-ms-flexbox !important;display:flex !important;flex-wrap:wrap}
.swiper-container-wrapper--timeline .swiper-pagination-progressbar:after{right:0 !important}
.swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch.active .switch-title:after{width:50px;height:4px}
.cc,.aw{grid-template-columns:100%}
.tl{grid-template-columns:repeat(1,1fr)}
.data{gap:8px}
.goog-te-gadget,.textWrapper p.sub,.textWrapper a,.action,.slinks a br{display:none}
.header-sticky .side-menu-wrap{padding-top:75px}
.textWrapper .bh1{font-size:32px}
.cblue{margin-top:0 !important}
.cls{font-size:24px}
.sub{font-size:18px}
section.bg1{background:transparent}
.aboutgrid .col2{flex-direction:row}
section.bg1{padding:40px 0}
.swiper-container{height:430px}
.textWrapper{width:100%;left:0;bottom:0;background:transparent}
.swiper-container{flex-direction:column;height:auto}
.textWrapper .bh1,.textWrapper .cls{color:#fff}
.aboutgrid .col2{grid-template-columns:40% 60%}
.awrap{grid-template-columns:repeat(2,1fr)}
.tech1 .imgwt{height:350px}
.swrap{bottom:10px}
.wrap{grid-template-columns:45% 45%}
.bh1 span{display:flex}
.bancon{left:0;bottom:0;box-shadow:none;position:relative}
.head h1{font-size:24px}
.head{padding:1% 4% 1% 2%}
.bcon .head{margin:0;background:#fff;justify-content:flex-start;padding:0}
.bcon .container{display:flex;flex-direction:column-reverse}
.subbanner{height:280px}
.bcon .head h1{color:#0d4486}
.bcon .bancon,.bcon .head{padding:25px 25px 0}
.bancon hr{height:2px;margin-bottom:15px}
.mteam .owl-item::after{width:80%}
.mteam{margin-top:30px}
.mcont{grid-template-columns:100%}
.mcont h4{margin-top:0}
.msh{margin-top:20px !important}
.mmb2{margin-bottom:30px}
.egrid{grid-template-columns:100%;gap:30px}
.stickytop{order:1;position:relative;top:0}
.egrid>div:first-child{order:2}
.egrid .mb-30{margin-bottom:30px}
.enq div{margin-right:0}
.enq p:last-child{text-align:center}
}
@media(max-width:730px){.pseg-br{display:none}
.acontent{height:100%}
.imgwt{height:270px}
.tech2 .imgwt{height:200px}
.tech2{grid-template-columns:repeat(1,1fr)}
.vwrap{grid-template-columns:100%;gap:40px 0}
}
@media(max-width:700px){.tabs{display:none}
.tab_drawer_heading{display:block;border-bottom:1px solid var(--blue);padding:14px 20px}
.tabdiv{margin-top:0}
.tab_container{background:#fff;position:relative}
.tab_content{padding:0 15px}
.d_active{color:var(--blue)}
.tabdiv{margin-top:20px}
.tab_drawer_heading.d_active::before{content:'-'}
.tab_drawer_heading::before{content:'+';position:absolute;right:20px;transition:all .3s ease-out}
.grid3.bcolor>div div:last-child{min-height:auto}
.grid3{grid-template-columns:repeat(1,1fr)}
.grid3 img{width:100%}
}
@media(max-width:650px){.mteam .owl-item::after{width:90%}
.awardlist{grid-template-columns:repeat(2,1fr)}
.pro2.right .d-flex{flex-direction:column;gap:30px}
.careerform .input-block{width:100%}
.jobs{padding:20px}
}
@media(max-width:575px){.grid2{grid-template-columns:repeat(1,1fr)}
.ps1 .pg-sec{margin-top:0}
.ps1 .pg-sec{height:auto}
.mteam .owl-item::after{width:100%}
.subtitle{font-size:21px;padding:18px 2px 20px 0}
.cr{display:flex;justify-content:center;flex-wrap:wrap}
.ps .overlaycontent{position:relative;width:100%;margin-bottom:20px;padding:15px 22px 30px}
.overlaycontent hr{display:none}
.aboutgrid h2{font-size:22px;line-height:28px}
.fcol1,.fcol3{width:100%}
.grid2{flex-wrap:wrap;gap:10px 10px;margin-top:15px;margin-bottom:15px}
footer h2{display:block}
.wrap{padding:40px 0}
.backButton{display:none !important}
p.count{font-size:40px}
.fdata p{padding:10px 10px 0}
.facts .fdata{padding-bottom:10px}
.qlinks,.plinks,.slinks,.tlinks,.mlinks,.gri{max-height:0;overflow:hidden;transition:max-height .75s ease-out}
p.count{font-size:35px}
footer h2{border-bottom:1px solid #666;font-size:22px;padding-bottom:5px}
footer .plh:after,footer .qlh:after,footer .cuh:after,footer .slh:after,footer .mlh:after,footer .tlh:after{content:url('data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSIyMiIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQgbWVldCIgdmlld0JveD0iMCAwIDQwIDQwIj48ZyB0cmFuc2Zvcm09InJvdGF0ZSgtOTAgMjAgMjApIj48cGF0aCBmaWxsPSIjMzIzMTMxIiBkPSJNMjQuOTYgMzIuNjAxTDEyLjM3MSAxOS45OTdsLjA4OC0uMDg4bDEyLjUwNy0xMi41MmEuNjYxLjY2MSAwIDAgMC0uMDEtLjkyMWEuNjQ1LjY0NSAwIDAgMC0uNDU4LS4xODJhLjY1My42NTMgMCAwIDAtLjQ2NS4xODZsLTEzLjAwNCAxMy4wMmEuNjMuNjMgMCAwIDAtLjE3Ni40OWEuNjU2LjY1NiAwIDAgMCAuMTguNTIzbDEzLjAxNCAxMy4wMzFjLjI0NC4yMy42NTkuMjMzLjkyMS0uMDJhLjY1OC42NTggMCAwIDAtLjAwOC0uOTE1eiIvPjwvZz48L3N2Zz4=');width:25px;float:right}
footer .iclose.qlh:after,footer .iclose.cuh:after,footer .iclose.plh:after,footer .iclose.tlh:after,footer .iclose.slh:after,footer .iclose.mlh:after{content:url('data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSIyMiIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQgbWVldCIgdmlld0JveD0iMCAwIDQwIDQwIj48ZyB0cmFuc2Zvcm09InJvdGF0ZSg5MCAyMCAyMCkiPjxwYXRoIGZpbGw9IiMzMjMxMzEiIGQ9Ik0yNC45NiAzMi42MDFMMTIuMzcxIDE5Ljk5N2wuMDg4LS4wODhsMTIuNTA3LTEyLjUyYS42NjEuNjYxIDAgMCAwLS4wMS0uOTIxYS42NDUuNjQ1IDAgMCAwLS40NTgtLjE4MmEuNjUzLjY1MyAwIDAgMC0uNDY1LjE4NmwtMTMuMDA0IDEzLjAyYS42My42MyAwIDAgMC0uMTc2LjQ5YS42NTYuNjU2IDAgMCAwIC4xOC41MjNsMTMuMDE0IDEzLjAzMWMuMjQ0LjIzLjY1OS4yMzMuOTIxLS4wMmEuNjU4LjY1OCAwIDAgMC0uMDA4LS45MTV6Ii8+PC9nPjwvc3ZnPg==');width:25px}
.plinks.open,.gri.open,.qlinks.open,.tlinks.open,.slinks.open,.mlinks.open{height:auto;max-height:500px;transition:max-height .75s ease-in !important}
.fcol1{width:100%}
.main-menu span::after,.falign img{display:none}
footer h2{border-bottom:1px solid #666;padding-bottom:5px;display:block;font-size:19px;color:var(--blue)}
.backButton{display:none !important}
.ct .d-flex{display:-ms-flexbox !important;display:flex !important;flex-wrap:wrap}
.news .list>div:last-child{padding:5px 15px}
.wrap{grid-template-columns:100%;gap:0}
.falign{order:5}
.fcol1 ul li:last-child{margin-bottom:15px}
.qlinks .fbold{font-weight:400 !important}
.mteam button.owl-prev{right:98%}
.mteam button.owl-next{left:98%}
.brand button.owl-prev{right:98%}
.brand button.owl-next{left:98%}
.grid4{grid-template-columns:repeat(1,1fr)}
}
@media(max-width:495px){.overlaycontent{justify-content:start}
.grid2 .cbtn{margin-top:15px}
.swiper-container{height:auto}
.grid4{margin-top:30px;margin-bottom:20px}
.news1 h3{padding:5px 0;margin-bottom:15px;}
.media1 p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.media1 .mm{margin-top:15px;margin-bottom:0}
.media1{padding:10px}
.copyright .container{width:100%}
.copyright p{text-align:center}
}
@media(max-width:480px){.v2 ul{grid-template-columns:100%}
.mteam button.owl-prev{right:95%}
.mteam button.owl-next{left:95%}
.brand button.owl-prev{right:95%}
.brand button.owl-next{left:95%}
.falign{display:flex;flex-direction:column;align-items:center}
.qp{display:grid;grid-template-columns:repeat(1,1fr);gap:20px;align-items:center}
.pc2{display:flex;align-items:center;flex-direction:column-reverse}
.subtitle{font-size:21px}
.breadcrumb{padding:10px}
.sub-banner{height:120px}
.pc2 h2{font-size:22px;line-height:26px}
.pro1.leftt{display:grid;grid-template-columns:100%}
.pro1.right{display:flex;flex-wrap:wrap;flex-direction:column-reverse}
.bancon{position:relative;background-color:#fff;padding:4% 2% 2% 3%;width:100%;left:0}
.subbanner{height:180px}
.bancon p,.bancon hr{display:none}
.sh1{font-size:30px;line-height:32px;margin:0}
.bcon .bancon{padding:15px}
.cr{display:flex;justify-content:center;flex-wrap:wrap}
.aboutgrid h2{font-size:22px;line-height:28px}
.header-logo{width:200px}
.textWrapper .bh1{font-size:28px;line-height:26px;color:#fff}
.bh1 span{font-size:24px;line-height:35px}
.swiper-slide .textWrapper{padding-top:12px;padding-bottom:12px;justify-content:center;height:auto;width:100%;left:0;background-color:#55575b8f}
.ct .d-flex{display:-ms-flexbox !important;display:flex !important;flex-wrap:wrap}
.habout{font-size:18px;line-height:24px}
.pro1 .habout{margin-bottom:20px;margin-top:20px}
.leftt .acontent{position:relative;right:0;width:100% !important}
.right .acontent{position:relative;left:0;width:100% !important}
.pc2{flex-direction:column}
.pc2 .cbtn{padding-left:100px}
.pc2 h2{margin-bottom:0}
.swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch.active .switch-title:after{width:50px;height:4px}
sub{font-size:16px}
.side-menu-wrap{width:100%}
.wl{object-fit:contain;}
.cblue,.textWrapper p{color:#fff}
.banner video{height:80vh}
.textWrapper{padding:0 20px 20px}
.aboutgrid .col2{grid-template-columns:100%}
.acontent{order:2;margin:0;padding:5%}
.imgwt{height:auto}
.data{padding:15px 10px}
.awrap{padding:30px 0}
.cbtn span:first-child{opacity:1;transform:translateX(0)}
#mcwrap li img{height:auto}
.bcont .cbtn,.chover .cbtn{padding-left:100px;background:#4a4e54;color:#fff}
.about .acontent{background:transparent}
.about .acontent h2{color:var(--blue);text-align:left}
.mteam .owl-item::after{width:60%}
#timeline{width:100%;margin-top:0}
#mcwrap{min-height:530px}
#next,#prev{top:20%}
.mcont h4{font-size:20px;line-height:24px}
.cert{grid-template-columns:repeat(2,1fr)}
.awardlist{gap:0 15px}
.mmt0{margin-top:0}
.tabdiv img{width:100%}
.tabdiv{gap:20px 0}
.mleft{padding:30px 15px}
.pro3{margin-top:30px}
.lbg{background:#eff1f3}
.astart .glist2{grid-template-columns:repeat(1,1fr)}
.breadcrumb{justify-content:flex-start}
.action{display:none !important}
.mtrim{display:-webkit-box;-webkit-line-clamp:4;overflow:hidden;-webkit-box-orient:vertical}
.abtsec{gap:0 !important}
.abtsec .habout.mb-30{margin-top:0}
.cform .mleft h2{font-size:24px}
}
@media(max-width:440px){p.count{font-size:28px}
p.fs{font-size:16px}
.aboutgrid span{font-size:18px}
.ah-fsize{font-size:16px}
.mteam .owl-item::after{width:75%}
#mcwrap{min-height:500px}
.mleft h2{font-size:24px}
.mleft a{white-space:pre-wrap}
.mleft p br{display:none}
.cform .mleft h2{font-size:20px}
}
@media(max-width:400px){.mimg h3{font-size:40px}
}
@media(max-width:380px){#next,#prev{top:17%}
#mcwrap{min-height:450px}
}
@media(max-width:360px){.mteam .owl-item::after{width:85%}
.mteam button.owl-prev{right:92%}
.mteam button.owl-next{left:92%}
.brand button.owl-prev{right:92%}
.brand button.owl-next{left:92%}
.awardlist{grid-template-columns:repeat(1,1fr)}
.awardlist img{display:block;margin:0 auto}
.cnt-sicon a:last-child{margin-left:35px}
}



.fullscreen-video {
  width: 100%;        /* Full width of viewport */
  height: 550px;       /* Fixed height */
  position: relative;
  overflow: hidden;
}
.fullscreen-video iframe {
  width: 100vw;
  height: calc(100vw/1.77);
}

@media(min-width:1600px){
   .fullscreen-video {
        width: 100%;        /* Full width of viewport */
        height: 100%;       /* Fixed height */
        position: relative;
        overflow: hidden;
  }
}



.sec-pdd {
    padding: 80px 0px;
}

.ind-motor {
    position: relative;
    z-index: 3;
}

.mlist-prd {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}
.mbx-item {
    position: relative;
    overflow: hidden;
    width: 100%;
}
.mbx-title {
    width: 100%;
}
.mbx-title h2 {
    text-align: left;
    padding: 15px 0px 15px 20px;
    border-top: 1px solid #ccc;
    width: 100%;
    font-size: 20px;
    text-transform: capitalize;
}
.mbx-item:hover .mbx-item img{
    mix-blend-mode: multiply;
}
.mbx-item img {
 width:100%;
 object-fit:cover;
 display:flex;
 padding: 0px 0px 0px;
}


@media (max-width: 1130px){
	.ind-mtr .mbx-item img{height:auto;}
}
@media (max-width: 1040px){.ind-mtr .mbx-item img {padding: 50px 0px 0px;}}
@media (max-width:900px){.ind-mtr .mbx-item img {padding:0px 0px 0px;}}

@media (max-width: 1270px){ .mlist-prd{gap:15px;} }
@media (max-width:900px) {.mlist-prd{grid-template-columns: repeat(2, 1fr);gap: 20px;}}
@media (max-width:580px){.mlist-prd{gap:10px;}}
@media (max-width:460px){.mlist-prd{gap: 15px;}}
@media (max-width:440px){.mlist-prd{gap:10px;}}
@media (max-width:330px){.mlist-prd{gap:10px;}}


.mbox {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #fff;
}
.mb-img-cnt {
    width: 100%;
    box-shadow: 0px 0px 8px 1px #ccc;
    border: 1px solid #ccc;
}
@media (max-width:415px){
  .mb-img-cnt {padding: 30px 0px 0px;}
}


.limg img, .limg {
    transition: all linear .3s;
}

.plist .limg div {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

.limg div {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.limg {
    padding: 0px 0px 30px;
    background: #fff;
    text-align: center;
    border: 1px solid #ebebeb;
    box-shadow: 1px 1px 10px rgb(0 0 0 / 5%);
}

.plist, .plist-1 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

@media (max-width: 1310px) {
    .plist {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 950px) {
    .plist {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 480px) {
    .plist {
        grid-template-columns: repeat(1, 1fr);
    }
}


@media (max-width: 1600px) {
    .plist h2 {
        font-size: 18px;
    }
}

@media (max-width: 991px) {
    .plist h2, .pdlist h2 {
        font-size: 16px;
    }
}




.swiper-container-wrapper--timeline .swiper-slide {
  display: flex;
  /* background: #fff; */
  min-height: 300px;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
}
.swiper-container-wrapper--timeline .swiper-slide .container {
  padding: 0;
  width: 100%;
}
.swiper-container-wrapper--timeline .swiper-slide .title {
  font-size: 18px;
  opacity: 0;
  transition: 0.5s ease 0.5s;
}
.swiper-container-wrapper--timeline .swiper-slide-active .title {
  opacity: 1;
}
.swiper-container-wrapper--timeline .swiper-pagination-progressbar {
  position: relative;
  margin-bottom: 70px;
  background-color: transparent;
  height: 4px;
  border-bottom: 1px solid #888;
  width: 75%;
}
span.swiper-pagination-progressbar-fill {
    display: none;
}
.swiper-container-wrapper--timeline .swiper-pagination-progressbar:before {
  position: absolute;
  top: 2px;
  left: -100%;
  width: 100%;
  height: 1px;
  background-color: #999999;
  content: "";
}
.swiper-container-wrapper--timeline .swiper-pagination-progressbar:after {
  position: absolute;
  top: 3px;
  right: -100%;
  width: 100%;
  height: 1px;
  background-color: #888;
  content: "";
}
.swiper-container-wrapper--timeline .swiper-pagination-custom {
  position: relative;
  list-style: none;
  margin: 1rem 0;
  padding: 0;
  display: flex;
  line-height: 1.66;
  bottom: 0;
  z-index: 11;
  width: 75%;
  display: flex;
}
.swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch {
  position: relative;
  width: 100%;
  height: 30px;
  line-height: 30px;
  display: block;
}
.swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch .switch-title {
  position: absolute;
  font-weight: 400;
  right: 0;
  transform: translateX(50%);
  transition: 0.2s all ease-in-out;
  transition-delay: 0s;
  cursor: pointer;
  z-index: 1;
}
.swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch .switch-title:after {
  position: absolute;
  top: calc(100% + 19px);
  right: 50%;
  transform: translateX(50%) translateY(-50%);
  /* border-radius: 2rem; */
  content: "";
  transition: 0.2s all ease-in-out;
  transition-delay: 0s;
  z-index: 1;
}
.swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch.active .switch-title {
  font-weight: 400;
  transition-delay: 0.4s;
}
.swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch.active .switch-title:after {
     background: #0d4486;
    width: 100px;
    height: 8px;
    transition-delay: 0.4s;
}
.swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch.active ~ .swiper-pagination-switch .switch-title {
  color: #888;
  font-weight: 16px;
}
.swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch.active ~ .swiper-pagination-switch .switch-title:after {background:#888;}
.of-hidden{overflow-x:hidden;}
.grd-item {background-color:#56657ae0;color:#fff;padding:30px;}
.hed-four {color:#fff;font-size:28px;margin-bottom:20px;font-weight:500;}
.hed-five {color:#fff;font-size:20px;margin-bottom:10px;}
.time-list li {margin-bottom:10px;display: flex;gap: 5px;}
.time-list li span {font-weight: 500;}
.grid-hed {display:grid;gap:20px;grid-template-columns: repeat(3, 1fr);}
.hist-icon svg {width: 65px;height: 65px;background: #eff1f3;color: #0e4484;padding: 10px;border-radius: 50%;margin-bottom: 15px;}

@media (max-width: 1199px) {
	.grid-hed {grid-template-columns: repeat(2, 1fr);}
}
@media (max-width: 992px) {
	.grid-hed {grid-template-columns:repeat(1, 1fr);}
	.hist-icon svg {width:60px;height:60px;}
}
@media (max-width: 580px) {
	.subtitle {font-size:20px;}
	.hed-four {font-size:25px;}
	.sls {display:none;}
	.time-list li {gap: 10px;}
}
@media (max-width: 480px) {
	.time-list li {font-size:16px;}
	.time-list li span {font-weight: 500;}
	.grd-item {padding:25px;}
	.hed-four {font-size:23px;}
	.hist-icon svg {width:55px;height:55px;}
}




.carware-banner {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.owl-carousel .item img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}