#wrapper {
     position: relative
 }

 .vidbox {
     position: absolute;
     content: '';
     top: 0;
     left: 0;
     right: 0;
     width: 100%;
     height: 100%;
     background-color: rgba(0, 0, 0, .8);
     z-index: 1000
 }

 .vidbox video {
     margin: 0 auto;
     display: block;
     position: fixed;
     left: 0;
     right: 0;
     top: 50%;
     transform: translateY(-50%)
 }

 .close {
     position: absolute;
     font-size: 15px;
     top: 0;
     right: 0
 }

 /* .container {
            max-width: 1285px;
            margin: 0 auto
        }*/

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     color: #2a2a2a;
     font-family: AddingtonCF-Bold
 }

 h1 {
     font-size: 61px;
     text-align: center;
     margin: 0 auto;
     line-height: 1.1;
     padding-right: 35px
 }

 h2 {
     font-family: 'Circular Std Book';
     font-size: 36px;
     margin-bottom: 18px;
     text-transform: capitalize
 }

 h3 {
     font-family: 'Poppins', sans-serif;
     font-size: 45px;
     text-transform: capitalize;
     line-height: 1.4;
     margin-bottom: 5px;
     text-align: center;
     font-weight: 900;
     color: #3f3f3f;
 }

 h4 {
     font-size: 2.1vw;
     line-height: 1.2;
     margin: 0 auto 22px;
     font-family: 'Poppins', sans-serif;
 }

 h5 {
     font-family: 'Open Sans', sans-serif;
     display: inline-block;
     font-size: 20px;
     color: #f0011e;
     text-transform: capitalize;
     padding: 10px 14px;
     background-color: #fff;
     -webkit-box-shadow: 0 6px 20px rgba(0, 0, 0, .1);
     -moz-box-shadow: 0 6px 20px rgba(0, 0, 0, .1);
     box-shadow: 0 6px 20px rgba(0, 0, 0, .1);
     margin-bottom: 10px
 }

 p {
     font-size: 16px;
     line-height: 1.6;
     color: #2a2a2a
 }

 span {
     display: inline-block
 }

 sup {
     position: static;
     vertical-align: text-top
 }

 sub {
     position: static;
     font-size: 18px
 }

 dl,
 dt,
 li,
 ol,
 ul {
     line-height: 1
 }

 .top-area-nav,
 .main-menubar-section {
     margin-right: 30px;
 }

 section {
     margin: 60px 0;
 }

 .section-head {
     width: 75%;
     margin: 30px auto 25px;
     text-align: center;
 }

 .align-items-center {
     -ms-flex-align: center;
     align-items: center
 }

 .justify-content-center {
     -ms-flex-pack: center;
     justify-content: center
 }

 .justify-content-between {
     -ms-flex-pack: justify;
     justify-content: space-between
 }

 .flex-column {
     flex-flow: column
 }

 .fot-border {
     border-right: 1px solid #dee2e6 !important;
 }

 .mr-70 {
     margin-right: 70px
 }

 .app-sparx-image img,
 .web-sparx-image img {
     width: 100%
 }

 .content {
    background: url(../../assets/images/home-01-1920x873.jpg)no-repeat center center;
    background-size: cover;
    height: auto;
    padding: 105px 0 200px;
    max-height: 100%;
 }
 #cbonline-innovation {
    padding: 60px 0;
    background: url(../images/background3.jpg)no-repeat center center;
    background-size: cover;
}
/*.content::before {
    content: "";
    z-index: 0;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom:51px;
    background: rgba(0, 0, 0, 0.43);
}*/
 .home-white-border {
    height: 1px;
    background: #000;
    width: 330px;   
 }

/* .home-white-border {
     width: 220px;
     height: 4px;
     background: #fff;
     margin: 20px 340px;
 }
*/
.home-head-button a .btn-1 {
    border-radius: 4px;
    background: #1f9805;
    font-size: 19px;
    font-weight: 100;
}
 .home-head-button a .btn-1:hover {
     box-shadow: 5px 7px 11px 1px #3d0e6b3b;
 }

/* .banner-text p {
     color: #fff;
     font-weight: 300;
     margin-bottom: 20px;
 }*/
.banner-text p {
    color: #000;
    font-family: 'Poppins', sans-serif;
    /* font-weight: 300; */
    /* margin-bottom: 20px; */
    text-align: left;
    font-size: 16px;
    margin: 20px 0;
}

 .banner-text p {
     font-size: 19px;
 }
 .vector-one {
     position: absolute;
     top: 31px;
     left: 32%;
     z-index: 1;
     width: 150px;
     height: auto
 }

 .vector-two {
     position: absolute;
     top: 50px;
     left: 43%;
     z-index: 2;
     width: 210px;
     height: auto
 }

 .banner-content .container {
     padding-top: 26px
 }

 .banner-content small {
     display: block;
     font-size: 32px;
     font-weight: 400;
     line-height: 1.4;
     margin-top: 14px;
     font-family: AddingtonCF-Regular
 }

