.vertical-tabs .accordion-body p {
    color: #4c596d;
    font-size: 16px;
    font-weight: 400;
    line-height: 168%;
    padding-bottom: 40px;
}
.solutions-card {
    padding: 38px 40px;
    border: 1px solid #e5e7eb;
    height: 100%;
    background: #fff;
}
.solution-common .solutions-card {
    text-align: center;
    background: #fff;
}
.solutions-card h3 {
    color: #192a44;
    font-size: 24px;
    font-weight: 600;
    line-height: 150%;
    margin-bottom: 34px;
}
.solutions-card:hover h3 {
    color: #ff6c1a !important;
}
.solutions-card:hover {
    border: 1px solid #ff6c1a !important;
}
/* Core Services Start */
.why-choose-app.model-list {
    background: #f9fafb;
  }
  .what-we-do-app .btn-primary img {
    width: 18px !important;
    height: 18px !important;
  }
  .what-we-do-app.design-studio h3 {
    margin-bottom: 6px;
  }
  .what-we-do-app.design-studio .btn-primary {
    margin: 7px 0 23px 0;
  }
  /* End */
  
.solution-common .solutions-card {
    text-align: center;
    background: #fff;
}

/* 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 .title-wrap {
  width: calc(100% - 91px);
}
/* .app-line img{
  min-width: 50px;
} */
/* End */

/* Development Process Start */
.what-we-do .title-wrap:before {
  display: none;
}
.custom-process{
  padding-left: 20px;
}
/* End */

/* Development Process Start */
#developmentCycle .accordion-item{
  margin-bottom: 0;
}
#developmentCycle .accordion-item:nth-child(even){
  border-top: 1px solid #70707033;
  border-bottom: 1px solid #70707033;
}
#developmentCycle .accordion-item:nth-child(1){
  border-top: 1px solid #70707033;
}
#developmentCycle .accordion-button {
  padding: 12px 12px 12px 20px;
  font-weight: 600;
  font-size: 18px;
}
#developmentCycle .accordion-body{
  padding: 0px 12px 0 20px;
}
#developmentCycle .accordion-button:focus {
  box-shadow: none;
}
.developmentcycle-imgs {
  display: flex;
  align-items: center;
  justify-content: center;
}
/* End */

.custom-tech .technology-card p {
  margin-bottom: 0;
}

/* CTA */

.bg-invest-ar .title-wrap h3 {
  color: #fff;
}
.bg-invest-ar a.btn-style-one:hover {
  color: #ff6c1a !important;
  background: #fff !important;
}
.accordion-button:not(.collapsed) {
    color: #ff6c1a !important;
    background-color: #fff !important;
    box-shadow: none;
}
.accordion-item {
    background-color: #fff;
    border: 0;
    margin-bottom: 15px;
}
.what-we-do {
    padding: 150px 0 100px;
    position: relative;
}
.what-we-do .techstack h2 {
    color: #ff6c1a !important;
    font-size: 24px;
    line-height: 30px;
    margin: 0;
    padding-bottom: 20px;
}
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;
}
.tech-stack-details .tech-list a {
    padding: 12px 30px;
    font-weight: 500 !important;
    font-size: 20px;
    line-height: 28px;
    color: #777;
    background: #f3f6f9;
    cursor: pointer;
    border-radius: 0;
}
.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 {
    margin: 0 auto !important;
    text-align: center;
}
.tech-stack-details p, .tech-stack-wrap p {
    color: #000;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
}
.tech-stack-details img {
    width: 80px !important;
    height: 80px !important;
    margin-bottom: 15px !important;
    object-fit: contain !important;
}
.bg-blue .what-we-do-app {
    padding: 30px;
    background: #fff;
    height: 100%;
}



/*********************** scroller-start ************/
.scroller__wrapper {
    /* How long one slide is visible on screen (from entering screen to leaving it) */
    --scrolling-gallery-item-duration: 20s;
    /* How many items we want to see on screen at once */
    --scrolling-gallery-items-visible: 2;
    /* How many items are to scroll */
    --scrolling-gallery-items-total: 8;
    overflow: hidden;
    will-change: transform;
    @media (max-width: 600px) {
        /* How many items we want to see on screen at once */
        --scrolling-gallery-items-visible: 1;
    /* How long one slide is visible on screen (from entering screen to leaving it) */
        --scrolling-gallery-item-duration: 30s;
        }


}
.slide-scroller {
    animation-duration: calc(var(--scrolling-gallery-item-duration, 1s) / var(--scrolling-gallery-items-visible) * var(--scrolling-gallery-items-total));
    animation-timing-function: linear;
    animation-name: scrolling-gallery;
    animation-iteration-count: infinite;
    display: flex;
    /* white-space: nowrap; */
}
.scroller__container {
    /* Without this, scroll will jump on desktop if any vertical scrollbar is shown */
    width: 100%;
}
.scroller__item {
    flex: 0 0 calc(100% / var(--scrolling-gallery-items-visible));
    /* Without this, block elements will take width from their contents and thus making wrong calculations,
       so this just force elements to take only exact part of the container (screen) and equal for all */
    width: 0px;
    /* If you want to have it continuous without any spaces, remove two lines below */
    box-sizing: border-box;
    padding: 0.5em;
}
.slide-scroller img {
    display: block;
    height: auto;
    object-position: center;
    margin: auto;
    width: 100%;
    max-width: 100%;
}
.slide-scroller h1 {
    width: 100%;
    max-width: 200px;
    margin: auto;
    @media (min-width: 600px) {
      font-size: 1.25em;
    }
}
.slide-scroller p {
    width: 100%;
    max-width: 100%;
    margin: auto;
    @media (min-width: 600px) {
        font-size: 1em;
    }
}
@keyframes scrolling-gallery {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(calc(var(--scrolling-gallery-items-total) * -100vw / var(--scrolling-gallery-items-visible)));
    }
}
.slide-scroller:hover,
.slide-scroller:focus {
    animation-play-state: paused;
}
/***************** scroller-end ******************/

