.hamenu .menu-links,.loader-wrap,.main-marq .slide-har{display:-webkit-box;display:-ms-flexbox}.undecro:hover,a,a:hover{text-decoration:none}.cursor,.progress-wrap{mix-blend-mode:difference}.circle-img,.fit-img img{-o-object-fit:cover;height:100%;width:100%}.about-right li,.unlist{list-style:none}.navbar .navbar-nav{padding:2px 5px;border:1px solid rgba(255,255,255,.3);border-radius:30px;margin-left:15px}main{position:relative;z-index:5}.row>*{padding-left:15px;padding-right:15px;margin-top:0}.row.sm-marg{margin-left:-5px;margin-right:-5px}.row.sm-marg>*{padding-left:5px;padding-right:5px}.row.stand-marg{margin-left:-20px;margin-right:-20px}.row.stand-marg>*{padding-left:20px;padding-right:20px}.row.md-marg{margin-left:-25px;margin-right:-25px}.row.md-marg>*{padding-left:25px;padding-right:25px}.row.lg-marg{margin-left:-40px;margin-right:-40px}.row.lg-marg>*{padding-left:40px;padding-right:40px}.row.xlg-marg{margin-left:-50px;margin-right:-50px}.row.xlg-marg>*{padding-left:50px;padding-right:50px}.hamenu .menu-links,.row.xxlg-marg>*{padding-left:80px;padding-right:80px}.row.xxlg-marg{margin-left:-80px;margin-right:-80px}.container{max-width:1320px}.container-xxl{max-width:1700px}.container-xl{max-width:1400px}.container-box{max-width:1920px;margin:auto}img{width:100%;height:auto}figure{margin:0}.btn:active,.btn:focus,.btn:hover{outline:0;-webkit-box-shadow:none;box-shadow:none}.alink,.main-marq .slide-har .overlay-link,.plink{position:absolute;top:0;left:0;width:100%;height:100%}.hamenu,.loader-wrap{height:100vh;position:fixed}.hamenu{top:0;left:-100%;width:100%;background:#111111;overflow:hidden;z-index:99999999999;-webkit-transition:.7s cubic-bezier(1, 0, .55, 1);-o-transition:.7s cubic-bezier(1, 0, .55, 1);transition:.7s cubic-bezier(1, 0, .55, 1)}.hamenu:after{content:'';background-image:url(../imgs/menu-shape.png);background-size:contain;background-repeat:repeat;position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.5}.hamenu .close-menu{position:absolute;top:20px;right:20px;width:30px;height:30px;line-height:30px;border:1px solid rgba(255,255,255,.2);border-radius:50%;text-align:center;cursor:pointer;font-size:12px;z-index:4;color:#fff;-webkit-transform:translateY(-100px);-ms-transform:translateY(-100px);transform:translateY(-100px);opacity:0;-webkit-transition:.4s;-o-transition:.4s;transition:.4s}.hamenu.open .close-menu,.hamenu.open .menu-links .main-menu>li .link{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1;-webkit-transition-delay:1s;-o-transition-delay:1s;transition-delay:1s}.hamenu.open .cont-info{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.hamenu.open .cont-info .text-center{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1;-webkit-transition-delay:1.4s;-o-transition-delay:1.4s;transition-delay:1.4s}.hamenu .menu-links{color:#fff;padding-top:80px;overflow:auto;width:100%;background:#111;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.hamenu .menu-links::-webkit-scrollbar{width:5px}.hamenu .menu-links::-webkit-scrollbar-track{background:#111}.hamenu .menu-links::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:5px}.hamenu .menu-links .main-menu{position:relative;z-index:2}.hamenu .menu-links .main-menu ul{margin:0;padding:0}.hamenu .menu-links .main-menu>li{-webkit-transition:.5s;-o-transition:.5s;transition:.5s}.hamenu .menu-links .main-menu>li .link{font-weight:300;line-height:1.2;padding:12px 30px;width:100%;position:relative;display:block;-webkit-transform:translateY(100px);-ms-transform:translateY(100px);transform:translateY(100px);opacity:0;-webkit-transition:.7s;-o-transition:.7s;transition:.7s}.hamenu .menu-links .main-menu>li .link i{position:absolute;width:90px;top:0;right:0;bottom:0}.hamenu .menu-links .main-menu>li .link i:before{content:'';width:1px;height:16px;position:absolute;top:30%;left:50%;background:#fff}.hamenu .menu-links .main-menu>li .link i:after{content:'';width:16px;height:1px;position:absolute;top:calc(30% + 8px);left:calc(50% - 8px);background:#fff}.hamenu .menu-links .main-menu>li .link.dopen i:before,[data-overlay-dark="0"]:before,[data-overlay-light="0"]:before{opacity:0}.hamenu .menu-links .main-menu>li .link .fill-text{position:relative;color:rgba(255,255,255,.4)}.hamenu .menu-links .main-menu>li .link .fill-text:after{content:attr(data-text);position:absolute;top:0;left:0;color:#fff;width:100%;overflow:hidden;white-space:nowrap;-webkit-transition:width .75s cubic-bezier(.63, .03, .21, 1);-o-transition:width .75s cubic-bezier(.63, .03, .21, 1);transition:width .75s cubic-bezier(.63, .03, .21, 1)}.hamenu .menu-links .main-menu>li.hoverd .link .fill-text:after{width:0}.hamenu .menu-links .main-menu>li .sub-dmenu{font-size:30px;font-weight:500;padding-left:50px;text-transform:capitalize;letter-spacing:normal;background:rgba(255,255,255,.009)}.hamenu .menu-links .main-menu .sub-menu{display:none;padding:5px 0}.hamenu .menu-links .main-menu .sub-menu.no-bord{border-top:0;padding:0}.hamenu .menu-links .main-menu .sub-menu li,.hamenu .menu-links .main-menu .sub-menu2 li{padding:0;margin:0;line-height:1;font-size:12px;font-weight:400;list-style: none ;}.hamenu .menu-links .main-menu .sub-menu li a{padding:12px 12px 12px 40px;opacity:.6;-webkit-transition:.4s;-o-transition:.4s;transition:.4s}.hamenu .menu-links .main-menu .sub-menu li a:hover,.hamenu .menu-links .main-menu .sub-menu2 li a:hover,.item1:hover .overlay,[data-overlay-dark="10"]:before,[data-overlay-light="10"]:before{opacity:1}.hamenu .menu-links .main-menu .sub-menu2{display:none;padding:10px 0 20px}.hamenu .menu-links .main-menu .sub-menu2 li a{padding:12px 12px 12px 70px;opacity:.6;-webkit-transition:.4s;-o-transition:.4s;transition:.4s}.hamenu .cont-info{padding-left:30px;width:70%;color:#fff;background:#1d1d1d}.hamenu .cont-info .logo{width:200px;margin:auto}.hamenu .cont-info .social-icon a{margin:0 15px}.hamenu .cont-info .text-center{-webkit-transform:translateY(50px);-ms-transform:translateY(50px);transform:translateY(50px);-webkit-transition:.4s;-o-transition:.4s;transition:.4s;opacity:0}.butn-circle,.butn.butn-md{-webkit-transition:.4s;-o-transition:.4s}.hamenu .cont-info .text-center h5{font-size:20px;font-weight:500;letter-spacing:normal;line-height:1.7}body.loaded{overflow:hidden!important;height:100%!important}.loader-wrap{width:100%;left:0;top:0;display:flex;overflow:hidden;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:0 0;z-index:99999999999999}.horizontal-link li,.inline-b,.rolling-text,a,span{display:inline-block}.loader-wrap svg{position:absolute;top:0;width:100vw;height:110vh;fill:#fff}.loader-wrap .loader-wrap-heading .load-text{color:#fff;font-size:20px;font-weight:200;letter-spacing:15px;text-transform:uppercase;z-index:20}.load-text span{-webkit-animation:1s infinite alternate loading;animation:1s infinite alternate loading}.load-text span:first-child{-webkit-animation-delay:0s;animation-delay:0s}.load-text span:nth-child(2){-webkit-animation-delay:.1s;animation-delay:.1s}.load-text span:nth-child(3){-webkit-animation-delay:.2s;animation-delay:.2s}.load-text span:nth-child(4){-webkit-animation-delay:.3s;animation-delay:.3s}.load-text span:nth-child(5){-webkit-animation-delay:.4s;animation-delay:.4s}.load-text span:nth-child(6){-webkit-animation-delay:.5s;animation-delay:.5s}.load-text span:nth-child(7){-webkit-animation-delay:.6s;animation-delay:.6s}@-webkit-keyframes loading{0%{opacity:1}100%{opacity:0}}@keyframes loading{0%{opacity:1}100%{opacity:0}}*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;outline:0}body{overflow-x:hidden!important}a,a:hover{color:inherit}.butn{font-size:14px;font-weight:500}.butn.butn-md{padding:12px 25px;transition:.4s}.butn.butn-rounded{border-radius:30px}.butn.butn-bord{border:1px solid #ccc}.butn.butn-bord:hover{background:#212121;color:#fff}.butn-circle{width:180px;height:180px;border:1px solid #141414;border-radius:50%;transition:.4s}.butn-circle.butn-dark{color:#fff;background:#141414}.butn-circle.butn-light{color:#fff;border-color:rgba(255,255,255,.2)}.butn-circle.butn-light:hover{background:#fff;color:#141414}.butn-circle.butn-light:hover .text{color:#141414}.butn-circle.butn-light:hover svg path{stroke:#141414}.butn-circle svg path,.team-ds .item1 .cont h6{-webkit-transition:.4s;-o-transition:.4s;transition:.4s}.butn-circle:hover{background:#141414;color:#fff}.butn-circle:hover svg path{stroke:#fff}.butn-circle:hover .text-dark,.text-hover-light:hover{color:#fff!important}.hover-this .hover-anim{pointer-events:none;-webkit-transition:-webkit-transform .2s linear;transition:transform .2s linear;-o-transition:transform .2s linear;transition:transform .2s linear,-webkit-transform .2s linear}.cursor{pointer-events:none;position:fixed;padding:.3rem;background-color:#fff;border-radius:50%;-webkit-transition:opacity .4s,-webkit-transform .3s;transition:transform .3s,opacity .4s,-webkit-transform .3s;-o-transition:transform .3s,opacity .4s;z-index:99999}.cursor-active{-webkit-transform:translate(-50%,-50%) scale(8);-ms-transform:translate(-50%,-50%) scale(8);transform:translate(-50%,-50%) scale(8);opacity:.1}.rolling-text{overflow:hidden;line-height:50px;height:50px}.rolling-text.butn{padding:0 35px}.social-text .rolling-text{line-height:30px;height:30px}.rolling-text.play .letter,.rolling-text:hover .letter{-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}.rolling-text .letter{display:inline-block;-webkit-transition:-webkit-transform .5s cubic-bezier(.76, 0, .24, 1);transition:transform .5s cubic-bezier(.76, 0, .24, 1);-o-transition:transform .5s cubic-bezier(.76, 0, .24, 1);transition:transform .5s cubic-bezier(.76, 0, .24, 1),-webkit-transform .5s cubic-bezier(.76, 0, .24, 1)}.progress-wrap,.progress-wrap::after{height:44px;width:44px;-webkit-transition:.4s linear;-o-transition:.4s linear;cursor:pointer;display:block}.letter:first-child{-webkit-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}.letter:nth-child(2){-webkit-transition-delay:15ms;-o-transition-delay:15ms;transition-delay:15ms}.letter:nth-child(3){-webkit-transition-delay:30ms;-o-transition-delay:30ms;transition-delay:30ms}.letter:nth-child(4){-webkit-transition-delay:45ms;-o-transition-delay:45ms;transition-delay:45ms}.letter:nth-child(5){-webkit-transition-delay:60ms;-o-transition-delay:60ms;transition-delay:60ms}.letter:nth-child(6){-webkit-transition-delay:75ms;-o-transition-delay:75ms;transition-delay:75ms}.letter:nth-child(7){-webkit-transition-delay:90ms;-o-transition-delay:90ms;transition-delay:90ms}.letter:nth-child(8){-webkit-transition-delay:105ms;-o-transition-delay:105ms;transition-delay:105ms}.letter:nth-child(9){-webkit-transition-delay:0.12s;-o-transition-delay:0.12s;transition-delay:0.12s}.letter:nth-child(10){-webkit-transition-delay:135ms;-o-transition-delay:135ms;transition-delay:135ms}.letter:nth-child(11){-webkit-transition-delay:0.15s;-o-transition-delay:0.15s;transition-delay:0.15s}.letter:nth-child(12){-webkit-transition-delay:165ms;-o-transition-delay:165ms;transition-delay:165ms}.letter:nth-child(13){-webkit-transition-delay:0.18s;-o-transition-delay:0.18s;transition-delay:0.18s}.letter:nth-child(14){-webkit-transition-delay:195ms;-o-transition-delay:195ms;transition-delay:195ms}.letter:nth-child(15){-webkit-transition-delay:0.21s;-o-transition-delay:0.21s;transition-delay:0.21s}.letter:nth-child(16){-webkit-transition-delay:225ms;-o-transition-delay:225ms;transition-delay:225ms}.letter:nth-child(17){-webkit-transition-delay:0.24s;-o-transition-delay:0.24s;transition-delay:0.24s}.letter:nth-child(18){-webkit-transition-delay:255ms;-o-transition-delay:255ms;transition-delay:255ms}.letter:nth-child(19){-webkit-transition-delay:0.27s;-o-transition-delay:0.27s;transition-delay:0.27s}.letter:nth-child(20){-webkit-transition-delay:285ms;-o-transition-delay:285ms;transition-delay:285ms}.letter:nth-child(21){-webkit-transition-delay:0.3s;-o-transition-delay:0.3s;transition-delay:0.3s}.progress-wrap{position:fixed;bottom:30px;right:30px;border-radius:50px;z-index:100;opacity:0;visibility:hidden;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);transition:.4s linear}.progress-wrap.active-progress{opacity:1;visibility:visible;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.progress-wrap::after{position:absolute;font-family:'Font Awesome 5 Free';content:'\f077';text-align:center;line-height:44px;font-size:13px;font-weight:900;color:#ccc;left:0;top:0;z-index:1;transition:.4s linear}.progress-wrap svg path{fill:none}.progress-wrap svg.progress-circle path{stroke:#ccc;stroke-width:4;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:.4s linear;-o-transition:.4s linear;transition:.4s linear}.d-rotate{-webkit-perspective:1000px;perspective:1000px}.d-rotate .rotate-text{display:block;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:.8s .5s;-o-transition:.8s .5s;transition:.8s .5s;-webkit-transform-origin:50% 0%;-ms-transform-origin:50% 0%;transform-origin:50% 0%;-webkit-transform:translate3d(0,50px,-50px) rotateX(-45deg) scale(.95);transform:translate3d(0,50px,-50px) rotateX(-45deg) scale(.95);opacity:0}.d-rotate.animated .rotate-text{-webkit-transform:translate3d(0,0,0) rotateX(0) scale(1);transform:translate3d(0,0,0) rotateX(0) scale(1);opacity:1}.d-slideup .sideup-text{overflow:hidden;display:block}.d-slideup .sideup-text:first-of-type .up-text{-webkit-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s}.d-slideup .sideup-text:nth-of-type(2) .up-text{-webkit-transition-delay:.6s;-o-transition-delay:.6s;transition-delay:.6s}.d-slideup .sideup-text:nth-of-type(3) .up-text{-webkit-transition-delay:1s;-o-transition-delay:1s;transition-delay:1s}.d-slideup .sideup-text:nth-of-type(4) .up-text{-webkit-transition-delay:1.4s;-o-transition-delay:1.4s;transition-delay:1.4s}.d-slideup .sideup-text:nth-of-type(5) .up-text{-webkit-transition-delay:1.8s;-o-transition-delay:1.8s;transition-delay:1.8s}.d-slideup .sideup-text .up-text{-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);-webkit-transition:.8s;-o-transition:.8s;transition:.8s}.d-slideup.animated .up-text{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.main-marq{position:relative;padding:0;overflow:hidden!important}.main-marq:after{content:'';position:absolute;top:-30px;bottom:-30px;left:-30px;right:-30px;pointer-events:none;background:-webkit-linear-gradient(right,#fff,transparent 280px,transparent calc(100% - 280px),#fff);background:-o-linear-gradient(right,#fff,transparent 280px,transparent calc(100% - 280px),#fff);background:linear-gradient(to left,#fff,transparent 280px,transparent calc(100% - 280px),#fff)}.main-marqv,.position-re,.pro-our-ser .col-md-6,.slide-har,.slide-har.st1 .box,.slide-har.st2 .box,[data-overlay-dark],[data-overlay-light]{position:relative}.main-marq.shadow-off:after,.pro-our-ser h6.sub-head::after{display:none}.main-marq.md-text .box .item h4{font-size:40px}.main-marq.lrg .box .item h4{font-size:5vw}.main-marq .box .item,.main-marq.xlrg .box .item{padding:0 30px}.main-marq.xlrg .box .item h4{font-size:8vw}.main-marq .slide-har{display:flex;position:relative}.main-marq .strok .item h4,.main-marq .strok .item h4 a{color:transparent!important;-webkit-text-stroke:.5px #fff}.main-marq .non-strok .item h4,.main-marq .non-strok .item h4 a{color:#fff!important;-webkit-text-stroke:0!important}.flex,.main-marq .box{display:-webkit-box;display:-ms-flexbox;display:flex}.main-marq .box .item h4{white-space:nowrap;margin:0}.main-marq .box .item h4 .icon{margin-bottom:-15px}.main-marq .box .item:nth-of-type(2n) h4,.main-marq .box .item:nth-of-type(2n) h4 a{color:transparent;-webkit-text-stroke:.5px #fff}.main-marq .box:last-of-type .item:nth-of-type(2n) h4,.main-marq .box:last-of-type .item:nth-of-type(2n) h4 a{color:#fff;-webkit-text-stroke:0}.main-marq .box:last-of-type .item:nth-of-type(odd) h4,.main-marq .box:last-of-type .item:nth-of-type(odd) h4 a{color:transparent;-webkit-text-stroke:1px #fff}.slide-har.st1 .box{-webkit-animation:80s linear infinite slide-har;animation:80s linear infinite slide-har}.slide-har.st2 .box{-webkit-animation:80s linear infinite slide-har-revers;animation:80s linear infinite slide-har-revers}@-webkit-keyframes slide-har{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes slide-har{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@-webkit-keyframes slide-har-revers{100%{-webkit-transform:translateX(0);transform:translateX(0)}0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes slide-har-revers{100%{-webkit-transform:translateX(0);transform:translateX(0)}0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.main-marqv{padding:0}.main-marqv:after{content:"";position:absolute;width:100%;height:100%;left:0;top:0;background:-webkit-linear-gradient(bottom,#fff,transparent 80px,transparent calc(100% - 80px),#fff);background:-o-linear-gradient(bottom,#fff,transparent 80px,transparent calc(100% - 80px),#fff);background:linear-gradient(to top,#fff,transparent 80px,transparent calc(100% - 80px),#fff);pointer-events:none}.main-marqv .slide-vertical{overflow:hidden;height:600px;margin:0 auto;position:relative}.main-marqv .slide-vertical:hover .box{-webkit-animation-play-state:paused!important;animation-play-state:paused!important}.main-marqv .slide-vertical .box{position:relative;-webkit-animation:50s linear infinite slide-vertical;animation:50s linear infinite slide-vertical}@-webkit-keyframes slide-vertical{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes slide-vertical{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}.imago{-webkit-clip-path:polygon(0 0,0% 0,0% 100%,0 100%);clip-path:polygon(0 0,0% 0,0% 100%,0 100%);-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);-webkit-filter:blur(5px);filter:blur(5px);-webkit-transition:-webkit-clip-path .8s ease-in-out .3s,-webkit-transform .8s ease-in-out 1.1s,-webkit-filter .5s ease-in-out 1.1s;transition:clip-path .8s ease-in-out .3s,transform .8s ease-in-out 1.1s,filter .5s ease-in-out 1.1s,-webkit-clip-path .8s ease-in-out .3s,-webkit-transform .8s ease-in-out 1.1s,-webkit-filter .5s ease-in-out 1.1s;-o-transition:clip-path .8s ease-in-out .3s,transform .8s ease-in-out 1.1s,filter .5s ease-in-out 1.1s;position:relative}.imago.animated{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-filter:blur(0px);filter:blur(0px)}.imago.simpl{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-filter:blur(0px);filter:blur(0px)}.ontop,[data-overlay-dark] .container,[data-overlay-dark] .container-xxl,[data-overlay-light] .container,[data-overlay-light] .container-xxl{position:relative;z-index:7}.full-over,.position-abs{position:absolute}[data-overlay-dark]:before,[data-overlay-light]:before{content:'';position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;pointer-events:none}[data-overlay-dark]:before{background:#141414}[data-overlay-light]:before{background:#fff}.bg-color h1,.bg-color h2,.bg-color h3,.bg-color h4,.bg-color h5,.bg-color h6,.bg-color span,.bg-dark h1,.bg-dark h2,.bg-dark h3,.bg-dark h4,.bg-dark h5,.bg-dark h6,.bg-dark span,.text-white,[data-overlay-dark],[data-overlay-dark] h1,[data-overlay-dark] h2,[data-overlay-dark] h3,[data-overlay-dark] h4,[data-overlay-dark] h5,[data-overlay-dark] h6,[data-overlay-dark] span{color:#fff}[data-overlay-dark="1"]:before,[data-overlay-light="1"]:before{opacity:.1}[data-overlay-dark="2"]:before,[data-overlay-light="2"]:before{opacity:.2}[data-overlay-dark="3"]:before,[data-overlay-light="3"]:before{opacity:.3}[data-overlay-dark="4"]:before,[data-overlay-light="4"]:before{opacity:.4}[data-overlay-dark="5"]:before,[data-overlay-light="5"]:before{opacity:.5}[data-overlay-dark="6"]:before,[data-overlay-light="6"]:before{opacity:.6}[data-overlay-dark="7"]:before,[data-overlay-light="7"]:before{opacity:.7}[data-overlay-dark="8"]:before,[data-overlay-light="8"]:before{opacity:.8}[data-overlay-color="9"]:before,[data-overlay-dark="9"]:before,[data-overlay-light="9"]:before{opacity:.9}.fit-img,.o-hidden{overflow:hidden}.cursor-pointer{cursor:pointer}.revers-x{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}.revers-y{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.full-over{top:0;left:0;right:0;bottom:0}.img,.item1{position:relative;overflow:hidden}.rest{padding:0!important;margin:0!important}img.out-box{width:140%}img.left{margin-left:-40%}.no-bord{border:0!important}.bord-thin-top{border-top:1px solid rgba(0,0,0,.15)}.bord-thin-bottom{border-bottom:1px solid rgba(0,0,0,.15)}.bord-thin-right{border-right:1px solid rgba(0,0,0,.15)}.bord-thin-left{border-left:1px solid rgba(0,0,0,.15)}.bord-thin-top-light{border-top:1px solid rgba(255,255,255,.15)}.bord-thin-bottom-light{border-bottom:1px solid rgba(255,255,255,.15)}.bord-thin-right-light{border-right:1px solid rgba(255,255,255,.15)}.bord-thin-left-light{border-left:1px solid rgba(255,255,255,.15)}.radius-5{border-radius:5px!important}.radius-10{border-radius:10px!important}.radius-15{border-radius:15px!important}.radius-20{border-radius:20px!important}.radius-25{border-radius:25px!important}.radius-30{border-radius:30px!important}.radius-50{border-radius:50px}.order-md-1,.order-md-2,.order-md-3,.order-md-4{-webkit-box-ordinal-group:inherit!important;-ms-flex-order:inherit!important;order:inherit!important}.full-width{width:100%!important}.bg-img{background-size:cover;background-repeat:no-repeat;background-position:center center}.bg-auto,.bg-repeat{background-size:auto}.bg-top{background-position:center top}.bg-bottom{background-position:center bottom}.bg-center{background-position:center center}.bg-fixed{background-attachment:fixed}.bg-repeat{background-repeat:repeat}.bg-auto{background-repeat:no-repeat}.section-padding{padding-top:140px;padding-bottom:140px}.section-ptb{padding:80px 0}.cmd-padding{padding:0 10px}.csm-padding{padding:0 5px}.head-pt{padding:80px 0 0}.head-pb{padding:0 0 80px}.no-shad{-webkit-box-shadow:none;box-shadow:none}.stroke{color:transparent;-webkit-text-stroke:1px rgba(0,0,0,0.7)}.fit-img img{object-fit:cover;-o-object-position:center center;object-position:center center}.rounded{border-radius:5px}.circle,.circle-100,.circle-120,.circle-30,.circle-40,.circle-50,.circle-60,.circle-70,.circle-80,.circle-90{border-radius:50%}.circle-img{object-fit:cover;-o-object-position:center;object-position:center}.circle-30{width:30px;height:30px;text-align:center;line-height:30px;overflow:hidden}.circle-40,.social.circle-bord a{width:40px;height:40px;line-height:40px;text-align:center}.circle-40{overflow:hidden}.circle-50{width:50px;height:50px;text-align:center;line-height:50px;overflow:hidden}.circle-60{width:60px;height:60px;text-align:center;line-height:60px;overflow:hidden}.circle-70{width:70px;height:70px;text-align:center;line-height:70px;overflow:hidden}.circle-80{width:80px;height:80px;text-align:center;line-height:80px;overflow:hidden}.circle-90{width:90px;height:90px;text-align:center;line-height:90px;overflow:hidden}.circle-100{width:100px;height:100px;text-align:center;line-height:100px;overflow:hidden}.circle-120{width:120px;height:120px;text-align:center;line-height:120px;overflow:hidden}.fz-100,.fz-120{line-height:1.1}.nowrap{white-space:nowrap}.balance{text-wrap:balance}.underline a{text-decoration:underline!important}.underline span{text-decoration:underline}.inline{display:inline}.valign{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.social.circle-bord a{border:1px solid #eee;border-radius:50%}.primery-shadow{-webkit-box-shadow:0 8px 30px -4px rgba(0,0,0,.1);box-shadow:0 8px 30px -4px rgba(0,0,0,.1)}.icon-img-20{width:20px}.icon-img-30{width:30px}.icon-img-40{width:40px}.icon-img-50{width:50px}.icon-img-60{width:60px}.icon-img-70{width:70px}.icon-img-80{width:80px}.icon-img-90{width:90px}.icon-img-100{width:100px}.icon-img-120{width:120px}.zindex-1{z-index:1}.zindex-2{z-index:2}.zindex-3{z-index:3}.zindex-4{z-index:4}.zindex-5{z-index:5}.zindex-10{z-index:10}.zindex-99{z-index:99}.opacity-05{opacity:.05!important}.opacity-0{opacity:0!important}.opacity-1{opacity:.1!important}.opacity-2{opacity:.2!important}.opacity-3{opacity:.3!important}.opacity-4{opacity:.4!important}.opacity-5{opacity:.5!important}.opacity-6{opacity:.6!important}.opacity-7{opacity:.7!important}.opacity-8{opacity:.8!important}.opacity-9{opacity:.9!important}.text-black{color:#000}.text-dark{color:#444}.text-extra-light-gray{color:#b7b7b7}.text-hover-inherit:hover{color:inherit!important}.fw-100{font-weight:100!important}.fw-200{font-weight:200!important}.fw-300{font-weight:300!important}.fw-400{font-weight:400!important}.fw-500{font-weight:500!important}.fw-600{font-weight:600!important}.fw-700{font-weight:700!important}.fw-800{font-weight:800!important}.fw-900{font-weight:900!important}.fz-10{font-size:10px!important}.fz-12{font-size:12px!important}.fz-13{font-size:13px!important}.fz-14{font-size:14px!important}.fz-15{font-size:15px!important}.fz-16{font-size:16px!important}.fz-18{font-size:18px!important}.fz-20{font-size:20px!important}.fz-22{font-size:22px!important}.fz-24{font-size:24px!important}.fz-25{font-size:25px!important}.fz-26{font-size:26px!important}.fz-28{font-size:28px!important}.fz-30{font-size:30px!important}.fz-35{font-size:35px!important}.fz-40{font-size:40px!important}.fz-42{font-size:42px!important}.fz-44{font-size:44px!important}.fz-45{font-size:45px!important}.fz-46{font-size:46px!important}.fz-48{font-size:48px!important}.fz-50{font-size:50px!important}.fz-55{font-size:55px!important}.fz-60{font-size:60px!important}.fz-65{font-size:65px!important}.fz-70{font-size:70px!important}.fz-80{font-size:80px!important}.fz-100{font-size:100px!important}.fz-120{font-size:120px!important}.line-height-1{line-height:1}.line-height-10{line-height:10px}.line-height-13{line-height:13px}.line-height-18{line-height:18px}.line-height-20{line-height:20px}.line-height-22{line-height:22px}.line-height-24{line-height:24px}.line-height-26{line-height:26px}.line-height-28{line-height:28px}.line-height-30{line-height:30px}.line-height-35{line-height:35px}.line-height-40{line-height:40px}.line-height-45{line-height:45px}.line-height-50{line-height:50px}.line-height-55{line-height:55px}.line-height-60{line-height:60px}.line-height-65,.sect-head h2{line-height:65px}.line-height-70{line-height:70px}.line-height-75{line-height:75px}.line-height-80{line-height:80px}.line-height-85{line-height:85px}.line-height-90{line-height:90px}.line-height-95{line-height:95px}.line-height-100{line-height:100px}.line-height-110{line-height:110px}.line-height-120{line-height:120px}.text-u{text-transform:uppercase!important}.text-l{text-transform:lowercase!important}.text-c{text-transform:capitalize!important}.text-non{text-transform:none!important}.text-i{font-style:italic}.text-left{text-align:left}.text-right{text-align:right}.ls0{letter-spacing:0!important}.ls1{letter-spacing:1px!important}.ls2{letter-spacing:2px!important}.ls3{letter-spacing:3px!important}.ls4{letter-spacing:4px!important}.ls5{letter-spacing:5px!important}.ls6{letter-spacing:6px!important}.ls7{letter-spacing:7px!important}.ls8{letter-spacing:8px!important}.ls9{letter-spacing:9px!important}.ls10{letter-spacing:10px!important}.ls15{letter-spacing:15px!important}.ls20{letter-spacing:20px!important}.ls25{letter-spacing:25px!important}.ls30{letter-spacing:30px!important}.mt-0{margin-top:0!important}.mt-5{margin-top:5px!important}.mt-10{margin-top:10px!important}.mt-15{margin-top:15px!important}.mt-20{margin-top:20px!important}.mt-25{margin-top:25px!important}.mt-30{margin-top:30px!important}.mt-35{margin-top:35px!important}.mt-40{margin-top:40px!important}.mt-45{margin-top:45px!important}.mt-50{margin-top:50px!important}.mt-55{margin-top:55px!important}.mt-60{margin-top:60px!important}.mt-62{margin-top:62px!important}.mt-65{margin-top:65px!important}.mt-70{margin-top:70px!important}.mt-75{margin-top:75px!important}.mt-80{margin-top:80px!important}.mt-85{margin-top:85px!important}.mt-90{margin-top:90px!important}.mt-95{margin-top:95px!important}.mt-100{margin-top:100px!important}.mt-120{margin-top:120px!important}.mt-140{margin-top:140px!important}.mb-0{margin-bottom:0!important}.mb-5{margin-bottom:5px!important}.mb-10{margin-bottom:10px!important}.mb-15{margin-bottom:15px!important}.mb-20{margin-bottom:20px!important}.mb-25{margin-bottom:25px!important}.mb-30{margin-bottom:30px!important}.mb-35{margin-bottom:35px!important}.mb-40{margin-bottom:40px!important}.mb-45{margin-bottom:45px!important}.mb-50{margin-bottom:50px!important}.mb-55{margin-bottom:55px!important}.mb-60{margin-bottom:60px!important}.mb-62{margin-bottom:62px!important}.mb-65{margin-bottom:65px!important}.mb-70{margin-bottom:70px!important}.mb-75{margin-bottom:75px!important}.mb-80{margin-bottom:80px!important}.mb-85{margin-bottom:85px!important}.mb-90{margin-bottom:90px!important}.mb-95{margin-bottom:95px!important}.mb-100{margin-bottom:100px!important}.mb-120{margin-bottom:120px!important}.mb-140{margin-bottom:140px!important}.mr-0{margin-right:0!important}.mr-5{margin-right:5px!important}.mr-10{margin-right:10px!important}.mr-15{margin-right:15px!important}.mr-20{margin-right:20px!important}.mr-25{margin-right:25px!important}.mr-30{margin-right:30px!important}.mr-35{margin-right:35px!important}.mr-40{margin-right:40px!important}.mr-45{margin-right:45px!important}.mr-50{margin-right:50px!important}.mr-55{margin-right:55px!important}.mr-60{margin-right:60px!important}.mr-62{margin-right:62px!important}.mr-65{margin-right:65px!important}.mr-70{margin-right:70px!important}.mr-75{margin-right:75px!important}.mr-80{margin-right:80px!important}.mr-85{margin-right:85px!important}.mr-90{margin-right:90px!important}.mr-95{margin-right:95px!important}.mr-100{margin-right:100px!important}.ml-auto{margin-left:auto}.ml-0{margin-left:0!important}.ml-5{margin-left:5px!important}.ml-10{margin-left:10px!important}.ml-15{margin-left:15px!important}.ml-20{margin-left:20px!important}.ml-25{margin-left:25px!important}.ml-30{margin-left:30px!important}.ml-35{margin-left:35px!important}.ml-40{margin-left:40px!important}.ml-45{margin-left:45px!important}.ml-50{margin-left:50px!important}.ml-55{margin-left:55px!important}.ml-60{margin-left:60px!important}.ml-62{margin-left:62px!important}.ml-65{margin-left:65px!important}.ml-70{margin-left:70px!important}.ml-75{margin-left:75px!important}.ml-80{margin-left:80px!important}.ml-85{margin-left:85px!important}.ml-90{margin-left:90px!important}.ml-95{margin-left:95px!important}.ml-100{margin-left:100px!important}.m-auto{margin-left:auto;margin-right:auto}.min-30{margin-left:-30px;margin-right:-30px}.margin-rl-5{margin-right:5px;margin-left:5px}.margin-rl-10{margin-right:10px;margin-left:10px}.margin-rl-15{margin-right:15px;margin-left:15px}.margin-rl-20{margin-right:20px;margin-left:20px}.margin-rl-25{margin-right:25px;margin-left:25px}.margin-rl-30{margin-right:30px;margin-left:30px}.margin-rl-35{margin-right:35px;margin-left:35px}.margin-rl-40{margin-right:40px;margin-left:40px}.margin-rl-45{margin-right:45px;margin-left:45px}.margin-rl-50{margin-right:50px;margin-left:50px}.pt-0{padding-top:0!important}.pt-5{padding-top:5px!important}.pt-10{padding-top:10px!important}.pt-15{padding-top:15px!important}.pt-20{padding-top:20px!important}.pt-25{padding-top:25px!important}.pt-30{padding-top:30px!important}.pt-35{padding-top:35px!important}.pt-40{padding-top:40px!important}.pt-45{padding-top:45px!important}.pt-50{padding-top:50px!important}.pt-55{padding-top:55px!important}.pt-60{padding-top:60px!important}.pt-65{padding-top:65px!important}.pt-70{padding-top:70px!important}.pt-75{padding-top:75px!important}.pt-80{padding-top:80px!important}.pt-85{padding-top:85px!important}.pt-90{padding-top:90px!important}.pt-95{padding-top:95px!important}.pt-100{padding-top:100px!important}.pt-120{padding-top:120px!important}.pt-140{padding-top:140px!important}.pb-0{padding-bottom:0!important}.pb-5{padding-bottom:5px!important}.pb-10{padding-bottom:10px!important}.pb-15{padding-bottom:15px!important}.pb-20{padding-bottom:20px!important}.pb-25{padding-bottom:25px!important}.pb-30{padding-bottom:30px!important}.pb-35{padding-bottom:35px!important}.pb-40{padding-bottom:40px!important}.pb-45{padding-bottom:45px!important}.pb-50{padding-bottom:50px!important}.pb-55{padding-bottom:55px!important}.pb-60{padding-bottom:60px!important}.pb-65{padding-bottom:65px!important}.pb-70{padding-bottom:70px!important}.pb-75{padding-bottom:75px!important}.pb-80{padding-bottom:80px!important}.pb-85{padding-bottom:85px!important}.pb-90{padding-bottom:90px!important}.pb-95{padding-bottom:95px!important}.pb-100{padding-bottom:100px!important}.pb-120{padding-bottom:120px!important}.pb-140{padding-bottom:140px!important}.no-padding{padding:0!important}.pr-30{padding-right:30px}.pr-50{padding-right:50px}.pl-30{padding-left:30px}.pl-50{padding-left:50px}.padding-rl-5{padding-right:5px;padding-left:5px}.padding-rl-10{padding-right:10px;padding-left:10px}.padding-rl-15{padding-right:15px;padding-left:15px}.padding-rl-20{padding-right:20px;padding-left:20px}.padding-rl-25{padding-right:25px;padding-left:25px}.padding-rl-30{padding-right:30px;padding-left:30px}.padding-rl-35{padding-right:35px;padding-left:35px}.padding-rl-40{padding-right:40px;padding-left:40px}.padding-rl-45{padding-right:45px;padding-left:45px}.padding-rl-50{padding-right:50px;padding-left:50px}@media screen and (max-width:992px){.md-mb10{margin-bottom:10px}.md-mb15{margin-bottom:15px}.md-mb20{margin-bottom:20px}.md-mb30{margin-bottom:30px}.md-mb40{margin-bottom:40px}.md-mb50{margin-bottom:50px!important}.md-mb80{margin-bottom:80px}.md-no-mrg{margin:0!important}.md-pb10{padding-bottom:10px}.md-pb20{padding-bottom:20px}.md-pb30{padding-bottom:30px}.md-pb40{padding-bottom:40px}.md-pb50{padding-bottom:50px}.md-pb60{padding-bottom:60px}.md-pb70{padding-bottom:70px}.md-pb80{padding-bottom:80px}.md-pt80{padding-top:80px!important}.md-no-pad{padding:0!important}.md-center{text-align:center!important}.order-md-1{-webkit-box-ordinal-group:2!important;-ms-flex-order:1!important;order:1!important}.order-md-2{-webkit-box-ordinal-group:3!important;-ms-flex-order:2!important;order:2!important}.order-md-3{-webkit-box-ordinal-group:4!important;-ms-flex-order:3!important;order:3!important}.order-md-4{-webkit-box-ordinal-group:5!important;-ms-flex-order:4!important;order:4!important}.md-hide{display:none}.justify-end{-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-end .ml-auto{margin-left:0;margin-top:30px}.row.lg-marg,.row.md-marg,.row.sm-marg,.row.stand-marg,.row.xlg-marg,.row.xxlg-marg{margin-left:-15px;margin-right:-15px}.row.lg-marg>*,.row.md-marg>*,.row.sm-marg>*,.row.stand-marg>*,.row.xlg-marg>*,.row.xxlg-marg>*{padding-left:15px;padding-right:15px}}@media screen and (max-width:768px){.hamenu.open .cont-info,.progress-wrap{display:none}.hamenu .menu-links{padding-right:15px;padding-left:15px;padding-top:15px}.hamenu .menu-links .main-menu{width:100%}.hamenu .menu-links .main-menu>li .link{font-size:15px}.sm-mb10{margin-bottom:10px}.sm-mb20{margin-bottom:20px}.sm-mb30{margin-bottom:30px}.sm-mb40{margin-bottom:40px}.sm-mb50{margin-bottom:50px}.sm-mb60{margin-bottom:60px}.sm-mb80{margin-bottom:80px}.sm-pb10{padding-bottom:10px}.sm-pb20{padding-bottom:20px}.sm-pb30{padding-bottom:30px}.sm-pb40{padding-bottom:40px}.sm-pb50{padding-bottom:50px}.sm-pb60{padding-bottom:60px}.sm-pb70{padding-bottom:70px}.sm-pb80{padding-bottom:80px}.sm-hide{display:none!important}.justify-end{-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-end .ml-auto{margin-left:0;margin-top:30px}}@media screen and (max-width:480px){.justify-end{-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}}.sect-head h2{font-size:65px}.sect-head h2 span{color:#54ad47;font-family:"Playfair Display",serif;font-style:italic;font-weight:400}.team-ds .item1{text-align:center;margin-bottom:60px}.team-ds .item1 .img{border:2px solid transparent;-webkit-transition:.4s;-o-transition:.4s;transition:.4s}.img,.item1{border-radius:10px}.team-ds .item1 .img,.team-ds .item1 .numb{width:220px;height:220px;border-radius:50%;overflow:hidden;background-color:#fff;margin:auto}.team-ds .item1 .img img,.team-ds .item1 .numb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.team-ds .item1 .cont{margin-top:15px}.team-ds .item1 .cont span{color:#bbb;font-size:14px;margin-top:5px}.team-ds .item1:hover .img{border-color:#54ad47}.team-ds .item1:hover .cont h6{color:#54ad47}.item1{width:250px;text-align:center;padding:10px}.img{width:100%}.img img{width:100%;display:block;border-radius:5px}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#54aD4770;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .4s ease-in-out}.linkedin-icon{width:40px;height:40px;background:#54ad4731;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .3s ease-in-out}.linkedin-icon img{width:14px}.linkedin-icon:hover{transform:scale(.7) rotate(360deg)}.pading-left{padding:0 25px}.link.cursor-pointer.dmenu a{padding:0;font-weight:300;color:#fff;font-size:15px}.dropdown-menu{background-color:#222!important;color:#fff!important}.detail-btn:hover{background:#54ad47;padding:10px 35px;color:#000;border-radius:40px;width:205px}.about-right li{float:left;width:50%;padding:10px}.aboutus-card h2{font-weight:800;font-size:20px!important;letter-spacing:0;line-height: 20px;}.about-right li p{font-size:14px;color:#fff;margin-top: 4px;line-height: 14px;}.about-right{margin:0 auto;width:100%}.about-right ul{padding:0}.about-right li button{width:156px;background:#768cff;color:#fff;font-size:14px;border-radius:10px;border:none;height:37px;margin:10px 0 15px}img.abo-left,img.about-right{position:absolute;border-radius:5px;box-shadow:0 0 20px #747474}.about-right ul li .aboutus-card h2{color: #fff; font-size: 32px;}.pro-our-ser h6.sub-head{list-style:none;padding:0;text-align:left;font-size:22px}img.abo-left{left:10%;bottom:25%;width:30%}img.about-right{right:20%;top:18%;width:19%}.pro-our-ser .left-abos .abo-left,.pro-our-ser .left-abos .about-right{animation:2s ease-in-out infinite both float-up-down}@-webkit-keyframes float-up-down{0%{-webkit-transform:translateY(0)}50%{-webkit-transform:translateY(-10%);transform:translateY(-10%)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}

.hero-banner-img .fit-img img{
    height: auto !important;
}

.detail-btn{
    background: none;
    padding: 10px 35px;
    color: #fff;
    border: 1px solid #54ad47;
    border-radius: 40px;
    width: 205px;
    transition: 0.5s
}

span.product-count-text {
    float: left;
    width: 75%;
    text-align: left;
}

span.product-count-icon {
    float: left;
    width: 25%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 38px;
}
span.product-count-icon img {
    width: 40px;
}

.about-right li:nth-child(1) .aboutus-card {
    float: left;
    width: 100%;
    box-shadow: 0 1px 5px hsl(0deg 0% 0% / 21%);
    padding: 10px 0;
    border-width: 1px;
    border-style: solid;
    border: 1px solid transparent;
    border-radius: 10px;
    background: linear-gradient(to right, #212121, #212121), linear-gradient(to right, #0e9e72, #0b667f);
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
}
.about-right li:nth-child(2) .aboutus-card {
    float: left;
    width: 100%;
    box-shadow: 0 1px 5px hsl(0deg 0% 0% / 21%);
    padding: 10px 0;
    border-width: 1px;
    border-style: solid;
    border: 1px solid transparent;
    border-radius: 10px;
    background: linear-gradient(to right, #212121, #212121), linear-gradient(to right, #1662b3, #220b57);
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
}
.about-right li:nth-child(3) .aboutus-card {
    float: left;
    width: 100%;
    box-shadow: 0 1px 5px hsl(0deg 0% 0% / 21%);
    padding: 10px 0;
    border-width: 1px;
    border-style: solid;
    border: 1px solid transparent;
    border-radius: 10px;
    background: linear-gradient(to right, #212121, #212121), linear-gradient(to right,#9d2d47 , #7b0b75);
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
}
.about-right li:nth-child(4) .aboutus-card {
    float: left;
    width: 100%;
    box-shadow: 0 1px 5px hsl(0deg 0% 0% / 21%);
    padding: 10px 0;
    border-width: 1px;
    border-style: solid;
    border: 1px solid transparent;
    border-radius: 10px;
    background: linear-gradient(to right, #212121, #212121), linear-gradient(to right, #c7aa21, #972d3f);
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
}
.pro-our-ser .col-md-6 p {
    margin-bottom: 15px;
}
img.product-img-arrow {
    width: 50px;
    margin-top: 12px;
}

.terms-list p {
    font-size: 18px;
    margin-bottom: 15px;
}

.terms-list li::marker {
    font-size: 20px;
    color: #54AD47;
  }
  .terms-list li {
    font-size: 14px;
    margin-bottom: 15px;
}

.terms-list li a{
    color: #54AD47; 
    font-weight: bold;
}
.welcome-span{
    font-size: 22px; 
    line-height: 25px; 
    letter-spacing: 1px; 
    text-transform:none; 
    padding-left: 30px;
}
.business-digitally{
    font-size: 7.4vw;     
    line-height: 130px;
}
.transform{
    font-size: 8.4vw;
    text-transform: uppercase;
    letter-spacing: -7px;
}
.team-ds .item1 {
    width: 100%;
}
.pro-our-ser {
    padding:0px 15px;
}
.try-our-arrow img{
    filter: brightness(0) invert(1);

}
.navbar-nav li{
    line-height: 28px !important;
}

.logo-section {
    max-width: 1000px;
    margin: auto;
  }
  .logo-section h2 {
    font-size: 2em;
    margin-bottom: 30px;
  }
  .logo-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
  }
  .logo-grid img {
    width: 120px;
    height: auto;
    filter: grayscale(100%);
    transition: filter 0.3s ease;
  }
  .logo-grid img:hover {
    filter: grayscale(0%);
  }


  .zw-template-inner {
    line-height: 1.8
}

.slick-slide {
    position: relative
}

.footer-wrapper {
    display: none
}

.footer-wrapper.active {
    display: block
}

.banner-wrap .brand-logos-bg ul li.block-bg-one {
    background: #f0f0f0
}

.banner-wrap .brand-logos-bg ul li.block-bg-two {
    background: #e8fdf6
}

.banner-wrap .brand-logos-bg ul li.block-bg-three {
    background: #fbe0e6
}

.banner-wrap .brand-logos-bg ul li.block-bg-four {
    background: #dffbdb
}

.banner-wrap .brand-logos-bg ul li.block-bg-five {
    background: #f7f7e3
}

.banner-wrap .brand-logos-bg ul li.block-bg-six {
    background: #e5f1fb
}

.banner-wrap .brand-logos-bg ul li.block-bg-seven,.banner-wrap .brand-logos-bg ul li.tb-xxx,.banner-wrap .brand-logos-bg ul li.tb-yyy {
    background: #f7f7f7
}

.banner-wrap {
    padding: 0;
    background: #000;
    position: relative;
    height: 830px;
    display: -ms-flexbox;
    width: 100%;
    overflow: hidden;
    z-index: 3
}

.banner-wrap .content-part>div:first-child {
    height: 270px;
    position: relative
}

.banner-wrap .content-part h1 {
    text-align: center;
    font-size: 63px;
    font-family: var(--zf-secondary-bold);
    padding-top: 80px;
    margin-bottom: 6px
}

.banner-wrap .content-part h1 sub {
    font-size: 50px;
    font-family: var(--zf-secondary-semibold);
    display: inline;
    vertical-align: baseline
}

.banner-wrap .content-part h1>span:nth-child(2) {
    background: #54ae3d;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.banner-wrap .content-part h1>span>span:nth-child(1) {
    min-width: 120px;
    display: inline-block;
    background: #54ae3d;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.banner-wrap .content-part p {
    font-size: 19px;
    text-align: center
}

.banner-wrap .banner-slider {
    position: absolute;
    left: 374px;
    top: 270px;
    z-index: 1;
    width: 374px;
    cursor: pointer;
    opacity: 0
}

.slick-slide {
    overflow: hidden
}

.banner-wrap .banner-slider span {
    position: relative;
    display: block;
    top: 80%;
    left: 80%
}

.banner-wrap .banner-slider span:before {
    border-color: transparent transparent transparent #000;
    border-style: solid;
    border-width: 7px 0 7px 10px;
    content: "";
    height: 0;
    left: 24px;
    position: absolute;
    bottom: 27px;
    width: 0;
    z-index: 1
}

.banner-wrap .banner-slider span::after {
    content: "";
    height: 45px;
    left: 5px;
    position: absolute;
    bottom: 12px;
    width: 45px;
    border-radius: 100%;
    background-color: rgba(255,255,255,0.5)
}

.banner-wrap .banner-slider .top-img-content {
    position: absolute;
    top: 75px;
    opacity: 0;
    width: 85%;
    height: 100%;
    left: 90px;
    color: #fff;
    font-family: var(--zf-secondary-semibold);
    transition: all 1s;
    transition-delay: .3s
}

.banner-wrap .banner-slider .slick-slide .top-img-content {
    opacity: 1
}

.banner-wrap .banner-slider .slick-active .top-img-content {
    left: 30px
}

.banner-wrap .banner-slider .top-img-content img {
    top: -35px;
    position: absolute;
    height: 42px
}

.banner-wrap .banner-slider .top-img-content p {
    font-size: 17px;
    color:#fff;
}

.banner-wrap .brand-logos-bg {
    position: absolute;
    left: 0;
    top: 270px;
    z-index: 0;
    width: 100%
}

.banner-wrap .brand-logos-bg .content-wrap {
    max-width: 100%;
    width: 100%
}

.brand-logos-bg ul {
    display: flex;
    flex-flow: row;
    width: 100%
}

.banner-wrap .brand-logos-bg ul li {
    text-align: center;
    border-right: 0;
    border-bottom: 0;
    flex: 0 0 11.11%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative
}

.banner-wrap .brand-logos-bg ul li:after {
    content: '';
    min-height: inherit;
    font-size: 0
}

.banner-wrap .brand-logos-bg ul li:before {
    content: '';
    padding: 50% 0;
    display: inline-block
}

.banner-wrap .brand-logos-bg ul:nth-child(3) li {
    border-bottom: 1px solid rgba(232,232,232,0.5)
}

.banner-wrap .brand-logos-bg ul li span {
    opacity: 0;
    transform: scale(0);
    position: absolute
}

body.IE .banner-wrap .brand-logos-bg ul li span {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

.banner-wrap .brand-logos-bg ul li span.enableIt {
    background: url(../imgs/common-customers-banner-sprite.png) no-repeat 0 0;
    height: auto;
    width: 140px;
    background-size: 1111px auto;
    text-indent: -9999999px;
    opacity: 0;
    transform: scale(0.6);
    transition: all 1s
}

.brand-logos-bg .bottom-animated ul li span.active {
    transform: scale(0.8);
    opacity: 1;
    transition: all 1s
}

.brand-logos-bg .bottom-animated ul li.tb-xxx span.active,.brand-logos-bg .bottom-animated ul li.tb-yyy span.active {
    opacity: 0
}

.brand-logos-bg .bottom-animated ul:nth-child(2n+2) li:nth-child(2n+2) span {
    transition-delay: 300ms
}

.brand-logos-bg .bottom-animated ul:nth-child(2n+1) li:nth-child(2n+1) span {
    transition-delay: 500ms
}

.brand-logos-bg .bottom-animated ul:nth-child(2n+2) li:nth-child(3n+4) span {
    transition-delay: 700ms
}

.brand-logos-bg .bottom-animated ul:nth-child(2n+1) li:nth-child(3n+2) span {
    transition-delay: 900ms
}

.banner-wrap .brand-logos-bg ul li span.tb-hbo {
    background-position: -5px -6px;
    width: 76px
}

.banner-wrap .brand-logos-bg ul li span.tb-facebook {
    background-position: -78px -8px;
    width: 122px
}

.banner-wrap .brand-logos-bg ul li span.tb-ducati {
    background-position: -200px -5px;
    width: 65px
}

.banner-wrap .brand-logos-bg ul li span.tb-philips {
    background-position: -495px -15px;
    width: 164px
}

.banner-wrap .brand-logos-bg ul li span.tb-fedex {
    background-position: -958px -9px;
    width: 123px;
    height: 41px
}

.banner-wrap .brand-logos-bg ul li span.tb-netflix {
    background-position: -496px -4px;
    width: 109px
}

.banner-wrap .brand-logos-bg ul li span.tb-adidas {
    background-position: -605px -7px;
    width: 78px
}

.banner-wrap .brand-logos-bg ul li span.tb-vodafone {
    background-position: -681px -7px;
    width: 95px
}

.banner-wrap .brand-logos-bg ul li span.tb-lyca {
    background-position: -775px -8px;
    width: 132px
}

.banner-wrap .brand-logos-bg ul li span.tb-nike {
    background-position: -906px -3px;
    width: 89px
}

.banner-wrap .brand-logos-bg ul li span.tb-zee {
    background-position: -770px -167px;
    width: 55px;
    height: 55px
}

.banner-wrap .brand-logos-bg ul li span.tb-stanford-university {
    background-position: -198px -175px;
    width: 89px;
    height: 40px
}

.banner-wrap .brand-logos-bg ul li span.tb-amazon {
    background-position: -282px -64px;
    width: 119px;
    height: 38px
}

.banner-wrap .brand-logos-bg ul li span.tb-mahindra-xuv {
    background-position: -692px -172px;
    width: 77px;
    height: 50px;
    transform: scale(1)
}

.banner-wrap .brand-logos-bg ul li span.tb-apollo {
    background-position: -315px -83px;
    width: 100px
}

.banner-wrap .brand-logos-bg ul li span.tb-suzuki {
    background-position: -656px -14px;
    width: 166px
}

.banner-wrap .brand-logos-bg ul li span.tb-iffco {
    background-position: -73px -325px;
    width: 96px;
    height: 37px
}

.banner-wrap .brand-logos-bg ul li span.tb-jaguar {
    background-position: -651px -81px;
    width: 120px
}

.banner-wrap .brand-logos-bg ul li span.tb-schindler {
    background-position: -770px -82px;
    width: 75px
}

.banner-wrap .brand-logos-bg ul li span.tb-larsen-toubro {
    background-position: -86px -14px;
    width: 172px
}

.banner-wrap .brand-logos-bg ul li span.tb-itv {
    background-position: -659px -60px;
    width: 67px;
    height: 34px
}

.banner-wrap .brand-logos-bg ul li span.tb-mercedes-benz {
    background-position: -220px -108px;
    width: 58px;
    height: 61px;
}

.banner-wrap .brand-logos-bg ul li span.tb-hdfclife {
    background-position: -5px -148px;
    width: 90px
}

.banner-wrap .brand-logos-bg ul li span.tb-marriott {
    background-position: -580px -265px;
    width: 90px;
    height: 70px;
}

.banner-wrap .brand-logos-bg ul li span.tb-siemens-energy {
    background-position: -488px -115px;
    width: 123px;
    height: 48px
}

.banner-wrap .brand-logos-bg ul li span.tb-tataprojects {
    background-position: -364px -151px;
    width: 151px
}

.banner-wrap .brand-logos-bg ul li span.tb-big-basket {
    background-position: -858px -59px;
    width: 117px;
    height: 48px
}

.banner-wrap .brand-logos-bg ul li span.tb-bluestar {
    background-position: -605px -234px;
    width: 150px
}

.banner-wrap .brand-logos-bg ul li span.tb-hotstar {
    background-position: -753px -223px;
    width: 53px;
    height: 52px
}

.banner-wrap .brand-logos-bg ul li span.tb-fundsindia {
    background-position: -805px -231px;
    width: 148px;
    height: 37px
}

.banner-wrap .brand-logos-bg ul li span.tb-star-health {
    background-position: -952px -227px;
    width: 98px;
    height: 44px
}

.banner-wrap .brand-logos-bg ul li span.tb-cummins {
  background-position: -1049px -228px;
    width: 58px;
    height: 42px;
}

.banner-wrap .brand-logos-bg ul li span.tb-daimler {
    background-position: -0 -287px;
    width: 94px
}

.banner-wrap .brand-logos-bg ul li span.tb-godreg {
    background-position: -164px -281px;
    width: 84px;
    height: 40px
}

.banner-wrap .brand-logos-bg ul li span.tb-lyca-mobile {
    background-position: -324px -281px;
    width: 148px;
    height: 35px;
}

.banner-wrap .brand-logos-bg ul li span.tb-essilor {
    background-position: 0 -108px;
    width: 59px;
    height: 61px
}

.banner-wrap .brand-logos-bg ul li span.tb-rogers {
    background-position: -60px -105px;
    width: 155px;
    height: 66px;
}

.banner-wrap .brand-logos-bg ul li span.tb-apple {
    background-position: -1153px -157px;
    width: 62px
}

.banner-wrap .brand-logos-bg ul li span.tb-bosch {
    background-position: -288px -178px;
    width: 36px;
}

.banner-wrap .brand-logos-bg ul li span.tb-laliga {
    background-position: -372px -14px;
    width: 123px
}

.banner-wrap .brand-logos-bg ul li span.tb-allianz {
    background-position: -3px -234px;
    width: 123px
}

.banner-wrap .brand-logos-bg ul li span.tb-canon {
    background-position: -126px -226px;
    width: 91px;
    height: 43px
}

.banner-wrap .brand-logos-bg ul li span.tb-lyft {
 background-position: -219px -216px;
    width: 55px;
    height: 60px;
}

.banner-wrap .brand-logos-bg ul li span.tb-volkswagen {
    background-position: -275px -224px;
    width: 52px;
    height: 50px
}

.banner-wrap .brand-logos-bg ul li span.tb-byjus {
    background-position: -400px -65px;
    width: 128px;
    height: 38px;
}

.banner-wrap .brand-logos-bg ul li span.tb-zoomcar {
    width: 134px;
    background-position: -973px -60px;
    height: 50px;
}

.banner-wrap .brand-logos-bg ul li span.tb-puma {
       background-position: -609px -115px;
    width: 72px;
    height: 67px;
}

.banner-wrap .brand-logos-bg ul li span.tb-deloitte {
    background-position: -408px -178px;
    width: 130px
}

.banner-wrap .brand-logos-bg ul li span.tb-shiji {
    background-position: -419px -108px;
    width: 74px;
    height: 64px;
}

.banner-wrap .brand-logos-bg ul li span.tb-loreal {
    background-position: -915px -180px;
    width: 99px
}

.banner-wrap .brand-logos-bg ul li span.tb-urban {
    background-position: -353px -308px;
    width: 173px
}

.banner-wrap .brand-logos-bg ul li span.tb-penn {
    background-position: -526px -308px;
    width: 173px
}

.banner-wrap .brand-logos-bg ul li span.tb-bose {
    background-position: -703px -308px;
    width: 163px
}

.banner-wrap .brand-logos-bg ul li span.tb-iift {
    background-position: -264px -329px;
    width: 124px
}

.banner-wrap .brand-logos-bg ul li span.tb-meesho {
       background-position: -960px -122px;
    width: 165px;
}

.banner-wrap .brand-logos-bg ul li span.tb-dell {
      background-position: -117px -170px;
    width: 81px;
    transform: scale(1);
    height: 48px;
}

.banner-wrap .brand-logos-bg ul li span.tb-usha {
   background-position: -146px -66px;
    width: 130px;
    height: 40px;
}

.banner-wrap .brand-logos-bg ul li span.tb-royal {
    background-position: -725px -159px;
    width: 135px
}

.banner-wrap .brand-logos-bg ul li span.tb-burgan-takaful {
    background-position: 0 0;
    width: 86px;
    height: 50px
}

.banner-wrap .brand-logos-bg ul li span.tb-phillip-capital {
    background-position: -256px -6px;
    width: 114px;
    height: 50px
}

.banner-wrap .brand-logos-bg ul li span.tb-swiggy {
    background-position: -725px -64px;
    width: 133px;
    height: 40px
}

.banner-wrap .brand-logos-bg ul li span.tb-petronas {
      background-position: -1013px -170px;
    width: 88px;
    height: 50px;
}

.banner-wrap .brand-logos-bg ul li span.tb-hexaware {
    background-position: 0 -65px;
    width: 147px;
    height: 45px;
}

.banner-wrap .brand-logos-bg ul li span.tb-toyoto {
    background-position: -526px -68px;
    width: 132px
}

.banner-wrap .brand-logos-bg ul li span.tb-ather {
    background-position: -852px -9px;
    width: 110px;
    height: 40px;
}

.banner-wrap .brand-logos-bg ul li span.tb-mcafee {
   background-position: -65px -105px;
    width: 155px;
    height: 66px;
}

.banner-wrap .brand-logos-bg ul li span.tb-yokohoma {
    background-position: -538px -178px;
    width: 153px
}

.banner-wrap .brand-logos-bg ul li span.tb-kpmg {
    background-position: -825px -175px;
    width: 91px;
    height: 41px
}

.banner-wrap .brand-logos-bg ul li span.tb-renault {
    background-position: 0 -172px;
    width: 117px;
    height: 47px;
    transform: scale(1)
}

.banner-wrap .brand-logos-bg ul li span.tb-agoda {
       background-position: -529px -229px;
    width: 74px;
    height: 46px;
}

.banner-wrap .brand-logos-bg ul li span.tb-daikin {
    background-position: -830px -122px;
    width: 134px
}

.banner-wrap .brand-logos-bg ul li span.tb-nike {
    background-position: -906px -3px;
    width: 89px
}

.banner-wrap .brand-logos-bg ul li span.tb-bayt {
    background-position: -706px -122px;
    width: 124px
}

.i18n-nl .cutomer-stories-outer .filter-text,.i18n-de .cutomer-stories-outer .filter-text {
    display: none
}

.i18n-nl .toc-loader,.i18n-de .toc-loader {
    top: 40%;
    left: 50%;
    transform: translate(-50%,-50%)
}

@media only screen and (max-width: 1440px) {
    .banner-wrap .content-part>div:first-child {
        height:250px
    }

    .banner-wrap .content-part h1 {
        font-size: 56px;
        padding-top: 65px;
        margin-bottom: 5px
    }

    .banner-wrap .content-part p {
        font-size: 18px
    }

    .banner-wrap .content-part h1>span>span:nth-child(1) {
        min-width: 106px
    }

    .banner-wrap .content-part h1 sub {
        font-size: 42px
    }

    .banner-wrap .brand-logos-bg {
        top: 250px
    }

    .banner-wrap .banner-slider {
        left: 360px;
        top: 250px;
        width: 360px
    }

    .banner-wrap .banner-slider .top-img-content {
        top: 65px
    }

    .banner-wrap .brand-logos-bg ul li {
        flex: 0 0 12.5%
    }

    .banner-wrap .brand-logos-bg ul li span.enableIt {
        transform: scale(0.5)
    }

    .brand-logos-bg .bottom-animated ul li span.active {
        transform: scale(0.9)
    }

    .banner-wrap .brand-logos-bg ul li span.active.make-small {
        transform: scale(0.6)
    }

    .banner-wrap .brand-logos-bg ul li span.active.make-big {
        transform: scale(0.8)
    }
}

@media only screen and (max-width: 1366px) {
    .banner-wrap {
        height:680px
    }

    .banner-wrap .content-part>div:first-child {
        height: 200px
    }

    .banner-wrap .content-part h1 {
        font-size: 52px;
        padding-top: 60px
    }

    .banner-wrap .content-part p {
        font-size: 17px
    }

    .banner-wrap .content-part h1>span>span:nth-child(1) {
        min-width: 98px
    }

    .banner-wrap .content-part h1 sub {
        font-size: 40px
    }

    .banner-wrap .brand-logos-bg {
        top: 220px
    }

    .banner-wrap .banner-slider {
        left: 320px;
        top: 220px;
        width: 320px
    }

    .banner-wrap .banner-slider .top-img-content {
        top: 50px;
        left:30px;
    }

    .banner-wrap .banner-slider .top-img-content img {
        top: -20px;
        position: absolute;
        height: 32px
    }

    .banner-wrap .banner-slider .top-img-content p {
        font-size: 15px;
        font-weight: 500;
    }

    .banner-wrap .brand-logos-bg ul li {
        flex: 0 0 12.5%
    }

    .banner-wrap .brand-logos-bg ul li span.enableIt {
        transform: scale(0.4)
    }

    .brand-logos-bg .bottom-animated ul li span.active {
        transform: scale(0.9)
    }

    .banner-wrap .brand-logos-bg ul li span.active.make-small {
        transform: scale(0.5)
    }

    .banner-wrap .brand-logos-bg ul li span.active.make-big {
        transform: scale(1)
    }
}

@media only screen and (max-width: 1170px) {
    .banner-wrap .brand-logos-bg ul li {
        flex:0 0 14.285%
    }

    .banner-wrap .content-part h1 {
        font-size: 44px
    }

    .banner-wrap .content-part h1>span>span:nth-child(1) {
        min-width: 83px
    }

    .banner-wrap .content-part h1 sub {
        font-size: 36px
    }
}

@media only screen and (max-width: 991px) {
    .banner-wrap .content-part h1 {
        font-size:50px;
        padding-top: 40px
    }

    .banner-wrap .content-part h1>span:nth-child(1) {
        display: block
    }

    .banner-wrap .content-part h1 sub {
        font-size: 38px
    }

    .banner-wrap .content-part h1>span>span:nth-child(1) {
        min-width: 95px
    }

    .banner-wrap .content-part p {
        font-size: 15px;
        margin: 0 auto;
        text-align: center
    }

    .banner-wrap .brand-logos-bg {
        top: 280px
    }

    .banner-wrap .banner-slider {
        top: 280px
    }

    .banner-wrap .banner-slider .top-img-content {
        width: 80%
    }

    .banner-wrap .banner-slider .top-img-content p {
        font-size: 13px;
        font-weight: 500;
    }

    .banner-wrap .banner-slider .top-img-content img {
        top: -15px;
        position: absolute;
        height: 30px
    }

    .banner-wrap .banner-slider .top-img-content {
        top: 40px;
        left: 15px
    }

    .banner-wrap .brand-logos-bg ul li {
        flex: 0 0 16.66%
    }

    .banner-wrap .brand-logos-bg ul li:nth-child(3) {
        display: none
    }

    .banner-wrap .brand-logos-bg ul li span.enableIt {
        transform: scale(0.3)
    }

    .brand-logos-bg .bottom-animated ul li span.active {
        transform: scale(0.5)
    }

    .banner-wrap .brand-logos-bg ul li span.active.make-small {
        transform: scale(0.4)
    }

    .banner-wrap .brand-logos-bg ul li span.active.make-big {
        transform: scale(0.6)
    }
}

@media only screen and (max-width: 767px) {
    .banner-wrap .content-part h1 {
        max-width:600px;
        margin: 0 auto 5px;
        padding-top: 45px;
        font-size: 48px
    }

    .banner-wrap .content-part p {
        font-size: 14px
    }

    .banner-wrap .banner-slider {
        opacity: 0
    }

    .banner-wrap .brand-logos-bg {
        top: 250px
    }

    .banner-wrap .banner-slider {
        top: 250px
    }

    .banner-wrap .banner-slider>div:nth-child(2),.banner-wrap .banner-slider>div:nth-child(3) {
        display: none
    }

    .banner-wrap .brand-logos-bg ul li {
        flex: 0 0 25%
    }

    .banner-wrap .brand-logos-bg ul li:nth-child(3),.banner-wrap .brand-logos-bg ul li:nth-child(4),.banner-wrap .brand-logos-bg ul li:nth-child(7),.banner-wrap .brand-logos-bg ul li:nth-child(8),.banner-wrap .brand-logos-bg ul li:nth-child(9) {
        display: none
    }

    .banner-wrap .banner-slider .top-img-content {
        opacity: 1;
        top: 70px;
        left: 40px;
        width: 320px
    }

    .banner-wrap .banner-slider .top-img-content img {
        top: -30px;
        position: absolute;
        height: 45px
    }

    .banner-wrap .banner-slider .top-img-content p {
        font-size: 17px;
        font-weight: 500;
    }

    .banner-wrap .banner-slider span {
        top: 80%;
        left: 0
    }
}

@media only screen and (max-width: 660px) {
    .banner-wrap .content-part h1 {
        padding-top:45px;
        line-height: 1.3;
        margin: 0 auto;
        font-size: 36px
    }

    .banner-wrap .content-part h1 sub {
        font-size: 27px
    }

    .banner-wrap .content-part p {
        display: none
    }

    .banner-wrap .brand-logos-bg {
        top: 200px
    }

    .banner-wrap .banner-slider {
        top: 200px
    }

    .banner-wrap .banner-slider .top-img-content {
        top: 50px;
        left: 30px;
        width: 300px
    }

    .banner-wrap .banner-slider .top-img-content img {
        top: -25px;
        height: 40px
    }

    .banner-wrap .banner-slider .top-img-content p {
        font-size: 15px;
        font-weight: 500;
    }
}

@media only screen and (max-width: 480px) {
    .banner-wrap .content-part h1 {
        max-width:360px;
        font-size: 29px;
        padding-top: 44px
    }

    .banner-wrap .content-part h1>span>span:nth-child(1) {
        min-width: 55px
    }

    .banner-wrap .content-part h1 sub {
        font-size: 24px
    }

    .banner-wrap .content-part p {
        display: none
    }

    .banner-wrap .brand-logos-bg {
        top: 170px
    }

    .banner-wrap .banner-slider {
        top: 170px
    }

    .banner-wrap .brand-logos-bg ul li {
        flex: 0 0 33.33%
    }

    .banner-wrap .brand-logos-bg ul li:nth-child(6) {
        display: none
    }

    .banner-wrap .banner-slider .top-img-content {
        width: 200px
    }

    .banner-wrap .banner-slider span {
        top: 70%;
        left: 0
    }

    .banner-wrap .banner-slider .zcpopup-controller>img {
        max-width: none
    }
}

@media only screen and (max-width: 380px) {
    .banner-wrap .content-part h1 {
        max-width:300px;
        font-size: 22px;
        padding-top: 37px
    }

    .banner-wrap .content-part h1 sub {
        font-size: 20px
    }

    .banner-wrap .content-part h1>span>span:nth-child(1) {
        min-width: 42px
    }

    .banner-wrap .brand-logos-bg {
        top: 140px
    }

    .banner-wrap .banner-slider {
        top: 140px
    }
}

.loading-icon {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 300px
}

.toc-loader {
    display: block;
    position: absolute;
    width: 64px;
    height: 64px;
    top: 10%;
    left: 30%
}

.toc-loader div {
    position: absolute;
    top: 27px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #25354d;
    animation-timing-function: cubic-bezier(0,1,1,0)
}

.toc-loader div:nth-child(1) {
    left: 6px;
    animation: toc-loader1 .6s infinite
}

.toc-loader div:nth-child(2) {
    left: 6px;
    animation: toc-loader2 .6s infinite
}

.toc-loader div:nth-child(3) {
    left: 26px;
    animation: toc-loader2 .6s infinite
}

.toc-loader div:nth-child(4) {
    left: 45px;
    animation: toc-loader3 .6s infinite
}

@keyframes toc-loader1 {
    0% {
        transform: scale(0)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes toc-loader3 {
    0% {
        transform: scale(1)
    }

    100% {
        transform: scale(0)
    }
}

@keyframes toc-loader2 {
    0% {
        transform: translate(0,0)
    }

    100% {
        transform: translate(19px,0)
    }
}


.banner-wrap .banner-slider span:before {
    border-color: transparent transparent transparent #000;
    border-style: solid;
    border-width: 7px 0 7px 10px;
    content: "";
    height: 0;
    left: 24px;
    position: absolute;
    bottom: 27px;
    width: 0;
    z-index: 1;
}
.banner-wrap .banner-slider span::after {
    content: "";
    height: 45px;
    left: 5px;
    position: absolute;
    bottom: 12px;
    width: 45px;
    border-radius: 100%;
    background-color: rgba(255, 255, 255, 0.5);
}

 .our-services-grid .our-service-img{
      height: 424px;
      position: relative;
      }
      .card-bg-img {
      height: 424px;
      background-size: cover;
      background-position: center;
      transition: opacity 0.3s ease;
      z-index: 1;
      aspect-ratio: .6509433962;
      pointer-events: none;
      position: absolute;
      -webkit-transition-duration: 550ms;
      transition-duration: 550ms;
      -webkit-transition-property: opacity, width, -webkit-filter;
      transition-property: opacity, width, -webkit-filter;
      transition-property: filter, opacity, width;
      transition-property: filter, opacity, width, -webkit-filter;
      -webkit-transition-timing-function: cubic-bezier(0.85,0,0,1);
      transition-timing-function: cubic-bezier(0.85,0,0,1);
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      width: 100%;
      }
      .card-container:hover .card-bg-img {
      filter: blur(75px);
      opacity: .5;
      -webkit-filter: blur(75px);
      }
      .card-container{
      height:100%;
      }
      .card-hover-info{
      height: 424px;
      }
      .card-hover-info p {
      text-align: left;
      color: #fff;
      z-index:9999;
      }
      .card-container .slider-left {
      opacity: 0;
      transition: all .5s ease-in-out;
      -moz-transition: all .5s ease-in-out;
      -webkit-transition: all .5s ease-in-out;
      transform: translateX(100%);
      font-size:14px;
      }
      .card-container:hover .slider-left {
      transform: translateX(0);
      opacity: 1.0;
      padding: 0px 8px;
      }
      .card-title-wrapper {
      position: absolute;
      top: 60px;
      transition: top ease 0.5s;
      }
      .card-title-title {
      position: absolute;
      top: 25px;
      transition: top ease 0.5s;
      left: 10px;
      font-size: 14px;
      z-index: 2;
      color: white;
      }
      .card-container:hover .card-title-wrapper{
      top: 40px;
      }
      .card-container:hover .card-title-title{
      top: 5px;
      }
      .rad-button__text {
      bottom: 0;
      margin-right: 1.5rem;
      position: absolute;
      right: 15px;
      -webkit-transition-duration: 550ms;
      transition-duration: 550ms;
      -webkit-transition-property: bottom, right, translate;
      transition-property: bottom, right, translate;
      -webkit-transition-timing-function: cubic-bezier(0.85, 0, 0, 1);
      transition-timing-function: cubic-bezier(0.85, 0, 0, 1);
      translate: 0 100%;
      visibility: hidden;
      font-size: 16px;
      }
      /* If you intended to add hover effects, place them separately */
      .card-container:hover .rad-button__text{
      bottom:25px;
      visibility: visible !important;
      translate:0;
      z-index:2;
      }
      .rad-button__text img {
      filter: brightness(0) invert(1);
      width: 14px;
      }
      .video-set {
    height: 125vh;
}