.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.service-block {
    padding: 60px 0 0 0;
    position: relative
}

.service-block:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background-color: #f6f6f7;
    height: 65%;
    max-height: 450px;
    z-index: -1
}

.small-title {
    display: block;
    color: #eb690d;
    letter-spacing: 1px;
    text-transform: uppercase
}

.hm-sr-box {
    color: #2d2e34;
    display: block;
    transition: all .4s;
    border-radius: 6px;
    background-color: #fff;
    margin: 15px 5px;
    border: 1px solid rgba(10, 10, 69, .1);
    padding: 20px;
    height: calc(100% - 30px)
}

a.hm-sr-box:hover {
    box-shadow: 0 0 40px 0 rgba(109, 110, 113, .15)
}

.hm-sr-title {
    display: flex;
    width: 100%;
    padding-bottom: 13px;
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(10, 10, 69, .1);
    align-items: center
}

a.hm-sr-box:hover h3 {
    color: #f47820
}

.hm-sr-title h3 {
    transition: all .3s;
    font-size: 24px;
    margin: 0 0 0 12px;
    color: #191951;
    line-height: 1.42857143
}

.section-space {
    padding: 80px 0
}

.pt20 {
    padding-top: 20px
}

.bg-light-grey {
    background-color: #f6f6f7
}

.innovate-title span {
    display: block
}

.exp-box-list {
    margin: 0 -15px;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.exp-box-list li {
    margin: 0;
    padding: 15px 15px;
    list-style: none;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%
}

.exp-box {
    transition: all .4s;
    display: block;
    color: #2d2e34;
    background-color: #fff;
    border-radius: 6px;
    padding: 25px;
    text-align: center;
    height: 100%
}

.exp-box:hover {
    box-shadow: 0 0 40px 0 rgba(109, 110, 113, .1)
}

.exp-box h4 {
    transition: all .3s;
    margin: 0;
    padding: 0 0 10px 0;
    font-size: 24px;
    color: #191951
}

.exp-box p {
    margin: 0 0 10px 0
}

.exp-box:hover h4 {
    color: #f47820
}

.exp-box span {
    transition: all .3s;
    margin: 15px auto 25px auto;
    display: block;
    background-color: #f5f5f5;
    width: 90px;
    height: 80px;
    background: url(../image/ic-expertise.webp) no-repeat
}

.exp-box span.ic-flutter {
    background-position: 0 0
}

.exp-box span.ic-xamarin {
    background-position: -90px 0
}

.exp-box span.ic-react-native {
    background-position: -180px 0
}

.exp-box span.ic-swift {
    background-position: -270px 0
}

.exp-box span.ic-kotlin {
    background-position: -360px 0
}

.exp-box:hover span {
    background-position-y: -90px
}

.hvr-float {
    transform: perspective(1px) translateZ(0);
    transition: all .4s
}

.hvr-float:hover,
.hvr-float:focus,
.hvr-float:active {
    transform: translateY(-5px)
}

.ind-serve .titletext {
    margin: -15px 0 30px 0
}

.enquiry-form {
    text-align: center;
    background-color: #f6f6f7;
    border-radius: 13px;
    padding: 44px;
    margin-left: 15%
}

.enquiry-form h3 {
    margin: 0 0 25px 0;
    padding: 0;
    color: #191951;
    font-size: 24px;
    line-height: 1.2
}

.form-control {
    font-family: 'Poppins', sans-serif;
    background: #fff;
    border: 1px solid rgba(10, 10, 69, .12);
    font-size: 17px;
    color: #2d2e34;
    border-radius: 4px;
    line-height: 1.42857143;
    padding: 10px 15px;
    height: 50px;
    width: 100%
}

textarea.form-control {
    height: auto
}

.form-control:focus {
    border-color: #a8a8de !important
}

.enquiry-form .form-control {
    margin-bottom: 2px;
    text-align: left
}

.enquiry-form textarea {
    resize: none
}

.enquiry-form .btn {
    margin-bottom: 25px
}

.enquiry-form .small-title {
    font-size: 16px;
    line-height: 1
}

.ind-list {
    padding: 0;
    margin: 0;
    list-style: none;
    overflow: hidden
}

.ind-list li {
    position: relative;
    transition: all .4s;
    border: 1px solid transparent;
    float: left;
    padding: 110px 10px 0 10px;
    line-height: 1.3;
    font-weight: 500;
    color: #161841;
    text-decoration: none;
    margin: 0 30px 30px 0;
    list-style: none;
    width: 180px;
    height: 180px;
    border-radius: 6px;
    background-color: #f6f6f7;
    text-align: center
}

.ind-list li:hover {
    border: 1px solid rgba(10, 10, 69, .1);
    background-color: #fff;
    box-shadow: 0 0 40px 0 rgba(109, 110, 113, .1)
}

.ind-list li:before {
    content: "";
    position: absolute;
    left: 50%;
    margin-left: -50px;
    top: 10px;
    width: 100px;
    height: 100px;
    background: url(../image/ic-industries.webp) no-repeat
}

.ind-list li.ind2:before {
    background-position: 0 -100px
}

.ind-list li.ind3:before {
    background-position: 0 -200px
}

.ind-list li.ind4:before {
    background-position: 0 -300px
}

.ind-list li.ind5:before {
    background-position: 0 -400px
}

.ind-list li.ind6:before {
    background-position: 0 -500px
}

.ind-list li.ind7:before {
    background-position: 0 -600px
}

.ind-list li.ind8:before {
    background-position: 0 -700px
}

.ind-list li.ind9:before {
    background-position: 0 -800px
}

.ind-list li.ind10:before {
    background-position: 0 -900px
}

.ind-list li.ind11:before {
    background-position: 0 -1000px
}

.ind-list li.ind12:before {
    background-position: 0 -1100px
}

.ind-list li.ind13:before {
    background-position: 0 -1200px
}

.ind-list li.ind14:before {
    background-position: 0 -1300px
}

.ind-list li.ind15:before {
    background-position: 0 -1400px
}

.ind-list li.ind16:before {
    background-position: 0 -1500px
}

.ind-list li.ind17:before {
    background-position: 0 -1600px
}

.ind-list li.ind18:before {
    background-position: 0 -1700px
}

.footer {
    background-color: #191951;
    color: rgba(255, 255, 255, .8);
    font-size: 17px;
    letter-spacing: .5px
}

.footer a {
    transition: all .3s
}

.footer-top {
    padding-top: 35px;
    padding-bottom: 40px
}

.footer-top h5 {
    font-size: 22px;
    font-weight: 500;
    margin: 0 0 20px 0;
    color: #fff
}

.footer-top a {
    color: rgba(255, 255, 255, .85);
    display: block;
    margin: 0 0 13px 0
}

.footer-top a:hover {
    color: #f47820
}

.footer-bottom {
    font-size: 16px;
    overflow: hidden;
    padding-top: 30px;
    padding-bottom: 30px;
    border-top: 1px solid #414169
}

.footer-bottom a {
    color: rgba(255, 255, 255, .8);
    display: inline-block;
    padding: 0 5px
}

.footer-bottom a:hover {
    color: #f47820
}

.copyright {
    float: left
}

.fb-link {
    float: right
}

.clr-orange {
    color: #f47820 !important
}

.footer-contact-info {
    display: block;
    padding: 0 0 20px 40px;
    position: relative
}

.footer-contact-info:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    height: 30px;
    background: url(../image/ic-footer-contact-info.webp) 0 0 no-repeat
}