/******************** industries-slider-start ******************/
.industries-section .scroller__wrapper {
	/* How long one slide is visible on screen (from entering screen to leaving it) */
	--scrolling-gallery-item-duration: 20s;
	/* How many items we want to see on screen at once */
	--scrolling-gallery-items-visible: 4;
	/* How many items are to scroll */
	--scrolling-gallery-items-total: 4;
	overflow: hidden;
	will-change: transform;
}
@media (max-width: 991px) {
	.industries-section .scroller__wrapper {
	/* How many items we want to see on screen at once */
	--scrolling-gallery-items-visible: 2;
	/* How long one slide is visible on screen (from entering screen to leaving it) */
	--scrolling-gallery-item-duration: 10s;
	}
}

@media (max-width: 600px) {
	.industries-section .scroller__wrapper {
	/* How many items we want to see on screen at once */
	--scrolling-gallery-items-visible: 1;
	/* How long one slide is visible on screen (from entering screen to leaving it) */
	--scrolling-gallery-item-duration: 10s;
}
}
	
.industries-section .industries-scroller {
	animation-duration: calc(var(--scrolling-gallery-item-duration, 1s) / var(--scrolling-gallery-items-visible) * var(--scrolling-gallery-items-total));
	animation-timing-function: linear;
	animation-name: scrolling-gallery;
	animation-iteration-count: infinite;
	display: flex;
}

.industries-section .scroller__container {
	/* Without this, scroll will jump on desktop if any vertical scrollbar is shown */
	width: 100%;
}

.industries-section .scroller__item {
	flex: 0 0 calc(100% / var(--scrolling-gallery-items-visible));
	width: 0px;
	box-sizing: border-box;
	padding: 0.5em;
}

.industries-section .industries-scroller img {
	display: block;
	height: auto;
	object-position: center;
	/* margin: auto; */
	width: 100%;
}

@keyframes scrolling-gallery {
	0% {
		transform: translateX(calc(var(--scrolling-gallery-items-total) * -100% / var(--scrolling-gallery-items-visible)));
	}
	100% {
		transform: translateX(0);
	}
}

.industries-section .industries-scroller:hover,
.industries-section .industries-scroller:focus {
	animation-play-state: paused;
}
/******************** industries-slider-end ******************/

@media screen and (max-width:1600px) {
    .business-growth .what-we-do-app h3 {
        font-size: 26px;
        line-height: 38px;
    }
}
@media screen and (max-width:1199px) {
    /* Development Process Start */
    .custom-process{
      padding-left: 10px;
    }
    /* End */
    .vertical-tabs .accordion-body p {
        font-size: 15px;
        padding-bottom: 30px;
    }
    .solutions-card {
        padding: 25px 30px;
    }
    .solutions-card h3 {
        font-size: 20px;
        margin-bottom: 25px;
    }
    .what-we-do .techstack h2 {
        font-size: 20px;
        padding-bottom: 15px;
    }
    .techstack li.tech-list {
        margin: 0 5px 10px;
    }
    .techstack .tech-list a, .techstack .tech-list .a {
        padding: 10px 20px;
        font-size: 18px;
    }
    .tech-stack-details img {
        height: 70px !important;
        width: 70px !important;
        margin-bottom: 10px !important;
    }
}
@media screen and (max-width: 991px) {
    /* Development Process Start */
    .developmentcycle-imgs {
      display: none;
    }
    /* End */
    .solutions-card {
        padding: 20px 25px;
    }
    .solutions-card h3 {
        font-size: 18px;
        margin-bottom: 20px;
    }
    .what-we-do {
        padding: 60px 0 !important;
    }
    .techstack li.tech-list {
        margin: 0 5px 10px;
    }
    .techstack .tech-list a, .techstack .tech-list .a {
        padding: 10px 20px;
        font-size: 17px;
    }
    .business-growth .what-we-do-app h3 {
        font-size: 21px;
        line-height: 32px;
    }
}
@media screen and (max-width:767px) {
    /* Development Process Start */
    .custom-process{
      padding-left: 0px;
      padding-top: 10px;
    }
    /* End */
    .solutions-card {
        padding: 20px;
    }
    .solutions-card h3 {
        margin-bottom: 15px;
    }
    .what-we-do {
        padding: 40px 0 !important;
    }
    .techstack li.tech-list {
        margin: 0 5px 10px;
    }
    .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;
    }
    .bg-blue .what-we-do-app {
        padding: 20px;
    }
    .business-growth .what-we-do-app h3 {
        font-size: 20px;
        line-height: 30px;
    }
}
@media screen and (max-width:576px) {
    .what-we-do {
        padding: 30px 0 !important;
    }
    .what-we-do .techstack h2 {
        font-size: 18px;
        padding-bottom: 10px;
    }
}
@media screen and (max-width:480px) {
    /* How To Choose Start */
    .app-line {
        flex-direction: column;
    }
    .app-line img{
        width: 60px;
        height: 60px;
    }
    .app-line .title-wrap {
      width: auto;
    }
    /* End */
  
    /* Development Process Start */
    #developmentCycle .accordion-button {
      font-size: 16px;
      padding: 12px;
    }
    #developmentCycle .accordion-button img{
      width: 35px;
      height: 35px;
    }
    /* End */
}