.main-title {
    font-size: 3vw;
    font-family: 'Poppins', sans-serif;
    font-weight: 800;
    color: #3f3f3f;
    text-transform: capitalize;
}

 .web-app-wrapper {
     position: absolute;
     top: 183px;
     z-index: 1;
     left: 0;
     right: 0;
     max-width: 1600px;
     margin: 0 auto
 }

 .banner-content {
     z-index: 2;
     position: relative
 }

 .app-sparx-image {
     float: left;
     margin-left: -1.7%;
     width: 25.2%
 }

 .web-sparx-image {
     float: right;
     margin-right: -6.8%;
     width: 34.2%;
 }

 .app-sparx-organic,
 .web-sparx-organic {
     position: absolute;
     top: 29%;
     width: 439px;
     height: auto
 }

 .app-sparx-organic {
     left: 3.5%
 }

 .web-sparx-organic {
     top: 30.5%;
     right: 5.5%
 }

 .banner-content h1 {
     font-size: 39px
 }

 .banner-content h1 strong {
     font-size: 72px;
     display: block
 }

 .content-wrap {
     display: flex;
     justify-content: space-between;
     padding-top: 100px
 }

 .outer-shadow {
     -webkit-box-shadow: 15px 25px 30px rgba(0, 0, 0, .1), -15px 10px 30px rgba(0, 0, 0, .1);
     -moz-box-shadow: 15px 25px 30px rgba(0, 0, 0, .1), -15px 10px 30px rgba(0, 0, 0, .1);
     box-shadow: 15px 25px 30px rgba(0, 0, 0, .1), -15px 10px 30px rgba(0, 0, 0, .1)
 }

 .app-sparx h2 strong,
 .web-sparx h2 strong {
     color: #f0011e;
     font-family: 'Circular Std Black'
 }

 .app-sparx p,
 .web-sparx p {
     font-size: 24px;
     font-weight: 300;
     margin-bottom: 15px;
     line-height: 1.1
 }

 .app-listing li {
     display: inline-block;
     font-size: 14px;
     color: #f0011e;
     margin-right: 7px;
     position: relative
 }

 .app-listing .slick-dots {
     padding-left: 5px
 }

 .app-listing li:after {
     position: absolute;
     content: '.';
     color: #f0011e;
     bottom: 0;
     left: 100%;
     margin-left: 3px
 }

 .app-listing li:last-child:after {
     display: none
 }

 .app-content {
     padding: 65px 0;
     position: relative
 }

 .app-content strong {
     font-family: 'Circular Std Black';
     font-size: 58px;
     margin-bottom: 4px;
     display: block
 }

 .app-content span {
     font-size: 20px;
     color: #6a6a6a;
     font-weight: 600;
     margin-bottom: 30px;
     line-height: 1.4
 }

 .app-content p {
     font-size: 18px;
     font-weight: 400;
     line-height: 1.6
 }

 .case-study {
     padding: 0 15px;
     font-size: 16px;
     font-weight: 600;
     height: 47px;
     line-height: 47px
 }

 .case-study-absolute {
     position: absolute;
     left: 50px;
     bottom: 77px
 }

 a .icon-arrow-long {
     background-position: -29px 0;
     width: 26px;
     height: 9px;
     margin-left: 10px;
     transition: .3s ease
 }

 .case-study:hover .icon-arrow-long {
     background-position: 0 0
 }

 .apps-girl {
     position: absolute;
     right: -6px;
     bottom: -12px;
     z-index: -1;
     width: 190px;
     height: 231px
 }

 .apps-boy {
     position: absolute;
     right: -21px;
     bottom: -12px;
     z-index: -1;
     width: 190px;
     height: 231px
 }

 .fading-effect {
     -webkit-mask-image: linear-gradient(to left, transparent 3%, #000 47%);
     mask-image: linear-gradient(to left, transparent 3%, #000 47%);
     margin-right: -55px
 }

 .app-content-slider {
     width: 370px
 }

 .app-content-height {
     height: 442px
 }

 .achivements-slider-height {
     height: 136px
 }

 .slick-slide {
     outline: 0
 }

 .app-content-slider .slick-list {
     overflow: visible
 }

 .app-content a,
 .app-content p {
     display: none
 }

 .app-content-slider .slick-active a,
 .app-content-slider .slick-active p {
     display: inline-block
 }

 .slick-dots li {
     display: inline-block;
     margin: 20px 10px 0 0
 }

 button:focus,
 button:hover {
     outline: 0
 }

 #our-slider #our-slider {}

 #our-slider .owl-carousel.owl-theme.owl-loaded.owl-drag {
     position: relative;
 }

 #our-slider .owl-theme .owl-nav.disabled+.owl-dots {
     margin-top: 10px;
     position: absolute;
     top: 420px;
     left: 345px;

 }

 .free-title {
     color: #5802a5;
 }