.fci-call:before {
    background-position: 0 -42px
}

.fci-mail:before {
    background-position: 0 -82px
}

.social-links a {
    transition: all .3s;
    margin: 5px 10px 0 0;
    width: 50px;
    height: 50px;
    display: inline-block;
    text-decoration: none;
    background: url(../image/ic-social.webp) 0 0 no-repeat;
    color: transparent;
    overflow: hidden
}

.social-links a:hover {
    background: url(../image/ic-social-h.webp) 0 0 no-repeat;
    color: transparent;
    overflow: hidden
}

.social-links a:nth-child(2) {
    background-position: 0 -50px
}

.social-links a:nth-child(3) {
    background-position: 0 -100px
}

.social-links a:nth-child(4) {
    background-position: 0 -150px
}

.social-links a:nth-child(5) {
    background-position: 0 -200px
}

.inner-sr-box {
    box-shadow: 0 0 25px 0 rgba(109, 110, 113, .05);
    display: block;
    position: relative;
    transition: all .4s;
    border-radius: 6px;
    margin: 20px 5px;
    border: 1px solid rgba(10, 10, 69, .1);
    padding: 20px 20px 10px 110px;
    height: calc(100% - 40px)
}

.inner-sr-box:before {
    content: "";
    position: absolute;
    top: -2px;
    left: 20px;
    width: 70px;
    height: 3px;
    border-radius: 20px;
    background-color: #191951
}

.inner-sr-box img {
    position: absolute;
    top: 20px;
    left: 10px
}

.inner-sr-box h3 {
    margin: 5px 0 10px 0;
    font-size: 24px;
    font-weight: 700;
    color: #191951
}

.inner-about-block {
    position: relative
}

.inner-about-block .img-fluid {
    border-radius: 6px
}

.inner-about-block .col-lg-7 {
    padding-left: 20px
}

.inner-about-block:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 21%;
    height: 100%;
    background-color: #191951
}

.wc-box {
    padding-top: 30px
}

.wc-box p {
    height: calc(100% - 70px);
    box-shadow: 0 0 20px 0 rgba(109, 110, 113, .07);
    position: relative;
    border-radius: 6px;
    margin: 0;
    padding: 20px;
    background-color: #fff
}

.wc-box p:before {
    content: "";
    position: absolute;
    left: 55px;
    top: -24px;
    width: 15px;
    height: 15px;
    border: 14px solid transparent;
    border-bottom-color: #fff
}

.wc-box h3 {
    position: relative;
    color: #191951;
    font-size: 24px;
    margin: 0;
    padding: 0 0 0 80px;
    line-height: 1.2;
    min-height: 70px;
    display: flex;
    width: 100%;
    align-items: center
}

.wc-box h3:before {
    content: "";
    position: absolute;
    left: 10px;
    top: 10px;
    width: 50px;
    height: 50px;
    background: url(../image/ic-why-choose.webp) no-repeat
}

.wc-box .wc-icon1:before {
    background-position: 0 0
}

.wc-box .wc-icon2:before {
    background-position: -60px 0
}

.wc-box .wc-icon3:before {
    background-position: -120px 0
}

.wc-box .wc-icon4:before {
    background-position: -180px 0
}

.wc-box .wc-icon5:before {
    background-position: -240px 0
}

.wc-box .wc-icon6:before {
    background-position: -300px 0
}

.wc-box .wc-icon7:before {
    background-position: -360px 0
}

.wc-box .wc-icon8:before {
    background-position: -420px 0
}

.wc-box .wc-icon9:before {
    background-position: -480px 0
}

.wc-box .wc-icon10:before {
    background-position: -540px 0
}

.wc-box .wc-icon11:before {
    background-position: -600px 0
}

.wc-box .wc-icon12:before {
    background-position: -660px 0
}

.wc-box .wc-icon13:before {
    background-position: -720px 0
}

.wc-box .wc-icon14:before {
    background-position: -780px 0
}

.wc-box .wc-icon15:before {
    background-position: -840px 0
}

.wc-box .wc-icon16:before {
    background-position: -900px 0
}

.wc-box .wc-icon17:before {
    background-position: -960px 0
}

.wc-box .wc-icon18:before {
    background-position: -1020px 0
}

.wc-box .wc-icon19:before {
    background-position: -1080px 0
}

.wc-box .wc-icon20:before {
    background-position: -1140px 0
}

.wc-box .wc-icon21:before {
    background-position: -1200px 0
}

.wc-box .wc-icon22:before {
    background-position: -1260px 0
}

.wc-box .wc-icon23:before {
    background-position: -1320px 0
}

.wc-box .wc-icon24:before {
    background-position: -1380px 0
}

.wc-box .wc-icon25:before {
    background-position: -1440px 0
}

.wc-box .wc-icon26:before {
    background-position: -1500px 0
}

.wc-box .wc-icon27:before {
    background-position: -1560px 0
}

.wc-box .wc-icon28:before {
    background-position: -1620px 0
}

.wc-box .wc-icon29:before {
    background-position: -1680px 0
}

.wc-box .wc-icon30:before {
    background-position: -1740px 0
}

.wc-box .wc-icon31:before {
    background-position: -1800px 0
}

.wc-box .wc-icon32:before {
    background-position: -1860px 0
}

.wc-box .wc-icon33:before {
    background-position: -1920px 0
}

.wc-box .wc-icon34:before {
    background-position: -1980px 0
}

.wc-box .wc-icon35:before {
    background-position: -2040px 0
}

.wc-box .wc-icon36:before {
    background-position: -2100px 0
}

.wc-box .wc-icon37:before {
    background-position: -2160px 0
}

.wc-box .wc-icon38:before {
    background-position: -2220px 0
}

.wc-box .wc-icon39:before {
    background-position: -2280px 0
}

.wc-box .wc-icon40:before {
    background-position: -2340px 0
}

.wc-box .wc-icon41:before {
    background-position: -2400px 0
}

.wc-box .wc-icon42:before {
    background-position: -2460px 0
}

.wc-box .wc-icon43:before {
    background-position: -2520px 0
}

.wc-box .wc-icon44:before {
    background-position: -2580px 0
}

.wc-box .wc-icon45:before {
    background-position: -2640px 0
}

.wc-box .wc-icon46:before {
    background-position: -2700px 0
}

.wc-box .wc-icon47:before {
    background-position: -2760px 0
}

.wc-box .wc-icon48:before {
    background-position: -2820px 0
}

.wc-box .wc-icon49:before {
    background-position: -2880px 0
}

.wc-box .wc-icon50:before {
    background-position: -2940px 0
}

.wc-box .wc-icon51:before {
    background-position: -3000px 0
}

.wc-box .wc-icon52:before {
    background-position: -3060px 0
}

.wc-box .wc-icon53:before {
    background-position: -3120px 0
}

.wc-box .wc-icon54:before {
    background-position: -3180px 0
}

.wc-box .wc-icon55:before {
    background-position: -3240px 0
}

