p{
    color: black !important;
}

.contact-info p{
    color: white !important;
}

.footer-info-text{
    color:white !important;
}

.info-part a{
            color: white !important;
        }

        .info-part span{
            color: white!important
        }
@font-face{
    font-family:avenir lt std;
    src:url(fonts/AvenirLTStd-Book.eot);
    src:url(fonts/AvenirLTStd-Bookd41d.eot?#iefix) format('embedded-opentype'),url(fonts/AvenirLTStd-Book.woff2) format('woff2'),url(fonts/AvenirLTStd-Book.woff) format('woff'),url(fonts/AvenirLTStd-Book.ttf) format('truetype'),url(fonts/AvenirLTStd-Book.svg#AvenirLTStd-Book) format('svg');
    font-weight:400;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:avenir lt pro;
    src:url(fonts/AvenirLTPro-Light.eot);
    src:url(fonts/AvenirLTPro-Lightd41d.eot?#iefix) format('embedded-opentype'),url(fonts/AvenirLTPro-Light.woff2) format('woff2'),url(fonts/AvenirLTPro-Light.woff) format('woff'),url(fonts/AvenirLTPro-Light.ttf) format('truetype');
    font-weight:300;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:avenir lt std;
    src:url(fonts/AvenirLTStd-Medium.eot);
    src:url(fonts/AvenirLTStd-Mediumd41d.eot?#iefix) format('embedded-opentype'),url(fonts/AvenirLTStd-Medium.woff2) format('woff2'),url(fonts/AvenirLTStd-Medium.woff) format('woff'),url(fonts/AvenirLTStd-Medium.ttf) format('truetype'),url(fonts/AvenirLTStd-Medium.svg#AvenirLTStd-Medium) format('svg');
    font-weight:500;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:avenir lt std;
    src:url(fonts/AvenirLTStd-Heavy.eot);
    src:url(fonts/AvenirLTStd-Heavyd41d.eot?#iefix) format('embedded-opentype'),url(fonts/AvenirLTStd-Heavy.woff2) format('woff2'),url(fonts/AvenirLTStd-Heavy.woff) format('woff'),url(fonts/AvenirLTStd-Heavy.ttf) format('truetype'),url(fonts/AvenirLTStd-Heavy.svg#AvenirLTStd-Heavy) format('svg');
    font-weight:900;
    font-style:normal;
    font-display:swap
}
body{
    padding:0;
    margin:0;
    font-family:avenir lt std;
    background-color:#fff;
    overflow-x:hidden;
    font-weight:400
}
*{
    padding:0;
    margin:0
}
img{
    height:auto;
    max-width:100%;
    width:auto
}
ul,ol,li{
    padding:0;
    margin:0;
    list-style:none
}
p{
    color:#000;
    font-size:18px
}
.mt-60{
    margin-top:60px!important
}
p:last-of-type{
    margin-bottom:0
}
a{
    transition:all .3s linear;
    -webkit-transition:all .3s linear;
    -moz-transition:all .3s linear;
    -o-transition:all .3s linear;
    -ms-transition:all .3s linear;
    text-decoration:none
}
a:hover{
    text-decoration:none
}
.small{
    font-weight:inherit;
    font-size:100%
}
.btn:focus{
    box-shadow:none;
    outline:none
}
.btn{
    padding:10px 30px;
    font-size:18px;
    font-weight:400;
    border:none;
    border-radius:5px;
    box-shadow:none;
    outline:none;
    position:relative;
    font-family:avenir lt std;
    z-index:2;
    transition:all .3s ease;
    -ms-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -webkit-transition:all .3s ease;
    height:auto
}
.btn svg{
    position:absolute;
    left:0;
    transition:all .3s ease;
    -ms-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -webkit-transition:all .3s ease;
    top:0;
    width:100%;
    height:100%
}
.btn rect{
    fill:none;
    stroke-width:5;
    stroke-dasharray:422,0;
    height:47px;
    transition:all .3s ease;
    -ms-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -webkit-transition:all .3s ease
}
.btn:hover{
    transition:all .3s ease;
    -ms-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -webkit-transition:all .3s ease
}
.btn:hover rect{
    stroke-width:5;
    stroke-dasharray:35,280;
    stroke-dashoffset:48;
    transition:all .3s ease;
    -ms-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -webkit-transition:all .3s ease
}
.blue-text{
    color:#246cfc
}
.green-text{
    color:#b8e720
}
.pink-text{
    color:#e94057
}
.blue-btn,.blue-btn:hover{
    color:#34acfa
}
.blue-btn rect{
    stroke:#34acfa
}
.org-btn,.org-btn:hover{
    color:#ff7941
}
.org-btn rect{
    stroke:#ff7941
}
.pur-btn,.pur-btn:hover{
    color:#707cfc
}
.pur-btn rect{
    stroke:#707cfc
}
.pink-btn,.pink-btn:hover{
    color:#e06e8b
}
.pink-btn rect{
    stroke:#e06e8b
}
.cyan-btn,.cyan-btn:hover{
    color:#60f2eb
}
.cyan-btn rect{
    stroke:#60f2eb
}
.yel-btn,.yel-btn:hover{
    color:#ffc000
}
.yel-btn rect{
    stroke:#ffc000
}
.cb-btn,.cb-btn:hover{
    color:#017193
}
.cb-btn rect{
    stroke:#017193
}
.arrow-btn{
    position:relative
}
.arrow-btn:after{
    content:"";
    width:9px;
    height:9px;
    border-width:3px 3px 0 0;
    border-color:#34acfa;
    border-style:solid;
    display:inline-block;
    vertical-align:middle;
    transform:rotate(45deg);
    margin:-7px 0 0 10px
}
.arrow-btn:hover::after{
    border-color:#34acfa
}
.title{
    font-size:48px;
    line-height:56px;
    color:#000;
    margin-bottom:0;
    font-weight:500
}
.small-title{
    font-size:18px;
    font-weight:400
}
.cursor{
    position:fixed;
    width:30px;
    height:30px;
    margin-left:-15px;
    margin-top:-15px;
    border-radius:50%;
    transition:all .1s;
    transform-origin:center center;
    pointer-events:none;
    border:2px solid #767676;
    z-index:99999
}
.grow,.grow-small{
    transform:scale(4);
    background:#fff;
    mix-blend-mode:difference;
    border:none
}
.serboxcr1{
    background:rgb(165 78 216/60%);
    transform:scale(3);
    border:none
}
.serboxcr2{
    background:rgb(112 124 252/60%);
    transform:scale(3);
    border:none
}
.serboxcr3{
    background:rgb(255 116 62/60%);
    transform:scale(3);
    border:none
}
.serboxcr4{
    background:rgb(221 97 137/60%);
    transform:scale(3);
    border:none
}
.cursor.crgrbox{
    background:rgb(0 0 0/0%);
    border:none;
    cursor:none;
    margin-left:-20px;
    z-index:-11;
    margin-top:-20px
}
.cursor.crgrbox:after{
    content:"";
    position:absolute;
    top:0;
    left:0;
    background:linear-gradient(to top,rgb(255 0 0/50%),rgb(0 0 255/50%));
    filter:blur(20px);
    border:2px solid #cfcfcf;
    transform:scale(5);
    z-index:-999;
    width:40px;
    height:40px
}
.cursor.hdmenubtn{
    background:rgb(0 0 0/.1);
    border:none;
    transform:scale(1.5);
    z-index:99999
}
.cursor.hdmenubtnsmall{
    background:rgb(0 0 0/.5);
    border:none;
    transform:scale(1.1);
    z-index:99999;
    box-shadow:0 0 10px #000
}
.site{
    overflow-x:hidden
}
.header-bar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:20px 0;
    max-width:1110px;
    margin:0 auto;
    transition:all .3s
}
.hd-menu{
    padding-top:5px
}
.header-bar .hd-menu ul{
    display:flex;
    align-items:center;
    justify-content:space-between
}
.header-bar .hd-menu ul li+li{
    margin-left:30px
}
.header-bar .hd-menu ul li a{
    color:#1a1b1e;
    font-weight:500;
    border-bottom:2px solid transparent;
    position:relative;
    display:block;
    overflow:hidden
}
.header-bar .hd-menu ul li a:before{
    position:absolute;
    bottom:0;
    left:-100%;
    margin:auto;
    width:100%;
    content:'';
    color:transparent;
    background:#34acfa;
    height:2px;
    transition:all .3s
}
.header-bar .hd-menu ul li a:hover:before{
    left:0
}
.icon-bar{
    display:flex;
    align-items:center;
    justify-content:space-between
}
.header-bar .icon-bar .hamburger{
    display:none
}
.wh-icon{
    width:42px;
    margin-right:30px
}
.hamburger{
    position:relative;
    transition:all 3s;
    width:38px;
    height:38px;
    cursor:pointer;
    right:0;
    top:0
}
.hamburger>span{
    background:#000;
    height:1px;
    display:block;
    position:absolute;
    right:6px;
    border-radius:15px
}
.hamburger>span:first-child{
    width:23px;
    top:10px
}
.hamburger>span:nth-child(2){
    width:23px;
    top:25px
}
.hamburger>span:last-child{
    width:23px;
    top:18px
}
.hamburger::before,.hamburger::after{
    position:absolute;
    transition:.4s ease;
    opacity:0;
    pointer-events:none;
    font-size:26px
}
.hamburger:before{
    content:"M \00a0 \00a0 \00a0 \00a0 \00a0 \00a0U";
    left:-42%;
    width:120px
}
.hamburger:after{
    content:"N";
    left:35px
}
.hamburger:hover::before,.hamburger:hover::after{
    top:1px;
    opacity:1;
    transition:.2s ease,opacity .17s .03s ease-in
}
.menu-bar{
    position:fixed;
    top:0;
    right:-200%;
    width:auto;
    height:100%;
    z-index:99999;
    transition:all .3s;
    opacity:0
}
.navmenu-outer{
    height:100%;
    width:385px;
    position:absolute;
    right:0;
    background:#fff;
    box-shadow:0 30px 60px -15px rgba(143,144,188,.15);
    z-index:1
}
.navmenu-inner{
    background-color:rgb(255,255,255,.7);
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    z-index:1
}
.menu-bar .navmenu{
    padding:50px 5px 15px 70px;
    height:calc(100% - 168px);
    width:100%;
    top:0;
    overflow:auto
}
.menu-bar .navmenu>li+li{
    margin-top:15px
}
.menu-bar .navmenu>li.norlink{
    margin-top:10px
}
.menu-bar .navmenu>li:nth-child(5){
    margin-top:45px
}
.menu-bar .navmenu>li:last-child{
    margin-top:0
}
.menu-bar .navmenu>li>a{
    color:#000;
    letter-spacing:-.01em;
    position:relative;
    overflow:hidden;
    display:inline-block
}
.menu-bar .navmenu>li.prlink>a{
    font-size:24px;
    font-weight:600
}
.menu-bar .navmenu>li.norlink>a{
    font-size:16px
}
.navmenu>li>a.active,.navmenu>li>a:hover{
    font-weight:700
}
.menu-bar .navmenu>li>a:after{
    content:"";
    left:-100%;
    bottom:0;
    width:100%;
    height:2px;
    position:absolute;
    background:#009bff;
    transition:all .3s
}
.menu-bar .navmenu>li>a:hover::after,.menu-bar .navmenu>li>a.active::after{
    content:"";
    left:0;
    background:#009bff;
    transition:all .3s
}
.menushow .menu-bar{
    right:0;
    transition:all .3s;
    opacity:1
}
.sidemenushow .menu-bar{
    width:100%
}
.menu-btn{
    position:fixed;
    right:-100%;
    top:40px;
    width:45px;
    height:45px;
    border-radius:50%;
    transition:all .3s;
    z-index:2;
    border:1px solid #010101;
    cursor:pointer
}
.menu-btn span{
    width:25px;
    background:#000;
    height:2px;
    display:block;
    position:absolute;
    top:20px;
    left:9px;
    border-radius:20px
}
.menu-btn span:first-child{
    top:20px;
    transform:rotate(45deg)
}
.menu-btn span:last-child{
    transform:rotate(135deg)
}
.menushow .menu-btn{
    right:40px;
    transition:all .3s
}
.navmenu .list-items{
    display:flex;
    flex-wrap:wrap;
    margin-top:50px
}
.navmenu .list-items li+li{
    margin-left:25px
}
.hdmega-btn{
    display:none
}
.menucircle1{
    position:absolute;
    bottom:-50px;
    right:-50px;
    width:287px;
    height:287px;
    border-radius:50%;
    transform:rotate(24deg);
    background:linear-gradient(109.95deg,#DBB5F3 26.64%,#34ACFA 100.88%);
    filter:blur(20px)
}
.menucircle2{
    position:absolute;
    bottom:30%;
    right:-50px;
    transform:translate(0,-70%) rotate(24deg);
    width:122px;
    height:122px;
    border-radius:50%;
    background:linear-gradient(109.95deg,#DBB5F3 26.64%,#34ACFA 100.88%);
    filter:blur(20px)
}
.menucircle3{
    position:absolute;
    bottom:50%;
    right:10px;
    transform:translate(0,50%);
    z-index:1
}
.menucircle4{
    position:absolute;
    top:45px;
    left:20px;
    z-index:1
}
.menucircle5,.menucircle6{
    position:absolute;
    z-index:1;
    width:384px;
    height:384px;
    background:rgba(219,168,250,.6);
    filter:blur(200px);
    border-radius:50%;
    display:block
}
.menucircle5{
    top:-108px;
    left:-82px
}
.menucircle6{
    bottom:-150px
}
.menulogo{
    padding:120px 0 0 70px;
    display:inline-block;
    position:relative;
    z-index:1
}
.menulogo img{
    width:70px
}
.megamenu-full{
    width:calc(100% - 385px);
    background:#fff;
    height:100%;
    padding:15px 5px 50px 15px;
    position:relative
}
.mega-menu{
    width:100%;
    height:100vh;
    background:rgba(255,255,255,.8);
    position:relative;
    z-index:1
}
.mega-menu h3{
    font-size:40px;
    font-weight:700;
    text-transform:uppercase;
    color:#000;
    margin-bottom:0;
    display:inline-block;
    position:relative;
    z-index:1;
    padding-top:30px
}
.mega-menu h3>a{
    color:#000
}
.mega-menu>ul{
    display:flex;
    flex-wrap:wrap;
    margin-top:30px;
    height:calc(100vh - 125px);
    overflow:auto;
    position:relative;
    z-index:1
}
.mega-menu>ul>li{
    width:calc(100%/4);
    text-transform:capitalize;
    margin-top:25px
}
.mega-menu>ul>li>a{
    font-size:16px;
    font-weight:500;
    color:#349bfa;
    display:block;
    border-bottom:1px solid #e1e1e1;
    padding-bottom:10px;
    padding-left:5px
}
.mega-menu>ul>li>ul{
    margin-top:25px
}
.mega-menu>ul>li>ul>li{
    position:relative;
    padding-left:10px
}
.mega-menu>ul>li>ul>li>a{
    position:relative;
    padding-left:10px;
    display:inline-block;
    overflow:hidden;
    text-transform:none
}
.mega-menu>ul>li>ul>li>a:after{
    content:"";
    position:absolute;
    top:-100%;
    left:0;
    width:3px;
    height:100%;
    border-radius:5px;
    background:#009bff;
    transition:all .3s
}
.mega-menu>ul>li>ul>li>a:hover::after{
    top:0;
    transition:all .3s
}
.mega-menu>ul>li>ul>li+li{
    margin-top:20px
}
.mega-menu>ul>li>ul>li>a{
    color:#000;
    font-size:14px
}
.ser-menu ul>li:nth-child(5)>a,.ser-menu ul>li:last-child>a{
    border-bottom:none
}
.mega-menu>ul>li>ul>li a:hover{
    color:#349bfa;
    font-weight:500
}
header>.icon-bar{
    position:fixed;
    top:36px;
    right:80px;
    z-index:11111
}
.header-outer{
    transition:all .1s
}
.is-stuck{
    position:fixed;
    left:0;
    right:0;
    top:0;
    z-index:11111;
    box-sizing:border-box;
    background:#fff;
    transition:.3s;
    -webkit-box-shadow:4px 4px 30px 0 rgba(42,67,113,.15);
    -moz-box-shadow:4px 4px 30px 0 rgba(42,67,113,.15);
    box-shadow:4px 4px 30px 0 rgba(42,67,113,.15)
}
.banner-sec{
    padding:30px 0 0
}
.banner-part{
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-wrap:wrap
}
.banner-part .left-part{
    width:410px;
    margin-right:20px
}
.banner-part .right-part{
    width:calc(100% - 485px);
    text-align:right
}
.banner-part .right-part img{
    width:auto
}
.banner-sec h1{
    font-size:64px;
    font-weight:900;
    color:#000;
    font-family:avenir lt std;
    margin-bottom:48px;
    position:relative
}
.banner-sec p{
    color:#000;
    margin-bottom:40px;
    max-width:420px
}
.ser-sec{
    padding:100px 0 0;
    margin-bottom:0
}
.ser-sec-1{
    padding:170px 0 0;
    margin-bottom:0
}
.ser-sec .btn{
    text-align:right;
    position:relative;
    padding:10px 25px;
    max-width:170px;
    margin-left:auto;
    display:block
}
.ser-sec .blue-btn:hover rect{
    stroke-dasharray:35,300
}
.ser-sec .btn:hover{
    color:#34acfa
}
.ser-sec .title{
    margin-bottom:80px
}
.ser-list{
    display:flex;
    justify-content:space-between;
    text-align:center;
    padding:100px 0 0;
}

.ser-list-1{
    display:flex;
    justify-content:space-between;
    text-align:center;
    padding:100px 0 0;
}
.ser-list li{
    border-radius:15px;
    width:calc(100%/4);
    position:relative;
    height:auto;
    margin-bottom:0
}

.ser-list-1 li{
    border-radius:15px;
    width:calc(100%/4);
    position:relative;
    height:auto;
    margin-bottom:0
}
.ser-list .svggif{
    margin-top:-150px
}
/* 
.ser-list-1 .svggif{
    margin-top:-150px
} */
.ser-list .svggif #Fullstacksvg{
    transform:scale(1.2)
}

/* .ser-list-1 .svggif #Fullstacksvg1{
    transform:scale(1.2)
} */

/* .ser-list-1 .svggif #Fullstacksvg{
    transform:scale(1.2)
} */
.serbox1{
    background:linear-gradient(180deg,#DBA8FA 0%,#A54ED8 100%)
}
.serbox2{
    background:linear-gradient(180deg,#60F2EB 0%,#707CFC 100%)
}
.serbox3{
    background:linear-gradient(180deg,#FBBD60 0%,#FF743E 100%)
}
.serbox4{
    background:linear-gradient(180deg,#F5B296 0%,#DD6189 100%)
}


.ser-list-1 .serbox5{
    background:linear-gradient(180deg,#DBA8FA 0%,#A54ED8 100%)
}
.serbox6{
    background:linear-gradient(180deg,#60F2EB 0%,#707CFC 100%)
}
.serbox7{
    background:linear-gradient(180deg,#FBBD60 0%,#FF743E 100%)
}
.serbox8{
    background:linear-gradient(180deg,#F5B296 0%,#DD6189 100%)
}




.ser-list li+li{
    margin-left:21px
}
.ser-list li img{
    margin-top:-120px
}
.ser-list li h3{
    font-weight:900;
    font-size:30px;
    color:#fff;
    margin-bottom:35px;
    padding:0 10px
}


.ser-list-1 li+li{
    margin-left:21px
}
.ser-list-1 li img{
    margin-top:-120px
}
.ser-list-1 li h3{
    font-weight:900;
    font-size:30px;
    color:#fff;
    margin-bottom:35px;
    padding:0 10px
}



.tec-sec{
    padding:150px 0 0
}
.tec-sec .title{
    text-align:center;
    margin-bottom:35px
}
.tec-sec .btn{
    max-width:192px;
    margin:0 auto;
    padding:10px 0;
    text-align:center;
    background-color:transparent;
    color:#34acfa;
    display:block
}
.tec-sec .blue-btn:hover rect{
    stroke-dasharray:35,340
}
.tec-list{
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
    margin:50px 0 0
}
.tec-list .box{
    width:100%;
    height:100%
}
.tec-list li{
    width:calc(100%/6 - 17px);
    border-radius:8px;
    text-align:center;
    transition:all 1s ease-in-out;
    min-height:270px
}
.tec-list li:hover{
    transform:translate(0px,-25px);
    transition:all 1s
}
.img-box{
    border-radius:50%;
    background:rgba(255,255,255,.38);
    box-shadow:0 1px 10px rgba(0,0,0,.25);
    display:flex;
    align-items:center;
    justify-content:center;
    width:100px;
    height:100px;
    margin:auto;
    flex-direction:column
}
.tec-list li+li{
    margin-left:20px
}
.tec-list li .tec-box{
    border:2px solid #34acfa;
    border-radius:8px;
    transition:all 1s ease-in-out;
    padding:35px 5px 24px
}
.tec-list li .techbox-h{
    transform:scale(0);
    width:0;
    height:0;
    transition:width 2s,height 2s
}
.tec-list li h4,.tec-list li h5{
    font-size:18px;
    font-weight:500;
    line-height:21px;
    margin:24px 0 0
}
.techbox-h .btn{
    font-size:18px;
    line-height:21px;
    background:0 0;
    color:#34acfa;
    border:2px solid #34acfa;
    border-radius:0 0 8px 8px;
    width:100%;
    position:relative;
    max-width:100%
}
.techbox-h .btn:after{
    content:"";
    display:inline-block;
    vertical-align:middle;
    border-top:2px solid #34acfa;
    border-left:2px solid #34acfa;
    width:8px;
    height:8px;
    transform:rotate(135deg)
}
.tec-list li .tec-box h4{
    transform:scale(0);
    width:0;
    height:0;
    transition:width 1s,height 1s;
    display:none
}
.tec-list li:hover{
    transform:translate(0px,-25px);
    transition:all 1s
}
.tec-list li:hover .tec-box h4{
    color:#fff
}
.tec-list li:hover .tec-box h4,.tec-list li:hover .techbox-h{
    transform:scaleY(1);
    width:auto;
    height:auto;
    display:block
}
.tec-list li:hover .img-box{
    background:#fff
}
.tec-list li h5{
    transform:scaleY(1);
    display:block;
    transition:all 1s ease-in-out
}
.tec-list li:hover h5,.tec-list li.active h5{
    display:none;
    transform:scale(0);
    color:#fff;
    transition:height 1s ease-in-out
}
.tec-list li:hover .tec-box{
    background:linear-gradient(180deg,rgba(100,231,239,1) 0%,rgba(112,146,252,1) 100%);
    border-radius:8px 8px 0 0;
    border:none;
    transition:all .001s
}
.tec-list li.active .tec-list li:hover{
    border:none;
    transition:all 1s ease-in-out
}
.casest-slider{
    margin:30px 0 0
}
.case-sec{
    padding:100px 0 0
}
.case-title{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:70px
}
.casestinner{
    padding-top:70px
}
.casestinner-part{
    background:linear-gradient(76.36deg,rgba(252,185,95,0.2) 0%,rgba(255,123,66,0.2) 100%)
}
.caseimg-part{
    display:flex;
    align-items:center;
    justify-content:center
}
.casest-part{
    width:100%
}
.caseimg-part .left-part{
    width:100px
}
.case-title .left-part p{
    font-size:22px;
    font-weight:500;
    color:#dd6a57;
    margin-bottom:25px
}
.case-title .right-part .arrow-btn::after{
    border-color:#ff7941;
    margin:-5px 0 0 10px
}
.caseimg-part .left-part{
    width:420px;
    border-radius:4px;
    overflow:hidden;
    margin-top:-140px
}
.caseimg-part .right-part{
    width:calc(100% - 740px);
    margin-left:50px;
    padding:50px 0 0
}
.caseimg-part .right-part>span{
    font-style:normal;
    font-weight:400;
    font-size:18px;
    line-height:21px;
    color:#ff7a41
}
.caseimg-part .right-part>h3{
    font-style:normal;
    font-weight:800;
    font-size:36px;
    line-height:42px;
    color:#000;
    margin:30px 0
}
.caseimg-part .right-part>p{
    font-style:normal;
    font-weight:400;
    font-size:16px;
    line-height:19px;
    color:#000;
    margin-bottom:25px
}
.caseimg-part .right-part>.btn:hover rect{
    stroke-dasharray:35,320
}
.caseimg-part .right-part>.btn.arrow-btn:after{
    border-color:#ff7941
}
.case-list{
    display:flex;
    align-items:center;
    justify-content:center;
    padding:45px 10px;
    margin:0 auto
}
.case-list li{
    display:inline-block;
    vertical-align:top
}
.case-list li+li{
    margin-left:130px
}
.case-list li>p{
    color:#dc6a56;
    font-size:14px;
    font-weight:500;
    margin-bottom:50px
}
.case-list li>h4{
    color:#000;
    font-size:24px;
    font-weight:500
}
.casepart-slider .owl-nav{
    position:absolute;
    width:100%;
    top:50%;
    transform:translateY(-50%)
}
.casepart-slider .owl-nav button{
    position:absolute;
    top:0;
    height:35px;
    width:35px;
    outline:none;
    box-shadow:0 0 20px rgba(255,121,65,.8);
    background:rgba(255,255,255,.9)!important;
    border-radius:10%;
    display:flex;
    align-items:center;
    justify-content:center
}
.casepart-slider .owl-nav button span{
    font-size:0;
    width:10px;
    height:10px;
    border-top:2px solid #ff7941;
    border-right:2px solid #ff7941
}
.casepart-slider .owl-nav .owl-prev{
    left:-10px
}
.casepart-slider .owl-nav .owl-next{
    right:-10px
}
.casepart-slider .owl-nav .owl-prev span{
    transform:rotate(-135deg)
}
.casepart-slider .owl-nav .owl-next{
    right:-10px
}
.casepart-slider .owl-nav .owl-next span{
    transform:rotate(45deg)
}
.ind-sec{
    padding:100px 0 0
}
.ind-title{
    text-align:center
}
.ind-list{
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
    margin-top:50px;
    z-index:9999;
    position:relative
}
.ind-list li{
    width:calc(100%/3);
    border:1px solid #fff;
    padding:15px
}
.ind-list li>a{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    transition:all 1s
}
.ind-list li .left-part{
    width:68px;
    border:2px solid transparent;
    position:relative;
    height:68px;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:all 1s;
    overflow:hidden
}
.ind-list li:hover .left-part{
    border:2px solid #a54ed8;
    transition:all 1s
}
.ind-list li img{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    transition:all 1s
}
.ind-list li .hover-img{
    top:-100%
}
.ind-list li:hover .active-img{
    top:200%
}
.ind-list li:hover .hover-img{
    top:50%
}
.ind-list li .right-part{
    width:calc(100% - 68px);
    padding-left:28px
}
.ind-list li .right-part h6{
    font-size:16px;
    color:#000;
    transition:all 1s;
    font-weight:700
}
.ind-list li:hover .right-part h6{
    color:#a54ed8;
    transition:all 1s
}
.ind-list li .right-part p{
    font-size:14px;
    font-weight:400;
    color:#000
}
.whc-sec{
    padding:100px 0 0
}
.whc-sec .ind-title{
    margin-bottom:50px
}
.whc-part li{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    flex-wrap:wrap
}
.whc-part li+li{
    margin-top:50px
}
.whc-part li .left-part{
    width:77px;
    height:77px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid #dd6189;
    border-radius:4px
}
.whc-part li .right-part{
    width:calc(100% - 100px)
}
.whc-part li .right-part h5{
    color:#000;
    font-size:36px;
    margin-bottom:15px;
    font-weight:700
}
.whc-part li .right-part h5 a{
    color:#000
}
.whc-part li .right-part p{
    color:#000;
    font-size:18px
}
.counter-sec{
    padding:100px 0 0
}
.counter-sec h2{
    font-size:85px;
    font-weight:800;
    line-height:99px;
    letter-spacing:2px;
    background:linear-gradient(89.95deg,#D69FF7 0.96%,#FF7C42 99.96%);
    background-clip:text;
    background:-webkit-linear-gradient(89.95deg,#D69FF7 0.96%,#FF7C42 99.96%);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    margin:0 0 20px
}
.counter-sec h2+p{
    font-weight:400;
    font-size:48px;
    line-height:56px;
    letter-spacing:.01em;
    color:#000;
    margin-bottom:60px
}
.counter-sec .btn{
    margin:30px 0 0
}
.con-list{
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
    padding-top:80px
}
.con-list li{
    width:auto
}
.con-list li h3{
    font-size:65px;
    color:#000
}
.con-list li>p{
    font-size:19px;
    color:#000;
    letter-spacing:1px;
    margin-bottom:0
}
.tesli-sec{
    padding:100px 0
}
.tesli-sec .ind-title{
    text-align:left;
    margin-bottom:50px;
    position:relative
}
.testi-part{
    background:linear-gradient(84.42deg,rgba(168,82,218,0.15) 0%,rgba(214,159,247,0.15) 100%);
    padding:35px;
    border-radius:10px;
    margin-top:40px;
    margin-right:160px;
    position:relative;
    min-height:300px
}
.testi-part:after{
    position:absolute;
    content:"";
    bottom:0;
    right:-70px;
    width:200px;
    height:200px;
    background:url(images/slidergif.gif) top center no-repeat;
    background-size:contain;
    z-index:-1
}
.company-name{
    background:linear-gradient(85.65deg,#DBA8FA 0%,#A54ED8 100%);
    padding:18px 34px;
    border-radius:4px;
    color:#fff;
    position:absolute;
    top:-32px;
    right:38px;
    font-size:24px;
    line-height:28px
}
.company-admin{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:24px
}
.company-admin .left-part{
    width:64px;
    height:64px;
    border-radius:50%
}
.company-admin .left-part{
    overflow:hidden
}
.company-admin .right-part{
    width:calc(100% - 80px)
}
.company-admin .right-part h5{
    color:#000;
    font-size:18px;
    font-weight:500;
    margin-bottom:3px
}
.company-admin .right-part p{
    font-size:14px;
    font-weight:300;
    color:#000
}
.testi-part h2{
    font-size:30px;
    font-weight:700;
    margin-bottom:25px;
    color:#000
}
.testi-part p{
    font-weight:400;
    font-size:18px;
    color:#000
}
.testi-slider .carousel-indicators{
    position:absolute;
    right:125px;
    top:100px;
    width:17px;
    left:auto;
    margin:0;
    flex-wrap:wrap;
    flex-direction:column
}
.testi-slider .carousel-indicators>li{
    display:block;
    width:16px;
    height:16px;
    border-radius:50%;
    background:#eaeaea;
    margin:0 auto 15px;
    transition:all 1s;
    border:none
}
.testi-slider .carousel-indicators li.active{
    background:#daa6f9;
    transition:all 1s;
    border-radius:0
}
.testi-slider .carousel-control-prev,.testi-slider .carousel-control-next{
    display:block;
    background-color:#fff;
    border-radius:2px;
    border:1px solid #aa56db;
    width:34px;
    height:34px;
    outline:none;
    position:absolute;
    right:60px;
    opacity:1;
    left:auto
}
.testi-slider .carousel-control-prev span,.testi-slider .carousel-control-next span{
    position:absolute;
    top:50%;
    left:50%;
    width:10px;
    height:10px;
    border-right:2px solid #aa56db;
    border-top:2px solid #aa56db;
    font-size:0;
    border-radius:0!important
}
.testi-slider .carousel-control-prev{
    top:50%
}
.testi-slider .carousel-control-next{
    top:67%
}
.testi-slider .carousel-control-prev span{
    transform:translate(-50%,-50%) rotate(-45deg)
}
.testi-slider .carousel-control-next span{
    transform:translate(-50%,-50%) rotate(135deg)
}
.tesli-sec .vert .carousel-item-next.carousel-item-left,.tesli-sec .vert .carousel-item-prev.carousel-item-right{
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}
.tesli-sec .vert .carousel-item-next,.tesli-sec .vert .active.carousel-item-right{
    -webkit-transform:translate3d(0,100%,0);
    transform:translate3d(0,100% 0)
}
.tesli-sec .vert .carousel-item-prev,.tesli-sec .vert .active.carousel-item-left{
    -webkit-transform:translate3d(0,-100%,0);
    transform:translate3d(0,-100%,0)
}
.blog-title{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin:0 0 50px
}
.blog-title p{
    font-size:22px;
    font-weight:500
}
.blog-sec .nav-tabs{
    display:flex;
    align-items:center;
    justify-content:center;
    border:none;
    width:auto;
    background:red;
    max-width:220px;
    margin:0 auto;
    background:rgba(64,123,255,.2);
    border-radius:8px;
    overflow:hidden
}
.blog-btn .btn-group{
    background:rgba(64,123,255,.2);
    border-radius:8px
}
.blog-sec .nav-tabs .nav-item .nav-link{
    border:none;
    background:0 0;
    font-size:20px;
    font-weight:400;
    color:#427eff;
    padding:10px 20px
}
.blog-sec .nav-tabs .nav-item .nav-link.active{
    color:#fff;
    background:#407bff
}
.blog-btn .btn:hover::before{
    background:#407bff
}
.blog-list{
    display:flex;
    justify-content:space-between
}
.blog-list>li{
    width:calc(100%/3);
    margin:20px 0 0;
    min-height:350px;
    position:relative
}
.blog-list>li+li{
    margin-left:20px
}
.blog-box{
    position:relative;
    transition:all 1s;
    overflow:hidden;
    height:100%;
    position:relative;
    border-radius:8px
}
.blog-list>li a{
    width:100%;
    height:100%;
    display:block
}
.blog-box img{
    transition:all 1s;
    object-fit:cover;
    width:100%;
    height:100%
}
.blog-box:hover img{
    transform:scale(1,1.1)
}
.blog-box .blogtext-box{
    position:absolute;
    left:0;
    bottom:0;
    padding:15px 15px 32px;
    border-radius:8px;
    z-index:1
}
.blog-list>li .blog-box:after{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#00000080;
    content:"";
    z-index:0
}
.blog-box .blogtext-box>p{
    background:linear-gradient(85.65deg,#60F2EB 0%,#707CFC 100%);
    font-size:16px;
    color:#fff;
    font-weight:500;
    display:inline-block;
    padding:6px 20px;
    vertical-align:top;
    margin-bottom:10px
}
.blog-box .blogtext-box>h3{
    color:#fff;
    font-size:24px;
    margin-bottom:0
}
.browser-part{
    background:linear-gradient(85.36deg,#A955DB 0.85%,#FF8648 101.42%);
    border-radius:15px;
    padding:10px 50px;
    margin:100px 0;
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-wrap:wrap
}
.browser-part .left-part{
    width:580px
}
.browser-part h3{
    font-size:50px;
    color:#fff;
    font-weight:600;
    margin-bottom:20px
}
.browser-part p{
    font-size:24px;
    font-weight:400;
    color:#fff;
    margin-bottom:20px
}
.browser-part form{
    position:relative
}
.browser-part form .form-control{
    width:calc(100% - 190px);
    padding:10px 10px 10px 60px;
    height:56px
}
.browser-part form:after{
    content:"";
    position:absolute;
    top:15px;
    left:20px;
    width:30px;
    height:22px;
    background:url(images/icon13.png) top center no-repeat
}
.browser-part form .btn{
    padding:5px 20px;
    background:#407bff;
    font-weight:400;
    font-size:18px;
    color:#fff;
    position:absolute;
    right:0;
    top:0;
    width:174px;
    height:100%
}
.browser-part .right-part{
    width:calc(100% - 630px)
}
.contactform-sec{
    margin:100px 0 0;
    background:#000;
    position:relative
}
.contactform-part{
    display:flex;
    justify-content:space-between;
    background:#000;
    color:#fff;
    position:relative;
    max-width:1140px;
    padding:0 15px;
    margin:0 auto
}
.contactform-part .left-part{
    width:445px;
    position:relative;
    min-height:600px
}
.contactform-img{
    position:absolute;
    left:0;
    top:0;
    width:calc(100% - 57%);
    height:100%;
    z-index:1
}
.contactform-img:after{
    content:"";
    width:100%;
    background:rgba(0,0,0,.51);
    z-index:1;
    height:100%;
    position:absolute;
    top:0;
    left:0
}
.contactform-img img{
    width:100%;
    height:100%;
    object-fit:cover
}
.contactform-part .left-part .info-part{
    position:relative;
    z-index:1
}
.contactform-part .left-part .info-part{
    padding:30px 60px 30px 30px
}
.contactform-part .left-part .info-part .title{
    color:#fff
}
.contactform-part .left-part .info-part .title+p{
    font-size:20px;
    color:#fff;
    margin-bottom:55%
}
.contactform-part .left-part .info-part h6{
    color:#ffffff99;
    font-size:16px;
    margin-bottom:4px
}
.contactform-part .left-part .info-part p{
    color:#fff;
    font-size:16px
}
.contactform-part .left-part .info-part p a{
    color:#fff
}
.contactform-part .right-part{
    width:calc(100% - 445px);
    padding:0 40px 0 50px
}
.contactform-part .right-part .title{
    color:#fff;
    margin:60px 0 50px
}
.contactform-part .right-part .form-label{
    margin-bottom:0
}
.contactform-part .right-part .form-control,.contactform-part .right-part .form-select{
    background:#0000;
    border-radius:0;
    padding:0;
    border:none;
    outline:none;
    border-bottom:1px solid rgba(255,255,255,.56);
    box-shadow:none;
    color:#ffffff99;
    width:88%;
    font-size:16px;
    height:calc(1.5em + .75rem + 2px)
}
.contactform-part .right-part .form-control:placeholder,.contactform-part .right-part .form-select:placeholder{
    color:#ffffff99
}
.contactform-part .right-part textarea.form-control{
    width:95%;
    height:auto
}
.contactform-part .right-part .form-select{
    color:#b7b5b5
}
.contactform-part .right-part .btn{
    background:#fff;
    color:#000;
    border-radius:0;
    font-size:18px;
    padding:8px 30px;
    border:1px solid #fff;
    margin:40px 0 0
}
.contactform-part .right-part .btn:hover{
    border:1px solid #fff;
    background:#000;
    color:#fff
}
.about-page .banner-part .right-part{
    position:relative
}
.about-page .banner-part .right-part img{
    border-radius:75px 0
}
.about-page .banner-sec h1{
    margin-bottom:20px
}
.about-page .banner-sec p{
    max-width:100%;
    margin-bottom:revert
}
.circle:after{
    position:absolute;
    content:"";
    left:0;
    top:0;
    width:96px;
    height:92px;
    background:url(images/ab2.png) top center no-repeat;
    animation:circle 3s linear .3s infinite alternate
}
@keyframes circle{
    0%{
        left:-20px;
        top:-20px
    }
    25%{
        left:20px;
        top:20px
    }
    50%{
        left:50px;
        top:50px
    }
    75%{
        left:70px;
        top:70px
    }
    100%{
        left:-20px;
        top:-20px
    }
}
.tringle:before{
    position:absolute;
    content:"";
    right:10px;
    bottom:0;
    width:104px;
    height:104px;
    background:url(images/ab3.png) top center no-repeat;
    animation:tringle 3s linear .3s infinite alternate
}
@keyframes tringle{
    0%{
        right:-20px;
        bottom:-20px
    }
    25%{
        right:20px;
        bottom:20px
    }
    50%{
        right:50px;
        bottom:50px
    }
    75%{
        right:70px;
        bottom:70px
    }
    100%{
        right:-20px;
        bottom:-20px
    }
}
.ab-list{
    display:flex;
    justify-content:space-between;
    margin:100px 0;
    flex-wrap:wrap
}
.ab-list li{
    padding:15px;
    text-align:center;
    width:calc(100%/3)
}
.ab-list li+li{
    border-left:1px solid #d1d1d1
}
.ab-list li figure{
    border-radius:50%;
    width:144px;
    height:144px;
    margin:auto;
    display:flex;
    align-items:center;
    justify-content:center
}
.ab-list li h2{
    font-size:32px;
    font-weight:400;
    margin:25px 0 10px;
    color:#000
}
.ab-list li p{
    color:#000;
    font-size:16px;
    padding:0 10px;
    text-transform:capitalize
}
.abouttext-sec img{
    border-radius:0 70px
}
.abouttext-sec .circle:after{
    background-image:url(images/ab15.png)
}
.abouttext-sec .tringle:before{
    background-image:url(images/ab16.png)
}
.abtec-sec{
    padding:100px 0 0
}
.abtec-part{
    margin-top:50px
}
.abtec-part .left-part,.abtec-part .right-part{
    width:318px
}
.abtec-part .middle-part{
    padding:0 20px;
    width:calc(100% - 662px)
}
.abtec-part .middle-part img{
    width:100%
}
.abtec-box{
    display:flex;
    justify-content:space-between;
    margin-top:30%
}
.abtec-part .right-part .abtec-box{
    flex-direction:row-reverse
}
.abtec-box img{
    width:60px
}
.abtec-box .right-text{
    width:calc(100% - 80px)
}
.abtec-box h5{
    font-size:18px;
    color:#000;
    margin-bottom:10px
}
.abtec-box span{
    color:#ff99b4;
    font-size:18px
}
.abfill{
    width:100%;
    background:#f0f0f0;
    height:19px;
    position:relative
}
.abfillbox{
    height:100%;
    background:#ff99b4
}
.abtec-part .right-part .abtec-box .abfillbox{
    position:absolute;
    right:0
}
.portfolio-page .banner-sec{
    padding:100px 0 0
}
.portfolio-page .banner-part .left-part{
    width:563px;
    margin-right:0;
    position:relative;
    padding-right:25px
}
.portfolio-page .banner-part .left-part h2{
    font-size:24px;
    color:#34acfa;
    font-weight:400;
    margin-bottom:0
}
.portfolio-page .banner-part .left-part h1{
    font-size:128px;
    line-height:1;
    margin:0
}
.portfolio-page .banner-part .left-part p{
    max-width:100%
}
.portfolio-page .con-list{
    margin-top:0;
    justify-content:space-between;
    width:calc(100% + 40px);
    flex-wrap:nowrap;
    padding-top:40px
}
.portfolio-page .con-list li{
    display:flex;
    flex-wrap:nowrap;
    width:calc(100%/4 - 1px)
}
.portfolio-page .con-list li:first-child{
    width:123px
}
.portfolio-page .con-list li:nth-child(2){
    width:149px
}
.portfolio-page .con-list li:nth-child(3){
    width:142px
}
.portfolio-page .con-list li:last-child{
    width:123px
}
.portfolio-page .con-list li h3{
    font-size:32px;
    margin-bottom:0;
    -webkit-text-stroke-width:2px;
    -webkit-text-stroke-color:#7c81fc;
    color:#fff;
    padding-right:3px
}
.portfolio-page .con-list li p{
    font-size:12px
}
.portfolio-page .banner-part .right-part{
    position:relative;
    width:calc(100% - 565px)
}
.portfolio-page .banner-part .right-part figure img{
    border-radius:0 75px;
    width:100%;
    position:relative
}
.portfolio-page .banner-part .right-part .Rectangle{
    position:absolute;
    top:-33px;
    right:0
}
.portfolio-page .banner-part .right-part .Rectangle img{
    width:100%
}
.client-sec{
    margin:150px 0
}
.client-sec .container{
    background:#f2f2f2;
    padding:30px 10px;
    border-radius:15px;
    text-align:center
}
.client-sec .container h2{
    font-size:32px;
    margin-bottom:35px
}
.client-sec .owl-item img{
    width:auto!important
}
#filters{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    max-width:1000px;
    margin:35px auto 20px
}
#filters li{
    font-size:16px;
    color:#000;
    margin:15px 10px
}
#filters li a{
    color:#000;
    font-size:18px;
    padding:5px 16px;
    border-radius:70px;
    border:2px solid #fff
}
#filters li a.active{
    color:#34acfa;
    border:2px solid #a54ed8;
    color:#a54ed8
}
.gallery-box{
    position:relative;
    height:100%;
    display:block
}
.gallery-box img{
    width:100%;
    height:100%;
    object-fit:cover
}
.overlay{
    position:absolute;
    bottom:-100%;
    padding:10px;
    background:rgba(255,255,255,.7);
    width:100%;
    text-align:center;
    opacity:0;
    transition:all .3s
}
.overlay h2{
    font-size:24px;
    font-weight:700
}
.overlay p{
    font-size:16px
}
.gallery-item{
    overflow:hidden
}
.gallery-item:hover .overlay{
    bottom:0;
    opacity:1;
    transition:all .3s
}
.sermain-page .banner-sec p{
    max-width:100%
}
.sertech-sec{
    padding:100px 0
}
.sertech-part{
    background:#eee;
    padding:25px;
    border-radius:20px;
    text-align:center
}
.sertech-part h2{
    margin-bottom:20px
}
.sertech-slider figure{
    width:73px;
    height:73px;
    border-radius:50%;
    background:#e1f3fe;
    margin-bottom:0;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 20px
}
.sertech-slider .item:hover figure{
    background:rgba(52,172,250,.15)
}
.sertech-slider img{
    width:auto!important
}
.sertech-slider h4{
    font-size:13px;
    font-weight:400;
    color:#000
}
.ser-slider{
    padding:50px 0 0
}
.ser-slider .ser-box{
    padding:30px 45px 10px;
    text-align:center;
    border:2px dashed #34acfa;
    border-radius:12px;
    min-height:425px
}
.ser-slider .ser-box img{
    width:auto;
    margin:0 auto 25px
}
.ser-slider .ser-box h3{
    font-size:18px
}
.ser-slider .ser-box p{
    font-size:14px;
    color:#000;
    margin:15px 0 20px
}
.ser-slider .ser-box .btn{
    font-size:14px;
    padding:5px 10px
}
.ser-slider .ser-box .arrow-btn:after{
    width:7px;
    height:7px;
    margin:-7px 0 0 2px;
    border-color:inherit
}
.ser-slider .ser-box .btn rect{
    height:40px;
    stroke-width:3px
}
.ser-slider .ser-box .btn:hover rect{
    stroke-dasharray:35,220
}
.software-page{
    position:relative
}
.software-page .banner-sec{
    position:relative
}
.software-page:before{
    position:absolute;
    top:-10%;
    left:0;
    width:50%;
    height:18%;
    border-radius:100px;
    content:"";
    background:rgba(112,124,252,.1);
    transform:rotate(15deg);
    z-index:-1
}
.offer-sec{
    padding:100px 0
}
.offer-part>h2{
    font-size:64px;
    max-width:270px;
    color:#000
}
.offer-part>p{
    font-size:18px;
    color:#000;
    max-width:450px;
    margin:25px 0
}
.offer-box{
    margin:40px 0 0
}
.offer-box figure{
    width:150px;
    height:150px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(180deg,rgb(112 124 252/20%) 0%,rgb(96 242 235/20%) 100%);
    margin-bottom:35px
}
.offer-slider .offer-box figure img{
    width:auto
}
.offer-box>h4{
    font-size:22px;
    color:#000;
    margin-bottom:15px
}
.offer-box>p{
    color:#7a7a7a;
    font-size:18px
}
.developer-sec{
    padding:0 0 50px
}
.developer-part{
    display:flex;
    align-items:center;
    justify-content:space-between
}
.developer-part .left-part{
    width:500px
}
.developer-part .left-part figure{
    position:relative
}
.developer-part .left-part figure:after{
    position:absolute;
    content:"";
    bottom:-50px;
    right:-50px;
    width:173px;
    border-radius:12px;
    height:173px;
    background:#707cfc;
    z-index:-1
}
.developer-part .left-part figure img{
    width:100%
}
.developer-part .right-part{
    width:575px
}
.developer-part .right-part{
    width:calc(100% - 575px)
}
.developer-part .right-part h6{
    font-size:18px;
    color:#707cfc
}
.developer-part .right-part h3{
    margin:25px 0
}
.developer-part .right-part p{
    color:#000;
    font-size:18px
}
.sed-sec{
    padding:100px 0 0
}
.sed-part{
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
    align-items:center
}
.sed-part .left-part{
    width:calc(100% - 660px)
}
.sed-part .left-part h6{
    color:#707cfc;
    font-size:18px
}
.sed-part .left-part h3{
    font-size:54px;
    margin:25px 0
}
.sed-part .left-part p{
    color:#000;
    font-size:18px
}
.sed-part .right-part{
    width:640px
}
.sed-box{
    border:1px solid #61f0ec;
    border-radius:15px;
    text-align:center;
    padding:35px 10px;
    margin-bottom:20px;
    transition:all .3s
}
.sed-box:hover{
    box-shadow:0 4px 50px 0 #707cfc33;
    background:#60f2eb1a;
    border:1px solid #60f2eb1a;
    transition:all .3s
}
.sed-box h4{
    font-size:22px;
    color:#000;
    margin:25px 0
}
.sed-box .btn{
    color:#7a7a7a;
    font-size:18px
}
.softwaresub-page .banner-part .left-part{
    width:565px
}
.softwaresub-page .banner-part .right-part{
    width:calc(100% - 585px)
}
.softwaresub-page .banner-part p{
    max-width:100%
}
.pers-sec{
    padding:100px 0
}
.pers-sec img{
    margin-bottom:20px
}
.pers-sec h4{
    font-size:24px;
    color:#000
}
.pers-sec p{
    color:#a3a3a3;
    font-size:16px;
    margin:10px 0
}
.pers-sec .btn{
    color:#6f85fb;
    font-size:16px;
    padding:0
}
.its-sec{
    padding:100px 0
}
.its-sec p{
    margin:30px 0
}
.sit-sec{
    padding:100px 0
}
.sit-sec span{
    color:#707cfc
}
.essed-sec{
    padding:100px 0;
    text-align:center
}
.essed-box{
    border:1px solid #9f9f9f;
    border-radius:12px;
    padding:35px 5px;
    transition:all 1s;
    min-height:325px
}
.essed-box:hover{
    background:rgba(223,105,138,.22);
    box-shadow:0 4px 20px rgba(224,110,139,.25);
    border:1px solid rgba(223,105,138,.1);
    transition:all 1s
}
.essed-box h4{
    font-size:18px;
    color:#000;
    font-weight:700;
    margin:15px 0
}
.essed-box p{
    font-size:14px
}
.getquote-sec{
    padding:100px 0 0;
    text-align:center
}
.getquote-box{
    border:1px solid #c2c2c2;
    border-radius:12px;
    padding:30px 10px;
    transition:all .3s;
    min-height:400px
}
.getquote-sec .title-part{
    max-width:728px;
    margin:0 auto 35px
}
.getquote-box img{
    margin-bottom:15px
}
.getquote-box h4{
    font-size:24px;
    font-weight:700;
    color:#000;
    margin:10px 0
}
.getquote-box p{
    font-size:20px;
    color:#000;
    font-weight:300;
    font-family:avenir lt pro
}
.getquote-box:hover{
    background:rgba(224,110,139,.1);
    border:1px solid rgba(224,110,139,.1);
    transition:all .3s
}
.quote-sec span,.getquote-sec span{
    color:#e06e8b
}
.quote-sec .title{
    margin:0 0 30px
}
.quote-sec .btn,.getquote-box .btn{
    color:#e06e8b;
    padding:10px 30px;
    margin:25px 0 0
}
.getquote-box .btn{
    margin:25px 0 0
}
.softwaresub .banner-sec{
    position:relative;
    padding:0;
    margin-top:15px
}
.softwaresub .banner-sec .sds-img{
    position:absolute;
    top:0;
    right:0;
    width:50%;
    height:100%;
    margin:0;
    padding-left:15px
}
.softwaresub .banner-sec .sds-img img{
    width:100%;
    height:100%;
    min-height:400px;
    object-fit:cover;
    border-radius:30px 0 0 30px
}
.amet-part{
    padding:100px 0 0
}
.amet-part img{
    width:60px;
    height:60px;
    margin-bottom:15px
}
.amet-part h4{
    font-size:24px;
    font-weight:400;
    color:#000
}
.amet-part p{
    font-weight:300;
    font-size:16px;
    margin:10px 0
}
.amet-part a{
    color:#6f85fb;
    font-size:16px;
    padding-left:0
}
.deliverit-sec{
    padding:50px 0
}
.deliverit-sec .title{
    margin-bottom:30px
}
.deliverit-sec .btn{
    margin-top:30px
}
.deliverit-sec ul li{
    list-style-type:disc;
    margin-left:25px;
    color:#000;
    font-weight:400;
    font-size:18px
}
.contact-page .banner-sec{
    background:url(images/contact-bg.webp) top center no-repeat;
    background-size:cover;
    width:100%;
    padding:175px 0;
    color:#fff;
    margin:10px 0 150px
}
.contact-page .banner-sec h1{
    color:#fff;
    margin-bottom:0
}
.contact-box{
    width:100%;
    max-width:1140px;
    margin:0 auto;
    padding:0 15px
}
.contact-sec .small-title span{
    position:relative
}
.contact-sec .small-title span:before{
    position:absolute;
    left:-25px;
    top:3px;
    content:"";
    width:16px;
    height:16px;
    background-color:#34acfa;
    border-radius:50%
}
.contact-sec .title{
    font-weight:700;
    margin-bottom:35px
}
.contact-sec .form-control{
    border-radius:40px;
    font-size:16px;
    background:#f1f1f5;
    border:none;
    outline:none;
    box-shadow:none;
    padding:20px;
    margin-bottom:20px
}
.contact-sec .form-control#countriesList{
    padding:0;
    height:40px;
    border-radius:40px 0 0 40px
}
.contact-sec .form-control#phoneNo{
    border-radius:0 40px 40px 0
}
.contact-sec textarea.form-control{
    border-radius:20px;
    min-height:200px
}
.contact-sec input[type=submit]{
    background:#34acfa;
    border-radius:40px;
    font-size:20px;
    font-weight:700;
    color:#fff;
    text-transform:uppercase;
    padding:10px 50px;
    display:block;
    margin:0 auto
}
.contact-sec input::-webkit-outer-spin-button,.contact-sec input::-webkit-inner-spin-button,.contactform-sec input::-webkit-outer-spin-button,.contactform-sec input::-webkit-inner-spin-button{
    -webkit-appearance:none;
    margin:0
}
.contact-sec input[type=number],.contactform-sec input[type=number]{
    -moz-appearance:textfield
}
.map-sec{
    margin-top:100px
}
.map-sec iframe{
    width:100%;
    height:500px
}
.cad-sec{
    padding-top:100px
}
.cad-sec .title{
    font-weight:700;
    margin:15px 0
}
.cad-sec p{
    font-size:24px
}
.ad-box{
    padding:15px;
    border:1px solid #f4f4f4;
    background:#fff
}
.adtitle-box{
    display:flex;
    align-items:center;
    margin-bottom:35px
}
.adtitle-box figure{
    width:74px;
    height:74px;
    background:#fff;
    box-shadow:0 0 6px rgba(0,0,0,.07);
    padding:25px 15px;
    border-radius:50%;
    margin-bottom:0;
    display:flex;
    align-items:center;
    justify-content:center
}
.adtitle-box h4{
    color:#000;
    font-size:24px;
    margin-left:15px
}
.ad-box{
    margin-top:50px
}
.ad-box ul li{
    margin-bottom:15px
}
.ad-box ul img{
    display:inline-block;
    vertical-align:top
}
.ad-box ul p{
    width:calc(100% - 50px);
    display:inline-block;
    vertical-align:top;
    margin-left:15px;
    line-height:normal;
    font-size:15px;
    font-weight:500
}
.ad-box ul p a{
    color:#000;
    font-size:16px;
    font-weight:500;
    line-height:normal
}
.mobile-page .banner-part .left-part{
    width:500px;
    margin-right:0
}
.mobile-page .banner-part h1{
    font-size:56px
}
.mobile-page .banner-part p{
    max-width:100%
}
.mobile-page .banner-part .right-part{
    text-align:right;
    width:calc(100% - 500px)
}
.mobile-page .banner-part .right-part img{
    width:auto
}
.mbser-sec .title{
    margin-bottom:35px
}
.mbser-sec h2 span{
    display:inline-block;
    border-bottom:2px solid #000
}
.mbser-sec p{
    font-family:avenir lt std;
    font-style:normal;
    font-weight:350;
    font-size:19px;
    line-height:23px;
    color:#000
}
.mbser-sec{
    padding-bottom:100px;
    position:relative;
    background:url(images/mobile-bg.png) bottom 220px center no-repeat;
    background-size:100%
}
.mbser-box{
    border:.8px solid #a54ed8;
    box-sizing:border-box;
    border-radius:12px;
    display:inline-block;
    vertical-align:top;
    padding:35px 10px 15px;
    max-width:280px;
    text-align:center;
    min-height:245px;
    transition:all .3s
}
.mbser-box>a{
    display:block;
    width:100%;
    height:100%
}
.mbser-box:hover{
    background:rgba(212,156,246,.15);
    border:.8px solid #a54ed8;
    box-shadow:0 4px 40px rgba(213,157,246,.25);
    transition:all .3s
}
.anmb-box,.remb-box,.flmb-box,.iomb-box{
    margin-top:-20px
}
.mbser-box h4{
    font-family:avenir lt std;
    font-weight:500;
    font-size:20px;
    line-height:24px;
    color:#000;
    margin:30px 0 20px
}
.mbser-box p{
    font-family:avenir lt std;
    font-weight:400;
    font-size:15px;
    text-align:center;
    color:#000;
    margin-bottom:15px
}
.mbser-box .btn{
    font-family:avenir lt std;
    font-weight:400;
    font-size:13px;
    line-height:16px;
    text-align:center;
    color:#646464;
    display:block;
    max-width:80px;
    padding:10px 2px
}
.mbtext-box{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin:50px 0 0
}
.mbtext-sec .title{
    margin-bottom:20px
}
.mbtext-box .left-part{
    width:475px
}
.mbtext-box .left-part figure{
    position:relative
}
.mbtext-box .left-part figure img{
    width:100%
}
.mbtext-box .left-part figure:after,.mbtext-box .left-part figure:before{
    position:absolute;
    width:98px;
    height:176px;
    content:"";
    z-index:-1
}
.mbtext-box .left-part figure:after{
    background:#dba8fa;
    top:-10px;
    left:-10px
}
.mbtext-box .left-part figure:before{
    background:#a54ed8;
    bottom:-10px;
    right:-10px
}
.mbtext-box .right-part{
    width:568px;
    margin-left:20px
}
.mbtext-box .right-part h3{
    font-family:Avenir LT Std;
    font-size:32px;
    font-weight:500;
    margin-bottom:25px
}
.mbtext-box .right-part p{
    font-family:Avenir LT Std;
    font-size:22px;
    font-weight:400
}
.ms-page{
    position:relative
}
.ms-page:before{
    position:absolute;
    top:-110px;
    content:"";
    left:0;
    width:100%;
    height:150px;
    background:linear-gradient(#d49cf6 30.15%,#d49cf6 93.98%);
    z-index:-1
}
.ms-page .banner-sec{
    padding:20px 0 180px;
    position:relative
}
.ms-page .banner-part .left-part{
    width:520px
}
.ms-page .banner-part .right-part{
    width:calc(100% - 540px)
}
.ms-page .banner-sec .btn{
    color:#fff
}
.ms-page .banner-sec .btn rect{
    stroke:#fff
}
.msbanner-img{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:-1
}
.mstext-sec{
    margin:100px 0
}
.mstext-sec h2{
    padding:0 0 50px
}
.mstext-img{
    position:relative
}
.load1{
    width:500px;
    height:500px;
    border:solid 5px #eee;
    position:absolute;
    top:30px;
    left:-20px;
    z-index:-1;
    border-radius:50%
}
.innov-title{
    max-width:770px;
    margin:0 auto;
    text-align:center
}
.innov-title h2{
    margin-bottom:40px
}
.innov-list{
    display:flex;
    justify-content:space-between;
    margin:50px 0
}
.innov-list .innov-left,.innov-list .innov-right{
    width:364px
}
.innov-list .innov-left .innov-part{
    text-align:right
}
.innov-list .innov-right .innov-part{
    flex-direction:row-reverse
}
.innov-part{
    display:flex;
    align-items:center;
    justify-content:space-between
}
.innov-part+.innov-part{
    margin-top:100px
}
.innov-part .left{
    width:calc(100% - 100px)
}
.innov-part h5{
    font-size:22px;
    color:#000;
    font-weight:500
}
.innov-part p{
    font-size:17px;
    color:#000
}
.innov-part .right{
    width:100px
}
.innov-part .right img{
    width:70px
}
.innov-center{
    width:calc(100% - 770px);
    text-align:center;
    display:flex;
    align-items:center;
    justify-content:center
}
.verso-sec{
    padding:100px 0 0
}
.verso-part{
    display:flex;
    align-items:center;
    justify-content:space-between
}
.verso-part>.left-part{
    width:553px;
    padding-right:20px
}
.verso-part .innov-part .left{
    width:100px
}
.verso-part .innov-part .right{
    width:calc(100% - 100px)
}
.verso-part>.right-part{
    width:calc(100% - 553px)
}
.embedded-page .banner-part .left-part{
    width:575px
}
.embedded-page .banner-part .right-part{
    text-align:left;
    width:calc(100% - 595px)
}
.embedded-page .banner-part .right-part h1{
    font-family:Avenir LT Std;
    font-size:64px;
    font-weight:400;
    line-height:77px;
    letter-spacing:0;
    text-align:left;
    margin-bottom:35px
}
.think-sec{
    padding:150px 0
}
.think-part{
    display:flex;
    justify-content:space-between
}
.think-part .left-part{
    width:calc(100% - 600px);
    padding-right:30px;
    position:relative;
    margin-top:50px
}
.think-part .left-part:before{
    position:absolute;
    content:"WE DO";
    top:-100px;
    left:-30px;
    font-size:150px;
    width:100%;
    color:rgb(255 120 64/16%);
    font-weight:400
}
.think-part .left-part h2{
    font-family:Avenir LT Std;
    font-size:64px;
    font-weight:500;
    margin-bottom:15px
}
.think-part .left-part p{
    font-family:Avenir LT Std;
    font-size:18px;
    font-weight:400;
    margin-bottom:30px
}
.think-part .left-part .btn{
    padding:10px 39px
}
.think-part .right-part{
    width:535px
}
.think-list{
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap
}
.think-list li{
    width:calc(100%/2 - 15px);
    border-radius:8px;
    box-shadow:0 4px 20px rgba(0,0,0,.25);
    padding:25px;
    margin-bottom:30px;
    transition:all .3s
}
.think-list li:hover{
    transition:all .3s;
    background:linear-gradient(180deg,#FFFFFF 0%,rgba(251,189,96,0.5) 0.01%,rgba(255,120,64,0.5) 100%)
}
.think-list li h3{
    font-family:Avenir LT Std;
    font-size:26px;
    font-weight:400;
    margin:50px 0 0
}
.think-list li .btn{
    font-family:Avenir LT Std;
    font-size:18px;
    font-weight:400;
    color:#ff7840;
    padding:0
}
.solution-sec{
    padding:50px 0 150px
}
.solution-part{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between
}
.solution-part .left-part{
    width:500px
}
.solution-part .right-part{
    width:calc(100% - 520px);
    position:relative;
    margin-top:-20px;
    padding-right:50px
}
.solution-part .right-part:before{
    position:absolute;
    content:"WE DO";
    top:-100px;
    left:-30px;
    font-size:150px;
    width:100%;
    color:rgb(255 120 64/16%);
    font-weight:400
}
.solution-part .right-part h3{
    font-family:Avenir LT Std;
    font-size:62px;
    font-weight:400;
    color:#000
}
.sl-list li{
    position:relative;
    padding-left:80px;
    margin:60px 0 0
}
.sl-list li .number{
    position:absolute;
    top:0;
    left:0;
    width:56px;
    height:56px;
    background:linear-gradient(180deg,#FF7840 0%,#FBBD60 100%);
    border-radius:6px;
    transform:rotate(45deg);
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff
}
.sl-list li .number span{
    transform:rotate(-45deg)
}
.sl-list h4{
    font-family:Avenir LT Std;
    font-size:22px;
    color:#000
}
.sl-list p{
    font-family:Avenir LT Std;
    font-size:18px;
    color:#000
}
.piciatis-sec{
    padding:100px 0 0
}
.piciatis-sec h2{
    font-family:Avenir LT Std;
    font-size:64px;
    text-align:center;
    position:relative;
    margin:0 auto 40px
}
.piciatis-sec h2:before{
    position:absolute;
    content:"SERVICES";
    top:-100px;
    left:0;
    font-size:150px;
    width:100%;
    color:rgb(255 120 64/16%);
    font-weight:400
}
.piciatis-list{
    max-width:1000px;
    margin:0 auto;
    display:flex;
    flex-wrap:wrap
}
.piciatis-list li{
    width:calc(100%/2 - 3px);
    border:1px solid #a6a6a6;
    transition:all .3s
}
.piciatis-list li a{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:25px 10px
}
.piciatis-list li:hover{
    background:rgba(255,120,64,.13);
    transition:all .3s
}
.piciatis-list li .left-part{
    width:170px
}
.piciatis-list li .left-part figure{
    width:130px;
    height:130px;
    background:rgba(251,189,96,.2);
    border-radius:50%;
    margin:0;
    display:flex;
    align-items:center;
    justify-content:center
}
.piciatis-list li .right-part{
    width:calc(100% - 170px)
}
.piciatis-list li .right-part h5{
    font-family:Avenir LT Std;
    font-size:22px;
    font-weight:700;
    color:#000
}
.piciatis-list li .right-part p{
    font-family:Avenir LT Std;
    font-size:18px;
    font-weight:350;
    margin:15px 0;
    color:#000
}
.embedded-page .blog-title .arrow-btn:after{
}
.embedded-page .blog-btn .btn{
    color:#427eff
}
.embedded-page .blog-btn .btn.active,.embedded-page .blog-btn .btn:hover{
    color:#fff
}
.embtext-sec{
    padding:150px 0
}
.embtext-part{
    display:flex;
    align-items:center;
    justify-content:space-between
}
.embtext-part .left-part{
    width:500px
}
.embtext-part .left-part figure{
    position:relative
}
.embtext-part .left-part figure:after,.embtext-part .left-part figure:before{
    position:absolute;
    width:45%;
    height:50%;
    background:#ff7840;
    border-radius:15px;
    content:"";
    z-index:-1
}
.embtext-part .left-part figure:before{
    top:-20px;
    left:-20px
}
.embtext-part .left-part figure:after{
    bottom:-20px;
    right:-20px
}
.embtext-part .left-part figure img{
    border-radius:30px 100px;
    width:100%
}
.embtext-part .right-part{
    width:calc(100% - 500px);
    padding:0 0 0 50px
}
.embtext-part .right-part p{
    padding-right:60px
}
.embtext-part .right-part .btn{
    padding:10px 39px;
    margin-top:40px
}
.embbox-list{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between
}
.embbox-list li{
    width:calc(100%/2 - 15px);
    border-radius:8px;
    border:1px solid #fcba5f;
    transition:all .3s;
    margin-bottom:25px;
    padding:30px 45px
}
.embbox-list li:hover{
    box-shadow:0 4px 20px rgba(255,120,64,.25);
    transition:all .3s
}
.embbox-list li h4{
    font-size:24px;
    font-family:Avenir LT Std
}
.embbox-list li p{
    font-size:18px;
    font-family:Avenir LT Std
}
.embcircle-part{
    padding:100px 0 0;
    display:flex;
    align-items:center;
    justify-content:space-between
}
.embcircle-part .left-part{
    width:400px
}
.embcircle-part .right-part{
    width:calc(100% - 480px);
    padding-right:110px
}
.embcircle-part .right-part p{
    font-family:Avenir LT Std;
    font-size:18px;
    color:#000;
    margin-bottom:25px
}
.embcircle-list{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between
}
.embcircle-list li{
    padding-left:25px;
    font-size:20px;
    color:#000;
    position:relative;
    margin-bottom:15px;
    width:calc(100%/2 - 25px)
}
.embcircle-list li:after{
    position:absolute;
    left:0;
    content:"";
    top:7px;
    width:15px;
    height:15px;
    background:url(images/icon22.png) top center no-repeat;
    background-size:contain
}
.dms-page .banner-part h1 span{
    background-clip:text;
    background:linear-gradient(0deg,#DD6189,#F5B296);
    background:-webkit-linear-gradient(0deg,#DD6189,#F5B296);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent
}
.type-sec{
    padding:100px 0
}
.type-sec span,.choose-sec span,.method-part .left-part span{
    color:#dd6189;
    font-size:14px;
    display:block;
    margin-bottom:20px
}
.type-sec h4{
    color:#000;
    font-size:24px;
    line-height:normal
}
.type-sec h4>a{
    color:#000
}
.type-sec p,.choose-sec p{
    font-size:18px;
    color:#000;
    line-height:normal
}
.choose-sec{
    padding:100px 0
}
.choose-sec .btn{
    margin:30px 0 0
}
.method-sec{
    margin:100px 0 0
}
.method-part{
    display:flex;
    justify-content:space-between;
    position:relative;
    padding:35px 50px
}
.method-part:after{
    position:absolute;
    top:0;
    left:0;
    width:80%;
    height:100%;
    background:linear-gradient(180deg,rgba(221,97,137,0.18) 0%,rgba(245,178,150,0.18) 100%);
    content:"";
    border-radius:100px 0;
    z-index:-1
}
.method-part .left-part{
    width:410px;
    position:relative
}
.method-part .left-part>p{
    font-size:20px;
    color:#000;
    padding:15px 30px 0 0
}
.method-part .right-part{
    width:calc(100% - 450px);
    display:flex;
    align-items:center;
    justify-content:space-between
}
.method-part .right-part img{
    width:48%;
    border-radius:0 50px
}
.method-part .ui-accordion .ui-accordion-header{
    font-size:18px;
    color:#000;
    background:0 0;
    border:none;
    margin:20px 0 0;
    padding:0;
    transition:all .3s
}
.method-part .ui-accordion .ui-accordion-header-active{
    padding:0 0 15px;
    transition:all .3s
}
.method-part .ui-accordion .ui-accordion-header span{
    display:inline-block;
    vertical-align:top;
    margin-bottom:0;
    position:relative;
    margin-right:20px;
    margin-top:4px
}
.method-part .ui-accordion .ui-accordion-header span:before{
    position:absolute;
    left:1px;
    top:6px;
    width:12px;
    height:2px;
    background:#000;
    content:""
}
.method-part .ui-accordion .ui-accordion-header span:after{
    position:absolute;
    top:1px;
    content:"";
    left:6px;
    width:2px;
    height:12px;
    background:#000
}
.method-part .ui-accordion .ui-accordion-header-active span:after{
    width:0;
    height:0
}
.method-part .ui-accordion .ui-accordion-content{
    padding:0;
    background:0 0;
    border:none;
    height:100%!important;
    transition:all .3s
}
.method-part .ui-accordion .ui-accordion-content p{
    font-size:16px;
    color:#6a6a6a
}
.method-part .card{
    border:none;
    border-radius:0
}
.method-part .card-header{
    border:none;
    background:0 0;
    padding:0
}
.method-part .accordion{
    padding:40px 40px 0 0
}
.method-part .card-header .btn{
    color:#000;
    font-size:18px;
    padding:0 0 0 15px;
    position:relative
}
.method-part .card-header .btn:after{
    position:absolute;
    content:"";
    left:0;
    border:1px solid #000;
    width:10px;
    border-radius:0;
    top:40%
}
.method-part .card-header .btn.collapsed:before{
    position:absolute;
    content:"";
    left:0;
    border:1px solid #000;
    width:10px;
    border-radius:0;
    top:40%;
    transform:rotate(90deg)
}
.method-part .card .card-body{
    padding:0
}
.rc-page .banner-sec{
    position:relative
}
.rc-page .banner-sec:after{
    position:absolute;
    content:"";
    top:50%;
    left:0;
    width:45%;
    height:59%;
    transform:translate(0,-50%);
    background:linear-gradient(64.64deg,#DBA8FA 0%,#ECB69B 100.12%)
}
.rc-page .banner-part{
    position:relative;
    justify-content:flex-end
}
.rc-page .banner-part .left-part{
    width:480px;
    margin-right:0;
    position:absolute;
    left:0;
    top:50%;
    transform:translate(0,-50%);
    z-index:1;
    color:#fff
}
.rc-page .banner-sec h1,.rc-page .banner-sec p{
    color:#fff
}
.rc-page .banner-part .right-part{
    width:850px;
    position:relative
}
.rc-page .banner-part .right-part:before{
    position:absolute;
    content:"";
    width:104px;
    height:104px;
    border:3px solid #dd6189;
    bottom:-42px;
    left:-42px
}
.benefit-sec{
    margin:150px 0 80px
}
.benefit-sec .title{
    max-width:500px;
    margin:0 auto 50px;
    position:relative
}
.benefit-sec .title:before{
    position:absolute;
    content:"";
    left:-67%;
    top:50%;
    width:300px;
    border-bottom:3px solid #dd6189;
    margin-top:-2px
}
.benefit-sec ul{
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap
}
.benefit-sec ul li{
    width:calc(100%/3 - 15px);
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
    margin-bottom:65px;
    transition:all .3s;
    padding:5px
}
.benefit-sec ul li:hover{
    box-shadow:0 0 10px #bbb
}
.benefit-sec ul li .left{
    width:56px
}
.benefit-sec ul li .right{
    width:calc(100% - 75px)
}
.benefit-sec ul li .right h4{
    font-weight:500;
    font-size:20px;
    color:#000;
    margin-bottom:10px
}
.benefit-sec ul li .right p{
    font-size:16px;
    color:#000
}
.wework-part{
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap
}
.wework-part>.left{
    width:570px
}
.wework-part>.left>.title{
    margin-bottom:100px
}
.wework-part>.left>ul{
    overflow:auto;
    padding-top:20px;
    height:630px;
    padding-right:5px
}
.wework-part>.left>ul::-webkit-scrollbar-track{
    box-shadow:inset 0 0 6px rgba(0,0,0,.3);
    border-radius:10px;
    background-color:#f5f5f5
}
.wework-part>.left>ul::-webkit-scrollbar{
    width:8px;
    border-radius:10px;
    background-color:#f5f5f5
}
.wework-part>.left>ul::-webkit-scrollbar-thumb{
    border-radius:10px;
    box-shadow:inset 0 0 6px rgba(0,0,0,.3);
    background-color:#e5b0c3
}
.wework-part>.left>ul>li{
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
    position:relative
}
.wework-part>.left>ul>li+li{
    margin-top:95px
}
.wework-part>.left>ul>li .left{
    width:77px;
    height:77px;
    background:#e5b0c3;
    color:#fff;
    font-size:36px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-top:-20px
}
.wework-part>.left>ul>li h4{
    font-size:22px;
    font-weight:500;
    color:#000;
    margin-bottom:20px
}
.wework-part>.left>ul>li p{
    font-size:16px;
    color:#000;
    font-weight:400
}
.wework-part>.left>ul>li:after{
    position:absolute;
    top:70px;
    left:35px;
    width:2px;
    content:"";
    height:90%;
    border:1px dashed #dd6189
}
.wework-part>.left>ul>li:last-child::after{
    width:0;
    height:0;
    border:none
}
.wework-part>.left>ul>li>.right{
    width:calc(100% - 100px)
}
.wework-part>.right{
    width:calc(100% - 600px)
}
.wework-part>.right img{
    width:100%;
    height:100%;
    object-fit:cover
}
.focus-sec{
    margin:120px 0 0
}
.focus-sec .title{
    margin-bottom:25px
}
.focus-sec p{
    font-size:20px
}
.focus-sec .con-list{
    margin:30px 0
}
.focus-sec .con-list h3{
    font-size:40px;
    font-weight:400;
    color:#e5b0c3
}
.focus-sec .con-list li:last-child{
    width:auto
}
.focus-sec .btn{
    padding:10px 30px
}
.focus-sec img{
    width:100%;
    height:100%;
    object-fit:cover
}
.sa-page .banner-sec:after{
    height:75%
}
.sa-page .banner-sec h1{
    margin-bottom:0
}
.sa-page .banner-sec:after{
    background:linear-gradient(64.64deg,#34ACFA 0%,#ECB69B 100.12%)
}
.staff-sec{
    text-align:center;
    margin:150px 0 0
}
.staff-sec .title{
    margin-bottom:25px
}
.staff-sec p{
    font-size:20px
}
.staff-sec ul{
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-wrap:wrap;
    margin-top:70px
}
.staff-sec ul li{
    width:calc(100%/3 - 90px);
    margin-bottom:50px
}
.staff-sec ul li h4{
    font-size:24px;
    margin:20px 0
}
.staff-sec ul li p{
    max-width:270px;
    margin:0 auto;
    line-height:normal
}
.augment-sec{
    padding:100px 0 0
}
.augment-sec .title{
    padding:0 0 100px
}
.augment-sec li{
    max-width:269px
}
.augment-sec ul{
    padding:150px 0;
    position:relative
}
.augment-sec ul:after{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:url(images/sa11.png) top center no-repeat;
    background-size:contain
}
.augment-sec li{
    position:relative
}
.augment-sec li h3{
    font-size:24px
}
.augment-sec li p{
    font-size:20px;
    line-height:normal;
    position:relative
}
.augment-sec li:nth-child(2){
    left:25%;
    margin-top:-1%
}
.augment-sec li:nth-child(3){
    left:50%
}
.augment-sec li:last-child{
    margin-left:auto;
    max-width:275px;
    margin-top:3%
}
.match-sec img{
    width:100%;
    height:100%;
    object-fit:cover
}
.casepart-sec{
    padding:70px 0
}
.casepart-sec h2{
    font-size:28px;
    font-weight:500
}
.casepart-sec p{
    line-height:normal
}
.casepart-list{
    list-style:none;
    padding:0;
    margin:0;
    display:flex;
    justify-content:space-between
}
.casepart-list h3{
    color:#000;
    font-size:18px;
    font-weight:700;
    margin-bottom:40px;
    margin-top:15px
}
.casepart-list li+li{
    margin-left:120px
}
.visit-btn{
    background:#009bff;
    padding:8px 27px;
    color:#fff;
    font-size:18px;
    font-weight:400;
    border-radius:6px;
    box-shadow:none
}
.casepart-sec .visit-btn{
    margin-top:70px
}
.case-img{
    width:100%;
    height:619px;
    object-fit:cover
}
.casework-sec{
    padding:50px 0
}
.casework-sec .container{
    display:flex
}
.casework-sec .left-part{
    max-width:47%
}
.casework-sec .left-part img{
    border-radius:6px;
    width:100%;
    margin-bottom:15px;
    height:100%;
    object-fit:cover
}
.casework-sec .right-part{
    max-width:50%;
    margin-left:3%
}
.casework-sec .right-part h4{
    color:#009bff;
    font-weight:700;
    font-size:18px;
    margin-bottom:20px
}
.casework-sec .right-part h2{
    color:#000;
    font-size:36px;
    font-weight:700;
    margin-bottom:30px
}
.casework-sec p{
    color:#000;
    line-height:1.5
}
.casework-list{
    list-style-type:none;
    padding:0;
    margin:0;
    height:370px;
    overflow-y:auto
}
.casework-list::-webkit-scrollbar-track{
    box-shadow:inset 0 0 6px rgba(0,0,0,.3);
    border-radius:10px;
    background-color:#f5f5f5
}
.casework-list::-webkit-scrollbar{
    width:8px;
    border-radius:10px;
    background-color:#f5f5f5
}
.casework-list::-webkit-scrollbar-thumb{
    border-radius:10px;
    box-shadow:inset 0 0 6px rgba(0,0,0,.3);
    background-color:#707cfc
}
.casework-list li{
    padding-right:15px
}
.casework-list li+li{
    margin-top:30px
}
.casework-list h5{
    color:#000;
    font-size:20px;
    font-weight:600;
    margin:0 0 10px;
    padding-left:40px;
    position:relative
}
.casework-list h5:after{
    position:absolute;
    content:"";
    left:0;
    top:0;
    width:22px;
    height:22px;
    border-radius:50%;
    border:2px solid #000;
    transition:all .3s
}
.casework-list h5:before{
    position:absolute;
    top:6px;
    content:"";
    left:5px;
    width:12px;
    height:6px;
    border-bottom:3px solid #000;
    border-left:3px solid #000;
    transform:rotate(-45deg);
    transition:all .3s
}
.caseclient-info{
    padding:15px 0 5px 40px;
    position:relative;
    line-height:normal
}
.caseclient-info:before{
    position:absolute;
    content:"";
    left:10px;
    top:0;
    height:100%;
    width:2px;
    background:#000;
    transition:all .3s
}
.casework-list li:hover h5:after,.casework-list li:hover h5:before{
    border-color:#707cfc;
    transition:all .3s
}
.casework-list li:hover .caseclient-info:before{
    background:#707cfc;
    transition:all .3s
}
.technology-list{
    display:flex;
    text-align:center;
    justify-content:space-between;
    padding:0;
    margin:50px 0 0;
    list-style:none;
    flex-wrap:wrap
}
.technology-list figure{
    padding:10px;
    margin:0 auto 25px;
    border:1px solid #cdcbcb;
    border-radius:50%;
    width:138px;
    height:138px;
    line-height:normal;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden
}
.technology-list li{
    border:1px solid #cdcdcd;
    border-radius:6px;
    padding:35px 5px;
    width:calc(100%/4 - 20px);
    margin-bottom:20px
}
.technology-list li+li{
    margin-left:25px
}
.technology-list li:nth-child(4n+1){
    margin-left:0
}
.technology-list li:hover{
    box-shadow:0 16px 40px rgba(52,172,250,.5);
    background:#009bff
}
.technology-list li h4{
    color:#000;
    font-size:28px;
    line-height:normal
}
.technology-list li:hover h4{
    color:#fff
}
.technology-list li:hover figure{
    background:#fff
}
.technology-list h4{
    margin-bottom:0
}
.casetestimonial-sec{
    margin:0 0 70px
}
.case-slider .item{
    display:flex;
    justify-content:space-between;
    margin:20px auto;
    max-width:890px;
    padding:30px 15px;
    box-shadow:0 4px 14px rgba(52,172,250,.31);
    border-radius:8px
}
.case-slider .item .left-part{
    width:300px;
    text-align:center
}
.case-slider .item .right-part{
    width:calc(100% - 300px);
    margin-left:45px;
    padding-top:45px
}
.case-slider .item .left-part figure{
    border-radius:50%;
    width:185px;
    margin:0 auto 15px
}
.case-slider .item .left-part img{
    width:193px;
    height:193px;
    border-radius:50%;
    border:8px solid #34acfa
}
.case-slider .item .left-part h4{
    color:#000;
    font-size:28px;
    font-weight:400;
    font-weight:700;
    margin-bottom:10px
}
.case-slider .item p{
    color:#000;
    font-size:18px;
    line-height:normal
}
.clint-list{
    padding-left:25px
}
.clint-list li{
    list-style-type:disc;
    margin-top:10px;
    font-size:18px;
    color:#000
}
.hiredeveloper-page .banner-part{
    position:relative
}
.hiredeveloper-page .banner-part::after{
    content:"";
    top:20px;
    right:-5%;
    width:100%;
    height:100%;
    position:absolute;
    background:url(images/hd2.png) top center no-repeat;
    z-index:-1;
    background-size:contain
}
.hiredeveloper-page .banner-part p{
    max-width:100%
}
.hiredeveloper-page .banner-part .right-part{
    width:calc(100% - 558px)
}
.hdservice-sec{
    padding:150px 0 100px
}
.hdservice-sec .offer-slider{
    margin-top:10px
}
.hdservice-sec .offer-slider img{
    width:60px;
    margin-bottom:20px
}
.hdservice-sec .offer-slider h3{
    font-size:20px;
    color:#000
}
.hdservice-sec .offer-slider p{
    font-size:16px;
    line-height:normal
}
.hdservice-sec .offer-slider .item{
    padding:15px;
    margin:15px 5px;
    box-shadow:0 4px 5px rgba(0,0,0,.1);
    border-radius:12px;
    min-height:290px
}
.dobox-sec .dobox-part{
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
    padding:50px 0 100px
}
.dobox-sec .dobox-part .left-part{
    width:550px
}
.dobox-sec .dobox-part .left-part ul{
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
    align-items:self-start
}
.dobox-part .left-part ul li{
    width:calc(100%/2 - 15px);
    padding:20px 10px;
    border-radius:15px;
    margin-top:-50px
}
.dobox-part .left-part ul li:nth-child(2n+2){
    margin-top:22px
}
.dobox-part .left-part ul li>a>div{
    display:flex;
    justify-content:space-between;
    align-items:center
}
.dobox-part .left-part ul li>a>div>figure{
    width:65px;
    margin-bottom:0
}
.dobox-part .left-part ul li>a>div>h5{
    width:calc(100% - 65px);
    font-size:18px;
    color:#fff;
    font-weight:300;
    margin-bottom:0
}
.dobox-part .left-part ul li p{
    font-size:15px;
    color:#fff;
    font-weight:300;
    margin-top:15px
}
.dobox-part .right-part{
    width:calc(100% - 550px);
    padding-left:25px;
    padding-top:20px
}
.dobox-part .right-part h5{
    margin-bottom:30px
}
.dobox-part .right-part h5 span{
    width:142px;
    height:3px;
    background:linear-gradient(270deg,#A54ED8 0%,#707CFC 100%);
    margin-right:22px;
    display:inline-block;
    vertical-align:middle;
    margin-bottom:5px
}
.hdsed-sec .title{
    margin:30px 0
}
.hdsed-sec .btn{
    margin-top:35px;
    padding:10px 30px
}
.hdut-sec{
    padding:150px 0 100px
}
.hdut-sec .title{
    margin:15px 0
}
.hdut-sec li{
    margin-top:20px;
    box-shadow:0 4px 8px rgba(0,0,0,.1);
    border-radius:12px;
    padding:15px 15px 15px 40px;
    position:relative
}
.hdut-sec li span{
    position:absolute;
    top:0;
    left:0;
    width:15px;
    height:100%;
    border-radius:12px 0 0 12px
}
.hdut-sec li h5{
    font-size:20px;
    font-weight:500;
    margin-bottom:10px
}
.hdut-sec img{
    width:100%;
    height:100%;
    object-fit:contain
}
.hdut-sec li p{
    font-size:16px
}
.hd-model ul{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    justify-content:space-between;
    margin:50px 0 0
}
.hd-model ul li{
    width:calc(100%/3 - 70px);
    box-shadow:0 4px 30px rgba(224,110,139,.1);
    border-radius:12px;
    padding:25px
}
.hd-model ul li h4{
    font-size:22px;
    font-weight:500;
    color:#000;
    margin:20px 0 15px
}
.hd-model ul li p{
    font-size:16px
}
.mbd-page{
    overflow-x:hidden
}
.inv-sec{
    margin:100px 0
}
.inv-sec ul{
    margin-top:10px
}
.inv-sec ul li{
    list-style:disc;
    padding-top:0;
    color:#000;
    font-size:16px;
    margin-left:20px;
    font-weight:300
}
.hdser-sec{
    position:relative;
    padding:100px 0 170px
}
.hdser-sec:after{
    content:"";
    position:absolute;
    top:-10%;
    right:-40%;
    background:rgba(218,166,249,.15);
    border-radius:50%;
    width:1037px;
    height:1037px;
    z-index:-1
}
.hdser-slider{
    margin-top:40px
}
.hdser-slider .hdser-box img{
    width:auto
}
.hdser-box{
    box-shadow:0 4px 10px rgba(0,0,0,.25);
    border-radius:12px;
    padding:12px 10px;
    margin:10px;
    min-height:230px;
    background:#fff
}
.hdimgbox{
    display:flex;
    justify-content:space-between;
    margin-bottom:20px
}
.hdimgbox .left{
    width:65px
}
.hdimgbox .right{
    width:calc(100% - 85px)
}
.hdser-box p{
    font-size:16px
}
.hdser-slider .owl-nav{
    position:absolute;
    top:-170px;
    right:0
}
.hdser-slider .owl-nav span{
    font-size:0
}
.hdser-slider .owl-nav button{
    width:70px;
    height:70px;
    background:#fff!important;
    box-shadow:0 4px 4px rgba(0,0,0,.1);
    outline:none;
    border-radius:50%;
    position:relative
}
.hdser-slider .owl-nav .owl-next{
    margin-left:25px
}
.hdser-slider .owl-nav .owl-prev:after,.hdser-slider .owl-nav .owl-next:after{
    content:"";
    position:absolute;
    top:50%;
    left:50%;
    width:14px;
    height:14px;
    border-left:2px solid #868686;
    border-top:2px solid #868686;
    margin:-7px 0 0 -7px
}
.hdser-slider .owl-nav .owl-prev:after{
    transform:rotate(-45deg)
}
.hdser-slider .owl-nav .owl-next:after{
    transform:rotate(135deg)
}
.hdser-slider .owl-nav .owl-prev:before,.hdser-slider .owl-nav .owl-next:before{
    content:"";
    position:absolute;
    background:#868686;
    width:20px;
    height:2px;
    top:34px;
    left:27px
}
.hdchoose-sec{
    position:relative
}
.hdser-slider .owl-nav .owl-next:before{
    left:23px
}
.hdchoose-part{
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap
}
.hdchoose-part .left-part{
    width:calc(100% - 480px)
}
.hdchoose-part .left-part ul li{
    display:inline-block;
    vertical-align:top;
    width:calc(100%/2 - 15px)
}
.hdchoose-part .left-part ul li:nth-child(2n+2){
    margin-top:60px;
    margin-left:25px
}
.hdchoose-sec .right-part{
    position:absolute;
    right:0;
    top:19%
}
.hdchoose-box{
    background:#fff;
    box-shadow:0 4px 25px rgba(0,0,0,.25);
    border-radius:12px;
    padding:45px 15px 20px;
    position:relative
}
.hdchoose-box span{
    position:absolute;
    top:-30px;
    right:-20px;
    width:80px;
    height:80px;
    content:"";
    border-radius:50%;
    border:5px solid #fff;
    display:flex;
    align-items:center;
    justify-content:center
}
.hdchoose-box h4{
    font-size:24px;
    margin-bottom:10px
}
.hdchoose-box p{
    font-size:16px
}
.industry-page .banner-sec h1{
    padding-bottom:30px
}
.industry-page .banner-sec h1:after{
    content:"";
    position:absolute;
    bottom:0;
    left:0;
    width:173px;
    height:3px;
    background:#ff7840
}
.industry-page .banner-part .right-part img{
    border-radius:0 134px;
    width:100%
}
.indser-sec{
    padding:100px 0
}
.indser-sec .btn{
    padding:10px 50px;
    float:right
}
.ind-box{
    background:#fff;
    border-radius:12px;
    padding:15px;
    border:1px solid #e6e6e6;
    min-height:345px;
    transition:all .3s;
    display:block
}
.ind-box:hover{
    box-shadow:0 4px 25px rgba(0,0,0,.15);
    transition:all .3s
}
.ind-box figure{
    width:50px;
    height:50px;
    margin-bottom:0;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:5px
}
.ind-box figure img{
    width:35px;
    height:35px;
    object-fit:cover
}
.ind-box h3{
    font-weight:500;
    font-size:22px;
    line-height:26px;
    color:#000;
    margin:30px 0 20px
}
.ind-box p{
    font-size:15px;
    color:#000
}
.inddo-sec img{
    border-radius:0 80px;
    width:100%;
    height:100%;
    object-fit:cover
}
.inddo-sec ul{
    margin-top:25px
}
.inddo-sec ul li{
    font-size:20px;
    font-weight:400;
    color:#000;
    padding-left:30px;
    margin-top:25px;
    position:relative
}
.inddo-sec ul li:after{
    position:absolute;
    content:"";
    left:5px;
    top:7px;
    width:10px;
    height:10px;
    border-radius:2px;
    transform:rotate(45deg)
}
.inddo-sec ul li:first-child::after{
    background:#a54ed8
}
.inddo-sec ul li:nth-child(2)::after{
    background:#707cfc
}
.inddo-sec ul li:nth-child(3)::after{
    background:#ff7840
}
.inddo-sec ul li:last-child::after{
    background:#e06e8b
}
.incircle{
    position:absolute;
    left:-10%;
    top:-30%;
    width:1182px;
    height:1182px;
    border-radius:50%;
    z-index:-1
}
.industry-inpage h1 span{
    width:173px;
    height:3px;
    display:block;
    margin-top:10px
}
.industry-inpage .banner-sec p{
    max-width:100%
}
.abin-sec{
    padding:80px 0 0
}
.abin-sec .title{
    margin-bottom:30px
}
.abin-slider{
    margin:35px 0
}
.abin-slider .item{
    padding:30px 10px
}
.abin-box{
    border-radius:15px;
    box-shadow:0 6.36px 36px rgba(0,0,0,.08);
    background:#fff;
    padding:40px 30px;
    position:relative;
    min-height:230px
}
.abin-slider img,.abser-slider img,.abtc-slider img{
    width:auto!important
}
.abin-box h4{
    margin-top:35px;
    font-size:18px
}
.abin-box span{
    position:absolute;
    width:134px;
    height:134px;
    border-radius:15px;
    z-index:-1
}
.abser-sec{
    position:relative
}
.abser-circle{
    position:absolute;
    top:-15%;
    right:-20%;
    width:1182px;
    height:1182px;
    border-radius:50%;
    z-index:0
}
.abin-box .abin1{
    left:-3px;
    top:-3px
}
.abin-box .abin2{
    right:-3px;
    bottom:-3px
}
.abser-sec{
    padding:100px 0
}
.abser-sec .title{
    margin-bottom:80px;
    font-weight:700
}
.abser-slider{
    padding-bottom:50px
}
.abser-slider ul{
    padding:15px
}
.abser-slider li{
    display:flex;
    justify-content:space-between
}
.abser-slider li+li{
    margin-top:35px
}
.abser-slider li figure{
    width:100px;
    height:100px;
    box-shadow:0 11px 51px rgba(248,89,21,.18);
    border-radius:15px;
    display:flex;
    align-items:center;
    justify-content:center
}
.abser-slider li .right{
    width:calc(100% - 150px)
}
.abser-slider li .right h4{
    font-size:24px;
    color:#000;
    font-weight:600;
    margin-bottom:10px
}
.abser-slider li .right p{
    font-size:18px;
    color:#716e6e;
    font-weight:500
}
.abser-slider .owl-dots{
    position:absolute;
    right:0;
    bottom:0
}
.abser-slider .owl-dot{
    width:20px;
    height:20px;
    border-radius:50%;
    border:1px solid #facc3a!important;
    background:#000;
    outline:none;
    margin-left:40px
}
.abser-slider .owl-dot.active{
    background:#facc3a
}
.abtc-sec{
    padding:0 0 100px
}
.abtc-sec .title{
    font-weight:700;
    text-align:center;
    margin-bottom:45px
}
.abtc-slider .item{
    border-radius:15px;
    padding:25px;
    text-align:center;
    margin-right:25px;
    margin:50px 20px;
    background:#fff
}
.abtc-slider .item figure{
    margin:0;
    min-height:80px
}
.abtc-slider .item img{
    margin:0 auto
}
.abtc-slider .item h4{
    font-size:25px;
    color:#20304e;
    font-weight:700;
    margin:25px 0
}
.abtc-slider .item .btn{
    border-radius:30px;
    padding:10px 25px;
    font-size:14px;
    color:#fff
}
.abtc-box1 .btn{
    background:#ff8a02;
    border:1px solid #ff8a02
}
.abtc-box1{
    border:1px solid #ff8a01
}
.abtc-box1 .btn:hover{
    background:#fff;
    color:#ff8a02
}
.abtc-box2{
    border:1px solid #8f00ff
}
.abtc-box2 .btn{
    background:#ad3ef7;
    border:1px solid #ad3ef7
}
.abtc-box2 .btn:hover{
    background:#fff;
    color:#ad3ef7
}
.abtc-box3{
    border:1px solid #ff1b1b
}
.abtc-box3 .btn{
    background:#ff3737;
    border:1px solid #ff3737
}
.abtc-box3 .btn:hover{
    background:#fff;
    color:#ff3737
}
.abtc-box4{
    border:1px solid #ff8a01
}
.abtc-box4 .btn{
    background:#ff8a02;
    border:1px solid #ff8a02
}
.abtc-box4 .btn:hover{
    background:#fff;
    color:#ff8a02
}
.abtc-box5{
    border:1px solid #8f00ff
}
.abtc-box5 .btn{
    background:#ad3ef7;
    border:1px solid #ad3ef7
}
.abtc-box5 .btn:hover{
    background:#fff;
    color:#ad3ef7
}
.abch-sec figure{
    border-width:4px;
    border-style:solid;
    border-radius:47px;
    padding:28px
}
.abch-sec figure img{
    width:100%
}
.abch-sec .title{
    font-weight:700
}
.abch-sec ul li{
    list-style:disc;
    font-size:16px;
    color:#000;
    font-weight:400
}
.hdbnbox{
    position:absolute;
    top:-54%;
    right:-22%;
    width:570px;
    height:740px;
    border-radius:50px;
    transform:rotate(28.78deg);
    background:linear-gradient(180deg,#707CFC 0%,#A54ED8 100%);
    z-index:-1
}
.hdm-page .banner-part .right-part img{
    transform:rotate(30deg)
}
.hdmser-sec{
    margin:50px 0 100px
}
.hdmser-slider{
    margin-top:50px
}
.hdmser-slider img{
    width:auto!important
}
.hdmser-slider .item{
    box-shadow:0 4px 10px rgba(0,0,0,.25);
    border-radius:12px;
    min-height:340px;
    margin:20px 10px;
    padding:35px 20px
}
.hdmser-slider .item>a{
    display:block;
    color:#000
}
.hdmser-slider figure{
    width:120px;
    height:120px;
    background:#dd6189;
    box-shadow:0 4px 25px rgba(219,168,250,.5);
    border-radius:12px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:auto
}
.hdmobile-sec figure{
    text-align:right
}
.hdmser-slider .item h3{
    font-size:25px;
    font-weight:400;
    margin:15px 0 10px
}
.hdmser-slider .item p{
    font-size:16px
}
.hdmobile-sec{
    position:relative;
    margin-bottom:100px
}
.hdmobile-sec:after{
    content:"";
    left:0;
    top:50px;
    width:80%;
    position:absolute;
    height:calc(100% - 100px);
    background:linear-gradient(180deg,#707CFC 0%,#A54ED8 100%);
    transform:translateX(-40%);
    z-index:-1
}
.hfm-page .banner-sec{
    position:relative
}
.hfm-page .banner-sec:after{
    position:absolute;
    top:-310px;
    right:0;
    width:622px;
    content:"";
    height:930px;
    background:#ff7840;
    border-radius:330px;
    transform:rotate(45deg);
    z-index:-1
}
.hdfser-sec{
    padding:100px 0
}
.hdfser-sec ul{
    flex-wrap:wrap;
    display:flex;
    justify-content:space-between;
    margin-top:50px
}
.hdfser-sec ul li{
    width:calc(100%/3 - 10px);
    border:1px solid #dfdfdf;
    border-radius:15px;
    margin-bottom:25px;
    padding:15px
}
.hdfser-sec ul li>a{
    display:flex;
    justify-content:space-between;
    align-items:center;
    color:#000
}
.hdfser-sec ul li:hover{
    background:#ff7840
}
.hdfser-sec ul li h4{
    font-size:20px;
    font-weight:400;
    margin-bottom:0
}
.hdfser-sec ul li:hover h4{
    color:#fff
}
.hdfser-sec ul li figure{
    width:64px;
    border-radius:50%;
    height:64px;
    margin-bottom:0;
    background:#fff;
    display:flex;
    align-items:center;
    justify-content:center
}
.hdfser-sec ul li .active-img{
    transition:all .3s
}
.hdfser-sec ul li .hover-img{
    display:none;
    transition:all .3s
}
.hdfser-sec ul li:hover .hover-img{
    display:inline-block;
    transition:all .3s
}
.hdfser-sec ul li:hover .active-img{
    display:none;
    transition:all .3s
}
.cakephp-page .banner-sec{
    position:relative
}
.cakephp-page .banner-sec:after{
    position:absolute;
    top:-400px;
    right:-170px;
    content:"";
    border-radius:50%;
    background:linear-gradient(42.87deg,rgba(35,64,205,0.5625) 16.57%,rgba(255,120,64,0.75) 70.23%);
    width:817px;
    height:817px;
    z-index:-1
}
.cakephp-sec{
    padding:100px 0
}
.cakephp-page .hdser-slider .owl-nav{
    display:none
}
.cakephp-page .hdser-slider{
    margin:30px 0 0;
    text-align:center
}
.cakephp-page .hdser-slider img{
    width:auto;
    margin:0 auto
}
.cakephp-page .hdser-slider .item{
    padding:30px 5px;
    margin:10px 40px 10px 0;
    border-radius:12px;
    border:1px solid rgba(255,120,64,.17);
    transition:all .3s;
    min-height:350px
}
.cakephp-page .hdser-slider h4{
    margin:20px 0;
    font-size:20px
}
.cakephp-page .hdser-slider .item:hover{
    box-shadow:0 4px 25px 2px rgba(0,0,0,.15)
}
.arvr-page .banner-sec{
    position:relative
}
.arvr-page .banner-sec:after{
    position:absolute;
    content:'';
    top:-170px;
    right:0;
    width:43%;
    height:calc(100% + 170px);
    background:linear-gradient(180deg,#60F2EB 0%,#707CFC 100%);
    z-index:-1
}
.ar-sec{
    margin:150px 0;
    padding-top:50px;
    position:relative
}
.ar-sec:after{
    position:absolute;
    content:"";
    left:0;
    top:0;
    width:52%;
    height:70%;
    background:linear-gradient(119.42deg,#60F2EB 0%,#707CFC 175.1%);
    z-index:-1
}
.ar-sec h2{
    margin-bottom:20px
}
.ar-slider img{
    width:auto!important
}
.ar-slider{
    padding-left:25%
}
.ar-slider .item{
    padding-top:70px
}
.ar-box{
    background:#f2f2f2;
    padding:30px 10px 10px;
    margin-right:15px;
    min-height:310px;
    display:block;
    color:#000
}
.ar-box figure{
    width:80px;
    height:80px;
    background:#fff;
    border-radius:50%;
    margin-top:-70px;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 4px 25px rgba(0,0,0,.15)
}
.ar-box h4{
    margin:35px 0 10px;
    font-size:28px
}
.ar-slider .owl-nav .owl-prev{
    display:none
}
.ar-slider .owl-nav .owl-next span{
    font-size:0;
    position:relative
}
.ar-slider .owl-nav .owl-next span:after{
    position:absolute;
    content:"";
    left:0;
    right:0
}
.arvrdetail-page .banner-sec{
    position:relative
}
.arvrdetail-page .banner-sec:after{
    position:absolute;
    content:"";
    right:0;
    top:-170px;
    width:50%;
    height:calc(100% + 170px);
    background:linear-gradient(225.08deg,#A54ED8 1.06%,#60F2EB 103.51%);
    clip-path:polygon(100% 8%,0% 100%,100% 100%);
    z-index:-1
}
.arkit-sec{
    padding:150px 0
}
.arkit-part{
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap
}
.arkit-part>.left,.arkit-part>.right{
    width:400px
}
.arkit-part>.center{
    width:300px
}
.arapp-box{
    display:flex
}
.arapp-box+.arapp-box{
    margin-top:100px
}
.arapp-box .left{
    width:60px
}
.arapp-box .right{
    width:calc(100% - 60px)
}
.arkit-part>.left .right{
    padding-left:15px
}
.arkit-part>.right .right{
    padding-right:15px;
    text-align:right
}
.arkit-part>.middle{
    width:calc(100% - 800px);
    display:flex;
    align-items:center
}
.arapp-box h5{
    font-size:25px;
    margin-bottom:10px
}
.arapp-box p{
    font-size:20px
}
.expers-sec{
    margin:100px 0
}
.expers-sec .title{
    margin-bottom:50px
}
.ex-slider img{
    width:auto!important
}
.ex-box{
    padding:30px;
    border-radius:50px;
    margin-right:25px;
    min-height:392px
}
.ex-box figure{
    border-radius:50%;
    width:84px;
    height:84px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:15px
}
.ex-box .arrow-btn:after{
    border-color:inherit;
    margin:-6px 0 0 5px
}
.hser-sec{
    padding:100px 0 50px
}
.hser-sec ul{
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
    margin-top:50px
}
.hser-sec ul li{
    width:calc(100%/2 - 50px);
    display:flex;
    justify-content:space-between;
    margin-bottom:70px
}
.hser-sec ul li .left{
    width:80px;
    height:80px;
    border-radius:14px;
    display:flex;
    align-items:center;
    justify-content:center
}
.hser-sec ul li .right{
    width:calc(100% - 120px)
}
.hser-sec ul h4{
    font-size:28px
}
.hireembedded-page .banner-sec{
    position:relative
}
.hireembedded-page .banner-sec .right-img{
    position:absolute;
    top:0;
    right:0;
    min-height:400px;
    object-fit:cover
}
.hireembedded-page .banner-sec .right-part img{
    width:100%;
    object-fit:cover
}
.hem-sec{
    padding:100px 0
}
.hem-sec .title{
    margin-bottom:50px
}
.hem-slider{
    text-align:center
}
.hem-slider img{
    width:auto!important;
    margin:auto
}
.hem-slider .item{
    padding:15px 47px
}
.hem-slider .item h4{
    font-size:28px;
    font-weight:400;
    color:#000;
    margin:15px 0;
    line-height:normal
}
.emhire-sec .title{
    margin-bottom:25px
}
.firm-slider .owl-item{
    margin:25px 0
}
.firm-slider img{
    width:auto!important;
    margin:auto
}
.firm-slider .item{
    padding:25px 5px 10px;
    border:1px solid #ff7840;
    border-radius:15px;
    text-align:center;
    margin-right:20px;
    min-height:285px;
    transition:all .3s
}
.firm-slider .item:hover{
    box-shadow:0 4px 25px rgba(255,120,64,.15);
    border:1px solid #fff;
    transition:all .3s
}
.firm-slider .item h4{
    font-size:20px;
    margin:15px 0 5px
}
.firm-slider .item p{
    font-size:15px
}
.bl-slider img{
    width:auto!important
}
.bl-box{
    background:#eaeaea;
    border-radius:12px;
    padding:15px;
    min-height:300px
}
.bl-box h4{
    font-size:28px;
    color:#000
}
.hbd-page{
    position:relative
}
.hbd-page .banner-part .left-part{
    width:600px
}
.hbd-page .banner-part .left-part p{
    max-width:100%
}
.hbd-page .banner-part .right-part{
    width:calc(100% - 620px)
}
.shape{
    position:absolute;
    left:0;
    top:-110px;
    width:960px;
    height:615px;
    border-bottom-right-radius:500px;
    z-index:-1
}
.bl-sec{
    margin:200px 0 150px
}
.bl-sec span{
    display:block;
    width:560px;
    height:8px;
    margin:0 auto 10px;
    border-radius:10px
}
.blser-box{
    border:1px solid #66ede6;
    border-radius:12px;
    padding:15px;
    margin-right:1px;
    min-height:310px;
    transition:all .3s
}
.blser-box h4{
    font-size:24px
}
.blser-box:hover{
    box-shadow:0 4px 25px #eee4f8;
    border-color:transparent;
    transition:all .3s
}
.policy-page .banner-sec p{
    max-width:100%;
    margin-bottom:15px
}
.policy-page .banner-part .right-part{
    padding-left:25px
}
.policy-page .banner-part .right-part img{
    width:100%
}
.policy-sec{
    margin:70px 0
}
.policy-sec h2{
    font-size:24px;
    font-weight:700;
    color:#000;
    margin-bottom:15px
}
.policy-sec p{
    margin-bottom:10px
}
.pl-list li{
    list-style:disc;
    margin:0 0 5px 30px;
    font-size:18px;
    color:#000;
    font-weight:400
}
.hd-page{
    position:relative
}
.hd-page:before{
    position:absolute;
    top:-109px;
    content:"";
    right:0;
    height:800px;
    width:30%;
    background:linear-gradient(180deg,#DBA8FA 0%,#707CFC 100%);
    z-index:-1
}
.des-sec{
    padding:100px 0
}
.des-sec .title{
    margin-bottom:50px
}
.des-sec figure{
    width:138px;
    height:138px;
    border-radius:50%;
    margin:0 auto 10px;
    display:flex;
    align-items:center;
    justify-content:center
}
.des-sec h4{
    font-size:36px;
    color:#000;
    margin:25px 0 15px
}
.des-sec p{
    font-size:18px;
    padding:0 45px
}
.hdwork-sec{
    position:relative;
    margin-bottom:100px
}
.hdwork-sec:after{
    position:absolute;
    content:"";
    top:-10%;
    left:-25%;
    width:732px;
    height:732px;
    border-radius:50%;
    background:linear-gradient(180deg,rgba(217,167,250,0.4) 0%,rgba(148,157,253,0.4) 100%);
    filter:blur(2px);
    z-index:-1
}
.hdwork-sec ul{
    padding:20px 0
}
.hdwork-sec ul li{
    list-style:disc;
    margin-left:25px
}
.web-sec{
    padding:80px 0
}
.web-slider{
    padding:50px 0 25px
}
.web-slider img{
    width:auto!important;
    margin:0 auto 10px
}
.web-slider .item{
    padding:15px;
    border:1px solid #d4d4d4;
    border-radius:15px;
    min-height:318px
}
.web-slider .item:hover{
    box-shadow:0 4px 50px 5px rgba(0,0,0,.15)
}
.web-slider h4{
    font-size:22px;
    color:#000
}
.web-slider p{
    font-size:16px
}
.career-page .banner-sec{
    background:url(images/career-banner.jpg) top center no-repeat;
    background-size:cover;
    padding:70px 0 120px;
    text-align:center
}
.career-page .banner-sec h1{
    font-size:55px;
    color:#044a78;
    font-family:montserrat,sans-serif;
    text-align:center;
    display:block;
    width:100%;
    font-style:normal;
    font-weight:700;
    text-transform:uppercase
}
.career-page .banner-sec p{
    font-size:18px;
    color:#044a78;
    font-family:montserrat,sans-serif;
    text-align:center;
    font-weight:400;
    font-style:normal;
    max-width:470px;
    margin:auto
}
.jobapply-sec{
    margin:100px 0
}
.jobapply-sec h2{
    font-size:40px;
    font-weight:700;
    margin:0 auto 50px;
    line-height:50px;
    color:#000;
    text-align:center;
    max-width:500px
}
.jobapply-sec ul{
    padding:0;
    margin:0;
    width:100%;
    list-style:none
}
.jobapply-sec ul>li{
    display:flex;
    padding:25px 15px;
    justify-content:space-between;
    align-items:center
}
.jobapply-sec ul>li:nth-child(2n+2){
    background-color:#fef9e4
}
.jobapply-sec ul>li h4{
    font-size:24px;
    line-height:24px;
    color:#000;
    width:200px;
    margin-bottom:15px;
    line-height:normal
}
.jobapply-sec ul>li h4+p{
    font-size:16px;
    color:#000;
    margin-bottom:0
}
.jobapply-sec ul>li>p{
    width:calc(100% - 450px);
    margin-bottom:0
}
.jobapply-sec ul>li>.btn{
    color:#044a78;
    font-size:16px;
    line-height:normal;
    border:1px solid #cacaca;
    padding:15px 0;
    width:180px;
    display:block;
    transition:all .3s
}
.jobapply-sec ul>li>.btn:hover{
    color:#fff;
    background:#044a78;
    border:1px solid #044a78;
    transition:all .3s
}
.career-page .gallery-sec{
    font-family:montserrat,sans-serif
}
.career-page .gallery-sec img{
    width:100%;
    height:100%;
    object-fit:cover
}
.journey-sec{
    background:#eee;
    padding:50px 0
}
.journey-sec img{
    border-radius:15px
}
.journey-sec h2{
    text-transform:uppercase
}
.career-popup .model{
    z-index:99999
}
.career-popup .modal-dialog{
    max-width:1140px;
    width:90%;
    z-index:111111
}
.career-popup .modal{
    z-index:111111
}
.career-popup h3{
    font-size:18px;
    color:#000;
    font-weight:700;
    margin-bottom:10px
}
.career-popup h5{
    margin-top:0
}
.career-popup .modal-body{
    overflow-y:auto;
    height:500px;
    max-height:90%
}
.career-popup .apply-btn{
    color:#fff;
    background:#1a567d;
    padding:5px 15px;
    text-transform:uppercase;
    margin:0 0 0 auto;
    border-radius:5px;
    line-height:normal
}
.career-popup .modal-header .close{
    margin-left:0
}
footer{
    background:url(images/ft-bg.jpg) center center no-repeat;
    background-size:cover;
    padding:115px 0 0
}
.ftinner-part{
    display:flex;
    justify-content:space-between
}
.ftlogo-part{
    width:250px;
    margin-right:15px
}
.ftlogo-part>.ft-logo{
    width:150px;
    margin-bottom:50px
}
.ftlogo-part>p{
    color:#fff;
    font-weight:400;
    font-size:20px;
    line-height:23px;
    letter-spacing:.035em
}
.ftlogo-part ul{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    margin:20px 0 0
}
.ftlogo-part ul li{
    width:20px;
    height:20px;
    border-radius:50%;
    background:#fff;
    display:flex;
    align-items:center;
    justify-content:center
}
.ftlogo-part ul li+li{
    margin-left:15px
}
.ftlogo-part ul li a{
    font-size:12px;
    transition:transform 1s;
    display:flex;
    align-items:center;
    justify-content:center
}
.ftlogo-part ul li a img{
    margin:1px 0 0 1px
}
.tw-icon{
    color:#34acfa
}
.tw-icon:hover{
    color:#1d9bf0
}
.li-icon{
    color:#2867b2
}
.li-icon:hover{
    color:#0a66c2
}
.fb-icon{
    color:#2867b2
}
.fb-icon:hover{
    color:#0a66c2
}
.in-icon{
    color:#2867b2
}
.in-icon:hover{
    color:#e4001e
}
.pi-icon{
    color:#e60023
}
.pi-icon:hover{
    color:#e60023
}
.yo-icon{
    color:red
}
.yo-icon:hover{
    color:red
}
.ftmenu-part{
    width:420px;
    margin-right:25px
}
.ftcontact-part{
    width:370px
}
.ftmenu-part h3,.ftcontact-part h3{
    font-size:24px;
    font-weight:600;
    color:#fff;
    margin-bottom:35px
}
.ftmenu-part>ul{
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap
}
.ftmenu-part>ul>li{
    width:calc(100%/2 - 10px);
    margin-bottom:25px
}
.ftmenu-part li a{
    color:#fff;
    font-size:13px;
    display:block;
    transition:all .3s
}
.ftmenu-part li a:hover{
    color:#34acfa;
    padding-left:5px;
    transition:all .3s
}
.ftcontact-part>.flag-ad{
    display:flex;
    align-items:center;
    flex-wrap:wrap
}
.flag-ad li+li{
    margin-left:15px
}
.flag-map{
    margin-top:15px;
    position:relative
}
.flag-map{
    position:relative
}
.flag-map li{
    position:relative
}
.flag-map li>div{
    position:absolute;
    top:-18px;
    right:0;
    background:#34acfa;
    color:#fff;
    padding:0 10px;
    border-radius:5px 5px 0 0;
    font-weight:700;
    font-size:12px
}
.flag-map li>iframe{
    width:100%;
    height:100%
}
.ftbt-bar{
    border-top:1px solid #5e5e5e;
    margin:45px 0 0
}
.ftbt-bar p{
    margin-bottom:0;
    font-size:13px;
    color:#fff;
    line-height:15px;
    font-weight:300;
    letter-spacing:.035em;
    text-align:center;
    padding:15px 0
}
footer .cursor.hdmenubtn{
    background:#fff
}
body footer .cursor.hdmenubtnsmall{
    background:#fff
}
.servicesinner-page .banner-sec{
    padding:60px 0;
    min-height:150px;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:top center
}
.servicesinner-page .banner-part{
    justify-content:center
}
.servicesinner-page h1{
    font-size:50px;
    margin-bottom:0;
    text-align:center;
    color:#fff;
    text-transform:uppercase;
    font-weight:700
}
.section-consultation{
    background-image:url(images/cons-img.webp);
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    padding:100px 0
}
.section-consultation p{
    color:#fff;
    font-size:24px;
    font-weight:400;
    line-height:1.4em;
    margin-bottom:15px
}
.section-consultation h2{
    color:#fff;
    font-size:72px;
    font-weight:900;
    line-height:80px;
    margin-bottom:38px
}
.section-consultation .btn{
    color:#fff
}
.section-consultation .btn rect{
    stroke:#fff
}
.focuses-sec .accordion{
    text-align:left
}
.focuses-sec .accordion .card{
    border:none
}
.focuses-sec .card-header{
    padding:0;
    margin-top:15px;
    transition:all .3s ease
}
.focuses-sec h3{
    color:#000;
    text-align:center;
    font-weight:400;
    font-size:20px;
    background-color:#34acfa;
    margin-bottom:0
}
.focuses-sec h3 button{
    padding:15px;
    position:relative;
    font-weight:700;
    text-align:left;
    display:block;
    width:100%;
    text-transform:capitalize;
    text-decoration:none;
    font-size:inherit;
    color:#fff
}
.focuses-sec h3 button{
    padding-right:35px
}
.focuses-sec h3 button:after{
    content:"";
    position:absolute;
    width:20px;
    right:10px;
    top:25px;
    height:4px;
    background-color:#fff
}
.focuses-sec h3 button:hover{
    color:#fff;
    text-decoration:none
}
.focuses-sec .accordion .collapse{
    border:3px solid #34acfa;
    transition:all .3s
}
.focuses-sec .accordion .collapse.show{
    transition:all .3s ease
}
.apps-list{
    padding:0;
    margin:50px 0 0;
    list-style:none;
    display:flex;
    justify-content:center
}
.apps-list>li{
    padding:40px;
    width:24%;
    border:2px dotted #ccc;
    text-align:center;
    transition:all .3s ease;
    position:relative;
    overflow:hidden
}
.apps-list>li+li{
    margin-left:25px
}
.apps-list>li:hover{
    background:#34acfa;
    box-shadow:-15px -15px 10px #ddd;
    transform:translate(20px,20px);
    color:#fff
}
.apps-list>li img{
    position:absolute;
    top:100%;
    right:-100%;
    transition:all .3s;
    max-width:120px
}
.apps-list>li:hover img{
    right:0;
    z-index:-9;
    opacity:.2;
    top:auto;
    bottom:0
}
.apps-list2>li{
    width:100%
}
.apps-list h4{
    color:#000
}
.apps-list>li:hover h4{
    color:#fff
}
.focuses-sec .card-body ul{
    padding:10px 0 0 25px
}
.focuses-sec .card-body ul li{
    list-style:disc;
    color:#000;
    font-size:18px;
    padding-bottom:3px
}
.sr-list li{
    padding-left:5px;
    margin-left:20px;
    list-style:disc;
    font-size:18px
}
.faq-sec .title{
    position:relative;
    padding-left:100px;
    padding-bottom:25px;
    margin-bottom:60px
}
.faq-sec .title:after{
    content:"";
    position:absolute;
    bottom:0;
    left:0;
    width:198px;
    height:4px;
    background:linear-gradient(180deg,#9D9DED 0%,#EF8A8A 100%);
    border-radius:4px
}
.faq-part{
    max-width:840px;
    margin:0 auto;
    background:#fbfbfb;
    border:none
}
.faq-part .card{
    border:none;
    background-color:inherit;
    border-width:0 0 2px!important;
    border-style:solid!important;
    border-color:#f5f4f4!important
}
.faq-part .card:last-child{
    border-width:0!important
}
.faq-part .card-header{
    background:0 0;
    border:none;
    border-radius:0;
    padding:0;
    position:relative
}
.faq-part .btn{
    width:100%;
    text-align:left;
    color:#000;
    padding:20px 10px 20px 70px;
    font-size:20px;
    font-weight:500;
    text-decoration:none;
    position:relative;
    border-radius:0
}
.faq-part .card-header .btn.btn-link.collapsed:before{
    position:absolute;
    content:"";
    top:24px;
    left:42px;
    width:4px;
    height:18px;
    background:linear-gradient(180deg,#9D9DED 0%,#EF8A8A 100%);
    border-radius:30px
}
.faq-part .card-header .btn.btn-link:after{
    position:absolute;
    content:"";
    top:31px;
    left:35px;
    width:18px;
    height:4px;
    background:linear-gradient(180deg,#9D9DED 0%,#EF8A8A 100%);
    border-radius:30px
}
.faq-part .card-body{
    padding:20px 20px 20px 120px;
    position:relative
}
.faq-part .card-body:after{
    position:absolute;
    content:"";
    top:25px;
    left:85px;
    width:4px;
    height:calc(100% - 50px);
    background:linear-gradient(180deg,#9D9DED 0%,#EF8A8A 100%);
    border-radius:10px
}
.faq-part .card-body p{
    font-size:16px;
    font-weight:400
}
.error-page{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    height:100vh;
    background:#fff;
    color:#000;
    font-family:arial,sans-serif;
    overflow:hidden
}
.content-text{
    position:relative;
    max-width:600px;
    width:100%;
    margin:20px auto;
    background:#fff;
    padding:60px 40px;
    text-align:center;
    box-shadow:-10px 10px 67px -12px rgba(0,0,0,.2);
    opacity:0;
    animation:apparition .8s 1.2s cubic-bezier(.39,.575,.28,.995) forwards
}
.content-text p{
    font-size:1.3rem;
    margin-top:0;
    margin-bottom:.6rem;
    letter-spacing:.1rem;
    color:#595959
}
.content-text p:last-child{
    margin-bottom:0
}
.content-text button{
    display:inline-block;
    margin-top:2rem;
    padding:.5rem 1rem;
    border:3px solid #595959;
    background:0 0;
    font-size:1rem;
    color:#595959;
    text-decoration:none;
    cursor:pointer;
    font-weight:700
}
.particle{
    position:absolute;
    display:block;
    pointer-events:none
}
.particle:nth-child(1){
    top:35.8787878788%;
    left:31.2195121951%;
    font-size:25px;
    filter:blur(0.02px);
    animation:36s float infinite
}
.particle:nth-child(2){
    top:33.734939759%;
    left:35.9223300971%;
    font-size:30px;
    filter:blur(0.04px);
    animation:26s floatReverse2 infinite
}
.particle:nth-child(3){
    top:40.5307599517%;
    left:9.7181729835%;
    font-size:29px;
    filter:blur(0.06px);
    animation:25s floatReverse infinite
}
.particle:nth-child(4){
    top:71.921182266%;
    left:35.5731225296%;
    font-size:12px;
    filter:blur(0.08px);
    animation:38s floatReverse2 infinite
}
.particle:nth-child(5){
    top:49.3218249075%;
    left:34.6191889219%;
    font-size:11px;
    filter:blur(0.1px);
    animation:39s floatReverse2 infinite
}
.particle:nth-child(6){
    top:97.0588235294%;
    left:53.1496062992%;
    font-size:16px;
    filter:blur(0.12px);
    animation:33s floatReverse infinite
}
.particle:nth-child(7){
    top:10.7055961071%;
    left:23.4833659491%;
    font-size:22px;
    filter:blur(0.14px);
    animation:29s float infinite
}
.particle:nth-child(8){
    top:23.5872235872%;
    left:3.9447731755%;
    font-size:14px;
    filter:blur(0.16px);
    animation:34s float infinite
}
.particle:nth-child(9){
    top:38.6007237636%;
    left:26.2390670554%;
    font-size:29px;
    filter:blur(0.18px);
    animation:35s floatReverse infinite
}
.particle:nth-child(10){
    top:72.3763570567%;
    left:34.0136054422%;
    font-size:29px;
    filter:blur(0.2px);
    animation:34s float2 infinite
}
.particle:nth-child(11){
    top:44.3349753695%;
    left:97.8260869565%;
    font-size:12px;
    filter:blur(0.22px);
    animation:36s floatReverse2 infinite
}
.particle:nth-child(12){
    top:51.1056511057%;
    left:47.3372781065%;
    font-size:14px;
    filter:blur(0.24px);
    animation:36s floatReverse2 infinite
}
.particle:nth-child(13){
    top:82.8606658446%;
    left:40.5539070227%;
    font-size:11px;
    filter:blur(0.26px);
    animation:21s float2 infinite
}
.particle:nth-child(14){
    top:71.4810281518%;
    left:71.7797443461%;
    font-size:17px;
    filter:blur(0.28px);
    animation:25s floatReverse2 infinite
}
.particle:nth-child(15){
    top:14.7783251232%;
    left:47.4308300395%;
    font-size:12px;
    filter:blur(0.3px);
    animation:21s floatReverse infinite
}
.particle:nth-child(16){
    top:69.3975903614%;
    left:28.1553398058%;
    font-size:30px;
    filter:blur(0.32px);
    animation:23s float2 infinite
}
.particle:nth-child(17){
    top:63.1319358816%;
    left:40.5539070227%;
    font-size:11px;
    filter:blur(0.34px);
    animation:32s float infinite
}
.particle:nth-child(18){
    top:46.2484624846%;
    left:35.538005923%;
    font-size:13px;
    filter:blur(0.36px);
    animation:26s floatReverse2 infinite
}
.particle:nth-child(19){
    top:77.2616136919%;
    left:32.416502947%;
    font-size:18px;
    filter:blur(0.38px);
    animation:21s floatReverse infinite
}
.particle:nth-child(20){
    top:24.3309002433%;
    left:75.3424657534%;
    font-size:22px;
    filter:blur(0.4px);
    animation:33s floatReverse2 infinite
}
.particle:nth-child(21){
    top:31.1435523114%;
    left:46.9667318982%;
    font-size:22px;
    filter:blur(0.42px);
    animation:23s floatReverse infinite
}
.particle:nth-child(22){
    top:87.922705314%;
    left:14.5914396887%;
    font-size:28px;
    filter:blur(0.44px);
    animation:36s float infinite
}
.particle:nth-child(23){
    top:26.2773722628%;
    left:6.8493150685%;
    font-size:22px;
    filter:blur(0.46px);
    animation:27s floatReverse infinite
}
.particle:nth-child(24){
    top:88.3495145631%;
    left:83.984375%;
    font-size:24px;
    filter:blur(0.48px);
    animation:28s floatReverse2 infinite
}
.particle:nth-child(25){
    top:10.8241082411%;
    left:1.9743336624%;
    font-size:13px;
    filter:blur(0.5px);
    animation:38s float2 infinite
}
.particle:nth-child(26){
    top:58.4652862363%;
    left:84.2311459354%;
    font-size:21px;
    filter:blur(0.52px);
    animation:40s floatReverse infinite
}
.particle:nth-child(27){
    top:22.6600985222%;
    left:96.837944664%;
    font-size:12px;
    filter:blur(0.54px);
    animation:23s floatReverse infinite
}
.particle:nth-child(28){
    top:62.8019323671%;
    left:56.420233463%;
    font-size:28px;
    filter:blur(0.56px);
    animation:37s floatReverse2 infinite
}
.particle:nth-child(29){
    top:92.5700365408%;
    left:68.5602350637%;
    font-size:21px;
    filter:blur(0.58px);
    animation:31s float2 infinite
}
.particle:nth-child(30){
    top:15.6479217604%;
    left:95.2848722986%;
    font-size:18px;
    filter:blur(0.6px);
    animation:35s float infinite
}
.particle:nth-child(31){
    top:91.1764705882%;
    left:36.4173228346%;
    font-size:16px;
    filter:blur(0.62px);
    animation:31s float2 infinite
}
.particle:nth-child(32){
    top:16.4648910412%;
    left:64.3274853801%;
    font-size:26px;
    filter:blur(0.64px);
    animation:23s float infinite
}
.particle:nth-child(33){
    top:18.7192118227%;
    left:42.4901185771%;
    font-size:12px;
    filter:blur(0.66px);
    animation:40s floatReverse infinite
}
.particle:nth-child(34){
    top:86.5127582017%;
    left:68.4261974585%;
    font-size:23px;
    filter:blur(0.68px);
    animation:35s floatReverse2 infinite
}
.particle:nth-child(35){
    top:22.2222222222%;
    left:11.673151751%;
    font-size:28px;
    filter:blur(0.7px);
    animation:23s floatReverse2 infinite
}
.particle:nth-child(36){
    top:33.8573155985%;
    left:.9737098345%;
    font-size:27px;
    filter:blur(0.72px);
    animation:22s floatReverse2 infinite
}
.particle:nth-child(37){
    top:22.1954161641%;
    left:47.619047619%;
    font-size:29px;
    filter:blur(0.74px);
    animation:35s float infinite
}
.particle:nth-child(38){
    top:83.8002436054%;
    left:4.8971596474%;
    font-size:21px;
    filter:blur(0.76px);
    animation:34s floatReverse infinite
}
.particle:nth-child(39){
    top:19.4647201946%;
    left:77.2994129159%;
    font-size:22px;
    filter:blur(0.78px);
    animation:35s float2 infinite
}
.particle:nth-child(40){
    top:37.5903614458%;
    left:32.0388349515%;
    font-size:30px;
    filter:blur(0.8px);
    animation:40s floatReverse infinite
}
.particle:nth-child(41){
    top:40.146878825%;
    left:18.6823992134%;
    font-size:17px;
    filter:blur(0.82px);
    animation:24s floatReverse infinite
}
.particle:nth-child(42){
    top:10.6796116505%;
    left:6.8359375%;
    font-size:24px;
    filter:blur(0.84px);
    animation:36s float infinite
}
.particle:nth-child(43){
    top:41.7475728155%;
    left:2.9296875%;
    font-size:24px;
    filter:blur(0.86px);
    animation:39s floatReverse2 infinite
}
.particle:nth-child(44){
    top:36.2301101591%;
    left:88.4955752212%;
    font-size:17px;
    filter:blur(0.88px);
    animation:39s floatReverse infinite
}
.particle:nth-child(45){
    top:76.4207980653%;
    left:84.7127555988%;
    font-size:27px;
    filter:blur(0.9px);
    animation:38s floatReverse2 infinite
}
.particle:nth-child(46){
    top:23.2445520581%;
    left:11.6959064327%;
    font-size:26px;
    filter:blur(0.92px);
    animation:23s float2 infinite
}
.particle:nth-child(47){
    top:37.3923739237%;
    left:56.2685093781%;
    font-size:13px;
    filter:blur(0.94px);
    animation:35s float infinite
}
.particle:nth-child(48){
    top:37.8640776699%;
    left:48.828125%;
    font-size:24px;
    filter:blur(0.96px);
    animation:32s float infinite
}
.particle:nth-child(49){
    top:59.2233009709%;
    left:88.8671875%;
    font-size:24px;
    filter:blur(0.98px);
    animation:26s floatReverse infinite
}
.particle:nth-child(50){
    top:74.8481166464%;
    left:86.0215053763%;
    font-size:23px;
    filter:blur(1px);
    animation:29s float infinite
}
.particle:nth-child(51){
    top:70.6166868198%;
    left:12.6582278481%;
    font-size:27px;
    filter:blur(1.02px);
    animation:27s float infinite
}
.particle:nth-child(52){
    top:93.7114673243%;
    left:40.5539070227%;
    font-size:11px;
    filter:blur(1.04px);
    animation:25s float2 infinite
}
.particle:nth-child(53){
    top:42.1568627451%;
    left:38.3858267717%;
    font-size:16px;
    filter:blur(1.06px);
    animation:21s floatReverse2 infinite
}
.particle:nth-child(54){
    top:85.7490864799%;
    left:.9794319295%;
    font-size:21px;
    filter:blur(1.08px);
    animation:36s floatReverse2 infinite
}
.particle:nth-child(55){
    top:24.6002460025%;
    left:97.7295162883%;
    font-size:13px;
    filter:blur(1.1px);
    animation:21s floatReverse2 infinite
}
.particle:nth-child(56){
    top:27.0205066345%;
    left:8.7463556851%;
    font-size:29px;
    filter:blur(1.12px);
    animation:27s floatReverse2 infinite
}
.particle:nth-child(57){
    top:30.0606060606%;
    left:1.9512195122%;
    font-size:25px;
    filter:blur(1.14px);
    animation:37s floatReverse2 infinite
}
.particle:nth-child(58){
    top:12.7921279213%;
    left:74.0375123396%;
    font-size:13px;
    filter:blur(1.16px);
    animation:23s float infinite
}
.particle:nth-child(59){
    top:26.2454434994%;
    left:69.403714565%;
    font-size:23px;
    filter:blur(1.18px);
    animation:39s floatReverse2 infinite
}
.particle:nth-child(60){
    top:3.8929440389%;
    left:90.9980430528%;
    font-size:22px;
    filter:blur(1.2px);
    animation:37s floatReverse2 infinite
}
.particle:nth-child(61){
    top:50.4242424242%;
    left:96.5853658537%;
    font-size:25px;
    filter:blur(1.22px);
    animation:34s float infinite
}
.particle:nth-child(62){
    top:88.2424242424%;
    left:91.7073170732%;
    font-size:25px;
    filter:blur(1.24px);
    animation:24s float infinite
}
.particle:nth-child(63){
    top:14.6341463415%;
    left:60.7843137255%;
    font-size:20px;
    filter:blur(1.26px);
    animation:24s float infinite
}
.particle:nth-child(64){
    top:80.9756097561%;
    left:92.1568627451%;
    font-size:20px;
    filter:blur(1.28px);
    animation:25s float infinite
}
.particle:nth-child(65){
    top:82.8258221681%;
    left:46.0333006856%;
    font-size:21px;
    filter:blur(1.3px);
    animation:32s floatReverse infinite
}
.particle:nth-child(66){
    top:84.9816849817%;
    left:42.1982335623%;
    font-size:19px;
    filter:blur(1.32px);
    animation:33s floatReverse infinite
}
.particle:nth-child(67){
    top:56.6544566545%;
    left:5.8881256133%;
    font-size:19px;
    filter:blur(1.34px);
    animation:32s floatReverse infinite
}
.particle:nth-child(68){
    top:76.1904761905%;
    left:70.6575073602%;
    font-size:19px;
    filter:blur(1.36px);
    animation:24s float infinite
}
.particle:nth-child(69){
    top:38.3292383292%;
    left:95.6607495069%;
    font-size:14px;
    filter:blur(1.38px);
    animation:38s float infinite
}
.particle:nth-child(70){
    top:24.1254523522%;
    left:14.5772594752%;
    font-size:29px;
    filter:blur(1.4px);
    animation:25s floatReverse2 infinite
}
.particle:nth-child(71){
    top:49.2610837438%;
    left:41.5019762846%;
    font-size:12px;
    filter:blur(1.42px);
    animation:35s floatReverse2 infinite
}
.particle:nth-child(72){
    top:41.1764705882%;
    left:24.6062992126%;
    font-size:16px;
    filter:blur(1.44px);
    animation:35s float infinite
}
.particle:nth-child(73){
    top:46.0220318237%;
    left:79.6460176991%;
    font-size:17px;
    filter:blur(1.46px);
    animation:23s float2 infinite
}
.particle:nth-child(74){
    top:14.7783251232%;
    left:92.8853754941%;
    font-size:12px;
    filter:blur(1.48px);
    animation:30s floatReverse2 infinite
}
.particle:nth-child(75){
    top:92.7960927961%;
    left:23.5525024534%;
    font-size:19px;
    filter:blur(1.5px);
    animation:29s float2 infinite
}
.particle:nth-child(76){
    top:80.2902055623%;
    left:51.6066212269%;
    font-size:27px;
    filter:blur(1.52px);
    animation:38s float2 infinite
}
.particle:nth-child(77){
    top:50.1204819277%;
    left:28.1553398058%;
    font-size:30px;
    filter:blur(1.54px);
    animation:38s float infinite
}
.particle:nth-child(78){
    top:28.3618581907%;
    left:3.9292730845%;
    font-size:18px;
    filter:blur(1.56px);
    animation:38s float infinite
}
.particle:nth-child(79){
    top:48.9596083231%;
    left:15.732546706%;
    font-size:17px;
    filter:blur(1.58px);
    animation:28s floatReverse infinite
}
.particle:nth-child(80){
    top:50.184501845%;
    left:18.7561697927%;
    font-size:13px;
    filter:blur(1.6px);
    animation:33s floatReverse infinite
}
@keyframes apparition{
    from{
        opacity:0;
        transform:translateY(100px)
    }
    to{
        opacity:1;
        transform:translateY(0)
    }
}
@keyframes float{
    0%,100%{
        transform:translateY(0)
    }
    50%{
        transform:translateY(180px)
    }
}
@keyframes floatReverse{
    0%,100%{
        transform:translateY(0)
    }
    50%{
        transform:translateY(-180px)
    }
}
@keyframes float2{
    0%,100%{
        transform:translateY(0)
    }
    50%{
        transform:translateY(28px)
    }
}
@keyframes floatReverse2{
    0%,100%{
        transform:translateY(0)
    }
    50%{
        transform:translateY(-28px)
    }
}
.castudysemain-page .banner-sec{
    background:linear-gradient(90deg,#ECF6FF -0.94%,rgba(252,252,252,0) 100%) top left no-repeat;
    background-size:cover;
    margin-top:-110px;
    padding-top:210px;
    padding-bottom:100px
}
.casestudy-sec .title{
    text-align:center;
    padding:78px 0
}
.casestudy-list{
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
    max-width:1015px;
    margin:0 auto
}
.casestudy-list>li{
    width:calc(100%/2 - 33px);
    background:#f6f9fc;
    border-radius:12px;
    padding:22px 26px 26px;
    margin-bottom:60px;
    margin-right:65px
}
.casestudy-list>li:nth-child(2n+2){
    margin-right:0
}
.casestudy-list>li figure{
    width:100%;
    margin:0 0 20px;
    padding:20px 30px;
    border-radius:12px;
    background:#a9d6fa;
    max-height:424px;
    text-align:center
}
.casestudy-list>li figure>img{
    height:221px;
    object-fit:contain
}
.casestudy-list h3{
    font-size:32px;
    color:#000;
    font-weight:400;
    margin-bottom:5px
}
.casestudy-list h4{
    color:#bebebe;
    font-size:16px;
    font-weight:400;
    margin-bottom:12px;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1;
    overflow:hidden
}
.casestudy-list>li>ul{
    display:flex;
    max-width:310px;
    flex-wrap:wrap
}
.casestudy-list>li>ul li{
    width:42px;
    height:42px;
    box-shadow:0 4px 20px rgba(0,0,0,.25);
    background:#fff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-right:20px;
    margin-bottom:20px;
    padding:3px
}
.casestudy-list>li p{
    color:#525252;
    font-size:14px;
    margin-bottom:0;
    padding:10px 0 0;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    overflow:hidden;
    position:relative
}
.casestudy-list>li .btn:before{
    display:block;
    width:100%;
    height:1px;
    border-bottom:1px solid #b6b6b6;
    content:"";
    margin-bottom:20px
}
.casestudy-list>li .btn{
    margin-top:22px;
    color:#34acfa;
    font-size:20px;
    padding:0;
    display:block;
    text-align:left;
    position:relative
}
.casestudy-list>li .btn:after{
    content:"";
    position:absolute;
    bottom:10px;
    right:3px;
    width:26px;
    height:6px;
    background:url(images/arrow.svg) top center no-repeat;
    background-size:cover;
    margin-top:-3px;
    transition:all .3s ease
}
.casestudy-list>li .btn:hover::after{
    transition:all .3s ease;
    right:-10px
}
.jobportal-page .title{
    color:#000;
    font-size:40px;
    font-weight:900;
    line-height:normal;
    text-transform:capitalize
}
.jobportal-page .banner-part .left-part{
    width:525px
}
.jobportal-page .banner-part .left-part h1{
    margin-bottom:30px
}
.jobportal-page .banner-sec p{
    max-width:100%;
    font-size:24px;
    margin-bottom:0
}
.jobportal-page .banner-sec p+p{
    margin-top:40px
}
.jobportal-page .banner-part .right-part{
    width:calc(100% - 555px)
}
.jobfeature-sec{
    padding:200px 0
}
.jobfeat-sec .title{
    text-align:center;
    margin-bottom:60px
}
.jobfeature-grid{
    list-style:none;
    display:flex;
    justify-content:space-between
}
.gc--1-of-3{
    width:42%
}
.jobfeature-grid .gc--1-of-3 p{
    color:#000;
    font-size:24px;
    font-weight:400;
    margin:40px 0 0
}
.gc--2-of-3{
    width:51%
}
.naccs{
    position:relative;
    max-width:100%;
    margin:0 auto
}
.naccs .jobfeature-menu{
    margin-top:44px
}
.naccs .jobfeature-menu div{
    display:inline-block;
    vertical-align:baseline;
    transition:1s all cubic-bezier(.075,.82,.165,1);
    color:#000;
    background:#fff;
    box-shadow:0 4px 10px rgba(36,108,252,.25);
    border-radius:8px;
    font-size:16px;
    padding:12px 18px;
    cursor:pointer
}
.naccs .jobfeature-menu div+div{
    margin-left:17px
}
.naccs .jobfeature-menu div.active{
    background:#246bfc;
    box-shadow:inset 0 4px 4px rgba(0,0,0,.25);
    transition:1s all cubic-bezier(.075,.82,.165,1);
    color:#fff
}
ul.nacc{
    position:relative;
    height:0;
    list-style:none;
    margin:0;
    padding:0;
    height:100%;
    transition:.5s all
}
ul.nacc li{
    opacity:0;
    transform:translateX(50px);
    transition:1s all;
    display:none
}
ul.nacc li.active{
    transition-delay:.3s;
    z-index:2;
    opacity:1;
    display:block;
    transform:translateX(0px)
}
.jobfeature-list{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between
}
.jobfeature-list>div{
    width:47%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:12px;
    margin-bottom:18px;
    border-radius:10px;
    transition:1s all cubic-bezier(.075,.82,.165,1)
}
.jobfeature-list>div:hover{
    box-shadow:0 4px 30px rgba(36,107,252,.1);
    transition:1s all cubic-bezier(.075,.82,.165,1)
}
.jobfeature-list>div figure{
    background:#fff;
    box-shadow:0 3.71859px 3.71859px rgba(0,0,0,.25);
    border-radius:7.43719px;
    width:69px;
    height:69px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:10px;
    margin-bottom:0
}
.jobfeature-list>div h3{
    font-size:17px;
    color:#000;
    margin-bottom:0;
    width:calc(100% - 69px);
    padding-left:23px
}
.jobser-sec{
    padding:200px 0
}
.jobser-part{
    display:flex;
    align-items:center;
    justify-content:space-between
}
.jobser-part>.left-part{
    width:542px
}
.jobser-part>.left-part>ul li,.fitnessapp-page .jobser-part>.left-part .ui-tabs-panel ul li{
    font-size:24px;
    margin-top:34px;
    line-height:normal;
    color:#000;
    display:flex;
    align-items:center
}
.jobser-part>.left-part>ul li span,.fitnessapp-page .jobser-part>.left-part .ui-tabs-panel ul li span{
    width:49px;
    height:49px;
    background:#fff;
    box-shadow:0 4px 4px rgba(0,0,0,.25);
    border-radius:8px;
    padding:10px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    margin-right:15px;
    font-weight:700;
    margin-right:15px
}
.jobser-part>.right-part{
    width:calc(100% - 600px);
    text-align:center;
    padding-left:10px
}
.jobproces-sec .title{
    max-width:540px;
    margin-bottom:75px
}
.jobstill-sec{
    padding:200px 0
}
.jobstill-sec .title{
    max-width:510px;
    margin-bottom:55px
}
.jobstill-slider img{
    width:auto!important;
    height:38px;
    object-fit:fill
}
.jobstill-slider .item{
    padding:18px
}
.jobstill-slider .item h2{
    font-size:30px;
    font-weight:700
}
.jobstill-slider .item{
    padding:18px;
    box-shadow:0 4px 4px rgba(0,0,0,.1);
    border-radius:10px;
    margin-bottom:20px
}
.jobstill-slider .item h3{
    font-size:30px;
    font-weight:700;
    color:#000;
    margin:24px 0 0
}
.jobstill-slider .owl-dots .owl-dot{
    width:45px;
    height:4px;
    border-radius:15px;
    border:none;
    outline:none;
    background:#e8e8e9
}
.jobstill-slider .owl-dots .owl-dot.active{
    background:#246bfd
}
.jobstill-slider .owl-dots .owl-dot+.owl-dot{
    margin-left:15px
}
.jobapp-slider{
    position:relative
}
.jobapp-slider .owl-item figure{
    margin:0 20px
}
.jobapp-slider .owl-item img{
    width:auto;
    margin:0 auto
}
.jobapp-slider{
    position:relative
}
.jobapp-slider .owl-stage-outer:before{
    position:absolute;
    content:"";
    left:0;
    top:0;
    width:40%;
    height:100%;
    background:rgba(255,255,255,.5);
    z-index:9
}
.jobapp-slider .owl-stage-outer:after{
    position:absolute;
    content:"";
    right:0;
    top:0;
    width:40%;
    height:100%;
    background:rgba(255,255,255,.5);
    z-index:9
}
.jobapp-slider .owl-nav{
    text-align:center;
    margin-top:40px
}
.jobapp-slider .owl-nav span{
    font-size:0;
    display:none
}
.jobapp-slider .owl-nav button{
    position:relative;
    outline:none;
    border:none;
    z-index:99
}
.jobapp-slider .owl-nav button.owl-prev:after,.jobapp-slider .owl-nav button.owl-next:before{
    content:"";
    width:13px;
    height:28px;
    display:inline-block;
    vertical-align:top;
    background:url(images/arrow2.png) top center no-repeat;
    background-size:cover;
    margin:0 20px
}
.jobapp-slider .owl-nav button.owl-prev:after{
    transform:rotate(180deg)
}
.jobget-sec .title{
    text-align:center;
    margin-bottom:55px
}
.jobdevelop-sec{
    padding:200px 0 164px
}
.jobdevelop-part{
    display:flex;
    align-items:center;
    justify-content:space-between
}
.jobdevelop-part .left-part{
    width:48%
}
.jobdevelop-part .right-part{
    width:48%
}
.jobdevelop-part p{
    font-size:24px;
    margin-top:30px
}
.jobdevelop-part ul li{
    list-style:disc;
    margin-left:25px;
    font-size:24px
}
.gettouch-sec{
    margin-bottom:200px
}
.gettouch-part{
    display:flex;
    justify-content:space-between;
    padding:70px 45px 50px 50px;
    box-shadow:0 4px 4px rgba(0,0,0,.25);
    border-radius:16px;
    margin-right:60px;
    position:relative
}
.gettouch-part .left-part{
    width:55%
}
.gettouch-part .right-part{
    width:38%;
    padding-top:40px;
    margin-left:60px
}
.gettouch-part .title{
    color:#246bfd;
    letter-spacing:.08em;
    margin-bottom:16px
}
.gettouch-part .left-part>p{
    letter-spacing:.08em;
    color:#000;
    font-size:21px;
    margin-bottom:30px
}
.gettouch-part .left-part .form-control{
    border:1px solid #246bfd;
    border-radius:2px;
    margin-bottom:30px;
    min-height:53px
}
.gettouch-part .left-part .btn{
    width:100%;
    color:#fff;
    background:#246bfd;
    padding:11px;
    text-align:center;
    display:block;
    font-size:22px;
    font-weight:900
}
.gettouch-part .right-part ul{
    max-width:285px;
    margin-top:40px;
    padding-left:20px
}
.gettouch-part .right-part ul li{
    display:flex;
    justify-content:space-between;
    align-items:flex-start
}
.gettouch-part .right-part ul li+li{
    margin-top:25px
}
.gettouch-part .right-part ul li img{
    width:31px
}
.gettouch-part .right-part ul li p{
    margin:0;
    width:calc(100% - 31px);
    padding-left:13px;
    color:#000;
    font-weight:400;
    font-size:15px
}
.gettouch-part .right-part ul li p a{
    color:#000
}
.contact-social-menu{
    position:absolute;
    right:-56px;
    bottom:44px;
    width:56px;
    height:191px;
    padding:23px 20px;
    background:#246bfd;
    border-radius:0 11.2px 56px 0
}
.contact-social-menu a{
    display:block;
    color:#fff
}
.contact-social-menu a+a{
    margin-top:33px
}
.ui-widget.ui-widget-content.panels-tabs{
    margin-top:25px;
    border:none;
    padding:0
}
.panels-tabs>.ui-tabs-nav{
    background-color:transparent;
    border:none;
    padding:0
}
.panels-tabs>.ui-tabs-nav>li{
    box-shadow:0 4px 10px rgba(184,231,32,.25);
    border-radius:8px;
    background-color:#fff;
    border:none;
    color:#000;
    padding:11px 39px;
    margin-right:0
}
.panels-tabs>.ui-tabs-nav>li+li{
    margin-left:20px
}
.panels-tabs>.ui-tabs-nav>li.ui-tabs-active{
    box-shadow:inset 0 4px 4px rgba(0,0,0,.25);
    background:#b8e720;
    padding-bottom:11px
}
.ui-tabs.panels-tabs>.ui-tabs-nav>li>a{
    color:#000;
    padding:0;
    font-size:16px
}
.fitnessapp-page .jobser-part>.left-part{
    width:552
}
.fitnessapp-page .jobser-part>.left-part .ui-tabs-panel{
    padding:0
}
.fitnessapp-sec{
    margin-top:180px
}
.fitnessapp-slider{
    margin-top:50px
}
.fitnessapp-box{
    display:flex;
    justify-content:space-between;
    background-color:#000;
    padding:0 15px;
    min-height:465px
}
.fitnessapp-slider .item{
    padding:60px 0
}
.fitnessapp-box .left-part{
    width:50.5%;
    margin-bottom:-30px
}
.fitnessapp-slider .fitnessapp-box .left-part img{
    display:inline-block;
    margin-top:-50px
}
.fitnessapp-box .right-part{
    width:48%;
    padding:20px 0
}
.fitnessapp-box .right-part h3{
    color:#fff;
    font-weight:400;
    font-size:50px
}
.fitnessapp-box .right-part p{
    color:#fff;
    font-size:20px;
    font-weight:400
}
.fitnessapp-box .right-part ul{
    margin-bottom:25px
}
.fitnessapp-box .right-part ul li{
    color:#fff;
    font-size:20px;
    font-weight:400
}
.fitnessapp-slider .owl-nav{
    position:absolute;
    left:51%;
    width:45%;
    height:25px;
    bottom:73px;
    display:flex;
    align-items:center;
    justify-content:space-between
}
.fitnessapp-slider .owl-nav button{
    outline:none;
    border:none
}
.fitnessapp-slider .owl-nav button span{
    font-size:50px;
    color:#fff
}
.fitnessapp-sec .title{
    max-width:720px
}
.fitnessapp-page .jobstill-slider .owl-dots .owl-dot.active{
    background-color:#b8e720
}
.datingfet-sec .jobfeature-list>div:hover{
    background:rgba(233,64,87,.1);
    box-shadow:0 4px 30px rgba(184,231,32,.1)
}
.datingfet-sec .naccs .jobfeature-menu div.active{
    box-shadow:inset 0 4px 4px rgba(0,0,0,.25);
    background:#e94057
}
.datingfet-sec .naccs .jobfeature-menu div{
    box-shadow:0 4px 10px rgba(137,35,135,.25)
}
.datingstill-sec .jobstill-slider .owl-dots .owl-dot.active{
    background:#e94057
}
.mobileinapp-page .banner-sec{
    position:relative;
    padding:0 0 170px
}
.mobileinapp-page .banner-sec:after{
    content:"";
    position:absolute;
    z-index:-3;
    top:-109px;
    left:0;
    width:100%;
    height:100%;
    background:radial-gradient(57.17% 75.82% at 57.7% 56.81%,#F8F4ED 0%,rgba(255,255,255,0) 100%),linear-gradient(180deg,rgba(171,88,220,0.5) 0%,rgba(112,124,252,0.5) 87.3%);
    opacity:.5
}
.mobileinapp-page .banner-sec:before{
    content:"";
    position:absolute;
    bottom:75px;
    left:-7px;
    width:calc(100% + 50px);
    height:65px;
    background-color:#fff;
    transform:rotate(2deg)
}
.bannericon2{
    top:0;
    right:0;
    position:absolute;
    width:29px;
    z-index:-1;
    height:66px;
    animation:icon2 5s infinite
}
@keyframes icon2{
    0%{
        top:0
    }
    50%{
        top:30px
    }
    100%{
        top:0
    }
}
.mobileinapp-page .banner-sec .left-part{
    width:51%;
    position:relative
}
.bannericon1{
    top:0%;
    left:-8%;
    position:absolute;
    z-index:-1;
    animation:icon1 5s infinite
}
@keyframes icon1{
    0%{
        top:0
    }
    50%{
        top:30px
    }
    100%{
        top:0
    }
}
.bannericon3{
    bottom:60px;
    right:32%;
    position:absolute;
    z-index:-1;
    animation:icon3 5s infinite
}
@keyframes icon3{
    0%{
        bottom:60px
    }
    50%{
        bottom:90px
    }
    100%{
        bottom:60px
    }
}
.mobileinapp-page .banner-sec .left-part h1{
    font-weight:400;
    font-size:64px;
    color:#000
}
.mobileinapp-page .banner-sec .left-part h1 span{
    color:#707cfc;
    font-weight:750
}
.mobileinapp-page .banner-sec .left-part p{
    font-weight:350;
    max-width:100%;
    color:#000;
    font-size:24px;
    margin-bottom:55px
}
.mobileinapp-page .banner-sec .left-part p b{
    color:#000
}
.mobileinapp-page .banner-sec .left-part .btn{
    color:#fff;
    background:#aa56db;
    border-radius:5px;
    padding:10px 25px;
    border:1px solid #aa56db
}
.mobileinapp-page .banner-sec .left-part .btn:hover{
    color:#aa56db;
    background:0 0
}
.mobileinapp-page .banner-sec .right-part{
    width:47%
}
.mobileinapp-page .banner-sec .right-part>span{
    display:inline-block;
    vertical-align:top;
    position:relative
}
.bannericon4{
    bottom:60px;
    left:-20px;
    position:absolute;
    animation:icon4 5s infinite
}
@keyframes icon4{
    0%{
        bottom:60px
    }
    50%{
        bottom:90px
    }
    100%{
        bottom:60px
    }
}
.bannericon5{
    top:32%;
    right:-30px;
    z-index:-1;
    position:absolute;
    animation:icon5 5s infinite
}
@keyframes icon5{
    0%{
        top:32%
    }
    50%{
        top:30%
    }
    100%{
        top:32%
    }
}
.buildcounter-sec .container{
    max-width:1170px
}
.buildcounter-part{
    display:flex;
    justify-content:space-between;
    margin-top:-70px
}
.buildcounter-part .left-part{
    width:20%
}
.buildcounter-part .left-part p{
    font-size:18px;
    color:#000
}
.buildcounter-part .left-part h2{
    font-size:22px;
    color:#000;
    margin-top:25px
}
.buildcounter-part .right-part{
    width:80%;
    padding:50px 0 0 100px
}
.buildcounter-part .right-part .con-list{
    padding-top:0
}
.buildcounter-part .right-part h2{
    font-size:40px;
    font-weight:400;
    color:#000
}
.buildcounter-part .right-part p{
    font-size:12px;
    color:#000;
    font-weight:400
}
.mobileinapp-page .sertech-sec .container,.customized-sec .container,.mobileappoffer-sec .container,.idealaunch-sec .container,.businessfutureapp-sec .container,.looking-sec .container{
    max-width:1170px
}
.customized-sec{
    padding:100px 0 0;
    background:url(images/mobile-bg.png) center center no-repeat;
    background-size:100% 100%
}
.customized-sec .title{
    font-size:52px;
    text-align:center;
    margin-bottom:30px;
    text-align:center
}
.customized-sec .title+p{
    font-size:22px;
    color:#000;
    text-align:center
}
.customized-slider{
    padding:50px 0
}
.customized-slider img{
    width:auto!important;
    margin:0 auto
}
.customized-slider .owl-nav{
    display:flex;
    align-items:center;
    justify-content:end;
    padding-right:15px
}
.customized-slider .owl-nav button{
    outline:none;
    border:none
}
.customized-slider .owl-nav button span{
    font-size:30px;
    color:#a54ed8
}
.customized-slider .owl-nav .owl-prev{
    margin-right:30px
}
.mobileappoffer-sec{
    position:relative;
    margin:70px 0 0
}
.mobileappoffer-img1{
    position:absolute;
    top:24%;
    left:0;
    animation:mobileappofferimg1 5s infinite
}
@keyframes mobileappofferimg1{
    0%{
        top:24%
    }
    50%{
        top:20%
    }
    100%{
        top:24%
    }
}
.mobileappoffer-img2{
    position:absolute;
    bottom:-10%;
    right:0;
    animation:mobileappofferimg2 5s infinite
}
@keyframes mobileappofferimg2{
    0%{
        bottom:-10%
    }
    50%{
        bottom:0
    }
    100%{
        bottom:-10%
    }
}
.mobileappoffer-part{
    display:flex;
    justify-content:space-between
}
.mobileappoffer-part .left-part{
    width:56%;
    position:relative
}
.mobileappoffer-img3{
    position:absolute;
    bottom:5%;
    right:17%;
    animation:mobileappofferimg3 5s infinite
}
@keyframes mobileappofferimg3{
    0%{
        bottom:5%
    }
    50%{
        bottom:0
    }
    100%{
        bottom:5%
    }
}
.mobileappoffer-part .right-part{
    width:52%;
    margin-top:115px;
    margin-left:-150px
}
.mobileappoffer-part .right-part>p{
    font-size:22px;
    margin:15px 0 40px;
    color:#000
}
.mobileappoffer-slider img{
    width:auto!important
}
.mobileappoffer-slider li{
    display:flex;
    justify-content:space-between;
    align-items:flex-start
}
.mobileappoffer-slider li+li{
    margin-top:50px
}
.mobileappoffer-slider li>figure{
    width:62px
}
.mobileappoffer-slider li>div{
    width:calc(100% - 62px);
    padding-left:30px;
    padding-right:30px
}
.mobileappoffer-slider li>div>h3{
    font-size:25px;
    color:#000
}
.mobileappoffer-slider li>div>h3{
    font-size:25px;
    color:#000
}
#idealaunch_section{
    padding-top:200px
}
.idealaunch-sec{
    background:url(images/mobilein/mobilein-bg.png) top center no-repeat;
    background-size:100% 100%;
    padding:50px 0
}
.idealaunch-part{
    display:flex;
    justify-content:space-between
}
.idealaunch-part .left-part{
    width:65%
}
.idealaunch-part .left-part .title{
    font-size:64px;
    font-weight:750;
    color:#fff;
    line-height:1.3;
    margin:40px 0 140px
}
.idealaunch-part .left-part h3{
    font-size:48px;
    font-weight:400;
    color:#fff;
    max-width:250px
}
.idealaunch-part .right-part{
    width:39%
}
.idealaunch-part .right-part>div{
    background:#fff;
    filter:drop-shadow(0px 5.29487px 5.29487px rgba(0,0,0,0.25));
    border-radius:14px;
    padding:20px 30px
}
.idealaunch-part .right-part h2{
    font-weight:350;
    font-size:31px;
    color:#000
}
.idealaunch-part .right-part .form-control{
    border:1px solid #e4e2e2;
    border-radius:5px;
    margin-bottom:40px
}
.idealaunch-part .right-part input[type=submit]{
    color:#fff;
    font-size:18px;
    background:#707cfc;
    border-radius:5.29487px;
    outline:none;
    padding:4px 17px;
    border:1px solid #707cfc;
    margin:0 auto;
    display:block
}
.businessfutureapp-sec{
    padding-top:150px;
    position:relative
}
.businessfutureapp-sec:before{
    content:"";
    position:absolute;
    top:-81%;
    left:50%;
    margin-left:-491px;
    width:982px;
    height:982px;
    background:url(images/mobilein/circle.png) top no-repeat;
    background-size:100% 100%;
    z-index:-1
}
.businessfutureapp-sec .title{
    max-width:608px;
    font-size:48px;
    font-weight:400;
    color:#000;
    text-align:center;
    margin:0 auto 25px
}
.businessfutureapp-sec .title+p{
    max-width:964px;
    font-size:22px;
    margin:0 auto;
    text-align:center
}
.businessfutureapp-sec ul{
    display:flex;
    justify-content:space-between;
    margin-top:75px
}
.businessfutureapp-sec ul li{
    max-width:269px;
    padding:34px 10px 34px 25px;
    background:#fff;
    box-shadow:-4px -2px 4px rgba(0,0,0,.05),4px 4px 4px rgba(170,86,219,.25);
    border-radius:10px
}
.businessfutureapp-sec ul li h3{
    font-size:24px;
    margin:18px 0 14px
}
.businessfutureapp-sec ul li p{
    font-size:20px
}
.looking-part{
    margin:130px 0 50px;
    display:flex;
    justify-content:space-between;
    align-items:center
}
.looking-part .left-part{
    width:49%;
    position:relative
}
.looking-part .left-part .title{
    position:relative
}
.looking-part .left-part .title:after{
    position:absolute;
    content:"";
    bottom:-10px;
    left:13%;
    width:36px;
    height:33px;
    background:url(images/mobilein/icon17.png) bottom center no-repeat;
    z-index:-1;
    animation:mobileappofferimg7 5s infinite
}
@keyframes mobileappofferimg7{
    0%{
        bottom:-10px
    }
    50%{
        bottom:0
    }
    100%{
        bottom:-10px
    }
}
.looking-part .left-part:after{
    position:absolute;
    content:"";
    bottom:-50px;
    right:-10px;
    width:58px;
    height:52px;
    background:url(images/mobilein/icon16.png) bottom center no-repeat;
    animation:mobileappofferimg6 5s infinite;
    z-index:-1
}
@keyframes mobileappofferimg6{
    0%{
        bottom:50px
    }
    50%{
        bottom:-50px
    }
    100%{
        bottom:50px
    }
}
.looking-part .left-part p{
    font-size:20px;
    margin-top:30px;
    padding-right:5px
}
.looking-part .right-part{
    width:50%;
    padding-right:16px
}
.workprocess-sec{
    margin:150px 0
}
.workprocess-sec .container,.callus-sec .container{
    max-width:1108px
}
.workprocess-sec .title{
    margin-bottom:80px
}
.everything-sec{
    padding:50px 0 0;
    background:url(images/mobilein/everything-bg.png) top center no-repeat;
    background-size:100% 100%
}
.everything-sec .container{
    max-width:1170px
}
.everything-part{
    display:flex;
    justify-content:space-between;
    align-items:center
}
.everything-part .left-part{
    width:50%
}
.everything-part .right-part{
    width:50%
}
.everything-part .right-part .title{
    margin-bottom:60px;
    color:#fff
}
.everything-part .right-part p{
    margin-bottom:20px;
    color:#fff
}
.callus-sec{
    margin-top:100px;
    padding:26px 0;
    background:url(images/mobilein/callus-bg.png) top center no-repeat;
    background-size:100% 100%
}
.callus-part{
    display:flex;
    align-items:center
}
.callus-part .left-part{
    width:70%
}
.callus-part .left-part h2{
    color:#fff;
    font-size:55px;
    padding:10px 0 0;
    font-weight:700
}
.callus-part .left-part p{
    color:#fff;
    font-size:36px;
    margin:0
}
.callus-part .right-part .btn{
    background-color:#fff;
    color:#420068;
    border-radius:12px;
    font-size:36px;
    font-weight:700;
    padding:5px 25px
}
@media(max-width:1440px){
    .hdser-sec:after{
        top:0;
        right:-30%
    }
    .hfm-page .banner-sec:after{
        top:-240px;
        width:572px;
        height:910px
    }
}
@media(max-width:1399px){
    header>.icon-bar .hamburger{
        display:none
    }
    .header-bar .icon-bar .hamburger{
        display:flex
    }
}
@media(max-width:1199.50px){
    .cursor{
        display:none
    }
    .hamburger{
        cursor:pointer
    }
    .navmenu-outer{
        width:225px
    }
    .menulogo{
        padding:110px 0 0 20px
    }
    .menu-bar .navmenu{
        padding:20px 5px 15px 25px;
        height:calc(100% - 159px)
    }
    .navmenu .list-items li+li{
        margin-left:18px
    }
    .mega-menu>ul{
        padding-top:20px;
        height:calc(100vh - 95px)
    }
    .megamenu-full{
        width:calc(100% - 220px)
    }
    .menu-bar .navmenu>li.prlink>a{
        font-size:22px
    }
    .banner-part .left-part,.ms-page .banner-part .left-part{
        width:300px
    }
    .banner-part .right-part,.ms-page .banner-part .right-part{
        width:calc(100% - 320px)
    }
    .banner-sec h1{
        font-size:50px
    }
    .banner-sec p,.ind-list li .right-part h6,.whc-part li .right-part p,.getquote-box p{
        font-size:16px
    }
    .title{
        font-size:38px;
        line-height:normal
    }
    .tec-list li+li{
        margin-left:0
    }
    .tec-list li{
        width:calc(100%/3 - 20px)
    }
    .whc-part li .left-part{
        width:55px;
        height:55px
    }
    .whc-part li .left-part img{
        width:70%
    }
    .whc-part li .right-part h5{
        font-size:24px;
        margin-bottom:10px
    }
    .whc-part li .right-part{
        width:calc(100% - 80px)
    }
    .whc-part li+li{
        margin-top:25px
    }
    .ind-list li{
        padding:10px
    }
    .ind-list li .left-part{
        width:58px;
        height:58px
    }
    .ind-list li .right-part{
        width:calc(100% - 68px);
        padding-left:0
    }
    .con-list li h3{
        font-size:60px
    }
    .con-list li>p{
        font-size:16px;
        letter-spacing:0
    }
    .counter-sec h2{
        font-size:70px;
        line-height:normal
    }
    .counter-sec p{
        font-size:40px
    }
    .testi-part h2{
        font-size:25px
    }
    .testi-part{
        margin-right:100px
    }
    .company-name{
        padding:12px 25px;
        font-size:20px
    }
    .testi-slider .carousel-control-prev,.testi-slider .carousel-control-next{
        right:0
    }
    .testi-slider .carousel-indicators{
        right:65px
    }
    .ser-list li h3{
        font-size:25px;
        padding:20px 10px
    }
    .ser-list .svggif{
        margin-top:-95px
    }
    .ser-sec .title{
        margin-bottom:20px
    }
    .tec-sec .title{
        margin-bottom:15px
    }
    .case-title{
        margin-bottom:30px
    }
    .casest-slider{
        margin:0
    }
    .caseimg-part{
        justify-content:space-between
    }
    .caseimg-part .left-part{
        width:300px;
        margin-top:0
    }
    .caseimg-part .right-part{
        width:calc(100% - 350px);
        padding:0
    }
    .contactform-part .left-part{
        width:375px
    }
    .contactform-part .left-part figure img{
        height:100%;
        object-fit:cover
    }
    .contactform-part .right-part{
        width:calc(100% - 376px);
        padding:0 30px
    }
    .banner-sec{
        padding:20px 0 0
    }
    .tesli-sec{
        padding:100px 0
    }
    .ser-sec{
        padding:100px 0 0
    }
    .browser-part{
        padding:50px 30px
    }
    .browser-part h3{
        font-size:40px
    }
    .tesli-sec .ind-title{
        margin-bottom:30px
    }
    .mobile-page .banner-part h1{
        font-size:45px;
        margin-bottom:30px
    }
    .ind-list{
        margin-top:30px
    }
    .ms-page .banner-sec h1{
        font-size:40px;
        margin-bottom:35px
    }
    .ms-page .banner-sec{
        padding:20px 0 140px
    }
    .mstext-sec h2{
        padding:0 0 20px
    }
    .innov-title h2{
        margin-bottom:15px
    }
    .innov-part+.innov-part{
        margin-top:50px
    }
    .verso-sec{
        padding:70px 0 0
    }
    .dms-page .banner-part .left-part{
        width:600px
    }
    .dms-page .banner-part .right-part{
        width:55%
    }
    .type-sec{
        padding:50px 0
    }
    .type-sec p,.choose-sec p{
        font-size:16px
    }
    .method-part .left-part>p{
        font-size:18px;
        padding:15px 0 0
    }
    .choose-sec{
        padding:50px 0 0
    }
    .type-sec span,.choose-sec span,.method-part .left-part span{
        margin-bottom:10px
    }
    .embedded-page .banner-part .right-part h1{
        font-size:45px;
        line-height:normal
    }
    .think-part{
        flex-wrap:wrap
    }
    .think-part .left-part{
        width:100%;
        text-align:center;
        padding-right:0
    }
    .think-part .left-part h2{
        font-size:45px
    }
    .think-part .left-part:before{
        top:-60px;
        font-size:100px
    }
    .think-part .right-part{
        width:100%;
        margin-top:50px
    }
    .think-list li h3{
        font-size:22px
    }
    .solution-sec{
        padding:50px 0 90px
    }
    .solution-part{
        width:100%
    }
    .solution-part .right-part{
        padding-right:0
    }
    .solution-part .right-part:before,.piciatis-sec h2:before{
        font-size:100px;
        top:-60px;
        left:0
    }
    .solution-part .right-part h3,.piciatis-sec h2{
        font-size:48px
    }
    .sl-list li{
        margin:45px 0 0;
        padding-left:65px
    }
    .sl-list li .number{
        width:45px;
        height:45px
    }
    .think-sec{
        padding:100px 0
    }
    .embtext-part .right-part p{
        padding-right:0;
        font-size:16px
    }
    .embbox-list li p,.sl-list p{
        font-size:16px
    }
    .embcircle-part .right-part h2{
        margin-bottom:25px
    }
    .embcircle-part .right-part{
        padding-right:0
    }
    .embcircle-list li{
        font-size:18px;
        width:calc(100%/2 - 5px);
        text-align:left
    }
    .offer-part>h2{
        font-size:50px
    }
    .developer-part .left-part figure:after{
        bottom:-30px;
        right:-30px
    }
    .developer-part .left-part{
        width:400px
    }
    .developer-part .right-part{
        width:calc(100% - 455px)
    }
    .sed-part .left-part h3,.developer-part .right-part h3{
        margin:15px 0
    }
    .sed-part .right-part{
        width:480px
    }
    .sed-part .left-part{
        width:calc(100% - 530px)
    }
    .softwaresub .banner-part .left-part{
        width:470px
    }
    .softwaresub-page .banner-part .left-part{
        width:510px
    }
    .softwaresub-page .banner-part .right-part{
        width:calc(100% - 530px)
    }
    .casestinner-part{
        padding:25px 15px
    }
    .case-list li>p{
        margin-bottom:20px
    }
    .caseimg-part .left-part{
        margin-top:-200px
    }
    .rc-page .banner-part .left-part{
        width:410px
    }
    .staff-sec ul li{
        width:calc(100%/3 - 75px)
    }
    .staff-sec p,.augment-sec li p,.arapp-box p,.sed-box h4{
        font-size:18px
    }
    .augment-sec li:nth-child(2){
        margin-top:0
    }
    .augment-sec{
        padding:70px 0 0
    }
    .augment-sec .title{
        padding:0 0 60px
    }
    .benefit-sec .title{
        max-width:385px
    }
    .benefit-sec .title:before{
        left:-170px;
        width:160px
    }
    .hdser-sec:after{
        top:0%;
        right:-40%;
        height:800px;
        width:800px
    }
    .hiredeveloper-page .banner-part::after{
        top:20%;
        width:70%;
        height:70%;
        right:20%
    }
    .hdsed-sec{
        padding-bottom:100px
    }
    .hdservice-sec,.hdut-sec,.arkit-sec{
        padding:100px 0
    }
    .hd-model ul li{
        width:calc(100%/3 - 40px)
    }
    .abtec-box{
        margin-top:10%
    }
    .hdmser-slider .item h3{
        margin:25px 0 10px
    }
    .hdmobile-sec:after{
        height:calc(100% - 110px)
    }
    .inv-sec{
        margin:70px 0
    }
    .hdser-sec{
        padding:60px 0 100px
    }
    .hdchoose-sec .right-part{
        width:45%
    }
    .hdfser-sec ul li figure{
        margin-right:5px
    }
    .arkit-part>.left,.arkit-part>.right{
        width:330px
    }
    .arkit-part>.middle{
        width:calc(100% - 670px)
    }
    .arapp-box h5,.case-list li>h4{
        font-size:22px
    }
    .arapp-box .left{
        width:40px
    }
    .arapp-box .right{
        width:calc(100% - 40px)
    }
    .ind-box{
        min-height:405px
    }
    .contact-page .banner-sec{
        margin:10px 0 100px
    }
    .des-sec p{
        padding:0 25px
    }
    .web-sec{
        padding:50px 0 80px
    }
    .mbser-sec .title{
        margin-bottom:25px
    }
    .incircle{
        left:-30%;
        top:-50%;
        width:982px;
        height:982px
    }
    .cakephp-page .hdser-slider .item{
        margin:10px 20px 10px 0
    }
    .hireembedded-page .banner-part .left-part{
        width:400px
    }
    .hireembedded-page .banner-sec .right-img{
        width:560px
    }
    .hem-slider .item{
        padding:15px 30px
    }
    .hem-page .banner-part .left-part{
        width:480px
    }
    .web-slider .item{
        min-height:270px
    }
    .ar-sec{
        margin:100px 0
    }
    .ftcontact-part{
        width:280px
    }
    .bl-box{
        min-height:310px
    }
    .shape{
        width:670px;
        height:574px;
        border-bottom-right-radius:300px
    }
    .mobile-page .banner-part .left-part{
        padding-right:30px
    }
    .contact-box,.contactform-part{
        max-width:960px
    }
    .hiredeveloper-page .banner-part .right-part{
        width:calc(100% - 378px)
    }
    .section-consultation h2{
        font-size:62px
    }
    .faq-sec .title{
        padding-left:70px;
        padding-bottom:15px;
        margin-bottom:50px
    }
    .faq-sec .title:after{
        width:120px
    }
    .blser-box{
        min-height:390px
    }
    .embedded-page .banner-part .left-part{
        width:415px
    }
    .embedded-page .banner-part .right-part{
        width:calc(100% - 435px)
    }
    .portfolio-page .banner-part .right-part{
        width:calc(100% - 500px)
    }
    .portfolio-page .con-list{
        padding-top:10px
    }
    .casestudy-sec .title{
        padding:78px 0 50px
    }
    .jobfeature-grid .gc--1-of-3 p{
        font-size:20px;
        margin:20px 0 0
    }
    .jobser-part>.left-part>ul li{
        font-size:20px;
        margin-top:25px
    }
    .jobstill-slider .item h3,.jobdevelop-part p,.jobdevelop-part ul li{
        font-size:20px
    }
    .mobileinapp-page .banner-sec .left-part{
        width:50%
    }
    .mobileinapp-page .banner-sec .left-part h1{
        font-size:52px
    }
    .buildcounter-part .right-part{
        width:70%;
        padding:50px 0 0 70px
    }
    .buildcounter-part .left-part{
        width:30%
    }
    .businessfutureapp-sec ul li{
        max-width:229px
    }
    .callus-part .left-part h2{
        font-size:45px
    }
    .callus-part .left-part p{
        font-size:26px
    }
    .callus-part .right-part .btn{
        font-size:26px
    }
    #idealaunch_section{
        padding-top:100px
    }
}
@media(max-width:991.5px){
    .pink-btn rect,.cyan-btn rect,.pur-btn rect,.ms-page .banner-sec .btn rect,.yel-btn,.yel-btn rect,.cb-btn,.cb-btn:hover,.cb-btn rect,.section-consultation .btn,.section-consultation .btn rect{
        height:44px
    }
    .navmenu-outer,.hdchoose-part .left-part{
        width:100%
    }
    .menu-bar .navmenu{
        padding:20px 5px 15px 50px
    }
    .menulogo{
        padding-left:50px
    }
    .megamenu-full{
        width:100%;
        z-index:2
    }
    .menu-btn{
        top:20px;
        width:35px;
        height:35px;
        transition:all .3s;
        z-index:2;
        border:1px solid #010101
    }
    .menu-btn span:first-child{
        top:6px
    }
    .hdmega-btn{
        position:fixed;
        right:40px;
        top:20px;
        width:35px;
        height:35px;
        border-radius:50%;
        transition:all .3s;
        z-index:2;
        border:1px solid #010101
    }
    .menushow .hdmega-btn{
        display:block
    }
    .hd-menu{
    }
    .hdmega-btn span,.menu-btn span{
        position:absolute;
        left:15px;
        top:6px;
        width:2px;
        height:22px;
        border-radius:30px;
        background:#010101
    }
    .hdmega-btn span:first-child{
        transform:rotate(45deg)
    }
    .hdmega-btn span:last-child,.menu-btn span:last-child{
        transform:rotate(135deg)
    }
    .banner-sec h1{
        font-size:32px;
        margin-bottom:15px
    }
    .title{
        font-size:35px;
        line-height:normal
    }
    .btn,.con-list li:first-child p,.testi-part p,.ftlogo-part>p,.mbtext-box .right-part p,.embbox-part>p,.staff-sec p,.augment-sec li p,.mstext-sec .title+p,.casework-list p,.case-slider .item p,.casework-sec p,.case-list li>h4{
        font-size:16px
    }
    .con-list li:first-child{
        width:110px
    }
    .con-list li:nth-child(2){
        width:105px
    }
    .con-list li:nth-child(3){
        width:170px
    }
    .con-list li:nth-child(4){
        width:120px
    }
    .con-list li:last-child{
        width:130px
    }
    .con-list li h3{
        font-size:30px
    }
    .con-list li>p{
        font-size:14px
    }
    .con-list li:nth-child(3){
        width:135px
    }
    .ser-list li h3{
        padding:0 10px
    }
    .ser-list .svggif{
        margin-top:-75px
    }
    .whc-part li .right-part,.ser-list li h3{
        font-size:20px
    }
    .whc-part li .right-part p{
        font-size:15px
    }
    .whc-part li .left-part{
        width:50px;
        height:50px
    }
    .whc-part li .right-part{
        width:calc(100% - 65px)
    }
    .counter-sec h2{
        font-size:40px;
        margin:60px 0 20px
    }
    .counter-sec p{
        font-size:25px
    }
    .tesli-sec .ind-title{
        margin-bottom:30px
    }
    .browser-part .right-part{
        width:calc(100% - 280px)
    }
    .browser-part{
        padding:30px 15px
    }
    .browser-part h3{
        font-size:35px;
        line-height:normal;
        margin-bottom:0
    }
    .browser-part form .form-control{
        display:block
    }
    .testi-part{
        padding:15px
    }
    .tesli-sec{
        padding:100px 0 30px
    }
    .blog-title{
        margin:30px 0 50px
    }
    .browser-part .left-part{
        width:360px
    }
    .browser-part .right-part{
        width:calc(100% - 370px)
    }
    .blog-box .blogtext-box>p{
        padding:4px 10px
    }
    .blog-box .blogtext-box>h3{
        font-size:18px
    }
    .ftmenu-part h3,.ftcontact-part h3,.testi-part h2{
        font-size:20px
    }
    .case-list li>p{
        margin-bottom:10px
    }
    .case-sec,.ind-sec,.counter-sec,.ser-sec{
        padding-top:80px
    }
    .case-title .left-part p{
        margin-bottom:15px
    }
    .browser-part form .btn{
        position:relative;
        margin:10px 0;
        padding:10px 0
    }
    .browser-part form .form-control{
        width:90%
    }
    .browser-part{
        margin-bottom:70px
    }
    .contactform-part .left-part{
        width:300px
    }
    .contactform-part .left-part .info-part{
        padding:30px 15px 0
    }
    .case-list li+li{
        margin-left:60px
    }
    .counter-sec h2{
        margin:0
    }
    .counter-sec h2+p{
        margin-bottom:30px;
        font-size:28px
    }
    .contactform-part .left-part{
        height:auto
    }
    .contactform-part .right-part{
        width:calc(100% - 316px);
        padding:0 15px
    }
    .contactform-part .right-part .form-control,.contactform-part .right-part .form-select,.innov-list .innov-left,.innov-list .innov-right,.embtext-part .left-part,.embtext-part .left-part figure img,.embcircle-part .left-part,.sed-part .left-part,.wework-part>.left,.dobox-sec .dobox-part .left-part,.contactform-part .right-part textarea.form-control,.menushow .menu-bar,.method-part .left-part,.verso-part>.right-part{
        width:100%
    }
    .contactform-part .right-part .btn{
        margin:30px 0 15px
    }
    .contactform-part .left-part .info-part .title{
        line-height:normal;
        font-size:28px
    }
    .mobile-page .banner-part .left-part{
        width:300px
    }
    .mobile-page .banner-part .right-part{
        width:calc(100% - 300px)
    }
    .mobile-page .banner-part h1{
        font-size:30px
    }
    .banner-sec p{
        margin-bottom:15px
    }
    .sertech-sec{
        padding:50px 0
    }
    .mbser-sec h2{
        font-size:30px;
        margin-bottom:15px
    }
    .anmb-box,.remb-box,.flmb-box,.iomb-box{
        margin-top:0
    }
    .mbser-box{
        margin-top:30px;
        max-width:100%;
        width:100%
    }
    .mbser-sec p{
        font-size:16px;
        line-height:normal
    }
    .mbtext-sec .title{
        font-size:30px;
        margin-bottom:15px
    }
    .mobile-page .banner-part .left-part{
        width:100%;
        padding-right:0
    }
    .mobile-page .banner-part h1{
        font-size:25px;
        margin-bottom:15px
    }
    .mobile-page .banner-part .right-part{
        width:100%;
        text-align:center;
        padding-top:30px
    }
    .ms-page .banner-sec{
        padding:30px 0 140px
    }
    .mstext-sec .title{
        padding:0 0 10px;
        font-size:30px
    }
    .innov-center{
        width:100%;
        text-align:center;
        margin:25px 0;
        display:block
    }
    .innov-list .innov-left .innov-part{
        flex-direction:row-reverse;
        text-align:left
    }
    .innov-part .left{
        width:calc(100% - 130px);
        text-align:left
    }
    .verso-part{
        flex-wrap:wrap;
        flex-direction:column-reverse
    }
    .verso-part>.left-part{
        width:100%;
        padding-right:0
    }
    .verso-part>.right-part{
        margin-bottom:40px
    }
    .dms-page .banner-part .left-part{
        width:300px
    }
    .dms-page .banner-part{
        padding:50px 0 20px
    }
    .type-sec .title{
        margin-bottom:30px
    }
    .choose-sec span{
        margin:50px 0 0
    }
    .method-part,.con-list,.embtext-part,.industry-inpage .banner-part,.con-list,.innov-list{
        flex-wrap:wrap
    }
    .method-part .right-part{
        width:100%;
        margin:50px 0 0
    }
    .method-part:after{
        width:100%;
        height:75%
    }
    .essed-box{
        margin-bottom:25px;
        min-height:auto;
        padding:25px 15px
    }
    .getquote-box h4{
        font-size:20px
    }
    .embedded-page .banner-part .left-part{
        width:365px;
        margin-right:0
    }
    .embedded-page .banner-part .right-part{
        width:calc(100% - 375px)
    }
    .embedded-page .banner-part .right-part h1{
        font-size:30px;
        margin-bottom:15px
    }
    .solution-part .left-part{
        width:400px
    }
    .solution-part .right-part{
        width:calc(100% - 400px)
    }
    .think-part .left-part h2,.solution-part .right-part h3,.piciatis-sec h2{
        font-size:35px
    }
    .think-part .left-part:before,.solution-part .right-part:before,.piciatis-sec h2:before{
        top:-40px;
        font-size:70px
    }
    .sl-list li{
        margin:25px 0 0;
        padding-left:50px
    }
    .sl-list li .number{
        width:35px;
        height:35px
    }
    .think-sec{
        padding:60px 0
    }
    .piciatis-sec{
        padding:60px 0 0
    }
    .piciatis-list li .left-part figure{
        width:100px;
        height:100px
    }
    .piciatis-list li .left-part figure img{
        width:50px
    }
    .piciatis-list li .left-part{
        width:110px
    }
    .piciatis-list li .right-part{
        width:calc(100% - 110px)
    }
    .piciatis-list li .right-part h5{
        font-size:20px
    }
    .embtext-part .left-part{
        width:340px
    }
    .embtext-part .right-part{
        width:calc(100% - 360px);
        padding:0 0 0 20px
    }
    .embtext-sec{
        padding:100px 0
    }
    .embbox-list li h4{
        font-size:22px
    }
    .embcircle-part .left-part{
        width:300px
    }
    .embcircle-part .right-part{
        width:calc(100% - 300px)
    }
    .embcircle-part .right-part h2{
        margin-bottom:15px
    }
    .embcircle-part{
        padding:50px 0 0
    }
    .embtext-part .left-part figure{
        padding:0 30px
    }
    .embtext-part .left-part figure:before{
        left:0
    }
    .embtext-part .left-part figure:after{
        right:0;
        bottom:-30px
    }
    .embbox-list li h4,.offer-box>h4{
        font-size:20px
    }
    .embcircle-part{
        flex-wrap:wrap;
        text-align:center
    }
    .embcircle-part .right-part{
        width:100%;
        margin-top:20px
    }
    .offer-box figure{
        width:100px;
        height:100px
    }
    .offer-slider .offer-box figure img{
        width:50px
    }
    .offer-part>h2{
        font-size:40px;
        max-width:100%
    }
    .developer-part .left-part{
        width:300px
    }
    .developer-part .right-part{
        width:calc(100% - 340px)
    }
    .developer-part .right-part h3,.sed-part .left-part h3{
        font-size:38px
    }
    .sed-sec{
        padding:30px 0 0
    }
    .sed-part .right-part{
        width:100%;
        margin-top:25px
    }
    .softwaresub .banner-part .left-part{
        width:340px
    }
    .amet-part{
        padding:150px 0 0;
        text-align:center
    }
    .amet-part .title{
        margin-bottom:25px
    }
    .softwaresub-page .banner-part .left-part{
        width:400px
    }
    .softwaresub-page .banner-part .right-part{
        width:calc(100% - 420px)
    }
    .caseimg-part .right-part{
        margin-left:20px
    }
    .caseimg-part .right-part{
        width:calc(100% - 320px)
    }
    .caseimg-part .right-part>h3{
        font-size:28px;
        margin:15px 0;
        line-height:normal
    }
    .sa-page .banner-sec:after{
        height:55%
    }
    .rc-page .banner-sec:after{
        width:60%
    }
    .rc-page .banner-part .right-part:before{
        bottom:-30px;
        left:-30px
    }
    .staff-sec{
        margin:100px 0 0
    }
    .staff-sec ul li{
        width:calc(100%/3 - 25px)
    }
    .staff-sec ul li h4{
        font-size:20px
    }
    .augment-sec ul{
        padding:120px 0 150px
    }
    .augment-sec li h3{
        font-size:22px
    }
    .augment-sec li{
        max-width:255px
    }
    .benefit-sec ul li{
        width:calc(100%/2 - 10px);
        margin-bottom:45px
    }
    .benefit-sec ul li .left{
        width:35px
    }
    .benefit-sec ul li .right{
        width:calc(100% - 45px)
    }
    .benefit-sec{
        margin:80px 0
    }
    .wework-part>.right{
        width:100%;
        margin-top:30px
    }
    .wework-part>.left>.title{
        margin-bottom:30px
    }
    .wework-part>.left>ul{
        height:450px
    }
    .wework-part>.left>ul>li .left{
        width:55px;
        height:55px;
        font-size:25px
    }
    .wework-part>.left>ul>li:after{
        left:28px;
        top:50px;
        height:60%
    }
    .wework-part>.left>ul>li+li{
        margin-top:45px
    }
    .wework-part>.left>ul>li h4{
        margin-bottom:10px
    }
    .focus-sec{
        margin:70px 0 0
    }
    .casepart-sec{
        padding:50px 0
    }
    .casepart-sec p,.clint-list li{
        font-size:16px
    }
    .casepart-sec h2{
        font-size:21px
    }
    .casepart-list li+li{
        margin-left:10px
    }
    .casepart-list h3{
        margin-bottom:25px
    }
    .casepart-sec .visit-btn{
        margin-top:35px
    }
    .casework-sec .right-part h2,.req-sec h2{
        font-size:28px
    }
    .technology-list li+li{
        margin-left:15px
    }
    .technology-list li{
        width:calc(100%/4 - 12px)
    }
    .technology-list figure{
        width:120px;
        height:120px
    }
    .technology-list li h4,.req-sec h4 .case-slider .item .left-part h4{
        font-size:20px
    }
    .case-slider .item .left-part{
        width:150px
    }
    .case-slider .item .right-part{
        padding-top:15px;
        margin-left:0;
        width:calc(100% - 160px);
        padding-left:0
    }
    .case-slider .owl-carousel .owl-item figure{
        width:auto
    }
    .req-sec h4{
        margin-bottom:10px
    }
    .reqform-part{
        margin-top:50px
    }
    .caseclient-info{
        padding:10px 0 5px 30px
    }
    .casework-list h5{
        padding-left:30px
    }
    .case-img{
        height:400px
    }
    .casepart-list li+li{
        margin-left:60px
    }
    .inv-sec{
        margin:70px 0
    }
    .inv-sec .title{
        margin-top:35px
    }
    .indser-sec .btn{
        float:none;
        margin:25px auto 15px;
        display:block;
        max-width:177px
    }
    .inddo-sec img{
        padding-bottom:30px;
        display:block
    }
    .hiredeveloper-page .banner-part::after{
        top:10%;
        width:70%;
        height:70%;
        right:0
    }
    .hdservice-sec,.hdut-sec{
        padding:60px 0
    }
    .hdsed-sec{
        padding-bottom:0
    }
    .hdsed-sec .title{
        margin:15px 0
    }
    .hdchoose-part .right-part{
        width:100%;
        text-align:left;
        margin-top:30px;
        padding-left:0
    }
    .hdser-sec{
        padding:30px 0 100px
    }
    .hdchoose-part .right-part,.industry-inpage .banner-part,.indser-sec h2,.indser-sec h2+p,.type-sec,.verso-part>.right-part,.mbser-sec,.mstext-sec{
        text-align:center
    }
    .hd-model ul{
        margin-top:25px
    }
    .hd-model ul li{
        width:calc(100%/3 - 20px);
        padding:15px
    }
    .blue-btn rect,.org-btn rect{
        height:44px
    }
    .ab-list li p,.abtec-box h5,.abtec-box span,.hdfser-sec ul li h4,.arapp-box p{
        font-size:16px
    }
    .ab-list li h2{
        font-size:28px
    }
    .ab-list li figure{
        width:114px;
        height:114px
    }
    .abtec-box .right-text{
        width:calc(100% - 50px)
    }
    .abtec-box img{
        width:40px;
        height:100%
    }
    .abtec-box .left-text h5{
        margin:0 10px 0 0
    }
    .abtec-box .right-text h5{
        margin-left:10px
    }
    .abtec-part .left-part,.abtec-part .right-part{
        width:238px
    }
    .abtec-part .middle-part{
        padding:0 5px;
        width:calc(100% - 476px)
    }
    .hdbnbox{
        top:-85%;
        right:-26%;
        width:369px;
        height:680px
    }
    .hdm-page .banner-part .right-part img{
        max-width:210px
    }
    .hdmser-slider{
        margin-top:30px
    }
    .hdmobile-sec:after{
        height:calc(100% - 180px)
    }
    .hdser-sec:after{
        right:-60%;
        height:600px;
        width:600px
    }
    .hdchoose-sec .right-part{
        width:100%;
        position:relative;
        top:auto;
        right:auto;
        text-align:center;
        margin-top:20px
    }
    .hfm-page .banner-sec:after{
        top:-209px;
        width:492px;
        height:700px;
        right:-80px
    }
    .hdfser-sec ul li{
        padding:5px
    }
    .hdfser-sec ul li figure{
        width:50px;
        height:50px
    }
    .hdfser-sec ul li figure img{
        width:60%
    }
    .cakephp-page .banner-sec:after{
        width:617px;
        height:617px
    }
    .ar-sec{
        margin:100px 0
    }
    .ar-box h4{
        font-size:25px
    }
    .arkit-part>.middle{
        width:calc(100% - 560px)
    }
    .arkit-part>.left,.arkit-part>.right{
        width:280px
    }
    .arapp-box h5{
        font-size:20px
    }
    .hser-sec ul li{
        width:calc(100%/2 - 10px);
        margin-bottom:40px
    }
    .hser-sec ul li .left{
        width:60px;
        height:60px
    }
    .hser-sec ul li .left img{
        width:50%
    }
    .hser-sec ul li .right{
        width:calc(100% - 80px)
    }
    .ind-box{
        min-height:400px
    }
    .contact-page .banner-sec{
        padding:100px 0
    }
    .contact-page .banner-sec{
        margin:10px 0 70px
    }
    .des-sec figure{
        width:100px;
        height:100px
    }
    .hd-page:before{
        height:580px
    }
    .des-sec h4{
        font-size:26px
    }
    .des-sec p{
        padding:0 15px
    }
    .hdwork-sec:after{
        height:90%;
        width:70%
    }
    .web-slider{
        padding:20px 0 0
    }
    .tec-list li{
        margin-top:25px
    }
    .tec-list li .tec-box h4,.tec-list li .techbox-h{
        transform:scaleY(1);
        width:auto;
        height:auto;
        display:block
    }
    .tec-list li h4,.tec-list li h5{
        margin:10px 0 0
    }
    .tec-list li,.tec-list li:hover{
        transform:none
    }
    .techbox-h .btn:after{
        vertical-align:revert
    }
    .tec-box .img-box{
        background:#fff
    }
    .tec-list{
        margin-top:20px
    }
    .tec-list li .tec-box{
        background:linear-gradient(180deg,rgba(100,231,239,1) 0%,rgba(112,146,252,1) 100%);
        border-radius:8px 8px 0 0
    }
    .tec-list li .tec-box h4,.tec-list li .techbox-h{
        color:#fff
    }
    .jobapply-sec h2{
        font-size:30px;
        line-height:normal;
        margin-bottom:20px
    }
    .jobapply-sec ul>li{
        flex-wrap:wrap
    }
    .jobapply-sec ul>li>p{
        width:calc(100% - 210px)
    }
    .jobapply-sec ul>li h4{
        margin-bottom:10px
    }
    .jobapply-sec ul>li h4+p{
        line-height:normal
    }
    .jobapply-sec ul>li>.btn{
        padding:10px 0;
        width:150px;
        margin-top:-10px;
        width:150px
    }
    .journey-sec h2{
        font-size:26px
    }
    .mbser-sec .title{
        margin-bottom:15px
    }
    .offer-sec{
        padding:70px 0
    }
    .offer-box{
        margin:10px 0 0
    }
    .ind-box{
        padding:15px
    }
    .industry-inpage .banner-part .left-part{
        width:100%;
        margin-right:0
    }
    .industry-inpage .banner-sec p{
        max-width:100%
    }
    .industry-inpage .banner-part .right-part{
        width:100%;
        text-align:center;
        padding-top:30px
    }
    .industry-inpage h1 span{
        margin:3px auto 0
    }
    .abser-circle{
        right:-50%;
        width:1012px;
        height:1012px
    }
    .abser-slider li figure{
        width:70px;
        height:70px
    }
    .abser-slider li figure img{
        width:50px!important
    }
    .abser-slider li .right{
        width:calc(100% - 90px)
    }
    .abser-slider li .right h4{
        font-size:20px
    }
    .abser-slider li .right p{
        font-size:16px;
        font-weight:400
    }
    .abser-slider li+li{
        margin-top:25px
    }
    .abin-sec{
        padding:60px 0 0
    }
    .abser-sec{
        padding:60px 0
    }
    .abser-slider .owl-dot{
        margin-left:20px
    }
    .abser-sec .title{
        margin-bottom:30px
    }
    .abtc-sec .title{
        margin-bottom:25px
    }
    .abtc-slider .item{
        margin:30px 10px
    }
    .abch-sec figure{
        padding:15px;
        border-width:3px
    }
    .hireembedded-page .banner-sec .right-img{
        width:341px
    }
    .hem-page .banner-part .left-part{
        width:370px
    }
    .expers-sec{
        margin:70px 0
    }
    .hser-sec ul h4{
        font-size:22px
    }
    .ar-sec{
        margin:90px 0 70px
    }
    .cad-sec p,.focuses-sec h3{
        font-size:18px
    }
    .tec-list li>h5{
        display:none
    }
    .tec-list li .tec-box{
        border:none
    }
    .ftbt-bar{
        margin-top:25px
    }
    footer{
        padding-top:70px
    }
    .ftmenu-part>ul>li{
        margin-bottom:15px
    }
    .dobox-part .right-part{
        width:100%;
        padding-left:0;
        padding-top:40px
    }
    .dobox-part .right-part h5{
        margin-bottom:20px
    }
    .dobox-sec .dobox-part{
        padding:100px 0 70px
    }
    .contactform-part .right-part .title{
        margin:40px 0 30px
    }
    .contactform-part .right-part .btn{
        margin:30px 0 40px
    }
    .hdmobile-sec{
        margin-bottom:30px
    }
    .hdwork-sec{
        margin-bottom:50px
    }
    .shape{
        width:570px;
        height:600px
    }
    .bl-sec span{
        width:400px
    }
    .hbd-page .banner-part .left-part{
        width:390px
    }
    .hbd-page .banner-part .right-part{
        width:calc(100% - 410px)
    }
    .think-part .right-part{
        margin-top:0
    }
    .contact-box,.contactform-part{
        max-width:720px
    }
    .map-sec{
        margin-top:70px
    }
    .hiredeveloper-page .banner-part .right-part{
        width:calc(100% - 320px)
    }
    .section-consultation h2{
        font-size:50px;
        line-height:60px
    }
    .apps-list>li{
        width:47%;
        padding:25px;
        margin-bottom:25px
    }
    .apps-list{
        flex-wrap:wrap;
        justify-content:space-between
    }
    .apps-list>li+li{
        margin-left:inherit
    }
    .apps-list>li img{
        width:30%
    }
    .offer-box figure{
        margin-bottom:15px
    }
    .bl-sec{
        margin:150px 0 100px
    }
    .portfolio-page .banner-part .right-part{
        width:100%
    }
    .portfolio-page .banner-part .left-part{
        width:100%
    }
    .portfolio-page .banner-part{
        flex-wrap:wrap
    }
    .portfolio-page .con-list{
        padding-top:10px;
        padding-bottom:50px
    }
    .hamburger::before,.hamburger::after{
        display:none
    }
    .portfolio-page .con-list li{
        text-align:left
    }
    .portfolio-page .con-list li p{
        font-size:12px
    }
    .portfolio-page .con-list li:first-child,.portfolio-page .con-list li:nth-child(2),.portfolio-page .con-list li:nth-child(3),.portfolio-page .con-list li:last-child{
        width:auto
    }
    .portfolio-page .banner-sec p{
        max-width:100%
    }
    .portfolio-page .banner-part .right-part{
        margin-top:20px
    }
    .header-bar .hd-menu ul li+li{
        margin-left:20px
    }
    .casestudy-list>li{
        margin-right:30px;
        margin-bottom:30px;
        width:calc(100%/2 - 15px)
    }
    .casestudy-list h3{
        font-size:28px
    }
    .jobportal-page .banner-sec p{
        font-size:16px
    }
    .jobportal-page .banner-sec p+p{
        margin-top:15px
    }
    .jobportal-page .banner-part .left-part h1{
        margin-bottom:20px
    }
    .jobportal-page .banner-part .left-part{
        width:385px
    }
    .jobportal-page .banner-part .right-part{
        width:calc(100% - 405px)
    }
    .jobportal-page .title{
        font-size:25px
    }
    .jobfeature-grid .gc--1-of-3 p{
        font-size:16px;
        margin:15px 0 0
    }
    .naccs .jobfeature-menu{
        margin-top:24px
    }
    .naccs .jobfeature-menu div{
        font-size:14px;
        padding:8px 12px
    }
    .naccs .jobfeature-menu{
        margin-top:14px
    }
    .naccs .jobfeature-menu div+div{
        margin-left:10px
    }
    .jobser-part>.left-part{
        width:405px
    }
    .jobser-part>.left-part>ul li,.jobdevelop-part p,.fitnessapp-page .jobser-part>.left-part .ui-tabs-panel ul li{
        font-size:16px;
        margin-top:15px
    }
    .jobser-part>.left-part>ul li span,.fitnessapp-page .jobser-part>.left-part .ui-tabs-panel ul li span{
        width:29px;
        padding:0;
        height:29px
    }
    .jobser-part>.left-part{
        width:365px
    }
    .jobser-part>.right-part{
        width:calc(100% - 390px)
    }
    .jobapp-slider .owl-nav{
        margin-top:20px
    }
    .gettouch-part{
        padding:35px 15px
    }
    .jobdevelop-part ul li{
        font-size:16px
    }
    .jobfeature-sec,.jobser-sec,.jobstill-sec,.jobdevelop-sec{
        padding:100px 0
    }
    .gettouch-sec{
        margin-bottom:100px
    }
    .jobfeat-sec .title{
        margin-bottom:25px
    }
    .jobproces-sec .title{
        margin-bottom:35px
    }
    .jobfeature-list>div figure{
        width:49px;
        height:49px;
        padding:7px
    }
    .jobfeature-list>div h3{
        font-size:15px;
        width:calc(100% - 49px);
        padding-left:13px
    }
    .jobfeature-list>div{
        padding:10px 5px
    }
    .jobapp-slider .owl-stage-outer:before{
        width:33%
    }
    .jobapp-slider .owl-stage-outer:after{
        width:33%
    }
    .fitnessapp-sec{
        margin-top:135px
    }
    .fitnessapp-box .right-part h3{
        font-size:32px
    }
    .fitnessapp-box .right-part p,.fitnessapp-box .right-part ul li{
        font-size:16px
    }
    .ui-tabs.panels-tabs>.ui-tabs-nav>li>a{
        font-size:14px
    }
    .panels-tabs>.ui-tabs-nav>li+li{
        margin-left:10px
    }
    .panels-tabs>.ui-tabs-nav>li{
        padding:11px 18px
    }
    .fitnessapp-slider{
        margin-top:30px
    }
    .mobileinapp-page .banner-sec .left-part{
        width:100%;
        margin-right:0
    }
    .mobileinapp-page .banner-sec .left-part h1{
        font-size:40px;
        margin-top:20px
    }
    .mobileinapp-page .banner-sec .right-part{
        width:100%;
        text-align:center
    }
    .mobileinapp-page .banner-sec .left-part p{
        margin-bottom:25px
    }
    .buildcounter-part .right-part{
        padding:20px 0 0 30px
    }
    .mobileinapp-page .buildcounter-part .right-part p{
        font-size:12px
    }
    .buildcounter-part .right-part h2{
        font-size:30px
    }
    .customized-sec .title{
        font-size:40px
    }
    .customized-sec{
        padding:60px 0 0
    }
    .customized-sec .title+p{
        font-size:20px
    }
    .mobileappoffer-sec{
        margin:80px 0 0
    }
    .customized-sec .mbser-box{
        margin-top:0
    }
    .mobileappoffer-part .right-part>p{
        font-size:20px
    }
    .mobileappoffer-slider li>div>h3{
        font-size:20px
    }
    .mobileappoffer-slider li>figure{
        width:42px
    }
    .mobileappoffer-slider li>div{
        width:calc(100% - 42px)
    }
    .mobileappoffer-slider li+li{
        margin-top:20px
    }
    .idealaunch-part .left-part .title{
        font-size:45px
    }
    .idealaunch-part .left-part h3{
        font-size:36px
    }
    .businessfutureapp-sec .title{
        font-size:35px
    }
    .businessfutureapp-sec{
        padding-top:100px
    }
    .businessfutureapp-sec ul{
        flex-wrap:wrap;
        margin-top:45px
    }
    .businessfutureapp-sec ul li{
        max-width:47%;
        margin-bottom:15px
    }
    .looking-part{
        margin:90px 0 0
    }
    .workprocess-sec{
        margin:120px 0
    }
    .looking-part .title{
        font-size:30px
    }
    .looking-part .left-part p{
        font-size:18px
    }
    .workprocess-sec .title{
        margin-bottom:40px
    }
    .everything-part .right-part .title{
        margin-bottom:20px
    }
    .everything-part .right-part p{
        margin-bottom:10px;
        font-size:16px
    }
    .everything-sec{
        margin:80px 0 0
    }
}
@media(max-width:767.5px){
    p,.focuses-sec .card-body ul li,.sr-list li,.mbtext-sec .title+p,.ind-title p,.small-title,.hdsed-sec p,.casepart-sec p,.casework-list p,.case-slider .item p,.casework-sec p,.think-part .left-part p,.sed-part .left-part p,.developer-part .right-part p,.deliverit-sec p,.match-sec p,.embcircle-part .right-part p,.career-page .banner-sec p,.des-sec p,.quote-sec p,.offer-box>p,.innov-part p{
        font-size:16px
    }
    .hd-menu{
        display:none
    }
    .menu-bar{
        right:-300%
    }
    .mega-menu h3{
        font-size:28px
    }
    .mega-menu>ul>li{
        width:100%;
        margin-top:15px
    }
    .mega-menu>ul{
        padding-right:15px;
        padding-top:0;
        height:calc(100vh - 79px);
        padding-bottom:20px
    }
    .menushow .menu-btn,.hdmega-btn{
        right:20px
    }
    .mega-menu>ul>li>ul{
        padding-top:0;
        margin-top:10px
    }
    .mega-menu>ul>li>ul>li+li{
        margin-top:5px
    }
    .mega-menu>ul>li>ul>li>a,.mega-menu>ul>li>ul>li{
        line-height:normal
    }
    .mega-menu>ul>li:nth-child(5)>a,.mega-menu>ul>li:last-child>a{
        padding-bottom:5px
    }
    .banner-part{
        flex-wrap:wrap;
        text-align:center
    }
    .banner-part .left-part,.banner-part .right-part,.ms-page .banner-part .right-part,.ms-page .banner-part .left-part,.embtext-part .left-part,.hireembedded-page .banner-part .left-part{
        width:100%;
        text-align:center
    }
    .banner-part .right-part{
        padding-top:30px
    }
    .banner-sec p,.casework-sec .left-part,.embtext-part .left-part{
        max-width:100%
    }
    .embtext-part .right-part{
        width:100%;
        padding-left:0;
        padding-top:30px
    }
    .banner-sec .blue-btn rect{
        height:44px
    }
    .ser-sec,.ser-list{
        padding:70px 0 0
    }
    .banner-sec .btn{
        padding:10px 25px;
        font-size:16px
    }
    .ser-list li{
        width:calc(100%/2 - 25px);
        margin-bottom:90px
    }
    .ser-list li+li,.case-list li+li{
        margin-left:0
    }
    .ser-list{
        margin-top:50px;
        flex-wrap:wrap
    }
    .tec-sec{
        padding:0
    }
    .tec-list li .tec-box{
        padding:35px 5px 24px
    }
    .caseimg-part{
        padding-top:0
    }
    .caseimg-part .left-part{
        width:100%;
        padding-top:80px
    }
    .caseimg-part .left-part img{
        max-width:350px;
        margin:35px auto 0;
        display:block;
        width:100%
    }
    .caseimg-part .right-part{
        margin-left:0;
        padding:50px 0 0;
        width:100%
    }
    .casestinner-part{
        padding:15px 20px
    }
    .case-list{
        justify-content:flex-start
    }
    .case-list li+li{
        margin-top:15px
    }
    .case-list{
        padding:25px 0
    }
    .case-list li>p,.case-list li>h4{
        margin-bottom:0
    }
    .title{
        line-height:normal
    }
    .case-title{
        margin-bottom:50px
    }
    .case-list li{
        margin-right:0;
        width:100%
    }
    .casepart-slider .owl-nav button span{
        width:8px;
        height:8px
    }
    .casepart-slider .owl-nav button{
        width:25px;
        height:25px
    }
    .ind-list li{
        width:calc(100%/2)
    }
    .whc-sec{
        padding-top:80px
    }
    .whc-sec .ind-title{
        margin-bottom:0
    }
    #whcGif{
        margin-bottom:30px
    }
    .con-list li:first-child{
        margin-bottom:20px
    }
    .counter-sec h2{
        margin:40px 0 0
    }
    .counter-sec .btn{
        margin-top:0
    }
    .testi-part{
        margin:0 15px
    }
    .testi-slider .carousel-control-prev span{
        transform:translate(-50%,-50%) rotate(45deg)
    }
    .testi-slider .carousel-control-next span{
        transform:translate(-50%,-50%) rotate(-135deg)
    }
    .testi-slider .carousel-indicators{
        display:none
    }
    .testi-slider .carousel-control-next{
        right:auto;
        top:50%
    }
    .testi-part{
        padding:15px 30px;
        margin:20px 15px 0
    }
    .company-name{
        padding:5px 15px;
        font-size:16px;
        top:-20px;
        right:10px
    }
    .blog-list>li,.blog-box img,.browser-part .right-part,.browser-part .left-part,.blog-title .left-part,.blog-title .right-part{
        width:100%
    }
    .blog-box .blogtext-box>h3{
        margin-top:15px
    }
    .blog-list>li+li{
        margin-left:0
    }
    .browser-part{
        flex-direction:column-reverse
    }
    .browser-part h3{
        margin-bottom:0
    }
    .case-list,.blog-list,.contactform-part,.mbtext-box,.casework-sec .container,.contactform-part .left-part,.contactform-part .right-part,.browser-part form .form-control,.casepart-list,.caseimg-part,.developer-part,.ftinner-part{
        flex-wrap:wrap
    }
    .ser-sec .title,.embedded-page .banner-part .right-part{
        text-align:center
    }
    .ser-sec .btn{
        margin-right:auto
    }
    .blog-btn .btn,.blog-btn .btn.active,.blog-btn .btn:hover{
        padding:12px 15px;
        font-size:16px
    }
    .ser-sec .title{
        text-align:left
    }
    .ser-list{
        padding:50px 0 0;
        margin-top:0
    }
    .contactform-part .left-part{
        padding:0
    }
    .contactform-part .left-part .info-part .title+p{
        margin-bottom:30px
    }
    .contactform-part .left-part{
        min-height:auto;
        width:100%
    }
    .contactform-part .right-part .title{
        font-size:28px;
        margin:30px 0 15px
    }
    .browser-part h3{
        font-size:30px
    }
    .con-list li{
        text-align:center;
        justify-content:center
    }
    .mbtext-sec .title{
        font-size:30px
    }
    .mbtext-box .left-part{
        width:100%;
        padding:15px
    }
    .mbtext-box .right-part{
        width:100%;
        margin-left:0
    }
    .blog-title{
        flex-wrap:wrap;
        text-align:center
    }
    .blog-title .left-part{
        margin-bottom:15px
    }
    .browser-part{
        margin:70px 0;
        text-align:center
    }
    .amet-part{
        padding:70px 0 0
    }
    .amet-part h4{
        font-size:22px
    }
    .casepart-sec{
        padding:50px 0
    }
    .casepart-sec h2{
        font-size:21px
    }
    .casepart-list li+li{
        margin-left:10px
    }
    .casepart-list h3{
        margin-bottom:25px
    }
    .casepart-sec .visit-btn{
        margin-top:35px
    }
    .casework-sec .right-part h2,.req-sec h2{
        font-size:28px
    }
    .technology-list li+li{
        margin-left:15px
    }
    .technology-list li{
        width:calc(100%/4 - 12px)
    }
    .technology-list figure{
        width:120px;
        height:120px
    }
    .technology-list li h4,.req-sec h4,.case-slider .item .left-part h4{
        font-size:20px
    }
    .case-slider .item .left-part{
        width:150px
    }
    .case-slider .item .right-part{
        padding-top:15px;
        margin-left:0;
        width:calc(100% - 160px);
        padding-left:0
    }
    .case-slider .owl-carousel .owl-item figure{
        width:auto
    }
    .req-sec h4{
        margin-bottom:10px
    }
    .reqform-part{
        margin-top:50px
    }
    .caseclient-info{
        padding:10px 0 5px 30px
    }
    .casework-list h5{
        padding-left:30px
    }
    .case-img{
        height:400px
    }
    .casepart-list li+li{
        margin-left:60px
    }
    .casepart-list li{
        width:100%;
        margin-top:10px
    }
    .casepart-list li+li,.technology-list li+li{
        margin-left:0
    }
    .casepart-list h3{
        margin-bottom:5px;
        margin-top:0
    }
    .casework-sec .right-part{
        max-width:100%;
        margin-left:0;
        margin-top:40px
    }
    .technology-list li{
        width:calc(100%/2);
        max-width:48%;
        margin-bottom:15px
    }
    .casepart-sec{
        padding:40px 0
    }
    .hiredeveloper-page .banner-part::after,.hdservice-sec h2+p br{
        display:none
    }
    .hdut-sec img{
        margin-top:15px
    }
    .hd-model ul{
        margin-top:0
    }
    .hdchoose-box span{
        width:50px;
        height:50px;
        top:-20px;
        right:-10px
    }
    .hd-model ul li{
        width:100%;
        margin-top:25px
    }
    .hd-model ul li h4{
        font-size:20px
    }
    .about-page .banner-part .right-part{
        margin-top:30px
    }
    .ab-list{
        margin:60px 0
    }
    .ab-list li{
        width:calc(100%)
    }
    .ab-list li+li{
        border-left:none;
        border-top:1px solid #d1d1d1
    }
    .hdm-page .banner-part .right-part{
        padding:60px 0 0;
        text-align:center
    }
    .hdbnbox{
        display:none
    }
    .hdfser-sec ul li{
        width:calc(100%/2 - 10px)
    }
    .hdfser-sec ul li>span{
        width:20px
    }
    .hdfser-sec ul li figure{
        width:40px;
        height:40px
    }
    .hdfser-sec{
        padding:50px 0
    }
    .hdfser-sec ul{
        margin-top:30px
    }
    .hfm-page .banner-part .right-part{
        margin-top:25px
    }
    footer{
        padding:50px 0 0
    }
    .ftlogo-part,.ftmenu-part,.ftcontact-part{
        width:100%;
        margin-right:0
    }
    .ftlogo-part>.ft-logo{
        margin-bottom:30px
    }
    .ftlogo-part ul{
        margin:10px 0 30px
    }
    .ftmenu-part h3,.ftcontact-part h3{
        margin-bottom:20px
    }
    .ftmenu-part>ul>li{
        margin-bottom:15px
    }
    .ftcontact-part{
        margin-top:20px
    }
    .innov-part .right{
        width:60px
    }
    .innov-part .left{
        width:calc(100% - 75px)
    }
    .innov-part h5{
        font-size:18px
    }
    .innov-part+.innov-part{
        margin-top:25px
    }
    .innov-title h2 br,.mstext-sec .title br{
        display:none
    }
    .innov-list{
        margin:30px 0 20px
    }
    .ms-page .banner-sec h1{
        font-size:30px;
        margin-bottom:25px
    }
    .banner-part .left-part{
        margin-right:0
    }
    .dms-page .banner-part .right-part{
        width:100%;
        position:relative
    }
    .dms-page .banner-part{
        padding:0 0 20px
    }
    .dms-page .banner-part h1{
        margin-bottom:15px
    }
    .type-sec h4{
        font-size:18px
    }
    .type-sec img{
        margin-bottom:5px
    }
    .choose-sec span{
        margin:30px 0 0
    }
    .method-part{
        padding:30px 0 0
    }
    .title{
        font-size:30px
    }
    .method-part .left-part>p{
        font-size:16px;
        padding:0
    }
    .method-part .ui-accordion .ui-accordion-header{
        margin:15px 0 0
    }
    .method-part .left-part{
        padding:0 10px 0 30px
    }
    .method-part:after{
        height:95%
    }
    .quote-sec .title{
        margin:0 0 20px
    }
    .quote-sec span{
        margin:30px 0 0;
        display:block
    }
    .getquote-box{
        margin:15px 0 0;
        min-height:auto
    }
    .essed-sec{
        padding:50px 0 80px
    }
    .getquote-sec{
        padding:70px 0 0
    }
    .embedded-page .banner-part,.embedded-page .banner-part .right-part h1{
        text-align:center
    }
    .embedded-page .banner-part .btn{
        margin-bottom:0
    }
    .think-part .left-part{
        padding:0
    }
    .think-sec{
        padding:35px 0 60px
    }
    .think-part .left-part h2,.solution-part .right-part h3,.piciatis-sec h2{
        font-size:25px
    }
    .think-part .left-part:before,.solution-part .right-part:before,.piciatis-sec h2:before{
        top:-30px;
        font-size:50px
    }
    .think-list li h3{
        font-size:20px;
        margin:25px 0 0
    }
    .solution-part .right-part{
        width:100%;
        margin-top:50px
    }
    .think-part .left-part h2,.solution-part .right-part h3,.piciatis-sec h2{
        text-align:center
    }
    .think-part .left-part:before,.solution-part .right-part:before,.piciatis-sec h2:before{
        text-align:center;
        font-size:35px;
        top:-20px
    }
    .solution-sec,.offer-sec{
        padding:50px 0
    }
    .piciatis-list li .right-part h5{
        font-size:18px
    }
    .piciatis-list li .right-part p{
        margin:0
    }
    .embcircle-list li{
        width:100%;
        font-size:16px
    }
    .embcircle-list li:after{
        width:10px;
        height:10px;
        margin-bottom:10px;
        padding-left:15px
    }
    .offer-box{
        margin:10px 0 0
    }
    .offer-part>p{
        font-size:16px;
        margin:0 0 15px
    }
    .offer-box>h4{
        font-size:19px
    }
    .offer-box figure{
        margin-bottom:15px
    }
    .offer-part>h2{
        font-size:26px
    }
    .developer-part .left-part,.developer-part .right-part .softwaresub .banner-part .left-part,.softwaresub-page .banner-part .left-part,.softwaresub-page .banner-part .right-part,.developer-part .right-part,.piciatis-list li,.softwaresub .banner-part .left-part,.solution-part .left-part,.embedded-page .banner-part .left-part,.embedded-page .banner-part .right-part,.dms-page .banner-part .left-part,.abtec-part .left-part,.abtec-part .right-part,.arkit-part>.left,.arkit-part>.right,.hser-sec ul li,.contactform-part .right-part{
        width:100%
    }
    .developer-part .left-part figure{
        margin:0 15px 30px
    }
    .developer-part .left-part figure:after{
        bottom:-20px;
        right:-20px
    }
    .sed-part .left-part h3{
        margin:5px 0
    }
    .developer-sec{
        padding:0
    }
    .softwaresub .banner-sec .sds-img{
        width:100%;
        padding:30px 15px 0;
        max-height:auto;
        position:relative;
        max-width:575px;
        margin:0 auto
    }
    .softwaresub .banner-sec .sds-img img{
        border-radius:30px
    }
    .deliverit-sec{
        text-align:center;
        padding:40px 0 0
    }
    .deliverit-sec .title{
        margin-bottom:15px
    }
    .deliverit-sec .btn{
        margin-bottom:25px;
        margin-top:15px
    }
    .deliverit-sec+.deliverit-sec{
        padding:60px 0 0
    }
    .contactform-img{
        opacity:.5;
        width:100%;
        z-index:0
    }
    .contactform-part{
        background:0 0
    }
    .rc-page .banner-part .left-part{
        position:relative;
        width:100%;
        transform:none;
        top:0;
        left:0
    }
    .rc-page .banner-sec:after{
        height:100%;
        width:100%
    }
    .rc-page .banner-part .right-part{
        width:100%;
        position:relative;
        z-index:1
    }
    .rc-page .banner-sec{
        padding:20px 0
    }
    .rc-page .banner-part .right-part{
        margin:15px 0 0
    }
    .staff-sec{
        margin:80px 0 0
    }
    .staff-sec p,.augment-sec li p{
        font-size:15px
    }
    .staff-sec ul li h4{
        font-size:18px
    }
    .staff-sec ul{
        margin-top:25px;
        align-items:flex-start
    }
    .augment-sec .title br{
        display:none
    }
    .augment-sec{
        padding:50px 0 80px
    }
    .augment-sec ul:after{
        background-image:none
    }
    .augment-sec ul{
        padding:0 0 0 20px
    }
    .augment-sec .title{
        padding-bottom:0
    }
    .augment-sec li,.augment-sec li:last-child{
        max-width:100%;
        margin-top:25px;
        z-index:1
    }
    .augment-sec li:nth-child(2),.augment-sec li:nth-child(3){
        left:0;
        margin-top:25px
    }
    .augment-sec ul:after{
        top:5px;
        border-left:1px dashed #000
    }
    .augment-sec li:after{
        width:15px;
        border-radius:50%;
        height:15px;
        left:-27px;
        top:4px;
        content:"";
        position:absolute
    }
    .augment-sec li:first-child::after{
        background:#dd6189
    }
    .augment-sec li:nth-child(2)::after{
        background:#707cfc
    }
    .augment-sec li:nth-child(3)::after{
        background:#a54ed8
    }
    .augment-sec li:last-child::after{
        background:#ff7840
    }
    .match-sec img{
        padding-top:25px
    }
    .match-sec{
        text-align:center
    }
    .benefit-sec .title{
        text-align:center;
        max-width:100%
    }
    .benefit-sec .title:before{
        width:50%;
        top:auto;
        bottom:-10px;
        left:auto;
        right:auto
    }
    .wework-part>.left>ul>li .left{
        z-index:1;
        margin-top:0;
        font-size:26px
    }
    .focus-sec p{
        font-size:16px
    }
    .focus-sec .title{
        margin:15px 0
    }
    .focus-sec{
        margin:110px 0 0
    }
    .industry-page .banner-sec h1:after{
        left:50%;
        margin-left:-80px
    }
    .industry-page .banner-sec h1{
        padding-bottom:15px
    }
    .inddo-sec>ul>li{
        font-size:17px;
        padding-left:30px;
        margin-top:10px
    }
    .industry-page .banner-part .right-part img{
        border-radius:0 50px
    }
    .hdservice-sec .offer-slider{
        margin-top:20px
    }
    .hdser-slider .owl-nav button{
        width:45px;
        height:45px
    }
    .hdser-slider .owl-nav .owl-prev:after,.hdser-slider .owl-nav .owl-next:after{
        width:10px;
        height:10px;
        margin:-5px 0 0 -5px
    }
    .hdser-slider .owl-nav{
        top:50%;
        margin-top:-20px;
        width:100%
    }
    .hdser-slider .owl-nav .owl-prev:before,.hdser-slider .owl-nav .owl-next:before{
        width:15px;
        top:21px;
        left:16px
    }
    .hdser-slider .owl-nav .owl-next:before{
        left:13px
    }
    .hdser-slider .owl-nav .owl-prev{
        left:-15px;
        position:absolute
    }
    .hdser-slider .owl-nav .owl-next{
        right:-15px;
        position:absolute
    }
    .hdser-box{
        min-height:auto;
        padding:12px 22px 15px 25px
    }
    .hdimgbox{
        flex-wrap:wrap;
        margin-bottom:5px
    }
    .hdimgbox .right{
        width:100%;
        margin-top:15px
    }
    .hdser-sec{
        padding:30px 0 70px
    }
    .hdser-slider{
        margin-top:25px
    }
    .abouttext-sec .small-title{
        padding-top:20px;
        display:block
    }
    .abtec-part .middle-part{
        width:100%;
        padding:0;
        margin-top:10%
    }
    .abtec-part{
        margin-top:0
    }
    .ab-list li{
        padding:20px 0
    }
    .hdmobile-sec figure{
        text-align:center;
        margin-bottom:40px
    }
    .hdmobile-sec:after{
        height:47%
    }
    .hfm-page .banner-sec:after{
        bottom:-21%;
        width:540px;
        height:795px;
        right:-40px;
        transform:rotate(90deg);
        top:auto;
        z-index:-1;
        opacity:.5
    }
    .cakephp-page .banner-sec:after{
        display:none
    }
    .cakephp-page .hdser-slider .item{
        min-height:auto
    }
    .cakephp-sec,.arkit-sec,.indser-sec{
        padding:70px 0
    }
    .ar-sec h2{
        margin-bottom:0
    }
    .ar-box{
        min-height:210px
    }
    .ar-box h4{
        margin:15px 0 10px
    }
    .ar-sec{
        margin:70px 0 30px
    }
    .arkit-part>.middle{
        width:100%;
        text-align:center;
        display:block
    }
    .arapp-box+.arapp-box,.hser-sec ul{
        margin-top:30px
    }
    .hser-sec ul h4{
        font-size:22px
    }
    .hser-sec{
        padding:70px 0 50px
    }
    .policy-page .banner-part .right-part{
        padding-left:0
    }
    .policy-sec h2{
        margin-bottom:10px;
        font-size:20px
    }
    .pl-list li{
        font-size:16px;
        margin-bottom:5px
    }
    .policy-sec{
        margin:50px 0
    }
    .blog-title p{
        font-size:18px
    }
    .contactform-part .left-part .info-part{
        padding:30px 5px 0
    }
    .contactform-part .right-part{
        padding:0 5px
    }
    .con-list{
        margin-bottom:15px
    }
    .ab-list li h2{
        margin:15px 0 10px
    }
    .banner-sec h1{
        font-size:30px
    }
    .contact-page .banner-sec{
        padding:80px 0;
        margin:10px 0 50px
    }
    .contact-sec .small-title span:before{
        width:10px;
        height:10px
    }
    .contact-sec .title{
        margin-bottom:15px
    }
    .contact-sec input[type=submit]{
        font-size:16px;
        padding:10px 50px
    }
    .sertech-slider figure{
        margin-bottom:10px
    }
    .sermain-page .ser-box{
        min-height:auto;
        padding:30px 35px 10px
    }
    .ser-slider{
        padding:30px 0 0
    }
    .mbtext-box{
        margin:20px 0 0
    }
    .mbser-sec{
        padding:20px 0 70px
    }
    .mbser-sec .title{
        margin-bottom:25px
    }
    .embbox-list li{
        padding:10px 15px;
        width:calc(100%/2 - 10px)
    }
    .embtext-sec{
        padding:100px 0 70px
    }
    .embbox-part>p{
        margin:0 auto 25px
    }
    .getquote-sec .title-part{
        margin:0 auto 15px
    }
    .hd-page:before{
        height:11%
    }
    .des-sec h4{
        font-size:22px
    }
    .des-sec .title{
        margin-bottom:20px
    }
    .web-slider .item{
        min-height:auto
    }
    .web-sec{
        padding:30px 0 80px
    }
    .jobapply-sec{
        margin:80px 0
    }
    .journey-sec h2{
        margin-top:24px;
        margin-bottom:15px
    }
    .career-page .banner-sec h1{
        font-size:45px;
        line-height:normal
    }
    .gallery-box .overlay p{
        font-size:14px
    }
    .sed-sec{
        padding:80px 0 0
    }
    .ind-box{
        padding:10px;
        min-height:auto
    }
    .ind-box h3{
        margin:20px 0 10px
    }
    .abser-slider ul{
        padding:15px 15px 0
    }
    .abser-slider .owl-dots{
        bottom:20px
    }
    .abch-sec .title{
        margin-top:25px
    }
    .abser-sec img{
        margin:0 auto;
        display:block;
        width:100%;
        text-align:center
    }
    .abser-circle{
        right:-50%;
        width:812px;
        height:812px;
        top:30%
    }
    .incircle{
        left:-90%;
        top:-90%
    }
    .abin-sec .title{
        margin-bottom:15px
    }
    .cakephp-page .hdser-slider .item{
        margin:5px 15px
    }
    .emhire-sec .title{
        margin-bottom:10px;
        margin-top:20px
    }
    .hireembedded-page .banner-sec .right-img{
        position:relative;
        width:auto;
        display:block;
        padding:0 15px
    }
    .hem-sec{
        padding:60px 0
    }
    .hem-slider .item{
        padding:15px 0
    }
    .hem-sec .title{
        text-align:center;
        margin-bottom:10px
    }
    .hem-slider .item h4{
        font-size:24px;
        margin:15px 0 5px
    }
    .hem-page .banner-part .left-part,.hiredeveloper-page .banner-part .right-part,.hbd-page .banner-part .left-part,.hbd-page .banner-part .right-part,.browser-part form .form-control{
        width:100%
    }
    .firm-slider .item{
        padding:15px;
        min-height:auto
    }
    .firm-slider .item{
        margin-right:0
    }
    .firm-slider .owl-item{
        margin:15px 0 50px
    }
    .expers-sec .title{
        text-align:center;
        margin-bottom:30px
    }
    .ex-box{
        margin-right:10px;
        min-height:auto;
        padding:20px
    }
    .hser-sec ul li{
        margin-bottom:25px
    }
    .des-sec{
        padding:60px 0
    }
    .hdwork-sec:after{
        height:70%;
        width:120%
    }
    .dobox-part .right-part{
        padding-top:20px
    }
    .bl-box,.blser-box{
        min-height:220px
    }
    .blser-box h4,.gallery-box .overlay h2,.ind-box h3,.hser-sec ul h4,.ar-box h4{
        font-size:20px
    }
    .bl-sec span{
        width:300px;
        margin-bottom:5px
    }
    .contact-box,.contactform-part{
        max-width:540px
    }
    .contact-sec textarea.form-control{
        border-radius:5px
    }
    .case-title{
        margin-bottom:30px
    }
    .case-sec{
        padding-top:50px
    }
    .abser-sec .title{
        margin-top:30px;
        margin-bottom:10px
    }
    .section-consultation p{
        font-size:18px
    }
    .section-consultation h2{
        font-size:32px;
        line-height:42px;
        margin-bottom:25px
    }
    .section-consultation{
        padding:50px 0
    }
    .apps-list>li{
        width:100%;
        padding:20px;
        margin-bottom:25px
    }
    .apps-list{
        margin-top:20px
    }
    .apps-list>li img{
        max-width:100px
    }
    #serBannerGif{
        margin:-20% 0;
        position:relative;
        z-index:-1
    }
    .focuses-sec h3{
        font-size:17px
    }
    .bl-sec{
        margin:100px 0
    }
    .castudysemain-page .banner-sec{
        padding-top:150px;
        padding-bottom:50px
    }
    .casestudy-list h3{
        font-size:22px
    }
    .casestudy-list>li{
        padding:10px
    }
    .casestudy-list>li .btn{
        font-size:16px
    }
    .tec-list li .tec-box h4{
        height:43px
    }
    .jobportal-page .banner-part .left-part{
        width:100%
    }
    .jobportal-page .banner-part .right-part{
        width:100%
    }
    .jobfeature-sec{
        padding:70px 0
    }
    .jobfeature-grid{
        flex-wrap:wrap
    }
    .gc--1-of-3,.gc--2-of-3{
        width:100%
    }
    .gc--2-of-3{
        margin-top:15px
    }
    .naccs .jobfeature-menu{
        text-align:center;
        margin-top:25px
    }
    .jobapp-slider .owl-item figure{
        margin:0 auto
    }
    .jobapp-slider .owl-stage-outer:before,.jobapp-slider .owl-stage-outer:after{
        display:none
    }
    .jobser-part{
        flex-wrap:wrap
    }
    .jobser-part>.left-part{
        width:100%
    }
    .jobser-part>.right-part{
        width:100%;
        padding-left:0;
        margin-top:25px
    }
    .jobstill-sec .title{
        margin-bottom:35px
    }
    .jobstill-slider .item h3{
        font-size:16px
    }
    .jobdevelop-part{
        flex-wrap:wrap
    }
    .jobdevelop-part .left-part{
        width:100%
    }
    .jobdevelop-part .right-part{
        width:100%;
        margin-top:20px
    }
    .gettouch-part{
        flex-wrap:wrap;
        margin-right:40px
    }
    .gettouch-part .left-part{
        width:100%
    }
    .gettouch-part .right-part{
        width:100%;
        margin-left:0
    }
    .contact-social-menu{
        width:40px;
        padding:23px 12px;
        right:-40px
    }
    .fitnessapp-slider .item{
        padding:60px 0 0
    }
    .fitnessapp-slider .owl-nav{
        bottom:20px
    }
    .fitnessapp-sec{
        margin-top:80px
    }
    .fitnessapp-box{
        flex-wrap:wrap
    }
    .fitnessapp-box .left-part{
        width:100%;
        margin-bottom:0
    }
    .fitnessapp-box .right-part{
        width:100%
    }
    .fitnessapp-slider{
        background-color:#000
    }
    .fitnessapp-slider .owl-nav{
        width:100%;
        left:0
    }
    .jobget-sec .title{
        margin-bottom:0
    }
    .buildcounter-part .left-part{
        width:100%
    }
    .buildcounter-part{
        flex-wrap:wrap
    }
    .buildcounter-part .left-part h2{
        margin-top:10px
    }
    .buildcounter-part .right-part{
        padding:15px 0 0;
        width:100%
    }
    .customized-sec .title{
        font-size:30px;
        margin-bottom:10px
    }
    .customized-sec .title+p{
        font-size:16px
    }
    .mobileappoffer-part,.idealaunch-part{
        flex-wrap:wrap
    }
    .mobileappoffer-part .left-part{
        width:100%
    }
    .mobileappoffer-part .right-part{
        width:100%;
        margin-top:30px;
        margin-left:0
    }
    .idealaunch-part .left-part{
        width:100%
    }
    .idealaunch-part .right-part{
        width:100%
    }
    .idealaunch-part .left-part .title{
        font-size:30px;
        margin:30px 0 10px
    }
    .idealaunch-part .left-part h3{
        font-size:30px;
        margin-bottom:25px
    }
    .idealaunch-part .right-part h2{
        font-size:25px
    }
    .idealaunch-part .right-part .form-control{
        margin-bottom:15px
    }
    .businessfutureapp-sec:before{
        top:-261px;
        left:-30%;
        margin-left:190px;
        width:530px;
        height:530px
    }
    .businessfutureapp-sec .title{
        font-size:30px
    }
    .businessfutureapp-sec .title+p,.businessfutureapp-sec ul li p{
        font-size:16px
    }
    .businessfutureapp-sec ul li h3{
        font-size:20px;
        margin:15px 0
    }
    .looking-part{
        flex-wrap:wrap;
        margin:70px 0 0
    }
    .looking-part .left-part{
        width:100%
    }
    .looking-part .right-part{
        width:100%;
        padding-top:15px;
        padding-right:0
    }
    .everything-part{
        flex-wrap:wrap
    }
    .everything-part .left-part{
        width:100%
    }
    .everything-part .right-part{
        width:100%;
        padding:20px 0
    }
    .everything-sec{
        padding:25px 0
    }
    .mobileappoffer-sec{
        margin:20px 0 0
    }
    .workprocess-sec{
        margin:100px 0
    }
    .callus-part .left-part h2{
        font-size:30px
    }
    .callus-part .left-part p{
        font-size:20px
    }
    .callus-part .right-part .btn{
        font-size:20px
    }
}
@media(max-width:575.5px){
    .logo-part{
        width:75px
    }
    .case-title{
        flex-wrap:wrap;
        justify-content:center
    }
    .title{
        font-size:28px
    }
    .case-title .left-part,.case-title .right-part{
        width:100%;
        text-align:center
    }
    .case-title .left-part .title{
        margin-bottom:15px
    }
    .case-title .left-part p{
        font-size:18px;
        margin-bottom:8px
    }
    .con-list li h3{
        font-size:30px
    }
    .con-list li{
        margin-bottom:15px
    }
    .counter-sec h2{
        font-size:32px
    }
    .tesli-sec{
        padding:70px 0 30px
    }
    .tesli-sec .ind-title,.ser-sec .title{
        text-align:center
    }
    .tec-list li,.ser-list li{
        width:calc(100%/2 - 15px)
    }
    .banner-sec .btn:hover rect{
        stroke-dasharray:35,260
    }
    .ser-sec .btn{
        margin-bottom:25px
    }
    .caseimg-part .right-part>h3{
        font-size:24px;
        margin:15px 0
    }
    .ind-list li{
        width:100%
    }
    .counter-sec h2{
        margin:0
    }
    .whc-sec{
        padding:70px 0 0
    }
    .browser-part h3{
        font-size:25px
    }
    .browser-part p{
        font-size:16px
    }
    .embtext-part .left-part figure{
        padding:0 15px
    }
    .embtext-part .left-part figure:before{
        top:-15px
    }
    .embtext-part .left-part figure:after{
        bottom:-15px
    }
    .embbox-list li{
        width:100%;
        padding:25px 15px
    }
    .staff-sec ul li{
        width:calc(100%/2 - 15px)
    }
    .staff-sec ul li img{
        width:50px;
        height:50px;
        object-fit:cover
    }
    .staff-sec ul li h4{
        margin:15px 0
    }
    .rc-page .banner-part .right-part:before{
        bottom:-10px;
        left:-10px;
        width:75px;
        height:75px
    }
    .focus-sec .con-list li{
        width:100%;
        text-align:left
    }
    .focus-sec .con-list h3{
        font-size:30px;
        margin-bottom:0
    }
    .wework-part>.left>ul>li h4{
        font-size:20px
    }
    .wework-part>.left>ul>li .left{
        width:50px;
        height:50px
    }
    .wework-part>.left>ul>li>.right{
        width:calc(100% - 65px)
    }
    .benefit-sec ul li{
        width:100%;
        margin-bottom:25px
    }
    .hdservice-sec .offer-slider .item{
        min-height:auto
    }
    .hdservice-sec .offer-slider img{
        margin-bottom:10px
    }
    .hdchoose-part .left-part ul li{
        width:100%;
        margin-bottom:35px
    }
    .hdchoose-part .left-part ul li:nth-child(2n+2){
        margin-top:inherit;
        margin-left:0
    }
    .hdmobile-sec:after{
        height:41%
    }
    .hdser-sec:after{
        right:-100%
    }
    .hdfser-sec ul li{
        width:100%;
        padding:10px;
        margin-bottom:15px
    }
    .ind-box{
        min-height:auto
    }
    .ind-box h3{
        margin:15px 0 10px
    }
    .hd-page:before{
        height:10%
    }
    .des-sec h4{
        margin:10px 0
    }
    .des-sec p{
        padding:0
    }
    .jobapply-sec ul>li>p{
        width:100%;
        margin:15px 0
    }
    .jobapply-sec ul>li>.btn{
        margin-top:0
    }
    .jobapply-sec{
        margin:80px 0 50px
    }
    .embtext-part .left-part figure img{
        border-radius:30px
    }
    .embtext-part .right-part{
        padding-top:30px
    }
    .embbox-part>p{
        margin:0 auto 15px
    }
    .ms-page .banner-sec h1{
        margin-bottom:15px
    }
    .abser-sec{
        padding:20px 0 90px
    }
    .abin-box{
        padding:30px 10px;
        min-height:190px
    }
    .abin-box h4{
        margin-top:35px;
        font-size:17px
    }
    .abin-box span{
        width:84px;
        height:84px
    }
    .incircle{
        width:582px;
        height:582px;
        left:-90%;
        top:-20%
    }
    .expers-sec{
        margin:50px 0
    }
    .dobox-sec .dobox-part{
        padding:0 0 60px
    }
    .dobox-part .left-part ul li{
        width:100%;
        margin-top:0;
        margin-bottom:20px
    }
    .dobox-part .left-part ul li:nth-child(2n+2){
        margin-top:auto
    }
    .dobox-part .right-part h5{
        margin-bottom:10px
    }
    .dobox-part .left-part ul li p{
        margin-top:10px
    }
    .dobox-part .right-part h5 span{
        width:100px;
        margin-right:10px
    }
    .hdmobile-sec{
        margin-bottom:70px
    }
    .hdwork-sec:after{
        height:70%;
        width:110%
    }
    .hdwork-sec:after{
        left:-45%;
        top:0
    }
    .hdwork-sec{
        margin-bottom:80px
    }
    .bl-sec span{
        width:250px
    }
    .contact-box,.contactform-part{
        max-width:100%
    }
    .header-bar{
        padding:10px 15px
    }
    .casestudy-list>li{
        width:100%;
        margin-right:0
    }
    .jobfeature-list>div figure{
        width:39px;
        padding:5px;
        height:39px
    }
    .jobfeature-list>div h3{
        font-size:12px;
        width:calc(100% - 30px);
        padding-left:15px
    }
    .jobfeature-list>div{
        width:48%
    }
    .jobfeature-list>div figure img{
        width:auto;
        max-width:20px
    }
    .jobstill-slider .owl-dots{
        display:none
    }
    .gettouch-part .right-part>img{
        display:none
    }
    .gettouch-sec{
        margin-bottom:80px
    }
    .gettouch-part .right-part ul{
        margin-top:0;
        padding-left:0
    }
    .mobileinapp-page .banner-sec .left-part h1{
        font-size:30px
    }
    .mobileinapp-page .banner-sec .left-part p{
        font-size:18px
    }
    .customized-sec{
        padding:40px 0 0
    }
    .customized-sec .title,.mobileappoffer-part .right-part .title,.idealaunch-part .left-part .title,.businessfutureapp-sec .title,.looking-part .title,.workprocess-sec .title{
        font-size:25px
    }
    .mobileappoffer-img2{
        bottom:-5%;
        z-index:-1;
        width:50px
    }
    .idealaunch-part .left-part h3{
        font-size:20px
    }
    .businessfutureapp-sec ul{
        margin-top:25px
    }
    .businessfutureapp-sec ul li{
        max-width:100%
    }
    .workprocess-sec .title{
        margin-bottom:15px
    }
    .bannericon1{
        width:90px
    }
    #idealaunch_section{
        padding-top:70px
    }
    .workprocess-sec{
        margin:70px 0
    }
    .callus-part{
        flex-wrap:wrap
    }
    .callus-part .left-part{
        width:100%;
        margin-bottom:20px
    }
    .callus-part .left-part h2{
        font-size:25px
    }
    .callus-part .left-part p{
        font-size:16px
    }
    .callus-sec{
        padding:15px 0 25px
    }
    .buildcounter-part .right-part .con-list li:first-child,.buildcounter-part .right-part .con-list li:nth-child(2),.buildcounter-part .right-part .con-list li:nth-child(3),.buildcounter-part .right-part .con-list li:last-child{
        width:25%
    }
    .buildcounter-part .right-part h2{
        font-size:24px
    }
}