.bg-blue {
    background: var(--bglightblue);
}
.bg-blue .what-we-do-app {
    padding: 30px;
    background: #fff;
    height: 100%;
}
.what-we-do-app {
    padding: 15px 0;
    transition: .3s;
    -o-transition: .3s;
    -webkit-transition: .3s;
}
.scroll-item-minheight .what-we-do-app {
    min-height: 280px;
}
.business-growth .what-we-do-app {
    padding: 30px;
    background: #fff;
    border-radius: 0;
    border: 1px solid #70707033;
    height: 100%;
    text-align: left;
}
.what-we-do-app img {
    width: 60px;
    height: 60px;
    object-fit: contain;
    margin: 0 0 15px;
}
.business-growth .what-we-do-app img {
    margin: 0 0 20px;
}
.what-we-do-app h3 {
    font-size: 22px;
    line-height: 32px;
    margin: 0 0 15px;
    font-weight: 600;
    color: var(--secondrycolor);
}
.calltoaction-section {
    background: #f3f6f9;
}
/*************** Reviewslider-start **********************/
.reviews-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: 3;
	/* How many items are to scroll */
	--scrolling-gallery-items-total: 4;
	overflow: hidden;
	will-change: transform;

	@media (max-width: 991px) {
		/* 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) {
		/* 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;
	}
}
	
.reviews-section .reviews-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;
}

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

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

.reviews-section .reviews-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);
	}
}

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



@media screen and (max-width: 1600px) {
    .business-growth .what-we-do-app {
        padding: 40px;
    }
    .business-growth .what-we-do-app h3 {
        font-size: 26px;
        line-height: 38px;
    }
}
@media screen and (max-width: 1199px) {
    .business-growth .what-we-do-app {
        padding: 25px;
    }
    .business-growth .what-we-do-app h3 {
        font-size: 22px;
        line-height: 34px;
    }
}
@media screen and (max-width: 991px) {
    .what-we-do-app h3 {
        font-size: 17px;
        line-height: 25px;
        margin: 0 0 10px;
    }
    .business-growth .what-we-do-app img {
        width: 70px;
        height: 70px;
        margin: 0 0 10px;
    }
    .business-growth .what-we-do-app h3 {
        font-size: 21px;
        line-height: 32px;
    }
}
@media screen and (max-width: 767px) {
    .bg-blue .what-we-do-app {
        padding: 20px;
    }
    .business-growth .what-we-do-app img {
        width: 50px !important;
        height: 50px !important;
    }
    .business-growth .what-we-do-app h3 {
        font-size: 20px;
        line-height: 30px;
    }
}
@media screen and (max-width: 576px) {
}
@media screen and (max-width: 480px) {
}
@media screen and (max-width: 380px) {
}
