/* How To Choose Start */
.app-line {
    border: 1px solid #70707033;
    padding:20px;
    height: 100%;
    background: #fff;
}
.app-line:hover {
    box-shadow: 0 0 30px 0 #70707033;
}
.app-line img{
    min-width: 50px;
}
/* End */
.business-growth {
    display: flex;
}
.business-growth p{
    color: #fff;
    padding-left: 12px;
}
.business-growth img {
    min-width: 20px;
}
/* Five Step Start */
.five-step-main .what-we-do-app {
    text-align: center;
    padding: 0;
}
.what-we-do-app .custom-five-step {
    border: 1px dashed #ff6c1a;
    display: inline-block;
    padding: 30px;
    border-radius: 100%;
    margin-bottom: 15px;
    position: relative;
}
.what-we-do-app:hover .custom-five-step{
    background: rgb(255 108 26 / 16%);
    border-color: rgb(255 108 26 / 0);
}
.what-we-do-app .custom-five-step img {
    margin-bottom: 0;
}
.what-we-do-app .custom-five-step.custom-right::before{
    content: "";
    top: 50%;
    left: 100%;
    position: absolute;
    border: 1px dashed #ff6c1a;
    width: 210px;
}
/* End */

/* Industrial Domain Start */
.item-custom{
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}
.item-custom .custom-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 0 0 20%;
    border-right: 1px solid #70707033;
    gap: 10px;
    padding: 40px;
}
.item-custom .custom-box:nth-child(5n+0)   {
    border-right: 0;
}
.item-custom .custom-box:nth-child(-n + 10){
    border-bottom: 1px solid #70707033;
}
.item-custom .custom-box p{
    transition: .5s all ease-in-out;
}
.item-custom .custom-box:hover p{
    color: #ff6c1a;
}
/* End */

/* Vertical Tab Start */
.vertical-tab-scroll {
    padding: 50px;
    background: #f3f6f9;
}
.vertical-tab-scroll .nav-pills {
    padding: 0 !important;
    background: transparent;
    height: 460px;
    width: 370px !important;
    overflow-y: auto;
}
.vertical-tab-scroll .nav-pills::-webkit-scrollbar {
    width: 5px;
    background-color: #e6e8ea;
    border-radius: 8px;
}
.vertical-tab-scroll .nav-pills::-webkit-scrollbar-thumb{
    border-radius: 8px;
    background-color: #ff6c1a; 
}
/* End */
.vertical-tabs .nav-pills .nav-link {
    background: transparent;
}
.what-we-do {
    padding: 150px 0 100px;
    position: relative;
}
.what-we-do .title-wrap:before {
    content: "";
    position: absolute;
    top: -50px;
    left: -50px;
    width: 428px;
    height: 391px;
    background-image: url(../images/left-pattern1.webp);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover;
    z-index: 0;
}
.app-strategy {
  display: flex;
}
.app-strategy-img {
  min-width: 75px;
}
.what-we-do .techstack {
  padding-bottom: 0;
}
.what-we-do .techstack h2 {
  color: #ff6c1a !important;
  font-size: 24px;
  line-height: 30px;
  margin: 0;
  padding-bottom: 20px;
}
.what-we-do .techstack p {
  margin-bottom: 0;
}
ul.techstack {
  list-style: none;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin: 0;
  border: 0;
}
.techstack li.tech-list {
  margin: 0 10px 20px;
  display: inline-block;
}
.techstack .tech-list a, .techstack .tech-list .a {
  border: 1px solid #f3f6f9;
  padding: 12px 30px;
  font-weight: 500 !important;
  font-size: 20px;
  color: #777;
  background: #f3f6f9;
  border-radius: 0;
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
}
.techstack li.tech-list a, .techstack li.tech-list .a {
  display: block;
}
.techstack li.tech-list .actives,.techstack li.tech-list .active, .techstack .actives-tech, .techstack .tech-list a:hover, .techstack li.tech-list .a:hover, .techstack .tech-list a:focus, .techstack li.tech-list .a:focus {
  background: #ffe1d1 !important;
  color: #ff6c1a !important;
  border: 1px solid #ffe1d1 !important;
}
.tech-stack-details img {
  width: 80px !important;
  height: 80px !important;
  margin-bottom: 15px !important;
  object-fit: contain !important;
}
.tech-stack-details p, .tech-stack-wrap p {
  color: #000;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
}
.tech-stack-details {
  margin: 0 auto !important;
  text-align: center;
}
.faq-section .accordion-body p a {
  color: #ff6c1a;
}










