input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	margin: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
}

ul {
    margin: 0;
    padding: 0;
}

a:hover,
a:focus,
a:active {
    text-decoration: none;
}

body {
    font-family: 'LatoLatin-Regular';
}

.slick-slide {
    outline: none;
}



@font-face {
    font-family: 'LatoLatin-Regular';
    src: url('../fonts/LatoLatin-Regular.ttf');
}



@font-face {
    font-family: 'LatoLatin-Medium';
    src: url('../fonts/LatoLatin-Medium.ttf');
}



@font-face {
    font-family: 'LatoLatin-Bold';
    src: url('../fonts/LatoLatin-Bold.ttf');
}

@font-face {
    font-family: 'LatoLatin-Black';
    src: url('../fonts/LatoLatin-Black.ttf');
}


.sub-menu {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 100%;
    left: -59px;
    background: #fff;
    padding: 10px;
    border-radius: 6px;
    width: 200px;
    transform: translateY(2em);
    z-index: -1;
    transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
	box-shadow: 0 0 8px #ccc;
}

.sub-menu li a:hover {
   color:#006cff;

}

.sub-menu li {
    float: left;
    width: 100%;
    list-style: none;
    padding: 8px;
}

.sub-menu li a {
    float: left;
    width: 100%;
    color: #666;
    font-size: 14px;
}

.arrow-up {
    width: 0;
    height: 0;
    position: absolute;
    top: -1px;
    left: 50%;
    transform: translate(-50%, -50%);
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;

    border-bottom: 10px solid #fff;
}





.ullist > li:hover .sub-menu {
    visibility: visible;
  
    opacity: 1;
    z-index: 1;
    transform: translateY(0%);
    transition-delay: 0s, 0s, 0.3s;
   
}

.Main_header {
    float: left;
    width: 100%;
    z-index: 9999;
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    transition: 0.3s;
}

.MainDv {
    float: left;
    width: 100%;
    padding: 10px 25px;
}

.head_logo {
    float: left;
}

.head_logo a {
    float: left;
}

.head_logo a > img {
    transition: 0.3s;
    float: left;
    width: 200px;
}

.Top_menu {
    float: right;
}

.Top_menu > ul {
    float: right;
    display: flex;
    align-items: center;

}

.Top_menu > ul > li {
    float: left;
    list-style: none;
    position: relative;
    padding: 0 10px;
}

.Top_menu > ul > li > a {
    float: left;
    padding: 16px 0px;
    font-family: 'LatoLatin-Bold';
    font-size: 15px;
    color: #2b2b2b;
}

.First_sec {
    float: left;

    padding-bottom: 30px;
   
    width: 100%;
	background:#fff;
   
    overflow: hidden;
    
    
    height: auto; position: relative; padding-top: 0; margin-top: 73px
}





@keyframes wavve {
    0% {
        background-position: 1349px;
    }

    100% {
        background-position: 0px;
    }

}

/* .First_sec::after {
    position: absolute;
    bottom: 0;
    left: 0;
    content: '';
    z-index: 999;
    background: url(../images/wave-mid.png);
    background-size: cover;
    width: 100%;
    height: 100px;
    opacity: 1;
    animation: wavve2 10s linear infinite;

}  */

@keyframes wavve2 {
    0% {
        background-position: 0px;
    }

    100% {
        background-position: 1349px;
    }

}


@keyframes wavve1{
    0% {
        background-position: 0px;
    }

    100% {
        background-position: -1349px;
    }

}


.BackImg_bx {
    position: absolute;
    right: 0;
    z-index: -1;
    top: 0;
}

.mainFoot {
    float: left;
    padding: 40px 0 0 0;
    width: 100%;
    color: #fff;
    background: #001128;

}

/* .footImg {
    width: 175px;
} */

.text_oveview {
    font-size: 16px;
    float: left;
    /* opacity: 0.9; */
    padding-top: 17px;
    width: 100%;
    line-height: 25px;
}

.topfoothead {
    float: left;
    font-family: 'LatoLatin-Medium';
    width: 100%;
    font-size: 20px;
    margin-bottom: 30px;

}

.sliderMainDiv {
    float: left;
    width: 100%;
}

.bottomUl {
    float: left;
    width: 100%;
}

.hellinksec {
    float: left;
    width: 100%;
    padding-left: 60px;
}

.addLine {
    font-size: 14px;
    background: url(../images/loca.png) no-repeat;
    background-size: 31px;
    white-space: pre-line;
    padding-left: 43px;
    background-position: top left;
}

.btmlineT {
    font-size: 14px;
}

.senbtn {
    background: #f9b024;
    padding: 10px 20px;
    border: none;
    border-radius: 0px;
    margin-top: 25px;
    float: left;
    color: #fff;
    font-size: 17px;
}

.btmlineT img {
    width: 18px;
    margin-right: 8px;
}

.bottomUl li {
    float: left;
    width: 100%;
    list-style: none;
    padding: 5px 0;
}