.wc-box .wc-icon56:before {
    background-position: -3300px 0
}

.wc-box .wc-icon57:before {
    background-position: -3360px 0
}

.wc-box .wc-icon58:before {
    background-position: -3420px 0
}

.wc-box .wc-icon59:before {
    background-position: -3480px 0
}

.inr-img-center {
    text-align: center;
    padding: 30px 0 15px 0
}

.inr-img-center img {
    max-width: 100%
}

.benefits-block {
    padding-bottom: 70px !important
}

.benefits-block .hm-sr-box {
    padding: 20px 30px
}

.benefits-block .hm-sr-box p {
    margin-bottom: 0
}

.benefits-block h3 {
    position: relative;
    display: flex;
    width: 100%;
    min-height: 74px;
    line-height: 1.3;
    border-bottom: 1px solid rgba(10, 10, 69, .1);
    align-items: center;
    font-size: 22px;
    margin: -10px 0 20px 0;
    color: #191951
}

.main-cta {
    background-color: #191951;
    padding: 50px;
    text-align: center
}

.main-cta h3 {
    display: inline-block;
    margin: 0;
    padding: 10px 20px 10px 0;
    color: #fff;
    font-size: 36px
}

.main-cta h3 span {
    color: #f47820
}

.main-cta .btn {
    background-color: #fff;
    border-radius: 50px;
    color: #191951;
    vertical-align: 5px;
    font-weight: 700
}

.main-cta .btn:hover {
    background-color: #f47820;
    color: #fff
}

.faq-list {
    position: relative;
    border: 1px solid #ddd;
    padding: 20px 15px 20px 45px;
    border-radius: 4px;
    margin-bottom: 15px
}

.faq-list h4 {
    font-size: 20px;
    margin: 0;
    cursor: pointer;
    font-weight: 500;
    color: #191951
}

.faq-list h4:before {
    transition: all .3s;
    content: "";
    position: absolute;
    left: 16px;
    top: 27px;
    width: 24px;
    height: 24px;
    background: url(../image/down-arrow-menu.webp) no-repeat;
    background-size: 18px 18px
}

.faq-list h4.ar-up:before {
    transform: rotate(180deg);
    left: 10px;
    top: 20px
}

.faq-list p {
    display: none;
    line-height: 1.42857143;
    margin: 15px 0 0 0;
    padding: 0 0 0 28px;
    position: relative
}

.faq-list p:before {
    content: "";
    position: absolute;
    left: 4px;
    top: 0;
    width: 2px;
    height: 100%;
    background-color: #f47820
}

.sr-hire .inner-sr-box {
    padding: 20px 20px 10px 30px;
    background-color: #fff
}

.sr-hire .inner-sr-box h3 {
    margin-top: 0 !important
}

.sr-hire .inner-sr-box::before {
    top: 5px;
    left: -2px;
    width: 3px;
    height: 60px;
    background-color: #f47820
}

.sublist {
    padding: 13px 0 0 0;
    margin: 0;
    list-style: none
}

.sublist li {
    padding: 0 0 25px 38px;
    margin: 0;
    list-style-type: none;
    background: url(../image/bullet.webp) 0 0 no-repeat;
    line-height: 1.2;
    font-size: 20px
}

.blue-right-img {
    position: relative
}

.blue-right-img:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 22%;
    height: 100%;
    background-color: #191951
}

.center-section {
    text-align: center;
    font-weight: 500;
    font-size: 24px;
    line-height: 1.2
}

.center-section h2 span {
    display: block
}

.center-section img {
    display: block;
    margin: 20px auto 15px auto;
    max-width: 100%
}

.center-section .col-sm-4,
.center-section .col-4 {
    padding-bottom: 20px
}

.sr-hire {
    position: relative
}

.sr-hire:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background-color: #f6f6f7;
    height: 430px;
    z-index: -1
}

.big-img {
    text-align: center
}

.big-img img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto
}

.toppad {
    padding-top: 80px
}

.bm-block .col-lg-4 {
    text-align: center;
    padding-bottom: 20px
}

.bm-block h3 {
    height: calc(100% - 30px);
    display: flex;
    align-items: center;
    position: relative;
    padding: 15px 0 15px 70px;
    margin: 30px 0 0 0;
    font-size: 22px;
    line-height: 1.2;
    font-weight: 500;
    color: #191951;
    border-bottom: 1px solid #f1f1f1
}

.bm-block h3 span {
    border-radius: 3px 3px 0 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 50px;
    background-color: #f5f5f5;
    font-size: 28px;
    font-weight: 700;
    line-height: 1;
    display: flex;
    justify-content: center;
    align-items: center
}

.bg-light-grey.bm-block h3 {
    border-bottom: 1px solid #ddd
}

.bg-light-grey.bm-block h3 span {
    background-color: #f47820;
    color: #fff
}

.hire-dedicated-block h2 {
    color: #fff;
    text-align: center
}

.hire-dedicated-block p {
    color: rgba(255, 255, 255, .85);
    text-align: center
}

.hire-dedicated-block h4 {
    position: relative;
    border: 1px solid rgba(255, 255, 255, .7);
    display: flex;
    align-items: center;
    min-height: 100px;
    height: calc(100% - 30px);
    padding: 10px 10px 10px 100px;
    color: #fff;
    margin: 30px 0 0 0;
    border-radius: 8px;
    font-weight: 500
}

.hire-dedicated-block h4:before {
    content: "";
    position: absolute;
    left: 15px;
    top: 15px;
    width: 70px;
    height: 70px;
    background: url(../image/ic-industries.webp) no-repeat;
    background-size: 70px 1260px
}

.hire-dedicated-block h4.ist2:before {
    background-position: 0 -70px
}

.hire-dedicated-block h4.ist3:before {
    background-position: 0 -140px
}

.hire-dedicated-block h4.ist4:before {
    background-position: 0 -210px
}

.hire-dedicated-block h4.ist5:before {
    background-position: 0 -280px
}

.hire-dedicated-block h4.ist6:before {
    background-position: 0 -350px
}

.hire-dedicated-block h4.ist7:before {
    background-position: 0 -420px
}

.hire-dedicated-block h4.ist8:before {
    background-position: 0 -490px
}

.hire-dedicated-block h4.ist9:before {
    background-position: 0 -560px
}

.hire-dedicated-block h4.ist10:before {
    background-position: 0 -630px
}

.hire-dedicated-block h4.ist11:before {
    background-position: 0 -700px
}

.hire-dedicated-block h4.ist12:before {
    background-position: 0 -770px
}

.service-block.bg-purple {
    padding-top: 0 !important
}

.services-box {
    background: #fff;
    padding: 16px 24px !important;
    border: 0;
    box-shadow: 0 0 25px rgba(0, 0, 0, .08);
    position: relative;
    z-index: 1
}

.services-box:before {
    display: none
}

.bg-purple {
    background: #191951;
    color: #fff;
    z-index: 1
}

.before-purple::before {
    background: #191951;
    z-index: 1;
    height: 50%
}

.business-bg {
    box-shadow: 0 0 25px rgba(0, 0, 0, .08);
    border-radius: 13px;
    position: relative;
    z-index: 1;
    background: url(../image/business-bg.webp) no-repeat center;
    min-height: unset;
    background-size: cover;
    margin: 0;
    padding: 66px 24px;
    text-align: left
}

