/*-------------------Services page-------------------*/
section.services-main-banner-sec {position: relative;padding-top: 85px;margin-bottom: 60px;}
section.services-main-banner-sec .container {padding: 40px 0px 120px;}
section.services-main-banner-sec:after {position: absolute;content: '';top: 0;z-index: -1;width: 38%;height: 100%;background-color: rgb(158 19 66 / 10%);left: 0;background-repeat: no-repeat;background-position: bottom;background-size: contain;}
section.services-main-banner-sec .row .col-md-6 {display: flex;align-items: center;}
section.services-main-banner-sec .col-md-5 { -ms-flex: 0 0 45%;flex: 0 0 45%;max-width: 45%; }
.services-banner-text-in h2 {font-size: 45px;line-height: 47px;color: #181B1B;margin-bottom: 10px;}
.services-banner-text-in p {font-size: 14px;color: #636678;}
.services-banner-text-in {padding-bottom: 40px;}
.margin-left-15 {margin-left: 15px;}
.banner-inner-1 { height: 420px;overflow: hidden; }
.banner-inner-1 img { object-fit: cover;object-position: center;width: 100%;height: 100%; }
section.main-prod-info-section {padding: 50px 0 50px;}
section.main-prod-info-section .row {align-items: center;}
.main-prod-info-block h4 {font-size: 40px;color: #181818;margin-bottom: 10px;}
.main-prod-info-block p {font-size: 16px;color: #636678;}
.main-prod-img-block {text-align: right;}
.cta-color .section-padding { overflow: hidden;position: relative; }
.cta-color .section-padding img { object-fit: cover;object-position: center;width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: -1; }
.cta-color .main-heading-box h3 { color: #fff;margin-bottom: 40px; }
.box-style-1 { margin: 10px 0;display: flex; }
.box-style-1 article { padding: 20px;border-radius: 10px;transition: 0.3s ease-in-out; }
.box-style-1 article:hover { box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);transform: translateY(-10px); }
.box-style-1 figure { width: 65px;height: 65px;margin-bottom: 25px; }
.box-style-1 figure img { width: 100%; }
.box-style-1 figcaption h4 { font-size: 18px;margin-bottom: 10px; }
.box-style-1 figcaption p { margin-bottom: 0;color: #636678;font-size: 14px; }

section.development-ai-sec {padding-top: 0;}

.service-portfolio-blk article {margin: 15px 0;border-radius: 15px;box-shadow: 0px 7px 15px rgb(0 0 0 / 16%);overflow: hidden;height: 450px;display: flex;flex-direction: column;background: #fff;}
.service-portfolio-blk figcaption {padding: 40px 20px;text-align: center;height: 100%;}
.service-portfolio-blk figcaption h4 {font-size: 18px;}
.service-portfolio-blk figcaption span {font-size: 14px;}
.service-portfolio-blk figure {height: 100%;display: flex;align-items: flex-end;justify-content: center;}
.service-portfolio-blk figure img {height: 100%;width: 100%;object-fit: contain;object-position: bottom;}


section.development_process_sec {padding-top: 100px;}
.dev_process_blk article {box-shadow: 0px 5px 15px #DCDFE1;border-radius: 57px;padding: 20px;position: relative;z-index: auto;}
.dev_process_blk figure {background-color: #eee;height: 130px;border-radius: 41px;padding: 30px;margin-bottom: 37px;}
.dev_process_blk figure img {width: 100%;height: 100%;object-fit: contain;object-position: center;}
.dev_process_blk figcaption {min-height: 48px;margin-bottom: 24px;}
.dev_process_blk figcaption h4 {font-size: 18px;color: #000;text-align: center;}
.dev_process_blk:nth-child(odd) {margin-top: 80px;}
.dev_process_blk:nth-child(1) figure {background-color: #C33172;}
.dev_process_blk:nth-child(2) figure {background-color: #ED4254;}
.dev_process_blk:nth-child(3) figure {background-color: #BFAB4A;}
.dev_process_blk:nth-child(4) figure {background-color: #66C160;}
.dev_process_blk:nth-child(5) figure {background-color: #01AEBC;}
.dev_process_blk:nth-child(6) figure {background-color: #006693;}
.dev_process_blk:nth-child(odd):before {position: absolute;content: '';background-image: url('../../images/2021-new/service-android/dotted-shape.svg');width: 112px;height: 29px;right: -14px;top: -30px;z-index: -1;}
.dev_process_blk {position: relative;}
.dev_process_blk:nth-child(even):before {position: absolute;content: '';background-image: url('../../images/2021-new/service-android/dotted-shape.svg');width: 112px;height: 29px;right: -14px;bottom: 50px;transform: rotateX(180deg) rotateY(0deg);z-index: -1;}
.dev_process_blk:last-child:before {display: none;}

.client_reviews_sec .container-fluid {max-width: 1460px;margin: 0 auto;}
section.client_reviews_sec {padding: 50px 0;position: relative;overflow: hidden;}
section.client_reviews_sec:before {content: '';position: absolute;background: linear-gradient(215deg, rgba(254,150,69,1) 45%, rgba(254,63,171,1) 100%);position: absolute;left: 0;width: 200%;z-index: -1;height: 70%;top: 0;}

.accordion-list li.panel {border: 1px solid #DDE5E8;border-radius: 10px;padding: 15px 20px;color: #000;transition: ease 0.3s;}
.accordion-list li+li {margin-top: 10px;}
.accordion-list li.panel h3.panel-title {font-size: 18px;color: inherit;display: flex;align-items: center;justify-content: space-between;}
.accordion-list li.panel .answer {margin-top: 10px;}
.accordion-list li.panel.active {background-color: #1F18DF;color: #fff;}
.accordion-list li.panel .answer .panel-body {font-size: 14px;}
.accordion-list li.panel h3.panel-title svg {color: #000;fill: #000;width: 24px;height: 24px;min-width: 24px;margin-left: 10px;transform: rotate(180deg);transition: ease 0.5s;}
.accordion-list li.panel.active h3.panel-title svg {color: #fff;fill: #fff;transform: rotate(0deg);}


.main-heading-box {max-width:770px;margin: auto;text-align: center;margin-bottom: 60px;}
.main-heading-box h5{font-size: 18px;color: #F89B20;margin-bottom: 0px;}
.main-heading-box h3{font-size: 40px;color: #181B1B;margin-bottom: 10px;}
.main-heading-box p {color: #000;font-size: 16px;margin-bottom: 20px;}
.heading-with-btn { display: flex; justify-content: space-between; }
.heading-with-btn .main-heading-box { margin-left: 0; }
.btn-link-arrow {position: relative; display: inline-flex;align-items: center;font-size: 16px;color: #0151C1; }
.btn-link-arrow img { width: 30px; }
.btn-link-arrow:after { content: "";height: 2px;width: 0%;background: #0151C1;position: absolute;left: 0;bottom: 0;transition: 0.3s; }
.btn-link-arrow:hover:after { width:100%; }
.cta-animation video {width: 100%;}
.cta-2 .d-flex { align-items: center;justify-content: center; }
.cta-2 .d-flex a { margin-left: 30px;min-width: 150px;text-align: center; }
.cta-2 .d-flex h4 { font-size: 22px; }
.cta-2 { margin: 30px 0px; }
.cta-animation { background: #181818; }
.cta-animation-in { padding-bottom: 60px;padding-top: 30px; }
.cta-animation .main-heading-box h3,.cta-animation .main-heading-box p { color: #fff; }
.connect-with ul{display: flex;align-items: center;justify-content: space-between; width: 100%;}
.connect-with li{padding: 0px 20px;}

.box-style-9 {margin: 10px auto;}
.box-style-9 article{background:#fff;box-shadow: 0 0 10px rgb(0 0 0 / 10%);border-radius:10px;padding:20px;height:100%}
.box-style-9 article figure{width:85px;height:85px;border-radius:10px;margin:0 auto 10px;background:#fff;display: flex;align-items: center;}
.box-style-9 figcaption h4{font-size: 16px;color: #3b3465;margin-bottom: 10px;text-align: center;}



.verticals-section {background: #f7f2f3;}
.box-style-4 article {border: 1px solid #D7BEC5;border-radius: 10px;padding: 25px 30px;display: flex;height: 100%;}
.box-style-4 figure {background: linear-gradient(190deg, rgba(254,150,69,1) 0%, rgba(254,63,171,1) 100%);width: 42px;height: 42px;
    min-width: 42px;line-height: 42px;text-align: center;margin-right: 20px;border-radius: 10px;}
.box-style-4 figure h4 {font-size: 18px;color: #fff;}
.box-style-4 figcaption h4 {font-size: 18px;color: #000;margin-bottom: 15px;min-height: 42px;display: flex;align-items: center;}
.box-style-4 figcaption p {color: #636678;font-size: 14px;}
.box-style-4 article ul {padding-left: 35px;}
.box-style-4 figcaption ul li{color: #636678;font-size: 14px;position: relative;line-height: 28px;}
.box-style-4 {margin:10px auto;}
.box-style-4 figcaption ul li::after {position: absolute;background: #FE914B;content: '';width: 10px;height: 10px;border-radius: 0%;left: -25px;top: 10px;}
.box-style-4 figcaption ul li::before {position: absolute;background: #FE48A0;content: '';width: 10px;height: 4px;border-radius: 10%;left: -31px;top: 13px;}

.box-style-16 article {background: linear-gradient(180deg, #F5F6FB, transparent);border-radius: 10px;padding: 30px 30px;height: 100%;}
.box-style-16 {margin-bottom: 30px;}
.box-style-16 article figure {width: 74px;height: 74px;border-radius: 10px;background: #fff;padding: 10px;margin-bottom: 20px;}
.box-style-16 article figcaption h4 {font-size: 18px;margin-bottom: 8px;color: #000;}
.box-style-16 article figcaption p {font-size: 14px;color: #636678;line-height: 22px;}

.why-hire-content .main-heading-box {text-align: inherit;margin-bottom: 20px;}
.why-hire-steps ul {display: flex;flex-wrap: wrap;}
.why-hire-steps ul li.why-hire-item {background-color: #eee;display: inline-block;width: 31.33%;box-shadow: 0px 5px 15px #dcdfe1;border-radius: 30px;padding: 30px;margin-bottom: 30px;}
.why-hire-steps ul li:nth-child(1) {background: #FF6A4D;}
.why-hire-steps ul li:nth-child(2) {background: #36C8E3;}
.why-hire-steps ul li:nth-child(3) {background: #FFCD42;}
.why-hire-steps ul li:nth-child(4) {background: #A9CF54;}
.why-hire-steps ul li:nth-child(5) {background: #946FB0;margin-left: 20px;}
.why-hire-steps ul li:nth-child(4), .why-hire-steps ul li:nth-child(5) {width: 48.5%;}
.why-hire-img-blk {height: 100%;position: relative;display: flex;align-items: center;}
.why-hire-img-blk::before {content: '';position: absolute;height: 100%;background: #F0FAFE;width: 75%;right: 0;}
.why-hire-steps ul li.why-hire-item h4 {font-size: 15px;color: #fff;text-align: center;}
.why-hire-steps ul li.why-hire-item img {width: 50px;margin: 0 auto 20px;display: block;}
.why-hire-img-blk figure {position: relative;}
.why-hire-steps ul li:nth-child(2), .why-hire-steps ul li:nth-child(3) {margin-left: 20px;}

.hireModel{border: 1px solid #32215352;}
.hireModel .col-md-12 {border-bottom: 1px solid #32215352;border-bottom: 1px solid #32215352;background: #fdfbff;}
.hireModel .col-md-12:last-child{border-bottom: none;}
.hireModel .col-md-12 article{display: flex;padding: 15px 0px;}
.hireModel .col-md-12 article figure {border-right: 2px solid #322153;background: #f7f3ff;height: max-content;padding: 20px;box-shadow: 0 0 10px rgba(50, 33, 83, 0.19);}
.hireModel .col-md-12 article figure img{max-width: 80px;}
.hireModel .col-md-12 article figcaption {width: calc(100% - 120px);padding-left: 40px;}
.hireModel .col-md-12 article figcaption h4 {color:#322153;font-size: 22px;margin-bottom: 15px;}
.hireModel .col-md-12 article figcaption p{font-size: 16px;color: #636678;}
.hireModel .col-md-12 article figcaption ul{padding-top: 20px;padding-left: 15px;}
.hireModel .col-md-12 article figcaption ul li{list-style: disc;font-size: 15px;color: #636678;line-height: 26px;}

/* -------Responsive here---------- */

@media only screen and (min-width:1024px) and (max-width:1169px){
    section.services-main-banner-sec .container {max-width: 994px;}
    .client_reviews_sec .container-fluid {max-width: 994px;}
    .services-banner-text-in h2 {font-size: 38px;line-height: 42px;}
    .panel-tabs-blk ul.nav-tabs li.nav-item a.nav-link {font-size: 14px;min-height: 68px;}
    .panel-content-block .row {margin: 0px;}
    .set-img-rk .col-md-4 article {padding: 20px;}
    section.development_process_sec {padding-top: 60px;}
}

@media only screen and (min-width:768px) and (max-width:1023px){

    .btn {height: 42px;font-size: 14px;}
    section.services-main-banner-sec .container {padding: 40px 15px 60px;}
    section.services-main-banner-sec .row .col-md-6 {margin-left: 0;}
    .main-heading-box h3 {font-size: 34px;}
    .services-banner-text-in h2 {font-size: 32px;line-height: 34px;}
    section.services-main-banner-sec {padding-top: 85px;margin-bottom: 50px;}
    section.main-prod-info-section {padding: 50px 0 50px;}
    .box-style-9 article {padding: 15px;}
    .box-style-9 figcaption h4 {font-size: 14px;}
    
    .dev_process_blk:before {display: none;}
    .dev_process_blk article {padding: 10px;}
    .dev_process_blk figure {padding: 18px;height: 88px;margin-bottom: 15px;}
    .dev_process_blk figcaption h4 {font-size: 14px;text-align: center;}
    .col-md-4.box-style-16 {max-width: 100%;flex: 0 0 50%;}
    .hireModel .col-md-12 article figure img {max-width: 50px;}
    section.development_process_sec {padding-top: 60px;}
}

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

    section.services-main-banner-sec .container {padding: 40px 15px 15px;}
    section.services-main-banner-sec .col-md-5 {flex: 0 0 100%;max-width: 100%;}
    section.services-main-banner-sec .row .col-md-6{flex: 0 0 100%;max-width: 100%;}
    section.services-main-banner-sec::after {width: 100%;height: 38%;}
    .services-banner-text-in h2 {font-size: 28px;line-height: 32px;}
    .services-banner-head-info {padding-top: 30px;}
    .banner-inner-1 {height: 350px;}
    section.services-main-banner-sec {padding-top: 85px;margin-bottom: 30px;}
    .main-heading-box h3 {font-size: 28px;}
    .main-heading-box {margin-bottom: 30px;}
    .main-prod-info-block h4 {font-size: 28px;}
    .connect-with li {padding: 0px 5px;}
    .connect-with-sec {padding-bottom: 30px;}
    section.main-prod-info-section {padding: 30px 0 50px;}
    .main-prod-info-block p {font-size: 14px;}

    .box-style-16 {margin:15px auto;flex: 0 0 50%;max-width: 50%;}
    .box-style-16 article figcaption h4 {font-size: 14px;}
    .box-style-4 article {padding: 15px;flex-wrap: wrap;align-content: baseline;}
    .box-style-4 figure {margin-right: 0px;margin-bottom: 10px;}
    .box-style-4 figcaption h4 {font-size: 16px;margin-bottom: 10px;min-height: auto;}
    .box-style-4 article ul {padding-left: 30px;}
    .box-style-4 {margin: 15px auto;}
    .main-heading-box p {font-size: 14px;}
    .col-md-6.box-style-4 figcaption{width: 100%;}
    .hireModel .col-md-12 article figcaption h4 {font-size: 18px;margin-bottom: 10px;}
    .hireModel .col-md-12 article figcaption {padding-left: 20px;}
    .col-md-3.box-style-9{flex: 0 0 50%;max-width: 50%;}
    .box-style-9 figcaption h4 {font-size: 14px;}
    .box-style-9 article figure {width: 65px;height: 65px;}


    .client_reviews_sec .col-md-4 {max-width: 100%;flex: 0 0 100%;margin-bottom: 20px;}
    .client_reviews_sec .container-fluid {max-width: 100%;padding: 0 15px;}
    .client_reviews_sec figure a {width: 100%;display: block;}
    .client_reviews_sec figure a img {width: 100%;}
    .col-md-2.dev_process_blk {flex: 0 0 100%;max-width: 100%;}
    .dev_process_blk:nth-child(2n+1) {margin: 0;}
    .dev_process_blk article {padding: 10px;}
    .dev_process_blk figure {padding: 18px;height: 88px;margin-bottom: 15px;}
    .dev_process_blk figcaption h4 {font-size: 14px;text-align: center;}
    .dev_process_blk:before {display: none;}
    .cta-animation video {width: 100%;height: 70px;object-fit: cover;}
    section.services-main-banner-sec{padding-top: initial;overflow: hidden;margin: 0;}

    section.development_process_sec {padding-bottom: 30px;}

    .col-md-4.box-style-16 {flex: 0 0 100%;max-width: 100%;}
    .col-md-6.box-style-4 {flex: 0 0 100%;max-width: 100%;}
    .hireModel .col-md-12 article figure img {max-width: 40px;}
    section.development_process_sec {padding-top: 30px;}

}

@media only screen and (min-width:0px) and (max-width:479px){

    .box-style-16 {margin:15px auto;flex: 0 0 100%;max-width: 100%;}
    .col-md-6.box-style-4{margin:15px auto;flex: 0 0 100%;max-width: 100%;}
    .hireModel .col-md-12 article {flex-wrap: wrap;}
    .hireModel .col-md-12 article figcaption {width: calc(100% - 0px);padding-left: 0px;}
    .hireModel .col-md-12 article figure {border-right: none; border-bottom: 2px solid #322153;height: max-content;padding: 20px;margin-bottom: 15px;}
    .services-banner-head-info .btn {padding: 0px 10px;}
    .margin-left-15 {margin-left: 10px;}
}






/*-------------------Services page-------------------*/