@charset "utf-8";
.gray-bg{background-color:#f4f4f4}
.white-bg{background-color:#fff}
.us-heading{line-height:1}
.homepage-banner2 .text-wrapper .heading:after{display:none}
h2.us-heading:after{content:"";width:120px;height:3px;background-color:#057fd7;display:block;margin:10px auto 15px}
.casestudy-wrapper .heading .us-heading:after{content:"";width:120px;height:3px;background-color:#fff;display:block;margin:10px auto 15px}
h2.us-heading.no-dash:after{display:none}
.add-dash:after{content:"";width:120px;height:3px;background-color:#057fd7;display:block;margin:10px auto 15px}
.elementor-shape{overflow:hidden;position:absolute;left:0;width:100%;line-height:0;direction:ltr}
.elementor-shape-top{top:-1px}
.elementor-shape-bottom{bottom:-1px}
.elementor-shape[data-negative=false].elementor-shape-bottom,.elementor-shape[data-negative=true].elementor-shape-top{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
.elementor-shape svg{display:block;width:calc(110% + 1.3px);position:relative;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
.elementor-shape .elementor-shape-fill{fill:#f4f4f4;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}
.homepage-banner2 .lwrapper{position:relative;display:block;height:63vh}
.homepage-banner2 .text-wrapper{top:37%}
@media screen and (max-width: 767px) {
.homepage-banner2 .text-wrapper{top:45%}
}
ul.top-info{margin:0;padding:0}
ul.top-info li{list-style-type:none;float:left;min-width:22%;margin-bottom:20px}
ul.top-info li:first-child,ul.top-info li:nth-child(2){min-width:17%}
ul.top-info li .top-usp{display:block}
ul.top-info li .top-usp img{float:left;width:50px;height:auto;margin-right:10px;filter:grayscale(100%)}
ul.top-info li .top-usp .usp-info span.numb{display:block;font-size:28px;font-weight:700;color:#057fd7}
.home-client-carousel.owl-carousel .owl-item img{height:auto;width:70%}
@media screen and (max-width: 767px) {
.home-client-carousel.owl-carousel .owl-item img{width:100%;border:1px solid #ccc;padding:5px;margin:0;margin-bottom:10px}
}
.text-left .us-heading{line-height:1.2;font-size:30px}
@media screen and (max-width: 767px) {
.text-left{text-align:center}
.text-left .us-heading{line-height:1.3;font-size:28px;text-align:center}
}
#homeeditor.owl-carousel{margin:0}
#homeeditor .item{background:#fff;border-radius:5px;text-align:center;margin:5px 0 20px 10px;padding:15px 4px 10px;filter:drop-shadow(0px 1px 4.5px rgba(0,0,0,0.18));min-height:265px}
#homeeditor .item a{color:#000;margin:0 auto}
#homeeditor .item .edi-lt-img,#homeeditor .item .title{display:block;float:none;text-align:center}
#homeeditor .item a{text-decoration:none}
#homeeditor .item .edi-lt-img img{display:inline-flex;width:125px;border-radius:50%}
#homeeditor .item .editor-exp{padding-left:11px;font-family:"OpenSans-Regular";font-size:12px}
#homeeditor .item .title{width:100%;display:block;line-height:25px;color:#000;margin:10px 0;font-size:16px;font-family:"OpenSans-Regular";padding-bottom:10px}
#homeeditor .item .editor-exp .exp{float:left;border-right:#979191 1px solid;width:130px;margin-right:5px;border-image:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(226,226,226,1) 48%,rgba(255,255,255,0) 100%);border-image-slice:1}
#homeeditor .item .editor-exp .exp strong{font-size:28px;font-family:"OpenSans-Regular";font-weight:400;margin-right:10px;float:left;margin-top:5px}
#homeeditor .item .editor-exp .exp-txt{text-align:left;float:left;line-height:16px;width:68px}
#homeeditor .item .editor-exp .exp-flag{float:left}
#homeeditor .item .editor-exp .exp-flag img{height:23px;width:38px;margin-left:5px;margin-top:7px;float:left}
#homeeditor .item .viewprofile{display:none;text-align:center;font-size:13px;color:#00f;text-decoration:underline}
#homeeditor .item .codet{display:none}
#homeeditor .owl-nav{top:45%}
#homeeditor .owl-dots{top:45%}
#homeeditor .owl-nav .owl-prev{position:absolute;top:39%;left:-3%;transition:.2s}
#homeeditor .owl-nav .owl-prev:hover{left:-3.8%;transition:.2s}
#homeeditor .owl-nav .owl-next{position:absolute;top:39%;right:-3%;transition:.2s}
#homeeditor .owl-nav .owl-next:hover{right:-4.3%;transition:.2s}
#homeeditor .item .title strong{font-size:24px;display:block}
.btn-container{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.btn-container .btn-effect{width:40px;height:40px;background:#057fd7;border-radius:20%;margin:0 5px;-webkit-transition:.5s;-o-transition:.5s;transition:.5s;position:relative;display:block;box-shadow:rgba(0,0,0,0.5) 0 3px 0!important}
.btn-container .btn-effect span{position:absolute;top:50%;width:10px;height:10px;left:50%;border:2px solid #fff;-webkit-transform:translate(-50%,-50%) rotate(-45deg);-ms-transform:translate(-50%,-50%) rotate(-45deg);transform:translate(-50%,-50%) rotate(-45deg);-webkit-transition:.5s;-o-transition:.5s;transition:.5s;color:#fff}
.btn-container .btn-effect span:before{content:"";position:absolute;width:10px;height:2px;background:#fff;-webkit-transition:.5s;-o-transition:.5s;transition:.5s;top:-6px}
.btn-container .btn-effect.prev span{border-right:none;border-bottom:none}
.btn-container .btn-effect.prev span:before{-webkit-transform:rotate(45deg) translate(-2px,-0.7px) scale(0);-ms-transform:rotate(45deg) translate(-2px,-0.7px) scale(0);transform:rotate(45deg) translate(-2px,-0.7px) scale(0);-webkit-transform-origin:left;-ms-transform-origin:left;transform-origin:left}
.btn-container .btn-effect.next span{border-left:none;border-top:none}
.btn-container .btn-effect.next span:before{-webkit-transform:rotate(45deg) translate(-2px,13.5px) scale(0);-ms-transform:rotate(45deg) translate(-2px,13.5px) scale(0);transform:rotate(45deg) translate(-2px,13.5px) scale(0);-webkit-transform-origin:right;-ms-transform-origin:right;transform-origin:right}
.btn-container .btn-effect:hover{background:#057fd7}
.btn-container .btn-effect:hover.prev span{left:calc(50% - 5px)}
.btn-container .btn-effect:hover.prev span:before{-webkit-transform:rotate(45deg) translate(-2px,-0.7px) scale(1);-ms-transform:rotate(45deg) translate(-2px,-0.7px) scale(1);transform:rotate(45deg) translate(-2px,-0.7px) scale(1);top:4px}
.btn-container .btn-effect:hover.next span{left:calc(50% + 5px)}
.btn-container .btn-effect:hover.next span:before{-webkit-transform:rotate(45deg) translate(-2px,13.5px) scale(1);-ms-transform:rotate(45deg) translate(-2px,13.5px) scale(1);transform:rotate(45deg) translate(-2px,13.5px) scale(1)}
.welcome-homepage{background-color:#f4f4f4;padding:40px 0;text-align:center}
.flip-container--wrapper{border-radius:8px}
.flip-container .col-sm-6.col-md-2{width:19.666667%}
.flip-container--wrapper .back p strong{display:block;font-size:18px;margin-bottom:5px;position:relative}
.flip-container--wrapper .back p strong:after{content:"";display:block;width:70px;height:3px;background:#a6d4e9;margin:10px auto 0}
.flip-container--wrapper .icon-container.homebg.icon9{background-position:0 -755px}
.flip-container--wrapper .icon-container.homebg.icon10{background-position:0 -851px}
.contact-us--container .form-wrapper{background:#fff;padding:20px 15px 15px;filter:drop-shadow(0px 1px 4.5px rgba(0,0,0,0.18));border-radius:4px}
section.contact-us--container .address-wrapper{background:#fff!important;filter:drop-shadow(0px 1px 4.5px rgba(0,0,0,0.18));border-radius:4px;min-height:511px}
.ulatus-advantage .usp-box{color:#000;text-align:center;min-height:165px;background:#ffffffeb;padding:5px 10px 0 5px;border-radius:30px 0;border:7px solid #fff}
.ulatus-advantage .usp-box .text{font-size:18px;margin-top:0}
.hl-blue{color:#057fd7}
.awards-team-sec{padding:40px 0 20px;margin:0;background-color:#fff}
.iso-section{background:#f4f4f4;margin:0;padding:0 0 40px}
.iso-section .img-wrap{background:#f8f8f8;padding:20px 0 10px;border-radius:4px;filter:drop-shadow(0px 1px 4.5px rgba(0,0,0,0.18));cursor:pointer}
.iso-section .img-wrap h4{font-size:16px}
.iso-section .img-wrap h4 b{font-size:20px;display:block;margin-top:5px}
.faqsection{background-color:#fff;padding-top:20px}
#myModal2 .modal-content{min-width:644px}
.contact-us--container{background-color:#f8f8f8;padding:40px 0}
@media (min-width:1201px) and (max-width:1366px) {
.pg-jpen .us-pagebanner .banner-info .info .us-heading{font-size:50px}
.us-pagebanner .banner-info{max-width:560px}
}
@media only screen and (max-width : 767px) {
ul.top-info li{width:50%}
.flip-container .col-sm-6.col-md-2{width:48.666667%;float:left}
.ulatus-advantage .usp-box{margin-bottom:20px}
section.contact-us--container .address-wrapper{display:none}
}
@media only screen and (max-width:479px) {
ul.top-info li{width:50%}
.flip-container .col-sm-6.col-md-2{width:48.666667%;float:left}
.ulatus-advantage .usp-box{margin-bottom:20px}
}