.bottomUl li a {
    font-size: 15px;
    color: #fff;
    transition: 0.5s;
}
.bottomUl li a:hover{color: #ffc454;}
.leftText {
    float: left;
    position: relative;
    margin-top: 60px;
    padding-left: 40px;
    padding-top: 40px;
    padding-bottom: 30px;
    width: 40%;
}

.rightImg {
    float: right;
    width: 60%;
}

.rightImg > img {
    float: right;
}

.borderBtm {
    border-bottom: 1px solid #fff;
    padding-bottom: 25px;

}

.leftText p {
    float: left;
    visibility: hidden;
    color: #999;
    opacity: 1;
    width: 100%;
    font-size: 16px;
    line-height: 31px;
}

.rightImg img {
    width: 420px;
}

.leftText h1 {
    color: #2b2b2b;
    font-size: 24px;
    float: left;
    visibility: hidden;
    margin-bottom: 15px;
     font-family: 'LatoLatin-Bold';
}

.pers {
    float: left;
    width: 100%;
}

.pers.slick-active h1 {
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInLeft;
    animation-delay: 1s;
    visibility: visible;
}

.pers.slick-active p {
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-fill-mode: both;
    visibility: visible;
    animation-fill-mode: both;
    animation-name: fadeInLeft;
    animation-delay: 1s;
}

.pers.slick-active img {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInDown;
    animation-delay: 0.5s;
}


.line {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0px;
    position: absolute;
    border: 5px solid #cbf1ff;

    -webkit-clip-path: polygon(0 0, 46% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 46% 0, 100% 100%, 0 100%);
    visibility: hidden;
}

.BackImg_bx img {
    width: 96%;
    float: right;
}

.pers.slick-active .line {
    -webkit-animation-duration: 1.6s;
    animation-duration: 1.6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInLeft;
    animation-delay: 1s;
    visibility: visible;
}

.socilIc {
    /* display: inline-block; */
    margin: 0 auto;
    position: relative;
    padding: 10px 0 0 0;
    text-align: center;
    /* display: block; */
}

.socilIc li {
    display: inline-block;
    padding: 5px;
}

.socilIc li:last-child {
    position: absolute;
    right: 0;
    margin-top: 15px;
}

.sliderMainDiv .slick-dots {
    position: absolute;
    top: 45%;
    right: -94px;
    transform: rotate(90deg);
}

.sliderMainDiv .slick-dots li {
    display: block;
    padding: 5px;
    float: left;
    margin: 0;
    width: auto;
    height: auto;
}

.sliderMainDiv .slick-dots li button {
    display: block;
    font-size: 0;
    background-color: #999;
    border: none;
    border-radius: 50%;
    padding: 5px;
	outline:none;
}

.sliderMainDiv .slick-dots li.slick-active {
    width: auto;
    height: auto;
}

.sliderMainDiv .slick-dots li.slick-active button {
    background-color: transparent;
    border: 2px solid #00a9e4;
    margin-top: -2px;

}



.Main_header.bcClass {
    background: #fff;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);


}

.Main_header.bcClass .Top_menu > ul > li > a {
    transition: 0.4s;
    color: #000;
    padding: 11px 0;

}


.Main_header.bcClass .head_logo a > img {
    transform: 0.3s;
    width: 140px;

}

.wWD {
    float: left;
    width: 100%;
    padding: 60px 0;
}

.widDivC {
    float: left;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0px 0px 11px 2px rgba(191, 191, 191, 0.2);
    width: 100%;
    padding: 15px;
    transition: 0.3s;
    transform: scale(1);
}

.widDivC:hover {
    box-shadow: 0px 0px 11px 2px rgba(191, 191, 191, 0.4);
    transform: scale(1.03);
}

.sstr {
    position: absolute;
    left: 50%;
    width: 50px;
    background: cyan;
    height: 3px;
    display: none;
    top: 0;
}


.widDivC img {
    margin: 20px auto;
    display: block;
}

.widDivC h3 {
    color: #01b2dc;
    float: left;
    width: 100%;
    text-align: center;
    margin: 0 0 15px 0;
    font-size: 20px;
     font-family: 'LatoLatin-Bold';
}

.widDivC p {
    color: #999;
    float: left;
    width: 100%;
    line-height: 22px;
    text-align: center;
    margin: 0;
    font-size: 14px;
}
.sectiti.blacktitle{color: #000000;}
.sectiti {
    color: #fff;
    text-align: center;
    float: left;
    width: 100%;
    margin: 0 0 50px 0;
    font-size: 50px;
    font-weight: 600;
    font-family: 'LatoLatin-Black';
    text-transform: uppercase;
}

.testiSec {
    float: left;
    width: 100%;
    background: #ffffff;
    padding: 0px 0px 30px;
}

.clientTtil {
     font-family: 'LatoLatin-Bold';
    font-size: 70px;
    line-height: 1.14;
    text-align: left;
    white-space: pre-line;
    position: absolute;
    z-index: 2;
    margin: 100px 0 0;
    width: 100%;
}

.overrel {
    position: relative;
    width: 130%;
    float: left;
}

.fulltestSlide {
    float: left;
    width: 100%;
    padding: 40px;
}

.whitBc {
    float: left;
    width: 100%;
    padding: 20px;
    height: 430px;
    border-radius: 0 80px 0 80px;
    background: #fff;
}

.quetoimg {
    margin-top: -70px;
}

.perSlick {
    float: left;
    width: 100%;
}


.perSlick p {
    font-style: italic;
    font-size: 20px;
    line-height: 1.5;
    text-align: left;
    float: left;
    color: #3d3d3d;
    padding: 25px 25px 25px 0;
    min-height: 265px;
}

.clientDetai {
    float: left;
    position: relative;
    width: 100%;
}

.clientDetai > img {
    position: absolute;
    left: 0;
    width: 50px;
    margin-right: 20px;
    border-radius: 50px;
    object-fit: cover;
    height: 50px;
}

.text-desc {
    float: left;
    width: 100%;
    padding-left: 70px;
}

.text-desc h4 {
    font-size: 18px;
    text-align: left;
     font-family: 'LatoLatin-Bold';
    color: #1f1f1f;
    margin-bottom: 8px;
}

.text-desc label {
    opacity: .7;
    font-size: 14px;
    line-height: 1.38;
    text-align: left;
    color: #1f1f1f;
}



.SLiderOfTest .slick-dots {
    position: absolute;
    bottom: -75px;
    left: 50%;
    transform: translate(-50%, 0px);
    
}

.SLiderOfTest .slick-dots li {
    display: block;
    padding: 5px;
    float: left;
    margin: 0;

}

.SLiderOfTest .slick-dots li button {
    display: block;
    font-size: 0;
    background-color: #dedede;
    border: none;
    border-radius: 50%;
    padding: 5px;
}

.SLiderOfTest .slick-dots li.slick-active button {
    background-color: #01b2dc;

}


.hem_menu {
    float: right;
    padding: 4px 10px;
    display: none;
}

.hem_menu .strip {
    width: 35px;
    height: 4px;
    background-color: #29519d;
    display: block;
    border-radius: 4px;
    margin: 6px auto;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}





.hem_menu.is-active {
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
    transition-delay: 0.6s;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.hem_menu.is-active .strip:nth-child(2) {
    width: 0px;
}

.hem_menu.is-active .strip:nth-child(1),
.hem_menu.is-active .strip:nth-child(3) {
    -webkit-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.hem_menu.is-active .strip:nth-child(1) {
    -webkit-transform: translateY(13px);
    -ms-transform: translateY(13px);
    -o-transform: translateY(13px);
    transform: translateY(13px);
}

.hem_menu.is-active .strip:nth-child(3) {
    -webkit-transform: translateY(-7px) rotate(90deg);
    -ms-transform: translateY(-7px) rotate(90deg);
    -o-transform: translateY(-7px) rotate(90deg);
    transform: translateY(-7px) rotate(90deg);
}

.H_work {
    float: left;
    padding: 0px 0;
    width: 100%;
	background:#fff;
	position:relative;
    z-index:-1;
    background: url(../images/projectsbanner.jpg)repeat;
    background-size: contain;
}

.H_work .sectiti{margin:0; background:#fff; padding:80px 0 20px 0;}

.workDivFUll {
    background: url(../images/meeting_10.png) no-repeat;
    background-position: 50% 68%;
    background-size: 20%;
    float: left;
    padding-top: 20px;
    width: 100%;
}

.LeftPoints {
    float: left;
    width: 50%;
}

.rightPoints {
    float: left;
    width: 50%;
}

.listing_pt {
    text-align: right;
    padding-right: 90px;
}

.coount {
    float: right;
    width: 50px;
    height: 50px;
}

.coount span {
    width: 40px;
    height: 40px;
    float: right;
    text-align: center;
    color: #fff;
    font-size: 22px;
    padding: 5px;
    border-radius: 100%;
    background-image: -webkit-gradient(linear, right top, left top, from(#308dc7), color-stop(#2699c9), color-stop(#2ba4c9), color-stop(#3baec7), to(#4fb8c5));
    background-image: -webkit-linear-gradient(right, #308dc7, #2699c9, #2ba4c9, #3baec7, #4fb8c5);
    background-image: -o-linear-gradient(right, #308dc7, #2699c9, #2ba4c9, #3baec7, #4fb8c5);
    background-image: linear-gradient(270deg, #308dc7, #2699c9, #2ba4c9, #3baec7, #4fb8c5);
    position: relative;
}

.listing_pt h4 {
     font-family: 'LatoLatin-Bold';
    font-size: 18px;
    line-height: 23px;
    margin-bottom: 3px;
    color: #333;
}

.listing_pt p {
    color: #999;
    font-size: 14px;

}

.box_cont {
    width: calc(100% - 50px);
    display: inline-block;
}

.sec {
    padding-top: 50px;
    padding-right: 167px;
}

.thr {
    padding-top: 50px;
    padding-right: 137px;
}

.four {
    padding-left: 90px;
    text-align: left;
    padding-right: 0;
}

.rightPoints .coount {
    float: left;
}

.rightPoints .coount span {
    float: left;
}

.rightPoints .listing_pt {
    text-align: left;
}

.five {
    padding-top: 50px;
    padding-left: 167px;
    padding-right: 0;
}

.six {
    padding-top: 50px;
    padding-left: 137px;
    padding-right: 0
}

.counterani {
    animation-duration: 1s;
    animation-delay: 0s;
}

.counter-value:after {
    content: "+";
    display: inline-block;
}



.counter {
    background: #eff8ff;
    float: left;
    width: 100%;
    padding: 40px 0;
}

.cenare {
    float: left;
    width: 100%;
    text-align: center;
}

.cenare img {
    width: 50px;
    margin-bottom: 10px;
}

.cenare h3 {
    font-size: 40px;
    color: #2b2b2b;
     font-family: 'LatoLatin-Bold';
}

.cenare p {
    font-size: 16px;
    color: #999;
}

@media screen and (max-width: 767px) and (min-width: 318px) {
    .Top_menu {
        float: left;
        width: 100%;
        position: fixed;
        left: 0;
        top: 0;
        height: 100vh;
        background: #fff;
        z-index: 99;
        background-color: #fff;
        translate: -100% 0;
        transition: translate .4s linear;
    }
    .firstdraweractive{    translate: 0;    }

    .Top_menu > ul {
        float: left;flex-direction: column;
        width: 100%;
        padding: 15px;   
    }

    .Top_menu > ul > li {
        width: 100%;
        padding: 11px 9px;
        background: #f5f5f5;
        margin-bottom: 10px;
    }

    .Top_menu > ul > li > a {
        color: #111457;
        padding: 0;
       font-size: 14px;display: flex;
       width: 100%;
    align-items: center;
    justify-content: space-between;
    }


    .Main_header {
        background: #fff;
        box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
    }

    .head_logo a > img {
        width: auto;
        height: 44px;
    }

    .overrel {
        width: 100%;
    }

    .widDivC {
        margin-bottom: 20px;
    }

    .rightImg {
        width: 100%;
    }

    .leftText {
        width: 100%;
        float: left;
        margin-top: 15px;
        padding-left: 20px;
        padding-top: 20px;
        padding-bottom: 20px;
        width: 100%;
    }

    .rightImg img {
        width: 50%;
        margin: 0 auto;
        float: none;
    }

    .leftText p {
        font-size: 16px;
    }

    .leftText h1 {
        font-size: 20px;
    }

    .First_sec::after {
        height: 50px;
    }

    .First_sec::before {
        height: 50px;
    }

    .sectiti {
        margin: 0 0 25px 0;
            font-size: 30px;
    }

    .widDivC img {
        margin: 15px auto;
        display: block;
        width: 48px;
    }

    .widDivC h3 {
        margin: 10px 0 15px 0;
        font-size: 16px;
    }

    .wWD {
        padding-bottom: 10px;
    }

    .testiSec {
        padding: 50px 0px 20px;
    }

    .fulltestSlide {
        padding: 0;
    }

    .clientTtil {
         font-family: 'LatoLatin-Bold';
        font-size: 18px;
        position: static;
        margin: 10px 0;
        line-height: 1.14;
        white-space: normal;
        text-align: left;
        width: 100%;
    }
    .Top_menu > ul > li > a::before{display: none;}

    .perSlick p {
        font-size: 16px;
    }

    .hem_menu {
        display: block;
    }

    .workDivFUll .listing_pt {
        padding: 0;
    }

    .LeftPoints {
        width: 100%;
    }

    .rightPoints {
        width: 100%;
    }

    .listing_pt {
        text-align: left;
        float: left;
        width: 100%;
    }

    .coount {
        float: left;
        width: 12%;
        height: auto;
    }

    .workDivFUll {
        background: none;
        padding: 0 15px;
    }

    .coount span {
        float: left;
    }

    .box_cont {
        width: 88%;
        display: inline-block;
        float: left;
        padding-left: 15px;
        margin-bottom: 12px;
    }

    .quetoimg {
        margin-top: -33px;
        width: 45px;
    }

    .H_work {
        padding: 0px 0;
        background: url(../images/whatwework_mobile.png)no-repeat;
    }
    
    .hellinksec {
        padding: 0;
    }

    .mainFoot {
        padding-top: 20px;
    }



    .topfoothead {
        margin-bottom: 7px;
        margin-top: 25px;
        text-align: left;
    }

    .addLine {
        margin-top: 65px;
        margin-bottom: 20px;
    }

    .senbtn {
        width: 100%;
    }

    .socilIc li:last-child {
        position: relative;
        right: 0;
        /* margin-top: 15px; */
        width: 100%;
    }
    .sub-menu{
            position: static;
    width: 100%;
    left: 0;
    top: 0;
        display: none;
    padding: 0;
    transform: none;
    }

   /* .ullist > li:hover .sub-menu {display: block;}*/

.MainDv{padding:10px 0;}
.hem_menu{padding-right:0;}
.First_sec{height: auto;}
}















.wavesection{
    float: left;
    margin-top: -90px;
    width: 100%;
    background: #fff;
    position: relative;
    z-index: 0;

}
.secDefault{width:100%; float:left;    padding: 70px 0 90px 0;
    background: #17161a url('../images/whatwedobg.png');    margin-top: -74px;position: relative;z-index: 1;} 


#sineCanvas {
        width: 100%;
        height: 200px;
        vertical-align:top;
    }




.comnAllSectionHead{
    text-align: center;
    float: left;  
    width: 100%;
    margin:0;
     font-size: 30px; 
    color: #5f5f5f; 
    font-family:'Heebo-Bold';
}

.whatWeDoBody{float: left; width: 100%; margin-bottom: 60px; }
.whatWeDoMinus{margin-left: -15px; margin-right: -15px;}
.whatWeDoBox{float: left; width: 25%; padding: 0 15px;}
.whatWeDoSubBody {
    float: left;
    width: 100%;
    background-color: #fff;
    border: 5px solid #fff;
    height: 270px;
    border-radius: 15px;
    text-align: center;
    padding: 15px;
   
    position: relative;
    overflow: hidden;
    transition:all 1s ease;
}
.whatWeDoImgPart{ float: right; width: 60%;}
.whatWeDoBoxHead{
    position: absolute;
    top: 222px;
    left: 15px;
    width: 100%;
    padding-right: 0px;
    font-size: 20px;
    color: #000;
     font-family: 'LatoLatin-Bold';
    z-index: 2;
    text-align: left;
    margin: 10px 0 0 0; 
     transition:all 1s ease; 
}
.whatWeDoImg{ 
    float: right;
    width:200px;
    position: relative;
    z-index: 2;
    padding: 0 0px 30px 30px;
    transition:all 1s ease; 
}
.whatWeDoImgWave{ 
    float: left;
    width: 110%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    max-height: 260px;
    transition:all 1s ease; 
}
.whatWeDoBoxPera{
    float: left;
    width: 100%;
    font-size: 14px; 
    color: #666; 
       
    z-index: 2;
    position: relative;
    transition:all 1s ease; 
    margin:230px 0 0 0;
    height: 0px;
    text-align: left;
}
.whatWeDoSubBody:hover .whatWeDoImgWave {  
    width: 30%;
    transition:all 1s ease; 
}
.whatWeDoSubBody:hover .whatWeDoImg {
    width: 30px;
    padding: 0 0px 10px 0px;
    transition:all 1s ease; 
}
.whatWeDoSubBody:hover .whatWeDoImgPart {     
    width: 30%;
    transition:all 1s ease; 
} 
.whatWeDoSubBody:hover .whatWeDoBoxHead {
    width: 70%;
    line-height: 28px;
    margin: 0;    
    position: absolute;
    top: 15px;
    left: 15px;
    transition: all 1s ease;
}
.whatWeDoSubBody:hover .whatWeDoBoxPera{ 
    margin-top: 0;
    transition:all 1s ease; 
}  
.whatWeDoSubBody:hover{     
    box-shadow: 0px 0px 10px #ddd;
    border: 1px solid #83dfff;
    transition: all 0.3s ease;
}

 



 











.footPos{ position: relative; width: 100%; float: left; background: #1a5590; margin-top: 100px;}
.footWavePart{ 
    width: 100%;
    position: absolute;
    top: -215px;
    left: 0;
    z-index: -1;
	background:#eff8ff;
}
.footWavePart svg {
  width:100%;
  overflow:visible;
    float: left;height:400px;
}

.footWavePart .wave {
  animation: wave 2s linear;
  animation-iteration-count:infinite;
  fill: #1a5590;
} 
.footWavePart #wave2 {
  animation-duration:5s;
  
  animation-direction: reverse;
  opacity: 1;
}
/*.footWavePart #wave3 {
  animation-duration: 7s;
  opacity:.6;
} */
@keyframes wave {
  to {transform: translateX(-100%);}
}
 

 
 



.sonarLine {
    position: relative;    
    width: 80px;
    height: 3px;
    border-radius: 9999px;
    background-color: #666666;
    left: 50%;
    top: 43px;
    margin-left: -40px;
} 
.sonar-wrapper {
    float: left;
    width: 100%;
  position: relative;
  z-index: 0;
  overflow: hidden;
  margin-top:-50px;
      margin-bottom: 25px;
}
 
.sonar-emitter {
  position: relative;
  margin: 32px auto;
  width: 20px;
    height: 20px;
  border-radius: 9999px;
  background-color: #00a9e4;
}
 
.sonar-wave {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 9999px;
  background-color: #00a9e4;
  opacity: 0;
  z-index: -1;
  pointer-events: none;
} 

.sonar-wave {
  animation: sonarWave 1.3s linear infinite;
}

@keyframes sonarWave {
  from {
    opacity: 0.6;
  }
  to {
    transform: scale(2.2);
    opacity: 0;
  }
}

 .box {
    padding: 50px 20px;
    margin-bottom: 30px;
    text-align: center;
    height: 430px;
    position: relative;
    background: #fff;
    border-radius: 5px;
    transition: all .4s ease;
}
.box .icon {
    position: inherit;
    border-radius: 50%;
    /* border: 6px solid #cbf1ff; */
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    width: 72px;
    height: 72px;
    background:linear-gradient(135deg, rgba(0,168,228,1) 0%, rgba(0,168,228,1) 50%, rgb(0 185 249) 50%, rgba(0,185,249,1) 100%);
    margin: 30px auto;
    margin-top: 0px;
}














.box .icon  a img{width:50%; margin:25%;}
 
 






.box  .title {
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.box  .title  a{ color: #2b2b2b; font-family: 'LatoLatin-Bold';}
 
 .box .description {
    font-size: 14px;
    line-height: 24px;
	color:#999;
}
 



.RecentWorkSec{width:100%; float:left; background:#fff;}


.comnAllSectionHead{text-align:center;float:left;width:100%;margin:0;font-size:30px;color:#5f5f5f;font-family:'Heebo-Bold';}
.whatWeUseBackImg{float:left;width:100%;margin:0 0 0px 0;background:#fff;}
.whatWeUseOverFlow{overflow:hidden;white-space:nowrap;}
.colorW{color:#fff;}

.portBox{float:left;width:25%;padding:0 15px;margin-bottom:30px;}
.portBoxImgPart{float:left;display:flex;padding:8px;align-items:center;width:90px;height:90px;border-radius:0px;    background-color: #ffffff;
    border: 1px solid #999;}
.portBoxImgPart img{max-width:100%;transition:0.70s;-webkit-transition:0.70s;-moz-transition:0.70s;-ms-transition:0.70s;-o-transition:0.70s;}
.portBoxTxtPart{float:left;width:calc(100% - 100px);height:90px;margin-left:10px;padding:10px;background-color:#fff;border:1px solid #999;transition:0.70s;-webkit-transition:0.70s;-moz-transition:0.70s;-ms-transition:0.70s;-o-transition:0.70s;}
.portBoxTxtHead{float:left;width:100%;font-size:16px;color:#2b2b2b;font-family:'Heebo-Bold';text-align:left;margin:0 0 10px 0;transition:0.70s;-webkit-transition:0.70s;-moz-transition:0.70s;-ms-transition:0.70s;-o-transition:0.70s;}
.portBoxTxtPera{float:left;width:100%;font-size:14px;color:#999;text-align:left;margin:0;white-space:normal;transition:0.70s;-webkit-transition:0.70s;-moz-transition:0.70s;-ms-transition:0.70s;-o-transition:0.70s;}
.portfolioBodyMinus{margin-left:-15px;margin-right:-15px;}
.portBox:hover .portBoxTxtPart{border:1px solid #00a9e4;}
.portBox:hover .portBoxImgPart img{transition:0.70s;-webkit-transition:0.70s;-moz-transition:0.70s;-ms-transition:0.70s;-o-transition:0.70s;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}
.portBox:hover .portBoxTxtHead{color:#00a9e4;transition:0.70s;-webkit-transition:0.70s;-moz-transition:0.70s;-ms-transition:0.70s;-o-transition:0.70s;}
.portBox:hover .portBoxTxtPera{color:#00a9e4;transition:0.70s;-webkit-transition:0.70s;-moz-transition:0.70s;-ms-transition:0.70s;-o-transition:0.70s;}
.portBox:hover .portBoxTxtPart{background-color:#fff;transition:0.70s;-webkit-transition:0.70s;-moz-transition:0.70s;-ms-transition:0.70s;-o-transition:0.70s;}

.comnPaddingForAll{padding:0 70px;}
.whatWeUseBackImg{    padding: 80px 0 50px 0;background-size:cover;}




/********************************************************************************** parth css start */
.about_us6detailes{width: 100%;
    float: left;
    padding:210px 30px;
    background: url(../images/ourmission.jpg)no-repeat;
    background-size: inherit;
    background-position:center;
    }
.aboutheaderdeta{width: 100%;float: left;    padding: 88px 30px 88px 30px;    height: 435px;}
.detilesabout{width: 40%;float: left;}
.detilesabout h2{font-size: 40px;text-transform: uppercase;color: #fff; font-family: 'LatoLatin-Bold';width: 100%;float: left;
margin-bottom: 30px;    border-left: 5px solid #00a9e4;    padding: 10px 14px;}
.detilesabout p{width: 100%;float: left;}
.welcome_om{ font-family: 'LatoLatin-Medium';    font-size: 18px;color: #ffffff;margin-bottom: 15px;}
.everything{color: #fff;font-size: 14px;margin-bottom: 0px;}
.aboutsection{padding-bottom: 0px;padding: 0px 0px 0px; background: #ffffff url('../images/parallax.jpg') no-repeat;    background-size: cover;background-position: 0px -140px;    margin-top: 77px;background-attachment: fixed;}
.sibpage{width: 60%;float: left;}
.sibpage ul{float: right;list-style-type: none;text-align: right;}
.sibpage ul li{float: left;color: #ffffff;margin-right: 10px;font-size: 16px;    font-family: 'LatoLatin-Medium';}
.sibpage ul li a{color: #ffffff;}
.sibpage ul li:last-child{margin-right: 0px;}

.aboutbtn{width: 100%;float: left;margin-top: 30px;}
.learnmore{float: left;background: #0083ff;cursor: pointer;display: inline-block;text-decoration: none;padding: 15px 50px;font-size: 14px;text-transform: uppercase;color: #fff;border-radius: 50px;text-align: center;    border: 0px;font-family: 'LatoLatin-Medium';outline: none;margin-right: 30px;}
.gettrialversion{float: left;background: #0083ff;cursor: pointer;display: inline-block;text-decoration: none;padding: 15px 50px;font-size: 14px;text-transform: uppercase;color: #fff;border-radius: 50px;text-align: center;    border: 0px;font-family: 'LatoLatin-Medium';outline: none;margin-right: 30px;}
.abouttime{width: 60%;float: left;    margin-top: 0px;background-size: cover;}
.abouttime img{width: 100%;}
.itandwebdevlopment{width: 100%;float: left;padding: 0px 0px 0px;    background: #ffffff;}
.ourmission{width: 100%;float: left;padding-bottom: 0px;}
.devlopmenttext{width: 50%;float: left;}
.devlopmenttext h2{font-size: 65px;    font-family: 'LatoLatin-Bold';width: 100%;float: left;margin-bottom: 30px;color: #0083ff;}
.devlopmenttext p{font-size: 16px;color: #000;margin-bottom: 0px;}
.allinfomission{width: 100%;float: left;position: relative;}
.missionboxcenter{    width:645px;margin:0 auto;}

.missionbox{
    width: 100%;
    float: right;
    padding: 50px 30px;
    background: #fff;
    box-shadow: 0px 0px 35px rgb(0 0 0 / 26%);
    border-radius: 22px;}


.titlemission{width: 100%;float: left;}
.titlemission h2{font-size: 40px;color: #000000;font-weight:700; text-transform: uppercase;text-align: center;}
.missiondeta{width: 100%;
    float: left;
    padding: 0px 0px 0px;
    margin-top: -10px;}
.missiondeta p{font-size: 14px;color: #000000;    line-height: 23px;text-align: justify;    width: 100%;float: left;}
.missionvect{    width: 55%;float: left;}
.missionvect img{width: 100%; }

.missionbox .sonar-wrapper{    margin-top: -12px;    margin-bottom: 0;}


.portfolio{width: 100%;float: left;padding: 60px 50px 0px;    background: #eff8ff;}
.portfilotitleandteb{width: 100%;float: left;    margin-bottom: 40px;}
.portfoliotitle{width: 50%;float: left;}
.portfoliotitle h2{font-size: 48px;color: #000;font-family: 'LatoLatin-Medium';}
.portfilioteb{width: 50%;float: left;    padding: 5px 0px 0px;}
.portfilioteb ul{float: right;list-style-type: none;border-bottom:2px solid #000; }
.portfilioteb ul li{float: left;padding: 10px 15px;margin-bottom: -2px;}
.portfilioteb ul li a{font-size: 16px;color: #000;font-family: 'LatoLatin-Medium';}
.portfilioteb ul .active {border-bottom: 2px solid #0083ff;}
.portfilioteb ul .active a{color: #0083ff;}
.alltebportfolio{width: 100%;float: left;    margin-top: 60px;}
.projectsection{width: 100%;float: left;display: none;}
.proboxrow{margin-left: -30px;margin-right: -30px;}
.projrctbox{width: 33.33%;float: left;padding-left: 30px;padding-right: 30px;    padding-bottom: 40px;    height: 340px;}
.projrctbox a{width: 100%;float: left;text-align: center;transition: 0.2s;}
.projrctbox a img{width: 100%;}
.projrctbox a p{font-size: 16px;color: #000;font-family: 'LatoLatin-Medium';}
.projrctbox a:hover{margin-top: -15px;}



.showportfolio{display: block;}



.cereers_part{width: 100%;float: left;background: #ffffff;    padding: 70px 50px 70px;}
.cereerstitle{width: 100%;float: left;text-align: center;padding-bottom: 60px;}
.cereerstitle h2{width: 100%;float: left;font-size:48px;color: #000;font-family: 'LatoLatin-Medium';margin-bottom: 30px;}
.cereerstitle p{width: 100%;float: left;font-size: 16px;color: #000;    margin-bottom: 10px;padding: 0px 241px;}
.cerreersbox{width: 100%;float: left;}
.designcereer{width: 100%;float: left;position: relative;    height: 360px;}
.cereer_deta{width: 100%;float: left;}
.cereer_deta p{width: 100%;float: left;margin-bottom: 0px;font-size: 14px;color: #7b7b7b;line-height: 24px;    text-align: center;}
.cereer_deta h2{width: 100%;float: left;font-size: 20px;color: #000;font-family: 'LatoLatin-Medium';    margin-bottom: 20px;    text-align: center;}
.creereprofesnal{width: 100%;float: left;    margin-bottom: 30px;text-align: center;}
.creereprofesnal img{display: inline-block;background: linear-gradient(135deg, rgba(0,168,228,1) 0%, rgba(0,168,228,1) 50%, rgb(0 185 249) 50%, rgba(0,185,249,1) 100%);border-radius: 50%;width: 75px;position: relative;}


/* .servicesbox:hover{box-shadow: 0 0 10px rgba(0, 0, 0, 0.37); } */
.box-icon-modern-decor { max-width: 126px;width: 66px;height: 2px;margin: 0px auto 10px;display: inline-block;
background: #02aae4;}



.webitservice{width: 100%;float: left;    margin-bottom: 60px;text-align: center;}
.webitservice h2{width: 100%;float: left;    font-size: 35px;color: #000;font-family: 'LatoLatin-Medium';    margin-bottom: 40px;}
.webitservice p {width: 100%;float: left;font-size: 14px;color: #000;margin-bottom: 10px;}
.servicesport{width: 100%;float: left;}
.servicesport img{width: 100%;}



.formbg{width: 50%;float: left;     padding: 70px 0px 0px 0px;position: relative;z-index: 999;    text-align: right;}
.formbg img{width: 85%;margin-top: 0px;}  







.startprojects{width: 45%;float: right;height: auto; padding: 90px 30px 73px 0px;}
.projectform{width: 100%;float: left;background: #ffffff;padding: 30px 45px;    border-radius: 22px;    box-shadow: 0px 3px 25px rgb(0 0 0 / 8%);position: relative;z-index: 0;}
.fildprojects{width: 100%;float: left;margin-bottom: 20px;}
.innerfildprojects{width: 100%;float: left;position: relative;}
.innerfildprojects input{width: 100%;float: left;border:0px;border-bottom:1px solid #000000;height: 40px;outline: none;     position: relative;background: transparent;color: #000;}
.innerfildprojects label{float: left;position: absolute;top: 10px;font-size: 14px;color: #000;font-weight: normal;left: 2px;transition: 0.3s;}
.innerfildprojects label.hovertext{top: -10px;font-size: 10px;color: #00a9e4;}
.innerfildprojects textarea{width: 100%;float: left;border:0px;color:#000;border-bottom:1px solid #000000;height: 40px;outline: none; background: none;resize: none;}
.innerfildprojects input::placeholder{color: #000;}
.innerfildprojects textarea::placeholder{color: #000;}
.submit{float: right;background: #006cff;padding: 12px 55px;text-align: center;color: #fff;font-size: 16px;border: 0px;
border-radius: 30px;font-family: 'LatoLatin-Medium';outline: none;width: 100%;text-transform: uppercase;}
.innerfildprojects select{width: 100%;float: left;border:0px;border-bottom:1px solid #000000;height: 40px;outline: none;color: #000000; background: none;}
.bannerstartproject{width: 50%;float: left;position: relative;    padding-top: 25px;}
.bannerproject{width: 100%;float: left;position: relative;    background: #fff;padding: 30px 0px 0px;}
.alldetastartprojects{width:100%;float:left;height: auto;background: url('../images/projectsbanner.jpg')no-repeat;background-size:contain ;}
.bannerproject img{width: 100%;}
.bannerproject p{      width: 100%;float: left;font-size: 30px;color: #000000;font-family: 'LatoLatin-Medium';text-align: center;padding: 0px 95px;}
.innerfildprojects label.uplodefile{       right: 0;left: inherit;color: #000;padding: 5px 15px;top: -2px;border-radius: 22px;border: 2px solid #dcdcdc;background: #f1f1f1;}
#fileuplode{display: none;}
.testibox{width: 100%;float: left;background: #ffffff;box-shadow:0px 0px 18px rgb(0 0 0 / 13%);border-radius:5px; margin-top: 11px;margin-bottom: 11px;    overflow: hidden;}
.comasign{width: 100%;float: left;margin-bottom: 15px;padding: 15px 15px 0px;}
.testhitext{width: 100%;float: left;    height: 190px;}
.testhitext p{font-size: 14px;color: #a7a7a7;line-height: 24px;margin-bottom: 0px;    padding: 0px 20px;}
.testhiuser{width: 100%;float: left;position: relative;}
.tethibio{padding: 6px 0px;display: inline-block;position: absolute;    top: -33px;width: 100%;text-align: center;}
.ueserimgs{width: 100%;float: left;}
.ueserimgs .usertesthis{width: 100px;height: 107px;margin-bottom: 15px;display: inline-block;}
.ueserimgs p{margin-bottom: 10px;font-size: 22px; text-transform: uppercase;color: #ffffff;font-weight: 700;font-family: 'LatoLatin-Bold';}
.ueserimgs ul{list-style-type: none;}
.ueserimgs ul li{display: inline-block;}
.allboxtesthi{width: 100%;float: left;}
.bgoftesthi{width: 100%;    opacity: 0.8;}
.testiSec .sectiti {margin-top:70px;}
.loderposition{width: 100%;float: left;position: relative;}
.loderpage{width: 100%;float: left;background: #ffffff;position: fixed;height: 100%;z-index: 9999;left: 0;top: 0px;display: flex;justify-content: center;align-items: center;}

.blueBOrImg2{position: absolute;	animation: waves 1s linear infinite;
    animation-delay: 0.7s;}
    @-webkit-keyframes waves {
        0% {
          transform: scale(1);
          opacity: 1;
        }
        50% {
          transform: scale(1.3);
          opacity: 0.5;
        }
        100% {
          transform: scale(1.6);
          opacity: 0;
        }
      }


.standImg{position: absolute;}
.loderpage img{width: 100px;}





.contectussection{width: 100%;float: left;padding: 80px 50px 0px;}
.contectdetils{width: 100%;float: left;    padding-top: 70px;padding-bottom: 70px;}
.getintouch{width: 100%;float: left;text-align: center;padding-bottom: 60px;}
.getintouch h1{color: #000;text-align: center;float: left;width: 100%;font-size: 50px;font-family: 'LatoLatin-Medium';text-transform: uppercase;}
.getintouchbox{width: 100%;float: left;}
.boxreview{width: 100%;float: left;transition: all .3s ease;     height: 425px; }
.boxpadd{width: 100%;float: left;    padding: 50px 68px;text-align: center;}
.boxtext{width: 100%;float: left;height: 112px;}
.direction{width: 100%;float: left;}
.direction a{padding: 8px 30px;border: none;border-radius: 22px;margin-top: 25px;display: inline-block;
color: #fff;    background: #00b9ff;font-size: 16px;}
.boxtext h2{margin: 0 0 14px 0;color: #1a1a1a;font-size: 24px;font-weight: 500;font-family: 'LatoLatin-Medium';}
.boxtext p{font-size: 14px;color: #8a8a8a;    margin-bottom: 5px;line-height: 24px;}
.boxtext p img{margin-right: 10px;width: 17px;float: left;    margin-top: 3px;}
.boxtextcontact{text-align: left;}
.boxtextcontact h2{text-align: center;}
.boxtextcontact p{margin-bottom: 15px;width: 100%;float: left;}
.boxtextcontact p span{width: 89%;float: right;}
.boxicon{width: 100%;float: left;padding-bottom: 30px;}
.boxicon img{width: 100%;height: 100px;}
.boxreview:hover{ background: #ffffff;        box-shadow: 0px 7px 15px #00000014;    margin-top: -10px;}
.contectform{width: 100%;float: left;    padding: 0px 50px 70px;}
.latestalk{width: 100%;float: left;text-align: right;padding: 183px 115px;}
.latestalk strong{    color: #00b9ff;font-family: "Roboto",Sans-serif;font-size: 20px;font-weight: 500;margin: 0 0 15px 0;
float: left;width: 100%;}

.latestalk h1{margin: 0 0 20px 0;font-size: 64px;font-weight: 700;letter-spacing: -1px; font-family: 'LatoLatin-Bold';    color: #000;}
.latestalk p{color: #333;font-size: 18px;margin: 0 0 0 0;float: left;width: 100%;}
.contactformdesign{width: 100%;float: left;background: #ffffff;box-shadow: 0 30px 60px 0 rgba(0,0,0,.05);padding: 50px 40px;position: relative;}
.contactformdesign form{position: relative;z-index: 9;}
.confild{width: 100%;float: left;margin-bottom: 30px;}
.confild input{width: 100%;float: left;padding: 13px 30px 13px 30px;border-radius: 5px;background-color: #fafafa;
border: 1px solid #efefef;color: #000;outline: none;}
.confild textarea{width: 100%;float: left;padding: 13px 30px 13px 30px;border-radius: 5px;background-color: #fafafa;
border: 1px solid #efefef;color: #000;outline: none;resize: none;}
.submitbtn{width: 100%;float: left;}
.sendmsg{width: 100%;float: left;background-color: #0083ff;padding: 18px 50px;color: #fff;font-size: 14px;border-radius: 5px;border: none;font-family: 'LatoLatin-Medium';box-shadow: 0 15px 35px 0 rgb(0 131 255 / 25%);outline: none;}
.lefticon{position: absolute;
    bottom: 0;
    left: -124px;
    float: left;}
.lefticon img{width: 25%;}
.righticon{
    position: absolute;
    bottom: 0;
    right: -189px;
    float: right;
    text-align: right;}
.righticon img{    width: 35%;}
.contactbiopage{width: 100%;float: left;background: url('../images/whatwework.png')no-repeat;background-size: cover;}





.appicon {
    width: 60px;
    float: left;
    margin-bottom: 15px;
}
.appicon img{ 
    float: left; 
    height: 48px;
}
.titleservice {
    width: calc(100% - 60px);
    float: left;
}
.titleservice h2 { 
    text-align: left;
    height: 50px;
    display: table-cell;
    vertical-align: middle;
    line-height: 26px;
    margin: 0;
    float: none;
    font-size: 18px;
    color: #000000;
    width: 100%;
    font-family: 'LatoLatin-Medium';
}
.servicesbox p { 
    font-size: 14px;
    line-height: 24px;
    text-align: left;
    min-height: 110px;
    width: 100%;
    float: left;
    margin-bottom: 0px;
    color: #626262;
}
 
.servicesbox {
    width: 100%;
    float: left;
    margin-bottom: 20px;
    padding: 15px;
    height: auto;
    border-bottom: none;
    cursor: pointer;
    background: #ffffff;
    border-radius: 22px;
    text-align: center;
    transition: all .3s ease;
    box-shadow: 0 0 20px rgb(0 0 0 / 9%);
    transition: all .4s ease;
}
/* .servicesbox:hover{ box-shadow: none; border-bottom: none; border-left: 3px solid #64bbff;  box-shadow: 0 0 10px #ddd;} */
.serviceActive .servicesbox{ 
    box-shadow: 0 0 20px rgb(0 0 0 / 9%);
    transform: scale(1.04);
    background: #dcf4ff;
}
.servicesport img{ display: none;}
.phonelite input{    width: 100%;float: right;    padding-left:0px;}
.contary{width: 9%;float: left;    height: 40px;border-bottom:1px solid #000000 ;}
.contary input{width: 100%;float: left;padding: 0;border: 0px;}
.phonelite {width: 91%;}
.phonelite .innerfildprojects label{left: 20px;}
.phonelite input{    padding-left: 21px;}

/********************************************************************************** parth css end */









.counter-value:after {content: "+";display: inline-block;}
.counter-sec {
     float: left;width: 100%;   margin-bottom: 0px; 
    padding: 0px;
    background: url('../images/gra-des.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}
.cenare {float: left;width: 100%;text-align: center;background:rgb(255 255 255 / 90%);padding: 15px 15px;height: 190px;border-radius: 5px;border-bottom: 3px solid #02aae4;}
.cenare img {width: 50px;margin-bottom: 10px;}
.cenare h3 {font-size: 40px;color: #2b2b2b;     font-family: 'LatoLatin-Black';}
.cenare p {font-size: 15px; color: #424242;}


/* .mainFoot {float: left;padding: 40px 0 0 0;width: 100%;color: #fff;background: -moz-linear-gradient(300deg, #34388d 0%, #01b2dc 100%);background: -webkit-linear-gradient(300deg, #34388d 0%, #01b2dc 100%);background: linear-gradient(300deg, #34388d 0%, #01b2dc 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#34388d', endColorstr='#01b2dc', GradientType=1);} */
.footImg {width: 272px;}
.text_oveview {font-size: 16px;float: left;padding-top: 17px;width: 100%;line-height: 25px;color: #ddd;}
.topfoothead {float: left;    font-family: 'LatoLatin-Black';width: 100%;font-size: 22px;margin-bottom: 30px;font-weight: 600;color: #fff;}
.bottomUl {float: left;width: 100%;}
.hellinksec {float: left;width: 100%;padding-left: 60px;}
.addLine {font-size: 14px;background: url(../images/loca.png) no-repeat;background-size: 31px;white-space: pre-line;padding-left: 43px;   background-position: 0px 53px;    margin-bottom: 20px;color: #ddd;}
.btmlineT {font-size: 14px;color: #ddd;}

.btmlineT img {width: 18px;margin-right: 8px;}
.bottomUl li {float: left;width: 100%;list-style: none;padding: 5px 0;}
.bottomUl li a {font-size: 16px;color: #ddd;}
.leftText {float: left;position: relative;margin-top: 60px;padding-left: 40px;padding-top: 40px;padding-bottom: 30px;width: 40%;}
.rightImg {float: right;width: 60%;}
.rightImg > img {float: right;}
.borderBtm {border-bottom: 1px solid #464646;padding-bottom: 25px;}
.socilIc {margin: 0 auto;position: relative;padding: 10px 0 0 0;text-align: center;/* display: block; */}
.socilIc li {display: inline-block; padding: 5px;}
.socilIc li:last-child {position: absolute;right: 0;margin-top: 15px;color: #ddd;}


.whaywedo {height:50px;width: 100%; padding:5px;position: relative;    background: #ffffff;}

.block {height:50px;width: 100%; padding:5px;position: relative;    background: #ffffff;}
.expricount {float: left;width: 100%;text-align: center;}
#particles-js {position: absolute;min-width: 280px;min-height: 280px;top: 0;left: 0;}
#particles-js .particles-js-canvas-el {min-width: 360px !important;min-height: 360px !important;width: 100%;}

.text-faction {
    position: relative;
    display: inline-block;
    overflow: hidden;
    font-weight: 600;
    color: #151515;
    line-height: 85%; 
     font-family: 'LatoLatin-Bold';
    padding-right: 10px;
     font-size: 300px;
     height: 255px;
   color: #fff;
    background-position-y: 22%;
   
    -webkit-background-clip: text;
    transition: all 0.5s;
    margin-bottom: 30px;
    text-shadow: 4px 4px 1px #01b2dc;

}
.parclear {float: left;width: 100%;text-align: center;    margin-bottom: 50px;}
.text-faction:hover{-webkit-background-clip: text;color: #ffffff;  text-shadow: 0 0px 0px #000; }
.parclear p{    margin-bottom: 0px;font-size: 60px;color: #ffffff;text-transform: uppercase;font-weight: 700;    font-family: 'LatoLatin-Black';text-shadow: 0px 2px 2px #006cff;}








.rightType{    width: 50%;
    padding: 0 30px;
    text-align: left;
    display: flex;
    flex-direction: column;
    align-items: flex-start;}

.rightType h1{   
    font-weight: 500;
    float: left;width: 100%;
    font-family: 'LatoLatin-Black';
    font-size: 46px;
    line-height: 52px;
    color: #000;
    margin: 0 0 20px 0;
    background: linear-gradient( 193deg, rgb(251 20 21 / 100%) 0%, rgb(1 108 255 / 100%) 100% );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    }
    .rightType h2{font-size: 22px;
        color: #6e6e6e;}
        .rightType h3{ margin: 22px 0;}
.rightType h1 del{
    color: #dadada;
}
.rightType h3 i{  font-family: 'LatoLatin-Black';font-style: normal;    font-family: 'LatoLatin-Black';
    font-style: normal;
    font-size: 22px;
    color: #006cff;
}

.freequote{background: #f9b024;padding:10px 20px;border: none;border-radius: 0px;float: left;color: #fff;
    font-family: 'LatoLatin-Bold';font-size: 17px;    box-shadow: 0 8px 20px 1px rgba(0,0,0,0.27);transition: all 0.2s ease-in-out;}
.freequote:hover{box-shadow:0 3px 6px 1px rgb(0 0 0 / 22%);transform: translateY(3px);backface-visibility: hidden;color: #ffffff;}

.rightType h1 .typed-cursor{color: #111; animation-name: blink;
    animation-duration: 1s;
    
     animation-iteration-count:infinite;}
     @keyframes blink {
        0% {opacity:0}
        30% {opacity:0}
        50% {opacity:1}
        
        
       
      }



.rightType h1 span{ font-family: 'LatoLatin-Black';font-size: 52px; color: #000;}





.portfolioTabsList{
    float: left;
    width: 100%;
    background-color: #fff;
    border: 0;
    margin: 0;
    padding:15px 15px 20px;   
    text-align: center;

}
.portfolioTabsList>li {
    padding:0 8px;
    text-transform: uppercase;
    width: auto;
    display: inline-block;
    float: none;
}
.portfolioTabsList>li>a{
    background-color: #f2f4f5;
    color: #333;
    border: 0;
    border-radius: 40px;
    padding: 10px 25px;
    margin: 0;
    font-family: 'LatoLatin-Medium';
}
.portfolioTabsList>li>a:active, .portfolioTabsList>li>a:hover, .portfolioTabsList>li>a:focus{ 
    background-color: #f2f4f5;
    color: #333;
    border: 0;
    border-radius: 40px;
    padding: 10px 25px;
    margin: 0;
}
.portfolioTabsList>li.active>a {
    background-color: #006cff;
    color: #fff;
    border: 0;  
    box-shadow: 0 0 6px #a3d2ff; 
}
.portfolioTabsList>li.active>a:hover, .portfolioTabsList>li.active>a:focus, .portfolioTabsList>li.active>a:active{
    background-color: #0083ff;
    color: #fff;
    border: 0;  
}

.portWebCardBody{
 float: left;
    width: 33.33%;
    padding: 20px;
}
.portWebCardSubBody{
       position: relative;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    min-width: 100%;
}


.portWebCard{
    display: -webkit-box;
    border-radius: 8px;
    background-color: #fff;
    padding: 32px;
    -webkit-transition: 200ms all;
    transition: 200ms all ;
    margin-top: 0px;
    box-shadow: 0 8px 60px 0 rgba(103,151,255,.11), 0 12px 90px 0 rgba(103,151,255,.11);
    padding: 0;
    overflow: hidden;
    transform: rotate(0deg);
    
}
.portWebCard img{
    height: auto; 
    display: block;
    max-width: 100%;
    align-self: center;
    -webkit-transition:200ms all;
    transition: 200ms all;
    visibility: visible;
    opacity: 1;
}

.portWebCard1{
    width: 180px;
    height: 240px;
    z-index: 3;
    margin-top:0px;
}
.portWebCard2{    
    position: absolute;
    top: 20px;
    left: 25px;
    width: 160px;
    height: 200px;
    opacity: .8;
    z-index: 2;
}
.portWebCard3{    
    position: absolute;
    top: 20px;
    right: 25px;
    width: 160px;
    height: 200px;
    opacity: .8;
    z-index: 2;
}

.portWebCardBody:hover .portWebCard1 {
    width: 160px;  
     -webkit-transition: 200ms all;
    transition: 200ms all ;
}
.portWebCardBody:hover .portWebCard2{
    left: 0;
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
    width: 140px;
    height: 220px;
    opacity: 1;
     -webkit-transition: 200ms all;
    transition: 200ms all ;
}
.portWebCardBody:hover .portWebCard3{
    right: 0;
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
    width: 140px;
    height: 220px;
    opacity: 1;
     -webkit-transition: 200ms all;
    transition: 200ms all ;
}

.portfolioTabs{ float: left; width: 100%; padding: 40px 0;}
.portfolioTabs .tab-content{ float: left; width: 100%;}




.aboutport {float: left;width: 100%;padding: 40px 0 0 0;margin-top: 30px;}
.topport {float: left;width: 100%;padding: 20px 0;}
.contetleft h1 {font-size: 54px; font-family: 'LatoLatin-Black';margin-top: 50px;margin-bottom: 30px;color: #000;}
.contetleft p {font-size: 30px;margin-bottom: 20px;padding-right: 25px; color: #868686;  }
.topport button {background: #0083ff;color: #fff;border: none;border-radius: 22px;font-size: 16px;padding: 12px 30px;}
.contetleft {float: left;width: 100%;    padding-top: 45px;}
.imgcurcle {float: left;width: 100%;position: relative;}
.centeimg {width: 100%;height: 470px;}
.imgrounfer {
    border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
    -webkit-animation: banneranimation 4s linear infinite;
    animation: banneranimation 4s linear infinite;
    box-shadow: 0px 20px 40px #00000033;
    object-fit: cover;
}


@-webkit-keyframes banneranimation {
    0% {
        border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%   
}
33% {
    border-radius: 30% 70% 66% 34% / 37% 36% 64% 63%
}
66% {
    border-radius: 37% 63% 62% 38% / 32% 43% 57% 68%
}
100% {
    border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%
}
}
@keyframes banneranimation {
    0% {
        border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%
    }
    33% {
        border-radius: 30% 70% 66% 34% / 37% 36% 64% 63%
    }
    66% {
        border-radius: 37% 63% 62% 38% / 32% 43% 57% 68%
    }
    100% {
        border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%
    }
}













@media screen and (max-width: 1199px) and (min-width: 992px) {

    .sliderMainDiv .slick-dots{right: -50px;}
    .overrel{width: 100%;}
    .clientTtil{position: relative;margin-top: 30px;font-size: 58px;white-space: normal;text-align: center;}

    .portBox{width: 33.33%;}
/********************************************************************************** parth css start */
.portfoliotitle {width: 40%;}
.portfilioteb {width: 60%;}
.testhitext p{    padding: 0px 15px;    line-height: 22px;}
.ueserimgs .usertesthis{width: 59px;height: 59px;    margin-bottom: 10px;}
.ueserimgs p{    font-size: 12px;margin-bottom: 6px;}
.ueserimgs ul li a img{width: 20px;}
.tethibio{top: -28px;}
.about_us6detailes{background-size: 100%;background-position: center;}
.missionboxcenter{width: 500px;}

/********************************************************************************** parth css end */
}


@media screen and (max-width: 991px) and (min-width: 768px) {
    .overrel{width: 100%;}
    .portBox{width: 50%;}
    .clientTtil{position: relative;margin-top: 30px;font-size: 50px;white-space: normal;text-align: center;}
    .First_sec{height: 423px;padding-bottom: 120px;}
    
    .hem_menu {display: block;}.Top_menu {
        float: left;
        width: 100%;
        position: fixed;
        left: 0;
        top: 0;
        height: 100vh;
        background: #fff;
        z-index: 99;
        background-color: #fff;
        translate: -100% 0;
        transition: translate .4s linear;
    }
    .firstdraweractive{    translate: 0;    }

    .Top_menu > ul {
        float: left;flex-direction: column;
        width: 100%;
        padding: 15px;   
    }

    .Top_menu > ul > li {
        width: 100%;
        padding: 11px 9px;
        background: #f5f5f5;
        margin-bottom: 10px;
    }

    .Top_menu > ul > li > a {
        color: #111457;
        padding: 0;
       font-size: 14px;display: flex;
       width: 100%;
    align-items: center;
    justify-content: space-between;
    }
   
    .Main_header {background: #fff;box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);}


    /********************************************************************************** parth css start */

    .portfilioteb ul li a {font-size: 14px;}
    .portfoliotitle h2 {font-size: 34px;}
    .portfoliotitle {width: 25%;}
    .portfilioteb {width: 75%;padding: 0px 0px 0px;}
    .portfolio{padding: 30px 30px 0px;}
    .welcome_om{font-size: 20px;}
    .learnmore{padding: 15px 50px;}
    .H_work .sectiti{padding: 50px 0 40px 0;font-size: 40px;}
    .parclear p{font-size: 50px;}
    .cenare{margin-bottom: 15px;}
    .testiSec .sectiti {margin: 50px 0 40px 0;}
    .testhitext p{padding: 0px 15px;    line-height: 22px;}
    .ueserimgs .usertesthis{width: 59px;height: 59px;margin-bottom: 10px;}
    .ueserimgs p{font-size: 12px;margin-bottom: 6px;}
    .ueserimgs ul li a img{width: 20px;}
    .tethibio{top: -28px;}
    .H_work{background: url(../images/whatwework_mobile.png)no-repeat;background-size: cover;}

    .boxpadd{padding: 50px 15px;}
    .boxtext h2{font-size: 19px;}
    .contectussection{padding: 0px 15px;}
    .contectform{padding: 0px 0px 70px;}
    .latestalk{text-align: center;padding: 0px 15px 50px;}
    .contectdetils{padding-bottom: 30px;}
    .lefticon{display: none;}
    .righticon{display: none;}
    .getintouch{padding-bottom: 30px;}
    .about_us6detailes{background-size: 100%;background-position: center;padding: 70px 30px;}
    .missionboxcenter{width: 379px;}



    /********************************************************************************** parth css end */
}



@media screen and (max-width: 767px) and (min-width: 318px) {
 
 
 
.whatWeDoBox {float: left;width: 100%;padding: 15px;}
.footWavePart {width: 100%;position: absolute;top: -100px;}

.comnPaddingForAll {padding: 0 15px;}
.portBox {float: left;width: 100%;padding: 0 15px;margin-bottom: 15px;}
.whatWeUseBackImg {padding: 30px 0 30px 0;}


/********************************************************************************** parth css start */
.aboutheaderdeta{padding: 30px 15px 30px 15px;height: 345px;}
.detilesabout {width: 100%;    margin-bottom: 30px;}
.learnmore{margin-right: 15px;margin-bottom: 0px;padding: 10px 20px;}
.gettrialversion{margin-right: 0px;padding: 10px 20px;}
.abouttime{margin-top: 30px;width: 100%;}
.welcome_om{font-size: 18px;}
.missionvect img{margin-top: 0;}
.missionvect {width: 100%;margin-bottom: 30px;}
.missiondeta p{line-height: 22px;}
.missionbox {width: 100%;position: inherit;right: 0;top: 0;}
.portfoliotitle{width: 100%;text-align: center;margin-bottom: 30px;}
.portfilioteb {width: 100%;}
.portfilioteb ul li{float: none;display: inline-block;}
.portfilioteb ul{white-space: nowrap;overflow-x: scroll;overflow-y: hidden;width: 100%;}
.projrctbox {width: 100%;}
.proboxrow {margin-left: 0;margin-right: 0;}
.portfolio{padding: 60px 0px 0px;}
.cereerstitle p{padding: 0px 0px;font-size: 14px;}
.cereers_part{padding: 40px 15px 0px;}
.cereerstitle h2{font-size: 30px;}
.designcereer{height: auto;margin-bottom: 30px;}
.servicesbox{height: auto;margin-bottom: 30px;}
.titleservice h2 {font-size: 20px;margin-top: 0;width: 100%;}
.servicesbox p{font-size: 14px;}
.aboutsection{background-size: inherit;background-position: 66% 82%;margin-top: 64px;}
.detilesabout h2 {font-size: 24px;padding: 0px 14px;}
.sibpage ul {width: 100%;}
.sibpage {width: 100%;}
.alldetastartprojects {width: 100%;margin: inherit;float: left;height: auto;}
.bannerstartproject img{width: 100%;    height: auto;}
.startprojects {width: 100%;    height: auto;padding: 40px 15px 70px 15px;}
.formbg {width: 100%;text-align: center;}
.bannerstartproject { width: 100%;height: 200px;overflow: hidden;}
.projectform{padding: 20px 15px;}
.bannerproject p{padding: 54px 20px;height: 200px;text-align: center;font-size: 30px;}
.submit{width: 100%;}
.parclear p{margin-bottom: 20px;font-size: 30px;}
.testiSec .sectiti {margin-top: 0;}
.parclear{margin-bottom: 20px;}
.cenare{margin-bottom: 15px;height: auto;}
.H_work .sectiti{padding: 50px 0 40px 0;}
.tethibio{top:-45px;}
.contectussection{padding: 0px 15px;}
.getintouch h1{font-size: 30px;}
.contectdetils{padding-top: 50px;padding-bottom: 30px;}
.getintouch{padding-bottom: 30px;}
.boxpadd{padding: 50px 40px;}
.boxtext{height: auto;}
.latestalk{text-align: center;padding: 0px 0px 50px;}
.contectform{padding: 0px 0px 70px;}
.lefticon{display: none;}
.righticon{display: none;}
.latestalk p{font-size: 16px;}
.latestalk h1{font-size: 54px;}
.contactformdesign{padding: 40px 30px;}
.contactbiopage{background: url(../images/whatwework_mobile.png)no-repeat;    background-size: cover;}
.boxreview{height: auto;}
.centeimg {width: 100%;height: 340px;}
.contetleft {margin-bottom: 30px;padding-top: 20px;}
.titlemission h2 {font-size: 34px;}
.contetleft p {font-size: 22px;}
.contetleft h1 {font-size: 40px;margin-top: 0;}
.text-faction{font-size: 224px;}
.rightType h1 i{font-size: 20px;}
.wavesection{margin-top: 0;}
.freequote{width: 100%;text-align: center;}
.portWebCardBody{width: 100%;}
.portfolioTabsList{white-space: nowrap;overflow-x: scroll;overflow-y: hidden;}
/********************************************************************************** parth css end */

.hellinksec{padding: 0;}
.mainFoot {padding-top: 20px;}.topfoothead {margin-bottom: 7px;margin-top: 25px;text-align: left;}
.addLine {margin-top:0;margin-bottom: 20px;}
.senbtn {width: 100%;}
.socilIc li:last-child {position: relative;right: 0;width: 100%;}
.missionboxcenter {width: 100%;float: left;margin: 0px;}
.about_us6detailes{    background: url(../images/ourmission_mobile.jpg)no-repeat;background-position: top;    padding: 70px 15px;}



}










/***************************************************************************************************** outher css */









@media screen and (min-width: 1400px) {
.MainDv{width: 1300px;margin: 0 auto;float: none;}
.H_work>div{width: 100%;margin: 0 auto;}
	
.testiSec .container-fluid{width: 1300px;}	
.whatWeUseBackImg{width: 1300px; margin: 0 auto; float: none;}	
.First_sec::after{height:200px;}
.First_sec::before{height:200px;}
.footWavePart {top:-300px}
.footWavePart svg {width: 1900px; height:550px;}
}


.imageeffect{padding: 6px;display: inline-block;position: relative;}
.imageeffect::before{content: ""; position: absolute;width: 100%;height: 100%;top: 0;left: 0;border-radius: 50%;border: 2px solid #333;transform: scale(0.7);transition: 0.2s;}
.imageeffect:hover img{background: linear-gradient(135deg, rgba(71,71,71,1) 0%, rgba(51,51,51,1) 50%, rgba(71,71,71,1) 50%, rgba(51,51,51,1) 100%);}
.imageeffect:hover::before{transform: scale(1);}

.box:hover .imageeffect img{background: linear-gradient(135deg, rgba(71,71,71,1) 0%, rgba(51,51,51,1) 50%, rgba(71,71,71,1) 50%, rgba(51,51,51,1) 100%);}
.box:hover .imageeffect::before{transform: scale(1);}
.box:hover{ box-shadow:0px 0px 16px #949191;transform: scale(1.04);}






#parallax {position: relative;width: 70%; float:left; margin-left:-30px;}
#parallax img{position:absolute; top:0; left:0; width:100%; height:auto; transition: all 0.2s; transform:translate3d(0 ,0 ,0);}
#parallax img:nth-child(1){z-index:3;transform: translate3d(74.28px, 27.1px, 0px);}
#parallax img:nth-child(2){z-index:2;transform: translate3d(59.6px, 31.55px, 0px);}
#parallax img:nth-child(3){z-index:1;transform: translate3d(55.76px, 37.7px, 0px);}

  
@media screen and (max-width: 767px) and (min-width: 318px) {
      
#parallax img:nth-child(1){z-index:3;transform: translate3d(0,0,0);}
#parallax img:nth-child(2){z-index:2;transform: translate3d(0,0,0);}
#parallax img:nth-child(3){z-index:1;transform: translate3d(0,0,0);}
#parallax {margin-left: 0px;margin-top: 40px; display: none;}
.rightType {width:100%;}
.rightType h1{margin-top: 0;text-align: center;font-size: 32px; line-height: 50px;}
.rightType h1 span{font-size: 46px;}
.rightType h2{text-align: center;    font-size: 18px;}

}













.main-content {margin: 0px auto;position: relative;}
.main-content .section-inner,
.main-content .post-wrapper {*zoom: 1;}
.main-content .section-inner:before,
.main-content .post-wrapper:before,
.main-content .section-inner:after,
.main-content .post-wrapper:after{content: "";display: table;}
.main-content .section-inner:after,
.main-content .post-wrapper:after {clear: both;}
.section .section-inner {margin: 0px auto;width: 1024px;}
@media only screen {
.section .section-inner {width: auto;max-width: 1024px;}
}
  /*==========  Stem  ==========*/
  .stem-wrapper {
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 50%;
    z-index: 0;
  }
  .stem-wrapper.color-yellow .stem-background {
    background: #E9E566;
  }
  .stem-wrapper.color-blue .stem-background {
    background: #00deff;
  }
  .stem-wrapper.color-white .stem-background {
    background: #FFF;
  }
  .stem-wrapper .stem,
  .stem-wrapper .stem-background {
    position: absolute;
    top: 0px;
    left: -30px;
    width: 60px;
  }
  .stem-wrapper .stem {
    background: #666;
    height: 100%;
  }
  .stem-wrapper .stem-background {
    background: #39ACBD;
    height: 50%;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
  }
  .stem-padding,
  .single-stem-icon {
    width: 60px;
    height: 60px;
    margin: 0px auto;
    background: transparent url(../images/stem-mask.png) repeat-y top center;
  }
  .single-stem-icon.scroll-to-top {
    cursor: pointer;
    background-image: url(../images/scroll-to-top-icon.png);
  }
  /*==========  Post wrapper ==========*/
  .post-wrapper {
    *zoom: 1;
  }
  .post-wrapper:before,
  .post-wrapper:after {
    content: "";
    display: table;
  }
  .post-wrapper:after {
    clear: both;
  }
  .post-wrapper .post {
    position: relative;
    width: 432px;
    padding: 0px 0px 60px 0px;
    /* clear: both; */
    opacity: 1;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    height: 252px;
  }
  .post-wrapper .post img{width:auto;height: 252px;padding-bottom: 40px;}
  .post-wrapper .post.hidden .post-content {
    -webkit-transform: translateY(100px) rotateX(30deg);
    transform: translateY(100px) rotateX(30deg);
    opacity: 0;
  }
  .post-wrapper .post:hover .post-content,
  .post-wrapper .post.active .post-content {
    opacity: 1;
  }
  .post-wrapper .post:hover .post-content .meta,
  .post-wrapper .post.activemeta .post-content .meta {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
  .post-wrapper .post:nth-child(even) {
    float: right;
  }
  .post-wrapper .post:nth-child(odd) {
    float: left;
  }
  .post-wrapper .post:nth-child(even) .stem-overlay {
    left: -110px;
  }
  .post-wrapper .post:nth-child(odd) .stem-overlay {
    right: -110px;
  }
  
  .post-wrapper .post.launch-icon .stem-overlay .icon {
    background-image: url(../images/launch.png);
  }
  
  .post-wrapper .post.music-icon .stem-overlay .icon {
    background-image: url(../images/development.png);
  }
  .post-wrapper .post.bitbucket-icon .stem-overlay .icon {
    background-image: url(../images/plan_one.png);
  }
  .post-wrapper .post.m-icon .stem-overlay .icon {
    background-image: url(../images/design_one.png);
  }
  .post-wrapper .post.twitter-icon .stem-overlay .icon {
    background-image: url(../images/execute.png);
  }
  .post-wrapper .post .stem-overlay {
    position: absolute;
    top: 0px;
    bottom: 0px;
    width: 60px;
  }
  .post-wrapper .post .stem-overlay .icon {
    background: transparent no-repeat center center;
    height: 60px;
    width: 60px;
    cursor: pointer;
  }
  .post-wrapper .post .stem-overlay .stem-mask {
    position: absolute;
    top: 60px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background: transparent url(../images/stem-mask.png) repeat-y top center;
  }
  .post-wrapper .post .post-content {
    color: #000;
    opacity: 1;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transform: none;
    transform: none;
  }
  .post-wrapper .post .post-content .meta {color: rgba(0, 0, 0, 0.5);margin: 0px 0px 5px 0px;letter-spacing: 1px;
    opacity: 0;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;-webkit-transform: translateY(-5px);transform: translateY(-5px);}
  .post-wrapper .post .post-content .post-title{font-size: 32px;line-height: 42px;margin: 0px 0px 15px 0px;
	font-family: 'LatoLatin-Bold';}
  
  .post-wrapper .post .post-content .entry-content{color:#666;}
  
  
  /*==========  Media queries  ==========*/
  @media only screen and (max-width: 1080px) {
    .main-content,
    .main-content .section-inner {max-width: none;}
    .stem-wrapper {left: 80px;}
    .stem-padding,
    .single-stem-icon {margin: 0px;float: none;margin-left: 50px;}
    .post-wrapper .post,
    .post-wrapper .post:nth-child(even),
    .post-wrapper .post:nth-child(odd) {width: auto;margin-left: 110px;float: none;}
    .post-wrapper .post .stem-overlay,
    .post-wrapper .post:nth-child(even) .stem-overlay,
    .post-wrapper .post:nth-child(odd) .stem-overlay {left: -60px;right: auto;}
    .post-wrapper .post .post-content {padding: 0px 50px;}
    .post-wrapper .post {margin-left: 65px !important;}
    .stem-wrapper {left: 20px;}
    .stem-padding,
    .single-stem-icon{margin-left: 5px;}
    .post-wrapper .post{height: 194px;padding: 0px 0px 29px 0px;}
    .mobilenone{display: none;}
    .stem-wrapper .stem, .stem-wrapper .stem-background{left: 9px;}
  }
  @media screen and (max-width: 1024px) and (min-width: 1024px) {
    .stem-wrapper {
        left: 38px;
    }
  }
  @media only screen and (max-width: 700px) {

    .header .page-title {
      font-size: 40px;
    }
    .post-wrapper .post {
      margin-left: 65px !important;
    }
    .post-wrapper .post .post-content {
      padding: 0 15px;
    }
    .stem-wrapper {
      left: 20px;
    }
    .stem-padding,
    .single-stem-icon {
      margin-left: 5px;
    }

    .post-wrapper .post{height: 285px;padding: 0px 0px 29px 0px;}
    .mobilenone{display: none;}
    .stem-wrapper .stem, .stem-wrapper .stem-background{left: -0px;}
    
  }




  .clearfix {
    *zoom: 1;
  }
  .clearfix:before,
  .clearfix:after {
    content: "";
    display: table;
  }
  .clearfix:after {
    clear: both;
  }

  .sectionwrap{position: relative;width: 100%;float: left; z-index:-2;}
  .whiteboxbottom{width:100%; float:left; background:#fff; height:50px;}

  @media only screen and (max-width: 992px) {
    .whiteboxbottom{
        background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 37%, rgba(246,41,12,0) 37%, rgba(231,56,39,0) 100%);
    }
    
  }

  @media only screen and (max-width: 640px) {
	#sineCanvas {
        height: 180px;
	}
    .whiteboxbottom{
        background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(246,41,12,0) 50%, rgba(231,56,39,0) 100%);
    }
}




/******************************************************************************** contact us css start */
.contus {
    float: left;
    width: 100%;
    padding: 100px 0 60px;
    background: url(../images/projectsbanner.jpg)no-repeat;
    background-size: cover;
    background-position: top;
}

.fulForm {
    float: left;
    width: 100%;
    margin: 30px 0 0;

}

.formSec {
    float: left;
    width: 40%;
    padding-right: 30px;
}

.inputfield {
    float: left;
    width: 100%;
    position: relative;
    margin-bottom: 30px;
}

.inputfield input {
    float: left;
    width: 100%;
    border: none;
    outline: none;
    box-shadow: none !important;
    border-bottom: 1px solid #000000;
    border-radius: 0;
    padding: 3px 0;
    font-size: 16px;
    background: 0 0;
    color: #1d5896;
}

.inputfield textarea{
    float: left;
    width: 100%;
    border: none;
    outline: none;
    box-shadow: none !important;
    border-bottom: 1px solid #000000;
    border-radius: 0;
    padding: 7px 0;
    height: 80px;
    font-size: 16px;
    background: 0 0;
    color: #1d5896;
    resize: none;
}
.inputfield label {
    position: absolute;
    left: 0;
    top: 0px;
    font-size: 16px;
    transition: all 0.3s;
    color: #5a5a5a;
    font-weight: normal;
    margin: 0;
}
.field.active label {
    font-size: 12px;
    top: -9px;
    background: #fff;
    padding: 3px;
    z-index: 3;
}
.wi50{

    float: left;
    width: 50%; 
    padding: 0 10px;

}
.pad10{padding: 0 10px;}
.line_b{

    position: absolute;
    height: 1px;
    background:#00b9ff;
    bottom: 0;
    left: 0;
    width: 100%;
    transition: all .4s ease-in-out;

}
.inputfield.active label{
    font-size: 12px;
    top: -10px;
}
.inputfield.active .line_b{
    width: 100%;
}
.innerfildprojects.active .line_b{
    width: 100%;
}
.contlab{
    color: #000;
    float: left;
    font-size: 50px;
    font-family: 'LatoLatin-Black';
    width: 100%;
    margin: 0 0 15px;
}

.shrtg{color: #555;float: left;font-size: 15px;line-height: 26px;}
.subbtn{border-radius: 22px;background: #006cff;margin-top: 20px;color: #fff!important;font-size: 15px;
font-weight: normal;border: none;padding: 8px 35px;line-height: 30px;-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;
background-size: 200% auto!important;width: 100%;cursor: pointer;outline: none;text-transform: uppercase;}

.subbtn:hover{background-position: right center;}
.addBox{float: left;width: 60%;padding: 30px;background-color: #fff;border-radius: 30px;box-shadow: 10.565px 22.658px 50px 0 rgba(0,0,0,.1);}
.listAdd{float: left;width: 100%;}
.listAdd{float: left;width: 33.33%;margin-bottom: 20px;padding: 0 10px;}
.listAdd p{font-size: 14px;line-height: 28px;float: left;width: 100%;margin: 0;padding-left: 27px;color: #555;}
.posrel{float: left;width: 100%;position: relative;}
.locic{position: absolute;left: 0;top: 3px;}
.mailToBx{float: left; width:33.33%;padding: 0 10px;}
.tilsco{font-size: 16px;color: #333;float: left;font-weight: 700;margin-bottom: 20px;}
.slits{float: left;}
.slits li{float: left;list-style: none;margin-right: 10px;}
.slits li a{width: 36px;height: 36px;padding: 7px;border-radius: 50%;float: left;}
.slits li a img{height: 22px;}
.fb{background-color: #3b5998;}
.lin{background-color: #0177b5;}
.skyp{background-color: #00aff0;}
.gtouch{font-size: 20px;float: left;color: #333;width: 100%;font-weight: 700;margin-bottom: 20px;}
.btmlinbar{float: left;width: 100%;margin-top: 30px;}
.contLing{font-size: 14px;line-height: 28px;float: left;font-family: 'Heebo-Medium';margin: 0;color: #555;}
.btmlinbar .listAdd{margin: 0;width: 33.33%;}
.mapsection{width: 100%;float: left;}
.mapview{width: 100%;float: left;}
.gmap_canvas{width: 100%;height: 300px;}
.i4ewOd-pzNkMb-haAclf{display: none;}

@media screen and (max-width: 767px) and (min-width: 318px) {
    .formSec{width: 100%;padding-right: 0px;}
    .wi50{width: 100%;padding: 0 0px;}
    .pad10 {padding: 0 0px;margin-bottom: 30px;}
    .addBox{width: 100%;padding: 15px;}
    .listAdd{width: 100%;}
    .mailToBx{width: 100%;margin-bottom: 15px;}
    .btmlinbar .listAdd {width: 100%;margin-bottom: 15px;}
}
/******************************************************************************** contact us css end */





/******************************************************************************** service_animation css start */



.a_displayService{float: left;width: 100%;margin-top: 77px;}
.a_partservice{float: left;width: 100%;}
.pc_icon{float: left;width: 50%;height: 500px;}
.serviceContent{float: left;width: 50%;padding-left: 50px;margin-top: 54px;padding-right: 15%;}
.serviceContent img{width: 68px;height: 68px;float: left;background: #f5f5f5;padding: 10px;border-radius: 50%;margin-bottom: 15px;}
.serviceContent h2{float: left;font-size: 40px;color: #000000;font-family: 'LatoLatin-Black';clear: left;margin-bottom: 10px;}
.serviceContent p{float: left;width: 100%;color: #707070;font-size: 16px;margin-bottom: 30px;line-height: 28px;}
.serviceContent a{float: left;background: #0083ff;cursor: pointer;display: inline-block;text-decoration: none;padding: 15px 50px;font-size: 14px;text-transform: uppercase;color: #fff;border-radius: 50px;text-align: center;font-family: 'Heebo-Medium';}
.img_pc_1{background: url(../images/pc_1.png) no-repeat;background-size: 100%;background-position: top right;background-attachment: fixed;}
.img_pc_2{background: url(../images/pc_2.png) no-repeat;background-size: 100%;background-position: top right;background-attachment: fixed;}
.img_pc_3{background: url(../images/pc_3.png) no-repeat;background-size: 100%;background-position: top right;background-attachment: fixed;}
.img_pc_4{background: url(../images/pc_4.png) no-repeat;background-size: 100%;background-position: top right;background-attachment: fixed;}
.img_pc_5{background: url(../images/pc_5.png) no-repeat;background-size: 100%;background-position: top right;background-attachment: fixed;}
.img_pc_6{background: url(../images/pc_6.png) no-repeat;background-size: 100%;background-position: top right;background-attachment: fixed;}


@media screen and (max-width: 1199px) and (min-width: 992px) {
    
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    
}



@media screen and (max-width: 767px) and (min-width: 318px) {
    .serviceContent{width: 100%;padding-right: 15px;padding-left: 15px;margin-top: 0;padding-bottom: 15px;}
    .pc_icon{display: none;}
    .img_pc_1,.img_pc_2,.img_pc_3,.img_pc_4,.img_pc_5,.img_pc_6{background: none;}
    .a_displayService{margin-top: 30px;}
}

@media screen and (min-width: 1400px) {
    
}

  

 
/******************************************************************************** service_animation css end */



/******************************************************************************** career css start */
.cereers_part {width: 100%;float: left;background-color: #fff;padding: 70px 50px 70px;}

.services-item{text-align: center; box-shadow: 0 0 40px rgb(14 16 48 / 16%);;padding:20px;background-color:#fff;-webkit-border-radius:22px;-moz-border-radius:22px;border-radius:22px;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;transition:all .4s;position:relative;overflow:hidden;margin-bottom:30px;z-index:2;min-height: 465px;}

.servicestypes .services-item{min-height: 358px;}
.services-item .hover-overlay:before,.services-item .hover-overlay:after{position:absolute;content:'';top:50%;left:-90px;width:540px;height:540px;z-index:-1;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;-webkit-transform:translateY(100%) rotate(-10deg);-moz-transform:translateY(100%) rotate(-10deg);-ms-transform:translateY(100%) rotate(-10deg);-o-transform:translateY(100%) rotate(-10deg);transform:translateY(100%) rotate(-10deg);background-color:rgba(255,255,255,0.2);}
.services-item .hover-overlay:after{top:70%;background-color:rgba(255,255,255,0.3);}
.services-item .services-icon{color:#fff;font-size:40px;position:relative;width:80px;height:80px;line-height:87px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background-color: #006cff;text-align:center;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;transition:all .4s;-webkit-box-shadow:0 4px 20px rgba(108,92,231,0.3);-moz-box-shadow:0 4px 20px rgba(108,92,231,0.3);box-shadow:0 4px 20px rgb(56 56 56 / 21%);overflow:hidden;}
.services-item .services-title{font-weight:600;text-transform:capitalize;font-size:24px;margin-top:30px;margin-bottom:20px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;}
.services-item .services-title a{color:#2e3d62;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;    line-height: 28px;}
.services-item .services-text{line-height:28px;margin-bottom:20px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;}
.services-item:before{position:absolute;content:'';top:30%;left:-90px;width:540px;height:540px;background-color:rgba(255,255,255,0.1);z-index:-1;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;-webkit-transform:translateY(100%) rotate(-10deg);-moz-transform:translateY(100%) rotate(-10deg);-ms-transform:translateY(100%) rotate(-10deg);-o-transform:translateY(100%) rotate(-10deg);transform:translateY(100%) rotate(-10deg);}
.services-item:hover{background-color:#006cff;}
.services-item:hover .services-title,.services-item:hover .services-title a,.services-item:hover .services-text{color:#fff;}
.services-item:hover .services-icon{color:#6c5ce7;background-color:#000000;-webkit-box-shadow:0 0;-moz-box-shadow:0 0;box-shadow:0 0;}
.services-item:hover:before{transition-delay:.2s;-webkit-transform:translateY(0) rotate(-10deg);-moz-transform:translateY(0) rotate(-10deg);-ms-transform:translateY(0) rotate(-10deg);-o-transform:translateY(0) rotate(-10deg);transform:translateY(0) rotate(-10deg);}
.services-item:hover .hover-overlay:before,.services-item:hover .hover-overlay:after{-webkit-transform:translateY(0) rotate(-10deg);-moz-transform:translateY(0) rotate(-10deg);-ms-transform:translateY(0) rotate(-10deg);-o-transform:translateY(0) rotate(-10deg);transform:translateY(0) rotate(-10deg);}
.services-item:hover .hover-overlay:after{transition-delay:.1s;}
.services-item .services-icon{width:70px;height:70px;line-height:66px;margin-left:auto;margin-right:auto;border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;font-size:35px;animation: banneranimation 3s linear infinite;}
.services-item .services-title{font-size:20px;}
.services-item .services-text{margin-bottom:0;}
.services-item:hover .services-title a{color:#fff;}
.services-box-color-2 .services-icon {background-color: #006cff;-webkit-box-shadow: 0 4px 20px rgba(40,213,67,0.3);-moz-box-shadow: 0 4px 20px rgba(40,213,67,0.3);box-shadow:0 4px 20px rgb(56 56 56 / 21%);}
.services-box-color-3 .services-icon {background-color: #006cff;-webkit-box-shadow: 0 4px 20px rgba(245,89,116,0.3);-moz-box-shadow: 0 4px 20px rgba(245,89,116,0.3);box-shadow:0 4px 20px rgb(56 56 56 / 21%);}
.services-box-color-4 .services-icon {background-color: #006cff;-webkit-box-shadow: 0 4px 20px rgba(197,0,238,0.3);-moz-box-shadow: 0 4px 20px rgba(197,0,238,0.3);box-shadow: 0 4px 20px rgb(56 56 56 / 21%);}
.counter-classic-decor {position: absolute;bottom: 0;left: 50%;width: 100px;height: 5px;font-size: 0;line-height: 0;background: #fff;transform: translateX(-50%);transition: all .4s ease;}
.services-item:hover .counter-classic-decor {bottom: 173px;transform: translateX(-50%) rotate(180deg);}
.services-icon img{width: 100%;}

@media only screen and (min-width:480px) and (max-width:767px){
.cereers_part {padding: 40px 15px 0px;}
.feature-item:before{width:740px;}
.feature-item .hover-overlay:before,.feature-item .hover-overlay:after{width:740px;}
}

/******************************************************************************** career css end */
 




 

.inner_serivces_top {float: left;width: 100%;padding: 40px 0 0 0;margin-top: 30px;}
.inner_title_top h1 {font-size: 54px; font-family: 'LatoLatin-Black';margin-top: 50px;margin-bottom: 30px;color: #000;}
.inner_title_top p {font-size: 30px;margin-bottom: 20px;padding-right: 25px; color: #868686;  }
.inner_title_top {float: left;width: 100%;    padding-top: 0px;}
.inner_sec_same{width: 100%;float: left;background-color: #fff;padding: 70px 50px 70px;}
.inner_box_services {width: 100%;float: left;}
.inner_box {width: 100%;float: right;padding: 30px 30px;background: #fff;box-shadow: 0px 0px 35px rgb(0 0 0 / 15%);border-radius: 12px;}
.inner_white_block {float: left;width: 100%;margin-bottom: 40px;}
.inner_text_title {float: left;width: 100%;}
.inner_text_title h2 {float: left;width: 100%;font-size: 30px;color: #000;font-family: 'LatoLatin-Medium';margin-bottom: 20px;text-align: center;}
.inner_common p {float: left;width: 100%;color: #707070;font-size: 16px;margin-bottom: 30px;line-height: 28px;}
.service_offer {float: left;width: 100%;}
.service_offer p {float: left; width: 100%;color:#707070;font-size: 16px;margin-bottom:15px;line-height: 28px;font-family: 'LatoLatin-Medium';}
.service_offer ul {float: left;width: 100%;padding-left: 30px;}
.service_offer ul li{float: left;width: 25%;font-size: 15px;margin-bottom: 10px;color: #707070;}



@media screen and (max-width: 767px) and (min-width: 318px) {

.inner_title_top {margin-bottom: 30px;    padding-top: 20px;}
.inner_title_top p {font-size: 22px;}
.inner_title_top h1 {font-size: 40px;margin-top: 0;}
.inner_sec_same {padding: 50px 15px 40px;}
.inner_text_title h2 {font-size: 25px;line-height: 30px;}
.inner_common p {margin-bottom: 15px;}
.service_offer ul li {width: 100%;}

}







/*21_10_2021 start*/


.BG_layer{z-index: 9999; background: rgba(0,0,0,0.7);position: fixed;left: 0;top: 0;width: 100%;height: 100%;}
.width_modal{width: 550px;background: #fff;border-radius: 8px;padding:50px 30px;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);    overflow: hidden;}
.width_modal .formSec{width: 100%;padding: 0;}
.width_modal .contlab{font-size: 26px;padding-left: 10px;margin-bottom: 30px;text-transform: uppercase;}
.width_modal .fulForm{margin-top: 10px;}
.width_modal .subbtn{margin-top: 0;width: 100%;background: #006cff;font-weight: normal;text-transform: uppercase;}
.width_modal .inputfield input{border-bottom: 1px solid #d7d7d7;}
.width_modal .inputfield textarea{border-bottom: 1px solid #d7d7d7;}
.width_modal .inputfield{margin-bottom: 50px;}
.width_modal .inputfield label{color: #000;}
.width_modal .submit{box-shadow: none;text-transform: uppercase;font-weight: normal;}
.width_modal .innerfildprojects input {border-bottom: 1px solid #d7d7d7;font-size: 16px;}
.width_modal .innerfildprojects textarea {border-bottom: 1px solid #d7d7d7;font-size: 16px;}
.width_modal .fildprojects{margin-bottom: 40px;}
.width_modal .innerfildprojects label{font-size: 16px;}
.width_modal .innerfildprojects label.uplodefile{font-size: 14px;}
.width_modal .innerfildprojects label.hovertext{font-size: 12px;}

.cls_modal{position: absolute;right: 0;top: 0;width: 60px;background: #006cff;height: 60px;text-align: center;border-radius: 0 0 0 60px;}
.cls_modal img{width: 16px;margin-top: 17px;margin-right: -13px;}

.width_modal .projectform{padding: 0;background: none;box-shadow: none;}
.width_modal .str_pro{padding-left: 0;text-transform: uppercase;}

@media screen and (min-width:320px) and (max-width:767px){
    .width_modal{width: 95%;}
    .width_modal .contlab{padding-left: 0;}
    .width_modal .pad10{margin-bottom: 0;}
    .cls_modal{right: 10px;top: -34px;}
}






/*404 page start*/

.pagefoundsec{width:100%;display: inline-block;padding:100px 0px 40px 0;}
.pagefoundbox{width:100%;display: flex;justify-content: space-between;align-items: center;}
.pagedesccard{width:50%;padding-right:20px;}
.pagedesccard h2{    font-size: 34px;
    font-family: 'LatoLatin-Black';
 
    color: #2b2b2b;margin-bottom:0px;line-height:48px;}
.headingline{width:120px;float:left;height:5px;    background-color: #006cff;
    opacity: 1.5;margin-top:15px;margin-bottom:0px;}
.pagedesc{display: inline-block;width: 100%; font-size:24px;color:#3d3d3d;line-height:32px;margin-bottom:0px;margin-top:26px;}
.pageimgcard{width:40%;}
.pageimgcard img{width:100%;float:left;}
.pagedesccard h2 span{color: #006cff;}
@media screen and (min-width:318px) and (max-width:991px){
    .pagefoundsec{padding:100px 0 30px 0;}
    .pagefoundbox{display:block;}
    .pagedesccard{width:100%;float:right;padding-right:0px;margin-top: 20px;}
    .pageimgcard{width:100%;float:left;}
    .pagedesccard h2{font-size:26px;line-height: 32px;}
    .headingline{width:90px;height:3px;margin-top:5px;}
    .pagedesc{font-size:18px;margin-top:20px;line-height: 25px;}
}

/*404 page end*/



/*testing page start*/
.testing_offer {
    margin-top: 50px;
    float: left;
    width: 100%;
}

.title_sec h2 {
    font-size: 30px;
    font-family: 'LatoLatin-Bold';
    margin-bottom: 40px;
    color: #000;
}

.item_cont {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    border-radius: 2px;
    margin: 0 auto;
    min-height: 300px;
}

.item-wrapper {
    position: relative;
    font-size: 18px;
    flex: 1;
    text-align: center;
    min-height: 300px;
    background: center/cover no-repeat;

    transition: flex 0.5s;
    -webkit-transition: flex 0.5s;
    -moz-transition: flex 0.5s;
    -o-transition: flex 0.5s;
}

.item-wrapper.expand {
    flex-grow: 1.5;
}

.item-wrapper.w1 {
    background-image: url("../images/app-test.jpg");
}

.item-wrapper.w2 {
    background-image: url("../images/agile.jpeg");
}

.item-wrapper.w3 {
    background-image: url("../images/devops.jpg");
}

.item-wrapper.w4 {
    background-image: url("../images/qa.jpg");
}

.item-wrapper.w5 {
    background-image: url("../images/privacy.jpg");
}

.item-wrapper.w6 {
    background-image: url("../images/performance.jpg");
}

.item-wrapper.w7 {
    background-image: url("../images/usability.jpg");
}

.item-wrapper.w8 {
    background-image: url("../images/robot-handshake.jpg");
}

.item-wrapper p {
    transition: transform 0.5s;
    font-size: 18px;
    display: inline-block;
    font-family: 'LatoLatin-Bold';
    padding: 10px;
    color: #fff;
}

.item-wrapper > div {
    width: 100%;
    height: 100%;
    position: absolute;
    flex-direction: column;
    top: 0;
    display: flex;
    transition: 0.4s ease-in-out;
    padding: 40px 0 0 0;
    align-items: center;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
}

.item-wrapper i {
    width: 300px;
    transition: 0.3s;
    font-size: 16px;
    line-height: 20px;
    font-style: normal;
    color: #fff;
    opacity: 0;
    transform: translateY(30px);
}

.pad_cus {
    padding: 45px 0;
}

.item-wrapper div.active i {
    opacity: 1;
        transform: translateY(0px);
}

.rightdata {
    width: 65%;
    float: left;
    padding-left: 35px;
}

.approch_sec {
    background: url(../images/bg.jpg);

    padding: 55px 0;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    float: left;
    width: 100%;
}

.para_p {
    font-size: 16px;
    line-height: 24px;
}

.why_ch {

    background: url(../images/que.png);

    padding: 55px 0;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    float: left;
    width: 100%;
}

.wid_cu {
    float: right;
    width: 60%;
}

.wid_cu h2 {
    color: #000;
}

.item-wrapper:hover div {
    background: #006cffad;
}

.achiv_pt {
    display: flex;
    width: 100%;
    float: left;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.ach_pt_box {
    padding:  15px;width: 24%;
}
.ach_pt_box div{
   height: 100%;
    transition: 1s;  border: 2px solid #006cff;border-radius: 6px;
   padding: 15px;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 0;display: flex;    flex-direction: column;

}

.ach_pt_box div::before, .ach_pt_box div::after {
  position: absolute;
  background: #f5f8ff;
  z-index: -1;
  transition: 1s;
  content: '';
}
.ach_pt_box div::before {
    height: 103%;
    width: 87%;
}

.ach_pt_box div::after {
 height: 87%;
  width: 103%;
}
.ach_pt_box div:hover::before {
  width: 0px;

}

.ach_pt_box div:hover::after {
  height: 0px;

}

.ach_pt_box div:hover {
      box-shadow: 0px 0px 48px 0px rgb(161 161 161 / 30%);


}

.Achieved_sec{
    background: #f5f8ff;
    padding: 55px 0;
    float: left;
    width: 100%;
}
.ach_pt_box div img{width: 60px;}
.ach_pt_box div h4{font-size: 18px;font-family: 'LatoLatin-Medium';width: 70%;text-align: center;margin: 15px 0;}
.ach_pt_box div h4 span{font-size: 24px;display: block;font-family: 'LatoLatin-Bold';margin-bottom: 10px;}


@media screen and (max-width: 767px) and (min-width: 318px){
    .achiv_pt{display: block;}
    .ach_pt_box{width: 100%;}
    .item_cont{display: grid;grid-template-columns: repeat(2,1fr);}
    .item-wrapper i{width: 100%;}
}

/*---------------------------------28-02-2022---------------------------------*/




.Top_menu > ul > li.service_static{position: static;}

.service_list_box{float: left;width: 100%;}
.service_list_items{float: left;width: 100%;display: flex;}
.bg_grey{padding: 10px 10px 10px 15px; background-color: #F1F3F6;width: 26%;float: left;display: flex;
    align-items: center;    border-bottom: #D9DDE2 solid 1px;    border-right: #D9DDE2 solid 1px;}
.bg_grey > a {color: #093162;font-family: 'LatoLatin-Bold';font-size: 16px;transition: 0.3s;    display: flex;
    align-items: center;}
.bg_grey > a > img{float: left;width: 30px;margin-right: 5px;}
.fff_right{width: 74%;    border-bottom: #ECEEF0 solid 1px;padding: 20px 0 10px 10px;float: left;}
.tech_links{float: left;margin:0 11px 10px 0;}
.tech_links > a{font-size: 12px;background: #f7f7f7;padding: 7px 10px;border-radius: 6px;float: left;text-transform: uppercase;
    display: flex;align-items: center;color: #093162;font-family: 'LatoLatin-Medium';transition: 0.4s all ease;}
.tech_links > a > img{width: 20px;float: left;margin-right: 5px;}
.tech_links > a:hover{background: #d9d9d9;}
.tech_links > a:hover > img{    transform: rotateX(360deg);
    -webkit-transform: rotateX(360deg);
    -moz-transform: rotateX(360deg);
    -ms-transform: rotateX(360deg);
    -o-transform: rotateX(360deg);
    transition: 0.5s all ease;
    -webkit-transition: 0.5s all ease;
    -moz-transition: 0.5s all ease;
    -ms-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;}
.bg_grey > a:hover{color: #00b9f9;}




.serdropin {
    float: left;
    width: 100%;
}
.serdropin>h4 {
    float: left;
    width: 100%;
    font-size: 16px;
font-family: 'LatoLatin-Bold';
    margin-bottom: 15px;
    color: #000;
}
.serdropin>ul {
    list-style-type: none;
    float: left;
    width: 100%;
    padding-left: 15px;
    margin-bottom: 15px;
}
.serdropin>ul>li {
    float: left;
    width: 100%;
    padding: 5px 0px;
}
.serdropin>ul>li>a {
    color: #545454;
    font-size: 14px;
    text-decoration: none;
}
.serdropin>ul>li>a>img {
    margin-right: 10px;
}
.innerserpart {
    float: left;
    width: 100%;
    padding: 20px 20px;
}



/*-----------different page-----------------*/















/*-----------------------new jugal added-------------------------*/


.MainDv{display: flex;align-items: center;justify-content: space-between;}
.ullist li.active a{        color: #006cff!important;}
.freequote{padding:10px 32px; color: #fff;    border-color: #006cff;
    background: #006cff;border-radius: 22px;}
.rightType h1 i{color: #006CFF;}

.creereprofesnal img{      background: linear-gradient(135deg, rgba(71,71,71,1) 0%, rgba(51,51,51,1) 50%, rgba(71,71,71,1) 50%, rgba(51,51,51,1) 100%); }
.box{
    -ms-transition: transform 0.4s cubic-bezier(.4, .2, .2, 1);
    transition: transform 0.4s cubic-bezier(.4, .2, .2, 1);
    -webkit-transition: transform 0.4s cubic-bezier(.4, .2, .2, 1);
    }
/*
.box:hover .imageeffect img {
    background: linear-gradient(135deg, rgba(0,108,255,1) 0%, rgba(0,108,255,1) 50%, rgb(0 108 235) 50%, rgba(0,187,249,1) 100%);
}
*/
.box:hover .imageeffect img {
    background:linear-gradient(135deg, rgb(255 0 0) 0%, rgb(245 94 94) 54%, rgb(253 83 83) 50%, rgb(255 0 0) 100%);
}
.imageeffect::before{border-color:#ff0000!important;}
.datadis{    background: rgb(0 108 255 / 95%)!important;}
.iphone-empower .rightdata > h1 > span{    color: #006CFF!important;}
.ourCar .wehelp{ background: rgb(0 108 255)!important;border:none!important;}
.conbtns .wehelp{ background: rgb(0 108 255)!important;border:none!important;}
.socilIc{width: 100%;float: left;}
.senbtn{    padding: 10px 26px;color: #fff;border-color: #006cff;background: #006cff;border-radius: 22px;}
.text-faction{ text-shadow: 4px 4px 1px #006cff;}
.cenare{    border-bottom: 7px solid #bba7a7;    }
/* .bottomUl li a:hover {color: #fd8567;} */
.Top_menu > ul > li > a{position: relative;transition: 0.3s;}
.Top_menu > ul > li > a::before{content: "";position: absolute;width: 100%;height: 2px;bottom: 7px;left: 0;background-color: #006cff;visibility: hidden;width: 0px;transition: all 0.3s ease-in-out 0s;}
.Top_menu > ul > li > a:hover{color: #006cff;}
.Top_menu > ul > li > a:hover:before, .Top_menu > ul > li.active > a:before {visibility: visible;width: 100%;}
.sonar-wave { background-color: #006cff;}
.sonar-emitter{background-color: #006cff;}

.ullist li .active1{color: #006cff!important;}
.Top_menu > ul > li > .active1:hover:before, .Top_menu > ul > li > .active1:before {visibility: visible;width: 100%;}


.cloud_white{ 
    margin: 0;
    width: 223px;
    height: 63px;
    background: #ECEFF1;
    box-shadow: 10px 10px rgba(0,0,0,0.2);
    border-radius: 100px;
    position: absolute;
    z-index: 0;
    left: 0;
    top: -11px;
}
.cloud_white::after, .cloud_white::before{
    content:"";
    position:relative;
    display:inline-block;
    background:inherit;
    border-radius:inherit;
}
.cloud_white::after{
    width: 90px;
    height: 90px;
    /* height: 100px; */
    top: -49px;
    left: 29px;
    /* bottom: 3px; */
}
.cloud_white::before{
    width: 70px;
    height: 70px;
    top: -48px;
    left: 45px;
}




.cases-content p{width: 100%;float: left;font-size: 16px;color: #999;margin-bottom: 0;}


@media screen and (max-width:1200px) and (min-width:992px){
   
    
}
@media screen and (max-width:991px) and (min-width:318px){
  

    .hellinksec{padding-left: 0;}
    .topfoothead{padding-top: 30px;}
    .addLine{    width: 100%;
        float: left;
        background-position-y: 77%;}
}

.iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container{width: 100%;}


/* **************************jugal news till 26-6-23************************** */





/*contact us*/




/*! CSS Used from: Embedded */






























/*********** page one html ***********/


.con_us_space {
    background-color: #f7f7f7;
    padding: 100px 0;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    overflow: hidden;
    position: relative;
    background-position: center center !important;
    position: relative;
    z-index: 1;
    margin-top: 50px;
    background-image: url(https://lithohtml.themezaa.com/images/contact-us-classic-01.jpg);
}

.flex-con {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.flx_box {
    padding: 30px;
    width: 29%;

    display: flex;
    justify-content: center;
    box-shadow: 0 0 30px rgba(0, 0, 0, .08);
    border-radius: 6px;
    background: #fff;
    transition: 0.3s ease-in-out
}

.flex-column {
    flex-direction: column;
    display: flex;
    align-items: center;
}

.flex-column svg {
    width: 40px;
    height: 40px;
    margin-bottom: 15px;
}

.flex-column .addressline {
    margin-bottom: 3px;
    font-size: 14px;
    color: #828282;
    line-height: 22px;
}

.cont_line {
    width: 100%;
    display: flex;
}

.flex-column a {
    color: #828282;
    text-decoration: underline;
}

.cont_line {
    margin: 10px 0 0;
}

.form_flex {
    float: right;
    width: 400px;
    box-shadow: 0px 1px 18px 0px rgb(151 151 151 / 35%);


    background: #fff;
    padding: 25px;
    border-radius: 12px;
}

.cont_line {
    color: #000;
    font-weight: 500 !important;
}

.cont_line a {
    color: #000;
    padding-left: 5px;
    font-weight: 500 !important;
}

.form_data {
    padding: 70px 0;
}

.form_top_content {
    text-align: center;
}

.form_top_content p {
    color: #828282;
    font-size: 16px;
}

.form_top_content h2 {
    color: #232323;
    font-weight: 600;
    font-size: 34px;
}

.field {
    display: flex;
    margin-bottom: 25px;
    flex-direction: column;
    position: relative;
}

.field label {
    position: absolute;
    left: 17px;
    top: 9px;
    font-size: 16px;
    transition: all 0.3s;
    color: #8d8d8d;
    font-weight: normal;
    margin: 0;
}

.field input,
.field textarea {
    border-radius: 4px;
    border: 1px solid #d1d1d1;
    height: 45px;
    padding: 0 16px;
    font-size: 16px;
    outline: none;
}

.field textarea {
    height: 70px;
    padding: 12px 16px;

}
.field.active label{
        font-size: 12px;
    top: -9px;
    background: #fff;
    padding: 3px;z-index: 3;
}
.fx_width {
    display: flex;
    justify-content: flex-end;
    margin-top: -280px;
    z-index: 2;
    position: relative;
}

.contTitle {
    width: 40%;    position: relative;
    color: #fff;
}

.contTitle p {
    font-size: 20px;
    font-weight: 500;
    margin: 0;
}

.contTitle h1 {
    margin: 5px 0;
    font-size: 30px;
    font-weight: 700;
}

.contTitle span {
    font-size: 16px;
}

.paraaa {
    display: flex;
    padding-top: 100px;
    border-radius: 0 0 0 40px;
    padding-bottom: 30px;
    overflow: hidden;
    height: 400px;
    position: relative;
    background-attachment: fixed;
        background-size: 100%;

    width: 100%;
    background-repeat: no-repeat;
    background-image: linear-gradient(to right top, #f5bb8d, #feb399, #ffaea8, #fdaab9, #f3aaca);
    background-image:url(../images/cont-emp.jpg);

}

.color_overlay {
    background: linear-gradient(0deg, rgba(0, 107, 254, 1) 0%, rgba(248, 39, 40, 0.7) 100%);
}

.absolute_myban{
      position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
     background-image: linear-gradient(to right top, #f5bb8d, #feb399, #ffaea8, #fdaab9, #f3aaca); 
    opacity: 0.5;
    background: #006cff;
    
}


.fiximg_ic {
    position: fixed;
    top: 169px;
    width: 200px;
    opacity: 0.25;
    left: 68px;
    z-index: 1;
}

.form_flex h3 {
    font-family: 'LatoLatin-Bold';
    margin-bottom: 20px;
    font-size: 18px;
}

.rounded-btn {
    padding: 10px 32px;
    color: #fff;
    border-color: #006cff;
    background: #006cff;
    border-radius: 22px;
}

.our_office {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    border-bottom: 1px solid #e4e4e4;
    align-items: center;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.our_office img {
    width: 35px;
}

.our_office p {
    margin: 0;
    padding-left: 10px;
    font-size: 16px;
    font-weight: 600;
    color: #000;
}

.connect_ic {
    display: flex;
    margin-top: 34px;
    
    align-items: center;


}

.connect_us_title {
    margin: 0;
    font-size: 16px;
    padding-right: 20px;
}

.realtime_ic {
    display: flex;
    padding-left: 10px;
}

.realtime_ic a {
    margin: 0 10px;

}

.realtime_ic a svg {
    width: 20px;
    height: 20px;
}

.just_cont {
    display: flex;
    justify-content: space-between;
}

.fl_flex {
    flex: 1;
    padding-right: 30px;
}

.flex_col_left {
    padding-top: 30px;
    display: flex;
    justify-content: space-between;


}

.con_box {
    display: flex;
    padding: 14px;
    align-items: center;
    flex-direction: column;
    box-shadow: 0px 1px 18px 0px rgb(151 151 151 / 35%);
    background: #fff;
    width: 28%;
}

.con_box span {
    font-size: 15px;
    text-align: center;
    margin: 10px 0;
    font-weight: 600;
}

.con_box a {
    text-align: center;
    color: #828282;
    margin-top: auto;
    text-decoration: underline;
}

.con_box svg {
    width: 35px;
}

.linegray {
    width: 80px;
    height: 1px;
    background: #828282;
}

@media screen and (max-width: 991px) and (min-width: 318px) {

    .fx_width {
        margin-top: -180px;
    }

    .form_flex {
        width: 100%;
    }

    .fl_flex {
        padding: 0;
    }

    .just_cont {
        flex-direction: column-reverse;
    }

    .paraaa {
        align-items: flex-start;
        padding-top: 90px;
        display: block;
    }

    .contTitle span {
        display: none;
    }

    .con_us_space {
        margin-top: 40px;
    }

    .flex-con {
        flex-direction: column;
    }

    .contTitle p {
        font-size: 18px;
    }

    .contTitle h1 {
        font-size: 22px;
        margin: 0;
    }

    .contTitle {
        width: 100%;
    }

    .flex-column {
        width: 100%;
        align-items: flex-start;
    }

    .flx_box {
        width: 100%;
        justify-content: flex-start;
        margin: 15px 0;
    }
}

@media screen and (max-width: 991px) and (min-width: 318px) {
    .flex_col_left {
        flex-direction: column;
    }

    .con_box {
        width: 100%;
        padding: 10px;
        margin: 5px 0;
    }

    .con_us_space {
        padding: 60px 0px;
    }
}


/*page one html */







/*page two html */


.n_ban{    margin-top: 80px;
    height: 350px;
    overflow: hidden;}
.n_white_bx{display: flex;position: relative;background: #fff;width: 80%;padding: 40px 60px 40px 209px;margin-top: -160px;      width: calc(100% - 100px);
  box-shadow: 0px 0px 20px 9px #0000000d;}
.n_form{display: flex;justify-content: space-between;  




align-items: flex-start;  flex-wrap: wrap;}
.n_form .fifty{width: 48%;}
.n_title{font-size: 22px;font-family: 'LatoLatin-Medium';margin-bottom: 30px;}
.n_form .inputfield label{font-size: 14px;top: 7px;}
.n_form .inputfield.active label{top: -14px;font-size: 12px;}
.n_form .inputfield input{    border-bottom: 1px solid #b9b9b9;color: #000;}
.n_form .inputfield textarea{    border-bottom: 1px solid #b9b9b9;}
.n_left_abps{    position: absolute;
    left: -100px;
    top: 50%;    box-shadow: 0px 0px 20px 9px #0000000d;
    width: 263px;
        background: #484848;

    height: 340px;
    transform: translate(0%, -50%) scale(1);
    transition: 0.3s;;
}
.n_flex_right{display: flex;justify-content: flex-end;}
.n_fl_line{display: flex;  margin: 15px 0;  align-items: flex-start;}
.n_fl_line > img{width: 20px;}
.n_fl_line p{    margin: 0;
    padding-left: 20px;
    font-size: 14px;
    color: #fff;}
.n_fl_line p a{    margin: 0;
    
    font-size: 14px;
    color: #fff;}
.n_padding{padding: 24px 20px;}
.n_b_t_h1{    position: absolute;
    top: 59px;
    left: 0;
    width: 100%;
    text-align: center;}
.n_scic{display: flex;    margin-top: 50px;
}
.n_scic a{    margin: 0 8px;
}
.n_scic a svg{    height: 24px;
}



#fwave{margin-top: -35px;background: none;}

.effect-9 ~ .focus-border:before,
.effect-9 ~ .focus-border:after{content: ""; position: absolute; top: 0; right: 0; width: 0; height: 2px; background-color: #3399FF; transition: 0.2s; transition-delay: 0.2s;}
.effect-9 ~ .focus-border:after{top: auto; bottom: 0; right: auto; left: 0; transition-delay: 0.6s;}
.effect-9 ~ .focus-border i:before,
.effect-9 ~ .focus-border i:after{content: ""; position: absolute; top: 0; left: 0; width: 2px; height: 0; background-color: #3399FF; transition: 0.2s;}
.effect-9 ~ .focus-border i:after{left: auto; right: 0; top: auto; bottom: 0; transition-delay: 0.4s;}
.effect-9:focus ~ .focus-border:before,
.effect-9:focus ~ .focus-border:after{width: 100%; transition: 0.2s; transition-delay: 0.6s;}
.effect-9:focus ~ .focus-border:after{transition-delay: 0.2s;}
.effect-9:focus ~ .focus-border i:before,
.effect-9:focus ~ .focus-border i:after{height: 100%; transition: 0.2s;}
.effect-9:focus ~ .focus-border i:after{transition-delay: 0.4s;}


@media only screen and (min-width: 1600px){
    .paraaa{height: 500px;}
}






/*for the finalize page css start*/
.n_msg_100{width: 100%;}
/*for the finalize page css end*/

.erroe-msg{font-size: 12px;color: #d9354c;margin: 0px}



.field label.error{
    position: absolute;
    top:100%!important;
    left: 0;
    font-size: 12px!important;
    padding: 0px!important;
    color: #e35564;
}