.slider-one{position:relative;overflow:hidden}
.banner-carousel .slide-item{background-repeat:no-repeat;background-position:center;background-size:cover}
.banner-carousel .content-box{position:relative;width:100%}
.banner-carousel .slide-item:before{position:absolute;content:'';width:100%;height:100%;top:0;right:0;background:#061a2b12;mix-blend-mode:multiply;z-index:1}
.banner-carousel .slide-item:after{position:absolute;content:'';width:100%;height:100%;top:0;right:0;background:#00000054;opacity:.6}
.banner-carousel .slide-item .image-layer{left:0;top:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:all 6000ms linear;-moz-transition:all 6000ms linear;-ms-transition:all 6000ms linear;-o-transition:all 6000ms linear;transition:all 6000ms linear}
.banner-carousel .active .slide-item .image-layer{-webkit-transform:scale(1.15);-ms-transform:scale(1.15);transform:scale(1.15)}
.banner-carousel .content-box h2{color:#fff;opacity:0;-webkit-transition:all 1000ms ease;-moz-transition:all 1000ms ease;-ms-transition:all 1000ms ease;-o-transition:all 1000ms ease;transition:all 1000ms ease;transform:scaleX(0);text-shadow:2px 2px 1px #343434;text-transform:capitalize}
.banner-carousel .active .content-box h2{opacity:1;transform:scaleX(1)}
.banner-carousel .content-box p{line-height:28px;color:#fff;opacity:0;-webkit-transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);-o-transform:translateY(100px);transform:translateY(100px);-webkit-transition:all 1000ms ease;-moz-transition:all 1000ms ease;-ms-transition:all 1000ms ease;-o-transition:all 1000ms ease;transition:all 1000ms ease;background:#0000008c;padding:5px 25px;width:fit-content;margin:0 auto;border-radius:25px}
.banner-carousel .active .content-box p{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);-webkit-transition-delay:1000ms;-moz-transition-delay:1000ms;-ms-transition-delay:1000ms;-o-transition-delay:1000ms;transition-delay:1000ms}
.banner-carousel .content-box .btn-box{position:relative;opacity:0;-webkit-transform:translateY(50px);-moz-transform:translateY(50px);-ms-transform:translateY(50px);-o-transform:translateY(50px);transform:translateY(50px);-webkit-transition:all 1000ms ease;-moz-transition:all 1000ms ease;-ms-transition:all 1000ms ease;-o-transition:all 1000ms ease;transition:all 1000ms ease}
.banner-carousel .active .content-box .btn-box{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);-webkit-transition-delay:1300ms;-moz-transition-delay:1300ms;-ms-transition-delay:1300ms;-o-transition-delay:1300ms;transition-delay:1300ms}
.owl-dots-none .owl-dots,.owl-nav-none .owl-nav{display:none!important}
.banner-carousel .owl-nav{position:absolute;left:0;top:40%;transform:translateY(-50%);width:100%;z-index:3}
.banner-carousel .owl-nav button{position:absolute;display:inline-block;width:60px;height:60px;line-height:66px;background-color:rgba(255,255,255,0.20);text-align:center;border-radius:50%;font-size:45px;font-weight:400;cursor:pointer;transition:all 500ms ease}
.banner-carousel .owl-nav button.owl-next:before{content:'';position:absolute;top:50%;right:35px;-webkit-transform:translateY(-50%) scaleX(1);-ms-transform:translateY(-50%) scaleX(1);transform:translateY(-50%) scaleX(1);width:45px;height:2px;-webkit-transition:.5s cubic-bezier(.858,.01,.068,.99);-o-transition:.5s cubic-bezier(.858,.01,.068,.99);transition:.5s cubic-bezier(.858,.01,.068,.99);-webkit-transform-origin:right;-ms-transform-origin:right;transform-origin:right;background:#fff}
.banner-carousel .owl-nav button.owl-next:hover:before{background:#000;right:23px;width:20px}
.banner-carousel .owl-nav button.owl-next:after{content:'';position:absolute;top:50%;right:35px;width:10px;height:10px;border-right:3px solid #fff;border-top:3px solid #fff;-webkit-transform:translateY(-50%) rotate(45deg);-ms-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg);-webkit-transition:.5s cubic-bezier(.858,.01,.068,.99);-o-transition:.5s cubic-bezier(.858,.01,.068,.99);transition:.5s cubic-bezier(.858,.01,.068,.99)}
.banner-carousel .owl-nav button.owl-next:hover:after{border-right:2px solid #000;border-top:2px solid #000;right:23px}
.banner-carousel .owl-nav button.owl-prev:before{content:'';position:absolute;top:50%;left:35px;-webkit-transform:translateY(-50%) scaleX(1);-ms-transform:translateY(-50%) scaleX(1);transform:translateY(-50%) scaleX(1);width:45px;height:2px;-webkit-transition:.5s cubic-bezier(.858,.01,.068,.99);-o-transition:.5s cubic-bezier(.858,.01,.068,.99);transition:.5s cubic-bezier(.858,.01,.068,.99);-webkit-transform-origin:right;-ms-transform-origin:right;transform-origin:right;background:#fff}
.banner-carousel .owl-nav button.owl-prev:hover:before{left:23px;width:20px;background:#000}
.banner-carousel .owl-nav button.owl-prev:after{content:'';position:absolute;top:50%;left:35px;width:10px;height:10px;border-left:3px solid #fff;border-bottom:3px solid #fff;-webkit-transform:translateY(-50%) rotate(45deg);-ms-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg);-webkit-transition:.5s cubic-bezier(.858,.01,.068,.99);-o-transition:.5s cubic-bezier(.858,.01,.068,.99);transition:.5s cubic-bezier(.858,.01,.068,.99)}
.banner-carousel .owl-nav button.owl-prev:hover:after{border-left:2px solid #000;border-bottom:2px solid #000;left:23px}
.banner-carousel .owl-nav button.owl-prev{left:70px}
.banner-carousel .owl-nav button.owl-next{right:70px}
.banner-carousel .owl-nav button:hover{background:#fff}
.parallax-scene{position:absolute;left:0;top:0;width:100%;height:100%}
.feature-block-two .inner-box{min-height:80px}
.feature-block h4{color:#fff;font-weight:unset}
.about-page .feature-block h4{color:#000;font-weight:revert}
.about-page .inner-box.p_relative.d_block{min-height:300px}
.about-page .feature-block{margin-bottom:25px}
.product-page .feature-block h4{color:#000;font-weight:revert}
.product-page .inner-box.p_relative.d_block{min-height:250px}
.product-page .feature-block{margin-bottom:25px}
.feature-one{background:-webkit-linear-gradient(45deg,#2ed7b7,#024181 100%);overflow:hidden;padding:30px 0}
.feature-block-one .inner-box{min-height:60px}
.feature-block-one .inner-box .icon-box{background:#f7f7f7}
.g_color{color:transparent;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent}
.g_color_2{color:transparent;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent}
.g_color_3{color:transparent;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent}
.feature-block-one .inner-box:before{position:absolute;content:'';background:#ededed;width:3px;height:80px;top:-9px;right:35px;border-radius:2px}
.feature-block:last-child .feature-block-one .inner-box:before{display:none}
.about-one{background:#f7f7f7}
.image_block_one .image-box{padding-right:240px}
.image_block_one .image-box img{width:100%;border-radius:10px}
@-webkit-keyframes ripple {
70%{-webkit-box-shadow:0 0 0 30px rgba(255,255,255,0);box-shadow:0 0 0 30px rgba(255,255,255,0)}
100%{-webkit-box-shadow:0 0 0 0 rgba(255,255,255,0);box-shadow:0 0 0 0 rgba(255,255,255,0)}
}
@keyframes ripple {
70%{-webkit-box-shadow:0 0 0 30px rgba(255,255,255,0);box-shadow:0 0 0 30px rgba(255,255,255,0)}
100%{-webkit-box-shadow:0 0 0 0 rgba(255,255,255,0);box-shadow:0 0 0 0 rgba(255,255,255,0)}
}
.image_block_one .image-box .video-inner:before{position:absolute;content:'';background:#000;width:100%;height:100%;left:0;top:0;opacity:.2;border-radius:10px}
.image_block_one .image-box .skills-box{width:310px;background:#fff;box-shadow:0 20px 50px 0 #e8e8e8}
.image_block_one .image-box .skills-box .piechart span{position:absolute;display:flex;left:0;top:0;width:100%;height:100%;align-items:center;justify-content:center;font-size:22px;line-height:38px;font-weight:700;font-family:'Inter',sans-serif;color:#141417;text-align:center}
.image_block_one .image-box .skills-box .piechart span:after{color:#141417;content:"%";font-size:22px}
.image_block_one .image-box .image-1{overflow:hidden}
.image_block_one .image-box .image-1:before{position:absolute;top:0;left:-75%;display:block;content:'';width:50%;height:100%;background:-o-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,.3) 100%);background:-webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0)),to(rgba(255,255,255,.3)));background:linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,.3) 100%);-webkit-transform:skewX(-25deg);-ms-transform:skewX(-25deg);transform:skewX(-25deg)}
.image_block_one .image-box:hover .image-1:before{-webkit-animation:shine 1s;animation:shine 1s}
@-webkit-keyframes shine {100%{left:125%}}
@keyframes shine {100%{left:125%}}
.image_block_one .image-box .shape .shape-1{top:87px!important;left:-43px!important;background-repeat:no-repeat}
.image_block_one .image-box .shape .shape-2{left:280px!important;top:240px!important}
.list-style-one li{font-family:'Inter',sans-serif;color:#141417;width:50%}
.list-style-one li:before{position:absolute;content:'';width:12px;height:12px;left:0;top:6px;border-radius:50%}
.list-style-one li:after{position:absolute;left:2px;top:8px;content:'';background:#fff;width:8px;height:8px;border-radius:50%}
.section-line{position:absolute;left:0;top:0;right:0;width:100%;height:100%}
.section-line .line{width:1px;height:100%;background:#ededed}
.section-line .line-2{left:50%}
.section-line .line-3{right:100px}
.about-one .pattern-layer .pattern-1{left:100%!important;top:70%!important;margin-left:-110px;background:#f8f8f8;width:220px;height:220px}
.about-one .pattern-layer .pattern-2{top:90%!important;left:90%!important}
.service-one{background:-webkit-linear-gradient(45deg,#2ed7b7,#024181 100%);overflow:hidden}
.service-block-one .inner-box{background:#fff;overflow:hidden;z-index:1;min-height:450px}
.service-block-one .inner-box .icon-box .icon-shape{position:absolute;top:-13px;left:0;background:#f0f9ff;opacity:1;z-index:-1}
.service-block-one .inner-box:hover{box-shadow:0 10px 30px 0 #00000059;transform:translateY(-10px)}
.service-block-one .inner-box h4 a{color:#141417}
.service-block-one .inner-box p{transition:all 500ms ease;line-height:26px}
.inner-box ul>li{font-size:15px;list-style:inside}
.service-block-one .inner-box .link a{color:#141417}
.service-block-one .inner-box .link a:hover{letter-spacing:.5px}
.service-block-one .inner-box .link a i{margin-left:10px;position:relative;font-size:14px;top:1px}
.service-one .pattern-layer .pattern-1{width:455px;height:496px;left:-100px;background-repeat:no-repeat}
.service-one .pattern-layer .pattern-2{width:635px;height:462px;left:-100px;background-repeat:no-repeat}
.service-one .pattern-layer .pattern-3{width:257px;height:399px;right:-100px;background-repeat:no-repeat}
.service-one .pattern-layer .pattern-4{width:437px;height:633px;right:-100px;background-repeat:no-repeat}
section#servicesec .sec-title> .g_color{color:#fff;-webkit-text-fill-color:#fff;-webkit-background-clip:unset!important}
section#servicesec .sec-title h2,section#servicesec p:last-child{color:#fff}
.hidden-icon{display:none}
.content_block_two .content-box .inner-box .single-item h4 a{color:#141417}
.bg-color-1{background:#f7f7f7}
.service-section .content-box .theme-btn{border-radius:5px;padding-top:17px;padding-bottom:17px;font-family:'Inter',sans-serif;font-weight:600}
.service-section .image-box .image img{width:auto}
.service-section .image-box .image-2{right:-30px}
.service-section .image-box .shape .shape-1{left:-20px;top:-20px;width:182px;height:107px;background-repeat:no-repeat}
.service-section .image-box .shape .shape-2{right:-70px;width:176px;height:183px;background-repeat:no-repeat;-webkit-animation:zoom-fade 5s infinite linear;animation:zoom-fade 5s infinite linear}
.service-section .pattern-layer .pattern-1{width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:bottom center}
.service-section .pattern-layer .pattern-2{width:193px;height:202px;background-repeat:no-repeat;-webkit-animation:zoom-fade 5s infinite linear;animation:zoom-fade 5s infinite linear}
.positions-block-one .inner-box .list li:before{position:absolute;content:'';left:0;top:7px;width:12px;height:12px;border-radius:50%}
.positions-block-one .inner-box .theme-btn{border:1px solid #e5e5e5;padding:10px 16px;color:#000}
.positions-block-one .inner-box{background:#fff}
.positions-block-one .inner-box .theme-btn:hover{color:#fff!important;background:#053861}
.positions-section .pattern-layer .pattern-1{width:593px;height:563px;background-repeat:no-repeat}
.positions-section .pattern-layer .pattern-2{right:280px;width:193px;height:202px;background-repeat:no-repeat}
.process-one .pattern-layer .pattern-1{width:455px;height:496px;left:-100px;background-repeat:no-repeat}
.process-one .pattern-layer .pattern-2{width:635px;height:462px;left:-100px;background-repeat:no-repeat}
.process-one .pattern-layer .pattern-3{width:257px;height:399px;background-repeat:no-repeat}
.process-one .pattern-layer .pattern-4{width:437px;height:633px;background-repeat:no-repeat}
.processing-block-one .inner-box .icon-box .hov-icon{opacity:0;color:#fff}
.processing-block-one .inner-box:hover .icon-box .hov-icon{opacity:1}
.processing-block-one .inner-box:hover .icon-box .icon{opacity:0}
.processing-block-one .inner-box .icon-box{background:#fff}
.processing-block-one .inner-box .icon-box:before{position:absolute;content:'';width:100%;height:100%;left:0;top:0;right:0;transform:scale(0,0);z-index:-1;border-radius:50%;transition:all 500ms ease}
.processing-block-one .inner-box:hover .icon-box:before{transform:scale(1,1)}
.processing-block-one .inner-box .icon-box .count-box{font-family:'Inter',sans-serif;color:#141417;right:-14px;background:#fff}
.processing-block-one .inner-box .icon-box .count-box:before{position:absolute;content:'';width:50px;height:50px;border-radius:50%;left:-5px;top:-5px;z-index:-1}
.processing-block-one .inner-box .icon-box .count-box:after{position:absolute;content:'';background:#fff;width:100%;height:100%;border-radius:50%;left:0;top:0;z-index:-1}
.processing-block-one .inner-box .shape{position:absolute;top:50px;right:-70px;width:123px;height:66px;background-repeat:no-repeat}
.mouse-pointer{position:fixed;top:50%;left:-100px;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:10px;height:10px;pointer-events:none;-webkit-box-sizing:border-box;box-sizing:border-box;z-index:9999;-webkit-transition-property:width,height,background;-o-transition-property:width,height,background;transition-property:width,height,background;-webkit-transition-duration:.5s;-o-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:cubic-bezier(.19,.94,.336,1);-o-transition-timing-function:cubic-bezier(.19,.94,.336,1);transition-timing-function:cubic-bezier(.19,.94,.336,1);border-radius:50%;background:#f4244f;overflow:hidden}
.mouse-pointer.display_none{display:none}
body.out .mouse-pointer{width:0;height:0}
.mouse-pointer.large{width:65px;height:65px;background:rgba(224,36,79,.0)!important;-webkit-box-shadow:0 0 30px rgba(224,36,79,0.4);box-shadow:0 0 30px rgba(224,36,79,0.4)}
.mouse-pointer.small{width:25px;height:25px;background:rgba(227,87,18,0);-webkit-box-shadow:0 0 30px #e35712;box-shadow:0 0 30px #e35712}
.mouse-pointer.right{width:50px;height:50px;background:#000!important}
.mouse-pointer.right.large .icon{opacity:0}
.mouse-pointer.right.large{background:transparent!important}
.mouse-pointer.zoom,.mouse-pointer.open{width:80px;height:80px;background:rgba(227,87,18,0);border:2px solid #e35712}
.mouse-pointer .icon{color:#fff;font-size:14px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-100%,-50%);-ms-transform:translate(-100%,-50%);transform:translate(-100%,-50%);opacity:0;-webkit-transition:.4s cubic-bezier(.225,1,.316,.99);-o-transition:.4s cubic-bezier(.225,1,.316,.99);transition:.4s cubic-bezier(.225,1,.316,.99)}
.mouse-pointer .icon i{margin:0 3px}
.mouse-pointer.right .icon{opacity:1;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s}
.mouse-pointer.black{background:#000}
.mouse-pointer.black.large{background:rgba(0,0,0,.4);-webkit-box-shadow:0 0 30px rgba(0,0,0,0.2);box-shadow:0 0 30px rgba(0,0,0,0.2)}
.mouse-pointer.black.small{background:rgba(0,0,0,.5);-webkit-box-shadow:0 0 30px rgba(0,0,0,0.2);box-shadow:0 0 30px rgba(0,0,0,0.2)}
.mouse-pointer.black.right{background:rgba(0,0,0,0);border:2px solid #000}
.mouse-pointer.black.zoom,.mouse-pointer.black.open{background:rgba(0,0,0,0);border:2px solid #000}
.touch .mouse-pointer{display:none}
.hero-shape{will-change:border-radius,transform,opacity;animation:heroShape 3s linear infinite;display:block}
.hero-shape-two{position:absolute;left:0;bottom:0;will-change:border-radius,transform,opacity;animation:heroShapeTwo 5s linear infinite;display:block}
.hero-shape-three{background:#fff;border-radius:55% 50% 48% 30% / 40% 50% 70% 6%;will-change:border-radius,transform,opacity;animation:heroShapeThree 3s linear infinite;display:block;opacity:.1}
.hero-shape-four{border-radius:55% 35% 48% 30% / 40% 40% 70% 6%;will-change:border-radius,transform,opacity;animation:heroShapeFour 3s linear infinite;display:block}
@keyframes heroShape {
0%,100%{transform:translate3d(0,0,0) rotateZ(0.01deg)}
25%{transform:translate3d(-20px,5px,0) rotateZ(0.01deg)}
35%{transform:translate3d(-20px,5px,0) rotateZ(0.01deg)}
45%{transform:translate3d(-20px,10px,0) rotateZ(0.01deg)}
55%{transform:translate3d(0,0,0) rotateZ(0.01deg)}
75%{transform:translate3d(0,-5px,0) rotateZ(0.01deg)}
}
@keyframes heroShapeTwo {
0%,100%{transform:translate3d(0,0,0) rotateZ(0.01deg)}
25%{transform:translate3d(-15px,5px,0) rotateZ(0.01deg)}
35%{transform:translate3d(-30px,5px,0) rotateZ(0.01deg)}
45%{transform:translate3d(-15px,5px,0) rotateZ(0.01deg)}
55%{transform:translate3d(0,0,0) rotateZ(0.01deg)}
75%{transform:translate3d(0,-3px,0) rotateZ(0.01deg)}
}
@keyframes heroShapeThree {
0%,100%{border-radius:42% 58% 70% 30% / 45% 45% 55% 55%;transform:translate3d(0,0,0) rotateZ(0.01deg)}
25%{border-radius:70% 30% 46% 54% / 30% 29% 71% 70%;transform:translate3d(-20px,5px,0) rotateZ(0.01deg)}
35%{border-radius:70% 30% 46% 54% / 30% 29% 71% 70%;transform:translate3d(-20px,5px,0) rotateZ(0.01deg)}
45%{border-radius:70% 30% 46% 54% / 30% 29% 71% 70%;transform:translate3d(-20px,10px,0) rotateZ(0.01deg)}
55%{transform:translate3d(0,0,0) rotateZ(0.01deg)}
75%{border-radius:100% 60% 60% 100% / 100% 100% 60% 60%;transform:translate3d(0,-5px,0) rotateZ(0.01deg)}
}
@keyframes heroShapeFour {
0%,100%{border-radius:42% 58% 70% 30% / 45% 45% 55% 55%;transform:translate3d(0,0,0) rotateZ(0.01deg)}
35%{border-radius:70% 30% 46% 54% / 30% 29% 71% 70%;transform:translate3d(0,10px,0) rotateZ(0.01deg)}
50%{transform:translate3d(0,0,0) rotateZ(0.01deg)}
65%{border-radius:100% 60% 60% 100% / 100% 100% 60% 60%;transform:translate3d(0,-10px,0) rotateZ(0.01deg)}
}
.flex{display:flex;justify-content:center;align-items:center;text-align:center}
.waves{position:absolute;width:100%;left:0;bottom:0;min-height:100px;max-height:150px}
.content{position:relative;height:20vh;text-align:center;background-color:#fff}
.parallax > use{animation:move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite}
.parallax > use:nth-child(1){animation-delay:-2s;animation-duration:7s}
.parallax > use:nth-child(2){animation-delay:-3s;animation-duration:10s}
.parallax > use:nth-child(3){animation-delay:-4s;animation-duration:13s}
.parallax > use:nth-child(4){animation-delay:-5s;animation-duration:20s}
@keyframes move-forever {
0%{transform:translate3d(-90px,0,0)}
100%{transform:translate3d(85px,0,0)}
}
.banner-one h2{min-height:240px}
.mouse-pointer{display:none}
.parallax-bg{top:0;width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center;background-repeat:fixed}
.page-title:before{z-index:1}
.page-title{width:100%;background-size:cover;background-repeat:no-repeat;background-position:center;padding:100px 0}
.page-title:before{position:absolute;content:'';background:#000;width:100%;height:100%;left:0;top:0;opacity:.6}
.page-title .content-box h1{color:#fff}
.page-title .content-box{position:relative;z-index:1}
.page-title .bread-crumb li{color:#a9a9aa}
.page-title .bread-crumb li a{color:#a9a9aa}
.page-title .bread-crumb li a:hover,.page-title .bread-crumb li.current{color:#24c0b2}
.page-title .bread-crumb li:before{position:absolute;content:"\f105";font-family:'Font Awesome 5 Pro';top:1px;right:-16px}
.page-title .bread-crumb li:last-child:before{display:none}
.content_block_22 .content-box .image-box img{width:100%;border-radius:10px}
.content_block_22 .content-box .image-box:before{position:absolute;top:0;left:-75%;display:block;content:'';width:50%;height:100%;background:-o-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,.3) 100%);background:-webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0)),to(rgba(255,255,255,.3)));background:linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,.3) 100%);-webkit-transform:skewX(-25deg);-ms-transform:skewX(-25deg);transform:skewX(-25deg)}
.content_block_22 .content-box .image-box:hover:before{-webkit-animation:shine 1s;animation:shine 1s}
.content_block_23 .content-box .image-box img{width:100%;border-radius:10px}
.content_block_23 .content-box .image-box:before{position:absolute;top:0;left:-75%;display:block;content:'';width:50%;height:100%;background:-o-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,.3) 100%);background:-webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0)),to(rgba(255,255,255,.3)));background:linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,.3) 100%);-webkit-transform:skewX(-25deg);-ms-transform:skewX(-25deg);transform:skewX(-25deg)}
.content_block_23 .content-box .image-box:hover:before{-webkit-animation:shine 1s;animation:shine 1s}
.content_block_22 .content-box .image-box{overflow:hidden}
.content_block_23 .content-box .image-box{overflow:hidden}
.ourmission-section .pattern-layer{top:-100px;right:230px;width:221px;height:129px;background-repeat:no-repeat}
.content_block_22 .content-box .shape{top:240px;right:-30px;background-repeat:no-repeat}
.content_block_23 .content-box .shape .shape-1{right:-105px;top:40%;width:250px;height:250px;background:#f7f7f7;-webkit-animation:zoom-fade 4s infinite linear;animation:zoom-fade 4s infinite linear}
.content_block_23 .content-box .shape .shape-2{bottom:180px;right:-75px;width:117px;height:117px;background-repeat:no-repeat}
.skills-two.about-page-1{background:#f7f7f7;overflow:hidden}
.skills-two.about-page-1 .progress-box .bar-inner{border-radius:0}
.skills-two.about-page-1 .progress-box .bar{border-radius:0}
.skills-two.about-page-1 .pattern-layer{width:230px;height:240px;top:-100px;background-repeat:no-repeat;-webkit-animation:zoom-fade 7s infinite linear;animation:zoom-fade 7s infinite linear}
.progress-box .bar{position:relative;width:100%;height:6px;background:#bfbfbf;border-radius:5px}
.progress-box .bar-inner{position:relative;border-radius:5px;height:6px;-webkit-transition:all 1500ms ease;-ms-transition:all 1500ms ease;-o-transition:all 1500ms ease;-moz-transition:all 1500ms ease;transition:all 1500ms ease}
.popup,.popupa,.popupb,.popupc,.popupd,.popupe,.popupf,.popupg{position:fixed;top: 20px;left: 30px;width: auto;height: auto;background: hsl(0deg 0% 0% / 67%);display: flex;align-items: center; justify-content: center;display: none;z-index: 999 !important;right: 30px; bottom: 20px;overflow: scroll;background: white;}
.close{position:absolute;right:0;top:-40px;background:#fff;z-index:99;padding:5px 8px;border-radius:5px;line-height:14px}
#popup:after,#popupa:after,#popupb:after,#popupc:after,#popupd:after,#popupe:after,#popupf:after,#popupg:after{position:fixed;content:"";top:0;left:0;bottom:0;right:0;background:#000;z-index:-2}
#popup:before,#popupa:before,#popupb:before,#popupc:before,#popupd:before,#popupe:before,#popupf:before,#popupg:before{position:absolute;content:"";top:0;left:0;bottom:0;right:0;background:#FFF;z-index:-1}
.popup a{position:absolute;right:10px;padding:3px 11px;background:#000;color:#fff;top:10px}
.popup img{display:inherit; max-width: 100%; height: auto; transition-timing-function: ease-in-out;transition-duration: .7s;transition-property: all; margin: 0 auto; padding: 30px; overflow: scroll; background: white;}