@media screen and (max-width:1399px) {
    /* Five Step Start */
    .what-we-do-app .custom-five-step.custom-right::before {
      width: 165px;
    }
    /* End */

     /* Industrial Domain Start */
     .item-custom .custom-box {
      padding: 30px;
    }
    /* End */

}
@media screen and (max-width:1199px) {
    /* Five Step Start */
    .what-we-do-app .custom-five-step.custom-right::before {
      display: none;
    }
    .what-we-do-app .custom-five-step {
      padding: 20px;
    }
    .what-we-do-app .custom-five-step img {
      width: 40px;
      height: 40px;
    }
    .five-step-main{
      justify-content: center;
      row-gap: 24px;
    }
    .five-step-main .what-we-do-app {
      text-align: start;
      padding: 25px;
      height: 100%;
      border: 1px solid #e5e7eb;
    }
    .five-step-main .what-we-do-app:hover{
      border-bottom: 1px solid #ff6c1a!important;
      border-right: 1px solid #e5e7eb!important;
      border-left: 1px solid #e5e7eb!important;
      border-top: 1px solid #e5e7eb!important;
    }
    /* End */
    /* Industrial Domain Start */
    .item-custom .custom-box {
      padding: 20px;
    }
    .item-custom .custom-box {
      flex: 0 0 25%;
    }
    .item-custom .custom-box:nth-child(5), .item-custom .custom-box:nth-child(10) {
      border-right: 1px solid #70707033;
    }
    .item-custom .custom-box:nth-child(-n + 12) {
      border-bottom: 1px solid #70707033;
    }
    /* End */

    /* Vertical Tab Start */
    .vertical-tab-scroll .nav-pills {
      height: 410px;
      width: 345px !important;
    }
    .vertical-tab-scroll {
      padding: 40px;
    }
    .what-we-do .techstack h2 {
      font-size: 20px;
      padding-bottom: 15px;
    }
    .techstack .tech-list a, .techstack .tech-list .a {
      padding: 10px 20px;
      font-size: 18px;
    }
    .techstack li.tech-list {
      margin: 0 5px 10px;
    }
    .tech-stack-details img {
      height: 70px !important;
      width: 70px !important;
      margin-bottom: 10px !important;
    }

}
@media screen and (max-width:991px) {
    /* Industrial Domain Start */
    .item-custom .custom-box {
      flex: 0 0 33.3%;
    }
    .item-custom .custom-box:nth-child(3n+0) {
      border-right: 0;
    }
    /* End */
    .what-we-do .title-wrap:before {
      top: -35px;
      left: -40px;
      width: 300px;
      height: 240px;
    }
    .techstack .tech-list a, .techstack .tech-list .a {
      padding: 10px 20px;
      font-size: 17px;
    }
    .techstack li.tech-list {
      margin: 0 5px 10px;
    }
    .story-section, .what-we-do {
      padding: 60px 0 !important;
    }
    
}
@media screen and (max-width:767px) {
    /* Five Step Start */
    .what-we-do-app .custom-five-step {
      padding: 20px;
    }
    /* End */

    /* Industrial Domain Start */
    .item-custom .custom-box {
      flex: 0 0 50%;
    }
    .item-custom .custom-box:nth-child(2n+0) {
      border-right: 0;
    }
    .item-custom .custom-box:nth-child(3), .item-custom .custom-box:nth-child(9) {
      border-right: 1px solid #70707033;
    }
    .item-custom .custom-box:nth-child(13), .item-custom .custom-box:nth-child(14) {
      border-bottom: 1px solid #70707033;
    }
    .item-custom .custom-box:last-child{
      padding-bottom: 0;
    }
    /* End */
    .what-we-do {
      padding: 40px 0 !important;
    }
    .what-we-do .title-wrap:before {
      content: unset;
    }
    .item-custom {
      justify-content: center;
    }
    .techstack .tech-list a, .techstack .tech-list .a {
      padding: 6px 15px;
      font-size: 16px;
    }
    .tech-stack-details img {
      height: 50px !important;
      width: 50px !important;
      margin-bottom: 10px !important;
    }
    .tech-stack-details p, .tech-stack-wrap p {
      font-size: 13px;
      padding: 0;
    }
}
@media screen and (max-width:576px) {
    .what-we-do {
      padding: 30px 0 !important;
    }
    .what-we-do .techstack h2 {
      font-size: 18px;
      padding-bottom: 10px;
    }
    .what-we-do.wwd-sticky hr {
      margin: 5px 0 20px !important;
    }
}

@media screen and (max-width:480px) {
    /* How To Choose Start */
    .app-line {
        flex-direction: column;
    }
    .app-line img{
        width: 50px;
        height: 50px;
    }
    /* End */

    /* Industrial Domain Start */
    .item-custom .custom-box {
        padding: 16px 8px;
    }
    /* End */

    /* Five Step Start */
    .five-step-main .what-we-do-app {
    padding: 20px;
    }
    /* End */
    .techstack .tech-list a, .techstack .tech-list .a {
      padding: 4px 8px;
      font-size: 14px;
      
    }

}