/*    .img-qut {
        width: 50%;
        margin: 60px;
    }
*/
 .get-left-content h4 {
     margin-top: 8px;
     color: #3f3f3f;
     font-weight: 900;
 }

 .small-text {
       color: #4935b6;
    font-size: 17px;
    font-weight: 800;
 }

 .services-info,
 .ser-title h3 {
     font-family: "Source Sans Pro", sans-serif;
 }

 .ser-title {
     display: inline-flex;
 }

 .ser-title h3 {
       font-size: 13px;
    margin: 0px 10px;
    color: #2a2b2c;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
 }

 .ser-title i {
     /*margin: 5px 0;*/
     color: #2a2b2c;
 }

 .contact-info-detail {
     position: relative;
 }

 .services-info p {
    font-size: 13px;
    font-family: 'Poppins', sans-serif;
    margin: 10px 0 0 20px;
 }

 .services-info li {
     padding: 14px 0;
 }

 .get-touch-text {
     font-family: 'Poppins', sans-serif;
     margin-bottom: 5px;
     font-weight: 700
 }

 .services-info {
     margin: 10px 0;
 }

 .get-touch-small {
     font-size: 20px;
     color: #fff;
 }

 /*.contact-info-detail {
        padding: 35px 60px;
    }*/



 .small-content-1 {
     margin-top: 28px;
     font-size: 13px;
 }

 form {
     margin: 25px 0;
 }

 /*.name-section input[type="name"],input[type="email"],input[type="phone"] {
        padding: 10px 8px;
        margin-left:  10px;
        background: transparent;
        border: 1px solid #fff;
        border-radius: 4px ;
        color: #fff;
    }
    */
 .name-section input:first-child {
     margin: 0;
 }

 .name-section input {
     padding: 13px;
     margin: 16px 0 0 16px;
     width: 190px;
 }

 .name-section input {
     margin: 8px 0 10px 16px;
 }

 textarea {
     margin: 2px 0 0;
     padding: 11px 12px;
     width: 100%;
 }

 button.our-btn {
     width: 30%;
     padding: 13px;
     background: #fff;
     border: none;
     color: #009f89;
     font-size: 16px;
     text-transform: uppercase;
     font-weight: 700;
     font-family: 'Source Sans Pro', sans-serif;

 }

 .our-btn:hover {
     background: #0a6559;
     color: #fff;
     transition: all .3s ease-out;
 }

 form ::placeholder {
     color: #009f89;
     font-family: 'Source Sans Pro', sans-serif;
     font-weight: 100;

 }

 .tabbing-section {
     background: url(../assets/images/tabbing-texture.jpg) top center;
     -webkit-background-size: cover;
     background-size: cover;
     min-height: 300px;
     margin-top: -100px;
     padding-top: 200px;
     text-align: center;
     padding-bottom: 30px;
     position: static !important
 }

 .friendly-conversation .tabbing-section {
     background: 0 0;
     min-height: auto;
     margin-top: 0;
     padding-top: 20px
 }

 .friendly-conversation .tabbing-section .case-study {
     padding: 0 15px 61px 22px;
     font-size: 16px;
     font-weight: 600;
     line-height: 61px
 }

 .tabbing-content {
     display: none
 }

 /* .tab-display {
            display: block
        }

        .tabbing-content p strong {
            font-weight: 700
        }

        .tab-links {
            border-bottom: 1px solid #f9a6c8;
            margin-bottom: 70px;
            padding-bottom: 2px
        }

        .tab-links li {
            display: inline-block;
            margin: 0 27px;
            position: relative;
            font-family: 'Circular Std Black'
        }

        .tab-links li:hover {
            color: #fff
        }

        .tabbing-section .tab-links .active {
            color: #fff
        }

        .tab-links li:after {
            position: absolute;
            content: '';
            width: 4px;
            height: 4px;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            background-color: #fff;
            top: 48%;
            left: 100%;
            margin-left: 30px
        }

        .tab-links li:last-child:after {
            display: none
        }

        .tab-links li {
            font-size: 30px;
            text-transform: capitalize;
            color: #f9a6c8;
            cursor: pointer;
            transition: .4s ease
        }

        .tab-on-hover {
            color: #fff
        }

        .tabcontent p {
            font-size: 18px;
            color: #fff;
            width: 880px;
            line-height: 1.8;
            margin: 0 auto
        }

        .tabcontent p strong {
            font-weight: 700
        }*/

 .achivements-wrap {
     display: flex;
     justify-content: center
 }

 .achivements-wrap li {
     width: 131px;
     background-color: #fff;
     padding: 19px 2px 10px;
     margin: 40px 10px 0
 }

 .achivements-wrap strong {
     font-family: 'Circular Std Black';
     font-size: 48px
 }

 .achivements-wrap span {
     display: block;
     font-size: 12px;
     font-weight: 600;
     margin-top: 15px;
     border-top: 1px solid #e4e4ef;
     padding: 10px 5px 3px;
     text-transform: capitalize
 }

 .achivements-slider figure {
     height: 48px;
     display: flex;
     align-items: center;
     padding: 0 12px
 }

 .achivements-slider .height-award img {
     height: 100%
 }

 .ceo-speech {
     margin-top: 65px;
     display: inline-block
 }

 .ceo-speech a {
     display: block;
     color: #fce253;
     font-size: 18px;
     text-decoration: underline
 }

 .ceo-speech a svg {
     display: block;
     margin: 0 auto 28px
 }

 .ceo-speech a:hover .svg-hover {
     transition: .3s ease;
     fill: #fff
 }

 .ceo-speech a:hover {
     color: #fff
 }

 .approach-subtabs {
     border: none;
     margin-top: -20px;
     margin-bottom: 50px
 }

 .approach-subtabs li {
     font-size: 20px
 }

 .innertabs {
     max-width: 1010px;
     width: 100%;
     margin: 0 auto;
     text-align: left;
     display: none;
     -webkit-animation: fadeEffect 1s;
     animation: fadeEffect 1s;
     padding: 0 15px
 }

 .approach-subtabs .active {
     color: #fff;
     text-decoration: underline
 }

 .innertabs>div {
     float: left;
     margin-right: 9%;
     margin-bottom: 60px;
     width: 45%
 }

 .innertabs>div:last-child,
 .innertabs>div:nth-child(2) {
     margin-right: 0
 }

 .explanation figure {
     margin-right: 20px;
     width: 80px;
     height: 80px;
     align-items: center;
     justify-content: center;
     background-color: #fff
 }

 .explanation figure svg {
     width: 100%
 }

 .explanation div {
     width: 80%;
     font-size: 16px
 }

 .explanation strong {
     font-weight: 700;
     color: #feeb4e;
     margin-bottom: 15px;
     text-transform: capitalize
 }

 .explanation span {
     color: #fff;
     line-height: 1.1
 }

 .engineering {
     position: relative;
     text-align: center;
     padding: 85px 0 140px;
     z-index: 0
 }

 .engineering>svg {
     position: absolute;
     height: auto
 }

 .engineering-organic {
     width: 531px;
     left: -18.6%;
     top: -27%
 }

 .smartwatch-vector {
     top: 17%;
     left: 9%;
     width: 156px
 }

 .connected-devices {
     top: 42%;
     left: 5%;
     width: 272px
 }

 .computer-vector {
     top: 20%;
     right: 5%;
     width: 178px
 }

 .notch-mobile {
     top: 34%;
     right: 9.7%;
     width: 163px
 }

 .engineering-content-wrap {
     width: 66%;
     margin: 0 auto;
     position: relative;
     z-index: 2
 }

 .engineering p {
     text-align: left;
     margin-bottom: 73px;
     line-height: 1.6;
     font-size: 17px
 }

 .engineering p strong {
     font-weight: 700
 }

 .video-youtube {
     margin-bottom: 90px;
     border: 6px solid #fff;
     -webkit-box-shadow: 0 20px 50px rgba(0, 0, 0, .2);
     -moz-box-shadow: 0 20px 50px rgba(0, 0, 0, .2);
     box-shadow: 0 20px 50px rgba(0, 0, 0, .2);
     position: relative;
     transition: .5s ease;
     display: inline-block;
     width: 730px;
     margin-left: 15px
 }

 .network {
     position: absolute;
     top: -24px;
     left: -74px;
     padding: 32px 58px;
     font-size: 17px;
     background-color: #fff;
     z-index: 1;
     line-height: 1.2;
     font-weight: 600;
     color: #e4011c;
     text-transform: uppercase;
     -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .09);
     -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, .09);
     box-shadow: 0 10px 20px rgba(0, 0, 0, .09)
 }

 /*    .video-overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, .3);
        display: flex;
        align-items: center;
        justify-content: center;
        transition: .5s ease
    }

    .play-video img {
        width: 82px;
        height: auto
    }

    .video-youtube:hover .video-overlay {
        background-color: rgba(0, 0, 0, .7)
    }
*/
 .discuss-project {
     padding: 0 20px;
     height: 47px;
     line-height: 47px
 }

 .discuss-project:hover .icon-arrow-long {
     background-position: 0 0
 }

 .awards {
     padding: 143px 0;
     position: relative;
     background: url(../assets/images/awards-svg.svg) center top no-repeat
 }

 @media screen and (-ms-high-contrast:active),
 (-ms-high-contrast:none) {
     .awards {
         background-position-y: -148px
     }

     .resolution-balance {
         padding: 50px 28px 32px
     }
 }

 .awards-texture {
     position: absolute
 }

 .award-content {
     background-color: #fff;
     text-align: center;
     -webkit-box-shadow: 0 10px 100px rgba(0, 0, 0, .2);
     -moz-box-shadow: 0 10px 100px rgba(0, 0, 0, .2);
     box-shadow: 0 10px 100px rgba(0, 0, 0, .2);
     padding: 127px 5px 60px;
     position: relative
 }

 .awards-image {
     position: absolute;
     left: 0;
     right: 0;
     margin: 0 auto;
     top: -109px;
     width: 154px;
     height: 210px
 }

 .award-content p {
     width: 66%;
     margin: 0 auto 24px
 }

 .awards-listing {
     display: flex;
     align-items: center;
     justify-content: center
 }

 .awards-listing li {
     margin: 0 20px;
     height: auto
 }

 .nasscom {
     width: 160px
 }

 .app-futura {
     width: 131px
 }

 .clutch {
     width: 115px
 }

 .iso-1 {
     width: 125px
 }

 .awwards {
     width: 200px
 }

 .client-project {
     padding-bottom: 90px
 }

 .project-images {
     position: relative;
     z-index: 10
 }

 .project-images {
     width: 59%;
     position: relative;
     min-height: 658px
 }

 .project-images span {
     font-family: 'Circular Std Bold';
     font-size: 25px;
     line-height: 25px;
     text-align: left;
     color: #fff;
     display: block
 }

 .project-images span.platform-right {
     text-align: right;
     padding-right: 38px
 }

 .project-images strong {
     font-size: 57px;
     line-height: 57px;
     font-family: 'Circular Std Black';
     display: block;
     color: #fff
 }

 .project-images-content {
     position: absolute;
     z-index: 12
 }

 .project-image-common {
     position: absolute;
     z-index: 10
 }

 .project-image-common img {
     display: block
 }

 .project-content {
     padding: 230px 80px 20px 70px;
     width: 43%
 }

 .project-content h3 {
     text-align: left;
     color: #fff;
     text-transform: capitalize
 }

 .project-content p {
     font-size: 20px;
     color: #fff;
     margin-bottom: 20px
 }

 .wynora-image {
     background-color: #ff3cac
 }

 .yellow-gradient {
     position: absolute;
     content: '';
     top: 0;
     left: 0;
     background: #fff347;
     background: -moz-linear-gradient(-45deg, #fff347 0, #fff347 5%, #ffe052 12%, #ffc461 18%, #ff6695 35%, #ff47a6 43%, #ff3cac 47%, #ff3cac 100%);
     background: -webkit-linear-gradient(-45deg, #fff347 0, #fff347 5%, #ffe052 12%, #ffc461 18%, #ff6695 35%, #ff47a6 43%, #ff3cac 47%, #ff3cac 100%);
     background: linear-gradient(135deg, #fff347 0, #fff347 5%, #ffe052 12%, #ffc461 18%, #ff6695 35%, #ff47a6 43%, #ff3cac 47%, #ff3cac 100%);
     z-index: 3;
     width: 300px;
     height: 350px
 }

 .client-project-circle {
     position: absolute;
     content: '';
     top: -79px;
     left: -102px;
     width: 290px;
     height: 290px;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     border-radius: 50%;
     border: 43px solid rgba(255, 255, 255, .3);
     z-index: 5
 }

 .wynora-image-content {
     top: 75px;
     left: 50%;
     -webkit-transform: translate(-90%, 0);
     -moz-transform: translate(-90%, 0);
     -ms-transform: translate(-90%, 0);
     -o-transform: translate(-90%, 0);
     transform: translate(-90%, 0)
 }

 .wyora-laptop {
     width: 90%;
     top: 57px;
     left: 50%;
     -webkit-transform: translate(-50%, 0);
     -moz-transform: translate(-50%, 0);
     -ms-transform: translate(-50%, 0);
     -o-transform: translate(-50%, 0);
     transform: translate(-50%, 0)
 }

 .wynora-content {
     background: -webkit-image-set(url(../assets/images/wynora-right.webp) top center no-repeat);
     background: url(../assets/images/wynora-right.jpg) top center no-repeat;
     -webkit-background-size: cover;
     background-size: cover
 }

 .aliment-image {
     background-color: #2dd996
 }

 .green-gradient {
     position: absolute;
     top: 0;
     left: 0;
     width: 400px;
     height: 300px;
     z-index: 2;
     background: #35e471;
     background: -moz-linear-gradient(-45deg, #35e471 23%, #2eda92 46%, #30da93 56%, #32d991 56%, #32d991 58%, #2fd990 58%, #2fd990 70%, #32d993 71%, #33da94 73%, #32d795 87%, #2ed794 88%, #2ed792 92%, #2fda8e 92%, #2dd88c 95%, #2ed88f 95%, #2ed88f 100%);
     background: -webkit-linear-gradient(-45deg, #35e471 23%, #2eda92 46%, #30da93 56%, #32d991 56%, #32d991 58%, #2fd990 58%, #2fd990 70%, #32d993 71%, #33da94 73%, #32d795 87%, #2ed794 88%, #2ed792 92%, #2fda8e 92%, #2dd88c 95%, #2ed88f 95%, #2ed88f 100%);
     background: linear-gradient(135deg, #35e471 23%, #2eda92 46%, #30da93 56%, #32d991 56%, #32d991 58%, #2fd990 58%, #2fd990 70%, #32d993 71%, #33da94 73%, #32d795 87%, #2ed794 88%, #2ed792 92%, #2fda8e 92%, #2dd88c 95%, #2ed88f 95%, #2ed88f 100%)
 }

 .ailment-content {
     background-image: -webkit-image-set(url(../assets/images/ailment-right.webp) top center no-repeat);
     background: url(../assets/images/ailment-right.jpg) top center no-repeat;
     -webkit-background-size: cover;
     background-size: cover
 }

 .aliment-mobile1 {
     bottom: 0;
     left: 50%;
     -webkit-transform: translate(-110%, 0);
     -moz-transform: translate(-110%, 0);
     -ms-transform: translate(-110%, 0);
     -o-transform: translate(-110%, 0);
     transform: translate(-110%, 0)
 }

 .aliment-mobile2 {
     top: 50%;
     left: 50%;
     -webkit-transform: translate(4%, -81%);
     -moz-transform: translate(4%, -81%);
     -ms-transform: translate(4%, -81%);
     -o-transform: translate(4%, -81%);
     transform: translate(4%, -81%)
 }

 .ailment-image-content {
     bottom: 40px;
     right: 40px
 }

 .cheqdin-image {
     background: -webkit-image-set(url("../assets/images/project-image.webp") top center no-repeat);
     background: url(../assets/images/project-image.jpg) top center no-repeat;
     -webkit-background-size: cover;
     background-size: cover
 }

 .blue-gradient {
     position: absolute;
     content: '';
     background: #2dd889;
     background: -moz-linear-gradient(-45deg, #2dd889 19%, #12afe3 59%);
     background: -webkit-linear-gradient(-45deg, #2dd889 19%, #12afe3 59%);
     background: linear-gradient(135deg, #2dd889 19%, #12afe3 59%);
     top: 0;
     left: 0;
     z-index: 3;
     width: 420px;
     height: 350px
 }

 .client-project-circle {
     position: absolute;
     content: '';
     top: -79px;
     left: -102px;
     width: 290px;
     height: 290px;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     border-radius: 50%;
     border: 43px solid rgba(255, 255, 255, .3);
     z-index: 5
 }

 .cheqdin-mobile {
     left: 0;
     bottom: 0;
     width: 80%
 }

 .cheqdin-content {
     background: url(../assets/images/project-content.jpg) top center no-repeat;
     -webkit-background-size: cover;
     background-size: cover
 }

 .cheqdin-image-content {
     top: 30px;
     right: 59px
 }

 .project-images .cheqdin-image-content span.platform-right {
     padding-right: 0
 }

 .client-feedback {
     text-align: center;
     background-color: #fafbfc;
     padding: 30px 0 95px
 }

 .client-feedback h3 {
     margin-bottom: 90px
 }

 .client-slider strong {
     font-size: 30px;
     display: block;
     font-weight: 700;
     margin-bottom: 15px
 }

 .client-slider span {
     font-size: 16px;
     display: block;
     margin-bottom: 40px
 }

 .client-slider q {
     font-family: AddingtonCF-Bold;
     font-size: 26px;
     width: 70%;
     line-height: 1.6;
     display: inline-block;
     font-style: normal;
     letter-spacing: .6px
 }

 .slick-slide img {
     margin: 0 auto
 }

 .powerhouse-wrap .slick-slide img {
     width: 50%
 }

 .achivements-slider .full-image img {
     width: 100%
 }

 .slick-slide .cheqdin-mobile img {
     margin: 0
 }


 /*   .slick-next {
        right: 5%
    }

    .slick-next:after {
        background-position: -920px 0
    }*/

 /*   .slick-prev {
        left: 5%
    }*/

 .slick-prev:after {
     background-position: -821px 0
 }

 .client-project .slick-arrow {
     top: 50%;
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
     transform: translateY(-50%);
     z-index: 15
 }

 .client-project .client-project-slides {
     display: flex !important
 }

 .client-project .slick-prev {
     left: 2%
 }

 .client-project .slick-next {
     right: 2%
 }

 .client-project .slick-dots {
     position: absolute;
     top: 85%;
     right: 33%
 }

 .client-project .slick-dots li button {
     background-color: transparent;
     color: #fff;
     padding-top: 3px
 }

 .powerhouse {
     padding: 100px 0 120px;
     position: relative
 }

 .powerhouse-organic-left {
     position: absolute;
     width: 460px;
     right: 74%;
     bottom: 2%;
     height: auto
 }

 .powerhouse-organic-right {
     position: absolute;
     width: 522px;
     top: 6%;
     height: auto;
     left: 72%
 }

 .powerhouse .powerhouse-wrap {
     padding-top: 0
 }

 .technologies-provided {
     text-align: center
 }

 .services-tabs {
     width: 80%;
     display: flex;
     justify-content: center;
     -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
     -moz-box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
     box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
     margin: 0 auto 60px;
     max-height: 60px
 }

 .services-tabs li {
     margin: 0 4.2%;
     color: #2a2a2a;
     font-size: 14px;
     font-weight: 600;
     text-transform: uppercase;
     cursor: pointer;
     transition: .3s ease;
     line-height: 60px
 }

 .services-tabs li:hover {
     font-size: 18px;
     color: #f0011e
 }

 .services-tabs .active {
     color: #f0011e
 }

 .servicestab-wrap {
     display: flex;
     overflow-x: scroll;
     padding-bottom: 15px
 }

 .servicestab-wrap>div {
     flex: 0 0 100%
 }

 .tech-slides figure {
     position: relative;
     min-height: 321px;
     background: -webkit-image-set(url("../assets/images/technology-pic.webp") top center no-repeat);
     background: url(../assets/images/technology-pic.jpg) top center no-repeat;
     -webkit-background-size: 100% auto;
     background-size: 100% auto
 }

 .tech-slides figure img {
     width: 100%
 }

 .tech-slides div {
     position: absolute;
     display: flex;
     display: -webkit-box;
     display: -moz-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     align-items: center;
     -ms-flex-align: center;
     justify-content: space-around;
     width: 11.5%
 }

 .tech-slides span {
     font-size: 16px;
     text-transform: capitalize;
     width: 100px
 }

 .tech-slides em {
     position: relative;
     display: flex;
     justify-content: center;
     align-items: center;
     width: 75px;
     height: 75px;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     border-radius: 50%;
     -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .1);
     -moz-box-shadow: 0 0 30px rgba(0, 0, 0, .1);
     box-shadow: 0 0 30px rgba(0, 0, 0, .1);
     background-color: #fff;
     padding: 10px;
     max-width: 75px
 }

 .tech-slides em svg {
     position: absolute;
     width: 46px;
     height: 50px;
     left: 50%;
     top: 50%;
     -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     -o-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%)
 }

 .swift {
     top: 31%;
     left: 7%
 }

 .xcode {
     top: 19%;
     left: 21.2%
 }

 .objective {
     top: 41%;
     left: 39%
 }

 .java {
     top: 7%;
     left: 50.2%
 }

 .android {
     bottom: 7%;
     left: 65%
 }

 .android span {
     margin-top: -5px;
     line-height: 1.35
 }

 .eclipse {
     top: 16%;
     left: 73.5%
 }

 .powerhouse-wrap span {
     font-size: 36px;
     margin-bottom: 30px;
     font-family: 'Circular Std Book'
 }

 .powerhouse-wrap span strong {
     color: #f0011e;
     font-family: 'Circular Std Black'
 }

 .sparx-helps p {
     font-size: 24px;
     margin-bottom: 40px;
     font-weight: 300
 }

 .associates {
     display: flex;
     justify-content: space-between;
     margin-bottom: 25px
 }

 .associates li {
     text-align: center;
     flex: 0 0 33.33%
 }

 .associates li em {
     width: 140px;
     height: 140px;
     position: relative;
     display: inline-block;
     margin: 0 0 30px
 }

 .associates li em svg {
     width: 121px;
     height: auto;
     margin-top: 11px
 }

 .associates span {
     font-size: 24px;
     font-weight: 600;
     text-transform: capitalize
 }

 /* footer section */
/* #company-places {
     padding: 25px 0;
     background: #2d1867;
 }


 .inner-company-place li h3 {
     color: #fb00ff;
     font-size: 18px;
     margin-bottom: 10px;
     text-align: left;
     font-family: 'Source Sans Pro', sans-serif;
     font-weight: 600;
 }

 .inner-company-place address {
     color: #fff;
     line-height: 1.5;
     font-family: 'Poppins', sans-serif;
 }

 .line {
     background: #fff;
     width: 96px;
     height: 1px;
     margin-bottom: 15px;
 }

 .inner-company-place li a {
     color: #fff;
     margin-top: 16px;
     font-size: 13px;
 }*/


 /*
    @media only screen and (max-width:1520px) {
        .services-tabs li {
            margin: 0 3.2%
        }

        h1 {
            font-size: 3.7 vw
        }

        .tech-slides span {
            font-size: 1vw
        }
    }*/

 /*  @media only screen and (max-width:1400px) {
        .tech-slides em {
            height: 67px
        }

        .tech-slides em svg {
            height: 37px
        }

        .tech-slides span {
            font-size: 1.1 vw
        }
    }
*/
 @media only screen and (max-width:1330px) {

     /* .container {
                    padding: 0 15px
                }
*/
     .banner {
         padding-top: 151px
     }

     .banner-content h1 small {
         font-size: 2 vw !important;
         position: relative
     }

     h4 {
         line-height: 1.3
     }

     .services-tabs {
         width: 1036px
     }

     .services-tabs li {
         margin: 0 3.1%
     }

     .associates li em {
         width: 130px;
         height: 130px
     }

     .associates li em svg {
         width: 115px
     }

     .engineering-organic {
         top: -13%
     }

     .awards {
         padding: 0 30px 110px
     }

     .awards .container {
         padding-top: 120px
     }

     .award-content {
         padding-top: 135px
     }

     .cloud,
     .tabcontent {
         min-height: 220px
     }
 }

 @media only screen and (max-width:1140px) {
     .resolution-balance {
         padding: 39px 40px
     }

     h2 {
         font-size: 30px
     }

     .app-sparx p,
     .web-sparx p {
         font-size: 20px
     }

     .app-listing li {
         font-size: 13px
     }

     .app-content {
         padding-top: 55px
     }

     .app-content strong {
         font-size: 53px
     }

     .app-content span {
         font-size: 18px;
         margin-bottom: 25px
     }

     .app-content p {
         font-size: 16px
     }

     .powerhouse-wrap span {
         font-size: 28px
     }

     .sparx-helps p {
         font-size: 18px
     }

     .associates li em {
         width: 104px;
         height: 104px;
         margin-bottom: 20px
     }

     .engineering p {
         margin-bottom: 50px
     }

     .powerhouse .associates span {
         font-size: 20px
     }

     .associates li em svg {
         width: 90px
     }

     .features li {
         min-height: 110px
     }

     .client-feedback {
         padding-bottom: 65px
     }

     .awards {
         -webkit-background-size: 135% 400px;
         background-size: 135% 400px
     }

     .award-content {
         padding-top: 115px
     }

     .awards-image {
         width: 135px
     }

     .tech-slides em {
         height: 50px
     }
 }

 @media only screen and (max-width:1100px) {
     .services-tabs {
         width: 90%
     }

     .services-tabs li {
         font-size: 13px;
         margin: 0 2.6%
     }

     .project-images-content strong {
         font-size: 45px
     }

     .project-images-content span {
         font-size: 19px
     }

     .aliment-mobile1,
     .aliment-mobile2 {
         width: 45%
     }

     .aliment-mobile1 {
         bottom: 0;
         left: 50%;
         -webkit-transform: translate(-130%, 0);
         -moz-transform: translate(-130%, 0);
         -ms-transform: translate(-130%, 0);
         -o-transform: translate(-130%, 0);
         transform: translate(-130%, 0)
     }

     .project-content p {
         font-size: 15px
     }

     .wyora-laptop {
         top: 50%;
         -webkit-transform: translate(-50%, -50%);
         -moz-transform: translate(-50%, -50%);
         -ms-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
         transform: translate(-50%, -50%)
     }

     .cheqdin-mobile {
         width: 100%
     }

     .client-project .slick-dots {
         right: 28%
     }
 }

 @media only screen and (max-width:1024px) {
     h3 {
         font-size: 38px;
         margin-bottom: 45px
     }

     h4 {
         font-size: 34px
     }

     p {
         font-size: 16px
     }

     .content-wrap {
         margin: 0 -15px;
         padding-bottom: 28px;
         overflow-x: scroll;
         white-space: normal;
         position: relative
     }

     .content-wrap:after {
         content: '';
         border: 1px solid transparent
     }

     .resolution-balance {
         margin: 0 15px
     }

     .app-content p {
         font-size: 15px
     }

     .app-content-slider {
         width: 300px
     }

     .app-content {
         padding-top: 45px
     }

     .app-content strong {
         font-size: 45px
     }

     .tabbing-section {
         padding: 180px 0 60px
     }

     .tabbing-content p {
         width: 90%
     }

     .achivements-wrap li {
         margin: 40px 6px 0
     }

     .engineering-content-wrap {
         width: 80%
     }

     .engineering-organic {
         top: -5%
     }

     .awards {
         -webkit-background-size: 165% 420px;
         background-size: 165% 420px;
         padding-bottom: 90px
     }

     .award-content h4 {
         width: 95%
     }

     .award-content p {
         width: 90%
     }

     .engineering {
         padding: 80px 0 95px
     }

     .client-feedback {
         padding-right: 15px;
         padding-left: 15px
     }

     .client-slider figure {
         margin-bottom: 50px
     }

     .client-slider strong {
         font-size: 27px;
         margin-bottom: 15px
     }

     .client-slider q {
         width: auto;
         font-size: 23px
     }

     .tabcontent p {
         width: 95%
     }

     .resolution-balance {
         flex: 0 0 450px
     }

     .services-tabs {
         width: 95%;
         margin-bottom: 35px
     }

     .services-tabs li {
         margin: 0 1%
     }

     .services-tabs li:hover {
         font-size: 15px
     }
 }

 .tab {
     border: 1px solid #ccc;
     background-color: #f1f1f1
 }

 .tab button {
     background-color: inherit;
     float: left;
     border: none;
     outline: 0;
     cursor: pointer;
     padding: 14px 16px;
     transition: .3s;
     font-size: 17px
 }

 .tab button:hover {
     background-color: #ddd
 }

 .tab button.active {
     background-color: #ccc
 }

 .cloud,
 .tabcontent {
     display: none;
     -webkit-animation: fadeEffect 1s;
     animation: fadeEffect 1s;
     min-height: 321px;
     z-index: 99;
     position: relative
 }

 @-webkit-keyframes fadeEffect {
     from {
         opacity: 0
     }

     to {
         opacity: 1
     }
 }

 @keyframes fadeEffect {
     from {
         opacity: 0
     }

     to {
         opacity: 1
     }
 }

 .vidbox {
     display: none
 }

 /*
        .show {
            display: block
        }
*/
 .slick-slider .slick-disabled {
     opacity: .3;
     cursor: auto
 }

 .slick-slider .slick-disabled:hover {
     background-color: rgba(0, 0, 0, .3)
 }

 #closer_videopopup {
     position: absolute;
     display: table-cell;
     right: 2%;
     top: 2%;
     width: 40px;
     font-size: 0;
     height: 40px;
     text-align: center;
     vertical-align: middle;
     padding: 0;
     cursor: default;
     background: 0 0;
     border: none;
     z-index: 100004;
     cursor: pointer;
     background: url(../assets/images/menu-close.png) 0 0/cover
 }

 #opct {
     position: fixed;
     z-index: 100000;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
     -moz-opacity: .9;
     opacity: .9
 }

 #videCont {
     position: relative;
     height: 0;
     margin: auto;
     width: 75%;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
     transform: translateY(-50%);
     height: auto !important
 }

 video {
     position: absolute;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
     transform: translateY(-50%);
     left: 0;
     width: 100%;
     opacity: 1 !important
 }

 #video1 {
     cursor: pointer;
     width: 100%
 }

 .banner {
     background: url(.) no-repeat 34% 0/185px, url() no-repeat 49.5% 5.1%/204px, url() no-repeat 5% 43%/432px, url() no-repeat 92% 47%/432px
 }

 .engineering {
     position: relative;
     background: url(../assets/images/connected-device.svg) no-repeat 6% 52%/276px, url(../assets/images/computer-vector.svg) no-repeat 94.2% 22.5%/177px, url(../assets/images/notch-mobile.svg) no-repeat 89.2% 49%/166px
 }

 .engineering:before {
     content: '';
     left: -62px;
     top: -266px;
     position: absolute;
     width: 300px;
     height: 519px;
     background: url(../assets/images/engineering-organic.svg) no-repeat 104% 82%/534px
 }

 .engineering:after {
     content: '';
     position: absolute;
     top: 124px;
     left: 127px;
     height: 200px;
     width: 300px;
     background: url(../assets/images/smart-watch.svg) no-repeat 10% 82%/156px
 }

 .powerhouse {
     background: url(../assets/images/power-house-organic-left.svg) no-repeat -2% 98%/430px, url(../assets/images/power-house-organic-rightt.svg) no-repeat 105% 9%/487px
 }

 .tech-slides .img-width {
     width: 42px;
     height: 54px
 }

 @media (max-width:991px) {
     .inner-digital {
         background: linear-gradient(45deg, #3F51B5, #673ab7a1);
         top: 0;
         padding: 230px 50px;
         /* box-sizing: content-box; */
         /* position: absolute; */
         margin: 0;
     }

     .inner-digital h1,
     .inner-digital p {
         color: #fff;
     }

     .contact-info {
         display: inherit;
     }

     .inner-company-place li h3 {
         text-align: center;
     }

     .inner-company-place li {
         margin: 40px 0;
         text-align: center;
     }

     .fot-border {
         border-right: transparent !important;
     }

     ul.footerbox {}

     h1,
     h2,
     h3 {
         margin-bottom: 20px;
         line-height: 1.3
     }

     h1 {
         font-size: 44px;
         padding: 0;
         line-height: 1.1
     }

     h3 {
         font-size: 26px
     }

     h4 {
         font-size: 24px
     }

     .banner {
         padding: 0;
         background: url(../assets/images/web-organic.svg) no-repeat 109% 18%/180px
     }

     .banner-content h1 small {
         font-size: 21px
     }

     .web-app-wrapper {
         top: 117px;
         display: none
     }

     .web-app-wrapper figure {
         margin: 0
     }

     .banner-content {
         padding-top: 120px
     }

     .content-wrap {
         padding: 0 0 0;
         margin: 0;
         display: block
     }

     .drop-shadow {
         flex: 0 0 100%;
         width: 100%
     }

     .resolution-balance {
         margin: 0;
         padding: 20px 10px
     }

     .fading-effect {
         margin: 0;
         -webkit-mask-image: linear-gradient(to left, transparent 0, #000 0);
         mask-image: linear-gradient(to left, transparent 0, #000 0)
     }

     .fading-effect .slick-dots {
         display: block;
         text-align: center
     }

     .slick-initialized .slick-slide {
         width: 276px
     }

     .app-sparx {
         margin-bottom: 30px
     }

     .app-sparx:last-child {
         margin: 0
     }

     .app-sparx p,
     .web-sparx p {
         font-size: 14px;
         font-weight: 400;
         margin-bottom: 20px
     }

     .app-content-slider {
         width: 100%;
         margin: 0;
         padding: 0
     }

     .app-listing {
         display: flex;
         flex-direction: column;
         border-bottom: 1px solid #e7e7e7;
         padding: 0 0 30px
     }

     .app-listing li {
         font-size: 19px;
         position: relative;
         padding-left: 25px;
         margin-bottom: 5px;
         color: #333
     }

     .app-listing li:after {
         display: none
     }

     .app-listing li:before {
         content: "";
         position: absolute;
         top: 48%;
         left: 0;
         margin-left: 3px;
         width: 3px;
         height: 3px;
         border-radius: 50%;
         background-color: #333
     }

     .case-study-absolute {
         left: 12px
     }

     div#lottie {
         width: 155px !important;
         height: 188px !important;
         right: -28px !important;
         top: 54px
     }

     div#lottie2 {
         width: 125px !important;
         height: 183px !important;
         right: -2px !important;
         top: 70px
     }

     /*  .tabbing-section {
                margin: 0;
                padding: 120px 0 70px;
                position: relative;
                margin-top: -80px
            }

            .tab-links {
                display: flex;
                padding: 0 15px;
                margin: 0 0 30px
            }

            .tab-links li::after {
                display: none
            }

            .tab-links li {
                font-size: 16px;
                margin: 0 0 10px;
                flex: 1
            }

            .tabcontent {
                padding: 0 15px
            }

            .tabcontent p {
                width: 100%;
                margin: 0 0 20px
            }*/

     .innertabs .explanation {
         width: 100%;
         margin-bottom: 30px;
         align-items: flex-start
     }

     .achivements-wrap {
         justify-content: flex-start;
         overflow-x: auto
     }

     .achivements-wrap li {
         padding: 19px 10px 10px;
         margin: 0 auto
     }

     .achivements-slider-height {
         height: auto
     }

     .explanation figure {
         width: 26%;
         max-width: 79px
     }

     .explanation div {
         width: 70%;
         align-self: flex-start
     }

     .explanation strong {
         font-size: 14px;
         font-weight: 600
     }

     .explanation div span {
         text-align: left;
         line-height: 1.25
     }

     .engineering {
         padding: 50px 0 40px;
         background: 0 0
     }

     .engineering::before {
         background-position: -77% 29%;
         -webkit-background-size: 230px;
         background-size: 238px
     }

     .engineering-content-wrap {
         width: 100%
     }

     .engineering:before {
         width: 100%
     }

     .engineering:after {
         display: none
     }

     .engineering h3 {
         font-size: 26px;
         margin-bottom: 20px;
         line-height: 1.3
     }

     .video-youtube {
         width: 100%;
         margin: 0 0 70px
     }

     .network {
         padding: 15px;
         left: -5px;
         font-size: 15px
     }

     .awards {
         background-size: 100%;
         padding: 0
     }

     .awards .container {
         padding-top: 90px
     }

     .award-content {
         padding: 115px 0 10px
     }

     .awards h4 {
         font-size: 24px
     }

     .awards-listing {
         overflow-x: auto;
         justify-content: flex-start;
         padding: 10px 0
     }

     .awards-listing li {
         flex: 0 0 auto;
         margin: 0 auto;
         padding-bottom: 15px;
         height: auto;
         width: auto;
         padding: 10px 10px
     }

     .awards-listing li img {
         width: 85px;
         height: 70px
     }

     .client-feedback h3 {
         margin: 0 0 25px
     }

     .client-slider span {
         margin-bottom: 25px
     }

     .client-feedback {
         padding-bottom: 15px
     }

     .client-project-slides {
         height: 100%;
         width: 100%;
         overflow: hidden !important
     }

     .client-project .client-project-slides {
         flex-direction: column
     }

     .client-slider q {
         font-size: 22px;
         line-height: 1.4;
         margin: 0 0 35px
     }

     .project-images {
         min-height: 270px;
         background-color: #ff3cac;
         position: relative;
         padding: 35px 13px;
         overflow: hidden;
         width: 100%
     }

     .project-content {
         min-height: 270px;
         width: 100%
     }

     .wyora-laptop {
         width: 100%;
         height: 70%;
         bottom: 0;
         left: 53%;
         top: 50%
     }

     .wyora-laptop img {
         max-width: 287px;
         height: auto
     }

     .aliment-mobile1 img,
     .aliment-mobile2 img {
         max-width: 125px;
         height: auto
     }

     .client-project .slick-next,
     .client-project .slick-prev {
         position: absolute;
         top: 44.5%
     }

     .project-images-content strong {
         font-size: 24px
     }

     .project-images-content span {
         font-size: 15px
     }

     .project-images span.platform-right {
         padding-right: 0
     }

     .wynora-image-content {
         top: 24px;
         left: 55%
     }

     .yellow-gradient {
         height: 185px;
         width: 150px
     }

     .client-project-circle {
         display: none
     }

     .project-content {
         padding: 75px 10px 25px 16px
     }

     .project-content h3 {
         font-size: 30px;
         line-height: 1.2
     }

     .project-content p {
         font-size: 14px;
         line-height: 1.4;
         max-width: 220px
     }

     .client-project .slick-dots {
         top: 100%;
         left: 55%;
         text-align: center;
         width: 100%;
         transform: translateX(-50%)
     }

     .client-project .slick-dots li button {
         color: #000;
         padding: 0
     }

     .aliment-mobile1,
     .aliment-mobile2 {
         width: 29%
     }

     .aliment-mobile2 {
         left: 64%
     }

     .ailment-image-content {
         top: 15px;
         left: 12px;
         right: initial;
         bottom: initial
     }

     .cheqdin-image-content {
         right: 12px
     }

     .services-tabs {
         overflow-x: auto;
         width: 100%;
         justify-content: flex-start;
         margin: 0
     }

     .services-tabs li {
         width: auto;
         flex: 0 0 auto;
         margin: 0;
         padding: 0 20px
     }

     .powerhouse {
         padding: 40px 0 10px;
         background: url(../assets/images/power-house-organic-left.svg) no-repeat -35% 80%/877px, url(../assets/images/power-house-organic-rightt.svg) no-repeat 105% 5%/200px
     }

     .powerhouse .resolution-balance {
         padding: 0;
         border-bottom: none
     }

     .powerhouse .sparx-helps {
         margin: 0 0 30px;
         padding: 40px 15px 40px;
         background-color: #fff;
         box-shadow: 0 0 45px rgba(0, 0, 0, .07);
         text-align: center;
         border: 1px solid #e4e4e4;
         box-shadow: 0 11px 13px 0 rgba(0, 0, 0, .2)
     }

     .powerhouse-wrap span {
         margin-bottom: 15px;
         padding: 15px 0 0;
         display: block;
         text-align: center
     }

     .sparx-helps p {
         font-size: 18px;
         line-height: 1.4;
         text-align: center
     }

     .powerhouse .features {
         box-shadow: 0 11px 13px 0 rgba(0, 0, 0, .2);
         border: 1px solid #e4e4e4;
         margin-bottom: 20px
     }

     .contant-block {
         padding: 40px 15px
     }

     .content-wrap::after {
         border: none
     }

     .friendly-conversation {
         margin: 0;
         padding: 0
     }

     .friendly-conversation .tabbing-section {
         padding: 0;
         min-height: 1px
     }

     .friendly-conversation h3 {
         font-size: 26px;
         font-weight: 500
     }

     .associates {
         justify-content: flex-start
     }

     .associates li {
         width: 33.33%;
         flex: 0;
         text-align: left;
         margin: 0 auto
     }

     .associates li em {
         width: auto
     }

     .powerhouse .associates span {
         font-size: 15px;
         font-weight: 400;
         padding: 0
     }

     .features li {
         min-height: 28px;
         padding: 15px 0
     }

     .powerhouse-wrap .slick-slide img {
         width: 40%;
         height: 40px
     }

     .tech-slides figure {
         display: flex;
         flex-wrap: wrap;
         background: 0 0
     }

     .tech-slides figure>img {
         display: none
     }

     .tech-slides div {
         flex-direction: column;
         width: 33.3%;
         position: static;
         align-items: center;
         justify-content: center
     }

     .tech-slides span {
         font-size: 1.1 vw;
         font-size: 15px;
         order: 1;
         text-align: center
     }

     .tech-slides em {
         width: 75px;
         height: 75px;
         margin: 0 0 12px
     }

     .banner-content h1 strong {
         font-size: 48px
     }
 }

 @media (max-width:666px) {
     .banner-content {
         padding-top: 95px
     }

     .video-youtube {
         margin: 0 0 55px
     }

     .banner-content h1 {
         font-size: 27px
     }

     .banner-content h1 strong {
         font-size: 36px;
         margin-top: 5px
     }

     .banner-content small {
         margin-top: 10px
     }

     .inner-digital {}
 }