#testimonial-swiper .card,a{background-color:transparent}
.bread-crumb a,.contact-grid a,.faq-singular>h3,.home-page .banner-sect a,.ncontent a,.owl-carousel .g1 a,.prod-container .prod-content a,.prod-l-card-wrap a,.sse,.sticky-info a,.welcome-button,a,a.prmore,a.prmoreAbout,a.prmoreAboutImg,a:hover,footer a,header a{text-decoration:none}
.backButton,.faq-singular,.sse{cursor:pointer}
*{margin:0;padding:0;box-sizing:border-box}
:root{--orange:#e97110;--red:#d81220;--gray:#ada7a8}
html{scroll-behavior:smooth}
body,p{font-family:Oxygen,sans-serif!important;color:#4a4545}
a{color:#000;text-decoration:none;}
footer p,footer ul,header p,header ul{margin-bottom:0!important}
.align-items-center{align-items:center}
.infra-head-left .left,.infra-head-left .right,.news-slider-controls,.prod-slider-controls,header .ncontainer .row{display:flex}
.fclr a:hover::before,.main-menu a.active span::before,.main-menu a:hover,.pre-header a:hover::before{transform:scaleX(1)}
.flex-end{justify-content:end}
.justify-content-center{-ms-flex-pack:justify!important;justify-content:center!important}
.justify-content-between{-ms-flex-pack:justify!important;justify-content:space-between!important}
.align-items-center{-ms-flex-align:center!important;align-items:center!important}
.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}
.bn-br,.d-block{display:block!important}
.bootstrap-select>select.bs-select-hidden,.contact-page .sse,.d-none,.home-page .banner-sect a::before,.swiper-button-next-process,.swiper-button-prev-process,select.bs-select-hidden,select.selectpicker{display:none!important}
.d-flex{display:-ms-flexbox!important;display:flex!important}
.flex-column{-ms-flex-direction:column!important;flex-direction:column!important}
ul{padding-left:0;list-style:none}
img{max-width:100%}
.container{width:90%;margin:0 auto}
#call-action .call-action,header .header-logo{color:#001b4f;font-weight:700;font-size:23px;transition:.4s;-webkit-transition:.4s;-moz-transition:.4s;-ms-transition:.4s;-o-transition:.4s}
header{box-shadow:0 1px 5px 0 rgba(83,83,83,.4);top:0;z-index:999;background:#fff!important;box-shadow:none;position:fixed;width:100%}
.modal-backdrop{z-index:999!important}
.about-hh-grid>.right .img-right-container,.bootstrap-select .dropdown-menu li,.pos-rel,.pre-header,.prod-container,.sticky-info p.heading,.testimonials .container.pos-rel,.testimonials .ncontainer,header .main-menu>li{position:relative}
header .main-menu>li>a{font-size:16px;padding:25px 1.5vw;font-weight:600;display:block;transition:.4s;-webkit-transition:.4s;-moz-transition:.4s;-ms-transition:.4s;-o-transition:.4s;color:#000}
.fclr a,.pre-header a,header .main-menu>li>a span{position:relative;text-decoration:none}
header .main-menu>li.active a{color:var(--orange) !important}
header .main-menu>li>a span::before{content:'';position:absolute;width:100%;height:2px;border-radius:4px;background-color:var(--orange);bottom:-10px;left:0;transform-origin:center;transform:scaleX(0);transition:transform .3s ease-in-out}
#call-action .call-action:hover,.copyright a:hover,.news-card a:hover,header .main-menu>li.active>a,header .main-menu>li:hover>a{color:#e97110}
.side-menu-nav .main-menu .sub-menu a i,.side-menu-nav .main-menu>li>a>i,header .main-menu .sub-menu a i,header .main-menu>li>a>i{color:#03328e}
.get-in-touch a:hover,.header-class.change .header-logo small:hover,.home-page a.header-logo:hover,.home-page header .header-logo,.home-page header .header-logo small:hover,.home-page header a.header-logo:hover small,.how-we-work h2,.how-we-work h3,.how-we-work p,.pre-header a,.process-cont .swiper-slide:hover .process-inner h3,.process-cont .swiper-slide:hover .process-inner p,footer a.nowrap,header .main-menu>li:hover>a i,header .main-menu>li>a:hover>i{color:#fff}
header .main-menu .sub-menu{display:none;position:absolute;left:50%;top:100%;width:180px;overflow:hidden;border-top:2px solid var(--red);background:#fff;box-shadow:0 1px 5px 0 rgba(83,83,83,.2);z-index:5;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%)}
header .main-menu .sub-menu a{padding:11px 10px;display:block;color:#173966;font-size:15px;-webkit-transition:.4s;-moz-transition:.4s;-ms-transition:.4s;-o-transition:.4s}
.bootstrap-select.show-menu-arrow.open>.dropdown-toggle .filter-option:after,.bootstrap-select.show-menu-arrow.open>.dropdown-toggle .filter-option:before,.bootstrap-select.show-menu-arrow.show>.dropdown-toggle .filter-option:after,.bootstrap-select.show-menu-arrow.show>.dropdown-toggle .filter-option:before,.bs-actionsbox .btn-group,.bs-donebutton .btn-group,.display-till-576,.pvmc,header .main-menu>li:hover .sub-menu{display:block}
.f-logo img{width:300px;height:auto;}

header .header-logo figure img{max-width:200px}
header .demo-link{margin-left:1vw}
header .side-menu-close{background:0 0}
header .side-menu-close span{width:28px}
.side-menu-wrap{width:300px;position:fixed;left:-100%;top:0;background:#fff;height:100%;box-shadow:0 1px 5px 0 rgba(83,83,83,.2);overflow-y:auto;z-index:99;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}
.side-menu-logo{border-bottom:2px solid #fe8204}
.side-menu-nav .main-menu>li{position:relative;border-bottom:1px solid #ccc}
.side-menu-nav .main-menu .sub-menu{border-top:1px solid #fe8204;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:10px 22px;display:block;color:#212529;font-weight:600;font-size:.9em;transition:.4s;-webkit-transition:.4s;-moz-transition:.4s;-ms-transition:.4s;-o-transition:.4s;text-transform:none}
.side-menu-nav .main-menu .sub-menu~i{font-size:.8em;position:absolute;padding:21px 11px;right:0;top:0;border-left:1px solid #ccc}
.side-menu-nav .main-menu .sub-menu a:hover{background:#f5f5f5}
.side-menu-nav .main-menu>li>a{color:#212529;padding:15px 30px 15px 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:40px;width:40px;background:#21395f;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:#fff;position:relative;opacity:1;transition:.4s;-webkit-transition:.4s;-moz-transition:.4s;-ms-transition:.4s;-o-transition:.4s}
.side-menu-close span:first-child{top:-5px}
.side-menu-close span:nth-child(3){bottom:-5px}
.side-menu-close.closed span:first-child{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)}
.custom-overlay{position:fixed;left:0;top:0;background:rgba(0,0,0,.4);z-index:12500;visibility:hidden;opacity:0;transition:.4s;-webkit-transition:.4s;-moz-transition:.4s;-ms-transition:.4s;-o-transition:.4s}
.custom-overlay.show{visibility:visible;opacity:1;transition:.4s;-webkit-transition:.4s;-moz-transition:.4s;-ms-transition:.4s;-o-transition:.4s}
.pre-header{padding:5px 0;background:linear-gradient(to right,#f96d25 100%);color:#303030;}
#application-swiper,#news-swiper,.frow{padding-bottom:40px}
.pre-header li{list-style-type:none}
.ncontainer{width:90%;margin:auto}
.fclr li:nth-child(2),.paginator.simple-pagination ul li,.pcol21 ul li{margin:0 5px}
.header-top a,.header-top p{font-size:16px;font-weight:600;color:#fff;}
.header-top a:hover{color:#fff !important;}

a.header-logo{display:grid!important;gap:0 10px;align-items:center;justify-content:center}
.header-logo img{width:200px;height:auto;}
.header-logo small{grid-column:2/3;align-self:self-start}
header .header-logo p{font-size:20px}
header .header-logo small{font-size:14px}
#application-swiper figure:hover figcaption,.bcolor,.bl-clr,.fclr a:hover,.header-class.change .header-logo,.header-class.change .header-logo p,.header-class.change .main-menu>li.active>a,.header-class.change .main-menu>li>a,.home-page .banner-sect a:hover,.home-page header .header-logo p,.infra-swiper-controls .swiper-button-next-infra:hover,.infra-swiper-controls .swiper-button-prev-infra:hover,.pcol:hover .v-products span,.pcol:hover h3,.pre-header a:hover,.prod-container .prod-content h3,.prod-content:hover a,.swiper-button-next-news:hover,.swiper-button-next:hover,.swiper-button-prev-news:hover,.swiper-button-prev:hover,.testimonials .swiper-button-next:hover,.testimonials .swiper-button-prev:hover,header .header-logo,header .header-logo small:hover,header .main-menu>li.active>a,header a.header-logo:hover small{color:var(--orange)}
footer .sicons a{background:#e6f3ea;font-size:16px;width:30px;height:30px}
footer .sicons a svg path{fill:#000}
.backButton:hover path,.flex-align svg path,.prod-l-card-wrap:hover a svg path,footer .sicons a:hover svg path{fill:#fff}
.sicons li:last-child a,footer .sicons svg{margin:0}
#navs{padding:10px 0}
.main-menu a{color:#0f273c;font-weight:600;text-transform:uppercase;padding:0 30px;position:relative}
#application-swiper .swiper-pagination,.banner-sect .overlay,.bootstrap-select .dropdown-menu li a span.check-mark,.bootstrap-select .dropdown-toggle.bs-placeholder .bs-select-clear-selected,.bs-searchbox,.disp-mobile,.display-m,.excont,.fdisplay-m,.home-page .pre-header.header-top::after,.main-menu li:first-child a::before,.no-display-till-576,.owl-dots,.owl-nav,.process-cont .swiper-pagination-process,.pva,.swiper#banner-swiper .content-wrapper .content br,.swiper#banner-swiper .swiper-scrollbar,.swiper-button-next:after,.swiper-button-prev:after,.welcome-grid .swiper-pagination-products{display:none}
.frow,.vmore{display:flex}
.fclr a:hover,.main-menu a:hover{color:#e97110;}
.sicons .fb:hover{background:#3b5998}
.sicons .tw:hover{background:#00aced}
.lik:hover{background:#007bb6}
.in:hover{background:#c13584}
.youtube:hover{background-color:red}
footer{background-color:#666;padding:40px 0 0}
.frow{justify-content:space-between}
.f1,.f5{width:20%}
.f2{width:14%;padding-left:0}
.f3,.f4{width:20%}
footer,footer a,footer p{color:#ededed}
.f1 .f500,.f4 .f500{color:#fff;font-weight:500;padding:20px 0}
footer h2{font-family:"Roboto",sans-serif;color:#fff;font-weight:600;}
.mb-50{margin-bottom:50px}
.mt-90{margin-top:90px}
.f4 .f500{padding:0 0 10px}
.mb-1{margin-bottom:10px}
.mb-2,.subbanner,.swiper#banner-swiper .content-wrapper .content :first-child,.swiper#banner-swiper h2,.vis-mis-col p:last-child,footer h2{margin-bottom:20px}
.f2 li,.f3 li,.f4 li,.modal-body .form-group{margin-bottom:15px}
.f2 li:last-child,.f3 li:last-child,.f4 li:last-child,.form-group .bootstrap-select,.form-horizontal .bootstrap-select,.form-inline .bootstrap-select,.infra-head-left .right p,.news-head-left .right p,.products-head-left .right p,.spec-sec .strip p,.vis-mis-ul li:last-child,.why-inner>div p{margin-bottom:0}
footer a:hover{color:#ffa65e;}
footer a,footer p{font-size:15px;font-weight:500}
.f1 svg{transform:rotate(180deg);width:30px;margin-right:10px}
.vmore{align-items:center;text-transform:uppercase;font-weight:700;color:#fff;margin-top:15px}
.f1 .vmore:hover{color:#c0202f}
.f1 .vmore:hover line,.f1 .vmore:hover path{stroke:#c0202f}
.copyright{background-color:#fff;padding:12px 0}
.bread-crumb a,.bread-crumb li,.copyright a,.copyright p,.news-card a.red-lined{color:#4a4545}
.f5 a,.nowrap{white-space:nowrap}
.f4 li{line-height:20px}
header .row>*{width:auto;padding-left:0;padding-right:0}
.header-class,.pre-header{transition:.4s ease-in-out}
@keyframes display-to-none{from{margin-top:-10px}
to{margin-top:-24px}
}
.header-class.change{background:#fff;box-shadow:0 0 3px rgba(0,0,0,.25)}
.enquiry-pf{padding:40px 0;background-color:var(--orange)}
.enquiry-pf .container{display:flex;align-items:center;justify-content:space-evenly}
.enquiry-pf p{font-size:1.7rem;margin-right:20px;margin-bottom:0;color:#fff}
.inhouse-brands .inhbrands img:first-child,.mw-80{max-width:80%}
.mw-70{max-width:70%}
.mw-60{max-width:60%}
.inhouse-brands .inhbrands img,.mw-50{max-width:50%}
.mw-40{max-width:40%}


.swiper#banner-swiper{
  width:100%;
  aspect-ratio: 16 / 6;
  margin-top:128px;
}
#banner-swiper .swiper-slide{
  position:relative;
  height:100%;
}
.swiper#banner-swiper .swiper-image {
   position:absolute;
   width:100%;
   height:auto;
   margin:0;
   transform:scale3d(1,1,1);
   -webkit-backface-visibility:hidden!important;
   backface-visibility:hidden !important;
   will-change:transform;
   transition:transform 1.5s 0.4s;
}
#banner-swiper .swiper-slide img{
  width:100%;
  height:auto;
  display: block;
}

.swiper#banner-swiper .content-wrapper .content{padding:1.5em;color:#fff;opacity:0;width:100%;max-width:35%;transition-duration:1.5s,.6s;transition-property:opacity,transform;transition-delay:0.4s}
.swiper .overlay{width:100vw;height:100%;position:absolute;background:rgba(0,0,0,.6);margin:0}
.swiper-button-next,.swiper-button-prev,.swiper-container-rtl .swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-repeat:no-repeat!important;background-position:center!important;width:20px!important;height:20px!important;padding:15px}
.swiper#banner-swiper .content-wrapper{position:relative;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;grid-template-areas:".";width:100%;justify-items:start;align-items:end}
.swiper#banner-swiper .content-wrapper .content p{color:#f7f7f7;font-size:18px;line-height:1.2;margin:40px 0}
.swiper#banner-swiper .swiper-slide{margin:0;overflow:hidden!important}
.swiper#banner-swiper .swiper-slide.swiper-slide-active .swiper-image{transform:scale3d(1.02,1.02,1);will-change:transform}
.gallery-thumbs .swiper-slide-active,.infra-thumb.swiper .swiper-slide-thumb-active,.swiper#banner-swiper .swiper-slide.swiper-slide-active .content{opacity:1}
.swiper#banner-swiper .swiper-nav-wrapper{bottom:6em;left:6em}
@media (min-width:640px){.swiper .overlay{background:rgba(0,0,0,.3)}
.swiper#banner-swiper .content-wrapper.content-right{justify-items:end}
.swiper#banner-swiper .swiper-nav-wrapper{bottom:30px;left:7%}
}
.swiper#banner-swiper .swiper-nav-wrapper .swiper-button-prev{right:15px}
.swiper#banner-swiper .swiper-nav-wrapper .swiper-button-next,.swiper#banner-swiper .swiper-nav-wrapper .swiper-button-prev{width:60px;height:60px}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml,%0A%3Csvg width='9px' height='16px' viewBox='0 0 9 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='chevron-right' fill='%23FFFFFF' fill-rule='nonzero'%3E%3Cpath d='M8.674805,7.066406 L1.924805,0.316406 C1.696288,0.105468 1.432619,0 1.133789,0 C0.834959,0 0.57129,0.105468 0.342773,0.316406 C0.114257,0.544923 0,0.808592 0,1.107422 C0,1.406251 0.114257,1.669921 0.342773,1.898438 L6.301758,7.857422 L0.342773,13.816406 C0.114257,14.044923 0,14.308592 0,14.607422 C0,14.906251 0.114257,15.169921 0.342773,15.398438 C0.465821,15.521485 0.584472,15.609375 0.69873,15.662109 C0.812989,15.714844 0.958007,15.741211 1.133789,15.741211 C1.309571,15.741211 1.454589,15.714844 1.568848,15.662109 C1.683106,15.609375 1.801757,15.521485 1.924805,15.398438 L8.674805,8.648438 C8.903321,8.419921 9.017578,8.156251 9.017578,7.857422 C9.017578,7.558592 8.903321,7.294923 8.674805,7.066406 Z' id='Path'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E")!important;left:10px;right:auto}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml,%0A%3Csvg width='9px' height='16px' viewBox='0 0 9 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='chevron-right' transform='translate(4.508789, 7.870605) rotate(-180.000000) translate(-4.508789, -7.870605) translate(-0.000000, -0.000000)' fill='%23FFFFFF' fill-rule='nonzero'%3E%3Cpath d='M8.674805,7.066406 L1.924805,0.316406 C1.696288,0.105468 1.432619,0 1.133789,0 C0.834959,0 0.57129,0.105468 0.342773,0.316406 C0.114257,0.544923 0,0.808592 0,1.107422 C0,1.406251 0.114257,1.669921 0.342773,1.898438 L6.301758,7.857422 L0.342773,13.816406 C0.114257,14.044923 0,14.308592 0,14.607422 C0,14.906251 0.114257,15.169921 0.342773,15.398438 C0.465821,15.521485 0.584472,15.609375 0.69873,15.662109 C0.812989,15.714844 0.958007,15.741211 1.133789,15.741211 C1.309571,15.741211 1.454589,15.714844 1.568848,15.662109 C1.683106,15.609375 1.801757,15.521485 1.924805,15.398438 L8.674805,8.648438 C8.903321,8.419921 9.017578,8.156251 9.017578,7.857422 C9.017578,7.558592 8.903321,7.294923 8.674805,7.066406 Z' id='Path'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E")!important;auto:10px;right:left}
.swiper#banner-swiper .overlay{background-image:linear-gradient(90deg,#00000080,transparent)}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 10px!important}
.swiper-button-prev,.swiper-rtl .swiper-button-next{left:25px!important}
.swiper-button-next,.swiper-rtl .swiper-button-prev{right:25px!important}
header .header-logo p{text-align:center;word-spacing:1px;color:var(--orange)}
.header-class.change .main-menu>li>a{color:#3e3e3e}
header .header-logo small{font-weight:400;text-align:center;word-spacing:0px;color:var(--orange)}
.home-page header .main-menu>li>a{color:#000;font-weight:700}
.header-class.change .side-menu-close span,.home-page header .side-menu-close span,header .side-menu-close span{background:#000}
.home-page .banner-sect a{color:#000;transition:.3s linear;display:inline-flex;font-weight:500;text-transform:uppercase;background:#fff;padding:8px 20px;position:relative;z-index:1}
.home-page .banner-sect a::after{content:'';position:absolute;right:0;width:8px;height:100%;background:#e5e5e5;bottom:0;transition:.3s;z-index:-1}
.bootstrap-select[class*=col-] .dropdown-toggle,.bs-donebutton .btn-group button,.form-inline .bootstrap-select .form-control,.home-page .banner-sect a:hover::after,.prod-d-page .banner-text,:not(.input-group)>.bootstrap-select.form-control:not([class*=col-]){width:100%}
.banner-sect .red-lined::before,.red-lined::before{width:60px;height:2px;background:#e30c1a;content:'';align-self:center;margin-right:10px}
.red-lined{text-transform:uppercase;margin-bottom:10px}
.red-lined::before{display:none}
.banner-sect .red-lined::before{display:block}
.blue-lined.margin-center::before{margin-left:-75px}
.bread-crumb a:hover{color:var(--orange)}
.blue-lined::before{content:'';width:65px;height:1.5px;background:#69c;align-self:center;margin-right:10px}
.banner-sect h1,.banner-sect h2{font-size:40px!important;line-height:64px;text-transform:uppercase;width:90%}
.welcome{padding:70px 0 80px}
.welcome-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;justify-content:center;gap:20px}
.tnews>div,.welcome-grid>.right{position:relative;overflow:hidden}
.welcome-grid>.right>.video{position:absolute;bottom:-50px;right:0}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{line-height:1.1!important}
.stripe-1{color:#fff;background:#f7f7f7;}
.ribbon>.container{display:grid;grid-template-columns:repeat(4,1fr);padding:40px 0 50px;margin-bottom:10px}
.ribbon>.container h2{margin-bottom:0;font-size:40px;color:#000;display:flex;align-items:center;justify-content:center;font-weight:700}
.ribbon>.container p{font-size:18px;font-weight:500;color:#000;margin-bottom:0;line-height:1;text-transform:capitalize}
.left.hh-back{background:linear-gradient(to right,rgba(255,255,255,.2),rgba(255,255,255,.2)) center/contain no-repeat,url("images/hh-logo-background.webp") center/contain no-repeat;height:100%;display:flex;justify-content:center;flex-direction:column}
.left.hh-back h2{padding:20px 0;font-weight:700}
.bl-clr{color:#646464}
#faq-accordion.accordion-flush .accordion-item .accordion-button,.application h2,.b-fw,.contact-grid .get-in-touch h2,.contact-grid .get-in-touch h3,.fw-600,.qna h1,.sticky-info{font-weight:600}
.welcome-button{padding:10px 20px;background:linear-gradient(to right,#7e7e7e 50%,#078cbe 50%);width:max-content;color:#fff;margin-left:0;transition:.5s ease-out;background-size:200% 100%;background-position:right bottom}
.inhouse-brands .inhbrands{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:30px 0 0}
.inhouse-brands .inhbrands>div{display:flex;align-items:center;justify-content:center;padding:10px 0}
.pspace{padding:70px 0}
.swiper-autoheight,.swiper-autoheight .swiper-slide{display:flex;height:inherit!important}
.why-us-grid{display:grid;gap:40px;grid-template-columns:1.5fr 1fr 1fr 1fr;align-items:center}
.hh-back-full{background:linear-gradient(to right,rgba(255,255,255,.5),rgba(255,255,255,.5)) center/cover no-repeat,url("images/hh-background-full-width.webp") center/cover no-repeat;height:100%}
.why-inner{padding:20px;box-shadow:rgba(50,50,93,.25) 0 6px 12px -2px,rgba(0,0,0,.3) 0 3px 7px -3px}
.why-inner hr{opacity:.75;width:90%;margin:1rem auto;background-color:#ccc}
.why-inner>div{width:90%;margin:auto;align-items:center;display:flex;justify-content:flex-end;flex-direction:row-reverse}
.why-us-grid h2{letter-spacing:-1px}
#spots p,.why-inner>div p{font-size:1.2rem;font-weight:600;color:#000;letter-spacing:0;line-height:1.2;margin-left:20px}
.why-inner>div img{max-width:23%}
.testimonials .card{margin:20px;padding:20px;border-radius:15px}
.black-txt,.card-content p,.counter h2,.faq-grid .open-hours p.fw-bold,.ncontent p,.process-cont p,.sticky-info p,.sticky-info p.contact-info-grid{color:#000}
.card-content{padding:50px 20px 20px;position:relative}
.card-content::after{content:"";position:absolute;background:url(images/left-quote.svg) 0 0/contain;height:30px;width:30px;top:10px;left:20px}
.testimonials .container.grey-bg{background:#f3f3f3;padding:20px 50px}
.fname,.testimonials small,footer .logo-text{font-weight:600;font-size:16px}
.testimonials .swiper-button-prev,.testimonials .swiper-rtl .swiper-button-next{left:auto;right:130px}
.testimonials .swiper-button-prev{right:-50px}
.news-head,.products-head{display:grid;grid-template-columns:1fr 1fr;grid-template-columns:2fr 1fr}
.news-head-left,.products-head-left{display:grid;grid-template-columns:1fr 1fr;align-items:center}
.news-head-right,.products-head-right{display:flex;flex-direction:column;align-items:flex-end}
.bd-right .d-start,.gallery-thumbs div.swiper-wrapper,.products-head-right{justify-content:center}
.news-head-right .welcome-button,.products-head-right .welcome-button{margin:10px}
.news-card{display:grid;gap:20px}
.news-card img{transition:.3s ease-in-out;width:100%;height:260px;object-fit:cover}
.news-card:hover img,.pcol:hover img,.prod-l-card-wrap:hover img{transform:scale(1.1)}
.bootstrap-select .dropdown-toggle .filter-option-inner-inner,.img-container,.nimg-cont,.of-hidden,.oflow{overflow:hidden}
.ncontent a,.sticky-info a{color:#000}
.pspace-b{padding:70px 0 0}
.pspace-t{padding:50px 0px;}
.how-we-work{background:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,.5)) 0 0/cover no-repeat,url("images/how-we-work-back.webp") 0 0/cover no-repeat}
.process-inner,.process-inner.bl-bg{background:#fff}
.process-head{display:flex;flex-direction:column;align-items:center;justify-content:center}
.process-inner{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:40px;text-align:center;margin:0 15px}
.process-inner img{width:75px;height:75px;object-fit:cover;filter:invert(1)}
#process-slide-m .arrow-right{position:absolute;top:50%;left:-27px;transform:translateY(-50%)}
#products-swiper{padding-bottom:30px}
.prod-container .prod-content{position:absolute;bottom:-30px;left:50%;transform:translateX(-50%);width:70%;background:#fff;padding:20px;text-align:center;opacity:0}
.prod-container .prod-content:hover{cursor:default}
#products-swiper .swiper-slide-active .prod-container .prod-content{animation:.4s forwards display-block}
@keyframes display-block{from{opacity:0}
to{opacity:1}
}
.prod-container .prod-content a{font-weight:600;color:#000}
.lined-span{content:"";width:50px;height:1px;display:block;margin:0 10px;transition:.4s linear}
.swiper-button-next-products,.swiper-button-prev-products,.testimonials .swiper-button-next,.testimonials .swiper-button-prev{width:auto!important;color:#000;text-transform:uppercase}
.test-container{width:100%;margin:20px auto 40px}
.bgcolor,.grey-bg{background:#f3f3f3}
.test-container.pos-rel{position:relative;width:100%;padding:0}
.counterplus{display:flex;align-items:center;justify-content:center;width:134px}
.counter{display:flex;flex-wrap:wrap;align-items:center;text-align:center;flex-direction:column;gap:20px}
.counter-w h2{width:103px}
.counterplus.counterplus-sm{width:75px}
.faq-grid .open-hours p,.infra-swiper-controls .swiper-button-next-infra,.infra-swiper-controls .swiper-button-prev-infra,.our-products .swiper-button-next-products,.our-products .swiper-button-prev-products,.testimonials .swiper-button-next,.testimonials .swiper-button-prev,.welcome-grid .swiper-button-next,.welcome-grid .swiper-button-prev{color:#8d8d8d}
.our-products .swiper-button-prev-products{left:45%;transform:translateX(-50%);padding-top:20px}
.our-products .swiper-button-next-products{right:37%;transform:translateX(-50%);padding-top:20px}
.testimonials .swiper-button-next:hover,.testimonials .swiper-button-prev:hover{font-weight:500}
.swiper-button-next-news,.swiper-button-prev-news{width:auto!important;color:#8d8d8d;text-transform:uppercase;display:flex;align-items:center;padding:10px 0}
.testimonials .swiper-button-next,.testimonials .swiper-button-prev{width:auto!important;text-transform:uppercase}
.form-group-lg .bootstrap-select.form-control,.form-group-sm .bootstrap-select.form-control,.frow ul{padding:0}
footer h2{font-size:1.1rem!important;text-transform:uppercase}
.copyright a,.copyright p{font-weight:400}
.swiper#banner-swiper .swiper-counter{height:50px;position:absolute;top:auto;z-index:1;color:#fff;font-size:16px;left:5%;transform:translateY(-50%);display:flex;bottom:40px}
.swiper#banner-swiper .swiper-counter .total{font-size:24px;font-weight:500}
.f1 h3{font-size:1.1rem;color:#fff;font-weight:500;text-transform:uppercase}
.play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;display:flex;align-items:center;justify-content:center;transition:.2s ease-in-out}
.play-button .stroke-solid{stroke-dashoffset:0;stroke-dashArray:300;stroke-width:4px;transition:stroke-dashoffset 1s,opacity 1s}
.play-button .icon{transform:scale(.8);transform-origin:50% 50%;transition:transform .2s ease-out}
.play-button:hover .stroke-solid{opacity:1;stroke-dashoffset:300}
.play-button:hover .icon{transform:scale(.9)}
.play-button:hover{background:rgba(0,0,0,.2)}
.welcome-button:hover{color:#fff;background-position:left bottom}
.header-class.change .pre-header{animation:.4s forwards display-to-none;padding:0}
.swiper-button-next-process,.swiper-button-prev-process{top:auto!important;bottom:-12%!important}
.swiper-button-prev-process{left:auto!important;right:15%!important;width:20px!important}
.swiper-button-next-process{left:auto!important;right:5%!important;width:20px!important}
.abtdealor img,.bootstrap-select.fit-width,.twocols img{width:auto!important}
.owl-carousel .g1 a{display:grid;align-items:center;justify-content:center;text-align:center;pointer-events:none;gap:10px}
.owl-carousel .g1 img{margin:auto}
footer .sicons a{border-radius:50%;padding:5px;display:flex;align-items:center;justify-content:center;transition:.4s linear}
.sicons li{display:flex;align-items:center;justify-content:start;width:40px}
.home-page header .main-menu>li>a span::before{background-color:#0d51c1}
.infra-swiper-controls .swiper-button-next-infra:hover .lined-span,.infra-swiper-controls .swiper-button-prev-infra:hover .lined-span,.swiper-button-next-application:hover,.swiper-button-next-news:hover .lined-span,.swiper-button-next:hover .lined-span,.swiper-button-prev-application:hover,.swiper-button-prev-news:hover .lined-span,.swiper-button-prev:hover .lined-span,header.change .main-menu>li>a span::before{background-color:var(--orange)}
.home-page .banner-sect{margin-top:0}
.banner-sect h1.page-title{width:40%}

.about-page .banner-sect,.clientele-page .banner-sect,.contact-page .banner-sect,.blog-page .banner-sect,.sitemap-page .banner-sect,.gallery-page .banner-sect,.network-page .banner-sect,.prod-d-page .banner-sect,.prod-l-page .banner-sect{background-repeat:no-repeat;background-position:center;background-size:cover;height:280px;}
.prod-d-page .banner-sect{background-image:url('index.html')}
.faq-page .banner-sect{background-position:top}


.contact-page .banner-sect{background-image:url('../images/banners/contact.jpg');background-position:center;background-fit:contain;}
.blog-page .banner-sect{background-image:url('../images/banners/blog.jpg');background-position:center;background-fit:contain;}

.about-page .banner-sect{background-image:url('../images/banners/about.webp')}
.gallery-page .banner-sect{background-image:url('../images/banners/gallery.jpg')}
.productpage .banner-sect{background-image:url('../images/banners/product.jpg')}
.sitemap-page .banner-sect{background-image:url('../images/banners/sitemap.jpg')}


.banner-sect{position:relative;margin-top:128px}
.home-page header,.white-bg{background-color:#fff}
.overlay{width:100%;height:100%;position:absolute;background:rgba(0,0,0,.6);margin:0}
.product-card {height:auto;margin-bottom: 25px;background-color:#fff;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);}
.application figcaption{font-size:1em;font-weight:600;padding:10px 10px;margin: 0px 0px;}
.bread-crumb{font-size:16px;font-weight:500;margin-top:10px}
.prod-d-page .overlay,.prod-l-page .overlay{background:rgba(0,0,0,.5)}
.prod-d-page .desc h1{align-self:end}
.prod-d-page .desc a,.sticky-info{align-self:start}
.prod-l-head{display:grid;grid-template-columns:1fr}
.prod-l-left{display:flex;justify-content:center;align-items:center}
.prod-l-cards-container{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding:40px 0}
.prod-d-page .prod-d-desc-grid .img-container>img{width:100%;height:100%;object-fit:cover}
.displayflex{display:flex;justify-content:start;flex-wrap:wrap}
.prod-l-card-wrap .img-container{height:250px;display:flex}
.prod-l-card-wrap img{width:100%;object-fit:cover;object-position:center center;transition:.3s}
.flex-align,.process-inner,.prod-l-card-wrap .content a svg path,.prod-l-card-wrap a{transition:.3s linear}
.prod-l-card-wrap{display:flex;flex-direction:column;background-color:#f3f3f3;position:relative;justify-content:space-between}
.prod-l-card-wrap h3{font-weight:600;color:var(--orange);font-size:20px}
.prod-l-card-wrap .content div{padding:20px 20px 0}
.prod-l-card-wrap .content p{color:#585858;font-size:16px}
.prod-l-card-wrap a{color:#fff;display:flex;align-items:center;justify-content:space-between;font-size:16px;background:linear-gradient(to right,#7e7e7e 50%,#0d51c1 50%);padding:4px 20px;background-size:200% 100%;background-position:right bottom}
.enquiry-pf .welcome-button:hover,.prod-l-card-wrap a:hover{background-position:left bottom;color:#fff}
.banner-text small,.prod-l-card-wrap .content svg{font-size:16px}
.flex-align{display:flex;align-items:center;justify-content:center;padding:10px;border-radius:50%;width:auto;height:35px}
.banner-text{position:relative;text-align:left;color:#fff;height:100%;display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center}
.featurebox,.featurebox h3{text-align:center}
.sh1{width:100%!important;text-transform:capitalize!important}
.banner-sect .sh1{font-size:36px!important}
.banner-sect .sh1,.banner-text p{font-size:36px;color:#fff;margin-bottom:0}
.contact-page .mobile-grid span a:first-child,.section-title p,footer .mobile-grid span a:first-child{margin-bottom:5px}
.prod-d-page .banner-sect,.subbanner{display:flex;align-items:center;justify-content:flex-start;padding-left:5%}
.pre-header.header-top::after{width:100%;content:'';height:1px;background:#fff;position:absolute;bottom:0}
.prod-d-desc-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px}
.prod-d-desc-grid h1{font-size:26px;font-weight:600}
.prod-l-head h2{font-weight:600;color:var(--orange);}
.bread-crumb{display:flex;align-items:center;justify-content:flex-start;gap:10px;padding:0;position:absolute}
.bread-crumb a{text-transform:none}
.prod-d-desc-grid .desc{display:grid;align-items:center}
.spec-sec .strip{display:flex;align-items:center;margin-bottom:10px}
.c-make .blue-bg{font-size:16px;color:#fff;padding:10px 40px;display:inline-flex;background-color:var(--orange)}
.c-make{margin:15px 0 40px}
.spec-sec .blue-bg{background-color:var(--orange);padding:13px;color:#fff;width:25%;display:flex;align-items:center;justify-content:center;font-weight:600;text-transform:uppercase}
.spec-sec .bigstrip.grey-bg{padding:35px;background-color:#f3f3f3;color:#000;width:100%}
.scontainer{width:75%;margin:auto}
.spec-sec div.bigstrip.grey-bg{display:flex;align-items:center;max-height:94px;padding:10px 30px}
.spec-sec div.bigstrip.grey-bg img{max-height:74px}
#application-swiper figure img,.prod-content a,.swiper-button-next,.swiper-button-next .lined-span,.swiper-button-next-news,.swiper-button-next-news .lined-span,.swiper-button-prev,.swiper-button-prev .lined-span,.swiper-button-prev-new,.swiper-button-prev-new .lined-span{transition:.3s ease-in-out}
#application-swiper figure:hover img{filter:brightness(.5)}
.swiper-button-next-application,.swiper-button-prev-application{width:40px!important;height:40px!important;bottom:0;position:absolute;background-image:url("data:image/svg+xml,%0A%3Csvg width='9px' height='16px' viewBox='0 0 9 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='chevron-right' fill='%23FFFFFF' fill-rule='nonzero'%3E%3Cpath d='M8.674805,7.066406 L1.924805,0.316406 C1.696288,0.105468 1.432619,0 1.133789,0 C0.834959,0 0.57129,0.105468 0.342773,0.316406 C0.114257,0.544923 0,0.808592 0,1.107422 C0,1.406251 0.114257,1.669921 0.342773,1.898438 L6.301758,7.857422 L0.342773,13.816406 C0.114257,14.044923 0,14.308592 0,14.607422 C0,14.906251 0.114257,15.169921 0.342773,15.398438 C0.465821,15.521485 0.584472,15.609375 0.69873,15.662109 C0.812989,15.714844 0.958007,15.741211 1.133789,15.741211 C1.309571,15.741211 1.454589,15.714844 1.568848,15.662109 C1.683106,15.609375 1.801757,15.521485 1.924805,15.398438 L8.674805,8.648438 C8.903321,8.419921 9.017578,8.156251 9.017578,7.857422 C9.017578,7.558592 8.903321,7.294923 8.674805,7.066406 Z' id='Path'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:center!important;background-color:#333;right:0;border-radius:2px;border:1px solid transparent;transition:.3s ease-in-out}
.swiper-button-prev-application{right:50px;background-image:url("data:image/svg+xml,%0A%3Csvg width='9px' height='16px' viewBox='0 0 9 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='chevron-right' transform='translate(4.508789, 7.870605) rotate(-180.000000) translate(-4.508789, -7.870605) translate(-0.000000, -0.000000)' fill='%23FFFFFF' fill-rule='nonzero'%3E%3Cpath d='M8.674805,7.066406 L1.924805,0.316406 C1.696288,0.105468 1.432619,0 1.133789,0 C0.834959,0 0.57129,0.105468 0.342773,0.316406 C0.114257,0.544923 0,0.808592 0,1.107422 C0,1.406251 0.114257,1.669921 0.342773,1.898438 L6.301758,7.857422 L0.342773,13.816406 C0.114257,14.044923 0,14.308592 0,14.607422 C0,14.906251 0.114257,15.169921 0.342773,15.398438 C0.465821,15.521485 0.584472,15.609375 0.69873,15.662109 C0.812989,15.714844 0.958007,15.741211 1.133789,15.741211 C1.309571,15.741211 1.454589,15.714844 1.568848,15.662109 C1.683106,15.609375 1.801757,15.521485 1.924805,15.398438 L8.674805,8.648438 C8.903321,8.419921 9.017578,8.156251 9.017578,7.857422 C9.017578,7.558592 8.903321,7.294923 8.674805,7.066406 Z' id='Path'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E")!important}
.accordion-button::after{background-image:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cpath fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M12 20v-8m0 0V4m0 8h8m-8 0H4"%2F%3E%3C%2Fsvg%3E')!important}
.accordion-button:not(.collapsed)::after{background-image:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cpath fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M20 12H4"%2F%3E%3C%2Fsvg%3E')!important}
.faq-grid{display:grid;grid-template-columns:1fr 2fr;gap:30px;align-items:flex-start}
.qna,.sticky-info{padding:40px}
.sticky-info .company-name{font-size:20px;color:var(--orange)}
.sticky-info{background:#f3f3f3;position:-webkit-sticky;position:sticky;top:140px}
.faq-grid .sticky-info svg{font-size:18px}
.faq-grid .open-hours{padding:10px;background:#fff}
#client-swiper .swiper-slide,.sticky-info .contact-info{padding:10px}
#faq-accordion .accordion-button:focus{border-color:#fff!important;box-shadow:0 0 0 .25rem rgba(255,255,255,.25)!important}
#faq-accordion .accordion-button:not(.collapsed){box-shadow:inset 0 -1px 0 #86b7fe63!important;color:var(--orange);background-color:#fff}
.sticky-info .contact-info-grid{display:grid;grid-template-columns:40px auto;align-items:center;justify-content:start;padding-left:10px}
.sticky-info p.heading::after{content:'';position:absolute;bottom:0;height:1px;width:100%;background:#00000021;left:0}
.contact-page .mobile-grid,footer .mobile-grid{display:grid;grid-template-columns:auto 2fr;gap:5px;align-items:center}
.contact-page .mobile-grid span,footer .mobile-grid span{display:flex;flex-direction:column}
#faq-accordion .accordion-button{padding:1.25rem 1.5rem 1.25rem 0}
.map{line-height:0}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 40px;padding:50px;background:linear-gradient(to right,#f86d25 48%,#2f6b93 48%);}
.contact-grid>.pad-div{padding:20px}
.contact-grid .sbtn input{outline:0;border:1px solid transparent}
.contact-grid .contact-form form{display:grid;gap:10px}
.contact-grid .contact-form .form-group{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.contact-form .form-group input,.contact-form textarea{padding:10px;width:100%;outline:0;border:1px solid transparent}
.contact-form textarea{resize:none}
.contact-form .sbtn{margin:10px 0}
.contact-grid a{color:unset}
.contact-grid div.p-2 h2{color:#fff;}
.clientele-grid.container{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:20px;justify-content:center;align-items:center}
.clientele-grid .img-container{display:flex;align-items:center;justify-content:center;padding:10px 0;transition:.3s linear}
.gallery-page .mfp-zoom-out-cur,.gallery-page .mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="40" height="40" preserveAspectRatio="xMidYMid meet" viewBox="0 0 1024 1024"%3E%3Cpath fill="white" d="M328 544h368c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H328c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8z"%2F%3E%3Cpath fill="white" d="M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-40 728H184V184h656v656z"%2F%3E%3C%2Fsvg%3E') 16 16,pointer}
.gallery-page a.image-popup-vertical-fit{cursor:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="40" height="40" preserveAspectRatio="xMidYMid meet" viewBox="0 0 1024 1024"%3E%3Cpath fill="white" d="M328 544h152v152c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V544h152c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H544V328c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v152H328c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8z"%2F%3E%3Cpath fill="white" d="M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-40 728H184V184h656v656z"%2F%3E%3C%2Fsvg%3E') 16 16,pointer}
.gallery-page .img-gallery-magnific{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:20px}
.partners-grid.container{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;justify-content:center;align-items:center}
.partners-grid .img-container{display:flex;align-items:center;justify-content:center;box-shadow:rgba(99,99,99,.2) 0 2px 8px 0;transition:.3s linear}
.page-link:focus,.vh-shadow{box-shadow:none!important}
.backButton,.backButton .backButton__bg{transition:transform .55s cubic-bezier(.215, .61, .355, 1),opacity .55s cubic-bezier(.215, .61, .355, 1)}
.partners-grid .img-container:hover{box-shadow:rgba(0,0,0,.2) 0 2px 8px 0}
.section-title{position:relative;margin-bottom:2.5rem}
.section-title:before{top:0;left:0;bottom:0;width:5px;content:'';border-radius:3px;position:absolute;background-color:#c18847;background:var(--orange)}
.section-title h2{color:var(--orange);font-size:28px;text-transform:uppercase}
.section-title p{font-size:18px;color:#111;text-transform:uppercase}
.hhad,ul.color{display:flex;justify-content:space-between}
ul.color li{display:inline-flex;width:70px;height:70px;margin-right:.6%}
.offwhite{background-color:#deddd8}
.pblue{background-color:#152b76}
.novablue{background-color:#2f348f}
.capriblue{background-color:#013765}
.lightblue{background-color:#006090}
.tblue{background-color:#006c6f}
.cgreen{background-color:#004c28}
.brightgreen{background-color:#006b3d}
.envgreen{background-color:#527034}
.mistgreen{background-color:#697f5b}
.terracota{background-color:#9f5236}
.brickred{background-color:#c01d2e}
.secored{background-color:#b70d32}
.tomotored{background-color:#961b1e}
.featurebox img{width:110px}
.featurebox h3{margin-top:16px;font-size:17px}
ul.color li:hover{box-shadow:rgba(100,100,111,.2) 0 7px 29px 0;border:1px solid #f3f3f3}
.circle{position:relative;margin:auto;height:100px;width:100px;border-radius:50%}
.circle:before{position:absolute;content:'';height:calc(90% + 10px);width:calc(90% + 10px);border:2px dashed #0450a2;top:0;left:0;border-radius:50%;animation:10s linear infinite spin}
@keyframes spin{to{transform:rotate(360deg)}
100%{transform:rotateZ(360deg)}
}
#product ul{padding-left:0}
#spots .owl-nav button{margin:0 10px;background:rgba(0,0,0,.8);width:40px;height:40px;display:flex;align-items:center;justify-content:center}
#spots .owl-nav,.founder-wrapper{display:flex;align-items:center;justify-content:center}
#spots .owl-nav button span{font-size:20px;font-family:monospace;color:#fff}
#spots .owl-item:last-of-type .slide{box-shadow:none;margin:0;padding:0}
#spots.owl-carousel .owl-stage-outer{padding-bottom:10px}
.backButton{position:fixed;bottom:3rem;right:2rem;z-index:996;display:none;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:2px solid var(--orange);border-radius:50%}
.infra-swiper-controls,.scroll-down{position:absolute;bottom:50px;left:50%}
.infra-swiper-controls .swiper-button-next-infra,.sse{right:0}
.pcol img,.sse,a.prmore{transition:.3s ease-out}
.backButton.is-visible{pointer-events:auto;opacity:1;transform:scale(1)}
.backButton__bg{position:absolute;z-index:-1;border-radius:100%;width:100%;height:100%}
.backButton__icon__wrap{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.backButton svg{font-size:30px;margin-top:-3px}
.how-we-work h2,.inhouse-brands h2,.news h2,.products-head-left h2,.testimonials h2{font-size:2.5rem;font-weight:600}
.backButton:hover{background:var(--orange);border-color:var(--orange)}
.page-link:focus,.page-link:hover{color:#0d6efd!important;background-color:#fff!important}
header .main-menu .sub-menu{border-top-color:var(--orange)}
header .main-menu>li .sub-menu{width:700px;gap:0 20px}
header .main-menu>li:hover .sub-menu{display:grid;grid-template-columns:repeat(3,1fr);padding:20px!important}
header .main-menu .sub-menu li{display:flex;align-items:center;position:relative;border-right:2px solid #f3f3f3}
header .main-menu .sub-menu a{width:100%;height:100%;display:flex!important;align-items:center;font-weight:400;text-transform:capitalize;transition:.3s ease-in-out}
header .main-menu .sub-menu li:nth-child(3n+0){border-right:2px solid #0000}
header .main-menu .sub-menu a:hover{background:#fff;color:#e97110;font-weight:600}
.products-head-right .welcome-button,.welcome .welcome-button{text-transform:capitalize}
.enquiry-pf a.welcome-button,.welcome .red-lined{text-transform:uppercase}
.swiper-pagination-client.swiper-pagination-bullets.swiper-pagination-horizontal,footer .sicons{margin-top:20px}
.how-we-work h3{text-transform:capitalize;font-weight:600;font-size:1.5rem;color:var(--orange)}
.news-card p.h5{font-size:1rem}
.news-card p.h6{font-size:18px;font-weight:600;letter-spacing:.1px}
.news-card a.red-lined{font-size:16px;text-transform:capitalize}
.side-menu-nav{padding-top:100px}
.side-menu-nav .main-menu .sub-menu~svg{font-size:1em;position:absolute;right:12px;top:15px;width:15px;transition:.3s ease-in-out}
.side-menu-nav .main-menu .sub-menu.d-block~svg{transform:rotate(90deg);stroke:var(--orange)}
.side-menu-nav .main-menu .sub-menu.d-block~svg path{stroke:var(--dblue)}
.side-menu-nav .main-menu .sub-menu{border-top:1px solid var(--orange)}
.side-menu-nav .main-menu .right-before-border::before{position:absolute;content:'';height:54px;top:0;right:40px;background-color:#ccc;width:1px;display:none}
.clientele-grid .owl-dot.active span,.f-box .owl-dot.active span,.process-cont .swiper-slide:hover .process-inner,.pslider .owl-dot.active span,a.prmore{background:var(--orange)}
.scroll-down{z-index:1}
.scroll-down span:nth-child(2){animation-delay:-.2s}
.scroll-down span:nth-child(3){animation-delay:-.4s}
.scroll-down span{display:block;width:20px;height:20px;border-bottom:1px solid #fff;border-right:1px solid #fff;transform:rotate(45deg);margin:-10px;animation:2s infinite animate}
@keyframes animate{0%{opacity:0;transform:rotate(45deg) translate(-20px,-20px)}
50%{opacity:1}
100%{opacity:0;transform:rotate(45deg) translate(20px,20px)}
}
.mfp-arrow-right{margin-top:-64px!important}
.paginator.simple-pagination ul{display:flex;align-items:center;justify-content:center;padding-left:0}
.paginator.simple-pagination ul li.active span{padding:.375rem .75rem;border:1px solid #dee2e6;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;position:relative;display:block;background:var(--orange);color:#fff}
.paginator.simple-pagination ul li.active span.current.next,.paginator.simple-pagination ul li.active span.current.prev{background-color:unset;color:unset}
.page-link{outline:transparent solid 1px!important;color:#8d8d8d!important}
.page-link:focus{outline:0}
#client-title-id{margin-bottom:30px}
.cws,.testimonials .ncontainer{width:80%}
.cws .col-lg-8{width:50%;max-width:50%}
a.prmore{display:none;width:max-content;color:#fff;box-shadow:rgb(255 255 255) 0 0 0 1px,var(--orange) 0 0 0 6px;margin:15px auto;padding:7px 20px}
a.prmoreAbout,a.prmoreAboutImg{display:none;margin-left:0}
.anch-tags{margin:15px 0}
.gallery-thumbs img{padding:10px;border:1px solid;border-radius:5px}
.gallery-thumbs .swiper-slide:first-of-type img{border:1px solid #1b663b}
.gallery-thumbs .swiper-slide:nth-of-type(2) img{border:1px solid #b83443}
.prod-d-desc-grid .desc{display:flex;align-items:start;flex-direction:column;justify-content:center}
.clientele-grid .owl-dots,.f-box .owl-dots,.pslider .owl-dots{display:block!important;text-align:center}
.prod-d-page .desc h1{align-self:flex-start}
.mt-5-desktop{margin-top:1rem}
.f-box .owl-dots,.pslider .owl-dots{margin-top:10px}
.clientele-grid .owl-dots span,.f-box .owl-dots span,.pslider .owl-dots span{width:15px;display:flex;height:15px;border-radius:50%;background:#a3a3a1;margin:0 10px}
.c-bg{background-color:#f2f2f2d6}
.about-hh-sec.pspace{padding-bottom:100px}
.about-hh-grid{display:grid;grid-template-columns:4fr 2fr;align-items:center;justify-content:center;gap:50px}
.about-hh-grid>.right{position:relative;height:100%;display:flex;align-items:center;justify-content:flex-end}
.about-hh-grid>.right .text-content{position:absolute;top:150px;right:-100px;padding:50px 30px;background:rgba(0,0,0,.8);width:400px}
.about-hh-grid>.right img{width:500px;object-fit:cover}
.about-hh-grid>.right .text-content p{color:#e6e6e6}
.about-hh-grid .left h2{padding-bottom:0;margin-bottom:0;font-weight:700;letter-spacing:-1px}
.about-hh-grid .left h3{font-weight:700;font-size:18px;margin:10px 0 20px;color:#0f273c}
.founder-sec.hh-back-full{background:linear-gradient(to right,rgba(255,255,255,.5),rgba(255,255,255,.5)) center/cover no-repeat,url("images/hh-back-full-width.png") center/cover no-repeat;height:100%}
.founder-img,.founder-text{width:40%}
.founder-text h2{font-weight:700;color:#0f273c;letter-spacing:-1px}
.founder-text h3{font-weight:500;font-size:18px;color:#666;margin-bottom:30px}
section.vision-mission{background-color:#f9f9f9}
.vis-mis-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(350px,100%),1fr));gap:30px}
.vis-mis-grid .vis-mis-col{background-color:var(--orange);transition:.3s}
.vis-mis-grid .vis-mis-col:hover{background:#fff;box-shadow:rgb(50 50 93 / 25%) 0 0 5px 0}
.vis-mis-grid .vis-mis-col .vis-mis-head{display:flex;margin:34px 0 15px;align-items:center;justify-content:center;flex-direction:column}
.vis-mis-grid .vis-mis-col .vis-mis-head h3{text-align:center;font-weight:700;color:#fff}
.vis-mis-grid .vis-mis-col p{padding:0 30px!important;color:#fff;text-align:center;}
.infra-sec .infra-swiper>.swiper-wrapper{max-height:550px}
.infra-sec .infra-swiper>.swiper-wrapper>.swiper-slide img{width:100%;object-fit:cover;height:100%}
.infra-thumb.swiper{width:70%;margin:30px auto auto}
.infra-thumb.swiper .swiper-wrapper{height:150px}
.infra-thumb.swiper .swiper-wrapper .swiper-slide img{height:100%;width:100%;object-fit:cover}
.infra-thumb.swiper .swiper-slide{opacity:.4}
.infra-swiper-controls{display:flex;align-items:center;justify-content:space-between;width:90%!important;transform:translate(-50%,-50%)}
.infra-sec .row{position:relative;width:100%;margin:auto}
.infra-swiper-controls .swiper-button-prev-infra{left:0}
.infra-swiper-controls .swiper-button-next-infra,.infra-swiper-controls .swiper-button-prev-infra{display:flex;align-items:center;justify-content:center;text-transform:uppercase;font-size:16px}
.infra-sec .infra-head{text-align:center;margin-bottom:30px;padding:0}
.infra-head-left{display:grid;grid-template-columns:1fr 2fr}
.adf,.plist{grid-template-columns:repeat(4,1fr)}
.infra-head-left .right{align-items:flex-end}
.infra-head-left .left{flex-direction:column;justify-content:space-between}
.infra-head-left .left h2{margin-bottom:0;font-weight:700}
.timeline-wrap-flex{display:flex;position:relative}
.timeline-sec-1 .row{width:100%;margin:auto}
.timeline-sec-1{background:url("images/background-map.webp") center/contain no-repeat;overflow:hidden;padding:50px 0!important;margin-top:70px}
.timeline-sec-1 .timeline-year-col{position:relative;display:inline-block;list-style-type:none;width:16.6%;height:2px;background:#0d51c1}
.timeline-sec-1 .timeline-year-col .timeline-content{position:absolute;left:calc(0% + 0px);width:100%;padding:15px 15px 15px 25px;font-size:1rem;white-space:normal;color:#000;top:70px;line-height:20px}
.timeline-sec-1 .timeline-year-col:nth-child(2n) .timeline-content{top:-70px;transform:translateY(-100%)}
.timeline-year-col h3{position:absolute;top:50%;left:0;transform:translate(0,-50%);padding:5px 25px 5px 5px;background:var(--orange);clip-path:polygon(85% 0,100% 50%,85% 100%,0% 100%,0% 0%);color:#fff;font-size:26px}
.timeline-sec-1 .timeline-year-col .timeline-content::before{content:url(images/link-line.png);position:absolute;top:-35px;left:0;width:0;height:0}
.timeline-sec-1 .timeline-year-col:nth-child(2n) .timeline-content::before{bottom:90px;top:unset}
.timeline-sec-1 .swiper-pagination{position:absolute;top:10px;right:10px;width:auto!important;left:auto!important;margin:0;height:70px;display:none;flex-wrap:wrap;justify-content:center}
.pcol,.tnews,.vis-mis-col p{position:relative}
.timeline-sec-1 .swiper-pagination-bullet{padding:5px 20px 5px 10px;border-radius:0;width:auto;height:30px;text-align:center;line-height:unset;font-size:12px;color:#000;opacity:1;background:rgba(0,0,0,.2);display:flex;align-items:center;justify-content:center;clip-path:polygon(85% 0,100% 50%,85% 100%,0% 100%,0% 0%)}
.timeline-sec-1 .swiper-pagination-bullet-active{color:#fff;background:#0d51c1}
.timeline-wrap.timeline-wrap-flex{overflow:hidden;padding:0}
.timeline-wrap .swiper-wrapper{padding:200px 0}
.vis-mis-col p{margin-left:0rem}
//.vis-mis-col p::before{content:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 20 20"%3E%3Cpath fill="white" d="m6 15l5-5l-5-5l1-2l7 7l-7 7z"%2F%3E%3C%2Fsvg%3E');left:0;position:absolute;display:flex;top:0}
//.vis-mis-col:hover p::before{content:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 20 20"%3E%3Cpath fill="black" d="m6 15l5-5l-5-5l1-2l7 7l-7 7z"%2F%3E%3C%2Fsvg%3E')}
.swiper#banner-swiper .content-wrapper .content{margin:0 10% 0 6%}
.swiper#banner-swiper .content-wrapper{height:100%;align-items:center}
#client-swiper .swiper-slide img{filter:grayscale(1) opacity(.7);transition:.3s ease-out;transform:scale(.8)}
#client-swiper .swiper-slide:hover img{filter:grayscale(0) opacity(1)}
.clientele.pspace{padding:40px 0}
.plist{display:grid;gap:30px;width:80%;margin:30px auto 0}
.abtdealor,.f6,.hom,.pcol,.tnews{display:flex}
.pcol{align-items:center;gap:20px}
.pcol img{border-radius:50%;width:100px;height:100px;object-fit:cover}
.pcol h3,.v-products span{font-size:18px;font-weight:700;width:100%}
.our-products .products-head-left{display:flex;flex-wrap:wrap;flex-direction:column}
.our-products{background:#f9f9f9;}
.inhbrands div:nth-child(2n){border-left:1px solid #efefef;border-right:1px solid #efefef}
.lined-span{background:#8d8d8d}
.news .container{max-width:80%;padding:0}
.process-cont .swiper-slide:hover .process-inner img{filter:invert(0)}
#news-swiper .swiper-pagination{bottom:0;margin-top:30px}
.abtdealor .owl-dot.active,.hprods .owl-dot.active span,.swiper-pagination-bullet-active{background:var(--orange)!important}
.modal-header,.sse{background:var(--orange)}
.enquiry-pf .welcome-button{background:linear-gradient(to right,#7e7e7e 50%,#fff 50%);background-size:200% 100%;color:#000;background-position:right bottom}
.tnews{overflow:hidden}
.sse,.whatsapp{position:fixed}
h2{font-size:32px!important}
.news-slide{padding-top:12px}
.faq-singular span,.tnews .col-lg-5{padding-right:20px}
.tnews .col-lg-7{padding-left:30px}
#testimonial-swiper .card{border:0}
footer .header-logo img{width:300px;height:auto;}
.f6{width:24%;flex-direction:column;align-items:start}
.hom{gap:5px}
.sse{writing-mode:vertical-rl;text-orientation:mixed;opacity:0;bottom:15%;padding:15px 10px;letter-spacing:.4px;font-size:16px;color:#fff!important;z-index:999;box-shadow:0 0 3px rgb(0 0 0 / 30%);transform:rotate(180deg)}
.quote_form_model .modal-header{padding:0px 10px!important}
.modal-header{padding:10px!important}
.modal-header h2{font-size:22px!important;color:#fff}
.modal-header .close{background:0 0;border:0;color:#fff;font-size:30px;line-height:0;margin-top:-5px}
.modal-body input,.modal-body select,.modal-body textarea{border-bottom:1px solid #ccc!important;border:0;padding-left:0!important;background-color:transparent!important}
.modal-body select{width:100%;outline:0;border:1px solid transparent;padding:10px}
.modal-body .subbtn{padding:5px 30px!important}
.modal-body{font-size:15px}
.modal-body textarea{height:90px}
.modal-dialog{margin:0 0 0 auto!important}
.quote_form_model .modal-dialog{margin:30px auto 0!important}
.modal-content,.modal-dialog{height:100%}
.quote_form_model .modal-content,.quote_form_model .modal-dialog{height:auto;}
.modal{left:auto!important;right:0!important}
.modal-content,.modal-header{border-radius:0!important}
.quote_form_model,.enquiry{z-index:1055!important}
.modal.fade .modal-dialog{transform:translate(100%,0)!important}
.modal.show .modal-dialog{transform:translate(0,0)!important}
.abtdealor{justify-content:space-between;margin-top:70px}
.abtdealor>div:first-child,.bs-actionsbox .btn-group button{width:50%}
.abtdealor>div:last-child{width:40%;text-align:center}
.abtdealor h3{font-size:22px;font-weight:700;color:#605e5e;margin-bottom:30px}
.feature box h4,.feature h4{font-size:18px;margin-top:15px}
.abtdealor .owl-dots{display:block;text-align:center}
.abtdealor .owl-dot{width:8px;height:8px;border-radius:50%;margin:0 7px;background:rgba(0,0,0,.2)!important}
.hhad img{width:150px!important}
#inhbrands-swiper{padding-top:25px}
.swiper-pagination-inhbrands{margin-top:25px}
.infraslide img{height:300px;object-fit:cover}
@-webkit-keyframes bs-notify-fadeOut{0%{opacity:.9}
100%{opacity:0}
}
@-o-keyframes bs-notify-fadeOut{0%{opacity:.9}
100%{opacity:0}
}
@keyframes bs-notify-fadeOut{0%{opacity:.9}
100%{opacity:0}
}
.bootstrap-select>.dropdown-toggle{position:relative;width:100%;text-align:right;white-space:nowrap;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}
.bootstrap-select>.dropdown-toggle:after{margin-top:-1px}
.bootstrap-select>.dropdown-toggle.bs-placeholder,.bootstrap-select>.dropdown-toggle.bs-placeholder:active,.bootstrap-select>.dropdown-toggle.bs-placeholder:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder:hover{color:#999}
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:hover{color:rgba(255,255,255,.5)}
.bootstrap-select>select{position:absolute!important;bottom:0;left:50%;display:block!important;width:.5px!important;height:100%!important;padding:0!important;opacity:0!important;border:none;z-index:0!important}
.bootstrap-select>select.mobile-device{top:0;left:0;display:block!important;width:100%!important;z-index:2!important}
.bootstrap-select.is-invalid .dropdown-toggle,.error .bootstrap-select .dropdown-toggle,.has-error .bootstrap-select .dropdown-toggle,.was-validated .bootstrap-select select:invalid+.dropdown-toggle{border-color:#fc5252}
.bootstrap-select.is-valid .dropdown-toggle,.was-validated .bootstrap-select select:valid+.dropdown-toggle{border-color:#28a745}
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){width:220px}
.bootstrap-select.form-control{margin-bottom:0;padding:0;border:none;height:auto}
.bootstrap-select.form-control.input-group-btn{float:none;z-index:auto}
.form-inline .bootstrap-select,.form-inline .bootstrap-select.form-control:not([class*=col-]){width:auto}
.bootstrap-select:not(.input-group-btn),.bootstrap-select[class*=col-]{float:none;display:inline-block;margin-left:0}
.bootstrap-select.dropdown-menu-right,.bootstrap-select[class*=col-].dropdown-menu-right,.row .bootstrap-select[class*=col-].dropdown-menu-right{float:right}
.form-group-lg .bootstrap-select.form-control .dropdown-toggle,.form-group-sm .bootstrap-select.form-control .dropdown-toggle{height:100%;font-size:inherit;line-height:inherit;border-radius:inherit}
.bootstrap-select.form-control-lg .dropdown-toggle,.bootstrap-select.form-control-sm .dropdown-toggle{font-size:inherit;line-height:inherit;border-radius:inherit}
.bootstrap-select.form-control-sm .dropdown-toggle{padding:.25rem .5rem}
.bootstrap-select.form-control-lg .dropdown-toggle{padding:.5rem 1rem}
.bootstrap-select .dropdown-menu li.disabled a,.bootstrap-select.disabled,.bootstrap-select>.disabled{cursor:not-allowed}
.bootstrap-select .dropdown-menu>.inner:focus,.bootstrap-select.disabled:focus,.bootstrap-select>.disabled:focus{outline:0!important}
.bootstrap-select.bs-container{position:absolute;top:0;left:0;height:0!important;padding:0!important}
.bootstrap-select.bs-container .dropdown-menu{z-index:1060}
.bootstrap-select .dropdown-toggle .filter-option{position:static;top:0;left:0;float:left;height:100%;width:100%;text-align:left;overflow:hidden;-webkit-box-flex:0;-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto}
.bs3.bootstrap-select .dropdown-toggle .bs-select-clear-selected,.bs3.bootstrap-select .dropdown-toggle .filter-option,.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option .filter-option-inner{padding-right:inherit}
.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option{position:absolute;padding-top:inherit;padding-bottom:inherit;padding-left:inherit;float:none}
.bootstrap-select .dropdown-toggle .filter-expand{width:0!important;float:left;opacity:0!important;overflow:hidden}
.bootstrap-select .dropdown-toggle .caret{position:absolute;top:50%;right:12px;margin-top:-2px;vertical-align:middle}
.bootstrap-select .dropdown-toggle .bs-select-clear-selected{position:relative;display:block;margin-right:5px;text-align:center}
.bootstrap-select .dropdown-toggle .bs-select-clear-selected span{position:relative;top:-webkit-calc(((-1em / 1.5) + 1ex)/ 2);top:calc(((-1em / 1.5) + 1ex)/ 2);pointer-events:none}
.bs3.bootstrap-select .dropdown-toggle .bs-select-clear-selected span{top:auto}
.input-group .bootstrap-select.form-control .dropdown-toggle{border-radius:inherit}
.bootstrap-select .dropdown-menu{min-width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.bootstrap-select .dropdown-menu .notify,.bs-actionsbox{-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.bootstrap-select .dropdown-menu.inner{position:static;float:none;border:0;padding:0;margin:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none}
.bootstrap-select .dropdown-menu li.active small{color:rgba(255,255,255,.5)!important}
.bootstrap-select .dropdown-menu li a{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.bootstrap-select .dropdown-menu li a.opt{position:relative;padding-left:2.25em}
.bootstrap-select .dropdown-menu li a span.text{display:inline-block}
.bootstrap-select .dropdown-menu li small{padding-left:.5em}
.bootstrap-select .dropdown-menu .notify{position:absolute;bottom:5px;width:96%;margin:0 2%;min-height:26px;padding:3px 5px;background:#f5f5f5;border:1px solid #e3e3e3;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05);pointer-events:none;opacity:.9;box-sizing:border-box}
.bootstrap-select .dropdown-menu .notify.fadeOut{-webkit-animation:.3s linear 750ms forwards bs-notify-fadeOut;-o-animation:.3s linear 750ms forwards bs-notify-fadeOut;animation:.3s linear 750ms forwards bs-notify-fadeOut}
.bootstrap-select .no-results{padding:3px;background:#f5f5f5;margin:0 5px;white-space:nowrap}
.bootstrap-select.fit-width .dropdown-toggle .filter-option{position:static;display:inline;padding:0}
.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner,.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner-inner{display:inline}
.bootstrap-select.fit-width .dropdown-toggle .bs-caret:before{content:'\00a0'}
.bootstrap-select.fit-width .dropdown-toggle .caret{position:static;top:auto;margin-top:-1px}
.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark{position:absolute;display:inline-block;right:15px;top:5px}
.bootstrap-select.show-tick .dropdown-menu li a span.text{margin-right:34px}
.bootstrap-select .bs-ok-default:after{content:'';display:block;width:.5em;height:1em;border-style:solid;border-width:0 .26em .26em 0;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.bootstrap-select.show-menu-arrow.open>.dropdown-toggle,.bootstrap-select.show-menu-arrow.show>.dropdown-toggle{z-index:1061}
.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:before{content:'';border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid rgba(204,204,204,.2);position:absolute;bottom:-4px;left:9px;display:none}
.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:after{content:'';border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;position:absolute;bottom:-4px;left:10px;display:none}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:before{bottom:auto;top:-4px;border-top:7px solid rgba(204,204,204,.2);border-bottom:0}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:after{bottom:auto;top:-4px;border-top:6px solid #fff;border-bottom:0}
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:before{right:12px;left:auto}
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:after{right:13px;left:auto}
.bs-actionsbox,.bs-donebutton,.bs-searchbox{padding:4px 8px}
.bs-actionsbox{width:100%;box-sizing:border-box}
.bs-donebutton{float:left;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.bs-searchbox+.bs-actionsbox{padding:0 8px 4px}
.bootstrap-select{vertical-align:middle;width:100%!important}
.bootstrap-select .btn{padding:10px 0;background:0 0!important;border:0;color:#7e7e7e;border-bottom:1px solid #ccc!important;box-shadow:none!important}
.whatsapp{left:1.5rem;bottom:4rem;z-index:9}
.wtext,.wtext h2,.wtext p{color:#fff!important}
.wtext h2.h4{font-size:24px!important}
.contact-form .welcome-button{background:linear-gradient(to right,#7e7e7e 50%,#09a4df 50%);background-size:202% 100%;background-position:right bottom}
.contact-form .welcome-button:hover{background-position:left bottom!important}
.inh-brands-slide{padding:30px;}
.inh-brands-slide p{font-size:16px;font-weight:600;margin-top:15px;}
#inhbrands-swiper img{width:100% !important;border-radius:50%;object-fit:contain}


footer a.nowrap:hover{text-decoration:underline}
.fpad{padding-top:40px}
.v-products{display:flex;align-items:center;gap:5px}
.pcol:hover .v-products svg path{fill:#0d51c1}
.d-start{justify-content:start;gap:30px}
.abt-fw>div{width:100%!important;padding:15px 10px;background-color:#cccccc30}
.abtdealor h3{position:relative;display:flex;align-items:center;gap:8px;justify-content:center}
.bd-right{border-right:1px dotted #1c2d97}
.adf{display:grid!important;gap:10px}
.hprods .owl-dots{display:block;text-align:center;padding-top:30px}
.hprods .owl-dots span{width:8px;display:flex;height:8px;border-radius:50%;background:#e5dcd2!important;margin:0 10px}
.infra h2{font-weight:600;margin-bottom:35px}
.timeline-content p{margin-top:10px;margin-bottom:0;color:#000}
.bread-crumb{bottom:-30px}
.prod-d-page .prod-d-desc-grid{padding-top:30px;margin-bottom:10px;}
.prod-d-desc-grid .desc{justify-content:start}
.section-title{padding-left:15px}
.feature{display:flex;flex-direction:column;justify-content:center;align-items:center}
.feature h4{text-align:center}
.cement-page .banner-sect{background-image:url(images/banners/cement.webp)}
.paint-page .banner-sect{background-image:url(images/banners/paint.webp)}
.paint-page .feature{flex-direction:row;gap:10px 0}
.feature1{flex-direction:row}
.atags1 a:first-child{background:linear-gradient(to right,#0d51c1 50%,#7e7e7e 50%);background-position:right bottom;background-size:200% 100%}
.atags1{margin-top:15px;display:flex;gap:0 10px}
.atags1 a:first-child:hover{background-position:left bottom}
.faq-singular>h3{display:flex;padding:13px 10px 13px 0;color:#000;font-weight:600;border-bottom:1px dashed #000;-webkit-transition:.2s linear;-moz-transition:.2s linear;transition:.2s linear;align-items:center;justify-content:space-between;font-size:16px}
.faq-answer{display:none;background-color:transparent}
.faqs-container i{font-style:normal;font-size:20px;position:relative}
.faqs-container i::after{content:'+'}
.faq-singular.active i::after{content:'-'}
.desc-cont{display:block;}
.excont p{margin-bottom:5px;}
.sse a{color:#fff !important;text-decoration: none;}
.sse .call{display:none;}
.sse{padding:0px;}
.sse a{font-family:"Roboto",sans-serif;padding: 15px 10px;display:flex;}
@media (min-width:1580px){.prod-l-card-wrap .content p{width:85%}
}
@media (min-width:2100px){.prod-l-card-wrap .content p{width:60%}
}
@media (max-width:1660px){.banner-sect h1,.banner-sect h2{font-size:40px;line-height:45px}
}
@media (max-width:1610px){.f5{width:22%}
}
@media (max-width:1600px){
.about-hh-sec.pspace{padding-bottom:60px}
.news-head{grid-template-columns:4fr 1fr}
.plist{width:90%}
  .banner-sect h1,.banner-sect h2{width:100%}
}
@media (max-width:1500px){.pspace{padding:60px 0}
.pspace-b{padding:60px 0 0}
.news-card img{height:200px}
.plist{width:100%}
.f5{width:20%}
.f1{width:22%}
.f2{width:12%}
}
@media (max-width:1400px){.timeline .arrows{display:flex}
.infra-swiper-controls{width:100%!important}
.contact-grid .p-2,.get-in-touch{padding-left:0!important}
}
@media (max-width:1350px){
.swiper#banner-swiper .content-wrapper .content{padding:0 10px}
.swiper#banner-swiper .content-wrapper .content p{margin:20px 0;font-size:16px}
.swiper#banner-swiper .content-wrapper{align-items:flex-start;padding-top:7%}
.swiper#banner-swiper .swiper-counter{left:4%}
}
@media (max-width:1300px){.container.about-hh{max-width:90%}
footer small{font-size:12px}
.abtdealor>div:first-child{width:50%;text-align:center}
.abtdealor>div:last-child{width:50%}
.abtdealor{flex-wrap:wrap}
}
@media (max-width:1225px){.ncontainer{width:97%}
.testimonials .card{padding:10px}
}
@media (max-width:1280px){header .main-menu>li>a{padding:25px 1vw}
}
@media (max-width:1000px){.adf.owl-carousel{display:block!important}
}
@media only screen and (max-width:1400px) and (min-width:1199px){.timeline-sec-1 .container{max-width:100%}
}
@media only screen and (max-width:1300px) and (min-width:767px){
.swiper#banner-swiper .content-wrapper .content br{display:none}
}
@media only screen and (max-width:1115px) and (min-width:992px){header .header-logo p{word-spacing:-3px}
}
@media (max-width:992px){
  .swiper#banner-swiper{margin-top:0}
  header.py-3{padding:0!important}
  .news-head-left .right{display:none}
  .news-head-left{display:flex}
  .news-card img{height:auto}
}


@media (max-width:1200px){.abtdealor>div{width:100%!important}
.abtdealor>div:last-child{margin-top:40px}
.abtdealor h3{margin-bottom:30px}
.d-start{justify-content:center}
.bd-right{border-right:none}
.pos-rel{display:flex;align-items:center;justify-content:center;flex-direction:row-reverse}
.our-products .swiper-button-next-products,.our-products .swiper-button-prev-products{position:static;left:auto;right:auto;transform:none;font-size:14px}
.spec-sec .blue-bg{width:30%}
.cws{width:90%}
.infra-head-left{gap:20px}
}
@media (max-width:1199px){.about-hh-grid{grid-template-columns:3fr 2fr}
.about-hh-grid>.left{padding-top:0}
.about-hh-grid>.right{width:100%}
.about-hh-grid>.right .img-right-container{display:flex;justify-content:center}
.about-hh-grid>.right .text-content{position:static;width:auto;display:flex;align-items:center;justify-content:center;flex-direction:column}
.timeline-sec-1,.timeline-wrap-flex{overflow:hidden;padding:0!important}
.timeline-wrap .swiper-wrapper{padding:300px 0}
.pcol h3{font-size:16px}
.banner-sect h1,.banner-sect h2{font-size:36px}
.swiper#banner-swiper .content-wrapper .content{padding:0 10px}
.prod-d-page .banner-sect,.subbanner.banner-sect{background-position:-400px 0;padding-left:20px}
.infraslide img{height:250px}
}
@media (max-width:1115px){header .main-menu>li>a{padding:25px .8vw}
header .header-logo p{font-size:18px}
header .header-logo small{font-size:12px}
.f5{width:23%}
}
@media (max-width:1100px){.prod-l-head{grid-template-columns:1fr}
}
@media (max-width:1050px){a.header-logo{width:25%}
.prod-l-cards-container{grid-template-columns:repeat(2,1fr)}
.f-logo{width:100%!important}
}
@media (max-width:991px){.ribbon>.container,.why-us-grid{grid-template-columns:repeat(2,1fr)}
.arrow-right,.how-we-work br,.left.hh-back h2 br,.pre-header,.prod-l-head h2 br,.pvmcAbout,.sticky-info,.swiper#banner-swiper .content-wrapper .content p{display:none}
.cws,.frow>div{width:100%}
.founder-img,.founder-text,a.header-logo{width:50%}
a.f-logo{justify-content:start}
header{position:sticky}
.banner-sect,.mt-5-desktop{margin-top:0}
footer .ncontainer,header .ncontainer{width:80%}
.fpad{padding-top:0}
.side-menu-nav a{text-decoration:none}
.testimonials .card{padding:10px}
.swiper#banner-swiper .swiper-nav-wrapper .swiper-button-next,.swiper#banner-swiper .swiper-nav-wrapper .swiper-button-prev{width:30px!important;height:30px!important}
.ribbon>.container{gap:40px}
.contact-grid .contact-form .form-group,.faq-grid,.prod-d-desc-grid{grid-template-columns:1fr}
footer .frow{display:grid;grid-template-columns:45% 40%;gap:30px 20px}
.swiper#banner-swiper .swiper-counter{top:auto;bottom:-5%;left:15%}
.enquiry-pf .container{flex-direction:column}
.enquiry-pf .container a{margin-top:20px}
.enquiry-pf p{font-size:1.3rem;margin-right:0}
.how-we-work .container{position:relative}
.prod-d-desc-grid{align-items:center}
.spec-sec .blue-bg{width:40%}
.contact-grid{padding:20px}
.contact-form .form-group input,.contact-form textarea{background-color:#fff}
.gallery-page .img-gallery-magnific{grid-template-columns:1fr 1fr 1fr}
.swiper-button-next-process,.swiper-button-prev-process{display:flex!important}
.side-menu-nav .main-menu .right-before-border::before,a.prmoreAbout{display:block}
.prod-d-page .prod-d-desc-grid .img-container>img{margin:0}
.gallery-slider .swiper-slide,.gallery-thumbs .swiper-slide{height:auto!important}
.infra-swiper-controls{position:static;bottom:unset;display:flex;align-items:center;justify-content:flex-end;width:100%!important;left:unset;transform:none;padding-top:20px}
.welcome-grid{grid-template-columns:repeat(1,1fr)}
.plist{grid-template-columns:repeat(3,1fr)}
.how-we-work{padding-bottom:90px}
.why-inner>div img{max-width:16%}
.welcome{padding:50px 0 60px}
.tnews .col-lg-5,.tnews .col-lg-7{padding:0 15px}
.banner-sect h1,.banner-sect h2{font-size:26px!important}
.swiper#banner-swiper .content-wrapper{padding-top:0;align-items:center}
.swiper#banner-swiper .swiper-nav-wrapper{left:8%}
.about-hh-grid{gap:20px}
.prod-d-page .banner-sect,.subbanner.banner-sect{background-position:-350px 0;padding-left:5%}
.about-page .banner-sect,.clientele-page .banner-sect,.contact-page .banner-sect,.blog-page .banner-sect,.faq-page .banner-sect,.gallery-page .banner-sect,.network-page .banner-sect,.prod-d-page .banner-sect,.prod-l-page .banner-sect{height:240px}
.abtdealor>div{width:100%!important}
.abtdealor{flex-wrap:wrap}
.abtdealor h3{text-align:center}
.abtdealor>div:last-child{margin-top:40px}
.prod-d-page .prod-d-desc-grid{margin-bottom:0px;}
.desc-cont{display:none;}
}
@media (min-width:992px){.py-lg-0{padding-top:0!important;padding-bottom:0!important}
.d-lg-block{display:block!important}
.flex-lg-row{flex-direction:row!important}
.align-items-lg-center{align-items:center!important}
.d-lg-none{display:none!important}
}
@media (max-width:960px){.swiper#banner-swiper .content-wrapper .content{margin:0 10% 0 7%}
}
@media (max-width:930px){.swiper#banner-swiper .content-wrapper .content h1,.swiper#banner-swiper h2{font-size:35px;line-height:40px}
.swiper#banner-swiper .content-wrapper .content p{font-size:16px}
.banner-sect a,.banner-sect li{font-size:14px}
.bread-crumb{bottom:-30px}
.swiper#banner-swiper .swiper-image{background-position:-100px 0!important}
.banner-sect .swiper-pagination-bullet{opacity:1}
}
@media (min-width:865px) and (max-width:1700px){.products-head-left h2{font-size:1.8rem}
}
@media (min-width:865px) and (max-width:1280px){.products-head-left h2 br{display:none}
}
@media (max-width:850px){.swiper#banner-swiper .content-wrapper .content{margin:0 5% 0 9%}
}
@media (max-width:865px){.news-head-left,.products-head-left{grid-template-columns:1fr}
.spec-sec div.bigstrip.grey-bg{align-items:flex-start;max-height:unset;flex-wrap:wrap}
}
@media (max-width:800px){
  .copyright .ncontainer{flex-direction:column;align-items:center}
  .prod-d-page .banner-sect{background-position:-420px 0;padding-left:5%}
  .about-page .banner-sect{background-position:-420px 0;padding-left:5%}
}
@media only screen and (max-width:767px) and (min-width:480px){.prod-l-cards-container{width:75%;margin:auto}
}
@media (max-width:780px){.spec-sec .blue-bg{width:45%}
}
@media (max-width:767px){.side-menu-nav{padding-top:100px}
.spec-sec .blue-bg{background-color:#dbdbdb;color:#0d51c1}
.application h2{margin-bottom:30px!important}
.mreverse img,.testimonials h2{margin-bottom:20px}
.mreverse,.news-head-right{flex-direction:column-reverse}
.swiper#banner-swiper{height:600px !important;}
.why-us-grid{gap:20px}
.welcome-grid{grid-template-columns:1fr;gap:20px}
.welcome-button{padding:7px 20px;margin:15px auto}
.prod-container .prod-content{width:80%}
.prod-container .prod-content h3{font-size:1.2rem}
footer .frow{grid-template-columns:1fr 1fr}
.inhouse-brands p br,.scroll-down,.sticky-info,.swiper#banner-swiper .swiper-counter{display:none}
.swiper#banner-swiper .content-wrapper{height:100%}
.swiper#banner-swiper .content-wrapper .content{margin:0 0 0 7%;max-width:40%}
.news-head,.products-head{grid-template-columns:1fr;gap:15px}
.news-head-right,.products-head-right{align-items:center}
.founder-wrapper,.spec-sec .strip{flex-direction:column}
.pspace{padding:50px 0}
.pspace-b{padding:50px 0 0}
.pspace-t{padding:50px 0px;}
.ncontainer{width:90%}
.testimonials h2{text-align:center;text-align:start}
.testimonials .swiper-button-next,.testimonials .swiper-button-prev{left:auto;right:auto;top:auto;bottom:auto;margin-top:0;height:auto!important;position:relative}
.prod-container .prod-content a{font-weight:500;font-size:14px}
.news-head-right .welcome-button,.products-head-right .welcome-button{margin:15px}
.prod-l-cards-container{grid-template-columns:repeat(1,1fr)}
.contact-grid,.faq-grid,.infra-head-left{grid-template-columns:1fr}
.spec-sec .strip{margin-bottom:0}
.spec-sec .bigstrip.grey-bg{padding:20px}
.contact-grid{background:linear-gradient(to bottom,#0d51c1 47%,#f3f3f3 47%)}
.contact-form .sbtn{margin:10px}
.get-in-touch.white-bg{padding-left:0;padding-top:0}
.contact-page .ord-3{grid-row:3;}
.contact-grid div.p-2{position:relative;padding:0px 0 10px!important}
.clientele-grid.container{grid-template-columns:1fr 1fr 1fr}
.backButton{width:2.6rem;height:2.6rem;right:12px;bottom:3rem}
.prod-l-card-wrap .img-container{height:auto}
.spec-sec .blue-bg{width:100%;padding:10px}
.founder-img{width:100%;margin-bottom:25px}
.about-hh-grid>.right,.about-hh-grid>.right img,.founder-text,.infra-thumb.swiper{width:100%}
.about-hh-grid>.right .text-content{position:static;top:unset;right:unset;width:auto}
.about-hh-grid>.right .img-right-container{flex-direction:column;height:450px;width:100%}
.about-hh-grid>.right .img-right-container img{width:100%;max-height:100%}
.about-hh-grid>.right img{height:auto !important;padding:70px;}
.about-page .banner-sect{height:200px}
.infra-thumb.swiper{margin-top:15px}
.infra-sec .infra-head{margin-bottom:15px}
.plist{grid-template-columns:repeat(2,1fr)}
.how-we-work{padding-bottom:100px}
.about-hh-grid{display:flex;flex-wrap:wrap;flex-direction:column-reverse}
.about-hh-grid>.right{justify-content:center}
.infraslide{grid-template-columns:1fr 1fr;gap:10px!important}
.swiper-button-prev,.swiper-rtl .swiper-button-next{left:8px!important}
.swiper-button-next,.swiper-rtl .swiper-button-prev{right:8px!important}
.abtdealor{margin-top:40px}
.contact-grid div.p-2 h2{position:relative;margin-top:70px}
.atags1 a{margin:0}
}
@media (max-width:700px){.swiper#banner-swiper .content-wrapper .content{margin-right:5%;max-width:50%}
.swiper#banner-swiper .swiper-nav-wrapper{left:9%}
.banner-sect .swiper-pagination-bullet{background:#ccc}
.banner-sect .swiper-pagination-bullet-active{background:#fff!important}
.about-hh-grid>.right .img-right-container{height:400px}
}
@media (max-width:640px){.swiper#banner-swiper .swiper-counter{top:auto;bottom:4.5em;transform:none}
.swiper#banner-swiper .swiper-nav-wrapper{bottom:3em}
.banner-text{width:100%}
}
@media (max-width:600px){.swiper#banner-swiper{height:500px !important;}.inhouse-brands h2,.products-head-left h2,.testimonials h2{font-size:1.8rem}
.our-products p,.products-head-left h2 br{display:none}
.pcol{flex-direction:column;justify-content:flex-start;align-items:center;text-align:center}
.plist{gap:15px;margin:30px auto 0}
.our-products{padding-bottom:2px;margin-bottom:40px}
.inhouse-brands .inhbrands{padding-bottom:0}
#spots img{width:60px!important;margin:0 auto}
#spots p{margin:0 0 30px}
.display-m{padding-top:0}
.swiper#banner-swiper .swiper-nav-wrapper{left:10%}
/*.swiper#banner-swiper{height:380px}*/
.about-hh-grid>.right .img-right-container{height:350px}
}
@media (min-width:576px){.px-sm-0{padding-right:0!important;padding-left:0!important}
}
@media (max-width:576px){.feature{justify-content:center}
.feature h4,.ribbon>.container p{font-size:16px}
#spots .owl-nav,.display-till-576,.feature h4 br,.inhbrands.no-display-m,.no-display-m,.pvmc,.pvmcAbout,.pvmcAboutImg,.vis-mis-grid .vis-mis-col .d-toggle-vis-content,.why-inner hr,.why-us-grid p.w-75 br{display:none}
.why-us-grid{grid-template-columns:1fr;display:flex;flex-wrap:wrap;gap:0;justify-content:space-between;align-items:flex-start}
.why-inner>div{width:100%;flex-direction:column-reverse}
.why-inner{width:50%;box-shadow:none;padding:0 10px;gap:25px 0;display:flex;flex-wrap:wrap;text-align:center;margin-bottom:15px}
.why-inner.w100{width:100%;padding:0}
.why-inner.w100>div{width:50%;text-align:center;margin:0}
.prod-d-desc-cont p,.prod-d-desc-grid p,.pvmc p,.why-inner img{margin-bottom:10px}
.why-inner>div p{margin-left:0;font-size:16px}
.why-inner>div img{max-width:initial;width:45px;height:45px;object-fit:contain}
.ribbon>.container{grid-template-columns:1fr 1fr;gap:20px 15px;text-align:center}
.counter{grid-template-columns:1fr;gap:5px}
.counterplus,.counterplus.counterplus-sm,.ribbon>.container h2{width:auto;justify-content:center;font-size:24px}
.swiper#banner-swiper .content-wrapper .content h1,.swiper#banner-swiper h2{font-size:30px;line-height:1.2}
.inhouse-brands .inhbrands{grid-template-columns:1fr;grid-template-rows:repeat(3,1fr)}
.test-container{padding:0}
.card-content{padding:40px 15px 15px}
.testimonials .card{margin:0;padding:0;border-radius:0}
.enquiry-pf p{text-align:center}
.why-us-grid p.w-75{width:100%!important}
.testimonials .ncontainer{padding-bottom:2rem!important}
.application .img-container,.play-button{display:flex;align-items:center;justify-content:center}
.play-button img{max-width:60%}
.prod-container .prod-content{position:relative;bottom:auto;left:auto;right:auto;top:auto;width:100%;transform:none}
#products-swiper{padding:0 15px}
.how-we-work h2,.prod-container .prod-content h3{font-size:1.4rem}
.inhouse-brands{padding:30px 0}
.inhouse-brands .inhbrands>div{background-color:#fff}
.disp-mobile,.display-m,.no-display-till-576,a.prmore,a.prmoreAbout,a.prmoreAboutImg{display:block}
#spots .owl-dots{display:block;text-align:center}
#spots .owl-dot{margin:0 10px!important;width:8px;height:8px;background:#000;opacity:.2;border-radius:50%}
#spots .owl-dot.active{background:#0d51c1;opacity:1}
.inhouse-brands .container.pb-5{padding-bottom:0!important}
.banner-sect .sh1,.banner-text p,h2{font-size:24px!important}
.subbanner.banner-sect{margin:0}
.banner-text small{font-size:18px}
.scontainer{width:90%}
.swiper-button-next-application,.swiper-button-prev-application{width:30px!important;height:30px!important}
.swiper-button-prev-application{right:48%;transform:translateX(-50%)}
.swiper-button-next-application{right:45%;transform:translateX(50%)}
.enquiry-pf{padding:20px 0}
.gallery-page .img-gallery-magnific{grid-template-columns:1fr 1fr}
section.clientele{background-color:#f3f3f3}
.left.hh-back h2{padding:10px 0}
.left.hh-back p.red-lined{margin-bottom:.5rem}
.anch-tags{align-items:center;width:80%;display:grid;grid-template-columns:repeat(2,1fr);margin:5px 0;gap:10px}
.our-products,h3.d-toggle-vis{margin-bottom:0}
.prod-d-page .anch-tags .welcome-button{padding:10px!important;width:100%;box-shadow:none;margin:0!important;text-align:center}
.vis-mis-grid .vis-mis-col .vis-mis-head h3{font-size:20px}
.vis-mis-grid .vis-mis-col .vis-mis-head img{width:80%;max-width:100px;margin-right:0;margin-bottom:10px}
#partners-swiper{margin:10px 0}
.vis-mis-grid .vis-mis-col .vis-mis-head{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;margin-top:20px}
.vis-mis-grid .vis-mis-col p{padding:0px}
.vis-mis-grid .vis-mis-col p:last-child{margin-bottom:15px!important}
.timeline-sec-1 .swiper-pagination{display:flex;top:20px;right:50%;transform:translateX(50%);width:100%!important}
h3.d-toggle-vis{padding:10px;position:relative;font-weight:600;color:#fff}
.vis-mis-grid .vis-mis-col:hover .vis-mis-head img{filter:brightness(1)!important}
.vis-mis-col:hover .vis-mis-ul li{color:#fff}
.vis-mis-grid .vis-mis-col:hover{background:var(--orange)}
h3.d-toggle-vis::after{content:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="26" height="26" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cg transform="rotate(90 12 12)"%3E%3Cpath fill="white" d="M9.172 18.657a1 1 0 0 1-.707-1.707l4.95-4.95l-4.95-4.95a1 1 0 0 1 1.414-1.414l5.656 5.657a1 1 0 0 1 0 1.414L9.88 18.364a.997.997 0 0 1-.707.293Z"%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');position:absolute;right:15px}
.about-partners-sec .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.about-partners-sec .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,10px)}
.vis-mis-grid{gap:15px}
.about-hh-grid{gap:30px}
.abtdealor{margin-top:30px}
.excont p{margin-bottom:10px;}
}
@media (max-width:540px){.clientele p br{display:none}
a.header-logo{width:60%}
.abtdealor h3{text-align:left}
}
@media (max-width:500px){.hhad{flex-wrap:wrap}
.d-start{justify-content:start;gap:15px}
}
@media (max-width:480px){.swiper#banner-swiper{height:420px !important;}.contact-grid .contact-form .form-group,footer .frow{grid-template-columns:1fr}
.banner-sect .sh1,.cinf.mb-2,.our-products .mb-3{margin-bottom:0!important}
footer .cinfh:after,footer .hoh:after,footer .qlh:after{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='svg-icon' viewBox='0 0 20 20'%3E%3Cpath d='M14.613,10c0,0.23-0.188,0.419-0.419,0.419H10.42v3.774c0,0.23-0.189,0.42-0.42,0.42s-0.419-0.189-0.419-0.42v-3.774H5.806c-0.23,0-0.419-0.189-0.419-0.419s0.189-0.419,0.419-0.419h3.775V5.806c0-0.23,0.189-0.419,0.419-0.419s0.42,0.189,0.42,0.419v3.775h3.774C14.425,9.581,14.613,9.77,14.613,10 M17.969,10c0,4.401-3.567,7.969-7.969,7.969c-4.402,0-7.969-3.567-7.969-7.969c0-4.402,3.567-7.969,7.969-7.969C14.401,2.031,17.969,5.598,17.969,10 M17.13,10c0-3.932-3.198-7.13-7.13-7.13S2.87,6.068,2.87,10c0,3.933,3.198,7.13,7.13,7.13S17.13,13.933,17.13,10'%3E%3C/path%3E%3C/svg%3E");width:25px;filter:invert(1);float:right}
#spots p,.ncontent p.h5{font-size:16px}
.anch-tags,.side-menu-wrap,.sse,.test-container{width:100%}
.banner-sect .sh1,.copyright,.process-cont .swiper-pagination-process,.sse,.welcome-grid .swiper-pagination-products{text-align:center}
#products-swiper,.anch-tags .welcome-button,.blue-lined::before,.hidem,.home-page .banner-sect a,.pmhide,.prod-d-page .banner-sect .banner-text small,.prod-l-page .banner-sect .banner-text small,.swiper#banner-swiper .content-wrapper br,.swiper#banner-swiper .swiper-nav-wrapper,.timeline .arrows{display:none}
.mpt0,.prod-d-page .prod-d-desc-grid{padding-top:0}
#application-swiper .swiper-button-next-application,#application-swiper .swiper-button-prev-application,.backButton,.enquiry-pf,.fdisplay-c .f-logo,.fdisplay-c>p,.process-cont .swiper-button-next-process,.process-cont .swiper-button-prev-process,.swiper#banner-swiper .content-wrapper .content .bn-blk,.welcome-grid .swiper-button-next-products,.welcome-grid .swiper-button-prev-products{display:none!important}
.swiper#banner-swiper .content-wrapper .content :first-child,.swiper#banner-swiper h2{margin-bottom:30px!important}
footer .frow{padding-left:10px;gap:0 20px}
.red-lined::before{width:40px}
footer a,footer p{font-weight:400}
#application-swiper .swiper-pagination,.fdisplay-m,.process-cont .swiper-pagination-process,.welcome-grid .swiper-pagination-products{display:block}
.anch-tags,.pva{display:flex}
.fdisplay-c{order:3}
.frow{padding-bottom:40px}
.about-hh-grid>.right .img-right-container,.clientele-page .banner-sect,.contact-page .banner-sect,.faq-page .banner-sect,.gallery-page .banner-sect,.network-page .banner-sect,.prod-d-page .banner-sect,.prod-l-page .banner-sect{height:auto}
.bread-crumb{margin-bottom:20px;bottom:-30px;margin-top:0}
#product ul{flex-wrap:wrap;display:grid;grid-template-columns:repeat(7,1fr);gap:10px}
ul.color li{width:46px;height:46px}
.clientele-grid.container{grid-template-columns:1fr 1fr}
.ribbon>.container{padding:25px 15px 30px}
.prod-d-desc-grid{gap:20px}
.inhouse-brands h2,.news h2,.products-head-left h2,.testimonials h2{font-size:1.4rem}
.banner-sect .overlay{background:-webkit-linear-gradient(to bottom,#021b79,#0d51c1);background:linear-gradient(to bottom,#021b79,#0d51c1)}
.filter-cont .wrapper{justify-content:center!important}
.prod-d-page .welcome-button,.prod-d-page a.prmore{padding:10px 15px}
.pspace{padding:35px 0}
.cinf,.hohc,.ql{max-height:0;overflow:hidden;transition:max-height .75s ease-out}
.cinf.open,.hohc.open,.ql.open{height:auto;max-height:500px;transition:max-height .75s ease-in!important}
#spots p,.section-title.mb0,.test-container,footer h2{margin-bottom:0}
.cinf.open.mb-2{margin-bottom:.5rem}
footer .iclose.cinfh:after,footer .iclose.hoh:after,footer .iclose.qlh:after{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='svg-icon' viewBox='0 0 20 20'%3E%3Cpath d='M10.185,1.417c-4.741,0-8.583,3.842-8.583,8.583c0,4.74,3.842,8.582,8.583,8.582S18.768,14.74,18.768,10C18.768,5.259,14.926,1.417,10.185,1.417 M10.185,17.68c-4.235,0-7.679-3.445-7.679-7.68c0-4.235,3.444-7.679,7.679-7.679S17.864,5.765,17.864,10C17.864,14.234,14.42,17.68,10.185,17.68 M10.824,10l2.842-2.844c0.178-0.176,0.178-0.46,0-0.637c-0.177-0.178-0.461-0.178-0.637,0l-2.844,2.841L7.341,6.52c-0.176-0.178-0.46-0.178-0.637,0c-0.178,0.176-0.178,0.461,0,0.637L9.546,10l-2.841,2.844c-0.178,0.176-0.178,0.461,0,0.637c0.178,0.178,0.459,0.178,0.637,0l2.844-2.841l2.844,2.841c0.178,0.178,0.459,0.178,0.637,0c0.178-0.176,0.178-0.461,0-0.637L10.824,10z'%3E%3C/path%3E%3C/svg%3E");width:25px;filter:invert(1)}
.about-hh-grid>.right .img-right-container img{height:auto;}
.infra-sec .infra-swiper>.swiper-wrapper{max-height:250px;}
li#y2007{margin-left:0}
.infra-thumb.swiper .swiper-wrapper{height:40px}
.infra-swiper-controls .swiper-button-next-infra,.infra-swiper-controls .swiper-button-prev-infra{font-size:14px}
.hhad.d-start,.infra-swiper-controls{justify-content:center}
.timeline-sec-1 .swiper-pagination,.timeline-sec-1 .timeline-year-col .timeline-content::before{top:0}
.timeline-year-col h3{padding-top:7px}
.timeline-wrap .swiper-wrapper{padding:120px 0 180px}
.timeline-sec-1 .timeline-year-col .timeline-content{top:30px}
.timeline-sec-1 .timeline-year-col:nth-child(2n) .timeline-content{top:30px;transform:unset}
.timeline-sec-1 .timeline-year-col:nth-child(2n) .timeline-content::before{top:0;bottom:unset}
.about-hh-grid>.right .text-content{padding:20px 15px}
#client-swiper .swiper-slide,.container.about-hh,.display-m,.news-slide{padding:0}
.swiper#banner-swiper .content-wrapper .content{margin:0 15px 15px 0;max-width:80%}
.how-we-work{padding-bottom:50px}
.display-m .fake-col-wrapper{display:grid;gap:20px}
.anch-tags .prmore,.prod-d-page .atags1 a:first-child{display:inline-flex;color:var(--orange);width:auto!important}
.welcome{padding:30px 0 45px}
.our-products{padding-bottom:5px}
.tnews .col-lg-7{margin-top:30px}
.testimonials .pb-5{padding-bottom:10px!important}
footer h2{border-bottom:1px solid #838383;padding-bottom:10px}
.ql li{margin-bottom:10px}
.cinf p{padding:10px 0 0;margin-bottom:5px!important}
.fname,.ql li:first-child{padding-top:10px}
.slide1 .swiper-image{background:url(../images/slider/mobileslider_1.jpg) center center no-repeat!important}
.slide2 .swiper-image{background:url(../images/slider/mobileslider_2.jpg) center center no-repeat!important}
.slide3 .swiper-image{background:url(../images/slider/mobileslider_3.jpg) center center no-repeat!important}
.slide4 .swiper-image{background:url(../images/slider/mobileslider_4.jpg) center center no-repeat!important}
.swiper#banner-swiper .swiper-image{background-position:0!important}
.swiper#banner-swiper{height:400px}
.swiper#banner-swiper .content-wrapper{justify-items:flex-end;align-items:flex-end}
.banner-sect h1,.banner-sect h2{font-size:18px!important;font-weight:500;text-align:left;padding:10px;}
.prod-d-page .banner-sect,.subbanner.banner-sect{background-position:left;padding-left:0}
.bread-crumb{position:relative;background:#fff;width:100%;padding:5px 10px 0}
.banner-text{align-items:center}
.prod-d-page .banner-text p{font-size:24px}
.sse{bottom:0;transform:none;writing-mode:horizontal-tb;padding:8px 15px!important}
.copyright{padding-bottom:46px}
.contact-page .copyright{padding-bottom:12px}
.modal-header h2{font-size:20px!important}
.swiper-pagination-bullet{width:8px!important;height:8px!important}
.hoh,.process-cont .swiper-pagination-process{margin-top:15px}
.timeline-sec-1 .swiper-pagination-bullet{padding:12px 25px}
.hhad img{width:120px!important}
.abtdealor h3{margin-bottom:15px;font-size:20px}
.abtdealor,.abtdealor>div:last-child{margin-top:20px}
.infraslide img{height:200px}
.whatsapp{bottom:3rem;right:1rem}
footer .ncontainer,header .ncontainer{width:90%}
.banner-sect{height:auto;background-color:#0d51c1!important;}
.prod-d-page .banner-sect,.subbanner.banner-sect{height:auto;//background-color:#3a2d7d!important;padding:30px 0 10px;//background-image:none}
#application-swiper figure{margin-bottom:5px}
.application h2{margin-bottom:20px!important;}
.application{padding-bottom:20px}
.anch-tags .prmore{background:0 0;position:relative}
.anch-tags .prmore::after,.atags1 a:first-child::after{content:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cpath fill="%2318499a" d="M15.5 11.3L9.9 5.6c-.4-.4-1-.4-1.4 0s-.4 1 0 1.4l4.9 4.9l-4.9 4.9c-.2.2-.3.4-.3.7c0 .6.4 1 1 1c.3 0 .5-.1.7-.3l5.7-5.7c.3-.2.3-.8-.1-1.2z"%2F%3E%3C%2Fsvg%3E');position:absolute;right:-20px;bottom:-5px}
.prod-d-page .anch-tags .prmore{padding:0!important}
.bd-right{border-bottom:1px dotted #1c2d97}
.bd-right .d-start{padding:10px 0 20px}
.welcome-grid .left.hh-back{order:2}
#products-swiper .swiper-slide{padding:0 2px}
.prod-container .prod-content{padding:10px 0}
.process-cont .swiper-pagination-bullet{background:#ccc!important;opacity:.9}
.process-cont .swiper-pagination-bullet-active{opacity:1;background:#fff!important}
.clientele-page .clientele-grid.owl-carousel .owl-item img{width:85%!important}
.welcome-grid{gap:0}
.pva{position:relative;justify-content:center;text-decoration:none;margin-bottom:20px;color:var(--orange)}
.pva::after{content:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cg transform="rotate(180 12 12)"%3E%3Cpath fill="%2318499a" d="m16.854 13.647l-4.5-4.5a.5.5 0 0 0-.707 0l-4.5 4.5a.5.5 0 0 0 .707.707L12 10.207l4.146 4.147a.498.498 0 0 0 .707 0a.5.5 0 0 0 0-.707z"%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E')}
.adown::after{content:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cpath fill="%2318499a" d="m16.854 13.647l-4.5-4.5a.5.5 0 0 0-.707 0l-4.5 4.5a.5.5 0 0 0 .707.707L12 10.207l4.146 4.147a.498.498 0 0 0 .707 0a.5.5 0 0 0 0-.707z"%2F%3E%3C%2Fsvg%3E')}
.pmhide h3{margin:20px 0 27px}
.bread-crumb{gap:5px}
.side-menu-close{margin-right:10px}
.home-page .banner-sect{padding:0;background:0 0}
.hidem.op-0{display:block;opacity:0;margin-top:-50px}
.pslider .owl-dots span{margin:0 10px}
.pslider .owl-dot{height:35px;width:35px}
.mmr0{margin:0!important}
.mmr0 h4{padding:0 5px}
.prod-d-page .atags1 a:first-child{background:0 0;position:relative;padding:0!important}
.faqs-container{margin-bottom:30px}
.banner-text p{padding:0px 10px;}
.sse a{width: 100%;padding: 8px 5px;justify-content: center;font-size: 16px !important;display: flex !important;}
.sse{display: flex;padding:0px !important;}
.sse .senq{border-left: 1px solid #000;}
}
@media (max-width:440px){.copyright a,.copyright p{font-size:14px}
header .ncontainer{width:95%}
#navs{margin:0}
header .header-logo small{font-size:12px!important;text-align:left!important}
header .header-logo p{font-size:16px;word-spacing:0;text-align:left}
.timeline-sec-1 .timeline-swiper .swiper-pagination-bullet{margin:4px 10px!important}
}
@media (max-width:420px){#product ul{grid-gap:0px;grid-row-gap:10px;grid-column-gap:5px}
ul.color li{width:40px;height:40px}
.contact-grid{background:linear-gradient(to bottom,#ff6732 48%,#078cbe 48%);padding:15px}
.wtext h2.h4{font-size:18px!important}
.get-in-touch{padding-top:0!important}
.contact-grid .ord-3 h2{padding-top:50px}
}
@media (max-width:400px){.welcome-grid .swiper-pagination-products .swiper-pagination-bullet{margin:0 9px!important}
.swiper#banner-swiper .content-wrapper{height:100%}
.red-lined,.swiper#banner-swiper .content-wrapper .content p{font-size:14px}
.swiper#banner-swiper .content-wrapper .content :first-child br,.swiper#banner-swiper .content-wrapper .content p br,.swiper#banner-swiper h2 br{display:none}
.swiper#banner-swiper .content-wrapper .content h1,.swiper#banner-swiper h2{font-size:26px}
.process-inner{padding:20px;margin:0}
.qna{padding:0}
.swiper#banner-swiper .content-wrapper .content{width:75%}
a.header-logo{width:70%}
}
@media (max-width:380px){.left.hh-back h2 br,.products-head-left h2 br{display:none}
.copyright .ncontainer{width:97%}
#product ul{grid-row-gap:8px}
.prod-d-page a.prmore{margin:15px 7px}
header .side-menu-close span{width:25px}
.swiper#banner-swiper .content-wrapper .content{width:70%;margin-bottom:5px}
.banner-sect .swiper-pagination{bottom:5px!important}
.infraslide img{height:160px}
.spec-sec div.bigstrip.grey-bg{justify-content:center}
.welcome-grid .swiper-pagination-products .swiper-pagination-bullet{margin:0 8px!important}
}
@media (max-width:360px){.timeline-wrap .swiper-wrapper{padding:150px 0 180px}
}
@media (max-width:340px){.welcome-grid .swiper-pagination-products .swiper-pagination-bullet{margin:0 7px!important}
header .header-logo p{font-size:15px}
header .header-logo small{font-size:10px!important}
a.header-logo{gap:0 3px}
.side-menu-wrap{width:280px}
.timeline-sec-1 .swiper-pagination{height:105px}
.copyright a{display:flex;justify-content:center}
.bread-crumb{gap:3px;}
}
@media (max-width:330px){ul.color li{width:35px;height:35px}
}

.gallery-slider{width:100%;height:auto;margin:0 0 10px}
.gallery-slider .swiper-slide{width:auto;height:400px}
.gallery-slider .swiper-slide img{display:block;width:auto;height:100%;margin:0 auto}
.gallery-thumbs{width:100%;padding:0;overflow:hidden}
.gallery-thumbs .swiper-slide{width:100px;height:100px;text-align:center;overflow:hidden;opacity:.1}
.gallery-thumbs .swiper-slide img{width:auto;height:100%}
.fw700{font-weight:700;margin-bottom:2px}
.fqs{margin-bottom:12px;font-size:26px;font-weight:700}
.bloglist a{display: inline-flex !important;background: transparent;padding:0px;}
.bloglist .ncontent{padding:0px 15px 10px;}
.bloglist .news-card:hover a{color:#0d51c1;}

.bloglist .h3 {font-weight: 600;color: var(--orange);font-size: 20px !important;}
.bdetail{width:80%;margin:20px auto 0px;grid-template-columns: 1fr;gap:0px;}
.postby{display: flex;gap:40px;font-size:14px;margin:15px 0px 25px;}

.inscont{width:90%;margin:0px auto 0px;}

@media (max-width:1199px){.bdetail,.inscont{width:100%;}
.postby{margin-bottom:10px;}
}

.tc{text-align:center !important;}





.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:40px}
.mwidth .tab-pane{width:240px}
.mwidth .f20{font-weight:600;color:var(--orange)}
.mb1{margin-bottom:15px}

.megamenu .mimg{grid-template-columns:100%}
@media(max-width:1100px){
.adown,.megamenu,.main-menu a::after,.dm1>a::before,.dm2>a::before,.dm3>a::before{display:none}
}







.vis-mis-ul li{color:#fff !important;}
.vis-mis-ul li{position:relative;padding-left: 23px;margin-bottom:10px;}
.vis-mis-ul li::before {
   content: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 20 20"%3E%3Cpath fill="white" d="m6 15l5-5l-5-5l1-2l7 7l-7 7z"%2F%3E%3C%2Fsvg%3E');
   left: 0;
   position: absolute;
   display: flex;top:0px;
 }
.v-m-hd{
     text-align: center;
     margin-bottom: 30px;
}
.vm-mb{
     margin-bottom:8px !important;
     font-weight:600;
}
.mb{
     margin-bottom:5px;
}
 .vis-mis-grid .vis-mis-col:hover .vis-mis-head img{
    filter: brightness(0);
}
.vis-mis-col:hover p, h3{
   color:#000;
}
.vis-mis-col:hover .vis-mis-head h3, .vis-mis-ul li{
 color:#000;
}
.vis-mis-col:hover .vis-mis-ul li{
   color:#000 !important;
}
.vis-mis-col:hover .vis-mis-ul li::before {
  content:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 20 20"%3E%3Cpath fill="black" d="m6 15l5-5l-5-5l1-2l7 7l-7 7z"%2F%3E%3C%2Fsvg%3E');
}
#banner-swiper .swiper-button-prev, #banner-swiper .swiper-button-next{
    background-color:var(--orange);
    border-radius:50%;
}
.swiper-button-next, .swiper-button-prev{
   top: 95%;
}
.swiper-button-prev{
   left:auto;
   right:70px;
}
.timeline-wrap.timeline-wrap-flex{
     padding: 0px 0px 35px 0px;
}
@media (max-width: 576px){
    .vis-mis-col:hover p{
   color:#fff;
   }
   .vis-mis-col:hover .vis-mis-ul li { 
    color: #fff !important;
   }
   .vis-mis-col:hover .vis-mis-ul li::before {
     content:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 20 20"%3E%3Cpath fill="white" d="m6 15l5-5l-5-5l1-2l7 7l-7 7z"%2F%3E%3C%2Fsvg%3E') !important;
   }
   .vis-mis-col:hover  p::before{
      content:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 20 20"%3E%3Cpath fill="white" d="m6 15l5-5l-5-5l1-2l7 7l-7 7z"%2F%3E%3C%2Fsvg%3E')
   }
}


.text-white{color:#ffffff !important;}

.product-info {padding: 10px 10px 5px;}
.product-info h1.product-title{font-size:18px;font-weight:600;text-align:center;}

.product-desc h2 {
    text-align: left;
    font-size: 1.8em;
    font-weight: 600;
    margin: 0px 0px 10px 0px;
    padding: 0;
}
.product-desc h4 {
    text-align: left;
    font-size: 1.4em;
    font-weight: 600;
    margin: 20px 0px 10px 0px;
    padding: 0;
}
.product-desc ul {
   list-style-type: none;
   padding-left: 25px;
   margin: 0 0 15px 0;
}
.product-desc ul li::before {
  font-family: "Font Awesome 5 Free";
  content: "\f0a4";
  position: absolute;
  color: #e44b2a;
  left: 15px;
}

.product-desc h4 {
    text-align: left;
    font-size: 1.4em;
    font-weight: 600;
    margin: 20px 0px 10px 0px;
    padding: 0;
}

.product-desc table {
    width: 100%;
    margin-bottom: 20px;
    border: solid 1px #505050;
    border-collapse: collapse;
    border-spacing: 0;
}
.product-desc table tr td {
    padding: 5px;
    vertical-align: top;
    line-height: 1.42857143;
    border: solid 1px #505050;
}
@media screen and (min-width:400px) and (max-width:580px) {
.product-desc table {
    width: 100%;
  }
}

.fleft{margin-left:25px;}
@media screen and (min-width:400px) and (max-width:900px) {
.fleft{margin-left:28px;}
}


.footer-bg{
    position: relative;
    z-index: 1;
}
.footer-bg:before {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    content: "";
    display: block;
    z-index: 0;
    background-image: url(../images/banners/footer-bg.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: scroll;
    opacity: 0.2;
    z-index: -1;
}


.mt-3{margin-top:15px;}


.page_banner{
    position: relative;
    background: #fff;
    text-align: center;
    overflow: hidden;
}
.page_banner:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform: scaleY(-1);
    background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.4) 100%);
}
.page-banner img{
    max-width: 100%;
    width: 100%;
    height: auto;
}
.breadcrumb {
    display: flex;
    list-style-type: none;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    padding: 10px 0px;
}



.habout .row {
    align-items: center !important;
}
.habout .row {
    display: -ms-flexbox;
    display: flex !important;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap !important;
    margin-right: -15px !important;
    margin-left: -15px !important;
}

.abt-video {
    width: 60% !important;
    position: relative;
}
@media (max-width: 991px) {
 .abt-video
   {
        width: 100% !important;
   }
}
@media (max-width: 1540px) {
    .habout .abt-video img {
        height: auto;
        object-fit: contain;
    }
}
.abt-video img {
    width: 100%;
    object-fit: cover;
    position: relative;
}
.video-play-button {
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    box-sizing: content-box;
    display: block;
    width: 32px;
    height: 44px;
    border-radius: 50%;
    padding: 18px 20px 18px 28px;
}
.video-play-button span {
    display: block;
    position: relative;
    z-index: 3;
    width: 0;
    height: 0;
    border-left: 32px solid #fff;
    border-top: 22px solid transparent;
    border-bottom: 22px solid transparent;
}
.video-play-button:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 80px;
    height: 80px;
    background: #fb9c3d;
    border-radius: 50%;
    -webkit-animation: pulse-border 1.5s ease-out infinite;
    animation: pulse-border 1.5s ease-out infinite;
}
.video-play-button:after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 70px;
    height: 70px;
    background: #fb9c3d;
    border-radius: 50%;
    transition: all .2s;
}
@-webkit-keyframes pulse-border {0% {transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);opacity: 1}100% {transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);opacity: 0}}@keyframes pulse-border {0% {transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);opacity: 1}100% {transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);opacity: 0}}
.vcontent {
    position: absolute;
    width: 40% !important;
    background: #fff;
    right: 200px;
    padding: 4% 10% 4% 5%;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}

@media (max-width: 480px) {
 .habout .vcontent
   {
        padding: 15px 15px 25px;
    }
}
@media (max-width: 600px) {
    .vcontent {
        right: 0;
        padding: 15px 0;
    }
}
@media (max-width: 1060px) {
    .vcontent {
        right: 20px;
        width: 45%;
    }
}
@media (max-width: 1199px) {
 .vcontent
    {
        right: 0;
    }
}
@media (max-width: 1290px) {
 .vcontent
   {
        padding: 2.5% 4% !important;
    }
}
@media (max-width: 991px) {
    .vcontent {
        position: relative;
        width: 100% !important;
    }
}
@media (max-width: 1540px) {
 .vcontent {
        padding-right: 5% !important;
  }
}
@media (max-width: 1590px) {
  .vcontent {
        padding: 2.5% 10% 2.5% 4% !important;
  }
}
@media (max-width: 1700px) {
    .vcontent {
        padding: 3% 10% 3% 10%;
    }
}

.habout h2 {
    color: #466025;
    font-size: 17px !important;
    font-weight: 600;
    margin-bottom: 10px !important;
    padding-bottom: 15px;
}
.habout h3 {
    font-size: 30px !important;
    line-height: 34px;
    font-weight: 600;
    padding-bottom: 15px !important;
}
.habout p {
    font-size: 15px;
    color: #212529;
    width: 100%;
}
.alink {
    color: #00738f;
    text-decoration: none !important;
}
.alink, .slide-text a {
    padding: 7px 7px 7px 0;
    display: inline-flex;
    align-items: center;
}

.anew span, .slide-text p {
    font-size: 14px;
}
.anew span {
    transition: transform .5s cubic-bezier(.65, .005, .35, .995);
    color: #006177;
}
.alink span {
    padding: 0 5px;
}
.anew {
    padding-bottom: 5px;
    position: relative;
    overflow: hidden;
    transition: transform .3s cubic-bezier(.65, .005, .35, .995);
    display: inline-flex;
    width: 200px;
}
.anew::before {
    border-bottom: 1px solid #ccc;
}
.anew::before {
    content: "";
    position: absolute;
    bottom: 0;
    border-bottom: 1px solid rgb(0 143 177 / 30%);
    width: 100%;
    transition: transform .5s cubic-bezier(.65, .005, .35, .995);
}
.anew svg:last-child {
    top: 30%;
    right: 0;
    position: absolute;
    transform: translateX(0);
    opacity: .6;
    transition: transform .3s cubic-bezier(.65, .005, .35, .995);
}
.anew svg {
    width: 20px;
    height: 7px;
    fill: #008fb1;
}

.automrg{margin: 0 auto !important;text-align: center; float: none;}