.business-bg h2 {
    margin: 0 !important
}

.business-bg .btn {
    margin: 0
}

.inline-btn {
    width: auto;
    display: inline-block;
    padding: 10px 40px 10px
}

.project-list {
    border-right: 1px solid #7f8097
}

.project-list:nth-child(even) {
    border: 0
}

.project-list ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center !important
}

.project-list ul li {
    padding-top: 0 !important
}

.project-list ul li img {
    display: block;
    margin: 0 auto -10px auto;
    max-width: 100%;
    width: 130px
}

.project-list:nth-child(2) ul li {
    padding-top: 20px !important
}

.project-list:nth-child(2) ul li img {
    display: block;
    margin: 0 auto 10px auto;
    max-width: 100%;
    width: 90px
}

.project-list ul li:before {
    display: none
}

.project-list ul li:last-child {
    margin-right: 0
}

.project-list h2 {
    color: #fff;
    width: 80%;
    margin: 20px auto 40px;
    text-align: center
}

.request-form {
    padding-bottom: 0;
    padding-top: 0
}

.request-form .enquiry-form {
    padding: 40px !important;
    margin: 0
}

.request-form h3 {
    font-size: 40px;
    margin: 0 0 30px 0
}

.pt-0 {
    padding-top: 0
}

.project-list h2 span {
    display: block
}

.our-team h3 {
    font-size: 24px;
    font-weight: 500;
    color: #191951;
    text-align: center;
    border-radius: 6px;
    background-color: #fff;
    margin: 15px 5px;
    border: 1px solid rgba(10, 10, 69, .1);
    padding: 20px;
    height: calc(100% - 30px)
}

.job-ans .small-title {
    display: block;
    padding-top: 20px
}

.job-ans .small-title:nth-child(1) {
    padding-top: 0 !important
}

.list-text {
    display: list-item;
    margin: 3px 0 3px 20px
}

.testimonial-section .hm-sr-box {
    padding: 25px 30px 30px 30px;
    height: calc(100% - 70px);
    position: relative;
    z-index: 2;
    box-shadow: 0 0 16px 0 rgba(109, 110, 113, .06)
}

.testimonial-section h4 {
    position: relative;
    height: 50px;
    margin: -5px 0 0 0;
    padding: 0 0 0 80px;
    font-size: 22px;
    color: #191951
}

.testimonial-section h4:before {
    z-index: 3;
    content: "";
    position: absolute;
    left: 0;
    top: -45px;
    border: 29px solid transparent;
    border-right-color: #fff
}

.testimonial-section h4:after {
    z-index: 1;
    content: "";
    position: absolute;
    left: -1px;
    top: -45px;
    border: 30px solid transparent;
    border-right-color: #ddd
}

.contact-details .container {
    max-width: 1200px;
    text-align: center
}

.stp {
    position: relative;
    background-color: #f6f6f7;
    padding-bottom: 70px
}

.stp .container {
    max-width: 1260px
}

.stp:before {
    background: #191951;
    z-index: 1;
    height: 45%;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    max-height: 450px
}

.stp-box {
    background: #fff;
    padding: 35px 40px;
    border-radius: 13px;
    box-shadow: 0 0 25px rgba(0, 0, 0, .08);
    position: relative;
    z-index: 1
}

.stp-box h3 {
    margin: 10px 0 10px 0;
    font-size: 24px
}

.stp-box ul li {
    margin-bottom: 15px
}

.sitemap-link strong {
    margin-bottom: 13px;
    display: block
}

.sitemap-link a:hover {
    text-decoration: underline !important
}

.stp-box.text-center .btn {
    margin: 30px 0
}

.link-whatwedo {
    transition: all .3s;
    position: relative;
    background-color: #f6f6f7;
    border-radius: 6px;
    display: block;
    margin: 25px 0;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 700;
    padding: 10px 10px 10px 110px;
    min-height: 110px;
    display: flex;
    align-items: center;
    text-align: left
}

.link-whatwedo:hover {
    background-color: #191951
}

.link-whatwedo img {
    position: absolute;
    left: 10px
}

.stp.thankyou {
    padding-bottom: 0 !important
}

@media(max-width:1680px) {
    .service-block {
        padding: 50px 0 0 0
    }

    .hm-sr-title img {
        height: 70px
    }

    .hm-sr-title h3,
    .benefits-block h3 {
        font-size: 20px;
        line-height: 1.3
    }

    .hm-sr-box {
        margin: 15px 0
    }

    .exp-box-list li {
        -ms-flex: 0 0 33.33%;
        flex: 0 0 33.33%
    }

    .enquiry-form {
        margin-left: 0;
        padding: 35px
    }

    .ind-list li {
        padding: 105px 10px 0 10px;
        width: 170px;
        height: 170px
    }

    .ind-list li:before {
        top: 5px
    }

    .inner-sr-box {
        margin: 15px 0;
        height: calc(100% - 30px)
    }

    .benefits-block .hm-sr-box {
        padding: 20px
    }

    .main-cta {
        padding: 40px 30px
    }

    .main-cta h3 {
        font-size: 30px
    }

    .center-section {
        font-size: 22px
    }

    .toppad {
        padding-top: 70px
    }

    .service-block.section-space {
        padding: 60px 0
    }

    .bm-block h3 {
        font-size: 20px
    }

    .business-bg {
        padding: 50px 24px
    }

    .service-block.request-form {
        padding-top: 0
    }
}

@media(max-width:1199px) {
    .service-block {
        padding: 40px 0 0 0
    }

    .section-space {
        padding: 60px 0
    }

    .md-img-center-40 {
        text-align: center
    }

    .md-img-center-40 img {
        max-width: 40%;
        margin-bottom: 25px
    }

    .pt20 {
        padding-top: 10px
    }

    .innovate-title span {
        display: inline-block
    }

    .exp-box span {
        margin: 5px auto 15px auto
    }

    .exp-box h4 {
        padding: 0 0 5px 0
    }

    .ind-list {
        margin-right: -15px
    }

    .ind-list li {
        margin: 0 20px 20px 0
    }

    .address-block {
        padding-top: 20px;
        overflow: hidden
    }

    .footer-contact-info {
        width: 50%;
        float: left
    }

    .social-links {
        text-align: center
    }

    .footer-top h5 {
        font-size: 20px;
        margin: 0 0 15px 0
    }

    .inner-sr-box {
        padding: 15px 15px 5px 105px
    }

    .inner-sr-box h3 {
        margin: 3px 0 7px 0;
        font-size: 22px
    }

    .inner-about-block .col-lg-7 {
        padding-left: 15px
    }

    .wc-box {
        padding-top: 15px
    }

    .wc-box h3 {
        font-size: 22px;
        padding: 0 0 0 75px
    }

    .inr-img-center {
        padding: 30px 0 0 0
    }

    .benefits-block h3 {
        min-height: 68px;
        margin: -20px 0 20px 0
    }

    .benefits-block {
        padding-bottom: 50px !important
    }

    .main-cta {
        padding: 30px 20px
    }

    .main-cta h3 {
        font-size: 24px
    }

    .faq-list h4 {
        font-size: 18px
    }

    .faq-list h4:before {
        top: 25px
    }

    .faq-list h4.ar-up:before {
        top: 17px
    }

    .sr-hire .inner-sr-box {
        padding: 15px 15px 0 20px
    }

    .sr-hire .inner-sr-box:before {
        height: 50px
    }

    .sublist li {
        padding: 0 0 20px 35px;
        line-height: 1.3;
        font-size: 18px
    }

    .center-section {
        font-size: 20px
    }

    .sr-hire:before {
        height: 480px
    }

    .toppad {
        padding-top: 50px
    }

    .service-block.section-space {
        padding: 40px 0
    }

    .bm-block h3 {
        padding-left: 66px;
        margin: 15px 0 15px 0;
        font-size: 18px
    }

    .hire-dedicated-block h4 {
        min-height: 70px;
        padding: 10px 10px 10px 75px;
        margin: 15px 0 15px 0
    }

    .hire-dedicated-block h4::before {
        left: 0;
        top: 0
    }

    .hm-block .img-fluid {
        max-width: 50%;
        height: auto;
        margin-bottom: 30px
    }

    .hm-block h2,
    .hm-block .titletext {
        text-align: center
    }

    .project-list h2 {
        width: 100%
    }

    .ind-list li {
        width: 160px;
        height: 160px
    }

    .project-list:nth-child(2) ul li img {
        width: 70px
    }

    .our-team h3 {
        font-size: 20px;
        margin: 0 0 25px 0;
        padding: 15px
    }

    .testimonial-section .hm-sr-box {
        padding: 15px 20px 30px 20px;
        height: calc(100% - 60px)
    }

    .link-whatwedo {
        margin: 20px 0
    }
}

@media(max-width:991px) {
    .service-block {
        margin-bottom: -15px
    }

    .hm-sr-box {
        margin: 5px 0 15px 0
    }

    .hm-sr-title h3,
    .benefits-block h3 {
        font-size: 19px
    }

    .section-space {
        padding: 50px 0
    }

    .md-img-center-70 {
        text-align: center
    }

    .md-img-center-70 img {
        max-width: 70%;
        margin-bottom: 25px
    }

    .exp-box-list li {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }

    .ind-list {
        margin-right: 0
    }

    .ind-list li {
        width: 23%;
        margin: 0 1% 20px 1%
    }

    .enquiry-form .btn {
        margin: 0
    }

    .footer-top {
        padding-top: 25px;
        padding-bottom: 25px
    }

    .footer-bottom {
        padding-top: 20px;
        padding-bottom: 20px;
        text-align: center
    }

    .footer {
        font-size: 15px
    }

    .copyright,
    .fb-link {
        float: none;
        font-size: 15px
    }

    .footer-top h5 {
        font-size: 18px;
        margin: 0 0 10px 0
    }

    .inner-sr-box {
        height: auto
    }

    .inner-about-block:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 25%;
        background-color: #191951
    }

    .inner-about-block .col-lg-5 {
        text-align: center
    }

    .inner-about-block .img-fluid {
        max-width: 60%;
        height: auto;
        margin-bottom: 25px
    }

    .inr-img-center {
        padding: 10px 0 0 0
    }

    .inr-img-center img {
        max-width: 70%
    }

    .benefits-block {
        padding-bottom: 30px !important;
        margin-bottom: 0 !important
    }

    .main-cta {
        padding: 25px 20px 30px 20px
    }

    .main-cta h3 {
        font-size: 24px;
        padding-bottom: 15px
    }

    .faq-list {
        padding: 15px 15px 15px 45px
    }

    .faq-list h4:before {
        top: 20px
    }

    .faq-list h4.ar-up:before {
        top: 12px
    }

    .blue-right-img:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 25%;
        background-color: #191951
    }

    .blue-right-img .col-lg-5 {
        text-align: center
    }

    .blue-right-img .img-fluid {
        max-width: 60%;
        height: auto;
        margin-bottom: 25px
    }

    .md-pt25 {
        padding-top: 25px
    }

    .center-section img {
        margin: 0 auto 15px auto;
        max-width: 150px;
        height: auto
    }

    .toppad {
        padding-top: 40px
    }

    .business-bg {
        padding: 36px 24px
    }

    .business-bg h2 {
        font-size: 26px;
        margin-bottom: 15px !important;
        text-align: center
    }

    .project-list {
        border-right: 0 solid #7f8097
    }

    .sm-icon {
        width: 60px
    }

    .request-form .enquiry-form {
        padding: 26px 40px 40px !important
    }

    .request-form h3 {
        font-size: 26px
    }

    .project-list h2 {
        margin: 20px auto 20px
    }

    .project-list ul li {
        width: 19% !important
    }

    .testimonial-section h4 {
        height: 45px;
        font-size: 20px
    }

    .stp-box {
        padding: 25px 30px
    }

    .stp-box h3 {
        font-size: 22px
    }

    .link-whatwedo {
        margin: 15px 0
    }
}

@media(max-width:767px) {
    .service-block {
        margin-bottom: -5px
    }

    .hm-sr-box {
        margin: 5px 0 15px 0;
        padding: 17px;
        height: auto
    }

    .hm-sr-title {
        margin-bottom: 15px
    }

    .hm-sr-title img {
        height: 54px
    }

    .hm-sr-box p {
        margin-bottom: 0
    }

    .hm-sr-title h3,
    .benefits-block h3 {
        font-size: 18px
    }

    .section-space {
        padding: 65px 0 40px
    }

    .pt20 {
        padding-top: 0
    }

    .exp-box {
        padding: 25px 18px;
        text-align: left;
        height: auto
    }

    .exp-box span {
        display: inline-block;
        margin: 0 auto 10px auto;
        background-size: 225px 85px;
        width: 45px;
        height: 40px
    }

    .exp-box span.ic-xamarin {
        background-position: -45px 0
    }

    .exp-box span.ic-react-native {
        background-position: -90px 0
    }

    .exp-box span.ic-swift {
        background-position: -135px 0
    }

    .exp-box span.ic-kotlin {
        background-position: -180px 0
    }

    .exp-box:hover span {
        background-position-y: -45px
    }

    .exp-box h4 {
        display: inline-block;
        vertical-align: 23px;
        padding: 0 0 0 10px;
        font-size: 20px
    }

    .exp-box p {
        margin: 0
    }

    .exp-box-list li {
        padding: 10px 15px
    }

    .enquiry-form {
        padding: 30px 25px
    }

    .form-control {
        font-size: 17px
    }

    .enquiry-form h3 {
        margin: 0 0 15px 0;
        font-size: 20px
    }

    .enquiry-form {
        padding: 25px 20px
    }

    .ind-list li {
        height: 125px;
        padding: 80px 3px 0 3px;
        line-height: 1.2
    }

    .ind-list li:before {
        top: 3px;
        background-size: 70px 1260px;
        width: 70px;
        height: 70px;
        margin-left: -36px
    }

    .ind-list li.ind2:before {
        background-position: 0 -70px
    }

    .ind-list li.ind3:before {
        background-position: 0 -140px
    }

    .ind-list li.ind4:before {
        background-position: 0 -210px
    }

    .ind-list li.ind5:before {
        background-position: 0 -280px
    }

    .ind-list li.ind6:before {
        background-position: 0 -350px
    }

    .ind-list li.ind7:before {
        background-position: 0 -420px
    }

    .ind-list li.ind8:before {
        background-position: 0 -490px
    }

    .ind-list li.ind9:before {
        background-position: 0 -560px
    }

    .ind-list li.ind10:before {
        background-position: 0 -630px
    }

    .ind-list li.ind11:before {
        background-position: 0 -700px
    }

    .ind-list li.ind12:before {
        background-position: 0 -770px
    }

    .ind-list li.ind13:before {
        background-position: 0 -840px
    }

    .ind-list li.ind14:before {
        background-position: 0 -910px
    }

    .ind-list li.ind15:before {
        background-position: 0 -980px
    }

    .ind-list li.ind16:before {
        background-position: 0 -1050px
    }

    .ind-list li.ind17:before {
        background-position: 0 -1120px
    }

    .ind-list li.ind18:before {
        background-position: 0 -1190px
    }

    .address-block {
        padding: 0
    }

    .footer-contact-info {
        width: 100%;
        float: none
    }

    .footer-top h5 {
        padding-top: 20px
    }

    .footer-top {
        padding-top: 0;
        padding-bottom: 20px
    }

    .social-links {
        text-align: left
    }

    .social-links a {
        margin: 0 6px 0 0 !important
    }

    .footer a.footer-contact-info {
        margin-bottom: 0
    }

    .footer-top a {
        margin: 0 0 10px 0
    }

    .form-control {
        height: 46px
    }

    .inner-sr-box {
        padding: 15px 10px 0 85px;
        margin: 10px 0
    }

    .inner-sr-box h3 {
        margin: 0 0 7px 0;
        font-size: 18px;
        line-height: 1.3
    }

    .inner-sr-box img {
        height: 70px;
        top: 10px;
        left: 5px
    }

    .inner-about-block:before {
        height: 20%
    }

    .wc-box {
        padding-top: 5px
    }

    .wc-box p {
        height: auto;
        padding: 15px
    }

    .wc-box h3 {
        font-size: 18px;
        padding: 0 0 0 70px
    }

    .benefits-block h3 {
        min-height: 56px;
        margin: -18px 0 15px 0
    }

    .benefits-block h3:before {
        top: -7px
    }

    .main-cta {
        padding: 15px 10px 20px 10px
    }

    .main-cta h3 {
        font-size: 18px;
        padding-bottom: 10px;
        line-height: 1.2
    }

    .faq-list {
        padding: 15px 10px 15px 35px
    }

    .faq-list h4:before {
        top: 18px;
        left: 10px
    }

    .faq-list h4.ar-up:before {
        top: 12px;
        left: 4px
    }

    .faq-list h4 {
        font-size: 16px
    }

    .faq-list p {
        padding: 0 0 0 20px
    }

    .inner-sr-box:before {
        left: 5px
    }

    .social-links a {
        width: 40px;
        height: 40px;
        background-size: 40px 200px
    }

    .social-links a:hover {
        background-size: 40px 200px
    }

    .social-links a:nth-child(2) {
        background-position: 0 -40px
    }

    .social-links a:nth-child(3) {
        background-position: 0 -80px
    }

    .social-links a:nth-child(4) {
        background-position: 0 -120px
    }

    .social-links a:nth-child(5) {
        background-position: 0 -160px
    }

    .sublist {
        padding: 0
    }

    .sublist li {
        padding: 0 0 15px 35px;
        font-size: 16px
    }

    .md-pt25 {
        padding-top: 15px
    }

    .center-section img {
        margin-bottom: 10px;
        max-width: 130px;
        height: auto
    }

    .toppad {
        padding-top: 30px
    }

    .service-block.section-space {
        padding: 20px 0
    }

    .bm-block h3 {
        height: calc(100% - 15px);
        margin: 0 0 15px 0;
        padding-left: 54px;
        font-size: 16px
    }

    .bm-block h3 span {
        width: 40px;
        font-size: 22px
    }

    .hire-dedicated-block h4 {
        min-height: 60px;
        padding: 5px 5px 5px 60px;
        margin: 10px 0 10px 0;
        height: calc(100% - 20px)
    }

    .hire-dedicated-block h4:before {
        top: 4px;
        left: 5px;
        width: 50px;
        height: 50px;
        background: url(../image/ic-industries.webp) no-repeat;
        background-size: 50px 900px
    }

    .hire-dedicated-block h4.ist2:before {
        background-position: 0 -50px
    }

    .hire-dedicated-block h4.ist3:before {
        background-position: 0 -100px
    }

    .hire-dedicated-block h4.ist4:before {
        background-position: 0 -150px
    }

    .hire-dedicated-block h4.ist5:before {
        background-position: 0 -200px
    }

    .hire-dedicated-block h4.ist6:before {
        background-position: 0 -250px
    }

    .hire-dedicated-block h4.ist7:before {
        background-position: 0 -300px
    }

    .hire-dedicated-block h4.ist8:before {
        background-position: 0 -350px
    }

    .hire-dedicated-block h4.ist9:before {
        background-position: 0 -400px
    }

    .hire-dedicated-block h4.ist10:before {
        background-position: 0 -450px
    }

    .hire-dedicated-block h4.ist11:before {
        background-position: 0 -500px
    }

    .hire-dedicated-block h4.ist12:before {
        background-position: 0 -55px
    }

    .hm-block .img-fluid {
        max-width: 70%;
        height: auto;
        margin-bottom: 20px
    }

    .services-box p {
        margin-bottom: 0
    }

    .request-form .enquiry-form {
        padding: 25px 25px !important
    }

    .request-form h3 {
        font-size: 21px;
        margin-bottom: 16px
    }

    .project-list h2,
    .business-bg h2 {
        font-size: 20px;
        margin-bottom: 20px !important
    }

    .project-list ul li:last-child {
        margin-right: 2%
    }

    .our-team h3 {
        font-size: 18px;
        margin: 0 0 15px 0;
        height: auto
    }

    .job-ans .small-title {
        display: block;
        padding-top: 10px
    }

    .testimonial-section h4 {
        height: 40px;
        font-size: 18px
    }

    .testimonial-section .hm-sr-box {
        height: calc(100% - 55px)
    }

    .project-list ul li img {
        max-width: 92px;
        width: 100%
    }

    .stp-box {
        padding: 15px 20px
    }

    .stp-box h3 {
        margin: 10px 0 5px 0;
        font-size: 19px
    }

    .stp-box ul {
        padding-left: 25px
    }

    .stp-box ul li {
        margin-bottom: 10px
    }

    .link-whatwedo {
        font-size: 18px;
        margin: 10px 0;
        min-height: 80px;
        padding-left: 80px;
        font-weight: 500
    }

    .link-whatwedo img {
        height: 60px
    }
}

@media(max-width:575px) {
    .md-img-center-70 img {
        max-width: 80%
    }

    .md-img-center-40 img {
        max-width: 70%
    }

    .exp-box-list li {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }

    .form-control {
        font-size: 16px
    }

    .ind-list li {
        width: 46%;
        margin: 0 2% 20px 2%
    }

    .footer-top {
        padding-top: 12px
    }

    .footer-top h5 {
        padding-top: 10px
    }

    .footer-top a {
        margin: 0 0 8px 0
    }

    .footer-bottom {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .copyright,
    .fb-link {
        font-size: 12px
    }

    .inner-about-block:before {
        height: 12%
    }

    .blue-right-img:before {
        height: 15%
    }

    .md-pt25 {
        padding-top: 0
    }

    .center-section {
        font-size: 16px
    }

    .center-section img {
        margin-bottom: 7px;
        max-width: 80px;
        height: auto
    }

    .blue-right-img .img-fluid {
        margin-bottom: 15px
    }

    .project-list ul li {
        width: 29% !important;
        height: 120px
    }

    .project-list:nth-child(2) ul li {
        padding-top: 10px !important
    }

    .project-list ul li img {
        margin-bottom: 0
    }

    .business-bg {
        padding: 30px 20px
    }
}

.email-field {
    display: none;
    visibility: hidden
}

.formValidate label {
    text-align: left;
    margin-top: 5px;
    padding-bottom: 0 !important;
    font-size: 14px;
    display: block
}

.formValidate .form-group {
    margin-bottom: 15px
}

.portfolio-sec .col-md-6 .box-cls {
    position: relative;
    width: 100%;
    display: inline-block;
    border-radius: 15px;
    overflow: hidden;
    transition: all .3s ease-in-out 0s;
    margin: 1rem 0
}

.portfolio-sec .col-md-6 .box-cls:before {
    position: absolute;
    top: 0;
    left: -120%;
    z-index: 2;
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg)
}

.portfolio-sec .col-md-6 .box-cls img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    width: 100%;
    display: block
}

.portfolio-sec .col-md-6 .box-cls:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.portfolio-sec .col-md-6 .box-cls:hover:before {
    -webkit-animation: shine .75s;
    animation: shine .75s
}

.life-estatic li {
    flex: 0 0 33.3%
}

.life-estatic li img {
    max-width: 100%;
    background: #fff;
    padding: 0;
    border-radius: 15px;
    box-shadow: #1919511c 10px 10px 0
}

.trusted-sec .exp-box-list li span {
    display: flex;
    border: #eeeef1 solid 1px;
    padding: 0 1rem;
    border-radius: 15px;
    text-align: center;
    min-height: 125px;
    align-items: center;
    justify-content: center
}

.trusted-sec ul li {
    list-style: none
}

.trusted-sec ul {
    margin: 0;
    padding: 0
}

.testimonial-slide {
    position: relative;
    border-radius: 15px;
    margin-top: 5rem
}

.testimonial-slide .carousel {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
    border-radius: 15px;
    display: flex;
    position: relative;
    left: 0;
    transition: all 1s ease
}

.testimonial-slide .card {
    display: flex;
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
    background: #fff;
    border-radius: 15px;
    padding: 2rem 2rem;
    flex-direction: column;
    gap: 40px;
    height: 100%
}

.testimonial-slide .name-text {
    margin-bottom: 0;
    display: block;
    border-left: #f47820 solid 3px;
    padding-left: 1.2rem
}

.testimonial-slide .name-text strong {
    font-size: 1.5rem;
    display: block;
    font-weight: 500;
    color: #191951
}

.testimonial-slide .titletext {
    padding: 0 2.7rem;
    margin: 0;
    font-size: 18px;
    position: relative
}

.testimonial-slide .titletext:before {
    content: "❝";
    font-size: 4rem;
    color: #dfdfdf;
    line-height: 1;
    position: absolute;
    top: -19px;
    left: 0
}

.testimonial-slide .titletext:after {
    content: "❞";
    font-size: 4rem;
    color: #dfdfdf;
    line-height: 1;
    position: absolute;
    right: 0
}

.testimonial-slide .img-circle {
    border-radius: 150px;
    width: 130px;
    height: 130px;
    object-fit: cover;
    margin: -92px auto 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: #fff solid 5px
}

.testimonial-slide button {
    position: absolute;
    left: 1rem;
    top: 50%;
    transform: translateY(-50%) rotate(90deg);
    background: #f47820;
    padding: 11px;
    border: none;
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 50px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 11
}

.trusted-sec .exp-box-list li span img {
    max-width: 190px;
    filter: grayscale(100%);
    transition: all .3s ease-in-out 0s;
    max-height: 60px
}

.trusted-sec .exp-box-list li span:hover img {
    filter: none;
    transform: scale(1.1)
}

.testimonial-slide .card .row {
    margin: 0
}

.portfolio-sec .btn-orange.inline-btn {
    margin-top: 1rem
}

.testimonial-slide button.next-btn {
    right: 1rem;
    left: auto;
    transform: translateY(-50%) rotate(-90deg)
}

.trusted-sec ul.exp-box-list li {
    flex: 0 0 20%;
    max-width: 20%
}

.ourservice-sec {
    background: #f6f6f7;
    padding-bottom: 60px
}

@-webkit-keyframes shine {
    100% {
        left: 125%
    }
}

@keyframes shine {
    100% {
        left: 125%
    }
}

.portfolio-sec.before-purple {
    padding: 0 0 70px 0 !important
}

.portfolio-sec.before-purple .container {
    position: relative;
    z-index: 10
}

.port-main-img {
    padding-top: 10px;
    padding-bottom: 100px;
    background: url(../image/port-detailbg.png) bottom center no-repeat;
    background-size: contain
}

.portfolio-sec .exp-box {
    display: block;
    margin: 0
}

.portfolio-sec .top5box strong {
    font-weight: 700;
    display: block
}

.portfolio-sec .top5box.exp-box-list li:before {
    margin-top: -33px
}

.portfolio-sec .top5box.exp-box-list li {
    margin-bottom: 10px
}

.portfolio-sec.inner-about-block .col-lg-8 {
    padding-left: 60px
}

.portfolio-sec.bm-block h3 {
    line-height: normal
}

.hire-devbox {
    border: #f6f6f7 solid 2px;
    height: 100%;
    box-shadow: #f6f6f7 0 5px 0;
    border-radius: 15px;
    padding: 0
}

.hire-devbox .top-head {
    background: #f6f6f7;
    padding: 2rem;
    border-radius: 15px 15px 0 0;
    display: flex;
    align-items: center;
    gap: 25px
}

.hire-devbox .top-head img {
    object-fit: cover;
    border-radius: 150px;
    width: 140px;
    height: 140px;
    min-width: 140px
}

.hire-devbox .name-title {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 14px
}

.hire-devbox .name-title h3 {
    margin: 0 0 5px 0
}

.hire-devbox .name-title p {
    line-height: 100%;
    margin: 0
}

.hire-devbox .name-title p .inline-btn {
    max-width: max-content;
    margin: 10px 0 0;
    display: block
}

.hire-devbox .top-head .btn {
    padding: 10px 15px 10px;
    height: auto;
    text-align: center;
    line-height: 100%
}

.experience-text {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    margin-bottom: 1rem
}

.experience-text .col-auto {
    background: #f9f9f9;
    padding: 10px 15px;
    flex: 1;
    border-radius: 10px;
    border: #e5e5e5 solid 1px
}

.experience-text .col-auto label {
    font-size: 16px;
    opacity: .8
}

.experience-text .col-auto strong {
    display: block;
    color: #191951
}

.hire-devbox .skill-badge label {
    font-weight: 600;
    display: block;
    color: #f47820;
    margin: 0 0 5px 0;
    border-left: #f47820 solid 3px;
    padding-left: .7rem;
    line-height: 100%;
    flex: 0 0 100%;
    width: 100%
}

.hire-devbox .expert-skills {
    margin-bottom: 1.2rem;
    border-bottom: #1919511c solid 1px;
    padding-bottom: 1.5rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px
}

.hire-devbox .expert-skills label {
    display: block;
    margin: 0 0 5px 0;
    flex: 0 0 100%;
    width: 100%;
    font-weight: 600
}

.hire-devbox .expert-skills span {
    color: #191951;
    border: #f5ccae solid 1px;
    background: #fdeee3;
    font-size: 17px;
    padding: 8px 12px;
    display: inline-block;
    line-height: 100%;
    font-weight: 500;
    border-radius: 50px
}

.hire-devbox .skill-badge span {
    border: #e5e5e5 solid 1px;
    font-size: 17px;
    background: #fff;
    padding: 6px 12px;
    border-radius: 50px;
    line-height: 100%;
    font-weight: 500
}

.hire-devbox .skill-badge {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px
}

.hire-devbox .bottom-content {
    padding: 2rem
}

.iot-whychoose .wc-box h3:before {
    background: url(../image/ic-why-choose-icons.webp) no-repeat
}

.iot-whychoose .wc-box h3.wc-icon1:before {
    background-position: 0 center
}

.iot-whychoose .wc-box h3.wc-icon2:before {
    background-position: -60px center
}

.iot-whychoose .wc-box h3.wc-icon3:before {
    background-position: -120px center
}

.iot-whychoose .wc-box h3.wc-icon4:before {
    background-position: -180px center
}

.iot-whychoose .wc-box h3.wc-icon5:before {
    background-position: -240px center
}

.iot-whychoose .wc-box h3.wc-icon6:before {
    background-position: -300px center
}

.technologies-icons {
    margin: 0 auto;
    padding: 0;
    display: flex;
    justify-content: space-between;
    gap: 0;
    max-width: 410px
}

.technologies-icons li {
    list-style: none;
    flex: 1
}

.technologies-icons li span {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff url(../image/latest-tech-stack.webp) 5px center no-repeat;
    box-shadow: 0 0 25px 0 rgba(109, 110, 113, .05);
    transition: all .4s;
    border-radius: 10px;
    border: 1px solid rgba(10, 10, 69, .1);
    width: 80px;
    height: 80px;
    margin: 0 auto .7rem
}

.technologies-icons li .android-studio {
    background-position: -80px center
}

.technologies-icons li .visual-studio {
    background-position: -170px center
}

.technologies-icons li .android-SDK {
    background-position: -257px center
}

.technologies-icons li .retrofit {
    background-position: -343px center
}

.technologies-icons li .alamofire {
    background-position: -428px center
}

.technologies-icons li .rxJava {
    background-position: -518px center
}

.technologies-icons li .glide {
    background-position: -604px center
}

.technologies-icons li .firebase {
    background-position: -692px center
}

.technologies-icons li .aws-amplify {
    background-position: -779px center
}

.technologies-icons li .azure-services {
    background-position: -865px center
}

.technologies-icons li .parse-server {
    background-position: -951px center
}

.technologies-icons li .jetpack-compose {
    background-position: -1039px center
}

.technologies-icons li .swiftUI {
    background-position: -1129px center
}

.technologies-icons li .material-design {
    background-position: -1214px center
}

.technologies-icons li .UIKit {
    background-position: -1299px center
}

.technologies-icons li .room {
    background-position: -1385px center
}

.technologies-icons li .core-data {
    background-position: -1475px center
}

.technologies-icons li .sqlite {
    background-position: -1560px center
}

.technologies-icons li .realm {
    background-position: -1648px center
}

.technologies-icons li .git {
    background-position: -1735px center
}

.technologies-icons li .jenkins {
    background-position: -1823px center
}

.technologies-icons li .fastlane {
    background-position: -1908px center
}

.technologies-icons li .testflight {
    background-position: -1995px center
}

.technologies-icons li small {
    display: block;
    line-height: 1.3;
    font-size: 12px
}

.more-links ul {
    margin: 0;
    padding: 0;
    line-height: 34px
}

.more-links ul li {
    list-style: none
}

.more-links ul li a {
    color: #2d2e34;
    font-size: 17px
}

.more-links ul li a:hover {
    color: #f47820
}

.more-links .inner-sr-box {
    padding: 20px 20px 10px 20px
}

.more-links .inner-sr-box:before {
    background-color: #f47820
}

@media only screen and (max-width:1199px) {
    .ourservice-sec {
        padding-bottom: 30px
    }

    .trusted-sec ul.exp-box-list li {
        flex: 0 0 33.3%;
        max-width: 33.3%
    }

    .trusted-sec .exp-box-list li span img {
        max-width: 129px;
        max-height: 50px
    }

    .trusted-sec .exp-box-list li span {
        min-height: 91px
    }

    .testimonial-slide .card {
        padding: 2rem 1rem;
        gap: 30px
    }

    .portfolio-sec.before-purple {
        padding: 0 0 50px 0 !important;
        margin-top: -30px
    }

    .portfolio-sec.before-purple:before {
        height: 30%
    }

    .port-main-img {
        padding-top: 25px;
        padding-bottom: 60px
    }

    .portfolio-sec.inner-about-block .col-lg-8 {
        padding-left: 40px
    }

    .hire-devbox {
        margin-bottom: 1.5rem;
        height: auto
    }
}

@media only screen and (max-width:991px) {
    .testimonial-slide {
        margin-top: 4rem
    }

    .port-main-img {
        padding-top: 30px;
        padding-bottom: 50px
    }

    .portfolio-sec.inner-about-block .col-lg-8 {
        padding-left: 15px
    }

    .hire-devbox .top-head {
        padding: 1rem
    }

    .hire-devbox .top-head img {
        width: 100px;
        height: 100px;
        min-width: 100px
    }

    .hire-devbox .bottom-content {
        padding: 1rem
    }

    .hire-devbox .top-head .btn {
        padding: 10px 15px 10px
    }
}

@media only screen and (max-width:767px) {
    .experience-text .col-auto label {
        font-size: 14px
    }

    .trusted-sec ul {
        margin: 1rem 0 0 0
    }

    .trusted-sec ul.exp-box-list li {
        padding: 5px 5px;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .ourservice-sec .sublist {
        margin-top: 1.2rem
    }

    .portfolio-sec .col-md-6 a {
        margin: .7rem 0
    }

    .life-estatic li {
        flex: 0 0 50%;
        padding: .6rem .6rem
    }

    .life-estatic li img {
        box-shadow: #1919511c 7px 7px 0
    }

    .port-main-img {
        padding-top: 30px;
        padding-bottom: 40px
    }
}

@media only screen and (max-width:575px) {
    .port-main-img {
        padding-top: 20px;
        padding-bottom: 30px
    }
}

@media only screen and (max-width:360px) {
    .technologies-icons {
        transform: scale(.8);
        gap: 9px;
        justify-content: center
    }
}